@semcore/d3-chart 2.14.10 → 2.15.0

package/lib/es6/HorizontalBar.js

@@ -12,14 +12,14 @@ import createElement from './createElement';
 import ClipPath from './ClipPath';
 import { getBandwidth, roundedPath } from './utils';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_doxif_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_doxif);transition-timing-function:ease-in-out}.___SBar_doxif_gg_.__color_doxif_gg_{fill:var(--color_doxif)}.___SBar_doxif_gg_.__hide_doxif_gg_{display:none}.___SBar_doxif_gg_.__transparent_doxif_gg_{opacity:.3}.___SBackground_doxif_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "doxif_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_doxif_gg_",
-  "--duration": "--duration_doxif",
-  "_color": "__color_doxif_gg_",
-  "--color": "--color_doxif",
-  "_hide": "__hide_doxif_gg_",
-  "_transparent": "__transparent_doxif_gg_",
-  "__SBackground": "___SBackground_doxif_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1spvh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1spvh);transition-timing-function:ease-in-out}.___SBar_1spvh_gg_.__color_1spvh_gg_{fill:var(--color_1spvh)}.___SBar_1spvh_gg_.__hide_1spvh_gg_{display:none}.___SBar_1spvh_gg_.__transparent_1spvh_gg_{opacity:.3}.___SBackground_1spvh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1spvh_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1spvh_gg_",
+  "--duration": "--duration_1spvh",
+  "_color": "__color_1spvh_gg_",
+  "--color": "--color_1spvh",
+  "_hide": "__hide_1spvh_gg_",
+  "_transparent": "__transparent_1spvh_gg_",
+  "__SBackground": "___SBackground_1spvh_gg_"
 });
 export var MIN_WIDTH = 2;
 var calcPartBarX = function calcPartBarX(x, minWidth, width) {

package/lib/es6/Hover.js

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

package/lib/es6/Line.js

@@ -14,14 +14,14 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './u
 import Dots from './Dots';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_ggoth_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_ggoth);transition-timing-function:ease-in-out}.___SLine_ggoth_gg_.__color_ggoth_gg_{stroke:var(--color_ggoth)}.___SLine_ggoth_gg_.__hide_ggoth_gg_{display:none}.___SLine_ggoth_gg_.__transparent_ggoth_gg_{opacity:.3}.___SNull_ggoth_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_ggoth_gg_.__hide_ggoth_gg_{display:none}" /*__inner_css_end__*/, "ggoth_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_ggoth_gg_",
-  "--duration": "--duration_ggoth",
-  "_color": "__color_ggoth_gg_",
-  "--color": "--color_ggoth",
-  "_hide": "__hide_ggoth_gg_",
-  "_transparent": "__transparent_ggoth_gg_",
-  "__SNull": "___SNull_ggoth_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_5cppe_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_5cppe);transition-timing-function:ease-in-out}.___SLine_5cppe_gg_.__color_5cppe_gg_{stroke:var(--color_5cppe)}.___SLine_5cppe_gg_.__hide_5cppe_gg_{display:none}.___SLine_5cppe_gg_.__transparent_5cppe_gg_{opacity:.3}.___SNull_5cppe_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_5cppe_gg_.__hide_5cppe_gg_{display:none}" /*__inner_css_end__*/, "5cppe_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_5cppe_gg_",
+  "--duration": "--duration_5cppe",
+  "_color": "__color_5cppe_gg_",
+  "--color": "--color_5cppe",
+  "_hide": "__hide_5cppe_gg_",
+  "_transparent": "__transparent_5cppe_gg_",
+  "__SNull": "___SNull_5cppe_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/lib/es6/Plot.js

@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1qttc_gg_{overflow:hidden}.___SPlot_1qttc_gg_:active,.___SPlot_1qttc_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1qttc_gg_.__keyboardFocused_1qttc_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__*/, "1qttc_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_1qttc_gg_",
-  "_keyboardFocused": "__keyboardFocused_1qttc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_157ew_gg_{overflow:hidden}.___SPlot_157ew_gg_:active,.___SPlot_157ew_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_157ew_gg_.__keyboardFocused_157ew_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__*/, "157ew_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_157ew_gg_",
+  "_keyboardFocused": "__keyboardFocused_157ew_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);
@@ -73,7 +73,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         scale = _this$asProps.scale,
         data = _this$asProps.data,
         width = _this$asProps.width,
-        height = _this$asProps.height;
+        height = _this$asProps.height,
+        locale = _this$asProps.locale;
       var yScaleDomain = scale === null || scale === void 0 ? void 0 : (_scale$ = scale[1]) === null || _scale$ === void 0 ? void 0 : (_scale$$domain = _scale$.domain) === null || _scale$$domain === void 0 ? void 0 : _scale$$domain.call(_scale$);
       if (yScaleDomain !== null && yScaleDomain !== void 0 && yScaleDomain.length && data !== null && data !== void 0 && data.length) {
         this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
@@ -82,6 +83,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         $rootProps: {
           size: [width, height],
           data: data,
+          locale: locale,
           scale: scale,
           eventEmitter: this.eventEmitter,
           rootRef: this.rootRef,

package/lib/es6/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","style","_sstyled","insert","PlotRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","locale","createElement","Fragment","cn","_objectSpread","_assignProps","handlerMouseMove","handlerMouseLeave","plotId"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <>\n        <SPlot\n          render={Box}\n          tag=\"svg\"\n          __excludeProps={['data', 'scale']}\n          ref={this.rootRef}\n          onMouseMove={this.handlerMouseMove}\n          onMouseLeave={this.handlerMouseLeave}\n          aria-label={label}\n          tabIndex={0}\n        >\n          <Children />\n          <foreignObject width=\"100%\" height=\"100%\" data-aria-only>\n            <PlotA11yModule\n              id={this.plotId}\n              data={data}\n              plotLabel={label}\n              locale={locale}\n              plotRef={this.rootRef}\n              hints={this.dataStructureHints}\n              config={a11yAltTextConfig}\n            />\n          </foreignObject>\n        </SPlot>\n      </>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","style","_sstyled","insert","PlotRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","Fragment","cn","_objectSpread","_assignProps","handlerMouseMove","handlerMouseLeave","plotId"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <>\n        <SPlot\n          render={Box}\n          tag=\"svg\"\n          __excludeProps={['data', 'scale']}\n          ref={this.rootRef}\n          onMouseMove={this.handlerMouseMove}\n          onMouseLeave={this.handlerMouseLeave}\n          aria-label={label}\n          tabIndex={0}\n        >\n          <Children />\n          <foreignObject width=\"100%\" height=\"100%\" data-aria-only>\n            <PlotA11yModule\n              id={this.plotId}\n              data={data}\n              plotLabel={label}\n              locale={locale}\n              plotRef={this.rootRef}\n              hints={this.dataStructureHints}\n              config={a11yAltTextConfig}\n            />\n          </foreignObject>\n        </SPlot>\n      </>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}

package/lib/es6/Radar.js

@@ -18,23 +18,23 @@ import { line, lineRadial, curveLinearClosed, arc } from 'd3-shape';
 import createElement from './createElement';
 import { CONSTANT, eventToPoint, measureText } from './utils';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_11w66_gg_,.___SAxisTick_11w66_gg_,.___SAxis_11w66_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_11w66_gg_,.___SAxisTick_11w66_gg_{stroke-dasharray:2}.___SAxisLine_11w66_gg_.__active_11w66_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_11w66_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_11w66_gg_.__xDirection_11w66_gg_{text-anchor:var(--xDirection_11w66)}.___SAxisLabel_11w66_gg_.__yDirection_11w66_gg_{dominant-baseline:var(--yDirection_11w66)}.___SPolygonDot_11w66_gg_,.___SPolygon_11w66_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_11w66_gg_{opacity:.2}.___SPolygon_11w66_gg_.__color_11w66_gg_{fill:var(--color_11w66)}.___SPolygonDot_11w66_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_11w66_gg_.__transparent_11w66_gg_{opacity:.3}.___SPolygonDot_11w66_gg_.__color_11w66_gg_{fill:var(--color_11w66)}.___SPolygonLine_11w66_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_11w66_gg_.__transparent_11w66_gg_{opacity:.3}.___SPolygonLine_11w66_gg_.__color_11w66_gg_{stroke:var(--color_11w66)}.___SPieRect_11w66_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "11w66_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_11w66_gg_",
-  "__SAxisLine": "___SAxisLine_11w66_gg_",
-  "__SAxisTick": "___SAxisTick_11w66_gg_",
-  "_active": "__active_11w66_gg_",
-  "__SAxisLabel": "___SAxisLabel_11w66_gg_",
-  "_xDirection": "__xDirection_11w66_gg_",
-  "--xDirection": "--xDirection_11w66",
-  "_yDirection": "__yDirection_11w66_gg_",
-  "--yDirection": "--yDirection_11w66",
-  "__SPolygon": "___SPolygon_11w66_gg_",
-  "_color": "__color_11w66_gg_",
-  "--color": "--color_11w66",
-  "__SPolygonDot": "___SPolygonDot_11w66_gg_",
-  "_transparent": "__transparent_11w66_gg_",
-  "__SPolygonLine": "___SPolygonLine_11w66_gg_",
-  "__SPieRect": "___SPieRect_11w66_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1qa4o_gg_,.___SAxisTick_1qa4o_gg_,.___SAxis_1qa4o_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1qa4o_gg_,.___SAxisTick_1qa4o_gg_{stroke-dasharray:2}.___SAxisLine_1qa4o_gg_.__active_1qa4o_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1qa4o_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1qa4o_gg_.__xDirection_1qa4o_gg_{text-anchor:var(--xDirection_1qa4o)}.___SAxisLabel_1qa4o_gg_.__yDirection_1qa4o_gg_{dominant-baseline:var(--yDirection_1qa4o)}.___SPolygonDot_1qa4o_gg_,.___SPolygon_1qa4o_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1qa4o_gg_{opacity:.2}.___SPolygon_1qa4o_gg_.__color_1qa4o_gg_{fill:var(--color_1qa4o)}.___SPolygonDot_1qa4o_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1qa4o_gg_.__transparent_1qa4o_gg_{opacity:.3}.___SPolygonDot_1qa4o_gg_.__color_1qa4o_gg_{fill:var(--color_1qa4o)}.___SPolygonLine_1qa4o_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1qa4o_gg_.__transparent_1qa4o_gg_{opacity:.3}.___SPolygonLine_1qa4o_gg_.__color_1qa4o_gg_{stroke:var(--color_1qa4o)}.___SPieRect_1qa4o_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1qa4o_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_1qa4o_gg_",
+  "__SAxisLine": "___SAxisLine_1qa4o_gg_",
+  "__SAxisTick": "___SAxisTick_1qa4o_gg_",
+  "_active": "__active_1qa4o_gg_",
+  "__SAxisLabel": "___SAxisLabel_1qa4o_gg_",
+  "_xDirection": "__xDirection_1qa4o_gg_",
+  "--xDirection": "--xDirection_1qa4o",
+  "_yDirection": "__yDirection_1qa4o_gg_",
+  "--yDirection": "--yDirection_1qa4o",
+  "__SPolygon": "___SPolygon_1qa4o_gg_",
+  "_color": "__color_1qa4o_gg_",
+  "--color": "--color_1qa4o",
+  "__SPolygonDot": "___SPolygonDot_1qa4o_gg_",
+  "_transparent": "__transparent_1qa4o_gg_",
+  "__SPolygonLine": "___SPolygonLine_1qa4o_gg_",
+  "__SPieRect": "___SPieRect_1qa4o_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/es6/RadialTree.js

@@ -21,18 +21,18 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import createElement from './createElement';
 import { measureText } from './utils';
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_pfg0r_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_pfg0r_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_pfg0r_gg_.__color_pfg0r_gg_{stroke:var(--color_pfg0r)}.___SCap_pfg0r_gg_.__transparent_pfg0r_gg_,.___SIcon_pfg0r_gg_.__transparent_pfg0r_gg_,.___SLabel_pfg0r_gg_.__transparent_pfg0r_gg_,.___SLine_pfg0r_gg_.__transparent_pfg0r_gg_{opacity:.3}.___SCap_pfg0r_gg_{transition:r .1s}.___SLabel_pfg0r_gg_{fill:var(--color_pfg0r);cursor:var(--text-cursor_pfg0r)}@media (hover:hover){.___SRadian_pfg0r_gg_:hover .___SLabel_pfg0r_gg_{fill:var(--color-hovered_pfg0r)}}@media (prefers-reduced-motion){.___SLineCap_pfg0r_gg_{transition:none}}" /*__inner_css_end__*/, "pfg0r_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_pfg0r_gg_",
-  "__SLine": "___SLine_pfg0r_gg_",
-  "_color": "__color_pfg0r_gg_",
-  "--color": "--color_pfg0r",
-  "_transparent": "__transparent_pfg0r_gg_",
-  "__SCap": "___SCap_pfg0r_gg_",
-  "__SIcon": "___SIcon_pfg0r_gg_",
-  "__SLabel": "___SLabel_pfg0r_gg_",
-  "--text-cursor": "--text-cursor_pfg0r",
-  "--color-hovered": "--color-hovered_pfg0r",
-  "__SLineCap": "___SLineCap_pfg0r_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1007b_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1007b_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1007b_gg_.__color_1007b_gg_{stroke:var(--color_1007b)}.___SCap_1007b_gg_.__transparent_1007b_gg_,.___SIcon_1007b_gg_.__transparent_1007b_gg_,.___SLabel_1007b_gg_.__transparent_1007b_gg_,.___SLine_1007b_gg_.__transparent_1007b_gg_{opacity:.3}.___SCap_1007b_gg_{transition:r .1s}.___SLabel_1007b_gg_{fill:var(--color_1007b);cursor:var(--text-cursor_1007b)}@media (hover:hover){.___SRadian_1007b_gg_:hover .___SLabel_1007b_gg_{fill:var(--color-hovered_1007b)}}@media (prefers-reduced-motion){.___SLineCap_1007b_gg_{transition:none}}" /*__inner_css_end__*/, "1007b_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_1007b_gg_",
+  "__SLine": "___SLine_1007b_gg_",
+  "_color": "__color_1007b_gg_",
+  "--color": "--color_1007b",
+  "_transparent": "__transparent_1007b_gg_",
+  "__SCap": "___SCap_1007b_gg_",
+  "__SIcon": "___SIcon_1007b_gg_",
+  "__SLabel": "___SLabel_1007b_gg_",
+  "--text-cursor": "--text-cursor_1007b",
+  "--color-hovered": "--color-hovered_1007b",
+  "__SLineCap": "___SLineCap_1007b_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 var RadialTreeBase = /*#__PURE__*/function (_Component) {

package/lib/es6/ReferenceLine.js

@@ -11,15 +11,15 @@ import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/reference-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1ksn7_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1ksn7_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1ksn7)}.___STitle_1ksn7_gg_._position_top_1ksn7_gg_{text-anchor:middle}.___STitle_1ksn7_gg_._position_bottom_1ksn7_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1ksn7_gg_._position_left_1ksn7_gg_,.___STitle_1ksn7_gg_._position_right_1ksn7_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1ksn7_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1ksn7_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_1ksn7_gg_",
-  "__STitle": "___STitle_1ksn7_gg_",
-  "--transform-origin": "--transform-origin_1ksn7",
-  "_position_top": "_position_top_1ksn7_gg_",
-  "_position_bottom": "_position_bottom_1ksn7_gg_",
-  "_position_right": "_position_right_1ksn7_gg_",
-  "_position_left": "_position_left_1ksn7_gg_",
-  "__SBackground": "___SBackground_1ksn7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1yew7_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1yew7_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1yew7)}.___STitle_1yew7_gg_._position_top_1yew7_gg_{text-anchor:middle}.___STitle_1yew7_gg_._position_bottom_1yew7_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1yew7_gg_._position_left_1yew7_gg_,.___STitle_1yew7_gg_._position_right_1yew7_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1yew7_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1yew7_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_1yew7_gg_",
+  "__STitle": "___STitle_1yew7_gg_",
+  "--transform-origin": "--transform-origin_1yew7",
+  "_position_top": "_position_top_1yew7_gg_",
+  "_position_bottom": "_position_bottom_1yew7_gg_",
+  "_position_right": "_position_right_1yew7_gg_",
+  "_position_left": "_position_left_1yew7_gg_",
+  "__SBackground": "___SBackground_1yew7_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -16,13 +16,13 @@ import createElement from './createElement';
 import { CONSTANT } from './utils';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1rpbg_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1rpbg);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1rpbg_gg_:hover{opacity:.8}}.___SScatterPlot_1rpbg_gg_.__color_1rpbg_gg_{fill:var(--color_1rpbg)}.___SScatterPlot_1rpbg_gg_.__transparent_1rpbg_gg_{opacity:.3}.___SValue_1rpbg_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1rpbg_gg_.__color_1rpbg_gg_{stroke:var(--color_1rpbg)}.___SValue_1rpbg_gg_.__transparent_1rpbg_gg_{opacity:.3}" /*__inner_css_end__*/, "1rpbg_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_1rpbg_gg_",
-  "--duration": "--duration_1rpbg",
-  "_color": "__color_1rpbg_gg_",
-  "--color": "--color_1rpbg",
-  "_transparent": "__transparent_1rpbg_gg_",
-  "__SValue": "___SValue_1rpbg_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1x70d_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1x70d);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1x70d_gg_:hover{opacity:.8}}.___SScatterPlot_1x70d_gg_.__color_1x70d_gg_{fill:var(--color_1x70d)}.___SScatterPlot_1x70d_gg_.__transparent_1x70d_gg_{opacity:.3}.___SValue_1x70d_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1x70d_gg_.__color_1x70d_gg_{stroke:var(--color_1x70d)}.___SValue_1x70d_gg_.__transparent_1x70d_gg_{opacity:.3}" /*__inner_css_end__*/, "1x70d_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_1x70d_gg_",
+  "--duration": "--duration_1x70d",
+  "_color": "__color_1x70d_gg_",
+  "--color": "--color_1x70d",
+  "_transparent": "__transparent_1x70d_gg_",
+  "__SValue": "___SValue_1x70d_gg_"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);

package/lib/es6/Tooltip.js

@@ -21,14 +21,14 @@ import resolveColor from '@semcore/utils/lib/color';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_3lnpi_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_3lnpi_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_3lnpi_gg_{display:flex;align-items:center}.___SDot_3lnpi_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_3lnpi_gg_.__color_3lnpi_gg_{background:var(--color_3lnpi)}.___SFooter_3lnpi_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__*/, "3lnpi_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_3lnpi_gg_",
-  "__STitle": "___STitle_3lnpi_gg_",
-  "__SDotGroup": "___SDotGroup_3lnpi_gg_",
-  "__SDot": "___SDot_3lnpi_gg_",
-  "_color": "__color_3lnpi_gg_",
-  "--color": "--color_3lnpi",
-  "__SFooter": "___SFooter_3lnpi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_13fyr_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_13fyr_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_13fyr_gg_{display:flex;align-items:center}.___SDot_13fyr_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_13fyr_gg_.__color_13fyr_gg_{background:var(--color_13fyr)}.___SFooter_13fyr_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__*/, "13fyr_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_13fyr_gg_",
+  "__STitle": "___STitle_13fyr_gg_",
+  "__SDotGroup": "___SDotGroup_13fyr_gg_",
+  "__SDot": "___SDot_13fyr_gg_",
+  "_color": "__color_13fyr_gg_",
+  "--color": "--color_13fyr",
+  "__SFooter": "___SFooter_13fyr_gg_"
 });
 var TooltipRoot = /*#__PURE__*/function (_Component) {
   _inherits(TooltipRoot, _Component);

package/lib/es6/Venn.js

@@ -15,13 +15,13 @@ import { FadeInOut } from '@semcore/animation';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_xu0yp_gg_,.___SIntersection_xu0yp_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_xu0yp_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_xu0yp);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_xu0yp_gg_:hover{fill-opacity:.7}}.___SCircle_xu0yp_gg_.__color_xu0yp_gg_{fill:var(--color_xu0yp)}.___SCircle_xu0yp_gg_.__transparent_xu0yp_gg_{opacity:.3}.___SIntersection_xu0yp_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_xu0yp_gg_:hover{fill-opacity:.1}}.___SIntersection_xu0yp_gg_.__transparent_xu0yp_gg_{opacity:.3}" /*__inner_css_end__*/, "xu0yp_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_xu0yp_gg_",
-  "--duration": "--duration_xu0yp",
-  "_color": "__color_xu0yp_gg_",
-  "--color": "--color_xu0yp",
-  "_transparent": "__transparent_xu0yp_gg_",
-  "__SIntersection": "___SIntersection_xu0yp_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_1nzuh_gg_,.___SIntersection_1nzuh_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1nzuh_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1nzuh);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1nzuh_gg_:hover{fill-opacity:.7}}.___SCircle_1nzuh_gg_.__color_1nzuh_gg_{fill:var(--color_1nzuh)}.___SCircle_1nzuh_gg_.__transparent_1nzuh_gg_{opacity:.3}.___SIntersection_1nzuh_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1nzuh_gg_:hover{fill-opacity:.1}}.___SIntersection_1nzuh_gg_.__transparent_1nzuh_gg_{opacity:.3}" /*__inner_css_end__*/, "1nzuh_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_1nzuh_gg_",
+  "--duration": "--duration_1nzuh",
+  "_color": "__color_1nzuh_gg_",
+  "--color": "--color_1nzuh",
+  "_transparent": "__transparent_1nzuh_gg_",
+  "__SIntersection": "___SIntersection_1nzuh_gg_"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
   _inherits(VennRoot, _Component);

package/lib/es6/a11y/PlotA11yModule.js

@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_13j8c_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_13j8c_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "13j8c_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_13j8c_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_p8n3j_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_p8n3j_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "p8n3j_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_p8n3j_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -12,9 +12,9 @@ import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_b3ba8_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_b3ba8_gg_.__focus-within_b3ba8_gg_,.___SPlotA11yView_b3ba8_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_b3ba8_gg_:focus,.___SPlotA11yView_b3ba8_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_b3ba8_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_b3ba8_gg_ table,.___SPlotA11yView_b3ba8_gg_ td,.___SPlotA11yView_b3ba8_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "b3ba8_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_b3ba8_gg_",
-  "_focus-within": "__focus-within_b3ba8_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_swl4p_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_swl4p_gg_.__focus-within_swl4p_gg_,.___SPlotA11yView_swl4p_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_swl4p_gg_:focus,.___SPlotA11yView_swl4p_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_swl4p_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_swl4p_gg_ table,.___SPlotA11yView_swl4p_gg_ td,.___SPlotA11yView_swl4p_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "swl4p_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_swl4p_gg_",
+  "_focus-within": "__focus-within_swl4p_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/style/axis.shadow.css

@@ -46,6 +46,11 @@ STitle[position='left'] {
   text-anchor: middle;
   alignment-baseline: middle;
 }
+STitle[position='right'][verticalWritingMode],
+STitle[position='left'][verticalWritingMode] {
+  writing-mode: vertical-rl;
+  transform: none;
+}
 
 STick[position='top'] {
   transform: translateY(-12px);

package/lib/es6/types/Axis.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Axis.d.js","names":[],"sources":["../../../src/types/Axis.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IXAxisProps extends IContext {\n  /** The position of the axis relative chart\n   * @default 'button' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default false */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n}\n\nexport interface IYAxisProps extends IContext {\n  /** The position of the axis relative chart\n   * @default 'left' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default true */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n}\n\nexport interface IAxisTicksProps extends IContext {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  /** Element hide property */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n}\n\nexport interface IAxisGridProps extends IContext {\n  /** Values for axis ticks */\n  ticks?: any[];\n}\n\nexport interface IAxisTitleProps extends IContext {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n}\n\nexport interface IAxisTicksContext {\n  /** Value element of data */\n  value: any;\n  /** Index element of data */\n  index: number;\n}\n\ndeclare const XAxis: (<T>(props: MapProps<IXAxisProps & T>) => ReturnEl) & {\n  Ticks: <T>(props: MapProps<IAxisTicksProps & T, IAxisTicksContext>) => ReturnEl;\n  Grid: <T>(props: MapProps<IAxisGridProps & T>) => ReturnEl;\n  Title: <T>(props: MapProps<IAxisTitleProps & T>) => ReturnEl;\n};\n\ndeclare const YAxis: (<T>(props: MapProps<IYAxisProps & T>) => ReturnEl) & {\n  Ticks: <T>(props: MapProps<IAxisTicksProps & T, IAxisTicksContext>) => ReturnEl;\n  Grid: <T>(props: MapProps<IAxisGridProps & T>) => ReturnEl;\n  Title: <T>(props: MapProps<IAxisTitleProps & T>) => ReturnEl;\n};\n\nexport { XAxis, YAxis };\n"],"mappings":""}
+{"version":3,"file":"Axis.d.js","names":[],"sources":["../../../src/types/Axis.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IXAxisProps extends IContext {\n  /** The position of the axis relative chart\n   * @default 'button' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default false */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n}\n\nexport interface IYAxisProps extends IContext {\n  /** The position of the axis relative chart\n   * @default 'left' */\n  position?: 'top' | 'right' | 'bottom' | 'left' | number;\n  /** Element hide property\n   * @default true */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n}\n\nexport interface IAxisTicksProps extends IContext {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  /** Element hide property */\n  hide?: boolean;\n  /** Values for axis ticks */\n  ticks?: any[];\n}\n\nexport interface IAxisGridProps extends IContext {\n  /** Values for axis ticks */\n  ticks?: any[];\n}\n\nexport interface IAxisTitleProps extends IContext {\n  /** The position of the axis relative chart */\n  position?: 'top' | 'right' | 'bottom' | 'left';\n\n  /** For vertical titles disables characters rotation while puts\n   * characters into the vertical column for better reading in some languages.\n   * @default true for `zh` and `ja` locales and false for all others.\n   */\n  verticalWritingMode?: boolean;\n}\n\nexport interface IAxisTicksContext {\n  /** Value element of data */\n  value: any;\n  /** Index element of data */\n  index: number;\n}\n\ndeclare const XAxis: (<T>(props: MapProps<IXAxisProps & T>) => ReturnEl) & {\n  Ticks: <T>(props: MapProps<IAxisTicksProps & T, IAxisTicksContext>) => ReturnEl;\n  Grid: <T>(props: MapProps<IAxisGridProps & T>) => ReturnEl;\n  Title: <T>(props: MapProps<IAxisTitleProps & T>) => ReturnEl;\n};\n\ndeclare const YAxis: (<T>(props: MapProps<IYAxisProps & T>) => ReturnEl) & {\n  Ticks: <T>(props: MapProps<IAxisTicksProps & T, IAxisTicksContext>) => ReturnEl;\n  Grid: <T>(props: MapProps<IAxisGridProps & T>) => ReturnEl;\n  Title: <T>(props: MapProps<IAxisTitleProps & T>) => ReturnEl;\n};\n\nexport { XAxis, YAxis };\n"],"mappings":""}

package/lib/types/Axis.d.ts

@@ -41,6 +41,12 @@ export interface IAxisGridProps extends IContext {
 export interface IAxisTitleProps extends IContext {
   /** The position of the axis relative chart */
   position?: 'top' | 'right' | 'bottom' | 'left';
+
+  /** For vertical titles disables characters rotation while puts
+   * characters into the vertical column for better reading in some languages.
+   * @default true for `zh` and `ja` locales and false for all others.
+   */
+  verticalWritingMode?: boolean;
 }
 
 export interface IAxisTicksContext {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.14.10",
+  "version": "2.15.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -44,6 +44,7 @@
     "@semcore/checkbox": "*",
     "@semcore/dropdown-menu": "*",
     "@semcore/icon": "*",
+    "@semcore/utils": "*",
     "@semcore/jest-preset-ui": "1.0.0",
     "@semcore/typography": "*",
     "@types/d3-array": "^3.0.2",