@semcore/d3-chart 17.1.0 → 17.2.0-prerelease.3

package/lib/cjs/GroupBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBar.js","names":["_core","require","_getOriginChildren","_interopRequireDefault","_d3Scale","_react","_Bar","_createElement","_HorizontalBar","_utils","GroupBarRoot","Component","getScaleGroup","Children","scale","scaleGroup","x","asProps","xyScale","domain","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","scaleBand","range","scaleToBand","bandwidth","paddingInner","paddingOuter","getBarProps","index","maxBarSize","Number","POSITIVE_INFINITY","patterns","bandWidth","width","Math","min","offsetX","offset","color","getChartDefaultColorName","groupKey","getHorizontalBarProps","height","offsetY","render","Element","dataHintsHandler","establishDataType","default","createElement","childrenPosition","_defineProperty2","_default","exports"],"sources":["../../src/GroupBar.jsx"],"sourcesContent":["import { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport { scaleBand } from 'd3-scale';\nimport React from 'react';\n\nimport Bar from './Bar';\nimport createElement from './createElement';\nimport HorizontalBar from './HorizontalBar';\nimport { getChartDefaultColorName, scaleToBand } from './utils';\n\nclass GroupBarRoot extends Component {\n  static displayName = 'GroupBar';\n\n  getScaleGroup() {\n    const { Children, scale, scaleGroup, x } = this.asProps;\n    // TODO: love that hack (by lsroman) ❤�\n    const xyScale = x ? scale[0] : scale[1];\n\n    if (scaleGroup) return scaleGroup;\n\n    const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n      if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n        acc.push(child.props.y);\n      }\n      if (\n        React.isValidElement(child) &&\n        child.type === GroupBar.HorizontalBar &&\n        !child.props.hide\n      ) {\n        acc.push(child.props.x);\n      }\n      return acc;\n    }, []);\n\n    return scaleBand()\n      .range([0, scaleToBand(xyScale).bandwidth()])\n      .domain(domain)\n      .paddingInner(0.1)\n      .paddingOuter(0.1);\n  }\n\n  getBarProps({ y }, index) {\n    const { x, maxBarSize = Number.POSITIVE_INFINITY, patterns } = this.asProps;\n\n    const bandWidth = this.scaleGroup.bandwidth();\n    const width = Math.min(bandWidth, maxBarSize);\n    const offsetX = this.scaleGroup(y) + bandWidth / 2 - width / 2;\n\n    return {\n      offset: [offsetX, 0],\n      width,\n      color: getChartDefaultColorName(index),\n      x,\n      groupKey: x,\n      patterns,\n    };\n  }\n\n  getHorizontalBarProps({ x }, index) {\n    const { y, maxBarSize = Number.POSITIVE_INFINITY } = this.asProps;\n\n    const bandWidth = this.scaleGroup.bandwidth();\n    const height = Math.min(bandWidth, maxBarSize);\n    const offsetY = this.scaleGroup(x) + bandWidth / 2 - height / 2;\n\n    return {\n      offset: [0, offsetY],\n      height,\n      color: getChartDefaultColorName(index),\n      y,\n      groupKey: y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.scaleGroup = this.getScaleGroup();\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    return (\n      <Element aria-hidden render='g' childrenPosition='inside' scaleGroup={this.scaleGroup} />\n    );\n  }\n}\n\nconst GroupBar = createElement(GroupBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default GroupBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GroupBar.js","names":["_core","require","_getOriginChildren","_interopRequireDefault","_d3Scale","_react","_Bar","_createElement","_HorizontalBar","_utils","GroupBarRoot","Component","getScaleGroup","Children","scale","scaleGroup","x","asProps","xyScale","domain","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","scaleBand","range","scaleToBand","bandwidth","paddingInner","paddingOuter","getBarProps","index","maxBarSize","Number","POSITIVE_INFINITY","patterns","bandWidth","width","Math","min","offsetX","offset","color","getChartDefaultColorName","groupKey","getHorizontalBarProps","height","offsetY","render","Element","dataHintsHandler","establishDataType","default","createElement","childrenPosition","_defineProperty2","_default","exports"],"sources":["../../src/GroupBar.jsx"],"sourcesContent":["import { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport { scaleBand } from 'd3-scale';\nimport React from 'react';\n\nimport Bar from './Bar';\nimport createElement from './createElement';\nimport HorizontalBar from './HorizontalBar';\nimport { getChartDefaultColorName, scaleToBand } from './utils';\n\nclass GroupBarRoot extends Component {\n  static displayName = 'GroupBar';\n\n  getScaleGroup() {\n    const { Children, scale, scaleGroup, x } = this.asProps;\n    // TODO: love that hack (by lsroman) ❤�\n    const xyScale = x ? scale[0] : scale[1];\n\n    if (scaleGroup) return scaleGroup;\n\n    const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n      if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n        acc.push(child.props.y);\n      }\n      if (\n        React.isValidElement(child) &&\n        child.type === GroupBar.HorizontalBar &&\n        !child.props.hide\n      ) {\n        acc.push(child.props.x);\n      }\n      return acc;\n    }, []);\n\n    return scaleBand()\n      .range([0, scaleToBand(xyScale).bandwidth()])\n      .domain(domain)\n      .paddingInner(0.1)\n      .paddingOuter(0.1);\n  }\n\n  getBarProps({ y }, index) {\n    const { x, maxBarSize = Number.POSITIVE_INFINITY, patterns } = this.asProps;\n\n    const bandWidth = this.scaleGroup.bandwidth();\n    const width = Math.min(bandWidth, maxBarSize);\n    const offsetX = this.scaleGroup(y) + bandWidth / 2 - width / 2;\n\n    return {\n      offset: [offsetX, 0],\n      width,\n      color: getChartDefaultColorName(index),\n      x,\n      groupKey: x,\n      patterns,\n    };\n  }\n\n  getHorizontalBarProps({ x }, index) {\n    const { y, maxBarSize = Number.POSITIVE_INFINITY } = this.asProps;\n\n    const bandWidth = this.scaleGroup.bandwidth();\n    const height = Math.min(bandWidth, maxBarSize);\n    const offsetY = this.scaleGroup(x) + bandWidth / 2 - height / 2;\n\n    return {\n      offset: [0, offsetY],\n      height,\n      color: getChartDefaultColorName(index),\n      y,\n      groupKey: y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.scaleGroup = this.getScaleGroup();\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    return (\n      <Element aria-hidden render='g' childrenPosition='inside' scaleGroup={this.scaleGroup} />\n    );\n  }\n}\n\n/**\n * GroupBar\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-code#grouped-bars|Examples}\n */\nconst GroupBar = createElement(GroupBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default GroupBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/HorizontalBar.js

@@ -14,24 +14,24 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _Pattern = require("./Pattern");
 var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_syroh_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_syroh);transition-timing-function:ease-in-out}.___SBar_syroh_gg_.__color_syroh_gg_{fill:var(--color_syroh)}.___SBar_syroh_gg_.__pattern_syroh_gg_.__color_syroh_gg_{fill:var(--pattern_syroh);stroke:var(--color_syroh);stroke-width:1px}.___SBar_syroh_gg_.__hide_syroh_gg_{display:none}.___SBar_syroh_gg_.__transparent_syroh_gg_{opacity:.3}.___SBackground_syroh_gg_.__onClick_syroh_gg_,.___SBar_syroh_gg_.__onClick_syroh_gg_{cursor:pointer}.___SBackground_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_syroh_gg_{display:flex;justify-content:space-between}.___SBarLabel_syroh_gg_,.___SBarPercent_syroh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_syroh_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_syroh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"syroh_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_169ai_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:height,width,y;transition-duration:var(--duration_169ai);transition-timing-function:ease-in-out}.___SBar_169ai_gg_.__color_169ai_gg_{fill:var(--color_169ai)}.___SBar_169ai_gg_.__pattern_169ai_gg_.__color_169ai_gg_{fill:var(--pattern_169ai);stroke:var(--color_169ai);stroke-width:1px}.___SBar_169ai_gg_.__hide_169ai_gg_{display:none}.___SBar_169ai_gg_.__transparent_169ai_gg_{opacity:.3}.___SBar_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBackground_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg,#f1f2f2)}.___SBackground_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBarAnnotation_169ai_gg_{display:flex;justify-content:space-between}.___SBarLabel_169ai_gg_{color:var(--intergalactic-text-primary,#010500e5);margin-right:auto}.___SBarLabel_169ai_gg_,.___SBarPercent_169ai_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095);margin-right:var(--intergalactic-spacing-2x,8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SBarValue_169ai_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary,#010500e5);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);text-align:right}.___SCompactHorizontalBarHoverRect_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}", /*__inner_css_end__*/"169ai_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBar": "___SBar_syroh_gg_",
-  "--duration": "--duration_syroh",
-  "_color": "__color_syroh_gg_",
-  "--color": "--color_syroh",
-  "_pattern": "__pattern_syroh_gg_",
-  "--pattern": "--pattern_syroh",
-  "_hide": "__hide_syroh_gg_",
-  "_transparent": "__transparent_syroh_gg_",
-  "_onClick": "__onClick_syroh_gg_",
-  "__SBackground": "___SBackground_syroh_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_syroh_gg_",
-  "__SBarLabel": "___SBarLabel_syroh_gg_",
-  "__SBarPercent": "___SBarPercent_syroh_gg_",
-  "__SBarValue": "___SBarValue_syroh_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_syroh_gg_"
+  "__SBar": "___SBar_169ai_gg_",
+  "--duration": "--duration_169ai",
+  "_color": "__color_169ai_gg_",
+  "--color": "--color_169ai",
+  "_pattern": "__pattern_169ai_gg_",
+  "--pattern": "--pattern_169ai",
+  "_hide": "__hide_169ai_gg_",
+  "_transparent": "__transparent_169ai_gg_",
+  "_onClick": "__onClick_169ai_gg_",
+  "__SBackground": "___SBackground_169ai_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_169ai_gg_",
+  "__SBarLabel": "___SBarLabel_169ai_gg_",
+  "__SBarPercent": "___SBarPercent_169ai_gg_",
+  "__SBarValue": "___SBarValue_169ai_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_169ai_gg_"
 });
 const MIN_WIDTH = exports.MIN_WIDTH = 2;
 const calcPartBarX = (x, minWidth, width) => {
@@ -193,6 +193,12 @@ function getHorizontalRect({
   }
   return (0, _utils.roundedPath)(x, y, width, height, radius);
 }
+
+/**
+ * HorizontalBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal/bar-horizontal-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal/bar-horizontal-code/|Examples}
+ */
 var _default = exports.default = (0, _createElement.default)(HorizontalBarRoot, {
   Background
 });

package/lib/cjs/HorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBar.js","names":["_core","require","_uniqueID","_interopRequireDefault","_react","_AnimatedClipPath","_createElement","_Pattern","_utils","style","sstyled","insert","MIN_WIDTH","exports","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","Component","getBackgroundProps","_props","index","data","y","asProps","value","renderBar","d","i","_ref","SBar","Element","styles","color","x0","scale","hide","offset","offsetProps","uid","duration","r","wMin","height","heightProps","onMouseMove","onMouseLeave","groupKey","transparent","maxBarSize","Number","POSITIVE_INFINITY","resolveColor","patterns","onClick","xScale","yScale","absWidth","Math","abs","max","domain","bandHeight","scaleToBand","bandwidth","min","barY","barX","handleClick","event","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","default","createElement","Fragment","key","cn","undefined","PatternFill","render","size","map","bind","id","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","xRange","range","roundedPath","_default"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/bar.shadow.css';\nimport { scaleToBand, roundedPath } from './utils';\n\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n  // need for the correct rendering of negative values\n  if (x <= 0) {\n    return width <= minWidth ? minWidth : 0;\n  }\n  // need for the correct rendering of the minimum positive values\n  return Object.is(x, 0) ? minWidth : 0;\n};\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 0,\n    wMin: MIN_WIDTH,\n  };\n\n  getBackgroundProps(_props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n      index,\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset: offsetProps,\n      uid,\n      duration,\n      r,\n      wMin,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n      groupKey,\n      transparent,\n      maxBarSize = Number.POSITIVE_INFINITY,\n      resolveColor,\n      patterns,\n      onClick,\n    } = this.asProps;\n\n    const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n    const [xScale, yScale] = scale;\n    const absWidth = Math.abs(\n      xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n    );\n    const bandHeight = heightProps || scaleToBand(yScale).bandwidth();\n    const height = Math.min(bandHeight, maxBarSize);\n    const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n    const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];\n    const barX =\n      xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n      offset[0] -\n      calcPartBarX(d[x], wMin, width);\n    const handleClick = (event) => onClick?.(d, event, i, x);\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n    }\n\n    return (\n      <React.Fragment key={`horizontal-bar-${i}`}>\n        {sstyled(styles)(\n          <SBar\n            aria-hidden\n            render='path'\n            clipPath={`url(#${uid})`}\n            __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n            childrenPosition='above'\n            value={d}\n            index={i}\n            hide={hide}\n            color={resolveColor(color)}\n            pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n            transparent={transparent}\n            x={barX}\n            y={barY}\n            width={width}\n            height={height}\n            d={dSvg}\n            onClickCapture={handleClick}\n            use:duration={`${duration}ms`}\n            onMouseMove={onMouseMove}\n            onMouseLeave={onMouseLeave}\n          />,\n        )}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${i}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </React.Fragment>\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render='rect'\n      childrenPosition='above'\n      width={xRange[1] - xRange[0]}\n      height={scaleToBand(yScale).bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width < radius) radius = width;\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HorizontalBar.js","names":["_core","require","_uniqueID","_interopRequireDefault","_react","_AnimatedClipPath","_createElement","_Pattern","_utils","style","sstyled","insert","MIN_WIDTH","exports","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","Component","getBackgroundProps","_props","index","data","y","asProps","value","renderBar","d","i","_ref","SBar","Element","styles","color","x0","scale","hide","offset","offsetProps","uid","duration","r","wMin","height","heightProps","onMouseMove","onMouseLeave","groupKey","transparent","maxBarSize","Number","POSITIVE_INFINITY","resolveColor","patterns","onClick","xScale","yScale","absWidth","Math","abs","max","domain","bandHeight","scaleToBand","bandwidth","min","barY","barX","handleClick","event","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","default","createElement","Fragment","key","cn","undefined","PatternFill","render","size","map","bind","id","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","xRange","range","roundedPath","_default"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/bar.shadow.css';\nimport { scaleToBand, roundedPath } from './utils';\n\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n  // need for the correct rendering of negative values\n  if (x <= 0) {\n    return width <= minWidth ? minWidth : 0;\n  }\n  // need for the correct rendering of the minimum positive values\n  return Object.is(x, 0) ? minWidth : 0;\n};\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 0,\n    wMin: MIN_WIDTH,\n  };\n\n  getBackgroundProps(_props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n      index,\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset: offsetProps,\n      uid,\n      duration,\n      r,\n      wMin,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n      groupKey,\n      transparent,\n      maxBarSize = Number.POSITIVE_INFINITY,\n      resolveColor,\n      patterns,\n      onClick,\n    } = this.asProps;\n\n    const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n    const [xScale, yScale] = scale;\n    const absWidth = Math.abs(\n      xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n    );\n    const bandHeight = heightProps || scaleToBand(yScale).bandwidth();\n    const height = Math.min(bandHeight, maxBarSize);\n    const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n    const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];\n    const barX =\n      xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n      offset[0] -\n      calcPartBarX(d[x], wMin, width);\n    const handleClick = (event) => onClick?.(d, event, i, x);\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n    }\n\n    return (\n      <React.Fragment key={`horizontal-bar-${i}`}>\n        {sstyled(styles)(\n          <SBar\n            aria-hidden\n            render='path'\n            clipPath={`url(#${uid})`}\n            __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n            childrenPosition='above'\n            value={d}\n            index={i}\n            hide={hide}\n            color={resolveColor(color)}\n            pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n            transparent={transparent}\n            x={barX}\n            y={barY}\n            width={width}\n            height={height}\n            d={dSvg}\n            onClickCapture={handleClick}\n            use:duration={`${duration}ms`}\n            onMouseMove={onMouseMove}\n            onMouseLeave={onMouseLeave}\n          />,\n        )}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${i}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </React.Fragment>\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render='rect'\n      childrenPosition='above'\n      width={xRange[1] - xRange[0]}\n      height={scaleToBand(yScale).bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width < radius) radius = width;\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\n/**\n * HorizontalBar\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal/bar-horizontal-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal/bar-horizontal-code/|Examples}\n */\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/Hover.js

@@ -15,11 +15,11 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/hover.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHoverLine_cad3g_gg_,.___SHoverLine_cad3g_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SHoverRect_cad3g_gg_,.___SHoverRect_cad3g_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"cad3g_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHoverLine_1vcsd_gg_,.___SHoverLine_1vcsd_gg_:focus-visible{outline:none;stroke:var(--intergalactic-chart-grid-x-axis,#d6d8d7)}.___SHoverRect_1vcsd_gg_,.___SHoverRect_1vcsd_gg_:focus-visible{outline:none;fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}", /*__inner_css_end__*/"1vcsd_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHoverLine": "___SHoverLine_cad3g_gg_",
-  "__SHoverRect": "___SHoverRect_cad3g_gg_"
+  "__SHoverLine": "___SHoverLine_1vcsd_gg_",
+  "__SHoverRect": "___SHoverRect_1vcsd_gg_"
 });
 class Hover extends _core.Component {
   constructor(...args) {

package/lib/cjs/Line.js

@@ -18,17 +18,17 @@ var _Dots = _interopRequireDefault(require("./Dots"));
 var _Pattern = require("./Pattern");
 var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/line.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLine_qcbx2_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:d;transition-duration:var(--duration_qcbx2);transition-timing-function:ease-in-out}.___SLine_qcbx2_gg_.__color_qcbx2_gg_{stroke:var(--color_qcbx2)}.___SLine_qcbx2_gg_.__hide_qcbx2_gg_{display:none}.___SLine_qcbx2_gg_.__transparent_qcbx2_gg_{opacity:.3}.___SNull_qcbx2_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));stroke-dasharray:4}@supports (color:color(display-p3 0 0 0%)){.___SNull_qcbx2_gg_{stroke:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SNull_qcbx2_gg_{stroke:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SNull_qcbx2_gg_.__hide_qcbx2_gg_{display:none}.___SLineArea_qcbx2_gg_{transition-property:d;transition-duration:var(--duration_qcbx2);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLineArea_qcbx2_gg_.__color_qcbx2_gg_{fill:var(--color_qcbx2)}", /*__inner_css_end__*/"qcbx2_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLine_5siv0_gg_{fill:#0000;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:d;transition-duration:var(--duration_5siv0);transition-timing-function:ease-in-out}.___SLine_5siv0_gg_.__color_5siv0_gg_{stroke:var(--color_5siv0)}.___SLine_5siv0_gg_.__hide_5siv0_gg_{display:none}.___SLine_5siv0_gg_.__transparent_5siv0_gg_{opacity:.3}.___SNull_5siv0_gg_{fill:#0000;stroke:var(--intergalactic-border-primary,#000c0829);stroke-dasharray:4}@supports (color:color(display-p3 0 0 0%)){.___SNull_5siv0_gg_{stroke:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SNull_5siv0_gg_{stroke:var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SNull_5siv0_gg_.__hide_5siv0_gg_{display:none}.___SLineArea_5siv0_gg_{transition-property:d;transition-duration:var(--duration_5siv0);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SLineArea_5siv0_gg_.__color_5siv0_gg_{fill:var(--color_5siv0)}", /*__inner_css_end__*/"5siv0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLine": "___SLine_qcbx2_gg_",
-  "--duration": "--duration_qcbx2",
-  "_color": "__color_qcbx2_gg_",
-  "--color": "--color_qcbx2",
-  "_hide": "__hide_qcbx2_gg_",
-  "_transparent": "__transparent_qcbx2_gg_",
-  "__SNull": "___SNull_qcbx2_gg_",
-  "__SLineArea": "___SLineArea_qcbx2_gg_"
+  "__SLine": "___SLine_5siv0_gg_",
+  "--duration": "--duration_5siv0",
+  "_color": "__color_5siv0_gg_",
+  "--color": "--color_5siv0",
+  "_hide": "__hide_5siv0_gg_",
+  "_transparent": "__transparent_5siv0_gg_",
+  "__SNull": "___SNull_5siv0_gg_",
+  "__SLineArea": "___SLineArea_5siv0_gg_"
 });
 class LineRoot extends _core.Component {
   getDotsProps() {
@@ -233,6 +233,12 @@ function Area(props) {
     }));
   }));
 }
+
+/**
+ * Line
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-code/|Examples}
+ */
 var _default = exports.default = (0, _createElement.default)(LineRoot, {
   Dots: _Dots.default,
   Null,

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","require","_uniqueID","_interopRequireWildcard","_d3Array","_d3Shape","_react","_interopRequireDefault","_AnimatedClipPath","_createElement","_Dots","_Pattern","_utils","style","sstyled","insert","LineRoot","Component","getDotsProps","x","y","d3","color","resolveColor","duration","transparent","patterns","onClick","asProps","getNullProps","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","hide","scale","handlerOnClick","e","stopPropagation","rootRef","xScale","pX","eventToPoint","current","vX","invert","index","bisector","d","center","render","_ref","SLine","Element","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","getChartDefaultColorName","default","createElement","Fragment","cn","resolvePatternDasharray","undefined","bind","_defineProperty2","uniqueIDEnhancement","$rootProps","curve","curveLinear","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","useUID","SLineArea","y0","y1","curveCardinal","area","autoInterpolate","dataToArea","React","useMemo","chunked","reduce","acc","length","push","flat","map","chunk","_ref3","d3Area","_default","exports","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/core/lib/utils/uniqueID';\nimport { bisector } from 'd3-array';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport Dots from './Dots';\nimport { resolvePatternDasharray } from './Pattern';\nimport style from './style/line.shadow.css';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n  getChartDefaultColorName,\n  eventToPoint,\n  invert,\n} from './utils';\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, resolveColor, duration, transparent, patterns, onClick } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n      patterns,\n      onClick,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  handlerOnClick(e) {\n    e.stopPropagation();\n\n    const { rootRef, scale: [xScale], data, x, onClick } = this.asProps;\n\n    if (!onClick) return;\n\n    const [pX] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const index = bisector((d) => d[x]).center(data, vX);\n\n    onClick(index, e);\n  }\n\n  render() {\n    const SLine = this.Element;\n    const {\n      styles,\n      hide,\n      color,\n      resolveColor,\n      uid,\n      size,\n      d3,\n      duration,\n      x,\n      y,\n      transparent,\n      patterns,\n    } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    const patternKey = color || getChartDefaultColorName(0);\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n          strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n          onClickCapture={this.handlerOnClick.bind(this)}\n          pointerEvents='stroke'\n        />\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\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\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SLineArea,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n    area,\n    patterns,\n    autoInterpolate = true,\n  } = props;\n  const [xScale, yScale] = scale;\n  const dataToArea = React.useMemo(() => {\n    if (area) return area;\n    const chunked = data.reduce(\n      (acc, d) => {\n        if (d[y0] === interpolateValue || d[y1] === interpolateValue) return acc;\n        if (definedData(y0, y1)(d)) {\n          acc[acc.length - 1].push(d);\n        } else if (acc[acc.length - 1].length > 0) {\n          acc.push([]);\n        }\n        return acc;\n      },\n      [[]],\n    );\n    if (autoInterpolate) {\n      return [chunked.flat()];\n    }\n\n    return chunked;\n  }, [data, y0, y1, area, autoInterpolate]);\n\n  return (\n    <>\n      {dataToArea.map((chunk, index) => {\n        const d3 = d3Area()\n          .curve(curve)\n          .x((data) => xScale(data[x]))\n          .y0((data) => yScale(data[y0]))\n          .y1((data) => yScale(data[y1]));\n\n        return sstyled(styles)(\n          <SLineArea\n            key={`${chunk.length}-${index}`}\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            render='path'\n            hide={hide}\n            color={color}\n            d={d3(chunk)}\n            use:duration={`${duration}ms`}\n            patterns={patterns}\n          />,\n        );\n      })}\n    </>\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Line.js","names":["_core","require","_uniqueID","_interopRequireWildcard","_d3Array","_d3Shape","_react","_interopRequireDefault","_AnimatedClipPath","_createElement","_Dots","_Pattern","_utils","style","sstyled","insert","LineRoot","Component","getDotsProps","x","y","d3","color","resolveColor","duration","transparent","patterns","onClick","asProps","getNullProps","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","hide","scale","handlerOnClick","e","stopPropagation","rootRef","xScale","pX","eventToPoint","current","vX","invert","index","bisector","d","center","render","_ref","SLine","Element","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","getChartDefaultColorName","default","createElement","Fragment","cn","resolvePatternDasharray","undefined","bind","_defineProperty2","uniqueIDEnhancement","$rootProps","curve","curveLinear","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","useUID","SLineArea","y0","y1","curveCardinal","area","autoInterpolate","dataToArea","React","useMemo","chunked","reduce","acc","length","push","flat","map","chunk","_ref3","d3Area","_default","exports","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/core/lib/utils/uniqueID';\nimport { bisector } from 'd3-array';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport Dots from './Dots';\nimport { resolvePatternDasharray } from './Pattern';\nimport style from './style/line.shadow.css';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n  getChartDefaultColorName,\n  eventToPoint,\n  invert,\n} from './utils';\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, resolveColor, duration, transparent, patterns, onClick } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n      patterns,\n      onClick,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  handlerOnClick(e) {\n    e.stopPropagation();\n\n    const { rootRef, scale: [xScale], data, x, onClick } = this.asProps;\n\n    if (!onClick) return;\n\n    const [pX] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const index = bisector((d) => d[x]).center(data, vX);\n\n    onClick(index, e);\n  }\n\n  render() {\n    const SLine = this.Element;\n    const {\n      styles,\n      hide,\n      color,\n      resolveColor,\n      uid,\n      size,\n      d3,\n      duration,\n      x,\n      y,\n      transparent,\n      patterns,\n    } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    const patternKey = color || getChartDefaultColorName(0);\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n          strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n          onClickCapture={this.handlerOnClick.bind(this)}\n          pointerEvents='stroke'\n        />\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\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\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SLineArea,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n    area,\n    patterns,\n    autoInterpolate = true,\n  } = props;\n  const [xScale, yScale] = scale;\n  const dataToArea = React.useMemo(() => {\n    if (area) return area;\n    const chunked = data.reduce(\n      (acc, d) => {\n        if (d[y0] === interpolateValue || d[y1] === interpolateValue) return acc;\n        if (definedData(y0, y1)(d)) {\n          acc[acc.length - 1].push(d);\n        } else if (acc[acc.length - 1].length > 0) {\n          acc.push([]);\n        }\n        return acc;\n      },\n      [[]],\n    );\n    if (autoInterpolate) {\n      return [chunked.flat()];\n    }\n\n    return chunked;\n  }, [data, y0, y1, area, autoInterpolate]);\n\n  return (\n    <>\n      {dataToArea.map((chunk, index) => {\n        const d3 = d3Area()\n          .curve(curve)\n          .x((data) => xScale(data[x]))\n          .y0((data) => yScale(data[y0]))\n          .y1((data) => yScale(data[y1]));\n\n        return sstyled(styles)(\n          <SLineArea\n            key={`${chunk.length}-${index}`}\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            render='path'\n            hide={hide}\n            color={color}\n            d={d3(chunk)}\n            use:duration={`${duration}ms`}\n            patterns={patterns}\n          />,\n        );\n      })}\n    </>\n  );\n}\n\n/**\n * Line\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-code/|Examples}\n */\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/Plot.js

@@ -17,10 +17,10 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/plot.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlot_ofkbz_gg_{overflow:hidden}.___SPlot_ofkbz_gg_:focus{outline:0}.___SPlot_ofkbz_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}@supports (color:color(display-p3 0 0 0%)){.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}", /*__inner_css_end__*/"ofkbz_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlot_26u33_gg_{overflow:hidden}.___SPlot_26u33_gg_:focus{outline:none}.___SPlot_26u33_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_26u33_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded,8px)}@supports (color:color(display-p3 0 0 0%)){.___SPlot_26u33_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline,#0020dd78)}@media (color-gamut:p3){.___SPlot_26u33_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline,color(display-p3 .03256 .12227 .83249/.469))}}}", /*__inner_css_end__*/"26u33_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlot": "___SPlot_ofkbz_gg_"
+  "__SPlot": "___SPlot_26u33_gg_"
 });
 class PlotRoot extends _core.Component {
   constructor(props) {
@@ -125,6 +125,12 @@ class PlotRoot extends _core.Component {
     }))));
   }
 }
+
+/**
+ * Plot
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#plot|API} | {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-code#chart-plot|Examples}
+ */
 (0, _defineProperty2.default)(PlotRoot, "displayName", 'Plot');
 (0, _defineProperty2.default)(PlotRoot, "style", style);
 (0, _defineProperty2.default)(PlotRoot, "defaultProps", () => ({

package/lib/cjs/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_resolveColorEnhance","_eventEmitter","_react","_hints","_PlotA11yModule","_intergalacticDynamicLocales","_utils","style","sstyled","insert","PlotRoot","Component","constructor","props","_defineProperty2","default","uniqueId","React","createRef","dataHints","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","xScale","yScale","pX","pY","eventToPoint","rootRef","current","minX","maxX","range","maxY","minY","EventEmitter","setContext","data","width","height","locale","resolveColor","patterns","duration","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","plotId","render","_ref","_ref2","SPlot","Box","styles","Children","a11yAltTextConfig","label","getI18nText","ariaLabel","createElement","cn","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","colorResolverEnhance","i18nEnhance","localizedMessages","_default","exports","createComponent"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport colorResolverEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport EventEmitter from '@semcore/core/lib/utils/eventEmitter';\nimport React from 'react';\n\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport style from './style/plot.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { eventToPoint, uniqueId } from './utils';\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 = [colorResolverEnhance(), i18nEnhance(localizedMessages)];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = this.props.dataHints || 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 && scale.length >= 2) {\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, this.rootRef.current);\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, locale, resolveColor, patterns, duration } = 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        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n        patterns,\n        duration,\n        plotId: this.plotId,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale, getI18nText } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    const ariaLabel = label ?? getI18nText('d3Chart.Plot:aria-label');\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        aria-label={ariaLabel}\n        data-plot-id={this.plotId}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            payload={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\nexport default createComponent(PlotRoot);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Plot.js","names":["_core","require","_baseComponents","_i18nEnhance","_interopRequireDefault","_resolveColorEnhance","_eventEmitter","_react","_hints","_PlotA11yModule","_intergalacticDynamicLocales","_utils","style","sstyled","insert","PlotRoot","Component","constructor","props","_defineProperty2","default","uniqueId","React","createRef","dataHints","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","xScale","yScale","pX","pY","eventToPoint","rootRef","current","minX","maxX","range","maxY","minY","EventEmitter","setContext","data","width","height","locale","resolveColor","patterns","duration","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","plotId","render","_ref","_ref2","SPlot","Box","styles","Children","a11yAltTextConfig","label","getI18nText","ariaLabel","createElement","cn","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","colorResolverEnhance","i18nEnhance","localizedMessages","_default","exports","createComponent"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport colorResolverEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport EventEmitter from '@semcore/core/lib/utils/eventEmitter';\nimport React from 'react';\n\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport style from './style/plot.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { eventToPoint, uniqueId } from './utils';\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 = [colorResolverEnhance(), i18nEnhance(localizedMessages)];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = this.props.dataHints || 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 && scale.length >= 2) {\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, this.rootRef.current);\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, locale, resolveColor, patterns, duration } = 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        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n        patterns,\n        duration,\n        plotId: this.plotId,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale, getI18nText } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    const ariaLabel = label ?? getI18nText('d3Chart.Plot:aria-label');\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        aria-label={ariaLabel}\n        data-plot-id={this.plotId}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            payload={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/**\n * Plot\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#plot|API} | {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-code#chart-plot|Examples}\n */\nexport default createComponent(PlotRoot);\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/Radar.js

@@ -21,27 +21,27 @@ var _Pattern = require("./Pattern");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/radar.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAxisLine_1uamc_gg_,.___SAxisTick_1uamc_gg_,.___SAxis_1uamc_gg_{stroke:var(--intergalactic-chart-grid-line, rgb(237, 239, 238));stroke-width:1;fill:transparent}.___SAxisLine_1uamc_gg_,.___SAxisTick_1uamc_gg_{stroke-dasharray:2}.___SAxisLine_1uamc_gg_.__active_1uamc_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___SAxisLabel_1uamc_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1uamc_gg_.__xDirection_1uamc_gg_{text-anchor:var(--xDirection_1uamc)}.___SAxisLabel_1uamc_gg_.__yDirection_1uamc_gg_{dominant-baseline:var(--yDirection_1uamc)}.___SPolygonDot_1uamc_gg_,.___SPolygon_1uamc_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPolygon_1uamc_gg_{opacity:.2}.___SPolygon_1uamc_gg_.__color_1uamc_gg_{fill:var(--color_1uamc)}.___SPolygon_1uamc_gg_.__pattern_1uamc_gg_.__color_1uamc_gg_{fill:var(--pattern_1uamc);stroke:var(--color_1uamc);stroke-width:1px}.___SPolygonDot_1uamc_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #fff);r:6px}.___SPolygonDot_1uamc_gg_.__transparent_1uamc_gg_{opacity:.3}.___SPolygonDot_1uamc_gg_.__color_1uamc_gg_{fill:var(--color_1uamc)}.___SPolygonLine_1uamc_gg_{stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke-width:3;fill:transparent}.___SPolygonLine_1uamc_gg_.__transparent_1uamc_gg_{opacity:.3}.___SPolygonLine_1uamc_gg_.__color_1uamc_gg_{stroke:var(--color_1uamc)}.___SPieRect_1uamc_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"1uamc_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAxisLine_4shos_gg_,.___SAxisTick_4shos_gg_,.___SAxis_4shos_gg_{stroke:var(--intergalactic-chart-grid-line,#edefee);stroke-width:1;fill:#0000}.___SAxisLine_4shos_gg_,.___SAxisTick_4shos_gg_{stroke-dasharray:2}.___SAxisLine_4shos_gg_.__active_4shos_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line,#d6d8d7)}.___SAxisLabel_4shos_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_4shos_gg_.__xDirection_4shos_gg_{text-anchor:var(--xDirection_4shos)}.___SAxisLabel_4shos_gg_.__yDirection_4shos_gg_{dominant-baseline:var(--yDirection_4shos)}.___SPolygon_4shos_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);opacity:.2}.___SPolygon_4shos_gg_.__color_4shos_gg_{fill:var(--color_4shos)}.___SPolygon_4shos_gg_.__pattern_4shos_gg_.__color_4shos_gg_{fill:var(--pattern_4shos);stroke:var(--color_4shos);stroke-width:1px}.___SPolygonDot_4shos_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SPolygonDot_4shos_gg_.__transparent_4shos_gg_{opacity:.3}.___SPolygonDot_4shos_gg_.__color_4shos_gg_{fill:var(--color_4shos)}.___SPolygonLine_4shos_gg_{stroke:var(--intergalactic-chart-palette-order-1,#666bdb);stroke-width:3;fill:#0000}.___SPolygonLine_4shos_gg_.__transparent_4shos_gg_{opacity:.3}.___SPolygonLine_4shos_gg_.__color_4shos_gg_{stroke:var(--color_4shos)}.___SPieRect_4shos_gg_{outline:none;fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}", /*__inner_css_end__*/"4shos_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SAxis": "___SAxis_1uamc_gg_",
-  "__SAxisLine": "___SAxisLine_1uamc_gg_",
-  "__SAxisTick": "___SAxisTick_1uamc_gg_",
-  "_active": "__active_1uamc_gg_",
-  "__SAxisLabel": "___SAxisLabel_1uamc_gg_",
-  "_xDirection": "__xDirection_1uamc_gg_",
-  "--xDirection": "--xDirection_1uamc",
-  "_yDirection": "__yDirection_1uamc_gg_",
-  "--yDirection": "--yDirection_1uamc",
-  "__SPolygon": "___SPolygon_1uamc_gg_",
-  "_color": "__color_1uamc_gg_",
-  "--color": "--color_1uamc",
-  "_pattern": "__pattern_1uamc_gg_",
-  "--pattern": "--pattern_1uamc",
-  "__SPolygonDot": "___SPolygonDot_1uamc_gg_",
-  "_transparent": "__transparent_1uamc_gg_",
-  "__SPolygonLine": "___SPolygonLine_1uamc_gg_",
-  "__SPieRect": "___SPieRect_1uamc_gg_"
+  "__SAxis": "___SAxis_4shos_gg_",
+  "__SAxisLine": "___SAxisLine_4shos_gg_",
+  "__SAxisTick": "___SAxisTick_4shos_gg_",
+  "_active": "__active_4shos_gg_",
+  "__SAxisLabel": "___SAxisLabel_4shos_gg_",
+  "_xDirection": "__xDirection_4shos_gg_",
+  "--xDirection": "--xDirection_4shos",
+  "_yDirection": "__yDirection_4shos_gg_",
+  "--yDirection": "--yDirection_4shos",
+  "__SPolygon": "___SPolygon_4shos_gg_",
+  "_color": "__color_4shos_gg_",
+  "--color": "--color_4shos",
+  "_pattern": "__pattern_4shos_gg_",
+  "--pattern": "--pattern_4shos",
+  "__SPolygonDot": "___SPolygonDot_4shos_gg_",
+  "_transparent": "__transparent_4shos_gg_",
+  "__SPolygonLine": "___SPolygonLine_4shos_gg_",
+  "__SPieRect": "___SPieRect_4shos_gg_"
 });
 const clampAngle = angle => {
   angle = angle % (2 * Math.PI);
@@ -762,6 +762,12 @@ function RadarTooltip(props) {
     }, _ref)
   }));
 }
+
+/**
+ * Radar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/radar-chart/radar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/radar-chart/radar-chart-code/|Examples}
+ */
 const Radar = (0, _createElement.default)(RadarRoot, {
   Axis,
   Polygon,