vue-data-ui 3.9.19 → 3.9.21

package/dist/{vue-ui-donut-evolution-CPYvsQDZ.js → vue-ui-donut-evolution-BtSDnqw5.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as R, ref as i, shallowRef as pt, computed as v, onMounted as pl, toRefs as xl, nextTick as Be, watch as ie, watchEffect as kl, onBeforeUnmount as wl, createElementBlock as n, openBlock as u, unref as c, normalizeStyle as ee, normalizeClass as z, createBlock as B, createCommentVNode as d, createElementVNode as m, withCtx as y, renderSlot as A, normalizeProps as T, guardReactiveProps as I, createSlots as xt, createVNode as kt, Fragment as L, renderList as _, toDisplayString as k, Teleport as Dl, resolveDynamicComponent as Ll, mergeProps as _l, createTextVNode as Ee } from "vue";
 import { c as wt, o as Dt, g as ce, l as Sl, t as Fl, i as Bl, j as de, a1 as Lt, k as El, m as $e, a7 as $l, E as _t, N as zl, a3 as ze, a as Te, d as ve, X as Tl, s as te, a8 as Il, $ as Ol, a4 as Pl, a5 as Nl, a6 as St, v as Rl, r as Vl, a9 as Ft, aa as Ml } from "./lib-2iaAPQ_c.js";
 import { t as Bt, u as Ul } from "./useResponsive-DfdjqQps.js";
-import { u as Hl, a as Ie } from "./useNestedProp-DaR1dBmj.js";
+import { u as Hl, a as Ie } from "./useNestedProp-gqRzbKJy.js";
 import { u as Xl } from "./usePrinter-ChVMpU2f.js";
 import { u as Wl, B as jl } from "./BaseScanner-BMpwQAfz.js";
 import { u as Gl } from "./useSvgExport-ByUukOZt.js";
@@ -11,9 +11,9 @@ import { u as Jl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Kl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Ql } from "./useTimeLabelCollider-CIsgDrl9.js";
 import Zl from "./img-CqYIrJ8I.js";
-import eo from "./Title-D0nD-PMs.js";
+import eo from "./Title-B7pkWzTi.js";
 import to from "./Legend-D2xmnFPH.js";
-import { S as lo } from "./Slicer-DMWpR3hr.js";
+import { S as lo } from "./Slicer-iEpMHxAy.js";
 import { _ as oo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A" }, dialog: { backgroundColor: "#1A1A1A", color: "#CCCCCC", header: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, donutChart: { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { percentage: { color: "#CCCCCC" }, name: { color: "#CCCCCC" }, hollow: { total: { color: "#CCCCCC", value: { color: "#CCCCCC" } }, average: { color: "#CCCCCC", value: { color: "#CCCCCC" } } } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5A5A5A", yAxis: { dataLabels: { color: "#CCCCCC" } }, xAxis: { dataLabels: { color: "#CCCCCC" } } }, line: { stroke: "#4A4A4A" }, highlighter: { color: "#CCCCCC" }, dataLabels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, $t = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, dialog: { backgroundColor: "#FFF8E1", color: "#424242", header: { backgroundColor: "##FFF8E1", color: "#424242" }, donutChart: { style: { chart: { backgroundColor: "##FFF8E1", color: "#424242", layout: { labels: { percentage: { color: "#424242" }, name: { color: "#424242" }, hollow: { total: { color: "#424242", value: { color: "#424242" } }, average: { color: "#424242", value: { color: "#424242" } } } } }, legend: { backgroundColor: "##FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5D4037", showVerticalLines: !1, yAxis: { dataLabels: { color: "#424242" } }, xAxis: { dataLabels: { color: "#424242" } } }, line: { stroke: "#5D4037" }, highlighter: { color: "#424242" }, dataLabels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, zt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, dialog: { backgroundColor: "#1E1E1E", color: "#BDBDBD", header: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, donutChart: { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { percentage: { color: "#BDBDBD" }, name: { color: "#BDBDBD" }, hollow: { total: { color: "#BDBDBD", value: { color: "#BDBDBD" } }, average: { color: "#BDBDBD", value: { color: "#BDBDBD" } } } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#5D4037", showVerticalLines: !1, yAxis: { dataLabels: { color: "#BDBDBD" } }, xAxis: { dataLabels: { color: "#BDBDBD" } } }, line: { stroke: "#5D4037" }, highlighter: { color: "#FFF8E1" }, dataLabels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, dialog: { backgroundColor: "#1A1A1A", color: "#BDBDBD", header: { backgroundColor: "#1A1A1A", color: "#BDBDBD" }, donutChart: { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { percentage: { color: "#99AA99" }, name: { color: "#99AA99" }, hollow: { total: { color: "#99AA99", value: { color: "#99AA99" } }, average: { color: "#99AA99", value: { color: "#99AA99" } } } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { show: !1, stroke: "#5F6A5F", yAxis: { dataLabels: { color: "#AACCAA" } }, xAxis: { dataLabels: { color: "#AACCAA" } } }, line: { stroke: "#5F6A5F" }, highlighter: { color: "#66CC66" }, dataLabels: { color: "#AACCAA" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, It = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, dialog: { backgroundColor: "#fbfafa", color: "#8A9892", header: { backgroundColor: "#fbfafa", color: "#8A9892" }, donutChart: { style: { chart: { backgroundColor: "#fbfafa", color: "#99AA99", layout: { labels: { percentage: { color: "#A0AC94" }, name: { color: "#A0AC94" }, hollow: { total: { color: "#A0AC94", value: { color: "#A0AC94" } }, average: { color: "#A0AC94", value: { color: "#A0AC94" } } } } }, legend: { backgroundColor: "#fbfafa", color: "#A0AC94" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { show: !1, yAxis: { dataLabels: { show: !1 } }, xAxis: { dataLabels: { show: !1 } } }, line: { stroke: "#DCDFE7" }, highlighter: { color: "#8F837A" }, dataLabels: { color: "#A0AC94" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Ot = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, dialog: { backgroundColor: "#f6f6fb", color: "#50606C", header: { backgroundColor: "#f6f6fb", color: "#50606C" }, donutChart: { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { percentage: { color: "#61747E" }, name: { color: "#61747E" }, hollow: { total: { color: "#61747E", value: { color: "#61747E" } }, average: { color: "#61747E", value: { color: "#61747E" } } } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, layout: { grid: { stroke: "#BBC4D3", yAxis: { dataLabels: { color: "#61747E" } }, xAxis: { dataLabels: { color: "#61747E" } } }, line: { stroke: "#92B0AB" }, highlighter: { color: "#50606C" }, dataLabels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Pt = {
   default: {},
@@ -53,7 +53,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
   },
   emits: ["selectLegend"],
   setup(Nt, { expose: Rt, emit: Vt }) {
-    const Mt = R(() => import("./vue-ui-accordion-DNRtKVZI.js")), Ut = R(() => import("./BaseIcon-BrCxEtJt.js")), Ht = R(() => import("./DataTable-BfEbVwm4.js")), Xt = R(() => import("./PackageVersion-By5ZZJ0U.js")), Wt = R(() => import("./PenAndPaper--ADXtx65.js")), jt = R(() => import("./UserOptions-Cy-iNhZU.js")), Gt = R(() => import("./vue-ui-donut-BhcFj-OA.js").then((t) => t.a)), Oe = R(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_donut_evolution: Yt } = Hl(), { isThemeValid: qt, warnInvalidTheme: Jt } = ql(), p = Nt, E = i(wt()), x = i([]), b = i(null), le = i(null), he = i(!1), V = i(null), O = i(null), Kt = i(null), Pe = i(0), Ne = i(0), Re = i(0), Ve = i(0), Me = i(0), ge = i(null), oe = i(null), fe = i(null), ye = i(null), Ue = i(!1), j = i(null), be = i(null), He = i(null), Xe = i(null), We = i(null), je = i(null), Ge = i(null), Ce = i(!1), G = pt(null), ae = pt(null), Ye = i(null), qe = Vt, Je = v(() => !!p.dataset && p.dataset.length);
+    const Mt = R(() => import("./vue-ui-accordion-Cy3d_0_S.js")), Ut = R(() => import("./BaseIcon-rQpZbUMg.js")), Ht = R(() => import("./DataTable-CRLvcC19.js")), Xt = R(() => import("./PackageVersion-BiGAIrqC.js")), Wt = R(() => import("./PenAndPaper-D6dHXPfu.js")), jt = R(() => import("./UserOptions-BlWCqtbi.js")), Gt = R(() => import("./vue-ui-donut-XhYkW3YB.js").then((t) => t.a)), Oe = R(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_donut_evolution: Yt } = Hl(), { isThemeValid: qt, warnInvalidTheme: Jt } = ql(), p = Nt, E = i(wt()), x = i([]), b = i(null), le = i(null), he = i(!1), V = i(null), O = i(null), Kt = i(null), Pe = i(0), Ne = i(0), Re = i(0), Ve = i(0), Me = i(0), ge = i(null), oe = i(null), fe = i(null), ye = i(null), Ue = i(!1), j = i(null), be = i(null), He = i(null), Xe = i(null), We = i(null), je = i(null), Ge = i(null), Ce = i(!1), G = pt(null), ae = pt(null), Ye = i(null), qe = Vt, Je = v(() => !!p.dataset && p.dataset.length);
     pl(() => {
       Ue.value = !0, Ke();
     });

package/dist/{vue-ui-dumbbell-CuOkKbif.js → vue-ui-dumbbell-Dk9GEs9q.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as I, computed as g, ref as h, toRefs as Zt, watch as oe, shallowRef as lt, onMounted as at, onBeforeUnmount as ot, watchEffect as Jt, createElementBlock as v, openBlock as r, unref as i, normalizeStyle as se, normalizeClass as st, createBlock as E, createCommentVNode as y, createElementVNode as c, withCtx as p, renderSlot as m, normalizeProps as S, guardReactiveProps as D, createSlots as rt, createVNode as nt, withDirectives as Z, Fragment as _, renderList as F, toDisplayString as k, vShow as J, Teleport as Kt, createTextVNode as Ae, resolveDynamicComponent as Qt, mergeProps as el, nextTick as tl } from "vue";
 import { c as ut, t as ll, o as al, g as it, l as ol, U as ct, N as sl, d as A, a as P, X as vt, s as dt, q as K, u as Q, v as rl, r as nl } from "./lib-2iaAPQ_c.js";
 import { t as we, u as ul } from "./useResponsive-DfdjqQps.js";
-import { u as il, a as $e } from "./useNestedProp-DaR1dBmj.js";
+import { u as il, a as $e } from "./useNestedProp-gqRzbKJy.js";
 import { u as cl } from "./usePrinter-ChVMpU2f.js";
 import { u as vl, B as dl } from "./BaseScanner-BMpwQAfz.js";
 import { u as hl } from "./useSvgExport-ByUukOZt.js";
@@ -10,7 +10,7 @@ import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as yl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as gl } from "./useTimeLabelCollider-CIsgDrl9.js";
 import pl from "./img-CqYIrJ8I.js";
-import ml from "./Title-D0nD-PMs.js";
+import ml from "./Title-B7pkWzTi.js";
 import Cl from "./Legend-D2xmnFPH.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, grid: { horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { stroke: "#4A4A4A" } }, highlighter: { color: "#CCCCCC" }, labels: { yAxisLabels: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, bt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#FFF8E1" }, grid: { horizontalGrid: { stroke: "#5D403780" }, verticalGrid: { stroke: "#5D403780" } }, labels: { yAxisLabels: { color: "#424242" }, xAxisLabels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, ft = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", comparisonLines: { rectColor: "#CCCCCC", labelColor: "#CCCCCC" }, highlighter: { color: "#CCCCCC" }, plots: { startColor: "#F57C00", endColor: "#D32F2F", stroke: "#1E1E1E" }, grid: { horizontalGrid: { stroke: "#5D4037" }, verticalGrid: { stroke: "#5D4037" } }, labels: { yAxisLabels: { color: "#BDBDBD" }, xAxisLabels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, yt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", plots: { startColor: "#008000", endColor: "#00FF00", stroke: "#1A1A1A" }, comparisonLines: { rectColor: "#CCCCCC", labelColor: "#99CC99" }, highlighter: { color: "#CCCCCC" }, grid: { horizontalGrid: { stroke: "#5F6A5F" }, verticalGrid: { stroke: "#5F6A5F" } }, labels: { yAxisLabels: { color: "#99CC99" }, xAxisLabels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, gt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", plots: { startColor: "#DCB482", endColor: "#B9B99D", stroke: "#fbfafa" }, grid: { horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, labels: { yAxisLabels: { color: "#8A9892" }, xAxisLabels: { show: !1 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, pt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", plots: { startColor: "#718885", endColor: "#7DA9B5", stroke: "#404C5A" }, grid: { horizontalGrid: { stroke: "#829C98" }, verticalGrid: { stroke: "#829C98" } }, labels: { yAxisLabels: { color: "#61747E" }, xAxisLabels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, mt = {
@@ -51,7 +51,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", com
   },
   emits: ["selectDatapoint"],
   setup(Ct, { expose: kt, emit: Na }) {
-    const xt = I(() => import("./BaseIcon-BrCxEtJt.js")), _t = I(() => import("./vue-ui-accordion-DNRtKVZI.js")), At = I(() => import("./DataTable-BfEbVwm4.js")), wt = I(() => import("./PenAndPaper--ADXtx65.js")), $t = I(() => import("./UserOptions-Cy-iNhZU.js")), Lt = I(() => import("./PackageVersion-By5ZZJ0U.js")), St = I(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_dumbbell: Dt } = il(), { isThemeValid: Ft, warnInvalidTheme: Nt } = bl(), w = Ct, ee = g({
+    const xt = I(() => import("./BaseIcon-rQpZbUMg.js")), _t = I(() => import("./vue-ui-accordion-Cy3d_0_S.js")), At = I(() => import("./DataTable-CRLvcC19.js")), wt = I(() => import("./PenAndPaper-D6dHXPfu.js")), $t = I(() => import("./UserOptions-BlWCqtbi.js")), Lt = I(() => import("./PackageVersion-BiGAIrqC.js")), St = I(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_dumbbell: Dt } = il(), { isThemeValid: Ft, warnInvalidTheme: Nt } = bl(), w = Ct, ee = g({
       get() {
         return !!w.dataset && w.dataset.length;
       },

package/dist/{vue-ui-flow-Cx1_sP-g.js → vue-ui-flow-Dmadpe5T.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as j, ref as u, computed as f, onMounted as Bo, toRefs as Do, watch as xe, createElementBlock as m, openBlock as c, unref as r, normalizeStyle as U, normalizeClass as Ht, createBlock as Q, createCommentVNode as $, createElementVNode as W, createVNode as Oe, withCtx as v, renderSlot as h, normalizeProps as P, guardReactiveProps as I, createSlots as jt, Fragment as he, renderList as ge, withKeys as Je, withModifiers as Qe, toDisplayString as pe, Teleport as Po, resolveDynamicComponent as Io, mergeProps as Mo, createTextVNode as Ut, nextTick as Wt } from "vue";
 import { c as _e, t as zo, o as Gt, g as Lo, i as Ro, j as R, k as Yo, U as T, m as Ho, d as le, X as jo, a as Ne, x as Vt, G as Uo, v as Wo, r as Go, y as Vo } from "./lib-2iaAPQ_c.js";
 import { t as Xo, u as qo } from "./useResponsive-DfdjqQps.js";
-import { u as Ko, a as et } from "./useNestedProp-DaR1dBmj.js";
+import { u as Ko, a as et } from "./useNestedProp-gqRzbKJy.js";
 import { u as Zo } from "./usePrinter-ChVMpU2f.js";
 import { u as Jo, B as Qo } from "./BaseScanner-BMpwQAfz.js";
 import { u as el } from "./useSvgExport-ByUukOZt.js";
@@ -9,7 +9,7 @@ import { u as tl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ol } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
 import al from "./Legend-D2xmnFPH.js";
-import nl from "./Title-D0nD-PMs.js";
+import nl from "./Title-B7pkWzTi.js";
 import sl from "./img-CqYIrJ8I.js";
 import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, qt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, nodes: { stroke: "#3A3A3A" }, links: { stroke: "#3A3A3A" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Kt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, nodes: { stroke: "#1E1E1E" }, links: { stroke: "#1E1E1E" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Zt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, nodes: { stroke: "#1A1A1A" }, links: { stroke: "#1A1A1A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Jt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, nodes: { stroke: "#fbfafa" }, links: { stroke: "#fbfafa" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Qt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, nodes: { stroke: "#f6f6fb" }, links: { stroke: "#f6f6fb" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, eo = {
@@ -54,7 +54,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
     }
   },
   setup(to, { expose: oo }) {
-    const lo = j(() => import("./Tooltip-D0pGX8qz.js")), ao = j(() => import("./BaseIcon-BrCxEtJt.js")), no = j(() => import("./vue-ui-accordion-DNRtKVZI.js")), so = j(() => import("./DataTable-BfEbVwm4.js")), ro = j(() => import("./PenAndPaper--ADXtx65.js")), uo = j(() => import("./UserOptions-Cy-iNhZU.js")), io = j(() => import("./PackageVersion-By5ZZJ0U.js")), co = j(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_flow: vo } = Ko(), { isThemeValid: fo, warnInvalidTheme: ho } = tl(), F = to, G = u(_e()), B = u(null), tt = u(0), ot = u(0), Be = u(!1), De = u(""), lt = u(null), at = u(null), nt = u(null), ae = u(null), be = u(null), st = u(!1), ne = u(null), Pe = u(null), Ie = u(null), rt = f(() => !!F.dataset && F.dataset.length);
+    const lo = j(() => import("./Tooltip-DpfUZbt7.js")), ao = j(() => import("./BaseIcon-rQpZbUMg.js")), no = j(() => import("./vue-ui-accordion-Cy3d_0_S.js")), so = j(() => import("./DataTable-CRLvcC19.js")), ro = j(() => import("./PenAndPaper-D6dHXPfu.js")), uo = j(() => import("./UserOptions-BlWCqtbi.js")), io = j(() => import("./PackageVersion-BiGAIrqC.js")), co = j(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_flow: vo } = Ko(), { isThemeValid: fo, warnInvalidTheme: ho } = tl(), F = to, G = u(_e()), B = u(null), tt = u(0), ot = u(0), Be = u(!1), De = u(""), lt = u(null), at = u(null), nt = u(null), ae = u(null), be = u(null), st = u(!1), ne = u(null), Pe = u(null), Ie = u(null), rt = f(() => !!F.dataset && F.dataset.length);
     Bo(() => {
       st.value = !0, it();
     });
@@ -943,6 +943,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       Oe(r(lo), {
         ref_key: "tooltip",
         ref: Ie,
+        teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: S.value.showTooltip && Be.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -969,7 +970,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
           h(o.$slots, "tooltip-after", P(I({ ...ue.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       rt.value && e.value.userOptions.buttons.table ? (c(), Q(Io(ie.value.component), Mo({ key: 7 }, ie.value.props, {
         ref_key: "tableUnit",
         ref: ne,
@@ -1026,7 +1027,7 @@ const Xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", too
       r(Me) ? (c(), Q(Qo, { key: 8 })) : $("", !0)
     ], 46, ul));
   }
-}, Fl = /* @__PURE__ */ rl(Tl, [["__scopeId", "data-v-b23619de"]]), Hl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Fl = /* @__PURE__ */ rl(Tl, [["__scopeId", "data-v-d6feacee"]]), Hl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Fl
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-funnel-QzmhEBuw.js → vue-ui-funnel-BGZmzIxy.js}

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

package/dist/{vue-ui-galaxy-r_VxJL-4.js → vue-ui-galaxy-btCfKlLt.js}

@@ -2,7 +2,7 @@ import { defineAsyncComponent as S, ref as n, computed as d, toRefs as It, onMou
 import { c as Re, t as zt, o as Gt, g as We, l as Rt, i as Wt, j as H, k as Ut, a7 as Ue, m as Ht, ab as jt, a as He, d as P, X as Xt, y as je, v as Yt, r as qt, _ as Jt } from "./lib-2iaAPQ_c.js";
 import { b as Kt } from "./labelUtils-B3mOOEke.js";
 import { t as Qt, u as Zt } from "./useResponsive-DfdjqQps.js";
-import { u as eo, a as re } from "./useNestedProp-DaR1dBmj.js";
+import { u as eo, a as re } from "./useNestedProp-gqRzbKJy.js";
 import { u as to, B as oo } from "./BaseScanner-BMpwQAfz.js";
 import { u as lo } from "./usePrinter-ChVMpU2f.js";
 import { u as ao } from "./useSvgExport-ByUukOZt.js";
@@ -10,7 +10,7 @@ import { u as no } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ro } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as so } from "./useChartAccessibility-9icAAmYg.js";
 import uo from "./img-CqYIrJ8I.js";
-import io from "./Title-D0nD-PMs.js";
+import io from "./Title-B7pkWzTi.js";
 import co from "./Legend-D2xmnFPH.js";
 import { _ as vo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xe = { 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" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Ye = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { arcs: { gradient: { show: !1 } } }, 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" } } }, qe = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { arcs: { gradient: { show: !1 } } }, 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" } } }, Je = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { arcs: { gradient: { color: "#1A1A1A" } } }, 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" } } }, Ke = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { arcs: { gradient: { color: "#fbfafa" } } }, 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" } } }, Qe = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { arcs: { gradient: { show: !1 } } }, 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" } } }, Ze = {
@@ -30,7 +30,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
   default: Ze,
   hack: Je,
   zen: Ke
-}, Symbol.toStringTag, { value: "Module" })), go = ["id"], ho = ["id"], fo = ["xmlns", "viewBox"], bo = ["width", "height"], po = ["id"], yo = ["stdDeviation"], mo = ["d", "stroke", "stroke-width"], Co = ["d", "stroke", "stroke-width"], ko = ["filter"], wo = ["d", "stroke", "stroke-width"], Ao = ["d", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], $o = {
+}, Symbol.toStringTag, { value: "Module" })), go = ["id"], ho = ["id"], bo = ["xmlns", "viewBox"], fo = ["width", "height"], po = ["id"], yo = ["stdDeviation"], mo = ["d", "stroke", "stroke-width"], Co = ["d", "stroke", "stroke-width"], ko = ["filter"], wo = ["d", "stroke", "stroke-width"], Ao = ["d", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], $o = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, To = ["id"], xo = ["onClick"], So = ["innerHTML"], Fo = {
@@ -51,13 +51,13 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(et, { expose: tt, emit: ot }) {
-    const lt = S(() => import("./Tooltip-D0pGX8qz.js")), at = S(() => import("./BaseIcon-BrCxEtJt.js")), nt = S(() => import("./vue-ui-accordion-DNRtKVZI.js")), rt = S(() => import("./DataTable-BfEbVwm4.js")), st = S(() => import("./PenAndPaper--ADXtx65.js")), ut = S(() => import("./UserOptions-Cy-iNhZU.js")), it = S(() => import("./PackageVersion-By5ZZJ0U.js")), ct = S(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_galaxy: dt } = eo(), { isThemeValid: vt, warnInvalidTheme: gt } = no(), m = et, C = n(Re()), k = n(null), j = n(!1), X = n(""), D = n(null), se = n(0), ue = n(0), ie = n(0), ce = n(0), de = n(null), ve = n(null), ge = n(null), he = n(null), _ = n(null), V = n(null), fe = n(!1), B = n(null), Y = n(null), be = d(() => !!m.dataset && m.dataset.length), e = n(Q()), { loading: q, FINAL_DATASET: pe } = to({
+    const lt = S(() => import("./Tooltip-DpfUZbt7.js")), at = S(() => import("./BaseIcon-rQpZbUMg.js")), nt = S(() => import("./vue-ui-accordion-Cy3d_0_S.js")), rt = S(() => import("./DataTable-CRLvcC19.js")), st = S(() => import("./PenAndPaper-D6dHXPfu.js")), ut = S(() => import("./UserOptions-BlWCqtbi.js")), it = S(() => import("./PackageVersion-BiGAIrqC.js")), ct = S(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_galaxy: dt } = eo(), { isThemeValid: vt, warnInvalidTheme: gt } = no(), m = et, C = n(Re()), k = n(null), j = n(!1), X = n(""), D = n(null), se = n(0), ue = n(0), ie = n(0), ce = n(0), de = n(null), ve = n(null), ge = n(null), he = n(null), _ = n(null), V = n(null), be = n(!1), B = n(null), Y = n(null), fe = d(() => !!m.dataset && m.dataset.length), e = n(Q()), { loading: q, FINAL_DATASET: pe } = to({
       ...It(m),
       FINAL_CONFIG: e,
       prepareConfig: Q,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Ge(), f.value.showTable = e.value.table.show;
+          await Ge(), b.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: [
@@ -83,7 +83,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       })
     });
     Lt(() => {
-      fe.value = !0, me();
+      be.value = !0, me();
     });
     const ye = d(() => !!e.value.debug);
     function me() {
@@ -142,25 +142,25 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       };
     }
     Le(() => m.config, (t) => {
-      e.value = Q(), J.value = !e.value.userOptions.showOnChartHover, me(), ue.value += 1, ie.value += 1, ce.value += 1, f.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = Q(), J.value = !e.value.userOptions.showOnChartHover, me(), ue.value += 1, ie.value += 1, ce.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.show;
     }, { deep: !0 });
     const { isPrinting: we, isImaging: Ae, generatePdf: $e, generateImage: Te } = lo({
       elementId: `galaxy_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy",
       options: e.value.userOptions.print
-    }), ht = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), ft = d(() => Ut(e.value.customPalette)), f = n({
+    }), ht = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), bt = d(() => Ut(e.value.customPalette)), b = n({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), M = n(250), z = n(180), bt = n(0), pt = n(0), T = d(() => ({
+    }), M = n(250), z = n(180), ft = n(0), pt = n(0), T = d(() => ({
       width: M.value,
       height: z.value,
-      viewBox: `${bt.value} ${pt.value} ${M.value} ${z.value}`
-    })), xe = ot, b = n([]);
+      viewBox: `${ft.value} ${pt.value} ${M.value} ${z.value}`
+    })), xe = ot, f = n([]);
     function E(t) {
-      b.value.includes(t.id) ? b.value = b.value.filter((l) => l !== t.id) : b.value.push(t.id), xe("selectLegend", I.value.map((l) => ({
+      f.value.includes(t.id) ? f.value = f.value.filter((l) => l !== t.id) : f.value.push(t.id), xe("selectLegend", I.value.map((l) => ({
         name: l.name,
         color: l.color,
         value: l.value
@@ -174,15 +174,15 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     }
     function yt(t) {
       const l = Se(t);
-      l !== null && b.value.includes(l.id) && E({ id: l.id });
+      l !== null && f.value.includes(l.id) && E({ id: l.id });
     }
     function mt(t) {
       const l = Se(t);
-      l !== null && (b.value.includes(l.id) || E({ id: l.id }));
+      l !== null && (f.value.includes(l.id) || E({ id: l.id }));
     }
     const w = d(() => pe.value.map((t, l) => ({
       name: t.name,
-      color: Ht(t.color) || ft.value[l] || H[l] || H[l % H.length],
+      color: Ht(t.color) || bt.value[l] || H[l] || H[l % H.length],
       value: t.values ? Ue(t.values).reduce((o, a) => o + a, 0) : 0,
       absoluteValues: Ue(t.values),
       id: Re()
@@ -197,7 +197,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         value: t.value
       }));
     }
-    const A = d(() => w.value.filter((t) => !b.value.includes(t.id)).map((t) => t.value).reduce((t, l) => t + l, 0)), Fe = n(190), De = d(() => w.value.filter((t) => !b.value.includes(t.id))), kt = d(
+    const A = d(() => w.value.filter((t) => !f.value.includes(t.id)).map((t) => t.value).reduce((t, l) => t + l, 0)), Fe = n(190), De = d(() => w.value.filter((t) => !f.value.includes(t.id))), kt = d(
       () => (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) / 2 + (e.value.style.chart.layout.padding ?? 12)
     ), wt = d(() => jt({
       maxPoints: Fe.value,
@@ -221,7 +221,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           path: wt.value(a)
         });
       }
-      return t.filter((l) => !b.value.includes(l.id)).toSorted((l, o) => o.points - l.points);
+      return t.filter((l) => !f.value.includes(l.id)).toSorted((l, o) => o.points - l.points);
     });
     function Z(t) {
       const l = Math.min(M.value, z.value), o = D.value === t.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1, a = (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) * o, u = e.value.style.chart.layout.arcs.strokeWidth * o, v = e.value.style.chart.layout.arcs.strokeWidth / 2 * o;
@@ -303,7 +303,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         v: t.value,
         s: e.value.style.chart.layout.labels.dataLabels.suffix,
         r: e.value.style.chart.legend.roundingValue
-      }), { datapoint: t, index: l }), a = isNaN(t.value / A.value) || b.value.includes(t.id) ? "-" : P({ v: t.value / A.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage }), u = Pe({
+      }), { datapoint: t, index: l }), a = isNaN(t.value / A.value) || f.value.includes(t.id) ? "-" : P({ v: t.value / A.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage }), u = Pe({
         showVal: e.value.style.chart.legend.showValue,
         showPercentage: e.value.style.chart.legend.showPercentage,
         val: o,
@@ -312,10 +312,10 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       return {
         ...t,
         proportion: (t.value || 0) / pe.value.map((v) => (v.values || []).reduce((N, Et) => N + Et, 0)).reduce((v, N) => v + N, 0),
-        opacity: b.value.includes(t.id) ? 0.5 : 1,
+        opacity: f.value.includes(t.id) ? 0.5 : 1,
         shape: t.shape || "circle",
         segregate: () => E(t),
-        isSegregated: b.value.includes(t.id),
+        isSegregated: f.value.includes(t.id),
         display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${u}`
       };
     })), xt = d(() => ({
@@ -384,10 +384,10 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       };
     });
     function _e() {
-      f.value.showTable = !f.value.showTable;
+      b.value.showTable = !b.value.showTable;
     }
     function Be() {
-      f.value.showTooltip = !f.value.showTooltip;
+      b.value.showTooltip = !b.value.showTooltip;
     }
     const R = n(!1);
     function le() {
@@ -406,7 +406,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       };
     }
     const L = d(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = f.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, l = b.value.showTable;
       return {
         component: t ? ct : nt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -435,11 +435,11 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         }
       };
     });
-    Le(() => f.value.showTable, (t) => {
+    Le(() => b.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && B.value ? B.value.open() : "close" in B.value && B.value.close());
     });
     function Ee() {
-      f.value.showTable = !1, Y.value && Y.value.setTableIconState(!1);
+      b.value.showTable = !1, Y.value && Y.value.setTableIconState(!1);
     }
     const Ft = d(() => te.value.map((t) => ({
       ...t,
@@ -538,7 +538,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       $("div", {
         id: `legend-top-${C.value}`
       }, null, 8, ho),
-      e.value.userOptions.show && be.value && (s(ke) || s(J)) ? (r(), F(s(ut), {
+      e.value.userOptions.show && fe.value && (s(ke) || s(J)) ? (r(), F(s(ut), {
         ref_key: "userOptionsRef",
         ref: Y,
         key: `user_option_${se.value}`,
@@ -554,7 +554,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         hasSvg: e.value.userOptions.buttons.svg,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: f.value.showTooltip,
+        isTooltip: b.value.showTooltip,
         isFullscreen: O.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: k.value,
@@ -660,7 +660,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           }
         }, [
           c(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, bo)) : h("", !0),
+        ], 8, fo)) : h("", !0),
         $("defs", null, [
           $("filter", {
             id: `blur_${C.value}`,
@@ -725,14 +725,14 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           }, null, 40, Ao)) : h("", !0)
         ]))), 256)),
         c(t.$slots, "svg", { svg: T.value }, void 0, !0)
-      ], 14, fo)),
+      ], 14, bo)),
       t.$slots.watermark ? (r(), g("div", $o, [
         c(t.$slots, "watermark", p(y({ isPrinting: s(we) || s(Ae) })), void 0, !0)
       ])) : h("", !0),
       $("div", {
         id: `legend-bottom-${C.value}`
       }, null, 8, To),
-      fe.value ? (r(), F(Nt, {
+      be.value ? (r(), F(Nt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${C.value}` : `#legend-bottom-${C.value}`
       }, [
@@ -750,7 +750,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               s(q) ? h("", !0) : (r(), g("div", {
                 key: 0,
                 onClick: (u) => E(o),
-                style: W(`opacity:${b.value.includes(o.id) ? 0.5 : 1}`)
+                style: W(`opacity:${f.value.includes(o.id) ? 0.5 : 1}`)
               }, ne(o.display), 13, xo))
             ]),
             _: 1
@@ -767,7 +767,8 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         c(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
       ae(s(lt), {
-        show: f.value.showTooltip && j.value,
+        teleportTo: e.value.style.chart.tooltip.teleportTo,
+        show: b.value.showTooltip && j.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -793,8 +794,8 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           c(t.$slots, "tooltip-after", p(y({ ...ee.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      be.value && e.value.userOptions.buttons.table ? (r(), F(Vt(L.value.component), Mt({ key: 7 }, L.value.props, {
+      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      fe.value && e.value.userOptions.buttons.table ? (r(), F(Vt(L.value.component), Mt({ key: 7 }, L.value.props, {
         ref_key: "tableUnit",
         ref: B,
         onClose: Ee
@@ -851,7 +852,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       s(q) ? (r(), F(oo, { key: 8 })) : h("", !0)
     ], 46, go));
   }
-}, Do = /* @__PURE__ */ vo(Fo, [["__scopeId", "data-v-76025af7"]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Do = /* @__PURE__ */ vo(Fo, [["__scopeId", "data-v-8c971252"]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Do
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-gauge-DiTbeHVA.js → vue-ui-gauge-CIq10clu.js}

@@ -3,14 +3,14 @@ import { c as mt, t as pt, i as kt, j as ze, k as bt, o as Oe, m as Ct, g as U,
 import { t as $t, u as Ft } from "./useResponsive-DfdjqQps.js";
 import { u as zt, B as Ot } from "./BaseScanner-BMpwQAfz.js";
 import { u as Mt } from "./usePrinter-ChVMpU2f.js";
-import { u as Nt, a as se } from "./useNestedProp-DaR1dBmj.js";
+import { u as Nt, a as se } from "./useNestedProp-gqRzbKJy.js";
 import { u as Pt } from "./useSvgExport-ByUukOZt.js";
 import { u as It } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Xt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Et } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Rt } from "./useAutoSizeLabelsInsideViewbox-DmpzKQ9i.js";
 import Yt from "./img-CqYIrJ8I.js";
-import Bt from "./Title-D0nD-PMs.js";
+import Bt from "./Title-B7pkWzTi.js";
 import { _ as Dt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ne = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { markers: { color: "#CCCCCC" }, pointer: { stroke: "#1A1A1A", circle: { stroke: "#1A1A1A", color: "#5A5A5A" } } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Pe = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { track: { useGradient: !1 }, markers: { color: "#5D4037" }, pointer: { type: "pointy", stroke: "#FFF8E1", circle: { stroke: "#FFF8E1", strokeWidth: 1, color: "#5D4037" } } }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, Ie = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { track: { useGradient: !1 }, markers: { color: "#BDBDBD" }, pointer: { type: "pointy", stroke: "#1E1E1E", circle: { stroke: "#1E1E1E", strokeWidth: 1, color: "#5D4037" } } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { track: { useGradient: !1 }, markers: { color: "#99CC99", backgroundColor: "#1A1A1A", stroke: "#66CC66" }, pointer: { type: "pointy", stroke: "#1A1A1A", circle: { stroke: "#66CC66", strokeWidth: 1, color: "#1A1A1A" } } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, Ee = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { track: { useGradient: !1 }, markers: { color: "#A0AC94", backgroundColor: "#fbfafa", stroke: "#EBD6CC" }, pointer: { type: "rounded", stroke: "#fbfafa", circle: { stroke: "#EBD6CC", strokeWidth: 1, color: "#fbfafa" } } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, Re = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { track: { useGradient: !1 }, markers: { color: "#4F5B75", backgroundColor: "#4F5B75", stroke: "#9FA9BE" }, pointer: { type: "pointy", stroke: "#f6f6fb", circle: { stroke: "#f6f6fb", strokeWidth: 1, color: "#4F5B75" } } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, Ye = {
   default: {},
@@ -49,7 +49,7 @@ const Ne = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
   },
   setup(Be, { expose: De }) {
-    const Te = K(() => import("./PenAndPaper--ADXtx65.js")), Ge = K(() => import("./UserOptions-Cy-iNhZU.js")), Le = K(() => import("./PackageVersion-By5ZZJ0U.js")), { vue_ui_gauge: je } = Nt(), { isThemeValid: We, warnInvalidTheme: Ue } = It(), m = Be, Ve = d(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = y(mt()), He = y(null), ne = y(0), N = y(null), ue = y(null), ie = y(null), ce = y(null), ve = y(null), de = y(0), e = y(H()), { loading: he, FINAL_DATASET: A, manualLoading: X } = zt({
+    const Te = K(() => import("./PenAndPaper-D6dHXPfu.js")), Ge = K(() => import("./UserOptions-BlWCqtbi.js")), Le = K(() => import("./PackageVersion-BiGAIrqC.js")), { vue_ui_gauge: je } = Nt(), { isThemeValid: We, warnInvalidTheme: Ue } = It(), m = Be, Ve = d(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = y(mt()), He = y(null), ne = y(0), N = y(null), ue = y(null), ie = y(null), ce = y(null), ve = y(null), de = y(0), e = y(H()), { loading: he, FINAL_DATASET: A, manualLoading: X } = zt({
       ...vt(m),
       FINAL_CONFIG: e,
       prepareConfig: H,

package/dist/{vue-ui-geo-BmzhC-ya.js → vue-ui-geo-C72smrB2.js}

@@ -2,7 +2,7 @@ import { defineAsyncComponent as ce, ref as h, toRefs as bo, computed as d, watc
 import { c as No, t as wo, m as Ee, X as Po, y as $t } from "./lib-2iaAPQ_c.js";
 import { u as $o } from "./usePanZoom-CDF7rb3o.js";
 import { t as To, u as xo } from "./useResponsive-DfdjqQps.js";
-import { u as Eo, a as Ie } from "./useNestedProp-DaR1dBmj.js";
+import { u as Eo, a as Ie } from "./useNestedProp-gqRzbKJy.js";
 import { u as Io, B as Bo } from "./BaseScanner-BMpwQAfz.js";
 import { u as So } from "./usePrinter-ChVMpU2f.js";
 import { u as Oo } from "./useSvgExport-ByUukOZt.js";
@@ -11,8 +11,8 @@ import { u as Ro } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as _o } from "./useChartAccessibility-9icAAmYg.js";
 import jo from "./img-CqYIrJ8I.js";
 import { g as Go } from "./geoProjections-D0Vxsz_O.js";
-import zo from "./Title-D0nD-PMs.js";
-import { B as Tt } from "./BaseZoomControls-BQ2emGam.js";
+import zo from "./Title-B7pkWzTi.js";
+import { B as Tt } from "./BaseZoomControls-8e6l8HWf.js";
 import { _ as Do } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, territory: { fill: "#2A2A2A", stroke: "#5A5A5A", hover: { fill: "#3A3A3A", stroke: "#6A6A6A" } }, points: { stroke: "#1A1A1A", fill: "#CCCCCC", labels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } } }, It = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", controls: { backgroundColor: "#FFF8E1", buttonColor: "#FFF8E1", color: "#424242", border: "1px solid #d9bbb2" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, territory: { fill: "#e3dcc8", stroke: "#f7c0b0", hover: { fill: "#FFECB3", stroke: "#FF8A65" } }, points: { stroke: "#FFF8E1", fill: "#424242", labels: { color: "#424242" } } } } }, Bt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", controls: { backgroundColor: "#1E1E1E", buttonColor: "#1E1E1E", color: "#BDBDBD", border: "1px solid #3A3A3A" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, territory: { fill: "#2A1E1E", stroke: "#6e483c", hover: { fill: "#403e39", stroke: "#805244" } }, points: { stroke: "#1E1E1E", fill: "#BDBDBD", labels: { color: "#BDBDBD" } } } } }, St = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", controls: { backgroundColor: "#fbfafa", buttonColor: "#fbfafa", color: "#99AA99", border: "1px solid #ebded3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, territory: { fill: "#e6e2df", stroke: "#fbfafa", hover: { fill: "#dbd5d0", stroke: "#fbfafa" } }, points: { stroke: "#fbfafa", fill: "#8A9892", labels: { color: "#8A9892" } } } } }, Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", controls: { backgroundColor: "#1A1A1A", buttonColor: "#1A1A1A", color: "#99AA99", border: "1px solid #1e361e" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, territory: { fill: "#1A1F1A", stroke: "#2c5c2c", hover: { fill: "#3A3A3A", stroke: "#66CC66" } }, points: { stroke: "#2c5c2c", fill: "#66CC66", labels: { color: "#99AA99" } } } } }, Mt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", controls: { backgroundColor: "#f6f6fb", buttonColor: "#f6f6fb", color: "#50606C", border: "1px solid #98aab8", borderRadius: "0" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, territory: { fill: "#cfdae3", stroke: "#98aab8", hover: { fill: "#bcc8d1", stroke: "#50606C" } }, points: { stroke: "#f6f6fb", fill: "#50606C", labels: { color: "#50606C" } } } } }, Rt = {
   default: {},
@@ -51,7 +51,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
     }
   },
   setup(_t, { expose: jt }) {
-    const Gt = ce(() => import("./Tooltip-D0pGX8qz.js")), zt = ce(() => import("./UserOptions-Cy-iNhZU.js")), Dt = ce(() => import("./PenAndPaper--ADXtx65.js")), Zt = ce(() => import("./PackageVersion-By5ZZJ0U.js")), J = _t, { vue_ui_geo: Lt } = Eo(), { isThemeValid: Wt, warnInvalidTheme: Yt } = Mo(), R = h(No()), he = h(0), Be = h(0), I = h(null), _ = h(!1), le = h(null), Se = h(null), Oe = h(null), Me = h(null), L = h(null), W = h(null), Re = h(null), _e = h(null), j = h(!1);
+    const Gt = ce(() => import("./Tooltip-DpfUZbt7.js")), zt = ce(() => import("./UserOptions-BlWCqtbi.js")), Dt = ce(() => import("./PenAndPaper-D6dHXPfu.js")), Zt = ce(() => import("./PackageVersion-BiGAIrqC.js")), J = _t, { vue_ui_geo: Lt } = Eo(), { isThemeValid: Wt, warnInvalidTheme: Yt } = Mo(), R = h(No()), he = h(0), Be = h(0), I = h(null), _ = h(!1), le = h(null), Se = h(null), Oe = h(null), Me = h(null), L = h(null), W = h(null), Re = h(null), _e = h(null), j = h(!1);
     function je(e) {
       j.value = e, he.value += 1;
     }
@@ -1249,6 +1249,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         onResetZoom: ut
       }, null, 8, ["config", "scale", "isFullscreen"])) : M("", !0),
       Pt(y(Gt), {
+        teleportTo: r.value.style.chart.tooltip.teleportTo,
         show: K.value.showTooltip && Ne.value,
         backgroundColor: r.value.style.chart.tooltip.backgroundColor,
         color: r.value.style.chart.tooltip.color,
@@ -1275,7 +1276,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
           b(e.$slots, "tooltip-after", $(T({ ...le.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       e.$slots.source ? (g(), N("div", {
         key: 7,
         ref_key: "source",
@@ -1287,7 +1288,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       y(pe) ? (g(), V(Bo, { key: 8 })) : M("", !0)
     ], 14, Zo));
   }
-}, Ko = /* @__PURE__ */ Do(Jo, [["__scopeId", "data-v-fcd9019f"]]), gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ko = /* @__PURE__ */ Do(Jo, [["__scopeId", "data-v-b42bc761"]]), gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ko
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-gizmo-BsUEwsBG.js → vue-ui-gizmo-BCy3dErL.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as V, ref as k, useSlots as $, onMounted as y, computed as i, toRefs as D, watch as F, createElementBlock as a, openBlock as o, createBlock as I, createCommentVNode as r, normalizeStyle as M, createVNode as S, unref as l, createElementVNode as t, Fragment as C, toDisplayString as x } from "vue";
-import { u as U, a as P } from "./useNestedProp-DaR1dBmj.js";
+import { u as U, a as P } from "./useNestedProp-gqRzbKJy.js";
 import { c as E, g as O, t as T, a as w, d as b } from "./lib-2iaAPQ_c.js";
 import { u as j, B as R } from "./BaseScanner-BMpwQAfz.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -17,7 +17,7 @@ const H = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, J = ["viewBox
     }
   },
   setup(z) {
-    const A = V(() => import("./PackageVersion-By5ZZJ0U.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
+    const A = V(() => import("./PackageVersion-BiGAIrqC.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
     y(() => {
       g();
     }), y(() => {