@semcore/d3-chart 2.4.9 → 2.5.0

package/lib/cjs/utils.js

@@ -37,9 +37,15 @@ var eventToPoint = function eventToPoint(event, svgRoot) {
 exports.eventToPoint = eventToPoint;
 
 var invert = function invert(scale, value) {
-  if (scale.invert) return scale.invert(value);
+  if ('invert' in scale && scale.invert) return scale.invert(value);
   var range = scale.range();
   var domain = scale.domain();
+
+  if ('paddingOuter' in scale) {
+    range[0] += scale.paddingOuter() * scale.step();
+    range[1] -= scale.paddingOuter() * scale.step();
+  }
+
   return (0, _d3Scale.scaleQuantize)().domain(range[0] <= range[1] ? range : range.slice().reverse()).range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);
 };
 
@@ -123,6 +129,7 @@ var getIndexFromData = function getIndexFromData(data, scale, key, value) {
     return bisect(data, value);
   } // detect bar chart
   else if ('step' in scale && typeof scale.step !== 'undefined') {
+    // console.log({ key, scale, value });
     var index = data.findIndex(function (d) {
       return d[key] === value;
     });

package/lib/cjs/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["CONSTANT","VIRTUAL_ELEMENT","Symbol","eventToPoint","event","svgRoot","node","currentTarget","target","rect","getBoundingClientRect","clientX","left","clientLeft","clientY","top","clientTop","invert","scale","value","range","domain","scaleQuantize","slice","reverse","definedNullData","x","y","plot","definedData","undefined","scaleOfBandwidth","bandwidth","minMax","data","key","extent","d","getNullData","defined","name","reduce","acc","i","push","prev","next","defNext","find","length","defPrev","getIndexFromData","bisect","bisector","center","step","index","findIndex","console","warn","roundedPath","w","h","r","tl","tr","bl","br","result","getBandwidth","Math","abs","memoize","func","results","args","argsKey","join","measureText","text","fontSize","span","document","createElement","style","split","line","append","createTextNode","display","body","textWidth","offsetWidth","remove","idCounter","uniqueId","prefix"],"sources":["../../src/utils.ts"],"sourcesContent":["import { extent, bisector, Numeric } from 'd3-array';\nimport {\n  scaleQuantize,\n  ScaleIdentity,\n  ScaleTime,\n  ScaleContinuousNumeric,\n  ScaleBand,\n  ScalePoint,\n  NumberValue,\n} from 'd3-scale';\nimport React from 'react';\n\nconst CONSTANT = {\n  VIRTUAL_ELEMENT: Symbol('VIRTUAL_ELEMENT'),\n} as const;\n\nexport { CONSTANT };\n\nexport const eventToPoint = (event: React.MouseEvent<HTMLElement>, svgRoot: SVGElement) => {\n  const node = (event.currentTarget || event.target) as HTMLElement;\n  const rect = svgRoot.getBoundingClientRect();\n  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];\n};\n\ntype InvertableScale =\n  | ScaleIdentity\n  | ScaleTime<unknown, unknown>\n  | ScaleContinuousNumeric<unknown, unknown>;\nexport const invert = <Scale extends InvertableScale = InvertableScale>(\n  scale: Scale,\n  value: number,\n) => {\n  if (scale.invert) return scale.invert(value);\n\n  const range = scale.range() as number[];\n  const domain = scale.domain();\n\n  return scaleQuantize()\n    .domain((range[0] <= range[1] ? range : range.slice().reverse()) as NumberValue[])\n    .range((range[0] <= range[1] ? domain : domain.slice().reverse()) as number[])(value);\n};\n\nexport const definedNullData = (x: number, y: number) => (plot: { [xOrY: number]: unknown }) =>\n  plot[x] !== null && plot[y] !== null;\n\nexport const definedData = (x: number, y: number) => (plot: { [xOrY: number]: unknown }) =>\n  plot[x] !== null && plot[x] !== undefined && plot[y] !== null && plot[y] !== undefined;\n\nexport const scaleOfBandwidth = <Scale extends ScaleBand<{}>>(scale: Scale, value: number) =>\n  scale.bandwidth ? scale(value)! + scale.bandwidth() / 2 : scale(value);\n\nexport const minMax = <\n  Key extends string = string,\n  Data extends Iterable<{ [key in Key]: Numeric | null | undefined }> = Iterable<{\n    [key in Key]: Numeric | null | undefined;\n  }>,\n>(\n  data: Data,\n  key: Key,\n) => {\n  if (typeof key === 'string') {\n    return extent(data, (d) => d[key]);\n  }\n  return extent(data, key);\n};\n\nexport const getNullData = <\n  Name extends string = string,\n  Data extends { [name in Name]?: unknown | null } = {},\n>(\n  data: Data[],\n  defined: (data: Data) => boolean,\n  name: Name,\n) =>\n  data.reduce((acc, d, i, data) => {\n    if (defined(d)) {\n      acc.push({\n        [name]: null,\n      } as Data);\n    } else {\n      const prev = data[i - 1];\n      const next = data[i + 1];\n\n      if (i === 0) {\n        const defNext = data.find(defined);\n        acc.push({\n          ...d,\n          [name]: defNext ? defNext[name] : null,\n        });\n      }\n\n      // prev\n      if (prev && defined(prev)) {\n        acc.push(prev);\n      }\n\n      // next\n      if (next && defined(next)) {\n        acc.push(next);\n      }\n\n      if (data.length - 1 === i) {\n        const defPrev = data.slice().reverse().find(defined);\n        acc.push({\n          ...d,\n          [name]: defPrev ? defPrev[name] : null,\n        });\n      }\n    }\n    return acc;\n  }, [] as Data[]);\n\ntype IndexFromDataScale =\n  | ScaleIdentity\n  | ScaleTime<unknown, unknown>\n  | ScaleContinuousNumeric<unknown, unknown>\n  | ScaleBand<{}>\n  | ScalePoint<{}>;\nexport const getIndexFromData = <\n  Data extends {\n    [key: string]: number;\n  } = {},\n  Scale extends IndexFromDataScale = IndexFromDataScale,\n>(\n  data: Data[],\n  scale: Scale,\n  key: string,\n  value: number,\n) => {\n  // detect line chart\n  if ('invert' in scale && typeof scale.invert === 'function') {\n    const bisect = bisector((d: { [key: string]: number }) => d[key]).center;\n    return bisect(data, value);\n  }\n  // detect bar chart\n  else if ('step' in scale && typeof scale.step !== 'undefined') {\n    const index = data.findIndex((d) => d[key] === value);\n    return index >= 0 ? index : null;\n  } else {\n    // eslint-disable-next-line no-console\n    console.warn('[d3-chart/utils/getIndexFromData] encountered incompatible scale type');\n    return null;\n  }\n};\n\nexport const roundedPath = (\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n  tl = false,\n  tr = false,\n  bl = false,\n  br = false,\n) => {\n  let result = 'M' + (x + r) + ',' + y;\n  result += 'h' + (w - 2 * r);\n  if (tr) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + r;\n  } else {\n    result += 'h' + r;\n    result += 'v' + r;\n  }\n  result += 'v' + (h - 2 * r);\n  if (br) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + r;\n  } else {\n    result += 'v' + r;\n    result += 'h' + -r;\n  }\n  result += 'h' + (2 * r - w);\n  if (bl) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + -r;\n  } else {\n    result += 'h' + -r;\n    result += 'v' + -r;\n  }\n  result += 'v' + (2 * r - h);\n  if (tl) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + -r;\n  } else {\n    result += 'v' + -r;\n    result += 'h' + r;\n  }\n  result += 'z';\n  return result;\n};\n\nexport const getBandwidth = <Scale extends ScaleBand<{}>>(scale: Scale) => {\n  if ('bandwidth' in scale) {\n    return scale.bandwidth();\n  }\n\n  const range = scale.range();\n  const domain = scale.domain();\n  return Math.abs(range[range.length - 1] - range[0]) / domain.length;\n};\n\nexport const memoize = <Func extends (...args: any[]) => any>(func: Func): Func => {\n  const results: { [cacheKey: string]: any } = {};\n  return ((...args: any[]) => {\n    const argsKey = args.join(',');\n    if (!results[argsKey]) {\n      results[argsKey] = func(...args);\n    }\n    return results[argsKey];\n  }) as Func;\n};\n\nexport const measureText = memoize((text: string, fontSize?: number) => {\n  if (!text) return 0;\n\n  const span = document.createElement('span');\n  if (fontSize) {\n    span.style.fontSize = `${fontSize}px`;\n  }\n  for (const line of text.split('\\n')) {\n    span.append(document.createTextNode(line));\n    span.append(document.createElement('br'));\n  }\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textWidth = span.offsetWidth;\n  span.remove();\n  return textWidth;\n});\n\nlet idCounter = 0;\nexport const uniqueId = (prefix = 'id-') => `${prefix}${idCounter++}`;\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["CONSTANT","VIRTUAL_ELEMENT","Symbol","eventToPoint","event","svgRoot","node","currentTarget","target","rect","getBoundingClientRect","clientX","left","clientLeft","clientY","top","clientTop","invert","scale","value","range","domain","paddingOuter","step","scaleQuantize","slice","reverse","definedNullData","x","y","plot","definedData","undefined","scaleOfBandwidth","bandwidth","minMax","data","key","extent","d","getNullData","defined","name","reduce","acc","i","push","prev","next","defNext","find","length","defPrev","getIndexFromData","bisect","bisector","center","index","findIndex","console","warn","roundedPath","w","h","r","tl","tr","bl","br","result","getBandwidth","Math","abs","memoize","func","results","args","argsKey","join","measureText","text","fontSize","span","document","createElement","style","split","line","append","createTextNode","display","body","textWidth","offsetWidth","remove","idCounter","uniqueId","prefix"],"sources":["../../src/utils.ts"],"sourcesContent":["import { extent, bisector, Numeric } from 'd3-array';\nimport {\n  scaleQuantize,\n  ScaleIdentity,\n  ScaleTime,\n  ScaleContinuousNumeric,\n  ScaleBand,\n  ScalePoint,\n  NumberValue,\n} from 'd3-scale';\nimport React from 'react';\n\nconst CONSTANT = {\n  VIRTUAL_ELEMENT: Symbol('VIRTUAL_ELEMENT'),\n} as const;\n\nexport { CONSTANT };\n\nexport const eventToPoint = (event: React.MouseEvent<HTMLElement>, svgRoot: SVGElement) => {\n  const node = (event.currentTarget || event.target) as HTMLElement;\n  const rect = svgRoot.getBoundingClientRect();\n  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];\n};\n\ntype InvertableScale =\n  | ScaleIdentity\n  | ScaleBand<unknown>\n  | ScaleTime<unknown, unknown>\n  | ScaleContinuousNumeric<unknown, unknown>;\nexport const invert = <Scale extends InvertableScale = InvertableScale>(\n  scale: Scale,\n  value: number,\n) => {\n  if ('invert' in scale && scale.invert) return scale.invert(value);\n\n  const range = scale.range() as [number, number];\n  const domain = scale.domain();\n  if ('paddingOuter' in scale) {\n    range[0] += scale.paddingOuter() * scale.step();\n    range[1] -= scale.paddingOuter() * scale.step();\n  }\n\n  return scaleQuantize()\n    .domain((range[0] <= range[1] ? range : range.slice().reverse()) as NumberValue[])\n    .range((range[0] <= range[1] ? domain : domain.slice().reverse()) as number[])(value);\n};\n\nexport const definedNullData = (x: number, y: number) => (plot: { [xOrY: number]: unknown }) =>\n  plot[x] !== null && plot[y] !== null;\n\nexport const definedData = (x: number, y: number) => (plot: { [xOrY: number]: unknown }) =>\n  plot[x] !== null && plot[x] !== undefined && plot[y] !== null && plot[y] !== undefined;\n\nexport const scaleOfBandwidth = <Scale extends ScaleBand<{}>>(scale: Scale, value: number) =>\n  scale.bandwidth ? scale(value)! + scale.bandwidth() / 2 : scale(value);\n\nexport const minMax = <\n  Key extends string = string,\n  Data extends Iterable<{ [key in Key]: Numeric | null | undefined }> = Iterable<{\n    [key in Key]: Numeric | null | undefined;\n  }>,\n>(\n  data: Data,\n  key: Key,\n) => {\n  if (typeof key === 'string') {\n    return extent(data, (d) => d[key]);\n  }\n  return extent(data, key);\n};\n\nexport const getNullData = <\n  Name extends string = string,\n  Data extends { [name in Name]?: unknown | null } = {},\n>(\n  data: Data[],\n  defined: (data: Data) => boolean,\n  name: Name,\n) =>\n  data.reduce((acc, d, i, data) => {\n    if (defined(d)) {\n      acc.push({\n        [name]: null,\n      } as Data);\n    } else {\n      const prev = data[i - 1];\n      const next = data[i + 1];\n\n      if (i === 0) {\n        const defNext = data.find(defined);\n        acc.push({\n          ...d,\n          [name]: defNext ? defNext[name] : null,\n        });\n      }\n\n      // prev\n      if (prev && defined(prev)) {\n        acc.push(prev);\n      }\n\n      // next\n      if (next && defined(next)) {\n        acc.push(next);\n      }\n\n      if (data.length - 1 === i) {\n        const defPrev = data.slice().reverse().find(defined);\n        acc.push({\n          ...d,\n          [name]: defPrev ? defPrev[name] : null,\n        });\n      }\n    }\n    return acc;\n  }, [] as Data[]);\n\ntype IndexFromDataScale =\n  | ScaleIdentity\n  | ScaleTime<unknown, unknown>\n  | ScaleContinuousNumeric<unknown, unknown>\n  | ScaleBand<{}>\n  | ScalePoint<{}>;\nexport const getIndexFromData = <\n  Data extends {\n    [key: string]: number;\n  } = {},\n  Scale extends IndexFromDataScale = IndexFromDataScale,\n>(\n  data: Data[],\n  scale: Scale,\n  key: string,\n  value: number,\n) => {\n  // detect line chart\n  if ('invert' in scale && typeof scale.invert === 'function') {\n    const bisect = bisector((d: { [key: string]: number }) => d[key]).center;\n    return bisect(data, value);\n  }\n  // detect bar chart\n  else if ('step' in scale && typeof scale.step !== 'undefined') {\n    // console.log({ key, scale, value });\n    const index = data.findIndex((d) => d[key] === value);\n    return index >= 0 ? index : null;\n  } else {\n    // eslint-disable-next-line no-console\n    console.warn('[d3-chart/utils/getIndexFromData] encountered incompatible scale type');\n    return null;\n  }\n};\n\nexport const roundedPath = (\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n  tl = false,\n  tr = false,\n  bl = false,\n  br = false,\n) => {\n  let result = 'M' + (x + r) + ',' + y;\n  result += 'h' + (w - 2 * r);\n  if (tr) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + r;\n  } else {\n    result += 'h' + r;\n    result += 'v' + r;\n  }\n  result += 'v' + (h - 2 * r);\n  if (br) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + r;\n  } else {\n    result += 'v' + r;\n    result += 'h' + -r;\n  }\n  result += 'h' + (2 * r - w);\n  if (bl) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + -r + ',' + -r;\n  } else {\n    result += 'h' + -r;\n    result += 'v' + -r;\n  }\n  result += 'v' + (2 * r - h);\n  if (tl) {\n    result += 'a' + r + ',' + r + ' 0 0 1 ' + r + ',' + -r;\n  } else {\n    result += 'v' + -r;\n    result += 'h' + r;\n  }\n  result += 'z';\n  return result;\n};\n\nexport const getBandwidth = <Scale extends ScaleBand<{}>>(scale: Scale) => {\n  if ('bandwidth' in scale) {\n    return scale.bandwidth();\n  }\n\n  const range = scale.range();\n  const domain = scale.domain();\n  return Math.abs(range[range.length - 1] - range[0]) / domain.length;\n};\n\nexport const memoize = <Func extends (...args: any[]) => any>(func: Func): Func => {\n  const results: { [cacheKey: string]: any } = {};\n  return ((...args: any[]) => {\n    const argsKey = args.join(',');\n    if (!results[argsKey]) {\n      results[argsKey] = func(...args);\n    }\n    return results[argsKey];\n  }) as Func;\n};\n\nexport const measureText = memoize((text: string, fontSize?: number) => {\n  if (!text) return 0;\n\n  const span = document.createElement('span');\n  if (fontSize) {\n    span.style.fontSize = `${fontSize}px`;\n  }\n  for (const line of text.split('\\n')) {\n    span.append(document.createTextNode(line));\n    span.append(document.createElement('br'));\n  }\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textWidth = span.offsetWidth;\n  span.remove();\n  return textWidth;\n});\n\nlet idCounter = 0;\nexport const uniqueId = (prefix = 'id-') => `${prefix}${idCounter++}`;\n"],"mappings":"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"}

package/lib/es6/Area.js

@@ -26,18 +26,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_cl23t_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_cl23t_gg_.__color_cl23t_gg_{fill:var(--color_cl23t)}.___SAreaLine_cl23t_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_cl23t_gg_.__color_cl23t_gg_{stroke:var(--color_cl23t)}.___SArea_cl23t_gg_,.___SAreaLine_cl23t_gg_{transition-property:d;transition-duration:var(--duration_cl23t);transition-timing-function:ease-in-out}.___SNull_cl23t_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_cl23t_gg_.__hide_cl23t_gg_{display:none}"
+".___SArea_lwqjm_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_lwqjm_gg_.__color_lwqjm_gg_{fill:var(--color_lwqjm)}.___SAreaLine_lwqjm_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_lwqjm_gg_.__color_lwqjm_gg_{stroke:var(--color_lwqjm)}.___SArea_lwqjm_gg_,.___SAreaLine_lwqjm_gg_{transition-property:d;transition-duration:var(--duration_lwqjm);transition-timing-function:ease-in-out}.___SNull_lwqjm_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_lwqjm_gg_.__hide_lwqjm_gg_{display:none}"
 /*__inner_css_end__*/
-, "cl23t_gg_")
+, "lwqjm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_cl23t_gg_",
-  "_color": "__color_cl23t_gg_",
-  "--color": "--color_cl23t",
-  "__SAreaLine": "___SAreaLine_cl23t_gg_",
-  "--duration": "--duration_cl23t",
-  "__SNull": "___SNull_cl23t_gg_",
-  "_hide": "__hide_cl23t_gg_"
+  "__SArea": "___SArea_lwqjm_gg_",
+  "_color": "__color_lwqjm_gg_",
+  "--color": "--color_lwqjm",
+  "__SAreaLine": "___SAreaLine_lwqjm_gg_",
+  "--duration": "--duration_lwqjm",
+  "__SNull": "___SNull_lwqjm_gg_",
+  "_hide": "__hide_lwqjm_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_11fxd_gg_{stroke:#c4c7cf}.___SAxis_11fxd_gg_.__hide_11fxd_gg_{display:none}.___STick_11fxd_gg_{font-size:12px;fill:#6c6e79}.___STick_11fxd_gg_.__hide_11fxd_gg_{display:none}.___SGrid_11fxd_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_11fxd_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_11fxd)}.___STitle_11fxd_gg_._position_top_11fxd_gg_{text-anchor:middle}.___STitle_11fxd_gg_._position_bottom_11fxd_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_11fxd_gg_._position_right_11fxd_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_11fxd_gg_._position_left_11fxd_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_11fxd_gg_._position_top_11fxd_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_11fxd_gg_._position_bottom_11fxd_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_11fxd_gg_._position_right_11fxd_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_11fxd_gg_._position_left_11fxd_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_11fxd_gg_._position_custom_0_11fxd_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_11fxd_gg_._position_custom_1_11fxd_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_x03oy_gg_{stroke:#c4c7cf}.___SAxis_x03oy_gg_.__hide_x03oy_gg_{display:none}.___STick_x03oy_gg_{font-size:12px;fill:#6c6e79}.___STick_x03oy_gg_.__hide_x03oy_gg_{display:none}.___SGrid_x03oy_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_x03oy_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_x03oy)}.___STitle_x03oy_gg_._position_top_x03oy_gg_{text-anchor:middle}.___STitle_x03oy_gg_._position_bottom_x03oy_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_x03oy_gg_._position_right_x03oy_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_x03oy_gg_._position_left_x03oy_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_x03oy_gg_._position_top_x03oy_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_x03oy_gg_._position_bottom_x03oy_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_x03oy_gg_._position_right_x03oy_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_x03oy_gg_._position_left_x03oy_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_x03oy_gg_._position_custom_0_x03oy_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_x03oy_gg_._position_custom_1_x03oy_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "11fxd_gg_")
+, "x03oy_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_11fxd_gg_",
-  "_hide": "__hide_11fxd_gg_",
-  "__STick": "___STick_11fxd_gg_",
-  "__SGrid": "___SGrid_11fxd_gg_",
-  "__STitle": "___STitle_11fxd_gg_",
-  "--transform-origin": "--transform-origin_11fxd",
-  "_position_top": "_position_top_11fxd_gg_",
-  "_position_bottom": "_position_bottom_11fxd_gg_",
-  "_position_right": "_position_right_11fxd_gg_",
-  "_position_left": "_position_left_11fxd_gg_",
-  "_position_custom_0": "_position_custom_0_11fxd_gg_",
-  "_position_custom_1": "_position_custom_1_11fxd_gg_"
+  "__SAxis": "___SAxis_x03oy_gg_",
+  "_hide": "__hide_x03oy_gg_",
+  "__STick": "___STick_x03oy_gg_",
+  "__SGrid": "___SGrid_x03oy_gg_",
+  "__STitle": "___STitle_x03oy_gg_",
+  "--transform-origin": "--transform-origin_x03oy",
+  "_position_top": "_position_top_x03oy_gg_",
+  "_position_bottom": "_position_bottom_x03oy_gg_",
+  "_position_right": "_position_right_x03oy_gg_",
+  "_position_left": "_position_left_x03oy_gg_",
+  "_position_custom_0": "_position_custom_0_x03oy_gg_",
+  "_position_custom_1": "_position_custom_1_x03oy_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -24,17 +24,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1x3v4_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1x3v4);transition-timing-function:ease-in-out}.___SBar_1x3v4_gg_.__color_1x3v4_gg_{fill:var(--color_1x3v4)}.___SBar_1x3v4_gg_.__hide_1x3v4_gg_{display:none}.___SBackground_1x3v4_gg_{fill:#c4c7cf}"
+".___SBar_14rd5_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_14rd5);transition-timing-function:ease-in-out}.___SBar_14rd5_gg_.__color_14rd5_gg_{fill:var(--color_14rd5)}.___SBar_14rd5_gg_.__hide_14rd5_gg_{display:none}.___SBackground_14rd5_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "1x3v4_gg_")
+, "14rd5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1x3v4_gg_",
-  "--duration": "--duration_1x3v4",
-  "_color": "__color_1x3v4_gg_",
-  "--color": "--color_1x3v4",
-  "_hide": "__hide_1x3v4_gg_",
-  "__SBackground": "___SBackground_1x3v4_gg_"
+  "__SBar": "___SBar_14rd5_gg_",
+  "--duration": "--duration_14rd5",
+  "_color": "__color_14rd5_gg_",
+  "--color": "--color_14rd5",
+  "_hide": "__hide_14rd5_gg_",
+  "__SBackground": "___SBackground_14rd5_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {
@@ -101,7 +101,8 @@ var BarRoot = /*#__PURE__*/function (_Component) {
           r = _this$asProps3.r,
           hMin = _this$asProps3.hMin,
           widthProps = _this$asProps3.width,
-          groupKey = _this$asProps3.groupKey;
+          groupKey = _this$asProps3.groupKey,
+          onClick = _this$asProps3.onClick;
 
       var _scale = _slicedToArray(scale, 2),
           xScale = _scale[0],
@@ -110,6 +111,11 @@ var BarRoot = /*#__PURE__*/function (_Component) {
       var barY = yScale(Math.max((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0, d[y])) + offset[1] - (Object.is(d[y], 0) ? hMin : 0);
       var barX = xScale(d[x]) + offset[0];
       var height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0))) || hMin;
+
+      var handleClick = function handleClick(event) {
+        return onClick === null || onClick === void 0 ? void 0 : onClick(d, event);
+      };
+
       var width = widthProps || getBandwidth(xScale);
       var dSvg = getRect({
         x: barX,
@@ -131,7 +137,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         "key": "bar-".concat(i),
         "render": "path",
         "clipPath": "url(#".concat(uid, ")"),
-        "__excludeProps": ['data', 'scale', 'value'],
+        "__excludeProps": ['data', 'scale', 'value', 'onClick'],
         "childrenPosition": "above",
         "value": d,
         "index": i,
@@ -142,6 +148,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         "width": width,
         "height": height,
         "d": dSvg,
+        "onClickCapture": handleClick,
         "use:duration": "".concat(duration, "ms")
       }));
     }

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","xScale","yScale","barY","Math","max","Object","is","barX","height","abs","min","domain","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    } = 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 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']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n      />,\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","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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"}

package/lib/es6/Bubble.js

@@ -32,19 +32,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_sg6wb_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_sg6wb);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_sg6wb_gg_:hover{opacity:.8}.___SBubble_sg6wb_gg_.__color_sg6wb_gg_{fill:var(--color_sg6wb)}.___SCenter_sg6wb_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_sg6wb_gg_.__color_sg6wb_gg_{stroke:var(--color_sg6wb)}.___SLabel_sg6wb_gg_{fill:#2bb3ff}.___SLabel_sg6wb_gg_._position_right_sg6wb_gg_{text-anchor:end}.___SLabel_sg6wb_gg_._position_left_sg6wb_gg_{text-anchor:start}.___SLabel_sg6wb_gg_.__color_sg6wb_gg_{fill:var(--color_sg6wb)}"
+".___SBubble_16zqm_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_16zqm);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_16zqm_gg_:hover{opacity:.8}.___SBubble_16zqm_gg_.__color_16zqm_gg_{fill:var(--color_16zqm)}.___SCenter_16zqm_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_16zqm_gg_.__color_16zqm_gg_{stroke:var(--color_16zqm)}.___SLabel_16zqm_gg_{fill:#2bb3ff}.___SLabel_16zqm_gg_._position_right_16zqm_gg_{text-anchor:end}.___SLabel_16zqm_gg_._position_left_16zqm_gg_{text-anchor:start}.___SLabel_16zqm_gg_.__color_16zqm_gg_{fill:var(--color_16zqm)}"
 /*__inner_css_end__*/
-, "sg6wb_gg_")
+, "16zqm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_sg6wb_gg_",
-  "--duration": "--duration_sg6wb",
-  "_color": "__color_sg6wb_gg_",
-  "--color": "--color_sg6wb",
-  "__SCenter": "___SCenter_sg6wb_gg_",
-  "__SLabel": "___SLabel_sg6wb_gg_",
-  "_position_right": "_position_right_sg6wb_gg_",
-  "_position_left": "_position_left_sg6wb_gg_"
+  "__SBubble": "___SBubble_16zqm_gg_",
+  "--duration": "--duration_16zqm",
+  "_color": "__color_16zqm_gg_",
+  "--color": "--color_16zqm",
+  "__SCenter": "___SCenter_16zqm_gg_",
+  "__SLabel": "___SLabel_16zqm_gg_",
+  "_position_right": "_position_right_16zqm_gg_",
+  "_position_left": "_position_left_16zqm_gg_"
 });
 
 var BubbleRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Donut.js

@@ -34,16 +34,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_4vfon_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_4vfon_gg_.__color_4vfon_gg_{fill:var(--color_4vfon)}.___SEmptyData_4vfon_gg_{fill:#e0e1e9}.___SEmptyData_4vfon_gg_.__color_4vfon_gg_{fill:var(--color_4vfon)}.___SLabel_4vfon_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_19g0u_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_19g0u_gg_.__color_19g0u_gg_{fill:var(--color_19g0u)}.___SEmptyData_19g0u_gg_{fill:#e0e1e9}.___SEmptyData_19g0u_gg_.__color_19g0u_gg_{fill:var(--color_19g0u)}.___SLabel_19g0u_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "4vfon_gg_")
+, "19g0u_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_4vfon_gg_",
-  "_color": "__color_4vfon_gg_",
-  "--color": "--color_4vfon",
-  "__SEmptyData": "___SEmptyData_4vfon_gg_",
-  "__SLabel": "___SLabel_4vfon_gg_"
+  "__SPie": "___SPie_19g0u_gg_",
+  "_color": "__color_19g0u_gg_",
+  "--color": "--color_19g0u",
+  "__SEmptyData": "___SEmptyData_19g0u_gg_",
+  "__SLabel": "___SLabel_19g0u_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 

package/lib/es6/Dots.js

@@ -12,18 +12,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_55y3z_gg_ .___SDot_55y3z_gg_{transition-duration:var(--duration_55y3z)}.___SDot_55y3z_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_55y3z_gg_.__hide_55y3z_gg_{display:none}.___SDot_55y3z_gg_.__active_55y3z_gg_{r:8px}.___SDot_55y3z_gg_.__color_55y3z_gg_{fill:var(--color_55y3z)}"
+".___SDots_2cywu_gg_ .___SDot_2cywu_gg_{transition-duration:var(--duration_2cywu)}.___SDot_2cywu_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_2cywu_gg_.__hide_2cywu_gg_{display:none}.___SDot_2cywu_gg_.__active_2cywu_gg_{r:8px}.___SDot_2cywu_gg_.__color_2cywu_gg_{fill:var(--color_2cywu)}"
 /*__inner_css_end__*/
-, "55y3z_gg_")
+, "2cywu_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_55y3z_gg_",
-  "__SDot": "___SDot_55y3z_gg_",
-  "--duration": "--duration_55y3z",
-  "_hide": "__hide_55y3z_gg_",
-  "_active": "__active_55y3z_gg_",
-  "_color": "__color_55y3z_gg_",
-  "--color": "--color_55y3z"
+  "__SDots": "___SDots_2cywu_gg_",
+  "__SDot": "___SDot_2cywu_gg_",
+  "--duration": "--duration_2cywu",
+  "_hide": "__hide_2cywu_gg_",
+  "_active": "__active_2cywu_gg_",
+  "_color": "__color_2cywu_gg_",
+  "--color": "--color_2cywu"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 

package/lib/es6/HorizontalBar.js

@@ -23,17 +23,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1x3v4_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1x3v4);transition-timing-function:ease-in-out}.___SBar_1x3v4_gg_.__color_1x3v4_gg_{fill:var(--color_1x3v4)}.___SBar_1x3v4_gg_.__hide_1x3v4_gg_{display:none}.___SBackground_1x3v4_gg_{fill:#c4c7cf}"
+".___SBar_14rd5_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_14rd5);transition-timing-function:ease-in-out}.___SBar_14rd5_gg_.__color_14rd5_gg_{fill:var(--color_14rd5)}.___SBar_14rd5_gg_.__hide_14rd5_gg_{display:none}.___SBackground_14rd5_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "1x3v4_gg_")
+, "14rd5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1x3v4_gg_",
-  "--duration": "--duration_1x3v4",
-  "_color": "__color_1x3v4_gg_",
-  "--color": "--color_1x3v4",
-  "_hide": "__hide_1x3v4_gg_",
-  "__SBackground": "___SBackground_1x3v4_gg_"
+  "__SBar": "___SBar_14rd5_gg_",
+  "--duration": "--duration_14rd5",
+  "_color": "__color_14rd5_gg_",
+  "--color": "--color_14rd5",
+  "_hide": "__hide_14rd5_gg_",
+  "__SBackground": "___SBackground_14rd5_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_1c9br_gg_{stroke:#a9abb6}.___SHoverRect_1c9br_gg_{fill:rgba(196,199,207,.3)}"
+".___SHoverLine_11rp0_gg_{stroke:#a9abb6}.___SHoverRect_11rp0_gg_{fill:rgba(196,199,207,.3)}"
 /*__inner_css_end__*/
-, "1c9br_gg_")
+, "11rp0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1c9br_gg_",
-  "__SHoverRect": "___SHoverRect_1c9br_gg_"
+  "__SHoverLine": "___SHoverLine_11rp0_gg_",
+  "__SHoverRect": "___SHoverRect_11rp0_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/es6/Line.js

@@ -25,17 +25,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_1xbs7_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_1xbs7);transition-timing-function:ease-in-out}.___SLine_1xbs7_gg_.__color_1xbs7_gg_{stroke:var(--color_1xbs7)}.___SLine_1xbs7_gg_.__hide_1xbs7_gg_{display:none}.___SNull_1xbs7_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_1xbs7_gg_.__hide_1xbs7_gg_{display:none}"
+".___SLine_1cm3o_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_1cm3o);transition-timing-function:ease-in-out}.___SLine_1cm3o_gg_.__color_1cm3o_gg_{stroke:var(--color_1cm3o)}.___SLine_1cm3o_gg_.__hide_1cm3o_gg_{display:none}.___SNull_1cm3o_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_1cm3o_gg_.__hide_1cm3o_gg_{display:none}"
 /*__inner_css_end__*/
-, "1xbs7_gg_")
+, "1cm3o_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_1xbs7_gg_",
-  "--duration": "--duration_1xbs7",
-  "_color": "__color_1xbs7_gg_",
-  "--color": "--color_1xbs7",
-  "_hide": "__hide_1xbs7_gg_",
-  "__SNull": "___SNull_1xbs7_gg_"
+  "__SLine": "___SLine_1cm3o_gg_",
+  "--duration": "--duration_1cm3o",
+  "_color": "__color_1cm3o_gg_",
+  "--color": "--color_1cm3o",
+  "_hide": "__hide_1cm3o_gg_",
+  "__SNull": "___SNull_1cm3o_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Plot.js

@@ -31,13 +31,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_5yotm_gg_{overflow:hidden}.___SPlot_5yotm_gg_:active,.___SPlot_5yotm_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_5yotm_gg_.__keyboardFocused_5yotm_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
+".___SPlot_869m2_gg_{overflow:hidden}.___SPlot_869m2_gg_:active,.___SPlot_869m2_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_869m2_gg_.__keyboardFocused_869m2_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
 /*__inner_css_end__*/
-, "5yotm_gg_")
+, "869m2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_5yotm_gg_",
-  "_keyboardFocused": "__keyboardFocused_5yotm_gg_"
+  "__SPlot": "___SPlot_869m2_gg_",
+  "_keyboardFocused": "__keyboardFocused_869m2_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/RadialTree.js

@@ -34,20 +34,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_5c05m_gg_{cursor:pointer;fill:#008ff8}.___SLine_5c05m_gg_{stroke:#008ff8}.___SLine_5c05m_gg_.__color_5c05m_gg_{stroke:var(--color_5c05m)}.___SCap_5c05m_gg_{transition:r .1s}.___SLabel_5c05m_gg_{fill:var(--color_5c05m);cursor:var(--text-cursor_5c05m)}.___SRadian_5c05m_gg_:hover .___SLabel_5c05m_gg_{fill:var(--color-hovered_5c05m)}@media (prefers-reduced-motion){.___SLineCap_5c05m_gg_{transition:none}}"
+".___SRadian_19rfb_gg_{cursor:pointer;fill:#008ff8}.___SLine_19rfb_gg_{stroke:#008ff8}.___SLine_19rfb_gg_.__color_19rfb_gg_{stroke:var(--color_19rfb)}.___SCap_19rfb_gg_{transition:r .1s}.___SLabel_19rfb_gg_{fill:var(--color_19rfb);cursor:var(--text-cursor_19rfb)}.___SRadian_19rfb_gg_:hover .___SLabel_19rfb_gg_{fill:var(--color-hovered_19rfb)}@media (prefers-reduced-motion){.___SLineCap_19rfb_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "5c05m_gg_")
+, "19rfb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_5c05m_gg_",
-  "__SLine": "___SLine_5c05m_gg_",
-  "_color": "__color_5c05m_gg_",
-  "--color": "--color_5c05m",
-  "__SCap": "___SCap_5c05m_gg_",
-  "__SLabel": "___SLabel_5c05m_gg_",
-  "--text-cursor": "--text-cursor_5c05m",
-  "--color-hovered": "--color-hovered_5c05m",
-  "__SLineCap": "___SLineCap_5c05m_gg_"
+  "__SRadian": "___SRadian_19rfb_gg_",
+  "__SLine": "___SLine_19rfb_gg_",
+  "_color": "__color_19rfb_gg_",
+  "--color": "--color_19rfb",
+  "__SCap": "___SCap_19rfb_gg_",
+  "__SLabel": "___SLabel_19rfb_gg_",
+  "--text-cursor": "--text-cursor_19rfb",
+  "--color-hovered": "--color-hovered_19rfb",
+  "__SLineCap": "___SLineCap_19rfb_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 

package/lib/es6/ReferenceLine.js

@@ -25,19 +25,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SReferenceLine_11exc_gg_{fill:none;stroke:#a9abb6}.___STitle_11exc_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_11exc)}.___STitle_11exc_gg_._position_top_11exc_gg_{text-anchor:middle}.___STitle_11exc_gg_._position_bottom_11exc_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_11exc_gg_._position_right_11exc_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_11exc_gg_._position_left_11exc_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_11exc_gg_{fill:rgba(196,199,207,.2)}"
+".___SReferenceLine_1d878_gg_{fill:none;stroke:#a9abb6}.___STitle_1d878_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_1d878)}.___STitle_1d878_gg_._position_top_1d878_gg_{text-anchor:middle}.___STitle_1d878_gg_._position_bottom_1d878_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1d878_gg_._position_right_1d878_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1d878_gg_._position_left_1d878_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1d878_gg_{fill:rgba(196,199,207,.2)}"
 /*__inner_css_end__*/
-, "11exc_gg_")
+, "1d878_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_11exc_gg_",
-  "__STitle": "___STitle_11exc_gg_",
-  "--transform-origin": "--transform-origin_11exc",
-  "_position_top": "_position_top_11exc_gg_",
-  "_position_bottom": "_position_bottom_11exc_gg_",
-  "_position_right": "_position_right_11exc_gg_",
-  "_position_left": "_position_left_11exc_gg_",
-  "__SBackground": "___SBackground_11exc_gg_"
+  "__SReferenceLine": "___SReferenceLine_1d878_gg_",
+  "__STitle": "___STitle_1d878_gg_",
+  "--transform-origin": "--transform-origin_1d878",
+  "_position_top": "_position_top_1d878_gg_",
+  "_position_bottom": "_position_bottom_1d878_gg_",
+  "_position_right": "_position_right_1d878_gg_",
+  "_position_left": "_position_left_1d878_gg_",
+  "__SBackground": "___SBackground_1d878_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -30,16 +30,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_1iju7_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1iju7);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1iju7_gg_:hover{opacity:.8}.___SScatterPlot_1iju7_gg_.__color_1iju7_gg_{fill:var(--color_1iju7)}.___SValue_1iju7_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1iju7_gg_.__color_1iju7_gg_{stroke:var(--color_1iju7)}"
+".___SScatterPlot_5p9ij_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_5p9ij);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_5p9ij_gg_:hover{opacity:.8}.___SScatterPlot_5p9ij_gg_.__color_5p9ij_gg_{fill:var(--color_5p9ij)}.___SValue_5p9ij_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_5p9ij_gg_.__color_5p9ij_gg_{stroke:var(--color_5p9ij)}"
 /*__inner_css_end__*/
-, "1iju7_gg_")
+, "5p9ij_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_1iju7_gg_",
-  "--duration": "--duration_1iju7",
-  "_color": "__color_1iju7_gg_",
-  "--color": "--color_1iju7",
-  "__SValue": "___SValue_1iju7_gg_"
+  "__SScatterPlot": "___SScatterPlot_5p9ij_gg_",
+  "--duration": "--duration_5p9ij",
+  "_color": "__color_5p9ij_gg_",
+  "--color": "--color_5p9ij",
+  "__SValue": "___SValue_5p9ij_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Tooltip.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_wrr00_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_wrr00_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_wrr00_gg_{display:flex;align-items:center}.___SDot_wrr00_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_wrr00_gg_.__color_wrr00_gg_{background:var(--color_wrr00)}"
+".___STooltip_nckfk_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_nckfk_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_nckfk_gg_{display:flex;align-items:center}.___SDot_nckfk_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_nckfk_gg_.__color_nckfk_gg_{background:var(--color_nckfk)}"
 /*__inner_css_end__*/
-, "wrr00_gg_")
+, "nckfk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_wrr00_gg_",
-  "__STitle": "___STitle_wrr00_gg_",
-  "__SDotGroup": "___SDotGroup_wrr00_gg_",
-  "__SDot": "___SDot_wrr00_gg_",
-  "_color": "__color_wrr00_gg_",
-  "--color": "--color_wrr00"
+  "__STooltip": "___STooltip_nckfk_gg_",
+  "__STitle": "___STitle_nckfk_gg_",
+  "__SDotGroup": "___SDotGroup_nckfk_gg_",
+  "__SDot": "___SDot_nckfk_gg_",
+  "_color": "__color_nckfk_gg_",
+  "--color": "--color_nckfk"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {