@semcore/d3-chart 16.0.3-prerelease.2 → 16.0.4-prerelease.3

package/lib/es6/component/Chart/BubbleChart.js

@@ -104,13 +104,22 @@ var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
   }, {
     key: "renderChart",
     value: function renderChart() {
+      var dataDefinitions = this.state.dataDefinitions;
       return /*#__PURE__*/React.createElement(Bubble, {
         x: "x",
         y: "y",
         value: "value",
         color: "color",
         label: "label"
-      });
+      }, dataDefinitions.map(function (_ref2, index) {
+        var checked = _ref2.checked,
+          id = _ref2.id;
+        return /*#__PURE__*/React.createElement(Bubble.Circle, {
+          visible: checked,
+          key: id,
+          index: index
+        });
+      }));
     }
   }, {
     key: "renderTooltip",
@@ -119,9 +128,9 @@ var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
       if (!showTooltip) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(Bubble.Tooltip, null, function (_ref2) {
-        var index = _ref2.index,
-          data = _ref2.data;
+      return /*#__PURE__*/React.createElement(Bubble.Tooltip, null, function (_ref3) {
+        var index = _ref3.index,
+          data = _ref3.data;
         return {
           children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Bubble.Tooltip.Title, null, "Data"), /*#__PURE__*/React.createElement(Text, {
             tag: "div"

package/lib/es6/component/Chart/BubbleChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BubbleChart.js","names":["createComponent","i18nEnhance","Text","scaleLinear","React","Bubble","calculateBubbleDomain","AbstractChart","localizedMessages","BubbleChartComponent","_AbstractChart","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","get","data","props","map","_","index","toString","value","getDefaultDataDefinitions","_this","_this$props","legendProps","item","_legendProps$legendMa","_ref","_legendData$label","_legendData$icon","_legendData$defaultCh","legendData","legendMap","color","undefined","resolveColor","dataDefinition","id","label","icon","checked","defaultChecked","columns","additionalInfo","count","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","range","plotPadding","domain","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","defaultLegendProps","shape","renderChart","createElement","x","y","renderTooltip","showTooltip","Tooltip","_ref2","children","Fragment","Title","tag","getLegendAriaLabel","getI18nText","chartType","_defineProperty","BubbleChart"],"sources":["../../../../src/component/Chart/BubbleChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { scaleLinear, type ScaleLinear } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { Bubble, calculateBubbleDomain } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { BubbleChartData, BubbleChartProps, BubbleChartType } from './BubbleChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BubbleChartComponent extends AbstractChart<\n  BubbleChartData,\n  BubbleChartProps,\n  typeof BubbleChartComponent.enhance\n> {\n  static displayName = 'Chart.Bubble';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    return data.map((_, index) => index.toString());\n  }\n\n  protected override getDefaultDataDefinitions(): Array<\n    LegendItem & { columns: React.ReactNode[] }\n  > {\n    const { legendProps, data } = this.props;\n\n    return data.map((item, index) => {\n      const key = index.toString();\n      const legendData = legendProps?.legendMap?.[key];\n\n      if (item.color === undefined) {\n        item.color = this.resolveColor(key, index);\n      }\n\n      const dataDefinition: LegendItem & { columns: React.ReactNode[] } = {\n        id: key,\n        label: legendData?.label ?? item.label ?? key,\n        icon: legendData?.icon ?? undefined,\n        checked: legendData?.defaultChecked ?? true,\n        color: item.color,\n        columns: [],\n      };\n\n      if (legendData?.additionalInfo || legendData?.count) {\n        dataDefinition.additionalInfo = legendData.additionalInfo\n          ? { label: legendData.additionalInfo }\n          : legendData.count\n            ? { count: legendData.count }\n            : undefined;\n      }\n\n      return dataDefinition;\n    });\n  }\n\n  get xScale() {\n    const { xScale, marginY = 30, plotWidth, data } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'x', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, data } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const range = [plotHeight - marginX, this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'y', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  defaultLegendProps() {\n    return {\n      shape: 'Circle' as const,\n    };\n  }\n\n  renderChart() {\n    return <Bubble x='x' y='y' value='value' color='color' label='label' />;\n  }\n\n  renderTooltip() {\n    const { showTooltip } = this.asProps;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Bubble.Tooltip>\n        {({ index, data }: any) => {\n          return {\n            children: (\n              <>\n                <Bubble.Tooltip.Title>Data</Bubble.Tooltip.Title>\n                <Text tag='div'>\n                  X axis\n                  {' '}\n                  {data[index].x}\n                </Text>\n                <Text tag='div'>\n                  Y axis\n                  {' '}\n                  {data[index].y}\n                </Text>\n                <Text tag='div'>\n                  Value\n                  {' '}\n                  {data[index].value}\n                </Text>\n              </>\n            ),\n          };\n        }}\n      </Bubble.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Bubble' });\n  }\n}\n\nexport const BubbleChart: BubbleChartType = createComponent(BubbleChartComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BubbleChart.js","names":["createComponent","i18nEnhance","Text","scaleLinear","React","Bubble","calculateBubbleDomain","AbstractChart","localizedMessages","BubbleChartComponent","_AbstractChart","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","get","data","props","map","_","index","toString","value","getDefaultDataDefinitions","_this","_this$props","legendProps","item","_legendProps$legendMa","_ref","_legendData$label","_legendData$icon","_legendData$defaultCh","legendData","legendMap","color","undefined","resolveColor","dataDefinition","id","label","icon","checked","defaultChecked","columns","additionalInfo","count","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","range","plotPadding","domain","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","defaultLegendProps","shape","renderChart","dataDefinitions","state","createElement","x","y","_ref2","Circle","visible","renderTooltip","showTooltip","Tooltip","_ref3","children","Fragment","Title","tag","getLegendAriaLabel","getI18nText","chartType","_defineProperty","BubbleChart"],"sources":["../../../../src/component/Chart/BubbleChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { scaleLinear, type ScaleLinear } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { Bubble, calculateBubbleDomain } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { BubbleChartData, BubbleChartProps, BubbleChartType } from './BubbleChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BubbleChartComponent extends AbstractChart<\n  BubbleChartData,\n  BubbleChartProps,\n  typeof BubbleChartComponent.enhance\n> {\n  static displayName = 'Chart.Bubble';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    return data.map((_, index) => index.toString());\n  }\n\n  protected override getDefaultDataDefinitions(): Array<\n    LegendItem & { columns: React.ReactNode[] }\n  > {\n    const { legendProps, data } = this.props;\n\n    return data.map((item, index) => {\n      const key = index.toString();\n      const legendData = legendProps?.legendMap?.[key];\n\n      if (item.color === undefined) {\n        item.color = this.resolveColor(key, index);\n      }\n\n      const dataDefinition: LegendItem & { columns: React.ReactNode[] } = {\n        id: key,\n        label: legendData?.label ?? item.label ?? key,\n        icon: legendData?.icon ?? undefined,\n        checked: legendData?.defaultChecked ?? true,\n        color: item.color,\n        columns: [],\n      };\n\n      if (legendData?.additionalInfo || legendData?.count) {\n        dataDefinition.additionalInfo = legendData.additionalInfo\n          ? { label: legendData.additionalInfo }\n          : legendData.count\n            ? { count: legendData.count }\n            : undefined;\n      }\n\n      return dataDefinition;\n    });\n  }\n\n  get xScale() {\n    const { xScale, marginY = 30, plotWidth, data } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'x', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, data } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const range = [plotHeight - marginX, this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'y', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  defaultLegendProps() {\n    return {\n      shape: 'Circle' as const,\n    };\n  }\n\n  renderChart() {\n    const { dataDefinitions } = this.state;\n\n    return (\n      <Bubble x='x' y='y' value='value' color='color' label='label'>\n        {dataDefinitions.map(({ checked, id }, index) => (\n          <Bubble.Circle visible={checked} key={id} index={index} />\n        ))}\n      </Bubble>\n    );\n  }\n\n  renderTooltip() {\n    const { showTooltip } = this.asProps;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Bubble.Tooltip>\n        {({ index, data }: any) => {\n          return {\n            children: (\n              <>\n                <Bubble.Tooltip.Title>Data</Bubble.Tooltip.Title>\n                <Text tag='div'>\n                  X axis\n                  {' '}\n                  {data[index].x}\n                </Text>\n                <Text tag='div'>\n                  Y axis\n                  {' '}\n                  {data[index].y}\n                </Text>\n                <Text tag='div'>\n                  Value\n                  {' '}\n                  {data[index].value}\n                </Text>\n              </>\n            ),\n          };\n        }}\n      </Bubble.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Bubble' });\n  }\n}\n\nexport const BubbleChart: BubbleChartType = createComponent(BubbleChartComponent);\n"],"mappings":";;;;;;;;AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,WAAW,MAAM,8CAA8C;AACtE,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,SAASC,WAAW,QAA0B,UAAU;AACxD,OAAOC,KAAK,MAAM,OAAO;;AAEzB;AACA,SAASC,MAAM,EAAEC,qBAAqB,QAAQ,OAAO;AACrD,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,iBAAiB,QAAQ,oDAAoD;AAAC,IAGjFC,oBAAoB,0BAAAC,cAAA;EAAA,SAAAD,qBAAA;IAAAE,eAAA,OAAAF,oBAAA;IAAA,OAAAG,UAAA,OAAAH,oBAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,oBAAA,EAAAC,cAAA;EAAA,OAAAK,YAAA,CAAAN,oBAAA;IAAAO,GAAA;IAAAC,GAAA,EASxB,SAAAA,IAAA,EAAmC;MACjC,IAAQC,IAAI,GAAK,IAAI,CAACC,KAAK,CAAnBD,IAAI;MAEZ,OAAOA,IAAI,CAACE,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA,OAAKA,KAAK,CAACC,QAAQ,CAAC,CAAC;MAAA,EAAC;IACjD;EAAC;IAAAP,GAAA;IAAAQ,KAAA,EAED,SAAmBC,yBAAyBA,CAAA,EAE1C;MAAA,IAAAC,KAAA;MACA,IAAAC,WAAA,GAA8B,IAAI,CAACR,KAAK;QAAhCS,WAAW,GAAAD,WAAA,CAAXC,WAAW;QAAEV,IAAI,GAAAS,WAAA,CAAJT,IAAI;MAEzB,OAAOA,IAAI,CAACE,GAAG,CAAC,UAACS,IAAI,EAAEP,KAAK,EAAK;QAAA,IAAAQ,qBAAA,EAAAC,IAAA,EAAAC,iBAAA,EAAAC,gBAAA,EAAAC,qBAAA;QAC/B,IAAMlB,GAAG,GAAGM,KAAK,CAACC,QAAQ,CAAC,CAAC;QAC5B,IAAMY,UAAU,GAAGP,WAAW,aAAXA,WAAW,gBAAAE,qBAAA,GAAXF,WAAW,CAAEQ,SAAS,cAAAN,qBAAA,uBAAtBA,qBAAA,CAAyBd,GAAG,CAAC;QAEhD,IAAIa,IAAI,CAACQ,KAAK,KAAKC,SAAS,EAAE;UAC5BT,IAAI,CAACQ,KAAK,GAAGX,KAAI,CAACa,YAAY,CAACvB,GAAG,EAAEM,KAAK,CAAC;QAC5C;QAEA,IAAMkB,cAA2D,GAAG;UAClEC,EAAE,EAAEzB,GAAG;UACP0B,KAAK,GAAAX,IAAA,IAAAC,iBAAA,GAAEG,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,KAAK,cAAAV,iBAAA,cAAAA,iBAAA,GAAIH,IAAI,CAACa,KAAK,cAAAX,IAAA,cAAAA,IAAA,GAAIf,GAAG;UAC7C2B,IAAI,GAAAV,gBAAA,GAAEE,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEQ,IAAI,cAAAV,gBAAA,cAAAA,gBAAA,GAAIK,SAAS;UACnCM,OAAO,GAAAV,qBAAA,GAAEC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEU,cAAc,cAAAX,qBAAA,cAAAA,qBAAA,GAAI,IAAI;UAC3CG,KAAK,EAAER,IAAI,CAACQ,KAAK;UACjBS,OAAO,EAAE;QACX,CAAC;QAED,IAAIX,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEY,cAAc,IAAIZ,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEa,KAAK,EAAE;UACnDR,cAAc,CAACO,cAAc,GAAGZ,UAAU,CAACY,cAAc,GACrD;YAAEL,KAAK,EAAEP,UAAU,CAACY;UAAe,CAAC,GACpCZ,UAAU,CAACa,KAAK,GACd;YAAEA,KAAK,EAAEb,UAAU,CAACa;UAAM,CAAC,GAC3BV,SAAS;QACjB;QAEA,OAAOE,cAAc;MACvB,CAAC,CAAC;IACJ;EAAC;IAAAxB,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAa;MACX,IAAAgC,aAAA,GAAkD,IAAI,CAACC,OAAO;QAAtDC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAAC,qBAAA,GAAAH,aAAA,CAAEI,OAAO;QAAPA,OAAO,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;QAAEE,SAAS,GAAAL,aAAA,CAATK,SAAS;QAAEpC,IAAI,GAAA+B,aAAA,CAAJ/B,IAAI;MAE7C,IAAIiC,MAAM,EAAE;QACV,OAAOA,MAAM;MACf;MAEA,IAAMI,KAAK,GAAG,CAACF,OAAO,EAAEC,SAAS,GAAG,IAAI,CAACE,WAAW,CAAC;MACrD,IAAMC,MAAM,GAAGnD,qBAAqB,CAACY,IAAI,EAAE,GAAG,EAAEqC,KAAK,CAAC;MAEtD,OAAOpD,WAAW,CAAC,CAAC,CAACsD,MAAM,CAACA,MAAM,CAAC,CAACF,KAAK,CAACA,KAAK,CAAC;IAClD;EAAC;IAAAvC,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAoC;MAClC,IAAAyC,cAAA,GAAmD,IAAI,CAACR,OAAO;QAAvDS,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAAC,qBAAA,GAAAF,cAAA,CAAEG,OAAO;QAAPA,OAAO,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;QAAEE,UAAU,GAAAJ,cAAA,CAAVI,UAAU;QAAE5C,IAAI,GAAAwC,cAAA,CAAJxC,IAAI;MAE9C,IAAIyC,MAAM,EAAE;QACV,OAAOA,MAAM;MACf;MAEA,IAAMJ,KAAK,GAAG,CAACO,UAAU,GAAGD,OAAO,EAAE,IAAI,CAACL,WAAW,CAAC;MACtD,IAAMC,MAAM,GAAGnD,qBAAqB,CAACY,IAAI,EAAE,GAAG,EAAEqC,KAAK,CAAC;MAEtD,OAAOpD,WAAW,CAAC,CAAC,CAACsD,MAAM,CAACA,MAAM,CAAC,CAACF,KAAK,CAACA,KAAK,CAAC;IAClD;EAAC;IAAAvC,GAAA;IAAAQ,KAAA,EAED,SAAAuC,kBAAkBA,CAAA,EAAG;MACnB,OAAO;QACLC,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAhD,GAAA;IAAAQ,KAAA,EAED,SAAAyC,WAAWA,CAAA,EAAG;MACZ,IAAQC,eAAe,GAAK,IAAI,CAACC,KAAK,CAA9BD,eAAe;MAEvB,oBACE9D,KAAA,CAAAgE,aAAA,CAAC/D,MAAM;QAACgE,CAAC,EAAC,GAAG;QAACC,CAAC,EAAC,GAAG;QAAC9C,KAAK,EAAC,OAAO;QAACa,KAAK,EAAC,OAAO;QAACK,KAAK,EAAC;MAAO,GAC1DwB,eAAe,CAAC9C,GAAG,CAAC,UAAAmD,KAAA,EAAkBjD,KAAK;QAAA,IAApBsB,OAAO,GAAA2B,KAAA,CAAP3B,OAAO;UAAEH,EAAE,GAAA8B,KAAA,CAAF9B,EAAE;QAAA,oBACjCrC,KAAA,CAAAgE,aAAA,CAAC/D,MAAM,CAACmE,MAAM;UAACC,OAAO,EAAE7B,OAAQ;UAAC5B,GAAG,EAAEyB,EAAG;UAACnB,KAAK,EAAEA;QAAM,CAAE,CAAC;MAAA,CAC3D,CACK,CAAC;IAEb;EAAC;IAAAN,GAAA;IAAAQ,KAAA,EAED,SAAAkD,aAAaA,CAAA,EAAG;MACd,IAAQC,WAAW,GAAK,IAAI,CAACzB,OAAO,CAA5ByB,WAAW;MAEnB,IAAI,CAACA,WAAW,EAAE;QAChB,OAAO,IAAI;MACb;MAEA,oBACEvE,KAAA,CAAAgE,aAAA,CAAC/D,MAAM,CAACuE,OAAO,QACZ,UAAAC,KAAA,EAA0B;QAAA,IAAvBvD,KAAK,GAAAuD,KAAA,CAALvD,KAAK;UAAEJ,IAAI,GAAA2D,KAAA,CAAJ3D,IAAI;QACb,OAAO;UACL4D,QAAQ,eACN1E,KAAA,CAAAgE,aAAA,CAAAhE,KAAA,CAAA2E,QAAA,qBACE3E,KAAA,CAAAgE,aAAA,CAAC/D,MAAM,CAACuE,OAAO,CAACI,KAAK,QAAC,MAA0B,CAAC,eACjD5E,KAAA,CAAAgE,aAAA,CAAClE,IAAI;YAAC+E,GAAG,EAAC;UAAK,GAAC,QAEd,EAAC,GAAG,EACH/D,IAAI,CAACI,KAAK,CAAC,CAAC+C,CACT,CAAC,eACPjE,KAAA,CAAAgE,aAAA,CAAClE,IAAI;YAAC+E,GAAG,EAAC;UAAK,GAAC,QAEd,EAAC,GAAG,EACH/D,IAAI,CAACI,KAAK,CAAC,CAACgD,CACT,CAAC,eACPlE,KAAA,CAAAgE,aAAA,CAAClE,IAAI;YAAC+E,GAAG,EAAC;UAAK,GAAC,OAEd,EAAC,GAAG,EACH/D,IAAI,CAACI,KAAK,CAAC,CAACE,KACT,CACN;QAEN,CAAC;MACH,CACc,CAAC;IAErB;EAAC;IAAAR,GAAA;IAAAQ,KAAA,EAED,SAAU0D,kBAAkBA,CAAA,EAAW;MACrC,OAAO,IAAI,CAAChC,OAAO,CAACiC,WAAW,CAAC,gBAAgB,EAAE;QAAEC,SAAS,EAAE;MAAS,CAAC,CAAC;IAC5E;EAAC;AAAA,EApIgC7E,aAAa;AAAA8E,eAAA,CAA1C5E,oBAAoB,iBAKH,cAAc;AAAA4E,eAAA,CAL/B5E,oBAAoB,aAOP,CAACR,WAAW,CAACO,iBAAiB,CAAC,CAAC;AAgInD,OAAO,IAAM8E,WAA4B,GAAGtF,eAAe,CAACS,oBAAoB,CAAC","ignoreList":[]}

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

@@ -17,16 +17,19 @@ export var BaseLegend = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, BaseLegend, [].concat(args));
-    _defineProperty(_this, "onChangeLegendItem", function (id, checked) {
-      var _this$props$onChangeV, _this$props;
-      (_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 || _this$props$onChangeV.call(_this$props, id, checked);
-      if (checked) {
-        var _this$props$onMouseEn, _this$props2;
-        (_this$props$onMouseEn = (_this$props2 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props2, id);
-      } else {
-        var _this$props$onMouseLe, _this$props3;
-        (_this$props$onMouseLe = (_this$props3 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props3, id);
-      }
+    _defineProperty(_this, "onChangeLegendItem", function (shape) {
+      return function (id, checked) {
+        var _this$props$onChangeV, _this$props;
+        if (shape !== 'Checkbox') return;
+        (_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 || _this$props$onChangeV.call(_this$props, id, checked);
+        if (checked) {
+          var _this$props$onMouseEn, _this$props2;
+          (_this$props$onMouseEn = (_this$props2 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props2, id);
+        } else {
+          var _this$props$onMouseLe, _this$props3;
+          (_this$props$onMouseLe = (_this$props3 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props3, id);
+        }
+      };
     });
     _defineProperty(_this, "onFocusLegendItem", function (checked) {
       return function (id) {
@@ -104,7 +107,7 @@ export var BaseLegend = /*#__PURE__*/function (_Component) {
         size: size,
         onFocusLegendItem: this.onFocusLegendItem(line.checked),
         onBlurLegendItem: this.onBlurLegendItem,
-        onChangeLegendItem: this.onChangeLegendItem,
+        onChangeLegendItem: this.onChangeLegendItem(shape),
         onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,
         onMouseLeave: this.bindOnMouseLeaveItem(line.id),
         style: {

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","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","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 type { LegendItemKey, LegendItemProps } 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,\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 = (id: LegendItemKey, checked: boolean) => {\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","_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":";;;;;;;;;AAAA,SAASA,SAAS,QAA4B,eAAe;AAK7D,SAASC,qBAAqB,QAAQ,kBAAkB;AAExD,WAAsBC,UAAU,0BAAAC,UAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,UAAA;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,GAAAQ,UAAA,OAAAV,UAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,wBAmDT,UAACW,KAAgB;MAAA,OAAK,UAACC,EAAiB,EAAEC,OAAgB,EAAK;QAAA,IAAAC,qBAAA,EAAAC,WAAA;QAClF,IAAIJ,KAAK,KAAK,UAAU,EAAE;QAE1B,CAAAG,qBAAA,IAAAC,WAAA,GAAAf,KAAA,CAAKgB,KAAK,EAACC,mBAAmB,cAAAH,qBAAA,eAA9BA,qBAAA,CAAAI,IAAA,CAAAH,WAAA,EAAiCH,EAAE,EAAEC,OAAO,CAAC;QAE7C,IAAIA,OAAO,EAAE;UAAA,IAAAM,qBAAA,EAAAC,YAAA;UACX,CAAAD,qBAAA,IAAAC,YAAA,GAAApB,KAAA,CAAKgB,KAAK,EAACK,gBAAgB,cAAAF,qBAAA,eAA3BA,qBAAA,CAAAD,IAAA,CAAAE,YAAA,EAA8BR,EAAE,CAAC;QACnC,CAAC,MAAM;UAAA,IAAAU,qBAAA,EAAAC,YAAA;UACL,CAAAD,qBAAA,IAAAC,YAAA,GAAAvB,KAAA,CAAKgB,KAAK,EAACQ,gBAAgB,cAAAF,qBAAA,eAA3BA,qBAAA,CAAAJ,IAAA,CAAAK,YAAA,EAA8BX,EAAE,CAAC;QACnC;MACF,CAAC;IAAA;IAAAF,eAAA,CAAAV,KAAA,uBAEmB,UAACa,OAAgB;MAAA,OAAK,UAACD,EAAiB,EAAK;QAAA,IAAAa,sBAAA,EAAAC,YAAA;QAC/D,IAAI,CAACb,OAAO,EAAE;UAAA,IAAAc,sBAAA,EAAAC,YAAA;UACZ,QAAAD,sBAAA,GAAO,CAAAC,YAAA,GAAA5B,KAAA,CAAKgB,KAAK,EAACQ,gBAAgB,cAAAG,sBAAA,uBAA3BA,sBAAA,CAAAT,IAAA,CAAAU,YAAA,EAA8BhB,EAAE,CAAC;QAC1C;QAEA,CAAAa,sBAAA,IAAAC,YAAA,GAAA1B,KAAA,CAAKgB,KAAK,EAACK,gBAAgB,cAAAI,sBAAA,eAA3BA,sBAAA,CAAAP,IAAA,CAAAQ,YAAA,EAA8Bd,EAAE,CAAC;MACnC,CAAC;IAAA;IAAAF,eAAA,CAAAV,KAAA,sBAEkB,UAACY,EAAiB,EAAK;MAAA,IAAAiB,sBAAA,EAAAC,YAAA;MACxC,CAAAD,sBAAA,IAAAC,YAAA,GAAA9B,KAAA,CAAKgB,KAAK,EAACQ,gBAAgB,cAAAK,sBAAA,eAA3BA,sBAAA,CAAAX,IAAA,CAAAY,YAAA,EAA8BlB,EAAE,CAAC;IACnC,CAAC;IAAAF,eAAA,CAAAV,KAAA,0BAEsB,UAACY,EAAiB,EAAK;MAC5C,OAAO,UAACmB,CAAuB,EAAK;QAAA,IAAAC,sBAAA,EAAAC,YAAA;QAClC,CAAAD,sBAAA,IAAAC,YAAA,GAAAjC,KAAA,CAAKgB,KAAK,EAACK,gBAAgB,cAAAW,sBAAA,eAA3BA,sBAAA,CAAAd,IAAA,CAAAe,YAAA,EAA8BrB,EAAE,EAAEmB,CAAC,CAAC;MACtC,CAAC;IACH,CAAC;IAAArB,eAAA,CAAAV,KAAA,0BAEsB,UAACY,EAAiB,EAAK;MAC5C,OAAO,UAACmB,CAAuB,EAAK;QAAA,IAAAG,sBAAA,EAAAC,YAAA;QAClC,CAAAD,sBAAA,IAAAC,YAAA,GAAAnC,KAAA,CAAKgB,KAAK,EAACQ,gBAAgB,cAAAU,sBAAA,eAA3BA,sBAAA,CAAAhB,IAAA,CAAAiB,YAAA,EAA8BvB,EAAE,EAAEmB,CAAC,CAAC;MACtC,CAAC;IACH,CAAC;IAAA,OAAA/B,KAAA;EAAA;EAAAoC,SAAA,CAAAtC,UAAA,EAAAC,UAAA;EAAA,OAAAsC,YAAA,CAAAvC,UAAA;IAAAwC,GAAA;IAAAC,KAAA,EApFD,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,IAAI,CAACC,QAAQ,CAAC,CAAC;IACjB;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,kBAAkBA,CAACC,SAAY,EAAE;MAC/B,IAAIA,SAAS,CAACC,KAAK,KAAK,IAAI,CAAC5B,KAAK,CAAC4B,KAAK,IAAID,SAAS,CAACE,SAAS,KAAK,IAAI,CAAC7B,KAAK,CAAC6B,SAAS,EAAE;QACxF,IAAI,CAACJ,QAAQ,CAAC,CAAC;MACjB;IACF;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAE,QAAQA,CAAA,EAAG;MACT,IAAAK,aAAA,GAA6B,IAAI,CAACC,OAAO;QAAjCH,KAAK,GAAAE,aAAA,CAALF,KAAK;QAAEC,SAAS,GAAAC,aAAA,CAATD,SAAS;MACxB,IAAMG,gBAAgB,GAAGH,SAAS,GAAGhD,qBAAqB,CAACgD,SAAS,CAAC,GAAGI,SAAS;MAEjFL,KAAK,CAACM,OAAO,CAAC,UAACC,UAAU,EAAK;QAC5BH,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEI,QAAQ,CAAC,OAAO,EAAED,UAAU,CAACvC,EAAE,EAAEuC,UAAU,CAACE,KAAK,CAAC;MACtE,CAAC,CAAC;IACJ;EAAC;IAAAf,GAAA;IAAAC,KAAA,EAED,SAAAe,OAAOA,CAACC,KAAa,EAAE;MACrB,IAAMC,IAAI,GAAG,IAAI,CAACT,OAAO,CAACH,KAAK,CAACW,KAAK,CAAC;MAEtC,IAAIC,IAAI,KAAKP,SAAS,EAAE;QACtB,MAAM,IAAIQ,KAAK,eAAAhD,MAAA,CAAc8C,KAAK,gBAAY,CAAC;MACjD;MAEA,OAAOC,IAAI;IACb;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAmB,kBAAkBA,CAChBC,CAAK,EACLJ,KAAa,EACiE;MAC9E,IAAAK,cAAA,GAAqD,IAAI,CAACb,OAAO;QAAAc,oBAAA,GAAAD,cAAA,CAAzDjD,KAAK;QAALA,KAAK,GAAAkD,oBAAA,cAAG,UAAU,GAAAA,oBAAA;QAAAC,mBAAA,GAAAF,cAAA,CAAEG,IAAI;QAAJA,IAAI,GAAAD,mBAAA,cAAG,GAAG,GAAAA,mBAAA;QAAEE,QAAQ,GAAAJ,cAAA,CAARI,QAAQ;MAChD,IAAMR,IAAI,GAAG,IAAI,CAACF,OAAO,CAACC,KAAK,CAAC;MAEhC,OAAAU,aAAA,CAAAA,aAAA,KACKT,IAAI;QACP7C,KAAK,EAALA,KAAK;QACLoD,IAAI,EAAJA,IAAI;QACJG,iBAAiB,EAAE,IAAI,CAACA,iBAAiB,CAACV,IAAI,CAAC3C,OAAO,CAAC;QACvDsD,gBAAgB,EAAE,IAAI,CAACA,gBAAgB;QACvCC,kBAAkB,EAAE,IAAI,CAACA,kBAAkB,CAACzD,KAAK,CAAC;QAClD0D,YAAY,EAAEb,IAAI,CAAC3C,OAAO,GAAG,IAAI,CAACyD,oBAAoB,CAACd,IAAI,CAAC5C,EAAE,CAAC,GAAGqC,SAAS;QAC3EsB,YAAY,EAAE,IAAI,CAACC,oBAAoB,CAAChB,IAAI,CAAC5C,EAAE,CAAC;QAChD6D,KAAK,EAAE;UAAEC,YAAY,KAAAjE,MAAA,CAAK8C,KAAK,GAAG,CAAC,CAAE;UAAEoB,UAAU,KAAAlE,MAAA,CAAK8C,KAAK,GAAG,CAAC;QAAG,CAAC;QACnES,QAAQ,EAARA;MAAQ;IAEZ;EAAC;AAAA,EAjD6DpE,SAAS","ignoreList":[]}

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

@@ -16,12 +16,12 @@ 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_pc68p_gg_._direction_row_pc68p_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_pc68p_gg_._direction_column_pc68p_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"pc68p_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_2vp15_gg_._direction_row_2vp15_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_2vp15_gg_._direction_column_2vp15_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"2vp15_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendFlex": "___SLegendFlex_pc68p_gg_",
-  "_direction_row": "_direction_row_pc68p_gg_",
-  "_direction_column": "_direction_column_pc68p_gg_"
+  "__SLegendFlex": "___SLegendFlex_2vp15_gg_",
+  "_direction_row": "_direction_row_2vp15_gg_",
+  "_direction_column": "_direction_column_2vp15_gg_"
 });
 import { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';
 import { BaseLegend } from '../BaseLegend';

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

@@ -24,25 +24,25 @@ 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_1feua_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1feua_gg_:hover{cursor:pointer}.___SLegendItem_1feua_gg_.__disabled_1feua_gg_:hover{cursor:default}}.___SPointShape_1feua_gg_.__color_1feua_gg_{background-color:var(--color_1feua);margin-right:8px;flex-shrink:0}.___SPointShape_1feua_gg_._shape_Circle_1feua_gg_._size_l_1feua_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Circle_1feua_gg_._size_m_1feua_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Line_1feua_gg_._size_l_1feua_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1feua_gg_._shape_Line_1feua_gg_._size_m_1feua_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1feua_gg_._shape_Square_1feua_gg_._size_l_1feua_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Square_1feua_gg_._size_m_1feua_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1feua_gg_._shape_Pattern_1feua_gg_{background-color:transparent;margin-right:4px}.___SIcon_1feua_gg_{line-height:0;margin-right:4px}.___SIcon_1feua_gg_._size_l_1feua_gg_{margin-top:4px}.___SIcon_1feua_gg_._size_m_1feua_gg_{margin-top:2px}.___SLabel_1feua_gg_{min-width:0}.___SAdditionalLabel_1feua_gg_._size_l_1feua_gg_,.___SCount_1feua_gg_._size_l_1feua_gg_,.___SLabel_1feua_gg_._size_l_1feua_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1feua_gg_._size_m_1feua_gg_,.___SCount_1feua_gg_._size_m_1feua_gg_,.___SLabel_1feua_gg_._size_m_1feua_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1feua_gg_,.___SCount_1feua_gg_{margin-left:4px}.___SAdditionalLabel_1feua_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1feua_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1feua_gg_._size_l_1feua_gg_::before{margin-top:10px}.___SAdditionalLabel_1feua_gg_._size_m_1feua_gg_::before{margin-top:8px}.___SPatternSymbol_1feua_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1feua_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_1xl13_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1xl13_gg_:hover{cursor:pointer}.___SLegendItem_1xl13_gg_.__disabled_1xl13_gg_:hover{cursor:default}}.___SPointShape_1xl13_gg_.__color_1xl13_gg_{background-color:var(--color_1xl13);margin-right:8px;flex-shrink:0}.___SPointShape_1xl13_gg_._shape_Circle_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Circle_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Line_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1xl13_gg_._shape_Line_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1xl13_gg_._shape_Square_1xl13_gg_._size_l_1xl13_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Square_1xl13_gg_._size_m_1xl13_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1xl13_gg_._shape_Pattern_1xl13_gg_{background-color:transparent;margin-right:4px}.___SIcon_1xl13_gg_{line-height:0;margin-right:4px}.___SIcon_1xl13_gg_._size_l_1xl13_gg_{margin-top:4px}.___SIcon_1xl13_gg_._size_m_1xl13_gg_{margin-top:2px}.___SLabel_1xl13_gg_{min-width:0}.___SAdditionalLabel_1xl13_gg_._size_l_1xl13_gg_,.___SCount_1xl13_gg_._size_l_1xl13_gg_,.___SLabel_1xl13_gg_._size_l_1xl13_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1xl13_gg_._size_m_1xl13_gg_,.___SCount_1xl13_gg_._size_m_1xl13_gg_,.___SLabel_1xl13_gg_._size_m_1xl13_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1xl13_gg_,.___SCount_1xl13_gg_{margin-left:4px}.___SAdditionalLabel_1xl13_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1xl13_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1xl13_gg_._size_l_1xl13_gg_::before{margin-top:10px}.___SAdditionalLabel_1xl13_gg_._size_m_1xl13_gg_::before{margin-top:8px}.___SPatternSymbol_1xl13_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1xl13_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendItem": "___SLegendItem_1feua_gg_",
-  "_disabled": "__disabled_1feua_gg_",
-  "__SPointShape": "___SPointShape_1feua_gg_",
-  "_color": "__color_1feua_gg_",
-  "--color": "--color_1feua",
-  "_shape_Circle": "_shape_Circle_1feua_gg_",
-  "_size_l": "_size_l_1feua_gg_",
-  "_size_m": "_size_m_1feua_gg_",
-  "_shape_Line": "_shape_Line_1feua_gg_",
-  "_shape_Square": "_shape_Square_1feua_gg_",
-  "_shape_Pattern": "_shape_Pattern_1feua_gg_",
-  "__SIcon": "___SIcon_1feua_gg_",
-  "__SLabel": "___SLabel_1feua_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_1feua_gg_",
-  "__SCount": "___SCount_1feua_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_1feua_gg_"
+  "__SLegendItem": "___SLegendItem_1xl13_gg_",
+  "_disabled": "__disabled_1xl13_gg_",
+  "__SPointShape": "___SPointShape_1xl13_gg_",
+  "_color": "__color_1xl13_gg_",
+  "--color": "--color_1xl13",
+  "_shape_Circle": "_shape_Circle_1xl13_gg_",
+  "_size_l": "_size_l_1xl13_gg_",
+  "_size_m": "_size_m_1xl13_gg_",
+  "_shape_Line": "_shape_Line_1xl13_gg_",
+  "_shape_Square": "_shape_Square_1xl13_gg_",
+  "_shape_Pattern": "_shape_Pattern_1xl13_gg_",
+  "__SIcon": "___SIcon_1xl13_gg_",
+  "__SLabel": "___SLabel_1xl13_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1xl13_gg_",
+  "__SCount": "___SCount_1xl13_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1xl13_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import { PatternSymbol } from '../../../Pattern';

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

@@ -14,14 +14,14 @@ 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_e4nzj_gg_.__columns-count_e4nzj_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_e4nzj_gg_._size_l_e4nzj_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_e4nzj_gg_._size_m_e4nzj_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"e4nzj_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_143bz_gg_.__columns-count_143bz_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_143bz_gg_._size_l_143bz_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_143bz_gg_._size_m_143bz_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"143bz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendTable": "___SLegendTable_e4nzj_gg_",
-  "_columns-count": "__columns-count_e4nzj_gg_",
-  "__SColumnItem": "___SColumnItem_e4nzj_gg_",
-  "_size_l": "_size_l_e4nzj_gg_",
-  "_size_m": "_size_m_e4nzj_gg_"
+  "__SLegendTable": "___SLegendTable_143bz_gg_",
+  "_columns-count": "__columns-count_143bz_gg_",
+  "__SColumnItem": "___SColumnItem_143bz_gg_",
+  "_size_l": "_size_l_143bz_gg_",
+  "_size_m": "_size_m_143bz_gg_"
 });
 import { BaseLegend } from '../BaseLegend';
 import { LegendItemComponent } from '../LegendItem/LegendItem';

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

@@ -14,6 +14,10 @@ SBubble {
   }
 }
 
+g[visible='false'] {
+  display: none;
+}
+
 SBubble[color] {
   fill: var(--color);
 }

package/lib/es6/types/Bubble.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import type { Intergalactic, UnknownProperties } from '@semcore/core';\n\nimport type { Context } from './context';\nimport type { PatternsConfig } from './Pattern';\nimport type { IntergalacticD3Component } from './Plot';\nimport type { TooltipType } from './Tooltip';\n\n/** @deprecated */\nexport interface IBubbleProps extends BubbleProps, UnknownProperties {}\nexport type BubbleProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x: string;\n  /** Field name from `data` array item for the YAxis */\n  y: string;\n  /** Field name from `data` array item for the circle radius */\n  value: string;\n  /** Field name from `data` array item for the circle label */\n  label?: string;\n  /** Circle color */\n  color?: string;\n  /** Cross in the center of the bubble\n   * @default true\n   */\n  markedCross?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IBubbleContext extends BubbleContext, UnknownProperties {}\nexport type BubbleContext = {\n  /** Index element of data */\n  index: number;\n};\n\ndeclare const Bubble: IntergalacticD3Component<Intergalactic.Tag, BubbleProps, BubbleContext> & {\n  Tooltip: TooltipType<\n    BubbleProps & {\n      /**\n       * @deprecated Use `index` instead.\n       */\n      xIndex: number;\n      /**\n       * Index of item in the `data` array used to render related bubble.\n       */\n      index: number;\n    }\n  >;\n};\n\nexport default Bubble;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import type { Intergalactic, UnknownProperties } from '@semcore/core';\n\nimport type { Context } from './context';\nimport type { PatternsConfig } from './Pattern';\nimport type { IntergalacticD3Component } from './Plot';\nimport type { TooltipType } from './Tooltip';\n\n/** @deprecated */\nexport interface IBubbleProps extends BubbleProps, UnknownProperties {}\nexport type BubbleProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x: string;\n  /** Field name from `data` array item for the YAxis */\n  y: string;\n  /** Field name from `data` array item for the circle radius */\n  value: string;\n  /** Field name from `data` array item for the circle label */\n  label?: string;\n  /** Circle color */\n  color?: string;\n  /** Cross in the center of the bubble\n   * @default true\n   */\n  markedCross?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IBubbleContext extends BubbleContext, UnknownProperties {}\nexport type BubbleContext = {\n  /** Index element of data */\n  index: number;\n};\n\nexport type BubbleCircleProps = {\n  /** Item data index */\n  index: number;\n\n  /** Item visibility */\n  visible?: boolean;\n};\n\ndeclare const Bubble: IntergalacticD3Component<Intergalactic.Tag, BubbleProps, BubbleContext> & {\n  Tooltip: TooltipType<\n    BubbleProps & {\n      /**\n       * @deprecated Use `index` instead.\n       */\n      xIndex: number;\n      /**\n       * Index of item in the `data` array used to render related bubble.\n       */\n      index: number;\n    }\n  >;\n  Circle: IntergalacticD3Component<\n    'g',\n    BubbleCircleProps,\n    Context\n  >;\n};\n\nexport default Bubble;\n"],"mappings":"","ignoreList":[]}

package/lib/esm/Area.mjs

@@ -25,21 +25,21 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SArea_5x61l_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_5x61l_gg_.__color_5x61l_gg_{fill:var(--color_5x61l)}.___SArea_5x61l_gg_.__pattern_5x61l_gg_{fill:var(--pattern_5x61l);fill-opacity:.7}.___SArea_5x61l_gg_.__transparent_5x61l_gg_{opacity:.3}.___SAreaLine_5x61l_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_5x61l_gg_.__color_5x61l_gg_{stroke:var(--color_5x61l)}.___SAreaLine_5x61l_gg_.__transparent_5x61l_gg_{opacity:.3}.___SAreaLine_5x61l_gg_,.___SArea_5x61l_gg_{transition-property:d;transition-duration:var(--duration_5x61l);transition-timing-function:ease-in-out}.___SNull_5x61l_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_5x61l_gg_.__hide_5x61l_gg_{display:none}",
+    ".___SArea_1nqfy_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1nqfy_gg_.__color_1nqfy_gg_{fill:var(--color_1nqfy)}.___SArea_1nqfy_gg_.__pattern_1nqfy_gg_{fill:var(--pattern_1nqfy);fill-opacity:.7}.___SArea_1nqfy_gg_.__transparent_1nqfy_gg_{opacity:.3}.___SAreaLine_1nqfy_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1nqfy_gg_.__color_1nqfy_gg_{stroke:var(--color_1nqfy)}.___SAreaLine_1nqfy_gg_.__transparent_1nqfy_gg_{opacity:.3}.___SAreaLine_1nqfy_gg_,.___SArea_1nqfy_gg_{transition-property:d;transition-duration:var(--duration_1nqfy);transition-timing-function:ease-in-out}.___SNull_1nqfy_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1nqfy_gg_.__hide_1nqfy_gg_{display:none}",
     /*__inner_css_end__*/
-    "5x61l_gg_"
+    "1nqfy_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SArea": "___SArea_5x61l_gg_",
-    "_color": "__color_5x61l_gg_",
-    "--color": "--color_5x61l",
-    "_pattern": "__pattern_5x61l_gg_",
-    "--pattern": "--pattern_5x61l",
-    "_transparent": "__transparent_5x61l_gg_",
-    "__SAreaLine": "___SAreaLine_5x61l_gg_",
-    "--duration": "--duration_5x61l",
-    "__SNull": "___SNull_5x61l_gg_",
-    "_hide": "__hide_5x61l_gg_"
+    "__SArea": "___SArea_1nqfy_gg_",
+    "_color": "__color_1nqfy_gg_",
+    "--color": "--color_1nqfy",
+    "_pattern": "__pattern_1nqfy_gg_",
+    "--pattern": "--pattern_1nqfy",
+    "_transparent": "__transparent_1nqfy_gg_",
+    "__SAreaLine": "___SAreaLine_1nqfy_gg_",
+    "--duration": "--duration_1nqfy",
+    "__SNull": "___SNull_1nqfy_gg_",
+    "_hide": "__hide_1nqfy_gg_"
   })
 );
 var AreaRoot = /* @__PURE__ */ function(_Component) {

package/lib/esm/Axis.mjs

@@ -19,24 +19,24 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SAxis_1k6z3_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1k6z3_gg_.__hide_1k6z3_gg_,.___STick_1k6z3_gg_.__hide_1k6z3_gg_{display:none}.___STick_1k6z3_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1k6z3_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1k6z3_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1k6z3)}.___STitle_1k6z3_gg_._position_top_1k6z3_gg_{text-anchor:middle}.___STitle_1k6z3_gg_._position_bottom_1k6z3_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1k6z3_gg_._position_left_1k6z3_gg_,.___STitle_1k6z3_gg_._position_right_1k6z3_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1k6z3_gg_._position_left_1k6z3_gg_.__verticalWritingMode_1k6z3_gg_,.___STitle_1k6z3_gg_._position_right_1k6z3_gg_.__verticalWritingMode_1k6z3_gg_{writing-mode:vertical-rl;transform:none}.___STick_1k6z3_gg_._position_top_1k6z3_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1k6z3_gg_._position_bottom_1k6z3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1k6z3_gg_._position_right_1k6z3_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1k6z3_gg_._position_left_1k6z3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1k6z3_gg_._position_custom_0_1k6z3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1k6z3_gg_._position_custom_1_1k6z3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}",
+    ".___SAxis_35o1m_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_35o1m_gg_.__hide_35o1m_gg_,.___STick_35o1m_gg_.__hide_35o1m_gg_{display:none}.___STick_35o1m_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_35o1m_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_35o1m_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_35o1m)}.___STitle_35o1m_gg_._position_top_35o1m_gg_{text-anchor:middle}.___STitle_35o1m_gg_._position_bottom_35o1m_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_35o1m_gg_._position_left_35o1m_gg_,.___STitle_35o1m_gg_._position_right_35o1m_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_35o1m_gg_._position_left_35o1m_gg_.__verticalWritingMode_35o1m_gg_,.___STitle_35o1m_gg_._position_right_35o1m_gg_.__verticalWritingMode_35o1m_gg_{writing-mode:vertical-rl;transform:none}.___STick_35o1m_gg_._position_top_35o1m_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_35o1m_gg_._position_bottom_35o1m_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_35o1m_gg_._position_right_35o1m_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_35o1m_gg_._position_left_35o1m_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_35o1m_gg_._position_custom_0_35o1m_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_35o1m_gg_._position_custom_1_35o1m_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}",
     /*__inner_css_end__*/
-    "1k6z3_gg_"
+    "35o1m_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SAxis": "___SAxis_1k6z3_gg_",
-    "_hide": "__hide_1k6z3_gg_",
-    "__STick": "___STick_1k6z3_gg_",
-    "__SGrid": "___SGrid_1k6z3_gg_",
-    "__STitle": "___STitle_1k6z3_gg_",
-    "--transform-origin": "--transform-origin_1k6z3",
-    "_position_top": "_position_top_1k6z3_gg_",
-    "_position_bottom": "_position_bottom_1k6z3_gg_",
-    "_position_right": "_position_right_1k6z3_gg_",
-    "_position_left": "_position_left_1k6z3_gg_",
-    "_verticalWritingMode": "__verticalWritingMode_1k6z3_gg_",
-    "_position_custom_0": "_position_custom_0_1k6z3_gg_",
-    "_position_custom_1": "_position_custom_1_1k6z3_gg_"
+    "__SAxis": "___SAxis_35o1m_gg_",
+    "_hide": "__hide_35o1m_gg_",
+    "__STick": "___STick_35o1m_gg_",
+    "__SGrid": "___SGrid_35o1m_gg_",
+    "__STitle": "___STitle_35o1m_gg_",
+    "--transform-origin": "--transform-origin_35o1m",
+    "_position_top": "_position_top_35o1m_gg_",
+    "_position_bottom": "_position_bottom_35o1m_gg_",
+    "_position_right": "_position_right_35o1m_gg_",
+    "_position_left": "_position_left_35o1m_gg_",
+    "_verticalWritingMode": "__verticalWritingMode_35o1m_gg_",
+    "_position_custom_0": "_position_custom_0_35o1m_gg_",
+    "_position_custom_1": "_position_custom_1_35o1m_gg_"
   })
 );
 var CUSTOM_0 = Symbol("custom_0");

package/lib/esm/Bar.mjs

@@ -22,26 +22,26 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_1e83s_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1e83s);transition-timing-function:ease-in-out}.___SBar_1e83s_gg_.__color_1e83s_gg_{fill:var(--color_1e83s)}.___SBar_1e83s_gg_.__pattern_1e83s_gg_.__color_1e83s_gg_{fill:var(--pattern_1e83s);stroke:var(--color_1e83s);stroke-width:1px}.___SBar_1e83s_gg_.__hide_1e83s_gg_{display:none}.___SBar_1e83s_gg_.__transparent_1e83s_gg_{opacity:.3}.___SBackground_1e83s_gg_.__onClick_1e83s_gg_,.___SBar_1e83s_gg_.__onClick_1e83s_gg_{cursor:pointer}.___SBackground_1e83s_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1e83s_gg_{display:flex;justify-content:space-between}.___SBarLabel_1e83s_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1e83s_gg_,.___SBarPercent_1e83s_gg_,.___SBarValue_1e83s_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1e83s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1e83s_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1e83s_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SBar_1wzam_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1wzam);transition-timing-function:ease-in-out}.___SBar_1wzam_gg_.__color_1wzam_gg_{fill:var(--color_1wzam)}.___SBar_1wzam_gg_.__pattern_1wzam_gg_.__color_1wzam_gg_{fill:var(--pattern_1wzam);stroke:var(--color_1wzam);stroke-width:1px}.___SBar_1wzam_gg_.__hide_1wzam_gg_{display:none}.___SBar_1wzam_gg_.__transparent_1wzam_gg_{opacity:.3}.___SBackground_1wzam_gg_.__onClick_1wzam_gg_,.___SBar_1wzam_gg_.__onClick_1wzam_gg_{cursor:pointer}.___SBackground_1wzam_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1wzam_gg_{display:flex;justify-content:space-between}.___SBarLabel_1wzam_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1wzam_gg_,.___SBarPercent_1wzam_gg_,.___SBarValue_1wzam_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1wzam_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1wzam_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1wzam_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "1e83s_gg_"
+    "1wzam_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_1e83s_gg_",
-    "--duration": "--duration_1e83s",
-    "_color": "__color_1e83s_gg_",
-    "--color": "--color_1e83s",
-    "_pattern": "__pattern_1e83s_gg_",
-    "--pattern": "--pattern_1e83s",
-    "_hide": "__hide_1e83s_gg_",
-    "_transparent": "__transparent_1e83s_gg_",
-    "_onClick": "__onClick_1e83s_gg_",
-    "__SBackground": "___SBackground_1e83s_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_1e83s_gg_",
-    "__SBarLabel": "___SBarLabel_1e83s_gg_",
-    "__SBarPercent": "___SBarPercent_1e83s_gg_",
-    "__SBarValue": "___SBarValue_1e83s_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1e83s_gg_"
+    "__SBar": "___SBar_1wzam_gg_",
+    "--duration": "--duration_1wzam",
+    "_color": "__color_1wzam_gg_",
+    "--color": "--color_1wzam",
+    "_pattern": "__pattern_1wzam_gg_",
+    "--pattern": "--pattern_1wzam",
+    "_hide": "__hide_1wzam_gg_",
+    "_transparent": "__transparent_1wzam_gg_",
+    "_onClick": "__onClick_1wzam_gg_",
+    "__SBackground": "___SBackground_1wzam_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_1wzam_gg_",
+    "__SBarLabel": "___SBarLabel_1wzam_gg_",
+    "__SBarPercent": "___SBarPercent_1wzam_gg_",
+    "__SBarValue": "___SBarValue_1wzam_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1wzam_gg_"
   })
 );
 var MIN_HEIGHT = 2;