@semcore/d3-chart 2.4.4 → 2.4.6

package/lib/es6/ReferenceLine.js

@@ -25,27 +25,27 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SReferenceLine_8wn17_gg_ {\n  fill: none;\n  stroke: #a9abb6;\n}\n\n.___STitle_8wn17_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n  transform-origin: var(--transform-origin_8wn17);\n}\n\n.___STitle_8wn17_gg_._position_top_8wn17_gg_ {\n  text-anchor: middle;\n}\n\n.___STitle_8wn17_gg_._position_bottom_8wn17_gg_ {\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STitle_8wn17_gg_._position_right_8wn17_gg_ {\n  transform: rotate(-90deg);\n  alignment-baseline: middle;\n  text-anchor: middle;\n}\n\n.___STitle_8wn17_gg_._position_left_8wn17_gg_ {\n  transform: rotate(-90deg);\n  text-anchor: middle;\n  alignment-baseline: middle;\n}\n\n.___SBackground_8wn17_gg_ {\n  fill: rgba(196, 199, 207, 0.2);\n}\n"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SReferenceLine_p6rco_gg_ {\n  fill: none;\n  stroke: #a9abb6;\n}\n\n.___STitle_p6rco_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n  transform-origin: var(--transform-origin_p6rco);\n}\n\n.___STitle_p6rco_gg_._position_top_p6rco_gg_ {\n  text-anchor: middle;\n}\n\n.___STitle_p6rco_gg_._position_bottom_p6rco_gg_ {\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STitle_p6rco_gg_._position_right_p6rco_gg_ {\n  transform: rotate(-90deg);\n  alignment-baseline: middle;\n  text-anchor: middle;\n}\n\n.___STitle_p6rco_gg_._position_left_p6rco_gg_ {\n  transform: rotate(-90deg);\n  text-anchor: middle;\n  alignment-baseline: middle;\n}\n\n.___SBackground_p6rco_gg_ {\n  fill: rgba(196, 199, 207, 0.2);\n}\n"
 /*__inner_css_end__*/
-, "8wn17_gg_")
+, "p6rco_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_8wn17_gg_",
-  "__STitle": "___STitle_8wn17_gg_",
-  "--transform-origin": "--transform-origin_8wn17",
-  "_position_top": "_position_top_8wn17_gg_",
-  "_position_bottom": "_position_bottom_8wn17_gg_",
-  "_position_right": "_position_right_8wn17_gg_",
-  "_position_left": "_position_left_8wn17_gg_",
-  "__SBackground": "___SBackground_8wn17_gg_"
+  "__SReferenceLine": "___SReferenceLine_p6rco_gg_",
+  "__STitle": "___STitle_p6rco_gg_",
+  "--transform-origin": "--transform-origin_p6rco",
+  "_position_top": "_position_top_p6rco_gg_",
+  "_position_bottom": "_position_bottom_p6rco_gg_",
+  "_position_right": "_position_right_p6rco_gg_",
+  "_position_left": "_position_left_p6rco_gg_",
+  "__SBackground": "___SBackground_p6rco_gg_"
 });
-var MAP_ORIENTATION = {
+var side2direction = {
   left: 'vertical',
   right: 'vertical',
   top: 'horizontal',
   bottom: 'horizontal'
 };
-var MAP_POSITION_LINE = {
+var lineDirection2props = {
   vertical: function vertical(_ref4, value) {
     var _ref5 = _slicedToArray(_ref4, 2),
         xScale = _ref5[0],
@@ -54,10 +54,10 @@ var MAP_POSITION_LINE = {
     var yRange = yScale.range();
     var x = scaleOfBandwidth(xScale, value);
     return {
-      x: x,
-      y: yRange[1],
-      width: 0.1,
-      height: yRange[0] - yRange[1]
+      x1: x,
+      x2: x,
+      y1: yRange[0],
+      y2: yRange[1]
     };
   },
   horizontal: function horizontal(_ref6, value) {
@@ -68,16 +68,15 @@ var MAP_POSITION_LINE = {
     var xRange = xScale.range();
     var y = scaleOfBandwidth(yScale, value);
     return {
-      x: xRange[0],
-      y: y,
-      width: xRange[1] - xRange[0],
-      height: 0.1
+      x1: xRange[0],
+      x2: xRange[1],
+      y1: y,
+      y2: y
     };
   }
 };
-var OFFSET_TITLE = 10;
-var MAP_POSITION_TITlE = {
-  left: function left(_ref8, value) {
+var rectDirection2props = {
+  vertical: function vertical(_ref8, value) {
     var _ref9 = _slicedToArray(_ref8, 2),
         xScale = _ref9[0],
         yScale = _ref9[1];
@@ -85,44 +84,75 @@ var MAP_POSITION_TITlE = {
     var yRange = yScale.range();
     var x = scaleOfBandwidth(xScale, value);
     return {
-      x: x - OFFSET_TITLE,
-      y: (yRange[0] + yRange[1]) / 2
+      x: x,
+      y: yRange[1],
+      width: 100,
+      height: yRange[0] - yRange[1]
     };
   },
-  right: function right(_ref10, value) {
+  horizontal: function horizontal(_ref10, value) {
     var _ref11 = _slicedToArray(_ref10, 2),
         xScale = _ref11[0],
         yScale = _ref11[1];
 
+    var xRange = xScale.range();
+    var y = scaleOfBandwidth(yScale, value);
+    return {
+      x: xRange[0],
+      y: y,
+      width: xRange[1] - xRange[0],
+      height: 100
+    };
+  }
+};
+var titleOffset = 10;
+var titleSideToProps = {
+  left: function left(_ref12, value) {
+    var _ref13 = _slicedToArray(_ref12, 2),
+        xScale = _ref13[0],
+        yScale = _ref13[1];
+
     var yRange = yScale.range();
     var x = scaleOfBandwidth(xScale, value);
     return {
-      x: x + OFFSET_TITLE,
+      x: x - titleOffset,
       y: (yRange[0] + yRange[1]) / 2
     };
   },
-  top: function top(_ref12, value) {
-    var _ref13 = _slicedToArray(_ref12, 2),
-        xScale = _ref13[0],
-        yScale = _ref13[1];
+  right: function right(_ref14, value) {
+    var _ref15 = _slicedToArray(_ref14, 2),
+        xScale = _ref15[0],
+        yScale = _ref15[1];
+
+    var yRange = yScale.range();
+    var x = scaleOfBandwidth(xScale, value);
+    return {
+      x: x + titleOffset,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  },
+  top: function top(_ref16, value) {
+    var _ref17 = _slicedToArray(_ref16, 2),
+        xScale = _ref17[0],
+        yScale = _ref17[1];
 
     var xRange = xScale.range();
     var y = scaleOfBandwidth(yScale, value);
     return {
       x: (xRange[1] + xRange[0]) / 2,
-      y: y - OFFSET_TITLE
+      y: y - titleOffset
     };
   },
-  bottom: function bottom(_ref14, value) {
-    var _ref15 = _slicedToArray(_ref14, 2),
-        xScale = _ref15[0],
-        yScale = _ref15[1];
+  bottom: function bottom(_ref18, value) {
+    var _ref19 = _slicedToArray(_ref18, 2),
+        xScale = _ref19[0],
+        yScale = _ref19[1];
 
     var xRange = xScale.range();
     var y = scaleOfBandwidth(yScale, value);
     return {
       x: (xRange[1] + xRange[0]) / 2,
-      y: y + OFFSET_TITLE
+      y: y + titleOffset
     };
   }
 };
@@ -173,12 +203,12 @@ var ReferenceLineRoot = /*#__PURE__*/function (_Component) {
           value = _this$asProps3.value,
           color = _this$asProps3.color,
           styles = _this$asProps3.styles;
-      var pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];
+      var positionProps = lineDirection2props[side2direction[position]];
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SReferenceLine, _ref.cn("SReferenceLine", _objectSpread({
-        "render": "rect",
+        "render": "line",
         "__excludeProps": ['data', 'scale', 'format', 'value', 'color'],
         "stroke": color
-      }, pos(scale, value)))), title && /*#__PURE__*/React.createElement(ReferenceLine.Title, null, title));
+      }, positionProps(scale, value)))), title && /*#__PURE__*/React.createElement(ReferenceLine.Title, null, title));
     }
   }]);
 
@@ -202,9 +232,9 @@ function Title(props) {
       position = props.position,
       value = props.value;
 
-  var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale, value),
-      x = _MAP_POSITION_TITlE$p.x,
-      y = _MAP_POSITION_TITlE$p.y;
+  var _titleSideToProps$pos = titleSideToProps[position](scale, value),
+      x = _titleSideToProps$pos.x,
+      y = _titleSideToProps$pos.y;
 
   var sstyles = sstyled(styles);
   var sTitleStyles = sstyles.cn('STitle', {
@@ -229,11 +259,11 @@ function Background(props) {
       scale = props.scale,
       position = props.position,
       value = props.value;
-  var pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];
+  var positionProps = rectDirection2props[side2direction[position]];
   return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBackground, _ref3.cn("SBackground", _objectSpread({
     "render": "rect",
     "childrenPosition": "inside"
-  }, pos(scale, value))));
+  }, positionProps(scale, value))));
 }
 
 var ReferenceLine = createElement(ReferenceLineRoot, {

package/lib/es6/ReferenceLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferenceLine.js","names":["React","Component","sstyled","createElement","scaleOfBandwidth","MAP_ORIENTATION","left","right","top","bottom","MAP_POSITION_LINE","vertical","value","xScale","yScale","yRange","range","x","y","width","height","horizontal","xRange","OFFSET_TITLE","MAP_POSITION_TITlE","ReferenceLineRoot","asProps","position","SReferenceLine","Element","title","scale","color","styles","pos","style","Title","props","STitle","sstyles","sTitleStyles","cn","toFixed","className","Background","SBackground","ReferenceLine"],"sources":["../../src/ReferenceLine.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/reference-line.shadow.css';\n\nconst MAP_ORIENTATION = {\n  left: 'vertical',\n  right: 'vertical',\n  top: 'horizontal',\n  bottom: 'horizontal',\n};\n\nconst MAP_POSITION_LINE = {\n  vertical: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x,\n      y: yRange[1],\n      width: 0.1,\n      height: yRange[0] - yRange[1],\n    };\n  },\n  horizontal: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: xRange[0],\n      y: y,\n      width: xRange[1] - xRange[0],\n      height: 0.1,\n    };\n  },\n};\n\nconst OFFSET_TITLE = 10;\nconst MAP_POSITION_TITlE = {\n  left: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x - OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x + OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  top: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y - OFFSET_TITLE,\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y + OFFSET_TITLE,\n    };\n  },\n};\n\nclass ReferenceLineRoot extends Component {\n  static displayName = 'ReferenceLine';\n  static style = style;\n  static defaultProps = {\n    position: 'left',\n  };\n\n  getTitleProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  getBackgroundProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  render() {\n    const SReferenceLine = this.Element;\n    const { title, scale, position, value, color, styles } = this.asProps;\n    const pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];\n\n    return sstyled(styles)(\n      <>\n        <SReferenceLine\n          render=\"rect\"\n          __excludeProps={['data', 'scale', 'format', 'value', 'color']}\n          stroke={color}\n          {...pos(scale, value)}\n        />\n        {title && <ReferenceLine.Title>{title}</ReferenceLine.Title>}\n      </>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position, value } = props;\n  const { x, y } = MAP_POSITION_TITlE[position](scale, value);\n\n  const sstyles = sstyled(styles);\n  const sTitleStyles = sstyles.cn('STitle', {\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      childrenPosition=\"inside\"\n      className={sTitleStyles.className}\n      style={sTitleStyles.style}\n      position={position}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, position, value } = props;\n  const pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];\n\n  return sstyled(styles)(\n    <SBackground render=\"rect\" childrenPosition=\"inside\" {...pos(scale, value)} />,\n  );\n}\n\nconst ReferenceLine = createElement(ReferenceLineRoot, {\n  Title,\n  Background,\n});\n\nexport default ReferenceLine;\n"],"mappings":"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"}
+{"version":3,"file":"ReferenceLine.js","names":["React","Component","sstyled","createElement","scaleOfBandwidth","side2direction","left","right","top","bottom","lineDirection2props","vertical","value","xScale","yScale","yRange","range","x","x1","x2","y1","y2","horizontal","xRange","y","rectDirection2props","width","height","titleOffset","titleSideToProps","ReferenceLineRoot","asProps","position","SReferenceLine","Element","title","scale","color","styles","positionProps","style","Title","props","STitle","sstyles","sTitleStyles","cn","toFixed","className","Background","SBackground","ReferenceLine"],"sources":["../../src/ReferenceLine.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/reference-line.shadow.css';\n\nconst side2direction = {\n  left: 'vertical',\n  right: 'vertical',\n  top: 'horizontal',\n  bottom: 'horizontal',\n};\n\nconst lineDirection2props = {\n  vertical: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x1: x,\n      x2: x,\n      y1: yRange[0],\n      y2: yRange[1],\n    };\n  },\n  horizontal: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x1: xRange[0],\n      x2: xRange[1],\n      y1: y,\n      y2: y,\n    };\n  },\n};\n\nconst rectDirection2props = {\n  vertical: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x,\n      y: yRange[1],\n      width: 100,\n      height: yRange[0] - yRange[1],\n    };\n  },\n  horizontal: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: xRange[0],\n      y: y,\n      width: xRange[1] - xRange[0],\n      height: 100,\n    };\n  },\n};\n\nconst titleOffset = 10;\nconst titleSideToProps = {\n  left: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x - titleOffset,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x + titleOffset,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  top: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y - titleOffset,\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y + titleOffset,\n    };\n  },\n};\n\nclass ReferenceLineRoot extends Component {\n  static displayName = 'ReferenceLine';\n  static style = style;\n  static defaultProps = {\n    position: 'left',\n  };\n\n  getTitleProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  getBackgroundProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  render() {\n    const SReferenceLine = this.Element;\n    const { title, scale, position, value, color, styles } = this.asProps;\n    const positionProps = lineDirection2props[side2direction[position]];\n\n    return sstyled(styles)(\n      <>\n        <SReferenceLine\n          render=\"line\"\n          __excludeProps={['data', 'scale', 'format', 'value', 'color']}\n          stroke={color}\n          {...positionProps(scale, value)}\n        />\n        {title && <ReferenceLine.Title>{title}</ReferenceLine.Title>}\n      </>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position, value } = props;\n  const { x, y } = titleSideToProps[position](scale, value);\n\n  const sstyles = sstyled(styles);\n  const sTitleStyles = sstyles.cn('STitle', {\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      childrenPosition=\"inside\"\n      className={sTitleStyles.className}\n      style={sTitleStyles.style}\n      position={position}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, position, value } = props;\n  const positionProps = rectDirection2props[side2direction[position]];\n\n  return sstyled(styles)(\n    <SBackground render=\"rect\" childrenPosition=\"inside\" {...positionProps(scale, value)} />,\n  );\n}\n\nconst ReferenceLine = createElement(ReferenceLineRoot, {\n  Title,\n  Background,\n});\n\nexport default ReferenceLine;\n"],"mappings":"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"}

package/lib/es6/ScatterPlot.js

@@ -30,16 +30,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SScatterPlot_1sy7o_gg_ {\n  fill: #2bb3ff;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_1sy7o);\n  transition-timing-function: ease-in-out;\n  opacity: 0.5\n}\n\n.___SScatterPlot_1sy7o_gg_:hover {\n    opacity: 0.8;\n  }\n\n.___SScatterPlot_1sy7o_gg_.__color_1sy7o_gg_ {\n  fill: var(--color_1sy7o);\n}\n\n.___SValue_1sy7o_gg_ {\n  text-anchor: middle;\n  font-size: 10px;\n  stroke: #008ff8;\n}\n\n.___SValue_1sy7o_gg_.__color_1sy7o_gg_ {\n  stroke: var(--color_1sy7o);\n}\n"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SScatterPlot_1nqtm_gg_ {\n  fill: #2bb3ff;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_1nqtm);\n  transition-timing-function: ease-in-out;\n  opacity: 0.5\n}\n\n.___SScatterPlot_1nqtm_gg_:hover {\n    opacity: 0.8;\n  }\n\n.___SScatterPlot_1nqtm_gg_.__color_1nqtm_gg_ {\n  fill: var(--color_1nqtm);\n}\n\n.___SValue_1nqtm_gg_ {\n  text-anchor: middle;\n  font-size: 10px;\n  stroke: #008ff8;\n}\n\n.___SValue_1nqtm_gg_.__color_1nqtm_gg_ {\n  stroke: var(--color_1nqtm);\n}\n"
 /*__inner_css_end__*/
-, "1sy7o_gg_")
+, "1nqtm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_1sy7o_gg_",
-  "--duration": "--duration_1sy7o",
-  "_color": "__color_1sy7o_gg_",
-  "--color": "--color_1sy7o",
-  "__SValue": "___SValue_1sy7o_gg_"
+  "__SScatterPlot": "___SScatterPlot_1nqtm_gg_",
+  "--duration": "--duration_1nqtm",
+  "_color": "__color_1nqtm_gg_",
+  "--color": "--color_1nqtm",
+  "__SValue": "___SValue_1nqtm_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Tooltip.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___STooltip_t9kcy_gg_ {\n  font-size: 12px;\n  line-height: 1.33;\n  position: relative;\n  background-color: #fff;\n  border-radius: 6px;\n  border: 1px solid #e0e1e9;\n  box-sizing: border-box;\n  box-shadow: 0px 1px 12px 0px rgba(25, 27, 35, 0.15);\n  padding: 12px;\n}\n\n.___STitle_t9kcy_gg_ {\n  color: #6c6e79;\n  margin-bottom: 8px;\n}\n\n.___SDotGroup_t9kcy_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___SDot_t9kcy_gg_ {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  background: #2bb3ff;\n}\n\n.___SDot_t9kcy_gg_.__color_t9kcy_gg_ {\n  background: var(--color_t9kcy);\n}\n"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___STooltip_1munk_gg_ {\n  font-size: 12px;\n  line-height: 1.33;\n  position: relative;\n  background-color: #fff;\n  border-radius: 6px;\n  border: 1px solid #e0e1e9;\n  box-sizing: border-box;\n  box-shadow: 0px 1px 12px 0px rgba(25, 27, 35, 0.15);\n  padding: 12px;\n}\n\n.___STitle_1munk_gg_ {\n  color: #6c6e79;\n  margin-bottom: 8px;\n}\n\n.___SDotGroup_1munk_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___SDot_1munk_gg_ {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  background: #2bb3ff;\n}\n\n.___SDot_1munk_gg_.__color_1munk_gg_ {\n  background: var(--color_1munk);\n}\n"
 /*__inner_css_end__*/
-, "t9kcy_gg_")
+, "1munk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_t9kcy_gg_",
-  "__STitle": "___STitle_t9kcy_gg_",
-  "__SDotGroup": "___SDotGroup_t9kcy_gg_",
-  "__SDot": "___SDot_t9kcy_gg_",
-  "_color": "__color_t9kcy_gg_",
-  "--color": "--color_t9kcy"
+  "__STooltip": "___STooltip_1munk_gg_",
+  "__STitle": "___STitle_1munk_gg_",
+  "__SDotGroup": "___SDotGroup_1munk_gg_",
+  "__SDot": "___SDot_1munk_gg_",
+  "_color": "__color_1munk_gg_",
+  "--color": "--color_1munk"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Venn.js

@@ -26,16 +26,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_lo3c8_gg_ {\n  fill: #59ddaa;\n  stroke: #fff;\n  stroke-width: 2px;\n  fill-opacity: 0.5;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_lo3c8);\n  transition-timing-function: ease-in-out\n}\n\n.___SCircle_lo3c8_gg_:hover {\n    fill-opacity: 0.7;\n  }\n\n.___SCircle_lo3c8_gg_.__color_lo3c8_gg_ {\n  fill: var(--color_lo3c8);\n}\n\n.___SIntersection_lo3c8_gg_ {\n  stroke: #fff;\n  stroke-width: 2px;\n  fill-opacity: 0\n}\n\n.___SIntersection_lo3c8_gg_:hover {\n    fill-opacity: 0.1;\n  }\n"
+".___SCircle_j65q5_gg_ {\n  fill: #59ddaa;\n  stroke: #fff;\n  stroke-width: 2px;\n  fill-opacity: 0.5;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_j65q5);\n  transition-timing-function: ease-in-out\n}\n\n.___SCircle_j65q5_gg_:hover {\n    fill-opacity: 0.7;\n  }\n\n.___SCircle_j65q5_gg_.__color_j65q5_gg_ {\n  fill: var(--color_j65q5);\n}\n\n.___SIntersection_j65q5_gg_ {\n  stroke: #fff;\n  stroke-width: 2px;\n  fill-opacity: 0\n}\n\n.___SIntersection_j65q5_gg_:hover {\n    fill-opacity: 0.1;\n  }\n"
 /*__inner_css_end__*/
-, "lo3c8_gg_")
+, "j65q5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_lo3c8_gg_",
-  "--duration": "--duration_lo3c8",
-  "_color": "__color_lo3c8_gg_",
-  "--color": "--color_lo3c8",
-  "__SIntersection": "___SIntersection_lo3c8_gg_"
+  "__SCircle": "___SCircle_j65q5_gg_",
+  "--duration": "--duration_j65q5",
+  "_color": "__color_j65q5_gg_",
+  "--color": "--color_j65q5",
+  "__SIntersection": "___SIntersection_j65q5_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/a11y/PlotA11yModule.js

@@ -20,12 +20,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlotA11yModule_gin3z_gg_ {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  opacity: 0;\n}\n\n.___SPlotA11yModule_gin3z_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n}\n"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlotA11yModule_16aif_gg_ {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  opacity: 0;\n}\n\n.___SPlotA11yModule_16aif_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n}\n"
 /*__inner_css_end__*/
-, "gin3z_gg_")
+, "16aif_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_gin3z_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_16aif_gg_"
 });
 import { Context as I18nContext } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -27,13 +27,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlotA11yView_1ves0_gg_ {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  opacity: 0;\n  background-color: white;\n  color: black;\n  border: 3px solid black;\n  font-size: 10px;\n  padding: 2px;\n  width: 200px;\n  height: 200px;\n  max-width: 80%;\n  max-height: 80%;\n  overflow: auto;\n}\n\n.___SPlotA11yView_1ves0_gg_.__focus-within_1ves0_gg_,\n.___SPlotA11yView_1ves0_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n  z-index: 100;\n  position: relative;\n  display: block;\n}\n\n.___SPlotA11yView_1ves0_gg_:focus-within,\n.___SPlotA11yView_1ves0_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n  z-index: 100;\n  position: relative;\n  display: block;\n}\n\n.___SPlotA11yView_1ves0_gg_ a {\n  cursor: pointer;\n  text-decoration: underline;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.___SPlotA11yView_1ves0_gg_ table,\n.___SPlotA11yView_1ves0_gg_ td,\n.___SPlotA11yView_1ves0_gg_ th {\n  border: 1px solid black;\n}\n"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlotA11yView_c8om4_gg_ {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  opacity: 0;\n  background-color: white;\n  color: black;\n  border: 3px solid black;\n  font-size: 10px;\n  padding: 2px;\n  width: 200px;\n  height: 200px;\n  max-width: 80%;\n  max-height: 80%;\n  overflow: auto;\n}\n\n.___SPlotA11yView_c8om4_gg_.__focus-within_c8om4_gg_,\n.___SPlotA11yView_c8om4_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n  z-index: 100;\n  position: relative;\n  display: block;\n}\n\n.___SPlotA11yView_c8om4_gg_:focus-within,\n.___SPlotA11yView_c8om4_gg_:focus {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n  pointer-events: all;\n  opacity: 1;\n  z-index: 100;\n  position: relative;\n  display: block;\n}\n\n.___SPlotA11yView_c8om4_gg_ a {\n  cursor: pointer;\n  text-decoration: underline;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.___SPlotA11yView_c8om4_gg_ table,\n.___SPlotA11yView_c8om4_gg_ td,\n.___SPlotA11yView_c8om4_gg_ th {\n  border: 1px solid black;\n}\n"
 /*__inner_css_end__*/
-, "1ves0_gg_")
+, "c8om4_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_1ves0_gg_",
-  "_focus-within": "__focus-within_1ves0_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_c8om4_gg_",
+  "_focus-within": "__focus-within_c8om4_gg_"
 });
 import { Box } from '@semcore/flex-box';
 export var PlotA11yView = function PlotA11yView(_ref3) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.4.4",
+  "version": "2.4.6",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",