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

package/lib/cjs/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_uniqueID","_createElement","_utils","_Tooltip","_Pattern","style","_index","sstyled","insert","BubbleRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","visible","props","tooltipProps","_ref4","clientX","clientY","eventEmitter","asProps","emit","_createClass2","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","getBubbleChartValueScale","selectRect","transition","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","_slicedToArray2","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","Math","min","range","labelPosition","measureText","labelDistance","createElement","cn","bindHandlerTooltip","xIndex","index","PatternFill","render","_this$asProps4","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","Component","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","Tooltip","_objectSpread2","assignProps","Bubble","_______childrenComponents","_default","exports"],"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":["_core","require","_assignProps2","_findComponent","_interopRequireDefault","_uniqueID","_d3Transition","_react","_SvgElement","_createElement","_Pattern","_Tooltip","_utils","style","sstyled","insert","BubbleRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","visible","props","tooltipProps","_ref4","clientX","clientY","_this$asProps","asProps","eventEmitter","plotId","emit","_inherits2","_createClass2","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","animationCircle","_this$asProps2","duration","uid","data","z","getBubbleChartValueScale","selectRect","transition","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","_slicedToArray2","xScale","yScale","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","isAdvancedMode","findComponent","Bubble","Circle","displayName","createElement","Fragment","map","idx","id","Component","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref2","SBubbleTooltip","Tooltip","cn","_objectSpread2","assignProps","BubbleCircle","_ref3","_circleData$color","Element","_props$visible","circleData","_scale2","SBubble","SCenter","SLabel","margin","labelPosition","measureText","labelDistance","SvgElement","callAllEventHandlers","xIndex","PatternFill","_______childrenComponents","_default","exports"],"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/cjs/CompactHorizontalBar.js

@@ -1,72 +1,72 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.MIN_WIDTH = void 0;
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _assignProps5 = require("@semcore/core/lib/utils/assignProps");
+var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
+var _rafTrottle = _interopRequireDefault(require("@semcore/core/lib/utils/rafTrottle"));
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
 var _react = _interopRequireDefault(require("react"));
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-var _createElement = _interopRequireDefault(require("./createElement"));
 var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
-var _utils = require("./utils");
+var _createElement = _interopRequireDefault(require("./createElement"));
 var _Pattern = require("./Pattern");
-var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"));
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-var _assignProps5 = require("@semcore/utils/lib/assignProps");
-var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
-var _flexBox = require("@semcore/flex-box");
+var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBar_of1l0_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_of1l0);transition-timing-function:ease-in-out}.___SBar_of1l0_gg_.__color_of1l0_gg_{fill:var(--color_of1l0)}.___SBar_of1l0_gg_.__pattern_of1l0_gg_.__color_of1l0_gg_{fill:var(--pattern_of1l0);stroke:var(--color_of1l0);stroke-width:1px}.___SBar_of1l0_gg_.__hide_of1l0_gg_{display:none}.___SBar_of1l0_gg_.__transparent_of1l0_gg_{opacity:.3}.___SBackground_of1l0_gg_.__onClick_of1l0_gg_,.___SBar_of1l0_gg_.__onClick_of1l0_gg_{cursor:pointer}.___SBackground_of1l0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_of1l0_gg_{display:flex;justify-content:space-between}.___SBarLabel_of1l0_gg_,.___SBarPercent_of1l0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_of1l0_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_of1l0_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_of1l0_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_of1l0_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_of1l0_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_of1l0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"of1l0_gg_"),
+var style = (/*__reshadow_css_start__*/_core.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_of1l0_gg_",
-  "--duration": "--duration_of1l0",
-  "_color": "__color_of1l0_gg_",
-  "--color": "--color_of1l0",
-  "_pattern": "__pattern_of1l0_gg_",
-  "--pattern": "--pattern_of1l0",
-  "_hide": "__hide_of1l0_gg_",
-  "_transparent": "__transparent_of1l0_gg_",
-  "_onClick": "__onClick_of1l0_gg_",
-  "__SBackground": "___SBackground_of1l0_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_of1l0_gg_",
-  "__SBarLabel": "___SBarLabel_of1l0_gg_",
-  "__SBarPercent": "___SBarPercent_of1l0_gg_",
-  "__SBarValue": "___SBarValue_of1l0_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_of1l0_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_"
 });
-var MIN_WIDTH = 4;
-exports.MIN_WIDTH = MIN_WIDTH;
+var MIN_WIDTH = exports.MIN_WIDTH = 4;
 var barHeight = 20;
 var hoverOffset = 6;
 var CompactHorizontalBarRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(CompactHorizontalBarRoot, _Component);
-  var _super = (0, _createSuper2["default"])(CompactHorizontalBarRoot);
   function CompactHorizontalBarRoot() {
     var _this;
     (0, _classCallCheck2["default"])(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));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "percentFormatter", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "percentFormatterLocale", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "valueFormatter", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "valueFormatterLocale", null);
+    _this = (0, _callSuper2["default"])(this, CompactHorizontalBarRoot, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
+      indexToHover: null
+    });
+    (0, _defineProperty2["default"])(_this, "percentFormatter", null);
+    (0, _defineProperty2["default"])(_this, "percentFormatterLocale", null);
+    (0, _defineProperty2["default"])(_this, "valueFormatter", null);
+    (0, _defineProperty2["default"])(_this, "valueFormatterLocale", null);
     return _this;
   }
-  (0, _createClass2["default"])(CompactHorizontalBarRoot, [{
+  (0, _inherits2["default"])(CompactHorizontalBarRoot, _Component);
+  return (0, _createClass2["default"])(CompactHorizontalBarRoot, [{
     key: "getBarProps",
     value: function getBarProps(_props, index) {
       return {
@@ -206,7 +206,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
+          });
+        }
       };
     }
   }, {
@@ -214,7 +219,7 @@ var CompactHorizontalBarRoot = /*#__PURE__*/function (_Component) {
     value: function getTooltipProps(_props, index) {
       return {
         render: index === 0,
-        index: index
+        index: this.state.indexToHover
       };
     }
   }, {
@@ -228,7 +233,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 = (0, _slicedToArray2["default"])(scale, 2),
@@ -289,7 +294,6 @@ var CompactHorizontalBarRoot = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return CompactHorizontalBarRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(CompactHorizontalBarRoot, "displayName", 'CompactHorizontalBar');
 (0, _defineProperty2["default"])(CompactHorizontalBarRoot, "enhance", [(0, _uniqueID["default"])()]);
@@ -313,14 +317,15 @@ function Annotation(props) {
     "x": '0',
     "y": y - barHeight,
     "height": height,
-    "width": width
+    "width": width,
+    "overflow": 'visible'
   }), /*#__PURE__*/_react["default"].createElement(SBarAnnotation, _ref6.cn("SBarAnnotation", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {}))));
 }
 var excludeProps = ['data', 'scale', 'value', 'offset'];
 function Label(props) {
   var _ref = arguments[0],
     _ref7;
-  var SBarLabel = _flexBox.Box;
+  var SBarLabel = _baseComponents.Box;
   var styles = props.styles,
     Children = props.Children;
   return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBarLabel, _ref7.cn("SBarLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -330,7 +335,7 @@ function Label(props) {
 function Percent(props) {
   var _ref2 = arguments[0],
     _ref8;
-  var SBarPercent = _flexBox.Box;
+  var SBarPercent = _baseComponents.Box;
   var styles = props.styles,
     Children = props.Children;
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBarPercent, _ref8.cn("SBarPercent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -340,7 +345,7 @@ function Percent(props) {
 function Value(props) {
   var _ref3 = arguments[0],
     _ref9;
-  var SBarValue = _flexBox.Box;
+  var SBarValue = _baseComponents.Box;
   var styles = props.styles,
     Children = props.Children;
   return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBarValue, _ref9.cn("SBarValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -355,7 +360,7 @@ function Bar(props) {
     transparent = props.transparent,
     hide = props.hide;
   var onClickHandler = _react["default"].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["default"].useMemo(function () {
     return {
@@ -369,7 +374,7 @@ function Bar(props) {
   }, /*#__PURE__*/_react["default"].createElement(Children, null));
 }
 function BarFill(props) {
-  var _ref10;
+  var _ref0;
   var SBar = props.Element,
     styles = props.styles,
     color = props.color,
@@ -395,7 +400,7 @@ function BarFill(props) {
     return (0, _utils.roundedPath)(x, y, width, height, radius, false, true, false, true);
   }, [x, y, height, width, radius]);
   var barProps = _react["default"].useContext(BarContext);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref10.cn("SBar", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref0.cn("SBar", {
     "aria-hidden": true,
     "render": 'path',
     "d": pathD,
@@ -413,7 +418,7 @@ function BarFill(props) {
     "onClick": (0, _assignProps5.callAllEventHandlers)(props.onClick, barProps.onClick),
     "transparent": barProps.transparent || props.transparent,
     "hide": barProps.hide || props.hide
-  }))), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref10.cn("PatternFill", {
+  }))), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref0.cn("PatternFill", {
     "id": "".concat(uid, "-").concat(i, "-pattern"),
     "patternKey": color,
     "color": resolveColor(color),
@@ -421,7 +426,7 @@ function BarFill(props) {
   })));
 }
 function BarBackground(props) {
-  var _ref11;
+  var _ref1;
   var SBackground = props.Element,
     styles = props.styles,
     scale = props.scale,
@@ -437,7 +442,7 @@ function BarBackground(props) {
     return (0, _utils.roundedPath)(x, y, width, height, radius, false, true, false, true);
   }, [x, y, height, width, radius]);
   var barProps = _react["default"].useContext(BarContext);
-  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBackground, _ref11.cn("SBackground", {
+  return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBackground, _ref1.cn("SBackground", {
     "aria-hidden": true,
     "render": 'path',
     "d": pathD,
@@ -451,26 +456,26 @@ function BarBackground(props) {
   }));
 }
 var Hover = /*#__PURE__*/function (_Component2) {
-  (0, _inherits2["default"])(Hover, _Component2);
-  var _super2 = (0, _createSuper2["default"])(Hover);
   function Hover() {
     var _this3;
     (0, _classCallCheck2["default"])(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));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "state", {
+    _this3 = (0, _callSuper2["default"])(this, Hover, [].concat(args));
+    (0, _defineProperty2["default"])(_this3, "state", {
       index: null
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "unsubscribeMouseMoveRoot", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "unsubscribeMouseLeaveRoot", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "handlerMouseMoveRoot", (0, _rafTrottle["default"])(function (e) {
+    (0, _defineProperty2["default"])(_this3, "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
+    (0, _defineProperty2["default"])(_this3, "unsubscribeMouseMoveRoot", null);
+    (0, _defineProperty2["default"])(_this3, "unsubscribeMouseLeaveRoot", null);
+    (0, _defineProperty2["default"])(_this3, "handlerMouseMoveRoot", (0, _rafTrottle["default"])(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 = (0, _utils.eventToPoint)(e, rootRef.current);
       var clientX = e.clientX,
         clientY = e.clientY;
@@ -478,24 +483,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);
       });
     }));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "handlerMouseLeaveRoot", (0, _rafTrottle["default"])(function () {
+    (0, _defineProperty2["default"])(_this3, "handlerMouseLeaveRoot", (0, _rafTrottle["default"])(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;
   }
-  (0, _createClass2["default"])(Hover, [{
+  (0, _inherits2["default"])(Hover, _Component2);
+  return (0, _createClass2["default"])(Hover, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -514,9 +525,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) {
@@ -549,17 +560,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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCompactHorizontalBarHoverRect, _ref12.cn("SCompactHorizontalBarHoverRect", {
+      return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCompactHorizontalBarHoverRect, _ref10.cn("SCompactHorizontalBarHoverRect", {
         "render": 'rect',
         "x": bar.x,
         "y": bar.y + bar.height - barHeight - hoverOffset * 2,
@@ -568,18 +579,18 @@ var Hover = /*#__PURE__*/function (_Component2) {
       }));
     }
   }]);
-  return Hover;
 }(_core.Component);
-var CompactHorizontalBarTooltip = function CompactHorizontalBarTooltip(props) {
+function CompactHorizontalBarTooltip(props) {
   var _ref4 = arguments[0],
-    _ref13;
+    _ref11;
   if (!props.render) return null;
   var SCompactHorizontalBarRadarTooltip = _Tooltip["default"];
-  return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCompactHorizontalBarRadarTooltip, _ref13.cn("SCompactHorizontalBarRadarTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCompactHorizontalBarRadarTooltip, _ref11.cn("SCompactHorizontalBarRadarTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": CompactHorizontalBar.Hover,
     "excludeAnchorProps": true
   }, _ref4))));
-};
+}
+;
 var CompactHorizontalBar = (0, _createElement["default"])(CompactHorizontalBarRoot, {
   Annotation: Annotation,
   Label: Label,
@@ -592,6 +603,5 @@ var CompactHorizontalBar = (0, _createElement["default"])(CompactHorizontalBarRo
   Hover: Hover,
   Tooltip: [CompactHorizontalBarTooltip, _Tooltip["default"]._______childrenComponents]
 });
-var _default = CompactHorizontalBar;
-exports["default"] = _default;
+var _default = exports["default"] = CompactHorizontalBar;
 //# sourceMappingURL=CompactHorizontalBar.js.map