vue-data-ui 3.1.18 → 3.1.19-next.1

package/dist/{vue-ui-parallel-coordinate-plot-Wc0TbyJH.js → vue-ui-parallel-coordinate-plot-Cpzi3BO0.js}

@@ -1,21 +1,22 @@
-import { defineAsyncComponent as O, computed as y, ref as d, toRefs as zt, watch as Z, shallowRef as Xe, onMounted as _t, onBeforeUnmount as Ft, watchEffect as Mt, createElementBlock as u, openBlock as n, unref as v, normalizeStyle as F, normalizeClass as X, createBlock as M, createCommentVNode as m, createElementVNode as N, createVNode as pe, createSlots as Ye, withCtx as b, renderSlot as g, normalizeProps as W, guardReactiveProps as U, Fragment as A, renderList as I, toDisplayString as B, Teleport as Nt, resolveDynamicComponent as It, mergeProps as Lt, createTextVNode as qe, nextTick as Pt } from "vue";
-import { u as Ot, c as me, t as St, a as Dt, p as ee, b as Rt, o as Je, f as Ke, g as Bt, d as Et, e as Ht, D as Wt, U as Ut, V as Vt, W as jt, X as Gt, I as Xt, y as Qe, E as te, v as Yt, w as qt, k as Ze, i as et, z as Jt } from "./index-smzxfsyV.js";
-import { t as tt, u as Kt } from "./useResponsive-DfdjqQps.js";
-import { u as Qt } from "./usePrinter-nFj0xF0a.js";
-import { u as Zt, B as ea } from "./BaseScanner-BgWxam9d.js";
-import { u as at } from "./useNestedProp-DeKmJzsE.js";
-import { u as ta } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as aa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as la } from "./useTimeLabelCollider-CIsgDrl9.js";
-import oa from "./Title-B_WMW2Bp.js";
-import sa from "./Legend-h35dp0Qf.js";
-import { _ as na } from "./Shape-sVxD_SDm.js";
-import ia from "./img-BArHHegM.js";
+import { defineAsyncComponent as O, computed as y, ref as d, toRefs as zt, watch as Z, shallowRef as Xe, onMounted as Ft, onBeforeUnmount as _t, watchEffect as Mt, createElementBlock as u, openBlock as n, unref as v, normalizeStyle as _, normalizeClass as X, createBlock as M, createCommentVNode as m, createElementVNode as N, createVNode as pe, createSlots as Ye, withCtx as b, renderSlot as g, normalizeProps as W, guardReactiveProps as U, Fragment as A, renderList as I, toDisplayString as B, Teleport as Nt, resolveDynamicComponent as It, mergeProps as Lt, createTextVNode as qe, nextTick as Pt } from "vue";
+import { c as me, t as Ot, b as St, p as ee, o as Je, f as Ke, g as Dt, e as Rt, h as Bt, E as Et, V as Ht, W as Wt, Y as Ut, X as Vt, N as jt, z as Qe, F as te, x as Gt, y as Xt, a as Ze, d as et, A as Yt } from "./lib-p5pfHmOX.js";
+import { t as tt, u as qt } from "./useResponsive-DfdjqQps.js";
+import { u as Jt, a as at } from "./useNestedProp-DF7e2h1z.js";
+import { u as Kt } from "./usePrinter-Yeu5jOfm.js";
+import { u as Qt, B as Zt } from "./BaseScanner-BgWxam9d.js";
+import { u as ea } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ta } from "./useChartAccessibility-9icAAmYg.js";
+import { u as aa } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { t as la } from "./themes-D3cUNuKw.js";
+import oa from "./Title-pI68ZJsq.js";
+import sa from "./Legend-_Rv594VS.js";
+import { _ as na } from "./Shape-BDy56-wS.js";
+import ia from "./img-CH7J0fYg.js";
 import { _ as ua } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "width", "height"], ha = { style: { "pointer-events": "none" } }, pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ya = { key: 0 }, fa = ["x", "y", "fill", "font-size", "font-weight"], ba = ["fill", "font-size", "font-weight", "text-anchor", "transform"], ga = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], xa = { key: 0 }, ka = ["x", "y", "font-size", "fill"], wa = ["width", "x", "y"], Ca = { style: { width: "100%" } }, Aa = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], $a = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ta = ["d", "onMouseenter", "onMouseleave", "onClick"], za = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, _a = ["id"], Fa = ["onClick"], Ma = ["innerHTML"], Na = {
+}, Fa = ["id"], _a = ["onClick"], Ma = ["innerHTML"], Na = {
   __name: "vue-ui-parallel-coordinate-plot",
   props: {
     config: {
@@ -33,7 +34,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(lt, { expose: ot, emit: st }) {
-    const nt = O(() => import("./Tooltip-Db9jy0Iu.js")), it = O(() => import("./BaseIcon-BPiT94Lb.js")), ut = O(() => import("./vue-ui-accordion-7cfJUVx5.js")), rt = O(() => import("./DataTable-CywujQw9.js")), ct = O(() => import("./PenAndPaper-Deh70G9d.js")), vt = O(() => import("./UserOptions-CtECQwBN.js")), dt = O(() => import("./PackageVersion-BzGzkGiC.js")), ht = O(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_parallel_coordinate_plot: pt } = Ot(), $ = lt, Y = y({
+    const nt = O(() => import("./Tooltip-Clf2K3CF.js")), it = O(() => import("./BaseIcon-D2f9w5Z5.js")), ut = O(() => import("./vue-ui-accordion-D-L73-T2.js")), rt = O(() => import("./DataTable-xISHA7Pu.js")), ct = O(() => import("./PenAndPaper-CtDMyIvW.js")), vt = O(() => import("./UserOptions-Bn3u4JQu.js")), dt = O(() => import("./PackageVersion-B6W-zkH-.js")), ht = O(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_parallel_coordinate_plot: pt } = Jt(), $ = lt, Y = y({
       get() {
         return !!$.dataset && $.dataset.length;
       },
@@ -44,7 +45,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
     function $e(t) {
       D.value = t, ye.value += 1;
     }
-    const e = d(ne()), { loading: R, FINAL_DATASET: mt, manualLoading: oe } = Zt({
+    const e = d(ne()), { loading: R, FINAL_DATASET: mt, manualLoading: oe } = Qt({
       ...zt($),
       FINAL_CONFIG: e,
       prepareConfig: ne,
@@ -88,7 +89,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
           ]
         }
       ],
-      skeletonConfig: St({
+      skeletonConfig: Ot({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -115,7 +116,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: se, setUserOptionsVisibility: Te, keepUserOptionState: ze } = ta({ config: e.value }), { svgRef: _e } = aa({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: se, setUserOptionsVisibility: Te, keepUserOptionState: ze } = ea({ config: e.value }), { svgRef: Fe } = ta({ config: e.value.style.chart.title });
     function ne() {
       const t = at({
         userConfig: $.config,
@@ -123,10 +124,10 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       });
       return t.theme ? {
         ...at({
-          userConfig: Rt.vue_ui_parallel_coordinate_plot[t.theme] || $.config,
+          userConfig: la.vue_ui_parallel_coordinate_plot[t.theme] || $.config,
           defaultConfig: t
         }),
-        customPalette: Dt[t.theme] || ee
+        customPalette: St[t.theme] || ee
       } : t;
     }
     Z(() => $.config, (t) => {
@@ -135,17 +136,17 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       Array.isArray(t) && t.length > 0 && (oe.value = !1);
     }, { deep: !0 });
     const L = Xe(null), E = Xe(null);
-    _t(() => {
+    Ft(() => {
       Ae.value = !0, Me();
     });
-    const Fe = y(() => !!e.value.debug);
+    const _e = y(() => !!e.value.debug);
     function Me() {
       if (Je($.dataset) ? (Ke({
         componentName: "VueUiParallelCoordinatePlot",
         type: "dataset",
-        debug: Fe.value
+        debug: _e.value
       }), oe.value = !0) : $.dataset.forEach((t, o) => {
-        Bt({
+        Dt({
           datasetObject: t,
           requiredAttributes: ["name", "series"]
         }).forEach((a) => {
@@ -154,12 +155,12 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
             type: "datasetSerieAttribute",
             property: a,
             index: o,
-            debug: Fe.value
+            debug: _e.value
           });
         });
       }), Je($.dataset) || (oe.value = e.value.loading), e.value.responsive) {
         const t = tt(() => {
-          const { width: o, height: a } = Kt({
+          const { width: o, height: a } = qt({
             chart: z.value,
             title: e.value.style.chart.title.text ? fe.value : null,
             legend: e.value.style.chart.legend.show ? be.value : null,
@@ -197,10 +198,10 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect()), L.value = new ResizeObserver(t), E.value = z.value.parentNode, L.value.observe(E.value);
       }
     }
-    Ft(() => {
+    _t(() => {
       L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect());
     });
-    const { isPrinting: Ne, isImaging: Ie, generatePdf: Le, generateImage: Pe } = Qt({
+    const { isPrinting: Ne, isImaging: Ie, generatePdf: Le, generateImage: Pe } = Kt({
       elementId: `pcp_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot",
       options: e.value.userOptions.print
@@ -236,7 +237,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         right: r - o,
         bottom: l - a - c.value.datapointFontSize
       };
-    }), bt = y(() => Et(e.value.customPalette)), p = d({
+    }), bt = y(() => Rt(e.value.customPalette)), p = d({
       dataLabels: {
         show: e.value.style.chart.yAxis.labels.datapoints.show
       },
@@ -252,12 +253,12 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const _ = d([]);
+    const F = d([]);
     function De(t) {
-      _.value.includes(t) ? _.value = _.value.filter((o) => o !== t) : _.value.push(t);
+      F.value.includes(t) ? F.value = F.value.filter((o) => o !== t) : F.value.push(t);
     }
     const P = y(() => mt.value.map((t, o) => {
-      const a = Ht(t.color) || bt.value[o] || ee[o] || ee[o % ee.length];
+      const a = Bt(t.color) || bt.value[o] || ee[o] || ee[o % ee.length];
       return {
         ...t,
         series: t.series.map((s) => ({
@@ -272,9 +273,9 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       };
     })), gt = y(() => P.value.map((t) => ({
       ...t,
-      opacity: _.value.includes(t.id) ? 0.5 : 1,
+      opacity: F.value.includes(t.id) ? 0.5 : 1,
       segregate: () => De(t.id),
-      isSegregated: _.value.includes(t.id)
+      isSegregated: F.value.includes(t.id)
     }))), xt = y(() => ({
       cy: "pcp-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
@@ -283,11 +284,11 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), Re = y(() => Math.max(
-      ...P.value.filter((t) => !_.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((o) => o.values.length)))
-    )), C = y(() => h.value.width / Re.value), ie = y(() => P.value.filter((t) => !_.value.includes(t.id))), f = y(() => {
+      ...P.value.filter((t) => !F.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((o) => o.values.length)))
+    )), C = y(() => h.value.width / Re.value), ie = y(() => P.value.filter((t) => !F.value.includes(t.id))), f = y(() => {
       let t = [];
       for (let o = 0; o < Re.value; o += 1) {
-        const a = Math.min(...ie.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), s = Math.max(...ie.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 = Wt(l, r, e.value.style.chart.yAxis.scaleTicks), T = i.ticks.map((x, k) => {
+        const a = Math.min(...ie.value.flatMap((x) => x.series.map((k) => k.values[o] || 0) || 0)), s = Math.max(...ie.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 = Et(l, r, e.value.style.chart.yAxis.scaleTicks), T = i.ticks.map((x, k) => {
           const $t = i.min < 0 ? x + Math.abs(i.min) : x - Math.abs(i.min), Tt = i.min < 0 ? i.max + Math.abs(i.min) : i.max - Math.abs(i.min);
           return {
             y: h.value.bottom - h.value.height * ($t / Tt),
@@ -324,7 +325,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
     })).map((t) => ({
       ...t,
       series: t.series.map((o) => {
-        const a = Ut(o.datapoints), s = Vt(o.datapoints), l = jt(e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`);
+        const a = Ht(o.datapoints), s = Wt(o.datapoints), l = Ut(e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`);
         return {
           ...o,
           smoothPath: s,
@@ -354,7 +355,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: r }), re.value = { serie: a, relativeIndex: s, seriesIndex: l, series: P.value, scales: f.value }, ce.value = !0, w.value = a.id;
       let i = "";
       const T = e.value.style.chart.tooltip.customFormat;
-      Qe(T) && Jt(() => T({
+      Qe(T) && Yt(() => T({
         serie: a,
         seriesIndex: a.seriesIndex,
         series: P.value,
@@ -415,8 +416,8 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       body: H.value.body
     });
     function de(t = null) {
-      const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = Ee.value.head, s = Ee.value.body, l = o.concat([a]).concat(s), r = Yt(l);
-      t ? t(r) : qt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
+      const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = Ee.value.head, s = Ee.value.body, l = o.concat([a]).concat(s), r = Gt(l);
+      t ? t(r) : Xt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
     }
     const He = st;
     function K({ serie: t, shape: o, S: a }) {
@@ -455,7 +456,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       };
     }
     const Ct = d({ start: 0, end: 1 }), At = y(() => f.value.map((t) => t.name));
-    la({
+    aa({
       timeLabelsEls: le,
       timeLabels: At,
       slicer: Ct,
@@ -519,14 +520,14 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       ref_key: "pcpChart",
       ref: z,
       class: X(`vue-ui-pcp ${D.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: F(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
+      style: _(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `pcp_${S.value}`,
       onMouseenter: o[2] || (o[2] = () => v(Te)(!0)),
       onMouseleave: o[3] || (o[3] = () => v(Te)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (n(), M(v(ct), {
         key: 0,
-        svgRef: v(_e),
+        svgRef: v(Fe),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: Q.value,
@@ -596,7 +597,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         onToggleLabels: Ve,
         onToggleTooltip: je,
         onToggleAnnotator: he,
-        style: F({
+        style: _({
           visibility: v(ze) ? v(se) ? "visible" : "hidden" : "visible"
         })
       }, Ye({ _: 2 }, [
@@ -659,11 +660,11 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
       (n(), u("svg", {
         ref_key: "svgRef",
-        ref: _e,
-        xmlns: v(Gt),
+        ref: Fe,
+        xmlns: v(Vt),
         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}`)
+        style: _(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         pe(v(dt)),
         t.$slots["chart-background"] ? (n(), u("foreignObject", {
@@ -695,7 +696,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
               y2: l.y,
               stroke: e.value.style.chart.yAxis.stroke,
               "stroke-width": e.value.style.chart.yAxis.strokeWidth,
-              style: F(`opacity:${w.value && !p.value.showTooltip ? 0.2 : 1}`)
+              style: _(`opacity:${w.value && !p.value.showTooltip ? 0.2 : 1}`)
             }, null, 12, ma))), 256)),
             v(R) ? m("", !0) : (n(), u("g", ya, [
               (n(!0), u(A, null, I(a.ticks, (l) => (n(), u("text", {
@@ -705,7 +706,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
                 "text-anchor": "end",
                 "font-size": c.value.ticksFontSize,
                 "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
-                style: F(`opacity:${w.value && !p.value.showTooltip ? 0.2 : 1}`)
+                style: _(`opacity:${w.value && !p.value.showTooltip ? 0.2 : 1}`)
               }, B(Be({ value: l.value, index: s, datapoint: l })), 13, fa))), 256))
             ]))
           ], 64)) : m("", !0)
@@ -725,7 +726,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
               "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(Xt)({
+              innerHTML: v(jt)({
                 content: String(a.name),
                 fontSize: c.value.axisNameFontSize,
                 fill: e.value.style.chart.yAxis.labels.axisNamesColor,
@@ -762,7 +763,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
                   S: s
                 }),
                 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}`),
+                style: _(`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 })
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "onMouseleave", "style", "onClick"]))), 256)),
               p.value.showTooltip ? m("", !0) : (n(), u(A, { key: 0 }, [
@@ -811,7 +812,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
               }),
               onMouseleave: (x) => q({ serie: l, shape: a.shape, S: s }),
               onClick: () => K({ serie: l, shape: a.shape, S: s }),
-              style: F(`opacity:${w.value ? w.value === l.id ? 1 : 0.2 : 1}`)
+              style: _(`opacity:${w.value ? w.value === l.id ? 1 : 0.2 : 1}`)
             }, B(Be({ value: i.value, index: T, datapoint: i })), 47, Aa))), 256)) : m("", !0),
             N("path", {
               d: `M${e.value.style.chart.lines.smooth ? l.smoothPath : l.straightPath}`,
@@ -829,7 +830,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
               }),
               onMouseleave: (i) => q({ serie: l, shape: a.shape, S: s }),
               onClick: () => K({ 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}`)
+              style: _(`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, $a),
             p.value.showTooltip ? (n(), u("path", {
               key: 2,
@@ -859,7 +860,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       ])) : m("", !0),
       N("div", {
         id: `legend-bottom-${S.value}`
-      }, null, 8, _a),
+      }, null, 8, Fa),
       Ae.value ? (n(), M(Nt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${S.value}` : `#legend-bottom-${S.value}`
@@ -881,8 +882,8 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
                 onClick: (l) => {
                   a.segregate(), We(a);
                 },
-                style: F(`opacity:${_.value.includes(a.id) ? 0.5 : 1}`)
-              }, B(a.name), 13, Fa)
+                style: _(`opacity:${F.value.includes(a.id) ? 0.5 : 1}`)
+              }, B(a.name), 13, _a)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : g(t.$slots, "legend", {
@@ -978,10 +979,10 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      v(R) ? (n(), M(ea, { key: 8 })) : m("", !0)
+      v(R) ? (n(), M(Zt, { key: 8 })) : m("", !0)
     ], 46, ra));
   }
-}, Ga = /* @__PURE__ */ ua(Na, [["__scopeId", "data-v-7640ebd4"]]);
+}, Xa = /* @__PURE__ */ ua(Na, [["__scopeId", "data-v-7640ebd4"]]);
 export {
-  Ga as default
+  Xa as default
 };

package/dist/{vue-ui-pattern-DsYgSZWn.js → vue-ui-pattern-D5pNvoQp.js}

@@ -142,5 +142,5 @@ const i = ["id", "height", "width", "patternTransform"], s = ["fill"], r = ["fil
   }
 };
 export {
-  M as default
+  M as _
 };

package/dist/{vue-ui-quadrant-BC99Cua7.js → vue-ui-quadrant-CHTnDwZ7.js}

@@ -1,14 +1,15 @@
 import { defineAsyncComponent as F, computed as x, ref as y, toRefs as qt, watch as ge, shallowRef as tt, onMounted as St, onBeforeUnmount as Tt, 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 lt, withCtx as g, renderSlot as $, normalizeProps as U, guardReactiveProps as G, Fragment as S, renderList as Y, toDisplayString as k, Teleport as zt, resolveDynamicComponent as At, mergeProps as Wt, createTextVNode as at, nextTick as ot } from "vue";
-import { u as Xt, c as ut, t as Yt, a as Mt, p as me, b as Ot, o as Nt, f as Q, d as Bt, e as Ft, Y as Rt, k as R, i as P, X as Pt, s as re, x as Vt, Z as Dt, I as Ht, F as It, v as Et, w as Ut, y as Gt, z as Qt } from "./index-smzxfsyV.js";
-import { t as Jt, u as jt } from "./useResponsive-DfdjqQps.js";
-import { u as Zt } from "./usePrinter-nFj0xF0a.js";
-import { u as st } from "./useNestedProp-DeKmJzsE.js";
-import { u as Kt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as el } from "./useChartAccessibility-9icAAmYg.js";
-import tl from "./img-BArHHegM.js";
-import ll from "./Title-B_WMW2Bp.js";
-import { _ as rt } from "./Shape-sVxD_SDm.js";
-import al from "./Legend-h35dp0Qf.js";
+import { c as ut, t as Xt, b as Yt, p as me, o as Mt, f as Q, e as Ot, h as Nt, Z as Bt, a as R, d as P, X as Ft, s as re, i as Rt, _ as Pt, N as Vt, G as Dt, x as Ht, y as It, z as Et, A as Ut } from "./lib-p5pfHmOX.js";
+import { t as Gt, u as Qt } from "./useResponsive-DfdjqQps.js";
+import { u as Jt, a as st } from "./useNestedProp-DF7e2h1z.js";
+import { u as jt } from "./usePrinter-Yeu5jOfm.js";
+import { u as Zt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Kt } from "./useChartAccessibility-9icAAmYg.js";
+import el from "./img-CH7J0fYg.js";
+import tl from "./Title-pI68ZJsq.js";
+import { _ as rt } from "./Shape-BDy56-wS.js";
+import { t as ll } from "./themes-D3cUNuKw.js";
+import al from "./Legend-_Rv594VS.js";
 import { u as ol, B as ul } from "./BaseScanner-BgWxam9d.js";
 import { _ as sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y", "width", "height"], cl = ["id"], dl = ["stop-color"], hl = ["stop-color"], yl = { key: 1 }, bl = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], fl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], pl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], gl = { key: 2 }, ml = ["points", "fill"], xl = ["points", "fill"], $l = ["points", "fill"], kl = ["points", "fill"], Ll = { key: 3 }, wl = ["y", "fill", "font-size"], _l = ["x", "y", "fill", "font-size"], Cl = ["x", "y", "fill", "font-size"], ql = ["y", "fill", "font-size"], Sl = { key: 4 }, Tl = ["x", "y", "font-size", "fill"], zl = ["x", "y", "font-size", "fill"], Al = ["x", "y", "font-size", "fill"], Wl = ["id", "font-size", "transform", "fill"], Xl = ["id", "font-size", "transform", "fill"], Yl = ["id", "font-size", "transform", "fill"], Ml = { key: 5 }, Ol = ["fill", "points"], Nl = ["x", "y", "width", "height"], Bl = ["x", "y", "width", "height"], Fl = ["x", "y", "width", "height"], Rl = ["x", "y", "width", "height"], Pl = {
@@ -43,7 +44,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(nt, { expose: it, emit: vt }) {
-    const ct = F(() => import("./Tooltip-Db9jy0Iu.js")), dt = F(() => import("./BaseIcon-BPiT94Lb.js")), ht = F(() => import("./vue-ui-accordion-7cfJUVx5.js")), yt = F(() => import("./DataTable-CywujQw9.js")), bt = F(() => import("./PenAndPaper-Deh70G9d.js")), ft = F(() => import("./UserOptions-CtECQwBN.js")), pt = F(() => import("./PackageVersion-BzGzkGiC.js")), gt = F(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_quadrant: mt } = Xt(), M = nt, xe = x(() => !!M.dataset && M.dataset.length), w = y(ut()), ne = vt, ie = y(!1), ve = y(""), $e = y(0), p = y(!1), A = y(null), ke = y(null), Le = y(null), we = y(null), _e = y(null), Ce = y(0), qe = y(0), Se = y(0), Te = y(!1), J = y(null), ce = y(null), e = y(he()), { loading: ze, FINAL_DATASET: Ae } = ol({
+    const ct = F(() => import("./Tooltip-Clf2K3CF.js")), dt = F(() => import("./BaseIcon-D2f9w5Z5.js")), ht = F(() => import("./vue-ui-accordion-D-L73-T2.js")), yt = F(() => import("./DataTable-xISHA7Pu.js")), bt = F(() => import("./PenAndPaper-CtDMyIvW.js")), ft = F(() => import("./UserOptions-Bn3u4JQu.js")), pt = F(() => import("./PackageVersion-B6W-zkH-.js")), gt = F(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_quadrant: mt } = Jt(), M = nt, xe = x(() => !!M.dataset && M.dataset.length), w = y(ut()), ne = vt, ie = y(!1), ve = y(""), $e = y(0), p = y(!1), A = y(null), ke = y(null), Le = y(null), we = y(null), _e = y(null), Ce = y(0), qe = y(0), Se = y(0), Te = y(!1), J = y(null), ce = y(null), e = y(he()), { loading: ze, FINAL_DATASET: Ae } = ol({
       ...qt(M),
       FINAL_CONFIG: e,
       prepareConfig: he,
@@ -74,7 +75,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           ]
         }
       ],
-      skeletonConfig: Yt({
+      skeletonConfig: Xt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -112,7 +113,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           }
         }
       })
-    }), { userOptionsVisible: de, setUserOptionsVisibility: We, keepUserOptionState: Xe } = Kt({ config: e.value }), { svgRef: Ye } = el({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: de, setUserOptionsVisibility: We, keepUserOptionState: Xe } = Zt({ config: e.value }), { svgRef: Ye } = Kt({ config: e.value.style.chart.title });
     function he() {
       const l = st({
         userConfig: M.config,
@@ -120,10 +121,10 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       });
       return l.theme ? {
         ...st({
-          userConfig: Ot.vue_ui_quadrant[l.theme] || M.config,
+          userConfig: ll.vue_ui_quadrant[l.theme] || M.config,
           defaultConfig: l
         }),
-        customPalette: Mt[l.theme] || me
+        customPalette: Yt[l.theme] || me
       } : l;
     }
     ge(() => M.config, (l) => {
@@ -131,7 +132,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
     }, { deep: !0 });
     const O = tt(null), H = tt(null), I = x(() => e.value.debug);
     function Me() {
-      if (Nt(M.dataset) ? Q({
+      if (Mt(M.dataset) ? Q({
         componentName: "VueUiQuadrant",
         type: "dataset",
         debug: I.value
@@ -159,8 +160,8 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           });
         });
       }), e.value.responsive) {
-        const l = Jt(() => {
-          const { width: o, height: a } = jt({
+        const l = Gt(() => {
+          const { width: o, height: a } = Qt({
             chart: A.value,
             title: e.value.style.chart.title.text ? ke.value : null,
             legend: e.value.style.chart.legend.show ? Le.value : null,
@@ -179,11 +180,11 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
     }), Tt(() => {
       O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect());
     });
-    const { isPrinting: Oe, isImaging: Ne, generatePdf: Be, generateImage: Fe } = Zt({
+    const { isPrinting: Oe, isImaging: Ne, generatePdf: Be, generateImage: Fe } = jt({
       elementId: `vue-ui-quadrant_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-quadrant",
       options: e.value.userOptions.print
-    }), xt = x(() => e.value.userOptions.show && !e.value.style.chart.title.text), Re = x(() => Bt(e.value.customPalette)), m = y({
+    }), xt = x(() => e.value.userOptions.show && !e.value.style.chart.title.text), Re = x(() => Ot(e.value.customPalette)), m = y({
       plotLabels: {
         show: e.value.style.chart.layout.labels.plotLabels.show
       },
@@ -348,12 +349,12 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       };
     }), B = y([]), E = x(() => Ae.value.map((l, o) => ({
       ...l,
-      series: Rt({
+      series: Bt({
         data: l.series,
         threshold: e.value.downsample.threshold
       }),
       id: `cat_${o}_${w.value}`,
-      color: Ft(l.color) || Re.value[o] || me[o]
+      color: Nt(l.color) || Re.value[o] || me[o]
     }))), Lt = x(() => E.value.filter((l) => !B.value.includes(l.id))), wt = x(() => E.value.map((l, o) => ({
       ...l,
       shape: l.shape || "circle",
@@ -523,7 +524,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         config: e.value
       }, ie.value = !0;
       const u = e.value.style.chart.tooltip.customFormat;
-      if (Gt(u) && Qt(() => u({
+      if (Et(u) && Ut(() => u({
         seriesIndex: a,
         datapoint: o,
         series: T.value,
@@ -708,8 +709,8 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
     }
     function fe(l = null) {
       ot(() => {
-        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = te.value.head, u = te.value.body, r = o.concat([a]).concat(u), b = Et(r);
-        l ? l(b) : Ut({ csvContent: b, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
+        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = te.value.head, u = te.value.body, r = o.concat([a]).concat(u), b = Ht(r);
+        l ? l(b) : It({ csvContent: b, title: e.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
     const D = y(!1);
@@ -731,7 +732,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
     }
     async function Ct({ scale: l = 2 } = {}) {
       if (!A.value) return;
-      const { width: o, height: a } = A.value.getBoundingClientRect(), u = o / a, { imageUri: r, base64: b } = await tl({ domElement: A.value, base64: !0, img: !0, scale: l });
+      const { width: o, height: a } = A.value.getBoundingClientRect(), u = o / a, { imageUri: r, base64: b } = await el({ domElement: A.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: r,
         base64: b,
@@ -818,7 +819,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
         ref: ke,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), X(ll, {
+        (s(), X(tl, {
           key: `table_${Ce.value}`,
           config: {
             title: {
@@ -940,7 +941,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       (s(), n("svg", {
         ref_key: "svgRef",
         ref: Ye,
-        xmlns: i(Pt),
+        xmlns: i(Ft),
         class: z({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
         viewBox: `${v.value.startX} ${v.value.startY} ${v.value.width} ${v.value.height}`,
         style: C(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
@@ -970,7 +971,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
           }, [
             d("stop", {
               offset: "0%",
-              "stop-color": i(re)(i(Vt)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
+              "stop-color": i(re)(i(Rt)(a.color, 0.05), e.value.style.chart.layout.areas.opacity)
             }, null, 8, dl),
             d("stop", {
               offset: "100%",
@@ -1148,7 +1149,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
               key: 0,
               "data-cy-quadrant-area": "",
               fill: e.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${w.value}_${u})` : i(re)(a.color, e.value.style.chart.layout.areas.opacity),
-              points: i(Dt)(a)
+              points: i(Pt)(a)
             }, null, 8, Ol)) : h("", !0)
           ]))), 256))
         ])) : h("", !0),
@@ -1204,7 +1205,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
                 onClick: (b) => Ue(a, r, u)
               }, [
                 d("div", {
-                  style: C(`color:${i(It)(a.color)};margin: 0 auto; font-size:${e.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)
+                  style: C(`color:${i(Dt)(a.color)};margin: 0 auto; font-size:${e.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)
                 }, k(r.name), 5)
               ], 40, Il))), 256))
             ], 64))), 256))
@@ -1235,7 +1236,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
                   "text-anchor": "middle",
                   "font-size": e.value.style.chart.layout.labels.plotLabels.fontSize / (p.value ? 1.5 : 1),
                   fill: e.value.style.chart.layout.labels.plotLabels.color,
-                  innerHTML: i(Ht)({
+                  innerHTML: i(Vt)({
                     content: String(u.name),
                     fontSize: e.value.style.chart.layout.labels.plotLabels.fontSize / (p.value ? 1.5 : 1),
                     fill: e.value.style.chart.layout.labels.plotLabels.color,
@@ -1484,7 +1485,7 @@ const rl = ["id"], nl = ["id"], il = ["xmlns", "viewBox", "id"], vl = ["x", "y",
       i(ze) ? (s(), X(ul, { key: 8 })) : h("", !0)
     ], 46, rl));
   }
-}, _a = /* @__PURE__ */ sl(ca, [["__scopeId", "data-v-57ea903f"]]);
+}, Ca = /* @__PURE__ */ sl(ca, [["__scopeId", "data-v-57ea903f"]]);
 export {
-  _a as default
+  Ca as default
 };