@semcore/d3-chart 3.18.4-prerelease.1 → 3.19.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -1
- package/lib/cjs/Area.js +9 -9
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +7 -7
- package/lib/cjs/Dots.js +10 -10
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +10 -10
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +7 -7
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +7 -7
- 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 +15 -15
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/types/Hover.d.js.map +1 -1
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +7 -7
- package/lib/es6/Dots.js +10 -10
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +10 -10
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +7 -7
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +7 -7
- 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 +15 -15
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/types/Hover.d.js.map +1 -1
- package/lib/types/Hover.d.ts +2 -2
- package/package.json +7 -7
|
@@ -18,12 +18,12 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
18
18
|
var _LegendItem = require("../LegendItem/LegendItem");
|
|
19
19
|
var _BaseLegend2 = require("../BaseLegend");
|
|
20
20
|
/*__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SLegendTable": "
|
|
23
|
-
"_columns-count": "__columns-
|
|
24
|
-
"__SColumnItem": "
|
|
25
|
-
"_size_l": "
|
|
26
|
-
"_size_m": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1ifry_gg_.__columns-count_1ifry_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1ifry_gg_._size_l_1ifry_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1ifry_gg_._size_m_1ifry_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1ifry_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SLegendTable": "___SLegendTable_1ifry_gg_",
|
|
23
|
+
"_columns-count": "__columns-count_1ifry_gg_",
|
|
24
|
+
"__SColumnItem": "___SColumnItem_1ifry_gg_",
|
|
25
|
+
"_size_l": "_size_l_1ifry_gg_",
|
|
26
|
+
"_size_m": "_size_m_1ifry_gg_"
|
|
27
27
|
});
|
|
28
28
|
var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
29
29
|
(0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hover.d.js","names":[],"sources":["../../../src/types/Hover.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { ReturnEl } from '@semcore/core';\nimport { TooltipTypeBase } from './Tooltip';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface IHoverProps extends HoverProps, UnknownProperties {}\nexport type HoverProps = Context & {\n /** Field name from `data` array item for the XAxis */\n x?: string;\n /** Field name from `data` array item for the YAxis */\n y?: string;\n};\n\ntype HoverTooltip = (<X, Y>(\n props: {\n /** Field name from `data` array item for the XAxis */\n x?: X;\n /** Field name from `data` array item for the YAxis */\n y?: Y;\n children: (props: {\n /** Index in `data` array of the current item */\n xIndex: X extends string ?
|
|
1
|
+
{"version":3,"file":"Hover.d.js","names":[],"sources":["../../../src/types/Hover.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { ReturnEl } from '@semcore/core';\nimport { TooltipTypeBase } from './Tooltip';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface IHoverProps extends HoverProps, UnknownProperties {}\nexport type HoverProps = Context & {\n /** Field name from `data` array item for the XAxis */\n x?: string;\n /** Field name from `data` array item for the YAxis */\n y?: string;\n};\n\ntype HoverTooltip = (<X, Y>(\n props: {\n /** Field name from `data` array item for the XAxis */\n x?: X;\n /** Field name from `data` array item for the YAxis */\n y?: Y;\n children: (props: {\n /** Index in `data` array of the current item */\n xIndex: X extends string ? number : never;\n /** Index in `data` array of the current item */\n yIndex: Y extends string ? number : never;\n }) => { children: ReturnEl };\n } & Omit<BoxProps, 'children'>,\n) => ReturnEl) &\n TooltipTypeBase;\n\ntype HoverContext = {\n /** Index in `data` array of the current item */\n index: number;\n};\n\ndeclare const HoverLine: IntergalacticD3Component<'g', HoverProps, HoverContext> & {\n Tooltip: HoverTooltip;\n};\n\ndeclare const HoverRect: IntergalacticD3Component<'g', HoverProps, HoverContext> & {\n Tooltip: HoverTooltip;\n};\nexport { HoverLine, HoverRect };\n"],"mappings":""}
|
package/lib/es6/Area.js
CHANGED
|
@@ -15,15 +15,15 @@ import createElement from './createElement';
|
|
|
15
15
|
import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolateValue } from './utils';
|
|
16
16
|
import ClipPath from './ClipPath';
|
|
17
17
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SArea": "
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SAreaLine": "
|
|
24
|
-
"--duration": "--
|
|
25
|
-
"__SNull": "
|
|
26
|
-
"_hide": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_6r18k_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_6r18k_gg_.__color_6r18k_gg_{fill:var(--color_6r18k)}.___SArea_6r18k_gg_.__transparent_6r18k_gg_{opacity:.3}.___SAreaLine_6r18k_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_6r18k_gg_.__color_6r18k_gg_{stroke:var(--color_6r18k)}.___SAreaLine_6r18k_gg_.__transparent_6r18k_gg_{opacity:.3}.___SAreaLine_6r18k_gg_,.___SArea_6r18k_gg_{transition-property:d;transition-duration:var(--duration_6r18k);transition-timing-function:ease-in-out}.___SNull_6r18k_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_6r18k_gg_.__hide_6r18k_gg_{display:none}" /*__inner_css_end__*/, "6r18k_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SArea": "___SArea_6r18k_gg_",
|
|
20
|
+
"_color": "__color_6r18k_gg_",
|
|
21
|
+
"--color": "--color_6r18k",
|
|
22
|
+
"_transparent": "__transparent_6r18k_gg_",
|
|
23
|
+
"__SAreaLine": "___SAreaLine_6r18k_gg_",
|
|
24
|
+
"--duration": "--duration_6r18k",
|
|
25
|
+
"__SNull": "___SNull_6r18k_gg_",
|
|
26
|
+
"_hide": "__hide_6r18k_gg_"
|
|
27
27
|
});
|
|
28
28
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_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_hzpuw_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_hzpuw_gg_.__hide_hzpuw_gg_,.___STick_hzpuw_gg_.__hide_hzpuw_gg_{display:none}.___STick_hzpuw_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_hzpuw_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_hzpuw_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_hzpuw)}.___STitle_hzpuw_gg_._position_top_hzpuw_gg_{text-anchor:middle}.___STitle_hzpuw_gg_._position_bottom_hzpuw_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_hzpuw_gg_._position_left_hzpuw_gg_,.___STitle_hzpuw_gg_._position_right_hzpuw_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_hzpuw_gg_._position_left_hzpuw_gg_.__verticalWritingMode_hzpuw_gg_,.___STitle_hzpuw_gg_._position_right_hzpuw_gg_.__verticalWritingMode_hzpuw_gg_{writing-mode:vertical-rl;transform:none}.___STick_hzpuw_gg_._position_top_hzpuw_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_hzpuw_gg_._position_bottom_hzpuw_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_hzpuw_gg_._position_right_hzpuw_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_hzpuw_gg_._position_left_hzpuw_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_hzpuw_gg_._position_custom_0_hzpuw_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_hzpuw_gg_._position_custom_1_hzpuw_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "hzpuw_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_hzpuw_gg_",
|
|
17
|
+
"_hide": "__hide_hzpuw_gg_",
|
|
18
|
+
"__STick": "___STick_hzpuw_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_hzpuw_gg_",
|
|
20
|
+
"__STitle": "___STitle_hzpuw_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_hzpuw",
|
|
22
|
+
"_position_top": "_position_top_hzpuw_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_hzpuw_gg_",
|
|
24
|
+
"_position_right": "_position_right_hzpuw_gg_",
|
|
25
|
+
"_position_left": "_position_left_hzpuw_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_hzpuw_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_hzpuw_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_hzpuw_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
|
@@ -13,14 +13,14 @@ import createElement from './createElement';
|
|
|
13
13
|
import ClipPath from './ClipPath';
|
|
14
14
|
import { scaleToBand, roundedPath } from './utils';
|
|
15
15
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SBar": "
|
|
18
|
-
"--duration": "--
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_hide": "
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SBackground": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1xgjt_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1xgjt);transition-timing-function:ease-in-out}.___SBar_1xgjt_gg_.__color_1xgjt_gg_{fill:var(--color_1xgjt)}.___SBar_1xgjt_gg_.__hide_1xgjt_gg_{display:none}.___SBar_1xgjt_gg_.__transparent_1xgjt_gg_{opacity:.3}.___SBackground_1xgjt_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1xgjt_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_1xgjt_gg_",
|
|
18
|
+
"--duration": "--duration_1xgjt",
|
|
19
|
+
"_color": "__color_1xgjt_gg_",
|
|
20
|
+
"--color": "--color_1xgjt",
|
|
21
|
+
"_hide": "__hide_1xgjt_gg_",
|
|
22
|
+
"_transparent": "__transparent_1xgjt_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_1xgjt_gg_"
|
|
24
24
|
});
|
|
25
25
|
export var MIN_HEIGHT = 2;
|
|
26
26
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -20,16 +20,16 @@ import ClipPath from './ClipPath';
|
|
|
20
20
|
import { CONSTANT, measureText } from './utils';
|
|
21
21
|
import Tooltip from './Tooltip';
|
|
22
22
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBubble": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SCenter": "
|
|
29
|
-
"__SLabel": "
|
|
30
|
-
"_position_right": "
|
|
31
|
-
"_position_left": "
|
|
32
|
-
"--duration": "--
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1gl8q_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_1gl8q);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1gl8q_gg_:hover{opacity:.8}}.___SBubble_1gl8q_gg_.__color_1gl8q_gg_{fill:var(--color_1gl8q)}.___SBubble_1gl8q_gg_.__transparent_1gl8q_gg_{opacity:.3}.___SCenter_1gl8q_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1gl8q_gg_.__color_1gl8q_gg_{stroke:var(--color_1gl8q)}.___SCenter_1gl8q_gg_.__transparent_1gl8q_gg_{opacity:.3}.___SLabel_1gl8q_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1gl8q_gg_._position_right_1gl8q_gg_{text-anchor:end}.___SLabel_1gl8q_gg_._position_left_1gl8q_gg_{text-anchor:start}.___SLabel_1gl8q_gg_.__color_1gl8q_gg_{fill:var(--color_1gl8q)}.___SLabel_1gl8q_gg_.__transparent_1gl8q_gg_{opacity:.3}" /*__inner_css_end__*/, "1gl8q_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBubble": "___SBubble_1gl8q_gg_",
|
|
25
|
+
"_color": "__color_1gl8q_gg_",
|
|
26
|
+
"--color": "--color_1gl8q",
|
|
27
|
+
"_transparent": "__transparent_1gl8q_gg_",
|
|
28
|
+
"__SCenter": "___SCenter_1gl8q_gg_",
|
|
29
|
+
"__SLabel": "___SLabel_1gl8q_gg_",
|
|
30
|
+
"_position_right": "_position_right_1gl8q_gg_",
|
|
31
|
+
"_position_left": "_position_left_1gl8q_gg_",
|
|
32
|
+
"--duration": "--duration_1gl8q"
|
|
33
33
|
});
|
|
34
34
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
_inherits(BubbleRoot, _Component);
|
package/lib/es6/Donut.js
CHANGED
|
@@ -22,13 +22,13 @@ import createElement from './createElement';
|
|
|
22
22
|
import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SPie": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SEmptyData": "
|
|
31
|
-
"__SLabel": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_n3fhf_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_n3fhf_gg_.__color_n3fhf_gg_{fill:var(--color_n3fhf)}.___SPie_n3fhf_gg_.__transparent_n3fhf_gg_{opacity:.3}.___SEmptyData_n3fhf_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_n3fhf_gg_.__color_n3fhf_gg_{fill:var(--color_n3fhf)}.___SLabel_n3fhf_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "n3fhf_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SPie": "___SPie_n3fhf_gg_",
|
|
27
|
+
"_color": "__color_n3fhf_gg_",
|
|
28
|
+
"--color": "--color_n3fhf",
|
|
29
|
+
"_transparent": "__transparent_n3fhf_gg_",
|
|
30
|
+
"__SEmptyData": "___SEmptyData_n3fhf_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_n3fhf_gg_"
|
|
32
32
|
});
|
|
33
33
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
34
34
|
function transitionAnglePie(_ref6) {
|
package/lib/es6/Dots.js
CHANGED
|
@@ -7,16 +7,16 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
7
7
|
import createElement from './createElement';
|
|
8
8
|
import { eventToPoint, invert, interpolateValue } from './utils';
|
|
9
9
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
10
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
11
|
-
"__SDot": "
|
|
12
|
-
"--radius": "--
|
|
13
|
-
"_hide": "
|
|
14
|
-
"_active": "
|
|
15
|
-
"_color": "
|
|
16
|
-
"--color": "--
|
|
17
|
-
"_transparent": "
|
|
18
|
-
"__SDots": "
|
|
19
|
-
"--duration": "--
|
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_8qz0u_gg_ .___SDot_8qz0u_gg_{transition-duration:var(--duration_8qz0u)}.___SDot_8qz0u_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:var(--radius_8qz0u);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_8qz0u_gg_.__hide_8qz0u_gg_{display:none}.___SDot_8qz0u_gg_.__active_8qz0u_gg_{r:calc(var(--radius_8qz0u)*8/6)}.___SDot_8qz0u_gg_.__color_8qz0u_gg_{fill:var(--color_8qz0u)}.___SDot_8qz0u_gg_.__transparent_8qz0u_gg_{opacity:.3}" /*__inner_css_end__*/, "8qz0u_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDot": "___SDot_8qz0u_gg_",
|
|
12
|
+
"--radius": "--radius_8qz0u",
|
|
13
|
+
"_hide": "__hide_8qz0u_gg_",
|
|
14
|
+
"_active": "__active_8qz0u_gg_",
|
|
15
|
+
"_color": "__color_8qz0u_gg_",
|
|
16
|
+
"--color": "--color_8qz0u",
|
|
17
|
+
"_transparent": "__transparent_8qz0u_gg_",
|
|
18
|
+
"__SDots": "___SDots_8qz0u_gg_",
|
|
19
|
+
"--duration": "--duration_8qz0u"
|
|
20
20
|
});
|
|
21
21
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
22
22
|
function Dots(props) {
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -12,14 +12,14 @@ import createElement from './createElement';
|
|
|
12
12
|
import ClipPath from './ClipPath';
|
|
13
13
|
import { scaleToBand, roundedPath } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SBar": "
|
|
17
|
-
"--duration": "--
|
|
18
|
-
"_color": "
|
|
19
|
-
"--color": "--
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_transparent": "
|
|
22
|
-
"__SBackground": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1xgjt_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1xgjt);transition-timing-function:ease-in-out}.___SBar_1xgjt_gg_.__color_1xgjt_gg_{fill:var(--color_1xgjt)}.___SBar_1xgjt_gg_.__hide_1xgjt_gg_{display:none}.___SBar_1xgjt_gg_.__transparent_1xgjt_gg_{opacity:.3}.___SBackground_1xgjt_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1xgjt_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBar": "___SBar_1xgjt_gg_",
|
|
17
|
+
"--duration": "--duration_1xgjt",
|
|
18
|
+
"_color": "__color_1xgjt_gg_",
|
|
19
|
+
"--color": "--color_1xgjt",
|
|
20
|
+
"_hide": "__hide_1xgjt_gg_",
|
|
21
|
+
"_transparent": "__transparent_1xgjt_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_1xgjt_gg_"
|
|
23
23
|
});
|
|
24
24
|
export var MIN_WIDTH = 2;
|
|
25
25
|
var calcPartBarX = function calcPartBarX(x, minWidth, width) {
|
package/lib/es6/Hover.js
CHANGED
|
@@ -16,9 +16,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
16
16
|
import createElement from './createElement';
|
|
17
17
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT, scaleToBand } from './utils';
|
|
18
18
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SHoverLine": "
|
|
21
|
-
"__SHoverRect": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_zsl2l_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_zsl2l_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "zsl2l_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SHoverLine": "___SHoverLine_zsl2l_gg_",
|
|
21
|
+
"__SHoverRect": "___SHoverRect_zsl2l_gg_"
|
|
22
22
|
});
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Line.js
CHANGED
|
@@ -14,15 +14,15 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolat
|
|
|
14
14
|
import Dots from './Dots';
|
|
15
15
|
import ClipPath from './ClipPath';
|
|
16
16
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SLine": "
|
|
19
|
-
"--duration": "--
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_hide": "
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SNull": "
|
|
25
|
-
"__SAria": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1nwjt_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1nwjt);transition-timing-function:ease-in-out}.___SLine_1nwjt_gg_.__color_1nwjt_gg_{stroke:var(--color_1nwjt)}.___SLine_1nwjt_gg_.__hide_1nwjt_gg_{display:none}.___SLine_1nwjt_gg_.__transparent_1nwjt_gg_{opacity:.3}.___SNull_1nwjt_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1nwjt_gg_.__hide_1nwjt_gg_{display:none}.___SAria_1nwjt_gg_{transition-property:d;transition-duration:var(--duration_1nwjt);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_1nwjt_gg_.__color_1nwjt_gg_{fill:var(--color_1nwjt)}" /*__inner_css_end__*/, "1nwjt_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SLine": "___SLine_1nwjt_gg_",
|
|
19
|
+
"--duration": "--duration_1nwjt",
|
|
20
|
+
"_color": "__color_1nwjt_gg_",
|
|
21
|
+
"--color": "--color_1nwjt",
|
|
22
|
+
"_hide": "__hide_1nwjt_gg_",
|
|
23
|
+
"_transparent": "__transparent_1nwjt_gg_",
|
|
24
|
+
"__SNull": "___SNull_1nwjt_gg_",
|
|
25
|
+
"__SAria": "___SAria_1nwjt_gg_"
|
|
26
26
|
});
|
|
27
27
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
28
28
|
_inherits(LineRoot, _Component);
|
package/lib/es6/Plot.js
CHANGED
|
@@ -18,9 +18,9 @@ import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
|
18
18
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
|
19
19
|
import colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
20
20
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SPlot": "
|
|
23
|
-
"_keyboardFocused": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1ampj_gg_{overflow:hidden}.___SPlot_1ampj_gg_:active,.___SPlot_1ampj_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1ampj_gg_.__keyboardFocused_1ampj_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__*/, "1ampj_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SPlot": "___SPlot_1ampj_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_1ampj_gg_"
|
|
24
24
|
});
|
|
25
25
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
26
26
|
_inherits(PlotRoot, _Component);
|
package/lib/es6/Radar.js
CHANGED
|
@@ -21,23 +21,23 @@ import createElement from './createElement';
|
|
|
21
21
|
import { CONSTANT, eventToPoint, getChartDefaultColorName, measureText } from './utils';
|
|
22
22
|
import Tooltip from './Tooltip';
|
|
23
23
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SAxis": "
|
|
26
|
-
"__SAxisLine": "
|
|
27
|
-
"__SAxisTick": "
|
|
28
|
-
"_active": "
|
|
29
|
-
"__SAxisLabel": "
|
|
30
|
-
"_xDirection": "
|
|
31
|
-
"--xDirection": "--
|
|
32
|
-
"_yDirection": "
|
|
33
|
-
"--yDirection": "--
|
|
34
|
-
"__SPolygon": "
|
|
35
|
-
"_color": "
|
|
36
|
-
"--color": "--
|
|
37
|
-
"__SPolygonDot": "
|
|
38
|
-
"_transparent": "
|
|
39
|
-
"__SPolygonLine": "
|
|
40
|
-
"__SPieRect": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_zhwke_gg_,.___SAxisTick_zhwke_gg_,.___SAxis_zhwke_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_zhwke_gg_,.___SAxisTick_zhwke_gg_{stroke-dasharray:2}.___SAxisLine_zhwke_gg_.__active_zhwke_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_zhwke_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_zhwke_gg_.__xDirection_zhwke_gg_{text-anchor:var(--xDirection_zhwke)}.___SAxisLabel_zhwke_gg_.__yDirection_zhwke_gg_{dominant-baseline:var(--yDirection_zhwke)}.___SPolygonDot_zhwke_gg_,.___SPolygon_zhwke_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_zhwke_gg_{opacity:.2}.___SPolygon_zhwke_gg_.__color_zhwke_gg_{fill:var(--color_zhwke)}.___SPolygonDot_zhwke_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_zhwke_gg_.__transparent_zhwke_gg_{opacity:.3}.___SPolygonDot_zhwke_gg_.__color_zhwke_gg_{fill:var(--color_zhwke)}.___SPolygonLine_zhwke_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_zhwke_gg_.__transparent_zhwke_gg_{opacity:.3}.___SPolygonLine_zhwke_gg_.__color_zhwke_gg_{stroke:var(--color_zhwke)}.___SPieRect_zhwke_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "zhwke_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SAxis": "___SAxis_zhwke_gg_",
|
|
26
|
+
"__SAxisLine": "___SAxisLine_zhwke_gg_",
|
|
27
|
+
"__SAxisTick": "___SAxisTick_zhwke_gg_",
|
|
28
|
+
"_active": "__active_zhwke_gg_",
|
|
29
|
+
"__SAxisLabel": "___SAxisLabel_zhwke_gg_",
|
|
30
|
+
"_xDirection": "__xDirection_zhwke_gg_",
|
|
31
|
+
"--xDirection": "--xDirection_zhwke",
|
|
32
|
+
"_yDirection": "__yDirection_zhwke_gg_",
|
|
33
|
+
"--yDirection": "--yDirection_zhwke",
|
|
34
|
+
"__SPolygon": "___SPolygon_zhwke_gg_",
|
|
35
|
+
"_color": "__color_zhwke_gg_",
|
|
36
|
+
"--color": "--color_zhwke",
|
|
37
|
+
"__SPolygonDot": "___SPolygonDot_zhwke_gg_",
|
|
38
|
+
"_transparent": "__transparent_zhwke_gg_",
|
|
39
|
+
"__SPolygonLine": "___SPolygonLine_zhwke_gg_",
|
|
40
|
+
"__SPieRect": "___SPieRect_zhwke_gg_"
|
|
41
41
|
});
|
|
42
42
|
var clampAngle = function clampAngle(angle) {
|
|
43
43
|
angle = angle % (2 * Math.PI);
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -20,16 +20,16 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
|
20
20
|
import createElement from './createElement';
|
|
21
21
|
import { measureText } from './utils';
|
|
22
22
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SRadian": "
|
|
25
|
-
"__SLine": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SCap": "
|
|
30
|
-
"__SIcon": "
|
|
31
|
-
"__SLabel": "
|
|
32
|
-
"__SLineCap": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1ezbw_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1ezbw_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1ezbw_gg_.__color_1ezbw_gg_{stroke:var(--color_1ezbw)}.___SCap_1ezbw_gg_.__transparent_1ezbw_gg_,.___SIcon_1ezbw_gg_.__transparent_1ezbw_gg_,.___SLabel_1ezbw_gg_.__transparent_1ezbw_gg_,.___SLine_1ezbw_gg_.__transparent_1ezbw_gg_{opacity:.3}.___SCap_1ezbw_gg_{transition:r .1s}.___SLabel_1ezbw_gg_{fill:var(--color_1ezbw)}@media (hover:hover){.___SRadian_1ezbw_gg_:hover .___SLabel_1ezbw_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1ezbw_gg_{transition:none}}" /*__inner_css_end__*/, "1ezbw_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SRadian": "___SRadian_1ezbw_gg_",
|
|
25
|
+
"__SLine": "___SLine_1ezbw_gg_",
|
|
26
|
+
"_color": "__color_1ezbw_gg_",
|
|
27
|
+
"--color": "--color_1ezbw",
|
|
28
|
+
"_transparent": "__transparent_1ezbw_gg_",
|
|
29
|
+
"__SCap": "___SCap_1ezbw_gg_",
|
|
30
|
+
"__SIcon": "___SIcon_1ezbw_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_1ezbw_gg_",
|
|
32
|
+
"__SLineCap": "___SLineCap_1ezbw_gg_"
|
|
33
33
|
});
|
|
34
34
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
35
35
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
package/lib/es6/ReferenceLine.js
CHANGED
|
@@ -11,15 +11,15 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
11
11
|
import createElement from './createElement';
|
|
12
12
|
import { scaleOfBandwidth } from './utils';
|
|
13
13
|
/*__reshadow-styles__:"./style/reference-line.shadow.css"*/
|
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
15
|
-
"__SReferenceLine": "
|
|
16
|
-
"__STitle": "
|
|
17
|
-
"--transform-origin": "--transform-
|
|
18
|
-
"_position_top": "
|
|
19
|
-
"_position_bottom": "
|
|
20
|
-
"_position_right": "
|
|
21
|
-
"_position_left": "
|
|
22
|
-
"__SBackground": "
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_6tr4d_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_6tr4d_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_6tr4d)}.___STitle_6tr4d_gg_._position_top_6tr4d_gg_{text-anchor:middle}.___STitle_6tr4d_gg_._position_bottom_6tr4d_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_6tr4d_gg_._position_left_6tr4d_gg_,.___STitle_6tr4d_gg_._position_right_6tr4d_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_6tr4d_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "6tr4d_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SReferenceLine": "___SReferenceLine_6tr4d_gg_",
|
|
16
|
+
"__STitle": "___STitle_6tr4d_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_6tr4d",
|
|
18
|
+
"_position_top": "_position_top_6tr4d_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_6tr4d_gg_",
|
|
20
|
+
"_position_right": "_position_right_6tr4d_gg_",
|
|
21
|
+
"_position_left": "_position_left_6tr4d_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_6tr4d_gg_"
|
|
23
23
|
});
|
|
24
24
|
var side2direction = {
|
|
25
25
|
left: 'vertical',
|
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -18,13 +18,13 @@ import { CONSTANT } from './utils';
|
|
|
18
18
|
import ClipPath from './ClipPath';
|
|
19
19
|
import Tooltip from './Tooltip';
|
|
20
20
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SScatterPlot": "
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"__SValue": "
|
|
27
|
-
"--duration": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_ncgt7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_ncgt7);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_ncgt7_gg_:hover{opacity:.8}}.___SScatterPlot_ncgt7_gg_.__color_ncgt7_gg_{fill:var(--color_ncgt7)}.___SScatterPlot_ncgt7_gg_.__transparent_ncgt7_gg_{opacity:.3}.___SValue_ncgt7_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_ncgt7_gg_.__color_ncgt7_gg_{stroke:var(--color_ncgt7)}.___SValue_ncgt7_gg_.__transparent_ncgt7_gg_{opacity:.3}" /*__inner_css_end__*/, "ncgt7_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SScatterPlot": "___SScatterPlot_ncgt7_gg_",
|
|
23
|
+
"_color": "__color_ncgt7_gg_",
|
|
24
|
+
"--color": "--color_ncgt7",
|
|
25
|
+
"_transparent": "__transparent_ncgt7_gg_",
|
|
26
|
+
"__SValue": "___SValue_ncgt7_gg_",
|
|
27
|
+
"--duration": "--duration_ncgt7"
|
|
28
28
|
});
|
|
29
29
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(ScatterPlotRoot, _Component);
|
package/lib/es6/Tooltip.js
CHANGED
|
@@ -21,14 +21,14 @@ import createElement from './createElement';
|
|
|
21
21
|
import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
22
22
|
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
23
23
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__STooltip": "
|
|
26
|
-
"__STitle": "
|
|
27
|
-
"__SDotGroup": "
|
|
28
|
-
"__SDot": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"__SFooter": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1wx6d_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_1wx6d_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1wx6d_gg_{display:flex;align-items:center}.___SDot_1wx6d_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1wx6d_gg_.__color_1wx6d_gg_{background:var(--color_1wx6d)}.___SFooter_1wx6d_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__*/, "1wx6d_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STooltip": "___STooltip_1wx6d_gg_",
|
|
26
|
+
"__STitle": "___STitle_1wx6d_gg_",
|
|
27
|
+
"__SDotGroup": "___SDotGroup_1wx6d_gg_",
|
|
28
|
+
"__SDot": "___SDot_1wx6d_gg_",
|
|
29
|
+
"_color": "__color_1wx6d_gg_",
|
|
30
|
+
"--color": "--color_1wx6d",
|
|
31
|
+
"__SFooter": "___SFooter_1wx6d_gg_"
|
|
32
32
|
});
|
|
33
33
|
/**
|
|
34
34
|
* `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
|
package/lib/es6/Venn.js
CHANGED
|
@@ -18,13 +18,13 @@ import createElement from './createElement';
|
|
|
18
18
|
import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
19
19
|
import Tooltip from './Tooltip';
|
|
20
20
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SCircle": "
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"__SIntersection": "
|
|
27
|
-
"--duration": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_1u9h9_gg_,.___SIntersection_1u9h9_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1u9h9_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1u9h9);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1u9h9_gg_:hover{fill-opacity:.7}}.___SCircle_1u9h9_gg_.__color_1u9h9_gg_{fill:var(--color_1u9h9)}.___SCircle_1u9h9_gg_.__transparent_1u9h9_gg_{opacity:.3}.___SIntersection_1u9h9_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1u9h9_gg_:hover{fill-opacity:.1}}.___SIntersection_1u9h9_gg_.__transparent_1u9h9_gg_{opacity:.3}" /*__inner_css_end__*/, "1u9h9_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SCircle": "___SCircle_1u9h9_gg_",
|
|
23
|
+
"_color": "__color_1u9h9_gg_",
|
|
24
|
+
"--color": "--color_1u9h9",
|
|
25
|
+
"_transparent": "__transparent_1u9h9_gg_",
|
|
26
|
+
"__SIntersection": "___SIntersection_1u9h9_gg_",
|
|
27
|
+
"--duration": "--duration_1u9h9"
|
|
28
28
|
});
|
|
29
29
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(VennRoot, _Component);
|
|
@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
|
|
|
10
10
|
import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
|
|
11
11
|
import { Root, sstyled } from '@semcore/core';
|
|
12
12
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
"__SPlotA11yModule": "
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1cz8i_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1cz8i_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1cz8i_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1cz8i_gg_"
|
|
15
15
|
});
|
|
16
16
|
import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
|
|
17
17
|
import { Box } from '@semcore/flex-box';
|
|
@@ -13,8 +13,8 @@ import { getIntl } from './intl';
|
|
|
13
13
|
import { summarize } from './summarize';
|
|
14
14
|
import { Root, sstyled } from '@semcore/core';
|
|
15
15
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
16
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SPlotA11yView": "
|
|
16
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1c2k2_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_1c2k2_gg_:focus,.___SPlotA11yView_1c2k2_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_1c2k2_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1c2k2_gg_ table,.___SPlotA11yView_1c2k2_gg_ td,.___SPlotA11yView_1c2k2_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1c2k2_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SPlotA11yView": "___SPlotA11yView_1c2k2_gg_"
|
|
18
18
|
});
|
|
19
19
|
import { Box } from '@semcore/flex-box';
|
|
20
20
|
import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
@@ -10,10 +10,10 @@ import React from 'react';
|
|
|
10
10
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
11
11
|
import { Flex } from '@semcore/flex-box';
|
|
12
12
|
/*__reshadow-styles__:"./legend-flex.shadow.css"*/
|
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
"__SLegendFlex": "
|
|
15
|
-
"_direction_row": "
|
|
16
|
-
"_direction_column": "
|
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_2jo1q_gg_._direction_row_2jo1q_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_2jo1q_gg_._direction_column_2jo1q_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "2jo1q_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SLegendFlex": "___SLegendFlex_2jo1q_gg_",
|
|
15
|
+
"_direction_row": "_direction_row_2jo1q_gg_",
|
|
16
|
+
"_direction_column": "_direction_column_2jo1q_gg_"
|
|
17
17
|
});
|
|
18
18
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
|
19
19
|
import Divider from '@semcore/divider';
|