@semcore/d3-chart 3.4.1 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/lib/cjs/Area.js +18 -12
  3. package/lib/cjs/Area.js.map +1 -1
  4. package/lib/cjs/Axis.js +14 -14
  5. package/lib/cjs/Bar.js +8 -8
  6. package/lib/cjs/Bubble.js +10 -10
  7. package/lib/cjs/Donut.js +7 -7
  8. package/lib/cjs/Dots.js +14 -10
  9. package/lib/cjs/Dots.js.map +1 -1
  10. package/lib/cjs/HorizontalBar.js +8 -8
  11. package/lib/cjs/Hover.js +3 -3
  12. package/lib/cjs/Line.js +15 -11
  13. package/lib/cjs/Line.js.map +1 -1
  14. package/lib/cjs/Plot.js +3 -3
  15. package/lib/cjs/Radar.js +17 -17
  16. package/lib/cjs/RadialTree.js +12 -12
  17. package/lib/cjs/RadialTree.js.map +1 -1
  18. package/lib/cjs/ReferenceLine.js +9 -9
  19. package/lib/cjs/ScatterPlot.js +7 -7
  20. package/lib/cjs/Tooltip.js +8 -8
  21. package/lib/cjs/Venn.js +7 -7
  22. package/lib/cjs/a11y/PlotA11yModule.js +2 -2
  23. package/lib/cjs/a11y/PlotA11yView.js +14 -6
  24. package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
  25. package/lib/cjs/a11y/insights.js +2 -0
  26. package/lib/cjs/a11y/insights.js.map +1 -1
  27. package/lib/cjs/index.js +6 -0
  28. package/lib/cjs/index.js.map +1 -1
  29. package/lib/cjs/types/ClipPath.d.js.map +1 -1
  30. package/lib/cjs/types/index.d.js.map +1 -1
  31. package/lib/cjs/utils.js +3 -1
  32. package/lib/cjs/utils.js.map +1 -1
  33. package/lib/es6/Area.js +19 -13
  34. package/lib/es6/Area.js.map +1 -1
  35. package/lib/es6/Axis.js +14 -14
  36. package/lib/es6/Bar.js +8 -8
  37. package/lib/es6/Bubble.js +10 -10
  38. package/lib/es6/Donut.js +7 -7
  39. package/lib/es6/Dots.js +15 -11
  40. package/lib/es6/Dots.js.map +1 -1
  41. package/lib/es6/HorizontalBar.js +8 -8
  42. package/lib/es6/Hover.js +3 -3
  43. package/lib/es6/Line.js +16 -12
  44. package/lib/es6/Line.js.map +1 -1
  45. package/lib/es6/Plot.js +3 -3
  46. package/lib/es6/Radar.js +17 -17
  47. package/lib/es6/RadialTree.js +12 -12
  48. package/lib/es6/RadialTree.js.map +1 -1
  49. package/lib/es6/ReferenceLine.js +9 -9
  50. package/lib/es6/ScatterPlot.js +7 -7
  51. package/lib/es6/Tooltip.js +8 -8
  52. package/lib/es6/Venn.js +7 -7
  53. package/lib/es6/a11y/PlotA11yModule.js +2 -2
  54. package/lib/es6/a11y/PlotA11yView.js +14 -6
  55. package/lib/es6/a11y/PlotA11yView.js.map +1 -1
  56. package/lib/es6/a11y/insights.js +2 -0
  57. package/lib/es6/a11y/insights.js.map +1 -1
  58. package/lib/es6/index.js +1 -1
  59. package/lib/es6/index.js.map +1 -1
  60. package/lib/es6/types/ClipPath.d.js.map +1 -1
  61. package/lib/es6/types/index.d.js.map +1 -1
  62. package/lib/es6/utils.js +1 -0
  63. package/lib/es6/utils.js.map +1 -1
  64. package/lib/types/ClipPath.d.ts +0 -5
  65. package/lib/types/RadialTree.d.ts +1 -1
  66. package/lib/types/index.d.ts +1 -0
  67. package/lib/types/utils.d.ts +1 -0
  68. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","style","_sstyled","insert","AreaRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","color","data","d3Line","transparent","d3","getNullProps","_this$asProps2","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","advanceMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref4","y0","$rootProps","_ref4$curve","curve","scale","_ref5","_ref6","_slicedToArray","xScale","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n static displayName = 'Area';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n const yRange = yScale.range();\n\n return {\n d3: area()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n .y1((p) => scaleOfBandwidth(yScale, p[y])),\n d3Line: line()\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, color, data, d3Line, transparent } = this.asProps;\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, color, data, d3Line } = this.asProps;\n return {\n data: getNullData(data, definedNullData(x, y), y),\n d3: d3Line,\n color,\n };\n }\n\n getLineProps() {\n const { duration, color, data, d3Line, uid } = this.asProps;\n\n return {\n uid,\n data,\n d3: d3Line,\n color,\n duration,\n };\n }\n\n render() {\n const SArea = this.Element;\n const SAreaLine = 'path';\n const {\n styles,\n hide,\n d3,\n d3Line,\n data,\n color,\n uid,\n size,\n duration,\n x,\n y,\n Children,\n transparent,\n } = this.asProps;\n const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n {!advanceMode && (\n <SAreaLine\n aria-hidden\n clipPath={`url(#${uid})`}\n d={d3Line(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n )}\n <SArea\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n d={d3(data)}\n hide={hide}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Line(props) {\n const { Element: SAreaLine, styles, d3, data, color, duration, uid, transparent } = props;\n return sstyled(styles)(\n <SAreaLine\n render='path'\n clipPath={`url(#${uid})`}\n d={d3(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide, color } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n Dots,\n Null,\n Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","interpolateValue","ClipPath","style","_sstyled","insert","AreaRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","data","filter","item","d3","getNullProps","_this$asProps2","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","advanceMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref4","y0","$rootProps","_ref4$curve","curve","scale","_ref5","_ref6","_slicedToArray","xScale","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n definedData,\n scaleOfBandwidth,\n getNullData,\n definedNullData,\n interpolateValue,\n} from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n static displayName = 'Area';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n const yRange = yScale.range();\n\n return {\n d3: area()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n .y1((p) => scaleOfBandwidth(yScale, p[y])),\n d3Line: line()\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, color, d3Line, transparent } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, color, d3Line } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n data: getNullData(data, definedNullData(x, y), y),\n d3: d3Line,\n color,\n };\n }\n\n getLineProps() {\n const { duration, color, data, d3Line, uid } = this.asProps;\n\n return {\n uid,\n data,\n d3: d3Line,\n color,\n duration,\n };\n }\n\n render() {\n const SArea = this.Element;\n const SAreaLine = 'path';\n const { styles, hide, d3, d3Line, color, uid, size, duration, x, y, Children, transparent } =\n this.asProps;\n const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\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 return sstyled(styles)(\n <>\n {!advanceMode && (\n <SAreaLine\n aria-hidden\n clipPath={`url(#${uid})`}\n d={d3Line(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n )}\n <SArea\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n d={d3(data)}\n hide={hide}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Line(props) {\n const { Element: SAreaLine, styles, d3, data, color, duration, uid, transparent } = props;\n return sstyled(styles)(\n <SAreaLine\n render='path'\n clipPath={`url(#${uid})`}\n d={d3(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide, color } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n Dots,\n Null,\n Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
package/lib/es6/Axis.js CHANGED
@@ -12,20 +12,20 @@ import { Component, sstyled } from '@semcore/core';
12
12
  import createElement from './createElement';
13
13
  import { scaleOfBandwidth } from './utils';
14
14
  /*__reshadow-styles__:"./style/axis.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_zhksc_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_zhksc_gg_.__hide_zhksc_gg_,.___STick_zhksc_gg_.__hide_zhksc_gg_{display:none}.___STick_zhksc_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_zhksc_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_zhksc_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_zhksc)}.___STitle_zhksc_gg_._position_top_zhksc_gg_{text-anchor:middle}.___STitle_zhksc_gg_._position_bottom_zhksc_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_zhksc_gg_._position_left_zhksc_gg_,.___STitle_zhksc_gg_._position_right_zhksc_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_zhksc_gg_._position_left_zhksc_gg_.__verticalWritingMode_zhksc_gg_,.___STitle_zhksc_gg_._position_right_zhksc_gg_.__verticalWritingMode_zhksc_gg_{writing-mode:vertical-rl;transform:none}.___STick_zhksc_gg_._position_top_zhksc_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_zhksc_gg_._position_bottom_zhksc_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_zhksc_gg_._position_right_zhksc_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_zhksc_gg_._position_left_zhksc_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_zhksc_gg_._position_custom_0_zhksc_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_zhksc_gg_._position_custom_1_zhksc_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "zhksc_gg_") /*__reshadow_css_end__*/, {
16
- "__SAxis": "___SAxis_zhksc_gg_",
17
- "_hide": "__hide_zhksc_gg_",
18
- "__STick": "___STick_zhksc_gg_",
19
- "__SGrid": "___SGrid_zhksc_gg_",
20
- "__STitle": "___STitle_zhksc_gg_",
21
- "--transform-origin": "--transform-origin_zhksc",
22
- "_position_top": "_position_top_zhksc_gg_",
23
- "_position_bottom": "_position_bottom_zhksc_gg_",
24
- "_position_right": "_position_right_zhksc_gg_",
25
- "_position_left": "_position_left_zhksc_gg_",
26
- "_verticalWritingMode": "__verticalWritingMode_zhksc_gg_",
27
- "_position_custom_0": "_position_custom_0_zhksc_gg_",
28
- "_position_custom_1": "_position_custom_1_zhksc_gg_"
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_198tl_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_198tl_gg_.__hide_198tl_gg_,.___STick_198tl_gg_.__hide_198tl_gg_{display:none}.___STick_198tl_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_198tl_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_198tl_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_198tl)}.___STitle_198tl_gg_._position_top_198tl_gg_{text-anchor:middle}.___STitle_198tl_gg_._position_bottom_198tl_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_198tl_gg_._position_left_198tl_gg_,.___STitle_198tl_gg_._position_right_198tl_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_198tl_gg_._position_left_198tl_gg_.__verticalWritingMode_198tl_gg_,.___STitle_198tl_gg_._position_right_198tl_gg_.__verticalWritingMode_198tl_gg_{writing-mode:vertical-rl;transform:none}.___STick_198tl_gg_._position_top_198tl_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_198tl_gg_._position_bottom_198tl_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_198tl_gg_._position_right_198tl_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_198tl_gg_._position_left_198tl_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_198tl_gg_._position_custom_0_198tl_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_198tl_gg_._position_custom_1_198tl_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "198tl_gg_") /*__reshadow_css_end__*/, {
16
+ "__SAxis": "___SAxis_198tl_gg_",
17
+ "_hide": "__hide_198tl_gg_",
18
+ "__STick": "___STick_198tl_gg_",
19
+ "__SGrid": "___SGrid_198tl_gg_",
20
+ "__STitle": "___STitle_198tl_gg_",
21
+ "--transform-origin": "--transform-origin_198tl",
22
+ "_position_top": "_position_top_198tl_gg_",
23
+ "_position_bottom": "_position_bottom_198tl_gg_",
24
+ "_position_right": "_position_right_198tl_gg_",
25
+ "_position_left": "_position_left_198tl_gg_",
26
+ "_verticalWritingMode": "__verticalWritingMode_198tl_gg_",
27
+ "_position_custom_0": "_position_custom_0_198tl_gg_",
28
+ "_position_custom_1": "_position_custom_1_198tl_gg_"
29
29
  });
30
30
  var CUSTOM_0 = Symbol('custom_0');
31
31
  var CUSTOM_1 = Symbol('custom_1');
package/lib/es6/Bar.js CHANGED
@@ -13,14 +13,14 @@ import createElement from './createElement';
13
13
  import ClipPath from './ClipPath';
14
14
  import { scaleToBand, roundedPath } from './utils';
15
15
  /*__reshadow-styles__:"./style/bar.shadow.css"*/
16
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_oxt4u_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_oxt4u);transition-timing-function:ease-in-out}.___SBar_oxt4u_gg_.__color_oxt4u_gg_{fill:var(--color_oxt4u)}.___SBar_oxt4u_gg_.__hide_oxt4u_gg_{display:none}.___SBar_oxt4u_gg_.__transparent_oxt4u_gg_{opacity:.3}.___SBackground_oxt4u_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "oxt4u_gg_") /*__reshadow_css_end__*/, {
17
- "__SBar": "___SBar_oxt4u_gg_",
18
- "--duration": "--duration_oxt4u",
19
- "_color": "__color_oxt4u_gg_",
20
- "--color": "--color_oxt4u",
21
- "_hide": "__hide_oxt4u_gg_",
22
- "_transparent": "__transparent_oxt4u_gg_",
23
- "__SBackground": "___SBackground_oxt4u_gg_"
16
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_gk6eh);transition-timing-function:ease-in-out}.___SBar_gk6eh_gg_.__color_gk6eh_gg_{fill:var(--color_gk6eh)}.___SBar_gk6eh_gg_.__hide_gk6eh_gg_{display:none}.___SBar_gk6eh_gg_.__transparent_gk6eh_gg_{opacity:.3}.___SBackground_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "gk6eh_gg_") /*__reshadow_css_end__*/, {
17
+ "__SBar": "___SBar_gk6eh_gg_",
18
+ "--duration": "--duration_gk6eh",
19
+ "_color": "__color_gk6eh_gg_",
20
+ "--color": "--color_gk6eh",
21
+ "_hide": "__hide_gk6eh_gg_",
22
+ "_transparent": "__transparent_gk6eh_gg_",
23
+ "__SBackground": "___SBackground_gk6eh_gg_"
24
24
  });
25
25
  export var MIN_HEIGHT = 2;
26
26
  var calcPartBarY = function calcPartBarY(y, minHeight, height) {
package/lib/es6/Bubble.js CHANGED
@@ -20,16 +20,16 @@ import ClipPath from './ClipPath';
20
20
  import { CONSTANT, measureText } from './utils';
21
21
  import Tooltip from './Tooltip';
22
22
  /*__reshadow-styles__:"./style/bubble.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_t8k26_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_t8k26);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_t8k26_gg_:hover{opacity:.8}}.___SBubble_t8k26_gg_.__color_t8k26_gg_{fill:var(--color_t8k26)}.___SBubble_t8k26_gg_.__transparent_t8k26_gg_{opacity:.3}.___SCenter_t8k26_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_t8k26_gg_.__color_t8k26_gg_{stroke:var(--color_t8k26)}.___SCenter_t8k26_gg_.__transparent_t8k26_gg_{opacity:.3}.___SLabel_t8k26_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_t8k26_gg_._position_right_t8k26_gg_{text-anchor:end}.___SLabel_t8k26_gg_._position_left_t8k26_gg_{text-anchor:start}.___SLabel_t8k26_gg_.__color_t8k26_gg_{fill:var(--color_t8k26)}.___SLabel_t8k26_gg_.__transparent_t8k26_gg_{opacity:.3}" /*__inner_css_end__*/, "t8k26_gg_") /*__reshadow_css_end__*/, {
24
- "__SBubble": "___SBubble_t8k26_gg_",
25
- "--duration": "--duration_t8k26",
26
- "_color": "__color_t8k26_gg_",
27
- "--color": "--color_t8k26",
28
- "_transparent": "__transparent_t8k26_gg_",
29
- "__SCenter": "___SCenter_t8k26_gg_",
30
- "__SLabel": "___SLabel_t8k26_gg_",
31
- "_position_right": "_position_right_t8k26_gg_",
32
- "_position_left": "_position_left_t8k26_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1gwnu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1gwnu);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1gwnu_gg_:hover{opacity:.8}}.___SBubble_1gwnu_gg_.__color_1gwnu_gg_{fill:var(--color_1gwnu)}.___SBubble_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}.___SCenter_1gwnu_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1gwnu_gg_.__color_1gwnu_gg_{stroke:var(--color_1gwnu)}.___SCenter_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}.___SLabel_1gwnu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1gwnu_gg_._position_right_1gwnu_gg_{text-anchor:end}.___SLabel_1gwnu_gg_._position_left_1gwnu_gg_{text-anchor:start}.___SLabel_1gwnu_gg_.__color_1gwnu_gg_{fill:var(--color_1gwnu)}.___SLabel_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}" /*__inner_css_end__*/, "1gwnu_gg_") /*__reshadow_css_end__*/, {
24
+ "__SBubble": "___SBubble_1gwnu_gg_",
25
+ "--duration": "--duration_1gwnu",
26
+ "_color": "__color_1gwnu_gg_",
27
+ "--color": "--color_1gwnu",
28
+ "_transparent": "__transparent_1gwnu_gg_",
29
+ "__SCenter": "___SCenter_1gwnu_gg_",
30
+ "__SLabel": "___SLabel_1gwnu_gg_",
31
+ "_position_right": "_position_right_1gwnu_gg_",
32
+ "_position_left": "_position_left_1gwnu_gg_"
33
33
  });
34
34
  var BubbleRoot = /*#__PURE__*/function (_Component) {
35
35
  _inherits(BubbleRoot, _Component);
package/lib/es6/Donut.js CHANGED
@@ -22,13 +22,13 @@ import createElement from './createElement';
22
22
  import { CONSTANT } from './utils';
23
23
  import Tooltip from './Tooltip';
24
24
  /*__reshadow-styles__:"./style/donut.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_1v7ys_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1v7ys_gg_.__color_1v7ys_gg_{fill:var(--color_1v7ys)}.___SPie_1v7ys_gg_.__transparent_1v7ys_gg_{opacity:.3}.___SEmptyData_1v7ys_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1v7ys_gg_.__color_1v7ys_gg_{fill:var(--color_1v7ys)}.___SLabel_1v7ys_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "1v7ys_gg_") /*__reshadow_css_end__*/, {
26
- "__SPie": "___SPie_1v7ys_gg_",
27
- "_color": "__color_1v7ys_gg_",
28
- "--color": "--color_1v7ys",
29
- "_transparent": "__transparent_1v7ys_gg_",
30
- "__SEmptyData": "___SEmptyData_1v7ys_gg_",
31
- "__SLabel": "___SLabel_1v7ys_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_jr921_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_jr921_gg_.__color_jr921_gg_{fill:var(--color_jr921)}.___SPie_jr921_gg_.__transparent_jr921_gg_{opacity:.3}.___SEmptyData_jr921_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_jr921_gg_.__color_jr921_gg_{fill:var(--color_jr921)}.___SLabel_jr921_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "jr921_gg_") /*__reshadow_css_end__*/, {
26
+ "__SPie": "___SPie_jr921_gg_",
27
+ "_color": "__color_jr921_gg_",
28
+ "--color": "--color_jr921",
29
+ "_transparent": "__transparent_jr921_gg_",
30
+ "__SEmptyData": "___SEmptyData_jr921_gg_",
31
+ "__SLabel": "___SLabel_jr921_gg_"
32
32
  });
33
33
  var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
34
34
  function transitionAnglePie(_ref6) {
package/lib/es6/Dots.js CHANGED
@@ -5,24 +5,23 @@ import React, { useCallback, useEffect, useState } from 'react';
5
5
  import { sstyled } from '@semcore/core';
6
6
  import trottle from '@semcore/utils/lib/rafTrottle';
7
7
  import createElement from './createElement';
8
- import { eventToPoint, invert } from './utils';
8
+ import { eventToPoint, invert, interpolateValue } from './utils';
9
9
  /*__reshadow-styles__:"./style/dot.shadow.css"*/
10
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_iluaq_gg_ .___SDot_iluaq_gg_{transition-duration:var(--duration_iluaq)}.___SDot_iluaq_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_iluaq_gg_.__hide_iluaq_gg_{display:none}.___SDot_iluaq_gg_.__active_iluaq_gg_{r:8px}.___SDot_iluaq_gg_.__color_iluaq_gg_{fill:var(--color_iluaq)}.___SDot_iluaq_gg_.__transparent_iluaq_gg_{opacity:.3}" /*__inner_css_end__*/, "iluaq_gg_") /*__reshadow_css_end__*/, {
11
- "__SDots": "___SDots_iluaq_gg_",
12
- "__SDot": "___SDot_iluaq_gg_",
13
- "--duration": "--duration_iluaq",
14
- "_hide": "__hide_iluaq_gg_",
15
- "_active": "__active_iluaq_gg_",
16
- "_color": "__color_iluaq_gg_",
17
- "--color": "--color_iluaq",
18
- "_transparent": "__transparent_iluaq_gg_"
10
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_xm3ao_gg_ .___SDot_xm3ao_gg_{transition-duration:var(--duration_xm3ao)}.___SDot_xm3ao_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_xm3ao_gg_.__hide_xm3ao_gg_{display:none}.___SDot_xm3ao_gg_.__active_xm3ao_gg_{r:8px}.___SDot_xm3ao_gg_.__color_xm3ao_gg_{fill:var(--color_xm3ao)}.___SDot_xm3ao_gg_.__transparent_xm3ao_gg_{opacity:.3}" /*__inner_css_end__*/, "xm3ao_gg_") /*__reshadow_css_end__*/, {
11
+ "__SDots": "___SDots_xm3ao_gg_",
12
+ "__SDot": "___SDot_xm3ao_gg_",
13
+ "--duration": "--duration_xm3ao",
14
+ "_hide": "__hide_xm3ao_gg_",
15
+ "_active": "__active_xm3ao_gg_",
16
+ "_color": "__color_xm3ao_gg_",
17
+ "--color": "--color_xm3ao",
18
+ "_transparent": "__transparent_xm3ao_gg_"
19
19
  });
20
20
  var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
21
21
  function Dots(props) {
22
22
  var _ref2;
23
23
  var SDot = props.Element,
24
24
  styles = props.styles,
25
- data = props.data,
26
25
  color = props.color,
27
26
  d3 = props.d3,
28
27
  x = props.x,
@@ -43,6 +42,11 @@ function Dots(props) {
43
42
  _useState2 = _slicedToArray(_useState, 2),
44
43
  activeIndex = _useState2[0],
45
44
  setActiveIndex = _useState2[1];
45
+ var data = React.useMemo(function () {
46
+ return props.data.filter(function (item) {
47
+ return item[y] !== interpolateValue;
48
+ });
49
+ }, [props.data]);
46
50
  var handlerMouseMoveRoot = useCallback(trottle(function (e) {
47
51
  var _scale = _slicedToArray(scale, 1),
48
52
  xScale = _scale[0];
@@ -1 +1 @@
1
- {"version":3,"file":"Dots.js","names":["bisector","React","useCallback","useEffect","useState","sstyled","trottle","createElement","eventToPoint","invert","style","_sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","SDots","bisect","d","center","_useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","handlerMouseMoveRoot","e","_scale","xScale","_eventToPoint","current","_eventToPoint2","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","cn","concat"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n data,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n transparent,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={`${i}`}\n render='circle'\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n transparent={transparent}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Dots.js","names":["bisector","React","useCallback","useEffect","useState","sstyled","trottle","createElement","eventToPoint","invert","interpolateValue","style","_sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","SDots","bisect","d","center","_useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","data","useMemo","filter","item","handlerMouseMoveRoot","e","_scale","xScale","_eventToPoint","current","_eventToPoint2","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","cn","concat"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n transparent,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n const data = React.useMemo(\n () => props.data.filter((item) => item[y] !== interpolateValue),\n [props.data],\n );\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={`${i}`}\n render='circle'\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n transparent={transparent}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
@@ -12,14 +12,14 @@ import createElement from './createElement';
12
12
  import ClipPath from './ClipPath';
13
13
  import { scaleToBand, roundedPath } from './utils';
14
14
  /*__reshadow-styles__:"./style/bar.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_oxt4u_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_oxt4u);transition-timing-function:ease-in-out}.___SBar_oxt4u_gg_.__color_oxt4u_gg_{fill:var(--color_oxt4u)}.___SBar_oxt4u_gg_.__hide_oxt4u_gg_{display:none}.___SBar_oxt4u_gg_.__transparent_oxt4u_gg_{opacity:.3}.___SBackground_oxt4u_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "oxt4u_gg_") /*__reshadow_css_end__*/, {
16
- "__SBar": "___SBar_oxt4u_gg_",
17
- "--duration": "--duration_oxt4u",
18
- "_color": "__color_oxt4u_gg_",
19
- "--color": "--color_oxt4u",
20
- "_hide": "__hide_oxt4u_gg_",
21
- "_transparent": "__transparent_oxt4u_gg_",
22
- "__SBackground": "___SBackground_oxt4u_gg_"
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_gk6eh);transition-timing-function:ease-in-out}.___SBar_gk6eh_gg_.__color_gk6eh_gg_{fill:var(--color_gk6eh)}.___SBar_gk6eh_gg_.__hide_gk6eh_gg_{display:none}.___SBar_gk6eh_gg_.__transparent_gk6eh_gg_{opacity:.3}.___SBackground_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "gk6eh_gg_") /*__reshadow_css_end__*/, {
16
+ "__SBar": "___SBar_gk6eh_gg_",
17
+ "--duration": "--duration_gk6eh",
18
+ "_color": "__color_gk6eh_gg_",
19
+ "--color": "--color_gk6eh",
20
+ "_hide": "__hide_gk6eh_gg_",
21
+ "_transparent": "__transparent_gk6eh_gg_",
22
+ "__SBackground": "___SBackground_gk6eh_gg_"
23
23
  });
24
24
  export var MIN_WIDTH = 2;
25
25
  var calcPartBarX = function calcPartBarX(x, minWidth, width) {
package/lib/es6/Hover.js CHANGED
@@ -16,9 +16,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
16
16
  import createElement from './createElement';
17
17
  import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT, scaleToBand } from './utils';
18
18
  /*__reshadow-styles__:"./style/hover.shadow.css"*/
19
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_dup6u_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_dup6u_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "dup6u_gg_") /*__reshadow_css_end__*/, {
20
- "__SHoverLine": "___SHoverLine_dup6u_gg_",
21
- "__SHoverRect": "___SHoverRect_dup6u_gg_"
19
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_fnv01_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_fnv01_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "fnv01_gg_") /*__reshadow_css_end__*/, {
20
+ "__SHoverLine": "___SHoverLine_fnv01_gg_",
21
+ "__SHoverRect": "___SHoverRect_fnv01_gg_"
22
22
  });
23
23
  import Tooltip from './Tooltip';
24
24
  var Hover = /*#__PURE__*/function (_Component) {
package/lib/es6/Line.js CHANGED
@@ -10,18 +10,18 @@ import { curveLinear, line as d3Line } from 'd3-shape';
10
10
  import { Component, sstyled } from '@semcore/core';
11
11
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
12
12
  import createElement from './createElement';
13
- import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';
13
+ import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolateValue } from './utils';
14
14
  import Dots from './Dots';
15
15
  import ClipPath from './ClipPath';
16
16
  /*__reshadow-styles__:"./style/line.shadow.css"*/
17
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_120a4_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_120a4);transition-timing-function:ease-in-out}.___SLine_120a4_gg_.__color_120a4_gg_{stroke:var(--color_120a4)}.___SLine_120a4_gg_.__hide_120a4_gg_{display:none}.___SLine_120a4_gg_.__transparent_120a4_gg_{opacity:.3}.___SNull_120a4_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_120a4_gg_.__hide_120a4_gg_{display:none}" /*__inner_css_end__*/, "120a4_gg_") /*__reshadow_css_end__*/, {
18
- "__SLine": "___SLine_120a4_gg_",
19
- "--duration": "--duration_120a4",
20
- "_color": "__color_120a4_gg_",
21
- "--color": "--color_120a4",
22
- "_hide": "__hide_120a4_gg_",
23
- "_transparent": "__transparent_120a4_gg_",
24
- "__SNull": "___SNull_120a4_gg_"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1yzik_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1yzik);transition-timing-function:ease-in-out}.___SLine_1yzik_gg_.__color_1yzik_gg_{stroke:var(--color_1yzik)}.___SLine_1yzik_gg_.__hide_1yzik_gg_{display:none}.___SLine_1yzik_gg_.__transparent_1yzik_gg_{opacity:.3}.___SNull_1yzik_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1yzik_gg_.__hide_1yzik_gg_{display:none}" /*__inner_css_end__*/, "1yzik_gg_") /*__reshadow_css_end__*/, {
18
+ "__SLine": "___SLine_1yzik_gg_",
19
+ "--duration": "--duration_1yzik",
20
+ "_color": "__color_1yzik_gg_",
21
+ "--color": "--color_1yzik",
22
+ "_hide": "__hide_1yzik_gg_",
23
+ "_transparent": "__transparent_1yzik_gg_",
24
+ "__SNull": "___SNull_1yzik_gg_"
25
25
  });
26
26
  var LineRoot = /*#__PURE__*/function (_Component) {
27
27
  _inherits(LineRoot, _Component);
@@ -56,8 +56,10 @@ var LineRoot = /*#__PURE__*/function (_Component) {
56
56
  x = _this$asProps2.x,
57
57
  y = _this$asProps2.y,
58
58
  d3 = _this$asProps2.d3,
59
- color = _this$asProps2.color,
60
- data = _this$asProps2.data;
59
+ color = _this$asProps2.color;
60
+ var data = this.asProps.data.filter(function (item) {
61
+ return item[y] !== interpolateValue;
62
+ });
61
63
  return {
62
64
  d3: d3,
63
65
  // TODO: vertical
@@ -77,11 +79,13 @@ var LineRoot = /*#__PURE__*/function (_Component) {
77
79
  uid = _this$asProps3.uid,
78
80
  size = _this$asProps3.size,
79
81
  d3 = _this$asProps3.d3,
80
- data = _this$asProps3.data,
81
82
  duration = _this$asProps3.duration,
82
83
  x = _this$asProps3.x,
83
84
  y = _this$asProps3.y,
84
85
  transparent = _this$asProps3.transparent;
86
+ var data = this.asProps.data.filter(function (item) {
87
+ return item[y] !== interpolateValue;
88
+ });
85
89
  this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
86
90
  this.asProps.dataHintsHandler.establishDataType('time-series');
87
91
  return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLine, _ref.cn("SLine", {
@@ -1 +1 @@
1
- {"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","Component","sstyled","uniqueIDEnhancement","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref3","$rootProps","_ref3$curve","curve","scale","_ref4","_ref5","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\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, duration, transparent } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n duration,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, data } = this.asProps;\n return {\n d3,\n // TODO: vertical\n data: getNullData(data, definedNullData(x, y), y),\n color,\n };\n }\n\n render() {\n const SLine = this.Element;\n const { styles, hide, color, uid, size, d3, data, duration, x, y, transparent } = this.asProps;\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={color}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\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\nexport default createElement(LineRoot, {\n Dots,\n Null,\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","Component","sstyled","uniqueIDEnhancement","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","interpolateValue","Dots","ClipPath","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","filter","item","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref3","$rootProps","_ref3$curve","curve","scale","_ref4","_ref5","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n definedData,\n definedNullData,\n scaleOfBandwidth,\n getNullData,\n interpolateValue,\n} from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\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, duration, transparent } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n duration,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color } = 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 };\n }\n\n render() {\n const SLine = this.Element;\n const { styles, hide, color, uid, size, d3, duration, x, y, transparent } = 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 return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={color}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\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\nexport default createElement(LineRoot, {\n Dots,\n Null,\n});\n"],"mappings":"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"}
package/lib/es6/Plot.js CHANGED
@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
17
17
  import { PlotA11yModule } from './a11y/PlotA11yModule';
18
18
  import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
19
19
  /*__reshadow-styles__:"./style/plot.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1qegx_gg_{overflow:hidden}.___SPlot_1qegx_gg_:active,.___SPlot_1qegx_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1qegx_gg_.__keyboardFocused_1qegx_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__*/, "1qegx_gg_") /*__reshadow_css_end__*/, {
21
- "__SPlot": "___SPlot_1qegx_gg_",
22
- "_keyboardFocused": "__keyboardFocused_1qegx_gg_"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1uds9_gg_{overflow:hidden}.___SPlot_1uds9_gg_:active,.___SPlot_1uds9_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1uds9_gg_.__keyboardFocused_1uds9_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__*/, "1uds9_gg_") /*__reshadow_css_end__*/, {
21
+ "__SPlot": "___SPlot_1uds9_gg_",
22
+ "_keyboardFocused": "__keyboardFocused_1uds9_gg_"
23
23
  });
24
24
  var PlotRoot = /*#__PURE__*/function (_Component) {
25
25
  _inherits(PlotRoot, _Component);
package/lib/es6/Radar.js CHANGED
@@ -21,23 +21,23 @@ import createElement from './createElement';
21
21
  import { CONSTANT, eventToPoint, measureText } from './utils';
22
22
  import Tooltip from './Tooltip';
23
23
  /*__reshadow-styles__:"./style/radar.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_jdl47_gg_,.___SAxisTick_jdl47_gg_,.___SAxis_jdl47_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_jdl47_gg_,.___SAxisTick_jdl47_gg_{stroke-dasharray:2}.___SAxisLine_jdl47_gg_.__active_jdl47_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_jdl47_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_jdl47_gg_.__xDirection_jdl47_gg_{text-anchor:var(--xDirection_jdl47)}.___SAxisLabel_jdl47_gg_.__yDirection_jdl47_gg_{dominant-baseline:var(--yDirection_jdl47)}.___SPolygonDot_jdl47_gg_,.___SPolygon_jdl47_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_jdl47_gg_{opacity:.2}.___SPolygon_jdl47_gg_.__color_jdl47_gg_{fill:var(--color_jdl47)}.___SPolygonDot_jdl47_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_jdl47_gg_.__transparent_jdl47_gg_{opacity:.3}.___SPolygonDot_jdl47_gg_.__color_jdl47_gg_{fill:var(--color_jdl47)}.___SPolygonLine_jdl47_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_jdl47_gg_.__transparent_jdl47_gg_{opacity:.3}.___SPolygonLine_jdl47_gg_.__color_jdl47_gg_{stroke:var(--color_jdl47)}.___SPieRect_jdl47_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "jdl47_gg_") /*__reshadow_css_end__*/, {
25
- "__SAxis": "___SAxis_jdl47_gg_",
26
- "__SAxisLine": "___SAxisLine_jdl47_gg_",
27
- "__SAxisTick": "___SAxisTick_jdl47_gg_",
28
- "_active": "__active_jdl47_gg_",
29
- "__SAxisLabel": "___SAxisLabel_jdl47_gg_",
30
- "_xDirection": "__xDirection_jdl47_gg_",
31
- "--xDirection": "--xDirection_jdl47",
32
- "_yDirection": "__yDirection_jdl47_gg_",
33
- "--yDirection": "--yDirection_jdl47",
34
- "__SPolygon": "___SPolygon_jdl47_gg_",
35
- "_color": "__color_jdl47_gg_",
36
- "--color": "--color_jdl47",
37
- "__SPolygonDot": "___SPolygonDot_jdl47_gg_",
38
- "_transparent": "__transparent_jdl47_gg_",
39
- "__SPolygonLine": "___SPolygonLine_jdl47_gg_",
40
- "__SPieRect": "___SPieRect_jdl47_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_y5z2p_gg_,.___SAxisTick_y5z2p_gg_,.___SAxis_y5z2p_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_y5z2p_gg_,.___SAxisTick_y5z2p_gg_{stroke-dasharray:2}.___SAxisLine_y5z2p_gg_.__active_y5z2p_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_y5z2p_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_y5z2p_gg_.__xDirection_y5z2p_gg_{text-anchor:var(--xDirection_y5z2p)}.___SAxisLabel_y5z2p_gg_.__yDirection_y5z2p_gg_{dominant-baseline:var(--yDirection_y5z2p)}.___SPolygonDot_y5z2p_gg_,.___SPolygon_y5z2p_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_y5z2p_gg_{opacity:.2}.___SPolygon_y5z2p_gg_.__color_y5z2p_gg_{fill:var(--color_y5z2p)}.___SPolygonDot_y5z2p_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_y5z2p_gg_.__transparent_y5z2p_gg_{opacity:.3}.___SPolygonDot_y5z2p_gg_.__color_y5z2p_gg_{fill:var(--color_y5z2p)}.___SPolygonLine_y5z2p_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_y5z2p_gg_.__transparent_y5z2p_gg_{opacity:.3}.___SPolygonLine_y5z2p_gg_.__color_y5z2p_gg_{stroke:var(--color_y5z2p)}.___SPieRect_y5z2p_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "y5z2p_gg_") /*__reshadow_css_end__*/, {
25
+ "__SAxis": "___SAxis_y5z2p_gg_",
26
+ "__SAxisLine": "___SAxisLine_y5z2p_gg_",
27
+ "__SAxisTick": "___SAxisTick_y5z2p_gg_",
28
+ "_active": "__active_y5z2p_gg_",
29
+ "__SAxisLabel": "___SAxisLabel_y5z2p_gg_",
30
+ "_xDirection": "__xDirection_y5z2p_gg_",
31
+ "--xDirection": "--xDirection_y5z2p",
32
+ "_yDirection": "__yDirection_y5z2p_gg_",
33
+ "--yDirection": "--yDirection_y5z2p",
34
+ "__SPolygon": "___SPolygon_y5z2p_gg_",
35
+ "_color": "__color_y5z2p_gg_",
36
+ "--color": "--color_y5z2p",
37
+ "__SPolygonDot": "___SPolygonDot_y5z2p_gg_",
38
+ "_transparent": "__transparent_y5z2p_gg_",
39
+ "__SPolygonLine": "___SPolygonLine_y5z2p_gg_",
40
+ "__SPieRect": "___SPieRect_y5z2p_gg_"
41
41
  });
42
42
  var clampAngle = function clampAngle(angle) {
43
43
  angle = angle % (2 * Math.PI);
@@ -21,18 +21,18 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
21
21
  import createElement from './createElement';
22
22
  import { measureText } from './utils';
23
23
  /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1h4le_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1h4le_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1h4le_gg_.__color_1h4le_gg_{stroke:var(--color_1h4le)}.___SCap_1h4le_gg_.__transparent_1h4le_gg_,.___SIcon_1h4le_gg_.__transparent_1h4le_gg_,.___SLabel_1h4le_gg_.__transparent_1h4le_gg_,.___SLine_1h4le_gg_.__transparent_1h4le_gg_{opacity:.3}.___SCap_1h4le_gg_{transition:r .1s}.___SLabel_1h4le_gg_{fill:var(--color_1h4le);cursor:var(--text-cursor_1h4le)}@media (hover:hover){.___SRadian_1h4le_gg_:hover .___SLabel_1h4le_gg_{fill:var(--color-hovered_1h4le)}}@media (prefers-reduced-motion){.___SLineCap_1h4le_gg_{transition:none}}" /*__inner_css_end__*/, "1h4le_gg_") /*__reshadow_css_end__*/, {
25
- "__SRadian": "___SRadian_1h4le_gg_",
26
- "__SLine": "___SLine_1h4le_gg_",
27
- "_color": "__color_1h4le_gg_",
28
- "--color": "--color_1h4le",
29
- "_transparent": "__transparent_1h4le_gg_",
30
- "__SCap": "___SCap_1h4le_gg_",
31
- "__SIcon": "___SIcon_1h4le_gg_",
32
- "__SLabel": "___SLabel_1h4le_gg_",
33
- "--text-cursor": "--text-cursor_1h4le",
34
- "--color-hovered": "--color-hovered_1h4le",
35
- "__SLineCap": "___SLineCap_1h4le_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_os5xz_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_os5xz_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_os5xz_gg_.__color_os5xz_gg_{stroke:var(--color_os5xz)}.___SCap_os5xz_gg_.__transparent_os5xz_gg_,.___SIcon_os5xz_gg_.__transparent_os5xz_gg_,.___SLabel_os5xz_gg_.__transparent_os5xz_gg_,.___SLine_os5xz_gg_.__transparent_os5xz_gg_{opacity:.3}.___SCap_os5xz_gg_{transition:r .1s}.___SLabel_os5xz_gg_{fill:var(--color_os5xz);cursor:var(--text-cursor_os5xz)}@media (hover:hover){.___SRadian_os5xz_gg_:hover .___SLabel_os5xz_gg_{fill:var(--color-hovered_os5xz)}}@media (prefers-reduced-motion){.___SLineCap_os5xz_gg_{transition:none}}" /*__inner_css_end__*/, "os5xz_gg_") /*__reshadow_css_end__*/, {
25
+ "__SRadian": "___SRadian_os5xz_gg_",
26
+ "__SLine": "___SLine_os5xz_gg_",
27
+ "_color": "__color_os5xz_gg_",
28
+ "--color": "--color_os5xz",
29
+ "_transparent": "__transparent_os5xz_gg_",
30
+ "__SCap": "___SCap_os5xz_gg_",
31
+ "__SIcon": "___SIcon_os5xz_gg_",
32
+ "__SLabel": "___SLabel_os5xz_gg_",
33
+ "--text-cursor": "--text-cursor_os5xz",
34
+ "--color-hovered": "--color-hovered_os5xz",
35
+ "__SLineCap": "___SLineCap_os5xz_gg_"
36
36
  });
37
37
  var baseAngle = -Math.PI / 2; // The top vertical line
38
38
  var RadialTreeBase = /*#__PURE__*/function (_Component) {