@semcore/d3-chart 3.21.2 → 3.21.3

package/lib/cjs/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_canUseDOM","_uniqueID","_createElement","_utils","_ClipPath","_Tooltip","style","sstyled","insert","ScatterPlotRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","transition","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","resolveColor","_scale","_slicedToArray2","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","Component","uniqueIDEnhancement","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","Tooltip","_objectSpread2","assignProps","ScatterPlot","_______childrenComponents","_default","exports"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport ClipPath from './ClipPath';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\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: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      r,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      valueColor,\n      transparent,\n      resolveColor,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n\n    return sstyled(styles)(\n      <g\n        aria-hidden\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n      >\n        <SScatterPlot\n          aria-hidden\n          id={`${uid}${i}`}\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(color)}\n          r={r}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[value] !== undefined && (\n          <SValue\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(valueColor)}\n            transparent={transparent}\n          >\n            {d[value]}\n          </SValue>\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\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst ScatterPlotTooltip = (props) => {\n  const SScatterPlotTooltip = Root;\n  return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n  Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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"}
+{"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_canUseDOM","_uniqueID","_createElement","_utils","_Tooltip","style","sstyled","insert","ScatterPlotRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","transition","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","resolveColor","_scale","_slicedToArray2","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","Component","uniqueIDEnhancement","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","Tooltip","_objectSpread2","assignProps","ScatterPlot","_______childrenComponents","_default","exports"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\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: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      r,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      valueColor,\n      transparent,\n      resolveColor,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n\n    return sstyled(styles)(\n      <g\n        aria-hidden\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n      >\n        <SScatterPlot\n          aria-hidden\n          id={`${uid}${i}`}\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(color)}\n          r={r}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[value] !== undefined && (\n          <SValue\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(valueColor)}\n            transparent={transparent}\n          >\n            {d[value]}\n          </SValue>\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 id={uid}>\n          <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n        </clipPath>\n      </>\n    );\n  }\n}\n\nconst ScatterPlotTooltip = (props) => {\n  const SScatterPlotTooltip = Root;\n  return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n  Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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"}

package/lib/cjs/Tooltip.js

@@ -23,14 +23,14 @@ var _utils = require("./utils");
 var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
 var _excluded = ["Children", "children", "tag", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_dgo8s_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_dgo8s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_dgo8s_gg_{display:flex;align-items:center}.___SDot_dgo8s_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_dgo8s_gg_.__color_dgo8s_gg_{background:var(--color_dgo8s)}.___SFooter_dgo8s_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "dgo8s_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_dgo8s_gg_",
-  "__STitle": "___STitle_dgo8s_gg_",
-  "__SDotGroup": "___SDotGroup_dgo8s_gg_",
-  "__SDot": "___SDot_dgo8s_gg_",
-  "_color": "__color_dgo8s_gg_",
-  "--color": "--color_dgo8s",
-  "__SFooter": "___SFooter_dgo8s_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_1i6z3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1i6z3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1i6z3_gg_{display:flex;align-items:center}.___SDot_1i6z3_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1i6z3_gg_.__color_1i6z3_gg_{background:var(--color_1i6z3)}.___SFooter_1i6z3_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1i6z3_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_1i6z3_gg_",
+  "__STitle": "___STitle_1i6z3_gg_",
+  "__SDotGroup": "___SDotGroup_1i6z3_gg_",
+  "__SDot": "___SDot_1i6z3_gg_",
+  "_color": "__color_1i6z3_gg_",
+  "--color": "--color_1i6z3",
+  "__SFooter": "___SFooter_1i6z3_gg_"
 });
 /**
  * `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.

package/lib/cjs/Venn.js

@@ -23,13 +23,13 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_sjt1g_gg_,.___SIntersection_sjt1g_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_sjt1g_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_sjt1g);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_sjt1g_gg_:hover{fill-opacity:.7}}.___SCircle_sjt1g_gg_.__color_sjt1g_gg_{fill:var(--color_sjt1g)}.___SCircle_sjt1g_gg_.__transparent_sjt1g_gg_{opacity:.3}.___SIntersection_sjt1g_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_sjt1g_gg_:hover{fill-opacity:.1}}.___SIntersection_sjt1g_gg_.__transparent_sjt1g_gg_{opacity:.3}" /*__inner_css_end__*/, "sjt1g_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_sjt1g_gg_",
-  "_color": "__color_sjt1g_gg_",
-  "--color": "--color_sjt1g",
-  "_transparent": "__transparent_sjt1g_gg_",
-  "__SIntersection": "___SIntersection_sjt1g_gg_",
-  "--duration": "--duration_sjt1g"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_15mrg_gg_,.___SIntersection_15mrg_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_15mrg_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_15mrg);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_15mrg_gg_:hover{fill-opacity:.7}}.___SCircle_15mrg_gg_.__color_15mrg_gg_{fill:var(--color_15mrg)}.___SCircle_15mrg_gg_.__transparent_15mrg_gg_{opacity:.3}.___SIntersection_15mrg_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_15mrg_gg_:hover{fill-opacity:.1}}.___SIntersection_15mrg_gg_.__transparent_15mrg_gg_{opacity:.3}" /*__inner_css_end__*/, "15mrg_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_15mrg_gg_",
+  "_color": "__color_15mrg_gg_",
+  "--color": "--color_15mrg",
+  "_transparent": "__transparent_15mrg_gg_",
+  "__SIntersection": "___SIntersection_15mrg_gg_",
+  "--duration": "--duration_15mrg"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(VennRoot, _Component);

package/lib/cjs/a11y/PlotA11yModule.js

@@ -16,8 +16,8 @@ var _intergalacticDynamicLocales = require("./translations/module/__intergalacti
 var _WithI18n = require("@semcore/utils/lib/enhances/WithI18n");
 var _flexBox = require("@semcore/flex-box");
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_a9fqn_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_a9fqn_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "a9fqn_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_a9fqn_gg_"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1nssw_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1nssw_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1nssw_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_1nssw_gg_"
 });
 var globalWasFocused = false;
 var globalNavWithKeyboard = false;

package/lib/cjs/a11y/PlotA11yView.js

@@ -21,8 +21,8 @@ var _flexBox = require("@semcore/flex-box");
 var _i18nEnhance = require("@semcore/utils/lib/enhances/i18nEnhance");
 var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_wbcxe_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_wbcxe_gg_:focus,.___SPlotA11yView_wbcxe_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_wbcxe_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_wbcxe_gg_ table,.___SPlotA11yView_wbcxe_gg_ td,.___SPlotA11yView_wbcxe_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "wbcxe_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_wbcxe_gg_"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_uu9a2_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_uu9a2_gg_:focus,.___SPlotA11yView_uu9a2_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_uu9a2_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_uu9a2_gg_ table,.___SPlotA11yView_uu9a2_gg_ td,.___SPlotA11yView_uu9a2_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "uu9a2_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_uu9a2_gg_"
 });
 var PlotA11yView = function PlotA11yView(_ref3) {
   var _ref = arguments[0],

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

@@ -22,10 +22,10 @@ var _BaseLegend2 = require("../BaseLegend");
 var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_ba139_gg_._direction_row_ba139_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_ba139_gg_._direction_column_ba139_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "ba139_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_ba139_gg_",
-  "_direction_row": "_direction_row_ba139_gg_",
-  "_direction_column": "_direction_column_ba139_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_i7qfw_gg_._direction_row_i7qfw_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_i7qfw_gg_._direction_column_i7qfw_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "i7qfw_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_i7qfw_gg_",
+  "_direction_row": "_direction_row_i7qfw_gg_",
+  "_direction_column": "_direction_column_i7qfw_gg_"
 });
 var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);

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

@@ -22,21 +22,21 @@ var _LegendItem = require("./LegendItem.type");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 var _excluded = ["color"];
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1v8x0_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1v8x0_gg_:hover{cursor:pointer}.___SLegendItem_1v8x0_gg_.__disabled_1v8x0_gg_:hover{cursor:default}}.___SPointShape_1v8x0_gg_.__color_1v8x0_gg_{background-color:var(--color_1v8x0);margin-right:8px;flex-shrink:0}.___SPointShape_1v8x0_gg_._shape_Circle_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Circle_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Line_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1v8x0_gg_._shape_Line_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1v8x0_gg_._shape_Square_1v8x0_gg_._size_l_1v8x0_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1v8x0_gg_._shape_Square_1v8x0_gg_._size_m_1v8x0_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1v8x0_gg_{line-height:0;margin-right:4px}.___SIcon_1v8x0_gg_._size_l_1v8x0_gg_{margin-top:4px}.___SIcon_1v8x0_gg_._size_m_1v8x0_gg_{margin-top:2px}.___SLabel_1v8x0_gg_{min-width:0}.___SAdditionalLabel_1v8x0_gg_._size_l_1v8x0_gg_,.___SCount_1v8x0_gg_._size_l_1v8x0_gg_,.___SLabel_1v8x0_gg_._size_l_1v8x0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1v8x0_gg_._size_m_1v8x0_gg_,.___SCount_1v8x0_gg_._size_m_1v8x0_gg_,.___SLabel_1v8x0_gg_._size_m_1v8x0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1v8x0_gg_,.___SCount_1v8x0_gg_{margin-left:4px}.___SAdditionalLabel_1v8x0_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1v8x0_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1v8x0_gg_._size_l_1v8x0_gg_::before{margin-top:10px}.___SAdditionalLabel_1v8x0_gg_._size_m_1v8x0_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1v8x0_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_1v8x0_gg_",
-  "_disabled": "__disabled_1v8x0_gg_",
-  "__SPointShape": "___SPointShape_1v8x0_gg_",
-  "_color": "__color_1v8x0_gg_",
-  "--color": "--color_1v8x0",
-  "_shape_Circle": "_shape_Circle_1v8x0_gg_",
-  "_size_l": "_size_l_1v8x0_gg_",
-  "_size_m": "_size_m_1v8x0_gg_",
-  "_shape_Line": "_shape_Line_1v8x0_gg_",
-  "_shape_Square": "_shape_Square_1v8x0_gg_",
-  "__SIcon": "___SIcon_1v8x0_gg_",
-  "__SLabel": "___SLabel_1v8x0_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_1v8x0_gg_",
-  "__SCount": "___SCount_1v8x0_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1huks_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1huks_gg_:hover{cursor:pointer}.___SLegendItem_1huks_gg_.__disabled_1huks_gg_:hover{cursor:default}}.___SPointShape_1huks_gg_.__color_1huks_gg_{background-color:var(--color_1huks);margin-right:8px;flex-shrink:0}.___SPointShape_1huks_gg_._shape_Circle_1huks_gg_._size_l_1huks_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1huks_gg_._shape_Circle_1huks_gg_._size_m_1huks_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1huks_gg_._shape_Line_1huks_gg_._size_l_1huks_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1huks_gg_._shape_Line_1huks_gg_._size_m_1huks_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1huks_gg_._shape_Square_1huks_gg_._size_l_1huks_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1huks_gg_._shape_Square_1huks_gg_._size_m_1huks_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1huks_gg_{line-height:0;margin-right:4px}.___SIcon_1huks_gg_._size_l_1huks_gg_{margin-top:4px}.___SIcon_1huks_gg_._size_m_1huks_gg_{margin-top:2px}.___SLabel_1huks_gg_{min-width:0}.___SAdditionalLabel_1huks_gg_._size_l_1huks_gg_,.___SCount_1huks_gg_._size_l_1huks_gg_,.___SLabel_1huks_gg_._size_l_1huks_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1huks_gg_._size_m_1huks_gg_,.___SCount_1huks_gg_._size_m_1huks_gg_,.___SLabel_1huks_gg_._size_m_1huks_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1huks_gg_,.___SCount_1huks_gg_{margin-left:4px}.___SAdditionalLabel_1huks_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1huks_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1huks_gg_._size_l_1huks_gg_::before{margin-top:10px}.___SAdditionalLabel_1huks_gg_._size_m_1huks_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1huks_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_1huks_gg_",
+  "_disabled": "__disabled_1huks_gg_",
+  "__SPointShape": "___SPointShape_1huks_gg_",
+  "_color": "__color_1huks_gg_",
+  "--color": "--color_1huks",
+  "_shape_Circle": "_shape_Circle_1huks_gg_",
+  "_size_l": "_size_l_1huks_gg_",
+  "_size_m": "_size_m_1huks_gg_",
+  "_shape_Line": "_shape_Line_1huks_gg_",
+  "_shape_Square": "_shape_Square_1huks_gg_",
+  "__SIcon": "___SIcon_1huks_gg_",
+  "__SLabel": "___SLabel_1huks_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1huks_gg_",
+  "__SCount": "___SCount_1huks_gg_"
 });
 var LegendItemRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LegendItemRoot, _Component);

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

@@ -18,12 +18,12 @@ var _flexBox = require("@semcore/flex-box");
 var _LegendItem = require("../LegendItem/LegendItem");
 var _BaseLegend2 = require("../BaseLegend");
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_rzbji_gg_.__columns-count_rzbji_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_rzbji_gg_._size_l_rzbji_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_rzbji_gg_._size_m_rzbji_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "rzbji_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_rzbji_gg_",
-  "_columns-count": "__columns-count_rzbji_gg_",
-  "__SColumnItem": "___SColumnItem_rzbji_gg_",
-  "_size_l": "_size_l_rzbji_gg_",
-  "_size_m": "_size_m_rzbji_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_q8xjx_gg_.__columns-count_q8xjx_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_q8xjx_gg_._size_l_q8xjx_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_q8xjx_gg_._size_m_q8xjx_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "q8xjx_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_q8xjx_gg_",
+  "_columns-count": "__columns-count_q8xjx_gg_",
+  "__SColumnItem": "___SColumnItem_q8xjx_gg_",
+  "_size_l": "_size_l_q8xjx_gg_",
+  "_size_m": "_size_m_q8xjx_gg_"
 });
 var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);

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

@@ -9,7 +9,6 @@ SDots {
 SDot {
   stroke-width: 2px;
   stroke: var(--intergalactic-chart-grid-border, #ffffff);
-  r: var(--radius);
   fill: var(--intergalactic-chart-palette-order-1, #2bb3ff);
   transition-property: cx, cy;
   transition-timing-function: ease-in-out;
@@ -19,10 +18,6 @@ SDot[hide] {
   display: none;
 }
 
-SDot[active] {
-  r: calc(var(--radius) * 8/6);
-}
-
 SDot[color] {
   fill: var(--color);
 }

package/lib/es6/AnimatedClipPath.js

@@ -0,0 +1,53 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["id", "transition", "tag", "style", "className"];
+import React from 'react';
+import createComponent, { Component } from '@semcore/core';
+import propsForElement from '@semcore/utils/lib/propsForElement';
+var AnimatedClipPath = /*#__PURE__*/function (_Component) {
+  _inherits(AnimatedClipPath, _Component);
+  var _super = _createSuper(AnimatedClipPath);
+  function AnimatedClipPath() {
+    _classCallCheck(this, AnimatedClipPath);
+    return _super.apply(this, arguments);
+  }
+  _createClass(AnimatedClipPath, [{
+    key: "render",
+    value: function render() {
+      var _this$asProps = this.asProps,
+        id = _this$asProps.id,
+        transition = _this$asProps.transition,
+        Tag = _this$asProps.tag,
+        style = _this$asProps.style,
+        className = _this$asProps.className,
+        other = _objectWithoutProperties(_this$asProps, _excluded);
+      var duration = typeof this.asProps.duration === 'number' ? "".concat(this.asProps.duration, "ms") : this.asProps.duration;
+      return /*#__PURE__*/React.createElement("clipPath", {
+        "aria-hidden": true,
+        ref: this.refClipPath,
+        id: id
+      }, /*#__PURE__*/React.createElement("rect", {
+        x: 0,
+        y: 0,
+        width: "100%",
+        height: "100%"
+      }, /*#__PURE__*/React.createElement("animate", _extends({
+        dur: duration
+      }, propsForElement(other, Tag)))));
+    }
+  }]);
+  return AnimatedClipPath;
+}(Component);
+_defineProperty(AnimatedClipPath, "defaultProps", {
+  tag: 'rect',
+  duration: 500,
+  attributeName: 'width',
+  values: '0;100%'
+});
+export default createComponent(AnimatedClipPath);
+//# sourceMappingURL=AnimatedClipPath.js.map

package/lib/es6/AnimatedClipPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedClipPath.js","names":["React","createComponent","Component","propsForElement","AnimatedClipPath","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_this$asProps","asProps","id","transition","Tag","tag","style","className","other","_objectWithoutProperties","_excluded","duration","concat","createElement","ref","refClipPath","x","y","width","height","_extends","dur","_defineProperty","attributeName","values"],"sources":["../../src/AnimatedClipPath.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nclass AnimatedClipPath extends Component {\n  static defaultProps = {\n    tag: 'rect',\n    duration: 500,\n    attributeName: 'width',\n    values: '0;100%',\n  };\n\n  render() {\n    const { id, transition, tag: Tag, style, className, ...other } = this.asProps;\n    const duration =\n      typeof this.asProps.duration === 'number'\n        ? `${this.asProps.duration}ms`\n        : this.asProps.duration;\n    return (\n      <clipPath aria-hidden ref={this.refClipPath} id={id}>\n        <rect x={0} y={0} width='100%' height='100%'>\n          <animate dur={duration} {...propsForElement(other, Tag)} />\n        </rect>\n      </clipPath>\n    );\n  }\n}\n\nexport default createComponent(AnimatedClipPath);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,QAAQ,eAAe;AAC1D,OAAOC,eAAe,MAAM,oCAAoC;AAAC,IAE3DC,gBAAgB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAAK,eAAA,OAAAL,gBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,gBAAA;IAAAS,GAAA;IAAAC,KAAA,EAQpB,SAAAC,OAAA,EAAS;MACP,IAAAC,aAAA,GAAiE,IAAI,CAACC,OAAO;QAArEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,UAAU,GAAAH,aAAA,CAAVG,UAAU;QAAOC,GAAG,GAAAJ,aAAA,CAARK,GAAG;QAAOC,KAAK,GAAAN,aAAA,CAALM,KAAK;QAAEC,SAAS,GAAAP,aAAA,CAATO,SAAS;QAAKC,KAAK,GAAAC,wBAAA,CAAAT,aAAA,EAAAU,SAAA;MAC5D,IAAMC,QAAQ,GACZ,OAAO,IAAI,CAACV,OAAO,CAACU,QAAQ,KAAK,QAAQ,MAAAC,MAAA,CAClC,IAAI,CAACX,OAAO,CAACU,QAAQ,UACxB,IAAI,CAACV,OAAO,CAACU,QAAQ;MAC3B,oBACE3B,KAAA,CAAA6B,aAAA;QAAU,mBAAW;QAACC,GAAG,EAAE,IAAI,CAACC,WAAY;QAACb,EAAE,EAAEA;MAAG,gBAClDlB,KAAA,CAAA6B,aAAA;QAAMG,CAAC,EAAE,CAAE;QAACC,CAAC,EAAE,CAAE;QAACC,KAAK,EAAC,MAAM;QAACC,MAAM,EAAC;MAAM,gBAC1CnC,KAAA,CAAA6B,aAAA,YAAAO,QAAA;QAASC,GAAG,EAAEV;MAAS,GAAKxB,eAAe,CAACqB,KAAK,EAAEJ,GAAG,CAAC,EAAI,CACtD,CACE;IAEf;EAAC;EAAA,OAAAhB,gBAAA;AAAA,EArB4BF,SAAS;AAAAoC,eAAA,CAAlClC,gBAAgB,kBACE;EACpBiB,GAAG,EAAE,MAAM;EACXM,QAAQ,EAAE,GAAG;EACbY,aAAa,EAAE,OAAO;EACtBC,MAAM,EAAE;AACV,CAAC;AAkBH,eAAevC,eAAe,CAACG,gBAAgB,CAAC"}

package/lib/es6/Area.js

@@ -13,17 +13,17 @@ import findComponent from '@semcore/utils/lib/findComponent';
 import Dots from './Dots';
 import createElement from './createElement';
 import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolateValue } from './utils';
-import ClipPath from './ClipPath';
+import AnimatedClipPath from './AnimatedClipPath';
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_z7pbn_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_z7pbn_gg_.__color_z7pbn_gg_{fill:var(--color_z7pbn)}.___SArea_z7pbn_gg_.__transparent_z7pbn_gg_{opacity:.3}.___SAreaLine_z7pbn_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_z7pbn_gg_.__color_z7pbn_gg_{stroke:var(--color_z7pbn)}.___SAreaLine_z7pbn_gg_.__transparent_z7pbn_gg_{opacity:.3}.___SAreaLine_z7pbn_gg_,.___SArea_z7pbn_gg_{transition-property:d;transition-duration:var(--duration_z7pbn);transition-timing-function:ease-in-out}.___SNull_z7pbn_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_z7pbn_gg_.__hide_z7pbn_gg_{display:none}" /*__inner_css_end__*/, "z7pbn_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_z7pbn_gg_",
-  "_color": "__color_z7pbn_gg_",
-  "--color": "--color_z7pbn",
-  "_transparent": "__transparent_z7pbn_gg_",
-  "__SAreaLine": "___SAreaLine_z7pbn_gg_",
-  "--duration": "--duration_z7pbn",
-  "__SNull": "___SNull_z7pbn_gg_",
-  "_hide": "__hide_z7pbn_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_88bu6_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_88bu6_gg_.__color_88bu6_gg_{fill:var(--color_88bu6)}.___SArea_88bu6_gg_.__transparent_88bu6_gg_{opacity:.3}.___SAreaLine_88bu6_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_88bu6_gg_.__color_88bu6_gg_{stroke:var(--color_88bu6)}.___SAreaLine_88bu6_gg_.__transparent_88bu6_gg_{opacity:.3}.___SAreaLine_88bu6_gg_,.___SArea_88bu6_gg_{transition-property:d;transition-duration:var(--duration_88bu6);transition-timing-function:ease-in-out}.___SNull_88bu6_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_88bu6_gg_.__hide_88bu6_gg_{display:none}" /*__inner_css_end__*/, "88bu6_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_88bu6_gg_",
+  "_color": "__color_88bu6_gg_",
+  "--color": "--color_88bu6",
+  "_transparent": "__transparent_88bu6_gg_",
+  "__SAreaLine": "___SAreaLine_88bu6_gg_",
+  "--duration": "--duration_88bu6",
+  "__SNull": "___SNull_88bu6_gg_",
+  "_hide": "__hide_88bu6_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   _inherits(AreaRoot, _Component);
@@ -136,17 +136,11 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         "color": resolveColor(color),
         "use:duration": "".concat(duration, "ms"),
         "transparent": transparent
-      })), duration && /*#__PURE__*/React.createElement(ClipPath, _ref.cn("ClipPath", {
-        "aria-hidden": true,
-        "setAttributeTag": function setAttributeTag(rect) {
-          rect.setAttribute('width', size[0]);
-        },
+      })), duration && /*#__PURE__*/React.createElement(AnimatedClipPath, _ref.cn("AnimatedClipPath", {
+        "duration": duration,
         "id": uid,
-        "x": '0',
-        "y": '0',
         "width": 0,
-        "height": size[1],
-        "transition": "width ".concat(duration, "ms ease-in-out")
+        "height": size[1]
       })));
     }
   }]);

package/lib/es6/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","interpolateValue","ClipPath","style","_sstyled","insert","AreaRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","resolveColor","data","filter","item","d3","getNullProps","_this$asProps2","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","forcedAdvancedMode","advancedMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref4","y0","$rootProps","_ref4$curve","curve","scale","_ref5","_ref6","_slicedToArray","xScale","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n  definedData,\n  scaleOfBandwidth,\n  getNullData,\n  definedNullData,\n  interpolateValue,\n} from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, d3Line, transparent, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, resolveColor, d3Line } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n      resolveColor,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n      forcedAdvancedMode,\n      resolveColor,\n    } = this.asProps;\n    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advancedMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={resolveColor(color)}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          d={d3(data)}\n          hide={hide}\n          color={resolveColor(color)}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const {\n    Element: SAreaLine,\n    styles,\n    d3,\n    data,\n    color,\n    resolveColor,\n    duration,\n    uid,\n    transparent,\n  } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render='path'\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={resolveColor(color)}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n  );\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,WAAW,EAAEC,IAAI,QAAQ,UAAU;AAClD,SAASC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AAClD,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,aAAa,MAAM,kCAAkC;AAC5D,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SACEC,WAAW,EACXC,gBAAgB,EAChBC,WAAW,EACXC,eAAe,EACfC,gBAAgB,QACX,SAAS;AAChB,OAAOC,QAAQ,MAAM,YAAY;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5BC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAAK,eAAA,OAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EAyBZ,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA2D,IAAI,CAACC,OAAO;QAA/DC,CAAC,GAAAF,aAAA,CAADE,CAAC;QAAEC,CAAC,GAAAH,aAAA,CAADG,CAAC;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,MAAM,GAAAL,aAAA,CAANK,MAAM;QAAEC,WAAW,GAAAN,aAAA,CAAXM,WAAW;QAAEC,YAAY,GAAAP,aAAA,CAAZO,YAAY;MACtD,IAAMC,IAAI,GAAG,IAAI,CAACP,OAAO,CAACO,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACP,CAAC,CAAC,KAAKpB,gBAAgB;MAAA,EAAC;MAE7E,OAAO;QACLmB,CAAC,EAADA,CAAC;QACDC,CAAC,EAADA,CAAC;QACDK,IAAI,EAAJA,IAAI;QACJG,EAAE,EAAEN,MAAM;QACVD,KAAK,EAALA,KAAK;QACLG,YAAY,EAAZA,YAAY;QACZD,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAc,aAAA,EAAe;MACb,IAAAC,cAAA,GAA8C,IAAI,CAACZ,OAAO;QAAlDC,CAAC,GAAAW,cAAA,CAADX,CAAC;QAAEC,CAAC,GAAAU,cAAA,CAADV,CAAC;QAAEC,KAAK,GAAAS,cAAA,CAALT,KAAK;QAAEG,YAAY,GAAAM,cAAA,CAAZN,YAAY;QAAEF,MAAM,GAAAQ,cAAA,CAANR,MAAM;MACzC,IAAMG,IAAI,GAAG,IAAI,CAACP,OAAO,CAACO,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACP,CAAC,CAAC,KAAKpB,gBAAgB;MAAA,EAAC;MAE7E,OAAO;QACLyB,IAAI,EAAE3B,WAAW,CAAC2B,IAAI,EAAE1B,eAAe,CAACoB,CAAC,EAAEC,CAAC,CAAC,EAAEA,CAAC,CAAC;QACjDQ,EAAE,EAAEN,MAAM;QACVD,KAAK,EAALA,KAAK;QACLG,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAgB,aAAA,EAAe;MACb,IAAAC,cAAA,GAA6D,IAAI,CAACd,OAAO;QAAjEe,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEZ,KAAK,GAAAW,cAAA,CAALX,KAAK;QAAEG,YAAY,GAAAQ,cAAA,CAAZR,YAAY;QAAEC,IAAI,GAAAO,cAAA,CAAJP,IAAI;QAAEH,MAAM,GAAAU,cAAA,CAANV,MAAM;QAAEY,GAAG,GAAAF,cAAA,CAAHE,GAAG;MAExD,OAAO;QACLA,GAAG,EAAHA,GAAG;QACHT,IAAI,EAAJA,IAAI;QACJG,EAAE,EAAEN,MAAM;QACVD,KAAK,EAALA,KAAK;QACLG,YAAY,EAAZA,YAAY;QACZS,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAoB,OAAA,EAAS;MAAA,IAAAC,IAAA;MACP,IAAMC,KAAK,GAAG,IAAI,CAACC,OAAO;MAC1B,IAAMC,SAAS,GAAG,MAAM;MACxB,IAAAC,cAAA,GAeI,IAAI,CAACtB,OAAO;QAdduB,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNC,IAAI,GAAAF,cAAA,CAAJE,IAAI;QACJd,EAAE,GAAAY,cAAA,CAAFZ,EAAE;QACFN,MAAM,GAAAkB,cAAA,CAANlB,MAAM;QACND,KAAK,GAAAmB,cAAA,CAALnB,KAAK;QACLa,GAAG,GAAAM,cAAA,CAAHN,GAAG;QACHS,IAAI,GAAAH,cAAA,CAAJG,IAAI;QACJV,QAAQ,GAAAO,cAAA,CAARP,QAAQ;QACRd,CAAC,GAAAqB,cAAA,CAADrB,CAAC;QACDC,CAAC,GAAAoB,cAAA,CAADpB,CAAC;QACDwB,QAAQ,GAAAJ,cAAA,CAARI,QAAQ;QACRrB,WAAW,GAAAiB,cAAA,CAAXjB,WAAW;QACXsB,kBAAkB,GAAAL,cAAA,CAAlBK,kBAAkB;QAClBrB,YAAY,GAAAgB,cAAA,CAAZhB,YAAY;MAEd,IAAMsB,YAAY,GAAGD,kBAAkB,IAAI,CAAC,CAACpD,aAAa,CAACmD,QAAQ,EAAE,CAACG,IAAI,CAACC,IAAI,CAACC,WAAW,CAAC,CAAC;MAC7F,IAAMxB,IAAI,GAAG,IAAI,CAACP,OAAO,CAACO,IAAI,CAACC,MAAM,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACP,CAAC,CAAC,KAAKpB,gBAAgB;MAAA,EAAC;MAE7E,IAAI,CAACkB,OAAO,CAACgC,gBAAgB,CAACC,oBAAoB,CAAChC,CAAC,EAAEC,CAAC,CAAC;MACxD,IAAI,CAACF,OAAO,CAACgC,gBAAgB,CAACE,iBAAiB,CAAC,aAAa,CAAC;MAE9D,OAAAhB,IAAA,GAAO7C,OAAO,CAACkD,MAAM,CAAC,eACpBvD,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAmE,QAAA,QACG,CAACP,YAAY,iBACZ5D,KAAA,CAAAS,aAAA,CAAC4C,SAAS,EAAAH,IAAA,CAAAkB,EAAA;QAAA;QAAA,oBAAAC,MAAA,CAEUrB,GAAG;QAAA,KAClBZ,MAAM,CAACG,IAAI,CAAC;QAAA,SACRD,YAAY,CAACH,KAAK,CAAC;QAAA,mBAAAkC,MAAA,CACTtB,QAAQ;QAAA,eACZV;MAAW,GAE3B,eACDrC,KAAA,CAAAS,aAAA,CAAC0C,KAAK,EAAAD,IAAA,CAAAkB,EAAA;QAAA;QAAA,oBAAAC,MAAA,CAEcrB,GAAG;QAAA,UACd,MAAM;QAAA,KACVN,EAAE,CAACH,IAAI,CAAC;QAAA,QACLiB,IAAI;QAAA,SACHlB,YAAY,CAACH,KAAK,CAAC;QAAA,mBAAAkC,MAAA,CACTtB,QAAQ;QAAA,eACZV;MAAW,GACxB,EACDU,QAAQ,iBACP/C,KAAA,CAAAS,aAAA,CAACM,QAAQ,EAAAmC,IAAA,CAAAkB,EAAA;QAAA;QAAA,mBAEU,SAAAE,gBAACC,IAAI,EAAK;UACzBA,IAAI,CAACC,YAAY,CAAC,OAAO,EAAEf,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;QAAA,MACGT,GAAG;QAAA,KACL,GAAG;QAAA,KACH,GAAG;QAAA,SACE,CAAC;QAAA,UACAS,IAAI,CAAC,CAAC,CAAC;QAAA,uBAAAY,MAAA,CACMtB,QAAQ;MAAA,GAEhC,CACA;IAEP;EAAC;EAAA,OAAA5B,QAAA;AAAA,EAhIoBf,SAAS;AAAAqE,eAAA,CAA1BtD,QAAQ,iBACS,MAAM;AAAAsD,eAAA,CADvBtD,QAAQ,WAEGH,KAAK;AAAAyD,eAAA,CAFhBtD,QAAQ,aAGK,CAACb,mBAAmB,EAAE,CAAC;AAAAmE,eAAA,CAHpCtD,QAAQ,kBAKU,UAAAuD,KAAA,EAA0D;EAAA,IAAvDzC,CAAC,GAAAyC,KAAA,CAADzC,CAAC;IAAEC,CAAC,GAAAwC,KAAA,CAADxC,CAAC;IAAEyC,EAAE,GAAAD,KAAA,CAAFC,EAAE;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAAC,WAAA,GAAAH,KAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG3E,WAAW,GAAA2E,WAAA;IAAEE,KAAK,GAAAL,KAAA,CAALK,KAAK;EACvE,IAAAC,KAAA,GAAyBD,KAAK,IAAIH,UAAU,CAACG,KAAK;IAAAE,KAAA,GAAAC,cAAA,CAAAF,KAAA;IAA3CG,MAAM,GAAAF,KAAA;IAAEG,MAAM,GAAAH,KAAA;EACrB,IAAMI,MAAM,GAAGD,MAAM,CAACE,KAAK,EAAE;EAE7B,OAAO;IACL5C,EAAE,EAAEzC,IAAI,EAAE,CACPsF,OAAO,CAAC7E,WAAW,CAACuB,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1B4C,KAAK,CAACA,KAAK,CAAC,CACZ7C,CAAC,CAAC,UAACuD,CAAC;MAAA,OAAK7E,gBAAgB,CAACwE,MAAM,EAAEK,CAAC,CAACvD,CAAC,CAAC,CAAC;IAAA,EAAC,CACxC0C,EAAE,CAAC,UAACa,CAAC;MAAA,OAAMA,CAAC,CAACb,EAAE,CAAC,GAAGhE,gBAAgB,CAACyE,MAAM,EAAEI,CAAC,CAACb,EAAE,CAAC,CAAC,GAAGU,MAAM,CAAC,CAAC,CAAC;IAAA,CAAC,CAAC,CAChEI,EAAE,CAAC,UAACD,CAAC;MAAA,OAAK7E,gBAAgB,CAACyE,MAAM,EAAEI,CAAC,CAACtD,CAAC,CAAC,CAAC;IAAA,EAAC;IAC5CE,MAAM,EAAEjC,IAAI,EAAE,CACXoF,OAAO,CAAC7E,WAAW,CAACuB,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1B4C,KAAK,CAACA,KAAK,CAAC,CACZ7C,CAAC,CAAC,UAACuD,CAAC;MAAA,OAAK7E,gBAAgB,CAACwE,MAAM,EAAEK,CAAC,CAACvD,CAAC,CAAC,CAAC;IAAA,EAAC,CACxCC,CAAC,CAAC,UAACsD,CAAC;MAAA,OAAK7E,gBAAgB,CAACyE,MAAM,EAAEI,CAAC,CAACtD,CAAC,CAAC,CAAC;IAAA,EAAC;IAC3Ca,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC;AA4GH,SAASe,IAAIA,CAAC4B,KAAK,EAAE;EAAA,IAAAC,KAAA;EACnB,IACWtC,SAAS,GAShBqC,KAAK,CATPtC,OAAO;IACPG,MAAM,GAQJmC,KAAK,CARPnC,MAAM;IACNb,EAAE,GAOAgD,KAAK,CAPPhD,EAAE;IACFH,IAAI,GAMFmD,KAAK,CANPnD,IAAI;IACJJ,KAAK,GAKHuD,KAAK,CALPvD,KAAK;IACLG,YAAY,GAIVoD,KAAK,CAJPpD,YAAY;IACZS,QAAQ,GAGN2C,KAAK,CAHP3C,QAAQ;IACRC,GAAG,GAED0C,KAAK,CAFP1C,GAAG;IACHX,WAAW,GACTqD,KAAK,CADPrD,WAAW;EAEb,OAAAsD,KAAA,GAAOtF,OAAO,CAACkD,MAAM,CAAC,eACpBvD,KAAA,CAAAS,aAAA,CAAC4C,SAAS,EAAAsC,KAAA,CAAAvB,EAAA;IAAA,UACD,MAAM;IAAA,oBAAAC,MAAA,CACKrB,GAAG;IAAA,KAClBN,EAAE,CAACH,IAAI,CAAC;IAAA,SACJD,YAAY,CAACH,KAAK,CAAC;IAAA,mBAAAkC,MAAA,CACTtB,QAAQ;IAAA,eACZV;EAAW,GACxB;AAEN;AAEA,SAASuD,IAAIA,CAACF,KAAK,EAAE;EAAA,IAAAG,KAAA;EACnB,IAAiBC,KAAK,GAAkDJ,KAAK,CAArEtC,OAAO;IAASG,MAAM,GAA0CmC,KAAK,CAArDnC,MAAM;IAAEb,EAAE,GAAsCgD,KAAK,CAA7ChD,EAAE;IAAEH,IAAI,GAAgCmD,KAAK,CAAzCnD,IAAI;IAAEiB,IAAI,GAA0BkC,KAAK,CAAnClC,IAAI;IAAErB,KAAK,GAAmBuD,KAAK,CAA7BvD,KAAK;IAAEG,YAAY,GAAKoD,KAAK,CAAtBpD,YAAY;EACnE,OAAAuD,KAAA,GAAOxF,OAAO,CAACkD,MAAM,CAAC,eACpBvD,KAAA,CAAAS,aAAA,CAACqF,KAAK,EAAAD,KAAA,CAAAzB,EAAA;IAAA,UAAQ,MAAM;IAAA,KAAI1B,EAAE,CAACH,IAAI,CAAC;IAAA,QAAQiB,IAAI;IAAA,SAASlB,YAAY,CAACH,KAAK;EAAC,GAAI;AAEhF;AAEA,IAAM0B,IAAI,GAAGpD,aAAa,CAACU,QAAQ,EAAE;EACnCX,IAAI,EAAJA,IAAI;EACJoF,IAAI,EAAJA,IAAI;EACJ9B,IAAI,EAAJA;AACF,CAAC,CAAC;AAEF,eAAeD,IAAI"}
+{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","interpolateValue","AnimatedClipPath","style","_sstyled","insert","AreaRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","resolveColor","data","filter","item","d3","getNullProps","_this$asProps2","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","forcedAdvancedMode","advancedMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","_defineProperty","_ref4","y0","$rootProps","_ref4$curve","curve","scale","_ref5","_ref6","_slicedToArray","xScale","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n  definedData,\n  scaleOfBandwidth,\n  getNullData,\n  definedNullData,\n  interpolateValue,\n} from './utils';\nimport AnimatedClipPath from './AnimatedClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, d3Line, transparent, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, resolveColor, d3Line } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n      resolveColor,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n      forcedAdvancedMode,\n      resolveColor,\n    } = this.asProps;\n    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advancedMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={resolveColor(color)}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          d={d3(data)}\n          hide={hide}\n          color={resolveColor(color)}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {duration && <AnimatedClipPath duration={duration} id={uid} width={0} height={size[1]} />}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const {\n    Element: SAreaLine,\n    styles,\n    d3,\n    data,\n    color,\n    resolveColor,\n    duration,\n    uid,\n    transparent,\n  } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render='path'\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={resolveColor(color)}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n  );\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}

package/lib/es6/Axis.js

@@ -12,20 +12,20 @@ import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_108qh_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_108qh_gg_.__hide_108qh_gg_,.___STick_108qh_gg_.__hide_108qh_gg_{display:none}.___STick_108qh_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_108qh_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_108qh_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_108qh)}.___STitle_108qh_gg_._position_top_108qh_gg_{text-anchor:middle}.___STitle_108qh_gg_._position_bottom_108qh_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_108qh_gg_._position_left_108qh_gg_,.___STitle_108qh_gg_._position_right_108qh_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_108qh_gg_._position_left_108qh_gg_.__verticalWritingMode_108qh_gg_,.___STitle_108qh_gg_._position_right_108qh_gg_.__verticalWritingMode_108qh_gg_{writing-mode:vertical-rl;transform:none}.___STick_108qh_gg_._position_top_108qh_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_108qh_gg_._position_bottom_108qh_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_108qh_gg_._position_right_108qh_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_108qh_gg_._position_left_108qh_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_108qh_gg_._position_custom_0_108qh_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_108qh_gg_._position_custom_1_108qh_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "108qh_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_108qh_gg_",
-  "_hide": "__hide_108qh_gg_",
-  "__STick": "___STick_108qh_gg_",
-  "__SGrid": "___SGrid_108qh_gg_",
-  "__STitle": "___STitle_108qh_gg_",
-  "--transform-origin": "--transform-origin_108qh",
-  "_position_top": "_position_top_108qh_gg_",
-  "_position_bottom": "_position_bottom_108qh_gg_",
-  "_position_right": "_position_right_108qh_gg_",
-  "_position_left": "_position_left_108qh_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_108qh_gg_",
-  "_position_custom_0": "_position_custom_0_108qh_gg_",
-  "_position_custom_1": "_position_custom_1_108qh_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_1mjyy_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1mjyy_gg_.__hide_1mjyy_gg_,.___STick_1mjyy_gg_.__hide_1mjyy_gg_{display:none}.___STick_1mjyy_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1mjyy_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1mjyy_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1mjyy)}.___STitle_1mjyy_gg_._position_top_1mjyy_gg_{text-anchor:middle}.___STitle_1mjyy_gg_._position_bottom_1mjyy_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1mjyy_gg_._position_left_1mjyy_gg_,.___STitle_1mjyy_gg_._position_right_1mjyy_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1mjyy_gg_._position_left_1mjyy_gg_.__verticalWritingMode_1mjyy_gg_,.___STitle_1mjyy_gg_._position_right_1mjyy_gg_.__verticalWritingMode_1mjyy_gg_{writing-mode:vertical-rl;transform:none}.___STick_1mjyy_gg_._position_top_1mjyy_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1mjyy_gg_._position_bottom_1mjyy_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1mjyy_gg_._position_right_1mjyy_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1mjyy_gg_._position_left_1mjyy_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1mjyy_gg_._position_custom_0_1mjyy_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1mjyy_gg_._position_custom_1_1mjyy_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1mjyy_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_1mjyy_gg_",
+  "_hide": "__hide_1mjyy_gg_",
+  "__STick": "___STick_1mjyy_gg_",
+  "__SGrid": "___SGrid_1mjyy_gg_",
+  "__STitle": "___STitle_1mjyy_gg_",
+  "--transform-origin": "--transform-origin_1mjyy",
+  "_position_top": "_position_top_1mjyy_gg_",
+  "_position_bottom": "_position_bottom_1mjyy_gg_",
+  "_position_right": "_position_right_1mjyy_gg_",
+  "_position_left": "_position_left_1mjyy_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_1mjyy_gg_",
+  "_position_custom_0": "_position_custom_0_1mjyy_gg_",
+  "_position_custom_1": "_position_custom_1_1mjyy_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -10,17 +10,17 @@ import { transition } from 'd3-transition';
 import { Component, sstyled } from '@semcore/core';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import createElement from './createElement';
-import ClipPath from './ClipPath';
+import AnimatedClipPath from './AnimatedClipPath';
 import { scaleToBand, roundedPath } from './utils';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1ysr6_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ysr6);transition-timing-function:ease-in-out}.___SBar_1ysr6_gg_.__color_1ysr6_gg_{fill:var(--color_1ysr6)}.___SBar_1ysr6_gg_.__hide_1ysr6_gg_{display:none}.___SBar_1ysr6_gg_.__transparent_1ysr6_gg_{opacity:.3}.___SBackground_1ysr6_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ysr6_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1ysr6_gg_",
-  "--duration": "--duration_1ysr6",
-  "_color": "__color_1ysr6_gg_",
-  "--color": "--color_1ysr6",
-  "_hide": "__hide_1ysr6_gg_",
-  "_transparent": "__transparent_1ysr6_gg_",
-  "__SBackground": "___SBackground_1ysr6_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1ipdh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ipdh);transition-timing-function:ease-in-out}.___SBar_1ipdh_gg_.__color_1ipdh_gg_{fill:var(--color_1ipdh)}.___SBar_1ipdh_gg_.__hide_1ipdh_gg_{display:none}.___SBar_1ipdh_gg_.__transparent_1ipdh_gg_{opacity:.3}.___SBackground_1ipdh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ipdh_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1ipdh_gg_",
+  "--duration": "--duration_1ipdh",
+  "_color": "__color_1ipdh_gg_",
+  "--color": "--color_1ipdh",
+  "_hide": "__hide_1ipdh_gg_",
+  "_transparent": "__transparent_1ipdh_gg_",
+  "__SBackground": "___SBackground_1ipdh_gg_"
 });
 export var MIN_HEIGHT = 2;
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {
@@ -151,12 +151,12 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         uid = _this$asProps4.uid,
         size = _this$asProps4.size,
         duration = _this$asProps4.duration;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/React.createElement(ClipPath, {
-        "aria-hidden": true,
+      return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/React.createElement(AnimatedClipPath, {
+        duration: duration,
         key: "".concat(uid, "-animation"),
+        attributeName: "y",
+        values: "100%;0",
         id: uid,
-        x: "0",
-        y: size[1],
         width: size[0],
         height: "".concat(size[1], "px")
       }));