vue-data-ui 3.17.8 → 3.17.10

package/dist/{vue-ui-quadrant-BJ38ly27.js → vue-ui-quadrant-DhVnFb1P.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as D, computed as m, ref as h, toRefs as nl, watch as Ie, shallowRef as $t, onMounted as rl, onBeforeUnmount as il, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as O, createElementVNode as y, toDisplayString as w, createBlock as B, createCommentVNode as d, withCtx as p, renderSlot as g, normalizeProps as T, guardReactiveProps as q, createSlots as kt, createVNode as ce, Fragment as A, renderList as N, mergeProps as wt, Teleport as vl, resolveDynamicComponent as dl, createTextVNode as Lt, nextTick as _e } from "vue";
+import { defineAsyncComponent as D, computed as m, ref as h, toRefs as nl, watch as Ve, shallowRef as $t, onMounted as rl, onBeforeUnmount as il, openBlock as n, createElementBlock as r, unref as v, normalizeStyle as _, normalizeClass as O, createElementVNode as y, toDisplayString as w, createBlock as B, createCommentVNode as d, withCtx as p, renderSlot as g, normalizeProps as T, guardReactiveProps as q, createSlots as kt, createVNode as ce, Fragment as A, renderList as N, mergeProps as wt, Teleport as vl, resolveDynamicComponent as dl, createTextVNode as Lt, nextTick as _e } from "vue";
 import { j as Ct, t as cl, m as hl, p as Re, o as yl, q as oe, n as bl, s as fl, ak as pl, k as H, l as E, X as gl, u as Te, v as ml, al as xl, Z as $l, W as kl, a0 as wl, a1 as Ll, T as Cl, U as Sl } from "./lib-DMzrGQHK.js";
 import { t as _l, u as Tl } from "./useResponsive-DfdjqQps.js";
 import { u as ql } from "./useConfig-B70q17MC.js";
@@ -13,17 +13,17 @@ import Ol from "./img-CjTQXS0U.js";
 import Bl from "./Title-BbKoiBk2.js";
 import { _ as St } from "./Shape-CxJ5_Rre.js";
 import Nl from "./vue_ui_quadrant-DjRs--Uz.js";
-import Vl from "./Legend-DGN5lY60.js";
-import { A as Fl } from "./A11yDataTable-BpmuNomI.js";
-import { B as Il } from "./BaseLegendToggle-cMP8M2u0.js";
+import Fl from "./Legend-DGN5lY60.js";
+import { A as Il } from "./A11yDataTable-BpmuNomI.js";
+import { B as Vl } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative" } }, Ql = ["xmlns", "aria-describedby", "viewBox", "id"], Gl = ["x", "y", "width", "height"], Kl = ["id"], jl = ["stop-color"], Jl = ["stop-color"], Zl = { key: 1 }, ea = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], ta = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], la = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], aa = { key: 2 }, oa = ["points", "fill"], ua = ["points", "fill"], sa = ["points", "fill"], na = ["points", "fill"], ra = { key: 3 }, ia = ["y", "fill", "font-size"], va = ["x", "y", "fill", "font-size"], da = ["x", "y", "fill", "font-size"], ca = ["y", "fill", "font-size"], ha = { key: 4 }, ya = ["x", "y", "font-size", "fill"], ba = ["x", "y", "font-size", "fill"], fa = ["x", "y", "font-size", "fill"], pa = ["id", "font-size", "transform", "fill"], ga = ["id", "font-size", "transform", "fill"], ma = ["id", "font-size", "transform", "fill"], xa = { key: 5 }, $a = ["fill", "points"], ka = ["x", "y", "width", "height"], wa = ["x", "y", "width", "height"], La = ["x", "y", "width", "height"], Ca = ["x", "y", "width", "height"], Sa = ["x", "y", "onMouseenter", "onMouseleave", "onClick"], _a = ["data-a11y-plot-id", "cx", "cy", "r", "aria-label"], Ta = ["data-a11y-plot-id", "cx", "cy", "r", "aria-label"], qa = {
+const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative" } }, Ql = ["xmlns", "aria-describedby", "viewBox", "id"], Gl = ["x", "y", "width", "height"], Kl = ["id"], jl = ["stop-color"], Jl = ["stop-color"], Zl = { key: 1 }, ea = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], ta = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], la = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], aa = { key: 2 }, oa = ["points", "fill"], ua = ["points", "fill"], sa = ["points", "fill"], na = ["points", "fill"], ra = { key: 3 }, ia = ["y", "fill", "font-size"], va = ["x", "y", "fill", "font-size"], da = ["x", "y", "fill", "font-size"], ca = ["y", "fill", "font-size"], ha = { key: 4 }, ya = ["x", "y", "font-size", "fill"], ba = ["x", "y", "font-size", "fill"], fa = ["x", "y", "font-size", "fill"], pa = ["id", "font-size", "transform", "fill"], ga = ["id", "font-size", "transform", "fill"], ma = ["id", "font-size", "transform", "fill"], xa = { key: 5 }, $a = ["fill", "points"], ka = ["x", "y", "width", "height"], wa = ["x", "y", "width", "height"], La = ["x", "y", "width", "height"], Ca = ["x", "y", "width", "height"], Sa = ["x", "y", "onMouseenter", "onMouseleave", "onClick"], _a = ["data-a11y-plot-id", "cx", "cy", "r"], Ta = ["data-a11y-plot-id", "cx", "cy", "r"], qa = {
   key: 0,
   style: { "pointer-events": "none" }
 }, Aa = ["x", "y", "font-size", "fill"], za = ["x", "y", "font-size", "fill", "innerHTML"], Wa = { key: 0 }, Xa = ["x", "y", "onMouseover", "onMouseleave", "onClick"], Pa = {
   key: 8,
   class: "vue-ui-dna"
-}, Ya = ["points", "fill"], Ma = ["points", "fill"], Oa = ["points", "fill"], Ba = ["points", "fill"], Na = { key: 9 }, Va = ["x", "y", "font-size", "fill", "font-weight"], Fa = { key: 10 }, Ia = ["x", "y", "fill"], Ra = ["x", "y", "fill"], Da = ["x", "y", "fill"], Ha = ["x", "y", "fill"], Ea = ["stroke", "d"], Ua = ["stroke", "d"], Qa = {
+}, Ya = ["points", "fill"], Ma = ["points", "fill"], Oa = ["points", "fill"], Ba = ["points", "fill"], Na = { key: 9 }, Fa = ["x", "y", "font-size", "fill", "font-weight"], Ia = { key: 10 }, Va = ["x", "y", "fill"], Ra = ["x", "y", "fill"], Da = ["x", "y", "fill"], Ha = ["x", "y", "fill"], Ea = ["stroke", "d"], Ua = ["stroke", "d"], Qa = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -64,12 +64,12 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
     ), Yt = D(
       () => import("./UserOptions-DVduN6X7.js")
     ), Mt = D(
-      () => import("./PackageVersion-D3wt9hAj.js")
+      () => import("./PackageVersion-OCIkUsLh.js")
     ), Ot = D(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_quadrant: Bt } = ql(), { isThemeValid: Nt, warnInvalidTheme: Vt } = Pl(), M = _t, He = m(() => !!M.dataset && M.dataset.length), $ = h(Ct()), he = qt, ye = h(!1), qe = h(""), Ee = h(0), x = h(!1), V = h(null), Ue = h(null), Qe = h(null), Ge = h(null), Ke = h(null), je = h(0), Je = h(0), Ze = h(0), et = h(!1), ue = h(null), Ae = h(null), be = h(!1), fe = h(!1), J = h(null), pe = h(null), tt = h({ x: 0, y: 0 }), ze = h("pointer"), ge = h(!1), e = h(Xe()), X = m(
+    ), { vue_ui_quadrant: Bt } = ql(), { isThemeValid: Nt, warnInvalidTheme: Ft } = Pl(), M = _t, He = m(() => !!M.dataset && M.dataset.length), $ = h(Ct()), he = qt, ye = h(!1), qe = h(""), Ee = h(0), x = h(!1), F = h(null), Ue = h(null), Qe = h(null), Ge = h(null), Ke = h(null), je = h(0), Je = h(0), Ze = h(0), et = h(!1), ue = h(null), Ae = h(null), be = h(!1), fe = h(!1), J = h(null), pe = h(null), tt = h({ x: 0, y: 0 }), ze = h("pointer"), ge = h(!1), e = h(Xe()), X = m(
       () => e.value.userOptions.useCursorPointer
-    ), Ft = m(() => ({
+    ), It = m(() => ({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -139,7 +139,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       ],
       skeletonConfig: cl({
         defaultConfig: e.value,
-        userConfig: Ft.value
+        userConfig: It.value
       })
     }), { userOptionsVisible: We, setUserOptionsVisibility: at, keepUserOptionState: ot } = Yl({ config: e.value }), { svgRef: U } = Ml({
       config: e.value.style.chart.title
@@ -151,7 +151,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       }), o = l.theme;
       if (!o) return l;
       if (!Nt.value(l))
-        return Vt(l), l;
+        return Ft(l), l;
       const a = De({
         userConfig: Nl[o] || M.config,
         defaultConfig: l
@@ -164,14 +164,14 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
         customPalette: s.customPalette.length ? s.customPalette : hl[o] || Re
       };
     }
-    Ie(
+    Ve(
       () => M.config,
       (l) => {
         e.value = Xe(), We.value = !e.value.userOptions.showOnChartHover, ut(), je.value += 1, Je.value += 1, Ze.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 I = $t(null), Z = $t(null), ee = m(() => e.value.debug);
+    const V = $t(null), Z = $t(null), ee = m(() => e.value.debug);
     function ut() {
       if (yl(M.dataset) ? oe({
         componentName: "VueUiQuadrant",
@@ -203,7 +203,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       }), e.value.responsive) {
         const l = _l(() => {
           const { width: o, height: a } = Tl({
-            chart: V.value,
+            chart: F.value,
             title: e.value.style.chart.title.text ? Ue.value : null,
             legend: e.value.style.chart.legend.show ? Qe.value : null,
             source: Ge.value,
@@ -213,19 +213,19 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
             t.value.height = a, t.value.usableHeight = a - L.value * 2, t.value.width = o, t.value.usableWidth = o - L.value * 2, t.value.top = L.value, t.value.left = L.value, t.value.right = o - L.value, t.value.bottom = a - L.value, t.value.centerX = o / 2, t.value.centerY = a - a / 2, t.value.padding = L.value;
           });
         });
-        I.value && (Z.value && I.value.unobserve(Z.value), I.value.disconnect()), I.value = new ResizeObserver(l), Z.value = V.value.parentNode, I.value.observe(Z.value);
+        V.value && (Z.value && V.value.unobserve(Z.value), V.value.disconnect()), V.value = new ResizeObserver(l), Z.value = F.value.parentNode, V.value.observe(Z.value);
       }
     }
     rl(() => {
       et.value = !0, ut();
     }), il(() => {
-      I.value && (Z.value && I.value.unobserve(Z.value), I.value.disconnect());
+      V.value && (Z.value && V.value.unobserve(Z.value), V.value.disconnect());
     });
     const { isPrinting: Pe, isImaging: Ye, generatePdf: st, generateImage: nt } = Wl({
       elementId: `vue-ui-quadrant_${$.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-quadrant",
       options: e.value.userOptions.print
-    }), It = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), rt = m(() => bl(e.value.customPalette)), k = h({
+    }), Vt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), rt = m(() => bl(e.value.customPalette)), k = h({
       plotLabels: {
         show: e.value.style.chart.layout.labels.plotLabels.show
       },
@@ -248,7 +248,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       startX: 0,
       startY: 0
     });
-    Ie(
+    Ve(
       () => t.value,
       (l) => {
         l && (b.value = {
@@ -322,9 +322,9 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       }
       Ce();
     }
-    const F = m(() => e.value.zoomEnabled);
+    const I = m(() => e.value.zoomEnabled);
     function R(l) {
-      if (F.value && !xe.value)
+      if (I.value && !xe.value)
         if (x.value && f.value === l)
           se({
             targetX: 0,
@@ -860,13 +860,13 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       k.value.showTooltip = !k.value.showTooltip;
     }
     const ve = h(!1);
-    function Ve() {
+    function Fe() {
       ve.value = !ve.value;
     }
     async function jt({ scale: l = 2 } = {}) {
-      if (!V.value) return;
-      const { width: o, height: a } = V.value.getBoundingClientRect(), s = o / a, { imageUri: u, base64: i } = await Ol({
-        domElement: V.value,
+      if (!F.value) return;
+      const { width: o, height: a } = F.value.getBoundingClientRect(), s = o / a, { imageUri: u, base64: i } = await Ol({
+        domElement: F.value,
         base64: !0,
         img: !0,
         scale: l
@@ -891,7 +891,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: j.value,
-          fullscreenParent: V.value,
+          fullscreenParent: F.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8),
           isCursorPointer: X.value
         } : {
@@ -911,7 +911,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
         }
       };
     });
-    Ie(
+    Ve(
       () => k.value.showTable,
       (l) => {
         e.value.table.show || (l && e.value.table.useDialog && ue.value ? ue.value.open() : "close" in ue.value && ue.value.close());
@@ -1010,7 +1010,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
         i
       );
     }
-    const Fe = m(() => {
+    const Ie = m(() => {
       const l = le.value?.colNames ?? [], o = le.value?.a11yBody ?? [];
       return { headers: l, rows: o };
     }), P = m(() => W.value.flatMap((l, o) => l.series.map((a) => ({
@@ -1030,13 +1030,13 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       toggleTable: bt,
       toggleLabels: ft,
       toggleTooltip: pt,
-      toggleAnnotator: Ve,
+      toggleAnnotator: Fe,
       toggleFullscreen: yt,
       copyAlt: xt
     }), (l, o) => (n(), r("div", {
       class: O(`vue-data-ui-component vue-ui-quadrant ${j.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
-      ref: V,
+      ref: F,
       id: `vue-ui-quadrant_${$.value}`,
       style: _(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: o[14] || (o[14] = () => v(at)(!0)),
@@ -1050,11 +1050,11 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       }, [
         y("p", null, w(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Hl),
-      Fe.value?.rows?.length ? (n(), B(Fl, {
+      Ie.value?.rows?.length ? (n(), B(Il, {
         key: 0,
         uid: $.value,
-        head: Fe.value.headers,
-        body: Fe.value.rows,
+        head: Ie.value.headers,
+        body: Ie.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : d("", !0),
@@ -1065,7 +1065,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
         color: e.value.style.chart.color,
         active: ve.value,
         isCursorPointer: X.value,
-        onClose: Ve
+        onClose: Fe
       }, {
         "annotator-action-close": p(() => [
           g(l.$slots, "annotator-action-close", {}, void 0, !0)
@@ -1087,7 +1087,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : d("", !0),
-      It.value ? (n(), r("div", {
+      Vt.value ? (n(), r("div", {
         key: 2,
         ref_key: "noTitle",
         ref: Ke,
@@ -1138,7 +1138,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
         isFullscreen: j.value,
         isTooltip: k.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: V.value,
+        chartElement: F.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ve.value,
@@ -1154,7 +1154,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
         onToggleTable: bt,
         onToggleLabels: ft,
         onToggleTooltip: pt,
-        onToggleAnnotator: Ve,
+        onToggleAnnotator: Fe,
         onCopyAlt: xt,
         style: _({
           visibility: v(ot) ? v(We) ? "visible" : "hidden" : "visible"
@@ -1487,8 +1487,8 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
               height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
               fill: "transparent",
               class: O({
-                "vue-data-ui-zoom-plus": !x.value && F.value,
-                "vue-data-ui-zoom-minus": x.value && F.value
+                "vue-data-ui-zoom-plus": !x.value && I.value,
+                "vue-data-ui-zoom-minus": x.value && I.value
               })
             }, null, 10, ka),
             y("rect", {
@@ -1499,8 +1499,8 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
               height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
               fill: "transparent",
               class: O({
-                "vue-data-ui-zoom-plus": !x.value && F.value,
-                "vue-data-ui-zoom-minus": x.value && F.value
+                "vue-data-ui-zoom-plus": !x.value && I.value,
+                "vue-data-ui-zoom-minus": x.value && I.value
               })
             }, null, 10, wa),
             y("rect", {
@@ -1511,8 +1511,8 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
               height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
               fill: "transparent",
               class: O({
-                "vue-data-ui-zoom-plus": !x.value && F.value,
-                "vue-data-ui-zoom-minus": x.value && F.value
+                "vue-data-ui-zoom-plus": !x.value && I.value,
+                "vue-data-ui-zoom-minus": x.value && I.value
               })
             }, null, 10, La),
             y("rect", {
@@ -1523,8 +1523,8 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
               height: t.value.usableHeight / 2 <= 0 ? 1e-3 : t.value.usableHeight / 2,
               fill: "transparent",
               class: O({
-                "vue-data-ui-zoom-plus": !x.value && F.value,
-                "vue-data-ui-zoom-minus": x.value && F.value
+                "vue-data-ui-zoom-plus": !x.value && I.value,
+                "vue-data-ui-zoom-minus": x.value && I.value
               })
             }, null, 10, Ca)
           ]),
@@ -1573,7 +1573,6 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
                     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" }
                 }, null, 8, _a)
               ]))), 128)) : (n(!0), r(A, { key: 1 }, N(a.series, (u, i) => (n(), r("g", {
@@ -1601,7 +1600,6 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
                     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" }
                 }, null, 8, Ta)
               ]))), 128))
@@ -1670,9 +1668,9 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
               fill: Q.value.fill,
               "text-anchor": "middle",
               "font-weight": Q.value.bold ? "bold" : "normal"
-            }, w(Q.value.text), 9, Va)
+            }, w(Q.value.text), 9, Fa)
           ])) : d("", !0),
-          x.value && f.value ? (n(), r("g", Fa, [
+          x.value && f.value ? (n(), r("g", Ia, [
             y("rect", {
               x: S.value[f.value].tl.x,
               y: S.value[f.value].tl.y,
@@ -1685,7 +1683,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
                 "vue-ui-quadrant-mini-map-cell": !0,
                 "vue-ui-quadrant-mini-map-cell-selectable": f.value !== "TL"
               })
-            }, null, 14, Ia),
+            }, null, 14, Va),
             y("rect", {
               x: S.value[f.value].tr.x,
               y: S.value[f.value].tr.y,
@@ -1761,7 +1759,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       y("div", {
         id: `legend-bottom-${$.value}`
       }, null, 8, Ka),
-      et.value ? (n(), B(vl, {
+      et.value && e.value.style.chart.legend.show ? (n(), B(vl, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${$.value}` : `#legend-bottom-${$.value}`
       }, [
@@ -1769,7 +1767,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
           ref_key: "chartLegend",
           ref: Qe
         }, [
-          e.value.style.chart.legend.show ? (n(), B(Vl, {
+          e.value.style.chart.legend.show ? (n(), B(Fl, {
             key: `legend_${Ze.value}`,
             legendSet: G.value,
             config: Gt.value,
@@ -1784,7 +1782,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
               }, w(a.name), 13, ja))
             ]),
             legendToggle: p(() => [
-              G.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !v(me) ? (n(), B(Il, {
+              G.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !v(me) ? (n(), B(Vl, {
                 key: 0,
                 backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: e.value.style.chart.legend.selectAllToggle.color,
@@ -1821,7 +1819,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: V.value,
+        parent: F.value,
         content: qe.value,
         isFullscreen: j.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
@@ -1915,7 +1913,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       ], !0)
     ], 46, Dl));
   }
-}, $o = /* @__PURE__ */ Rl(eo, [["__scopeId", "data-v-0628f5c6"]]);
+}, $o = /* @__PURE__ */ Rl(eo, [["__scopeId", "data-v-c7192b79"]]);
 export {
   $o as default
 };

package/dist/{vue-ui-quick-chart-BMMH-9Aa.js → vue-ui-quick-chart-9u6FGFk1.js}

@@ -186,7 +186,7 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
   emits: ["selectDatapoint", "selectLegend", "copyAlt"],
   setup(p, { expose: F, emit: z }) {
     const q = De(() => import("./BaseIcon-DX0hTWa-.js")), te = De(
-      () => import("./PackageVersion-D3wt9hAj.js")
+      () => import("./PackageVersion-OCIkUsLh.js")
     ), pe = De(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), Ee = De(() => import("./Tooltip-Cvt7Fi0Q.js")), yt = De(
@@ -2316,7 +2316,7 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       $("div", {
         id: `legend-bottom-${Y.value}`
       }, null, 8, Uo),
-      Lt.value ? (n(), we(Ba, {
+      Lt.value && e.value.showLegend ? (n(), we(Ba, {
         key: 7,
         to: e.value.legendPosition === "top" ? `#legend-top-${Y.value}` : `#legend-bottom-${Y.value}`
       }, [
@@ -2508,7 +2508,7 @@ const ml = ["id"], yl = ["id"], xl = ["id"], kl = { style: { position: "relative
       r[5] || (r[5] = $("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, cn = /* @__PURE__ */ vl(Xo, [["__scopeId", "data-v-2b8b0f0d"]]);
+}, cn = /* @__PURE__ */ vl(Xo, [["__scopeId", "data-v-22ed9f6e"]]);
 export {
   cn as default
 };

package/dist/{vue-ui-radar-R_jBJ8cp.js → vue-ui-radar-A2kNKbah.js}

@@ -49,12 +49,12 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(ht, { expose: ft, emit: yt }) {
-    const mt = F(() => import("./Tooltip-Cvt7Fi0Q.js")), bt = F(() => import("./BaseIcon-DX0hTWa-.js")), kt = F(() => import("./vue-ui-sparkbar-DSYWUl15.js")), Ct = F(() => import("./vue-ui-accordion-_zwPlx0H.js")), wt = F(() => import("./DataTable-cMnb68Ik.js")), $t = F(
+    const mt = F(() => import("./Tooltip-Cvt7Fi0Q.js")), bt = F(() => import("./BaseIcon-DX0hTWa-.js")), kt = F(() => import("./vue-ui-sparkbar-BpCJ8IBM.js")), Ct = F(() => import("./vue-ui-accordion-_zwPlx0H.js")), wt = F(() => import("./DataTable-cMnb68Ik.js")), $t = F(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), Tt = F(
       () => import("./UserOptions-DVduN6X7.js")
     ), At = F(
-      () => import("./PackageVersion-D3wt9hAj.js")
+      () => import("./PackageVersion-OCIkUsLh.js")
     ), Pt = F(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_radar: _t } = Ca(), { isThemeValid: St, warnInvalidTheme: Ot } = Pa(), O = ht, Oe = g(() => !!O.dataset && Object.keys(O.dataset).length), m = u(ua()), q = u(!1), ie = u(""), Ie = u(0), I = u(null), Fe = u(null), xe = u(null), Ne = u(null), Le = u(null), Re = u(0), De = u(0), Ve = u(0), ze = u(!1), H = u(null), ce = u(null), le = u(!1), ne = u(!1), A = u(null), Be = u({ x: 0, y: 0 }), J = u("pointer"), ve = u(!1), e = u(ge()), D = g(
@@ -1097,7 +1097,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
       b("div", {
         id: `legend-bottom-${m.value}`
       }, null, 8, no),
-      ze.value ? (s(), S(na, {
+      ze.value && e.value.style.chart.legend.show ? (s(), S(na, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${m.value}` : `#legend-bottom-${m.value}`
       }, [
@@ -1254,7 +1254,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
       ], !0)
     ], 46, Va));
   }
-}, xo = /* @__PURE__ */ Da(vo, [["__scopeId", "data-v-0c144ba2"]]);
+}, xo = /* @__PURE__ */ Da(vo, [["__scopeId", "data-v-ef5dd5d1"]]);
 export {
   xo as default
 };

package/dist/{vue-ui-relation-circle-BukIdWuS.js → vue-ui-relation-circle-B1pu_dZW.js}

@@ -51,7 +51,7 @@ const nl = ["id"], ol = ["id"], il = { style: { position: "relative" } }, ul = [
     ), He = ue(
       () => import("./UserOptions-DVduN6X7.js")
     ), Je = ue(
-      () => import("./PackageVersion-D3wt9hAj.js")
+      () => import("./PackageVersion-OCIkUsLh.js")
     ), { vue_ui_relation_circle: Qe } = Wt(), { isThemeValid: Ze, warnInvalidTheme: et } = Ht(), b = Ke, tt = Ye, lt = g(() => !!b.dataset && Object.keys(b.dataset).length), P = c(Rt()), ge = c(0), I = c(null), he = c(null), me = c(null), pe = c(null), be = c(0), W = c(!1), K = c(!1), m = c(null), X = c(!1), l = c(ee()), Y = g(
       () => l.value.userOptions.useCursorPointer
     ), at = g(() => je({

package/dist/{vue-ui-ridgeline-BZuw9_-w.js → vue-ui-ridgeline-DNZzd6l1.js}

@@ -50,12 +50,12 @@ const cl = ["id"], vl = ["id"], dl = { style: { position: "relative" } }, hl = [
     "copyAlt"
   ],
   setup(Ot, { expose: Lt, emit: Mt }) {
-    const zt = X(() => import("./vue-ui-xy-B5ICduA0.js")), Dt = X(() => import("./BaseIcon-DX0hTWa-.js")), It = X(() => import("./vue-ui-accordion-_zwPlx0H.js")), Nt = X(() => import("./DataTable-cMnb68Ik.js")), Rt = X(
+    const zt = X(() => import("./vue-ui-xy-B12Jzl2G.js")), Dt = X(() => import("./BaseIcon-DX0hTWa-.js")), It = X(() => import("./vue-ui-accordion-_zwPlx0H.js")), Nt = X(() => import("./DataTable-cMnb68Ik.js")), Rt = X(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), Ft = X(
       () => import("./UserOptions-DVduN6X7.js")
     ), Et = X(
-      () => import("./PackageVersion-D3wt9hAj.js")
+      () => import("./PackageVersion-OCIkUsLh.js")
     ), Ge = X(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_ridgeline: Xt } = Ga(), { isThemeValid: Bt, warnInvalidTheme: Ht } = Ja(), I = Ot, ee = d({