vue-data-ui 2.3.3 → 2.3.4

package/dist/vue-ui-xy-DsvN9EIQ.js

@@ -0,0 +1,2064 @@
+import { p as Z } from "./pdf-97UbtKC2.js";
+import { U as J, s as K } from "./usePrinter-B6xQCyL-.js";
+import { c as U, a as Q, t as j, r as $, p as ee, u as te, O as X, I as M, E as le, T as ae, z as re, U as ie, L as se, V as oe, x as ne, s as ce, d as he, y as ue, b as de, q as ge, n as fe, C as be, R as Ie, W as me, f as Ne, v as _e, w as Fe, e as xe, o as ye, Y as Ae, B as Se } from "./index-uOtklCCx.js";
+import { D as Le } from "./DataTable-CwaOlAsy.js";
+import { _ as Ce } from "./Title-2iks1ziC.js";
+import { _ as ke, u as we } from "./Tooltip-C3phqKuU.js";
+import { _ as Oe } from "./Shape-CjLV0scA.js";
+import ve from "./BaseIcon-7_g11dRj.js";
+import Ge from "./vue-ui-table-sparkline-DppMitqF.js";
+import ze from "./vue-ui-skeleton-BM9rwmxY.js";
+import { S as pe } from "./Slicer-Bxg5niHl.js";
+import Te from "./vue-ui-accordion-HJPf7My0.js";
+import { u as q } from "./useNestedProp-BgWkUab_.js";
+import { resolveComponent as P, openBlock as r, createElementBlock as i, normalizeClass as T, normalizeStyle as S, createVNode as W, createCommentVNode as c, createBlock as V, createSlots as Me, 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 Pe, vModelCheckbox as Ve, createTextVNode as Re } from "vue";
+import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const He = U(), Be = {
+  name: "vue-ui-xy",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  components: {
+    DataTable: Le,
+    Shape: Oe,
+    Title: Ce,
+    Tooltip: ke,
+    UserOptions: J,
+    BaseIcon: ve,
+    TableSparkline: Ge,
+    Skeleton: ze,
+    Slicer: pe,
+    Accordion: Te
+  },
+  data() {
+    this.dataset.forEach((h, b) => {
+      [null, void 0].includes(h.series) && this.error({
+        componentName: "VueUiXy",
+        type: "datasetSerieAttribute",
+        property: "series (number[])",
+        index: b
+      });
+    });
+    const a = Math.max(...this.dataset.map((h) => h.series.length)), o = {
+      start: 0,
+      end: a
+    };
+    return {
+      themePalettes: Q,
+      themes: j,
+      slicerStep: 0,
+      selectedScale: null,
+      CTX: null,
+      CANVAS: null,
+      opacity: $,
+      useSafeValues: !0,
+      palette: ee,
+      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: U(),
+      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
+      })), h = 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, ...h].flatMap((t) => t).length;
+      return [...a, ...o, ...h].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 = te().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((h) => this.isSafeValue(h) ? h : 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((h) => h + this.relativeZero),
+        absoluteValues: a.series
+      })).filter((a) => !this.segregatedSeries.includes(a.id));
+    },
+    tableSparklineDataset() {
+      return this.relativeDataset.map((a) => {
+        const o = a.absoluteValues.map((h) => [void 0, null].includes(h) ? 0 : h);
+        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((h) => h + 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 h = 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 - h) / (b - h)),
+          valueMin: h,
+          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))), h = 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) / (h - o)),
+          valueMin: o,
+          valueMax: h
+        }, 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))), h = 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) / (h - o)),
+          valueMin: o,
+          valueMax: h
+        }, 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((h) => ({
+        label: h.name,
+        color: h.color,
+        type: h.type
+      })), o = [];
+      return this.timeLabels.forEach((h, b) => {
+        const t = [h];
+        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 h = {
+        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: h, 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, h) => h === 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 h = 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
+      }) : (h && (a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${h}</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, h) => {
+        this.isSafeValue(o) || console.warn(`SmartXY has detected an unsafe value in your dataset:
+-----> The serie '${a.name}' contains the value '${o}' at index ${h}.
+'${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: h, 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 = h - 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: le,
+    assignStackRatios: ae,
+    calculateNiceScale: re,
+    checkNaN: ie,
+    createSmoothPath: se,
+    isSafeValue: oe,
+    treeShake: ne,
+    shiftHue: ce,
+    pdf: Z,
+    img: K,
+    convertColorToHex: he,
+    convertConfigColors: ue,
+    convertCustomPalette: de,
+    downloadCsv: ge,
+    createCsvContent: fe,
+    adaptColorToBackground: be,
+    calcLinearProgression: Ie,
+    useMouse: we,
+    closestDecimal: me,
+    dataLabel: Ne,
+    isFunction: _e,
+    functionReturnsString: Fe,
+    error: xe,
+    objectIsEmpty: ye,
+    createTSpans: Ae,
+    useNestedProp: q,
+    translateSize: Se,
+    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 }, h = { x: a.at(-1).x, y: this.zero }, b = [];
+      return a.forEach((t) => {
+        b.push(`${t.x},${t.y} `);
+      }), [o.x, o.y, ...b, h.x, h.y].toString();
+    },
+    createIndividualArea(a, o) {
+      if (!a[0]) return [-10, -10, "", -10, -10];
+      const h = { 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} `);
+      }), [h.x, h.y, ...t, b.x, b.y].toString();
+    },
+    createStar: X,
+    createPolygonPath: M,
+    /////////////////////////////// CANVAS /////////////////////////////////
+    fillArray(a, o) {
+      let h = Array(a).fill(0);
+      for (let b = 0; b < o.length && b < a; b += 1)
+        h[b] = o[b];
+      return h;
+    },
+    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 h = 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 && (h = o[t], b = e);
+      }
+      return h;
+    },
+    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)], h = this.table.body, b = a.concat([o]).concat(h), 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"], Ue = ["stroke", "x1", "x2", "y1", "y2"], Ze = { 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"], rt = ["id"], it = ["stop-color"], st = ["stop-color"], ot = ["stop-color"], nt = ["id"], ct = ["stop-color"], ht = ["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"], Ut = ["x", "y", "font-size", "fill"], Zt = { 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"], rl = ["x", "y"], il = { key: 5 }, sl = ["x", "y", "height", "width", "fill"], ol = ["x", "y", "width"], nl = ["y", "width", "height", "fill"], cl = ["x", "y", "width", "height", "fill"], hl = ["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, h, 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 r(), i("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 ? (r(), i("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)) : c("", !0),
+    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(), 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: h.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
+    }, Me({ _: 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"])) : c("", !0),
+    e.isDataset ? (r(), i("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 ? (r(), i("g", Ee, [
+        d("g", Xe, [
+          e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), i("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)) : c("", !0),
+          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), i(I, { key: 2 }, m(e.allScales, (l) => (r(), i("g", null, [
+            l.id === t.selectedScale && l.yLabels.length ? (r(!0), i(I, { key: 0 }, m(l.yLabels, (n) => (r(), i("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 ? (r(!0), i(I, { key: 1 }, m(l.yLabels, (n) => (r(), i("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)) : c("", !0)
+          ]))), 256)) : c("", !0) : (r(), i(I, { key: 1 }, [
+            e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), i("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, Ue)) : c("", !0),
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), i("g", Ze, [
+              (r(!0), i(I, null, m(e.yLabels, (l) => (r(), i("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))
+            ])) : c("", !0)
+          ], 64)),
+          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), i("g", je, [
+            (r(!0), i(I, null, m(e.maxSeries + 1, (l, n) => (r(), i("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))
+          ])) : c("", !0)
+        ]),
+        (r(!0), i(I, null, m(e.barSet, (l, n) => (r(), i("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, it),
+            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, rt)
+        ]))), 128)),
+        (r(!0), i(I, null, m(e.plotSet, (l, n) => (r(), i("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, ct),
+            d("stop", {
+              offset: "100%",
+              "stop-color": l.color
+            }, null, 8, ht)
+          ], 8, nt)
+        ]))), 128)),
+        (r(!0), i(I, null, m(e.lineSet, (l, n) => (r(), i("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 ? (r(!0), i(I, { key: 0 }, m(e.barSet, (l, n) => (r(), i("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`)
+        }, [
+          (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("g", {
+            key: `bar_plot_${n}_${g}`
+          }, [
+            e.canShowValue(s.value) ? (r(), i("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)) : c("", !0),
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("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)) : c("", !0)
+          ]))), 128)),
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (r(), i("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 ? (r(), i("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)) : c("", !0),
+            l.plots.length > 1 ? (r(), i("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)) : c("", !0)
+          ])) : c("", !0)
+        ], 6))), 128)) : c("", !0),
+        !t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), i("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)) : c("", !0),
+        (r(!0), i(I, null, m(e.plotSet, (l, n) => (r(), i("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`)
+        }, [
+          (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("g", {
+            key: `circle_plot_${n}_${g}`
+          }, [
+            e.canShowValue(s.value) ? (r(), 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"])) : c("", !0),
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("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)) : c("", !0)
+          ]))), 128)),
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (r(), i("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 ? (r(), i("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)) : c("", !0),
+            l.plots.length > 1 ? (r(), i("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)) : c("", !0)
+          ])) : c("", !0)
+        ], 6))), 128)),
+        (r(!0), i(I, null, m(e.lineSet, (l, n) => (r(), i("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 ? (r(), i("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 ? (r(), i("g", pt, [
+            (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("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) ? (r(), i("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)) : c("", !0)
+            ]))), 128))
+          ])) : c("", !0)
+        ], 6))), 128)),
+        (r(!0), i(I, null, m(e.lineSet, (l, n) => (r(), i("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 ? (r(), i("g", Mt, [
+            l.smooth ? (r(), i("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)) : (r(), i("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))
+          ])) : c("", !0),
+          l.smooth && l.plots.length > 1 ? (r(), i("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 ? (r(), i("g", Dt, [
+            (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("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) ? (r(), i("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)) : c("", !0)
+            ]))), 128))
+          ])) : c("", !0),
+          (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("g", {
+            key: `circle_line_${n}_${g}`
+          }, [
+            s && e.canShowValue(s.value) ? (r(), 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"])) : c("", !0),
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("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)) : c("", !0)
+          ]))), 128)),
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (r(), i("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 ? (r(), i("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)) : c("", !0),
+            l.plots.length > 1 ? (r(), i("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, Ut)) : c("", !0)
+          ])) : c("", !0)
+        ], 6))), 128)),
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (r(), i("g", Zt, [
+          (r(!0), i(I, null, m(e.barSet, (l, n) => (r(), i("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`)
+          }, [
+            (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("g", {
+              key: `xLabel_bar_${n}_${g}`
+            }, [
+              s && (!Object.hasOwn(l, "dataLabels") || l.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), i("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)) : c("", !0),
+              s && e.FINAL_CONFIG.bar.serieName.show ? (r(), i("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)) : c("", !0)
+            ]))), 128))
+          ], 6))), 128))
+        ])) : c("", !0),
+        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", Qt, [
+          (r(!0), i(I, null, m(e.plotSet, (l, n) => (r(), i("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`)
+          }, [
+            (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("g", {
+              key: `xLabel_plot_${n}_${g}`
+            }, [
+              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 ? (r(), i("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)) : c("", !0),
+              s && g === 0 && l.useTag && l.useTag === "start" ? (r(), i("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)) : c("", !0),
+              s && g === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (r(), i("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)) : c("", !0)
+            ]))), 128))
+          ], 6))), 128))
+        ])) : c("", !0),
+        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", tl, [
+          (r(!0), i(I, null, m(e.lineSet, (l, n) => (r(), i("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`)
+          }, [
+            (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("g", {
+              key: `xLabel_line_${n}_${g}`
+            }, [
+              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 ? (r(), i("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)) : c("", !0),
+              s && g === 0 && l.useTag && l.useTag === "start" ? (r(), i("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)) : c("", !0),
+              s && g === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (r(), i("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, rl)) : c("", !0)
+            ]))), 128))
+          ], 6))), 128))
+        ])) : c("", !0),
+        e.hasHighlightArea ? (r(), i("g", il, [
+          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 ? (r(), i("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)) : c("", !0)
+        ])) : c("", !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, cl)
+        ]),
+        (r(!0), i(I, null, m(e.lineSet, (l, n) => (r(), i("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`)
+        }, [
+          (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("g", {
+            key: `xLabel_line_${n}_${g}`
+          }, [
+            s && g === 0 && l.showSerieName && l.showSerieName === "start" ? (r(), i("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, hl)) : c("", !0),
+            s && g === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (r(), i("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)) : c("", !0)
+          ]))), 128))
+        ], 6))), 128)),
+        (r(!0), i(I, null, m(e.plotSet, (l, n) => (r(), i("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`)
+        }, [
+          (r(!0), i(I, null, m(l.plots, (s, g) => (r(), i("g", {
+            key: `xLabel_plot_${n}_${g}`
+          }, [
+            s && g === 0 && l.showSerieName && l.showSerieName === "start" ? (r(), i("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)) : c("", !0),
+            s && g === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (r(), i("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)) : c("", !0)
+          ]))), 128))
+        ], 6))), 128)),
+        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), i("g", fl, [
+          t.mutableConfig.useIndividualScale ? (r(), i(I, { key: 0 }, [
+            (r(!0), i(I, null, m(e.allScales, (l) => (r(), i("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)),
+            (r(!0), i(I, null, m(e.allScales, (l) => (r(), i("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),
+              (r(!0), i(I, null, m(l.yLabels, (n, s) => (r(), i("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)),
+              (r(!0), i(I, null, m(l.yLabels, (n, s) => (r(), i("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)) : (r(!0), i(I, { key: 1 }, m(e.yLabels, (l, n) => (r(), i("g", {
+            key: `yLabel_${n}`
+          }, [
+            e.canShowValue(l) && l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (r(), i("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)) : c("", !0),
+            l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (r(), i("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)) : c("", !0)
+          ]))), 128))
+        ])) : c("", !0),
+        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (r(!0), i(I, { key: 7 }, m(e.allScales, (l) => (r(), i("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)) : c("", !0),
+        d("g", null, [
+          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (r(), i("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)) : c("", !0),
+          e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (r(), i("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)) : c("", !0)
+        ]),
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), i("g", Sl, [
+          (r(!0), i(I, null, m(e.timeLabels, (l, n) => (r(), i("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 ? (r(), i("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)) : c("", !0)
+          ]))), 128))
+        ])) : c("", !0),
+        d("g", null, [
+          (r(!0), i(I, null, m(e.maxSeries, (l, n) => (r(), i("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) ? (r(), i("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)
+        ])) : c("", !0),
+        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", Ol, [
+          (r(), i("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)
+        ])) : c("", !0)
+      ])) : c("", !0),
+      G(a.$slots, "svg", { svg: e.svg }, void 0, !0)
+    ], 14, Ye)) : c("", !0),
+    e.isDataset ? c("", !0) : (r(), 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 ? (r(), 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"])) : c("", !0),
+    e.FINAL_CONFIG.chart.legend.show ? (r(), i("div", {
+      key: 5,
+      ref: "chartLegend",
+      class: "vue-ui-xy-legend",
+      style: S(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
+    }, [
+      (r(!0), i(I, null, m(e.absoluteDataset, (l, n) => (r(), i("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" ? (r(), i("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"])
+        ])) : (r(), i("svg", Ml, [
+          t.icons[l.type] === "bar" ? (r(), i("rect", {
+            key: 0,
+            x: "0",
+            y: "0",
+            rx: "1",
+            height: "12",
+            width: "12",
+            stroke: "none",
+            fill: l.color
+          }, null, 8, Pl)) : (r(), 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)) : (r(), i("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 ? (r(), 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, [
+            Pe(d("input", {
+              type: "checkbox",
+              "onUpdate:modelValue": o[4] || (o[4] = (l) => t.showSparklineTable = l)
+            }, null, 512), [
+              [Ve, 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 ? (r(), V(v, {
+            key: `sparkline_${t.segregateStep}`,
+            dataset: e.tableSparklineDataset,
+            config: e.tableSparklineConfig
+          }, null, 8, ["dataset", "config"])) : (r(), 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 }) => [
+              Re(C(l), 1)
+            ]),
+            _: 1
+          }, 8, ["colNames", "head", "body", "config", "title"]))
+        ], 4)
+      ]),
+      _: 1
+    }, 8, ["config"])) : c("", !0)
+  ], 14, We);
+}
+const la = /* @__PURE__ */ De(Be, [["render", Hl], ["__scopeId", "data-v-185b12a6"]]);
+export {
+  la as default
+};