@semcore/d3-chart 3.53.0 → 3.54.0
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/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/cjs/types/Bar.d.js.map +1 -1
- 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/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/lib/es6/types/Bar.d.js.map +1 -1
- package/lib/types/Bar.d.ts +4 -0
- package/package.json +6 -6
package/lib/es6/Radar.js
CHANGED
|
@@ -22,25 +22,25 @@ import { eventToPoint, getChartDefaultColorName, measureText } from './utils';
|
|
|
22
22
|
import Tooltip from './Tooltip';
|
|
23
23
|
import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
24
24
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SAxis": "
|
|
27
|
-
"__SAxisLine": "
|
|
28
|
-
"__SAxisTick": "
|
|
29
|
-
"_active": "
|
|
30
|
-
"__SAxisLabel": "
|
|
31
|
-
"_xDirection": "
|
|
32
|
-
"--xDirection": "--
|
|
33
|
-
"_yDirection": "
|
|
34
|
-
"--yDirection": "--
|
|
35
|
-
"__SPolygon": "
|
|
36
|
-
"_color": "
|
|
37
|
-
"--color": "--
|
|
38
|
-
"_pattern": "
|
|
39
|
-
"--pattern": "--
|
|
40
|
-
"__SPolygonDot": "
|
|
41
|
-
"_transparent": "
|
|
42
|
-
"__SPolygonLine": "
|
|
43
|
-
"__SPieRect": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_13143_gg_,.___SAxisTick_13143_gg_,.___SAxis_13143_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_13143_gg_,.___SAxisTick_13143_gg_{stroke-dasharray:2}.___SAxisLine_13143_gg_.__active_13143_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_13143_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_13143_gg_.__xDirection_13143_gg_{text-anchor:var(--xDirection_13143)}.___SAxisLabel_13143_gg_.__yDirection_13143_gg_{dominant-baseline:var(--yDirection_13143)}.___SPolygonDot_13143_gg_,.___SPolygon_13143_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_13143_gg_{opacity:.2}.___SPolygon_13143_gg_.__color_13143_gg_{fill:var(--color_13143)}.___SPolygon_13143_gg_.__pattern_13143_gg_.__color_13143_gg_{fill:var(--pattern_13143);stroke:var(--color_13143);stroke-width:1px}.___SPolygonDot_13143_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_13143_gg_.__transparent_13143_gg_{opacity:.3}.___SPolygonDot_13143_gg_.__color_13143_gg_{fill:var(--color_13143)}.___SPolygonLine_13143_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_13143_gg_.__transparent_13143_gg_{opacity:.3}.___SPolygonLine_13143_gg_.__color_13143_gg_{stroke:var(--color_13143)}.___SPieRect_13143_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "13143_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SAxis": "___SAxis_13143_gg_",
|
|
27
|
+
"__SAxisLine": "___SAxisLine_13143_gg_",
|
|
28
|
+
"__SAxisTick": "___SAxisTick_13143_gg_",
|
|
29
|
+
"_active": "__active_13143_gg_",
|
|
30
|
+
"__SAxisLabel": "___SAxisLabel_13143_gg_",
|
|
31
|
+
"_xDirection": "__xDirection_13143_gg_",
|
|
32
|
+
"--xDirection": "--xDirection_13143",
|
|
33
|
+
"_yDirection": "__yDirection_13143_gg_",
|
|
34
|
+
"--yDirection": "--yDirection_13143",
|
|
35
|
+
"__SPolygon": "___SPolygon_13143_gg_",
|
|
36
|
+
"_color": "__color_13143_gg_",
|
|
37
|
+
"--color": "--color_13143",
|
|
38
|
+
"_pattern": "__pattern_13143_gg_",
|
|
39
|
+
"--pattern": "--pattern_13143",
|
|
40
|
+
"__SPolygonDot": "___SPolygonDot_13143_gg_",
|
|
41
|
+
"_transparent": "__transparent_13143_gg_",
|
|
42
|
+
"__SPolygonLine": "___SPolygonLine_13143_gg_",
|
|
43
|
+
"__SPieRect": "___SPieRect_13143_gg_"
|
|
44
44
|
});
|
|
45
45
|
var clampAngle = function clampAngle(angle) {
|
|
46
46
|
angle = angle % (2 * Math.PI);
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -21,18 +21,18 @@ import createElement from './createElement';
|
|
|
21
21
|
import { getChartDefaultColorName, measureText } from './utils';
|
|
22
22
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
23
23
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SRadian": "
|
|
26
|
-
"__SLine": "
|
|
27
|
-
"_stroke": "
|
|
28
|
-
"--stroke": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCap": "
|
|
31
|
-
"_pattern": "
|
|
32
|
-
"__SIcon": "
|
|
33
|
-
"__SLabel": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"__SLineCap": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1mbfx_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1mbfx_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1mbfx_gg_.__stroke_1mbfx_gg_{stroke:var(--stroke_1mbfx)}.___SLine_1mbfx_gg_.__transparent_1mbfx_gg_{opacity:.3}.___SCap_1mbfx_gg_{transition:r .1s}.___SCap_1mbfx_gg_.__pattern_1mbfx_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1mbfx_gg_.__transparent_1mbfx_gg_,.___SIcon_1mbfx_gg_.__transparent_1mbfx_gg_,.___SLabel_1mbfx_gg_.__transparent_1mbfx_gg_{opacity:.3}.___SLabel_1mbfx_gg_{fill:var(--color_1mbfx)}@media (hover:hover){.___SRadian_1mbfx_gg_:hover .___SLabel_1mbfx_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1mbfx_gg_{transition:none}}" /*__inner_css_end__*/, "1mbfx_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SRadian": "___SRadian_1mbfx_gg_",
|
|
26
|
+
"__SLine": "___SLine_1mbfx_gg_",
|
|
27
|
+
"_stroke": "__stroke_1mbfx_gg_",
|
|
28
|
+
"--stroke": "--stroke_1mbfx",
|
|
29
|
+
"_transparent": "__transparent_1mbfx_gg_",
|
|
30
|
+
"__SCap": "___SCap_1mbfx_gg_",
|
|
31
|
+
"_pattern": "__pattern_1mbfx_gg_",
|
|
32
|
+
"__SIcon": "___SIcon_1mbfx_gg_",
|
|
33
|
+
"__SLabel": "___SLabel_1mbfx_gg_",
|
|
34
|
+
"--color": "--color_1mbfx",
|
|
35
|
+
"__SLineCap": "___SLineCap_1mbfx_gg_"
|
|
36
36
|
});
|
|
37
37
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
38
38
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Reference.js
CHANGED
|
@@ -12,18 +12,18 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
import { scaleOfBandwidth } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/reference.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SReferenceLine": "
|
|
17
|
-
"__STitle": "
|
|
18
|
-
"--transform-origin": "--transform-
|
|
19
|
-
"_position_top": "
|
|
20
|
-
"_position_bottom": "
|
|
21
|
-
"_position_right": "
|
|
22
|
-
"_position_left": "
|
|
23
|
-
"__SBackground": "
|
|
24
|
-
"__SStripes": "
|
|
25
|
-
"--fill": "--
|
|
26
|
-
"__SStripesPatternPath": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_ubj1i_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_ubj1i_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_ubj1i)}.___STitle_ubj1i_gg_._position_top_ubj1i_gg_{text-anchor:middle}.___STitle_ubj1i_gg_._position_bottom_ubj1i_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_ubj1i_gg_._position_left_ubj1i_gg_,.___STitle_ubj1i_gg_._position_right_ubj1i_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_ubj1i_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_ubj1i_gg_{fill:var(--fill_ubj1i)}.___SStripesPatternPath_ubj1i_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}" /*__inner_css_end__*/, "ubj1i_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SReferenceLine": "___SReferenceLine_ubj1i_gg_",
|
|
17
|
+
"__STitle": "___STitle_ubj1i_gg_",
|
|
18
|
+
"--transform-origin": "--transform-origin_ubj1i",
|
|
19
|
+
"_position_top": "_position_top_ubj1i_gg_",
|
|
20
|
+
"_position_bottom": "_position_bottom_ubj1i_gg_",
|
|
21
|
+
"_position_right": "_position_right_ubj1i_gg_",
|
|
22
|
+
"_position_left": "_position_left_ubj1i_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_ubj1i_gg_",
|
|
24
|
+
"__SStripes": "___SStripes_ubj1i_gg_",
|
|
25
|
+
"--fill": "--fill_ubj1i",
|
|
26
|
+
"__SStripesPatternPath": "___SStripesPatternPath_ubj1i_gg_"
|
|
27
27
|
});
|
|
28
28
|
var side2direction = {
|
|
29
29
|
left: 'vertical',
|
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -18,15 +18,15 @@ import { getScatterPlotRadius } from './utils';
|
|
|
18
18
|
import Tooltip from './Tooltip';
|
|
19
19
|
import { PatternFill } from './Pattern';
|
|
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
|
-
"_pattern": "
|
|
26
|
-
"--pattern": "--
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SValue": "
|
|
29
|
-
"--duration": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_pot5s_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_pot5s);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_pot5s_gg_:hover{opacity:.8}}.___SScatterPlot_pot5s_gg_.__color_pot5s_gg_{fill:var(--color_pot5s)}.___SScatterPlot_pot5s_gg_.__pattern_pot5s_gg_.__color_pot5s_gg_{fill:var(--pattern_pot5s);stroke:var(--color_pot5s);stroke-width:1px}.___SScatterPlot_pot5s_gg_.__transparent_pot5s_gg_{opacity:.3}.___SValue_pot5s_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_pot5s_gg_.__color_pot5s_gg_{stroke:var(--color_pot5s)}.___SValue_pot5s_gg_.__transparent_pot5s_gg_{opacity:.3}" /*__inner_css_end__*/, "pot5s_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SScatterPlot": "___SScatterPlot_pot5s_gg_",
|
|
23
|
+
"_color": "__color_pot5s_gg_",
|
|
24
|
+
"--color": "--color_pot5s",
|
|
25
|
+
"_pattern": "__pattern_pot5s_gg_",
|
|
26
|
+
"--pattern": "--pattern_pot5s",
|
|
27
|
+
"_transparent": "__transparent_pot5s_gg_",
|
|
28
|
+
"__SValue": "___SValue_pot5s_gg_",
|
|
29
|
+
"--duration": "--duration_pot5s"
|
|
30
30
|
});
|
|
31
31
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
32
32
|
_inherits(ScatterPlotRoot, _Component);
|
package/lib/es6/Tooltip.js
CHANGED
|
@@ -21,15 +21,15 @@ import createElement from './createElement';
|
|
|
21
21
|
import { 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
|
-
"__SDotCircle": "
|
|
30
|
-
"_color": "
|
|
31
|
-
"--color": "--
|
|
32
|
-
"__SFooter": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1lxfx_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_1lxfx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1lxfx_gg_{display:flex;align-items:center}.___SDot_1lxfx_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1lxfx_gg_.__color_1lxfx_gg_{background-color:var(--color_1lxfx);width:8px;height:8px;border-radius:50%}.___SFooter_1lxfx_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__*/, "1lxfx_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STooltip": "___STooltip_1lxfx_gg_",
|
|
26
|
+
"__STitle": "___STitle_1lxfx_gg_",
|
|
27
|
+
"__SDotGroup": "___SDotGroup_1lxfx_gg_",
|
|
28
|
+
"__SDot": "___SDot_1lxfx_gg_",
|
|
29
|
+
"__SDotCircle": "___SDotCircle_1lxfx_gg_",
|
|
30
|
+
"_color": "__color_1lxfx_gg_",
|
|
31
|
+
"--color": "--color_1lxfx",
|
|
32
|
+
"__SFooter": "___SFooter_1lxfx_gg_"
|
|
33
33
|
});
|
|
34
34
|
import { PatternSymbol } from './Pattern';
|
|
35
35
|
|
package/lib/es6/Venn.js
CHANGED
|
@@ -20,15 +20,15 @@ import Tooltip from './Tooltip';
|
|
|
20
20
|
import { PatternFill } from './Pattern';
|
|
21
21
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
22
22
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SCircle": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SIntersection": "
|
|
29
|
-
"--duration": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_10lwc_gg_,.___SIntersection_10lwc_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_10lwc_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_10lwc);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_10lwc_gg_:hover{fill-opacity:.7}}.___SCircle_10lwc_gg_.__color_10lwc_gg_{fill:var(--color_10lwc)}.___SCircle_10lwc_gg_.__pattern_10lwc_gg_.__color_10lwc_gg_{fill:var(--pattern_10lwc);fill-opacity:.7;stroke:var(--color_10lwc);stroke-width:1px}@media (hover:hover){.___SCircle_10lwc_gg_.__pattern_10lwc_gg_.__color_10lwc_gg_:hover{fill-opacity:.85}}.___SCircle_10lwc_gg_.__transparent_10lwc_gg_{opacity:.3}.___SIntersection_10lwc_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_10lwc_gg_:hover{fill-opacity:.1}}.___SIntersection_10lwc_gg_.__transparent_10lwc_gg_{opacity:.3}" /*__inner_css_end__*/, "10lwc_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SCircle": "___SCircle_10lwc_gg_",
|
|
25
|
+
"_color": "__color_10lwc_gg_",
|
|
26
|
+
"--color": "--color_10lwc",
|
|
27
|
+
"_transparent": "__transparent_10lwc_gg_",
|
|
28
|
+
"__SIntersection": "___SIntersection_10lwc_gg_",
|
|
29
|
+
"--duration": "--duration_10lwc",
|
|
30
|
+
"_pattern": "__pattern_10lwc_gg_",
|
|
31
|
+
"--pattern": "--pattern_10lwc"
|
|
32
32
|
});
|
|
33
33
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_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_100fm_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_100fm_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "100fm_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_100fm_gg_"
|
|
15
15
|
});
|
|
16
16
|
import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
|
|
17
17
|
import { Box } from '@semcore/flex-box';
|
|
@@ -9,8 +9,8 @@ import { getIntl } from './intl';
|
|
|
9
9
|
import { summarize } from './summarize';
|
|
10
10
|
import { Root, sstyled } from '@semcore/core';
|
|
11
11
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
12
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
13
|
-
"__SPlotA11yView": "
|
|
12
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_ug05b_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_ug05b_gg_:focus,.___SPlotA11yView_ug05b_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_ug05b_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_ug05b_gg_ table,.___SPlotA11yView_ug05b_gg_ td,.___SPlotA11yView_ug05b_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "ug05b_gg_") /*__reshadow_css_end__*/, {
|
|
13
|
+
"__SPlotA11yView": "___SPlotA11yView_ug05b_gg_"
|
|
14
14
|
});
|
|
15
15
|
import { Box } from '@semcore/flex-box';
|
|
16
16
|
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_vvm4y_gg_._direction_row_vvm4y_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_vvm4y_gg_._direction_column_vvm4y_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "vvm4y_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SLegendFlex": "___SLegendFlex_vvm4y_gg_",
|
|
15
|
+
"_direction_row": "_direction_row_vvm4y_gg_",
|
|
16
|
+
"_direction_column": "_direction_column_vvm4y_gg_"
|
|
17
17
|
});
|
|
18
18
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
|
19
19
|
import Divider from '@semcore/divider';
|
|
@@ -19,23 +19,23 @@ import { Flex, Box } from '@semcore/flex-box';
|
|
|
19
19
|
import Checkbox from '@semcore/checkbox';
|
|
20
20
|
import { Text as TypographyText } from '@semcore/typography';
|
|
21
21
|
/*__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SLegendItem": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"__SPointShape": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_shape_Circle": "
|
|
29
|
-
"_size_l": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_shape_Line": "
|
|
32
|
-
"_shape_Square": "
|
|
33
|
-
"_shape_Pattern": "
|
|
34
|
-
"__SIcon": "
|
|
35
|
-
"__SLabel": "
|
|
36
|
-
"__SAdditionalLabel": "
|
|
37
|
-
"__SCount": "
|
|
38
|
-
"__SPatternSymbol": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_hi751_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_hi751_gg_:hover{cursor:pointer}.___SLegendItem_hi751_gg_.__disabled_hi751_gg_:hover{cursor:default}}.___SPointShape_hi751_gg_.__color_hi751_gg_{background-color:var(--color_hi751);margin-right:8px;flex-shrink:0}.___SPointShape_hi751_gg_._shape_Circle_hi751_gg_._size_l_hi751_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_hi751_gg_._shape_Circle_hi751_gg_._size_m_hi751_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_hi751_gg_._shape_Line_hi751_gg_._size_l_hi751_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_hi751_gg_._shape_Line_hi751_gg_._size_m_hi751_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_hi751_gg_._shape_Square_hi751_gg_._size_l_hi751_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_hi751_gg_._shape_Square_hi751_gg_._size_m_hi751_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_hi751_gg_._shape_Pattern_hi751_gg_{background-color:transparent;margin-right:4px}.___SIcon_hi751_gg_{line-height:0;margin-right:4px}.___SIcon_hi751_gg_._size_l_hi751_gg_{margin-top:4px}.___SIcon_hi751_gg_._size_m_hi751_gg_{margin-top:2px}.___SLabel_hi751_gg_{min-width:0}.___SAdditionalLabel_hi751_gg_._size_l_hi751_gg_,.___SCount_hi751_gg_._size_l_hi751_gg_,.___SLabel_hi751_gg_._size_l_hi751_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_hi751_gg_._size_m_hi751_gg_,.___SCount_hi751_gg_._size_m_hi751_gg_,.___SLabel_hi751_gg_._size_m_hi751_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_hi751_gg_,.___SCount_hi751_gg_{margin-left:4px}.___SAdditionalLabel_hi751_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_hi751_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_hi751_gg_._size_l_hi751_gg_::before{margin-top:10px}.___SAdditionalLabel_hi751_gg_._size_m_hi751_gg_::before{margin-top:8px}.___SPatternSymbol_hi751_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "hi751_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SLegendItem": "___SLegendItem_hi751_gg_",
|
|
24
|
+
"_disabled": "__disabled_hi751_gg_",
|
|
25
|
+
"__SPointShape": "___SPointShape_hi751_gg_",
|
|
26
|
+
"_color": "__color_hi751_gg_",
|
|
27
|
+
"--color": "--color_hi751",
|
|
28
|
+
"_shape_Circle": "_shape_Circle_hi751_gg_",
|
|
29
|
+
"_size_l": "_size_l_hi751_gg_",
|
|
30
|
+
"_size_m": "_size_m_hi751_gg_",
|
|
31
|
+
"_shape_Line": "_shape_Line_hi751_gg_",
|
|
32
|
+
"_shape_Square": "_shape_Square_hi751_gg_",
|
|
33
|
+
"_shape_Pattern": "_shape_Pattern_hi751_gg_",
|
|
34
|
+
"__SIcon": "___SIcon_hi751_gg_",
|
|
35
|
+
"__SLabel": "___SLabel_hi751_gg_",
|
|
36
|
+
"__SAdditionalLabel": "___SAdditionalLabel_hi751_gg_",
|
|
37
|
+
"__SCount": "___SCount_hi751_gg_",
|
|
38
|
+
"__SPatternSymbol": "___SPatternSymbol_hi751_gg_"
|
|
39
39
|
});
|
|
40
40
|
import { StaticShapes } from './LegendItem.type';
|
|
41
41
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
@@ -11,12 +11,12 @@ import React from 'react';
|
|
|
11
11
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
13
|
/*__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
15
|
-
"__SLegendTable": "
|
|
16
|
-
"_columns-count": "__columns-
|
|
17
|
-
"__SColumnItem": "
|
|
18
|
-
"_size_l": "
|
|
19
|
-
"_size_m": "
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_7tshf_gg_.__columns-count_7tshf_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_7tshf_gg_._size_l_7tshf_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_7tshf_gg_._size_m_7tshf_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "7tshf_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SLegendTable": "___SLegendTable_7tshf_gg_",
|
|
16
|
+
"_columns-count": "__columns-count_7tshf_gg_",
|
|
17
|
+
"__SColumnItem": "___SColumnItem_7tshf_gg_",
|
|
18
|
+
"_size_l": "_size_l_7tshf_gg_",
|
|
19
|
+
"_size_m": "_size_m_7tshf_gg_"
|
|
20
20
|
});
|
|
21
21
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
|
22
22
|
import { BaseLegend } from '../BaseLegend';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { IntergalacticD3Component } from './Plot';\nimport { ScaleBand, ScaleLinear } from 'd3-scale';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface IBarProps extends BarProps, UnknownProperties {}\nexport type BarProps = 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 /** Line color */\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Minimal height\n * @default 2\n */\n hMin?: number;\n /**\n * Bar click handler\n */\n onClick?: (\n data: { [key: string]: string | number | Date },\n event: React.SyntheticEvent,\n barIndex: number,\n barKey: string,\n ) => void;\n /** Enables element transparency */\n transparent?: boolean;\n /**\n * The maximum width of each Bar\n */\n maxBarSize?: number;\n /** Enables charts patterns that enhances charts accessibility */\n patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IBarContext extends BarContext, UnknownProperties {}\nexport type BarContext = {\n scale: [ScaleBand<any>, ScaleLinear<any, any>];\n /** @deprecated */\n value: unknown;\n /** Index in `data` array */\n index: number;\n x: number;\n y: number;\n width: number;\n height: number;\n};\n\n/** @deprecated */\nexport interface IBackgroundProps extends BackgroundProps, UnknownProperties {}\nexport type BackgroundProps = Context & {\n /** Coordinate x */\n x?: number | string;\n /** Coordinate y */\n y?: number | string;\n /** Value element of data */\n /** @deprecated */\n value?: any;\n /** Width rect */\n width?: number | string;\n /** Height rect */\n height?: number | string;\n};\n\ntype BackgroundContext = Context & {\n /** Index in `data` array */\n index: number;\n};\n\ndeclare const Bar: IntergalacticD3Component<'rect', BarProps, BarContext> & {\n Background: IntergalacticD3Component<'rect', BackgroundProps, BackgroundContext>;\n};\n\nexport default Bar;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { IntergalacticD3Component } from './Plot';\nimport { ScaleBand, ScaleLinear } from 'd3-scale';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface IBarProps extends BarProps, UnknownProperties {}\nexport type BarProps = 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 /** Line color */\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Minimal height\n * @default 2\n */\n hMin?: number;\n /**\n * Bar click handler\n */\n onClick?: (\n data: { [key: string]: string | number | Date },\n event: React.SyntheticEvent,\n barIndex: number,\n barKey: string,\n ) => void;\n /** Enables element transparency */\n transparent?: boolean;\n /**\n * The maximum width of each Bar\n */\n maxBarSize?: number;\n /** Enables charts patterns that enhances charts accessibility */\n patterns?: PatternsConfig;\n /**\n * Defines the x and y offset for positioning bars\n */\n offset?: [number, number] | ((index: number) => [number, number]);\n};\n\n/** @deprecated */\nexport interface IBarContext extends BarContext, UnknownProperties {}\nexport type BarContext = {\n scale: [ScaleBand<any>, ScaleLinear<any, any>];\n /** @deprecated */\n value: unknown;\n /** Index in `data` array */\n index: number;\n x: number;\n y: number;\n width: number;\n height: number;\n};\n\n/** @deprecated */\nexport interface IBackgroundProps extends BackgroundProps, UnknownProperties {}\nexport type BackgroundProps = Context & {\n /** Coordinate x */\n x?: number | string;\n /** Coordinate y */\n y?: number | string;\n /** Value element of data */\n /** @deprecated */\n value?: any;\n /** Width rect */\n width?: number | string;\n /** Height rect */\n height?: number | string;\n};\n\ntype BackgroundContext = Context & {\n /** Index in `data` array */\n index: number;\n};\n\ndeclare const Bar: IntergalacticD3Component<'rect', BarProps, BarContext> & {\n Background: IntergalacticD3Component<'rect', BackgroundProps, BackgroundContext>;\n};\n\nexport default Bar;\n"],"mappings":""}
|
package/lib/types/Bar.d.ts
CHANGED
|
@@ -45,6 +45,10 @@ export type BarProps = Context & {
|
|
|
45
45
|
maxBarSize?: number;
|
|
46
46
|
/** Enables charts patterns that enhances charts accessibility */
|
|
47
47
|
patterns?: PatternsConfig;
|
|
48
|
+
/**
|
|
49
|
+
* Defines the x and y offset for positioning bars
|
|
50
|
+
*/
|
|
51
|
+
offset?: [number, number] | ((index: number) => [number, number]);
|
|
48
52
|
};
|
|
49
53
|
|
|
50
54
|
/** @deprecated */
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/d3-chart",
|
|
3
3
|
"description": "Semrush D3 Chart Component",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.54.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@formatjs/intl": "2.3.0",
|
|
18
|
-
"@semcore/animation": "2.
|
|
19
|
-
"@semcore/divider": "4.
|
|
20
|
-
"@semcore/flex-box": "5.
|
|
21
|
-
"@semcore/popper": "5.
|
|
22
|
-
"@semcore/utils": "4.
|
|
18
|
+
"@semcore/animation": "2.35.0",
|
|
19
|
+
"@semcore/divider": "4.34.0",
|
|
20
|
+
"@semcore/flex-box": "5.35.0",
|
|
21
|
+
"@semcore/popper": "5.42.0",
|
|
22
|
+
"@semcore/utils": "4.39.0",
|
|
23
23
|
"@types/d3-shape": "^3.1.0",
|
|
24
24
|
"@upsetjs/venn.js": "1.4.2",
|
|
25
25
|
"d3-array": "3.1.6",
|