@semcore/d3-chart 3.56.1 → 3.56.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +16 -16
- package/lib/cjs/Bubble.js +12 -12
- package/lib/cjs/CompactHorizontalBar.js +16 -16
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +16 -16
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Pattern.js +2 -2
- package/lib/cjs/Pattern.js.map +1 -1
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +19 -19
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/Reference.js +12 -12
- package/lib/cjs/ScatterPlot.js +9 -9
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +9 -9
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +16 -16
- package/lib/es6/Bubble.js +12 -12
- package/lib/es6/CompactHorizontalBar.js +16 -16
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +16 -16
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Pattern.js +2 -2
- package/lib/es6/Pattern.js.map +1 -1
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/Reference.js +12 -12
- package/lib/es6/ScatterPlot.js +9 -9
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +9 -9
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/package.json +6 -6
package/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("@semcore/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_14ffo_gg_{overflow:hidden}.___SPlot_14ffo_gg_:active,.___SPlot_14ffo_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_14ffo_gg_.__keyboardFocused_14ffo_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__*/, "14ffo_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SPlot": "___SPlot_14ffo_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_14ffo_gg_"
|
|
31
31
|
});
|
|
32
32
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
(0, _inherits2["default"])(PlotRoot, _Component);
|
package/lib/cjs/Radar.js
CHANGED
|
@@ -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_1bk40_gg_,.___SAxisTick_1bk40_gg_,.___SAxis_1bk40_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1bk40_gg_,.___SAxisTick_1bk40_gg_{stroke-dasharray:2}.___SAxisLine_1bk40_gg_.__active_1bk40_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1bk40_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1bk40_gg_.__xDirection_1bk40_gg_{text-anchor:var(--xDirection_1bk40)}.___SAxisLabel_1bk40_gg_.__yDirection_1bk40_gg_{dominant-baseline:var(--yDirection_1bk40)}.___SPolygonDot_1bk40_gg_,.___SPolygon_1bk40_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1bk40_gg_{opacity:.2}.___SPolygon_1bk40_gg_.__color_1bk40_gg_{fill:var(--color_1bk40)}.___SPolygon_1bk40_gg_.__pattern_1bk40_gg_.__color_1bk40_gg_{fill:var(--pattern_1bk40);stroke:var(--color_1bk40);stroke-width:1px}.___SPolygonDot_1bk40_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1bk40_gg_.__transparent_1bk40_gg_{opacity:.3}.___SPolygonDot_1bk40_gg_.__color_1bk40_gg_{fill:var(--color_1bk40)}.___SPolygonLine_1bk40_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1bk40_gg_.__transparent_1bk40_gg_{opacity:.3}.___SPolygonLine_1bk40_gg_.__color_1bk40_gg_{stroke:var(--color_1bk40)}.___SPieRect_1bk40_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1bk40_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__SAxis": "___SAxis_1bk40_gg_",
|
|
35
|
+
"__SAxisLine": "___SAxisLine_1bk40_gg_",
|
|
36
|
+
"__SAxisTick": "___SAxisTick_1bk40_gg_",
|
|
37
|
+
"_active": "__active_1bk40_gg_",
|
|
38
|
+
"__SAxisLabel": "___SAxisLabel_1bk40_gg_",
|
|
39
|
+
"_xDirection": "__xDirection_1bk40_gg_",
|
|
40
|
+
"--xDirection": "--xDirection_1bk40",
|
|
41
|
+
"_yDirection": "__yDirection_1bk40_gg_",
|
|
42
|
+
"--yDirection": "--yDirection_1bk40",
|
|
43
|
+
"__SPolygon": "___SPolygon_1bk40_gg_",
|
|
44
|
+
"_color": "__color_1bk40_gg_",
|
|
45
|
+
"--color": "--color_1bk40",
|
|
46
|
+
"_pattern": "__pattern_1bk40_gg_",
|
|
47
|
+
"--pattern": "--pattern_1bk40",
|
|
48
|
+
"__SPolygonDot": "___SPolygonDot_1bk40_gg_",
|
|
49
|
+
"_transparent": "__transparent_1bk40_gg_",
|
|
50
|
+
"__SPolygonLine": "___SPolygonLine_1bk40_gg_",
|
|
51
|
+
"__SPieRect": "___SPieRect_1bk40_gg_"
|
|
52
52
|
});
|
|
53
53
|
var clampAngle = function clampAngle(angle) {
|
|
54
54
|
angle = angle % (2 * Math.PI);
|
package/lib/cjs/RadialTree.js
CHANGED
|
@@ -28,18 +28,18 @@ 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
|
-
"_stroke": "
|
|
35
|
-
"--stroke": "--
|
|
36
|
-
"_transparent": "
|
|
37
|
-
"__SCap": "
|
|
38
|
-
"_pattern": "
|
|
39
|
-
"__SIcon": "
|
|
40
|
-
"__SLabel": "
|
|
41
|
-
"--color": "--
|
|
42
|
-
"__SLineCap": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SRadian_r3h8g_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_r3h8g_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_r3h8g_gg_.__stroke_r3h8g_gg_{stroke:var(--stroke_r3h8g)}.___SLine_r3h8g_gg_.__transparent_r3h8g_gg_{opacity:.3}.___SCap_r3h8g_gg_{transition:r .1s}.___SCap_r3h8g_gg_.__pattern_r3h8g_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_r3h8g_gg_.__transparent_r3h8g_gg_,.___SIcon_r3h8g_gg_.__transparent_r3h8g_gg_,.___SLabel_r3h8g_gg_.__transparent_r3h8g_gg_{opacity:.3}.___SLabel_r3h8g_gg_{fill:var(--color_r3h8g)}@media (hover:hover){.___SRadian_r3h8g_gg_:hover .___SLabel_r3h8g_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_r3h8g_gg_{transition:none}}" /*__inner_css_end__*/, "r3h8g_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SRadian": "___SRadian_r3h8g_gg_",
|
|
33
|
+
"__SLine": "___SLine_r3h8g_gg_",
|
|
34
|
+
"_stroke": "__stroke_r3h8g_gg_",
|
|
35
|
+
"--stroke": "--stroke_r3h8g",
|
|
36
|
+
"_transparent": "__transparent_r3h8g_gg_",
|
|
37
|
+
"__SCap": "___SCap_r3h8g_gg_",
|
|
38
|
+
"_pattern": "__pattern_r3h8g_gg_",
|
|
39
|
+
"__SIcon": "___SIcon_r3h8g_gg_",
|
|
40
|
+
"__SLabel": "___SLabel_r3h8g_gg_",
|
|
41
|
+
"--color": "--color_r3h8g",
|
|
42
|
+
"__SLineCap": "___SLineCap_r3h8g_gg_"
|
|
43
43
|
});
|
|
44
44
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
45
45
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Reference.js
CHANGED
|
@@ -19,18 +19,18 @@ var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
|
19
19
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
/*__reshadow-styles__:"./style/reference.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SReferenceLine": "
|
|
24
|
-
"__STitle": "
|
|
25
|
-
"--transform-origin": "--transform-
|
|
26
|
-
"_position_top": "
|
|
27
|
-
"_position_bottom": "
|
|
28
|
-
"_position_right": "
|
|
29
|
-
"_position_left": "
|
|
30
|
-
"__SBackground": "
|
|
31
|
-
"__SStripes": "
|
|
32
|
-
"--fill": "--
|
|
33
|
-
"__SStripesPatternPath": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_113v3_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_113v3_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_113v3)}.___STitle_113v3_gg_._position_top_113v3_gg_{text-anchor:middle}.___STitle_113v3_gg_._position_bottom_113v3_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_113v3_gg_._position_left_113v3_gg_,.___STitle_113v3_gg_._position_right_113v3_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_113v3_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_113v3_gg_{fill:var(--fill_113v3)}.___SStripesPatternPath_113v3_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}" /*__inner_css_end__*/, "113v3_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SReferenceLine": "___SReferenceLine_113v3_gg_",
|
|
24
|
+
"__STitle": "___STitle_113v3_gg_",
|
|
25
|
+
"--transform-origin": "--transform-origin_113v3",
|
|
26
|
+
"_position_top": "_position_top_113v3_gg_",
|
|
27
|
+
"_position_bottom": "_position_bottom_113v3_gg_",
|
|
28
|
+
"_position_right": "_position_right_113v3_gg_",
|
|
29
|
+
"_position_left": "_position_left_113v3_gg_",
|
|
30
|
+
"__SBackground": "___SBackground_113v3_gg_",
|
|
31
|
+
"__SStripes": "___SStripes_113v3_gg_",
|
|
32
|
+
"--fill": "--fill_113v3",
|
|
33
|
+
"__SStripesPatternPath": "___SStripesPatternPath_113v3_gg_"
|
|
34
34
|
});
|
|
35
35
|
var side2direction = {
|
|
36
36
|
left: 'vertical',
|
package/lib/cjs/ScatterPlot.js
CHANGED
|
@@ -24,15 +24,15 @@ var _utils = require("./utils");
|
|
|
24
24
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
25
25
|
var _Pattern = require("./Pattern");
|
|
26
26
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__SScatterPlot": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_pattern": "
|
|
32
|
-
"--pattern": "--
|
|
33
|
-
"_transparent": "
|
|
34
|
-
"__SValue": "
|
|
35
|
-
"--duration": "--
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_eyonf_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_eyonf);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_eyonf_gg_:hover{opacity:.8}}.___SScatterPlot_eyonf_gg_.__color_eyonf_gg_{fill:var(--color_eyonf)}.___SScatterPlot_eyonf_gg_.__pattern_eyonf_gg_.__color_eyonf_gg_{fill:var(--pattern_eyonf);stroke:var(--color_eyonf);stroke-width:1px}.___SScatterPlot_eyonf_gg_.__transparent_eyonf_gg_{opacity:.3}.___SValue_eyonf_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_eyonf_gg_.__color_eyonf_gg_{stroke:var(--color_eyonf)}.___SValue_eyonf_gg_.__transparent_eyonf_gg_{opacity:.3}" /*__inner_css_end__*/, "eyonf_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SScatterPlot": "___SScatterPlot_eyonf_gg_",
|
|
29
|
+
"_color": "__color_eyonf_gg_",
|
|
30
|
+
"--color": "--color_eyonf",
|
|
31
|
+
"_pattern": "__pattern_eyonf_gg_",
|
|
32
|
+
"--pattern": "--pattern_eyonf",
|
|
33
|
+
"_transparent": "__transparent_eyonf_gg_",
|
|
34
|
+
"__SValue": "___SValue_eyonf_gg_",
|
|
35
|
+
"--duration": "--duration_eyonf"
|
|
36
36
|
});
|
|
37
37
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
38
38
|
(0, _inherits2["default"])(ScatterPlotRoot, _Component);
|
package/lib/cjs/Tooltip.js
CHANGED
|
@@ -25,15 +25,15 @@ var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
|
25
25
|
var _Pattern = require("./Pattern");
|
|
26
26
|
var _excluded = ["Children", "children", "tag", "forcedAdvancedMode", "onClick"];
|
|
27
27
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__STooltip": "
|
|
30
|
-
"__STitle": "
|
|
31
|
-
"__SDotGroup": "
|
|
32
|
-
"__SDot": "
|
|
33
|
-
"__SDotCircle": "
|
|
34
|
-
"_color": "
|
|
35
|
-
"--color": "--
|
|
36
|
-
"__SFooter": "
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STooltip_1beau_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_1beau_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1beau_gg_{display:flex;align-items:center}.___SDot_1beau_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1beau_gg_.__color_1beau_gg_{background-color:var(--color_1beau);width:8px;height:8px;border-radius:50%}.___SFooter_1beau_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__*/, "1beau_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__STooltip": "___STooltip_1beau_gg_",
|
|
30
|
+
"__STitle": "___STitle_1beau_gg_",
|
|
31
|
+
"__SDotGroup": "___SDotGroup_1beau_gg_",
|
|
32
|
+
"__SDot": "___SDot_1beau_gg_",
|
|
33
|
+
"__SDotCircle": "___SDotCircle_1beau_gg_",
|
|
34
|
+
"_color": "__color_1beau_gg_",
|
|
35
|
+
"--color": "--color_1beau",
|
|
36
|
+
"__SFooter": "___SFooter_1beau_gg_"
|
|
37
37
|
});
|
|
38
38
|
/**
|
|
39
39
|
* `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
|
package/lib/cjs/Venn.js
CHANGED
|
@@ -26,15 +26,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
|
26
26
|
var _Pattern = require("./Pattern");
|
|
27
27
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
28
28
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
29
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
30
|
-
"__SCircle": "
|
|
31
|
-
"_color": "
|
|
32
|
-
"--color": "--
|
|
33
|
-
"_transparent": "
|
|
34
|
-
"__SIntersection": "
|
|
35
|
-
"--duration": "--
|
|
36
|
-
"_pattern": "
|
|
37
|
-
"--pattern": "--
|
|
29
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCircle_vzit4_gg_,.___SIntersection_vzit4_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_vzit4_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_vzit4);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_vzit4_gg_:hover{fill-opacity:.7}}.___SCircle_vzit4_gg_.__color_vzit4_gg_{fill:var(--color_vzit4)}.___SCircle_vzit4_gg_.__pattern_vzit4_gg_.__color_vzit4_gg_{fill:var(--pattern_vzit4);fill-opacity:.7;stroke:var(--color_vzit4);stroke-width:1px}@media (hover:hover){.___SCircle_vzit4_gg_.__pattern_vzit4_gg_.__color_vzit4_gg_:hover{fill-opacity:.85}}.___SCircle_vzit4_gg_.__transparent_vzit4_gg_{opacity:.3}.___SIntersection_vzit4_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_vzit4_gg_:hover{fill-opacity:.1}}.___SIntersection_vzit4_gg_.__transparent_vzit4_gg_{opacity:.3}" /*__inner_css_end__*/, "vzit4_gg_") /*__reshadow_css_end__*/, {
|
|
30
|
+
"__SCircle": "___SCircle_vzit4_gg_",
|
|
31
|
+
"_color": "__color_vzit4_gg_",
|
|
32
|
+
"--color": "--color_vzit4",
|
|
33
|
+
"_transparent": "__transparent_vzit4_gg_",
|
|
34
|
+
"__SIntersection": "___SIntersection_vzit4_gg_",
|
|
35
|
+
"--duration": "--duration_vzit4",
|
|
36
|
+
"_pattern": "__pattern_vzit4_gg_",
|
|
37
|
+
"--pattern": "--pattern_vzit4"
|
|
38
38
|
});
|
|
39
39
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
40
40
|
(0, _inherits2["default"])(VennRoot, _Component);
|
|
@@ -17,8 +17,8 @@ var _intergalacticDynamicLocales = require("./translations/module/__intergalacti
|
|
|
17
17
|
var _WithI18n = require("@semcore/utils/lib/enhances/WithI18n");
|
|
18
18
|
var _flexBox = require("@semcore/flex-box");
|
|
19
19
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
20
|
-
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SPlotA11yModule": "
|
|
20
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_14521_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_14521_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "14521_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SPlotA11yModule": "___SPlotA11yModule_14521_gg_"
|
|
22
22
|
});
|
|
23
23
|
var globalWasFocused = false;
|
|
24
24
|
var globalNavWithKeyboard = false;
|
|
@@ -19,8 +19,8 @@ var _i18nEnhance = require("@semcore/utils/lib/enhances/i18nEnhance");
|
|
|
19
19
|
var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
|
|
20
20
|
var _DataAccessibilityTable = require("./DataAccessibilityTable");
|
|
21
21
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
22
|
-
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SPlotA11yView": "
|
|
22
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1jtme_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1jtme_gg_:focus,.___SPlotA11yView_1jtme_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1jtme_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1jtme_gg_ table,.___SPlotA11yView_1jtme_gg_ td,.___SPlotA11yView_1jtme_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1jtme_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SPlotA11yView": "___SPlotA11yView_1jtme_gg_"
|
|
24
24
|
});
|
|
25
25
|
var PlotA11yView = function PlotA11yView(_ref3) {
|
|
26
26
|
var _ref = arguments[0],
|
|
@@ -23,10 +23,10 @@ var _BaseLegend2 = require("../BaseLegend");
|
|
|
23
23
|
var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
|
|
24
24
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
25
25
|
/*__reshadow-styles__:"./legend-flex.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SLegendFlex": "
|
|
28
|
-
"_direction_row": "
|
|
29
|
-
"_direction_column": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1ld7n_gg_._direction_row_1ld7n_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1ld7n_gg_._direction_column_1ld7n_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1ld7n_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SLegendFlex": "___SLegendFlex_1ld7n_gg_",
|
|
28
|
+
"_direction_row": "_direction_row_1ld7n_gg_",
|
|
29
|
+
"_direction_column": "_direction_column_1ld7n_gg_"
|
|
30
30
|
});
|
|
31
31
|
var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
32
32
|
(0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);
|
|
@@ -25,23 +25,23 @@ var _Pattern = require("../../../Pattern");
|
|
|
25
25
|
var _utils = require("../../../utils");
|
|
26
26
|
var _excluded = ["id", "checked", "color", "onChangeLegendItem"];
|
|
27
27
|
/*__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SLegendItem": "
|
|
30
|
-
"_disabled": "
|
|
31
|
-
"__SPointShape": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"_shape_Circle": "
|
|
35
|
-
"_size_l": "
|
|
36
|
-
"_size_m": "
|
|
37
|
-
"_shape_Line": "
|
|
38
|
-
"_shape_Square": "
|
|
39
|
-
"_shape_Pattern": "
|
|
40
|
-
"__SIcon": "
|
|
41
|
-
"__SLabel": "
|
|
42
|
-
"__SAdditionalLabel": "
|
|
43
|
-
"__SCount": "
|
|
44
|
-
"__SPatternSymbol": "
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_v1f80_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_v1f80_gg_:hover{cursor:pointer}.___SLegendItem_v1f80_gg_.__disabled_v1f80_gg_:hover{cursor:default}}.___SPointShape_v1f80_gg_.__color_v1f80_gg_{background-color:var(--color_v1f80);margin-right:8px;flex-shrink:0}.___SPointShape_v1f80_gg_._shape_Circle_v1f80_gg_._size_l_v1f80_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_v1f80_gg_._shape_Circle_v1f80_gg_._size_m_v1f80_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_v1f80_gg_._shape_Line_v1f80_gg_._size_l_v1f80_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_v1f80_gg_._shape_Line_v1f80_gg_._size_m_v1f80_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_v1f80_gg_._shape_Square_v1f80_gg_._size_l_v1f80_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_v1f80_gg_._shape_Square_v1f80_gg_._size_m_v1f80_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_v1f80_gg_._shape_Pattern_v1f80_gg_{background-color:transparent;margin-right:4px}.___SIcon_v1f80_gg_{line-height:0;margin-right:4px}.___SIcon_v1f80_gg_._size_l_v1f80_gg_{margin-top:4px}.___SIcon_v1f80_gg_._size_m_v1f80_gg_{margin-top:2px}.___SLabel_v1f80_gg_{min-width:0}.___SAdditionalLabel_v1f80_gg_._size_l_v1f80_gg_,.___SCount_v1f80_gg_._size_l_v1f80_gg_,.___SLabel_v1f80_gg_._size_l_v1f80_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_v1f80_gg_._size_m_v1f80_gg_,.___SCount_v1f80_gg_._size_m_v1f80_gg_,.___SLabel_v1f80_gg_._size_m_v1f80_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_v1f80_gg_,.___SCount_v1f80_gg_{margin-left:4px}.___SAdditionalLabel_v1f80_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_v1f80_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_v1f80_gg_._size_l_v1f80_gg_::before{margin-top:10px}.___SAdditionalLabel_v1f80_gg_._size_m_v1f80_gg_::before{margin-top:8px}.___SPatternSymbol_v1f80_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "v1f80_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SLegendItem": "___SLegendItem_v1f80_gg_",
|
|
30
|
+
"_disabled": "__disabled_v1f80_gg_",
|
|
31
|
+
"__SPointShape": "___SPointShape_v1f80_gg_",
|
|
32
|
+
"_color": "__color_v1f80_gg_",
|
|
33
|
+
"--color": "--color_v1f80",
|
|
34
|
+
"_shape_Circle": "_shape_Circle_v1f80_gg_",
|
|
35
|
+
"_size_l": "_size_l_v1f80_gg_",
|
|
36
|
+
"_size_m": "_size_m_v1f80_gg_",
|
|
37
|
+
"_shape_Line": "_shape_Line_v1f80_gg_",
|
|
38
|
+
"_shape_Square": "_shape_Square_v1f80_gg_",
|
|
39
|
+
"_shape_Pattern": "_shape_Pattern_v1f80_gg_",
|
|
40
|
+
"__SIcon": "___SIcon_v1f80_gg_",
|
|
41
|
+
"__SLabel": "___SLabel_v1f80_gg_",
|
|
42
|
+
"__SAdditionalLabel": "___SAdditionalLabel_v1f80_gg_",
|
|
43
|
+
"__SCount": "___SCount_v1f80_gg_",
|
|
44
|
+
"__SPatternSymbol": "___SPatternSymbol_v1f80_gg_"
|
|
45
45
|
});
|
|
46
46
|
var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
|
47
47
|
(0, _inherits2["default"])(LegendItemRoot, _Component);
|
|
@@ -19,12 +19,12 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
19
19
|
var _LegendItem = require("../LegendItem/LegendItem");
|
|
20
20
|
var _BaseLegend2 = require("../BaseLegend");
|
|
21
21
|
/*__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SLegendTable": "
|
|
24
|
-
"_columns-count": "__columns-
|
|
25
|
-
"__SColumnItem": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_size_m": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_kikxf_gg_.__columns-count_kikxf_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_kikxf_gg_._size_l_kikxf_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_kikxf_gg_._size_m_kikxf_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "kikxf_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SLegendTable": "___SLegendTable_kikxf_gg_",
|
|
24
|
+
"_columns-count": "__columns-count_kikxf_gg_",
|
|
25
|
+
"__SColumnItem": "___SColumnItem_kikxf_gg_",
|
|
26
|
+
"_size_l": "_size_l_kikxf_gg_",
|
|
27
|
+
"_size_m": "_size_m_kikxf_gg_"
|
|
28
28
|
});
|
|
29
29
|
var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
30
30
|
(0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
|
package/lib/es6/Area.js
CHANGED
|
@@ -16,17 +16,17 @@ import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolat
|
|
|
16
16
|
import AnimatedClipPath from './AnimatedClipPath';
|
|
17
17
|
import { PatternFill } from './Pattern';
|
|
18
18
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SArea": "
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_pattern": "
|
|
24
|
-
"--pattern": "--
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"__SAreaLine": "
|
|
27
|
-
"--duration": "--
|
|
28
|
-
"__SNull": "
|
|
29
|
-
"_hide": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_1h5l4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1h5l4_gg_.__color_1h5l4_gg_{fill:var(--color_1h5l4)}.___SArea_1h5l4_gg_.__pattern_1h5l4_gg_{fill:var(--pattern_1h5l4);fill-opacity:.7}.___SArea_1h5l4_gg_.__transparent_1h5l4_gg_{opacity:.3}.___SAreaLine_1h5l4_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1h5l4_gg_.__color_1h5l4_gg_{stroke:var(--color_1h5l4)}.___SAreaLine_1h5l4_gg_.__transparent_1h5l4_gg_{opacity:.3}.___SAreaLine_1h5l4_gg_,.___SArea_1h5l4_gg_{transition-property:d;transition-duration:var(--duration_1h5l4);transition-timing-function:ease-in-out}.___SNull_1h5l4_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1h5l4_gg_.__hide_1h5l4_gg_{display:none}" /*__inner_css_end__*/, "1h5l4_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SArea": "___SArea_1h5l4_gg_",
|
|
21
|
+
"_color": "__color_1h5l4_gg_",
|
|
22
|
+
"--color": "--color_1h5l4",
|
|
23
|
+
"_pattern": "__pattern_1h5l4_gg_",
|
|
24
|
+
"--pattern": "--pattern_1h5l4",
|
|
25
|
+
"_transparent": "__transparent_1h5l4_gg_",
|
|
26
|
+
"__SAreaLine": "___SAreaLine_1h5l4_gg_",
|
|
27
|
+
"--duration": "--duration_1h5l4",
|
|
28
|
+
"__SNull": "___SNull_1h5l4_gg_",
|
|
29
|
+
"_hide": "__hide_1h5l4_gg_"
|
|
30
30
|
});
|
|
31
31
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
32
32
|
_inherits(AreaRoot, _Component);
|
package/lib/es6/Axis.js
CHANGED
|
@@ -12,20 +12,20 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
import { scaleOfBandwidth } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SAxis": "
|
|
17
|
-
"_hide": "
|
|
18
|
-
"__STick": "
|
|
19
|
-
"__SGrid": "
|
|
20
|
-
"__STitle": "
|
|
21
|
-
"--transform-origin": "--transform-
|
|
22
|
-
"_position_top": "
|
|
23
|
-
"_position_bottom": "
|
|
24
|
-
"_position_right": "
|
|
25
|
-
"_position_left": "
|
|
26
|
-
"_verticalWritingMode": "
|
|
27
|
-
"_position_custom_0": "
|
|
28
|
-
"_position_custom_1": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_1qb8y_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1qb8y_gg_.__hide_1qb8y_gg_,.___STick_1qb8y_gg_.__hide_1qb8y_gg_{display:none}.___STick_1qb8y_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1qb8y_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1qb8y_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1qb8y)}.___STitle_1qb8y_gg_._position_top_1qb8y_gg_{text-anchor:middle}.___STitle_1qb8y_gg_._position_bottom_1qb8y_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1qb8y_gg_._position_left_1qb8y_gg_,.___STitle_1qb8y_gg_._position_right_1qb8y_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1qb8y_gg_._position_left_1qb8y_gg_.__verticalWritingMode_1qb8y_gg_,.___STitle_1qb8y_gg_._position_right_1qb8y_gg_.__verticalWritingMode_1qb8y_gg_{writing-mode:vertical-rl;transform:none}.___STick_1qb8y_gg_._position_top_1qb8y_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1qb8y_gg_._position_bottom_1qb8y_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1qb8y_gg_._position_right_1qb8y_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1qb8y_gg_._position_left_1qb8y_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1qb8y_gg_._position_custom_0_1qb8y_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1qb8y_gg_._position_custom_1_1qb8y_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "1qb8y_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_1qb8y_gg_",
|
|
17
|
+
"_hide": "__hide_1qb8y_gg_",
|
|
18
|
+
"__STick": "___STick_1qb8y_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_1qb8y_gg_",
|
|
20
|
+
"__STitle": "___STitle_1qb8y_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_1qb8y",
|
|
22
|
+
"_position_top": "_position_top_1qb8y_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_1qb8y_gg_",
|
|
24
|
+
"_position_right": "_position_right_1qb8y_gg_",
|
|
25
|
+
"_position_left": "_position_left_1qb8y_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_1qb8y_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_1qb8y_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_1qb8y_gg_"
|
|
29
29
|
});
|
|
30
30
|
var CUSTOM_0 = Symbol('custom_0');
|
|
31
31
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/es6/Bar.js
CHANGED
|
@@ -14,22 +14,22 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
14
14
|
import { scaleToBand, roundedPath } from './utils';
|
|
15
15
|
import { PatternFill } from './Pattern';
|
|
16
16
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SBar": "
|
|
19
|
-
"--duration": "--
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_pattern": "
|
|
23
|
-
"--pattern": "--
|
|
24
|
-
"_hide": "
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"_onClick": "
|
|
27
|
-
"__SBackground": "
|
|
28
|
-
"__SBarAnnotation": "
|
|
29
|
-
"__SBarLabel": "
|
|
30
|
-
"__SBarPercent": "
|
|
31
|
-
"__SBarValue": "
|
|
32
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1myug_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1myug);transition-timing-function:ease-in-out}.___SBar_1myug_gg_.__color_1myug_gg_{fill:var(--color_1myug)}.___SBar_1myug_gg_.__pattern_1myug_gg_.__color_1myug_gg_{fill:var(--pattern_1myug);stroke:var(--color_1myug);stroke-width:1px}.___SBar_1myug_gg_.__hide_1myug_gg_{display:none}.___SBar_1myug_gg_.__transparent_1myug_gg_{opacity:.3}.___SBackground_1myug_gg_.__onClick_1myug_gg_,.___SBar_1myug_gg_.__onClick_1myug_gg_{cursor:pointer}.___SBackground_1myug_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1myug_gg_{display:flex;justify-content:space-between}.___SBarLabel_1myug_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1myug_gg_,.___SBarPercent_1myug_gg_,.___SBarValue_1myug_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1myug_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1myug_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1myug_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1myug_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SBar": "___SBar_1myug_gg_",
|
|
19
|
+
"--duration": "--duration_1myug",
|
|
20
|
+
"_color": "__color_1myug_gg_",
|
|
21
|
+
"--color": "--color_1myug",
|
|
22
|
+
"_pattern": "__pattern_1myug_gg_",
|
|
23
|
+
"--pattern": "--pattern_1myug",
|
|
24
|
+
"_hide": "__hide_1myug_gg_",
|
|
25
|
+
"_transparent": "__transparent_1myug_gg_",
|
|
26
|
+
"_onClick": "__onClick_1myug_gg_",
|
|
27
|
+
"__SBackground": "___SBackground_1myug_gg_",
|
|
28
|
+
"__SBarAnnotation": "___SBarAnnotation_1myug_gg_",
|
|
29
|
+
"__SBarLabel": "___SBarLabel_1myug_gg_",
|
|
30
|
+
"__SBarPercent": "___SBarPercent_1myug_gg_",
|
|
31
|
+
"__SBarValue": "___SBarValue_1myug_gg_",
|
|
32
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1myug_gg_"
|
|
33
33
|
});
|
|
34
34
|
export var MIN_HEIGHT = 2;
|
|
35
35
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -17,18 +17,18 @@ import { getBubbleChartValueScale, measureText } from './utils';
|
|
|
17
17
|
import Tooltip from './Tooltip';
|
|
18
18
|
import { PatternFill } from './Pattern';
|
|
19
19
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SBubble": "
|
|
22
|
-
"_color": "
|
|
23
|
-
"--color": "--
|
|
24
|
-
"_pattern": "
|
|
25
|
-
"--pattern": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SCenter": "
|
|
28
|
-
"__SLabel": "
|
|
29
|
-
"_position_right": "
|
|
30
|
-
"_position_left": "
|
|
31
|
-
"--duration": "--
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_153z9_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_153z9);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_153z9_gg_:hover{opacity:.8}}.___SBubble_153z9_gg_.__color_153z9_gg_{fill:var(--color_153z9)}.___SBubble_153z9_gg_.__pattern_153z9_gg_.__color_153z9_gg_{fill:var(--pattern_153z9);stroke:var(--color_153z9);stroke-width:1px}.___SBubble_153z9_gg_.__transparent_153z9_gg_{opacity:.3}.___SCenter_153z9_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_153z9_gg_.__color_153z9_gg_{stroke:var(--color_153z9)}.___SCenter_153z9_gg_.__transparent_153z9_gg_{opacity:.3}.___SLabel_153z9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_153z9_gg_._position_right_153z9_gg_{text-anchor:end}.___SLabel_153z9_gg_._position_left_153z9_gg_{text-anchor:start}.___SLabel_153z9_gg_.__color_153z9_gg_{fill:var(--color_153z9)}.___SLabel_153z9_gg_.__transparent_153z9_gg_{opacity:.3}" /*__inner_css_end__*/, "153z9_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SBubble": "___SBubble_153z9_gg_",
|
|
22
|
+
"_color": "__color_153z9_gg_",
|
|
23
|
+
"--color": "--color_153z9",
|
|
24
|
+
"_pattern": "__pattern_153z9_gg_",
|
|
25
|
+
"--pattern": "--pattern_153z9",
|
|
26
|
+
"_transparent": "__transparent_153z9_gg_",
|
|
27
|
+
"__SCenter": "___SCenter_153z9_gg_",
|
|
28
|
+
"__SLabel": "___SLabel_153z9_gg_",
|
|
29
|
+
"_position_right": "_position_right_153z9_gg_",
|
|
30
|
+
"_position_left": "_position_left_153z9_gg_",
|
|
31
|
+
"--duration": "--duration_153z9"
|
|
32
32
|
});
|
|
33
33
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(BubbleRoot, _Component);
|
|
@@ -23,22 +23,22 @@ import Tooltip from './Tooltip';
|
|
|
23
23
|
import { eventToPoint } from './utils';
|
|
24
24
|
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
|
25
25
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SBar": "
|
|
28
|
-
"--duration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_pattern": "
|
|
32
|
-
"--pattern": "--
|
|
33
|
-
"_hide": "
|
|
34
|
-
"_transparent": "
|
|
35
|
-
"_onClick": "
|
|
36
|
-
"__SBackground": "
|
|
37
|
-
"__SBarAnnotation": "
|
|
38
|
-
"__SBarLabel": "
|
|
39
|
-
"__SBarPercent": "
|
|
40
|
-
"__SBarValue": "
|
|
41
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1myug_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1myug);transition-timing-function:ease-in-out}.___SBar_1myug_gg_.__color_1myug_gg_{fill:var(--color_1myug)}.___SBar_1myug_gg_.__pattern_1myug_gg_.__color_1myug_gg_{fill:var(--pattern_1myug);stroke:var(--color_1myug);stroke-width:1px}.___SBar_1myug_gg_.__hide_1myug_gg_{display:none}.___SBar_1myug_gg_.__transparent_1myug_gg_{opacity:.3}.___SBackground_1myug_gg_.__onClick_1myug_gg_,.___SBar_1myug_gg_.__onClick_1myug_gg_{cursor:pointer}.___SBackground_1myug_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1myug_gg_{display:flex;justify-content:space-between}.___SBarLabel_1myug_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1myug_gg_,.___SBarPercent_1myug_gg_,.___SBarValue_1myug_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1myug_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1myug_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1myug_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1myug_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SBar": "___SBar_1myug_gg_",
|
|
28
|
+
"--duration": "--duration_1myug",
|
|
29
|
+
"_color": "__color_1myug_gg_",
|
|
30
|
+
"--color": "--color_1myug",
|
|
31
|
+
"_pattern": "__pattern_1myug_gg_",
|
|
32
|
+
"--pattern": "--pattern_1myug",
|
|
33
|
+
"_hide": "__hide_1myug_gg_",
|
|
34
|
+
"_transparent": "__transparent_1myug_gg_",
|
|
35
|
+
"_onClick": "__onClick_1myug_gg_",
|
|
36
|
+
"__SBackground": "___SBackground_1myug_gg_",
|
|
37
|
+
"__SBarAnnotation": "___SBarAnnotation_1myug_gg_",
|
|
38
|
+
"__SBarLabel": "___SBarLabel_1myug_gg_",
|
|
39
|
+
"__SBarPercent": "___SBarPercent_1myug_gg_",
|
|
40
|
+
"__SBarValue": "___SBarValue_1myug_gg_",
|
|
41
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1myug_gg_"
|
|
42
42
|
});
|
|
43
43
|
import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
44
44
|
import { Box } from '@semcore/flex-box';
|