@semcore/d3-chart 3.54.0 → 3.55.2

package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js

@@ -23,25 +23,25 @@ var _LegendItem = require("./LegendItem.type");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 var _Pattern = require("../../../Pattern");
 var _utils = require("../../../utils");
-var _excluded = ["color"];
+var _excluded = ["id", "checked", "color", "onChangeLegendItem"];
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_hi751_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_hi751_gg_:hover{cursor:pointer}.___SLegendItem_hi751_gg_.__disabled_hi751_gg_:hover{cursor:default}}.___SPointShape_hi751_gg_.__color_hi751_gg_{background-color:var(--color_hi751);margin-right:8px;flex-shrink:0}.___SPointShape_hi751_gg_._shape_Circle_hi751_gg_._size_l_hi751_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_hi751_gg_._shape_Circle_hi751_gg_._size_m_hi751_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_hi751_gg_._shape_Line_hi751_gg_._size_l_hi751_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_hi751_gg_._shape_Line_hi751_gg_._size_m_hi751_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_hi751_gg_._shape_Square_hi751_gg_._size_l_hi751_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_hi751_gg_._shape_Square_hi751_gg_._size_m_hi751_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_hi751_gg_._shape_Pattern_hi751_gg_{background-color:transparent;margin-right:4px}.___SIcon_hi751_gg_{line-height:0;margin-right:4px}.___SIcon_hi751_gg_._size_l_hi751_gg_{margin-top:4px}.___SIcon_hi751_gg_._size_m_hi751_gg_{margin-top:2px}.___SLabel_hi751_gg_{min-width:0}.___SAdditionalLabel_hi751_gg_._size_l_hi751_gg_,.___SCount_hi751_gg_._size_l_hi751_gg_,.___SLabel_hi751_gg_._size_l_hi751_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_hi751_gg_._size_m_hi751_gg_,.___SCount_hi751_gg_._size_m_hi751_gg_,.___SLabel_hi751_gg_._size_m_hi751_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_hi751_gg_,.___SCount_hi751_gg_{margin-left:4px}.___SAdditionalLabel_hi751_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_hi751_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_hi751_gg_._size_l_hi751_gg_::before{margin-top:10px}.___SAdditionalLabel_hi751_gg_._size_m_hi751_gg_::before{margin-top:8px}.___SPatternSymbol_hi751_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "hi751_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_hi751_gg_",
-  "_disabled": "__disabled_hi751_gg_",
-  "__SPointShape": "___SPointShape_hi751_gg_",
-  "_color": "__color_hi751_gg_",
-  "--color": "--color_hi751",
-  "_shape_Circle": "_shape_Circle_hi751_gg_",
-  "_size_l": "_size_l_hi751_gg_",
-  "_size_m": "_size_m_hi751_gg_",
-  "_shape_Line": "_shape_Line_hi751_gg_",
-  "_shape_Square": "_shape_Square_hi751_gg_",
-  "_shape_Pattern": "_shape_Pattern_hi751_gg_",
-  "__SIcon": "___SIcon_hi751_gg_",
-  "__SLabel": "___SLabel_hi751_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_hi751_gg_",
-  "__SCount": "___SCount_hi751_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_hi751_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_asnfj_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_asnfj_gg_:hover{cursor:pointer}.___SLegendItem_asnfj_gg_.__disabled_asnfj_gg_:hover{cursor:default}}.___SPointShape_asnfj_gg_.__color_asnfj_gg_{background-color:var(--color_asnfj);margin-right:8px;flex-shrink:0}.___SPointShape_asnfj_gg_._shape_Circle_asnfj_gg_._size_l_asnfj_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_asnfj_gg_._shape_Circle_asnfj_gg_._size_m_asnfj_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_asnfj_gg_._shape_Line_asnfj_gg_._size_l_asnfj_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_asnfj_gg_._shape_Line_asnfj_gg_._size_m_asnfj_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_asnfj_gg_._shape_Square_asnfj_gg_._size_l_asnfj_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_asnfj_gg_._shape_Square_asnfj_gg_._size_m_asnfj_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_asnfj_gg_._shape_Pattern_asnfj_gg_{background-color:transparent;margin-right:4px}.___SIcon_asnfj_gg_{line-height:0;margin-right:4px}.___SIcon_asnfj_gg_._size_l_asnfj_gg_{margin-top:4px}.___SIcon_asnfj_gg_._size_m_asnfj_gg_{margin-top:2px}.___SLabel_asnfj_gg_{min-width:0}.___SAdditionalLabel_asnfj_gg_._size_l_asnfj_gg_,.___SCount_asnfj_gg_._size_l_asnfj_gg_,.___SLabel_asnfj_gg_._size_l_asnfj_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_asnfj_gg_._size_m_asnfj_gg_,.___SCount_asnfj_gg_._size_m_asnfj_gg_,.___SLabel_asnfj_gg_._size_m_asnfj_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_asnfj_gg_,.___SCount_asnfj_gg_{margin-left:4px}.___SAdditionalLabel_asnfj_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_asnfj_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_asnfj_gg_._size_l_asnfj_gg_::before{margin-top:10px}.___SAdditionalLabel_asnfj_gg_._size_m_asnfj_gg_::before{margin-top:8px}.___SPatternSymbol_asnfj_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "asnfj_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_asnfj_gg_",
+  "_disabled": "__disabled_asnfj_gg_",
+  "__SPointShape": "___SPointShape_asnfj_gg_",
+  "_color": "__color_asnfj_gg_",
+  "--color": "--color_asnfj",
+  "_shape_Circle": "_shape_Circle_asnfj_gg_",
+  "_size_l": "_size_l_asnfj_gg_",
+  "_size_m": "_size_m_asnfj_gg_",
+  "_shape_Line": "_shape_Line_asnfj_gg_",
+  "_shape_Square": "_shape_Square_asnfj_gg_",
+  "_shape_Pattern": "_shape_Pattern_asnfj_gg_",
+  "__SIcon": "___SIcon_asnfj_gg_",
+  "__SLabel": "___SLabel_asnfj_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_asnfj_gg_",
+  "__SCount": "___SCount_asnfj_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_asnfj_gg_"
 });
 var LegendItemRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LegendItemRoot, _Component);
@@ -60,9 +60,9 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         label = _this$asProps.label,
         id = _this$asProps.id,
         size = _this$asProps.size,
-        onClick = _this$asProps.onClick,
         resolveColor = _this$asProps.resolveColor,
-        patterns = _this$asProps.patterns;
+        patterns = _this$asProps.patterns,
+        onChangeLegendItem = _this$asProps.onChangeLegendItem;
       return {
         id: id,
         label: label,
@@ -72,11 +72,10 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         patternKey: color,
         patterns: patterns,
         size: size,
-        onKeyUp: function onKeyUp(e) {
-          if (onClick && e.key === ' ') {
-            onClick();
-          }
-        }
+        onChange: function onChange(value) {
+          onChangeLegendItem(id, value);
+        },
+        'aria-labelledby': id
       };
     }
   }, {
@@ -91,9 +90,17 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
     key: "getLabelProps",
     value: function getLabelProps() {
       var _this$asProps2 = this.asProps,
+        id = _this$asProps2.id,
+        checked = _this$asProps2.checked,
         color = _this$asProps2.color,
+        onChangeLegendItem = _this$asProps2.onChangeLegendItem,
         props = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        id: id,
+        checked: checked,
+        onClick: function onClick() {
+          return onChangeLegendItem(id, !checked);
+        },
         children: props.label
       });
     }
@@ -157,9 +164,8 @@ function Shape(props) {
     patternKey = _props$patternKey === void 0 ? (0, _utils.getChartDefaultColorName)(0) : _props$patternKey,
     Children = props.Children,
     hasChildren = props.children,
-    onKeyUp = props.onKeyUp,
-    label = props.label,
-    patterns = props.patterns;
+    patterns = props.patterns,
+    onChange = props.onChange;
   if (hasChildren) {
     return /*#__PURE__*/_react["default"].createElement(Children, null);
   }
@@ -178,8 +184,7 @@ function Shape(props) {
       "size": size,
       "checked": checked,
       "theme": checked ? color : undefined,
-      "onKeyUp": onKeyUp,
-      "aria-label": label
+      "onChange": onChange
     })), patterns && /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref9.cn("Box", {
       "mt": '2px',
       "mr": 1

package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_typography","_LegendItem","_resolveColorEnhance","_Pattern","_utils","_excluded","style","_index","sstyled","insert","LegendItemRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","onClick","resolveColor","patterns","patternKey","onKeyUp","e","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","Flex","_this$asProps3","styles","Children","disabled","StaticShapes","includes","createElement","cn","assignProps","Component","_defineProperty2","resolveColorEnhance","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","Box","SPatternSymbol","PatternSymbol","_props$patternKey","getChartDefaultColorName","hasChildren","_ref8","_ref9","_ref15","_ref3","_ref11","SIcon","displayName","_ref16","_ref4","_ref12","SLabel","TypographyText","_ref17","_ref5","_ref13","SAdditionalLabel","_ref18","_ref6","_ref14","SCount","createComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nclass LegendItemRoot extends Component<\n  LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = [resolveColorEnhance()];\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getShapeProps(): ShapeProps & DOMAttributes<HTMLLabelElement> {\n    const { checked, color, shape, label, id, size, onClick, resolveColor, patterns } =\n      this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onKeyUp: (e: React.KeyboardEvent<HTMLLabelElement>) => {\n        if (onClick && e.key === ' ') {\n          onClick();\n        }\n      },\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps {\n    const { color, ...props } = this.asProps;\n\n    return {\n      ...props,\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    onKeyUp,\n    label,\n    patterns,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onKeyUp={onKeyUp}\n          aria-label={label}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendItem.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_typography","_LegendItem","_resolveColorEnhance","_Pattern","_utils","_excluded","style","_index","sstyled","insert","LegendItemRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","onClick","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","Flex","_this$asProps3","styles","Children","disabled","StaticShapes","includes","createElement","cn","assignProps","Component","_defineProperty2","resolveColorEnhance","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","Box","SPatternSymbol","PatternSymbol","_props$patternKey","getChartDefaultColorName","hasChildren","_ref8","_ref9","_ref15","_ref3","_ref11","SIcon","displayName","_ref16","_ref4","_ref12","SLabel","TypographyText","_ref17","_ref5","_ref13","SAdditionalLabel","_ref18","_ref6","_ref14","SCount","createComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes, HTMLProps } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nclass LegendItemRoot extends Component<\n  LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = [resolveColorEnhance()];\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': id,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id,\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAGA,IAAAM,WAAA,GAAAN,OAAA;AAOA,IAAAO,oBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAA0D,IAAAU,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAEpDC,cAAc,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAoBlB,SAAAC,cAAA,EAAgB;MACd,IAAAC,aAAA,GACE,IAAI,CAACC,OAAO;QADNC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,KAAK,GAAAL,aAAA,CAALK,KAAK;QAAEC,EAAE,GAAAN,aAAA,CAAFM,EAAE;QAAEC,IAAI,GAAAP,aAAA,CAAJO,IAAI;QAAEC,YAAY,GAAAR,aAAA,CAAZQ,YAAY;QAAEC,QAAQ,GAAAT,aAAA,CAARS,QAAQ;QAAEC,kBAAkB,GAAAV,aAAA,CAAlBU,kBAAkB;MAG1F,OAAO;QACLJ,EAAE,EAAFA,EAAE;QACFD,KAAK,EAALA,KAAK;QACLD,KAAK,EAALA,KAAK;QACLF,OAAO,EAAPA,OAAO;QACPC,KAAK,EAAEK,YAAY,CAACL,KAAK,CAAC;QAC1BQ,UAAU,EAAER,KAAK;QACjBM,QAAQ,EAARA,QAAQ;QACRF,IAAI,EAAJA,IAAI;QACJK,QAAQ,EAAE,SAAAA,SAACd,KAAc,EAAK;UAC5BY,kBAAkB,CAACJ,EAAE,EAAER,KAAK,CAAC;QAC/B,CAAC;QACD,iBAAiB,EAAEQ;MACrB,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAe,aAAA,EAAiD;MAC/C,IAAMC,KAAK,GAAG,IAAI,CAACb,OAAO;MAE1B,WAAAc,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEF,KAAK,CAACG;MAAI;IAExB;EAAC;IAAApB,GAAA;IAAAC,KAAA,EAED,SAAAoB,cAAA,EAA2F;MACzF,IAAAC,cAAA,GAA6D,IAAI,CAAClB,OAAO;QAAjEK,EAAE,GAAAa,cAAA,CAAFb,EAAE;QAAEJ,OAAO,GAAAiB,cAAA,CAAPjB,OAAO;QAAEC,KAAK,GAAAgB,cAAA,CAALhB,KAAK;QAAEO,kBAAkB,GAAAS,cAAA,CAAlBT,kBAAkB;QAAKI,KAAK,OAAAM,yBAAA,aAAAD,cAAA,EAAApC,SAAA;MAExD,WAAAgC,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRR,EAAE,EAAFA,EAAE;QACFJ,OAAO,EAAPA,OAAO;QACPmB,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMX,kBAAkB,CAACJ,EAAE,EAAE,CAACJ,OAAO,CAAC;QAAA;QAC/Cc,QAAQ,EAAEF,KAAK,CAACT;MAAK;IAEzB;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAwB,wBAAA,EAA4D;MAC1D,IAAMR,KAAK,GAAG,IAAI,CAACb,OAAO;MAE1B,IAAQsB,cAAc,GAAKT,KAAK,CAAxBS,cAAc;MAEtB,WAAAR,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEO,cAAc,IAAI,OAAO,IAAIA,cAAc,MAAAC,MAAA,CAAMD,cAAc,CAAClB,KAAK,IAAKoB;MAAS;IAEjG;EAAC;IAAA5B,GAAA;IAAAC,KAAA,EAED,SAAA4B,cAAA,EAAkD;MAChD,IAAMZ,KAAK,GAAG,IAAI,CAACb,OAAO;MAE1B,IAAQsB,cAAc,GAAKT,KAAK,CAAxBS,cAAc;MAEtB,WAAAR,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EACNO,cAAc,IAAI,OAAO,IAAIA,cAAc,OAAAC,MAAA,CAAOD,cAAc,CAACI,KAAK,SAAMF;MAAS;IAE3F;EAAC;IAAA5B,GAAA;IAAAC,KAAA,EAED,SAAA8B,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA5B,OAAA;QAAA6B,KAAA;MACP,IAAMC,WAAW,GAOMC,aAAI;MAN3B,IAAAC,cAAA,GAAoC,IAAI,CAAChC,OAAO;QAAxCiC,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAE/B,KAAK,GAAA6B,cAAA,CAAL7B,KAAK;;MAE/B;MACA,IAAMgC,QAAQ,GAAGC,wBAAY,CAACC,QAAQ,CAAClC,KAAK,CAAC;MAE7C,OAAA0B,KAAA,GAAO,IAAA5C,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAACR,WAAW,EAAAD,KAAA,CAAAU,EAAA,oBAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;QAAA,YAAyBL;MAAQ,GAAAP,IAAA,kBAC3CvD,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAAL,KAAA,CAAAU,EAAA,iBAAG,CACA;IAElB;EAAC;EAAA,OAAApD,cAAA;AAAA,EAhG0BsD,eAAS;AAAA,IAAAC,gBAAA,aAAhCvD,cAAc,iBAGG,YAAY;AAAA,IAAAuD,gBAAA,aAH7BvD,cAAc,WAIHJ,KAAK;AAAA,IAAA2D,gBAAA,aAJhBvD,cAAc,aAMD,CAAC,IAAAwD,+BAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aANpCvD,cAAc,kBAQI;EAAA,OAAO;IAC3B4B,QAAQ,eACN1C,MAAA,YAAAiE,aAAA,CAAAjE,MAAA,YAAAuE,QAAA,qBACEvE,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACC,KAAK,OAAG,eAC7BzE,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACE,IAAI,OAAG,eAC5B1E,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACG,KAAK,OAAG,eAC7B3E,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACI,eAAe,OAAG,eACvC5E,MAAA,YAAAiE,aAAA,CAACO,mBAAmB,CAACK,KAAK,OAAG;EAGnC,CAAC;AAAA,CAAC;AAiFJ,SAASJ,KAAKA,CAACjC,KAAyE,EAAE;EAAA,IAAAsC,KAAA,GAAAC,YAAA;IAAAC,MAAA;EACxF,IAAMC,WAAW,GA8CMC,YAAG;EA7C1B,IAAMC,cAAc,GAAGC,sBAAa;EACpC,IACExB,MAAM,GAUJpB,KAAK,CAVPoB,MAAM;IACN3B,IAAI,GASFO,KAAK,CATPP,IAAI;IACJH,KAAK,GAQHU,KAAK,CARPV,KAAK;IACLF,OAAO,GAOLY,KAAK,CAPPZ,OAAO;IACPC,KAAK,GAMHW,KAAK,CANPX,KAAK;IAAAwD,iBAAA,GAMH7C,KAAK,CALPH,UAAU;IAAVA,UAAU,GAAAgD,iBAAA,cAAG,IAAAC,+BAAwB,EAAC,CAAC,CAAC,GAAAD,iBAAA;IACxCxB,QAAQ,GAINrB,KAAK,CAJPqB,QAAQ;IACE0B,WAAW,GAGnB/C,KAAK,CAHPE,QAAQ;IACRP,QAAQ,GAENK,KAAK,CAFPL,QAAQ;IACRG,QAAQ,GACNE,KAAK,CADPF,QAAQ;EAGV,IAAIiD,WAAW,EAAE;IACf,oBAAOvF,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,OAAG;EACrB;EAEA,IAAI/B,KAAK,KAAK,SAAS,EAAE;IAAA,IAAA0D,KAAA;IACvB,OAAAA,KAAA,GAAO,IAAA5E,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAAC/D,QAAA,CAAAgF,GAAG,EAAAM,KAAA,CAAAtB,EAAA;MAAA,MAAK;IAAC,iBACRlE,MAAA,YAAAiE,aAAA,CAACkB,cAAc,EAAAK,KAAA,CAAAtB,EAAA;MAAA,SAAQrC,KAAK;MAAA,cAAcQ;IAAU,GAAI,CACpD;EAEV;EAEA,IAAIP,KAAK,KAAK,UAAU,EAAE;IAAA,IAAA2D,KAAA;IACxB,OAAAA,KAAA,GAAO,IAAA7E,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAAAjE,MAAA,YAAAuE,QAAA,qBACEvE,MAAA,YAAAiE,aAAA,CAAC9D,SAAA,WAAQ,EAAAsF,KAAA,CAAAvB,EAAA;MAAA,QACDjC,IAAI;MAAA,WACDL,OAAO;MAAA,SACTA,OAAO,GAAGC,KAAK,GAAGsB,SAAS;MAAA,YACxBb;IAAQ,GAClB,EACDH,QAAQ,iBACPnC,MAAA,YAAAiE,aAAA,CAAC/D,QAAA,CAAAgF,GAAG,EAAAO,KAAA,CAAAvB,EAAA;MAAA,MAAK,KAAK;MAAA,MAAM;IAAC,iBACnBlE,MAAA,YAAAiE,aAAA,CAACkB,cAAc,EAAAM,KAAA,CAAAvB,EAAA;MAAA,SAAQrC,KAAK;MAAA,cAAcQ;IAAU,GAAI,CAE3D,CACA;EAEP;EAEA,OAAA2C,MAAA,GAAO,IAAApE,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAACgB,WAAW,EAAAD,MAAA,CAAAd,EAAA,oBAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA,MAAAW,KAAA,kBACV9E,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAAmB,MAAA,CAAAd,EAAA,iBAAG,CACA;AAElB;AAEA,SAASQ,IAAIA,CAAAgB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAZ,YAAA;IAAAa,MAAA;EAAA,IAAhEhC,MAAM,GAAA8B,MAAA,CAAN9B,MAAM;IAAY2B,WAAW,GAAAG,MAAA,CAArBhD,QAAQ;IAAemB,QAAQ,GAAA6B,MAAA,CAAR7B,QAAQ;EACrD,IAAMgC,KAAK,GAOMX,YAAG;EALpB,IAAI,CAACK,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAK,MAAA,GAAO,IAAAhF,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAAC4B,KAAK,EAAAD,MAAA,CAAA1B,EAAA,cAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;IAAA,OAAmB;EAAM,GAAAwB,KAAA,kBAC7B3F,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAA+B,MAAA,CAAA1B,EAAA,iBAAG,CACN;AAEZ;AACAQ,IAAI,CAACoB,WAAW,GAAG,MAAM;AAEzB,SAASnB,KAAKA,CAAAoB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAjB,YAAA;IAAAkB,MAAA;EAAA,IAAhErC,MAAM,GAAAmC,MAAA,CAANnC,MAAM;IAAY2B,WAAW,GAAAQ,MAAA,CAArBrD,QAAQ;IAAemB,QAAQ,GAAAkC,MAAA,CAARlC,QAAQ;EACtD,IAAMqC,MAAM,GAOMC,gBAAc;EALhC,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAU,MAAA,GAAO,IAAArF,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAACiC,MAAM,EAAAD,MAAA,CAAA/B,EAAA,eAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;IAAA,OAA8B;EAAS,GAAA6B,KAAA,kBAC5ChG,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAAoC,MAAA,CAAA/B,EAAA,iBAAG,CACL;AAEb;AACAS,KAAK,CAACmB,WAAW,GAAG,OAAO;AAE3B,SAASlB,eAAeA,CAAAwB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAtB,YAAA;IAAAuB,MAAA;EAAA,IAAhE1C,MAAM,GAAAwC,MAAA,CAANxC,MAAM;IAAY2B,WAAW,GAAAa,MAAA,CAArB1D,QAAQ;IAAemB,QAAQ,GAAAuC,MAAA,CAARvC,QAAQ;EAChE,IAAM0C,gBAAgB,GAOMJ,gBAAc;EAL1C,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAe,MAAA,GAAO,IAAA1F,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAACsC,gBAAgB,EAAAD,MAAA,CAAApC,EAAA,yBAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;IAAA,OAA8B;EAAW,GAAAkC,KAAA,kBACxDrG,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAAyC,MAAA,CAAApC,EAAA,iBAAG,CACK;AAEvB;AACAU,eAAe,CAACkB,WAAW,GAAG,iBAAiB;AAE/C,SAASjB,KAAKA,CAAA2B,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAA1B,YAAA;IAAA2B,MAAA;EAAA,IAAhE9C,MAAM,GAAA4C,MAAA,CAAN5C,MAAM;IAAY2B,WAAW,GAAAiB,MAAA,CAArB9D,QAAQ;IAAemB,QAAQ,GAAA2C,MAAA,CAAR3C,QAAQ;EACtD,IAAM8C,MAAM,GAOMR,gBAAc;EALhC,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAmB,MAAA,GAAO,IAAA9F,aAAO,EAACgD,MAAM,CAAC,eACpB5D,MAAA,YAAAiE,aAAA,CAAC0C,MAAM,EAAAD,MAAA,CAAAxC,EAAA,eAAAzB,cAAA,qBAAA5C,KAAA,CAAAsE,WAAA;IAAA,OAA8B;EAAW,GAAAsC,KAAA,kBAC9CzG,MAAA,YAAAiE,aAAA,CAACJ,QAAQ,EAAA6C,MAAA,CAAAxC,EAAA,iBAAG,CACL;AAEb;AACAW,KAAK,CAACiB,WAAW,GAAG,OAAO;AAEpB,IAAMtB,mBAAmC,GAAG,IAAAoC,gBAAe,EAAC9F,cAAc,EAAE;EACjF2D,KAAK,EAALA,KAAK;EACLC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA,KAAK;EACLC,eAAe,EAAfA,eAAe;EACfC,KAAK,EAALA;AACF,CAAC,CAAC;AAACgC,OAAA,CAAArC,mBAAA,GAAAA,mBAAA"}

package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import { Flex } from '@semcore/flex-box';\nimport { Intergalactic, Root } from '@semcore/core';\nimport Icon from '@semcore/icon';\nimport { Text } from '@semcore/typography';\nimport { LSize } from '../BaseLegend.type';\nimport { PatternsConfig } from '../../../Pattern';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n  /**\n   * One of keys from data set\n   */\n  id: LegendItemKey;\n  /**\n   * Label for data item in Legend\n   */\n  label: string;\n  /**\n   * Flag for selected data item\n   */\n  checked: boolean;\n  /**\n   * Color of data item\n   */\n  color: string;\n  /**\n   * Icon before label\n   */\n  icon?: typeof Icon;\n  /**\n   * Additional info with sub-label or count\n   */\n  additionalInfo?: { label: string } | { count: number };\n\n  patternKey?: string;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n  /**\n   * Size for legend item\n   */\n  size: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape: ShapeType;\n  /**\n   * Handler for select/deselect legend item.\n   * !Need to redefine onClick, because we don't have `event` in it.\n   */\n  onClick: () => void;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\nexport type ShapeProps = LegendItem & {\n  size: LSize;\n  shape: ShapeType;\n};\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n  Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n  Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n  Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n  AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n  Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":";;;;;;AAOA;AACA;AACA;;AA2DO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA"}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import { Flex } from '@semcore/flex-box';\nimport { Intergalactic, Root } from '@semcore/core';\nimport Icon from '@semcore/icon';\nimport { Text } from '@semcore/typography';\nimport { LSize } from '../BaseLegend.type';\nimport { PatternsConfig } from '../../../Pattern';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n  /**\n   * One of keys from data set\n   */\n  id: LegendItemKey;\n  /**\n   * Label for data item in Legend\n   */\n  label: string;\n  /**\n   * Flag for selected data item\n   */\n  checked: boolean;\n  /**\n   * Color of data item\n   */\n  color: string;\n  /**\n   * Icon before label\n   */\n  icon?: typeof Icon;\n  /**\n   * Additional info with sub-label or count\n   */\n  additionalInfo?: { label: string } | { count: number };\n\n  patternKey?: string;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n  /**\n   * Size for legend item\n   */\n  size: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape: ShapeType;\n  /**\n   * Handler for select/deselect legend item.\n   * !Need to redefine onClick, because we don't have `event` in it.\n   * @deprecated\n   */\n  onClick?: () => void;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n\n  /**\n   * Handler for select/deselect legend item\n   */\n  onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;\n};\n\nexport type ShapeProps = LegendItem &\n  (\n    | {\n        size: LSize;\n        shape: Exclude<ShapeType, 'Checkbox'>;\n      }\n    | {\n        size: LSize;\n        shape: Extract<ShapeType, 'Checkbox'>;\n        onChange: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n      }\n  );\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n  Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n  Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n  Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n  AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n  Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":";;;;;;AAOA;AACA;AACA;;AAyEO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA"}

package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js

@@ -19,12 +19,12 @@ var _flexBox = require("@semcore/flex-box");
 var _LegendItem = require("../LegendItem/LegendItem");
 var _BaseLegend2 = require("../BaseLegend");
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_7tshf_gg_.__columns-count_7tshf_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_7tshf_gg_._size_l_7tshf_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_7tshf_gg_._size_m_7tshf_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "7tshf_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_7tshf_gg_",
-  "_columns-count": "__columns-count_7tshf_gg_",
-  "__SColumnItem": "___SColumnItem_7tshf_gg_",
-  "_size_l": "_size_l_7tshf_gg_",
-  "_size_m": "_size_m_7tshf_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_128ci_gg_.__columns-count_128ci_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_128ci_gg_._size_l_128ci_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_128ci_gg_._size_m_128ci_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "128ci_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_128ci_gg_",
+  "_columns-count": "__columns-count_128ci_gg_",
+  "__SColumnItem": "___SColumnItem_128ci_gg_",
+  "_size_l": "_size_l_128ci_gg_",
+  "_size_m": "_size_m_128ci_gg_"
 });
 var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
@@ -48,7 +48,8 @@ var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
         items = _this$asProps.items;
       var columnsCount = (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.columns.length;
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLegendTable, _ref3.cn("SLegendTable", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "columns-count": columnsCount + 1
+        "columns-count": columnsCount + 1,
+        "role": 'group'
       }, _ref))), items.map(function (_ref5, index) {
         var id = _ref5.id,
           _ref5$columns = _ref5.columns,

package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_BaseLegend2","style","_index","sstyled","insert","LegendTableRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","Box","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread2","assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendTable.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_BaseLegend2","style","_index","sstyled","insert","LegendTableRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","Box","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread2","assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1} role={'group'}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}

package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\nimport React from 'react';\nimport { LegendProps, LSize } from '../BaseLegend.type';\n\nexport type LegendTableProps = Omit<LegendProps, 'items'> & {\n  /**\n   * Legend items\n   */\n  items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendColumnProps = {\n  index: number;\n  size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n  LegendItem: LegendItemType;\n  Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":""}
+{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\nimport React from 'react';\nimport { LegendProps, LSize } from '../BaseLegend.type';\n\nexport type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {\n  /**\n   * Legend items\n   */\n  items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendColumnProps = {\n  index: number;\n  size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n  LegendItem: LegendItemType;\n  Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":""}

package/lib/cjs/translations/de.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Legende zum Chart"
 }

package/lib/cjs/translations/en.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Chart legend"
 }

package/lib/cjs/translations/es.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Tendencia"
+  "trend": "Tendencia",
+  "legendForChart": "Leyenda del gráfico"
 }

package/lib/cjs/translations/fr.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Tendance"
+  "trend": "Tendance",
+  "legendForChart": "Légende du diagramme"
 }

package/lib/cjs/translations/it.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Legenda del grafico"
 }

package/lib/cjs/translations/ja.json

@@ -1,3 +1,4 @@
 {
-  "trend": "トレンド"
+  "trend": "トレンド",
+  "legendForChart": "チャートの凡例"
 }

package/lib/cjs/translations/ko.json

@@ -1,3 +1,4 @@
 {
-  "trend": "추세"
+  "trend": "추세",
+  "legendForChart": "차트 범례"
 }

package/lib/cjs/translations/nl.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Legenda van grafiek"
 }

package/lib/cjs/translations/pl.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Legenda wykresu"
 }

package/lib/cjs/translations/pt.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Tendência"
+  "trend": "Tendência",
+  "legendForChart": "Legenda do gráfico"
 }

package/lib/cjs/translations/sv.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Diagramförklaring"
 }

package/lib/cjs/translations/tr.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Chart legend"
 }

package/lib/cjs/translations/vi.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Xu hướng"
+  "trend": "Xu hướng",
+  "legendForChart": "Chú thích biểu đồ"
 }

package/lib/cjs/translations/zh.json

@@ -1,3 +1,4 @@
 {
-  "trend": "趋势"
+  "trend": "趋势",
+  "legendForChart": "图例"
 }

package/lib/es6/Area.js

@@ -16,17 +16,17 @@ import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolat
 import AnimatedClipPath from './AnimatedClipPath';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_2ibxo_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_2ibxo_gg_.__color_2ibxo_gg_{fill:var(--color_2ibxo)}.___SArea_2ibxo_gg_.__pattern_2ibxo_gg_{fill:var(--pattern_2ibxo);fill-opacity:.7}.___SArea_2ibxo_gg_.__transparent_2ibxo_gg_{opacity:.3}.___SAreaLine_2ibxo_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_2ibxo_gg_.__color_2ibxo_gg_{stroke:var(--color_2ibxo)}.___SAreaLine_2ibxo_gg_.__transparent_2ibxo_gg_{opacity:.3}.___SAreaLine_2ibxo_gg_,.___SArea_2ibxo_gg_{transition-property:d;transition-duration:var(--duration_2ibxo);transition-timing-function:ease-in-out}.___SNull_2ibxo_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_2ibxo_gg_.__hide_2ibxo_gg_{display:none}" /*__inner_css_end__*/, "2ibxo_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_2ibxo_gg_",
-  "_color": "__color_2ibxo_gg_",
-  "--color": "--color_2ibxo",
-  "_pattern": "__pattern_2ibxo_gg_",
-  "--pattern": "--pattern_2ibxo",
-  "_transparent": "__transparent_2ibxo_gg_",
-  "__SAreaLine": "___SAreaLine_2ibxo_gg_",
-  "--duration": "--duration_2ibxo",
-  "__SNull": "___SNull_2ibxo_gg_",
-  "_hide": "__hide_2ibxo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_x4gr3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_x4gr3_gg_.__color_x4gr3_gg_{fill:var(--color_x4gr3)}.___SArea_x4gr3_gg_.__pattern_x4gr3_gg_{fill:var(--pattern_x4gr3);fill-opacity:.7}.___SArea_x4gr3_gg_.__transparent_x4gr3_gg_{opacity:.3}.___SAreaLine_x4gr3_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_x4gr3_gg_.__color_x4gr3_gg_{stroke:var(--color_x4gr3)}.___SAreaLine_x4gr3_gg_.__transparent_x4gr3_gg_{opacity:.3}.___SAreaLine_x4gr3_gg_,.___SArea_x4gr3_gg_{transition-property:d;transition-duration:var(--duration_x4gr3);transition-timing-function:ease-in-out}.___SNull_x4gr3_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_x4gr3_gg_.__hide_x4gr3_gg_{display:none}" /*__inner_css_end__*/, "x4gr3_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_x4gr3_gg_",
+  "_color": "__color_x4gr3_gg_",
+  "--color": "--color_x4gr3",
+  "_pattern": "__pattern_x4gr3_gg_",
+  "--pattern": "--pattern_x4gr3",
+  "_transparent": "__transparent_x4gr3_gg_",
+  "__SAreaLine": "___SAreaLine_x4gr3_gg_",
+  "--duration": "--duration_x4gr3",
+  "__SNull": "___SNull_x4gr3_gg_",
+  "_hide": "__hide_x4gr3_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   _inherits(AreaRoot, _Component);

package/lib/es6/Axis.js

@@ -12,20 +12,20 @@ import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_1cws8_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1cws8_gg_.__hide_1cws8_gg_,.___STick_1cws8_gg_.__hide_1cws8_gg_{display:none}.___STick_1cws8_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1cws8_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1cws8_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1cws8)}.___STitle_1cws8_gg_._position_top_1cws8_gg_{text-anchor:middle}.___STitle_1cws8_gg_._position_bottom_1cws8_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1cws8_gg_._position_left_1cws8_gg_,.___STitle_1cws8_gg_._position_right_1cws8_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1cws8_gg_._position_left_1cws8_gg_.__verticalWritingMode_1cws8_gg_,.___STitle_1cws8_gg_._position_right_1cws8_gg_.__verticalWritingMode_1cws8_gg_{writing-mode:vertical-rl;transform:none}.___STick_1cws8_gg_._position_top_1cws8_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1cws8_gg_._position_bottom_1cws8_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1cws8_gg_._position_right_1cws8_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1cws8_gg_._position_left_1cws8_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1cws8_gg_._position_custom_0_1cws8_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1cws8_gg_._position_custom_1_1cws8_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "1cws8_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_1cws8_gg_",
-  "_hide": "__hide_1cws8_gg_",
-  "__STick": "___STick_1cws8_gg_",
-  "__SGrid": "___SGrid_1cws8_gg_",
-  "__STitle": "___STitle_1cws8_gg_",
-  "--transform-origin": "--transform-origin_1cws8",
-  "_position_top": "_position_top_1cws8_gg_",
-  "_position_bottom": "_position_bottom_1cws8_gg_",
-  "_position_right": "_position_right_1cws8_gg_",
-  "_position_left": "_position_left_1cws8_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_1cws8_gg_",
-  "_position_custom_0": "_position_custom_0_1cws8_gg_",
-  "_position_custom_1": "_position_custom_1_1cws8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_g10rr_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_g10rr_gg_.__hide_g10rr_gg_,.___STick_g10rr_gg_.__hide_g10rr_gg_{display:none}.___STick_g10rr_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_g10rr_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_g10rr_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_g10rr)}.___STitle_g10rr_gg_._position_top_g10rr_gg_{text-anchor:middle}.___STitle_g10rr_gg_._position_bottom_g10rr_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_g10rr_gg_._position_left_g10rr_gg_,.___STitle_g10rr_gg_._position_right_g10rr_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_g10rr_gg_._position_left_g10rr_gg_.__verticalWritingMode_g10rr_gg_,.___STitle_g10rr_gg_._position_right_g10rr_gg_.__verticalWritingMode_g10rr_gg_{writing-mode:vertical-rl;transform:none}.___STick_g10rr_gg_._position_top_g10rr_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_g10rr_gg_._position_bottom_g10rr_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_g10rr_gg_._position_right_g10rr_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_g10rr_gg_._position_left_g10rr_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_g10rr_gg_._position_custom_0_g10rr_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_g10rr_gg_._position_custom_1_g10rr_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "g10rr_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_g10rr_gg_",
+  "_hide": "__hide_g10rr_gg_",
+  "__STick": "___STick_g10rr_gg_",
+  "__SGrid": "___SGrid_g10rr_gg_",
+  "__STitle": "___STitle_g10rr_gg_",
+  "--transform-origin": "--transform-origin_g10rr",
+  "_position_top": "_position_top_g10rr_gg_",
+  "_position_bottom": "_position_bottom_g10rr_gg_",
+  "_position_right": "_position_right_g10rr_gg_",
+  "_position_left": "_position_left_g10rr_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_g10rr_gg_",
+  "_position_custom_0": "_position_custom_0_g10rr_gg_",
+  "_position_custom_1": "_position_custom_1_g10rr_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/es6/Bar.js

@@ -14,22 +14,22 @@ import AnimatedClipPath from './AnimatedClipPath';
 import { scaleToBand, roundedPath } from './utils';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1ocy0_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ocy0);transition-timing-function:ease-in-out}.___SBar_1ocy0_gg_.__color_1ocy0_gg_{fill:var(--color_1ocy0)}.___SBar_1ocy0_gg_.__pattern_1ocy0_gg_.__color_1ocy0_gg_{fill:var(--pattern_1ocy0);stroke:var(--color_1ocy0);stroke-width:1px}.___SBar_1ocy0_gg_.__hide_1ocy0_gg_{display:none}.___SBar_1ocy0_gg_.__transparent_1ocy0_gg_{opacity:.3}.___SBackground_1ocy0_gg_.__onClick_1ocy0_gg_,.___SBar_1ocy0_gg_.__onClick_1ocy0_gg_{cursor:pointer}.___SBackground_1ocy0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1ocy0_gg_{display:flex;justify-content:space-between}.___SBarLabel_1ocy0_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1ocy0_gg_,.___SBarPercent_1ocy0_gg_,.___SBarValue_1ocy0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1ocy0_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1ocy0_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1ocy0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1ocy0_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1ocy0_gg_",
-  "--duration": "--duration_1ocy0",
-  "_color": "__color_1ocy0_gg_",
-  "--color": "--color_1ocy0",
-  "_pattern": "__pattern_1ocy0_gg_",
-  "--pattern": "--pattern_1ocy0",
-  "_hide": "__hide_1ocy0_gg_",
-  "_transparent": "__transparent_1ocy0_gg_",
-  "_onClick": "__onClick_1ocy0_gg_",
-  "__SBackground": "___SBackground_1ocy0_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_1ocy0_gg_",
-  "__SBarLabel": "___SBarLabel_1ocy0_gg_",
-  "__SBarPercent": "___SBarPercent_1ocy0_gg_",
-  "__SBarValue": "___SBarValue_1ocy0_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1ocy0_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_vqjd4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_vqjd4);transition-timing-function:ease-in-out}.___SBar_vqjd4_gg_.__color_vqjd4_gg_{fill:var(--color_vqjd4)}.___SBar_vqjd4_gg_.__pattern_vqjd4_gg_.__color_vqjd4_gg_{fill:var(--pattern_vqjd4);stroke:var(--color_vqjd4);stroke-width:1px}.___SBar_vqjd4_gg_.__hide_vqjd4_gg_{display:none}.___SBar_vqjd4_gg_.__transparent_vqjd4_gg_{opacity:.3}.___SBackground_vqjd4_gg_.__onClick_vqjd4_gg_,.___SBar_vqjd4_gg_.__onClick_vqjd4_gg_{cursor:pointer}.___SBackground_vqjd4_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_vqjd4_gg_{display:flex;justify-content:space-between}.___SBarLabel_vqjd4_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_vqjd4_gg_,.___SBarPercent_vqjd4_gg_,.___SBarValue_vqjd4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_vqjd4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_vqjd4_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_vqjd4_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "vqjd4_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_vqjd4_gg_",
+  "--duration": "--duration_vqjd4",
+  "_color": "__color_vqjd4_gg_",
+  "--color": "--color_vqjd4",
+  "_pattern": "__pattern_vqjd4_gg_",
+  "--pattern": "--pattern_vqjd4",
+  "_hide": "__hide_vqjd4_gg_",
+  "_transparent": "__transparent_vqjd4_gg_",
+  "_onClick": "__onClick_vqjd4_gg_",
+  "__SBackground": "___SBackground_vqjd4_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_vqjd4_gg_",
+  "__SBarLabel": "___SBarLabel_vqjd4_gg_",
+  "__SBarPercent": "___SBarPercent_vqjd4_gg_",
+  "__SBarValue": "___SBarValue_vqjd4_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_vqjd4_gg_"
 });
 export var MIN_HEIGHT = 2;
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {

package/lib/es6/Bubble.js

@@ -17,18 +17,18 @@ import { getBubbleChartValueScale, measureText } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1msrc_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1msrc);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1msrc_gg_:hover{opacity:.8}}.___SBubble_1msrc_gg_.__color_1msrc_gg_{fill:var(--color_1msrc)}.___SBubble_1msrc_gg_.__pattern_1msrc_gg_.__color_1msrc_gg_{fill:var(--pattern_1msrc);stroke:var(--color_1msrc);stroke-width:1px}.___SBubble_1msrc_gg_.__transparent_1msrc_gg_{opacity:.3}.___SCenter_1msrc_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1msrc_gg_.__color_1msrc_gg_{stroke:var(--color_1msrc)}.___SCenter_1msrc_gg_.__transparent_1msrc_gg_{opacity:.3}.___SLabel_1msrc_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1msrc_gg_._position_right_1msrc_gg_{text-anchor:end}.___SLabel_1msrc_gg_._position_left_1msrc_gg_{text-anchor:start}.___SLabel_1msrc_gg_.__color_1msrc_gg_{fill:var(--color_1msrc)}.___SLabel_1msrc_gg_.__transparent_1msrc_gg_{opacity:.3}" /*__inner_css_end__*/, "1msrc_gg_") /*__reshadow_css_end__*/, {
-  "__SBubble": "___SBubble_1msrc_gg_",
-  "_color": "__color_1msrc_gg_",
-  "--color": "--color_1msrc",
-  "_pattern": "__pattern_1msrc_gg_",
-  "--pattern": "--pattern_1msrc",
-  "_transparent": "__transparent_1msrc_gg_",
-  "__SCenter": "___SCenter_1msrc_gg_",
-  "__SLabel": "___SLabel_1msrc_gg_",
-  "_position_right": "_position_right_1msrc_gg_",
-  "_position_left": "_position_left_1msrc_gg_",
-  "--duration": "--duration_1msrc"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_148vt_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_148vt);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_148vt_gg_:hover{opacity:.8}}.___SBubble_148vt_gg_.__color_148vt_gg_{fill:var(--color_148vt)}.___SBubble_148vt_gg_.__pattern_148vt_gg_.__color_148vt_gg_{fill:var(--pattern_148vt);stroke:var(--color_148vt);stroke-width:1px}.___SBubble_148vt_gg_.__transparent_148vt_gg_{opacity:.3}.___SCenter_148vt_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_148vt_gg_.__color_148vt_gg_{stroke:var(--color_148vt)}.___SCenter_148vt_gg_.__transparent_148vt_gg_{opacity:.3}.___SLabel_148vt_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_148vt_gg_._position_right_148vt_gg_{text-anchor:end}.___SLabel_148vt_gg_._position_left_148vt_gg_{text-anchor:start}.___SLabel_148vt_gg_.__color_148vt_gg_{fill:var(--color_148vt)}.___SLabel_148vt_gg_.__transparent_148vt_gg_{opacity:.3}" /*__inner_css_end__*/, "148vt_gg_") /*__reshadow_css_end__*/, {
+  "__SBubble": "___SBubble_148vt_gg_",
+  "_color": "__color_148vt_gg_",
+  "--color": "--color_148vt",
+  "_pattern": "__pattern_148vt_gg_",
+  "--pattern": "--pattern_148vt",
+  "_transparent": "__transparent_148vt_gg_",
+  "__SCenter": "___SCenter_148vt_gg_",
+  "__SLabel": "___SLabel_148vt_gg_",
+  "_position_right": "_position_right_148vt_gg_",
+  "_position_left": "_position_left_148vt_gg_",
+  "--duration": "--duration_148vt"
 });
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   _inherits(BubbleRoot, _Component);