@semcore/d3-chart 17.0.0-prerelease.9 → 17.0.1

package/lib/esm/Bar.mjs

@@ -12,26 +12,26 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_1j50a_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1j50a);transition-timing-function:ease-in-out}.___SBar_1j50a_gg_.__color_1j50a_gg_{fill:var(--color_1j50a)}.___SBar_1j50a_gg_.__pattern_1j50a_gg_.__color_1j50a_gg_{fill:var(--pattern_1j50a);stroke:var(--color_1j50a);stroke-width:1px}.___SBar_1j50a_gg_.__hide_1j50a_gg_{display:none}.___SBar_1j50a_gg_.__transparent_1j50a_gg_{opacity:.3}.___SBackground_1j50a_gg_.__onClick_1j50a_gg_,.___SBar_1j50a_gg_.__onClick_1j50a_gg_{cursor:pointer}.___SBackground_1j50a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1j50a_gg_{display:flex;justify-content:space-between}.___SBarLabel_1j50a_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1j50a_gg_,.___SBarPercent_1j50a_gg_,.___SBarValue_1j50a_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1j50a_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1j50a_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1j50a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SBar_12z5v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12z5v);transition-timing-function:ease-in-out}.___SBar_12z5v_gg_.__color_12z5v_gg_{fill:var(--color_12z5v)}.___SBar_12z5v_gg_.__pattern_12z5v_gg_.__color_12z5v_gg_{fill:var(--pattern_12z5v);stroke:var(--color_12z5v);stroke-width:1px}.___SBar_12z5v_gg_.__hide_12z5v_gg_{display:none}.___SBar_12z5v_gg_.__transparent_12z5v_gg_{opacity:.3}.___SBackground_12z5v_gg_.__onClick_12z5v_gg_,.___SBar_12z5v_gg_.__onClick_12z5v_gg_{cursor:pointer}.___SBackground_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12z5v_gg_{display:flex;justify-content:space-between}.___SBarLabel_12z5v_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12z5v_gg_,.___SBarPercent_12z5v_gg_,.___SBarValue_12z5v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12z5v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12z5v_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "1j50a_gg_"
+    "12z5v_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_1j50a_gg_",
-    "--duration": "--duration_1j50a",
-    "_color": "__color_1j50a_gg_",
-    "--color": "--color_1j50a",
-    "_pattern": "__pattern_1j50a_gg_",
-    "--pattern": "--pattern_1j50a",
-    "_hide": "__hide_1j50a_gg_",
-    "_transparent": "__transparent_1j50a_gg_",
-    "_onClick": "__onClick_1j50a_gg_",
-    "__SBackground": "___SBackground_1j50a_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_1j50a_gg_",
-    "__SBarLabel": "___SBarLabel_1j50a_gg_",
-    "__SBarPercent": "___SBarPercent_1j50a_gg_",
-    "__SBarValue": "___SBarValue_1j50a_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1j50a_gg_"
+    "__SBar": "___SBar_12z5v_gg_",
+    "--duration": "--duration_12z5v",
+    "_color": "__color_12z5v_gg_",
+    "--color": "--color_12z5v",
+    "_pattern": "__pattern_12z5v_gg_",
+    "--pattern": "--pattern_12z5v",
+    "_hide": "__hide_12z5v_gg_",
+    "_transparent": "__transparent_12z5v_gg_",
+    "_onClick": "__onClick_12z5v_gg_",
+    "__SBackground": "___SBackground_12z5v_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_12z5v_gg_",
+    "__SBarLabel": "___SBarLabel_12z5v_gg_",
+    "__SBarPercent": "___SBarPercent_12z5v_gg_",
+    "__SBarValue": "___SBarValue_12z5v_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12z5v_gg_"
   })
 );
 const MIN_HEIGHT = 2;
@@ -102,7 +102,7 @@ class BarRoot extends Component {
     const width = Math.min(bandWidth, maxBarSize);
     const barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];
     const barY = yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) + offset[1] - calcPartBarY(d[y], hMin, height);
-    const handleClick = (event) => onClick == null ? void 0 : onClick(d, event, i, y);
+    const handleClick = (event) => onClick?.(d, event, i, y);
     const dSvg = getRect({
       x: barX,
       y: barY,

package/lib/esm/Bubble.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import findComponent from "@semcore/core/lib/utils/findComponent";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
@@ -15,23 +15,24 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBubble_h0z26_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_h0z26);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_h0z26_gg_:hover{opacity:.8}}g._visible_false_h0z26_gg_{display:none}.___SBubble_h0z26_gg_.__color_h0z26_gg_{fill:var(--color_h0z26)}.___SBubble_h0z26_gg_.__pattern_h0z26_gg_.__color_h0z26_gg_{fill:var(--pattern_h0z26);stroke:var(--color_h0z26);stroke-width:1px}.___SBubble_h0z26_gg_.__transparent_h0z26_gg_{opacity:.3}.___SCenter_h0z26_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_h0z26_gg_.__color_h0z26_gg_{stroke:var(--color_h0z26)}.___SCenter_h0z26_gg_.__transparent_h0z26_gg_{opacity:.3}.___SLabel_h0z26_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_h0z26_gg_._position_right_h0z26_gg_{text-anchor:end}.___SLabel_h0z26_gg_._position_left_h0z26_gg_{text-anchor:start}.___SLabel_h0z26_gg_.__color_h0z26_gg_{fill:var(--color_h0z26)}.___SLabel_h0z26_gg_.__transparent_h0z26_gg_{opacity:.3}",
+    ".___SBubble_6mdvd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_6mdvd);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_6mdvd_gg_:hover{opacity:.8}}g._visible_false_6mdvd_gg_{display:none}.___SBubble_6mdvd_gg_.__clickable_6mdvd_gg_{cursor:pointer}.___SBubble_6mdvd_gg_.__color_6mdvd_gg_{fill:var(--color_6mdvd)}.___SBubble_6mdvd_gg_.__pattern_6mdvd_gg_.__color_6mdvd_gg_{fill:var(--pattern_6mdvd);stroke:var(--color_6mdvd);stroke-width:1px}.___SBubble_6mdvd_gg_.__transparent_6mdvd_gg_{opacity:.3}.___SCenter_6mdvd_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_6mdvd_gg_.__color_6mdvd_gg_{stroke:var(--color_6mdvd)}.___SCenter_6mdvd_gg_.__transparent_6mdvd_gg_{opacity:.3}.___SLabel_6mdvd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_6mdvd_gg_._position_right_6mdvd_gg_{text-anchor:end}.___SLabel_6mdvd_gg_._position_left_6mdvd_gg_{text-anchor:start}.___SLabel_6mdvd_gg_.__color_6mdvd_gg_{fill:var(--color_6mdvd)}.___SLabel_6mdvd_gg_.__transparent_6mdvd_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "h0z26_gg_"
+    "6mdvd_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "_visible_false": "_visible_false_h0z26_gg_",
-    "__SBubble": "___SBubble_h0z26_gg_",
-    "_color": "__color_h0z26_gg_",
-    "--color": "--color_h0z26",
-    "_pattern": "__pattern_h0z26_gg_",
-    "--pattern": "--pattern_h0z26",
-    "_transparent": "__transparent_h0z26_gg_",
-    "__SCenter": "___SCenter_h0z26_gg_",
-    "__SLabel": "___SLabel_h0z26_gg_",
-    "_position_right": "_position_right_h0z26_gg_",
-    "_position_left": "_position_left_h0z26_gg_",
-    "--duration": "--duration_h0z26"
+    "_visible_false": "_visible_false_6mdvd_gg_",
+    "__SBubble": "___SBubble_6mdvd_gg_",
+    "_clickable": "__clickable_6mdvd_gg_",
+    "_color": "__color_6mdvd_gg_",
+    "--color": "--color_6mdvd",
+    "_pattern": "__pattern_6mdvd_gg_",
+    "--pattern": "--pattern_6mdvd",
+    "_transparent": "__transparent_6mdvd_gg_",
+    "__SCenter": "___SCenter_6mdvd_gg_",
+    "__SLabel": "___SLabel_6mdvd_gg_",
+    "_position_right": "_position_right_6mdvd_gg_",
+    "_position_left": "_position_left_6mdvd_gg_",
+    "--duration": "--duration_6mdvd"
   })
 );
 class BubbleRoot extends Component {
@@ -72,8 +73,7 @@ class BubbleRoot extends Component {
     const selectRectNode = selectRect.node();
     if (selectRectNode) {
       selectRect.transition().duration(duration).attr("r", function(_, ind) {
-        var _a;
-        return z((_a = data[ind]) == null ? void 0 : _a[value]);
+        return z(data[ind]?.[value]);
       });
     }
   }
@@ -103,7 +103,7 @@ class BubbleRoot extends Component {
       const {
         onClick
       } = this.asProps;
-      onClick == null ? void 0 : onClick(index, e);
+      onClick?.(index, e);
     };
   }
   getCircleProps() {
@@ -123,7 +123,8 @@ class BubbleRoot extends Component {
       data,
       transparent,
       resolveColor,
-      patterns
+      patterns,
+      onClick
     } = this.asProps;
     return {
       color,
@@ -143,6 +144,7 @@ class BubbleRoot extends Component {
       resolveColor,
       patterns,
       bindHandlerTooltip: this.bindHandlerTooltip,
+      clickable: Boolean(onClick),
       onClickCircleRoot: this.handlerOnClick.bind(this)
     };
   }
@@ -218,6 +220,7 @@ function BubbleCircle(props) {
     bindHandlerTooltip,
     Element,
     visible = true,
+    clickable,
     onClick,
     onClickCircleRoot
   } = props;
@@ -269,7 +272,8 @@ function BubbleCircle(props) {
     "pattern": patterns ? `url(#${uid}-${index}-pattern)` : void 0,
     "r": z(circleData[value]),
     "use:duration": `${duration}ms`,
-    "transparent": transparent
+    "transparent": transparent,
+    "clickable": clickable || Boolean(onClick)
   })), patterns && /* @__PURE__ */ React.createElement(PatternFill, _ref3.cn("PatternFill", {
     "id": `${uid}-${index}-pattern`,
     "patternKey": circleData[color],

package/lib/esm/CompactHorizontalBar.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
@@ -10,32 +10,32 @@ import AnimatedClipPath from "./AnimatedClipPath.mjs";
 import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
-import { eventToPoint, roundedPath, scaleToBand } from "./utils.mjs";
+import { scaleToBand, roundedPath, eventToPoint } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_1j50a_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1j50a);transition-timing-function:ease-in-out}.___SBar_1j50a_gg_.__color_1j50a_gg_{fill:var(--color_1j50a)}.___SBar_1j50a_gg_.__pattern_1j50a_gg_.__color_1j50a_gg_{fill:var(--pattern_1j50a);stroke:var(--color_1j50a);stroke-width:1px}.___SBar_1j50a_gg_.__hide_1j50a_gg_{display:none}.___SBar_1j50a_gg_.__transparent_1j50a_gg_{opacity:.3}.___SBackground_1j50a_gg_.__onClick_1j50a_gg_,.___SBar_1j50a_gg_.__onClick_1j50a_gg_{cursor:pointer}.___SBackground_1j50a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1j50a_gg_{display:flex;justify-content:space-between}.___SBarLabel_1j50a_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1j50a_gg_,.___SBarPercent_1j50a_gg_,.___SBarValue_1j50a_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1j50a_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1j50a_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1j50a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SBar_12z5v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12z5v);transition-timing-function:ease-in-out}.___SBar_12z5v_gg_.__color_12z5v_gg_{fill:var(--color_12z5v)}.___SBar_12z5v_gg_.__pattern_12z5v_gg_.__color_12z5v_gg_{fill:var(--pattern_12z5v);stroke:var(--color_12z5v);stroke-width:1px}.___SBar_12z5v_gg_.__hide_12z5v_gg_{display:none}.___SBar_12z5v_gg_.__transparent_12z5v_gg_{opacity:.3}.___SBackground_12z5v_gg_.__onClick_12z5v_gg_,.___SBar_12z5v_gg_.__onClick_12z5v_gg_{cursor:pointer}.___SBackground_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12z5v_gg_{display:flex;justify-content:space-between}.___SBarLabel_12z5v_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12z5v_gg_,.___SBarPercent_12z5v_gg_,.___SBarValue_12z5v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12z5v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12z5v_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "1j50a_gg_"
+    "12z5v_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_1j50a_gg_",
-    "--duration": "--duration_1j50a",
-    "_color": "__color_1j50a_gg_",
-    "--color": "--color_1j50a",
-    "_pattern": "__pattern_1j50a_gg_",
-    "--pattern": "--pattern_1j50a",
-    "_hide": "__hide_1j50a_gg_",
-    "_transparent": "__transparent_1j50a_gg_",
-    "_onClick": "__onClick_1j50a_gg_",
-    "__SBackground": "___SBackground_1j50a_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_1j50a_gg_",
-    "__SBarLabel": "___SBarLabel_1j50a_gg_",
-    "__SBarPercent": "___SBarPercent_1j50a_gg_",
-    "__SBarValue": "___SBarValue_1j50a_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1j50a_gg_"
+    "__SBar": "___SBar_12z5v_gg_",
+    "--duration": "--duration_12z5v",
+    "_color": "__color_12z5v_gg_",
+    "--color": "--color_12z5v",
+    "_pattern": "__pattern_12z5v_gg_",
+    "--pattern": "--pattern_12z5v",
+    "_hide": "__hide_12z5v_gg_",
+    "_transparent": "__transparent_12z5v_gg_",
+    "_onClick": "__onClick_12z5v_gg_",
+    "__SBackground": "___SBackground_12z5v_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_12z5v_gg_",
+    "__SBarLabel": "___SBarLabel_12z5v_gg_",
+    "__SBarPercent": "___SBarPercent_12z5v_gg_",
+    "__SBarValue": "___SBarValue_12z5v_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12z5v_gg_"
   })
 );
 const MIN_WIDTH = 4;
@@ -334,7 +334,7 @@ function Bar(props) {
     hide
   } = props;
   const onClickHandler = React.useCallback((event) => {
-    onClick == null ? void 0 : onClick(index, event);
+    onClick?.(index, event);
   }, [onClick, index]);
   const contextValue = React.useMemo(() => ({
     onClick: onClickHandler,
@@ -552,6 +552,7 @@ function CompactHorizontalBarTooltip(props) {
     }, _ref4)
   }));
 }
+;
 const CompactHorizontalBar = createElement(CompactHorizontalBarRoot, {
   Annotation,
   Label,

package/lib/esm/Donut.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
@@ -17,22 +17,22 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPie_1s4vb_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1s4vb_gg_.__color_1s4vb_gg_{fill:var(--color_1s4vb)}.___SPie_1s4vb_gg_.__pattern_1s4vb_gg_.__color_1s4vb_gg_{fill:var(--pattern_1s4vb);stroke:var(--color_1s4vb);stroke-width:1px}.___SPie_1s4vb_gg_.__transparent_1s4vb_gg_{opacity:.3}.___SEmptyData_1s4vb_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1s4vb_gg_.__color_1s4vb_gg_{fill:var(--color_1s4vb)}.___SLabel_1s4vb_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}",
+    ".___SPie_1nttx_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1nttx_gg_.__color_1nttx_gg_{fill:var(--color_1nttx)}.___SPie_1nttx_gg_.__pattern_1nttx_gg_.__color_1nttx_gg_{fill:var(--pattern_1nttx);stroke:var(--color_1nttx);stroke-width:1px}.___SPie_1nttx_gg_.__transparent_1nttx_gg_{opacity:.3}.___SEmptyData_1nttx_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1nttx_gg_.__color_1nttx_gg_{fill:var(--color_1nttx)}.___SLabel_1nttx_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}",
     /*__inner_css_end__*/
-    "1s4vb_gg_"
+    "1nttx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPie": "___SPie_1s4vb_gg_",
-    "_color": "__color_1s4vb_gg_",
-    "--color": "--color_1s4vb",
-    "_pattern": "__pattern_1s4vb_gg_",
-    "--pattern": "--pattern_1s4vb",
-    "_transparent": "__transparent_1s4vb_gg_",
-    "__SEmptyData": "___SEmptyData_1s4vb_gg_",
-    "__SLabel": "___SLabel_1s4vb_gg_"
+    "__SPie": "___SPie_1nttx_gg_",
+    "_color": "__color_1nttx_gg_",
+    "--color": "--color_1nttx",
+    "_pattern": "__pattern_1nttx_gg_",
+    "--pattern": "--pattern_1nttx",
+    "_transparent": "__transparent_1nttx_gg_",
+    "__SEmptyData": "___SEmptyData_1nttx_gg_",
+    "__SLabel": "___SLabel_1nttx_gg_"
   })
 );
-const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
+const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
 function transitionAnglePie({
   selector,
   duration,
@@ -334,7 +334,8 @@ _defineProperty(DonutRoot, "defaultProps", ({
 }) => {
   const d3Arc = arc().outerRadius(outerRadius || getOuterRadius({
     size,
-    halfsize
+    halfsize,
+    outerRadius
   })).innerRadius(innerRadius).padAngle(paddingAngle);
   const d3ArcOut = arc().outerRadius((outerRadius || getOuterRadius({
     size,
@@ -463,6 +464,7 @@ function DonutTooltip(props) {
     }, _ref)
   }));
 }
+;
 const Donut = createElement(DonutRoot, {
   Pie,
   Label,

package/lib/esm/Dots.mjs

@@ -4,24 +4,24 @@ import { bisector } from "d3-array";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
-import { interpolateValue, eventToPoint, invert, getChartDefaultColorName } from "./utils.mjs";
+import { getChartDefaultColorName, interpolateValue, eventToPoint, invert } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/dot.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDots_kz49v_gg_ .___SDot_kz49v_gg_{transition-duration:var(--duration_kz49v)}.___SDot_kz49v_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_kz49v_gg_.__hide_kz49v_gg_{display:none}.___SDot_kz49v_gg_.__color_kz49v_gg_{fill:var(--color_kz49v)}.___SDot_kz49v_gg_.__transparent_kz49v_gg_{opacity:.3}",
+    ".___SDots_a9v7p_gg_ .___SDot_a9v7p_gg_{transition-duration:var(--duration_a9v7p)}.___SDot_a9v7p_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_a9v7p_gg_.__hide_a9v7p_gg_{display:none}.___SDot_a9v7p_gg_.__color_a9v7p_gg_{fill:var(--color_a9v7p)}.___SDot_a9v7p_gg_.__transparent_a9v7p_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "kz49v_gg_"
+    "a9v7p_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDot": "___SDot_kz49v_gg_",
-    "_hide": "__hide_kz49v_gg_",
-    "_color": "__color_kz49v_gg_",
-    "--color": "--color_kz49v",
-    "_transparent": "__transparent_kz49v_gg_",
-    "__SDots": "___SDots_kz49v_gg_",
-    "--duration": "--duration_kz49v"
+    "__SDot": "___SDot_a9v7p_gg_",
+    "_hide": "__hide_a9v7p_gg_",
+    "_color": "__color_a9v7p_gg_",
+    "--color": "--color_a9v7p",
+    "_transparent": "__transparent_a9v7p_gg_",
+    "__SDots": "___SDots_a9v7p_gg_",
+    "--duration": "--duration_a9v7p"
   })
 );
 function Dots(props) {

package/lib/esm/HorizontalBar.mjs

@@ -11,26 +11,26 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_1j50a_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1j50a);transition-timing-function:ease-in-out}.___SBar_1j50a_gg_.__color_1j50a_gg_{fill:var(--color_1j50a)}.___SBar_1j50a_gg_.__pattern_1j50a_gg_.__color_1j50a_gg_{fill:var(--pattern_1j50a);stroke:var(--color_1j50a);stroke-width:1px}.___SBar_1j50a_gg_.__hide_1j50a_gg_{display:none}.___SBar_1j50a_gg_.__transparent_1j50a_gg_{opacity:.3}.___SBackground_1j50a_gg_.__onClick_1j50a_gg_,.___SBar_1j50a_gg_.__onClick_1j50a_gg_{cursor:pointer}.___SBackground_1j50a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1j50a_gg_{display:flex;justify-content:space-between}.___SBarLabel_1j50a_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1j50a_gg_,.___SBarPercent_1j50a_gg_,.___SBarValue_1j50a_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1j50a_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1j50a_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1j50a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SBar_12z5v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12z5v);transition-timing-function:ease-in-out}.___SBar_12z5v_gg_.__color_12z5v_gg_{fill:var(--color_12z5v)}.___SBar_12z5v_gg_.__pattern_12z5v_gg_.__color_12z5v_gg_{fill:var(--pattern_12z5v);stroke:var(--color_12z5v);stroke-width:1px}.___SBar_12z5v_gg_.__hide_12z5v_gg_{display:none}.___SBar_12z5v_gg_.__transparent_12z5v_gg_{opacity:.3}.___SBackground_12z5v_gg_.__onClick_12z5v_gg_,.___SBar_12z5v_gg_.__onClick_12z5v_gg_{cursor:pointer}.___SBackground_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12z5v_gg_{display:flex;justify-content:space-between}.___SBarLabel_12z5v_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12z5v_gg_,.___SBarPercent_12z5v_gg_,.___SBarValue_12z5v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12z5v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12z5v_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "1j50a_gg_"
+    "12z5v_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_1j50a_gg_",
-    "--duration": "--duration_1j50a",
-    "_color": "__color_1j50a_gg_",
-    "--color": "--color_1j50a",
-    "_pattern": "__pattern_1j50a_gg_",
-    "--pattern": "--pattern_1j50a",
-    "_hide": "__hide_1j50a_gg_",
-    "_transparent": "__transparent_1j50a_gg_",
-    "_onClick": "__onClick_1j50a_gg_",
-    "__SBackground": "___SBackground_1j50a_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_1j50a_gg_",
-    "__SBarLabel": "___SBarLabel_1j50a_gg_",
-    "__SBarPercent": "___SBarPercent_1j50a_gg_",
-    "__SBarValue": "___SBarValue_1j50a_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1j50a_gg_"
+    "__SBar": "___SBar_12z5v_gg_",
+    "--duration": "--duration_12z5v",
+    "_color": "__color_12z5v_gg_",
+    "--color": "--color_12z5v",
+    "_pattern": "__pattern_12z5v_gg_",
+    "--pattern": "--pattern_12z5v",
+    "_hide": "__hide_12z5v_gg_",
+    "_transparent": "__transparent_12z5v_gg_",
+    "_onClick": "__onClick_12z5v_gg_",
+    "__SBackground": "___SBackground_12z5v_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_12z5v_gg_",
+    "__SBarLabel": "___SBarLabel_12z5v_gg_",
+    "__SBarPercent": "___SBarPercent_12z5v_gg_",
+    "__SBarValue": "___SBarValue_12z5v_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12z5v_gg_"
   })
 );
 const MIN_WIDTH = 2;
@@ -85,7 +85,7 @@ class HorizontalBarRoot extends Component {
     const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);
     const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];
     const barX = xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) + offset[0] - calcPartBarX(d[x], wMin, width);
-    const handleClick = (event) => onClick == null ? void 0 : onClick(d, event, i, x);
+    const handleClick = (event) => onClick?.(d, event, i, x);
     const dSvg = getHorizontalRect({
       x: barX,
       y: barY,

package/lib/esm/Hover.mjs

@@ -1,24 +1,24 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import { hasParent } from "@semcore/core/lib/utils/hasParent";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
 import React from "react";
 import createElement from "./createElement.mjs";
 import Tooltip from "./Tooltip.mjs";
-import { scaleOfBandwidth, scaleToBand, eventToPoint, invert, getIndexFromData } from "./utils.mjs";
+import { eventToPoint, invert, getIndexFromData, scaleOfBandwidth, scaleToBand } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/hover.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SHoverLine_wfr9y_gg_,.___SHoverLine_wfr9y_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_wfr9y_gg_,.___SHoverRect_wfr9y_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SHoverLine_1hwe4_gg_,.___SHoverLine_1hwe4_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1hwe4_gg_,.___SHoverRect_1hwe4_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "wfr9y_gg_"
+    "1hwe4_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHoverLine": "___SHoverLine_wfr9y_gg_",
-    "__SHoverRect": "___SHoverRect_wfr9y_gg_"
+    "__SHoverLine": "___SHoverLine_1hwe4_gg_",
+    "__SHoverRect": "___SHoverRect_1hwe4_gg_"
   })
 );
 class Hover extends Component {

package/lib/esm/Line.mjs

@@ -2,31 +2,31 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import uniqueIDEnhancement, { useUID } from "@semcore/core/lib/utils/uniqueID";
 import { bisector } from "d3-array";
-import { curveCardinal, area, line, curveLinear } from "d3-shape";
+import { line, curveLinear, curveCardinal, area } from "d3-shape";
 import React from "react";
 import AnimatedClipPath from "./AnimatedClipPath.mjs";
 import createElement from "./createElement.mjs";
 import Dots from "./Dots.mjs";
 import { resolvePatternDasharray } from "./Pattern.mjs";
-import { interpolateValue, definedData, getNullData, eventToPoint, invert, getChartDefaultColorName, definedNullData, scaleOfBandwidth } from "./utils.mjs";
+import { interpolateValue, getNullData, definedNullData, eventToPoint, invert, getChartDefaultColorName, definedData, scaleOfBandwidth } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/line.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLine_7eofj_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_7eofj);transition-timing-function:ease-in-out}.___SLine_7eofj_gg_.__color_7eofj_gg_{stroke:var(--color_7eofj)}.___SLine_7eofj_gg_.__hide_7eofj_gg_{display:none}.___SLine_7eofj_gg_.__transparent_7eofj_gg_{opacity:.3}.___SNull_7eofj_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_7eofj_gg_.__hide_7eofj_gg_{display:none}.___SLineArea_7eofj_gg_{transition-property:d;transition-duration:var(--duration_7eofj);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_7eofj_gg_.__color_7eofj_gg_{fill:var(--color_7eofj)}",
+    ".___SLine_1r87s_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1r87s);transition-timing-function:ease-in-out}.___SLine_1r87s_gg_.__color_1r87s_gg_{stroke:var(--color_1r87s)}.___SLine_1r87s_gg_.__hide_1r87s_gg_{display:none}.___SLine_1r87s_gg_.__transparent_1r87s_gg_{opacity:.3}.___SNull_1r87s_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1r87s_gg_.__hide_1r87s_gg_{display:none}.___SLineArea_1r87s_gg_{transition-property:d;transition-duration:var(--duration_1r87s);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_1r87s_gg_.__color_1r87s_gg_{fill:var(--color_1r87s)}",
     /*__inner_css_end__*/
-    "7eofj_gg_"
+    "1r87s_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLine": "___SLine_7eofj_gg_",
-    "--duration": "--duration_7eofj",
-    "_color": "__color_7eofj_gg_",
-    "--color": "--color_7eofj",
-    "_hide": "__hide_7eofj_gg_",
-    "_transparent": "__transparent_7eofj_gg_",
-    "__SNull": "___SNull_7eofj_gg_",
-    "__SLineArea": "___SLineArea_7eofj_gg_"
+    "__SLine": "___SLine_1r87s_gg_",
+    "--duration": "--duration_1r87s",
+    "_color": "__color_1r87s_gg_",
+    "--color": "--color_1r87s",
+    "_hide": "__hide_1r87s_gg_",
+    "_transparent": "__transparent_1r87s_gg_",
+    "__SNull": "___SNull_1r87s_gg_",
+    "__SLineArea": "___SLineArea_1r87s_gg_"
   })
 );
 class LineRoot extends Component {

package/lib/esm/Pattern.mjs

@@ -483,9 +483,8 @@ const getPatternSymbolSize = ({
   patternKey,
   patterns
 }) => {
-  var _a;
   const patternData = resolvePattern(patternKey, patterns);
-  if (!((_a = patternData == null ? void 0 : patternData.symbol) == null ? void 0 : _a.size)) return [10, 10];
+  if (!patternData?.symbol?.size) return [10, 10];
   return patternData.symbol.size;
 };
 const PatternSymbol = ({
@@ -496,10 +495,10 @@ const PatternSymbol = ({
 }) => {
   const DefaultSymbol = React.useMemo(() => {
     const patternData = resolvePattern(patternKey, patterns);
-    const children = patternData == null ? void 0 : patternData.symbol.children;
-    const viewBox = patternData == null ? void 0 : patternData.symbol.viewBox;
-    const width = patternData == null ? void 0 : patternData.symbol.size[0];
-    const height = patternData == null ? void 0 : patternData.symbol.size[1];
+    const children = patternData?.symbol.children;
+    const viewBox = patternData?.symbol.viewBox;
+    const width = patternData?.symbol.size[0];
+    const height = patternData?.symbol.size[1];
     return (props2) => /* @__PURE__ */ React.createElement("svg", _extends({
       fill: color,
       x: "0",
@@ -516,7 +515,7 @@ const PatternSymbol = ({
 };
 const resolvePatternDasharray = (patternKey, patterns) => {
   const pattern = resolvePattern(patternKey, patterns);
-  return pattern == null ? void 0 : pattern.dasharray;
+  return pattern?.dasharray;
 };
 export {
   PatternFill,

package/lib/esm/Plot.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
@@ -14,12 +14,12 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlot_desqn_gg_{overflow:hidden}.___SPlot_desqn_gg_:focus{outline:0}.___SPlot_desqn_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_desqn_gg_:has(foreignObject[data-aria-only]:focus-within){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_l2at0_gg_{overflow:hidden}.___SPlot_l2at0_gg_:focus{outline:0}.___SPlot_l2at0_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_l2at0_gg_:has(foreignObject[data-aria-only]:focus-within){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__*/
-    "desqn_gg_"
+    "l2at0_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlot": "___SPlot_desqn_gg_"
+    "__SPlot": "___SPlot_l2at0_gg_"
   })
 );
 class PlotRoot extends Component {
@@ -53,7 +53,6 @@ class PlotRoot extends Component {
     this.eventEmitter = props.eventEmitter || new EventEmitter();
   }
   setContext() {
-    var _a, _b;
     const {
       scale,
       data,
@@ -64,8 +63,8 @@ class PlotRoot extends Component {
       patterns,
       duration
     } = this.asProps;
-    const yScaleDomain = (_b = (_a = scale == null ? void 0 : scale[1]) == null ? void 0 : _a.domain) == null ? void 0 : _b.call(_a);
-    if ((yScaleDomain == null ? void 0 : yScaleDomain.length) && (data == null ? void 0 : data.length)) {
+    const yScaleDomain = scale?.[1]?.domain?.();
+    if (yScaleDomain?.length && data?.length) {
       this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
     }
     return {