@gitlab/ui 132.1.0 → 132.2.0

package/dist/components/charts/discrete_scatter/discrete_scatter.js

@@ -7,6 +7,55 @@ import Chart from '../chart/chart';
 import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 var script = {
   name: 'GlDiscreteScatterChart',
   components: {
@@ -121,7 +170,9 @@ var script = {
   methods: {
     defaultFormatTooltipText(params) {
       const data = this.getChartData(params);
-      const [title, content] = data;
+      const _data = _slicedToArray(data, 2),
+        title = _data[0],
+        content = _data[1];
       this.tooltipTitle = title;
       const seriesName = this.yAxisTitle;
       const tooltipContent = {
@@ -140,7 +191,10 @@ var script = {
       this.selectedFormatTooltipText(params);
       const data = this.getChartData(params);
       if (data.length) {
-        const [left, top] = this.chart.convertToPixel('grid', data);
+        const _this$chart$convertTo = this.chart.convertToPixel('grid', data),
+          _this$chart$convertTo2 = _slicedToArray(_this$chart$convertTo, 2),
+          left = _this$chart$convertTo2[0],
+          top = _this$chart$convertTo2[1];
         this.tooltipPosition = {
           left: `${left}px`,
           top: `${top}px`
@@ -148,9 +202,7 @@ var script = {
       }
     },
     getChartData(_ref) {
-      let {
-        data
-      } = _ref;
+      let data = _ref.data;
       const chartData = (data === null || data === void 0 ? void 0 : data.value) || data;
       return Array.isArray(chartData) ? chartData : [];
     }

package/dist/components/charts/gauge/gauge.js

@@ -11,14 +11,12 @@ const DETAIL_FONT_WEIGHT = 'bold';
 const POINTER_LENGTH = '65%';
 const POINTER_WIDTH_PX = 5;
 const gaugeChartSeries = _ref => {
-  let {
-    value,
-    text,
-    min,
-    max,
-    splitNumber,
-    axisColor
-  } = _ref;
+  let value = _ref.value,
+    text = _ref.text,
+    min = _ref.min,
+    max = _ref.max,
+    splitNumber = _ref.splitNumber,
+    axisColor = _ref.axisColor;
   return [{
     type: 'gauge',
     detail: {
@@ -115,11 +113,9 @@ var script = {
       return mergedOptions;
     },
     validThresholds() {
-      const {
-        thresholds,
-        min,
-        max
-      } = this;
+      const thresholds = this.thresholds,
+        min = this.min,
+        max = this.max;
       if (!(thresholds !== null && thresholds !== void 0 && thresholds.length)) return [];
       const uniqueThresholds = uniq(thresholds);
       const filteredThresholds = uniqueThresholds.filter(threshold => {
@@ -133,17 +129,13 @@ var script = {
       return sortedThresholds;
     },
     valueIsInLastThreshold() {
-      const {
-        validThresholds,
-        value
-      } = this;
+      const validThresholds = this.validThresholds,
+        value = this.value;
       return validThresholds.length > 0 && value >= validThresholds[validThresholds.length - 1];
     },
     axisColor() {
-      const {
-        validThresholds,
-        max
-      } = this;
+      const validThresholds = this.validThresholds,
+        max = this.max;
       let color;
       if (validThresholds.length === 0) {
         color = [[1, gaugeSafeHues[0]]];

package/dist/components/charts/heatmap/heatmap.js

@@ -10,6 +10,55 @@ import ChartLegend from '../legend/legend';
 import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 const defaultOptions = {
   visualMap: {
     show: false,
@@ -124,10 +173,9 @@ var script = {
   },
   computed: {
     computedOptions() {
-      const {
-        min,
-        max
-      } = getRange(this.dataSeries);
+      const _getRange = getRange(this.dataSeries),
+        min = _getRange.min,
+        max = _getRange.max;
       return merge({}, defaultOptions, {
         series: {
           data: this.dataSeries,
@@ -206,10 +254,9 @@ var script = {
       return this.chart ? this.chart.getOption() : null;
     },
     seriesInfo() {
-      const {
-        min,
-        max
-      } = getRange(this.dataSeries);
+      const _getRange2 = getRange(this.dataSeries),
+        min = _getRange2.min,
+        max = _getRange2.max;
       const step = (max - min) / heatmapHues.length;
       return heatmapHues.map((color, index) => {
         const lowerBound = engineeringNotation(min + step * index);
@@ -236,17 +283,18 @@ var script = {
     },
     onLabelChange(params) {
       this.selectedFormatTooltipText(params);
-      const {
-        seriesData = []
-      } = params;
+      const _params$seriesData = params.seriesData,
+        seriesData = _params$seriesData === void 0 ? [] : _params$seriesData;
       if (seriesData.length && seriesData[0].value) {
-        const {
-          seriesId,
-          value
-        } = seriesData[0];
-        const [left, top] = this.chart.convertToPixel({
-          seriesId
-        }, value);
+        const _seriesData$ = seriesData[0],
+          seriesId = _seriesData$.seriesId,
+          value = _seriesData$.value;
+        const _this$chart$convertTo = this.chart.convertToPixel({
+            seriesId
+          }, value),
+          _this$chart$convertTo2 = _slicedToArray(_this$chart$convertTo, 2),
+          left = _this$chart$convertTo2[0],
+          top = _this$chart$convertTo2[1];
         this.tooltip = {
           ...this.tooltip,
           left: `${left}px`,

package/dist/components/charts/legend/legend.js

@@ -6,6 +6,55 @@ import GlTruncate from '../../utilities/truncate/truncate';
 import GlChartSeriesLabel from '../series_label/series_label';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 var script = {
   name: 'GlChartLegend',
   components: {
@@ -126,10 +175,8 @@ var script = {
       return seriesName.length > 120;
     },
     handleClick(_ref, key) {
-      let {
-        name,
-        disabled
-      } = _ref;
+      let name = _ref.name,
+        disabled = _ref.disabled;
       if (this.hasOneSeriesElement || this.isToggleDisabled(name, disabled)) return;
       this.chart.dispatchAction({
         type: 'legendToggleSelect',
@@ -156,16 +203,16 @@ var script = {
       return this.disabledSeries[key] ? 'var(--gl-chart-axis-line-color)' : color;
     },
     suppressLastActiveSeriesLabelToggle(_ref2) {
-      let {
-        selected
-      } = _ref2;
+      let selected = _ref2.selected;
       const selectedSeriesLabels = Object.entries(selected).filter(_ref3 => {
-        let [, isSelected] = _ref3;
+        let _ref4 = _slicedToArray(_ref3, 2),
+          isSelected = _ref4[1];
         return Boolean(isSelected);
       });
       this.lastActiveSeriesLabel = null;
       if (selectedSeriesLabels.length === 1) {
-        const [lastActiveSeriesLabelName] = selectedSeriesLabels[0];
+        const _selectedSeriesLabels = _slicedToArray(selectedSeriesLabels[0], 1),
+          lastActiveSeriesLabelName = _selectedSeriesLabels[0];
         this.lastActiveSeriesLabel = lastActiveSeriesLabelName;
       }
     },
@@ -181,10 +228,9 @@ var script = {
     },
     applyFadeClass() {
       if (this.$refs.inlineLegendEl) {
-        const {
-          scrollHeight,
-          clientHeight
-        } = this.$refs.inlineLegendEl;
+        const _this$$refs$inlineLeg = this.$refs.inlineLegendEl,
+          scrollHeight = _this$$refs$inlineLeg.scrollHeight,
+          clientHeight = _this$$refs$inlineLeg.clientHeight;
         this.shouldApplyFadeClass = scrollHeight > clientHeight;
       }
     }

package/dist/components/charts/line/line.js

@@ -278,14 +278,13 @@ var script = {
      */
     onChartDataPointMouseOver(params) {
       if (isDataPointAnnotation(params)) {
-        const {
-          event
-        } = params;
+        const event = params.event;
         const toolTipFormatter = this.formatAnnotationsTooltipText || this.defaultAnnotationTooltipText;
-        const {
-          title = '',
-          content = ''
-        } = toolTipFormatter(params);
+        const _toolTipFormatter = toolTipFormatter(params),
+          _toolTipFormatter$tit = _toolTipFormatter.title,
+          title = _toolTipFormatter$tit === void 0 ? '' : _toolTipFormatter$tit,
+          _toolTipFormatter$con = _toolTipFormatter.content,
+          content = _toolTipFormatter$con === void 0 ? '' : _toolTipFormatter$con;
         this.showAnnotationsTooltip = true;
         this.annotationsTooltipTitle = title;
         this.annotationsTooltipContent = content;

package/dist/components/charts/shared/tooltip/tooltip.js

@@ -168,12 +168,10 @@ var script = {
       };
     },
     fixedPosition() {
-      const {
-        top,
-        left,
-        bottom,
-        right
-      } = this;
+      const top = this.top,
+        left = this.left,
+        bottom = this.bottom,
+        right = this.right;
       if (top || left || bottom || right) {
         return {
           top,
@@ -228,11 +226,10 @@ var script = {
               formatter: params => {
                 var _options$this$dimensi, _options$this$dimensi2, _options$valueAxis, _options$valueAxis$;
                 const options = this.chart.getOption();
-                const {
-                  dimensionIndex,
-                  metricIndex,
-                  valueAxis
-                } = getTooltipAxisConfig(this.dimensionAxis);
+                const _getTooltipAxisConfig = getTooltipAxisConfig(this.dimensionAxis),
+                  dimensionIndex = _getTooltipAxisConfig.dimensionIndex,
+                  metricIndex = _getTooltipAxisConfig.metricIndex,
+                  valueAxis = _getTooltipAxisConfig.valueAxis;
                 const titleAxisName = (_options$this$dimensi = options[this.dimensionAxis]) === null || _options$this$dimensi === void 0 ? void 0 : (_options$this$dimensi2 = _options$this$dimensi[0]) === null || _options$this$dimensi2 === void 0 ? void 0 : _options$this$dimensi2.name;
                 const valueAxisName = (_options$valueAxis = options[valueAxis]) === null || _options$valueAxis === void 0 ? void 0 : (_options$valueAxis$ = _options$valueAxis[0]) === null || _options$valueAxis$ === void 0 ? void 0 : _options$valueAxis$.name;
                 this.title = getTooltipTitle(params, titleAxisName, dimensionIndex);
@@ -255,13 +252,9 @@ var script = {
   },
   methods: {
     getEventCoordsWithinChart(_ref) {
-      let {
-        event
-      } = _ref;
-      const {
-        zrX,
-        zrY
-      } = event;
+      let event = _ref.event;
+      const zrX = event.zrX,
+        zrY = event.zrY;
       const x = Math.round(zrX);
       const y = Math.round(zrY);
       if (!Number.isFinite(x) || !Number.isFinite(y)) {

package/dist/components/charts/sparkline/sparkline.js

@@ -7,6 +7,55 @@ import Chart from '../chart/chart';
 import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
 // the padding is needed so the mark points don't overflow when visible
 const gridPadding = symbolSize / 2;
 const generateGradient = colors => {
@@ -135,13 +184,11 @@ var script = {
       return this.showLastYValue && this.data.length;
     },
     series() {
-      const {
-        data,
-        smooth,
-        itemStyle,
-        willShowLastYValue,
-        connectNulls
-      } = this;
+      const data = this.data,
+        smooth = this.smooth,
+        itemStyle = this.itemStyle,
+        willShowLastYValue = this.willShowLastYValue,
+        connectNulls = this.connectNulls;
       const markPoint = willShowLastYValue ? {
         symbol: 'circle',
         cursor: 'auto',
@@ -187,9 +234,11 @@ var script = {
       if (this.gradient.length && this.data.length) {
         // Applying a gradient a constant line will cause it to not render,
         // so skip the gradient if all values are equal.
-        const [, firstValue] = this.data[0];
+        const _this$data$ = _slicedToArray(this.data[0], 2),
+          firstValue = _this$data$[1];
         return this.data.some(_ref => {
-          let [, value] = _ref;
+          let _ref2 = _slicedToArray(_ref, 2),
+            value = _ref2[1];
           return firstValue !== value;
         });
       }
@@ -224,7 +273,10 @@ var script = {
       return isNil(text) || typeof text === 'string' && text.trim() === '';
     },
     setTooltipPosition(data) {
-      const [left, top] = this.chartInstance.convertToPixel('grid', data);
+      const _this$chartInstance$c = this.chartInstance.convertToPixel('grid', data),
+        _this$chartInstance$c2 = _slicedToArray(_this$chartInstance$c, 2),
+        left = _this$chartInstance$c2[0],
+        top = _this$chartInstance$c2[1];
       this.tooltip.position = {
         left: `${left}px`,
         top: `${top}px`
@@ -233,21 +285,22 @@ var script = {
     // This function is called any time the axis pointer is changed (the black bubble showing which
     // point on the line is selected). Note that it will not trigger if the axis pointer is removed,
     // only when it changes from one point to another or is shown for the first time.
-    generateTooltip(_ref2) {
-      let {
-        seriesData = []
-      } = _ref2;
+    generateTooltip(_ref3) {
+      let _ref3$seriesData = _ref3.seriesData,
+        seriesData = _ref3$seriesData === void 0 ? [] : _ref3$seriesData;
       this.tooltip.show = false;
 
       // seriesData is an array of nearby data point coordinates
       // seriesData[0] is the nearest point at which the tooltip is displayed
       // https://echarts.apache.org/en/option.html#xAxis.axisPointer.label.formatter
-      const [firstEntry = {}] = seriesData;
-      const {
-        data
-      } = firstEntry;
+      const _seriesData = _slicedToArray(seriesData, 1),
+        _seriesData$ = _seriesData[0],
+        firstEntry = _seriesData$ === void 0 ? {} : _seriesData$;
+      const data = firstEntry.data;
       if (!data) return;
-      const [title, content] = data;
+      const _data = _slicedToArray(data, 2),
+        title = _data[0],
+        content = _data[1];
       if (this.isNilOrBlank(title) || this.isNilOrBlank(content)) return;
       this.tooltip.title = title;
       this.tooltip.content = content;

package/dist/components/charts/stacked_column/stacked_column.js

@@ -157,11 +157,9 @@ var script = {
     },
     barSeries() {
       return this.bars.map((_ref, index) => {
-        let {
-          name,
-          data,
-          stack
-        } = _ref;
+        let name = _ref.name,
+          data = _ref.data,
+          stack = _ref.stack;
         const color = this.getColor(index);
         const seriesStack = this.presentation === stackedPresentationOptions.stacked ? stack || CHART_DEFAULT_SERIES_STACK : null;
         return generateBarSeries({
@@ -175,10 +173,8 @@ var script = {
     lineSeries() {
       const offset = this.bars.length;
       return this.lines.map((_ref2, index) => {
-        let {
-          name,
-          data
-        } = _ref2;
+        let name = _ref2.name,
+          data = _ref2.data;
         const color = this.getColor(offset + index);
         return generateLineSeries({
           name,
@@ -190,12 +186,10 @@ var script = {
     secondarySeries() {
       const offset = this.bars.length + this.lines.length;
       return this.secondaryData.map((_ref3, index) => {
-        let {
-          name,
-          data,
-          type,
-          stack
-        } = _ref3;
+        let name = _ref3.name,
+          data = _ref3.data,
+          type = _ref3.type,
+          stack = _ref3.stack;
         const color = this.getColor(offset + index);
         const seriesStack = this.presentation === stackedPresentationOptions.stacked ? stack || CHART_DEFAULT_SERIES_SECONDARY_STACK : null;
         return type === CHART_TYPE_LINE ? generateLineSeries({
@@ -298,36 +292,29 @@ var script = {
     },
     getTooltipTitle(_ref4) {
       var _options$xAxis, _options$xAxis$;
-      let {
-        params
-      } = _ref4;
+      let params = _ref4.params;
       if (!params) return '';
       const options = this.chart.getOption();
       const titleAxisName = options === null || options === void 0 ? void 0 : (_options$xAxis = options.xAxis) === null || _options$xAxis === void 0 ? void 0 : (_options$xAxis$ = _options$xAxis[0]) === null || _options$xAxis$ === void 0 ? void 0 : _options$xAxis$.name;
       return titleAxisName ? `${params.value} (${titleAxisName})` : params.value;
     },
     getTooltipContent(_ref5) {
-      let {
-        params
-      } = _ref5;
+      let params = _ref5.params;
       if (!params) return {};
 
       // Group by stack and invert order within so it matches `stacked` presentation (see https://github.com/apache/echarts/issues/14700).
       const seriesDataGroupedByStack = groupBy(params.seriesData, _ref6 => {
-        let {
-          stack,
-          seriesIndex
-        } = _ref6;
+        let stack = _ref6.stack,
+          seriesIndex = _ref6.seriesIndex;
         return stack !== null && stack !== void 0 ? stack : seriesIndex;
       });
       const sortedSeriesData = Object.values(seriesDataGroupedByStack).flatMap(seriesDataStack => seriesDataStack.toSorted((a, b) => b.seriesIndex - a.seriesIndex));
       const tooltipContentEntries = sortedSeriesData.map(_ref7 => {
-        let {
-          seriesName = '',
-          value,
-          borderColor,
-          color
-        } = _ref7;
+        let _ref7$seriesName = _ref7.seriesName,
+          seriesName = _ref7$seriesName === void 0 ? '' : _ref7$seriesName,
+          value = _ref7.value,
+          borderColor = _ref7.borderColor,
+          color = _ref7.color;
         return [seriesName, {
           value,
           color: borderColor !== null && borderColor !== void 0 ? borderColor : color