@semcore/d3-chart 16.7.0-prerelease.1 → 16.7.0

package/lib/esm/a11y/translations/module/pl.json.mjs

@@ -1,14 +1,12 @@
-const disabled = "Naciśnij Tab, aby włączyć moduł dostępności wykresów graficznych.";
 const loading = "Ładowanie modułu dostępności.";
 const failed = "Nie udało się załadować modułu dostępności. Skontaktuj się ze wsparciem użytkowników, aby pomóc nam w szybszym rozwiązaniu problemu.";
 const pl = {
-  disabled,
   loading,
-  failed
+  failed,
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Otwórz podsumowanie danych"
 };
 export {
   pl as default,
-  disabled,
   failed,
   loading
 };

package/lib/esm/a11y/translations/module/pt.json.mjs

@@ -1,14 +1,12 @@
-const disabled = 'Pressione "Tab" para habilitar o módulo de acessibilidade a gráficos.';
 const loading = "Carregando módulo de acessibilidade.";
 const failed = "Falha ao carregar o módulo de acessibilidade. Entre em contato com o suporte ao usuário do serviço para nos ajudar a resolver o problema com mais rapidez.";
 const pt = {
-  disabled,
   loading,
-  failed
+  failed,
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Abrir resumo dos dados"
 };
 export {
   pt as default,
-  disabled,
   failed,
   loading
 };

package/lib/esm/a11y/translations/module/sv.json.mjs

@@ -1,14 +1,12 @@
-const disabled = 'Tryck på "Flik" för att aktivera åtkomstmodulen för grafiska diagram.';
 const loading = "Laddar åtkomstmodul.";
 const failed = "Det gick inte att ladda åtkomstmodulen. Kontakta supporten för att hjälpa oss att lösa problemet snabbare.";
 const sv = {
-  disabled,
   loading,
-  failed
+  failed,
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Öppna sammanfattning av data"
 };
 export {
   sv as default,
-  disabled,
   failed,
   loading
 };

package/lib/esm/a11y/translations/module/tr.json.mjs

@@ -1,14 +1,12 @@
-const disabled = 'Grafik çizelgeleri erişilebilirlik modülünü etkinleştirmek için "Sekme" tuşuna basın.';
 const loading = "Erişilebilirlik modülü yükleniyor.";
 const failed = "Erişilebilirlik modülü yüklenemedi. Sorunu daha hızlı çözmemize yardımcı olmak için kullanıcı destek hizmeti ile iletişime geçin.";
 const tr = {
-  disabled,
   loading,
-  failed
+  failed,
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Veri özetini aç"
 };
 export {
   tr as default,
-  disabled,
   failed,
   loading
 };

package/lib/esm/a11y/translations/module/vi.json.mjs

@@ -1,14 +1,12 @@
-const disabled = 'Nhấn "Tab" để bật mô-đun trợ năng biểu đồ đồ họa.';
 const loading = "Đang tải mô-đun trợ năng.";
 const failed = "Không tải được mô-đun trợ năng. Liên hệ với bộ phận hỗ trợ người dùng dịch vụ để giúp chúng tôi giải quyết vấn đề nhanh hơn.";
 const vi = {
-  disabled,
   loading,
-  failed
+  failed,
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Mở tóm tắt dữ liệu"
 };
 export {
   vi as default,
-  disabled,
   failed,
   loading
 };

package/lib/esm/a11y/translations/module/zh.json.mjs

@@ -1,14 +1,12 @@
-const disabled = "按“Tab”启用图形图表访问模块。";
 const loading = "加载访问模块。";
 const failed = "无法加载访问模块。联系服务用户支持，以帮助我们更快地解决问题。";
 const zh = {
-  disabled,
   loading,
-  failed
+  failed,
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "打开数据摘要"
 };
 export {
   zh as default,
-  disabled,
   failed,
   loading
 };

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

@@ -7,30 +7,32 @@ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, assignProps, Component } from "@semcore/core";
+import { Box, Flex } from "@semcore/base-components";
 import { extractAriaProps } from "@semcore/core/lib/utils/ariaProps";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
-import { Flex, Box } from "@semcore/flex-box";
 import { Text } from "@semcore/typography";
 import React, { Fragment } from "react";
-import Plot from "../../Plot.mjs";
-import { LegendFlex } from "../ChartLegend/LegendFlex/LegendFlex.mjs";
+import "../../index.mjs";
+import { makeDataHintsContainer } from "../../a11y/hints.mjs";
+import { interpolateValue } from "../../utils.mjs";
+import "../ChartLegend/index.mjs";
 import { LegendTable } from "../ChartLegend/LegendTable/LegendTable.mjs";
+import { LegendFlex } from "../ChartLegend/LegendFlex/LegendFlex.mjs";
 import { YAxis, XAxis } from "../../Axis.mjs";
-import { interpolateValue } from "../../utils.mjs";
-import { makeDataHintsContainer } from "../../a11y/hints.mjs";
+import Plot from "../../Plot.mjs";
 /*!__reshadow-styles__:"../../style/abstract-chart.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltipChildrenWrapper_xivl6_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_xivl6_gg_._columnsCount_2_xivl6_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_xivl6_gg_._columnsCount_3_xivl6_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}",
+    ".___STooltipChildrenWrapper_q3xi3_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_q3xi3_gg_._columnsCount_2_q3xi3_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_q3xi3_gg_._columnsCount_3_q3xi3_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}",
     /*__inner_css_end__*/
-    "xivl6_gg_"
+    "q3xi3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_xivl6_gg_",
-    "_columnsCount_2": "_columnsCount_2_xivl6_gg_",
-    "_columnsCount_3": "_columnsCount_3_xivl6_gg_"
+    "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_q3xi3_gg_",
+    "_columnsCount_2": "_columnsCount_2_q3xi3_gg_",
+    "_columnsCount_3": "_columnsCount_3_q3xi3_gg_"
   })
 );
 var NOT_A_VALUE = "n/a";

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

@@ -9,12 +9,13 @@ import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleLinear } from "d3-scale";
 import React from "react";
-import Area from "../../Area.mjs";
-import StackedArea from "../../StackedArea.mjs";
-import { HoverLine } from "../../Hover.mjs";
-import { minMax } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { minMax } from "../../utils.mjs";
+import StackedArea from "../../StackedArea.mjs";
+import Area from "../../Area.mjs";
+import { HoverLine } from "../../Hover.mjs";
 var AreaChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function AreaChartComponent2() {
     _classCallCheck(this, AreaChartComponent2);

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

@@ -11,12 +11,14 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
 import React from "react";
 import { AbstractChart } from "./AbstractChart.mjs";
+import "../../index.mjs";
+import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 import Line from "../../Line.mjs";
 import GroupBar from "../../GroupBar.mjs";
 import StackBar from "../../StackBar.mjs";
 import { HoverRect } from "../../Hover.mjs";
+import { YAxis, XAxis } from "../../Axis.mjs";
 import { minMax } from "../../utils.mjs";
-import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 var BarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function BarChartComponent2() {
     var _this;
@@ -173,6 +175,45 @@ var BarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
         };
       });
     }
+  }, {
+    key: "renderAxis",
+    value: function renderAxis() {
+      var _this$asProps6 = this.asProps, invertAxis = _this$asProps6.invertAxis, showXAxis = _this$asProps6.showXAxis, showYAxis = _this$asProps6.showYAxis, data = _this$asProps6.data, axisXValueFormatter = _this$asProps6.axisXValueFormatter, axisYValueFormatter = _this$asProps6.axisYValueFormatter, multilineXTicks = _this$asProps6.multilineXTicks, multilineYTicks = _this$asProps6.multilineYTicks;
+      if (!Array.isArray(data)) {
+        return null;
+      }
+      var xTicks = this.xTicks;
+      var yTicks = this.yTicks;
+      var childrenX = axisXValueFormatter ? function(_ref2) {
+        var value = _ref2.value;
+        return {
+          children: axisXValueFormatter(value)
+        };
+      } : void 0;
+      var childrenY = axisYValueFormatter ? function(_ref3) {
+        var value = _ref3.value;
+        return {
+          children: axisYValueFormatter(value)
+        };
+      } : void 0;
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, showYAxis && /* @__PURE__ */ React.createElement(YAxis, null, yTicks ? /* @__PURE__ */ React.createElement(YAxis.Ticks, {
+        primaryText: invertAxis,
+        multiline: multilineYTicks,
+        ticks: yTicks
+      }, childrenY) : /* @__PURE__ */ React.createElement(YAxis.Ticks, {
+        primaryText: invertAxis,
+        multiline: multilineYTicks
+      }, childrenY), invertAxis !== true && (yTicks ? /* @__PURE__ */ React.createElement(YAxis.Grid, {
+        ticks: yTicks
+      }) : /* @__PURE__ */ React.createElement(YAxis.Grid, null))), showXAxis && /* @__PURE__ */ React.createElement(XAxis, null, xTicks ? /* @__PURE__ */ React.createElement(XAxis.Ticks, {
+        multiline: multilineXTicks,
+        ticks: xTicks
+      }, childrenX) : /* @__PURE__ */ React.createElement(XAxis.Ticks, {
+        multiline: multilineXTicks
+      }, childrenX), invertAxis === true && (xTicks ? /* @__PURE__ */ React.createElement(XAxis.Grid, {
+        ticks: xTicks
+      }) : /* @__PURE__ */ React.createElement(XAxis.Grid, null))));
+    }
   }, {
     key: "getLegendAriaLabel",
     value: function getLegendAriaLabel() {
@@ -183,7 +224,7 @@ var BarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   }, {
     key: "categoryScale",
     get: function get() {
-      var _this$asProps6 = this.asProps, _this$asProps6$margin = _this$asProps6.marginY, marginY = _this$asProps6$margin === void 0 ? 40 : _this$asProps6$margin, _this$asProps6$margin2 = _this$asProps6.marginX, marginX = _this$asProps6$margin2 === void 0 ? 24 : _this$asProps6$margin2, plotWidth = _this$asProps6.plotWidth, plotHeight = _this$asProps6.plotHeight, invertAxis = _this$asProps6.invertAxis, data = _this$asProps6.data, groupKey = _this$asProps6.groupKey;
+      var _this$asProps7 = this.asProps, _this$asProps7$margin = _this$asProps7.marginY, marginY = _this$asProps7$margin === void 0 ? 40 : _this$asProps7$margin, _this$asProps7$margin2 = _this$asProps7.marginX, marginX = _this$asProps7$margin2 === void 0 ? 24 : _this$asProps7$margin2, plotWidth = _this$asProps7.plotWidth, plotHeight = _this$asProps7.plotHeight, invertAxis = _this$asProps7.invertAxis, data = _this$asProps7.data, groupKey = _this$asProps7.groupKey;
       var testItem = data[0][groupKey];
       var range = invertAxis ? [plotHeight - marginX, this.plotPadding] : [marginY, plotWidth - this.plotPadding];
       if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
@@ -198,7 +239,7 @@ var BarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   }, {
     key: "valueScale",
     get: function get() {
-      var _this$asProps7 = this.asProps, _this$asProps7$margin = _this$asProps7.marginY, marginY = _this$asProps7$margin === void 0 ? 40 : _this$asProps7$margin, _this$asProps7$margin2 = _this$asProps7.marginX, marginX = _this$asProps7$margin2 === void 0 ? 24 : _this$asProps7$margin2, plotWidth = _this$asProps7.plotWidth, plotHeight = _this$asProps7.plotHeight, invertAxis = _this$asProps7.invertAxis, type = _this$asProps7.type;
+      var _this$asProps8 = this.asProps, _this$asProps8$margin = _this$asProps8.marginY, marginY = _this$asProps8$margin === void 0 ? 40 : _this$asProps8$margin, _this$asProps8$margin2 = _this$asProps8.marginX, marginX = _this$asProps8$margin2 === void 0 ? 24 : _this$asProps8$margin2, plotWidth = _this$asProps8.plotWidth, plotHeight = _this$asProps8.plotHeight, invertAxis = _this$asProps8.invertAxis, type = _this$asProps8.type;
       var max = type === "stack" ? _superPropGet(BarChartComponent2, "maxStackedValue", this, 1) : Math.max.apply(Math, _toConsumableArray(_superPropGet(BarChartComponent2, "flatValues", this, 1)));
       return scaleLinear().range(invertAxis ? [marginY, plotWidth - this.plotPadding] : [plotHeight - marginX, this.plotPadding]).domain([0, max]);
     }

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

@@ -8,10 +8,11 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";
 import { scaleLinear } from "d3-scale";
 import React from "react";
-import Bubble from "../../Bubble.mjs";
-import { calculateBubbleDomain } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { calculateBubbleDomain } from "../../utils.mjs";
+import Bubble from "../../Bubble.mjs";
 var BubbleChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function BubbleChartComponent2() {
     _classCallCheck(this, BubbleChartComponent2);

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

@@ -8,23 +8,24 @@ import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
+import { Box, Flex } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import Divider from "@semcore/divider";
-import { Box, Flex } from "@semcore/flex-box";
 import { Text } from "@semcore/typography";
 import { scaleLinear, scaleThreshold } from "d3-scale";
 import React from "react";
-import Plot from "../../Plot.mjs";
-import { HoverRect } from "../../Hover.mjs";
-import { interpolateValue, eventToPoint } from "../../utils.mjs";
+import "../../index.mjs";
 import { NOT_A_VALUE, AbstractChart } from "./AbstractChart.mjs";
 import AnimatedClipPath from "../../AnimatedClipPath.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { eventToPoint, interpolateValue } from "../../utils.mjs";
 import Cigarette from "../Cigarette/Cigarette.mjs";
+import { HoverRect } from "../../Hover.mjs";
+import Plot from "../../Plot.mjs";
 var DEFAULT_MINIMAL_BAR_WIDTH = 2;
 var DEFAULT_GAP = 2;
 var CigaretteChartComponent = /* @__PURE__ */ (function(_AbstractChart) {

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

@@ -9,9 +9,10 @@ import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleBand, scaleLinear } from "d3-scale";
 import React from "react";
-import CompactHorizontalBar from "../../CompactHorizontalBar.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import CompactHorizontalBar from "../../CompactHorizontalBar.mjs";
 var CompactHorizontalBarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function CompactHorizontalBarChartComponent2() {
     _classCallCheck(this, CompactHorizontalBarChartComponent2);

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

@@ -3,15 +3,16 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Flex } from "@semcore/base-components";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { Flex } from "@semcore/flex-box";
 import { Text } from "@semcore/typography";
 import { scaleLinear } from "d3-scale";
 import React from "react";
-import Donut from "../../Donut.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import Donut from "../../Donut.mjs";
 var DonutChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function DonutChartComponent2() {
     _classCallCheck(this, DonutChartComponent2);

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

@@ -10,12 +10,13 @@ import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
 import React from "react";
-import Bar from "../../Bar.mjs";
-import StackBar from "../../StackBar.mjs";
-import { HoverRect } from "../../Hover.mjs";
-import { minMax } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { minMax } from "../../utils.mjs";
+import StackBar from "../../StackBar.mjs";
+import Bar from "../../Bar.mjs";
+import { HoverRect } from "../../Hover.mjs";
 var HistogramChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function HistogramChartComponent2() {
     _classCallCheck(this, HistogramChartComponent2);

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

@@ -9,11 +9,12 @@ import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleLinear } from "d3-scale";
 import React from "react";
-import Line from "../../Line.mjs";
-import { HoverLine } from "../../Hover.mjs";
-import { minMax } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { minMax } from "../../utils.mjs";
+import Line from "../../Line.mjs";
+import { HoverLine } from "../../Hover.mjs";
 var LineChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function LineChartComponent2() {
     _classCallCheck(this, LineChartComponent2);

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

@@ -10,8 +10,9 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleLinear } from "d3-scale";
 import React from "react";
 import { AbstractChart } from "./AbstractChart.mjs";
-import Radar from "../../Radar.mjs";
+import "../../index.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import Radar from "../../Radar.mjs";
 var RadarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function RadarChartComponent2() {
     _classCallCheck(this, RadarChartComponent2);

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

@@ -10,10 +10,11 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";
 import { scaleTime, scaleLinear } from "d3-scale";
 import React from "react";
-import ScatterPlot from "../../ScatterPlot.mjs";
-import { getScatterPlotRadius, minMax } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { getScatterPlotRadius, minMax } from "../../utils.mjs";
+import ScatterPlot from "../../ScatterPlot.mjs";
 var ScatterPlotChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function ScatterPlotChartComponent2() {
     _classCallCheck(this, ScatterPlotChartComponent2);

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

@@ -8,9 +8,10 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";
 import { scaleLinear } from "d3-scale";
 import React from "react";
-import Venn from "../../Venn.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import Venn from "../../Venn.mjs";
 var VennChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function VennChartComponent2() {
     _classCallCheck(this, VennChartComponent2);

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

@@ -9,10 +9,10 @@ import { makeDataHintsHandlers } from "../../a11y/hints.mjs";
 var BaseLegend = /* @__PURE__ */ (function(_Component) {
   function BaseLegend2() {
     var _this;
-    _classCallCheck(this, BaseLegend2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+    _classCallCheck(this, BaseLegend2);
     _this = _callSuper(this, BaseLegend2, [].concat(args));
     _defineProperty(_this, "onChangeLegendItem", function(shape) {
       return function(id, checked) {

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

@@ -4,11 +4,11 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
+import { Flex } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import Divider from "@semcore/divider";
-import { Flex } from "@semcore/flex-box";
 import React from "react";
 import { localizedMessages } from "../../../translations/__intergalactic-dynamic-locales.mjs";
 import { BaseLegend } from "../BaseLegend.mjs";
@@ -18,14 +18,14 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLegendFlex_s6sbj_gg_._direction_row_s6sbj_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_s6sbj_gg_._direction_column_s6sbj_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
+    ".___SLegendFlex_5sqwz_gg_._direction_row_5sqwz_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_5sqwz_gg_._direction_column_5sqwz_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
     /*__inner_css_end__*/
-    "s6sbj_gg_"
+    "5sqwz_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendFlex": "___SLegendFlex_s6sbj_gg_",
-    "_direction_row": "_direction_row_s6sbj_gg_",
-    "_direction_column": "_direction_column_s6sbj_gg_"
+    "__SLegendFlex": "___SLegendFlex_5sqwz_gg_",
+    "_direction_row": "_direction_row_5sqwz_gg_",
+    "_direction_column": "_direction_column_5sqwz_gg_"
   })
 );
 var LegendFlexRoot = /* @__PURE__ */ (function(_BaseLegend) {

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

@@ -5,11 +5,11 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import { Flex, Box } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import { Flex, Box } from "@semcore/flex-box";
 import { Text } from "@semcore/typography";
 import React from "react";
 import { StaticShapes } from "./LegendItem.type.mjs";
@@ -21,27 +21,27 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLegendItem_1onj5_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1onj5_gg_:hover{cursor:pointer}.___SLegendItem_1onj5_gg_.__disabled_1onj5_gg_:hover{cursor:default}}.___SPointShape_1onj5_gg_.__color_1onj5_gg_{background-color:var(--color_1onj5);margin-right:8px;flex-shrink:0}.___SPointShape_1onj5_gg_._shape_Circle_1onj5_gg_._size_l_1onj5_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1onj5_gg_._shape_Circle_1onj5_gg_._size_m_1onj5_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1onj5_gg_._shape_Line_1onj5_gg_._size_l_1onj5_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1onj5_gg_._shape_Line_1onj5_gg_._size_m_1onj5_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1onj5_gg_._shape_Square_1onj5_gg_._size_l_1onj5_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1onj5_gg_._shape_Square_1onj5_gg_._size_m_1onj5_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1onj5_gg_._shape_Pattern_1onj5_gg_{background-color:transparent;margin-right:4px}.___SIcon_1onj5_gg_{line-height:0;margin-right:4px}.___SIcon_1onj5_gg_._size_l_1onj5_gg_{margin-top:4px}.___SIcon_1onj5_gg_._size_m_1onj5_gg_{margin-top:2px}.___SLabel_1onj5_gg_{min-width:0}.___SAdditionalLabel_1onj5_gg_._size_l_1onj5_gg_,.___SCount_1onj5_gg_._size_l_1onj5_gg_,.___SLabel_1onj5_gg_._size_l_1onj5_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1onj5_gg_._size_m_1onj5_gg_,.___SCount_1onj5_gg_._size_m_1onj5_gg_,.___SLabel_1onj5_gg_._size_m_1onj5_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1onj5_gg_,.___SCount_1onj5_gg_{margin-left:4px}.___SAdditionalLabel_1onj5_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1onj5_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_1onj5_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_1onj5_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_1onj5_gg_._size_l_1onj5_gg_::before{margin-top:10px}.___SAdditionalLabel_1onj5_gg_._size_m_1onj5_gg_::before{margin-top:8px}.___SPatternSymbol_1onj5_gg_{transform:scale(.8)}',
+    '.___SLegendItem_1v96z_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1v96z_gg_:hover{cursor:pointer}.___SLegendItem_1v96z_gg_.__disabled_1v96z_gg_:hover{cursor:default}}.___SPointShape_1v96z_gg_.__color_1v96z_gg_{background-color:var(--color_1v96z);margin-right:8px;flex-shrink:0}.___SPointShape_1v96z_gg_._shape_Circle_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Circle_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Line_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1v96z_gg_._shape_Line_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1v96z_gg_._shape_Square_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Square_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Pattern_1v96z_gg_{background-color:transparent;margin-right:4px}.___SIcon_1v96z_gg_{line-height:0;margin-right:4px}.___SIcon_1v96z_gg_._size_l_1v96z_gg_{margin-top:4px}.___SIcon_1v96z_gg_._size_m_1v96z_gg_{margin-top:2px}.___SLabel_1v96z_gg_{min-width:0}.___SAdditionalLabel_1v96z_gg_._size_l_1v96z_gg_,.___SCount_1v96z_gg_._size_l_1v96z_gg_,.___SLabel_1v96z_gg_._size_l_1v96z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1v96z_gg_._size_m_1v96z_gg_,.___SCount_1v96z_gg_._size_m_1v96z_gg_,.___SLabel_1v96z_gg_._size_m_1v96z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1v96z_gg_,.___SCount_1v96z_gg_{margin-left:4px}.___SAdditionalLabel_1v96z_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1v96z_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_1v96z_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_1v96z_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_1v96z_gg_._size_l_1v96z_gg_::before{margin-top:10px}.___SAdditionalLabel_1v96z_gg_._size_m_1v96z_gg_::before{margin-top:8px}.___SPatternSymbol_1v96z_gg_{transform:scale(.8)}',
     /*__inner_css_end__*/
-    "1onj5_gg_"
+    "1v96z_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendItem": "___SLegendItem_1onj5_gg_",
-    "_disabled": "__disabled_1onj5_gg_",
-    "__SPointShape": "___SPointShape_1onj5_gg_",
-    "_color": "__color_1onj5_gg_",
-    "--color": "--color_1onj5",
-    "_shape_Circle": "_shape_Circle_1onj5_gg_",
-    "_size_l": "_size_l_1onj5_gg_",
-    "_size_m": "_size_m_1onj5_gg_",
-    "_shape_Line": "_shape_Line_1onj5_gg_",
-    "_shape_Square": "_shape_Square_1onj5_gg_",
-    "_shape_Pattern": "_shape_Pattern_1onj5_gg_",
-    "__SIcon": "___SIcon_1onj5_gg_",
-    "__SLabel": "___SLabel_1onj5_gg_",
-    "__SAdditionalLabel": "___SAdditionalLabel_1onj5_gg_",
-    "__SCount": "___SCount_1onj5_gg_",
-    "__SPatternSymbol": "___SPatternSymbol_1onj5_gg_"
+    "__SLegendItem": "___SLegendItem_1v96z_gg_",
+    "_disabled": "__disabled_1v96z_gg_",
+    "__SPointShape": "___SPointShape_1v96z_gg_",
+    "_color": "__color_1v96z_gg_",
+    "--color": "--color_1v96z",
+    "_shape_Circle": "_shape_Circle_1v96z_gg_",
+    "_size_l": "_size_l_1v96z_gg_",
+    "_size_m": "_size_m_1v96z_gg_",
+    "_shape_Line": "_shape_Line_1v96z_gg_",
+    "_shape_Square": "_shape_Square_1v96z_gg_",
+    "_shape_Pattern": "_shape_Pattern_1v96z_gg_",
+    "__SIcon": "___SIcon_1v96z_gg_",
+    "__SLabel": "___SLabel_1v96z_gg_",
+    "__SAdditionalLabel": "___SAdditionalLabel_1v96z_gg_",
+    "__SCount": "___SCount_1v96z_gg_",
+    "__SPatternSymbol": "___SPatternSymbol_1v96z_gg_"
   })
 );
 var enhance = [resolveColorEnhance(), uniqueIDEnhancement()];
@@ -95,11 +95,7 @@ var LegendItemRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "getLabelProps",
     value: function getLabelProps() {
-      var _this$asProps2 = this.asProps, id = _this$asProps2.id, checked = _this$asProps2.checked;
-      _this$asProps2.color;
-      var onChangeLegendItem = _this$asProps2.onChangeLegendItem;
-      _this$asProps2.shape;
-      var props = _objectWithoutProperties(_this$asProps2, _excluded);
+      var _this$asProps2 = this.asProps, id = _this$asProps2.id, checked = _this$asProps2.checked, _color = _this$asProps2.color, onChangeLegendItem = _this$asProps2.onChangeLegendItem, _shape = _this$asProps2.shape, props = _objectWithoutProperties(_this$asProps2, _excluded);
       return _objectSpread(_objectSpread({}, props), {}, {
         id: this.getUniqueID(),
         checked,

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

@@ -4,8 +4,8 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
+import { Box } from "@semcore/base-components";
 import React from "react";
 import { BaseLegend } from "../BaseLegend.mjs";
 import { LegendItemComponent } from "../LegendItem/LegendItem.mjs";
@@ -14,16 +14,16 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLegendTable_p31b3_gg_.__columns-count_p31b3_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_p31b3_gg_._size_l_p31b3_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_p31b3_gg_._size_m_p31b3_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
+    '.___SLegendTable_9jglg_gg_.__columns-count_9jglg_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_9jglg_gg_._size_l_9jglg_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_9jglg_gg_._size_m_9jglg_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
     /*__inner_css_end__*/
-    "p31b3_gg_"
+    "9jglg_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendTable": "___SLegendTable_p31b3_gg_",
-    "_columns-count": "__columns-count_p31b3_gg_",
-    "__SColumnItem": "___SColumnItem_p31b3_gg_",
-    "_size_l": "_size_l_p31b3_gg_",
-    "_size_m": "_size_m_p31b3_gg_"
+    "__SLegendTable": "___SLegendTable_9jglg_gg_",
+    "_columns-count": "__columns-count_9jglg_gg_",
+    "__SColumnItem": "___SColumnItem_9jglg_gg_",
+    "_size_l": "_size_l_9jglg_gg_",
+    "_size_m": "_size_m_9jglg_gg_"
   })
 );
 var LegendTableRoot = /* @__PURE__ */ (function(_BaseLegend) {

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

@@ -1,5 +1,7 @@
 import { LegendFlex } from "./LegendFlex/LegendFlex.mjs";
+import { LegendTable } from "./LegendTable/LegendTable.mjs";
 export {
   LegendFlex as ChartLegend,
+  LegendTable as ChartLegendTable,
   LegendFlex as default
 };

package/lib/esm/component/StackGroupBar/StackGroupBar.mjs

@@ -12,7 +12,7 @@ import React from "react";
 import Bar, { MIN_HEIGHT } from "../../Bar.mjs";
 import createElement from "../../createElement.mjs";
 import { scaleToBand, getChartDefaultColorName } from "../../utils.mjs";
-var XY0 = Symbol("XY0");
+var XY0 = /* @__PURE__ */ Symbol("XY0");
 var StackGroupBarRoot = /* @__PURE__ */ (function(_Component) {
   function StackGroupBarRoot2(props) {
     var _this;

package/lib/esm/createElement.mjs

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { createComponent, createBaseComponent, CONTEXT_COMPONENT } from "@semcore/core";
+import { CONTEXT_COMPONENT, createBaseComponent, createComponent } from "@semcore/core";
 import assignProps from "@semcore/core/lib/utils/assignProps";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import propsForElement from "@semcore/core/lib/utils/propsForElement";
@@ -14,9 +14,7 @@ var EXCLUDE_PROPS = ["data", "scale"];
 function createElementRender() {
   var Element = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     var render = _ref.render, _ref$childrenPosition = _ref.childrenPosition, childrenPosition = _ref$childrenPosition === void 0 ? "below" : _ref$childrenPosition, xS = _ref.x, yS = _ref.y, source = _objectWithoutProperties(_ref, _excluded);
-    var _Element$props = Element.props, _Element$props$forwar = _Element$props.forwardRef, forwardRef = _Element$props$forwar === void 0 ? null : _Element$props$forwar;
-    _Element$props.children;
-    var Children = _Element$props.Children, _Element$props$x = _Element$props.x, x = _Element$props$x === void 0 ? xS : _Element$props$x, _Element$props$y = _Element$props.y, y = _Element$props$y === void 0 ? yS : _Element$props$y, props = _objectWithoutProperties(_Element$props, _excluded2);
+    var _Element$props = Element.props, _Element$props$forwar = _Element$props.forwardRef, forwardRef = _Element$props$forwar === void 0 ? null : _Element$props$forwar, _children = _Element$props.children, Children = _Element$props.Children, _Element$props$x = _Element$props.x, x = _Element$props$x === void 0 ? xS : _Element$props$x, _Element$props$y = _Element$props.y, y = _Element$props$y === void 0 ? yS : _Element$props$y, props = _objectWithoutProperties(_Element$props, _excluded2);
     var children = getOriginChildren(Children);
     var mergedProps = assignProps(_objectSpread(_objectSpread({
       x: xS,