vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-history-plot-5sPJfAue.js → vue-ui-history-plot-j0DMfNPJ.js}

@@ -1,21 +1,21 @@
 import { defineAsyncComponent as E, ref as u, shallowRef as ct, computed as h, onMounted as yl, onBeforeUnmount as fl, toRefs as pl, watch as he, watchEffect as gl, openBlock as s, createElementBlock as r, unref as c, normalizeStyle as M, normalizeClass as H, createElementVNode as C, toDisplayString as D, createBlock as F, createCommentVNode as y, renderSlot as f, withCtx as p, normalizeProps as A, guardReactiveProps as S, createSlots as vt, createVNode as Le, Fragment as T, renderList as $, Teleport as xl, resolveDynamicComponent as bl, mergeProps as ml, createTextVNode as dt, nextTick as _e } from "vue";
-import { j as ht, o as yt, q as ft, r as kl, t as pt, n as wl, p as ye, s as Cl, D as gt, k as K, l as G, X as Al, x as Sl, w as Tl, Z as $l, W as Il, a2 as U, m as Ll, a0 as _l, a1 as Pl, T as zl, a3 as Ol } from "./lib-DBptbyyI.js";
+import { j as ht, o as yt, q as ft, r as kl, t as pt, n as wl, p as ye, s as Cl, D as gt, k as K, l as G, X as Al, x as Sl, w as Tl, Z as $l, W as Il, a2 as U, m as Ll, a0 as _l, a1 as Pl, T as zl, a3 as Ol } from "./lib-DMzrGQHK.js";
 import { t as xt, u as Ml } from "./useResponsive-DfdjqQps.js";
-import { u as Nl } from "./useConfig-C40HvGpD.js";
-import { u as Dl, B as Fl } from "./BaseScanner-BhhkKVoj.js";
-import { u as Xl } from "./usePrinter-CEpYU3r5.js";
-import { u as Bl } from "./useSvgExport-ByUukOZt.js";
-import { u as Pe } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Rl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as El } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Yl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Hl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Ul from "./img-LXxMLmCg.js";
-import Wl from "./Title-BeMKE1cj.js";
+import { u as Nl } from "./useConfig-DTHxOX6V.js";
+import { u as Dl, B as Fl } from "./BaseScanner-BON3d_Sx.js";
+import { u as Xl } from "./usePrinter-C4t8DdQ-.js";
+import { u as Bl } from "./useSvgExport-BTG4hVPO.js";
+import { u as Pe } from "./useNestedProp-DH0BEVVS.js";
+import { u as Rl } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as El } from "./useUserOptionState-B7Ej974k.js";
+import { u as Yl } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as Hl } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import Ul from "./img-CjTQXS0U.js";
+import Wl from "./Title-BbKoiBk2.js";
 import jl from "./vue_ui_history_plot-BCKk1CrQ.js";
-import Vl from "./Legend-CS7Xo5LK.js";
-import { A as Kl } from "./A11yDataTable-KcVAX2cP.js";
-import { B as Gl } from "./BaseLegendToggle-BQVIawmA.js";
+import Vl from "./Legend-DGN5lY60.js";
+import { A as Kl } from "./A11yDataTable-BpmuNomI.js";
+import { B as Gl } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as ql } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative" } }, ta = ["xmlns", "viewBox", "aria-describedby"], la = ["x", "y", "width", "height"], aa = { key: 1 }, oa = ["id"], sa = ["stop-color"], na = ["stop-color"], ra = ["stop-color"], ia = { key: 2 }, ua = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ca = { key: 3 }, va = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], da = ["x", "y", "fill", "font-size"], ha = ["transform", "font-size", "fill", "font-weight"], ya = { key: 6 }, fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pa = { key: 7 }, ga = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], xa = ["transform", "fill", "font-size", "text-anchor"], ba = ["x", "y", "font-size", "fill", "font-weight"], ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wa = ["d", "stroke", "stroke-width"], Ca = ["d", "stroke", "stroke-width"], Aa = ["cx", "cy", "fill", "r"], Sa = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Ta = { key: 1 }, $a = ["x", "y", "font-size", "fill", "font-weight"], Ia = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], La = { key: 2 }, _a = ["x", "y", "font-size", "font-weight", "fill"], Pa = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], za = {
   key: 0,
@@ -43,7 +43,15 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(bt, { expose: mt, emit: kt }) {
-    const wt = E(() => import("./Tooltip-C8KGyqQk.js")), Ct = E(() => import("./BaseIcon-Cb3zzG6s.js")), At = E(() => import("./vue-ui-accordion-DDuJT1xA.js")), St = E(() => import("./DataTable-DT2kIdQ6.js")), Tt = E(() => import("./PenAndPaper-Ct3qJ4lA.js")), $t = E(() => import("./UserOptions-rW2fRf3V.js")), It = E(() => import("./PackageVersion-PjmqM4wb.js")), Lt = E(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_history_plot: _t } = Nl(), { isThemeValid: Pt, warnInvalidTheme: zt } = Rl(), L = bt, X = u(null), ze = u(null), Oe = u(0), Me = u(null), Ne = u(0), De = u(0), Fe = u(0), R = ct(null), W = ct(null), Xe = u(null), _ = u(ht()), oe = u(!1), fe = u(""), x = u([]), q = u(!1), P = u(null), Z = u(!1), Be = u(null), Re = u(!1), J = u(null), pe = u(null), se = u(!1), ne = u(!1), ge = u(null), xe = u(null), re = u(null), be = u(null), k = u(null), w = u(null), Ee = u({ x: 0, y: 0 }), ie = u("pointer"), me = u(!1), ue = h({
+    const wt = E(() => import("./Tooltip-Cvt7Fi0Q.js")), Ct = E(() => import("./BaseIcon-DX0hTWa-.js")), At = E(() => import("./vue-ui-accordion-BHmfmb_6.js")), St = E(() => import("./DataTable-cMnb68Ik.js")), Tt = E(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), $t = E(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), It = E(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Lt = E(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_history_plot: _t } = Nl(), { isThemeValid: Pt, warnInvalidTheme: zt } = Rl(), L = bt, X = u(null), ze = u(null), Oe = u(0), Me = u(null), Ne = u(0), De = u(0), Fe = u(0), R = ct(null), W = ct(null), Xe = u(null), _ = u(ht()), oe = u(!1), fe = u(""), x = u([]), q = u(!1), P = u(null), Z = u(!1), Be = u(null), Re = u(!1), J = u(null), pe = u(null), se = u(!1), ne = u(!1), ge = u(null), xe = u(null), re = u(null), be = u(null), k = u(null), w = u(null), Ee = u({ x: 0, y: 0 }), ie = u("pointer"), me = u(!1), ue = h({
       get: () => !!L.dataset && L.dataset.length,
       set: (t) => t
     }), ke = kt;
@@ -157,7 +165,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         a = t;
       return a;
     }
-    const e = u(we()), j = h(() => e.value.userOptions.useCursorPointer), Ot = h(() => pt({
+    const e = u(we()), j = h(
+      () => e.value.userOptions.useCursorPointer
+    ), Ot = h(() => pt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -228,12 +238,22 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Ot.value
       })
-    }), { userOptionsVisible: Ae, setUserOptionsVisibility: Ue, keepUserOptionState: We } = El({ config: e.value }), { svgRef: Y } = Yl({ config: e.value.style.chart.title });
-    he(() => L.config, (t) => {
-      B.value || (e.value = we()), Ae.value = !e.value.userOptions.showOnChartHover, He(), Oe.value += 1, De.value += 1, Ne.value += 1, b.value.height = e.value.style.chart.height, b.value.width = e.value.style.chart.width, i.value.plots = e.value.style.chart.plots.radius, i.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, i.value.labels = e.value.style.chart.plots.labels.fontSize, i.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, i.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, i.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, i.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 }), he(() => L.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Ce.value = !1);
-    }, { deep: !0 });
+    }), { userOptionsVisible: Ae, setUserOptionsVisibility: Ue, keepUserOptionState: We } = El({ config: e.value }), { svgRef: Y } = Yl({
+      config: e.value.style.chart.title
+    });
+    he(
+      () => L.config,
+      (t) => {
+        B.value || (e.value = we()), Ae.value = !e.value.userOptions.showOnChartHover, He(), Oe.value += 1, De.value += 1, Ne.value += 1, b.value.height = e.value.style.chart.height, b.value.width = e.value.style.chart.width, i.value.plots = e.value.style.chart.plots.radius, i.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, i.value.labels = e.value.style.chart.plots.labels.fontSize, i.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, i.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, i.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, i.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.chart.tooltip.show;
+      },
+      { deep: !0 }
+    ), he(
+      () => L.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (Ce.value = !1);
+      },
+      { deep: !0 }
+    );
     const { isPrinting: Se, isImaging: Te, generatePdf: je, generateImage: Ve } = Xl({
       elementId: `history_plot_${_.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-history-plot",
@@ -242,12 +262,16 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    he(e, () => {
-      z.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
+    he(
+      e,
+      () => {
+        z.value = {
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.chart.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const b = u({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
@@ -299,11 +323,19 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       ...t,
       color: t.color ? Cl(t.color) : Dt.value[a] || ye[a] || ye[a % ye.length],
       seriesIndex: a
-    }))), Et = h(() => Math.max(...N.value.filter((t) => !x.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), Yt = h(() => {
-      const t = Math.min(...N.value.filter((a) => !x.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
+    }))), Et = h(() => Math.max(
+      ...N.value.filter((t) => !x.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))
+    )), Yt = h(() => {
+      const t = Math.min(
+        ...N.value.filter((a) => !x.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x))
+      );
       return t < 0 ? t : 0;
-    }), Ht = h(() => Math.max(...N.value.filter((t) => !x.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), Ut = h(() => {
-      const t = Math.min(...N.value.filter((a) => !x.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
+    }), Ht = h(() => Math.max(
+      ...N.value.filter((t) => !x.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y))
+    )), Ut = h(() => {
+      const t = Math.min(
+        ...N.value.filter((a) => !x.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y))
+      );
       return t < 0 ? t : 0;
     }), m = h(() => {
       const t = gt(
@@ -394,7 +426,10 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     }));
     function Ze({ datapoint: t, plotIndex: a, seriesIndex: l }) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), ke("selectDatapoint", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: { ...t, plotIndex: a, seriesIndex: l },
+        seriesIndex: l
+      }), ke("selectDatapoint", t);
     }
     function Je(t) {
       ke("selectLegend", {
@@ -408,19 +443,38 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     }
     const ve = u(null);
     function et({ datapoint: t, plotIndex: a, seriesIndex: l }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), !(ie.value === "keyboard" && k.value === l && w.value === a) && (oe.value = !1, P.value = null);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: { ...t, plotIndex: a, seriesIndex: l },
+        seriesIndex: l
+      }), !(ie.value === "keyboard" && k.value === l && w.value === a) && (oe.value = !1, P.value = null);
     }
     function Zt(t, a) {
       if (!Y.value) return;
-      const l = g.value.find((d) => d.seriesIndex === t);
+      const l = g.value.find(
+        (d) => d.seriesIndex === t
+      );
       if (!l) return;
       const n = l.plots[a];
       if (!n) return;
       const o = Ol(n.x, n.y, Y.value);
       o && (Ee.value = o);
     }
-    function tt({ datapoint: t, plotIndex: a, seriesIndex: l, triggerMode: n = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), k.value = l, w.value = a, ie.value = n, ve.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: N.value }, P.value = t;
+    function tt({
+      datapoint: t,
+      plotIndex: a,
+      seriesIndex: l,
+      triggerMode: n = "pointer"
+    }) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: { ...t, plotIndex: a, seriesIndex: l },
+        seriesIndex: l
+      }), k.value = l, w.value = a, ie.value = n, ve.value = {
+        datapoint: t,
+        seriesIndex: l,
+        plotIndex: a,
+        config: e.value,
+        series: N.value
+      }, P.value = t;
       const o = e.value.style.chart.tooltip.customFormat;
       if (Z.value = !1, zl(o))
         try {
@@ -524,12 +578,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           [e.value.table.columnNames.datapoint],
           [e.value.table.columnNames.x],
           [e.value.table.columnNames.y]
-        ], l = g.value.flatMap((d) => d.plots.map((I) => [
-          [I.seriesName],
-          [I.label],
-          [I.valueX],
-          [I.valueY]
-        ])), n = [
+        ], l = g.value.flatMap((d) => d.plots.map((I) => [[I.seriesName], [I.label], [I.valueX], [I.valueY]])), n = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           a
@@ -555,7 +604,12 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     }
     async function Qt({ scale: t = 2 } = {}) {
       if (!X.value) return;
-      const { width: a, height: l } = X.value.getBoundingClientRect(), n = a / l, { imageUri: o, base64: d } = await Ul({ domElement: X.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = X.value.getBoundingClientRect(), n = a / l, { imageUri: o, base64: d } = await Ul({
+        domElement: X.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: o,
         base64: d,
@@ -565,14 +619,25 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         aspectRatio: n
       };
     }
-    const el = h(() => m.value.tickX), tl = h(() => ({ start: 0, end: m.value.tickX.length }));
+    const el = h(() => m.value.tickX), tl = h(() => ({
+      start: 0,
+      end: m.value.tickX.length
+    }));
     Hl({
       timeLabelsEls: re,
       timeLabels: el,
       slicer: tl,
       configRef: e,
       rotationPath: ["style", "chart", "axes", "x", "labels", "rotation"],
-      autoRotatePath: ["style", "chart", "axes", "x", "labels", "autoRotate", "enable"],
+      autoRotatePath: [
+        "style",
+        "chart",
+        "axes",
+        "x",
+        "labels",
+        "autoRotate",
+        "enable"
+      ],
       isAutoSize: !1,
       width: Ft,
       height: Xt,
@@ -609,9 +674,12 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         }
       };
     });
-    he(() => z.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && J.value ? J.value.open() : "close" in J.value && J.value.close());
-    });
+    he(
+      () => z.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && J.value ? J.value.open() : "close" in J.value && J.value.close());
+      }
+    );
     function ot() {
       z.value.showTable = !1, pe.value && pe.value.setTableIconState(!1);
     }
@@ -627,7 +695,14 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       try {
         if (t) {
           const { blob: a, url: l, text: n, dataUrl: o } = await nl();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: n, dataUrl: o }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: l,
+              text: n,
+              dataUrl: o
+            })
+          );
         } else
           await Promise.resolve(sl());
       } finally {
@@ -650,13 +725,17 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         config: e.value,
         dataset: g.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: g.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: g.value
+        })
+      );
     }
     const le = h(() => ({
       head: V.value.head,
@@ -670,11 +749,15 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       notice: e.value.a11y.translations.tableAvailable
     }));
     function il(t) {
-      return g.value.findIndex((a) => a.seriesIndex === t);
+      return g.value.findIndex(
+        (a) => a.seriesIndex === t
+      );
     }
     function rt() {
       if (k.value !== null && w.value !== null) {
-        const a = g.value.find((l) => l.seriesIndex === k.value)?.plots?.[w.value];
+        const a = g.value.find(
+          (l) => l.seriesIndex === k.value
+        )?.plots?.[w.value];
         a && et({
           datapoint: a,
           plotIndex: w.value,
@@ -721,14 +804,18 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     function dl(t) {
       if (!Y.value || ee.value || document.activeElement !== Y.value || !g.value.length) return;
       const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", n = t.key === "ArrowUp", o = t.key === "ArrowDown", d = t.key === "Enter" || t.key === " ", I = t.key === "Escape";
-      if (!a && !l && !n && !o && !d && !I) return;
+      if (!a && !l && !n && !o && !d && !I)
+        return;
       if (t.preventDefault(), t.stopPropagation(), I) {
         rt();
         return;
       }
       if (d) {
-        if (k.value === null || w.value === null) return;
-        const ut = g.value.find((hl) => hl.seriesIndex === k.value)?.plots?.[w.value];
+        if (k.value === null || w.value === null)
+          return;
+        const ut = g.value.find(
+          (hl) => hl.seriesIndex === k.value
+        )?.plots?.[w.value];
         if (!ut) return;
         Ze({
           datapoint: ut,
@@ -763,7 +850,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
         direction: "right"
       }));
       if (!O) return;
-      const it = g.value.find((ae) => ae.seriesIndex === O.seriesIndex)?.plots?.[O.plotIndex];
+      const it = g.value.find(
+        (ae) => ae.seriesIndex === O.seriesIndex
+      )?.plots?.[O.plotIndex];
       it && tt({
         datapoint: it,
         plotIndex: O.plotIndex,
@@ -789,7 +878,11 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       id: `history_plot_${_.value}`,
       ref_key: "historyPlotChart",
       ref: X,
-      class: H({ "vue-data-ui-component": !0, "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": q.value }),
+      class: H({
+        "vue-data-ui-component": !0,
+        "vue-ui-history-plot": !0,
+        "vue-data-ui-wrapper-fullscreen": q.value
+      }),
       style: M(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: a[2] || (a[2] = () => c(Ue)(!0)),
       onMouseleave: a[3] || (a[3] = () => c(Ue)(!1))
@@ -1015,7 +1108,10 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
             }, [
               C("stop", {
                 offset: "10%",
-                "stop-color": c(Sl)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+                "stop-color": c(Sl)(
+                  l.color,
+                  e.value.style.chart.plots.gradient.intensity / 100
+                )
               }, null, 8, sa),
               C("stop", {
                 offset: "90%",
@@ -1170,7 +1266,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: H({ animated: e.value.useCssAnimation && !c(B) })
+                class: H({
+                  animated: e.value.useCssAnimation && !c(B)
+                })
               }, null, 10, wa),
               C("path", {
                 d: l.path,
@@ -1179,7 +1277,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: H({ animated: e.value.useCssAnimation && !c(B) })
+                class: H({
+                  animated: e.value.useCssAnimation && !c(B)
+                })
               }, null, 10, Ca)
             ], 4)) : y("", !0),
             (s(!0), r(T, null, $(l.plots, (o) => (s(), r("circle", {
@@ -1196,7 +1296,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
               r: i.value.plots,
               stroke: e.value.style.chart.plots.stroke,
               "stroke-width": e.value.style.chart.plots.strokeWidth,
-              class: H({ animated: e.value.useCssAnimation && !c(B) }),
+              class: H({
+                animated: e.value.useCssAnimation && !c(B)
+              }),
               style: M({
                 opacity: P.value === null || P.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
@@ -1213,7 +1315,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
                   fill: e.value.style.chart.plots.labels.color,
                   "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                   "text-anchor": "middle",
-                  class: H({ animated: e.value.useCssAnimation && !c(B) }),
+                  class: H({
+                    animated: e.value.useCssAnimation && !c(B)
+                  }),
                   style: M({
                     opacity: P.value === null || P.value.id === o.id ? 1 : 0.3,
                     transition: "opacity 0.2s ease-in-out"
@@ -1233,7 +1337,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
                   fill: e.value.style.chart.plots.labels.color,
                   "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                   "text-anchor": "middle",
-                  class: H({ animated: e.value.useCssAnimation && !c(B) }),
+                  class: H({
+                    animated: e.value.useCssAnimation && !c(B)
+                  }),
                   style: M({
                     opacity: P.value === null || P.value.id === o.id ? 1 : 0.3,
                     transition: "opacity 0.2s ease-in-out"
@@ -1249,7 +1355,9 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
                 "font-weight": e.value.style.chart.plots.indexLabels.bold ? "bold" : "normal",
                 fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? c(Il)(l.color) : e.value.style.chart.plots.indexLabels.color,
                 "text-anchor": "middle",
-                class: H({ animated: e.value.useCssAnimation && !c(B) }),
+                class: H({
+                  animated: e.value.useCssAnimation && !c(B)
+                }),
                 style: M({
                   opacity: P.value === null || P.value.id === o.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
@@ -1291,11 +1399,16 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           }, void 0, !0)
         ], 44, ta)),
         t.$slots.hint ? (s(), r("div", za, [
-          f(t.$slots, "hint", A(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: me.value })), void 0, !0)
+          f(t.$slots, "hint", A(S({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: me.value
+          })), void 0, !0)
         ])) : y("", !0)
       ]),
       t.$slots.watermark ? (s(), r("div", Oa, [
-        f(t.$slots, "watermark", A(S({ isPrinting: c(Se) || c(Te) || se.value || ne.value })), void 0, !0)
+        f(t.$slots, "watermark", A(S({
+          isPrinting: c(Se) || c(Te) || se.value || ne.value
+        })), void 0, !0)
       ])) : y("", !0),
       C("div", {
         id: `legend-bottom-${_.value}`
@@ -1446,7 +1559,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       ], !0)
     ], 46, Zl));
   }
-}, oo = /* @__PURE__ */ ql(Fa, [["__scopeId", "data-v-9f997071"]]);
+}, oo = /* @__PURE__ */ ql(Fa, [["__scopeId", "data-v-a9f2184e"]]);
 export {
   oo as default
 };