@semcore/d3-chart 2.2.6 → 2.3.0-1

package/lib/es6/Line.js

@@ -25,17 +25,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_1w8zx_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_1w8zx);transition-timing-function:ease-in-out}.___SLine_1w8zx_gg_.__color_1w8zx_gg_{stroke:var(--color_1w8zx)}.___SLine_1w8zx_gg_.__hide_1w8zx_gg_{display:none}.___SNull_1w8zx_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_1w8zx_gg_.__hide_1w8zx_gg_{display:none}"
+".___SLine_s3dwn_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_s3dwn);transition-timing-function:ease-in-out}.___SLine_s3dwn_gg_.__color_s3dwn_gg_{stroke:var(--color_s3dwn)}.___SLine_s3dwn_gg_.__hide_s3dwn_gg_{display:none}.___SNull_s3dwn_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_s3dwn_gg_.__hide_s3dwn_gg_{display:none}"
 /*__inner_css_end__*/
-, "1w8zx_gg_")
+, "s3dwn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_1w8zx_gg_",
-  "--duration": "--duration_1w8zx",
-  "_color": "__color_1w8zx_gg_",
-  "--color": "--color_1w8zx",
-  "_hide": "__hide_1w8zx_gg_",
-  "__SNull": "___SNull_1w8zx_gg_"
+  "__SLine": "___SLine_s3dwn_gg_",
+  "--duration": "--duration_s3dwn",
+  "_color": "__color_s3dwn_gg_",
+  "--color": "--color_s3dwn",
+  "_hide": "__hide_s3dwn_gg_",
+  "__SNull": "___SNull_s3dwn_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {
@@ -96,8 +96,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 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLine, _ref.cn("SLine", {
+        "aria-hidden": true,
         "clipPath": "url(#".concat(uid, ")"),
         "render": "path",
         "hide": hide,
@@ -105,6 +110,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         "d": d3(data),
         "use:duration": "".concat(duration, "ms")
       })), duration && /*#__PURE__*/React.createElement(ClipPath, _ref.cn("ClipPath", {
+        "aria-hidden": true,
         "setAttributeTag": function setAttributeTag(rect) {
           rect.setAttribute('width', size[0]);
         },

package/lib/es6/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","Component","sstyled","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","uniqueIDEnhancement","LineRoot","asProps","x","y","d3","color","duration","data","SLine","Element","styles","hide","uid","size","rect","setAttribute","style","$rootProps","curve","scale","xScale","yScale","defined","p","Null","props","SNull"],"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":["React","curveLinear","line","d3Line","Component","sstyled","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","uniqueIDEnhancement","LineRoot","asProps","x","y","d3","color","duration","data","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","rect","setAttribute","style","$rootProps","curve","scale","xScale","yScale","defined","p","Null","props","SNull"],"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":"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"}

package/lib/es6/Plot.js

@@ -21,20 +21,24 @@ import React from 'react';
 import createComponent, { Component, Root, sstyled } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import EventEmitter from '@semcore/utils/lib/eventEmitter';
-import { eventToPoint } from './utils';
+import { eventToPoint, uniqueId } from './utils';
 
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_1tnah_gg_{overflow:hidden}"
+".___SPlot_14czz_gg_{overflow:hidden}.___SPlot_14czz_gg_:active,.___SPlot_14czz_gg_:focus{outline:0;text-decoration:none}.___SPlot_14czz_gg_.__keyboardFocused_14czz_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
 /*__inner_css_end__*/
-, "1tnah_gg_")
+, "14czz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_1tnah_gg_"
+  "__SPlot": "___SPlot_14czz_gg_",
+  "_keyboardFocused": "__keyboardFocused_14czz_gg_"
 });
+import { PlotA11yModule } from './a11y/PlotA11yModule';
+import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);
@@ -48,8 +52,14 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "plotId", uniqueId());
+
     _defineProperty(_assertThisInitialized(_this), "rootRef", /*#__PURE__*/React.createRef());
 
+    _defineProperty(_assertThisInitialized(_this), "dataStructureHints", makeDataHintsContainer());
+
+    _defineProperty(_assertThisInitialized(_this), "dataHintsHandler", makeDataHintsHandlers(_this.dataStructureHints));
+
     _defineProperty(_assertThisInitialized(_this), "handlerMouseMove", function (e) {
       var scale = _this.asProps.scale;
 
@@ -96,18 +106,27 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
   _createClass(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
         }
       };
     }
@@ -121,15 +140,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 = sstyled(styles), /*#__PURE__*/React.createElement(SPlot, _ref2.cn("SPlot", _objectSpread({}, _assignProps({
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SPlot, _ref2.cn("SPlot", _objectSpread({}, _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.createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/React.createElement("foreignObject", _ref2.cn("foreignObject", {
+        "width": "100%",
+        "height": "100%"
+      }), /*#__PURE__*/React.createElement(PlotA11yModule, _ref2.cn("PlotA11yModule", {
+        "id": this.plotId,
+        "data": data,
+        "plotLabel": label,
+        "locale": locale,
+        "plotRef": this.rootRef,
+        "hints": this.dataStructureHints,
+        "config": a11yAltTextConfig
+      })))));
     }
   }]);
 
@@ -147,5 +184,7 @@ _defineProperty(PlotRoot, "defaultProps", function () {
   };
 });
 
+_defineProperty(PlotRoot, "enhance", [keyboardFocusEnhance()]);
+
 export default createComponent(PlotRoot);
 //# sourceMappingURL=Plot.js.map

package/lib/es6/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","eventToPoint","PlotRoot","props","createRef","e","scale","asProps","eventEmitter","emit","xScale","yScale","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","data","width","height","$rootProps","size","SPlot","styles","handlerMouseMove","handlerMouseLeave","style"],"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":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","keyboardFocusEnhance","PlotRoot","props","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","xScale","yScale","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","data","width","height","yScaleDomain","domain","length","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","styles","Children","a11yAltTextConfig","label","locale","handlerMouseMove","handlerMouseLeave","plotId","style"],"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/es6/RadialTree.js

@@ -31,20 +31,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_1lxvy_gg_{cursor:pointer;fill:#008ff8}.___SLine_1lxvy_gg_{stroke:#008ff8}.___SLine_1lxvy_gg_.__color_1lxvy_gg_{stroke:var(--color_1lxvy)}.___SCap_1lxvy_gg_{transition:r .1s}.___SLabel_1lxvy_gg_{fill:var(--color_1lxvy);cursor:var(--text-cursor_1lxvy)}.___SRadian_1lxvy_gg_:hover .___SLabel_1lxvy_gg_{fill:var(--color-hovered_1lxvy)}@media (prefers-reduced-motion){.___SLineCap_1lxvy_gg_{transition:none}}"
+".___SRadian_f0avw_gg_{cursor:pointer;fill:#008ff8}.___SLine_f0avw_gg_{stroke:#008ff8}.___SLine_f0avw_gg_.__color_f0avw_gg_{stroke:var(--color_f0avw)}.___SCap_f0avw_gg_{transition:r .1s}.___SLabel_f0avw_gg_{fill:var(--color_f0avw);cursor:var(--text-cursor_f0avw)}.___SRadian_f0avw_gg_:hover .___SLabel_f0avw_gg_{fill:var(--color-hovered_f0avw)}@media (prefers-reduced-motion){.___SLineCap_f0avw_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1lxvy_gg_")
+, "f0avw_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_1lxvy_gg_",
-  "__SLine": "___SLine_1lxvy_gg_",
-  "_color": "__color_1lxvy_gg_",
-  "--color": "--color_1lxvy",
-  "__SCap": "___SCap_1lxvy_gg_",
-  "__SLabel": "___SLabel_1lxvy_gg_",
-  "--text-cursor": "--text-cursor_1lxvy",
-  "--color-hovered": "--color-hovered_1lxvy",
-  "__SLineCap": "___SLineCap_1lxvy_gg_"
+  "__SRadian": "___SRadian_f0avw_gg_",
+  "__SLine": "___SLine_f0avw_gg_",
+  "_color": "__color_f0avw_gg_",
+  "--color": "--color_f0avw",
+  "__SCap": "___SCap_f0avw_gg_",
+  "__SLabel": "___SLabel_f0avw_gg_",
+  "--text-cursor": "--text-cursor_f0avw",
+  "--color-hovered": "--color-hovered_f0avw",
+  "__SLineCap": "___SLineCap_f0avw_gg_"
 });
 import { shade } from '@semcore/utils/lib/color';
 import { measureText } from './utils';
@@ -303,6 +303,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
 
       var SRadialTree = this.Element;
       var Children = this.asProps.Children;
+      this.asProps.dataHintsHandler.establishDataType('values-set');
       return _ref = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SRadialTree, _ref.cn("SRadialTree", {
         "render": "g"
       }), /*#__PURE__*/React.createElement(Children, _ref.cn("Children", {})));
@@ -542,11 +543,13 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
         var mergedProps = assignProps(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 = sstyled(styles), /*#__PURE__*/React.createElement(SRadian, _ref2.cn("SRadian", {
+        "aria-hidden": true,
         "key": key,
         "onClick": onRadianClick(key)
       }), /*#__PURE__*/React.createElement(InteractiveArea, _ref2.cn("InteractiveArea", {})), children);
@@ -668,6 +671,7 @@ var Label = function Label(_ref24) {
     'text-cursor': isHorizontal ? 'text' : 'vertical-text'
   });
   return /*#__PURE__*/React.createElement(SLabel, {
+    "aria-hidden": true,
     render: "text",
     textAnchor: "middle",
     dominantBaseline: "central",
@@ -698,12 +702,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 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref8.cn("STitle", {
+    "aria-hidden": true,
     "render": "text",
     "textAnchor": "middle",
     "dominantBaseline": "central",

package/lib/es6/RadialTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadialTree.js","names":["React","Component","sstyled","createElement","uniqueIDEnhancement","transition","shade","measureText","assignProps","getOriginChildren","baseAngle","Math","PI","RadialTreeBase","props","handleRadianClick","bind","activeKey","asProps","duration","uid","preferReduceMotion","window","matchMedia","matches","circlesAnimation","selection","selectAll","iconsAnimation","linesAnimation","labelsAnimation","circlesNodes","nodes","iconsNodes","linesNodes","labelsNodes","length","attrs","map","node","cx","baseVal","value","cy","radianIndex","parseInt","dataset","lineNode","from","x1","y1","to","attr","_","index","x","y","width","height","x2","y2","prevProps","$rootProps","data","runAppearAnimation","key","event","newKey","handlers","textSize","widths","label","max","size","center","restRootProps","textWidth","computeTextWidth","radiansCount","onRadianClick","SRadialTree","Element","Children","styles","style","angleOffset","centralMargin","labelMargin","iconColor","capSize","iconSize","defaultActiveKey","RadialTreeRadian","renderRadian","computeRadianPosition","xStart","yStart","xLabelCenter","yLabelCenter","strokeWidth","xEnd","yEnd","color","stroke","radius","isActive","icon","labelAngle","isHorizontal","angle","getRadianKey","baseCapSize","minDemSize","min","topAngle","xCenter","yCenter","start","cos","sin","end","labelCenter","SRadian","children","_child","mergedProps","InteractiveArea","RadialTree","Radian","SRadianList","SInteractiveArea","Line","SLine","Cap","SCap","Icon","SIcon","tag","Label","SLabel","lines","String","split","linesCount","SLabelLine","angleDegs","toFixed","transformOrigin","transform","join","sstyles","sLabelStyles","cn","className","lineText","lineIndex","Title","STitle"],"sources":["../../src/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CProps, ReturnEl } from '@semcore/core';\n// @ts-ignore\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/radial-tree.shadow.css';\nimport { shade } from '@semcore/utils/lib/color';\nimport { measureText } from './utils';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nconst baseAngle = -Math.PI / 2; // The top vertical line\n\ntype RadianData = {\n  /**\n   * Text label on the end of radian.\n   */\n  label: string;\n  /**\n   * Radian key. Radian, which `key` is equal to `activeKey` is displayed as active.\n   */\n  key: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n};\n\nexport interface IRadialTreeProps {\n  /**\n   * List of radians. `{ label: string; key: string; capSize?: number; icon?: React.FC; color?: string; iconColor?: string; iconSize?: number; }`\n   */\n  data: RadianData[];\n  /**\n   * Angel (in rads) that rotates chart. 0 means that first radian is exactly on top vertical line.\n   * @default 0\n   */\n  angleOffset?: number;\n  /**\n   * Duration of appear and update animation.\n   * @default 300\n   */\n  duration?: number;\n  /**\n   * Gap between the chart center and radians start point.\n   * @default 50\n   */\n  centralMargin?: number;\n  /**\n   * Gap around text label.\n   * @default 2\n   */\n  labelMargin?: number;\n  /**\n   * Color of all radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n  /**\n   * Text size in radians' labels. 1.5x is used as default text size of center text.\n   * @default 14\n   */\n  textSize?: number;\n  /**\n   * Used to define the active radian in controlled way. Active radian is highligted with inreased cap size.\n   */\n  activeKey?: string | null;\n  /**\n   * Default value for `activeKey` property.\n   */\n  defaultActiveKey?: string | null;\n}\n\ntype RootAsProps = IRadialTreeProps & {\n  uid: string;\n  styles: React.CSSProperties;\n  activeKey: string | null;\n  Children: React.FC;\n  size: [width: number, height: number];\n  data: RadianData[];\n  duration: number;\n  textSize: number;\n  capSize: number;\n  centralMargin: number;\n  labelMargin: number;\n  angleOffset: number;\n  $rootProps: RootAsProps;\n};\n\nclass RadialTreeBase extends Component<RootAsProps> {\n  static displayName = 'RadialTree';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps: Partial<IRadialTreeProps> = {\n    angleOffset: 0,\n    duration: 300,\n    centralMargin: 50,\n    labelMargin: 5,\n    iconColor: '#fff',\n    capSize: 8,\n    iconSize: 8,\n    textSize: 14,\n    defaultActiveKey: null,\n  };\n\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.handleRadianClick = this.handleRadianClick.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      activeKey: null,\n    };\n  }\n\n  runAppearAnimation() {\n    const { duration, uid } = this.asProps;\n    const preferReduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)')?.matches;\n\n    /** using `!(>)` instead of `<=` to get true on NaN and non numbers stuff  */\n    if (!(duration > 0)) return;\n    if (preferReduceMotion) return;\n\n    const circlesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-circle]`);\n    const iconsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-icon]`);\n    const linesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-line]`);\n    const labelsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-label]`);\n    const circlesNodes = circlesAnimation.nodes() as SVGCircleElement[];\n    const iconsNodes = iconsAnimation.nodes() as SVGRectElement[];\n    const linesNodes = linesAnimation.nodes() as SVGLineElement[];\n    const labelsNodes = linesAnimation.nodes() as SVGTextElement[];\n\n    if (circlesNodes.length > 0) {\n      const attrs = circlesNodes.map((node) => {\n        const cx = node.cx?.baseVal?.value;\n        const cy = node.cy?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            cx: lineNode.x1?.baseVal?.value,\n            cy: lineNode.y1?.baseVal?.value,\n          },\n          to: { cx, cy },\n        };\n      });\n\n      circlesAnimation\n        .attr('opacity', 0)\n        .attr('cx', (_, index) => attrs[index].from?.cx)\n        .attr('cy', (_, index) => attrs[index].from?.cy);\n      circlesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('cx', (_, index) => attrs[index].to?.cx)\n        .attr('cy', (_, index) => attrs[index].to?.cy);\n    }\n    if (iconsNodes.length > 0) {\n      const attrs = iconsNodes.map((node) => {\n        const x = node.x?.baseVal?.value;\n        const y = node.y?.baseVal?.value;\n        const width = node.width?.baseVal?.value;\n        const height = node.height?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            x: lineNode.x1?.baseVal?.value - width / 2,\n            y: lineNode.y1?.baseVal?.value - height / 2,\n          },\n          to: {\n            x,\n            y,\n          },\n        };\n      });\n\n      iconsAnimation\n        .attr('opacity', 0)\n        .attr('x', (_, index) => attrs[index].from?.x)\n        .attr('y', (_, index) => attrs[index].from?.y);\n      iconsAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x', (_, index) => attrs[index].to?.x)\n        .attr('y', (_, index) => attrs[index].to?.y);\n    }\n    if (linesNodes.length > 0) {\n      const attrs = linesNodes.map((node) => {\n        const x2 = node.x2?.baseVal?.value;\n        const y2 = node.y2?.baseVal?.value;\n        return {\n          from: {\n            x2: node.x1?.baseVal?.value,\n            y2: node.y1?.baseVal?.value,\n          },\n          to: {\n            x2,\n            y2,\n          },\n        };\n      });\n\n      linesAnimation\n        .attr('opacity', 0)\n        .attr('x2', (_, index) => attrs[index].from?.x2)\n        .attr('y2', (_, index) => attrs[index].from?.y2);\n      linesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x2', (_, index) => attrs[index].to?.x2)\n        .attr('y2', (_, index) => attrs[index].to?.y2);\n    }\n    if (labelsNodes.length > 0) {\n      labelsAnimation.attr('opacity', 0);\n      labelsAnimation.transition().duration(duration).attr('opacity', 1);\n    }\n  }\n\n  componentDidUpdate(prevProps: RootAsProps) {\n    if (prevProps.$rootProps.data?.length !== this.asProps.data?.length) {\n      this.runAppearAnimation();\n    }\n  }\n\n  componentDidMount() {\n    this.runAppearAnimation();\n  }\n\n  handleRadianClick(key: string) {\n    return (event: React.MouseEvent) => {\n      const newKey = key !== this.asProps.activeKey ? key : null;\n      this.handlers.activeKey(newKey, event);\n    };\n  }\n\n  computeTextWidth() {\n    const { data, textSize } = this.asProps;\n    const widths = data.map(({ label }) => measureText(label, textSize));\n\n    return Math.max(...widths);\n  }\n\n  getTitleProps() {\n    const { uid, size, textSize } = this.asProps;\n\n    const [width, height] = size;\n    const center = [width / 2, height / 2];\n    const [x, y] = center;\n    return {\n      x,\n      y,\n      textSize: textSize * 1.5,\n      ['data-radial-animation']: `${uid}-label`,\n    } as IRadialTreeTitleProps;\n  }\n\n  getRadianProps() {\n    const { data, ...restRootProps } = this.asProps;\n    const textWidth = this.computeTextWidth();\n\n    return {\n      ...restRootProps,\n      radiansCount: data.length,\n      data,\n      textWidth,\n      onRadianClick: this.handleRadianClick,\n    } as IRadialTreeRadianProps;\n  }\n\n  render() {\n    const SRadialTree = this.Element;\n    const { Children } = this.asProps;\n\n    return sstyled(this.asProps.styles)(\n      <SRadialTree render=\"g\">\n        <Children />\n      </SRadialTree>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianProps extends IRadialTreeProps {\n  radiansCount?: number;\n  textWidth?: number;\n  onRadianClick?: (key: string) => (event: React.MouseEvent) => void;\n}\n\ntype RadianAsProps = RootAsProps & {\n  radiansCount: number;\n  textWidth: number;\n  onRadianClick: (key: string) => (event: React.MouseEvent) => void;\n};\n\nclass RadialTreeRadian extends Component<RadianAsProps> {\n  static displayName = 'RadialTreeRadian';\n  static style = style;\n\n  static defaultProps: Partial<IRadialTreeRadianProps> = {\n    centralMargin: 50,\n    labelMargin: 2,\n    iconColor: '#fff',\n    capSize: 16,\n    iconSize: 16,\n    textSize: 14,\n  };\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.renderRadian = this.renderRadian.bind(this);\n  }\n\n  getInteractiveAreaProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xLabelCenter, yLabelCenter, capSize } = this.computeRadianPosition(\n      data,\n      index,\n    );\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xLabelCenter,\n      y2: yLabelCenter,\n      strokeWidth: capSize * 3,\n    } as IRadialTreeRadianInteractiveAreaProps;\n  }\n  getLineProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xEnd, yEnd } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xEnd,\n      y2: yEnd,\n      stroke: color,\n      ['data-radial-animation']: `${uid}-line`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianLineProps;\n  }\n  getCapProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, capSize } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xEnd,\n      y: yEnd,\n      radius: capSize,\n      color,\n      ['data-radial-animation']: `${uid}-cap-circle`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianCapProps;\n  }\n  getIconProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, isActive } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const iconColor = data.iconColor ?? this.asProps.iconColor;\n    const iconSize = data.iconSize ?? this.asProps.iconSize;\n    const icon = data.icon ?? this.asProps.icon;\n\n    return {\n      x: xEnd - iconSize! / 2,\n      y: yEnd - iconSize! / 2,\n      iconSize,\n      color: iconColor ?? '#fff',\n      ['data-radial-animation']: `${uid}-cap-icon`,\n      ['data-radian-index']: index,\n      icon,\n      isActive,\n    } as IRadialTreeRadianIconProps;\n  }\n  getLabelProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xLabelCenter, yLabelCenter, labelAngle, isHorizontal } = this.computeRadianPosition(\n      data,\n      index,\n    );\n    const { uid, textSize } = this.asProps;\n    const { label } = data;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xLabelCenter,\n      y: yLabelCenter,\n      angle: labelAngle,\n      ['data-radial-animation']: `${uid}-label`,\n      ['data-radian-index']: index,\n      label,\n      color,\n      isHorizontal,\n      textSize,\n    } as IRadialTreeRadianLabelProps;\n  }\n\n  getRadianKey(data: RadianData, index: number) {\n    return data.key ?? `radian-${index}`;\n  }\n\n  computeRadianPosition(data: RadianData, index: number) {\n    const { centralMargin, labelMargin, angleOffset, activeKey, size, radiansCount, textWidth } =\n      this.asProps;\n    const [width, height] = size;\n    const key = this.getRadianKey(data, index);\n    const isActive = activeKey === key;\n    const baseCapSize = data.capSize ?? this.asProps.capSize;\n    const capSize = baseCapSize * (isActive ? 1 : 0.5);\n\n    const minDemSize = Math.min(width, height) / 2;\n    const length = Math.max(\n      minDemSize - textWidth - baseCapSize - centralMargin - labelMargin * 2,\n      10,\n    );\n\n    const angle = baseAngle + angleOffset + (index / radiansCount) * (Math.PI * 2);\n    const isHorizontal =\n      (angle - baseAngle > (1 / 6) * Math.PI && angle - baseAngle < (5 / 6) * Math.PI) ||\n      (angle - baseAngle > (7 / 6) * Math.PI && angle - baseAngle < (11 / 6) * Math.PI);\n    const topAngle = -Math.PI / 2;\n    const labelAngle = ((angle - topAngle) % Math.PI) + topAngle;\n\n    const center = [width / 2, height / 2];\n    const [xCenter, yCenter] = center;\n    const start = [\n      xCenter + Math.cos(angle) * centralMargin,\n      yCenter + Math.sin(angle) * centralMargin,\n    ];\n    const end = [\n      xCenter + Math.cos(angle) * (centralMargin + length),\n      yCenter + Math.sin(angle) * (centralMargin + length),\n    ];\n    const [xStart, yStart] = start;\n    const [xEnd, yEnd] = end;\n\n    const labelCenter = [\n      xCenter +\n        Math.cos(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin),\n      yCenter +\n        Math.sin(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin),\n    ];\n    const [xLabelCenter, yLabelCenter] = labelCenter;\n\n    return {\n      xStart,\n      yStart,\n      xEnd,\n      yEnd,\n      xLabelCenter,\n      yLabelCenter,\n      labelAngle,\n      isHorizontal,\n      capSize,\n      isActive,\n    };\n  }\n\n  renderRadian(data: RadianData, index: number) {\n    const { styles, Children, onRadianClick } = this.asProps;\n    const key = this.getRadianKey(data, index);\n    const SRadian = 'g';\n\n    let children = getOriginChildren(Children);\n\n    if (typeof children === 'function') {\n      const _child = this.asProps.children;\n      const mergedProps = assignProps(children(this.asProps), this.asProps);\n      children = mergedProps.children;\n      mergedProps.children = _child;\n    }\n\n    // hidden from publicly typed export\n    const InteractiveArea = (RadialTree.Radian as any).InteractiveArea;\n\n    return sstyled(styles)(\n      <SRadian key={key} onClick={onRadianClick(key)}>\n        <InteractiveArea />\n        {children}\n      </SRadian>,\n    );\n  }\n\n  render() {\n    const { data } = this.asProps;\n    const SRadianList = 'g';\n\n    return sstyled(this.asProps.styles)(\n      <SRadianList>{data.map((data, index) => this.renderRadian(data, index))}</SRadianList>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianInteractiveAreaProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  strokeWidth?: number;\n}\ntype RadialTreeRadianInteractiveAreaAsProps = IRadialTreeRadianInteractiveAreaProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst InteractiveArea: React.FC<RadialTreeRadianInteractiveAreaAsProps> = ({\n  Element: SInteractiveArea,\n  styles,\n}) => {\n  return sstyled(styles)(\n    <SInteractiveArea stroke=\"transparent\" render=\"line\" />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLineProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  stroke?: string;\n  ['data-radial-animation']?: `${string}-line`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Line: React.FC<RadialTreeRadianLineAsProps> = ({ Element: SLine, styles, stroke }) => {\n  return sstyled(styles)(<SLine render=\"line\" stroke={stroke} />) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianCapProps {\n  x?: number;\n  y?: number;\n  radius?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-circle`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Cap: React.FC<RadialTreeRadianCapAsProps> = ({\n  Element: SCap,\n  styles,\n  x,\n  y,\n  radius,\n  color,\n}) => {\n  return sstyled(styles)(\n    <SCap render=\"circle\" cx={x} cy={y} r={radius} fill={color} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianIconProps {\n  x?: number;\n  y?: number;\n  iconSize?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-icon`;\n  ['data-radian-index']?: number;\n  tag?: React.FC;\n  isActive?: boolean;\n}\ntype RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {\n  Element: React.FC<{ render: string | React.FC } & React.SVGProps<any>>;\n  x: number;\n  y: number;\n  iconSize: number;\n  styles: React.CSSProperties;\n};\nconst Icon: React.FC<RadialTreeRadianIconAsProps> = ({\n  Element: SIcon,\n  styles,\n  isActive,\n  tag,\n  x,\n  y,\n  iconSize,\n}) => {\n  if (!(isActive && tag)) return null;\n  const width = iconSize;\n  const height = iconSize;\n  return sstyled(styles)(\n    <SIcon x={x} y={y} width={width} height={height} render={tag} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLabelProps {\n  x?: number;\n  y?: number;\n  color?: string;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  ['data-radian-index']?: number;\n  label?: string;\n  isHorizontal?: boolean;\n  angle?: number;\n}\ntype RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n  x: number;\n  y: number;\n  angle: number;\n  textSize: number;\n};\nconst Label: React.FC<RadialTreeRadianLabelAsProps> = ({\n  Element: SLabel,\n  Children,\n  styles,\n  label,\n  color,\n  isHorizontal,\n  x,\n  y,\n  textSize,\n  angle,\n}) => {\n  const lines = String(label).split('\\n');\n  const linesCount = lines.length;\n  const SLabelLine = 'tspan';\n\n  const angleDegs = ((angle / Math.PI) * 180).toFixed(2);\n  const transformOrigin = [x.toFixed(2), y.toFixed(2)];\n  const transform = `rotate(${[angleDegs, ...transformOrigin].join(', ')})`;\n\n  const sstyles = sstyled(styles);\n  const sLabelStyles = sstyles.cn('SLabel', {\n    color,\n    'color-hovered': shade(color, -0.12),\n    'text-cursor': isHorizontal ? 'text' : 'vertical-text',\n  });\n\n  return (\n    <SLabel\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      className={sLabelStyles.className}\n      style={sLabelStyles.style}\n      x={x.toFixed(2)}\n      y={y.toFixed(2)}\n      transform={transform}\n    >\n      {lines.map((lineText, lineIndex) => (\n        <SLabelLine\n          x={x}\n          y={y + (lineIndex - (linesCount - 1) / 2) * textSize}\n          key={`#${lineIndex}-${lineText}`}\n        >\n          {lineText}\n        </SLabelLine>\n      ))}\n      <Children />\n    </SLabel>\n  ) as React.ReactElement;\n};\n\nconst Radian = createElement(RadialTreeRadian, {\n  InteractiveArea,\n  Line,\n  Cap,\n  Icon,\n  Label,\n});\n\nexport interface IRadialTreeTitleProps {\n  x?: number;\n  y?: number;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  color?: string;\n}\ntype RadialTreeTitleAsProps = IRadialTreeTitleProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n};\nconst Title: React.FC<RadialTreeTitleAsProps> = ({\n  Element: STitle,\n  Children,\n  styles,\n  textSize,\n  color,\n  x,\n  y,\n}) => {\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      fontSize={textSize}\n      fill={color}\n      x={x}\n      y={y}\n    >\n      <Children />\n    </STitle>,\n  ) as React.ReactElement;\n};\n\nconst RadialTree = createElement(RadialTreeBase, { Title, Radian }) as (<T>(\n  props: CProps<IRadialTreeProps & T>,\n) => ReturnEl) & {\n  Title: <T>(props: CProps<IRadialTreeTitleProps & T>) => ReturnEl;\n  Radian: (<T>(props: CProps<IRadialTreeRadianProps & T>) => ReturnEl) & {\n    Line: <T>(props: CProps<IRadialTreeRadianLineProps & T>) => ReturnEl;\n    Cap: <T>(props: CProps<IRadialTreeRadianCapProps & T>) => ReturnEl;\n    Icon: <T>(props: CProps<IRadialTreeRadianIconProps & T>) => ReturnEl;\n    Label: <T>(props: CProps<IRadialTreeRadianLabelProps & T>) => ReturnEl;\n  };\n};\n\nexport default RadialTree;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAqD,eAArD,C,CACA;;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,mBAAP,MAAgC,6BAAhC;AACA,SAASC,UAAT,QAA2B,eAA3B;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASC,KAAT,QAAsB,0BAAtB;AACA,SAASC,WAAT,QAA4B,SAA5B;AACA,OAAOC,WAAP,MAAwB,gCAAxB;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AAEA,IAAMC,SAAS,GAAG,CAACC,IAAI,CAACC,EAAN,GAAW,CAA7B,C,CAAgC;;IAqH1BC,c;;;;;EAmBJ,wBAAYC,KAAZ,EAAwB;IAAA;;IAAA;;IACtB,0BAAMA,KAAN;;IADsB;;IAEtB,MAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,+BAAzB;IAFsB;EAGvB;;;;WAED,6BAAoB;MAClB,OAAO;QACLC,SAAS,EAAE;MADN,CAAP;IAGD;;;WAED,8BAAqB;MAAA;;MACnB,oBAA0B,KAAKC,OAA/B;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,GAAlB,iBAAkBA,GAAlB;MACA,IAAMC,kBAAkB,yBAAGC,MAAM,CAACC,UAAP,CAAkB,kCAAlB,CAAH,uDAAG,mBAAuDC,OAAlF;MAEA;;MACA,IAAI,EAAEL,QAAQ,GAAG,CAAb,CAAJ,EAAqB;MACrB,IAAIE,kBAAJ,EAAwB;MAExB,IAAMI,gBAAgB,GAAGpB,UAAU,GAChCqB,SADsB,GAEtBC,SAFsB,kCAEcP,GAFd,kBAAzB;MAGA,IAAMQ,cAAc,GAAGvB,UAAU,GAC9BqB,SADoB,GAEpBC,SAFoB,kCAEgBP,GAFhB,gBAAvB;MAGA,IAAMS,cAAc,GAAGxB,UAAU,GAC9BqB,SADoB,GAEpBC,SAFoB,kCAEgBP,GAFhB,YAAvB;MAGA,IAAMU,eAAe,GAAGzB,UAAU,GAC/BqB,SADqB,GAErBC,SAFqB,kCAEeP,GAFf,aAAxB;MAGA,IAAMW,YAAY,GAAGN,gBAAgB,CAACO,KAAjB,EAArB;MACA,IAAMC,UAAU,GAAGL,cAAc,CAACI,KAAf,EAAnB;MACA,IAAME,UAAU,GAAGL,cAAc,CAACG,KAAf,EAAnB;MACA,IAAMG,WAAW,GAAGN,cAAc,CAACG,KAAf,EAApB;;MAEA,IAAID,YAAY,CAACK,MAAb,GAAsB,CAA1B,EAA6B;QAC3B,IAAMC,KAAK,GAAGN,YAAY,CAACO,GAAb,CAAiB,UAACC,IAAD,EAAU;UAAA;;UACvC,IAAMC,EAAE,eAAGD,IAAI,CAACC,EAAR,iEAAG,SAASC,OAAZ,qDAAG,iBAAkBC,KAA7B;UACA,IAAMC,EAAE,eAAGJ,IAAI,CAACI,EAAR,iEAAG,SAASF,OAAZ,qDAAG,iBAAkBC,KAA7B;UACA,IAAME,WAAW,GAAGC,QAAQ,CAACN,IAAI,CAACO,OAAL,CAAaF,WAAd,EAA4B,EAA5B,CAA5B;UACA,IAAMG,QAAQ,GAAGb,UAAU,CAACU,WAAD,CAA3B;UACA,OAAO;YACLI,IAAI,EAAE;cACJR,EAAE,iBAAEO,QAAQ,CAACE,EAAX,uEAAE,YAAaR,OAAf,wDAAE,oBAAsBC,KADtB;cAEJC,EAAE,iBAAEI,QAAQ,CAACG,EAAX,uEAAE,YAAaT,OAAf,wDAAE,oBAAsBC;YAFtB,CADD;YAKLS,EAAE,EAAE;cAAEX,EAAE,EAAFA,EAAF;cAAMG,EAAE,EAAFA;YAAN;UALC,CAAP;QAOD,CAZa,CAAd;QAcAlB,gBAAgB,CACb2B,IADH,CACQ,SADR,EACmB,CADnB,EAEGA,IAFH,CAEQ,IAFR,EAEc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,4BAAcjB,KAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,sDAAc,kBAAmBR,EAAjC;QAAA,CAFd,EAGGY,IAHH,CAGQ,IAHR,EAGc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,6BAAcjB,KAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,uDAAc,mBAAmBL,EAAjC;QAAA,CAHd;QAIAlB,gBAAgB,CACbpB,UADH,GAEGc,QAFH,CAEYA,QAFZ,EAGGiC,IAHH,CAGQ,SAHR,EAGmB,CAHnB,EAIGA,IAJH,CAIQ,IAJR,EAIc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,0BAAcjB,KAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,oDAAc,gBAAiBX,EAA/B;QAAA,CAJd,EAKGY,IALH,CAKQ,IALR,EAKc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,2BAAcjB,KAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,qDAAc,iBAAiBR,EAA/B;QAAA,CALd;MAMD;;MACD,IAAIV,UAAU,CAACG,MAAX,GAAoB,CAAxB,EAA2B;QACzB,IAAMC,MAAK,GAAGJ,UAAU,CAACK,GAAX,CAAe,UAACC,IAAD,EAAU;UAAA;;UACrC,IAAMgB,CAAC,cAAGhB,IAAI,CAACgB,CAAR,+DAAG,QAAQd,OAAX,oDAAG,gBAAiBC,KAA3B;UACA,IAAMc,CAAC,cAAGjB,IAAI,CAACiB,CAAR,+DAAG,QAAQf,OAAX,oDAAG,gBAAiBC,KAA3B;UACA,IAAMe,KAAK,kBAAGlB,IAAI,CAACkB,KAAR,uEAAG,YAAYhB,OAAf,wDAAG,oBAAqBC,KAAnC;UACA,IAAMgB,MAAM,mBAAGnB,IAAI,CAACmB,MAAR,yEAAG,aAAajB,OAAhB,yDAAG,qBAAsBC,KAArC;UACA,IAAME,WAAW,GAAGC,QAAQ,CAACN,IAAI,CAACO,OAAL,CAAaF,WAAd,EAA4B,EAA5B,CAA5B;UACA,IAAMG,QAAQ,GAAGb,UAAU,CAACU,WAAD,CAA3B;UACA,OAAO;YACLI,IAAI,EAAE;cACJO,CAAC,EAAE,iBAAAR,QAAQ,CAACE,EAAT,sFAAaR,OAAb,8EAAsBC,KAAtB,IAA8Be,KAAK,GAAG,CADrC;cAEJD,CAAC,EAAE,iBAAAT,QAAQ,CAACG,EAAT,sFAAaT,OAAb,8EAAsBC,KAAtB,IAA8BgB,MAAM,GAAG;YAFtC,CADD;YAKLP,EAAE,EAAE;cACFI,CAAC,EAADA,CADE;cAEFC,CAAC,EAADA;YAFE;UALC,CAAP;QAUD,CAjBa,CAAd;;QAmBA5B,cAAc,CACXwB,IADH,CACQ,SADR,EACmB,CADnB,EAEGA,IAFH,CAEQ,GAFR,EAEa,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,6BAAcjB,MAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,uDAAc,mBAAmBO,CAAjC;QAAA,CAFb,EAGGH,IAHH,CAGQ,GAHR,EAGa,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,6BAAcjB,MAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,uDAAc,mBAAmBQ,CAAjC;QAAA,CAHb;QAIA5B,cAAc,CACXvB,UADH,GAEGc,QAFH,CAEYA,QAFZ,EAGGiC,IAHH,CAGQ,SAHR,EAGmB,CAHnB,EAIGA,IAJH,CAIQ,GAJR,EAIa,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,2BAAcjB,MAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,qDAAc,iBAAiBI,CAA/B;QAAA,CAJb,EAKGH,IALH,CAKQ,GALR,EAKa,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,2BAAcjB,MAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,qDAAc,iBAAiBK,CAA/B;QAAA,CALb;MAMD;;MACD,IAAItB,UAAU,CAACE,MAAX,GAAoB,CAAxB,EAA2B;QACzB,IAAMC,OAAK,GAAGH,UAAU,CAACI,GAAX,CAAe,UAACC,IAAD,EAAU;UAAA;;UACrC,IAAMoB,EAAE,eAAGpB,IAAI,CAACoB,EAAR,iEAAG,SAASlB,OAAZ,qDAAG,iBAAkBC,KAA7B;UACA,IAAMkB,EAAE,eAAGrB,IAAI,CAACqB,EAAR,iEAAG,SAASnB,OAAZ,qDAAG,iBAAkBC,KAA7B;UACA,OAAO;YACLM,IAAI,EAAE;cACJW,EAAE,cAAEpB,IAAI,CAACU,EAAP,iEAAE,SAASR,OAAX,qDAAE,iBAAkBC,KADlB;cAEJkB,EAAE,cAAErB,IAAI,CAACW,EAAP,iEAAE,SAAST,OAAX,qDAAE,iBAAkBC;YAFlB,CADD;YAKLS,EAAE,EAAE;cACFQ,EAAE,EAAFA,EADE;cAEFC,EAAE,EAAFA;YAFE;UALC,CAAP;QAUD,CAba,CAAd;;QAeA/B,cAAc,CACXuB,IADH,CACQ,SADR,EACmB,CADnB,EAEGA,IAFH,CAEQ,IAFR,EAEc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,6BAAcjB,OAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,uDAAc,mBAAmBW,EAAjC;QAAA,CAFd,EAGGP,IAHH,CAGQ,IAHR,EAGc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,8BAAcjB,OAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,wDAAc,oBAAmBY,EAAjC;QAAA,CAHd;QAIA/B,cAAc,CACXxB,UADH,GAEGc,QAFH,CAEYA,QAFZ,EAGGiC,IAHH,CAGQ,SAHR,EAGmB,CAHnB,EAIGA,IAJH,CAIQ,IAJR,EAIc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,2BAAcjB,OAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,qDAAc,iBAAiBQ,EAA/B;QAAA,CAJd,EAKGP,IALH,CAKQ,IALR,EAKc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,4BAAcjB,OAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,sDAAc,kBAAiBS,EAA/B;QAAA,CALd;MAMD;;MACD,IAAIzB,WAAW,CAACC,MAAZ,GAAqB,CAAzB,EAA4B;QAC1BN,eAAe,CAACsB,IAAhB,CAAqB,SAArB,EAAgC,CAAhC;QACAtB,eAAe,CAACzB,UAAhB,GAA6Bc,QAA7B,CAAsCA,QAAtC,EAAgDiC,IAAhD,CAAqD,SAArD,EAAgE,CAAhE;MACD;IACF;;;WAED,4BAAmBS,SAAnB,EAA2C;MAAA;;MACzC,IAAI,0BAAAA,SAAS,CAACC,UAAV,CAAqBC,IAArB,gFAA2B3B,MAA3B,6BAAsC,KAAKlB,OAAL,CAAa6C,IAAnD,uDAAsC,mBAAmB3B,MAAzD,CAAJ,EAAqE;QACnE,KAAK4B,kBAAL;MACD;IACF;;;WAED,6BAAoB;MAClB,KAAKA,kBAAL;IACD;;;WAED,2BAAkBC,GAAlB,EAA+B;MAAA;;MAC7B,OAAO,UAACC,KAAD,EAA6B;QAClC,IAAMC,MAAM,GAAGF,GAAG,KAAK,MAAI,CAAC/C,OAAL,CAAaD,SAArB,GAAiCgD,GAAjC,GAAuC,IAAtD;;QACA,MAAI,CAACG,QAAL,CAAcnD,SAAd,CAAwBkD,MAAxB,EAAgCD,KAAhC;MACD,CAHD;IAID;;;WAED,4BAAmB;MACjB,qBAA2B,KAAKhD,OAAhC;MAAA,IAAQ6C,IAAR,kBAAQA,IAAR;MAAA,IAAcM,QAAd,kBAAcA,QAAd;MACA,IAAMC,MAAM,GAAGP,IAAI,CAACzB,GAAL,CAAS;QAAA,IAAGiC,KAAH,SAAGA,KAAH;QAAA,OAAehE,WAAW,CAACgE,KAAD,EAAQF,QAAR,CAA1B;MAAA,CAAT,CAAf;MAEA,OAAO1D,IAAI,CAAC6D,GAAL,OAAA7D,IAAI,qBAAQ2D,MAAR,EAAX;IACD;;;WAED,yBAAgB;MACd,qBAAgC,KAAKpD,OAArC;MAAA,IAAQE,GAAR,kBAAQA,GAAR;MAAA,IAAaqD,IAAb,kBAAaA,IAAb;MAAA,IAAmBJ,QAAnB,kBAAmBA,QAAnB;;MAEA,2BAAwBI,IAAxB;MAAA,IAAOhB,KAAP;MAAA,IAAcC,MAAd;;MACA,IAAMgB,MAAM,GAAG,CAACjB,KAAK,GAAG,CAAT,EAAYC,MAAM,GAAG,CAArB,CAAf;MACA,IAAOH,CAAP,GAAemB,MAAf;MAAA,IAAUlB,CAAV,GAAekB,MAAf;MACA;QACEnB,CAAC,EAADA,CADF;QAEEC,CAAC,EAADA,CAFF;QAGEa,QAAQ,EAAEA,QAAQ,GAAG;MAHvB,GAIG,uBAJH,YAIgCjD,GAJhC;IAMD;;;WAED,0BAAiB;MACf,qBAAmC,KAAKF,OAAxC;MAAA,IAAQ6C,IAAR,kBAAQA,IAAR;MAAA,IAAiBY,aAAjB;;MACA,IAAMC,SAAS,GAAG,KAAKC,gBAAL,EAAlB;MAEA,uCACKF,aADL;QAEEG,YAAY,EAAEf,IAAI,CAAC3B,MAFrB;QAGE2B,IAAI,EAAJA,IAHF;QAIEa,SAAS,EAATA,SAJF;QAKEG,aAAa,EAAE,KAAKhE;MALtB;IAOD;;;WAED,kBAAS;MAAA;;MACP,IAAMiE,WAAW,GAAG,KAAKC,OAAzB;MACA,IAAQC,QAAR,GAAqB,KAAKhE,OAA1B,CAAQgE,QAAR;MAEA,cAAOhF,OAAO,CAAC,KAAKgB,OAAL,CAAaiE,MAAd,CAAd,eACE,oBAAC,WAAD;QAAA,UAAoB;MAApB,iBACE,oBAAC,QAAD,0BADF,CADF;IAKD;;;;EA7M0BlF,S;;gBAAvBY,c,iBACiB,Y;;gBADjBA,c,WAEWuE,K;;gBAFXvE,c,aAGa,CAACT,mBAAmB,EAApB,C;;gBAHbS,c,kBAK6C;EAC/CwE,WAAW,EAAE,CADkC;EAE/ClE,QAAQ,EAAE,GAFqC;EAG/CmE,aAAa,EAAE,EAHgC;EAI/CC,WAAW,EAAE,CAJkC;EAK/CC,SAAS,EAAE,MALoC;EAM/CC,OAAO,EAAE,CANsC;EAO/CC,QAAQ,EAAE,CAPqC;EAQ/CrB,QAAQ,EAAE,EARqC;EAS/CsB,gBAAgB,EAAE;AAT6B,C;;IAuN7CC,gB;;;;;EAcJ,0BAAY9E,KAAZ,EAAwB;IAAA;;IAAA;;IACtB,4BAAMA,KAAN;;IADsB;;IAEtB,OAAK+E,YAAL,GAAoB,OAAKA,YAAL,CAAkB7E,IAAlB,gCAApB;IAFsB;EAGvB;;;;WAED,yCAA0EsC,KAA1E,EAAyF;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MACvF,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,4BAAgE,KAAKwC,qBAAL,CAC9D/B,IAD8D,EAE9DT,KAF8D,CAAhE;MAAA,IAAQyC,MAAR,yBAAQA,MAAR;MAAA,IAAgBC,MAAhB,yBAAgBA,MAAhB;MAAA,IAAwBC,YAAxB,yBAAwBA,YAAxB;MAAA,IAAsCC,YAAtC,yBAAsCA,YAAtC;MAAA,IAAoDT,OAApD,yBAAoDA,OAApD;;MAKA,OAAO;QACLxC,EAAE,EAAE8C,MADC;QAEL7C,EAAE,EAAE8C,MAFC;QAGLrC,EAAE,EAAEsC,YAHC;QAILrC,EAAE,EAAEsC,YAJC;QAKLC,WAAW,EAAEV,OAAO,GAAG;MALlB,CAAP;IAOD;;;WACD,8BAA+DnC,KAA/D,EAA8E;MAAA;;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MAC5E,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,6BAAuC,KAAKwC,qBAAL,CAA2B/B,IAA3B,EAAiCT,KAAjC,CAAvC;MAAA,IAAQyC,MAAR,0BAAQA,MAAR;MAAA,IAAgBC,MAAhB,0BAAgBA,MAAhB;MAAA,IAAwBI,IAAxB,0BAAwBA,IAAxB;MAAA,IAA8BC,IAA9B,0BAA8BA,IAA9B;;MACA,IAAQjF,GAAR,GAAgB,KAAKF,OAArB,CAAQE,GAAR;MACA,IAAMkF,KAAK,kBAAGvC,IAAI,CAACuC,KAAR,qDAAiB,KAAKpF,OAAL,CAAaoF,KAAzC;MAEA;QACErD,EAAE,EAAE8C,MADN;QAEE7C,EAAE,EAAE8C,MAFN;QAGErC,EAAE,EAAEyC,IAHN;QAIExC,EAAE,EAAEyC,IAJN;QAKEE,MAAM,EAAED;MALV,2BAMG,uBANH,YAMgClF,GANhC,qCAOG,mBAPH,EAOyBkC,KAPzB;IASD;;;WACD,6BAA8DA,KAA9D,EAA6E;MAAA;;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MAC3E,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,6BAAgC,KAAKwC,qBAAL,CAA2B/B,IAA3B,EAAiCT,KAAjC,CAAhC;MAAA,IAAQ8C,IAAR,0BAAQA,IAAR;MAAA,IAAcC,IAAd,0BAAcA,IAAd;MAAA,IAAoBZ,OAApB,0BAAoBA,OAApB;;MACA,IAAQrE,GAAR,GAAgB,KAAKF,OAArB,CAAQE,GAAR;MACA,IAAMkF,KAAK,mBAAGvC,IAAI,CAACuC,KAAR,uDAAiB,KAAKpF,OAAL,CAAaoF,KAAzC;MAEA;QACE/C,CAAC,EAAE6C,IADL;QAEE5C,CAAC,EAAE6C,IAFL;QAGEG,MAAM,EAAEf,OAHV;QAIEa,KAAK,EAALA;MAJF,2BAKG,uBALH,YAKgClF,GALhC,2CAMG,mBANH,EAMyBkC,KANzB;IAQD;;;WACD,8BAA+DA,KAA/D,EAA8E;MAAA;;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MAC5E,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,6BAAiC,KAAKwC,qBAAL,CAA2B/B,IAA3B,EAAiCT,KAAjC,CAAjC;MAAA,IAAQ8C,IAAR,0BAAQA,IAAR;MAAA,IAAcC,IAAd,0BAAcA,IAAd;MAAA,IAAoBI,QAApB,0BAAoBA,QAApB;;MACA,IAAQrF,GAAR,GAAgB,KAAKF,OAArB,CAAQE,GAAR;MACA,IAAMoE,SAAS,sBAAGzB,IAAI,CAACyB,SAAR,6DAAqB,KAAKtE,OAAL,CAAasE,SAAjD;MACA,IAAME,QAAQ,qBAAG3B,IAAI,CAAC2B,QAAR,2DAAoB,KAAKxE,OAAL,CAAawE,QAA/C;MACA,IAAMgB,IAAI,iBAAG3C,IAAI,CAAC2C,IAAR,mDAAgB,KAAKxF,OAAL,CAAawF,IAAvC;MAEA;QACEnD,CAAC,EAAE6C,IAAI,GAAGV,QAAQ,GAAI,CADxB;QAEElC,CAAC,EAAE6C,IAAI,GAAGX,QAAQ,GAAI,CAFxB;QAGEA,QAAQ,EAARA,QAHF;QAIEY,KAAK,EAAEd,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe;MAJtB,2BAKG,uBALH,YAKgCpE,GALhC,yCAMG,mBANH,EAMyBkC,KANzB,mCAOEoD,IAPF,uCAQED,QARF;IAUD;;;WACD,+BAAgEnD,KAAhE,EAA+E;MAAA;;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MAC7E,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,6BAAiE,KAAKwC,qBAAL,CAC/D/B,IAD+D,EAE/DT,KAF+D,CAAjE;MAAA,IAAQ2C,YAAR,0BAAQA,YAAR;MAAA,IAAsBC,YAAtB,0BAAsBA,YAAtB;MAAA,IAAoCS,UAApC,0BAAoCA,UAApC;MAAA,IAAgDC,YAAhD,0BAAgDA,YAAhD;;MAIA,qBAA0B,KAAK1F,OAA/B;MAAA,IAAQE,GAAR,kBAAQA,GAAR;MAAA,IAAaiD,QAAb,kBAAaA,QAAb;MACA,IAAQE,KAAR,GAAkBR,IAAlB,CAAQQ,KAAR;MACA,IAAM+B,KAAK,mBAAGvC,IAAI,CAACuC,KAAR,uDAAiB,KAAKpF,OAAL,CAAaoF,KAAzC;MAEA;QACE/C,CAAC,EAAE0C,YADL;QAEEzC,CAAC,EAAE0C,YAFL;QAGEW,KAAK,EAAEF;MAHT,2BAIG,uBAJH,YAIgCvF,GAJhC,sCAKG,mBALH,EAKyBkC,KALzB,oCAMEiB,KANF,oCAOE+B,KAPF,2CAQEM,YARF,uCASEvC,QATF;IAWD;;;WAED,sBAAaN,IAAb,EAA+BT,KAA/B,EAA8C;MAAA;;MAC5C,oBAAOS,IAAI,CAACE,GAAZ,kEAA6BX,KAA7B;IACD;;;WAED,+BAAsBS,IAAtB,EAAwCT,KAAxC,EAAuD;MAAA;;MACrD,qBACE,KAAKpC,OADP;MAAA,IAAQoE,aAAR,kBAAQA,aAAR;MAAA,IAAuBC,WAAvB,kBAAuBA,WAAvB;MAAA,IAAoCF,WAApC,kBAAoCA,WAApC;MAAA,IAAiDpE,SAAjD,kBAAiDA,SAAjD;MAAA,IAA4DwD,IAA5D,kBAA4DA,IAA5D;MAAA,IAAkEK,YAAlE,kBAAkEA,YAAlE;MAAA,IAAgFF,SAAhF,kBAAgFA,SAAhF;;MAEA,4BAAwBH,IAAxB;MAAA,IAAOhB,KAAP;MAAA,IAAcC,MAAd;;MACA,IAAMO,GAAG,GAAG,KAAK6C,YAAL,CAAkB/C,IAAlB,EAAwBT,KAAxB,CAAZ;MACA,IAAMmD,QAAQ,GAAGxF,SAAS,KAAKgD,GAA/B;MACA,IAAM8C,WAAW,oBAAGhD,IAAI,CAAC0B,OAAR,yDAAmB,KAAKvE,OAAL,CAAauE,OAAjD;MACA,IAAMA,OAAO,GAAGsB,WAAW,IAAIN,QAAQ,GAAG,CAAH,GAAO,GAAnB,CAA3B;MAEA,IAAMO,UAAU,GAAGrG,IAAI,CAACsG,GAAL,CAASxD,KAAT,EAAgBC,MAAhB,IAA0B,CAA7C;MACA,IAAMtB,MAAM,GAAGzB,IAAI,CAAC6D,GAAL,CACbwC,UAAU,GAAGpC,SAAb,GAAyBmC,WAAzB,GAAuCzB,aAAvC,GAAuDC,WAAW,GAAG,CADxD,EAEb,EAFa,CAAf;MAKA,IAAMsB,KAAK,GAAGnG,SAAS,GAAG2E,WAAZ,GAA2B/B,KAAK,GAAGwB,YAAT,IAA0BnE,IAAI,CAACC,EAAL,GAAU,CAApC,CAAxC;MACA,IAAMgG,YAAY,GACfC,KAAK,GAAGnG,SAAR,GAAqB,IAAI,CAAL,GAAUC,IAAI,CAACC,EAAnC,IAAyCiG,KAAK,GAAGnG,SAAR,GAAqB,IAAI,CAAL,GAAUC,IAAI,CAACC,EAA7E,IACCiG,KAAK,GAAGnG,SAAR,GAAqB,IAAI,CAAL,GAAUC,IAAI,CAACC,EAAnC,IAAyCiG,KAAK,GAAGnG,SAAR,GAAqB,KAAK,CAAN,GAAWC,IAAI,CAACC,EAFhF;MAGA,IAAMsG,QAAQ,GAAG,CAACvG,IAAI,CAACC,EAAN,GAAW,CAA5B;MACA,IAAM+F,UAAU,GAAI,CAACE,KAAK,GAAGK,QAAT,IAAqBvG,IAAI,CAACC,EAA3B,GAAiCsG,QAApD;MAEA,IAAMxC,MAAM,GAAG,CAACjB,KAAK,GAAG,CAAT,EAAYC,MAAM,GAAG,CAArB,CAAf;MACA,IAAOyD,OAAP,GAA2BzC,MAA3B;MAAA,IAAgB0C,OAAhB,GAA2B1C,MAA3B;MACA,IAAM2C,KAAK,GAAG,CACZF,OAAO,GAAGxG,IAAI,CAAC2G,GAAL,CAAST,KAAT,IAAkBvB,aADhB,EAEZ8B,OAAO,GAAGzG,IAAI,CAAC4G,GAAL,CAASV,KAAT,IAAkBvB,aAFhB,CAAd;MAIA,IAAMkC,GAAG,GAAG,CACVL,OAAO,GAAGxG,IAAI,CAAC2G,GAAL,CAAST,KAAT,KAAmBvB,aAAa,GAAGlD,MAAnC,CADA,EAEVgF,OAAO,GAAGzG,IAAI,CAAC4G,GAAL,CAASV,KAAT,KAAmBvB,aAAa,GAAGlD,MAAnC,CAFA,CAAZ;MAIA,IAAO2D,MAAP,GAAyBsB,KAAzB;MAAA,IAAerB,MAAf,GAAyBqB,KAAzB;MACA,IAAOjB,IAAP,GAAqBoB,GAArB;MAAA,IAAanB,IAAb,GAAqBmB,GAArB;MAEA,IAAMC,WAAW,GAAG,CAClBN,OAAO,GACLxG,IAAI,CAAC2G,GAAL,CAAST,KAAT,KAAmBvB,aAAa,GAAGlD,MAAhB,GAAyB2E,WAAzB,GAAuCnC,SAAS,GAAG,CAAnD,GAAuDW,WAA1E,CAFgB,EAGlB6B,OAAO,GACLzG,IAAI,CAAC4G,GAAL,CAASV,KAAT,KAAmBvB,aAAa,GAAGlD,MAAhB,GAAyB2E,WAAzB,GAAuCnC,SAAS,GAAG,CAAnD,GAAuDW,WAA1E,CAJgB,CAApB;MAMA,IAAOU,YAAP,GAAqCwB,WAArC;MAAA,IAAqBvB,YAArB,GAAqCuB,WAArC;MAEA,OAAO;QACL1B,MAAM,EAANA,MADK;QAELC,MAAM,EAANA,MAFK;QAGLI,IAAI,EAAJA,IAHK;QAILC,IAAI,EAAJA,IAJK;QAKLJ,YAAY,EAAZA,YALK;QAMLC,YAAY,EAAZA,YANK;QAOLS,UAAU,EAAVA,UAPK;QAQLC,YAAY,EAAZA,YARK;QASLnB,OAAO,EAAPA,OATK;QAULgB,QAAQ,EAARA;MAVK,CAAP;IAYD;;;WAED,sBAAa1C,IAAb,EAA+BT,KAA/B,EAA8C;MAAA;;MAC5C,qBAA4C,KAAKpC,OAAjD;MAAA,IAAQiE,MAAR,kBAAQA,MAAR;MAAA,IAAgBD,QAAhB,kBAAgBA,QAAhB;MAAA,IAA0BH,aAA1B,kBAA0BA,aAA1B;MACA,IAAMd,GAAG,GAAG,KAAK6C,YAAL,CAAkB/C,IAAlB,EAAwBT,KAAxB,CAAZ;MACA,IAAMoE,OAAO,GAAG,GAAhB;MAEA,IAAIC,QAAQ,GAAGlH,iBAAiB,CAACyE,QAAD,CAAhC;;MAEA,IAAI,OAAOyC,QAAP,KAAoB,UAAxB,EAAoC;QAClC,IAAMC,MAAM,GAAG,KAAK1G,OAAL,CAAayG,QAA5B;QACA,IAAME,WAAW,GAAGrH,WAAW,CAACmH,QAAQ,CAAC,KAAKzG,OAAN,CAAT,EAAyB,KAAKA,OAA9B,CAA/B;QACAyG,QAAQ,GAAGE,WAAW,CAACF,QAAvB;QACAE,WAAW,CAACF,QAAZ,GAAuBC,MAAvB;MACD,CAZ2C,CAc5C;;;MACA,IAAME,eAAe,GAAIC,UAAU,CAACC,MAAZ,CAA2BF,eAAnD;MAEA,eAAO5H,OAAO,CAACiF,MAAD,CAAd,eACE,oBAAC,OAAD;QAAA,OAAclB,GAAd;QAAA,WAA4Bc,aAAa,CAACd,GAAD;MAAzC,iBACE,oBAAC,eAAD,kCADF,EAEG0D,QAFH,CADF;IAMD;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAQ5D,IAAR,GAAiB,KAAK7C,OAAtB,CAAQ6C,IAAR;MACA,IAAMkE,WAAW,GAAG,GAApB;MAEA,eAAO/H,OAAO,CAAC,KAAKgB,OAAL,CAAaiE,MAAd,CAAd,eACE,oBAAC,WAAD,+BAAcpB,IAAI,CAACzB,GAAL,CAAS,UAACyB,IAAD,EAAOT,KAAP;QAAA,OAAiB,MAAI,CAACuC,YAAL,CAAkB9B,IAAlB,EAAwBT,KAAxB,CAAjB;MAAA,CAAT,CAAd,CADF;IAGD;;;;EAxM4BrD,S;;gBAAzB2F,gB,iBACiB,kB;;gBADjBA,gB,WAEWR,K;;gBAFXQ,gB,kBAImD;EACrDN,aAAa,EAAE,EADsC;EAErDC,WAAW,EAAE,CAFwC;EAGrDC,SAAS,EAAE,MAH0C;EAIrDC,OAAO,EAAE,EAJ4C;EAKrDC,QAAQ,EAAE,EAL2C;EAMrDrB,QAAQ,EAAE;AAN2C,C;;AAkNzD,IAAMyD,eAAiE,GAAG,SAApEA,eAAoE,SAGpE;EAAA;;EAAA,IAFKI,gBAEL,UAFJjD,OAEI;EAAA,IADJE,MACI,UADJA,MACI;EACJ,eAAOjF,OAAO,CAACiF,MAAD,CAAd,eACE,oBAAC,gBAAD;IAAA,UAAyB,aAAzB;IAAA,UAA8C;EAA9C,GADF;AAGD,CAPD;;AAsBA,IAAMgD,IAA2C,GAAG,SAA9CA,IAA8C,SAAwC;EAAA;;EAAA,IAA5BC,KAA4B,UAArCnD,OAAqC;EAAA,IAArBE,MAAqB,UAArBA,MAAqB;EAAA,IAAboB,MAAa,UAAbA,MAAa;EAC1F,eAAOrG,OAAO,CAACiF,MAAD,CAAd,eAAuB,oBAAC,KAAD;IAAA,UAAc,MAAd;IAAA,UAA6BoB;EAA7B,GAAvB;AACD,CAFD;;AAgBA,IAAM8B,GAAyC,GAAG,SAA5CA,GAA4C,SAO5C;EAAA;;EAAA,IANKC,IAML,UANJrD,OAMI;EAAA,IALJE,MAKI,UALJA,MAKI;EAAA,IAJJ5B,CAII,UAJJA,CAII;EAAA,IAHJC,CAGI,UAHJA,CAGI;EAAA,IAFJgD,MAEI,UAFJA,MAEI;EAAA,IADJF,KACI,UADJA,KACI;EACJ,eAAOpG,OAAO,CAACiF,MAAD,CAAd,eACE,oBAAC,IAAD;IAAA,UAAa,QAAb;IAAA,MAA0B5B,CAA1B;IAAA,MAAiCC,CAAjC;IAAA,KAAuCgD,MAAvC;IAAA,QAAqDF;EAArD,GADF;AAGD,CAXD;;AA8BA,IAAMiC,IAA2C,GAAG,SAA9CA,IAA8C,SAQ9C;EAAA;;EAAA,IAPKC,KAOL,UAPJvD,OAOI;EAAA,IANJE,MAMI,UANJA,MAMI;EAAA,IALJsB,QAKI,UALJA,QAKI;EAAA,IAJJgC,GAII,UAJJA,GAII;EAAA,IAHJlF,CAGI,UAHJA,CAGI;EAAA,IAFJC,CAEI,UAFJA,CAEI;EAAA,IADJkC,QACI,UADJA,QACI;EACJ,IAAI,EAAEe,QAAQ,IAAIgC,GAAd,CAAJ,EAAwB,OAAO,IAAP;EACxB,IAAMhF,KAAK,GAAGiC,QAAd;EACA,IAAMhC,MAAM,GAAGgC,QAAf;EACA,eAAOxF,OAAO,CAACiF,MAAD,CAAd,eACE,oBAAC,KAAD;IAAA,KAAU5B,CAAV;IAAA,KAAgBC,CAAhB;IAAA,SAA0BC,KAA1B;IAAA,UAAyCC,MAAzC;IAAA,UAAyD+E;EAAzD,GADF;AAGD,CAfD;;AAqCA,IAAMC,KAA6C,GAAG,SAAhDA,KAAgD,SAWhD;EAAA,IAVKC,MAUL,UAVJ1D,OAUI;EAAA,IATJC,QASI,UATJA,QASI;EAAA,IARJC,MAQI,UARJA,MAQI;EAAA,IAPJZ,KAOI,UAPJA,KAOI;EAAA,IANJ+B,KAMI,UANJA,KAMI;EAAA,IALJM,YAKI,UALJA,YAKI;EAAA,IAJJrD,CAII,UAJJA,CAII;EAAA,IAHJC,CAGI,UAHJA,CAGI;EAAA,IAFJa,QAEI,UAFJA,QAEI;EAAA,IADJwC,KACI,UADJA,KACI;EACJ,IAAM+B,KAAK,GAAGC,MAAM,CAACtE,KAAD,CAAN,CAAcuE,KAAd,CAAoB,IAApB,CAAd;EACA,IAAMC,UAAU,GAAGH,KAAK,CAACxG,MAAzB;EACA,IAAM4G,UAAU,GAAG,OAAnB;EAEA,IAAMC,SAAS,GAAG,CAAEpC,KAAK,GAAGlG,IAAI,CAACC,EAAd,GAAoB,GAArB,EAA0BsI,OAA1B,CAAkC,CAAlC,CAAlB;EACA,IAAMC,eAAe,GAAG,CAAC5F,CAAC,CAAC2F,OAAF,CAAU,CAAV,CAAD,EAAe1F,CAAC,CAAC0F,OAAF,CAAU,CAAV,CAAf,CAAxB;EACA,IAAME,SAAS,oBAAa,CAACH,SAAD,SAAeE,eAAf,EAAgCE,IAAhC,CAAqC,IAArC,CAAb,MAAf;EAEA,IAAMC,OAAO,GAAGpJ,OAAO,CAACiF,MAAD,CAAvB;EACA,IAAMoE,YAAY,GAAGD,OAAO,CAACE,EAAR,CAAW,QAAX,EAAqB;IACxClD,KAAK,EAALA,KADwC;IAExC,iBAAiBhG,KAAK,CAACgG,KAAD,EAAQ,CAAC,IAAT,CAFkB;IAGxC,eAAeM,YAAY,GAAG,MAAH,GAAY;EAHC,CAArB,CAArB;EAMA,oBACE,oBAAC,MAAD;IACE,MAAM,EAAC,MADT;IAEE,UAAU,EAAC,QAFb;IAGE,gBAAgB,EAAC,SAHnB;IAIE,SAAS,EAAE2C,YAAY,CAACE,SAJ1B;IAKE,KAAK,EAAEF,YAAY,CAACnE,KALtB;IAME,CAAC,EAAE7B,CAAC,CAAC2F,OAAF,CAAU,CAAV,CANL;IAOE,CAAC,EAAE1F,CAAC,CAAC0F,OAAF,CAAU,CAAV,CAPL;IAQE,SAAS,EAAEE;EARb,GAUGR,KAAK,CAACtG,GAAN,CAAU,UAACoH,QAAD,EAAWC,SAAX;IAAA,oBACT,oBAAC,UAAD;MACE,CAAC,EAAEpG,CADL;MAEE,CAAC,EAAEC,CAAC,GAAG,CAACmG,SAAS,GAAG,CAACZ,UAAU,GAAG,CAAd,IAAmB,CAAhC,IAAqC1E,QAF9C;MAGE,GAAG,aAAMsF,SAAN,cAAmBD,QAAnB;IAHL,GAKGA,QALH,CADS;EAAA,CAAV,CAVH,eAmBE,oBAAC,QAAD,OAnBF,CADF;AAuBD,CAlDD;;AAoDA,IAAM1B,MAAM,GAAG7H,aAAa,CAACyF,gBAAD,EAAmB;EAC7CkC,eAAe,EAAfA,eAD6C;EAE7CK,IAAI,EAAJA,IAF6C;EAG7CE,GAAG,EAAHA,GAH6C;EAI7CE,IAAI,EAAJA,IAJ6C;EAK7CG,KAAK,EAALA;AAL6C,CAAnB,CAA5B;;AAoBA,IAAMkB,KAAuC,GAAG,SAA1CA,KAA0C,SAQ1C;EAAA;;EAAA,IAPKC,MAOL,UAPJ5E,OAOI;EAAA,IANJC,QAMI,UANJA,QAMI;EAAA,IALJC,MAKI,UALJA,MAKI;EAAA,IAJJd,QAII,UAJJA,QAII;EAAA,IAHJiC,KAGI,UAHJA,KAGI;EAAA,IAFJ/C,CAEI,UAFJA,CAEI;EAAA,IADJC,CACI,UADJA,CACI;EACJ,eAAOtD,OAAO,CAACiF,MAAD,CAAd,eACE,oBAAC,MAAD;IAAA,UACS,MADT;IAAA,cAEa,QAFb;IAAA,oBAGmB,SAHnB;IAAA,YAIYd,QAJZ;IAAA,QAKQiC,KALR;IAAA,KAMK/C,CANL;IAAA,KAOKC;EAPL,iBASE,oBAAC,QAAD,2BATF,CADF;AAaD,CAtBD;;AAwBA,IAAMuE,UAAU,GAAG5H,aAAa,CAACU,cAAD,EAAiB;EAAE+I,KAAK,EAALA,KAAF;EAAS5B,MAAM,EAANA;AAAT,CAAjB,CAAhC;AAYA,eAAeD,UAAf"}
+{"version":3,"file":"RadialTree.js","names":["React","Component","sstyled","createElement","uniqueIDEnhancement","transition","shade","measureText","assignProps","getOriginChildren","baseAngle","Math","PI","RadialTreeBase","props","handleRadianClick","bind","activeKey","asProps","duration","uid","preferReduceMotion","window","matchMedia","matches","circlesAnimation","selection","selectAll","iconsAnimation","linesAnimation","labelsAnimation","circlesNodes","nodes","iconsNodes","linesNodes","labelsNodes","length","attrs","map","node","cx","baseVal","value","cy","radianIndex","parseInt","dataset","lineNode","from","x1","y1","to","attr","_","index","x","y","width","height","x2","y2","prevProps","$rootProps","data","runAppearAnimation","key","event","newKey","handlers","textSize","widths","label","max","size","center","restRootProps","textWidth","computeTextWidth","radiansCount","onRadianClick","SRadialTree","Element","Children","dataHintsHandler","establishDataType","styles","style","angleOffset","centralMargin","labelMargin","iconColor","capSize","iconSize","defaultActiveKey","RadialTreeRadian","renderRadian","computeRadianPosition","xStart","yStart","xLabelCenter","yLabelCenter","strokeWidth","xEnd","yEnd","color","stroke","radius","isActive","icon","labelAngle","isHorizontal","angle","getRadianKey","baseCapSize","minDemSize","min","topAngle","xCenter","yCenter","start","cos","sin","end","labelCenter","SRadian","children","_child","mergedProps","describeValueEntity","InteractiveArea","RadialTree","Radian","SRadianList","SInteractiveArea","Line","SLine","Cap","SCap","Icon","SIcon","tag","Label","SLabel","lines","String","split","linesCount","SLabelLine","angleDegs","toFixed","transformOrigin","transform","join","sstyles","sLabelStyles","cn","className","lineText","lineIndex","Title","STitle","setTitle"],"sources":["../../src/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CProps, ReturnEl } from '@semcore/core';\n// @ts-ignore\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/radial-tree.shadow.css';\nimport { shade } from '@semcore/utils/lib/color';\nimport { measureText } from './utils';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { DataHintsHandler } from './a11y/hints';\n\nconst baseAngle = -Math.PI / 2; // The top vertical line\n\ntype RadianData = {\n  /**\n   * Text label on the end of radian.\n   */\n  label: string;\n  /**\n   * Radian key. Radian, which `key` is equal to `activeKey` is displayed as active.\n   */\n  key: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n};\n\nexport interface IRadialTreeProps {\n  /**\n   * List of radians. `{ label: string; key: string; capSize?: number; icon?: React.FC; color?: string; iconColor?: string; iconSize?: number; }`\n   */\n  data: RadianData[];\n  /**\n   * Angel (in rads) that rotates chart. 0 means that first radian is exactly on top vertical line.\n   * @default 0\n   */\n  angleOffset?: number;\n  /**\n   * Duration of appear and update animation.\n   * @default 300\n   */\n  duration?: number;\n  /**\n   * Gap between the chart center and radians start point.\n   * @default 50\n   */\n  centralMargin?: number;\n  /**\n   * Gap around text label.\n   * @default 2\n   */\n  labelMargin?: number;\n  /**\n   * Color of all radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n  /**\n   * Text size in radians' labels. 1.5x is used as default text size of center text.\n   * @default 14\n   */\n  textSize?: number;\n  /**\n   * Used to define the active radian in controlled way. Active radian is highligted with inreased cap size.\n   */\n  activeKey?: string | null;\n  /**\n   * Default value for `activeKey` property.\n   */\n  defaultActiveKey?: string | null;\n}\n\ntype RootAsProps = IRadialTreeProps & {\n  uid: string;\n  styles: React.CSSProperties;\n  activeKey: string | null;\n  Children: React.FC;\n  size: [width: number, height: number];\n  data: RadianData[];\n  duration: number;\n  textSize: number;\n  capSize: number;\n  centralMargin: number;\n  labelMargin: number;\n  angleOffset: number;\n  $rootProps: RootAsProps;\n  dataHintsHandler: DataHintsHandler;\n};\n\nclass RadialTreeBase extends Component<RootAsProps> {\n  static displayName = 'RadialTree';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps: Partial<IRadialTreeProps> = {\n    angleOffset: 0,\n    duration: 300,\n    centralMargin: 50,\n    labelMargin: 5,\n    iconColor: '#fff',\n    capSize: 8,\n    iconSize: 8,\n    textSize: 14,\n    defaultActiveKey: null,\n  };\n\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.handleRadianClick = this.handleRadianClick.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      activeKey: null,\n    };\n  }\n\n  runAppearAnimation() {\n    const { duration, uid } = this.asProps;\n    const preferReduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)')?.matches;\n\n    /** using `!(>)` instead of `<=` to get true on NaN and non numbers stuff  */\n    if (!(duration > 0)) return;\n    if (preferReduceMotion) return;\n\n    const circlesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-circle]`);\n    const iconsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-icon]`);\n    const linesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-line]`);\n    const labelsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-label]`);\n    const circlesNodes = circlesAnimation.nodes() as SVGCircleElement[];\n    const iconsNodes = iconsAnimation.nodes() as SVGRectElement[];\n    const linesNodes = linesAnimation.nodes() as SVGLineElement[];\n    const labelsNodes = linesAnimation.nodes() as SVGTextElement[];\n\n    if (circlesNodes.length > 0) {\n      const attrs = circlesNodes.map((node) => {\n        const cx = node.cx?.baseVal?.value;\n        const cy = node.cy?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            cx: lineNode.x1?.baseVal?.value,\n            cy: lineNode.y1?.baseVal?.value,\n          },\n          to: { cx, cy },\n        };\n      });\n\n      circlesAnimation\n        .attr('opacity', 0)\n        .attr('cx', (_, index) => attrs[index].from?.cx)\n        .attr('cy', (_, index) => attrs[index].from?.cy);\n      circlesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('cx', (_, index) => attrs[index].to?.cx)\n        .attr('cy', (_, index) => attrs[index].to?.cy);\n    }\n    if (iconsNodes.length > 0) {\n      const attrs = iconsNodes.map((node) => {\n        const x = node.x?.baseVal?.value;\n        const y = node.y?.baseVal?.value;\n        const width = node.width?.baseVal?.value;\n        const height = node.height?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            x: lineNode.x1?.baseVal?.value - width / 2,\n            y: lineNode.y1?.baseVal?.value - height / 2,\n          },\n          to: {\n            x,\n            y,\n          },\n        };\n      });\n\n      iconsAnimation\n        .attr('opacity', 0)\n        .attr('x', (_, index) => attrs[index].from?.x)\n        .attr('y', (_, index) => attrs[index].from?.y);\n      iconsAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x', (_, index) => attrs[index].to?.x)\n        .attr('y', (_, index) => attrs[index].to?.y);\n    }\n    if (linesNodes.length > 0) {\n      const attrs = linesNodes.map((node) => {\n        const x2 = node.x2?.baseVal?.value;\n        const y2 = node.y2?.baseVal?.value;\n        return {\n          from: {\n            x2: node.x1?.baseVal?.value,\n            y2: node.y1?.baseVal?.value,\n          },\n          to: {\n            x2,\n            y2,\n          },\n        };\n      });\n\n      linesAnimation\n        .attr('opacity', 0)\n        .attr('x2', (_, index) => attrs[index].from?.x2)\n        .attr('y2', (_, index) => attrs[index].from?.y2);\n      linesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x2', (_, index) => attrs[index].to?.x2)\n        .attr('y2', (_, index) => attrs[index].to?.y2);\n    }\n    if (labelsNodes.length > 0) {\n      labelsAnimation.attr('opacity', 0);\n      labelsAnimation.transition().duration(duration).attr('opacity', 1);\n    }\n  }\n\n  componentDidUpdate(prevProps: RootAsProps) {\n    if (prevProps.$rootProps.data?.length !== this.asProps.data?.length) {\n      this.runAppearAnimation();\n    }\n  }\n\n  componentDidMount() {\n    this.runAppearAnimation();\n  }\n\n  handleRadianClick(key: string) {\n    return (event: React.MouseEvent) => {\n      const newKey = key !== this.asProps.activeKey ? key : null;\n      this.handlers.activeKey(newKey, event);\n    };\n  }\n\n  computeTextWidth() {\n    const { data, textSize } = this.asProps;\n    const widths = data.map(({ label }) => measureText(label, textSize));\n\n    return Math.max(...widths);\n  }\n\n  getTitleProps() {\n    const { uid, size, textSize } = this.asProps;\n\n    const [width, height] = size;\n    const center = [width / 2, height / 2];\n    const [x, y] = center;\n    return {\n      x,\n      y,\n      textSize: textSize * 1.5,\n      ['data-radial-animation']: `${uid}-label`,\n    } as IRadialTreeTitleProps;\n  }\n\n  getRadianProps() {\n    const { data, ...restRootProps } = this.asProps;\n    const textWidth = this.computeTextWidth();\n\n    return {\n      ...restRootProps,\n      radiansCount: data.length,\n      data,\n      textWidth,\n      onRadianClick: this.handleRadianClick,\n    } as IRadialTreeRadianProps;\n  }\n\n  render() {\n    const SRadialTree = this.Element;\n    const { Children } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n\n    return sstyled(this.asProps.styles)(\n      <SRadialTree render=\"g\">\n        <Children />\n      </SRadialTree>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianProps extends IRadialTreeProps {\n  radiansCount?: number;\n  textWidth?: number;\n  onRadianClick?: (key: string) => (event: React.MouseEvent) => void;\n}\n\ntype RadianAsProps = RootAsProps & {\n  radiansCount: number;\n  textWidth: number;\n  onRadianClick: (key: string) => (event: React.MouseEvent) => void;\n};\n\nclass RadialTreeRadian extends Component<RadianAsProps> {\n  static displayName = 'RadialTreeRadian';\n  static style = style;\n\n  static defaultProps: Partial<IRadialTreeRadianProps> = {\n    centralMargin: 50,\n    labelMargin: 2,\n    iconColor: '#fff',\n    capSize: 16,\n    iconSize: 16,\n    textSize: 14,\n  };\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.renderRadian = this.renderRadian.bind(this);\n  }\n\n  getInteractiveAreaProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xLabelCenter, yLabelCenter, capSize } = this.computeRadianPosition(\n      data,\n      index,\n    );\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xLabelCenter,\n      y2: yLabelCenter,\n      strokeWidth: capSize * 3,\n    } as IRadialTreeRadianInteractiveAreaProps;\n  }\n  getLineProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xEnd, yEnd } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xEnd,\n      y2: yEnd,\n      stroke: color,\n      ['data-radial-animation']: `${uid}-line`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianLineProps;\n  }\n  getCapProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, capSize } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xEnd,\n      y: yEnd,\n      radius: capSize,\n      color,\n      ['data-radial-animation']: `${uid}-cap-circle`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianCapProps;\n  }\n  getIconProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, isActive } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const iconColor = data.iconColor ?? this.asProps.iconColor;\n    const iconSize = data.iconSize ?? this.asProps.iconSize;\n    const icon = data.icon ?? this.asProps.icon;\n\n    return {\n      x: xEnd - iconSize! / 2,\n      y: yEnd - iconSize! / 2,\n      iconSize,\n      color: iconColor ?? '#fff',\n      ['data-radial-animation']: `${uid}-cap-icon`,\n      ['data-radian-index']: index,\n      icon,\n      isActive,\n    } as IRadialTreeRadianIconProps;\n  }\n  getLabelProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xLabelCenter, yLabelCenter, labelAngle, isHorizontal } = this.computeRadianPosition(\n      data,\n      index,\n    );\n    const { uid, textSize } = this.asProps;\n    const { label } = data;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xLabelCenter,\n      y: yLabelCenter,\n      angle: labelAngle,\n      ['data-radial-animation']: `${uid}-label`,\n      ['data-radian-index']: index,\n      label,\n      color,\n      isHorizontal,\n      textSize,\n    } as IRadialTreeRadianLabelProps;\n  }\n\n  getRadianKey(data: RadianData, index: number) {\n    return data.key ?? `radian-${index}`;\n  }\n\n  computeRadianPosition(data: RadianData, index: number) {\n    const { centralMargin, labelMargin, angleOffset, activeKey, size, radiansCount, textWidth } =\n      this.asProps;\n    const [width, height] = size;\n    const key = this.getRadianKey(data, index);\n    const isActive = activeKey === key;\n    const baseCapSize = data.capSize ?? this.asProps.capSize;\n    const capSize = baseCapSize * (isActive ? 1 : 0.5);\n\n    const minDemSize = Math.min(width, height) / 2;\n    const length = Math.max(\n      minDemSize - textWidth - baseCapSize - centralMargin - labelMargin * 2,\n      10,\n    );\n\n    const angle = baseAngle + angleOffset + (index / radiansCount) * (Math.PI * 2);\n    const isHorizontal =\n      (angle - baseAngle > (1 / 6) * Math.PI && angle - baseAngle < (5 / 6) * Math.PI) ||\n      (angle - baseAngle > (7 / 6) * Math.PI && angle - baseAngle < (11 / 6) * Math.PI);\n    const topAngle = -Math.PI / 2;\n    const labelAngle = ((angle - topAngle) % Math.PI) + topAngle;\n\n    const center = [width / 2, height / 2];\n    const [xCenter, yCenter] = center;\n    const start = [\n      xCenter + Math.cos(angle) * centralMargin,\n      yCenter + Math.sin(angle) * centralMargin,\n    ];\n    const end = [\n      xCenter + Math.cos(angle) * (centralMargin + length),\n      yCenter + Math.sin(angle) * (centralMargin + length),\n    ];\n    const [xStart, yStart] = start;\n    const [xEnd, yEnd] = end;\n\n    const labelCenter = [\n      xCenter +\n        Math.cos(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin),\n      yCenter +\n        Math.sin(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin),\n    ];\n    const [xLabelCenter, yLabelCenter] = labelCenter;\n\n    return {\n      xStart,\n      yStart,\n      xEnd,\n      yEnd,\n      xLabelCenter,\n      yLabelCenter,\n      labelAngle,\n      isHorizontal,\n      capSize,\n      isActive,\n    };\n  }\n\n  renderRadian(data: RadianData, index: number) {\n    const { styles, Children, onRadianClick } = this.asProps;\n    const key = this.getRadianKey(data, index);\n    const SRadian = 'g';\n\n    let children = getOriginChildren(Children);\n\n    if (typeof children === 'function') {\n      const _child = this.asProps.children;\n      const mergedProps = assignProps(children(this.asProps), this.asProps);\n      children = mergedProps.children;\n      mergedProps.children = _child;\n    }\n\n    this.asProps.dataHintsHandler.describeValueEntity(`${index}.${data.label}`, data.label);\n\n    // hidden from publicly typed export\n    const InteractiveArea = (RadialTree.Radian as any).InteractiveArea;\n\n    return sstyled(styles)(\n      <SRadian aria-hidden key={key} onClick={onRadianClick(key)}>\n        <InteractiveArea />\n        {children}\n      </SRadian>,\n    );\n  }\n\n  render() {\n    const { data } = this.asProps;\n    const SRadianList = 'g';\n\n    return sstyled(this.asProps.styles)(\n      <SRadianList>{data.map((data, index) => this.renderRadian(data, index))}</SRadianList>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianInteractiveAreaProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  strokeWidth?: number;\n}\ntype RadialTreeRadianInteractiveAreaAsProps = IRadialTreeRadianInteractiveAreaProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst InteractiveArea: React.FC<RadialTreeRadianInteractiveAreaAsProps> = ({\n  Element: SInteractiveArea,\n  styles,\n}) => {\n  return sstyled(styles)(\n    <SInteractiveArea stroke=\"transparent\" render=\"line\" />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLineProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  stroke?: string;\n  ['data-radial-animation']?: `${string}-line`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Line: React.FC<RadialTreeRadianLineAsProps> = ({ Element: SLine, styles, stroke }) => {\n  return sstyled(styles)(<SLine render=\"line\" stroke={stroke} />) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianCapProps {\n  x?: number;\n  y?: number;\n  radius?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-circle`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Cap: React.FC<RadialTreeRadianCapAsProps> = ({\n  Element: SCap,\n  styles,\n  x,\n  y,\n  radius,\n  color,\n}) => {\n  return sstyled(styles)(\n    <SCap render=\"circle\" cx={x} cy={y} r={radius} fill={color} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianIconProps {\n  x?: number;\n  y?: number;\n  iconSize?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-icon`;\n  ['data-radian-index']?: number;\n  tag?: React.FC;\n  isActive?: boolean;\n}\ntype RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {\n  Element: React.FC<{ render: string | React.FC } & React.SVGProps<any>>;\n  x: number;\n  y: number;\n  iconSize: number;\n  styles: React.CSSProperties;\n};\nconst Icon: React.FC<RadialTreeRadianIconAsProps> = ({\n  Element: SIcon,\n  styles,\n  isActive,\n  tag,\n  x,\n  y,\n  iconSize,\n}) => {\n  if (!(isActive && tag)) return null;\n  const width = iconSize;\n  const height = iconSize;\n  return sstyled(styles)(\n    <SIcon x={x} y={y} width={width} height={height} render={tag} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLabelProps {\n  x?: number;\n  y?: number;\n  color?: string;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  ['data-radian-index']?: number;\n  label?: string;\n  isHorizontal?: boolean;\n  angle?: number;\n}\ntype RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n  x: number;\n  y: number;\n  angle: number;\n  textSize: number;\n};\nconst Label: React.FC<RadialTreeRadianLabelAsProps> = ({\n  Element: SLabel,\n  Children,\n  styles,\n  label,\n  color,\n  isHorizontal,\n  x,\n  y,\n  textSize,\n  angle,\n}) => {\n  const lines = String(label).split('\\n');\n  const linesCount = lines.length;\n  const SLabelLine = 'tspan';\n\n  const angleDegs = ((angle / Math.PI) * 180).toFixed(2);\n  const transformOrigin = [x.toFixed(2), y.toFixed(2)];\n  const transform = `rotate(${[angleDegs, ...transformOrigin].join(', ')})`;\n\n  const sstyles = sstyled(styles);\n  const sLabelStyles = sstyles.cn('SLabel', {\n    color,\n    'color-hovered': shade(color, -0.12),\n    'text-cursor': isHorizontal ? 'text' : 'vertical-text',\n  });\n\n  return (\n    <SLabel\n      aria-hidden\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      className={sLabelStyles.className}\n      style={sLabelStyles.style}\n      x={x.toFixed(2)}\n      y={y.toFixed(2)}\n      transform={transform}\n    >\n      {lines.map((lineText, lineIndex) => (\n        <SLabelLine\n          x={x}\n          y={y + (lineIndex - (linesCount - 1) / 2) * textSize}\n          key={`#${lineIndex}-${lineText}`}\n        >\n          {lineText}\n        </SLabelLine>\n      ))}\n      <Children />\n    </SLabel>\n  ) as React.ReactElement;\n};\n\nconst Radian = createElement(RadialTreeRadian, {\n  InteractiveArea,\n  Line,\n  Cap,\n  Icon,\n  Label,\n});\n\nexport interface IRadialTreeTitleProps {\n  x?: number;\n  y?: number;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  color?: string;\n}\ntype RadialTreeTitleAsProps = IRadialTreeTitleProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n  dataHintsHandler: DataHintsHandler;\n};\nconst Title: React.FC<RadialTreeTitleAsProps> = ({\n  Element: STitle,\n  Children,\n  children,\n  styles,\n  textSize,\n  color,\n  x,\n  y,\n  dataHintsHandler,\n}) => {\n  if (typeof children === 'string') {\n    dataHintsHandler.setTitle('vertical', children);\n  }\n  return sstyled(styles)(\n    <STitle\n      aria-hidden\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      fontSize={textSize}\n      fill={color}\n      x={x}\n      y={y}\n    >\n      <Children />\n    </STitle>,\n  ) as React.ReactElement;\n};\n\nconst RadialTree = createElement(RadialTreeBase, { Title, Radian }) as (<T>(\n  props: CProps<IRadialTreeProps & T>,\n) => ReturnEl) & {\n  Title: <T>(props: CProps<IRadialTreeTitleProps & T>) => ReturnEl;\n  Radian: (<T>(props: CProps<IRadialTreeRadianProps & T>) => ReturnEl) & {\n    Line: <T>(props: CProps<IRadialTreeRadianLineProps & T>) => ReturnEl;\n    Cap: <T>(props: CProps<IRadialTreeRadianCapProps & T>) => ReturnEl;\n    Icon: <T>(props: CProps<IRadialTreeRadianIconProps & T>) => ReturnEl;\n    Label: <T>(props: CProps<IRadialTreeRadianLabelProps & T>) => ReturnEl;\n  };\n};\n\nexport default RadialTree;\n"],"mappings":"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"}

package/lib/es6/ReferenceLine.js

@@ -25,19 +25,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SReferenceLine_eyavv_gg_{fill:none;stroke:#a9abb6}.___STitle_eyavv_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_eyavv)}.___STitle_eyavv_gg_._position_top_eyavv_gg_{text-anchor:middle}.___STitle_eyavv_gg_._position_bottom_eyavv_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_eyavv_gg_._position_right_eyavv_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_eyavv_gg_._position_left_eyavv_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_eyavv_gg_{fill:rgba(196,199,207,.2)}"
+".___SReferenceLine_jmd9c_gg_{fill:none;stroke:#a9abb6}.___STitle_jmd9c_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_jmd9c)}.___STitle_jmd9c_gg_._position_top_jmd9c_gg_{text-anchor:middle}.___STitle_jmd9c_gg_._position_bottom_jmd9c_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_jmd9c_gg_._position_right_jmd9c_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_jmd9c_gg_._position_left_jmd9c_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_jmd9c_gg_{fill:rgba(196,199,207,.2)}"
 /*__inner_css_end__*/
-, "eyavv_gg_")
+, "jmd9c_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_eyavv_gg_",
-  "__STitle": "___STitle_eyavv_gg_",
-  "--transform-origin": "--transform-origin_eyavv",
-  "_position_top": "_position_top_eyavv_gg_",
-  "_position_bottom": "_position_bottom_eyavv_gg_",
-  "_position_right": "_position_right_eyavv_gg_",
-  "_position_left": "_position_left_eyavv_gg_",
-  "__SBackground": "___SBackground_eyavv_gg_"
+  "__SReferenceLine": "___SReferenceLine_jmd9c_gg_",
+  "__STitle": "___STitle_jmd9c_gg_",
+  "--transform-origin": "--transform-origin_jmd9c",
+  "_position_top": "_position_top_jmd9c_gg_",
+  "_position_bottom": "_position_bottom_jmd9c_gg_",
+  "_position_right": "_position_right_jmd9c_gg_",
+  "_position_left": "_position_left_jmd9c_gg_",
+  "__SBackground": "___SBackground_jmd9c_gg_"
 });
 var MAP_ORIENTATION = {
   left: 'vertical',

package/lib/es6/ResponsiveContainer.js

@@ -44,7 +44,6 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps = _this.asProps,
           Children = _this$asProps.Children,
           aspect = _this$asProps.aspect;
-      if (!_this.$container) return;
       var _this$$container = _this.$container,
           width = _this$$container.clientWidth,
           height = _this$$container.clientHeight;

package/lib/es6/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContainer.js","names":["React","ResizeObserver","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","ResponsiveContainerRoot","props","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","styles","ResponsiveContainer"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n\n    if (!this.$container) return;\n\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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"}
+{"version":3,"file":"ResponsiveContainer.js","names":["React","ResizeObserver","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","ResponsiveContainerRoot","props","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","styles","ResponsiveContainer"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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"}