@semcore/d3-chart 2.3.0-1 → 2.3.2

package/lib/es6/Bar.js

@@ -24,17 +24,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_fcz4o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_fcz4o);transition-timing-function:ease-in-out}.___SBar_fcz4o_gg_.__color_fcz4o_gg_{fill:var(--color_fcz4o)}.___SBar_fcz4o_gg_.__hide_fcz4o_gg_{display:none}.___SBackground_fcz4o_gg_{fill:#c4c7cf}"
+".___SBar_19nw3_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_19nw3);transition-timing-function:ease-in-out}.___SBar_19nw3_gg_.__color_19nw3_gg_{fill:var(--color_19nw3)}.___SBar_19nw3_gg_.__hide_19nw3_gg_{display:none}.___SBackground_19nw3_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "fcz4o_gg_")
+, "19nw3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_fcz4o_gg_",
-  "--duration": "--duration_fcz4o",
-  "_color": "__color_fcz4o_gg_",
-  "--color": "--color_fcz4o",
-  "_hide": "__hide_fcz4o_gg_",
-  "__SBackground": "___SBackground_fcz4o_gg_"
+  "__SBar": "___SBar_19nw3_gg_",
+  "--duration": "--duration_19nw3",
+  "_color": "__color_19nw3_gg_",
+  "--color": "--color_19nw3",
+  "_hide": "__hide_19nw3_gg_",
+  "__SBackground": "___SBackground_19nw3_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Bubble.js

@@ -30,19 +30,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_frelz_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_frelz);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_frelz_gg_:hover{opacity:.8}.___SBubble_frelz_gg_.__color_frelz_gg_{fill:var(--color_frelz)}.___SCenter_frelz_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_frelz_gg_.__color_frelz_gg_{stroke:var(--color_frelz)}.___SLabel_frelz_gg_{fill:#2bb3ff}.___SLabel_frelz_gg_._position_right_frelz_gg_{text-anchor:end}.___SLabel_frelz_gg_._position_left_frelz_gg_{text-anchor:start}.___SLabel_frelz_gg_.__color_frelz_gg_{fill:var(--color_frelz)}"
+".___SBubble_11l7c_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_11l7c);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_11l7c_gg_:hover{opacity:.8}.___SBubble_11l7c_gg_.__color_11l7c_gg_{fill:var(--color_11l7c)}.___SCenter_11l7c_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_11l7c_gg_.__color_11l7c_gg_{stroke:var(--color_11l7c)}.___SLabel_11l7c_gg_{fill:#2bb3ff}.___SLabel_11l7c_gg_._position_right_11l7c_gg_{text-anchor:end}.___SLabel_11l7c_gg_._position_left_11l7c_gg_{text-anchor:start}.___SLabel_11l7c_gg_.__color_11l7c_gg_{fill:var(--color_11l7c)}"
 /*__inner_css_end__*/
-, "frelz_gg_")
+, "11l7c_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_frelz_gg_",
-  "--duration": "--duration_frelz",
-  "_color": "__color_frelz_gg_",
-  "--color": "--color_frelz",
-  "__SCenter": "___SCenter_frelz_gg_",
-  "__SLabel": "___SLabel_frelz_gg_",
-  "_position_right": "_position_right_frelz_gg_",
-  "_position_left": "_position_left_frelz_gg_"
+  "__SBubble": "___SBubble_11l7c_gg_",
+  "--duration": "--duration_11l7c",
+  "_color": "__color_11l7c_gg_",
+  "--color": "--color_11l7c",
+  "__SCenter": "___SCenter_11l7c_gg_",
+  "__SLabel": "___SLabel_11l7c_gg_",
+  "_position_right": "_position_right_11l7c_gg_",
+  "_position_left": "_position_left_11l7c_gg_"
 });
 import ClipPath from './ClipPath';
 import { scaleSqrt } from 'd3-scale';

package/lib/es6/Donut.js

@@ -34,16 +34,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_1l9zn_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_1l9zn_gg_.__color_1l9zn_gg_{fill:var(--color_1l9zn)}.___SEmptyData_1l9zn_gg_{fill:#e0e1e9}.___SEmptyData_1l9zn_gg_.__color_1l9zn_gg_{fill:var(--color_1l9zn)}.___SLabel_1l9zn_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_15pda_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_15pda_gg_.__color_15pda_gg_{fill:var(--color_15pda)}.___SEmptyData_15pda_gg_{fill:#e0e1e9}.___SEmptyData_15pda_gg_.__color_15pda_gg_{fill:var(--color_15pda)}.___SLabel_15pda_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "1l9zn_gg_")
+, "15pda_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_1l9zn_gg_",
-  "_color": "__color_1l9zn_gg_",
-  "--color": "--color_1l9zn",
-  "__SEmptyData": "___SEmptyData_1l9zn_gg_",
-  "__SLabel": "___SLabel_1l9zn_gg_"
+  "__SPie": "___SPie_15pda_gg_",
+  "_color": "__color_15pda_gg_",
+  "--color": "--color_15pda",
+  "__SEmptyData": "___SEmptyData_15pda_gg_",
+  "__SLabel": "___SLabel_15pda_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 

package/lib/es6/Dots.js

@@ -12,18 +12,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_6grui_gg_ .___SDot_6grui_gg_{transition-duration:var(--duration_6grui)}.___SDot_6grui_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_6grui_gg_.__hide_6grui_gg_{display:none}.___SDot_6grui_gg_.__active_6grui_gg_{r:8px}.___SDot_6grui_gg_.__color_6grui_gg_{fill:var(--color_6grui)}"
+".___SDots_cm5sn_gg_ .___SDot_cm5sn_gg_{transition-duration:var(--duration_cm5sn)}.___SDot_cm5sn_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_cm5sn_gg_.__hide_cm5sn_gg_{display:none}.___SDot_cm5sn_gg_.__active_cm5sn_gg_{r:8px}.___SDot_cm5sn_gg_.__color_cm5sn_gg_{fill:var(--color_cm5sn)}"
 /*__inner_css_end__*/
-, "6grui_gg_")
+, "cm5sn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_6grui_gg_",
-  "__SDot": "___SDot_6grui_gg_",
-  "--duration": "--duration_6grui",
-  "_hide": "__hide_6grui_gg_",
-  "_active": "__active_6grui_gg_",
-  "_color": "__color_6grui_gg_",
-  "--color": "--color_6grui"
+  "__SDots": "___SDots_cm5sn_gg_",
+  "__SDot": "___SDot_cm5sn_gg_",
+  "--duration": "--duration_cm5sn",
+  "_hide": "__hide_cm5sn_gg_",
+  "_active": "__active_cm5sn_gg_",
+  "_color": "__color_cm5sn_gg_",
+  "--color": "--color_cm5sn"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 

package/lib/es6/GroupBar.js

@@ -22,15 +22,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SBar_124y6_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_124y6_gg_.__color_124y6_gg_{fill:var(--color)}.___SBar_124y6_gg_.__hide_124y6_gg_{display:none}.___SBackground_124y6_gg_{fill:#c4c7cf}"
+".___SBar_f03r7_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_f03r7_gg_.__color_f03r7_gg_{fill:var(--color)}.___SBar_f03r7_gg_.__hide_f03r7_gg_{display:none}.___SBackground_f03r7_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "qcoeyq_gg_")
+, "jel8ua_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_124y6_gg_",
-  "_color": "__color_124y6_gg_",
-  "_hide": "__hide_124y6_gg_",
-  "__SBackground": "___SBackground_124y6_gg_"
+  "__SBar": "___SBar_f03r7_gg_",
+  "_color": "__color_f03r7_gg_",
+  "_hide": "__hide_f03r7_gg_",
+  "__SBackground": "___SBackground_f03r7_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/HorizontalBar.js

@@ -23,17 +23,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_fcz4o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_fcz4o);transition-timing-function:ease-in-out}.___SBar_fcz4o_gg_.__color_fcz4o_gg_{fill:var(--color_fcz4o)}.___SBar_fcz4o_gg_.__hide_fcz4o_gg_{display:none}.___SBackground_fcz4o_gg_{fill:#c4c7cf}"
+".___SBar_19nw3_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_19nw3);transition-timing-function:ease-in-out}.___SBar_19nw3_gg_.__color_19nw3_gg_{fill:var(--color_19nw3)}.___SBar_19nw3_gg_.__hide_19nw3_gg_{display:none}.___SBackground_19nw3_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "fcz4o_gg_")
+, "19nw3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_fcz4o_gg_",
-  "--duration": "--duration_fcz4o",
-  "_color": "__color_fcz4o_gg_",
-  "--color": "--color_fcz4o",
-  "_hide": "__hide_fcz4o_gg_",
-  "__SBackground": "___SBackground_fcz4o_gg_"
+  "__SBar": "___SBar_19nw3_gg_",
+  "--duration": "--duration_19nw3",
+  "_color": "__color_19nw3_gg_",
+  "--color": "--color_19nw3",
+  "_hide": "__hide_19nw3_gg_",
+  "__SBackground": "___SBackground_19nw3_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Hover.js

@@ -24,13 +24,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_cr7zz_gg_{stroke:#a9abb6}.___SHoverRect_cr7zz_gg_{fill:rgba(196,199,207,.3)}"
+".___SHoverLine_120bn_gg_{stroke:#a9abb6}.___SHoverRect_120bn_gg_{fill:rgba(196,199,207,.3)}"
 /*__inner_css_end__*/
-, "cr7zz_gg_")
+, "120bn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_cr7zz_gg_",
-  "__SHoverRect": "___SHoverRect_cr7zz_gg_"
+  "__SHoverLine": "___SHoverLine_120bn_gg_",
+  "__SHoverRect": "___SHoverRect_120bn_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/es6/Line.js

@@ -25,17 +25,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_s3dwn_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_s3dwn);transition-timing-function:ease-in-out}.___SLine_s3dwn_gg_.__color_s3dwn_gg_{stroke:var(--color_s3dwn)}.___SLine_s3dwn_gg_.__hide_s3dwn_gg_{display:none}.___SNull_s3dwn_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_s3dwn_gg_.__hide_s3dwn_gg_{display:none}"
+".___SLine_1sa7n_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_1sa7n);transition-timing-function:ease-in-out}.___SLine_1sa7n_gg_.__color_1sa7n_gg_{stroke:var(--color_1sa7n)}.___SLine_1sa7n_gg_.__hide_1sa7n_gg_{display:none}.___SNull_1sa7n_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_1sa7n_gg_.__hide_1sa7n_gg_{display:none}"
 /*__inner_css_end__*/
-, "s3dwn_gg_")
+, "1sa7n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_s3dwn_gg_",
-  "--duration": "--duration_s3dwn",
-  "_color": "__color_s3dwn_gg_",
-  "--color": "--color_s3dwn",
-  "_hide": "__hide_s3dwn_gg_",
-  "__SNull": "___SNull_s3dwn_gg_"
+  "__SLine": "___SLine_1sa7n_gg_",
+  "--duration": "--duration_1sa7n",
+  "_color": "__color_1sa7n_gg_",
+  "--color": "--color_1sa7n",
+  "_hide": "__hide_1sa7n_gg_",
+  "__SNull": "___SNull_1sa7n_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Plot.js

@@ -28,13 +28,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_14czz_gg_{overflow:hidden}.___SPlot_14czz_gg_:active,.___SPlot_14czz_gg_:focus{outline:0;text-decoration:none}.___SPlot_14czz_gg_.__keyboardFocused_14czz_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
+".___SPlot_jzcej_gg_{overflow:hidden}.___SPlot_jzcej_gg_:active,.___SPlot_jzcej_gg_:focus{outline:0;text-decoration:none}.___SPlot_jzcej_gg_.__keyboardFocused_jzcej_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
 /*__inner_css_end__*/
-, "14czz_gg_")
+, "jzcej_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_14czz_gg_",
-  "_keyboardFocused": "__keyboardFocused_14czz_gg_"
+  "__SPlot": "___SPlot_jzcej_gg_",
+  "_keyboardFocused": "__keyboardFocused_jzcej_gg_"
 });
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';

package/lib/es6/RadialTree.js

@@ -31,20 +31,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_f0avw_gg_{cursor:pointer;fill:#008ff8}.___SLine_f0avw_gg_{stroke:#008ff8}.___SLine_f0avw_gg_.__color_f0avw_gg_{stroke:var(--color_f0avw)}.___SCap_f0avw_gg_{transition:r .1s}.___SLabel_f0avw_gg_{fill:var(--color_f0avw);cursor:var(--text-cursor_f0avw)}.___SRadian_f0avw_gg_:hover .___SLabel_f0avw_gg_{fill:var(--color-hovered_f0avw)}@media (prefers-reduced-motion){.___SLineCap_f0avw_gg_{transition:none}}"
+".___SRadian_102fp_gg_{cursor:pointer;fill:#008ff8}.___SLine_102fp_gg_{stroke:#008ff8}.___SLine_102fp_gg_.__color_102fp_gg_{stroke:var(--color_102fp)}.___SCap_102fp_gg_{transition:r .1s}.___SLabel_102fp_gg_{fill:var(--color_102fp);cursor:var(--text-cursor_102fp)}.___SRadian_102fp_gg_:hover .___SLabel_102fp_gg_{fill:var(--color-hovered_102fp)}@media (prefers-reduced-motion){.___SLineCap_102fp_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "f0avw_gg_")
+, "102fp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_f0avw_gg_",
-  "__SLine": "___SLine_f0avw_gg_",
-  "_color": "__color_f0avw_gg_",
-  "--color": "--color_f0avw",
-  "__SCap": "___SCap_f0avw_gg_",
-  "__SLabel": "___SLabel_f0avw_gg_",
-  "--text-cursor": "--text-cursor_f0avw",
-  "--color-hovered": "--color-hovered_f0avw",
-  "__SLineCap": "___SLineCap_f0avw_gg_"
+  "__SRadian": "___SRadian_102fp_gg_",
+  "__SLine": "___SLine_102fp_gg_",
+  "_color": "__color_102fp_gg_",
+  "--color": "--color_102fp",
+  "__SCap": "___SCap_102fp_gg_",
+  "__SLabel": "___SLabel_102fp_gg_",
+  "--text-cursor": "--text-cursor_102fp",
+  "--color-hovered": "--color-hovered_102fp",
+  "__SLineCap": "___SLineCap_102fp_gg_"
 });
 import { shade } from '@semcore/utils/lib/color';
 import { measureText } from './utils';

package/lib/es6/ReferenceLine.js

@@ -25,19 +25,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SReferenceLine_jmd9c_gg_{fill:none;stroke:#a9abb6}.___STitle_jmd9c_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_jmd9c)}.___STitle_jmd9c_gg_._position_top_jmd9c_gg_{text-anchor:middle}.___STitle_jmd9c_gg_._position_bottom_jmd9c_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_jmd9c_gg_._position_right_jmd9c_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_jmd9c_gg_._position_left_jmd9c_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_jmd9c_gg_{fill:rgba(196,199,207,.2)}"
+".___SReferenceLine_pz315_gg_{fill:none;stroke:#a9abb6}.___STitle_pz315_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_pz315)}.___STitle_pz315_gg_._position_top_pz315_gg_{text-anchor:middle}.___STitle_pz315_gg_._position_bottom_pz315_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_pz315_gg_._position_right_pz315_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_pz315_gg_._position_left_pz315_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_pz315_gg_{fill:rgba(196,199,207,.2)}"
 /*__inner_css_end__*/
-, "jmd9c_gg_")
+, "pz315_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_jmd9c_gg_",
-  "__STitle": "___STitle_jmd9c_gg_",
-  "--transform-origin": "--transform-origin_jmd9c",
-  "_position_top": "_position_top_jmd9c_gg_",
-  "_position_bottom": "_position_bottom_jmd9c_gg_",
-  "_position_right": "_position_right_jmd9c_gg_",
-  "_position_left": "_position_left_jmd9c_gg_",
-  "__SBackground": "___SBackground_jmd9c_gg_"
+  "__SReferenceLine": "___SReferenceLine_pz315_gg_",
+  "__STitle": "___STitle_pz315_gg_",
+  "--transform-origin": "--transform-origin_pz315",
+  "_position_top": "_position_top_pz315_gg_",
+  "_position_bottom": "_position_bottom_pz315_gg_",
+  "_position_right": "_position_right_pz315_gg_",
+  "_position_left": "_position_left_pz315_gg_",
+  "__SBackground": "___SBackground_pz315_gg_"
 });
 var MAP_ORIENTATION = {
   left: 'vertical',

package/lib/es6/ResponsiveContainer.js

@@ -44,6 +44,7 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps = _this.asProps,
           Children = _this$asProps.Children,
           aspect = _this$asProps.aspect;
+      if (!_this.$container) return;
       var _this$$container = _this.$container,
           width = _this$$container.clientWidth,
           height = _this$$container.clientHeight;

package/lib/es6/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContainer.js","names":["React","ResizeObserver","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","ResponsiveContainerRoot","props","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","styles","ResponsiveContainer"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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"}
+{"version":3,"file":"ResponsiveContainer.js","names":["React","ResizeObserver","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","ResponsiveContainerRoot","props","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","styles","ResponsiveContainer"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n\n    if (!this.$container) return;\n\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,cAAP,MAA2B,0BAA3B;AAEA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,OAAP,MAAoB,+BAApB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;;IAEMC,uB;;;;;EAMJ,iCAAYC,KAAZ,EAAmB;IAAA;;IAAA;;IACjB,0BAAMA,KAAN;;IADiB,4EAHJX,KAAK,CAACY,SAAN,EAGI;;IAAA,uDAFZ,CAAC,CAAD,EAAI,CAAJ,CAEY;;IAAA,+DASJL,OAAO,CAAC,UAACM,OAAD,EAAa;MAClC,oBAA6B,MAAKC,OAAlC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAEA,IAAI,CAAC,MAAKC,UAAV,EAAsB;MAEtB,uBAAmD,MAAKA,UAAxD;MAAA,IAAmBC,KAAnB,oBAAMC,WAAN;MAAA,IAAwCC,MAAxC,oBAA0BC,YAA1B;;MAEA,IAAIL,MAAJ,EAAY;QACV,IAAMM,KAAK,GAAGC,MAAM,CAACC,gBAAP,CAAwB,MAAKP,UAA7B,CAAd;QACA,IAAMQ,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;QACA,IAAMC,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;QACAR,MAAM,GAAGF,KAAK,GAAGF,MAAjB;;QAEA,IAAII,MAAM,GAAGK,SAAb,EAAwB;UACtBL,MAAM,GAAGK,SAAT;QACD;;QACD,IAAIL,MAAM,GAAGS,SAAb,EAAwB;UACtBT,MAAM,GAAGS,SAAT;QACD;MACF;;MAED,IAAI,MAAKC,IAAL,CAAU,CAAV,MAAiBZ,KAAjB,IAA0B,MAAKY,IAAL,CAAU,CAAV,MAAiBV,MAA/C,EAAuD;MAEvD,MAAKU,IAAL,GAAY,CAACZ,KAAD,EAAQE,MAAR,CAAZ;MAEAZ,IAAI,gCAAO,UAAP,EAAmB,MAAKsB,IAAxB,EAA8BjB,OAA9B,CAAJ;;MAEA,IAAI,OAAOJ,iBAAiB,CAACM,QAAD,CAAxB,KAAuC,UAA3C,EAAuD;QACrD,MAAKgB,WAAL;MACD;IACF,CA9BqB,CATH;;IAEjB,MAAKC,QAAL,GAAgB,IAAI/B,cAAJ,CAAmB,MAAKgC,YAAxB,CAAhB;IAFiB;EAGlB;;;;SAED,eAAiB;MACf,OAAO,KAAKC,YAAL,CAAkBC,OAAzB;IACD;;;WAkCD,sBAAa;MACX,gCAAwB,KAAKL,IAA7B;MAAA,IAAOZ,KAAP;MAAA,IAAcE,MAAd;;MACA,OAAO;QACLF,KAAK,EAALA,KADK;QAELE,MAAM,EAANA;MAFK,CAAP;IAID;;;WAED,6BAAoB;MAClB,IAAI,KAAKH,UAAT,EAAqB;QACnB;QACA,KAAKe,QAAL,CAAcI,OAAd,CAAsB,KAAKnB,UAA3B;MACD;IACF,C,CAED;;;;WAEA,gCAAuB;MACrB,KAAKe,QAAL,CAAcK,UAAd;IACD;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,oBAAoB,GAE2BhC,GAFrD;MACA,IAAQiC,MAAR,GAAmB,KAAKzB,OAAxB,CAAQyB,MAAR;MACA,eAAOlC,OAAO,CAACkC,MAAD,CAAd,eAAuB,oBAAC,oBAAD;QAAA,OAAwC,KAAKL;MAA7C,WAAvB;IACD;;;;EAxEmC/B,S;;gBAAhCO,uB,iBACiB,qB;;AA0EvB,IAAM8B,mBAAmB,GAAGtC,eAAe,CAACQ,uBAAD,CAA3C;AAEA,eAAe8B,mBAAf"}

package/lib/es6/ScatterPlot.js

@@ -29,16 +29,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_v1s0r_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_v1s0r);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_v1s0r_gg_:hover{opacity:.8}.___SScatterPlot_v1s0r_gg_.__color_v1s0r_gg_{fill:var(--color_v1s0r)}.___SValue_v1s0r_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_v1s0r_gg_.__color_v1s0r_gg_{stroke:var(--color_v1s0r)}"
+".___SScatterPlot_vf7hu_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_vf7hu);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_vf7hu_gg_:hover{opacity:.8}.___SScatterPlot_vf7hu_gg_.__color_vf7hu_gg_{fill:var(--color_vf7hu)}.___SValue_vf7hu_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_vf7hu_gg_.__color_vf7hu_gg_{stroke:var(--color_vf7hu)}"
 /*__inner_css_end__*/
-, "v1s0r_gg_")
+, "vf7hu_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_v1s0r_gg_",
-  "--duration": "--duration_v1s0r",
-  "_color": "__color_v1s0r_gg_",
-  "--color": "--color_v1s0r",
-  "__SValue": "___SValue_v1s0r_gg_"
+  "__SScatterPlot": "___SScatterPlot_vf7hu_gg_",
+  "--duration": "--duration_vf7hu",
+  "_color": "__color_vf7hu_gg_",
+  "--color": "--color_vf7hu",
+  "__SValue": "___SValue_vf7hu_gg_"
 });
 import ClipPath from './ClipPath';
 

package/lib/es6/StackBar.js

@@ -27,15 +27,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SBar_dgtls_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_dgtls_gg_.__color_dgtls_gg_{fill:var(--color)}.___SBar_dgtls_gg_.__hide_dgtls_gg_{display:none}.___SBackground_dgtls_gg_{fill:#c4c7cf}"
+".___SBar_ns3re_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_ns3re_gg_.__color_ns3re_gg_{fill:var(--color)}.___SBar_ns3re_gg_.__hide_ns3re_gg_{display:none}.___SBackground_ns3re_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "1iyvh36_gg_")
+, "bmt5z6_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_dgtls_gg_",
-  "_color": "__color_dgtls_gg_",
-  "_hide": "__hide_dgtls_gg_",
-  "__SBackground": "___SBackground_dgtls_gg_"
+  "__SBar": "___SBar_ns3re_gg_",
+  "_color": "__color_ns3re_gg_",
+  "_hide": "__hide_ns3re_gg_",
+  "__SBackground": "___SBackground_ns3re_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/StackedArea.js

@@ -26,16 +26,16 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SArea_3afcc_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_3afcc_gg_.__color_3afcc_gg_{fill:var(--color)}.___SAreaLine_3afcc_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_3afcc_gg_.__color_3afcc_gg_{stroke:var(--color)}.___SArea_3afcc_gg_,.___SAreaLine_3afcc_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_3afcc_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_3afcc_gg_.__hide_3afcc_gg_{display:none}"
+".___SArea_gga8q_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_gga8q_gg_.__color_gga8q_gg_{fill:var(--color)}.___SAreaLine_gga8q_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_gga8q_gg_.__color_gga8q_gg_{stroke:var(--color)}.___SArea_gga8q_gg_,.___SAreaLine_gga8q_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_gga8q_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_gga8q_gg_.__hide_gga8q_gg_{display:none}"
 /*__inner_css_end__*/
-, "mp0j3b_gg_")
+, "impyjf_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_3afcc_gg_",
-  "_color": "__color_3afcc_gg_",
-  "__SAreaLine": "___SAreaLine_3afcc_gg_",
-  "__SNull": "___SNull_3afcc_gg_",
-  "_hide": "__hide_3afcc_gg_"
+  "__SArea": "___SArea_gga8q_gg_",
+  "_color": "__color_gga8q_gg_",
+  "__SAreaLine": "___SAreaLine_gga8q_gg_",
+  "__SNull": "___SNull_gga8q_gg_",
+  "_hide": "__hide_gga8q_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/Tooltip.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_c3mpf_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_c3mpf_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_c3mpf_gg_{display:flex;align-items:center}.___SDot_c3mpf_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_c3mpf_gg_.__color_c3mpf_gg_{background:var(--color_c3mpf)}"
+".___STooltip_18frv_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_18frv_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_18frv_gg_{display:flex;align-items:center}.___SDot_18frv_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_18frv_gg_.__color_18frv_gg_{background:var(--color_18frv)}"
 /*__inner_css_end__*/
-, "c3mpf_gg_")
+, "18frv_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_c3mpf_gg_",
-  "__STitle": "___STitle_c3mpf_gg_",
-  "__SDotGroup": "___SDotGroup_c3mpf_gg_",
-  "__SDot": "___SDot_c3mpf_gg_",
-  "_color": "__color_c3mpf_gg_",
-  "--color": "--color_c3mpf"
+  "__STooltip": "___STooltip_18frv_gg_",
+  "__STitle": "___STitle_18frv_gg_",
+  "__SDotGroup": "___SDotGroup_18frv_gg_",
+  "__SDot": "___SDot_18frv_gg_",
+  "_color": "__color_18frv_gg_",
+  "--color": "--color_18frv"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Venn.js

@@ -26,16 +26,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1ny5s_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1ny5s);transition-timing-function:ease-in-out}.___SCircle_1ny5s_gg_:hover{fill-opacity:.7}.___SCircle_1ny5s_gg_.__color_1ny5s_gg_{fill:var(--color_1ny5s)}.___SIntersection_1ny5s_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1ny5s_gg_:hover{fill-opacity:.1}"
+".___SCircle_5ve8g_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_5ve8g);transition-timing-function:ease-in-out}.___SCircle_5ve8g_gg_:hover{fill-opacity:.7}.___SCircle_5ve8g_gg_.__color_5ve8g_gg_{fill:var(--color_5ve8g)}.___SIntersection_5ve8g_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_5ve8g_gg_:hover{fill-opacity:.1}"
 /*__inner_css_end__*/
-, "1ny5s_gg_")
+, "5ve8g_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1ny5s_gg_",
-  "--duration": "--duration_1ny5s",
-  "_color": "__color_1ny5s_gg_",
-  "--color": "--color_1ny5s",
-  "__SIntersection": "___SIntersection_1ny5s_gg_"
+  "__SCircle": "___SCircle_5ve8g_gg_",
+  "--duration": "--duration_5ve8g",
+  "_color": "__color_5ve8g_gg_",
+  "--color": "--color_5ve8g",
+  "__SIntersection": "___SIntersection_5ve8g_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/a11y/PlotA11yModule.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
@@ -19,20 +20,22 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_1c5bq_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1c5bq_gg_:focus{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+".___SPlotA11yModule_1toaf_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1toaf_gg_:focus{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1}"
 /*__inner_css_end__*/
-, "1c5bq_gg_")
+, "1toaf_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_1c5bq_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1toaf_gg_"
 });
+import { Context as I18nContext } from '@semcore/utils/lib/enhances/WithI18n';
+import { Box } from '@semcore/flex-box';
 var globalWasFocused = false;
 var globalNavWithKeyboard = false;
 export var PlotA11yModule = function PlotA11yModule(props) {
   var _ref = arguments[0],
       _ref5;
 
-  var SPlotA11yModule = 'div';
+  var SPlotA11yModule = Box;
 
   var _React$useState = React.useState(globalWasFocused),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -64,8 +67,11 @@ export var PlotA11yModule = function PlotA11yModule(props) {
       error = _React$useState10[0],
       setError = _React$useState10[1];
 
+  var contextLocale = React.useContext(I18nContext);
   var locale = React.useMemo(function () {
-    return normalizeLocale(props.locale, translations);
+    var _props$locale;
+
+    return normalizeLocale((_props$locale = props.locale) !== null && _props$locale !== void 0 ? _props$locale : contextLocale, translations);
   }, [props.locale]);
   var texts = React.useMemo(function () {
     return locale ? translations[locale] : {};
@@ -131,7 +137,9 @@ export var PlotA11yModule = function PlotA11yModule(props) {
   if (plotA11yView) {
     var _ref2;
 
-    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(plotA11yView.Component, props);
+    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(plotA11yView.Component, _extends({}, props, {
+      locale: locale
+    }));
   }
 
   if (error) {

package/lib/es6/a11y/PlotA11yModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yModule.js","names":["React","normalizeLocale","translations","Root","sstyled","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","SPlotA11yModule","useState","wasFocused","setWasFocused","navWithKeyboard","setNavWithKeyboard","plotA11yView","setPlotA11yView","hadnleHiddenElementsFocus","useCallback","loading","setLoading","error","setError","locale","useMemo","texts","useEffect","focusListener","plotRef","current","addEventListener","removeEventListener","keyboardListener","event","navigationKeys","includes","key","document","body","shouldDisplayView","then","PlotA11yView","Component","console","styles","failed","disabled"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport { translations } from './translations/module/translations';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yModule.shadow.css';\n\nlet globalWasFocused = false;\nlet globalNavWithKeyboard = false;\n\nexport type A11yViewProps = {\n  id: string;\n  data: Record<string, unknown>[];\n  hints: DataStructureHints;\n  plotLabel: string;\n  locale: NavigatorLanguage['language'];\n  config: PartialDataSummarizationConfig;\n  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n  plotRef: React.RefObject<Element>;\n};\n\nexport const PlotA11yModule: React.FC<A11yViewProps> = (props) => {\n  const SPlotA11yModule = Root;\n  const [wasFocused, setWasFocused] = React.useState(globalWasFocused);\n  const [navWithKeyboard, setNavWithKeyboard] = React.useState(globalNavWithKeyboard);\n  const [plotA11yView, setPlotA11yView] = React.useState<{\n    Component: React.FC<A11yViewProps>;\n  } | null>(null);\n\n  const hadnleHiddenElementsFocus = React.useCallback(() => {\n    setWasFocused(true);\n    setNavWithKeyboard(true);\n  }, []);\n\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const locale = React.useMemo(() => normalizeLocale(props.locale, translations), [props.locale]);\n  const texts = React.useMemo(() => (locale ? translations[locale] : {}), [locale]);\n\n  React.useEffect(() => {\n    if (wasFocused) return;\n    const focusListener = () => {\n      globalWasFocused = true;\n      setWasFocused(true);\n    };\n\n    props.plotRef.current?.addEventListener('focus', focusListener);\n    return () => props.plotRef.current?.removeEventListener('focus', focusListener);\n  }, [wasFocused, props.plotRef]);\n  React.useEffect(() => {\n    if (navWithKeyboard) return;\n    const keyboardListener = (event: Event) => {\n      const navigationKeys = [\n        'Tab',\n        'ArrowUp',\n        'ArrowLeft',\n        'ArrowDown',\n        'ArrowRight',\n        'ArrowUp',\n        'ArrowLeft',\n      ];\n      if ('key' in event && navigationKeys.includes((event as KeyboardEvent).key)) {\n        setNavWithKeyboard(true);\n        globalNavWithKeyboard = true;\n      }\n    };\n    document.body?.addEventListener('keydown', keyboardListener);\n    return () => document.body?.removeEventListener('keydown', keyboardListener);\n  }, [navWithKeyboard]);\n\n  const shouldDisplayView = wasFocused && navWithKeyboard;\n\n  React.useEffect(() => {\n    if (!shouldDisplayView) return;\n    if (plotA11yView) return;\n    if (loading) return;\n\n    setLoading(true);\n\n    import('./PlotA11yView')\n      .then(({ PlotA11yView }) => {\n        setPlotA11yView({ Component: PlotA11yView });\n        setLoading(false);\n        setError(null);\n      })\n      .catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error(error);\n        setError(error);\n      });\n  }, [plotA11yView, shouldDisplayView, loading, setLoading]);\n\n  if (plotA11yView) {\n    return sstyled(styles)(<plotA11yView.Component {...props} />) as React.ReactElement;\n  }\n\n  if (error) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={'div'} tabIndex={0} aria-live=\"assertive\">\n        {texts.failed}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n  if (loading) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={'div'} tabIndex={0} aria-live=\"polite\">\n        {texts.loading}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={'div'} tabIndex={0} onFocus={hadnleHiddenElementsFocus}>\n      {texts.disabled}\n    </SPlotA11yModule>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}
+{"version":3,"file":"PlotA11yModule.js","names":["React","normalizeLocale","translations","Root","sstyled","Context","I18nContext","Box","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","SPlotA11yModule","useState","wasFocused","setWasFocused","navWithKeyboard","setNavWithKeyboard","plotA11yView","setPlotA11yView","hadnleHiddenElementsFocus","useCallback","loading","setLoading","error","setError","contextLocale","useContext","locale","useMemo","texts","useEffect","focusListener","plotRef","current","addEventListener","removeEventListener","keyboardListener","event","navigationKeys","includes","key","document","body","shouldDisplayView","then","PlotA11yView","Component","console","styles","failed","disabled"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport { translations } from './translations/module/translations';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { Context as I18nContext } from '@semcore/utils/lib/enhances/WithI18n';\nimport { Box } from '@semcore/flex-box';\n\nlet globalWasFocused = false;\nlet globalNavWithKeyboard = false;\n\nexport type A11yViewProps = {\n  id: string;\n  data: Record<string, unknown>[];\n  hints: DataStructureHints;\n  plotLabel: string;\n  locale: NavigatorLanguage['language'];\n  config: PartialDataSummarizationConfig;\n  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n  plotRef: React.RefObject<Element>;\n};\n\nexport const PlotA11yModule: React.FC<A11yViewProps> = (props) => {\n  const SPlotA11yModule = Root;\n  const [wasFocused, setWasFocused] = React.useState(globalWasFocused);\n  const [navWithKeyboard, setNavWithKeyboard] = React.useState(globalNavWithKeyboard);\n  const [plotA11yView, setPlotA11yView] = React.useState<{\n    Component: React.FC<A11yViewProps>;\n  } | null>(null);\n\n  const hadnleHiddenElementsFocus = React.useCallback(() => {\n    setWasFocused(true);\n    setNavWithKeyboard(true);\n  }, []);\n\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const contextLocale = React.useContext(I18nContext);\n  const locale = React.useMemo(\n    () => normalizeLocale(props.locale ?? contextLocale, translations),\n    [props.locale],\n  );\n  const texts = React.useMemo(() => (locale ? translations[locale] : {}), [locale]);\n\n  React.useEffect(() => {\n    if (wasFocused) return;\n    const focusListener = () => {\n      globalWasFocused = true;\n      setWasFocused(true);\n    };\n\n    props.plotRef.current?.addEventListener('focus', focusListener);\n    return () => props.plotRef.current?.removeEventListener('focus', focusListener);\n  }, [wasFocused, props.plotRef]);\n  React.useEffect(() => {\n    if (navWithKeyboard) return;\n    const keyboardListener = (event: Event) => {\n      const navigationKeys = [\n        'Tab',\n        'ArrowUp',\n        'ArrowLeft',\n        'ArrowDown',\n        'ArrowRight',\n        'ArrowUp',\n        'ArrowLeft',\n      ];\n      if ('key' in event && navigationKeys.includes((event as KeyboardEvent).key)) {\n        setNavWithKeyboard(true);\n        globalNavWithKeyboard = true;\n      }\n    };\n    document.body?.addEventListener('keydown', keyboardListener);\n    return () => document.body?.removeEventListener('keydown', keyboardListener);\n  }, [navWithKeyboard]);\n\n  const shouldDisplayView = wasFocused && navWithKeyboard;\n\n  React.useEffect(() => {\n    if (!shouldDisplayView) return;\n    if (plotA11yView) return;\n    if (loading) return;\n\n    setLoading(true);\n\n    import('./PlotA11yView')\n      .then(({ PlotA11yView }) => {\n        setPlotA11yView({ Component: PlotA11yView });\n        setLoading(false);\n        setError(null);\n      })\n      .catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error(error);\n        setError(error);\n      });\n  }, [plotA11yView, shouldDisplayView, loading, setLoading]);\n\n  if (plotA11yView) {\n    return sstyled(styles)(\n      <plotA11yView.Component {...props} locale={locale!} />,\n    ) as React.ReactElement;\n  }\n\n  if (error) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={Box} tabIndex={0} aria-live=\"assertive\">\n        {texts.failed}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n  if (loading) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={Box} tabIndex={0} aria-live=\"polite\">\n        {texts.loading}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={Box} tabIndex={0} onFocus={hadnleHiddenElementsFocus}>\n      {texts.disabled}\n    </SPlotA11yModule>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/es6/a11y/PlotA11yView.js

@@ -27,14 +27,15 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yView_1e44s_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#fff;color:#000;border:3px solid #000;font-size:10px;padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1e44s_gg_:focus,.___SPlotA11yView_1e44s_gg_.__focus-within_1e44s_gg_{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_1e44s_gg_:focus,.___SPlotA11yView_1e44s_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_1e44s_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_1e44s_gg_ table,.___SPlotA11yView_1e44s_gg_ td,.___SPlotA11yView_1e44s_gg_ th{border:1px solid #000}"
+".___SPlotA11yView_pwg9z_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#fff;color:#000;border:3px solid #000;font-size:10px;padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_pwg9z_gg_:focus,.___SPlotA11yView_pwg9z_gg_.__focus-within_pwg9z_gg_{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_pwg9z_gg_:focus,.___SPlotA11yView_pwg9z_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_pwg9z_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_pwg9z_gg_ table,.___SPlotA11yView_pwg9z_gg_ td,.___SPlotA11yView_pwg9z_gg_ th{border:1px solid #000}"
 /*__inner_css_end__*/
-, "1e44s_gg_")
+, "pwg9z_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_1e44s_gg_",
-  "_focus-within": "__focus-within_1e44s_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_pwg9z_gg_",
+  "_focus-within": "__focus-within_pwg9z_gg_"
 });
+import { Box } from '@semcore/flex-box';
 export var PlotA11yView = function PlotA11yView(_ref3) {
   var _ref = arguments[0],
       _ref2;
@@ -46,7 +47,7 @@ export var PlotA11yView = function PlotA11yView(_ref3) {
       plotRef = _ref3.plotRef,
       providedConfig = _ref3.config,
       locale = _ref3.locale;
-  var SPlotA11yView = "div";
+  var SPlotA11yView = Box;
   var intl = React.useMemo(function () {
     return getIntl(locale);
   }, [locale]);