@semcore/d3-chart 3.21.2 → 3.21.3

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_5bma7_gg_{overflow:hidden}.___SPlot_5bma7_gg_:active,.___SPlot_5bma7_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_5bma7_gg_.__keyboardFocused_5bma7_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__*/, "5bma7_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_5bma7_gg_",
-  "_keyboardFocused": "__keyboardFocused_5bma7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_55m9j_gg_{overflow:hidden}.___SPlot_55m9j_gg_:active,.___SPlot_55m9j_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_55m9j_gg_.__keyboardFocused_55m9j_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__*/, "55m9j_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_55m9j_gg_",
+  "_keyboardFocused": "__keyboardFocused_55m9j_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);

package/lib/es6/Radar.js

@@ -21,23 +21,23 @@ import createElement from './createElement';
 import { CONSTANT, eventToPoint, getChartDefaultColorName, measureText } from './utils';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_itmgx_gg_,.___SAxisTick_itmgx_gg_,.___SAxis_itmgx_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_itmgx_gg_,.___SAxisTick_itmgx_gg_{stroke-dasharray:2}.___SAxisLine_itmgx_gg_.__active_itmgx_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_itmgx_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_itmgx_gg_.__xDirection_itmgx_gg_{text-anchor:var(--xDirection_itmgx)}.___SAxisLabel_itmgx_gg_.__yDirection_itmgx_gg_{dominant-baseline:var(--yDirection_itmgx)}.___SPolygonDot_itmgx_gg_,.___SPolygon_itmgx_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_itmgx_gg_{opacity:.2}.___SPolygon_itmgx_gg_.__color_itmgx_gg_{fill:var(--color_itmgx)}.___SPolygonDot_itmgx_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_itmgx_gg_.__transparent_itmgx_gg_{opacity:.3}.___SPolygonDot_itmgx_gg_.__color_itmgx_gg_{fill:var(--color_itmgx)}.___SPolygonLine_itmgx_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_itmgx_gg_.__transparent_itmgx_gg_{opacity:.3}.___SPolygonLine_itmgx_gg_.__color_itmgx_gg_{stroke:var(--color_itmgx)}.___SPieRect_itmgx_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "itmgx_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_itmgx_gg_",
-  "__SAxisLine": "___SAxisLine_itmgx_gg_",
-  "__SAxisTick": "___SAxisTick_itmgx_gg_",
-  "_active": "__active_itmgx_gg_",
-  "__SAxisLabel": "___SAxisLabel_itmgx_gg_",
-  "_xDirection": "__xDirection_itmgx_gg_",
-  "--xDirection": "--xDirection_itmgx",
-  "_yDirection": "__yDirection_itmgx_gg_",
-  "--yDirection": "--yDirection_itmgx",
-  "__SPolygon": "___SPolygon_itmgx_gg_",
-  "_color": "__color_itmgx_gg_",
-  "--color": "--color_itmgx",
-  "__SPolygonDot": "___SPolygonDot_itmgx_gg_",
-  "_transparent": "__transparent_itmgx_gg_",
-  "__SPolygonLine": "___SPolygonLine_itmgx_gg_",
-  "__SPieRect": "___SPieRect_itmgx_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_2xqdy_gg_,.___SAxisTick_2xqdy_gg_,.___SAxis_2xqdy_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_2xqdy_gg_,.___SAxisTick_2xqdy_gg_{stroke-dasharray:2}.___SAxisLine_2xqdy_gg_.__active_2xqdy_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_2xqdy_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_2xqdy_gg_.__xDirection_2xqdy_gg_{text-anchor:var(--xDirection_2xqdy)}.___SAxisLabel_2xqdy_gg_.__yDirection_2xqdy_gg_{dominant-baseline:var(--yDirection_2xqdy)}.___SPolygonDot_2xqdy_gg_,.___SPolygon_2xqdy_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_2xqdy_gg_{opacity:.2}.___SPolygon_2xqdy_gg_.__color_2xqdy_gg_{fill:var(--color_2xqdy)}.___SPolygonDot_2xqdy_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_2xqdy_gg_.__transparent_2xqdy_gg_{opacity:.3}.___SPolygonDot_2xqdy_gg_.__color_2xqdy_gg_{fill:var(--color_2xqdy)}.___SPolygonLine_2xqdy_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_2xqdy_gg_.__transparent_2xqdy_gg_{opacity:.3}.___SPolygonLine_2xqdy_gg_.__color_2xqdy_gg_{stroke:var(--color_2xqdy)}.___SPieRect_2xqdy_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "2xqdy_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_2xqdy_gg_",
+  "__SAxisLine": "___SAxisLine_2xqdy_gg_",
+  "__SAxisTick": "___SAxisTick_2xqdy_gg_",
+  "_active": "__active_2xqdy_gg_",
+  "__SAxisLabel": "___SAxisLabel_2xqdy_gg_",
+  "_xDirection": "__xDirection_2xqdy_gg_",
+  "--xDirection": "--xDirection_2xqdy",
+  "_yDirection": "__yDirection_2xqdy_gg_",
+  "--yDirection": "--yDirection_2xqdy",
+  "__SPolygon": "___SPolygon_2xqdy_gg_",
+  "_color": "__color_2xqdy_gg_",
+  "--color": "--color_2xqdy",
+  "__SPolygonDot": "___SPolygonDot_2xqdy_gg_",
+  "_transparent": "__transparent_2xqdy_gg_",
+  "__SPolygonLine": "___SPolygonLine_2xqdy_gg_",
+  "__SPieRect": "___SPieRect_2xqdy_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/es6/RadialTree.js

@@ -20,16 +20,16 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import createElement from './createElement';
 import { measureText } from './utils';
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1f5za_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1f5za_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1f5za_gg_.__color_1f5za_gg_{stroke:var(--color_1f5za)}.___SCap_1f5za_gg_.__transparent_1f5za_gg_,.___SIcon_1f5za_gg_.__transparent_1f5za_gg_,.___SLabel_1f5za_gg_.__transparent_1f5za_gg_,.___SLine_1f5za_gg_.__transparent_1f5za_gg_{opacity:.3}.___SCap_1f5za_gg_{transition:r .1s}.___SLabel_1f5za_gg_{fill:var(--color_1f5za)}@media (hover:hover){.___SRadian_1f5za_gg_:hover .___SLabel_1f5za_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1f5za_gg_{transition:none}}" /*__inner_css_end__*/, "1f5za_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_1f5za_gg_",
-  "__SLine": "___SLine_1f5za_gg_",
-  "_color": "__color_1f5za_gg_",
-  "--color": "--color_1f5za",
-  "_transparent": "__transparent_1f5za_gg_",
-  "__SCap": "___SCap_1f5za_gg_",
-  "__SIcon": "___SIcon_1f5za_gg_",
-  "__SLabel": "___SLabel_1f5za_gg_",
-  "__SLineCap": "___SLineCap_1f5za_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1wyck_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1wyck_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1wyck_gg_.__color_1wyck_gg_{stroke:var(--color_1wyck)}.___SCap_1wyck_gg_.__transparent_1wyck_gg_,.___SIcon_1wyck_gg_.__transparent_1wyck_gg_,.___SLabel_1wyck_gg_.__transparent_1wyck_gg_,.___SLine_1wyck_gg_.__transparent_1wyck_gg_{opacity:.3}.___SCap_1wyck_gg_{transition:r .1s}.___SLabel_1wyck_gg_{fill:var(--color_1wyck)}@media (hover:hover){.___SRadian_1wyck_gg_:hover .___SLabel_1wyck_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1wyck_gg_{transition:none}}" /*__inner_css_end__*/, "1wyck_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_1wyck_gg_",
+  "__SLine": "___SLine_1wyck_gg_",
+  "_color": "__color_1wyck_gg_",
+  "--color": "--color_1wyck",
+  "_transparent": "__transparent_1wyck_gg_",
+  "__SCap": "___SCap_1wyck_gg_",
+  "__SIcon": "___SIcon_1wyck_gg_",
+  "__SLabel": "___SLabel_1wyck_gg_",
+  "__SLineCap": "___SLineCap_1wyck_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_1r95z_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1r95z_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1r95z)}.___STitle_1r95z_gg_._position_top_1r95z_gg_{text-anchor:middle}.___STitle_1r95z_gg_._position_bottom_1r95z_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1r95z_gg_._position_left_1r95z_gg_,.___STitle_1r95z_gg_._position_right_1r95z_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1r95z_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1r95z_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_1r95z_gg_",
-  "__STitle": "___STitle_1r95z_gg_",
-  "--transform-origin": "--transform-origin_1r95z",
-  "_position_top": "_position_top_1r95z_gg_",
-  "_position_bottom": "_position_bottom_1r95z_gg_",
-  "_position_right": "_position_right_1r95z_gg_",
-  "_position_left": "_position_left_1r95z_gg_",
-  "__SBackground": "___SBackground_1r95z_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_jo531_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_jo531_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_jo531)}.___STitle_jo531_gg_._position_top_jo531_gg_{text-anchor:middle}.___STitle_jo531_gg_._position_bottom_jo531_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_jo531_gg_._position_left_jo531_gg_,.___STitle_jo531_gg_._position_right_jo531_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_jo531_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "jo531_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_jo531_gg_",
+  "__STitle": "___STitle_jo531_gg_",
+  "--transform-origin": "--transform-origin_jo531",
+  "_position_top": "_position_top_jo531_gg_",
+  "_position_bottom": "_position_bottom_jo531_gg_",
+  "_position_right": "_position_right_jo531_gg_",
+  "_position_left": "_position_left_jo531_gg_",
+  "__SBackground": "___SBackground_jo531_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -15,16 +15,15 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
-import ClipPath from './ClipPath';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_swkde_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_swkde);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_swkde_gg_:hover{opacity:.8}}.___SScatterPlot_swkde_gg_.__color_swkde_gg_{fill:var(--color_swkde)}.___SScatterPlot_swkde_gg_.__transparent_swkde_gg_{opacity:.3}.___SValue_swkde_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_swkde_gg_.__color_swkde_gg_{stroke:var(--color_swkde)}.___SValue_swkde_gg_.__transparent_swkde_gg_{opacity:.3}" /*__inner_css_end__*/, "swkde_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_swkde_gg_",
-  "_color": "__color_swkde_gg_",
-  "--color": "--color_swkde",
-  "_transparent": "__transparent_swkde_gg_",
-  "__SValue": "___SValue_swkde_gg_",
-  "--duration": "--duration_swkde"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_azlh9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_azlh9);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_azlh9_gg_:hover{opacity:.8}}.___SScatterPlot_azlh9_gg_.__color_azlh9_gg_{fill:var(--color_azlh9)}.___SScatterPlot_azlh9_gg_.__transparent_azlh9_gg_{opacity:.3}.___SValue_azlh9_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_azlh9_gg_.__color_azlh9_gg_{stroke:var(--color_azlh9)}.___SValue_azlh9_gg_.__transparent_azlh9_gg_{opacity:.3}" /*__inner_css_end__*/, "azlh9_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_azlh9_gg_",
+  "_color": "__color_azlh9_gg_",
+  "--color": "--color_azlh9",
+  "_transparent": "__transparent_azlh9_gg_",
+  "__SValue": "___SValue_azlh9_gg_",
+  "--duration": "--duration_azlh9"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);
@@ -165,14 +164,14 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
       var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
       this.asProps.dataHintsHandler.establishDataType('points-cloud');
-      return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/React.createElement(ClipPath, {
-        "aria-hidden": true,
-        id: uid,
+      return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/React.createElement("clipPath", {
+        id: uid
+      }, /*#__PURE__*/React.createElement("rect", {
         x: xMargin,
         y: yMargin,
         width: "".concat(xSize, "px"),
         height: "".concat(ySize, "px")
-      }));
+      })));
     }
   }]);
   return ScatterPlotRoot;

package/lib/es6/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","names":["React","transition","Component","Root","sstyled","canUseDOM","uniqueIDEnhancement","createElement","CONSTANT","ClipPath","Tooltip","style","_sstyled","insert","ScatterPlotRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","resolveColor","_scale","_slicedToArray","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","_objectSpread","_assignProps","ScatterPlot","_______childrenComponents"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport ClipPath from './ClipPath';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      r,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      valueColor,\n      transparent,\n      resolveColor,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n\n    return sstyled(styles)(\n      <g\n        aria-hidden\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n      >\n        <SScatterPlot\n          aria-hidden\n          id={`${uid}${i}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={resolveColor(color)}\n          r={r}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[value] !== undefined && (\n          <SValue\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={resolveColor(valueColor)}\n            transparent={transparent}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst ScatterPlotTooltip = (props) => {\n  const SScatterPlotTooltip = Root;\n  return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n  Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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"}
+{"version":3,"file":"ScatterPlot.js","names":["React","transition","Component","Root","sstyled","canUseDOM","uniqueIDEnhancement","createElement","CONSTANT","Tooltip","style","_sstyled","insert","ScatterPlotRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","resolveColor","_scale","_slicedToArray","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","_objectSpread","_assignProps","ScatterPlot","_______childrenComponents"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      r,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      valueColor,\n      transparent,\n      resolveColor,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n\n    return sstyled(styles)(\n      <g\n        aria-hidden\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n      >\n        <SScatterPlot\n          aria-hidden\n          id={`${uid}${i}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={resolveColor(color)}\n          r={r}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[value] !== undefined && (\n          <SValue\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={resolveColor(valueColor)}\n            transparent={transparent}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <clipPath id={uid}>\n          <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n        </clipPath>\n      </>\n    );\n  }\n}\n\nconst ScatterPlotTooltip = (props) => {\n  const SScatterPlotTooltip = Root;\n  return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n  Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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"}

package/lib/es6/Tooltip.js

@@ -21,14 +21,14 @@ 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_dgo8s_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_dgo8s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_dgo8s_gg_{display:flex;align-items:center}.___SDot_dgo8s_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_dgo8s_gg_.__color_dgo8s_gg_{background:var(--color_dgo8s)}.___SFooter_dgo8s_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__*/, "dgo8s_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_dgo8s_gg_",
-  "__STitle": "___STitle_dgo8s_gg_",
-  "__SDotGroup": "___SDotGroup_dgo8s_gg_",
-  "__SDot": "___SDot_dgo8s_gg_",
-  "_color": "__color_dgo8s_gg_",
-  "--color": "--color_dgo8s",
-  "__SFooter": "___SFooter_dgo8s_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1i6z3_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_1i6z3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1i6z3_gg_{display:flex;align-items:center}.___SDot_1i6z3_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1i6z3_gg_.__color_1i6z3_gg_{background:var(--color_1i6z3)}.___SFooter_1i6z3_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__*/, "1i6z3_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_1i6z3_gg_",
+  "__STitle": "___STitle_1i6z3_gg_",
+  "__SDotGroup": "___SDotGroup_1i6z3_gg_",
+  "__SDot": "___SDot_1i6z3_gg_",
+  "_color": "__color_1i6z3_gg_",
+  "--color": "--color_1i6z3",
+  "__SFooter": "___SFooter_1i6z3_gg_"
 });
 /**
  * `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.

package/lib/es6/Venn.js

@@ -18,13 +18,13 @@ import createElement from './createElement';
 import { CONSTANT, getChartDefaultColorName } from './utils';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_sjt1g_gg_,.___SIntersection_sjt1g_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_sjt1g_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_sjt1g);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_sjt1g_gg_:hover{fill-opacity:.7}}.___SCircle_sjt1g_gg_.__color_sjt1g_gg_{fill:var(--color_sjt1g)}.___SCircle_sjt1g_gg_.__transparent_sjt1g_gg_{opacity:.3}.___SIntersection_sjt1g_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_sjt1g_gg_:hover{fill-opacity:.1}}.___SIntersection_sjt1g_gg_.__transparent_sjt1g_gg_{opacity:.3}" /*__inner_css_end__*/, "sjt1g_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_sjt1g_gg_",
-  "_color": "__color_sjt1g_gg_",
-  "--color": "--color_sjt1g",
-  "_transparent": "__transparent_sjt1g_gg_",
-  "__SIntersection": "___SIntersection_sjt1g_gg_",
-  "--duration": "--duration_sjt1g"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_15mrg_gg_,.___SIntersection_15mrg_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_15mrg_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_15mrg);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_15mrg_gg_:hover{fill-opacity:.7}}.___SCircle_15mrg_gg_.__color_15mrg_gg_{fill:var(--color_15mrg)}.___SCircle_15mrg_gg_.__transparent_15mrg_gg_{opacity:.3}.___SIntersection_15mrg_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_15mrg_gg_:hover{fill-opacity:.1}}.___SIntersection_15mrg_gg_.__transparent_15mrg_gg_{opacity:.3}" /*__inner_css_end__*/, "15mrg_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_15mrg_gg_",
+  "_color": "__color_15mrg_gg_",
+  "--color": "--color_15mrg",
+  "_transparent": "__transparent_15mrg_gg_",
+  "__SIntersection": "___SIntersection_15mrg_gg_",
+  "--duration": "--duration_15mrg"
 });
 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_a9fqn_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_a9fqn_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "a9fqn_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_a9fqn_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1nssw_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1nssw_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1nssw_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_1nssw_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_wbcxe_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_wbcxe_gg_:focus,.___SPlotA11yView_wbcxe_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_wbcxe_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_wbcxe_gg_ table,.___SPlotA11yView_wbcxe_gg_ td,.___SPlotA11yView_wbcxe_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "wbcxe_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_wbcxe_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_uu9a2_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_uu9a2_gg_:focus,.___SPlotA11yView_uu9a2_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_uu9a2_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_uu9a2_gg_ table,.___SPlotA11yView_uu9a2_gg_ td,.___SPlotA11yView_uu9a2_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "uu9a2_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_uu9a2_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_ba139_gg_._direction_row_ba139_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_ba139_gg_._direction_column_ba139_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "ba139_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_ba139_gg_",
-  "_direction_row": "_direction_row_ba139_gg_",
-  "_direction_column": "_direction_column_ba139_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_i7qfw_gg_._direction_row_i7qfw_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_i7qfw_gg_._direction_column_i7qfw_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "i7qfw_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_i7qfw_gg_",
+  "_direction_row": "_direction_row_i7qfw_gg_",
+  "_direction_column": "_direction_column_i7qfw_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import Divider from '@semcore/divider';

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

@@ -19,21 +19,21 @@ 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_1v8x0_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1v8x0_gg_:hover{cursor:pointer}.___SLegendItem_1v8x0_gg_.__disabled_1v8x0_gg_:hover{cursor:default}}.___SPointShape_1v8x0_gg_.__color_1v8x0_gg_{background-color:var(--color_1v8x0);margin-right:8px;flex-shrink:0}.___SPointShape_1v8x0_gg_._shape_Circle_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Circle_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Line_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1v8x0_gg_._shape_Line_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1v8x0_gg_._shape_Square_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Square_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1v8x0_gg_{line-height:0;margin-right:4px}.___SIcon_1v8x0_gg_._size_l_1v8x0_gg_{margin-top:4px}.___SIcon_1v8x0_gg_._size_m_1v8x0_gg_{margin-top:2px}.___SLabel_1v8x0_gg_{min-width:0}.___SAdditionalLabel_1v8x0_gg_._size_l_1v8x0_gg_,.___SCount_1v8x0_gg_._size_l_1v8x0_gg_,.___SLabel_1v8x0_gg_._size_l_1v8x0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1v8x0_gg_._size_m_1v8x0_gg_,.___SCount_1v8x0_gg_._size_m_1v8x0_gg_,.___SLabel_1v8x0_gg_._size_m_1v8x0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1v8x0_gg_,.___SCount_1v8x0_gg_{margin-left:4px}.___SAdditionalLabel_1v8x0_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1v8x0_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1v8x0_gg_._size_l_1v8x0_gg_::before{margin-top:10px}.___SAdditionalLabel_1v8x0_gg_._size_m_1v8x0_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1v8x0_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_1v8x0_gg_",
-  "_disabled": "__disabled_1v8x0_gg_",
-  "__SPointShape": "___SPointShape_1v8x0_gg_",
-  "_color": "__color_1v8x0_gg_",
-  "--color": "--color_1v8x0",
-  "_shape_Circle": "_shape_Circle_1v8x0_gg_",
-  "_size_l": "_size_l_1v8x0_gg_",
-  "_size_m": "_size_m_1v8x0_gg_",
-  "_shape_Line": "_shape_Line_1v8x0_gg_",
-  "_shape_Square": "_shape_Square_1v8x0_gg_",
-  "__SIcon": "___SIcon_1v8x0_gg_",
-  "__SLabel": "___SLabel_1v8x0_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_1v8x0_gg_",
-  "__SCount": "___SCount_1v8x0_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1huks_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1huks_gg_:hover{cursor:pointer}.___SLegendItem_1huks_gg_.__disabled_1huks_gg_:hover{cursor:default}}.___SPointShape_1huks_gg_.__color_1huks_gg_{background-color:var(--color_1huks);margin-right:8px;flex-shrink:0}.___SPointShape_1huks_gg_._shape_Circle_1huks_gg_._size_l_1huks_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1huks_gg_._shape_Circle_1huks_gg_._size_m_1huks_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1huks_gg_._shape_Line_1huks_gg_._size_l_1huks_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1huks_gg_._shape_Line_1huks_gg_._size_m_1huks_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1huks_gg_._shape_Square_1huks_gg_._size_l_1huks_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1huks_gg_._shape_Square_1huks_gg_._size_m_1huks_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1huks_gg_{line-height:0;margin-right:4px}.___SIcon_1huks_gg_._size_l_1huks_gg_{margin-top:4px}.___SIcon_1huks_gg_._size_m_1huks_gg_{margin-top:2px}.___SLabel_1huks_gg_{min-width:0}.___SAdditionalLabel_1huks_gg_._size_l_1huks_gg_,.___SCount_1huks_gg_._size_l_1huks_gg_,.___SLabel_1huks_gg_._size_l_1huks_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1huks_gg_._size_m_1huks_gg_,.___SCount_1huks_gg_._size_m_1huks_gg_,.___SLabel_1huks_gg_._size_m_1huks_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1huks_gg_,.___SCount_1huks_gg_{margin-left:4px}.___SAdditionalLabel_1huks_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1huks_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1huks_gg_._size_l_1huks_gg_::before{margin-top:10px}.___SAdditionalLabel_1huks_gg_._size_m_1huks_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1huks_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_1huks_gg_",
+  "_disabled": "__disabled_1huks_gg_",
+  "__SPointShape": "___SPointShape_1huks_gg_",
+  "_color": "__color_1huks_gg_",
+  "--color": "--color_1huks",
+  "_shape_Circle": "_shape_Circle_1huks_gg_",
+  "_size_l": "_size_l_1huks_gg_",
+  "_size_m": "_size_m_1huks_gg_",
+  "_shape_Line": "_shape_Line_1huks_gg_",
+  "_shape_Square": "_shape_Square_1huks_gg_",
+  "__SIcon": "___SIcon_1huks_gg_",
+  "__SLabel": "___SLabel_1huks_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1huks_gg_",
+  "__SCount": "___SCount_1huks_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_rzbji_gg_.__columns-count_rzbji_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_rzbji_gg_._size_l_rzbji_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_rzbji_gg_._size_m_rzbji_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "rzbji_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_rzbji_gg_",
-  "_columns-count": "__columns-count_rzbji_gg_",
-  "__SColumnItem": "___SColumnItem_rzbji_gg_",
-  "_size_l": "_size_l_rzbji_gg_",
-  "_size_m": "_size_m_rzbji_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_q8xjx_gg_.__columns-count_q8xjx_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_q8xjx_gg_._size_l_q8xjx_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_q8xjx_gg_._size_m_q8xjx_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "q8xjx_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_q8xjx_gg_",
+  "_columns-count": "__columns-count_q8xjx_gg_",
+  "__SColumnItem": "___SColumnItem_q8xjx_gg_",
+  "_size_l": "_size_l_q8xjx_gg_",
+  "_size_m": "_size_m_q8xjx_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

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

@@ -9,7 +9,6 @@ SDots {
 SDot {
   stroke-width: 2px;
   stroke: var(--intergalactic-chart-grid-border, #ffffff);
-  r: var(--radius);
   fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
   transition-property: cx, cy;
   transition-timing-function: ease-in-out;
@@ -19,10 +18,6 @@ SDot[hide] {
   display: none;
 }
 
-SDot[active] {
-  r: calc(var(--radius) * 8/6);
-}
-
 SDot[color] {
   fill: var(--color);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.21.2",
+  "version": "3.21.3",
   "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.13.0",
-    "@semcore/divider": "4.13.0",
-    "@semcore/flex-box": "5.13.0",
-    "@semcore/popper": "5.12.1",
-    "@semcore/utils": "4.15.0",
+    "@semcore/animation": "2.13.1",
+    "@semcore/divider": "4.13.1",
+    "@semcore/flex-box": "5.13.1",
+    "@semcore/popper": "5.13.0",
+    "@semcore/utils": "4.15.1",
     "@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.12.0",
+    "@semcore/core": "^2.12.1",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/ClipPath.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _propsForElement = _interopRequireDefault(require("@semcore/utils/lib/propsForElement"));
-var _excluded = ["id", "transition", "tag", "style", "className"];
-var ClipPath = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ClipPath, _Component);
-  var _super = (0, _createSuper2["default"])(ClipPath);
-  function ClipPath() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ClipPath);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refClipPath", /*#__PURE__*/_react["default"].createRef());
-    return _this;
-  }
-  (0, _createClass2["default"])(ClipPath, [{
-    key: "setAttributeTag",
-    value: function setAttributeTag() {
-      var _this$asProps = this.asProps,
-        id = _this$asProps.id,
-        tag = _this$asProps.tag,
-        setAttributeTag = _this$asProps.setAttributeTag;
-      if (setAttributeTag) {
-        Array.from(document.querySelectorAll("#".concat(id, " ").concat(tag))).forEach(setAttributeTag);
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var id = this.asProps.id;
-      if (!document || !id || !document.querySelector("#".concat(id))) return;
-      var svg = document.querySelector("#".concat(id)).closest('svg');
-      Array.from(svg.querySelectorAll("[clip-path=\"url(#".concat(id, ")\"]"))).forEach(function (node) {
-        var _node$getTotalLength;
-        node === null || node === void 0 ? void 0 : (_node$getTotalLength = node.getTotalLength) === null || _node$getTotalLength === void 0 ? void 0 : _node$getTotalLength.call(node);
-      });
-      this.setAttributeTag();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.setAttributeTag();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$asProps2 = this.asProps,
-        id = _this$asProps2.id,
-        transition = _this$asProps2.transition,
-        Tag = _this$asProps2.tag,
-        style = _this$asProps2.style,
-        className = _this$asProps2.className,
-        other = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
-      return /*#__PURE__*/_react["default"].createElement("clipPath", {
-        "aria-hidden": true,
-        ref: this.refClipPath,
-        id: id
-      }, /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({
-        style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), {}, {
-          transition: transition
-        })
-      }, (0, _propsForElement["default"])(other, Tag))));
-    }
-  }]);
-  return ClipPath;
-}(_core.Component);
-(0, _defineProperty2["default"])(ClipPath, "defaultProps", {
-  tag: 'rect',
-  id: '',
-  transition: '',
-  setAttributeTag: null
-});
-var _default = (0, _core["default"])(ClipPath);
-exports["default"] = _default;
-//# sourceMappingURL=ClipPath.js.map

package/lib/cjs/ClipPath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClipPath.js","names":["_react","_interopRequireDefault","require","_core","_interopRequireWildcard","_propsForElement","_excluded","ClipPath","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","_createClass2","key","value","setAttributeTag","_this$asProps","asProps","id","tag","from","document","querySelectorAll","forEach","componentDidMount","querySelector","svg","closest","node","_node$getTotalLength","getTotalLength","componentDidUpdate","render","_this$asProps2","transition","Tag","style","className","other","_objectWithoutProperties2","createElement","ref","refClipPath","_extends2","_objectSpread2","propsForElement","Component","_default","createComponent","exports"],"sources":["../../src/ClipPath.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nclass ClipPath extends Component {\n  static defaultProps = {\n    tag: 'rect',\n    id: '',\n    transition: '',\n    setAttributeTag: null,\n  };\n\n  refClipPath = React.createRef();\n\n  setAttributeTag() {\n    const { id, tag, setAttributeTag } = this.asProps;\n    if (setAttributeTag) {\n      Array.from(document.querySelectorAll(`#${id} ${tag}`)).forEach(setAttributeTag);\n    }\n  }\n\n  componentDidMount() {\n    const { id } = this.asProps;\n    if (!document || !id || !document.querySelector(`#${id}`)) return;\n    const svg = document.querySelector(`#${id}`).closest('svg');\n    Array.from(svg.querySelectorAll(`[clip-path=\"url(#${id})\"]`)).forEach((node) => {\n      node?.getTotalLength?.();\n    });\n    this.setAttributeTag();\n  }\n\n  componentDidUpdate() {\n    this.setAttributeTag();\n  }\n\n  render() {\n    const { id, transition, tag: Tag, style, className, ...other } = this.asProps;\n    return (\n      <clipPath aria-hidden ref={this.refClipPath} id={id}>\n        <Tag style={{ ...style, transition }} {...propsForElement(other, Tag)} />\n      </clipPath>\n    );\n  }\n}\n\nexport default createComponent(ClipPath);\n"],"mappings":"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"}