vue-data-ui 3.0.0-next.40 → 3.0.0-next.41

package/dist/{vue-ui-table-CgQG6lgC.js → vue-ui-table-D8yiQSAZ.js}

@@ -1,6 +1,6 @@
-import { a8 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, F as J, u as K, p as Z } from "./index-Dt40W2hN.js";
-import q from "./vue-ui-xy-DIstI78B.js";
-import Q from "./vue-ui-donut-CTkQZ2S_.js";
+import { a8 as P, v as z, l as T, r as U, f as V, h as X, q as j, A as Y, d as W, F as J, u as K, p as Z } from "./index-D-ozSgn5.js";
+import q from "./vue-ui-xy-CLRcmnNU.js";
+import Q from "./vue-ui-donut-XKTZp6vn.js";
 import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createElementVNode as a, createCommentVNode as b, toDisplayString as d, Fragment as I, renderList as _, normalizeClass as p, createTextVNode as w, withDirectives as O, vModelText as S, withKeys as L, withModifiers as A, vModelSelect as $, createBlock as E, createVNode as ee } from "vue";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const se = {
@@ -442,7 +442,7 @@ Provide an array of objects of type:
     dataLabel: V,
     downloadCsv: U,
     lightenHexColor: T,
-    treeShake: P,
+    treeShake: z,
     // specific
     applyDonutOption() {
       const n = this.selectedDonutCategory.options.map((s, r) => ({
@@ -465,7 +465,7 @@ Provide an array of objects of type:
       const s = this.dataset.header.map((e) => e.name), r = n === "all" ? this.bodyCopy.map((e) => e.td) : this.visibleRows.map((e) => e.td), i = [s].concat(r), t = this.createCsvContent(i);
       this.downloadCsv({ csvContent: t, title: "vue-ui-table" });
     },
-    calcLinearProgression: z,
+    calcLinearProgression: P,
     closeAllDropdowns() {
       const n = document.getElementsByClassName("th-dropdown");
       n.length && Array.from(n).forEach((s) => {
@@ -788,7 +788,7 @@ Provide an array of objects of type:
 }, Ie = { key: 0 }, Fe = { class: "th-filter" }, ve = {
   key: 0,
   class: "th-date"
-}, we = { class: "date-wrapper--inputs" }, _e = { class: "date-fieldset" }, ke = ["for"], Oe = ["id", "onUpdate:modelValue", "onInput"], Se = { class: "date-fieldset" }, Le = ["for"], Ae = ["id", "onUpdate:modelValue", "onInput"], Me = { class: "date-wrapper--button" }, De = ["onClick"], Ge = ["innerHTML"], Te = ["innerHTML"], xe = ["innerHTML"], Ee = ["onClick", "disabled"], Be = ["placeholder", "onUpdate:modelValue", "name"], He = ["onClick"], Re = ["innerHTML"], ze = ["innerHTML"], Pe = ["innerHTML"], Ue = ["onClick", "innerHTML"], Ve = ["innerHTML"], Xe = {
+}, we = { class: "date-wrapper--inputs" }, _e = { class: "date-fieldset" }, ke = ["for"], Oe = ["id", "onUpdate:modelValue", "onInput"], Se = { class: "date-fieldset" }, Le = ["for"], Ae = ["id", "onUpdate:modelValue", "onInput"], Me = { class: "date-wrapper--button" }, De = ["onClick"], Ge = ["innerHTML"], Te = ["innerHTML"], xe = ["innerHTML"], Ee = ["onClick", "disabled"], Be = ["placeholder", "onUpdate:modelValue", "name"], He = ["onClick"], Re = ["innerHTML"], Pe = ["innerHTML"], ze = ["innerHTML"], Ue = ["onClick", "innerHTML"], Ve = ["innerHTML"], Xe = {
   key: 5,
   class: "th-range-filter"
 }, je = ["for"], Ye = ["id", "max", "min", "onUpdate:modelValue"], We = ["id", "max", "min", "onUpdate:modelValue"], Je = ["for"], Ke = ["onClick", "disabled"], Ze = ["id"], qe = ["onClick"], Qe = ["onClick", "onKeyup"], $e = ["innerHTML", "onClick", "onKeyup"], et = ["data-row"], tt = ["data-row"], st = ["data-row", "onClick", "onKeyup", "id"], nt = ["innerHTML"], rt = { key: 1 }, ot = { key: 2 }, lt = { key: 5 }, at = ["innerHTML"], it = { key: 0 }, ct = { style: { "margin-left": "12px" } }, ut = { class: "format-num" }, ht = { style: { "margin-left": "12px" } }, dt = {
@@ -821,7 +821,7 @@ Provide an array of objects of type:
 }, Ot = ["max", "value"], St = { key: 1 }, Lt = ["disabled"], At = ["innerHTML", "disabled"], Mt = ["innerHTML"], Dt = { class: "chart-modal-options" }, Gt = ["innerHTML"], Tt = ["innerHTML"], xt = ["innerHTML"], Et = {
   style: { width: "100%", height: "fit-content" },
   ref: "chartModal"
-}, Bt = { class: "vue-ui-table-fieldset" }, Ht = { class: "vue-ui-table-fieldset-wrapper" }, Rt = ["name", "id", "checked", "onInput"], zt = ["for"], Pt = ["disabled"], Ut = ["innerHTML"], Vt = { style: { width: "100%", "margin-bottom": "12px" } }, Xt = {
+}, Bt = { class: "vue-ui-table-fieldset" }, Ht = { class: "vue-ui-table-fieldset-wrapper" }, Rt = ["name", "id", "checked", "onInput"], Pt = ["for"], zt = ["disabled"], Ut = ["innerHTML"], Vt = { style: { width: "100%", "margin-bottom": "12px" } }, Xt = {
   key: 2,
   style: { width: "100%", "margin-bottom": "32px" }
 };
@@ -1032,10 +1032,10 @@ function jt(n, s, r, i, t, e) {
                     }, null, 8, Re)) : t.sorts[o] === t.constants.DESC ? (c(), u("span", {
                       key: 1,
                       innerHTML: [t.constants.NUMERIC].includes(l.type) ? e.icons.sort90 : e.icons.sortAZ
-                    }, null, 8, ze)) : (c(), u("span", {
+                    }, null, 8, Pe)) : (c(), u("span", {
                       key: 2,
                       innerHTML: e.icons.arrowSort
-                    }, null, 8, Pe))
+                    }, null, 8, ze))
                   ], 14, He)) : b("", !0),
                   l.isMultiselect ? (c(), u("button", {
                     key: 3,
@@ -1427,7 +1427,7 @@ function jt(n, s, r, i, t, e) {
                 }, null, 44, Rt),
                 a("label", {
                   for: l.name
-                }, d(l.name), 9, zt)
+                }, d(l.name), 9, Pt)
               ]))), 128))
             ]),
             a("button", {
@@ -1441,7 +1441,7 @@ function jt(n, s, r, i, t, e) {
                 innerHTML: e.icons.donut
               }, null, 8, Ut),
               w(" " + d(e.FINAL_CONFIG.translations.makeDonut), 1)
-            ], 12, Pt)
+            ], 12, zt)
           ])
         ], 4)) : b("", !0),
         [t.constants.BAR, t.constants.LINE].includes(t.chart.type) && !t.showDonutOptions ? (c(), u(I, { key: 1 }, [

package/dist/{vue-ui-table-heatmap-BSvr6nNW.js → vue-ui-table-heatmap-BV03Xipx.js}

@@ -1,9 +1,9 @@
 import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
-import { u as de, c as A, a as pe, o as ce, e as ve, a9 as me, F as fe, P as he, q as ge, r as be } from "./index-Dt40W2hN.js";
-import { u as H } from "./useNestedProp-CiNTcBth.js";
-import { u as ye } from "./usePrinter-C4Hc_Nbf.js";
+import { u as de, c as A, a as pe, o as ce, e as ve, a9 as me, F as fe, P as he, q as ge, r as be } from "./index-D-ozSgn5.js";
+import { u as H } from "./useNestedProp-xgFDyd-D.js";
+import { u as ye } from "./usePrinter-CyhyubAW.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-D2suYivy.js";
+import { _ as ke } from "./Shape-ClINMlel.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], Fe = {
   key: 0,
@@ -45,7 +45,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       "8f8e7142": ee.value,
       cb3b028c: j.value
     }));
-    const X = oe(() => import("./UserOptions-BAGpDPid.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
+    const X = oe(() => import("./UserOptions-Q4MLYmK1.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     z(() => {
       q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });

package/dist/{vue-ui-table-sparkline-w7bQM7Hk.js → vue-ui-table-sparkline-BJDrPMNM.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as ye } from "./useNestedProp-CiNTcBth.js";
-import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a9 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-Dt40W2hN.js";
-import { u as je } from "./usePrinter-C4Hc_Nbf.js";
+import { u as ye } from "./useNestedProp-xgFDyd-D.js";
+import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a9 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-D-ozSgn5.js";
+import { u as je } from "./usePrinter-CyhyubAW.js";
 import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
 import { v as tt } from "./vClickOutside-C6WiFswA.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -43,7 +43,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     Fe((t) => ({
       "3f28d054": t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-CSDFmjTw.js")), N = J(() => import("./BaseIcon-DEsg88EI.js")), xe = J(() => import("./UserOptions-BAGpDPid.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = J(() => import("./vue-ui-sparkline-BgUGZ1AX.js")), N = J(() => import("./BaseIcon-d5M_8gn6.js")), xe = J(() => import("./UserOptions-Q4MLYmK1.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });

package/dist/{vue-ui-thermometer-DXtr4W_t.js → vue-ui-thermometer-BfTaCEvy.js}

@@ -1,11 +1,11 @@
 import { useCssVars as $e, computed as d, defineAsyncComponent as A, onMounted as Pe, ref as p, watch as Fe, createElementBlock as u, openBlock as l, unref as i, normalizeStyle as oe, normalizeClass as S, createBlock as M, createCommentVNode as c, createSlots as Oe, withCtx as C, renderSlot as f, normalizeProps as U, guardReactiveProps as Y, createVNode as Ie, createElementVNode as v, Fragment as N, renderList as ae, toDisplayString as Ae } from "vue";
-import { u as Se, o as Me, e as le, g as Ue, c as Ye, t as Ne, p as $, a as Te, b as Ve, v as g, d as T, X as qe, s as Le, i as Ee, f as Ge } from "./index-Dt40W2hN.js";
-import { u as re } from "./useNestedProp-CiNTcBth.js";
-import { u as We } from "./usePrinter-C4Hc_Nbf.js";
+import { u as Se, o as Me, e as le, g as Ue, c as Ye, t as Ne, p as $, a as Te, b as Ve, w as g, d as T, X as qe, s as Le, i as Ee, f as Ge } from "./index-D-ozSgn5.js";
+import { u as re } from "./useNestedProp-xgFDyd-D.js";
+import { u as We } from "./usePrinter-CyhyubAW.js";
 import { u as Be } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Re } from "./useChartAccessibility-9icAAmYg.js";
-import je from "./Title-CBSyhlmd.js";
-import ze from "./img-lSctQ4V6.js";
+import je from "./Title-C2MeWc6b.js";
+import ze from "./img-1ZBpWF3A.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const He = ["id"], Xe = {
   key: 1,
@@ -47,7 +47,7 @@ const He = ["id"], Xe = {
       "4d37cb61": pe.value,
       "295a76e4": ge.value
     }));
-    const ue = A(() => import("./PackageVersion-B6kajKgU.js")), ie = A(() => import("./PenAndPaper-en69u8G0.js")), ce = A(() => import("./vue-ui-skeleton-B7-_d7dq.js")), he = A(() => import("./UserOptions-BAGpDPid.js")), { vue_ui_thermometer: de } = Se(), r = P, V = d(() => !!r.dataset && Object.keys(r.dataset).length);
+    const ue = A(() => import("./PackageVersion-QefvdSlr.js")), ie = A(() => import("./PenAndPaper-CeTnED7E.js")), ce = A(() => import("./vue-ui-skeleton-CIU55VVP.js")), he = A(() => import("./UserOptions-Q4MLYmK1.js")), { vue_ui_thermometer: de } = Se(), r = P, V = d(() => !!r.dataset && Object.keys(r.dataset).length);
     Pe(() => {
       B();
     });

package/dist/{vue-ui-timer-DFF2z6Uo.js → vue-ui-timer-yaD9CnrU.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as se, ref as v, shallowRef as K, onMounted as le, computed as F, onBeforeUnmount as oe, watch as re, createElementBlock as r, openBlock as l, normalizeStyle as w, createCommentVNode as d, createElementVNode as M, createBlock as ue, unref as Q, createVNode as T, renderSlot as H, mergeProps as Y, normalizeProps as V, guardReactiveProps as G, toDisplayString as ie } from "vue";
-import { u as ne } from "./useNestedProp-CiNTcBth.js";
-import { u as ce, c as ve, X as de, E as X } from "./index-Dt40W2hN.js";
+import { u as ne } from "./useNestedProp-xgFDyd-D.js";
+import { u as ce, c as ve, X as de, E as X } from "./index-D-ozSgn5.js";
 import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-import we from "./Title-CBSyhlmd.js";
-import R from "./BaseIcon-DEsg88EI.js";
+import we from "./Title-C2MeWc6b.js";
+import R from "./BaseIcon-d5M_8gn6.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class ge {
   constructor(L, E, S, N = !0, A = !0) {
@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: E }) {
-    const S = se(() => import("./PackageVersion-B6kajKgU.js")), { vue_ui_timer: N } = ce(), A = q, g = E, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-QefvdSlr.js")), { vue_ui_timer: N } = ce(), A = q, g = E, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });

package/dist/{vue-ui-tiremarks-a_a4b9HI.js → vue-ui-tiremarks-DZmn0x0x.js}

@@ -1,11 +1,11 @@
-import { defineAsyncComponent as S, computed as d, ref as b, watch as te, onMounted as pe, createElementBlock as c, openBlock as r, unref as s, normalizeStyle as G, normalizeClass as L, createBlock as z, createCommentVNode as f, createSlots as ye, withCtx as x, renderSlot as p, normalizeProps as N, guardReactiveProps as M, createVNode as me, Fragment as ae, renderList as oe, toDisplayString as ke } from "vue";
-import { u as le } from "./useNestedProp-CiNTcBth.js";
-import { u as be, c as Ce, a as _e, v as we, o as $e, e as Oe, w as se, X as Pe, i as xe, f as Ae } from "./index-Dt40W2hN.js";
-import { u as Ie } from "./usePrinter-C4Hc_Nbf.js";
+import { defineAsyncComponent as S, computed as d, ref as b, watch as te, onMounted as pe, createElementBlock as c, openBlock as r, unref as s, normalizeStyle as G, normalizeClass as L, createBlock as z, createCommentVNode as f, createSlots as ye, withCtx as P, renderSlot as p, normalizeProps as N, guardReactiveProps as M, createVNode as me, Fragment as ae, renderList as oe, toDisplayString as ke } from "vue";
+import { u as le } from "./useNestedProp-xgFDyd-D.js";
+import { u as be, c as Ce, a as _e, w as we, o as $e, e as xe, x as se, X as Oe, i as Pe, f as Ae } from "./index-D-ozSgn5.js";
+import { u as Ie } from "./usePrinter-CyhyubAW.js";
 import { u as Fe } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Se } from "./useChartAccessibility-9icAAmYg.js";
-import ze from "./Title-CBSyhlmd.js";
-import Ne from "./img-lSctQ4V6.js";
+import ze from "./Title-C2MeWc6b.js";
+import Ne from "./img-1ZBpWF3A.js";
 import { _ as Me } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Te = ["id"], Ue = {
   key: 2,
@@ -34,7 +34,7 @@ const Te = ["id"], Ue = {
     }
   },
   setup(ne, { expose: re }) {
-    const ue = S(() => import("./PenAndPaper-en69u8G0.js")), ie = S(() => import("./vue-ui-skeleton-B7-_d7dq.js")), ce = S(() => import("./UserOptions-BAGpDPid.js")), ve = S(() => import("./PackageVersion-B6kajKgU.js")), { vue_ui_tiremarks: he } = be(), g = ne, T = d(() => !!g.dataset && Object.keys(g.dataset).length), U = b(Ce()), w = b(null), de = b(null), j = b(0), B = b(0), e = d({
+    const ue = S(() => import("./PenAndPaper-CeTnED7E.js")), ie = S(() => import("./vue-ui-skeleton-CIU55VVP.js")), ce = S(() => import("./UserOptions-Q4MLYmK1.js")), ve = S(() => import("./PackageVersion-QefvdSlr.js")), { vue_ui_tiremarks: he } = be(), g = ne, T = d(() => !!g.dataset && Object.keys(g.dataset).length), U = b(Ce()), w = b(null), de = b(null), j = b(0), B = b(0), e = d({
       get: () => V(),
       set: (t) => t
     }), { userOptionsVisible: R, setUserOptionsVisibility: X, keepUserOptionState: D } = Fe({ config: e.value }), { svgRef: H } = Se({ config: e.value.style.chart.title });
@@ -72,7 +72,7 @@ const Te = ["id"], Ue = {
       o();
     }
     function W() {
-      $e(g.dataset) && Oe({
+      $e(g.dataset) && xe({
         componentName: "VueUiTiremarks",
         type: "dataset"
       }), Q(g.dataset.percentage || 0);
@@ -109,23 +109,23 @@ const Te = ["id"], Ue = {
       for (let a = 0; a < 100; a += 1) {
         const o = e.value.style.chart.layout.ticks.gradient.show ? se(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
         if (_.value) {
-          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (l.value.width - i.value.left - i.value.right) / 100 / 3 : 0, h = i.value.left + 4 + C, y = l.value.width - i.value.right - 4 - C, m = l.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, k = l.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, O = (y - h) / e.value.style.chart.layout.curveAngleX, P = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
+          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (l.value.width - i.value.left - i.value.right) / 100 / 3 : 0, h = i.value.left + 4 + C, y = l.value.width - i.value.right - 4 - C, m = l.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, k = l.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, x = (y - h) / e.value.style.chart.layout.curveAngleX, O = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
             x1: h,
             x2: y,
             y1: m,
             y2: k,
-            curve: `M ${h} ${m} C ${h + O} ${m - P}, ${y - O} ${k - P}, ${y} ${k}`,
+            curve: `M ${h} ${m} C ${h + x} ${m - O}, ${y - x} ${k - O}, ${y} ${k}`,
             color: o
           });
         } else {
-          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (l.value.height - i.value.top - i.value.bottom) / 100 / 3 : 0, h = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, y = h, m = i.value.top + 4 + C, k = l.value.height - i.value.bottom - 4 - C, O = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), P = (k - m) / e.value.style.chart.layout.curveAngleX;
+          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (l.value.height - i.value.top - i.value.bottom) / 100 / 3 : 0, h = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, y = h, m = i.value.top + 4 + C, k = l.value.height - i.value.bottom - 4 - C, x = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), O = (k - m) / e.value.style.chart.layout.curveAngleX;
           t.push({
             x1: h,
             x2: y,
             y1: m,
             y2: k,
-            curve: `M ${h} ${m} C ${h + O} ${m + P}, ${y + O} ${k - P}, ${y} ${k}`,
+            curve: `M ${h} ${m} C ${h + x} ${m + O}, ${y + x} ${k - O}, ${y} ${k}`,
             color: o
           });
         }
@@ -237,35 +237,35 @@ const Te = ["id"], Ue = {
       }, ye({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: x(({ isOpen: a, color: o }) => [
+          fn: P(({ isOpen: a, color: o }) => [
             p(t.$slots, "menuIcon", N(M({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: x(() => [
+          fn: P(() => [
             p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: x(() => [
+          fn: P(() => [
             p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: x(({ toggleFullscreen: a, isFullscreen: o }) => [
+          fn: P(({ toggleFullscreen: a, isFullscreen: o }) => [
             p(t.$slots, "optionFullscreen", N(M({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: x(({ toggleAnnotator: a, isAnnotator: o }) => [
+          fn: P(({ toggleAnnotator: a, isAnnotator: o }) => [
             p(t.$slots, "optionAnnotator", N(M({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "4"
@@ -275,7 +275,7 @@ const Te = ["id"], Ue = {
         key: 4,
         ref_key: "svgRef",
         ref: H,
-        xmlns: s(Pe),
+        xmlns: s(Oe),
         class: L({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         viewBox: `0 0 ${l.value.width} ${l.value.height}`,
         style: G(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
@@ -321,7 +321,7 @@ const Te = ["id"], Ue = {
           fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? s(se)(e.value.style.chart.layout.activeColor, u.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
           "font-weight": $.value.bold ? "bold" : "normal",
           "text-anchor": $.value.textAnchor
-        }, ke(s(xe)(
+        }, ke(s(Pe)(
           e.value.style.chart.percentage.formatter,
           u.value,
           s(Ae)({

package/dist/{vue-ui-treemap-DLbstU3H.js → vue-ui-treemap-cLoY4lkA.js}

@@ -1,14 +1,14 @@
 import { defineAsyncComponent as J, useSlots as Ot, onMounted as st, computed as b, ref as $, shallowRef as B, watch as _t, onBeforeUnmount as St, createElementBlock as y, openBlock as h, unref as d, normalizeStyle as L, normalizeClass as $e, createBlock as Q, createCommentVNode as _, createElementVNode as S, createVNode as xe, createSlots as It, withCtx as O, renderSlot as w, normalizeProps as ee, guardReactiveProps as te, Fragment as ge, renderList as Te, withKeys as ut, withModifiers as Oe, mergeProps as rt, createTextVNode as _e, toDisplayString as X, nextTick as Ft } from "vue";
-import { u as Nt, c as Se, t as Pt, p as I, a as zt, b as At, o as Rt, e as Vt, d as ye, i as me, f as ie, X as Lt, l as it, F as ct, x as dt, q as Mt, r as Dt, y as Bt } from "./index-Dt40W2hN.js";
+import { u as zt, c as Se, t as Nt, p as I, a as Pt, b as At, o as Rt, e as Vt, d as ye, i as me, f as ie, X as Lt, l as it, F as ct, y as dt, q as Mt, r as Dt, z as Bt } from "./index-D-ozSgn5.js";
 import { t as Ht, u as Ut } from "./useResponsive-DfdjqQps.js";
-import { u as vt } from "./useNestedProp-CiNTcBth.js";
-import { u as Et } from "./usePrinter-C4Hc_Nbf.js";
+import { u as vt } from "./useNestedProp-xgFDyd-D.js";
+import { u as Et } from "./usePrinter-CyhyubAW.js";
 import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as qt } from "./useChartAccessibility-9icAAmYg.js";
-import Gt from "./BaseIcon-DEsg88EI.js";
-import Xt from "./Title-CBSyhlmd.js";
-import jt from "./Legend-C7zp8-t4.js";
-import Yt from "./img-lSctQ4V6.js";
+import Gt from "./BaseIcon-d5M_8gn6.js";
+import Xt from "./Title-C2MeWc6b.js";
+import jt from "./Legend-BY-3lPeC.js";
+import Yt from "./img-1ZBpWF3A.js";
 import { _ as Kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function ht(n, r) {
   const s = n.length;
@@ -67,28 +67,28 @@ function el(n) {
 }
 function ft(n, r) {
   const { width: s, height: i, xOffset: u, yOffset: v } = Ie(r), c = n.length, g = n.map((m) => m.normalizedValue || 0).reduce((m, x) => m + x, 0), p = g / i, H = g / s;
-  let P = u, k = v;
+  let N = u, k = v;
   const C = [];
   if (s >= i) {
     for (let m = 0; m < c; m += 1) {
-      const x = n[m], M = k + x.normalizedValue / p, z = {
-        x0: P,
+      const x = n[m], M = k + x.normalizedValue / p, P = {
+        x0: N,
         y0: k,
-        x1: P + p,
+        x1: N + p,
         y1: M
-      }, N = Object.assign({}, x, z);
-      k = M, C.push(N);
+      }, z = Object.assign({}, x, P);
+      k = M, C.push(z);
     }
     return C;
   } else {
     for (let m = 0; m < c; m += 1) {
-      const x = n[m], M = P + x.normalizedValue / H, z = {
-        x0: P,
+      const x = n[m], M = N + x.normalizedValue / H, P = {
+        x0: N,
         y0: k,
         x1: M,
         y1: k + H
-      }, N = Object.assign({}, x, z);
-      P = M, C.push(N);
+      }, z = Object.assign({}, x, P);
+      N = M, C.push(z);
     }
     return C;
   }
@@ -123,17 +123,17 @@ function ol(n, r, s, i) {
       const C = ft(v, c);
       return g.concat(C);
     }
-    const H = tl(c), P = u[0], k = u.slice(1, p);
-    if (Zt(v, P, H)) {
-      const C = v.concat(P);
+    const H = tl(c), N = u[0], k = u.slice(1, p);
+    if (Zt(v, N, H)) {
+      const C = v.concat(N);
       u = k, v = C, c = c, g = g;
     } else {
       const C = v.length;
       let m = 0;
-      for (let N = 0; N < C; N += 1)
-        m += v[N].normalizedValue;
-      const x = al(c, m), M = ft(v, c), z = g.concat(M);
-      u = u, v = [], c = x, g = z;
+      for (let z = 0; z < C; z += 1)
+        m += v[z].normalizedValue;
+      const x = al(c, m), M = ft(v, c), P = g.concat(M);
+      u = u, v = [], c = x, g = P;
     }
   }
 }
@@ -204,32 +204,32 @@ const nl = ["id"], sl = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = J(() => import("./DataTable-DY-e2LXS.js")), u = J(() => import("./PenAndPaper-en69u8G0.js")), v = J(() => import("./vue-ui-accordion-BrdvtjzQ.js")), c = J(() => import("./vue-ui-skeleton-B7-_d7dq.js")), g = J(() => import("./Tooltip-Dis_Iqvl.js")), p = J(() => import("./UserOptions-BAGpDPid.js")), H = J(() => import("./PackageVersion-B6kajKgU.js")), { vue_ui_treemap: P } = Nt(), k = n, C = s, m = Ot();
+    const i = J(() => import("./DataTable-CyFoVhAB.js")), u = J(() => import("./PenAndPaper-CeTnED7E.js")), v = J(() => import("./vue-ui-accordion-CzcfvDc6.js")), c = J(() => import("./vue-ui-skeleton-CIU55VVP.js")), g = J(() => import("./Tooltip-CyC0lofV.js")), p = J(() => import("./UserOptions-Q4MLYmK1.js")), H = J(() => import("./PackageVersion-QefvdSlr.js")), { vue_ui_treemap: N } = zt(), k = n, C = s, m = Ot();
     st(() => {
       m["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
-    const x = b(() => !!k.dataset && k.dataset.length), M = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), z = $(Se()), N = $(!1), be = $(""), le = $(!1), Fe = $(0), A = $([]), U = B(null), Ne = B(null), Pe = B(null), ze = B(null), Ae = B(null), Re = $(0), Ve = $(0), Le = $(0), e = b({
+    const x = b(() => !!k.dataset && k.dataset.length), M = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), P = $(Se()), z = $(!1), be = $(""), le = $(!1), Fe = $(0), A = $([]), U = B(null), ze = B(null), Ne = B(null), Pe = B(null), Ae = B(null), Re = $(0), Ve = $(0), Le = $(0), e = b({
       get: () => He(),
       set: (t) => t
     }), { userOptionsVisible: we, setUserOptionsVisibility: Me, keepUserOptionState: De } = Wt({ config: e.value }), { svgRef: Be } = qt({ config: e.value.style.chart.title });
     function He() {
       const t = vt({
         userConfig: k.config,
-        defaultConfig: P
+        defaultConfig: N
       });
       return t.theme ? {
         ...vt({
-          userConfig: zt.vue_ui_treemap[t.theme] || k.config,
+          userConfig: Pt.vue_ui_treemap[t.theme] || k.config,
           defaultConfig: t
         }),
-        customPalette: Pt[t.theme] || I
+        customPalette: Nt[t.theme] || I
       } : t;
     }
     _t(() => k.config, (t) => {
       e.value = He(), we.value = !e.value.userOptions.showOnChartHover, Re.value += 1, Ve.value += 1, Le.value += 1, R.value.showTable = e.value.table.show, R.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: Ue, isImaging: Ee, generatePdf: We, generateImage: qe } = Et({
-      elementId: `treemap_${z.value}`,
+      elementId: `treemap_${P.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-treemap",
       options: e.value.userOptions.print
     }), yt = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), ce = b(() => At(e.value.customPalette)), R = $({
@@ -267,9 +267,9 @@ const nl = ["id"], sl = {
         const t = Ht(() => {
           const { width: o, height: l } = Ut({
             chart: U.value,
-            title: e.value.style.chart.title.text ? Ne.value : null,
-            legend: e.value.style.chart.legend.show ? Pe.value : null,
-            source: ze.value,
+            title: e.value.style.chart.title.text ? ze.value : null,
+            legend: e.value.style.chart.legend.show ? Ne.value : null,
+            source: Pe.value,
             noTitle: Ae.value
           });
           requestAnimationFrame(() => {
@@ -451,7 +451,7 @@ const nl = ["id"], sl = {
           { datapoint: t, seriesIndex: o }
         )}</b>`, be.value = `<div>${a}</div>`;
       }
-      N.value = !0;
+      z.value = !0;
     }
     const D = b(() => {
       const t = re.value.map((l) => ({
@@ -567,7 +567,7 @@ const nl = ["id"], sl = {
       ref: U,
       class: $e(`vue-ui-treemap ${le.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: L(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: `treemap_${z.value}`,
+      id: `treemap_${P.value}`,
       onMouseenter: o[3] || (o[3] = () => d(Me)(!0)),
       onMouseleave: o[4] || (o[4] = () => d(Me)(!1))
     }, [
@@ -589,7 +589,7 @@ const nl = ["id"], sl = {
       e.value.style.chart.title.text ? (h(), y("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Ne,
+        ref: ze,
         style: L(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:6px`)
       }, [
         (h(), Q(Xt, {
@@ -613,7 +613,7 @@ const nl = ["id"], sl = {
         color: e.value.style.chart.color,
         isPrinting: d(Ue),
         isImaging: d(Ee),
-        uid: z.value,
+        uid: P.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -786,7 +786,7 @@ const nl = ["id"], sl = {
               seriesIndex: a
             }),
             onMouseleave: o[0] || (o[0] = (f) => {
-              V.value = null, N.value = !1;
+              V.value = null, z.value = !1;
             }),
             style: L(`opacity:${V.value ? V.value.id === l.id ? 1 : e.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: $e([
@@ -854,13 +854,13 @@ const nl = ["id"], sl = {
       }, null, 8, ["config"])),
       S("div", {
         ref_key: "chartLegend",
-        ref: Pe
+        ref: Ne
       }, [
         e.value.style.chart.legend.show ? (h(), Q(jt, {
           key: `legend_${Le.value}`,
           legendSet: Qe.value,
           config: kt.value,
-          id: `treemap_legend_${z.value}`,
+          id: `treemap_legend_${P.value}`,
           onClickMarker: o[1] || (o[1] = ({ legend: l }) => et(l))
         }, {
           item: O(({ legend: l, index: a }) => [
@@ -888,13 +888,13 @@ const nl = ["id"], sl = {
       t.$slots.source ? (h(), y("div", {
         key: 8,
         ref_key: "source",
-        ref: ze,
+        ref: Pe,
         dir: "auto"
       }, [
         w(t.$slots, "source", {}, void 0, !0)
       ], 512)) : _("", !0),
       xe(d(g), {
-        show: R.value.showTooltip && N.value,
+        show: R.value.showTooltip && z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,

package/dist/{vue-ui-vertical-bar-B7NnA0GU.js → vue-ui-vertical-bar-CptPUybG.js}

@@ -1,15 +1,15 @@
 import { useCssVars as Mt, defineAsyncComponent as le, useSlots as Bt, computed as b, ref as i, toRefs as Rt, watch as nt, shallowRef as ut, onMounted as Te, nextTick as ve, onBeforeUnmount as Et, createElementBlock as v, openBlock as u, unref as s, normalizeStyle as h, normalizeClass as D, createBlock as X, createCommentVNode as y, renderSlot as x, createVNode as oe, createSlots as Se, withCtx as w, normalizeProps as Y, guardReactiveProps as K, createElementVNode as n, toDisplayString as p, Fragment as J, renderList as Q, mergeProps as Dt, withKeys as Xt, createTextVNode as Ut } from "vue";
-import { u as Gt, c as Wt, A as Ht, t as jt, p as U, a as qt, C as Le, b as Yt, v as L, o as Pe, e as ne, d as Ne, i as de, f as G, X as Kt, s as Ae, w as Jt, q as Qt, r as Zt, x as ea, y as ta } from "./index-Dt40W2hN.js";
+import { u as Gt, c as Wt, v as Ht, t as jt, p as U, a as qt, C as Le, b as Yt, w as L, o as Pe, e as ne, d as Ne, i as de, f as G, X as Kt, s as Ae, x as Jt, q as Qt, r as Zt, y as ea, z as ta } from "./index-D-ozSgn5.js";
 import { t as aa, u as la } from "./useResponsive-DfdjqQps.js";
-import { u as st } from "./useNestedProp-CiNTcBth.js";
-import { u as oa } from "./usePrinter-C4Hc_Nbf.js";
+import { u as st } from "./useNestedProp-xgFDyd-D.js";
+import { u as oa } from "./usePrinter-CyhyubAW.js";
 import { u as na } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ua } from "./useChartAccessibility-9icAAmYg.js";
-import sa from "./vue-ui-accordion-BrdvtjzQ.js";
-import rt from "./Legend-C7zp8-t4.js";
-import ra from "./Title-CBSyhlmd.js";
-import { _ as it } from "./Shape-D2suYivy.js";
-import ia from "./img-lSctQ4V6.js";
+import sa from "./vue-ui-accordion-CzcfvDc6.js";
+import rt from "./Legend-BY-3lPeC.js";
+import ra from "./Title-C2MeWc6b.js";
+import { _ as it } from "./Shape-ClINMlel.js";
+import ia from "./img-1ZBpWF3A.js";
 import { u as va, B as da } from "./BaseScanner-DIK2NTdp.js";
 import { _ as ca } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ha = ["id"], pa = ["onClick"], fa = ["xmlns", "viewBox"], ya = ["x", "width", "height"], ga = ["id"], ba = ["stop-color"], ma = ["stop-color"], ka = { key: 1 }, xa = ["x", "y", "width", "height", "fill", "rx"], _a = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], wa = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], $a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ta = { class: "vue-ui-horizontal-bar-child-label" }, Sa = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], La = ["x", "y", "font-size", "fill", "font-weight"], Pa = { class: "vue-ui-horizontal-bar-parent-label" }, Na = ["x", "y", "font-size", "fill", "font-weight"], Aa = ["x", "y", "font-size", "fill", "font-weight"], za = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Va = {
@@ -36,7 +36,7 @@ const ha = ["id"], pa = ["onClick"], fa = ["xmlns", "viewBox"], ya = ["x", "widt
     Mt((t) => ({
       "7f2de844": t.tdo
     }));
-    const ht = le(() => import("./BaseIcon-DEsg88EI.js")), pt = le(() => import("./PackageVersion-B6kajKgU.js")), ft = le(() => import("./PenAndPaper-en69u8G0.js")), yt = le(() => import("./Tooltip-Dis_Iqvl.js")), gt = le(() => import("./UserOptions-BAGpDPid.js")), { vue_ui_vertical_bar: bt } = Gt(), mt = Bt(), g = vt, ce = b({
+    const ht = le(() => import("./BaseIcon-d5M_8gn6.js")), pt = le(() => import("./PackageVersion-QefvdSlr.js")), ft = le(() => import("./PenAndPaper-CeTnED7E.js")), yt = le(() => import("./Tooltip-CyC0lofV.js")), gt = le(() => import("./UserOptions-Q4MLYmK1.js")), { vue_ui_vertical_bar: bt } = Gt(), mt = Bt(), g = vt, ce = b({
       get() {
         return !!g.dataset && g.dataset.length;
       },