@semcore/d3-chart 1.6.9 → 1.8.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 CHANGED
@@ -2,6 +2,24 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [1.8.0] - 2022-04-11
6
+
7
+ ### Fixed
8
+
9
+ - Fixed left and right `<Axis.Title />` unexpected horizontal transition based on title characters count.
10
+
11
+ ## [1.7.1] - 2022-04-03
12
+
13
+ ### Changed
14
+
15
+ - Version patch update due to children dependencies update (`@semcore/animation` [1.5.0 ~> 1.5.0]).
16
+
17
+ ## [1.7.0] - 2022-03-28
18
+
19
+ ### Fixed
20
+
21
+ - Left and bottom plot titles now do not overlap axis ticks.
22
+
5
23
  ## [1.6.9] - 2022-03-14
6
24
 
7
25
  ### Changed
package/lib/cjs/Axis.js CHANGED
@@ -44,22 +44,23 @@ var style = (
44
44
  /*__reshadow_css_start__*/
45
45
  _core.sstyled.insert(
46
46
  /*__inner_css_start__*/
47
- ".___SAxis_j24dv_gg_{stroke:#a6b0b3}.___SAxis_j24dv_gg_.__hide_j24dv_gg_{display:none}.___STick_j24dv_gg_{font-size:12px;fill:#757575}.___STick_j24dv_gg_.__hide_j24dv_gg_{display:none}.___SGrid_j24dv_gg_{fill:transparent;stroke:#dee3e5}.___STitle_j24dv_gg_{font-size:12px;fill:#757575;transform-origin:center}.___STitle_j24dv_gg_._position_top_j24dv_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_j24dv_gg_._position_bottom_j24dv_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_j24dv_gg_._position_right_j24dv_gg_{transform:rotate(-90deg);transform-box:fill-box;alignment-baseline:middle}.___STitle_j24dv_gg_._position_left_j24dv_gg_{transform:rotate(-90deg);text-anchor:end;transform-box:fill-box;alignment-baseline:middle}.___STick_j24dv_gg_._position_top_j24dv_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_j24dv_gg_._position_bottom_j24dv_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_j24dv_gg_._position_right_j24dv_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_j24dv_gg_._position_left_j24dv_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_j24dv_gg_._position_custom_0_j24dv_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_j24dv_gg_._position_custom_1_j24dv_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
47
+ ".___SAxis_wl4ee_gg_{stroke:#a6b0b3}.___SAxis_wl4ee_gg_.__hide_wl4ee_gg_{display:none}.___STick_wl4ee_gg_{font-size:12px;fill:#757575}.___STick_wl4ee_gg_.__hide_wl4ee_gg_{display:none}.___SGrid_wl4ee_gg_{fill:transparent;stroke:#dee3e5}.___STitle_wl4ee_gg_{font-size:12px;fill:#757575;transform-origin:var(--transform-origin_16jhmok)}.___STitle_wl4ee_gg_._position_top_wl4ee_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_wl4ee_gg_._position_bottom_wl4ee_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_wl4ee_gg_._position_right_wl4ee_gg_{transform:rotate(-90deg);alignment-baseline:middle}.___STitle_wl4ee_gg_._position_left_wl4ee_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_wl4ee_gg_._position_top_wl4ee_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_wl4ee_gg_._position_bottom_wl4ee_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_wl4ee_gg_._position_right_wl4ee_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_wl4ee_gg_._position_left_wl4ee_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_wl4ee_gg_._position_custom_0_wl4ee_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_wl4ee_gg_._position_custom_1_wl4ee_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
48
48
  /*__inner_css_end__*/
49
- , "8vu5zg_gg_")
49
+ , "16jhmok_gg_")
50
50
  /*__reshadow_css_end__*/
51
51
  , {
52
- "__SAxis": "___SAxis_j24dv_gg_",
53
- "_hide": "__hide_j24dv_gg_",
54
- "__STick": "___STick_j24dv_gg_",
55
- "__SGrid": "___SGrid_j24dv_gg_",
56
- "__STitle": "___STitle_j24dv_gg_",
57
- "_position_top": "_position_top_j24dv_gg_",
58
- "_position_bottom": "_position_bottom_j24dv_gg_",
59
- "_position_right": "_position_right_j24dv_gg_",
60
- "_position_left": "_position_left_j24dv_gg_",
61
- "_position_custom_0": "_position_custom_0_j24dv_gg_",
62
- "_position_custom_1": "_position_custom_1_j24dv_gg_"
52
+ "__SAxis": "___SAxis_wl4ee_gg_",
53
+ "_hide": "__hide_wl4ee_gg_",
54
+ "__STick": "___STick_wl4ee_gg_",
55
+ "__SGrid": "___SGrid_wl4ee_gg_",
56
+ "__STitle": "___STitle_wl4ee_gg_",
57
+ "--transform-origin": "--transform-origin_16jhmok",
58
+ "_position_top": "_position_top_wl4ee_gg_",
59
+ "_position_bottom": "_position_bottom_wl4ee_gg_",
60
+ "_position_right": "_position_right_wl4ee_gg_",
61
+ "_position_left": "_position_left_wl4ee_gg_",
62
+ "_position_custom_0": "_position_custom_0_wl4ee_gg_",
63
+ "_position_custom_1": "_position_custom_1_wl4ee_gg_"
63
64
  });
64
65
  var CUSTOM_0 = Symbol('custom_0');
65
66
  var CUSTOM_1 = Symbol('custom_1');
@@ -249,6 +250,7 @@ var MAP_POSITION_GRID = {
249
250
  };
250
251
  }
251
252
  };
253
+ var TICKS_OVERLAP_SHIFT = 15;
252
254
  var MAP_POSITION_TITlE = {
253
255
  top: function top(_ref33) {
254
256
  var _ref34 = (0, _slicedToArray2["default"])(_ref33, 2),
@@ -271,7 +273,7 @@ var MAP_POSITION_TITlE = {
271
273
  var yRange = yScale.range();
272
274
  return {
273
275
  x: xRange[1] / 2,
274
- y: yRange[0]
276
+ y: yRange[0] + TICKS_OVERLAP_SHIFT
275
277
  };
276
278
  },
277
279
  right: function right(_ref37) {
@@ -294,7 +296,7 @@ var MAP_POSITION_TITlE = {
294
296
  var xRange = xScale.range();
295
297
  var yRange = yScale.range();
296
298
  return {
297
- x: xRange[0],
299
+ x: xRange[0] / 2,
298
300
  y: (yRange[0] + yRange[1]) / 2
299
301
  };
300
302
  }
@@ -433,11 +435,24 @@ function Title(props) {
433
435
  styles = props.styles,
434
436
  scale = props.scale,
435
437
  position = props.position;
436
- return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref4.cn("STitle", _objectSpread({
438
+
439
+ var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale),
440
+ x = _MAP_POSITION_TITlE$p.x,
441
+ y = _MAP_POSITION_TITlE$p.y;
442
+
443
+ var sstyles = (0, _core.sstyled)(styles);
444
+ var sTitleStyles = sstyles.cn('STitle', {
445
+ 'transform-origin': "".concat(x.toFixed(2), "px ").concat(y.toFixed(2), "px")
446
+ });
447
+ return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref4.cn("STitle", {
437
448
  "render": "text",
438
449
  "childrenPosition": "inside",
439
- "position": position
440
- }, MAP_POSITION_TITlE[position](scale))));
450
+ "position": position,
451
+ "className": sTitleStyles.className,
452
+ "style": sTitleStyles.style,
453
+ "x": x,
454
+ "y": y
455
+ }));
441
456
  }
442
457
 
443
458
  var XAxis = (0, _createElement["default"])(AxisRoot, {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Axis.jsx"],"names":["CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","MAP_POSITION_TITlE","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","Component","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","XAxis","defaultProps","YAxis"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n 0: CUSTOM_0,\n 1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[1],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[0],\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[1],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[0],\n y2: yRange[1],\n };\n },\n [CUSTOM_0]: ([xScale, yScale], pos) => {\n const xRange = xScale.range();\n return {\n x1: xRange[0],\n y1: scaleOfBandwidth(yScale, pos),\n x2: xRange[1],\n y2: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], pos) => {\n const yRange = yScale.range();\n return {\n x1: scaleOfBandwidth(xScale, pos),\n y1: yRange[0],\n x2: scaleOfBandwidth(xScale, pos),\n y2: yRange[1],\n };\n },\n};\n\nconst MAP_POSITION_TICK = {\n top: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[0],\n };\n },\n right: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[1],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n left: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[0],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, value),\n y: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, pos),\n y: scaleOfBandwidth(yScale, value),\n };\n },\n};\n\nconst MAP_POSITION_GRID = {\n 0: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n const x = scaleOfBandwidth(xScale, value);\n return {\n x1: x,\n y1: yRange[0],\n x2: x,\n y2: yRange[1],\n };\n },\n 1: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n const y = scaleOfBandwidth(yScale, value);\n return {\n x1: xRange[0],\n y1: y,\n x2: xRange[1],\n y2: y,\n };\n },\n};\n\nconst MAP_POSITION_TITlE = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1] / 2,\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1] / 2,\n y: yRange[0],\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1],\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[0],\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n};\n\nfunction renderValue(value) {\n if (value instanceof Date) {\n return value.toLocaleDateString();\n }\n return value;\n}\n\nclass AxisRoot extends Component {\n static displayName = 'Axis';\n\n static style = style;\n\n get ticks() {\n const { ticks, indexScale, scale } = this.asProps;\n const scl = scale[indexScale];\n return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n }\n\n getTitleProps() {\n const { position } = this.asProps;\n return {\n position: MAP_POSITION_REVERT[position],\n };\n }\n\n getTicksProps() {\n const { position, indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n position,\n };\n }\n\n getGridProps() {\n const { indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n };\n }\n\n render() {\n const SAxis = this.Element;\n const { styles, position, scale, hide, indexScale } = this.asProps;\n\n const pos =\n MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n }\n}\n\nfunction Ticks(props) {\n const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <STick\n key={i}\n render=\"text\"\n childrenPosition=\"inside\"\n __excludeProps={['data', 'scale', 'format', 'value']}\n value={value}\n index={i}\n position={positionClass}\n hide={hide}\n {...pos(scale, value, position)}\n >\n {renderValue(value)}\n </STick>,\n );\n });\n}\n\nfunction Grid(props) {\n const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n );\n });\n}\n\nfunction Title(props) {\n const { Element: STitle, styles, scale, position } = props;\n\n return sstyled(styles)(\n <STitle\n render=\"text\"\n childrenPosition=\"inside\"\n position={position}\n {...MAP_POSITION_TITlE[position](scale)}\n />,\n );\n}\n\nconst XAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nXAxis.defaultProps = {\n indexScale: 0,\n position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nYAxis.defaultProps = {\n indexScale: 1,\n position: 'left',\n hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"file":"Axis.js"}
1
+ {"version":3,"sources":["../../src/Axis.jsx"],"names":["CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","TICKS_OVERLAP_SHIFT","MAP_POSITION_TITlE","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","Component","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","sstyles","sTitleStyles","cn","toFixed","className","XAxis","defaultProps","YAxis"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n 0: CUSTOM_0,\n 1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[1],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[0],\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[1],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[0],\n y2: yRange[1],\n };\n },\n [CUSTOM_0]: ([xScale, yScale], pos) => {\n const xRange = xScale.range();\n return {\n x1: xRange[0],\n y1: scaleOfBandwidth(yScale, pos),\n x2: xRange[1],\n y2: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], pos) => {\n const yRange = yScale.range();\n return {\n x1: scaleOfBandwidth(xScale, pos),\n y1: yRange[0],\n x2: scaleOfBandwidth(xScale, pos),\n y2: yRange[1],\n };\n },\n};\n\nconst MAP_POSITION_TICK = {\n top: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[0],\n };\n },\n right: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[1],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n left: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[0],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, value),\n y: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, pos),\n y: scaleOfBandwidth(yScale, value),\n };\n },\n};\n\nconst MAP_POSITION_GRID = {\n 0: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n const x = scaleOfBandwidth(xScale, value);\n return {\n x1: x,\n y1: yRange[0],\n x2: x,\n y2: yRange[1],\n };\n },\n 1: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n const y = scaleOfBandwidth(yScale, value);\n return {\n x1: xRange[0],\n y1: y,\n x2: xRange[1],\n y2: y,\n };\n },\n};\n\nconst TICKS_OVERLAP_SHIFT = 15;\nconst MAP_POSITION_TITlE = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1] / 2,\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1] / 2,\n y: yRange[0] + TICKS_OVERLAP_SHIFT,\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1],\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[0] / 2,\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n};\n\nfunction renderValue(value) {\n if (value instanceof Date) {\n return value.toLocaleDateString();\n }\n return value;\n}\n\nclass AxisRoot extends Component {\n static displayName = 'Axis';\n\n static style = style;\n\n get ticks() {\n const { ticks, indexScale, scale } = this.asProps;\n const scl = scale[indexScale];\n return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n }\n\n getTitleProps() {\n const { position } = this.asProps;\n return {\n position: MAP_POSITION_REVERT[position],\n };\n }\n\n getTicksProps() {\n const { position, indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n position,\n };\n }\n\n getGridProps() {\n const { indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n };\n }\n\n render() {\n const SAxis = this.Element;\n const { styles, position, scale, hide, indexScale } = this.asProps;\n\n const pos =\n MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n }\n}\n\nfunction Ticks(props) {\n const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <STick\n key={i}\n render=\"text\"\n childrenPosition=\"inside\"\n __excludeProps={['data', 'scale', 'format', 'value']}\n value={value}\n index={i}\n position={positionClass}\n hide={hide}\n {...pos(scale, value, position)}\n >\n {renderValue(value)}\n </STick>,\n );\n });\n}\n\nfunction Grid(props) {\n const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n );\n });\n}\n\nfunction Title(props) {\n const { Element: STitle, styles, scale, position } = props;\n\n const { x, y } = MAP_POSITION_TITlE[position](scale);\n\n const sstyles = sstyled(styles);\n const sTitleStyles = sstyles.cn('STitle', {\n 'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n });\n\n return sstyled(styles)(\n <STitle\n render=\"text\"\n childrenPosition=\"inside\"\n position={position}\n className={sTitleStyles.className}\n style={sTitleStyles.style}\n x={x}\n y={y}\n />,\n );\n}\n\nconst XAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nXAxis.defaultProps = {\n indexScale: 0,\n position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nYAxis.defaultProps = {\n indexScale: 1,\n position: 'left',\n hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"file":"Axis.js"}
@@ -42,15 +42,15 @@ var _ref = (
42
42
  /*__reshadow_css_start__*/
43
43
  (0, _core.__css__)(
44
44
  /*__inner_css_start__*/
45
- ".___SBar_abglj_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_abglj_gg_.__color_abglj_gg_{fill:var(--color)}.___SBar_abglj_gg_.__hide_abglj_gg_{display:none}.___SBackground_abglj_gg_{fill:#e4ecf1}"
45
+ ".___SBar_uzr7s_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_uzr7s_gg_.__color_uzr7s_gg_{fill:var(--color)}.___SBar_uzr7s_gg_.__hide_uzr7s_gg_{display:none}.___SBackground_uzr7s_gg_{fill:#e4ecf1}"
46
46
  /*__inner_css_end__*/
47
- , "1uhzp12_gg_")
47
+ , "13073zq_gg_")
48
48
  /*__reshadow_css_end__*/
49
49
  , {
50
- "__SBar": "___SBar_abglj_gg_",
51
- "_color": "__color_abglj_gg_",
52
- "_hide": "__hide_abglj_gg_",
53
- "__SBackground": "___SBackground_abglj_gg_"
50
+ "__SBar": "___SBar_uzr7s_gg_",
51
+ "_color": "__color_uzr7s_gg_",
52
+ "_hide": "__hide_uzr7s_gg_",
53
+ "__SBackground": "___SBackground_uzr7s_gg_"
54
54
  }),
55
55
  style = (0, _extends2["default"])({}, _ref);
56
56
 
package/lib/cjs/Plot.js CHANGED
@@ -120,7 +120,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
120
120
  }, {
121
121
  key: "render",
122
122
  value: function render() {
123
- var _ref = this ? this.asProps : arguments[0],
123
+ var _ref = this.asProps,
124
124
  _ref2;
125
125
 
126
126
  var SPlot = _flexBox.Box;
@@ -132,7 +132,7 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
132
132
  }, {
133
133
  key: "render",
134
134
  value: function render() {
135
- var _ref = this ? this.asProps : arguments[0],
135
+ var _ref = this.asProps,
136
136
  _ref2;
137
137
 
138
138
  var SResponsiveContainer = _flexBox.Box;
@@ -48,15 +48,15 @@ var _ref = (
48
48
  /*__reshadow_css_start__*/
49
49
  (0, _core.__css__)(
50
50
  /*__inner_css_start__*/
51
- ".___SBar_5uf56_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_5uf56_gg_.__color_5uf56_gg_{fill:var(--color)}.___SBar_5uf56_gg_.__hide_5uf56_gg_{display:none}.___SBackground_5uf56_gg_{fill:#e4ecf1}"
51
+ ".___SBar_raw8k_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_raw8k_gg_.__color_raw8k_gg_{fill:var(--color)}.___SBar_raw8k_gg_.__hide_raw8k_gg_{display:none}.___SBackground_raw8k_gg_{fill:#e4ecf1}"
52
52
  /*__inner_css_end__*/
53
- , "tlnu2e_gg_")
53
+ , "1oz0u46_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SBar": "___SBar_5uf56_gg_",
57
- "_color": "__color_5uf56_gg_",
58
- "_hide": "__hide_5uf56_gg_",
59
- "__SBackground": "___SBackground_5uf56_gg_"
56
+ "__SBar": "___SBar_raw8k_gg_",
57
+ "_color": "__color_raw8k_gg_",
58
+ "_hide": "__hide_raw8k_gg_",
59
+ "__SBackground": "___SBackground_raw8k_gg_"
60
60
  }),
61
61
  style = (0, _extends2["default"])({}, _ref);
62
62
 
@@ -46,16 +46,16 @@ var _ref = (
46
46
  /*__reshadow_css_start__*/
47
47
  (0, _core.__css__)(
48
48
  /*__inner_css_start__*/
49
- ".___SArea_1t9rq_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_1t9rq_gg_.__color_1t9rq_gg_{fill:var(--color)}.___SAreaLine_1t9rq_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_1t9rq_gg_.__color_1t9rq_gg_{stroke:var(--color)}.___SArea_1t9rq_gg_,.___SAreaLine_1t9rq_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1t9rq_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1t9rq_gg_.__hide_1t9rq_gg_{display:none}"
49
+ ".___SArea_1efo6_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_1efo6_gg_.__color_1efo6_gg_{fill:var(--color)}.___SAreaLine_1efo6_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_1efo6_gg_.__color_1efo6_gg_{stroke:var(--color)}.___SArea_1efo6_gg_,.___SAreaLine_1efo6_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1efo6_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1efo6_gg_.__hide_1efo6_gg_{display:none}"
50
50
  /*__inner_css_end__*/
51
- , "4tyo41_gg_")
51
+ , "1fdh5z9_gg_")
52
52
  /*__reshadow_css_end__*/
53
53
  , {
54
- "__SArea": "___SArea_1t9rq_gg_",
55
- "_color": "__color_1t9rq_gg_",
56
- "__SAreaLine": "___SAreaLine_1t9rq_gg_",
57
- "__SNull": "___SNull_1t9rq_gg_",
58
- "_hide": "__hide_1t9rq_gg_"
54
+ "__SArea": "___SArea_1efo6_gg_",
55
+ "_color": "__color_1efo6_gg_",
56
+ "__SAreaLine": "___SAreaLine_1efo6_gg_",
57
+ "__SNull": "___SNull_1efo6_gg_",
58
+ "_hide": "__hide_1efo6_gg_"
59
59
  }),
60
60
  style = (0, _extends2["default"])({}, _ref);
61
61
 
@@ -145,7 +145,7 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
145
145
  }, {
146
146
  key: "render",
147
147
  value: function render() {
148
- var _ref = this ? this.asProps : arguments[0],
148
+ var _ref = this.asProps,
149
149
  _this3 = this;
150
150
 
151
151
  var _this$asProps3 = this.asProps,
@@ -205,7 +205,7 @@ function PopperPopper(props) {
205
205
  }
206
206
 
207
207
  function Title(props) {
208
- var _ref2 = this ? this.asProps : arguments[0],
208
+ var _ref2 = arguments[0],
209
209
  _ref5;
210
210
 
211
211
  var STitle = _flexBox.Box;
@@ -216,7 +216,7 @@ function Title(props) {
216
216
  }
217
217
 
218
218
  function Dot(props) {
219
- var _ref3 = this ? this.asProps : arguments[0],
219
+ var _ref3 = arguments[0],
220
220
  _ref6;
221
221
 
222
222
  var styles = props.styles,
@@ -25,7 +25,7 @@ SGrid {
25
25
  STitle {
26
26
  font-size: 12px;
27
27
  fill: var(--gray60);
28
- transform-origin: center;
28
+ transform-origin: var(--transform-origin);
29
29
  }
30
30
 
31
31
  STitle[position='top'] {
@@ -41,14 +41,12 @@ STitle[position='bottom'] {
41
41
 
42
42
  STitle[position='right'] {
43
43
  transform: rotate(-90deg);
44
- transform-box: fill-box;
45
44
  alignment-baseline: middle;
46
45
  }
47
46
 
48
47
  STitle[position='left'] {
49
48
  transform: rotate(-90deg);
50
- text-anchor: end;
51
- transform-box: fill-box;
49
+ text-anchor: middle;
52
50
  alignment-baseline: middle;
53
51
  }
54
52
 
package/lib/es6/Axis.js CHANGED
@@ -27,22 +27,23 @@ var style = (
27
27
  /*__reshadow_css_start__*/
28
28
  _sstyled.insert(
29
29
  /*__inner_css_start__*/
30
- ".___SAxis_j24dv_gg_{stroke:#a6b0b3}.___SAxis_j24dv_gg_.__hide_j24dv_gg_{display:none}.___STick_j24dv_gg_{font-size:12px;fill:#757575}.___STick_j24dv_gg_.__hide_j24dv_gg_{display:none}.___SGrid_j24dv_gg_{fill:transparent;stroke:#dee3e5}.___STitle_j24dv_gg_{font-size:12px;fill:#757575;transform-origin:center}.___STitle_j24dv_gg_._position_top_j24dv_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_j24dv_gg_._position_bottom_j24dv_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_j24dv_gg_._position_right_j24dv_gg_{transform:rotate(-90deg);transform-box:fill-box;alignment-baseline:middle}.___STitle_j24dv_gg_._position_left_j24dv_gg_{transform:rotate(-90deg);text-anchor:end;transform-box:fill-box;alignment-baseline:middle}.___STick_j24dv_gg_._position_top_j24dv_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_j24dv_gg_._position_bottom_j24dv_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_j24dv_gg_._position_right_j24dv_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_j24dv_gg_._position_left_j24dv_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_j24dv_gg_._position_custom_0_j24dv_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_j24dv_gg_._position_custom_1_j24dv_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
30
+ ".___SAxis_wl4ee_gg_{stroke:#a6b0b3}.___SAxis_wl4ee_gg_.__hide_wl4ee_gg_{display:none}.___STick_wl4ee_gg_{font-size:12px;fill:#757575}.___STick_wl4ee_gg_.__hide_wl4ee_gg_{display:none}.___SGrid_wl4ee_gg_{fill:transparent;stroke:#dee3e5}.___STitle_wl4ee_gg_{font-size:12px;fill:#757575;transform-origin:var(--transform-origin_16jhmok)}.___STitle_wl4ee_gg_._position_top_wl4ee_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_wl4ee_gg_._position_bottom_wl4ee_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_wl4ee_gg_._position_right_wl4ee_gg_{transform:rotate(-90deg);alignment-baseline:middle}.___STitle_wl4ee_gg_._position_left_wl4ee_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_wl4ee_gg_._position_top_wl4ee_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_wl4ee_gg_._position_bottom_wl4ee_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_wl4ee_gg_._position_right_wl4ee_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_wl4ee_gg_._position_left_wl4ee_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_wl4ee_gg_._position_custom_0_wl4ee_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_wl4ee_gg_._position_custom_1_wl4ee_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
31
31
  /*__inner_css_end__*/
32
- , "8vu5zg_gg_")
32
+ , "16jhmok_gg_")
33
33
  /*__reshadow_css_end__*/
34
34
  , {
35
- "__SAxis": "___SAxis_j24dv_gg_",
36
- "_hide": "__hide_j24dv_gg_",
37
- "__STick": "___STick_j24dv_gg_",
38
- "__SGrid": "___SGrid_j24dv_gg_",
39
- "__STitle": "___STitle_j24dv_gg_",
40
- "_position_top": "_position_top_j24dv_gg_",
41
- "_position_bottom": "_position_bottom_j24dv_gg_",
42
- "_position_right": "_position_right_j24dv_gg_",
43
- "_position_left": "_position_left_j24dv_gg_",
44
- "_position_custom_0": "_position_custom_0_j24dv_gg_",
45
- "_position_custom_1": "_position_custom_1_j24dv_gg_"
35
+ "__SAxis": "___SAxis_wl4ee_gg_",
36
+ "_hide": "__hide_wl4ee_gg_",
37
+ "__STick": "___STick_wl4ee_gg_",
38
+ "__SGrid": "___SGrid_wl4ee_gg_",
39
+ "__STitle": "___STitle_wl4ee_gg_",
40
+ "--transform-origin": "--transform-origin_16jhmok",
41
+ "_position_top": "_position_top_wl4ee_gg_",
42
+ "_position_bottom": "_position_bottom_wl4ee_gg_",
43
+ "_position_right": "_position_right_wl4ee_gg_",
44
+ "_position_left": "_position_left_wl4ee_gg_",
45
+ "_position_custom_0": "_position_custom_0_wl4ee_gg_",
46
+ "_position_custom_1": "_position_custom_1_wl4ee_gg_"
46
47
  });
47
48
  var CUSTOM_0 = Symbol('custom_0');
48
49
  var CUSTOM_1 = Symbol('custom_1');
@@ -232,6 +233,7 @@ var MAP_POSITION_GRID = {
232
233
  };
233
234
  }
234
235
  };
236
+ var TICKS_OVERLAP_SHIFT = 15;
235
237
  var MAP_POSITION_TITlE = {
236
238
  top: function top(_ref33) {
237
239
  var _ref34 = _slicedToArray(_ref33, 2),
@@ -254,7 +256,7 @@ var MAP_POSITION_TITlE = {
254
256
  var yRange = yScale.range();
255
257
  return {
256
258
  x: xRange[1] / 2,
257
- y: yRange[0]
259
+ y: yRange[0] + TICKS_OVERLAP_SHIFT
258
260
  };
259
261
  },
260
262
  right: function right(_ref37) {
@@ -277,7 +279,7 @@ var MAP_POSITION_TITlE = {
277
279
  var xRange = xScale.range();
278
280
  var yRange = yScale.range();
279
281
  return {
280
- x: xRange[0],
282
+ x: xRange[0] / 2,
281
283
  y: (yRange[0] + yRange[1]) / 2
282
284
  };
283
285
  }
@@ -419,11 +421,24 @@ function Title(props) {
419
421
  styles = props.styles,
420
422
  scale = props.scale,
421
423
  position = props.position;
422
- return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref4.cn("STitle", _objectSpread({
424
+
425
+ var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale),
426
+ x = _MAP_POSITION_TITlE$p.x,
427
+ y = _MAP_POSITION_TITlE$p.y;
428
+
429
+ var sstyles = sstyled(styles);
430
+ var sTitleStyles = sstyles.cn('STitle', {
431
+ 'transform-origin': "".concat(x.toFixed(2), "px ").concat(y.toFixed(2), "px")
432
+ });
433
+ return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref4.cn("STitle", {
423
434
  "render": "text",
424
435
  "childrenPosition": "inside",
425
- "position": position
426
- }, MAP_POSITION_TITlE[position](scale))));
436
+ "position": position,
437
+ "className": sTitleStyles.className,
438
+ "style": sTitleStyles.style,
439
+ "x": x,
440
+ "y": y
441
+ }));
427
442
  }
428
443
 
429
444
  var XAxis = createElement(AxisRoot, {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Axis.jsx"],"names":["React","Component","sstyled","createElement","scaleOfBandwidth","CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","MAP_POSITION_TITlE","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","XAxis","defaultProps","YAxis"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n 0: CUSTOM_0,\n 1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[1],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[0],\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[1],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[0],\n y2: yRange[1],\n };\n },\n [CUSTOM_0]: ([xScale, yScale], pos) => {\n const xRange = xScale.range();\n return {\n x1: xRange[0],\n y1: scaleOfBandwidth(yScale, pos),\n x2: xRange[1],\n y2: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], pos) => {\n const yRange = yScale.range();\n return {\n x1: scaleOfBandwidth(xScale, pos),\n y1: yRange[0],\n x2: scaleOfBandwidth(xScale, pos),\n y2: yRange[1],\n };\n },\n};\n\nconst MAP_POSITION_TICK = {\n top: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[0],\n };\n },\n right: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[1],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n left: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[0],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, value),\n y: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, pos),\n y: scaleOfBandwidth(yScale, value),\n };\n },\n};\n\nconst MAP_POSITION_GRID = {\n 0: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n const x = scaleOfBandwidth(xScale, value);\n return {\n x1: x,\n y1: yRange[0],\n x2: x,\n y2: yRange[1],\n };\n },\n 1: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n const y = scaleOfBandwidth(yScale, value);\n return {\n x1: xRange[0],\n y1: y,\n x2: xRange[1],\n y2: y,\n };\n },\n};\n\nconst MAP_POSITION_TITlE = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1] / 2,\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1] / 2,\n y: yRange[0],\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1],\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[0],\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n};\n\nfunction renderValue(value) {\n if (value instanceof Date) {\n return value.toLocaleDateString();\n }\n return value;\n}\n\nclass AxisRoot extends Component {\n static displayName = 'Axis';\n\n static style = style;\n\n get ticks() {\n const { ticks, indexScale, scale } = this.asProps;\n const scl = scale[indexScale];\n return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n }\n\n getTitleProps() {\n const { position } = this.asProps;\n return {\n position: MAP_POSITION_REVERT[position],\n };\n }\n\n getTicksProps() {\n const { position, indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n position,\n };\n }\n\n getGridProps() {\n const { indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n };\n }\n\n render() {\n const SAxis = this.Element;\n const { styles, position, scale, hide, indexScale } = this.asProps;\n\n const pos =\n MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n }\n}\n\nfunction Ticks(props) {\n const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <STick\n key={i}\n render=\"text\"\n childrenPosition=\"inside\"\n __excludeProps={['data', 'scale', 'format', 'value']}\n value={value}\n index={i}\n position={positionClass}\n hide={hide}\n {...pos(scale, value, position)}\n >\n {renderValue(value)}\n </STick>,\n );\n });\n}\n\nfunction Grid(props) {\n const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n );\n });\n}\n\nfunction Title(props) {\n const { Element: STitle, styles, scale, position } = props;\n\n return sstyled(styles)(\n <STitle\n render=\"text\"\n childrenPosition=\"inside\"\n position={position}\n {...MAP_POSITION_TITlE[position](scale)}\n />,\n );\n}\n\nconst XAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nXAxis.defaultProps = {\n indexScale: 0,\n position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nYAxis.defaultProps = {\n indexScale: 1,\n position: 'left',\n hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"file":"Axis.js"}
1
+ {"version":3,"sources":["../../src/Axis.jsx"],"names":["React","Component","sstyled","createElement","scaleOfBandwidth","CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","TICKS_OVERLAP_SHIFT","MAP_POSITION_TITlE","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","sstyles","sTitleStyles","cn","toFixed","className","XAxis","defaultProps","YAxis"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n 0: CUSTOM_0,\n 1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[1],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[0],\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[1],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[0],\n y2: yRange[1],\n };\n },\n [CUSTOM_0]: ([xScale, yScale], pos) => {\n const xRange = xScale.range();\n return {\n x1: xRange[0],\n y1: scaleOfBandwidth(yScale, pos),\n x2: xRange[1],\n y2: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], pos) => {\n const yRange = yScale.range();\n return {\n x1: scaleOfBandwidth(xScale, pos),\n y1: yRange[0],\n x2: scaleOfBandwidth(xScale, pos),\n y2: yRange[1],\n };\n },\n};\n\nconst MAP_POSITION_TICK = {\n top: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[0],\n };\n },\n right: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[1],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n left: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[0],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, value),\n y: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, pos),\n y: scaleOfBandwidth(yScale, value),\n };\n },\n};\n\nconst MAP_POSITION_GRID = {\n 0: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n const x = scaleOfBandwidth(xScale, value);\n return {\n x1: x,\n y1: yRange[0],\n x2: x,\n y2: yRange[1],\n };\n },\n 1: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n const y = scaleOfBandwidth(yScale, value);\n return {\n x1: xRange[0],\n y1: y,\n x2: xRange[1],\n y2: y,\n };\n },\n};\n\nconst TICKS_OVERLAP_SHIFT = 15;\nconst MAP_POSITION_TITlE = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1] / 2,\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1] / 2,\n y: yRange[0] + TICKS_OVERLAP_SHIFT,\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[1],\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x: xRange[0] / 2,\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n};\n\nfunction renderValue(value) {\n if (value instanceof Date) {\n return value.toLocaleDateString();\n }\n return value;\n}\n\nclass AxisRoot extends Component {\n static displayName = 'Axis';\n\n static style = style;\n\n get ticks() {\n const { ticks, indexScale, scale } = this.asProps;\n const scl = scale[indexScale];\n return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n }\n\n getTitleProps() {\n const { position } = this.asProps;\n return {\n position: MAP_POSITION_REVERT[position],\n };\n }\n\n getTicksProps() {\n const { position, indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n position,\n };\n }\n\n getGridProps() {\n const { indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n };\n }\n\n render() {\n const SAxis = this.Element;\n const { styles, position, scale, hide, indexScale } = this.asProps;\n\n const pos =\n MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n }\n}\n\nfunction Ticks(props) {\n const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <STick\n key={i}\n render=\"text\"\n childrenPosition=\"inside\"\n __excludeProps={['data', 'scale', 'format', 'value']}\n value={value}\n index={i}\n position={positionClass}\n hide={hide}\n {...pos(scale, value, position)}\n >\n {renderValue(value)}\n </STick>,\n );\n });\n}\n\nfunction Grid(props) {\n const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n );\n });\n}\n\nfunction Title(props) {\n const { Element: STitle, styles, scale, position } = props;\n\n const { x, y } = MAP_POSITION_TITlE[position](scale);\n\n const sstyles = sstyled(styles);\n const sTitleStyles = sstyles.cn('STitle', {\n 'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n });\n\n return sstyled(styles)(\n <STitle\n render=\"text\"\n childrenPosition=\"inside\"\n position={position}\n className={sTitleStyles.className}\n style={sTitleStyles.style}\n x={x}\n y={y}\n />,\n );\n}\n\nconst XAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nXAxis.defaultProps = {\n indexScale: 0,\n position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nYAxis.defaultProps = {\n indexScale: 1,\n position: 'left',\n hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"file":"Axis.js"}
@@ -22,15 +22,15 @@ var _ref = (
22
22
  /*__reshadow_css_start__*/
23
23
  __css__(
24
24
  /*__inner_css_start__*/
25
- ".___SBar_abglj_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_abglj_gg_.__color_abglj_gg_{fill:var(--color)}.___SBar_abglj_gg_.__hide_abglj_gg_{display:none}.___SBackground_abglj_gg_{fill:#e4ecf1}"
25
+ ".___SBar_uzr7s_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_uzr7s_gg_.__color_uzr7s_gg_{fill:var(--color)}.___SBar_uzr7s_gg_.__hide_uzr7s_gg_{display:none}.___SBackground_uzr7s_gg_{fill:#e4ecf1}"
26
26
  /*__inner_css_end__*/
27
- , "1uhzp12_gg_")
27
+ , "13073zq_gg_")
28
28
  /*__reshadow_css_end__*/
29
29
  , {
30
- "__SBar": "___SBar_abglj_gg_",
31
- "_color": "__color_abglj_gg_",
32
- "_hide": "__hide_abglj_gg_",
33
- "__SBackground": "___SBackground_abglj_gg_"
30
+ "__SBar": "___SBar_uzr7s_gg_",
31
+ "_color": "__color_uzr7s_gg_",
32
+ "_hide": "__hide_uzr7s_gg_",
33
+ "__SBackground": "___SBackground_uzr7s_gg_"
34
34
  }),
35
35
  style = _extends({}, _ref);
36
36
 
package/lib/es6/Plot.js CHANGED
@@ -100,7 +100,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
100
100
  }, {
101
101
  key: "render",
102
102
  value: function render() {
103
- var _ref = this ? this.asProps : arguments[0],
103
+ var _ref = this.asProps,
104
104
  _ref2;
105
105
 
106
106
  var SPlot = Box;
@@ -110,7 +110,7 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
110
110
  }, {
111
111
  key: "render",
112
112
  value: function render() {
113
- var _ref = this ? this.asProps : arguments[0],
113
+ var _ref = this.asProps,
114
114
  _ref2;
115
115
 
116
116
  var SResponsiveContainer = Box;
@@ -27,15 +27,15 @@ var _ref = (
27
27
  /*__reshadow_css_start__*/
28
28
  __css__(
29
29
  /*__inner_css_start__*/
30
- ".___SBar_5uf56_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_5uf56_gg_.__color_5uf56_gg_{fill:var(--color)}.___SBar_5uf56_gg_.__hide_5uf56_gg_{display:none}.___SBackground_5uf56_gg_{fill:#e4ecf1}"
30
+ ".___SBar_raw8k_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_raw8k_gg_.__color_raw8k_gg_{fill:var(--color)}.___SBar_raw8k_gg_.__hide_raw8k_gg_{display:none}.___SBackground_raw8k_gg_{fill:#e4ecf1}"
31
31
  /*__inner_css_end__*/
32
- , "tlnu2e_gg_")
32
+ , "1oz0u46_gg_")
33
33
  /*__reshadow_css_end__*/
34
34
  , {
35
- "__SBar": "___SBar_5uf56_gg_",
36
- "_color": "__color_5uf56_gg_",
37
- "_hide": "__hide_5uf56_gg_",
38
- "__SBackground": "___SBackground_5uf56_gg_"
35
+ "__SBar": "___SBar_raw8k_gg_",
36
+ "_color": "__color_raw8k_gg_",
37
+ "_hide": "__hide_raw8k_gg_",
38
+ "__SBackground": "___SBackground_raw8k_gg_"
39
39
  }),
40
40
  style = _extends({}, _ref);
41
41
 
@@ -26,16 +26,16 @@ var _ref = (
26
26
  /*__reshadow_css_start__*/
27
27
  __css__(
28
28
  /*__inner_css_start__*/
29
- ".___SArea_1t9rq_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_1t9rq_gg_.__color_1t9rq_gg_{fill:var(--color)}.___SAreaLine_1t9rq_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_1t9rq_gg_.__color_1t9rq_gg_{stroke:var(--color)}.___SArea_1t9rq_gg_,.___SAreaLine_1t9rq_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1t9rq_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1t9rq_gg_.__hide_1t9rq_gg_{display:none}"
29
+ ".___SArea_1efo6_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_1efo6_gg_.__color_1efo6_gg_{fill:var(--color)}.___SAreaLine_1efo6_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_1efo6_gg_.__color_1efo6_gg_{stroke:var(--color)}.___SArea_1efo6_gg_,.___SAreaLine_1efo6_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1efo6_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1efo6_gg_.__hide_1efo6_gg_{display:none}"
30
30
  /*__inner_css_end__*/
31
- , "4tyo41_gg_")
31
+ , "1fdh5z9_gg_")
32
32
  /*__reshadow_css_end__*/
33
33
  , {
34
- "__SArea": "___SArea_1t9rq_gg_",
35
- "_color": "__color_1t9rq_gg_",
36
- "__SAreaLine": "___SAreaLine_1t9rq_gg_",
37
- "__SNull": "___SNull_1t9rq_gg_",
38
- "_hide": "__hide_1t9rq_gg_"
34
+ "__SArea": "___SArea_1efo6_gg_",
35
+ "_color": "__color_1efo6_gg_",
36
+ "__SAreaLine": "___SAreaLine_1efo6_gg_",
37
+ "__SNull": "___SNull_1efo6_gg_",
38
+ "_hide": "__hide_1efo6_gg_"
39
39
  }),
40
40
  style = _extends({}, _ref);
41
41
 
@@ -122,7 +122,7 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
122
122
  }, {
123
123
  key: "render",
124
124
  value: function render() {
125
- var _ref = this ? this.asProps : arguments[0],
125
+ var _ref = this.asProps,
126
126
  _this3 = this;
127
127
 
128
128
  var _this$asProps3 = this.asProps,
@@ -185,7 +185,7 @@ function PopperPopper(props) {
185
185
  }
186
186
 
187
187
  function Title(props) {
188
- var _ref2 = this ? this.asProps : arguments[0],
188
+ var _ref2 = arguments[0],
189
189
  _ref5;
190
190
 
191
191
  var STitle = Box;
@@ -196,7 +196,7 @@ function Title(props) {
196
196
  }
197
197
 
198
198
  function Dot(props) {
199
- var _ref3 = this ? this.asProps : arguments[0],
199
+ var _ref3 = arguments[0],
200
200
  _ref6;
201
201
 
202
202
  var styles = props.styles,
@@ -25,7 +25,7 @@ SGrid {
25
25
  STitle {
26
26
  font-size: 12px;
27
27
  fill: var(--gray60);
28
- transform-origin: center;
28
+ transform-origin: var(--transform-origin);
29
29
  }
30
30
 
31
31
  STitle[position='top'] {
@@ -41,14 +41,12 @@ STitle[position='bottom'] {
41
41
 
42
42
  STitle[position='right'] {
43
43
  transform: rotate(-90deg);
44
- transform-box: fill-box;
45
44
  alignment-baseline: middle;
46
45
  }
47
46
 
48
47
  STitle[position='left'] {
49
48
  transform: rotate(-90deg);
50
- text-anchor: end;
51
- transform-box: fill-box;
49
+ text-anchor: middle;
52
50
  alignment-baseline: middle;
53
51
  }
54
52
 
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": "1.6.9",
4
+ "version": "1.8.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
package/src/Axis.jsx CHANGED
@@ -147,6 +147,7 @@ const MAP_POSITION_GRID = {
147
147
  },
148
148
  };
149
149
 
150
+ const TICKS_OVERLAP_SHIFT = 15;
150
151
  const MAP_POSITION_TITlE = {
151
152
  top: ([xScale, yScale]) => {
152
153
  const xRange = xScale.range();
@@ -161,7 +162,7 @@ const MAP_POSITION_TITlE = {
161
162
  const yRange = yScale.range();
162
163
  return {
163
164
  x: xRange[1] / 2,
164
- y: yRange[0],
165
+ y: yRange[0] + TICKS_OVERLAP_SHIFT,
165
166
  };
166
167
  },
167
168
  right: ([xScale, yScale]) => {
@@ -176,7 +177,7 @@ const MAP_POSITION_TITlE = {
176
177
  const xRange = xScale.range();
177
178
  const yRange = yScale.range();
178
179
  return {
179
- x: xRange[0],
180
+ x: xRange[0] / 2,
180
181
  y: (yRange[0] + yRange[1]) / 2,
181
182
  };
182
183
  },
@@ -273,12 +274,22 @@ function Grid(props) {
273
274
  function Title(props) {
274
275
  const { Element: STitle, styles, scale, position } = props;
275
276
 
277
+ const { x, y } = MAP_POSITION_TITlE[position](scale);
278
+
279
+ const sstyles = sstyled(styles);
280
+ const sTitleStyles = sstyles.cn('STitle', {
281
+ 'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,
282
+ });
283
+
276
284
  return sstyled(styles)(
277
285
  <STitle
278
286
  render="text"
279
287
  childrenPosition="inside"
280
288
  position={position}
281
- {...MAP_POSITION_TITlE[position](scale)}
289
+ className={sTitleStyles.className}
290
+ style={sTitleStyles.style}
291
+ x={x}
292
+ y={y}
282
293
  />,
283
294
  );
284
295
  }
@@ -25,7 +25,7 @@ SGrid {
25
25
  STitle {
26
26
  font-size: 12px;
27
27
  fill: var(--gray60);
28
- transform-origin: center;
28
+ transform-origin: var(--transform-origin);
29
29
  }
30
30
 
31
31
  STitle[position='top'] {
@@ -41,14 +41,12 @@ STitle[position='bottom'] {
41
41
 
42
42
  STitle[position='right'] {
43
43
  transform: rotate(-90deg);
44
- transform-box: fill-box;
45
44
  alignment-baseline: middle;
46
45
  }
47
46
 
48
47
  STitle[position='left'] {
49
48
  transform: rotate(-90deg);
50
- text-anchor: end;
51
- transform-box: fill-box;
49
+ text-anchor: middle;
52
50
  alignment-baseline: middle;
53
51
  }
54
52