@semcore/d3-chart 3.61.0-prerelease.1 → 3.61.0-prerelease.5

package/lib/es6/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["React","transition","Component","Root","sstyled","uniqueIDEnhancement","createElement","getBubbleChartValueScale","measureText","Tooltip","PatternFill","style","_sstyled","insert","BubbleRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","visible","props","tooltipProps","_ref4","clientX","clientY","eventEmitter","asProps","emit","_createClass","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","_data$ind","componentDidUpdate","prevProps","_this$asProps2","prevX","prevY","prevValue","prevData","$rootProps","componentDidMount","renderCircle","d","i","_ref2","_d$color","_this$asProps3","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","patterns","_scale","_slicedToArray","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","Math","min","range","labelPosition","labelDistance","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps4","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","_objectSpread","_assignProps","Bubble","_______childrenComponents"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { getBubbleChartValueScale, measureText } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX, clientY }) => {\n    const { eventEmitter } = this.asProps;\n\n    eventEmitter.emit('setTooltipPosition', clientX, clientY);\n    eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);\n    eventEmitter.emit('setTooltipVisible', visible);\n  };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = getBubbleChartValueScale(data, value);\n\n    const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function (_, ind) {\n          return z(data[ind]?.[value]);\n        });\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, x, y, value } = this.asProps;\n    const { x: prevX, y: prevY, value: prevValue } = prevProps;\n    const prevData = prevProps.$rootProps.data;\n\n    if (data !== prevData || x !== prevX || y !== prevY || value !== prevValue) {\n      this.animationCircle();\n    }\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n      transparent,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = getBubbleChartValueScale(data, value);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i, patterns })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i, patterns })}\n      >\n        {markedCross && (\n          <SCenter\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={resolveColor(d[color] ?? color)}\n            transparent={transparent}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          aria-hidden\n          id={`${uid}${uid}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={resolveColor(d[color])}\n          pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${i}-pattern`}\n            patternKey={d[color]}\n            color={resolveColor(d[color])}\n            patterns={patterns}\n          />\n        )}\n        {d[label] && (\n          <SLabel\n            aria-hidden\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={resolveColor(d[color])}\n            transparent={transparent}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <clipPath aria-hidden id={uid}>\n          <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />{' '}\n        </clipPath>\n      </>\n    );\n  }\n}\n\nconst BubbleTooltip = (props) => {\n  const SBubbleTooltip = Root;\n  return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Bubble = createElement(BubbleRoot, {\n  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Bubble;\n"],"mappings":"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"}
+{"version":3,"file":"Bubble.js","names":["Component","Root","sstyled","callAllEventHandlers","findComponent","uniqueIDEnhancement","transition","React","SvgElement","createElement","PatternFill","style","_sstyled","insert","Tooltip","getBubbleChartValueScale","measureText","BubbleRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","visible","props","tooltipProps","_ref4","clientX","clientY","_this$asProps","asProps","eventEmitter","plotId","emit","_inherits","_createClass","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","animationCircle","_this$asProps2","duration","uid","data","z","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","_data$ind","componentDidUpdate","prevProps","_this$asProps3","prevX","prevY","prevValue","prevData","$rootProps","componentDidMount","handlerOnClick","index","_this2","e","stopPropagation","onClick","getCircleProps","_this$asProps4","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","patterns","bindHandlerTooltip","clickable","Boolean","onClickCircleRoot","bind","render","_this$asProps5","Children","_scale","_slicedToArray","xScale","yScale","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","isAdvancedMode","Bubble","Circle","displayName","Fragment","map","idx","id","BubbleTooltip","_ref","arguments[0]","_ref2","SBubbleTooltip","cn","_objectSpread","_assignProps","BubbleCircle","_ref3","_circleData$color","Element","_props$visible","circleData","_scale2","SBubble","SCenter","SLabel","margin","labelPosition","labelDistance","xIndex","_______childrenComponents"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import { Component, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport findComponent from '@semcore/core/lib/utils/findComponent';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { transition } from 'd3-transition';\nimport React from 'react';\n\nimport { SvgElement } from './component/SvgElement';\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/bubble.shadow.css';\nimport Tooltip from './Tooltip';\nimport { getBubbleChartValueScale, measureText } from './utils';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX, clientY }) => {\n    const { eventEmitter, plotId } = this.asProps;\n\n    eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);\n    eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);\n    eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);\n  };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = getBubbleChartValueScale(data, value);\n\n    const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function (_, ind) {\n          return z(data[ind]?.[value]);\n        });\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, x, y, value } = this.asProps;\n    const { x: prevX, y: prevY, value: prevValue } = prevProps;\n    const prevData = prevProps.$rootProps.data;\n\n    if (data !== prevData || x !== prevX || y !== prevY || value !== prevValue) {\n      this.animationCircle();\n    }\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  handlerOnClick(index) {\n    return (e) => {\n      e.stopPropagation();\n\n      const { onClick } = this.asProps;\n\n      onClick?.(index, e);\n    };\n  }\n\n  getCircleProps() {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n      transparent,\n      resolveColor,\n      patterns,\n      onClick,\n    } = this.asProps;\n\n    return {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n      transparent,\n      resolveColor,\n      patterns,\n      bindHandlerTooltip: this.bindHandlerTooltip,\n      clickable: Boolean(onClick),\n      onClickCircleRoot: this.handlerOnClick.bind(this),\n    };\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value, Children } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    const isAdvancedMode = Boolean(findComponent(Children, [Bubble.Circle.displayName]));\n\n    return (\n      <>\n        {isAdvancedMode\n          ? (\n              <Children />\n            )\n          : (\n              data.map((_, idx) => <Bubble.Circle key={idx} index={idx} />)\n            )}\n        <clipPath aria-hidden id={uid}>\n          <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n          {' '}\n        </clipPath>\n      </>\n    );\n  }\n}\n\nfunction BubbleTooltip(props) {\n  const SBubbleTooltip = Root;\n  return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n}\n\nfunction BubbleCircle(props) {\n  const {\n    color,\n    scale,\n    x,\n    y,\n    offset,\n    styles,\n    uid,\n    duration,\n    value,\n    label,\n    markedCross,\n    size,\n    data,\n    transparent,\n    resolveColor,\n    patterns,\n    index,\n    bindHandlerTooltip,\n    Element,\n    visible = true,\n    clickable,\n    onClick,\n    onClickCircleRoot,\n  } = props;\n  const circleData = data[index];\n\n  if (!circleData) return null;\n\n  const [xScale, yScale] = scale;\n\n  const SBubble = Element;\n  const SCenter = 'text';\n  const SLabel = 'text';\n  const z = getBubbleChartValueScale(data, value);\n\n  const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n  const labelPosition =\n    size[0] - 2 * margin - (xScale(circleData[x]) + offset[0] + z(circleData[value])) <\n      measureText(circleData[label])\n      ? 'right'\n      : 'left';\n  const labelDistance = {\n    right: xScale(circleData[x]) + offset[0] - z(circleData[value]),\n    left: xScale(circleData[x]) + offset[0] + z(circleData[value]),\n  }[labelPosition];\n\n  return sstyled(styles)(\n    <SvgElement\n      tag='g'\n      key={`circle(#${index})`}\n      onClickCapture={callAllEventHandlers(onClickCircleRoot(index), onClick)}\n      onMouseMove={bindHandlerTooltip(true, props, { xIndex: index, index, patterns })}\n      onMouseLeave={bindHandlerTooltip(false, props, { xIndex: index, index, patterns })}\n      visible={`${visible}`}\n    >\n      {markedCross && (\n        <SCenter\n          aria-hidden\n          x={xScale(circleData[x]) + offset[0]}\n          y={yScale(circleData[y]) + offset[1]}\n          dy='.3em'\n          clipPath={`url(#${uid})`}\n          color={resolveColor(circleData[color] ?? color)}\n          transparent={transparent}\n        >\n          &#43;\n        </SCenter>\n      )}\n      <SBubble\n        aria-hidden\n        id={`${uid}${uid}`}\n        index={index}\n        render='circle'\n        clipPath={`url(#${uid})`}\n        cx={xScale(circleData[x]) + offset[0]}\n        cy={yScale(circleData[y]) + offset[1]}\n        color={resolveColor(circleData[color])}\n        pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n        r={z(circleData[value])}\n        use:duration={`${duration}ms`}\n        transparent={transparent}\n        clickable={clickable || Boolean(onClick)}\n      />\n      {patterns && (\n        <PatternFill\n          id={`${uid}-${index}-pattern`}\n          patternKey={circleData[color]}\n          color={resolveColor(circleData[color])}\n          patterns={patterns}\n        />\n      )}\n      {circleData[label] && (\n        <SLabel\n          aria-hidden\n          x={labelDistance}\n          y={yScale(circleData[y]) + offset[1]}\n          dy='.3em'\n          clipPath={`url(#${uid})`}\n          position={labelPosition}\n          color={resolveColor(circleData[color])}\n          transparent={transparent}\n        >\n          {circleData[label]}\n        </SLabel>\n      )}\n    </SvgElement>,\n  );\n}\n\nconst Bubble = createElement(BubbleRoot, {\n  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n  Circle: BubbleCircle,\n});\n\nexport default Bubble;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/CompactHorizontalBar.js

@@ -1,69 +1,70 @@
+import _readOnlyError from "@babel/runtime/helpers/readOnlyError";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
+import { Box } from '@semcore/base-components';
 import { Component, Root, sstyled } from '@semcore/core';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
-import createElement from './createElement';
+import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
+import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
+import trottle from '@semcore/core/lib/utils/rafTrottle';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import React from 'react';
 import AnimatedClipPath from './AnimatedClipPath';
-import { roundedPath, scaleToBand } from './utils';
+import createElement from './createElement';
 import { PatternFill } from './Pattern';
-import trottle from '@semcore/utils/lib/rafTrottle';
-import Tooltip from './Tooltip';
-import { eventToPoint } from './utils';
-import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1rguf_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(104, 109, 210));transition-property:height,width,y;transition-duration:var(--duration_1rguf);transition-timing-function:ease-in-out}.___SBar_1rguf_gg_.__color_1rguf_gg_{fill:var(--color_1rguf)}.___SBar_1rguf_gg_.__pattern_1rguf_gg_.__color_1rguf_gg_{fill:var(--pattern_1rguf);stroke:var(--color_1rguf);stroke-width:1px}.___SBar_1rguf_gg_.__hide_1rguf_gg_{display:none}.___SBar_1rguf_gg_.__transparent_1rguf_gg_{opacity:.3}.___SBackground_1rguf_gg_.__onClick_1rguf_gg_,.___SBar_1rguf_gg_.__onClick_1rguf_gg_{cursor:pointer}.___SBackground_1rguf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_1rguf_gg_{display:flex;justify-content:space-between}.___SBarLabel_1rguf_gg_,.___SBarPercent_1rguf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_1rguf_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_1rguf_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_1rguf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_1rguf_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_1rguf_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_1rguf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"1rguf_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_3jzeq_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_3jzeq);transition-timing-function:ease-in-out}.___SBar_3jzeq_gg_.__color_3jzeq_gg_{fill:var(--color_3jzeq)}.___SBar_3jzeq_gg_.__pattern_3jzeq_gg_.__color_3jzeq_gg_{fill:var(--pattern_3jzeq);stroke:var(--color_3jzeq);stroke-width:1px}.___SBar_3jzeq_gg_.__hide_3jzeq_gg_{display:none}.___SBar_3jzeq_gg_.__transparent_3jzeq_gg_{opacity:.3}.___SBackground_3jzeq_gg_.__onClick_3jzeq_gg_,.___SBar_3jzeq_gg_.__onClick_3jzeq_gg_{cursor:pointer}.___SBackground_3jzeq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_3jzeq_gg_{display:flex;justify-content:space-between}.___SBarLabel_3jzeq_gg_,.___SBarPercent_3jzeq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_3jzeq_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_3jzeq_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_3jzeq_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_3jzeq_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_3jzeq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"3jzeq_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBar": "___SBar_1rguf_gg_",
-  "--duration": "--duration_1rguf",
-  "_color": "__color_1rguf_gg_",
-  "--color": "--color_1rguf",
-  "_pattern": "__pattern_1rguf_gg_",
-  "--pattern": "--pattern_1rguf",
-  "_hide": "__hide_1rguf_gg_",
-  "_transparent": "__transparent_1rguf_gg_",
-  "_onClick": "__onClick_1rguf_gg_",
-  "__SBackground": "___SBackground_1rguf_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_1rguf_gg_",
-  "__SBarLabel": "___SBarLabel_1rguf_gg_",
-  "__SBarPercent": "___SBarPercent_1rguf_gg_",
-  "__SBarValue": "___SBarValue_1rguf_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1rguf_gg_"
+  "__SBar": "___SBar_3jzeq_gg_",
+  "--duration": "--duration_3jzeq",
+  "_color": "__color_3jzeq_gg_",
+  "--color": "--color_3jzeq",
+  "_pattern": "__pattern_3jzeq_gg_",
+  "--pattern": "--pattern_3jzeq",
+  "_hide": "__hide_3jzeq_gg_",
+  "_transparent": "__transparent_3jzeq_gg_",
+  "_onClick": "__onClick_3jzeq_gg_",
+  "__SBackground": "___SBackground_3jzeq_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_3jzeq_gg_",
+  "__SBarLabel": "___SBarLabel_3jzeq_gg_",
+  "__SBarPercent": "___SBarPercent_3jzeq_gg_",
+  "__SBarValue": "___SBarValue_3jzeq_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_3jzeq_gg_"
 });
-import canUseDOM from '@semcore/utils/lib/canUseDOM';
-import { Box } from '@semcore/flex-box';
+import Tooltip from './Tooltip';
+import { roundedPath, scaleToBand, eventToPoint } from './utils';
 export var MIN_WIDTH = 4;
 var barHeight = 20;
 var hoverOffset = 6;
 var CompactHorizontalBarRoot = /*#__PURE__*/function (_Component) {
-  _inherits(CompactHorizontalBarRoot, _Component);
-  var _super = _createSuper(CompactHorizontalBarRoot);
   function CompactHorizontalBarRoot() {
     var _this;
     _classCallCheck(this, CompactHorizontalBarRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "percentFormatter", null);
-    _defineProperty(_assertThisInitialized(_this), "percentFormatterLocale", null);
-    _defineProperty(_assertThisInitialized(_this), "valueFormatter", null);
-    _defineProperty(_assertThisInitialized(_this), "valueFormatterLocale", null);
+    _this = _callSuper(this, CompactHorizontalBarRoot, [].concat(args));
+    _defineProperty(_this, "state", {
+      indexToHover: null
+    });
+    _defineProperty(_this, "percentFormatter", null);
+    _defineProperty(_this, "percentFormatterLocale", null);
+    _defineProperty(_this, "valueFormatter", null);
+    _defineProperty(_this, "valueFormatterLocale", null);
     return _this;
   }
-  _createClass(CompactHorizontalBarRoot, [{
+  _inherits(CompactHorizontalBarRoot, _Component);
+  return _createClass(CompactHorizontalBarRoot, [{
     key: "getBarProps",
     value: function getBarProps(_props, index) {
       return {
@@ -203,7 +204,12 @@ var CompactHorizontalBarRoot = /*#__PURE__*/function (_Component) {
         getBarData: function getBarData(index) {
           return _this2.computeBarData(data[index], index);
         },
-        render: index === 0
+        render: index === 0,
+        updateIndexToHover: function updateIndexToHover(index) {
+          return _this2.setState({
+            indexToHover: index
+          });
+        }
       };
     }
   }, {
@@ -211,7 +217,7 @@ var CompactHorizontalBarRoot = /*#__PURE__*/function (_Component) {
     value: function getTooltipProps(_props, index) {
       return {
         render: index === 0,
-        index: index
+        index: this.state.indexToHover
       };
     }
   }, {
@@ -225,7 +231,7 @@ var CompactHorizontalBarRoot = /*#__PURE__*/function (_Component) {
         wMin = _this$asProps7.wMin,
         heightProps = _this$asProps7.height,
         _this$asProps7$maxBar = _this$asProps7.maxBarSize,
-        maxBarSize = _this$asProps7$maxBar === void 0 ? Infinity : _this$asProps7$maxBar,
+        maxBarSize = _this$asProps7$maxBar === void 0 ? Number.POSITIVE_INFINITY : _this$asProps7$maxBar,
         size = _this$asProps7.size;
       var offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;
       var _scale = _slicedToArray(scale, 2),
@@ -286,7 +292,6 @@ var CompactHorizontalBarRoot = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return CompactHorizontalBarRoot;
 }(Component);
 _defineProperty(CompactHorizontalBarRoot, "displayName", 'CompactHorizontalBar');
 _defineProperty(CompactHorizontalBarRoot, "enhance", [uniqueIDEnhancement()]);
@@ -310,7 +315,8 @@ function Annotation(props) {
     "x": '0',
     "y": y - barHeight,
     "height": height,
-    "width": width
+    "width": width,
+    "overflow": 'visible'
   }), /*#__PURE__*/React.createElement(SBarAnnotation, _ref6.cn("SBarAnnotation", {}), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {}))));
 }
 var excludeProps = ['data', 'scale', 'value', 'offset'];
@@ -352,7 +358,7 @@ function Bar(props) {
     transparent = props.transparent,
     hide = props.hide;
   var onClickHandler = React.useCallback(function (event) {
-    onClick === null || onClick === void 0 ? void 0 : onClick(index, event);
+    onClick === null || onClick === void 0 || onClick(index, event);
   }, [onClick, index]);
   var contextValue = React.useMemo(function () {
     return {
@@ -366,7 +372,7 @@ function Bar(props) {
   }, /*#__PURE__*/React.createElement(Children, null));
 }
 function BarFill(props) {
-  var _ref10;
+  var _ref0;
   var SBar = props.Element,
     styles = props.styles,
     color = props.color,
@@ -392,7 +398,7 @@ function BarFill(props) {
     return roundedPath(x, y, width, height, radius, false, true, false, true);
   }, [x, y, height, width, radius]);
   var barProps = React.useContext(BarContext);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (_ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref10.cn("SBar", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (_ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref0.cn("SBar", {
     "aria-hidden": true,
     "render": 'path',
     "d": pathD,
@@ -410,7 +416,7 @@ function BarFill(props) {
     "onClick": callAllEventHandlers(props.onClick, barProps.onClick),
     "transparent": barProps.transparent || props.transparent,
     "hide": barProps.hide || props.hide
-  }))), patterns && /*#__PURE__*/React.createElement(PatternFill, _ref10.cn("PatternFill", {
+  }))), patterns && /*#__PURE__*/React.createElement(PatternFill, _ref0.cn("PatternFill", {
     "id": "".concat(uid, "-").concat(i, "-pattern"),
     "patternKey": color,
     "color": resolveColor(color),
@@ -418,7 +424,7 @@ function BarFill(props) {
   })));
 }
 function BarBackground(props) {
-  var _ref11;
+  var _ref1;
   var SBackground = props.Element,
     styles = props.styles,
     scale = props.scale,
@@ -434,7 +440,7 @@ function BarBackground(props) {
     return roundedPath(x, y, width, height, radius, false, true, false, true);
   }, [x, y, height, width, radius]);
   var barProps = React.useContext(BarContext);
-  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SBackground, _ref11.cn("SBackground", {
+  return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SBackground, _ref1.cn("SBackground", {
     "aria-hidden": true,
     "render": 'path',
     "d": pathD,
@@ -448,26 +454,26 @@ function BarBackground(props) {
   }));
 }
 var Hover = /*#__PURE__*/function (_Component2) {
-  _inherits(Hover, _Component2);
-  var _super2 = _createSuper(Hover);
   function Hover() {
     var _this3;
     _classCallCheck(this, Hover);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this3 = _super2.call.apply(_super2, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this3), "state", {
+    _this3 = _callSuper(this, Hover, [].concat(args));
+    _defineProperty(_this3, "state", {
       index: null
     });
-    _defineProperty(_assertThisInitialized(_this3), "virtualElement", canUseDOM() ? document.createElement('div') : {});
-    _defineProperty(_assertThisInitialized(_this3), "unsubscribeMouseMoveRoot", null);
-    _defineProperty(_assertThisInitialized(_this3), "unsubscribeMouseLeaveRoot", null);
-    _defineProperty(_assertThisInitialized(_this3), "handlerMouseMoveRoot", trottle(function (e) {
+    _defineProperty(_this3, "virtualElement", canUseDOM() ? document.createElement('div') : {});
+    _defineProperty(_this3, "unsubscribeMouseMoveRoot", null);
+    _defineProperty(_this3, "unsubscribeMouseLeaveRoot", null);
+    _defineProperty(_this3, "handlerMouseMoveRoot", trottle(function (e) {
       var _this3$asProps = _this3.asProps,
         eventEmitter = _this3$asProps.eventEmitter,
         rootRef = _this3$asProps.rootRef,
-        patterns = _this3$asProps.patterns;
+        patterns = _this3$asProps.patterns,
+        updateIndexToHover = _this3$asProps.updateIndexToHover,
+        plotId = _this3$asProps.plotId;
       var point = eventToPoint(e, rootRef.current);
       var clientX = e.clientX,
         clientY = e.clientY;
@@ -475,24 +481,30 @@ var Hover = /*#__PURE__*/function (_Component2) {
       _this3.setState({
         index: index
       }, function () {
-        eventEmitter.emit('setTooltipPosition', clientX, clientY);
-        eventEmitter.emit('setTooltipRenderingProps', {}, {
+        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
+        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), {}, {
           index: index,
           patterns: patterns
         });
-        eventEmitter.emit('setTooltipVisible', index !== null);
+        eventEmitter.emit("setTooltipVisible_".concat(plotId), index !== null);
+        updateIndexToHover(index);
       });
     }));
-    _defineProperty(_assertThisInitialized(_this3), "handlerMouseLeaveRoot", trottle(function () {
+    _defineProperty(_this3, "handlerMouseLeaveRoot", trottle(function () {
+      var _this3$asProps2 = _this3.asProps,
+        updateIndexToHover = _this3$asProps2.updateIndexToHover,
+        plotId = _this3$asProps2.plotId;
       _this3.setState({
         index: null
       }, function () {
-        _this3.asProps.eventEmitter.emit('setTooltipVisible', false);
+        _this3.asProps.eventEmitter.emit("setTooltipVisible_".concat(plotId), false);
+        updateIndexToHover(null);
       });
     }));
     return _this3;
   }
-  _createClass(Hover, [{
+  _inherits(Hover, _Component2);
+  return _createClass(Hover, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -511,9 +523,9 @@ var Hover = /*#__PURE__*/function (_Component2) {
   }, {
     key: "getIndex",
     value: function getIndex(point) {
-      var _this$asProps10 = this.asProps,
-        data = _this$asProps10.data,
-        getBarData = _this$asProps10.getBarData;
+      var _this$asProps0 = this.asProps,
+        data = _this$asProps0.data,
+        getBarData = _this$asProps0.getBarData;
       for (var _i = 0; _i < data.length; _i++) {
         var bar = getBarData(_i);
         if (point[0] >= bar.x && point[0] <= bar.x + bar.fullWidth && point[1] >= bar.y && point[1] <= bar.y + bar.height) {
@@ -546,17 +558,17 @@ var Hover = /*#__PURE__*/function (_Component2) {
   }, {
     key: "render",
     value: function render() {
-      var _ref12;
-      var _this$asProps11 = this.asProps,
-        styles = _this$asProps11.styles,
-        getBarData = _this$asProps11.getBarData,
-        render = _this$asProps11.render;
+      var _ref10;
+      var _this$asProps1 = this.asProps,
+        styles = _this$asProps1.styles,
+        getBarData = _this$asProps1.getBarData,
+        render = _this$asProps1.render;
       if (!render) return null;
       var index = this.state.index;
       var SCompactHorizontalBarHoverRect = this.Element;
       if (index === null) return null;
       var bar = getBarData(index);
-      return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SCompactHorizontalBarHoverRect, _ref12.cn("SCompactHorizontalBarHoverRect", {
+      return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SCompactHorizontalBarHoverRect, _ref10.cn("SCompactHorizontalBarHoverRect", {
         "render": 'rect',
         "x": bar.x,
         "y": bar.y + bar.height - barHeight - hoverOffset * 2,
@@ -565,18 +577,18 @@ var Hover = /*#__PURE__*/function (_Component2) {
       }));
     }
   }]);
-  return Hover;
 }(Component);
-var CompactHorizontalBarTooltip = function CompactHorizontalBarTooltip(props) {
+function CompactHorizontalBarTooltip(props) {
   var _ref4 = arguments[0],
-    _ref13;
+    _ref11;
   if (!props.render) return null;
   var SCompactHorizontalBarRadarTooltip = Tooltip;
-  return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SCompactHorizontalBarRadarTooltip, _ref13.cn("SCompactHorizontalBarRadarTooltip", _objectSpread({}, _assignProps4({
+  return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SCompactHorizontalBarRadarTooltip, _ref11.cn("SCompactHorizontalBarRadarTooltip", _objectSpread({}, _assignProps4({
     "tag": CompactHorizontalBar.Hover,
     "excludeAnchorProps": true
   }, _ref4))));
-};
+}
+;
 var CompactHorizontalBar = createElement(CompactHorizontalBarRoot, {
   Annotation: Annotation,
   Label: Label,