@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/discrete/components/layers/BoxElement.js

@@ -1,160 +1,113 @@
-import { j as d } from "../../../_virtual/jsx-runtime.js";
-import { r as C } from "../../../_virtual/index2.js";
-import { Tooltip as L } from "../../../common/Tooltip.js";
-import { NO_GROUPED as W } from "../../../DataFrame.js";
-import { getLineShape as V } from "../../../utils/getLineShape.js";
-import { getPointShape as H } from "../../../utils/getPointShape.js";
-import { numberFormat as f } from "../../../utils/numberFormat.js";
-function x(t, n, m, r) {
-  if (m && typeof m == "object" && "type" in m) {
-    if (m.type === "primaryGrouping")
-      return r.primaryGrouping !== W ? t.xPrimaryAes(r.primaryGrouping)[n] : void 0;
-    if (m.type === "secondaryGrouping")
-      return r.secondaryGrouping !== W ? t.xSecondaryAes(r.secondaryGrouping)[n] : void 0;
-  }
-  return m;
+import { numberFormat as e } from "../../../utils/numberFormat.js";
+import { Tooltip as t } from "../../../common/Tooltip.js";
+import { getPointShape as n } from "../../../utils/getPointShape.js";
+import { NO_GROUPED as r } from "../../../DataFrame.js";
+import { getLineShape as i } from "../../../utils/getLineShape.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createPortal as s } from "react-dom";
+function c(e, t, n, i) {
+	if (n && typeof n == "object" && "type" in n) {
+		if (n.type === "primaryGrouping") return i.primaryGrouping === r ? void 0 : e.xPrimaryAes(i.primaryGrouping)[t];
+		if (n.type === "secondaryGrouping") return i.secondaryGrouping === r ? void 0 : e.xSecondaryAes(i.secondaryGrouping)[t];
+	}
+	return n;
 }
-function N(t, n) {
-  return n ? [t.id, `${f(t.y)}`] : [`${f(t.y)}`];
+function l(t, n) {
+	return n ? [t.id, `${e(t.y)}`] : [`${e(t.y)}`];
 }
-function Z({
-  facetKey: t,
-  scales: n,
-  orientation: m,
-  box: r,
-  aes: y,
-  hasKeyFromColumn: v,
-  sideDistances: S,
-  showTooltips: c,
-  elementsAmount: z,
-  activeElementContainer: M,
-  tooltipsContainer: g,
-  tooltipsData: i
-}) {
-  const e = m === "vertical", h = (n.xPrimary(r.primaryGrouping) ?? 0) + (n.xSecondary(r.secondaryGrouping) ?? 0) + n.xSecondary.bandwidth() / 2, u = n.xSecondary.bandwidth(), p = y.boxWidth === "auto" ? u * 0.8 : Math.min(u, y.boxWidth), $ = Math.abs(n.y(r.lower) - n.y(r.upper)), G = x(n, "lineColor", y.lineColor, r), E = x(n, "fillColor", y.fillColor, r), F = x(n, "dotShape", y.dotShape, r), A = x(n, "dotSize", y.dotSize, r), B = H(F, A, G), w = Math.abs(n.y.range()[0] - n.y.range()[1]), k = M && i.fixed, R = i.selectedData === r && k, O = /* @__PURE__ */ d.jsxs(
-    "g",
-    {
-      transform: e ? `translate(${h},0)` : `translate(0, ${h})`,
-      opacity: y.opacity,
-      stroke: G,
-      strokeWidth: y.lineWidth,
-      strokeDasharray: V(y.lineShape),
-      children: [
-        /* @__PURE__ */ d.jsx(
-          "line",
-          {
-            x1: e ? 0 : n.y(r.min),
-            x2: e ? 0 : n.y(r.lower),
-            y1: e ? n.y(r.min) : 0,
-            y2: e ? n.y(r.lower) : 0
-          }
-        ),
-        /* @__PURE__ */ d.jsx(
-          "line",
-          {
-            x1: e ? 0 : n.y(r.upper),
-            x2: e ? 0 : n.y(r.max),
-            y1: e ? n.y(r.upper) : 0,
-            y2: e ? n.y(r.max) : 0
-          }
-        ),
-        /* @__PURE__ */ d.jsx(
-          "rect",
-          {
-            width: e ? p : $,
-            height: e ? $ : p,
-            x: e ? -p / 2 : n.y(r.lower),
-            y: e ? n.y(r.upper) : -p / 2,
-            fill: E
-          }
-        ),
-        /* @__PURE__ */ d.jsx(
-          "line",
-          {
-            x1: e ? -p / 2 : n.y(r.middle),
-            x2: e ? p / 2 : n.y(r.middle),
-            y1: e ? n.y(r.middle) : -p / 2,
-            y2: e ? n.y(r.middle) : p / 2
-          }
-        ),
-        c && g && /* @__PURE__ */ d.jsx(
-          "rect",
-          {
-            onMouseOver: () => i.onMouseEnter(r, t),
-            onMouseLeave: i.onMouseLeave,
-            width: e ? u : w,
-            x: e ? -u / 2 : 0,
-            y: e ? 0 : -u / 2,
-            height: e ? w : u,
-            fill: "transparent",
-            stroke: "none"
-          }
-        ),
-        y.showOutliers && r.outliers.map((o) => {
-          const j = i.selectedData === o && i.currentFacet === t && k, a = e ? j ? h : 0 : n.y(o.y), U = e ? n.y(o.y) : j ? h : 0, P = /* @__PURE__ */ d.jsxs(
-            "g",
-            {
-              transform: `translate(${a},${U})`,
-              strokeDasharray: "0",
-              children: [
-                B,
-                c && g && /* @__PURE__ */ d.jsx(
-                  "circle",
-                  {
-                    onMouseOver: () => i.onMouseEnter(o, t),
-                    onMouseLeave: i.onMouseLeave,
-                    r: "15",
-                    fill: "transparent",
-                    stroke: "none"
-                  }
-                ),
-                c && /* @__PURE__ */ d.jsx(
-                  L,
-                  {
-                    content: N(o, v),
-                    x: e ? h : n.y(o.y),
-                    y: e ? n.y(o.y) : h,
-                    sideDistances: S,
-                    horizontal: !0,
-                    active: i.selectedData === o && i.currentFacet === t,
-                    onClose: i.onClose,
-                    fixed: i.fixed,
-                    container: g
-                  }
-                )
-              ]
-            },
-            o.id
-          );
-          return j ? C.createPortal(P, M) : P;
-        }),
-        c && /* @__PURE__ */ d.jsx(
-          L,
-          {
-            content: [
-              `Max = ${f(r.max)}`,
-              `Upper = ${f(r.upper)}`,
-              `Median = ${f(r.middle)}`,
-              `Lower = ${f(r.lower)}`,
-              `Min = ${f(r.min)}`
-            ],
-            x: e ? h : n.y(r.middle),
-            y: e ? n.y(r.middle) : h,
-            sideDistances: S,
-            horizontal: e,
-            active: i.active && i.selectedData === r && i.currentFacet === t,
-            fixed: i.fixed,
-            onClose: i.onClose,
-            offset: z > 1 ? u / 2 : u / 4,
-            container: g
-          }
-        )
-      ]
-    }
-  );
-  return R ? C.createPortal(O, M) : O;
+function u({ facetKey: r, scales: u, orientation: d, box: f, aes: p, hasKeyFromColumn: m, sideDistances: h, showTooltips: g, elementsAmount: _, activeElementContainer: v, tooltipsContainer: y, tooltipsData: b }) {
+	let x = d === "vertical", S = (u.xPrimary(f.primaryGrouping) ?? 0) + (u.xSecondary(f.secondaryGrouping) ?? 0) + u.xSecondary.bandwidth() / 2, C = u.xSecondary.bandwidth(), w = p.boxWidth === "auto" ? C * .8 : Math.min(C, p.boxWidth), T = Math.abs(u.y(f.lower) - u.y(f.upper)), E = c(u, "lineColor", p.lineColor, f), D = c(u, "fillColor", p.fillColor, f), O = n(c(u, "dotShape", p.dotShape, f), c(u, "dotSize", p.dotSize, f), E), k = Math.abs(u.y.range()[0] - u.y.range()[1]), A = v && b.fixed, j = b.selectedData === f && A, M = /* @__PURE__ */ o("g", {
+		transform: x ? `translate(${S},0)` : `translate(0, ${S})`,
+		opacity: p.opacity,
+		stroke: E,
+		strokeWidth: p.lineWidth,
+		strokeDasharray: i(p.lineShape),
+		children: [
+			/* @__PURE__ */ a("line", {
+				x1: x ? 0 : u.y(f.min),
+				x2: x ? 0 : u.y(f.lower),
+				y1: x ? u.y(f.min) : 0,
+				y2: x ? u.y(f.lower) : 0
+			}),
+			/* @__PURE__ */ a("line", {
+				x1: x ? 0 : u.y(f.upper),
+				x2: x ? 0 : u.y(f.max),
+				y1: x ? u.y(f.upper) : 0,
+				y2: x ? u.y(f.max) : 0
+			}),
+			/* @__PURE__ */ a("rect", {
+				width: x ? w : T,
+				height: x ? T : w,
+				x: x ? -w / 2 : u.y(f.lower),
+				y: x ? u.y(f.upper) : -w / 2,
+				fill: D
+			}),
+			/* @__PURE__ */ a("line", {
+				x1: x ? -w / 2 : u.y(f.middle),
+				x2: x ? w / 2 : u.y(f.middle),
+				y1: x ? u.y(f.middle) : -w / 2,
+				y2: x ? u.y(f.middle) : w / 2
+			}),
+			g && y && /* @__PURE__ */ a("rect", {
+				onMouseOver: () => b.onMouseEnter(f, r),
+				onMouseLeave: b.onMouseLeave,
+				width: x ? C : k,
+				x: x ? -C / 2 : 0,
+				y: x ? 0 : -C / 2,
+				height: x ? k : C,
+				fill: "transparent",
+				stroke: "none"
+			}),
+			p.showOutliers && f.outliers.map((e) => {
+				let n = b.selectedData === e && b.currentFacet === r && A, i = /* @__PURE__ */ o("g", {
+					transform: `translate(${x ? n ? S : 0 : u.y(e.y)},${x ? u.y(e.y) : n ? S : 0})`,
+					strokeDasharray: "0",
+					children: [
+						O,
+						g && y && /* @__PURE__ */ a("circle", {
+							onMouseOver: () => b.onMouseEnter(e, r),
+							onMouseLeave: b.onMouseLeave,
+							r: "15",
+							fill: "transparent",
+							stroke: "none"
+						}),
+						g && /* @__PURE__ */ a(t, {
+							content: l(e, m),
+							x: x ? S : u.y(e.y),
+							y: x ? u.y(e.y) : S,
+							sideDistances: h,
+							horizontal: !0,
+							active: b.selectedData === e && b.currentFacet === r,
+							onClose: b.onClose,
+							fixed: b.fixed,
+							container: y
+						})
+					]
+				}, e.id);
+				return n ? s(i, v) : i;
+			}),
+			g && /* @__PURE__ */ a(t, {
+				content: [
+					`Max = ${e(f.max)}`,
+					`Upper = ${e(f.upper)}`,
+					`Median = ${e(f.middle)}`,
+					`Lower = ${e(f.lower)}`,
+					`Min = ${e(f.min)}`
+				],
+				x: x ? S : u.y(f.middle),
+				y: x ? u.y(f.middle) : S,
+				sideDistances: h,
+				horizontal: x,
+				active: b.active && b.selectedData === f && b.currentFacet === r,
+				fixed: b.fixed,
+				onClose: b.onClose,
+				offset: _ > 1 ? C / 2 : C / 4,
+				container: y
+			})
+		]
+	});
+	return j ? s(M, v) : M;
 }
-export {
-  Z as BoxElement
-};
-//# sourceMappingURL=BoxElement.js.map
+export { u as BoxElement };
+
+//# sourceMappingURL=BoxElement.js.map

package/dist/discrete/components/layers/BoxElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxElement.js","sources":["../../../../src/discrete/components/layers/BoxElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport { NO_GROUPED } from '../../../DataFrame';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getLineShape } from '../../../utils/getLineShape';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { BoxLayer } from '../../DiscreteSettingsImpl';\nimport type { Box } from '../../layers';\nimport type { ChartScales } from '../types';\n\ninterface BoxProps {\n    facetKey: string;\n    scales: ChartScales;\n    box: Box;\n    orientation: Orientation;\n    aes: BoxLayer['aes'];\n    hasKeyFromColumn: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    elementsAmount: number;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Box\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return geom.primaryGrouping !== NO_GROUPED\n                ? scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType\n                : undefined as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return geom.secondaryGrouping !== NO_GROUPED\n                ? scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType\n                : undefined as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(outlier: Box['outliers'][number], hasKeyFromColumn: boolean) {\n    if (hasKeyFromColumn) {\n        return [outlier.id, `${numberFormat(outlier.y)}`];\n    }\n    return [`${numberFormat(outlier.y)}`];\n}\n\nexport function BoxElement({\n    facetKey,\n    scales,\n    orientation,\n    box,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    elementsAmount,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: BoxProps) {\n    const isVertical = orientation === 'vertical';\n    const boxXPosition =\n        (scales.xPrimary(box.primaryGrouping as string) ?? 0) +\n        (scales.xSecondary(box.secondaryGrouping as string) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const boxOuterWidth = scales.xSecondary.bandwidth();\n    const boxWidth = aes.boxWidth === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.boxWidth);\n    const boxHeight = Math.abs(scales.y(box.lower) - scales.y(box.upper));\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, box);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, box);\n    const outliersShape = getAesValue(scales, 'dotShape', aes.dotShape, box);\n    const outliersSize = getAesValue(scales, 'dotSize', aes.dotSize, box);\n    const shape = getPointShape(outliersShape, outliersSize, lineColor);\n\n    const yRange = Math.abs(scales.y.range()[0] - scales.y.range()[1]);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const highlightedBox = tooltipsData.selectedData === box && dimmedBackground;\n\n    const boxElement = (\n        <g\n            transform={isVertical ? `translate(${boxXPosition},0)` : `translate(0, ${boxXPosition})`}\n            opacity={aes.opacity}\n            stroke={lineColor}\n            strokeWidth={aes.lineWidth}\n            strokeDasharray={getLineShape(aes.lineShape)}\n        >\n            <line\n                x1={isVertical ? 0 : scales.y(box.min)}\n                x2={isVertical ? 0 : scales.y(box.lower)}\n                y1={isVertical ? scales.y(box.min) : 0}\n                y2={isVertical ? scales.y(box.lower) : 0}\n            />\n            <line\n                x1={isVertical ? 0 : scales.y(box.upper)}\n                x2={isVertical ? 0 : scales.y(box.max)}\n                y1={isVertical ? scales.y(box.upper) : 0}\n                y2={isVertical ? scales.y(box.max) : 0}\n            />\n            <rect\n                width={isVertical ? boxWidth : boxHeight}\n                height={isVertical ? boxHeight : boxWidth}\n                x={isVertical ? -boxWidth / 2 : scales.y(box.lower)}\n                y={isVertical ? scales.y(box.upper) : -boxWidth / 2}\n                fill={fillColor}\n            />\n            <line\n                x1={isVertical ? -boxWidth / 2 : scales.y(box.middle)}\n                x2={isVertical ? boxWidth / 2 : scales.y(box.middle)}\n                y1={isVertical ? scales.y(box.middle) : -boxWidth / 2}\n                y2={isVertical ? scales.y(box.middle) : boxWidth / 2}\n            />\n            {showTooltips && tooltipsContainer && (\n                <rect\n                    onMouseOver={() => tooltipsData.onMouseEnter(box, facetKey)}\n                    onMouseLeave={tooltipsData.onMouseLeave}\n                    width={isVertical ? boxOuterWidth : yRange}\n                    x={isVertical ? -boxOuterWidth / 2 : 0}\n                    y={isVertical ? 0 : -boxOuterWidth / 2}\n                    height={isVertical ? yRange : boxOuterWidth}\n                    fill=\"transparent\"\n                    stroke=\"none\"\n                />\n            )}\n            {aes.showOutliers &&\n                box.outliers.map(outlier => {\n                    const highlightedOutlier = tooltipsData.selectedData  === outlier && tooltipsData.currentFacet === facetKey && dimmedBackground;\n                    const x = isVertical ? (highlightedOutlier ? boxXPosition : 0) : scales.y(outlier.y);\n                    const y = isVertical ? scales.y(outlier.y) : (highlightedOutlier ? boxXPosition : 0);\n                    const el = (\n                        <g\n                            key={outlier.id}\n                            transform={`translate(${x},${y})`}\n                            strokeDasharray=\"0\"\n                        >\n                            {shape}\n                            {showTooltips && tooltipsContainer && (\n                                <circle\n                                    onMouseOver={() => tooltipsData.onMouseEnter(outlier, facetKey)}\n                                    onMouseLeave={tooltipsData.onMouseLeave}\n                                    r=\"15\"\n                                    fill=\"transparent\"\n                                    stroke=\"none\"\n                                />\n                            )}\n                            {showTooltips && (\n                                <Tooltip\n                                    content={getTooltipContent(outlier, hasKeyFromColumn)}\n                                    x={isVertical ? boxXPosition : scales.y(outlier.y)}\n                                    y={isVertical ? scales.y(outlier.y) : boxXPosition}\n                                    sideDistances={sideDistances}\n                                    horizontal\n                                    active={tooltipsData.selectedData === outlier && tooltipsData.currentFacet === facetKey}\n                                    onClose={tooltipsData.onClose}\n                                    fixed={tooltipsData.fixed}\n                                    container={tooltipsContainer}\n                                />\n                            )}\n                        </g>\n                    );\n                    return highlightedOutlier ? createPortal(el, activeElementContainer) : el;\n                })}\n            {showTooltips && (\n                <Tooltip\n                    content={[\n                        `Max = ${numberFormat(box.max)}`,\n                        `Upper = ${numberFormat(box.upper)}`,\n                        `Median = ${numberFormat(box.middle)}`,\n                        `Lower = ${numberFormat(box.lower)}`,\n                        `Min = ${numberFormat(box.min)}`,\n                    ]}\n                    x={isVertical ? boxXPosition : scales.y(box.middle)}\n                    y={isVertical ? scales.y(box.middle) : boxXPosition}\n                    sideDistances={sideDistances}\n                    horizontal={isVertical}\n                    active={tooltipsData.active && tooltipsData.selectedData === box && tooltipsData.currentFacet === facetKey}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    offset={elementsAmount > 1 ? boxOuterWidth / 2 : boxOuterWidth / 4}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    );\n    return highlightedBox ? createPortal(boxElement, activeElementContainer) : boxElement;\n}\n"],"names":["getAesValue","scales","field","value","geom","NO_GROUPED","getTooltipContent","outlier","hasKeyFromColumn","numberFormat","BoxElement","facetKey","orientation","box","aes","sideDistances","showTooltips","elementsAmount","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","boxXPosition","boxOuterWidth","boxWidth","boxHeight","lineColor","fillColor","outliersShape","outliersSize","shape","getPointShape","yRange","dimmedBackground","highlightedBox","boxElement","jsxs","getLineShape","jsx","highlightedOutlier","x","y","el","Tooltip","createPortal"],"mappings":"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"}
+{"version":3,"file":"BoxElement.js","names":[],"sources":["../../../../src/discrete/components/layers/BoxElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport { NO_GROUPED } from '../../../DataFrame';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getLineShape } from '../../../utils/getLineShape';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { BoxLayer } from '../../DiscreteSettingsImpl';\nimport type { Box } from '../../layers';\nimport type { ChartScales } from '../types';\n\ninterface BoxProps {\n    facetKey: string;\n    scales: ChartScales;\n    box: Box;\n    orientation: Orientation;\n    aes: BoxLayer['aes'];\n    hasKeyFromColumn: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    elementsAmount: number;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Box\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return geom.primaryGrouping !== NO_GROUPED\n                ? scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType\n                : undefined as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return geom.secondaryGrouping !== NO_GROUPED\n                ? scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType\n                : undefined as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(outlier: Box['outliers'][number], hasKeyFromColumn: boolean) {\n    if (hasKeyFromColumn) {\n        return [outlier.id, `${numberFormat(outlier.y)}`];\n    }\n    return [`${numberFormat(outlier.y)}`];\n}\n\nexport function BoxElement({\n    facetKey,\n    scales,\n    orientation,\n    box,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    elementsAmount,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: BoxProps) {\n    const isVertical = orientation === 'vertical';\n    const boxXPosition =\n        (scales.xPrimary(box.primaryGrouping as string) ?? 0) +\n        (scales.xSecondary(box.secondaryGrouping as string) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const boxOuterWidth = scales.xSecondary.bandwidth();\n    const boxWidth = aes.boxWidth === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.boxWidth);\n    const boxHeight = Math.abs(scales.y(box.lower) - scales.y(box.upper));\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, box);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, box);\n    const outliersShape = getAesValue(scales, 'dotShape', aes.dotShape, box);\n    const outliersSize = getAesValue(scales, 'dotSize', aes.dotSize, box);\n    const shape = getPointShape(outliersShape, outliersSize, lineColor);\n\n    const yRange = Math.abs(scales.y.range()[0] - scales.y.range()[1]);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const highlightedBox = tooltipsData.selectedData === box && dimmedBackground;\n\n    const boxElement = (\n        <g\n            transform={isVertical ? `translate(${boxXPosition},0)` : `translate(0, ${boxXPosition})`}\n            opacity={aes.opacity}\n            stroke={lineColor}\n            strokeWidth={aes.lineWidth}\n            strokeDasharray={getLineShape(aes.lineShape)}\n        >\n            <line\n                x1={isVertical ? 0 : scales.y(box.min)}\n                x2={isVertical ? 0 : scales.y(box.lower)}\n                y1={isVertical ? scales.y(box.min) : 0}\n                y2={isVertical ? scales.y(box.lower) : 0}\n            />\n            <line\n                x1={isVertical ? 0 : scales.y(box.upper)}\n                x2={isVertical ? 0 : scales.y(box.max)}\n                y1={isVertical ? scales.y(box.upper) : 0}\n                y2={isVertical ? scales.y(box.max) : 0}\n            />\n            <rect\n                width={isVertical ? boxWidth : boxHeight}\n                height={isVertical ? boxHeight : boxWidth}\n                x={isVertical ? -boxWidth / 2 : scales.y(box.lower)}\n                y={isVertical ? scales.y(box.upper) : -boxWidth / 2}\n                fill={fillColor}\n            />\n            <line\n                x1={isVertical ? -boxWidth / 2 : scales.y(box.middle)}\n                x2={isVertical ? boxWidth / 2 : scales.y(box.middle)}\n                y1={isVertical ? scales.y(box.middle) : -boxWidth / 2}\n                y2={isVertical ? scales.y(box.middle) : boxWidth / 2}\n            />\n            {showTooltips && tooltipsContainer && (\n                <rect\n                    onMouseOver={() => tooltipsData.onMouseEnter(box, facetKey)}\n                    onMouseLeave={tooltipsData.onMouseLeave}\n                    width={isVertical ? boxOuterWidth : yRange}\n                    x={isVertical ? -boxOuterWidth / 2 : 0}\n                    y={isVertical ? 0 : -boxOuterWidth / 2}\n                    height={isVertical ? yRange : boxOuterWidth}\n                    fill=\"transparent\"\n                    stroke=\"none\"\n                />\n            )}\n            {aes.showOutliers &&\n                box.outliers.map(outlier => {\n                    const highlightedOutlier = tooltipsData.selectedData  === outlier && tooltipsData.currentFacet === facetKey && dimmedBackground;\n                    const x = isVertical ? (highlightedOutlier ? boxXPosition : 0) : scales.y(outlier.y);\n                    const y = isVertical ? scales.y(outlier.y) : (highlightedOutlier ? boxXPosition : 0);\n                    const el = (\n                        <g\n                            key={outlier.id}\n                            transform={`translate(${x},${y})`}\n                            strokeDasharray=\"0\"\n                        >\n                            {shape}\n                            {showTooltips && tooltipsContainer && (\n                                <circle\n                                    onMouseOver={() => tooltipsData.onMouseEnter(outlier, facetKey)}\n                                    onMouseLeave={tooltipsData.onMouseLeave}\n                                    r=\"15\"\n                                    fill=\"transparent\"\n                                    stroke=\"none\"\n                                />\n                            )}\n                            {showTooltips && (\n                                <Tooltip\n                                    content={getTooltipContent(outlier, hasKeyFromColumn)}\n                                    x={isVertical ? boxXPosition : scales.y(outlier.y)}\n                                    y={isVertical ? scales.y(outlier.y) : boxXPosition}\n                                    sideDistances={sideDistances}\n                                    horizontal\n                                    active={tooltipsData.selectedData === outlier && tooltipsData.currentFacet === facetKey}\n                                    onClose={tooltipsData.onClose}\n                                    fixed={tooltipsData.fixed}\n                                    container={tooltipsContainer}\n                                />\n                            )}\n                        </g>\n                    );\n                    return highlightedOutlier ? createPortal(el, activeElementContainer) : el;\n                })}\n            {showTooltips && (\n                <Tooltip\n                    content={[\n                        `Max = ${numberFormat(box.max)}`,\n                        `Upper = ${numberFormat(box.upper)}`,\n                        `Median = ${numberFormat(box.middle)}`,\n                        `Lower = ${numberFormat(box.lower)}`,\n                        `Min = ${numberFormat(box.min)}`,\n                    ]}\n                    x={isVertical ? boxXPosition : scales.y(box.middle)}\n                    y={isVertical ? scales.y(box.middle) : boxXPosition}\n                    sideDistances={sideDistances}\n                    horizontal={isVertical}\n                    active={tooltipsData.active && tooltipsData.selectedData === box && tooltipsData.currentFacet === facetKey}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    offset={elementsAmount > 1 ? boxOuterWidth / 2 : boxOuterWidth / 4}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    );\n    return highlightedBox ? createPortal(boxElement, activeElementContainer) : boxElement;\n}\n"],"mappings":"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"}

package/dist/discrete/components/layers/DotsGroupElement.js

@@ -1,65 +1,52 @@
-import { j as x } from "../../../_virtual/jsx-runtime.js";
-import { r as J } from "../../../_virtual/index2.js";
-import { Tooltip as L } from "../../../common/Tooltip.js";
-import { getPointShape as v } from "../../../utils/getPointShape.js";
-import { numberFormat as b } from "../../../utils/numberFormat.js";
-function s(e, r, n, t) {
-  if (n && typeof n == "object" && "type" in n) {
-    if (n.type === "primaryGrouping")
-      return e.xPrimaryAes(t.primaryGrouping)[r];
-    if (n.type === "secondaryGrouping")
-      return e.xSecondaryAes(t.secondaryGrouping)[r];
-  }
-  return n;
+import { numberFormat as e } from "../../../utils/numberFormat.js";
+import { Tooltip as t } from "../../../common/Tooltip.js";
+import { getPointShape as n } from "../../../utils/getPointShape.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { createPortal as a } from "react-dom";
+function o(e, t, n, r) {
+	if (n && typeof n == "object" && "type" in n) {
+		if (n.type === "primaryGrouping") return e.xPrimaryAes(r.primaryGrouping)[t];
+		if (n.type === "secondaryGrouping") return e.xSecondaryAes(r.secondaryGrouping)[t];
+	}
+	return n;
 }
-function w(e, r, n) {
-  return n ? [r, `${b(e)}`] : [`${b(e)}`];
+function s(t, n, r) {
+	return r ? [n, `${e(t)}`] : [`${e(t)}`];
 }
-function W({
-  facetKey: e,
-  scales: r,
-  orientation: n,
-  geom: t,
-  aes: c,
-  hasKeyFromColumn: C,
-  sideDistances: P,
-  showTooltips: u,
-  activeElementContainer: h,
-  tooltipsContainer: m,
-  tooltipsData: o
-}) {
-  const y = n === "vertical", d = (r.xPrimary(t.primaryGrouping) ?? 0) + (r.xSecondary(t.secondaryGrouping) ?? 0) + r.xSecondary.bandwidth() / 2, F = r.xSecondary.bandwidth() * c.jitter, j = (i) => (1 - i * 2) * (F / 2), M = s(r, "lineColor", c.lineColor, t), g = s(r, "dotFill", c.dotFill, t), k = s(r, "dotShape", c.dotShape, t), A = v(k, c.dotSize, g), E = h && o.fixed;
-  return /* @__PURE__ */ x.jsx("g", { transform: y ? `translate(${d},0)` : `translate(0, ${d})`, stroke: M, children: t.values.map((i) => {
-    const { jitter: S, id: a } = i, f = o.selectedData === i && E, p = j(S), l = y ? f ? d + p : p : r.y(i.y), G = y ? r.y(i.y) : f ? d + p : p, $ = /* @__PURE__ */ x.jsxs("g", { opacity: c.opacity, transform: `translate(${l},${G})`, children: [
-      A,
-      u && m && /* @__PURE__ */ x.jsx(
-        "circle",
-        {
-          onMouseOver: () => o.onMouseEnter(i, e),
-          onMouseLeave: () => o.onMouseLeave(),
-          r: "4",
-          fill: "transparent",
-          stroke: "none"
-        }
-      ),
-      u && /* @__PURE__ */ x.jsx(
-        L,
-        {
-          content: w(i.y, a, C),
-          x: d + j(S),
-          y: G,
-          active: o.active && o.selectedData === i && o.currentFacet === e,
-          fixed: o.fixed,
-          onClose: o.onClose,
-          sideDistances: P,
-          container: m
-        }
-      )
-    ] }, a);
-    return f ? J.createPortal($, h) : $;
-  }) });
+function c({ facetKey: e, scales: c, orientation: l, geom: u, aes: d, hasKeyFromColumn: f, sideDistances: p, showTooltips: m, activeElementContainer: h, tooltipsContainer: g, tooltipsData: _ }) {
+	let v = l === "vertical", y = (c.xPrimary(u.primaryGrouping) ?? 0) + (c.xSecondary(u.secondaryGrouping) ?? 0) + c.xSecondary.bandwidth() / 2, b = c.xSecondary.bandwidth() * d.jitter, x = (e) => (1 - e * 2) * (b / 2), S = o(c, "lineColor", d.lineColor, u), C = o(c, "dotFill", d.dotFill, u), w = n(o(c, "dotShape", d.dotShape, u), d.dotSize, C), T = h && _.fixed;
+	return /* @__PURE__ */ r("g", {
+		transform: v ? `translate(${y},0)` : `translate(0, ${y})`,
+		stroke: S,
+		children: u.values.map((n) => {
+			let { jitter: o, id: l } = n, u = _.selectedData === n && T, b = x(o), S = v ? u ? y + b : b : c.y(n.y), C = v ? c.y(n.y) : u ? y + b : b, E = /* @__PURE__ */ i("g", {
+				opacity: d.opacity,
+				transform: `translate(${S},${C})`,
+				children: [
+					w,
+					m && g && /* @__PURE__ */ r("circle", {
+						onMouseOver: () => _.onMouseEnter(n, e),
+						onMouseLeave: () => _.onMouseLeave(),
+						r: "4",
+						fill: "transparent",
+						stroke: "none"
+					}),
+					m && /* @__PURE__ */ r(t, {
+						content: s(n.y, l, f),
+						x: y + x(o),
+						y: C,
+						active: _.active && _.selectedData === n && _.currentFacet === e,
+						fixed: _.fixed,
+						onClose: _.onClose,
+						sideDistances: p,
+						container: g
+					})
+				]
+			}, l);
+			return u ? a(E, h) : E;
+		})
+	});
 }
-export {
-  W as DotsGroupElement
-};
-//# sourceMappingURL=DotsGroupElement.js.map
+export { c as DotsGroupElement };
+
+//# sourceMappingURL=DotsGroupElement.js.map

package/dist/discrete/components/layers/DotsGroupElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsGroupElement.js","sources":["../../../../src/discrete/components/layers/DotsGroupElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { DotLayer } from '../../DiscreteSettingsImpl';\nimport type { DotsGroup } from '../../layers';\nimport type { ChartScales } from '../types';\n\ninterface DotsProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: DotsGroup;\n    orientation: Orientation;\n    aes: DotLayer['aes'];\n    hasKeyFromColumn: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: DotsGroup\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(y: number, id: string, hasKeyFromColumn: boolean) {\n    if (hasKeyFromColumn) {\n        return [id, `${numberFormat(y)}`];\n    }\n    return [`${numberFormat(y)}`];\n}\n\nexport function DotsGroupElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: DotsProps) {\n    const isVertical = orientation === 'vertical';\n    const xPosition =\n        (scales.xPrimary(geom.primaryGrouping) ?? 0) +\n        (scales.xSecondary(geom.secondaryGrouping) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const boxWidth = scales.xSecondary.bandwidth() * aes.jitter;\n    const getJitterX = (v: number) => (1 - v * 2) * (boxWidth / 2);\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom);\n    const fillColor = getAesValue(scales, 'dotFill', aes.dotFill, geom);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, geom);\n    const shape = getPointShape(dotShape, aes.dotSize, fillColor);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    return (\n        <g transform={isVertical ? `translate(${xPosition},0)` : `translate(0, ${xPosition})`} stroke={lineColor}>\n            {geom.values.map(geomValue => {\n                const {jitter, id} = geomValue;\n                const highlightedDot = tooltipsData.selectedData === geomValue && dimmedBackground;\n                const xJitter = getJitterX(jitter);\n                const x = isVertical ? (highlightedDot ? xPosition + xJitter : xJitter) : scales.y(geomValue.y);\n                const y = isVertical ? scales.y(geomValue.y) : highlightedDot ? xPosition + xJitter : xJitter;\n                const dot = (\n                    <g key={id} opacity={aes.opacity} transform={`translate(${x},${y})`}>\n                        {shape}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => tooltipsData.onMouseEnter(geomValue, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                r=\"4\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(geomValue.y, id, hasKeyFromColumn)}\n                                x={xPosition + getJitterX(jitter)}\n                                y={y}\n                                active={\n                                    tooltipsData.active &&\n                                    tooltipsData.selectedData === geomValue &&\n                                    tooltipsData.currentFacet === facetKey\n                                }\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                sideDistances={sideDistances}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                return highlightedDot ? createPortal(dot, activeElementContainer) : dot;\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","getTooltipContent","y","id","hasKeyFromColumn","numberFormat","DotsGroupElement","facetKey","orientation","aes","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","xPosition","boxWidth","getJitterX","v","lineColor","fillColor","dotShape","shape","getPointShape","dimmedBackground","jsx","geomValue","jitter","highlightedDot","xJitter","x","dot","jsxs","Tooltip","createPortal"],"mappings":"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"}
+{"version":3,"file":"DotsGroupElement.js","names":[],"sources":["../../../../src/discrete/components/layers/DotsGroupElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { DotLayer } from '../../DiscreteSettingsImpl';\nimport type { DotsGroup } from '../../layers';\nimport type { ChartScales } from '../types';\n\ninterface DotsProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: DotsGroup;\n    orientation: Orientation;\n    aes: DotLayer['aes'];\n    hasKeyFromColumn: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: DotsGroup\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(y: number, id: string, hasKeyFromColumn: boolean) {\n    if (hasKeyFromColumn) {\n        return [id, `${numberFormat(y)}`];\n    }\n    return [`${numberFormat(y)}`];\n}\n\nexport function DotsGroupElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: DotsProps) {\n    const isVertical = orientation === 'vertical';\n    const xPosition =\n        (scales.xPrimary(geom.primaryGrouping) ?? 0) +\n        (scales.xSecondary(geom.secondaryGrouping) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const boxWidth = scales.xSecondary.bandwidth() * aes.jitter;\n    const getJitterX = (v: number) => (1 - v * 2) * (boxWidth / 2);\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom);\n    const fillColor = getAesValue(scales, 'dotFill', aes.dotFill, geom);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, geom);\n    const shape = getPointShape(dotShape, aes.dotSize, fillColor);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    return (\n        <g transform={isVertical ? `translate(${xPosition},0)` : `translate(0, ${xPosition})`} stroke={lineColor}>\n            {geom.values.map(geomValue => {\n                const {jitter, id} = geomValue;\n                const highlightedDot = tooltipsData.selectedData === geomValue && dimmedBackground;\n                const xJitter = getJitterX(jitter);\n                const x = isVertical ? (highlightedDot ? xPosition + xJitter : xJitter) : scales.y(geomValue.y);\n                const y = isVertical ? scales.y(geomValue.y) : highlightedDot ? xPosition + xJitter : xJitter;\n                const dot = (\n                    <g key={id} opacity={aes.opacity} transform={`translate(${x},${y})`}>\n                        {shape}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => tooltipsData.onMouseEnter(geomValue, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                r=\"4\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(geomValue.y, id, hasKeyFromColumn)}\n                                x={xPosition + getJitterX(jitter)}\n                                y={y}\n                                active={\n                                    tooltipsData.active &&\n                                    tooltipsData.selectedData === geomValue &&\n                                    tooltipsData.currentFacet === facetKey\n                                }\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                sideDistances={sideDistances}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                return highlightedDot ? createPortal(dot, activeElementContainer) : dot;\n            })}\n        </g>\n    );\n}\n"],"mappings":";;;;;AA6BA,SAAS,EACL,GACA,GACA,GACA,GACS;AACT,KAAI,KAAS,OAAO,KAAU,YAAY,UAAU,GAAO;AACvD,MAAI,EAAM,SAAS,kBACf,QAAO,EAAO,YAAY,EAAK,gBAAgB,CAAC;AAEpD,MAAI,EAAM,SAAS,oBACf,QAAO,EAAO,cAAc,EAAK,kBAAkB,CAAC;;AAG5D,QAAO;;AAGX,SAAS,EAAkB,GAAW,GAAY,GAA2B;AAIzE,QAHI,IACO,CAAC,GAAI,GAAG,EAAa,EAAE,GAAG,GAE9B,CAAC,GAAG,EAAa,EAAE,GAAG;;AAGjC,SAAgB,EAAiB,EAC7B,aACA,WACA,gBACA,SACA,QACA,qBACA,kBACA,iBACA,2BACA,sBACA,mBACU;CACV,IAAM,IAAa,MAAgB,YAC7B,KACD,EAAO,SAAS,EAAK,gBAAgB,IAAI,MACzC,EAAO,WAAW,EAAK,kBAAkB,IAAI,KAC9C,EAAO,WAAW,WAAW,GAAG,GAC9B,IAAW,EAAO,WAAW,WAAW,GAAG,EAAI,QAC/C,KAAc,OAAe,IAAI,IAAI,MAAM,IAAW,IACtD,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAK,EACjE,IAAY,EAAY,GAAQ,WAAW,EAAI,SAAS,EAAK,EAE7D,IAAQ,EADG,EAAY,GAAQ,YAAY,EAAI,UAAU,EAAK,EAC9B,EAAI,SAAS,EAAU,EAEvD,IAAmB,KAA0B,EAAa;AAChE,QACI,kBAAC,KAAD;EAAG,WAAW,IAAa,aAAa,EAAU,OAAO,gBAAgB,EAAU;EAAI,QAAQ;YAC1F,EAAK,OAAO,KAAI,MAAa;GAC1B,IAAM,EAAC,WAAQ,UAAM,GACf,IAAiB,EAAa,iBAAiB,KAAa,GAC5D,IAAU,EAAW,EAAO,EAC5B,IAAI,IAAc,IAAiB,IAAY,IAAU,IAAW,EAAO,EAAE,EAAU,EAAE,EACzF,IAAI,IAAa,EAAO,EAAE,EAAU,EAAE,GAAG,IAAiB,IAAY,IAAU,GAChF,IACF,kBAAC,KAAD;IAAY,SAAS,EAAI;IAAS,WAAW,aAAa,EAAE,GAAG,EAAE;cAAjE;KACK;KACA,KAAgB,KACb,kBAAC,UAAD;MACI,mBAAmB,EAAa,aAAa,GAAW,EAAS;MACjE,oBAAoB,EAAa,cAAc;MAC/C,GAAE;MACF,MAAK;MACL,QAAO;MACT,CAAA;KAEL,KACG,kBAAC,GAAD;MACI,SAAS,EAAkB,EAAU,GAAG,GAAI,EAAiB;MAC7D,GAAG,IAAY,EAAW,EAAO;MAC9B;MACH,QACI,EAAa,UACb,EAAa,iBAAiB,KAC9B,EAAa,iBAAiB;MAElC,OAAO,EAAa;MACpB,SAAS,EAAa;MACP;MACf,WAAW;MACb,CAAA;KAEN;MA3BI,EA2BJ;AAER,UAAO,IAAiB,EAAa,GAAK,EAAuB,GAAG;IACtE;EACF,CAAA"}