@semcore/d3-chart 2.7.1 → 2.8.0

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

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

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

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

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

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

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

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

package/lib/cjs/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/cjs/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/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}\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/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}\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/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}\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/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}\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/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}\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/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}\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/es6/Area.js

@@ -26,18 +26,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_13jht_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);fill-opacity:.2}.___SArea_13jht_gg_.__color_13jht_gg_{fill:var(--color_13jht)}.___SAreaLine_13jht_gg_{stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_13jht_gg_.__color_13jht_gg_{stroke:var(--color_13jht)}.___SArea_13jht_gg_,.___SAreaLine_13jht_gg_{transition-property:d;transition-duration:var(--duration_13jht);transition-timing-function:ease-in-out}.___SNull_13jht_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf);stroke-dasharray:4}.___SNull_13jht_gg_.__hide_13jht_gg_{display:none}"
+".___SArea_1xtjl_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);fill-opacity:.2}.___SArea_1xtjl_gg_.__color_1xtjl_gg_{fill:var(--color_1xtjl)}.___SArea_1xtjl_gg_.__transparent_1xtjl_gg_{opacity:.3}.___SAreaLine_1xtjl_gg_{stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1xtjl_gg_.__color_1xtjl_gg_{stroke:var(--color_1xtjl)}.___SAreaLine_1xtjl_gg_.__transparent_1xtjl_gg_{opacity:.3}.___SArea_1xtjl_gg_,.___SAreaLine_1xtjl_gg_{transition-property:d;transition-duration:var(--duration_1xtjl);transition-timing-function:ease-in-out}.___SNull_1xtjl_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf);stroke-dasharray:4}.___SNull_1xtjl_gg_.__hide_1xtjl_gg_{display:none}"
 /*__inner_css_end__*/
-, "13jht_gg_")
+, "1xtjl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_13jht_gg_",
-  "_color": "__color_13jht_gg_",
-  "--color": "--color_13jht",
-  "__SAreaLine": "___SAreaLine_13jht_gg_",
-  "--duration": "--duration_13jht",
-  "__SNull": "___SNull_13jht_gg_",
-  "_hide": "__hide_13jht_gg_"
+  "__SArea": "___SArea_1xtjl_gg_",
+  "_color": "__color_1xtjl_gg_",
+  "--color": "--color_1xtjl",
+  "_transparent": "__transparent_1xtjl_gg_",
+  "__SAreaLine": "___SAreaLine_1xtjl_gg_",
+  "--duration": "--duration_1xtjl",
+  "__SNull": "___SNull_1xtjl_gg_",
+  "_hide": "__hide_1xtjl_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {
@@ -59,13 +60,15 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
           y = _this$asProps.y,
           color = _this$asProps.color,
           data = _this$asProps.data,
-          d3Line = _this$asProps.d3Line;
+          d3Line = _this$asProps.d3Line,
+          transparent = _this$asProps.transparent;
       return {
         x: x,
         y: y,
         data: data,
         d3: d3Line,
-        color: color
+        color: color,
+        transparent: transparent
       };
     }
   }, {
@@ -119,7 +122,8 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
           duration = _this$asProps4.duration,
           x = _this$asProps4.x,
           y = _this$asProps4.y,
-          Children = _this$asProps4.Children;
+          Children = _this$asProps4.Children,
+          transparent = _this$asProps4.transparent;
       var advanceMode = !!findComponent(Children, [Area.Line.displayName]);
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
       this.asProps.dataHintsHandler.establishDataType('time-series');
@@ -128,7 +132,8 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         "clipPath": "url(#".concat(uid, ")"),
         "d": d3Line(data),
         "color": color,
-        "use:duration": "".concat(duration, "ms")
+        "use:duration": "".concat(duration, "ms"),
+        "transparent": transparent
       })), /*#__PURE__*/React.createElement(SArea, _ref.cn("SArea", {
         "aria-hidden": true,
         "clipPath": "url(#".concat(uid, ")"),
@@ -136,7 +141,8 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         "d": d3(data),
         "hide": hide,
         "color": color,
-        "use:duration": "".concat(duration, "ms")
+        "use:duration": "".concat(duration, "ms"),
+        "transparent": transparent
       })), duration && /*#__PURE__*/React.createElement(ClipPath, _ref.cn("ClipPath", {
         "aria-hidden": true,
         "setAttributeTag": function setAttributeTag(rect) {
@@ -202,13 +208,15 @@ function Line(props) {
       data = props.data,
       color = props.color,
       duration = props.duration,
-      uid = props.uid;
+      uid = props.uid,
+      transparent = props.transparent;
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SAreaLine, _ref2.cn("SAreaLine", {
     "render": "path",
     "clipPath": "url(#".concat(uid, ")"),
     "d": d3(data),
     "color": color,
-    "use:duration": "".concat(duration, "ms")
+    "use:duration": "".concat(duration, "ms"),
+    "transparent": transparent
   }));
 }
 

package/lib/es6/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","AreaRoot","asProps","x","y","color","data","d3Line","d3","duration","uid","SArea","Element","SAreaLine","styles","hide","size","Children","advanceMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","props","Null","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration, x, y, Children } =\n      this.asProps;\n    const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advanceMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={color}\n            use:duration={`${duration}ms`}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const { Element: SAreaLine, styles, d3, data, color, duration, uid } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render=\"path\"\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={color}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
+{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","AreaRoot","asProps","x","y","color","data","d3Line","transparent","d3","duration","uid","SArea","Element","SAreaLine","styles","hide","size","Children","advanceMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","props","Null","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, data, d3Line, transparent } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      data,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n    } = this.asProps;\n    const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advanceMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={color}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const { Element: SAreaLine, styles, d3, data, color, duration, uid, transparent } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render=\"path\"\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={color}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}

package/lib/es6/Axis.js

@@ -27,23 +27,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_1tzk7_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SAxis_1tzk7_gg_.__hide_1tzk7_gg_{display:none}.___STick_1tzk7_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79)}.___STick_1tzk7_gg_.__hide_1tzk7_gg_{display:none}.___SGrid_1tzk7_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary,#e0e1e9)}.___STitle_1tzk7_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-text-hint,#6c6e79);transform-origin:var(--transform-origin_1tzk7)}.___STitle_1tzk7_gg_._position_top_1tzk7_gg_{text-anchor:middle}.___STitle_1tzk7_gg_._position_bottom_1tzk7_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1tzk7_gg_._position_right_1tzk7_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1tzk7_gg_._position_left_1tzk7_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_1tzk7_gg_._position_top_1tzk7_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1tzk7_gg_._position_bottom_1tzk7_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1tzk7_gg_._position_right_1tzk7_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1tzk7_gg_._position_left_1tzk7_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1tzk7_gg_._position_custom_0_1tzk7_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1tzk7_gg_._position_custom_1_1tzk7_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_197b3_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SAxis_197b3_gg_.__hide_197b3_gg_{display:none}.___STick_197b3_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79)}.___STick_197b3_gg_.__hide_197b3_gg_{display:none}.___SGrid_197b3_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary,#e0e1e9)}.___STitle_197b3_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-text-hint,#6c6e79);transform-origin:var(--transform-origin_197b3)}.___STitle_197b3_gg_._position_top_197b3_gg_{text-anchor:middle}.___STitle_197b3_gg_._position_bottom_197b3_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_197b3_gg_._position_right_197b3_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_197b3_gg_._position_left_197b3_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_197b3_gg_._position_top_197b3_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_197b3_gg_._position_bottom_197b3_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_197b3_gg_._position_right_197b3_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_197b3_gg_._position_left_197b3_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_197b3_gg_._position_custom_0_197b3_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_197b3_gg_._position_custom_1_197b3_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "1tzk7_gg_")
+, "197b3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_1tzk7_gg_",
-  "_hide": "__hide_1tzk7_gg_",
-  "__STick": "___STick_1tzk7_gg_",
-  "__SGrid": "___SGrid_1tzk7_gg_",
-  "__STitle": "___STitle_1tzk7_gg_",
-  "--transform-origin": "--transform-origin_1tzk7",
-  "_position_top": "_position_top_1tzk7_gg_",
-  "_position_bottom": "_position_bottom_1tzk7_gg_",
-  "_position_right": "_position_right_1tzk7_gg_",
-  "_position_left": "_position_left_1tzk7_gg_",
-  "_position_custom_0": "_position_custom_0_1tzk7_gg_",
-  "_position_custom_1": "_position_custom_1_1tzk7_gg_"
+  "__SAxis": "___SAxis_197b3_gg_",
+  "_hide": "__hide_197b3_gg_",
+  "__STick": "___STick_197b3_gg_",
+  "__SGrid": "___SGrid_197b3_gg_",
+  "__STitle": "___STitle_197b3_gg_",
+  "--transform-origin": "--transform-origin_197b3",
+  "_position_top": "_position_top_197b3_gg_",
+  "_position_bottom": "_position_bottom_197b3_gg_",
+  "_position_right": "_position_right_197b3_gg_",
+  "_position_left": "_position_left_197b3_gg_",
+  "_position_custom_0": "_position_custom_0_197b3_gg_",
+  "_position_custom_1": "_position_custom_1_197b3_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -24,17 +24,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_19pcp_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_19pcp);transition-timing-function:ease-in-out}.___SBar_19pcp_gg_.__color_19pcp_gg_{fill:var(--color_19pcp)}.___SBar_19pcp_gg_.__hide_19pcp_gg_{display:none}.___SBackground_19pcp_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
+".___SBar_1c6er_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1c6er);transition-timing-function:ease-in-out}.___SBar_1c6er_gg_.__color_1c6er_gg_{fill:var(--color_1c6er)}.___SBar_1c6er_gg_.__hide_1c6er_gg_{display:none}.___SBar_1c6er_gg_.__transparent_1c6er_gg_{opacity:.3}.___SBackground_1c6er_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
 /*__inner_css_end__*/
-, "19pcp_gg_")
+, "1c6er_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_19pcp_gg_",
-  "--duration": "--duration_19pcp",
-  "_color": "__color_19pcp_gg_",
-  "--color": "--color_19pcp",
-  "_hide": "__hide_19pcp_gg_",
-  "__SBackground": "___SBackground_19pcp_gg_"
+  "__SBar": "___SBar_1c6er_gg_",
+  "--duration": "--duration_1c6er",
+  "_color": "__color_1c6er_gg_",
+  "--color": "--color_1c6er",
+  "_hide": "__hide_1c6er_gg_",
+  "_transparent": "__transparent_1c6er_gg_",
+  "__SBackground": "___SBackground_1c6er_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {
@@ -102,7 +103,8 @@ var BarRoot = /*#__PURE__*/function (_Component) {
           hMin = _this$asProps3.hMin,
           widthProps = _this$asProps3.width,
           groupKey = _this$asProps3.groupKey,
-          onClick = _this$asProps3.onClick;
+          onClick = _this$asProps3.onClick,
+          transparent = _this$asProps3.transparent;
 
       var _scale = _slicedToArray(scale, 2),
           xScale = _scale[0],
@@ -149,7 +151,8 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         "height": height,
         "d": dSvg,
         "onClickCapture": handleClick,
-        "use:duration": "".concat(duration, "ms")
+        "use:duration": "".concat(duration, "ms"),
+        "transparent": transparent
       }));
     }
   }, {

package/lib/es6/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","hMin","widthProps","width","groupKey","onClick","xScale","yScale","barY","Math","max","Object","is","barX","height","abs","min","domain","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    hMin: 4,\n  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition().selection().selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect.transition().duration(duration).attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      hMin,\n      width: widthProps,\n      groupKey,\n      onClick,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1] - (Object.is(d[y], 0) ? hMin : 0);\n    const barX = xScale(d[x]) + offset[0];\n    const height =\n      Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0))) || hMin;\n    const handleClick = (event) => onClick?.(d, event);\n    const width = widthProps || getBandwidth(xScale);\n    const dSvg = getRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value', 'onClick']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        onClickCapture={handleClick}\n        use:duration={`${duration}ms`}\n      />,\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            aria-hidden\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xScale.bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height <= radius) return '';\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
+{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","xScale","yScale","barY","Math","max","Object","is","barX","height","abs","min","domain","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    hMin: 4,\n  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition().selection().selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect.transition().duration(duration).attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      hMin,\n      width: widthProps,\n      groupKey,\n      onClick,\n      transparent,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1] - (Object.is(d[y], 0) ? hMin : 0);\n    const barX = xScale(d[x]) + offset[0];\n    const height =\n      Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0))) || hMin;\n    const handleClick = (event) => onClick?.(d, event);\n    const width = widthProps || getBandwidth(xScale);\n    const dSvg = getRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value', 'onClick']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        onClickCapture={handleClick}\n        use:duration={`${duration}ms`}\n        transparent={transparent}\n      />,\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            aria-hidden\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xScale.bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height <= radius) return '';\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}

package/lib/es6/Bubble.js

@@ -32,19 +32,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_12oc1_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_12oc1);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_12oc1_gg_:hover{opacity:.8}.___SBubble_12oc1_gg_.__color_12oc1_gg_{fill:var(--color_12oc1)}.___SCenter_12oc1_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SCenter_12oc1_gg_.__color_12oc1_gg_{stroke:var(--color_12oc1)}.___SLabel_12oc1_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SLabel_12oc1_gg_._position_right_12oc1_gg_{text-anchor:end}.___SLabel_12oc1_gg_._position_left_12oc1_gg_{text-anchor:start}.___SLabel_12oc1_gg_.__color_12oc1_gg_{fill:var(--color_12oc1)}"
+".___SBubble_1w6v0_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_1w6v0);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_1w6v0_gg_:hover{opacity:.8}.___SBubble_1w6v0_gg_.__color_1w6v0_gg_{fill:var(--color_1w6v0)}.___SCenter_1w6v0_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SCenter_1w6v0_gg_.__color_1w6v0_gg_{stroke:var(--color_1w6v0)}.___SLabel_1w6v0_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SLabel_1w6v0_gg_._position_right_1w6v0_gg_{text-anchor:end}.___SLabel_1w6v0_gg_._position_left_1w6v0_gg_{text-anchor:start}.___SLabel_1w6v0_gg_.__color_1w6v0_gg_{fill:var(--color_1w6v0)}"
 /*__inner_css_end__*/
-, "12oc1_gg_")
+, "1w6v0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_12oc1_gg_",
-  "--duration": "--duration_12oc1",
-  "_color": "__color_12oc1_gg_",
-  "--color": "--color_12oc1",
-  "__SCenter": "___SCenter_12oc1_gg_",
-  "__SLabel": "___SLabel_12oc1_gg_",
-  "_position_right": "_position_right_12oc1_gg_",
-  "_position_left": "_position_left_12oc1_gg_"
+  "__SBubble": "___SBubble_1w6v0_gg_",
+  "--duration": "--duration_1w6v0",
+  "_color": "__color_1w6v0_gg_",
+  "--color": "--color_1w6v0",
+  "__SCenter": "___SCenter_1w6v0_gg_",
+  "__SLabel": "___SLabel_1w6v0_gg_",
+  "_position_right": "_position_right_1w6v0_gg_",
+  "_position_left": "_position_left_1w6v0_gg_"
 });
 
 var BubbleRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Donut.js

@@ -8,7 +8,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { sstyled as _sstyled } from "@semcore/core";
-var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler"];
+var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -34,16 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_1f4s9_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SPie_1f4s9_gg_.__color_1f4s9_gg_{fill:var(--color_1f4s9)}.___SEmptyData_1f4s9_gg_{fill:var(--intergalactic-chart-palette-order-null,#e0e1e9)}.___SEmptyData_1f4s9_gg_.__color_1f4s9_gg_{fill:var(--color_1f4s9)}.___SLabel_1f4s9_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_17fbb_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SPie_17fbb_gg_.__color_17fbb_gg_{fill:var(--color_17fbb)}.___SPie_17fbb_gg_.__transparent_17fbb_gg_{opacity:.3}.___SEmptyData_17fbb_gg_{fill:var(--intergalactic-chart-palette-order-null,#e0e1e9)}.___SEmptyData_17fbb_gg_.__color_17fbb_gg_{fill:var(--color_17fbb)}.___SLabel_17fbb_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "1f4s9_gg_")
+, "17fbb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_1f4s9_gg_",
-  "_color": "__color_1f4s9_gg_",
-  "--color": "--color_1f4s9",
-  "__SEmptyData": "___SEmptyData_1f4s9_gg_",
-  "__SLabel": "___SLabel_1f4s9_gg_"
+  "__SPie": "___SPie_17fbb_gg_",
+  "_color": "__color_17fbb_gg_",
+  "--color": "--color_17fbb",
+  "_transparent": "__transparent_17fbb_gg_",
+  "__SEmptyData": "___SEmptyData_17fbb_gg_",
+  "__SLabel": "___SLabel_17fbb_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 
@@ -100,7 +101,7 @@ function animationHoverPie(_ref6) {
       outerRadius = _ref6.outerRadius;
 
   if (duration > 0) {
-    transition().selection().select(selector).transition().duration(duration).attrTween('d', function () {
+    transition().selection().select(selector).transition(transition).duration(duration).attrTween('d', function () {
       if (!d) return function () {
         return '';
       };
@@ -430,6 +431,7 @@ function Pie(_ref15) {
       name = _ref15.name,
       dataKey = _ref15.dataKey,
       dataHintsHandler = _ref15.dataHintsHandler,
+      transparent = _ref15.transparent,
       other = _objectWithoutProperties(_ref15, _excluded);
 
   var _useState = useState(false),
@@ -457,7 +459,8 @@ function Pie(_ref15) {
   return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SPie, _ref.cn("SPie", {
     "render": "path",
     "color": color,
-    "d": active ? d3ArcOut(data) : d3Arc(data)
+    "d": active ? d3ArcOut(data) : d3Arc(data),
+    "transparent": transparent
   }));
 }