@semcore/d3-chart 16.0.3-prerelease.2 → 16.0.4-prerelease.3

package/lib/esm/Reference.mjs

@@ -20,22 +20,22 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SReferenceLine_l3tt6_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_l3tt6_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_l3tt6)}.___STitle_l3tt6_gg_._position_top_l3tt6_gg_{text-anchor:middle}.___STitle_l3tt6_gg_._position_bottom_l3tt6_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_l3tt6_gg_._position_left_l3tt6_gg_,.___STitle_l3tt6_gg_._position_right_l3tt6_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_l3tt6_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_l3tt6_gg_{fill:var(--fill_l3tt6)}.___SStripesPatternPath_l3tt6_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
+    ".___SReferenceLine_16q81_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_16q81_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_16q81)}.___STitle_16q81_gg_._position_top_16q81_gg_{text-anchor:middle}.___STitle_16q81_gg_._position_bottom_16q81_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_16q81_gg_._position_left_16q81_gg_,.___STitle_16q81_gg_._position_right_16q81_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_16q81_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_16q81_gg_{fill:var(--fill_16q81)}.___SStripesPatternPath_16q81_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
     /*__inner_css_end__*/
-    "l3tt6_gg_"
+    "16q81_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SReferenceLine": "___SReferenceLine_l3tt6_gg_",
-    "__STitle": "___STitle_l3tt6_gg_",
-    "--transform-origin": "--transform-origin_l3tt6",
-    "_position_top": "_position_top_l3tt6_gg_",
-    "_position_bottom": "_position_bottom_l3tt6_gg_",
-    "_position_right": "_position_right_l3tt6_gg_",
-    "_position_left": "_position_left_l3tt6_gg_",
-    "__SBackground": "___SBackground_l3tt6_gg_",
-    "__SStripes": "___SStripes_l3tt6_gg_",
-    "--fill": "--fill_l3tt6",
-    "__SStripesPatternPath": "___SStripesPatternPath_l3tt6_gg_"
+    "__SReferenceLine": "___SReferenceLine_16q81_gg_",
+    "__STitle": "___STitle_16q81_gg_",
+    "--transform-origin": "--transform-origin_16q81",
+    "_position_top": "_position_top_16q81_gg_",
+    "_position_bottom": "_position_bottom_16q81_gg_",
+    "_position_right": "_position_right_16q81_gg_",
+    "_position_left": "_position_left_16q81_gg_",
+    "__SBackground": "___SBackground_16q81_gg_",
+    "__SStripes": "___SStripes_16q81_gg_",
+    "--fill": "--fill_16q81",
+    "__SStripesPatternPath": "___SStripesPatternPath_16q81_gg_"
   })
 );
 var side2direction = {

package/lib/esm/ScatterPlot.mjs

@@ -24,19 +24,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScatterPlot_6gt0a_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_6gt0a);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_6gt0a_gg_:hover{opacity:.8}}.___SScatterPlot_6gt0a_gg_.__color_6gt0a_gg_{fill:var(--color_6gt0a)}.___SScatterPlot_6gt0a_gg_.__pattern_6gt0a_gg_.__color_6gt0a_gg_{fill:var(--pattern_6gt0a);stroke:var(--color_6gt0a);stroke-width:1px}.___SScatterPlot_6gt0a_gg_.__transparent_6gt0a_gg_{opacity:.3}.___SValue_6gt0a_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_6gt0a_gg_.__color_6gt0a_gg_{stroke:var(--color_6gt0a)}.___SValue_6gt0a_gg_.__transparent_6gt0a_gg_{opacity:.3}",
+    ".___SScatterPlot_ryzr3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_ryzr3);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_ryzr3_gg_:hover{opacity:.8}}.___SScatterPlot_ryzr3_gg_.__color_ryzr3_gg_{fill:var(--color_ryzr3)}.___SScatterPlot_ryzr3_gg_.__pattern_ryzr3_gg_.__color_ryzr3_gg_{fill:var(--pattern_ryzr3);stroke:var(--color_ryzr3);stroke-width:1px}.___SScatterPlot_ryzr3_gg_.__transparent_ryzr3_gg_{opacity:.3}.___SValue_ryzr3_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_ryzr3_gg_.__color_ryzr3_gg_{stroke:var(--color_ryzr3)}.___SValue_ryzr3_gg_.__transparent_ryzr3_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "6gt0a_gg_"
+    "ryzr3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScatterPlot": "___SScatterPlot_6gt0a_gg_",
-    "_color": "__color_6gt0a_gg_",
-    "--color": "--color_6gt0a",
-    "_pattern": "__pattern_6gt0a_gg_",
-    "--pattern": "--pattern_6gt0a",
-    "_transparent": "__transparent_6gt0a_gg_",
-    "__SValue": "___SValue_6gt0a_gg_",
-    "--duration": "--duration_6gt0a"
+    "__SScatterPlot": "___SScatterPlot_ryzr3_gg_",
+    "_color": "__color_ryzr3_gg_",
+    "--color": "--color_ryzr3",
+    "_pattern": "__pattern_ryzr3_gg_",
+    "--pattern": "--pattern_ryzr3",
+    "_transparent": "__transparent_ryzr3_gg_",
+    "__SValue": "___SValue_ryzr3_gg_",
+    "--duration": "--duration_ryzr3"
   })
 );
 var ScatterPlotRoot = /* @__PURE__ */ function(_Component) {

package/lib/esm/Tooltip.mjs

@@ -25,19 +25,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltip_mdk6l_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_mdk6l_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_mdk6l_gg_{display:flex;align-items:center}.___SDot_mdk6l_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_mdk6l_gg_.__color_mdk6l_gg_{background-color:var(--color_mdk6l);width:8px;height:8px;border-radius:50%}.___SFooter_mdk6l_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_1c3ak_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_1c3ak_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1c3ak_gg_{display:flex;align-items:center}.___SDot_1c3ak_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1c3ak_gg_.__color_1c3ak_gg_{background-color:var(--color_1c3ak);width:8px;height:8px;border-radius:50%}.___SFooter_1c3ak_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__*/
-    "mdk6l_gg_"
+    "1c3ak_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltip": "___STooltip_mdk6l_gg_",
-    "__STitle": "___STitle_mdk6l_gg_",
-    "__SDotGroup": "___SDotGroup_mdk6l_gg_",
-    "__SDot": "___SDot_mdk6l_gg_",
-    "__SDotCircle": "___SDotCircle_mdk6l_gg_",
-    "_color": "__color_mdk6l_gg_",
-    "--color": "--color_mdk6l",
-    "__SFooter": "___SFooter_mdk6l_gg_"
+    "__STooltip": "___STooltip_1c3ak_gg_",
+    "__STitle": "___STitle_1c3ak_gg_",
+    "__SDotGroup": "___SDotGroup_1c3ak_gg_",
+    "__SDot": "___SDot_1c3ak_gg_",
+    "__SDotCircle": "___SDotCircle_1c3ak_gg_",
+    "_color": "__color_1c3ak_gg_",
+    "--color": "--color_1c3ak",
+    "__SFooter": "___SFooter_1c3ak_gg_"
   })
 );
 var TooltipDotRenderContext = /* @__PURE__ */ React.createContext({

package/lib/esm/Venn.mjs

@@ -26,19 +26,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCircle_w2yj1_gg_,.___SIntersection_w2yj1_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_w2yj1_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_w2yj1);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_w2yj1_gg_:hover{fill-opacity:.7}}.___SCircle_w2yj1_gg_.__color_w2yj1_gg_{fill:var(--color_w2yj1)}.___SCircle_w2yj1_gg_.__pattern_w2yj1_gg_.__color_w2yj1_gg_{fill:var(--pattern_w2yj1);fill-opacity:.7;stroke:var(--color_w2yj1);stroke-width:1px}@media (hover:hover){.___SCircle_w2yj1_gg_.__pattern_w2yj1_gg_.__color_w2yj1_gg_:hover{fill-opacity:.85}}.___SCircle_w2yj1_gg_.__transparent_w2yj1_gg_{opacity:.3}.___SIntersection_w2yj1_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_w2yj1_gg_:hover{fill-opacity:.1}}.___SIntersection_w2yj1_gg_.__transparent_w2yj1_gg_{opacity:.3}",
+    ".___SCircle_p1ji3_gg_,.___SIntersection_p1ji3_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_p1ji3_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_p1ji3);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_p1ji3_gg_:hover{fill-opacity:.7}}.___SCircle_p1ji3_gg_.__color_p1ji3_gg_{fill:var(--color_p1ji3)}.___SCircle_p1ji3_gg_.__pattern_p1ji3_gg_.__color_p1ji3_gg_{fill:var(--pattern_p1ji3);fill-opacity:.7;stroke:var(--color_p1ji3);stroke-width:1px}@media (hover:hover){.___SCircle_p1ji3_gg_.__pattern_p1ji3_gg_.__color_p1ji3_gg_:hover{fill-opacity:.85}}.___SCircle_p1ji3_gg_.__transparent_p1ji3_gg_{opacity:.3}.___SIntersection_p1ji3_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_p1ji3_gg_:hover{fill-opacity:.1}}.___SIntersection_p1ji3_gg_.__transparent_p1ji3_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "w2yj1_gg_"
+    "p1ji3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCircle": "___SCircle_w2yj1_gg_",
-    "_color": "__color_w2yj1_gg_",
-    "--color": "--color_w2yj1",
-    "_transparent": "__transparent_w2yj1_gg_",
-    "__SIntersection": "___SIntersection_w2yj1_gg_",
-    "--duration": "--duration_w2yj1",
-    "_pattern": "__pattern_w2yj1_gg_",
-    "--pattern": "--pattern_w2yj1"
+    "__SCircle": "___SCircle_p1ji3_gg_",
+    "_color": "__color_p1ji3_gg_",
+    "--color": "--color_p1ji3",
+    "_transparent": "__transparent_p1ji3_gg_",
+    "__SIntersection": "___SIntersection_p1ji3_gg_",
+    "--duration": "--duration_p1ji3",
+    "_pattern": "__pattern_p1ji3_gg_",
+    "--pattern": "--pattern_p1ji3"
   })
 );
 var VennRoot = /* @__PURE__ */ function(_Component) {

package/lib/esm/a11y/PlotA11yModule.mjs

@@ -12,12 +12,12 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yModule_pbhtr_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_pbhtr_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}",
+    ".___SPlotA11yModule_1nnfe_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1nnfe_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}",
     /*__inner_css_end__*/
-    "pbhtr_gg_"
+    "1nnfe_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yModule": "___SPlotA11yModule_pbhtr_gg_"
+    "__SPlotA11yModule": "___SPlotA11yModule_1nnfe_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_11ikz_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_11ikz_gg_:focus,.___SPlotA11yView_11ikz_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_11ikz_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_11ikz_gg_ table,.___SPlotA11yView_11ikz_gg_ td,.___SPlotA11yView_11ikz_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}",
+    ".___SPlotA11yView_c25va_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_c25va_gg_:focus,.___SPlotA11yView_c25va_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_c25va_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_c25va_gg_ table,.___SPlotA11yView_c25va_gg_ td,.___SPlotA11yView_c25va_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}",
     /*__inner_css_end__*/
-    "11ikz_gg_"
+    "c25va_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yView": "___SPlotA11yView_11ikz_gg_"
+    "__SPlotA11yView": "___SPlotA11yView_c25va_gg_"
   })
 );
 var PlotA11yView = function PlotA11yView2(_ref3) {

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

@@ -93,13 +93,21 @@ var BubbleChartComponent = /* @__PURE__ */ function(_AbstractChart) {
   }, {
     key: "renderChart",
     value: function renderChart() {
+      var dataDefinitions = this.state.dataDefinitions;
       return /* @__PURE__ */ React.createElement(Bubble, {
         x: "x",
         y: "y",
         value: "value",
         color: "color",
         label: "label"
-      });
+      }, dataDefinitions.map(function(_ref2, index) {
+        var checked = _ref2.checked, id = _ref2.id;
+        return /* @__PURE__ */ React.createElement(Bubble.Circle, {
+          visible: checked,
+          key: id,
+          index
+        });
+      }));
     }
   }, {
     key: "renderTooltip",
@@ -108,8 +116,8 @@ var BubbleChartComponent = /* @__PURE__ */ function(_AbstractChart) {
       if (!showTooltip) {
         return null;
       }
-      return /* @__PURE__ */ React.createElement(Bubble.Tooltip, null, function(_ref2) {
-        var index = _ref2.index, data = _ref2.data;
+      return /* @__PURE__ */ React.createElement(Bubble.Tooltip, null, function(_ref3) {
+        var index = _ref3.index, data = _ref3.data;
         return {
           children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Bubble.Tooltip.Title, null, "Data"), /* @__PURE__ */ React.createElement(Text, {
             tag: "div"

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

@@ -19,16 +19,19 @@ var BaseLegend = /* @__PURE__ */ function(_Component) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, BaseLegend2, [].concat(args));
-    _defineProperty(_this, "onChangeLegendItem", function(id, checked) {
-      var _this$props$onChangeV, _this$props;
-      (_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 || _this$props$onChangeV.call(_this$props, id, checked);
-      if (checked) {
-        var _this$props$onMouseEn, _this$props2;
-        (_this$props$onMouseEn = (_this$props2 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props2, id);
-      } else {
-        var _this$props$onMouseLe, _this$props3;
-        (_this$props$onMouseLe = (_this$props3 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props3, id);
-      }
+    _defineProperty(_this, "onChangeLegendItem", function(shape) {
+      return function(id, checked) {
+        var _this$props$onChangeV, _this$props;
+        if (shape !== "Checkbox") return;
+        (_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 || _this$props$onChangeV.call(_this$props, id, checked);
+        if (checked) {
+          var _this$props$onMouseEn, _this$props2;
+          (_this$props$onMouseEn = (_this$props2 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props2, id);
+        } else {
+          var _this$props$onMouseLe, _this$props3;
+          (_this$props$onMouseLe = (_this$props3 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props3, id);
+        }
+      };
     });
     _defineProperty(_this, "onFocusLegendItem", function(checked) {
       return function(id) {
@@ -99,7 +102,7 @@ var BaseLegend = /* @__PURE__ */ function(_Component) {
         size,
         onFocusLegendItem: this.onFocusLegendItem(line.checked),
         onBlurLegendItem: this.onBlurLegendItem,
-        onChangeLegendItem: this.onChangeLegendItem,
+        onChangeLegendItem: this.onChangeLegendItem(shape),
         onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : void 0,
         onMouseLeave: this.bindOnMouseLeaveItem(line.id),
         style: {

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

@@ -23,14 +23,14 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLegendFlex_pc68p_gg_._direction_row_pc68p_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_pc68p_gg_._direction_column_pc68p_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
+    ".___SLegendFlex_2vp15_gg_._direction_row_2vp15_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_2vp15_gg_._direction_column_2vp15_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
     /*__inner_css_end__*/
-    "pc68p_gg_"
+    "2vp15_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendFlex": "___SLegendFlex_pc68p_gg_",
-    "_direction_row": "_direction_row_pc68p_gg_",
-    "_direction_column": "_direction_column_pc68p_gg_"
+    "__SLegendFlex": "___SLegendFlex_2vp15_gg_",
+    "_direction_row": "_direction_row_2vp15_gg_",
+    "_direction_column": "_direction_column_2vp15_gg_"
   })
 );
 var LegendFlexRoot = /* @__PURE__ */ function(_BaseLegend) {

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

@@ -26,27 +26,27 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLegendItem_1feua_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1feua_gg_:hover{cursor:pointer}.___SLegendItem_1feua_gg_.__disabled_1feua_gg_:hover{cursor:default}}.___SPointShape_1feua_gg_.__color_1feua_gg_{background-color:var(--color_1feua);margin-right:8px;flex-shrink:0}.___SPointShape_1feua_gg_._shape_Circle_1feua_gg_._size_l_1feua_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Circle_1feua_gg_._size_m_1feua_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Line_1feua_gg_._size_l_1feua_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1feua_gg_._shape_Line_1feua_gg_._size_m_1feua_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1feua_gg_._shape_Square_1feua_gg_._size_l_1feua_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Square_1feua_gg_._size_m_1feua_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Pattern_1feua_gg_{background-color:transparent;margin-right:4px}.___SIcon_1feua_gg_{line-height:0;margin-right:4px}.___SIcon_1feua_gg_._size_l_1feua_gg_{margin-top:4px}.___SIcon_1feua_gg_._size_m_1feua_gg_{margin-top:2px}.___SLabel_1feua_gg_{min-width:0}.___SAdditionalLabel_1feua_gg_._size_l_1feua_gg_,.___SCount_1feua_gg_._size_l_1feua_gg_,.___SLabel_1feua_gg_._size_l_1feua_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1feua_gg_._size_m_1feua_gg_,.___SCount_1feua_gg_._size_m_1feua_gg_,.___SLabel_1feua_gg_._size_m_1feua_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1feua_gg_,.___SCount_1feua_gg_{margin-left:4px}.___SAdditionalLabel_1feua_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1feua_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1feua_gg_._size_l_1feua_gg_::before{margin-top:10px}.___SAdditionalLabel_1feua_gg_._size_m_1feua_gg_::before{margin-top:8px}.___SPatternSymbol_1feua_gg_{transform:scale(.8)}',
+    '.___SLegendItem_1xl13_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1xl13_gg_:hover{cursor:pointer}.___SLegendItem_1xl13_gg_.__disabled_1xl13_gg_:hover{cursor:default}}.___SPointShape_1xl13_gg_.__color_1xl13_gg_{background-color:var(--color_1xl13);margin-right:8px;flex-shrink:0}.___SPointShape_1xl13_gg_._shape_Circle_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Circle_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Line_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1xl13_gg_._shape_Line_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1xl13_gg_._shape_Square_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Square_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Pattern_1xl13_gg_{background-color:transparent;margin-right:4px}.___SIcon_1xl13_gg_{line-height:0;margin-right:4px}.___SIcon_1xl13_gg_._size_l_1xl13_gg_{margin-top:4px}.___SIcon_1xl13_gg_._size_m_1xl13_gg_{margin-top:2px}.___SLabel_1xl13_gg_{min-width:0}.___SAdditionalLabel_1xl13_gg_._size_l_1xl13_gg_,.___SCount_1xl13_gg_._size_l_1xl13_gg_,.___SLabel_1xl13_gg_._size_l_1xl13_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1xl13_gg_._size_m_1xl13_gg_,.___SCount_1xl13_gg_._size_m_1xl13_gg_,.___SLabel_1xl13_gg_._size_m_1xl13_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1xl13_gg_,.___SCount_1xl13_gg_{margin-left:4px}.___SAdditionalLabel_1xl13_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1xl13_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1xl13_gg_._size_l_1xl13_gg_::before{margin-top:10px}.___SAdditionalLabel_1xl13_gg_._size_m_1xl13_gg_::before{margin-top:8px}.___SPatternSymbol_1xl13_gg_{transform:scale(.8)}',
     /*__inner_css_end__*/
-    "1feua_gg_"
+    "1xl13_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendItem": "___SLegendItem_1feua_gg_",
-    "_disabled": "__disabled_1feua_gg_",
-    "__SPointShape": "___SPointShape_1feua_gg_",
-    "_color": "__color_1feua_gg_",
-    "--color": "--color_1feua",
-    "_shape_Circle": "_shape_Circle_1feua_gg_",
-    "_size_l": "_size_l_1feua_gg_",
-    "_size_m": "_size_m_1feua_gg_",
-    "_shape_Line": "_shape_Line_1feua_gg_",
-    "_shape_Square": "_shape_Square_1feua_gg_",
-    "_shape_Pattern": "_shape_Pattern_1feua_gg_",
-    "__SIcon": "___SIcon_1feua_gg_",
-    "__SLabel": "___SLabel_1feua_gg_",
-    "__SAdditionalLabel": "___SAdditionalLabel_1feua_gg_",
-    "__SCount": "___SCount_1feua_gg_",
-    "__SPatternSymbol": "___SPatternSymbol_1feua_gg_"
+    "__SLegendItem": "___SLegendItem_1xl13_gg_",
+    "_disabled": "__disabled_1xl13_gg_",
+    "__SPointShape": "___SPointShape_1xl13_gg_",
+    "_color": "__color_1xl13_gg_",
+    "--color": "--color_1xl13",
+    "_shape_Circle": "_shape_Circle_1xl13_gg_",
+    "_size_l": "_size_l_1xl13_gg_",
+    "_size_m": "_size_m_1xl13_gg_",
+    "_shape_Line": "_shape_Line_1xl13_gg_",
+    "_shape_Square": "_shape_Square_1xl13_gg_",
+    "_shape_Pattern": "_shape_Pattern_1xl13_gg_",
+    "__SIcon": "___SIcon_1xl13_gg_",
+    "__SLabel": "___SLabel_1xl13_gg_",
+    "__SAdditionalLabel": "___SAdditionalLabel_1xl13_gg_",
+    "__SCount": "___SCount_1xl13_gg_",
+    "__SPatternSymbol": "___SPatternSymbol_1xl13_gg_"
   })
 );
 var enhance = [resolveColorEnhance(), uniqueIDEnhancement()];

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

@@ -19,16 +19,16 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLegendTable_e4nzj_gg_.__columns-count_e4nzj_gg_{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_e4nzj_gg_._size_l_e4nzj_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_e4nzj_gg_._size_m_e4nzj_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
+    '.___SLegendTable_143bz_gg_.__columns-count_143bz_gg_{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_143bz_gg_._size_l_143bz_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_143bz_gg_._size_m_143bz_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
     /*__inner_css_end__*/
-    "e4nzj_gg_"
+    "143bz_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendTable": "___SLegendTable_e4nzj_gg_",
-    "_columns-count": "__columns-count_e4nzj_gg_",
-    "__SColumnItem": "___SColumnItem_e4nzj_gg_",
-    "_size_l": "_size_l_e4nzj_gg_",
-    "_size_m": "_size_m_e4nzj_gg_"
+    "__SLegendTable": "___SLegendTable_143bz_gg_",
+    "_columns-count": "__columns-count_143bz_gg_",
+    "__SColumnItem": "___SColumnItem_143bz_gg_",
+    "_size_l": "_size_l_143bz_gg_",
+    "_size_m": "_size_m_143bz_gg_"
   })
 );
 var LegendTableRoot = /* @__PURE__ */ function(_BaseLegend) {

package/lib/esm/style/bubble.shadow.css

@@ -14,6 +14,10 @@ SBubble {
   }
 }
 
+g[visible='false'] {
+  display: none;
+}
+
 SBubble[color] {
   fill: var(--color);
 }

package/lib/types/Bubble.d.ts

@@ -39,6 +39,14 @@ export type BubbleContext = {
   index: number;
 };
 
+export type BubbleCircleProps = {
+  /** Item data index */
+  index: number;
+
+  /** Item visibility */
+  visible?: boolean;
+};
+
 declare const Bubble: IntergalacticD3Component<Intergalactic.Tag, BubbleProps, BubbleContext> & {
   Tooltip: TooltipType<
     BubbleProps & {
@@ -52,6 +60,11 @@ declare const Bubble: IntergalacticD3Component<Intergalactic.Tag, BubbleProps, B
       index: number;
     }
   >;
+  Circle: IntergalacticD3Component<
+    'g',
+    BubbleCircleProps,
+    Context
+  >;
 };
 
 export default Bubble;

package/lib/types/component/ChartLegend/BaseLegend.d.ts

@@ -1,14 +1,14 @@
 import { Component, type Intergalactic } from '@semcore/core';
 import type React from 'react';
 import type { LegendProps } from './BaseLegend.type';
-import type { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';
+import { type LegendItemKey, type LegendItemProps, type ShapeType } from './LegendItem/LegendItem.type';
 export declare abstract class BaseLegend<T extends LegendProps> extends Component<T> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: T): void;
     setHints(): void;
     getItem(index: number): import("./LegendItem/LegendItem.type").LegendItem;
     getLegendItemProps(_: {}, index: number): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'>;
-    onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;
+    onChangeLegendItem: (shape: ShapeType) => (id: LegendItemKey, checked: boolean) => void;
     onFocusLegendItem: (checked: boolean) => (id: LegendItemKey) => void;
     onBlurLegendItem: (id: LegendItemKey) => void;
     bindOnMouseEnterItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "16.0.3-prerelease.2",
+  "version": "16.0.4-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "16.0.1",
-    "@semcore/checkbox": "16.0.1",
-    "@semcore/divider": "16.0.1",
-    "@semcore/flex-box": "16.0.1",
-    "@semcore/icon": "16.2.0-prerelease.2",
-    "@semcore/popper": "16.0.1",
-    "@semcore/typography": "16.1.1",
+    "@semcore/animation": "16.0.2-prerelease.3",
+    "@semcore/checkbox": "16.0.2-prerelease.3",
+    "@semcore/divider": "16.0.2-prerelease.3",
+    "@semcore/flex-box": "16.0.2-prerelease.3",
+    "@semcore/icon": "16.2.1-prerelease.3",
+    "@semcore/popper": "16.0.2-prerelease.3",
+    "@semcore/typography": "16.1.2-prerelease.3",
     "@types/d3-shape": "^3.1.7",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",
@@ -35,7 +35,7 @@
     "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.0.2-prerelease.3"
   },
   "repository": {
     "type": "git",
@@ -47,15 +47,15 @@
     "@types/d3-array": "^3.2.1",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-transition": "^3.0.9",
-    "@semcore/button": "16.0.1",
     "@semcore/core": "16.0.0",
-    "@semcore/divider": "16.0.1",
-    "@semcore/ellipsis": "16.0.1",
-    "@semcore/dropdown-menu": "16.1.2-prerelease.2",
+    "@semcore/checkbox": "16.0.2-prerelease.3",
+    "@semcore/button": "16.0.2-prerelease.3",
+    "@semcore/divider": "16.0.2-prerelease.3",
+    "@semcore/dropdown-menu": "16.1.2-prerelease.3",
+    "@semcore/ellipsis": "16.0.2-prerelease.3",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/checkbox": "16.0.1",
-    "@semcore/typography": "16.1.1",
-    "@semcore/icon": "16.2.0-prerelease.2"
+    "@semcore/typography": "16.1.2-prerelease.3",
+    "@semcore/icon": "16.2.1-prerelease.3"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"