@semcore/d3-chart 17.0.0-prerelease.9 → 17.0.1

package/lib/es6/Hover.js

@@ -9,11 +9,11 @@ import trottle from '@semcore/core/lib/utils/rafTrottle';
 import React from 'react';
 import createElement from './createElement';
 /*!__reshadow-styles__:"./style/hover.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHoverLine_wfr9y_gg_,.___SHoverLine_wfr9y_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_wfr9y_gg_,.___SHoverRect_wfr9y_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"wfr9y_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHoverLine_1hwe4_gg_,.___SHoverLine_1hwe4_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1hwe4_gg_,.___SHoverRect_1hwe4_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"1hwe4_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHoverLine": "___SHoverLine_wfr9y_gg_",
-  "__SHoverRect": "___SHoverRect_wfr9y_gg_"
+  "__SHoverLine": "___SHoverLine_1hwe4_gg_",
+  "__SHoverRect": "___SHoverRect_1hwe4_gg_"
 });
 import Tooltip from './Tooltip';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, scaleToBand } from './utils';

package/lib/es6/Line.js

@@ -10,17 +10,17 @@ import createElement from './createElement';
 import Dots from './Dots';
 import { resolvePatternDasharray } from './Pattern';
 /*!__reshadow-styles__:"./style/line.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLine_7eofj_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_7eofj);transition-timing-function:ease-in-out}.___SLine_7eofj_gg_.__color_7eofj_gg_{stroke:var(--color_7eofj)}.___SLine_7eofj_gg_.__hide_7eofj_gg_{display:none}.___SLine_7eofj_gg_.__transparent_7eofj_gg_{opacity:.3}.___SNull_7eofj_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_7eofj_gg_.__hide_7eofj_gg_{display:none}.___SLineArea_7eofj_gg_{transition-property:d;transition-duration:var(--duration_7eofj);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_7eofj_gg_.__color_7eofj_gg_{fill:var(--color_7eofj)}", /*__inner_css_end__*/"7eofj_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLine_1r87s_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1r87s);transition-timing-function:ease-in-out}.___SLine_1r87s_gg_.__color_1r87s_gg_{stroke:var(--color_1r87s)}.___SLine_1r87s_gg_.__hide_1r87s_gg_{display:none}.___SLine_1r87s_gg_.__transparent_1r87s_gg_{opacity:.3}.___SNull_1r87s_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1r87s_gg_.__hide_1r87s_gg_{display:none}.___SLineArea_1r87s_gg_{transition-property:d;transition-duration:var(--duration_1r87s);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_1r87s_gg_.__color_1r87s_gg_{fill:var(--color_1r87s)}", /*__inner_css_end__*/"1r87s_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLine": "___SLine_7eofj_gg_",
-  "--duration": "--duration_7eofj",
-  "_color": "__color_7eofj_gg_",
-  "--color": "--color_7eofj",
-  "_hide": "__hide_7eofj_gg_",
-  "_transparent": "__transparent_7eofj_gg_",
-  "__SNull": "___SNull_7eofj_gg_",
-  "__SLineArea": "___SLineArea_7eofj_gg_"
+  "__SLine": "___SLine_1r87s_gg_",
+  "--duration": "--duration_1r87s",
+  "_color": "__color_1r87s_gg_",
+  "--color": "--color_1r87s",
+  "_hide": "__hide_1r87s_gg_",
+  "_transparent": "__transparent_1r87s_gg_",
+  "__SNull": "___SNull_1r87s_gg_",
+  "__SLineArea": "___SLineArea_1r87s_gg_"
 });
 import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolateValue, getChartDefaultColorName, eventToPoint, invert } from './utils';
 class LineRoot extends Component {

package/lib/es6/Plot.js

@@ -10,10 +10,10 @@ import React from 'react';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 /*!__reshadow-styles__:"./style/plot.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlot_desqn_gg_{overflow:hidden}.___SPlot_desqn_gg_:focus{outline:0}.___SPlot_desqn_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_desqn_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}", /*__inner_css_end__*/"desqn_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlot_l2at0_gg_{overflow:hidden}.___SPlot_l2at0_gg_:focus{outline:0}.___SPlot_l2at0_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_l2at0_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}", /*__inner_css_end__*/"l2at0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlot": "___SPlot_desqn_gg_"
+  "__SPlot": "___SPlot_l2at0_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { eventToPoint, uniqueId } from './utils';

package/lib/es6/Radar.js

@@ -12,27 +12,27 @@ import React, { cloneElement } from 'react';
 import createElement from './createElement';
 import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*!__reshadow-styles__:"./style/radar.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxisLine_9qq2r_gg_,.___SAxisTick_9qq2r_gg_,.___SAxis_9qq2r_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_9qq2r_gg_,.___SAxisTick_9qq2r_gg_{stroke-dasharray:2}.___SAxisLine_9qq2r_gg_.__active_9qq2r_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_9qq2r_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_9qq2r_gg_.__xDirection_9qq2r_gg_{text-anchor:var(--xDirection_9qq2r)}.___SAxisLabel_9qq2r_gg_.__yDirection_9qq2r_gg_{dominant-baseline:var(--yDirection_9qq2r)}.___SPolygonDot_9qq2r_gg_,.___SPolygon_9qq2r_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_9qq2r_gg_{opacity:.2}.___SPolygon_9qq2r_gg_.__color_9qq2r_gg_{fill:var(--color_9qq2r)}.___SPolygon_9qq2r_gg_.__pattern_9qq2r_gg_.__color_9qq2r_gg_{fill:var(--pattern_9qq2r);stroke:var(--color_9qq2r);stroke-width:1px}.___SPolygonDot_9qq2r_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_9qq2r_gg_.__transparent_9qq2r_gg_{opacity:.3}.___SPolygonDot_9qq2r_gg_.__color_9qq2r_gg_{fill:var(--color_9qq2r)}.___SPolygonLine_9qq2r_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_9qq2r_gg_.__transparent_9qq2r_gg_{opacity:.3}.___SPolygonLine_9qq2r_gg_.__color_9qq2r_gg_{stroke:var(--color_9qq2r)}.___SPieRect_9qq2r_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"9qq2r_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxisLine_rgkom_gg_,.___SAxisTick_rgkom_gg_,.___SAxis_rgkom_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_rgkom_gg_,.___SAxisTick_rgkom_gg_{stroke-dasharray:2}.___SAxisLine_rgkom_gg_.__active_rgkom_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_rgkom_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_rgkom_gg_.__xDirection_rgkom_gg_{text-anchor:var(--xDirection_rgkom)}.___SAxisLabel_rgkom_gg_.__yDirection_rgkom_gg_{dominant-baseline:var(--yDirection_rgkom)}.___SPolygonDot_rgkom_gg_,.___SPolygon_rgkom_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_rgkom_gg_{opacity:.2}.___SPolygon_rgkom_gg_.__color_rgkom_gg_{fill:var(--color_rgkom)}.___SPolygon_rgkom_gg_.__pattern_rgkom_gg_.__color_rgkom_gg_{fill:var(--pattern_rgkom);stroke:var(--color_rgkom);stroke-width:1px}.___SPolygonDot_rgkom_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_rgkom_gg_.__transparent_rgkom_gg_{opacity:.3}.___SPolygonDot_rgkom_gg_.__color_rgkom_gg_{fill:var(--color_rgkom)}.___SPolygonLine_rgkom_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_rgkom_gg_.__transparent_rgkom_gg_{opacity:.3}.___SPolygonLine_rgkom_gg_.__color_rgkom_gg_{stroke:var(--color_rgkom)}.___SPieRect_rgkom_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"rgkom_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SAxis": "___SAxis_9qq2r_gg_",
-  "__SAxisLine": "___SAxisLine_9qq2r_gg_",
-  "__SAxisTick": "___SAxisTick_9qq2r_gg_",
-  "_active": "__active_9qq2r_gg_",
-  "__SAxisLabel": "___SAxisLabel_9qq2r_gg_",
-  "_xDirection": "__xDirection_9qq2r_gg_",
-  "--xDirection": "--xDirection_9qq2r",
-  "_yDirection": "__yDirection_9qq2r_gg_",
-  "--yDirection": "--yDirection_9qq2r",
-  "__SPolygon": "___SPolygon_9qq2r_gg_",
-  "_color": "__color_9qq2r_gg_",
-  "--color": "--color_9qq2r",
-  "_pattern": "__pattern_9qq2r_gg_",
-  "--pattern": "--pattern_9qq2r",
-  "__SPolygonDot": "___SPolygonDot_9qq2r_gg_",
-  "_transparent": "__transparent_9qq2r_gg_",
-  "__SPolygonLine": "___SPolygonLine_9qq2r_gg_",
-  "__SPieRect": "___SPieRect_9qq2r_gg_"
+  "__SAxis": "___SAxis_rgkom_gg_",
+  "__SAxisLine": "___SAxisLine_rgkom_gg_",
+  "__SAxisTick": "___SAxisTick_rgkom_gg_",
+  "_active": "__active_rgkom_gg_",
+  "__SAxisLabel": "___SAxisLabel_rgkom_gg_",
+  "_xDirection": "__xDirection_rgkom_gg_",
+  "--xDirection": "--xDirection_rgkom",
+  "_yDirection": "__yDirection_rgkom_gg_",
+  "--yDirection": "--yDirection_rgkom",
+  "__SPolygon": "___SPolygon_rgkom_gg_",
+  "_color": "__color_rgkom_gg_",
+  "--color": "--color_rgkom",
+  "_pattern": "__pattern_rgkom_gg_",
+  "--pattern": "--pattern_rgkom",
+  "__SPolygonDot": "___SPolygonDot_rgkom_gg_",
+  "_transparent": "__transparent_rgkom_gg_",
+  "__SPolygonLine": "___SPolygonLine_rgkom_gg_",
+  "__SPieRect": "___SPieRect_rgkom_gg_"
 });
 import Tooltip from './Tooltip';
 import { eventToPoint, getChartDefaultColorName, measureText } from './utils';

package/lib/es6/RadialTree.js

@@ -10,20 +10,20 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*!__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadian_56jyw_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_56jyw_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_56jyw_gg_.__stroke_56jyw_gg_{stroke:var(--stroke_56jyw)}.___SLine_56jyw_gg_.__transparent_56jyw_gg_{opacity:.3}.___SCap_56jyw_gg_{transition:r .1s}.___SCap_56jyw_gg_.__pattern_56jyw_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_56jyw_gg_.__transparent_56jyw_gg_,.___SIcon_56jyw_gg_.__transparent_56jyw_gg_,.___SLabel_56jyw_gg_.__transparent_56jyw_gg_{opacity:.3}.___SLabel_56jyw_gg_{fill:var(--color_56jyw)}@media (hover:hover){.___SRadian_56jyw_gg_:hover .___SLabel_56jyw_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_56jyw_gg_{transition:none}}", /*__inner_css_end__*/"56jyw_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadian_1xb4i_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1xb4i_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1xb4i_gg_.__stroke_1xb4i_gg_{stroke:var(--stroke_1xb4i)}.___SLine_1xb4i_gg_.__transparent_1xb4i_gg_{opacity:.3}.___SCap_1xb4i_gg_{transition:r .1s}.___SCap_1xb4i_gg_.__pattern_1xb4i_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1xb4i_gg_.__transparent_1xb4i_gg_,.___SIcon_1xb4i_gg_.__transparent_1xb4i_gg_,.___SLabel_1xb4i_gg_.__transparent_1xb4i_gg_{opacity:.3}.___SLabel_1xb4i_gg_{fill:var(--color_1xb4i)}@media (hover:hover){.___SRadian_1xb4i_gg_:hover .___SLabel_1xb4i_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1xb4i_gg_{transition:none}}", /*__inner_css_end__*/"1xb4i_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SRadian": "___SRadian_56jyw_gg_",
-  "__SLine": "___SLine_56jyw_gg_",
-  "_stroke": "__stroke_56jyw_gg_",
-  "--stroke": "--stroke_56jyw",
-  "_transparent": "__transparent_56jyw_gg_",
-  "__SCap": "___SCap_56jyw_gg_",
-  "_pattern": "__pattern_56jyw_gg_",
-  "__SIcon": "___SIcon_56jyw_gg_",
-  "__SLabel": "___SLabel_56jyw_gg_",
-  "--color": "--color_56jyw",
-  "__SLineCap": "___SLineCap_56jyw_gg_"
+  "__SRadian": "___SRadian_1xb4i_gg_",
+  "__SLine": "___SLine_1xb4i_gg_",
+  "_stroke": "__stroke_1xb4i_gg_",
+  "--stroke": "--stroke_1xb4i",
+  "_transparent": "__transparent_1xb4i_gg_",
+  "__SCap": "___SCap_1xb4i_gg_",
+  "_pattern": "__pattern_1xb4i_gg_",
+  "__SIcon": "___SIcon_1xb4i_gg_",
+  "__SLabel": "___SLabel_1xb4i_gg_",
+  "--color": "--color_1xb4i",
+  "__SLineCap": "___SLineCap_1xb4i_gg_"
 });
 import { getChartDefaultColorName, measureText } from './utils';
 const baseAngle = -Math.PI / 2; // The top vertical line

package/lib/es6/Reference.js

@@ -5,20 +5,20 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
 import createElement from './createElement';
 /*!__reshadow-styles__:"./style/reference.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SReferenceLine_1w6r5_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1w6r5_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1w6r5)}.___STitle_1w6r5_gg_._position_top_1w6r5_gg_{text-anchor:middle}.___STitle_1w6r5_gg_._position_bottom_1w6r5_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1w6r5_gg_._position_left_1w6r5_gg_,.___STitle_1w6r5_gg_._position_right_1w6r5_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1w6r5_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1w6r5_gg_{fill:var(--fill_1w6r5)}.___SStripesPatternPath_1w6r5_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}", /*__inner_css_end__*/"1w6r5_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SReferenceLine_112b5_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_112b5_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_112b5)}.___STitle_112b5_gg_._position_top_112b5_gg_{text-anchor:middle}.___STitle_112b5_gg_._position_bottom_112b5_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_112b5_gg_._position_left_112b5_gg_,.___STitle_112b5_gg_._position_right_112b5_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_112b5_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_112b5_gg_{fill:var(--fill_112b5)}.___SStripesPatternPath_112b5_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}", /*__inner_css_end__*/"112b5_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SReferenceLine": "___SReferenceLine_1w6r5_gg_",
-  "__STitle": "___STitle_1w6r5_gg_",
-  "--transform-origin": "--transform-origin_1w6r5",
-  "_position_top": "_position_top_1w6r5_gg_",
-  "_position_bottom": "_position_bottom_1w6r5_gg_",
-  "_position_right": "_position_right_1w6r5_gg_",
-  "_position_left": "_position_left_1w6r5_gg_",
-  "__SBackground": "___SBackground_1w6r5_gg_",
-  "__SStripes": "___SStripes_1w6r5_gg_",
-  "--fill": "--fill_1w6r5",
-  "__SStripesPatternPath": "___SStripesPatternPath_1w6r5_gg_"
+  "__SReferenceLine": "___SReferenceLine_112b5_gg_",
+  "__STitle": "___STitle_112b5_gg_",
+  "--transform-origin": "--transform-origin_112b5",
+  "_position_top": "_position_top_112b5_gg_",
+  "_position_bottom": "_position_bottom_112b5_gg_",
+  "_position_right": "_position_right_112b5_gg_",
+  "_position_left": "_position_left_112b5_gg_",
+  "__SBackground": "___SBackground_112b5_gg_",
+  "__SStripes": "___SStripes_112b5_gg_",
+  "--fill": "--fill_112b5",
+  "__SStripesPatternPath": "___SStripesPatternPath_112b5_gg_"
 });
 import { scaleOfBandwidth } from './utils';
 const side2direction = {

package/lib/es6/ScatterPlot.js

@@ -9,17 +9,17 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_8h4j7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_8h4j7);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_8h4j7_gg_:hover{opacity:.8}}.___SScatterPlot_8h4j7_gg_.__color_8h4j7_gg_{fill:var(--color_8h4j7)}.___SScatterPlot_8h4j7_gg_.__pattern_8h4j7_gg_.__color_8h4j7_gg_{fill:var(--pattern_8h4j7);stroke:var(--color_8h4j7);stroke-width:1px}.___SScatterPlot_8h4j7_gg_.__transparent_8h4j7_gg_{opacity:.3}.___SValue_8h4j7_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_8h4j7_gg_.__color_8h4j7_gg_{stroke:var(--color_8h4j7)}.___SValue_8h4j7_gg_.__transparent_8h4j7_gg_{opacity:.3}", /*__inner_css_end__*/"8h4j7_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_1fqya_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1fqya);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1fqya_gg_:hover{opacity:.8}}.___SScatterPlot_1fqya_gg_.__color_1fqya_gg_{fill:var(--color_1fqya)}.___SScatterPlot_1fqya_gg_.__pattern_1fqya_gg_.__color_1fqya_gg_{fill:var(--pattern_1fqya);stroke:var(--color_1fqya);stroke-width:1px}.___SScatterPlot_1fqya_gg_.__transparent_1fqya_gg_{opacity:.3}.___SValue_1fqya_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1fqya_gg_.__color_1fqya_gg_{stroke:var(--color_1fqya)}.___SValue_1fqya_gg_.__transparent_1fqya_gg_{opacity:.3}", /*__inner_css_end__*/"1fqya_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScatterPlot": "___SScatterPlot_8h4j7_gg_",
-  "_color": "__color_8h4j7_gg_",
-  "--color": "--color_8h4j7",
-  "_pattern": "__pattern_8h4j7_gg_",
-  "--pattern": "--pattern_8h4j7",
-  "_transparent": "__transparent_8h4j7_gg_",
-  "__SValue": "___SValue_8h4j7_gg_",
-  "--duration": "--duration_8h4j7"
+  "__SScatterPlot": "___SScatterPlot_1fqya_gg_",
+  "_color": "__color_1fqya_gg_",
+  "--color": "--color_1fqya",
+  "_pattern": "__pattern_1fqya_gg_",
+  "--pattern": "--pattern_1fqya",
+  "_transparent": "__transparent_1fqya_gg_",
+  "__SValue": "___SValue_1fqya_gg_",
+  "--duration": "--duration_1fqya"
 });
 import Tooltip from './Tooltip';
 import { getScatterPlotRadius } from './utils';

package/lib/es6/Tooltip.js

@@ -13,17 +13,17 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternSymbol } from './Pattern';
 /*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltip_ieg87_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_ieg87_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_ieg87_gg_{display:flex;align-items:center}.___SDot_ieg87_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_ieg87_gg_.__color_ieg87_gg_{background-color:var(--color_ieg87);width:8px;height:8px;border-radius:50%}.___SFooter_ieg87_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__*/"ieg87_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltip_942l4_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_942l4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_942l4_gg_{display:flex;align-items:center}.___SDot_942l4_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_942l4_gg_.__color_942l4_gg_{background-color:var(--color_942l4);width:8px;height:8px;border-radius:50%}.___SFooter_942l4_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__*/"942l4_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__STooltip": "___STooltip_ieg87_gg_",
-  "__STitle": "___STitle_ieg87_gg_",
-  "__SDotGroup": "___SDotGroup_ieg87_gg_",
-  "__SDot": "___SDot_ieg87_gg_",
-  "__SDotCircle": "___SDotCircle_ieg87_gg_",
-  "_color": "__color_ieg87_gg_",
-  "--color": "--color_ieg87",
-  "__SFooter": "___SFooter_ieg87_gg_"
+  "__STooltip": "___STooltip_942l4_gg_",
+  "__STitle": "___STitle_942l4_gg_",
+  "__SDotGroup": "___SDotGroup_942l4_gg_",
+  "__SDot": "___SDot_942l4_gg_",
+  "__SDotCircle": "___SDotCircle_942l4_gg_",
+  "_color": "__color_942l4_gg_",
+  "--color": "--color_942l4",
+  "__SFooter": "___SFooter_942l4_gg_"
 });
 import { getChartDefaultColorName } from './utils';
 

package/lib/es6/Venn.js

@@ -12,17 +12,17 @@ import React from 'react';
 import createElement from './createElement';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/venn.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCircle_1irr3_gg_,.___SIntersection_1irr3_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1irr3_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1irr3);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1irr3_gg_:hover{fill-opacity:.7}}.___SCircle_1irr3_gg_.__color_1irr3_gg_{fill:var(--color_1irr3)}.___SCircle_1irr3_gg_.__pattern_1irr3_gg_.__color_1irr3_gg_{fill:var(--pattern_1irr3);fill-opacity:.7;stroke:var(--color_1irr3);stroke-width:1px}@media (hover:hover){.___SCircle_1irr3_gg_.__pattern_1irr3_gg_.__color_1irr3_gg_:hover{fill-opacity:.85}}.___SCircle_1irr3_gg_.__transparent_1irr3_gg_{opacity:.3}.___SIntersection_1irr3_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1irr3_gg_:hover{fill-opacity:.1}}.___SIntersection_1irr3_gg_.__transparent_1irr3_gg_{opacity:.3}", /*__inner_css_end__*/"1irr3_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCircle_1pi5b_gg_,.___SIntersection_1pi5b_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1pi5b_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1pi5b);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1pi5b_gg_:hover{fill-opacity:.7}}.___SCircle_1pi5b_gg_.__color_1pi5b_gg_{fill:var(--color_1pi5b)}.___SCircle_1pi5b_gg_.__pattern_1pi5b_gg_.__color_1pi5b_gg_{fill:var(--pattern_1pi5b);fill-opacity:.7;stroke:var(--color_1pi5b);stroke-width:1px}@media (hover:hover){.___SCircle_1pi5b_gg_.__pattern_1pi5b_gg_.__color_1pi5b_gg_:hover{fill-opacity:.85}}.___SCircle_1pi5b_gg_.__transparent_1pi5b_gg_{opacity:.3}.___SIntersection_1pi5b_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1pi5b_gg_:hover{fill-opacity:.1}}.___SIntersection_1pi5b_gg_.__transparent_1pi5b_gg_{opacity:.3}", /*__inner_css_end__*/"1pi5b_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SCircle": "___SCircle_1irr3_gg_",
-  "_color": "__color_1irr3_gg_",
-  "--color": "--color_1irr3",
-  "_transparent": "__transparent_1irr3_gg_",
-  "__SIntersection": "___SIntersection_1irr3_gg_",
-  "--duration": "--duration_1irr3",
-  "_pattern": "__pattern_1irr3_gg_",
-  "--pattern": "--pattern_1irr3"
+  "__SCircle": "___SCircle_1pi5b_gg_",
+  "_color": "__color_1pi5b_gg_",
+  "--color": "--color_1pi5b",
+  "_transparent": "__transparent_1pi5b_gg_",
+  "__SIntersection": "___SIntersection_1pi5b_gg_",
+  "--duration": "--duration_1pi5b",
+  "_pattern": "__pattern_1pi5b_gg_",
+  "--pattern": "--pattern_1pi5b"
 });
 import Tooltip from './Tooltip';
 import { getChartDefaultColorName } from './utils';

package/lib/es6/a11y/PlotA11yModule.js

@@ -7,10 +7,10 @@ import { Context as I18nContext, useI18n } from '@semcore/core/lib/utils/enhance
 import React from 'react';
 import { normalizeLocale } from './locale';
 /*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_18nes_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}", /*__inner_css_end__*/"18nes_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_1t4qj_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}", /*__inner_css_end__*/"1t4qj_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yModule": "___SPlotA11yModule_18nes_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1t4qj_gg_"
 });
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 export function PlotA11yModule(props) {

package/lib/es6/a11y/PlotA11yView.js

@@ -10,13 +10,13 @@ import { makeDataSummarizationConfig } from './hints';
 import { getIntl } from './intl';
 import { summarize } from './summarize';
 /*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_9ugu2_gg_{position:relative;display:block;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);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_9ugu2_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_9ugu2_gg_ table,.___SPlotA11yView_9ugu2_gg_ td,.___SPlotA11yView_9ugu2_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"9ugu2_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_1h3zj_gg_{position:relative;display:block;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);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1h3zj_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1h3zj_gg_ table,.___SPlotA11yView_1h3zj_gg_ td,.___SPlotA11yView_1h3zj_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"1h3zj_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yView": "___SPlotA11yView_9ugu2_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_1h3zj_gg_"
 });
 import { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';
-export const PlotA11yView = ({
+export function PlotA11yView({
   id,
   payload: providedData,
   hints,
@@ -26,7 +26,7 @@ export const PlotA11yView = ({
   config: providedConfig,
   locale,
   onCloseHandler
-}) => {
+}) {
   var _ref = arguments[0],
     _ref2;
   const SPlotA11yView = Box;
@@ -152,5 +152,6 @@ export const PlotA11yView = ({
     "config": config,
     "intl": intl
   })));
-};
+}
+;
 //# sourceMappingURL=PlotA11yView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yView.js","names":["Box","Root","sstyled","useAsyncI18nMessages","React","DataAccessibilityTable","heavyFindNextFocusableElement","makeDataSummarizationConfig","getIntl","summarize","styles","_sstyled","insert","localizedMessages","PlotA11yView","id","payload","providedData","hints","plotLabel","triggerRef","plotRef","config","providedConfig","locale","onCloseHandler","_ref","arguments[0]","_ref2","SPlotA11yView","translations","intl","useMemo","data","Array","isArray","rootRef","useRef","summary","setSummary","useState","generatingSummary","setGeneratingSummary","useEffect","current","focus","focusOutHandler","event","relatedTarget","requestIdleCallback","HTMLElement","contains","addEventListener","removeEventListener","disable","override","setTimeout","handleClose","useCallback","handleSkip","preventDefault","handleSkipKeyboard","key","handleGoToTable","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","createElement","cn","_assignProps"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Root, sstyled } from '@semcore/core';\nimport { useAsyncI18nMessages } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport React from 'react';\n\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport type A11yViewProps = {\n  id: string;\n  payload: Record<string, unknown>[];\n  hints: DataStructureHints;\n  plotLabel: string;\n  locale: NavigatorLanguage['language'];\n  config: PartialDataSummarizationConfig;\n\n  plotRef: React.RefObject<HTMLElement>;\n  triggerRef: React.RefObject<HTMLElement>;\n  onCloseHandler: () => void;\n};\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  payload: providedData,\n  hints,\n  plotLabel,\n  triggerRef,\n  plotRef,\n  config: providedConfig,\n  locale,\n  onCloseHandler,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    rootRef.current?.focus();\n\n    function focusOutHandler(event: FocusEvent) {\n      if (event.relatedTarget === null) {\n        return requestIdleCallback(onCloseHandler);\n      }\n\n      if (!(event.relatedTarget instanceof HTMLElement)) return;\n\n      if (rootRef.current?.contains(event.relatedTarget)) return;\n\n      requestIdleCallback(onCloseHandler);\n    }\n\n    rootRef.current?.addEventListener('focusout', focusOutHandler);\n    return () => rootRef.current?.removeEventListener('focusout', focusOutHandler);\n  }, []);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleClose = React.useCallback(() => {\n    onCloseHandler();\n\n    requestIdleCallback(() => {\n      triggerRef.current?.focus();\n    });\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n\n    onCloseHandler();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role='dialog'\n      __excludeProps={['data']}\n      ref={rootRef}\n    >\n      <button type='button' onClick={handleClose}>\n        {texts.close}\n      </button>\n      <a href='#' onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a href={`#${id}-data-table`} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PlotA11yView.js","names":["Box","Root","sstyled","useAsyncI18nMessages","React","DataAccessibilityTable","heavyFindNextFocusableElement","makeDataSummarizationConfig","getIntl","summarize","styles","_sstyled","insert","localizedMessages","PlotA11yView","id","payload","providedData","hints","plotLabel","triggerRef","plotRef","config","providedConfig","locale","onCloseHandler","_ref","arguments[0]","_ref2","SPlotA11yView","translations","intl","useMemo","data","Array","isArray","rootRef","useRef","summary","setSummary","useState","generatingSummary","setGeneratingSummary","useEffect","current","focus","focusOutHandler","event","relatedTarget","requestIdleCallback","HTMLElement","contains","addEventListener","removeEventListener","disable","override","setTimeout","handleClose","useCallback","handleSkip","preventDefault","handleSkipKeyboard","key","handleGoToTable","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","createElement","cn","_assignProps"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Root, sstyled } from '@semcore/core';\nimport { useAsyncI18nMessages } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport React from 'react';\n\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport type A11yViewProps = {\n  id: string;\n  payload: Record<string, unknown>[];\n  hints: DataStructureHints;\n  plotLabel: string;\n  locale: NavigatorLanguage['language'];\n  config: PartialDataSummarizationConfig;\n\n  plotRef: React.RefObject<HTMLElement>;\n  triggerRef: React.RefObject<HTMLElement>;\n  onCloseHandler: () => void;\n};\n\nexport function PlotA11yView({\n  id,\n  payload: providedData,\n  hints,\n  plotLabel,\n  triggerRef,\n  plotRef,\n  config: providedConfig,\n  locale,\n  onCloseHandler,\n}: A11yViewProps) {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    rootRef.current?.focus();\n\n    function focusOutHandler(event: FocusEvent) {\n      if (event.relatedTarget === null) {\n        return requestIdleCallback(onCloseHandler);\n      }\n\n      if (!(event.relatedTarget instanceof HTMLElement)) return;\n\n      if (rootRef.current?.contains(event.relatedTarget)) return;\n\n      requestIdleCallback(onCloseHandler);\n    }\n\n    rootRef.current?.addEventListener('focusout', focusOutHandler);\n    return () => rootRef.current?.removeEventListener('focusout', focusOutHandler);\n  }, []);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleClose = React.useCallback(() => {\n    onCloseHandler();\n\n    requestIdleCallback(() => {\n      triggerRef.current?.focus();\n    });\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n\n    onCloseHandler();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role='dialog'\n      __excludeProps={['data']}\n      ref={rootRef}\n    >\n      <button type='button' onClick={handleClose}>\n        {texts.close}\n      </button>\n      <a href='#' onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a href={`#${id}-data-table`} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/Chart/AbstractChart.js

@@ -15,12 +15,12 @@ import React, { Fragment } from 'react';
 import { Plot, XAxis, YAxis } from '../..';
 import { makeDataHintsContainer } from '../../a11y/hints';
 /*!__reshadow-styles__:"../../style/abstract-chart.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_135h8_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_135h8_gg_._columnsCount_2_135h8_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_135h8_gg_._columnsCount_3_135h8_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"135h8_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_16iik_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_16iik_gg_._columnsCount_2_16iik_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_16iik_gg_._columnsCount_3_16iik_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"16iik_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_135h8_gg_",
-  "_columnsCount_2": "_columnsCount_2_135h8_gg_",
-  "_columnsCount_3": "_columnsCount_3_135h8_gg_"
+  "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_16iik_gg_",
+  "_columnsCount_2": "_columnsCount_2_16iik_gg_",
+  "_columnsCount_3": "_columnsCount_3_16iik_gg_"
 });
 import { interpolateValue } from '../../utils';
 import ChartLegend, { ChartLegendTable } from '../ChartLegend';
@@ -33,11 +33,6 @@ export class AbstractChart extends Component {
      */
     _defineProperty(this, "plotPadding", 6);
     _defineProperty(this, "dataHints", makeDataHintsContainer());
-    _defineProperty(this, "state", {
-      dataDefinitions: this.getDefaultDataDefinitions(),
-      highlightedLine: -1,
-      withTrend: false
-    });
     this.setHighlightedLine = this.setHighlightedLine.bind(this);
     this.handleChangeVisible = this.handleChangeVisible.bind(this);
     this.handleMouseEnter = this.handleMouseEnter.bind(this);
@@ -45,6 +40,11 @@ export class AbstractChart extends Component {
     this.resolveColor = this.resolveColor.bind(this);
     this.tooltipValueFormatter = this.tooltipValueFormatter.bind(this);
     this.handleWithTrendChange = this.handleWithTrendChange.bind(this);
+    this.state = {
+      dataDefinitions: this.getDefaultDataDefinitions(),
+      highlightedLine: -1,
+      withTrend: false
+    };
   }
   componentDidUpdate(prevProps) {
     if (prevProps.data !== this.props.data || prevProps.legendProps !== this.props.legendProps) {
@@ -233,18 +233,6 @@ export class AbstractChart extends Component {
     }
     return total;
   }
-  percentValue(data, key) {
-    const total = this.totalValue(data);
-    const value = data[key];
-    if (typeof value === 'number' && total !== 0) {
-      const percent = Math.round(100 * value / total);
-      return `${percent}%`;
-    }
-    if (value === null) {
-      return `0%`;
-    }
-    return NOT_A_VALUE;
-  }
   getValueScale(values) {
     const max = Math.max(...values);
     const min = Math.min(...values);