vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-quadrant-CPgUkle7.js → vue-ui-quadrant-D8vI4gIT.js}

@@ -1,21 +1,21 @@
 import { defineAsyncComponent as R, computed as m, ref as h, toRefs as sl, watch as Fe, shallowRef as xt, onMounted as nl, onBeforeUnmount as rl, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as O, createElementVNode as d, toDisplayString as w, createBlock as B, createCommentVNode as y, withCtx as p, renderSlot as g, normalizeProps as T, guardReactiveProps as q, createSlots as $t, createVNode as de, Fragment as A, renderList as N, mergeProps as kt, Teleport as il, resolveDynamicComponent as vl, createTextVNode as wt, nextTick as Se } from "vue";
-import { j as Lt, t as dl, m as cl, p as Ie, o as hl, q as ae, n as yl, s as bl, ak as fl, k as D, l as H, X as pl, u as _e, v as gl, al as ml, Z as xl, W as $l, a0 as kl, a1 as wl, T as Ll, U as Cl } from "./lib-DBptbyyI.js";
+import { j as Lt, t as dl, m as cl, p as Ie, o as hl, q as ae, n as yl, s as bl, ak as fl, k as D, l as H, X as pl, u as _e, v as gl, al as ml, Z as xl, W as $l, a0 as kl, a1 as wl, T as Ll, U as Cl } from "./lib-DMzrGQHK.js";
 import { t as Sl, u as _l } from "./useResponsive-DfdjqQps.js";
-import { u as Tl } from "./useConfig-C40HvGpD.js";
-import { u as ql, B as Al } from "./BaseScanner-BhhkKVoj.js";
-import { u as zl } from "./usePrinter-CEpYU3r5.js";
-import { u as Wl } from "./useSvgExport-ByUukOZt.js";
-import { u as Xl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Re } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Pl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Yl } from "./useChartAccessibility-9icAAmYg.js";
-import Ml from "./img-LXxMLmCg.js";
-import Ol from "./Title-BeMKE1cj.js";
-import { _ as Ct } from "./Shape-BKRUOeKk.js";
+import { u as Tl } from "./useConfig-DTHxOX6V.js";
+import { u as ql, B as Al } from "./BaseScanner-BON3d_Sx.js";
+import { u as zl } from "./usePrinter-C4t8DdQ-.js";
+import { u as Wl } from "./useSvgExport-BTG4hVPO.js";
+import { u as Xl } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Re } from "./useNestedProp-DH0BEVVS.js";
+import { u as Pl } from "./useUserOptionState-B7Ej974k.js";
+import { u as Yl } from "./useChartAccessibility-cp6XQtqi.js";
+import Ml from "./img-CjTQXS0U.js";
+import Ol from "./Title-BbKoiBk2.js";
+import { _ as Ct } from "./Shape-CxJ5_Rre.js";
 import Bl from "./vue_ui_quadrant-DjRs--Uz.js";
-import Nl from "./Legend-CS7Xo5LK.js";
-import { A as Vl } from "./A11yDataTable-KcVAX2cP.js";
-import { B as Fl } from "./BaseLegendToggle-BQVIawmA.js";
+import Nl from "./Legend-DGN5lY60.js";
+import { A as Vl } from "./A11yDataTable-BpmuNomI.js";
+import { B as Fl } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Il } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative" } }, Ul = ["xmlns", "aria-describedby", "viewBox", "id"], Ql = ["x", "y", "width", "height"], Gl = ["id"], Kl = ["stop-color"], jl = ["stop-color"], Jl = { key: 1 }, Zl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], ea = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ta = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], la = { key: 2 }, aa = ["points", "fill"], oa = ["points", "fill"], ua = ["points", "fill"], sa = ["points", "fill"], na = { key: 3 }, ra = ["y", "fill", "font-size"], ia = ["x", "y", "fill", "font-size"], va = ["x", "y", "fill", "font-size"], da = ["y", "fill", "font-size"], ca = { key: 4 }, ha = ["x", "y", "font-size", "fill"], ya = ["x", "y", "font-size", "fill"], ba = ["x", "y", "font-size", "fill"], fa = ["id", "font-size", "transform", "fill"], pa = ["id", "font-size", "transform", "fill"], ga = ["id", "font-size", "transform", "fill"], ma = { key: 5 }, xa = ["fill", "points"], $a = ["x", "y", "width", "height"], ka = ["x", "y", "width", "height"], wa = ["x", "y", "width", "height"], La = ["x", "y", "width", "height"], Ca = ["x", "y", "onMouseenter", "onMouseleave", "onClick"], Sa = ["data-a11y-plot-id", "cx", "cy", "r", "aria-label"], _a = ["data-a11y-plot-id", "cx", "cy", "r", "aria-label"], Ta = {
   key: 0,
@@ -52,9 +52,24 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       }
     }
   },
-  emits: ["selectPlot", "selectSide", "selectLegend", "copyAlt"],
+  emits: [
+    "selectPlot",
+    "selectSide",
+    "selectLegend",
+    "copyAlt"
+  ],
   setup(St, { expose: _t, emit: Tt }) {
-    const qt = R(() => import("./Tooltip-C8KGyqQk.js")), At = R(() => import("./BaseIcon-Cb3zzG6s.js")), zt = R(() => import("./vue-ui-accordion-DDuJT1xA.js")), Wt = R(() => import("./DataTable-DT2kIdQ6.js")), Xt = R(() => import("./PenAndPaper-Ct3qJ4lA.js")), Pt = R(() => import("./UserOptions-rW2fRf3V.js")), Yt = R(() => import("./PackageVersion-PjmqM4wb.js")), Mt = R(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_quadrant: Ot } = Tl(), { isThemeValid: Bt, warnInvalidTheme: Nt } = Xl(), M = St, De = m(() => !!M.dataset && M.dataset.length), $ = h(Lt()), ce = Tt, he = h(!1), Te = h(""), He = h(0), x = h(!1), V = h(null), Ee = h(null), Ue = h(null), Qe = h(null), Ge = h(null), Ke = h(0), je = h(0), Je = h(0), Ze = h(!1), oe = h(null), qe = h(null), ye = h(!1), be = h(!1), j = h(null), fe = h(null), et = h({ x: 0, y: 0 }), Ae = h("pointer"), pe = h(!1), e = h(We()), X = m(() => e.value.userOptions.useCursorPointer), Vt = m(() => ({
+    const qt = R(() => import("./Tooltip-Cvt7Fi0Q.js")), At = R(() => import("./BaseIcon-DX0hTWa-.js")), zt = R(() => import("./vue-ui-accordion-BHmfmb_6.js")), Wt = R(() => import("./DataTable-cMnb68Ik.js")), Xt = R(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Pt = R(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Yt = R(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Mt = R(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_quadrant: Ot } = Tl(), { isThemeValid: Bt, warnInvalidTheme: Nt } = Xl(), M = St, De = m(() => !!M.dataset && M.dataset.length), $ = h(Lt()), ce = Tt, he = h(!1), Te = h(""), He = h(0), x = h(!1), V = h(null), Ee = h(null), Ue = h(null), Qe = h(null), Ge = h(null), Ke = h(0), je = h(0), Je = h(0), Ze = h(!1), oe = h(null), qe = h(null), ye = h(!1), be = h(!1), j = h(null), fe = h(null), et = h({ x: 0, y: 0 }), Ae = h("pointer"), pe = h(!1), e = h(We()), X = m(
+      () => e.value.userOptions.useCursorPointer
+    ), Vt = m(() => ({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -126,7 +141,9 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Vt.value
       })
-    }), { userOptionsVisible: ze, setUserOptionsVisibility: lt, keepUserOptionState: at } = Pl({ config: e.value }), { svgRef: E } = Yl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ze, setUserOptionsVisibility: lt, keepUserOptionState: at } = Pl({ config: e.value }), { svgRef: E } = Yl({
+      config: e.value.style.chart.title
+    });
     function We() {
       const l = Re({
         userConfig: M.config,
@@ -147,9 +164,13 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         customPalette: s.customPalette.length ? s.customPalette : cl[o] || Ie
       };
     }
-    Fe(() => M.config, (l) => {
-      e.value = We(), ze.value = !e.value.userOptions.showOnChartHover, ot(), Ke.value += 1, je.value += 1, Je.value += 1, k.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, k.value.showTable = e.value.table.show, k.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 });
+    Fe(
+      () => M.config,
+      (l) => {
+        e.value = We(), ze.value = !e.value.userOptions.showOnChartHover, ot(), Ke.value += 1, je.value += 1, Je.value += 1, k.value.plotLabels.show = e.value.style.chart.layout.labels.plotLabels.show, k.value.showTable = e.value.table.show, k.value.showTooltip = e.value.style.chart.tooltip.show;
+      },
+      { deep: !0 }
+    );
     const F = xt(null), J = xt(null), Z = m(() => e.value.debug);
     function ot() {
       if (hl(M.dataset) ? ae({
@@ -227,13 +248,17 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       startX: 0,
       startY: 0
     });
-    Fe(() => t.value, (l) => {
-      l && (b.value = {
-        ...JSON.parse(JSON.stringify(t.value)),
-        startX: 0,
-        startY: 0
-      });
-    }, { deep: !0 });
+    Fe(
+      () => t.value,
+      (l) => {
+        l && (b.value = {
+          ...JSON.parse(JSON.stringify(t.value)),
+          startX: 0,
+          startY: 0
+        });
+      },
+      { deep: !0 }
+    );
     const f = h(null), U = m(() => {
       switch (f.value) {
         case "TL":
@@ -273,7 +298,14 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
             bold: e.value.style.chart.layout.labels.quadrantLabels.bl.bold
           };
         default:
-          return { x: 0, y: 0, text: "", fontSize: 0, fill: "none", bold: !1 };
+          return {
+            x: 0,
+            y: 0,
+            text: "",
+            fontSize: 0,
+            fill: "none",
+            bold: !1
+          };
       }
     }), It = h(null), me = h(!1);
     function ue({ targetX: l, targetY: o, targetW: a, targetH: s, side: u }) {
@@ -357,7 +389,15 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       return s;
     }), z = m(() => {
       let l = e.value.style.chart.layout.grid.xAxis.max, o = e.value.style.chart.layout.grid.xAxis.min, a = e.value.style.chart.layout.grid.yAxis.max, s = e.value.style.chart.layout.grid.yAxis.min;
-      return e.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(...ee.value.flatMap((u) => u.series.map((i) => i.x))), o = Math.min(...ee.value.flatMap((u) => u.series.map((i) => i.x)))), e.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(...ee.value.flatMap((u) => u.series.map((i) => i.y))), s = Math.min(...ee.value.flatMap((u) => u.series.map((i) => i.y)))), {
+      return e.value.style.chart.layout.grid.xAxis.auto && (l = Math.max(
+        ...ee.value.flatMap((u) => u.series.map((i) => i.x))
+      ), o = Math.min(
+        ...ee.value.flatMap((u) => u.series.map((i) => i.x))
+      )), e.value.style.chart.layout.grid.yAxis.auto && (a = Math.max(
+        ...ee.value.flatMap((u) => u.series.map((i) => i.y))
+      ), s = Math.min(
+        ...ee.value.flatMap((u) => u.series.map((i) => i.y))
+      )), {
         x: {
           max: l,
           min: o
@@ -367,15 +407,17 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
           min: s
         }
       };
-    }), C = h([]), ee = m(() => tt.value.map((l, o) => ({
-      ...l,
-      series: fl({
-        data: l.series,
-        threshold: e.value.downsample.threshold
-      }),
-      id: `cat_${o}_${$.value}`,
-      color: bl(l.color) || nt.value[o] || Ie[o]
-    }))), Ye = m(() => ee.value.filter((l) => !C.value.includes(l.id))), Dt = m(() => ee.value.map((l, o) => ({
+    }), C = h([]), ee = m(
+      () => tt.value.map((l, o) => ({
+        ...l,
+        series: fl({
+          data: l.series,
+          threshold: e.value.downsample.threshold
+        }),
+        id: `cat_${o}_${$.value}`,
+        color: bl(l.color) || nt.value[o] || Ie[o]
+      }))
+    ), Ye = m(() => ee.value.filter((l) => !C.value.includes(l.id))), Dt = m(() => ee.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
@@ -452,7 +494,19 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         sideName: e.value.style.chart.layout.labels.quadrantLabels[Y.quadrantSide].text,
         color: c.color,
         shape: c.shape
-      }))), o = e.value.style.chart.layout.grid.xAxis.name || "x", a = e.value.style.chart.layout.grid.yAxis.name || "y", s = [e.value.translations.category, e.value.translations.item, o, a, e.value.translations.side], u = l.map((c) => [c.category, c.name, c.x, c.y, c.sideName || c.quadrantSide]), i = l.map((c) => ({
+      }))), o = e.value.style.chart.layout.grid.xAxis.name || "x", a = e.value.style.chart.layout.grid.yAxis.name || "y", s = [
+        e.value.translations.category,
+        e.value.translations.item,
+        o,
+        a,
+        e.value.translations.side
+      ], u = l.map((c) => [
+        c.category,
+        c.name,
+        c.x,
+        c.y,
+        c.sideName || c.quadrantSide
+      ]), i = l.map((c) => ({
         shape: c.shape,
         color: c.color
       }));
@@ -567,7 +621,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       };
     }
     function ke(l, o, a, s = "pointer", u = null) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: a }), G.value = o.uid, ne.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: o,
+        seriesIndex: a
+      }), G.value = o.uid, ne.value = {
         color: l.color,
         shape: l.shape
       }, Ae.value = s, j.value = u, fe.value = o.uid, $e.value = {
@@ -577,12 +634,14 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         config: e.value
       };
       const i = e.value.style.chart.tooltip.customFormat;
-      if (Ll(i) && Cl(() => i({
-        seriesIndex: a,
-        datapoint: o,
-        series: W.value,
-        config: e.value
-      })))
+      if (Ll(i) && Cl(
+        () => i({
+          seriesIndex: a,
+          datapoint: o,
+          series: W.value,
+          config: e.value
+        })
+      ))
         Te.value = i({
           seriesIndex: a,
           datapoint: o,
@@ -614,10 +673,16 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       }), he.value = !0;
     }
     function Oe(l, o) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o }), !(fe.value === l.uid && Ae.value === "keyboard") && (he.value = !1, G.value = null, ne.value = null);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: l,
+        seriesIndex: o
+      }), !(fe.value === l.uid && Ae.value === "keyboard") && (he.value = !1, G.value = null, ne.value = null);
     }
     function we(l, o, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: o, seriesIndex: a });
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: o,
+        seriesIndex: a
+      });
       const s = {
         category: l.name,
         shape: l.shape,
@@ -631,12 +696,14 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
     }
     function re(l) {
       if (!l) return;
-      const o = W.value.flatMap((s) => s.series.filter((u) => u.quadrantSide === l).map((u) => ({
-        category: u.categoryName,
-        itemName: u.name,
-        x: u.xValue,
-        y: u.yValue
-      }))), a = {
+      const o = W.value.flatMap(
+        (s) => s.series.filter((u) => u.quadrantSide === l).map((u) => ({
+          category: u.categoryName,
+          itemName: u.name,
+          x: u.xValue,
+          y: u.yValue
+        }))
+      ), a = {
         quadrantSide: l,
         sideName: e.value.style.chart.layout.labels.quadrantLabels[l].text,
         items: [...o]
@@ -765,8 +832,15 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
     }
     function Be(l = null) {
       Se(() => {
-        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = xe.value.head, s = xe.value.body, u = o.concat([a]).concat(s), i = kl(u);
-        l ? l(i) : wl({ csvContent: i, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
+        const o = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [""]
+        ], a = xe.value.head, s = xe.value.body, u = o.concat([a]).concat(s), i = kl(u);
+        l ? l(i) : wl({
+          csvContent: i,
+          title: e.value.style.chart.title.text || "vue-ui-quadrant"
+        });
       });
     }
     const K = h(!1);
@@ -788,7 +862,12 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
     }
     async function Kt({ scale: l = 2 } = {}) {
       if (!V.value) return;
-      const { width: o, height: a } = V.value.getBoundingClientRect(), s = o / a, { imageUri: u, base64: i } = await Ml({ domElement: V.value, base64: !0, img: !0, scale: l });
+      const { width: o, height: a } = V.value.getBoundingClientRect(), s = o / a, { imageUri: u, base64: i } = await Ml({
+        domElement: V.value,
+        base64: !0,
+        img: !0,
+        scale: l
+      });
       return {
         imageUri: u,
         base64: i,
@@ -829,9 +908,12 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         }
       };
     });
-    Fe(() => k.value.showTable, (l) => {
-      e.value.table.show || (l && e.value.table.useDialog && oe.value ? oe.value.open() : "close" in oe.value && oe.value.close());
-    });
+    Fe(
+      () => k.value.showTable,
+      (l) => {
+        e.value.table.show || (l && e.value.table.useDialog && oe.value ? oe.value.open() : "close" in oe.value && oe.value.close());
+      }
+    );
     function pt() {
       k.value.showTable = !1, qe.value && qe.value.setTableIconState(!1);
     }
@@ -847,7 +929,14 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       try {
         if (l) {
           const { blob: o, url: a, text: s, dataUrl: u } = await tl();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: o, url: a, text: s, dataUrl: u }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: o,
+              url: a,
+              text: s,
+              dataUrl: u
+            })
+          );
         } else
           await Promise.resolve(el());
       } finally {
@@ -870,13 +959,17 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         config: e.value,
         dataset: Ye.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: Ye.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: Ye.value
+        })
+      );
     }
     function al() {
       j.value = null, fe.value = null, pe.value = !0;
@@ -887,7 +980,8 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
     function ul(l) {
       if (!E.value || ie.value || document.activeElement !== E.value || !P.value.length) return;
       const o = l.key === "ArrowLeft" || l.key === "ArrowUp", a = l.key === "ArrowRight" || l.key === "ArrowDown", s = l.key === "Enter" || l.key === " ", u = l.key === "Escape";
-      if (!o && !a && !s && !u) return;
+      if (!o && !a && !s && !u)
+        return;
       if (l.preventDefault(), l.stopPropagation(), u) {
         Me();
         return;
@@ -900,10 +994,18 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
         return;
       }
       let i = j.value;
-      const c = G.value ? P.value.findIndex((le) => le.plot.uid === G.value) : null, Y = i !== null && i >= 0 && i < P.value.length, Le = c !== null && c >= 0 && c < P.value.length;
+      const c = G.value ? P.value.findIndex(
+        (le) => le.plot.uid === G.value
+      ) : null, Y = i !== null && i >= 0 && i < P.value.length, Le = c !== null && c >= 0 && c < P.value.length;
       Y ? (i += a ? 1 : -1, i < 0 && (i = P.value.length - 1), i >= P.value.length && (i = 0)) : Le ? (i = a ? c + 1 : c - 1, i >= P.value.length && (i = 0), i < 0 && (i = P.value.length - 1)) : a ? i = 0 : i = P.value.length - 1;
       const Ce = P.value[i];
-      Ce && ke(Ce.category, Ce.plot, Ce.categoryIndex, "keyboard", i);
+      Ce && ke(
+        Ce.category,
+        Ce.plot,
+        Ce.categoryIndex,
+        "keyboard",
+        i
+      );
     }
     const Ve = m(() => {
       const l = te.value?.colNames ?? [], o = te.value?.a11yBody ?? [];
@@ -1139,7 +1241,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
           ref: E,
           xmlns: v(pl),
           "aria-describedby": `chart-instructions-${$.value}`,
-          class: O({ "vue-data-ui-fullscreen--on": K.value, "vue-data-ui-fulscreen--off": !K.value }),
+          class: O({
+            "vue-data-ui-fullscreen--on": K.value,
+            "vue-data-ui-fulscreen--off": !K.value
+          }),
           viewBox: `${b.value.startX} ${b.value.startY} ${b.value.width} ${b.value.height}`,
           style: _(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
           id: `svg_${$.value}`,
@@ -1172,17 +1277,26 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
             }, [
               d("stop", {
                 offset: "0%",
-                "stop-color": v(_e)(v(gl)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
+                "stop-color": v(_e)(
+                  v(gl)(a.color, 0.05),
+                  e.value.style.chart.layout.areas.opacity
+                )
               }, null, 8, Kl),
               d("stop", {
                 offset: "100%",
-                "stop-color": v(_e)(a.color, e.value.style.chart.layout.areas.opacity)
+                "stop-color": v(_e)(
+                  a.color,
+                  e.value.style.chart.layout.areas.opacity
+                )
               }, null, 8, jl)
             ], 8, Gl))), 256))
           ]),
           e.value.style.chart.layout.grid.graduations.show ? (n(), r("g", Jl, [
             (n(!0), r(A, null, N(Rt.value, (a) => (n(), r("rect", {
-              fill: e.value.style.chart.layout.grid.graduations.fill ? v(_e)(e.value.style.chart.layout.grid.graduations.color, a.opacity) : "none",
+              fill: e.value.style.chart.layout.grid.graduations.fill ? v(_e)(
+                e.value.style.chart.layout.grid.graduations.color,
+                a.opacity
+              ) : "none",
               x: a.x,
               y: a.y,
               height: a.height <= 0 ? 1e-3 : a.height,
@@ -1349,7 +1463,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               a.series.length > 2 ? (n(), r("polygon", {
                 key: 0,
                 "data-cy-quadrant-area": "",
-                fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${$.value}_${s})` : v(_e)(a.color, e.value.style.chart.layout.areas.opacity),
+                fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${$.value}_${s})` : v(_e)(
+                  a.color,
+                  e.value.style.chart.layout.areas.opacity
+                ),
                 points: v(ml)(a)
               }, null, 8, xa)) : y("", !0)
             ]))), 256))
@@ -1362,7 +1479,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
               height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
               fill: "transparent",
-              class: O({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
+              class: O({
+                "vue-data-ui-zoom-plus": !x.value,
+                "vue-data-ui-zoom-minus": x.value
+              })
             }, null, 10, $a),
             d("rect", {
               onClick: o[5] || (o[5] = (a) => I("TR")),
@@ -1371,7 +1491,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
               height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
               fill: "transparent",
-              class: O({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
+              class: O({
+                "vue-data-ui-zoom-plus": !x.value,
+                "vue-data-ui-zoom-minus": x.value
+              })
             }, null, 10, ka),
             d("rect", {
               onClick: o[6] || (o[6] = (a) => I("BR")),
@@ -1380,7 +1503,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
               height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
               fill: "transparent",
-              class: O({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
+              class: O({
+                "vue-data-ui-zoom-plus": !x.value,
+                "vue-data-ui-zoom-minus": x.value
+              })
             }, null, 10, wa),
             d("rect", {
               onClick: o[7] || (o[7] = (a) => I("BL")),
@@ -1389,7 +1515,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               width: t.value.usableWidth / 2 <= 0 ? 1e-3 : t.value.usableWidth / 2,
               height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
               fill: "transparent",
-              class: O({ "vue-data-ui-zoom-plus": !x.value, "vue-data-ui-zoom-minus": x.value })
+              class: O({
+                "vue-data-ui-zoom-plus": !x.value,
+                "vue-data-ui-zoom-minus": x.value
+              })
             }, null, 10, La)
           ]),
           e.value.style.chart.layout.labels.plotLabels.showAsTag ? (n(), r(A, { key: 7 }, [
@@ -1432,7 +1561,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
                   "data-a11y-plot-id": u.uid,
                   cx: u.x,
                   cy: u.y,
-                  r: Math.max(e.value.style.chart.layout.plots.radius / (x.value ? 1.5 : 1), 10),
+                  r: Math.max(
+                    e.value.style.chart.layout.plots.radius / (x.value ? 1.5 : 1),
+                    10
+                  ),
                   fill: "transparent",
                   "aria-label": `${a.name} ${u.name}: ${e.value.style.chart.layout.grid.xAxis.name || "x"} ${u.xValue}, ${e.value.style.chart.layout.grid.yAxis.name || "y"} ${u.yValue}`,
                   style: { "pointer-events": "none" }
@@ -1457,7 +1589,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
                   "data-a11y-plot-id": u.uid,
                   cx: u.x,
                   cy: u.y,
-                  r: Math.max(e.value.style.chart.layout.plots.radius / (x.value ? 1.5 : 1), 10),
+                  r: Math.max(
+                    e.value.style.chart.layout.plots.radius / (x.value ? 1.5 : 1),
+                    10
+                  ),
                   fill: "transparent",
                   "aria-label": `${a.name} ${u.name}: ${e.value.style.chart.layout.grid.xAxis.name || "x"} ${u.xValue}, ${e.value.style.chart.layout.grid.yAxis.name || "y"} ${u.yValue}`,
                   style: { "pointer-events": "none" }
@@ -1539,7 +1674,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               fill: S.value[f.value].tl.fill,
               style: _(`cursor: ${X.value ? "pointer" : "default"}; opacity: ${f.value === "TL" ? 1 : 0.2}`),
               onClick: o[8] || (o[8] = (a) => I("TL")),
-              class: O({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "TL" })
+              class: O({
+                "vue-ui-quadrant-mini-map-cell": !0,
+                "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "TL"
+              })
             }, null, 14, Fa),
             d("rect", {
               x: S.value[f.value].tr.x,
@@ -1549,7 +1687,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               fill: S.value[f.value].tr.fill,
               style: _(`cursor: ${X.value ? "pointer" : "default"}; opacity: ${f.value === "TR" ? 1 : 0.2}`),
               onClick: o[9] || (o[9] = (a) => I("TR")),
-              class: O({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "TR" })
+              class: O({
+                "vue-ui-quadrant-mini-map-cell": !0,
+                "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "TR"
+              })
             }, null, 14, Ia),
             d("rect", {
               x: S.value[f.value].br.x,
@@ -1559,7 +1700,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               fill: S.value[f.value].br.fill,
               style: _(`cursor: ${X.value ? "pointer" : "default"}; opacity: ${f.value === "BR" ? 1 : 0.2}`),
               onClick: o[10] || (o[10] = (a) => I("BR")),
-              class: O({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "BR" })
+              class: O({
+                "vue-ui-quadrant-mini-map-cell": !0,
+                "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "BR"
+              })
             }, null, 14, Ra),
             d("rect", {
               x: S.value[f.value].bl.x,
@@ -1569,7 +1713,10 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
               fill: S.value[f.value].bl.fill,
               style: _(`cursor: ${X.value ? "pointer" : "default"}; opacity: ${f.value === "BL" ? 1 : 0.2}`),
               onClick: o[11] || (o[11] = (a) => I("BL")),
-              class: O({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "BL" })
+              class: O({
+                "vue-ui-quadrant-mini-map-cell": !0,
+                "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "BL"
+              })
             }, null, 14, Da),
             d("path", {
               class: "vue-ui-quadrant-minimap-crosshairs",
@@ -1593,11 +1740,16 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
           }, void 0, !0)
         ], 46, Ul)),
         l.$slots.hint ? (n(), r("div", Ua, [
-          g(l.$slots, "hint", T(q({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: pe.value })), void 0, !0)
+          g(l.$slots, "hint", T(q({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: pe.value
+          })), void 0, !0)
         ])) : y("", !0)
       ]),
       l.$slots.watermark ? (n(), r("div", Qa, [
-        g(l.$slots, "watermark", T(q({ isPrinting: v(Xe) || v(Pe) || ye.value || be.value })), void 0, !0)
+        g(l.$slots, "watermark", T(q({
+          isPrinting: v(Xe) || v(Pe) || ye.value || be.value
+        })), void 0, !0)
       ])) : y("", !0),
       d("div", {
         id: `legend-bottom-${$.value}`
@@ -1756,7 +1908,7 @@ const Rl = ["id"], Dl = ["id"], Hl = ["id"], El = { style: { position: "relative
       ], !0)
     ], 46, Rl));
   }
-}, xo = /* @__PURE__ */ Il(Za, [["__scopeId", "data-v-2a01b016"]]);
+}, xo = /* @__PURE__ */ Il(Za, [["__scopeId", "data-v-259d20c0"]]);
 export {
   xo as default
 };