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

package/lib/esm/Radar.mjs

@@ -1,44 +1,44 @@
 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 getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { polygonContains } from "d3-polygon";
-import { arc, line, lineRadial, curveLinearClosed } from "d3-shape";
+import { lineRadial, curveLinearClosed, arc, line } from "d3-shape";
 import React, { cloneElement } from "react";
 import createElement from "./createElement.mjs";
-import { getPatternSymbolSize, PatternSymbol, PatternFill } from "./Pattern.mjs";
+import { PatternFill, getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
-import { eventToPoint, getChartDefaultColorName, measureText } from "./utils.mjs";
+import { measureText, getChartDefaultColorName, eventToPoint } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/radar.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SAxisLine_9qq2r_gg_,.___SAxisTick_9qq2r_gg_,.___SAxis_9qq2r_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_9qq2r_gg_,.___SAxisTick_9qq2r_gg_{stroke-dasharray:2}.___SAxisLine_9qq2r_gg_.__active_9qq2r_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_9qq2r_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_9qq2r_gg_.__xDirection_9qq2r_gg_{text-anchor:var(--xDirection_9qq2r)}.___SAxisLabel_9qq2r_gg_.__yDirection_9qq2r_gg_{dominant-baseline:var(--yDirection_9qq2r)}.___SPolygonDot_9qq2r_gg_,.___SPolygon_9qq2r_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_9qq2r_gg_{opacity:.2}.___SPolygon_9qq2r_gg_.__color_9qq2r_gg_{fill:var(--color_9qq2r)}.___SPolygon_9qq2r_gg_.__pattern_9qq2r_gg_.__color_9qq2r_gg_{fill:var(--pattern_9qq2r);stroke:var(--color_9qq2r);stroke-width:1px}.___SPolygonDot_9qq2r_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_9qq2r_gg_.__transparent_9qq2r_gg_{opacity:.3}.___SPolygonDot_9qq2r_gg_.__color_9qq2r_gg_{fill:var(--color_9qq2r)}.___SPolygonLine_9qq2r_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_9qq2r_gg_.__transparent_9qq2r_gg_{opacity:.3}.___SPolygonLine_9qq2r_gg_.__color_9qq2r_gg_{stroke:var(--color_9qq2r)}.___SPieRect_9qq2r_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SAxisLine_rgkom_gg_,.___SAxisTick_rgkom_gg_,.___SAxis_rgkom_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_rgkom_gg_,.___SAxisTick_rgkom_gg_{stroke-dasharray:2}.___SAxisLine_rgkom_gg_.__active_rgkom_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_rgkom_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_rgkom_gg_.__xDirection_rgkom_gg_{text-anchor:var(--xDirection_rgkom)}.___SAxisLabel_rgkom_gg_.__yDirection_rgkom_gg_{dominant-baseline:var(--yDirection_rgkom)}.___SPolygonDot_rgkom_gg_,.___SPolygon_rgkom_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_rgkom_gg_{opacity:.2}.___SPolygon_rgkom_gg_.__color_rgkom_gg_{fill:var(--color_rgkom)}.___SPolygon_rgkom_gg_.__pattern_rgkom_gg_.__color_rgkom_gg_{fill:var(--pattern_rgkom);stroke:var(--color_rgkom);stroke-width:1px}.___SPolygonDot_rgkom_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_rgkom_gg_.__transparent_rgkom_gg_{opacity:.3}.___SPolygonDot_rgkom_gg_.__color_rgkom_gg_{fill:var(--color_rgkom)}.___SPolygonLine_rgkom_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_rgkom_gg_.__transparent_rgkom_gg_{opacity:.3}.___SPolygonLine_rgkom_gg_.__color_rgkom_gg_{stroke:var(--color_rgkom)}.___SPieRect_rgkom_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "9qq2r_gg_"
+    "rgkom_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SAxis": "___SAxis_9qq2r_gg_",
-    "__SAxisLine": "___SAxisLine_9qq2r_gg_",
-    "__SAxisTick": "___SAxisTick_9qq2r_gg_",
-    "_active": "__active_9qq2r_gg_",
-    "__SAxisLabel": "___SAxisLabel_9qq2r_gg_",
-    "_xDirection": "__xDirection_9qq2r_gg_",
-    "--xDirection": "--xDirection_9qq2r",
-    "_yDirection": "__yDirection_9qq2r_gg_",
-    "--yDirection": "--yDirection_9qq2r",
-    "__SPolygon": "___SPolygon_9qq2r_gg_",
-    "_color": "__color_9qq2r_gg_",
-    "--color": "--color_9qq2r",
-    "_pattern": "__pattern_9qq2r_gg_",
-    "--pattern": "--pattern_9qq2r",
-    "__SPolygonDot": "___SPolygonDot_9qq2r_gg_",
-    "_transparent": "__transparent_9qq2r_gg_",
-    "__SPolygonLine": "___SPolygonLine_9qq2r_gg_",
-    "__SPieRect": "___SPieRect_9qq2r_gg_"
+    "__SAxis": "___SAxis_rgkom_gg_",
+    "__SAxisLine": "___SAxisLine_rgkom_gg_",
+    "__SAxisTick": "___SAxisTick_rgkom_gg_",
+    "_active": "__active_rgkom_gg_",
+    "__SAxisLabel": "___SAxisLabel_rgkom_gg_",
+    "_xDirection": "__xDirection_rgkom_gg_",
+    "--xDirection": "--xDirection_rgkom",
+    "_yDirection": "__yDirection_rgkom_gg_",
+    "--yDirection": "--yDirection_rgkom",
+    "__SPolygon": "___SPolygon_rgkom_gg_",
+    "_color": "__color_rgkom_gg_",
+    "--color": "--color_rgkom",
+    "_pattern": "__pattern_rgkom_gg_",
+    "--pattern": "--pattern_rgkom",
+    "__SPolygonDot": "___SPolygonDot_rgkom_gg_",
+    "_transparent": "__transparent_rgkom_gg_",
+    "__SPolygonLine": "___SPolygonLine_rgkom_gg_",
+    "__SPieRect": "___SPieRect_rgkom_gg_"
   })
 );
 const clampAngle = (angle) => {
@@ -71,12 +71,11 @@ function getLabelPlacement(i, total, angleOffset) {
 }
 function computeTextWidth(texts, textSize, defaultWidth = 50, defaultHeight = 20) {
   const widths = texts.map((text) => {
-    var _a, _b;
     if (typeof text === "string") {
       return measureText(text, textSize);
     }
     if (/* @__PURE__ */ React.isValidElement(text)) {
-      return Math.max(((_a = text.props) == null ? void 0 : _a.width) || defaultWidth, ((_b = text.props) == null ? void 0 : _b.height) || defaultHeight);
+      return Math.max(text.props?.width || defaultWidth, text.props?.height || defaultHeight);
     }
     return defaultWidth;
   });
@@ -506,8 +505,7 @@ class AxisRoot extends Component {
     this.unsubscribeTooltipVisible = eventEmitter.subscribe("setTooltipRenderingProps", this.handleTooltipRenderingProps);
   }
   componentWillUnmount() {
-    var _a;
-    (_a = this.unsubscribeTooltipVisible) == null ? void 0 : _a.call(this);
+    this.unsubscribeTooltipVisible?.();
   }
   render() {
     var _ref7;
@@ -626,7 +624,7 @@ function AxisLabels(props) {
       const {
         width = 0,
         height = 0
-      } = (category == null ? void 0 : category.props) ?? {};
+      } = category?.props ?? {};
       const [xOffset, yOffset] = getLabelOffsetPosition(xDirection, yDirection, width, height);
       return /* @__PURE__ */ cloneElement(category, {
         key: i,

package/lib/esm/RadialTree.mjs

@@ -14,22 +14,22 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SRadian_56jyw_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_56jyw_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_56jyw_gg_.__stroke_56jyw_gg_{stroke:var(--stroke_56jyw)}.___SLine_56jyw_gg_.__transparent_56jyw_gg_{opacity:.3}.___SCap_56jyw_gg_{transition:r .1s}.___SCap_56jyw_gg_.__pattern_56jyw_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_56jyw_gg_.__transparent_56jyw_gg_,.___SIcon_56jyw_gg_.__transparent_56jyw_gg_,.___SLabel_56jyw_gg_.__transparent_56jyw_gg_{opacity:.3}.___SLabel_56jyw_gg_{fill:var(--color_56jyw)}@media (hover:hover){.___SRadian_56jyw_gg_:hover .___SLabel_56jyw_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_56jyw_gg_{transition:none}}",
+    ".___SRadian_1xb4i_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1xb4i_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1xb4i_gg_.__stroke_1xb4i_gg_{stroke:var(--stroke_1xb4i)}.___SLine_1xb4i_gg_.__transparent_1xb4i_gg_{opacity:.3}.___SCap_1xb4i_gg_{transition:r .1s}.___SCap_1xb4i_gg_.__pattern_1xb4i_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1xb4i_gg_.__transparent_1xb4i_gg_,.___SIcon_1xb4i_gg_.__transparent_1xb4i_gg_,.___SLabel_1xb4i_gg_.__transparent_1xb4i_gg_{opacity:.3}.___SLabel_1xb4i_gg_{fill:var(--color_1xb4i)}@media (hover:hover){.___SRadian_1xb4i_gg_:hover .___SLabel_1xb4i_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1xb4i_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "56jyw_gg_"
+    "1xb4i_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SRadian": "___SRadian_56jyw_gg_",
-    "__SLine": "___SLine_56jyw_gg_",
-    "_stroke": "__stroke_56jyw_gg_",
-    "--stroke": "--stroke_56jyw",
-    "_transparent": "__transparent_56jyw_gg_",
-    "__SCap": "___SCap_56jyw_gg_",
-    "_pattern": "__pattern_56jyw_gg_",
-    "__SIcon": "___SIcon_56jyw_gg_",
-    "__SLabel": "___SLabel_56jyw_gg_",
-    "--color": "--color_56jyw",
-    "__SLineCap": "___SLineCap_56jyw_gg_"
+    "__SRadian": "___SRadian_1xb4i_gg_",
+    "__SLine": "___SLine_1xb4i_gg_",
+    "_stroke": "__stroke_1xb4i_gg_",
+    "--stroke": "--stroke_1xb4i",
+    "_transparent": "__transparent_1xb4i_gg_",
+    "__SCap": "___SCap_1xb4i_gg_",
+    "_pattern": "__pattern_1xb4i_gg_",
+    "__SIcon": "___SIcon_1xb4i_gg_",
+    "__SLabel": "___SLabel_1xb4i_gg_",
+    "--color": "--color_1xb4i",
+    "__SLineCap": "___SLineCap_1xb4i_gg_"
   })
 );
 const baseAngle = -Math.PI / 2;
@@ -45,13 +45,12 @@ class RadialTreeBase extends Component {
     };
   }
   runAppearAnimation() {
-    var _a;
     const {
       duration,
       uid
     } = this.asProps;
     if (!canUseDOM()) return;
-    const preferReduceMotion = (_a = window.matchMedia("(prefers-reduced-motion: reduce)")) == null ? void 0 : _a.matches;
+    const preferReduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)")?.matches;
     if (!(duration > 0)) return;
     if (preferReduceMotion) return;
     const circlesAnimation = transition().selection().selectAll(`[data-radial-animation=${uid}-cap-circle]`).interrupt();
@@ -64,13 +63,12 @@ class RadialTreeBase extends Component {
     const labelsNodes = linesAnimation.nodes();
     if (circlesNodes.length > 0) {
       const attrs = circlesNodes.map((node) => {
-        var _a2, _b, _c, _d;
         const radianIndex = Number.parseInt(node.dataset.radianIndex, 10);
         const lineNode = linesNodes[radianIndex];
         return {
           from: {
-            cx: (_b = (_a2 = lineNode.x1) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value,
-            cy: (_d = (_c = lineNode.y1) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value
+            cx: lineNode.x1?.baseVal?.value,
+            cy: lineNode.y1?.baseVal?.value
           },
           to: {
             cx: node.dataset["cx"],
@@ -78,31 +76,18 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      circlesAnimation.attr("opacity", 0).attr("cx", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.cx;
-      }).attr("cy", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.cy;
-      }).transition().duration(duration).attr("opacity", 1).attr("cx", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.cx;
-      }).attr("cy", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.cy;
-      });
+      circlesAnimation.attr("opacity", 0).attr("cx", (_, index) => attrs[index].from?.cx).attr("cy", (_, index) => attrs[index].from?.cy).transition().duration(duration).attr("opacity", 1).attr("cx", (_, index) => attrs[index].to?.cx).attr("cy", (_, index) => attrs[index].to?.cy);
     }
     if (iconsNodes.length > 0) {
       const attrs = iconsNodes.map((node) => {
-        var _a2, _b, _c, _d, _e, _f, _g, _h;
-        const width = (_b = (_a2 = node.width) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value;
-        const height = (_d = (_c = node.height) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value;
+        const width = node.width?.baseVal?.value;
+        const height = node.height?.baseVal?.value;
         const radianIndex = Number.parseInt(node.dataset.radianIndex, 10);
         const lineNode = linesNodes[radianIndex];
         return {
           from: {
-            x: ((_f = (_e = lineNode.x1) == null ? void 0 : _e.baseVal) == null ? void 0 : _f.value) - width / 2,
-            y: ((_h = (_g = lineNode.y1) == null ? void 0 : _g.baseVal) == null ? void 0 : _h.value) - height / 2
+            x: lineNode.x1?.baseVal?.value - width / 2,
+            y: lineNode.y1?.baseVal?.value - height / 2
           },
           to: {
             x: node.dataset["x"],
@@ -110,27 +95,14 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      iconsAnimation.attr("opacity", 0).attr("x", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.x;
-      }).attr("y", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.y;
-      }).transition().duration(duration).attr("opacity", 1).attr("x", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.x;
-      }).attr("y", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.y;
-      });
+      iconsAnimation.attr("opacity", 0).attr("x", (_, index) => attrs[index].from?.x).attr("y", (_, index) => attrs[index].from?.y).transition().duration(duration).attr("opacity", 1).attr("x", (_, index) => attrs[index].to?.x).attr("y", (_, index) => attrs[index].to?.y);
     }
     if (linesNodes.length > 0) {
       const attrs = linesNodes.map((node) => {
-        var _a2, _b, _c, _d;
         return {
           from: {
-            x2: (_b = (_a2 = node.x1) == null ? void 0 : _a2.baseVal) == null ? void 0 : _b.value,
-            y2: (_d = (_c = node.y1) == null ? void 0 : _c.baseVal) == null ? void 0 : _d.value
+            x2: node.x1?.baseVal?.value,
+            y2: node.y1?.baseVal?.value
           },
           to: {
             x2: node.dataset["x2"],
@@ -138,19 +110,7 @@ class RadialTreeBase extends Component {
           }
         };
       });
-      linesAnimation.attr("opacity", 0).attr("x2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.x2;
-      }).attr("y2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].from) == null ? void 0 : _a2.y2;
-      }).transition().duration(duration).attr("opacity", 1).attr("x2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.x2;
-      }).attr("y2", (_, index) => {
-        var _a2;
-        return (_a2 = attrs[index].to) == null ? void 0 : _a2.y2;
-      });
+      linesAnimation.attr("opacity", 0).attr("x2", (_, index) => attrs[index].from?.x2).attr("y2", (_, index) => attrs[index].from?.y2).transition().duration(duration).attr("opacity", 1).attr("x2", (_, index) => attrs[index].to?.x2).attr("y2", (_, index) => attrs[index].to?.y2);
     }
     if (labelsNodes.length > 0) {
       labelsAnimation.attr("opacity", 0);
@@ -246,8 +206,7 @@ class RadialTreeRadian extends Component {
   getInteractiveAreaProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xStart,
       yStart,
@@ -266,8 +225,7 @@ class RadialTreeRadian extends Component {
   getLineProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xStart,
       yStart,
@@ -299,8 +257,7 @@ class RadialTreeRadian extends Component {
   getCapProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xEnd,
       yEnd,
@@ -331,8 +288,7 @@ class RadialTreeRadian extends Component {
   getIconProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xEnd,
       yEnd,
@@ -365,8 +321,7 @@ class RadialTreeRadian extends Component {
   getLabelProps({
     $rootProps
   }, index) {
-    var _a;
-    const data = (_a = $rootProps.data) == null ? void 0 : _a[index];
+    const data = $rootProps.data?.[index];
     const {
       xLabelCenter,
       yLabelCenter,

package/lib/esm/Reference.mjs

@@ -9,22 +9,22 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SReferenceLine_1w6r5_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1w6r5_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1w6r5)}.___STitle_1w6r5_gg_._position_top_1w6r5_gg_{text-anchor:middle}.___STitle_1w6r5_gg_._position_bottom_1w6r5_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1w6r5_gg_._position_left_1w6r5_gg_,.___STitle_1w6r5_gg_._position_right_1w6r5_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1w6r5_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1w6r5_gg_{fill:var(--fill_1w6r5)}.___SStripesPatternPath_1w6r5_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
+    ".___SReferenceLine_112b5_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_112b5_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_112b5)}.___STitle_112b5_gg_._position_top_112b5_gg_{text-anchor:middle}.___STitle_112b5_gg_._position_bottom_112b5_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_112b5_gg_._position_left_112b5_gg_,.___STitle_112b5_gg_._position_right_112b5_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_112b5_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_112b5_gg_{fill:var(--fill_112b5)}.___SStripesPatternPath_112b5_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
     /*__inner_css_end__*/
-    "1w6r5_gg_"
+    "112b5_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SReferenceLine": "___SReferenceLine_1w6r5_gg_",
-    "__STitle": "___STitle_1w6r5_gg_",
-    "--transform-origin": "--transform-origin_1w6r5",
-    "_position_top": "_position_top_1w6r5_gg_",
-    "_position_bottom": "_position_bottom_1w6r5_gg_",
-    "_position_right": "_position_right_1w6r5_gg_",
-    "_position_left": "_position_left_1w6r5_gg_",
-    "__SBackground": "___SBackground_1w6r5_gg_",
-    "__SStripes": "___SStripes_1w6r5_gg_",
-    "--fill": "--fill_1w6r5",
-    "__SStripesPatternPath": "___SStripesPatternPath_1w6r5_gg_"
+    "__SReferenceLine": "___SReferenceLine_112b5_gg_",
+    "__STitle": "___STitle_112b5_gg_",
+    "--transform-origin": "--transform-origin_112b5",
+    "_position_top": "_position_top_112b5_gg_",
+    "_position_bottom": "_position_bottom_112b5_gg_",
+    "_position_right": "_position_right_112b5_gg_",
+    "_position_left": "_position_left_112b5_gg_",
+    "__SBackground": "___SBackground_112b5_gg_",
+    "__SStripes": "___SStripes_112b5_gg_",
+    "--fill": "--fill_112b5",
+    "__SStripesPatternPath": "___SStripesPatternPath_112b5_gg_"
   })
 );
 const side2direction = {

package/lib/esm/ResponsiveContainer.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { Component, sstyled, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import fire from "@semcore/core/lib/utils/fire";
@@ -55,15 +55,13 @@ class ResponsiveContainerRoot extends Component {
     };
   }
   componentDidMount() {
-    var _a;
     if (this.$container) {
-      (_a = this.observer) == null ? void 0 : _a.observe(this.$container);
+      this.observer?.observe(this.$container);
     }
   }
   // TODO component did update ref?
   componentWillUnmount() {
-    var _a;
-    (_a = this.observer) == null ? void 0 : _a.disconnect();
+    this.observer?.disconnect();
   }
   render() {
     var _ref = this.asProps, _ref2;

package/lib/esm/ScatterPlot.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 canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { transition } from "d3-transition";
@@ -13,19 +13,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScatterPlot_8h4j7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_8h4j7);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_8h4j7_gg_:hover{opacity:.8}}.___SScatterPlot_8h4j7_gg_.__color_8h4j7_gg_{fill:var(--color_8h4j7)}.___SScatterPlot_8h4j7_gg_.__pattern_8h4j7_gg_.__color_8h4j7_gg_{fill:var(--pattern_8h4j7);stroke:var(--color_8h4j7);stroke-width:1px}.___SScatterPlot_8h4j7_gg_.__transparent_8h4j7_gg_{opacity:.3}.___SValue_8h4j7_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_8h4j7_gg_.__color_8h4j7_gg_{stroke:var(--color_8h4j7)}.___SValue_8h4j7_gg_.__transparent_8h4j7_gg_{opacity:.3}",
+    ".___SScatterPlot_1fqya_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1fqya);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1fqya_gg_:hover{opacity:.8}}.___SScatterPlot_1fqya_gg_.__color_1fqya_gg_{fill:var(--color_1fqya)}.___SScatterPlot_1fqya_gg_.__pattern_1fqya_gg_.__color_1fqya_gg_{fill:var(--pattern_1fqya);stroke:var(--color_1fqya);stroke-width:1px}.___SScatterPlot_1fqya_gg_.__transparent_1fqya_gg_{opacity:.3}.___SValue_1fqya_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1fqya_gg_.__color_1fqya_gg_{stroke:var(--color_1fqya)}.___SValue_1fqya_gg_.__transparent_1fqya_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "8h4j7_gg_"
+    "1fqya_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScatterPlot": "___SScatterPlot_8h4j7_gg_",
-    "_color": "__color_8h4j7_gg_",
-    "--color": "--color_8h4j7",
-    "_pattern": "__pattern_8h4j7_gg_",
-    "--pattern": "--pattern_8h4j7",
-    "_transparent": "__transparent_8h4j7_gg_",
-    "__SValue": "___SValue_8h4j7_gg_",
-    "--duration": "--duration_8h4j7"
+    "__SScatterPlot": "___SScatterPlot_1fqya_gg_",
+    "_color": "__color_1fqya_gg_",
+    "--color": "--color_1fqya",
+    "_pattern": "__pattern_1fqya_gg_",
+    "--pattern": "--pattern_1fqya",
+    "_transparent": "__transparent_1fqya_gg_",
+    "__SValue": "___SValue_1fqya_gg_",
+    "--duration": "--duration_1fqya"
   })
 );
 class ScatterPlotRoot extends Component {
@@ -195,6 +195,7 @@ function ScatterPlotTooltip(props) {
     }, _ref)
   }));
 }
+;
 const ScatterPlot = createElement(ScatterPlotRoot, {
   Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents]
 });

package/lib/esm/StackBar.mjs

@@ -7,8 +7,8 @@ import Bar, { MIN_HEIGHT } from "./Bar.mjs";
 import createElement from "./createElement.mjs";
 import HorizontalBar, { MIN_WIDTH } from "./HorizontalBar.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
-const XY0 = Symbol("XY0");
+const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
+const XY0 = /* @__PURE__ */ Symbol("XY0");
 class StackBarRoot extends Component {
   constructor(...args) {
     super(...args);

package/lib/esm/StackedArea.mjs

@@ -6,8 +6,8 @@ import React from "react";
 import Area from "./Area.mjs";
 import createElement from "./createElement.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-const DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
-const Y0 = Symbol("Y0");
+const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
+const Y0 = /* @__PURE__ */ Symbol("Y0");
 class StackedAreaRoot extends Component {
   getSeries() {
     const {

package/lib/esm/Tooltip.mjs

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
-import { Box, Popper } from "@semcore/base-components";
+import { sstyled, Component, assignProps } from "@semcore/core";
+import { Popper, Box } from "@semcore/base-components";
 import findComponent from "@semcore/core/lib/utils/findComponent";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 import React from "react";
@@ -12,19 +12,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltip_ieg87_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_ieg87_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_ieg87_gg_{display:flex;align-items:center}.___SDot_ieg87_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_ieg87_gg_.__color_ieg87_gg_{background-color:var(--color_ieg87);width:8px;height:8px;border-radius:50%}.___SFooter_ieg87_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_942l4_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_942l4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_942l4_gg_{display:flex;align-items:center}.___SDot_942l4_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_942l4_gg_.__color_942l4_gg_{background-color:var(--color_942l4);width:8px;height:8px;border-radius:50%}.___SFooter_942l4_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__*/
-    "ieg87_gg_"
+    "942l4_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltip": "___STooltip_ieg87_gg_",
-    "__STitle": "___STitle_ieg87_gg_",
-    "__SDotGroup": "___SDotGroup_ieg87_gg_",
-    "__SDot": "___SDot_ieg87_gg_",
-    "__SDotCircle": "___SDotCircle_ieg87_gg_",
-    "_color": "__color_ieg87_gg_",
-    "--color": "--color_ieg87",
-    "__SFooter": "___SFooter_ieg87_gg_"
+    "__STooltip": "___STooltip_942l4_gg_",
+    "__STitle": "___STitle_942l4_gg_",
+    "__SDotGroup": "___SDotGroup_942l4_gg_",
+    "__SDot": "___SDot_942l4_gg_",
+    "__SDotCircle": "___SDotCircle_942l4_gg_",
+    "_color": "__color_942l4_gg_",
+    "--color": "--color_942l4",
+    "__SFooter": "___SFooter_942l4_gg_"
   })
 );
 const TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
@@ -59,7 +59,7 @@ class TooltipRoot extends Component {
         yIndex
       } = this.state.tooltipProps;
       const index = xIndex ?? yIndex;
-      onClick == null ? void 0 : onClick(index, e);
+      onClick?.(index, e);
     });
   }
   getTriggerProps() {
@@ -100,7 +100,6 @@ class TooltipRoot extends Component {
     }), eventEmitter.subscribe(`setTooltipVisible_${plotId}`, (visible) => this.setState({
       $visible: visible
     })), eventEmitter.subscribe(`setTooltipPosition_${plotId}`, (x, y) => {
-      var _a;
       this.virtualElementPosition.x = x;
       this.virtualElementPosition.y = y;
       if (this.virtualTriggerElement === null) {
@@ -123,7 +122,7 @@ class TooltipRoot extends Component {
           left: x2
         };
       };
-      (_a = this.popper.current) == null ? void 0 : _a.update();
+      this.popper.current?.update();
     }));
   }
   componentWillUnmount() {
@@ -159,10 +158,9 @@ class TooltipRoot extends Component {
       popper,
       setTrigger
     }) => {
-      var _a;
       this.setPopperTrigger = setTrigger;
       this.popper = popper;
-      (_a = this.popper.current) == null ? void 0 : _a.update();
+      this.popper.current?.update();
       return advancedMode ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, tag && /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
         tag,
         onClick: this.handleTriggerClick

package/lib/esm/Venn.mjs

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, Component, assignProps } from "@semcore/core";
 import { FadeInOut } from "@semcore/base-components";
 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 { intersectionAreaPath, scaleSolution, normalizeSolution, venn } from "@upsetjs/venn.js";
+import { scaleSolution, normalizeSolution, venn, intersectionAreaPath } from "@upsetjs/venn.js";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
@@ -16,19 +16,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCircle_1irr3_gg_,.___SIntersection_1irr3_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1irr3_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1irr3);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1irr3_gg_:hover{fill-opacity:.7}}.___SCircle_1irr3_gg_.__color_1irr3_gg_{fill:var(--color_1irr3)}.___SCircle_1irr3_gg_.__pattern_1irr3_gg_.__color_1irr3_gg_{fill:var(--pattern_1irr3);fill-opacity:.7;stroke:var(--color_1irr3);stroke-width:1px}@media (hover:hover){.___SCircle_1irr3_gg_.__pattern_1irr3_gg_.__color_1irr3_gg_:hover{fill-opacity:.85}}.___SCircle_1irr3_gg_.__transparent_1irr3_gg_{opacity:.3}.___SIntersection_1irr3_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1irr3_gg_:hover{fill-opacity:.1}}.___SIntersection_1irr3_gg_.__transparent_1irr3_gg_{opacity:.3}",
+    ".___SCircle_1pi5b_gg_,.___SIntersection_1pi5b_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1pi5b_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1pi5b);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1pi5b_gg_:hover{fill-opacity:.7}}.___SCircle_1pi5b_gg_.__color_1pi5b_gg_{fill:var(--color_1pi5b)}.___SCircle_1pi5b_gg_.__pattern_1pi5b_gg_.__color_1pi5b_gg_{fill:var(--pattern_1pi5b);fill-opacity:.7;stroke:var(--color_1pi5b);stroke-width:1px}@media (hover:hover){.___SCircle_1pi5b_gg_.__pattern_1pi5b_gg_.__color_1pi5b_gg_:hover{fill-opacity:.85}}.___SCircle_1pi5b_gg_.__transparent_1pi5b_gg_{opacity:.3}.___SIntersection_1pi5b_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1pi5b_gg_:hover{fill-opacity:.1}}.___SIntersection_1pi5b_gg_.__transparent_1pi5b_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "1irr3_gg_"
+    "1pi5b_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCircle": "___SCircle_1irr3_gg_",
-    "_color": "__color_1irr3_gg_",
-    "--color": "--color_1irr3",
-    "_transparent": "__transparent_1irr3_gg_",
-    "__SIntersection": "___SIntersection_1irr3_gg_",
-    "--duration": "--duration_1irr3",
-    "_pattern": "__pattern_1irr3_gg_",
-    "--pattern": "--pattern_1irr3"
+    "__SCircle": "___SCircle_1pi5b_gg_",
+    "_color": "__color_1pi5b_gg_",
+    "--color": "--color_1pi5b",
+    "_transparent": "__transparent_1pi5b_gg_",
+    "__SIntersection": "___SIntersection_1pi5b_gg_",
+    "--duration": "--duration_1pi5b",
+    "_pattern": "__pattern_1pi5b_gg_",
+    "--pattern": "--pattern_1pi5b"
   })
 );
 class VennRoot extends Component {
@@ -243,6 +243,7 @@ function VennTooltip(props) {
     }, _ref)
   }));
 }
+;
 const Venn = createElement(VennRoot, {
   Circle,
   Intersection,

package/lib/esm/a11y/DataAccessibilityTable.mjs

@@ -38,8 +38,7 @@ const DataAccessibilityTable = ({
     return doublicated;
   }, [keys, hints]);
   const renderTitle = React.useCallback((dataKey) => {
-    var _a;
-    const formatted = (_a = config.titlesFormatter) == null ? void 0 : _a.call(config, dataKey);
+    const formatted = config.titlesFormatter?.(dataKey);
     if (formatted !== void 0) return formatted;
     if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];
     if (!duplicatedBaseKeys[dataKey]) {
@@ -49,8 +48,7 @@ const DataAccessibilityTable = ({
     return dataKey;
   }, [data, hints, duplicatedBaseKeys, config]);
   const formatValue = React.useCallback((value, row) => {
-    var _a;
-    return ((_a = config.valuesFormatter) == null ? void 0 : _a.call(config, value, row)) ?? defaultValueFormatter(intl, value);
+    return config.valuesFormatter?.(value, row) ?? defaultValueFormatter(intl, value);
   }, [intl, config]);
   return /* @__PURE__ */ React.createElement("table", {
     id: `${id}-data-table`,

package/lib/esm/a11y/PlotA11yModule.mjs

@@ -10,12 +10,12 @@ const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yModule_18nes_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}",
+    ".___SPlotA11yModule_1t4qj_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}",
     /*__inner_css_end__*/
-    "18nes_gg_"
+    "1t4qj_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yModule": "___SPlotA11yModule_18nes_gg_"
+    "__SPlotA11yModule": "___SPlotA11yModule_1t4qj_gg_"
   })
 );
 function PlotA11yModule(props) {
@@ -49,7 +49,8 @@ function PlotA11yModule(props) {
     });
   }, [plotA11yView, isOpened, loading, setLoading]);
   if (plotA11yView) {
-    return sstyled(styles), /* @__PURE__ */ React.createElement(plotA11yView.Component, _extends({}, props, {
+    var _ref2;
+    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(plotA11yView.Component, _extends({}, props, {
       onCloseHandler: () => {
         setIsOpened(false);
         setPlotA11yView(null);