vue-data-ui 3.17.9 → 3.17.11

package/dist/{vue-ui-onion-DUSgz_9-.js → vue-ui-onion-CjDIGb68.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as L, computed as h, ref as s, toRefs as Jt, watch as q, shallowRef as et, onMounted as Qt, onBeforeUnmount as Zt, openBlock as u, createElementBlock as g, unref as r, normalizeStyle as R, normalizeClass as ne, createElementVNode as S, toDisplayString as J, createBlock as O, createCommentVNode as m, withCtx as v, renderSlot as d, normalizeProps as k, guardReactiveProps as w, createSlots as tt, createVNode as Ce, Fragment as Q, renderList as Z, Teleport as ea, resolveDynamicComponent as ta, mergeProps as aa, createTextVNode as at, nextTick as $e } from "vue";
+import { defineAsyncComponent as L, computed as h, ref as s, toRefs as Jt, watch as q, shallowRef as et, onMounted as Qt, onBeforeUnmount as Zt, openBlock as u, createElementBlock as g, unref as r, normalizeStyle as R, normalizeClass as ne, createElementVNode as S, toDisplayString as J, createBlock as O, createCommentVNode as y, withCtx as v, renderSlot as d, normalizeProps as k, guardReactiveProps as w, createSlots as tt, createVNode as Ce, Fragment as Q, renderList as Z, Teleport as ea, resolveDynamicComponent as ta, mergeProps as aa, createTextVNode as at, nextTick as $e } from "vue";
 import { j as la, t as lt, m as oa, p as ot, n as na, o as nt, q as Te, s as sa, k as Pe, l as E, X as ua, T as st, a0 as ra, a1 as ia, U as ca } from "./lib-DMzrGQHK.js";
 import { b as va } from "./labelUtils-DX9oyq3C.js";
 import { t as da, u as ha } from "./useResponsive-DfdjqQps.js";
@@ -49,10 +49,10 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
     ), ft = L(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), pt = L(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), yt = L(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_onion: mt } = ga(), { isThemeValid: bt, warnInvalidTheme: kt } = ba(), P = ut, Se = h(() => !!P.dataset && P.dataset.length), C = s(la()), wt = s(null), xe = s(0), Y = s(!1), se = s(""), y = s([]), I = s(null), Oe = s(null), Ie = s(null), De = s(null), Fe = s(null), Me = s(0), _e = s(0), Le = s(0), D = s(!1), Re = s(!1), X = s(null), ee = s(!1), te = s(!1), F = s(null), Be = s({ x: 0, y: 0 }), G = s("pointer"), ue = s(!1), e = s(ce()), B = h(
+    ), { vue_ui_onion: mt } = ga(), { isThemeValid: bt, warnInvalidTheme: kt } = ba(), P = ut, Se = h(() => !!P.dataset && P.dataset.length), C = s(la()), wt = s(null), xe = s(0), Y = s(!1), se = s(""), m = s([]), I = s(null), Oe = s(null), Ie = s(null), De = s(null), Fe = s(null), Me = s(0), _e = s(0), Le = s(0), D = s(!1), Re = s(!1), X = s(null), ee = s(!1), te = s(!1), F = s(null), Be = s({ x: 0, y: 0 }), G = s("pointer"), ue = s(!1), e = s(ce()), B = h(
       () => e.value.userOptions.useCursorPointer
     ), Ct = h(() => lt({
       defaultConfig: {
@@ -226,10 +226,10 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
         color: sa(t.color) || Tt.value[l] || ot[l],
         id: a,
         shape: "circle",
-        opacity: y.value.includes(a) ? 0.5 : 1,
+        opacity: m.value.includes(a) ? 0.5 : 1,
         absoluteIndex: l,
         segregate: () => ae(a),
-        isSegregated: y.value.includes(a)
+        isSegregated: m.value.includes(a)
       };
     }))), H = h(() => b.value.map((t, l) => {
       const a = e.value.style.chart.legend.showValue, o = e.value.style.chart.legend.showPercentage, c = Pe(
@@ -291,14 +291,14 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), Dt = h(() => b.value.filter(
-      (t) => !y.value.includes(t.id)
+      (t) => !m.value.includes(t.id)
     ).length), N = h(() => {
       const t = Math.min(p.value.width, p.value.height) / 2 / b.value.length;
       return {
         gutter: (t > e.value.style.chart.layout.maxThickness ? e.value.style.chart.layout.maxThickness : t) * e.value.style.chart.layout.gutter.width,
         track: (t > e.value.style.chart.layout.maxThickness ? e.value.style.chart.layout.maxThickness : t) * e.value.style.chart.layout.track.width
       };
-    }), f = h(() => K.value.filter((t) => !y.value.includes(t.id)).map((t, l) => {
+    }), f = h(() => K.value.filter((t) => !m.value.includes(t.id)).map((t, l) => {
       const a = (p.value.maxRadius - N.value.track) / Dt.value / 2 * (1 + l), o = p.value.centerY - a;
       return {
         percentage: t.percentage || 0,
@@ -325,17 +325,17 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
     }
     const He = it;
     function Mt() {
-      y.value.length ? y.value = [] : H.value.forEach((t) => {
-        y.value.push(t.id);
+      m.value.length ? m.value = [] : H.value.forEach((t) => {
+        m.value.push(t.id);
       });
     }
     function ae(t) {
-      if (y.value.includes(t))
-        y.value = y.value.filter((l) => l !== t);
+      if (m.value.includes(t))
+        m.value = m.value.filter((l) => l !== t);
       else {
-        if (y.value.length === b.value.length - 1)
+        if (m.value.length === b.value.length - 1)
           return;
-        y.value.push(t);
+        m.value.push(t);
       }
       He("selectLegend", f.value);
     }
@@ -347,11 +347,11 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
     }
     function _t(t) {
       const l = Ke(t);
-      l !== null && y.value.includes(l.id) && ae(l.id);
+      l !== null && m.value.includes(l.id) && ae(l.id);
     }
     function Lt(t) {
       const l = Ke(t);
-      l !== null && (y.value.includes(l.id) || ae(l.id));
+      l !== null && (m.value.includes(l.id) || ae(l.id));
     }
     function Rt() {
       return f.value;
@@ -710,7 +710,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
         body: we.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : m("", !0),
+      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : y("", !0),
       e.value.userOptions.buttons.annotator ? (u(), O(r(ft), {
         key: 1,
         svgRef: r(M),
@@ -739,14 +739,14 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
           d(t.$slots, "annotator-action-delete", k(w({ disabled: a })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : m("", !0),
+      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : y("", !0),
       $t.value ? (u(), g("div", {
         key: 2,
         ref_key: "noTitle",
         ref: Fe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : m("", !0),
+      }, null, 512)) : y("", !0),
       e.value.style.chart.title.text ? (u(), g("div", {
         key: 3,
         ref_key: "chartTitle",
@@ -766,7 +766,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : m("", !0),
+      ], 512)) : y("", !0),
       S("div", {
         id: `legend-top-${C.value}`
       }, null, 8, Fa),
@@ -881,7 +881,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
           ]),
           key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : m("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : y("", !0),
       S("div", Ma, [
         (u(), g("svg", {
           ref_key: "svgRef",
@@ -912,7 +912,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
             }
           }, [
             d(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, La)) : m("", !0),
+          ], 8, La)) : y("", !0),
           (u(!0), g(Q, null, Z(f.value, (a, o) => (u(), g("circle", {
             cx: p.value.centerX,
             cy: p.value.centerY,
@@ -990,7 +990,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
                 animation: D.value || r(A) ? "none" : "xyAnimation 0.5s ease-in"
               })
             }, null, 12, Ua))), 256))
-          ], 8, Va)) : m("", !0),
+          ], 8, Va)) : y("", !0),
           (u(!0), g(Q, null, Z(f.value, (a, o) => (u(), g("circle", {
             cx: p.value.centerX,
             cy: p.value.centerY,
@@ -1026,7 +1026,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
               onMouseleave: (c) => je({ datapoint: a }),
               onClick: (c) => ye({ datapoint: a })
             }, [
-              y.value.includes(a.id) ? m("", !0) : (u(), g("text", {
+              m.value.includes(a.id) ? y("", !0) : (u(), g("text", {
                 key: 0,
                 class: "vue-ui-onion-label",
                 x: n.value.width / 2 - N.value.gutter * 0.8 + e.value.style.chart.layout.labels.offsetX,
@@ -1037,7 +1037,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
                 "font-weight": e.value.style.chart.layout.labels.bold ? "bold" : "normal"
               }, J(Bt(a, o)), 9, Ga))
             ], 40, Xa))), 256))
-          ])) : m("", !0),
+          ])) : y("", !0),
           d(t.$slots, "svg", {
             svg: {
               ...n.value,
@@ -1051,17 +1051,17 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
             hint: e.value.a11y.translations.keyboardNavigation,
             isVisible: ue.value
           })), void 0, !0)
-        ])) : m("", !0)
+        ])) : y("", !0)
       ]),
       t.$slots.watermark ? (u(), g("div", Ka, [
         d(t.$slots, "watermark", k(w({
           isPrinting: r(ve) || r(de) || ee.value || te.value
         })), void 0, !0)
-      ])) : m("", !0),
+      ])) : y("", !0),
       S("div", {
         id: `legend-bottom-${C.value}`
       }, null, 8, Wa),
-      Re.value ? (u(), O(ea, {
+      Re.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (u(), O(ea, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${C.value}` : `#legend-bottom-${C.value}`
       }, [
@@ -1069,39 +1069,38 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
           ref_key: "chartLegend",
           ref: Ie
         }, [
-          e.value.style.chart.legend.show ? (u(), O(Pa, {
-            key: `legend_${Le.value}`,
-            legendSet: H.value,
-            config: It.value,
-            isCursorPointer: B.value,
-            onClickMarker: l[0] || (l[0] = ({ legend: a }) => ae(a.id))
-          }, {
-            item: v(({ legend: a }) => [
-              r(A) ? m("", !0) : (u(), g("div", {
-                key: 0,
-                "data-cy-legend-item": "",
-                onClick: (o) => a.segregate(),
-                style: R(`opacity:${y.value.includes(a.id) ? 0.5 : 1}`)
-              }, J(a.display), 13, ja))
-            ]),
-            legendToggle: v(() => [
-              H.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !r(A) ? (u(), O(xa, {
-                key: 0,
-                backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
-                color: e.value.style.chart.legend.selectAllToggle.color,
-                fontSize: e.value.style.chart.legend.fontSize,
-                checked: y.value.length > 0,
-                isCursorPointer: B.value,
-                onToggle: Mt
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : m("", !0)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : d(t.$slots, "legend", {
-            key: 1,
-            legend: H.value
-          }, void 0, !0)
+          d(t.$slots, "legend", { legend: H.value }, () => [
+            e.value.style.chart.legend.show ? (u(), O(Pa, {
+              key: `legend_${Le.value}`,
+              legendSet: H.value,
+              config: It.value,
+              isCursorPointer: B.value,
+              onClickMarker: l[0] || (l[0] = ({ legend: a }) => ae(a.id))
+            }, {
+              item: v(({ legend: a }) => [
+                r(A) ? y("", !0) : (u(), g("div", {
+                  key: 0,
+                  "data-cy-legend-item": "",
+                  onClick: (o) => a.segregate(),
+                  style: R(`opacity:${m.value.includes(a.id) ? 0.5 : 1}`)
+                }, J(a.display), 13, ja))
+              ]),
+              legendToggle: v(() => [
+                H.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !r(A) ? (u(), O(xa, {
+                  key: 0,
+                  backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
+                  color: e.value.style.chart.legend.selectAllToggle.color,
+                  fontSize: e.value.style.chart.legend.fontSize,
+                  checked: m.value.length > 0,
+                  isCursorPointer: B.value,
+                  onToggle: Mt
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : y("", !0)
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config", "isCursorPointer"])) : y("", !0)
+          ], !0)
         ], 512)
-      ], 8, ["to"])) : m("", !0),
+      ], 8, ["to"])) : y("", !0),
       t.$slots.source ? (u(), g("div", {
         key: 7,
         ref_key: "source",
@@ -1109,7 +1108,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
         dir: "auto"
       }, [
         d(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : m("", !0),
+      ], 512)) : y("", !0),
       Ce(r(ct), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: $.value.showTooltip && Y.value,
@@ -1196,13 +1195,13 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : m("", !0),
+      ]), 1040)) : y("", !0),
       d(t.$slots, "skeleton", {}, () => [
-        r(A) ? (u(), O(pa, { key: 0 })) : m("", !0)
+        r(A) ? (u(), O(pa, { key: 0 })) : y("", !0)
       ], !0)
     ], 46, Ia));
   }
-}, ml = /* @__PURE__ */ Oa(Ja, [["__scopeId", "data-v-d346370d"]]);
+}, ml = /* @__PURE__ */ Oa(Ja, [["__scopeId", "data-v-605b0803"]]);
 export {
   ml as default
 };

package/dist/{vue-ui-parallel-coordinate-plot-Cbn9N0y0.js → vue-ui-parallel-coordinate-plot-CcQZTqNS.js}

@@ -49,7 +49,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
     ), It = H(
       () => import("./UserOptions-DVduN6X7.js")
     ), St = H(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), Mt = H(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_parallel_coordinate_plot: zt } = Pa(), { isThemeValid: Nt, warnInvalidTheme: Ft } = Na(), T = kt, se = p({
@@ -1284,7 +1284,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       S("div", {
         id: `legend-bottom-${F.value}`
       }, null, 8, dl),
-      Ue.value ? (n(), z(ra, {
+      Ue.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (n(), z(ra, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
       }, [
@@ -1292,39 +1292,38 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
           ref_key: "chartLegend",
           ref: _e
         }, [
-          e.value.style.chart.legend.show && se.value ? (n(), z(Ra, {
-            key: `legend_${Be.value}`,
-            legendSet: ce.value,
-            config: Ht.value,
-            isCursorPointer: j.value,
-            onClickMarker: l[0] || (l[0] = ({ legend: a }) => {
-              re(a.id), at(a);
-            })
-          }, {
-            item: f(({ legend: a, index: s }) => [
-              S("div", {
-                onClick: (o) => {
-                  a.segregate(), at(a);
-                },
-                style: _(`opacity:${x.value.includes(a.id) ? 0.5 : 1}`)
-              }, V(a.name), 13, hl)
-            ]),
-            legendToggle: f(() => [
-              ce.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !v(R) ? (n(), z(Ha, {
-                key: 0,
-                backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
-                color: e.value.style.chart.legend.selectAllToggle.color,
-                fontSize: e.value.style.chart.legend.fontSize,
-                checked: x.value.length > 0,
-                isCursorPointer: j.value,
-                onToggle: Bt
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : y("", !0)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : h(t.$slots, "legend", {
-            key: 1,
-            legend: L.value
-          }, void 0, !0)
+          h(t.$slots, "legend", { legend: L.value }, () => [
+            e.value.style.chart.legend.show && se.value ? (n(), z(Ra, {
+              key: `legend_${Be.value}`,
+              legendSet: ce.value,
+              config: Ht.value,
+              isCursorPointer: j.value,
+              onClickMarker: l[0] || (l[0] = ({ legend: a }) => {
+                re(a.id), at(a);
+              })
+            }, {
+              item: f(({ legend: a, index: s }) => [
+                S("div", {
+                  onClick: (o) => {
+                    a.segregate(), at(a);
+                  },
+                  style: _(`opacity:${x.value.includes(a.id) ? 0.5 : 1}`)
+                }, V(a.name), 13, hl)
+              ]),
+              legendToggle: f(() => [
+                ce.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !v(R) ? (n(), z(Ha, {
+                  key: 0,
+                  backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
+                  color: e.value.style.chart.legend.selectAllToggle.color,
+                  fontSize: e.value.style.chart.legend.fontSize,
+                  checked: x.value.length > 0,
+                  isCursorPointer: j.value,
+                  onToggle: Bt
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : y("", !0)
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config", "isCursorPointer"])) : y("", !0)
+          ], !0)
         ], 512)
       ], 8, ["to"])) : y("", !0),
       t.$slots.source ? (n(), r("div", {
@@ -1427,7 +1426,7 @@ const Wa = ["id"], ja = ["id"], Ga = ["id"], Xa = { style: { position: "relative
       ], !0)
     ], 46, Wa));
   }
-}, Ol = /* @__PURE__ */ Va(fl, [["__scopeId", "data-v-1b01010d"]]);
+}, Ol = /* @__PURE__ */ Va(fl, [["__scopeId", "data-v-b504d45e"]]);
 export {
   Ol as default
 };

package/dist/{vue-ui-quadrant-Foz7WuoD.js → vue-ui-quadrant-FoV76r7G.js}

@@ -64,7 +64,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
     ), Yt = D(
       () => import("./UserOptions-DVduN6X7.js")
     ), Mt = D(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), Ot = D(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { 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(
@@ -1759,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 && e.value.style.chart.legend.show ? (n(), B(vl, {
+      et.value && (e.value.style.chart.legend.show || l.$slots.legend) ? (n(), B(vl, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${$.value}` : `#legend-bottom-${$.value}`
       }, [
@@ -1767,36 +1767,35 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
           ref_key: "chartLegend",
           ref: Qe
         }, [
-          e.value.style.chart.legend.show ? (n(), B(Fl, {
-            key: `legend_${Ze.value}`,
-            legendSet: G.value,
-            config: Gt.value,
-            isCursorPointer: X.value,
-            onClickMarker: o[12] || (o[12] = ({ legend: a }) => ne(a.id))
-          }, {
-            item: p(({ legend: a }) => [
-              v(me) ? d("", !0) : (n(), r("div", {
-                key: 0,
-                onClick: (s) => ne(a.id),
-                style: _(`opacity:${C.value.includes(a.id) ? 0.5 : 1}`)
-              }, w(a.name), 13, ja))
-            ]),
-            legendToggle: p(() => [
-              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,
-                fontSize: e.value.style.chart.legend.fontSize,
-                checked: C.value.length > 0,
-                isCursorPointer: X.value,
-                onToggle: Et
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : d("", !0)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : g(l.$slots, "legend", {
-            key: 1,
-            legend: G.value
-          }, void 0, !0)
+          g(l.$slots, "legend", { legend: G.value }, () => [
+            e.value.style.chart.legend.show ? (n(), B(Fl, {
+              key: `legend_${Ze.value}`,
+              legendSet: G.value,
+              config: Gt.value,
+              isCursorPointer: X.value,
+              onClickMarker: o[12] || (o[12] = ({ legend: a }) => ne(a.id))
+            }, {
+              item: p(({ legend: a }) => [
+                v(me) ? d("", !0) : (n(), r("div", {
+                  key: 0,
+                  onClick: (s) => ne(a.id),
+                  style: _(`opacity:${C.value.includes(a.id) ? 0.5 : 1}`)
+                }, w(a.name), 13, ja))
+              ]),
+              legendToggle: p(() => [
+                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,
+                  fontSize: e.value.style.chart.legend.fontSize,
+                  checked: C.value.length > 0,
+                  isCursorPointer: X.value,
+                  onToggle: Et
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : d("", !0)
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config", "isCursorPointer"])) : d("", !0)
+          ], !0)
         ], 512)
       ], 8, ["to"])) : d("", !0),
       l.$slots.source ? (n(), r("div", {
@@ -1913,7 +1912,7 @@ const Dl = ["id"], Hl = ["id"], El = ["id"], Ul = { style: { position: "relative
       ], !0)
     ], 46, Dl));
   }
-}, $o = /* @__PURE__ */ Rl(eo, [["__scopeId", "data-v-c7192b79"]]);
+}, $o = /* @__PURE__ */ Rl(eo, [["__scopeId", "data-v-8887ed08"]]);
 export {
   $o as default
 };

package/dist/{vue-ui-quick-chart-DVH6A-Nr.js → vue-ui-quick-chart-BPu7QR35.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-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.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
 };