vue-data-ui 3.17.9 → 3.17.11

package/dist/{vue-ui-dumbbell-D8hAgMko.js → vue-ui-dumbbell-ZMLefa9v.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as G, computed as b, ref as h, toRefs as rl, watch as fe, shallowRef as ct, onMounted as vt, onBeforeUnmount as dt, watchEffect as ul, openBlock as n, createElementBlock as v, unref as c, normalizeStyle as le, normalizeClass as ht, createElementVNode as i, toDisplayString as _, createBlock as T, createCommentVNode as g, withCtx as m, renderSlot as p, normalizeProps as C, guardReactiveProps as w, createSlots as ft, createVNode as yt, Fragment as A, renderList as X, withDirectives as ae, vShow as se, Teleport as il, createTextVNode as Xe, resolveDynamicComponent as cl, mergeProps as vl, nextTick as bt } from "vue";
+import { defineAsyncComponent as G, computed as g, ref as h, toRefs as rl, watch as fe, shallowRef as ct, onMounted as vt, onBeforeUnmount as dt, watchEffect as ul, openBlock as n, createElementBlock as v, unref as c, normalizeStyle as le, normalizeClass as ht, createElementVNode as i, toDisplayString as _, createBlock as T, createCommentVNode as b, withCtx as m, renderSlot as p, normalizeProps as C, guardReactiveProps as w, createSlots as ft, createVNode as yt, Fragment as A, renderList as X, withDirectives as ae, vShow as se, Teleport as il, createTextVNode as Xe, resolveDynamicComponent as cl, mergeProps as vl, nextTick as bt } from "vue";
 import { j as gt, t as pt, o as dl, q as mt, r as hl, K as kt, D as fl, l as S, k as B, X as xt, u as _t, x as oe, w as ne, a0 as yl, a1 as bl } from "./lib-DMzrGQHK.js";
 import { t as ze, u as gl } from "./useResponsive-DfdjqQps.js";
 import { u as pl } from "./useConfig-B70q17MC.js";
@@ -47,19 +47,19 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     ), Mt = G(
       () => import("./UserOptions-DVduN6X7.js")
     ), Tt = G(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), Xt = G(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_dumbbell: zt } = pl(), { isThemeValid: It, warnInvalidTheme: Pt } = Cl(), $ = Ct, Dt = $t, re = b({
+    ), { vue_ui_dumbbell: zt } = pl(), { isThemeValid: It, warnInvalidTheme: Pt } = Cl(), $ = Ct, Dt = $t, re = g({
       get() {
         return !!$.dataset && $.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), f = h(gt()), Pe = h(0), z = h(null), De = h(null), Oe = h(null), Fe = h(null), He = h(null), Ee = h(0), Ge = h(0), Be = h(0), Re = h(!1), j = h(null), ye = h(null), ue = h(!1), ie = h(!1), be = h(null), ge = h(null), ce = h(null), pe = h(null), I = h(null), u = h(null), L = h(null), me = h(!1), H = h(!1), e = h(Ce()), Y = b(
+    }), f = h(gt()), Pe = h(0), z = h(null), De = h(null), Oe = h(null), Fe = h(null), He = h(null), Ee = h(0), Ge = h(0), Be = h(0), Re = h(!1), j = h(null), ye = h(null), ue = h(!1), ie = h(!1), be = h(null), ge = h(null), ce = h(null), pe = h(null), I = h(null), u = h(null), L = h(null), me = h(!1), H = h(!1), e = h(Ce()), Y = g(
       () => e.value.userOptions.useCursorPointer
-    ), Ot = b(() => pt({
+    ), Ot = g(() => pt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -152,7 +152,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     vt(() => {
       Re.value = !0, qe();
     });
-    const We = b(() => !!e.value.debug);
+    const We = g(() => !!e.value.debug);
     function qe() {
       if (dl($.dataset) ? mt({
         componentName: "VueUiDumbbell",
@@ -198,7 +198,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       elementId: `dumbbell_${f.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
       options: e.value.userOptions.print
-    }), Ht = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), E = h({
+    }), Ht = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), E = h({
       showTable: e.value.table.show
     });
     fe(
@@ -210,15 +210,15 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       },
       { immediate: !0 }
     );
-    const V = b(() => xe.value.map((l, s) => ({
+    const V = g(() => xe.value.map((l, s) => ({
       ...l,
       start: kt(l.start),
       end: kt(l.end),
       id: l.id ?? `${String(l.name)}__${String(l.start)}__${String(l.end)}__${gt()}`
-    }))), Ye = b(() => {
+    }))), Ye = g(() => {
       const l = e.value.style.chart.grid, s = V.value.flatMap((y) => [y.start, y.end]).map((y) => Number(y)).filter((y) => Number.isFinite(y)), t = s.length ? Math.min(...s) : 0, a = s.length ? Math.max(...s) : 0, r = l.scaleMin ?? Math.min(t, 0), d = l.scaleMax ?? a;
       return { min: r, max: d };
-    }), N = b(() => fl(
+    }), N = g(() => fl(
       Ye.value.min,
       Ye.value.max,
       e.value.style.chart.grid.scaleSteps
@@ -245,13 +245,13 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     }), dt(() => {
       Le.value = 0;
     });
-    const Ze = b(() => {
+    const Ze = g(() => {
       H.value;
       let l = 0;
       pe.value && (l = pe.value.getBBox().height);
       let s = 0;
       return ce.value && (s = Le.value), l + s;
-    }), Ae = b(() => V.value.length);
+    }), Ae = g(() => V.value.length);
     function Je(l, s, t) {
       const a = Number(l), r = Number(s.min), d = Number(s.max), y = Number(t.width);
       if (!Number.isFinite(a) || !Number.isFinite(r) || !Number.isFinite(d) || !Number.isFinite(y))
@@ -259,7 +259,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       const x = d - r;
       return x <= 0 ? t.left : t.left + (a - r) / x * y;
     }
-    const o = b(() => {
+    const o = g(() => {
       H.value;
       const l = Et(), s = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = U.value * Ae.value - Ze.value - s.top - s.bottom - t, r = a / Ae.value, d = U.value * Ae.value, y = W.value - l - s.left - s.right, x = N.value.ticks.length * (y / N.value.ticks.length);
       return {
@@ -273,10 +273,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         absoluteHeight: d,
         widthPlotReference: x
       };
-    }), D = b(() => Math.min(
+    }), D = g(() => Math.min(
       U.value / 2 * 0.7,
       e.value.style.chart.plots.radius
-    )), J = h([]), k = b({
+    )), J = h([]), k = g({
       get() {
         const l = o.value, s = N.value;
         return J.value.map((t, a) => {
@@ -335,7 +335,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       };
       M.value = requestAnimationFrame(t);
     }
-    const Se = b(() => e.value.style.chart.plots.evaluationColors.enable ? [
+    const Se = g(() => e.value.style.chart.plots.evaluationColors.enable ? [
       {
         name: e.value.style.chart.legend.labelNegative,
         color: e.value.style.chart.plots.gradient.show ? `url(#negative_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.negative
@@ -357,7 +357,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         name: e.value.style.chart.legend.labelEnd,
         color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${f.value})` : e.value.style.chart.plots.endColor
       }
-    ]), Bt = b(() => ({
+    ]), Bt = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -365,7 +365,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), O = b(() => {
+    })), O = g(() => {
       const l = k.value.map((t) => ({
         name: t.name
       })), s = k.value.map((t) => ({
@@ -373,7 +373,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         end: t.end
       }));
       return { head: l, body: s };
-    }), q = b(() => {
+    }), q = g(() => {
       const l = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.start,
@@ -473,7 +473,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         aspectRatio: a
       };
     }
-    const at = b(() => N.value.ticks), Ut = b(() => ({ start: 0, end: at.value.length }));
+    const at = g(() => N.value.ticks), Ut = g(() => ({ start: 0, end: at.value.length }));
     Ll({
       timeLabelsEls: ce,
       timeLabels: at,
@@ -530,7 +530,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     function he({ datapoint: l, seriesIndex: s }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
-    const Te = b(() => {
+    const Te = g(() => {
       if (u.value === null) return 0;
       const l = ![null, void 0].includes(
         u.value.start
@@ -541,7 +541,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
       ) + Math.abs(
         u.value.startX - u.value.endX
       ) / 2 : l && !s ? u.value.startX : s && !l ? u.value.endX : null;
-    }), Kt = b(() => {
+    }), Kt = g(() => {
       if (u.value === null) return "";
       const l = ![null, void 0].includes(
         u.value.start
@@ -574,7 +574,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           seriesIndex: I.value
         }
       )), l && s ? `${t} → ${a}` : l && !s ? t : s && !l ? a : "";
-    }), ee = b(() => {
+    }), ee = g(() => {
       const l = e.value.table.useDialog && !e.value.table.show, s = E.value.showTable;
       return {
         component: l ? Xt : At,
@@ -614,10 +614,10 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
     function ot() {
       E.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
     }
-    const jt = b(() => Se.value.map((l) => ({
+    const jt = g(() => Se.value.map((l) => ({
       ...l,
       shape: "circle"
-    }))), Yt = b(() => e.value.style.chart.backgroundColor), Zt = b(() => e.value.style.chart.legend), Jt = b(() => e.value.style.chart.title), { exportSvg: Qt, getSvg: el } = _l({
+    }))), Yt = g(() => e.value.style.chart.backgroundColor), Zt = g(() => e.value.style.chart.legend), Jt = g(() => e.value.style.chart.title), { exportSvg: Qt, getSvg: el } = _l({
       svg: Z,
       title: Jt,
       legend: Zt,
@@ -718,7 +718,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         seriesIndex: d
       }));
     }
-    const te = b(() => ({
+    const te = g(() => ({
       head: q.value.head,
       body: q.value.body.map((l) => [
         l[0]?.name ?? "",
@@ -762,7 +762,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         body: te.value.body,
         caption: te.value.caption,
         notice: te.value.notice
-      }, null, 8, ["uid", "head", "body", "caption", "notice"])) : g("", !0),
+      }, null, 8, ["uid", "head", "body", "caption", "notice"])) : b("", !0),
       e.value.userOptions.buttons.annotator ? (n(), T(c(Nt), {
         key: 1,
         svgRef: c(Z),
@@ -791,14 +791,14 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           p(l.$slots, "annotator-action-delete", C(w({ disabled: t })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : g("", !0),
+      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : b("", !0),
       Ht.value ? (n(), v("div", {
         key: 2,
         ref_key: "noTitle",
         ref: He,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : g("", !0),
+      }, null, 512)) : b("", !0),
       e.value.style.chart.title.text ? (n(), v("div", {
         key: 3,
         ref_key: "chartTitle",
@@ -818,7 +818,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : g("", !0),
+      ], 512)) : b("", !0),
       i("div", {
         id: `legend-top-${f.value}`
       }, null, 8, Pl),
@@ -923,7 +923,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : g("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : b("", !0),
       i("div", Dl, [
         (n(), v("svg", {
           ref_key: "svgRef",
@@ -953,7 +953,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             }
           }, [
             p(l.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Fl)) : g("", !0),
+          ], 8, Fl)) : b("", !0),
           e.value.style.chart.grid.verticalGrid.show ? (n(), v("g", Hl, [
             (n(!0), v(A, null, X(N.value.ticks, (t, a) => (n(), v("line", {
               x1: o.value.left + a * o.value.width / (N.value.ticks.length - 1),
@@ -964,7 +964,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
               "stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
               "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray
             }, null, 8, El))), 256))
-          ])) : g("", !0),
+          ])) : b("", !0),
           e.value.style.chart.grid.horizontalGrid.show ? (n(), v("g", Gl, [
             (n(!0), v(A, null, X(V.value, (t, a) => (n(), v("line", {
               x1: o.value.left,
@@ -984,7 +984,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
               "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
               "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
             }, null, 8, Rl)
-          ])) : g("", !0),
+          ])) : b("", !0),
           e.value.style.chart.labels.axis.yLabel ? (n(), v("text", {
             key: 3,
             ref_key: "yAxisLabel",
@@ -993,7 +993,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             "font-size": e.value.style.chart.labels.axis.fontSize,
             fill: e.value.style.chart.labels.axis.color,
             "text-anchor": "middle"
-          }, _(e.value.style.chart.labels.axis.yLabel), 9, Vl)) : g("", !0),
+          }, _(e.value.style.chart.labels.axis.yLabel), 9, Vl)) : b("", !0),
           e.value.style.chart.labels.yAxisLabels.show ? (n(), v("g", {
             key: 4,
             ref_key: "serieLabels",
@@ -1040,8 +1040,8 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
                 r: e.value.style.chart.labels.yAxisLabels.rounding
               }),
               { datapoint: t }
-            )), 41, Wl))), 256)) : g("", !0)
-          ], 512)) : g("", !0),
+            )), 41, Wl))), 256)) : b("", !0)
+          ], 512)) : b("", !0),
           e.value.style.chart.labels.axis.xLabel ? (n(), v("text", {
             key: 5,
             ref_key: "xAxisLabel",
@@ -1051,7 +1051,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             "font-size": e.value.style.chart.labels.axis.fontSize,
             fill: e.value.style.chart.labels.axis.color,
             "text-anchor": "middle"
-          }, _(e.value.style.chart.labels.axis.xLabel), 9, ql)) : g("", !0),
+          }, _(e.value.style.chart.labels.axis.xLabel), 9, ql)) : b("", !0),
           e.value.style.chart.labels.xAxisLabels.show ? (n(), v("g", {
             key: 6,
             ref_key: "scaleLabels",
@@ -1076,7 +1076,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
               }),
               { datapoint: t, seriesIndex: a }
             )), 9, Kl))), 128))
-          ], 512)) : g("", !0),
+          ], 512)) : b("", !0),
           ae(i("g", null, [
             ae(i("path", {
               d: `M ${u.value ? u.value.startX : o.value.left},${o.value.top} ${u.value ? u.value.startX : o.value.left},${o.value.bottom}`,
@@ -1329,8 +1329,8 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
                   fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${f.value})` : `url(#grad_neg_${f.value})`
                 }, null, 8, Na)
               ]))
-            ])) : g("", !0),
-            [null, void 0].includes(t.start) ? g("", !0) : (n(), v("circle", {
+            ])) : b("", !0),
+            [null, void 0].includes(t.start) ? b("", !0) : (n(), v("circle", {
               key: 1,
               cx: t.startX,
               cy: t.y,
@@ -1339,7 +1339,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
               stroke: e.value.style.chart.plots.stroke,
               "stroke-width": e.value.style.chart.plots.strokeWidth
             }, null, 8, Ma)),
-            [null, void 0].includes(t.end) ? g("", !0) : (n(), v("circle", {
+            [null, void 0].includes(t.end) ? b("", !0) : (n(), v("circle", {
               key: 2,
               cx: t.endX,
               cy: t.y,
@@ -1353,7 +1353,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             (n(!0), v(A, null, X(k.value, (t, a) => (n(), v("g", {
               key: `start_label_${a}_${t.id}`
             }, [
-              [null, void 0].includes(t.start) ? g("", !0) : (n(), v("text", {
+              [null, void 0].includes(t.start) ? b("", !0) : (n(), v("text", {
                 key: 0,
                 x: t.startX,
                 y: t.y + D.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
@@ -1372,12 +1372,12 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
                 { datapoint: t, seriesIndex: a }
               )), 9, za))
             ]))), 128))
-          ])) : g("", !0),
+          ])) : b("", !0),
           e.value.style.chart.labels.endLabels.show ? (n(), v("g", Ia, [
             (n(!0), v(A, null, X(k.value, (t, a) => (n(), v("g", {
               key: `end_label_${a}_${t.id}`
             }, [
-              [null, void 0].includes(t.end) ? g("", !0) : (n(), v("text", {
+              [null, void 0].includes(t.end) ? b("", !0) : (n(), v("text", {
                 key: 0,
                 x: t.endX,
                 y: t.y - (D.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
@@ -1396,7 +1396,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
                 { datapoint: t, seriesIndex: a }
               )), 9, Pa))
             ]))), 128))
-          ])) : g("", !0),
+          ])) : b("", !0),
           i("g", null, [
             (n(!0), v(A, null, X(k.value, (t, a) => (n(), v("rect", {
               x: o.value.left,
@@ -1425,17 +1425,17 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
             hint: e.value.a11y.translations.keyboardNavigation,
             isVisible: me.value
           })), void 0, !0)
-        ])) : g("", !0)
+        ])) : b("", !0)
       ]),
       l.$slots.watermark ? (n(), v("div", Fa, [
         p(l.$slots, "watermark", C(w({
           isPrinting: c(we) || c($e) || ue.value || ie.value
         })), void 0, !0)
-      ])) : g("", !0),
+      ])) : b("", !0),
       i("div", {
         id: `legend-bottom-${f.value}`
       }, null, 8, Ha),
-      Re.value ? (n(), T(il, {
+      Re.value && (e.value.style.chart.legend.show || l.$slots.legend) ? (n(), T(il, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${f.value}` : `#legend-bottom-${f.value}`
       }, [
@@ -1443,41 +1443,40 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           ref_key: "chartLegend",
           ref: Oe
         }, [
-          e.value.style.chart.legend.show && re.value ? (n(), T(Ml, {
-            key: `legend_${Be.value}`,
-            legendSet: Se.value,
-            config: Bt.value,
-            clickable: !1
-          }, {
-            item: m(({ legend: t }) => [
-              i("div", {
-                style: le(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
-              }, [
-                (n(), v("svg", {
-                  xmlns: c(xt),
-                  viewBox: "0 0 20 20",
-                  height: e.value.style.chart.legend.fontSize,
-                  width: e.value.style.chart.legend.fontSize
+          p(l.$slots, "legend", { legend: Se.value }, () => [
+            e.value.style.chart.legend.show && re.value ? (n(), T(Ml, {
+              key: `legend_${Be.value}`,
+              legendSet: Se.value,
+              config: Bt.value,
+              clickable: !1
+            }, {
+              item: m(({ legend: t }) => [
+                i("div", {
+                  style: le(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
                 }, [
-                  i("circle", {
-                    cx: 10,
-                    cy: 10,
-                    r: 9,
-                    fill: t.color
-                  }, null, 8, Ga)
-                ], 8, Ea)),
-                c(ke) ? g("", !0) : (n(), v(A, { key: 0 }, [
-                  Xe(_(t.name), 1)
-                ], 64))
-              ], 4)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config"])) : p(l.$slots, "legend", {
-            key: 1,
-            legend: Se.value
-          }, void 0, !0)
+                  (n(), v("svg", {
+                    xmlns: c(xt),
+                    viewBox: "0 0 20 20",
+                    height: e.value.style.chart.legend.fontSize,
+                    width: e.value.style.chart.legend.fontSize
+                  }, [
+                    i("circle", {
+                      cx: 10,
+                      cy: 10,
+                      r: 9,
+                      fill: t.color
+                    }, null, 8, Ga)
+                  ], 8, Ea)),
+                  c(ke) ? b("", !0) : (n(), v(A, { key: 0 }, [
+                    Xe(_(t.name), 1)
+                  ], 64))
+                ], 4)
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config"])) : b("", !0)
+          ], !0)
         ], 512)
-      ], 8, ["to"])) : g("", !0),
+      ], 8, ["to"])) : b("", !0),
       l.$slots.source ? (n(), v("div", {
         key: 7,
         ref_key: "source",
@@ -1485,7 +1484,7 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
         dir: "auto"
       }, [
         p(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : g("", !0),
+      ], 512)) : b("", !0),
       re.value && e.value.userOptions.buttons.table ? (n(), T(cl(ee.value.component), vl({ key: 8 }, ee.value.props, {
         ref_key: "tableUnit",
         ref: j,
@@ -1541,13 +1540,13 @@ const zl = ["id"], Il = ["id"], Pl = ["id"], Dl = { style: { position: "relative
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : g("", !0),
+      ]), 1040)) : b("", !0),
       p(l.$slots, "skeleton", {}, () => [
-        c(ke) ? (n(), T(xl, { key: 0 })) : g("", !0)
+        c(ke) ? (n(), T(xl, { key: 0 })) : b("", !0)
       ], !0)
     ], 46, zl));
   }
-}, us = /* @__PURE__ */ Xl(Ra, [["__scopeId", "data-v-1978df86"]]);
+}, us = /* @__PURE__ */ Xl(Ra, [["__scopeId", "data-v-730ad314"]]);
 export {
   us as default
 };