intergalactic 15.111.0 → 15.112.0

package/d3-chart/lib/cjs/Plot.js

@@ -25,9 +25,9 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
 var _hints = require("./a11y/hints");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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) {
   (0, _inherits2["default"])(PlotRoot, _Component);

package/d3-chart/lib/cjs/Radar.js

@@ -30,25 +30,25 @@ var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _Pattern = require("./Pattern");
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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/d3-chart/lib/cjs/RadialTree.js

@@ -28,18 +28,18 @@ var _utils = require("./utils");
 var _Pattern = require("./Pattern");
 var _excluded = ["data"];
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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/d3-chart/lib/cjs/Reference.js

@@ -19,18 +19,18 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/reference.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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/d3-chart/lib/cjs/ScatterPlot.js

@@ -24,15 +24,15 @@ var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _Pattern = require("./Pattern");
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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) {
   (0, _inherits2["default"])(ScatterPlotRoot, _Component);

package/d3-chart/lib/cjs/Tooltip.js

@@ -25,15 +25,15 @@ var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
 var _Pattern = require("./Pattern");
 var _excluded = ["Children", "children", "tag", "forcedAdvancedMode", "onClick"];
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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_"
 });
 /**
  * `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.

package/d3-chart/lib/cjs/Venn.js

@@ -26,15 +26,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _Pattern = require("./Pattern");
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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) {
   (0, _inherits2["default"])(VennRoot, _Component);

package/d3-chart/lib/cjs/a11y/PlotA11yModule.js

@@ -17,8 +17,8 @@ var _intergalacticDynamicLocales = require("./translations/module/__intergalacti
 var _WithI18n = require("intergalactic/utils/lib/enhances/WithI18n");
 var _flexBox = require("intergalactic/flex-box");
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.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__*/_index.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_"
 });
 var globalWasFocused = false;
 var globalNavWithKeyboard = false;

package/d3-chart/lib/cjs/a11y/PlotA11yModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yModule.js","names":["_core","require","_react","_interopRequireDefault","_locale","_intergalacticDynamicLocales","_WithI18n","_flexBox","styles","_index","sstyled","insert","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","_ref","arguments[0]","_ref5","SPlotA11yModule","Box","_React$useState","React","useState","_React$useState2","_slicedToArray2","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","I18nContext","locale","useMemo","_props$locale","normalizeLocale","localizedMessages","t","useI18n","useEffect","_props$plotRef$curren","focusListener","plotRef","current","addEventListener","_props$plotRef$curren2","removeEventListener","_document$body","keyboardListener","event","navigationKeys","includes","key","document","body","_document$body2","shouldDisplayView","Promise","resolve","then","_interopRequireWildcard2","_ref6","PlotA11yView","Component","console","_ref2","createElement","_extends2","_ref3","cn","_objectSpread2","assignProps","_ref4","exports"],"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":["_core","require","_react","_interopRequireDefault","_locale","_intergalacticDynamicLocales","_WithI18n","_flexBox","styles","_index","sstyled","insert","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","_ref","arguments[0]","_ref5","SPlotA11yModule","Box","_React$useState","React","useState","_React$useState2","_slicedToArray2","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","I18nContext","locale","useMemo","_props$locale","normalizeLocale","localizedMessages","t","useI18n","useEffect","_props$plotRef$curren","focusListener","plotRef","current","addEventListener","_props$plotRef$curren2","removeEventListener","_document$body","keyboardListener","event","navigationKeys","includes","key","document","body","_document$body2","shouldDisplayView","Promise","resolve","then","_interopRequireWildcard2","_ref6","PlotA11yView","Component","console","_ref2","createElement","_extends2","_ref3","cn","_objectSpread2","assignProps","_ref4","exports"],"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":"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"}

package/d3-chart/lib/cjs/a11y/PlotA11yView.js

@@ -19,8 +19,8 @@ var _i18nEnhance = require("intergalactic/utils/lib/enhances/i18nEnhance");
 var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
 var _DataAccessibilityTable = require("./DataAccessibilityTable");
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_index.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__*/_index.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_"
 });
 var PlotA11yView = function PlotA11yView(_ref3) {
   var _ref = arguments[0],
@@ -67,24 +67,28 @@ var PlotA11yView = function PlotA11yView(_ref3) {
       setGeneratingSummary(false);
     }, 0);
   }, [providedData, hints, config, locale, translations, _intergalacticDynamicLocales.localizedMessages]);
-  var handleSkip = _react["default"].useCallback(function () {
+  var handleClose = _react["default"].useCallback(function () {
+    var _plotRef$current;
+    (_plotRef$current = plotRef.current) === null || _plotRef$current === void 0 ? void 0 : _plotRef$current.focus();
+  }, []);
+  var handleSkip = _react["default"].useCallback(function (event) {
     var _heavyFindNextFocusab;
+    event.preventDefault();
     if (!plotRef.current) return;
     (_heavyFindNextFocusab = (0, _focus.heavyFindNextFocusableElement)(plotRef.current)) === null || _heavyFindNextFocusab === void 0 ? void 0 : _heavyFindNextFocusab.focus();
   }, []);
   var handleSkipKeyboard = _react["default"].useCallback(function (event) {
     if (!(event.key === 'Enter' || event.key === ' ')) return;
-    event.preventDefault();
-    handleSkip();
+    handleSkip(event);
   }, [handleSkip]);
-  var handleGoToTable = _react["default"].useCallback(function () {
+  var handleGoToTable = _react["default"].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["default"].useCallback(function (event) {
     if (!(event.key === 'Enter' || event.key === ' ')) return;
-    event.preventDefault();
-    handleGoToTable();
+    handleGoToTable(event);
   }, [handleGoToTable]);
   var texts = _react["default"].useMemo(function () {
     return {
@@ -118,26 +122,25 @@ var PlotA11yView = function PlotA11yView(_ref3) {
   var dataTableRef = _react["default"].useRef(null);
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tabIndex": 0,
-    "aria-label": texts.label
-  }, _ref))), /*#__PURE__*/_react["default"].createElement("a", _ref2.cn("a", {
-    "aria-hidden": true,
-    "onClick": handleSkip
+    "aria-label": texts.label,
+    "role": 'dialog',
+    "__excludeProps": ['data']
+  }, _ref))), /*#__PURE__*/_react["default"].createElement("button", _ref2.cn("button", {
+    "type": 'button',
+    "onClick": handleClose
   }), texts.close), /*#__PURE__*/_react["default"].createElement("a", _ref2.cn("a", {
-    "role": 'link',
-    "tabIndex": 0,
+    "href": '#',
     "onKeyDown": handleSkipKeyboard,
     "onClick": handleSkip
   }), texts.skipPlot), /*#__PURE__*/_react["default"].createElement("a", _ref2.cn("a", {
-    "role": 'link',
-    "tabIndex": 0,
+    "href": "#".concat(id, "-data-table"),
     "onKeyDown": handleGoToTableKeyboard,
     "onClick": handleGoToTable
   }), texts.goToTable), /*#__PURE__*/_react["default"].createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/_react["default"].createElement("label", _ref2.cn("label", {
     "htmlFor": "".concat(id, "-data-summary")
   }), texts.summary)), /*#__PURE__*/_react["default"].createElement("div", _ref2.cn("div", {
     "id": "".concat(id, "-data-summary"),
-    "aria-busy": generatingSummary,
-    "tabIndex": 0
+    "aria-busy": generatingSummary
   }), generatingSummary ? texts.summaryPlaceholder : summary), /*#__PURE__*/_react["default"].createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/_react["default"].createElement("label", _ref2.cn("label", {
     "htmlFor": "".concat(id, "-data-table")
   }), texts.table)), /*#__PURE__*/_react["default"].createElement(_DataAccessibilityTable.DataAccessibilityTable, _ref2.cn("DataAccessibilityTable", {

package/d3-chart/lib/cjs/a11y/PlotA11yView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yView.js","names":["_core","require","_react","_interopRequireDefault","_focus","_hints","_intl","_summarize","_flexBox","_i18nEnhance","_intergalacticDynamicLocales","_DataAccessibilityTable","styles","_index","sstyled","insert","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","Box","translations","useAsyncI18nMessages","localizedMessages","intl","React","useMemo","getIntl","makeDataSummarizationConfig","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","summarize","handleSkip","useCallback","_heavyFindNextFocusab","current","heavyFindNextFocusableElement","focus","handleSkipKeyboard","event","key","preventDefault","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread2","assignProps","concat","DataAccessibilityTable","exports"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\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\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\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 handleSkip = React.useCallback(() => {\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      event.preventDefault();\n      handleSkip();\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback(() => {\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      event.preventDefault();\n      handleGoToTable();\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 render={Box} tabIndex={0} aria-label={texts.label}>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a aria-hidden onClick={handleSkip}>\n        {texts.close}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a role='link' tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a role='link' tabIndex={0} 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} tabIndex={0}>\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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"}
+{"version":3,"file":"PlotA11yView.js","names":["_core","require","_react","_interopRequireDefault","_focus","_hints","_intl","_summarize","_flexBox","_i18nEnhance","_intergalacticDynamicLocales","_DataAccessibilityTable","styles","_index","sstyled","insert","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","Box","translations","useAsyncI18nMessages","localizedMessages","intl","React","useMemo","getIntl","makeDataSummarizationConfig","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","summarize","handleClose","useCallback","_plotRef$current","current","focus","handleSkip","event","_heavyFindNextFocusab","preventDefault","heavyFindNextFocusableElement","handleSkipKeyboard","key","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread2","assignProps","concat","DataAccessibilityTable","exports"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\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\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\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    plotRef.current?.focus();\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  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    >\n      <button type={'button'} onClick={handleClose}>\n        {texts.close}\n      </button>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={'#'} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\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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"}

package/d3-chart/lib/cjs/component/Chart/AbstractChart.js

@@ -359,7 +359,8 @@ var AbstractChart = /*#__PURE__*/function (_Component) {
         direction: (_lProps$direction = lProps.direction) !== null && _lProps$direction !== void 0 ? _lProps$direction : direction === 'row' || direction === 'row-reverse' ? 'column' : 'row',
         onChangeVisibleItem: lProps.disableSelectItems ? undefined : (0, _assignProps2.callAllEventHandlers)(lProps.onChangeVisibleItem, this.handleChangeVisible),
         onMouseEnterItem: lProps.disableHoverItems ? undefined : (0, _assignProps2.callAllEventHandlers)(lProps.onMouseEnterItem, this.handleMouseEnter),
-        onMouseLeaveItem: lProps.disableHoverItems ? undefined : (0, _assignProps2.callAllEventHandlers)(lProps.onMouseLeaveItem, this.handleMouseLeave)
+        onMouseLeaveItem: lProps.disableHoverItems ? undefined : (0, _assignProps2.callAllEventHandlers)(lProps.onMouseLeaveItem, this.handleMouseLeave),
+        'aria-label': this.getLegendAriaLabel()
       };
       if (lProps.legendType === 'Table') {
         return /*#__PURE__*/_react["default"].createElement(_ChartLegend.ChartLegendTable, commonLegendProps);
@@ -427,7 +428,9 @@ var AbstractChart = /*#__PURE__*/function (_Component) {
         a11yAltTextConfig = _this$asProps7.a11yAltTextConfig,
         duration = _this$asProps7.duration;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChart, _ref2.cn("SChart", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "gap": 5
+        "gap": 5,
+        "__excludeProps": ['data'],
+        "role": 'group'
       }, _ref))), this.renderLegend(), /*#__PURE__*/_react["default"].createElement(_.Plot, _ref2.cn("Plot", {
         "data": data,
         "scale": [this.xScale, this.yScale],