@semcore/d3-chart 3.18.1 → 3.18.2

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 (177) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/README.md +1 -1
  3. package/lib/cjs/Area.js +9 -9
  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 +10 -10
  9. package/lib/cjs/HorizontalBar.js +8 -8
  10. package/lib/cjs/Hover.js +3 -3
  11. package/lib/cjs/Line.js +13 -11
  12. package/lib/cjs/Line.js.map +1 -1
  13. package/lib/cjs/Plot.js +3 -3
  14. package/lib/cjs/Radar.js +17 -17
  15. package/lib/cjs/RadialTree.js +10 -10
  16. package/lib/cjs/ReferenceLine.js +9 -9
  17. package/lib/cjs/ScatterPlot.js +8 -8
  18. package/lib/cjs/ScatterPlot.js.map +1 -1
  19. package/lib/cjs/Tooltip.js +8 -8
  20. package/lib/cjs/Venn.js +7 -7
  21. package/lib/cjs/a11y/PlotA11yModule.js +2 -2
  22. package/lib/cjs/a11y/PlotA11yView.js +2 -2
  23. package/lib/cjs/component/Chart/AbstractChart.js +420 -0
  24. package/lib/cjs/component/Chart/AbstractChart.js.map +1 -0
  25. package/lib/cjs/component/Chart/AbstractChart.type.js +2 -0
  26. package/lib/cjs/component/Chart/AbstractChart.type.js.map +1 -0
  27. package/lib/cjs/component/Chart/AreaChart.js +160 -0
  28. package/lib/cjs/component/Chart/AreaChart.js.map +1 -0
  29. package/lib/cjs/component/Chart/AreaChart.type.js +2 -0
  30. package/lib/cjs/component/Chart/AreaChart.type.js.map +1 -0
  31. package/lib/cjs/component/Chart/BarChart.js +253 -0
  32. package/lib/cjs/component/Chart/BarChart.js.map +1 -0
  33. package/lib/cjs/component/Chart/BarChart.type.js +2 -0
  34. package/lib/cjs/component/Chart/BarChart.type.js.map +1 -0
  35. package/lib/cjs/component/Chart/BubbleChart.js +145 -0
  36. package/lib/cjs/component/Chart/BubbleChart.js.map +1 -0
  37. package/lib/cjs/component/Chart/BubbleChart.type.js +2 -0
  38. package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -0
  39. package/lib/cjs/component/Chart/DonutChart.js +117 -0
  40. package/lib/cjs/component/Chart/DonutChart.js.map +1 -0
  41. package/lib/cjs/component/Chart/DonutChart.type.js +2 -0
  42. package/lib/cjs/component/Chart/DonutChart.type.js.map +1 -0
  43. package/lib/cjs/component/Chart/HistogramChart.js +189 -0
  44. package/lib/cjs/component/Chart/HistogramChart.js.map +1 -0
  45. package/lib/cjs/component/Chart/HistogramChart.type.js +2 -0
  46. package/lib/cjs/component/Chart/HistogramChart.type.js.map +1 -0
  47. package/lib/cjs/component/Chart/LineChart.js +147 -0
  48. package/lib/cjs/component/Chart/LineChart.js.map +1 -0
  49. package/lib/cjs/component/Chart/LineChart.type.js +2 -0
  50. package/lib/cjs/component/Chart/LineChart.type.js.map +1 -0
  51. package/lib/cjs/component/Chart/RadarChart.js +121 -0
  52. package/lib/cjs/component/Chart/RadarChart.js.map +1 -0
  53. package/lib/cjs/component/Chart/RadarChart.type.js +2 -0
  54. package/lib/cjs/component/Chart/RadarChart.type.js.map +1 -0
  55. package/lib/cjs/component/Chart/ScatterPlotChart.js +159 -0
  56. package/lib/cjs/component/Chart/ScatterPlotChart.js.map +1 -0
  57. package/lib/cjs/component/Chart/ScatterPlotChart.type.js +2 -0
  58. package/lib/cjs/component/Chart/ScatterPlotChart.type.js.map +1 -0
  59. package/lib/cjs/component/Chart/VennChart.js +144 -0
  60. package/lib/cjs/component/Chart/VennChart.js.map +1 -0
  61. package/lib/cjs/component/Chart/VennChart.type.js +2 -0
  62. package/lib/cjs/component/Chart/VennChart.type.js.map +1 -0
  63. package/lib/cjs/component/Chart/index.js +28 -0
  64. package/lib/cjs/component/Chart/index.js.map +1 -0
  65. package/lib/cjs/component/ChartLegend/BaseLegend.type.js.map +1 -1
  66. package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  67. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +20 -17
  68. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
  69. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -7
  70. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
  71. package/lib/cjs/component/ChartLegend/LegendTable/legend-table.shadow.css +5 -2
  72. package/lib/cjs/index.js +7 -0
  73. package/lib/cjs/index.js.map +1 -1
  74. package/lib/cjs/style/donut.shadow.css +3 -0
  75. package/lib/cjs/types/Line.d.js.map +1 -1
  76. package/lib/cjs/types/index.d.js +130 -1
  77. package/lib/cjs/types/index.d.js.map +1 -1
  78. package/lib/es6/Area.js +9 -9
  79. package/lib/es6/Axis.js +14 -14
  80. package/lib/es6/Bar.js +8 -8
  81. package/lib/es6/Bubble.js +10 -10
  82. package/lib/es6/Donut.js +7 -7
  83. package/lib/es6/Dots.js +10 -10
  84. package/lib/es6/HorizontalBar.js +8 -8
  85. package/lib/es6/Hover.js +3 -3
  86. package/lib/es6/Line.js +13 -11
  87. package/lib/es6/Line.js.map +1 -1
  88. package/lib/es6/Plot.js +3 -3
  89. package/lib/es6/Radar.js +17 -17
  90. package/lib/es6/RadialTree.js +10 -10
  91. package/lib/es6/ReferenceLine.js +9 -9
  92. package/lib/es6/ScatterPlot.js +8 -8
  93. package/lib/es6/ScatterPlot.js.map +1 -1
  94. package/lib/es6/Tooltip.js +8 -8
  95. package/lib/es6/Venn.js +7 -7
  96. package/lib/es6/a11y/PlotA11yModule.js +2 -2
  97. package/lib/es6/a11y/PlotA11yView.js +2 -2
  98. package/lib/es6/component/Chart/AbstractChart.js +412 -0
  99. package/lib/es6/component/Chart/AbstractChart.js.map +1 -0
  100. package/lib/es6/component/Chart/AbstractChart.type.js +2 -0
  101. package/lib/es6/component/Chart/AbstractChart.type.js.map +1 -0
  102. package/lib/es6/component/Chart/AreaChart.js +152 -0
  103. package/lib/es6/component/Chart/AreaChart.js.map +1 -0
  104. package/lib/es6/component/Chart/AreaChart.type.js +2 -0
  105. package/lib/es6/component/Chart/AreaChart.type.js.map +1 -0
  106. package/lib/es6/component/Chart/BarChart.js +245 -0
  107. package/lib/es6/component/Chart/BarChart.js.map +1 -0
  108. package/lib/es6/component/Chart/BarChart.type.js +2 -0
  109. package/lib/es6/component/Chart/BarChart.type.js.map +1 -0
  110. package/lib/es6/component/Chart/BubbleChart.js +137 -0
  111. package/lib/es6/component/Chart/BubbleChart.js.map +1 -0
  112. package/lib/es6/component/Chart/BubbleChart.type.js +2 -0
  113. package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -0
  114. package/lib/es6/component/Chart/DonutChart.js +109 -0
  115. package/lib/es6/component/Chart/DonutChart.js.map +1 -0
  116. package/lib/es6/component/Chart/DonutChart.type.js +2 -0
  117. package/lib/es6/component/Chart/DonutChart.type.js.map +1 -0
  118. package/lib/es6/component/Chart/HistogramChart.js +181 -0
  119. package/lib/es6/component/Chart/HistogramChart.js.map +1 -0
  120. package/lib/es6/component/Chart/HistogramChart.type.js +2 -0
  121. package/lib/es6/component/Chart/HistogramChart.type.js.map +1 -0
  122. package/lib/es6/component/Chart/LineChart.js +139 -0
  123. package/lib/es6/component/Chart/LineChart.js.map +1 -0
  124. package/lib/es6/component/Chart/LineChart.type.js +2 -0
  125. package/lib/es6/component/Chart/LineChart.type.js.map +1 -0
  126. package/lib/es6/component/Chart/RadarChart.js +113 -0
  127. package/lib/es6/component/Chart/RadarChart.js.map +1 -0
  128. package/lib/es6/component/Chart/RadarChart.type.js +2 -0
  129. package/lib/es6/component/Chart/RadarChart.type.js.map +1 -0
  130. package/lib/es6/component/Chart/ScatterPlotChart.js +151 -0
  131. package/lib/es6/component/Chart/ScatterPlotChart.js.map +1 -0
  132. package/lib/es6/component/Chart/ScatterPlotChart.type.js +2 -0
  133. package/lib/es6/component/Chart/ScatterPlotChart.type.js.map +1 -0
  134. package/lib/es6/component/Chart/VennChart.js +136 -0
  135. package/lib/es6/component/Chart/VennChart.js.map +1 -0
  136. package/lib/es6/component/Chart/VennChart.type.js +2 -0
  137. package/lib/es6/component/Chart/VennChart.type.js.map +1 -0
  138. package/lib/es6/component/Chart/index.js +21 -0
  139. package/lib/es6/component/Chart/index.js.map +1 -0
  140. package/lib/es6/component/ChartLegend/BaseLegend.type.js.map +1 -1
  141. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  142. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +20 -17
  143. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
  144. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -7
  145. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
  146. package/lib/es6/component/ChartLegend/LegendTable/legend-table.shadow.css +5 -2
  147. package/lib/es6/index.js +1 -0
  148. package/lib/es6/index.js.map +1 -1
  149. package/lib/es6/style/donut.shadow.css +3 -0
  150. package/lib/es6/types/Line.d.js.map +1 -1
  151. package/lib/es6/types/index.d.js +12 -0
  152. package/lib/es6/types/index.d.js.map +1 -1
  153. package/lib/types/Line.d.ts +7 -2
  154. package/lib/types/component/Chart/AbstractChart.d.ts +50 -0
  155. package/lib/types/component/Chart/AbstractChart.type.d.ts +161 -0
  156. package/lib/types/component/Chart/AreaChart.d.ts +2 -0
  157. package/lib/types/component/Chart/AreaChart.type.d.ts +16 -0
  158. package/lib/types/component/Chart/BarChart.d.ts +2 -0
  159. package/lib/types/component/Chart/BarChart.type.d.ts +19 -0
  160. package/lib/types/component/Chart/BubbleChart.d.ts +2 -0
  161. package/lib/types/component/Chart/BubbleChart.type.d.ts +17 -0
  162. package/lib/types/component/Chart/DonutChart.d.ts +2 -0
  163. package/lib/types/component/Chart/DonutChart.type.d.ts +15 -0
  164. package/lib/types/component/Chart/HistogramChart.d.ts +2 -0
  165. package/lib/types/component/Chart/HistogramChart.type.d.ts +11 -0
  166. package/lib/types/component/Chart/LineChart.d.ts +2 -0
  167. package/lib/types/component/Chart/LineChart.type.d.ts +24 -0
  168. package/lib/types/component/Chart/RadarChart.d.ts +2 -0
  169. package/lib/types/component/Chart/RadarChart.type.d.ts +14 -0
  170. package/lib/types/component/Chart/ScatterPlotChart.d.ts +2 -0
  171. package/lib/types/component/Chart/ScatterPlotChart.type.d.ts +13 -0
  172. package/lib/types/component/Chart/VennChart.d.ts +2 -0
  173. package/lib/types/component/Chart/VennChart.type.d.ts +11 -0
  174. package/lib/types/component/Chart/index.d.ts +12 -0
  175. package/lib/types/component/ChartLegend/BaseLegend.type.d.ts +2 -2
  176. package/lib/types/index.d.ts +13 -0
  177. package/package.json +2 -2
package/lib/es6/Radar.js CHANGED
@@ -21,23 +21,23 @@ import createElement from './createElement';
21
21
  import { CONSTANT, eventToPoint, getChartDefaultColorName, 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_69oj3_gg_,.___SAxisTick_69oj3_gg_,.___SAxis_69oj3_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_69oj3_gg_,.___SAxisTick_69oj3_gg_{stroke-dasharray:2}.___SAxisLine_69oj3_gg_.__active_69oj3_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_69oj3_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_69oj3_gg_.__xDirection_69oj3_gg_{text-anchor:var(--xDirection_69oj3)}.___SAxisLabel_69oj3_gg_.__yDirection_69oj3_gg_{dominant-baseline:var(--yDirection_69oj3)}.___SPolygonDot_69oj3_gg_,.___SPolygon_69oj3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_69oj3_gg_{opacity:.2}.___SPolygon_69oj3_gg_.__color_69oj3_gg_{fill:var(--color_69oj3)}.___SPolygonDot_69oj3_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_69oj3_gg_.__transparent_69oj3_gg_{opacity:.3}.___SPolygonDot_69oj3_gg_.__color_69oj3_gg_{fill:var(--color_69oj3)}.___SPolygonLine_69oj3_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_69oj3_gg_.__transparent_69oj3_gg_{opacity:.3}.___SPolygonLine_69oj3_gg_.__color_69oj3_gg_{stroke:var(--color_69oj3)}.___SPieRect_69oj3_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "69oj3_gg_") /*__reshadow_css_end__*/, {
25
- "__SAxis": "___SAxis_69oj3_gg_",
26
- "__SAxisLine": "___SAxisLine_69oj3_gg_",
27
- "__SAxisTick": "___SAxisTick_69oj3_gg_",
28
- "_active": "__active_69oj3_gg_",
29
- "__SAxisLabel": "___SAxisLabel_69oj3_gg_",
30
- "_xDirection": "__xDirection_69oj3_gg_",
31
- "--xDirection": "--xDirection_69oj3",
32
- "_yDirection": "__yDirection_69oj3_gg_",
33
- "--yDirection": "--yDirection_69oj3",
34
- "__SPolygon": "___SPolygon_69oj3_gg_",
35
- "_color": "__color_69oj3_gg_",
36
- "--color": "--color_69oj3",
37
- "__SPolygonDot": "___SPolygonDot_69oj3_gg_",
38
- "_transparent": "__transparent_69oj3_gg_",
39
- "__SPolygonLine": "___SPolygonLine_69oj3_gg_",
40
- "__SPieRect": "___SPieRect_69oj3_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_z3kjo_gg_,.___SAxisTick_z3kjo_gg_,.___SAxis_z3kjo_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_z3kjo_gg_,.___SAxisTick_z3kjo_gg_{stroke-dasharray:2}.___SAxisLine_z3kjo_gg_.__active_z3kjo_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_z3kjo_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_z3kjo_gg_.__xDirection_z3kjo_gg_{text-anchor:var(--xDirection_z3kjo)}.___SAxisLabel_z3kjo_gg_.__yDirection_z3kjo_gg_{dominant-baseline:var(--yDirection_z3kjo)}.___SPolygonDot_z3kjo_gg_,.___SPolygon_z3kjo_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_z3kjo_gg_{opacity:.2}.___SPolygon_z3kjo_gg_.__color_z3kjo_gg_{fill:var(--color_z3kjo)}.___SPolygonDot_z3kjo_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_z3kjo_gg_.__transparent_z3kjo_gg_{opacity:.3}.___SPolygonDot_z3kjo_gg_.__color_z3kjo_gg_{fill:var(--color_z3kjo)}.___SPolygonLine_z3kjo_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_z3kjo_gg_.__transparent_z3kjo_gg_{opacity:.3}.___SPolygonLine_z3kjo_gg_.__color_z3kjo_gg_{stroke:var(--color_z3kjo)}.___SPieRect_z3kjo_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "z3kjo_gg_") /*__reshadow_css_end__*/, {
25
+ "__SAxis": "___SAxis_z3kjo_gg_",
26
+ "__SAxisLine": "___SAxisLine_z3kjo_gg_",
27
+ "__SAxisTick": "___SAxisTick_z3kjo_gg_",
28
+ "_active": "__active_z3kjo_gg_",
29
+ "__SAxisLabel": "___SAxisLabel_z3kjo_gg_",
30
+ "_xDirection": "__xDirection_z3kjo_gg_",
31
+ "--xDirection": "--xDirection_z3kjo",
32
+ "_yDirection": "__yDirection_z3kjo_gg_",
33
+ "--yDirection": "--yDirection_z3kjo",
34
+ "__SPolygon": "___SPolygon_z3kjo_gg_",
35
+ "_color": "__color_z3kjo_gg_",
36
+ "--color": "--color_z3kjo",
37
+ "__SPolygonDot": "___SPolygonDot_z3kjo_gg_",
38
+ "_transparent": "__transparent_z3kjo_gg_",
39
+ "__SPolygonLine": "___SPolygonLine_z3kjo_gg_",
40
+ "__SPieRect": "___SPieRect_z3kjo_gg_"
41
41
  });
42
42
  var clampAngle = function clampAngle(angle) {
43
43
  angle = angle % (2 * Math.PI);
@@ -20,16 +20,16 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
20
20
  import createElement from './createElement';
21
21
  import { measureText } from './utils';
22
22
  /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_6ii27_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_6ii27_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_6ii27_gg_.__color_6ii27_gg_{stroke:var(--color_6ii27)}.___SCap_6ii27_gg_.__transparent_6ii27_gg_,.___SIcon_6ii27_gg_.__transparent_6ii27_gg_,.___SLabel_6ii27_gg_.__transparent_6ii27_gg_,.___SLine_6ii27_gg_.__transparent_6ii27_gg_{opacity:.3}.___SCap_6ii27_gg_{transition:r .1s}.___SLabel_6ii27_gg_{fill:var(--color_6ii27)}@media (hover:hover){.___SRadian_6ii27_gg_:hover .___SLabel_6ii27_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_6ii27_gg_{transition:none}}" /*__inner_css_end__*/, "6ii27_gg_") /*__reshadow_css_end__*/, {
24
- "__SRadian": "___SRadian_6ii27_gg_",
25
- "__SLine": "___SLine_6ii27_gg_",
26
- "_color": "__color_6ii27_gg_",
27
- "--color": "--color_6ii27",
28
- "_transparent": "__transparent_6ii27_gg_",
29
- "__SCap": "___SCap_6ii27_gg_",
30
- "__SIcon": "___SIcon_6ii27_gg_",
31
- "__SLabel": "___SLabel_6ii27_gg_",
32
- "__SLineCap": "___SLineCap_6ii27_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1jnqi_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1jnqi_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1jnqi_gg_.__color_1jnqi_gg_{stroke:var(--color_1jnqi)}.___SCap_1jnqi_gg_.__transparent_1jnqi_gg_,.___SIcon_1jnqi_gg_.__transparent_1jnqi_gg_,.___SLabel_1jnqi_gg_.__transparent_1jnqi_gg_,.___SLine_1jnqi_gg_.__transparent_1jnqi_gg_{opacity:.3}.___SCap_1jnqi_gg_{transition:r .1s}.___SLabel_1jnqi_gg_{fill:var(--color_1jnqi)}@media (hover:hover){.___SRadian_1jnqi_gg_:hover .___SLabel_1jnqi_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1jnqi_gg_{transition:none}}" /*__inner_css_end__*/, "1jnqi_gg_") /*__reshadow_css_end__*/, {
24
+ "__SRadian": "___SRadian_1jnqi_gg_",
25
+ "__SLine": "___SLine_1jnqi_gg_",
26
+ "_color": "__color_1jnqi_gg_",
27
+ "--color": "--color_1jnqi",
28
+ "_transparent": "__transparent_1jnqi_gg_",
29
+ "__SCap": "___SCap_1jnqi_gg_",
30
+ "__SIcon": "___SIcon_1jnqi_gg_",
31
+ "__SLabel": "___SLabel_1jnqi_gg_",
32
+ "__SLineCap": "___SLineCap_1jnqi_gg_"
33
33
  });
34
34
  var baseAngle = -Math.PI / 2; // The top vertical line
35
35
  var RadialTreeBase = /*#__PURE__*/function (_Component) {
@@ -11,15 +11,15 @@ import { Component, sstyled } from '@semcore/core';
11
11
  import createElement from './createElement';
12
12
  import { scaleOfBandwidth } from './utils';
13
13
  /*__reshadow-styles__:"./style/reference-line.shadow.css"*/
14
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1150k_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1150k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1150k)}.___STitle_1150k_gg_._position_top_1150k_gg_{text-anchor:middle}.___STitle_1150k_gg_._position_bottom_1150k_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1150k_gg_._position_left_1150k_gg_,.___STitle_1150k_gg_._position_right_1150k_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1150k_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1150k_gg_") /*__reshadow_css_end__*/, {
15
- "__SReferenceLine": "___SReferenceLine_1150k_gg_",
16
- "__STitle": "___STitle_1150k_gg_",
17
- "--transform-origin": "--transform-origin_1150k",
18
- "_position_top": "_position_top_1150k_gg_",
19
- "_position_bottom": "_position_bottom_1150k_gg_",
20
- "_position_right": "_position_right_1150k_gg_",
21
- "_position_left": "_position_left_1150k_gg_",
22
- "__SBackground": "___SBackground_1150k_gg_"
14
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1fq0j_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1fq0j_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1fq0j)}.___STitle_1fq0j_gg_._position_top_1fq0j_gg_{text-anchor:middle}.___STitle_1fq0j_gg_._position_bottom_1fq0j_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1fq0j_gg_._position_left_1fq0j_gg_,.___STitle_1fq0j_gg_._position_right_1fq0j_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1fq0j_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1fq0j_gg_") /*__reshadow_css_end__*/, {
15
+ "__SReferenceLine": "___SReferenceLine_1fq0j_gg_",
16
+ "__STitle": "___STitle_1fq0j_gg_",
17
+ "--transform-origin": "--transform-origin_1fq0j",
18
+ "_position_top": "_position_top_1fq0j_gg_",
19
+ "_position_bottom": "_position_bottom_1fq0j_gg_",
20
+ "_position_right": "_position_right_1fq0j_gg_",
21
+ "_position_left": "_position_left_1fq0j_gg_",
22
+ "__SBackground": "___SBackground_1fq0j_gg_"
23
23
  });
24
24
  var side2direction = {
25
25
  left: 'vertical',
@@ -18,13 +18,13 @@ import { CONSTANT } from './utils';
18
18
  import ClipPath from './ClipPath';
19
19
  import Tooltip from './Tooltip';
20
20
  /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_iaaer_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_iaaer);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_iaaer_gg_:hover{opacity:.8}}.___SScatterPlot_iaaer_gg_.__color_iaaer_gg_{fill:var(--color_iaaer)}.___SScatterPlot_iaaer_gg_.__transparent_iaaer_gg_{opacity:.3}.___SValue_iaaer_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_iaaer_gg_.__color_iaaer_gg_{stroke:var(--color_iaaer)}.___SValue_iaaer_gg_.__transparent_iaaer_gg_{opacity:.3}" /*__inner_css_end__*/, "iaaer_gg_") /*__reshadow_css_end__*/, {
22
- "__SScatterPlot": "___SScatterPlot_iaaer_gg_",
23
- "_color": "__color_iaaer_gg_",
24
- "--color": "--color_iaaer",
25
- "_transparent": "__transparent_iaaer_gg_",
26
- "__SValue": "___SValue_iaaer_gg_",
27
- "--duration": "--duration_iaaer"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_faefq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_faefq);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_faefq_gg_:hover{opacity:.8}}.___SScatterPlot_faefq_gg_.__color_faefq_gg_{fill:var(--color_faefq)}.___SScatterPlot_faefq_gg_.__transparent_faefq_gg_{opacity:.3}.___SValue_faefq_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_faefq_gg_.__color_faefq_gg_{stroke:var(--color_faefq)}.___SValue_faefq_gg_.__transparent_faefq_gg_{opacity:.3}" /*__inner_css_end__*/, "faefq_gg_") /*__reshadow_css_end__*/, {
22
+ "__SScatterPlot": "___SScatterPlot_faefq_gg_",
23
+ "_color": "__color_faefq_gg_",
24
+ "--color": "--color_faefq",
25
+ "_transparent": "__transparent_faefq_gg_",
26
+ "__SValue": "___SValue_faefq_gg_",
27
+ "--duration": "--duration_faefq"
28
28
  });
29
29
  var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
30
30
  _inherits(ScatterPlotRoot, _Component);
@@ -136,7 +136,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
136
136
  "r": r,
137
137
  "use:duration": "".concat(duration, "ms"),
138
138
  "transparent": transparent
139
- })), d[value] && /*#__PURE__*/React.createElement(SValue, _ref2.cn("SValue", {
139
+ })), d[value] !== undefined && /*#__PURE__*/React.createElement(SValue, _ref2.cn("SValue", {
140
140
  "aria-hidden": true,
141
141
  "x": xScale(d[x]) + offset[0],
142
142
  "y": yScale(d[y]) + offset[1],
@@ -1 +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] && (\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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"}
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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"}
@@ -21,14 +21,14 @@ import createElement from './createElement';
21
21
  import { CONSTANT, getChartDefaultColorName } from './utils';
22
22
  import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
23
23
  /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_bpynm_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_bpynm_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_bpynm_gg_{display:flex;align-items:center}.___SDot_bpynm_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_bpynm_gg_.__color_bpynm_gg_{background:var(--color_bpynm)}.___SFooter_bpynm_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__*/, "bpynm_gg_") /*__reshadow_css_end__*/, {
25
- "__STooltip": "___STooltip_bpynm_gg_",
26
- "__STitle": "___STitle_bpynm_gg_",
27
- "__SDotGroup": "___SDotGroup_bpynm_gg_",
28
- "__SDot": "___SDot_bpynm_gg_",
29
- "_color": "__color_bpynm_gg_",
30
- "--color": "--color_bpynm",
31
- "__SFooter": "___SFooter_bpynm_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_18snf_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_18snf_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_18snf_gg_{display:flex;align-items:center}.___SDot_18snf_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_18snf_gg_.__color_18snf_gg_{background:var(--color_18snf)}.___SFooter_18snf_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__*/, "18snf_gg_") /*__reshadow_css_end__*/, {
25
+ "__STooltip": "___STooltip_18snf_gg_",
26
+ "__STitle": "___STitle_18snf_gg_",
27
+ "__SDotGroup": "___SDotGroup_18snf_gg_",
28
+ "__SDot": "___SDot_18snf_gg_",
29
+ "_color": "__color_18snf_gg_",
30
+ "--color": "--color_18snf",
31
+ "__SFooter": "___SFooter_18snf_gg_"
32
32
  });
33
33
  /**
34
34
  * `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
package/lib/es6/Venn.js CHANGED
@@ -18,13 +18,13 @@ import createElement from './createElement';
18
18
  import { CONSTANT, getChartDefaultColorName } from './utils';
19
19
  import Tooltip from './Tooltip';
20
20
  /*__reshadow-styles__:"./style/venn.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_q8ox0_gg_,.___SIntersection_q8ox0_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_q8ox0_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_q8ox0);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_q8ox0_gg_:hover{fill-opacity:.7}}.___SCircle_q8ox0_gg_.__color_q8ox0_gg_{fill:var(--color_q8ox0)}.___SCircle_q8ox0_gg_.__transparent_q8ox0_gg_{opacity:.3}.___SIntersection_q8ox0_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_q8ox0_gg_:hover{fill-opacity:.1}}.___SIntersection_q8ox0_gg_.__transparent_q8ox0_gg_{opacity:.3}" /*__inner_css_end__*/, "q8ox0_gg_") /*__reshadow_css_end__*/, {
22
- "__SCircle": "___SCircle_q8ox0_gg_",
23
- "_color": "__color_q8ox0_gg_",
24
- "--color": "--color_q8ox0",
25
- "_transparent": "__transparent_q8ox0_gg_",
26
- "__SIntersection": "___SIntersection_q8ox0_gg_",
27
- "--duration": "--duration_q8ox0"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_3kcv5_gg_,.___SIntersection_3kcv5_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_3kcv5_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_3kcv5);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_3kcv5_gg_:hover{fill-opacity:.7}}.___SCircle_3kcv5_gg_.__color_3kcv5_gg_{fill:var(--color_3kcv5)}.___SCircle_3kcv5_gg_.__transparent_3kcv5_gg_{opacity:.3}.___SIntersection_3kcv5_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_3kcv5_gg_:hover{fill-opacity:.1}}.___SIntersection_3kcv5_gg_.__transparent_3kcv5_gg_{opacity:.3}" /*__inner_css_end__*/, "3kcv5_gg_") /*__reshadow_css_end__*/, {
22
+ "__SCircle": "___SCircle_3kcv5_gg_",
23
+ "_color": "__color_3kcv5_gg_",
24
+ "--color": "--color_3kcv5",
25
+ "_transparent": "__transparent_3kcv5_gg_",
26
+ "__SIntersection": "___SIntersection_3kcv5_gg_",
27
+ "--duration": "--duration_3kcv5"
28
28
  });
29
29
  var VennRoot = /*#__PURE__*/function (_Component) {
30
30
  _inherits(VennRoot, _Component);
@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
10
10
  import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
11
11
  import { Root, sstyled } from '@semcore/core';
12
12
  /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
13
- var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1d3dh_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1d3dh_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1d3dh_gg_") /*__reshadow_css_end__*/, {
14
- "__SPlotA11yModule": "___SPlotA11yModule_1d3dh_gg_"
13
+ var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_10rwx_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_10rwx_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "10rwx_gg_") /*__reshadow_css_end__*/, {
14
+ "__SPlotA11yModule": "___SPlotA11yModule_10rwx_gg_"
15
15
  });
16
16
  import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
17
17
  import { Box } from '@semcore/flex-box';
@@ -13,8 +13,8 @@ import { getIntl } from './intl';
13
13
  import { summarize } from './summarize';
14
14
  import { Root, sstyled } from '@semcore/core';
15
15
  /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
16
- var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1pv6v_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_1pv6v_gg_:focus,.___SPlotA11yView_1pv6v_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_1pv6v_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1pv6v_gg_ table,.___SPlotA11yView_1pv6v_gg_ td,.___SPlotA11yView_1pv6v_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1pv6v_gg_") /*__reshadow_css_end__*/, {
17
- "__SPlotA11yView": "___SPlotA11yView_1pv6v_gg_"
16
+ var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_16p08_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_16p08_gg_:focus,.___SPlotA11yView_16p08_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_16p08_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_16p08_gg_ table,.___SPlotA11yView_16p08_gg_ td,.___SPlotA11yView_16p08_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "16p08_gg_") /*__reshadow_css_end__*/, {
17
+ "__SPlotA11yView": "___SPlotA11yView_16p08_gg_"
18
18
  });
19
19
  import { Box } from '@semcore/flex-box';
20
20
  import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';