@semcore/d3-chart 2.2.7 → 2.3.1

package/lib/cjs/Hover.js

@@ -44,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_1k0tn_gg_{stroke:#a9abb6}.___SHoverRect_1k0tn_gg_{fill:rgba(196,199,207,.3)}"
+".___SHoverLine_1fmf1_gg_{stroke:#a9abb6}.___SHoverRect_1fmf1_gg_{fill:rgba(196,199,207,.3)}"
 /*__inner_css_end__*/
-, "1k0tn_gg_")
+, "1fmf1_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1k0tn_gg_",
-  "__SHoverRect": "___SHoverRect_1k0tn_gg_"
+  "__SHoverLine": "___SHoverLine_1fmf1_gg_",
+  "__SHoverRect": "___SHoverRect_1fmf1_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {
@@ -202,6 +202,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
       var x1 = xIndex !== null ? (0, _utils.scaleOfBandwidth)(xScale, data[xIndex][x]) : undefined;
       var y1 = yIndex !== null ? (0, _utils.scaleOfBandwidth)(yScale, data[yIndex][y]) : undefined;
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, xIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverLine, _ref.cn("SHoverLine", {
+        "aria-hidden": true,
         "render": "line",
         "index": xIndex,
         "x1": x1,
@@ -209,6 +210,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
         "x2": x1,
         "y2": yRange[1]
       })) : null, yIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverLine, _ref.cn("SHoverLine", {
+        "aria-hidden": true,
         "render": "line",
         "index": yIndex,
         "x1": xRange[0],
@@ -256,6 +258,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
       var xRange = xScale.range();
       var yRange = yScale.range();
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, xIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverRect, _ref2.cn("SHoverRect", {
+        "aria-hidden": true,
         "render": "rect",
         "index": xIndex,
         "width": xScale.step() - xScale.paddingInner() / 2,
@@ -263,6 +266,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
         "x": xScale(data[xIndex][x]) - xScale.step() * xScale.paddingInner() / 2,
         "y": yRange[1]
       })) : null, yIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverRect, _ref2.cn("SHoverRect", {
+        "aria-hidden": true,
         "render": "rect",
         "index": yIndex,
         "width": xRange[1] - xRange[0],

package/lib/cjs/Hover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hover.js","names":["Hover","xIndex","yIndex","canUseDOM","document","createElement","trottle","e","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","xScale","yScale","eventToPoint","current","pX","pY","vX","invert","vY","undefined","getIndexFromData","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","setState","emit","width","height","top","right","bottom","left","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","Component","style","HoverLineRoot","SHoverLine","Element","styles","xRange","range","yRange","x1","scaleOfBandwidth","y1","sstyled","HoverRectRoot","SHoverRect","step","paddingInner","HoverLine","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n  static style = style;\n\n  state = {\n    xIndex: null,\n    yIndex: null,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  handlerMouseMoveRoot = trottle((e) => {\n    const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n    const { clientX, clientY } = e;\n    const [xScale, yScale] = scale;\n    const [pX, pY] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const vY = invert(yScale, pY);\n    const xIndex =\n      x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n    const yIndex =\n      y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n    const state = { xIndex, yIndex };\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n      clientX,\n      clientY,\n    );\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n    this.setState(state, () => {\n      eventEmitter.emit(\n        'onTooltipVisible',\n        xIndex !== null || yIndex !== null,\n        state,\n        this.virtualElement,\n      );\n    });\n  });\n\n  handlerMouseLeaveRoot = trottle(() => {\n    const state = {\n      xIndex: null,\n      yIndex: null,\n    };\n    this.setState(state, () => {\n      this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n    });\n  });\n\n  componentDidMount() {\n    const { eventEmitter } = this.asProps;\n    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      this.handlerMouseMoveRoot(e);\n    });\n    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      this.handlerMouseLeaveRoot,\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeMouseMoveRoot) {\n      this.unsubscribeMouseMoveRoot();\n    }\n    if (this.unsubscribeMouseLeaveRoot) {\n      this.unsubscribeMouseLeaveRoot();\n    }\n  }\n}\n\nclass HoverLineRoot extends Hover {\n  static displayName = 'HoverLine';\n\n  render() {\n    const SHoverLine = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverLine render=\"line\" index={xIndex} x1={x1} y1={yRange[0]} x2={x1} y2={yRange[1]} />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine render=\"line\" index={yIndex} x1={xRange[0]} y1={y1} x2={xRange[1]} y2={y1} />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nclass HoverRectRoot extends Hover {\n  static displayName = 'HoverRect';\n\n  render() {\n    const SHoverRect = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverRect\n            render=\"rect\"\n            index={xIndex}\n            width={xScale.step() - xScale.paddingInner() / 2}\n            height={yRange[0] - yRange[1]}\n            x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n            y={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverRect\n            render=\"rect\"\n            index={yIndex}\n            width={xRange[1] - xRange[0]}\n            height={yScale.step() - yScale.paddingInner() / 2}\n            x={xRange[0]}\n            y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"mappings":"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"}
+{"version":3,"file":"Hover.js","names":["Hover","xIndex","yIndex","canUseDOM","document","createElement","trottle","e","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","xScale","yScale","eventToPoint","current","pX","pY","vX","invert","vY","undefined","getIndexFromData","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","setState","emit","width","height","top","right","bottom","left","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","Component","style","HoverLineRoot","SHoverLine","Element","styles","xRange","range","yRange","x1","scaleOfBandwidth","y1","sstyled","HoverRectRoot","SHoverRect","step","paddingInner","HoverLine","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n  static style = style;\n\n  state = {\n    xIndex: null,\n    yIndex: null,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  handlerMouseMoveRoot = trottle((e) => {\n    const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n    const { clientX, clientY } = e;\n    const [xScale, yScale] = scale;\n    const [pX, pY] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const vY = invert(yScale, pY);\n    const xIndex =\n      x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n    const yIndex =\n      y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n    const state = { xIndex, yIndex };\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n      clientX,\n      clientY,\n    );\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n    this.setState(state, () => {\n      eventEmitter.emit(\n        'onTooltipVisible',\n        xIndex !== null || yIndex !== null,\n        state,\n        this.virtualElement,\n      );\n    });\n  });\n\n  handlerMouseLeaveRoot = trottle(() => {\n    const state = {\n      xIndex: null,\n      yIndex: null,\n    };\n    this.setState(state, () => {\n      this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n    });\n  });\n\n  componentDidMount() {\n    const { eventEmitter } = this.asProps;\n    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      this.handlerMouseMoveRoot(e);\n    });\n    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      this.handlerMouseLeaveRoot,\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeMouseMoveRoot) {\n      this.unsubscribeMouseMoveRoot();\n    }\n    if (this.unsubscribeMouseLeaveRoot) {\n      this.unsubscribeMouseLeaveRoot();\n    }\n  }\n}\n\nclass HoverLineRoot extends Hover {\n  static displayName = 'HoverLine';\n\n  render() {\n    const SHoverLine = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render=\"line\"\n            index={xIndex}\n            x1={x1}\n            y1={yRange[0]}\n            x2={x1}\n            y2={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render=\"line\"\n            index={yIndex}\n            x1={xRange[0]}\n            y1={y1}\n            x2={xRange[1]}\n            y2={y1}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nclass HoverRectRoot extends Hover {\n  static displayName = 'HoverRect';\n\n  render() {\n    const SHoverRect = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render=\"rect\"\n            index={xIndex}\n            width={xScale.step() - xScale.paddingInner() / 2}\n            height={yRange[0] - yRange[1]}\n            x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n            y={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render=\"rect\"\n            index={yIndex}\n            width={xRange[1] - xRange[0]}\n            height={yScale.step() - yScale.paddingInner() / 2}\n            x={xRange[0]}\n            y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"mappings":"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"}

package/lib/cjs/Line.js

@@ -46,17 +46,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_1p9qu_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_1p9qu);transition-timing-function:ease-in-out}.___SLine_1p9qu_gg_.__color_1p9qu_gg_{stroke:var(--color_1p9qu)}.___SLine_1p9qu_gg_.__hide_1p9qu_gg_{display:none}.___SNull_1p9qu_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_1p9qu_gg_.__hide_1p9qu_gg_{display:none}"
+".___SLine_5gq8i_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_5gq8i);transition-timing-function:ease-in-out}.___SLine_5gq8i_gg_.__color_5gq8i_gg_{stroke:var(--color_5gq8i)}.___SLine_5gq8i_gg_.__hide_5gq8i_gg_{display:none}.___SNull_5gq8i_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_5gq8i_gg_.__hide_5gq8i_gg_{display:none}"
 /*__inner_css_end__*/
-, "1p9qu_gg_")
+, "5gq8i_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_1p9qu_gg_",
-  "--duration": "--duration_1p9qu",
-  "_color": "__color_1p9qu_gg_",
-  "--color": "--color_1p9qu",
-  "_hide": "__hide_1p9qu_gg_",
-  "__SNull": "___SNull_1p9qu_gg_"
+  "__SLine": "___SLine_5gq8i_gg_",
+  "--duration": "--duration_5gq8i",
+  "_color": "__color_5gq8i_gg_",
+  "--color": "--color_5gq8i",
+  "_hide": "__hide_5gq8i_gg_",
+  "__SNull": "___SNull_5gq8i_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {
@@ -116,8 +116,13 @@ var LineRoot = /*#__PURE__*/function (_Component) {
           size = _this$asProps3.size,
           d3 = _this$asProps3.d3,
           data = _this$asProps3.data,
-          duration = _this$asProps3.duration;
+          duration = _this$asProps3.duration,
+          x = _this$asProps3.x,
+          y = _this$asProps3.y;
+      this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
+      this.asProps.dataHintsHandler.establishDataType('time-series');
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SLine, _ref.cn("SLine", {
+        "aria-hidden": true,
         "clipPath": "url(#".concat(uid, ")"),
         "render": "path",
         "hide": hide,
@@ -125,6 +130,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         "d": d3(data),
         "use:duration": "".concat(duration, "ms")
       })), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], _ref.cn("ClipPath", {
+        "aria-hidden": true,
         "setAttributeTag": function setAttributeTag(rect) {
           rect.setAttribute('width', size[0]);
         },

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SLine\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration, x, y } = this.asProps;\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,Q;;;;;;;;;;;;WAiBJ,wBAAe;MACb,oBAAsC,KAAKC,OAA3C;MAAA,IAAQC,CAAR,iBAAQA,CAAR;MAAA,IAAWC,CAAX,iBAAWA,CAAX;MAAA,IAAcC,EAAd,iBAAcA,EAAd;MAAA,IAAkBC,KAAlB,iBAAkBA,KAAlB;MAAA,IAAyBC,QAAzB,iBAAyBA,QAAzB;MACA,OAAO;QACLJ,CAAC,EAADA,CADK;QAELC,CAAC,EAADA,CAFK;QAGLC,EAAE,EAAFA,EAHK;QAILC,KAAK,EAALA,KAJK;QAKLC,QAAQ,EAARA;MALK,CAAP;IAOD;;;WAED,wBAAe;MACb,qBAAkC,KAAKL,OAAvC;MAAA,IAAQC,CAAR,kBAAQA,CAAR;MAAA,IAAWC,CAAX,kBAAWA,CAAX;MAAA,IAAcC,EAAd,kBAAcA,EAAd;MAAA,IAAkBC,KAAlB,kBAAkBA,KAAlB;MAAA,IAAyBE,IAAzB,kBAAyBA,IAAzB;MACA,OAAO;QACLH,EAAE,EAAFA,EADK;QAEL;QACAG,IAAI,EAAE,IAAAC,kBAAA,EAAYD,IAAZ,EAAkB,IAAAE,sBAAA,EAAgBP,CAAhB,EAAmBC,CAAnB,CAAlB,EAAyCA,CAAzC,CAHD;QAILE,KAAK,EAALA;MAJK,CAAP;IAMD;;;WAED,kBAAS;MAAA;;MACP,IAAMK,KAAK,GAAG,KAAKC,OAAnB;MACA,qBAAqE,KAAKV,OAA1E;MAAA,IAAQW,MAAR,kBAAQA,MAAR;MAAA,IAAgBC,IAAhB,kBAAgBA,IAAhB;MAAA,IAAsBR,KAAtB,kBAAsBA,KAAtB;MAAA,IAA6BS,GAA7B,kBAA6BA,GAA7B;MAAA,IAAkCC,IAAlC,kBAAkCA,IAAlC;MAAA,IAAwCX,EAAxC,kBAAwCA,EAAxC;MAAA,IAA4CG,IAA5C,kBAA4CA,IAA5C;MAAA,IAAkDD,QAAlD,kBAAkDA,QAAlD;MAAA,IAA4DJ,CAA5D,kBAA4DA,CAA5D;MAAA,IAA+DC,CAA/D,kBAA+DA,CAA/D;MAEA,KAAKF,OAAL,CAAae,gBAAb,CAA8BC,oBAA9B,CAAmDf,CAAnD,EAAsDC,CAAtD;MACA,KAAKF,OAAL,CAAae,gBAAb,CAA8BE,iBAA9B,CAAgD,aAAhD;MAEA,cAAO,IAAAC,aAAA,EAAQP,MAAR,CAAP,eACE,+EACE,gCAAC,KAAD;QAAA;QAAA,2BAEoBE,GAFpB;QAAA,UAGS,MAHT;QAAA,QAIQD,IAJR;QAAA,SAKSR,KALT;QAAA,KAMKD,EAAE,CAACG,IAAD,CANP;QAAA,0BAOmBD,QAPnB;MAAA,GADF,EAUGA,QAAQ,iBACP,gCAAC,oBAAD;QAAA;QAAA,mBAEmB,yBAACc,IAAD,EAAU;UACzBA,IAAI,CAACC,YAAL,CAAkB,OAAlB,EAA2BN,IAAI,CAAC,CAAD,CAA/B;QACD,CAJH;QAAA,MAKMD,GALN;QAAA,KAMI,GANJ;QAAA,KAOI,GAPJ;QAAA,SAQS,CART;QAAA,UASUC,IAAI,CAAC,CAAD,CATd;QAAA,8BAUuBT,QAVvB;MAAA,GAXJ,CADF;IA2BD;;;EAxEoBgB,e;;iCAAjBtB,Q,iBACiB,M;iCADjBA,Q,WAEWuB,K;iCAFXvB,Q,aAGa,CAAC,IAAAwB,oBAAA,GAAD,C;iCAHbxB,Q,kBAKkB,iBAAsD;EAAA,IAAnDE,CAAmD,SAAnDA,CAAmD;EAAA,IAAhDC,CAAgD,SAAhDA,CAAgD;EAAA,IAA7CsB,UAA6C,SAA7CA,UAA6C;EAAA,wBAAjCC,KAAiC;EAAA,IAAjCA,KAAiC,4BAAzBC,oBAAyB;EAAA,IAAZC,KAAY,SAAZA,KAAY;;EAC1E,YAAyBA,KAAK,IAAIH,UAAU,CAACG,KAA7C;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,MAAf;;EACA,OAAO;IACL1B,EAAE,EAAE,IAAA2B,aAAA,IACDC,OADC,CACO,IAAAC,kBAAA,EAAY/B,CAAZ,EAAeC,CAAf,CADP,EAEDuB,KAFC,CAEKA,KAFL,EAGDxB,CAHC,CAGC,UAACgC,CAAD;MAAA,OAAO,IAAAC,uBAAA,EAAiBN,MAAjB,EAAyBK,CAAC,CAAChC,CAAD,CAA1B,CAAP;IAAA,CAHD,EAIDC,CAJC,CAIC,UAAC+B,CAAD;MAAA,OAAO,IAAAC,uBAAA,EAAiBL,MAAjB,EAAyBI,CAAC,CAAC/B,CAAD,CAA1B,CAAP;IAAA,CAJD,CADC;IAMLG,QAAQ,EAAE;EANL,CAAP;AAQD,C;;AA4DH,SAAS8B,IAAT,CAAcC,KAAd,EAAqB;EAAA;;EACnB,IAAiBC,KAAjB,GAAmDD,KAAnD,CAAQ1B,OAAR;EAAA,IAAwBC,MAAxB,GAAmDyB,KAAnD,CAAwBzB,MAAxB;EAAA,IAAgCR,EAAhC,GAAmDiC,KAAnD,CAAgCjC,EAAhC;EAAA,IAAoCG,IAApC,GAAmD8B,KAAnD,CAAoC9B,IAApC;EAAA,IAA0CM,IAA1C,GAAmDwB,KAAnD,CAA0CxB,IAA1C;EACA,eAAO,IAAAM,aAAA,EAAQP,MAAR,CAAP,eAAuB,gCAAC,KAAD;IAAA,UAAc,MAAd;IAAA,KAAwBR,EAAE,CAACG,IAAD,CAA1B;IAAA,QAAwCM;EAAxC,GAAvB;AACD;;eAEc,IAAA0B,yBAAA,EAAcvC,QAAd,EAAwB;EACrCwC,IAAI,EAAJA,gBADqC;EAErCJ,IAAI,EAAJA;AAFqC,CAAxB,C"}

package/lib/cjs/Plot.js

@@ -35,6 +35,12 @@ var _eventEmitter = _interopRequireDefault(require("@semcore/utils/lib/eventEmit
 
 var _utils = require("./utils");
 
+var _PlotA11yModule = require("./a11y/PlotA11yModule");
+
+var _hints = require("./a11y/hints");
+
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -52,12 +58,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_1y0g0_gg_{overflow:hidden}"
+".___SPlot_121ak_gg_{overflow:hidden}.___SPlot_121ak_gg_:active,.___SPlot_121ak_gg_:focus{outline:0;text-decoration:none}.___SPlot_121ak_gg_.__keyboardFocused_121ak_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
 /*__inner_css_end__*/
-, "1y0g0_gg_")
+, "121ak_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_1y0g0_gg_"
+  "__SPlot": "___SPlot_121ak_gg_",
+  "_keyboardFocused": "__keyboardFocused_121ak_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {
@@ -70,7 +77,10 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
 
     (0, _classCallCheck2["default"])(this, PlotRoot);
     _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "plotId", (0, _utils.uniqueId)());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rootRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dataStructureHints", (0, _hints.makeDataHintsContainer)());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dataHintsHandler", (0, _hints.makeDataHintsHandlers)(_this.dataStructureHints));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseMove", function (e) {
       var scale = _this.asProps.scale;
 
@@ -115,18 +125,27 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(PlotRoot, [{
     key: "setContext",
     value: function setContext() {
+      var _scale$, _scale$$domain;
+
       var _this$asProps = this.asProps,
           scale = _this$asProps.scale,
           data = _this$asProps.data,
           width = _this$asProps.width,
           height = _this$asProps.height;
+      var yScaleDomain = scale === null || scale === void 0 ? void 0 : (_scale$ = scale[1]) === null || _scale$ === void 0 ? void 0 : (_scale$$domain = _scale$.domain) === null || _scale$$domain === void 0 ? void 0 : _scale$$domain.call(_scale$);
+
+      if (yScaleDomain !== null && yScaleDomain !== void 0 && yScaleDomain.length && data !== null && data !== void 0 && data.length) {
+        this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
+      }
+
       return {
         $rootProps: {
           size: [width, height],
           data: data,
           scale: scale,
           eventEmitter: this.eventEmitter,
-          rootRef: this.rootRef
+          rootRef: this.rootRef,
+          dataHintsHandler: this.dataHintsHandler
         }
       };
     }
@@ -140,15 +159,33 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps2 = this.asProps,
           styles = _this$asProps2.styles,
           width = _this$asProps2.width,
-          height = _this$asProps2.height;
+          height = _this$asProps2.height,
+          Children = _this$asProps2.Children,
+          data = _this$asProps2.data,
+          a11yAltTextConfig = _this$asProps2.a11yAltTextConfig,
+          label = _this$asProps2.label,
+          locale = _this$asProps2.locale;
       if (!width || !height) return null;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlot, _ref2.cn("SPlot", _objectSpread({}, (0, _core.assignProps)({
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SPlot, _ref2.cn("SPlot", _objectSpread({}, (0, _core.assignProps)({
         "tag": "svg",
         "__excludeProps": ['data', 'scale'],
         "ref": this.rootRef,
         "onMouseMove": this.handlerMouseMove,
-        "onMouseLeave": this.handlerMouseLeave
-      }, _ref))));
+        "onMouseLeave": this.handlerMouseLeave,
+        "aria-label": label,
+        "tabIndex": 0
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/_react["default"].createElement("foreignObject", _ref2.cn("foreignObject", {
+        "width": "100%",
+        "height": "100%"
+      }), /*#__PURE__*/_react["default"].createElement(_PlotA11yModule.PlotA11yModule, _ref2.cn("PlotA11yModule", {
+        "id": this.plotId,
+        "data": data,
+        "plotLabel": label,
+        "locale": locale,
+        "plotRef": this.rootRef,
+        "hints": this.dataStructureHints,
+        "config": a11yAltTextConfig
+      })))));
     }
   }]);
   return PlotRoot;
@@ -162,6 +199,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
     height: 0
   };
 });
+(0, _defineProperty2["default"])(PlotRoot, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
 
 var _default = (0, _core["default"])(PlotRoot);
 

package/lib/cjs/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["PlotRoot","props","React","createRef","e","scale","asProps","eventEmitter","emit","xScale","yScale","eventToPoint","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","EventEmitter","data","width","height","$rootProps","size","SPlot","Box","styles","sstyled","handlerMouseMove","handlerMouseLeave","Component","style","createComponent"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport { eventToPoint } from './utils';\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  rootRef = React.createRef();\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height } = this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag=\"svg\"\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n      />,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Plot.js","names":["PlotRoot","props","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","xScale","yScale","eventToPoint","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","EventEmitter","data","width","height","yScaleDomain","domain","length","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","Box","styles","Children","a11yAltTextConfig","label","locale","sstyled","handlerMouseMove","handlerMouseLeave","plotId","Component","style","keyboardFocusEnhance","createComponent"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport { eventToPoint, uniqueId } from './utils';\nimport style from './style/plot.shadow.css';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <>\n        <SPlot\n          render={Box}\n          tag=\"svg\"\n          __excludeProps={['data', 'scale']}\n          ref={this.rootRef}\n          onMouseMove={this.handlerMouseMove}\n          onMouseLeave={this.handlerMouseLeave}\n          aria-label={label}\n          tabIndex={0}\n        >\n          <Children />\n          <foreignObject width=\"100%\" height=\"100%\">\n            <PlotA11yModule\n              id={this.plotId}\n              data={data}\n              plotLabel={label}\n              locale={locale}\n              plotRef={this.rootRef}\n              hints={this.dataStructureHints}\n              config={a11yAltTextConfig}\n            />\n          </foreignObject>\n        </SPlot>\n      </>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}

package/lib/cjs/RadialTree.js

@@ -60,20 +60,20 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_1b03n_gg_{cursor:pointer;fill:#008ff8}.___SLine_1b03n_gg_{stroke:#008ff8}.___SLine_1b03n_gg_.__color_1b03n_gg_{stroke:var(--color_1b03n)}.___SCap_1b03n_gg_{transition:r .1s}.___SLabel_1b03n_gg_{fill:var(--color_1b03n);cursor:var(--text-cursor_1b03n)}.___SRadian_1b03n_gg_:hover .___SLabel_1b03n_gg_{fill:var(--color-hovered_1b03n)}@media (prefers-reduced-motion){.___SLineCap_1b03n_gg_{transition:none}}"
+".___SRadian_kbaiy_gg_{cursor:pointer;fill:#008ff8}.___SLine_kbaiy_gg_{stroke:#008ff8}.___SLine_kbaiy_gg_.__color_kbaiy_gg_{stroke:var(--color_kbaiy)}.___SCap_kbaiy_gg_{transition:r .1s}.___SLabel_kbaiy_gg_{fill:var(--color_kbaiy);cursor:var(--text-cursor_kbaiy)}.___SRadian_kbaiy_gg_:hover .___SLabel_kbaiy_gg_{fill:var(--color-hovered_kbaiy)}@media (prefers-reduced-motion){.___SLineCap_kbaiy_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1b03n_gg_")
+, "kbaiy_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_1b03n_gg_",
-  "__SLine": "___SLine_1b03n_gg_",
-  "_color": "__color_1b03n_gg_",
-  "--color": "--color_1b03n",
-  "__SCap": "___SCap_1b03n_gg_",
-  "__SLabel": "___SLabel_1b03n_gg_",
-  "--text-cursor": "--text-cursor_1b03n",
-  "--color-hovered": "--color-hovered_1b03n",
-  "__SLineCap": "___SLineCap_1b03n_gg_"
+  "__SRadian": "___SRadian_kbaiy_gg_",
+  "__SLine": "___SLine_kbaiy_gg_",
+  "_color": "__color_kbaiy_gg_",
+  "--color": "--color_kbaiy",
+  "__SCap": "___SCap_kbaiy_gg_",
+  "__SLabel": "___SLabel_kbaiy_gg_",
+  "--text-cursor": "--text-cursor_kbaiy",
+  "--color-hovered": "--color-hovered_kbaiy",
+  "__SLineCap": "___SLineCap_kbaiy_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 
@@ -324,6 +324,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
 
       var SRadialTree = this.Element;
       var Children = this.asProps.Children;
+      this.asProps.dataHintsHandler.establishDataType('values-set');
       return _ref = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SRadialTree, _ref.cn("SRadialTree", {
         "render": "g"
       }), /*#__PURE__*/_react["default"].createElement(Children, _ref.cn("Children", {})));
@@ -556,11 +557,13 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
         var mergedProps = (0, _assignProps["default"])(children(this.asProps), this.asProps);
         children = mergedProps.children;
         mergedProps.children = _child;
-      } // hidden from publicly typed export
+      }
 
+      this.asProps.dataHintsHandler.describeValueEntity("".concat(index, ".").concat(data.label), data.label); // hidden from publicly typed export
 
       var InteractiveArea = RadialTree.Radian.InteractiveArea;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadian, _ref2.cn("SRadian", {
+        "aria-hidden": true,
         "key": key,
         "onClick": onRadianClick(key)
       }), /*#__PURE__*/_react["default"].createElement(InteractiveArea, _ref2.cn("InteractiveArea", {})), children);
@@ -679,6 +682,7 @@ var Label = function Label(_ref24) {
     'text-cursor': isHorizontal ? 'text' : 'vertical-text'
   });
   return /*#__PURE__*/_react["default"].createElement(SLabel, {
+    "aria-hidden": true,
     render: "text",
     textAnchor: "middle",
     dominantBaseline: "central",
@@ -709,12 +713,20 @@ var Title = function Title(_ref25) {
 
   var STitle = _ref25.Element,
       Children = _ref25.Children,
+      children = _ref25.children,
       styles = _ref25.styles,
       textSize = _ref25.textSize,
       color = _ref25.color,
       x = _ref25.x,
-      y = _ref25.y;
+      y = _ref25.y,
+      dataHintsHandler = _ref25.dataHintsHandler;
+
+  if (typeof children === 'string') {
+    dataHintsHandler.setTitle('vertical', children);
+  }
+
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref8.cn("STitle", {
+    "aria-hidden": true,
     "render": "text",
     "textAnchor": "middle",
     "dominantBaseline": "central",