vue-data-ui 2.12.2 → 2.12.4

package/dist/{vue-ui-nested-donuts-C3FhBgMa.js → vue-ui-nested-donuts-Dw_TX78M.js}

@@ -1,16 +1,16 @@
-import { computed as k, ref as v, watch as Ze, onMounted as je, nextTick as et, onBeforeUnmount as Tt, createElementBlock as r, openBlock as n, unref as i, normalizeStyle as se, normalizeClass as R, createBlock as U, createCommentVNode as g, createVNode as tt, createSlots as Ft, withCtx as _, renderSlot as L, normalizeProps as E, guardReactiveProps as G, createElementVNode as m, Fragment as T, renderList as S, toDisplayString as V, withDirectives as lt, vShow as at, createTextVNode as ue } from "vue";
-import { u as Ot, c as St, t as It, p as _e, a as At, H as D, o as Nt, e as Y, b as Vt, d as Pt, m as ot, f as F, X as Dt, s as st, J as zt, k as Le, n as X, i as J, x as ut, q as Mt, r as Rt, y as Ut, R as nt } from "./index-DISniBjo.js";
-import { t as Bt, u as Et } from "./useResponsive-JZ9xq-JV.js";
-import { _ as Gt } from "./Title-BjMd4WGZ.js";
-import { u as Yt, U as Xt } from "./usePrinter-Cw5Mv9xt.js";
-import { D as Ht } from "./DataTable-bu8svd8_.js";
-import { _ as Wt } from "./Tooltip-QXYFefbw.js";
-import { L as qt } from "./Legend-DPhZp44K.js";
-import Jt from "./vue-ui-skeleton-DCo7JrxG.js";
-import Kt from "./vue-ui-accordion-CFpwBwSP.js";
-import { u as rt } from "./useNestedProp-Cg1rd0rj.js";
-import { _ as Qt } from "./PackageVersion-DV3lyC6_.js";
-import { _ as Zt } from "./PenAndPaper-mmgChIlY.js";
+import { computed as k, ref as v, watch as Ze, onMounted as je, nextTick as et, onBeforeUnmount as Tt, createElementBlock as r, openBlock as n, unref as i, normalizeStyle as se, normalizeClass as U, createBlock as B, createCommentVNode as g, createVNode as tt, createSlots as Ft, withCtx as _, renderSlot as L, normalizeProps as E, guardReactiveProps as G, createElementVNode as m, Fragment as T, renderList as S, toDisplayString as V, withDirectives as lt, vShow as at, createTextVNode as ue } from "vue";
+import { u as Ot, c as St, t as It, p as _e, a as At, H as D, o as Nt, e as Y, b as Vt, d as Pt, m as ot, f as F, X as Dt, s as st, K as zt, k as Le, n as X, i as K, x as ut, q as Mt, r as Ut, y as Bt, S as nt } from "./index-BKDMQMKQ.js";
+import { t as Rt, u as Et } from "./useResponsive-JZ9xq-JV.js";
+import { _ as Gt } from "./Title-BQKp20eU.js";
+import { u as Yt, U as Xt } from "./usePrinter-BNaQ2HUw.js";
+import { D as Ht } from "./DataTable-BAr4XpSA.js";
+import { _ as Wt } from "./Tooltip-Bjsc232E.js";
+import { L as qt } from "./Legend-CxZqkiNm.js";
+import Kt from "./vue-ui-skeleton-BgWQSBb-.js";
+import Jt from "./vue-ui-accordion-DyqkVlpC.js";
+import { u as rt } from "./useNestedProp-B_1UW4X2.js";
+import { _ as Qt } from "./PackageVersion-CQUs0b3q.js";
+import { _ as Zt } from "./PenAndPaper-DmGOEcsD.js";
 import { u as jt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as el } from "./useChartAccessibility-BWojgys7.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -38,9 +38,9 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(it, { expose: dt, emit: ct }) {
-    const { vue_ui_nested_donuts: vt } = Ot(), x = it, K = k(() => !!x.dataset && x.dataset.length), y = v(St()), ne = v(!1), re = v(""), ft = v(null), xe = v(0), H = v(null), Ce = v(null), ie = v(null), Te = v(null), Fe = v(null), Oe = v(0), Se = v(0), Ie = v(0), z = v(!0), M = v([]), W = v([]), B = v(!1);
+    const { vue_ui_nested_donuts: vt } = Ot(), x = it, J = k(() => !!x.dataset && x.dataset.length), y = v(St()), ne = v(!1), re = v(""), ft = v(null), xe = v(0), H = v(null), Ce = v(null), ie = v(null), Te = v(null), Fe = v(null), Oe = v(0), Se = v(0), Ie = v(0), z = v(!0), M = v([]), W = v([]), R = v(!1);
     function ht(l) {
-      B.value = l, xe.value += 1;
+      R.value = l, xe.value += 1;
     }
     const e = k({
       get: () => Pe(),
@@ -159,7 +159,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
         componentName: "VueUiNestedDonuts",
         type: "dataset"
       }), e.value.responsive) {
-        const l = Bt(() => {
+        const l = Rt(() => {
           const { width: s, height: a } = Et({
             chart: H.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
@@ -178,7 +178,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
     Tt(() => {
       Q.value && Q.value.disconnect();
     });
-    const { isPrinting: ze, isImaging: Me, generatePdf: Re, generateImage: Ue } = Yt({
+    const { isPrinting: ze, isImaging: Me, generatePdf: Ue, generateImage: Be } = Yt({
       elementId: `nested_donuts_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts",
       options: e.value.userOptions.print
@@ -191,9 +191,9 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
     }), h = v({
       height: 512,
       width: 512
-    }), Be = ct;
+    }), Re = ct;
     function gt({ datapoint: l, index: s }) {
-      Be("selectDatapoint", { datapoint: l, index: s });
+      Re("selectDatapoint", { datapoint: l, index: s });
     }
     function Ee({
       from: l,
@@ -287,7 +287,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
     );
     function ve(l) {
       var C;
-      Be("selectLegend", l);
+      Re("selectLegend", l);
       const s = x.dataset.flatMap(
         (d, f) => d.series.map((O, ge) => ({
           value: D(O.values).reduce((ae, q) => ae + q, 0),
@@ -387,7 +387,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
         config: e.value
       };
       const o = e.value.style.chart.tooltip.customFormat;
-      if (ut(o) && Ut(
+      if (ut(o) && Bt(
         () => o({
           seriesIndex: a,
           datapoint: l,
@@ -418,7 +418,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
                             </span>
                         </div>
                         <span>
-                            ${e.value.style.chart.tooltip.showValue ? `<b>${J(
+                            ${e.value.style.chart.tooltip.showValue ? `<b>${K(
               e.value.style.chart.layout.labels.dataLabels.formatter,
               l.value,
               F({
@@ -440,7 +440,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
                 `;
           });
         } else
-          t += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.arcOf ?? ""} - ${l.name}</div>`, t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${l.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (t += `<b>${J(
+          t += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.arcOf ?? ""} - ${l.name}</div>`, t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${l.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (t += `<b>${K(
             e.value.style.chart.layout.labels.dataLabels.formatter,
             l.value,
             F({
@@ -533,7 +533,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
           [e.value.style.chart.title.subtitle.text],
           [[""], ["val"], ["%"]]
         ].concat(l), a = Mt(s);
-        Rt({
+        Ut({
           csvContent: a,
           title: e.value.style.chart.title.text || "vue-ui-nested-donuts"
         });
@@ -590,10 +590,10 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
     function kt() {
       return I.value;
     }
-    function Je() {
+    function Ke() {
       w.value.showTable = !w.value.showTable;
     }
-    function Ke() {
+    function Je() {
       w.value.dataLabels.show = !w.value.dataLabels.show;
     }
     function Qe() {
@@ -605,23 +605,23 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
     }
     return dt({
       getData: kt,
-      generatePdf: Re,
+      generatePdf: Ue,
       generateCsv: qe,
-      generateImage: Ue,
-      toggleTable: Je,
-      toggleLabels: Ke,
+      generateImage: Be,
+      toggleTable: Ke,
+      toggleLabels: Je,
       toggleTooltip: Qe,
       toggleAnnotator: be
     }), (l, s) => (n(), r("div", {
       ref_key: "nestedDonutsChart",
       ref: H,
-      class: R(`vue-ui-nested-donuts ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: U(`vue-ui-nested-donuts ${R.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: se(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `nested_donuts_${y.value}`,
       onMouseenter: s[3] || (s[3] = () => i(Ae)(!0)),
       onMouseleave: s[4] || (s[4] = () => i(Ae)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), U(Zt, {
+      e.value.userOptions.buttons.annotator ? (n(), B(Zt, {
         key: 0,
         svgRef: i(Ve),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -641,7 +641,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
         ref_key: "chartTitle",
         ref: Ce
       }, [
-        (n(), U(Gt, {
+        (n(), B(Gt, {
           key: `title_${Oe.value}`,
           config: {
             title: {
@@ -655,7 +655,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
           }
         }, null, 8, ["config"]))
       ], 512)) : g("", !0),
-      e.value.userOptions.show && K.value && (i(Ne) || i(de)) ? (n(), U(Xt, {
+      e.value.userOptions.show && J.value && (i(Ne) || i(de)) ? (n(), B(Xt, {
         ref: "details",
         key: `user_option_${xe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -670,7 +670,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: B.value,
+        isFullscreen: R.value,
         isTooltip: w.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: H.value,
@@ -678,11 +678,11 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: le.value,
         onToggleFullscreen: ht,
-        onGeneratePdf: i(Re),
+        onGeneratePdf: i(Ue),
         onGenerateCsv: qe,
-        onGenerateImage: i(Ue),
-        onToggleTable: Je,
-        onToggleLabels: Ke,
+        onGenerateImage: i(Be),
+        onToggleTable: Ke,
+        onToggleLabels: Je,
         onToggleTooltip: Qe,
         onToggleAnnotator: be,
         style: se({
@@ -753,14 +753,14 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
-      K.value ? (n(), r("svg", {
+      J.value ? (n(), r("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: Ve,
         xmlns: i(Dt),
-        class: R({
-          "vue-data-ui-fullscreen--on": B.value,
-          "vue-data-ui-fulscreen--off": !B.value
+        class: U({
+          "vue-data-ui-fullscreen--on": R.value,
+          "vue-data-ui-fulscreen--off": !R.value
         }),
         viewBox: `0 0 ${h.value.width <= 0 ? 1e-3 : h.value.width} ${h.value.height < 0 ? 1e-3 : h.value.height}`,
         style: se(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};${De.value.css}`)
@@ -862,7 +862,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
             (n(!0), r(T, null, S(a.donut, (t, u) => (n(), r("g", null, [
               u === 0 && h.value.width && h.value.height ? (n(), r("text", {
                 key: 0,
-                class: R({ animated: e.value.useCssAnimation }),
+                class: U({ animated: e.value.useCssAnimation }),
                 x: h.value.width / 2,
                 y: t.startY - e.value.style.chart.layout.labels.dataLabels.fontSize + e.value.style.chart.layout.labels.dataLabels.donutNameOffsetY,
                 "text-anchor": "middle",
@@ -882,7 +882,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
               filter: We(t, u)
             }, [
               lt(m("text", {
-                class: R({ animated: e.value.useCssAnimation }),
+                class: U({ animated: e.value.useCssAnimation }),
                 opacity: pe(t) ? 1 : 0,
                 "text-anchor": i(X)(t, !0).anchor,
                 x: i(X)(
@@ -909,7 +909,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
                 ]
               ]),
               lt(m("text", {
-                class: R({ animated: e.value.useCssAnimation }),
+                class: U({ animated: e.value.useCssAnimation }),
                 opacity: pe(t) ? 1 : 0,
                 "text-anchor": i(X)(t, !0).anchor,
                 x: i(X)(
@@ -925,7 +925,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? t.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, " (" + V(i(J)(
+              }, " (" + V(i(K)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 t.value,
                 i(F)({
@@ -943,7 +943,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
               ]),
               pe(t) && w.value.dataLabels.show && !e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (n(), r("text", {
                 key: 0,
-                class: R({ animated: e.value.useCssAnimation }),
+                class: U({ animated: e.value.useCssAnimation }),
                 "text-anchor": i(X)(t, !0).anchor,
                 x: i(X)(
                   t,
@@ -958,7 +958,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? t.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, V(i(J)(
+              }, V(i(K)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 t.value,
                 i(F)({
@@ -993,7 +993,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
       l.$slots.watermark ? (n(), r("div", _l, [
         L(l.$slots, "watermark", E(G({ isPrinting: i(ze) || i(Me) })), void 0, !0)
       ])) : g("", !0),
-      K.value ? g("", !0) : (n(), U(Jt, {
+      J.value ? g("", !0) : (n(), B(Kt, {
         key: 6,
         config: {
           type: "donut",
@@ -1018,7 +1018,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: H.value,
         content: re.value,
-        isFullscreen: B.value,
+        isFullscreen: R.value,
         isCustom: i(ut)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": _(() => [
@@ -1033,9 +1033,9 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
         key: 7,
         ref_key: "chartLegend",
         ref: ie,
-        class: R({ "vue-ui-nested-donuts-legend": ye.value.length > 1 })
+        class: U({ "vue-ui-nested-donuts-legend": ye.value.length > 1 })
       }, [
-        (n(!0), r(T, null, S(ye.value, (a, o) => (n(), U(qt, {
+        (n(!0), r(T, null, S(ye.value, (a, o) => (n(), B(qt, {
           key: `legend_${o}_${Ie.value}`,
           legendSet: a,
           config: wt.value,
@@ -1049,7 +1049,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
               onClick: (c) => ve(t),
               style: se(`opacity:${$.value.includes(t.id) ? 0.5 : 1}`)
             }, [
-              ue(V(t.name) + ": " + V(i(J)(
+              ue(V(t.name) + ": " + V(i(K)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 t.value,
                 i(F)({
@@ -1089,7 +1089,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
       }, [
         L(l.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      K.value ? (n(), U(Kt, {
+      J.value ? (n(), B(Jt, {
         key: 10,
         hideDetails: "",
         config: {
@@ -1106,7 +1106,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = ["i
         }
       }, {
         content: _(() => [
-          (n(), U(Ht, {
+          (n(), B(Ht, {
             key: `table_${Se.value}`,
             colNames: te.value.colNames,
             head: te.value.head,

package/dist/{vue-ui-onion-w4Bhv7xJ.js → vue-ui-onion-CiTCTFRi.js}

@@ -1,16 +1,16 @@
 import { computed as h, ref as r, watch as we, onMounted as Xe, onBeforeUnmount as Ge, createElementBlock as u, openBlock as n, unref as i, normalizeStyle as B, normalizeClass as U, createBlock as C, createCommentVNode as g, createElementVNode as _, createVNode as $e, createSlots as Ee, withCtx as f, renderSlot as d, normalizeProps as O, guardReactiveProps as P, Fragment as M, renderList as N, toDisplayString as I, createTextVNode as He, nextTick as We } from "vue";
-import { u as je, c as qe, t as Je, p as Ce, a as Ke, b as Qe, o as Ze, e as K, d as et, X as tt, f as R, i as Q, x as xe, q as at, r as lt, y as ot } from "./index-DISniBjo.js";
+import { u as je, c as qe, t as Je, p as Ce, a as Ke, b as Qe, o as Ze, e as K, d as et, X as tt, f as R, i as Q, x as xe, q as at, r as lt, y as ot } from "./index-BKDMQMKQ.js";
 import { t as st, u as nt } from "./useResponsive-JZ9xq-JV.js";
-import { _ as rt } from "./Title-BjMd4WGZ.js";
-import { u as ut, U as it } from "./usePrinter-Cw5Mv9xt.js";
-import { L as ct } from "./Legend-DPhZp44K.js";
-import { D as dt } from "./DataTable-bu8svd8_.js";
-import { _ as vt } from "./Tooltip-QXYFefbw.js";
-import ht from "./vue-ui-skeleton-DCo7JrxG.js";
-import ft from "./vue-ui-accordion-CFpwBwSP.js";
-import { u as Te } from "./useNestedProp-Cg1rd0rj.js";
-import { _ as gt } from "./PackageVersion-DV3lyC6_.js";
-import { _ as pt } from "./PenAndPaper-mmgChIlY.js";
+import { _ as rt } from "./Title-BQKp20eU.js";
+import { u as ut, U as it } from "./usePrinter-BNaQ2HUw.js";
+import { L as ct } from "./Legend-CxZqkiNm.js";
+import { D as dt } from "./DataTable-BAr4XpSA.js";
+import { _ as vt } from "./Tooltip-Bjsc232E.js";
+import ht from "./vue-ui-skeleton-BgWQSBb-.js";
+import ft from "./vue-ui-accordion-DyqkVlpC.js";
+import { u as Te } from "./useNestedProp-B_1UW4X2.js";
+import { _ as gt } from "./PackageVersion-CQUs0b3q.js";
+import { _ as pt } from "./PenAndPaper-DmGOEcsD.js";
 import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as mt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/{vue-ui-parallel-coordinate-plot-CkP97yTg.js → vue-ui-parallel-coordinate-plot-YAyEWj2K.js}

@@ -1,21 +1,21 @@
-import { computed as b, ref as v, watch as Xe, onMounted as Ye, onBeforeUnmount as qe, createElementBlock as i, openBlock as u, unref as x, normalizeStyle as T, normalizeClass as W, createBlock as z, createCommentVNode as m, createElementVNode as F, createVNode as Me, createSlots as Je, withCtx as k, renderSlot as f, normalizeProps as S, guardReactiveProps as D, Fragment as $, renderList as I, toDisplayString as R, createTextVNode as Ke } from "vue";
-import { u as Qe, c as ee, t as Ze, p as H, a as et, o as tt, e as ze, g as at, b as lt, d as ot, D as st, S as nt, T as ut, U as it, X as rt, x as Ie, F as G, q as ct, r as vt, i as Fe, f as Pe, y as dt } from "./index-DISniBjo.js";
+import { computed as b, ref as v, watch as Xe, onMounted as Ye, onBeforeUnmount as qe, createElementBlock as i, openBlock as u, unref as x, normalizeStyle as T, normalizeClass as V, createBlock as z, createCommentVNode as m, createElementVNode as F, createVNode as Me, createSlots as Je, withCtx as k, renderSlot as f, normalizeProps as S, guardReactiveProps as D, Fragment as $, renderList as I, toDisplayString as R, createTextVNode as Ke } from "vue";
+import { u as Qe, c as ee, t as Ze, p as H, a as et, o as tt, e as ze, g as at, b as lt, d as ot, D as st, T as nt, U as ut, V as it, X as rt, x as Ie, F as G, q as ct, r as vt, i as Fe, f as Pe, y as dt } from "./index-BKDMQMKQ.js";
 import { t as ht, u as pt } from "./useResponsive-JZ9xq-JV.js";
-import { _ as mt } from "./Title-BjMd4WGZ.js";
-import { L as yt } from "./Legend-DPhZp44K.js";
-import { _ as ft } from "./Tooltip-QXYFefbw.js";
-import { _ as gt } from "./Shape-CqqGhNJ7.js";
-import { u as bt, U as xt } from "./usePrinter-Cw5Mv9xt.js";
-import { D as kt } from "./DataTable-bu8svd8_.js";
-import wt from "./vue-ui-accordion-CFpwBwSP.js";
-import $t from "./vue-ui-skeleton-DCo7JrxG.js";
-import { u as Ne } from "./useNestedProp-Cg1rd0rj.js";
-import { _ as Ct } from "./PackageVersion-DV3lyC6_.js";
-import { _ as At } from "./PenAndPaper-mmgChIlY.js";
+import { _ as mt } from "./Title-BQKp20eU.js";
+import { L as yt } from "./Legend-CxZqkiNm.js";
+import { _ as ft } from "./Tooltip-Bjsc232E.js";
+import { _ as gt } from "./Shape-gJBc0QCq.js";
+import { u as bt, U as xt } from "./usePrinter-BNaQ2HUw.js";
+import { D as kt } from "./DataTable-BAr4XpSA.js";
+import wt from "./vue-ui-accordion-DyqkVlpC.js";
+import $t from "./vue-ui-skeleton-BgWQSBb-.js";
+import { u as Ne } from "./useNestedProp-B_1UW4X2.js";
+import { _ as Ct } from "./PackageVersion-CQUs0b3q.js";
+import { _ as At } from "./PenAndPaper-DmGOEcsD.js";
 import { u as Tt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as _t } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"], Pt = { style: { "pointer-events": "none" } }, Nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ot = ["x", "y", "fill", "font-size", "font-weight"], Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x", "y", "fill", "font-size", "font-weight"], Dt = { key: 0 }, Rt = ["x", "y", "font-size", "fill"], Ut = ["width", "x", "y"], Wt = { style: { width: "100%" } }, Et = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], Vt = ["d", "stroke", "stroke-width", "onMouseenter"], jt = ["d", "onMouseenter"], Bt = {
+const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"], Pt = { style: { "pointer-events": "none" } }, Nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ot = ["x", "y", "fill", "font-size", "font-weight"], Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x", "y", "fill", "font-size", "font-weight"], Dt = { key: 0 }, Rt = ["x", "y", "font-size", "fill"], Ut = ["width", "x", "y"], Vt = { style: { width: "100%" } }, Wt = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], Et = ["d", "stroke", "stroke-width", "onMouseenter"], jt = ["d", "onMouseenter"], Bt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Ht = ["onClick"], Gt = ["innerHTML"], Xt = {
@@ -67,7 +67,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
     Xe(() => _.config, (t) => {
       e.value = de(), Y.value = !e.value.userOptions.showOnChartHover, he(), ne.value += 1, ie.value += 1, ue.value += 1, h.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const E = v(null);
+    const W = v(null);
     Ye(() => {
       he();
     });
@@ -124,11 +124,11 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
             });
           });
         });
-        E.value = new ResizeObserver(t), E.value.observe(U.value.parentNode);
+        W.value = new ResizeObserver(t), W.value.observe(U.value.parentNode);
       }
     }
     qe(() => {
-      E.value && E.value.disconnect();
+      W.value && W.value.disconnect();
     });
     const { isPrinting: pe, isImaging: me, generatePdf: ye, generateImage: fe } = bt({
       elementId: `pcp_${X.value}`,
@@ -155,7 +155,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         right: s - l,
         bottom: n - a
       };
-    }), We = b(() => lt(e.value.customPalette)), h = v({
+    }), Ve = b(() => lt(e.value.customPalette)), h = v({
       dataLabels: {
         show: e.value.style.chart.yAxis.labels.datapoints.show
       },
@@ -166,7 +166,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       C.value.includes(t) ? C.value = C.value.filter((l) => l !== t) : C.value.push(t);
     }
     const M = b(() => _.dataset.map((t, l) => {
-      const a = ot(t.color) || We.value[l] || H[l] || H[l % H.length];
+      const a = ot(t.color) || Ve.value[l] || H[l] || H[l % H.length];
       return {
         ...t,
         series: t.series.map((o) => ({
@@ -179,12 +179,12 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         id: ee(),
         shape: t.shape || "circle"
       };
-    })), Ee = b(() => M.value.map((t) => ({
+    })), We = b(() => M.value.map((t) => ({
       ...t,
       opacity: C.value.includes(t.id) ? 0.5 : 1,
       segregate: () => ge(t.id),
       isSegregated: C.value.includes(t.id)
-    }))), Ve = b(() => ({
+    }))), Ee = b(() => ({
       cy: "pcp-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -256,7 +256,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       );
     }
     const y = v(null), K = v(null), O = v(!1), Q = v("");
-    function V({ shape: t, serieName: l, serie: a, relativeIndex: o, seriesIndex: n }) {
+    function E({ shape: t, serieName: l, serie: a, relativeIndex: o, seriesIndex: n }) {
       K.value = { serie: a, relativeIndex: o, seriesIndex: n, series: M.value, scales: g.value }, O.value = !0, y.value = a.id;
       let s = "";
       const r = e.value.style.chart.tooltip.customFormat;
@@ -360,7 +360,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
     }), (t, l) => (u(), i("div", {
       ref_key: "pcpChart",
       ref: U,
-      class: W(`vue-ui-pcp ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: V(`vue-ui-pcp ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: T(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `pcp_${X.value}`,
       onMouseenter: l[6] || (l[6] = () => x(re)(!0)),
@@ -497,7 +497,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
         ref_key: "svgRef",
         ref: ve,
         xmlns: x(rt),
-        class: W({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
+        class: V({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
         viewBox: `0 0 ${c.value.chartWidth <= 0 ? 10 : c.value.chartWidth} ${c.value.chartHeight <= 0 ? 10 : c.value.chartHeight}`,
         style: T(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -562,7 +562,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
                 radius: a.shape === "triangle" ? d.value.plotSize * 1.2 : d.value.plotSize,
                 stroke: e.value.style.chart.backgroundColor,
                 strokeWidth: 0.5,
-                onMouseenter: (r) => V({
+                onMouseenter: (r) => E({
                   shape: a.shape,
                   serieName: a.name,
                   serie: o,
@@ -595,7 +595,7 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
                   x: s.x - e.value.style.chart.comments.width / 2 + e.value.style.chart.comments.offsetX,
                   y: s.y + e.value.style.chart.comments.offsetY + 6
                 }, [
-                  F("div", Wt, [
+                  F("div", Vt, [
                     f(t.$slots, "plot-comment", {
                       plot: { ...s, color: a.color }
                     }, void 0, !0)
@@ -609,9 +609,9 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
               fill: e.value.style.chart.yAxis.labels.datapoints.useSerieColor ? a.color : e.value.style.chart.yAxis.labels.datapoints.color,
               "text-anchor": "start",
               "font-weight": e.value.style.chart.yAxis.labels.datapoints.bold ? "bold" : "normal",
-              class: W({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !0 }),
+              class: V({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !0 }),
               "font-size": d.value.datapointFontSize,
-              onMouseenter: (A) => V({
+              onMouseenter: (A) => E({
                 shape: a.shape,
                 serieName: a.name,
                 serie: o,
@@ -622,14 +622,14 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
                 y.value = null, O.value = !1;
               }),
               style: T(`opacity:${y.value ? y.value === o.id ? 1 : 0.2 : 1}`)
-            }, R(xe({ value: s.value, index: r, datapoint: s })), 45, Et))), 256)) : m("", !0),
+            }, R(xe({ value: s.value, index: r, datapoint: s })), 45, Wt))), 256)) : m("", !0),
             F("path", {
               d: `M${e.value.style.chart.lines.smooth ? o.smoothPath : o.straightPath}`,
               stroke: a.color,
               "stroke-width": e.value.style.chart.lines.strokeWidth,
               fill: "none",
-              class: W({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !0 }),
-              onMouseenter: (s) => V({
+              class: V({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !0 }),
+              onMouseenter: (s) => E({
                 shape: a.shape,
                 serieName: a.name,
                 serie: o,
@@ -640,15 +640,15 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
                 y.value = null, O.value = !1;
               }),
               style: T(`opacity:${y.value ? y.value === o.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${o.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? o.pathLength : 0}`)
-            }, null, 46, Vt),
+            }, null, 46, Et),
             h.value.showTooltip ? (u(), i("path", {
               key: 2,
               d: `M${e.value.style.chart.lines.smooth ? o.smoothPath : o.straightPath}`,
               stroke: "transparent",
               "stroke-width": 12,
               fill: "none",
-              class: W({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !0 }),
-              onMouseenter: (s) => V({
+              class: V({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !0 }),
+              onMouseenter: (s) => E({
                 shape: a.shape,
                 serieName: a.name,
                 serie: o,
@@ -682,8 +682,8 @@ const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
       }, [
         e.value.style.chart.legend.show && P.value ? (u(), z(yt, {
           key: `legend_${ue.value}`,
-          legendSet: Ee.value,
-          config: Ve.value,
+          legendSet: We.value,
+          config: Ee.value,
           onClickMarker: l[4] || (l[4] = ({ legend: a }) => {
             ge(a.id), Ce(a);
           })