vue-data-ui 3.9.12 → 3.9.13

package/dist/{vue-ui-radar-Deup68ga.js → vue-ui-radar-B15r4HoM.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as T, computed as v, ref as c, toRefs as jt, watch as ve, shallowRef as qe, onMounted as Xt, onBeforeUnmount as Yt, createElementBlock as s, openBlock as n, unref as u, normalizeStyle as Q, normalizeClass as Y, createBlock as D, createCommentVNode as p, createElementVNode as C, createVNode as ee, withCtx as d, renderSlot as g, normalizeProps as A, guardReactiveProps as w, createSlots as He, Fragment as E, renderList as L, toDisplayString as N, Teleport as qt, resolveDynamicComponent as Ht, mergeProps as Zt, createTextVNode as ge, nextTick as Ze } from "vue";
-import { c as Jt, t as Kt, i as Qt, p as R, o as eo, g as z, j as to, l as Je, e as Ke, T as oo, d as W, a as he, X as ao, s as pe, h as lo, ae as Qe, k as et, u as ro, q as no, x as so, Z as uo } from "./lib-W9waxHL3.js";
+import { defineAsyncComponent as T, computed as v, ref as c, toRefs as jt, watch as ve, shallowRef as He, onMounted as Xt, onBeforeUnmount as Yt, createElementBlock as s, openBlock as n, unref as u, normalizeStyle as Z, normalizeClass as Y, createBlock as D, createCommentVNode as p, createElementVNode as C, createVNode as ee, withCtx as d, renderSlot as g, normalizeProps as A, guardReactiveProps as w, createSlots as qe, Fragment as E, renderList as L, toDisplayString as N, Teleport as Ht, resolveDynamicComponent as qt, mergeProps as Jt, createTextVNode as ge, nextTick as Je } from "vue";
+import { c as Kt, t as Qt, i as Zt, j as R, o as eo, g as z, k as to, m as Ke, e as Qe, U as oo, d as W, a as he, X as ao, s as pe, h as lo, af as Ze, l as et, v as ro, r as no, y as so, _ as uo } from "./lib-BwysEpWI.js";
 import { t as io, u as co } from "./useResponsive-DfdjqQps.js";
-import { u as vo, a as fe } from "./useNestedProp-D-jUHecl.js";
+import { u as vo, a as fe } from "./useNestedProp--5lL-kf1.js";
 import { u as go, B as ho } from "./BaseScanner-BMpwQAfz.js";
-import { u as po } from "./usePrinter-DhoMn87n.js";
+import { u as po } from "./usePrinter-BJzHDpYF.js";
 import { u as fo } from "./useSvgExport-ByUukOZt.js";
 import { u as bo } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as yo } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as mo } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ko } from "./useAutoSizeLabelsInsideViewbox-DAdqpHf1.js";
-import Co from "./img-BJzUSmkm.js";
-import Ao from "./Title-DFtCaCah.js";
-import wo from "./Legend-Dxz13z4E.js";
+import { u as ko } from "./useAutoSizeLabelsInsideViewbox-DO2dxQ78.js";
+import Co from "./img-DKigoPDs.js";
+import Ao from "./Title-BhURirpm.js";
+import wo from "./Legend-D6z73edh.js";
 import { _ as $o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { outerPolygon: { stroke: "#6A6A6A" }, grid: { stroke: "#5A5A5A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#1A1A1A", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ot = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { outerPolygon: { stroke: "#5D403780", strokeWidth: 1 }, grid: { stroke: "#5D403740" }, labels: { dataLabels: { color: "#424242" } } }, legend: { color: "#424242", backgroundColor: "#FFF8E1" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, at = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { outerPolygon: { stroke: "#3A3A3A", strokeWidth: 1 }, grid: { stroke: "#3A3A3A" }, labels: { dataLabels: { color: "#BDBDBD" } } }, legend: { color: "#BDBDBD", backgroundColor: "#1E1E1E" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, lt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { outerPolygon: { stroke: "#336633", strokeWidth: 0 }, grid: { stroke: "#334C33", graduations: 1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { color: "#99AA99", backgroundColor: "#1A1A1A" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#1A1A1A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, rt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { outerPolygon: { strokeWidth: 0 }, grid: { show: !1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, nt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { outerPolygon: { stroke: "#ABB1BC", strokeWidth: 0.5 }, grid: { stroke: "#C3DAC8" }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, st = {
   default: {},
@@ -39,7 +39,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
 }, Yo = {
   class: "vue-ui-radar-tooltip-datalabel",
   style: { width: "100%" }
-}, qo = { class: "vue-ui-radar-tooltip-datalabel-name" }, Ho = { key: 0 }, Zo = {
+}, Ho = { class: "vue-ui-radar-tooltip-datalabel-name" }, qo = { key: 0 }, Jo = {
   __name: "vue-ui-radar",
   props: {
     config: {
@@ -57,13 +57,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend"],
   setup(ut, { expose: it, emit: ct }) {
-    const dt = T(() => import("./Tooltip-B79qvriT.js")), vt = T(() => import("./BaseIcon-r3_sTK1A.js")), gt = T(() => import("./vue-ui-sparkbar-CjYaG0Ae.js").then((t) => t.a)), ht = T(() => import("./vue-ui-accordion-B6BX2vhq.js")), pt = T(() => import("./DataTable-DNeCys3I.js")), ft = T(() => import("./PenAndPaper-CsqBamFZ.js")), bt = T(() => import("./UserOptions-B-2A_KRb.js")), yt = T(() => import("./PackageVersion-BpArR90N.js")), mt = T(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_radar: kt } = vo(), { isThemeValid: Ct, warnInvalidTheme: At } = bo(), F = ut, be = v(() => !!F.dataset && Object.keys(F.dataset).length), m = c(Jt()), te = c(!1), oe = c(""), ye = c(0), _ = c(null), me = c(null), ke = c(null), Ce = c(null), Ae = c(null), we = c(0), $e = c(0), _e = c(0), Te = c(!1), G = c(null), ae = c(null), e = c(re()), { loading: Fe, FINAL_DATASET: x } = go({
+    const dt = T(() => import("./Tooltip-TDyKgLB6.js")), vt = T(() => import("./BaseIcon-4i3dd7Ty.js")), gt = T(() => import("./vue-ui-sparkbar-B2E5nzBF.js").then((t) => t.a)), ht = T(() => import("./vue-ui-accordion-tQNKwbVi.js")), pt = T(() => import("./DataTable-WrXCJkfE.js")), ft = T(() => import("./PenAndPaper-DxIUvoQ8.js")), bt = T(() => import("./UserOptions-CzJWRC4s.js")), yt = T(() => import("./PackageVersion-D3cMhAlf.js")), mt = T(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_radar: kt } = vo(), { isThemeValid: Ct, warnInvalidTheme: At } = bo(), F = ut, be = v(() => !!F.dataset && Object.keys(F.dataset).length), m = c(Kt()), te = c(!1), oe = c(""), ye = c(0), _ = c(null), me = c(null), ke = c(null), Ce = c(null), Ae = c(null), we = c(0), $e = c(0), _e = c(0), Te = c(!1), G = c(null), ae = c(null), e = c(re()), { loading: Fe, FINAL_DATASET: x } = go({
       ...jt(F),
       FINAL_CONFIG: e,
       prepareConfig: re,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Ze(), b.value.showTable = e.value.table.show;
+          await Je(), b.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: {
@@ -77,7 +77,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           { name: "_", values: [0.6], target: 1 }
         ]
       },
-      skeletonConfig: Kt({
+      skeletonConfig: Qt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -104,7 +104,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }
       })
-    }), { userOptionsVisible: le, setUserOptionsVisibility: Pe, keepUserOptionState: Se } = yo({ config: e.value }), { svgRef: q } = mo({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: le, setUserOptionsVisibility: Pe, keepUserOptionState: Se } = yo({ config: e.value }), { svgRef: H } = mo({ config: e.value.style.chart.title });
     function re() {
       const t = fe({
         userConfig: F.config,
@@ -122,13 +122,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       });
       return {
         ...l,
-        customPalette: l.customPalette.length ? l.customPalette : Qt[a] || R
+        customPalette: l.customPalette.length ? l.customPalette : Zt[a] || R
       };
     }
     ve(() => F.config, (t) => {
       e.value = re(), le.value = !e.value.userOptions.showOnChartHover, Oe(), we.value += 1, $e.value += 1, _e.value += 1, b.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip ? e.value.style.chart.tooltip.show : !1;
     }, { deep: !0 });
-    const P = qe(null), V = qe(null), I = v(() => e.value.debug);
+    const P = He(null), V = He(null), I = v(() => e.value.debug);
     function Oe() {
       if (eo(F.dataset) && z({
         componentName: "VueUiRadar",
@@ -188,7 +188,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       height: 312,
       width: 512
     }), _t = ct, f = c([]), j = c(null), U = c(!1);
-    function H(t) {
+    function q(t) {
       U.value = !0, f.value.includes(t) ? (j.value = t, f.value = f.value.filter((a) => a !== t), setTimeout(() => {
         U.value = !1, j.value = null;
       }, 500)) : (f.value.push(t), setTimeout(() => {
@@ -270,13 +270,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       return t.map((o, l) => ({
         name: o?.name ?? "",
         categoryId: `radar_category_${m.value}_${l}`,
-        color: Je(o?.color) || a[l] || R[l % R.length],
+        color: Ke(o?.color) || a[l] || R[l % R.length],
         prefix: o?.prefix ?? "",
         suffix: o?.suffix ?? ""
       }));
     }), k = v(() => x.value.series.map((t, a) => ({
       ...t,
-      color: Je(t.color) || Ee.value[a] || R[a] || R[a % R.length],
+      color: Ke(t.color) || Ee.value[a] || R[a] || R[a % R.length],
       serieId: `radar_serie_${m.value}_${a}`,
       formatter: t.formatter || null,
       absoluteIndex: a
@@ -289,13 +289,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     function Pt(t) {
       const a = Le(t);
-      a !== null && f.value.includes(a.absoluteIndex) && H(a.absoluteIndex);
+      a !== null && f.value.includes(a.absoluteIndex) && q(a.absoluteIndex);
     }
     function St(t) {
       const a = Le(t);
-      a !== null && (f.value.includes(a.absoluteIndex) || H(a.absoluteIndex));
+      a !== null && (f.value.includes(a.absoluteIndex) || q(a.absoluteIndex));
     }
-    const Ne = v(() => Math.max(...k.value.flatMap((t) => t.values))), Re = v(() => k.value.length), ne = v(() => Math.min(i.value.width, i.value.height) / 3), ze = v(() => Ke({
+    const Ne = v(() => Math.max(...k.value.flatMap((t) => t.values))), Re = v(() => k.value.length), ne = v(() => Math.min(i.value.width, i.value.height) / 3), ze = v(() => Qe({
       plot: { x: i.value.width / 2, y: i.value.height / 2 },
       radius: ne.value,
       sides: Re.value,
@@ -332,7 +332,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       get: () => e.value.style.chart.layout.labels.dataLabels.fontSize,
       set: (t) => t
     }), { autoSizeLabels: Ve } = ko({
-      svgRef: q,
+      svgRef: H,
       fontSize: e.value.style.chart.layout.labels.dataLabels.fontSize,
       minFontSize: 6,
       sizeRef: Dt,
@@ -354,7 +354,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           totalProportion: l,
           shape: "circle",
           opacity: f.value.includes(o) ? 0.5 : 1,
-          segregate: () => H(o),
+          segregate: () => q(o),
           isSegregated: f.value.includes(o),
           display: `${a.name}: ${W({
             v: (l ?? 0) * 100,
@@ -370,7 +370,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), Z = v(() => {
+    })), J = v(() => {
       const t = [
         { name: e.value.translations.datapoint, color: "" },
         { name: e.value.translations.target, color: "" },
@@ -410,9 +410,9 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: t, body: a, config: o, colNames: t };
-    }), J = c(null), ue = c([]), ie = c(null);
+    }), K = c(null), ue = c([]), ie = c(null);
     function Bt(t, a) {
-      te.value = !1, J.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
+      te.value = !1, K.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
     function Et(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
@@ -420,7 +420,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function Lt(t, a) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
       const o = $.value.slice();
-      ue.value = [], J.value = a, te.value = !0, ie.value = {
+      ue.value = [], K.value = a, te.value = !0, ie.value = {
         datapoint: t,
         seriesIndex: a,
         series: {
@@ -475,7 +475,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }
     }
     function ce(t = null) {
-      Ze(() => {
+      Je(() => {
         const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = [[""], [e.value.translations.target], ...O.value.flatMap((y) => [[y.name], ["%"]])], l = x.value.series.map((y, Xe) => [y.name, y.target, ...y.values.flatMap((M) => [
           M,
           isNaN(M / y.target) ? "" : M / y.target * 100
@@ -493,9 +493,9 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function We() {
       b.value.showTooltip = !b.value.showTooltip;
     }
-    const K = c(!1);
+    const Q = c(!1);
     function de() {
-      K.value = !K.value;
+      Q.value = !Q.value;
     }
     async function Nt({ scale: t = 2 } = {}) {
       if (!_.value) return;
@@ -549,7 +549,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       ...t,
       name: t.display
     }))), zt = v(() => e.value.style.chart.backgroundColor), Vt = v(() => e.value.style.chart.legend), Ut = v(() => e.value.style.chart.title), { exportSvg: Mt, getSvg: Wt } = fo({
-      svg: q,
+      svg: H,
       title: Ut,
       legend: Vt,
       legendItems: Rt,
@@ -580,16 +580,16 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       ref_key: "radarChart",
       ref: _,
       id: `vue-ui-radar_${m.value}`,
-      style: Q(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      style: Z(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       onMouseenter: a[2] || (a[2] = () => u(Pe)(!0)),
       onMouseleave: a[3] || (a[3] = () => u(Pe)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (n(), D(u(ft), {
         key: 0,
-        svgRef: u(q),
+        svgRef: u(H),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: K.value,
+        active: Q.value,
         onClose: de
       }, {
         "annotator-action-close": d(() => [
@@ -664,7 +664,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         chartElement: _.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: K.value,
+        isAnnotation: Q.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -676,10 +676,10 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         onToggleTable: Me,
         onToggleTooltip: We,
         onToggleAnnotator: de,
-        style: Q({
+        style: Z({
           visibility: u(Se) ? u(le) ? "visible" : "hidden" : "visible"
         })
-      }, He({ _: 2 }, [
+      }, qe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: d(({ isOpen: o, color: l }) => [
@@ -746,11 +746,11 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
       (n(), s("svg", {
         ref_key: "svgRef",
-        ref: q,
+        ref: H,
         xmlns: u(ao),
         class: Y({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
         viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
-        style: Q(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         ee(u(yt)),
         t.$slots["chart-background"] ? (n(), s("foreignObject", {
@@ -795,7 +795,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }, null, 8, Io))), 256)),
           e.value.style.chart.layout.grid.graduations > 0 ? (n(), s("g", Bo, [
             (n(!0), s(E, null, L(Ot.value, (o) => (n(), s("path", {
-              d: u(Ke)({
+              d: u(Qe)({
                 plot: { x: i.value.width / 2, y: i.value.height / 2 },
                 radius: o,
                 sides: Re.value,
@@ -832,7 +832,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           C("g", null, [
             e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
               key: 0,
-              points: u(Qe)(S.value.map((r) => r.plots[l]), !1, !0),
+              points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
               fill: "none",
@@ -840,7 +840,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             }, null, 10, zo)) : p("", !0),
             e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
               key: 1,
-              points: u(Qe)(S.value.map((r) => r.plots[l]), !1, !0),
+              points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
               stroke: o.color,
               "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
               fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${m.value}_${l})` : u(pe)(o.color, e.value.style.chart.layout.dataPolygon.opacity),
@@ -854,7 +854,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               cx: r.x,
               cy: r.y,
               fill: f.value.includes(h) ? "transparent" : $.value[h] ? $.value[h].color : "transparent",
-              r: J.value !== null && J.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
+              r: K.value !== null && K.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
               stroke: f.value.includes(h) ? "transparent" : e.value.style.chart.backgroundColor,
               "stroke-width": 0.5,
               class: Y({ "animated-out": f.value.includes(h) && e.value.useCssAnimation, "animated-in": U.value && j.value === h && e.value.useCssAnimation })
@@ -869,7 +869,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       C("div", {
         id: `legend-bottom-${m.value}`
       }, null, 8, Go),
-      Te.value ? (n(), D(qt, {
+      Te.value ? (n(), D(Ht, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${m.value}` : `#legend-bottom-${m.value}`
       }, [
@@ -881,13 +881,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             key: `legend_${_e.value}`,
             legendSet: O.value,
             config: It.value,
-            onClickMarker: a[0] || (a[0] = ({ i: o }) => H(o))
+            onClickMarker: a[0] || (a[0] = ({ i: o }) => q(o))
           }, {
             item: d(({ legend: o, index: l }) => [
               u(Fe) ? p("", !0) : (n(), s("div", {
                 key: 0,
                 onClick: (r) => o.segregate(),
-                style: Q(`opacity:${f.value.includes(l) ? 0.5 : 1}`)
+                style: Z(`opacity:${f.value.includes(l) ? 0.5 : 1}`)
               }, N(o.display), 13, jo))
             ]),
             _: 1
@@ -937,8 +937,8 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             }, {
               "data-label": d(({ bar: o }) => [
                 C("div", Yo, [
-                  C("span", qo, N(o.name + (e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? ":" : "")), 1),
-                  e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? (n(), s("span", Ho, N(o.suffix), 1)) : p("", !0)
+                  C("span", Ho, N(o.name + (e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? ":" : "")), 1),
+                  e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? (n(), s("span", qo, N(o.suffix), 1)) : p("", !0)
                 ])
               ]),
               _: 1
@@ -948,18 +948,18 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      be.value && e.value.userOptions.buttons.table ? (n(), D(Ht(X.value.component), Zt({ key: 7 }, X.value.props, {
+      be.value && e.value.userOptions.buttons.table ? (n(), D(qt(X.value.component), Jt({ key: 7 }, X.value.props, {
         ref_key: "tableUnit",
         ref: G,
         onClose: Ge
-      }), He({
+      }), qe({
         content: d(() => [
           (n(), D(u(pt), {
             key: `table_${$e.value}`,
-            colNames: Z.value.colNames,
-            head: Z.value.head,
-            body: Z.value.body,
-            config: Z.value.config,
+            colNames: J.value.colNames,
+            head: J.value.head,
+            body: J.value.body,
+            config: J.value.config,
             title: e.value.table.useDialog ? "" : X.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Ge
@@ -1002,12 +1002,12 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       u(Fe) ? (n(), D(ho, { key: 8 })) : p("", !0)
     ], 46, _o));
   }
-}, Jo = /* @__PURE__ */ $o(Zo, [["__scopeId", "data-v-bee25c8b"]]), ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ko = /* @__PURE__ */ $o(Jo, [["__scopeId", "data-v-bee25c8b"]]), ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Jo
+  default: Ko
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   ga as a,
   ha as b,
-  Jo as v
+  Ko as v
 };

package/dist/{vue-ui-rating-BciQHmzs.js → vue-ui-rating-CaRZVE71.js}

@@ -1,6 +1,6 @@
 import { ref as $, useSlots as J, onMounted as R, computed as x, watch as Q, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as g, unref as n, Fragment as B, renderList as Z, renderSlot as j, mergeProps as O, withKeys as ee } from "vue";
-import { c as te, o as le, g as oe, a as b, d as _, X as z, h as X, b as I } from "./lib-W9waxHL3.js";
-import { u as ae, a as ie } from "./useNestedProp-D-jUHecl.js";
+import { c as te, o as le, g as oe, a as b, d as _, X as z, h as X, b as I } from "./lib-BwysEpWI.js";
+import { u as ae, a as ie } from "./useNestedProp--5lL-kf1.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   key: 0,

package/dist/{vue-ui-relation-circle-C0W3aPaO.js → vue-ui-relation-circle-CFEL1uYt.js}

@@ -1,16 +1,16 @@
 import { useCssVars as wt, computed as y, defineAsyncComponent as Z, ref as u, toRefs as Ct, watch as ee, shallowRef as ze, onMounted as At, onBeforeUnmount as xt, createElementBlock as n, openBlock as a, unref as i, normalizeStyle as I, createBlock as U, createCommentVNode as g, withCtx as h, renderSlot as v, normalizeProps as w, guardReactiveProps as C, createSlots as $t, normalizeClass as te, createVNode as _t, createElementVNode as Lt, Fragment as _, renderList as M, mergeProps as Oe, toDisplayString as V, createTextVNode as Se } from "vue";
-import { c as Pt, t as zt, i as Ot, p as Ie, j as St, o as Me, g as Be, k as It, X as Mt, w as Ee, a as le, d as se, a1 as oe } from "./lib-W9waxHL3.js";
+import { c as Pt, t as zt, i as Ot, j as Ie, k as St, o as Me, g as Be, l as It, X as Mt, x as Ee, a as le, d as se, a2 as oe } from "./lib-BwysEpWI.js";
 import { t as Bt, u as Et } from "./useResponsive-DfdjqQps.js";
-import { u as Ft, a as ae } from "./useNestedProp-D-jUHecl.js";
+import { u as Ft, a as ae } from "./useNestedProp--5lL-kf1.js";
 import { u as Tt, B as Dt } from "./BaseScanner-BMpwQAfz.js";
-import { u as Rt } from "./usePrinter-DhoMn87n.js";
+import { u as Rt } from "./usePrinter-BJzHDpYF.js";
 import { u as jt } from "./useSvgExport-ByUukOZt.js";
 import { u as Nt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Gt } from "./useAutoSizeLabelsInsideViewbox-DAdqpHf1.js";
-import Wt from "./img-BJzUSmkm.js";
-import Xt from "./Title-DFtCaCah.js";
+import { u as Gt } from "./useAutoSizeLabelsInsideViewbox-DO2dxQ78.js";
+import Wt from "./img-DKigoPDs.js";
+import Xt from "./Title-BhURirpm.js";
 import { _ as Yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { color: "#CCCCCC" }, circle: { stroke: "#5A5A5A" }, plot: { color: "#1A1A1A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, Te = { style: { backgroundColor: "#FFF8E1", color: "#424242", labels: { color: "#424242" }, circle: { stroke: "#5D403780" }, plot: { color: "#5D4037" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, De = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", labels: { color: "#BDBDBD" }, circle: { stroke: "#5D403780" }, plot: { color: "#5D4037" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, Re = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", labels: { color: "#AACCAA" }, circle: { stroke: "#333333" }, plot: { color: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, je = { style: { backgroundColor: "#fbfafa", color: "#8A9892", labels: { color: "#A0AC94" }, circle: { stroke: "transparent" }, plot: { color: "#C09E85" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, Ne = { style: { backgroundColor: "#f6f6fb", color: "#50606C", labels: { color: "#61747E" }, circle: { stroke: "#D2D7E0" }, plot: { color: "#97ACB7" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, Ue = {
   default: {},
@@ -54,7 +54,7 @@ const Fe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", labels: { co
       v0ab0445c: lt.value,
       v08643f3e: ot.value
     }));
-    const We = Z(() => import("./PenAndPaper-CsqBamFZ.js")), Xe = Z(() => import("./UserOptions-B-2A_KRb.js")), Ye = Z(() => import("./PackageVersion-BpArR90N.js")), { vue_ui_relation_circle: qe } = Ft(), { isThemeValid: He, warnInvalidTheme: Je } = Nt(), m = Ve, Ke = y(() => !!m.dataset && Object.keys(m.dataset).length), B = u(Pt()), ne = u(0), L = u(null), ie = u(null), re = u(null), ue = u(null), ce = u(0), l = u(X()), { loading: de, FINAL_DATASET: Qe, manualLoading: G } = Tt({
+    const We = Z(() => import("./PenAndPaper-DxIUvoQ8.js")), Xe = Z(() => import("./UserOptions-CzJWRC4s.js")), Ye = Z(() => import("./PackageVersion-D3cMhAlf.js")), { vue_ui_relation_circle: qe } = Ft(), { isThemeValid: He, warnInvalidTheme: Je } = Nt(), m = Ve, Ke = y(() => !!m.dataset && Object.keys(m.dataset).length), B = u(Pt()), ne = u(0), L = u(null), ie = u(null), re = u(null), ue = u(null), ce = u(0), l = u(X()), { loading: de, FINAL_DATASET: Qe, manualLoading: G } = Tt({
       ...Ct(m),
       FINAL_CONFIG: l,
       prepareConfig: X,

package/dist/{vue-ui-ridgeline-D9z3_hRf.js → vue-ui-ridgeline-LGH61-xE.js}

@@ -1,19 +1,19 @@
 import { defineAsyncComponent as L, computed as c, ref as u, shallowRef as ut, toRefs as Cl, onBeforeUnmount as ct, watch as te, nextTick as De, watchEffect as yl, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as F, normalizeClass as ne, createBlock as _, createCommentVNode as v, renderSlot as g, createElementVNode as b, withCtx as d, normalizeProps as B, guardReactiveProps as E, createSlots as $e, createVNode as _e, Fragment as y, renderList as p, mergeProps as Be, toDisplayString as H, resolveDynamicComponent as Al, createTextVNode as Ee } from "vue";
-import { c as Te, t as ml, j as pl, l as kl, p as ie, ar as dt, U as xl, B as ht, z as wl, ag as Fl, X as Dl, w as $l, _ as _l, a as ue, d as ce, i as Bl, g as Se, k as vt, o as El, u as Tl, q as Sl, a9 as Ll } from "./lib-W9waxHL3.js";
+import { c as Te, t as ml, k as pl, m as kl, j as ie, as as dt, V as xl, C as ht, A as wl, ah as Fl, X as Dl, x as $l, $ as _l, a as ue, d as ce, i as Bl, g as Se, l as vt, o as El, v as Tl, r as Sl, aa as Ll } from "./lib-BwysEpWI.js";
 import { t as gt, u as zl } from "./useResponsive-DfdjqQps.js";
-import { u as Ol, a as Le } from "./useNestedProp-D-jUHecl.js";
+import { u as Ol, a as Le } from "./useNestedProp--5lL-kf1.js";
 import { u as Ml, B as Pl } from "./BaseScanner-BMpwQAfz.js";
-import { u as Nl } from "./usePrinter-DhoMn87n.js";
+import { u as Nl } from "./usePrinter-BJzHDpYF.js";
 import { u as Rl } from "./useSvgExport-ByUukOZt.js";
 import { u as Il } from "./useTimeLabels-DKoynYae.js";
 import { u as Hl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Vl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Xl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Ul } from "./useTimeLabelCollider-CIsgDrl9.js";
-import jl from "./Legend-Dxz13z4E.js";
-import Gl from "./Title-DFtCaCah.js";
-import { _ as Wl } from "./Shape-_iTOIp3x.js";
-import Yl from "./img-BJzUSmkm.js";
+import jl from "./Legend-D6z73edh.js";
+import Gl from "./Title-BhURirpm.js";
+import { _ as Wl } from "./Shape-DAHhCEdg.js";
+import Yl from "./img-DKigoPDs.js";
 import { _ as ql } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ft = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, areas: { stroke: { color: "#1A1A1A" } }, dialog: { backgroundColor: "#1A1A1A", color: "#CCCCCC", header: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, xyChart: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, selector: { stroke: "#CCCCCC", dot: { fill: "#CCCCCC", stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" } }, xAxis: { labels: { color: "#CCCCCC" } }, yAxis: { labels: { color: "#CCCCCC" } }, zeroLine: { stroke: "#5A5A5A" } } } }, bt = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, areas: { stroke: { color: "#8F837A" } }, dialog: { backgroundColor: "#FFF8E1", color: "#424242", header: { backgroundColor: "#FFF8E1", color: "#424242" }, xyChart: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, selector: { stroke: "#FF8A65", dot: { fill: "#424242", stroke: "#FFF8E1" }, labels: { color: "#424242" } }, xAxis: { labels: { color: "#424242" } }, yAxis: { labels: { color: "#424242" } }, zeroLine: { stroke: "#5D4037" } } } }, Ct = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, areas: { stroke: { color: "#8F837A" } }, dialog: { backgroundColor: "#1E1E1E", color: "#BDBDBD", header: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, xyChart: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, selector: { stroke: "#FF8A65", dot: { fill: "#424242", stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" } }, xAxis: { labels: { color: "#BDBDBD" } }, yAxis: { labels: { color: "#BDBDBD" } }, zeroLine: { stroke: "#5D4037" } } } }, yt = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, areas: { stroke: { color: "#66CC66" } }, dialog: { backgroundColor: "#1A1A1A", color: "#99AA99", header: { backgroundColor: "#1A1A1A", color: "#99AA99" }, xyChart: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, selector: { stroke: "#99AA99", dot: { fill: "#4A4A4A", stroke: "#1A1A1A" }, labels: { color: "#99AA99" } }, xAxis: { labels: { color: "#99AA99" } }, yAxis: { labels: { color: "#99AA99" } }, zeroLine: { stroke: "#2A2A2A" } } } }, At = { table: { th: { backgroundColor: "#fbfafa", color: "#8A9892" }, td: { backgroundColor: "#fbfafa", color: "#8A9892" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, areas: { stroke: { color: "#8F837A" } }, dialog: { backgroundColor: "#fbfafa", color: "#8A9892", header: { backgroundColor: "#fbfafa", color: "#8A9892" }, xyChart: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } } }, legend: { backgroundColor: "#fbfafa", color: "#8A9892" }, selector: { stroke: "#8F837A", dot: { fill: "#8F837A", stroke: "#fbfafa" }, labels: { color: "#8F837A" } }, xAxis: { labels: { color: "#8F837A" } }, yAxis: { labels: { color: "#8F837A" } }, zeroLine: { stroke: "#8F837A" } } } }, mt = { table: { th: { backgroundColor: "#fbfafa", color: "#8A9892" }, td: { backgroundColor: "#fbfafa", color: "#8A9892" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, areas: { stroke: { color: "#829C98" } }, dialog: { backgroundColor: "#f6f6fb", color: "#50606C", header: { backgroundColor: "#f6f6fb", color: "#50606C" }, xyChart: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } } }, legend: { backgroundColor: "#f6f6fb", color: "#50606C" }, selector: { stroke: "#7DA9B5", dot: { fill: "#7DA9B5", stroke: "#f6f6fb" }, labels: { color: "#50606C" } }, xAxis: { labels: { color: "#50606C" } }, yAxis: { labels: { color: "#50606C" } }, zeroLine: { stroke: "#829C98" } } } }, pt = {
   default: {},
@@ -53,7 +53,7 @@ const ft = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(kt, { expose: xt, emit: wt }) {
-    const Ft = L(() => import("./vue-ui-xy-2ui0juKl.js").then((t) => t.a)), Dt = L(() => import("./BaseIcon-r3_sTK1A.js")), $t = L(() => import("./vue-ui-accordion-B6BX2vhq.js")), _t = L(() => import("./DataTable-DNeCys3I.js")), Bt = L(() => import("./PenAndPaper-CsqBamFZ.js")), Et = L(() => import("./UserOptions-B-2A_KRb.js")), Tt = L(() => import("./PackageVersion-BpArR90N.js")), ze = L(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_ridgeline: St } = Ol(), { isThemeValid: Lt, warnInvalidTheme: zt } = Hl(), z = kt, G = c({
+    const Ft = L(() => import("./vue-ui-xy-D5A8tR-O.js").then((t) => t.a)), Dt = L(() => import("./BaseIcon-4i3dd7Ty.js")), $t = L(() => import("./vue-ui-accordion-tQNKwbVi.js")), _t = L(() => import("./DataTable-WrXCJkfE.js")), Bt = L(() => import("./PenAndPaper-DxIUvoQ8.js")), Et = L(() => import("./UserOptions-CzJWRC4s.js")), Tt = L(() => import("./PackageVersion-D3cMhAlf.js")), ze = L(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_ridgeline: St } = Ol(), { isThemeValid: Lt, warnInvalidTheme: zt } = Hl(), z = kt, G = c({
       get() {
         return Array.isArray(M.value) && M.value.length > 0;
       },