@semcore/d3-chart 3.0.0-beta.1 → 3.0.1
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 +9 -1
- package/lib/cjs/Area.js +9 -9
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +33 -25
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/Donut.js +105 -89
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +9 -9
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +9 -7
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +8 -8
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +22 -21
- package/lib/cjs/Radar.js.map +1 -1
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ResponsiveContainer.js +8 -3
- package/lib/cjs/ResponsiveContainer.js.map +1 -1
- package/lib/cjs/ScatterPlot.js +29 -21
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/Tooltip.js +24 -13
- package/lib/cjs/Tooltip.js.map +1 -1
- package/lib/cjs/Venn.js +56 -35
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +3 -3
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +35 -26
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/Donut.js +107 -90
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +9 -9
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +9 -7
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +8 -8
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +22 -21
- package/lib/es6/Radar.js.map +1 -1
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ResponsiveContainer.js +8 -3
- package/lib/es6/ResponsiveContainer.js.map +1 -1
- package/lib/es6/ScatterPlot.js +31 -22
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/Tooltip.js +24 -13
- package/lib/es6/Tooltip.js.map +1 -1
- package/lib/es6/Venn.js +58 -36
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +3 -3
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_rafTrottle","_fire","_getOriginChildren","ResponsiveContainerRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","trottle","entries","_this$asProps","asProps","Children","aspect","$container","_this$$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","fire","getOriginChildren","forceUpdate","observer","ResizeObserver","handleResize","_createClass2","key","get","containerRef","current","value","setContext","_this$size","_slicedToArray2","componentDidMount","observe","componentWillUnmount","disconnect","render","_ref","_ref2","SResponsiveContainer","Box","styles","sstyled","createElement","cn","_objectSpread2","assignProps","Component","ResponsiveContainer","createComponent","_default","exports"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n static displayName = 'ResponsiveContainer';\n\n containerRef = React.createRef();\n size = [0, 0];\n\n constructor(props) {\n super(props);\n this.observer = new ResizeObserver(this.handleResize);\n }\n\n get $container() {\n return this.containerRef.current;\n }\n\n handleResize = trottle((entries) => {\n const { Children, aspect } = this.asProps;\n\n if (!this.$container) return;\n\n let { clientWidth: width, clientHeight: height } = this.$container;\n\n if (aspect) {\n const style = window.getComputedStyle(this.$container);\n const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n height = width * aspect;\n\n if (height < minHeight) {\n height = minHeight;\n }\n if (height > maxHeight) {\n height = maxHeight;\n }\n }\n\n if (this.size[0] === width && this.size[1] === height) return;\n\n this.size = [width, height];\n\n fire(this, 'onResize', this.size, entries);\n\n if (typeof getOriginChildren(Children) === 'function') {\n this.forceUpdate();\n }\n });\n\n setContext() {\n const [width, height] = this.size;\n return {\n width,\n height,\n };\n }\n\n componentDidMount() {\n if (this.$container) {\n // TODO: may be we can increase perfomance here? (by lsroman)\n this.observer
|
|
1
|
+
{"version":3,"file":"ResponsiveContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_rafTrottle","_fire","_getOriginChildren","_canUseDOM","ResponsiveContainerRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","trottle","entries","_this$asProps","asProps","Children","aspect","$container","_this$$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","fire","getOriginChildren","forceUpdate","canUseDOM","observer","ResizeObserver","handleResize","_createClass2","key","get","containerRef","current","value","setContext","_this$size","_slicedToArray2","componentDidMount","_this$observer","observe","componentWillUnmount","_this$observer2","disconnect","render","_ref","_ref2","SResponsiveContainer","Box","styles","sstyled","createElement","cn","_objectSpread2","assignProps","Component","ResponsiveContainer","createComponent","_default","exports"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nclass ResponsiveContainerRoot extends Component {\n static displayName = 'ResponsiveContainer';\n\n containerRef = React.createRef();\n size = [0, 0];\n\n constructor(props) {\n super(props);\n if (canUseDOM()) {\n this.observer = new ResizeObserver(this.handleResize);\n }\n }\n\n get $container() {\n return this.containerRef.current;\n }\n\n handleResize = trottle((entries) => {\n const { Children, aspect } = this.asProps;\n\n if (!this.$container) return;\n\n let { clientWidth: width, clientHeight: height } = this.$container;\n\n if (aspect) {\n const style = window.getComputedStyle(this.$container);\n const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n height = width * aspect;\n\n if (height < minHeight) {\n height = minHeight;\n }\n if (height > maxHeight) {\n height = maxHeight;\n }\n }\n\n if (this.size[0] === width && this.size[1] === height) return;\n\n this.size = [width, height];\n\n fire(this, 'onResize', this.size, entries);\n\n if (typeof getOriginChildren(Children) === 'function') {\n this.forceUpdate();\n }\n });\n\n setContext() {\n const [width, height] = this.size;\n return {\n width,\n height,\n };\n }\n\n componentDidMount() {\n if (this.$container) {\n // TODO: may be we can increase perfomance here? (by lsroman)\n this.observer?.observe(this.$container);\n }\n }\n\n // TODO component did update ref?\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n render() {\n const SResponsiveContainer = Root;\n const { styles } = this.asProps;\n return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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"}
|
package/lib/cjs/ScatterPlot.js
CHANGED
|
@@ -23,13 +23,13 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
24
24
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
25
25
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SScatterPlot": "
|
|
28
|
-
"--duration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SValue": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1scr4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1scr4);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1scr4_gg_:hover{opacity:.8}}.___SScatterPlot_1scr4_gg_.__color_1scr4_gg_{fill:var(--color_1scr4)}.___SScatterPlot_1scr4_gg_.__transparent_1scr4_gg_{opacity:.3}.___SValue_1scr4_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1scr4_gg_.__color_1scr4_gg_{stroke:var(--color_1scr4)}.___SValue_1scr4_gg_.__transparent_1scr4_gg_{opacity:.3}" /*__inner_css_end__*/, "1scr4_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SScatterPlot": "___SScatterPlot_1scr4_gg_",
|
|
28
|
+
"--duration": "--duration_1scr4",
|
|
29
|
+
"_color": "__color_1scr4_gg_",
|
|
30
|
+
"--color": "--color_1scr4",
|
|
31
|
+
"_transparent": "__transparent_1scr4_gg_",
|
|
32
|
+
"__SValue": "___SValue_1scr4_gg_"
|
|
33
33
|
});
|
|
34
34
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(ScatterPlotRoot, _Component);
|
|
@@ -42,14 +42,14 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
42
42
|
}
|
|
43
43
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
44
44
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
|
|
45
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
|
|
46
|
-
return function (
|
|
47
|
-
var x =
|
|
48
|
-
y =
|
|
45
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
|
|
46
|
+
return function (_ref4) {
|
|
47
|
+
var x = _ref4.clientX,
|
|
48
|
+
y = _ref4.clientY;
|
|
49
49
|
var eventEmitter = _this.asProps.eventEmitter;
|
|
50
50
|
_this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
|
|
51
51
|
_this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
|
|
52
|
-
eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
|
|
52
|
+
eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, _this.virtualElement);
|
|
53
53
|
};
|
|
54
54
|
});
|
|
55
55
|
return _this;
|
|
@@ -98,7 +98,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
98
98
|
}, {
|
|
99
99
|
key: "renderCircle",
|
|
100
100
|
value: function renderCircle(d, i) {
|
|
101
|
-
var
|
|
101
|
+
var _ref2;
|
|
102
102
|
var _this$asProps2 = this.asProps,
|
|
103
103
|
color = _this$asProps2.color,
|
|
104
104
|
scale = _this$asProps2.scale,
|
|
@@ -117,18 +117,18 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
117
117
|
yScale = _scale[1];
|
|
118
118
|
var SScatterPlot = this.Element;
|
|
119
119
|
var SValue = 'text';
|
|
120
|
-
return
|
|
120
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref2.cn("g", {
|
|
121
121
|
"aria-hidden": true,
|
|
122
122
|
"key": "circle(#".concat(i, ")"),
|
|
123
|
-
"onMouseMove": this.bindHandlerTooltip(true,
|
|
123
|
+
"onMouseMove": this.bindHandlerTooltip(true, this.props, {
|
|
124
124
|
xIndex: i,
|
|
125
125
|
index: i
|
|
126
|
-
})
|
|
127
|
-
"onMouseLeave": this.bindHandlerTooltip(false,
|
|
126
|
+
}),
|
|
127
|
+
"onMouseLeave": this.bindHandlerTooltip(false, this.props, {
|
|
128
128
|
xIndex: i,
|
|
129
129
|
index: i
|
|
130
|
-
})
|
|
131
|
-
}), /*#__PURE__*/_react["default"].createElement(SScatterPlot,
|
|
130
|
+
})
|
|
131
|
+
}), /*#__PURE__*/_react["default"].createElement(SScatterPlot, _ref2.cn("SScatterPlot", {
|
|
132
132
|
"aria-hidden": true,
|
|
133
133
|
"id": "".concat(uid).concat(i),
|
|
134
134
|
"index": i,
|
|
@@ -140,7 +140,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
140
140
|
"r": r,
|
|
141
141
|
"use:duration": "".concat(duration, "ms"),
|
|
142
142
|
"transparent": transparent
|
|
143
|
-
})), d[value] && /*#__PURE__*/_react["default"].createElement(SValue,
|
|
143
|
+
})), d[value] && /*#__PURE__*/_react["default"].createElement(SValue, _ref2.cn("SValue", {
|
|
144
144
|
"aria-hidden": true,
|
|
145
145
|
"x": xScale(d[x]) + offset[0],
|
|
146
146
|
"y": yScale(d[y]) + offset[1],
|
|
@@ -188,8 +188,16 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
188
188
|
offset: [0, 0],
|
|
189
189
|
duration: 500
|
|
190
190
|
});
|
|
191
|
+
var ScatterPlotTooltip = function ScatterPlotTooltip(props) {
|
|
192
|
+
var _ref = arguments[0],
|
|
193
|
+
_ref3;
|
|
194
|
+
var SScatterPlotTooltip = _Tooltip["default"];
|
|
195
|
+
return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SScatterPlotTooltip, _ref3.cn("SScatterPlotTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
196
|
+
"excludeAnchorProps": true
|
|
197
|
+
}, _ref))));
|
|
198
|
+
};
|
|
191
199
|
var ScatterPlot = (0, _createElement["default"])(ScatterPlotRoot, {
|
|
192
|
-
Tooltip: _Tooltip["default"]
|
|
200
|
+
Tooltip: [ScatterPlotTooltip, _Tooltip["default"]._______childrenComponents]
|
|
193
201
|
});
|
|
194
202
|
var _default = ScatterPlot;
|
|
195
203
|
exports["default"] = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_canUseDOM","_uniqueID","_createElement","_utils","_ClipPath","_Tooltip","style","sstyled","insert","ScatterPlotRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","_ref2","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","transition","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref","_this$asProps2","color","scale","offset","styles","valueColor","transparent","_scale","_slicedToArray2","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","_objectSpread2","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","Component","uniqueIDEnhancement","ScatterPlot","Tooltip","_default","exports"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\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 { CONSTANT } from './utils';\nimport ClipPath from './ClipPath';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n static displayName = 'ScatterPlot';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props) => ({ 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, r, value } = this.asProps;\n const radius = r ? r : value ? 12 : 5.5;\n const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode) {\n selectRect.transition().duration(duration).attr('r', radius);\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const { color, scale, x, y, r, offset, styles, uid, duration, value, valueColor, transparent } =\n this.asProps;\n const [xScale, yScale] = scale;\n const SScatterPlot = this.Element;\n const SValue = 'text';\n\n return sstyled(styles)(\n <g\n aria-hidden\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i, index: i })}\n onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i, index: i })}\n >\n <SScatterPlot\n aria-hidden\n id={`${uid}${i}`}\n index={i}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={color}\n r={r}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {d[value] && (\n <SValue\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={valueColor}\n transparent={transparent}\n >\n {d[value]}\n </SValue>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n <ClipPath\n aria-hidden\n id={uid}\n x={xMargin}\n y={yMargin}\n width={`${xSize}px`}\n height={`${ySize}px`}\n />\n </>\n );\n }\n}\n\nconst ScatterPlot = createElement(ScatterPlotRoot, { Tooltip });\n\nexport default ScatterPlot;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_canUseDOM","_uniqueID","_createElement","_utils","_ClipPath","_Tooltip","style","sstyled","insert","ScatterPlotRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","transition","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","_scale","_slicedToArray2","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","Component","uniqueIDEnhancement","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","Tooltip","_objectSpread2","assignProps","ScatterPlot","_______childrenComponents","_default","exports"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport ClipPath from './ClipPath';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n static displayName = 'ScatterPlot';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, r, value } = this.asProps;\n const radius = r ? r : value ? 12 : 5.5;\n const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode) {\n selectRect.transition().duration(duration).attr('r', radius);\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const { color, scale, x, y, r, offset, styles, uid, duration, value, valueColor, transparent } =\n this.asProps;\n const [xScale, yScale] = scale;\n const SScatterPlot = this.Element;\n const SValue = 'text';\n\n return sstyled(styles)(\n <g\n aria-hidden\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i })}\n onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n >\n <SScatterPlot\n aria-hidden\n id={`${uid}${i}`}\n index={i}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={color}\n r={r}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {d[value] && (\n <SValue\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={valueColor}\n transparent={transparent}\n >\n {d[value]}\n </SValue>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n <ClipPath\n aria-hidden\n id={uid}\n x={xMargin}\n y={yMargin}\n width={`${xSize}px`}\n height={`${ySize}px`}\n />\n </>\n );\n }\n}\n\nconst ScatterPlotTooltip = (props) => {\n const SScatterPlotTooltip = Root;\n return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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"}
|
package/lib/cjs/Tooltip.js
CHANGED
|
@@ -24,14 +24,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
24
24
|
var _utils = require("./utils");
|
|
25
25
|
var _excluded = ["Children", "children", "tag"];
|
|
26
26
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__STooltip": "
|
|
29
|
-
"__STitle": "
|
|
30
|
-
"__SDotGroup": "
|
|
31
|
-
"__SDot": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"__SFooter": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_1cwc6_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1cwc6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1cwc6_gg_{display:flex;align-items:center}.___SDot_1cwc6_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1cwc6_gg_.__color_1cwc6_gg_{background:var(--color_1cwc6)}.___SFooter_1cwc6_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1cwc6_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__STooltip": "___STooltip_1cwc6_gg_",
|
|
29
|
+
"__STitle": "___STitle_1cwc6_gg_",
|
|
30
|
+
"__SDotGroup": "___SDotGroup_1cwc6_gg_",
|
|
31
|
+
"__SDot": "___SDot_1cwc6_gg_",
|
|
32
|
+
"_color": "__color_1cwc6_gg_",
|
|
33
|
+
"--color": "--color_1cwc6",
|
|
34
|
+
"__SFooter": "___SFooter_1cwc6_gg_"
|
|
35
35
|
});
|
|
36
36
|
var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
37
37
|
(0, _inherits2["default"])(TooltipRoot, _Component);
|
|
@@ -44,7 +44,9 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
|
44
44
|
}
|
|
45
45
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
46
46
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
47
|
-
$visible: false
|
|
47
|
+
$visible: false,
|
|
48
|
+
anchorProps: {},
|
|
49
|
+
tooltipProps: {}
|
|
48
50
|
});
|
|
49
51
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerCancel", function () {
|
|
50
52
|
return false;
|
|
@@ -66,7 +68,14 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
|
66
68
|
}, {
|
|
67
69
|
key: "getPopperProps",
|
|
68
70
|
value: function getPopperProps() {
|
|
69
|
-
|
|
71
|
+
if (this.asProps.excludeAnchorProps) {
|
|
72
|
+
return (0, _objectSpread2["default"])({
|
|
73
|
+
$visible: this.state.$visible
|
|
74
|
+
}, this.state.tooltipProps);
|
|
75
|
+
}
|
|
76
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
77
|
+
$visible: this.state.$visible
|
|
78
|
+
}, this.state.anchorProps), this.state.tooltipProps);
|
|
70
79
|
}
|
|
71
80
|
}, {
|
|
72
81
|
key: "componentDidMount",
|
|
@@ -75,10 +84,12 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
|
75
84
|
var _this$asProps2 = this.asProps,
|
|
76
85
|
eventEmitter = _this$asProps2.eventEmitter,
|
|
77
86
|
rootRef = _this$asProps2.rootRef;
|
|
78
|
-
this.unsubscribeTooltipVisible = eventEmitter.subscribe('onTooltipVisible', function (visible,
|
|
79
|
-
_this2.setState(
|
|
87
|
+
this.unsubscribeTooltipVisible = eventEmitter.subscribe('onTooltipVisible', function (visible, anchorProps, tooltipProps, node) {
|
|
88
|
+
_this2.setState({
|
|
89
|
+
anchorProps: anchorProps,
|
|
90
|
+
tooltipProps: tooltipProps,
|
|
80
91
|
$visible: visible
|
|
81
|
-
}
|
|
92
|
+
}, function () {
|
|
82
93
|
if (node && (node[_utils.CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {
|
|
83
94
|
var _this2$popper$current;
|
|
84
95
|
_this2 === null || _this2 === void 0 ? void 0 : _this2.setPopperTrigger(node);
|
package/lib/cjs/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["_core","require","_react","_interopRequireWildcard","_popper","_interopRequireDefault","_flexBox","_findComponent","_color","_createElement","_utils","_excluded","style","sstyled","insert","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","$visible","_createClass2","key","value","getTriggerProps","_this$asProps","asProps","x","y","getPopperProps","_objectSpread2","state","componentDidMount","_this2","_this$asProps2","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","_this2$popper$current","setPopperTrigger","popper","update","componentWillUnmount","render","_ref","_this3","_this$asProps3","Children","children","tag","other","_objectWithoutProperties2","advanceMode","findComponent","Tooltip","Trigger","displayName","Popper","createElement","assignProps","handlerCancel","allowedAutoPlacements","_ref9","_this3$popper$current","setTrigger","Fragment","Component","PopperPopper","props","_ref5","STooltip","Element","styles","useCallback","cn","Title","_ref2","arguments[0]","_ref6","STitle","Box","Dot","_ref3","_ref7","color","SDotGroup","SDot","resolveColor","Footer","_ref4","_ref8","SFooter","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n\n static style = style;\n\n state = {\n $visible: false,\n };\n\n handlerCancel = () => false;\n\n getTriggerProps() {\n // TODO: как то убрать\n const { x, y } = this.asProps;\n return { x, y };\n }\n\n getPopperProps() {\n return {\n ...this.state,\n };\n }\n\n componentDidMount() {\n const { eventEmitter, rootRef } = this.asProps;\n this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n 'onTooltipVisible',\n (visible, data, node) => {\n this.setState(\n {\n ...data,\n $visible: visible,\n },\n () => {\n if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n this?.setPopperTrigger(node);\n this.popper.current?.update();\n }\n },\n );\n },\n );\n }\n\n componentWillUnmount() {\n if (this.unsubscribeTooltipVisible) {\n this.unsubscribeTooltipVisible();\n }\n }\n\n render() {\n const { Children, children, tag, ...other } = this.asProps;\n\n const advanceMode = !!findComponent(Children, [\n Tooltip.Trigger.displayName,\n Tooltip.Popper.displayName,\n ]);\n return (\n <Root\n render={Popper}\n visible={this.state.$visible}\n onFirstUpdate={this.handlerCancel}\n onOutsideClick={this.handlerCancel}\n interaction='none'\n offset={8}\n flip={{ allowedAutoPlacements: ['left', 'right'] }}\n >\n {({ popper, setTrigger }) => {\n this.setPopperTrigger = setTrigger;\n this.popper = popper;\n this.popper.current?.update();\n return advanceMode ? (\n <Children />\n ) : (\n <>\n {tag && <Tooltip.Trigger tag={tag} />}\n <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n </>\n );\n }}\n </Root>\n );\n }\n}\n\nfunction PopperPopper(props) {\n const { Element: STooltip, styles, $visible, x, y } = props;\n\n const handlerCancel = useCallback(() => false, []);\n\n if (!$visible) return null;\n\n return sstyled(styles)(\n <STooltip\n render={Popper.Popper}\n childrenPosition='inside'\n onMouseMove={handlerCancel}\n x={x}\n y={y}\n />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n const { styles, color, Children } = props;\n const SDotGroup = Root;\n const SDot = Box;\n return sstyled(styles)(\n <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n <SDot color={resolveColor(color)} />\n <Children />\n </SDotGroup>,\n );\n}\n\nfunction Footer(props) {\n const { styles } = props;\n const SFooter = Root;\n return sstyled(styles)(<SFooter render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n Trigger: Popper.Trigger,\n Popper: PopperPopper,\n Title,\n Footer,\n Dot,\n});\n\nexport default Tooltip;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["_core","require","_react","_interopRequireWildcard","_popper","_interopRequireDefault","_flexBox","_findComponent","_color","_createElement","_utils","_excluded","style","sstyled","insert","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","$visible","anchorProps","tooltipProps","_createClass2","key","value","getTriggerProps","_this$asProps","asProps","x","y","getPopperProps","excludeAnchorProps","_objectSpread2","state","componentDidMount","_this2","_this$asProps2","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","_this2$popper$current","setPopperTrigger","popper","update","componentWillUnmount","render","_ref","_this3","_this$asProps3","Children","children","tag","other","_objectWithoutProperties2","advanceMode","findComponent","Tooltip","Trigger","displayName","Popper","createElement","assignProps","handlerCancel","allowedAutoPlacements","_ref9","_this3$popper$current","setTrigger","Fragment","Component","PopperPopper","props","_ref5","STooltip","Element","styles","useCallback","cn","Title","_ref2","arguments[0]","_ref6","STitle","Box","Dot","_ref3","_ref7","color","SDotGroup","SDot","resolveColor","Footer","_ref4","_ref8","SFooter","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n\n static style = style;\n\n state = {\n $visible: false,\n anchorProps: {},\n tooltipProps: {},\n };\n\n handlerCancel = () => false;\n\n getTriggerProps() {\n // TODO: как то убрать\n const { x, y } = this.asProps;\n return { x, y };\n }\n\n getPopperProps() {\n if (this.asProps.excludeAnchorProps) {\n return {\n $visible: this.state.$visible,\n ...this.state.tooltipProps,\n };\n }\n\n return {\n $visible: this.state.$visible,\n ...this.state.anchorProps,\n ...this.state.tooltipProps,\n };\n }\n\n componentDidMount() {\n const { eventEmitter, rootRef } = this.asProps;\n this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n 'onTooltipVisible',\n (visible, anchorProps, tooltipProps, node) => {\n this.setState(\n {\n anchorProps,\n tooltipProps,\n $visible: visible,\n },\n () => {\n if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n this?.setPopperTrigger(node);\n this.popper.current?.update();\n }\n },\n );\n },\n );\n }\n\n componentWillUnmount() {\n if (this.unsubscribeTooltipVisible) {\n this.unsubscribeTooltipVisible();\n }\n }\n\n render() {\n const { Children, children, tag, ...other } = this.asProps;\n\n const advanceMode = !!findComponent(Children, [\n Tooltip.Trigger.displayName,\n Tooltip.Popper.displayName,\n ]);\n return (\n <Root\n render={Popper}\n visible={this.state.$visible}\n onFirstUpdate={this.handlerCancel}\n onOutsideClick={this.handlerCancel}\n interaction='none'\n offset={8}\n flip={{ allowedAutoPlacements: ['left', 'right'] }}\n >\n {({ popper, setTrigger }) => {\n this.setPopperTrigger = setTrigger;\n this.popper = popper;\n this.popper.current?.update();\n return advanceMode ? (\n <Children />\n ) : (\n <>\n {tag && <Tooltip.Trigger tag={tag} />}\n <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n </>\n );\n }}\n </Root>\n );\n }\n}\n\nfunction PopperPopper(props) {\n const { Element: STooltip, styles, $visible, x, y } = props;\n\n const handlerCancel = useCallback(() => false, []);\n\n if (!$visible) return null;\n\n return sstyled(styles)(\n <STooltip\n render={Popper.Popper}\n childrenPosition='inside'\n onMouseMove={handlerCancel}\n x={x}\n y={y}\n />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n const { styles, color, Children } = props;\n const SDotGroup = Root;\n const SDot = Box;\n return sstyled(styles)(\n <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n <SDot color={resolveColor(color)} />\n <Children />\n </SDotGroup>,\n );\n}\n\nfunction Footer(props) {\n const { styles } = props;\n const SFooter = Root;\n return sstyled(styles)(<SFooter render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n Trigger: Popper.Trigger,\n Popper: PopperPopper,\n Title,\n Footer,\n Dot,\n});\n\nexport default Tooltip;\n"],"mappings":"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"}
|
package/lib/cjs/Venn.js
CHANGED
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
8
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
@@ -22,13 +23,13 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
22
23
|
var _utils = require("./utils");
|
|
23
24
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
24
25
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SCircle": "
|
|
27
|
-
"--duration": "--
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"__SIntersection": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_d0aor_gg_,.___SIntersection_d0aor_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_d0aor_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_d0aor);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_d0aor_gg_:hover{fill-opacity:.7}}.___SCircle_d0aor_gg_.__color_d0aor_gg_{fill:var(--color_d0aor)}.___SCircle_d0aor_gg_.__transparent_d0aor_gg_{opacity:.3}.___SIntersection_d0aor_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_d0aor_gg_:hover{fill-opacity:.1}}.___SIntersection_d0aor_gg_.__transparent_d0aor_gg_{opacity:.3}" /*__inner_css_end__*/, "d0aor_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SCircle": "___SCircle_d0aor_gg_",
|
|
28
|
+
"--duration": "--duration_d0aor",
|
|
29
|
+
"_color": "__color_d0aor_gg_",
|
|
30
|
+
"--color": "--color_d0aor",
|
|
31
|
+
"_transparent": "__transparent_d0aor_gg_",
|
|
32
|
+
"__SIntersection": "___SIntersection_d0aor_gg_"
|
|
32
33
|
});
|
|
33
34
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
34
35
|
(0, _inherits2["default"])(VennRoot, _Component);
|
|
@@ -41,14 +42,14 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
41
42
|
}
|
|
42
43
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
43
44
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
|
|
44
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
|
|
45
|
-
return function (
|
|
46
|
-
var x =
|
|
47
|
-
y =
|
|
45
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
|
|
46
|
+
return function (_ref5) {
|
|
47
|
+
var x = _ref5.clientX,
|
|
48
|
+
y = _ref5.clientY;
|
|
48
49
|
var eventEmitter = _this.asProps.eventEmitter;
|
|
49
50
|
_this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
|
|
50
51
|
_this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
|
|
51
|
-
eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
|
|
52
|
+
eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, _this.virtualElement);
|
|
52
53
|
};
|
|
53
54
|
});
|
|
54
55
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderElement", /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
@@ -88,10 +89,10 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
88
89
|
var _size = (0, _slicedToArray2["default"])(size, 2),
|
|
89
90
|
width = _size[0],
|
|
90
91
|
height = _size[1];
|
|
91
|
-
var vennData = Object.entries(data).map(function (
|
|
92
|
-
var
|
|
93
|
-
dataKey =
|
|
94
|
-
size =
|
|
92
|
+
var vennData = Object.entries(data).map(function (_ref6) {
|
|
93
|
+
var _ref7 = (0, _slicedToArray2["default"])(_ref6, 2),
|
|
94
|
+
dataKey = _ref7[0],
|
|
95
|
+
size = _ref7[1];
|
|
95
96
|
return {
|
|
96
97
|
sets: dataKey.split('/'),
|
|
97
98
|
size: size
|
|
@@ -102,12 +103,17 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
102
103
|
}, {
|
|
103
104
|
key: "getCircleProps",
|
|
104
105
|
value: function getCircleProps(props) {
|
|
106
|
+
var tooltipProps = {
|
|
107
|
+
dataKey: props.dataKey,
|
|
108
|
+
name: props.name,
|
|
109
|
+
color: props.color
|
|
110
|
+
};
|
|
105
111
|
return {
|
|
106
112
|
duration: this.asProps.duration,
|
|
107
113
|
data: this.vennData[props.dataKey],
|
|
108
114
|
originalData: this.asProps.data[props.dataKey],
|
|
109
|
-
onMouseMove: this.bindHandlerTooltip(true, props),
|
|
110
|
-
onMouseLeave: this.bindHandlerTooltip(false, props),
|
|
115
|
+
onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
|
|
116
|
+
onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
|
|
111
117
|
transparent: this.asProps.transparent
|
|
112
118
|
};
|
|
113
119
|
}
|
|
@@ -118,6 +124,13 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
118
124
|
duration = _this$asProps2.duration,
|
|
119
125
|
transparent = _this$asProps2.transparent;
|
|
120
126
|
var dataKeys = props.dataKey.split('/');
|
|
127
|
+
var tooltipProps = {
|
|
128
|
+
dataKey: props.dataKey,
|
|
129
|
+
name: props.name,
|
|
130
|
+
color: props.color,
|
|
131
|
+
duration: props.duration,
|
|
132
|
+
transparent: props.transparent
|
|
133
|
+
};
|
|
121
134
|
return {
|
|
122
135
|
duration: duration,
|
|
123
136
|
delay: duration,
|
|
@@ -125,8 +138,8 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
125
138
|
return dataKeys.includes(d.setid);
|
|
126
139
|
}),
|
|
127
140
|
originalData: this.asProps.data[props.dataKey],
|
|
128
|
-
onMouseMove: this.bindHandlerTooltip(true, props),
|
|
129
|
-
onMouseLeave: this.bindHandlerTooltip(false, props),
|
|
141
|
+
onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
|
|
142
|
+
onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
|
|
130
143
|
transparent: transparent
|
|
131
144
|
};
|
|
132
145
|
}
|
|
@@ -155,19 +168,19 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
155
168
|
},
|
|
156
169
|
duration: 500
|
|
157
170
|
});
|
|
158
|
-
function Circle(
|
|
159
|
-
var
|
|
160
|
-
var SCircle =
|
|
161
|
-
styles =
|
|
162
|
-
color =
|
|
163
|
-
data =
|
|
164
|
-
duration =
|
|
165
|
-
name =
|
|
166
|
-
dataKey =
|
|
167
|
-
dataHintsHandler =
|
|
168
|
-
transparent =
|
|
171
|
+
function Circle(_ref8) {
|
|
172
|
+
var _ref2;
|
|
173
|
+
var SCircle = _ref8.Element,
|
|
174
|
+
styles = _ref8.styles,
|
|
175
|
+
color = _ref8.color,
|
|
176
|
+
data = _ref8.data,
|
|
177
|
+
duration = _ref8.duration,
|
|
178
|
+
name = _ref8.name,
|
|
179
|
+
dataKey = _ref8.dataKey,
|
|
180
|
+
dataHintsHandler = _ref8.dataHintsHandler,
|
|
181
|
+
transparent = _ref8.transparent;
|
|
169
182
|
dataHintsHandler.describeValueEntity(dataKey, name);
|
|
170
|
-
return
|
|
183
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref2.cn("SCircle", {
|
|
171
184
|
"aria-hidden": true,
|
|
172
185
|
"render": 'circle',
|
|
173
186
|
"color": color,
|
|
@@ -179,7 +192,7 @@ function Circle(_ref6) {
|
|
|
179
192
|
}));
|
|
180
193
|
}
|
|
181
194
|
function Intersection(props) {
|
|
182
|
-
var
|
|
195
|
+
var _ref3;
|
|
183
196
|
var SIntersection = props.Element,
|
|
184
197
|
styles = props.styles,
|
|
185
198
|
data = props.data,
|
|
@@ -196,17 +209,25 @@ function Intersection(props) {
|
|
|
196
209
|
visible: true
|
|
197
210
|
}, props));
|
|
198
211
|
}), [props]);
|
|
199
|
-
return
|
|
212
|
+
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIntersection, _ref3.cn("SIntersection", {
|
|
200
213
|
"aria-hidden": true,
|
|
201
214
|
"render": renderIntersection,
|
|
202
215
|
"d": (0, _venn.intersectionAreaPath)(data),
|
|
203
216
|
"transparent": transparent
|
|
204
217
|
}));
|
|
205
218
|
}
|
|
219
|
+
var VennTooltip = function VennTooltip(props) {
|
|
220
|
+
var _ref = arguments[0],
|
|
221
|
+
_ref4;
|
|
222
|
+
var SVennTooltip = _Tooltip["default"];
|
|
223
|
+
return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SVennTooltip, _ref4.cn("SVennTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
224
|
+
"excludeAnchorProps": true
|
|
225
|
+
}, _ref))));
|
|
226
|
+
};
|
|
206
227
|
var Venn = (0, _createElement["default"])(VennRoot, {
|
|
207
228
|
Circle: Circle,
|
|
208
229
|
Intersection: Intersection,
|
|
209
|
-
Tooltip: _Tooltip["default"]
|
|
230
|
+
Tooltip: [VennTooltip, _Tooltip["default"]._______childrenComponents]
|
|
210
231
|
});
|
|
211
232
|
var _default = Venn;
|
|
212
233
|
exports["default"] = _default;
|
package/lib/cjs/Venn.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Venn.js","names":["_core","require","_react","_interopRequireDefault","_venn","_canUseDOM","_animation","_createElement","_utils","_Tooltip","style","sstyled","insert","VennRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","_ref3","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","FadeInOut","_extends2","tag","_createClass2","key","value","undefined","width","height","top","right","bottom","left","getVennData","_this$asProps","data","orientation","orientationOrder","size","_size","_slicedToArray2","vennData","Object","entries","map","_ref4","_ref5","dataKey","sets","split","scaleSolution","normalizeSolution","venn","getCircleProps","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","getIntersectionProps","_this$asProps2","dataKeys","delay","values","filter","d","includes","setid","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Component","Math","PI","c1","c2","radius","Circle","_ref6","_ref","SCircle","styles","color","name","describeValueEntity","cn","Intersection","_ref2","SIntersection","renderIntersection","useCallback","intersectionAreaPath","Venn","Tooltip","_default","exports"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n static displayName = 'Venn';\n static style = style;\n\n static defaultProps = {\n orientation: Math.PI / 2,\n orientationOrder: (c1, c2) => c2.radius - c1.radius,\n duration: 500,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props) => ({ 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 getVennData() {\n const { data, orientation, orientationOrder, size } = this.asProps;\n const [width, height] = size;\n const vennData = Object.entries(data).map(([dataKey, size]) => ({\n sets: dataKey.split('/'),\n size,\n }));\n return scaleSolution(\n normalizeSolution(venn(vennData), orientation, orientationOrder),\n width,\n height,\n 10,\n );\n }\n\n getCircleProps(props) {\n return {\n duration: this.asProps.duration,\n data: this.vennData[props.dataKey],\n originalData: this.asProps.data[props.dataKey],\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n transparent: this.asProps.transparent,\n };\n }\n\n getIntersectionProps(props) {\n const { duration, transparent } = this.asProps;\n const dataKeys = props.dataKey.split('/');\n return {\n duration,\n delay: duration,\n data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n originalData: this.asProps.data[props.dataKey],\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n transparent,\n };\n }\n\n renderElement = React.forwardRef((props, ref) => {\n return <FadeInOut aria-hidden ref={ref} tag='g' visible {...props} />;\n });\n\n render() {\n const Element = this.Element;\n this.asProps.dataHintsHandler.establishDataType('values-set');\n this.vennData = this.getVennData();\n return (\n <Element\n aria-hidden\n render={this.renderElement}\n childrenPosition='inside'\n vennData={this.vennData}\n />\n );\n }\n}\n\nfunction Circle({\n Element: SCircle,\n styles,\n color,\n data,\n duration,\n name,\n dataKey,\n dataHintsHandler,\n transparent,\n}) {\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n return sstyled(styles)(\n <SCircle\n aria-hidden\n render='circle'\n color={color}\n cx={data.x}\n cy={data.y}\n r={data.radius}\n transparent={transparent}\n use:duration={`${duration}ms`}\n />,\n );\n}\n\nfunction Intersection(props) {\n const {\n Element: SIntersection,\n styles,\n data,\n name,\n dataKey,\n dataHintsHandler,\n transparent,\n } = props;\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n const renderIntersection = React.useCallback(\n React.forwardRef((props, ref) => {\n return <FadeInOut aria-hidden ref={ref} tag='path' visible {...props} />;\n }),\n [props],\n );\n return sstyled(styles)(\n <SIntersection\n aria-hidden\n render={renderIntersection}\n d={intersectionAreaPath(data)}\n transparent={transparent}\n />,\n );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection, Tooltip });\n\nexport default Venn;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Venn.js","names":["_core","require","_react","_interopRequireDefault","_venn","_canUseDOM","_animation","_createElement","_utils","_Tooltip","style","sstyled","insert","VennRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref5","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","FadeInOut","_extends2","tag","_createClass2","key","value","undefined","width","height","top","right","bottom","left","getVennData","_this$asProps","data","orientation","orientationOrder","size","_size","_slicedToArray2","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","scaleSolution","normalizeSolution","venn","getCircleProps","name","color","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","getIntersectionProps","_this$asProps2","dataKeys","delay","values","filter","d","includes","setid","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Component","Math","PI","c1","c2","radius","Circle","_ref8","_ref2","SCircle","styles","describeValueEntity","cn","Intersection","_ref3","SIntersection","renderIntersection","useCallback","intersectionAreaPath","VennTooltip","_ref","arguments[0]","_ref4","SVennTooltip","Tooltip","_objectSpread2","assignProps","Venn","_______childrenComponents","_default","exports"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n static displayName = 'Venn';\n static style = style;\n\n static defaultProps = {\n orientation: Math.PI / 2,\n orientationOrder: (c1, c2) => c2.radius - c1.radius,\n duration: 500,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n };\n\n getVennData() {\n const { data, orientation, orientationOrder, size } = this.asProps;\n const [width, height] = size;\n const vennData = Object.entries(data).map(([dataKey, size]) => ({\n sets: dataKey.split('/'),\n size,\n }));\n return scaleSolution(\n normalizeSolution(venn(vennData), orientation, orientationOrder),\n width,\n height,\n 10,\n );\n }\n\n getCircleProps(props) {\n const tooltipProps = {\n dataKey: props.dataKey,\n name: props.name,\n color: props.color,\n };\n\n return {\n duration: this.asProps.duration,\n data: this.vennData[props.dataKey],\n originalData: this.asProps.data[props.dataKey],\n onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),\n onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),\n transparent: this.asProps.transparent,\n };\n }\n\n getIntersectionProps(props) {\n const { duration, transparent } = this.asProps;\n const dataKeys = props.dataKey.split('/');\n const tooltipProps = {\n dataKey: props.dataKey,\n name: props.name,\n color: props.color,\n duration: props.duration,\n transparent: props.transparent,\n };\n\n return {\n duration,\n delay: duration,\n data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n originalData: this.asProps.data[props.dataKey],\n onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),\n onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),\n transparent,\n };\n }\n\n renderElement = React.forwardRef((props, ref) => {\n return <FadeInOut aria-hidden ref={ref} tag='g' visible {...props} />;\n });\n\n render() {\n const Element = this.Element;\n this.asProps.dataHintsHandler.establishDataType('values-set');\n this.vennData = this.getVennData();\n return (\n <Element\n aria-hidden\n render={this.renderElement}\n childrenPosition='inside'\n vennData={this.vennData}\n />\n );\n }\n}\n\nfunction Circle({\n Element: SCircle,\n styles,\n color,\n data,\n duration,\n name,\n dataKey,\n dataHintsHandler,\n transparent,\n}) {\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n return sstyled(styles)(\n <SCircle\n aria-hidden\n render='circle'\n color={color}\n cx={data.x}\n cy={data.y}\n r={data.radius}\n transparent={transparent}\n use:duration={`${duration}ms`}\n />,\n );\n}\n\nfunction Intersection(props) {\n const {\n Element: SIntersection,\n styles,\n data,\n name,\n dataKey,\n dataHintsHandler,\n transparent,\n } = props;\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n const renderIntersection = React.useCallback(\n React.forwardRef((props, ref) => {\n return <FadeInOut aria-hidden ref={ref} tag='path' visible {...props} />;\n }),\n [props],\n );\n return sstyled(styles)(\n <SIntersection\n aria-hidden\n render={renderIntersection}\n d={intersectionAreaPath(data)}\n transparent={transparent}\n />,\n );\n}\n\nconst VennTooltip = (props) => {\n const SVennTooltip = Root;\n return sstyled(props.styles)(<SVennTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Venn = createElement(VennRoot, {\n Circle,\n Intersection,\n Tooltip: [VennTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Venn;\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAgC;AAAA,IAAAS,KAAA,+BAAAV,KAAA,CAAAW,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI1BC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,QAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,qBAUK,IAAAa,qBAAS,GAAE,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,yBAM5C,UAACgB,OAAO,EAAEC,KAAK,EAAEC,YAAY;MAAA,OAAK,UAAAC,KAAA,EAAgC;QAAA,IAApBC,CAAC,GAAAD,KAAA,CAAVE,OAAO;UAAcC,CAAC,GAAAH,KAAA,CAAVI,OAAO;QAC3E,IAAQC,YAAY,GAAKxB,KAAA,CAAKyB,OAAO,CAA7BD,YAAY;QACpBxB,KAAA,CAAK0B,cAAc,CAACC,qBAAqB,GAAG3B,KAAA,CAAK4B,6BAA6B,CAACR,CAAC,EAAEE,CAAC,CAAC;QACpFtB,KAAA,CAAK0B,cAAc,CAACG,eAAQ,CAACC,eAAe,CAAC,GAAG,IAAI;QACpDN,YAAY,CAACO,IAAI,CAAC,kBAAkB,EAAEf,OAAO,EAAEC,KAAK,EAAEC,YAAY,EAAElB,KAAA,CAAK0B,cAAc,CAAC;MAC1F,CAAC;IAAA;IAAA,IAAAf,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,iCAwDegC,iBAAK,CAACC,UAAU,CAAC,UAAChB,KAAK,EAAEiB,GAAG,EAAK;MAC/C,oBAAOlD,MAAA,YAAA+B,aAAA,CAAC3B,UAAA,CAAA+C,SAAS,MAAAC,SAAA;QAAC,mBAAW;QAACF,GAAG,EAAEA,GAAI;QAACG,GAAG,EAAC,GAAG;QAACrB,OAAO;MAAA,GAAKC,KAAK,EAAI;IACvE,CAAC,CAAC;IAAA,OAAAjB,KAAA;EAAA;EAAA,IAAAsC,aAAA,aAAA3C,QAAA;IAAA4C,GAAA;IAAAC,KAAA,EAnEF,SAAAZ,8BAAA,EAA4C;MAAA,IAAdR,CAAC,GAAAjB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAsC,SAAA,GAAAtC,SAAA,MAAG,CAAC;MAAA,IAAEmB,CAAC,GAAAnB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAsC,SAAA,GAAAtC,SAAA,MAAG,CAAC;MACxC,OAAO;QAAA,OAAO;UAAEuC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,GAAG,EAAEtB,CAAC;UAAEuB,KAAK,EAAEzB,CAAC;UAAE0B,MAAM,EAAExB,CAAC;UAAEyB,IAAI,EAAE3B;QAAE,CAAC;MAAA,CAAC;IAC9E;EAAC;IAAAmB,GAAA;IAAAC,KAAA,EASD,SAAAQ,YAAA,EAAc;MACZ,IAAAC,aAAA,GAAsD,IAAI,CAACxB,OAAO;QAA1DyB,IAAI,GAAAD,aAAA,CAAJC,IAAI;QAAEC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,gBAAgB,GAAAH,aAAA,CAAhBG,gBAAgB;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;MACjD,IAAAC,KAAA,OAAAC,eAAA,aAAwBF,IAAI;QAArBX,KAAK,GAAAY,KAAA;QAAEX,MAAM,GAAAW,KAAA;MACpB,IAAME,QAAQ,GAAGC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,CAACS,GAAG,CAAC,UAAAC,KAAA;QAAA,IAAAC,KAAA,OAAAN,eAAA,aAAAK,KAAA;UAAEE,OAAO,GAAAD,KAAA;UAAER,IAAI,GAAAQ,KAAA;QAAA,OAAO;UAC9DE,IAAI,EAAED,OAAO,CAACE,KAAK,CAAC,GAAG,CAAC;UACxBX,IAAI,EAAJA;QACF,CAAC;MAAA,CAAC,CAAC;MACH,OAAO,IAAAY,mBAAa,EAClB,IAAAC,uBAAiB,EAAC,IAAAC,UAAI,EAACX,QAAQ,CAAC,EAAEL,WAAW,EAAEC,gBAAgB,CAAC,EAChEV,KAAK,EACLC,MAAM,EACN,EAAE,CACH;IACH;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAA4B,eAAenD,KAAK,EAAE;MACpB,IAAMC,YAAY,GAAG;QACnB4C,OAAO,EAAE7C,KAAK,CAAC6C,OAAO;QACtBO,IAAI,EAAEpD,KAAK,CAACoD,IAAI;QAChBC,KAAK,EAAErD,KAAK,CAACqD;MACf,CAAC;MAED,OAAO;QACLC,QAAQ,EAAE,IAAI,CAAC9C,OAAO,CAAC8C,QAAQ;QAC/BrB,IAAI,EAAE,IAAI,CAACM,QAAQ,CAACvC,KAAK,CAAC6C,OAAO,CAAC;QAClCU,YAAY,EAAE,IAAI,CAAC/C,OAAO,CAACyB,IAAI,CAACjC,KAAK,CAAC6C,OAAO,CAAC;QAC9CW,WAAW,EAAE,IAAI,CAACC,kBAAkB,CAAC,IAAI,EAAEzD,KAAK,EAAEC,YAAY,CAAC;QAC/DyD,YAAY,EAAE,IAAI,CAACD,kBAAkB,CAAC,KAAK,EAAEzD,KAAK,EAAEC,YAAY,CAAC;QACjE0D,WAAW,EAAE,IAAI,CAACnD,OAAO,CAACmD;MAC5B,CAAC;IACH;EAAC;IAAArC,GAAA;IAAAC,KAAA,EAED,SAAAqC,qBAAqB5D,KAAK,EAAE;MAC1B,IAAA6D,cAAA,GAAkC,IAAI,CAACrD,OAAO;QAAtC8C,QAAQ,GAAAO,cAAA,CAARP,QAAQ;QAAEK,WAAW,GAAAE,cAAA,CAAXF,WAAW;MAC7B,IAAMG,QAAQ,GAAG9D,KAAK,CAAC6C,OAAO,CAACE,KAAK,CAAC,GAAG,CAAC;MACzC,IAAM9C,YAAY,GAAG;QACnB4C,OAAO,EAAE7C,KAAK,CAAC6C,OAAO;QACtBO,IAAI,EAAEpD,KAAK,CAACoD,IAAI;QAChBC,KAAK,EAAErD,KAAK,CAACqD,KAAK;QAClBC,QAAQ,EAAEtD,KAAK,CAACsD,QAAQ;QACxBK,WAAW,EAAE3D,KAAK,CAAC2D;MACrB,CAAC;MAED,OAAO;QACLL,QAAQ,EAARA,QAAQ;QACRS,KAAK,EAAET,QAAQ;QACfrB,IAAI,EAAEO,MAAM,CAACwB,MAAM,CAAC,IAAI,CAACzB,QAAQ,CAAC,CAAC0B,MAAM,CAAC,UAACC,CAAC;UAAA,OAAKJ,QAAQ,CAACK,QAAQ,CAACD,CAAC,CAACE,KAAK,CAAC;QAAA,EAAC;QAC5Eb,YAAY,EAAE,IAAI,CAAC/C,OAAO,CAACyB,IAAI,CAACjC,KAAK,CAAC6C,OAAO,CAAC;QAC9CW,WAAW,EAAE,IAAI,CAACC,kBAAkB,CAAC,IAAI,EAAEzD,KAAK,EAAEC,YAAY,CAAC;QAC/DyD,YAAY,EAAE,IAAI,CAACD,kBAAkB,CAAC,KAAK,EAAEzD,KAAK,EAAEC,YAAY,CAAC;QACjE0D,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAArC,GAAA;IAAAC,KAAA,EAMD,SAAA8C,OAAA,EAAS;MACP,IAAMC,OAAO,GAAG,IAAI,CAACA,OAAO;MAC5B,IAAI,CAAC9D,OAAO,CAAC+D,gBAAgB,CAACC,iBAAiB,CAAC,YAAY,CAAC;MAC7D,IAAI,CAACjC,QAAQ,GAAG,IAAI,CAACR,WAAW,EAAE;MAClC,oBACEhE,MAAA,YAAA+B,aAAA,CAACwE,OAAO;QACN,mBAAW;QACXD,MAAM,EAAE,IAAI,CAACI,aAAc;QAC3BC,gBAAgB,EAAC,QAAQ;QACzBnC,QAAQ,EAAE,IAAI,CAACA;MAAS,EACxB;IAEN;EAAC;EAAA,OAAA7D,QAAA;AAAA,EA7FoBiG,eAAS;AAAA,IAAAjF,gBAAA,aAA1BhB,QAAQ,iBACS,MAAM;AAAA,IAAAgB,gBAAA,aADvBhB,QAAQ,WAEGH,KAAK;AAAA,IAAAmB,gBAAA,aAFhBhB,QAAQ,kBAIU;EACpBwD,WAAW,EAAE0C,IAAI,CAACC,EAAE,GAAG,CAAC;EACxB1C,gBAAgB,EAAE,SAAAA,iBAAC2C,EAAE,EAAEC,EAAE;IAAA,OAAKA,EAAE,CAACC,MAAM,GAAGF,EAAE,CAACE,MAAM;EAAA;EACnD1B,QAAQ,EAAE;AACZ,CAAC;AAwFH,SAAS2B,MAAMA,CAAAC,KAAA,EAUZ;EAAA,IAAAC,KAAA;EAAA,IATQC,OAAO,GAAAF,KAAA,CAAhBZ,OAAO;IACPe,MAAM,GAAAH,KAAA,CAANG,MAAM;IACNhC,KAAK,GAAA6B,KAAA,CAAL7B,KAAK;IACLpB,IAAI,GAAAiD,KAAA,CAAJjD,IAAI;IACJqB,QAAQ,GAAA4B,KAAA,CAAR5B,QAAQ;IACRF,IAAI,GAAA8B,KAAA,CAAJ9B,IAAI;IACJP,OAAO,GAAAqC,KAAA,CAAPrC,OAAO;IACP0B,gBAAgB,GAAAW,KAAA,CAAhBX,gBAAgB;IAChBZ,WAAW,GAAAuB,KAAA,CAAXvB,WAAW;EAEXY,gBAAgB,CAACe,mBAAmB,CAACzC,OAAO,EAAEO,IAAI,CAAC;EAEnD,OAAA+B,KAAA,GAAO,IAAA3G,aAAO,EAAC6G,MAAM,CAAC,eACpBtH,MAAA,YAAA+B,aAAA,CAACsF,OAAO,EAAAD,KAAA,CAAAI,EAAA;IAAA;IAAA,UAEC,QAAQ;IAAA,SACRlC,KAAK;IAAA,MACRpB,IAAI,CAAC9B,CAAC;IAAA,MACN8B,IAAI,CAAC5B,CAAC;IAAA,KACP4B,IAAI,CAAC+C,MAAM;IAAA,eACDrB,WAAW;IAAA,mBAAAlE,MAAA,CACP6D,QAAQ;EAAA,GACzB;AAEN;AAEA,SAASkC,YAAYA,CAACxF,KAAK,EAAE;EAAA,IAAAyF,KAAA;EAC3B,IACWC,aAAa,GAOpB1F,KAAK,CAPPsE,OAAO;IACPe,MAAM,GAMJrF,KAAK,CANPqF,MAAM;IACNpD,IAAI,GAKFjC,KAAK,CALPiC,IAAI;IACJmB,IAAI,GAIFpD,KAAK,CAJPoD,IAAI;IACJP,OAAO,GAGL7C,KAAK,CAHP6C,OAAO;IACP0B,gBAAgB,GAEdvE,KAAK,CAFPuE,gBAAgB;IAChBZ,WAAW,GACT3D,KAAK,CADP2D,WAAW;EAEbY,gBAAgB,CAACe,mBAAmB,CAACzC,OAAO,EAAEO,IAAI,CAAC;EAEnD,IAAMuC,kBAAkB,GAAG5E,iBAAK,CAAC6E,WAAW,eAC1C7E,iBAAK,CAACC,UAAU,CAAC,UAAChB,KAAK,EAAEiB,GAAG,EAAK;IAC/B,oBAAOlD,MAAA,YAAA+B,aAAA,CAAC3B,UAAA,CAAA+C,SAAS,MAAAC,SAAA;MAAC,mBAAW;MAACF,GAAG,EAAEA,GAAI;MAACG,GAAG,EAAC,MAAM;MAACrB,OAAO;IAAA,GAAKC,KAAK,EAAI;EAC1E,CAAC,CAAC,EACF,CAACA,KAAK,CAAC,CACR;EACD,OAAAyF,KAAA,GAAO,IAAAjH,aAAO,EAAC6G,MAAM,CAAC,eACpBtH,MAAA,YAAA+B,aAAA,CAAC4F,aAAa,EAAAD,KAAA,CAAAF,EAAA;IAAA;IAAA,UAEJI,kBAAkB;IAAA,KACvB,IAAAE,0BAAoB,EAAC5D,IAAI,CAAC;IAAA,eAChB0B;EAAW,GACxB;AAEN;AAEA,IAAMmC,WAAW,GAAG,SAAdA,WAAWA,CAAI9F,KAAK,EAAK;EAAA,IAAA+F,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,IAAMC,YAAY,GACiCC,mBAAO;EAA1D,OAAAF,KAAA,GAAO,IAAAzH,aAAO,EAACwB,KAAK,CAACqF,MAAM,CAAC,eAACtH,MAAA,YAAA+B,aAAA,CAACoG,YAAY,EAAAD,KAAA,CAAAV,EAAA,qBAAAa,cAAA,qBAAAvI,KAAA,CAAAwI,WAAA;IAAA;EAAA,GAAAN,IAAA,IAAuC;AACnF,CAAC;AAED,IAAMO,IAAI,GAAG,IAAAxG,yBAAa,EAACpB,QAAQ,EAAE;EACnCuG,MAAM,EAANA,MAAM;EACNO,YAAY,EAAZA,YAAY;EACZW,OAAO,EAAE,CAACL,WAAW,EAAEK,mBAAO,CAACI,yBAAyB;AAC1D,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYF,IAAI;AAAAG,OAAA,cAAAD,QAAA"}
|
|
@@ -16,8 +16,8 @@ var _intergalacticDynamicLocales = require("./translations/module/__intergalacti
|
|
|
16
16
|
var _WithI18n = require("@semcore/utils/lib/enhances/WithI18n");
|
|
17
17
|
var _flexBox = require("@semcore/flex-box");
|
|
18
18
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
19
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SPlotA11yModule": "
|
|
19
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_14mjm_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_14mjm_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "14mjm_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SPlotA11yModule": "___SPlotA11yModule_14mjm_gg_"
|
|
21
21
|
});
|
|
22
22
|
var globalWasFocused = false;
|
|
23
23
|
var globalNavWithKeyboard = false;
|