vue-data-ui 3.9.19 → 3.9.21

package/dist/{vue-ui-horizontal-bar-DGKL132E.js → vue-ui-horizontal-bar-BpN0u8hd.js}

@@ -1,7 +1,7 @@
-import { useCssVars as Ca, defineAsyncComponent as ae, useSlots as ka, computed as d, ref as i, toRefs as _a, watch as le, onBeforeUnmount as xa, onMounted as Be, createElementBlock as u, openBlock as n, unref as s, normalizeStyle as h, normalizeClass as J, createBlock as Q, createCommentVNode as y, renderSlot as g, createVNode as oe, withCtx as f, normalizeProps as B, guardReactiveProps as N, createSlots as fe, createElementVNode as r, toDisplayString as m, Fragment as O, renderList as E, mergeProps as mt, resolveDynamicComponent as wa, withKeys as $a, createTextVNode as Ct, nextTick as Ne } from "vue";
+import { useCssVars as Ca, defineAsyncComponent as ae, useSlots as ka, computed as d, ref as i, toRefs as _a, watch as le, onBeforeUnmount as xa, onMounted as Be, createElementBlock as u, openBlock as n, unref as s, normalizeStyle as h, normalizeClass as J, createBlock as Q, createCommentVNode as y, renderSlot as g, createVNode as oe, withCtx as p, normalizeProps as B, guardReactiveProps as N, createSlots as pe, createElementVNode as r, toDisplayString as m, Fragment as O, renderList as E, mergeProps as mt, resolveDynamicComponent as wa, withKeys as $a, createTextVNode as Ct, nextTick as Ne } from "vue";
 import { c as La, t as Aa, i as Ta, j as Z, a1 as Oe, k as Sa, g as ue, o as Ee, U as S, m as Ie, a as se, d as G, X as Fa, s as Me, h as za, $ as Ve, aq as Pa, v as Da, r as Ba, y as Na, _ as Oa } from "./lib-2iaAPQ_c.js";
 import { t as Ea, u as Ia } from "./useResponsive-DfdjqQps.js";
-import { u as Ma, a as Re } from "./useNestedProp-DaR1dBmj.js";
+import { u as Ma, a as Re } from "./useNestedProp-gqRzbKJy.js";
 import { u as Va, B as Ra } from "./BaseScanner-BMpwQAfz.js";
 import { u as Ha } from "./usePrinter-ChVMpU2f.js";
 import { u as Xa } from "./useSvgExport-ByUukOZt.js";
@@ -10,8 +10,8 @@ import { u as Ga } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as Wa } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ja } from "./useChartAccessibility-9icAAmYg.js";
 import kt from "./Legend-D2xmnFPH.js";
-import Ya from "./vue-ui-accordion-DNRtKVZI.js";
-import qa from "./Title-D0nD-PMs.js";
+import Ya from "./vue-ui-accordion-Cy3d_0_S.js";
+import qa from "./Title-B7pkWzTi.js";
 import { _ as _t } from "./Shape-12_eh8zD.js";
 import Ka from "./img-CqYIrJ8I.js";
 import { _ as Ja } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -32,7 +32,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   default: St,
   hack: Lt,
   zen: At
-}, Symbol.toStringTag, { value: "Module" })), Qa = ["id"], Za = ["onClick"], el = ["xmlns", "viewBox"], tl = ["width", "height"], al = ["id"], ll = ["stop-color"], ol = ["stop-color"], nl = { key: 1 }, rl = ["x", "y", "width", "height", "fill", "rx"], ul = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], sl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], cl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], dl = { class: "vue-ui-horizontal-bar-parent-label" }, vl = ["y", "height", "width", "fill"], hl = ["y", "font-size", "fill", "x", "font-weight", "innerHTML"], fl = ["y", "font-size", "fill", "x", "font-weight"], pl = { class: "vue-ui-horizontal-bar-child-label" }, bl = ["x", "y", "font-size", "font-weight", "innerHTML"], gl = { class: "vue-ui-horizontal-bar-child-label" }, yl = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], ml = { class: "vue-ui-horizontal-bar-child-label" }, Cl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], kl = ["y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], _l = {
+}, Symbol.toStringTag, { value: "Module" })), Qa = ["id"], Za = ["onClick"], el = ["xmlns", "viewBox"], tl = ["width", "height"], al = ["id"], ll = ["stop-color"], ol = ["stop-color"], nl = { key: 1 }, rl = ["x", "y", "width", "height", "fill", "rx"], ul = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], sl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], cl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], dl = { class: "vue-ui-horizontal-bar-parent-label" }, vl = ["y", "height", "width", "fill"], hl = ["y", "font-size", "fill", "x", "font-weight", "innerHTML"], pl = ["y", "font-size", "fill", "x", "font-weight"], fl = { class: "vue-ui-horizontal-bar-child-label" }, bl = ["x", "y", "font-size", "font-weight", "innerHTML"], gl = { class: "vue-ui-horizontal-bar-child-label" }, yl = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], ml = { class: "vue-ui-horizontal-bar-child-label" }, Cl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], kl = ["y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], _l = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, xl = ["onClick"], wl = { style: "width:100%;padding-top: 36px;position:relative" }, $l = { class: "vue-ui-data-table" }, Ll = { key: 0 }, Al = { style: { width: "100%" } }, Tl = ["data-cell"], Sl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Fl = ["data-cell"], zl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Pl = ["data-cell"], Dl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Bl = ["data-cell"], Nl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ol = ["data-cell"], El = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Il = ["data-cell"], Ml = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Vl = ["data-cell"], Rl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Hl = {
@@ -54,17 +54,17 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   emits: ["selectLegend"],
   setup(Ft, { expose: zt, emit: Pt }) {
     Ca((t) => ({
-      v48241b92: t.tdo
+      v5c652955: t.tdo
     }));
-    const Dt = ae(() => import("./Tooltip-D0pGX8qz.js")), He = ae(() => import("./BaseIcon-BrCxEtJt.js")), Bt = ae(
-      () => import("./PenAndPaper--ADXtx65.js")
+    const Dt = ae(() => import("./Tooltip-DpfUZbt7.js")), He = ae(() => import("./BaseIcon-rQpZbUMg.js")), Bt = ae(
+      () => import("./PenAndPaper-D6dHXPfu.js")
     ), Nt = ae(
-      () => import("./UserOptions-Cy-iNhZU.js")
+      () => import("./UserOptions-BlWCqtbi.js")
     ), Ot = ae(
-      () => import("./PackageVersion-By5ZZJ0U.js")
+      () => import("./PackageVersion-BiGAIrqC.js")
     ), Et = ae(
-      () => import("./BaseDraggableDialog-BFDTrOH0.js")
-    ), { vue_ui_vertical_bar: It } = Ma(), { isThemeValid: Mt, warnInvalidTheme: Vt } = Ua(), Rt = ka(), C = Ft, pe = d({
+      () => import("./BaseDraggableDialog-LQz9Nmbj.js")
+    ), { vue_ui_vertical_bar: It } = Ma(), { isThemeValid: Mt, warnInvalidTheme: Vt } = Ua(), Rt = ka(), C = Ft, fe = d({
       get() {
         return !!C.dataset && C.dataset.length;
       },
@@ -172,7 +172,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         componentName: "VueUiVerticalBar",
         type: "dataset",
         debug: ce.value
-      }), pe.value = !1, xe.value = !0), Ee(C.dataset) || (xe.value = e.value.loading), e.value.responsive)) {
+      }), fe.value = !1, xe.value = !0), Ee(C.dataset) || (xe.value = e.value.loading), e.value.responsive)) {
         const t = Ea(() => {
           const { width: l, height: a } = Ia({
             chart: I.value,
@@ -219,16 +219,16 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         });
       }));
     }), qe.value.map((t, l) => {
-      const a = `vertical_parent_${l}_${F.value}`, o = t.children && t.children.length > 0, p = S(
+      const a = `vertical_parent_${l}_${F.value}`, o = t.children && t.children.length > 0, f = S(
         t.value ? t.value : o ? t.children.map((b) => b.value || 0).reduce((b, P) => b + P, 0) : 0
-      ), _ = p >= 0 ? 1 : -1;
+      ), _ = f >= 0 ? 1 : -1;
       return {
         ...t,
         id: a,
         absoluteIndex: l,
         shape: "square",
         opacity: w.value.includes(a) ? 0.5 : 1,
-        value: Math.abs(p),
+        value: Math.abs(f),
         sign: _,
         hasChildren: o,
         isChild: !1,
@@ -245,7 +245,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           isChild: !0,
           parentId: a,
           parentName: t.name,
-          parentValue: p,
+          parentValue: f,
           parentSign: _,
           id: `vertical_child_${l}_${P}_${F.value}`,
           childIndex: P,
@@ -293,8 +293,8 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           return;
         }
         const l = Array.from(ke.value.querySelectorAll("text")).reduce((a, o) => {
-          const p = o.getBBox?.().width ?? o.getComputedTextLength();
-          return p > a ? p : a;
+          const f = o.getBBox?.().width ?? o.getComputedTextLength();
+          return f > a ? f : a;
         }, 0);
         Ae.value = l + 12;
       });
@@ -331,7 +331,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             const De = ma.getBBox(), gt = De.x, yt = De.x + De.width;
             gt < l && (l = gt), yt > a && (a = yt);
           });
-          const o = 0, p = M.value, _ = 24, b = Math.max(0, o - l + _), P = Math.max(0, a - p + _);
+          const o = 0, f = M.value, _ = 24, b = Math.max(0, o - l + _), P = Math.max(0, a - f + _);
           ee.value = b, re.value = P;
         });
       });
@@ -432,7 +432,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         config: e.value
       }, be.value = !0, Te.value = t.id;
       let a = "";
-      const o = t.isChild ? t.parentName : t.name, p = t.isChild ? t.name : "", _ = e.value.style.chart.tooltip.customFormat;
+      const o = t.isChild ? t.parentName : t.name, f = t.isChild ? t.name : "", _ = e.value.style.chart.tooltip.customFormat;
       Na(_) && Oa(
         () => _({
           datapoint: t,
@@ -447,7 +447,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         seriesIndex: l
       }) : (a += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;text-align:left;">
                 <div style="display:flex;align-items:center;gap:4px;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="${t.color}"/>${Rt.pattern ? `<rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="url(#pattern_${F.value}_${t.absoluteIndex})"/>` : ""}</svg> ${o}</div>
-                ${p ? `<div>${p}</div>` : ""}
+                ${f ? `<div>${f}</div>` : ""}
             </div>`, e.value.style.chart.tooltip.showValue && (a += `<div>${e.value.translations.value}: <b>${se(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         t.sign === 1 ? t.value : -t.value,
@@ -471,7 +471,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function dt(t, l, a, o) {
       if (!e.value.style.chart.layout.bars.dataLabels.value.show)
         return "";
-      const p = se(
+      const f = se(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         S(o === -1 && t >= 0 ? -t : t),
         G({
@@ -486,7 +486,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         !0,
         e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage
       )})`;
-      return `${p}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${_}` : ""}`;
+      return `${f}${e.value.style.chart.layout.bars.dataLabels.percentage.show ? ` ${_}` : ""}`;
     }
     const D = d(() => {
       const t = [
@@ -540,7 +540,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         b.childValue,
         b.childPercentageToParent,
         b.childPercentageToTotal
-      ]), p = l.concat([a]).concat(o), _ = Da(p);
+      ]), f = l.concat([a]).concat(o), _ = Da(f);
       t ? t(_) : Ba({
         csvContent: _,
         title: e.value.style.chart.title.text || "vue-ui-vertical-bar"
@@ -566,10 +566,10 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function sa() {
       H.value += 1, H.value > 2 && (H.value = 0);
     }
-    function ft() {
+    function pt() {
       sa(), x.value.sortDesc = H.value === 2, ie.value = H.value === 0;
     }
-    function pt() {
+    function ft() {
       x.value.showTooltip = !x.value.showTooltip;
     }
     const ve = i(!1);
@@ -578,14 +578,14 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     async function ia({ scale: t = 2 } = {}) {
       if (!I.value) return;
-      const { width: l, height: a } = I.value.getBoundingClientRect(), o = l / a, { imageUri: p, base64: _ } = await Ka({
+      const { width: l, height: a } = I.value.getBoundingClientRect(), o = l / a, { imageUri: f, base64: _ } = await Ka({
         domElement: I.value,
         base64: !0,
         img: !0,
         scale: t
       });
       return {
-        imageUri: p,
+        imageUri: f,
         base64: _,
         title: e.value.style.chart.title.text,
         width: l,
@@ -647,20 +647,20 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }),
         { datapoint: t, seriesIndex: l }
       )}`
-    }))), va = d(() => e.value.style.chart.backgroundColor), ha = d(() => e.value.style.chart.legend), fa = d(() => e.value.style.chart.title), pa = d(() => da.value.map((t) => ({
+    }))), va = d(() => e.value.style.chart.backgroundColor), ha = d(() => e.value.style.chart.legend), pa = d(() => e.value.style.chart.title), fa = d(() => da.value.map((t) => ({
       ...t,
       name: t.display
     }))), { exportSvg: ba, getSvg: ga } = Xa({
       svg: $e,
-      title: fa,
+      title: pa,
       legend: ha,
-      legendItems: pa,
+      legendItems: fa,
       backgroundColor: va
     });
     async function bt({ isCb: t }) {
       if (t) {
-        const { blob: l, url: a, text: o, dataUrl: p } = await ga();
-        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: p });
+        const { blob: l, url: a, text: o, dataUrl: f } = await ga();
+        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: f });
       } else
         ba();
     }
@@ -678,8 +678,8 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       hideSeries: ea,
       showSeries: Zt,
       toggleTable: ht,
-      toggleSort: ft,
-      toggleTooltip: pt,
+      toggleSort: pt,
+      toggleTooltip: ft,
       toggleAnnotator: ze,
       toggleFullscreen: vt
     }), (t, l) => (n(), u("div", {
@@ -699,22 +699,22 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         active: ve.value,
         onClose: ze
       }, {
-        "annotator-action-close": f(() => [
+        "annotator-action-close": p(() => [
           g(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": f(({ color: a }) => [
+        "annotator-action-color": p(({ color: a }) => [
           g(t.$slots, "annotator-action-color", B(N({ color: a })), void 0, !0)
         ]),
-        "annotator-action-draw": f(({ mode: a }) => [
+        "annotator-action-draw": p(({ mode: a }) => [
           g(t.$slots, "annotator-action-draw", B(N({ mode: a })), void 0, !0)
         ]),
-        "annotator-action-undo": f(({ disabled: a }) => [
+        "annotator-action-undo": p(({ disabled: a }) => [
           g(t.$slots, "annotator-action-undo", B(N({ disabled: a })), void 0, !0)
         ]),
-        "annotator-action-redo": f(({ disabled: a }) => [
+        "annotator-action-redo": p(({ disabled: a }) => [
           g(t.$slots, "annotator-action-redo", B(N({ disabled: a })), void 0, !0)
         ]),
-        "annotator-action-delete": f(({ disabled: a }) => [
+        "annotator-action-delete": p(({ disabled: a }) => [
           g(t.$slots, "annotator-action-delete", B(N({ disabled: a })), void 0, !0)
         ]),
         _: 3
@@ -746,7 +746,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && pe.value && (s(Je) || s(we)) ? (n(), Q(s(Nt), {
+      e.value.userOptions.show && fe.value && (s(Je) || s(we)) ? (n(), Q(s(Nt), {
         ref_key: "userOptionsRef",
         ref: Ce,
         key: `user_options_${Xe.value}`,
@@ -779,86 +779,86 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         onGenerateImage: s(tt),
         onGenerateSvg: bt,
         onToggleTable: ht,
-        onToggleSort: ft,
-        onToggleTooltip: pt,
+        onToggleSort: pt,
+        onToggleTooltip: ft,
         onToggleAnnotator: ze,
         style: h({
           visibility: s(Je) ? s(we) ? "visible" : "hidden" : "visible"
         })
-      }, fe({ _: 2 }, [
+      }, pe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: f(({ isOpen: a, color: o }) => [
+          fn: p(({ isOpen: a, color: o }) => [
             g(t.$slots, "menuIcon", B(N({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: f(() => [
+          fn: p(() => [
             g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: f(() => [
+          fn: p(() => [
             g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: f(() => [
+          fn: p(() => [
             g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: f(() => [
+          fn: p(() => [
             g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: f(() => [
+          fn: p(() => [
             g(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: f(() => [
+          fn: p(() => [
             g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: f(() => [
+          fn: p(() => [
             g(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionSort ? {
           name: "optionSort",
-          fn: f(() => [
+          fn: p(() => [
             g(t.$slots, "optionSort", {}, void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: f(({ toggleFullscreen: a, isFullscreen: o }) => [
+          fn: p(({ toggleFullscreen: a, isFullscreen: o }) => [
             g(t.$slots, "optionFullscreen", B(N({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: f(({ toggleAnnotator: a, isAnnotator: o }) => [
+          fn: p(({ toggleAnnotator: a, isAnnotator: o }) => [
             g(t.$slots, "optionAnnotator", B(N({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "10"
@@ -874,10 +874,10 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           legendSet: z.value,
           config: rt.value,
           onClickMarker: l[0] || (l[0] = ({ legend: a }) => Y(a.id))
-        }, fe({
-          item: f(({ legend: a, index: o }) => [
+        }, pe({
+          item: p(({ legend: a, index: o }) => [
             r("div", {
-              onClick: (p) => Y(a.id),
+              onClick: (f) => Y(a.id),
               style: h(`opacity:${w.value.includes(a.id) ? 0.5 : 1}`)
             }, m(a.name) + ": " + m(s(se)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
@@ -895,7 +895,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: f(({ legend: a, index: o }) => [
+            fn: p(({ legend: a, index: o }) => [
               oe(_t, {
                 shape: a.shape,
                 radius: 30,
@@ -1080,14 +1080,14 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                 x: e.value.style.chart.layout.bars.parentLabels.offsetX + e.value.style.chart.layout.bars.parentLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "start"
-              }, m(oa(a, o)), 9, fl)) : y("", !0)
+              }, m(oa(a, o)), 9, pl)) : y("", !0)
             ]))), 256))
           ], 512),
           r("g", {
             ref_key: "childLabels",
             ref: ke
           }, [
-            (n(!0), u(O, null, E(Qt.value, (a, o) => (n(), u("g", pl, [
+            (n(!0), u(O, null, E(Qt.value, (a, o) => (n(), u("g", fl, [
               (a.isChild || !a.hasChildren) && e.value.style.chart.layout.bars.nameLabels.show ? (n(), u("text", {
                 key: 0,
                 "text-anchor": "start",
@@ -1157,9 +1157,9 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                 e.value.style.chart.layout.highlighter.color,
                 e.value.style.chart.layout.highlighter.opacity
               ) : "transparent",
-              onMouseenter: (p) => ua(a, o),
-              onMouseleave: (p) => ra({ datapoint: a, seriesIndex: o }),
-              onClick: (p) => na({ datapoint: a, seriesIndex: o })
+              onMouseenter: (f) => ua(a, o),
+              onMouseleave: (f) => ra({ datapoint: a, seriesIndex: o }),
+              onClick: (f) => na({ datapoint: a, seriesIndex: o })
             }, null, 40, kl)
           ]))), 256)),
           g(t.$slots, "svg", { svg: R.value }, void 0, !0)
@@ -1178,10 +1178,10 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           legendSet: z.value,
           config: rt.value,
           onClickMarker: l[1] || (l[1] = ({ legend: a }) => Y(a.id))
-        }, fe({
-          item: f(({ legend: a, index: o }) => [
+        }, pe({
+          item: p(({ legend: a, index: o }) => [
             r("div", {
-              onClick: (p) => Y(a.id),
+              onClick: (f) => Y(a.id),
               style: h(`opacity:${w.value.includes(a.id) ? 0.5 : 1}`)
             }, m(a.name) + ": " + m(s(se)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
@@ -1199,7 +1199,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: f(({ legend: a, index: o }) => [
+            fn: p(({ legend: a, index: o }) => [
               oe(_t, {
                 shape: a.shape,
                 radius: 30,
@@ -1222,6 +1222,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       oe(s(Dt), {
+        teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: x.value.showTooltip && be.value && w.value.length < C.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1241,20 +1242,20 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": f(() => [
+        "tooltip-before": p(() => [
           g(t.$slots, "tooltip-before", B(N({ ...Se.value })), void 0, !0)
         ]),
-        "tooltip-after": f(() => [
+        "tooltip-after": p(() => [
           g(t.$slots, "tooltip-after", B(N({ ...Se.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      pe.value && e.value.userOptions.buttons.table ? (n(), Q(wa(he.value.component), mt({ key: 8 }, he.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 ? (n(), Q(wa(he.value.component), mt({ key: 8 }, he.value.props, {
         ref_key: "tableUnit",
         ref: ne,
         onClose: Pe
-      }), fe({
-        content: f(() => [
+      }), pe({
+        content: p(() => [
           r("div", {
             ref_key: "tableContainer",
             ref: lt,
@@ -1417,14 +1418,14 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: f(() => [
+          fn: p(() => [
             Ct(m(he.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: f(() => [
+          fn: p(() => [
             r("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1442,7 +1443,7 @@ const xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       s(Ye) ? (n(), Q(Ra, { key: 9 })) : y("", !0)
     ], 46, Qa));
   }
-}, Xl = /* @__PURE__ */ Ja(Hl, [["__scopeId", "data-v-b9914315"]]), so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Xl = /* @__PURE__ */ Ja(Hl, [["__scopeId", "data-v-2923799c"]]), so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Xl
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-kpi-Ct5HZzxS.js → vue-ui-kpi-CnmyYRvK.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as z, computed as C, useSlots as w, onMounted as y, watch as k, ref as $, createElementBlock as s, openBlock as i, normalizeStyle as u, normalizeClass as r, createElementVNode as b, renderSlot as n, createTextVNode as h, toDisplayString as F, createVNode as B, unref as v, Fragment as L } from "vue";
-import { u as M, a as E } from "./useNestedProp-DaR1dBmj.js";
+import { u as M, a as E } from "./useNestedProp-gqRzbKJy.js";
 import { a as I, d as O } from "./lib-2iaAPQ_c.js";
 const R = {
   __name: "vue-ui-kpi",
@@ -16,7 +16,7 @@ const R = {
     }
   },
   setup(o) {
-    const N = z(() => import("./vue-ui-digits-DXXegZ9T.js")), { vue_ui_kpi: D } = M(), l = o, e = C({
+    const N = z(() => import("./vue-ui-digits-bUDar5q1.js")), { vue_ui_kpi: D } = M(), l = o, e = C({
       get: () => c(),
       set: (a) => a
     }), S = w(), A = C(() => e.value.debug);

package/dist/{vue-ui-mini-loader-DdzurIs7.js → vue-ui-mini-loader-DVEVYQd5.js}

@@ -1,5 +1,5 @@
 import { useCssVars as h, computed as o, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
-import { u as m, a as y } from "./useNestedProp-DaR1dBmj.js";
+import { u as m, a as y } from "./useNestedProp-gqRzbKJy.js";
 import { X as L } from "./lib-2iaAPQ_c.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const B = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {