@semcore/d3-chart 3.54.0 → 3.55.2

package/lib/es6/CompactHorizontalBar.js

@@ -23,22 +23,22 @@ import Tooltip from './Tooltip';
 import { eventToPoint } from './utils';
 import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1ocy0_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ocy0);transition-timing-function:ease-in-out}.___SBar_1ocy0_gg_.__color_1ocy0_gg_{fill:var(--color_1ocy0)}.___SBar_1ocy0_gg_.__pattern_1ocy0_gg_.__color_1ocy0_gg_{fill:var(--pattern_1ocy0);stroke:var(--color_1ocy0);stroke-width:1px}.___SBar_1ocy0_gg_.__hide_1ocy0_gg_{display:none}.___SBar_1ocy0_gg_.__transparent_1ocy0_gg_{opacity:.3}.___SBackground_1ocy0_gg_.__onClick_1ocy0_gg_,.___SBar_1ocy0_gg_.__onClick_1ocy0_gg_{cursor:pointer}.___SBackground_1ocy0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1ocy0_gg_{display:flex;justify-content:space-between}.___SBarLabel_1ocy0_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1ocy0_gg_,.___SBarPercent_1ocy0_gg_,.___SBarValue_1ocy0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1ocy0_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1ocy0_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1ocy0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1ocy0_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1ocy0_gg_",
-  "--duration": "--duration_1ocy0",
-  "_color": "__color_1ocy0_gg_",
-  "--color": "--color_1ocy0",
-  "_pattern": "__pattern_1ocy0_gg_",
-  "--pattern": "--pattern_1ocy0",
-  "_hide": "__hide_1ocy0_gg_",
-  "_transparent": "__transparent_1ocy0_gg_",
-  "_onClick": "__onClick_1ocy0_gg_",
-  "__SBackground": "___SBackground_1ocy0_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_1ocy0_gg_",
-  "__SBarLabel": "___SBarLabel_1ocy0_gg_",
-  "__SBarPercent": "___SBarPercent_1ocy0_gg_",
-  "__SBarValue": "___SBarValue_1ocy0_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1ocy0_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_vqjd4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_vqjd4);transition-timing-function:ease-in-out}.___SBar_vqjd4_gg_.__color_vqjd4_gg_{fill:var(--color_vqjd4)}.___SBar_vqjd4_gg_.__pattern_vqjd4_gg_.__color_vqjd4_gg_{fill:var(--pattern_vqjd4);stroke:var(--color_vqjd4);stroke-width:1px}.___SBar_vqjd4_gg_.__hide_vqjd4_gg_{display:none}.___SBar_vqjd4_gg_.__transparent_vqjd4_gg_{opacity:.3}.___SBackground_vqjd4_gg_.__onClick_vqjd4_gg_,.___SBar_vqjd4_gg_.__onClick_vqjd4_gg_{cursor:pointer}.___SBackground_vqjd4_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_vqjd4_gg_{display:flex;justify-content:space-between}.___SBarLabel_vqjd4_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_vqjd4_gg_,.___SBarPercent_vqjd4_gg_,.___SBarValue_vqjd4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_vqjd4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_vqjd4_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_vqjd4_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "vqjd4_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_vqjd4_gg_",
+  "--duration": "--duration_vqjd4",
+  "_color": "__color_vqjd4_gg_",
+  "--color": "--color_vqjd4",
+  "_pattern": "__pattern_vqjd4_gg_",
+  "--pattern": "--pattern_vqjd4",
+  "_hide": "__hide_vqjd4_gg_",
+  "_transparent": "__transparent_vqjd4_gg_",
+  "_onClick": "__onClick_vqjd4_gg_",
+  "__SBackground": "___SBackground_vqjd4_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_vqjd4_gg_",
+  "__SBarLabel": "___SBarLabel_vqjd4_gg_",
+  "__SBarPercent": "___SBarPercent_vqjd4_gg_",
+  "__SBarValue": "___SBarValue_vqjd4_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_vqjd4_gg_"
 });
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import { Box } from '@semcore/flex-box';

package/lib/es6/Donut.js

@@ -23,15 +23,15 @@ import { getChartDefaultColorName } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_1kn3c_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1kn3c_gg_.__color_1kn3c_gg_{fill:var(--color_1kn3c)}.___SPie_1kn3c_gg_.__pattern_1kn3c_gg_.__color_1kn3c_gg_{fill:var(--pattern_1kn3c);stroke:var(--color_1kn3c);stroke-width:1px}.___SPie_1kn3c_gg_.__transparent_1kn3c_gg_{opacity:.3}.___SEmptyData_1kn3c_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1kn3c_gg_.__color_1kn3c_gg_{fill:var(--color_1kn3c)}.___SLabel_1kn3c_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1kn3c_gg_") /*__reshadow_css_end__*/, {
-  "__SPie": "___SPie_1kn3c_gg_",
-  "_color": "__color_1kn3c_gg_",
-  "--color": "--color_1kn3c",
-  "_pattern": "__pattern_1kn3c_gg_",
-  "--pattern": "--pattern_1kn3c",
-  "_transparent": "__transparent_1kn3c_gg_",
-  "__SEmptyData": "___SEmptyData_1kn3c_gg_",
-  "__SLabel": "___SLabel_1kn3c_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_w0bry_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_w0bry_gg_.__color_w0bry_gg_{fill:var(--color_w0bry)}.___SPie_w0bry_gg_.__pattern_w0bry_gg_.__color_w0bry_gg_{fill:var(--pattern_w0bry);stroke:var(--color_w0bry);stroke-width:1px}.___SPie_w0bry_gg_.__transparent_w0bry_gg_{opacity:.3}.___SEmptyData_w0bry_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_w0bry_gg_.__color_w0bry_gg_{fill:var(--color_w0bry)}.___SLabel_w0bry_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "w0bry_gg_") /*__reshadow_css_end__*/, {
+  "__SPie": "___SPie_w0bry_gg_",
+  "_color": "__color_w0bry_gg_",
+  "--color": "--color_w0bry",
+  "_pattern": "__pattern_w0bry_gg_",
+  "--pattern": "--pattern_w0bry",
+  "_transparent": "__transparent_w0bry_gg_",
+  "__SEmptyData": "___SEmptyData_w0bry_gg_",
+  "__SLabel": "___SLabel_w0bry_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 function transitionAnglePie(_ref6) {

package/lib/es6/Dots.js

@@ -7,14 +7,14 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_7k83t_gg_ .___SDot_7k83t_gg_{transition-duration:var(--duration_7k83t)}.___SDot_7k83t_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_7k83t_gg_.__hide_7k83t_gg_{display:none}.___SDot_7k83t_gg_.__color_7k83t_gg_{fill:var(--color_7k83t)}.___SDot_7k83t_gg_.__transparent_7k83t_gg_{opacity:.3}" /*__inner_css_end__*/, "7k83t_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_7k83t_gg_",
-  "_hide": "__hide_7k83t_gg_",
-  "_color": "__color_7k83t_gg_",
-  "--color": "--color_7k83t",
-  "_transparent": "__transparent_7k83t_gg_",
-  "__SDots": "___SDots_7k83t_gg_",
-  "--duration": "--duration_7k83t"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_1aphb_gg_ .___SDot_1aphb_gg_{transition-duration:var(--duration_1aphb)}.___SDot_1aphb_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_1aphb_gg_.__hide_1aphb_gg_{display:none}.___SDot_1aphb_gg_.__color_1aphb_gg_{fill:var(--color_1aphb)}.___SDot_1aphb_gg_.__transparent_1aphb_gg_{opacity:.3}" /*__inner_css_end__*/, "1aphb_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_1aphb_gg_",
+  "_hide": "__hide_1aphb_gg_",
+  "_color": "__color_1aphb_gg_",
+  "--color": "--color_1aphb",
+  "_transparent": "__transparent_1aphb_gg_",
+  "__SDots": "___SDots_1aphb_gg_",
+  "--duration": "--duration_1aphb"
 });
 import { PatternSymbol, getPatternSymbolSize } from './Pattern';
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];

package/lib/es6/HorizontalBar.js

@@ -13,22 +13,22 @@ import AnimatedClipPath from './AnimatedClipPath';
 import { scaleToBand, roundedPath } from './utils';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1ocy0_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ocy0);transition-timing-function:ease-in-out}.___SBar_1ocy0_gg_.__color_1ocy0_gg_{fill:var(--color_1ocy0)}.___SBar_1ocy0_gg_.__pattern_1ocy0_gg_.__color_1ocy0_gg_{fill:var(--pattern_1ocy0);stroke:var(--color_1ocy0);stroke-width:1px}.___SBar_1ocy0_gg_.__hide_1ocy0_gg_{display:none}.___SBar_1ocy0_gg_.__transparent_1ocy0_gg_{opacity:.3}.___SBackground_1ocy0_gg_.__onClick_1ocy0_gg_,.___SBar_1ocy0_gg_.__onClick_1ocy0_gg_{cursor:pointer}.___SBackground_1ocy0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1ocy0_gg_{display:flex;justify-content:space-between}.___SBarLabel_1ocy0_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1ocy0_gg_,.___SBarPercent_1ocy0_gg_,.___SBarValue_1ocy0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1ocy0_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1ocy0_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1ocy0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1ocy0_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1ocy0_gg_",
-  "--duration": "--duration_1ocy0",
-  "_color": "__color_1ocy0_gg_",
-  "--color": "--color_1ocy0",
-  "_pattern": "__pattern_1ocy0_gg_",
-  "--pattern": "--pattern_1ocy0",
-  "_hide": "__hide_1ocy0_gg_",
-  "_transparent": "__transparent_1ocy0_gg_",
-  "_onClick": "__onClick_1ocy0_gg_",
-  "__SBackground": "___SBackground_1ocy0_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_1ocy0_gg_",
-  "__SBarLabel": "___SBarLabel_1ocy0_gg_",
-  "__SBarPercent": "___SBarPercent_1ocy0_gg_",
-  "__SBarValue": "___SBarValue_1ocy0_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1ocy0_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_vqjd4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_vqjd4);transition-timing-function:ease-in-out}.___SBar_vqjd4_gg_.__color_vqjd4_gg_{fill:var(--color_vqjd4)}.___SBar_vqjd4_gg_.__pattern_vqjd4_gg_.__color_vqjd4_gg_{fill:var(--pattern_vqjd4);stroke:var(--color_vqjd4);stroke-width:1px}.___SBar_vqjd4_gg_.__hide_vqjd4_gg_{display:none}.___SBar_vqjd4_gg_.__transparent_vqjd4_gg_{opacity:.3}.___SBackground_vqjd4_gg_.__onClick_vqjd4_gg_,.___SBar_vqjd4_gg_.__onClick_vqjd4_gg_{cursor:pointer}.___SBackground_vqjd4_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_vqjd4_gg_{display:flex;justify-content:space-between}.___SBarLabel_vqjd4_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_vqjd4_gg_,.___SBarPercent_vqjd4_gg_,.___SBarValue_vqjd4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_vqjd4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_vqjd4_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_vqjd4_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "vqjd4_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_vqjd4_gg_",
+  "--duration": "--duration_vqjd4",
+  "_color": "__color_vqjd4_gg_",
+  "--color": "--color_vqjd4",
+  "_pattern": "__pattern_vqjd4_gg_",
+  "--pattern": "--pattern_vqjd4",
+  "_hide": "__hide_vqjd4_gg_",
+  "_transparent": "__transparent_vqjd4_gg_",
+  "_onClick": "__onClick_vqjd4_gg_",
+  "__SBackground": "___SBackground_vqjd4_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_vqjd4_gg_",
+  "__SBarLabel": "___SBarLabel_vqjd4_gg_",
+  "__SBarPercent": "___SBarPercent_vqjd4_gg_",
+  "__SBarValue": "___SBarValue_vqjd4_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_vqjd4_gg_"
 });
 export var MIN_WIDTH = 2;
 var calcPartBarX = function calcPartBarX(x, minWidth, width) {

package/lib/es6/Hover.js

@@ -16,9 +16,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, scaleToBand } from './utils';
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_jvauc_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_jvauc_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "jvauc_gg_") /*__reshadow_css_end__*/, {
-  "__SHoverLine": "___SHoverLine_jvauc_gg_",
-  "__SHoverRect": "___SHoverRect_jvauc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_ktdwh_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_ktdwh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "ktdwh_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_ktdwh_gg_",
+  "__SHoverRect": "___SHoverRect_ktdwh_gg_"
 });
 import Tooltip from './Tooltip';
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/es6/Line.js

@@ -15,15 +15,15 @@ import Dots from './Dots';
 import AnimatedClipPath from './AnimatedClipPath';
 import { resolvePatternDasharray } from './Pattern';
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_2p4bm_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_2p4bm);transition-timing-function:ease-in-out}.___SLine_2p4bm_gg_.__color_2p4bm_gg_{stroke:var(--color_2p4bm)}.___SLine_2p4bm_gg_.__hide_2p4bm_gg_{display:none}.___SLine_2p4bm_gg_.__transparent_2p4bm_gg_{opacity:.3}.___SNull_2p4bm_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_2p4bm_gg_.__hide_2p4bm_gg_{display:none}.___SLineArea_2p4bm_gg_{transition-property:d;transition-duration:var(--duration_2p4bm);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_2p4bm_gg_.__color_2p4bm_gg_{fill:var(--color_2p4bm)}" /*__inner_css_end__*/, "2p4bm_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_2p4bm_gg_",
-  "--duration": "--duration_2p4bm",
-  "_color": "__color_2p4bm_gg_",
-  "--color": "--color_2p4bm",
-  "_hide": "__hide_2p4bm_gg_",
-  "_transparent": "__transparent_2p4bm_gg_",
-  "__SNull": "___SNull_2p4bm_gg_",
-  "__SLineArea": "___SLineArea_2p4bm_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_a8hw2_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_a8hw2);transition-timing-function:ease-in-out}.___SLine_a8hw2_gg_.__color_a8hw2_gg_{stroke:var(--color_a8hw2)}.___SLine_a8hw2_gg_.__hide_a8hw2_gg_{display:none}.___SLine_a8hw2_gg_.__transparent_a8hw2_gg_{opacity:.3}.___SNull_a8hw2_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_a8hw2_gg_.__hide_a8hw2_gg_{display:none}.___SLineArea_a8hw2_gg_{transition-property:d;transition-duration:var(--duration_a8hw2);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_a8hw2_gg_.__color_a8hw2_gg_{fill:var(--color_a8hw2)}" /*__inner_css_end__*/, "a8hw2_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_a8hw2_gg_",
+  "--duration": "--duration_a8hw2",
+  "_color": "__color_a8hw2_gg_",
+  "--color": "--color_a8hw2",
+  "_hide": "__hide_a8hw2_gg_",
+  "_transparent": "__transparent_a8hw2_gg_",
+  "__SNull": "___SNull_a8hw2_gg_",
+  "__SLineArea": "___SLineArea_a8hw2_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/lib/es6/Plot.js

@@ -18,9 +18,9 @@ import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 import colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1pt2m_gg_{overflow:hidden}.___SPlot_1pt2m_gg_:active,.___SPlot_1pt2m_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1pt2m_gg_.__keyboardFocused_1pt2m_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.5))}" /*__inner_css_end__*/, "1pt2m_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_1pt2m_gg_",
-  "_keyboardFocused": "__keyboardFocused_1pt2m_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_axwzv_gg_{overflow:hidden}.___SPlot_axwzv_gg_:active,.___SPlot_axwzv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_axwzv_gg_.__keyboardFocused_axwzv_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.5))}" /*__inner_css_end__*/, "axwzv_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_axwzv_gg_",
+  "_keyboardFocused": "__keyboardFocused_axwzv_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);

package/lib/es6/Radar.js

@@ -22,25 +22,25 @@ import { eventToPoint, getChartDefaultColorName, measureText } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_13143_gg_,.___SAxisTick_13143_gg_,.___SAxis_13143_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_13143_gg_,.___SAxisTick_13143_gg_{stroke-dasharray:2}.___SAxisLine_13143_gg_.__active_13143_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_13143_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_13143_gg_.__xDirection_13143_gg_{text-anchor:var(--xDirection_13143)}.___SAxisLabel_13143_gg_.__yDirection_13143_gg_{dominant-baseline:var(--yDirection_13143)}.___SPolygonDot_13143_gg_,.___SPolygon_13143_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_13143_gg_{opacity:.2}.___SPolygon_13143_gg_.__color_13143_gg_{fill:var(--color_13143)}.___SPolygon_13143_gg_.__pattern_13143_gg_.__color_13143_gg_{fill:var(--pattern_13143);stroke:var(--color_13143);stroke-width:1px}.___SPolygonDot_13143_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_13143_gg_.__transparent_13143_gg_{opacity:.3}.___SPolygonDot_13143_gg_.__color_13143_gg_{fill:var(--color_13143)}.___SPolygonLine_13143_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_13143_gg_.__transparent_13143_gg_{opacity:.3}.___SPolygonLine_13143_gg_.__color_13143_gg_{stroke:var(--color_13143)}.___SPieRect_13143_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "13143_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_13143_gg_",
-  "__SAxisLine": "___SAxisLine_13143_gg_",
-  "__SAxisTick": "___SAxisTick_13143_gg_",
-  "_active": "__active_13143_gg_",
-  "__SAxisLabel": "___SAxisLabel_13143_gg_",
-  "_xDirection": "__xDirection_13143_gg_",
-  "--xDirection": "--xDirection_13143",
-  "_yDirection": "__yDirection_13143_gg_",
-  "--yDirection": "--yDirection_13143",
-  "__SPolygon": "___SPolygon_13143_gg_",
-  "_color": "__color_13143_gg_",
-  "--color": "--color_13143",
-  "_pattern": "__pattern_13143_gg_",
-  "--pattern": "--pattern_13143",
-  "__SPolygonDot": "___SPolygonDot_13143_gg_",
-  "_transparent": "__transparent_13143_gg_",
-  "__SPolygonLine": "___SPolygonLine_13143_gg_",
-  "__SPieRect": "___SPieRect_13143_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_u5a31_gg_,.___SAxisTick_u5a31_gg_,.___SAxis_u5a31_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_u5a31_gg_,.___SAxisTick_u5a31_gg_{stroke-dasharray:2}.___SAxisLine_u5a31_gg_.__active_u5a31_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_u5a31_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_u5a31_gg_.__xDirection_u5a31_gg_{text-anchor:var(--xDirection_u5a31)}.___SAxisLabel_u5a31_gg_.__yDirection_u5a31_gg_{dominant-baseline:var(--yDirection_u5a31)}.___SPolygonDot_u5a31_gg_,.___SPolygon_u5a31_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_u5a31_gg_{opacity:.2}.___SPolygon_u5a31_gg_.__color_u5a31_gg_{fill:var(--color_u5a31)}.___SPolygon_u5a31_gg_.__pattern_u5a31_gg_.__color_u5a31_gg_{fill:var(--pattern_u5a31);stroke:var(--color_u5a31);stroke-width:1px}.___SPolygonDot_u5a31_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_u5a31_gg_.__transparent_u5a31_gg_{opacity:.3}.___SPolygonDot_u5a31_gg_.__color_u5a31_gg_{fill:var(--color_u5a31)}.___SPolygonLine_u5a31_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_u5a31_gg_.__transparent_u5a31_gg_{opacity:.3}.___SPolygonLine_u5a31_gg_.__color_u5a31_gg_{stroke:var(--color_u5a31)}.___SPieRect_u5a31_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "u5a31_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_u5a31_gg_",
+  "__SAxisLine": "___SAxisLine_u5a31_gg_",
+  "__SAxisTick": "___SAxisTick_u5a31_gg_",
+  "_active": "__active_u5a31_gg_",
+  "__SAxisLabel": "___SAxisLabel_u5a31_gg_",
+  "_xDirection": "__xDirection_u5a31_gg_",
+  "--xDirection": "--xDirection_u5a31",
+  "_yDirection": "__yDirection_u5a31_gg_",
+  "--yDirection": "--yDirection_u5a31",
+  "__SPolygon": "___SPolygon_u5a31_gg_",
+  "_color": "__color_u5a31_gg_",
+  "--color": "--color_u5a31",
+  "_pattern": "__pattern_u5a31_gg_",
+  "--pattern": "--pattern_u5a31",
+  "__SPolygonDot": "___SPolygonDot_u5a31_gg_",
+  "_transparent": "__transparent_u5a31_gg_",
+  "__SPolygonLine": "___SPolygonLine_u5a31_gg_",
+  "__SPieRect": "___SPieRect_u5a31_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/es6/RadialTree.js

@@ -21,18 +21,18 @@ import createElement from './createElement';
 import { getChartDefaultColorName, measureText } from './utils';
 import { PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1mbfx_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1mbfx_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1mbfx_gg_.__stroke_1mbfx_gg_{stroke:var(--stroke_1mbfx)}.___SLine_1mbfx_gg_.__transparent_1mbfx_gg_{opacity:.3}.___SCap_1mbfx_gg_{transition:r .1s}.___SCap_1mbfx_gg_.__pattern_1mbfx_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1mbfx_gg_.__transparent_1mbfx_gg_,.___SIcon_1mbfx_gg_.__transparent_1mbfx_gg_,.___SLabel_1mbfx_gg_.__transparent_1mbfx_gg_{opacity:.3}.___SLabel_1mbfx_gg_{fill:var(--color_1mbfx)}@media (hover:hover){.___SRadian_1mbfx_gg_:hover .___SLabel_1mbfx_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1mbfx_gg_{transition:none}}" /*__inner_css_end__*/, "1mbfx_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_1mbfx_gg_",
-  "__SLine": "___SLine_1mbfx_gg_",
-  "_stroke": "__stroke_1mbfx_gg_",
-  "--stroke": "--stroke_1mbfx",
-  "_transparent": "__transparent_1mbfx_gg_",
-  "__SCap": "___SCap_1mbfx_gg_",
-  "_pattern": "__pattern_1mbfx_gg_",
-  "__SIcon": "___SIcon_1mbfx_gg_",
-  "__SLabel": "___SLabel_1mbfx_gg_",
-  "--color": "--color_1mbfx",
-  "__SLineCap": "___SLineCap_1mbfx_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_rwe3h_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_rwe3h_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_rwe3h_gg_.__stroke_rwe3h_gg_{stroke:var(--stroke_rwe3h)}.___SLine_rwe3h_gg_.__transparent_rwe3h_gg_{opacity:.3}.___SCap_rwe3h_gg_{transition:r .1s}.___SCap_rwe3h_gg_.__pattern_rwe3h_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_rwe3h_gg_.__transparent_rwe3h_gg_,.___SIcon_rwe3h_gg_.__transparent_rwe3h_gg_,.___SLabel_rwe3h_gg_.__transparent_rwe3h_gg_{opacity:.3}.___SLabel_rwe3h_gg_{fill:var(--color_rwe3h)}@media (hover:hover){.___SRadian_rwe3h_gg_:hover .___SLabel_rwe3h_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_rwe3h_gg_{transition:none}}" /*__inner_css_end__*/, "rwe3h_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_rwe3h_gg_",
+  "__SLine": "___SLine_rwe3h_gg_",
+  "_stroke": "__stroke_rwe3h_gg_",
+  "--stroke": "--stroke_rwe3h",
+  "_transparent": "__transparent_rwe3h_gg_",
+  "__SCap": "___SCap_rwe3h_gg_",
+  "_pattern": "__pattern_rwe3h_gg_",
+  "__SIcon": "___SIcon_rwe3h_gg_",
+  "__SLabel": "___SLabel_rwe3h_gg_",
+  "--color": "--color_rwe3h",
+  "__SLineCap": "___SLineCap_rwe3h_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 var RadialTreeBase = /*#__PURE__*/function (_Component) {

package/lib/es6/Reference.js

@@ -12,18 +12,18 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/reference.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_ubj1i_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_ubj1i_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_ubj1i)}.___STitle_ubj1i_gg_._position_top_ubj1i_gg_{text-anchor:middle}.___STitle_ubj1i_gg_._position_bottom_ubj1i_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_ubj1i_gg_._position_left_ubj1i_gg_,.___STitle_ubj1i_gg_._position_right_ubj1i_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_ubj1i_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_ubj1i_gg_{fill:var(--fill_ubj1i)}.___SStripesPatternPath_ubj1i_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}" /*__inner_css_end__*/, "ubj1i_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_ubj1i_gg_",
-  "__STitle": "___STitle_ubj1i_gg_",
-  "--transform-origin": "--transform-origin_ubj1i",
-  "_position_top": "_position_top_ubj1i_gg_",
-  "_position_bottom": "_position_bottom_ubj1i_gg_",
-  "_position_right": "_position_right_ubj1i_gg_",
-  "_position_left": "_position_left_ubj1i_gg_",
-  "__SBackground": "___SBackground_ubj1i_gg_",
-  "__SStripes": "___SStripes_ubj1i_gg_",
-  "--fill": "--fill_ubj1i",
-  "__SStripesPatternPath": "___SStripesPatternPath_ubj1i_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_pndv3_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_pndv3_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_pndv3)}.___STitle_pndv3_gg_._position_top_pndv3_gg_{text-anchor:middle}.___STitle_pndv3_gg_._position_bottom_pndv3_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_pndv3_gg_._position_left_pndv3_gg_,.___STitle_pndv3_gg_._position_right_pndv3_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_pndv3_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_pndv3_gg_{fill:var(--fill_pndv3)}.___SStripesPatternPath_pndv3_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}" /*__inner_css_end__*/, "pndv3_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_pndv3_gg_",
+  "__STitle": "___STitle_pndv3_gg_",
+  "--transform-origin": "--transform-origin_pndv3",
+  "_position_top": "_position_top_pndv3_gg_",
+  "_position_bottom": "_position_bottom_pndv3_gg_",
+  "_position_right": "_position_right_pndv3_gg_",
+  "_position_left": "_position_left_pndv3_gg_",
+  "__SBackground": "___SBackground_pndv3_gg_",
+  "__SStripes": "___SStripes_pndv3_gg_",
+  "--fill": "--fill_pndv3",
+  "__SStripesPatternPath": "___SStripesPatternPath_pndv3_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -18,15 +18,15 @@ import { getScatterPlotRadius } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_pot5s_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_pot5s);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_pot5s_gg_:hover{opacity:.8}}.___SScatterPlot_pot5s_gg_.__color_pot5s_gg_{fill:var(--color_pot5s)}.___SScatterPlot_pot5s_gg_.__pattern_pot5s_gg_.__color_pot5s_gg_{fill:var(--pattern_pot5s);stroke:var(--color_pot5s);stroke-width:1px}.___SScatterPlot_pot5s_gg_.__transparent_pot5s_gg_{opacity:.3}.___SValue_pot5s_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_pot5s_gg_.__color_pot5s_gg_{stroke:var(--color_pot5s)}.___SValue_pot5s_gg_.__transparent_pot5s_gg_{opacity:.3}" /*__inner_css_end__*/, "pot5s_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_pot5s_gg_",
-  "_color": "__color_pot5s_gg_",
-  "--color": "--color_pot5s",
-  "_pattern": "__pattern_pot5s_gg_",
-  "--pattern": "--pattern_pot5s",
-  "_transparent": "__transparent_pot5s_gg_",
-  "__SValue": "___SValue_pot5s_gg_",
-  "--duration": "--duration_pot5s"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1fbca_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1fbca);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1fbca_gg_:hover{opacity:.8}}.___SScatterPlot_1fbca_gg_.__color_1fbca_gg_{fill:var(--color_1fbca)}.___SScatterPlot_1fbca_gg_.__pattern_1fbca_gg_.__color_1fbca_gg_{fill:var(--pattern_1fbca);stroke:var(--color_1fbca);stroke-width:1px}.___SScatterPlot_1fbca_gg_.__transparent_1fbca_gg_{opacity:.3}.___SValue_1fbca_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1fbca_gg_.__color_1fbca_gg_{stroke:var(--color_1fbca)}.___SValue_1fbca_gg_.__transparent_1fbca_gg_{opacity:.3}" /*__inner_css_end__*/, "1fbca_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_1fbca_gg_",
+  "_color": "__color_1fbca_gg_",
+  "--color": "--color_1fbca",
+  "_pattern": "__pattern_1fbca_gg_",
+  "--pattern": "--pattern_1fbca",
+  "_transparent": "__transparent_1fbca_gg_",
+  "__SValue": "___SValue_1fbca_gg_",
+  "--duration": "--duration_1fbca"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);

package/lib/es6/Tooltip.js

@@ -21,15 +21,15 @@ import createElement from './createElement';
 import { getChartDefaultColorName } from './utils';
 import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1lxfx_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_1lxfx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1lxfx_gg_{display:flex;align-items:center}.___SDot_1lxfx_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1lxfx_gg_.__color_1lxfx_gg_{background-color:var(--color_1lxfx);width:8px;height:8px;border-radius:50%}.___SFooter_1lxfx_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__*/, "1lxfx_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_1lxfx_gg_",
-  "__STitle": "___STitle_1lxfx_gg_",
-  "__SDotGroup": "___SDotGroup_1lxfx_gg_",
-  "__SDot": "___SDot_1lxfx_gg_",
-  "__SDotCircle": "___SDotCircle_1lxfx_gg_",
-  "_color": "__color_1lxfx_gg_",
-  "--color": "--color_1lxfx",
-  "__SFooter": "___SFooter_1lxfx_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_6mzzo_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_6mzzo_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_6mzzo_gg_{display:flex;align-items:center}.___SDot_6mzzo_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_6mzzo_gg_.__color_6mzzo_gg_{background-color:var(--color_6mzzo);width:8px;height:8px;border-radius:50%}.___SFooter_6mzzo_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__*/, "6mzzo_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_6mzzo_gg_",
+  "__STitle": "___STitle_6mzzo_gg_",
+  "__SDotGroup": "___SDotGroup_6mzzo_gg_",
+  "__SDot": "___SDot_6mzzo_gg_",
+  "__SDotCircle": "___SDotCircle_6mzzo_gg_",
+  "_color": "__color_6mzzo_gg_",
+  "--color": "--color_6mzzo",
+  "__SFooter": "___SFooter_6mzzo_gg_"
 });
 import { PatternSymbol } from './Pattern';
 

package/lib/es6/Venn.js

@@ -20,15 +20,15 @@ import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_10lwc_gg_,.___SIntersection_10lwc_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_10lwc_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_10lwc);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_10lwc_gg_:hover{fill-opacity:.7}}.___SCircle_10lwc_gg_.__color_10lwc_gg_{fill:var(--color_10lwc)}.___SCircle_10lwc_gg_.__pattern_10lwc_gg_.__color_10lwc_gg_{fill:var(--pattern_10lwc);fill-opacity:.7;stroke:var(--color_10lwc);stroke-width:1px}@media (hover:hover){.___SCircle_10lwc_gg_.__pattern_10lwc_gg_.__color_10lwc_gg_:hover{fill-opacity:.85}}.___SCircle_10lwc_gg_.__transparent_10lwc_gg_{opacity:.3}.___SIntersection_10lwc_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_10lwc_gg_:hover{fill-opacity:.1}}.___SIntersection_10lwc_gg_.__transparent_10lwc_gg_{opacity:.3}" /*__inner_css_end__*/, "10lwc_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_10lwc_gg_",
-  "_color": "__color_10lwc_gg_",
-  "--color": "--color_10lwc",
-  "_transparent": "__transparent_10lwc_gg_",
-  "__SIntersection": "___SIntersection_10lwc_gg_",
-  "--duration": "--duration_10lwc",
-  "_pattern": "__pattern_10lwc_gg_",
-  "--pattern": "--pattern_10lwc"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_9ke4h_gg_,.___SIntersection_9ke4h_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_9ke4h_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_9ke4h);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_9ke4h_gg_:hover{fill-opacity:.7}}.___SCircle_9ke4h_gg_.__color_9ke4h_gg_{fill:var(--color_9ke4h)}.___SCircle_9ke4h_gg_.__pattern_9ke4h_gg_.__color_9ke4h_gg_{fill:var(--pattern_9ke4h);fill-opacity:.7;stroke:var(--color_9ke4h);stroke-width:1px}@media (hover:hover){.___SCircle_9ke4h_gg_.__pattern_9ke4h_gg_.__color_9ke4h_gg_:hover{fill-opacity:.85}}.___SCircle_9ke4h_gg_.__transparent_9ke4h_gg_{opacity:.3}.___SIntersection_9ke4h_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_9ke4h_gg_:hover{fill-opacity:.1}}.___SIntersection_9ke4h_gg_.__transparent_9ke4h_gg_{opacity:.3}" /*__inner_css_end__*/, "9ke4h_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_9ke4h_gg_",
+  "_color": "__color_9ke4h_gg_",
+  "--color": "--color_9ke4h",
+  "_transparent": "__transparent_9ke4h_gg_",
+  "__SIntersection": "___SIntersection_9ke4h_gg_",
+  "--duration": "--duration_9ke4h",
+  "_pattern": "__pattern_9ke4h_gg_",
+  "--pattern": "--pattern_9ke4h"
 });
 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_100fm_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_100fm_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "100fm_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_100fm_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1rqzh_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1rqzh_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1rqzh_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_1rqzh_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

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\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        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\n  plotRef: React.RefObject<HTMLElement>;\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        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":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;AAAA;AAE9C,SAASC,OAAO,IAAIC,WAAW,EAAEC,OAAO,QAAQ,sCAAsC;AACtF,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,IAAIC,gBAAgB,GAAG,KAAK;AAC5B,IAAIC,qBAAqB,GAAG,KAAK;AAajC,OAAO,IAAMC,cAAuC,GAAG,SAA1CA,cAAuCA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChE,IAAMC,eAAe,GAgGMR,GAAG;EA/F9B,IAAAS,eAAA,GAAoCpB,KAAK,CAACqB,QAAQ,CAACT,gBAAgB,CAAC;IAAAU,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA7DI,UAAU,GAAAF,gBAAA;IAAEG,aAAa,GAAAH,gBAAA;EAChC,IAAAI,gBAAA,GAA8C1B,KAAK,CAACqB,QAAQ,CAACR,qBAAqB,CAAC;IAAAc,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAA5EE,eAAe,GAAAD,gBAAA;IAAEE,kBAAkB,GAAAF,gBAAA;EAC1C,IAAAG,gBAAA,GAAwC9B,KAAK,CAACqB,QAAQ,CAE5C,IAAI,CAAC;IAAAU,gBAAA,GAAAR,cAAA,CAAAO,gBAAA;IAFRE,YAAY,GAAAD,gBAAA;IAAEE,eAAe,GAAAF,gBAAA;EAIpC,IAAMG,yBAAyB,GAAGlC,KAAK,CAACmC,WAAW,CAAC,YAAM;IACxDV,aAAa,CAAC,IAAI,CAAC;IACnBI,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAO,gBAAA,GAA8BpC,KAAK,CAACqB,QAAQ,CAAC,KAAK,CAAC;IAAAgB,gBAAA,GAAAd,cAAA,CAAAa,gBAAA;IAA5CE,OAAO,GAAAD,gBAAA;IAAEE,UAAU,GAAAF,gBAAA;EAC1B,IAAAG,gBAAA,GAA0BxC,KAAK,CAACqB,QAAQ,CAAe,IAAI,CAAC;IAAAoB,iBAAA,GAAAlB,cAAA,CAAAiB,gBAAA;IAArDE,KAAK,GAAAD,iBAAA;IAAEE,QAAQ,GAAAF,iBAAA;EAEtB,IAAMG,aAAa,GAAG5C,KAAK,CAAC6C,UAAU,CAACpC,WAAW,CAAC;EACnD,IAAMqC,MAAM,GAAG9C,KAAK,CAAC+C,OAAO,CAC1B;IAAA,IAAAC,aAAA;IAAA,OAAM/C,eAAe,EAAA+C,aAAA,GAACjC,KAAK,CAAC+B,MAAM,cAAAE,aAAA,cAAAA,aAAA,GAAIJ,aAAa,EAAE1C,iBAAiB,CAAC;EAAA,GACvE,CAACa,KAAK,CAAC+B,MAAM,CAAC,CACf;EACD,IAAMG,CAAC,GAAGvC,OAAO,CAACR,iBAAiB,EAAE4C,MAAM,CAAE;EAE7C9C,KAAK,CAACkD,SAAS,CAAC,YAAM;IAAA,IAAAC,qBAAA;IACpB,IAAI3B,UAAU,EAAE;IAChB,IAAM4B,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;MAC1BxC,gBAAgB,GAAG,IAAI;MACvBa,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,CAAA0B,qBAAA,GAAApC,KAAK,CAACsC,OAAO,CAACC,OAAO,cAAAH,qBAAA,uBAArBA,qBAAA,CAAuBI,gBAAgB,CAAC,OAAO,EAAEH,aAAa,CAAC;IAC/D,OAAO;MAAA,IAAAI,sBAAA;MAAA,QAAAA,sBAAA,GAAMzC,KAAK,CAACsC,OAAO,CAACC,OAAO,cAAAE,sBAAA,uBAArBA,sBAAA,CAAuBC,mBAAmB,CAAC,OAAO,EAAEL,aAAa,CAAC;IAAA;EACjF,CAAC,EAAE,CAAC5B,UAAU,EAAET,KAAK,CAACsC,OAAO,CAAC,CAAC;EAC/BrD,KAAK,CAACkD,SAAS,CAAC,YAAM;IAAA,IAAAQ,cAAA;IACpB,IAAI9B,eAAe,EAAE;IACrB,IAAM+B,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAY,EAAK;MACzC,IAAMC,cAAc,GAAG,CACrB,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,CACZ;MACD,IAAI,KAAK,IAAID,KAAK,IAAIC,cAAc,CAACC,QAAQ,CAAEF,KAAK,CAAmBG,GAAG,CAAC,EAAE;QAC3ElC,kBAAkB,CAAC,IAAI,CAAC;QACxBhB,qBAAqB,GAAG,IAAI;MAC9B;IACF,CAAC;IACD,CAAA6C,cAAA,GAAAM,QAAQ,CAACC,IAAI,cAAAP,cAAA,uBAAbA,cAAA,CAAeH,gBAAgB,CAAC,SAAS,EAAEI,gBAAgB,CAAC;IAC5D,OAAO;MAAA,IAAAO,eAAA;MAAA,QAAAA,eAAA,GAAMF,QAAQ,CAACC,IAAI,cAAAC,eAAA,uBAAbA,eAAA,CAAeT,mBAAmB,CAAC,SAAS,EAAEE,gBAAgB,CAAC;IAAA;EAC9E,CAAC,EAAE,CAAC/B,eAAe,CAAC,CAAC;EAErB,IAAMuC,iBAAiB,GAAG3C,UAAU,IAAII,eAAe;EAEvD5B,KAAK,CAACkD,SAAS,CAAC,YAAM;IACpB,IAAI,CAACiB,iBAAiB,EAAE;IACxB,IAAInC,YAAY,EAAE;IAClB,IAAIM,OAAO,EAAE;IAEbC,UAAU,CAAC,IAAI,CAAC;IAEhB,MAAM,CAAC,gBAAgB,CAAC,CACrB6B,IAAI,CAAC,UAAAC,KAAA,EAAsB;MAAA,IAAnBC,YAAY,GAAAD,KAAA,CAAZC,YAAY;MACnBrC,eAAe,CAAC;QAAEsC,SAAS,EAAED;MAAa,CAAC,CAAC;MAC5C/B,UAAU,CAAC,KAAK,CAAC;MACjBI,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAC,CAAC,SACI,CAAC,UAACD,KAAK,EAAK;MAChB8B,OAAO,CAAC9B,KAAK,CAACA,KAAK,CAAC;MACpBC,QAAQ,CAACD,KAAK,CAAC;IACjB,CAAC,CAAC;EACN,CAAC,EAAE,CAACV,YAAY,EAAEmC,iBAAiB,EAAE7B,OAAO,EAAEC,UAAU,CAAC,CAAC;EAE1D,IAAIP,YAAY,EAAE;IAAA,IAAAyC,KAAA;IAChB,OAAAA,KAAA,GAAOrE,OAAO,CAACC,MAAM,CAAC,eACpBL,KAAA,CAAA0E,aAAA,CAAC1C,YAAY,CAACuC,SAAS,EAAAI,QAAA,KAAK5D,KAAK;MAAE+B,MAAM,EAAEA;IAAQ,GAAG;EAE1D;EAEA,IAAIJ,KAAK,EAAE;IAAA,IAAAkC,KAAA;IACT,OAAAA,KAAA,GAAOxE,OAAO,CAACC,MAAM,CAAC,eACpBL,KAAA,CAAA0E,aAAA,CAACvD,eAAe,EAAAyD,KAAA,CAAAC,EAAA,oBAAAC,aAAA,KAAAC,YAAA;MAAA,YAAwB,CAAC;MAAA,aAAY;IAAW,GAAA/D,IAAA,KAC7DiC,CAAC,CAAC,QAAQ,CAAC,CACI;EAEtB;EACA,IAAIX,OAAO,EAAE;IAAA,IAAA0C,KAAA;IACX,OAAAA,KAAA,GAAO5E,OAAO,CAACC,MAAM,CAAC,eACpBL,KAAA,CAAA0E,aAAA,CAACvD,eAAe,EAAA6D,KAAA,CAAAH,EAAA,oBAAAC,aAAA,KAAAG,aAAA;MAAA,YAAwB,CAAC;MAAA,aAAY;IAAQ,GAAAjE,IAAA,KAC1DiC,CAAC,CAAC,SAAS,CAAC,CACG;EAEtB;EAEA,OAAA/B,KAAA,GAAOd,OAAO,CAACC,MAAM,CAAC,eACpBL,KAAA,CAAA0E,aAAA,CAACvD,eAAe,EAAAD,KAAA,CAAA2D,EAAA,oBAAAC,aAAA,KAAAI,aAAA;IAAA,YAAwB,CAAC;IAAA,WAAWhD;EAAyB,GAAAlB,IAAA,KAC1EiC,CAAC,CAAC,UAAU,CAAC,CACE;AAEtB,CAAC"}

package/lib/es6/a11y/PlotA11yView.js

@@ -9,8 +9,8 @@ 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_ug05b_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_ug05b_gg_:focus,.___SPlotA11yView_ug05b_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_ug05b_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_ug05b_gg_ table,.___SPlotA11yView_ug05b_gg_ td,.___SPlotA11yView_ug05b_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "ug05b_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_ug05b_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1spbs_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_1spbs_gg_:focus,.___SPlotA11yView_1spbs_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_1spbs_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1spbs_gg_ table,.___SPlotA11yView_1spbs_gg_ td,.___SPlotA11yView_1spbs_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1spbs_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_1spbs_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';
@@ -61,24 +61,28 @@ export var PlotA11yView = function PlotA11yView(_ref3) {
       setGeneratingSummary(false);
     }, 0);
   }, [providedData, hints, config, locale, translations, localizedMessages]);
-  var handleSkip = React.useCallback(function () {
+  var handleClose = React.useCallback(function () {
+    var _plotRef$current;
+    (_plotRef$current = plotRef.current) === null || _plotRef$current === void 0 ? void 0 : _plotRef$current.focus();
+  }, []);
+  var handleSkip = React.useCallback(function (event) {
     var _heavyFindNextFocusab;
+    event.preventDefault();
     if (!plotRef.current) return;
     (_heavyFindNextFocusab = heavyFindNextFocusableElement(plotRef.current)) === null || _heavyFindNextFocusab === void 0 ? void 0 : _heavyFindNextFocusab.focus();
   }, []);
   var handleSkipKeyboard = React.useCallback(function (event) {
     if (!(event.key === 'Enter' || event.key === ' ')) return;
-    event.preventDefault();
-    handleSkip();
+    handleSkip(event);
   }, [handleSkip]);
-  var handleGoToTable = React.useCallback(function () {
+  var handleGoToTable = React.useCallback(function (event) {
     var _dataTableRef$current;
+    event.preventDefault();
     (_dataTableRef$current = dataTableRef.current) === null || _dataTableRef$current === void 0 ? void 0 : _dataTableRef$current.focus();
   }, []);
   var handleGoToTableKeyboard = React.useCallback(function (event) {
     if (!(event.key === 'Enter' || event.key === ' ')) return;
-    event.preventDefault();
-    handleGoToTable();
+    handleGoToTable(event);
   }, [handleGoToTable]);
   var texts = React.useMemo(function () {
     return {
@@ -112,26 +116,25 @@ export var PlotA11yView = function PlotA11yView(_ref3) {
   var dataTableRef = React.useRef(null);
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", _objectSpread({}, _assignProps({
     "tabIndex": 0,
-    "aria-label": texts.label
-  }, _ref))), /*#__PURE__*/React.createElement("a", _ref2.cn("a", {
-    "aria-hidden": true,
-    "onClick": handleSkip
+    "aria-label": texts.label,
+    "role": 'dialog',
+    "__excludeProps": ['data']
+  }, _ref))), /*#__PURE__*/React.createElement("button", _ref2.cn("button", {
+    "type": 'button',
+    "onClick": handleClose
   }), texts.close), /*#__PURE__*/React.createElement("a", _ref2.cn("a", {
-    "role": 'link',
-    "tabIndex": 0,
+    "href": '#',
     "onKeyDown": handleSkipKeyboard,
     "onClick": handleSkip
   }), texts.skipPlot), /*#__PURE__*/React.createElement("a", _ref2.cn("a", {
-    "role": 'link',
-    "tabIndex": 0,
+    "href": "#".concat(id, "-data-table"),
     "onKeyDown": handleGoToTableKeyboard,
     "onClick": handleGoToTable
   }), texts.goToTable), /*#__PURE__*/React.createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/React.createElement("label", _ref2.cn("label", {
     "htmlFor": "".concat(id, "-data-summary")
   }), texts.summary)), /*#__PURE__*/React.createElement("div", _ref2.cn("div", {
     "id": "".concat(id, "-data-summary"),
-    "aria-busy": generatingSummary,
-    "tabIndex": 0
+    "aria-busy": generatingSummary
   }), generatingSummary ? texts.summaryPlaceholder : summary), /*#__PURE__*/React.createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/React.createElement("label", _ref2.cn("label", {
     "htmlFor": "".concat(id, "-data-table")
   }), texts.table)), /*#__PURE__*/React.createElement(DataAccessibilityTable, _ref2.cn("DataAccessibilityTable", {