vue-data-ui 3.9.11 → 3.9.13

package/dist/{vue-ui-donut-evolution-C95OcKhs.js → vue-ui-donut-evolution-C6H1Vr6m.js}

@@ -1,8 +1,8 @@
 import { defineAsyncComponent as V, ref as i, shallowRef as pt, computed as g, onMounted as pl, toRefs as kl, nextTick as Fe, watch as ie, watchEffect as xl, onBeforeUnmount as wl, createElementBlock as n, openBlock as r, unref as c, normalizeStyle as te, normalizeClass as I, createBlock as $, createCommentVNode as d, createElementVNode as C, withCtx as y, renderSlot as m, normalizeProps as O, guardReactiveProps as P, createSlots as kt, createVNode as xt, Fragment as S, renderList as B, toDisplayString as x, Teleport as Ll, resolveDynamicComponent as Dl, mergeProps as _l, createTextVNode as Ee } from "vue";
-import { c as wt, o as Lt, g as ce, k as Sl, t as Bl, i as Fl, p as de, a0 as Dt, j as El, l as $e, a6 as $l, M as _t, a2 as ze, a as Te, d as ve, X as zl, s as le, a7 as Tl, _ as Il, a3 as Ol, a4 as Pl, a5 as St, u as Nl, q as Rl, a8 as Bt, a9 as Vl } from "./lib-W9waxHL3.js";
+import { c as wt, o as Lt, g as ce, l as Sl, t as Bl, i as Fl, j as de, a1 as Dt, k as El, m as $e, a7 as $l, N as _t, a3 as ze, a as Te, d as ve, X as zl, s as le, a8 as Tl, $ as Il, a4 as Ol, a5 as Pl, a6 as St, v as Nl, r as Rl, a9 as Bt, aa as Vl } from "./lib-BwysEpWI.js";
 import { t as Ft, u as Ml } from "./useResponsive-DfdjqQps.js";
-import { u as Ul, a as Ie } from "./useNestedProp-D-jUHecl.js";
-import { u as Hl } from "./usePrinter-DhoMn87n.js";
+import { u as Ul, a as Ie } from "./useNestedProp--5lL-kf1.js";
+import { u as Hl } from "./usePrinter-BJzHDpYF.js";
 import { u as Xl, B as Wl } from "./BaseScanner-BMpwQAfz.js";
 import { u as jl } from "./useSvgExport-ByUukOZt.js";
 import { u as Gl } from "./useTimeLabels-DKoynYae.js";
@@ -10,10 +10,10 @@ import { u as Yl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ql } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Jl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Kl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Ql from "./img-BJzUSmkm.js";
-import Zl from "./Title-DFtCaCah.js";
-import eo from "./Legend-Dxz13z4E.js";
-import { S as to } from "./Slicer-DBYna_by.js";
+import Ql from "./img-DKigoPDs.js";
+import Zl from "./Title-BhURirpm.js";
+import eo from "./Legend-D6z73edh.js";
+import { S as to } from "./Slicer-Bn8azYkD.js";
 import { _ as lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A" }, dialog: { backgroundColor: "#1A1A1A", color: "#CCCCCC", header: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, donutChart: { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { percentage: { color: "#CCCCCC" }, name: { color: "#CCCCCC" }, hollow: { total: { color: "#CCCCCC", value: { color: "#CCCCCC" } }, average: { color: "#CCCCCC", value: { color: "#CCCCCC" } } } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5A5A5A", yAxis: { dataLabels: { color: "#CCCCCC" } }, xAxis: { dataLabels: { color: "#CCCCCC" } } }, line: { stroke: "#4A4A4A" }, highlighter: { color: "#CCCCCC" }, dataLabels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, $t = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, dialog: { backgroundColor: "#FFF8E1", color: "#424242", header: { backgroundColor: "##FFF8E1", color: "#424242" }, donutChart: { style: { chart: { backgroundColor: "##FFF8E1", color: "#424242", layout: { labels: { percentage: { color: "#424242" }, name: { color: "#424242" }, hollow: { total: { color: "#424242", value: { color: "#424242" } }, average: { color: "#424242", value: { color: "#424242" } } } } }, legend: { backgroundColor: "##FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5D4037", showVerticalLines: !1, yAxis: { dataLabels: { color: "#424242" } }, xAxis: { dataLabels: { color: "#424242" } } }, line: { stroke: "#5D4037" }, highlighter: { color: "#424242" }, dataLabels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, zt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, dialog: { backgroundColor: "#1E1E1E", color: "#BDBDBD", header: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, donutChart: { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { percentage: { color: "#BDBDBD" }, name: { color: "#BDBDBD" }, hollow: { total: { color: "#BDBDBD", value: { color: "#BDBDBD" } }, average: { color: "#BDBDBD", value: { color: "#BDBDBD" } } } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5D4037", showVerticalLines: !1, yAxis: { dataLabels: { color: "#BDBDBD" } }, xAxis: { dataLabels: { color: "#BDBDBD" } } }, line: { stroke: "#5D4037" }, highlighter: { color: "#FFF8E1" }, dataLabels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, dialog: { backgroundColor: "#1A1A1A", color: "#BDBDBD", header: { backgroundColor: "#1A1A1A", color: "#BDBDBD" }, donutChart: { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { percentage: { color: "#99AA99" }, name: { color: "#99AA99" }, hollow: { total: { color: "#99AA99", value: { color: "#99AA99" } }, average: { color: "#99AA99", value: { color: "#99AA99" } } } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { show: !1, stroke: "#5F6A5F", yAxis: { dataLabels: { color: "#AACCAA" } }, xAxis: { dataLabels: { color: "#AACCAA" } } }, line: { stroke: "#5F6A5F" }, highlighter: { color: "#66CC66" }, dataLabels: { color: "#AACCAA" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, It = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, dialog: { backgroundColor: "#fbfafa", color: "#8A9892", header: { backgroundColor: "#fbfafa", color: "#8A9892" }, donutChart: { style: { chart: { backgroundColor: "#fbfafa", color: "#99AA99", layout: { labels: { percentage: { color: "#A0AC94" }, name: { color: "#A0AC94" }, hollow: { total: { color: "#A0AC94", value: { color: "#A0AC94" } }, average: { color: "#A0AC94", value: { color: "#A0AC94" } } } } }, legend: { backgroundColor: "#fbfafa", color: "#A0AC94" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { show: !1, yAxis: { dataLabels: { show: !1 } }, xAxis: { dataLabels: { show: !1 } } }, line: { stroke: "#DCDFE7" }, highlighter: { color: "#8F837A" }, dataLabels: { color: "#A0AC94" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Ot = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, dialog: { backgroundColor: "#f6f6fb", color: "#50606C", header: { backgroundColor: "#f6f6fb", color: "#50606C" }, donutChart: { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { percentage: { color: "#61747E" }, name: { color: "#61747E" }, hollow: { total: { color: "#61747E", value: { color: "#61747E" } }, average: { color: "#61747E", value: { color: "#61747E" } } } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#BBC4D3", yAxis: { dataLabels: { color: "#61747E" } }, xAxis: { dataLabels: { color: "#61747E" } } }, line: { stroke: "#92B0AB" }, highlighter: { color: "#50606C" }, dataLabels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Pt = {
   default: {},
@@ -53,7 +53,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
   },
   emits: ["selectLegend"],
   setup(Nt, { expose: Rt, emit: Vt }) {
-    const Mt = V(() => import("./vue-ui-accordion-B6BX2vhq.js")), Ut = V(() => import("./BaseIcon-r3_sTK1A.js")), Ht = V(() => import("./DataTable-DNeCys3I.js")), Xt = V(() => import("./PackageVersion-DPLuuWzw.js")), Wt = V(() => import("./PenAndPaper-CsqBamFZ.js")), jt = V(() => import("./UserOptions-B-2A_KRb.js")), Gt = V(() => import("./vue-ui-donut-BjSuCwQE.js").then((t) => t.a)), Oe = V(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_donut_evolution: Yt } = Ul(), { isThemeValid: qt, warnInvalidTheme: Jt } = Yl(), A = Nt, z = i(wt()), k = i([]), b = i(null), oe = i(null), he = i(!1), M = i(null), N = i(null), Kt = i(null), Pe = i(0), Ne = i(0), Re = i(0), Ve = i(0), Me = i(0), ge = i(null), ae = i(null), fe = i(null), ye = i(null), Ue = i(!1), J = i(null), be = i(null), He = i(null), Xe = i(null), We = i(null), je = i(null), Ge = i(null), Ce = i(!1), K = pt(null), re = pt(null), Ye = i(null), qe = Vt, Je = g(() => !!A.dataset && A.dataset.length);
+    const Mt = V(() => import("./vue-ui-accordion-tQNKwbVi.js")), Ut = V(() => import("./BaseIcon-4i3dd7Ty.js")), Ht = V(() => import("./DataTable-WrXCJkfE.js")), Xt = V(() => import("./PackageVersion-D3cMhAlf.js")), Wt = V(() => import("./PenAndPaper-DxIUvoQ8.js")), jt = V(() => import("./UserOptions-CzJWRC4s.js")), Gt = V(() => import("./vue-ui-donut-D3---CiY.js").then((t) => t.a)), Oe = V(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_donut_evolution: Yt } = Ul(), { isThemeValid: qt, warnInvalidTheme: Jt } = Yl(), A = Nt, z = i(wt()), k = i([]), b = i(null), oe = i(null), he = i(!1), M = i(null), N = i(null), Kt = i(null), Pe = i(0), Ne = i(0), Re = i(0), Ve = i(0), Me = i(0), ge = i(null), ae = i(null), fe = i(null), ye = i(null), Ue = i(!1), J = i(null), be = i(null), He = i(null), Xe = i(null), We = i(null), je = i(null), Ge = i(null), Ce = i(!1), K = pt(null), re = pt(null), Ye = i(null), qe = Vt, Je = g(() => !!A.dataset && A.dataset.length);
     pl(() => {
       Ue.value = !0, Ke();
     });

package/dist/{vue-ui-dumbbell-L8fXdkQm.js → vue-ui-dumbbell-L1p0npq4.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as I, computed as g, ref as h, toRefs as Zt, watch as oe, shallowRef as lt, onMounted as at, onBeforeUnmount as ot, watchEffect as Jt, createElementBlock as v, openBlock as r, unref as i, normalizeStyle as se, normalizeClass as st, createBlock as E, createCommentVNode as y, createElementVNode as c, withCtx as p, renderSlot as m, normalizeProps as S, guardReactiveProps as D, createSlots as rt, createVNode as nt, withDirectives as Z, Fragment as _, renderList as F, toDisplayString as k, vShow as J, Teleport as Kt, createTextVNode as Ae, resolveDynamicComponent as Qt, mergeProps as el, nextTick as tl } from "vue";
-import { c as ut, t as ll, o as al, g as it, k as ol, T as ct, M as sl, d as A, a as P, X as vt, s as dt, n as K, r as Q, u as rl, q as nl } from "./lib-W9waxHL3.js";
+import { c as ut, t as ll, o as al, g as it, l as ol, U as ct, N as sl, d as A, a as P, X as vt, s as dt, q as K, u as Q, v as rl, r as nl } from "./lib-BwysEpWI.js";
 import { t as we, u as ul } from "./useResponsive-DfdjqQps.js";
-import { u as il, a as $e } from "./useNestedProp-D-jUHecl.js";
-import { u as cl } from "./usePrinter-DhoMn87n.js";
+import { u as il, a as $e } from "./useNestedProp--5lL-kf1.js";
+import { u as cl } from "./usePrinter-BJzHDpYF.js";
 import { u as vl, B as dl } from "./BaseScanner-BMpwQAfz.js";
 import { u as hl } from "./useSvgExport-ByUukOZt.js";
 import { u as bl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as yl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as gl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import pl from "./img-BJzUSmkm.js";
-import ml from "./Title-DFtCaCah.js";
-import Cl from "./Legend-Dxz13z4E.js";
+import pl from "./img-DKigoPDs.js";
+import ml from "./Title-BhURirpm.js";
+import Cl from "./Legend-D6z73edh.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, grid: { horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { stroke: "#4A4A4A" } }, highlighter: { color: "#CCCCCC" }, labels: { yAxisLabels: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, bt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#FFF8E1" }, grid: { horizontalGrid: { stroke: "#5D403780" }, verticalGrid: { stroke: "#5D403780" } }, labels: { yAxisLabels: { color: "#424242" }, xAxisLabels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, ft = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, highlighter: { color: "#CCCCCC" }, plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#1E1E1E" }, grid: { horizontalGrid: { stroke: "#5D4037" }, verticalGrid: { stroke: "#5D4037" } }, labels: { yAxisLabels: { color: "#BDBDBD" }, xAxisLabels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, yt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", plots: { startColor: "#008000", endColor: "#00FF00", stroke: "#1A1A1A" }, comparisonLines: { rectColor: "#CCCCCC", labelColor: "#99CC99" }, highlighter: { color: "#CCCCCC" }, grid: { horizontalGrid: { stroke: "#5F6A5F" }, verticalGrid: { stroke: "#5F6A5F" } }, labels: { yAxisLabels: { color: "#99CC99" }, xAxisLabels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, gt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", plots: { startColor: "#DCB482", endColor: "#B9B99D", stroke: "#fbfafa" }, grid: { horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, labels: { yAxisLabels: { color: "#8A9892" }, xAxisLabels: { show: !1 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, pt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", plots: { startColor: "#718885", endColor: "#7DA9B5", stroke: "#404C5A" }, grid: { horizontalGrid: { stroke: "#829C98" }, verticalGrid: { stroke: "#829C98" } }, labels: { yAxisLabels: { color: "#61747E" }, xAxisLabels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, mt = {
   default: {},
@@ -30,7 +30,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
   default: mt,
   hack: yt,
   zen: gt
-}, Symbol.toStringTag, { value: "Module" })), xl = ["id"], _l = ["id"], Al = ["xmlns", "viewBox"], wl = ["x", "y", "width", "height"], $l = { key: 1 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Sl = { key: 2 }, Dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Nl = ["transform", "font-size", "fill"], zl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], Ml = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Tl = ["x", "y", "font-size", "fill"], Xl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], El = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ol = ["x", "y", "height", "width", "fill"], Gl = ["transform", "fill", "font-size"], Il = ["id"], Pl = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Vl = ["id"], Ul = ["stop-color"], Wl = ["stop-color"], jl = ["stop-color"], ql = ["id"], Yl = ["stop-color"], Zl = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Ql = ["stop-color"], ea = ["stop-color"], ta = ["stop-color"], la = ["id"], aa = ["stop-color"], oa = ["stop-color"], sa = ["stop-color"], ra = ["id"], na = ["stop-color"], ua = ["stop-color"], ia = ["id"], ca = ["stop-color"], va = ["stop-color"], da = { key: 0 }, ha = { key: 0 }, ba = ["d", "fill"], fa = { key: 1 }, ya = ["x", "y", "height", "width", "fill"], ga = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ma = { key: 7 }, Ca = ["x", "y", "fill", "font-size"], ka = { key: 8 }, xa = ["x", "y", "fill", "font-size"], _a = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Aa = {
+}, Symbol.toStringTag, { value: "Module" })), xl = ["id"], _l = ["id"], Al = ["xmlns", "viewBox"], wl = ["x", "y", "width", "height"], $l = { key: 1 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Sl = { key: 2 }, Dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Nl = ["transform", "font-size", "fill"], zl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], Ml = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], Xl = ["x", "y", "font-size", "fill"], Tl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], El = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ol = ["x", "y", "height", "width", "fill"], Gl = ["transform", "fill", "font-size"], Il = ["id"], Pl = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Vl = ["id"], Ul = ["stop-color"], Wl = ["stop-color"], jl = ["stop-color"], ql = ["id"], Yl = ["stop-color"], Zl = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Ql = ["stop-color"], ea = ["stop-color"], ta = ["stop-color"], la = ["id"], aa = ["stop-color"], oa = ["stop-color"], sa = ["stop-color"], ra = ["id"], na = ["stop-color"], ua = ["stop-color"], ia = ["id"], ca = ["stop-color"], va = ["stop-color"], da = { key: 0 }, ha = { key: 0 }, ba = ["d", "fill"], fa = { key: 1 }, ya = ["x", "y", "height", "width", "fill"], ga = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ma = { key: 7 }, Ca = ["x", "y", "fill", "font-size"], ka = { key: 8 }, xa = ["x", "y", "fill", "font-size"], _a = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Aa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, wa = ["id"], $a = ["xmlns", "height", "width"], La = ["fill"], Sa = ["innerHTML"], Da = {
@@ -51,14 +51,14 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
   },
   emits: ["selectDatapoint"],
   setup(Ct, { expose: kt, emit: Na }) {
-    const xt = I(() => import("./BaseIcon-r3_sTK1A.js")), _t = I(() => import("./vue-ui-accordion-B6BX2vhq.js")), At = I(() => import("./DataTable-DNeCys3I.js")), wt = I(() => import("./PenAndPaper-CsqBamFZ.js")), $t = I(() => import("./UserOptions-B-2A_KRb.js")), Lt = I(() => import("./PackageVersion-DPLuuWzw.js")), St = I(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_dumbbell: Dt } = il(), { isThemeValid: Ft, warnInvalidTheme: Nt } = bl(), w = Ct, ee = g({
+    const xt = I(() => import("./BaseIcon-4i3dd7Ty.js")), _t = I(() => import("./vue-ui-accordion-tQNKwbVi.js")), At = I(() => import("./DataTable-WrXCJkfE.js")), wt = I(() => import("./PenAndPaper-DxIUvoQ8.js")), $t = I(() => import("./UserOptions-CzJWRC4s.js")), Lt = I(() => import("./PackageVersion-D3cMhAlf.js")), St = I(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_dumbbell: Dt } = il(), { isThemeValid: Ft, warnInvalidTheme: Nt } = bl(), w = Ct, ee = g({
       get() {
         return !!w.dataset && w.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), b = h(ut()), Le = h(0), N = h(null), Se = h(null), De = h(null), Fe = h(null), Ne = h(null), ze = h(0), Me = h(0), Te = h(0), Xe = h(!1), j = h(null), re = h(null), ne = h(null), ue = h(null), te = h(null), ie = h(null), B = h(null), n = h(null), O = h(!1), e = h(be()), { loading: ce, FINAL_DATASET: ve, manualLoading: zt } = vl({
+    }), b = h(ut()), Le = h(0), N = h(null), Se = h(null), De = h(null), Fe = h(null), Ne = h(null), ze = h(0), Me = h(0), Xe = h(0), Te = h(!1), j = h(null), re = h(null), ne = h(null), ue = h(null), te = h(null), ie = h(null), B = h(null), n = h(null), O = h(!1), e = h(be()), { loading: ce, FINAL_DATASET: ve, manualLoading: zt } = vl({
       ...Zt(w),
       FINAL_CONFIG: e,
       prepareConfig: be,
@@ -130,13 +130,13 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       });
     }
     oe(() => w.config, (l) => {
-      ce.value || (e.value = be()), de.value = !e.value.userOptions.showOnChartHover, Ge(), ze.value += 1, Me.value += 1, Te.value += 1, V.value = e.value.style.chart.rowHeight, U.value = e.value.style.chart.width, G.value.showTable = e.value.table.show;
+      ce.value || (e.value = be()), de.value = !e.value.userOptions.showOnChartHover, Ge(), ze.value += 1, Me.value += 1, Xe.value += 1, V.value = e.value.style.chart.rowHeight, U.value = e.value.style.chart.width, G.value.showTable = e.value.table.show;
     }, { deep: !0 }), oe(() => ve.value, (l) => {
       Array.isArray(l) && l.length > 0 && (zt.value = !1), je(), qe();
     }, { deep: !0 });
     const z = lt(null), H = lt(null);
     at(() => {
-      Xe.value = !0, Ge();
+      Te.value = !0, Ge();
     });
     const Oe = g(() => !!e.value.debug);
     function Ge() {
@@ -198,7 +198,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       const l = e.value.style.chart.grid, o = R.value.flatMap((f) => [f.start, f.end]).map((f) => Number(f)).filter((f) => Number.isFinite(f)), t = o.length ? Math.min(...o) : 0, a = o.length ? Math.max(...o) : 0, u = l.scaleMin ?? Math.min(t, 0), d = l.scaleMax ?? a;
       return { min: u, max: d };
     }), $ = g(() => sl(Ve.value.min, Ve.value.max, e.value.style.chart.grid.scaleSteps)), V = h(e.value.style.chart.rowHeight), U = h(e.value.style.chart.width);
-    function Tt() {
+    function Xt() {
       let l = 0;
       ue.value && (l = Array.from(ue.value.querySelectorAll("text")).reduce((a, u) => {
         const d = u.getComputedTextLength();
@@ -207,14 +207,14 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       const o = ne.value ? ne.value.getBoundingClientRect().width : 0;
       return l + o + (o ? 24 + e.value.style.chart.labels.axis.yLabelOffsetX : 0);
     }
-    const fe = h(0), Xt = we((l) => {
+    const fe = h(0), Tt = we((l) => {
       fe.value = l;
     }, 100);
     Jt((l) => {
       const o = te.value;
       if (!o) return;
       const t = new ResizeObserver((a) => {
-        Xt(a[0].contentRect.height);
+        Tt(a[0].contentRect.height);
       });
       t.observe(o), l(() => t.disconnect());
     }), ot(() => {
@@ -236,7 +236,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     }
     const s = g(() => {
       O.value;
-      const l = Tt(), o = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = V.value * ye.value - Ue.value - o.top - o.bottom - t, u = a / ye.value, d = V.value * ye.value, f = U.value - l - o.left - o.right, C = $.value.ticks.length * (f / $.value.ticks.length);
+      const l = Xt(), o = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = V.value * ye.value - Ue.value - o.top - o.bottom - t, u = a / ye.value, d = V.value * ye.value, f = U.value - l - o.left - o.right, C = $.value.ticks.length * (f / $.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left + l,
         right: U.value - e.value.style.chart.padding.right,
@@ -252,14 +252,14 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       get() {
         const l = s.value, o = $.value;
         return q.value.map((t, a) => {
-          const u = We(t.start, o, l), d = We(t.endVal, o, l), f = u + (d - u) / 2, C = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, X = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, tt = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Yt = C ? e.value.style.chart.plots.evaluationColors.positive : X ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
+          const u = We(t.start, o, l), d = We(t.endVal, o, l), f = u + (d - u) / 2, C = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, T = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, tt = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Yt = C ? e.value.style.chart.plots.evaluationColors.positive : T ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
           return {
             ...t,
             isPositive: C,
-            isNegative: X,
+            isNegative: T,
             isNeutral: tt,
             evaluationColor: Yt,
-            evaluationGrad: `url(#${C ? "positive" : X ? "negative" : "neutral"}_grad_${b.value})`,
+            evaluationGrad: `url(#${C ? "positive" : T ? "negative" : "neutral"}_grad_${b.value})`,
             startX: u,
             endX: d,
             centerX: f,
@@ -298,8 +298,8 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       }), t = () => {
         let a = !0;
         x.value = q.value.map((u, d) => {
-          const f = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, C = u.endVal + o[d] * l, X = o[d] >= 0 ? Math.min(C, f) : Math.max(C, f);
-          return X !== f && (a = !1), { ...u, endVal: X };
+          const f = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, C = u.endVal + o[d] * l, T = o[d] >= 0 ? Math.min(C, f) : Math.max(C, f);
+          return T !== f && (a = !1), { ...u, endVal: T };
         }), a ? L.value = null : L.value = requestAnimationFrame(t);
       };
       L.value = requestAnimationFrame(t);
@@ -319,7 +319,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), T = g(() => {
+    })), X = g(() => {
       const l = x.value.map((t) => ({
         name: t.name
       })), o = x.value.map((t) => ({
@@ -333,19 +333,19 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
         e.value.table.columnNames.start,
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
-      ], o = T.value.head.map((u, d) => {
+      ], o = X.value.head.map((u, d) => {
         const f = A({
           p: e.value.style.chart.labels.prefix,
-          v: T.value.body[d].start,
+          v: X.value.body[d].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), C = A({
           p: e.value.style.chart.labels.prefix,
-          v: T.value.body[d].end,
+          v: X.value.body[d].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), X = A({
-          v: 100 * (T.value.body[d].end / T.value.body[d].start - 1),
+        }), T = A({
+          v: 100 * (X.value.body[d].end / X.value.body[d].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
@@ -353,7 +353,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           { name: u.name },
           f,
           C,
-          X
+          T
         ];
       }), t = {
         th: {
@@ -382,9 +382,9 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
     });
     function pe(l = null) {
       tl(() => {
-        const o = T.value.head.map((u, d) => [[
+        const o = X.value.head.map((u, d) => [[
           u.name
-        ], [T.value.body[d].start], [T.value.body[d].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(o), a = rl(t);
+        ], [X.value.body[d].start], [X.value.body[d].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(o), a = rl(t);
         l ? l(a) : nl({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
@@ -837,7 +837,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           "font-size": e.value.style.chart.labels.axis.fontSize,
           fill: e.value.style.chart.labels.axis.color,
           "text-anchor": "middle"
-        }, k(e.value.style.chart.labels.axis.xLabel), 9, Tl)) : y("", !0),
+        }, k(e.value.style.chart.labels.axis.xLabel), 9, Xl)) : y("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (r(), v("g", {
           key: 6,
           ref_key: "scaleLabels",
@@ -861,7 +861,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, Xl))), 128))
+          )), 9, Tl))), 128))
         ], 512)) : y("", !0),
         Z(c("g", null, [
           Z(c("path", {
@@ -1139,7 +1139,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
       c("div", {
         id: `legend-bottom-${b.value}`
       }, null, 8, wa),
-      Xe.value ? (r(), E(Kt, {
+      Te.value ? (r(), E(Kt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
@@ -1148,7 +1148,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
           ref: De
         }, [
           e.value.style.chart.legend.show && ee.value ? (r(), E(Cl, {
-            key: `legend_${Te.value}`,
+            key: `legend_${Xe.value}`,
             legendSet: ge.value,
             config: Et.value,
             clickable: !1

package/dist/{vue-ui-flow-CPnYumnP.js → vue-ui-flow-CgAIlvZF.js}

@@ -1,16 +1,16 @@
-import { defineAsyncComponent as j, ref as u, computed as f, onMounted as Bo, toRefs as Do, watch as xe, createElementBlock as m, openBlock as c, unref as r, normalizeStyle as W, normalizeClass as Ht, createBlock as Q, createCommentVNode as $, createElementVNode as U, createVNode as Oe, withCtx as v, renderSlot as h, normalizeProps as P, guardReactiveProps as I, createSlots as jt, Fragment as he, renderList as ge, withKeys as Je, withModifiers as Qe, toDisplayString as pe, Teleport as Po, resolveDynamicComponent as Io, mergeProps as Mo, createTextVNode as Wt, nextTick as Ut } from "vue";
-import { c as _e, t as zo, o as Gt, g as Lo, i as Ro, p as R, j as Yo, T, l as Ho, d as le, X as jo, a as Ne, w as Vt, F as Wo, u as Uo, q as Go, x as Vo } from "./lib-W9waxHL3.js";
+import { defineAsyncComponent as j, ref as u, computed as f, onMounted as Bo, toRefs as Do, watch as xe, createElementBlock as m, openBlock as c, unref as r, normalizeStyle as U, normalizeClass as Ht, createBlock as Q, createCommentVNode as $, createElementVNode as W, createVNode as Oe, withCtx as v, renderSlot as h, normalizeProps as P, guardReactiveProps as I, createSlots as jt, Fragment as he, renderList as ge, withKeys as Je, withModifiers as Qe, toDisplayString as pe, Teleport as Po, resolveDynamicComponent as Io, mergeProps as Mo, createTextVNode as Ut, nextTick as Wt } from "vue";
+import { c as _e, t as zo, o as Gt, g as Lo, i as Ro, j as R, k as Yo, U as T, m as Ho, d as le, X as jo, a as Ne, x as Vt, G as Uo, v as Wo, r as Go, y as Vo } from "./lib-BwysEpWI.js";
 import { t as Xo, u as qo } from "./useResponsive-DfdjqQps.js";
-import { u as Ko, a as et } from "./useNestedProp-D-jUHecl.js";
-import { u as Zo } from "./usePrinter-DhoMn87n.js";
+import { u as Ko, a as et } from "./useNestedProp--5lL-kf1.js";
+import { u as Zo } from "./usePrinter-BJzHDpYF.js";
 import { u as Jo, B as Qo } from "./BaseScanner-BMpwQAfz.js";
 import { u as el } from "./useSvgExport-ByUukOZt.js";
 import { u as tl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ol } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
-import al from "./Legend-Dxz13z4E.js";
-import nl from "./Title-DFtCaCah.js";
-import sl from "./img-BJzUSmkm.js";
+import al from "./Legend-D6z73edh.js";
+import nl from "./Title-BhURirpm.js";
+import sl from "./img-DKigoPDs.js";
 import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, qt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, nodes: { stroke: "#3A3A3A" }, links: { stroke: "#3A3A3A" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Kt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, nodes: { stroke: "#1E1E1E" }, links: { stroke: "#1E1E1E" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Zt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#1A1A1A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Jt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, nodes: { stroke: "#fbfafa" }, links: { stroke: "#fbfafa" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Qt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, nodes: { stroke: "#f6f6fb" }, links: { stroke: "#f6f6fb" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, eo = {
   default: {},
@@ -54,7 +54,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
     }
   },
   setup(to, { expose: oo }) {
-    const lo = j(() => import("./Tooltip-B79qvriT.js")), ao = j(() => import("./BaseIcon-r3_sTK1A.js")), no = j(() => import("./vue-ui-accordion-B6BX2vhq.js")), so = j(() => import("./DataTable-DNeCys3I.js")), ro = j(() => import("./PenAndPaper-CsqBamFZ.js")), uo = j(() => import("./UserOptions-B-2A_KRb.js")), io = j(() => import("./PackageVersion-DPLuuWzw.js")), co = j(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_flow: vo } = Ko(), { isThemeValid: fo, warnInvalidTheme: ho } = tl(), F = to, G = u(_e()), B = u(null), tt = u(0), ot = u(0), Be = u(!1), De = u(""), lt = u(null), at = u(null), nt = u(null), ae = u(null), be = u(null), st = u(!1), ne = u(null), Pe = u(null), Ie = u(null), rt = f(() => !!F.dataset && F.dataset.length);
+    const lo = j(() => import("./Tooltip-TDyKgLB6.js")), ao = j(() => import("./BaseIcon-4i3dd7Ty.js")), no = j(() => import("./vue-ui-accordion-tQNKwbVi.js")), so = j(() => import("./DataTable-WrXCJkfE.js")), ro = j(() => import("./PenAndPaper-DxIUvoQ8.js")), uo = j(() => import("./UserOptions-CzJWRC4s.js")), io = j(() => import("./PackageVersion-D3cMhAlf.js")), co = j(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_flow: vo } = Ko(), { isThemeValid: fo, warnInvalidTheme: ho } = tl(), F = to, G = u(_e()), B = u(null), tt = u(0), ot = u(0), Be = u(!1), De = u(""), lt = u(null), at = u(null), nt = u(null), ae = u(null), be = u(null), st = u(!1), ne = u(null), Pe = u(null), Ie = u(null), rt = f(() => !!F.dataset && F.dataset.length);
     Bo(() => {
       st.value = !0, it();
     });
@@ -405,7 +405,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       })
     ));
     function je(o = null) {
-      Ut(() => {
+      Wt(() => {
         const l = wt.value.map((s, w) => [[s.source], [s.target], [s.value]]), t = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
@@ -414,7 +414,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             [e.value.table.columnNames.target],
             [e.value.table.columnNames.value]
           ]
-        ].concat(l), a = Uo(t);
+        ].concat(l), a = Wo(t);
         o ? o(a) : Go({
           csvContent: a,
           title: e.value.style.chart.title.text || "vue-ui-flow"
@@ -474,7 +474,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       S.value.showTable = !S.value.showTable;
     }
     const Te = u(!1);
-    function We() {
+    function Ue() {
       Te.value = !Te.value;
     }
     function Tt() {
@@ -499,7 +499,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         opacity: X.value.length ? X.value.includes(t) ? 1 : 0.5 : 1,
         display: `${l.name} (${l.count})`
       }));
-    }), Ue = f(
+    }), We = f(
       () => Ft.value.filter((o) => o.name !== "__uncategorized__")
     ), X = u([]);
     function Ge({ legend: o, i: l }) {
@@ -568,7 +568,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
     function St() {
       S.value.showTable = !1, Pe.value && Pe.value.setTableIconState(!1);
     }
-    const Ao = f(() => Ue.value.map((o) => ({
+    const Ao = f(() => We.value.map((o) => ({
       ...o,
       name: o.display
     }))), wo = f(() => e.value.style.chart.backgroundColor), $o = f(() => e.value.style.chart.legend), To = f(() => e.value.style.chart.title), { exportSvg: Fo, getSvg: So } = el({
@@ -586,7 +586,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         Fo();
     }
     async function Eo(o, l) {
-      if (At(o, l), S.value.showTooltip && (await Ut(), B.value && Ie.value)) {
+      if (At(o, l), S.value.showTooltip && (await Wt(), B.value && Ie.value)) {
         const { left: t, top: a } = B.value.getBoundingClientRect();
         Ie.value.placeTooltip({ x: (t ?? 0) + 12, y: (a ?? 0) + 12 });
       }
@@ -599,7 +599,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       generateSvg: Et,
       generatePdf: pt,
       toggleTable: $t,
-      toggleAnnotator: We,
+      toggleAnnotator: Ue,
       toggleTooltip: Tt,
       drillCategory: Ge,
       unselectNode: we,
@@ -608,7 +608,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       ref_key: "flowChart",
       ref: B,
       class: Ht(`vue-data-ui-component vue-ui-flow ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: W(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      style: U(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `flow_${G.value}`,
       onMouseenter: l[2] || (l[2] = () => r(ct)(!0)),
       onMouseleave: l[3] || (l[3] = () => r(ct)(!1))
@@ -619,7 +619,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: Te.value,
-        onClose: We
+        onClose: Ue
       }, {
         "annotator-action-close": v(() => [
           h(o.$slots, "annotator-action-close", {}, void 0, !0)
@@ -662,7 +662,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           }
         }, null, 8, ["config"]))
       ], 512)) : $("", !0),
-      U("div", {
+      W("div", {
         id: `legend-top-${G.value}`
       }, null, 8, cl),
       e.value.userOptions.show && rt.value && (r(dt) || r(Le)) ? (c(), Q(r(uo), {
@@ -698,8 +698,8 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         onGenerateImage: r(bt),
         onGenerateSvg: Et,
         onToggleTable: $t,
-        onToggleAnnotator: We,
-        style: W({
+        onToggleAnnotator: Ue,
+        style: U({
           visibility: r(dt) ? r(Le) ? "visible" : "hidden" : "visible"
         })
       }, jt({ _: 2 }, [
@@ -776,7 +776,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           "vue-data-ui-fullscreen--on": V.value,
           "vue-data-ui-fulscreen--off": !V.value
         }),
-        style: W({
+        style: U({
           maxWidth: "100%",
           overflow: "visible",
           background: "transparent",
@@ -796,7 +796,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         }, [
           h(o.$slots, "chart-background", {}, void 0, !0)
         ], 8, vl)) : $("", !0),
-        U("defs", null, [
+        W("defs", null, [
           (c(!0), m(he, null, ge(E.value.links, (t, a) => (c(), m("linearGradient", {
             id: t.id,
             x1: "0%",
@@ -804,11 +804,11 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             x2: "100%",
             y2: "0%"
           }, [
-            U("stop", {
+            W("stop", {
               offset: "0%",
               "stop-color": t.sourceColor
             }, null, 8, hl),
-            U("stop", {
+            W("stop", {
               offset: "100%",
               "stop-color": t.targetColor
             }, null, 8, gl)
@@ -822,7 +822,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           fill: `url(#${t.id})`,
           stroke: e.value.style.chart.links.stroke,
           "stroke-width": e.value.style.chart.links.strokeWidth,
-          style: W(`
+          style: U(`
                     opacity:${A.value ? A.value.includes(t.source) && A.value.includes(t.target) ? 1 : 0.3 : ee.value ? [t.target, t.source].includes(ee.value) ? 1 : 0.3 : e.value.style.chart.links.opacity}
                 `)
         }, null, 12, pl))), 256)),
@@ -836,7 +836,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           stroke: e.value.style.chart.nodes.stroke,
           "stroke-width": e.value.style.chart.nodes.strokeWidth,
           rx: e.value.style.chart.nodes.borderRadius,
-          style: W({
+          style: U({
             opacity: A.value ? A.value.includes(t.name) ? 1 : 0.3 : 1,
             outline: Ae.value !== null && Ae.value === t.id ? "2px solid currentColor" : void 0
           }),
@@ -872,8 +872,8 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             "font-size": e.value.style.chart.nodes.labels.fontSize,
             fill: r(Vt)(t.color),
             "text-anchor": "middle",
-            style: W(`pointer-events: none; opacity:${A.value ? A.value.includes(t.name) ? 1 : 0 : 1}`)
-          }, pe(e.value.style.chart.nodes.labels.abbreviation.use ? r(Wo)({
+            style: U(`pointer-events: none; opacity:${A.value ? A.value.includes(t.name) ? 1 : 0 : 1}`)
+          }, pe(e.value.style.chart.nodes.labels.abbreviation.use ? r(Uo)({
             source: t.name,
             length: e.value.style.chart.nodes.labels.abbreviation.length
           }) : t.name), 13, yl))), 256)),
@@ -885,7 +885,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             "font-size": e.value.style.chart.nodes.labels.fontSize,
             fill: r(Vt)(t.color),
             "text-anchor": "middle",
-            style: W(`pointer-events: none; opacity:${A.value ? A.value.includes(t.name) ? 1 : 0 : 1}`)
+            style: U(`pointer-events: none; opacity:${A.value ? A.value.includes(t.name) ? 1 : 0 : 1}`)
           }, pe(r(Ne)(
             e.value.style.chart.nodes.labels.formatter,
             t.value,
@@ -903,20 +903,20 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       o.$slots.watermark ? (c(), m("div", kl, [
         h(o.$slots, "watermark", P(I({ isPrinting: r(ht) || r(gt) })), void 0, !0)
       ])) : $("", !0),
-      U("div", {
+      W("div", {
         id: `legend-bottom-${G.value}`
       }, null, 8, Al),
       st.value ? (c(), Q(Po, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${G.value}` : `#legend-bottom-${G.value}`
       }, [
-        U("div", {
+        W("div", {
           ref_key: "chartLegend",
           ref: lt
         }, [
-          e.value.style.chart.legend.show && Ue.value.length ? (c(), Q(al, {
+          e.value.style.chart.legend.show && We.value.length ? (c(), Q(al, {
             key: 0,
-            legendSet: Ue.value,
+            legendSet: We.value,
             config: Co.value,
             onClickMarker: l[0] || (l[0] = (t) => Ge(t))
           }, {
@@ -924,7 +924,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
               r(Me) ? $("", !0) : (c(), m("div", {
                 key: 0,
                 onClick: (s) => t.segregate(),
-                style: W(`opacity:${X.value.length ? X.value.includes(a) ? 1 : 0.5 : 1}`)
+                style: U(`opacity:${X.value.length ? X.value.includes(a) ? 1 : 0.5 : 1}`)
               }, pe(t.display), 13, wl))
             ]),
             _: 1
@@ -986,13 +986,13 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
             onClose: St
           }, {
             th: v(({ th: t }) => [
-              U("div", {
+              W("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, $l)
             ]),
             td: v(({ td: t }) => [
-              Wt(pe(t.name || t), 1)
+              Ut(pe(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
@@ -1002,14 +1002,14 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
         e.value.table.useDialog ? {
           name: "title",
           fn: v(() => [
-            Wt(pe(ie.value.title), 1)
+            Ut(pe(ie.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
           fn: v(() => [
-            U("button", {
+            W("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: l[1] || (l[1] = (t) => je(e.value.userOptions.callbacks.csv))

package/dist/{vue-ui-funnel-BPnUog47.js → vue-ui-funnel-CpgqO34n.js}

@@ -1,14 +1,14 @@
 import { useCssVars as rt, computed as v, defineAsyncComponent as F, ref as f, shallowRef as $e, onMounted as nt, onBeforeUnmount as ut, watch as Le, createElementBlock as d, openBlock as r, unref as s, normalizeStyle as x, normalizeClass as z, createBlock as N, createCommentVNode as m, withCtx as n, renderSlot as i, normalizeProps as k, guardReactiveProps as A, createSlots as Fe, createVNode as De, createElementVNode as w, mergeProps as H, Fragment as X, renderList as W, toDisplayString as V, resolveDynamicComponent as it, createTextVNode as _e, nextTick as ct } from "vue";
-import { c as vt, o as dt, g as xe, k as ft, l as ht, n as bt, a as q, d as Y, X as gt, w as mt, a1 as ae, u as pt, q as yt } from "./lib-W9waxHL3.js";
+import { c as vt, o as dt, g as xe, l as ft, m as ht, q as bt, a as q, d as Y, X as gt, x as mt, a2 as ae, v as pt, r as yt } from "./lib-BwysEpWI.js";
 import { t as Ct, u as kt } from "./useResponsive-DfdjqQps.js";
-import { u as At, a as le } from "./useNestedProp-D-jUHecl.js";
-import { u as wt } from "./usePrinter-DhoMn87n.js";
+import { u as At, a as le } from "./useNestedProp--5lL-kf1.js";
+import { u as wt } from "./usePrinter-BJzHDpYF.js";
 import { u as $t } from "./useSvgExport-ByUukOZt.js";
 import { u as Lt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Dt } from "./useChartAccessibility-9icAAmYg.js";
-import _t from "./img-BJzUSmkm.js";
-import xt from "./Title-DFtCaCah.js";
+import _t from "./img-DKigoPDs.js";
+import xt from "./Title-BhURirpm.js";
 import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", area: { color: "#3A3A3A" }, bars: { stroke: "#1A1A1A", dataLabels: { name: { color: "#CCCCCC" }, value: { color: "#CCCCCC" } } }, circles: { stroke: "#1A1A1A" }, circleLinks: { color: "#3A3A3A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Te = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", area: { color: "#D32F2F20" }, bars: { defaultColor: "#E64A19", stroke: "#FFF8E1", dataLabels: { name: { color: "#424242" }, value: { color: "#424242" } } }, circles: { stroke: "#FFF8E1" }, circleLinks: { color: "#D32F2F40" }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, Oe = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", area: { color: "#D32F2F20" }, bars: { defaultColor: "#E64A19", stroke: "#1E1E1E", dataLabels: { name: { color: "#BDBDBD" }, value: { color: "#BDBDBD" } } }, circles: { stroke: "#1E1E1E" }, circleLinks: { color: "#D32F2F60" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, Be = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", area: { color: "#66CC6620" }, bars: { defaultColor: "#66CC66", stroke: "#1A1A1A", dataLabels: { name: { color: "#99AA99" }, value: { color: "#99AA99" } } }, circles: { stroke: "#1A1A1A" }, circleLinks: { color: "#66CC6620" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, Ee = { table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", area: { color: "#8F837A20" }, bars: { defaultColor: "#8F837A", stroke: "#fbfafa", dataLabels: { name: { color: "#8A9892" }, value: { color: "#8A9892" } } }, circles: { stroke: "#fbfafa" }, circleLinks: { color: "#8F837A20" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, ze = { table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", area: { color: "#8A989230" }, bars: { defaultColor: "#61747E", stroke: "#50606C", dataLabels: { name: { color: "#50606C" }, value: { color: "#50606C" } } }, circles: { stroke: "#50606C" }, circleLinks: { color: "#8A989230" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, Ne = {
   default: {},
@@ -50,7 +50,7 @@ const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     rt((t) => ({
       v1175b36b: Ze.value
     }));
-    const Re = F(() => import("./BaseIcon-r3_sTK1A.js")), Me = F(() => import("./vue-ui-skeleton-C8Aq8dTp.js")), Ue = F(() => import("./vue-ui-accordion-B6BX2vhq.js")), Ve = F(() => import("./DataTable-DNeCys3I.js")), je = F(() => import("./UserOptions-B-2A_KRb.js")), Ge = F(() => import("./PenAndPaper-CsqBamFZ.js")), He = F(() => import("./PackageVersion-DPLuuWzw.js")), Xe = F(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_funnel: We } = At(), { isThemeValid: qe, warnInvalidTheme: Ye } = Lt(), p = Pe, $ = f(null), P = f(vt()), oe = f(0), se = f(0), re = f(0), ne = f(null), ue = f(null), ie = f(null), L = $e(null), S = $e(null), D = f(!1), I = f(null), J = f(null), T = v(() => !!p.dataset && p.dataset.length);
+    const Re = F(() => import("./BaseIcon-4i3dd7Ty.js")), Me = F(() => import("./vue-ui-skeleton-UoBAzUyN.js")), Ue = F(() => import("./vue-ui-accordion-tQNKwbVi.js")), Ve = F(() => import("./DataTable-WrXCJkfE.js")), je = F(() => import("./UserOptions-CzJWRC4s.js")), Ge = F(() => import("./PenAndPaper-DxIUvoQ8.js")), He = F(() => import("./PackageVersion-D3cMhAlf.js")), Xe = F(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_funnel: We } = At(), { isThemeValid: qe, warnInvalidTheme: Ye } = Lt(), p = Pe, $ = f(null), P = f(vt()), oe = f(0), se = f(0), re = f(0), ne = f(null), ue = f(null), ie = f(null), L = $e(null), S = $e(null), D = f(!1), I = f(null), J = f(null), T = v(() => !!p.dataset && p.dataset.length);
     nt(ce);
     function ce() {
       if (dt(p.dataset) ? xe({