@semcore/d3-chart 16.7.0 → 16.7.1

package/lib/esm/ScatterPlot.mjs

@@ -5,7 +5,7 @@ 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 { sstyled, Component, assignProps } from "@semcore/core";
+import { sstyled, assignProps, Component } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { transition } from "d3-transition";
@@ -19,19 +19,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScatterPlot_13gzn_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy;transition-duration:var(--duration_13gzn);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_13gzn_gg_:hover{opacity:.8}}.___SScatterPlot_13gzn_gg_.__color_13gzn_gg_{fill:var(--color_13gzn)}.___SScatterPlot_13gzn_gg_.__pattern_13gzn_gg_.__color_13gzn_gg_{fill:var(--pattern_13gzn);stroke:var(--color_13gzn);stroke-width:1px}.___SScatterPlot_13gzn_gg_.__transparent_13gzn_gg_{opacity:.3}.___SValue_13gzn_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, rgb(92, 92, 196))}.___SValue_13gzn_gg_.__color_13gzn_gg_{stroke:var(--color_13gzn)}.___SValue_13gzn_gg_.__transparent_13gzn_gg_{opacity:.3}",
+    ".___SScatterPlot_7mh1r_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy;transition-duration:var(--duration_7mh1r);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_7mh1r_gg_:hover{opacity:.8}}.___SScatterPlot_7mh1r_gg_.__color_7mh1r_gg_{fill:var(--color_7mh1r)}.___SScatterPlot_7mh1r_gg_.__pattern_7mh1r_gg_.__color_7mh1r_gg_{fill:var(--pattern_7mh1r);stroke:var(--color_7mh1r);stroke-width:1px}.___SScatterPlot_7mh1r_gg_.__transparent_7mh1r_gg_{opacity:.3}.___SValue_7mh1r_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, rgb(92, 92, 196))}.___SValue_7mh1r_gg_.__color_7mh1r_gg_{stroke:var(--color_7mh1r)}.___SValue_7mh1r_gg_.__transparent_7mh1r_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "13gzn_gg_"
+    "7mh1r_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScatterPlot": "___SScatterPlot_13gzn_gg_",
-    "_color": "__color_13gzn_gg_",
-    "--color": "--color_13gzn",
-    "_pattern": "__pattern_13gzn_gg_",
-    "--pattern": "--pattern_13gzn",
-    "_transparent": "__transparent_13gzn_gg_",
-    "__SValue": "___SValue_13gzn_gg_",
-    "--duration": "--duration_13gzn"
+    "__SScatterPlot": "___SScatterPlot_7mh1r_gg_",
+    "_color": "__color_7mh1r_gg_",
+    "--color": "--color_7mh1r",
+    "_pattern": "__pattern_7mh1r_gg_",
+    "--pattern": "--pattern_7mh1r",
+    "_transparent": "__transparent_7mh1r_gg_",
+    "__SValue": "___SValue_7mh1r_gg_",
+    "--duration": "--duration_7mh1r"
   })
 );
 var ScatterPlotRoot = /* @__PURE__ */ (function(_Component) {
@@ -194,7 +194,6 @@ function ScatterPlotTooltip(props) {
     "excludeAnchorProps": true
   }, _ref))));
 }
-;
 var ScatterPlot = createElement(ScatterPlotRoot, {
   Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents]
 });

package/lib/esm/StackBar.mjs

@@ -13,8 +13,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";
-var DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
-var XY0 = /* @__PURE__ */ Symbol("XY0");
+var DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
+var XY0 = Symbol("XY0");
 var StackBarRoot = /* @__PURE__ */ (function(_Component) {
   function StackBarRoot2() {
     var _this;
@@ -98,7 +98,7 @@ var StackBarRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "getHorizontalBarProps",
     value: function getHorizontalBarProps(_ref2, index) {
-      var _this$offsetBars$seri2, _this3 = this;
+      var _this3 = this, _this$offsetBars$seri2;
       var x = _ref2.x, _ref2$wMin = _ref2.wMin, wMin = _ref2$wMin === void 0 ? MIN_WIDTH : _ref2$wMin;
       var _this$asProps3 = this.asProps, y = _this$asProps3.y, r = _this$asProps3.r, scale = _this$asProps3.scale, maxBarSize = _this$asProps3.maxBarSize, patterns = _this$asProps3.patterns;
       var _scale2 = _slicedToArray(scale, 1), xScale = _scale2[0];
@@ -106,6 +106,11 @@ var StackBarRoot = /* @__PURE__ */ (function(_Component) {
         return s.key === x;
       });
       var series = this.series[seriesIndex];
+      var rBar = series.map(function(_s, i) {
+        return _this3.series.slice(seriesIndex + 1).some(function(bar) {
+          return bar[i][0] !== bar[i][1];
+        }) ? 0 : r;
+      });
       this.offsetBars[seriesIndex] = (_this$offsetBars$seri2 = this.offsetBars[seriesIndex]) !== null && _this$offsetBars$seri2 !== void 0 ? _this$offsetBars$seri2 : [];
       var data = series.map(function(s) {
         return _objectSpread(_objectSpread({}, s.data), {}, _defineProperty(_defineProperty({}, x, s[1]), XY0, s[0]));
@@ -126,7 +131,7 @@ var StackBarRoot = /* @__PURE__ */ (function(_Component) {
         wMin,
         x0: XY0,
         y,
-        r: 0,
+        r: rBar,
         groupKey: y,
         offset: calcOffset,
         maxBarSize,

package/lib/esm/StackedArea.mjs

@@ -11,8 +11,8 @@ import React from "react";
 import Area from "./Area.mjs";
 import createElement from "./createElement.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
-var DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
-var Y0 = /* @__PURE__ */ Symbol("Y0");
+var DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
+var Y0 = Symbol("Y0");
 var StackedAreaRoot = /* @__PURE__ */ (function(_Component) {
   function StackedAreaRoot2() {
     _classCallCheck(this, StackedAreaRoot2);

package/lib/esm/Tooltip.mjs

@@ -5,10 +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 { sstyled, assignProps, Component } from "@semcore/core";
-import { Popper, Box } from "@semcore/base-components";
+import { assignProps, Component, sstyled } from "@semcore/core";
 import findComponent from "@semcore/core/lib/utils/findComponent";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
+import { Box } from "@semcore/flex-box";
+import Popper from "@semcore/popper";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { PatternSymbol } from "./Pattern.mjs";
@@ -19,19 +20,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltip_1ou5d_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));padding:var(--intergalactic-spacing-3x, 12px)}@supports (color:color(display-p3 0 0 0%)){.___STooltip_1ou5d_gg_{border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___STooltip_1ou5d_gg_{border:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1ou5d_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-bottom:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1ou5d_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1ou5d_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDotGroup_1ou5d_gg_{display:flex;align-items:center}.___SDot_1ou5d_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1ou5d_gg_.__color_1ou5d_gg_{background-color:var(--color_1ou5d);width:8px;height:8px;border-radius:50%}.___SFooter_1ou5d_gg_{background:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));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_13quy_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));padding:var(--intergalactic-spacing-3x, 12px)}@supports (color:color(display-p3 0 0 0%)){.___STooltip_13quy_gg_{border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___STooltip_13quy_gg_{border:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_13quy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-bottom:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___STitle_13quy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_13quy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDotGroup_13quy_gg_{display:flex;align-items:center}.___SDot_13quy_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_13quy_gg_.__color_13quy_gg_{background-color:var(--color_13quy);width:8px;height:8px;border-radius:50%}.___SFooter_13quy_gg_{background:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));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__*/
-    "1ou5d_gg_"
+    "13quy_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltip": "___STooltip_1ou5d_gg_",
-    "__STitle": "___STitle_1ou5d_gg_",
-    "__SDotGroup": "___SDotGroup_1ou5d_gg_",
-    "__SDot": "___SDot_1ou5d_gg_",
-    "__SDotCircle": "___SDotCircle_1ou5d_gg_",
-    "_color": "__color_1ou5d_gg_",
-    "--color": "--color_1ou5d",
-    "__SFooter": "___SFooter_1ou5d_gg_"
+    "__STooltip": "___STooltip_13quy_gg_",
+    "__STitle": "___STitle_13quy_gg_",
+    "__SDotGroup": "___SDotGroup_13quy_gg_",
+    "__SDot": "___SDot_13quy_gg_",
+    "__SDotCircle": "___SDotCircle_13quy_gg_",
+    "_color": "__color_13quy_gg_",
+    "--color": "--color_13quy",
+    "__SFooter": "___SFooter_13quy_gg_"
   })
 );
 var TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
@@ -144,7 +145,9 @@ var TooltipRoot = /* @__PURE__ */ (function(_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps, _this$asProps$pattern, _this3 = this;
-      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, children = _this$asProps3.children, tag = _this$asProps3.tag, forcedAdvancedMode = _this$asProps3.forcedAdvancedMode, _ = _this$asProps3.onClick, other = _objectWithoutProperties(_this$asProps3, _excluded);
+      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, children = _this$asProps3.children, tag = _this$asProps3.tag, forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
+      _this$asProps3.onClick;
+      var other = _objectWithoutProperties(_this$asProps3, _excluded);
       var advancedMode = forcedAdvancedMode || !!findComponent(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
       this.renderContext.index = -1;
       this.renderContext.indexKeysCache.clear();

package/lib/esm/Venn.mjs

@@ -6,8 +6,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 { sstyled, Component, assignProps } from "@semcore/core";
-import { FadeInOut } from "@semcore/base-components";
+import { sstyled, assignProps, Component } from "@semcore/core";
+import { FadeInOut } from "@semcore/animation";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
@@ -22,19 +22,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCircle_itic7_gg_,.___SIntersection_itic7_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_itic7_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_itic7);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_itic7_gg_:hover{fill-opacity:.7}}.___SCircle_itic7_gg_.__color_itic7_gg_{fill:var(--color_itic7)}.___SCircle_itic7_gg_.__pattern_itic7_gg_.__color_itic7_gg_{fill:var(--pattern_itic7);fill-opacity:.7;stroke:var(--color_itic7);stroke-width:1px}@media (hover:hover){.___SCircle_itic7_gg_.__pattern_itic7_gg_.__color_itic7_gg_:hover{fill-opacity:.85}}.___SCircle_itic7_gg_.__transparent_itic7_gg_{opacity:.3}.___SIntersection_itic7_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_itic7_gg_:hover{fill-opacity:.1}}.___SIntersection_itic7_gg_.__transparent_itic7_gg_{opacity:.3}",
+    ".___SCircle_h7w8o_gg_,.___SIntersection_h7w8o_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_h7w8o_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_h7w8o);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_h7w8o_gg_:hover{fill-opacity:.7}}.___SCircle_h7w8o_gg_.__color_h7w8o_gg_{fill:var(--color_h7w8o)}.___SCircle_h7w8o_gg_.__pattern_h7w8o_gg_.__color_h7w8o_gg_{fill:var(--pattern_h7w8o);fill-opacity:.7;stroke:var(--color_h7w8o);stroke-width:1px}@media (hover:hover){.___SCircle_h7w8o_gg_.__pattern_h7w8o_gg_.__color_h7w8o_gg_:hover{fill-opacity:.85}}.___SCircle_h7w8o_gg_.__transparent_h7w8o_gg_{opacity:.3}.___SIntersection_h7w8o_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_h7w8o_gg_:hover{fill-opacity:.1}}.___SIntersection_h7w8o_gg_.__transparent_h7w8o_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "itic7_gg_"
+    "h7w8o_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCircle": "___SCircle_itic7_gg_",
-    "_color": "__color_itic7_gg_",
-    "--color": "--color_itic7",
-    "_transparent": "__transparent_itic7_gg_",
-    "__SIntersection": "___SIntersection_itic7_gg_",
-    "--duration": "--duration_itic7",
-    "_pattern": "__pattern_itic7_gg_",
-    "--pattern": "--pattern_itic7"
+    "__SCircle": "___SCircle_h7w8o_gg_",
+    "_color": "__color_h7w8o_gg_",
+    "--color": "--color_h7w8o",
+    "_transparent": "__transparent_h7w8o_gg_",
+    "__SIntersection": "___SIntersection_h7w8o_gg_",
+    "--duration": "--duration_h7w8o",
+    "_pattern": "__pattern_h7w8o_gg_",
+    "--pattern": "--pattern_h7w8o"
   })
 );
 var VennRoot = /* @__PURE__ */ (function(_Component) {
@@ -243,7 +243,6 @@ function VennTooltip(props) {
     "excludeAnchorProps": true
   }, _ref))));
 }
-;
 var Venn = createElement(VennRoot, {
   Circle,
   Intersection,

package/lib/esm/a11y/PlotA11yModule.mjs

@@ -2,8 +2,8 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { sstyled, assignProps } from "@semcore/core";
-import { Box } from "@semcore/base-components";
 import { Context, useI18n } from "@semcore/core/lib/utils/enhances/WithI18n";
+import { Box } from "@semcore/flex-box";
 import React from "react";
 import { normalizeLocale } from "./locale.mjs";
 import { localizedMessages } from "./translations/module/__intergalactic-dynamic-locales.mjs";
@@ -12,22 +12,28 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yModule_oaoqy_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_1bu48_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1bu48_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}",
     /*__inner_css_end__*/
-    "oaoqy_gg_"
+    "1bu48_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yModule": "___SPlotA11yModule_oaoqy_gg_"
+    "__SPlotA11yModule": "___SPlotA11yModule_1bu48_gg_"
   })
 );
+var globalWasFocused = false;
+var globalNavWithKeyboard = false;
 function PlotA11yModule(props) {
-  var _ref = arguments[0], _ref3;
+  var _ref = arguments[0], _ref5;
   var SPlotA11yModule = Box;
-  var _React$useState = React.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), isOpened = _React$useState2[0], setIsOpened = _React$useState2[1];
-  var _React$useState3 = React.useState(null), _React$useState4 = _slicedToArray(_React$useState3, 2), plotA11yView = _React$useState4[0], setPlotA11yView = _React$useState4[1];
-  var srButtonRef = React.useRef(null);
-  var _React$useState5 = React.useState(false), _React$useState6 = _slicedToArray(_React$useState5, 2), loading = _React$useState6[0], setLoading = _React$useState6[1];
-  var _React$useState7 = React.useState(null), _React$useState8 = _slicedToArray(_React$useState7, 2), error = _React$useState8[0], setError = _React$useState8[1];
+  var _React$useState = React.useState(globalWasFocused), _React$useState2 = _slicedToArray(_React$useState, 2), wasFocused = _React$useState2[0], setWasFocused = _React$useState2[1];
+  var _React$useState3 = React.useState(globalNavWithKeyboard), _React$useState4 = _slicedToArray(_React$useState3, 2), navWithKeyboard = _React$useState4[0], setNavWithKeyboard = _React$useState4[1];
+  var _React$useState5 = React.useState(null), _React$useState6 = _slicedToArray(_React$useState5, 2), plotA11yView = _React$useState6[0], setPlotA11yView = _React$useState6[1];
+  var hadnleHiddenElementsFocus = React.useCallback(function() {
+    setWasFocused(true);
+    setNavWithKeyboard(true);
+  }, []);
+  var _React$useState7 = React.useState(false), _React$useState8 = _slicedToArray(_React$useState7, 2), loading = _React$useState8[0], setLoading = _React$useState8[1];
+  var _React$useState9 = React.useState(null), _React$useState0 = _slicedToArray(_React$useState9, 2), error = _React$useState0[0], setError = _React$useState0[1];
   var contextLocale = React.useContext(Context);
   var locale = React.useMemo(function() {
     var _props$locale;
@@ -35,12 +41,42 @@ function PlotA11yModule(props) {
   }, [props.locale]);
   var t = useI18n(localizedMessages, locale);
   React.useEffect(function() {
-    if (!isOpened) return;
+    var _props$plotRef$curren;
+    if (wasFocused) return;
+    var focusListener = function focusListener2() {
+      globalWasFocused = true;
+      setWasFocused(true);
+    };
+    (_props$plotRef$curren = props.plotRef.current) === null || _props$plotRef$curren === void 0 || _props$plotRef$curren.addEventListener("focus", focusListener);
+    return function() {
+      var _props$plotRef$curren2;
+      return (_props$plotRef$curren2 = props.plotRef.current) === null || _props$plotRef$curren2 === void 0 ? void 0 : _props$plotRef$curren2.removeEventListener("focus", focusListener);
+    };
+  }, [wasFocused, props.plotRef]);
+  React.useEffect(function() {
+    var _document$body;
+    if (navWithKeyboard) return;
+    var keyboardListener = function keyboardListener2(event) {
+      var navigationKeys = ["Tab", "ArrowUp", "ArrowLeft", "ArrowDown", "ArrowRight", "ArrowUp", "ArrowLeft"];
+      if ("key" in event && navigationKeys.includes(event.key)) {
+        setNavWithKeyboard(true);
+        globalNavWithKeyboard = true;
+      }
+    };
+    (_document$body = document.body) === null || _document$body === void 0 || _document$body.addEventListener("keydown", keyboardListener);
+    return function() {
+      var _document$body2;
+      return (_document$body2 = document.body) === null || _document$body2 === void 0 ? void 0 : _document$body2.removeEventListener("keydown", keyboardListener);
+    };
+  }, [navWithKeyboard]);
+  var shouldDisplayView = wasFocused && navWithKeyboard;
+  React.useEffect(function() {
+    if (!shouldDisplayView) return;
     if (plotA11yView) return;
     if (loading) return;
     setLoading(true);
-    import("./PlotA11yView.mjs").then(function(_ref4) {
-      var PlotA11yView = _ref4.PlotA11yView;
+    import("./PlotA11yView.mjs").then(function(_ref6) {
+      var PlotA11yView = _ref6.PlotA11yView;
       setPlotA11yView({
         Component: PlotA11yView
       });
@@ -49,29 +85,31 @@ function PlotA11yModule(props) {
     })["catch"](function(error2) {
       console.error(error2);
       setError(error2);
-      setLoading(false);
     });
-  }, [plotA11yView, isOpened, loading, setLoading]);
+  }, [plotA11yView, shouldDisplayView, loading, setLoading]);
   if (plotA11yView) {
-    var _ref2;
-    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(plotA11yView.Component, _extends({}, props, {
-      onCloseHandler: function onCloseHandler() {
-        setIsOpened(false);
-        setPlotA11yView(null);
-      },
-      triggerRef: srButtonRef,
+    return sstyled(styles), /* @__PURE__ */ React.createElement(plotA11yView.Component, _extends({}, props, {
       locale
     }));
   }
-  return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", _objectSpread({}, assignProps({}, _ref))), /* @__PURE__ */ React.createElement("button", _ref3.cn("button", {
-    "ref": srButtonRef,
-    "onClick": function onClick() {
-      return setIsOpened(true);
-    },
-    "aria-label": t("PlotA11yModule.ScreenReaderOnlyButton.Label")
-  })), /* @__PURE__ */ React.createElement(Box, _ref3.cn("Box", {
-    "role": "status"
-  }), loading && t("loading"), error && t("failed")));
+  if (error) {
+    var _ref3;
+    return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", _objectSpread({}, assignProps({
+      "tabIndex": 0,
+      "aria-live": "assertive"
+    }, _ref))), t("failed"));
+  }
+  if (loading) {
+    var _ref4;
+    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SPlotA11yModule, _ref4.cn("SPlotA11yModule", _objectSpread({}, assignProps({
+      "tabIndex": 0,
+      "aria-live": "polite"
+    }, _ref))), t("loading"));
+  }
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SPlotA11yModule, _ref5.cn("SPlotA11yModule", _objectSpread({}, assignProps({
+    "tabIndex": 0,
+    "onFocus": hadnleHiddenElementsFocus
+  }, _ref))), t("disabled"));
 }
 export {
   PlotA11yModule

package/lib/esm/a11y/PlotA11yView.mjs

@@ -1,8 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { sstyled, assignProps } from "@semcore/core";
-import { Box } from "@semcore/base-components";
 import { useAsyncI18nMessages } from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { Box } from "@semcore/flex-box";
 import React from "react";
 import { DataAccessibilityTable } from "./DataAccessibilityTable.mjs";
 import { heavyFindNextFocusableElement } from "./focus.mjs";
@@ -15,17 +15,17 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yView_1adlx_gg_{position:relative;display:block;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));font-size:var(--intergalactic-fs-50, 10px);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1adlx_gg_{border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1adlx_gg_{border:3px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPlotA11yView_1adlx_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1adlx_gg_ table,.___SPlotA11yView_1adlx_gg_ td,.___SPlotA11yView_1adlx_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1adlx_gg_ table,.___SPlotA11yView_1adlx_gg_ td,.___SPlotA11yView_1adlx_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1adlx_gg_ table,.___SPlotA11yView_1adlx_gg_ td,.___SPlotA11yView_1adlx_gg_ th{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}",
+    ".___SPlotA11yView_d4ich_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_d4ich_gg_{border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_d4ich_gg_{border:3px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPlotA11yView_d4ich_gg_:focus,.___SPlotA11yView_d4ich_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_d4ich_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_d4ich_gg_ table,.___SPlotA11yView_d4ich_gg_ td,.___SPlotA11yView_d4ich_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_d4ich_gg_ table,.___SPlotA11yView_d4ich_gg_ td,.___SPlotA11yView_d4ich_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_d4ich_gg_ table,.___SPlotA11yView_d4ich_gg_ td,.___SPlotA11yView_d4ich_gg_ th{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}",
     /*__inner_css_end__*/
-    "1adlx_gg_"
+    "d4ich_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yView": "___SPlotA11yView_1adlx_gg_"
+    "__SPlotA11yView": "___SPlotA11yView_d4ich_gg_"
   })
 );
-function PlotA11yView(_ref3) {
+var PlotA11yView = function PlotA11yView2(_ref3) {
   var _ref = arguments[0], _ref2;
-  var id = _ref3.id, providedData = _ref3.payload, hints = _ref3.hints, plotLabel = _ref3.plotLabel, triggerRef = _ref3.triggerRef, plotRef = _ref3.plotRef, providedConfig = _ref3.config, locale = _ref3.locale, onCloseHandler = _ref3.onCloseHandler;
+  var id = _ref3.id, providedData = _ref3.data, hints = _ref3.hints, plotLabel = _ref3.plotLabel, plotRef = _ref3.plotRef, providedConfig = _ref3.config, locale = _ref3.locale;
   var SPlotA11yView = Box;
   var translations = useAsyncI18nMessages(localizedMessages, locale);
   var intl = React.useMemo(function() {
@@ -37,27 +37,8 @@ function PlotA11yView(_ref3) {
   var data = React.useMemo(function() {
     return Array.isArray(providedData) ? providedData : [providedData];
   }, [providedData]);
-  var rootRef = React.useRef(null);
   var _React$useState = React.useState(null), _React$useState2 = _slicedToArray(_React$useState, 2), summary = _React$useState2[0], setSummary = _React$useState2[1];
   var _React$useState3 = React.useState(true), _React$useState4 = _slicedToArray(_React$useState3, 2), generatingSummary = _React$useState4[0], setGeneratingSummary = _React$useState4[1];
-  React.useEffect(function() {
-    var _rootRef$current, _rootRef$current3;
-    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 || _rootRef$current.focus();
-    function focusOutHandler(event) {
-      var _rootRef$current2;
-      if (event.relatedTarget === null) {
-        return requestIdleCallback(onCloseHandler);
-      }
-      if (!(event.relatedTarget instanceof HTMLElement)) return;
-      if ((_rootRef$current2 = rootRef.current) !== null && _rootRef$current2 !== void 0 && _rootRef$current2.contains(event.relatedTarget)) return;
-      requestIdleCallback(onCloseHandler);
-    }
-    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 || _rootRef$current3.addEventListener("focusout", focusOutHandler);
-    return function() {
-      var _rootRef$current4;
-      return (_rootRef$current4 = rootRef.current) === null || _rootRef$current4 === void 0 ? void 0 : _rootRef$current4.removeEventListener("focusout", focusOutHandler);
-    };
-  }, []);
   React.useEffect(function() {
     if (config.disable) {
       setSummary("");
@@ -75,18 +56,14 @@ function PlotA11yView(_ref3) {
     }, 0);
   }, [providedData, hints, config, locale, translations, localizedMessages]);
   var handleClose = React.useCallback(function() {
-    onCloseHandler();
-    requestIdleCallback(function() {
-      var _triggerRef$current;
-      (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
-    });
+    var _plotRef$current;
+    (_plotRef$current = plotRef.current) === null || _plotRef$current === void 0 || _plotRef$current.focus();
   }, []);
   var handleSkip = React.useCallback(function(event) {
     var _heavyFindNextFocusab;
     event.preventDefault();
     if (!plotRef.current) return;
     (_heavyFindNextFocusab = heavyFindNextFocusableElement(plotRef.current)) === null || _heavyFindNextFocusab === void 0 || _heavyFindNextFocusab.focus();
-    onCloseHandler();
   }, []);
   var handleSkipKeyboard = React.useCallback(function(event) {
     if (!(event.key === "Enter" || event.key === " ")) return;
@@ -135,8 +112,7 @@ function PlotA11yView(_ref3) {
     "tabIndex": 0,
     "aria-label": texts.label,
     "role": "dialog",
-    "__excludeProps": ["data"],
-    "ref": rootRef
+    "__excludeProps": ["data"]
   }, _ref))), /* @__PURE__ */ React.createElement("button", _ref2.cn("button", {
     "type": "button",
     "onClick": handleClose
@@ -163,8 +139,7 @@ function PlotA11yView(_ref3) {
     "config": config,
     "intl": intl
   })));
-}
-;
+};
 export {
   PlotA11yView
 };

package/lib/esm/a11y/insights.mjs

@@ -489,8 +489,7 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
         x: 1,
         y: 1
       }], {
-        width: 1,
-        height: 1
+        width: 1
       });
       for (var _i3 = 0, _clustersInsights = clustersInsights; _i3 < _clustersInsights.length; _i3++) {
         var clustersInsight = _clustersInsights[_i3];

package/lib/esm/a11y/intl.mjs

@@ -1,4 +1,4 @@
-import { createIntlCache, createIntl } from "@formatjs/intl";
+import { createIntl, createIntlCache } from "@formatjs/intl";
 import { normalizeLocale } from "./locale.mjs";
 var messagesCache = createIntlCache();
 var intlCache = {};

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

@@ -1,12 +1,14 @@
+const disabled = "Drücken Sie die Tabulatortaste, um das Zugriffsmodul für grafische Diagramme zu aktivieren.";
 const loading = "Lade Zugriffsmodul.";
 const failed = "Zugriffsmodul konnte nicht geladen werden. Kontaktieren Sie den Support und helfen Sie uns, das Problem schneller zu beheben.";
 const de = {
+  disabled,
   loading,
-  failed,
-  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Zusammenfassung der Daten öffnen"
+  failed
 };
 export {
   de as default,
+  disabled,
   failed,
   loading
 };

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

@@ -1,12 +1,14 @@
+const disabled = 'Press "Tab" to enable graphical charts accessibility module.';
 const loading = "Loading accessibility module.";
 const failed = "Failed to load accessibility module. Contact service user support to help us resolve issue faster.";
 const en = {
+  disabled,
   loading,
-  failed,
-  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Open data summary"
+  failed
 };
 export {
   en as default,
+  disabled,
   failed,
   loading
 };

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

@@ -1,12 +1,14 @@
+const disabled = 'Pulse "Tab" para activar el módulo de accesibilidad a los gráficos.';
 const loading = "Cargando módulo de accesibilidad.";
 const failed = "No se ha podido cargar el módulo de accesibilidad. Contacta con el servicio de asistencia al usuario para ayudarnos a resolver el problema rápidamente.";
 const es = {
+  disabled,
   loading,
-  failed,
-  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Abrir resumen de datos"
+  failed
 };
 export {
   es as default,
+  disabled,
   failed,
   loading
 };

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

@@ -1,12 +1,14 @@
+const disabled = "Appuyez sur « Onglet » pour activer le module d’accessibilité aux diagrammes.";
 const loading = "Chargement du module d’accessibilité en cours.";
 const failed = "Impossible de charger le module d’accessibilité. Contactez le service d’assistance aux utilisateurs pour nous permettre de résoudre le problème plus rapidement.";
 const fr = {
+  disabled,
   loading,
-  failed,
-  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Ouvrir le récapitulatif des données"
+  failed
 };
 export {
   fr as default,
+  disabled,
   failed,
   loading
 };

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

@@ -1,12 +1,14 @@
+const disabled = 'Premi "Tab" per abilitare il modulo di accessibilità dei dati per i grafici.';
 const loading = "Caricamento del modulo di accessibilità in corso.";
 const failed = "Caricamento del modulo di accessibilità non riuscito. Contatta il servizio di assistenza utenti per risolvere il problema più in fretta.";
 const it = {
+  disabled,
   loading,
-  failed,
-  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Aprire il riepilogo dei dati"
+  failed
 };
 export {
   it as default,
+  disabled,
   failed,
   loading
 };

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

@@ -1,12 +1,14 @@
+const disabled = "アクセシビリティモジュールのグラフィカルチャートを有効化するには「Tab」キーを押してください。";
 const loading = "アクセシビリティモジュールのロード中。";
 const failed = "アクセシビリティモジュールの読み込みに失敗しました。サービスユーザーサポートに連絡し、問題を迅速に解決します。";
 const ja = {
+  disabled,
   loading,
-  failed,
-  "PlotA11yModule.ScreenReaderOnlyButton.Label": "データサマリーを開く"
+  failed
 };
 export {
   ja as default,
+  disabled,
   failed,
   loading
 };

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

@@ -1,12 +1,14 @@
+const disabled = "'탭'을 누르면 그래픽 차트 접근성 모듈이 활성화됩니다.";
 const loading = "접근성 모듈 로딩 중.";
 const failed = "접근성 모듈을 불러오지 못했습니다. 사용자 지원 서비스 팀에 문의하시면 문제를 더 빨리 해결하실 수 있습니다.";
 const ko = {
+  disabled,
   loading,
-  failed,
-  "PlotA11yModule.ScreenReaderOnlyButton.Label": "데이터 요약 열기"
+  failed
 };
 export {
   ko as default,
+  disabled,
   failed,
   loading
 };

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

@@ -1,12 +1,14 @@
+const disabled = "Druk op Tab om de toegankelijkheidsmodule voor grafieken in te schakelen.";
 const loading = "De toegankelijkheidsmodule wordt geladen.";
 const failed = "De toegankelijkheidsmodule kan niet worden geladen. Neem contact op met ons supportteam zodat we het probleem sneller kunnen oplossen.";
 const nl = {
+  disabled,
   loading,
-  failed,
-  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Open samenvatting gegevens"
+  failed
 };
 export {
   nl as default,
+  disabled,
   failed,
   loading
 };