vue-data-ui 3.13.0 → 3.13.2

package/dist/{vue-ui-donut-D5nqwNxn.js → vue-ui-donut-CvgJGvr8.js}

@@ -1,19 +1,19 @@
-import { computed as g, defineAsyncComponent as Fe, useSlots as Wl, shallowRef as Me, ref as w, onMounted as ol, onBeforeUnmount as al, toRefs as ql, watch as Ne, createElementBlock as i, openBlock as r, normalizeStyle as I, normalizeClass as Nt, createBlock as we, createCommentVNode as h, renderSlot as C, createElementVNode as b, createVNode as Ct, unref as n, withCtx as k, normalizeProps as te, guardReactiveProps as le, createSlots as Rt, Fragment as $, renderList as j, mergeProps as Vt, toDisplayString as ke, withDirectives as wt, vShow as kt, Teleport as Ql, resolveDynamicComponent as Jl, createTextVNode as nl, nextTick as Kl } from "vue";
-import { o as sl, g as Ut, l as Zl, c as eo, t as to, k as lo, U as oo, m as rl, j as Xe, a as ge, d as ie, a3 as ul, av as ao, X as no, s as At, h as so, a4 as ro, ac as z, Q as il, a5 as Ae, a6 as x, as as cl, f as uo, i as io, v as co, r as vo, y as ho, ag as dl, aw as fo } from "./lib-CVHM9FhP.js";
-import { f as yo, b as go } from "./labelUtils-D6Y-n7cD.js";
+import { computed as g, defineAsyncComponent as Fe, useSlots as ql, shallowRef as Me, ref as w, onMounted as ol, onBeforeUnmount as al, toRefs as Wl, watch as Ne, createElementBlock as i, openBlock as r, normalizeStyle as I, normalizeClass as Nt, createBlock as we, createCommentVNode as h, renderSlot as C, createElementVNode as b, createVNode as Ct, unref as n, withCtx as k, normalizeProps as te, guardReactiveProps as le, createSlots as Rt, Fragment as $, renderList as j, mergeProps as Vt, toDisplayString as ke, withDirectives as wt, vShow as kt, Teleport as Ql, resolveDynamicComponent as Jl, createTextVNode as nl, nextTick as Kl } from "vue";
+import { o as sl, g as Ut, l as Zl, c as eo, t as to, k as lo, U as oo, m as rl, j as Xe, a as ge, d as ie, a3 as ul, at as ao, X as no, s as At, h as so, a4 as ro, ac as z, Q as il, a5 as Ae, a6 as x, aq as cl, f as uo, i as io, v as co, r as vo, y as ho, ag as dl, au as fo } from "./lib-BrVUf7jz.js";
+import { f as yo, b as go } from "./labelUtils-BurkE07s.js";
 import { t as po, u as bo } from "./useResponsive-DfdjqQps.js";
-import { u as mo, a as Ht } from "./useNestedProp-DBDAPWcu.js";
-import { u as Co } from "./usePrinter-1NmjuP-i.js";
+import { u as mo, a as Ht } from "./useNestedProp-Bamwa7TH.js";
+import { u as Co } from "./usePrinter-DKjCimma.js";
 import { u as wo, B as ko } from "./BaseScanner-BMpwQAfz.js";
 import { u as Ao } from "./useSvgExport-ByUukOZt.js";
 import { u as xo } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as $o } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as _o } from "./useChartAccessibility-9icAAmYg.js";
-import To from "./img-6fNF_rG0.js";
-import { _ as So } from "./Shape-PzdCMGsP.js";
-import Lo from "./Title-B2qhu8Lw.js";
-import Fo from "./Legend-DUESGUtH.js";
-import { B as Mo } from "./BaseLegendToggle-B4-hdikk.js";
+import To from "./img-BMMrBrFA.js";
+import { _ as So } from "./Shape-CDT71WC7.js";
+import Lo from "./Title-CeMocAxM.js";
+import Fo from "./Legend-DDvnrFfr.js";
+import { B as Mo } from "./BaseLegendToggle-BMdGBKCs.js";
 import { _ as Po } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Io(tt) {
   const {
@@ -38,7 +38,7 @@ function Io(tt) {
     function it({ midX: f, midY: y, bandX: p, bandY: c }) {
       if (!ut)
         return `M ${f} ${y} L ${f} ${c} L ${p} ${c}`;
-      const L = p < D ? -1 : 1, V = p - f, F = c - y, ne = Math.sqrt(V * V + F * F) || 1, be = f - D, e = y - S, J = Math.sqrt(be * be + e * e) || 1, W = be / J, ce = e / J, M = J + 9;
+      const L = p < D ? -1 : 1, V = p - f, F = c - y, ne = Math.sqrt(V * V + F * F) || 1, be = f - D, e = y - S, J = Math.sqrt(be * be + e * e) || 1, q = be / J, ce = e / J, M = J + 9;
       function me({ x: Be, y: $e }) {
         const Z = Be - D, ee = $e - S, _e = Math.sqrt(Z * Z + ee * ee) || 1;
         if (_e >= M) return { x: Be, y: $e };
@@ -57,7 +57,7 @@ function Io(tt) {
         let re = 2.5 + se * 4, Je = 1 + se * 2.5;
         re *= 0.9;
         const Bt = {
-          x: H + Z * re + W * Je,
+          x: H + Z * re + q * Je,
           y: Dt + ee * re + ce * Je
         }, ze = me(Bt);
         return `M ${f} ${y} Q ${ze.x} ${ze.y} ${p} ${c}`;
@@ -66,13 +66,13 @@ function Io(tt) {
       K < 20 && (K = 20), K > 46 && (K = 46);
       let De = ne * 0.46;
       De < 22 && (De = 22), De > 70 && (De = 70);
-      const qe = {
-        x: f + W * K,
+      const We = {
+        x: f + q * K,
         y: y + ce * K
       }, ht = D + L * Math.max(Math.abs(p - D), M), ft = {
         x: p - L * Math.min(De, Math.abs(ht - p) * 0.75),
         y: c
-      }, de = me(qe), yt = me(ft);
+      }, de = me(We), yt = me(ft);
       return `M ${f} ${y} C ${de.x} ${de.y} ${yt.x} ${yt.y} ${p} ${c}`;
     }
     function ct(f) {
@@ -127,9 +127,9 @@ function Io(tt) {
       let V = c;
       f.forEach((F) => {
         const { index: ne, midX: be, midY: e, labelHeight: J } = F;
-        let W;
-        L === "down" ? (W = V, V += J) : (V -= J, W = V);
-        const ce = W, vt = it({
+        let q;
+        L === "down" ? (q = V, V += J) : (V -= J, q = V);
+        const ce = q, vt = it({
           midX: be,
           midY: e,
           bandX: p,
@@ -139,18 +139,18 @@ function Io(tt) {
           side: y,
           markerX: p,
           markerY: ce,
-          labelY: W,
+          labelY: q,
           connectorPath: vt
         });
       });
     }
-    const We = R.map((f, y) => dt({ arc: f, index: y })).filter(Ie), B = {
+    const qe = R.map((f, y) => dt({ arc: f, index: y })).filter(Ie), B = {
       TL: [],
       TR: [],
       BL: [],
       BR: []
     };
-    return We.forEach((f) => {
+    return qe.forEach((f) => {
       B[je(f)].push(f);
     }), Object.keys(B).forEach((f) => {
       xe(B[f], f);
@@ -202,10 +202,10 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
   minimal: vl,
   minimalDark: hl,
   zen: ml
-}, Symbol.toStringTag, { value: "Module" })), Do = ["id"], Bo = ["id"], zo = ["xmlns", "viewBox"], Oo = ["width", "height"], Yo = { key: 1 }, Eo = ["id"], Xo = ["stop-color"], No = ["offset", "stop-color"], Ro = ["offset", "stop-color"], Vo = ["stop-color"], Uo = { key: 2 }, Ho = ["id", "cx", "cy"], Go = ["stop-color", "stop-opacity"], jo = ["stop-color"], Wo = ["id"], qo = ["id"], Qo = ["id"], Jo = ["flood-color"], Ko = ["id"], Zo = ["flood-color"], ea = ["d", "stroke", "filter"], ta = ["d", "stroke", "filter"], la = ["cx", "cy", "r", "fill", "filter"], oa = { key: 6 }, aa = ["stroke", "d"], na = ["d", "fill", "stroke", "stroke-width", "filter"], sa = { key: 0 }, ra = ["d", "fill", "stroke", "stroke-width", "filter"], ua = { key: 0 }, ia = ["stroke", "d"], ca = { key: 0 }, da = ["d", "stroke", "stroke-width", "filter"], va = { key: 1 }, ha = ["d", "fill", "stroke", "stroke-width", "filter"], fa = ["d", "fill", "stroke", "stroke-width", "filter"], ya = { key: 1 }, ga = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ba = { key: 0 }, ma = ["d", "fill", "stroke", "stroke-width"], Ca = ["cx", "cy", "r", "stroke"], wa = ["cx", "cy", "r", "fill"], ka = ["cx", "cy", "r"], Aa = { key: 0 }, xa = ["d", "stroke", "fill", "onMouseenter", "onMouseleave", "onClick"], $a = { key: 1 }, _a = ["cx", "cy", "r"], Ta = ["x", "y", "fill", "font-size"], Sa = ["x", "y", "fill", "font-size"], La = ["x", "y", "fill", "font-size"], Fa = ["x", "y", "fill", "font-size"], Ma = ["filter", "opacity"], Pa = { key: 0 }, Ia = ["x", "y"], Da = { key: 1 }, Ba = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], za = ["text-anchor", "x", "y", "onClick", "onMouseenter", "onMouseleave", "innerHTML"], Oa = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], Ya = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave", "innerHTML"], Ea = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], Xa = ["text-anchor", "x", "y", "onClick", "onMouseenter", "onMouseleave", "innerHTML"], Na = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], Ra = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave", "innerHTML"], Va = { key: 2 }, Ua = ["x", "y", "width"], Ha = ["x", "y", "width"], Ga = {
+}, Symbol.toStringTag, { value: "Module" })), Do = ["id"], Bo = ["id"], zo = ["xmlns", "viewBox"], Oo = ["width", "height"], Yo = { key: 1 }, Eo = ["id"], Xo = ["stop-color"], No = ["offset", "stop-color"], Ro = ["offset", "stop-color"], Vo = ["stop-color"], Uo = { key: 2 }, Ho = ["id", "cx", "cy"], Go = ["stop-color", "stop-opacity"], jo = ["stop-color"], qo = ["id"], Wo = ["id"], Qo = ["id"], Jo = ["flood-color"], Ko = ["id"], Zo = ["flood-color"], ea = ["d", "stroke", "filter"], ta = ["d", "stroke", "filter"], la = ["cx", "cy", "r", "fill", "filter"], oa = { key: 6 }, aa = ["stroke", "d"], na = ["d", "fill", "stroke", "stroke-width", "filter"], sa = { key: 0 }, ra = ["d", "fill", "stroke", "stroke-width", "filter"], ua = { key: 0 }, ia = ["stroke", "d"], ca = { key: 0 }, da = ["d", "stroke", "stroke-width", "filter"], va = { key: 1 }, ha = ["d", "fill", "stroke", "stroke-width", "filter"], fa = ["d", "fill", "stroke", "stroke-width", "filter"], ya = { key: 1 }, ga = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ba = { key: 0 }, ma = ["d", "fill", "stroke", "stroke-width"], Ca = ["cx", "cy", "r", "stroke"], wa = ["cx", "cy", "r", "fill"], ka = ["cx", "cy", "r"], Aa = { key: 0 }, xa = ["d", "stroke", "fill", "onMouseenter", "onMouseleave", "onClick"], $a = { key: 1 }, _a = ["cx", "cy", "r"], Ta = ["x", "y", "fill", "font-size"], Sa = ["x", "y", "fill", "font-size"], La = ["x", "y", "fill", "font-size"], Fa = ["x", "y", "fill", "font-size"], Ma = ["filter", "opacity"], Pa = { key: 0 }, Ia = ["x", "y"], Da = { key: 1 }, Ba = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], za = ["text-anchor", "x", "y", "onClick", "onMouseenter", "onMouseleave", "innerHTML"], Oa = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], Ya = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave", "innerHTML"], Ea = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], Xa = ["text-anchor", "x", "y", "onClick", "onMouseenter", "onMouseleave", "innerHTML"], Na = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], Ra = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave", "innerHTML"], Va = { key: 2 }, Ua = ["x", "y", "width"], Ha = ["x", "y", "width"], Ga = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, ja = ["id"], Wa = ["onClick"], qa = {
+}, ja = ["id"], qa = ["onClick"], Wa = {
   key: 7,
   class: "vue-ui-donut-hollow"
 }, Qa = ["innerHTML"], Ja = {
@@ -226,7 +226,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(tt, { expose: lt, emit: xt }) {
-    const Re = Fe(() => import("./Tooltip-B6qvABDL.js")), ot = Fe(() => import("./BaseIcon-BwSqZoOr.js")), $t = Fe(() => import("./vue-ui-accordion-C_mCy0GO.js")), at = Fe(() => import("./DataTable-B2a7qHZw.js")), _t = Fe(() => import("./PenAndPaper-D7T0cXZC.js")), Tt = Fe(() => import("./UserOptions-BaGfWcXF.js")), St = Fe(() => import("./PackageVersion-BUiZH7T6.js")), Lt = Fe(() => import("./BaseDraggableDialog-BOGgrHTy.js")), { vue_ui_donut: Ft } = mo(), { isThemeValid: Mt, warnInvalidTheme: Gt } = xo(), Ve = Wl(), R = tt, D = g({
+    const Re = Fe(() => import("./Tooltip-jUEeS8VT.js")), ot = Fe(() => import("./BaseIcon-CJ7mD4nD.js")), $t = Fe(() => import("./vue-ui-accordion-d_mYq_ty.js")), at = Fe(() => import("./DataTable-C2E28XF-.js")), _t = Fe(() => import("./PenAndPaper-CDju85X_.js")), Tt = Fe(() => import("./UserOptions-DV6hYCK6.js")), St = Fe(() => import("./PackageVersion-CdPbb2sr.js")), Lt = Fe(() => import("./BaseDraggableDialog-DC6U5583.js")), { vue_ui_donut: Ft } = mo(), { isThemeValid: Mt, warnInvalidTheme: Gt } = xo(), Ve = ql(), R = tt, D = g({
       get() {
         return !!R.dataset && R.dataset.length;
       },
@@ -243,10 +243,10 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       get: () => e.value.style.chart.layout.labels.dataLabels.smallArcClusterFontSize,
       set: (l) => l
     });
-    let We = !1;
+    let qe = !1;
     const B = () => {
-      !e.value.autoSize || We || (We = !0, requestAnimationFrame(() => {
-        We = !1;
+      !e.value.autoSize || qe || (qe = !0, requestAnimationFrame(() => {
+        qe = !1;
         const l = e.value, a = Pe.value, t = de.value;
         if (!l.autoSize || !a || !t) return;
         const [o, u, d, A] = t.getAttribute("viewBox").split(" ").map(Number), T = { x: o, y: u, width: d, height: A }, Y = [
@@ -374,8 +374,8 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       }
       return a;
     }
-    const e = w(be()), { loading: J, FINAL_DATASET: W, manualLoading: ce, skeletonDataset: vt } = wo({
-      ...ql(R),
+    const e = w(be()), { loading: J, FINAL_DATASET: q, manualLoading: ce, skeletonDataset: vt } = wo({
+      ...Wl(R),
       FINAL_CONFIG: e,
       prepareConfig: be,
       skeletonDataset: [
@@ -452,7 +452,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       async (l) => {
         if (l || Pt.value)
           return;
-        const a = W.value === vt, t = e.value.startAnimation?.show;
+        const a = q.value === vt, t = e.value.startAnimation?.show;
         if (!a && t) {
           Pt.value = !0;
           const o = e.value.startAnimation.durationMs || 1e3;
@@ -463,7 +463,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       },
       { immediate: !0 }
     );
-    const { userOptionsVisible: qe, setUserOptionsVisibility: ht, keepUserOptionState: ft } = $o({ config: e.value }), { svgRef: de } = _o({ config: e.value.style.chart.title });
+    const { userOptionsVisible: We, setUserOptionsVisibility: ht, keepUserOptionState: ft } = $o({ config: e.value }), { svgRef: de } = _o({ config: e.value.style.chart.title });
     function yt() {
       ht(!0);
     }
@@ -471,7 +471,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       ht(!1);
     }
     Ne(() => R.config, (l) => {
-      J.value || (e.value = be()), qe.value = !e.value.userOptions.showOnChartHover, p(), ut.value += 1, it.value += 1, ct.value += 1, m.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show, s.value.height = e.value.style.chart.height, s.value.width = e.value.style.chart.width;
+      J.value || (e.value = be()), We.value = !e.value.userOptions.showOnChartHover, p(), ut.value += 1, it.value += 1, ct.value += 1, m.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show, s.value.height = e.value.style.chart.height, s.value.width = e.value.style.chart.width;
     }, { deep: !0 });
     const $e = g(() => {
       const { top: l, right: a, bottom: t, left: o } = e.value.style.chart.padding;
@@ -510,7 +510,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
         return P.value;
       const l = e.value.style.chart.layout.donut.strokeWidth / 512, a = Math.min(s.value.width, s.value.height) * l, t = a > P.value ? P.value : a;
       return Math.max(t, 12 * (1 + l));
-    }), It = xt, N = g(() => W.value.sort((l, a) => {
+    }), It = xt, N = g(() => q.value.sort((l, a) => {
       const t = Array.isArray(l.values) ? l.values.reduce((u, d) => u + d, 0) : l.value ?? 0, o = Array.isArray(a.values) ? a.values.reduce((u, d) => u + d, 0) : a.value ?? 0;
       return l.ghost && !a.ghost ? 1 : a.ghost && !l.ghost ? -1 : o - t;
     }).map((l, a) => ({
@@ -621,7 +621,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       a !== null && (_.value.includes(a.seriesIndex) || ze(a.seriesIndex));
     }
     const Al = g(
-      () => W.value.reduce(
+      () => q.value.reduce(
         (l, a) => l + a.values.reduce((t, o) => t + o, 0),
         0
       )
@@ -650,8 +650,8 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
           ...l,
           seriesIndex: a
         })).filter((l, a) => !_.value.includes(a));
-    }), Ke = g(() => W.value.map((l, a) => {
-      const t = (l.values || []).reduce((u, d) => u + d, 0), o = t / W.value.map((u) => (u.values || []).reduce((d, A) => d + A, 0)).reduce((u, d) => u + d, 0);
+    }), Ke = g(() => q.value.map((l, a) => {
+      const t = (l.values || []).reduce((u, d) => u + d, 0), o = t / q.value.map((u) => (u.values || []).reduce((d, A) => d + A, 0)).reduce((u, d) => u + d, 0);
       return {
         name: l.name,
         color: rl(l.color) || Qe.value[a] || Xe[a] || Xe[a % Xe.length],
@@ -666,8 +666,8 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
         v: l.value,
         s: e.value.style.chart.layout.labels.dataLabels.suffix,
         r: e.value.style.chart.legend.roundingValue
-      }), { datapoint: l, index: a }), o = ge(e.value.style.chart.layout.labels.percentage.formatter, qt(l), ie({
-        v: qt(l),
+      }), { datapoint: l, index: a }), o = ge(e.value.style.chart.layout.labels.percentage.formatter, Wt(l), ie({
+        v: Wt(l),
         s: "%",
         r: e.value.style.chart.legend.roundingPercentage
       })), u = Et({
@@ -724,7 +724,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
     function Tl(l) {
       return l.middlePoint.y > s.value.height / 2 ? z({ initX: l.middlePoint.x, initY: l.middlePoint.y, offset: 100, centerX: s.value.width / 2, centerY: s.value.height / 2 }).y : z({ initX: l.middlePoint.x, initY: l.middlePoint.y, offset: 0, centerX: s.value.width / 2, centerY: s.value.height / 2 }).y - 100;
     }
-    function q(l) {
+    function W(l) {
       return l.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
     }
     function Sl(l, a) {
@@ -745,7 +745,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       segregated: _,
       isSmallArc: Sl
     });
-    function Wt(l, a) {
+    function qt(l, a) {
       const t = l.value / Ll(a);
       return isNaN(t) ? 0 : ge(
         e.value.style.chart.layout.labels.percentage.formatter,
@@ -765,7 +765,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       const l = N.value.reduce((a, t) => a + t.value, 0);
       return l <= 0 ? [] : N.value.map((a) => a.value / l);
     }), zt = g(() => Q.value / Ce.value.length);
-    function qt(l) {
+    function Wt(l) {
       return se.value ? l.proportion * 100 : l.value / Q.value * 100;
     }
     const Ot = w(null), Ze = w(!1);
@@ -1004,7 +1004,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
           }),
           { datapoint: l }
         ),
-        percentage: Wt(l, ue.value),
+        percentage: qt(l, ue.value),
         showVal: e.value.style.chart.layout.labels.value.show,
         showPercentage: !0,
         config: e.value.style.chart.layout.labels.dataLabels
@@ -1179,7 +1179,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       b("div", {
         id: `legend-top-${c.value}`
       }, null, 8, Bo),
-      e.value.userOptions.show && D.value && (n(ft) || n(qe)) ? (r(), we(n(Tt), {
+      e.value.userOptions.show && D.value && (n(ft) || n(We)) ? (r(), we(n(Tt), {
         ref_key: "userOptionsRef",
         ref: je,
         key: `user_option_${ne.value}`,
@@ -1215,7 +1215,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
         onToggleLabels: Zt,
         onToggleTooltip: el,
         onToggleAnnotator: Xt,
-        style: I({ visibility: n(ft) ? n(qe) ? "visible" : "hidden" : "visible" })
+        style: I({ visibility: n(ft) ? n(We) ? "visible" : "hidden" : "visible" })
       }, Rt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
@@ -1370,12 +1370,12 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                 in: "SourceGraphic",
                 stdDeviation: 2,
                 id: `blur_std_${c.value}`
-              }, null, 8, qo),
+              }, null, 8, Wo),
               a[5] || (a[5] = b("feColorMatrix", {
                 type: "saturate",
                 values: "0"
               }, null, -1))
-            ], 8, Wo),
+            ], 8, qo),
             b("filter", {
               id: `shadow_${c.value}`,
               "color-interpolation-filters": "sRGB"
@@ -1406,7 +1406,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
             ], 8, Ko)
           ]),
           e.value.type === "classic" ? (r(!0), i($, { key: 3 }, j(U.value.filter((t) => !t.ghost), (t, o) => (r(), i("g", null, [
-            q(t) && m.value.dataLabels.show ? (r(), i("path", {
+            W(t) && m.value.dataLabels.show ? (r(), i("path", {
               key: 0,
               d: n(O)[o]?.connectorPath || n(ro)(
                 t,
@@ -1428,7 +1428,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
             }, null, 8, ea)) : h("", !0)
           ]))), 256)) : h("", !0),
           e.value.type === "polar" ? (r(!0), i($, { key: 4 }, j(U.value.filter((t) => !t.ghost), (t, o) => (r(), i("g", null, [
-            q(t) && m.value.dataLabels.show ? (r(), i("path", {
+            W(t) && m.value.dataLabels.show ? (r(), i("path", {
               key: 0,
               d: `M ${n(z)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 24, centerX: s.value.width / 2, centerY: s.value.height / 2 }).x},${n(z)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 24, centerX: s.value.width / 2, centerY: s.value.height / 2 }).y} ${v.value[o].middlePoint.x},${v.value[o].middlePoint.y}`,
               stroke: t.color,
@@ -1697,16 +1697,16 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                     datapoint: t,
                     isBlur: !e.value.useBlurOnHover || [null, void 0].includes(F.value) || F.value === o,
                     isSafari: Jt.value,
-                    isVisible: q(t) && m.value.dataLabels.show,
+                    isVisible: W(t) && m.value.dataLabels.show,
                     textAlign: n(x)(t, !0, 16, !0).anchor,
                     flexAlign: n(x)(t, !0, 16).anchor,
-                    percentage: Wt(t, ue.value)
+                    percentage: qt(t, ue.value)
                   }), void 0, !0)
                 ])
               ], 8, Ia))
             ])) : (r(), i("g", Da, [
               e.value.type === "classic" ? (r(), i($, { key: 0 }, [
-                q(t) && m.value.dataLabels.show ? (r(), i("circle", {
+                W(t) && m.value.dataLabels.show ? (r(), i("circle", {
                   key: 0,
                   cx: n(O)[o]?.markerX ?? n(x)(t).x,
                   cy: n(O)[o]?.markerY ?? n(Ae)(t) - 3.5,
@@ -1740,7 +1740,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                   onMouseleave: (u) => he({ datapoint: t, seriesIndex: t.seriesIndex }),
                   innerHTML: Pl(t, o, !!n(O)[o])
                 }, null, 40, za)), [
-                  [kt, q(t) && m.value.dataLabels.show]
+                  [kt, W(t) && m.value.dataLabels.show]
                 ]) : (r(), i($, { key: 2 }, [
                   wt(b("text", {
                     class: "vue-data-ui-datalabel-value",
@@ -1759,7 +1759,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                     }),
                     onMouseleave: (u) => he({ datapoint: t, seriesIndex: t.seriesIndex })
                   }, ke(bt(t)), 45, Oa), [
-                    [kt, q(t) && m.value.dataLabels.show]
+                    [kt, W(t) && m.value.dataLabels.show]
                   ]),
                   wt(b("text", {
                     class: "vue-data-ui-datalabel-name",
@@ -1785,12 +1785,12 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                       y: (n(O)[o]?.labelY ?? n(Ae)(t)) + X.value
                     })
                   }, null, 44, Ya), [
-                    [kt, q(t) && m.value.dataLabels.show]
+                    [kt, W(t) && m.value.dataLabels.show]
                   ])
                 ], 64))
               ], 64)) : h("", !0),
               e.value.type === "polar" ? (r(), i($, { key: 1 }, [
-                q(t) && m.value.dataLabels.show ? (r(), i("circle", {
+                W(t) && m.value.dataLabels.show ? (r(), i("circle", {
                   key: 0,
                   cx: n(z)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 24, centerX: s.value.width / 2, centerY: s.value.height / 2 }).x,
                   cy: n(z)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 24, centerX: s.value.width / 2, centerY: s.value.height / 2 }).y,
@@ -1830,9 +1830,9 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                   onMouseleave: (u) => he({ datapoint: t, seriesIndex: t.seriesIndex }),
                   innerHTML: Il(t, o)
                 }, null, 44, Xa)), [
-                  [kt, q(t) && m.value.dataLabels.show]
+                  [kt, W(t) && m.value.dataLabels.show]
                 ]) : (r(), i($, { key: 2 }, [
-                  q(t) && m.value.dataLabels.show ? (r(), i("text", {
+                  W(t) && m.value.dataLabels.show ? (r(), i("text", {
                     key: 0,
                     class: "vue-data-ui-datalabel-value",
                     "text-anchor": Se(v.value[o].middlePoint),
@@ -1853,7 +1853,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                     }),
                     onMouseleave: (u) => he({ datapoint: t, seriesIndex: t.seriesIndex })
                   }, ke(bt(t)), 45, Na)) : h("", !0),
-                  q(t) && m.value.dataLabels.show ? (r(), i("text", {
+                  W(t) && m.value.dataLabels.show ? (r(), i("text", {
                     key: 1,
                     class: "vue-data-ui-datalabel-name",
                     "text-anchor": Se(v.value[o].middlePoint),
@@ -1885,7 +1885,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
               ], 64)) : h("", !0)
             ])),
             m.value.dataLabels.show && e.value.style.chart.comments.show && t.comment ? (r(), i("g", Va, [
-              q(t) && e.value.type === "classic" ? (r(), i("foreignObject", {
+              W(t) && e.value.type === "classic" ? (r(), i("foreignObject", {
                 key: 0,
                 x: e.value.style.chart.comments.offsetX + (n(x)(t, !0).anchor === "end" ? n(x)(t).x - e.value.style.chart.comments.width : n(x)(t, !0).anchor === "middle" ? n(x)(t).x - e.value.style.chart.comments.width / 2 : n(x)(t).x),
                 y: n(Ae)(t) + 24 + e.value.style.chart.comments.offsetY,
@@ -1899,7 +1899,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                   }, void 0, !0)
                 ])
               ], 8, Ua)) : h("", !0),
-              q(t) && e.value.type === "polar" ? (r(), i("foreignObject", {
+              W(t) && e.value.type === "polar" ? (r(), i("foreignObject", {
                 key: 1,
                 x: e.value.style.chart.comments.offsetX + (Se(v.value[o].middlePoint) === "end" ? n(z)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: s.value.width / 2, centerY: s.value.height / 2 }).x - e.value.style.chart.comments.width : Se(v.value[o].middlePoint) === "middle" ? n(z)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: s.value.width / 2, centerY: s.value.height / 2 }).x - e.value.style.chart.comments.width / 2 : n(z)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: s.value.width / 2, centerY: s.value.height / 2 }).x),
                 y: Tl(v.value[o]) + e.value.style.chart.comments.offsetY,
@@ -1946,7 +1946,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
               b("div", {
                 style: I(`opacity:${_.value.includes(o) ? 0.5 : 1}`),
                 onClick: (u) => t.segregate()
-              }, ke(t.display), 13, Wa)
+              }, ke(t.display), 13, qa)
             ]),
             legendToggle: k(() => [
               Ke.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !n(J) ? (r(), we(Mo, {
@@ -1985,7 +1985,7 @@ const vl = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       }, [
         C(l.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      l.$slots.hollow ? (r(), i("div", qa, [
+      l.$slots.hollow ? (r(), i("div", Wa, [
         C(l.$slots, "hollow", te(le({
           total: Q.value,
           average: zt.value,

package/dist/{vue-ui-donut-evolution-CCdXzG-K.js → vue-ui-donut-evolution-8t3VpFBM.js}

@@ -1,8 +1,8 @@
 import { defineAsyncComponent as R, ref as i, shallowRef as kl, computed as v, onMounted as xt, toRefs as wt, nextTick as Ee, watch as ce, watchEffect as Dt, onBeforeUnmount as Lt, createElementBlock as n, openBlock as u, unref as c, normalizeStyle as ee, normalizeClass as z, createBlock as B, createCommentVNode as d, createElementVNode as m, withCtx as C, renderSlot as k, normalizeProps as T, guardReactiveProps as O, createSlots as pl, createVNode as xl, Fragment as D, renderList as L, toDisplayString as p, Teleport as _t, resolveDynamicComponent as Ft, mergeProps as Bt, createTextVNode as $e } from "vue";
-import { c as wl, o as Dl, g as de, l as St, t as Et, i as $t, j as ve, k as zt, m as ze, a7 as Tt, E as Ll, N as Ot, a3 as Te, a as Oe, d as ge, X as It, s as le, a8 as Nt, $ as Pt, a4 as Rt, a5 as Vt, a6 as _l, v as Mt, r as Ut, a9 as Fl, aa as Ht } from "./lib-CVHM9FhP.js";
+import { c as wl, o as Dl, g as de, l as St, t as Et, i as $t, j as ve, k as zt, m as ze, a7 as Tt, E as Ll, N as Ot, a3 as Te, a as Oe, d as ge, X as It, s as le, a8 as Nt, $ as Pt, a4 as Rt, a5 as Vt, a6 as _l, v as Mt, r as Ut, a9 as Fl, aa as Ht } from "./lib-BrVUf7jz.js";
 import { t as Bl, u as Xt } from "./useResponsive-DfdjqQps.js";
-import { u as Wt, a as Ie } from "./useNestedProp-DBDAPWcu.js";
-import { u as jt } from "./usePrinter-1NmjuP-i.js";
+import { u as Wt, a as Ie } from "./useNestedProp-Bamwa7TH.js";
+import { u as jt } from "./usePrinter-DKjCimma.js";
 import { u as Gt, B as Yt } from "./BaseScanner-BMpwQAfz.js";
 import { u as qt } from "./useSvgExport-ByUukOZt.js";
 import { u as Jt } from "./useTimeLabels-DKoynYae.js";
@@ -10,11 +10,11 @@ import { u as Kt } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Zt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as eo } from "./useTimeLabelCollider-CIsgDrl9.js";
-import lo from "./img-6fNF_rG0.js";
-import to from "./Title-B2qhu8Lw.js";
-import oo from "./Legend-DUESGUtH.js";
-import { S as ao } from "./Slicer-52xjYM7P.js";
-import { B as ro } from "./BaseLegendToggle-B4-hdikk.js";
+import lo from "./img-BMMrBrFA.js";
+import to from "./Title-CeMocAxM.js";
+import oo from "./Legend-DDvnrFfr.js";
+import { S as ao } from "./Slicer-D6ACafGp.js";
+import { B as ro } from "./BaseLegendToggle-BMdGBKCs.js";
 import { _ as uo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Sl = { userOptions: { show: !1 }, style: { chart: { layout: { grid: { showVerticalLines: !1 } }, dialog: { donutChart: { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } } } } }, legend: { show: !1 } } } }, El = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A" }, dialog: { backgroundColor: "#1A1A1A", color: "#CCCCCC", header: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, donutChart: { userOptions: { show: !1 }, 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: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", 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: { showVerticalLines: !1, stroke: "#5A5A5A", yAxis: { dataLabels: { color: "#CCCCCC" } }, xAxis: { dataLabels: { color: "#CCCCCC" } } }, line: { stroke: "#4A4A4A" }, highlighter: { color: "#CCCCCC" }, dataLabels: { color: "#CCCCCC" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, $l = { 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, zl = { 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", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, 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", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Tl = { 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Ol = { 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", selectAllToggle: { backgroundColor: "#3A3A3A", 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", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Il = { 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", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, 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", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Nl = { 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", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, 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", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Pl = {
   default: {},
@@ -58,7 +58,7 @@ const Sl = { userOptions: { show: !1 }, style: { chart: { layout: { grid: { show
   },
   emits: ["selectLegend"],
   setup(Rl, { expose: Vl, emit: Ml }) {
-    const Ul = R(() => import("./vue-ui-accordion-C_mCy0GO.js")), Hl = R(() => import("./BaseIcon-BwSqZoOr.js")), Xl = R(() => import("./DataTable-B2a7qHZw.js")), Wl = R(() => import("./PackageVersion-BUiZH7T6.js")), jl = R(() => import("./PenAndPaper-D7T0cXZC.js")), Gl = R(() => import("./UserOptions-BaGfWcXF.js")), Yl = R(() => import("./vue-ui-donut-D5nqwNxn.js").then((l) => l.a)), Ne = R(() => import("./BaseDraggableDialog-BOGgrHTy.js")), { vue_ui_donut_evolution: ql } = Wt(), { isThemeValid: Jl, warnInvalidTheme: Kl } = Kt(), _ = Rl, $ = i(wl()), b = i([]), y = i(null), te = i(null), he = i(!1), V = i(null), I = i(null), Ql = i(null), Pe = i(0), Re = i(0), Ve = i(0), Me = i(0), Ue = i(0), Ce = i(null), oe = i(null), fe = i(null), ye = i(null), He = i(!1), j = i(null), be = i(null), Xe = i(null), We = i(null), je = i(null), Ge = i(null), Ye = i(null), Ae = i(!1), G = kl(null), ae = kl(null), qe = i(null), Je = Ml, Ke = v(() => !!_.dataset && _.dataset.length);
+    const Ul = R(() => import("./vue-ui-accordion-d_mYq_ty.js")), Hl = R(() => import("./BaseIcon-CJ7mD4nD.js")), Xl = R(() => import("./DataTable-C2E28XF-.js")), Wl = R(() => import("./PackageVersion-CdPbb2sr.js")), jl = R(() => import("./PenAndPaper-CDju85X_.js")), Gl = R(() => import("./UserOptions-DV6hYCK6.js")), Yl = R(() => import("./vue-ui-donut-CvgJGvr8.js").then((l) => l.a)), Ne = R(() => import("./BaseDraggableDialog-DC6U5583.js")), { vue_ui_donut_evolution: ql } = Wt(), { isThemeValid: Jl, warnInvalidTheme: Kl } = Kt(), _ = Rl, $ = i(wl()), b = i([]), y = i(null), te = i(null), he = i(!1), V = i(null), I = i(null), Ql = i(null), Pe = i(0), Re = i(0), Ve = i(0), Me = i(0), Ue = i(0), Ce = i(null), oe = i(null), fe = i(null), ye = i(null), He = i(!1), j = i(null), be = i(null), Xe = i(null), We = i(null), je = i(null), Ge = i(null), Ye = i(null), Ae = i(!1), G = kl(null), ae = kl(null), qe = i(null), Je = Ml, Ke = v(() => !!_.dataset && _.dataset.length);
     xt(() => {
       He.value = !0, Qe();
     });

package/dist/{vue-ui-dumbbell-u4NWq7EA.js → vue-ui-dumbbell-DhsqhBMZ.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as I, computed as g, ref as h, toRefs as Kt, watch as oe, shallowRef as lt, onMounted as at, onBeforeUnmount as ot, watchEffect as Qt, 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 C, renderSlot as p, 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 el, createTextVNode as Ae, resolveDynamicComponent as tl, mergeProps as ll, nextTick as al } from "vue";
-import { c as ut, t as ol, o as sl, g as it, l as rl, U as ct, N as nl, d as A, a as P, X as vt, s as dt, q as K, u as Q, v as ul, r as il } from "./lib-CVHM9FhP.js";
+import { c as ut, t as ol, o as sl, g as it, l as rl, U as ct, N as nl, d as A, a as P, X as vt, s as dt, q as K, u as Q, v as ul, r as il } from "./lib-BrVUf7jz.js";
 import { t as we, u as cl } from "./useResponsive-DfdjqQps.js";
-import { u as vl, a as Le } from "./useNestedProp-DBDAPWcu.js";
-import { u as dl } from "./usePrinter-1NmjuP-i.js";
+import { u as vl, a as Le } from "./useNestedProp-Bamwa7TH.js";
+import { u as dl } from "./usePrinter-DKjCimma.js";
 import { u as hl, B as bl } from "./BaseScanner-BMpwQAfz.js";
 import { u as fl } from "./useSvgExport-ByUukOZt.js";
 import { u as yl } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as gl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Cl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as pl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ml from "./img-6fNF_rG0.js";
-import kl from "./Title-B2qhu8Lw.js";
-import xl from "./Legend-DUESGUtH.js";
+import ml from "./img-BMMrBrFA.js";
+import kl from "./Title-CeMocAxM.js";
+import xl from "./Legend-DDvnrFfr.js";
 import { _ as _l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ht = { userOptions: { show: !1 }, style: { chart: { grid: { verticalGrid: { show: !1 } }, legend: { show: !1 }, plots: { gradient: { show: !1 } } } } }, bt = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, plots: { stroke: "#1A1A1A", gradient: { show: !1 } }, grid: { horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { show: !1, stroke: "#4A4A4A" } }, highlighter: { color: "#CCCCCC" }, labels: { yAxisLabels: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ft = { 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" } } }, yt = { 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" } } }, gt = { 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" } } }, Ct = { 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" } } }, pt = { 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" } } }, mt = { 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" } } }, kt = {
   default: {},
@@ -55,7 +55,7 @@ const ht = { userOptions: { show: !1 }, style: { chart: { grid: { verticalGrid:
   },
   emits: ["selectDatapoint"],
   setup(xt, { expose: _t, emit: Ma }) {
-    const At = I(() => import("./BaseIcon-BwSqZoOr.js")), wt = I(() => import("./vue-ui-accordion-C_mCy0GO.js")), Lt = I(() => import("./DataTable-B2a7qHZw.js")), $t = I(() => import("./PenAndPaper-D7T0cXZC.js")), St = I(() => import("./UserOptions-BaGfWcXF.js")), Dt = I(() => import("./PackageVersion-BUiZH7T6.js")), Ft = I(() => import("./BaseDraggableDialog-BOGgrHTy.js")), { vue_ui_dumbbell: Nt } = vl(), { isThemeValid: zt, warnInvalidTheme: Mt } = yl(), w = xt, ee = g({
+    const At = I(() => import("./BaseIcon-CJ7mD4nD.js")), wt = I(() => import("./vue-ui-accordion-d_mYq_ty.js")), Lt = I(() => import("./DataTable-C2E28XF-.js")), $t = I(() => import("./PenAndPaper-CDju85X_.js")), St = I(() => import("./UserOptions-DV6hYCK6.js")), Dt = I(() => import("./PackageVersion-CdPbb2sr.js")), Ft = I(() => import("./BaseDraggableDialog-DC6U5583.js")), { vue_ui_dumbbell: Nt } = vl(), { isThemeValid: zt, warnInvalidTheme: Mt } = yl(), w = xt, ee = g({
       get() {
         return !!w.dataset && w.dataset.length;
       },

package/dist/{vue-ui-flow-Cli9mh5R.js → vue-ui-flow-40_lIp68.js}

@@ -1,16 +1,16 @@
 import { defineAsyncComponent as j, ref as u, computed as f, onMounted as Po, toRefs as Io, watch as xe, createElementBlock as C, 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 Mo, resolveDynamicComponent as zo, mergeProps as Lo, createTextVNode as Ut, nextTick as Wt } from "vue";
-import { c as _e, t as Ro, o as Gt, g as Yo, i as Ho, j as R, k as jo, U as T, m as Uo, d as le, X as Wo, a as Ne, x as Vt, G as Go, v as Vo, r as Xo, y as qo } from "./lib-CVHM9FhP.js";
+import { c as _e, t as Ro, o as Gt, g as Yo, i as Ho, j as R, k as jo, U as T, m as Uo, d as le, X as Wo, a as Ne, x as Vt, G as Go, v as Vo, r as Xo, y as qo } from "./lib-BrVUf7jz.js";
 import { t as Ko, u as Zo } from "./useResponsive-DfdjqQps.js";
-import { u as Jo, a as et } from "./useNestedProp-DBDAPWcu.js";
-import { u as Qo } from "./usePrinter-1NmjuP-i.js";
+import { u as Jo, a as et } from "./useNestedProp-Bamwa7TH.js";
+import { u as Qo } from "./usePrinter-DKjCimma.js";
 import { u as el, B as tl } from "./BaseScanner-BMpwQAfz.js";
 import { u as ol } from "./useSvgExport-ByUukOZt.js";
 import { u as ll } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as al } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as nl } from "./useChartAccessibility-9icAAmYg.js";
-import sl from "./Legend-DUESGUtH.js";
-import rl from "./Title-B2qhu8Lw.js";
-import ul from "./img-6fNF_rG0.js";
+import sl from "./Legend-DDvnrFfr.js";
+import rl from "./Title-CeMocAxM.js";
+import ul from "./img-BMMrBrFA.js";
 import { _ as il } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xt = { userOptions: { show: !1 } }, qt = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" }, 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" } } }, Kt = { 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" } } }, Zt = { 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" } } }, Jt = { 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" } } }, Qt = { 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" } } }, eo = { 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" } } }, to = { 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" } } }, oo = {
   default: {},
@@ -58,7 +58,7 @@ const Xt = { userOptions: { show: !1 } }, qt = { userOptions: { show: !1 }, styl
     }
   },
   setup(lo, { expose: ao }) {
-    const no = j(() => import("./Tooltip-B6qvABDL.js")), so = j(() => import("./BaseIcon-BwSqZoOr.js")), ro = j(() => import("./vue-ui-accordion-C_mCy0GO.js")), uo = j(() => import("./DataTable-B2a7qHZw.js")), io = j(() => import("./PenAndPaper-D7T0cXZC.js")), co = j(() => import("./UserOptions-BaGfWcXF.js")), vo = j(() => import("./PackageVersion-BUiZH7T6.js")), fo = j(() => import("./BaseDraggableDialog-BOGgrHTy.js")), { vue_ui_flow: ho } = Jo(), { isThemeValid: go, warnInvalidTheme: po } = ll(), F = lo, 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 no = j(() => import("./Tooltip-jUEeS8VT.js")), so = j(() => import("./BaseIcon-CJ7mD4nD.js")), ro = j(() => import("./vue-ui-accordion-d_mYq_ty.js")), uo = j(() => import("./DataTable-C2E28XF-.js")), io = j(() => import("./PenAndPaper-CDju85X_.js")), co = j(() => import("./UserOptions-DV6hYCK6.js")), vo = j(() => import("./PackageVersion-CdPbb2sr.js")), fo = j(() => import("./BaseDraggableDialog-DC6U5583.js")), { vue_ui_flow: ho } = Jo(), { isThemeValid: go, warnInvalidTheme: po } = ll(), F = lo, 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);
     Po(() => {
       st.value = !0, it();
     });