@semcore/d3-chart 2.2.7 → 2.3.1

package/lib/cjs/RadialTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadialTree.js","names":["baseAngle","Math","PI","RadialTreeBase","props","handleRadianClick","bind","activeKey","asProps","duration","uid","preferReduceMotion","window","matchMedia","matches","circlesAnimation","transition","selection","selectAll","iconsAnimation","linesAnimation","labelsAnimation","circlesNodes","nodes","iconsNodes","linesNodes","labelsNodes","length","attrs","map","node","cx","baseVal","value","cy","radianIndex","parseInt","dataset","lineNode","from","x1","y1","to","attr","_","index","x","y","width","height","x2","y2","prevProps","$rootProps","data","runAppearAnimation","key","event","newKey","handlers","textSize","widths","label","measureText","max","size","center","restRootProps","textWidth","computeTextWidth","radiansCount","onRadianClick","SRadialTree","Element","Children","sstyled","styles","Component","style","uniqueIDEnhancement","angleOffset","centralMargin","labelMargin","iconColor","capSize","iconSize","defaultActiveKey","RadialTreeRadian","renderRadian","computeRadianPosition","xStart","yStart","xLabelCenter","yLabelCenter","strokeWidth","xEnd","yEnd","color","stroke","radius","isActive","icon","labelAngle","isHorizontal","angle","getRadianKey","baseCapSize","minDemSize","min","topAngle","xCenter","yCenter","start","cos","sin","end","labelCenter","SRadian","children","getOriginChildren","_child","mergedProps","assignProps","InteractiveArea","RadialTree","Radian","SRadianList","SInteractiveArea","Line","SLine","Cap","SCap","Icon","SIcon","tag","Label","SLabel","lines","String","split","linesCount","SLabelLine","angleDegs","toFixed","transformOrigin","transform","join","sstyles","sLabelStyles","cn","shade","className","lineText","lineIndex","createElement","Title","STitle"],"sources":["../../src/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CProps, ReturnEl } from '@semcore/core';\n// @ts-ignore\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/radial-tree.shadow.css';\nimport { shade } from '@semcore/utils/lib/color';\nimport { measureText } from './utils';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nconst baseAngle = -Math.PI / 2; // The top vertical line\n\ntype RadianData = {\n  /**\n   * Text label on the end of radian.\n   */\n  label: string;\n  /**\n   * Radian key. Radian, which `key` is equal to `activeKey` is displayed as active.\n   */\n  key: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n};\n\nexport interface IRadialTreeProps {\n  /**\n   * List of radians. `{ label: string; key: string; capSize?: number; icon?: React.FC; color?: string; iconColor?: string; iconSize?: number; }`\n   */\n  data: RadianData[];\n  /**\n   * Angel (in rads) that rotates chart. 0 means that first radian is exactly on top vertical line.\n   * @default 0\n   */\n  angleOffset?: number;\n  /**\n   * Duration of appear and update animation.\n   * @default 300\n   */\n  duration?: number;\n  /**\n   * Gap between the chart center and radians start point.\n   * @default 50\n   */\n  centralMargin?: number;\n  /**\n   * Gap around text label.\n   * @default 2\n   */\n  labelMargin?: number;\n  /**\n   * Color of all radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n  /**\n   * Text size in radians' labels. 1.5x is used as default text size of center text.\n   * @default 14\n   */\n  textSize?: number;\n  /**\n   * Used to define the active radian in controlled way. Active radian is highligted with inreased cap size.\n   */\n  activeKey?: string | null;\n  /**\n   * Default value for `activeKey` property.\n   */\n  defaultActiveKey?: string | null;\n}\n\ntype RootAsProps = IRadialTreeProps & {\n  uid: string;\n  styles: React.CSSProperties;\n  activeKey: string | null;\n  Children: React.FC;\n  size: [width: number, height: number];\n  data: RadianData[];\n  duration: number;\n  textSize: number;\n  capSize: number;\n  centralMargin: number;\n  labelMargin: number;\n  angleOffset: number;\n  $rootProps: RootAsProps;\n};\n\nclass RadialTreeBase extends Component<RootAsProps> {\n  static displayName = 'RadialTree';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps: Partial<IRadialTreeProps> = {\n    angleOffset: 0,\n    duration: 300,\n    centralMargin: 50,\n    labelMargin: 5,\n    iconColor: '#fff',\n    capSize: 8,\n    iconSize: 8,\n    textSize: 14,\n    defaultActiveKey: null,\n  };\n\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.handleRadianClick = this.handleRadianClick.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      activeKey: null,\n    };\n  }\n\n  runAppearAnimation() {\n    const { duration, uid } = this.asProps;\n    const preferReduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)')?.matches;\n\n    /** using `!(>)` instead of `<=` to get true on NaN and non numbers stuff  */\n    if (!(duration > 0)) return;\n    if (preferReduceMotion) return;\n\n    const circlesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-circle]`);\n    const iconsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-icon]`);\n    const linesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-line]`);\n    const labelsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-label]`);\n    const circlesNodes = circlesAnimation.nodes() as SVGCircleElement[];\n    const iconsNodes = iconsAnimation.nodes() as SVGRectElement[];\n    const linesNodes = linesAnimation.nodes() as SVGLineElement[];\n    const labelsNodes = linesAnimation.nodes() as SVGTextElement[];\n\n    if (circlesNodes.length > 0) {\n      const attrs = circlesNodes.map((node) => {\n        const cx = node.cx?.baseVal?.value;\n        const cy = node.cy?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            cx: lineNode.x1?.baseVal?.value,\n            cy: lineNode.y1?.baseVal?.value,\n          },\n          to: { cx, cy },\n        };\n      });\n\n      circlesAnimation\n        .attr('opacity', 0)\n        .attr('cx', (_, index) => attrs[index].from?.cx)\n        .attr('cy', (_, index) => attrs[index].from?.cy);\n      circlesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('cx', (_, index) => attrs[index].to?.cx)\n        .attr('cy', (_, index) => attrs[index].to?.cy);\n    }\n    if (iconsNodes.length > 0) {\n      const attrs = iconsNodes.map((node) => {\n        const x = node.x?.baseVal?.value;\n        const y = node.y?.baseVal?.value;\n        const width = node.width?.baseVal?.value;\n        const height = node.height?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            x: lineNode.x1?.baseVal?.value - width / 2,\n            y: lineNode.y1?.baseVal?.value - height / 2,\n          },\n          to: {\n            x,\n            y,\n          },\n        };\n      });\n\n      iconsAnimation\n        .attr('opacity', 0)\n        .attr('x', (_, index) => attrs[index].from?.x)\n        .attr('y', (_, index) => attrs[index].from?.y);\n      iconsAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x', (_, index) => attrs[index].to?.x)\n        .attr('y', (_, index) => attrs[index].to?.y);\n    }\n    if (linesNodes.length > 0) {\n      const attrs = linesNodes.map((node) => {\n        const x2 = node.x2?.baseVal?.value;\n        const y2 = node.y2?.baseVal?.value;\n        return {\n          from: {\n            x2: node.x1?.baseVal?.value,\n            y2: node.y1?.baseVal?.value,\n          },\n          to: {\n            x2,\n            y2,\n          },\n        };\n      });\n\n      linesAnimation\n        .attr('opacity', 0)\n        .attr('x2', (_, index) => attrs[index].from?.x2)\n        .attr('y2', (_, index) => attrs[index].from?.y2);\n      linesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x2', (_, index) => attrs[index].to?.x2)\n        .attr('y2', (_, index) => attrs[index].to?.y2);\n    }\n    if (labelsNodes.length > 0) {\n      labelsAnimation.attr('opacity', 0);\n      labelsAnimation.transition().duration(duration).attr('opacity', 1);\n    }\n  }\n\n  componentDidUpdate(prevProps: RootAsProps) {\n    if (prevProps.$rootProps.data?.length !== this.asProps.data?.length) {\n      this.runAppearAnimation();\n    }\n  }\n\n  componentDidMount() {\n    this.runAppearAnimation();\n  }\n\n  handleRadianClick(key: string) {\n    return (event: React.MouseEvent) => {\n      const newKey = key !== this.asProps.activeKey ? key : null;\n      this.handlers.activeKey(newKey, event);\n    };\n  }\n\n  computeTextWidth() {\n    const { data, textSize } = this.asProps;\n    const widths = data.map(({ label }) => measureText(label, textSize));\n\n    return Math.max(...widths);\n  }\n\n  getTitleProps() {\n    const { uid, size, textSize } = this.asProps;\n\n    const [width, height] = size;\n    const center = [width / 2, height / 2];\n    const [x, y] = center;\n    return {\n      x,\n      y,\n      textSize: textSize * 1.5,\n      ['data-radial-animation']: `${uid}-label`,\n    } as IRadialTreeTitleProps;\n  }\n\n  getRadianProps() {\n    const { data, ...restRootProps } = this.asProps;\n    const textWidth = this.computeTextWidth();\n\n    return {\n      ...restRootProps,\n      radiansCount: data.length,\n      data,\n      textWidth,\n      onRadianClick: this.handleRadianClick,\n    } as IRadialTreeRadianProps;\n  }\n\n  render() {\n    const SRadialTree = this.Element;\n    const { Children } = this.asProps;\n\n    return sstyled(this.asProps.styles)(\n      <SRadialTree render=\"g\">\n        <Children />\n      </SRadialTree>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianProps extends IRadialTreeProps {\n  radiansCount?: number;\n  textWidth?: number;\n  onRadianClick?: (key: string) => (event: React.MouseEvent) => void;\n}\n\ntype RadianAsProps = RootAsProps & {\n  radiansCount: number;\n  textWidth: number;\n  onRadianClick: (key: string) => (event: React.MouseEvent) => void;\n};\n\nclass RadialTreeRadian extends Component<RadianAsProps> {\n  static displayName = 'RadialTreeRadian';\n  static style = style;\n\n  static defaultProps: Partial<IRadialTreeRadianProps> = {\n    centralMargin: 50,\n    labelMargin: 2,\n    iconColor: '#fff',\n    capSize: 16,\n    iconSize: 16,\n    textSize: 14,\n  };\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.renderRadian = this.renderRadian.bind(this);\n  }\n\n  getInteractiveAreaProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xLabelCenter, yLabelCenter, capSize } = this.computeRadianPosition(\n      data,\n      index,\n    );\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xLabelCenter,\n      y2: yLabelCenter,\n      strokeWidth: capSize * 3,\n    } as IRadialTreeRadianInteractiveAreaProps;\n  }\n  getLineProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xEnd, yEnd } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xEnd,\n      y2: yEnd,\n      stroke: color,\n      ['data-radial-animation']: `${uid}-line`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianLineProps;\n  }\n  getCapProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, capSize } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xEnd,\n      y: yEnd,\n      radius: capSize,\n      color,\n      ['data-radial-animation']: `${uid}-cap-circle`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianCapProps;\n  }\n  getIconProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, isActive } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const iconColor = data.iconColor ?? this.asProps.iconColor;\n    const iconSize = data.iconSize ?? this.asProps.iconSize;\n    const icon = data.icon ?? this.asProps.icon;\n\n    return {\n      x: xEnd - iconSize! / 2,\n      y: yEnd - iconSize! / 2,\n      iconSize,\n      color: iconColor ?? '#fff',\n      ['data-radial-animation']: `${uid}-cap-icon`,\n      ['data-radian-index']: index,\n      icon,\n      isActive,\n    } as IRadialTreeRadianIconProps;\n  }\n  getLabelProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xLabelCenter, yLabelCenter, labelAngle, isHorizontal } = this.computeRadianPosition(\n      data,\n      index,\n    );\n    const { uid, textSize } = this.asProps;\n    const { label } = data;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xLabelCenter,\n      y: yLabelCenter,\n      angle: labelAngle,\n      ['data-radial-animation']: `${uid}-label`,\n      ['data-radian-index']: index,\n      label,\n      color,\n      isHorizontal,\n      textSize,\n    } as IRadialTreeRadianLabelProps;\n  }\n\n  getRadianKey(data: RadianData, index: number) {\n    return data.key ?? `radian-${index}`;\n  }\n\n  computeRadianPosition(data: RadianData, index: number) {\n    const { centralMargin, labelMargin, angleOffset, activeKey, size, radiansCount, textWidth } =\n      this.asProps;\n    const [width, height] = size;\n    const key = this.getRadianKey(data, index);\n    const isActive = activeKey === key;\n    const baseCapSize = data.capSize ?? this.asProps.capSize;\n    const capSize = baseCapSize * (isActive ? 1 : 0.5);\n\n    const minDemSize = Math.min(width, height) / 2;\n    const length = Math.max(\n      minDemSize - textWidth - baseCapSize - centralMargin - labelMargin * 2,\n      10,\n    );\n\n    const angle = baseAngle + angleOffset + (index / radiansCount) * (Math.PI * 2);\n    const isHorizontal =\n      (angle - baseAngle > (1 / 6) * Math.PI && angle - baseAngle < (5 / 6) * Math.PI) ||\n      (angle - baseAngle > (7 / 6) * Math.PI && angle - baseAngle < (11 / 6) * Math.PI);\n    const topAngle = -Math.PI / 2;\n    const labelAngle = ((angle - topAngle) % Math.PI) + topAngle;\n\n    const center = [width / 2, height / 2];\n    const [xCenter, yCenter] = center;\n    const start = [\n      xCenter + Math.cos(angle) * centralMargin,\n      yCenter + Math.sin(angle) * centralMargin,\n    ];\n    const end = [\n      xCenter + Math.cos(angle) * (centralMargin + length),\n      yCenter + Math.sin(angle) * (centralMargin + length),\n    ];\n    const [xStart, yStart] = start;\n    const [xEnd, yEnd] = end;\n\n    const labelCenter = [\n      xCenter +\n        Math.cos(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin),\n      yCenter +\n        Math.sin(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin),\n    ];\n    const [xLabelCenter, yLabelCenter] = labelCenter;\n\n    return {\n      xStart,\n      yStart,\n      xEnd,\n      yEnd,\n      xLabelCenter,\n      yLabelCenter,\n      labelAngle,\n      isHorizontal,\n      capSize,\n      isActive,\n    };\n  }\n\n  renderRadian(data: RadianData, index: number) {\n    const { styles, Children, onRadianClick } = this.asProps;\n    const key = this.getRadianKey(data, index);\n    const SRadian = 'g';\n\n    let children = getOriginChildren(Children);\n\n    if (typeof children === 'function') {\n      const _child = this.asProps.children;\n      const mergedProps = assignProps(children(this.asProps), this.asProps);\n      children = mergedProps.children;\n      mergedProps.children = _child;\n    }\n\n    // hidden from publicly typed export\n    const InteractiveArea = (RadialTree.Radian as any).InteractiveArea;\n\n    return sstyled(styles)(\n      <SRadian key={key} onClick={onRadianClick(key)}>\n        <InteractiveArea />\n        {children}\n      </SRadian>,\n    );\n  }\n\n  render() {\n    const { data } = this.asProps;\n    const SRadianList = 'g';\n\n    return sstyled(this.asProps.styles)(\n      <SRadianList>{data.map((data, index) => this.renderRadian(data, index))}</SRadianList>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianInteractiveAreaProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  strokeWidth?: number;\n}\ntype RadialTreeRadianInteractiveAreaAsProps = IRadialTreeRadianInteractiveAreaProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst InteractiveArea: React.FC<RadialTreeRadianInteractiveAreaAsProps> = ({\n  Element: SInteractiveArea,\n  styles,\n}) => {\n  return sstyled(styles)(\n    <SInteractiveArea stroke=\"transparent\" render=\"line\" />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLineProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  stroke?: string;\n  ['data-radial-animation']?: `${string}-line`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Line: React.FC<RadialTreeRadianLineAsProps> = ({ Element: SLine, styles, stroke }) => {\n  return sstyled(styles)(<SLine render=\"line\" stroke={stroke} />) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianCapProps {\n  x?: number;\n  y?: number;\n  radius?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-circle`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Cap: React.FC<RadialTreeRadianCapAsProps> = ({\n  Element: SCap,\n  styles,\n  x,\n  y,\n  radius,\n  color,\n}) => {\n  return sstyled(styles)(\n    <SCap render=\"circle\" cx={x} cy={y} r={radius} fill={color} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianIconProps {\n  x?: number;\n  y?: number;\n  iconSize?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-icon`;\n  ['data-radian-index']?: number;\n  tag?: React.FC;\n  isActive?: boolean;\n}\ntype RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {\n  Element: React.FC<{ render: string | React.FC } & React.SVGProps<any>>;\n  x: number;\n  y: number;\n  iconSize: number;\n  styles: React.CSSProperties;\n};\nconst Icon: React.FC<RadialTreeRadianIconAsProps> = ({\n  Element: SIcon,\n  styles,\n  isActive,\n  tag,\n  x,\n  y,\n  iconSize,\n}) => {\n  if (!(isActive && tag)) return null;\n  const width = iconSize;\n  const height = iconSize;\n  return sstyled(styles)(\n    <SIcon x={x} y={y} width={width} height={height} render={tag} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLabelProps {\n  x?: number;\n  y?: number;\n  color?: string;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  ['data-radian-index']?: number;\n  label?: string;\n  isHorizontal?: boolean;\n  angle?: number;\n}\ntype RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n  x: number;\n  y: number;\n  angle: number;\n  textSize: number;\n};\nconst Label: React.FC<RadialTreeRadianLabelAsProps> = ({\n  Element: SLabel,\n  Children,\n  styles,\n  label,\n  color,\n  isHorizontal,\n  x,\n  y,\n  textSize,\n  angle,\n}) => {\n  const lines = String(label).split('\\n');\n  const linesCount = lines.length;\n  const SLabelLine = 'tspan';\n\n  const angleDegs = ((angle / Math.PI) * 180).toFixed(2);\n  const transformOrigin = [x.toFixed(2), y.toFixed(2)];\n  const transform = `rotate(${[angleDegs, ...transformOrigin].join(', ')})`;\n\n  const sstyles = sstyled(styles);\n  const sLabelStyles = sstyles.cn('SLabel', {\n    color,\n    'color-hovered': shade(color, -0.12),\n    'text-cursor': isHorizontal ? 'text' : 'vertical-text',\n  });\n\n  return (\n    <SLabel\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      className={sLabelStyles.className}\n      style={sLabelStyles.style}\n      x={x.toFixed(2)}\n      y={y.toFixed(2)}\n      transform={transform}\n    >\n      {lines.map((lineText, lineIndex) => (\n        <SLabelLine\n          x={x}\n          y={y + (lineIndex - (linesCount - 1) / 2) * textSize}\n          key={`#${lineIndex}-${lineText}`}\n        >\n          {lineText}\n        </SLabelLine>\n      ))}\n      <Children />\n    </SLabel>\n  ) as React.ReactElement;\n};\n\nconst Radian = createElement(RadialTreeRadian, {\n  InteractiveArea,\n  Line,\n  Cap,\n  Icon,\n  Label,\n});\n\nexport interface IRadialTreeTitleProps {\n  x?: number;\n  y?: number;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  color?: string;\n}\ntype RadialTreeTitleAsProps = IRadialTreeTitleProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n};\nconst Title: React.FC<RadialTreeTitleAsProps> = ({\n  Element: STitle,\n  Children,\n  styles,\n  textSize,\n  color,\n  x,\n  y,\n}) => {\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      fontSize={textSize}\n      fill={color}\n      x={x}\n      y={y}\n    >\n      <Children />\n    </STitle>,\n  ) as React.ReactElement;\n};\n\nconst RadialTree = createElement(RadialTreeBase, { Title, Radian }) as (<T>(\n  props: CProps<IRadialTreeProps & T>,\n) => ReturnEl) & {\n  Title: <T>(props: CProps<IRadialTreeTitleProps & T>) => ReturnEl;\n  Radian: (<T>(props: CProps<IRadialTreeRadianProps & T>) => ReturnEl) & {\n    Line: <T>(props: CProps<IRadialTreeRadianLineProps & T>) => ReturnEl;\n    Cap: <T>(props: CProps<IRadialTreeRadianCapProps & T>) => ReturnEl;\n    Icon: <T>(props: CProps<IRadialTreeRadianIconProps & T>) => ReturnEl;\n    Label: <T>(props: CProps<IRadialTreeRadianLabelProps & T>) => ReturnEl;\n  };\n};\n\nexport default RadialTree;\n"],"mappings":"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"}
+{"version":3,"file":"RadialTree.js","names":["baseAngle","Math","PI","RadialTreeBase","props","handleRadianClick","bind","activeKey","asProps","duration","uid","preferReduceMotion","window","matchMedia","matches","circlesAnimation","transition","selection","selectAll","iconsAnimation","linesAnimation","labelsAnimation","circlesNodes","nodes","iconsNodes","linesNodes","labelsNodes","length","attrs","map","node","cx","baseVal","value","cy","radianIndex","parseInt","dataset","lineNode","from","x1","y1","to","attr","_","index","x","y","width","height","x2","y2","prevProps","$rootProps","data","runAppearAnimation","key","event","newKey","handlers","textSize","widths","label","measureText","max","size","center","restRootProps","textWidth","computeTextWidth","radiansCount","onRadianClick","SRadialTree","Element","Children","dataHintsHandler","establishDataType","sstyled","styles","Component","style","uniqueIDEnhancement","angleOffset","centralMargin","labelMargin","iconColor","capSize","iconSize","defaultActiveKey","RadialTreeRadian","renderRadian","computeRadianPosition","xStart","yStart","xLabelCenter","yLabelCenter","strokeWidth","xEnd","yEnd","color","stroke","radius","isActive","icon","labelAngle","isHorizontal","angle","getRadianKey","baseCapSize","minDemSize","min","topAngle","xCenter","yCenter","start","cos","sin","end","labelCenter","SRadian","children","getOriginChildren","_child","mergedProps","assignProps","describeValueEntity","InteractiveArea","RadialTree","Radian","SRadianList","SInteractiveArea","Line","SLine","Cap","SCap","Icon","SIcon","tag","Label","SLabel","lines","String","split","linesCount","SLabelLine","angleDegs","toFixed","transformOrigin","transform","join","sstyles","sLabelStyles","cn","shade","className","lineText","lineIndex","createElement","Title","STitle","setTitle"],"sources":["../../src/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CProps, ReturnEl } from '@semcore/core';\n// @ts-ignore\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/radial-tree.shadow.css';\nimport { shade } from '@semcore/utils/lib/color';\nimport { measureText } from './utils';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { DataHintsHandler } from './a11y/hints';\n\nconst baseAngle = -Math.PI / 2; // The top vertical line\n\ntype RadianData = {\n  /**\n   * Text label on the end of radian.\n   */\n  label: string;\n  /**\n   * Radian key. Radian, which `key` is equal to `activeKey` is displayed as active.\n   */\n  key: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n};\n\nexport interface IRadialTreeProps {\n  /**\n   * List of radians. `{ label: string; key: string; capSize?: number; icon?: React.FC; color?: string; iconColor?: string; iconSize?: number; }`\n   */\n  data: RadianData[];\n  /**\n   * Angel (in rads) that rotates chart. 0 means that first radian is exactly on top vertical line.\n   * @default 0\n   */\n  angleOffset?: number;\n  /**\n   * Duration of appear and update animation.\n   * @default 300\n   */\n  duration?: number;\n  /**\n   * Gap between the chart center and radians start point.\n   * @default 50\n   */\n  centralMargin?: number;\n  /**\n   * Gap around text label.\n   * @default 2\n   */\n  labelMargin?: number;\n  /**\n   * Color of all radian's line, cap and label.\n   * @default #008FF8\n   */\n  color?: string;\n  /**\n   * Size of the cap (filled circle on the end of the radian).\n   * @default 16\n   */\n  capSize?: number;\n  /**\n   * Icon, that displayed in the cap of the active radian (usage example `icon: UserM`).\n   */\n  icon?: React.FC;\n  /**\n   * Color of icon.\n   * @default #fff\n   */\n  iconColor?: string;\n  /**\n   * Size of icon.\n   * @default 16\n   */\n  iconSize?: number;\n  /**\n   * Text size in radians' labels. 1.5x is used as default text size of center text.\n   * @default 14\n   */\n  textSize?: number;\n  /**\n   * Used to define the active radian in controlled way. Active radian is highligted with inreased cap size.\n   */\n  activeKey?: string | null;\n  /**\n   * Default value for `activeKey` property.\n   */\n  defaultActiveKey?: string | null;\n}\n\ntype RootAsProps = IRadialTreeProps & {\n  uid: string;\n  styles: React.CSSProperties;\n  activeKey: string | null;\n  Children: React.FC;\n  size: [width: number, height: number];\n  data: RadianData[];\n  duration: number;\n  textSize: number;\n  capSize: number;\n  centralMargin: number;\n  labelMargin: number;\n  angleOffset: number;\n  $rootProps: RootAsProps;\n  dataHintsHandler: DataHintsHandler;\n};\n\nclass RadialTreeBase extends Component<RootAsProps> {\n  static displayName = 'RadialTree';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps: Partial<IRadialTreeProps> = {\n    angleOffset: 0,\n    duration: 300,\n    centralMargin: 50,\n    labelMargin: 5,\n    iconColor: '#fff',\n    capSize: 8,\n    iconSize: 8,\n    textSize: 14,\n    defaultActiveKey: null,\n  };\n\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.handleRadianClick = this.handleRadianClick.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      activeKey: null,\n    };\n  }\n\n  runAppearAnimation() {\n    const { duration, uid } = this.asProps;\n    const preferReduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)')?.matches;\n\n    /** using `!(>)` instead of `<=` to get true on NaN and non numbers stuff  */\n    if (!(duration > 0)) return;\n    if (preferReduceMotion) return;\n\n    const circlesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-circle]`);\n    const iconsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-cap-icon]`);\n    const linesAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-line]`);\n    const labelsAnimation = transition()\n      .selection()\n      .selectAll(`[data-radial-animation=${uid}-label]`);\n    const circlesNodes = circlesAnimation.nodes() as SVGCircleElement[];\n    const iconsNodes = iconsAnimation.nodes() as SVGRectElement[];\n    const linesNodes = linesAnimation.nodes() as SVGLineElement[];\n    const labelsNodes = linesAnimation.nodes() as SVGTextElement[];\n\n    if (circlesNodes.length > 0) {\n      const attrs = circlesNodes.map((node) => {\n        const cx = node.cx?.baseVal?.value;\n        const cy = node.cy?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            cx: lineNode.x1?.baseVal?.value,\n            cy: lineNode.y1?.baseVal?.value,\n          },\n          to: { cx, cy },\n        };\n      });\n\n      circlesAnimation\n        .attr('opacity', 0)\n        .attr('cx', (_, index) => attrs[index].from?.cx)\n        .attr('cy', (_, index) => attrs[index].from?.cy);\n      circlesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('cx', (_, index) => attrs[index].to?.cx)\n        .attr('cy', (_, index) => attrs[index].to?.cy);\n    }\n    if (iconsNodes.length > 0) {\n      const attrs = iconsNodes.map((node) => {\n        const x = node.x?.baseVal?.value;\n        const y = node.y?.baseVal?.value;\n        const width = node.width?.baseVal?.value;\n        const height = node.height?.baseVal?.value;\n        const radianIndex = parseInt(node.dataset.radianIndex!, 10);\n        const lineNode = linesNodes[radianIndex];\n        return {\n          from: {\n            x: lineNode.x1?.baseVal?.value - width / 2,\n            y: lineNode.y1?.baseVal?.value - height / 2,\n          },\n          to: {\n            x,\n            y,\n          },\n        };\n      });\n\n      iconsAnimation\n        .attr('opacity', 0)\n        .attr('x', (_, index) => attrs[index].from?.x)\n        .attr('y', (_, index) => attrs[index].from?.y);\n      iconsAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x', (_, index) => attrs[index].to?.x)\n        .attr('y', (_, index) => attrs[index].to?.y);\n    }\n    if (linesNodes.length > 0) {\n      const attrs = linesNodes.map((node) => {\n        const x2 = node.x2?.baseVal?.value;\n        const y2 = node.y2?.baseVal?.value;\n        return {\n          from: {\n            x2: node.x1?.baseVal?.value,\n            y2: node.y1?.baseVal?.value,\n          },\n          to: {\n            x2,\n            y2,\n          },\n        };\n      });\n\n      linesAnimation\n        .attr('opacity', 0)\n        .attr('x2', (_, index) => attrs[index].from?.x2)\n        .attr('y2', (_, index) => attrs[index].from?.y2);\n      linesAnimation\n        .transition()\n        .duration(duration)\n        .attr('opacity', 1)\n        .attr('x2', (_, index) => attrs[index].to?.x2)\n        .attr('y2', (_, index) => attrs[index].to?.y2);\n    }\n    if (labelsNodes.length > 0) {\n      labelsAnimation.attr('opacity', 0);\n      labelsAnimation.transition().duration(duration).attr('opacity', 1);\n    }\n  }\n\n  componentDidUpdate(prevProps: RootAsProps) {\n    if (prevProps.$rootProps.data?.length !== this.asProps.data?.length) {\n      this.runAppearAnimation();\n    }\n  }\n\n  componentDidMount() {\n    this.runAppearAnimation();\n  }\n\n  handleRadianClick(key: string) {\n    return (event: React.MouseEvent) => {\n      const newKey = key !== this.asProps.activeKey ? key : null;\n      this.handlers.activeKey(newKey, event);\n    };\n  }\n\n  computeTextWidth() {\n    const { data, textSize } = this.asProps;\n    const widths = data.map(({ label }) => measureText(label, textSize));\n\n    return Math.max(...widths);\n  }\n\n  getTitleProps() {\n    const { uid, size, textSize } = this.asProps;\n\n    const [width, height] = size;\n    const center = [width / 2, height / 2];\n    const [x, y] = center;\n    return {\n      x,\n      y,\n      textSize: textSize * 1.5,\n      ['data-radial-animation']: `${uid}-label`,\n    } as IRadialTreeTitleProps;\n  }\n\n  getRadianProps() {\n    const { data, ...restRootProps } = this.asProps;\n    const textWidth = this.computeTextWidth();\n\n    return {\n      ...restRootProps,\n      radiansCount: data.length,\n      data,\n      textWidth,\n      onRadianClick: this.handleRadianClick,\n    } as IRadialTreeRadianProps;\n  }\n\n  render() {\n    const SRadialTree = this.Element;\n    const { Children } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n\n    return sstyled(this.asProps.styles)(\n      <SRadialTree render=\"g\">\n        <Children />\n      </SRadialTree>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianProps extends IRadialTreeProps {\n  radiansCount?: number;\n  textWidth?: number;\n  onRadianClick?: (key: string) => (event: React.MouseEvent) => void;\n}\n\ntype RadianAsProps = RootAsProps & {\n  radiansCount: number;\n  textWidth: number;\n  onRadianClick: (key: string) => (event: React.MouseEvent) => void;\n};\n\nclass RadialTreeRadian extends Component<RadianAsProps> {\n  static displayName = 'RadialTreeRadian';\n  static style = style;\n\n  static defaultProps: Partial<IRadialTreeRadianProps> = {\n    centralMargin: 50,\n    labelMargin: 2,\n    iconColor: '#fff',\n    capSize: 16,\n    iconSize: 16,\n    textSize: 14,\n  };\n  Element!: React.FC<{ render: string }>;\n\n  constructor(props: any) {\n    super(props);\n    this.renderRadian = this.renderRadian.bind(this);\n  }\n\n  getInteractiveAreaProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xLabelCenter, yLabelCenter, capSize } = this.computeRadianPosition(\n      data,\n      index,\n    );\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xLabelCenter,\n      y2: yLabelCenter,\n      strokeWidth: capSize * 3,\n    } as IRadialTreeRadianInteractiveAreaProps;\n  }\n  getLineProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xStart, yStart, xEnd, yEnd } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x1: xStart,\n      y1: yStart,\n      x2: xEnd,\n      y2: yEnd,\n      stroke: color,\n      ['data-radial-animation']: `${uid}-line`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianLineProps;\n  }\n  getCapProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, capSize } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xEnd,\n      y: yEnd,\n      radius: capSize,\n      color,\n      ['data-radial-animation']: `${uid}-cap-circle`,\n      ['data-radian-index']: index,\n    } as IRadialTreeRadianCapProps;\n  }\n  getIconProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xEnd, yEnd, isActive } = this.computeRadianPosition(data, index);\n    const { uid } = this.asProps;\n    const iconColor = data.iconColor ?? this.asProps.iconColor;\n    const iconSize = data.iconSize ?? this.asProps.iconSize;\n    const icon = data.icon ?? this.asProps.icon;\n\n    return {\n      x: xEnd - iconSize! / 2,\n      y: yEnd - iconSize! / 2,\n      iconSize,\n      color: iconColor ?? '#fff',\n      ['data-radial-animation']: `${uid}-cap-icon`,\n      ['data-radian-index']: index,\n      icon,\n      isActive,\n    } as IRadialTreeRadianIconProps;\n  }\n  getLabelProps({ $rootProps }: { $rootProps: IRadialTreeProps }, index: number) {\n    const data = $rootProps.data![index];\n    const { xLabelCenter, yLabelCenter, labelAngle, isHorizontal } = this.computeRadianPosition(\n      data,\n      index,\n    );\n    const { uid, textSize } = this.asProps;\n    const { label } = data;\n    const color = data.color ?? this.asProps.color;\n\n    return {\n      x: xLabelCenter,\n      y: yLabelCenter,\n      angle: labelAngle,\n      ['data-radial-animation']: `${uid}-label`,\n      ['data-radian-index']: index,\n      label,\n      color,\n      isHorizontal,\n      textSize,\n    } as IRadialTreeRadianLabelProps;\n  }\n\n  getRadianKey(data: RadianData, index: number) {\n    return data.key ?? `radian-${index}`;\n  }\n\n  computeRadianPosition(data: RadianData, index: number) {\n    const { centralMargin, labelMargin, angleOffset, activeKey, size, radiansCount, textWidth } =\n      this.asProps;\n    const [width, height] = size;\n    const key = this.getRadianKey(data, index);\n    const isActive = activeKey === key;\n    const baseCapSize = data.capSize ?? this.asProps.capSize;\n    const capSize = baseCapSize * (isActive ? 1 : 0.5);\n\n    const minDemSize = Math.min(width, height) / 2;\n    const length = Math.max(\n      minDemSize - textWidth - baseCapSize - centralMargin - labelMargin * 2,\n      10,\n    );\n\n    const angle = baseAngle + angleOffset + (index / radiansCount) * (Math.PI * 2);\n    const isHorizontal =\n      (angle - baseAngle > (1 / 6) * Math.PI && angle - baseAngle < (5 / 6) * Math.PI) ||\n      (angle - baseAngle > (7 / 6) * Math.PI && angle - baseAngle < (11 / 6) * Math.PI);\n    const topAngle = -Math.PI / 2;\n    const labelAngle = ((angle - topAngle) % Math.PI) + topAngle;\n\n    const center = [width / 2, height / 2];\n    const [xCenter, yCenter] = center;\n    const start = [\n      xCenter + Math.cos(angle) * centralMargin,\n      yCenter + Math.sin(angle) * centralMargin,\n    ];\n    const end = [\n      xCenter + Math.cos(angle) * (centralMargin + length),\n      yCenter + Math.sin(angle) * (centralMargin + length),\n    ];\n    const [xStart, yStart] = start;\n    const [xEnd, yEnd] = end;\n\n    const labelCenter = [\n      xCenter +\n        Math.cos(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin),\n      yCenter +\n        Math.sin(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin),\n    ];\n    const [xLabelCenter, yLabelCenter] = labelCenter;\n\n    return {\n      xStart,\n      yStart,\n      xEnd,\n      yEnd,\n      xLabelCenter,\n      yLabelCenter,\n      labelAngle,\n      isHorizontal,\n      capSize,\n      isActive,\n    };\n  }\n\n  renderRadian(data: RadianData, index: number) {\n    const { styles, Children, onRadianClick } = this.asProps;\n    const key = this.getRadianKey(data, index);\n    const SRadian = 'g';\n\n    let children = getOriginChildren(Children);\n\n    if (typeof children === 'function') {\n      const _child = this.asProps.children;\n      const mergedProps = assignProps(children(this.asProps), this.asProps);\n      children = mergedProps.children;\n      mergedProps.children = _child;\n    }\n\n    this.asProps.dataHintsHandler.describeValueEntity(`${index}.${data.label}`, data.label);\n\n    // hidden from publicly typed export\n    const InteractiveArea = (RadialTree.Radian as any).InteractiveArea;\n\n    return sstyled(styles)(\n      <SRadian aria-hidden key={key} onClick={onRadianClick(key)}>\n        <InteractiveArea />\n        {children}\n      </SRadian>,\n    );\n  }\n\n  render() {\n    const { data } = this.asProps;\n    const SRadianList = 'g';\n\n    return sstyled(this.asProps.styles)(\n      <SRadianList>{data.map((data, index) => this.renderRadian(data, index))}</SRadianList>,\n    );\n  }\n}\n\nexport interface IRadialTreeRadianInteractiveAreaProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  strokeWidth?: number;\n}\ntype RadialTreeRadianInteractiveAreaAsProps = IRadialTreeRadianInteractiveAreaProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst InteractiveArea: React.FC<RadialTreeRadianInteractiveAreaAsProps> = ({\n  Element: SInteractiveArea,\n  styles,\n}) => {\n  return sstyled(styles)(\n    <SInteractiveArea stroke=\"transparent\" render=\"line\" />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLineProps {\n  x1?: number;\n  y1?: number;\n  x2?: number;\n  y2?: number;\n  stroke?: string;\n  ['data-radial-animation']?: `${string}-line`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Line: React.FC<RadialTreeRadianLineAsProps> = ({ Element: SLine, styles, stroke }) => {\n  return sstyled(styles)(<SLine render=\"line\" stroke={stroke} />) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianCapProps {\n  x?: number;\n  y?: number;\n  radius?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-circle`;\n  ['data-radian-index']?: number;\n}\ntype RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  styles: React.CSSProperties;\n};\nconst Cap: React.FC<RadialTreeRadianCapAsProps> = ({\n  Element: SCap,\n  styles,\n  x,\n  y,\n  radius,\n  color,\n}) => {\n  return sstyled(styles)(\n    <SCap render=\"circle\" cx={x} cy={y} r={radius} fill={color} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianIconProps {\n  x?: number;\n  y?: number;\n  iconSize?: number;\n  color?: string;\n  ['data-radial-animation']?: `${string}-cap-icon`;\n  ['data-radian-index']?: number;\n  tag?: React.FC;\n  isActive?: boolean;\n}\ntype RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {\n  Element: React.FC<{ render: string | React.FC } & React.SVGProps<any>>;\n  x: number;\n  y: number;\n  iconSize: number;\n  styles: React.CSSProperties;\n};\nconst Icon: React.FC<RadialTreeRadianIconAsProps> = ({\n  Element: SIcon,\n  styles,\n  isActive,\n  tag,\n  x,\n  y,\n  iconSize,\n}) => {\n  if (!(isActive && tag)) return null;\n  const width = iconSize;\n  const height = iconSize;\n  return sstyled(styles)(\n    <SIcon x={x} y={y} width={width} height={height} render={tag} />,\n  ) as React.ReactElement;\n};\n\nexport interface IRadialTreeRadianLabelProps {\n  x?: number;\n  y?: number;\n  color?: string;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  ['data-radian-index']?: number;\n  label?: string;\n  isHorizontal?: boolean;\n  angle?: number;\n}\ntype RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n  x: number;\n  y: number;\n  angle: number;\n  textSize: number;\n};\nconst Label: React.FC<RadialTreeRadianLabelAsProps> = ({\n  Element: SLabel,\n  Children,\n  styles,\n  label,\n  color,\n  isHorizontal,\n  x,\n  y,\n  textSize,\n  angle,\n}) => {\n  const lines = String(label).split('\\n');\n  const linesCount = lines.length;\n  const SLabelLine = 'tspan';\n\n  const angleDegs = ((angle / Math.PI) * 180).toFixed(2);\n  const transformOrigin = [x.toFixed(2), y.toFixed(2)];\n  const transform = `rotate(${[angleDegs, ...transformOrigin].join(', ')})`;\n\n  const sstyles = sstyled(styles);\n  const sLabelStyles = sstyles.cn('SLabel', {\n    color,\n    'color-hovered': shade(color, -0.12),\n    'text-cursor': isHorizontal ? 'text' : 'vertical-text',\n  });\n\n  return (\n    <SLabel\n      aria-hidden\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      className={sLabelStyles.className}\n      style={sLabelStyles.style}\n      x={x.toFixed(2)}\n      y={y.toFixed(2)}\n      transform={transform}\n    >\n      {lines.map((lineText, lineIndex) => (\n        <SLabelLine\n          x={x}\n          y={y + (lineIndex - (linesCount - 1) / 2) * textSize}\n          key={`#${lineIndex}-${lineText}`}\n        >\n          {lineText}\n        </SLabelLine>\n      ))}\n      <Children />\n    </SLabel>\n  ) as React.ReactElement;\n};\n\nconst Radian = createElement(RadialTreeRadian, {\n  InteractiveArea,\n  Line,\n  Cap,\n  Icon,\n  Label,\n});\n\nexport interface IRadialTreeTitleProps {\n  x?: number;\n  y?: number;\n  textSize?: number;\n  ['data-radial-animation']?: `${string}-label`;\n  color?: string;\n}\ntype RadialTreeTitleAsProps = IRadialTreeTitleProps & {\n  Element: React.FC<{ render: string } & React.SVGProps<any>>;\n  Children: React.FC;\n  styles: React.CSSProperties;\n  dataHintsHandler: DataHintsHandler;\n};\nconst Title: React.FC<RadialTreeTitleAsProps> = ({\n  Element: STitle,\n  Children,\n  children,\n  styles,\n  textSize,\n  color,\n  x,\n  y,\n  dataHintsHandler,\n}) => {\n  if (typeof children === 'string') {\n    dataHintsHandler.setTitle('vertical', children);\n  }\n  return sstyled(styles)(\n    <STitle\n      aria-hidden\n      render=\"text\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"central\"\n      fontSize={textSize}\n      fill={color}\n      x={x}\n      y={y}\n    >\n      <Children />\n    </STitle>,\n  ) as React.ReactElement;\n};\n\nconst RadialTree = createElement(RadialTreeBase, { Title, Radian }) as (<T>(\n  props: CProps<IRadialTreeProps & T>,\n) => ReturnEl) & {\n  Title: <T>(props: CProps<IRadialTreeTitleProps & T>) => ReturnEl;\n  Radian: (<T>(props: CProps<IRadialTreeRadianProps & T>) => ReturnEl) & {\n    Line: <T>(props: CProps<IRadialTreeRadianLineProps & T>) => ReturnEl;\n    Cap: <T>(props: CProps<IRadialTreeRadianCapProps & T>) => ReturnEl;\n    Icon: <T>(props: CProps<IRadialTreeRadianIconProps & T>) => ReturnEl;\n    Label: <T>(props: CProps<IRadialTreeRadianLabelProps & T>) => ReturnEl;\n  };\n};\n\nexport default RadialTree;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAGA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,SAAS,GAAG,CAACC,IAAI,CAACC,EAAN,GAAW,CAA7B,C,CAAgC;;IAsH1BC,c;;;;;EAmBJ,wBAAYC,KAAZ,EAAwB;IAAA;;IAAA;IACtB,0BAAMA,KAAN;IADsB;IAEtB,MAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,gDAAzB;IAFsB;EAGvB;;;;WAED,6BAAoB;MAClB,OAAO;QACLC,SAAS,EAAE;MADN,CAAP;IAGD;;;WAED,8BAAqB;MAAA;;MACnB,oBAA0B,KAAKC,OAA/B;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,GAAlB,iBAAkBA,GAAlB;MACA,IAAMC,kBAAkB,yBAAGC,MAAM,CAACC,UAAP,CAAkB,kCAAlB,CAAH,uDAAG,mBAAuDC,OAAlF;MAEA;;MACA,IAAI,EAAEL,QAAQ,GAAG,CAAb,CAAJ,EAAqB;MACrB,IAAIE,kBAAJ,EAAwB;MAExB,IAAMI,gBAAgB,GAAG,IAAAC,wBAAA,IACtBC,SADsB,GAEtBC,SAFsB,kCAEcR,GAFd,kBAAzB;MAGA,IAAMS,cAAc,GAAG,IAAAH,wBAAA,IACpBC,SADoB,GAEpBC,SAFoB,kCAEgBR,GAFhB,gBAAvB;MAGA,IAAMU,cAAc,GAAG,IAAAJ,wBAAA,IACpBC,SADoB,GAEpBC,SAFoB,kCAEgBR,GAFhB,YAAvB;MAGA,IAAMW,eAAe,GAAG,IAAAL,wBAAA,IACrBC,SADqB,GAErBC,SAFqB,kCAEeR,GAFf,aAAxB;MAGA,IAAMY,YAAY,GAAGP,gBAAgB,CAACQ,KAAjB,EAArB;MACA,IAAMC,UAAU,GAAGL,cAAc,CAACI,KAAf,EAAnB;MACA,IAAME,UAAU,GAAGL,cAAc,CAACG,KAAf,EAAnB;MACA,IAAMG,WAAW,GAAGN,cAAc,CAACG,KAAf,EAApB;;MAEA,IAAID,YAAY,CAACK,MAAb,GAAsB,CAA1B,EAA6B;QAC3B,IAAMC,KAAK,GAAGN,YAAY,CAACO,GAAb,CAAiB,UAACC,IAAD,EAAU;UAAA;;UACvC,IAAMC,EAAE,eAAGD,IAAI,CAACC,EAAR,iEAAG,SAASC,OAAZ,qDAAG,iBAAkBC,KAA7B;UACA,IAAMC,EAAE,eAAGJ,IAAI,CAACI,EAAR,iEAAG,SAASF,OAAZ,qDAAG,iBAAkBC,KAA7B;UACA,IAAME,WAAW,GAAGC,QAAQ,CAACN,IAAI,CAACO,OAAL,CAAaF,WAAd,EAA4B,EAA5B,CAA5B;UACA,IAAMG,QAAQ,GAAGb,UAAU,CAACU,WAAD,CAA3B;UACA,OAAO;YACLI,IAAI,EAAE;cACJR,EAAE,iBAAEO,QAAQ,CAACE,EAAX,uEAAE,YAAaR,OAAf,wDAAE,oBAAsBC,KADtB;cAEJC,EAAE,iBAAEI,QAAQ,CAACG,EAAX,uEAAE,YAAaT,OAAf,wDAAE,oBAAsBC;YAFtB,CADD;YAKLS,EAAE,EAAE;cAAEX,EAAE,EAAFA,EAAF;cAAMG,EAAE,EAAFA;YAAN;UALC,CAAP;QAOD,CAZa,CAAd;QAcAnB,gBAAgB,CACb4B,IADH,CACQ,SADR,EACmB,CADnB,EAEGA,IAFH,CAEQ,IAFR,EAEc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,4BAAcjB,KAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,sDAAc,kBAAmBR,EAAjC;QAAA,CAFd,EAGGY,IAHH,CAGQ,IAHR,EAGc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,6BAAcjB,KAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,uDAAc,mBAAmBL,EAAjC;QAAA,CAHd;QAIAnB,gBAAgB,CACbC,UADH,GAEGP,QAFH,CAEYA,QAFZ,EAGGkC,IAHH,CAGQ,SAHR,EAGmB,CAHnB,EAIGA,IAJH,CAIQ,IAJR,EAIc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,0BAAcjB,KAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,oDAAc,gBAAiBX,EAA/B;QAAA,CAJd,EAKGY,IALH,CAKQ,IALR,EAKc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,2BAAcjB,KAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,qDAAc,iBAAiBR,EAA/B;QAAA,CALd;MAMD;;MACD,IAAIV,UAAU,CAACG,MAAX,GAAoB,CAAxB,EAA2B;QACzB,IAAMC,MAAK,GAAGJ,UAAU,CAACK,GAAX,CAAe,UAACC,IAAD,EAAU;UAAA;;UACrC,IAAMgB,CAAC,cAAGhB,IAAI,CAACgB,CAAR,+DAAG,QAAQd,OAAX,oDAAG,gBAAiBC,KAA3B;UACA,IAAMc,CAAC,cAAGjB,IAAI,CAACiB,CAAR,+DAAG,QAAQf,OAAX,oDAAG,gBAAiBC,KAA3B;UACA,IAAMe,KAAK,kBAAGlB,IAAI,CAACkB,KAAR,uEAAG,YAAYhB,OAAf,wDAAG,oBAAqBC,KAAnC;UACA,IAAMgB,MAAM,mBAAGnB,IAAI,CAACmB,MAAR,yEAAG,aAAajB,OAAhB,yDAAG,qBAAsBC,KAArC;UACA,IAAME,WAAW,GAAGC,QAAQ,CAACN,IAAI,CAACO,OAAL,CAAaF,WAAd,EAA4B,EAA5B,CAA5B;UACA,IAAMG,QAAQ,GAAGb,UAAU,CAACU,WAAD,CAA3B;UACA,OAAO;YACLI,IAAI,EAAE;cACJO,CAAC,EAAE,iBAAAR,QAAQ,CAACE,EAAT,sFAAaR,OAAb,8EAAsBC,KAAtB,IAA8Be,KAAK,GAAG,CADrC;cAEJD,CAAC,EAAE,iBAAAT,QAAQ,CAACG,EAAT,sFAAaT,OAAb,8EAAsBC,KAAtB,IAA8BgB,MAAM,GAAG;YAFtC,CADD;YAKLP,EAAE,EAAE;cACFI,CAAC,EAADA,CADE;cAEFC,CAAC,EAADA;YAFE;UALC,CAAP;QAUD,CAjBa,CAAd;;QAmBA5B,cAAc,CACXwB,IADH,CACQ,SADR,EACmB,CADnB,EAEGA,IAFH,CAEQ,GAFR,EAEa,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,6BAAcjB,MAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,uDAAc,mBAAmBO,CAAjC;QAAA,CAFb,EAGGH,IAHH,CAGQ,GAHR,EAGa,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,6BAAcjB,MAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,uDAAc,mBAAmBQ,CAAjC;QAAA,CAHb;QAIA5B,cAAc,CACXH,UADH,GAEGP,QAFH,CAEYA,QAFZ,EAGGkC,IAHH,CAGQ,SAHR,EAGmB,CAHnB,EAIGA,IAJH,CAIQ,GAJR,EAIa,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,2BAAcjB,MAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,qDAAc,iBAAiBI,CAA/B;QAAA,CAJb,EAKGH,IALH,CAKQ,GALR,EAKa,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,2BAAcjB,MAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,qDAAc,iBAAiBK,CAA/B;QAAA,CALb;MAMD;;MACD,IAAItB,UAAU,CAACE,MAAX,GAAoB,CAAxB,EAA2B;QACzB,IAAMC,OAAK,GAAGH,UAAU,CAACI,GAAX,CAAe,UAACC,IAAD,EAAU;UAAA;;UACrC,IAAMoB,EAAE,eAAGpB,IAAI,CAACoB,EAAR,iEAAG,SAASlB,OAAZ,qDAAG,iBAAkBC,KAA7B;UACA,IAAMkB,EAAE,eAAGrB,IAAI,CAACqB,EAAR,iEAAG,SAASnB,OAAZ,qDAAG,iBAAkBC,KAA7B;UACA,OAAO;YACLM,IAAI,EAAE;cACJW,EAAE,cAAEpB,IAAI,CAACU,EAAP,iEAAE,SAASR,OAAX,qDAAE,iBAAkBC,KADlB;cAEJkB,EAAE,cAAErB,IAAI,CAACW,EAAP,iEAAE,SAAST,OAAX,qDAAE,iBAAkBC;YAFlB,CADD;YAKLS,EAAE,EAAE;cACFQ,EAAE,EAAFA,EADE;cAEFC,EAAE,EAAFA;YAFE;UALC,CAAP;QAUD,CAba,CAAd;;QAeA/B,cAAc,CACXuB,IADH,CACQ,SADR,EACmB,CADnB,EAEGA,IAFH,CAEQ,IAFR,EAEc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,6BAAcjB,OAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,uDAAc,mBAAmBW,EAAjC;QAAA,CAFd,EAGGP,IAHH,CAGQ,IAHR,EAGc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,8BAAcjB,OAAK,CAACiB,KAAD,CAAL,CAAaN,IAA3B,wDAAc,oBAAmBY,EAAjC;QAAA,CAHd;QAIA/B,cAAc,CACXJ,UADH,GAEGP,QAFH,CAEYA,QAFZ,EAGGkC,IAHH,CAGQ,SAHR,EAGmB,CAHnB,EAIGA,IAJH,CAIQ,IAJR,EAIc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,2BAAcjB,OAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,qDAAc,iBAAiBQ,EAA/B;QAAA,CAJd,EAKGP,IALH,CAKQ,IALR,EAKc,UAACC,CAAD,EAAIC,KAAJ;UAAA;;UAAA,4BAAcjB,OAAK,CAACiB,KAAD,CAAL,CAAaH,EAA3B,sDAAc,kBAAiBS,EAA/B;QAAA,CALd;MAMD;;MACD,IAAIzB,WAAW,CAACC,MAAZ,GAAqB,CAAzB,EAA4B;QAC1BN,eAAe,CAACsB,IAAhB,CAAqB,SAArB,EAAgC,CAAhC;QACAtB,eAAe,CAACL,UAAhB,GAA6BP,QAA7B,CAAsCA,QAAtC,EAAgDkC,IAAhD,CAAqD,SAArD,EAAgE,CAAhE;MACD;IACF;;;WAED,4BAAmBS,SAAnB,EAA2C;MAAA;;MACzC,IAAI,0BAAAA,SAAS,CAACC,UAAV,CAAqBC,IAArB,gFAA2B3B,MAA3B,6BAAsC,KAAKnB,OAAL,CAAa8C,IAAnD,uDAAsC,mBAAmB3B,MAAzD,CAAJ,EAAqE;QACnE,KAAK4B,kBAAL;MACD;IACF;;;WAED,6BAAoB;MAClB,KAAKA,kBAAL;IACD;;;WAED,2BAAkBC,GAAlB,EAA+B;MAAA;;MAC7B,OAAO,UAACC,KAAD,EAA6B;QAClC,IAAMC,MAAM,GAAGF,GAAG,KAAK,MAAI,CAAChD,OAAL,CAAaD,SAArB,GAAiCiD,GAAjC,GAAuC,IAAtD;;QACA,MAAI,CAACG,QAAL,CAAcpD,SAAd,CAAwBmD,MAAxB,EAAgCD,KAAhC;MACD,CAHD;IAID;;;WAED,4BAAmB;MACjB,qBAA2B,KAAKjD,OAAhC;MAAA,IAAQ8C,IAAR,kBAAQA,IAAR;MAAA,IAAcM,QAAd,kBAAcA,QAAd;MACA,IAAMC,MAAM,GAAGP,IAAI,CAACzB,GAAL,CAAS;QAAA,IAAGiC,KAAH,SAAGA,KAAH;QAAA,OAAe,IAAAC,kBAAA,EAAYD,KAAZ,EAAmBF,QAAnB,CAAf;MAAA,CAAT,CAAf;MAEA,OAAO3D,IAAI,CAAC+D,GAAL,OAAA/D,IAAI,sCAAQ4D,MAAR,EAAX;IACD;;;WAED,yBAAgB;MACd,qBAAgC,KAAKrD,OAArC;MAAA,IAAQE,GAAR,kBAAQA,GAAR;MAAA,IAAauD,IAAb,kBAAaA,IAAb;MAAA,IAAmBL,QAAnB,kBAAmBA,QAAnB;;MAEA,4CAAwBK,IAAxB;MAAA,IAAOjB,KAAP;MAAA,IAAcC,MAAd;;MACA,IAAMiB,MAAM,GAAG,CAAClB,KAAK,GAAG,CAAT,EAAYC,MAAM,GAAG,CAArB,CAAf;MACA,IAAOH,CAAP,GAAeoB,MAAf;MAAA,IAAUnB,CAAV,GAAemB,MAAf;MACA;QACEpB,CAAC,EAADA,CADF;QAEEC,CAAC,EAADA,CAFF;QAGEa,QAAQ,EAAEA,QAAQ,GAAG;MAHvB,GAIG,uBAJH,YAIgClD,GAJhC;IAMD;;;WAED,0BAAiB;MACf,qBAAmC,KAAKF,OAAxC;MAAA,IAAQ8C,IAAR,kBAAQA,IAAR;MAAA,IAAiBa,aAAjB;MACA,IAAMC,SAAS,GAAG,KAAKC,gBAAL,EAAlB;MAEA,uCACKF,aADL;QAEEG,YAAY,EAAEhB,IAAI,CAAC3B,MAFrB;QAGE2B,IAAI,EAAJA,IAHF;QAIEc,SAAS,EAATA,SAJF;QAKEG,aAAa,EAAE,KAAKlE;MALtB;IAOD;;;WAED,kBAAS;MAAA;;MACP,IAAMmE,WAAW,GAAG,KAAKC,OAAzB;MACA,IAAQC,QAAR,GAAqB,KAAKlE,OAA1B,CAAQkE,QAAR;MACA,KAAKlE,OAAL,CAAamE,gBAAb,CAA8BC,iBAA9B,CAAgD,YAAhD;MAEA,cAAO,IAAAC,aAAA,EAAQ,KAAKrE,OAAL,CAAasE,MAArB,CAAP,eACE,gCAAC,WAAD;QAAA,UAAoB;MAApB,iBACE,gCAAC,QAAD,0BADF,CADF;IAKD;;;EA9M0BC,e;;iCAAvB5E,c,iBACiB,Y;iCADjBA,c,WAEW6E,K;iCAFX7E,c,aAGa,CAAC,IAAA8E,oBAAA,GAAD,C;iCAHb9E,c,kBAK6C;EAC/C+E,WAAW,EAAE,CADkC;EAE/CzE,QAAQ,EAAE,GAFqC;EAG/C0E,aAAa,EAAE,EAHgC;EAI/CC,WAAW,EAAE,CAJkC;EAK/CC,SAAS,EAAE,MALoC;EAM/CC,OAAO,EAAE,CANsC;EAO/CC,QAAQ,EAAE,CAPqC;EAQ/C3B,QAAQ,EAAE,EARqC;EAS/C4B,gBAAgB,EAAE;AAT6B,C;;IAwN7CC,gB;;;;;EAcJ,0BAAYrF,KAAZ,EAAwB;IAAA;;IAAA;IACtB,4BAAMA,KAAN;IADsB;IAEtB,OAAKsF,YAAL,GAAoB,OAAKA,YAAL,CAAkBpF,IAAlB,iDAApB;IAFsB;EAGvB;;;;WAED,yCAA0EuC,KAA1E,EAAyF;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MACvF,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,4BAAgE,KAAK8C,qBAAL,CAC9DrC,IAD8D,EAE9DT,KAF8D,CAAhE;MAAA,IAAQ+C,MAAR,yBAAQA,MAAR;MAAA,IAAgBC,MAAhB,yBAAgBA,MAAhB;MAAA,IAAwBC,YAAxB,yBAAwBA,YAAxB;MAAA,IAAsCC,YAAtC,yBAAsCA,YAAtC;MAAA,IAAoDT,OAApD,yBAAoDA,OAApD;;MAKA,OAAO;QACL9C,EAAE,EAAEoD,MADC;QAELnD,EAAE,EAAEoD,MAFC;QAGL3C,EAAE,EAAE4C,YAHC;QAIL3C,EAAE,EAAE4C,YAJC;QAKLC,WAAW,EAAEV,OAAO,GAAG;MALlB,CAAP;IAOD;;;WACD,8BAA+DzC,KAA/D,EAA8E;MAAA;;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MAC5E,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,6BAAuC,KAAK8C,qBAAL,CAA2BrC,IAA3B,EAAiCT,KAAjC,CAAvC;MAAA,IAAQ+C,MAAR,0BAAQA,MAAR;MAAA,IAAgBC,MAAhB,0BAAgBA,MAAhB;MAAA,IAAwBI,IAAxB,0BAAwBA,IAAxB;MAAA,IAA8BC,IAA9B,0BAA8BA,IAA9B;;MACA,IAAQxF,GAAR,GAAgB,KAAKF,OAArB,CAAQE,GAAR;MACA,IAAMyF,KAAK,kBAAG7C,IAAI,CAAC6C,KAAR,qDAAiB,KAAK3F,OAAL,CAAa2F,KAAzC;MAEA;QACE3D,EAAE,EAAEoD,MADN;QAEEnD,EAAE,EAAEoD,MAFN;QAGE3C,EAAE,EAAE+C,IAHN;QAIE9C,EAAE,EAAE+C,IAJN;QAKEE,MAAM,EAAED;MALV,4CAMG,uBANH,YAMgCzF,GANhC,sDAOG,mBAPH,EAOyBmC,KAPzB;IASD;;;WACD,6BAA8DA,KAA9D,EAA6E;MAAA;;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MAC3E,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,6BAAgC,KAAK8C,qBAAL,CAA2BrC,IAA3B,EAAiCT,KAAjC,CAAhC;MAAA,IAAQoD,IAAR,0BAAQA,IAAR;MAAA,IAAcC,IAAd,0BAAcA,IAAd;MAAA,IAAoBZ,OAApB,0BAAoBA,OAApB;;MACA,IAAQ5E,GAAR,GAAgB,KAAKF,OAArB,CAAQE,GAAR;MACA,IAAMyF,KAAK,mBAAG7C,IAAI,CAAC6C,KAAR,uDAAiB,KAAK3F,OAAL,CAAa2F,KAAzC;MAEA;QACErD,CAAC,EAAEmD,IADL;QAEElD,CAAC,EAAEmD,IAFL;QAGEG,MAAM,EAAEf,OAHV;QAIEa,KAAK,EAALA;MAJF,4CAKG,uBALH,YAKgCzF,GALhC,4DAMG,mBANH,EAMyBmC,KANzB;IAQD;;;WACD,8BAA+DA,KAA/D,EAA8E;MAAA;;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MAC5E,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,6BAAiC,KAAK8C,qBAAL,CAA2BrC,IAA3B,EAAiCT,KAAjC,CAAjC;MAAA,IAAQoD,IAAR,0BAAQA,IAAR;MAAA,IAAcC,IAAd,0BAAcA,IAAd;MAAA,IAAoBI,QAApB,0BAAoBA,QAApB;;MACA,IAAQ5F,GAAR,GAAgB,KAAKF,OAArB,CAAQE,GAAR;MACA,IAAM2E,SAAS,sBAAG/B,IAAI,CAAC+B,SAAR,6DAAqB,KAAK7E,OAAL,CAAa6E,SAAjD;MACA,IAAME,QAAQ,qBAAGjC,IAAI,CAACiC,QAAR,2DAAoB,KAAK/E,OAAL,CAAa+E,QAA/C;MACA,IAAMgB,IAAI,iBAAGjD,IAAI,CAACiD,IAAR,mDAAgB,KAAK/F,OAAL,CAAa+F,IAAvC;MAEA;QACEzD,CAAC,EAAEmD,IAAI,GAAGV,QAAQ,GAAI,CADxB;QAEExC,CAAC,EAAEmD,IAAI,GAAGX,QAAQ,GAAI,CAFxB;QAGEA,QAAQ,EAARA,QAHF;QAIEY,KAAK,EAAEd,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAe;MAJtB,4CAKG,uBALH,YAKgC3E,GALhC,0DAMG,mBANH,EAMyBmC,KANzB,oDAOE0D,IAPF,wDAQED,QARF;IAUD;;;WACD,+BAAgEzD,KAAhE,EAA+E;MAAA;;MAAA,IAA/DQ,UAA+D,UAA/DA,UAA+D;MAC7E,IAAMC,IAAI,GAAGD,UAAU,CAACC,IAAX,CAAiBT,KAAjB,CAAb;;MACA,6BAAiE,KAAK8C,qBAAL,CAC/DrC,IAD+D,EAE/DT,KAF+D,CAAjE;MAAA,IAAQiD,YAAR,0BAAQA,YAAR;MAAA,IAAsBC,YAAtB,0BAAsBA,YAAtB;MAAA,IAAoCS,UAApC,0BAAoCA,UAApC;MAAA,IAAgDC,YAAhD,0BAAgDA,YAAhD;;MAIA,qBAA0B,KAAKjG,OAA/B;MAAA,IAAQE,GAAR,kBAAQA,GAAR;MAAA,IAAakD,QAAb,kBAAaA,QAAb;MACA,IAAQE,KAAR,GAAkBR,IAAlB,CAAQQ,KAAR;MACA,IAAMqC,KAAK,mBAAG7C,IAAI,CAAC6C,KAAR,uDAAiB,KAAK3F,OAAL,CAAa2F,KAAzC;MAEA;QACErD,CAAC,EAAEgD,YADL;QAEE/C,CAAC,EAAEgD,YAFL;QAGEW,KAAK,EAAEF;MAHT,4CAIG,uBAJH,YAIgC9F,GAJhC,uDAKG,mBALH,EAKyBmC,KALzB,qDAMEiB,KANF,qDAOEqC,KAPF,4DAQEM,YARF,wDASE7C,QATF;IAWD;;;WAED,sBAAaN,IAAb,EAA+BT,KAA/B,EAA8C;MAAA;;MAC5C,oBAAOS,IAAI,CAACE,GAAZ,kEAA6BX,KAA7B;IACD;;;WAED,+BAAsBS,IAAtB,EAAwCT,KAAxC,EAAuD;MAAA;;MACrD,qBACE,KAAKrC,OADP;MAAA,IAAQ2E,aAAR,kBAAQA,aAAR;MAAA,IAAuBC,WAAvB,kBAAuBA,WAAvB;MAAA,IAAoCF,WAApC,kBAAoCA,WAApC;MAAA,IAAiD3E,SAAjD,kBAAiDA,SAAjD;MAAA,IAA4D0D,IAA5D,kBAA4DA,IAA5D;MAAA,IAAkEK,YAAlE,kBAAkEA,YAAlE;MAAA,IAAgFF,SAAhF,kBAAgFA,SAAhF;;MAEA,6CAAwBH,IAAxB;MAAA,IAAOjB,KAAP;MAAA,IAAcC,MAAd;;MACA,IAAMO,GAAG,GAAG,KAAKmD,YAAL,CAAkBrD,IAAlB,EAAwBT,KAAxB,CAAZ;MACA,IAAMyD,QAAQ,GAAG/F,SAAS,KAAKiD,GAA/B;MACA,IAAMoD,WAAW,oBAAGtD,IAAI,CAACgC,OAAR,yDAAmB,KAAK9E,OAAL,CAAa8E,OAAjD;MACA,IAAMA,OAAO,GAAGsB,WAAW,IAAIN,QAAQ,GAAG,CAAH,GAAO,GAAnB,CAA3B;MAEA,IAAMO,UAAU,GAAG5G,IAAI,CAAC6G,GAAL,CAAS9D,KAAT,EAAgBC,MAAhB,IAA0B,CAA7C;MACA,IAAMtB,MAAM,GAAG1B,IAAI,CAAC+D,GAAL,CACb6C,UAAU,GAAGzC,SAAb,GAAyBwC,WAAzB,GAAuCzB,aAAvC,GAAuDC,WAAW,GAAG,CADxD,EAEb,EAFa,CAAf;MAKA,IAAMsB,KAAK,GAAG1G,SAAS,GAAGkF,WAAZ,GAA2BrC,KAAK,GAAGyB,YAAT,IAA0BrE,IAAI,CAACC,EAAL,GAAU,CAApC,CAAxC;MACA,IAAMuG,YAAY,GACfC,KAAK,GAAG1G,SAAR,GAAqB,IAAI,CAAL,GAAUC,IAAI,CAACC,EAAnC,IAAyCwG,KAAK,GAAG1G,SAAR,GAAqB,IAAI,CAAL,GAAUC,IAAI,CAACC,EAA7E,IACCwG,KAAK,GAAG1G,SAAR,GAAqB,IAAI,CAAL,GAAUC,IAAI,CAACC,EAAnC,IAAyCwG,KAAK,GAAG1G,SAAR,GAAqB,KAAK,CAAN,GAAWC,IAAI,CAACC,EAFhF;MAGA,IAAM6G,QAAQ,GAAG,CAAC9G,IAAI,CAACC,EAAN,GAAW,CAA5B;MACA,IAAMsG,UAAU,GAAI,CAACE,KAAK,GAAGK,QAAT,IAAqB9G,IAAI,CAACC,EAA3B,GAAiC6G,QAApD;MAEA,IAAM7C,MAAM,GAAG,CAAClB,KAAK,GAAG,CAAT,EAAYC,MAAM,GAAG,CAArB,CAAf;MACA,IAAO+D,OAAP,GAA2B9C,MAA3B;MAAA,IAAgB+C,OAAhB,GAA2B/C,MAA3B;MACA,IAAMgD,KAAK,GAAG,CACZF,OAAO,GAAG/G,IAAI,CAACkH,GAAL,CAAST,KAAT,IAAkBvB,aADhB,EAEZ8B,OAAO,GAAGhH,IAAI,CAACmH,GAAL,CAASV,KAAT,IAAkBvB,aAFhB,CAAd;MAIA,IAAMkC,GAAG,GAAG,CACVL,OAAO,GAAG/G,IAAI,CAACkH,GAAL,CAAST,KAAT,KAAmBvB,aAAa,GAAGxD,MAAnC,CADA,EAEVsF,OAAO,GAAGhH,IAAI,CAACmH,GAAL,CAASV,KAAT,KAAmBvB,aAAa,GAAGxD,MAAnC,CAFA,CAAZ;MAIA,IAAOiE,MAAP,GAAyBsB,KAAzB;MAAA,IAAerB,MAAf,GAAyBqB,KAAzB;MACA,IAAOjB,IAAP,GAAqBoB,GAArB;MAAA,IAAanB,IAAb,GAAqBmB,GAArB;MAEA,IAAMC,WAAW,GAAG,CAClBN,OAAO,GACL/G,IAAI,CAACkH,GAAL,CAAST,KAAT,KAAmBvB,aAAa,GAAGxD,MAAhB,GAAyBiF,WAAzB,GAAuCxC,SAAS,GAAG,CAAnD,GAAuDgB,WAA1E,CAFgB,EAGlB6B,OAAO,GACLhH,IAAI,CAACmH,GAAL,CAASV,KAAT,KAAmBvB,aAAa,GAAGxD,MAAhB,GAAyBiF,WAAzB,GAAuCxC,SAAS,GAAG,CAAnD,GAAuDgB,WAA1E,CAJgB,CAApB;MAMA,IAAOU,YAAP,GAAqCwB,WAArC;MAAA,IAAqBvB,YAArB,GAAqCuB,WAArC;MAEA,OAAO;QACL1B,MAAM,EAANA,MADK;QAELC,MAAM,EAANA,MAFK;QAGLI,IAAI,EAAJA,IAHK;QAILC,IAAI,EAAJA,IAJK;QAKLJ,YAAY,EAAZA,YALK;QAMLC,YAAY,EAAZA,YANK;QAOLS,UAAU,EAAVA,UAPK;QAQLC,YAAY,EAAZA,YARK;QASLnB,OAAO,EAAPA,OATK;QAULgB,QAAQ,EAARA;MAVK,CAAP;IAYD;;;WAED,sBAAahD,IAAb,EAA+BT,KAA/B,EAA8C;MAAA;;MAC5C,qBAA4C,KAAKrC,OAAjD;MAAA,IAAQsE,MAAR,kBAAQA,MAAR;MAAA,IAAgBJ,QAAhB,kBAAgBA,QAAhB;MAAA,IAA0BH,aAA1B,kBAA0BA,aAA1B;MACA,IAAMf,GAAG,GAAG,KAAKmD,YAAL,CAAkBrD,IAAlB,EAAwBT,KAAxB,CAAZ;MACA,IAAM0E,OAAO,GAAG,GAAhB;MAEA,IAAIC,QAAQ,GAAG,IAAAC,6BAAA,EAAkB/C,QAAlB,CAAf;;MAEA,IAAI,OAAO8C,QAAP,KAAoB,UAAxB,EAAoC;QAClC,IAAME,MAAM,GAAG,KAAKlH,OAAL,CAAagH,QAA5B;QACA,IAAMG,WAAW,GAAG,IAAAC,uBAAA,EAAYJ,QAAQ,CAAC,KAAKhH,OAAN,CAApB,EAAoC,KAAKA,OAAzC,CAApB;QACAgH,QAAQ,GAAGG,WAAW,CAACH,QAAvB;QACAG,WAAW,CAACH,QAAZ,GAAuBE,MAAvB;MACD;;MAED,KAAKlH,OAAL,CAAamE,gBAAb,CAA8BkD,mBAA9B,WAAqDhF,KAArD,cAA8DS,IAAI,CAACQ,KAAnE,GAA4ER,IAAI,CAACQ,KAAjF,EAd4C,CAgB5C;;MACA,IAAMgE,eAAe,GAAIC,UAAU,CAACC,MAAZ,CAA2BF,eAAnD;MAEA,eAAO,IAAAjD,aAAA,EAAQC,MAAR,CAAP,eACE,gCAAC,OAAD;QAAA;QAAA,OAA0BtB,GAA1B;QAAA,WAAwCe,aAAa,CAACf,GAAD;MAArD,iBACE,gCAAC,eAAD,kCADF,EAEGgE,QAFH,CADF;IAMD;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAQlE,IAAR,GAAiB,KAAK9C,OAAtB,CAAQ8C,IAAR;MACA,IAAM2E,WAAW,GAAG,GAApB;MAEA,eAAO,IAAApD,aAAA,EAAQ,KAAKrE,OAAL,CAAasE,MAArB,CAAP,eACE,gCAAC,WAAD,+BAAcxB,IAAI,CAACzB,GAAL,CAAS,UAACyB,IAAD,EAAOT,KAAP;QAAA,OAAiB,MAAI,CAAC6C,YAAL,CAAkBpC,IAAlB,EAAwBT,KAAxB,CAAjB;MAAA,CAAT,CAAd,CADF;IAGD;;;EA1M4BkC,e;;iCAAzBU,gB,iBACiB,kB;iCADjBA,gB,WAEWT,K;iCAFXS,gB,kBAImD;EACrDN,aAAa,EAAE,EADsC;EAErDC,WAAW,EAAE,CAFwC;EAGrDC,SAAS,EAAE,MAH0C;EAIrDC,OAAO,EAAE,EAJ4C;EAKrDC,QAAQ,EAAE,EAL2C;EAMrD3B,QAAQ,EAAE;AAN2C,C;;AAoNzD,IAAMkE,eAAiE,GAAG,SAApEA,eAAoE,SAGpE;EAAA;;EAAA,IAFKI,gBAEL,UAFJzD,OAEI;EAAA,IADJK,MACI,UADJA,MACI;EACJ,eAAO,IAAAD,aAAA,EAAQC,MAAR,CAAP,eACE,gCAAC,gBAAD;IAAA,UAAyB,aAAzB;IAAA,UAA8C;EAA9C,GADF;AAGD,CAPD;;AAsBA,IAAMqD,IAA2C,GAAG,SAA9CA,IAA8C,SAAwC;EAAA;;EAAA,IAA5BC,KAA4B,UAArC3D,OAAqC;EAAA,IAArBK,MAAqB,UAArBA,MAAqB;EAAA,IAAbsB,MAAa,UAAbA,MAAa;EAC1F,eAAO,IAAAvB,aAAA,EAAQC,MAAR,CAAP,eAAuB,gCAAC,KAAD;IAAA,UAAc,MAAd;IAAA,UAA6BsB;EAA7B,GAAvB;AACD,CAFD;;AAgBA,IAAMiC,GAAyC,GAAG,SAA5CA,GAA4C,SAO5C;EAAA;;EAAA,IANKC,IAML,UANJ7D,OAMI;EAAA,IALJK,MAKI,UALJA,MAKI;EAAA,IAJJhC,CAII,UAJJA,CAII;EAAA,IAHJC,CAGI,UAHJA,CAGI;EAAA,IAFJsD,MAEI,UAFJA,MAEI;EAAA,IADJF,KACI,UADJA,KACI;EACJ,eAAO,IAAAtB,aAAA,EAAQC,MAAR,CAAP,eACE,gCAAC,IAAD;IAAA,UAAa,QAAb;IAAA,MAA0BhC,CAA1B;IAAA,MAAiCC,CAAjC;IAAA,KAAuCsD,MAAvC;IAAA,QAAqDF;EAArD,GADF;AAGD,CAXD;;AA8BA,IAAMoC,IAA2C,GAAG,SAA9CA,IAA8C,SAQ9C;EAAA;;EAAA,IAPKC,KAOL,UAPJ/D,OAOI;EAAA,IANJK,MAMI,UANJA,MAMI;EAAA,IALJwB,QAKI,UALJA,QAKI;EAAA,IAJJmC,GAII,UAJJA,GAII;EAAA,IAHJ3F,CAGI,UAHJA,CAGI;EAAA,IAFJC,CAEI,UAFJA,CAEI;EAAA,IADJwC,QACI,UADJA,QACI;EACJ,IAAI,EAAEe,QAAQ,IAAImC,GAAd,CAAJ,EAAwB,OAAO,IAAP;EACxB,IAAMzF,KAAK,GAAGuC,QAAd;EACA,IAAMtC,MAAM,GAAGsC,QAAf;EACA,eAAO,IAAAV,aAAA,EAAQC,MAAR,CAAP,eACE,gCAAC,KAAD;IAAA,KAAUhC,CAAV;IAAA,KAAgBC,CAAhB;IAAA,SAA0BC,KAA1B;IAAA,UAAyCC,MAAzC;IAAA,UAAyDwF;EAAzD,GADF;AAGD,CAfD;;AAqCA,IAAMC,KAA6C,GAAG,SAAhDA,KAAgD,SAWhD;EAAA,IAVKC,MAUL,UAVJlE,OAUI;EAAA,IATJC,QASI,UATJA,QASI;EAAA,IARJI,MAQI,UARJA,MAQI;EAAA,IAPJhB,KAOI,UAPJA,KAOI;EAAA,IANJqC,KAMI,UANJA,KAMI;EAAA,IALJM,YAKI,UALJA,YAKI;EAAA,IAJJ3D,CAII,UAJJA,CAII;EAAA,IAHJC,CAGI,UAHJA,CAGI;EAAA,IAFJa,QAEI,UAFJA,QAEI;EAAA,IADJ8C,KACI,UADJA,KACI;EACJ,IAAMkC,KAAK,GAAGC,MAAM,CAAC/E,KAAD,CAAN,CAAcgF,KAAd,CAAoB,IAApB,CAAd;EACA,IAAMC,UAAU,GAAGH,KAAK,CAACjH,MAAzB;EACA,IAAMqH,UAAU,GAAG,OAAnB;EAEA,IAAMC,SAAS,GAAG,CAAEvC,KAAK,GAAGzG,IAAI,CAACC,EAAd,GAAoB,GAArB,EAA0BgJ,OAA1B,CAAkC,CAAlC,CAAlB;EACA,IAAMC,eAAe,GAAG,CAACrG,CAAC,CAACoG,OAAF,CAAU,CAAV,CAAD,EAAenG,CAAC,CAACmG,OAAF,CAAU,CAAV,CAAf,CAAxB;EACA,IAAME,SAAS,oBAAa,CAACH,SAAD,SAAeE,eAAf,EAAgCE,IAAhC,CAAqC,IAArC,CAAb,MAAf;EAEA,IAAMC,OAAO,GAAG,IAAAzE,aAAA,EAAQC,MAAR,CAAhB;EACA,IAAMyE,YAAY,GAAGD,OAAO,CAACE,EAAR,CAAW,QAAX,EAAqB;IACxCrD,KAAK,EAALA,KADwC;IAExC,iBAAiB,IAAAsD,YAAA,EAAMtD,KAAN,EAAa,CAAC,IAAd,CAFuB;IAGxC,eAAeM,YAAY,GAAG,MAAH,GAAY;EAHC,CAArB,CAArB;EAMA,oBACE,gCAAC,MAAD;IACE,mBADF;IAEE,MAAM,EAAC,MAFT;IAGE,UAAU,EAAC,QAHb;IAIE,gBAAgB,EAAC,SAJnB;IAKE,SAAS,EAAE8C,YAAY,CAACG,SAL1B;IAME,KAAK,EAAEH,YAAY,CAACvE,KANtB;IAOE,CAAC,EAAElC,CAAC,CAACoG,OAAF,CAAU,CAAV,CAPL;IAQE,CAAC,EAAEnG,CAAC,CAACmG,OAAF,CAAU,CAAV,CARL;IASE,SAAS,EAAEE;EATb,GAWGR,KAAK,CAAC/G,GAAN,CAAU,UAAC8H,QAAD,EAAWC,SAAX;IAAA,oBACT,gCAAC,UAAD;MACE,CAAC,EAAE9G,CADL;MAEE,CAAC,EAAEC,CAAC,GAAG,CAAC6G,SAAS,GAAG,CAACb,UAAU,GAAG,CAAd,IAAmB,CAAhC,IAAqCnF,QAF9C;MAGE,GAAG,aAAMgG,SAAN,cAAmBD,QAAnB;IAHL,GAKGA,QALH,CADS;EAAA,CAAV,CAXH,eAoBE,gCAAC,QAAD,OApBF,CADF;AAwBD,CAnDD;;AAqDA,IAAM3B,MAAM,GAAG,IAAA6B,yBAAA,EAAcpE,gBAAd,EAAgC;EAC7CqC,eAAe,EAAfA,eAD6C;EAE7CK,IAAI,EAAJA,IAF6C;EAG7CE,GAAG,EAAHA,GAH6C;EAI7CE,IAAI,EAAJA,IAJ6C;EAK7CG,KAAK,EAALA;AAL6C,CAAhC,CAAf;;AAqBA,IAAMoB,KAAuC,GAAG,SAA1CA,KAA0C,SAU1C;EAAA;;EAAA,IATKC,MASL,UATJtF,OASI;EAAA,IARJC,QAQI,UARJA,QAQI;EAAA,IAPJ8C,QAOI,UAPJA,QAOI;EAAA,IANJ1C,MAMI,UANJA,MAMI;EAAA,IALJlB,QAKI,UALJA,QAKI;EAAA,IAJJuC,KAII,UAJJA,KAII;EAAA,IAHJrD,CAGI,UAHJA,CAGI;EAAA,IAFJC,CAEI,UAFJA,CAEI;EAAA,IADJ4B,gBACI,UADJA,gBACI;;EACJ,IAAI,OAAO6C,QAAP,KAAoB,QAAxB,EAAkC;IAChC7C,gBAAgB,CAACqF,QAAjB,CAA0B,UAA1B,EAAsCxC,QAAtC;EACD;;EACD,eAAO,IAAA3C,aAAA,EAAQC,MAAR,CAAP,eACE,gCAAC,MAAD;IAAA;IAAA,UAES,MAFT;IAAA,cAGa,QAHb;IAAA,oBAImB,SAJnB;IAAA,YAKYlB,QALZ;IAAA,QAMQuC,KANR;IAAA,KAOKrD,CAPL;IAAA,KAQKC;EARL,iBAUE,gCAAC,QAAD,2BAVF,CADF;AAcD,CA5BD;;AA8BA,IAAMgF,UAAU,GAAG,IAAA8B,yBAAA,EAAc1J,cAAd,EAA8B;EAAE2J,KAAK,EAALA,KAAF;EAAS9B,MAAM,EAANA;AAAT,CAA9B,CAAnB;eAYeD,U"}

package/lib/cjs/ReferenceLine.js

@@ -42,19 +42,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SReferenceLine_98aec_gg_{fill:none;stroke:#a9abb6}.___STitle_98aec_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_98aec)}.___STitle_98aec_gg_._position_top_98aec_gg_{text-anchor:middle}.___STitle_98aec_gg_._position_bottom_98aec_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_98aec_gg_._position_right_98aec_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_98aec_gg_._position_left_98aec_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_98aec_gg_{fill:rgba(196,199,207,.2)}"
+".___SReferenceLine_u1g3j_gg_{fill:none;stroke:#a9abb6}.___STitle_u1g3j_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_u1g3j)}.___STitle_u1g3j_gg_._position_top_u1g3j_gg_{text-anchor:middle}.___STitle_u1g3j_gg_._position_bottom_u1g3j_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_u1g3j_gg_._position_right_u1g3j_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_u1g3j_gg_._position_left_u1g3j_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_u1g3j_gg_{fill:rgba(196,199,207,.2)}"
 /*__inner_css_end__*/
-, "98aec_gg_")
+, "u1g3j_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_98aec_gg_",
-  "__STitle": "___STitle_98aec_gg_",
-  "--transform-origin": "--transform-origin_98aec",
-  "_position_top": "_position_top_98aec_gg_",
-  "_position_bottom": "_position_bottom_98aec_gg_",
-  "_position_right": "_position_right_98aec_gg_",
-  "_position_left": "_position_left_98aec_gg_",
-  "__SBackground": "___SBackground_98aec_gg_"
+  "__SReferenceLine": "___SReferenceLine_u1g3j_gg_",
+  "__STitle": "___STitle_u1g3j_gg_",
+  "--transform-origin": "--transform-origin_u1g3j",
+  "_position_top": "_position_top_u1g3j_gg_",
+  "_position_bottom": "_position_bottom_u1g3j_gg_",
+  "_position_right": "_position_right_u1g3j_gg_",
+  "_position_left": "_position_left_u1g3j_gg_",
+  "__SBackground": "___SBackground_u1g3j_gg_"
 });
 var MAP_ORIENTATION = {
   left: 'vertical',

package/lib/cjs/ScatterPlot.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_1nssx_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1nssx);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1nssx_gg_:hover{opacity:.8}.___SScatterPlot_1nssx_gg_.__color_1nssx_gg_{fill:var(--color_1nssx)}.___SValue_1nssx_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1nssx_gg_.__color_1nssx_gg_{stroke:var(--color_1nssx)}"
+".___SScatterPlot_1l3xx_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1l3xx);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1l3xx_gg_:hover{opacity:.8}.___SScatterPlot_1l3xx_gg_.__color_1l3xx_gg_{fill:var(--color_1l3xx)}.___SValue_1l3xx_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1l3xx_gg_.__color_1l3xx_gg_{stroke:var(--color_1l3xx)}"
 /*__inner_css_end__*/
-, "1nssx_gg_")
+, "1l3xx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_1nssx_gg_",
-  "--duration": "--duration_1nssx",
-  "_color": "__color_1nssx_gg_",
-  "--color": "--color_1nssx",
-  "__SValue": "___SValue_1nssx_gg_"
+  "__SScatterPlot": "___SScatterPlot_1l3xx_gg_",
+  "--duration": "--duration_1l3xx",
+  "_color": "__color_1l3xx_gg_",
+  "--color": "--color_1l3xx",
+  "__SValue": "___SValue_1l3xx_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
@@ -160,6 +160,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
       var SScatterPlot = this.Element;
       var SValue = 'text';
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref.cn("g", {
+        "aria-hidden": true,
         "key": "circle(#".concat(i, ")"),
         "onMouseMove": this.bindHandlerTooltip(true, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
@@ -168,6 +169,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
           xIndex: i
         }))
       }), /*#__PURE__*/_react["default"].createElement(SScatterPlot, _ref.cn("SScatterPlot", {
+        "aria-hidden": true,
         "id": "".concat(uid).concat(i),
         "index": i,
         "render": "circle",
@@ -178,6 +180,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
         "r": r,
         "use:duration": "".concat(duration, "ms")
       })), d[value] && /*#__PURE__*/_react["default"].createElement(SValue, _ref.cn("SValue", {
+        "aria-hidden": true,
         "x": xScale(d[x]) + offset[0],
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
@@ -191,7 +194,10 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps3 = this.asProps,
           data = _this$asProps3.data,
           uid = _this$asProps3.uid,
-          scale = _this$asProps3.scale;
+          scale = _this$asProps3.scale,
+          x = _this$asProps3.x,
+          y = _this$asProps3.y,
+          value = _this$asProps3.value;
 
       var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
           xScale = _scale2[0],
@@ -201,7 +207,10 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
       var ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);
       var xMargin = Math.min(xScale.range()[0], xScale.range()[1]);
       var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
+      this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
+      this.asProps.dataHintsHandler.establishDataType('points-cloud');
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], {
+        "aria-hidden": true,
         id: uid,
         x: xMargin,
         y: yMargin,

package/lib/cjs/ScatterPlot.js.map

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

package/lib/cjs/StackBar.js

@@ -48,15 +48,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SBar_d3qxk_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_d3qxk_gg_.__color_d3qxk_gg_{fill:var(--color)}.___SBar_d3qxk_gg_.__hide_d3qxk_gg_{display:none}.___SBackground_d3qxk_gg_{fill:#c4c7cf}"
+".___SBar_1snn8_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1snn8_gg_.__color_1snn8_gg_{fill:var(--color)}.___SBar_1snn8_gg_.__hide_1snn8_gg_{display:none}.___SBackground_1snn8_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "17ddk02_gg_")
+, "119juma_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_d3qxk_gg_",
-  "_color": "__color_d3qxk_gg_",
-  "_hide": "__hide_d3qxk_gg_",
-  "__SBackground": "___SBackground_d3qxk_gg_"
+  "__SBar": "___SBar_1snn8_gg_",
+  "_color": "__color_1snn8_gg_",
+  "_hide": "__hide_1snn8_gg_",
+  "__SBackground": "___SBackground_1snn8_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
@@ -126,7 +126,8 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
         }),
         y0: XY0,
         x: x,
-        r: rBar
+        r: rBar,
+        groupKey: x
       };
     }
   }, {
@@ -155,7 +156,8 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
         }),
         x0: XY0,
         y: y,
-        r: rBar
+        r: rBar,
+        groupKey: y
       };
     }
   }, {
@@ -163,7 +165,9 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
     value: function render() {
       var Element = this.Element;
       this.series = this.getSeries();
+      this.asProps.dataHintsHandler.establishDataType('grouped-values');
       return /*#__PURE__*/_react["default"].createElement(Element, {
+        "aria-hidden": true,
         render: "g",
         series: this.series
       });

package/lib/cjs/StackBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackBar.js","names":["DEFAULT_INSTANCE","Symbol","XY0","StackBarRoot","asProps","Children","data","stack","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","StackBar","Bar","props","hide","push","y","HorizontalBar","x","r","seriesIndex","series","findIndex","s","key","rBar","map","i","slice","some","bar","y0","x0","Element","getSeries","Component","style","d3Stack","createElement"],"sources":["../../src/StackBar.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst XY0 = Symbol('XY0');\n\nclass StackBarRoot extends Component {\n  static displayName = 'StackBar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack, r: 2 };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        if (\n          React.isValidElement(child) &&\n          child.type === StackBar.HorizontalBar &&\n          !child.props.hide\n        ) {\n          acc.push(child.props.x);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys);\n    }\n\n    return stack(data);\n  }\n\n  getBarProps({ y }) {\n    const { x, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === y);\n    // or [] if hide bar\n    const series = this.series[seriesIndex] || [];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1],\n        [XY0]: s[0],\n      })),\n      y0: XY0,\n      x,\n      r: rBar,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === x);\n    const series = this.series[seriesIndex];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [x]: s[1],\n        [XY0]: s[0],\n      })),\n      x0: XY0,\n      y,\n      r: rBar,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackBar = createElement(StackBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default StackBar;\n"],"mappings":"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"}
+{"version":3,"file":"StackBar.js","names":["DEFAULT_INSTANCE","Symbol","XY0","StackBarRoot","asProps","Children","data","stack","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","StackBar","Bar","props","hide","push","y","HorizontalBar","x","r","seriesIndex","series","findIndex","s","key","rBar","map","i","slice","some","bar","y0","groupKey","x0","Element","getSeries","dataHintsHandler","establishDataType","Component","style","d3Stack","createElement"],"sources":["../../src/StackBar.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst XY0 = Symbol('XY0');\n\nclass StackBarRoot extends Component {\n  static displayName = 'StackBar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack, r: 2 };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        if (\n          React.isValidElement(child) &&\n          child.type === StackBar.HorizontalBar &&\n          !child.props.hide\n        ) {\n          acc.push(child.props.x);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys);\n    }\n\n    return stack(data);\n  }\n\n  getBarProps({ y }) {\n    const { x, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === y);\n    // or [] if hide bar\n    const series = this.series[seriesIndex] || [];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1],\n        [XY0]: s[0],\n      })),\n      y0: XY0,\n      x,\n      r: rBar,\n      groupKey: x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y, r } = this.asProps;\n\n    const seriesIndex = this.series.findIndex((s) => s.key === x);\n    const series = this.series[seriesIndex];\n\n    const rBar = series.map((s, i) =>\n      this.series.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [x]: s[1],\n        [XY0]: s[0],\n      })),\n      x0: XY0,\n      y,\n      r: rBar,\n      groupKey: y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    return <Element aria-hidden render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackBar = createElement(StackBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default StackBar;\n"],"mappings":"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"}

package/lib/cjs/StackedArea.js

@@ -46,16 +46,16 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SArea_1nfqk_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1nfqk_gg_.__color_1nfqk_gg_{fill:var(--color)}.___SAreaLine_1nfqk_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1nfqk_gg_.__color_1nfqk_gg_{stroke:var(--color)}.___SArea_1nfqk_gg_,.___SAreaLine_1nfqk_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1nfqk_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1nfqk_gg_.__hide_1nfqk_gg_{display:none}"
+".___SArea_1xrrz_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1xrrz_gg_.__color_1xrrz_gg_{fill:var(--color)}.___SAreaLine_1xrrz_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1xrrz_gg_.__color_1xrrz_gg_{stroke:var(--color)}.___SArea_1xrrz_gg_,.___SAreaLine_1xrrz_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1xrrz_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1xrrz_gg_.__hide_1xrrz_gg_{display:none}"
 /*__inner_css_end__*/
-, "1rrv10w_gg_")
+, "1f2tnnk_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1nfqk_gg_",
-  "_color": "__color_1nfqk_gg_",
-  "__SAreaLine": "___SAreaLine_1nfqk_gg_",
-  "__SNull": "___SNull_1nfqk_gg_",
-  "_hide": "__hide_1nfqk_gg_"
+  "__SArea": "___SArea_1xrrz_gg_",
+  "_color": "__color_1xrrz_gg_",
+  "__SAreaLine": "___SAreaLine_1xrrz_gg_",
+  "__SNull": "___SNull_1xrrz_gg_",
+  "_hide": "__hide_1xrrz_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
@@ -119,6 +119,7 @@ var StackedAreaRoot = /*#__PURE__*/function (_Component) {
       var Element = this.Element;
       this.series = this.getSeries();
       return /*#__PURE__*/_react["default"].createElement(Element, {
+        "aria-hidden": true,
         render: "g",
         series: this.series
       });

package/lib/cjs/StackedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedArea.js","names":["DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","stack","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","StackedArea","Area","props","hide","push","y","reverse","x","series","find","s","key","map","y0","Element","getSeries","Component","style","d3Stack","createElement"],"sources":["../../src/StackedArea.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nimport style from './style/area.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n  static displayName = 'StackedArea';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys.reverse());\n    }\n\n    return stack(data);\n  }\n\n  getAreaProps({ y }) {\n    const { x } = this.asProps;\n    // or [] if hide area\n    const series = this.series.find((s) => s.key === y) || [];\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        // if null is passed in the data, then we pass it, because d3 null leads to 0\n        [y]: s.data[y] === null ? null : s[1],\n        [Y0]: s[0],\n      })),\n      y0: Y0,\n      x,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;WAWJ,qBAAY;MACV,oBAAkC,KAAKC,OAAvC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBC,KAAxB,iBAAwBA,KAAxB;;MAEA,IAAIA,KAAK,CAACP,gBAAD,CAAT,EAA6B;QAC3B,IAAMQ,IAAI,GAAGC,iBAAA,CAAMJ,QAAN,CAAeK,OAAf,CAAuB,IAAAC,6BAAA,EAAkBN,QAAlB,CAAvB,EAAoDO,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;UACtF,IAAI,cAAAL,iBAAA,CAAMM,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAACC,IAA1D,IAAkE,CAACJ,KAAK,CAACK,KAAN,CAAYC,IAAnF,EAAyF;YACvFP,GAAG,CAACQ,IAAJ,CAASP,KAAK,CAACK,KAAN,CAAYG,CAArB;UACD;;UACD,OAAOT,GAAP;QACD,CALY,EAKV,EALU,CAAb;;QAMAN,KAAK,CAACC,IAAN,CAAWA,IAAI,CAACe,OAAL,EAAX;MACD;;MAED,OAAOhB,KAAK,CAACD,IAAD,CAAZ;IACD;;;WAED,6BAAoB;MAAA,IAALgB,CAAK,SAALA,CAAK;MAClB,IAAQE,CAAR,GAAc,KAAKpB,OAAnB,CAAQoB,CAAR,CADkB,CAElB;;MACA,IAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;QAAA,OAAOA,CAAC,CAACC,GAAF,KAAUN,CAAjB;MAAA,CAAjB,KAAwC,EAAvD;MACA,OAAO;QACLhB,IAAI,EAAEmB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;UAAA;;UAAA,uCACZA,CAAC,CAACrB,IADU,8EAGdgB,CAHc,EAGVK,CAAC,CAACrB,IAAF,CAAOgB,CAAP,MAAc,IAAd,GAAqB,IAArB,GAA4BK,CAAC,CAAC,CAAD,CAHnB,oDAIdzB,EAJc,EAITyB,CAAC,CAAC,CAAD,CAJQ;QAAA,CAAX,CADD;QAOLG,EAAE,EAAE5B,EAPC;QAQLsB,CAAC,EAADA;MARK,CAAP;IAUD;;;WAED,kBAAS;MACP,IAAMO,OAAO,GAAG,KAAKA,OAArB;MACA,KAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;MACA,oBAAO,gCAAC,OAAD;QAAS,MAAM,EAAC,GAAhB;QAAoB,MAAM,EAAE,KAAKP;MAAjC,EAAP;IACD;;;EA/C2BQ,e;;iCAAxB9B,e,iBACiB,a;iCADjBA,e,WAGW+B,K;iCAHX/B,e,kBAKkB,YAAM;EAC1B,IAAMI,KAAK,GAAG,IAAA4B,cAAA,GAAd;EACA5B,KAAK,CAACP,gBAAD,CAAL,GAA0B,IAA1B;EACA,OAAO;IAAEO,KAAK,EAALA;EAAF,CAAP;AACD,C;AAyCH,IAAMU,WAAW,GAAG,IAAAmB,yBAAA,EAAcjC,eAAd,EAA+B;EAAEe,IAAI,EAAJA;AAAF,CAA/B,CAApB;eAEeD,W"}
+{"version":3,"file":"StackedArea.js","names":["DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","stack","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","StackedArea","Area","props","hide","push","y","reverse","x","series","find","s","key","map","y0","Element","getSeries","Component","style","d3Stack","createElement"],"sources":["../../src/StackedArea.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nimport style from './style/area.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n  static displayName = 'StackedArea';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {\n          acc.push(child.props.y);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys.reverse());\n    }\n\n    return stack(data);\n  }\n\n  getAreaProps({ y }) {\n    const { x } = this.asProps;\n    // or [] if hide area\n    const series = this.series.find((s) => s.key === y) || [];\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        // if null is passed in the data, then we pass it, because d3 null leads to 0\n        [y]: s.data[y] === null ? null : s[1],\n        [Y0]: s[0],\n      })),\n      y0: Y0,\n      x,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element aria-hidden render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;WAWJ,qBAAY;MACV,oBAAkC,KAAKC,OAAvC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBC,KAAxB,iBAAwBA,KAAxB;;MAEA,IAAIA,KAAK,CAACP,gBAAD,CAAT,EAA6B;QAC3B,IAAMQ,IAAI,GAAGC,iBAAA,CAAMJ,QAAN,CAAeK,OAAf,CAAuB,IAAAC,6BAAA,EAAkBN,QAAlB,CAAvB,EAAoDO,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;UACtF,IAAI,cAAAL,iBAAA,CAAMM,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAACC,IAA1D,IAAkE,CAACJ,KAAK,CAACK,KAAN,CAAYC,IAAnF,EAAyF;YACvFP,GAAG,CAACQ,IAAJ,CAASP,KAAK,CAACK,KAAN,CAAYG,CAArB;UACD;;UACD,OAAOT,GAAP;QACD,CALY,EAKV,EALU,CAAb;;QAMAN,KAAK,CAACC,IAAN,CAAWA,IAAI,CAACe,OAAL,EAAX;MACD;;MAED,OAAOhB,KAAK,CAACD,IAAD,CAAZ;IACD;;;WAED,6BAAoB;MAAA,IAALgB,CAAK,SAALA,CAAK;MAClB,IAAQE,CAAR,GAAc,KAAKpB,OAAnB,CAAQoB,CAAR,CADkB,CAElB;;MACA,IAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;QAAA,OAAOA,CAAC,CAACC,GAAF,KAAUN,CAAjB;MAAA,CAAjB,KAAwC,EAAvD;MACA,OAAO;QACLhB,IAAI,EAAEmB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;UAAA;;UAAA,uCACZA,CAAC,CAACrB,IADU,8EAGdgB,CAHc,EAGVK,CAAC,CAACrB,IAAF,CAAOgB,CAAP,MAAc,IAAd,GAAqB,IAArB,GAA4BK,CAAC,CAAC,CAAD,CAHnB,oDAIdzB,EAJc,EAITyB,CAAC,CAAC,CAAD,CAJQ;QAAA,CAAX,CADD;QAOLG,EAAE,EAAE5B,EAPC;QAQLsB,CAAC,EAADA;MARK,CAAP;IAUD;;;WAED,kBAAS;MACP,IAAMO,OAAO,GAAG,KAAKA,OAArB;MACA,KAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;MACA,oBAAO,gCAAC,OAAD;QAAS,mBAAT;QAAqB,MAAM,EAAC,GAA5B;QAAgC,MAAM,EAAE,KAAKP;MAA7C,EAAP;IACD;;;EA/C2BQ,e;;iCAAxB9B,e,iBACiB,a;iCADjBA,e,WAGW+B,K;iCAHX/B,e,kBAKkB,YAAM;EAC1B,IAAMI,KAAK,GAAG,IAAA4B,cAAA,GAAd;EACA5B,KAAK,CAACP,gBAAD,CAAL,GAA0B,IAA1B;EACA,OAAO;IAAEO,KAAK,EAALA;EAAF,CAAP;AACD,C;AAyCH,IAAMU,WAAW,GAAG,IAAAmB,yBAAA,EAAcjC,eAAd,EAA+B;EAAEe,IAAI,EAAJA;AAAF,CAA/B,CAApB;eAEeD,W"}

package/lib/cjs/Tooltip.js

@@ -60,17 +60,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_vusgw_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_vusgw_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_vusgw_gg_{display:flex;align-items:center}.___SDot_vusgw_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_vusgw_gg_.__color_vusgw_gg_{background:var(--color_vusgw)}"
+".___STooltip_w9plf_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_w9plf_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_w9plf_gg_{display:flex;align-items:center}.___SDot_w9plf_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_w9plf_gg_.__color_w9plf_gg_{background:var(--color_w9plf)}"
 /*__inner_css_end__*/
-, "vusgw_gg_")
+, "w9plf_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_vusgw_gg_",
-  "__STitle": "___STitle_vusgw_gg_",
-  "__SDotGroup": "___SDotGroup_vusgw_gg_",
-  "__SDot": "___SDot_vusgw_gg_",
-  "_color": "__color_vusgw_gg_",
-  "--color": "--color_vusgw"
+  "__STooltip": "___STooltip_w9plf_gg_",
+  "__STitle": "___STitle_w9plf_gg_",
+  "__SDotGroup": "___SDotGroup_w9plf_gg_",
+  "__SDot": "___SDot_w9plf_gg_",
+  "_color": "__color_w9plf_gg_",
+  "--color": "--color_w9plf"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {