@semcore/d3-chart 2.7.2 → 2.8.0

package/lib/es6/Venn.js

@@ -26,16 +26,17 @@ var style = (
 /*__reshadow_css_start__*/
 _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) {
@@ -128,13 +129,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,
@@ -144,7 +148,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
       };
     }
   }, {
@@ -187,7 +192,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 = sstyled(styles), /*#__PURE__*/React.createElement(SCircle, _ref.cn("SCircle", {
     "aria-hidden": true,
@@ -196,6 +202,7 @@ function Circle(_ref6) {
     "cx": data.x,
     "cy": data.y,
     "r": data.radius,
+    "transparent": transparent,
     "use:duration": "".concat(duration, "ms")
   }));
 }
@@ -208,7 +215,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.useCallback( /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(FadeInOut, _extends({
@@ -221,7 +229,8 @@ function Intersection(props) {
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SIntersection, _ref2.cn("SIntersection", {
     "aria-hidden": true,
     "render": renderIntersection,
-    "d": intersectionAreaPath(data)
+    "d": intersectionAreaPath(data),
+    "transparent": transparent
   }));
 }
 

package/lib/es6/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["React","venn","normalizeSolution","scaleSolution","intersectionAreaPath","Component","sstyled","canUseDOM","FadeInOut","createElement","CONSTANT","VennRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","dataKeys","delay","values","filter","d","includes","setid","Element","dataHintsHandler","establishDataType","getVennData","renderElement","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","name","describeValueEntity","Intersection","SIntersection","renderIntersection","useCallback","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":["React","venn","normalizeSolution","scaleSolution","intersectionAreaPath","Component","sstyled","canUseDOM","FadeInOut","createElement","CONSTANT","VennRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","dataKeys","delay","values","filter","d","includes","setid","Element","dataHintsHandler","establishDataType","getVennData","renderElement","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","name","describeValueEntity","Intersection","SIntersection","renderIntersection","useCallback","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":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,iBAAf,EAAkCC,aAAlC,EAAiDC,oBAAjD,QAA6E,kBAA7E;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,eAAnC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,QAAT,QAAyB,SAAzB;;;;;;;;;;;;;;;;;;;;IAIMC,Q;;;;;;;;;;;;;;;;qEAUaJ,SAAS,KAAKK,QAAQ,CAACH,aAAT,CAAuB,KAAvB,CAAL,GAAqC,E;;yEAO7D,UAACI,OAAD,EAAUC,KAAV;MAAA,OACA,iBAAgC;QAAA,IAApBC,CAAoB,SAA7BC,OAA6B;QAAA,IAARC,CAAQ,SAAjBC,OAAiB;QAC9B,IAAQC,YAAR,GAAyB,MAAKC,OAA9B,CAAQD,YAAR;QACA,MAAKE,cAAL,CAAoBC,qBAApB,GAA4C,MAAKC,6BAAL,CAAmCR,CAAnC,EAAsCE,CAAtC,CAA5C;QACA,MAAKI,cAAL,CAAoBX,QAAQ,CAACc,eAA7B,IAAgD,IAAhD;QACAL,YAAY,CAACM,IAAb,CAAkB,kBAAlB,EAAsCZ,OAAtC,EAA+CC,KAA/C,EAAsD,MAAKO,cAA3D;MACD,CAND;IAAA,C;;iFAgDcrB,KAAK,CAAC0B,UAAN,CAAiB,UAACZ,KAAD,EAAQa,GAAR,EAAgB;MAC/C,oBAAO,oBAAC,SAAD;QAAW,mBAAX;QAAuB,GAAG,EAAEA,GAA5B;QAAiC,GAAG,EAAC,GAArC;QAAyC,OAAO;MAAhD,GAAqDb,KAArD,EAAP;IACD,CAFe,C;;;;;;;WArDhB,yCAA4C;MAAA,IAAdC,CAAc,uEAAV,CAAU;MAAA,IAAPE,CAAO,uEAAH,CAAG;MAC1C,OAAO;QAAA,OAAO;UAAEW,KAAK,EAAE,CAAT;UAAYC,MAAM,EAAE,CAApB;UAAuBC,GAAG,EAAEb,CAA5B;UAA+Bc,KAAK,EAAEhB,CAAtC;UAAyCiB,MAAM,EAAEf,CAAjD;UAAoDgB,IAAI,EAAElB;QAA1D,CAAP;MAAA,CAAP;IACD;;;WAWD,uBAAc;MACZ,oBAAsD,KAAKK,OAA3D;MAAA,IAAQc,IAAR,iBAAQA,IAAR;MAAA,IAAcC,WAAd,iBAAcA,WAAd;MAAA,IAA2BC,gBAA3B,iBAA2BA,gBAA3B;MAAA,IAA6CC,IAA7C,iBAA6CA,IAA7C;;MACA,2BAAwBA,IAAxB;MAAA,IAAOT,KAAP;MAAA,IAAcC,MAAd;;MACA,IAAMS,QAAQ,GAAGC,MAAM,CAACC,OAAP,CAAeN,IAAf,EAAqBO,GAArB,CAAyB;QAAA;QAAA,IAAEC,OAAF;QAAA,IAAWL,IAAX;;QAAA,OAAsB;UAC9DM,IAAI,EAAED,OAAO,CAACE,KAAR,CAAc,GAAd,CADwD;UAE9DP,IAAI,EAAJA;QAF8D,CAAtB;MAAA,CAAzB,CAAjB;MAIA,OAAOlC,aAAa,CAClBD,iBAAiB,CAACD,IAAI,CAACqC,QAAD,CAAL,EAAiBH,WAAjB,EAA8BC,gBAA9B,CADC,EAElBR,KAFkB,EAGlBC,MAHkB,EAIlB,EAJkB,CAApB;IAMD;;;WAED,wBAAef,KAAf,EAAsB;MACpB,OAAO;QACL+B,QAAQ,EAAE,KAAKzB,OAAL,CAAayB,QADlB;QAELX,IAAI,EAAE,KAAKI,QAAL,CAAcxB,KAAK,CAAC4B,OAApB,CAFD;QAGLI,YAAY,EAAE,KAAK1B,OAAL,CAAac,IAAb,CAAkBpB,KAAK,CAAC4B,OAAxB,CAHT;QAILK,WAAW,EAAE,KAAKC,kBAAL,CAAwB,IAAxB,EAA8BlC,KAA9B,CAJR;QAKLmC,YAAY,EAAE,KAAKD,kBAAL,CAAwB,KAAxB,EAA+BlC,KAA/B,CALT;QAMLoC,WAAW,EAAE,KAAK9B,OAAL,CAAa8B;MANrB,CAAP;IAQD;;;WAED,8BAAqBpC,KAArB,EAA4B;MAC1B,qBAAkC,KAAKM,OAAvC;MAAA,IAAQyB,QAAR,kBAAQA,QAAR;MAAA,IAAkBK,WAAlB,kBAAkBA,WAAlB;MACA,IAAMC,QAAQ,GAAGrC,KAAK,CAAC4B,OAAN,CAAcE,KAAd,CAAoB,GAApB,CAAjB;MACA,OAAO;QACLC,QAAQ,EAARA,QADK;QAELO,KAAK,EAAEP,QAFF;QAGLX,IAAI,EAAEK,MAAM,CAACc,MAAP,CAAc,KAAKf,QAAnB,EAA6BgB,MAA7B,CAAoC,UAACC,CAAD;UAAA,OAAOJ,QAAQ,CAACK,QAAT,CAAkBD,CAAC,CAACE,KAApB,CAAP;QAAA,CAApC,CAHD;QAILX,YAAY,EAAE,KAAK1B,OAAL,CAAac,IAAb,CAAkBpB,KAAK,CAAC4B,OAAxB,CAJT;QAKLK,WAAW,EAAE,KAAKC,kBAAL,CAAwB,IAAxB,EAA8BlC,KAA9B,CALR;QAMLmC,YAAY,EAAE,KAAKD,kBAAL,CAAwB,KAAxB,EAA+BlC,KAA/B,CANT;QAOLoC,WAAW,EAAXA;MAPK,CAAP;IASD;;;WAMD,kBAAS;MACP,IAAMQ,OAAO,GAAG,KAAKA,OAArB;MACA,KAAKtC,OAAL,CAAauC,gBAAb,CAA8BC,iBAA9B,CAAgD,YAAhD;MACA,KAAKtB,QAAL,GAAgB,KAAKuB,WAAL,EAAhB;MACA,oBACE,oBAAC,OAAD;QACE,mBADF;QAEE,MAAM,EAAE,KAAKC,aAFf;QAGE,gBAAgB,EAAC,QAHnB;QAIE,QAAQ,EAAE,KAAKxB;MAJjB,EADF;IAQD;;;;EAjFoBjC,S;;gBAAjBM,Q,iBACiB,M;;gBADjBA,Q,WAEWoD,K;;gBAFXpD,Q,kBAIkB;EACpBwB,WAAW,EAAE6B,IAAI,CAACC,EAAL,GAAU,CADH;EAEpB7B,gBAAgB,EAAE,0BAAC8B,EAAD,EAAKC,EAAL;IAAA,OAAYA,EAAE,CAACC,MAAH,GAAYF,EAAE,CAACE,MAA3B;EAAA,CAFE;EAGpBvB,QAAQ,EAAE;AAHU,C;;AAgFxB,SAASwB,MAAT,QAUG;EAAA;;EAAA,IATQC,OASR,SATDZ,OASC;EAAA,IARDa,MAQC,SARDA,MAQC;EAAA,IAPDC,KAOC,SAPDA,KAOC;EAAA,IANDtC,IAMC,SANDA,IAMC;EAAA,IALDW,QAKC,SALDA,QAKC;EAAA,IAJD4B,IAIC,SAJDA,IAIC;EAAA,IAHD/B,OAGC,SAHDA,OAGC;EAAA,IAFDiB,gBAEC,SAFDA,gBAEC;EAAA,IADDT,WACC,SADDA,WACC;EACDS,gBAAgB,CAACe,mBAAjB,CAAqChC,OAArC,EAA8C+B,IAA9C;EAEA,cAAOnE,OAAO,CAACiE,MAAD,CAAd,eACE,oBAAC,OAAD;IAAA;IAAA,UAES,QAFT;IAAA,SAGSC,KAHT;IAAA,MAIMtC,IAAI,CAACnB,CAJX;IAAA,MAKMmB,IAAI,CAACjB,CALX;IAAA,KAMKiB,IAAI,CAACkC,MANV;IAAA,eAOelB,WAPf;IAAA,0BAQmBL,QARnB;EAAA,GADF;AAYD;;AAED,SAAS8B,YAAT,CAAsB7D,KAAtB,EAA6B;EAAA;;EAC3B,IACW8D,aADX,GAQI9D,KARJ,CACE4C,OADF;EAAA,IAEEa,MAFF,GAQIzD,KARJ,CAEEyD,MAFF;EAAA,IAGErC,IAHF,GAQIpB,KARJ,CAGEoB,IAHF;EAAA,IAIEuC,IAJF,GAQI3D,KARJ,CAIE2D,IAJF;EAAA,IAKE/B,OALF,GAQI5B,KARJ,CAKE4B,OALF;EAAA,IAMEiB,gBANF,GAQI7C,KARJ,CAME6C,gBANF;EAAA,IAOET,WAPF,GAQIpC,KARJ,CAOEoC,WAPF;EASAS,gBAAgB,CAACe,mBAAjB,CAAqChC,OAArC,EAA8C+B,IAA9C;EAEA,IAAMI,kBAAkB,GAAG7E,KAAK,CAAC8E,WAAN,eACzB9E,KAAK,CAAC0B,UAAN,CAAiB,UAACZ,KAAD,EAAQa,GAAR,EAAgB;IAC/B,oBAAO,oBAAC,SAAD;MAAW,mBAAX;MAAuB,GAAG,EAAEA,GAA5B;MAAiC,GAAG,EAAC,MAArC;MAA4C,OAAO;IAAnD,GAAwDb,KAAxD,EAAP;EACD,CAFD,CADyB,EAIzB,CAACA,KAAD,CAJyB,CAA3B;EAMA,eAAOR,OAAO,CAACiE,MAAD,CAAd,eACE,oBAAC,aAAD;IAAA;IAAA,UAEUM,kBAFV;IAAA,KAGKzE,oBAAoB,CAAC8B,IAAD,CAHzB;IAAA,eAIegB;EAJf,GADF;AAQD;;AAED,IAAM6B,IAAI,GAAGtE,aAAa,CAACE,QAAD,EAAW;EAAE0D,MAAM,EAANA,MAAF;EAAUM,YAAY,EAAZA;AAAV,CAAX,CAA1B;AAEA,eAAeI,IAAf"}

package/lib/es6/a11y/PlotA11yModule.js

@@ -20,12 +20,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _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_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -27,13 +27,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _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_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/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/es6/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/es6/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/es6/style/dot.shadow.css

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

package/lib/es6/style/line.shadow.css

@@ -17,6 +17,10 @@ SLine[hide] {
   display: none;
 }
 
+SLine[transparent] {
+  opacity: 0.3;
+}
+
 SNull {
   fill: transparent;
   stroke: var(-intergalactic-border-primary);

package/lib/es6/style/venn.shadow.css

@@ -18,6 +18,10 @@ SCircle[color] {
   fill: var(--color);
 }
 
+SCircle[transparent] {
+  opacity: 0.3;
+}
+
 SIntersection {
   stroke: var(--intergalactic-chart-grid-border, #ffffff);
   stroke-width: 2px;
@@ -27,3 +31,7 @@ SIntersection {
     fill-opacity: 0.1;
   }
 }
+
+SIntersection[transparent] {
+  opacity: 0.3;
+}

package/lib/es6/types/Area.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.d.js","names":[],"sources":["../../../src/types/Area.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IAreaProps extends IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis*/\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n}\n\nexport interface IAreaDotsProps extends IContext {\n  /** Show all Dot */\n  display?: boolean;\n  /** Hide property */\n  hide?: boolean;\n}\n\nexport interface IAreaDotsContext {\n  /** Value element of data */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n}\n\nexport interface IAreaNullProps extends IContext {\n  /** Hide property */\n  hide?: boolean;\n}\n\ndeclare const Area: (<T>(props: MapProps<IAreaProps & T>) => ReturnEl) & {\n  Dots: <T>(props: MapProps<IAreaDotsProps & T, IAreaDotsContext>) => ReturnEl;\n  Null: <T>(props: MapProps<IAreaNullProps & T>) => ReturnEl;\n  Line: <T>(props: MapProps<IContext & T>) => ReturnEl;\n};\n\nexport default Area;\n"],"mappings":""}
+{"version":3,"file":"Area.d.js","names":[],"sources":["../../../src/types/Area.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IAreaProps extends IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis*/\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Element opacity property */\n  transparent?: boolean;\n}\n\nexport interface IAreaDotsProps extends IContext {\n  /** Show all Dot */\n  display?: boolean;\n  /** Hide property */\n  hide?: boolean;\n  /** Element opacity property */\n  transparent?: boolean;\n}\n\nexport interface IAreaDotsContext {\n  /** Value element of data */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n}\n\nexport interface IAreaNullProps extends IContext {\n  /** Hide property */\n  hide?: boolean;\n}\n\ndeclare const Area: (<T>(props: MapProps<IAreaProps & T>) => ReturnEl) & {\n  Dots: <T>(props: MapProps<IAreaDotsProps & T, IAreaDotsContext>) => ReturnEl;\n  Null: <T>(props: MapProps<IAreaNullProps & T>) => ReturnEl;\n  Line: <T>(props: MapProps<IContext & T>) => ReturnEl;\n};\n\nexport default Area;\n"],"mappings":""}

package/lib/es6/types/Bar.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBarProps extends IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of curvature\n   * @default 2\n   */\n  r?: number | number[];\n  /** Minimal height\n   * @default 4\n   */\n  hMin?: number;\n  /**\n   * Bar click handler\n   */\n  onClick?: (data: { [key: string]: string | number }, event: Event) => void;\n}\n\nexport interface IBarContext {\n  /** Value element of data */\n  value: any;\n  /** Index element of data */\n  index: number;\n}\n\nexport interface IBackgroundProps extends IContext {\n  /** Coordinate x */\n  x?: number | string;\n  /** Coordinate y */\n  y?: number | string;\n  /** Value element of data */\n  value?: any;\n  /** Width rect */\n  width?: number | string;\n  /** Height rect */\n  height?: number | string;\n}\n\ndeclare const Bar: (<T>(props: MapProps<IBarProps & T, IBarContext>) => ReturnEl) & {\n  Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default Bar;\n"],"mappings":""}
+{"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBarProps extends IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of curvature\n   * @default 2\n   */\n  r?: number | number[];\n  /** Minimal height\n   * @default 4\n   */\n  hMin?: number;\n  /**\n   * Bar click handler\n   */\n  onClick?: (data: { [key: string]: string | number }, event: Event) => void;\n  /** Element opacity property */\n  transparent?: boolean;\n}\n\nexport interface IBarContext {\n  /** Value element of data */\n  value: any;\n  /** Index element of data */\n  index: number;\n}\n\nexport interface IBackgroundProps extends IContext {\n  /** Coordinate x */\n  x?: number | string;\n  /** Coordinate y */\n  y?: number | string;\n  /** Value element of data */\n  value?: any;\n  /** Width rect */\n  width?: number | string;\n  /** Height rect */\n  height?: number | string;\n}\n\ndeclare const Bar: (<T>(props: MapProps<IBarProps & T, IBarContext>) => ReturnEl) & {\n  Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default Bar;\n"],"mappings":""}

package/lib/es6/types/Donut.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.d.js","names":[],"sources":["../../../src/types/Donut.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IDonutProps extends IContext {\n  /** Inner radius\n   * @default 0\n   * */\n  innerRadius?: number;\n  /** Outer radius\n   * @default calculated by the formula from width, height\n   * */\n  outerRadius?: number;\n  /** Semi donut */\n  halfsize?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n}\n\nexport interface IPieProps extends IContext {\n  /**\n   * Name of the field in the data\n   * */\n  dataKey: string;\n  /** Color pie\n    @default #50aef4\n   **/\n  color?: string;\n  /**\n   * Active sector\n   * */\n  active?: boolean;\n}\n\nexport interface IEmptyDataProps extends IContext {}\n\nexport interface ILabelProps extends IContext {}\n\ndeclare const Donut: (<T>(props: MapProps<IDonutProps & T>) => ReturnEl) & {\n  Pie: <T>(props: MapProps<IPieProps & T>) => ReturnEl;\n  EmptyData: <T>(props: MapProps<IEmptyDataProps & T>) => ReturnEl;\n  Label: <T>(props: MapProps<ILabelProps & T>) => ReturnEl;\n};\n\nexport default Donut;\n"],"mappings":""}
+{"version":3,"file":"Donut.d.js","names":[],"sources":["../../../src/types/Donut.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IDonutProps extends IContext {\n  /** Inner radius\n   * @default 0\n   * */\n  innerRadius?: number;\n  /** Outer radius\n   * @default calculated by the formula from width, height\n   * */\n  outerRadius?: number;\n  /** Semi donut */\n  halfsize?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n}\n\nexport interface IPieProps extends IContext {\n  /**\n   * Name of the field in the data\n   * */\n  dataKey: string;\n  /** Color pie\n    @default #50aef4\n   **/\n  color?: string;\n  /**\n   * Active sector\n   * */\n  active?: boolean;\n  /** Element opacity property */\n  transparent?: boolean;\n}\n\nexport interface IEmptyDataProps extends IContext {}\n\nexport interface ILabelProps extends IContext {}\n\ndeclare const Donut: (<T>(props: MapProps<IDonutProps & T>) => ReturnEl) & {\n  Pie: <T>(props: MapProps<IPieProps & T>) => ReturnEl;\n  EmptyData: <T>(props: MapProps<IEmptyDataProps & T>) => ReturnEl;\n  Label: <T>(props: MapProps<ILabelProps & T>) => ReturnEl;\n};\n\nexport default Donut;\n"],"mappings":""}

package/lib/es6/types/HorizontalBar.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBar.d.js","names":[],"sources":["../../../src/types/HorizontalBar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IBarContext, IBackgroundProps } from './Bar';\n\nexport interface IHorizontalBarProps extends IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of curvature\n   * @default 2\n   */\n  r?: number | number[];\n}\n\ndeclare const HorizontalBar: (<T>(\n  props: MapProps<IHorizontalBarProps & T, IBarContext>,\n) => ReturnEl) & {\n  Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default HorizontalBar;\n"],"mappings":""}
+{"version":3,"file":"HorizontalBar.d.js","names":[],"sources":["../../../src/types/HorizontalBar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IBarContext, IBackgroundProps } from './Bar';\n\nexport interface IHorizontalBarProps extends IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of curvature\n   * @default 2\n   */\n  r?: number | number[];\n  /** Element opacity property */\n  transparent?: boolean;\n}\n\ndeclare const HorizontalBar: (<T>(\n  props: MapProps<IHorizontalBarProps & T, IBarContext>,\n) => ReturnEl) & {\n  Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default HorizontalBar;\n"],"mappings":""}

package/lib/es6/types/Line.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface ILineProps extends IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n}\n\nexport interface ILineDotsProps extends IContext, IFadeInOutProps {\n  /** Show all Dot */\n  display?: boolean;\n  /** Hide property */\n  hide?: boolean;\n  /** Index active of element */\n  activeIndex?: number;\n}\n\nexport interface ILineDotsContext {\n  /** Value element of data */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n}\n\nexport interface ILineNullProps extends IContext {\n  /** Hide property */\n  hide?: boolean;\n}\n\ndeclare const Line: (<T>(props: MapProps<ILineProps & T>) => ReturnEl) & {\n  Dots: <T>(props: MapProps<ILineDotsProps & T, ILineDotsContext>) => ReturnEl;\n  Null: <T>(props: MapProps<ILineNullProps & T>) => ReturnEl;\n};\n\nexport default Line;\n"],"mappings":""}
+{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface ILineProps extends IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n  /** Line color\n   * @default '#50aef4'*/\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Element opacity property */\n  transparent?: boolean;\n}\n\nexport interface ILineDotsProps extends IContext, IFadeInOutProps {\n  /** Show all Dot */\n  display?: boolean;\n  /** Hide property */\n  hide?: boolean;\n  /** Index active of element */\n  activeIndex?: number;\n}\n\nexport interface ILineDotsContext {\n  /** Value element of data */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n}\n\nexport interface ILineNullProps extends IContext {\n  /** Hide property */\n  hide?: boolean;\n}\n\ndeclare const Line: (<T>(props: MapProps<ILineProps & T>) => ReturnEl) & {\n  Dots: <T>(props: MapProps<ILineDotsProps & T, ILineDotsContext>) => ReturnEl;\n  Null: <T>(props: MapProps<ILineNullProps & T>) => ReturnEl;\n};\n\nexport default Line;\n"],"mappings":""}

package/lib/es6/types/Venn.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.d.js","names":[],"sources":["../../../src/types/Venn.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface IVennProps extends IContext, IFadeInOutProps {\n  /**\n   * Rotate sets in the chart\n   * @default Math.PI / 2\n   */\n  orientation?: number;\n  /**\n   * The function for sorting sets inside the chart\n   * @default (circle1, circle2) => circle2.radius - circle1.radius\n   */\n  orientationOrder?: (c1: number, c2: number) => number;\n}\n\nexport interface ICircleProps extends IContext {\n  /**\n   * Name of the field in the data\n   * */\n  dataKey: string;\n  /** Color circle\n   @default #3AB011\n   **/\n  color?: string;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n}\n\nexport interface IIntersectionProps extends IContext, IFadeInOutProps {\n  /**\n   * Name of the field in the data\n   * */\n  dataKey: string;\n}\n\ndeclare const Venn: (<T>(props: MapProps<IVennProps & T>) => ReturnEl) & {\n  Circle: <T>(props: MapProps<ICircleProps & T>) => ReturnEl;\n  Intersection: <T>(props: MapProps<IIntersectionProps & T>) => ReturnEl;\n};\n\nexport default Venn;\n"],"mappings":""}
+{"version":3,"file":"Venn.d.js","names":[],"sources":["../../../src/types/Venn.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface IVennProps extends IContext, IFadeInOutProps {\n  /**\n   * Rotate sets in the chart\n   * @default Math.PI / 2\n   */\n  orientation?: number;\n  /**\n   * The function for sorting sets inside the chart\n   * @default (circle1, circle2) => circle2.radius - circle1.radius\n   */\n  orientationOrder?: (c1: number, c2: number) => number;\n}\n\nexport interface ICircleProps extends IContext {\n  /**\n   * Name of the field in the data\n   * */\n  dataKey: string;\n  /** Color circle\n   @default #3AB011\n   **/\n  color?: string;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Element opacity property */\n  transparent?: boolean;\n}\n\nexport interface IIntersectionProps extends IContext, IFadeInOutProps {\n  /**\n   * Name of the field in the data\n   * */\n  dataKey: string;\n  /** Element opacity property */\n  transparent?: boolean;\n}\n\ndeclare const Venn: (<T>(props: MapProps<IVennProps & T>) => ReturnEl) & {\n  Circle: <T>(props: MapProps<ICircleProps & T>) => ReturnEl;\n  Intersection: <T>(props: MapProps<IIntersectionProps & T>) => ReturnEl;\n};\n\nexport default Venn;\n"],"mappings":""}

package/lib/types/Area.d.ts

@@ -19,6 +19,8 @@ export interface IAreaProps extends IContext {
    * @default 500
    */
   duration?: number;
+  /** Element opacity property */
+  transparent?: boolean;
 }
 
 export interface IAreaDotsProps extends IContext {
@@ -26,6 +28,8 @@ export interface IAreaDotsProps extends IContext {
   display?: boolean;
   /** Hide property */
   hide?: boolean;
+  /** Element opacity property */
+  transparent?: boolean;
 }
 
 export interface IAreaDotsContext {

package/lib/types/Bar.d.ts

@@ -28,6 +28,8 @@ export interface IBarProps extends IContext {
    * Bar click handler
    */
   onClick?: (data: { [key: string]: string | number }, event: Event) => void;
+  /** Element opacity property */
+  transparent?: boolean;
 }
 
 export interface IBarContext {

package/lib/types/Donut.d.ts

@@ -32,6 +32,8 @@ export interface IPieProps extends IContext {
    * Active sector
    * */
   active?: boolean;
+  /** Element opacity property */
+  transparent?: boolean;
 }
 
 export interface IEmptyDataProps extends IContext {}

package/lib/types/HorizontalBar.d.ts

@@ -19,6 +19,8 @@ export interface IHorizontalBarProps extends IContext {
    * @default 2
    */
   r?: number | number[];
+  /** Element opacity property */
+  transparent?: boolean;
 }
 
 declare const HorizontalBar: (<T>(

package/lib/types/Line.d.ts

@@ -20,6 +20,8 @@ export interface ILineProps extends IContext {
    * @default 500
    */
   duration?: number;
+  /** Element opacity property */
+  transparent?: boolean;
 }
 
 export interface ILineDotsProps extends IContext, IFadeInOutProps {

package/lib/types/Venn.d.ts

@@ -29,6 +29,8 @@ export interface ICircleProps extends IContext {
    * @default 500
    */
   duration?: number;
+  /** Element opacity property */
+  transparent?: boolean;
 }
 
 export interface IIntersectionProps extends IContext, IFadeInOutProps {
@@ -36,6 +38,8 @@ export interface IIntersectionProps extends IContext, IFadeInOutProps {
    * Name of the field in the data
    * */
   dataKey: string;
+  /** Element opacity property */
+  transparent?: boolean;
 }
 
 declare const Venn: (<T>(props: MapProps<IVennProps & T>) => ReturnEl) & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",