vue-data-ui 3.7.16 → 3.8.1

package/dist/{vue-ui-onion-DgmiBf_W.js → vue-ui-onion-CZH1uzU_.js}

@@ -1,35 +1,35 @@
 import { defineAsyncComponent as S, computed as d, ref as u, toRefs as zt, watch as U, shallowRef as Ue, onMounted as Lt, onBeforeUnmount as Nt, createElementBlock as v, openBlock as s, unref as r, normalizeStyle as E, normalizeClass as q, createBlock as _, createCommentVNode as p, createElementVNode as I, createVNode as ce, withCtx as i, renderSlot as c, normalizeProps as y, guardReactiveProps as C, createSlots as Ge, Fragment as G, renderList as Y, toDisplayString as R, Teleport as Vt, resolveDynamicComponent as Ut, mergeProps as Gt, createTextVNode as Ye, nextTick as Xe } from "vue";
-import { c as Yt, t as Xt, i as jt, p as je, j as Ht, o as He, g as de, l as Wt, d as z, X as qt, a as ve, x as We, u as Jt, q as Kt, R as Qt } from "./lib-DUaaQGCv.js";
-import { t as Zt, u as eo } from "./useResponsive-DfdjqQps.js";
-import { u as to, a as ge } from "./useNestedProp-CoXaJ2T6.js";
+import { c as Yt, t as Xt, i as jt, p as je, j as Ht, o as He, g as de, l as Wt, d as z, X as qt, a as ve, x as We, u as Zt, q as Jt, Z as Kt } from "./lib-qMPkcvmh.js";
+import { t as Qt, u as eo } from "./useResponsive-DfdjqQps.js";
+import { u as to, a as ge } from "./useNestedProp-DH2Pjkde.js";
 import { u as oo, B as lo } from "./BaseScanner-BgWxam9d.js";
-import { u as ao } from "./usePrinter-BdVu83IN.js";
+import { u as ao } from "./usePrinter-CjGh4mFJ.js";
 import { u as no } from "./useSvgExport-DrjCWun4.js";
 import { u as ro } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as so } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as uo } from "./useChartAccessibility-9icAAmYg.js";
-import { u as io } from "./useAutoSizeLabelsInsideViewbox-DBJqy2aF.js";
-import co from "./img-BYzbY8TZ.js";
-import vo from "./Title-CM2dM0rQ.js";
-import go from "./Legend-DSyOOSJ1.js";
+import { u as io } from "./useAutoSizeLabelsInsideViewbox-CY90KinM.js";
+import co from "./img-CwrkWkkl.js";
+import vo from "./Title-CWX8otQg.js";
+import go from "./Legend-Djkw4FGq.js";
 import { _ as ho } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gutter: { color: "#4A4A4A" }, labels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Je = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", useGradient: !1, layout: { gutter: { color: "#5D403730" }, labels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ke = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", useGradient: !1, layout: { gutter: { color: "#5D403730" }, labels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Qe = { style: { chart: { backgroundColor: "#1A1A1A", useGradient: !1, color: "#99AA99", layout: { gutter: { color: "#2A2A2A" }, labels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ze = { style: { chart: { useGradient: !1, backgroundColor: "#fbfafa", color: "#8A9892", layout: { gutter: { color: "#F7EDE2" }, labels: { color: "#A0AC94" } }, 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" } } }, et = { style: { chart: { useGradient: !1, backgroundColor: "#f6f6fb", color: "#50606C", layout: { gutter: { color: "#DDDDDB" }, labels: { color: "#61747E" } }, 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" } } }, tt = {
+const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gutter: { color: "#4A4A4A" }, labels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Ze = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", useGradient: !1, layout: { gutter: { color: "#5D403730" }, labels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Je = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", useGradient: !1, layout: { gutter: { color: "#5D403730" }, labels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Ke = { style: { chart: { backgroundColor: "#1A1A1A", useGradient: !1, color: "#99AA99", layout: { gutter: { color: "#2A2A2A" }, labels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Qe = { style: { chart: { useGradient: !1, backgroundColor: "#fbfafa", color: "#8A9892", layout: { gutter: { color: "#F7EDE2" }, labels: { color: "#A0AC94" } }, 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" } } }, et = { style: { chart: { useGradient: !1, backgroundColor: "#f6f6fb", color: "#50606C", layout: { gutter: { color: "#DDDDDB" }, labels: { color: "#61747E" } }, 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" } } }, tt = {
   default: {},
   dark: qe,
-  celebration: Je,
-  celebrationNight: Ke,
-  hack: Qe,
-  zen: Ze,
+  celebration: Ze,
+  celebrationNight: Je,
+  hack: Ke,
+  zen: Qe,
   concrete: et
-}, Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Je,
-  celebrationNight: Ke,
+  celebration: Ze,
+  celebrationNight: Je,
   concrete: et,
   dark: qe,
   default: tt,
-  hack: Qe,
-  zen: Ze
+  hack: Ke,
+  zen: Qe
 }, Symbol.toStringTag, { value: "Module" })), fo = ["id"], po = ["id"], bo = ["xmlns", "viewBox"], mo = ["width", "height"], yo = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Co = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], ko = ["id"], wo = ["stdDeviation"], Ao = ["filter"], $o = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], To = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter", "onMouseleave", "onClick"], xo = { key: 2 }, Fo = ["onMouseenter", "onMouseleave", "onClick"], Oo = ["x", "y", "font-size", "fill", "font-weight"], Do = {
   key: 4,
   class: "vue-data-ui-watermark"
@@ -51,7 +51,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend"],
   setup(ot, { expose: lt, emit: at }) {
-    const nt = S(() => import("./Tooltip-De7i-i20.js")), rt = S(() => import("./BaseIcon--wNsuYtd.js")), st = S(() => import("./vue-ui-accordion-WOXCCkiC.js")), ut = S(() => import("./DataTable-DRZJOlJB.js")), it = S(() => import("./UserOptions-5GYBcJJU.js")), ct = S(() => import("./PenAndPaper-CMmG5Mka.js")), dt = S(() => import("./PackageVersion-BW9_gimf.js")), vt = S(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_onion: gt } = to(), { isThemeValid: ht, warnInvalidTheme: ft } = ro(), k = ot, he = d(() => !!k.dataset && k.dataset.length), w = u(Yt()), pt = u(null), fe = u(0), J = u(!1), K = u(""), b = u([]), T = u(null), pe = u(null), be = u(null), me = u(null), ye = u(null), Ce = u(0), ke = u(0), we = u(0), x = u(!1), Ae = u(!1), L = u(null), e = u(ee()), { loading: A, FINAL_DATASET: $e, manualLoading: Q } = oo({
+    const nt = S(() => import("./Tooltip-OHx7yHlS.js")), rt = S(() => import("./BaseIcon-CALhpING.js")), st = S(() => import("./vue-ui-accordion-DiNnR-ZE.js")), ut = S(() => import("./DataTable-Ca1twcf7.js")), it = S(() => import("./UserOptions-ChRXLqps.js")), ct = S(() => import("./PenAndPaper-DscVdZ1u.js")), dt = S(() => import("./PackageVersion-Dc4fCiDF.js")), vt = S(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_onion: gt } = to(), { isThemeValid: ht, warnInvalidTheme: ft } = ro(), k = ot, he = d(() => !!k.dataset && k.dataset.length), w = u(Yt()), pt = u(null), fe = u(0), Z = u(!1), J = u(""), b = u([]), T = u(null), pe = u(null), be = u(null), me = u(null), ye = u(null), Ce = u(0), ke = u(0), we = u(0), x = u(!1), Ae = u(!1), L = u(null), e = u(ee()), { loading: A, FINAL_DATASET: $e, manualLoading: K } = oo({
       ...zt(k),
       FINAL_CONFIG: e,
       prepareConfig: ee,
@@ -87,7 +87,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }
       })
-    }), { userOptionsVisible: Z, setUserOptionsVisibility: Te, keepUserOptionState: xe } = so({ config: e.value }), { svgRef: X } = uo({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Q, setUserOptionsVisibility: Te, keepUserOptionState: xe } = so({ config: e.value }), { svgRef: X } = uo({ config: e.value.style.chart.title });
     function ee() {
       const t = ge({
         userConfig: k.config,
@@ -109,7 +109,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       };
     }
     U(() => k.config, (t) => {
-      A.value || (e.value = ee()), Z.value = !e.value.userOptions.showOnChartHover, Ie(), Ce.value += 1, ke.value += 1, we.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
+      A.value || (e.value = ee()), Q.value = !e.value.userOptions.showOnChartHover, Ie(), Ce.value += 1, ke.value += 1, we.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: Fe, isImaging: Oe, generatePdf: De, generateImage: Se } = ao({
       elementId: `vue-ui-onion_${w.value}`,
@@ -155,8 +155,8 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         componentName: "VueUiOnion",
         type: "dataset",
         debug: Ct.value
-      }), Q.value = !0), He(k.dataset) || (Q.value = e.value.loading), e.value.responsive) {
-        const l = Zt(() => {
+      }), K.value = !0), He(k.dataset) || (K.value = e.value.loading), e.value.responsive) {
+        const l = Qt(() => {
           te && clearTimeout(te), x.value = !0;
           let { width: o, height: a } = eo({
             chart: T.value,
@@ -224,7 +224,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       })}`
     }))), N = u(f.value), kt = d(() => e.value.useStartAnimation), wt = u(null), At = d(() => Math.max(...f.value.map((t) => t.percentage))), le = u(!1);
     U(() => f.value, Be, { immediate: !0, deep: !0 }), U(() => k.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Q.value = !1);
+      Array.isArray(t) && t.length > 0 && (K.value = !1);
     }, { deep: !0 });
     function Be() {
       if (kt.value && !le.value && !A.value) {
@@ -337,8 +337,8 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     });
     function ne(t = null) {
       Xe(() => {
-        const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = ae.value.head, a = ae.value.body, g = l.concat([o]).concat(a), $ = Jt(g);
-        t ? t($) : Kt({ csvContent: $, title: e.value.style.chart.title.text || "vue-ui-onion" });
+        const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = ae.value.head, a = ae.value.body, g = l.concat([o]).concat(a), $ = Zt(g);
+        t ? t($) : Jt({ csvContent: $, title: e.value.style.chart.title.text || "vue-ui-onion" });
       });
     }
     const D = u(void 0), P = u(!1);
@@ -349,7 +349,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.absoluteIndex });
     }
     function Re({ datapoint: t }) {
-      D.value = void 0, J.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex });
+      D.value = void 0, Z.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex });
     }
     const re = u(null);
     function ze({ datapoint: t, seriesIndex: l, show: o = !0 }) {
@@ -360,16 +360,16 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         seriesIndex: a,
         series: f.value,
         config: e.value
-      }, J.value = o;
+      }, Z.value = o;
       let g = "";
       const $ = e.value.style.chart.tooltip.customFormat;
-      if (We($) && Qt(() => $({
+      if (We($) && Kt(() => $({
         seriesIndex: a,
         datapoint: t,
         series: f.value,
         config: e.value
       })))
-        K.value = $({
+        J.value = $({
           seriesIndex: a,
           datapoint: t,
           series: f.value,
@@ -387,7 +387,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: l }
-        ) : ""}${ue && ie ? ")" : ""}</div>`, K.value = `<div>${g}</div>`;
+        ) : ""}${ue && ie ? ")" : ""}</div>`, J.value = `<div>${g}</div>`;
       }
     }
     function Le() {
@@ -542,7 +542,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       I("div", {
         id: `legend-top-${w.value}`
       }, null, 8, po),
-      e.value.userOptions.show && he.value && (r(xe) || r(Z)) ? (s(), _(r(it), {
+      e.value.userOptions.show && he.value && (r(xe) || r(Q)) ? (s(), _(r(it), {
         ref_key: "details",
         ref: pt,
         key: `user_options${fe.value}`,
@@ -577,7 +577,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         onToggleTooltip: Ne,
         onToggleAnnotator: se,
         style: E({
-          visibility: r(xe) ? r(Z) ? "visible" : "hidden" : "visible"
+          visibility: r(xe) ? r(Q) ? "visible" : "hidden" : "visible"
         })
       }, Ge({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -852,7 +852,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         c(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
       ce(r(nt), {
-        show: m.value.showTooltip && J.value,
+        show: m.value.showTooltip && Z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -863,7 +863,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: T.value,
-        content: K.value,
+        content: J.value,
         isFullscreen: P.value,
         isCustom: r(We)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
@@ -933,12 +933,12 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       r(A) ? (s(), _(lo, { key: 8 })) : p("", !0)
     ], 46, fo));
   }
-}, Po = /* @__PURE__ */ ho(Bo, [["__scopeId", "data-v-eec12458"]]), Ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Po = /* @__PURE__ */ ho(Bo, [["__scopeId", "data-v-eec12458"]]), Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Po
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Jo as a,
-  Ko as b,
+  Zo as a,
+  Jo as b,
   Po as v
 };

package/dist/{vue-ui-parallel-coordinate-plot-CdvrCiVK.js → vue-ui-parallel-coordinate-plot-px6mudIa.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as L, computed as m, ref as d, toRefs as Vt, watch as ee, shallowRef as Ke, onMounted as Gt, onBeforeUnmount as Xt, watchEffect as Yt, createElementBlock as i, openBlock as n, unref as v, normalizeStyle as S, normalizeClass as X, createBlock as D, createCommentVNode as g, createElementVNode as I, createVNode as me, withCtx as h, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as Qe, Fragment as w, renderList as P, toDisplayString as U, Teleport as qt, resolveDynamicComponent as Jt, mergeProps as Kt, createTextVNode as Ze, nextTick as Qt } from "vue";
-import { c as be, t as Zt, i as ea, p as te, o as et, g as tt, k as ta, j as aa, l as oa, F as la, B as sa, z as na, ad as ra, X as ia, U as ua, x as at, Y as ae, u as ca, q as va, a as ot, d as lt, R as da } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as L, computed as m, ref as d, toRefs as Vt, watch as ee, shallowRef as Je, onMounted as Gt, onBeforeUnmount as Xt, watchEffect as Yt, createElementBlock as i, openBlock as n, unref as v, normalizeStyle as S, normalizeClass as X, createBlock as D, createCommentVNode as g, createElementVNode as I, createVNode as me, withCtx as h, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as Ke, Fragment as w, renderList as P, toDisplayString as U, Teleport as qt, resolveDynamicComponent as Zt, mergeProps as Jt, createTextVNode as Qe, nextTick as Kt } from "vue";
+import { c as be, t as Qt, i as ea, p as te, o as et, g as tt, k as ta, j as aa, l as oa, M as la, B as sa, z as na, ai as ra, X as ia, _ as ua, x as at, a1 as ae, u as ca, q as va, a as ot, d as lt, Z as da } from "./lib-qMPkcvmh.js";
 import { t as st, u as ha } from "./useResponsive-DfdjqQps.js";
-import { u as pa, a as ge } from "./useNestedProp-CoXaJ2T6.js";
-import { u as fa } from "./usePrinter-BdVu83IN.js";
+import { u as pa, a as ge } from "./useNestedProp-DH2Pjkde.js";
+import { u as fa } from "./usePrinter-CjGh4mFJ.js";
 import { u as ma, B as ba } from "./BaseScanner-BgWxam9d.js";
 import { u as ga } from "./useSvgExport-DrjCWun4.js";
 import { u as ya } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ca } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ka } from "./useChartAccessibility-9icAAmYg.js";
 import { u as xa } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Aa from "./Title-CM2dM0rQ.js";
-import wa from "./Legend-DSyOOSJ1.js";
-import { _ as $a } from "./Shape-rPzC8L-O.js";
-import Fa from "./img-BYzbY8TZ.js";
+import Aa from "./Title-CWX8otQg.js";
+import wa from "./Legend-Djkw4FGq.js";
+import { _ as $a } from "./Shape-BEGGcaL8.js";
+import Fa from "./img-CwrkWkkl.js";
 import { _ as Ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, yAxis: { stroke: "#5A5A5A", labels: { axisNamesColor: "#CCCCCC", ticks: { color: "#CCCCCC" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, rt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, yAxis: { stroke: "#5D4037", labels: { axisNamesColor: "#424242", ticks: { color: "#424242" } } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, it = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, yAxis: { stroke: "#5D4037", labels: { axisNamesColor: "#BDBDBD", ticks: { color: "#BDBDBD" } } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, yAxis: { stroke: "#3A3A3A", labels: { axisNamesColor: "#99AA99", ticks: { color: "#5A5A5A" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, ct = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, yAxis: { stroke: "#8F837A", labels: { axisNamesColor: "#8F837A", ticks: { color: "#8F837A" } } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, vt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, yAxis: { stroke: "#50606C", labels: { axisNamesColor: "#50606C", ticks: { color: "#50606C" } } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, dt = {
   default: {},
@@ -34,7 +34,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
 }, Symbol.toStringTag, { value: "Module" })), za = ["id"], Na = ["id"], _a = ["xmlns", "viewBox"], Ma = ["x", "y", "width", "height"], Sa = { style: { "pointer-events": "none" } }, Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pa = { key: 0 }, Oa = ["x", "y", "fill", "font-size", "font-weight"], La = ["fill", "font-size", "font-weight", "text-anchor", "transform"], Ba = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], Ea = { key: 0 }, Ra = ["x", "y", "font-size", "fill"], Ua = ["width", "x", "y"], Ha = { style: { width: "100%" } }, Wa = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], ja = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Va = ["d", "onMouseenter", "onMouseleave", "onClick"], Ga = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Xa = ["id"], Ya = ["onClick"], qa = ["innerHTML"], Ja = {
+}, Xa = ["id"], Ya = ["onClick"], qa = ["innerHTML"], Za = {
   __name: "vue-ui-parallel-coordinate-plot",
   props: {
     config: {
@@ -52,7 +52,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(ht, { expose: pt, emit: ft }) {
-    const mt = L(() => import("./Tooltip-De7i-i20.js")), bt = L(() => import("./BaseIcon--wNsuYtd.js")), gt = L(() => import("./vue-ui-accordion-WOXCCkiC.js")), yt = L(() => import("./DataTable-DRZJOlJB.js")), Ct = L(() => import("./PenAndPaper-CMmG5Mka.js")), kt = L(() => import("./UserOptions-5GYBcJJU.js")), xt = L(() => import("./PackageVersion-BW9_gimf.js")), At = L(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_parallel_coordinate_plot: wt } = pa(), { isThemeValid: $t, warnInvalidTheme: Ft } = ya(), $ = ht, Y = m({
+    const mt = L(() => import("./Tooltip-OHx7yHlS.js")), bt = L(() => import("./BaseIcon-CALhpING.js")), gt = L(() => import("./vue-ui-accordion-DiNnR-ZE.js")), yt = L(() => import("./DataTable-Ca1twcf7.js")), Ct = L(() => import("./PenAndPaper-DscVdZ1u.js")), kt = L(() => import("./UserOptions-ChRXLqps.js")), xt = L(() => import("./PackageVersion-Dc4fCiDF.js")), At = L(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_parallel_coordinate_plot: wt } = pa(), { isThemeValid: $t, warnInvalidTheme: Ft } = ya(), $ = ht, Y = m({
       get() {
         return !!$.dataset && $.dataset.length;
       },
@@ -69,7 +69,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       prepareConfig: ie,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Qt(), b.value.showTable = e.value.table.show;
+          await Kt(), b.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: [
@@ -107,7 +107,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           ]
         }
       ],
-      skeletonConfig: Zt({
+      skeletonConfig: Qt({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -160,7 +160,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     }, { deep: !0 }), ee(() => $.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (se.value = !1);
     }, { deep: !0 });
-    const O = Ke(null), H = Ke(null);
+    const O = Je(null), H = Je(null);
     Gt(() => {
       Te.value = !0, Se();
     });
@@ -389,10 +389,10 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       );
     }
     const x = d(null), ve = d(null), de = d(!1), he = d("");
-    function J({ shape: t, serie: o, S: a }) {
+    function Z({ shape: t, serie: o, S: a }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...o, shape: t }, seriesIndex: a }), x.value = null, de.value = null;
     }
-    function K({ shape: t, serieName: o, serie: a, relativeIndex: s, seriesIndex: l, S: u }) {
+    function J({ shape: t, serieName: o, serie: a, relativeIndex: s, seriesIndex: l, S: u }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: u }), ve.value = { serie: a, relativeIndex: s, seriesIndex: l, series: N.value, scales: y.value }, de.value = !0, x.value = a.id;
       let r = "";
       const _ = e.value.style.chart.tooltip.customFormat;
@@ -461,7 +461,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       t ? t(u) : va({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
     }
     const je = ft;
-    function Q({ serie: t, shape: o, S: a }) {
+    function K({ serie: t, shape: o, S: a }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, shape: o }, seriesIndex: a }), je("selectDatapoint", t);
     }
     function Ve(t) {
@@ -480,9 +480,9 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     function Ye() {
       b.value.showTooltip = !b.value.showTooltip;
     }
-    const Z = d(!1);
+    const Q = d(!1);
     function fe() {
-      Z.value = !Z.value;
+      Q.value = !Q.value;
     }
     async function Pt({ scale: t = 2 } = {}) {
       if (!M.value) return;
@@ -553,7 +553,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       legendItems: Re,
       backgroundColor: Bt
     });
-    async function Je({ isCb: t }) {
+    async function Ze({ isCb: t }) {
       if (t) {
         const { blob: o, url: a, text: s, dataUrl: l } = await Ht();
         e.value.userOptions.callbacks.svg({ blob: o, url: a, text: s, dataUrl: l });
@@ -566,7 +566,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       generateCsv: pe,
       generatePdf: Pe,
       generateImage: Oe,
-      generateSvg: Je,
+      generateSvg: Ze,
       hideSeries: St,
       showSeries: Mt,
       toggleTable: Ge,
@@ -588,7 +588,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         svgRef: v(re),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: Z.value,
+        active: Q.value,
         onClose: fe
       }, {
         "annotator-action-close": h(() => [
@@ -664,7 +664,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         chartElement: M.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Z.value,
+        isAnnotation: Q.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -672,7 +672,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         onGeneratePdf: v(Pe),
         onGenerateCsv: pe,
         onGenerateImage: v(Oe),
-        onGenerateSvg: Je,
+        onGenerateSvg: Ze,
         onToggleTable: Ge,
         onToggleLabels: Xe,
         onToggleTooltip: Ye,
@@ -680,7 +680,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         style: S({
           visibility: v(_e) ? v(ne) ? "visible" : "hidden" : "visible"
         })
-      }, Qe({ _: 2 }, [
+      }, Ke({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: h(({ isOpen: a, color: s }) => [
@@ -841,7 +841,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                 radius: a.shape === "triangle" ? c.value.plotSize * 1.2 : c.value.plotSize,
                 stroke: e.value.style.chart.backgroundColor,
                 strokeWidth: 0.5,
-                onMouseenter: (C) => K({
+                onMouseenter: (C) => J({
                   shape: a.shape,
                   serieName: a.name,
                   serie: l,
@@ -849,9 +849,9 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                   seriesIndex: l.seriesIndex,
                   S: s
                 }),
-                onMouseleave: (C) => J({ serie: l, shape: a.shape, S: s }),
+                onMouseleave: (C) => Z({ serie: l, shape: a.shape, S: s }),
                 style: S(`opacity:${x.value ? x.value === l.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
-                onClick: () => Q({ serie: l, shape: a.shape, S: s })
+                onClick: () => K({ serie: l, shape: a.shape, S: s })
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "onMouseleave", "style", "onClick"]))), 256)),
               b.value.showTooltip ? g("", !0) : (n(), i(w, { key: 0 }, [
                 x.value && x.value === l.id && l.datapoints.length ? (n(), i("text", {
@@ -889,7 +889,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               "font-weight": e.value.style.chart.yAxis.labels.datapoints.bold ? "bold" : "normal",
               class: X({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !v(R) }),
               "font-size": c.value.datapointFontSize,
-              onMouseenter: (C) => K({
+              onMouseenter: (C) => J({
                 shape: a.shape,
                 serieName: a.name,
                 serie: l,
@@ -897,8 +897,8 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                 seriesIndex: l.seriesIndex,
                 S: s
               }),
-              onMouseleave: (C) => J({ serie: l, shape: a.shape, S: s }),
-              onClick: () => Q({ serie: l, shape: a.shape, S: s }),
+              onMouseleave: (C) => Z({ serie: l, shape: a.shape, S: s }),
+              onClick: () => K({ serie: l, shape: a.shape, S: s }),
               style: S(`opacity:${x.value ? x.value === l.id ? 1 : 0.2 : 1}`)
             }, U(He({ value: r.value, index: _, datapoint: r })), 47, Wa))), 256)) : g("", !0),
             I("path", {
@@ -907,7 +907,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               "stroke-width": e.value.style.chart.lines.strokeWidth,
               fill: "none",
               class: X({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !v(R) }),
-              onMouseenter: (r) => K({
+              onMouseenter: (r) => J({
                 shape: a.shape,
                 serieName: a.name,
                 serie: l,
@@ -915,8 +915,8 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                 seriesIndex: l.seriesIndex,
                 S: s
               }),
-              onMouseleave: (r) => J({ serie: l, shape: a.shape, S: s }),
-              onClick: () => Q({ serie: l, shape: a.shape, S: s }),
+              onMouseleave: (r) => Z({ serie: l, shape: a.shape, S: s }),
+              onClick: () => K({ serie: l, shape: a.shape, S: s }),
               style: S(`opacity:${x.value ? x.value === l.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${l.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? l.pathLength : 0}`)
             }, null, 46, ja),
             b.value.showTooltip ? (n(), i("path", {
@@ -926,7 +926,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               "stroke-width": 12,
               fill: "none",
               class: X({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !v(R) }),
-              onMouseenter: (r) => K({
+              onMouseenter: (r) => J({
                 shape: a.shape,
                 serieName: a.name,
                 serie: l,
@@ -934,8 +934,8 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                 seriesIndex: l.seriesIndex,
                 S: s
               }),
-              onMouseleave: (r) => J({ serie: l, shape: a.shape, S: s }),
-              onClick: () => Q({ serie: l, shape: a.shape, S: s }),
+              onMouseleave: (r) => Z({ serie: l, shape: a.shape, S: s }),
+              onClick: () => K({ serie: l, shape: a.shape, S: s }),
               style: { opacity: "0" }
             }, null, 42, Va)) : g("", !0)
           ]))), 256))
@@ -1015,11 +1015,11 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Y.value && e.value.userOptions.buttons.table ? (n(), D(Jt(G.value.component), Kt({ key: 7 }, G.value.props, {
+      Y.value && e.value.userOptions.buttons.table ? (n(), D(Zt(G.value.component), Jt({ key: 7 }, G.value.props, {
         ref_key: "tableUnit",
         ref: j,
         onClose: qe
-      }), Qe({
+      }), Ke({
         content: h(() => [
           (n(), D(v(yt), {
             key: `table_${Fe.value}`,
@@ -1035,7 +1035,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               I("div", { innerHTML: a }, null, 8, qa)
             ]),
             td: h(({ td: a }) => [
-              Ze(U(a), 1)
+              Qe(U(a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1045,7 +1045,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         e.value.table.useDialog ? {
           name: "title",
           fn: h(() => [
-            Ze(U(G.value.title), 1)
+            Qe(U(G.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1069,12 +1069,12 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       v(R) ? (n(), D(ba, { key: 8 })) : g("", !0)
     ], 46, za));
   }
-}, Ka = /* @__PURE__ */ Ta(Ja, [["__scopeId", "data-v-43c25705"]]), mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ja = /* @__PURE__ */ Ta(Za, [["__scopeId", "data-v-43c25705"]]), mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ka
+  default: Ja
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   fo as a,
   mo as b,
-  Ka as v
+  Ja as v
 };

package/dist/{vue-ui-quadrant-C1GEbyIm.js → vue-ui-quadrant-Cnh6vISS.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as N, computed as g, ref as b, toRefs as It, watch as xe, shallowRef as ot, onMounted as Ht, onBeforeUnmount as Ut, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as A, normalizeClass as B, createBlock as E, createCommentVNode as h, createElementVNode as d, createVNode as ne, withCtx as f, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as ut, Fragment as S, renderList as Y, toDisplayString as k, Teleport as Qt, resolveDynamicComponent as Gt, mergeProps as jt, createTextVNode as st, nextTick as rt } from "vue";
-import { c as nt, t as Jt, i as Zt, p as Ce, o as Kt, g as G, j as el, l as tl, ae as ll, a as P, d as R, X as al, s as ie, h as ol, af as ul, U as sl, w as rl, u as nl, q as il, x as vl, R as cl } from "./lib-DUaaQGCv.js";
+import { c as nt, t as Jt, i as Zt, p as Ce, o as Kt, g as G, j as el, l as tl, aj as ll, a as P, d as R, X as al, s as ie, h as ol, ak as ul, _ as sl, w as rl, u as nl, q as il, x as vl, Z as cl } from "./lib-qMPkcvmh.js";
 import { t as dl, u as hl } from "./useResponsive-DfdjqQps.js";
-import { u as bl, a as ke } from "./useNestedProp-CoXaJ2T6.js";
+import { u as bl, a as ke } from "./useNestedProp-DH2Pjkde.js";
 import { u as yl, B as fl } from "./BaseScanner-BgWxam9d.js";
-import { u as pl } from "./usePrinter-BdVu83IN.js";
+import { u as pl } from "./usePrinter-CjGh4mFJ.js";
 import { u as gl } from "./useSvgExport-DrjCWun4.js";
 import { u as ml } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as xl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Cl } from "./useChartAccessibility-9icAAmYg.js";
-import kl from "./img-BYzbY8TZ.js";
-import $l from "./Title-CM2dM0rQ.js";
-import { _ as it } from "./Shape-rPzC8L-O.js";
-import Ll from "./Legend-DSyOOSJ1.js";
+import kl from "./img-CwrkWkkl.js";
+import $l from "./Title-CWX8otQg.js";
+import { _ as it } from "./Shape-BEGGcaL8.js";
+import Ll from "./Legend-Djkw4FGq.js";
 import { _ as wl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const vt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { quadrantLabels: { tl: { color: "#CCCCCC" }, tr: { color: "#CCCCCC" }, br: { color: "#CCCCCC" }, bl: { color: "#CCCCCC" } }, plotLabels: { color: "#CCCCCC" }, axisLabels: { color: { positive: "#CCCCCC", negative: "#CCCCCC" } } }, grid: { stroke: "#5A5A5A", graduations: { stroke: "#5A5A5A" } }, plots: { outlineColor: "#1A1A1A" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ct = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { labels: { quadrantLabels: { tl: { color: "#5D4037" }, tr: { color: "#5D4037" }, br: { color: "#5D4037" }, bl: { color: "#5D4037" } }, plotLabels: { color: "#424242" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#FFF8E1" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, 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" } } }, dt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { quadrantLabels: { tl: { color: "#FF6B6B90" }, tr: { color: "#FF6B6B90" }, br: { color: "#FF6B6B90" }, bl: { color: "#FF6B6B90" } }, plotLabels: { color: "#BDBDBD" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1E1E1E" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, 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" } } }, ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { quadrantLabels: { tl: { color: "#99AA99" }, tr: { color: "#99AA99" }, br: { color: "#99AA99" }, bl: { color: "#99AA99" } }, plotLabels: { color: "#99CC99" }, axisLabels: { color: { positive: "#66CC66", negative: "#66CC66" } } }, grid: { stroke: "#334C33", graduations: { stroke: "#333333", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1A1A1A" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, bt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { labels: { quadrantLabels: { tl: { color: "#8A9892" }, tr: { color: "#8A9892" }, br: { color: "#8A9892" }, bl: { color: "#8A9892" } }, plotLabels: { color: "#8A9892" }, axisLabels: { color: { positive: "#99AA99", negative: "#C09E85" } } }, grid: { stroke: "#D2E0DB", graduations: { steps: 2, color: "#D2E0DB", stroke: "#D2E0DB", roundingForce: 256 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, 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" } } }, yt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { quadrantLabels: { tl: { color: "#61747E" }, tr: { color: "#61747E" }, br: { color: "#61747E" }, bl: { color: "#61747E" } }, plotLabels: { color: "#50606C" }, axisLabels: { color: { positive: "#4A6A75", negative: "#7E8F7E" } } }, grid: { stroke: "#9AA7B0", graduations: { color: "#DEE1DE", stroke: "#DEE1DE", roundingForce: 0 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, 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" } } }, ft = {
   default: {},
@@ -62,7 +62,7 @@ const vt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(pt, { expose: gt, emit: mt }) {
-    const xt = N(() => import("./Tooltip-De7i-i20.js")), Ct = N(() => import("./BaseIcon--wNsuYtd.js")), kt = N(() => import("./vue-ui-accordion-WOXCCkiC.js")), $t = N(() => import("./DataTable-DRZJOlJB.js")), Lt = N(() => import("./PenAndPaper-CMmG5Mka.js")), wt = N(() => import("./UserOptions-5GYBcJJU.js")), At = N(() => import("./PackageVersion-BW9_gimf.js")), _t = N(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_quadrant: St } = bl(), { isThemeValid: qt, warnInvalidTheme: Tt } = ml(), W = pt, $e = g(() => !!W.dataset && W.dataset.length), L = b(nt()), ve = mt, ce = b(!1), de = b(""), Le = b(0), x = b(!1), X = b(null), we = b(null), Ae = b(null), _e = b(null), Se = b(null), qe = b(0), Te = b(0), ze = b(0), Fe = b(!1), j = b(null), he = b(null), e = b(fe()), { loading: Be, FINAL_DATASET: We } = yl({
+    const xt = N(() => import("./Tooltip-OHx7yHlS.js")), Ct = N(() => import("./BaseIcon-CALhpING.js")), kt = N(() => import("./vue-ui-accordion-DiNnR-ZE.js")), $t = N(() => import("./DataTable-Ca1twcf7.js")), Lt = N(() => import("./PenAndPaper-DscVdZ1u.js")), wt = N(() => import("./UserOptions-ChRXLqps.js")), At = N(() => import("./PackageVersion-Dc4fCiDF.js")), _t = N(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_quadrant: St } = bl(), { isThemeValid: qt, warnInvalidTheme: Tt } = ml(), W = pt, $e = g(() => !!W.dataset && W.dataset.length), L = b(nt()), ve = mt, ce = b(!1), de = b(""), Le = b(0), x = b(!1), X = b(null), we = b(null), Ae = b(null), _e = b(null), Se = b(null), qe = b(0), Te = b(0), ze = b(0), Fe = b(!1), j = b(null), he = b(null), e = b(fe()), { loading: Be, FINAL_DATASET: We } = yl({
       ...It(W),
       FINAL_CONFIG: e,
       prepareConfig: fe,