vue-data-ui 2.2.91 → 2.2.93

package/dist/vue-ui-xy-_mHq-czW.js

@@ -1,2058 +0,0 @@
-import { S as U, A as J, u as K, p as Q, s as j } from "./vue-ui-3d-bar-DW7kGJSz.js";
-import { e as Z, _ as $, D as ee, a as te, B as le, f as ae, o as ie, p as re, d as X, b as M, H as se, U as oe, A as ne, V as he, N as ce, W as ue, t as de, x as ge, h as fe, c as be, g as Ie, w as me, v as Ne, F as _e, S as Fe, Y as xe, n as ye, y as Ae, z as Se, j as Le, i as Ce, Z as ke, E as we } from "./data-table-d-VcuH-r.js";
-import { t as Oe } from "./themes-lgjsYHsH.js";
-import { _ as ve, u as q } from "./title-BF-9Qcni.js";
-import { _ as Ge, u as ze } from "./tooltip-D85WEOKi.js";
-import { U as pe } from "./user-options-DZgCz8UA.js";
-import { T as Te } from "./vue-ui-table-DM3zL89q.js";
-import { S as Me } from "./vue-ui-candlestick-diclGj95.js";
-import { resolveComponent as P, openBlock as i, createElementBlock as r, normalizeClass as T, normalizeStyle as S, createVNode as W, createCommentVNode as h, createBlock as V, createSlots as Pe, withCtx as z, renderSlot as G, normalizeProps as Y, guardReactiveProps as E, createElementVNode as d, Fragment as I, renderList as m, toDisplayString as C, withDirectives as Ve, vModelCheckbox as Re, createTextVNode as De } from "vue";
-const He = Z(), Be = {
-  name: "vue-ui-xy",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  components: {
-    DataTable: ee,
-    Shape: te,
-    Title: ve,
-    Tooltip: Ge,
-    UserOptions: pe,
-    BaseIcon: le,
-    TableSparkline: Te,
-    Skeleton: U,
-    Slicer: Me,
-    Accordion: J
-  },
-  data() {
-    this.dataset.forEach((c, b) => {
-      [null, void 0].includes(c.series) && this.error({
-        componentName: "VueUiXy",
-        type: "datasetSerieAttribute",
-        property: "series (number[])",
-        index: b
-      });
-    });
-    const a = Math.max(...this.dataset.map((c) => c.series.length)), o = {
-      start: 0,
-      end: a
-    };
-    return {
-      themePalettes: ae,
-      themes: Oe,
-      slicerStep: 0,
-      selectedScale: null,
-      CTX: null,
-      CANVAS: null,
-      opacity: ie,
-      useSafeValues: !0,
-      palette: re,
-      height: 600,
-      width: 1e3,
-      viewBox: "0 0 1000 600",
-      clientPosition: {
-        x: 0,
-        y: 0
-      },
-      canvasClientPosition: {
-        x: 0,
-        y: 0
-      },
-      icons: {
-        line: "line",
-        bar: "bar",
-        plot: "plot"
-      },
-      isFullscreen: !1,
-      isPrinting: !1,
-      isImaging: !1,
-      isTooltip: !1,
-      mutableConfig: {
-        dataLabels: {
-          show: !0
-        },
-        showTooltip: !0,
-        showTable: !1,
-        isStacked: !1,
-        useIndividualScale: !1
-      },
-      selectedSerieIndex: null,
-      selectedRowIndex: null,
-      segregatedSeries: [],
-      uniqueId: Z(),
-      step: 0,
-      slicer: o,
-      __to__: null,
-      maxX: a,
-      showSparklineTable: !0,
-      segregateStep: 0,
-      sliderId: He,
-      fontSizes: {
-        xAxis: 18,
-        yAxis: 12,
-        dataLabels: 20,
-        plotLabels: 10
-      },
-      plotRadii: {
-        plot: 3,
-        line: 3
-      }
-    };
-  },
-  computed: {
-    customPalette() {
-      return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
-    },
-    backgroundColor() {
-      return this.FINAL_CONFIG.chart.backgroundColor;
-    },
-    slicerColor() {
-      return this.FINAL_CONFIG.chart.zoom.color;
-    },
-    allScales() {
-      const a = this.lineSet.map((t) => ({
-        name: t.name,
-        color: t.color,
-        scale: t.individualScale,
-        scaleYLabels: t.scaleYLabels,
-        zero: t.zeroPosition,
-        max: t.individualMax,
-        scaleLabel: t.scaleLabel || "",
-        id: t.id,
-        yOffset: t.yOffset || 0,
-        individualHeight: t.individualHeight || this.drawingArea.height,
-        autoScaleYLabels: t.autoScaleYLabels
-      })), o = this.barSet.map((t) => ({
-        name: t.name,
-        color: t.color,
-        scale: t.individualScale,
-        scaleYLabels: t.scaleYLabels,
-        zero: t.zeroPosition,
-        max: t.individualMax,
-        scaleLabel: t.scaleLabel || "",
-        id: t.id,
-        yOffset: t.yOffset || 0,
-        individualHeight: t.individualHeight || this.drawingArea.height
-      })), c = this.plotSet.map((t) => ({
-        name: t.name,
-        color: t.color,
-        scale: t.individualScale,
-        scaleYLabels: t.scaleYLabels,
-        // FIX
-        zero: t.zeroPosition,
-        max: t.individualMax,
-        scaleLabel: t.scaleLabel || "",
-        id: t.id,
-        yOffset: t.yOffset || 0,
-        individualHeight: t.individualHeight || this.drawingArea.height
-      })), b = [...a, ...o, ...c].flatMap((t) => t).length;
-      return [...a, ...o, ...c].flatMap((t, e) => ({
-        id: t.id,
-        scaleLabel: t.scaleLabel,
-        name: t.name,
-        color: t.color,
-        scale: t.scale,
-        yOffset: t.yOffset,
-        individualHeight: t.individualHeight,
-        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / b * (e + 1),
-        yLabels: t.scaleYLabels || t.scale.ticks.map((N) => ({
-          y: N >= 0 ? t.zero - t.individualHeight * (N / t.max) : t.zero + t.individualHeight * Math.abs(N) / t.max,
-          value: N
-        }))
-      }));
-    },
-    isDataset() {
-      return !!this.dataset && this.dataset.length;
-    },
-    chartFont() {
-      const a = document.getElementById(`vue-ui-xy_${this.uniqueId}`);
-      return window.getComputedStyle(a, null).getPropertyValue("font-family");
-    },
-    FINAL_CONFIG: {
-      get: function() {
-        const a = K().vue_ui_xy;
-        if (!Object.keys(this.config || {}).length)
-          return a;
-        const o = this.useNestedProp({
-          userConfig: this.config,
-          defaultConfig: a
-        });
-        return o.theme ? {
-          ...q({
-            userConfig: this.themes.vue_ui_xy[o.theme] || this.config,
-            defaultConfig: o
-          }),
-          customPalette: this.themePalettes[o.theme] || this.palette
-        } : o;
-      },
-      set: function(a) {
-        return a;
-      }
-    },
-    hasHighlightArea() {
-      return this.FINAL_CONFIG.chart.highlightArea && this.FINAL_CONFIG.chart.highlightArea.show;
-    },
-    highlightAreaSpan() {
-      const { from: a, to: o } = this.FINAL_CONFIG.chart.highlightArea;
-      return a === o ? 1 : o < a ? 0 : o - a + 1;
-    },
-    relativeZero() {
-      return this.niceScale.min >= 0 ? 0 : Math.abs(this.niceScale.min);
-    },
-    absoluteMax() {
-      return this.niceScale.max + this.relativeZero;
-    },
-    safeDataset() {
-      return this.useSafeValues ? this.dataset.map((a, o) => ({
-        ...a,
-        series: a.series.map((c) => this.isSafeValue(c) ? c : null).slice(this.slicer.start, this.slicer.end),
-        color: this.convertColorToHex(a.color ? a.color : this.customPalette[o] ? this.customPalette[o] : this.palette[o]),
-        id: `uniqueId_${o}`
-      })) : this.dataset;
-    },
-    relativeDataset() {
-      return this.safeDataset.map((a, o) => ({
-        ...a,
-        series: a.series.map((c) => c + this.relativeZero),
-        absoluteValues: a.series
-      })).filter((a) => !this.segregatedSeries.includes(a.id));
-    },
-    tableSparklineDataset() {
-      return this.relativeDataset.map((a) => {
-        const o = a.absoluteValues.map((c) => [void 0, null].includes(c) ? 0 : c);
-        return {
-          id: a.id,
-          name: a.name,
-          color: a.color,
-          values: this.fillArray(this.maxSeries, o)
-        };
-      });
-    },
-    tableSparklineConfig() {
-      return {
-        responsiveBreakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint,
-        roundingValues: this.FINAL_CONFIG.table.rounding,
-        showAverage: !1,
-        showMedian: !1,
-        showTotal: !1,
-        fontFamily: this.FINAL_CONFIG.chart.fontFamily,
-        colNames: JSON.parse(JSON.stringify(this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values)),
-        thead: {
-          backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
-          color: this.FINAL_CONFIG.table.th.color,
-          outline: this.FINAL_CONFIG.table.th.outline
-        },
-        tbody: {
-          backgroundColor: this.FINAL_CONFIG.table.td.backgroundColor,
-          color: this.FINAL_CONFIG.table.td.color,
-          outline: this.FINAL_CONFIG.table.td.outline
-        },
-        userOptions: {
-          show: !1
-        }
-      };
-    },
-    absoluteDataset() {
-      return this.safeDataset.map((a, o) => ({
-        absoluteIndex: o,
-        ...a,
-        series: a.series.map((c) => c + this.relativeZero),
-        absoluteValues: a.series,
-        segregate: () => this.segregate(a),
-        isSegregated: this.segregatedSeries.includes(a.id)
-      }));
-    },
-    barSet() {
-      return this.activeSeriesWithStackRatios.filter((a) => a.type === "bar").map((a, o) => {
-        this.checkAutoScaleError(a);
-        const c = Math.min(...a.absoluteValues.filter((u) => ![null, void 0].includes(u))), b = Math.max(...a.absoluteValues.filter((u) => ![null, void 0].includes(u))), e = {
-          ratios: a.absoluteValues.filter((u) => ![null, void 0].includes(u)).map((u) => (u - c) / (b - c)),
-          valueMin: c,
-          valueMax: b < 0 ? 0 : b
-        }, N = {
-          max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
-          min: a.scaleMin || Math.min(...a.absoluteValues.filter((u) => ![void 0, null].includes(u))) > 0 ? 0 : Math.min(...a.absoluteValues.filter((u) => ![null, void 0].includes(u)))
-        }, A = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, f = this.calculateNiceScale(N.min, N.max, A), F = this.calculateNiceScale(e.valueMin, e.valueMax, A), p = f.min >= 0 ? 0 : Math.abs(f.min), k = 0, w = f.max + p, v = F.max + Math.abs(k), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, l = this.drawingArea.bottom - _ - L * p / w, n = this.drawingArea.bottom - _ - L * k / v, s = this.absoluteDataset.filter((u) => u.type === "bar").filter((u) => !this.segregatedSeries.includes(u.id)).length, g = a.series.map((u, x) => {
-          const H = this.mutableConfig.useIndividualScale ? (a.absoluteValues[x] + p) / w : this.ratioToMax(u), B = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * x : this.drawingArea.left + this.slot.bar * o + this.slot.bar * x * s - this.barSlot / 2 - o * this.barPeriodGap;
-          return {
-            yOffset: _,
-            individualHeight: L,
-            x: B,
-            y: this.drawingArea.bottom - _ - L * H,
-            value: a.absoluteValues[x],
-            zeroPosition: l,
-            individualMax: w,
-            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[x] || ""
-          };
-        }), D = a.absoluteValues.map((u) => F.min >= 0 ? (u - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (u + Math.abs(F.min)) / (F.max + Math.abs(F.min))), R = a.series.map((u, x) => {
-          const H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * x : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * o + this.slot.bar * x * this.absoluteDataset.filter((B) => B.type === "bar").filter((B) => !this.segregatedSeries.includes(B.id)).length;
-          return {
-            yOffset: _,
-            individualHeight: L,
-            x: H,
-            y: this.drawingArea.bottom - _ - (L * D[x] || 0),
-            value: a.absoluteValues[x],
-            zeroPosition: l,
-            individualMax: w,
-            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[x] || ""
-          };
-        }), y = f.ticks.map((u) => ({
-          y: u >= 0 ? l - L * (u / w) : l + L * Math.abs(u) / w,
-          value: u
-        })), O = F.ticks.map((u) => {
-          const x = (u - F.min) / (F.max - F.min);
-          return {
-            y: u >= 0 ? n - L * x : n + L * x,
-            value: u
-          };
-        });
-        return {
-          ...a,
-          yOffset: _,
-          autoScaleYLabels: O,
-          individualHeight: L,
-          scaleYLabels: a.autoScaling ? O : y,
-          individualScale: a.autoScaling ? F : f,
-          individualMax: a.autoScaling ? v : w,
-          zeroPosition: a.autoScaling ? n : l,
-          plots: a.autoScaling ? R : g
-        };
-      });
-    },
-    activeSeriesLength() {
-      return this.absoluteDataset.length;
-    },
-    activeSeriesWithStackRatios() {
-      return this.assignStackRatios(this.absoluteDataset.filter((a) => !this.segregatedSeries.includes(a.id)));
-    },
-    lineSet() {
-      return this.activeSeriesWithStackRatios.filter((a) => a.type === "line").map((a) => {
-        this.checkAutoScaleError(a);
-        const o = Math.min(...a.absoluteValues.filter((u) => ![void 0, null].includes(u))), c = Math.max(...a.absoluteValues.filter((u) => ![void 0, null].includes(u))) || 1, t = {
-          ratios: a.absoluteValues.filter((u) => ![null, void 0].includes(u)).map((u) => (u - o) / (c - o)),
-          valueMin: o,
-          valueMax: c
-        }, e = {
-          max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
-          min: a.scaleMin || (Math.min(...a.absoluteValues) > 0 ? 0 : Math.min(...a.absoluteValues))
-        }, N = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScale(e.min, e.max, N), f = this.calculateNiceScale(t.valueMin, t.valueMax, N), F = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + Math.abs(F), w = f.max + Math.abs(p), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - v - _ * F / k, l = this.drawingArea.bottom - v - _ * p / w, n = a.series.map((u, x) => {
-          const H = this.mutableConfig.useIndividualScale ? (a.absoluteValues[x] + Math.abs(F)) / k : this.ratioToMax(u);
-          return {
-            x: this.drawingArea.left + this.slot.line / 2 + this.slot.line * x,
-            y: this.drawingArea.bottom - v - _ * H,
-            value: a.absoluteValues[x],
-            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[x] || ""
-          };
-        }), s = a.absoluteValues.map((u) => f.min >= 0 ? (u - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (u + Math.abs(f.min)) / (f.max + Math.abs(f.min))), g = a.series.map((u, x) => {
-          if (![void 0, null].includes(a.absoluteValues[x]))
-            return {
-              x: this.drawingArea.left + this.slot.line / 2 + this.slot.line * x,
-              y: this.drawingArea.bottom - v - (_ * s[x] || 0),
-              value: a.absoluteValues[x],
-              comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[x] || ""
-            };
-        }), D = this.createSmoothPath(n), R = this.createSmoothPath(g), y = A.ticks.map((u) => ({
-          y: u >= 0 ? L - _ * (u / k) : L + _ * Math.abs(u) / k,
-          value: u
-        })), O = f.ticks.map((u) => {
-          const x = (u - f.min) / (f.max - f.min);
-          return {
-            y: u >= 0 ? l - _ * x : l + _ * x,
-            value: u
-          };
-        });
-        return {
-          ...a,
-          yOffset: v,
-          autoScaleYLabels: O,
-          individualHeight: _,
-          scaleYLabels: a.autoScaling ? O : y,
-          individualScale: a.autoScaling ? f : A,
-          individualMax: a.autoScaling ? w : k,
-          zeroPosition: a.autoScaling ? l : L,
-          curve: a.autoScaling ? R : D,
-          plots: a.autoScaling ? g : n,
-          area: a.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(a.autoScaling ? g : n, a.autoScaling ? l : L) : this.createArea(n) : ""
-        };
-      });
-    },
-    plotSet() {
-      return this.activeSeriesWithStackRatios.filter((a) => a.type === "plot").map((a) => {
-        this.checkAutoScaleError(a);
-        const o = Math.min(...a.absoluteValues.filter((y) => ![null, void 0].includes(y))), c = Math.max(...a.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, t = {
-          ratios: a.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - o) / (c - o)),
-          valueMin: o,
-          valueMax: c
-        }, e = {
-          max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
-          min: a.scaleMin || Math.min(...a.absoluteValues) > 0 ? 0 : Math.min(...a.absoluteValues)
-        }, N = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScale(e.min, e.max, N), f = this.calculateNiceScale(t.valueMin, t.valueMax, N), F = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + F, w = f.max + Math.abs(p), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - v - _ * F / k, l = this.drawingArea.bottom - v - _ * p / w, n = a.series.map((y, O) => {
-          const u = this.mutableConfig.useIndividualScale ? (a.absoluteValues[O] + Math.abs(F)) / k : this.ratioToMax(y);
-          return {
-            x: this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O,
-            y: this.drawingArea.bottom - v - _ * u,
-            value: a.absoluteValues[O],
-            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
-          };
-        }), s = a.absoluteValues.map((y) => f.min >= 0 ? (y - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (y + Math.abs(f.min)) / (f.max + Math.abs(f.min))), g = a.series.map((y, O) => ({
-          x: this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O,
-          y: this.drawingArea.bottom - v - (_ * s[O] || 0),
-          value: a.absoluteValues[O],
-          comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
-        })), D = A.ticks.map((y) => ({
-          y: y >= 0 ? L - _ * (y / k) : L + _ * Math.abs(y) / k,
-          value: y
-        })), R = f.ticks.map((y) => {
-          const O = (y - f.min) / (f.max - f.min);
-          return {
-            y: y >= 0 ? l - _ * O : l + _ * O,
-            value: y
-          };
-        });
-        return {
-          ...a,
-          yOffset: v,
-          autoScaleYLabels: R,
-          individualHeight: _,
-          scaleYLabels: a.autoScaling ? R : D,
-          individualScale: a.autoScaling ? f : A,
-          individualMax: a.autoScaling ? w : k,
-          zeroPosition: a.autoScaling ? l : L,
-          plots: a.autoScaling ? g : n
-        };
-      });
-    },
-    drawingArea() {
-      const a = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((o) => !this.segregatedSeries.includes(o.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
-      return {
-        top: this.FINAL_CONFIG.chart.padding.top,
-        right: this.width - this.FINAL_CONFIG.chart.padding.right,
-        bottom: this.height - this.FINAL_CONFIG.chart.padding.bottom,
-        left: this.FINAL_CONFIG.chart.padding.left + a,
-        height: this.height - (this.FINAL_CONFIG.chart.padding.top + this.FINAL_CONFIG.chart.padding.bottom),
-        width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + a)
-      };
-    },
-    max() {
-      return Math.max(...this.safeDataset.filter((a) => !this.segregatedSeries.includes(a.id)).map((a) => Math.max(...a.series)));
-    },
-    min() {
-      const a = Math.min(...this.safeDataset.filter((o) => !this.segregatedSeries.includes(o.id)).map((o) => Math.min(...o.series)));
-      return a > 0 ? 0 : a;
-    },
-    niceScale() {
-      return this.calculateNiceScale(this.min, this.max < 0 ? 0 : this.max, this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps);
-    },
-    maxSeries() {
-      return this.slicer.end - this.slicer.start;
-    },
-    timeLabels() {
-      return this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values.slice(this.slicer.start, this.slicer.end);
-    },
-    slot() {
-      return {
-        bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((a) => a.type === "bar").filter((a) => !this.segregatedSeries.includes(a.id)).length,
-        plot: this.drawingArea.width / this.maxSeries,
-        line: this.drawingArea.width / this.maxSeries
-      };
-    },
-    barSlot() {
-      const a = this.safeDataset.filter((o) => o.type === "bar").filter((o) => !this.segregatedSeries.includes(o.id)).length;
-      return this.drawingArea.width / this.maxSeries / a - this.barPeriodGap * a;
-    },
-    barPeriodGap() {
-      return this.slot.line * this.FINAL_CONFIG.bar.periodGap;
-    },
-    maxSlot() {
-      return Math.max(...Object.values(this.slot).filter((a) => a !== 1 / 0));
-    },
-    table() {
-      if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const a = this.relativeDataset.map((c) => ({
-        label: c.name,
-        color: c.color,
-        type: c.type
-      })), o = [];
-      return this.timeLabels.forEach((c, b) => {
-        const t = [c];
-        this.relativeDataset.forEach((e) => {
-          t.push(this.canShowValue(e.absoluteValues[b]) ? Number(e.absoluteValues[b].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
-        }), o.push(t);
-      }), { head: a, body: o };
-    },
-    dataTable() {
-      const a = [""].concat(this.relativeDataset.map((t) => t.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
-      let o = [];
-      for (let t = 0; t < this.maxSeries; t += 1) {
-        const e = this.relativeDataset.map((N) => N.absoluteValues[t] ?? 0).reduce((N, A) => N + A, 0);
-        o.push([this.timeLabels[t] ?? "-"].concat(this.relativeDataset.map((N) => (N.absoluteValues[t] ?? 0).toFixed(this.FINAL_CONFIG.table.rounding))).concat((e ?? 0).toFixed(this.FINAL_CONFIG.table.rounding)));
-      }
-      const c = {
-        th: {
-          backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
-          color: this.FINAL_CONFIG.table.th.color,
-          outline: this.FINAL_CONFIG.table.th.outline
-        },
-        td: {
-          backgroundColor: this.FINAL_CONFIG.table.td.backgroundColor,
-          color: this.FINAL_CONFIG.table.td.color,
-          outline: this.FINAL_CONFIG.table.td.outline
-        },
-        breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
-      }, b = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((t) => t.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: a, body: o, config: c, colNames: b };
-    },
-    dataTooltipSlot() {
-      return {
-        datapoint: this.selectedSeries,
-        seriesIndex: this.selectedSerieIndex,
-        series: this.absoluteDataset,
-        bars: this.barSet,
-        lines: this.lineSet,
-        plots: this.plotSet,
-        config: this.FINAL_CONFIG
-      };
-    },
-    selectedSeries() {
-      return this.relativeDataset.map((a) => ({
-        shape: a.shape || null,
-        name: a.name,
-        color: a.color,
-        type: a.type,
-        value: a.absoluteValues.find((o, c) => c === this.selectedSerieIndex),
-        comments: a.comments || []
-      }));
-    },
-    tooltipContent() {
-      let a = "", o = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
-      const c = this.timeLabels[this.selectedSerieIndex], b = this.FINAL_CONFIG.chart.tooltip.customFormat;
-      return this.isFunction(b) && this.functionReturnsString(() => b({
-        seriesIndex: this.selectedSerieIndex,
-        datapoint: this.selectedSeries,
-        series: this.absoluteDataset,
-        bars: this.barSet,
-        lines: this.lineSet,
-        plots: this.plotSet,
-        config: this.FINAL_CONFIG
-      })) ? b({
-        seriesIndex: this.selectedSerieIndex,
-        datapoint: this.selectedSeries,
-        series: this.absoluteDataset,
-        bars: this.barSet,
-        lines: this.lineSet,
-        plots: this.plotSet,
-        config: this.FINAL_CONFIG
-      }) : (c && (a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${c}</div>`), this.selectedSeries.forEach((t) => {
-        if (this.isSafeValue(t.value)) {
-          let e = "", N = "";
-          switch (this.icons[t.type]) {
-            case "bar":
-              e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${t.color}" /></svg>`;
-              break;
-            case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? N = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" />` : t.shape === "triangle" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "square" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "diamond" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "pentagon" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "hexagon" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "star" && (N = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${t.color}" />${N}</svg>`;
-              break;
-            case "plot":
-              if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" /></svg>`;
-                break;
-              }
-              if (t.shape === "star") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${X({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
-                break;
-              }
-              if (t.shape === "triangle") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (t.shape === "square") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (t.shape === "diamond") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (t.shape === "pentagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (t.shape === "hexagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-          }
-          a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${t.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.dataLabel({ p: this.FINAL_CONFIG.chart.labels.prefix, v: t.value, s: this.FINAL_CONFIG.chart.labels.suffix, r: this.FINAL_CONFIG.chart.tooltip.roundingValue }) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${this.checkNaN(Math.abs(t.value) / o * 100).toFixed(this.FINAL_CONFIG.chart.tooltip.roundingPercentage)}%)` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
-        }
-      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${a}</div>`);
-    },
-    svg() {
-      return {
-        height: this.height,
-        width: this.width
-      };
-    },
-    yLabels() {
-      return this.niceScale.ticks.map((a) => ({
-        y: a >= 0 ? this.zero - this.drawingArea.height * this.ratioToMax(a) : this.zero + this.drawingArea.height * this.ratioToMax(Math.abs(a)),
-        value: a
-      }));
-    },
-    zero() {
-      return this.drawingArea.bottom - this.drawingArea.height * this.ratioToMax(this.relativeZero);
-    }
-  },
-  mounted() {
-    if (this.objectIsEmpty(this.dataset) ? this.error({
-      componentName: "VueUiXy",
-      type: "dataset"
-    }) : this.dataset.forEach((a, o) => {
-      [null, void 0].includes(a.name) && this.error({
-        componentName: "VueUiXy",
-        type: "datasetSerieAttribute",
-        property: "name (string)",
-        index: o
-      });
-    }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((a) => {
-      a.series.forEach((o, c) => {
-        this.isSafeValue(o) || console.warn(`SmartXY has detected an unsafe value in your dataset:
------> The serie '${a.name}' contains the value '${o}' at index ${c}.
-'${o}' was converted to null to allow the chart to display.`);
-      });
-    }), document.addEventListener("mousemove", (a) => {
-      this.clientPosition = {
-        x: a.clientX,
-        y: a.clientY
-      };
-    }), this.mutableConfig = {
-      dataLabels: {
-        show: !0
-      },
-      showTooltip: this.FINAL_CONFIG.chart.tooltip.show === !0,
-      showTable: this.FINAL_CONFIG.showTable === !0,
-      isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
-      useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
-    }, this.FINAL_CONFIG.responsive) {
-      const o = this.$refs.chart.parentNode, { height: c, width: b } = o.getBoundingClientRect();
-      let t = null, e = 0;
-      this.FINAL_CONFIG.chart.title.show && (t = this.$refs.chartTitle, e = t.getBoundingClientRect().height);
-      let N = null, A = 0;
-      this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (N = this.$refs.chartSlicer.$el, A = N.getBoundingClientRect().height);
-      let f = null, F = 0;
-      this.FINAL_CONFIG.chart.legend.show && (f = this.$refs.chartLegend, F = f.getBoundingClientRect().height), this.height = c - e - F - A, this.width = b, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((k) => {
-        for (const w of k)
-          t && (e = t.getBoundingClientRect().height), N && (A = N.getBoundingClientRect().height), f && (F = f.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - F - A - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
-      }).observe(o);
-    } else
-      this.height = this.FINAL_CONFIG.chart.height, this.width = this.FINAL_CONFIG.chart.width, this.viewBox = `0 0 ${this.width} ${this.height}`, this.fontSizes.dataLabels = this.FINAL_CONFIG.chart.grid.labels.fontSize, this.fontSizes.yAxis = this.FINAL_CONFIG.chart.grid.labels.axis.fontSize, this.fontSizes.xAxis = this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.fontSize, this.fontSizes.plotLabels = this.FINAL_CONFIG.chart.labels.fontSize, this.plotRadii.plot = this.FINAL_CONFIG.plot.radius, this.plotRadii.line = this.FINAL_CONFIG.line.radius;
-  },
-  methods: {
-    abbreviate: se,
-    assignStackRatios: oe,
-    calculateNiceScale: ne,
-    checkNaN: he,
-    createSmoothPath: ce,
-    isSafeValue: ue,
-    treeShake: de,
-    shiftHue: ge,
-    pdf: Q,
-    img: j,
-    convertColorToHex: fe,
-    convertConfigColors: be,
-    convertCustomPalette: Ie,
-    downloadCsv: me,
-    createCsvContent: Ne,
-    adaptColorToBackground: _e,
-    calcLinearProgression: Fe,
-    useMouse: ze,
-    closestDecimal: xe,
-    dataLabel: ye,
-    isFunction: Ae,
-    functionReturnsString: Se,
-    error: Le,
-    objectIsEmpty: Ce,
-    createTSpans: ke,
-    useNestedProp: q,
-    translateSize: we,
-    convertSizes() {
-      this.fontSizes.dataLabels = this.translateSize({
-        relator: this.height,
-        adjuster: 400,
-        source: this.FINAL_CONFIG.chart.grid.labels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), this.fontSizes.yAxis = this.translateSize({
-        relator: this.width,
-        adjuster: 1e3,
-        source: this.FINAL_CONFIG.chart.grid.labels.axis.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), this.fontSizes.xAxis = this.translateSize({
-        relator: this.width,
-        adjuster: 1e3,
-        source: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), this.fontSizes.plotLabels = this.translateSize({
-        relator: this.width,
-        adjuster: 800,
-        source: this.FINAL_CONFIG.chart.labels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), this.plotRadii.plot = this.translateSize({
-        relator: this.width,
-        adjuster: 800,
-        source: this.FINAL_CONFIG.plot.radius,
-        threshold: 1,
-        fallback: 1
-      }), this.plotRadii.line = this.translateSize({
-        relator: this.width,
-        adjuster: 800,
-        source: this.FINAL_CONFIG.line.radius,
-        threshold: 1,
-        fallback: 1
-      });
-    },
-    toggleStack() {
-      this.mutableConfig.isStacked = !this.mutableConfig.isStacked, this.mutableConfig.isStacked ? this.mutableConfig.useIndividualScale = !0 : this.mutableConfig.useIndividualScale = this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale;
-    },
-    toggleTable() {
-      this.mutableConfig.showTable = !this.mutableConfig.showTable;
-    },
-    toggleLabels() {
-      this.mutableConfig.dataLabels.show = !this.mutableConfig.dataLabels.show;
-    },
-    toggleTooltip() {
-      this.mutableConfig.showTooltip = !this.mutableConfig.showTooltip;
-    },
-    checkAutoScaleError(a) {
-      a.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
-    },
-    createArea(a) {
-      if (!a[0]) return [-10, -10, "", -10, -10];
-      const o = { x: a[0].x, y: this.zero }, c = { x: a.at(-1).x, y: this.zero }, b = [];
-      return a.forEach((t) => {
-        b.push(`${t.x},${t.y} `);
-      }), [o.x, o.y, ...b, c.x, c.y].toString();
-    },
-    createIndividualArea(a, o) {
-      if (!a[0]) return [-10, -10, "", -10, -10];
-      const c = { x: a[0] ? a[0].x : Math.min(...a.filter((e) => !!e).map((e) => e.x)), y: o }, b = { x: a.at(-1) ? a.at(-1).x : Math.min(...a.filter((e) => !!e).map((e) => e.x)), y: o }, t = [];
-      return a.filter((e) => !!e).forEach((e) => {
-        t.push(`${e.x},${e.y} `);
-      }), [c.x, c.y, ...t, b.x, b.y].toString();
-    },
-    createStar: X,
-    createPolygonPath: M,
-    /////////////////////////////// CANVAS /////////////////////////////////
-    fillArray(a, o) {
-      let c = Array(a).fill(0);
-      for (let b = 0; b < o.length && b < a; b += 1)
-        c[b] = o[b];
-      return c;
-    },
-    refreshSlicer() {
-      this.slicer = {
-        start: 0,
-        end: Math.max(...this.dataset.map((a) => a.series.length))
-      }, this.slicerStep += 1;
-    },
-    calcRectHeight(a) {
-      return a.value >= 0 ? this.zero - a.y <= 0 ? 1e-5 : this.zero - a.y : a.y - this.zero <= 0 ? 1e-5 : a.y - this.zero;
-    },
-    calcIndividualHeight(a) {
-      return a.value >= 0 ? a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y : a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y;
-    },
-    calcRectWidth() {
-      return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.slot.line - this.drawingArea.width / this.maxSeries * 0.1 : this.slot.bar;
-    },
-    calcRectX(a) {
-      return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? a.x + this.drawingArea.width / this.maxSeries * 0.05 : a.x + this.slot.bar / 2;
-    },
-    calcRectY(a) {
-      return a.value >= 0 ? a.y : this.zero;
-    },
-    calcIndividualRectY(a) {
-      return a.value >= 0 ? a.y : a.zeroPosition;
-    },
-    canShowValue(a) {
-      return ![null, void 0, NaN].includes(a);
-    },
-    findClosestValue(a, o) {
-      let c = o[0], b = Math.abs(a - o[0]);
-      for (let t = 1; t < o.length; t += 1) {
-        const e = Math.abs(a - o[t]);
-        e < b && o[t] < a && (c = o[t], b = e);
-      }
-      return c;
-    },
-    ratioToMax(a) {
-      return a / this.absoluteMax;
-    },
-    selectX(a) {
-      this.$emit(
-        "selectX",
-        {
-          dataset: this.relativeDataset.map((o) => ({
-            name: o.name,
-            value: [null, void 0, NaN].includes(o.absoluteValues[a]) ? null : o.absoluteValues[a],
-            color: o.color,
-            type: o.type
-          })),
-          index: a,
-          indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[a]
-        }
-      );
-    },
-    getData() {
-      return this.absoluteDataset.map((a) => ({
-        values: a.absoluteValues,
-        color: a.color,
-        name: a.name,
-        type: a.type
-      }));
-    },
-    segregate(a) {
-      if (this.segregatedSeries.includes(a.id))
-        this.segregatedSeries = this.segregatedSeries.filter((o) => o !== a.id);
-      else {
-        if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
-        this.segregatedSeries.push(a.id);
-      }
-      this.$emit("selectLegend", this.relativeDataset.map((o) => ({
-        name: o.name,
-        values: o.absoluteValues,
-        color: o.color,
-        type: o.type
-      }))), this.segregateStep += 1;
-    },
-    toggleTooltipVisibility(a, o = null) {
-      this.isTooltip = a, a ? this.selectedSerieIndex = o : this.selectedSerieIndex = null;
-    },
-    toggleFullscreen(a) {
-      this.isFullscreen = a, this.step += 1;
-    },
-    showSpinnerPdf() {
-      this.isPrinting = !0;
-    },
-    generatePdf() {
-      this.showSpinnerPdf(), clearTimeout(this.__to__), this.__to__ = setTimeout(() => {
-        this.pdf({
-          domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
-          fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy"
-        }).finally(() => {
-          this.isPrinting = !1;
-        });
-      }, 100);
-    },
-    generateCsv() {
-      const a = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], o = ["", ...this.table.head.map((e) => e.label)], c = this.table.body, b = a.concat([o]).concat(c), t = this.createCsvContent(b);
-      this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
-    },
-    showSpinnerImage() {
-      this.isImaging = !0;
-    },
-    generateImage() {
-      this.showSpinnerImage(), clearTimeout(this.__to__), this.__to__ = setTimeout(() => {
-        this.img({
-          domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
-          fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
-          format: "png"
-        }).finally(() => {
-          this.isImaging = !1;
-        });
-      }, 100);
-    }
-  }
-}, We = ["id"], Ye = ["viewBox"], Ee = { key: 0 }, Xe = { class: "vue-ui-xy-grid" }, qe = ["stroke", "x1", "x2", "y1", "y2"], Ze = ["stroke", "x1", "x2", "y1", "y2"], Ue = { key: 1 }, Je = ["x1", "x2", "y1", "y2", "stroke"], Ke = ["x1", "x2", "y1", "y2", "stroke"], Qe = ["x1", "x2", "y1", "y2", "stroke"], je = { key: 3 }, $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["id"], tt = ["stop-color"], lt = ["stop-color"], at = ["stop-color"], it = ["id"], rt = ["stop-color"], st = ["stop-color"], ot = ["stop-color"], nt = ["id"], ht = ["stop-color"], ct = ["stop-color"], ut = ["id"], dt = ["stop-color"], gt = ["stop-color"], ft = ["id"], bt = ["stop-color"], It = ["stop-color"], mt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Nt = ["width", "x", "y"], _t = { key: 0 }, Ft = ["id"], xt = ["fill"], yt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], At = ["x", "y", "font-size", "fill"], St = ["stroke", "x1", "x2", "y1", "y2"], Lt = ["width", "x", "y"], Ct = { style: { width: "100%" } }, kt = { key: 0 }, wt = ["id"], Ot = ["fill"], vt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Gt = ["x", "y", "font-size", "fill"], zt = ["d", "stroke", "stroke-width", "stroke-dasharray"], pt = { key: 1 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mt = { key: 0 }, Pt = ["d", "fill"], Vt = ["d", "fill"], Rt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Dt = { key: 2 }, Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bt = ["width", "x", "y"], Wt = { style: { width: "100%" } }, Yt = { key: 3 }, Et = ["id"], Xt = ["fill"], qt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Zt = ["x", "y", "font-size", "fill"], Ut = { key: 2 }, Jt = ["x", "y", "font-size", "fill"], Kt = ["x", "y", "font-size", "fill", "font-weight"], Qt = { key: 3 }, jt = ["x", "y", "font-size", "fill"], $t = ["x", "y"], el = ["x", "y"], tl = { key: 4 }, ll = ["x", "y", "font-size", "fill"], al = ["x", "y"], il = ["x", "y"], rl = { key: 5 }, sl = ["x", "y", "height", "width", "fill"], ol = ["x", "y", "width"], nl = ["y", "width", "height", "fill"], hl = ["x", "y", "width", "height", "fill"], cl = ["x", "y", "font-size", "fill", "innerHTML"], ul = ["x", "y", "font-size", "fill", "innerHTML"], dl = ["x", "y", "font-size", "fill", "innerHTML"], gl = ["x", "y", "font-size", "fill", "innerHTML"], fl = { key: 6 }, bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Il = ["fill", "font-size", "transform"], ml = ["x1", "x2", "y1", "y2", "stroke"], Nl = ["x", "y", "font-size", "fill"], _l = ["x1", "x2", "y1", "y2", "stroke"], Fl = ["x", "y", "font-size", "fill"], xl = ["x", "y", "width", "height", "fill", "onMouseenter"], yl = ["font-size", "fill", "transform"], Al = ["x", "y", "font-size", "fill"], Sl = { key: 8 }, Ll = ["text-anchor", "font-size", "fill", "transform"], Cl = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], kl = { key: 9 }, wl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ol = { key: 10 }, vl = ["x", "y"], Gl = ["cx", "cy", "r", "fill"], zl = ["onClick"], pl = {
-  key: 0,
-  viewBox: "0 0 20 12",
-  height: "14",
-  width: "20"
-}, Tl = ["fill"], Ml = {
-  key: 1,
-  viewBox: "0 0 12 12",
-  height: "14",
-  width: "14"
-}, Pl = ["fill"], Vl = {
-  key: 6,
-  ref: "chartLegend"
-}, Rl = {
-  style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
-  "data-html2canvas-ignore": ""
-}, Dl = ["innerHTML"];
-function Hl(a, o, c, b, t, e) {
-  const N = P("Title"), A = P("UserOptions"), f = P("Shape"), F = P("Skeleton"), p = P("Slicer"), k = P("Tooltip"), w = P("BaseIcon"), v = P("TableSparkline"), _ = P("DataTable"), L = P("Accordion");
-  return i(), r("div", {
-    id: `vue-ui-xy_${t.uniqueId}`,
-    class: T(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
-    ref: "chart",
-    style: S(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;${e.FINAL_CONFIG.chart.title.text ? "" : "padding-top:36px"};font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`)
-  }, [
-    e.FINAL_CONFIG.chart.title.show ? (i(), r("div", {
-      key: 0,
-      ref: "chartTitle",
-      class: "vue-ui-xy-title",
-      style: S(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
-    }, [
-      W(N, {
-        config: {
-          title: {
-            cy: "xy-div-title",
-            ...e.FINAL_CONFIG.chart.title
-          },
-          subtitle: {
-            cy: "xy-div-subtitle",
-            ...e.FINAL_CONFIG.chart.title.subtitle
-          }
-        }
-      }, null, 8, ["config"])
-    ], 4)) : h("", !0),
-    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (i(), V(A, {
-      ref: "defails",
-      key: `user_options_${t.step}`,
-      backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
-      color: e.FINAL_CONFIG.chart.color,
-      isPrinting: t.isPrinting,
-      isImaging: t.isImaging,
-      uid: t.uniqueId,
-      hasTooltip: e.FINAL_CONFIG.chart.userOptions.buttons.tooltip && e.FINAL_CONFIG.chart.tooltip.show,
-      hasPdf: e.FINAL_CONFIG.chart.userOptions.buttons.pdf,
-      hasXls: e.FINAL_CONFIG.chart.userOptions.buttons.csv,
-      hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
-      hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
-      hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
-      hasStack: c.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
-      hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
-      isStacked: t.mutableConfig.isStacked,
-      isFullscreen: t.isFullscreen,
-      chartElement: a.$refs.chart,
-      isTooltip: t.mutableConfig.showTooltip,
-      titles: { ...e.FINAL_CONFIG.chart.userOptions.buttonTitles },
-      onToggleFullscreen: e.toggleFullscreen,
-      onGeneratePdf: e.generatePdf,
-      onGenerateCsv: e.generateCsv,
-      onGenerateImage: e.generateImage,
-      onToggleTable: e.toggleTable,
-      onToggleLabels: e.toggleLabels,
-      onToggleStack: e.toggleStack,
-      onToggleTooltip: e.toggleTooltip
-    }, Pe({ _: 2 }, [
-      a.$slots.optionTooltip ? {
-        name: "optionTooltip",
-        fn: z(() => [
-          G(a.$slots, "optionTooltip", {}, void 0, !0)
-        ]),
-        key: "0"
-      } : void 0,
-      a.$slots.optionPdf ? {
-        name: "optionPdf",
-        fn: z(() => [
-          G(a.$slots, "optionPdf", {}, void 0, !0)
-        ]),
-        key: "1"
-      } : void 0,
-      a.$slots.optionCsv ? {
-        name: "optionCsv",
-        fn: z(() => [
-          G(a.$slots, "optionCsv", {}, void 0, !0)
-        ]),
-        key: "2"
-      } : void 0,
-      a.$slots.optionImg ? {
-        name: "optionImg",
-        fn: z(() => [
-          G(a.$slots, "optionImg", {}, void 0, !0)
-        ]),
-        key: "3"
-      } : void 0,
-      a.$slots.optionTable ? {
-        name: "optionTable",
-        fn: z(() => [
-          G(a.$slots, "optionTable", {}, void 0, !0)
-        ]),
-        key: "4"
-      } : void 0,
-      a.$slots.optionLabels ? {
-        name: "optionLabels",
-        fn: z(() => [
-          G(a.$slots, "optionLabels", {}, void 0, !0)
-        ]),
-        key: "5"
-      } : void 0,
-      a.$slots.optionStack ? {
-        name: "optionStack",
-        fn: z(() => [
-          G(a.$slots, "optionStack", {}, void 0, !0)
-        ]),
-        key: "6"
-      } : void 0,
-      a.$slots.optionFullscreen ? {
-        name: "optionFullscreen",
-        fn: z(({ toggleFullscreen: l, isFullscreen: n }) => [
-          G(a.$slots, "optionFullscreen", Y(E({ toggleFullscreen: l, isFullscreen: n })), void 0, !0)
-        ]),
-        key: "7"
-      } : void 0
-    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : h("", !0),
-    e.isDataset ? (i(), r("svg", {
-      key: 2,
-      xmlns: "http://www.w3.org/2000/svg",
-      class: T([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
-      width: "100%",
-      viewBox: t.viewBox,
-      style: S(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
-    }, [
-      e.maxSeries > 0 ? (i(), r("g", Ee, [
-        d("g", Xe, [
-          e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (i(), r("line", {
-            key: 0,
-            stroke: e.FINAL_CONFIG.chart.grid.stroke,
-            "stroke-width": "1",
-            x1: e.drawingArea.left,
-            x2: e.drawingArea.right,
-            y1: e.drawingArea.bottom,
-            y2: e.drawingArea.bottom,
-            "stroke-linecap": "round"
-          }, null, 8, qe)) : h("", !0),
-          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (i(!0), r(I, { key: 2 }, m(e.allScales, (l) => (i(), r("g", null, [
-            l.id === t.selectedScale && l.yLabels.length ? (i(!0), r(I, { key: 0 }, m(l.yLabels, (n) => (i(), r("line", {
-              x1: e.drawingArea.left,
-              x2: e.drawingArea.right,
-              y1: n.y,
-              y2: n.y,
-              stroke: l.color,
-              "stroke-width": 0.5,
-              "stroke-linecap": "round"
-            }, null, 8, Ke))), 256)) : l.yLabels.length ? (i(!0), r(I, { key: 1 }, m(l.yLabels, (n) => (i(), r("line", {
-              x1: e.drawingArea.left,
-              x2: e.drawingArea.right,
-              y1: n.y,
-              y2: n.y,
-              stroke: e.FINAL_CONFIG.chart.grid.stroke,
-              "stroke-width": 0.5,
-              "stroke-linecap": "round"
-            }, null, 8, Qe))), 256)) : h("", !0)
-          ]))), 256)) : h("", !0) : (i(), r(I, { key: 1 }, [
-            e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (i(), r("line", {
-              key: 0,
-              stroke: e.FINAL_CONFIG.chart.grid.stroke,
-              "stroke-width": "1",
-              x1: e.drawingArea.left,
-              x2: e.drawingArea.left,
-              y1: e.drawingArea.top,
-              y2: e.drawingArea.bottom,
-              "stroke-linecap": "round"
-            }, null, 8, Ze)) : h("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (i(), r("g", Ue, [
-              (i(!0), r(I, null, m(e.yLabels, (l) => (i(), r("line", {
-                x1: e.drawingArea.left,
-                x2: e.drawingArea.right,
-                y1: l.y,
-                y2: l.y,
-                stroke: e.FINAL_CONFIG.chart.grid.stroke,
-                "stroke-width": 0.5,
-                "stroke-linecap": "round"
-              }, null, 8, Je))), 256))
-            ])) : h("", !0)
-          ], 64)),
-          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (i(), r("g", je, [
-            (i(!0), r(I, null, m(e.maxSeries + 1, (l, n) => (i(), r("line", {
-              key: `grid_vertical_line_${n}`,
-              x1: e.drawingArea.width / e.maxSeries * n + e.drawingArea.left,
-              x2: e.drawingArea.width / e.maxSeries * n + e.drawingArea.left,
-              y1: e.drawingArea.top,
-              y2: e.drawingArea.bottom,
-              "stroke-width": "0.5",
-              stroke: e.FINAL_CONFIG.chart.grid.stroke
-            }, null, 8, $e))), 128))
-          ])) : h("", !0)
-        ]),
-        (i(!0), r(I, null, m(e.barSet, (l, n) => (i(), r("defs", {
-          key: `def_rect_${n}`
-        }, [
-          d("linearGradient", {
-            id: `rectGradient_pos_${n}_${t.uniqueId}`,
-            x2: "0%",
-            y2: "100%"
-          }, [
-            d("stop", {
-              offset: "0%",
-              "stop-color": l.color
-            }, null, 8, tt),
-            d("stop", {
-              offset: "62%",
-              "stop-color": `${e.shiftHue(l.color, 0.02)}DE`
-            }, null, 8, lt),
-            d("stop", {
-              offset: "100%",
-              "stop-color": `${e.shiftHue(l.color, 0.05)}66`
-            }, null, 8, at)
-          ], 8, et),
-          d("linearGradient", {
-            id: `rectGradient_neg_${n}_${t.uniqueId}`,
-            x2: "0%",
-            y2: "100%"
-          }, [
-            d("stop", {
-              offset: "0%",
-              "stop-color": `${e.shiftHue(l.color, 0.05)}66`
-            }, null, 8, rt),
-            d("stop", {
-              offset: "38%",
-              "stop-color": `${e.shiftHue(l.color, 0.02)}DE`
-            }, null, 8, st),
-            d("stop", {
-              offset: "100%",
-              "stop-color": l.color
-            }, null, 8, ot)
-          ], 8, it)
-        ]))), 128)),
-        (i(!0), r(I, null, m(e.plotSet, (l, n) => (i(), r("defs", {
-          key: `def_plot_${n}`
-        }, [
-          d("radialGradient", {
-            id: `plotGradient_${n}_${t.uniqueId}`,
-            cx: "50%",
-            cy: "50%",
-            r: "50%",
-            fx: "50%",
-            fy: "50%"
-          }, [
-            d("stop", {
-              offset: "0%",
-              "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, ht),
-            d("stop", {
-              offset: "100%",
-              "stop-color": l.color
-            }, null, 8, ct)
-          ], 8, nt)
-        ]))), 128)),
-        (i(!0), r(I, null, m(e.lineSet, (l, n) => (i(), r("defs", {
-          key: `def_line_${n}`
-        }, [
-          d("radialGradient", {
-            id: `lineGradient_${n}_${t.uniqueId}`,
-            cx: "50%",
-            cy: "50%",
-            r: "50%",
-            fx: "50%",
-            fy: "50%"
-          }, [
-            d("stop", {
-              offset: "0%",
-              "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, dt),
-            d("stop", {
-              offset: "100%",
-              "stop-color": l.color
-            }, null, 8, gt)
-          ], 8, ut),
-          d("linearGradient", {
-            id: `areaGradient_${n}_${t.uniqueId}`,
-            x1: "0%",
-            x2: "100%",
-            y1: "0%",
-            y2: "0%"
-          }, [
-            d("stop", {
-              offset: "0%",
-              "stop-color": `${e.shiftHue(l.color, 0.03)}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, bt),
-            d("stop", {
-              offset: "100%",
-              "stop-color": `${l.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, It)
-          ], 8, ft)
-        ]))), 128)),
-        e.barSet.length ? (i(!0), r(I, { key: 0 }, m(e.barSet, (l, n) => (i(), r("g", {
-          key: `serie_bar_${n}`,
-          class: T(`serie_bar_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-        }, [
-          (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-            key: `bar_plot_${n}_${g}`
-          }, [
-            e.canShowValue(s.value) ? (i(), r("rect", {
-              key: 0,
-              x: e.calcRectX(s),
-              y: t.mutableConfig.useIndividualScale ? e.calcIndividualRectY(s) : e.calcRectY(s),
-              height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(s)) : Math.abs(e.calcRectHeight(s)),
-              width: e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap),
-              rx: e.FINAL_CONFIG.bar.borderRadius,
-              fill: e.FINAL_CONFIG.bar.useGradient ? s.value >= 0 ? `url(#rectGradient_pos_${n}_${t.uniqueId})` : `url(#rectGradient_neg_${n}_${t.uniqueId})` : l.color,
-              stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? l.color : e.FINAL_CONFIG.bar.border.stroke,
-              "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
-            }, null, 8, mt)) : h("", !0),
-            s.comment && e.FINAL_CONFIG.chart.comments.show ? (i(), r("foreignObject", {
-              key: 1,
-              style: { overflow: "visible" },
-              height: "12",
-              width: (e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) / 2) + e.FINAL_CONFIG.chart.comments.width,
-              x: e.calcRectX(s) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
-            }, [
-              G(a.$slots, "plot-comment", {
-                plot: { ...s, color: l.color }
-              }, void 0, !0)
-            ], 8, Nt)) : h("", !0)
-          ]))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (i(), r("g", _t, [
-            d("defs", null, [
-              d("marker", {
-                id: `bar_arrow_${n}`,
-                markerWidth: 7,
-                markerHeight: 7,
-                refX: "0",
-                refY: 7 / 2,
-                orient: "auto"
-              }, [
-                d("polygon", {
-                  points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: l.color
-                }, null, 8, xt)
-              ], 8, Ft)
-            ]),
-            l.plots.length > 1 ? (i(), r("line", {
-              key: 0,
-              x1: e.calcLinearProgression(l.plots).x1,
-              x2: e.calcLinearProgression(l.plots).x2,
-              y1: e.calcLinearProgression(l.plots).y1,
-              y2: e.calcLinearProgression(l.plots).y2,
-              "stroke-width": 1,
-              stroke: l.color,
-              "stroke-dasharray": 2,
-              "marker-end": `url(#bar_arrow_${n})`
-            }, null, 8, yt)) : h("", !0),
-            l.plots.length > 1 ? (i(), r("text", {
-              key: 1,
-              "text-anchor": "middle",
-              x: e.calcLinearProgression(l.plots).x2,
-              y: e.calcLinearProgression(l.plots).y2 - 6,
-              "font-size": t.fontSizes.plotLabels,
-              fill: l.color
-            }, C(e.dataLabel({
-              v: e.calcLinearProgression(l.plots).trend * 100,
-              s: "%",
-              r: 2
-            })), 9, At)) : h("", !0)
-          ])) : h("", !0)
-        ], 6))), 128)) : h("", !0),
-        !t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (i(), r("line", {
-          key: 1,
-          stroke: e.FINAL_CONFIG.chart.grid.stroke,
-          "stroke-width": "1",
-          x1: e.drawingArea.left,
-          x2: e.drawingArea.right,
-          y1: e.zero,
-          y2: e.zero,
-          "stroke-linecap": "round"
-        }, null, 8, St)) : h("", !0),
-        (i(!0), r(I, null, m(e.plotSet, (l, n) => (i(), r("g", {
-          key: `serie_plot_${n}`,
-          class: T(`serie_plot_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-        }, [
-          (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-            key: `circle_plot_${n}_${g}`
-          }, [
-            e.canShowValue(s.value) ? (i(), V(f, {
-              key: 0,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle",
-              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${n}_${t.uniqueId})` : l.color,
-              plot: { x: s.x, y: s.y },
-              radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g ? (t.plotRadii.plot || 6) * 1.5 : t.plotRadii.plot || 6,
-              stroke: e.FINAL_CONFIG.chart.backgroundColor,
-              strokeWidth: 0.5
-            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : h("", !0),
-            s.comment && e.FINAL_CONFIG.chart.comments.show ? (i(), r("foreignObject", {
-              key: 1,
-              style: { overflow: "visible" },
-              height: "12",
-              width: e.FINAL_CONFIG.chart.comments.width,
-              x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
-            }, [
-              d("div", Ct, [
-                G(a.$slots, "plot-comment", {
-                  plot: { ...s, color: l.color }
-                }, void 0, !0)
-              ])
-            ], 8, Lt)) : h("", !0)
-          ]))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (i(), r("g", kt, [
-            d("defs", null, [
-              d("marker", {
-                id: `plot_arrow_${n}`,
-                markerWidth: 7,
-                markerHeight: 7,
-                refX: "0",
-                refY: 7 / 2,
-                orient: "auto"
-              }, [
-                d("polygon", {
-                  points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: l.color
-                }, null, 8, Ot)
-              ], 8, wt)
-            ]),
-            l.plots.length > 1 ? (i(), r("line", {
-              key: 0,
-              x1: e.calcLinearProgression(l.plots).x1,
-              x2: e.calcLinearProgression(l.plots).x2,
-              y1: e.calcLinearProgression(l.plots).y1,
-              y2: e.calcLinearProgression(l.plots).y2,
-              "stroke-width": 1,
-              stroke: l.color,
-              "stroke-dasharray": 2,
-              "marker-end": `url(#plot_arrow_${n})`
-            }, null, 8, vt)) : h("", !0),
-            l.plots.length > 1 ? (i(), r("text", {
-              key: 1,
-              "text-anchor": "middle",
-              x: e.calcLinearProgression(l.plots).x2,
-              y: e.calcLinearProgression(l.plots).y2 - 6,
-              "font-size": t.fontSizes.plotLabels,
-              fill: l.color
-            }, C(e.dataLabel({
-              v: e.calcLinearProgression(l.plots).trend * 100,
-              s: "%",
-              r: 2
-            })), 9, Gt)) : h("", !0)
-          ])) : h("", !0)
-        ], 6))), 128)),
-        (i(!0), r(I, null, m(e.lineSet, (l, n) => (i(), r("g", {
-          key: `serie_line_${n}`,
-          class: T(`serie_line_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-        }, [
-          l.smooth && l.plots.length > 1 ? (i(), r("path", {
-            key: 0,
-            d: `M${l.curve}`,
-            stroke: e.FINAL_CONFIG.chart.backgroundColor,
-            "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
-            "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
-            fill: "none"
-          }, null, 8, zt)) : l.plots.length > 1 ? (i(), r("g", pt, [
-            (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-              key: `line_${n}_${g}`
-            }, [
-              s && g < l.plots.length - 1 && l.plots[g + 1] && e.canShowValue(s.value) && e.canShowValue(l.plots[g + 1].value) ? (i(), r("line", {
-                key: 0,
-                x1: s.x,
-                x2: l.plots[g + 1].x,
-                y1: s.y,
-                y2: l.plots[g + 1].y,
-                stroke: e.FINAL_CONFIG.chart.backgroundColor,
-                "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
-                "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
-                "stroke-linejoin": "round",
-                "stroke-linecap": "round"
-              }, null, 8, Tt)) : h("", !0)
-            ]))), 128))
-          ])) : h("", !0)
-        ], 6))), 128)),
-        (i(!0), r(I, null, m(e.lineSet, (l, n) => (i(), r("g", {
-          key: `serie_line_${n}`,
-          class: T(`serie_line_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-        }, [
-          l.useArea && l.plots.length > 1 ? (i(), r("g", Mt, [
-            l.smooth ? (i(), r("path", {
-              key: 0,
-              d: `M ${l.plots[0] ? l.plots[0].x : Math.min(...l.plots.filter((s) => !!s).map((s) => s.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - l.yOffset : e.drawingArea.bottom} ${l.curve} L ${l.plots.at(-1) ? l.plots.at(-1).x : e.drawingArea.left + e.slot.line * n + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - l.yOffset : e.drawingArea.bottom} Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${n}_${t.uniqueId})` : `${l.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, Pt)) : (i(), r("path", {
-              key: 1,
-              d: `M${l.area}Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${n}_${t.uniqueId})` : `${l.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, Vt))
-          ])) : h("", !0),
-          l.smooth && l.plots.length > 1 ? (i(), r("path", {
-            key: 1,
-            d: `M${l.curve}`,
-            stroke: l.color,
-            "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
-            "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
-            fill: "none"
-          }, null, 8, Rt)) : l.plots.length > 1 ? (i(), r("g", Dt, [
-            (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-              key: `line_${n}_${g}`
-            }, [
-              s && g < l.plots.length - 1 && l.plots[g + 1] && e.canShowValue(s.value) && e.canShowValue(l.plots[g + 1].value) ? (i(), r("line", {
-                key: 0,
-                x1: s.x,
-                x2: l.plots[g + 1].x,
-                y1: s.y,
-                y2: l.plots[g + 1].y,
-                stroke: l.color,
-                "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
-                "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
-                "stroke-linejoin": "round",
-                "stroke-linecap": "round"
-              }, null, 8, Ht)) : h("", !0)
-            ]))), 128))
-          ])) : h("", !0),
-          (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-            key: `circle_line_${n}_${g}`
-          }, [
-            s && e.canShowValue(s.value) ? (i(), V(f, {
-              key: 0,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle",
-              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${n}_${t.uniqueId})` : l.color,
-              plot: { x: s.x, y: s.y },
-              radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line,
-              stroke: e.FINAL_CONFIG.chart.backgroundColor,
-              strokeWidth: 0.5
-            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : h("", !0),
-            s.comment && e.FINAL_CONFIG.chart.comments.show ? (i(), r("foreignObject", {
-              key: 1,
-              style: { overflow: "visible" },
-              height: "12",
-              width: e.FINAL_CONFIG.chart.comments.width,
-              x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
-            }, [
-              d("div", Wt, [
-                G(a.$slots, "plot-comment", {
-                  plot: { ...s, color: l.color }
-                }, void 0, !0)
-              ])
-            ], 8, Bt)) : h("", !0)
-          ]))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (i(), r("g", Yt, [
-            d("defs", null, [
-              d("marker", {
-                id: `line_arrow_${n}`,
-                markerWidth: 7,
-                markerHeight: 7,
-                refX: "0",
-                refY: 7 / 2,
-                orient: "auto"
-              }, [
-                d("polygon", {
-                  points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: l.color
-                }, null, 8, Xt)
-              ], 8, Et)
-            ]),
-            l.plots.length > 1 ? (i(), r("line", {
-              key: 0,
-              x1: e.calcLinearProgression(l.plots).x1,
-              x2: e.calcLinearProgression(l.plots).x2,
-              y1: e.calcLinearProgression(l.plots).y1,
-              y2: e.calcLinearProgression(l.plots).y2,
-              "stroke-width": 1,
-              stroke: l.color,
-              "stroke-dasharray": 2,
-              "marker-end": `url(#line_arrow_${n})`
-            }, null, 8, qt)) : h("", !0),
-            l.plots.length > 1 ? (i(), r("text", {
-              key: 1,
-              "text-anchor": "middle",
-              x: e.calcLinearProgression(l.plots).x2,
-              y: e.calcLinearProgression(l.plots).y2 - 6,
-              "font-size": t.fontSizes.plotLabels,
-              fill: l.color
-            }, C(e.dataLabel({
-              v: e.calcLinearProgression(l.plots).trend * 100,
-              s: "%",
-              r: 2
-            })), 9, Zt)) : h("", !0)
-          ])) : h("", !0)
-        ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (i(), r("g", Ut, [
-          (i(!0), r(I, null, m(e.barSet, (l, n) => (i(), r("g", {
-            key: `xLabel_bar_${n}`,
-            class: T(`xLabel_bar_${n}`),
-            style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-          }, [
-            (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-              key: `xLabel_bar_${n}_${g}`
-            }, [
-              s && (!Object.hasOwn(l, "dataLabels") || l.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (i(), r("text", {
-                key: 0,
-                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? s.x + e.slot.line / 2 : e.calcRectX(s) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
-                y: s.y + (s.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
-                "text-anchor": "middle",
-                "font-size": t.fontSizes.plotLabels,
-                fill: e.FINAL_CONFIG.bar.labels.color
-              }, C(e.canShowValue(s.value) ? e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: s.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: e.FINAL_CONFIG.bar.labels.rounding }) : ""), 9, Jt)) : h("", !0),
-              s && e.FINAL_CONFIG.bar.serieName.show ? (i(), r("text", {
-                key: 1,
-                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? s.x + e.slot.line / 2 : s.x + e.calcRectWidth() * 1.1,
-                y: s.y + (s.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
-                "text-anchor": "middle",
-                "font-size": t.fontSizes.plotLabels,
-                fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? l.color : e.FINAL_CONFIG.bar.serieName.color,
-                "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
-              }, C(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: l.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : l.name), 9, Kt)) : h("", !0)
-            ]))), 128))
-          ], 6))), 128))
-        ])) : h("", !0),
-        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (i(), r("g", Qt, [
-          (i(!0), r(I, null, m(e.plotSet, (l, n) => (i(), r("g", {
-            key: `xLabel_plot_${n}`,
-            class: T(`xLabel_plot_${n}`),
-            style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-          }, [
-            (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-              key: `xLabel_plot_${n}_${g}`
-            }, [
-              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 ? (i(), r("text", {
-                key: 0,
-                x: s.x,
-                y: s.y + e.FINAL_CONFIG.plot.labels.offsetY,
-                "text-anchor": "middle",
-                "font-size": t.fontSizes.plotLabels,
-                fill: e.FINAL_CONFIG.plot.labels.color
-              }, C(e.canShowValue(s.value) ? e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: s.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: e.FINAL_CONFIG.plot.labels.rounding }) : ""), 9, jt)) : h("", !0),
-              s && g === 0 && l.useTag && l.useTag === "start" ? (i(), r("foreignObject", {
-                key: 1,
-                x: s.x,
-                y: s.y - 20,
-                height: 24,
-                width: "150",
-                style: { overflow: "visible" }
-              }, [
-                d("div", {
-                  style: S(`padding: 3px; background:${l.color}${t.opacity[80]};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, C(l.name), 5)
-              ], 8, $t)) : h("", !0),
-              s && g === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (i(), r("foreignObject", {
-                key: 2,
-                x: s.x - l.name.length * (t.fontSizes.plotLabels / 2),
-                y: s.y - 20,
-                height: 24,
-                width: "150",
-                style: { overflow: "visible" }
-              }, [
-                d("div", {
-                  style: S(`padding: 3px; background:${l.color}${t.opacity[80]};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, C(l.name), 5)
-              ], 8, el)) : h("", !0)
-            ]))), 128))
-          ], 6))), 128))
-        ])) : h("", !0),
-        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (i(), r("g", tl, [
-          (i(!0), r(I, null, m(e.lineSet, (l, n) => (i(), r("g", {
-            key: `xLabel_line_${n}`,
-            class: T(`xLabel_line_${n}`),
-            style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-          }, [
-            (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-              key: `xLabel_line_${n}_${g}`
-            }, [
-              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 ? (i(), r("text", {
-                key: 0,
-                x: s.x,
-                y: s.y + (s.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
-                "text-anchor": "middle",
-                "font-size": t.fontSizes.plotLabels,
-                fill: e.FINAL_CONFIG.line.labels.color
-              }, C(e.canShowValue(s.value) ? e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: s.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: e.FINAL_CONFIG.line.labels.rounding }) : ""), 9, ll)) : h("", !0),
-              s && g === 0 && l.useTag && l.useTag === "start" ? (i(), r("foreignObject", {
-                key: 1,
-                x: s.x,
-                y: s.y - 20,
-                height: 24,
-                width: "150",
-                style: { overflow: "visible" }
-              }, [
-                d("div", {
-                  style: S(`padding: 3px; background:${l.color}${t.opacity[80]};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, C(l.name), 5)
-              ], 8, al)) : h("", !0),
-              s && g === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (i(), r("foreignObject", {
-                key: 2,
-                x: s.x - l.name.length * (t.fontSizes.plotLabels / 2),
-                y: s.y - 20,
-                height: 24,
-                width: "150",
-                style: { overflow: "visible" }
-              }, [
-                d("div", {
-                  style: S(`padding: 3px; background:${l.color}${t.opacity[80]};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, C(l.name), 5)
-              ], 8, il)) : h("", !0)
-            ]))), 128))
-          ], 6))), 128))
-        ])) : h("", !0),
-        e.hasHighlightArea ? (i(), r("g", rl, [
-          d("rect", {
-            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (e.FINAL_CONFIG.chart.highlightArea.from - t.slicer.start),
-            y: e.drawingArea.top,
-            height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-            width: e.drawingArea.width / e.maxSeries * e.highlightAreaSpan < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries * e.highlightAreaSpan,
-            fill: `${e.FINAL_CONFIG.chart.highlightArea.color}${t.opacity[e.FINAL_CONFIG.chart.highlightArea.opacity]}`
-          }, null, 8, sl),
-          e.FINAL_CONFIG.chart.highlightArea.caption.text ? (i(), r("foreignObject", {
-            key: 0,
-            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (e.FINAL_CONFIG.chart.highlightArea.from - t.slicer.start) - (e.FINAL_CONFIG.chart.highlightArea.caption.width === "auto" ? 0 : e.FINAL_CONFIG.chart.highlightArea.caption.width / 2 - e.drawingArea.width / e.maxSeries * e.highlightAreaSpan / 2),
-            y: e.drawingArea.top + e.FINAL_CONFIG.chart.highlightArea.caption.offsetY,
-            style: { overflow: "visible" },
-            height: "1",
-            width: e.FINAL_CONFIG.chart.highlightArea.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * e.highlightAreaSpan : e.FINAL_CONFIG.chart.highlightArea.caption.width
-          }, [
-            d("div", {
-              style: S(`padding:${e.FINAL_CONFIG.chart.highlightArea.caption.padding}px;text-align:${e.FINAL_CONFIG.chart.highlightArea.caption.textAlign};font-size:${e.FINAL_CONFIG.chart.highlightArea.caption.fontSize}px;color:${e.FINAL_CONFIG.chart.highlightArea.caption.color};font-weight:${e.FINAL_CONFIG.chart.highlightArea.caption.bold ? "bold" : "normal"}`)
-            }, C(e.FINAL_CONFIG.chart.highlightArea.caption.text), 5)
-          ], 8, ol)) : h("", !0)
-        ])) : h("", !0),
-        d("g", null, [
-          d("rect", {
-            x: 0,
-            y: e.drawingArea.top,
-            width: e.FINAL_CONFIG.chart.padding.left - 1,
-            height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-            fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, nl),
-          d("rect", {
-            x: e.drawingArea.right + 1,
-            y: e.drawingArea.top,
-            width: e.FINAL_CONFIG.chart.padding.right,
-            height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-            fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, hl)
-        ]),
-        (i(!0), r(I, null, m(e.lineSet, (l, n) => (i(), r("g", {
-          key: `xLabel_line_${n}`,
-          class: T(`xLabel_line_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-        }, [
-          (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-            key: `xLabel_line_${n}_${g}`
-          }, [
-            s && g === 0 && l.showSerieName && l.showSerieName === "start" ? (i(), r("text", {
-              key: 0,
-              x: s.x - t.fontSizes.plotLabels,
-              y: s.y,
-              "font-size": t.fontSizes.plotLabels,
-              "text-anchor": "end",
-              fill: l.color,
-              innerHTML: e.createTSpans({
-                content: l.name,
-                fontSize: t.fontSizes.plotLabels,
-                fill: l.color,
-                x: s.x - t.fontSizes.plotLabels,
-                y: s.y,
-                maxWords: 2
-              })
-            }, null, 8, cl)) : h("", !0),
-            s && g === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (i(), r("text", {
-              key: 1,
-              x: s.x + t.fontSizes.plotLabels,
-              y: s.y,
-              "font-size": t.fontSizes.plotLabels,
-              "text-anchor": "start",
-              fill: l.color,
-              innerHTML: e.createTSpans({
-                content: l.name,
-                fontSize: t.fontSizes.plotLabels,
-                fill: l.color,
-                x: s.x + t.fontSizes.plotLabels,
-                y: s.y,
-                maxWords: 2
-              })
-            }, null, 8, ul)) : h("", !0)
-          ]))), 128))
-        ], 6))), 128)),
-        (i(!0), r(I, null, m(e.plotSet, (l, n) => (i(), r("g", {
-          key: `xLabel_plot_${n}`,
-          class: T(`xLabel_plot_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-        }, [
-          (i(!0), r(I, null, m(l.plots, (s, g) => (i(), r("g", {
-            key: `xLabel_plot_${n}_${g}`
-          }, [
-            s && g === 0 && l.showSerieName && l.showSerieName === "start" ? (i(), r("text", {
-              key: 0,
-              x: s.x - t.fontSizes.plotLabels,
-              y: s.y,
-              "font-size": t.fontSizes.plotLabels,
-              "text-anchor": "end",
-              fill: l.color,
-              innerHTML: e.createTSpans({
-                content: l.name,
-                fontSize: t.fontSizes.plotLabels,
-                fill: l.color,
-                x: s.x - t.fontSizes.plotLabels,
-                y: s.y,
-                maxWords: 2
-              })
-            }, null, 8, dl)) : h("", !0),
-            s && g === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (i(), r("text", {
-              key: 1,
-              x: s.x + t.fontSizes.plotLabels,
-              y: s.y,
-              "font-size": t.fontSizes.plotLabels,
-              "text-anchor": "start",
-              fill: l.color,
-              innerHTML: e.createTSpans({
-                content: l.name,
-                fontSize: t.fontSizes.plotLabels,
-                fill: l.color,
-                x: s.x + t.fontSizes.plotLabels,
-                y: s.y,
-                maxWords: 2
-              })
-            }, null, 8, gl)) : h("", !0)
-          ]))), 128))
-        ], 6))), 128)),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (i(), r("g", fl, [
-          t.mutableConfig.useIndividualScale ? (i(), r(I, { key: 0 }, [
-            (i(!0), r(I, null, m(e.allScales, (l) => (i(), r("g", null, [
-              d("line", {
-                x1: l.x,
-                x2: l.x,
-                y1: t.mutableConfig.isStacked ? e.drawingArea.bottom - l.yOffset - l.individualHeight : e.drawingArea.top,
-                y2: t.mutableConfig.isStacked ? e.drawingArea.bottom - l.yOffset : e.drawingArea.bottom,
-                stroke: l.color,
-                "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
-                "stroke-linecap": "round",
-                style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-              }, null, 12, bl)
-            ]))), 256)),
-            (i(!0), r(I, null, m(e.allScales, (l) => (i(), r("g", {
-              style: S(`opacity:${t.selectedScale ? t.selectedScale === l.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-            }, [
-              d("text", {
-                fill: l.color,
-                "font-size": t.fontSizes.dataLabels,
-                "text-anchor": "middle",
-                transform: `translate(${l.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - l.yOffset - l.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, C(l.name) + " " + C(l.scaleLabel ? `- ${l.scaleLabel}` : ""), 9, Il),
-              (i(!0), r(I, null, m(l.yLabels, (n, s) => (i(), r("line", {
-                x1: l.x - 3,
-                x2: l.x,
-                y1: n.y,
-                y2: n.y,
-                stroke: l.color,
-                "stroke-width": 1,
-                "stroke-linecap": "round"
-              }, null, 8, ml))), 256)),
-              (i(!0), r(I, null, m(l.yLabels, (n, s) => (i(), r("text", {
-                x: l.x - 5,
-                y: n.y,
-                "font-size": t.fontSizes.dataLabels,
-                "text-anchor": "end",
-                fill: l.color
-              }, C(e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: n.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: 1 })), 9, Nl))), 256))
-            ], 4))), 256))
-          ], 64)) : (i(!0), r(I, { key: 1 }, m(e.yLabels, (l, n) => (i(), r("g", {
-            key: `yLabel_${n}`
-          }, [
-            e.canShowValue(l) && l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (i(), r("line", {
-              key: 0,
-              x1: e.drawingArea.left,
-              x2: e.drawingArea.left - 5,
-              y1: l.y,
-              y2: l.y,
-              stroke: e.FINAL_CONFIG.chart.grid.stroke,
-              "stroke-width": "1",
-              "stroke-linecap": "round"
-            }, null, 8, _l)) : h("", !0),
-            l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (i(), r("text", {
-              key: 1,
-              x: e.drawingArea.left - 7,
-              y: l.y + t.fontSizes.dataLabels / 3,
-              "font-size": t.fontSizes.dataLabels,
-              "text-anchor": "end",
-              fill: e.FINAL_CONFIG.chart.grid.labels.color
-            }, C(e.canShowValue(l.value) ? e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: l.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: 1 }) : ""), 9, Fl)) : h("", !0)
-          ]))), 128))
-        ])) : h("", !0),
-        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (i(!0), r(I, { key: 7 }, m(e.allScales, (l) => (i(), r("rect", {
-          x: l.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
-          y: e.drawingArea.top,
-          width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
-          height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-          fill: t.selectedScale === l.id ? `${l.color}20` : "transparent",
-          onMouseenter: (n) => t.selectedScale = l.id,
-          onMouseleave: o[0] || (o[0] = (n) => t.selectedScale = null)
-        }, null, 40, xl))), 256)) : h("", !0),
-        d("g", null, [
-          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (i(), r("text", {
-            key: 0,
-            "font-size": t.fontSizes.yAxis,
-            fill: e.FINAL_CONFIG.chart.grid.labels.color,
-            transform: `translate(${t.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
-            "text-anchor": "middle",
-            style: { transition: "none" }
-          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, yl)) : h("", !0),
-          e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (i(), r("text", {
-            key: 1,
-            "text-anchor": "middle",
-            x: t.width / 2,
-            y: e.drawingArea.bottom + t.fontSizes.yAxis + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
-            "font-size": t.fontSizes.yAxis,
-            fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Al)) : h("", !0)
-        ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (i(), r("g", Sl, [
-          (i(!0), r(I, null, m(e.timeLabels, (l, n) => (i(), r("g", {
-            key: `time_label_${n}`
-          }, [
-            l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (n === 0 || n === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === n && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && n % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (i(), r("text", {
-              key: 0,
-              "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-              "font-size": t.fontSizes.xAxis,
-              fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
-              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * n + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
-            }, C(l || ""), 9, Ll)) : h("", !0)
-          ]))), 128))
-        ])) : h("", !0),
-        d("g", null, [
-          (i(!0), r(I, null, m(e.maxSeries, (l, n) => (i(), r("g", {
-            key: `tooltip_trap_${n}`
-          }, [
-            d("rect", {
-              "data-cy-trap": "",
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n,
-              y: e.drawingArea.top,
-              height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-              width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
-              fill: t.selectedSerieIndex === n || t.selectedRowIndex === n ? `${e.FINAL_CONFIG.chart.highlighter.color}${t.opacity[e.FINAL_CONFIG.chart.highlighter.opacity]}` : "transparent",
-              onMouseenter: (s) => e.toggleTooltipVisibility(!0, n),
-              onMouseleave: o[1] || (o[1] = (s) => e.toggleTooltipVisibility(!1)),
-              onClick: (s) => e.selectX(n)
-            }, null, 40, Cl)
-          ]))), 128))
-        ]),
-        e.FINAL_CONFIG.chart.highlighter.useLine && ![null, void 0].includes(t.selectedSerieIndex) ? (i(), r("g", kl, [
-          d("line", {
-            x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
-            x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
-            y1: e.drawingArea.top,
-            y2: e.drawingArea.bottom,
-            stroke: e.FINAL_CONFIG.chart.highlighter.color,
-            "stroke-width": e.FINAL_CONFIG.chart.highlighter.lineWidth,
-            "stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
-            "stroke-linecap": "round",
-            style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-          }, null, 8, wl)
-        ])) : h("", !0),
-        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (i(), r("g", Ol, [
-          (i(), r("foreignObject", {
-            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
-            y: e.drawingArea.bottom,
-            width: "200",
-            height: "40",
-            style: { overflow: "visible !important" }
-          }, [
-            d("div", {
-              class: "vue-ui-xy-time-tag",
-              style: S(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
-            }, C(e.timeLabels[t.selectedSerieIndex] || t.selectedSerieIndex), 5)
-          ], 8, vl)),
-          d("circle", {
-            cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
-            cy: e.drawingArea.bottom,
-            r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
-            fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
-          }, null, 8, Gl)
-        ])) : h("", !0)
-      ])) : h("", !0),
-      G(a.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, Ye)) : h("", !0),
-    e.isDataset ? h("", !0) : (i(), V(F, {
-      key: 3,
-      config: {
-        type: "line",
-        style: {
-          backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
-          line: {
-            axis: {
-              color: e.FINAL_CONFIG.chart.grid.stroke
-            },
-            path: {
-              color: e.FINAL_CONFIG.chart.grid.stroke,
-              strokeWidth: 0.5
-            }
-          }
-        }
-      }
-    }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && t.maxX > 6 && e.isDataset ? (i(), V(p, {
-      ref: "chartSlicer",
-      key: `slicer_${t.slicerStep}`,
-      background: e.FINAL_CONFIG.chart.zoom.color,
-      fontSize: e.FINAL_CONFIG.chart.zoom.fontSize,
-      useResetSlot: e.FINAL_CONFIG.chart.zoom.useResetSlot,
-      labelLeft: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[t.slicer.start],
-      labelRight: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[t.slicer.end - 1],
-      textColor: e.FINAL_CONFIG.chart.color,
-      inputColor: e.FINAL_CONFIG.chart.zoom.color,
-      selectColor: e.FINAL_CONFIG.chart.zoom.highlightColor,
-      borderColor: e.FINAL_CONFIG.chart.backgroundColor,
-      max: t.maxX,
-      min: 0,
-      valueStart: t.slicer.start,
-      valueEnd: t.slicer.end,
-      start: t.slicer.start,
-      "onUpdate:start": o[2] || (o[2] = (l) => t.slicer.start = l),
-      end: t.slicer.end,
-      "onUpdate:end": o[3] || (o[3] = (l) => t.slicer.end = l),
-      onReset: e.refreshSlicer
-    }, {
-      "reset-action": z(({ reset: l }) => [
-        G(a.$slots, "reset-action", Y(E({ reset: l })), void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "max", "valueStart", "valueEnd", "start", "end", "onReset"])) : h("", !0),
-    e.FINAL_CONFIG.chart.legend.show ? (i(), r("div", {
-      key: 5,
-      ref: "chartLegend",
-      class: "vue-ui-xy-legend",
-      style: S(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
-    }, [
-      (i(!0), r(I, null, m(e.absoluteDataset, (l, n) => (i(), r("div", {
-        key: `div_legend_item_${n}`,
-        onClick: (s) => e.segregate(l),
-        class: T({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(l.id) })
-      }, [
-        t.icons[l.type] === "line" ? (i(), r("svg", pl, [
-          d("rect", {
-            x: "0",
-            y: "7",
-            rx: "3",
-            stroke: "none",
-            height: "4",
-            width: "20",
-            fill: l.color
-          }, null, 8, Tl),
-          W(f, {
-            plot: { x: 10, y: 9 },
-            radius: 4,
-            color: l.color,
-            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle",
-            stroke: e.FINAL_CONFIG.chart.backgroundColor,
-            strokeWidth: 1
-          }, null, 8, ["color", "shape", "stroke"])
-        ])) : (i(), r("svg", Ml, [
-          t.icons[l.type] === "bar" ? (i(), r("rect", {
-            key: 0,
-            x: "0",
-            y: "0",
-            rx: "1",
-            height: "12",
-            width: "12",
-            stroke: "none",
-            fill: l.color
-          }, null, 8, Pl)) : (i(), V(f, {
-            key: 1,
-            plot: { x: 6, y: 6 },
-            radius: 5,
-            color: l.color,
-            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle"
-          }, null, 8, ["color", "shape"]))
-        ])),
-        d("span", {
-          style: S(`color:${e.FINAL_CONFIG.chart.legend.color}`)
-        }, C(l.name), 5)
-      ], 10, zl))), 128))
-    ], 4)) : (i(), r("div", Vl, [
-      G(a.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
-    ], 512)),
-    W(k, {
-      show: t.mutableConfig.showTooltip && t.isTooltip,
-      backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
-      color: e.FINAL_CONFIG.chart.tooltip.color,
-      fontSize: e.FINAL_CONFIG.chart.tooltip.fontSize,
-      borderRadius: e.FINAL_CONFIG.chart.tooltip.borderRadius,
-      borderColor: e.FINAL_CONFIG.chart.tooltip.borderColor,
-      borderWidth: e.FINAL_CONFIG.chart.tooltip.borderWidth,
-      backgroundOpacity: e.FINAL_CONFIG.chart.tooltip.backgroundOpacity,
-      parent: a.$refs.chart,
-      content: e.tooltipContent,
-      isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
-    }, {
-      "tooltip-before": z(() => [
-        G(a.$slots, "tooltip-before", Y(E({ ...e.dataTooltipSlot })), void 0, !0)
-      ]),
-      "tooltip-after": z(() => [
-        G(a.$slots, "tooltip-after", Y(E({ ...e.dataTooltipSlot })), void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "parent", "content", "isCustom"]),
-    e.isDataset ? (i(), V(L, {
-      key: 7,
-      hideDetails: "",
-      config: {
-        open: t.mutableConfig.showTable,
-        maxHeight: 1e4,
-        body: {
-          backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
-          color: e.FINAL_CONFIG.chart.color
-        },
-        head: {
-          backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
-          color: e.FINAL_CONFIG.chart.color
-        }
-      }
-    }, {
-      content: z(() => [
-        d("div", {
-          style: S(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
-        }, [
-          d("div", Rl, [
-            Ve(d("input", {
-              type: "checkbox",
-              "onUpdate:modelValue": o[4] || (o[4] = (l) => t.showSparklineTable = l)
-            }, null, 512), [
-              [Re, t.showSparklineTable]
-            ]),
-            d("div", {
-              onClick: o[5] || (o[5] = (l) => t.showSparklineTable = !t.showSparklineTable),
-              style: { cursor: "pointer" }
-            }, [
-              W(w, {
-                name: "chartLine",
-                size: 20,
-                stroke: e.FINAL_CONFIG.chart.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          t.showSparklineTable ? (i(), V(v, {
-            key: `sparkline_${t.segregateStep}`,
-            dataset: e.tableSparklineDataset,
-            config: e.tableSparklineConfig
-          }, null, 8, ["dataset", "config"])) : (i(), V(_, {
-            key: 1,
-            colNames: e.dataTable.colNames,
-            head: e.dataTable.head,
-            body: e.dataTable.body,
-            config: e.dataTable.config,
-            title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
-            onClose: o[6] || (o[6] = (l) => t.mutableConfig.showTable = !1)
-          }, {
-            th: z(({ th: l }) => [
-              d("div", { innerHTML: l }, null, 8, Dl)
-            ]),
-            td: z(({ td: l }) => [
-              De(C(l), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title"]))
-        ], 4)
-      ]),
-      _: 1
-    }, 8, ["config"])) : h("", !0)
-  ], 14, We);
-}
-const Kl = /* @__PURE__ */ $(Be, [["render", Hl], ["__scopeId", "data-v-185b12a6"]]);
-export {
-  Kl as default
-};