vue-data-ui 3.3.3 → 3.4.0

package/dist/{vue-ui-parallel-coordinate-plot-BlffHAHB.js → vue-ui-parallel-coordinate-plot-CtlpCJ97.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as P, computed as p, ref as d, toRefs as Lt, watch as Z, shallowRef as qe, onMounted as St, onBeforeUnmount as Pt, watchEffect as Ot, createElementBlock as u, openBlock as n, unref as v, normalizeStyle as F, normalizeClass as X, createBlock as M, createCommentVNode as y, createElementVNode as N, createVNode as me, createSlots as Je, withCtx as b, renderSlot as g, normalizeProps as U, guardReactiveProps as W, Fragment as A, renderList as I, toDisplayString as B, Teleport as Dt, resolveDynamicComponent as Rt, mergeProps as Bt, createTextVNode as Ke, nextTick as Et } from "vue";
-import { c as ye, t as Ht, b as Ut, p as ee, o as Qe, f as Ze, g as Wt, e as Vt, h as jt, C as Gt, T as Xt, U as Yt, V as qt, X as Jt, L as Kt, z as et, D as te, x as Qt, y as Zt, a as tt, d as at, A as ea } from "./lib-CSDxt1Zh.js";
+import { defineAsyncComponent as P, computed as p, ref as d, toRefs as Lt, watch as Z, shallowRef as qe, onMounted as St, onBeforeUnmount as Pt, watchEffect as Ot, createElementBlock as u, openBlock as n, unref as v, normalizeStyle as F, normalizeClass as X, createBlock as M, createCommentVNode as y, createElementVNode as N, createVNode as me, createSlots as Qe, withCtx as b, renderSlot as g, normalizeProps as W, guardReactiveProps as U, Fragment as A, renderList as I, toDisplayString as B, Teleport as Dt, resolveDynamicComponent as Rt, mergeProps as Bt, createTextVNode as Je, nextTick as Et } from "vue";
+import { c as ye, t as Ht, b as Wt, p as ee, o as Ke, f as Ze, g as Ut, e as Vt, h as Gt, m as jt, B as Xt, z as Yt, a9 as qt, X as Qt, M as Jt, G as et, R as te, P as Kt, Q as Zt, a as tt, d as at, H as ea } from "./lib-BcBZIm6u.js";
 import { t as lt, u as ta } from "./useResponsive-DfdjqQps.js";
-import { u as aa, a as ot } from "./useNestedProp-Dh-ldrr5.js";
-import { u as la } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as aa, a as ot } from "./useNestedProp-B7CiTRDS.js";
+import { u as la } from "./usePrinter-C1GiglOH.js";
 import { u as oa, B as sa } from "./BaseScanner-BgWxam9d.js";
 import { u as na } from "./useSvgExport-DrjCWun4.js";
 import { u as ia } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ua } from "./useChartAccessibility-9icAAmYg.js";
 import { u as ra } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { t as ca } from "./themes-Dw-dDudK.js";
-import va from "./Title-B6rAo9Oz.js";
-import da from "./Legend-CCBZ2x8T.js";
-import { _ as ha } from "./Shape-BS9UGhNq.js";
-import pa from "./img-DI-W68vp.js";
+import va from "./Title-CFmv95In.js";
+import da from "./Legend-C8u37J42.js";
+import { _ as ha } from "./Shape-BhNvlGIN.js";
+import pa from "./img-CFY3JivG.js";
 import { _ as ma } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "width", "height"], xa = { style: { "pointer-events": "none" } }, ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ca = { key: 0 }, Aa = ["x", "y", "fill", "font-size", "font-weight"], $a = ["fill", "font-size", "font-weight", "text-anchor", "transform"], Ta = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], za = { key: 0 }, _a = ["x", "y", "font-size", "fill"], Fa = ["width", "x", "y"], Ma = { style: { width: "100%" } }, Na = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], Ia = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], La = ["d", "onMouseenter", "onMouseleave", "onClick"], Sa = {
   key: 4,
@@ -35,7 +35,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(st, { expose: nt, emit: it }) {
-    const ut = P(() => import("./Tooltip-DaInVNiV.js")), rt = P(() => import("./BaseIcon-DG6cvf2h.js")), ct = P(() => import("./vue-ui-accordion-CaClZrCp.js")), vt = P(() => import("./DataTable-DUpZ_s2c.js")), dt = P(() => import("./PenAndPaper-D9LruJaM.js")), ht = P(() => import("./UserOptions-CJXSEhan.js")), pt = P(() => import("./PackageVersion-CQvYRebC.js")), mt = P(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_parallel_coordinate_plot: yt } = aa(), $ = st, Y = p({
+    const ut = P(() => import("./Tooltip-Cs4v8OnI.js")), rt = P(() => import("./BaseIcon-B5KaGWWC.js")), ct = P(() => import("./vue-ui-accordion-BKkTS12x.js")), vt = P(() => import("./DataTable-DOx3zgih.js")), dt = P(() => import("./PenAndPaper-Dj2diYr0.js")), ht = P(() => import("./UserOptions-C0YT60JN.js")), pt = P(() => import("./PackageVersion-DyDViSOy.js")), mt = P(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_parallel_coordinate_plot: yt } = aa(), $ = st, Y = p({
       get() {
         return !!$.dataset && $.dataset.length;
       },
@@ -128,7 +128,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
           userConfig: ca.vue_ui_parallel_coordinate_plot[t.theme] || $.config,
           defaultConfig: t
         }),
-        customPalette: Ut[t.theme] || ee
+        customPalette: Wt[t.theme] || ee
       } : t;
     }
     Z(() => $.config, (t) => {
@@ -142,12 +142,12 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     });
     const Fe = p(() => !!e.value.debug);
     function Me() {
-      if (Qe($.dataset) ? (Ze({
+      if (Ke($.dataset) ? (Ze({
         componentName: "VueUiParallelCoordinatePlot",
         type: "dataset",
         debug: Fe.value
       }), oe.value = !0) : $.dataset.forEach((t, o) => {
-        Wt({
+        Ut({
           datasetObject: t,
           requiredAttributes: ["name", "series"]
         }).forEach((a) => {
@@ -159,7 +159,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
             debug: Fe.value
           });
         });
-      }), Qe($.dataset) || (oe.value = e.value.loading), e.value.responsive) {
+      }), Ke($.dataset) || (oe.value = e.value.loading), e.value.responsive) {
         const t = lt(() => {
           const { width: o, height: a } = ta({
             chart: z.value,
@@ -215,8 +215,8 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
       // ratio 42.85
       datapointFontSize: e.value.style.chart.yAxis.labels.datapoints.fontSize,
       axisNameFontSize: e.value.style.chart.yAxis.labels.axisNamesFontSize
-    }), Pe = p(() => c.value.width), Oe = p(() => c.value.height), j = d(0), gt = lt((t) => {
-      j.value = t;
+    }), Pe = p(() => c.value.width), Oe = p(() => c.value.height), G = d(0), gt = lt((t) => {
+      G.value = t;
     }, 100);
     Ot((t) => {
       const o = le.value;
@@ -231,9 +231,9 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
       return {
         chartHeight: Math.max(1e-3, l),
         chartWidth: Math.max(1e-3, r),
-        height: Math.max(1e-3, l - t - a - j.value - c.value.datapointFontSize * 2),
+        height: Math.max(1e-3, l - t - a - G.value - c.value.datapointFontSize * 2),
         width: Math.max(1e-3, r - s - o),
-        top: t + j.value + c.value.datapointFontSize,
+        top: t + G.value + c.value.datapointFontSize,
         left: s,
         right: r - o,
         bottom: l - a - c.value.datapointFontSize
@@ -259,7 +259,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
       _.value.includes(t) ? _.value = _.value.filter((o) => o !== t) : _.value.push(t);
     }
     const S = p(() => ft.value.map((t, o) => {
-      const a = jt(t.color) || xt.value[o] || ee[o] || ee[o % ee.length];
+      const a = Gt(t.color) || xt.value[o] || ee[o] || ee[o % ee.length];
       return {
         ...t,
         series: t.series.map((s) => ({
@@ -290,7 +290,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     )), C = p(() => h.value.width / Be.value), ue = p(() => S.value.filter((t) => !_.value.includes(t.id))), f = p(() => {
       let t = [];
       for (let o = 0; o < Be.value; o += 1) {
-        const a = Math.min(...ue.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), s = Math.max(...ue.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), l = s === a ? a / 4 : a, r = s === a ? s * 2 : s, i = Gt(l, r, e.value.style.chart.yAxis.scaleTicks), T = i.ticks.map((x, k) => {
+        const a = Math.min(...ue.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), s = Math.max(...ue.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), l = s === a ? a / 4 : a, r = s === a ? s * 2 : s, i = jt(l, r, e.value.style.chart.yAxis.scaleTicks), T = i.ticks.map((x, k) => {
           const Nt = i.min < 0 ? x + Math.abs(i.min) : x - Math.abs(i.min), It = i.min < 0 ? i.max + Math.abs(i.min) : i.max - Math.abs(i.min);
           return {
             y: h.value.bottom - h.value.height * (Nt / It),
@@ -353,7 +353,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     function q({ shape: t, serie: o, S: a }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...o, shape: t }, seriesIndex: a }), w.value = null, ve.value = null;
     }
-    function J({ shape: t, serieName: o, serie: a, relativeIndex: s, seriesIndex: l, S: r }) {
+    function Q({ shape: t, serieName: o, serie: a, relativeIndex: s, seriesIndex: l, S: r }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: r }), ce.value = { serie: a, relativeIndex: s, seriesIndex: l, series: S.value, scales: f.value }, ve.value = !0, w.value = a.id;
       let i = "";
       const T = e.value.style.chart.tooltip.customFormat;
@@ -418,15 +418,15 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
       body: H.value.body
     });
     function he(t = null) {
-      const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = He.value.head, s = He.value.body, l = o.concat([a]).concat(s), r = Qt(l);
+      const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = He.value.head, s = He.value.body, l = o.concat([a]).concat(s), r = Kt(l);
       t ? t(r) : Zt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
     }
-    const Ue = it;
-    function K({ serie: t, shape: o, S: a }) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, shape: o }, seriesIndex: a }), Ue("selectDatapoint", t);
+    const We = it;
+    function J({ serie: t, shape: o, S: a }) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, shape: o }, seriesIndex: a }), We("selectDatapoint", t);
     }
-    function We(t) {
-      Ue("selectLegend", {
+    function Ue(t) {
+      We("selectLegend", {
         ...t,
         isSegregated: !t.isSegregated,
         opacity: t.isSegregated ? 1 : 0.5
@@ -435,15 +435,15 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     function Ve() {
       m.value.showTable = !m.value.showTable;
     }
-    function je() {
+    function Ge() {
       m.value.dataLabels.show = !m.value.dataLabels.show;
     }
-    function Ge() {
+    function je() {
       m.value.showTooltip = !m.value.showTooltip;
     }
-    const Q = d(!1);
+    const K = d(!1);
     function pe() {
-      Q.value = !Q.value;
+      K.value = !K.value;
     }
     async function Ct({ scale: t = 2 } = {}) {
       if (!z.value) return;
@@ -471,7 +471,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
       targetClass: ".vue-ui-parallel-coordinate-plot-x-label",
       rotation: e.value.style.chart.yAxis.labels.axisNamesAutoRotate.angle
     });
-    const G = p(() => {
+    const j = p(() => {
       const t = e.value.table.useDialog && !e.value.table.show, o = m.value.showTable;
       return {
         component: t ? mt : ct,
@@ -529,8 +529,8 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
       generateImage: Se,
       generateSvg: Ye,
       toggleTable: Ve,
-      toggleLabels: je,
-      toggleTooltip: Ge,
+      toggleLabels: Ge,
+      toggleTooltip: je,
       toggleAnnotator: pe,
       toggleFullscreen: Te
     }), (t, o) => (n(), u("div", {
@@ -547,7 +547,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
         svgRef: v(ne),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: Q.value,
+        active: K.value,
         onClose: pe
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
       bt.value ? (n(), u("div", {
@@ -603,7 +603,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
         chartElement: z.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Q.value,
+        isAnnotation: K.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -613,17 +613,17 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
         onGenerateImage: v(Se),
         onGenerateSvg: Ye,
         onToggleTable: Ve,
-        onToggleLabels: je,
-        onToggleTooltip: Ge,
+        onToggleLabels: Ge,
+        onToggleTooltip: je,
         onToggleAnnotator: pe,
         style: F({
           visibility: v(_e) ? v(se) ? "visible" : "hidden" : "visible"
         })
-      }, Je({ _: 2 }, [
+      }, Qe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: b(({ isOpen: a, color: s }) => [
-            g(t.$slots, "menuIcon", U(W({ isOpen: a, color: s })), void 0, !0)
+            g(t.$slots, "menuIcon", W(U({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -665,14 +665,14 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: b(({ toggleFullscreen: a, isFullscreen: s }) => [
-            g(t.$slots, "optionFullscreen", U(W({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+            g(t.$slots, "optionFullscreen", W(U({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: b(({ toggleAnnotator: a, isAnnotator: s }) => [
-            g(t.$slots, "optionAnnotator", U(W({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+            g(t.$slots, "optionAnnotator", W(U({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -680,7 +680,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
       (n(), u("svg", {
         ref_key: "svgRef",
         ref: ne,
-        xmlns: v(Jt),
+        xmlns: v(Qt),
         class: X({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
         viewBox: `0 0 ${h.value.chartWidth <= 0 ? 10 : h.value.chartWidth} ${h.value.chartHeight <= 0 ? 10 : h.value.chartHeight}`,
         style: F(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
@@ -744,8 +744,8 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
               "font-size": c.value.axisNameFontSize,
               "font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
               "text-anchor": e.value.style.chart.yAxis.labels.axisNamesRotation === 0 ? "middle" : e.value.style.chart.yAxis.labels.axisNamesRotation < 0 ? "start" : "end",
-              transform: `translate(${h.value.left + C.value * s + C.value / 2}, ${j.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`,
-              innerHTML: v(Kt)({
+              transform: `translate(${h.value.left + C.value * s + C.value / 2}, ${G.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`,
+              innerHTML: v(Jt)({
                 content: String(a.name),
                 fontSize: c.value.axisNameFontSize,
                 fill: e.value.style.chart.yAxis.labels.axisNamesColor,
@@ -759,7 +759,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
               "font-size": c.value.axisNameFontSize,
               "font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
               "text-anchor": e.value.style.chart.yAxis.labels.axisNamesRotation === 0 ? "middle" : e.value.style.chart.yAxis.labels.axisNamesRotation < 0 ? "start" : "end",
-              transform: `translate(${h.value.left + C.value * s + C.value / 2}, ${j.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`
+              transform: `translate(${h.value.left + C.value * s + C.value / 2}, ${G.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`
             }, B(a.name), 9, $a))
           ], 64))), 256))
         ], 512)) : y("", !0),
@@ -773,7 +773,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
                 radius: a.shape === "triangle" ? c.value.plotSize * 1.2 : c.value.plotSize,
                 stroke: e.value.style.chart.backgroundColor,
                 strokeWidth: 0.5,
-                onMouseenter: (x) => J({
+                onMouseenter: (x) => Q({
                   shape: a.shape,
                   serieName: a.name,
                   serie: l,
@@ -783,7 +783,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
                 }),
                 onMouseleave: (x) => q({ serie: l, shape: a.shape, S: s }),
                 style: F(`opacity:${w.value ? w.value === l.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
-                onClick: () => K({ serie: l, shape: a.shape, S: s })
+                onClick: () => J({ serie: l, shape: a.shape, S: s })
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "onMouseleave", "style", "onClick"]))), 256)),
               m.value.showTooltip ? y("", !0) : (n(), u(A, { key: 0 }, [
                 w.value && w.value === l.id && l.datapoints.length ? (n(), u("text", {
@@ -821,7 +821,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
               "font-weight": e.value.style.chart.yAxis.labels.datapoints.bold ? "bold" : "normal",
               class: X({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !v(R) }),
               "font-size": c.value.datapointFontSize,
-              onMouseenter: (x) => J({
+              onMouseenter: (x) => Q({
                 shape: a.shape,
                 serieName: a.name,
                 serie: l,
@@ -830,7 +830,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
                 S: s
               }),
               onMouseleave: (x) => q({ serie: l, shape: a.shape, S: s }),
-              onClick: () => K({ serie: l, shape: a.shape, S: s }),
+              onClick: () => J({ serie: l, shape: a.shape, S: s }),
               style: F(`opacity:${w.value ? w.value === l.id ? 1 : 0.2 : 1}`)
             }, B(Ee({ value: i.value, index: T, datapoint: i })), 47, Na))), 256)) : y("", !0),
             N("path", {
@@ -839,7 +839,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
               "stroke-width": e.value.style.chart.lines.strokeWidth,
               fill: "none",
               class: X({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !v(R) }),
-              onMouseenter: (i) => J({
+              onMouseenter: (i) => Q({
                 shape: a.shape,
                 serieName: a.name,
                 serie: l,
@@ -848,7 +848,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
                 S: s
               }),
               onMouseleave: (i) => q({ serie: l, shape: a.shape, S: s }),
-              onClick: () => K({ serie: l, shape: a.shape, S: s }),
+              onClick: () => J({ serie: l, shape: a.shape, S: s }),
               style: F(`opacity:${w.value ? w.value === l.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${l.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? l.pathLength : 0}`)
             }, null, 46, Ia),
             m.value.showTooltip ? (n(), u("path", {
@@ -858,7 +858,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
               "stroke-width": 12,
               fill: "none",
               class: X({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !v(R) }),
-              onMouseenter: (i) => J({
+              onMouseenter: (i) => Q({
                 shape: a.shape,
                 serieName: a.name,
                 serie: l,
@@ -867,7 +867,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
                 S: s
               }),
               onMouseleave: (i) => q({ serie: l, shape: a.shape, S: s }),
-              onClick: () => K({ serie: l, shape: a.shape, S: s }),
+              onClick: () => J({ serie: l, shape: a.shape, S: s }),
               style: { opacity: "0" }
             }, null, 42, La)) : y("", !0)
           ]))), 256))
@@ -875,7 +875,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
         g(t.$slots, "svg", { svg: h.value }, void 0, !0)
       ], 14, ba)),
       t.$slots.watermark ? (n(), u("div", Sa, [
-        g(t.$slots, "watermark", U(W({ isPrinting: v(Ne) || v(Ie) })), void 0, !0)
+        g(t.$slots, "watermark", W(U({ isPrinting: v(Ne) || v(Ie) })), void 0, !0)
       ])) : y("", !0),
       N("div", {
         id: `legend-bottom-${O.value}`
@@ -893,13 +893,13 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
             legendSet: Re.value,
             config: kt.value,
             onClickMarker: o[0] || (o[0] = ({ legend: a }) => {
-              De(a.id), We(a);
+              De(a.id), Ue(a);
             })
           }, {
             item: b(({ legend: a, index: s }) => [
               N("div", {
                 onClick: (l) => {
-                  a.segregate(), We(a);
+                  a.segregate(), Ue(a);
                 },
                 style: F(`opacity:${_.value.includes(a.id) ? 0.5 : 1}`)
               }, B(a.name), 13, Oa)
@@ -940,18 +940,18 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": b(() => [
-          g(t.$slots, "tooltip-before", U(W({ ...ce.value })), void 0, !0)
+          g(t.$slots, "tooltip-before", W(U({ ...ce.value })), void 0, !0)
         ]),
         "tooltip-after": b(() => [
-          g(t.$slots, "tooltip-after", U(W({ ...ce.value })), void 0, !0)
+          g(t.$slots, "tooltip-after", W(U({ ...ce.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Y.value && e.value.userOptions.buttons.table ? (n(), M(Rt(G.value.component), Bt({ key: 7 }, G.value.props, {
+      Y.value && e.value.userOptions.buttons.table ? (n(), M(Rt(j.value.component), Bt({ key: 7 }, j.value.props, {
         ref_key: "tableUnit",
         ref: V,
         onClose: Xe
-      }), Je({
+      }), Qe({
         content: b(() => [
           (n(), M(v(vt), {
             key: `table_${Ae.value}`,
@@ -959,7 +959,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
             head: H.value.head,
             body: H.value.body,
             config: H.value.config,
-            title: e.value.table.useDialog ? "" : G.value.title,
+            title: e.value.table.useDialog ? "" : j.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Xe
           }, {
@@ -967,7 +967,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
               N("div", { innerHTML: a }, null, 8, Da)
             ]),
             td: b(({ td: a }) => [
-              Ke(B(a), 1)
+              Je(B(a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -977,7 +977,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
         e.value.table.useDialog ? {
           name: "title",
           fn: b(() => [
-            Ke(B(G.value.title), 1)
+            Je(B(j.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -991,7 +991,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
             }, [
               me(v(rt), {
                 name: "excel",
-                stroke: G.value.props.color
+                stroke: j.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),

package/dist/{vue-ui-quadrant-pw2ALj7p.js → vue-ui-quadrant-BVffm_0o.js}

@@ -1,16 +1,16 @@
 import { defineAsyncComponent as F, computed as f, ref as y, toRefs as Xt, watch as xe, shallowRef as lt, onMounted as Yt, onBeforeUnmount as Mt, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as C, normalizeClass as z, createBlock as X, createCommentVNode as h, createElementVNode as d, createVNode as se, createSlots as at, withCtx as m, renderSlot as $, normalizeProps as U, guardReactiveProps as G, Fragment as q, renderList as Y, toDisplayString as k, Teleport as Ot, resolveDynamicComponent as Nt, mergeProps as Bt, createTextVNode as ot, nextTick as ut } from "vue";
-import { c as st, t as Ft, b as Rt, p as $e, o as Pt, f as Q, e as Vt, h as Dt, W as Ht, a as R, d as P, X as It, s as re, i as Et, Y as Ut, L as Gt, E as Qt, x as Jt, y as jt, z as Zt, A as Kt } from "./lib-CSDxt1Zh.js";
+import { c as st, t as Ft, b as Rt, p as $e, o as Pt, f as Q, e as Vt, h as Dt, aa as Ht, a as R, d as P, X as It, s as re, i as Et, ab as Ut, M as Gt, J as Qt, P as Jt, Q as jt, G as Zt, H as Kt } from "./lib-BcBZIm6u.js";
 import { t as el, u as tl } from "./useResponsive-DfdjqQps.js";
-import { u as ll, a as rt } from "./useNestedProp-Dh-ldrr5.js";
-import { u as al } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as ll, a as rt } from "./useNestedProp-B7CiTRDS.js";
+import { u as al } from "./usePrinter-C1GiglOH.js";
 import { u as ol } from "./useSvgExport-DrjCWun4.js";
 import { u as ul } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as sl } from "./useChartAccessibility-9icAAmYg.js";
-import rl from "./img-DI-W68vp.js";
-import nl from "./Title-B6rAo9Oz.js";
-import { _ as nt } from "./Shape-BS9UGhNq.js";
+import rl from "./img-CFY3JivG.js";
+import nl from "./Title-CFmv95In.js";
+import { _ as nt } from "./Shape-BhNvlGIN.js";
 import { t as il } from "./themes-Dw-dDudK.js";
-import vl from "./Legend-CCBZ2x8T.js";
+import vl from "./Legend-C8u37J42.js";
 import { u as cl, B as dl } from "./BaseScanner-BgWxam9d.js";
 import { _ as hl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const yl = ["id"], bl = ["id"], fl = ["xmlns", "viewBox", "id"], pl = ["x", "y", "width", "height"], gl = ["id"], ml = ["stop-color"], xl = ["stop-color"], $l = { key: 1 }, kl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], Ll = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], wl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], _l = { key: 2 }, Cl = ["points", "fill"], Sl = ["points", "fill"], ql = ["points", "fill"], Tl = ["points", "fill"], zl = { key: 3 }, Al = ["y", "fill", "font-size"], Wl = ["x", "y", "fill", "font-size"], Xl = ["x", "y", "fill", "font-size"], Yl = ["y", "fill", "font-size"], Ml = { key: 4 }, Ol = ["x", "y", "font-size", "fill"], Nl = ["x", "y", "font-size", "fill"], Bl = ["x", "y", "font-size", "fill"], Fl = ["id", "font-size", "transform", "fill"], Rl = ["id", "font-size", "transform", "fill"], Pl = ["id", "font-size", "transform", "fill"], Vl = { key: 5 }, Dl = ["fill", "points"], Hl = ["x", "y", "width", "height"], Il = ["x", "y", "width", "height"], El = ["x", "y", "width", "height"], Ul = ["x", "y", "width", "height"], Gl = {
@@ -45,7 +45,7 @@ const yl = ["id"], bl = ["id"], fl = ["xmlns", "viewBox", "id"], pl = ["x", "y",
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(it, { expose: vt, emit: ct }) {
-    const dt = F(() => import("./Tooltip-DaInVNiV.js")), ht = F(() => import("./BaseIcon-DG6cvf2h.js")), yt = F(() => import("./vue-ui-accordion-CaClZrCp.js")), bt = F(() => import("./DataTable-DUpZ_s2c.js")), ft = F(() => import("./PenAndPaper-D9LruJaM.js")), pt = F(() => import("./UserOptions-CJXSEhan.js")), gt = F(() => import("./PackageVersion-CQvYRebC.js")), mt = F(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_quadrant: xt } = ll(), M = it, ke = f(() => !!M.dataset && M.dataset.length), w = y(st()), ne = ct, ie = y(!1), ve = y(""), Le = y(0), g = y(!1), A = y(null), we = y(null), _e = y(null), Ce = y(null), Se = y(null), qe = y(0), Te = y(0), ze = y(0), Ae = y(!1), J = y(null), ce = y(null), e = y(ye()), { loading: We, FINAL_DATASET: Xe } = cl({
+    const dt = F(() => import("./Tooltip-Cs4v8OnI.js")), ht = F(() => import("./BaseIcon-B5KaGWWC.js")), yt = F(() => import("./vue-ui-accordion-BKkTS12x.js")), bt = F(() => import("./DataTable-DOx3zgih.js")), ft = F(() => import("./PenAndPaper-Dj2diYr0.js")), pt = F(() => import("./UserOptions-C0YT60JN.js")), gt = F(() => import("./PackageVersion-DyDViSOy.js")), mt = F(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_quadrant: xt } = ll(), M = it, ke = f(() => !!M.dataset && M.dataset.length), w = y(st()), ne = ct, ie = y(!1), ve = y(""), Le = y(0), g = y(!1), A = y(null), we = y(null), _e = y(null), Ce = y(null), Se = y(null), qe = y(0), Te = y(0), ze = y(0), Ae = y(!1), J = y(null), ce = y(null), e = y(ye()), { loading: We, FINAL_DATASET: Xe } = cl({
       ...Xt(M),
       FINAL_CONFIG: e,
       prepareConfig: ye,