@semcore/d3-chart 2.8.2 → 2.8.4

package/lib/cjs/Venn.js

@@ -48,17 +48,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1s3qe_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_1s3qe);transition-timing-function:ease-in-out}.___SCircle_1s3qe_gg_:hover{fill-opacity:.7}.___SCircle_1s3qe_gg_.__color_1s3qe_gg_{fill:var(--color_1s3qe)}.___SCircle_1s3qe_gg_.__transparent_1s3qe_gg_{opacity:.3}.___SIntersection_1s3qe_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_1s3qe_gg_:hover{fill-opacity:.1}.___SIntersection_1s3qe_gg_.__transparent_1s3qe_gg_{opacity:.3}"
+".___SCircle_xa7ap_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_xa7ap);transition-timing-function:ease-in-out}.___SCircle_xa7ap_gg_:hover{fill-opacity:.7}.___SCircle_xa7ap_gg_.__color_xa7ap_gg_{fill:var(--color_xa7ap)}.___SCircle_xa7ap_gg_.__transparent_xa7ap_gg_{opacity:.3}.___SIntersection_xa7ap_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_xa7ap_gg_:hover{fill-opacity:.1}.___SIntersection_xa7ap_gg_.__transparent_xa7ap_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "1s3qe_gg_")
+, "xa7ap_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1s3qe_gg_",
-  "--duration": "--duration_1s3qe",
-  "_color": "__color_1s3qe_gg_",
-  "--color": "--color_1s3qe",
-  "_transparent": "__transparent_1s3qe_gg_",
-  "__SIntersection": "___SIntersection_1s3qe_gg_"
+  "__SCircle": "___SCircle_xa7ap_gg_",
+  "--duration": "--duration_xa7ap",
+  "_color": "__color_xa7ap_gg_",
+  "--color": "--color_xa7ap",
+  "_transparent": "__transparent_xa7ap_gg_",
+  "__SIntersection": "___SIntersection_xa7ap_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/a11y/PlotA11yModule.js

@@ -40,12 +40,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_1wvpr_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1wvpr_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+".___SPlotA11yModule_1x7xe_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1x7xe_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
 /*__inner_css_end__*/
-, "1wvpr_gg_")
+, "1x7xe_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_1wvpr_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1x7xe_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_zjkgx_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_zjkgx_gg_:focus,.___SPlotA11yView_zjkgx_gg_.__focus-within_zjkgx_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_zjkgx_gg_:focus,.___SPlotA11yView_zjkgx_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_zjkgx_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_zjkgx_gg_ table,.___SPlotA11yView_zjkgx_gg_ td,.___SPlotA11yView_zjkgx_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
+".___SPlotA11yView_aj64e_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_aj64e_gg_:focus,.___SPlotA11yView_aj64e_gg_.__focus-within_aj64e_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_aj64e_gg_:focus,.___SPlotA11yView_aj64e_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_aj64e_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_aj64e_gg_ table,.___SPlotA11yView_aj64e_gg_ td,.___SPlotA11yView_aj64e_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
 /*__inner_css_end__*/
-, "zjkgx_gg_")
+, "aj64e_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_zjkgx_gg_",
-  "_focus-within": "__focus-within_zjkgx_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_aj64e_gg_",
+  "_focus-within": "__focus-within_aj64e_gg_"
 });
 
 var PlotA11yView = function PlotA11yView(_ref3) {

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

@@ -17,6 +17,10 @@ SBubble[color] {
   fill: var(--color);
 }
 
+SBubble[transparent] {
+  opacity: 0.3;
+}
+
 SCenter {
   text-anchor: middle;
   /* disable-tokens-validator */
@@ -28,6 +32,10 @@ SCenter[color] {
   stroke: var(--color);
 }
 
+SCenter[transparent] {
+  opacity: 0.3;
+}
+
 SLabel {
   fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
 }
@@ -43,3 +51,7 @@ SLabel[position='left'] {
 SLabel[color] {
   fill: var(--color);
 }
+
+SLabel[transparent] {
+  opacity: 0.3;
+}

package/lib/cjs/style/radial-tree.shadow.css

@@ -13,14 +13,31 @@ SLine[color] {
   stroke: var(--color);
 }
 
+SLine[transparent] {
+  opacity: 0.3;
+}
+
 SCap {
   transition: r 0.1s;
 }
 
+SCap[transparent] {
+  opacity: 0.3;
+}
+
+SIcon[transparent] {
+  opacity: 0.3;
+}
+
 SLabel {
   fill: var(--color);
   cursor: var(--text-cursor);
 }
+
+SLabel[transparent] {
+  opacity: 0.3;
+}
+
 SRadian:hover SLabel {
   fill: var(--color-hovered);
 }

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

@@ -15,6 +15,10 @@ SScatterPlot[color] {
   fill: var(--color);
 }
 
+SScatterPlot[transparent] {
+  opacity: 0.3;
+}
+
 SValue {
   text-anchor: middle;
   font-size: var(--intergalactic-fs-50, 10px);
@@ -24,3 +28,7 @@ SValue {
 SValue[color] {
   stroke: var(--color);
 }
+
+SValue[transparent] {
+  opacity: 0.3;
+}

package/lib/cjs/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  /** 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":""}
+{"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  /** Enables element transparency */\n  transparent?: boolean;\n}\n\nexport interface IAreaDotsProps extends IContext {\n  /** Show all Dot */\n  display?: boolean;\n  /** Hide property */\n  hide?: boolean;\n  /** Enables element transparency */\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/cjs/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  /** 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":""}
+{"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  /** Enables element transparency */\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/cjs/types/Bubble.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBubbleProps extends IContext {\n  /** Field from data for XAxis */\n  x: string;\n  /** Field from data for YAxis */\n  y: string;\n  /** Field from data for circle radius */\n  value: string;\n  /** Field from data for circle label */\n  label?: string;\n  /** Circle color */\n  color?: string;\n  /** Cross in the center of the bubble\n   * @default true\n   */\n  markedCross?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n}\n\nexport interface IBubbleContext {\n  /** Index element of data */\n  index: number;\n}\n\ndeclare const Bubble: <T>(props: MapProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;\n\nexport default Bubble;\n"],"mappings":""}
+{"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBubbleProps extends IContext {\n  /** Field from data for XAxis */\n  x: string;\n  /** Field from data for YAxis */\n  y: string;\n  /** Field from data for circle radius */\n  value: string;\n  /** Field from data for circle label */\n  label?: string;\n  /** Circle color */\n  color?: string;\n  /** Cross in the center of the bubble\n   * @default true\n   */\n  markedCross?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n}\n\nexport interface IBubbleContext {\n  /** Index element of data */\n  index: number;\n}\n\ndeclare const Bubble: <T>(props: MapProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;\n\nexport default Bubble;\n"],"mappings":""}

package/lib/cjs/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  /** 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":""}
+{"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  /** Enables element transparency */\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/cjs/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  /** 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":""}
+{"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  /** Enables element transparency */\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/cjs/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  /** 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":""}
+{"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  /** Enables element transparency */\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/cjs/types/ScatterPlot.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.d.js","names":[],"sources":["../../../src/types/ScatterPlot.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IScatterPlotProps extends IContext {\n  /** Field from data for XAxis */\n  x: string;\n  /** Field from data for YAxis */\n  y: string;\n  /** Field from data for circle value */\n  value?: string;\n  /** Circle color */\n  color?: string;\n  /** Circle value color */\n  valueColor?: string;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of circles\n   * @default 5.5 or 12 with value\n   */\n  r?: number;\n}\n\ndeclare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;\n\nexport default ScatterPlot;\n"],"mappings":""}
+{"version":3,"file":"ScatterPlot.d.js","names":[],"sources":["../../../src/types/ScatterPlot.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IScatterPlotProps extends IContext {\n  /** Field from data for XAxis */\n  x: string;\n  /** Field from data for YAxis */\n  y: string;\n  /** Field from data for circle value */\n  value?: string;\n  /** Circle color */\n  color?: string;\n  /** Circle value color */\n  valueColor?: string;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of circles\n   * @default 5.5 or 12 with value\n   */\n  r?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n}\n\ndeclare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;\n\nexport default ScatterPlot;\n"],"mappings":""}

package/lib/cjs/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  /** 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":""}
+{"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  /** Enables element transparency */\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  /** Enables element transparency */\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/es6/Area.js

@@ -26,19 +26,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_1ge4y_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);fill-opacity:.2}.___SArea_1ge4y_gg_.__color_1ge4y_gg_{fill:var(--color_1ge4y)}.___SArea_1ge4y_gg_.__transparent_1ge4y_gg_{opacity:.3}.___SAreaLine_1ge4y_gg_{stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1ge4y_gg_.__color_1ge4y_gg_{stroke:var(--color_1ge4y)}.___SAreaLine_1ge4y_gg_.__transparent_1ge4y_gg_{opacity:.3}.___SArea_1ge4y_gg_,.___SAreaLine_1ge4y_gg_{transition-property:d;transition-duration:var(--duration_1ge4y);transition-timing-function:ease-in-out}.___SNull_1ge4y_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf);stroke-dasharray:4}.___SNull_1ge4y_gg_.__hide_1ge4y_gg_{display:none}"
+".___SArea_11bld_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);fill-opacity:.2}.___SArea_11bld_gg_.__color_11bld_gg_{fill:var(--color_11bld)}.___SArea_11bld_gg_.__transparent_11bld_gg_{opacity:.3}.___SAreaLine_11bld_gg_{stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_11bld_gg_.__color_11bld_gg_{stroke:var(--color_11bld)}.___SAreaLine_11bld_gg_.__transparent_11bld_gg_{opacity:.3}.___SArea_11bld_gg_,.___SAreaLine_11bld_gg_{transition-property:d;transition-duration:var(--duration_11bld);transition-timing-function:ease-in-out}.___SNull_11bld_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf);stroke-dasharray:4}.___SNull_11bld_gg_.__hide_11bld_gg_{display:none}"
 /*__inner_css_end__*/
-, "1ge4y_gg_")
+, "11bld_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1ge4y_gg_",
-  "_color": "__color_1ge4y_gg_",
-  "--color": "--color_1ge4y",
-  "_transparent": "__transparent_1ge4y_gg_",
-  "__SAreaLine": "___SAreaLine_1ge4y_gg_",
-  "--duration": "--duration_1ge4y",
-  "__SNull": "___SNull_1ge4y_gg_",
-  "_hide": "__hide_1ge4y_gg_"
+  "__SArea": "___SArea_11bld_gg_",
+  "_color": "__color_11bld_gg_",
+  "--color": "--color_11bld",
+  "_transparent": "__transparent_11bld_gg_",
+  "__SAreaLine": "___SAreaLine_11bld_gg_",
+  "--duration": "--duration_11bld",
+  "__SNull": "___SNull_11bld_gg_",
+  "_hide": "__hide_11bld_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Axis.js

@@ -27,23 +27,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_mk1n0_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SAxis_mk1n0_gg_.__hide_mk1n0_gg_{display:none}.___STick_mk1n0_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79)}.___STick_mk1n0_gg_.__hide_mk1n0_gg_{display:none}.___SGrid_mk1n0_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary,#e0e1e9)}.___STitle_mk1n0_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-text-hint,#6c6e79);transform-origin:var(--transform-origin_mk1n0)}.___STitle_mk1n0_gg_._position_top_mk1n0_gg_{text-anchor:middle}.___STitle_mk1n0_gg_._position_bottom_mk1n0_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_mk1n0_gg_._position_right_mk1n0_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_mk1n0_gg_._position_left_mk1n0_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_mk1n0_gg_._position_top_mk1n0_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_mk1n0_gg_._position_bottom_mk1n0_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_mk1n0_gg_._position_right_mk1n0_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_mk1n0_gg_._position_left_mk1n0_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_mk1n0_gg_._position_custom_0_mk1n0_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_mk1n0_gg_._position_custom_1_mk1n0_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_m82pb_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SAxis_m82pb_gg_.__hide_m82pb_gg_{display:none}.___STick_m82pb_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79)}.___STick_m82pb_gg_.__hide_m82pb_gg_{display:none}.___SGrid_m82pb_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary,#e0e1e9)}.___STitle_m82pb_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-text-hint,#6c6e79);transform-origin:var(--transform-origin_m82pb)}.___STitle_m82pb_gg_._position_top_m82pb_gg_{text-anchor:middle}.___STitle_m82pb_gg_._position_bottom_m82pb_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_m82pb_gg_._position_right_m82pb_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_m82pb_gg_._position_left_m82pb_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_m82pb_gg_._position_top_m82pb_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_m82pb_gg_._position_bottom_m82pb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_m82pb_gg_._position_right_m82pb_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_m82pb_gg_._position_left_m82pb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_m82pb_gg_._position_custom_0_m82pb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_m82pb_gg_._position_custom_1_m82pb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "mk1n0_gg_")
+, "m82pb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_mk1n0_gg_",
-  "_hide": "__hide_mk1n0_gg_",
-  "__STick": "___STick_mk1n0_gg_",
-  "__SGrid": "___SGrid_mk1n0_gg_",
-  "__STitle": "___STitle_mk1n0_gg_",
-  "--transform-origin": "--transform-origin_mk1n0",
-  "_position_top": "_position_top_mk1n0_gg_",
-  "_position_bottom": "_position_bottom_mk1n0_gg_",
-  "_position_right": "_position_right_mk1n0_gg_",
-  "_position_left": "_position_left_mk1n0_gg_",
-  "_position_custom_0": "_position_custom_0_mk1n0_gg_",
-  "_position_custom_1": "_position_custom_1_mk1n0_gg_"
+  "__SAxis": "___SAxis_m82pb_gg_",
+  "_hide": "__hide_m82pb_gg_",
+  "__STick": "___STick_m82pb_gg_",
+  "__SGrid": "___SGrid_m82pb_gg_",
+  "__STitle": "___STitle_m82pb_gg_",
+  "--transform-origin": "--transform-origin_m82pb",
+  "_position_top": "_position_top_m82pb_gg_",
+  "_position_bottom": "_position_bottom_m82pb_gg_",
+  "_position_right": "_position_right_m82pb_gg_",
+  "_position_left": "_position_left_m82pb_gg_",
+  "_position_custom_0": "_position_custom_0_m82pb_gg_",
+  "_position_custom_1": "_position_custom_1_m82pb_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -24,18 +24,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1rtpk_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1rtpk);transition-timing-function:ease-in-out}.___SBar_1rtpk_gg_.__color_1rtpk_gg_{fill:var(--color_1rtpk)}.___SBar_1rtpk_gg_.__hide_1rtpk_gg_{display:none}.___SBar_1rtpk_gg_.__transparent_1rtpk_gg_{opacity:.3}.___SBackground_1rtpk_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
+".___SBar_18oq9_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_18oq9);transition-timing-function:ease-in-out}.___SBar_18oq9_gg_.__color_18oq9_gg_{fill:var(--color_18oq9)}.___SBar_18oq9_gg_.__hide_18oq9_gg_{display:none}.___SBar_18oq9_gg_.__transparent_18oq9_gg_{opacity:.3}.___SBackground_18oq9_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
 /*__inner_css_end__*/
-, "1rtpk_gg_")
+, "18oq9_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1rtpk_gg_",
-  "--duration": "--duration_1rtpk",
-  "_color": "__color_1rtpk_gg_",
-  "--color": "--color_1rtpk",
-  "_hide": "__hide_1rtpk_gg_",
-  "_transparent": "__transparent_1rtpk_gg_",
-  "__SBackground": "___SBackground_1rtpk_gg_"
+  "__SBar": "___SBar_18oq9_gg_",
+  "--duration": "--duration_18oq9",
+  "_color": "__color_18oq9_gg_",
+  "--color": "--color_18oq9",
+  "_hide": "__hide_18oq9_gg_",
+  "_transparent": "__transparent_18oq9_gg_",
+  "__SBackground": "___SBackground_18oq9_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Bubble.js

@@ -32,19 +32,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_edp7d_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_edp7d);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_edp7d_gg_:hover{opacity:.8}.___SBubble_edp7d_gg_.__color_edp7d_gg_{fill:var(--color_edp7d)}.___SCenter_edp7d_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SCenter_edp7d_gg_.__color_edp7d_gg_{stroke:var(--color_edp7d)}.___SLabel_edp7d_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SLabel_edp7d_gg_._position_right_edp7d_gg_{text-anchor:end}.___SLabel_edp7d_gg_._position_left_edp7d_gg_{text-anchor:start}.___SLabel_edp7d_gg_.__color_edp7d_gg_{fill:var(--color_edp7d)}"
+".___SBubble_lmqz1_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_lmqz1);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_lmqz1_gg_:hover{opacity:.8}.___SBubble_lmqz1_gg_.__color_lmqz1_gg_{fill:var(--color_lmqz1)}.___SBubble_lmqz1_gg_.__transparent_lmqz1_gg_{opacity:.3}.___SCenter_lmqz1_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SCenter_lmqz1_gg_.__color_lmqz1_gg_{stroke:var(--color_lmqz1)}.___SCenter_lmqz1_gg_.__transparent_lmqz1_gg_{opacity:.3}.___SLabel_lmqz1_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SLabel_lmqz1_gg_._position_right_lmqz1_gg_{text-anchor:end}.___SLabel_lmqz1_gg_._position_left_lmqz1_gg_{text-anchor:start}.___SLabel_lmqz1_gg_.__color_lmqz1_gg_{fill:var(--color_lmqz1)}.___SLabel_lmqz1_gg_.__transparent_lmqz1_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "edp7d_gg_")
+, "lmqz1_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_edp7d_gg_",
-  "--duration": "--duration_edp7d",
-  "_color": "__color_edp7d_gg_",
-  "--color": "--color_edp7d",
-  "__SCenter": "___SCenter_edp7d_gg_",
-  "__SLabel": "___SLabel_edp7d_gg_",
-  "_position_right": "_position_right_edp7d_gg_",
-  "_position_left": "_position_left_edp7d_gg_"
+  "__SBubble": "___SBubble_lmqz1_gg_",
+  "--duration": "--duration_lmqz1",
+  "_color": "__color_lmqz1_gg_",
+  "--color": "--color_lmqz1",
+  "_transparent": "__transparent_lmqz1_gg_",
+  "__SCenter": "___SCenter_lmqz1_gg_",
+  "__SLabel": "___SLabel_lmqz1_gg_",
+  "_position_right": "_position_right_lmqz1_gg_",
+  "_position_left": "_position_left_lmqz1_gg_"
 });
 
 var BubbleRoot = /*#__PURE__*/function (_Component) {
@@ -143,7 +144,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
           label = _this$asProps2.label,
           markedCross = _this$asProps2.markedCross,
           size = _this$asProps2.size,
-          data = _this$asProps2.data;
+          data = _this$asProps2.data,
+          transparent = _this$asProps2.transparent;
 
       var _scale = _slicedToArray(scale, 2),
           xScale = _scale[0],
@@ -175,7 +177,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
-        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
+        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color,
+        "transparent": transparent
       }), "+"), /*#__PURE__*/React.createElement(SBubble, _ref.cn("SBubble", {
         "aria-hidden": true,
         "id": "".concat(uid).concat(uid),
@@ -186,7 +189,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "cy": yScale(d[y]) + offset[1],
         "color": d[color],
         "r": z(d[value]),
-        "use:duration": "".concat(duration, "ms")
+        "use:duration": "".concat(duration, "ms"),
+        "transparent": transparent
       })), d[label] && /*#__PURE__*/React.createElement(SLabel, _ref.cn("SLabel", {
         "aria-hidden": true,
         "x": labelDistance,
@@ -194,7 +198,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
         "position": labelPosition,
-        "color": d[color]
+        "color": d[color],
+        "transparent": transparent
       }), d[label]));
     }
   }, {

package/lib/es6/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["React","scaleSqrt","transition","Component","sstyled","canUseDOM","uniqueIDEnhancement","createElement","ClipPath","CONSTANT","measureText","BubbleRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","style","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  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  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function (_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          aria-hidden\n          id={`${uid}${uid}`}\n          index={i}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            aria-hidden\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
+{"version":3,"file":"Bubble.js","names":["React","scaleSqrt","transition","Component","sstyled","canUseDOM","uniqueIDEnhancement","createElement","ClipPath","CONSTANT","measureText","BubbleRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","transparent","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","style","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  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  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function (_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n      transparent,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n            transparent={transparent}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          aria-hidden\n          id={`${uid}${uid}`}\n          index={i}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[label] && (\n          <SLabel\n            aria-hidden\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n            transparent={transparent}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}

package/lib/es6/Donut.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_4g63g_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SPie_4g63g_gg_.__color_4g63g_gg_{fill:var(--color_4g63g)}.___SPie_4g63g_gg_.__transparent_4g63g_gg_{opacity:.3}.___SEmptyData_4g63g_gg_{fill:var(--intergalactic-chart-palette-order-null,#e0e1e9)}.___SEmptyData_4g63g_gg_.__color_4g63g_gg_{fill:var(--color_4g63g)}.___SLabel_4g63g_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_rt6ah_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SPie_rt6ah_gg_.__color_rt6ah_gg_{fill:var(--color_rt6ah)}.___SPie_rt6ah_gg_.__transparent_rt6ah_gg_{opacity:.3}.___SEmptyData_rt6ah_gg_{fill:var(--intergalactic-chart-palette-order-null,#e0e1e9)}.___SEmptyData_rt6ah_gg_.__color_rt6ah_gg_{fill:var(--color_rt6ah)}.___SLabel_rt6ah_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "4g63g_gg_")
+, "rt6ah_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_4g63g_gg_",
-  "_color": "__color_4g63g_gg_",
-  "--color": "--color_4g63g",
-  "_transparent": "__transparent_4g63g_gg_",
-  "__SEmptyData": "___SEmptyData_4g63g_gg_",
-  "__SLabel": "___SLabel_4g63g_gg_"
+  "__SPie": "___SPie_rt6ah_gg_",
+  "_color": "__color_rt6ah_gg_",
+  "--color": "--color_rt6ah",
+  "_transparent": "__transparent_rt6ah_gg_",
+  "__SEmptyData": "___SEmptyData_rt6ah_gg_",
+  "__SLabel": "___SLabel_rt6ah_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 

package/lib/es6/Dots.js

@@ -12,19 +12,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_1b1qp_gg_ .___SDot_1b1qp_gg_{transition-duration:var(--duration_1b1qp)}.___SDot_1b1qp_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1b1qp_gg_.__hide_1b1qp_gg_{display:none}.___SDot_1b1qp_gg_.__active_1b1qp_gg_{r:8px}.___SDot_1b1qp_gg_.__color_1b1qp_gg_{fill:var(--color_1b1qp)}.___SDot_1b1qp_gg_.__transparent_1b1qp_gg_{opacity:.3}"
+".___SDots_13p9i_gg_ .___SDot_13p9i_gg_{transition-duration:var(--duration_13p9i)}.___SDot_13p9i_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_13p9i_gg_.__hide_13p9i_gg_{display:none}.___SDot_13p9i_gg_.__active_13p9i_gg_{r:8px}.___SDot_13p9i_gg_.__color_13p9i_gg_{fill:var(--color_13p9i)}.___SDot_13p9i_gg_.__transparent_13p9i_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "1b1qp_gg_")
+, "13p9i_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_1b1qp_gg_",
-  "__SDot": "___SDot_1b1qp_gg_",
-  "--duration": "--duration_1b1qp",
-  "_hide": "__hide_1b1qp_gg_",
-  "_active": "__active_1b1qp_gg_",
-  "_color": "__color_1b1qp_gg_",
-  "--color": "--color_1b1qp",
-  "_transparent": "__transparent_1b1qp_gg_"
+  "__SDots": "___SDots_13p9i_gg_",
+  "__SDot": "___SDot_13p9i_gg_",
+  "--duration": "--duration_13p9i",
+  "_hide": "__hide_13p9i_gg_",
+  "_active": "__active_13p9i_gg_",
+  "_color": "__color_13p9i_gg_",
+  "--color": "--color_13p9i",
+  "_transparent": "__transparent_13p9i_gg_"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 

package/lib/es6/HorizontalBar.js

@@ -23,18 +23,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1rtpk_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1rtpk);transition-timing-function:ease-in-out}.___SBar_1rtpk_gg_.__color_1rtpk_gg_{fill:var(--color_1rtpk)}.___SBar_1rtpk_gg_.__hide_1rtpk_gg_{display:none}.___SBar_1rtpk_gg_.__transparent_1rtpk_gg_{opacity:.3}.___SBackground_1rtpk_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
+".___SBar_18oq9_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_18oq9);transition-timing-function:ease-in-out}.___SBar_18oq9_gg_.__color_18oq9_gg_{fill:var(--color_18oq9)}.___SBar_18oq9_gg_.__hide_18oq9_gg_{display:none}.___SBar_18oq9_gg_.__transparent_18oq9_gg_{opacity:.3}.___SBackground_18oq9_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
 /*__inner_css_end__*/
-, "1rtpk_gg_")
+, "18oq9_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1rtpk_gg_",
-  "--duration": "--duration_1rtpk",
-  "_color": "__color_1rtpk_gg_",
-  "--color": "--color_1rtpk",
-  "_hide": "__hide_1rtpk_gg_",
-  "_transparent": "__transparent_1rtpk_gg_",
-  "__SBackground": "___SBackground_1rtpk_gg_"
+  "__SBar": "___SBar_18oq9_gg_",
+  "--duration": "--duration_18oq9",
+  "_color": "__color_18oq9_gg_",
+  "--color": "--color_18oq9",
+  "_hide": "__hide_18oq9_gg_",
+  "_transparent": "__transparent_18oq9_gg_",
+  "__SBackground": "___SBackground_18oq9_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Hover.js

@@ -24,13 +24,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_1w3dz_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_1w3dz_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
+".___SHoverLine_1fz07_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_1fz07_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
 /*__inner_css_end__*/
-, "1w3dz_gg_")
+, "1fz07_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1w3dz_gg_",
-  "__SHoverRect": "___SHoverRect_1w3dz_gg_"
+  "__SHoverLine": "___SHoverLine_1fz07_gg_",
+  "__SHoverRect": "___SHoverRect_1fz07_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {