@semcore/d3-chart 3.30.1 → 3.31.0

package/lib/es6/Line.js

@@ -15,15 +15,15 @@ import Dots from './Dots';
 import AnimatedClipPath from './AnimatedClipPath';
 import { resolvePatternDasharray } from './Pattern';
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_loitq_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_loitq);transition-timing-function:ease-in-out}.___SLine_loitq_gg_.__color_loitq_gg_{stroke:var(--color_loitq)}.___SLine_loitq_gg_.__hide_loitq_gg_{display:none}.___SLine_loitq_gg_.__transparent_loitq_gg_{opacity:.3}.___SNull_loitq_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_loitq_gg_.__hide_loitq_gg_{display:none}.___SAria_loitq_gg_{transition-property:d;transition-duration:var(--duration_loitq);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_loitq_gg_.__color_loitq_gg_{fill:var(--color_loitq)}" /*__inner_css_end__*/, "loitq_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_loitq_gg_",
-  "--duration": "--duration_loitq",
-  "_color": "__color_loitq_gg_",
-  "--color": "--color_loitq",
-  "_hide": "__hide_loitq_gg_",
-  "_transparent": "__transparent_loitq_gg_",
-  "__SNull": "___SNull_loitq_gg_",
-  "__SAria": "___SAria_loitq_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_plj9c_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_plj9c);transition-timing-function:ease-in-out}.___SLine_plj9c_gg_.__color_plj9c_gg_{stroke:var(--color_plj9c)}.___SLine_plj9c_gg_.__hide_plj9c_gg_{display:none}.___SLine_plj9c_gg_.__transparent_plj9c_gg_{opacity:.3}.___SNull_plj9c_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_plj9c_gg_.__hide_plj9c_gg_{display:none}.___SAria_plj9c_gg_{transition-property:d;transition-duration:var(--duration_plj9c);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_plj9c_gg_.__color_plj9c_gg_{fill:var(--color_plj9c)}" /*__inner_css_end__*/, "plj9c_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_plj9c_gg_",
+  "--duration": "--duration_plj9c",
+  "_color": "__color_plj9c_gg_",
+  "--color": "--color_plj9c",
+  "_hide": "__hide_plj9c_gg_",
+  "_transparent": "__transparent_plj9c_gg_",
+  "__SNull": "___SNull_plj9c_gg_",
+  "__SAria": "___SAria_plj9c_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);
@@ -201,7 +201,9 @@ function Area(props) {
   var _scale = _slicedToArray(scale, 2),
     xScale = _scale[0],
     yScale = _scale[1];
-  var dataToArea = area !== null && area !== void 0 ? area : data;
+  var dataToArea = area !== null && area !== void 0 ? area : data.filter(function (d) {
+    return definedData(y0, y1)(d);
+  });
   var d3 = d3Area().curve(curve).x(function (data) {
     return xScale(data[x]);
   }).y0(function (data) {

package/lib/es6/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","area","d3Area","curveCardinal","Component","sstyled","uniqueIDEnhancement","useUID","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","interpolateValue","getChartDefaultColorName","Dots","AnimatedClipPath","resolvePatternDasharray","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","patterns","getNullProps","_this$asProps2","data","filter","item","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","Fragment","cn","concat","undefined","_defineProperty","_ref4","$rootProps","_ref4$curve","curve","_ref5","_ref6","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull","Area","_ref3","SAria","y0","y1","_props$curve","_scale","dataToArea"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n  getChartDefaultColorName,\n} from './utils';\nimport Dots from './Dots';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { resolvePatternDasharray } from './Pattern';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, resolveColor, duration, transparent, patterns } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n      patterns,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const {\n      styles,\n      hide,\n      color,\n      resolveColor,\n      uid,\n      size,\n      d3,\n      duration,\n      x,\n      y,\n      transparent,\n      patterns,\n    } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    const patternKey = color || getChartDefaultColorName(0);\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n          strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n        />\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SAria,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n    area,\n    patterns,\n  } = props;\n  const [xScale, yScale] = scale;\n  const dataToArea = area ?? data;\n\n  const d3 = d3Area()\n    .curve(curve)\n    .x((data) => xScale(data[x]))\n    .y0((data) => yScale(data[y0]))\n    .y1((data) => yScale(data[y1]));\n\n  return sstyled(styles)(\n    <SAria\n      aria-hidden\n      clipPath={`url(#${uid})`}\n      render='path'\n      hide={hide}\n      color={color}\n      d={d3(dataToArea)}\n      use:duration={`${duration}ms`}\n      patterns={patterns}\n    />,\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","area","d3Area","curveCardinal","Component","sstyled","uniqueIDEnhancement","useUID","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","interpolateValue","getChartDefaultColorName","Dots","AnimatedClipPath","resolvePatternDasharray","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","patterns","getNullProps","_this$asProps2","data","filter","item","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","Fragment","cn","concat","undefined","_defineProperty","_ref4","$rootProps","_ref4$curve","curve","_ref5","_ref6","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull","Area","_ref3","SAria","y0","y1","_props$curve","_scale","dataToArea","d"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n  getChartDefaultColorName,\n} from './utils';\nimport Dots from './Dots';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { resolvePatternDasharray } from './Pattern';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, resolveColor, duration, transparent, patterns } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n      patterns,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const {\n      styles,\n      hide,\n      color,\n      resolveColor,\n      uid,\n      size,\n      d3,\n      duration,\n      x,\n      y,\n      transparent,\n      patterns,\n    } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    const patternKey = color || getChartDefaultColorName(0);\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n          strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n        />\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SAria,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n    area,\n    patterns,\n  } = props;\n  const [xScale, yScale] = scale;\n  const dataToArea = area ?? data.filter((d) => definedData(y0, y1)(d));\n\n  const d3 = d3Area()\n    .curve(curve)\n    .x((data) => xScale(data[x]))\n    .y0((data) => yScale(data[y0]))\n    .y1((data) => yScale(data[y1]));\n\n  return sstyled(styles)(\n    <SAria\n      aria-hidden\n      clipPath={`url(#${uid})`}\n      render='path'\n      hide={hide}\n      color={color}\n      d={d3(dataToArea)}\n      use:duration={`${duration}ms`}\n      patterns={patterns}\n    />,\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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"}

package/lib/es6/Plot.js

@@ -18,9 +18,9 @@ import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 import colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_nprc8_gg_{overflow:hidden}.___SPlot_nprc8_gg_:active,.___SPlot_nprc8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_nprc8_gg_.__keyboardFocused_nprc8_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__*/, "nprc8_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_nprc8_gg_",
-  "_keyboardFocused": "__keyboardFocused_nprc8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_yektd_gg_{overflow:hidden}.___SPlot_yektd_gg_:active,.___SPlot_yektd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_yektd_gg_.__keyboardFocused_yektd_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__*/, "yektd_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_yektd_gg_",
+  "_keyboardFocused": "__keyboardFocused_yektd_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);

package/lib/es6/Radar.js

@@ -22,25 +22,25 @@ import { CONSTANT, eventToPoint, getChartDefaultColorName, measureText } from '.
 import Tooltip from './Tooltip';
 import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_dnyef_gg_,.___SAxisTick_dnyef_gg_,.___SAxis_dnyef_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_dnyef_gg_,.___SAxisTick_dnyef_gg_{stroke-dasharray:2}.___SAxisLine_dnyef_gg_.__active_dnyef_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_dnyef_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_dnyef_gg_.__xDirection_dnyef_gg_{text-anchor:var(--xDirection_dnyef)}.___SAxisLabel_dnyef_gg_.__yDirection_dnyef_gg_{dominant-baseline:var(--yDirection_dnyef)}.___SPolygonDot_dnyef_gg_,.___SPolygon_dnyef_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_dnyef_gg_{opacity:.2}.___SPolygon_dnyef_gg_.__color_dnyef_gg_{fill:var(--color_dnyef)}.___SPolygon_dnyef_gg_.__pattern_dnyef_gg_.__color_dnyef_gg_{fill:var(--pattern_dnyef);stroke:var(--color_dnyef);stroke-width:1px}.___SPolygonDot_dnyef_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_dnyef_gg_.__transparent_dnyef_gg_{opacity:.3}.___SPolygonDot_dnyef_gg_.__color_dnyef_gg_{fill:var(--color_dnyef)}.___SPolygonLine_dnyef_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_dnyef_gg_.__transparent_dnyef_gg_{opacity:.3}.___SPolygonLine_dnyef_gg_.__color_dnyef_gg_{stroke:var(--color_dnyef)}.___SPieRect_dnyef_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "dnyef_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_dnyef_gg_",
-  "__SAxisLine": "___SAxisLine_dnyef_gg_",
-  "__SAxisTick": "___SAxisTick_dnyef_gg_",
-  "_active": "__active_dnyef_gg_",
-  "__SAxisLabel": "___SAxisLabel_dnyef_gg_",
-  "_xDirection": "__xDirection_dnyef_gg_",
-  "--xDirection": "--xDirection_dnyef",
-  "_yDirection": "__yDirection_dnyef_gg_",
-  "--yDirection": "--yDirection_dnyef",
-  "__SPolygon": "___SPolygon_dnyef_gg_",
-  "_color": "__color_dnyef_gg_",
-  "--color": "--color_dnyef",
-  "_pattern": "__pattern_dnyef_gg_",
-  "--pattern": "--pattern_dnyef",
-  "__SPolygonDot": "___SPolygonDot_dnyef_gg_",
-  "_transparent": "__transparent_dnyef_gg_",
-  "__SPolygonLine": "___SPolygonLine_dnyef_gg_",
-  "__SPieRect": "___SPieRect_dnyef_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_9egfi_gg_,.___SAxisTick_9egfi_gg_,.___SAxis_9egfi_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_9egfi_gg_,.___SAxisTick_9egfi_gg_{stroke-dasharray:2}.___SAxisLine_9egfi_gg_.__active_9egfi_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_9egfi_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_9egfi_gg_.__xDirection_9egfi_gg_{text-anchor:var(--xDirection_9egfi)}.___SAxisLabel_9egfi_gg_.__yDirection_9egfi_gg_{dominant-baseline:var(--yDirection_9egfi)}.___SPolygonDot_9egfi_gg_,.___SPolygon_9egfi_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_9egfi_gg_{opacity:.2}.___SPolygon_9egfi_gg_.__color_9egfi_gg_{fill:var(--color_9egfi)}.___SPolygon_9egfi_gg_.__pattern_9egfi_gg_.__color_9egfi_gg_{fill:var(--pattern_9egfi);stroke:var(--color_9egfi);stroke-width:1px}.___SPolygonDot_9egfi_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_9egfi_gg_.__transparent_9egfi_gg_{opacity:.3}.___SPolygonDot_9egfi_gg_.__color_9egfi_gg_{fill:var(--color_9egfi)}.___SPolygonLine_9egfi_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_9egfi_gg_.__transparent_9egfi_gg_{opacity:.3}.___SPolygonLine_9egfi_gg_.__color_9egfi_gg_{stroke:var(--color_9egfi)}.___SPieRect_9egfi_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "9egfi_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_9egfi_gg_",
+  "__SAxisLine": "___SAxisLine_9egfi_gg_",
+  "__SAxisTick": "___SAxisTick_9egfi_gg_",
+  "_active": "__active_9egfi_gg_",
+  "__SAxisLabel": "___SAxisLabel_9egfi_gg_",
+  "_xDirection": "__xDirection_9egfi_gg_",
+  "--xDirection": "--xDirection_9egfi",
+  "_yDirection": "__yDirection_9egfi_gg_",
+  "--yDirection": "--yDirection_9egfi",
+  "__SPolygon": "___SPolygon_9egfi_gg_",
+  "_color": "__color_9egfi_gg_",
+  "--color": "--color_9egfi",
+  "_pattern": "__pattern_9egfi_gg_",
+  "--pattern": "--pattern_9egfi",
+  "__SPolygonDot": "___SPolygonDot_9egfi_gg_",
+  "_transparent": "__transparent_9egfi_gg_",
+  "__SPolygonLine": "___SPolygonLine_9egfi_gg_",
+  "__SPieRect": "___SPieRect_9egfi_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/es6/RadialTree.js

@@ -21,17 +21,17 @@ import createElement from './createElement';
 import { getChartDefaultColorName, measureText } from './utils';
 import { PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_iofrt_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_iofrt_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_iofrt_gg_.__color_iofrt_gg_{stroke:var(--color_iofrt)}.___SLine_iofrt_gg_.__transparent_iofrt_gg_{opacity:.3}.___SCap_iofrt_gg_{transition:r .1s}.___SCap_iofrt_gg_.__pattern_iofrt_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_iofrt_gg_.__transparent_iofrt_gg_,.___SIcon_iofrt_gg_.__transparent_iofrt_gg_,.___SLabel_iofrt_gg_.__transparent_iofrt_gg_{opacity:.3}.___SLabel_iofrt_gg_{fill:var(--color_iofrt)}@media (hover:hover){.___SRadian_iofrt_gg_:hover .___SLabel_iofrt_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_iofrt_gg_{transition:none}}" /*__inner_css_end__*/, "iofrt_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_iofrt_gg_",
-  "__SLine": "___SLine_iofrt_gg_",
-  "_color": "__color_iofrt_gg_",
-  "--color": "--color_iofrt",
-  "_transparent": "__transparent_iofrt_gg_",
-  "__SCap": "___SCap_iofrt_gg_",
-  "_pattern": "__pattern_iofrt_gg_",
-  "__SIcon": "___SIcon_iofrt_gg_",
-  "__SLabel": "___SLabel_iofrt_gg_",
-  "__SLineCap": "___SLineCap_iofrt_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1nk21_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1nk21_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1nk21_gg_.__color_1nk21_gg_{stroke:var(--color_1nk21)}.___SLine_1nk21_gg_.__transparent_1nk21_gg_{opacity:.3}.___SCap_1nk21_gg_{transition:r .1s}.___SCap_1nk21_gg_.__pattern_1nk21_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1nk21_gg_.__transparent_1nk21_gg_,.___SIcon_1nk21_gg_.__transparent_1nk21_gg_,.___SLabel_1nk21_gg_.__transparent_1nk21_gg_{opacity:.3}.___SLabel_1nk21_gg_{fill:var(--color_1nk21)}@media (hover:hover){.___SRadian_1nk21_gg_:hover .___SLabel_1nk21_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1nk21_gg_{transition:none}}" /*__inner_css_end__*/, "1nk21_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_1nk21_gg_",
+  "__SLine": "___SLine_1nk21_gg_",
+  "_color": "__color_1nk21_gg_",
+  "--color": "--color_1nk21",
+  "_transparent": "__transparent_1nk21_gg_",
+  "__SCap": "___SCap_1nk21_gg_",
+  "_pattern": "__pattern_1nk21_gg_",
+  "__SIcon": "___SIcon_1nk21_gg_",
+  "__SLabel": "___SLabel_1nk21_gg_",
+  "__SLineCap": "___SLineCap_1nk21_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_1pp9i_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1pp9i_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1pp9i)}.___STitle_1pp9i_gg_._position_top_1pp9i_gg_{text-anchor:middle}.___STitle_1pp9i_gg_._position_bottom_1pp9i_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1pp9i_gg_._position_left_1pp9i_gg_,.___STitle_1pp9i_gg_._position_right_1pp9i_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1pp9i_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1pp9i_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_1pp9i_gg_",
-  "__STitle": "___STitle_1pp9i_gg_",
-  "--transform-origin": "--transform-origin_1pp9i",
-  "_position_top": "_position_top_1pp9i_gg_",
-  "_position_bottom": "_position_bottom_1pp9i_gg_",
-  "_position_right": "_position_right_1pp9i_gg_",
-  "_position_left": "_position_left_1pp9i_gg_",
-  "__SBackground": "___SBackground_1pp9i_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_822cc_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_822cc_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_822cc)}.___STitle_822cc_gg_._position_top_822cc_gg_{text-anchor:middle}.___STitle_822cc_gg_._position_bottom_822cc_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_822cc_gg_._position_left_822cc_gg_,.___STitle_822cc_gg_._position_right_822cc_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_822cc_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "822cc_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_822cc_gg_",
+  "__STitle": "___STitle_822cc_gg_",
+  "--transform-origin": "--transform-origin_822cc",
+  "_position_top": "_position_top_822cc_gg_",
+  "_position_bottom": "_position_bottom_822cc_gg_",
+  "_position_right": "_position_right_822cc_gg_",
+  "_position_left": "_position_left_822cc_gg_",
+  "__SBackground": "___SBackground_822cc_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -18,15 +18,15 @@ import { CONSTANT, getScatterPlotRadius } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1k923_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1k923);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1k923_gg_:hover{opacity:.8}}.___SScatterPlot_1k923_gg_.__color_1k923_gg_{fill:var(--color_1k923)}.___SScatterPlot_1k923_gg_.__pattern_1k923_gg_.__color_1k923_gg_{fill:var(--pattern_1k923);stroke:var(--color_1k923);stroke-width:1px}.___SScatterPlot_1k923_gg_.__transparent_1k923_gg_{opacity:.3}.___SValue_1k923_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1k923_gg_.__color_1k923_gg_{stroke:var(--color_1k923)}.___SValue_1k923_gg_.__transparent_1k923_gg_{opacity:.3}" /*__inner_css_end__*/, "1k923_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_1k923_gg_",
-  "_color": "__color_1k923_gg_",
-  "--color": "--color_1k923",
-  "_pattern": "__pattern_1k923_gg_",
-  "--pattern": "--pattern_1k923",
-  "_transparent": "__transparent_1k923_gg_",
-  "__SValue": "___SValue_1k923_gg_",
-  "--duration": "--duration_1k923"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_q3kbd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_q3kbd);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_q3kbd_gg_:hover{opacity:.8}}.___SScatterPlot_q3kbd_gg_.__color_q3kbd_gg_{fill:var(--color_q3kbd)}.___SScatterPlot_q3kbd_gg_.__pattern_q3kbd_gg_.__color_q3kbd_gg_{fill:var(--pattern_q3kbd);stroke:var(--color_q3kbd);stroke-width:1px}.___SScatterPlot_q3kbd_gg_.__transparent_q3kbd_gg_{opacity:.3}.___SValue_q3kbd_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_q3kbd_gg_.__color_q3kbd_gg_{stroke:var(--color_q3kbd)}.___SValue_q3kbd_gg_.__transparent_q3kbd_gg_{opacity:.3}" /*__inner_css_end__*/, "q3kbd_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_q3kbd_gg_",
+  "_color": "__color_q3kbd_gg_",
+  "--color": "--color_q3kbd",
+  "_pattern": "__pattern_q3kbd_gg_",
+  "--pattern": "--pattern_q3kbd",
+  "_transparent": "__transparent_q3kbd_gg_",
+  "__SValue": "___SValue_q3kbd_gg_",
+  "--duration": "--duration_q3kbd"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);

package/lib/es6/Tooltip.js

@@ -21,15 +21,15 @@ import createElement from './createElement';
 import { CONSTANT, getChartDefaultColorName } from './utils';
 import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_18x95_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_18x95_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_18x95_gg_{display:flex;align-items:center}.___SDot_18x95_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_18x95_gg_.__color_18x95_gg_{background-color:var(--color_18x95);width:12px;height:12px;border-radius:50%}.___SFooter_18x95_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__*/, "18x95_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_18x95_gg_",
-  "__STitle": "___STitle_18x95_gg_",
-  "__SDotGroup": "___SDotGroup_18x95_gg_",
-  "__SDot": "___SDot_18x95_gg_",
-  "__SDotCircle": "___SDotCircle_18x95_gg_",
-  "_color": "__color_18x95_gg_",
-  "--color": "--color_18x95",
-  "__SFooter": "___SFooter_18x95_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1pfyb_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_1pfyb_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1pfyb_gg_{display:flex;align-items:center}.___SDot_1pfyb_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1pfyb_gg_.__color_1pfyb_gg_{background-color:var(--color_1pfyb);width:12px;height:12px;border-radius:50%}.___SFooter_1pfyb_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__*/, "1pfyb_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_1pfyb_gg_",
+  "__STitle": "___STitle_1pfyb_gg_",
+  "__SDotGroup": "___SDotGroup_1pfyb_gg_",
+  "__SDot": "___SDot_1pfyb_gg_",
+  "__SDotCircle": "___SDotCircle_1pfyb_gg_",
+  "_color": "__color_1pfyb_gg_",
+  "--color": "--color_1pfyb",
+  "__SFooter": "___SFooter_1pfyb_gg_"
 });
 import { PatternSymbol } from './Pattern';
 

package/lib/es6/Venn.js

@@ -20,15 +20,15 @@ import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_1n2e1_gg_,.___SIntersection_1n2e1_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1n2e1_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1n2e1);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1n2e1_gg_:hover{fill-opacity:.7}}.___SCircle_1n2e1_gg_.__color_1n2e1_gg_{fill:var(--color_1n2e1)}.___SCircle_1n2e1_gg_.__pattern_1n2e1_gg_.__color_1n2e1_gg_{fill:var(--pattern_1n2e1);fill-opacity:.7;stroke:var(--color_1n2e1);stroke-width:1px}@media (hover:hover){.___SCircle_1n2e1_gg_.__pattern_1n2e1_gg_.__color_1n2e1_gg_:hover{fill-opacity:.85}}.___SCircle_1n2e1_gg_.__transparent_1n2e1_gg_{opacity:.3}.___SIntersection_1n2e1_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1n2e1_gg_:hover{fill-opacity:.1}}.___SIntersection_1n2e1_gg_.__transparent_1n2e1_gg_{opacity:.3}" /*__inner_css_end__*/, "1n2e1_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_1n2e1_gg_",
-  "_color": "__color_1n2e1_gg_",
-  "--color": "--color_1n2e1",
-  "_transparent": "__transparent_1n2e1_gg_",
-  "__SIntersection": "___SIntersection_1n2e1_gg_",
-  "--duration": "--duration_1n2e1",
-  "_pattern": "__pattern_1n2e1_gg_",
-  "--pattern": "--pattern_1n2e1"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_82dk1_gg_,.___SIntersection_82dk1_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_82dk1_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_82dk1);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_82dk1_gg_:hover{fill-opacity:.7}}.___SCircle_82dk1_gg_.__color_82dk1_gg_{fill:var(--color_82dk1)}.___SCircle_82dk1_gg_.__pattern_82dk1_gg_.__color_82dk1_gg_{fill:var(--pattern_82dk1);fill-opacity:.7;stroke:var(--color_82dk1);stroke-width:1px}@media (hover:hover){.___SCircle_82dk1_gg_.__pattern_82dk1_gg_.__color_82dk1_gg_:hover{fill-opacity:.85}}.___SCircle_82dk1_gg_.__transparent_82dk1_gg_{opacity:.3}.___SIntersection_82dk1_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_82dk1_gg_:hover{fill-opacity:.1}}.___SIntersection_82dk1_gg_.__transparent_82dk1_gg_{opacity:.3}" /*__inner_css_end__*/, "82dk1_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_82dk1_gg_",
+  "_color": "__color_82dk1_gg_",
+  "--color": "--color_82dk1",
+  "_transparent": "__transparent_82dk1_gg_",
+  "__SIntersection": "___SIntersection_82dk1_gg_",
+  "--duration": "--duration_82dk1",
+  "_pattern": "__pattern_82dk1_gg_",
+  "--pattern": "--pattern_82dk1"
 });
 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_37sxy_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_37sxy_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "37sxy_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_37sxy_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_10o1r_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_10o1r_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "10o1r_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_10o1r_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -13,8 +13,8 @@ import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1xmqn_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_1xmqn_gg_:focus,.___SPlotA11yView_1xmqn_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_1xmqn_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1xmqn_gg_ table,.___SPlotA11yView_1xmqn_gg_ td,.___SPlotA11yView_1xmqn_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1xmqn_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_1xmqn_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1kxxi_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_1kxxi_gg_:focus,.___SPlotA11yView_1kxxi_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_1kxxi_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1kxxi_gg_ table,.___SPlotA11yView_1kxxi_gg_ td,.___SPlotA11yView_1kxxi_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1kxxi_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_1kxxi_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -10,10 +10,10 @@ import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Flex } from '@semcore/flex-box';
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1dbxd_gg_._direction_row_1dbxd_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1dbxd_gg_._direction_column_1dbxd_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1dbxd_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_1dbxd_gg_",
-  "_direction_row": "_direction_row_1dbxd_gg_",
-  "_direction_column": "_direction_column_1dbxd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_qto3y_gg_._direction_row_qto3y_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_qto3y_gg_._direction_column_qto3y_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "qto3y_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_qto3y_gg_",
+  "_direction_row": "_direction_row_qto3y_gg_",
+  "_direction_column": "_direction_column_qto3y_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import Divider from '@semcore/divider';

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -19,23 +19,23 @@ import { Flex, Box } from '@semcore/flex-box';
 import Checkbox from '@semcore/checkbox';
 import { Text as TypographyText } from '@semcore/typography';
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_7s8xo_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_7s8xo_gg_:hover{cursor:pointer}.___SLegendItem_7s8xo_gg_.__disabled_7s8xo_gg_:hover{cursor:default}}.___SPointShape_7s8xo_gg_.__color_7s8xo_gg_{background-color:var(--color_7s8xo);margin-right:8px;flex-shrink:0}.___SPointShape_7s8xo_gg_._shape_Circle_7s8xo_gg_._size_l_7s8xo_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_7s8xo_gg_._shape_Circle_7s8xo_gg_._size_m_7s8xo_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_7s8xo_gg_._shape_Line_7s8xo_gg_._size_l_7s8xo_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_7s8xo_gg_._shape_Line_7s8xo_gg_._size_m_7s8xo_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_7s8xo_gg_._shape_Square_7s8xo_gg_._size_l_7s8xo_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_7s8xo_gg_._shape_Square_7s8xo_gg_._size_m_7s8xo_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_7s8xo_gg_._shape_Pattern_7s8xo_gg_{background-color:transparent;margin-right:4px}.___SIcon_7s8xo_gg_{line-height:0;margin-right:4px}.___SIcon_7s8xo_gg_._size_l_7s8xo_gg_{margin-top:4px}.___SIcon_7s8xo_gg_._size_m_7s8xo_gg_{margin-top:2px}.___SLabel_7s8xo_gg_{min-width:0}.___SAdditionalLabel_7s8xo_gg_._size_l_7s8xo_gg_,.___SCount_7s8xo_gg_._size_l_7s8xo_gg_,.___SLabel_7s8xo_gg_._size_l_7s8xo_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_7s8xo_gg_._size_m_7s8xo_gg_,.___SCount_7s8xo_gg_._size_m_7s8xo_gg_,.___SLabel_7s8xo_gg_._size_m_7s8xo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_7s8xo_gg_,.___SCount_7s8xo_gg_{margin-left:4px}.___SAdditionalLabel_7s8xo_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_7s8xo_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_7s8xo_gg_._size_l_7s8xo_gg_::before{margin-top:10px}.___SAdditionalLabel_7s8xo_gg_._size_m_7s8xo_gg_::before{margin-top:8px}.___SPatternSymbol_7s8xo_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "7s8xo_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_7s8xo_gg_",
-  "_disabled": "__disabled_7s8xo_gg_",
-  "__SPointShape": "___SPointShape_7s8xo_gg_",
-  "_color": "__color_7s8xo_gg_",
-  "--color": "--color_7s8xo",
-  "_shape_Circle": "_shape_Circle_7s8xo_gg_",
-  "_size_l": "_size_l_7s8xo_gg_",
-  "_size_m": "_size_m_7s8xo_gg_",
-  "_shape_Line": "_shape_Line_7s8xo_gg_",
-  "_shape_Square": "_shape_Square_7s8xo_gg_",
-  "_shape_Pattern": "_shape_Pattern_7s8xo_gg_",
-  "__SIcon": "___SIcon_7s8xo_gg_",
-  "__SLabel": "___SLabel_7s8xo_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_7s8xo_gg_",
-  "__SCount": "___SCount_7s8xo_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_7s8xo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_10j6x_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_10j6x_gg_:hover{cursor:pointer}.___SLegendItem_10j6x_gg_.__disabled_10j6x_gg_:hover{cursor:default}}.___SPointShape_10j6x_gg_.__color_10j6x_gg_{background-color:var(--color_10j6x);margin-right:8px;flex-shrink:0}.___SPointShape_10j6x_gg_._shape_Circle_10j6x_gg_._size_l_10j6x_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_10j6x_gg_._shape_Circle_10j6x_gg_._size_m_10j6x_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_10j6x_gg_._shape_Line_10j6x_gg_._size_l_10j6x_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_10j6x_gg_._shape_Line_10j6x_gg_._size_m_10j6x_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_10j6x_gg_._shape_Square_10j6x_gg_._size_l_10j6x_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_10j6x_gg_._shape_Square_10j6x_gg_._size_m_10j6x_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_10j6x_gg_._shape_Pattern_10j6x_gg_{background-color:transparent;margin-right:4px}.___SIcon_10j6x_gg_{line-height:0;margin-right:4px}.___SIcon_10j6x_gg_._size_l_10j6x_gg_{margin-top:4px}.___SIcon_10j6x_gg_._size_m_10j6x_gg_{margin-top:2px}.___SLabel_10j6x_gg_{min-width:0}.___SAdditionalLabel_10j6x_gg_._size_l_10j6x_gg_,.___SCount_10j6x_gg_._size_l_10j6x_gg_,.___SLabel_10j6x_gg_._size_l_10j6x_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_10j6x_gg_._size_m_10j6x_gg_,.___SCount_10j6x_gg_._size_m_10j6x_gg_,.___SLabel_10j6x_gg_._size_m_10j6x_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_10j6x_gg_,.___SCount_10j6x_gg_{margin-left:4px}.___SAdditionalLabel_10j6x_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_10j6x_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_10j6x_gg_._size_l_10j6x_gg_::before{margin-top:10px}.___SAdditionalLabel_10j6x_gg_._size_m_10j6x_gg_::before{margin-top:8px}.___SPatternSymbol_10j6x_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "10j6x_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_10j6x_gg_",
+  "_disabled": "__disabled_10j6x_gg_",
+  "__SPointShape": "___SPointShape_10j6x_gg_",
+  "_color": "__color_10j6x_gg_",
+  "--color": "--color_10j6x",
+  "_shape_Circle": "_shape_Circle_10j6x_gg_",
+  "_size_l": "_size_l_10j6x_gg_",
+  "_size_m": "_size_m_10j6x_gg_",
+  "_shape_Line": "_shape_Line_10j6x_gg_",
+  "_shape_Square": "_shape_Square_10j6x_gg_",
+  "_shape_Pattern": "_shape_Pattern_10j6x_gg_",
+  "__SIcon": "___SIcon_10j6x_gg_",
+  "__SLabel": "___SLabel_10j6x_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_10j6x_gg_",
+  "__SCount": "___SCount_10j6x_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_10j6x_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js

@@ -11,12 +11,12 @@ import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_n3twc_gg_.__columns-count_n3twc_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_n3twc_gg_._size_l_n3twc_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_n3twc_gg_._size_m_n3twc_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "n3twc_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_n3twc_gg_",
-  "_columns-count": "__columns-count_n3twc_gg_",
-  "__SColumnItem": "___SColumnItem_n3twc_gg_",
-  "_size_l": "_size_l_n3twc_gg_",
-  "_size_m": "_size_m_n3twc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1g9zp_gg_.__columns-count_1g9zp_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1g9zp_gg_._size_l_1g9zp_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1g9zp_gg_._size_m_1g9zp_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1g9zp_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_1g9zp_gg_",
+  "_columns-count": "__columns-count_1g9zp_gg_",
+  "__SColumnItem": "___SColumnItem_1g9zp_gg_",
+  "_size_l": "_size_l_1g9zp_gg_",
+  "_size_m": "_size_m_1g9zp_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

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

@@ -1 +1 @@
-{"version":3,"file":"Area.d.js","names":[],"sources":["../../../src/types/Area.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { IntergalacticD3Component } from './Plot';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface IAreaProps extends AreaProps, UnknownProperties {}\nexport type AreaProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis*/\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /** Enables charts patterns that enhances charts accessability */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IAreaDotsProps extends AreaDotsProps, UnknownProperties {}\nexport type AreaDotsProps = Context & {\n  /** Show all Dot */\n  display?: boolean;\n  /** Hide property */\n  hide?: boolean;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface IAreaDotsContext extends AreaDotsContext, UnknownProperties {}\nexport type AreaDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface IAreaNullProps extends AreaNullProps, UnknownProperties {}\nexport type AreaNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\ndeclare const Area: IntergalacticD3Component<'path', AreaProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', AreaDotsProps, AreaDotsContext>;\n  Null: IntergalacticD3Component<'path', AreaNullProps, Context>;\n  Line: IntergalacticD3Component<'path', Context, Context>;\n};\n\nexport default Area;\n"],"mappings":""}
+{"version":3,"file":"Area.d.js","names":[],"sources":["../../../src/types/Area.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { IntergalacticD3Component } from './Plot';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface IAreaProps extends AreaProps, UnknownProperties {}\nexport type AreaProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis*/\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /** Enables charts patterns that enhances charts accessability */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IAreaDotsProps extends AreaDotsProps, UnknownProperties {}\nexport type AreaDotsProps = Context & {\n  /** Show dots */\n  display?: boolean | ((index: number, active: boolean, single: boolean) => boolean);\n  /** Hide property */\n  hide?: boolean;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface IAreaDotsContext extends AreaDotsContext, UnknownProperties {}\nexport type AreaDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface IAreaNullProps extends AreaNullProps, UnknownProperties {}\nexport type AreaNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\ndeclare const Area: IntergalacticD3Component<'path', AreaProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', AreaDotsProps, AreaDotsContext>;\n  Null: IntergalacticD3Component<'path', AreaNullProps, Context>;\n  Line: IntergalacticD3Component<'path', Context, Context>;\n};\n\nexport default Area;\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { curveCardinal, CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /** Enables charts patterns that enhances charts accessability */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  Omit<FadeInOutProps, 'display'> & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n    /** Dot radius, radius of active dot is 4/3 times larger\n     * @default 6\n     */\n    radius?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\nexport type LineAreaProps = Omit<LineProps, 'transparent'> & {\n  /**\n   * Field name from `data` (or from `area`, if passed) array for y0 point by the YAxis for the Area\n   */\n  y0: string;\n  /**\n   * Field name from `data` (or from `area`, if passed) array for y1 point by the YAxis for the Area\n   */\n  y1: string;\n\n  /**\n   * Optional data for render area\n   */\n  area?: Array<{ [key: string]: number }>;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n  Area: IntergalacticD3Component<'path', LineAreaProps>;\n};\n\nexport default Line;\n"],"mappings":""}
+{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { curveCardinal, CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /** Enables charts patterns that enhances charts accessability */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  Omit<FadeInOutProps, 'display'> & {\n    /** Show dots */\n    display?: boolean | ((index: number, active: boolean, single: boolean) => boolean);\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n    /** Dot radius, radius of active dot is 4/3 times larger\n     * @default 6\n     */\n    radius?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\nexport type LineAreaProps = Omit<LineProps, 'transparent'> & {\n  /**\n   * Field name from `data` (or from `area`, if passed) array for y0 point by the YAxis for the Area\n   */\n  y0: string;\n  /**\n   * Field name from `data` (or from `area`, if passed) array for y1 point by the YAxis for the Area\n   */\n  y1: string;\n\n  /**\n   * Optional data for render area\n   */\n  area?: Array<{ [key: string]: number }>;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n  Area: IntergalacticD3Component<'path', LineAreaProps>;\n};\n\nexport default Line;\n"],"mappings":""}

package/lib/types/Area.d.ts

@@ -30,8 +30,8 @@ export type AreaProps = Context & {
 /** @deprecated */
 export interface IAreaDotsProps extends AreaDotsProps, UnknownProperties {}
 export type AreaDotsProps = Context & {
-  /** Show all Dot */
-  display?: boolean;
+  /** Show dots */
+  display?: boolean | ((index: number, active: boolean, single: boolean) => boolean);
   /** Hide property */
   hide?: boolean;
   /** Enables element transparency */

package/lib/types/Line.d.ts

@@ -32,8 +32,8 @@ export type LineProps = Context & {
 export interface ILineDotsProps extends LineDotsProps, UnknownProperties {}
 export type LineDotsProps = Context &
   Omit<FadeInOutProps, 'display'> & {
-    /** Show all Dot */
-    display?: boolean;
+    /** Show dots */
+    display?: boolean | ((index: number, active: boolean, single: boolean) => boolean);
     /** Hide property */
     hide?: boolean;
     /** Index active of element */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.30.1",
+  "version": "3.31.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -15,11 +15,11 @@
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "2.18.3",
-    "@semcore/divider": "4.18.3",
-    "@semcore/flex-box": "5.19.2",
-    "@semcore/popper": "5.20.2",
-    "@semcore/utils": "4.20.3",
+    "@semcore/animation": "2.19.0",
+    "@semcore/divider": "4.18.4",
+    "@semcore/flex-box": "5.19.3",
+    "@semcore/popper": "5.20.3",
+    "@semcore/utils": "4.20.4",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",
@@ -33,7 +33,7 @@
     "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.3",
+    "@semcore/core": "^2.17.4",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },