@semcore/d3-chart 16.0.3-prerelease.2 → 16.0.4-prerelease.3

package/lib/cjs/component/ChartLegend/BaseLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.js","names":["_core","require","_hints","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","BaseLegend","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","id","checked","_this$props$onChangeV","_this$props","props","onChangeVisibleItem","call","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_this$props$onMouseEn2","_this$props5","_this$props$onMouseLe2","_this$props4","_this$props$onMouseLe3","_this$props6","_this$props$onMouseEn3","_this$props7","_this$props$onMouseLe4","_this$props8","_inherits2","_createClass2","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","_this$asProps","asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","shape","_this$asProps2$size","size","patterns","_objectSpread2","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd","Component"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import { Component, type Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps } from './BaseLegend.type';\nimport type { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps> extends Component<T> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: T) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onFocusLegendItem: this.onFocusLegendItem(line.checked),\n      onBlurLegendItem: this.onBlurLegendItem,\n      onChangeLegendItem: this.onChangeLegendItem,\n      onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n      patterns,\n    };\n  }\n\n  onChangeLegendItem = (id: LegendItemKey, checked: boolean) => {\n    this.props.onChangeVisibleItem?.(id, checked);\n\n    if (checked) {\n      this.props.onMouseEnterItem?.(id);\n    } else {\n      this.props.onMouseLeaveItem?.(id);\n    }\n  };\n\n  onFocusLegendItem = (checked: boolean) => (id: LegendItemKey) => {\n    if (!checked) {\n      return this.props.onMouseLeaveItem?.(id);\n    }\n\n    this.props.onMouseEnterItem?.(id);\n  };\n\n  onBlurLegendItem = (id: LegendItemKey) => {\n    this.props.onMouseLeaveItem?.(id);\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseLegend.js","names":["_core","require","_hints","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","BaseLegend","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","shape","id","checked","_this$props$onChangeV","_this$props","props","onChangeVisibleItem","call","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_this$props$onMouseEn2","_this$props5","_this$props$onMouseLe2","_this$props4","_this$props$onMouseLe3","_this$props6","_this$props$onMouseEn3","_this$props7","_this$props$onMouseLe4","_this$props8","_inherits2","_createClass2","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","_this$asProps","asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","_this$asProps2$size","size","patterns","_objectSpread2","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd","Component"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import { Component, type Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps } from './BaseLegend.type';\nimport { StaticShapes, type LegendItemKey, type LegendItemProps, type ShapeType } from './LegendItem/LegendItem.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps> extends Component<T> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: T) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onFocusLegendItem: this.onFocusLegendItem(line.checked),\n      onBlurLegendItem: this.onBlurLegendItem,\n      onChangeLegendItem: this.onChangeLegendItem(shape),\n      onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n      patterns,\n    };\n  }\n\n  onChangeLegendItem = (shape: ShapeType) => (id: LegendItemKey, checked: boolean) => {\n    if (shape !== 'Checkbox') return;\n\n    this.props.onChangeVisibleItem?.(id, checked);\n\n    if (checked) {\n      this.props.onMouseEnterItem?.(id);\n    } else {\n      this.props.onMouseLeaveItem?.(id);\n    }\n  };\n\n  onFocusLegendItem = (checked: boolean) => (id: LegendItemKey) => {\n    if (!checked) {\n      return this.props.onMouseLeaveItem?.(id);\n    }\n\n    this.props.onMouseEnterItem?.(id);\n  };\n\n  onBlurLegendItem = (id: LegendItemKey) => {\n    this.props.onMouseLeaveItem?.(id);\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -24,12 +24,12 @@ var _BaseLegend2 = require("../BaseLegend");
 var _LegendItem = require("../LegendItem/LegendItem");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_pc68p_gg_._direction_row_pc68p_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_pc68p_gg_._direction_column_pc68p_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"pc68p_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_2vp15_gg_._direction_row_2vp15_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_2vp15_gg_._direction_column_2vp15_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"2vp15_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendFlex": "___SLegendFlex_pc68p_gg_",
-  "_direction_row": "_direction_row_pc68p_gg_",
-  "_direction_column": "_direction_column_pc68p_gg_"
+  "__SLegendFlex": "___SLegendFlex_2vp15_gg_",
+  "_direction_row": "_direction_row_2vp15_gg_",
+  "_direction_column": "_direction_column_2vp15_gg_"
 });
 var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
   function LegendFlexRoot() {

package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js

@@ -27,25 +27,25 @@ var _utils = require("../../../utils");
 var _excluded = ["id", "checked", "color", "onChangeLegendItem", "shape"];
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendItem_1feua_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1feua_gg_:hover{cursor:pointer}.___SLegendItem_1feua_gg_.__disabled_1feua_gg_:hover{cursor:default}}.___SPointShape_1feua_gg_.__color_1feua_gg_{background-color:var(--color_1feua);margin-right:8px;flex-shrink:0}.___SPointShape_1feua_gg_._shape_Circle_1feua_gg_._size_l_1feua_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Circle_1feua_gg_._size_m_1feua_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Line_1feua_gg_._size_l_1feua_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1feua_gg_._shape_Line_1feua_gg_._size_m_1feua_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1feua_gg_._shape_Square_1feua_gg_._size_l_1feua_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Square_1feua_gg_._size_m_1feua_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Pattern_1feua_gg_{background-color:transparent;margin-right:4px}.___SIcon_1feua_gg_{line-height:0;margin-right:4px}.___SIcon_1feua_gg_._size_l_1feua_gg_{margin-top:4px}.___SIcon_1feua_gg_._size_m_1feua_gg_{margin-top:2px}.___SLabel_1feua_gg_{min-width:0}.___SAdditionalLabel_1feua_gg_._size_l_1feua_gg_,.___SCount_1feua_gg_._size_l_1feua_gg_,.___SLabel_1feua_gg_._size_l_1feua_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1feua_gg_._size_m_1feua_gg_,.___SCount_1feua_gg_._size_m_1feua_gg_,.___SLabel_1feua_gg_._size_m_1feua_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1feua_gg_,.___SCount_1feua_gg_{margin-left:4px}.___SAdditionalLabel_1feua_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1feua_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1feua_gg_._size_l_1feua_gg_::before{margin-top:10px}.___SAdditionalLabel_1feua_gg_._size_m_1feua_gg_::before{margin-top:8px}.___SPatternSymbol_1feua_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1feua_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendItem_1xl13_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1xl13_gg_:hover{cursor:pointer}.___SLegendItem_1xl13_gg_.__disabled_1xl13_gg_:hover{cursor:default}}.___SPointShape_1xl13_gg_.__color_1xl13_gg_{background-color:var(--color_1xl13);margin-right:8px;flex-shrink:0}.___SPointShape_1xl13_gg_._shape_Circle_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Circle_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Line_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1xl13_gg_._shape_Line_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1xl13_gg_._shape_Square_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Square_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Pattern_1xl13_gg_{background-color:transparent;margin-right:4px}.___SIcon_1xl13_gg_{line-height:0;margin-right:4px}.___SIcon_1xl13_gg_._size_l_1xl13_gg_{margin-top:4px}.___SIcon_1xl13_gg_._size_m_1xl13_gg_{margin-top:2px}.___SLabel_1xl13_gg_{min-width:0}.___SAdditionalLabel_1xl13_gg_._size_l_1xl13_gg_,.___SCount_1xl13_gg_._size_l_1xl13_gg_,.___SLabel_1xl13_gg_._size_l_1xl13_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1xl13_gg_._size_m_1xl13_gg_,.___SCount_1xl13_gg_._size_m_1xl13_gg_,.___SLabel_1xl13_gg_._size_m_1xl13_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1xl13_gg_,.___SCount_1xl13_gg_{margin-left:4px}.___SAdditionalLabel_1xl13_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1xl13_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1xl13_gg_._size_l_1xl13_gg_::before{margin-top:10px}.___SAdditionalLabel_1xl13_gg_._size_m_1xl13_gg_::before{margin-top:8px}.___SPatternSymbol_1xl13_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1xl13_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendItem": "___SLegendItem_1feua_gg_",
-  "_disabled": "__disabled_1feua_gg_",
-  "__SPointShape": "___SPointShape_1feua_gg_",
-  "_color": "__color_1feua_gg_",
-  "--color": "--color_1feua",
-  "_shape_Circle": "_shape_Circle_1feua_gg_",
-  "_size_l": "_size_l_1feua_gg_",
-  "_size_m": "_size_m_1feua_gg_",
-  "_shape_Line": "_shape_Line_1feua_gg_",
-  "_shape_Square": "_shape_Square_1feua_gg_",
-  "_shape_Pattern": "_shape_Pattern_1feua_gg_",
-  "__SIcon": "___SIcon_1feua_gg_",
-  "__SLabel": "___SLabel_1feua_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_1feua_gg_",
-  "__SCount": "___SCount_1feua_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_1feua_gg_"
+  "__SLegendItem": "___SLegendItem_1xl13_gg_",
+  "_disabled": "__disabled_1xl13_gg_",
+  "__SPointShape": "___SPointShape_1xl13_gg_",
+  "_color": "__color_1xl13_gg_",
+  "--color": "--color_1xl13",
+  "_shape_Circle": "_shape_Circle_1xl13_gg_",
+  "_size_l": "_size_l_1xl13_gg_",
+  "_size_m": "_size_m_1xl13_gg_",
+  "_shape_Line": "_shape_Line_1xl13_gg_",
+  "_shape_Square": "_shape_Square_1xl13_gg_",
+  "_shape_Pattern": "_shape_Pattern_1xl13_gg_",
+  "__SIcon": "___SIcon_1xl13_gg_",
+  "__SLabel": "___SLabel_1xl13_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1xl13_gg_",
+  "__SCount": "___SCount_1xl13_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1xl13_gg_"
 });
 var enhance = [(0, _resolveColorEnhance["default"])(), (0, _uniqueID["default"])()];
 var LegendItemRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js

@@ -20,14 +20,14 @@ var _BaseLegend2 = require("../BaseLegend");
 var _LegendItem = require("../LegendItem/LegendItem");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendTable_e4nzj_gg_.__columns-count_e4nzj_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_e4nzj_gg_._size_l_e4nzj_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_e4nzj_gg_._size_m_e4nzj_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"e4nzj_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendTable_143bz_gg_.__columns-count_143bz_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_143bz_gg_._size_l_143bz_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_143bz_gg_._size_m_143bz_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"143bz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendTable": "___SLegendTable_e4nzj_gg_",
-  "_columns-count": "__columns-count_e4nzj_gg_",
-  "__SColumnItem": "___SColumnItem_e4nzj_gg_",
-  "_size_l": "_size_l_e4nzj_gg_",
-  "_size_m": "_size_m_e4nzj_gg_"
+  "__SLegendTable": "___SLegendTable_143bz_gg_",
+  "_columns-count": "__columns-count_143bz_gg_",
+  "__SColumnItem": "___SColumnItem_143bz_gg_",
+  "_size_l": "_size_l_143bz_gg_",
+  "_size_m": "_size_m_143bz_gg_"
 });
 var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
   function LegendTableRoot() {

package/lib/cjs/style/bubble.shadow.css

@@ -14,6 +14,10 @@ SBubble {
   }
 }
 
+g[visible='false'] {
+  display: none;
+}
+
 SBubble[color] {
   fill: var(--color);
 }

package/lib/cjs/types/Bubble.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import type { Intergalactic, UnknownProperties } from '@semcore/core';\n\nimport type { Context } from './context';\nimport type { PatternsConfig } from './Pattern';\nimport type { IntergalacticD3Component } from './Plot';\nimport type { TooltipType } from './Tooltip';\n\n/** @deprecated */\nexport interface IBubbleProps extends BubbleProps, UnknownProperties {}\nexport type BubbleProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x: string;\n  /** Field name from `data` array item for the YAxis */\n  y: string;\n  /** Field name from `data` array item for the circle radius */\n  value: string;\n  /** Field name from `data` array item for the circle label */\n  label?: string;\n  /** Circle color */\n  color?: string;\n  /** Cross in the center of the bubble\n   * @default true\n   */\n  markedCross?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IBubbleContext extends BubbleContext, UnknownProperties {}\nexport type BubbleContext = {\n  /** Index element of data */\n  index: number;\n};\n\ndeclare const Bubble: IntergalacticD3Component<Intergalactic.Tag, BubbleProps, BubbleContext> & {\n  Tooltip: TooltipType<\n    BubbleProps & {\n      /**\n       * @deprecated Use `index` instead.\n       */\n      xIndex: number;\n      /**\n       * Index of item in the `data` array used to render related bubble.\n       */\n      index: number;\n    }\n  >;\n};\n\nexport default Bubble;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import type { Intergalactic, UnknownProperties } from '@semcore/core';\n\nimport type { Context } from './context';\nimport type { PatternsConfig } from './Pattern';\nimport type { IntergalacticD3Component } from './Plot';\nimport type { TooltipType } from './Tooltip';\n\n/** @deprecated */\nexport interface IBubbleProps extends BubbleProps, UnknownProperties {}\nexport type BubbleProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x: string;\n  /** Field name from `data` array item for the YAxis */\n  y: string;\n  /** Field name from `data` array item for the circle radius */\n  value: string;\n  /** Field name from `data` array item for the circle label */\n  label?: string;\n  /** Circle color */\n  color?: string;\n  /** Cross in the center of the bubble\n   * @default true\n   */\n  markedCross?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IBubbleContext extends BubbleContext, UnknownProperties {}\nexport type BubbleContext = {\n  /** Index element of data */\n  index: number;\n};\n\nexport type BubbleCircleProps = {\n  /** Item data index */\n  index: number;\n\n  /** Item visibility */\n  visible?: boolean;\n};\n\ndeclare const Bubble: IntergalacticD3Component<Intergalactic.Tag, BubbleProps, BubbleContext> & {\n  Tooltip: TooltipType<\n    BubbleProps & {\n      /**\n       * @deprecated Use `index` instead.\n       */\n      xIndex: number;\n      /**\n       * Index of item in the `data` array used to render related bubble.\n       */\n      index: number;\n    }\n  >;\n  Circle: IntergalacticD3Component<\n    'g',\n    BubbleCircleProps,\n    Context\n  >;\n};\n\nexport default Bubble;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/Area.js

@@ -19,19 +19,19 @@ import createElement from './createElement';
 import Dots from './Dots';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/area.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SArea_5x61l_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_5x61l_gg_.__color_5x61l_gg_{fill:var(--color_5x61l)}.___SArea_5x61l_gg_.__pattern_5x61l_gg_{fill:var(--pattern_5x61l);fill-opacity:.7}.___SArea_5x61l_gg_.__transparent_5x61l_gg_{opacity:.3}.___SAreaLine_5x61l_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_5x61l_gg_.__color_5x61l_gg_{stroke:var(--color_5x61l)}.___SAreaLine_5x61l_gg_.__transparent_5x61l_gg_{opacity:.3}.___SAreaLine_5x61l_gg_,.___SArea_5x61l_gg_{transition-property:d;transition-duration:var(--duration_5x61l);transition-timing-function:ease-in-out}.___SNull_5x61l_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_5x61l_gg_.__hide_5x61l_gg_{display:none}", /*__inner_css_end__*/"5x61l_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SArea_1nqfy_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1nqfy_gg_.__color_1nqfy_gg_{fill:var(--color_1nqfy)}.___SArea_1nqfy_gg_.__pattern_1nqfy_gg_{fill:var(--pattern_1nqfy);fill-opacity:.7}.___SArea_1nqfy_gg_.__transparent_1nqfy_gg_{opacity:.3}.___SAreaLine_1nqfy_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1nqfy_gg_.__color_1nqfy_gg_{stroke:var(--color_1nqfy)}.___SAreaLine_1nqfy_gg_.__transparent_1nqfy_gg_{opacity:.3}.___SAreaLine_1nqfy_gg_,.___SArea_1nqfy_gg_{transition-property:d;transition-duration:var(--duration_1nqfy);transition-timing-function:ease-in-out}.___SNull_1nqfy_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1nqfy_gg_.__hide_1nqfy_gg_{display:none}", /*__inner_css_end__*/"1nqfy_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SArea": "___SArea_5x61l_gg_",
-  "_color": "__color_5x61l_gg_",
-  "--color": "--color_5x61l",
-  "_pattern": "__pattern_5x61l_gg_",
-  "--pattern": "--pattern_5x61l",
-  "_transparent": "__transparent_5x61l_gg_",
-  "__SAreaLine": "___SAreaLine_5x61l_gg_",
-  "--duration": "--duration_5x61l",
-  "__SNull": "___SNull_5x61l_gg_",
-  "_hide": "__hide_5x61l_gg_"
+  "__SArea": "___SArea_1nqfy_gg_",
+  "_color": "__color_1nqfy_gg_",
+  "--color": "--color_1nqfy",
+  "_pattern": "__pattern_1nqfy_gg_",
+  "--pattern": "--pattern_1nqfy",
+  "_transparent": "__transparent_1nqfy_gg_",
+  "__SAreaLine": "___SAreaLine_1nqfy_gg_",
+  "--duration": "--duration_1nqfy",
+  "__SNull": "___SNull_1nqfy_gg_",
+  "_hide": "__hide_1nqfy_gg_"
 });
 import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolateValue } from './utils';
 var AreaRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Axis.js

@@ -13,22 +13,22 @@ import { Component, sstyled } from '@semcore/core';
 import React from 'react';
 import createElement from './createElement';
 /*!__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxis_1k6z3_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1k6z3_gg_.__hide_1k6z3_gg_,.___STick_1k6z3_gg_.__hide_1k6z3_gg_{display:none}.___STick_1k6z3_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1k6z3_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1k6z3_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1k6z3)}.___STitle_1k6z3_gg_._position_top_1k6z3_gg_{text-anchor:middle}.___STitle_1k6z3_gg_._position_bottom_1k6z3_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1k6z3_gg_._position_left_1k6z3_gg_,.___STitle_1k6z3_gg_._position_right_1k6z3_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1k6z3_gg_._position_left_1k6z3_gg_.__verticalWritingMode_1k6z3_gg_,.___STitle_1k6z3_gg_._position_right_1k6z3_gg_.__verticalWritingMode_1k6z3_gg_{writing-mode:vertical-rl;transform:none}.___STick_1k6z3_gg_._position_top_1k6z3_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1k6z3_gg_._position_bottom_1k6z3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1k6z3_gg_._position_right_1k6z3_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1k6z3_gg_._position_left_1k6z3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1k6z3_gg_._position_custom_0_1k6z3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1k6z3_gg_._position_custom_1_1k6z3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}", /*__inner_css_end__*/"1k6z3_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxis_35o1m_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_35o1m_gg_.__hide_35o1m_gg_,.___STick_35o1m_gg_.__hide_35o1m_gg_{display:none}.___STick_35o1m_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_35o1m_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_35o1m_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_35o1m)}.___STitle_35o1m_gg_._position_top_35o1m_gg_{text-anchor:middle}.___STitle_35o1m_gg_._position_bottom_35o1m_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_35o1m_gg_._position_left_35o1m_gg_,.___STitle_35o1m_gg_._position_right_35o1m_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_35o1m_gg_._position_left_35o1m_gg_.__verticalWritingMode_35o1m_gg_,.___STitle_35o1m_gg_._position_right_35o1m_gg_.__verticalWritingMode_35o1m_gg_{writing-mode:vertical-rl;transform:none}.___STick_35o1m_gg_._position_top_35o1m_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_35o1m_gg_._position_bottom_35o1m_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_35o1m_gg_._position_right_35o1m_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_35o1m_gg_._position_left_35o1m_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_35o1m_gg_._position_custom_0_35o1m_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_35o1m_gg_._position_custom_1_35o1m_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}", /*__inner_css_end__*/"35o1m_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SAxis": "___SAxis_1k6z3_gg_",
-  "_hide": "__hide_1k6z3_gg_",
-  "__STick": "___STick_1k6z3_gg_",
-  "__SGrid": "___SGrid_1k6z3_gg_",
-  "__STitle": "___STitle_1k6z3_gg_",
-  "--transform-origin": "--transform-origin_1k6z3",
-  "_position_top": "_position_top_1k6z3_gg_",
-  "_position_bottom": "_position_bottom_1k6z3_gg_",
-  "_position_right": "_position_right_1k6z3_gg_",
-  "_position_left": "_position_left_1k6z3_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_1k6z3_gg_",
-  "_position_custom_0": "_position_custom_0_1k6z3_gg_",
-  "_position_custom_1": "_position_custom_1_1k6z3_gg_"
+  "__SAxis": "___SAxis_35o1m_gg_",
+  "_hide": "__hide_35o1m_gg_",
+  "__STick": "___STick_35o1m_gg_",
+  "__SGrid": "___SGrid_35o1m_gg_",
+  "__STitle": "___STitle_35o1m_gg_",
+  "--transform-origin": "--transform-origin_35o1m",
+  "_position_top": "_position_top_35o1m_gg_",
+  "_position_bottom": "_position_bottom_35o1m_gg_",
+  "_position_right": "_position_right_35o1m_gg_",
+  "_position_left": "_position_left_35o1m_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_35o1m_gg_",
+  "_position_custom_0": "_position_custom_0_35o1m_gg_",
+  "_position_custom_1": "_position_custom_1_35o1m_gg_"
 });
 import { scaleOfBandwidth } from './utils';
 var CUSTOM_0 = Symbol('custom_0');

package/lib/es6/Bar.js

@@ -16,24 +16,24 @@ import AnimatedClipPath from './AnimatedClipPath';
 import createElement from './createElement';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_1e83s_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1e83s);transition-timing-function:ease-in-out}.___SBar_1e83s_gg_.__color_1e83s_gg_{fill:var(--color_1e83s)}.___SBar_1e83s_gg_.__pattern_1e83s_gg_.__color_1e83s_gg_{fill:var(--pattern_1e83s);stroke:var(--color_1e83s);stroke-width:1px}.___SBar_1e83s_gg_.__hide_1e83s_gg_{display:none}.___SBar_1e83s_gg_.__transparent_1e83s_gg_{opacity:.3}.___SBackground_1e83s_gg_.__onClick_1e83s_gg_,.___SBar_1e83s_gg_.__onClick_1e83s_gg_{cursor:pointer}.___SBackground_1e83s_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1e83s_gg_{display:flex;justify-content:space-between}.___SBarLabel_1e83s_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1e83s_gg_,.___SBarPercent_1e83s_gg_,.___SBarValue_1e83s_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1e83s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1e83s_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1e83s_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"1e83s_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_1wzam_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1wzam);transition-timing-function:ease-in-out}.___SBar_1wzam_gg_.__color_1wzam_gg_{fill:var(--color_1wzam)}.___SBar_1wzam_gg_.__pattern_1wzam_gg_.__color_1wzam_gg_{fill:var(--pattern_1wzam);stroke:var(--color_1wzam);stroke-width:1px}.___SBar_1wzam_gg_.__hide_1wzam_gg_{display:none}.___SBar_1wzam_gg_.__transparent_1wzam_gg_{opacity:.3}.___SBackground_1wzam_gg_.__onClick_1wzam_gg_,.___SBar_1wzam_gg_.__onClick_1wzam_gg_{cursor:pointer}.___SBackground_1wzam_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1wzam_gg_{display:flex;justify-content:space-between}.___SBarLabel_1wzam_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1wzam_gg_,.___SBarPercent_1wzam_gg_,.___SBarValue_1wzam_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1wzam_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1wzam_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1wzam_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"1wzam_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBar": "___SBar_1e83s_gg_",
-  "--duration": "--duration_1e83s",
-  "_color": "__color_1e83s_gg_",
-  "--color": "--color_1e83s",
-  "_pattern": "__pattern_1e83s_gg_",
-  "--pattern": "--pattern_1e83s",
-  "_hide": "__hide_1e83s_gg_",
-  "_transparent": "__transparent_1e83s_gg_",
-  "_onClick": "__onClick_1e83s_gg_",
-  "__SBackground": "___SBackground_1e83s_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_1e83s_gg_",
-  "__SBarLabel": "___SBarLabel_1e83s_gg_",
-  "__SBarPercent": "___SBarPercent_1e83s_gg_",
-  "__SBarValue": "___SBarValue_1e83s_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1e83s_gg_"
+  "__SBar": "___SBar_1wzam_gg_",
+  "--duration": "--duration_1wzam",
+  "_color": "__color_1wzam_gg_",
+  "--color": "--color_1wzam",
+  "_pattern": "__pattern_1wzam_gg_",
+  "--pattern": "--pattern_1wzam",
+  "_hide": "__hide_1wzam_gg_",
+  "_transparent": "__transparent_1wzam_gg_",
+  "_onClick": "__onClick_1wzam_gg_",
+  "__SBackground": "___SBackground_1wzam_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_1wzam_gg_",
+  "__SBarLabel": "___SBarLabel_1wzam_gg_",
+  "__SBarPercent": "___SBarPercent_1wzam_gg_",
+  "__SBarValue": "___SBarValue_1wzam_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1wzam_gg_"
 });
 import { scaleToBand, roundedPath } from './utils';
 export var MIN_HEIGHT = 2;

package/lib/es6/Bubble.js

@@ -11,26 +11,29 @@ import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 import { Component, Root, sstyled } from '@semcore/core';
+import findComponent from '@semcore/core/lib/utils/findComponent';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import { transition } from 'd3-transition';
 import React from 'react';
+import { SvgElement } from './component/SvgElement';
 import createElement from './createElement';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBubble_1ybb4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1ybb4);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1ybb4_gg_:hover{opacity:.8}}.___SBubble_1ybb4_gg_.__color_1ybb4_gg_{fill:var(--color_1ybb4)}.___SBubble_1ybb4_gg_.__pattern_1ybb4_gg_.__color_1ybb4_gg_{fill:var(--pattern_1ybb4);stroke:var(--color_1ybb4);stroke-width:1px}.___SBubble_1ybb4_gg_.__transparent_1ybb4_gg_{opacity:.3}.___SCenter_1ybb4_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1ybb4_gg_.__color_1ybb4_gg_{stroke:var(--color_1ybb4)}.___SCenter_1ybb4_gg_.__transparent_1ybb4_gg_{opacity:.3}.___SLabel_1ybb4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1ybb4_gg_._position_right_1ybb4_gg_{text-anchor:end}.___SLabel_1ybb4_gg_._position_left_1ybb4_gg_{text-anchor:start}.___SLabel_1ybb4_gg_.__color_1ybb4_gg_{fill:var(--color_1ybb4)}.___SLabel_1ybb4_gg_.__transparent_1ybb4_gg_{opacity:.3}", /*__inner_css_end__*/"1ybb4_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBubble_f8pe9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_f8pe9);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_f8pe9_gg_:hover{opacity:.8}}g._visible_false_f8pe9_gg_{display:none}.___SBubble_f8pe9_gg_.__color_f8pe9_gg_{fill:var(--color_f8pe9)}.___SBubble_f8pe9_gg_.__pattern_f8pe9_gg_.__color_f8pe9_gg_{fill:var(--pattern_f8pe9);stroke:var(--color_f8pe9);stroke-width:1px}.___SBubble_f8pe9_gg_.__transparent_f8pe9_gg_{opacity:.3}.___SCenter_f8pe9_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_f8pe9_gg_.__color_f8pe9_gg_{stroke:var(--color_f8pe9)}.___SCenter_f8pe9_gg_.__transparent_f8pe9_gg_{opacity:.3}.___SLabel_f8pe9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_f8pe9_gg_._position_right_f8pe9_gg_{text-anchor:end}.___SLabel_f8pe9_gg_._position_left_f8pe9_gg_{text-anchor:start}.___SLabel_f8pe9_gg_.__color_f8pe9_gg_{fill:var(--color_f8pe9)}.___SLabel_f8pe9_gg_.__transparent_f8pe9_gg_{opacity:.3}", /*__inner_css_end__*/"f8pe9_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBubble": "___SBubble_1ybb4_gg_",
-  "_color": "__color_1ybb4_gg_",
-  "--color": "--color_1ybb4",
-  "_pattern": "__pattern_1ybb4_gg_",
-  "--pattern": "--pattern_1ybb4",
-  "_transparent": "__transparent_1ybb4_gg_",
-  "__SCenter": "___SCenter_1ybb4_gg_",
-  "__SLabel": "___SLabel_1ybb4_gg_",
-  "_position_right": "_position_right_1ybb4_gg_",
-  "_position_left": "_position_left_1ybb4_gg_",
-  "--duration": "--duration_1ybb4"
+  "_visible_false": "_visible_false_f8pe9_gg_",
+  "__SBubble": "___SBubble_f8pe9_gg_",
+  "_color": "__color_f8pe9_gg_",
+  "--color": "--color_f8pe9",
+  "_pattern": "__pattern_f8pe9_gg_",
+  "--pattern": "--pattern_f8pe9",
+  "_transparent": "__transparent_f8pe9_gg_",
+  "__SCenter": "___SCenter_f8pe9_gg_",
+  "__SLabel": "___SLabel_f8pe9_gg_",
+  "_position_right": "_position_right_f8pe9_gg_",
+  "_position_left": "_position_left_f8pe9_gg_",
+  "--duration": "--duration_f8pe9"
 });
 import Tooltip from './Tooltip';
 import { getBubbleChartValueScale, measureText } from './utils';
@@ -111,9 +114,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       this.animationCircle();
     }
   }, {
-    key: "renderCircle",
-    value: function renderCircle(d, i) {
-      var _ref2, _d$color;
+    key: "getCircleProps",
+    value: function getCircleProps() {
       var _this$asProps3 = this.asProps,
         color = _this$asProps3.color,
         scale = _this$asProps3.scale,
@@ -131,67 +133,25 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         transparent = _this$asProps3.transparent,
         resolveColor = _this$asProps3.resolveColor,
         patterns = _this$asProps3.patterns;
-      var _scale = _slicedToArray(scale, 2),
-        xScale = _scale[0],
-        yScale = _scale[1];
-      var SBubble = this.Element;
-      var SCenter = 'text';
-      var SLabel = 'text';
-      var z = getBubbleChartValueScale(data, value);
-      var margin = Math.min(xScale.range()[0], xScale.range()[1]);
-      var labelPosition = size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label]) ? 'right' : 'left';
-      var labelDistance = {
-        right: xScale(d[x]) + offset[0] - z(d[value]),
-        left: xScale(d[x]) + offset[0] + z(d[value])
-      }[labelPosition];
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {
-        "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, this.props, {
-          xIndex: i,
-          index: i,
-          patterns: patterns
-        }),
-        "onMouseLeave": this.bindHandlerTooltip(false, this.props, {
-          xIndex: i,
-          index: i,
-          patterns: patterns
-        })
-      }), markedCross && /*#__PURE__*/React.createElement(SCenter, _ref2.cn("SCenter", {
-        "aria-hidden": true,
-        "x": xScale(d[x]) + offset[0],
-        "y": yScale(d[y]) + offset[1],
-        "dy": '.3em',
-        "clipPath": "url(#".concat(uid, ")"),
-        "color": resolveColor((_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color),
-        "transparent": transparent
-      }), "+"), /*#__PURE__*/React.createElement(SBubble, _ref2.cn("SBubble", {
-        "aria-hidden": true,
-        "id": "".concat(uid).concat(uid),
-        "index": i,
-        "render": 'circle',
-        "clipPath": "url(#".concat(uid, ")"),
-        "cx": xScale(d[x]) + offset[0],
-        "cy": yScale(d[y]) + offset[1],
-        "color": resolveColor(d[color]),
-        "pattern": patterns ? "url(#".concat(uid, "-").concat(i, "-pattern)") : undefined,
-        "r": z(d[value]),
-        "use:duration": "".concat(duration, "ms"),
-        "transparent": transparent
-      })), patterns && /*#__PURE__*/React.createElement(PatternFill, _ref2.cn("PatternFill", {
-        "id": "".concat(uid, "-").concat(i, "-pattern"),
-        "patternKey": d[color],
-        "color": resolveColor(d[color]),
-        "patterns": patterns
-      })), d[label] && /*#__PURE__*/React.createElement(SLabel, _ref2.cn("SLabel", {
-        "aria-hidden": true,
-        "x": labelDistance,
-        "y": yScale(d[y]) + offset[1],
-        "dy": '.3em',
-        "clipPath": "url(#".concat(uid, ")"),
-        "position": labelPosition,
-        "color": resolveColor(d[color]),
-        "transparent": transparent
-      }), d[label]));
+      return {
+        color: color,
+        scale: scale,
+        x: x,
+        y: y,
+        offset: offset,
+        styles: styles,
+        uid: uid,
+        duration: duration,
+        value: value,
+        label: label,
+        markedCross: markedCross,
+        size: size,
+        data: data,
+        transparent: transparent,
+        resolveColor: resolveColor,
+        patterns: patterns,
+        bindHandlerTooltip: this.bindHandlerTooltip
+      };
     }
   }, {
     key: "render",
@@ -202,17 +162,24 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         scale = _this$asProps4.scale,
         x = _this$asProps4.x,
         y = _this$asProps4.y,
-        value = _this$asProps4.value;
-      var _scale2 = _slicedToArray(scale, 2),
-        xScale = _scale2[0],
-        yScale = _scale2[1];
+        value = _this$asProps4.value,
+        Children = _this$asProps4.Children;
+      var _scale = _slicedToArray(scale, 2),
+        xScale = _scale[0],
+        yScale = _scale[1];
       var xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);
       var ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);
       var xMargin = Math.min(xScale.range()[0], xScale.range()[1]);
       var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
       this.asProps.dataHintsHandler.establishDataType('points-cloud');
-      return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/React.createElement("clipPath", {
+      var isAdvancedMode = Boolean(findComponent(Children, [Bubble.Circle.displayName]));
+      return /*#__PURE__*/React.createElement(React.Fragment, null, isAdvancedMode ? /*#__PURE__*/React.createElement(Children, null) : data.map(function (_, idx) {
+        return /*#__PURE__*/React.createElement(Bubble.Circle, {
+          key: idx,
+          index: idx
+        });
+      }), /*#__PURE__*/React.createElement("clipPath", {
         "aria-hidden": true,
         id: uid
       }, /*#__PURE__*/React.createElement("rect", {
@@ -234,14 +201,104 @@ _defineProperty(BubbleRoot, "defaultProps", {
 });
 var BubbleTooltip = function BubbleTooltip(props) {
   var _ref = arguments[0],
-    _ref3;
+    _ref2;
   var SBubbleTooltip = Tooltip;
-  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBubbleTooltip, _ref3.cn("SBubbleTooltip", _objectSpread({}, _assignProps({
+  return _ref2 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBubbleTooltip, _ref2.cn("SBubbleTooltip", _objectSpread({}, _assignProps({
     "excludeAnchorProps": true
   }, _ref))));
 };
+function BubbleCircle(props) {
+  var _ref3, _circleData$color;
+  var color = props.color,
+    scale = props.scale,
+    x = props.x,
+    y = props.y,
+    offset = props.offset,
+    styles = props.styles,
+    uid = props.uid,
+    duration = props.duration,
+    value = props.value,
+    label = props.label,
+    markedCross = props.markedCross,
+    size = props.size,
+    data = props.data,
+    transparent = props.transparent,
+    resolveColor = props.resolveColor,
+    patterns = props.patterns,
+    index = props.index,
+    bindHandlerTooltip = props.bindHandlerTooltip,
+    Element = props.Element,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible;
+  var circleData = data[index];
+  if (!circleData) return null;
+  var _scale2 = _slicedToArray(scale, 2),
+    xScale = _scale2[0],
+    yScale = _scale2[1];
+  var SBubble = Element;
+  var SCenter = 'text';
+  var SLabel = 'text';
+  var z = getBubbleChartValueScale(data, value);
+  var margin = Math.min(xScale.range()[0], xScale.range()[1]);
+  var labelPosition = size[0] - 2 * margin - (xScale(circleData[x]) + offset[0] + z(circleData[value])) < measureText(circleData[label]) ? 'right' : 'left';
+  var labelDistance = {
+    right: xScale(circleData[x]) + offset[0] - z(circleData[value]),
+    left: xScale(circleData[x]) + offset[0] + z(circleData[value])
+  }[labelPosition];
+  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SvgElement, _ref3.cn("SvgElement", {
+    "tag": 'g',
+    "key": "circle(#".concat(index, ")"),
+    "onMouseMove": bindHandlerTooltip(true, props, {
+      xIndex: index,
+      index: index,
+      patterns: patterns
+    }),
+    "onMouseLeave": bindHandlerTooltip(false, props, {
+      xIndex: index,
+      index: index,
+      patterns: patterns
+    }),
+    "visible": "".concat(visible)
+  }), markedCross && /*#__PURE__*/React.createElement(SCenter, _ref3.cn("SCenter", {
+    "aria-hidden": true,
+    "x": xScale(circleData[x]) + offset[0],
+    "y": yScale(circleData[y]) + offset[1],
+    "dy": '.3em',
+    "clipPath": "url(#".concat(uid, ")"),
+    "color": resolveColor((_circleData$color = circleData[color]) !== null && _circleData$color !== void 0 ? _circleData$color : color),
+    "transparent": transparent
+  }), "+"), /*#__PURE__*/React.createElement(SBubble, _ref3.cn("SBubble", {
+    "aria-hidden": true,
+    "id": "".concat(uid).concat(uid),
+    "index": index,
+    "render": 'circle',
+    "clipPath": "url(#".concat(uid, ")"),
+    "cx": xScale(circleData[x]) + offset[0],
+    "cy": yScale(circleData[y]) + offset[1],
+    "color": resolveColor(circleData[color]),
+    "pattern": patterns ? "url(#".concat(uid, "-").concat(index, "-pattern)") : undefined,
+    "r": z(circleData[value]),
+    "use:duration": "".concat(duration, "ms"),
+    "transparent": transparent
+  })), patterns && /*#__PURE__*/React.createElement(PatternFill, _ref3.cn("PatternFill", {
+    "id": "".concat(uid, "-").concat(index, "-pattern"),
+    "patternKey": circleData[color],
+    "color": resolveColor(circleData[color]),
+    "patterns": patterns
+  })), circleData[label] && /*#__PURE__*/React.createElement(SLabel, _ref3.cn("SLabel", {
+    "aria-hidden": true,
+    "x": labelDistance,
+    "y": yScale(circleData[y]) + offset[1],
+    "dy": '.3em',
+    "clipPath": "url(#".concat(uid, ")"),
+    "position": labelPosition,
+    "color": resolveColor(circleData[color]),
+    "transparent": transparent
+  }), circleData[label]));
+}
 var Bubble = createElement(BubbleRoot, {
-  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents]
+  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],
+  Circle: BubbleCircle
 });
 export default Bubble;
 //# sourceMappingURL=Bubble.js.map