vue-data-ui 3.17.9 → 3.17.11

package/dist/{vue-ui-radar-CDpMulQa.js → vue-ui-radar-C60tBqYo.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as F, computed as g, ref as u, toRefs as aa, watch as $e, shallowRef as ut, onMounted as oa, onBeforeUnmount as la, openBlock as s, createElementBlock as c, unref as i, normalizeStyle as ae, normalizeClass as oe, createElementVNode as b, toDisplayString as R, createBlock as S, createCommentVNode as f, withCtx as d, renderSlot as p, normalizeProps as k, guardReactiveProps as C, createSlots as it, createVNode as ue, Fragment as U, renderList as E, Teleport as na, resolveDynamicComponent as sa, mergeProps as ra, createTextVNode as Te, nextTick as Ae } from "vue";
+import { defineAsyncComponent as F, computed as g, ref as u, toRefs as aa, watch as $e, shallowRef as ut, onMounted as oa, onBeforeUnmount as la, openBlock as s, createElementBlock as c, unref as i, normalizeStyle as ae, normalizeClass as oe, createElementVNode as b, toDisplayString as R, createBlock as S, createCommentVNode as h, withCtx as d, renderSlot as p, normalizeProps as k, guardReactiveProps as C, createSlots as it, createVNode as ue, Fragment as U, renderList as E, Teleport as na, resolveDynamicComponent as sa, mergeProps as ra, createTextVNode as Te, nextTick as Ae } from "vue";
 import { j as ua, t as ct, m as ia, p as M, o as ca, q as W, n as va, s as vt, A as dt, K as da, l as j, k as Pe, X as pa, u as _e, v as ga, ah as pt, r as gt, a0 as ha, a1 as fa, T as ya, U as ma } from "./lib-DMzrGQHK.js";
 import { t as ba, u as ka } from "./useResponsive-DfdjqQps.js";
 import { u as Ca } from "./useConfig-B70q17MC.js";
@@ -49,12 +49,12 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(ht, { expose: ft, emit: yt }) {
-    const mt = F(() => import("./Tooltip-Cvt7Fi0Q.js")), bt = F(() => import("./BaseIcon-DX0hTWa-.js")), kt = F(() => import("./vue-ui-sparkbar-Dv89_7Pf.js")), Ct = F(() => import("./vue-ui-accordion-_zwPlx0H.js")), wt = F(() => import("./DataTable-cMnb68Ik.js")), $t = F(
+    const mt = F(() => import("./Tooltip-Cvt7Fi0Q.js")), bt = F(() => import("./BaseIcon-DX0hTWa-.js")), kt = F(() => import("./vue-ui-sparkbar-DqtEGBj9.js")), Ct = F(() => import("./vue-ui-accordion-_zwPlx0H.js")), wt = F(() => import("./DataTable-cMnb68Ik.js")), $t = F(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), Tt = F(
       () => import("./UserOptions-DVduN6X7.js")
     ), At = F(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), Pt = F(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_radar: _t } = Ca(), { isThemeValid: St, warnInvalidTheme: Ot } = Pa(), O = ht, Oe = g(() => !!O.dataset && Object.keys(O.dataset).length), m = u(ua()), q = u(!1), ie = u(""), Ie = u(0), I = u(null), Fe = u(null), xe = u(null), Ne = u(null), Le = u(null), Re = u(0), De = u(0), Ve = u(0), ze = u(!1), H = u(null), ce = u(null), le = u(!1), ne = u(!1), A = u(null), Be = u({ x: 0, y: 0 }), J = u("pointer"), ve = u(!1), e = u(ge()), D = g(
@@ -198,20 +198,20 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
     })), v = u({
       height: 312,
       width: 512
-    }), Ke = yt, h = u([]), Q = u(null), X = u(!1);
+    }), Ke = yt, f = u([]), Q = u(null), X = u(!1);
     function Nt() {
-      h.value.length ? h.value = [] : _.value.forEach((t, o) => {
-        h.value.push(o);
+      f.value.length ? f.value = [] : _.value.forEach((t, o) => {
+        f.value.push(o);
       });
     }
     function se(t) {
-      X.value = !0, h.value.includes(t) ? (Q.value = t, h.value = h.value.filter((o) => o !== t), setTimeout(() => {
+      X.value = !0, f.value.includes(t) ? (Q.value = t, f.value = f.value.filter((o) => o !== t), setTimeout(() => {
         X.value = !1, Q.value = null;
-      }, 500)) : (h.value.push(t), setTimeout(() => {
+      }, 500)) : (f.value.push(t), setTimeout(() => {
         X.value = !1;
       }, 500)), Ke(
         "selectLegend",
-        _.value.filter((o, a) => !h.value.includes(a)).map((o) => ({
+        _.value.filter((o, a) => !f.value.includes(a)).map((o) => ({
           name: o.name,
           color: o.color,
           proportion: o.totalProportion
@@ -308,11 +308,11 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
     }
     function Dt(t) {
       const o = Ye(t);
-      o !== null && h.value.includes(o.absoluteIndex) && se(o.absoluteIndex);
+      o !== null && f.value.includes(o.absoluteIndex) && se(o.absoluteIndex);
     }
     function Vt(t) {
       const o = Ye(t);
-      o !== null && (h.value.includes(o.absoluteIndex) || se(o.absoluteIndex));
+      o !== null && (f.value.includes(o.absoluteIndex) || se(o.absoluteIndex));
     }
     const je = g(
       () => Math.max(...T.value.flatMap((t) => t.values))
@@ -376,9 +376,9 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
           absoluteIndex: a,
           totalProportion: l,
           shape: "circle",
-          opacity: h.value.includes(a) ? 0.5 : 1,
+          opacity: f.value.includes(a) ? 0.5 : 1,
           segregate: () => se(a),
-          isSegregated: h.value.includes(a),
+          isSegregated: f.value.includes(a),
           display: `${o.name}: ${j({
             v: (l ?? 0) * 100,
             s: "%",
@@ -494,7 +494,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
       }
       ie.value = `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`;
       for (let n = 0; n < t.values.length; n += 1)
-        if (!h.value.includes(n)) {
+        if (!f.value.includes(n)) {
           const $ = l[n], L = t.values[n], te = isNaN(L / t.target) ? 0 : L / t.target * 100, st = Pe(
             t.formatter,
             L,
@@ -747,7 +747,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { 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"])) : f("", !0),
+      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : h("", !0),
       e.value.userOptions.buttons.annotator ? (s(), S(i($t), {
         key: 1,
         svgRef: i(x),
@@ -776,14 +776,14 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
           p(t.$slots, "annotator-action-delete", k(C({ disabled: a })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : f("", !0),
+      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : h("", !0),
       Ft.value ? (s(), c("div", {
         key: 2,
         ref_key: "noTitle",
         ref: Le,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : f("", !0),
+      }, null, 512)) : h("", !0),
       e.value.style.chart.title.text ? (s(), c("div", {
         key: 3,
         ref_key: "chartTitle",
@@ -803,7 +803,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : f("", !0),
+      ], 512)) : h("", !0),
       b("div", {
         id: `legend-top-${m.value}`
       }, null, 8, Ba),
@@ -918,7 +918,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { 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"])) : f("", !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"])) : h("", !0),
       b("div", Ua, [
         (s(), c("svg", {
           ref_key: "svgRef",
@@ -948,7 +948,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
             }
           }, [
             p(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Ma)) : f("", !0),
+          ], 8, Ma)) : h("", !0),
           b("defs", null, [
             (s(!0), c(U, null, E(P.value, (a, l) => (s(), c("radialGradient", {
               cx: "50%",
@@ -998,8 +998,8 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
                 stroke: e.value.style.chart.layout.grid.stroke,
                 "stroke-width": e.value.style.chart.layout.grid.strokeWidth
               }, null, 8, qa))), 256))
-            ])) : f("", !0)
-          ])) : f("", !0),
+            ])) : h("", !0)
+          ])) : h("", !0),
           b("path", {
             d: He.value.path,
             fill: "none",
@@ -1020,10 +1020,10 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
               onMouseleave: (r) => Mt(a, l),
               onClick: (r) => Qe(a, l)
             }, R(a.name), 41, Qa))), 256))
-          ])) : f("", !0),
+          ])) : h("", !0),
           (s(!0), c(U, null, E(P.value, (a, l) => (s(), c("g", null, [
             b("g", null, [
-              e.value.useCssAnimation || !e.value.useCssAnimation && !h.value.includes(l) ? (s(), c("polygon", {
+              e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (s(), c("polygon", {
                 key: 0,
                 points: i(pt)(
                   y.value.map((r) => r.plots[l]),
@@ -1034,11 +1034,11 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
                 "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
                 fill: "none",
                 class: oe({
-                  "animated-out": h.value.includes(l) && e.value.useCssAnimation,
+                  "animated-out": f.value.includes(l) && e.value.useCssAnimation,
                   "animated-in": X.value && Q.value === l && e.value.useCssAnimation
                 })
-              }, null, 10, Za)) : f("", !0),
-              e.value.useCssAnimation || !e.value.useCssAnimation && !h.value.includes(l) ? (s(), c("polygon", {
+              }, null, 10, Za)) : h("", !0),
+              e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (s(), c("polygon", {
                 key: 1,
                 points: i(pt)(
                   y.value.map((r) => r.plots[l]),
@@ -1052,10 +1052,10 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
                   e.value.style.chart.layout.dataPolygon.opacity
                 ),
                 class: oe({
-                  "animated-out": h.value.includes(l) && e.value.useCssAnimation,
+                  "animated-out": f.value.includes(l) && e.value.useCssAnimation,
                   "animated-in": X.value && Q.value === l && e.value.useCssAnimation
                 })
-              }, null, 10, eo)) : f("", !0)
+              }, null, 10, eo)) : h("", !0)
             ])
           ]))), 256)),
           e.value.style.chart.layout.plots.show ? (s(), c("g", to, [
@@ -1063,17 +1063,17 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
               (s(!0), c(U, null, E(a.plots, (r, n) => (s(), c("circle", {
                 cx: r.x,
                 cy: r.y,
-                fill: h.value.includes(n) ? "transparent" : P.value[n] ? P.value[n].color : "transparent",
+                fill: f.value.includes(n) ? "transparent" : P.value[n] ? P.value[n].color : "transparent",
                 r: Y.value !== null && Y.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
-                stroke: h.value.includes(n) ? "transparent" : e.value.style.chart.backgroundColor,
+                stroke: f.value.includes(n) ? "transparent" : e.value.style.chart.backgroundColor,
                 "stroke-width": 0.5,
                 class: oe({
-                  "animated-out": h.value.includes(n) && e.value.useCssAnimation,
+                  "animated-out": f.value.includes(n) && e.value.useCssAnimation,
                   "animated-in": X.value && Q.value === n && e.value.useCssAnimation
                 })
               }, null, 10, ao))), 256))
             ]))), 256))
-          ])) : f("", !0),
+          ])) : h("", !0),
           p(t.$slots, "svg", {
             svg: {
               ...v.value,
@@ -1087,17 +1087,17 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
             hint: e.value.a11y.translations.keyboardNavigation,
             isVisible: ve.value
           })), void 0, !0)
-        ])) : f("", !0)
+        ])) : h("", !0)
       ]),
       t.$slots.watermark ? (s(), c("div", lo, [
         p(t.$slots, "watermark", k(C({
           isPrinting: i(he) || i(fe) || le.value || ne.value
         })), void 0, !0)
-      ])) : f("", !0),
+      ])) : h("", !0),
       b("div", {
         id: `legend-bottom-${m.value}`
       }, null, 8, no),
-      ze.value ? (s(), S(na, {
+      ze.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (s(), S(na, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${m.value}` : `#legend-bottom-${m.value}`
       }, [
@@ -1105,38 +1105,37 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
           ref_key: "chartLegend",
           ref: xe
         }, [
-          e.value.style.chart.legend.show ? (s(), S(xa, {
-            key: `legend_${Ve.value}`,
-            legendSet: _.value,
-            config: Et.value,
-            isCursorPointer: D.value,
-            onClickMarker: o[0] || (o[0] = ({ i: a }) => se(a))
-          }, {
-            item: d(({ legend: a, index: l }) => [
-              i(de) ? f("", !0) : (s(), c("div", {
-                key: 0,
-                onClick: (r) => a.segregate(),
-                style: ae(`opacity:${h.value.includes(l) ? 0.5 : 1}`)
-              }, R(a.display), 13, so))
-            ]),
-            legendToggle: d(() => [
-              _.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !i(de) ? (s(), S(Ra, {
-                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: h.value.length > 0,
-                isCursorPointer: D.value,
-                onToggle: Nt
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : f("", !0)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : p(t.$slots, "legend", {
-            key: 1,
-            legend: _.value
-          }, void 0, !0)
+          p(t.$slots, "legend", { legend: _.value }, () => [
+            e.value.style.chart.legend.show ? (s(), S(xa, {
+              key: `legend_${Ve.value}`,
+              legendSet: _.value,
+              config: Et.value,
+              isCursorPointer: D.value,
+              onClickMarker: o[0] || (o[0] = ({ i: a }) => se(a))
+            }, {
+              item: d(({ legend: a, index: l }) => [
+                i(de) ? h("", !0) : (s(), c("div", {
+                  key: 0,
+                  onClick: (r) => a.segregate(),
+                  style: ae(`opacity:${f.value.includes(l) ? 0.5 : 1}`)
+                }, R(a.display), 13, so))
+              ]),
+              legendToggle: d(() => [
+                _.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !i(de) ? (s(), S(Ra, {
+                  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: f.value.length > 0,
+                  isCursorPointer: D.value,
+                  onToggle: Nt
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : h("", !0)
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config", "isCursorPointer"])) : h("", !0)
+          ], !0)
         ], 512)
-      ], 8, ["to"])) : f("", !0),
+      ], 8, ["to"])) : h("", !0),
       t.$slots.source ? (s(), c("div", {
         key: 7,
         ref_key: "source",
@@ -1144,7 +1143,7 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
         dir: "auto"
       }, [
         p(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : f("", !0),
+      ], 512)) : h("", !0),
       ue(i(mt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: w.value.showTooltip && q.value,
@@ -1186,12 +1185,12 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
               "data-label": d(({ bar: a }) => [
                 b("div", uo, [
                   b("span", io, R(a.name + (e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? ":" : "")), 1),
-                  e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? (s(), c("span", co, R(a.suffix), 1)) : f("", !0)
+                  e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? (s(), c("span", co, R(a.suffix), 1)) : h("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["dataset", "config"])
-          ])) : f("", !0),
+          ])) : h("", !0),
           p(t.$slots, "tooltip-after", k(C({ ...re.value })), void 0, !0)
         ]),
         _: 3
@@ -1248,13 +1247,13 @@ const Va = ["id"], za = ["id"], Ba = ["id"], Ua = { style: { position: "relative
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : f("", !0),
+      ]), 1040)) : h("", !0),
       p(t.$slots, "skeleton", {}, () => [
-        i(de) ? (s(), S($a, { key: 0 })) : f("", !0)
+        i(de) ? (s(), S($a, { key: 0 })) : h("", !0)
       ], !0)
     ], 46, Va));
   }
-}, xo = /* @__PURE__ */ Da(vo, [["__scopeId", "data-v-0c144ba2"]]);
+}, xo = /* @__PURE__ */ Da(vo, [["__scopeId", "data-v-6b0215b0"]]);
 export {
   xo as default
 };

package/dist/{vue-ui-relation-circle-ChtfTtXY.js → vue-ui-relation-circle-CaeT1NKV.js}

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

package/dist/{vue-ui-ridgeline-DXs-IeYj.js → vue-ui-ridgeline-DpLnKVx2.js}

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