vue-data-ui 2.12.8-beta.3 → 2.12.8-beta.4

package/dist/{vue-ui-dumbbell-CAC44_Hu.js → vue-ui-dumbbell-BLcmTUd_.js}

@@ -1,14 +1,14 @@
 import { defineAsyncComponent as T, computed as g, ref as d, watch as ge, shallowRef as pe, onMounted as me, onBeforeUnmount as We, createElementBlock as r, openBlock as o, unref as n, normalizeStyle as E, normalizeClass as ke, createBlock as A, createCommentVNode as v, createElementVNode as i, createSlots as Ue, withCtx as k, renderSlot as p, normalizeProps as R, guardReactiveProps as H, createVNode as Be, Fragment as $, renderList as L, toDisplayString as z, createTextVNode as _e, nextTick as je } from "vue";
-import { u as qe, c as xe, a as Ye, o as Ze, e as we, g as Je, v as Ce, D as Ke, f as S, X as $e, i as q, l as Le, h as Ae, q as Qe, r as et } from "./index-CH_mJIWj.js";
+import { u as qe, c as xe, a as Ye, o as Ze, e as we, g as Je, v as Ce, D as Ke, f as S, X as $e, i as q, l as Le, h as Ae, q as Qe, r as et } from "./index-BzQ0j5xI.js";
 import { t as tt, u as lt } from "./useResponsive-JZ9xq-JV.js";
-import { u as ze } from "./useNestedProp-rMR-JeOJ.js";
-import { u as at } from "./usePrinter-DJ7WfWUs.js";
+import { u as ze } from "./useNestedProp-DqpZEE3h.js";
+import { u as at } from "./usePrinter-CpG5jh_z.js";
 import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ot } from "./useChartAccessibility-9icAAmYg.js";
-import rt from "./Legend-DRqzYrP9.js";
-import nt from "./Title-apr_T9tg.js";
+import rt from "./Legend-YPYnzTBz.js";
+import nt from "./Title-CJcZXNtK.js";
 import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"], vt = { key: 1 }, ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yt = { key: 2 }, bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gt = { key: 3 }, pt = ["x", "y", "font-size", "fill", "font-weight"], mt = ["x", "y", "font-size", "fill"], kt = { key: 4 }, _t = ["x", "y", "font-size", "fill", "font-weight"], xt = ["id"], wt = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], Lt = ["id"], At = ["stop-color"], zt = ["stop-color"], St = ["stop-color"], Xt = ["id"], Nt = ["stop-color"], Tt = ["stop-color"], Ot = ["id"], Pt = ["stop-color"], Mt = ["stop-color"], It = { key: 0 }, Gt = ["d", "fill"], Dt = { key: 1 }, Ft = ["x", "y", "height", "width", "fill"], Vt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Et = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rt = { key: 5 }, Ht = ["x", "y", "fill", "font-size"], Wt = { key: 6 }, Ut = ["x", "y", "fill", "font-size"], Bt = {
+const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"], vt = { key: 1 }, ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yt = { key: 2 }, ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gt = { key: 3 }, pt = ["x", "y", "font-size", "fill", "font-weight"], mt = ["x", "y", "font-size", "fill"], kt = { key: 4 }, _t = ["x", "y", "font-size", "fill", "font-weight"], xt = ["id"], wt = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], Lt = ["id"], At = ["stop-color"], zt = ["stop-color"], St = ["stop-color"], Xt = ["id"], Nt = ["stop-color"], Tt = ["stop-color"], Ot = ["id"], Pt = ["stop-color"], Mt = ["stop-color"], It = { key: 0 }, Gt = ["d", "fill"], Dt = { key: 1 }, Ft = ["x", "y", "height", "width", "fill"], Vt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Et = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rt = { key: 5 }, Ht = ["x", "y", "fill", "font-size"], Wt = { key: 6 }, Ut = ["x", "y", "fill", "font-size"], Bt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, jt = ["xmlns", "height", "width"], qt = ["fill"], Yt = ["innerHTML"], Zt = {
@@ -29,9 +29,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(Se, { expose: Xe, emit: Jt }) {
-    const Ne = T(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Te = T(() => import("./DataTable-BBqbcutV.js")), Oe = T(() => import("./PackageVersion-ClpqQxYT.js")), Pe = T(() => import("./PenAndPaper-B-T7XvxF.js")), Me = T(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Ie = T(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_dumbbell: Ge } = qe(), f = Se, X = g({
+    const Ne = T(() => import("./vue-ui-accordion-bpaEpjqI.js")), Te = T(() => import("./DataTable-CmbjnjRg.js")), Oe = T(() => import("./PackageVersion-OcbP0WH2.js")), Pe = T(() => import("./PenAndPaper-BgPXmpGI.js")), Me = T(() => import("./vue-ui-skeleton-CavMQlAm.js")), Ie = T(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_dumbbell: Ge } = qe(), b = Se, X = g({
       get() {
-        return !!f.dataset && f.dataset.length;
+        return !!b.dataset && b.dataset.length;
       },
       set(l) {
         return l;
@@ -42,30 +42,30 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
     }), { userOptionsVisible: W, setUserOptionsVisibility: ae, keepUserOptionState: se } = st({ config: e.value }), { svgRef: oe } = ot({ config: e.value.style.chart.title });
     function re() {
       const l = ze({
-        userConfig: f.config,
+        userConfig: b.config,
         defaultConfig: Ge
       });
       return l.theme ? {
         ...ze({
-          userConfig: Ye.vue_ui_dumbbell[l.theme] || f.config,
+          userConfig: Ye.vue_ui_dumbbell[l.theme] || b.config,
           defaultConfig: l
         })
       } : l;
     }
-    ge(() => f.config, (l) => {
+    ge(() => b.config, (l) => {
       e.value = re(), W.value = !e.value.userOptions.showOnChartHover, ne(), ee.value += 1, te.value += 1, le.value += 1, h.value = e.value.style.chart.rowHeight, P.value = e.value.style.chart.width, O.value.showTable = e.value.table.show;
-    }, { deep: !0 }), ge(() => f.dataset, (l) => {
+    }, { deep: !0 }), ge(() => b.dataset, (l) => {
       he();
     }, { deep: !0 });
-    const _ = pe(null), N = pe(null);
+    const x = pe(null), N = pe(null);
     me(() => {
       ne();
     });
     function ne() {
-      if (Ze(f.dataset) ? we({
+      if (Ze(b.dataset) ? we({
         componentName: "VueUiDumbbell",
         type: "dataset"
-      }) : f.dataset.forEach((l, u) => {
+      }) : b.dataset.forEach((l, u) => {
         Je({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
@@ -87,14 +87,14 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             noTitle: Q.value
           });
           requestAnimationFrame(() => {
-            P.value = u, h.value = t / f.dataset.length, b.value = G();
+            P.value = u, h.value = t / b.dataset.length, f.value = G();
           });
         });
-        _.value && (N.value && _.value.unobserve(N.value), _.value.disconnect()), _.value = new ResizeObserver(l), N.value = I.value.parentNode, _.value.observe(N.value);
+        x.value && (N.value && x.value.unobserve(N.value), x.value.disconnect()), x.value = new ResizeObserver(l), N.value = I.value.parentNode, x.value.observe(N.value);
       }
     }
     We(() => {
-      _.value && (N.value && _.value.unobserve(N.value), _.value.disconnect());
+      x.value && (N.value && x.value.unobserve(N.value), x.value.disconnect());
     });
     const { isPrinting: ue, isImaging: ie, generatePdf: ce, generateImage: de } = at({
       elementId: `dumbbell_${y.value}`,
@@ -102,23 +102,23 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       options: e.value.userOptions.print
     }), De = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), O = d({
       showTable: e.value.table.show
-    }), x = g(() => f.dataset.map((l, u) => ({
+    }), w = g(() => b.dataset.map((l, u) => ({
       ...l,
       start: Ce(l.start),
       end: Ce(l.end),
       id: xe()
     }))), U = g(() => ({
-      max: Math.max(...x.value.flatMap((l) => [l.start, l.end])),
-      min: Math.min(...x.value.flatMap((l) => [l.start, l.end]))
+      max: Math.max(...w.value.flatMap((l) => [l.start, l.end])),
+      min: Math.min(...w.value.flatMap((l) => [l.start, l.end]))
     })), c = g(() => Ke(U.value.min < 0 ? U.value.min : 0, U.value.max, e.value.style.chart.grid.scaleSteps)), h = d(e.value.style.chart.rowHeight), P = d(e.value.style.chart.width), s = g(() => {
-      const l = h.value, u = e.value.style.chart.padding.left + e.value.style.chart.padding.right + P.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * f.dataset.length, a = c.value.ticks.length * (P.value / c.value.ticks.length);
+      const l = h.value, u = e.value.style.chart.padding.left + e.value.style.chart.padding.right + P.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * b.dataset.length, a = c.value.ticks.length * (P.value / c.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left,
         right: u - e.value.style.chart.padding.right,
         top: e.value.style.chart.padding.top,
         bottom: t - e.value.style.chart.padding.bottom,
         width: P.value,
-        height: l * f.dataset.length,
+        height: l * b.dataset.length,
         rowHeight: l,
         absoluteHeight: t,
         absoluteWidth: u,
@@ -126,41 +126,41 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       };
     });
     function G() {
-      return x.value.map((l, u) => {
-        const t = s.value.left + (l.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, a = s.value.left + (l.end + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, m = t + (a - t) / 2;
+      return w.value.map((l, u) => {
+        const t = s.value.left + (l.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, a = s.value.left + (l.end + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, _ = t + (a - t) / 2;
         return {
           ...l,
           startX: t,
           endX: a,
-          centerX: m,
+          centerX: _,
           y: s.value.top + u * h.value + h.value / 2,
           endVal: l.start
         };
       });
     }
-    const b = d([]), ve = d(null), Fe = g(() => x.value.map((l) => l.end).reduce((l, u) => l + u, 0));
+    const f = d([]), ve = d(null), Fe = g(() => w.value.map((l) => l.end).reduce((l, u) => l + u, 0));
     me(() => {
       he();
     });
     function he() {
-      b.value = G();
-      let l = b.value.map((t) => t.start).reduce((t, a) => t + a, 0);
+      f.value = G();
+      let l = f.value.map((t) => t.start).reduce((t, a) => t + a, 0);
       function u() {
-        const t = x.value.map((a) => a.end - a.start);
-        l >= Fe.value ? (cancelAnimationFrame(ve.value), b.value = G()) : (b.value = b.value.map((a, m) => {
-          a.endVal += t[m] * (e.value.animationSpeed / 100);
-          const C = s.value.left + (a.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, V = s.value.left + (a.endVal + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, j = C + (V - C) / 2;
+        const t = w.value.map((a) => a.end - a.start);
+        l >= Fe.value ? (cancelAnimationFrame(ve.value), f.value = G()) : (f.value = f.value.map((a, _) => {
+          a.endVal += t[_] * (e.value.animationSpeed / 100);
+          const m = s.value.left + (a.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, V = s.value.left + (a.endVal + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, j = m + (V - m) / 2;
           return {
             ...a,
-            startX: C,
+            startX: m,
             endX: V,
             centerX: j,
-            y: s.value.top + m * h.value + h.value / 2,
+            y: s.value.top + _ * h.value + h.value / 2,
             endVal: a.endVal
           };
-        }), l = b.value.map((a) => a.endVal).reduce((a, m) => a + m, 0), ve.value = requestAnimationFrame(u));
+        }), l = f.value.map((a) => a.endVal).reduce((a, _) => a + _, 0), ve.value = requestAnimationFrame(u));
       }
-      e.value.useAnimation ? u() : b.value = G();
+      e.value.useAnimation ? u() : f.value = G();
     }
     const ye = g(() => [
       { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${y.value})` : e.value.style.chart.plots.startColor },
@@ -173,10 +173,10 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), w = g(() => {
-      const l = b.value.map((t) => ({
+    })), C = g(() => {
+      const l = f.value.map((t) => ({
         name: t.name
-      })), u = b.value.map((t) => ({
+      })), u = f.value.map((t) => ({
         start: t.start,
         end: t.end
       }));
@@ -187,24 +187,24 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         e.value.table.columnNames.start,
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
-      ], u = w.value.head.map((m, C) => {
+      ], u = C.value.head.map((_, m) => {
         const V = S({
           p: e.value.style.chart.labels.prefix,
-          v: w.value.body[C].start,
+          v: C.value.body[m].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), j = S({
           p: e.value.style.chart.labels.prefix,
-          v: w.value.body[C].end,
+          v: C.value.body[m].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), He = S({
-          v: 100 * (w.value.body[C].end / w.value.body[C].start - 1),
+          v: 100 * (C.value.body[m].end / C.value.body[m].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
         return [
-          { name: m.name },
+          { name: _.name },
           V,
           j,
           He
@@ -234,12 +234,12 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         config: t
       };
     });
-    function be() {
+    function fe(l = null) {
       je(() => {
-        const l = w.value.head.map((a, m) => [[
-          a.name
-        ], [w.value.body[m].start], [w.value.body[m].end]]), u = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(l), t = Qe(u);
-        et({ csvContent: t, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
+        const u = C.value.head.map((_, m) => [[
+          _.name
+        ], [C.value.body[m].start], [C.value.body[m].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(u), a = Qe(t);
+        l ? l(a) : et({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
     const M = d(!1);
@@ -247,9 +247,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       M.value = l, Y.value += 1;
     }
     function Re() {
-      return b.value;
+      return f.value;
     }
-    function fe() {
+    function be() {
       O.value.showTable = !O.value.showTable;
     }
     const F = d(!1);
@@ -259,9 +259,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
     return Xe({
       getData: Re,
       generatePdf: ce,
-      generateCsv: be,
+      generateCsv: fe,
       generateImage: de,
-      toggleTable: fe,
+      toggleTable: be,
       toggleAnnotator: B
     }), (l, u) => (o(), r("div", {
       ref_key: "dumbbellChart",
@@ -329,9 +329,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: Ee,
         onGeneratePdf: n(ce),
-        onGenerateCsv: be,
+        onGenerateCsv: fe,
         onGenerateImage: n(de),
-        onToggleTable: fe,
+        onToggleTable: be,
         onToggleAnnotator: B,
         style: E({
           visibility: n(se) ? n(W) ? "visible" : "hidden" : "visible"
@@ -421,7 +421,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           }, null, 8, ht))), 256))
         ])) : v("", !0),
         e.value.style.chart.grid.horizontalGrid.show ? (o(), r("g", yt, [
-          (o(!0), r($, null, L(x.value, (t, a) => (o(), r("line", {
+          (o(!0), r($, null, L(w.value, (t, a) => (o(), r("line", {
             x1: s.value.left,
             x2: s.value.right,
             y1: s.value.top + a * h.value,
@@ -429,7 +429,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, bt))), 256)),
+          }, null, 8, ft))), 256)),
           i("line", {
             x1: s.value.left,
             x2: s.value.right,
@@ -438,10 +438,10 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, ft)
+          }, null, 8, bt)
         ])) : v("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", gt, [
-          (o(!0), r($, null, L(x.value, (t, a) => (o(), r("text", {
+          (o(!0), r($, null, L(w.value, (t, a) => (o(), r("text", {
             x: s.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
             y: s.value.top + a * h.value + (e.value.style.chart.labels.yAxisLabels.showProgression ? h.value / 3 : h.value / 2) + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
@@ -449,7 +449,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             "font-weight": e.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
             "text-anchor": "end"
           }, z(t.name), 9, pt))), 256)),
-          e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r($, { key: 0 }, L(x.value, (t, a) => (o(), r("text", {
+          e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r($, { key: 0 }, L(w.value, (t, a) => (o(), r("text", {
             x: s.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
             y: s.value.top + a * h.value + h.value / 1.3 + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
@@ -517,7 +517,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             }, null, 8, St)
           ], 8, Lt)
         ]),
-        (o(!0), r($, null, L(b.value, (t, a) => (o(), r("g", null, [
+        (o(!0), r($, null, L(f.value, (t, a) => (o(), r("g", null, [
           i("defs", null, [
             i("linearGradient", {
               id: `grad_positive_${y.value}`,
@@ -592,7 +592,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           }, null, 8, Et)
         ]))), 256)),
         e.value.style.chart.labels.startLabels.show ? (o(), r("g", Rt, [
-          (o(!0), r($, null, L(b.value, (t, a) => (o(), r("text", {
+          (o(!0), r($, null, L(f.value, (t, a) => (o(), r("text", {
             x: t.startX,
             y: s.value.top + (a + 1) * h.value - e.value.style.chart.labels.startLabels.fontSize / 3 + e.value.style.chart.labels.startLabels.offsetY,
             fill: e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
@@ -611,7 +611,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           )), 9, Ht))), 256))
         ])) : v("", !0),
         e.value.style.chart.labels.endLabels.show ? (o(), r("g", Wt, [
-          (o(!0), r($, null, L(b.value, (t, a) => (o(), r("text", {
+          (o(!0), r($, null, L(f.value, (t, a) => (o(), r("text", {
             x: t.endX,
             y: s.value.top + a * h.value + e.value.style.chart.labels.endLabels.fontSize + e.value.style.chart.labels.endLabels.offsetY,
             fill: e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
@@ -731,7 +731,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       }, 8, ["config"])) : v("", !0)
     ], 46, it));
   }
-}, ul = /* @__PURE__ */ ut(Zt, [["__scopeId", "data-v-ae879b63"]]);
+}, ul = /* @__PURE__ */ ut(Zt, [["__scopeId", "data-v-0167dbe6"]]);
 export {
   ul as default
 };

package/dist/{vue-ui-flow-CYWiZjrP.js → vue-ui-flow-BmIGl6DC.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as E, computed as p, onMounted as ut, ref as y, watch as it, createElementBlock as g, openBlock as d, unref as r, normalizeStyle as L, normalizeClass as Me, createBlock as B, createCommentVNode as _, createElementVNode as D, createVNode as de, createSlots as ct, withCtx as w, renderSlot as b, normalizeProps as R, guardReactiveProps as G, Fragment as U, renderList as W, toDisplayString as j, createTextVNode as dt, nextTick as vt } from "vue";
-import { u as ft, o as ht, e as pt, c as ve, t as gt, p as S, a as mt, b as yt, v as $, d as bt, f as X, X as kt, G as He, K as Ct, i as fe, q as wt, r as $t, x as Tt } from "./index-CH_mJIWj.js";
-import { u as Ye } from "./useNestedProp-rMR-JeOJ.js";
-import { u as xt } from "./usePrinter-DJ7WfWUs.js";
+import { u as ft, o as ht, e as pt, c as ve, t as gt, p as S, a as mt, b as yt, v as $, d as bt, f as X, X as kt, G as He, K as Ct, i as fe, q as wt, r as $t, x as Tt } from "./index-BzQ0j5xI.js";
+import { u as Ye } from "./useNestedProp-DqpZEE3h.js";
+import { u as xt } from "./usePrinter-CpG5jh_z.js";
 import { u as _t } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Nt } from "./useChartAccessibility-9icAAmYg.js";
-import Ot from "./Legend-DRqzYrP9.js";
-import St from "./Title-apr_T9tg.js";
+import Ot from "./Legend-YPYnzTBz.js";
+import St from "./Title-CJcZXNtK.js";
 import { _ as Ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pt = ["id"], Lt = {
   key: 1,
@@ -39,7 +39,7 @@ const Pt = ["id"], Lt = {
     }
   },
   setup(Be, { expose: De }) {
-    const Re = E(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Ge = E(() => import("./DataTable-BBqbcutV.js")), Ve = E(() => import("./PackageVersion-ClpqQxYT.js")), Ue = E(() => import("./PenAndPaper-B-T7XvxF.js")), We = E(() => import("./vue-ui-skeleton-C6PWt_m5.js")), je = E(() => import("./Tooltip-BuHsMAfp.js")), Xe = E(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_flow: qe } = ft(), T = Be, ee = p(() => !!T.dataset && T.dataset.length);
+    const Re = E(() => import("./vue-ui-accordion-bpaEpjqI.js")), Ge = E(() => import("./DataTable-CmbjnjRg.js")), Ve = E(() => import("./PackageVersion-OcbP0WH2.js")), Ue = E(() => import("./PenAndPaper-BgPXmpGI.js")), We = E(() => import("./vue-ui-skeleton-CavMQlAm.js")), je = E(() => import("./Tooltip-dXp8FaUj.js")), Xe = E(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_flow: qe } = ft(), T = Be, ee = p(() => !!T.dataset && T.dataset.length);
     ut(() => {
       he();
     });
@@ -297,9 +297,9 @@ const Pt = ["id"], Lt = {
         value: s
       })
     ));
-    function Se() {
+    function Se(t = null) {
       vt(() => {
-        const t = Oe.value.map((a, s) => [[a.source], [a.target], [a.value]]), l = [
+        const l = Oe.value.map((s, h) => [[s.source], [s.target], [s.value]]), o = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           [
@@ -307,9 +307,9 @@ const Pt = ["id"], Lt = {
             [e.value.table.columnNames.target],
             [e.value.table.columnNames.value]
           ]
-        ].concat(t), o = wt(l);
-        $t({
-          csvContent: o,
+        ].concat(l), a = wt(o);
+        t ? t(a) : $t({
+          csvContent: a,
           title: e.value.style.chart.title.text || "vue-ui-flow"
         });
       });
@@ -743,7 +743,7 @@ const Pt = ["id"], Lt = {
       }, 8, ["config"])) : _("", !0)
     ], 46, Pt));
   }
-}, lo = /* @__PURE__ */ Ft(jt, [["__scopeId", "data-v-e63a00d3"]]);
+}, lo = /* @__PURE__ */ Ft(jt, [["__scopeId", "data-v-3b19a8a3"]]);
 export {
   lo as default
 };