@semcore/d3-chart 2.13.9 → 2.13.11

package/lib/es6/Area.js

@@ -15,15 +15,15 @@ import createElement from './createElement';
 import { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_htgor_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_htgor_gg_.__color_htgor_gg_{fill:var(--color_htgor)}.___SArea_htgor_gg_.__transparent_htgor_gg_{opacity:.3}.___SAreaLine_htgor_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_htgor_gg_.__color_htgor_gg_{stroke:var(--color_htgor)}.___SAreaLine_htgor_gg_.__transparent_htgor_gg_{opacity:.3}.___SAreaLine_htgor_gg_,.___SArea_htgor_gg_{transition-property:d;transition-duration:var(--duration_htgor);transition-timing-function:ease-in-out}.___SNull_htgor_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_htgor_gg_.__hide_htgor_gg_{display:none}" /*__inner_css_end__*/, "htgor_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_htgor_gg_",
-  "_color": "__color_htgor_gg_",
-  "--color": "--color_htgor",
-  "_transparent": "__transparent_htgor_gg_",
-  "__SAreaLine": "___SAreaLine_htgor_gg_",
-  "--duration": "--duration_htgor",
-  "__SNull": "___SNull_htgor_gg_",
-  "_hide": "__hide_htgor_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_fo5l1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_fo5l1_gg_.__color_fo5l1_gg_{fill:var(--color_fo5l1)}.___SArea_fo5l1_gg_.__transparent_fo5l1_gg_{opacity:.3}.___SAreaLine_fo5l1_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_fo5l1_gg_.__color_fo5l1_gg_{stroke:var(--color_fo5l1)}.___SAreaLine_fo5l1_gg_.__transparent_fo5l1_gg_{opacity:.3}.___SAreaLine_fo5l1_gg_,.___SArea_fo5l1_gg_{transition-property:d;transition-duration:var(--duration_fo5l1);transition-timing-function:ease-in-out}.___SNull_fo5l1_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_fo5l1_gg_.__hide_fo5l1_gg_{display:none}" /*__inner_css_end__*/, "fo5l1_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_fo5l1_gg_",
+  "_color": "__color_fo5l1_gg_",
+  "--color": "--color_fo5l1",
+  "_transparent": "__transparent_fo5l1_gg_",
+  "__SAreaLine": "___SAreaLine_fo5l1_gg_",
+  "--duration": "--duration_fo5l1",
+  "__SNull": "___SNull_fo5l1_gg_",
+  "_hide": "__hide_fo5l1_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   _inherits(AreaRoot, _Component);

package/lib/es6/Axis.js

@@ -12,19 +12,19 @@ import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_t1p0o_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_t1p0o_gg_.__hide_t1p0o_gg_,.___STick_t1p0o_gg_.__hide_t1p0o_gg_{display:none}.___STick_t1p0o_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_t1p0o_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_t1p0o_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_t1p0o)}.___STitle_t1p0o_gg_._position_top_t1p0o_gg_{text-anchor:middle}.___STitle_t1p0o_gg_._position_bottom_t1p0o_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_t1p0o_gg_._position_left_t1p0o_gg_,.___STitle_t1p0o_gg_._position_right_t1p0o_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_t1p0o_gg_._position_top_t1p0o_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_t1p0o_gg_._position_bottom_t1p0o_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_t1p0o_gg_._position_right_t1p0o_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_t1p0o_gg_._position_left_t1p0o_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_t1p0o_gg_._position_custom_0_t1p0o_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_t1p0o_gg_._position_custom_1_t1p0o_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "t1p0o_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_t1p0o_gg_",
-  "_hide": "__hide_t1p0o_gg_",
-  "__STick": "___STick_t1p0o_gg_",
-  "__SGrid": "___SGrid_t1p0o_gg_",
-  "__STitle": "___STitle_t1p0o_gg_",
-  "--transform-origin": "--transform-origin_t1p0o",
-  "_position_top": "_position_top_t1p0o_gg_",
-  "_position_bottom": "_position_bottom_t1p0o_gg_",
-  "_position_right": "_position_right_t1p0o_gg_",
-  "_position_left": "_position_left_t1p0o_gg_",
-  "_position_custom_0": "_position_custom_0_t1p0o_gg_",
-  "_position_custom_1": "_position_custom_1_t1p0o_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_jsbi5_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_jsbi5_gg_.__hide_jsbi5_gg_,.___STick_jsbi5_gg_.__hide_jsbi5_gg_{display:none}.___STick_jsbi5_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_jsbi5_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_jsbi5_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_jsbi5)}.___STitle_jsbi5_gg_._position_top_jsbi5_gg_{text-anchor:middle}.___STitle_jsbi5_gg_._position_bottom_jsbi5_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_jsbi5_gg_._position_left_jsbi5_gg_,.___STitle_jsbi5_gg_._position_right_jsbi5_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_jsbi5_gg_._position_top_jsbi5_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_jsbi5_gg_._position_bottom_jsbi5_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_jsbi5_gg_._position_right_jsbi5_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_jsbi5_gg_._position_left_jsbi5_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_jsbi5_gg_._position_custom_0_jsbi5_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_jsbi5_gg_._position_custom_1_jsbi5_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "jsbi5_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_jsbi5_gg_",
+  "_hide": "__hide_jsbi5_gg_",
+  "__STick": "___STick_jsbi5_gg_",
+  "__SGrid": "___SGrid_jsbi5_gg_",
+  "__STitle": "___STitle_jsbi5_gg_",
+  "--transform-origin": "--transform-origin_jsbi5",
+  "_position_top": "_position_top_jsbi5_gg_",
+  "_position_bottom": "_position_bottom_jsbi5_gg_",
+  "_position_right": "_position_right_jsbi5_gg_",
+  "_position_left": "_position_left_jsbi5_gg_",
+  "_position_custom_0": "_position_custom_0_jsbi5_gg_",
+  "_position_custom_1": "_position_custom_1_jsbi5_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -13,14 +13,14 @@ import createElement from './createElement';
 import ClipPath from './ClipPath';
 import { getBandwidth, roundedPath } from './utils';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1nhhw_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1nhhw);transition-timing-function:ease-in-out}.___SBar_1nhhw_gg_.__color_1nhhw_gg_{fill:var(--color_1nhhw)}.___SBar_1nhhw_gg_.__hide_1nhhw_gg_{display:none}.___SBar_1nhhw_gg_.__transparent_1nhhw_gg_{opacity:.3}.___SBackground_1nhhw_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1nhhw_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1nhhw_gg_",
-  "--duration": "--duration_1nhhw",
-  "_color": "__color_1nhhw_gg_",
-  "--color": "--color_1nhhw",
-  "_hide": "__hide_1nhhw_gg_",
-  "_transparent": "__transparent_1nhhw_gg_",
-  "__SBackground": "___SBackground_1nhhw_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1w26t_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1w26t);transition-timing-function:ease-in-out}.___SBar_1w26t_gg_.__color_1w26t_gg_{fill:var(--color_1w26t)}.___SBar_1w26t_gg_.__hide_1w26t_gg_{display:none}.___SBar_1w26t_gg_.__transparent_1w26t_gg_{opacity:.3}.___SBackground_1w26t_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1w26t_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1w26t_gg_",
+  "--duration": "--duration_1w26t",
+  "_color": "__color_1w26t_gg_",
+  "--color": "--color_1w26t",
+  "_hide": "__hide_1w26t_gg_",
+  "_transparent": "__transparent_1w26t_gg_",
+  "__SBackground": "___SBackground_1w26t_gg_"
 });
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {
   // need for the correct rendering of negative values (bar should be under Y-axis)

package/lib/es6/Bubble.js

@@ -18,16 +18,16 @@ import createElement from './createElement';
 import ClipPath from './ClipPath';
 import { CONSTANT, measureText } from './utils';
 /*__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_8qw30_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_8qw30);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_8qw30_gg_:hover{opacity:.8}}.___SBubble_8qw30_gg_.__color_8qw30_gg_{fill:var(--color_8qw30)}.___SBubble_8qw30_gg_.__transparent_8qw30_gg_{opacity:.3}.___SCenter_8qw30_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_8qw30_gg_.__color_8qw30_gg_{stroke:var(--color_8qw30)}.___SCenter_8qw30_gg_.__transparent_8qw30_gg_{opacity:.3}.___SLabel_8qw30_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_8qw30_gg_._position_right_8qw30_gg_{text-anchor:end}.___SLabel_8qw30_gg_._position_left_8qw30_gg_{text-anchor:start}.___SLabel_8qw30_gg_.__color_8qw30_gg_{fill:var(--color_8qw30)}.___SLabel_8qw30_gg_.__transparent_8qw30_gg_{opacity:.3}" /*__inner_css_end__*/, "8qw30_gg_") /*__reshadow_css_end__*/, {
-  "__SBubble": "___SBubble_8qw30_gg_",
-  "--duration": "--duration_8qw30",
-  "_color": "__color_8qw30_gg_",
-  "--color": "--color_8qw30",
-  "_transparent": "__transparent_8qw30_gg_",
-  "__SCenter": "___SCenter_8qw30_gg_",
-  "__SLabel": "___SLabel_8qw30_gg_",
-  "_position_right": "_position_right_8qw30_gg_",
-  "_position_left": "_position_left_8qw30_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_137n3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_137n3);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_137n3_gg_:hover{opacity:.8}}.___SBubble_137n3_gg_.__color_137n3_gg_{fill:var(--color_137n3)}.___SBubble_137n3_gg_.__transparent_137n3_gg_{opacity:.3}.___SCenter_137n3_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_137n3_gg_.__color_137n3_gg_{stroke:var(--color_137n3)}.___SCenter_137n3_gg_.__transparent_137n3_gg_{opacity:.3}.___SLabel_137n3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_137n3_gg_._position_right_137n3_gg_{text-anchor:end}.___SLabel_137n3_gg_._position_left_137n3_gg_{text-anchor:start}.___SLabel_137n3_gg_.__color_137n3_gg_{fill:var(--color_137n3)}.___SLabel_137n3_gg_.__transparent_137n3_gg_{opacity:.3}" /*__inner_css_end__*/, "137n3_gg_") /*__reshadow_css_end__*/, {
+  "__SBubble": "___SBubble_137n3_gg_",
+  "--duration": "--duration_137n3",
+  "_color": "__color_137n3_gg_",
+  "--color": "--color_137n3",
+  "_transparent": "__transparent_137n3_gg_",
+  "__SCenter": "___SCenter_137n3_gg_",
+  "__SLabel": "___SLabel_137n3_gg_",
+  "_position_right": "_position_right_137n3_gg_",
+  "_position_left": "_position_left_137n3_gg_"
 });
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   _inherits(BubbleRoot, _Component);

package/lib/es6/Donut.js

@@ -19,13 +19,13 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_35k2g_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_35k2g_gg_.__color_35k2g_gg_{fill:var(--color_35k2g)}.___SPie_35k2g_gg_.__transparent_35k2g_gg_{opacity:.3}.___SEmptyData_35k2g_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_35k2g_gg_.__color_35k2g_gg_{fill:var(--color_35k2g)}.___SLabel_35k2g_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "35k2g_gg_") /*__reshadow_css_end__*/, {
-  "__SPie": "___SPie_35k2g_gg_",
-  "_color": "__color_35k2g_gg_",
-  "--color": "--color_35k2g",
-  "_transparent": "__transparent_35k2g_gg_",
-  "__SEmptyData": "___SEmptyData_35k2g_gg_",
-  "__SLabel": "___SLabel_35k2g_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_66mpc_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_66mpc_gg_.__color_66mpc_gg_{fill:var(--color_66mpc)}.___SPie_66mpc_gg_.__transparent_66mpc_gg_{opacity:.3}.___SEmptyData_66mpc_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_66mpc_gg_.__color_66mpc_gg_{fill:var(--color_66mpc)}.___SLabel_66mpc_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "66mpc_gg_") /*__reshadow_css_end__*/, {
+  "__SPie": "___SPie_66mpc_gg_",
+  "_color": "__color_66mpc_gg_",
+  "--color": "--color_66mpc",
+  "_transparent": "__transparent_66mpc_gg_",
+  "__SEmptyData": "___SEmptyData_66mpc_gg_",
+  "__SLabel": "___SLabel_66mpc_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 function transitionAnglePie(_ref4) {

package/lib/es6/Dots.js

@@ -7,15 +7,15 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { eventToPoint, invert } from './utils';
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_qdudm_gg_ .___SDot_qdudm_gg_{transition-duration:var(--duration_qdudm)}.___SDot_qdudm_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_qdudm_gg_.__hide_qdudm_gg_{display:none}.___SDot_qdudm_gg_.__active_qdudm_gg_{r:8px}.___SDot_qdudm_gg_.__color_qdudm_gg_{fill:var(--color_qdudm)}.___SDot_qdudm_gg_.__transparent_qdudm_gg_{opacity:.3}" /*__inner_css_end__*/, "qdudm_gg_") /*__reshadow_css_end__*/, {
-  "__SDots": "___SDots_qdudm_gg_",
-  "__SDot": "___SDot_qdudm_gg_",
-  "--duration": "--duration_qdudm",
-  "_hide": "__hide_qdudm_gg_",
-  "_active": "__active_qdudm_gg_",
-  "_color": "__color_qdudm_gg_",
-  "--color": "--color_qdudm",
-  "_transparent": "__transparent_qdudm_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_1xh69_gg_ .___SDot_1xh69_gg_{transition-duration:var(--duration_1xh69)}.___SDot_1xh69_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1xh69_gg_.__hide_1xh69_gg_{display:none}.___SDot_1xh69_gg_.__active_1xh69_gg_{r:8px}.___SDot_1xh69_gg_.__color_1xh69_gg_{fill:var(--color_1xh69)}.___SDot_1xh69_gg_.__transparent_1xh69_gg_{opacity:.3}" /*__inner_css_end__*/, "1xh69_gg_") /*__reshadow_css_end__*/, {
+  "__SDots": "___SDots_1xh69_gg_",
+  "__SDot": "___SDot_1xh69_gg_",
+  "--duration": "--duration_1xh69",
+  "_hide": "__hide_1xh69_gg_",
+  "_active": "__active_1xh69_gg_",
+  "_color": "__color_1xh69_gg_",
+  "--color": "--color_1xh69",
+  "_transparent": "__transparent_1xh69_gg_"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 function Dots(props) {

package/lib/es6/HorizontalBar.js

@@ -12,14 +12,14 @@ import createElement from './createElement';
 import ClipPath from './ClipPath';
 import { getBandwidth, roundedPath } from './utils';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1nhhw_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1nhhw);transition-timing-function:ease-in-out}.___SBar_1nhhw_gg_.__color_1nhhw_gg_{fill:var(--color_1nhhw)}.___SBar_1nhhw_gg_.__hide_1nhhw_gg_{display:none}.___SBar_1nhhw_gg_.__transparent_1nhhw_gg_{opacity:.3}.___SBackground_1nhhw_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1nhhw_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1nhhw_gg_",
-  "--duration": "--duration_1nhhw",
-  "_color": "__color_1nhhw_gg_",
-  "--color": "--color_1nhhw",
-  "_hide": "__hide_1nhhw_gg_",
-  "_transparent": "__transparent_1nhhw_gg_",
-  "__SBackground": "___SBackground_1nhhw_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1w26t_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1w26t);transition-timing-function:ease-in-out}.___SBar_1w26t_gg_.__color_1w26t_gg_{fill:var(--color_1w26t)}.___SBar_1w26t_gg_.__hide_1w26t_gg_{display:none}.___SBar_1w26t_gg_.__transparent_1w26t_gg_{opacity:.3}.___SBackground_1w26t_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1w26t_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1w26t_gg_",
+  "--duration": "--duration_1w26t",
+  "_color": "__color_1w26t_gg_",
+  "--color": "--color_1w26t",
+  "_hide": "__hide_1w26t_gg_",
+  "_transparent": "__transparent_1w26t_gg_",
+  "__SBackground": "___SBackground_1w26t_gg_"
 });
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
   _inherits(HorizontalBarRoot, _Component);

package/lib/es6/Hover.js

@@ -13,9 +13,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1wazw_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1wazw_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1wazw_gg_") /*__reshadow_css_end__*/, {
-  "__SHoverLine": "___SHoverLine_1wazw_gg_",
-  "__SHoverRect": "___SHoverRect_1wazw_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1cw2u_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1cw2u_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1cw2u_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_1cw2u_gg_",
+  "__SHoverRect": "___SHoverRect_1cw2u_gg_"
 });
 var Hover = /*#__PURE__*/function (_Component) {
   _inherits(Hover, _Component);

package/lib/es6/Line.js

@@ -14,14 +14,14 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './u
 import Dots from './Dots';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_8a8m3_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_8a8m3);transition-timing-function:ease-in-out}.___SLine_8a8m3_gg_.__color_8a8m3_gg_{stroke:var(--color_8a8m3)}.___SLine_8a8m3_gg_.__hide_8a8m3_gg_{display:none}.___SLine_8a8m3_gg_.__transparent_8a8m3_gg_{opacity:.3}.___SNull_8a8m3_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_8a8m3_gg_.__hide_8a8m3_gg_{display:none}" /*__inner_css_end__*/, "8a8m3_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_8a8m3_gg_",
-  "--duration": "--duration_8a8m3",
-  "_color": "__color_8a8m3_gg_",
-  "--color": "--color_8a8m3",
-  "_hide": "__hide_8a8m3_gg_",
-  "_transparent": "__transparent_8a8m3_gg_",
-  "__SNull": "___SNull_8a8m3_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_b3q4h_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_b3q4h);transition-timing-function:ease-in-out}.___SLine_b3q4h_gg_.__color_b3q4h_gg_{stroke:var(--color_b3q4h)}.___SLine_b3q4h_gg_.__hide_b3q4h_gg_{display:none}.___SLine_b3q4h_gg_.__transparent_b3q4h_gg_{opacity:.3}.___SNull_b3q4h_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_b3q4h_gg_.__hide_b3q4h_gg_{display:none}" /*__inner_css_end__*/, "b3q4h_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_b3q4h_gg_",
+  "--duration": "--duration_b3q4h",
+  "_color": "__color_b3q4h_gg_",
+  "--color": "--color_b3q4h",
+  "_hide": "__hide_b3q4h_gg_",
+  "_transparent": "__transparent_b3q4h_gg_",
+  "__SNull": "___SNull_b3q4h_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/lib/es6/Plot.js

@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1mr2k_gg_{overflow:hidden}.___SPlot_1mr2k_gg_:active,.___SPlot_1mr2k_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1mr2k_gg_.__keyboardFocused_1mr2k_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}" /*__inner_css_end__*/, "1mr2k_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_1mr2k_gg_",
-  "_keyboardFocused": "__keyboardFocused_1mr2k_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_419r0_gg_{overflow:hidden}.___SPlot_419r0_gg_:active,.___SPlot_419r0_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_419r0_gg_.__keyboardFocused_419r0_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}" /*__inner_css_end__*/, "419r0_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_419r0_gg_",
+  "_keyboardFocused": "__keyboardFocused_419r0_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);

package/lib/es6/Radar.js

@@ -18,23 +18,23 @@ import { line, lineRadial, curveLinearClosed, arc } from 'd3-shape';
 import createElement from './createElement';
 import { CONSTANT, eventToPoint, measureText } from './utils';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1v2yu_gg_,.___SAxisTick_1v2yu_gg_,.___SAxis_1v2yu_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1v2yu_gg_,.___SAxisTick_1v2yu_gg_{stroke-dasharray:2}.___SAxisLine_1v2yu_gg_.__active_1v2yu_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1v2yu_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1v2yu_gg_.__xDirection_1v2yu_gg_{text-anchor:var(--xDirection_1v2yu)}.___SAxisLabel_1v2yu_gg_.__yDirection_1v2yu_gg_{dominant-baseline:var(--yDirection_1v2yu)}.___SPolygonDot_1v2yu_gg_,.___SPolygon_1v2yu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1v2yu_gg_{opacity:.2}.___SPolygon_1v2yu_gg_.__color_1v2yu_gg_{fill:var(--color_1v2yu)}.___SPolygonDot_1v2yu_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1v2yu_gg_.__transparent_1v2yu_gg_{opacity:.3}.___SPolygonDot_1v2yu_gg_.__color_1v2yu_gg_{fill:var(--color_1v2yu)}.___SPolygonLine_1v2yu_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1v2yu_gg_.__transparent_1v2yu_gg_{opacity:.3}.___SPolygonLine_1v2yu_gg_.__color_1v2yu_gg_{stroke:var(--color_1v2yu)}.___SPieRect_1v2yu_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1v2yu_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_1v2yu_gg_",
-  "__SAxisLine": "___SAxisLine_1v2yu_gg_",
-  "__SAxisTick": "___SAxisTick_1v2yu_gg_",
-  "_active": "__active_1v2yu_gg_",
-  "__SAxisLabel": "___SAxisLabel_1v2yu_gg_",
-  "_xDirection": "__xDirection_1v2yu_gg_",
-  "--xDirection": "--xDirection_1v2yu",
-  "_yDirection": "__yDirection_1v2yu_gg_",
-  "--yDirection": "--yDirection_1v2yu",
-  "__SPolygon": "___SPolygon_1v2yu_gg_",
-  "_color": "__color_1v2yu_gg_",
-  "--color": "--color_1v2yu",
-  "__SPolygonDot": "___SPolygonDot_1v2yu_gg_",
-  "_transparent": "__transparent_1v2yu_gg_",
-  "__SPolygonLine": "___SPolygonLine_1v2yu_gg_",
-  "__SPieRect": "___SPieRect_1v2yu_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1rpjs_gg_,.___SAxisTick_1rpjs_gg_,.___SAxis_1rpjs_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1rpjs_gg_,.___SAxisTick_1rpjs_gg_{stroke-dasharray:2}.___SAxisLine_1rpjs_gg_.__active_1rpjs_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1rpjs_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1rpjs_gg_.__xDirection_1rpjs_gg_{text-anchor:var(--xDirection_1rpjs)}.___SAxisLabel_1rpjs_gg_.__yDirection_1rpjs_gg_{dominant-baseline:var(--yDirection_1rpjs)}.___SPolygonDot_1rpjs_gg_,.___SPolygon_1rpjs_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1rpjs_gg_{opacity:.2}.___SPolygon_1rpjs_gg_.__color_1rpjs_gg_{fill:var(--color_1rpjs)}.___SPolygonDot_1rpjs_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1rpjs_gg_.__transparent_1rpjs_gg_{opacity:.3}.___SPolygonDot_1rpjs_gg_.__color_1rpjs_gg_{fill:var(--color_1rpjs)}.___SPolygonLine_1rpjs_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1rpjs_gg_.__transparent_1rpjs_gg_{opacity:.3}.___SPolygonLine_1rpjs_gg_.__color_1rpjs_gg_{stroke:var(--color_1rpjs)}.___SPieRect_1rpjs_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1rpjs_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_1rpjs_gg_",
+  "__SAxisLine": "___SAxisLine_1rpjs_gg_",
+  "__SAxisTick": "___SAxisTick_1rpjs_gg_",
+  "_active": "__active_1rpjs_gg_",
+  "__SAxisLabel": "___SAxisLabel_1rpjs_gg_",
+  "_xDirection": "__xDirection_1rpjs_gg_",
+  "--xDirection": "--xDirection_1rpjs",
+  "_yDirection": "__yDirection_1rpjs_gg_",
+  "--yDirection": "--yDirection_1rpjs",
+  "__SPolygon": "___SPolygon_1rpjs_gg_",
+  "_color": "__color_1rpjs_gg_",
+  "--color": "--color_1rpjs",
+  "__SPolygonDot": "___SPolygonDot_1rpjs_gg_",
+  "_transparent": "__transparent_1rpjs_gg_",
+  "__SPolygonLine": "___SPolygonLine_1rpjs_gg_",
+  "__SPieRect": "___SPieRect_1rpjs_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/es6/RadialTree.js

@@ -21,18 +21,18 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import createElement from './createElement';
 import { measureText } from './utils';
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_4eadu_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_4eadu_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_4eadu_gg_.__color_4eadu_gg_{stroke:var(--color_4eadu)}.___SCap_4eadu_gg_.__transparent_4eadu_gg_,.___SIcon_4eadu_gg_.__transparent_4eadu_gg_,.___SLabel_4eadu_gg_.__transparent_4eadu_gg_,.___SLine_4eadu_gg_.__transparent_4eadu_gg_{opacity:.3}.___SCap_4eadu_gg_{transition:r .1s}.___SLabel_4eadu_gg_{fill:var(--color_4eadu);cursor:var(--text-cursor_4eadu)}@media (hover:hover){.___SRadian_4eadu_gg_:hover .___SLabel_4eadu_gg_{fill:var(--color-hovered_4eadu)}}@media (prefers-reduced-motion){.___SLineCap_4eadu_gg_{transition:none}}" /*__inner_css_end__*/, "4eadu_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_4eadu_gg_",
-  "__SLine": "___SLine_4eadu_gg_",
-  "_color": "__color_4eadu_gg_",
-  "--color": "--color_4eadu",
-  "_transparent": "__transparent_4eadu_gg_",
-  "__SCap": "___SCap_4eadu_gg_",
-  "__SIcon": "___SIcon_4eadu_gg_",
-  "__SLabel": "___SLabel_4eadu_gg_",
-  "--text-cursor": "--text-cursor_4eadu",
-  "--color-hovered": "--color-hovered_4eadu",
-  "__SLineCap": "___SLineCap_4eadu_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_szkz1_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_szkz1_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_szkz1_gg_.__color_szkz1_gg_{stroke:var(--color_szkz1)}.___SCap_szkz1_gg_.__transparent_szkz1_gg_,.___SIcon_szkz1_gg_.__transparent_szkz1_gg_,.___SLabel_szkz1_gg_.__transparent_szkz1_gg_,.___SLine_szkz1_gg_.__transparent_szkz1_gg_{opacity:.3}.___SCap_szkz1_gg_{transition:r .1s}.___SLabel_szkz1_gg_{fill:var(--color_szkz1);cursor:var(--text-cursor_szkz1)}@media (hover:hover){.___SRadian_szkz1_gg_:hover .___SLabel_szkz1_gg_{fill:var(--color-hovered_szkz1)}}@media (prefers-reduced-motion){.___SLineCap_szkz1_gg_{transition:none}}" /*__inner_css_end__*/, "szkz1_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_szkz1_gg_",
+  "__SLine": "___SLine_szkz1_gg_",
+  "_color": "__color_szkz1_gg_",
+  "--color": "--color_szkz1",
+  "_transparent": "__transparent_szkz1_gg_",
+  "__SCap": "___SCap_szkz1_gg_",
+  "__SIcon": "___SIcon_szkz1_gg_",
+  "__SLabel": "___SLabel_szkz1_gg_",
+  "--text-cursor": "--text-cursor_szkz1",
+  "--color-hovered": "--color-hovered_szkz1",
+  "__SLineCap": "___SLineCap_szkz1_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 var RadialTreeBase = /*#__PURE__*/function (_Component) {

package/lib/es6/ReferenceLine.js

@@ -11,15 +11,15 @@ import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/reference-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_14viy_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_14viy_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_14viy)}.___STitle_14viy_gg_._position_top_14viy_gg_{text-anchor:middle}.___STitle_14viy_gg_._position_bottom_14viy_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_14viy_gg_._position_left_14viy_gg_,.___STitle_14viy_gg_._position_right_14viy_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_14viy_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "14viy_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_14viy_gg_",
-  "__STitle": "___STitle_14viy_gg_",
-  "--transform-origin": "--transform-origin_14viy",
-  "_position_top": "_position_top_14viy_gg_",
-  "_position_bottom": "_position_bottom_14viy_gg_",
-  "_position_right": "_position_right_14viy_gg_",
-  "_position_left": "_position_left_14viy_gg_",
-  "__SBackground": "___SBackground_14viy_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_rqsbh_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_rqsbh_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_rqsbh)}.___STitle_rqsbh_gg_._position_top_rqsbh_gg_{text-anchor:middle}.___STitle_rqsbh_gg_._position_bottom_rqsbh_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_rqsbh_gg_._position_left_rqsbh_gg_,.___STitle_rqsbh_gg_._position_right_rqsbh_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_rqsbh_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "rqsbh_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_rqsbh_gg_",
+  "__STitle": "___STitle_rqsbh_gg_",
+  "--transform-origin": "--transform-origin_rqsbh",
+  "_position_top": "_position_top_rqsbh_gg_",
+  "_position_bottom": "_position_bottom_rqsbh_gg_",
+  "_position_right": "_position_right_rqsbh_gg_",
+  "_position_left": "_position_left_rqsbh_gg_",
+  "__SBackground": "___SBackground_rqsbh_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -16,13 +16,13 @@ import createElement from './createElement';
 import { CONSTANT } from './utils';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_2qom7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_2qom7);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_2qom7_gg_:hover{opacity:.8}}.___SScatterPlot_2qom7_gg_.__color_2qom7_gg_{fill:var(--color_2qom7)}.___SScatterPlot_2qom7_gg_.__transparent_2qom7_gg_{opacity:.3}.___SValue_2qom7_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_2qom7_gg_.__color_2qom7_gg_{stroke:var(--color_2qom7)}.___SValue_2qom7_gg_.__transparent_2qom7_gg_{opacity:.3}" /*__inner_css_end__*/, "2qom7_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_2qom7_gg_",
-  "--duration": "--duration_2qom7",
-  "_color": "__color_2qom7_gg_",
-  "--color": "--color_2qom7",
-  "_transparent": "__transparent_2qom7_gg_",
-  "__SValue": "___SValue_2qom7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_14873_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_14873);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_14873_gg_:hover{opacity:.8}}.___SScatterPlot_14873_gg_.__color_14873_gg_{fill:var(--color_14873)}.___SScatterPlot_14873_gg_.__transparent_14873_gg_{opacity:.3}.___SValue_14873_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_14873_gg_.__color_14873_gg_{stroke:var(--color_14873)}.___SValue_14873_gg_.__transparent_14873_gg_{opacity:.3}" /*__inner_css_end__*/, "14873_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_14873_gg_",
+  "--duration": "--duration_14873",
+  "_color": "__color_14873_gg_",
+  "--color": "--color_14873",
+  "_transparent": "__transparent_14873_gg_",
+  "__SValue": "___SValue_14873_gg_"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);

package/lib/es6/Tooltip.js

@@ -21,14 +21,14 @@ import resolveColor from '@semcore/utils/lib/color';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1i04z_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1i04z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1i04z_gg_{display:flex;align-items:center}.___SDot_1i04z_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1i04z_gg_.__color_1i04z_gg_{background:var(--color_1i04z)}.___SFooter_1i04z_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1i04z_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_1i04z_gg_",
-  "__STitle": "___STitle_1i04z_gg_",
-  "__SDotGroup": "___SDotGroup_1i04z_gg_",
-  "__SDot": "___SDot_1i04z_gg_",
-  "_color": "__color_1i04z_gg_",
-  "--color": "--color_1i04z",
-  "__SFooter": "___SFooter_1i04z_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1rjpw_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1rjpw_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1rjpw_gg_{display:flex;align-items:center}.___SDot_1rjpw_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1rjpw_gg_.__color_1rjpw_gg_{background:var(--color_1rjpw)}.___SFooter_1rjpw_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1rjpw_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_1rjpw_gg_",
+  "__STitle": "___STitle_1rjpw_gg_",
+  "__SDotGroup": "___SDotGroup_1rjpw_gg_",
+  "__SDot": "___SDot_1rjpw_gg_",
+  "_color": "__color_1rjpw_gg_",
+  "--color": "--color_1rjpw",
+  "__SFooter": "___SFooter_1rjpw_gg_"
 });
 var TooltipRoot = /*#__PURE__*/function (_Component) {
   _inherits(TooltipRoot, _Component);

package/lib/es6/Venn.js

@@ -15,13 +15,13 @@ import { FadeInOut } from '@semcore/animation';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_12o7j_gg_,.___SIntersection_12o7j_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_12o7j_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_12o7j);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_12o7j_gg_:hover{fill-opacity:.7}}.___SCircle_12o7j_gg_.__color_12o7j_gg_{fill:var(--color_12o7j)}.___SCircle_12o7j_gg_.__transparent_12o7j_gg_{opacity:.3}.___SIntersection_12o7j_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_12o7j_gg_:hover{fill-opacity:.1}}.___SIntersection_12o7j_gg_.__transparent_12o7j_gg_{opacity:.3}" /*__inner_css_end__*/, "12o7j_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_12o7j_gg_",
-  "--duration": "--duration_12o7j",
-  "_color": "__color_12o7j_gg_",
-  "--color": "--color_12o7j",
-  "_transparent": "__transparent_12o7j_gg_",
-  "__SIntersection": "___SIntersection_12o7j_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_s9tvb_gg_,.___SIntersection_s9tvb_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_s9tvb_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_s9tvb);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_s9tvb_gg_:hover{fill-opacity:.7}}.___SCircle_s9tvb_gg_.__color_s9tvb_gg_{fill:var(--color_s9tvb)}.___SCircle_s9tvb_gg_.__transparent_s9tvb_gg_{opacity:.3}.___SIntersection_s9tvb_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_s9tvb_gg_:hover{fill-opacity:.1}}.___SIntersection_s9tvb_gg_.__transparent_s9tvb_gg_{opacity:.3}" /*__inner_css_end__*/, "s9tvb_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_s9tvb_gg_",
+  "--duration": "--duration_s9tvb",
+  "_color": "__color_s9tvb_gg_",
+  "--color": "--color_s9tvb",
+  "_transparent": "__transparent_s9tvb_gg_",
+  "__SIntersection": "___SIntersection_s9tvb_gg_"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
   _inherits(VennRoot, _Component);

package/lib/es6/a11y/PlotA11yModule.js

@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1e1k4_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1e1k4_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1e1k4_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_1e1k4_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_cowo7_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_cowo7_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "cowo7_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_cowo7_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';
@@ -121,7 +121,8 @@ export var PlotA11yModule = function PlotA11yModule(props) {
   }
   return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SPlotA11yModule, _ref5.cn("SPlotA11yModule", _objectSpread({}, _assignProps3({
     "tabIndex": 0,
-    "onFocus": hadnleHiddenElementsFocus
+    "onFocus": hadnleHiddenElementsFocus,
+    "role": 'note'
   }, _ref))), t('disabled'));
 };
 //# sourceMappingURL=PlotA11yModule.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yModule.js","names":["React","normalizeLocale","localizedMessages","Root","sstyled","styles","_sstyled","insert","Context","I18nContext","useI18n","Box","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","_ref","arguments[0]","_ref5","SPlotA11yModule","_React$useState","useState","_React$useState2","_slicedToArray","wasFocused","setWasFocused","_React$useState3","_React$useState4","navWithKeyboard","setNavWithKeyboard","_React$useState5","_React$useState6","plotA11yView","setPlotA11yView","hadnleHiddenElementsFocus","useCallback","_React$useState7","_React$useState8","loading","setLoading","_React$useState9","_React$useState10","error","setError","contextLocale","useContext","locale","useMemo","_props$locale","t","useEffect","_props$plotRef$curren","focusListener","plotRef","current","addEventListener","_props$plotRef$curren2","removeEventListener","_document$body","keyboardListener","event","navigationKeys","includes","key","document","body","_document$body2","shouldDisplayView","then","_ref6","PlotA11yView","Component","console","_ref2","createElement","_extends","_ref3","cn","_objectSpread","_assignProps","_ref4","_assignProps2","_assignProps3"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { Context as I18nContext, useI18n } 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, localizedMessages),\n    [props.locale],\n  );\n  const t = useI18n(localizedMessages, 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        {t('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        {t('loading')}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={Box} tabIndex={0} onFocus={hadnleHiddenElementsFocus}>\n      {t('disabled')}\n    </SPlotA11yModule>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}
+{"version":3,"file":"PlotA11yModule.js","names":["React","normalizeLocale","localizedMessages","Root","sstyled","styles","_sstyled","insert","Context","I18nContext","useI18n","Box","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","_ref","arguments[0]","_ref5","SPlotA11yModule","_React$useState","useState","_React$useState2","_slicedToArray","wasFocused","setWasFocused","_React$useState3","_React$useState4","navWithKeyboard","setNavWithKeyboard","_React$useState5","_React$useState6","plotA11yView","setPlotA11yView","hadnleHiddenElementsFocus","useCallback","_React$useState7","_React$useState8","loading","setLoading","_React$useState9","_React$useState10","error","setError","contextLocale","useContext","locale","useMemo","_props$locale","t","useEffect","_props$plotRef$curren","focusListener","plotRef","current","addEventListener","_props$plotRef$curren2","removeEventListener","_document$body","keyboardListener","event","navigationKeys","includes","key","document","body","_document$body2","shouldDisplayView","then","_ref6","PlotA11yView","Component","console","_ref2","createElement","_extends","_ref3","cn","_objectSpread","_assignProps","_ref4","_assignProps2","_assignProps3"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { Context as I18nContext, useI18n } 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, localizedMessages),\n    [props.locale],\n  );\n  const t = useI18n(localizedMessages, 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        {t('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        {t('loading')}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={Box} tabIndex={0} onFocus={hadnleHiddenElementsFocus} role='note'>\n      {t('disabled')}\n    </SPlotA11yModule>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/es6/a11y/PlotA11yView.js

@@ -12,9 +12,9 @@ import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_pjyzq_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_pjyzq_gg_.__focus-within_pjyzq_gg_,.___SPlotA11yView_pjyzq_gg_:focus{-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_pjyzq_gg_:focus,.___SPlotA11yView_pjyzq_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_pjyzq_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_pjyzq_gg_ table,.___SPlotA11yView_pjyzq_gg_ td,.___SPlotA11yView_pjyzq_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "pjyzq_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_pjyzq_gg_",
-  "_focus-within": "__focus-within_pjyzq_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_14blm_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_14blm_gg_.__focus-within_14blm_gg_,.___SPlotA11yView_14blm_gg_:focus{-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_14blm_gg_:focus,.___SPlotA11yView_14blm_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_14blm_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_14blm_gg_ table,.___SPlotA11yView_14blm_gg_ td,.___SPlotA11yView_14blm_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "14blm_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_14blm_gg_",
+  "_focus-within": "__focus-within_14blm_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.13.9",
+  "version": "2.13.11",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",