@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

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 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;;AAoFO,IAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"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;;AAoFO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}

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

@@ -1,97 +1,87 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LegendTable = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _flexBox = require("@semcore/flex-box");
+var _baseComponents = require("@semcore/base-components");
 var _react = _interopRequireDefault(require("react"));
-var _BaseLegend2 = require("../BaseLegend");
+var _BaseLegend = require("../BaseLegend");
 var _LegendItem = require("../LegendItem/LegendItem");
 /*!__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendTable_12151_gg_.__columns-count_12151_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_12151_gg_._size_l_12151_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_12151_gg_._size_m_12151_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"12151_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendTable_1jxzo_gg_.__columns-count_1jxzo_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_1jxzo_gg_._size_l_1jxzo_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1jxzo_gg_._size_m_1jxzo_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"1jxzo_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendTable": "___SLegendTable_12151_gg_",
-  "_columns-count": "__columns-count_12151_gg_",
-  "__SColumnItem": "___SColumnItem_12151_gg_",
-  "_size_l": "_size_l_12151_gg_",
-  "_size_m": "_size_m_12151_gg_"
+  "__SLegendTable": "___SLegendTable_1jxzo_gg_",
+  "_columns-count": "__columns-count_1jxzo_gg_",
+  "__SColumnItem": "___SColumnItem_1jxzo_gg_",
+  "_size_l": "_size_l_1jxzo_gg_",
+  "_size_m": "_size_m_1jxzo_gg_"
 });
-var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
-  function LegendTableRoot() {
-    (0, _classCallCheck2["default"])(this, LegendTableRoot);
-    return (0, _callSuper2["default"])(this, LegendTableRoot, arguments);
-  }
-  (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
-  return (0, _createClass2["default"])(LegendTableRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3,
-        _items$;
-      var SLegendTable = _flexBox.Box;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        Children = _this$asProps.Children,
-        _this$asProps$size = _this$asProps.size,
-        size = _this$asProps$size === void 0 ? 'm' : _this$asProps$size,
-        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)({
+class LegendTableRoot extends _BaseLegend.BaseLegend {
+  render() {
+    var _ref = this.asProps,
+      _ref3;
+    const SLegendTable = _baseComponents.Box;
+    const {
+      styles,
+      Children,
+      size = 'm',
+      items
+    } = this.asProps;
+    const columnsCount = items[0]?.columns.length;
+    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SLegendTable, _ref3.cn("SLegendTable", {
+      ...(0, _core.assignProps)({
         "columns-count": columnsCount + 1,
         "role": 'group'
-      }, _ref))), items.map(function (_ref5, _index) {
-        var id = _ref5.id,
-          _ref5$columns = _ref5.columns,
-          columns = _ref5$columns === void 0 ? [] : _ref5$columns;
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-          key: id
-        }, /*#__PURE__*/_react["default"].createElement(Children, null), columns.map(function (item, index) {
-          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-            key: "".concat(id, "__").concat(index)
-          }, /*#__PURE__*/_react["default"].createElement(LegendTable.Column, {
-            index: index,
-            size: size,
-            styles: styles
-          }, item));
-        }));
+      }, _ref)
+    }), items.map(({
+      id,
+      columns = []
+    }, _index) => {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: id
+      }, /*#__PURE__*/_react.default.createElement(Children, null), columns.map((item, index) => {
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+          key: `${id}__${index}`
+        }, /*#__PURE__*/_react.default.createElement(LegendTable.Column, {
+          index: index,
+          size: size,
+          styles: styles
+        }, item));
       }));
-    }
-  }]);
-}(_BaseLegend2.BaseLegend);
-(0, _defineProperty2["default"])(LegendTableRoot, "displayName", 'LegendTable');
-(0, _defineProperty2["default"])(LegendTableRoot, "style", style);
-(0, _defineProperty2["default"])(LegendTableRoot, "defaultProps", function () {
-  return {
-    children: /*#__PURE__*/_react["default"].createElement(LegendTable.LegendItem, null)
-  };
-});
+    }));
+  }
+}
+(0, _defineProperty2.default)(LegendTableRoot, "displayName", 'LegendTable');
+(0, _defineProperty2.default)(LegendTableRoot, "style", style);
+(0, _defineProperty2.default)(LegendTableRoot, "defaultProps", () => ({
+  children: /*#__PURE__*/_react.default.createElement(LegendTable.LegendItem, null)
+}));
 function ColumnComponent(props) {
   var _ref2 = arguments[0],
     _ref4;
-  var SColumnItem = _flexBox.Box;
-  var styles = props.styles,
-    index = props.index,
-    size = props.size,
-    Children = props.Children;
-  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SColumnItem, _ref4.cn("SColumnItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "style": {
-      gridColumnStart: "".concat(index + 2),
-      gridColumnEnd: "".concat(index + 3)
-    },
-    "size": size
-  }, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
+  const SColumnItem = _baseComponents.Box;
+  const {
+    styles,
+    index,
+    size,
+    Children
+  } = props;
+  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SColumnItem, _ref4.cn("SColumnItem", {
+    ...(0, _core.assignProps)({
+      "style": {
+        gridColumnStart: `${index + 2}`,
+        gridColumnEnd: `${index + 3}`
+      },
+      "size": size
+    }, _ref2)
+  }), /*#__PURE__*/_react.default.createElement(Children, _ref4.cn("Children", {})));
 }
-var LegendTable = exports.LegendTable = (0, _core.createComponent)(LegendTableRoot, {
+const LegendTable = exports.LegendTable = (0, _core.createComponent)(LegendTableRoot, {
   LegendItem: _LegendItem.LegendItemComponent,
   Column: ColumnComponent
 });

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

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["_core","require","_flexBox","_react","_interopRequireDefault","_BaseLegend2","_LegendItem","style","sstyled","insert","LegendTableRoot","_BaseLegend","_classCallCheck2","_callSuper2","arguments","_inherits2","_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","index","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","exports","createComponent","LegendItemComponent"],"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":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA+D;AAAA,IAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAEzDC,eAAe,0BAAAC,WAAA;EAAA,SAAAD,gBAAA;IAAA,IAAAE,gBAAA,mBAAAF,eAAA;IAAA,WAAAG,WAAA,mBAAAH,eAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,eAAA,EAAAC,WAAA;EAAA,WAAAK,aAAA,aAAAN,eAAA;IAAAO,GAAA;IAAAC,KAAA,EAQnB,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;QAAAC,OAAA;MACP,IAAMC,YAAY,GAKMC,YAAG;MAJ3B,IAAAC,aAAA,GAAgD,IAAI,CAACL,OAAO;QAApDM,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAAC,kBAAA,GAAAH,aAAA,CAAEI,IAAI;QAAJA,IAAI,GAAAD,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAEE,KAAK,GAAAL,aAAA,CAALK,KAAK;MAC3C,IAAMC,YAAY,IAAAT,OAAA,GAAGQ,KAAK,CAAC,CAAC,CAAC,cAAAR,OAAA,uBAARA,OAAA,CAAUU,OAAO,CAACC,MAAM;MAE7C,OAAAZ,KAAA,GAAO,IAAAd,aAAO,EAACmB,MAAM,CAAC,eACpBxB,MAAA,YAAAgC,aAAA,CAACX,YAAY,EAAAF,KAAA,CAAAc,EAAA,qBAAAC,cAAA,qBAAArC,KAAA,CAAAsC,WAAA;QAAA,iBAA6BN,YAAY,GAAG,CAAC;QAAA,QAAO;MAAO,GAAAZ,IAAA,KACrEW,KAAK,CAACQ,GAAG,CAAC,UAAAC,KAAA,EAAuBC,MAAM,EAAK;QAAA,IAA/BC,EAAE,GAAAF,KAAA,CAAFE,EAAE;UAAAC,aAAA,GAAAH,KAAA,CAAEP,OAAO;UAAPA,OAAO,GAAAU,aAAA,cAAG,EAAE,GAAAA,aAAA;QAC5B,oBACExC,MAAA,YAAAgC,aAAA,CAAChC,MAAA,WAAK,CAACyC,QAAQ;UAAC3B,GAAG,EAAEyB;QAAG,gBACtBvC,MAAA,YAAAgC,aAAA,CAACP,QAAQ,MAAE,CAAC,EACXK,OAAO,CAACM,GAAG,CAAC,UAACM,IAAI,EAAEC,KAAK,EAAK;UAC5B,oBACE3C,MAAA,YAAAgC,aAAA,CAAChC,MAAA,WAAK,CAACyC,QAAQ;YAAC3B,GAAG,KAAA8B,MAAA,CAAKL,EAAE,QAAAK,MAAA,CAAKD,KAAK;UAAG,gBACrC3C,MAAA,YAAAgC,aAAA,CAACa,WAAW,CAACC,MAAM;YAACH,KAAK,EAAEA,KAAM;YAAChB,IAAI,EAAEA,IAAK;YAACH,MAAM,EAAEA;UAAO,GAC1DkB,IACiB,CACN,CAAC;QAErB,CAAC,CACa,CAAC;MAErB,CAAC,CACW,CAAC;IAEnB;EAAC;AAAA,EAjC2BK,uBAAU;AAAA,IAAAC,gBAAA,aAAlCzC,eAAe,iBACE,aAAa;AAAA,IAAAyC,gBAAA,aAD9BzC,eAAe,WAEJH,KAAK;AAAA,IAAA4C,gBAAA,aAFhBzC,eAAe,kBAIG;EAAA,OAAO;IAC3B0C,QAAQ,eAAEjD,MAAA,YAAAgC,aAAA,CAACa,WAAW,CAACK,UAAU,MAAE;EACrC,CAAC;AAAA,CAAC;AA8BJ,SAASC,eAAeA,CAACC,KAA8C,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACvE,IAAMC,WAAW,GAMLlC,YAAG;EALf,IAAQE,MAAM,GAA4B4B,KAAK,CAAvC5B,MAAM;IAAEmB,KAAK,GAAqBS,KAAK,CAA/BT,KAAK;IAAEhB,IAAI,GAAeyB,KAAK,CAAxBzB,IAAI;IAAEF,QAAQ,GAAK2B,KAAK,CAAlB3B,QAAQ;EAErC,OAAA8B,KAAA,GAAO,IAAAlD,aAAO,EAACmB,MAAM,CAAC,eACpBxB,MAAA,YAAAgC,aAAA,CAACwB,WAAW,EAAAD,KAAA,CAAAtB,EAAA,oBAAAC,cAAA,qBAAArC,KAAA,CAAAsC,WAAA;IAAA,SACH;MAAEsB,eAAe,KAAAb,MAAA,CAAKD,KAAK,GAAG,CAAC,CAAE;MAAEe,aAAa,KAAAd,MAAA,CAAKD,KAAK,GAAG,CAAC;IAAG,CAAC;IAAA,QAEnEhB;EAAI,GAAA0B,KAAA,kBAEVrD,MAAA,YAAAgC,aAAA,CAACP,QAAQ,EAAA8B,KAAA,CAAAtB,EAAA,gBAAE,CACA,CAAC;AAElB;AAEO,IAAMY,WAA4B,GAAAc,OAAA,CAAAd,WAAA,GAAG,IAAAe,qBAAe,EAACrD,eAAe,EAAE;EAC3E2C,UAAU,EAAEW,+BAAmB;EAC/Bf,MAAM,EAAEK;AACV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"LegendTable.js","names":["_core","require","_baseComponents","_react","_interopRequireDefault","_BaseLegend","_LegendItem","style","sstyled","insert","LegendTableRoot","BaseLegend","render","_ref","asProps","_ref3","SLegendTable","Box","styles","Children","size","items","columnsCount","columns","length","default","createElement","cn","assignProps","map","id","_index","Fragment","key","item","index","LegendTable","Column","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","exports","createComponent","LegendItemComponent"],"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/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 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/cjs/component/ChartLegend/index.js

@@ -5,18 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ChartLegend", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _LegendFlex.LegendFlex;
   }
 });
 Object.defineProperty(exports, "ChartLegendTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _LegendTable.LegendTable;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _LegendFlex = require("./LegendFlex/LegendFlex");
 var _LegendTable = require("./LegendTable/LegendTable");
-var _default = exports["default"] = _LegendFlex.LegendFlex;
+var _default = exports.default = _LegendFlex.LegendFlex;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_LegendFlex","require","_LegendTable","_default","exports","ChartLegend"],"sources":["../../../../src/component/ChartLegend/index.ts"],"sourcesContent":["import { LegendFlex as ChartLegend } from './LegendFlex/LegendFlex';\nimport { LegendTable as ChartLegendTable } from './LegendTable/LegendTable';\n\nexport { ChartLegend, ChartLegendTable };\n\nexport default ChartLegend;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA4E,IAAAE,QAAA,GAAAC,OAAA,cAI7DC,sBAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_LegendFlex","require","_LegendTable","_default","exports","default","ChartLegend"],"sources":["../../../../src/component/ChartLegend/index.ts"],"sourcesContent":["import { LegendFlex as ChartLegend } from './LegendFlex/LegendFlex';\nimport { LegendTable as ChartLegendTable } from './LegendTable/LegendTable';\n\nexport { ChartLegend, ChartLegendTable };\n\nexport default ChartLegend;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA4E,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAI7DC,sBAAW","ignoreList":[]}

package/lib/cjs/component/Cigarette/Cigarette.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _assignProps = require("@semcore/core/lib/utils/assignProps");
@@ -17,149 +13,139 @@ var _react = _interopRequireDefault(require("react"));
 var _createElement = _interopRequireDefault(require("../../createElement"));
 var _Pattern = require("../../Pattern");
 var _utils = require("../../utils");
-var CigaretteBarRoot = /*#__PURE__*/function (_Component) {
-  function CigaretteBarRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, CigaretteBarRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, CigaretteBarRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "refElement", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "handleMouseMove", function () {
-      _this.handlers.hovered(true);
-      _this.setCursor('pointer');
+class CigaretteBarRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "refElement", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(this, "handleMouseMove", () => {
+      this.handlers.hovered(true);
+      this.setCursor('pointer');
     });
-    (0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
-      _this.handlers.hovered(false);
-      _this.setCursor('auto');
+    (0, _defineProperty2.default)(this, "handleMouseLeave", () => {
+      this.handlers.hovered(false);
+      this.setCursor('auto');
     });
-    (0, _defineProperty2["default"])(_this, "handleClick", function (e) {
-      var _this$asProps = _this.asProps,
-        onClick = _this$asProps.onClick,
-        dataKey = _this$asProps.dataKey;
+    (0, _defineProperty2.default)(this, "handleClick", e => {
+      const {
+        onClick,
+        dataKey
+      } = this.asProps;
       if (onClick && e.currentTarget.tagName === 'path') {
         e.stopPropagation();
         onClick(dataKey, e);
         return false;
       }
     });
-    (0, _defineProperty2["default"])(_this, "setCursor", function (value) {
-      var onClick = _this.asProps.onClick;
+    (0, _defineProperty2.default)(this, "setCursor", value => {
+      const {
+        onClick
+      } = this.asProps;
       if (onClick) {
-        var _this$refElement$curr;
-        (_this$refElement$curr = _this.refElement.current) === null || _this$refElement$curr === void 0 || _this$refElement$curr.style.setProperty('cursor', value);
+        this.refElement.current?.style.setProperty('cursor', value);
       }
     });
-    return _this;
   }
-  (0, _inherits2["default"])(CigaretteBarRoot, _Component);
-  return (0, _createClass2["default"])(CigaretteBarRoot, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        hovered: false
-      };
+  uncontrolledProps() {
+    return {
+      hovered: false
+    };
+  }
+  getRect() {
+    const {
+      x,
+      y,
+      width,
+      height,
+      r: radius,
+      direction,
+      index,
+      hovered
+    } = this.asProps;
+    let xV = x;
+    let yV = y;
+    let widthV = width;
+    let heightV = height;
+    if (hovered && direction === 'horizontal') {
+      yV = yV - 2;
+      heightV = heightV + 4;
     }
-  }, {
-    key: "getRect",
-    value: function getRect() {
-      var _this$asProps2 = this.asProps,
-        x = _this$asProps2.x,
-        y = _this$asProps2.y,
-        width = _this$asProps2.width,
-        height = _this$asProps2.height,
-        radius = _this$asProps2.r,
-        direction = _this$asProps2.direction,
-        index = _this$asProps2.index,
-        hovered = _this$asProps2.hovered;
-      var xV = x;
-      var yV = y;
-      var widthV = width;
-      var heightV = height;
-      if (hovered && direction === 'horizontal') {
-        yV = yV - 2;
-        heightV = heightV + 4;
-      }
-      if (hovered && direction === 'vertical') {
-        xV = xV - 2;
-        widthV = widthV + 4;
-      }
-      if (radius) {
-        if (direction === 'horizontal') {
-          if (index === 0) {
-            return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius, true, false, true, false);
-          } else {
-            return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius, false, true, false, true);
-          }
+    if (hovered && direction === 'vertical') {
+      xV = xV - 2;
+      widthV = widthV + 4;
+    }
+    if (radius) {
+      if (direction === 'horizontal') {
+        if (index === 0) {
+          return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius, true, false, true, false);
         } else {
-          if (index === 0) {
-            return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius, true, true, false, false);
-          } else {
-            return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius, false, false, true, true);
-          }
+          return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius, false, true, false, true);
+        }
+      } else {
+        if (index === 0) {
+          return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius, true, true, false, false);
+        } else {
+          return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius, false, false, true, true);
         }
       }
-      return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref;
-      // @ts-ignore
-      var SBar = this.Element;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        color = _this$asProps3.color,
-        data = _this$asProps3.data,
-        dataKey = _this$asProps3.dataKey,
-        index = _this$asProps3.index,
-        hide = _this$asProps3.hide,
-        uid = _this$asProps3.uid,
-        duration = _this$asProps3.duration,
-        onMouseMove = _this$asProps3.onMouseMove,
-        onMouseLeave = _this$asProps3.onMouseLeave,
-        transparent = _this$asProps3.transparent,
-        resolveColor = _this$asProps3.resolveColor,
-        patterns = _this$asProps3.patterns;
-      var dSvg = this.getRect();
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-        key: "horizontal-bar-".concat(index)
-      }, (_ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref.cn("SBar", {
-        "ref": this.refElement,
-        "aria-hidden": true,
-        "render": 'path',
-        "clipPath": "url(#".concat(uid, ")"),
-        "__excludeProps": ['data', 'scale', 'value', 'offset'],
-        "childrenPosition": 'above',
-        "value": data[dataKey],
-        "index": index,
-        "hide": hide,
-        "fill": resolveColor(color),
-        "pattern": patterns ? "url(#".concat(uid, "-").concat(index, "-pattern)") : undefined,
-        "transparent": transparent,
-        "d": dSvg,
-        "use:duration": "".concat(duration, "ms"),
-        "onMouseMove": (0, _assignProps.callAllEventHandlers)(onMouseMove, this.handleMouseMove),
-        "onMouseLeave": (0, _assignProps.callAllEventHandlers)(onMouseLeave, this.handleMouseLeave),
-        "use:onClick": this.handleClick
-      }))), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref.cn("PatternFill", {
-        "id": "".concat(uid, "-").concat(index, "-pattern"),
-        "patternKey": color,
-        "color": resolveColor(color),
-        "patterns": patterns
-      })));
     }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(CigaretteBarRoot, "displayName", 'Cigarette.BarItem');
-(0, _defineProperty2["default"])(CigaretteBarRoot, "enhance", [(0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(CigaretteBarRoot, "style", {});
-(0, _defineProperty2["default"])(CigaretteBarRoot, "defaultProps", {
+    return (0, _utils.roundedPath)(xV, yV, widthV, heightV, radius);
+  }
+  render() {
+    var _ref;
+    // @ts-ignore
+    const SBar = this.Element;
+    const {
+      styles,
+      color,
+      data,
+      dataKey,
+      index,
+      hide,
+      uid,
+      duration,
+      onMouseMove,
+      onMouseLeave,
+      transparent,
+      resolveColor,
+      patterns
+    } = this.asProps;
+    const dSvg = this.getRect();
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: `horizontal-bar-${index}`
+    }, (_ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBar, _ref.cn("SBar", {
+      "ref": this.refElement,
+      "aria-hidden": true,
+      "render": 'path',
+      "clipPath": `url(#${uid})`,
+      "__excludeProps": ['data', 'scale', 'value', 'offset'],
+      "childrenPosition": 'above',
+      "value": data[dataKey],
+      "index": index,
+      "hide": hide,
+      "fill": resolveColor(color),
+      "pattern": patterns ? `url(#${uid}-${index}-pattern)` : undefined,
+      "transparent": transparent,
+      "d": dSvg,
+      "use:duration": `${duration}ms`,
+      "onMouseMove": (0, _assignProps.callAllEventHandlers)(onMouseMove, this.handleMouseMove),
+      "onMouseLeave": (0, _assignProps.callAllEventHandlers)(onMouseLeave, this.handleMouseLeave),
+      "use:onClick": this.handleClick
+    }))), patterns && /*#__PURE__*/_react.default.createElement(_Pattern.PatternFill, _ref.cn("PatternFill", {
+      "id": `${uid}-${index}-pattern`,
+      "patternKey": color,
+      "color": resolveColor(color),
+      "patterns": patterns
+    })));
+  }
+}
+(0, _defineProperty2.default)(CigaretteBarRoot, "displayName", 'Cigarette.BarItem');
+(0, _defineProperty2.default)(CigaretteBarRoot, "enhance", [(0, _uniqueID.default)()]);
+(0, _defineProperty2.default)(CigaretteBarRoot, "style", {});
+(0, _defineProperty2.default)(CigaretteBarRoot, "defaultProps", {
   offset: [0, 0],
   duration: 500,
   direction: 'horizontal',
   defaultHovered: false
 });
-var _default = exports["default"] = (0, _createElement["default"])(CigaretteBarRoot);
+var _default = exports.default = (0, _createElement.default)(CigaretteBarRoot);
 //# sourceMappingURL=Cigarette.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Cigarette.js","names":["_core","require","_assignProps","_uniqueID","_interopRequireDefault","_react","_createElement","_Pattern","_utils","CigaretteBarRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","handlers","hovered","setCursor","e","_this$asProps","asProps","onClick","dataKey","currentTarget","tagName","stopPropagation","value","_this$refElement$curr","refElement","current","style","setProperty","_inherits2","_createClass2","key","uncontrolledProps","getRect","_this$asProps2","x","y","width","height","radius","r","direction","index","xV","yV","widthV","heightV","roundedPath","render","_ref","SBar","Element","_this$asProps3","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","createElement","Fragment","sstyled","cn","undefined","callAllEventHandlers","handleMouseMove","handleMouseLeave","handleClick","PatternFill","Component","uniqueIDEnhancement","offset","defaultHovered","_default","exports"],"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":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,cAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAA0C,IAEpCQ,gBAAgB,0BAAAC,UAAA;EAAA,SAAAD,iBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,gBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,OAAAQ,WAAA,mBAAAV,gBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,6BAYPW,iBAAK,CAACC,SAAS,CAAiB,CAAC;IAAA,IAAAF,gBAAA,aAAAV,KAAA,qBAQ5B,YAAM;MACtBA,KAAA,CAAKa,QAAQ,CAACC,OAAO,CAAC,IAAI,CAAC;MAC3Bd,KAAA,CAAKe,SAAS,CAAC,SAAS,CAAC;IAC3B,CAAC;IAAA,IAAAL,gBAAA,aAAAV,KAAA,sBAEkB,YAAM;MACvBA,KAAA,CAAKa,QAAQ,CAACC,OAAO,CAAC,KAAK,CAAC;MAC5Bd,KAAA,CAAKe,SAAS,CAAC,MAAM,CAAC;IACxB,CAAC;IAAA,IAAAL,gBAAA,aAAAV,KAAA,iBAEa,UAACgB,CAAuB,EAAK;MACzC,IAAAC,aAAA,GAA6BjB,KAAA,CAAKkB,OAAO;QAAjCC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;MAExB,IAAID,OAAO,IAAIH,CAAC,CAACK,aAAa,CAACC,OAAO,KAAK,MAAM,EAAE;QACjDN,CAAC,CAACO,eAAe,CAAC,CAAC;QAEnBJ,OAAO,CAACC,OAAO,EAAEJ,CAAC,CAAC;QAEnB,OAAO,KAAK;MACd;IACF,CAAC;IAAA,IAAAN,gBAAA,aAAAV,KAAA,eAEW,UAACwB,KAAyB,EAAK;MACzC,IAAQL,OAAO,GAAKnB,KAAA,CAAKkB,OAAO,CAAxBC,OAAO;MAEf,IAAIA,OAAO,EAAE;QAAA,IAAAM,qBAAA;QACX,CAAAA,qBAAA,GAAAzB,KAAA,CAAK0B,UAAU,CAACC,OAAO,cAAAF,qBAAA,eAAvBA,qBAAA,CAAyBG,KAAK,CAACC,WAAW,CAAC,QAAQ,EAAEL,KAAK,CAAC;MAC7D;IACF,CAAC;IAAA,OAAAxB,KAAA;EAAA;EAAA,IAAA8B,UAAA,aAAAhC,gBAAA,EAAAC,UAAA;EAAA,WAAAgC,aAAA,aAAAjC,gBAAA;IAAAkC,GAAA;IAAAR,KAAA,EAlCD,SAAAS,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLnB,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAkB,GAAA;IAAAR,KAAA,EAgCD,SAAAU,OAAOA,CAAA,EAAG;MACR,IAAAC,cAAA,GAAsE,IAAI,CAACjB,OAAO;QAA1EkB,CAAC,GAAAD,cAAA,CAADC,CAAC;QAAEC,CAAC,GAAAF,cAAA,CAADE,CAAC;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;QAAEC,MAAM,GAAAJ,cAAA,CAANI,MAAM;QAAKC,MAAM,GAAAL,cAAA,CAATM,CAAC;QAAUC,SAAS,GAAAP,cAAA,CAATO,SAAS;QAAEC,KAAK,GAAAR,cAAA,CAALQ,KAAK;QAAE7B,OAAO,GAAAqB,cAAA,CAAPrB,OAAO;MAEjE,IAAI8B,EAAE,GAAGR,CAAC;MACV,IAAIS,EAAE,GAAGR,CAAC;MACV,IAAIS,MAAM,GAAGR,KAAK;MAClB,IAAIS,OAAO,GAAGR,MAAM;MAEpB,IAAIzB,OAAO,IAAI4B,SAAS,KAAK,YAAY,EAAE;QACzCG,EAAE,GAAGA,EAAE,GAAG,CAAC;QACXE,OAAO,GAAGA,OAAO,GAAG,CAAC;MACvB;MAEA,IAAIjC,OAAO,IAAI4B,SAAS,KAAK,UAAU,EAAE;QACvCE,EAAE,GAAGA,EAAE,GAAG,CAAC;QACXE,MAAM,GAAGA,MAAM,GAAG,CAAC;MACrB;MAEA,IAAIN,MAAM,EAAE;QACV,IAAIE,SAAS,KAAK,YAAY,EAAE;UAC9B,IAAIC,KAAK,KAAK,CAAC,EAAE;YACf,OAAO,IAAAK,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEP,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;UAC/E,CAAC,MAAM;YACL,OAAO,IAAAQ,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEP,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC;UAC/E;QACF,CAAC,MAAM;UACL,IAAIG,KAAK,KAAK,CAAC,EAAE;YACf,OAAO,IAAAK,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEP,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC;UAC/E,CAAC,MAAM;YACL,OAAO,IAAAQ,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEP,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC;UAC/E;QACF;MACF;MAEA,OAAO,IAAAQ,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEP,MAAM,CAAC;IACrD;EAAC;IAAAR,GAAA;IAAAR,KAAA,EAED,SAAAyB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA;MACP;MACA,IAAMC,IAAI,GAAG,IAAI,CAACC,OAAO;MACzB,IAAAC,cAAA,GAcI,IAAI,CAACnC,OAAO;QAbdoC,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNC,KAAK,GAAAF,cAAA,CAALE,KAAK;QACLC,IAAI,GAAAH,cAAA,CAAJG,IAAI;QACJpC,OAAO,GAAAiC,cAAA,CAAPjC,OAAO;QACPuB,KAAK,GAAAU,cAAA,CAALV,KAAK;QACLc,IAAI,GAAAJ,cAAA,CAAJI,IAAI;QACJC,GAAG,GAAAL,cAAA,CAAHK,GAAG;QACHC,QAAQ,GAAAN,cAAA,CAARM,QAAQ;QACRC,WAAW,GAAAP,cAAA,CAAXO,WAAW;QACXC,YAAY,GAAAR,cAAA,CAAZQ,YAAY;QACZC,WAAW,GAAAT,cAAA,CAAXS,WAAW;QACXC,YAAY,GAAAV,cAAA,CAAZU,YAAY;QACZC,QAAQ,GAAAX,cAAA,CAARW,QAAQ;MAGV,IAAMC,IAAI,GAAG,IAAI,CAAC/B,OAAO,CAAC,CAAC;MAE3B,oBACExC,MAAA,YAAAwE,aAAA,CAACxE,MAAA,WAAK,CAACyE,QAAQ;QAACnC,GAAG,oBAAAvB,MAAA,CAAoBkC,KAAK;MAAG,IAAAO,IAAA,GAC5C,IAAAkB,aAAO,EAACd,MAAM,CAAC,eACd5D,MAAA,YAAAwE,aAAA,CAACf,IAAI,EAAAD,IAAA,CAAAmB,EAAA;QAAA,OACE,IAAI,CAAC3C,UAAU;QAAA;QAAA,UAEb,MAAM;QAAA,oBAAAjB,MAAA,CACKiD,GAAG;QAAA,kBACL,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;QAAA,oBACnC,OAAO;QAAA,SACjBF,IAAI,CAACpC,OAAO,CAAC;QAAA,SACbuB,KAAK;QAAA,QACNc,IAAI;QAAA,QACJM,YAAY,CAACR,KAAK,CAAC;QAAA,WAChBS,QAAQ,WAAAvD,MAAA,CAAWiD,GAAG,OAAAjD,MAAA,CAAIkC,KAAK,iBAAc2B,SAAS;QAAA,eAClDR,WAAW;QAAA,KACrBG,IAAI;QAAA,mBAAAxD,MAAA,CACUkD,QAAQ;QAAA,eACZ,IAAAY,iCAAoB,EAACX,WAAW,EAAE,IAAI,CAACY,eAAe,CAAC;QAAA,gBACtD,IAAAD,iCAAoB,EAACV,YAAY,EAAE,IAAI,CAACY,gBAAgB,CAAC;QAAA,eAC1D,IAAI,CAACC;MAAW,EAC9B,CAAC,GAEHV,QAAQ,iBACPtE,MAAA,YAAAwE,aAAA,CAACtE,QAAA,CAAA+E,WAAW,EAAAzB,IAAA,CAAAmB,EAAA;QAAA,SAAA5D,MAAA,CACHiD,GAAG,OAAAjD,MAAA,CAAIkC,KAAK;QAAA,cACPY,KAAK;QAAA,SACVQ,YAAY,CAACR,KAAK,CAAC;QAAA,YAChBS;MAAQ,EACnB,CAEW,CAAC;IAErB;EAAC;AAAA,EA7I4BY,eAAS;AAAA,IAAAlE,gBAAA,aAAlCZ,gBAAgB,iBACC,mBAAmB;AAAA,IAAAY,gBAAA,aADpCZ,gBAAgB,aAEH,CAAC,IAAA+E,oBAAmB,EAAC,CAAC,CAAC;AAAA,IAAAnE,gBAAA,aAFpCZ,gBAAgB,WAGL,CAAC,CAAC;AAAA,IAAAY,gBAAA,aAHbZ,gBAAgB,kBAKE;EACpBgF,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdnB,QAAQ,EAAE,GAAG;EACbjB,SAAS,EAAE,YAAY;EACvBqC,cAAc,EAAE;AAClB,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAsIY,IAAAf,yBAAa,EAACpE,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"file":"Cigarette.js","names":["_core","require","_assignProps","_uniqueID","_interopRequireDefault","_react","_createElement","_Pattern","_utils","CigaretteBarRoot","Component","constructor","args","_defineProperty2","default","React","createRef","handlers","hovered","setCursor","e","onClick","dataKey","asProps","currentTarget","tagName","stopPropagation","value","refElement","current","style","setProperty","uncontrolledProps","getRect","x","y","width","height","r","radius","direction","index","xV","yV","widthV","heightV","roundedPath","render","_ref","SBar","Element","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","createElement","Fragment","key","sstyled","cn","undefined","callAllEventHandlers","handleMouseMove","handleMouseLeave","handleClick","PatternFill","uniqueIDEnhancement","offset","defaultHovered","_default","exports"],"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":[]}