vue-data-ui 3.17.9 → 3.17.11

package/dist/{vue-ui-tiremarks-AOLQC2Pm.js → vue-ui-tiremarks-BGyILItf.js}

@@ -40,7 +40,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
     ), Ie = J(
       () => import("./UserOptions-DVduN6X7.js")
     ), Te = J(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), { vue_ui_tiremarks: ze } = ut(), { isThemeValid: Fe, warnInvalidTheme: Ne } = ft(), j = yt(), b = _e, Re = Se, Me = r(() => !!b.dataset && Object.keys(b.dataset).length), O = c(et()), _ = c(null), Ee = c(null), ae = c(null), oe = c(null), le = c(0), ne = c(0), S = c(null), z = c(null), F = c(!1), N = c(!1), e = c(X()), se = r(
       () => e.value.userOptions.useCursorPointer
     ), De = r(() => Ae({

package/dist/{vue-ui-treemap-C8MtnLLV.js → vue-ui-treemap-C4PiafoY.js}

@@ -216,7 +216,7 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
     ), C = be(() => import("./vue-ui-accordion-_zwPlx0H.js")), p = be(() => import("./Tooltip-Cvt7Fi0Q.js")), S = be(
       () => import("./UserOptions-DVduN6X7.js")
     ), x = be(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), re = be(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_treemap: j } = kl(), { isThemeValid: ee, warnInvalidTheme: U } = Sl(), w = u, z = d, te = rl();
@@ -1608,7 +1608,7 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
       N("div", {
         id: `legend-bottom-${W.value}`
       }, null, 8, da),
-      Pt.value ? (c(), Q(cl, {
+      Pt.value && (t.value.style.chart.legend.show || e.$slots.legend) ? (c(), Q(cl, {
         key: 7,
         to: t.value.style.chart.legend.position === "top" ? `#legend-top-${W.value}` : `#legend-bottom-${W.value}`
       }, [
@@ -1616,37 +1616,36 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
           ref_key: "chartLegend",
           ref: St
         }, [
-          t.value.style.chart.legend.show ? (c(), Q(Ll, {
-            key: `legend_${Be.value}`,
-            legendSet: $e.value,
-            config: Fo.value,
-            id: `treemap_legend_${W.value}`,
-            isCursorPointer: ie.value,
-            onClickMarker: l[0] || (l[0] = ({ legend: o }) => We(o))
-          }, {
-            item: T(({ legend: o, index: a }) => [
-              m(ge) ? _("", !0) : (c(), A("div", {
-                key: 0,
-                onClick: (n) => We(o),
-                style: he(`opacity:${P.value.includes(o.id) ? 0.5 : 1}`)
-              }, Ne(o.display), 13, va))
-            ]),
-            legendToggle: T(() => [
-              $e.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !m(ge) ? (c(), Q(Nl, {
-                key: 0,
-                backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
-                color: t.value.style.chart.legend.selectAllToggle.color,
-                fontSize: t.value.style.chart.legend.fontSize,
-                checked: P.value.length > 0,
-                isCursorPointer: ie.value,
-                onToggle: No
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : _("", !0)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config", "id", "isCursorPointer"])) : b(e.$slots, "legend", {
-            key: 1,
-            legend: $e.value
-          }, void 0, !0)
+          b(e.$slots, "legend", { legend: $e.value }, () => [
+            t.value.style.chart.legend.show ? (c(), Q(Ll, {
+              key: `legend_${Be.value}`,
+              legendSet: $e.value,
+              config: Fo.value,
+              id: `treemap_legend_${W.value}`,
+              isCursorPointer: ie.value,
+              onClickMarker: l[0] || (l[0] = ({ legend: o }) => We(o))
+            }, {
+              item: T(({ legend: o, index: a }) => [
+                m(ge) ? _("", !0) : (c(), A("div", {
+                  key: 0,
+                  onClick: (n) => We(o),
+                  style: he(`opacity:${P.value.includes(o.id) ? 0.5 : 1}`)
+                }, Ne(o.display), 13, va))
+              ]),
+              legendToggle: T(() => [
+                $e.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !m(ge) ? (c(), Q(Nl, {
+                  key: 0,
+                  backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
+                  color: t.value.style.chart.legend.selectAllToggle.color,
+                  fontSize: t.value.style.chart.legend.fontSize,
+                  checked: P.value.length > 0,
+                  isCursorPointer: ie.value,
+                  onToggle: No
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : _("", !0)
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config", "id", "isCursorPointer"])) : _("", !0)
+          ], !0)
         ], 512)
       ], 8, ["to"])) : _("", !0),
       e.$slots.source ? (c(), A("div", {
@@ -1752,7 +1751,7 @@ const Xl = ["id"], Gl = ["id"], Yl = ["id"], Zl = ["tabindex", "onClick", "onKey
       ], !0)
     ], 46, Xl));
   }
-}, Fa = /* @__PURE__ */ Rl(fa, [["__scopeId", "data-v-ba43cd2e"]]);
+}, Fa = /* @__PURE__ */ Rl(fa, [["__scopeId", "data-v-88e620a1"]]);
 export {
   Fa as default
 };

package/dist/{vue-ui-waffle-DvQ-_joz.js → vue-ui-waffle-DvHrxSIL.js}

@@ -49,7 +49,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
     ), Vt = W(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), Rt = W(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), Et = W(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_waffle: Ut } = El(), { isThemeValid: Wt, warnInvalidTheme: Gt } = Hl(), b = Bt, jt = ml(), $e = i({
@@ -1281,7 +1281,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       C("div", {
         id: `legend-bottom-${y.value}`
       }, null, 8, xa),
-      tt.value ? (s(), I(Cl, {
+      tt.value && (t.value.style.chart.legend.show || e.$slots.legend) ? (s(), I(Cl, {
         key: 6,
         to: t.value.style.chart.legend.position === "top" ? `#legend-top-${y.value}` : `#legend-bottom-${y.value}`
       }, [
@@ -1289,49 +1289,48 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
           ref_key: "chartLegend",
           ref: Ye
         }, [
-          t.value.style.chart.legend.show ? (s(), I(Zl, {
-            key: `legend_${et.value}`,
-            legendSet: U.value,
-            config: ll.value,
-            isCursorPointer: j.value,
-            onClickMarker: a[0] || (a[0] = ({ legend: l }) => Z(l.uid))
-          }, We({
-            item: d(({ legend: l }) => [
-              C("div", {
-                onClick: (o) => l.segregate(),
-                style: he(`opacity:${f.value.includes(l.uid) ? 0.5 : 1}`)
-              }, pe(l.display), 13, $a)
-            ]),
-            legendToggle: d(() => [
-              U.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !p(Ie) ? (s(), I(ta, {
-                key: 0,
-                backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
-                color: t.value.style.chart.legend.selectAllToggle.color,
-                fontSize: t.value.style.chart.legend.fontSize,
-                checked: f.value.length > 0,
-                isCursorPointer: j.value,
-                onToggle: Zt
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : m("", !0)
-            ]),
-            _: 2
-          }, [
-            e.$slots.pattern ? {
-              name: "legend-pattern",
-              fn: d(({ legend: l, index: o }) => [
-                xe(Kl, {
-                  shape: l.shape,
-                  radius: 30,
-                  stroke: "none",
-                  plot: { x: 30, y: 30 },
-                  fill: `url(#pattern_${y.value}_${o})`
-                }, null, 8, ["shape", "fill"])
+          h(e.$slots, "legend", { legend: U.value }, () => [
+            t.value.style.chart.legend.show ? (s(), I(Zl, {
+              key: `legend_${et.value}`,
+              legendSet: U.value,
+              config: ll.value,
+              isCursorPointer: j.value,
+              onClickMarker: a[0] || (a[0] = ({ legend: l }) => Z(l.uid))
+            }, We({
+              item: d(({ legend: l }) => [
+                C("div", {
+                  onClick: (o) => l.segregate(),
+                  style: he(`opacity:${f.value.includes(l.uid) ? 0.5 : 1}`)
+                }, pe(l.display), 13, $a)
               ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["legendSet", "config", "isCursorPointer"])) : h(e.$slots, "legend", {
-            key: 1,
-            legend: U.value
-          }, void 0, !0)
+              legendToggle: d(() => [
+                U.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !p(Ie) ? (s(), I(ta, {
+                  key: 0,
+                  backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
+                  color: t.value.style.chart.legend.selectAllToggle.color,
+                  fontSize: t.value.style.chart.legend.fontSize,
+                  checked: f.value.length > 0,
+                  isCursorPointer: j.value,
+                  onToggle: Zt
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : m("", !0)
+              ]),
+              _: 2
+            }, [
+              e.$slots.pattern ? {
+                name: "legend-pattern",
+                fn: d(({ legend: l, index: o }) => [
+                  xe(Kl, {
+                    shape: l.shape,
+                    radius: 30,
+                    stroke: "none",
+                    plot: { x: 30, y: 30 },
+                    fill: `url(#pattern_${y.value}_${o})`
+                  }, null, 8, ["shape", "fill"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["legendSet", "config", "isCursorPointer"])) : m("", !0)
+          ], !0)
         ], 512)
       ], 8, ["to"])) : m("", !0),
       e.$slots.source ? (s(), v("div", {
@@ -1437,7 +1436,7 @@ const aa = ["id"], oa = ["id"], na = ["id"], ua = { style: { position: "relative
       ], !0)
     ], 46, aa));
   }
-}, qa = /* @__PURE__ */ la(Sa, [["__scopeId", "data-v-9a69dc71"]]);
+}, qa = /* @__PURE__ */ la(Sa, [["__scopeId", "data-v-c753b733"]]);
 export {
   qa as default
 };

package/dist/{vue-ui-wheel-BzBzZw1d.js → vue-ui-wheel-DeKJJliu.js}

@@ -45,7 +45,7 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
     ), ut = xe(
       () => import("./UserOptions-DVduN6X7.js")
     ), it = xe(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), { vue_ui_wheel: rt } = ia(), { isThemeValid: ct, warnInvalidTheme: vt } = da(), T = fa(), D = lt, ht = st, dt = v(() => !!D.dataset && Object.keys(D.dataset).length), H = b(Qt()), yt = b(null), Se = b(0), j = b(null), Pe = b(null), _e = b(null), Oe = b(null), Re = b(0), ae = b(!1), le = b(!1), e = b(ke()), ze = v(
       () => e.value.userOptions.useCursorPointer
     ), kt = v(() => et({

package/dist/{vue-ui-word-cloud-LrVTAPzW.js → vue-ui-word-cloud-IAom94Mg.js}

@@ -654,7 +654,7 @@ const Go = ["id", "data-resizing", "data-relayout"], Ko = ["id"], Jo = { style:
     ), p = se(
       () => import("./UserOptions-DVduN6X7.js")
     ), h = se(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), g = se(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_word_cloud: b } = yo(), { isThemeValid: y, warnInvalidTheme: k } = Co(), l = a, u = m, I = G({

package/dist/{vue-ui-world-7DPU6qqx.js → vue-ui-world-CH9uc5uY.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as w, computed as y, ref as s, onMounted as c4, toRefs as m4, watch as s1, openBlock as l, createElementBlock as m, unref as n, normalizeStyle as Y, normalizeClass as q1, createBlock as S, withCtx as u, renderSlot as p, normalizeProps as f, guardReactiveProps as b, createCommentVNode as d, createElementVNode as c, createSlots as F1, withModifiers as g4, createVNode as l1, Fragment as V, renderList as Q1, mergeProps as e2, createTextVNode as u1, toDisplayString as Z, Teleport as v4, resolveDynamicComponent as h4, nextTick as t2 } from "vue";
+import { defineAsyncComponent as w, computed as y, ref as s, onMounted as c4, toRefs as m4, watch as s1, openBlock as l, createElementBlock as m, unref as n, normalizeStyle as Y, normalizeClass as q1, createBlock as S, withCtx as u, renderSlot as p, normalizeProps as f, guardReactiveProps as b, createCommentVNode as d, createElementVNode as c, createSlots as _1, withModifiers as g4, createVNode as l1, Fragment as V, renderList as Q1, mergeProps as e2, createTextVNode as u1, toDisplayString as Z, Teleport as v4, resolveDynamicComponent as h4, nextTick as t2 } from "vue";
 import { u as f4 } from "./useConfig-B70q17MC.js";
 import { j as o2, t as a2, n as b4, p as X, s as p1, X as P4, x as F4, w as r2, k as n2, l as i2, $ as s2, ao as _4, a0 as C4, a1 as k4, T as w4 } from "./lib-DMzrGQHK.js";
 import { u as T4, B as S4 } from "./BaseScanner-C2j3TsSY.js";
@@ -13399,7 +13399,7 @@ const E4 = {
     ), f2 = w(
       () => import("./UserOptions-DVduN6X7.js")
     ), b2 = w(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), P2 = w(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_world: F2 } = f4(), k = l2, y1 = p2, J = y({
@@ -13409,15 +13409,15 @@ const E4 = {
       set(e) {
         return e;
       }
-    }), _1 = y(() => J ? Object.values(H.value).some(
+    }), d1 = y(() => J ? Object.values(H.value).some(
       (e) => Object.hasOwn(e, "category")
-    ) : !1), I = s(null), _2 = s(null), C2 = s(null), k2 = s(null), w2 = s(null), C1 = s(0), k1 = s(0), w1 = s(0), g = s(o2()), q = s(!1), d1 = s(""), T1 = s(0), S1 = s(!1), U = s(null), c1 = s(null), Q = s(!1), e1 = s(!1);
+    ) : !1), I = s(null), _2 = s(null), C2 = s(null), k2 = s(null), w2 = s(null), C1 = s(0), k1 = s(0), w1 = s(0), g = s(o2()), q = s(!1), c1 = s(""), T1 = s(0), S1 = s(!1), U = s(null), m1 = s(null), Q = s(!1), e1 = s(!1);
     c4(() => {
       S1.value = !0;
     });
     let t1 = E4;
     const { projections: z, getProjectedBounds: T2, setupTerritories: S2 } = I4;
-    function m1() {
+    function g1() {
       let e = $4({
         userConfig: k.config,
         defaultConfig: F2
@@ -13428,7 +13428,7 @@ const E4 = {
         k.config.style.chart.territory.colors.max
       ) : e.style.chart.territory.colors.max = X[0], t1 = S2(e, t1), e;
     }
-    const t = s(m1()), R = y(
+    const t = s(g1()), R = y(
       () => t.value.userOptions.useCursorPointer
     ), M2 = y(() => a2({
       defaultConfig: {
@@ -13454,13 +13454,13 @@ const E4 = {
     })), { loading: M1, FINAL_DATASET: H } = T4({
       ...m4(k),
       FINAL_CONFIG: t,
-      prepareConfig: m1,
+      prepareConfig: g1,
       skeletonDataset: k.config?.skeletonDataset ?? [],
       skeletonConfig: a2({
         defaultConfig: t.value,
         userConfig: M2.value
       })
-    }), { userOptionsVisible: g1, setUserOptionsVisibility: A1, keepUserOptionState: $1 } = N4({ config: t.value }), { svgRef: o1 } = L4({
+    }), { userOptionsVisible: v1, setUserOptionsVisibility: A1, keepUserOptionState: $1 } = N4({ config: t.value }), { svgRef: o1 } = L4({
       config: t.value.style.chart.title
     }), h = s({
       showTable: t.value.table.show,
@@ -13469,7 +13469,7 @@ const E4 = {
     s1(
       () => k.config,
       (e) => {
-        t.value = m1(), g1.value = !t.value.userOptions.showOnChartHover, C1.value += 1, w1.value += 1, k1.value += 1, h.value.showTable = t.value.table.show, h.value.showTooltip = t.value.style.chart.tooltip.show;
+        t.value = g1(), v1.value = !t.value.userOptions.showOnChartHover, C1.value += 1, w1.value += 1, k1.value += 1, h.value.showTable = t.value.table.show, h.value.showTooltip = t.value.style.chart.tooltip.show;
       }
     ), s1(
       t,
@@ -13572,7 +13572,7 @@ const E4 = {
       O.value = e, T1.value += 1;
     }
     const D = s(!1);
-    function v1() {
+    function h1() {
       D.value = !D.value;
     }
     function O1() {
@@ -13581,7 +13581,7 @@ const E4 = {
     function G1() {
       h.value.showTooltip = !h.value.showTooltip;
     }
-    const I2 = y(() => t.value.userOptions.show && !t.value.style.chart.title.text), { isPrinting: h1, isImaging: f1, generatePdf: E1, generateImage: D1 } = M4({
+    const I2 = y(() => t.value.userOptions.show && !t.value.style.chart.title.text), { isPrinting: f1, isImaging: b1, generatePdf: E1, generateImage: D1 } = M4({
       elementId: `world_${g.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-world",
       options: t.value.userOptions.print
@@ -13598,12 +13598,12 @@ const E4 = {
       const a = R2(e);
       if (!a.length) return "";
       const o = a.flat(), r = o.reduce((F, [C]) => F + C, 0) / o.length, i = o.reduce((F, [, C]) => F + C, 0) / o.length, v = [r, i], G = z[M.value] || z.globe, E = A.value.width, t4 = A.value.height, j1 = a.map(
-        (F) => F.map(([C, P1]) => G([C, P1], E, t4, v))
+        (F) => F.map(([C, F1]) => G([C, F1], E, t4, v))
       ), W1 = j1.flat(), Y1 = W1.map(([F, C]) => F), V1 = W1.map(([F, C]) => C), Z1 = Math.min(...Y1), o4 = Math.max(...Y1), X1 = Math.min(...V1), a4 = Math.max(...V1), B = 80, i1 = 8, r4 = B - 2 * i1, n4 = B - 2 * i1, i4 = o4 - Z1 || 1, s4 = a4 - X1 || 1, J1 = Math.min(r4 / i4, n4 / s4);
       function l4([F, C]) {
         return [(F - Z1) * J1 + i1, (C - X1) * J1 + i1];
       }
-      const u4 = j1.map((F) => "M" + F.map(l4).map(([P1, d4]) => `${P1},${d4}`).join("L") + "Z").join(" "), p4 = N.value?.color || t.value.style.chart.territory.emptyColor, y4 = t.value.style.chart.territory.stroke;
+      const u4 = j1.map((F) => "M" + F.map(l4).map(([F1, d4]) => `${F1},${d4}`).join("L") + "Z").join(" "), p4 = N.value?.color || t.value.style.chart.territory.emptyColor, y4 = t.value.style.chart.territory.stroke;
       return `
         <svg width="${B}" height="${B}" viewBox="0 0 ${B} ${B}" style="display:block;margin:auto;">
         <rect x="0" y="0" width="${B}" height="${B}" rx="12" fill="transparent" opacity="0.93"/>
@@ -13632,7 +13632,7 @@ const E4 = {
             config: t.value,
             series: $.value
           });
-          typeof i == "string" && (d1.value = i, K.value = !0);
+          typeof i == "string" && (c1.value = i, K.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), K.value = !1;
         }
@@ -13658,7 +13658,7 @@ const E4 = {
                 </b>
             </div>
         </div>
-        `, d1.value = `<div>${o}</div>`);
+        `, c1.value = `<div>${o}</div>`);
     }
     const x = s(!1), L = s({ x: 0, y: 0 }), T = s([
       t.value.style.chart.globe.center.x,
@@ -13747,7 +13747,7 @@ const E4 = {
         config: o
       };
     });
-    function b1(e = null) {
+    function P1(e = null) {
       t2(() => {
         const a = r1.value.head.map((i, v) => [[i.name], [r1.value.body[v]]]), o = [
           [t.value.style.chart.title.text],
@@ -13775,7 +13775,7 @@ const E4 = {
     function U1(e) {
       P.value.includes(e) ? P.value = P.value.filter((a) => a !== e) : P.value.push(e), y1("selectLegend", { name: e });
     }
-    const j = y(() => _1 ? I1.value.map(({ name: e, color: a }, o) => ({ name: e, color: a, shape: "circle", patternIndex: o })).map((e) => ({
+    const j = y(() => d1 ? I1.value.map(({ name: e, color: a }, o) => ({ name: e, color: a, shape: "circle", patternIndex: o })).map((e) => ({
       ...e,
       opacity: P.value.includes(e.name) ? 0.5 : 1,
       segregate: () => U1(e.name),
@@ -13846,7 +13846,7 @@ const E4 = {
       }
     );
     function z1() {
-      h.value.showTable = !1, c1.value && c1.value.setTableIconState(!1);
+      h.value.showTable = !1, m1.value && m1.value.setTableIconState(!1);
     }
     const Z2 = y(() => t.value.style.chart.backgroundColor), X2 = y(() => t.value.style.chart.legend), J2 = y(() => t.value.style.chart.title), { exportSvg: q2, getSvg: Q2 } = A4({
       svg: o1,
@@ -13906,12 +13906,12 @@ const E4 = {
       getData: Y2,
       getImage: V2,
       generatePdf: E1,
-      generateCsv: b1,
+      generateCsv: P1,
       generateImage: D1,
       generateSvg: H1,
       toggleTable: O1,
       toggleTooltip: G1,
-      toggleAnnotator: v1,
+      toggleAnnotator: h1,
       toggleFullscreen: R1,
       copyAlt: K1
     }), (e, a) => (l(), m("div", {
@@ -13930,7 +13930,7 @@ const E4 = {
         active: D.value,
         svgRef: n(o1),
         isCursorPointer: R.value,
-        onClose: v1
+        onClose: h1
       }, {
         "annotator-action-close": u(() => [
           p(e.$slots, "annotator-action-close", {}, void 0, !0)
@@ -13983,14 +13983,14 @@ const E4 = {
       c("div", {
         id: `legend-top-${g.value}`
       }, null, 8, x4),
-      t.value.userOptions.show && J.value && (n($1) || n(g1)) ? (l(), S(n(f2), {
+      t.value.userOptions.show && J.value && (n($1) || n(v1)) ? (l(), S(n(f2), {
         ref_key: "userOptionsRef",
-        ref: c1,
+        ref: m1,
         key: `user_option_${T1.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: n(h1),
-        isImaging: n(f1),
+        isPrinting: n(f1),
+        isImaging: n(b1),
         uid: g.value,
         callbacks: t.value.userOptions.callbacks,
         hasTooltip: t.value.style.chart.tooltip.show && t.value.userOptions.buttons.tooltip,
@@ -14014,17 +14014,17 @@ const E4 = {
         isCursorPointer: R.value,
         onToggleFullscreen: R1,
         onGeneratePdf: n(E1),
-        onGenerateCsv: b1,
+        onGenerateCsv: P1,
         onGenerateImage: e4,
         onGenerateSvg: H1,
         onToggleTable: O1,
         onToggleTooltip: G1,
-        onToggleAnnotator: v1,
+        onToggleAnnotator: h1,
         onCopyAlt: K1,
         style: Y({
-          visibility: n($1) ? n(g1) ? "visible" : "hidden" : "visible"
+          visibility: n($1) ? n(v1) ? "visible" : "hidden" : "visible"
         })
-      }, F1({ _: 2 }, [
+      }, _1({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
           fn: u(({ isOpen: o, color: r }) => [
@@ -14270,69 +14270,70 @@ const E4 = {
           svg: {
             height: A.value.height,
             width: A.value.width,
-            isPrintingImg: n(h1) | n(f1) | Q.value,
+            isPrintingImg: n(f1) | n(b1) | Q.value,
             isPrintingSvg: e1.value
           }
         }, void 0, !0)
       ], 46, U4)),
       e.$slots.watermark ? (l(), m("div", n0, [
         p(e.$slots, "watermark", f(b({
-          isPrinting: n(h1) || n(f1) || Q.value || e1.value
+          isPrinting: n(f1) || n(b1) || Q.value || e1.value
         })), void 0, !0)
       ])) : d("", !0),
       c("div", {
         id: `legend-bottom-${g.value}`
       }, null, 8, i0),
-      S1.value ? (l(), S(v4, {
+      S1.value && d1.value && (t.value.style.chart.legend.show || e.$slots.legend) ? (l(), S(v4, {
         key: 5,
         to: t.value.style.chart.legend.position === "top" ? `#legend-top-${g.value}` : `#legend-bottom-${g.value}`
       }, [
-        _1.value ? (l(), m("div", {
+        d1.value ? (l(), m("div", {
           key: 0,
           ref_key: "chartLegend",
           ref: C2
         }, [
-          t.value.style.chart.legend.show ? (l(), S(n(d2), {
-            key: `legend_${k1.value}`,
-            legendSet: j.value,
-            config: W2.value,
-            isCursorPointer: R.value,
-            onClickMarker: a[0] || (a[0] = (o) => U1(o))
-          }, F1({
-            item: u(({ legend: o, index: r }) => [
-              c("div", {
-                style: Y(`opacity:${P.value.includes(o.name) ? 0.5 : 1}`),
-                onClick: (i) => o.segregate()
-              }, Z(o.name), 13, s0)
-            ]),
-            legendToggle: u(() => [
-              j.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !n(M1) ? (l(), S(O4, {
-                key: 0,
-                backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
-                color: t.value.style.chart.legend.selectAllToggle.color,
-                fontSize: t.value.style.chart.legend.fontSize,
-                checked: P.value.length > 0,
-                isCursorPointer: R.value,
-                onToggle: j2
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : d("", !0)
-            ]),
-            _: 2
-          }, [
-            e.$slots.pattern ? {
-              name: "legend-pattern",
-              fn: u(({ legend: o, index: r }) => [
-                l1(R4, {
-                  shape: o.shape,
-                  radius: 30,
-                  stroke: "none",
-                  plot: { x: 30, y: 30 },
-                  fill: `url(#pattern_${g.value}_${r})`
-                }, null, 8, ["shape", "fill"])
+          p(e.$slots, "legend", { legend: j.value }, () => [
+            t.value.style.chart.legend.show ? (l(), S(n(d2), {
+              key: `legend_${k1.value}`,
+              legendSet: j.value,
+              config: W2.value,
+              isCursorPointer: R.value,
+              onClickMarker: a[0] || (a[0] = (o) => U1(o))
+            }, _1({
+              item: u(({ legend: o, index: r }) => [
+                c("div", {
+                  style: Y(`opacity:${P.value.includes(o.name) ? 0.5 : 1}`),
+                  onClick: (i) => o.segregate()
+                }, Z(o.name), 13, s0)
+              ]),
+              legendToggle: u(() => [
+                j.value.length > 2 && t.value.style.chart.legend.selectAllToggle.show && !n(M1) ? (l(), S(O4, {
+                  key: 0,
+                  backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
+                  color: t.value.style.chart.legend.selectAllToggle.color,
+                  fontSize: t.value.style.chart.legend.fontSize,
+                  checked: P.value.length > 0,
+                  isCursorPointer: R.value,
+                  onToggle: j2
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : d("", !0)
               ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["legendSet", "config", "isCursorPointer"])) : d("", !0),
-          p(e.$slots, "legend", { legend: j.value }, void 0, !0)
+              _: 2
+            }, [
+              e.$slots.pattern ? {
+                name: "legend-pattern",
+                fn: u(({ legend: o, index: r }) => [
+                  l1(R4, {
+                    shape: o.shape,
+                    radius: 30,
+                    stroke: "none",
+                    plot: { x: 30, y: 30 },
+                    fill: `url(#pattern_${g.value}_${r})`
+                  }, null, 8, ["shape", "fill"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["legendSet", "config", "isCursorPointer"])) : d("", !0)
+          ], !0)
         ], 512)) : d("", !0)
       ], 8, ["to"])) : d("", !0),
       e.$slots.source ? (l(), m("div", {
@@ -14356,7 +14357,7 @@ const E4 = {
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
         parent: I.value,
-        content: d1.value,
+        content: c1.value,
         isCustom: K.value,
         isFullscreen: O.value,
         smooth: t.value.style.chart.tooltip.smooth,
@@ -14379,7 +14380,7 @@ const E4 = {
         ref_key: "tableUnit",
         ref: U,
         onClose: z1
-      }), F1({
+      }), _1({
         content: u(() => [
           (l(), S(n(v2), {
             key: `table_${w1.value}`,
@@ -14428,7 +14429,7 @@ const E4 = {
             c("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: a[1] || (a[1] = (o) => b1(t.value.userOptions.callbacks.csv)),
+              onClick: a[1] || (a[1] = (o) => P1(t.value.userOptions.callbacks.csv)),
               style: Y({ cursor: R.value ? "pointer" : "default" })
             }, [
               l1(n(m2), {
@@ -14445,7 +14446,7 @@ const E4 = {
       ], !0)
     ], 46, D4));
   }
-}, k0 = /* @__PURE__ */ G4(u0, [["__scopeId", "data-v-1963c4c3"]]);
+}, k0 = /* @__PURE__ */ G4(u0, [["__scopeId", "data-v-2a63bd97"]]);
 export {
   k0 as default
 };