vue-data-ui 3.17.9 → 3.17.11

package/dist/{vue-ui-geo-BJiW5vL1.js → vue-ui-geo-nXp15sZ5.js}

@@ -48,7 +48,7 @@ const rn = ["id"], an = ["id"], ln = { style: { position: "relative" } }, sn = [
     ), Ut = ye(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), Vt = ye(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), V = Dt, Kt = Xt, { vue_ui_geo: Jt } = Do(), { isThemeValid: Qt, warnInvalidTheme: eo } = Uo(), M = d(_o()), we = d(0), Ue = d(0), de = d(!1), ve = d(!1), R = d(null), _ = d(!1), le = d(null), Ve = d(null), Ke = d(null), Je = d(null), K = d(null), J = d(null), Qe = d(null), et = d(null), x = d(null), tt = d({ x: 0, y: 0 }), Q = d("pointer"), Ce = d(!1), G = d(!1);
     function ot(e) {
       G.value = e, we.value += 1;

package/dist/{vue-ui-gizmo-D5e5T4fu.js → vue-ui-gizmo-J5MTo522.js}

@@ -19,7 +19,7 @@ const K = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-busy"], Q = ["
   },
   setup(G) {
     const L = V(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), { vue_ui_gizmo: N } = O(), o = G, u = y(T()), $ = F();
     C(() => {
       m();

package/dist/{vue-ui-heatmap-Bsr9R8ek.js → vue-ui-heatmap-G7DzkGq2.js}

@@ -173,7 +173,7 @@ const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], L
     ), W = be(
       () => import("./UserOptions-DVduN6X7.js")
     ), z = be(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), S = be(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_heatmap: P } = ua(), { isThemeValid: fe, warnInvalidTheme: ue } = ca(), A = h, T = oe, X = f({

package/dist/{vue-ui-history-plot-pXrD1Fm7.js → vue-ui-history-plot-BLoxv5uS.js}

@@ -48,7 +48,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
     ), $t = E(
       () => import("./UserOptions-DVduN6X7.js")
     ), It = E(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), Lt = E(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_history_plot: _t } = Nl(), { isThemeValid: Pt, warnInvalidTheme: zt } = Rl(), L = bt, X = u(null), ze = u(null), Oe = u(0), Me = u(null), Ne = u(0), De = u(0), Fe = u(0), R = ct(null), W = ct(null), Xe = u(null), _ = u(ht()), oe = u(!1), fe = u(""), x = u([]), q = u(!1), P = u(null), Z = u(!1), Be = u(null), Re = u(!1), J = u(null), pe = u(null), se = u(!1), ne = u(!1), ge = u(null), xe = u(null), re = u(null), be = u(null), k = u(null), w = u(null), Ee = u({ x: 0, y: 0 }), ie = u("pointer"), me = u(!1), ue = h({
@@ -1413,7 +1413,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       C("div", {
         id: `legend-bottom-${_.value}`
       }, null, 8, Ma),
-      Re.value ? (s(), F(xl, {
+      Re.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (s(), F(xl, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${_.value}` : `#legend-bottom-${_.value}`
       }, [
@@ -1421,39 +1421,38 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
           ref_key: "chartLegend",
           ref: Me
         }, [
-          e.value.style.chart.legend.show && ue.value ? (s(), F(Vl, {
-            key: `legend_${Ne.value}`,
-            legendSet: Q.value,
-            config: qt.value,
-            isCursorPointer: j.value,
-            onClickMarker: a[0] || (a[0] = ({ legend: l }) => {
-              ce(l.seriesIndex), Je(l);
-            })
-          }, {
-            item: p(({ legend: l, index: n }) => [
-              C("div", {
-                onClick: (o) => {
-                  l.segregate(), Je(l);
-                },
-                style: M(`opacity:${x.value.includes(l.seriesIndex) ? 0.5 : 1}`)
-              }, D(l.name), 13, Na)
-            ]),
-            legendToggle: p(() => [
-              Q.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !c(B) ? (s(), F(Gl, {
-                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: Vt
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : y("", !0)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : f(t.$slots, "legend", {
-            key: 1,
-            legend: Q.value
-          }, void 0, !0)
+          f(t.$slots, "legend", { legend: Q.value }, () => [
+            e.value.style.chart.legend.show && ue.value ? (s(), F(Vl, {
+              key: `legend_${Ne.value}`,
+              legendSet: Q.value,
+              config: qt.value,
+              isCursorPointer: j.value,
+              onClickMarker: a[0] || (a[0] = ({ legend: l }) => {
+                ce(l.seriesIndex), Je(l);
+              })
+            }, {
+              item: p(({ legend: l, index: n }) => [
+                C("div", {
+                  onClick: (o) => {
+                    l.segregate(), Je(l);
+                  },
+                  style: M(`opacity:${x.value.includes(l.seriesIndex) ? 0.5 : 1}`)
+                }, D(l.name), 13, Na)
+              ]),
+              legendToggle: p(() => [
+                Q.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !c(B) ? (s(), F(Gl, {
+                  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: Vt
+                }, 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 ? (s(), r("div", {
@@ -1559,7 +1558,7 @@ const Zl = ["id"], Jl = ["id"], Ql = ["id"], ea = { style: { position: "relative
       ], !0)
     ], 46, Zl));
   }
-}, oo = /* @__PURE__ */ ql(Fa, [["__scopeId", "data-v-a9f2184e"]]);
+}, oo = /* @__PURE__ */ ql(Fa, [["__scopeId", "data-v-7da979a6"]]);
 export {
   oo as default
 };

package/dist/{vue-ui-horizontal-bar-7HugQ0dT.js → vue-ui-horizontal-bar-B8wbIiWo.js}

@@ -53,7 +53,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     ), Gt = se(
       () => import("./UserOptions-DVduN6X7.js")
     ), Kt = se(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), jt = se(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_vertical_bar: Yt } = Za(), { isThemeValid: qt, warnInvalidTheme: Zt } = al(), Jt = Ia(), C = Rt, Pe = h({

package/dist/{vue-ui-kpi-BLVCrWfG.js → vue-ui-kpi-AT8jIXnu.js}

@@ -18,7 +18,7 @@ const j = ["aria-labelledby"], G = ["id"], P = ["aria-label"], W = {
     }
   },
   setup(o) {
-    const D = M(() => import("./vue-ui-digits-CUN5zijI.js")), { vue_ui_kpi: S } = T(), c = U(), l = o, e = y({
+    const D = M(() => import("./vue-ui-digits-BeIq6BVd.js")), { vue_ui_kpi: S } = T(), c = U(), l = o, e = y({
       get: () => f(),
       set: (a) => a
     }), A = w(), x = y(() => e.value.debug), m = r(E());

package/dist/{vue-ui-molecule-DhIWpt07.js → vue-ui-molecule-j5opFMNQ.js}

@@ -57,7 +57,7 @@ const so = ["id"], no = {
     ), qe = g(
       () => import("./UserOptions-DVduN6X7.js")
     ), Je = g(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), Ke = g(
       () => import("./RecursiveLinks-BDwyYfP-.js")
     ), Qe = g(

package/dist/{vue-ui-mood-radar-BUpDYe22.js → vue-ui-mood-radar-Opwn9CwC.js}

@@ -15,7 +15,7 @@ import oo from "./vue_ui_mood_radar-BUs6Fdn8.js";
 import ao from "./Legend-DGN5lY60.js";
 import { A as lo } from "./A11yDataTable-BpmuNomI.js";
 import { _ as no } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative" } }, co = ["xmlns", "aria-describedby", "viewBox"], vo = ["width", "height"], yo = ["id"], fo = ["stop-color"], ho = ["stop-color"], go = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], po = ["d", "stroke", "stroke-width"], mo = ["transform"], bo = ["stroke"], ko = ["aria-label", "fill"], Co = ["transform"], wo = ["stroke"], $o = ["aria-label", "fill"], xo = ["transform"], Ao = ["stroke"], Po = ["aria-label", "fill"], To = ["transform"], Oo = ["stroke"], _o = ["aria-label", "fill"], So = ["transform"], Mo = ["stroke"], No = ["aria-label", "fill"], Lo = ["d", "stroke", "stroke-width", "fill"], Do = ["x1", "y1", "x2", "y2", "stroke"], Io = ["cx", "cy", "fill", "stroke"], Fo = ["cx", "cy", "fill", "stroke"], Bo = ["x", "y", "fill", "font-weight"], Eo = ["x", "y", "fill"], Ro = {
+const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative" } }, co = ["xmlns", "aria-describedby", "viewBox"], vo = ["width", "height"], yo = ["id"], fo = ["stop-color"], ho = ["stop-color"], go = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], po = ["d", "stroke", "stroke-width"], mo = ["transform"], bo = ["stroke"], ko = ["aria-label", "fill"], Co = ["transform"], wo = ["stroke"], $o = ["aria-label", "fill"], xo = ["transform"], Ao = ["stroke"], Po = ["aria-label", "fill"], To = ["transform"], Oo = ["stroke"], So = ["aria-label", "fill"], _o = ["transform"], Mo = ["stroke"], No = ["aria-label", "fill"], Lo = ["d", "stroke", "stroke-width", "fill"], Do = ["x1", "y1", "x2", "y2", "stroke"], Io = ["cx", "cy", "fill", "stroke"], Fo = ["cx", "cy", "fill", "stroke"], Bo = ["x", "y", "fill", "font-weight"], Eo = ["x", "y", "fill"], Ro = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -46,7 +46,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
     ), Je = N(
       () => import("./UserOptions-DVduN6X7.js")
     ), Qe = N(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), Ze = N(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_mood_radar: et } = Gt(), { isThemeValid: tt, warnInvalidTheme: ot } = Jt(), $ = ze, at = He, b = i(Ft()), A = i(null), p = i(null), pe = i(null), lt = i(0), nt = i(0), me = i(0), be = i(null), ke = i(null), V = i(null), Y = i(null), Ce = i(null), we = i(!1), K = i(null), oe = i(null), J = i(!1), Q = i(!1), O = i(null), ae = i(!1), $e = d(() => !!$.dataset && Object.keys($.dataset).length), e = i(se()), D = d(
@@ -90,13 +90,13 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: le, FINAL_DATASET: _ } = Ht({
+    })), { loading: le, FINAL_DATASET: S } = Ht({
       ...Mt($),
       FINAL_CONFIG: e,
       prepareConfig: se,
       callback: () => {
         Promise.resolve().then(async () => {
-          await fe(), S.value.showTable = e.value.table.show;
+          await fe(), _.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: $.config?.skeletonDataset ?? {
@@ -159,7 +159,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
     Be(
       () => $.config,
       (t) => {
-        e.value = se(), ne.value = !e.value.userOptions.showOnChartHover, xe(), lt.value += 1, nt.value += 1, me.value += 1, S.value.showTable = e.value.table.show;
+        e.value = se(), ne.value = !e.value.userOptions.showOnChartHover, xe(), lt.value += 1, nt.value += 1, me.value += 1, _.value.showTable = e.value.table.show;
       },
       { deep: !0 }
     );
@@ -167,7 +167,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
       elementId: b.value,
       fileName: e.value.style.chart.title.text || "vue-ui-mood-radar",
       options: e.value.userOptions.print
-    }), ut = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), S = i({
+    }), ut = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), _ = i({
       showTable: e.value.table.show
     }), r = i({
       height: 256,
@@ -203,12 +203,12 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
       };
     }
     const vt = d(() => Math.max(
-      ...Object.values(_.value).map((t) => isNaN(t) ? 0 : t)
-    )), x = d(() => Object.values(_.value).reduce(
+      ...Object.values(S.value).map((t) => isNaN(t) ? 0 : t)
+    )), x = d(() => Object.values(S.value).reduce(
       (t, a) => (isNaN(t) ? 0 : t) + (isNaN(a) ? 0 : a),
       0
-    )), h = d(() => Object.keys(_.value).map((t, a) => {
-      const o = typeof _.value[t] != "number" || isNaN(_.value[t]) ? 0 : _.value[t];
+    )), h = d(() => Object.keys(S.value).map((t, a) => {
+      const o = typeof S.value[t] != "number" || isNaN(S.value[t]) ? 0 : S.value[t];
       return {
         index: a,
         key: t,
@@ -216,7 +216,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
         proportion: o / x.value,
         color: e.value.style.chart.layout.smileys.colors[t]
       };
-    }).sort((t, a) => a.key - t.key)), _e = d(() => h.value.map((t, a) => ({
+    }).sort((t, a) => a.key - t.key)), Se = d(() => h.value.map((t, a) => ({
       ...t,
       display: `${he(
         e.value.style.chart.layout.dataLabel.formatter,
@@ -233,7 +233,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
         r: e.value.style.chart.legend.roundingPercentage
       })})`}`
     }))), ce = d(() => (["1", "2", "3", "4", "5"].forEach((t) => {
-      [null, void 0].includes(_.value[t]) && We({
+      [null, void 0].includes(S.value[t]) && We({
         componentName: "VueUiMoodRadar",
         type: "datasetAttribute",
         property: t
@@ -360,8 +360,8 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
     function ft() {
       return h.value;
     }
-    function Se() {
-      S.value.showTable = !S.value.showTable;
+    function _e() {
+      _.value.showTable = !_.value.showTable;
     }
     const F = i(!1);
     function Me(t) {
@@ -389,7 +389,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
       };
     }
     const X = d(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = S.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, a = _.value.showTable;
       return {
         component: t ? Ze : Xe,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -420,15 +420,15 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
       };
     });
     Be(
-      () => S.value.showTable,
+      () => _.value.showTable,
       (t) => {
         e.value.table.show || (t && e.value.table.useDialog && K.value ? K.value.open() : "close" in K.value && K.value.close());
       }
     );
     function Ne() {
-      S.value.showTable = !1, oe.value && oe.value.setTableIconState(!1);
+      _.value.showTable = !1, oe.value && oe.value.setTableIconState(!1);
     }
-    const gt = d(() => _e.value.map((t) => ({
+    const gt = d(() => Se.value.map((t) => ({
       ...t,
       name: t.display,
       shape: "circle"
@@ -534,7 +534,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
     function Ot() {
       O.value = null, p.value = null, ae.value = !1;
     }
-    function _t(t) {
+    function St(t) {
       if (!U.value || !M.value.length || H.value || document.activeElement !== U.value) return;
       const a = ["ArrowLeft", "ArrowUp"].includes(t.key), o = ["ArrowRight", "ArrowDown"].includes(t.key), s = t.key === "Enter" || t.key === " ", g = t.key === "Escape";
       if (!a && !o && !s && !g)
@@ -553,7 +553,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
       let c = O.value;
       c === null || c < 0 || c >= M.value.length ? c = o ? 0 : M.value.length - 1 : o ? (c += 1, c >= M.value.length && (c = 0)) : a && (c -= 1, c < 0 && (c = M.value.length - 1)), Pt(c);
     }
-    function St(t, a) {
+    function _t(t, a) {
       const o = t.key === "Enter" || t.key === " ", s = t.key === "Escape";
       if (!(!o && !s)) {
         if (t.preventDefault(), t.stopPropagation(), s) {
@@ -578,7 +578,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
       generateCsv: de,
       generateImage: Oe,
       generateSvg: Le,
-      toggleTable: Se,
+      toggleTable: _e,
       toggleAnnotator: ve,
       toggleFullscreen: Me,
       copyAlt: De
@@ -694,7 +694,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
         onGenerateCsv: de,
         onGenerateImage: wt,
         onGenerateSvg: Le,
-        onToggleTable: Se,
+        onToggleTable: _e,
         onToggleAnnotator: ve,
         onCopyAlt: De,
         style: B({
@@ -780,7 +780,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
           tabindex: "0",
           onFocus: Tt,
           onBlur: Ot,
-          onKeydown: _t
+          onKeydown: St
         }, [
           te(l(Qe)),
           t.$slots["chart-background"] ? (u(), m("foreignObject", {
@@ -938,7 +938,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
               onMouseenter: a[9] || (a[9] = (o) => W("2")),
               onMouseleave: a[10] || (a[10] = (o) => z("2")),
               onClick: a[11] || (a[11] = (o) => I("2"))
-            }, null, 40, _o)
+            }, null, 40, So)
           ], 8, To),
           n("g", {
             transform: j("1")
@@ -964,7 +964,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
               onMouseleave: a[13] || (a[13] = (o) => z("1")),
               onClick: a[14] || (a[14] = (o) => I("1"))
             }, null, 40, No)
-          ], 8, So),
+          ], 8, _o),
           n("path", {
             d: l(Kt)(ce.value.map((o) => o.plots)),
             stroke: e.value.style.chart.layout.dataPolygon.stroke,
@@ -1056,7 +1056,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
       n("div", {
         id: `legend-bottom-${b.value}`
       }, null, 8, Ko),
-      we.value ? (u(), k(Lt, {
+      we.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (u(), k(Lt, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
@@ -1064,62 +1064,63 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
           ref_key: "chartLegend",
           ref: ke
         }, [
-          e.value.style.chart.legend.show ? (u(), k(ao, {
-            legendSet: _e.value,
-            config: yt.value,
-            key: `legend_${me.value}`,
-            isCursorPointer: D.value,
-            style: { display: "flex", "row-gap": "6px" },
-            onFocusMarker: a[15] || (a[15] = ({ legend: o }) => Z(o.key))
-          }, {
-            item: y(({ legend: o, index: s }) => [
-              n("div", {
-                role: "button",
-                onClick: () => Z(o.key),
-                style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center", margin: "3px 0" },
-                onKeydown: (g) => St(g, String(o.key))
-              }, [
-                o.key == 1 ? (u(), k(l(L), {
-                  key: 0,
-                  strokeWidth: 1,
-                  name: "moodSad",
-                  stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : f("", !0),
-                o.key == 2 ? (u(), k(l(L), {
-                  key: 1,
-                  strokeWidth: 1,
-                  name: "moodFlat",
-                  stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : f("", !0),
-                o.key == 3 ? (u(), k(l(L), {
-                  key: 2,
-                  strokeWidth: 1,
-                  name: "moodNeutral",
-                  stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : f("", !0),
-                o.key == 4 ? (u(), k(l(L), {
-                  key: 3,
-                  strokeWidth: 1,
-                  name: "smiley",
-                  stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : f("", !0),
-                o.key == 5 ? (u(), k(l(L), {
-                  key: 4,
-                  strokeWidth: 1,
-                  name: "moodHappy",
-                  stroke: e.value.style.chart.layout.smileys.colors[o.key]
-                }, null, 8, ["stroke"])) : f("", !0),
-                l(le) ? f("", !0) : (u(), m("span", {
-                  key: 5,
-                  style: B({
-                    fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal"
-                  })
-                }, E(o.display), 5))
-              ], 40, Uo)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : f("", !0),
-          v(t.$slots, "legend", { legend: h.value }, void 0, !0)
+          v(t.$slots, "legend", { legend: h.value }, () => [
+            e.value.style.chart.legend.show ? (u(), k(ao, {
+              legendSet: Se.value,
+              config: yt.value,
+              key: `legend_${me.value}`,
+              isCursorPointer: D.value,
+              style: { display: "flex", "row-gap": "6px" },
+              onFocusMarker: a[15] || (a[15] = ({ legend: o }) => Z(o.key))
+            }, {
+              item: y(({ legend: o, index: s }) => [
+                n("div", {
+                  role: "button",
+                  onClick: () => Z(o.key),
+                  style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center", margin: "3px 0" },
+                  onKeydown: (g) => _t(g, String(o.key))
+                }, [
+                  o.key == 1 ? (u(), k(l(L), {
+                    key: 0,
+                    strokeWidth: 1,
+                    name: "moodSad",
+                    stroke: e.value.style.chart.layout.smileys.colors[o.key]
+                  }, null, 8, ["stroke"])) : f("", !0),
+                  o.key == 2 ? (u(), k(l(L), {
+                    key: 1,
+                    strokeWidth: 1,
+                    name: "moodFlat",
+                    stroke: e.value.style.chart.layout.smileys.colors[o.key]
+                  }, null, 8, ["stroke"])) : f("", !0),
+                  o.key == 3 ? (u(), k(l(L), {
+                    key: 2,
+                    strokeWidth: 1,
+                    name: "moodNeutral",
+                    stroke: e.value.style.chart.layout.smileys.colors[o.key]
+                  }, null, 8, ["stroke"])) : f("", !0),
+                  o.key == 4 ? (u(), k(l(L), {
+                    key: 3,
+                    strokeWidth: 1,
+                    name: "smiley",
+                    stroke: e.value.style.chart.layout.smileys.colors[o.key]
+                  }, null, 8, ["stroke"])) : f("", !0),
+                  o.key == 5 ? (u(), k(l(L), {
+                    key: 4,
+                    strokeWidth: 1,
+                    name: "moodHappy",
+                    stroke: e.value.style.chart.layout.smileys.colors[o.key]
+                  }, null, 8, ["stroke"])) : f("", !0),
+                  l(le) ? f("", !0) : (u(), m("span", {
+                    key: 5,
+                    style: B({
+                      fontWeight: e.value.style.chart.legend.bold ? "bold" : "normal"
+                    })
+                  }, E(o.display), 5))
+                ], 40, Uo)
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config", "isCursorPointer"])) : f("", !0)
+          ], !0)
         ], 512)
       ], 8, ["to"])) : f("", !0),
       t.$slots.source ? (u(), m("div", {
@@ -1190,7 +1191,7 @@ const so = ["id"], ro = ["id"], uo = ["id"], io = { style: { position: "relative
       ], !0)
     ], 46, so));
   }
-}, ua = /* @__PURE__ */ no(Wo, [["__scopeId", "data-v-cc9aea01"]]);
+}, ua = /* @__PURE__ */ no(Wo, [["__scopeId", "data-v-2e36027b"]]);
 export {
   ua as default
 };