@sme.up/ketchup 10.4.10 → 10.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cjs/kup-echart.cjs.entry.js +21 -8
  2. package/dist/collection/components/kup-echart/kup-echart.js +21 -8
  3. package/dist/components/kup-echart.js +1 -1
  4. package/dist/components/kup-magic-box.js +1 -1
  5. package/dist/components/{p-625763b6.js → p-4a62a8d7.js} +21 -8
  6. package/dist/esm/kup-echart.entry.js +21 -8
  7. package/dist/ketchup/ketchup.esm.js +1 -1
  8. package/dist/ketchup/{p-95835175.entry.js → p-a1558a31.entry.js} +3 -3
  9. package/package.json +1 -1
package/dist/cjs/kup-echart.cjs.entry.js CHANGED
@@ -84693,7 +84693,7 @@ const KupEchart = class {
84693
84693
  '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
84694
84694
  '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
84695
84695
  };
84696
- return (index.h(index.Host, { key: '90763d03af943757a43395254643ac23b3316b91', style: style }, index.h("style", { key: '16da41fb5f188e0dd74fd2ef258e9398820c995a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a5365416fc15bfd4d40549c15737c926b916d987', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
84696
+ return (index.h(index.Host, { key: 'ee4d5709d66552bb8922d9fb1967ba32185b7051', style: style }, index.h("style", { key: '9684ebc783c37de3da380a036c5fc6f84016bf3e' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '86eab75fec62dd2cd1a205ba6fac8bf91b3f8399', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
84697
84697
  }
84698
84698
  disconnectedCallback() {
84699
84699
  var _a;
@@ -84782,6 +84782,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
84782
84782
  else if (__classPrivateFieldGet(this, _KupEchart_sortedDataset, "f") && e.seriesType === 'bar') {
84783
84783
  row = __classPrivateFieldGet(this, _KupEchart_sortedDataset, "f").rows[e.dataIndex];
84784
84784
  }
84785
+ else if (e.seriesType === 'pie') {
84786
+ // Data are grouped than i need to return a right row not obtained by using dataIndex.
84787
+ row = structuredClone(this.data.rows.find((r) => { var _a; return ((_a = r.cells[this.axis]) === null || _a === void 0 ? void 0 : _a.value) === e.name; }));
84788
+ // I need to set the value of the cell related to the series, by using the value calculated
84789
+ // inside #setPieOptions method
84790
+ row.cells[this.series[0]].obj.k = row.cells[this.series[0]].value = e.value.toString();
84791
+ }
84785
84792
  else if (!Array.isArray(e.data)) {
84786
84793
  row = this.data.rows[e.dataIndex];
84787
84794
  }
@@ -85754,6 +85761,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85754
85761
  data: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.normalDistribution(values),
85755
85762
  label: {
85756
85763
  show: this.showMarks,
85764
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85757
85765
  },
85758
85766
  name: key,
85759
85767
  showSymbol: false,
@@ -85769,6 +85777,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85769
85777
  data: values,
85770
85778
  label: {
85771
85779
  show: this.showMarks,
85780
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85772
85781
  },
85773
85782
  name: key,
85774
85783
  stack: this.stacked ? 'total' : undefined,
@@ -85781,6 +85790,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85781
85790
  data: values,
85782
85791
  label: {
85783
85792
  show: this.showMarks,
85793
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85784
85794
  },
85785
85795
  name: key,
85786
85796
  type: 'scatter',
@@ -85793,6 +85803,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85793
85803
  data: values.map((value) => __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.numberifySafe(value)),
85794
85804
  label: {
85795
85805
  show: this.showMarks,
85806
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85796
85807
  },
85797
85808
  name: key,
85798
85809
  type: 'line',
@@ -85901,14 +85912,14 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85901
85912
  */
85902
85913
  const renamedSeries = series.map((s) => (Object.assign(Object.assign({}, s), { name: this.data.columns.find((col) => col.name === s.name).title })));
85903
85914
  const yAxis = (multipleYAxes === null || multipleYAxes === void 0 ? void 0 : multipleYAxes.length) === renamedSeries.length
85904
- ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
85905
- formatter: axisLabelFormatter,
85906
- }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
85915
+ ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
85916
+ ? {}
85917
+ : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
85907
85918
  ? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this).splitLine
85908
85919
  : { show: false } })))
85909
- : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
85910
- formatter: axisLabelFormatter,
85911
- }, min: this.axisYMin, max: this.axisYMax }), this.yAxis);
85920
+ : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
85921
+ ? {}
85922
+ : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax }), this.yAxis);
85912
85923
  return {
85913
85924
  color,
85914
85925
  legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, y),
@@ -85917,7 +85928,9 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85917
85928
  tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
85918
85929
  return `<b>${params.name}</b><br/>${params.seriesName}: <b>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value)}</b>`;
85919
85930
  } }),
85920
- xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
85931
+ xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign(Object.assign({}, (isHorizontal
85932
+ ? { formatter: axisLabelFormatter }
85933
+ : {})), __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
85921
85934
  yAxis,
85922
85935
  grid: { show: true, containLabel: true },
85923
85936
  };
package/dist/collection/components/kup-echart/kup-echart.js CHANGED
@@ -142,7 +142,7 @@ export class KupEchart {
142
142
  '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
143
143
  '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
144
144
  };
145
- return (h(Host, { key: '90763d03af943757a43395254643ac23b3316b91', style: style }, h("style", { key: '16da41fb5f188e0dd74fd2ef258e9398820c995a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a5365416fc15bfd4d40549c15737c926b916d987', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
145
+ return (h(Host, { key: 'ee4d5709d66552bb8922d9fb1967ba32185b7051', style: style }, h("style", { key: '9684ebc783c37de3da380a036c5fc6f84016bf3e' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '86eab75fec62dd2cd1a205ba6fac8bf91b3f8399', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
146
146
  }
147
147
  disconnectedCallback() {
148
148
  var _a;
@@ -805,6 +805,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
805
805
  else if (__classPrivateFieldGet(this, _KupEchart_sortedDataset, "f") && e.seriesType === 'bar') {
806
806
  row = __classPrivateFieldGet(this, _KupEchart_sortedDataset, "f").rows[e.dataIndex];
807
807
  }
808
+ else if (e.seriesType === 'pie') {
809
+ // Data are grouped than i need to return a right row not obtained by using dataIndex.
810
+ row = structuredClone(this.data.rows.find((r) => { var _a; return ((_a = r.cells[this.axis]) === null || _a === void 0 ? void 0 : _a.value) === e.name; }));
811
+ // I need to set the value of the cell related to the series, by using the value calculated
812
+ // inside #setPieOptions method
813
+ row.cells[this.series[0]].obj.k = row.cells[this.series[0]].value = e.value.toString();
814
+ }
808
815
  else if (!Array.isArray(e.data)) {
809
816
  row = this.data.rows[e.dataIndex];
810
817
  }
@@ -1777,6 +1784,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
1777
1784
  data: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.normalDistribution(values),
1778
1785
  label: {
1779
1786
  show: this.showMarks,
1787
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
1780
1788
  },
1781
1789
  name: key,
1782
1790
  showSymbol: false,
@@ -1792,6 +1800,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
1792
1800
  data: values,
1793
1801
  label: {
1794
1802
  show: this.showMarks,
1803
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
1795
1804
  },
1796
1805
  name: key,
1797
1806
  stack: this.stacked ? 'total' : undefined,
@@ -1804,6 +1813,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
1804
1813
  data: values,
1805
1814
  label: {
1806
1815
  show: this.showMarks,
1816
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
1807
1817
  },
1808
1818
  name: key,
1809
1819
  type: 'scatter',
@@ -1816,6 +1826,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
1816
1826
  data: values.map((value) => __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.numberifySafe(value)),
1817
1827
  label: {
1818
1828
  show: this.showMarks,
1829
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
1819
1830
  },
1820
1831
  name: key,
1821
1832
  type: 'line',
@@ -1924,14 +1935,14 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
1924
1935
  */
1925
1936
  const renamedSeries = series.map((s) => (Object.assign(Object.assign({}, s), { name: this.data.columns.find((col) => col.name === s.name).title })));
1926
1937
  const yAxis = (multipleYAxes === null || multipleYAxes === void 0 ? void 0 : multipleYAxes.length) === renamedSeries.length
1927
- ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
1928
- formatter: axisLabelFormatter,
1929
- }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
1938
+ ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
1939
+ ? {}
1940
+ : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
1930
1941
  ? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this).splitLine
1931
1942
  : { show: false } })))
1932
- : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
1933
- formatter: axisLabelFormatter,
1934
- }, min: this.axisYMin, max: this.axisYMax }), this.yAxis);
1943
+ : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
1944
+ ? {}
1945
+ : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax }), this.yAxis);
1935
1946
  return {
1936
1947
  color,
1937
1948
  legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, y),
@@ -1940,7 +1951,9 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
1940
1951
  tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
1941
1952
  return `<b>${params.name}</b><br/>${params.seriesName}: <b>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value)}</b>`;
1942
1953
  } }),
1943
- xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
1954
+ xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign(Object.assign({}, (isHorizontal
1955
+ ? { formatter: axisLabelFormatter }
1956
+ : {})), __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
1944
1957
  yAxis,
1945
1958
  grid: { show: true, containLabel: true },
1946
1959
  };
package/dist/components/kup-echart.js CHANGED
@@ -1,4 +1,4 @@
1
- import { K as KupEchart$1, d as defineCustomElement$1 } from './p-625763b6.js';
1
+ import { K as KupEchart$1, d as defineCustomElement$1 } from './p-4a62a8d7.js';
2
2
 
3
3
  const KupEchart = KupEchart$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/kup-magic-box.js CHANGED
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-
2
2
  import { k as kupManagerInstance, g as getProps, s as setProps, e as KupLanguageGeneric, u as KupDebugCategory, aG as kupDropEvent, ai as kupDraggableColumnAttr, aH as kupDraggableRowAttr, am as KupDropEventTypes, c as KupThemeColorValues } from './p-118fa840.js';
3
3
  import { F as FImage, c as componentWrapperId, a6 as FButtonStyling, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$j, s as defineCustomElement$k, t as defineCustomElement$l, u as defineCustomElement$m, v as defineCustomElement$n, w as defineCustomElement$o, x as defineCustomElement$p, y as defineCustomElement$q, z as defineCustomElement$r, A as defineCustomElement$s, B as defineCustomElement$t, C as defineCustomElement$u, D as defineCustomElement$w, E as defineCustomElement$x } from './p-0b0a24a5.js';
4
4
  import { d as defineCustomElement$v } from './p-984fea54.js';
5
- import { d as defineCustomElement$i } from './p-625763b6.js';
5
+ import { d as defineCustomElement$i } from './p-4a62a8d7.js';
6
6
 
7
7
  /**
8
8
  * Props of the kup-magic-box component.
package/dist/components/{p-625763b6.js → p-4a62a8d7.js} RENAMED
@@ -84690,7 +84690,7 @@ const KupEchart = /*@__PURE__*/ proxyCustomElement(class KupEchart extends H {
84690
84690
  '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
84691
84691
  '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
84692
84692
  };
84693
- return (h(Host, { key: '90763d03af943757a43395254643ac23b3316b91', style: style }, h("style", { key: '16da41fb5f188e0dd74fd2ef258e9398820c995a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a5365416fc15bfd4d40549c15737c926b916d987', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
84693
+ return (h(Host, { key: 'ee4d5709d66552bb8922d9fb1967ba32185b7051', style: style }, h("style", { key: '9684ebc783c37de3da380a036c5fc6f84016bf3e' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '86eab75fec62dd2cd1a205ba6fac8bf91b3f8399', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
84694
84694
  }
84695
84695
  disconnectedCallback() {
84696
84696
  var _a;
@@ -84804,6 +84804,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
84804
84804
  else if (__classPrivateFieldGet(this, _KupEchart_sortedDataset, "f") && e.seriesType === 'bar') {
84805
84805
  row = __classPrivateFieldGet(this, _KupEchart_sortedDataset, "f").rows[e.dataIndex];
84806
84806
  }
84807
+ else if (e.seriesType === 'pie') {
84808
+ // Data are grouped than i need to return a right row not obtained by using dataIndex.
84809
+ row = structuredClone(this.data.rows.find((r) => { var _a; return ((_a = r.cells[this.axis]) === null || _a === void 0 ? void 0 : _a.value) === e.name; }));
84810
+ // I need to set the value of the cell related to the series, by using the value calculated
84811
+ // inside #setPieOptions method
84812
+ row.cells[this.series[0]].obj.k = row.cells[this.series[0]].value = e.value.toString();
84813
+ }
84807
84814
  else if (!Array.isArray(e.data)) {
84808
84815
  row = this.data.rows[e.dataIndex];
84809
84816
  }
@@ -85776,6 +85783,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85776
85783
  data: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.normalDistribution(values),
85777
85784
  label: {
85778
85785
  show: this.showMarks,
85786
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85779
85787
  },
85780
85788
  name: key,
85781
85789
  showSymbol: false,
@@ -85791,6 +85799,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85791
85799
  data: values,
85792
85800
  label: {
85793
85801
  show: this.showMarks,
85802
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85794
85803
  },
85795
85804
  name: key,
85796
85805
  stack: this.stacked ? 'total' : undefined,
@@ -85803,6 +85812,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85803
85812
  data: values,
85804
85813
  label: {
85805
85814
  show: this.showMarks,
85815
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85806
85816
  },
85807
85817
  name: key,
85808
85818
  type: 'scatter',
@@ -85815,6 +85825,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85815
85825
  data: values.map((value) => __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.numberifySafe(value)),
85816
85826
  label: {
85817
85827
  show: this.showMarks,
85828
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85818
85829
  },
85819
85830
  name: key,
85820
85831
  type: 'line',
@@ -85923,14 +85934,14 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85923
85934
  */
85924
85935
  const renamedSeries = series.map((s) => (Object.assign(Object.assign({}, s), { name: this.data.columns.find((col) => col.name === s.name).title })));
85925
85936
  const yAxis = (multipleYAxes === null || multipleYAxes === void 0 ? void 0 : multipleYAxes.length) === renamedSeries.length
85926
- ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
85927
- formatter: axisLabelFormatter,
85928
- }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
85937
+ ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
85938
+ ? {}
85939
+ : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
85929
85940
  ? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this).splitLine
85930
85941
  : { show: false } })))
85931
- : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
85932
- formatter: axisLabelFormatter,
85933
- }, min: this.axisYMin, max: this.axisYMax }), this.yAxis);
85942
+ : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
85943
+ ? {}
85944
+ : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax }), this.yAxis);
85934
85945
  return {
85935
85946
  color,
85936
85947
  legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, y),
@@ -85939,7 +85950,9 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85939
85950
  tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
85940
85951
  return `<b>${params.name}</b><br/>${params.seriesName}: <b>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value)}</b>`;
85941
85952
  } }),
85942
- xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
85953
+ xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign(Object.assign({}, (isHorizontal
85954
+ ? { formatter: axisLabelFormatter }
85955
+ : {})), __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
85943
85956
  yAxis,
85944
85957
  grid: { show: true, containLabel: true },
85945
85958
  };
package/dist/esm/kup-echart.entry.js CHANGED
@@ -84689,7 +84689,7 @@ const KupEchart = class {
84689
84689
  '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
84690
84690
  '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
84691
84691
  };
84692
- return (h(Host, { key: '90763d03af943757a43395254643ac23b3316b91', style: style }, h("style", { key: '16da41fb5f188e0dd74fd2ef258e9398820c995a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a5365416fc15bfd4d40549c15737c926b916d987', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
84692
+ return (h(Host, { key: 'ee4d5709d66552bb8922d9fb1967ba32185b7051', style: style }, h("style", { key: '9684ebc783c37de3da380a036c5fc6f84016bf3e' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '86eab75fec62dd2cd1a205ba6fac8bf91b3f8399', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
84693
84693
  }
84694
84694
  disconnectedCallback() {
84695
84695
  var _a;
@@ -84778,6 +84778,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
84778
84778
  else if (__classPrivateFieldGet(this, _KupEchart_sortedDataset, "f") && e.seriesType === 'bar') {
84779
84779
  row = __classPrivateFieldGet(this, _KupEchart_sortedDataset, "f").rows[e.dataIndex];
84780
84780
  }
84781
+ else if (e.seriesType === 'pie') {
84782
+ // Data are grouped than i need to return a right row not obtained by using dataIndex.
84783
+ row = structuredClone(this.data.rows.find((r) => { var _a; return ((_a = r.cells[this.axis]) === null || _a === void 0 ? void 0 : _a.value) === e.name; }));
84784
+ // I need to set the value of the cell related to the series, by using the value calculated
84785
+ // inside #setPieOptions method
84786
+ row.cells[this.series[0]].obj.k = row.cells[this.series[0]].value = e.value.toString();
84787
+ }
84781
84788
  else if (!Array.isArray(e.data)) {
84782
84789
  row = this.data.rows[e.dataIndex];
84783
84790
  }
@@ -85750,6 +85757,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85750
85757
  data: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.normalDistribution(values),
85751
85758
  label: {
85752
85759
  show: this.showMarks,
85760
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85753
85761
  },
85754
85762
  name: key,
85755
85763
  showSymbol: false,
@@ -85765,6 +85773,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85765
85773
  data: values,
85766
85774
  label: {
85767
85775
  show: this.showMarks,
85776
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85768
85777
  },
85769
85778
  name: key,
85770
85779
  stack: this.stacked ? 'total' : undefined,
@@ -85777,6 +85786,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85777
85786
  data: values,
85778
85787
  label: {
85779
85788
  show: this.showMarks,
85789
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85780
85790
  },
85781
85791
  name: key,
85782
85792
  type: 'scatter',
@@ -85789,6 +85799,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85789
85799
  data: values.map((value) => __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.numberifySafe(value)),
85790
85800
  label: {
85791
85801
  show: this.showMarks,
85802
+ formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
85792
85803
  },
85793
85804
  name: key,
85794
85805
  type: 'line',
@@ -85897,14 +85908,14 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85897
85908
  */
85898
85909
  const renamedSeries = series.map((s) => (Object.assign(Object.assign({}, s), { name: this.data.columns.find((col) => col.name === s.name).title })));
85899
85910
  const yAxis = (multipleYAxes === null || multipleYAxes === void 0 ? void 0 : multipleYAxes.length) === renamedSeries.length
85900
- ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
85901
- formatter: axisLabelFormatter,
85902
- }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
85911
+ ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
85912
+ ? {}
85913
+ : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
85903
85914
  ? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this).splitLine
85904
85915
  : { show: false } })))
85905
- : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
85906
- formatter: axisLabelFormatter,
85907
- }, min: this.axisYMin, max: this.axisYMax }), this.yAxis);
85916
+ : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
85917
+ ? {}
85918
+ : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax }), this.yAxis);
85908
85919
  return {
85909
85920
  color,
85910
85921
  legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, y),
@@ -85913,7 +85924,9 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
85913
85924
  tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
85914
85925
  return `<b>${params.name}</b><br/>${params.seriesName}: <b>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value)}</b>`;
85915
85926
  } }),
85916
- xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
85927
+ xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign(Object.assign({}, (isHorizontal
85928
+ ? { formatter: axisLabelFormatter }
85929
+ : {})), __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
85917
85930
  yAxis,
85918
85931
  grid: { show: true, containLabel: true },
85919
85932
  };