intergalactic 15.90.2 → 15.91.0-prerelease.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 +7 -1
- package/components.json +2 -2
- package/d3-chart/Line.d.ts +7 -0
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +49 -31
- package/d3-chart/lib/cjs/Line.js.map +1 -1
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +11 -11
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/cjs/style/line.shadow.css +2 -2
- package/d3-chart/lib/cjs/types/Line.d.js.map +1 -1
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +10 -10
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +49 -31
- package/d3-chart/lib/es6/Line.js.map +1 -1
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +11 -11
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/style/line.shadow.css +2 -2
- package/d3-chart/lib/es6/types/Line.d.js.map +1 -1
- package/d3-chart/lib/types/Line.d.ts +7 -0
- package/package.json +1 -1
- package/popper/lib/cjs/Popper.js +8 -7
- package/popper/lib/cjs/Popper.js.map +1 -1
- package/popper/lib/es6/Popper.js +8 -7
- package/popper/lib/es6/Popper.js.map +1 -1
package/CHANGELOG.md
CHANGED
@@ -1,7 +1,13 @@
|
|
1
|
-
## [15.
|
1
|
+
## [15.91.0] - 2024-05-27
|
2
|
+
|
3
|
+
### @semcore/d3-chart
|
4
|
+
|
5
|
+
- **Changed** `Line.Area` got an option `autoInterpolate` that allows to disable auto interpolation of all missing values.
|
6
|
+
- **Changed** `Line.Area` data now accepts `interpolateValue` symbol that allows spot interpolation of values if `autoInterpolate` set to `false`.
|
2
7
|
|
3
8
|
### @semcore/popper
|
4
9
|
|
10
|
+
- **Fixed** Switching popper trigger was causing a glitch during the close animation.
|
5
11
|
- **Fixed** Focusing popper might break next popper opening.
|
6
12
|
|
7
13
|
## [15.90.1] - 2024-05-27
|
package/components.json
CHANGED
@@ -19,7 +19,7 @@
|
|
19
19
|
"@semcore/drag-and-drop": "3.35.0",
|
20
20
|
"@semcore/dropdown": "4.31.2",
|
21
21
|
"@semcore/dropdown-menu": "4.33.2",
|
22
|
-
"@semcore/d3-chart": "3.
|
22
|
+
"@semcore/d3-chart": "3.45.0",
|
23
23
|
"@semcore/ellipsis": "2.28.0",
|
24
24
|
"@semcore/email": "1.0.2",
|
25
25
|
"@semcore/errors": "4.32.0",
|
@@ -48,7 +48,7 @@
|
|
48
48
|
"@semcore/outside-click": "3.25.0",
|
49
49
|
"@semcore/pagination": "4.37.0",
|
50
50
|
"@semcore/pills": "5.28.0",
|
51
|
-
"@semcore/popper": "5.35.
|
51
|
+
"@semcore/popper": "5.35.3",
|
52
52
|
"@semcore/portal": "3.27.0",
|
53
53
|
"@semcore/product-head": "4.27.0",
|
54
54
|
"@semcore/progress-bar": "4.26.0",
|
package/d3-chart/Line.d.ts
CHANGED
@@ -75,6 +75,13 @@ export type LineAreaProps = Omit<LineProps, 'transparent'> & {
|
|
75
75
|
* Optional data for render area
|
76
76
|
*/
|
77
77
|
area?: Array<{ [key: string]: number }>;
|
78
|
+
|
79
|
+
/**
|
80
|
+
* If disabled, area will not be rendered if corresponding position data is null. That case you use
|
81
|
+
* `interpolateValue` symbol for spot data interpolation.
|
82
|
+
* @default true
|
83
|
+
*/
|
84
|
+
autoInterpolate?: boolean;
|
78
85
|
};
|
79
86
|
|
80
87
|
declare const Line: IntergalacticD3Component<'line', LineProps, Context> & {
|
package/d3-chart/lib/cjs/Area.js
CHANGED
@@ -23,17 +23,17 @@ var _utils = require("./utils");
|
|
23
23
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
24
24
|
var _Pattern = require("./Pattern");
|
25
25
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SArea": "
|
28
|
-
"_color": "
|
29
|
-
"--color": "--
|
30
|
-
"_pattern": "
|
31
|
-
"--pattern": "--
|
32
|
-
"_transparent": "
|
33
|
-
"__SAreaLine": "
|
34
|
-
"--duration": "--
|
35
|
-
"__SNull": "
|
36
|
-
"_hide": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SArea_1i0h0_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1i0h0_gg_.__color_1i0h0_gg_{fill:var(--color_1i0h0)}.___SArea_1i0h0_gg_.__pattern_1i0h0_gg_{fill:var(--pattern_1i0h0);fill-opacity:.7}.___SArea_1i0h0_gg_.__transparent_1i0h0_gg_{opacity:.3}.___SAreaLine_1i0h0_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1i0h0_gg_.__color_1i0h0_gg_{stroke:var(--color_1i0h0)}.___SAreaLine_1i0h0_gg_.__transparent_1i0h0_gg_{opacity:.3}.___SAreaLine_1i0h0_gg_,.___SArea_1i0h0_gg_{transition-property:d;transition-duration:var(--duration_1i0h0);transition-timing-function:ease-in-out}.___SNull_1i0h0_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1i0h0_gg_.__hide_1i0h0_gg_{display:none}" /*__inner_css_end__*/, "1i0h0_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SArea": "___SArea_1i0h0_gg_",
|
28
|
+
"_color": "__color_1i0h0_gg_",
|
29
|
+
"--color": "--color_1i0h0",
|
30
|
+
"_pattern": "__pattern_1i0h0_gg_",
|
31
|
+
"--pattern": "--pattern_1i0h0",
|
32
|
+
"_transparent": "__transparent_1i0h0_gg_",
|
33
|
+
"__SAreaLine": "___SAreaLine_1i0h0_gg_",
|
34
|
+
"--duration": "--duration_1i0h0",
|
35
|
+
"__SNull": "___SNull_1i0h0_gg_",
|
36
|
+
"_hide": "__hide_1i0h0_gg_"
|
37
37
|
});
|
38
38
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
39
39
|
(0, _inherits2["default"])(AreaRoot, _Component);
|
package/d3-chart/lib/cjs/Axis.js
CHANGED
@@ -19,20 +19,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
19
19
|
var _utils = require("./utils");
|
20
20
|
var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
|
21
21
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SAxis": "
|
24
|
-
"_hide": "
|
25
|
-
"__STick": "
|
26
|
-
"__SGrid": "
|
27
|
-
"__STitle": "
|
28
|
-
"--transform-origin": "--transform-
|
29
|
-
"_position_top": "
|
30
|
-
"_position_bottom": "
|
31
|
-
"_position_right": "
|
32
|
-
"_position_left": "
|
33
|
-
"_verticalWritingMode": "
|
34
|
-
"_position_custom_0": "
|
35
|
-
"_position_custom_1": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAxis_185t4_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_185t4_gg_.__hide_185t4_gg_,.___STick_185t4_gg_.__hide_185t4_gg_{display:none}.___STick_185t4_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_185t4_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_185t4_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_185t4)}.___STitle_185t4_gg_._position_top_185t4_gg_{text-anchor:middle}.___STitle_185t4_gg_._position_bottom_185t4_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_185t4_gg_._position_left_185t4_gg_,.___STitle_185t4_gg_._position_right_185t4_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_185t4_gg_._position_left_185t4_gg_.__verticalWritingMode_185t4_gg_,.___STitle_185t4_gg_._position_right_185t4_gg_.__verticalWritingMode_185t4_gg_{writing-mode:vertical-rl;transform:none}.___STick_185t4_gg_._position_top_185t4_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_185t4_gg_._position_bottom_185t4_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_185t4_gg_._position_right_185t4_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_185t4_gg_._position_left_185t4_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_185t4_gg_._position_custom_0_185t4_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_185t4_gg_._position_custom_1_185t4_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "185t4_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SAxis": "___SAxis_185t4_gg_",
|
24
|
+
"_hide": "__hide_185t4_gg_",
|
25
|
+
"__STick": "___STick_185t4_gg_",
|
26
|
+
"__SGrid": "___SGrid_185t4_gg_",
|
27
|
+
"__STitle": "___STitle_185t4_gg_",
|
28
|
+
"--transform-origin": "--transform-origin_185t4",
|
29
|
+
"_position_top": "_position_top_185t4_gg_",
|
30
|
+
"_position_bottom": "_position_bottom_185t4_gg_",
|
31
|
+
"_position_right": "_position_right_185t4_gg_",
|
32
|
+
"_position_left": "_position_left_185t4_gg_",
|
33
|
+
"_verticalWritingMode": "__verticalWritingMode_185t4_gg_",
|
34
|
+
"_position_custom_0": "_position_custom_0_185t4_gg_",
|
35
|
+
"_position_custom_1": "_position_custom_1_185t4_gg_"
|
36
36
|
});
|
37
37
|
var CUSTOM_0 = Symbol('custom_0');
|
38
38
|
var CUSTOM_1 = Symbol('custom_1');
|
package/d3-chart/lib/cjs/Bar.js
CHANGED
@@ -21,16 +21,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
21
21
|
var _utils = require("./utils");
|
22
22
|
var _Pattern = require("./Pattern");
|
23
23
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SBar": "
|
26
|
-
"--duration": "--
|
27
|
-
"_color": "
|
28
|
-
"--color": "--
|
29
|
-
"_pattern": "
|
30
|
-
"--pattern": "--
|
31
|
-
"_hide": "
|
32
|
-
"_transparent": "
|
33
|
-
"__SBackground": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBar_6p7b2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_6p7b2);transition-timing-function:ease-in-out}.___SBar_6p7b2_gg_.__color_6p7b2_gg_{fill:var(--color_6p7b2)}.___SBar_6p7b2_gg_.__pattern_6p7b2_gg_.__color_6p7b2_gg_{fill:var(--pattern_6p7b2);stroke:var(--color_6p7b2);stroke-width:1px}.___SBar_6p7b2_gg_.__hide_6p7b2_gg_{display:none}.___SBar_6p7b2_gg_.__transparent_6p7b2_gg_{opacity:.3}.___SBackground_6p7b2_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}" /*__inner_css_end__*/, "6p7b2_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SBar": "___SBar_6p7b2_gg_",
|
26
|
+
"--duration": "--duration_6p7b2",
|
27
|
+
"_color": "__color_6p7b2_gg_",
|
28
|
+
"--color": "--color_6p7b2",
|
29
|
+
"_pattern": "__pattern_6p7b2_gg_",
|
30
|
+
"--pattern": "--pattern_6p7b2",
|
31
|
+
"_hide": "__hide_6p7b2_gg_",
|
32
|
+
"_transparent": "__transparent_6p7b2_gg_",
|
33
|
+
"__SBackground": "___SBackground_6p7b2_gg_"
|
34
34
|
});
|
35
35
|
var MIN_HEIGHT = 2;
|
36
36
|
exports.MIN_HEIGHT = MIN_HEIGHT;
|
@@ -23,18 +23,18 @@ var _utils = require("./utils");
|
|
23
23
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
24
24
|
var _Pattern = require("./Pattern");
|
25
25
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SBubble": "
|
28
|
-
"_color": "
|
29
|
-
"--color": "--
|
30
|
-
"_pattern": "
|
31
|
-
"--pattern": "--
|
32
|
-
"_transparent": "
|
33
|
-
"__SCenter": "
|
34
|
-
"__SLabel": "
|
35
|
-
"_position_right": "
|
36
|
-
"_position_left": "
|
37
|
-
"--duration": "--
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBubble_fl6sz_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_fl6sz);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_fl6sz_gg_:hover{opacity:.8}}.___SBubble_fl6sz_gg_.__color_fl6sz_gg_{fill:var(--color_fl6sz)}.___SBubble_fl6sz_gg_.__pattern_fl6sz_gg_.__color_fl6sz_gg_{fill:var(--pattern_fl6sz);stroke:var(--color_fl6sz);stroke-width:1px}.___SBubble_fl6sz_gg_.__transparent_fl6sz_gg_{opacity:.3}.___SCenter_fl6sz_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_fl6sz_gg_.__color_fl6sz_gg_{stroke:var(--color_fl6sz)}.___SCenter_fl6sz_gg_.__transparent_fl6sz_gg_{opacity:.3}.___SLabel_fl6sz_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_fl6sz_gg_._position_right_fl6sz_gg_{text-anchor:end}.___SLabel_fl6sz_gg_._position_left_fl6sz_gg_{text-anchor:start}.___SLabel_fl6sz_gg_.__color_fl6sz_gg_{fill:var(--color_fl6sz)}.___SLabel_fl6sz_gg_.__transparent_fl6sz_gg_{opacity:.3}" /*__inner_css_end__*/, "fl6sz_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SBubble": "___SBubble_fl6sz_gg_",
|
28
|
+
"_color": "__color_fl6sz_gg_",
|
29
|
+
"--color": "--color_fl6sz",
|
30
|
+
"_pattern": "__pattern_fl6sz_gg_",
|
31
|
+
"--pattern": "--pattern_fl6sz",
|
32
|
+
"_transparent": "__transparent_fl6sz_gg_",
|
33
|
+
"__SCenter": "___SCenter_fl6sz_gg_",
|
34
|
+
"__SLabel": "___SLabel_fl6sz_gg_",
|
35
|
+
"_position_right": "_position_right_fl6sz_gg_",
|
36
|
+
"_position_left": "_position_left_fl6sz_gg_",
|
37
|
+
"--duration": "--duration_fl6sz"
|
38
38
|
});
|
39
39
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
40
40
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
@@ -29,15 +29,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
29
29
|
var _Pattern = require("./Pattern");
|
30
30
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
|
31
31
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
32
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
33
|
-
"__SPie": "
|
34
|
-
"_color": "
|
35
|
-
"--color": "--
|
36
|
-
"_pattern": "
|
37
|
-
"--pattern": "--
|
38
|
-
"_transparent": "
|
39
|
-
"__SEmptyData": "
|
40
|
-
"__SLabel": "
|
32
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPie_3lugg_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_3lugg_gg_.__color_3lugg_gg_{fill:var(--color_3lugg)}.___SPie_3lugg_gg_.__pattern_3lugg_gg_.__color_3lugg_gg_{fill:var(--pattern_3lugg);stroke:var(--color_3lugg);stroke-width:1px}.___SPie_3lugg_gg_.__transparent_3lugg_gg_{opacity:.3}.___SEmptyData_3lugg_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_3lugg_gg_.__color_3lugg_gg_{fill:var(--color_3lugg)}.___SLabel_3lugg_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "3lugg_gg_") /*__reshadow_css_end__*/, {
|
33
|
+
"__SPie": "___SPie_3lugg_gg_",
|
34
|
+
"_color": "__color_3lugg_gg_",
|
35
|
+
"--color": "--color_3lugg",
|
36
|
+
"_pattern": "__pattern_3lugg_gg_",
|
37
|
+
"--pattern": "--pattern_3lugg",
|
38
|
+
"_transparent": "__transparent_3lugg_gg_",
|
39
|
+
"__SEmptyData": "___SEmptyData_3lugg_gg_",
|
40
|
+
"__SLabel": "___SLabel_3lugg_gg_"
|
41
41
|
});
|
42
42
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
43
43
|
function transitionAnglePie(_ref6) {
|
package/d3-chart/lib/cjs/Dots.js
CHANGED
@@ -15,14 +15,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
15
15
|
var _utils = require("./utils");
|
16
16
|
var _Pattern = require("./Pattern");
|
17
17
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
18
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
19
|
-
"__SDot": "
|
20
|
-
"_hide": "
|
21
|
-
"_color": "
|
22
|
-
"--color": "--
|
23
|
-
"_transparent": "
|
24
|
-
"__SDots": "
|
25
|
-
"--duration": "--
|
18
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDots_jcjwn_gg_ .___SDot_jcjwn_gg_{transition-duration:var(--duration_jcjwn)}.___SDot_jcjwn_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_jcjwn_gg_.__hide_jcjwn_gg_{display:none}.___SDot_jcjwn_gg_.__color_jcjwn_gg_{fill:var(--color_jcjwn)}.___SDot_jcjwn_gg_.__transparent_jcjwn_gg_{opacity:.3}" /*__inner_css_end__*/, "jcjwn_gg_") /*__reshadow_css_end__*/, {
|
19
|
+
"__SDot": "___SDot_jcjwn_gg_",
|
20
|
+
"_hide": "__hide_jcjwn_gg_",
|
21
|
+
"_color": "__color_jcjwn_gg_",
|
22
|
+
"--color": "--color_jcjwn",
|
23
|
+
"_transparent": "__transparent_jcjwn_gg_",
|
24
|
+
"__SDots": "___SDots_jcjwn_gg_",
|
25
|
+
"--duration": "--duration_jcjwn"
|
26
26
|
});
|
27
27
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
28
28
|
function Dots(props) {
|
@@ -20,16 +20,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
20
20
|
var _utils = require("./utils");
|
21
21
|
var _Pattern = require("./Pattern");
|
22
22
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SBar": "
|
25
|
-
"--duration": "--
|
26
|
-
"_color": "
|
27
|
-
"--color": "--
|
28
|
-
"_pattern": "
|
29
|
-
"--pattern": "--
|
30
|
-
"_hide": "
|
31
|
-
"_transparent": "
|
32
|
-
"__SBackground": "
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBar_6p7b2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_6p7b2);transition-timing-function:ease-in-out}.___SBar_6p7b2_gg_.__color_6p7b2_gg_{fill:var(--color_6p7b2)}.___SBar_6p7b2_gg_.__pattern_6p7b2_gg_.__color_6p7b2_gg_{fill:var(--pattern_6p7b2);stroke:var(--color_6p7b2);stroke-width:1px}.___SBar_6p7b2_gg_.__hide_6p7b2_gg_{display:none}.___SBar_6p7b2_gg_.__transparent_6p7b2_gg_{opacity:.3}.___SBackground_6p7b2_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}" /*__inner_css_end__*/, "6p7b2_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SBar": "___SBar_6p7b2_gg_",
|
25
|
+
"--duration": "--duration_6p7b2",
|
26
|
+
"_color": "__color_6p7b2_gg_",
|
27
|
+
"--color": "--color_6p7b2",
|
28
|
+
"_pattern": "__pattern_6p7b2_gg_",
|
29
|
+
"--pattern": "--pattern_6p7b2",
|
30
|
+
"_hide": "__hide_6p7b2_gg_",
|
31
|
+
"_transparent": "__transparent_6p7b2_gg_",
|
32
|
+
"__SBackground": "___SBackground_6p7b2_gg_"
|
33
33
|
});
|
34
34
|
var MIN_WIDTH = 2;
|
35
35
|
exports.MIN_WIDTH = MIN_WIDTH;
|
@@ -22,9 +22,9 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
22
22
|
var _utils = require("./utils");
|
23
23
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
24
24
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SHoverLine": "
|
27
|
-
"__SHoverRect": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_b9bht_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_b9bht_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "b9bht_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SHoverLine": "___SHoverLine_b9bht_gg_",
|
27
|
+
"__SHoverRect": "___SHoverRect_b9bht_gg_"
|
28
28
|
});
|
29
29
|
var Hover = /*#__PURE__*/function (_Component) {
|
30
30
|
(0, _inherits2["default"])(Hover, _Component);
|
package/d3-chart/lib/cjs/Line.js
CHANGED
@@ -23,15 +23,15 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
23
23
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
24
24
|
var _Pattern = require("./Pattern");
|
25
25
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SLine": "
|
28
|
-
"--duration": "--
|
29
|
-
"_color": "
|
30
|
-
"--color": "--
|
31
|
-
"_hide": "
|
32
|
-
"_transparent": "
|
33
|
-
"__SNull": "
|
34
|
-
"
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLine_4qita_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_4qita);transition-timing-function:ease-in-out}.___SLine_4qita_gg_.__color_4qita_gg_{stroke:var(--color_4qita)}.___SLine_4qita_gg_.__hide_4qita_gg_{display:none}.___SLine_4qita_gg_.__transparent_4qita_gg_{opacity:.3}.___SNull_4qita_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_4qita_gg_.__hide_4qita_gg_{display:none}.___SLineArea_4qita_gg_{transition-property:d;transition-duration:var(--duration_4qita);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_4qita_gg_.__color_4qita_gg_{fill:var(--color_4qita)}" /*__inner_css_end__*/, "4qita_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SLine": "___SLine_4qita_gg_",
|
28
|
+
"--duration": "--duration_4qita",
|
29
|
+
"_color": "__color_4qita_gg_",
|
30
|
+
"--color": "--color_4qita",
|
31
|
+
"_hide": "__hide_4qita_gg_",
|
32
|
+
"_transparent": "__transparent_4qita_gg_",
|
33
|
+
"__SNull": "___SNull_4qita_gg_",
|
34
|
+
"__SLineArea": "___SLineArea_4qita_gg_"
|
35
35
|
});
|
36
36
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
37
37
|
(0, _inherits2["default"])(LineRoot, _Component);
|
@@ -190,9 +190,8 @@ function Null(props) {
|
|
190
190
|
}));
|
191
191
|
}
|
192
192
|
function Area(props) {
|
193
|
-
var _ref3;
|
194
193
|
var uid = (0, _uniqueID.useUID)();
|
195
|
-
var
|
194
|
+
var SLineArea = props.Element,
|
196
195
|
styles = props.styles,
|
197
196
|
data = props.data,
|
198
197
|
hide = props.hide,
|
@@ -205,29 +204,48 @@ function Area(props) {
|
|
205
204
|
_props$curve = props.curve,
|
206
205
|
curve = _props$curve === void 0 ? _d3Shape.curveCardinal : _props$curve,
|
207
206
|
area = props.area,
|
208
|
-
patterns = props.patterns
|
207
|
+
patterns = props.patterns,
|
208
|
+
_props$autoInterpolat = props.autoInterpolate,
|
209
|
+
autoInterpolate = _props$autoInterpolat === void 0 ? true : _props$autoInterpolat;
|
209
210
|
var _scale = (0, _slicedToArray2["default"])(scale, 2),
|
210
211
|
xScale = _scale[0],
|
211
212
|
yScale = _scale[1];
|
212
|
-
var dataToArea =
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
213
|
+
var dataToArea = _react["default"].useMemo(function () {
|
214
|
+
if (area) return area;
|
215
|
+
var chunked = data.reduce(function (acc, d) {
|
216
|
+
if (d[y0] === _utils.interpolateValue || d[y1] === _utils.interpolateValue) return acc;
|
217
|
+
if ((0, _utils.definedData)(y0, y1)(d)) {
|
218
|
+
acc[acc.length - 1].push(d);
|
219
|
+
} else if (acc[acc.length - 1].length > 0) {
|
220
|
+
acc.push([]);
|
221
|
+
}
|
222
|
+
return acc;
|
223
|
+
}, [[]]);
|
224
|
+
if (autoInterpolate) {
|
225
|
+
return [chunked.flat()];
|
226
|
+
}
|
227
|
+
return chunked;
|
228
|
+
}, [data, y0, y1, area, autoInterpolate]);
|
229
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, dataToArea.map(function (chunk, index) {
|
230
|
+
var _ref3;
|
231
|
+
var d3 = (0, _d3Shape.area)().curve(curve).x(function (data) {
|
232
|
+
return xScale(data[x]);
|
233
|
+
}).y0(function (data) {
|
234
|
+
return yScale(data[y0]);
|
235
|
+
}).y1(function (data) {
|
236
|
+
return yScale(data[y1]);
|
237
|
+
});
|
238
|
+
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineArea, _ref3.cn("SLineArea", {
|
239
|
+
"key": "".concat(chunk.length, "-").concat(index),
|
240
|
+
"aria-hidden": true,
|
241
|
+
"clipPath": "url(#".concat(uid, ")"),
|
242
|
+
"render": 'path',
|
243
|
+
"hide": hide,
|
244
|
+
"color": color,
|
245
|
+
"d": d3(chunk),
|
246
|
+
"use:duration": "".concat(duration, "ms"),
|
247
|
+
"patterns": patterns
|
248
|
+
}));
|
231
249
|
}));
|
232
250
|
}
|
233
251
|
var _default = (0, _createElement["default"])(LineRoot, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Line.js","names":["_react","_interopRequireDefault","require","_d3Shape","_core","_uniqueID","_interopRequireWildcard","_createElement","_utils","_Dots","_AnimatedClipPath","_Pattern","style","_index","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","patterns","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","getChartDefaultColorName","createElement","Fragment","cn","concat","resolvePatternDasharray","undefined","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","_ref3","useUID","SAria","y0","y1","_props$curve","curveCardinal","area","_scale","dataToArea","d","d3Area","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n definedData,\n definedNullData,\n scaleOfBandwidth,\n getNullData,\n interpolateValue,\n getChartDefaultColorName,\n} from './utils';\nimport Dots from './Dots';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { resolvePatternDasharray } from './Pattern';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n static displayName = 'Line';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n return {\n d3: d3Line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, d3, color, resolveColor, duration, transparent, patterns } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n resolveColor,\n duration,\n transparent,\n patterns,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, resolveColor } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n d3,\n // TODO: vertical\n data: getNullData(data, definedNullData(x, y), y),\n color,\n resolveColor,\n };\n }\n\n getAreaProps() {\n const { x, y, color, hide, duration, scale } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n color,\n hide,\n duration,\n scale,\n };\n }\n\n render() {\n const SLine = this.Element;\n const {\n styles,\n hide,\n color,\n resolveColor,\n uid,\n size,\n d3,\n duration,\n x,\n y,\n transparent,\n patterns,\n } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n const patternKey = color || getChartDefaultColorName(0);\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={resolveColor(color)}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n />\n {duration && (\n <AnimatedClipPath\n aria-hidden\n duration={duration}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nfunction Area(props) {\n const uid = useUID();\n const {\n Element: SAria,\n styles,\n data,\n hide,\n duration,\n color,\n scale,\n x,\n y0,\n y1,\n curve = curveCardinal,\n area,\n patterns,\n } = props;\n const [xScale, yScale] = scale;\n const dataToArea = area ?? data.filter((d) => definedData(y0, y1)(d));\n\n const d3 = d3Area()\n .curve(curve)\n .x((data) => xScale(data[x]))\n .y0((data) => yScale(data[y0]))\n .y1((data) => yScale(data[y1]));\n\n return sstyled(styles)(\n <SAria\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={color}\n d={d3(dataToArea)}\n use:duration={`${duration}ms`}\n patterns={patterns}\n />,\n );\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n Area,\n});\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Line.js","names":["_react","_interopRequireDefault","require","_d3Shape","_core","_uniqueID","_interopRequireWildcard","_createElement","_utils","_Dots","_AnimatedClipPath","_Pattern","style","_index","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","patterns","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","getChartDefaultColorName","createElement","Fragment","cn","concat","resolvePatternDasharray","undefined","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","useUID","SLineArea","y0","y1","_props$curve","curveCardinal","area","_props$autoInterpolat","autoInterpolate","_scale","dataToArea","React","useMemo","chunked","reduce","acc","d","length","push","flat","map","chunk","index","_ref3","d3Area","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n definedData,\n definedNullData,\n scaleOfBandwidth,\n getNullData,\n interpolateValue,\n getChartDefaultColorName,\n} from './utils';\nimport Dots from './Dots';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { resolvePatternDasharray } from './Pattern';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n static displayName = 'Line';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n return {\n d3: d3Line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, d3, color, resolveColor, duration, transparent, patterns } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n resolveColor,\n duration,\n transparent,\n patterns,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, resolveColor } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n d3,\n // TODO: vertical\n data: getNullData(data, definedNullData(x, y), y),\n color,\n resolveColor,\n };\n }\n\n getAreaProps() {\n const { x, y, color, hide, duration, scale } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n color,\n hide,\n duration,\n scale,\n };\n }\n\n render() {\n const SLine = this.Element;\n const {\n styles,\n hide,\n color,\n resolveColor,\n uid,\n size,\n d3,\n duration,\n x,\n y,\n transparent,\n patterns,\n } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n const patternKey = color || getChartDefaultColorName(0);\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={resolveColor(color)}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n />\n {duration && (\n <AnimatedClipPath\n aria-hidden\n duration={duration}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nfunction Area(props) {\n const uid = useUID();\n const {\n Element: SLineArea,\n styles,\n data,\n hide,\n duration,\n color,\n scale,\n x,\n y0,\n y1,\n curve = curveCardinal,\n area,\n patterns,\n autoInterpolate = true,\n } = props;\n const [xScale, yScale] = scale;\n const dataToArea = React.useMemo(() => {\n if (area) return area;\n const chunked = data.reduce(\n (acc, d) => {\n if (d[y0] === interpolateValue || d[y1] === interpolateValue) return acc;\n if (definedData(y0, y1)(d)) {\n acc[acc.length - 1].push(d);\n } else if (acc[acc.length - 1].length > 0) {\n acc.push([]);\n }\n return acc;\n },\n [[]],\n );\n if (autoInterpolate) {\n return [chunked.flat()];\n }\n\n return chunked;\n }, [data, y0, y1, area, autoInterpolate]);\n\n return (\n <>\n {dataToArea.map((chunk, index) => {\n const d3 = d3Area()\n .curve(curve)\n .x((data) => xScale(data[x]))\n .y0((data) => yScale(data[y0]))\n .y1((data) => yScale(data[y1]));\n\n return sstyled(styles)(\n <SLineArea\n key={`${chunk.length}-${index}`}\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={color}\n d={d3(chunk)}\n use:duration={`${duration}ms`}\n patterns={patterns}\n />,\n );\n })}\n </>\n );\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n Area,\n});\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAQA,IAAAO,KAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,iBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAAoD;AAAA,IAAAU,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI9CC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,gBAAA,mBAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EAiBZ,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA2E,IAAI,CAACC,OAAO;QAA/EC,CAAC,GAAAF,aAAA,CAADE,CAAC;QAAEC,CAAC,GAAAH,aAAA,CAADG,CAAC;QAAEC,EAAE,GAAAJ,aAAA,CAAFI,EAAE;QAAEC,KAAK,GAAAL,aAAA,CAALK,KAAK;QAAEC,YAAY,GAAAN,aAAA,CAAZM,YAAY;QAAEC,QAAQ,GAAAP,aAAA,CAARO,QAAQ;QAAEC,WAAW,GAAAR,aAAA,CAAXQ,WAAW;QAAEC,QAAQ,GAAAT,aAAA,CAARS,QAAQ;MACtE,OAAO;QACLP,CAAC,EAADA,CAAC;QACDC,CAAC,EAADA,CAAC;QACDC,EAAE,EAAFA,EAAE;QACFC,KAAK,EAALA,KAAK;QACLC,YAAY,EAAZA,YAAY;QACZC,QAAQ,EAARA,QAAQ;QACRC,WAAW,EAAXA,WAAW;QACXC,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAY,aAAA,EAAe;MACb,IAAAC,cAAA,GAA0C,IAAI,CAACV,OAAO;QAA9CC,CAAC,GAAAS,cAAA,CAADT,CAAC;QAAEC,CAAC,GAAAQ,cAAA,CAADR,CAAC;QAAEC,EAAE,GAAAO,cAAA,CAAFP,EAAE;QAAEC,KAAK,GAAAM,cAAA,CAALN,KAAK;QAAEC,YAAY,GAAAK,cAAA,CAAZL,YAAY;MACrC,IAAMM,IAAI,GAAG,IAAI,CAACX,OAAO,CAACW,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACX,CAAC,CAAC,KAAKY,uBAAgB;MAAA,EAAC;MAE7E,OAAO;QACLX,EAAE,EAAFA,EAAE;QACF;QACAQ,IAAI,EAAE,IAAAI,kBAAW,EAACJ,IAAI,EAAE,IAAAK,sBAAe,EAACf,CAAC,EAAEC,CAAC,CAAC,EAAEA,CAAC,CAAC;QACjDE,KAAK,EAALA,KAAK;QACLC,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAoB,aAAA,EAAe;MACb,IAAAC,cAAA,GAA+C,IAAI,CAAClB,OAAO;QAAnDC,CAAC,GAAAiB,cAAA,CAADjB,CAAC;QAAEC,CAAC,GAAAgB,cAAA,CAADhB,CAAC;QAAEE,KAAK,GAAAc,cAAA,CAALd,KAAK;QAAEe,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEb,QAAQ,GAAAY,cAAA,CAARZ,QAAQ;QAAEc,KAAK,GAAAF,cAAA,CAALE,KAAK;MAC1C,IAAMT,IAAI,GAAG,IAAI,CAACX,OAAO,CAACW,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACX,CAAC,CAAC,KAAKY,uBAAgB;MAAA,EAAC;MAE7E,OAAO;QACLb,CAAC,EAADA,CAAC;QACDC,CAAC,EAADA,CAAC;QACDS,IAAI,EAAJA,IAAI;QACJP,KAAK,EAALA,KAAK;QACLe,IAAI,EAAJA,IAAI;QACJb,QAAQ,EAARA,QAAQ;QACRc,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAxB,GAAA;IAAAC,KAAA,EAED,SAAAwB,OAAA,EAAS;MAAA,IAAAC,IAAA;MACP,IAAMC,KAAK,GAAG,IAAI,CAACC,OAAO;MAC1B,IAAAC,cAAA,GAaI,IAAI,CAACzB,OAAO;QAZd0B,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNP,IAAI,GAAAM,cAAA,CAAJN,IAAI;QACJf,KAAK,GAAAqB,cAAA,CAALrB,KAAK;QACLC,YAAY,GAAAoB,cAAA,CAAZpB,YAAY;QACZsB,GAAG,GAAAF,cAAA,CAAHE,GAAG;QACHC,IAAI,GAAAH,cAAA,CAAJG,IAAI;QACJzB,EAAE,GAAAsB,cAAA,CAAFtB,EAAE;QACFG,QAAQ,GAAAmB,cAAA,CAARnB,QAAQ;QACRL,CAAC,GAAAwB,cAAA,CAADxB,CAAC;QACDC,CAAC,GAAAuB,cAAA,CAADvB,CAAC;QACDK,WAAW,GAAAkB,cAAA,CAAXlB,WAAW;QACXC,QAAQ,GAAAiB,cAAA,CAARjB,QAAQ;MAEV,IAAMG,IAAI,GAAG,IAAI,CAACX,OAAO,CAACW,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACX,CAAC,CAAC,KAAKY,uBAAgB;MAAA,EAAC;MAE7E,IAAI,CAACd,OAAO,CAAC6B,gBAAgB,CAACC,oBAAoB,CAAC7B,CAAC,EAAEC,CAAC,CAAC;MACxD,IAAI,CAACF,OAAO,CAAC6B,gBAAgB,CAACE,iBAAiB,CAAC,aAAa,CAAC;MAE9D,IAAMC,UAAU,GAAG5B,KAAK,IAAI,IAAA6B,+BAAwB,EAAC,CAAC,CAAC;MAEvD,OAAAX,IAAA,GAAO,IAAArC,aAAO,EAACyC,MAAM,CAAC,eACpBvD,MAAA,YAAA+D,aAAA,CAAA/D,MAAA,YAAAgE,QAAA,qBACEhE,MAAA,YAAA+D,aAAA,CAACX,KAAK,EAAAD,IAAA,CAAAc,EAAA;QAAA;QAAA,oBAAAC,MAAA,CAEcV,GAAG;QAAA,UACd,MAAM;QAAA,QACPR,IAAI;QAAA,SACHd,YAAY,CAACD,KAAK,CAAC;QAAA,eACbG,WAAW;QAAA,KACrBJ,EAAE,CAACQ,IAAI,CAAC;QAAA,mBAAA0B,MAAA,CACM/B,QAAQ;QAAA,mBACRE,QAAQ,GAAG,IAAA8B,gCAAuB,EAACN,UAAU,EAAExB,QAAQ,CAAC,GAAG+B;MAAS,GACrF,EACDjC,QAAQ,iBACPnC,MAAA,YAAA+D,aAAA,CAACrD,iBAAA,WAAgB,EAAAyC,IAAA,CAAAc,EAAA;QAAA;QAAA,YAEL9B,QAAQ;QAAA,MACdqB,GAAG;QAAA,KACL,GAAG;QAAA,KACH,GAAG;QAAA,SACE,CAAC;QAAA,UACAC,IAAI,CAAC,CAAC;MAAC,GAElB,CACA;IAEP;EAAC;EAAA,OAAAzC,QAAA;AAAA,EA5GoBqD,eAAS;AAAA,IAAAC,gBAAA,aAA1BtD,QAAQ,iBACS,MAAM;AAAA,IAAAsD,gBAAA,aADvBtD,QAAQ,WAEGJ,KAAK;AAAA,IAAA0D,gBAAA,aAFhBtD,QAAQ,aAGK,CAAC,IAAAuD,oBAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAHpCtD,QAAQ,kBAKU,UAAAwD,KAAA,EAAsD;EAAA,IAAnD1C,CAAC,GAAA0C,KAAA,CAAD1C,CAAC;IAAEC,CAAC,GAAAyC,KAAA,CAADzC,CAAC;IAAE0C,UAAU,GAAAD,KAAA,CAAVC,UAAU;IAAAC,WAAA,GAAAF,KAAA,CAAEG,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAGE,oBAAW,GAAAF,WAAA;IAAEzB,KAAK,GAAAuB,KAAA,CAALvB,KAAK;EACnE,IAAA4B,KAAA,GAAyB5B,KAAK,IAAIwB,UAAU,CAACxB,KAAK;IAAA6B,KAAA,OAAAC,eAAA,aAAAF,KAAA;IAA3CG,MAAM,GAAAF,KAAA;IAAEG,MAAM,GAAAH,KAAA;EACrB,OAAO;IACL9C,EAAE,EAAE,IAAAkD,aAAM,GAAE,CACTC,OAAO,CAAC,IAAAC,kBAAW,EAACtD,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1B4C,KAAK,CAACA,KAAK,CAAC,CACZ7C,CAAC,CAAC,UAACuD,CAAC;MAAA,OAAK,IAAAC,uBAAgB,EAACN,MAAM,EAAEK,CAAC,CAACvD,CAAC,CAAC,CAAC;IAAA,EAAC,CACxCC,CAAC,CAAC,UAACsD,CAAC;MAAA,OAAK,IAAAC,uBAAgB,EAACL,MAAM,EAAEI,CAAC,CAACtD,CAAC,CAAC,CAAC;IAAA,EAAC;IAC3CI,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC;AAgGH,SAASoD,IAAIA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA;EACnB,IAAiBC,KAAK,GAA6BF,KAAK,CAAhDnC,OAAO;IAASE,MAAM,GAAqBiC,KAAK,CAAhCjC,MAAM;IAAEvB,EAAE,GAAiBwD,KAAK,CAAxBxD,EAAE;IAAEQ,IAAI,GAAWgD,KAAK,CAApBhD,IAAI;IAAEQ,IAAI,GAAKwC,KAAK,CAAdxC,IAAI;EAC9C,OAAAyC,KAAA,GAAO,IAAA3E,aAAO,EAACyC,MAAM,CAAC,eAACvD,MAAA,YAAA+D,aAAA,CAAC2B,KAAK,EAAAD,KAAA,CAAAxB,EAAA;IAAA,UAAQ,MAAM;IAAA,KAAIjC,EAAE,CAACQ,IAAI,CAAC;IAAA,QAAQQ;EAAI,GAAI;AACzE;AAEA,SAAS2C,IAAIA,CAACH,KAAK,EAAE;EACnB,IAAMhC,GAAG,GAAG,IAAAoC,gBAAM,GAAE;EACpB,IACWC,SAAS,GAchBL,KAAK,CAdPnC,OAAO;IACPE,MAAM,GAaJiC,KAAK,CAbPjC,MAAM;IACNf,IAAI,GAYFgD,KAAK,CAZPhD,IAAI;IACJQ,IAAI,GAWFwC,KAAK,CAXPxC,IAAI;IACJb,QAAQ,GAUNqD,KAAK,CAVPrD,QAAQ;IACRF,KAAK,GASHuD,KAAK,CATPvD,KAAK;IACLgB,KAAK,GAQHuC,KAAK,CARPvC,KAAK;IACLnB,CAAC,GAOC0D,KAAK,CAPP1D,CAAC;IACDgE,EAAE,GAMAN,KAAK,CANPM,EAAE;IACFC,EAAE,GAKAP,KAAK,CALPO,EAAE;IAAAC,YAAA,GAKAR,KAAK,CAJPb,KAAK;IAALA,KAAK,GAAAqB,YAAA,cAAGC,sBAAa,GAAAD,YAAA;IACrBE,IAAI,GAGFV,KAAK,CAHPU,IAAI;IACJ7D,QAAQ,GAENmD,KAAK,CAFPnD,QAAQ;IAAA8D,qBAAA,GAENX,KAAK,CADPY,eAAe;IAAfA,eAAe,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;EAExB,IAAAE,MAAA,OAAAtB,eAAA,aAAyB9B,KAAK;IAAvB+B,MAAM,GAAAqB,MAAA;IAAEpB,MAAM,GAAAoB,MAAA;EACrB,IAAMC,UAAU,GAAGC,iBAAK,CAACC,OAAO,CAAC,YAAM;IACrC,IAAIN,IAAI,EAAE,OAAOA,IAAI;IACrB,IAAMO,OAAO,GAAGjE,IAAI,CAACkE,MAAM,CACzB,UAACC,GAAG,EAAEC,CAAC,EAAK;MACV,IAAIA,CAAC,CAACd,EAAE,CAAC,KAAKnD,uBAAgB,IAAIiE,CAAC,CAACb,EAAE,CAAC,KAAKpD,uBAAgB,EAAE,OAAOgE,GAAG;MACxE,IAAI,IAAAvB,kBAAW,EAACU,EAAE,EAAEC,EAAE,CAAC,CAACa,CAAC,CAAC,EAAE;QAC1BD,GAAG,CAACA,GAAG,CAACE,MAAM,GAAG,CAAC,CAAC,CAACC,IAAI,CAACF,CAAC,CAAC;MAC7B,CAAC,MAAM,IAAID,GAAG,CAACA,GAAG,CAACE,MAAM,GAAG,CAAC,CAAC,CAACA,MAAM,GAAG,CAAC,EAAE;QACzCF,GAAG,CAACG,IAAI,CAAC,EAAE,CAAC;MACd;MACA,OAAOH,GAAG;IACZ,CAAC,EACD,CAAC,EAAE,CAAC,CACL;IACD,IAAIP,eAAe,EAAE;MACnB,OAAO,CAACK,OAAO,CAACM,IAAI,EAAE,CAAC;IACzB;IAEA,OAAON,OAAO;EAChB,CAAC,EAAE,CAACjE,IAAI,EAAEsD,EAAE,EAAEC,EAAE,EAAEG,IAAI,EAAEE,eAAe,CAAC,CAAC;EAEzC,oBACEpG,MAAA,YAAA+D,aAAA,CAAA/D,MAAA,YAAAgE,QAAA,QACGsC,UAAU,CAACU,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;IAAA,IAAAC,KAAA;IAChC,IAAMnF,EAAE,GAAG,IAAAoF,aAAM,GAAE,CAChBzC,KAAK,CAACA,KAAK,CAAC,CACZ7C,CAAC,CAAC,UAACU,IAAI;MAAA,OAAKwC,MAAM,CAACxC,IAAI,CAACV,CAAC,CAAC,CAAC;IAAA,EAAC,CAC5BgE,EAAE,CAAC,UAACtD,IAAI;MAAA,OAAKyC,MAAM,CAACzC,IAAI,CAACsD,EAAE,CAAC,CAAC;IAAA,EAAC,CAC9BC,EAAE,CAAC,UAACvD,IAAI;MAAA,OAAKyC,MAAM,CAACzC,IAAI,CAACuD,EAAE,CAAC,CAAC;IAAA,EAAC;IAEjC,OAAAoB,KAAA,GAAO,IAAArG,aAAO,EAACyC,MAAM,CAAC,eACpBvD,MAAA,YAAA+D,aAAA,CAAC8B,SAAS,EAAAsB,KAAA,CAAAlD,EAAA;MAAA,UAAAC,MAAA,CACA+C,KAAK,CAACJ,MAAM,OAAA3C,MAAA,CAAIgD,KAAK;MAAA;MAAA,oBAAAhD,MAAA,CAEXV,GAAG;MAAA,UACd,MAAM;MAAA,QACPR,IAAI;MAAA,SACHf,KAAK;MAAA,KACTD,EAAE,CAACiF,KAAK,CAAC;MAAA,mBAAA/C,MAAA,CACK/B,QAAQ;MAAA,YACfE;IAAQ,GAClB;EAEN,CAAC,CAAC,CACD;AAEP;AAAC,IAAAgF,QAAA,GAEc,IAAAtD,yBAAa,EAAC/C,QAAQ,EAAE;EACrCsG,IAAI,EAAJA,gBAAI;EACJ/B,IAAI,EAAJA,IAAI;EACJI,IAAI,EAAJA;AACF,CAAC,CAAC;AAAA4B,OAAA,cAAAF,QAAA"}
|
package/d3-chart/lib/cjs/Plot.js
CHANGED
@@ -25,9 +25,9 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
25
25
|
var _hints = require("./a11y/hints");
|
26
26
|
var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
|
27
27
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
29
|
-
"__SPlot": "
|
30
|
-
"_keyboardFocused": "
|
28
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPlot_p45ac_gg_{overflow:hidden}.___SPlot_p45ac_gg_:active,.___SPlot_p45ac_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_p45ac_gg_.__keyboardFocused_p45ac_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "p45ac_gg_") /*__reshadow_css_end__*/, {
|
29
|
+
"__SPlot": "___SPlot_p45ac_gg_",
|
30
|
+
"_keyboardFocused": "__keyboardFocused_p45ac_gg_"
|
31
31
|
});
|
32
32
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
33
33
|
(0, _inherits2["default"])(PlotRoot, _Component);
|
@@ -30,25 +30,25 @@ var _utils = require("./utils");
|
|
30
30
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
31
31
|
var _Pattern = require("./Pattern");
|
32
32
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
33
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
34
|
-
"__SAxis": "
|
35
|
-
"__SAxisLine": "
|
36
|
-
"__SAxisTick": "
|
37
|
-
"_active": "
|
38
|
-
"__SAxisLabel": "
|
39
|
-
"_xDirection": "
|
40
|
-
"--xDirection": "--
|
41
|
-
"_yDirection": "
|
42
|
-
"--yDirection": "--
|
43
|
-
"__SPolygon": "
|
44
|
-
"_color": "
|
45
|
-
"--color": "--
|
46
|
-
"_pattern": "
|
47
|
-
"--pattern": "--
|
48
|
-
"__SPolygonDot": "
|
49
|
-
"_transparent": "
|
50
|
-
"__SPolygonLine": "
|
51
|
-
"__SPieRect": "
|
33
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1sdzj_gg_,.___SAxisTick_1sdzj_gg_,.___SAxis_1sdzj_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1sdzj_gg_,.___SAxisTick_1sdzj_gg_{stroke-dasharray:2}.___SAxisLine_1sdzj_gg_.__active_1sdzj_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1sdzj_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1sdzj_gg_.__xDirection_1sdzj_gg_{text-anchor:var(--xDirection_1sdzj)}.___SAxisLabel_1sdzj_gg_.__yDirection_1sdzj_gg_{dominant-baseline:var(--yDirection_1sdzj)}.___SPolygonDot_1sdzj_gg_,.___SPolygon_1sdzj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1sdzj_gg_{opacity:.2}.___SPolygon_1sdzj_gg_.__color_1sdzj_gg_{fill:var(--color_1sdzj)}.___SPolygon_1sdzj_gg_.__pattern_1sdzj_gg_.__color_1sdzj_gg_{fill:var(--pattern_1sdzj);stroke:var(--color_1sdzj);stroke-width:1px}.___SPolygonDot_1sdzj_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1sdzj_gg_.__transparent_1sdzj_gg_{opacity:.3}.___SPolygonDot_1sdzj_gg_.__color_1sdzj_gg_{fill:var(--color_1sdzj)}.___SPolygonLine_1sdzj_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1sdzj_gg_.__transparent_1sdzj_gg_{opacity:.3}.___SPolygonLine_1sdzj_gg_.__color_1sdzj_gg_{stroke:var(--color_1sdzj)}.___SPieRect_1sdzj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1sdzj_gg_") /*__reshadow_css_end__*/, {
|
34
|
+
"__SAxis": "___SAxis_1sdzj_gg_",
|
35
|
+
"__SAxisLine": "___SAxisLine_1sdzj_gg_",
|
36
|
+
"__SAxisTick": "___SAxisTick_1sdzj_gg_",
|
37
|
+
"_active": "__active_1sdzj_gg_",
|
38
|
+
"__SAxisLabel": "___SAxisLabel_1sdzj_gg_",
|
39
|
+
"_xDirection": "__xDirection_1sdzj_gg_",
|
40
|
+
"--xDirection": "--xDirection_1sdzj",
|
41
|
+
"_yDirection": "__yDirection_1sdzj_gg_",
|
42
|
+
"--yDirection": "--yDirection_1sdzj",
|
43
|
+
"__SPolygon": "___SPolygon_1sdzj_gg_",
|
44
|
+
"_color": "__color_1sdzj_gg_",
|
45
|
+
"--color": "--color_1sdzj",
|
46
|
+
"_pattern": "__pattern_1sdzj_gg_",
|
47
|
+
"--pattern": "--pattern_1sdzj",
|
48
|
+
"__SPolygonDot": "___SPolygonDot_1sdzj_gg_",
|
49
|
+
"_transparent": "__transparent_1sdzj_gg_",
|
50
|
+
"__SPolygonLine": "___SPolygonLine_1sdzj_gg_",
|
51
|
+
"__SPieRect": "___SPieRect_1sdzj_gg_"
|
52
52
|
});
|
53
53
|
var clampAngle = function clampAngle(angle) {
|
54
54
|
angle = angle % (2 * Math.PI);
|
@@ -28,17 +28,17 @@ var _utils = require("./utils");
|
|
28
28
|
var _Pattern = require("./Pattern");
|
29
29
|
var _excluded = ["data"];
|
30
30
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SRadian": "
|
33
|
-
"__SLine": "
|
34
|
-
"_color": "
|
35
|
-
"--color": "--
|
36
|
-
"_transparent": "
|
37
|
-
"__SCap": "
|
38
|
-
"_pattern": "
|
39
|
-
"__SIcon": "
|
40
|
-
"__SLabel": "
|
41
|
-
"__SLineCap": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SRadian_1slex_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1slex_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1slex_gg_.__color_1slex_gg_{stroke:var(--color_1slex)}.___SLine_1slex_gg_.__transparent_1slex_gg_{opacity:.3}.___SCap_1slex_gg_{transition:r .1s}.___SCap_1slex_gg_.__pattern_1slex_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1slex_gg_.__transparent_1slex_gg_,.___SIcon_1slex_gg_.__transparent_1slex_gg_,.___SLabel_1slex_gg_.__transparent_1slex_gg_{opacity:.3}.___SLabel_1slex_gg_{fill:var(--color_1slex)}@media (hover:hover){.___SRadian_1slex_gg_:hover .___SLabel_1slex_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1slex_gg_{transition:none}}" /*__inner_css_end__*/, "1slex_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SRadian": "___SRadian_1slex_gg_",
|
33
|
+
"__SLine": "___SLine_1slex_gg_",
|
34
|
+
"_color": "__color_1slex_gg_",
|
35
|
+
"--color": "--color_1slex",
|
36
|
+
"_transparent": "__transparent_1slex_gg_",
|
37
|
+
"__SCap": "___SCap_1slex_gg_",
|
38
|
+
"_pattern": "__pattern_1slex_gg_",
|
39
|
+
"__SIcon": "___SIcon_1slex_gg_",
|
40
|
+
"__SLabel": "___SLabel_1slex_gg_",
|
41
|
+
"__SLineCap": "___SLineCap_1slex_gg_"
|
42
42
|
});
|
43
43
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
44
44
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|