@semcore/d3-chart 16.3.0 → 16.4.0-prerelease.1

package/lib/esm/Plot.mjs

@@ -21,13 +21,13 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlot_ebb2t_gg_{overflow:hidden}.___SPlot_ebb2t_gg_:focus{outline:0}.___SPlot_ebb2t_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_ebb2t_gg_.__keyboardFocused_ebb2t_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}",
+    ".___SPlot_irjhg_gg_{overflow:hidden}.___SPlot_irjhg_gg_:focus{outline:0}.___SPlot_irjhg_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_irjhg_gg_.__keyboardFocused_irjhg_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}",
     /*__inner_css_end__*/
-    "ebb2t_gg_"
+    "irjhg_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlot": "___SPlot_ebb2t_gg_",
-    "_keyboardFocused": "__keyboardFocused_ebb2t_gg_"
+    "__SPlot": "___SPlot_irjhg_gg_",
+    "_keyboardFocused": "__keyboardFocused_irjhg_gg_"
   })
 );
 var PlotRoot = /* @__PURE__ */ (function(_Component) {
@@ -48,7 +48,7 @@ var PlotRoot = /* @__PURE__ */ (function(_Component) {
         var _xScale$range = xScale.range(), _xScale$range2 = _slicedToArray(_xScale$range, 2), minX = _xScale$range2[0], maxX = _xScale$range2[1];
         var _yScale$range = yScale.range(), _yScale$range2 = _slicedToArray(_yScale$range, 2), maxY = _yScale$range2[0], minY = _yScale$range2[1];
         if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {
-          _this.eventEmitter.emit("onMouseMoveChart", e);
+          _this.eventEmitter.emit("onMouseMoveChart", e, _this.rootRef.current);
         } else {
           _this.eventEmitter.emit("onMouseLeaveChart", e);
         }
@@ -82,7 +82,8 @@ var PlotRoot = /* @__PURE__ */ (function(_Component) {
           dataHintsHandler: this.dataHintsHandler,
           resolveColor,
           patterns,
-          duration
+          duration,
+          plotId: this.plotId
         }
       };
     }
@@ -101,7 +102,8 @@ var PlotRoot = /* @__PURE__ */ (function(_Component) {
         "onMouseMove": this.handlerMouseMove,
         "onMouseLeave": this.handlerMouseLeave,
         "aria-label": ariaLabel,
-        "tabIndex": 0
+        "tabIndex": 0,
+        "data-plot-id": this.plotId
       }, _ref))), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})), /* @__PURE__ */ React.createElement("foreignObject", _ref2.cn("foreignObject", {
         "width": "100%",
         "height": "100%",

package/lib/esm/Radar.mjs

@@ -23,29 +23,29 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SAxisLine_xbfmu_gg_,.___SAxisTick_xbfmu_gg_,.___SAxis_xbfmu_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_xbfmu_gg_,.___SAxisTick_xbfmu_gg_{stroke-dasharray:2}.___SAxisLine_xbfmu_gg_.__active_xbfmu_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_xbfmu_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_xbfmu_gg_.__xDirection_xbfmu_gg_{text-anchor:var(--xDirection_xbfmu)}.___SAxisLabel_xbfmu_gg_.__yDirection_xbfmu_gg_{dominant-baseline:var(--yDirection_xbfmu)}.___SPolygonDot_xbfmu_gg_,.___SPolygon_xbfmu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_xbfmu_gg_{opacity:.2}.___SPolygon_xbfmu_gg_.__color_xbfmu_gg_{fill:var(--color_xbfmu)}.___SPolygon_xbfmu_gg_.__pattern_xbfmu_gg_.__color_xbfmu_gg_{fill:var(--pattern_xbfmu);stroke:var(--color_xbfmu);stroke-width:1px}.___SPolygonDot_xbfmu_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_xbfmu_gg_.__transparent_xbfmu_gg_{opacity:.3}.___SPolygonDot_xbfmu_gg_.__color_xbfmu_gg_{fill:var(--color_xbfmu)}.___SPolygonLine_xbfmu_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_xbfmu_gg_.__transparent_xbfmu_gg_{opacity:.3}.___SPolygonLine_xbfmu_gg_.__color_xbfmu_gg_{stroke:var(--color_xbfmu)}.___SPieRect_xbfmu_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SAxisLine_22h5e_gg_,.___SAxisTick_22h5e_gg_,.___SAxis_22h5e_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_22h5e_gg_,.___SAxisTick_22h5e_gg_{stroke-dasharray:2}.___SAxisLine_22h5e_gg_.__active_22h5e_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_22h5e_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_22h5e_gg_.__xDirection_22h5e_gg_{text-anchor:var(--xDirection_22h5e)}.___SAxisLabel_22h5e_gg_.__yDirection_22h5e_gg_{dominant-baseline:var(--yDirection_22h5e)}.___SPolygonDot_22h5e_gg_,.___SPolygon_22h5e_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_22h5e_gg_{opacity:.2}.___SPolygon_22h5e_gg_.__color_22h5e_gg_{fill:var(--color_22h5e)}.___SPolygon_22h5e_gg_.__pattern_22h5e_gg_.__color_22h5e_gg_{fill:var(--pattern_22h5e);stroke:var(--color_22h5e);stroke-width:1px}.___SPolygonDot_22h5e_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_22h5e_gg_.__transparent_22h5e_gg_{opacity:.3}.___SPolygonDot_22h5e_gg_.__color_22h5e_gg_{fill:var(--color_22h5e)}.___SPolygonLine_22h5e_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_22h5e_gg_.__transparent_22h5e_gg_{opacity:.3}.___SPolygonLine_22h5e_gg_.__color_22h5e_gg_{stroke:var(--color_22h5e)}.___SPieRect_22h5e_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "xbfmu_gg_"
+    "22h5e_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SAxis": "___SAxis_xbfmu_gg_",
-    "__SAxisLine": "___SAxisLine_xbfmu_gg_",
-    "__SAxisTick": "___SAxisTick_xbfmu_gg_",
-    "_active": "__active_xbfmu_gg_",
-    "__SAxisLabel": "___SAxisLabel_xbfmu_gg_",
-    "_xDirection": "__xDirection_xbfmu_gg_",
-    "--xDirection": "--xDirection_xbfmu",
-    "_yDirection": "__yDirection_xbfmu_gg_",
-    "--yDirection": "--yDirection_xbfmu",
-    "__SPolygon": "___SPolygon_xbfmu_gg_",
-    "_color": "__color_xbfmu_gg_",
-    "--color": "--color_xbfmu",
-    "_pattern": "__pattern_xbfmu_gg_",
-    "--pattern": "--pattern_xbfmu",
-    "__SPolygonDot": "___SPolygonDot_xbfmu_gg_",
-    "_transparent": "__transparent_xbfmu_gg_",
-    "__SPolygonLine": "___SPolygonLine_xbfmu_gg_",
-    "__SPieRect": "___SPieRect_xbfmu_gg_"
+    "__SAxis": "___SAxis_22h5e_gg_",
+    "__SAxisLine": "___SAxisLine_22h5e_gg_",
+    "__SAxisTick": "___SAxisTick_22h5e_gg_",
+    "_active": "__active_22h5e_gg_",
+    "__SAxisLabel": "___SAxisLabel_22h5e_gg_",
+    "_xDirection": "__xDirection_22h5e_gg_",
+    "--xDirection": "--xDirection_22h5e",
+    "_yDirection": "__yDirection_22h5e_gg_",
+    "--yDirection": "--yDirection_22h5e",
+    "__SPolygon": "___SPolygon_22h5e_gg_",
+    "_color": "__color_22h5e_gg_",
+    "--color": "--color_22h5e",
+    "_pattern": "__pattern_22h5e_gg_",
+    "--pattern": "--pattern_22h5e",
+    "__SPolygonDot": "___SPolygonDot_22h5e_gg_",
+    "_transparent": "__transparent_22h5e_gg_",
+    "__SPolygonLine": "___SPolygonLine_22h5e_gg_",
+    "__SPieRect": "___SPieRect_22h5e_gg_"
   })
 );
 var clampAngle = function clampAngle2(angle) {
@@ -599,7 +599,7 @@ var Hover = /* @__PURE__ */ (function(_Component4) {
     _defineProperty(_this4, "unsubscribeMouseMoveRoot", null);
     _defineProperty(_this4, "unsubscribeMouseLeaveRoot", null);
     _defineProperty(_this4, "handlerMouseMoveRoot", trottle(function(e) {
-      var _this4$asProps = _this4.asProps, eventEmitter = _this4$asProps.eventEmitter, size = _this4$asProps.size, rootRef = _this4$asProps.rootRef, patterns = _this4$asProps.patterns, getIndex = _this4$asProps.getIndex;
+      var _this4$asProps = _this4.asProps, eventEmitter = _this4$asProps.eventEmitter, size = _this4$asProps.size, rootRef = _this4$asProps.rootRef, patterns = _this4$asProps.patterns, getIndex = _this4$asProps.getIndex, plotId = _this4$asProps.plotId;
       var point = eventToPoint(e, rootRef.current);
       var diam = Math.min(size[0], size[1]);
       var centerX = point[0] - diam / 2;
@@ -609,19 +609,19 @@ var Hover = /* @__PURE__ */ (function(_Component4) {
       _this4.setState({
         index
       }, function() {
-        eventEmitter.emit("setTooltipPosition", clientX, clientY);
-        eventEmitter.emit("setTooltipRenderingProps", {}, {
+        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
+        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), {}, {
           index,
           patterns
         });
-        eventEmitter.emit("setTooltipVisible", index !== null);
+        eventEmitter.emit("setTooltipVisible_".concat(plotId), index !== null);
       });
     }));
     _defineProperty(_this4, "handlerMouseLeaveRoot", trottle(function() {
       _this4.setState({
         index: null
       }, function() {
-        _this4.asProps.eventEmitter.emit("setTooltipVisible", false);
+        _this4.asProps.eventEmitter.emit("setTooltipVisible_".concat(_this4.asProps.plotId), false);
       });
     }));
     return _this4;

package/lib/esm/RadialTree.mjs

@@ -23,22 +23,22 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SRadian_1vgfp_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1vgfp_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1vgfp_gg_.__stroke_1vgfp_gg_{stroke:var(--stroke_1vgfp)}.___SLine_1vgfp_gg_.__transparent_1vgfp_gg_{opacity:.3}.___SCap_1vgfp_gg_{transition:r .1s}.___SCap_1vgfp_gg_.__pattern_1vgfp_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1vgfp_gg_.__transparent_1vgfp_gg_,.___SIcon_1vgfp_gg_.__transparent_1vgfp_gg_,.___SLabel_1vgfp_gg_.__transparent_1vgfp_gg_{opacity:.3}.___SLabel_1vgfp_gg_{fill:var(--color_1vgfp)}@media (hover:hover){.___SRadian_1vgfp_gg_:hover .___SLabel_1vgfp_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1vgfp_gg_{transition:none}}",
+    ".___SRadian_1c8r4_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1c8r4_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1c8r4_gg_.__stroke_1c8r4_gg_{stroke:var(--stroke_1c8r4)}.___SLine_1c8r4_gg_.__transparent_1c8r4_gg_{opacity:.3}.___SCap_1c8r4_gg_{transition:r .1s}.___SCap_1c8r4_gg_.__pattern_1c8r4_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1c8r4_gg_.__transparent_1c8r4_gg_,.___SIcon_1c8r4_gg_.__transparent_1c8r4_gg_,.___SLabel_1c8r4_gg_.__transparent_1c8r4_gg_{opacity:.3}.___SLabel_1c8r4_gg_{fill:var(--color_1c8r4)}@media (hover:hover){.___SRadian_1c8r4_gg_:hover .___SLabel_1c8r4_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1c8r4_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1vgfp_gg_"
+    "1c8r4_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SRadian": "___SRadian_1vgfp_gg_",
-    "__SLine": "___SLine_1vgfp_gg_",
-    "_stroke": "__stroke_1vgfp_gg_",
-    "--stroke": "--stroke_1vgfp",
-    "_transparent": "__transparent_1vgfp_gg_",
-    "__SCap": "___SCap_1vgfp_gg_",
-    "_pattern": "__pattern_1vgfp_gg_",
-    "__SIcon": "___SIcon_1vgfp_gg_",
-    "__SLabel": "___SLabel_1vgfp_gg_",
-    "--color": "--color_1vgfp",
-    "__SLineCap": "___SLineCap_1vgfp_gg_"
+    "__SRadian": "___SRadian_1c8r4_gg_",
+    "__SLine": "___SLine_1c8r4_gg_",
+    "_stroke": "__stroke_1c8r4_gg_",
+    "--stroke": "--stroke_1c8r4",
+    "_transparent": "__transparent_1c8r4_gg_",
+    "__SCap": "___SCap_1c8r4_gg_",
+    "_pattern": "__pattern_1c8r4_gg_",
+    "__SIcon": "___SIcon_1c8r4_gg_",
+    "__SLabel": "___SLabel_1c8r4_gg_",
+    "--color": "--color_1c8r4",
+    "__SLineCap": "___SLineCap_1c8r4_gg_"
   })
 );
 var baseAngle = -Math.PI / 2;

package/lib/esm/Reference.mjs

@@ -15,22 +15,22 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SReferenceLine_1afvr_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1afvr_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1afvr)}.___STitle_1afvr_gg_._position_top_1afvr_gg_{text-anchor:middle}.___STitle_1afvr_gg_._position_bottom_1afvr_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1afvr_gg_._position_left_1afvr_gg_,.___STitle_1afvr_gg_._position_right_1afvr_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1afvr_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1afvr_gg_{fill:var(--fill_1afvr)}.___SStripesPatternPath_1afvr_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
+    ".___SReferenceLine_1kaw4_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1kaw4_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1kaw4)}.___STitle_1kaw4_gg_._position_top_1kaw4_gg_{text-anchor:middle}.___STitle_1kaw4_gg_._position_bottom_1kaw4_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1kaw4_gg_._position_left_1kaw4_gg_,.___STitle_1kaw4_gg_._position_right_1kaw4_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1kaw4_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1kaw4_gg_{fill:var(--fill_1kaw4)}.___SStripesPatternPath_1kaw4_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
     /*__inner_css_end__*/
-    "1afvr_gg_"
+    "1kaw4_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SReferenceLine": "___SReferenceLine_1afvr_gg_",
-    "__STitle": "___STitle_1afvr_gg_",
-    "--transform-origin": "--transform-origin_1afvr",
-    "_position_top": "_position_top_1afvr_gg_",
-    "_position_bottom": "_position_bottom_1afvr_gg_",
-    "_position_right": "_position_right_1afvr_gg_",
-    "_position_left": "_position_left_1afvr_gg_",
-    "__SBackground": "___SBackground_1afvr_gg_",
-    "__SStripes": "___SStripes_1afvr_gg_",
-    "--fill": "--fill_1afvr",
-    "__SStripesPatternPath": "___SStripesPatternPath_1afvr_gg_"
+    "__SReferenceLine": "___SReferenceLine_1kaw4_gg_",
+    "__STitle": "___STitle_1kaw4_gg_",
+    "--transform-origin": "--transform-origin_1kaw4",
+    "_position_top": "_position_top_1kaw4_gg_",
+    "_position_bottom": "_position_bottom_1kaw4_gg_",
+    "_position_right": "_position_right_1kaw4_gg_",
+    "_position_left": "_position_left_1kaw4_gg_",
+    "__SBackground": "___SBackground_1kaw4_gg_",
+    "__SStripes": "___SStripes_1kaw4_gg_",
+    "--fill": "--fill_1kaw4",
+    "__SStripesPatternPath": "___SStripesPatternPath_1kaw4_gg_"
   })
 );
 var side2direction = {

package/lib/esm/ScatterPlot.mjs

@@ -19,19 +19,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScatterPlot_1m2js_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1m2js);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1m2js_gg_:hover{opacity:.8}}.___SScatterPlot_1m2js_gg_.__color_1m2js_gg_{fill:var(--color_1m2js)}.___SScatterPlot_1m2js_gg_.__pattern_1m2js_gg_.__color_1m2js_gg_{fill:var(--pattern_1m2js);stroke:var(--color_1m2js);stroke-width:1px}.___SScatterPlot_1m2js_gg_.__transparent_1m2js_gg_{opacity:.3}.___SValue_1m2js_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1m2js_gg_.__color_1m2js_gg_{stroke:var(--color_1m2js)}.___SValue_1m2js_gg_.__transparent_1m2js_gg_{opacity:.3}",
+    ".___SScatterPlot_6iqqd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_6iqqd);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_6iqqd_gg_:hover{opacity:.8}}.___SScatterPlot_6iqqd_gg_.__color_6iqqd_gg_{fill:var(--color_6iqqd)}.___SScatterPlot_6iqqd_gg_.__pattern_6iqqd_gg_.__color_6iqqd_gg_{fill:var(--pattern_6iqqd);stroke:var(--color_6iqqd);stroke-width:1px}.___SScatterPlot_6iqqd_gg_.__transparent_6iqqd_gg_{opacity:.3}.___SValue_6iqqd_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_6iqqd_gg_.__color_6iqqd_gg_{stroke:var(--color_6iqqd)}.___SValue_6iqqd_gg_.__transparent_6iqqd_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "1m2js_gg_"
+    "6iqqd_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScatterPlot": "___SScatterPlot_1m2js_gg_",
-    "_color": "__color_1m2js_gg_",
-    "--color": "--color_1m2js",
-    "_pattern": "__pattern_1m2js_gg_",
-    "--pattern": "--pattern_1m2js",
-    "_transparent": "__transparent_1m2js_gg_",
-    "__SValue": "___SValue_1m2js_gg_",
-    "--duration": "--duration_1m2js"
+    "__SScatterPlot": "___SScatterPlot_6iqqd_gg_",
+    "_color": "__color_6iqqd_gg_",
+    "--color": "--color_6iqqd",
+    "_pattern": "__pattern_6iqqd_gg_",
+    "--pattern": "--pattern_6iqqd",
+    "_transparent": "__transparent_6iqqd_gg_",
+    "__SValue": "___SValue_6iqqd_gg_",
+    "--duration": "--duration_6iqqd"
   })
 );
 var ScatterPlotRoot = /* @__PURE__ */ (function(_Component) {
@@ -46,10 +46,10 @@ var ScatterPlotRoot = /* @__PURE__ */ (function(_Component) {
     _defineProperty(_this, "bindHandlerTooltip", function(visible, props, tooltipProps) {
       return function(_ref4) {
         var clientX = _ref4.clientX, clientY = _ref4.clientY;
-        var eventEmitter = _this.asProps.eventEmitter;
-        eventEmitter.emit("setTooltipPosition", clientX, clientY);
-        eventEmitter.emit("setTooltipRenderingProps", props, tooltipProps);
-        eventEmitter.emit("setTooltipVisible", visible);
+        var _this$asProps = _this.asProps, eventEmitter = _this$asProps.eventEmitter, plotId = _this$asProps.plotId;
+        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
+        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), props, tooltipProps);
+        eventEmitter.emit("setTooltipVisible_".concat(plotId), visible);
       };
     });
     return _this;
@@ -74,7 +74,7 @@ var ScatterPlotRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "animationCircle",
     value: function animationCircle() {
-      var _this$asProps = this.asProps, duration = _this$asProps.duration, uid = _this$asProps.uid, r = _this$asProps.r, value = _this$asProps.value;
+      var _this$asProps2 = this.asProps, duration = _this$asProps2.duration, uid = _this$asProps2.uid, r = _this$asProps2.r, value = _this$asProps2.value;
       var radius = r ? r : getScatterPlotRadius(value);
       var selectRect = transition().selection().selectAll("[id^=".concat(uid, "]")).attr("r", 0);
       var selectRectNode = selectRect.node();
@@ -109,7 +109,7 @@ var ScatterPlotRoot = /* @__PURE__ */ (function(_Component) {
     key: "renderCircle",
     value: function renderCircle(d, i) {
       var _ref2;
-      var _this$asProps2 = this.asProps, color = _this$asProps2.color, scale = _this$asProps2.scale, x = _this$asProps2.x, y = _this$asProps2.y, r = _this$asProps2.r, offset = _this$asProps2.offset, styles = _this$asProps2.styles, uid = _this$asProps2.uid, duration = _this$asProps2.duration, value = _this$asProps2.value, valueColor = _this$asProps2.valueColor, transparent = _this$asProps2.transparent, resolveColor = _this$asProps2.resolveColor, patterns = _this$asProps2.patterns;
+      var _this$asProps3 = this.asProps, color = _this$asProps3.color, scale = _this$asProps3.scale, x = _this$asProps3.x, y = _this$asProps3.y, r = _this$asProps3.r, offset = _this$asProps3.offset, styles = _this$asProps3.styles, uid = _this$asProps3.uid, duration = _this$asProps3.duration, value = _this$asProps3.value, valueColor = _this$asProps3.valueColor, transparent = _this$asProps3.transparent, resolveColor = _this$asProps3.resolveColor, patterns = _this$asProps3.patterns;
       var _scale = _slicedToArray(scale, 2), xScale = _scale[0], yScale = _scale[1];
       var SScatterPlot = this.Element;
       var SValue = "text";
@@ -161,7 +161,7 @@ var ScatterPlotRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$asProps3 = this.asProps, data = _this$asProps3.data, uid = _this$asProps3.uid, scale = _this$asProps3.scale, x = _this$asProps3.x, y = _this$asProps3.y, value = _this$asProps3.value;
+      var _this$asProps4 = this.asProps, data = _this$asProps4.data, uid = _this$asProps4.uid, scale = _this$asProps4.scale, x = _this$asProps4.x, y = _this$asProps4.y, value = _this$asProps4.value;
       var _scale2 = _slicedToArray(scale, 2), xScale = _scale2[0], yScale = _scale2[1];
       var xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);
       var ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);

package/lib/esm/Tooltip.mjs

@@ -20,19 +20,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltip_2npro_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_2npro_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_2npro_gg_{display:flex;align-items:center}.___SDot_2npro_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_2npro_gg_.__color_2npro_gg_{background-color:var(--color_2npro);width:8px;height:8px;border-radius:50%}.___SFooter_2npro_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}",
+    ".___STooltip_r10f7_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_r10f7_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_r10f7_gg_{display:flex;align-items:center}.___SDot_r10f7_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_r10f7_gg_.__color_r10f7_gg_{background-color:var(--color_r10f7);width:8px;height:8px;border-radius:50%}.___SFooter_r10f7_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}",
     /*__inner_css_end__*/
-    "2npro_gg_"
+    "r10f7_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltip": "___STooltip_2npro_gg_",
-    "__STitle": "___STitle_2npro_gg_",
-    "__SDotGroup": "___SDotGroup_2npro_gg_",
-    "__SDot": "___SDot_2npro_gg_",
-    "__SDotCircle": "___SDotCircle_2npro_gg_",
-    "_color": "__color_2npro_gg_",
-    "--color": "--color_2npro",
-    "__SFooter": "___SFooter_2npro_gg_"
+    "__STooltip": "___STooltip_r10f7_gg_",
+    "__STitle": "___STitle_r10f7_gg_",
+    "__SDotGroup": "___SDotGroup_r10f7_gg_",
+    "__SDot": "___SDot_r10f7_gg_",
+    "__SDotCircle": "___SDotCircle_r10f7_gg_",
+    "_color": "__color_r10f7_gg_",
+    "--color": "--color_r10f7",
+    "__SFooter": "___SFooter_r10f7_gg_"
   })
 );
 var TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
@@ -100,17 +100,17 @@ var TooltipRoot = /* @__PURE__ */ (function(_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-      var eventEmitter = this.asProps.eventEmitter;
-      this.unsubscribe.push(eventEmitter.subscribe("setTooltipRenderingProps", function(anchorProps, tooltipProps) {
+      var _this$asProps2 = this.asProps, eventEmitter = _this$asProps2.eventEmitter, plotId = _this$asProps2.plotId;
+      this.unsubscribe.push(eventEmitter.subscribe("setTooltipRenderingProps_".concat(plotId), function(anchorProps, tooltipProps) {
         _this2.setState({
           anchorProps,
           tooltipProps
         });
-      }), eventEmitter.subscribe("setTooltipVisible", function(visible) {
+      }), eventEmitter.subscribe("setTooltipVisible_".concat(plotId), function(visible) {
         return _this2.setState({
           $visible: visible
         });
-      }), eventEmitter.subscribe("setTooltipPosition", function(x, y) {
+      }), eventEmitter.subscribe("setTooltipPosition_".concat(plotId), function(x, y) {
         var _this2$popper$current;
         _this2.virtualElementPosition.x = x;
         _this2.virtualElementPosition.y = y;
@@ -145,9 +145,9 @@ var TooltipRoot = /* @__PURE__ */ (function(_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps, _this$asProps$pattern, _this3 = this;
-      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, children = _this$asProps2.children, tag = _this$asProps2.tag, forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
-      _this$asProps2.onClick;
-      var other = _objectWithoutProperties(_this$asProps2, _excluded);
+      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, children = _this$asProps3.children, tag = _this$asProps3.tag, forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
+      _this$asProps3.onClick;
+      var other = _objectWithoutProperties(_this$asProps3, _excluded);
       var advancedMode = forcedAdvancedMode || !!findComponent(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
       this.renderContext.index = -1;
       this.renderContext.indexKeysCache.clear();

package/lib/esm/Venn.mjs

@@ -8,6 +8,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, assignProps, Component } from "@semcore/core";
 import { FadeInOut } from "@semcore/animation";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { scaleSolution, normalizeSolution, venn, intersectionAreaPath } from "@upsetjs/venn.js";
@@ -21,19 +22,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCircle_l556u_gg_,.___SIntersection_l556u_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_l556u_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_l556u);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_l556u_gg_:hover{fill-opacity:.7}}.___SCircle_l556u_gg_.__color_l556u_gg_{fill:var(--color_l556u)}.___SCircle_l556u_gg_.__pattern_l556u_gg_.__color_l556u_gg_{fill:var(--pattern_l556u);fill-opacity:.7;stroke:var(--color_l556u);stroke-width:1px}@media (hover:hover){.___SCircle_l556u_gg_.__pattern_l556u_gg_.__color_l556u_gg_:hover{fill-opacity:.85}}.___SCircle_l556u_gg_.__transparent_l556u_gg_{opacity:.3}.___SIntersection_l556u_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_l556u_gg_:hover{fill-opacity:.1}}.___SIntersection_l556u_gg_.__transparent_l556u_gg_{opacity:.3}",
+    ".___SCircle_fy99p_gg_,.___SIntersection_fy99p_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_fy99p_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_fy99p);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_fy99p_gg_:hover{fill-opacity:.7}}.___SCircle_fy99p_gg_.__color_fy99p_gg_{fill:var(--color_fy99p)}.___SCircle_fy99p_gg_.__pattern_fy99p_gg_.__color_fy99p_gg_{fill:var(--pattern_fy99p);fill-opacity:.7;stroke:var(--color_fy99p);stroke-width:1px}@media (hover:hover){.___SCircle_fy99p_gg_.__pattern_fy99p_gg_.__color_fy99p_gg_:hover{fill-opacity:.85}}.___SCircle_fy99p_gg_.__transparent_fy99p_gg_{opacity:.3}.___SIntersection_fy99p_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_fy99p_gg_:hover{fill-opacity:.1}}.___SIntersection_fy99p_gg_.__transparent_fy99p_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "l556u_gg_"
+    "fy99p_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCircle": "___SCircle_l556u_gg_",
-    "_color": "__color_l556u_gg_",
-    "--color": "--color_l556u",
-    "_transparent": "__transparent_l556u_gg_",
-    "__SIntersection": "___SIntersection_l556u_gg_",
-    "--duration": "--duration_l556u",
-    "_pattern": "__pattern_l556u_gg_",
-    "--pattern": "--pattern_l556u"
+    "__SCircle": "___SCircle_fy99p_gg_",
+    "_color": "__color_fy99p_gg_",
+    "--color": "--color_fy99p",
+    "_transparent": "__transparent_fy99p_gg_",
+    "__SIntersection": "___SIntersection_fy99p_gg_",
+    "--duration": "--duration_fy99p",
+    "_pattern": "__pattern_fy99p_gg_",
+    "--pattern": "--pattern_fy99p"
   })
 );
 var VennRoot = /* @__PURE__ */ (function(_Component) {
@@ -48,10 +49,10 @@ var VennRoot = /* @__PURE__ */ (function(_Component) {
     _defineProperty(_this, "bindHandlerTooltip", function(visible, props, tooltipProps) {
       return function(_ref5) {
         var clientX = _ref5.clientX, clientY = _ref5.clientY;
-        var eventEmitter = _this.asProps.eventEmitter;
-        eventEmitter.emit("setTooltipPosition", clientX, clientY);
-        eventEmitter.emit("setTooltipRenderingProps", props, tooltipProps);
-        eventEmitter.emit("setTooltipVisible", visible);
+        var _this$asProps = _this.asProps, eventEmitter = _this$asProps.eventEmitter, plotId = _this$asProps.plotId;
+        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
+        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), props, tooltipProps);
+        eventEmitter.emit("setTooltipVisible_".concat(plotId), visible);
       };
     });
     _defineProperty(_this, "renderElement", /* @__PURE__ */ React.forwardRef(function(props, ref) {
@@ -84,7 +85,7 @@ var VennRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "getVennData",
     value: function getVennData() {
-      var _this$asProps = this.asProps, data = _this$asProps.data, orientation = _this$asProps.orientation, orientationOrder2 = _this$asProps.orientationOrder, size = _this$asProps.size;
+      var _this$asProps2 = this.asProps, data = _this$asProps2.data, orientation = _this$asProps2.orientation, orientationOrder2 = _this$asProps2.orientationOrder, size = _this$asProps2.size;
       var _size = _slicedToArray(size, 2), width = _size[0], height = _size[1];
       var vennData = Object.entries(data).map(function(_ref6) {
         var _ref7 = _slicedToArray(_ref6, 2), dataKey = _ref7[0], size2 = _ref7[1];
@@ -95,6 +96,13 @@ var VennRoot = /* @__PURE__ */ (function(_Component) {
       });
       return scaleSolution(normalizeSolution(venn(vennData), orientation, orientationOrder2), width, height, 10);
     }
+  }, {
+    key: "getTooltipProps",
+    value: function getTooltipProps() {
+      return {
+        uniqId: this.asProps.uid
+      };
+    }
   }, {
     key: "getCircleProps",
     value: function getCircleProps(props, index) {
@@ -118,13 +126,13 @@ var VennRoot = /* @__PURE__ */ (function(_Component) {
         uid: "".concat(this.asProps.uid, "-").concat(index),
         patterns: this.asProps.patterns,
         minRadius: this.asProps.minRadius,
-        onClick: this.handlerOnClick(props.dataKey).bind(this)
+        onClickCircleRoot: this.handlerOnClick(props.dataKey).bind(this)
       };
     }
   }, {
     key: "getIntersectionProps",
     value: function getIntersectionProps(props) {
-      var _this$asProps2 = this.asProps, duration = _this$asProps2.duration, transparent = _this$asProps2.transparent;
+      var _this$asProps3 = this.asProps, duration = _this$asProps3.duration, transparent = _this$asProps3.transparent;
       var dataKeys = props.dataKey.split("/");
       var tooltipProps = {
         dataKey: props.dataKey,
@@ -144,7 +152,7 @@ var VennRoot = /* @__PURE__ */ (function(_Component) {
         onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
         transparent,
         resolveColor: this.asProps.resolveColor,
-        onClick: this.handlerOnClick(props.dataKey).bind(this)
+        onClickIntersectionRoot: this.handlerOnClick(props.dataKey).bind(this)
       };
     }
   }, {
@@ -186,7 +194,7 @@ _defineProperty(VennRoot, "defaultProps", {
 _defineProperty(VennRoot, "enhance", [uniqueIDEnhancement()]);
 function Circle(_ref8) {
   var _ref2;
-  var SCircle = _ref8.Element, styles = _ref8.styles, color = _ref8.color, resolveColor = _ref8.resolveColor, data = _ref8.data, duration = _ref8.duration, name = _ref8.name, dataKey = _ref8.dataKey, dataHintsHandler = _ref8.dataHintsHandler, transparent = _ref8.transparent, uid = _ref8.uid, patterns = _ref8.patterns, minRadius = _ref8.minRadius, onClick = _ref8.onClick;
+  var SCircle = _ref8.Element, styles = _ref8.styles, color = _ref8.color, resolveColor = _ref8.resolveColor, data = _ref8.data, duration = _ref8.duration, name = _ref8.name, dataKey = _ref8.dataKey, dataHintsHandler = _ref8.dataHintsHandler, transparent = _ref8.transparent, uid = _ref8.uid, patterns = _ref8.patterns, minRadius = _ref8.minRadius, onClick = _ref8.onClick, onClickCircleRoot = _ref8.onClickCircleRoot;
   dataHintsHandler.describeValueEntity(dataKey, name);
   var radius = data.radius < minRadius ? minRadius : data.radius;
   if (data.radius === 0) return null;
@@ -200,7 +208,7 @@ function Circle(_ref8) {
     "r": radius,
     "transparent": transparent,
     "use:duration": "".concat(duration, "ms"),
-    "onClickCapture": onClick
+    "onClickCapture": callAllEventHandlers(onClickCircleRoot, onClick)
   }))), patterns && /* @__PURE__ */ React.createElement(PatternFill, _ref2.cn("PatternFill", {
     "id": "".concat(uid, "-pattern"),
     "patternKey": color,
@@ -210,7 +218,7 @@ function Circle(_ref8) {
 }
 function Intersection(props) {
   var _ref3;
-  var SIntersection = props.Element, styles = props.styles, data = props.data, name = props.name, dataKey = props.dataKey, dataHintsHandler = props.dataHintsHandler, transparent = props.transparent, onClick = props.onClick;
+  var SIntersection = props.Element, styles = props.styles, data = props.data, name = props.name, dataKey = props.dataKey, dataHintsHandler = props.dataHintsHandler, transparent = props.transparent, onClick = props.onClick, onClickIntersectionRoot = props.onClickIntersectionRoot;
   dataHintsHandler.describeValueEntity(dataKey, name);
   var renderIntersection = React.useCallback(/* @__PURE__ */ React.forwardRef(function(props2, ref) {
     return /* @__PURE__ */ React.createElement(FadeInOut, _extends({
@@ -225,7 +233,7 @@ function Intersection(props) {
     "render": renderIntersection,
     "d": intersectionAreaPath(data),
     "transparent": transparent,
-    "onClickCapture": onClick
+    "onClickCapture": callAllEventHandlers(onClickIntersectionRoot, onClick)
   }));
 }
 var VennTooltip = function VennTooltip2(props) {

package/lib/esm/a11y/PlotA11yModule.mjs

@@ -12,12 +12,12 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yModule_1in48_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1in48_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}",
+    ".___SPlotA11yModule_1vwo8_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1vwo8_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}",
     /*__inner_css_end__*/
-    "1in48_gg_"
+    "1vwo8_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yModule": "___SPlotA11yModule_1in48_gg_"
+    "__SPlotA11yModule": "___SPlotA11yModule_1vwo8_gg_"
   })
 );
 var globalWasFocused = false;

package/lib/esm/a11y/PlotA11yView.mjs

@@ -15,12 +15,12 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yView_1yh9o_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1yh9o_gg_:focus,.___SPlotA11yView_1yh9o_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1yh9o_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1yh9o_gg_ table,.___SPlotA11yView_1yh9o_gg_ td,.___SPlotA11yView_1yh9o_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}",
+    ".___SPlotA11yView_1qted_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1qted_gg_:focus,.___SPlotA11yView_1qted_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1qted_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1qted_gg_ table,.___SPlotA11yView_1qted_gg_ td,.___SPlotA11yView_1qted_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}",
     /*__inner_css_end__*/
-    "1yh9o_gg_"
+    "1qted_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yView": "___SPlotA11yView_1yh9o_gg_"
+    "__SPlotA11yView": "___SPlotA11yView_1qted_gg_"
   })
 );
 var PlotA11yView = function PlotA11yView2(_ref3) {

package/lib/esm/component/Chart/AbstractChart.mjs

@@ -380,11 +380,11 @@ var AbstractChart = /* @__PURE__ */ (function(_Component) {
     value: function render() {
       var _ref = this.asProps, _ref2;
       var SChart = Flex;
-      var _this$asProps7 = this.asProps, styles = _this$asProps7.styles, plotWidth = _this$asProps7.plotWidth, plotHeight = _this$asProps7.plotHeight, data = _this$asProps7.data, patterns = _this$asProps7.patterns, a11yAltTextConfig = _this$asProps7.a11yAltTextConfig, duration = _this$asProps7.duration;
+      var _this$asProps7 = this.asProps, styles = _this$asProps7.styles, plotWidth = _this$asProps7.plotWidth, plotHeight = _this$asProps7.plotHeight, data = _this$asProps7.data, patterns = _this$asProps7.patterns, a11yAltTextConfig = _this$asProps7.a11yAltTextConfig, duration = _this$asProps7.duration, eventEmitter = _this$asProps7.eventEmitter;
       var _extractAriaProps = extractAriaProps(this.asProps), extractedAriaProps = _extractAriaProps.extractedAriaProps;
       return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChart, _ref2.cn("SChart", _objectSpread({}, assignProps({
         "gap": 5,
-        "__excludeProps": ["data"],
+        "__excludeProps": ["data", "eventEmitter"],
         "role": "group"
       }, _ref))), this.renderLegend(), /* @__PURE__ */ React.createElement(Plot, _ref2.cn("Plot", _objectSpread({
         "data": data,
@@ -394,7 +394,8 @@ var AbstractChart = /* @__PURE__ */ (function(_Component) {
         "dataHints": this.dataHints,
         "a11yAltTextConfig": a11yAltTextConfig,
         "patterns": patterns,
-        "duration": duration
+        "duration": duration,
+        "eventEmitter": eventEmitter
       }, extractedAriaProps)), this.renderAxis(), this.renderTooltip(), this.renderChart()));
     }
   }]);

package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs

@@ -18,14 +18,14 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLegendFlex_1m4w0_gg_._direction_row_1m4w0_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1m4w0_gg_._direction_column_1m4w0_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
+    ".___SLegendFlex_1huw2_gg_._direction_row_1huw2_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1huw2_gg_._direction_column_1huw2_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
     /*__inner_css_end__*/
-    "1m4w0_gg_"
+    "1huw2_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendFlex": "___SLegendFlex_1m4w0_gg_",
-    "_direction_row": "_direction_row_1m4w0_gg_",
-    "_direction_column": "_direction_column_1m4w0_gg_"
+    "__SLegendFlex": "___SLegendFlex_1huw2_gg_",
+    "_direction_row": "_direction_row_1huw2_gg_",
+    "_direction_column": "_direction_column_1huw2_gg_"
   })
 );
 var LegendFlexRoot = /* @__PURE__ */ (function(_BaseLegend) {