@semcore/d3-chart 2.7.2 → 2.8.0

package/lib/cjs/HorizontalBar.js

@@ -42,17 +42,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_fk1v7_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_fk1v7);transition-timing-function:ease-in-out}.___SBar_fk1v7_gg_.__color_fk1v7_gg_{fill:var(--color_fk1v7)}.___SBar_fk1v7_gg_.__hide_fk1v7_gg_{display:none}.___SBackground_fk1v7_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
+".___SBar_1c6er_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1c6er);transition-timing-function:ease-in-out}.___SBar_1c6er_gg_.__color_1c6er_gg_{fill:var(--color_1c6er)}.___SBar_1c6er_gg_.__hide_1c6er_gg_{display:none}.___SBar_1c6er_gg_.__transparent_1c6er_gg_{opacity:.3}.___SBackground_1c6er_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
 /*__inner_css_end__*/
-, "fk1v7_gg_")
+, "1c6er_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_fk1v7_gg_",
-  "--duration": "--duration_fk1v7",
-  "_color": "__color_fk1v7_gg_",
-  "--color": "--color_fk1v7",
-  "_hide": "__hide_fk1v7_gg_",
-  "__SBackground": "___SBackground_fk1v7_gg_"
+  "__SBar": "___SBar_1c6er_gg_",
+  "--duration": "--duration_1c6er",
+  "_color": "__color_1c6er_gg_",
+  "--color": "--color_1c6er",
+  "_hide": "__hide_1c6er_gg_",
+  "_transparent": "__transparent_1c6er_gg_",
+  "__SBackground": "___SBackground_1c6er_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
@@ -97,7 +98,8 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
           heightProps = _this$asProps2.height,
           onMouseMove = _this$asProps2.onMouseMove,
           onMouseLeave = _this$asProps2.onMouseLeave,
-          groupKey = _this$asProps2.groupKey;
+          groupKey = _this$asProps2.groupKey,
+          transparent = _this$asProps2.transparent;
 
       var _scale = (0, _slicedToArray2["default"])(scale, 2),
           xScale = _scale[0],
@@ -133,6 +135,7 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
         "index": i,
         "hide": hide,
         "color": color,
+        "transparent": transparent,
         "x": barX,
         "y": barY,
         "width": width,

package/lib/cjs/HorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBar.js","names":["HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","xScale","yScale","barY","barX","Math","min","Object","is","getBandwidth","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","sstyled","size","map","renderBar","bind","rect","setAttribute","Component","uniqueIDEnhancement","style","Background","SBackground","xRange","range","bandwidth","roundedPath","createElement"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    wMin: 4,\n  };\n\n  getBackgroundProps(props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset,\n      uid,\n      duration,\n      r,\n      wMin,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n      groupKey,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(d[y]) + offset[1];\n    const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0] - (Object.is(d[x], -0) ? wMin : 0);\n    const height = heightProps || getBandwidth(yScale);\n    const width =\n      Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0))) || wMin;\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`horizontal-bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n        onMouseMove={onMouseMove}\n        onMouseLeave={onMouseLeave}\n      />,\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <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 Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xRange[1] - xRange[0]}\n      height={yScale.bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width <= radius) return '';\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalBar.js","names":["HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","xScale","yScale","barY","barX","Math","min","Object","is","getBandwidth","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","sstyled","size","map","renderBar","bind","rect","setAttribute","Component","uniqueIDEnhancement","style","Background","SBackground","xRange","range","bandwidth","roundedPath","createElement"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    wMin: 4,\n  };\n\n  getBackgroundProps(props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset,\n      uid,\n      duration,\n      r,\n      wMin,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n      groupKey,\n      transparent,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(d[y]) + offset[1];\n    const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0] - (Object.is(d[x], -0) ? wMin : 0);\n    const height = heightProps || getBandwidth(yScale);\n    const width =\n      Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0))) || wMin;\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`horizontal-bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        transparent={transparent}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n        onMouseMove={onMouseMove}\n        onMouseLeave={onMouseLeave}\n      />,\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <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 Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xRange[1] - xRange[0]}\n      height={yScale.bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width <= radius) return '';\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}

package/lib/cjs/Hover.js

@@ -44,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_85u5s_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_85u5s_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
+".___SHoverLine_19lsr_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_19lsr_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
 /*__inner_css_end__*/
-, "85u5s_gg_")
+, "19lsr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_85u5s_gg_",
-  "__SHoverRect": "___SHoverRect_85u5s_gg_"
+  "__SHoverLine": "___SHoverLine_19lsr_gg_",
+  "__SHoverRect": "___SHoverRect_19lsr_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/cjs/Line.js

@@ -46,17 +46,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_p4aqs_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:d;transition-duration:var(--duration_p4aqs);transition-timing-function:ease-in-out}.___SLine_p4aqs_gg_.__color_p4aqs_gg_{stroke:var(--color_p4aqs)}.___SLine_p4aqs_gg_.__hide_p4aqs_gg_{display:none}.___SNull_p4aqs_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_p4aqs_gg_.__hide_p4aqs_gg_{display:none}"
+".___SLine_kgdrn_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:d;transition-duration:var(--duration_kgdrn);transition-timing-function:ease-in-out}.___SLine_kgdrn_gg_.__color_kgdrn_gg_{stroke:var(--color_kgdrn)}.___SLine_kgdrn_gg_.__hide_kgdrn_gg_{display:none}.___SLine_kgdrn_gg_.__transparent_kgdrn_gg_{opacity:.3}.___SNull_kgdrn_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_kgdrn_gg_.__hide_kgdrn_gg_{display:none}"
 /*__inner_css_end__*/
-, "p4aqs_gg_")
+, "kgdrn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_p4aqs_gg_",
-  "--duration": "--duration_p4aqs",
-  "_color": "__color_p4aqs_gg_",
-  "--color": "--color_p4aqs",
-  "_hide": "__hide_p4aqs_gg_",
-  "__SNull": "___SNull_p4aqs_gg_"
+  "__SLine": "___SLine_kgdrn_gg_",
+  "--duration": "--duration_kgdrn",
+  "_color": "__color_kgdrn_gg_",
+  "--color": "--color_kgdrn",
+  "_hide": "__hide_kgdrn_gg_",
+  "_transparent": "__transparent_kgdrn_gg_",
+  "__SNull": "___SNull_kgdrn_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {
@@ -77,13 +78,15 @@ var LineRoot = /*#__PURE__*/function (_Component) {
           y = _this$asProps.y,
           d3 = _this$asProps.d3,
           color = _this$asProps.color,
-          duration = _this$asProps.duration;
+          duration = _this$asProps.duration,
+          transparent = _this$asProps.transparent;
       return {
         x: x,
         y: y,
         d3: d3,
         color: color,
-        duration: duration
+        duration: duration,
+        transparent: transparent
       };
     }
   }, {
@@ -118,7 +121,8 @@ var LineRoot = /*#__PURE__*/function (_Component) {
           data = _this$asProps3.data,
           duration = _this$asProps3.duration,
           x = _this$asProps3.x,
-          y = _this$asProps3.y;
+          y = _this$asProps3.y,
+          transparent = _this$asProps3.transparent;
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
       this.asProps.dataHintsHandler.establishDataType('time-series');
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SLine, _ref.cn("SLine", {
@@ -127,6 +131,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         "render": "path",
         "hide": hide,
         "color": color,
+        "transparent": transparent,
         "d": d3(data),
         "use:duration": "".concat(duration, "ms")
       })), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], _ref.cn("ClipPath", {

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration, x, y } = this.asProps;\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\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 Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","transparent","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration, x, y, transparent } = this.asProps;\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\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 Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"mappings":"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"}

package/lib/cjs/Plot.js

@@ -58,13 +58,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_xn7rx_gg_{overflow:hidden}.___SPlot_xn7rx_gg_:active,.___SPlot_xn7rx_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_xn7rx_gg_.__keyboardFocused_xn7rx_gg_{border:1px solid var(--intergalactic-chart-palette-order-blue-second-order,#008ff8);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}"
+".___SPlot_8eyfq_gg_{overflow:hidden}.___SPlot_8eyfq_gg_:active,.___SPlot_8eyfq_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_8eyfq_gg_.__keyboardFocused_8eyfq_gg_{border:1px solid var(--intergalactic-chart-palette-order-blue-second-order,#008ff8);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}"
 /*__inner_css_end__*/
-, "xn7rx_gg_")
+, "8eyfq_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_xn7rx_gg_",
-  "_keyboardFocused": "__keyboardFocused_xn7rx_gg_"
+  "__SPlot": "___SPlot_8eyfq_gg_",
+  "_keyboardFocused": "__keyboardFocused_8eyfq_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/RadialTree.js

@@ -60,20 +60,20 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_1m8n8_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_1m8n8_gg_{stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_1m8n8_gg_.__color_1m8n8_gg_{stroke:var(--color_1m8n8)}.___SCap_1m8n8_gg_{transition:r .1s}.___SLabel_1m8n8_gg_{fill:var(--color_1m8n8);cursor:var(--text-cursor_1m8n8)}.___SRadian_1m8n8_gg_:hover .___SLabel_1m8n8_gg_{fill:var(--color-hovered_1m8n8)}@media (prefers-reduced-motion){.___SLineCap_1m8n8_gg_{transition:none}}"
+".___SRadian_1jycq_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_1jycq_gg_{stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_1jycq_gg_.__color_1jycq_gg_{stroke:var(--color_1jycq)}.___SCap_1jycq_gg_{transition:r .1s}.___SLabel_1jycq_gg_{fill:var(--color_1jycq);cursor:var(--text-cursor_1jycq)}.___SRadian_1jycq_gg_:hover .___SLabel_1jycq_gg_{fill:var(--color-hovered_1jycq)}@media (prefers-reduced-motion){.___SLineCap_1jycq_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1m8n8_gg_")
+, "1jycq_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_1m8n8_gg_",
-  "__SLine": "___SLine_1m8n8_gg_",
-  "_color": "__color_1m8n8_gg_",
-  "--color": "--color_1m8n8",
-  "__SCap": "___SCap_1m8n8_gg_",
-  "__SLabel": "___SLabel_1m8n8_gg_",
-  "--text-cursor": "--text-cursor_1m8n8",
-  "--color-hovered": "--color-hovered_1m8n8",
-  "__SLineCap": "___SLineCap_1m8n8_gg_"
+  "__SRadian": "___SRadian_1jycq_gg_",
+  "__SLine": "___SLine_1jycq_gg_",
+  "_color": "__color_1jycq_gg_",
+  "--color": "--color_1jycq",
+  "__SCap": "___SCap_1jycq_gg_",
+  "__SLabel": "___SLabel_1jycq_gg_",
+  "--text-cursor": "--text-cursor_1jycq",
+  "--color-hovered": "--color-hovered_1jycq",
+  "__SLineCap": "___SLineCap_1jycq_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 

package/lib/cjs/ReferenceLine.js

@@ -42,19 +42,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SReferenceLine_1qlej_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___STitle_1qlej_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79);transform-origin:var(--transform-origin_1qlej)}.___STitle_1qlej_gg_._position_top_1qlej_gg_{text-anchor:middle}.___STitle_1qlej_gg_._position_bottom_1qlej_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1qlej_gg_._position_right_1qlej_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1qlej_gg_._position_left_1qlej_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1qlej_gg_{fill:var(--intergalactic-chart-grid-period-bg,rgba(196,199,207,.2))}"
+".___SReferenceLine_kxzm6_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___STitle_kxzm6_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79);transform-origin:var(--transform-origin_kxzm6)}.___STitle_kxzm6_gg_._position_top_kxzm6_gg_{text-anchor:middle}.___STitle_kxzm6_gg_._position_bottom_kxzm6_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_kxzm6_gg_._position_right_kxzm6_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_kxzm6_gg_._position_left_kxzm6_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_kxzm6_gg_{fill:var(--intergalactic-chart-grid-period-bg,rgba(196,199,207,.2))}"
 /*__inner_css_end__*/
-, "1qlej_gg_")
+, "kxzm6_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_1qlej_gg_",
-  "__STitle": "___STitle_1qlej_gg_",
-  "--transform-origin": "--transform-origin_1qlej",
-  "_position_top": "_position_top_1qlej_gg_",
-  "_position_bottom": "_position_bottom_1qlej_gg_",
-  "_position_right": "_position_right_1qlej_gg_",
-  "_position_left": "_position_left_1qlej_gg_",
-  "__SBackground": "___SBackground_1qlej_gg_"
+  "__SReferenceLine": "___SReferenceLine_kxzm6_gg_",
+  "__STitle": "___STitle_kxzm6_gg_",
+  "--transform-origin": "--transform-origin_kxzm6",
+  "_position_top": "_position_top_kxzm6_gg_",
+  "_position_bottom": "_position_bottom_kxzm6_gg_",
+  "_position_right": "_position_right_kxzm6_gg_",
+  "_position_left": "_position_left_kxzm6_gg_",
+  "__SBackground": "___SBackground_kxzm6_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/cjs/ScatterPlot.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_1n9en_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1n9en);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1n9en_gg_:hover{opacity:.8}.___SScatterPlot_1n9en_gg_.__color_1n9en_gg_{fill:var(--color_1n9en)}.___SValue_1n9en_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50,10px);stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SValue_1n9en_gg_.__color_1n9en_gg_{stroke:var(--color_1n9en)}"
+".___SScatterPlot_1a7jh_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1a7jh);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1a7jh_gg_:hover{opacity:.8}.___SScatterPlot_1a7jh_gg_.__color_1a7jh_gg_{fill:var(--color_1a7jh)}.___SValue_1a7jh_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50,10px);stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SValue_1a7jh_gg_.__color_1a7jh_gg_{stroke:var(--color_1a7jh)}"
 /*__inner_css_end__*/
-, "1n9en_gg_")
+, "1a7jh_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_1n9en_gg_",
-  "--duration": "--duration_1n9en",
-  "_color": "__color_1n9en_gg_",
-  "--color": "--color_1n9en",
-  "__SValue": "___SValue_1n9en_gg_"
+  "__SScatterPlot": "___SScatterPlot_1a7jh_gg_",
+  "--duration": "--duration_1a7jh",
+  "_color": "__color_1a7jh_gg_",
+  "--color": "--color_1a7jh",
+  "__SValue": "___SValue_1a7jh_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Tooltip.js

@@ -60,17 +60,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_7p7wi_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral,#fff);border-radius:var(--intergalactic-rounded-medium,6px);border:1px solid var(--intergalactic-border-secondary,#e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper,0 1px 12px 0 rgba(25,27,35,.15));padding:var(--intergalactic-spacing-3x,12px)}.___STitle_7p7wi_gg_{color:var(--intergalactic-text-secondary,#6c6e79);margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SDotGroup_7p7wi_gg_{display:flex;align-items:center}.___SDot_7p7wi_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x,8px);background:var(--intergalactic-icon-secondary-info,#2bb3ff)}.___SDot_7p7wi_gg_.__color_7p7wi_gg_{background:var(--color_7p7wi)}"
+".___STooltip_slw9x_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral,#fff);border-radius:var(--intergalactic-rounded-medium,6px);border:1px solid var(--intergalactic-border-secondary,#e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper,0 1px 12px 0 rgba(25,27,35,.15));padding:var(--intergalactic-spacing-3x,12px)}.___STitle_slw9x_gg_{color:var(--intergalactic-text-secondary,#6c6e79);margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SDotGroup_slw9x_gg_{display:flex;align-items:center}.___SDot_slw9x_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x,8px);background:var(--intergalactic-icon-secondary-info,#2bb3ff)}.___SDot_slw9x_gg_.__color_slw9x_gg_{background:var(--color_slw9x)}"
 /*__inner_css_end__*/
-, "7p7wi_gg_")
+, "slw9x_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_7p7wi_gg_",
-  "__STitle": "___STitle_7p7wi_gg_",
-  "__SDotGroup": "___SDotGroup_7p7wi_gg_",
-  "__SDot": "___SDot_7p7wi_gg_",
-  "_color": "__color_7p7wi_gg_",
-  "--color": "--color_7p7wi"
+  "__STooltip": "___STooltip_slw9x_gg_",
+  "__STitle": "___STitle_slw9x_gg_",
+  "__SDotGroup": "___SDotGroup_slw9x_gg_",
+  "__SDot": "___SDot_slw9x_gg_",
+  "_color": "__color_slw9x_gg_",
+  "--color": "--color_slw9x"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Venn.js

@@ -48,16 +48,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1pj0r_gg_{fill:var(--intergalactic-chart-palette-order-green,#59ddaa);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1pj0r);transition-timing-function:ease-in-out}.___SCircle_1pj0r_gg_:hover{fill-opacity:.7}.___SCircle_1pj0r_gg_.__color_1pj0r_gg_{fill:var(--color_1pj0r)}.___SIntersection_1pj0r_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_1pj0r_gg_:hover{fill-opacity:.1}"
+".___SCircle_1e4mg_gg_{fill:var(--intergalactic-chart-palette-order-green,#59ddaa);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1e4mg);transition-timing-function:ease-in-out}.___SCircle_1e4mg_gg_:hover{fill-opacity:.7}.___SCircle_1e4mg_gg_.__color_1e4mg_gg_{fill:var(--color_1e4mg)}.___SCircle_1e4mg_gg_.__transparent_1e4mg_gg_{opacity:.3}.___SIntersection_1e4mg_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_1e4mg_gg_:hover{fill-opacity:.1}.___SIntersection_1e4mg_gg_.__transparent_1e4mg_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "1pj0r_gg_")
+, "1e4mg_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1pj0r_gg_",
-  "--duration": "--duration_1pj0r",
-  "_color": "__color_1pj0r_gg_",
-  "--color": "--color_1pj0r",
-  "__SIntersection": "___SIntersection_1pj0r_gg_"
+  "__SCircle": "___SCircle_1e4mg_gg_",
+  "--duration": "--duration_1e4mg",
+  "_color": "__color_1e4mg_gg_",
+  "--color": "--color_1e4mg",
+  "_transparent": "__transparent_1e4mg_gg_",
+  "__SIntersection": "___SIntersection_1e4mg_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {
@@ -146,13 +147,16 @@ var VennRoot = /*#__PURE__*/function (_Component) {
         data: this.vennData[props.dataKey],
         originalData: this.asProps.data[props.dataKey],
         onMouseMove: this.bindHandlerTooltip(true, props),
-        onMouseLeave: this.bindHandlerTooltip(false, props)
+        onMouseLeave: this.bindHandlerTooltip(false, props),
+        transparent: this.asProps.transparent
       };
     }
   }, {
     key: "getIntersectionProps",
     value: function getIntersectionProps(props) {
-      var duration = this.asProps.duration;
+      var _this$asProps2 = this.asProps,
+          duration = _this$asProps2.duration,
+          transparent = _this$asProps2.transparent;
       var dataKeys = props.dataKey.split('/');
       return {
         duration: duration,
@@ -162,7 +166,8 @@ var VennRoot = /*#__PURE__*/function (_Component) {
         }),
         originalData: this.asProps.data[props.dataKey],
         onMouseMove: this.bindHandlerTooltip(true, props),
-        onMouseLeave: this.bindHandlerTooltip(false, props)
+        onMouseLeave: this.bindHandlerTooltip(false, props),
+        transparent: transparent
       };
     }
   }, {
@@ -202,7 +207,8 @@ function Circle(_ref6) {
       duration = _ref6.duration,
       name = _ref6.name,
       dataKey = _ref6.dataKey,
-      dataHintsHandler = _ref6.dataHintsHandler;
+      dataHintsHandler = _ref6.dataHintsHandler,
+      transparent = _ref6.transparent;
   dataHintsHandler.describeValueEntity(dataKey, name);
   return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref.cn("SCircle", {
     "aria-hidden": true,
@@ -211,6 +217,7 @@ function Circle(_ref6) {
     "cx": data.x,
     "cy": data.y,
     "r": data.radius,
+    "transparent": transparent,
     "use:duration": "".concat(duration, "ms")
   }));
 }
@@ -223,7 +230,8 @@ function Intersection(props) {
       data = props.data,
       name = props.name,
       dataKey = props.dataKey,
-      dataHintsHandler = props.dataHintsHandler;
+      dataHintsHandler = props.dataHintsHandler,
+      transparent = props.transparent;
   dataHintsHandler.describeValueEntity(dataKey, name);
 
   var renderIntersection = _react["default"].useCallback( /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
@@ -238,7 +246,8 @@ function Intersection(props) {
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIntersection, _ref2.cn("SIntersection", {
     "aria-hidden": true,
     "render": renderIntersection,
-    "d": (0, _venn.intersectionAreaPath)(data)
+    "d": (0, _venn.intersectionAreaPath)(data),
+    "transparent": transparent
   }));
 }
 

package/lib/cjs/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["VennRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","scaleSolution","normalizeSolution","venn","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","dataKeys","delay","values","filter","d","includes","setid","Element","dataHintsHandler","establishDataType","getVennData","renderElement","Component","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","name","describeValueEntity","sstyled","Intersection","SIntersection","renderIntersection","useCallback","intersectionAreaPath","Venn"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\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 =\n    (visible, props) =>\n    ({ 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, this.virtualElement);\n    };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag=\"g\" visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    this.vennData = this.getVennData();\n    return (\n      <Element\n        aria-hidden\n        render={this.renderElement}\n        childrenPosition=\"inside\"\n        vennData={this.vennData}\n      />\n    );\n  }\n}\n\nfunction Circle({\n  Element: SCircle,\n  styles,\n  color,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SCircle\n      aria-hidden\n      render=\"circle\"\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const { Element: SIntersection, styles, data, name, dataKey, dataHintsHandler } = props;\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut aria-hidden ref={ref} tag=\"path\" visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection aria-hidden render={renderIntersection} d={intersectionAreaPath(data)} />,\n  );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"mappings":"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"}
+{"version":3,"file":"Venn.js","names":["VennRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","scaleSolution","normalizeSolution","venn","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","dataKeys","delay","values","filter","d","includes","setid","Element","dataHintsHandler","establishDataType","getVennData","renderElement","Component","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","name","describeValueEntity","sstyled","Intersection","SIntersection","renderIntersection","useCallback","intersectionAreaPath","Venn"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\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 =\n    (visible, props) =>\n    ({ 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, this.virtualElement);\n    };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      transparent: this.asProps.transparent,\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration, transparent } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      transparent,\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag=\"g\" visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    this.vennData = this.getVennData();\n    return (\n      <Element\n        aria-hidden\n        render={this.renderElement}\n        childrenPosition=\"inside\"\n        vennData={this.vennData}\n      />\n    );\n  }\n}\n\nfunction Circle({\n  Element: SCircle,\n  styles,\n  color,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SCircle\n      aria-hidden\n      render=\"circle\"\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      transparent={transparent}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const {\n    Element: SIntersection,\n    styles,\n    data,\n    name,\n    dataKey,\n    dataHintsHandler,\n    transparent,\n  } = props;\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut aria-hidden ref={ref} tag=\"path\" visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection\n      aria-hidden\n      render={renderIntersection}\n      d={intersectionAreaPath(data)}\n      transparent={transparent}\n    />,\n  );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"mappings":"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"}

package/lib/cjs/a11y/PlotA11yModule.js

@@ -40,12 +40,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_1xf67_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1xf67_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+".___SPlotA11yModule_b1w9z_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_b1w9z_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
 /*__inner_css_end__*/
-, "1xf67_gg_")
+, "b1w9z_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_1xf67_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_b1w9z_gg_"
 });
 var globalWasFocused = false;
 var globalNavWithKeyboard = false;

package/lib/cjs/a11y/PlotA11yView.js

@@ -48,13 +48,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yView_dnvn9_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral,#fff);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_dnvn9_gg_:focus,.___SPlotA11yView_dnvn9_gg_.__focus-within_dnvn9_gg_{-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_dnvn9_gg_:focus,.___SPlotA11yView_dnvn9_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_dnvn9_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_dnvn9_gg_ table,.___SPlotA11yView_dnvn9_gg_ td,.___SPlotA11yView_dnvn9_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
+".___SPlotA11yView_3pcgq_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral,#fff);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_3pcgq_gg_:focus,.___SPlotA11yView_3pcgq_gg_.__focus-within_3pcgq_gg_{-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_3pcgq_gg_:focus,.___SPlotA11yView_3pcgq_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_3pcgq_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_3pcgq_gg_ table,.___SPlotA11yView_3pcgq_gg_ td,.___SPlotA11yView_3pcgq_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
 /*__inner_css_end__*/
-, "dnvn9_gg_")
+, "3pcgq_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_dnvn9_gg_",
-  "_focus-within": "__focus-within_dnvn9_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_3pcgq_gg_",
+  "_focus-within": "__focus-within_3pcgq_gg_"
 });
 
 var PlotA11yView = function PlotA11yView(_ref3) {

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

@@ -9,6 +9,10 @@ SArea[color] {
   fill: var(--color);
 }
 
+SArea[transparent] {
+  opacity: 0.3;
+}
+
 SAreaLine {
   stroke: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
   stroke-width: 3;
@@ -19,6 +23,10 @@ SAreaLine[color] {
   stroke: var(--color);
 }
 
+SAreaLine[transparent] {
+  opacity: 0.3;
+}
+
 SArea,
 SAreaLine {
   transition-property: d;

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

@@ -15,6 +15,10 @@ SBar[hide] {
   display: none;
 }
 
+SBar[transparent] {
+  opacity: 0.3;
+}
+
 SBackground {
   fill: var(--intergalactic-chart-palette-order-other-data, #c4c7cf);
 }

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

@@ -9,6 +9,10 @@ SPie[color] {
   fill: var(--color);
 }
 
+SPie[transparent] {
+  opacity: 0.3;
+}
+
 SEmptyData {
   fill: var(--intergalactic-chart-palette-order-null, #e0e1e9);
 }

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

@@ -26,3 +26,7 @@ SDot[active] {
 SDot[color] {
   fill: var(--color);
 }
+
+SDot[transparent] {
+  opacity: 0.3;
+}