@semcore/d3-chart 2.13.12 → 2.13.13
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 +5 -5
- package/lib/cjs/Area.js +9 -9
- package/lib/cjs/Axis.js +13 -13
- package/lib/cjs/Bar.js +16 -13
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +7 -7
- package/lib/cjs/Dots.js +9 -9
- package/lib/cjs/HorizontalBar.js +24 -13
- package/lib/cjs/HorizontalBar.js.map +1 -1
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +8 -8
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +7 -7
- package/lib/cjs/StackBar.js +73 -23
- package/lib/cjs/StackBar.js.map +1 -1
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +7 -7
- package/lib/cjs/a11y/PlotA11yModule.js +3 -4
- package/lib/cjs/a11y/PlotA11yModule.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yView.js +3 -3
- package/lib/cjs/style/tooltip.shadow.css +0 -1
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Axis.js +13 -13
- package/lib/es6/Bar.js +14 -12
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +7 -7
- package/lib/es6/Dots.js +9 -9
- package/lib/es6/HorizontalBar.js +22 -12
- package/lib/es6/HorizontalBar.js.map +1 -1
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +8 -8
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +7 -7
- package/lib/es6/StackBar.js +72 -23
- package/lib/es6/StackBar.js.map +1 -1
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +7 -7
- package/lib/es6/a11y/PlotA11yModule.js +3 -4
- package/lib/es6/a11y/PlotA11yModule.js.map +1 -1
- package/lib/es6/a11y/PlotA11yView.js +3 -3
- package/lib/es6/style/tooltip.shadow.css +0 -1
- package/package.json +1 -1
package/lib/es6/Bar.js
CHANGED
|
@@ -13,15 +13,16 @@ import createElement from './createElement';
|
|
|
13
13
|
import ClipPath from './ClipPath';
|
|
14
14
|
import { getBandwidth, roundedPath } from './utils';
|
|
15
15
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SBar": "
|
|
18
|
-
"--duration": "--
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_hide": "
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SBackground": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_dq0je_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_dq0je);transition-timing-function:ease-in-out}.___SBar_dq0je_gg_.__color_dq0je_gg_{fill:var(--color_dq0je)}.___SBar_dq0je_gg_.__hide_dq0je_gg_{display:none}.___SBar_dq0je_gg_.__transparent_dq0je_gg_{opacity:.3}.___SBackground_dq0je_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "dq0je_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_dq0je_gg_",
|
|
18
|
+
"--duration": "--duration_dq0je",
|
|
19
|
+
"_color": "__color_dq0je_gg_",
|
|
20
|
+
"--color": "--color_dq0je",
|
|
21
|
+
"_hide": "__hide_dq0je_gg_",
|
|
22
|
+
"_transparent": "__transparent_dq0je_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_dq0je_gg_"
|
|
24
24
|
});
|
|
25
|
+
export var MIN_HEIGHT = 2;
|
|
25
26
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
|
26
27
|
// need for the correct rendering of negative values (bar should be under Y-axis)
|
|
27
28
|
if (y <= 0) {
|
|
@@ -82,7 +83,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
82
83
|
y0 = _this$asProps3.y0,
|
|
83
84
|
scale = _this$asProps3.scale,
|
|
84
85
|
hide = _this$asProps3.hide,
|
|
85
|
-
|
|
86
|
+
offsetProps = _this$asProps3.offset,
|
|
86
87
|
duration = _this$asProps3.duration,
|
|
87
88
|
uid = _this$asProps3.uid,
|
|
88
89
|
r = _this$asProps3.r,
|
|
@@ -91,17 +92,18 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
91
92
|
groupKey = _this$asProps3.groupKey,
|
|
92
93
|
onClick = _this$asProps3.onClick,
|
|
93
94
|
transparent = _this$asProps3.transparent;
|
|
95
|
+
var offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;
|
|
94
96
|
var _scale = _slicedToArray(scale, 2),
|
|
95
97
|
xScale = _scale[0],
|
|
96
98
|
yScale = _scale[1];
|
|
97
99
|
var absHeight = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0)));
|
|
98
100
|
var height = Number(d[y] - ((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)) === 0 ? 0 : Math.max(absHeight, hMin);
|
|
99
|
-
var
|
|
101
|
+
var width = widthProps || getBandwidth(xScale);
|
|
100
102
|
var barX = xScale(d[x]) + offset[0];
|
|
103
|
+
var barY = yScale(Math.max((_d$y3 = d[y0]) !== null && _d$y3 !== void 0 ? _d$y3 : 0, height <= hMin && d[y] > 0 ? 0 : d[y])) + offset[1] - calcPartBarY(d[y], hMin, height);
|
|
101
104
|
var handleClick = function handleClick(event) {
|
|
102
105
|
return onClick === null || onClick === void 0 ? void 0 : onClick(d, event);
|
|
103
106
|
};
|
|
104
|
-
var width = widthProps || getBandwidth(xScale);
|
|
105
107
|
var dSvg = getRect({
|
|
106
108
|
x: barX,
|
|
107
109
|
y: barY,
|
|
@@ -164,7 +166,7 @@ _defineProperty(BarRoot, "defaultProps", {
|
|
|
164
166
|
offset: [0, 0],
|
|
165
167
|
duration: 500,
|
|
166
168
|
r: 2,
|
|
167
|
-
hMin:
|
|
169
|
+
hMin: MIN_HEIGHT
|
|
168
170
|
});
|
|
169
171
|
function Background(props) {
|
|
170
172
|
var _ref2;
|
package/lib/es6/Bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","style","_sstyled","insert","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","y0","scale","hide","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_scale","_slicedToArray","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","barY","barX","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","cn","render","_this$asProps4","size","Fragment","map","bind","id","_defineProperty","Background","_ref2","SBackground","_scale2","yRange","range","bandwidth","_ref3"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: 2,\n };\n\n getBackgroundProps(props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n y,\n y0,\n scale,\n hide,\n offset,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const barX = xScale(d[x]) + offset[0];\n const handleClick = (event) => onClick?.(d, event);\n const width = widthProps || getBandwidth(xScale);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n key={`${uid}-animation`}\n id={uid}\n x=\"0\"\n y={size[1]}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xScale.bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","style","_sstyled","insert","MIN_HEIGHT","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_scale","_slicedToArray","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","cn","render","_this$asProps4","size","Fragment","map","bind","id","_defineProperty","Background","_ref2","SBackground","_scale2","yRange","range","bandwidth","_ref3"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: MIN_HEIGHT,\n };\n\n getBackgroundProps(props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n y,\n y0,\n scale,\n hide,\n offset: offsetProps,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n } = this.asProps;\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const width = widthProps || getBandwidth(xScale);\n const barX = xScale(d[x]) + offset[0];\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const handleClick = (event) => onClick?.(d, event);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n key={`${uid}-animation`}\n id={uid}\n x=\"0\"\n y={size[1]}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xScale.bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -18,16 +18,16 @@ import createElement from './createElement';
|
|
|
18
18
|
import ClipPath from './ClipPath';
|
|
19
19
|
import { CONSTANT, measureText } from './utils';
|
|
20
20
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SBubble": "
|
|
23
|
-
"--duration": "--
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SCenter": "
|
|
28
|
-
"__SLabel": "
|
|
29
|
-
"_position_right": "
|
|
30
|
-
"_position_left": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1248c_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1248c);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1248c_gg_:hover{opacity:.8}}.___SBubble_1248c_gg_.__color_1248c_gg_{fill:var(--color_1248c)}.___SBubble_1248c_gg_.__transparent_1248c_gg_{opacity:.3}.___SCenter_1248c_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1248c_gg_.__color_1248c_gg_{stroke:var(--color_1248c)}.___SCenter_1248c_gg_.__transparent_1248c_gg_{opacity:.3}.___SLabel_1248c_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1248c_gg_._position_right_1248c_gg_{text-anchor:end}.___SLabel_1248c_gg_._position_left_1248c_gg_{text-anchor:start}.___SLabel_1248c_gg_.__color_1248c_gg_{fill:var(--color_1248c)}.___SLabel_1248c_gg_.__transparent_1248c_gg_{opacity:.3}" /*__inner_css_end__*/, "1248c_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBubble": "___SBubble_1248c_gg_",
|
|
23
|
+
"--duration": "--duration_1248c",
|
|
24
|
+
"_color": "__color_1248c_gg_",
|
|
25
|
+
"--color": "--color_1248c",
|
|
26
|
+
"_transparent": "__transparent_1248c_gg_",
|
|
27
|
+
"__SCenter": "___SCenter_1248c_gg_",
|
|
28
|
+
"__SLabel": "___SLabel_1248c_gg_",
|
|
29
|
+
"_position_right": "_position_right_1248c_gg_",
|
|
30
|
+
"_position_left": "_position_left_1248c_gg_"
|
|
31
31
|
});
|
|
32
32
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
_inherits(BubbleRoot, _Component);
|
package/lib/es6/Donut.js
CHANGED
|
@@ -19,13 +19,13 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
|
19
19
|
import createElement from './createElement';
|
|
20
20
|
import { CONSTANT } from './utils';
|
|
21
21
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SPie": "
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SEmptyData": "
|
|
28
|
-
"__SLabel": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_1hih0_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1hih0_gg_.__color_1hih0_gg_{fill:var(--color_1hih0)}.___SPie_1hih0_gg_.__transparent_1hih0_gg_{opacity:.3}.___SEmptyData_1hih0_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1hih0_gg_.__color_1hih0_gg_{fill:var(--color_1hih0)}.___SLabel_1hih0_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "1hih0_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SPie": "___SPie_1hih0_gg_",
|
|
24
|
+
"_color": "__color_1hih0_gg_",
|
|
25
|
+
"--color": "--color_1hih0",
|
|
26
|
+
"_transparent": "__transparent_1hih0_gg_",
|
|
27
|
+
"__SEmptyData": "___SEmptyData_1hih0_gg_",
|
|
28
|
+
"__SLabel": "___SLabel_1hih0_gg_"
|
|
29
29
|
});
|
|
30
30
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
31
31
|
function transitionAnglePie(_ref4) {
|
package/lib/es6/Dots.js
CHANGED
|
@@ -7,15 +7,15 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
7
7
|
import createElement from './createElement';
|
|
8
8
|
import { eventToPoint, invert } from './utils';
|
|
9
9
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
10
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
11
|
-
"__SDots": "
|
|
12
|
-
"__SDot": "
|
|
13
|
-
"--duration": "--
|
|
14
|
-
"_hide": "
|
|
15
|
-
"_active": "
|
|
16
|
-
"_color": "
|
|
17
|
-
"--color": "--
|
|
18
|
-
"_transparent": "
|
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_dweu0_gg_ .___SDot_dweu0_gg_{transition-duration:var(--duration_dweu0)}.___SDot_dweu0_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_dweu0_gg_.__hide_dweu0_gg_{display:none}.___SDot_dweu0_gg_.__active_dweu0_gg_{r:8px}.___SDot_dweu0_gg_.__color_dweu0_gg_{fill:var(--color_dweu0)}.___SDot_dweu0_gg_.__transparent_dweu0_gg_{opacity:.3}" /*__inner_css_end__*/, "dweu0_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDots": "___SDots_dweu0_gg_",
|
|
12
|
+
"__SDot": "___SDot_dweu0_gg_",
|
|
13
|
+
"--duration": "--duration_dweu0",
|
|
14
|
+
"_hide": "__hide_dweu0_gg_",
|
|
15
|
+
"_active": "__active_dweu0_gg_",
|
|
16
|
+
"_color": "__color_dweu0_gg_",
|
|
17
|
+
"--color": "--color_dweu0",
|
|
18
|
+
"_transparent": "__transparent_dweu0_gg_"
|
|
19
19
|
});
|
|
20
20
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
21
21
|
function Dots(props) {
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -12,15 +12,24 @@ import createElement from './createElement';
|
|
|
12
12
|
import ClipPath from './ClipPath';
|
|
13
13
|
import { getBandwidth, roundedPath } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SBar": "
|
|
17
|
-
"--duration": "--
|
|
18
|
-
"_color": "
|
|
19
|
-
"--color": "--
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_transparent": "
|
|
22
|
-
"__SBackground": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_dq0je_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_dq0je);transition-timing-function:ease-in-out}.___SBar_dq0je_gg_.__color_dq0je_gg_{fill:var(--color_dq0je)}.___SBar_dq0je_gg_.__hide_dq0je_gg_{display:none}.___SBar_dq0je_gg_.__transparent_dq0je_gg_{opacity:.3}.___SBackground_dq0je_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "dq0je_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBar": "___SBar_dq0je_gg_",
|
|
17
|
+
"--duration": "--duration_dq0je",
|
|
18
|
+
"_color": "__color_dq0je_gg_",
|
|
19
|
+
"--color": "--color_dq0je",
|
|
20
|
+
"_hide": "__hide_dq0je_gg_",
|
|
21
|
+
"_transparent": "__transparent_dq0je_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_dq0je_gg_"
|
|
23
23
|
});
|
|
24
|
+
export var MIN_WIDTH = 2;
|
|
25
|
+
var calcPartBarX = function calcPartBarX(x, minWidth, width) {
|
|
26
|
+
// need for the correct rendering of negative values
|
|
27
|
+
if (x <= 0) {
|
|
28
|
+
return width <= minWidth ? minWidth : 0;
|
|
29
|
+
}
|
|
30
|
+
// need for the correct rendering of the minimum positive values
|
|
31
|
+
return Object.is(x, 0) ? minWidth : 0;
|
|
32
|
+
};
|
|
24
33
|
var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
|
25
34
|
_inherits(HorizontalBarRoot, _Component);
|
|
26
35
|
var _super = _createSuper(HorizontalBarRoot);
|
|
@@ -51,7 +60,7 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
51
60
|
y = _this$asProps2.y,
|
|
52
61
|
scale = _this$asProps2.scale,
|
|
53
62
|
hide = _this$asProps2.hide,
|
|
54
|
-
|
|
63
|
+
offsetProps = _this$asProps2.offset,
|
|
55
64
|
uid = _this$asProps2.uid,
|
|
56
65
|
duration = _this$asProps2.duration,
|
|
57
66
|
r = _this$asProps2.r,
|
|
@@ -61,14 +70,15 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
61
70
|
onMouseLeave = _this$asProps2.onMouseLeave,
|
|
62
71
|
groupKey = _this$asProps2.groupKey,
|
|
63
72
|
transparent = _this$asProps2.transparent;
|
|
73
|
+
var offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;
|
|
64
74
|
var _scale = _slicedToArray(scale, 2),
|
|
65
75
|
xScale = _scale[0],
|
|
66
76
|
yScale = _scale[1];
|
|
67
77
|
var absWidth = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale((_d$x = d[x0]) !== null && _d$x !== void 0 ? _d$x : 0)));
|
|
78
|
+
var height = heightProps || getBandwidth(yScale);
|
|
68
79
|
var width = Number(d[x] - ((_d$x2 = d[x0]) !== null && _d$x2 !== void 0 ? _d$x2 : 0)) === 0 ? 0 : Math.max(absWidth, wMin);
|
|
69
80
|
var barY = yScale(d[y]) + offset[1];
|
|
70
|
-
var barX = xScale(Math.min((_d$x3 = d[x0]) !== null && _d$x3 !== void 0 ? _d$x3 : 0, d[x])) + offset[0] - (
|
|
71
|
-
var height = heightProps || getBandwidth(yScale);
|
|
81
|
+
var barX = xScale(Math.min((_d$x3 = d[x0]) !== null && _d$x3 !== void 0 ? _d$x3 : 0, width <= wMin && d[x] < 0 ? 0 : d[x])) + offset[0] - calcPartBarX(d[x], wMin, width);
|
|
72
82
|
var dSvg = getHorizontalRect({
|
|
73
83
|
x: barX,
|
|
74
84
|
y: barY,
|
|
@@ -135,7 +145,7 @@ _defineProperty(HorizontalBarRoot, "defaultProps", {
|
|
|
135
145
|
offset: [0, 0],
|
|
136
146
|
duration: 500,
|
|
137
147
|
r: 2,
|
|
138
|
-
wMin:
|
|
148
|
+
wMin: MIN_WIDTH
|
|
139
149
|
});
|
|
140
150
|
function Background(props) {
|
|
141
151
|
var _ref2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalBar.js","names":["React","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","style","_sstyled","insert","HorizontalBarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","props","index","_this$asProps","asProps","data","y","renderBar","d","i","_ref","_d$x","_d$x2","_d$x3","SBar","Element","_this$asProps2","styles","color","x","x0","scale","hide","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","_scale","_slicedToArray","xScale","yScale","absWidth","Math","abs","max","domain","width","Number","barY","barX","min","Object","is","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","concat","cn","render","_this$asProps3","size","Fragment","map","bind","setAttributeTag","rect","setAttribute","id","transition","_defineProperty","Background","_ref2","SBackground","_scale2","xRange","range","bandwidth","_ref3"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n static displayName = 'HorizontalBar';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n wMin: 2,\n };\n\n getBackgroundProps(props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n };\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n x0,\n y,\n scale,\n hide,\n offset,\n uid,\n duration,\n r,\n wMin,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n transparent,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const absWidth = Math.abs(\n xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n );\n const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n const barY = yScale(d[y]) + offset[1];\n const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0] - (Object.is(d[x], -0) ? wMin : 0);\n const height = heightProps || getBandwidth(yScale);\n const dSvg = getHorizontalRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`horizontal-bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n transparent={transparent}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n use:duration={`${duration}ms`}\n onMouseMove={onMouseMove}\n onMouseLeave={onMouseLeave}\n />,\n );\n }\n\n render() {\n const { data, uid, size, duration } = this.asProps;\n\n return (\n <>\n {data.map(this.renderBar.bind(this))}\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 Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n const [xScale, yScale] = scale;\n const xRange = xScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xRange[1] - xRange[0]}\n height={yScale.bandwidth()}\n x={xRange[0]}\n y={yScale(value)}\n />,\n );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n if (width < radius) radius = width;\n if (radius) {\n if (position === 'right')\n return roundedPath(x, y, width, height, radius, false, true, false, true);\n return roundedPath(x, y, width, height, radius, true, false, true, false);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"HorizontalBar.js","names":["React","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","style","_sstyled","insert","MIN_WIDTH","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","props","index","_this$asProps","asProps","data","y","renderBar","d","i","_ref","_d$x","_d$x2","_d$x3","SBar","Element","_this$asProps2","styles","color","x0","scale","hide","offsetProps","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","_scale","_slicedToArray","xScale","yScale","absWidth","Math","abs","max","domain","Number","barY","barX","min","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","concat","cn","render","_this$asProps3","size","Fragment","map","bind","setAttributeTag","rect","setAttribute","id","transition","_defineProperty","Background","_ref2","SBackground","_scale2","xRange","range","bandwidth","_ref3"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n // need for the correct rendering of negative values\n if (x <= 0) {\n return width <= minWidth ? minWidth : 0;\n }\n // need for the correct rendering of the minimum positive values\n return Object.is(x, 0) ? minWidth : 0;\n};\n\nclass HorizontalBarRoot extends Component {\n static displayName = 'HorizontalBar';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n wMin: MIN_WIDTH,\n };\n\n getBackgroundProps(props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n };\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n x0,\n y,\n scale,\n hide,\n offset: offsetProps,\n uid,\n duration,\n r,\n wMin,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n transparent,\n } = this.asProps;\n\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absWidth = Math.abs(\n xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n );\n const height = heightProps || getBandwidth(yScale);\n const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n const barY = yScale(d[y]) + offset[1];\n const barX =\n xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n offset[0] -\n calcPartBarX(d[x], wMin, width);\n const dSvg = getHorizontalRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`horizontal-bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n transparent={transparent}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n use:duration={`${duration}ms`}\n onMouseMove={onMouseMove}\n onMouseLeave={onMouseLeave}\n />,\n );\n }\n\n render() {\n const { data, uid, size, duration } = this.asProps;\n\n return (\n <>\n {data.map(this.renderBar.bind(this))}\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 Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n const [xScale, yScale] = scale;\n const xRange = xScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xRange[1] - xRange[0]}\n height={yScale.bandwidth()}\n x={xRange[0]}\n y={yScale(value)}\n />,\n );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n if (width < radius) radius = width;\n if (radius) {\n if (position === 'right')\n return roundedPath(x, y, width, height, radius, false, true, false, true);\n return roundedPath(x, y, width, height, radius, true, false, true, false);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
|
package/lib/es6/Hover.js
CHANGED
|
@@ -13,9 +13,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
13
13
|
import createElement from './createElement';
|
|
14
14
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';
|
|
15
15
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SHoverLine": "
|
|
18
|
-
"__SHoverRect": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_x44kq_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_x44kq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "x44kq_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SHoverLine": "___SHoverLine_x44kq_gg_",
|
|
18
|
+
"__SHoverRect": "___SHoverRect_x44kq_gg_"
|
|
19
19
|
});
|
|
20
20
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
21
21
|
_inherits(Hover, _Component);
|
package/lib/es6/Line.js
CHANGED
|
@@ -14,14 +14,14 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './u
|
|
|
14
14
|
import Dots from './Dots';
|
|
15
15
|
import ClipPath from './ClipPath';
|
|
16
16
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SLine": "
|
|
19
|
-
"--duration": "--
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_hide": "
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SNull": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_7xvff_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_7xvff);transition-timing-function:ease-in-out}.___SLine_7xvff_gg_.__color_7xvff_gg_{stroke:var(--color_7xvff)}.___SLine_7xvff_gg_.__hide_7xvff_gg_{display:none}.___SLine_7xvff_gg_.__transparent_7xvff_gg_{opacity:.3}.___SNull_7xvff_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_7xvff_gg_.__hide_7xvff_gg_{display:none}" /*__inner_css_end__*/, "7xvff_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SLine": "___SLine_7xvff_gg_",
|
|
19
|
+
"--duration": "--duration_7xvff",
|
|
20
|
+
"_color": "__color_7xvff_gg_",
|
|
21
|
+
"--color": "--color_7xvff",
|
|
22
|
+
"_hide": "__hide_7xvff_gg_",
|
|
23
|
+
"_transparent": "__transparent_7xvff_gg_",
|
|
24
|
+
"__SNull": "___SNull_7xvff_gg_"
|
|
25
25
|
});
|
|
26
26
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
_inherits(LineRoot, _Component);
|
package/lib/es6/Plot.js
CHANGED
|
@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
|
|
|
17
17
|
import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
18
18
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
|
19
19
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SPlot": "
|
|
22
|
-
"_keyboardFocused": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_4vl9u_gg_{overflow:hidden}.___SPlot_4vl9u_gg_:active,.___SPlot_4vl9u_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_4vl9u_gg_.__keyboardFocused_4vl9u_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}" /*__inner_css_end__*/, "4vl9u_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SPlot": "___SPlot_4vl9u_gg_",
|
|
22
|
+
"_keyboardFocused": "__keyboardFocused_4vl9u_gg_"
|
|
23
23
|
});
|
|
24
24
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
25
25
|
_inherits(PlotRoot, _Component);
|
package/lib/es6/Radar.js
CHANGED
|
@@ -18,23 +18,23 @@ import { line, lineRadial, curveLinearClosed, arc } from 'd3-shape';
|
|
|
18
18
|
import createElement from './createElement';
|
|
19
19
|
import { CONSTANT, eventToPoint, measureText } from './utils';
|
|
20
20
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SAxis": "
|
|
23
|
-
"__SAxisLine": "
|
|
24
|
-
"__SAxisTick": "
|
|
25
|
-
"_active": "
|
|
26
|
-
"__SAxisLabel": "
|
|
27
|
-
"_xDirection": "
|
|
28
|
-
"--xDirection": "--
|
|
29
|
-
"_yDirection": "
|
|
30
|
-
"--yDirection": "--
|
|
31
|
-
"__SPolygon": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"__SPolygonDot": "
|
|
35
|
-
"_transparent": "
|
|
36
|
-
"__SPolygonLine": "
|
|
37
|
-
"__SPieRect": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_t0lrq_gg_,.___SAxisTick_t0lrq_gg_,.___SAxis_t0lrq_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_t0lrq_gg_,.___SAxisTick_t0lrq_gg_{stroke-dasharray:2}.___SAxisLine_t0lrq_gg_.__active_t0lrq_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_t0lrq_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_t0lrq_gg_.__xDirection_t0lrq_gg_{text-anchor:var(--xDirection_t0lrq)}.___SAxisLabel_t0lrq_gg_.__yDirection_t0lrq_gg_{dominant-baseline:var(--yDirection_t0lrq)}.___SPolygonDot_t0lrq_gg_,.___SPolygon_t0lrq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_t0lrq_gg_{opacity:.2}.___SPolygon_t0lrq_gg_.__color_t0lrq_gg_{fill:var(--color_t0lrq)}.___SPolygonDot_t0lrq_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_t0lrq_gg_.__transparent_t0lrq_gg_{opacity:.3}.___SPolygonDot_t0lrq_gg_.__color_t0lrq_gg_{fill:var(--color_t0lrq)}.___SPolygonLine_t0lrq_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_t0lrq_gg_.__transparent_t0lrq_gg_{opacity:.3}.___SPolygonLine_t0lrq_gg_.__color_t0lrq_gg_{stroke:var(--color_t0lrq)}.___SPieRect_t0lrq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "t0lrq_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SAxis": "___SAxis_t0lrq_gg_",
|
|
23
|
+
"__SAxisLine": "___SAxisLine_t0lrq_gg_",
|
|
24
|
+
"__SAxisTick": "___SAxisTick_t0lrq_gg_",
|
|
25
|
+
"_active": "__active_t0lrq_gg_",
|
|
26
|
+
"__SAxisLabel": "___SAxisLabel_t0lrq_gg_",
|
|
27
|
+
"_xDirection": "__xDirection_t0lrq_gg_",
|
|
28
|
+
"--xDirection": "--xDirection_t0lrq",
|
|
29
|
+
"_yDirection": "__yDirection_t0lrq_gg_",
|
|
30
|
+
"--yDirection": "--yDirection_t0lrq",
|
|
31
|
+
"__SPolygon": "___SPolygon_t0lrq_gg_",
|
|
32
|
+
"_color": "__color_t0lrq_gg_",
|
|
33
|
+
"--color": "--color_t0lrq",
|
|
34
|
+
"__SPolygonDot": "___SPolygonDot_t0lrq_gg_",
|
|
35
|
+
"_transparent": "__transparent_t0lrq_gg_",
|
|
36
|
+
"__SPolygonLine": "___SPolygonLine_t0lrq_gg_",
|
|
37
|
+
"__SPieRect": "___SPieRect_t0lrq_gg_"
|
|
38
38
|
});
|
|
39
39
|
var clampAngle = function clampAngle(angle) {
|
|
40
40
|
angle = angle % (2 * Math.PI);
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -21,18 +21,18 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
|
21
21
|
import createElement from './createElement';
|
|
22
22
|
import { measureText } from './utils';
|
|
23
23
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SRadian": "
|
|
26
|
-
"__SLine": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCap": "
|
|
31
|
-
"__SIcon": "
|
|
32
|
-
"__SLabel": "
|
|
33
|
-
"--text-cursor": "--text-
|
|
34
|
-
"--color-hovered": "--color-
|
|
35
|
-
"__SLineCap": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1oz15_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1oz15_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1oz15_gg_.__color_1oz15_gg_{stroke:var(--color_1oz15)}.___SCap_1oz15_gg_.__transparent_1oz15_gg_,.___SIcon_1oz15_gg_.__transparent_1oz15_gg_,.___SLabel_1oz15_gg_.__transparent_1oz15_gg_,.___SLine_1oz15_gg_.__transparent_1oz15_gg_{opacity:.3}.___SCap_1oz15_gg_{transition:r .1s}.___SLabel_1oz15_gg_{fill:var(--color_1oz15);cursor:var(--text-cursor_1oz15)}@media (hover:hover){.___SRadian_1oz15_gg_:hover .___SLabel_1oz15_gg_{fill:var(--color-hovered_1oz15)}}@media (prefers-reduced-motion){.___SLineCap_1oz15_gg_{transition:none}}" /*__inner_css_end__*/, "1oz15_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SRadian": "___SRadian_1oz15_gg_",
|
|
26
|
+
"__SLine": "___SLine_1oz15_gg_",
|
|
27
|
+
"_color": "__color_1oz15_gg_",
|
|
28
|
+
"--color": "--color_1oz15",
|
|
29
|
+
"_transparent": "__transparent_1oz15_gg_",
|
|
30
|
+
"__SCap": "___SCap_1oz15_gg_",
|
|
31
|
+
"__SIcon": "___SIcon_1oz15_gg_",
|
|
32
|
+
"__SLabel": "___SLabel_1oz15_gg_",
|
|
33
|
+
"--text-cursor": "--text-cursor_1oz15",
|
|
34
|
+
"--color-hovered": "--color-hovered_1oz15",
|
|
35
|
+
"__SLineCap": "___SLineCap_1oz15_gg_"
|
|
36
36
|
});
|
|
37
37
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
38
38
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
package/lib/es6/ReferenceLine.js
CHANGED
|
@@ -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__*/".
|
|
15
|
-
"__SReferenceLine": "
|
|
16
|
-
"__STitle": "
|
|
17
|
-
"--transform-origin": "--transform-
|
|
18
|
-
"_position_top": "
|
|
19
|
-
"_position_bottom": "
|
|
20
|
-
"_position_right": "
|
|
21
|
-
"_position_left": "
|
|
22
|
-
"__SBackground": "
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_11gfj_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_11gfj_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_11gfj)}.___STitle_11gfj_gg_._position_top_11gfj_gg_{text-anchor:middle}.___STitle_11gfj_gg_._position_bottom_11gfj_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_11gfj_gg_._position_left_11gfj_gg_,.___STitle_11gfj_gg_._position_right_11gfj_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_11gfj_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "11gfj_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SReferenceLine": "___SReferenceLine_11gfj_gg_",
|
|
16
|
+
"__STitle": "___STitle_11gfj_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_11gfj",
|
|
18
|
+
"_position_top": "_position_top_11gfj_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_11gfj_gg_",
|
|
20
|
+
"_position_right": "_position_right_11gfj_gg_",
|
|
21
|
+
"_position_left": "_position_left_11gfj_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_11gfj_gg_"
|
|
23
23
|
});
|
|
24
24
|
var side2direction = {
|
|
25
25
|
left: 'vertical',
|
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -16,13 +16,13 @@ import createElement from './createElement';
|
|
|
16
16
|
import { CONSTANT } from './utils';
|
|
17
17
|
import ClipPath from './ClipPath';
|
|
18
18
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SScatterPlot": "
|
|
21
|
-
"--duration": "--
|
|
22
|
-
"_color": "
|
|
23
|
-
"--color": "--
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SValue": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1a72t_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1a72t);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1a72t_gg_:hover{opacity:.8}}.___SScatterPlot_1a72t_gg_.__color_1a72t_gg_{fill:var(--color_1a72t)}.___SScatterPlot_1a72t_gg_.__transparent_1a72t_gg_{opacity:.3}.___SValue_1a72t_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1a72t_gg_.__color_1a72t_gg_{stroke:var(--color_1a72t)}.___SValue_1a72t_gg_.__transparent_1a72t_gg_{opacity:.3}" /*__inner_css_end__*/, "1a72t_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SScatterPlot": "___SScatterPlot_1a72t_gg_",
|
|
21
|
+
"--duration": "--duration_1a72t",
|
|
22
|
+
"_color": "__color_1a72t_gg_",
|
|
23
|
+
"--color": "--color_1a72t",
|
|
24
|
+
"_transparent": "__transparent_1a72t_gg_",
|
|
25
|
+
"__SValue": "___SValue_1a72t_gg_"
|
|
26
26
|
});
|
|
27
27
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
28
28
|
_inherits(ScatterPlotRoot, _Component);
|