vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-tiremarks-BFXeJQNZ.js → vue-ui-tiremarks-KQmIXYf2.js}

@@ -1,13 +1,14 @@
 import { defineAsyncComponent as H, computed as f, ref as v, toRefs as xe, watch as ie, onMounted as Ae, createElementBlock as u, openBlock as r, unref as s, normalizeStyle as j, normalizeClass as X, createBlock as R, createCommentVNode as g, createSlots as Oe, withCtx as O, renderSlot as p, normalizeProps as M, guardReactiveProps as E, createVNode as Pe, Fragment as ce, renderList as ve, toDisplayString as Ie } from "vue";
-import { u as ze, c as Se, t as Fe, b as Te, h as Ne, o as Re, f as Me, x as he, X as Ee, k as Le, i as Ue } from "./index-Lg17rmB1.js";
-import { t as Be, u as Ge } from "./useResponsive-DfdjqQps.js";
-import { u as De, B as He } from "./BaseScanner-BgWxam9d.js";
-import { u as je } from "./usePrinter-DGI4Mlad.js";
-import { u as de } from "./useNestedProp-DpwLJMsW.js";
-import { u as Xe } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ve } from "./useChartAccessibility-9icAAmYg.js";
-import qe from "./Title-BVMfF0uu.js";
-import Ye from "./img-CeCjiMpr.js";
+import { c as ze, t as Se, q as Fe, o as Te, f as Ne, i as he, X as Re, a as Me, d as Ee } from "./lib-p5pfHmOX.js";
+import { t as Le, u as Ue } from "./useResponsive-DfdjqQps.js";
+import { u as Be, a as de } from "./useNestedProp-DF7e2h1z.js";
+import { u as Ge, B as De } from "./BaseScanner-BgWxam9d.js";
+import { u as He } from "./usePrinter-Yeu5jOfm.js";
+import { u as je } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Xe } from "./useChartAccessibility-9icAAmYg.js";
+import { t as qe } from "./themes-D3cUNuKw.js";
+import Ve from "./Title-pI68ZJsq.js";
+import Ye from "./img-CH7J0fYg.js";
 import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { key: 1 }, et = ["d", "stroke-width", "stroke"], tt = { key: 2 }, at = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], lt = { key: 3 }, ot = ["x", "y", "height"], st = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], nt = {
   key: 4,
@@ -29,12 +30,12 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
     }
   },
   setup(fe, { expose: ye }) {
-    const ge = H(() => import("./PenAndPaper-BKnXOYre.js")), pe = H(() => import("./UserOptions-CKzW9w0Q.js")), me = H(() => import("./PackageVersion-D1HToLlZ.js")), { vue_ui_tiremarks: ke } = ze(), w = fe, be = f(() => !!w.dataset && Object.keys(w.dataset).length), L = v(Se()), C = v(null), we = v(null), V = v(null), q = v(null), Y = v(0), W = v(0), $ = v(null), P = v(null), e = v(G()), { loading: J, FINAL_DATASET: U } = De({
+    const ge = H(() => import("./PenAndPaper-CtDMyIvW.js")), pe = H(() => import("./UserOptions-Bn3u4JQu.js")), me = H(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_tiremarks: ke } = Be(), w = fe, be = f(() => !!w.dataset && Object.keys(w.dataset).length), L = v(ze()), C = v(null), we = v(null), q = v(null), V = v(null), Y = v(0), W = v(0), $ = v(null), P = v(null), e = v(G()), { loading: J, FINAL_DATASET: U } = Ge({
       ...xe(w),
       FINAL_CONFIG: e,
       prepareConfig: G,
       skeletonDataset: { percentage: 50 },
-      skeletonConfig: Fe({
+      skeletonConfig: Se({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -53,7 +54,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
           }
         }
       })
-    }), { userOptionsVisible: B, setUserOptionsVisibility: K, keepUserOptionState: Q } = Xe({ config: e.value }), { svgRef: Z } = Ve({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: B, setUserOptionsVisibility: K, keepUserOptionState: Q } = je({ config: e.value }), { svgRef: Z } = Xe({ config: e.value.style.chart.title });
     function G() {
       const t = de({
         userConfig: w.config,
@@ -61,7 +62,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
       });
       return t.theme ? {
         ...de({
-          userConfig: Te.vue_ui_tiremarks[t.theme] || w.config,
+          userConfig: qe.vue_ui_tiremarks[t.theme] || w.config,
           defaultConfig: t
         })
       } : t;
@@ -69,11 +70,11 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
     ie(() => w.config, (t) => {
       e.value = G(), B.value = !e.value.userOptions.showOnChartHover, S.value = e.value.style.chart.width, F.value = e.value.style.chart.height, se(), W.value += 1;
     }, { deep: !0 });
-    const { isPrinting: ee, isImaging: te, generatePdf: ae, generateImage: le } = je({
+    const { isPrinting: ee, isImaging: te, generatePdf: ae, generateImage: le } = He({
       elementId: L.value,
       fileName: e.value.style.chart.title.text || "vue-ui-tiremarks",
       options: e.value.userOptions.print
-    }), Ce = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), i = v(e.value.style.chart.animation.use ? 0 : Ne(U.value.percentage));
+    }), Ce = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), i = v(e.value.style.chart.animation.use ? 0 : Fe(U.value.percentage));
     ie(() => U.value, (t) => {
       e.value.style.chart.animation.use ? oe(t.percentage) : i.value = t.percentage || 0;
     }, { deep: !0 }), Ae(() => {
@@ -89,16 +90,16 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
     }
     const _e = f(() => !!e.value.debug);
     function se() {
-      if (Re(w.dataset) && Me({
+      if (Te(w.dataset) && Ne({
         componentName: "VueUiTiremarks",
         type: "dataset",
         debug: _e.value
       }), e.value.responsive) {
-        const t = Be(() => {
-          const { width: l, height: a } = Ge({
+        const t = Le(() => {
+          const { width: l, height: a } = Ue({
             chart: C.value,
-            title: e.value.style.chart.title.text ? V.value : null,
-            source: q.value
+            title: e.value.style.chart.title.text ? q.value : null,
+            source: V.value
           });
           requestAnimationFrame(() => {
             S.value = Math.max(0.1, l), F.value = Math.max(0.1, a - 12);
@@ -235,10 +236,10 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
       e.value.style.chart.title.text ? (r(), u("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: V,
+        ref: q,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (r(), R(qe, {
+        (r(), R(Ve, {
           key: `title_${W.value}`,
           config: {
             title: {
@@ -319,7 +320,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
       (r(), u("svg", {
         ref_key: "svgRef",
         ref: Z,
-        xmlns: s(Ee),
+        xmlns: s(Re),
         class: X({ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }),
         viewBox: `0 0 ${S.value} ${F.value}`,
         style: j(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
@@ -374,10 +375,10 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
             fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? s(he)(e.value.style.chart.layout.activeColor, i.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
             "font-weight": y.value.bold ? "bold" : "normal",
             "text-anchor": y.value.textAnchor
-          }, Ie(s(Le)(
+          }, Ie(s(Me)(
             e.value.style.chart.percentage.formatter,
             i.value,
-            s(Ue)({
+            s(Ee)({
               v: i.value,
               s: "%",
               r: e.value.style.chart.percentage.rounding
@@ -392,15 +393,15 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
       t.$slots.source ? (r(), u("div", {
         key: 5,
         ref_key: "source",
-        ref: q,
+        ref: V,
         dir: "auto"
       }, [
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      s(J) ? (r(), R(He, { key: 6 })) : g("", !0)
+      s(J) ? (r(), R(De, { key: 6 })) : g("", !0)
     ], 46, Je));
   }
-}, kt = /* @__PURE__ */ We(rt, [["__scopeId", "data-v-758809ae"]]);
+}, bt = /* @__PURE__ */ We(rt, [["__scopeId", "data-v-758809ae"]]);
 export {
-  kt as default
+  bt as default
 };

package/dist/{vue-ui-treemap-s_O9rQUT.js → vue-ui-treemap-a_Ub2bgB.js}

@@ -1,15 +1,16 @@
 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 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-Lg17rmB1.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-DGI4Mlad.js";
-import { u as xt } from "./useNestedProp-DpwLJMsW.js";
-import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as dl } from "./useChartAccessibility-9icAAmYg.js";
-import hl from "./img-CeCjiMpr.js";
-import pl from "./Title-BVMfF0uu.js";
-import fl from "./Legend-CjdnJGHq.js";
-import _t from "./BaseIcon-7s-tCFcQ.js";
+import { c as Te, t as Zt, b as Kt, p as F, e as Jt, o as wt, f as Qt, h as de, a as xe, d as he, X as el, m as Ct, G as $t, z as Tt, x as tl, y as ll, A as ol } from "./lib-p5pfHmOX.js";
+import { t as al, u as nl } from "./useResponsive-DfdjqQps.js";
+import { u as sl, a as xt } from "./useNestedProp-DF7e2h1z.js";
+import { u as ul, B as rl } from "./BaseScanner-BgWxam9d.js";
+import { u as il } from "./usePrinter-Yeu5jOfm.js";
+import { u as cl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as vl } from "./useChartAccessibility-9icAAmYg.js";
+import dl from "./img-CH7J0fYg.js";
+import hl from "./Title-pI68ZJsq.js";
+import { t as pl } from "./themes-D3cUNuKw.js";
+import fl from "./Legend-_Rv594VS.js";
+import _t from "./BaseIcon-D2f9w5Z5.js";
 import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Ot(n, r) {
   const s = n.length;
@@ -201,11 +202,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-Dw6dxJk3.js")), u = te(() => import("./PenAndPaper-BKnXOYre.js")), h = te(() => import("./vue-ui-accordion-BJG-ogQj.js")), v = te(() => import("./Tooltip-DBvmoYXU.js")), g = te(() => import("./UserOptions-CKzW9w0Q.js")), f = te(() => import("./PackageVersion-D1HToLlZ.js")), W = te(() => import("./BaseDraggableDialog-CrCjMg89.js")), { vue_ui_treemap: P } = Zt(), k = n, $ = s, w = Wt();
+    const i = te(() => import("./DataTable-xISHA7Pu.js")), u = te(() => import("./PenAndPaper-CtDMyIvW.js")), h = te(() => import("./vue-ui-accordion-D-L73-T2.js")), v = te(() => import("./Tooltip-Clf2K3CF.js")), g = te(() => import("./UserOptions-Bn3u4JQu.js")), f = te(() => import("./PackageVersion-DRpg18lg.js")), W = te(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_treemap: P } = sl(), k = n, $ = s, w = Wt();
     yt(() => {
       w["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    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({
+    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 } = ul({
       ...Gt(k),
       FINAL_CONFIG: e,
       prepareConfig: Ne,
@@ -225,7 +226,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
           ]
         }
       ],
-      skeletonConfig: Kt({
+      skeletonConfig: Zt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -247,7 +248,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
           }
         }
       })
-    }), { userOptionsVisible: De, setUserOptionsVisibility: je, keepUserOptionState: Ze } = vl({ config: e.value }), { svgRef: Ke } = dl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: De, setUserOptionsVisibility: je, keepUserOptionState: Ze } = cl({ config: e.value }), { svgRef: Ke } = vl({ config: e.value.style.chart.title });
     function Ne() {
       const t = xt({
         userConfig: k.config,
@@ -255,20 +256,20 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       });
       return t.theme ? {
         ...xt({
-          userConfig: Qt.vue_ui_treemap[t.theme] || k.config,
+          userConfig: pl.vue_ui_treemap[t.theme] || k.config,
           defaultConfig: t
         }),
-        customPalette: Jt[t.theme] || F
+        customPalette: Kt[t.theme] || F
       } : t;
     }
     ke(() => k.config, (t) => {
       re.value || (e.value = Ne()), De.value = !e.value.userOptions.showOnChartHover, qe.value += 1, Oe.value += 1, Ae.value += 1, D.value.showTable = e.value.table.show, D.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: Je, isImaging: Qe, generatePdf: et, generateImage: tt } = cl({
+    const { isPrinting: Je, isImaging: Qe, generatePdf: et, generateImage: tt } = il({
       elementId: `treemap_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap",
       options: e.value.userOptions.print
-    }), Dt = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), pe = b(() => el(e.value.customPalette)), D = m({
+    }), Dt = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), pe = b(() => Jt(e.value.customPalette)), D = m({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -324,13 +325,13 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
     });
     const Rt = b(() => e.value.debug);
     function Pt() {
-      if (wt(k.dataset) && tl({
+      if (wt(k.dataset) && Qt({
         componentName: "VueUiTreemap",
         type: "dataset",
         debug: Rt.value
       }), ot(R.value), wt(k.dataset) || (It.value = e.value.loading), e.value.responsive) {
-        const t = sl(() => {
-          const { width: o, height: l } = ul({
+        const t = al(() => {
+          const { width: o, height: l } = nl({
             chart: V.value,
             title: e.value.style.chart.title.text ? He.value : null,
             legend: e.value.style.chart.legend.show ? We.value : null,
@@ -497,7 +498,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
     function Vt({ datapoint: t, seriesIndex: o }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), L.value = t, Re.value = { datapoint: t, seriesIndex: o, config: e.value, series: ie.value };
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Tt(l) && nl(() => l({
+      if (Tt(l) && ol(() => l({
         seriesIndex: o,
         datapoint: t,
         series: ie.value,
@@ -536,8 +537,8 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       jt(() => {
         const o = E.value.head.map((p, S) => [[
           p.name
-        ], [E.value.body[S]], [isNaN(E.value.body[S] / ne.value) ? "-" : E.value.body[S] / ne.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(o), a = ol(l);
-        t ? t(a) : al({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-treemap" });
+        ], [E.value.body[S]], [isNaN(E.value.body[S] / ne.value) ? "-" : E.value.body[S] / ne.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(o), a = tl(l);
+        t ? t(a) : ll({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-treemap" });
       });
     }
     const ge = b(() => {
@@ -614,7 +615,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
     }
     async function Ut({ scale: t = 2 } = {}) {
       if (!V.value) return;
-      const { width: o, height: l } = V.value.getBoundingClientRect(), a = o / l, { imageUri: p, base64: S } = await hl({ domElement: V.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: l } = V.value.getBoundingClientRect(), a = o / l, { imageUri: p, base64: S } = await dl({ domElement: V.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: p,
         base64: S,
@@ -700,7 +701,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
         ref: He,
         style: M(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
-        (d(), Z(pl, {
+        (d(), Z(hl, {
           key: `title_${qe.value}`,
           config: {
             title: {
@@ -861,7 +862,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       (d(), y("svg", {
         ref_key: "svgRef",
         ref: Ke,
-        xmlns: c(ll),
+        xmlns: c(el),
         class: Le({ "vue-data-ui-fullscreen--on": K.value, "vue-data-ui-fulscreen--off": !K.value, "vue-data-ui-zoom-plus": !ee.value, "vue-data-ui-zoom-minus": ee.value, loading: c(re) }),
         viewBox: `${se.value.startX} ${se.value.startY} ${se.value.width <= 0 ? 10 : se.value.width} ${se.value.height <= 0 ? 10 : se.value.height}`,
         style: M(`max-width:100%; overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
@@ -1091,10 +1092,10 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
           key: "1"
         } : void 0
       ]), 1040)) : _("", !0),
-      c(re) ? (d(), Z(il, { key: 9 })) : _("", !0)
+      c(re) ? (d(), Z(rl, { key: 9 })) : _("", !0)
     ], 46, xl));
   }
-}, ao = /* @__PURE__ */ gl(Wl, [["__scopeId", "data-v-123da83a"]]);
+}, no = /* @__PURE__ */ gl(Wl, [["__scopeId", "data-v-123da83a"]]);
 export {
-  ao as default
+  no as default
 };

package/dist/{vue-ui-vertical-bar-Bn-m5GKU.js → vue-ui-vertical-bar-MWKYuUMN.js}

@@ -1,19 +1,20 @@
 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 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-Lg17rmB1.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-DGI4Mlad.js";
-import { u as ht } from "./useNestedProp-DpwLJMsW.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-CjdnJGHq.js";
-import pa from "./vue-ui-accordion-BJG-ogQj.js";
-import fa from "./Title-BVMfF0uu.js";
-import { _ as ft } from "./Shape-6PexQroB.js";
-import ga from "./img-CeCjiMpr.js";
+import { c as qt, t as Yt, b as Kt, p as W, D as Ve, e as Jt, q as L, o as Oe, f as ue, h as Fe, a as pe, d as G, X as Qt, s as Ie, i as Zt, x as ea, y as ta, z as aa, A as la } from "./lib-p5pfHmOX.js";
+import { t as oa, u as na } from "./useResponsive-DfdjqQps.js";
+import { u as ua, a as ht } from "./useNestedProp-DF7e2h1z.js";
+import { u as sa, B as ra } from "./BaseScanner-BgWxam9d.js";
+import { u as ia } from "./usePrinter-Yeu5jOfm.js";
+import { u as va } from "./useTableResponsive-Cbx-ACcP.js";
+import { u as ca } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as da } from "./useChartAccessibility-9icAAmYg.js";
+import { t as ha } from "./themes-D3cUNuKw.js";
+import pt from "./Legend-_Rv594VS.js";
+import pa from "./vue-ui-accordion-D-L73-T2.js";
+import fa from "./Title-pI68ZJsq.js";
+import { _ as ft } from "./Shape-BDy56-wS.js";
+import ga from "./img-CH7J0fYg.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"], 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 = {
+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"], Da = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Ma = {
   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 = {
@@ -37,21 +38,21 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
     Ut((t) => ({
       "27fa778f": t.tdo
     }));
-    const mt = K(() => import("./Tooltip-DBvmoYXU.js")), Me = K(() => import("./BaseIcon-7s-tCFcQ.js")), kt = K(() => import("./PenAndPaper-BKnXOYre.js")), xt = K(() => import("./UserOptions-CKzW9w0Q.js")), _t = K(() => import("./PackageVersion-D1HToLlZ.js")), wt = K(() => import("./BaseDraggableDialog-CrCjMg89.js")), { vue_ui_vertical_bar: $t } = qt(), Ct = Xt(), b = gt, fe = y({
+    const mt = K(() => import("./Tooltip-Clf2K3CF.js")), De = K(() => import("./BaseIcon-D2f9w5Z5.js")), kt = K(() => import("./PenAndPaper-CtDMyIvW.js")), xt = K(() => import("./UserOptions-Bn3u4JQu.js")), _t = K(() => import("./PackageVersion-DRpg18lg.js")), wt = K(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_vertical_bar: $t } = ua(), Ct = Xt(), b = gt, fe = y({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), S = i(Yt()), ge = i(!1), ye = i(""), ae = i(0), Tt = i(null), De = i(0), P = i(null), Be = i(null), be = i(null), Re = i(null), Ee = i(null), Ue = i(0), me = i(0), H = i(null), le = i(null), ke = i(null), St = bt, e = i($e()), Lt = y(() => [
+    }), S = i(qt()), ge = i(!1), ye = i(""), ae = i(0), Tt = i(null), Me = i(0), P = i(null), Be = i(null), be = i(null), Re = i(null), Ee = i(null), Ue = i(0), me = i(0), H = i(null), le = i(null), ke = i(null), St = bt, e = i($e()), Lt = y(() => [
       { name: "", value: 6, color: "#d9d9d9" },
       { name: "", value: 5, color: "#d9d9d9" },
       { name: "", value: 4, color: "#d9d9d9" },
       { name: "", value: 3, color: "#d9d9d9" },
       { name: "", value: 2, color: "#d9d9d9" },
       { name: "", value: 1, color: "#d9d9d9" }
-    ]), { loading: Xe, FINAL_DATASET: xe, manualLoading: _e } = ra({
+    ]), { loading: Xe, FINAL_DATASET: xe, manualLoading: _e } = sa({
       ...Wt(b),
       FINAL_CONFIG: e,
       prepareConfig: $e,
@@ -61,7 +62,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
         });
       },
       skeletonDataset: Lt.value,
-      skeletonConfig: Kt({
+      skeletonConfig: Yt({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -107,7 +108,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
           }
         }
       })
-    }), { userOptionsVisible: we, setUserOptionsVisibility: We, keepUserOptionState: Ge } = da({ config: e.value }), { svgRef: He } = ha({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: we, setUserOptionsVisibility: We, keepUserOptionState: Ge } = ca({ config: e.value }), { svgRef: He } = da({ config: e.value.style.chart.title });
     function $e() {
       const t = ht({
         userConfig: b.config,
@@ -116,10 +117,10 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       let l = {};
       return t.theme ? l = {
         ...ht({
-          userConfig: Qt.vue_ui_vertical_bar[t.theme] || b.config,
+          userConfig: ha.vue_ui_vertical_bar[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: Jt[t.theme] || W
+        customPalette: Kt[t.theme] || W
       } : l = t, b.config && Ve(b.config, "events.datapointEnter") ? l.events.datapointEnter = b.config.events.datapointEnter : l.events.datapointEnter = null, b.config && Ve(b.config, "events.datapointLeave") ? l.events.datapointLeave = b.config.events.datapointLeave : l.events.datapointLeave = null, b.config && Ve(b.config, "events.datapointClick") ? l.events.datapointClick = b.config.events.datapointClick : l.events.datapointClick = null, l;
     }
     Ae(() => b.config, (t) => {
@@ -127,11 +128,11 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
     }, { deep: !0 }), Ae(() => b.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (_e.value = !1), q();
     }, { deep: !0 });
-    const { isPrinting: je, isImaging: qe, generatePdf: Ye, generateImage: Ke } = va({
+    const { isPrinting: je, isImaging: qe, generatePdf: Ye, generateImage: Ke } = ia({
       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), O = 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(() => Jt(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 };
     });
@@ -186,8 +187,8 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
         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), Oe(b.dataset) || (_e.value = e.value.loading), e.value.responsive) {
-        const t = ua(() => {
-          const { width: l, height: a } = sa({
+        const t = oa(() => {
+          const { width: l, height: a } = na({
             chart: P.value,
             title: e.value.style.chart.title.text ? Be.value : null,
             legend: e.value.style.chart.legend.show ? be.value : null,
@@ -290,7 +291,7 @@ 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 F();
+      ae.value = M.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) {
@@ -300,9 +301,9 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
         if (A.value.length === I.value.length - 1) return;
         A.value.push(t);
       }
-      q(), await de(), e.value.autoSize && F(), St("selectLegend", D.value);
+      q(), await de(), e.value.autoSize && F(), St("selectLegend", M.value);
     }
-    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));
+    const M = y(() => I.value.filter((t) => !A.value.includes(t.id))), V = y(() => M.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),
@@ -310,7 +311,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
         r: a
       }) : Math.abs(t) / V.value;
     }
-    const B = y(() => D.value.flatMap((t) => t.hasChildren ? t.children : t)), R = y(() => B.value.map((t) => t.sign).includes(-1)), zt = y(() => Math.max(...D.value.flatMap((t) => t.children && t.children.length ? Math.max(...t.children.map((l) => l.value)) : t.value)));
+    const B = y(() => M.value.flatMap((t) => t.hasChildren ? t.children : t)), R = y(() => B.value.map((t) => t.sign).includes(-1)), zt = y(() => Math.max(...M.value.flatMap((t) => t.children && t.children.length ? Math.max(...t.children.map((l) => l.value)) : t.value)));
     function T(t) {
       const l = t / zt.value;
       return r.value.width / (R.value ? 2 : 1) * l;
@@ -319,7 +320,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       return T(t) + r.value.left;
     }
     function ne(t, l) {
-      const a = D.value.find((w) => w.id === t.parentId), o = r.value.top + (k.value + p.value) * l, g = a.children.length * (k.value + p.value);
+      const a = M.value.find((w) => w.id === t.parentId), o = r.value.top + (k.value + p.value) * l, g = a.children.length * (k.value + p.value);
       return {
         y: o + g / 2 - e.value.style.chart.layout.bars.parentLabels.fontSize,
         name: a.name,
@@ -329,7 +330,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       };
     }
     function Ot() {
-      return D.value;
+      return M.value;
     }
     const Te = i(null), Se = i(null);
     function Ft({ datapoint: t, seriesIndex: l }) {
@@ -338,7 +339,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
     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) {
+    function Dt(t, l) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datpoint: t, seriesIndex: l }), Se.value = {
         datapoint: t,
         seriesIndex: l,
@@ -347,7 +348,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       }, 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({
+      aa(w) && la(() => w({
         datapoint: t,
         series: I.value,
         config: e.value,
@@ -444,34 +445,34 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
         c.childValue,
         c.childPercentageToParent,
         c.childPercentageToTotal
-      ]), g = l.concat([a]).concat(o), w = aa(g);
-      t ? t(w) : la({ csvContent: w, title: e.value.style.chart.title.text || "vue-ui-vertical-bar" });
+      ]), g = l.concat([a]).concat(o), w = ea(g);
+      t ? t(w) : ta({ csvContent: w, title: e.value.style.chart.title.text || "vue-ui-vertical-bar" });
     }
     const E = i(!1);
     function ut(t) {
-      E.value = t, De.value += 1;
+      E.value = t, Me.value += 1;
     }
     function st() {
       $.value.showTable = !$.value.showTable;
     }
-    const Dt = i({
+    const Mt = i({
       none: 0,
       asc: 1,
       desc: 2
-    }), M = i(0), ie = i(!1);
+    }), D = i(0), ie = i(!1);
     ze(() => {
       ["none", "asc", "desc"].includes(e.value.style.chart.layout.bars.sort) || ue({
         componentName: "VueUiVerticalBar",
         type: "attributeWrongValue",
         property: "style.chart.layout.bars.sort",
         key: e.value.style.chart.layout.bars.sort
-      }), M.value = Dt.value[e.value.style.chart.layout.bars.sort], $.value.sortDesc = M.value === 2, ie.value = M.value === 0;
+      }), D.value = Mt.value[e.value.style.chart.layout.bars.sort], $.value.sortDesc = D.value === 2, ie.value = D.value === 0;
     });
     function Bt() {
-      M.value += 1, M.value > 2 && (M.value = 0);
+      D.value += 1, D.value > 2 && (D.value = 0);
     }
     function rt() {
-      Bt(), $.value.sortDesc = M.value === 2, ie.value = M.value === 0, q();
+      Bt(), $.value.sortDesc = D.value === 2, ie.value = D.value === 0, q();
     }
     function it() {
       $.value.showTooltip = !$.value.showTooltip;
@@ -525,7 +526,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
     Ae(() => $.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && le.value ? le.value.open() : "close" in le.value && le.value.close());
     });
-    const { isResponsive: Et } = ca(Qe, Nt);
+    const { isResponsive: Et } = va(Qe, Nt);
     function Ne() {
       $.value.showTable = !1, ke.value && ke.value.setTableIconState(!1);
     }
@@ -590,7 +591,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       e.value.userOptions.show && fe.value && (s(Ge) || s(we)) ? (u(), X(s(xt), {
         ref_key: "userOptionsRef",
         ref: ke,
-        key: `user_options_${De.value}`,
+        key: `user_options_${Me.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isImaging: s(qe),
@@ -743,7 +744,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       (u(), v("svg", {
         ref_key: "svgRef",
         ref: He,
-        xmlns: s(ea),
+        xmlns: s(Qt),
         class: U({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
         viewBox: se.value,
         style: d(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
@@ -779,7 +780,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
             }, null, 8, wa),
             n("stop", {
               offset: "100%",
-              "stop-color": s(Ie)(s(ta)(a.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
+              "stop-color": s(Ie)(s(Zt)(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, [
@@ -888,15 +889,15 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
               width: N.value.width,
               height: p.value + k.value <= 0 ? 1e-4 : p.value + k.value,
               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),
+              onMouseenter: (g) => Dt(a, o),
               onMouseleave: (g) => It({ datapoint: a, seriesIndex: o }),
               onClick: (g) => Ft({ datapoint: a, seriesIndex: o })
-            }, null, 40, Ma)
+            }, null, 40, Da)
           ]))), 256)),
           _(t.$slots, "svg", { svg: N.value }, void 0, !0)
         ], 512)
       ], 14, ka)),
-      t.$slots.watermark ? (u(), v("div", Da, [
+      t.$slots.watermark ? (u(), v("div", Ma, [
         _(t.$slots, "watermark", Q(Z({ isPrinting: s(je) || s(qe) })), void 0, !0)
       ])) : f("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "bottom" ? (u(), v("div", {
@@ -1001,7 +1002,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
                 onClick: Ne,
                 onKeypress: jt(Ne, ["enter"])
               }, [
-                J(s(Me), {
+                J(s(De), {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
@@ -1139,7 +1140,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
               class: "vue-ui-user-options-button",
               onClick: l[2] || (l[2] = (a) => Le(e.value.userOptions.callbacks.csv))
             }, [
-              J(s(Me), {
+              J(s(De), {
                 name: "excel",
                 stroke: ce.value.props.color
               }, null, 8, ["stroke"])
@@ -1148,10 +1149,10 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
           key: "1"
         } : void 0
       ]), 1040)) : f("", !0),
-      s(Xe) ? (u(), X(ia, { key: 9 })) : f("", !0)
+      s(Xe) ? (u(), X(ra, { key: 9 })) : f("", !0)
     ], 46, ba));
   }
-}, kl = /* @__PURE__ */ ya(ol, [["__scopeId", "data-v-d553ecc0"]]);
+}, xl = /* @__PURE__ */ ya(ol, [["__scopeId", "data-v-d553ecc0"]]);
 export {
-  kl as default
+  xl as default
 };