@semcore/d3-chart 2.3.4 → 2.3.5
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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Area.js +13 -13
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +15 -15
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/Donut.js +13 -13
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +11 -11
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/GroupBar.js +1 -4
- package/lib/cjs/GroupBar.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +8 -8
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +10 -10
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +6 -6
- package/lib/cjs/Plot.js.map +1 -1
- package/lib/cjs/RadialTree.js +16 -16
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/ReferenceLine.js +10 -10
- package/lib/cjs/ResponsiveContainer.js.map +1 -1
- package/lib/cjs/ScatterPlot.js +11 -11
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/StackBar.js +0 -3
- package/lib/cjs/StackBar.js.map +1 -1
- package/lib/cjs/StackedArea.js +0 -3
- package/lib/cjs/StackedArea.js.map +1 -1
- package/lib/cjs/Tooltip.js +10 -10
- package/lib/cjs/Tooltip.js.map +1 -1
- package/lib/cjs/Venn.js +7 -7
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yModule.js +3 -3
- package/lib/cjs/a11y/PlotA11yView.js +4 -4
- package/lib/cjs/createElement.js +3 -3
- package/lib/cjs/createElement.js.map +1 -1
- package/lib/es6/Area.js +12 -12
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +15 -15
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/Donut.js +11 -11
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +11 -11
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/GroupBar.js +1 -4
- package/lib/es6/GroupBar.js.map +1 -1
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +6 -6
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +7 -7
- package/lib/es6/Plot.js.map +1 -1
- package/lib/es6/RadialTree.js +18 -19
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/ReferenceLine.js +10 -10
- package/lib/es6/ResponsiveContainer.js.map +1 -1
- package/lib/es6/ScatterPlot.js +11 -11
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/StackBar.js +0 -3
- package/lib/es6/StackBar.js.map +1 -1
- package/lib/es6/StackedArea.js +0 -3
- package/lib/es6/StackedArea.js.map +1 -1
- package/lib/es6/Tooltip.js +10 -10
- package/lib/es6/Tooltip.js.map +1 -1
- package/lib/es6/Venn.js +7 -7
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/a11y/PlotA11yModule.js +3 -3
- package/lib/es6/a11y/PlotA11yView.js +4 -4
- package/lib/es6/createElement.js +2 -2
- package/lib/es6/createElement.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/lib/cjs/Area.js
CHANGED
|
@@ -27,6 +27,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
27
27
|
|
|
28
28
|
var _d3Shape = require("d3-shape");
|
|
29
29
|
|
|
30
|
+
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
31
|
+
|
|
32
|
+
var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComponent"));
|
|
33
|
+
|
|
30
34
|
var _Dots = _interopRequireDefault(require("./Dots"));
|
|
31
35
|
|
|
32
36
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
@@ -35,10 +39,6 @@ var _utils = require("./utils");
|
|
|
35
39
|
|
|
36
40
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
37
41
|
|
|
38
|
-
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
39
|
-
|
|
40
|
-
var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComponent"));
|
|
41
|
-
|
|
42
42
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
43
43
|
|
|
44
44
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
@@ -48,18 +48,18 @@ var style = (
|
|
|
48
48
|
/*__reshadow_css_start__*/
|
|
49
49
|
_core.sstyled.insert(
|
|
50
50
|
/*__inner_css_start__*/
|
|
51
|
-
".
|
|
51
|
+
".___SArea_j39bq_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_j39bq_gg_.__color_j39bq_gg_{fill:var(--color_j39bq)}.___SAreaLine_j39bq_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_j39bq_gg_.__color_j39bq_gg_{stroke:var(--color_j39bq)}.___SArea_j39bq_gg_,.___SAreaLine_j39bq_gg_{transition-property:d;transition-duration:var(--duration_j39bq);transition-timing-function:ease-in-out}.___SNull_j39bq_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_j39bq_gg_.__hide_j39bq_gg_{display:none}"
|
|
52
52
|
/*__inner_css_end__*/
|
|
53
|
-
, "
|
|
53
|
+
, "j39bq_gg_")
|
|
54
54
|
/*__reshadow_css_end__*/
|
|
55
55
|
, {
|
|
56
|
-
"__SArea": "
|
|
57
|
-
"_color": "
|
|
58
|
-
"--color": "--
|
|
59
|
-
"__SAreaLine": "
|
|
60
|
-
"--duration": "--
|
|
61
|
-
"__SNull": "
|
|
62
|
-
"_hide": "
|
|
56
|
+
"__SArea": "___SArea_j39bq_gg_",
|
|
57
|
+
"_color": "__color_j39bq_gg_",
|
|
58
|
+
"--color": "--color_j39bq",
|
|
59
|
+
"__SAreaLine": "___SAreaLine_j39bq_gg_",
|
|
60
|
+
"--duration": "--duration_j39bq",
|
|
61
|
+
"__SNull": "___SNull_j39bq_gg_",
|
|
62
|
+
"_hide": "__hide_j39bq_gg_"
|
|
63
63
|
});
|
|
64
64
|
|
|
65
65
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Area.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["AreaRoot","asProps","x","y","color","data","d3Line","d3","getNullData","definedNullData","duration","uid","SArea","Element","SAreaLine","styles","hide","size","Children","advanceMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","y0","$rootProps","curve","curveLinear","scale","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","Null","SNull","createElement","Dots"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport
|
|
1
|
+
{"version":3,"file":"Area.js","names":["AreaRoot","asProps","x","y","color","data","d3Line","d3","getNullData","definedNullData","duration","uid","SArea","Element","SAreaLine","styles","hide","size","Children","advanceMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","y0","$rootProps","curve","curveLinear","scale","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","Null","SNull","createElement","Dots"],"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 } = this.asProps;\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\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 { styles, hide, d3, d3Line, data, color, uid, size, duration, x, y, Children } =\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 />\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 />\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 } = 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 />,\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/cjs/Axis.js
CHANGED
|
@@ -44,23 +44,23 @@ var style = (
|
|
|
44
44
|
/*__reshadow_css_start__*/
|
|
45
45
|
_core.sstyled.insert(
|
|
46
46
|
/*__inner_css_start__*/
|
|
47
|
-
".
|
|
47
|
+
".___SAxis_1potz_gg_{stroke:#c4c7cf}.___SAxis_1potz_gg_.__hide_1potz_gg_{display:none}.___STick_1potz_gg_{font-size:12px;fill:#6c6e79}.___STick_1potz_gg_.__hide_1potz_gg_{display:none}.___SGrid_1potz_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_1potz_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_1potz)}.___STitle_1potz_gg_._position_top_1potz_gg_{text-anchor:middle}.___STitle_1potz_gg_._position_bottom_1potz_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1potz_gg_._position_right_1potz_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1potz_gg_._position_left_1potz_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_1potz_gg_._position_top_1potz_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1potz_gg_._position_bottom_1potz_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1potz_gg_._position_right_1potz_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1potz_gg_._position_left_1potz_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1potz_gg_._position_custom_0_1potz_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1potz_gg_._position_custom_1_1potz_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
|
|
48
48
|
/*__inner_css_end__*/
|
|
49
|
-
, "
|
|
49
|
+
, "1potz_gg_")
|
|
50
50
|
/*__reshadow_css_end__*/
|
|
51
51
|
, {
|
|
52
|
-
"__SAxis": "
|
|
53
|
-
"_hide": "
|
|
54
|
-
"__STick": "
|
|
55
|
-
"__SGrid": "
|
|
56
|
-
"__STitle": "
|
|
57
|
-
"--transform-origin": "--transform-
|
|
58
|
-
"_position_top": "
|
|
59
|
-
"_position_bottom": "
|
|
60
|
-
"_position_right": "
|
|
61
|
-
"_position_left": "
|
|
62
|
-
"_position_custom_0": "
|
|
63
|
-
"_position_custom_1": "
|
|
52
|
+
"__SAxis": "___SAxis_1potz_gg_",
|
|
53
|
+
"_hide": "__hide_1potz_gg_",
|
|
54
|
+
"__STick": "___STick_1potz_gg_",
|
|
55
|
+
"__SGrid": "___SGrid_1potz_gg_",
|
|
56
|
+
"__STitle": "___STitle_1potz_gg_",
|
|
57
|
+
"--transform-origin": "--transform-origin_1potz",
|
|
58
|
+
"_position_top": "_position_top_1potz_gg_",
|
|
59
|
+
"_position_bottom": "_position_bottom_1potz_gg_",
|
|
60
|
+
"_position_right": "_position_right_1potz_gg_",
|
|
61
|
+
"_position_left": "_position_left_1potz_gg_",
|
|
62
|
+
"_position_custom_0": "_position_custom_0_1potz_gg_",
|
|
63
|
+
"_position_custom_1": "_position_custom_1_1potz_gg_"
|
|
64
64
|
});
|
|
65
65
|
var CUSTOM_0 = Symbol('custom_0');
|
|
66
66
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -44,17 +44,17 @@ var style = (
|
|
|
44
44
|
/*__reshadow_css_start__*/
|
|
45
45
|
_core.sstyled.insert(
|
|
46
46
|
/*__inner_css_start__*/
|
|
47
|
-
".
|
|
47
|
+
".___SBar_wj6ma_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_wj6ma);transition-timing-function:ease-in-out}.___SBar_wj6ma_gg_.__color_wj6ma_gg_{fill:var(--color_wj6ma)}.___SBar_wj6ma_gg_.__hide_wj6ma_gg_{display:none}.___SBackground_wj6ma_gg_{fill:#c4c7cf}"
|
|
48
48
|
/*__inner_css_end__*/
|
|
49
|
-
, "
|
|
49
|
+
, "wj6ma_gg_")
|
|
50
50
|
/*__reshadow_css_end__*/
|
|
51
51
|
, {
|
|
52
|
-
"__SBar": "
|
|
53
|
-
"--duration": "--
|
|
54
|
-
"_color": "
|
|
55
|
-
"--color": "--
|
|
56
|
-
"_hide": "
|
|
57
|
-
"__SBackground": "
|
|
52
|
+
"__SBar": "___SBar_wj6ma_gg_",
|
|
53
|
+
"--duration": "--duration_wj6ma",
|
|
54
|
+
"_color": "__color_wj6ma_gg_",
|
|
55
|
+
"--color": "--color_wj6ma",
|
|
56
|
+
"_hide": "__hide_wj6ma_gg_",
|
|
57
|
+
"__SBackground": "___SBackground_wj6ma_gg_"
|
|
58
58
|
});
|
|
59
59
|
|
|
60
60
|
var BarRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -29,19 +29,19 @@ var _core = require("@semcore/core");
|
|
|
29
29
|
|
|
30
30
|
var _react = _interopRequireDefault(require("react"));
|
|
31
31
|
|
|
32
|
-
var
|
|
32
|
+
var _d3Scale = require("d3-scale");
|
|
33
33
|
|
|
34
|
-
var
|
|
34
|
+
var _d3Transition = require("d3-transition");
|
|
35
35
|
|
|
36
|
-
var
|
|
36
|
+
var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
|
|
37
37
|
|
|
38
38
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
39
39
|
|
|
40
|
-
var
|
|
40
|
+
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
41
41
|
|
|
42
42
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
43
43
|
|
|
44
|
-
var
|
|
44
|
+
var _utils = require("./utils");
|
|
45
45
|
|
|
46
46
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47
47
|
|
|
@@ -56,19 +56,19 @@ var style = (
|
|
|
56
56
|
/*__reshadow_css_start__*/
|
|
57
57
|
_core.sstyled.insert(
|
|
58
58
|
/*__inner_css_start__*/
|
|
59
|
-
".
|
|
59
|
+
".___SBubble_1ana9_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1ana9);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_1ana9_gg_:hover{opacity:.8}.___SBubble_1ana9_gg_.__color_1ana9_gg_{fill:var(--color_1ana9)}.___SCenter_1ana9_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_1ana9_gg_.__color_1ana9_gg_{stroke:var(--color_1ana9)}.___SLabel_1ana9_gg_{fill:#2bb3ff}.___SLabel_1ana9_gg_._position_right_1ana9_gg_{text-anchor:end}.___SLabel_1ana9_gg_._position_left_1ana9_gg_{text-anchor:start}.___SLabel_1ana9_gg_.__color_1ana9_gg_{fill:var(--color_1ana9)}"
|
|
60
60
|
/*__inner_css_end__*/
|
|
61
|
-
, "
|
|
61
|
+
, "1ana9_gg_")
|
|
62
62
|
/*__reshadow_css_end__*/
|
|
63
63
|
, {
|
|
64
|
-
"__SBubble": "
|
|
65
|
-
"--duration": "--
|
|
66
|
-
"_color": "
|
|
67
|
-
"--color": "--
|
|
68
|
-
"__SCenter": "
|
|
69
|
-
"__SLabel": "
|
|
70
|
-
"_position_right": "
|
|
71
|
-
"_position_left": "
|
|
64
|
+
"__SBubble": "___SBubble_1ana9_gg_",
|
|
65
|
+
"--duration": "--duration_1ana9",
|
|
66
|
+
"_color": "__color_1ana9_gg_",
|
|
67
|
+
"--color": "--color_1ana9",
|
|
68
|
+
"__SCenter": "___SCenter_1ana9_gg_",
|
|
69
|
+
"__SLabel": "___SLabel_1ana9_gg_",
|
|
70
|
+
"_position_right": "_position_right_1ana9_gg_",
|
|
71
|
+
"_position_left": "_position_left_1ana9_gg_"
|
|
72
72
|
});
|
|
73
73
|
|
|
74
74
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Bubble.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","names":["BubbleRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","scaleSqrt","domain","Math","max","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","sstyled","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","Component","style","uniqueIDEnhancement","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT, measureText } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\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 =\n (visible, props) =>\n ({ 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, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (duration > 0 && selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind][value]);\n });\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 offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n >\n {markedCross && (\n <SCenter\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={d[color] ?? color}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\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={d[color]}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n />\n {d[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={d[color]}\n >\n {d[label]}\n </SLabel>\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 {data.map(this.animationCircle.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 Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["BubbleRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","scaleSqrt","domain","Math","max","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","sstyled","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","Component","style","uniqueIDEnhancement","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\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 =\n (visible, props) =>\n ({ 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, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (duration > 0 && selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind][value]);\n });\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 offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n >\n {markedCross && (\n <SCenter\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={d[color] ?? color}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\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={d[color]}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n />\n {d[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={d[color]}\n >\n {d[label]}\n </SLabel>\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 {data.map(this.animationCircle.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 Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -33,19 +33,19 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
33
33
|
|
|
34
34
|
var _d3Shape = require("d3-shape");
|
|
35
35
|
|
|
36
|
-
var
|
|
36
|
+
var _d3Interpolate = require("d3-interpolate");
|
|
37
37
|
|
|
38
|
-
var
|
|
38
|
+
var _d3Transition = require("d3-transition");
|
|
39
39
|
|
|
40
|
-
var
|
|
40
|
+
var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
|
|
41
41
|
|
|
42
|
-
var
|
|
42
|
+
var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
|
|
43
43
|
|
|
44
44
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
45
45
|
|
|
46
|
-
var
|
|
46
|
+
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
47
47
|
|
|
48
|
-
var
|
|
48
|
+
var _utils = require("./utils");
|
|
49
49
|
|
|
50
50
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler"];
|
|
51
51
|
|
|
@@ -66,16 +66,16 @@ var style = (
|
|
|
66
66
|
/*__reshadow_css_start__*/
|
|
67
67
|
_core.sstyled.insert(
|
|
68
68
|
/*__inner_css_start__*/
|
|
69
|
-
".
|
|
69
|
+
".___SPie_1weh6_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_1weh6_gg_.__color_1weh6_gg_{fill:var(--color_1weh6)}.___SEmptyData_1weh6_gg_{fill:#e0e1e9}.___SEmptyData_1weh6_gg_.__color_1weh6_gg_{fill:var(--color_1weh6)}.___SLabel_1weh6_gg_{text-anchor:middle;vertical-anchor:middle}"
|
|
70
70
|
/*__inner_css_end__*/
|
|
71
|
-
, "
|
|
71
|
+
, "1weh6_gg_")
|
|
72
72
|
/*__reshadow_css_end__*/
|
|
73
73
|
, {
|
|
74
|
-
"__SPie": "
|
|
75
|
-
"_color": "
|
|
76
|
-
"--color": "--
|
|
77
|
-
"__SEmptyData": "
|
|
78
|
-
"__SLabel": "
|
|
74
|
+
"__SPie": "___SPie_1weh6_gg_",
|
|
75
|
+
"_color": "__color_1weh6_gg_",
|
|
76
|
+
"--color": "--color_1weh6",
|
|
77
|
+
"__SEmptyData": "___SEmptyData_1weh6_gg_",
|
|
78
|
+
"__SLabel": "___SLabel_1weh6_gg_"
|
|
79
79
|
});
|
|
80
80
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
81
81
|
|
package/lib/cjs/Donut.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Donut.js","names":["DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","interpolate","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","transition","selection","select","attrTween","min","max","arc","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","canUseDOM","document","createElement","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","dataHintsHandler","establishDataType","Element","k","getArcs","Component","style","uniqueIDEnhancement","pie","value","SPie","styles","color","name","other","useState","isMount","setIsMount","useEffect","describeValueEntity","sstyled","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n return function (_, ind) {\n const d = arcs[ind];\n if (!d) return () => '';\n const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n return function (t) {\n d.startAngle = iStart(t);\n d.endAngle = iEnd(t);\n return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n };\n };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n return function (_, ind) {\n const d = arcs[ind];\n if (this._current) {\n const i = interpolate(this._current, d);\n this._current = i(0);\n return function (t) {\n return d3Arc(i(t));\n };\n } else {\n this._current = d;\n return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n }\n };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n if (duration > 0) {\n transition()\n .selection()\n .select(selector)\n .transition()\n .duration(duration)\n .attrTween('d', function () {\n if (!d) return () => '';\n const [min, max] = outerRadius;\n const i = interpolate(min, max);\n return function (t) {\n const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n return d3ArcOut(d);\n };\n });\n }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n const [width, height] = size;\n const minORmax = halfsize ? Math.max : Math.min;\n return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n static displayName = 'Donut';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({\n innerRadius = 0,\n outerRadius,\n halfsize = false,\n $rootProps: { size },\n }) => {\n const d3Arc = arc()\n .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n const d3ArcOut = arc()\n .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n let d3Pie = pie()\n .sort(null)\n .value(([, value]) => value);\n d3Pie[DEFAULT_INSTANCE] = true;\n\n if (halfsize) {\n d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n }\n return {\n d3Pie,\n d3Arc,\n d3ArcOut,\n duration: 500,\n };\n };\n\n get id() {\n const { uid, id } = this.asProps;\n return id || uid;\n }\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n activeIndexPie = undefined;\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n getArcs() {\n const { Children, data, d3Pie } = this.asProps;\n let pieData = Object.entries(data);\n\n if (d3Pie[DEFAULT_INSTANCE]) {\n const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n if (React.isValidElement(child) && child.type === Donut.Pie) {\n acc.push(child.props.dataKey);\n }\n return acc;\n }, []);\n pieData = Object.entries(data)\n .filter(([key]) => keys.includes(key))\n .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n }\n const minValue =\n pieData.reduce((acc, cur) => {\n if (cur[1]) acc += cur[1];\n return acc;\n }, 0) / 100;\n pieData = pieData.map((d) => {\n if (d[1] && d[1] < minValue) d[1] = minValue;\n return d;\n });\n return d3Pie(pieData);\n }\n\n bindHandlerTooltip =\n (visible, props) =>\n ({ 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, this.virtualElement);\n };\n\n animationActivePie = (props) => {\n let { duration, innerRadius } = this.asProps;\n const { active, data, selector } = props;\n innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n const outerRadius = getOuterRadius(this.asProps);\n active\n ? animationHoverPie({\n d: data,\n selector: `#${this.id} ${selector}`,\n duration: duration === 0 ? 0 : 300,\n innerRadius,\n outerRadius: [outerRadius, outerRadius + increaseFactor],\n })\n : animationHoverPie({\n d: data,\n selector: `#${this.id} ${selector}`,\n duration: duration === 0 ? 0 : 300,\n innerRadius,\n outerRadius: [outerRadius + increaseFactor, outerRadius],\n });\n };\n\n getPieProps(props, ind) {\n const { d3Arc, d3ArcOut } = this.asProps;\n const { active } = props;\n const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n if (active) {\n this.activeIndexPie = ind;\n }\n\n return {\n data,\n d3Arc,\n d3ArcOut,\n $animationActivePie: this.animationActivePie,\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n onMouseOver: (e) => {\n !active &&\n this.animationActivePie({\n active: true,\n data,\n selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n });\n },\n onMouseOut: (e) => {\n !active &&\n this.animationActivePie({\n active: false,\n data,\n selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n });\n },\n };\n }\n\n getEmptyDataProps() {\n const { d3Arc } = this.asProps;\n return {\n d3Arc,\n };\n }\n\n componentDidUpdate(prevProps) {\n const { data, duration, d3Arc, halfsize } = this.asProps;\n const arcs = this.arcs;\n if (prevProps.$rootProps.data !== data && duration > 0) {\n transition()\n .selection()\n .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n .transition()\n .duration(duration)\n .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n }\n }\n\n componentDidMount() {\n const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n const arcs = this.arcs;\n\n if (duration > 0) {\n transition()\n .selection()\n .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n .each(function (_, ind) {\n this._current = arcs[ind];\n })\n .transition()\n .duration(duration)\n .attrTween(\n 'd',\n animationInitialPie({\n halfsize,\n d3Arc,\n d3ArcOut,\n arcs,\n activeIndexPie: this.activeIndexPie,\n }),\n );\n }\n }\n\n render() {\n const { halfsize, size } = this.asProps;\n this.asProps.dataHintsHandler.establishDataType('values-set');\n const [width, height] = size;\n const Element = this.Element;\n const k = halfsize ? 1 : 2;\n this.arcs = this.getArcs();\n return (\n <Element\n aria-hidden\n id={this.id}\n render=\"g\"\n childrenPosition=\"inside\"\n transform={`translate(${width / 2},${height / k})`}\n />\n );\n }\n}\n\nfunction Pie({\n Element: SPie,\n styles,\n d3Arc,\n data,\n color,\n $animationActivePie,\n active,\n d3ArcOut,\n name,\n dataKey,\n dataHintsHandler,\n ...other\n}) {\n const [isMount, setIsMount] = useState(false);\n\n useEffect(() => {\n // do not run animation on first render\n if (!isMount) {\n setIsMount(true);\n return;\n }\n if (active !== undefined && active !== null) {\n $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n }\n }, [active]);\n\n dataHintsHandler.establishDataType('values-set');\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n return sstyled(styles)(\n <SPie render=\"path\" color={color} d={active ? d3ArcOut(data) : d3Arc(data)} />,\n );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n return sstyled(styles)(\n <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n );\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n dataHintsHandler.setTitle('vertical', children);\n\n return sstyled(styles)(\n <SLabel render=\"text\" x=\"0\" y=\"0\" aria-hidden>\n <Children />\n </SLabel>,\n );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Donut.js","names":["DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","interpolate","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","transition","selection","select","attrTween","min","max","arc","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","canUseDOM","document","createElement","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","dataHintsHandler","establishDataType","Element","k","getArcs","Component","style","uniqueIDEnhancement","pie","value","SPie","styles","color","name","other","useState","isMount","setIsMount","useEffect","describeValueEntity","sstyled","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n return function (_, ind) {\n const d = arcs[ind];\n if (!d) return () => '';\n const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n return function (t) {\n d.startAngle = iStart(t);\n d.endAngle = iEnd(t);\n return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n };\n };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n return function (_, ind) {\n const d = arcs[ind];\n if (this._current) {\n const i = interpolate(this._current, d);\n this._current = i(0);\n return function (t) {\n return d3Arc(i(t));\n };\n } else {\n this._current = d;\n return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n }\n };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n if (duration > 0) {\n transition()\n .selection()\n .select(selector)\n .transition()\n .duration(duration)\n .attrTween('d', function () {\n if (!d) return () => '';\n const [min, max] = outerRadius;\n const i = interpolate(min, max);\n return function (t) {\n const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n return d3ArcOut(d);\n };\n });\n }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n const [width, height] = size;\n const minORmax = halfsize ? Math.max : Math.min;\n return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n static displayName = 'Donut';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({\n innerRadius = 0,\n outerRadius,\n halfsize = false,\n $rootProps: { size },\n }) => {\n const d3Arc = arc()\n .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n const d3ArcOut = arc()\n .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n let d3Pie = pie()\n .sort(null)\n .value(([, value]) => value);\n d3Pie[DEFAULT_INSTANCE] = true;\n\n if (halfsize) {\n d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n }\n return {\n d3Pie,\n d3Arc,\n d3ArcOut,\n duration: 500,\n };\n };\n\n get id() {\n const { uid, id } = this.asProps;\n return id || uid;\n }\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n activeIndexPie = undefined;\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n getArcs() {\n const { Children, data, d3Pie } = this.asProps;\n let pieData = Object.entries(data);\n\n if (d3Pie[DEFAULT_INSTANCE]) {\n const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n if (React.isValidElement(child) && child.type === Donut.Pie) {\n acc.push(child.props.dataKey);\n }\n return acc;\n }, []);\n pieData = Object.entries(data)\n .filter(([key]) => keys.includes(key))\n .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n }\n const minValue =\n pieData.reduce((acc, cur) => {\n if (cur[1]) acc += cur[1];\n return acc;\n }, 0) / 100;\n pieData = pieData.map((d) => {\n if (d[1] && d[1] < minValue) d[1] = minValue;\n return d;\n });\n return d3Pie(pieData);\n }\n\n bindHandlerTooltip =\n (visible, props) =>\n ({ 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, this.virtualElement);\n };\n\n animationActivePie = (props) => {\n let { duration, innerRadius } = this.asProps;\n const { active, data, selector } = props;\n innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n const outerRadius = getOuterRadius(this.asProps);\n active\n ? animationHoverPie({\n d: data,\n selector: `#${this.id} ${selector}`,\n duration: duration === 0 ? 0 : 300,\n innerRadius,\n outerRadius: [outerRadius, outerRadius + increaseFactor],\n })\n : animationHoverPie({\n d: data,\n selector: `#${this.id} ${selector}`,\n duration: duration === 0 ? 0 : 300,\n innerRadius,\n outerRadius: [outerRadius + increaseFactor, outerRadius],\n });\n };\n\n getPieProps(props, ind) {\n const { d3Arc, d3ArcOut } = this.asProps;\n const { active } = props;\n const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n if (active) {\n this.activeIndexPie = ind;\n }\n\n return {\n data,\n d3Arc,\n d3ArcOut,\n $animationActivePie: this.animationActivePie,\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n onMouseOver: (e) => {\n !active &&\n this.animationActivePie({\n active: true,\n data,\n selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n });\n },\n onMouseOut: (e) => {\n !active &&\n this.animationActivePie({\n active: false,\n data,\n selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n });\n },\n };\n }\n\n getEmptyDataProps() {\n const { d3Arc } = this.asProps;\n return {\n d3Arc,\n };\n }\n\n componentDidUpdate(prevProps) {\n const { data, duration, d3Arc, halfsize } = this.asProps;\n const arcs = this.arcs;\n if (prevProps.$rootProps.data !== data && duration > 0) {\n transition()\n .selection()\n .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n .transition()\n .duration(duration)\n .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n }\n }\n\n componentDidMount() {\n const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n const arcs = this.arcs;\n\n if (duration > 0) {\n transition()\n .selection()\n .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n .each(function (_, ind) {\n this._current = arcs[ind];\n })\n .transition()\n .duration(duration)\n .attrTween(\n 'd',\n animationInitialPie({\n halfsize,\n d3Arc,\n d3ArcOut,\n arcs,\n activeIndexPie: this.activeIndexPie,\n }),\n );\n }\n }\n\n render() {\n const { halfsize, size } = this.asProps;\n this.asProps.dataHintsHandler.establishDataType('values-set');\n const [width, height] = size;\n const Element = this.Element;\n const k = halfsize ? 1 : 2;\n this.arcs = this.getArcs();\n return (\n <Element\n aria-hidden\n id={this.id}\n render=\"g\"\n childrenPosition=\"inside\"\n transform={`translate(${width / 2},${height / k})`}\n />\n );\n }\n}\n\nfunction Pie({\n Element: SPie,\n styles,\n d3Arc,\n data,\n color,\n $animationActivePie,\n active,\n d3ArcOut,\n name,\n dataKey,\n dataHintsHandler,\n ...other\n}) {\n const [isMount, setIsMount] = useState(false);\n\n useEffect(() => {\n // do not run animation on first render\n if (!isMount) {\n setIsMount(true);\n return;\n }\n if (active !== undefined && active !== null) {\n $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n }\n }, [active]);\n\n dataHintsHandler.establishDataType('values-set');\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n return sstyled(styles)(\n <SPie render=\"path\" color={color} d={active ? d3ArcOut(data) : d3Arc(data)} />,\n );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n return sstyled(styles)(\n <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n );\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n dataHintsHandler.setTitle('vertical', children);\n\n return sstyled(styles)(\n <SLabel render=\"text\" x=\"0\" y=\"0\" aria-hidden>\n <Children />\n </SLabel>,\n );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -17,11 +17,11 @@ var _d3Array = require("d3-array");
|
|
|
17
17
|
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"));
|
|
21
21
|
|
|
22
22
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _utils = require("./utils");
|
|
25
25
|
|
|
26
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
27
|
|
|
@@ -32,18 +32,18 @@ var style = (
|
|
|
32
32
|
/*__reshadow_css_start__*/
|
|
33
33
|
_core.sstyled.insert(
|
|
34
34
|
/*__inner_css_start__*/
|
|
35
|
-
".
|
|
35
|
+
".___SDots_18pu7_gg_ .___SDot_18pu7_gg_{transition-duration:var(--duration_18pu7)}.___SDot_18pu7_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_18pu7_gg_.__hide_18pu7_gg_{display:none}.___SDot_18pu7_gg_.__active_18pu7_gg_{r:8px}.___SDot_18pu7_gg_.__color_18pu7_gg_{fill:var(--color_18pu7)}"
|
|
36
36
|
/*__inner_css_end__*/
|
|
37
|
-
, "
|
|
37
|
+
, "18pu7_gg_")
|
|
38
38
|
/*__reshadow_css_end__*/
|
|
39
39
|
, {
|
|
40
|
-
"__SDots": "
|
|
41
|
-
"__SDot": "
|
|
42
|
-
"--duration": "--
|
|
43
|
-
"_hide": "
|
|
44
|
-
"_active": "
|
|
45
|
-
"_color": "
|
|
46
|
-
"--color": "--
|
|
40
|
+
"__SDots": "___SDots_18pu7_gg_",
|
|
41
|
+
"__SDot": "___SDot_18pu7_gg_",
|
|
42
|
+
"--duration": "--duration_18pu7",
|
|
43
|
+
"_hide": "__hide_18pu7_gg_",
|
|
44
|
+
"_active": "__active_18pu7_gg_",
|
|
45
|
+
"_color": "__color_18pu7_gg_",
|
|
46
|
+
"--color": "--color_18pu7"
|
|
47
47
|
});
|
|
48
48
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
49
49
|
|
package/lib/cjs/Dots.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dots.js","names":["EXCLUDE_PROPS","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","SDots","bisect","bisector","d","center","useState","activeIndex","setActiveIndex","handlerMouseMoveRoot","useCallback","trottle","e","xScale","eventToPoint","current","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","isPrev","defined","isNext","active","visible","push","sstyled","style","createElement"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport
|
|
1
|
+
{"version":3,"file":"Dots.js","names":["EXCLUDE_PROPS","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","SDots","bisect","bisector","d","center","useState","activeIndex","setActiveIndex","handlerMouseMoveRoot","useCallback","trottle","e","xScale","eventToPoint","current","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","isPrev","defined","isNext","active","visible","push","sstyled","style","createElement"],"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 } = 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 />,\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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"}
|
package/lib/cjs/GroupBar.js
CHANGED
|
@@ -31,8 +31,6 @@ var _Bar = _interopRequireDefault(require("./Bar"));
|
|
|
31
31
|
|
|
32
32
|
var _HorizontalBar = _interopRequireDefault(require("./HorizontalBar"));
|
|
33
33
|
|
|
34
|
-
var _barShadow = _interopRequireDefault(require("./style/bar.shadow.css"));
|
|
35
|
-
|
|
36
34
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
37
35
|
|
|
38
36
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
@@ -54,7 +52,7 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
54
52
|
Children = _this$asProps.Children,
|
|
55
53
|
scale = _this$asProps.scale,
|
|
56
54
|
scaleGroup = _this$asProps.scaleGroup,
|
|
57
|
-
x = _this$asProps.x; // TODO: love that hack (by lsroman)
|
|
55
|
+
x = _this$asProps.x; // TODO: love that hack (by lsroman) ❤️
|
|
58
56
|
|
|
59
57
|
var xyScale = x ? scale[0] : scale[1];
|
|
60
58
|
if (scaleGroup) return scaleGroup;
|
|
@@ -115,7 +113,6 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
115
113
|
}(_core.Component);
|
|
116
114
|
|
|
117
115
|
(0, _defineProperty2["default"])(GroupBarRoot, "displayName", 'GroupBar');
|
|
118
|
-
(0, _defineProperty2["default"])(GroupBarRoot, "style", _barShadow["default"]);
|
|
119
116
|
var GroupBar = (0, _createElement["default"])(GroupBarRoot, {
|
|
120
117
|
Bar: _Bar["default"],
|
|
121
118
|
HorizontalBar: _HorizontalBar["default"]
|