@semcore/d3-chart 16.7.0-prerelease.1 → 16.7.0

package/lib/es6/component/Chart/LineChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.type.js","names":[],"sources":["../../../../src/component/Chart/LineChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport type { CurveFactory } from 'd3-shape';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype AreaItem = {\n  x: number;\n  y0: number;\n  y1: number;\n};\n\nexport type LineChartData = Array<Record<string, string | number | typeof interpolateValue | Date>>;\n\nexport type LineChartProps = BaseChartProps<LineChartData> & {\n  /**  Field name that groups the data points */\n  groupKey: string;\n  /** Optional area data for rendering filled areas under lines */\n  area?: Record<LegendItemKey, AreaItem[]>;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether to display dots on the line chart */\n  showDots?: boolean;\n  /** D3 curve factory for line interpolation */\n  curve?: CurveFactory;\n  /** Curve factory specifically for area rendering */\n  areaCurve?: CurveFactory;\n  /** Callback triggered when a user clicks on a line */\n  onClickLine?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"LineChart.type.js","names":[],"sources":["../../../../src/component/Chart/LineChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport type { CurveFactory } from 'd3-shape';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype AreaItem = {\n  x: number;\n  y0: number;\n  y1: number;\n};\n\nexport type LineChartData = Array<Record<string, string | number | typeof interpolateValue | Date>>;\n\nexport type LineChartProps = BaseChartProps<LineChartData> & {\n  /**  Field name that groups the data points */\n  groupKey: string;\n  /** Optional area data for rendering filled areas under lines */\n  area?: Record<LegendItemKey, AreaItem[]>;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether to display dots on the line chart */\n  showDots?: boolean;\n  /** D3 curve factory for line interpolation */\n  curve?: CurveFactory;\n  /** Curve factory specifically for area rendering */\n  areaCurve?: CurveFactory;\n  /** Callback triggered when a user clicks on a line */\n  onClickLine?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Chart/RadarChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadarChart.type.js","names":[],"sources":["../../../../src/component/Chart/RadarChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type RadarChartData = Record<string, string[] | number[]>;\n\nexport type RadarChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<RadarChartData>,\n  'showTotalInTooltip' | 'showPercentValueInTooltip'\n> & {\n  groupKey: string;\n  scale?: ScaleLinear<any, any>;\n  xScale?: never;\n  yScale?: never;\n  showDots?: boolean;\n  circle?: boolean;\n  /** Callback triggered when a user clicks on a chart at a position corresponding to a category */\n  onClickRadar?: (index: number, e: React.SyntheticEvent) => void;\n};\n\nexport type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"RadarChart.type.js","names":[],"sources":["../../../../src/component/Chart/RadarChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type RadarChartData = Record<string, string[] | number[]>;\n\nexport type RadarChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<RadarChartData>,\n  'showTotalInTooltip' | 'showPercentValueInTooltip'\n> & {\n  groupKey: string;\n  scale?: ScaleLinear<any, any>;\n  xScale?: never;\n  yScale?: never;\n  showDots?: boolean;\n  circle?: boolean;\n  /** Callback triggered when a user clicks on a chart at a position corresponding to a category */\n  onClickRadar?: (index: number, e: React.SyntheticEvent) => void;\n};\n\nexport type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Chart/ScatterPlotChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type ScatterPlotChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<ScatterPlotChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /**  Optional field name for additional value data */\n  valueKey?: string;\n  /** Callback triggered when a user clicks on a scatter item */\n  onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type ScatterPlotChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<ScatterPlotChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /**  Optional field name for additional value data */\n  valueKey?: string;\n  /** Callback triggered when a user clicks on a scatter item */\n  onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Chart/VennChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type DataKey = string;\n\nexport type VennChartData = Record<DataKey, number>;\n\nexport type VennChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<VennChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Internal */\n  groupKey?: never;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Callback triggered when a user clicks on a circle */\n  onClickVennItem?: (key: DataKey, e: React.SyntheticEvent) => void;\n};\n\nexport type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type DataKey = string;\n\nexport type VennChartData = Record<DataKey, number>;\n\nexport type VennChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<VennChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Internal */\n  groupKey?: never;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Callback triggered when a user clicks on a circle */\n  onClickVennItem?: (key: DataKey, e: React.SyntheticEvent) => void;\n};\n\nexport type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/ChartLegend/BaseLegend.js

@@ -9,10 +9,10 @@ import { makeDataHintsHandlers } from '../../a11y/hints';
 export var BaseLegend = /*#__PURE__*/function (_Component) {
   function BaseLegend() {
     var _this;
-    _classCallCheck(this, BaseLegend);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+    _classCallCheck(this, BaseLegend);
     _this = _callSuper(this, BaseLegend, [].concat(args));
     _defineProperty(_this, "onChangeLegendItem", function (shape) {
       return function (id, checked) {

package/lib/es6/component/ChartLegend/BaseLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.js","names":["Component","makeDataHintsHandlers","BaseLegend","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","shape","id","checked","_this$props$onChangeV","_this$props","props","onChangeVisibleItem","call","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_this$props$onMouseEn2","_this$props5","_this$props$onMouseLe2","_this$props4","_this$props$onMouseLe3","_this$props6","e","_this$props$onMouseEn3","_this$props7","_this$props$onMouseLe4","_this$props8","_inherits","_createClass","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","_this$asProps","asProps","dataHintsHandler","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","_this$asProps2$size","size","patterns","_objectSpread","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import { Component, type Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps } from './BaseLegend.type';\nimport { StaticShapes, type LegendItemKey, type LegendItemProps, type ShapeType } from './LegendItem/LegendItem.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps> extends Component<T> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: T) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onFocusLegendItem: this.onFocusLegendItem(line.checked),\n      onBlurLegendItem: this.onBlurLegendItem,\n      onChangeLegendItem: this.onChangeLegendItem(shape),\n      onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n      patterns,\n    };\n  }\n\n  onChangeLegendItem = (shape: ShapeType) => (id: LegendItemKey, checked: boolean) => {\n    if (shape !== 'Checkbox') return;\n\n    this.props.onChangeVisibleItem?.(id, checked);\n\n    if (checked) {\n      this.props.onMouseEnterItem?.(id);\n    } else {\n      this.props.onMouseLeaveItem?.(id);\n    }\n  };\n\n  onFocusLegendItem = (checked: boolean) => (id: LegendItemKey) => {\n    if (!checked) {\n      return this.props.onMouseLeaveItem?.(id);\n    }\n\n    this.props.onMouseEnterItem?.(id);\n  };\n\n  onBlurLegendItem = (id: LegendItemKey) => {\n    this.props.onMouseLeaveItem?.(id);\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseLegend.js","names":["Component","makeDataHintsHandlers","BaseLegend","_Component","_this","_len","arguments","length","args","Array","_key","_classCallCheck","_callSuper","concat","_defineProperty","shape","id","checked","_this$props$onChangeV","_this$props","props","onChangeVisibleItem","call","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_this$props$onMouseEn2","_this$props5","_this$props$onMouseLe2","_this$props4","_this$props$onMouseLe3","_this$props6","e","_this$props$onMouseEn3","_this$props7","_this$props$onMouseLe4","_this$props8","_inherits","_createClass","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","_this$asProps","asProps","dataHintsHandler","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","_this$asProps2$size","size","patterns","_objectSpread","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import { Component, type Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps } from './BaseLegend.type';\nimport { StaticShapes, type LegendItemKey, type LegendItemProps, type ShapeType } from './LegendItem/LegendItem.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps, E extends readonly ((...args: any[]) => any)[] = never[]> extends Component<T, E> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: T) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onFocusLegendItem: this.onFocusLegendItem(line.checked),\n      onBlurLegendItem: this.onBlurLegendItem,\n      onChangeLegendItem: this.onChangeLegendItem(shape),\n      onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n      patterns,\n    };\n  }\n\n  onChangeLegendItem = (shape: ShapeType) => (id: LegendItemKey, checked: boolean) => {\n    if (shape !== 'Checkbox') return;\n\n    this.props.onChangeVisibleItem?.(id, checked);\n\n    if (checked) {\n      this.props.onMouseEnterItem?.(id);\n    } else {\n      this.props.onMouseLeaveItem?.(id);\n    }\n  };\n\n  onFocusLegendItem = (checked: boolean) => (id: LegendItemKey) => {\n    if (!checked) {\n      return this.props.onMouseLeaveItem?.(id);\n    }\n\n    this.props.onMouseEnterItem?.(id);\n  };\n\n  onBlurLegendItem = (id: LegendItemKey) => {\n    this.props.onMouseLeaveItem?.(id);\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/ChartLegend/BaseLegend.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import type { BoxProps, FlexProps } from '@semcore/flex-box';\n\nimport type { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport type { DataStructureHints } from '../../a11y/hints';\nimport type { PatternsConfig } from '../../Pattern';\nimport type { AriaNameProps } from '../Chart/AbstractChart.type';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps &\n  AriaNameProps & {\n    /**\n     * Size for legend items\n     */\n    size?: LSize;\n    /**\n     * Shape of data item on Legend panel\n     */\n    shape?: ShapeType;\n    /**\n     * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n     */\n    onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n    onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n    onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n    dataHints?: DataStructureHints;\n  };\n\nexport type LegendProps = BoxProps &\n  BaseChartLegendProps & {\n    /**\n     * Legend items\n     */\n    items: LegendItem[];\n\n    /** Enables charts patterns that enhances charts accessibility */\n    patterns?: PatternsConfig;\n  };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import type { BoxProps, FlexProps } from '@semcore/base-components';\n\nimport type { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport type { DataStructureHints } from '../../a11y/hints';\nimport type { PatternsConfig } from '../../Pattern';\nimport type { AriaNameProps } from '../Chart/AbstractChart.type';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps &\n  AriaNameProps & {\n    /**\n     * Size for legend items\n     */\n    size?: LSize;\n    /**\n     * Shape of data item on Legend panel\n     */\n    shape?: ShapeType;\n    /**\n     * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n     */\n    onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n    onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n    onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n    dataHints?: DataStructureHints;\n  };\n\nexport type LegendProps = BoxProps &\n  BaseChartLegendProps & {\n    /**\n     * Legend items\n     */\n    items: LegendItem[];\n\n    /** Enables charts patterns that enhances charts accessibility */\n    patterns?: PatternsConfig;\n  };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -6,19 +6,19 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Flex } from '@semcore/base-components';
 import Checkbox from '@semcore/checkbox';
 import { createComponent, sstyled, Root } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import Divider from '@semcore/divider';
-import { Flex } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_s6sbj_gg_._direction_row_s6sbj_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_s6sbj_gg_._direction_column_s6sbj_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"s6sbj_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_5sqwz_gg_._direction_row_5sqwz_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_5sqwz_gg_._direction_column_5sqwz_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"5sqwz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendFlex": "___SLegendFlex_s6sbj_gg_",
-  "_direction_row": "_direction_row_s6sbj_gg_",
-  "_direction_column": "_direction_column_s6sbj_gg_"
+  "__SLegendFlex": "___SLegendFlex_5sqwz_gg_",
+  "_direction_row": "_direction_row_5sqwz_gg_",
+  "_direction_column": "_direction_column_5sqwz_gg_"
 });
 import { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';
 import { BaseLegend } from '../BaseLegend';

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.js","names":["Checkbox","createComponent","sstyled","Root","i18nEnhance","Divider","Flex","React","style","_sstyled","insert","localizedMessages","BaseLegend","LegendItemComponent","LegendFlexRoot","_BaseLegend","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread","_assignProps","map","_ref4","id","_defineProperty","children","LegendFlex","LegendItem"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import Checkbox from '@semcore/checkbox';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Divider from '@semcore/divider';\nimport { Flex } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './legend-flex.shadow.css';\nimport type { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme='gray-400'\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role='group'>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LegendFlex.js","names":["Flex","Checkbox","createComponent","sstyled","Root","i18nEnhance","Divider","React","style","_sstyled","insert","localizedMessages","BaseLegend","LegendItemComponent","LegendFlexRoot","_BaseLegend","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread","_assignProps","map","_ref4","id","_defineProperty","children","LegendFlex","LegendItem"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Divider from '@semcore/divider';\nimport React from 'react';\n\nimport style from './legend-flex.shadow.css';\nimport type { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps, typeof LegendFlexRoot.enhance> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as unknown as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme='gray-400'\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role='group'>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n}) as LegendFlexType;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex, FlexProps } from '@semcore/flex-box';\n\nimport type { LegendProps } from '../BaseLegend.type';\nimport type { LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type TrendProps = {\n  /**\n   * Flag for include trend LegendItem in Legend\n   */\n  withTrend: true;\n  /**\n   * Trend label (for localization)\n   */\n  trendLabel?: string;\n  /**\n   * Flag for describe are trend is visible\n   */\n  trendIsVisible: boolean;\n  /**\n   * Handler for change trend visibility\n   */\n  onTrendIsVisibleChange: (isVisible: boolean) => void;\n};\n\ntype SuffixProps = {\n  /**\n   * Element after all Legend items\n   */\n  suffix?: React.ReactElement;\n};\n\ntype AddonProps = ({ withTrend?: never } & SuffixProps) | ({ suffix?: never } & TrendProps);\n\nexport type LegendFlexProps = LegendProps & AddonProps & FlexProps;\n\nexport type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {\n  LegendItem: LegendItemType;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"LegendFlex.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { LegendProps } from '../BaseLegend.type';\nimport type { LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type TrendProps = {\n  /**\n   * Flag for include trend LegendItem in Legend\n   */\n  withTrend: true;\n  /**\n   * Trend label (for localization)\n   */\n  trendLabel?: string;\n  /**\n   * Flag for describe are trend is visible\n   */\n  trendIsVisible: boolean;\n  /**\n   * Handler for change trend visibility\n   */\n  onTrendIsVisibleChange: (isVisible: boolean) => void;\n};\n\ntype SuffixProps = {\n  /**\n   * Element after all Legend items\n   */\n  suffix?: React.ReactElement;\n};\n\ntype AddonProps = ({ withTrend?: never } & SuffixProps) | ({ suffix?: never } & TrendProps);\n\nexport type LegendFlexProps = LegendProps & AddonProps & FlexProps;\n\nexport type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {\n  LegendItem: LegendItemType;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -13,33 +13,33 @@ import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["id", "checked", "color", "onChangeLegendItem", "shape"];
+import { Flex, Box } from '@semcore/base-components';
 import Checkbox from '@semcore/checkbox';
 import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
-import { Flex, Box } from '@semcore/flex-box';
 import { Text as TypographyText } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_1onj5_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1onj5_gg_:hover{cursor:pointer}.___SLegendItem_1onj5_gg_.__disabled_1onj5_gg_:hover{cursor:default}}.___SPointShape_1onj5_gg_.__color_1onj5_gg_{background-color:var(--color_1onj5);margin-right:8px;flex-shrink:0}.___SPointShape_1onj5_gg_._shape_Circle_1onj5_gg_._size_l_1onj5_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1onj5_gg_._shape_Circle_1onj5_gg_._size_m_1onj5_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1onj5_gg_._shape_Line_1onj5_gg_._size_l_1onj5_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1onj5_gg_._shape_Line_1onj5_gg_._size_m_1onj5_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1onj5_gg_._shape_Square_1onj5_gg_._size_l_1onj5_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1onj5_gg_._shape_Square_1onj5_gg_._size_m_1onj5_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1onj5_gg_._shape_Pattern_1onj5_gg_{background-color:transparent;margin-right:4px}.___SIcon_1onj5_gg_{line-height:0;margin-right:4px}.___SIcon_1onj5_gg_._size_l_1onj5_gg_{margin-top:4px}.___SIcon_1onj5_gg_._size_m_1onj5_gg_{margin-top:2px}.___SLabel_1onj5_gg_{min-width:0}.___SAdditionalLabel_1onj5_gg_._size_l_1onj5_gg_,.___SCount_1onj5_gg_._size_l_1onj5_gg_,.___SLabel_1onj5_gg_._size_l_1onj5_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1onj5_gg_._size_m_1onj5_gg_,.___SCount_1onj5_gg_._size_m_1onj5_gg_,.___SLabel_1onj5_gg_._size_m_1onj5_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1onj5_gg_,.___SCount_1onj5_gg_{margin-left:4px}.___SAdditionalLabel_1onj5_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1onj5_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_1onj5_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_1onj5_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_1onj5_gg_._size_l_1onj5_gg_::before{margin-top:10px}.___SAdditionalLabel_1onj5_gg_._size_m_1onj5_gg_::before{margin-top:8px}.___SPatternSymbol_1onj5_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1onj5_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_1v96z_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1v96z_gg_:hover{cursor:pointer}.___SLegendItem_1v96z_gg_.__disabled_1v96z_gg_:hover{cursor:default}}.___SPointShape_1v96z_gg_.__color_1v96z_gg_{background-color:var(--color_1v96z);margin-right:8px;flex-shrink:0}.___SPointShape_1v96z_gg_._shape_Circle_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Circle_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Line_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1v96z_gg_._shape_Line_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1v96z_gg_._shape_Square_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Square_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Pattern_1v96z_gg_{background-color:transparent;margin-right:4px}.___SIcon_1v96z_gg_{line-height:0;margin-right:4px}.___SIcon_1v96z_gg_._size_l_1v96z_gg_{margin-top:4px}.___SIcon_1v96z_gg_._size_m_1v96z_gg_{margin-top:2px}.___SLabel_1v96z_gg_{min-width:0}.___SAdditionalLabel_1v96z_gg_._size_l_1v96z_gg_,.___SCount_1v96z_gg_._size_l_1v96z_gg_,.___SLabel_1v96z_gg_._size_l_1v96z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1v96z_gg_._size_m_1v96z_gg_,.___SCount_1v96z_gg_._size_m_1v96z_gg_,.___SLabel_1v96z_gg_._size_m_1v96z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1v96z_gg_,.___SCount_1v96z_gg_{margin-left:4px}.___SAdditionalLabel_1v96z_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1v96z_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_1v96z_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_1v96z_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_1v96z_gg_._size_l_1v96z_gg_::before{margin-top:10px}.___SAdditionalLabel_1v96z_gg_._size_m_1v96z_gg_::before{margin-top:8px}.___SPatternSymbol_1v96z_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1v96z_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendItem": "___SLegendItem_1onj5_gg_",
-  "_disabled": "__disabled_1onj5_gg_",
-  "__SPointShape": "___SPointShape_1onj5_gg_",
-  "_color": "__color_1onj5_gg_",
-  "--color": "--color_1onj5",
-  "_shape_Circle": "_shape_Circle_1onj5_gg_",
-  "_size_l": "_size_l_1onj5_gg_",
-  "_size_m": "_size_m_1onj5_gg_",
-  "_shape_Line": "_shape_Line_1onj5_gg_",
-  "_shape_Square": "_shape_Square_1onj5_gg_",
-  "_shape_Pattern": "_shape_Pattern_1onj5_gg_",
-  "__SIcon": "___SIcon_1onj5_gg_",
-  "__SLabel": "___SLabel_1onj5_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_1onj5_gg_",
-  "__SCount": "___SCount_1onj5_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_1onj5_gg_"
+  "__SLegendItem": "___SLegendItem_1v96z_gg_",
+  "_disabled": "__disabled_1v96z_gg_",
+  "__SPointShape": "___SPointShape_1v96z_gg_",
+  "_color": "__color_1v96z_gg_",
+  "--color": "--color_1v96z",
+  "_shape_Circle": "_shape_Circle_1v96z_gg_",
+  "_size_l": "_size_l_1v96z_gg_",
+  "_size_m": "_size_m_1v96z_gg_",
+  "_shape_Line": "_shape_Line_1v96z_gg_",
+  "_shape_Square": "_shape_Square_1v96z_gg_",
+  "_shape_Pattern": "_shape_Pattern_1v96z_gg_",
+  "__SIcon": "___SIcon_1v96z_gg_",
+  "__SLabel": "___SLabel_1v96z_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1v96z_gg_",
+  "__SCount": "___SCount_1v96z_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1v96z_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import { PatternSymbol } from '../../../Pattern';

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["Checkbox","createComponent","Component","sstyled","Root","resolveColorEnhance","uniqueIDEnhancement","Flex","Box","Text","TypographyText","React","style","_sstyled","insert","StaticShapes","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","onFocusLegendItem","onBlurLegendItem","onChange","onFocus","onBlur","getIconProps","props","_objectSpread","children","icon","onClick","getLabelProps","_this$asProps2","_color","_shape","_objectWithoutProperties","_excluded","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref0","SPointShape","SPatternSymbol","_props$patternKey","patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref13","_ref3","_ref1","SIcon","_assignProps3","displayName","_ref14","_ref4","_ref10","SLabel","_assignProps4","_ref15","_ref5","_ref11","SAdditionalLabel","_assignProps5","_ref16","_ref6","_ref12","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport type { DOMAttributes } from 'react';\nimport React from 'react';\n\nimport style from './legend-item.shadow.css';\nimport {\n  type ShapeProps,\n  type LegendItemProps,\n  type LegendItemType,\n  type LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, {}, {}, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\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  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem, onFocusLegendItem, onBlurLegendItem } =\n      this.asProps;\n    return {\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      'onFocus': () => onFocusLegendItem(id),\n      'onBlur': () => onBlurLegendItem(id),\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n      onClick: () => props.onChangeLegendItem(props.id, !props.checked),\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color: _color, onChangeLegendItem, shape: _shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n      onClick: () => onChangeLegendItem(id, !checked),\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n      onClick: () => onChangeLegendItem(id, !checked),\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) || shape === undefined;\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\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    onFocus,\n    onBlur,\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} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={color}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt='2px' mr={1} onClick={() => onChange(!checked)}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\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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","ignoreList":[]}
+{"version":3,"file":"LegendItem.js","names":["Flex","Box","Checkbox","createComponent","Component","sstyled","Root","resolveColorEnhance","uniqueIDEnhancement","Text","TypographyText","React","style","_sstyled","insert","StaticShapes","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","onFocusLegendItem","onBlurLegendItem","onChange","onFocus","onBlur","getIconProps","props","_objectSpread","children","icon","onClick","getLabelProps","_this$asProps2","_color","_shape","_objectWithoutProperties","_excluded","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref0","SPointShape","SPatternSymbol","_props$patternKey","patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref13","_ref3","_ref1","SIcon","_assignProps3","displayName","_ref14","_ref4","_ref10","SLabel","_assignProps4","_ref15","_ref5","_ref11","SAdditionalLabel","_assignProps5","_ref16","_ref6","_ref12","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Text as TypographyText } from '@semcore/typography';\nimport type { DOMAttributes } from 'react';\nimport React from 'react';\n\nimport style from './legend-item.shadow.css';\nimport {\n  type ShapeProps,\n  type LegendItemProps,\n  type LegendItemType,\n  type LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\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  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem, onFocusLegendItem, onBlurLegendItem } =\n      this.asProps;\n    return {\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      'onFocus': () => onFocusLegendItem(id),\n      'onBlur': () => onBlurLegendItem(id),\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n      onClick: () => props.onChangeLegendItem(props.id, !props.checked),\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color: _color, onChangeLegendItem, shape: _shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n      onClick: () => onChangeLegendItem(id, !checked),\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n      onClick: () => onChangeLegendItem(id, !checked),\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) || shape === undefined;\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\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    onFocus,\n    onBlur,\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} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={color}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt='2px' mr={1} onClick={() => onChange(!checked)}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\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 = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n}) as LegendItemType;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import type { Intergalactic, Root } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type Icon from '@semcore/icon';\nimport type { Text } from '@semcore/typography';\n\nimport type { PatternsConfig } from '../../../Pattern';\nimport type { LSize } from '../BaseLegend.type';\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  /**\n   * Handler for focus legend item\n   */\n  onFocusLegendItem: (id: LegendItemKey) => void;\n\n  /**\n   * Handler for focus out legend item\n   */\n  onBlurLegendItem: (id: LegendItemKey) => 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      'aria-labelledby'?: string;\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":"AAQA;AACA;AACA;;AAoFA,OAAO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic, Root } from '@semcore/core';\nimport type Icon from '@semcore/icon';\nimport type { Text } from '@semcore/typography';\n\nimport type { PatternsConfig } from '../../../Pattern';\nimport type { LSize } from '../BaseLegend.type';\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  /**\n   * Handler for focus legend item\n   */\n  onFocusLegendItem: (id: LegendItemKey) => void;\n\n  /**\n   * Handler for focus out legend item\n   */\n  onBlurLegendItem: (id: LegendItemKey) => 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      'aria-labelledby'?: string;\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":"AAQA;AACA;AACA;;AAoFA,OAAO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}

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

@@ -7,18 +7,18 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Box } from '@semcore/base-components';
 import { createComponent, sstyled, Root } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_p31b3_gg_.__columns-count_p31b3_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_p31b3_gg_._size_l_p31b3_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_p31b3_gg_._size_m_p31b3_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"p31b3_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_9jglg_gg_.__columns-count_9jglg_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_9jglg_gg_._size_l_9jglg_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_9jglg_gg_._size_m_9jglg_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"9jglg_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendTable": "___SLegendTable_p31b3_gg_",
-  "_columns-count": "__columns-count_p31b3_gg_",
-  "__SColumnItem": "___SColumnItem_p31b3_gg_",
-  "_size_l": "_size_l_p31b3_gg_",
-  "_size_m": "_size_m_p31b3_gg_"
+  "__SLegendTable": "___SLegendTable_9jglg_gg_",
+  "_columns-count": "__columns-count_9jglg_gg_",
+  "__SColumnItem": "___SColumnItem_9jglg_gg_",
+  "_size_l": "_size_l_9jglg_gg_",
+  "_size_m": "_size_m_9jglg_gg_"
 });
 import { BaseLegend } from '../BaseLegend';
 import { LegendItemComponent } from '../LegendItem/LegendItem';

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

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["createComponent","sstyled","Root","Box","React","style","_sstyled","insert","BaseLegend","LegendItemComponent","LegendTableRoot","_BaseLegend","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread","_assignProps","map","_ref5","_index","id","_ref5$columns","Fragment","item","index","concat","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './legend-table.shadow.css';\nimport type { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\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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","ignoreList":[]}
+{"version":3,"file":"LegendTable.js","names":["Box","createComponent","sstyled","Root","React","style","_sstyled","insert","BaseLegend","LegendItemComponent","LegendTableRoot","_BaseLegend","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread","_assignProps","map","_ref5","_index","id","_ref5$columns","Fragment","item","index","concat","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport React from 'react';\n\nimport style from './legend-table.shadow.css';\nimport type { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\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 = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n}) as LegendTableType;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/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 type { Intergalactic } from '@semcore/core';\nimport type { Box } from '@semcore/flex-box';\nimport type React from 'react';\n\nimport type { LegendProps, LSize } from '../BaseLegend.type';\nimport type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.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":"","ignoreList":[]}
+{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps, LSize } from '../BaseLegend.type';\nimport type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.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":"","ignoreList":[]}

package/lib/es6/component/Cigarette/Cigarette.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cigarette.js","names":["Component","sstyled","callAllEventHandlers","uniqueIDEnhancement","React","createElement","PatternFill","roundedPath","CigaretteBarRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","handlers","hovered","setCursor","e","_this$asProps","asProps","onClick","dataKey","currentTarget","tagName","stopPropagation","value","_this$refElement$curr","refElement","current","style","setProperty","_inherits","_createClass","key","uncontrolledProps","getRect","_this$asProps2","x","y","width","height","radius","r","direction","index","xV","yV","widthV","heightV","render","_ref","SBar","Element","_this$asProps3","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","Fragment","cn","undefined","handleMouseMove","handleMouseLeave","handleClick","offset","defaultHovered"],"sources":["../../../../src/component/Cigarette/Cigarette.tsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport createElement from '../../createElement';\nimport { PatternFill } from '../../Pattern';\nimport { roundedPath } from '../../utils';\n\nclass CigaretteBarRoot extends Component<any> {\n  static displayName = 'Cigarette.BarItem';\n  static enhance = [uniqueIDEnhancement()];\n  static style = {};\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    direction: 'horizontal',\n    defaultHovered: false,\n  };\n\n  refElement = React.createRef<SVGPathElement>();\n\n  uncontrolledProps() {\n    return {\n      hovered: false,\n    };\n  }\n\n  handleMouseMove = () => {\n    this.handlers.hovered(true);\n    this.setCursor('pointer');\n  };\n\n  handleMouseLeave = () => {\n    this.handlers.hovered(false);\n    this.setCursor('auto');\n  };\n\n  handleClick = (e: React.SyntheticEvent) => {\n    const { onClick, dataKey } = this.asProps;\n\n    if (onClick && e.currentTarget.tagName === 'path') {\n      e.stopPropagation();\n\n      onClick(dataKey, e);\n\n      return false;\n    }\n  };\n\n  setCursor = (value: 'pointer' | 'auto') => {\n    const { onClick } = this.asProps;\n\n    if (onClick) {\n      this.refElement.current?.style.setProperty('cursor', value);\n    }\n  };\n\n  getRect() {\n    const { x, y, width, height, r: radius, direction, index, hovered } = this.asProps;\n\n    let xV = x;\n    let yV = y;\n    let widthV = width;\n    let heightV = height;\n\n    if (hovered && direction === 'horizontal') {\n      yV = yV - 2;\n      heightV = heightV + 4;\n    }\n\n    if (hovered && direction === 'vertical') {\n      xV = xV - 2;\n      widthV = widthV + 4;\n    }\n\n    if (radius) {\n      if (direction === 'horizontal') {\n        if (index === 0) {\n          return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);\n        } else {\n          return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);\n        }\n      } else {\n        if (index === 0) {\n          return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);\n        } else {\n          return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);\n        }\n      }\n    }\n\n    return roundedPath(xV, yV, widthV, heightV, radius);\n  }\n\n  render() {\n    // @ts-ignore\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      data,\n      dataKey,\n      index,\n      hide,\n      uid,\n      duration,\n      onMouseMove,\n      onMouseLeave,\n      transparent,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n\n    const dSvg = this.getRect();\n\n    return (\n      <React.Fragment key={`horizontal-bar-${index}`}>\n        {sstyled(styles)(\n          <SBar\n            ref={this.refElement}\n            aria-hidden\n            render='path'\n            clipPath={`url(#${uid})`}\n            __excludeProps={['data', 'scale', 'value', 'offset']}\n            childrenPosition='above'\n            value={data[dataKey]}\n            index={index}\n            hide={hide}\n            fill={resolveColor(color)}\n            pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n            transparent={transparent}\n            d={dSvg}\n            use:duration={`${duration}ms`}\n            onMouseMove={callAllEventHandlers(onMouseMove, this.handleMouseMove)}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n            use:onClick={this.handleClick}\n          />,\n        )}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${index}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\nexport default createElement(CigaretteBarRoot);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Cigarette.js","names":["Component","sstyled","callAllEventHandlers","uniqueIDEnhancement","React","createElement","PatternFill","roundedPath","CigaretteBarRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","handlers","hovered","setCursor","e","_this$asProps","asProps","onClick","dataKey","currentTarget","tagName","stopPropagation","value","_this$refElement$curr","refElement","current","style","setProperty","_inherits","_createClass","key","uncontrolledProps","getRect","_this$asProps2","x","y","width","height","radius","r","direction","index","xV","yV","widthV","heightV","render","_ref","SBar","Element","_this$asProps3","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","Fragment","cn","undefined","handleMouseMove","handleMouseLeave","handleClick","offset","defaultHovered"],"sources":["../../../../src/component/Cigarette/Cigarette.tsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport createElement from '../../createElement';\nimport { PatternFill } from '../../Pattern';\nimport { roundedPath } from '../../utils';\n\nclass CigaretteBarRoot extends Component<any, [], { hovered: boolean }> {\n  static displayName = 'Cigarette.BarItem';\n  static enhance = [uniqueIDEnhancement()];\n  static style = {};\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    direction: 'horizontal',\n    defaultHovered: false,\n  };\n\n  refElement = React.createRef<SVGPathElement>();\n\n  uncontrolledProps() {\n    return {\n      hovered: false,\n    };\n  }\n\n  handleMouseMove = () => {\n    this.handlers.hovered(true);\n    this.setCursor('pointer');\n  };\n\n  handleMouseLeave = () => {\n    this.handlers.hovered(false);\n    this.setCursor('auto');\n  };\n\n  handleClick = (e: React.SyntheticEvent) => {\n    const { onClick, dataKey } = this.asProps;\n\n    if (onClick && e.currentTarget.tagName === 'path') {\n      e.stopPropagation();\n\n      onClick(dataKey, e);\n\n      return false;\n    }\n  };\n\n  setCursor = (value: 'pointer' | 'auto') => {\n    const { onClick } = this.asProps;\n\n    if (onClick) {\n      this.refElement.current?.style.setProperty('cursor', value);\n    }\n  };\n\n  getRect() {\n    const { x, y, width, height, r: radius, direction, index, hovered } = this.asProps;\n\n    let xV = x;\n    let yV = y;\n    let widthV = width;\n    let heightV = height;\n\n    if (hovered && direction === 'horizontal') {\n      yV = yV - 2;\n      heightV = heightV + 4;\n    }\n\n    if (hovered && direction === 'vertical') {\n      xV = xV - 2;\n      widthV = widthV + 4;\n    }\n\n    if (radius) {\n      if (direction === 'horizontal') {\n        if (index === 0) {\n          return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);\n        } else {\n          return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);\n        }\n      } else {\n        if (index === 0) {\n          return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);\n        } else {\n          return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);\n        }\n      }\n    }\n\n    return roundedPath(xV, yV, widthV, heightV, radius);\n  }\n\n  render() {\n    // @ts-ignore\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      data,\n      dataKey,\n      index,\n      hide,\n      uid,\n      duration,\n      onMouseMove,\n      onMouseLeave,\n      transparent,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n\n    const dSvg = this.getRect();\n\n    return (\n      <React.Fragment key={`horizontal-bar-${index}`}>\n        {sstyled(styles)(\n          <SBar\n            ref={this.refElement}\n            aria-hidden\n            render='path'\n            clipPath={`url(#${uid})`}\n            __excludeProps={['data', 'scale', 'value', 'offset']}\n            childrenPosition='above'\n            value={data[dataKey]}\n            index={index}\n            hide={hide}\n            fill={resolveColor(color)}\n            pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n            transparent={transparent}\n            d={dSvg}\n            use:duration={`${duration}ms`}\n            onMouseMove={callAllEventHandlers(onMouseMove, this.handleMouseMove)}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n            use:onClick={this.handleClick}\n          />,\n        )}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${index}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\nexport default createElement(CigaretteBarRoot);\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/style/axis.shadow.css

@@ -10,6 +10,9 @@ STick {
   font-size: var(--intergalactic-fs-100, 12px);
   fill: var(--intergalactic-chart-grid-text-label, oklch(0.088 0.026 147.7 / 0.583));
 }
+STick[primaryText] {
+  fill: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+}
 
 STick[hide] {
   display: none;
@@ -69,7 +72,6 @@ STick[position='bottom'] {
 
 STick[position='right'] {
   transform: translateX(16px);
-  text-anchor: start;
   dominant-baseline: middle;
 
   tspan {

package/lib/es6/style/plot.shadow.css

@@ -1,5 +1,3 @@
-@import './var.css';
-
 SPlot {
   overflow: hidden;
 }
@@ -17,7 +15,7 @@ foreignObject[data-aria-only] {
   pointer-events: none;
 }
 
-SPlot[keyboardFocused] {
+SPlot:has(foreignObject[data-aria-only]:focus-within) {
   @mixin focus-outline-mixin;
   border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
 }

package/lib/es6/style/plotA11yModule.shadow.css

@@ -1,12 +1,11 @@
-@import './var.css';
-
 SPlotA11yModule {
-  user-select: none;
-  pointer-events: none;
-  opacity: 0;
-}
-SPlotA11yModule:focus {
-  user-select: all;
-  pointer-events: all;
-  opacity: 1;
-}
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0,
+}