vue-data-ui 3.1.4 → 3.1.6

package/dist/{vue-ui-treemap-D9jbccaW.js → vue-ui-treemap-Nd27H4H5.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as te, useSlots as Wt, onMounted as yt, computed as b, ref as m, shallowRef as U, toRefs as Gt, watch as ke, onBeforeUnmount as Xt, createElementBlock as y, openBlock as d, unref as c, normalizeStyle as M, normalizeClass as Le, createBlock as Z, createCommentVNode as _, createElementVNode as O, createVNode as we, createSlots as bt, withCtx as T, renderSlot as C, normalizeProps as le, guardReactiveProps as oe, Fragment as Ce, renderList as Me, withKeys as kt, withModifiers as Be, mergeProps as Ve, createTextVNode as $e, toDisplayString as H, Teleport as qt, resolveDynamicComponent as Yt, nextTick as jt } from "vue";
-import { u as Zt, c as Te, t as Kt, a as Jt, p as I, b as Qt, d as el, o as wt, f as tl, e as de, k as xe, i as he, X as ll, l as Ct, F as $t, y as Tt, v as ol, w as al, z as nl } from "./index-INqbM37s.js";
+import { u as Zt, c as Te, t as Kt, a as Jt, p as F, b as Qt, d as el, o as wt, f as tl, e as de, k as xe, i as he, X as ll, l as Ct, F as $t, y as Tt, v as ol, w as al, z as nl } from "./index-C0wrF8hm.js";
 import { t as sl, u as ul } from "./useResponsive-DfdjqQps.js";
 import { u as rl, B as il } from "./BaseScanner-BgWxam9d.js";
-import { u as cl } from "./usePrinter-9WO5mDzj.js";
-import { u as xt } from "./useNestedProp-BKprMEaB.js";
+import { u as cl } from "./usePrinter-C2jvouU0.js";
+import { u as xt } from "./useNestedProp-Bg2FlIgI.js";
 import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as dl } from "./useChartAccessibility-9icAAmYg.js";
-import hl from "./img-Bl0o2UAr.js";
-import pl from "./Title-nHtPyPd9.js";
-import fl from "./Legend-BQqnf4BN.js";
-import _t from "./BaseIcon-B5nQNkmd.js";
+import hl from "./img-DLgjML7h.js";
+import pl from "./Title-DbQthJAs.js";
+import fl from "./Legend-D7l8BJ7z.js";
+import _t from "./BaseIcon-D_BjQBAR.js";
 import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Ot(n, r) {
   const s = n.length;
@@ -61,34 +61,34 @@ function bl(n, r) {
     ...r,
     children: n
   };
-  return It(s);
+  return Ft(s);
 }
 function kl(n) {
   return (n.x1 - n.x0) * (n.y1 - n.y0);
 }
 function St(n, r) {
-  const { width: s, height: i, xOffset: u, yOffset: h } = Ee(r), v = n.length, g = n.map((w) => w.normalizedValue || 0).reduce((w, F) => w + F, 0), f = g / i, W = g / s;
+  const { width: s, height: i, xOffset: u, yOffset: h } = Ee(r), v = n.length, g = n.map((w) => w.normalizedValue || 0).reduce((w, I) => w + I, 0), f = g / i, W = g / s;
   let P = u, k = h;
   const $ = [];
   if (s >= i) {
     for (let w = 0; w < v; w += 1) {
-      const F = n[w], B = k + F.normalizedValue / f, A = {
+      const I = n[w], B = k + I.normalizedValue / f, A = {
         x0: P,
         y0: k,
         x1: P + f,
         y1: B
-      }, N = Object.assign({}, F, A);
+      }, N = Object.assign({}, I, A);
       k = B, $.push(N);
     }
     return $;
   } else {
     for (let w = 0; w < v; w += 1) {
-      const F = n[w], B = P + F.normalizedValue / W, A = {
+      const I = n[w], B = P + I.normalizedValue / W, A = {
         x0: P,
         y0: k,
         x1: B,
         y1: k + W
-      }, N = Object.assign({}, F, A);
+      }, N = Object.assign({}, I, A);
       P = B, $.push(N);
     }
     return $;
@@ -133,12 +133,12 @@ function $l(n, r, s, i) {
       let w = 0;
       for (let N = 0; N < $; N += 1)
         w += h[N].normalizedValue;
-      const F = Tl(v, w), B = St(h, v), A = g.concat(B);
-      u = u, h = [], v = F, g = A;
+      const I = Tl(v, w), B = St(h, v), A = g.concat(B);
+      u = u, h = [], v = I, g = A;
     }
   }
 }
-function It(n) {
+function Ft(n) {
   if (typeof n.children > "u" || !n.children.length)
     return [n];
   {
@@ -147,7 +147,7 @@ function It(n) {
       kl(n)
     ), s = $l(r, [], n, []), i = s.length, u = [];
     for (let v = 0; v < i; v += 1)
-      u.push(It(s[v]));
+      u.push(Ft(s[v]));
     return yl(u);
   }
 }
@@ -171,10 +171,10 @@ function Tl(n, r) {
     return At(f);
   }
 }
-const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], Al = { class: "vue-ui-treemap-crumb-unit" }, Sl = { class: "vue-ui-treemap-crumb-unit-label" }, Il = {
+const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-last-crumb", "onMouseenter", "onFocus"], Al = { class: "vue-ui-treemap-crumb-unit" }, Sl = { class: "vue-ui-treemap-crumb-unit-label" }, Fl = {
   key: 0,
   style: { width: "24px", display: "flex", "align-items": "center" }
-}, Fl = {
+}, Il = {
   key: 0,
   class: "vue-ui-treemap-crumb-unit-arrow"
 }, Dl = ["xmlns", "viewBox"], Nl = { key: 0 }, Rl = ["id"], Pl = ["stop-color"], zl = ["stop-color"], Ll = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter", "onMouseleave"], Ml = ["x", "y", "height", "width"], Bl = {
@@ -201,11 +201,11 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = te(() => import("./DataTable-CzO3oHys.js")), u = te(() => import("./PenAndPaper-C8hICPzL.js")), h = te(() => import("./vue-ui-accordion-CQZjxT5U.js")), v = te(() => import("./Tooltip-RCWHeRDV.js")), g = te(() => import("./UserOptions-D3pVnvAB.js")), f = te(() => import("./PackageVersion-7CxQB-mx.js")), W = te(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_treemap: P } = Zt(), k = n, $ = s, w = Wt();
+    const i = te(() => import("./DataTable-IycMkaTU.js")), u = te(() => import("./PenAndPaper-BdzDJYnr.js")), h = te(() => import("./vue-ui-accordion-3JuSLBjV.js")), v = te(() => import("./Tooltip-DvtYLrX2.js")), g = te(() => import("./UserOptions-Dd5XOrwq.js")), f = te(() => import("./PackageVersion-BtfT0hV9.js")), W = te(() => import("./BaseDraggableDialog-BVZPPMT9.js")), { vue_ui_treemap: P } = Zt(), k = n, $ = s, w = Wt();
     yt(() => {
       w["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const F = b(() => !!k.dataset && k.dataset.length), B = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = m(Te()), N = m(!1), _e = m(""), K = m(!1), Ue = m(0), z = m([]), V = U(null), He = U(null), We = U(null), Ge = U(null), Xe = U(null), qe = m(0), Oe = m(0), Ae = m(0), x = m([]), Se = m(null), Ye = m(!1), ue = m(null), Ie = m(null), e = m(Ne()), { loading: re, FINAL_DATASET: Fe, manualLoading: Ft } = rl({
+    const I = b(() => !!k.dataset && k.dataset.length), B = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), A = m(Te()), N = m(!1), _e = m(""), K = m(!1), Ue = m(0), z = m([]), V = U(null), He = U(null), We = U(null), Ge = U(null), Xe = U(null), qe = m(0), Oe = m(0), Ae = m(0), x = m([]), Se = m(null), Ye = m(!1), ue = m(null), Fe = m(null), e = m(Ne()), { loading: re, FINAL_DATASET: Ie, manualLoading: It } = rl({
       ...Gt(k),
       FINAL_CONFIG: e,
       prepareConfig: Ne,
@@ -258,7 +258,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
           userConfig: Qt.vue_ui_treemap[t.theme] || k.config,
           defaultConfig: t
         }),
-        customPalette: Jt[t.theme] || I
+        customPalette: Jt[t.theme] || F
       } : t;
     }
     ke(() => k.config, (t) => {
@@ -290,11 +290,11 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       vbHeight: G.value.height,
       vbWidth: G.value.width,
       width: G.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right
-    })), R = m(Fe.value), X = m(R.value), lt = U(/* @__PURE__ */ new Map());
+    })), R = m(Ie.value), X = m(R.value), lt = U(/* @__PURE__ */ new Map());
     function ot(t) {
       Array.isArray(t) && t.forEach((o, l) => {
         o.id || (o.id = Te());
-        let a = de(o.color) || lt.value.get(o.id) || pe.value[l] || I[l] || I[l % I.length];
+        let a = de(o.color) || lt.value.get(o.id) || pe.value[l] || F[l] || F[l % F.length];
         a = de(a), lt.value.set(o.id, a), o.color = a, at(o, a);
       });
     }
@@ -312,9 +312,9 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       }
     }
     ke(
-      () => Fe.value,
+      () => Ie.value,
       () => {
-        R.value = Fe.value, ot(R.value), Nt(), Ae.value += 1, Oe.value += 1;
+        R.value = Ie.value, ot(R.value), Nt(), Ae.value += 1, Oe.value += 1;
       },
       { deep: !0, immediate: !0, flush: "post" }
     );
@@ -328,7 +328,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
         componentName: "VueUiTreemap",
         type: "dataset",
         debug: Rt.value
-      }), ot(R.value), wt(k.dataset) || (Ft.value = e.value.loading), e.value.responsive) {
+      }), ot(R.value), wt(k.dataset) || (It.value = e.value.loading), e.value.responsive) {
         const t = sl(() => {
           const { width: o, height: l } = ul({
             chart: V.value,
@@ -349,7 +349,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
     });
     const ie = b(() => X.value.map((t, o) => ({
       ...t,
-      color: de(t.color) || pe.value[o] || I[o] || I[o % I.length]
+      color: de(t.color) || pe.value[o] || F[o] || F[o % F.length]
     })).filter((t) => !z.value.includes(t.id))), ne = b(() => R.value.filter((t) => !z.value.includes(t.id)).map((t) => t.value || 0).reduce((t, o) => t + o, 0)), nt = b({
       get() {
         let t = [...ie.value];
@@ -370,7 +370,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
     }
     function ut(t, o, l, a) {
       return t.map((p, S) => {
-        const be = zt(de(o) || pe.value[S] || I[S] || I[S % I.length], p, a), Ht = st(p, a);
+        const be = zt(de(o) || pe.value[S] || F[S] || F[S % F.length], p, a), Ht = st(p, a);
         return {
           ...p,
           color: be,
@@ -473,7 +473,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       return t;
     }), L = U(null), vt = b(() => R.value.map((t, o) => ({
       ...t,
-      color: de(t.color) || pe.value[o] || I[o] || I[o % I.length],
+      color: de(t.color) || pe.value[o] || F[o] || F[o % F.length],
       shape: "square"
     })).sort((t, o) => o.value - t.value).map((t, o) => ({
       ...t,
@@ -658,7 +658,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       e.value.table.show || (t && e.value.table.useDialog && ue.value ? ue.value.open() : "close" in ue.value && ue.value.close());
     });
     function mt() {
-      D.value.showTable = !1, Ie.value && Ie.value.setTableIconState(!1);
+      D.value.showTable = !1, Fe.value && Fe.value.setTableIconState(!1);
     }
     return r({
       getData: Et,
@@ -717,9 +717,9 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       O("div", {
         id: `legend-top-${A.value}`
       }, null, 8, _l),
-      e.value.userOptions.show && F.value && (c(Ze) || c(De)) ? (d(), Z(c(g), {
+      e.value.userOptions.show && I.value && (c(Ze) || c(De)) ? (d(), Z(c(g), {
         ref_key: "userOptionsRef",
-        ref: Ie,
+        ref: Fe,
         key: `user_option_${Ue.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -840,7 +840,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
           O("span", Al, [
             O("span", Sl, [
               C(t.$slots, "breadcrumb-label", Ve({ ref_for: !0 }, { crumb: l, isRoot: a === 0, isFocus: ye.value === a }), () => [
-                a === 0 ? (d(), y("div", Il, [
+                a === 0 ? (d(), y("div", Fl, [
                   we(_t, {
                     name: ye.value === 0 ? "homeFilled" : "home",
                     stroke: e.value.style.chart.color
@@ -850,7 +850,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
                 ], 64))
               ], !0)
             ]),
-            a < j.value.length - 1 ? (d(), y("span", Fl, [
+            a < j.value.length - 1 ? (d(), y("span", Il, [
               C(t.$slots, "breadcrumb-arrow", {}, () => [
                 o[4] || (o[4] = $e(" › ", -1))
               ], !0)
@@ -1025,7 +1025,9 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
         isFullscreen: K.value,
         isCustom: c(Tt)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
+        smoothForce: e.value.style.chart.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": T(() => [
           C(t.$slots, "tooltip-before", le(oe({ ...Re.value })), void 0, !0)
@@ -1034,8 +1036,8 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
           C(t.$slots, "tooltip-after", le(oe({ ...Re.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      F.value ? (d(), Z(Yt(ve.value.component), Ve({ key: 8 }, ve.value.props, {
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      I.value && e.value.userOptions.buttons.table ? (d(), Z(Yt(ve.value.component), Ve({ key: 8 }, ve.value.props, {
         ref_key: "tableUnit",
         ref: ue,
         onClose: mt
@@ -1092,7 +1094,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       c(re) ? (d(), Z(il, { key: 9 })) : _("", !0)
     ], 46, xl));
   }
-}, ao = /* @__PURE__ */ gl(Wl, [["__scopeId", "data-v-d46b680a"]]);
+}, ao = /* @__PURE__ */ gl(Wl, [["__scopeId", "data-v-123da83a"]]);
 export {
   ao as default
 };

package/dist/{vue-ui-vertical-bar-CxJNWczK.js → vue-ui-vertical-bar-Dd1XUvnp.js}

@@ -1,19 +1,19 @@
 import { useCssVars as Ut, defineAsyncComponent as K, useSlots as Xt, computed as y, ref as i, toRefs as Wt, watch as Ae, shallowRef as vt, onMounted as ze, nextTick as de, onBeforeUnmount as Gt, createElementBlock as v, openBlock as u, unref as s, normalizeStyle as d, normalizeClass as U, createBlock as X, createCommentVNode as f, renderSlot as _, createVNode as J, createSlots as he, withCtx as m, normalizeProps as Q, guardReactiveProps as Z, createElementVNode as n, toDisplayString as h, Fragment as ee, renderList as te, mergeProps as ct, resolveDynamicComponent as Ht, withKeys as jt, createTextVNode as dt } from "vue";
-import { u as qt, c as Yt, t as Kt, a as Jt, p as W, b as Qt, C as Ve, d as Zt, h as L, o as Ie, f as ue, e as Oe, k as pe, i as G, X as ea, s as Fe, x as ta, v as aa, w as la, y as oa, z as na } from "./index-INqbM37s.js";
+import { u as qt, c as Yt, t as Kt, a as Jt, p as W, b as Qt, C as Ve, d as Zt, h as L, o as Oe, f as ue, e as Fe, k as pe, i as G, X as ea, s as Ie, x as ta, v as aa, w as la, y as oa, z as na } from "./index-C0wrF8hm.js";
 import { t as ua, u as sa } from "./useResponsive-DfdjqQps.js";
 import { u as ra, B as ia } from "./BaseScanner-BgWxam9d.js";
-import { u as va } from "./usePrinter-9WO5mDzj.js";
-import { u as ht } from "./useNestedProp-BKprMEaB.js";
+import { u as va } from "./usePrinter-C2jvouU0.js";
+import { u as ht } from "./useNestedProp-Bg2FlIgI.js";
 import { u as ca } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as da } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ha } from "./useChartAccessibility-9icAAmYg.js";
-import pt from "./Legend-BQqnf4BN.js";
-import pa from "./vue-ui-accordion-CQZjxT5U.js";
-import fa from "./Title-nHtPyPd9.js";
-import { _ as ft } from "./Shape-BEVQVI0z.js";
-import ga from "./img-Bl0o2UAr.js";
+import pt from "./Legend-D7l8BJ7z.js";
+import pa from "./vue-ui-accordion-3JuSLBjV.js";
+import fa from "./Title-DbQthJAs.js";
+import { _ as ft } from "./Shape-DD3SLpa4.js";
+import ga from "./img-DLgjML7h.js";
 import { _ as ya } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "width", "height"], _a = ["id"], wa = ["stop-color"], $a = ["stop-color"], Ca = { key: 1 }, Ta = ["x", "y", "width", "height", "fill", "rx"], Sa = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], La = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Aa = { class: "vue-ui-horizontal-bar-child-label" }, za = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Va = ["x", "y", "font-size", "fill", "font-weight"], Ia = { class: "vue-ui-horizontal-bar-parent-label" }, Oa = ["x", "y", "font-size", "fill", "font-weight"], Fa = ["x", "y", "font-size", "fill", "font-weight"], Ma = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Da = {
+const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "width", "height"], _a = ["id"], wa = ["stop-color"], $a = ["stop-color"], Ca = { key: 1 }, Ta = ["x", "y", "width", "height", "fill", "rx"], Sa = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], La = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Aa = { class: "vue-ui-horizontal-bar-child-label" }, za = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Va = ["x", "y", "font-size", "fill", "font-weight"], Oa = { class: "vue-ui-horizontal-bar-parent-label" }, Fa = ["x", "y", "font-size", "fill", "font-weight"], Ia = ["x", "y", "font-size", "fill", "font-weight"], Ma = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Da = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Ba = ["onClick"], Ra = { style: "width:100%;padding-top: 36px;position:relative" }, Ea = { class: "vue-ui-data-table" }, Ua = { key: 0 }, Xa = { style: { width: "100%" } }, Wa = ["data-cell"], Ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ha = ["data-cell"], ja = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, qa = ["data-cell"], Ya = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ka = ["data-cell"], Ja = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Qa = ["data-cell"], Za = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, el = ["data-cell"], tl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, al = ["data-cell"], ll = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ol = {
@@ -35,9 +35,9 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
   emits: ["selectLegend"],
   setup(gt, { expose: yt, emit: bt }) {
     Ut((t) => ({
-      f1ede08a: t.tdo
+      "27fa778f": t.tdo
     }));
-    const mt = K(() => import("./Tooltip-RCWHeRDV.js")), Me = K(() => import("./BaseIcon-B5nQNkmd.js")), kt = K(() => import("./PenAndPaper-C8hICPzL.js")), xt = K(() => import("./UserOptions-D3pVnvAB.js")), _t = K(() => import("./PackageVersion-7CxQB-mx.js")), wt = K(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_vertical_bar: $t } = qt(), Ct = Xt(), b = gt, fe = y({
+    const mt = K(() => import("./Tooltip-DvtYLrX2.js")), Me = K(() => import("./BaseIcon-D_BjQBAR.js")), kt = K(() => import("./PenAndPaper-BdzDJYnr.js")), xt = K(() => import("./UserOptions-Dd5XOrwq.js")), _t = K(() => import("./PackageVersion-BtfT0hV9.js")), wt = K(() => import("./BaseDraggableDialog-BVZPPMT9.js")), { vue_ui_vertical_bar: $t } = qt(), Ct = Xt(), b = gt, fe = y({
       get() {
         return !!b.dataset && b.dataset.length;
       },
@@ -57,7 +57,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       prepareConfig: $e,
       callback: () => {
         Promise.resolve().then(async () => {
-          q(), $.value.showTable = e.value.table.show, await O();
+          q(), $.value.showTable = e.value.table.show, await F();
         });
       },
       skeletonDataset: Lt.value,
@@ -131,14 +131,14 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       elementId: `vue-ui-vertical-bar_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-vertical-bar",
       options: e.value.userOptions.print
-    }), Pt = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), Je = y(() => Zt(e.value.customPalette)), Qe = i(null), Nt = y(() => e.value.table.responsiveBreakpoint), I = vt(null), j = vt(null), se = i("0 0 10 10"), N = y(() => {
+    }), Pt = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), Je = y(() => Zt(e.value.customPalette)), Qe = i(null), Nt = y(() => e.value.table.responsiveBreakpoint), O = vt(null), j = vt(null), se = i("0 0 10 10"), N = y(() => {
       const [t, l, a, o] = se.value.split(" ").map(Number);
       return { x: t, y: l, width: a, height: o };
     });
     ze(async () => {
-      await de(), et(), O();
+      await de(), et(), F();
     });
-    async function O() {
+    async function F() {
       if (se.value = `0 0 ${C.value.width} ${r.value.fullHeight}`, !e.value.autoSize || !H.value) return;
       const t = H.value.querySelectorAll(".vue-ui-horizontal-bar-parent-label"), l = H.value.querySelectorAll(".vue-ui-horizontal-bar-child-label");
       if (t && t.length) {
@@ -172,7 +172,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
           const { width: a, height: o } = l.contentRect;
           if (a > 0 && o > 0) {
             Promise.resolve().then(async () => {
-              q(), await O();
+              q(), await F();
             });
             break;
           }
@@ -181,11 +181,11 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
     });
     const re = y(() => !!e.value.debug), Ce = i(0);
     function et() {
-      if (Ie(b.dataset) && (ue({
+      if (Oe(b.dataset) && (ue({
         componentName: "VueUiVerticalBar",
         type: "dataset",
         debug: re.value
-      }), fe.value = !1, _e.value = !0), ae.value = xe.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), Ie(b.dataset) || (_e.value = e.value.loading), e.value.responsive) {
+      }), fe.value = !1, _e.value = !0), ae.value = xe.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), Oe(b.dataset) || (_e.value = e.value.loading), e.value.responsive) {
         const t = ua(() => {
           const { width: l, height: a } = sa({
             chart: P.value,
@@ -197,26 +197,26 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
           Ce.value = a / 3, requestAnimationFrame(async () => {
             lt.value = l;
             const o = k.value * (ae.value - 1);
-            p.value = (a - o) / ae.value, await de(), O();
+            p.value = (a - o) / ae.value, await de(), F();
           });
         });
-        I.value && (j.value && I.value.unobserve(j.value), I.value.disconnect()), I.value = new ResizeObserver(t), j.value = P.value.parentNode, I.value.observe(j.value), e.value.autoSize && O();
+        O.value && (j.value && O.value.unobserve(j.value), O.value.disconnect()), O.value = new ResizeObserver(t), j.value = P.value.parentNode, O.value.observe(j.value), e.value.autoSize && F();
       }
     }
     Gt(() => {
-      I.value && (j.value && I.value.unobserve(j.value), I.value.disconnect());
+      O.value && (j.value && O.value.unobserve(j.value), O.value.disconnect());
     });
     const $ = i({
       showTable: e.value.table.show,
       sortDesc: e.value.style.chart.layout.bars.sort === "desc",
       showTooltip: e.value.style.chart.tooltip.show
-    }), tt = y(() => $.value.sortDesc), F = y(() => (xe.value.forEach((t, l) => {
+    }), tt = y(() => $.value.sortDesc), I = y(() => (xe.value.forEach((t, l) => {
       !t.value && !t.children && ue({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
         property: `value (index ${l})`,
         debug: re.value
-      }), t.children && (Ie(t.children) ? ue({
+      }), t.children && (Oe(t.children) ? ue({
         componentName: "VueUiVerticalBar",
         type: "datasetAttributeEmpty",
         property: `children (index ${l})`,
@@ -245,7 +245,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
         isChild: !1,
         segregate: () => oe(a),
         isSegregated: A.value.includes(a),
-        color: Oe(t.color) || Je.value[l] || W[l] || W[l % W.length],
+        color: Fe(t.color) || Je.value[l] || W[l] || W[l % W.length],
         children: !t.children || !t.children.length ? [] : t.children.toSorted(ie.value ? () => 0 : (c, x) => tt.value ? x.value - c.value : c.value - x.value).map((c, x) => ({
           ...c,
           value: L(Math.abs(c.value)),
@@ -258,7 +258,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
           parentSign: w,
           id: `vertical_child_${l}_${x}_${S.value}`,
           childIndex: x,
-          color: Oe(c.color) || Oe(t.color) || Je.value[l] || W[l] || W[l % W.length]
+          color: Fe(c.color) || Fe(t.color) || Je.value[l] || W[l] || W[l % W.length]
         })).map((c, x) => ({
           ...c,
           isFirstChild: x === 0,
@@ -290,19 +290,19 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       width: C.value.width - (C.value.padding.left + C.value.padding.right)
     }));
     async function q() {
-      ae.value = D.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), e.value.autoSize && await O();
+      ae.value = D.value.flatMap((t) => t.children && t.children.length > 0 ? t.children.length : 1).reduce((t, l) => t + l, 0), e.value.autoSize && await F();
     }
     const A = i([]);
     async function oe(t) {
       if (A.value.includes(t))
         A.value = A.value.filter((l) => l !== t);
       else {
-        if (A.value.length === F.value.length - 1) return;
+        if (A.value.length === I.value.length - 1) return;
         A.value.push(t);
       }
-      q(), await de(), e.value.autoSize && O(), St("selectLegend", D.value);
+      q(), await de(), e.value.autoSize && F(), St("selectLegend", D.value);
     }
-    const D = y(() => F.value.filter((t) => !A.value.includes(t.id))), V = y(() => D.value.map((t) => Math.abs(t.value)).reduce((t, l) => t + l, 0));
+    const D = y(() => I.value.filter((t) => !A.value.includes(t.id))), V = y(() => D.value.map((t) => Math.abs(t.value)).reduce((t, l) => t + l, 0));
     function ot(t, l = !1, a = 0) {
       return l ? G({
         v: L(Math.abs(t) / V.value * 100),
@@ -328,33 +328,33 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
         sign: a.sign
       };
     }
-    function It() {
+    function Ot() {
       return D.value;
     }
     const Te = i(null), Se = i(null);
-    function Ot({ datapoint: t, seriesIndex: l }) {
+    function Ft({ datapoint: t, seriesIndex: l }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l });
     }
-    function Ft({ datapoint: t, seriesIndex: l }) {
+    function It({ datapoint: t, seriesIndex: l }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l }), Tt.value = null, ge.value = !1, Te.value = null;
     }
     function Mt(t, l) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datpoint: t, seriesIndex: l }), Se.value = {
         datapoint: t,
         seriesIndex: l,
-        series: F.value,
+        series: I.value,
         config: e.value
       }, ge.value = !0, Te.value = t.id;
       let a = "";
       const o = t.isChild ? t.parentName : t.name, g = t.isChild ? t.name : "", w = e.value.style.chart.tooltip.customFormat;
       oa(w) && na(() => w({
         datapoint: t,
-        series: F.value,
+        series: I.value,
         config: e.value,
         seriesIndex: l
       })) ? ye.value = w({
         datapoint: t,
-        series: F.value,
+        series: I.value,
         config: e.value,
         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;">
@@ -530,9 +530,9 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       $.value.showTable = !1, ke.value && ke.value.setTableIconState(!1);
     }
     return yt({
-      autoSize: O,
+      autoSize: F,
       // v3
-      getData: It,
+      getData: Ot,
       getImage: Rt,
       recalculateHeight: q,
       generatePdf: Ye,
@@ -703,7 +703,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       }, [
         (u(), X(pt, {
           key: `legend_top_${me.value}`,
-          legendSet: F.value,
+          legendSet: I.value,
           config: at.value,
           onClickMarker: l[0] || (l[0] = ({ legend: a }) => oe(a.id))
         }, he({
@@ -779,7 +779,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
             }, null, 8, wa),
             n("stop", {
               offset: "100%",
-              "stop-color": s(Fe)(s(ta)(a.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
+              "stop-color": s(Ie)(s(ta)(a.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
             }, null, 8, $a)
           ], 8, _a))), 256)),
           t.$slots.pattern ? (u(), v("g", Ca, [
@@ -804,7 +804,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
               y: r.value.top + (k.value + p.value) * o,
               width: s(L)(T(a.value) <= 0 ? 1e-4 : T(a.value)),
               height: p.value <= 0 ? 1e-4 : p.value,
-              fill: e.value.style.chart.layout.bars.useGradient ? `url(#vertical_bar_gradient_${S.value}_${o})` : s(Fe)(a.color, e.value.style.chart.layout.bars.fillOpacity),
+              fill: e.value.style.chart.layout.bars.useGradient ? `url(#vertical_bar_gradient_${S.value}_${o})` : s(Ie)(a.color, e.value.style.chart.layout.bars.fillOpacity),
               rx: e.value.style.chart.layout.bars.borderRadius,
               stroke: e.value.style.chart.layout.bars.useStroke ? a.color : "none",
               "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
@@ -862,7 +862,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
                 "font-weight": e.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal"
               }, h(a.name), 9, Va)) : f("", !0)
             ]),
-            n("g", Ia, [
+            n("g", Oa, [
               a.isChild && a.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), v("text", {
                 key: 0,
                 x: e.value.autoSize ? void 0 : N.value.x + e.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -871,7 +871,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
                 fill: e.value.style.chart.layout.bars.parentLabels.color,
                 "font-weight": e.value.style.chart.layout.bars.parentLabels.bold ? "bold" : "normal",
                 "text-anchor": "start"
-              }, h(ne(a, o).name), 9, Oa)) : f("", !0),
+              }, h(ne(a, o).name), 9, Fa)) : f("", !0),
               a.isChild && a.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), v("text", {
                 key: 1,
                 x: e.value.autoSize ? void 0 : N.value.x + e.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -880,17 +880,17 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
                 fill: e.value.style.chart.layout.bars.parentLabels.color,
                 "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "start"
-              }, h(nt(ne(a, o).value), ne(a, o), o, a.parentSign || a.sign), 9, Fa)) : f("", !0)
+              }, h(nt(ne(a, o).value), ne(a, o), o, a.parentSign || a.sign), 9, Ia)) : f("", !0)
             ]),
             n("rect", {
               x: N.value.x,
               y: r.value.top + (k.value + p.value) * o - k.value / 2,
               width: N.value.width,
               height: p.value + k.value <= 0 ? 1e-4 : p.value + k.value,
-              fill: Te.value === a.id ? s(Fe)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity) : "transparent",
+              fill: Te.value === a.id ? s(Ie)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity) : "transparent",
               onMouseenter: (g) => Mt(a, o),
-              onMouseleave: (g) => Ft({ datapoint: a, seriesIndex: o }),
-              onClick: (g) => Ot({ datapoint: a, seriesIndex: o })
+              onMouseleave: (g) => It({ datapoint: a, seriesIndex: o }),
+              onClick: (g) => Ft({ datapoint: a, seriesIndex: o })
             }, null, 40, Ma)
           ]))), 256)),
           _(t.$slots, "svg", { svg: N.value }, void 0, !0)
@@ -906,7 +906,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       }, [
         (u(), X(pt, {
           key: `legend_bottom_${me.value}`,
-          legendSet: F.value,
+          legendSet: I.value,
           config: at.value,
           onClickMarker: l[1] || (l[1] = ({ legend: a }) => oe(a.id))
         }, he({
@@ -943,7 +943,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
           } : void 0
         ]), 1032, ["legendSet", "config"]))
       ], 512)) : f("", !0),
-      _(t.$slots, "legend", { legend: F.value }, void 0, !0),
+      _(t.$slots, "legend", { legend: I.value }, void 0, !0),
       t.$slots.source ? (u(), v("div", {
         key: 7,
         ref_key: "source",
@@ -968,7 +968,9 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
         isFullscreen: E.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
+        smoothForce: e.value.style.chart.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": m(() => [
           _(t.$slots, "tooltip-before", Q(Z({ ...Se.value })), void 0, !0)
@@ -977,8 +979,8 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
           _(t.$slots, "tooltip-after", Q(Z({ ...Se.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      fe.value ? (u(), X(Ht(ce.value.component), ct({ key: 8 }, ce.value.props, {
+      }, 8, ["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 ? (u(), X(Ht(ce.value.component), ct({ key: 8 }, ce.value.props, {
         ref_key: "tableUnit",
         ref: le,
         onClose: Ne
@@ -1149,7 +1151,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       s(Xe) ? (u(), X(ia, { key: 9 })) : f("", !0)
     ], 46, ba));
   }
-}, kl = /* @__PURE__ */ ya(ol, [["__scopeId", "data-v-e20a4dff"]]);
+}, kl = /* @__PURE__ */ ya(ol, [["__scopeId", "data-v-d553ecc0"]]);
 export {
   kl as default
 };