vue-data-ui 3.3.2 → 3.4.0

package/dist/{vue-ui-parallel-coordinate-plot-budrvcwU.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, 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 Ot, resolveDynamicComponent as Dt, mergeProps as Rt, createTextVNode as Ke, nextTick as Bt } from "vue";
-import { c as ye, t as Et, b as Ht, p as ee, o as Qe, f as Ze, g as Ut, e as Wt, h as Vt, C as jt, T as Gt, U as Xt, V as Yt, X as qt, L as Jt, z as et, D as te, x as Kt, y as Qt, a as tt, d as at, A as Zt } from "./lib-CEjkWSLj.js";
-import { t as lt, u as ea } from "./useResponsive-DfdjqQps.js";
-import { u as ta, a as ot } from "./useNestedProp-Ce3PwN8T.js";
-import { u as aa } from "./usePrinter-DJ1iH-F_.js";
-import { u as la, B as oa } from "./BaseScanner-BgWxam9d.js";
-import { u as sa } from "./useSvgExport-DrjCWun4.js";
-import { u as na } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ia } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ua, a as ra } from "./useResizeObserverEffect-DfnWps4W.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-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-Camz1Lce.js";
-import da from "./Legend-By4rru90.js";
-import { _ as ha } from "./Shape-BceHSLHf.js";
-import pa from "./img-J2dLIr8Y.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-VOcQEHa4.js")), rt = P(() => import("./BaseIcon-eZbszQrv.js")), ct = P(() => import("./vue-ui-accordion-VTP418mC.js")), vt = P(() => import("./DataTable-yAMEyP6y.js")), dt = P(() => import("./PenAndPaper-Bo-lMUik.js")), ht = P(() => import("./UserOptions-CSja1SGU.js")), pt = P(() => import("./PackageVersion-r-Q1R3nV.js")), mt = P(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_parallel_coordinate_plot: yt } = ta(), $ = 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;
       },
@@ -46,13 +46,13 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     function Te(t) {
       D.value = t, fe.value += 1;
     }
-    const e = d(ie()), { loading: R, FINAL_DATASET: ft, manualLoading: oe } = la({
+    const e = d(ie()), { loading: R, FINAL_DATASET: ft, manualLoading: oe } = oa({
       ...Lt($),
       FINAL_CONFIG: e,
       prepareConfig: ie,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Bt(), m.value.showTable = e.value.table.show;
+          await Et(), m.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: [
@@ -90,7 +90,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
           ]
         }
       ],
-      skeletonConfig: Et({
+      skeletonConfig: Ht({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -117,7 +117,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: se, setUserOptionsVisibility: ze, keepUserOptionState: _e } = na({ config: e.value }), { svgRef: ne } = ia({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: se, setUserOptionsVisibility: ze, keepUserOptionState: _e } = ia({ config: e.value }), { svgRef: ne } = ua({ config: e.value.style.chart.title });
     function ie() {
       const t = ot({
         userConfig: $.config,
@@ -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: Ht[t.theme] || ee
+        customPalette: Wt[t.theme] || ee
       } : t;
     }
     Z(() => $.config, (t) => {
@@ -142,7 +142,7 @@ 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
@@ -159,9 +159,9 @@ 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 } = ea({
+          const { width: o, height: a } = ta({
             chart: z.value,
             title: e.value.style.chart.title.text ? be.value : null,
             legend: e.value.style.chart.legend.show ? ge.value : null,
@@ -202,7 +202,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     Pt(() => {
       L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect());
     });
-    const { isPrinting: Ne, isImaging: Ie, generatePdf: Le, generateImage: Se } = aa({
+    const { isPrinting: Ne, isImaging: Ie, generatePdf: Le, generateImage: Se } = la({
       elementId: `pcp_${O.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot",
       options: e.value.userOptions.print
@@ -215,23 +215,30 @@ 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);
-    ua({ elementRef: le, callback: gt, attr: "height" });
+    Ot((t) => {
+      const o = le.value;
+      if (!o) return;
+      const a = new ResizeObserver((s) => {
+        gt(s[0].contentRect.height);
+      });
+      a.observe(o), t(() => a.disconnect());
+    });
     const h = p(() => {
       const { top: t, right: o, bottom: a, left: s } = e.value.style.chart.padding, l = Oe.value, r = Pe.value;
       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
       };
-    }), xt = p(() => Wt(e.value.customPalette)), m = d({
+    }), xt = p(() => Vt(e.value.customPalette)), m = d({
       dataLabels: {
         show: e.value.style.chart.yAxis.labels.datapoints.show
       },
@@ -252,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 = Vt(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) => ({
@@ -320,7 +327,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     })).map((t) => ({
       ...t,
       series: t.series.map((o) => {
-        const a = Gt(o.datapoints), s = Xt(o.datapoints), l = Yt(e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`);
+        const a = Xt(o.datapoints), s = Yt(o.datapoints), l = qt(e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`);
         return {
           ...o,
           smoothPath: s,
@@ -346,11 +353,11 @@ 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;
-      et(T) && Zt(() => T({
+      et(T) && ea(() => T({
         serie: a,
         seriesIndex: a.seriesIndex,
         series: S.value,
@@ -412,14 +419,14 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     });
     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 = Kt(l);
-      t ? t(r) : Qt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
+      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
@@ -428,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;
@@ -464,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,
@@ -500,7 +507,7 @@ const ya = ["id"], fa = ["id"], ba = ["xmlns", "viewBox"], ga = ["x", "y", "widt
     function Xe() {
       m.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
     }
-    const Tt = p(() => e.value.style.chart.backgroundColor), zt = p(() => e.value.style.chart.legend), _t = p(() => e.value.style.chart.title), { exportSvg: Ft, getSvg: Mt } = sa({
+    const Tt = p(() => e.value.style.chart.backgroundColor), zt = p(() => e.value.style.chart.legend), _t = p(() => e.value.style.chart.title), { exportSvg: Ft, getSvg: Mt } = na({
       svg: ne,
       title: _t,
       legend: zt,
@@ -522,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", {
@@ -540,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", {
@@ -596,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,
@@ -606,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,
@@ -658,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
@@ -673,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(qt),
+        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}`)
@@ -737,7 +744,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})`,
               innerHTML: v(Jt)({
                 content: String(a.name),
                 fontSize: c.value.axisNameFontSize,
@@ -752,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),
@@ -766,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,
@@ -776,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", {
@@ -814,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,
@@ -823,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", {
@@ -832,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,
@@ -841,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", {
@@ -851,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,
@@ -860,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))
@@ -868,12 +875,12 @@ 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}`
       }, null, 8, Pa),
-      $e.value ? (n(), M(Ot, {
+      $e.value ? (n(), M(Dt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${O.value}` : `#legend-bottom-${O.value}`
       }, [
@@ -886,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)
@@ -933,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(Dt(G.value.component), Rt({ 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}`,
@@ -952,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
           }, {
@@ -960,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"]))
@@ -970,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,
@@ -984,17 +991,17 @@ 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"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      v(R) ? (n(), M(oa, { key: 8 })) : y("", !0)
+      v(R) ? (n(), M(sa, { key: 8 })) : y("", !0)
     ], 46, ya));
   }
-}, tl = /* @__PURE__ */ ma(Ra, [["__scopeId", "data-v-57209d10"]]);
+}, tl = /* @__PURE__ */ ma(Ra, [["__scopeId", "data-v-3420293f"]]);
 export {
   tl as default
 };

package/dist/{vue-ui-quadrant-PpymeiXe.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-CEjkWSLj.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-Ce3PwN8T.js";
-import { u as al } from "./usePrinter-DJ1iH-F_.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-J2dLIr8Y.js";
-import nl from "./Title-Camz1Lce.js";
-import { _ as nt } from "./Shape-BceHSLHf.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-By4rru90.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-VOcQEHa4.js")), ht = F(() => import("./BaseIcon-eZbszQrv.js")), yt = F(() => import("./vue-ui-accordion-VTP418mC.js")), bt = F(() => import("./DataTable-yAMEyP6y.js")), ft = F(() => import("./PenAndPaper-Bo-lMUik.js")), pt = F(() => import("./UserOptions-CSja1SGU.js")), gt = F(() => import("./PackageVersion-r-Q1R3nV.js")), mt = F(() => import("./BaseDraggableDialog-CVGErydD.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,