vue-data-ui 2.15.4 → 2.15.5

package/dist/{vue-ui-galaxy-Aremt6Os.js → vue-ui-galaxy-BWaie_o-.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as k, computed as h, onMounted as He, ref as n, watch as Re, createElementBlock as i, openBlock as r, unref as a, normalizeStyle as V, normalizeClass as E, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as ve, createSlots as Ue, withCtx as d, normalizeProps as _, guardReactiveProps as O, createElementVNode as P, Fragment as de, renderList as he, createTextVNode as pe, toDisplayString as M, nextTick as Xe } from "vue";
-import { u as je, o as Ye, e as ye, g as qe, c as ge, t as Je, p as B, a as Ke, b as Qe, H as fe, d as Ze, M as et, f as w, X as tt, i as be, x as me, q as lt, r as ot, y as at } from "./index-k9FPl_-D.js";
-import { u as ke } from "./useNestedProp-upzRxZOw.js";
-import { u as st } from "./usePrinter-CARdq6Fz.js";
+import { defineAsyncComponent as k, computed as h, onMounted as Re, ref as n, watch as Ue, createElementBlock as i, openBlock as r, unref as a, normalizeStyle as V, normalizeClass as E, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as ve, createSlots as He, withCtx as d, normalizeProps as _, guardReactiveProps as O, createElementVNode as P, Fragment as de, renderList as he, createTextVNode as pe, toDisplayString as M, nextTick as Xe } from "vue";
+import { u as je, o as Ye, e as ye, g as qe, c as ge, t as Je, p as G, a as Ke, b as Qe, G as fe, d as Ze, M as et, f as w, X as tt, i as be, x as me, q as lt, r as ot, y as at } from "./index-CBhz79Be.js";
+import { u as ke } from "./useNestedProp-Cg9K3ISG.js";
+import { u as st } from "./usePrinter-DNC_9y1d.js";
 import { u as rt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ut } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -38,8 +38,8 @@ const it = ["id"], ct = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Ce, { expose: we, emit: $e }) {
-    const xe = k(() => import("./vue-ui-accordion-ATCD6-Tg.js")), Te = k(() => import("./DataTable-IKRxrKEU.js")), _e = k(() => import("./Legend-DC-fDruC.js")), Oe = k(() => import("./PackageVersion-CQFOMkQe.js")), Pe = k(() => import("./PenAndPaper-DFjucqRK.js")), Se = k(() => import("./vue-ui-skeleton-Bd_C0wSv.js")), Ne = k(() => import("./Title-CIt92-DI.js")), Le = k(() => import("./Tooltip-1FFfLKkv.js")), Ie = k(() => import("./UserOptions-ChEMQwwM.js")), { vue_ui_galaxy: Ae } = je(), f = Ce, I = h(() => !!f.dataset && f.dataset.length);
-    He(() => {
+    const xe = k(() => import("./vue-ui-accordion-BWiiOpGO.js")), Te = k(() => import("./DataTable-CLeYfh93.js")), _e = k(() => import("./Legend-B949nNP9.js")), Oe = k(() => import("./PackageVersion-Djh3oJFs.js")), Pe = k(() => import("./PenAndPaper-BlF1d4XE.js")), Se = k(() => import("./vue-ui-skeleton-Dnw_Mcqb.js")), Ne = k(() => import("./Title-CPvPrwF4.js")), Le = k(() => import("./Tooltip-BiWfcBQk.js")), Ie = k(() => import("./UserOptions-CFllUVQ4.js")), { vue_ui_galaxy: Ae } = je(), f = Ce, I = h(() => !!f.dataset && f.dataset.length);
+    Re(() => {
       X();
     });
     function X() {
@@ -60,7 +60,7 @@ const it = ["id"], ct = {
         });
       });
     }
-    const S = n(ge()), D = n(null), Fe = n(null), G = n(!1), z = n(""), b = n(null), j = n(0), Y = n(0), q = n(0), J = n(0), e = h({
+    const S = n(ge()), B = n(null), Fe = n(null), D = n(!1), z = n(""), b = n(null), j = n(0), Y = n(0), q = n(0), J = n(0), e = h({
       get: () => ee(),
       set: (t) => t
     }), { userOptionsVisible: W, setUserOptionsVisibility: K, keepUserOptionState: Q } = rt({ config: e.value }), { svgRef: Z } = ut({ config: e.value.style.chart.title });
@@ -74,10 +74,10 @@ const it = ["id"], ct = {
           userConfig: Ke.vue_ui_galaxy[t.theme] || f.config,
           defaultConfig: t
         }),
-        customPalette: Je[t.theme] || B
+        customPalette: Je[t.theme] || G
       } : t;
     }
-    Re(() => f.config, (t) => {
+    Ue(() => f.config, (t) => {
       e.value = ee(), W.value = !e.value.userOptions.showOnChartHover, X(), Y.value += 1, q.value += 1, J.value += 1, p.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: te, isImaging: le, generatePdf: oe, generateImage: ae } = st({
@@ -95,7 +95,7 @@ const it = ["id"], ct = {
       // or 250 if non fibo
       width: 250
     }), se = $e, y = n([]);
-    function H(t) {
+    function R(t) {
       y.value.includes(t.id) ? y.value = y.value.filter((o) => o !== t.id) : y.value.push(t.id), se("selectLegend", L.value.map((o) => ({
         name: o.name,
         color: o.color,
@@ -104,7 +104,7 @@ const it = ["id"], ct = {
     }
     const $ = h(() => f.dataset.map((t, o) => ({
       name: t.name,
-      color: Ze(t.color) || Ee.value[o] || B[o] || B[o % B.length],
+      color: Ze(t.color) || Ee.value[o] || G[o] || G[o % G.length],
       value: t.values ? fe(t.values).reduce((l, s) => l + s, 0) : 0,
       absoluteValues: fe(t.values),
       id: ge(),
@@ -117,11 +117,11 @@ const it = ["id"], ct = {
         value: t.value
       }));
     }
-    const m = h(() => $.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, o) => t + o, 0)), Be = n(190), re = h(() => $.value.filter((t) => !y.value.includes(t.id))), L = h(() => {
+    const m = h(() => $.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, o) => t + o, 0)), Ge = n(190), re = h(() => $.value.filter((t) => !y.value.includes(t.id))), L = h(() => {
       const t = [];
       for (let o = 0; o < re.value.length; o += 1) {
         const l = re.value[o];
-        let s = l.value / m.value * Be.value;
+        let s = l.value / m.value * Ge.value;
         o > 0 && t.length && (s += t[o - 1].points), t.push({
           points: s,
           ...l,
@@ -136,17 +136,17 @@ const it = ["id"], ct = {
       }
       return t.filter((o, l) => !y.value.includes(o.id)).toSorted((o, l) => l.points - o.points);
     }), T = n(!1);
-    function De(t) {
+    function Be(t) {
       T.value = t, j.value += 1;
     }
-    const R = n(null);
-    function Ge({ datapoint: t, _relativeIndex: o, seriesIndex: l, show: s = !1 }) {
-      R.value = {
+    const U = n(null);
+    function De({ datapoint: t, _relativeIndex: o, seriesIndex: l, show: s = !1 }) {
+      U.value = {
         datapoint: t,
         seriesIndex: l,
         series: $.value,
         config: e.value
-      }, G.value = s, b.value = t.id;
+      }, D.value = s, b.value = t.id;
       let u = "";
       const g = e.value.style.chart.tooltip.customFormat;
       me(g) && at(() => g({
@@ -184,7 +184,7 @@ const it = ["id"], ct = {
       proportion: (t.value || 0) / f.dataset.map((l) => (l.values || []).reduce((s, u) => s + u, 0)).reduce((l, s) => l + s, 0),
       opacity: y.value.includes(t.id) ? 0.5 : 1,
       shape: t.shape || "circle",
-      segregate: () => H(t),
+      segregate: () => R(t),
       isSegregated: y.value.includes(t.id)
     }))), ze = h(() => ({
       cy: "galaxy-div-legend",
@@ -258,7 +258,7 @@ const it = ["id"], ct = {
       p.value.showTooltip = !p.value.showTooltip;
     }
     const F = n(!1);
-    function U() {
+    function H() {
       F.value = !F.value;
     }
     return we({
@@ -268,10 +268,10 @@ const it = ["id"], ct = {
       generateImage: ae,
       toggleTable: ie,
       toggleTooltip: ce,
-      toggleAnnotator: U
+      toggleAnnotator: H
     }), (t, o) => (r(), i("div", {
       ref_key: "galaxyChart",
-      ref: D,
+      ref: B,
       class: E(`vue-ui-galaxy ${T.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: V(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
       id: `galaxy_${S.value}`,
@@ -284,7 +284,7 @@ const it = ["id"], ct = {
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: F.value,
-        onClose: U
+        onClose: H
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
       Ve.value ? (r(), i("div", ct, null, 512)) : c("", !0),
       e.value.style.chart.title.text ? (r(), i("div", vt, [
@@ -320,22 +320,22 @@ const it = ["id"], ct = {
         isTooltip: p.value.showTooltip,
         isFullscreen: T.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: D.value,
+        chartElement: B.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: F.value,
         callbacks: e.value.userOptions.callbacks,
-        onToggleFullscreen: De,
+        onToggleFullscreen: Be,
         onGeneratePdf: a(oe),
         onGenerateCsv: ne,
         onGenerateImage: a(ae),
         onToggleTable: ie,
         onToggleTooltip: ce,
-        onToggleAnnotator: U,
+        onToggleAnnotator: H,
         style: V({
           visibility: a(Q) ? a(W) ? "visible" : "hidden" : "visible"
         })
-      }, Ue({ _: 2 }, [
+      }, He({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: d(({ isOpen: l, color: s }) => [
@@ -469,13 +469,13 @@ const it = ["id"], ct = {
             stroke: "transparent",
             "stroke-width": e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth,
             "stroke-linecap": "round",
-            onMouseenter: (u) => Ge({
+            onMouseenter: (u) => De({
               datapoint: l,
               seriesIndex: l.seriesIndex,
               show: !0
             }),
             onMouseleave: o[0] || (o[0] = (u) => {
-              G.value = !1, b.value = null;
+              D.value = !1, b.value = null;
             }),
             onClick: (u) => se("selectDatapoint", l)
           }, null, 40, kt)) : c("", !0)
@@ -501,11 +501,11 @@ const it = ["id"], ct = {
         key: `legend_${J.value}`,
         legendSet: ue.value,
         config: ze.value,
-        onClickMarker: o[1] || (o[1] = ({ legend: l }) => H(l))
+        onClickMarker: o[1] || (o[1] = ({ legend: l }) => R(l))
       }, {
         item: d(({ legend: l, index: s }) => [
           P("div", {
-            onClick: (u) => H(l),
+            onClick: (u) => R(l),
             style: V(`opacity:${y.value.includes(l.id) ? 0.5 : 1}`)
           }, [
             pe(M(l.name) + ": " + M(a(be)(
@@ -533,7 +533,7 @@ const it = ["id"], ct = {
         v(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
       ve(a(Le), {
-        show: p.value.showTooltip && G.value,
+        show: p.value.showTooltip && D.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -543,16 +543,16 @@ const it = ["id"], ct = {
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: D.value,
+        parent: B.value,
         content: z.value,
         isFullscreen: T.value,
         isCustom: a(me)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": d(() => [
-          v(t.$slots, "tooltip-before", _(O({ ...R.value })), void 0, !0)
+          v(t.$slots, "tooltip-before", _(O({ ...U.value })), void 0, !0)
         ]),
         "tooltip-after": d(() => [
-          v(t.$slots, "tooltip-after", _(O({ ...R.value })), void 0, !0)
+          v(t.$slots, "tooltip-after", _(O({ ...U.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),

package/dist/{vue-ui-gauge-CRt_-O7S.js → vue-ui-gauge-D71TDx5z.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as E, computed as y, ref as p, watch as ke, shallowRef as be, onMounted as De, onBeforeUnmount as Be, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as q, normalizeClass as _e, createBlock as W, createCommentVNode as c, createElementVNode as m, withCtx as X, toDisplayString as M, createSlots as Ve, renderSlot as x, normalizeProps as j, guardReactiveProps as T, createVNode as qe, Fragment as g, renderList as S, mergeProps as Y } from "vue";
-import { u as He, c as Ze, t as Je, p as xe, a as Ke, b as Qe, o as we, d as et, e as U, g as Se, m as H, N as F, O as tt, X as at, s as Z, n as lt, i as J, f as K, F as Q } from "./index-k9FPl_-D.js";
+import { defineAsyncComponent as G, computed as y, ref as p, watch as ke, shallowRef as be, onMounted as De, onBeforeUnmount as Be, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as q, normalizeClass as _e, createBlock as W, createCommentVNode as c, createElementVNode as m, withCtx as X, toDisplayString as M, createSlots as Ve, renderSlot as x, normalizeProps as j, guardReactiveProps as T, createVNode as qe, Fragment as g, renderList as S, mergeProps as Y } from "vue";
+import { u as He, c as Ze, t as Je, p as xe, a as Ke, b as Qe, o as we, d as et, e as U, g as Se, m as H, N as F, O as tt, X as at, s as Z, n as lt, i as J, f as K, E as Q } from "./index-CBhz79Be.js";
 import { t as rt, u as st } from "./useResponsive-DfdjqQps.js";
-import { u as $e } from "./useNestedProp-upzRxZOw.js";
-import { u as ot } from "./usePrinter-CARdq6Fz.js";
+import { u as $e } from "./useNestedProp-Cg9K3ISG.js";
+import { u as ot } from "./usePrinter-DNC_9y1d.js";
 import { u as ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as nt } from "./useChartAccessibility-9icAAmYg.js";
-import it from "./Title-CIt92-DI.js";
+import it from "./Title-CPvPrwF4.js";
 import { _ as ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "height"], ft = ["id"], pt = ["stop-color"], mt = ["stop-color"], gt = ["stop-color"], kt = ["id"], bt = ["stdDeviation"], _t = { key: 1 }, xt = ["d", "fill", "stroke"], wt = ["d", "fill", "stroke"], St = ["d", "fill"], $t = ["id", "d"], zt = ["fill", "font-size", "font-weight"], Ft = ["href", "startOffset"], Ct = ["x", "y", "text-anchor", "fill", "font-size", "font-weight"], Ot = ["d", "filter"], Mt = ["stroke", "stroke-width"], Pt = ["stroke", "stroke-width"], Nt = ["stroke", "stroke-width"], Xt = ["stroke", "stroke-width"], It = { key: 8 }, Yt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], At = ["x", "y", "font-size", "font-weight", "fill"], Rt = { key: 0 }, Gt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Et = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Wt = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], jt = { key: 1 }, Tt = ["d", "fill", "stroke", "stroke-width"], Ut = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], Lt = ["x", "y", "font-size", "fill"], Dt = {
+const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "height"], ft = ["id"], pt = ["stop-color"], mt = ["stop-color"], gt = ["stop-color"], kt = ["id"], bt = ["stdDeviation"], _t = { key: 1 }, xt = ["d", "fill", "stroke"], wt = ["d", "fill", "stroke"], St = ["d", "fill"], $t = ["id", "d"], zt = ["fill", "font-size", "font-weight"], Ft = ["href", "startOffset"], Ct = ["x", "y", "text-anchor", "fill", "font-size", "font-weight"], Ot = ["d", "filter"], Mt = ["stroke", "stroke-width"], Pt = ["stroke", "stroke-width"], Nt = ["stroke", "stroke-width"], Xt = ["stroke", "stroke-width"], It = { key: 8 }, Yt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], At = ["x", "y", "font-size", "font-weight", "fill"], Rt = { key: 0 }, Et = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Gt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Wt = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], jt = { key: 1 }, Tt = ["d", "fill", "stroke", "stroke-width"], Ut = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], Lt = ["x", "y", "font-size", "fill"], Dt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Bt = {
@@ -27,7 +27,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
     }
   },
   setup(L, { expose: ze }) {
-    const Fe = E(() => import("./PenAndPaper-DFjucqRK.js")), Ce = E(() => import("./vue-ui-skeleton-Bd_C0wSv.js")), Oe = E(() => import("./UserOptions-ChEMQwwM.js")), Me = E(() => import("./PackageVersion-CQFOMkQe.js")), { vue_ui_gauge: Pe } = He(), d = L, A = y(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), b = p(Ze()), Ne = p(null), ee = p(0), R = p(null), te = p(null), ae = p(null), le = p(null), re = p(null), se = p(0), e = y({
+    const Fe = G(() => import("./PenAndPaper-BlF1d4XE.js")), Ce = G(() => import("./vue-ui-skeleton-Dnw_Mcqb.js")), Oe = G(() => import("./UserOptions-CFllUVQ4.js")), Me = G(() => import("./PackageVersion-Djh3oJFs.js")), { vue_ui_gauge: Pe } = He(), d = L, A = y(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), b = p(Ze()), Ne = p(null), ee = p(0), R = p(null), te = p(null), ae = p(null), le = p(null), re = p(null), se = p(0), e = y({
       get: () => ie(),
       set: (t) => t
     }), { userOptionsVisible: D, setUserOptionsVisibility: oe, keepUserOptionState: ue } = ut({ config: e.value }), { svgRef: ne } = nt({ config: e.value.style.chart.title });
@@ -266,7 +266,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
       let r = 0;
       return t.map((_) => (r += _, `${r / 100 * a - _ / 4}%`));
     }
-    const Re = y(() => Ae(h.value.map((t) => t.proportion * 100))), Ge = y(() => H(
+    const Re = y(() => Ae(h.value.map((t) => t.proportion * 100))), Ee = y(() => H(
       { series: C.value.series },
       l.value.width / 2,
       v.value.base,
@@ -278,7 +278,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
       180,
       110.02,
       2 * l.value.trackSize
-    )), Ee = y(() => {
+    )), Ge = y(() => {
       const t = $.value >= 0 ? -$.value : Math.abs($.value);
       return tt(
         {
@@ -292,9 +292,9 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
     function We(t) {
       I.value = t, ee.value += 1;
     }
-    const G = p(!1);
+    const E = p(!1);
     function V() {
-      G.value = !G.value;
+      E.value = !E.value;
     }
     return ze({
       generatePdf: de,
@@ -314,7 +314,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
         svgRef: n(ne),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: G.value,
+        active: E.value,
         onClose: V
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
       Xe.value ? (s(), u("div", {
@@ -368,7 +368,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
         callbacks: e.value.userOptions.callbacks,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: G.value,
+        isAnnotation: E.value,
         onToggleFullscreen: We,
         onGeneratePdf: n(de),
         onGenerateImage: n(he),
@@ -493,7 +493,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
         }, null, 8, wt))), 128)) : c("", !0),
         e.value.style.chart.layout.indicatorArc.show ? (s(), u("path", {
           key: 3,
-          d: Ee.value,
+          d: Ge.value,
           fill: e.value.style.chart.layout.indicatorArc.fill
         }, null, 8, St)) : c("", !0),
         e.value.style.chart.layout.segmentNames.show && e.value.style.chart.layout.segmentNames.curved ? (s(), u(g, { key: 4 }, [
@@ -522,7 +522,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
           "font-size": l.value.segmentFontSize,
           "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal"
         }, M(a.name || ""), 9, Ct))), 256)) : c("", !0),
-        e.value.style.chart.layout.track.useGradient ? (s(!0), u(g, { key: 6 }, S(Ge.value, (a, r) => (s(), u("path", {
+        e.value.style.chart.layout.track.useGradient ? (s(!0), u(g, { key: 6 }, S(Ee.value, (a, r) => (s(), u("path", {
           key: `arc_${r}`,
           d: a.arcSlice,
           fill: "#FFFFFF",
@@ -624,7 +624,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
               stroke: e.value.style.chart.layout.pointer.stroke,
               "stroke-width": l.value.pointerStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Gt)),
+            }, null, 8, Et)),
             isNaN(i.value.x2) ? c("", !0) : (s(), u("line", {
               key: 1,
               x1: i.value.x1,
@@ -634,7 +634,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
               stroke: e.value.style.chart.layout.pointer.useRatingColor ? B.value : e.value.style.chart.layout.pointer.color,
               "stroke-linecap": "round",
               "stroke-width": l.value.pointerStrokeWidth * 0.7
-            }, null, 8, Et)),
+            }, null, 8, Gt)),
             !isNaN(i.value.x2) && e.value.style.chart.layout.track.useGradient ? (s(), u("line", {
               key: 2,
               x1: i.value.x1,

package/dist/{vue-ui-gizmo-2b7hFkMI.js → vue-ui-gizmo-CJChusop.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as z, ref as G, useSlots as L, onMounted as _, computed as c, watch as N, createElementBlock as s, openBlock as a, normalizeStyle as $, createVNode as F, createCommentVNode as n, unref as l, createElementVNode as t, Fragment as p, toDisplayString as y } from "vue";
-import { u as V, c as B, e as P, i as k, f as m } from "./index-k9FPl_-D.js";
-import { u as U } from "./useNestedProp-upzRxZOw.js";
+import { u as V, c as B, e as P, i as k, f as m } from "./index-CBhz79Be.js";
+import { u as U } from "./useNestedProp-Cg9K3ISG.js";
 const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"], A = ["stop-color"], E = ["stroke"], O = ["stroke"], j = ["width", "fill"], T = ["fill"], q = { key: 0 }, H = ["id"], J = ["stroke"], K = ["stroke", "stroke-dasharray", "stroke-dashoffset"], Q = ["filter"], R = ["stroke", "stroke-dasharray", "stroke-dashoffset"], W = ["fill"], ee = {
   __name: "vue-ui-gizmo",
   props: {
@@ -16,7 +16,7 @@ const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"],
     }
   },
   setup(f) {
-    const w = z(() => import("./PackageVersion-CQFOMkQe.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
+    const w = z(() => import("./PackageVersion-Djh3oJFs.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
     _(() => {
       h();
     }), _(() => {

package/dist/{vue-ui-heatmap-DbLkBq8U.js → vue-ui-heatmap-DLwLB3pv.js}

@@ -1,16 +1,16 @@
 import { useCssVars as Qe, defineAsyncComponent as B, computed as f, ref as b, watch as ze, shallowRef as Ze, onMounted as el, onBeforeUnmount as ll, createElementBlock as i, openBlock as o, unref as r, normalizeStyle as T, normalizeClass as le, createBlock as q, createCommentVNode as d, createVNode as ve, createSlots as tl, withCtx as A, renderSlot as m, normalizeProps as D, guardReactiveProps as E, Fragment as _, renderList as z, createElementVNode as v, toDisplayString as x, withKeys as al, createTextVNode as ol, nextTick as sl } from "vue";
-import { u as ul, o as nl, e as Me, c as ye, a as il, C as rl, P as K, g as vl, X as yl, G as de, i as S, f as M, v as N, q as dl, r as cl, x as hl, y as gl } from "./index-k9FPl_-D.js";
-import { u as Oe } from "./useNestedProp-upzRxZOw.js";
-import { u as pl } from "./usePrinter-CARdq6Fz.js";
+import { u as ul, o as nl, e as Me, c as ye, a as il, C as rl, P as K, g as vl, X as yl, F as de, i as S, f as M, v as N, q as dl, r as cl, x as hl, y as gl } from "./index-CBhz79Be.js";
+import { u as Oe } from "./useNestedProp-Cg9K3ISG.js";
+import { u as pl } from "./usePrinter-DNC_9y1d.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as bl } from "./useChartAccessibility-9icAAmYg.js";
-import ml from "./vue-ui-accordion-ATCD6-Tg.js";
-import xl from "./Title-CIt92-DI.js";
+import ml from "./vue-ui-accordion-BWiiOpGO.js";
+import xl from "./Title-CPvPrwF4.js";
 import { _ as wl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const kl = ["id"], _l = {
   key: 2,
   style: "width:100%;background:transparent"
-}, Cl = ["xmlns", "viewBox"], $l = ["width", "height"], Ll = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Tl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Al = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], zl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ml = ["font-size", "font-weight", "fill", "x", "y"], Ol = ["x", "y", "width", "height", "onMouseover", "onClick"], Sl = { key: 0 }, Nl = ["font-size", "fill", "x", "y", "font-weight"], Vl = ["font-size", "fill", "x", "y", "font-weight"], Fl = { key: 1 }, Il = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Pl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Rl = { key: 2 }, Xl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Bl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Dl = { key: 4 }, El = ["x", "y", "width", "height", "stroke", "stroke-width"], Gl = { key: 5 }, Ul = ["id"], Yl = ["stop-color"], Hl = ["stop-color"], jl = ["x", "y", "font-size", "fill"], Wl = ["x", "y", "height", "rx", "fill"], ql = ["x", "y", "font-size", "fill"], Kl = ["stroke", "x1", "x2", "y1", "y2"], Jl = ["fill", "d"], Ql = { key: 6 }, Zl = {
+}, Cl = ["xmlns", "viewBox"], $l = ["width", "height"], Ll = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Tl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Al = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], zl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ml = ["font-size", "font-weight", "fill", "x", "y"], Ol = ["x", "y", "width", "height", "onMouseover", "onClick"], Sl = { key: 0 }, Nl = ["font-size", "fill", "x", "y", "font-weight"], Vl = ["font-size", "fill", "x", "y", "font-weight"], Fl = { key: 1 }, Il = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Pl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Rl = { key: 2 }, Xl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Bl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Dl = { key: 4 }, El = ["x", "y", "width", "height", "stroke", "stroke-width"], Ul = { key: 5 }, Yl = ["id"], Gl = ["stop-color"], Hl = ["stop-color"], jl = ["x", "y", "font-size", "fill"], Wl = ["x", "y", "height", "rx", "fill"], ql = ["x", "y", "font-size", "fill"], Kl = ["stroke", "x1", "x2", "y1", "y2"], Jl = ["fill", "d"], Ql = { key: 6 }, Zl = {
   id: "colorScaleHorizontal",
   x1: "0%",
   x2: "100%",
@@ -40,16 +40,16 @@ const kl = ["id"], _l = {
     }
   },
   emits: ["selectDatapoint"],
-  setup(G, { expose: Se, emit: Ne }) {
+  setup(U, { expose: Se, emit: Ne }) {
     Qe((l) => ({
       f31c23a2: l.tdo
     }));
-    const Ve = B(() => import("./BaseIcon-2scCpKdr.js")), Fe = B(() => import("./PackageVersion-CQFOMkQe.js")), Ie = B(() => import("./PenAndPaper-DFjucqRK.js")), Pe = B(() => import("./vue-ui-skeleton-Bd_C0wSv.js")), Re = B(() => import("./Tooltip-1FFfLKkv.js")), Xe = B(() => import("./UserOptions-ChEMQwwM.js")), { vue_ui_heatmap: Be } = ul(), y = G, De = Ne, J = f(() => !!y.dataset && y.dataset.length);
+    const Ve = B(() => import("./BaseIcon-DTTmgKBX.js")), Fe = B(() => import("./PackageVersion-Djh3oJFs.js")), Ie = B(() => import("./PenAndPaper-BlF1d4XE.js")), Pe = B(() => import("./vue-ui-skeleton-Dnw_Mcqb.js")), Re = B(() => import("./Tooltip-BiWfcBQk.js")), Xe = B(() => import("./UserOptions-CFllUVQ4.js")), { vue_ui_heatmap: Be } = ul(), y = U, De = Ne, J = f(() => !!y.dataset && y.dataset.length);
     nl(y.dataset) && Me({
       componentName: "VueUiHeatmap",
       type: "dataset"
     });
-    const U = b(ye()), te = b(null), Ee = b(null), ae = b(!1), oe = b(""), ce = b(void 0), Y = b(null), he = b(0), ge = b(null), Ge = b(null), pe = b(!1), fe = b(0), e = f({
+    const Y = b(ye()), te = b(null), Ee = b(null), ae = b(!1), oe = b(""), ce = b(void 0), G = b(null), he = b(0), ge = b(null), Ue = b(null), pe = b(!1), fe = b(0), e = f({
       get: () => we(),
       set: (l) => l
     }), { userOptionsVisible: se, setUserOptionsVisibility: be, keepUserOptionState: me } = fl({ config: e.value }), { svgRef: xe } = bl({ config: e.value.style.title });
@@ -72,17 +72,17 @@ const kl = ["id"], _l = {
       ue();
     }, { deep: !0 });
     const { isPrinting: ke, isImaging: _e, generatePdf: Ce, generateImage: $e } = pl({
-      elementId: `heatmap__${U.value}`,
+      elementId: `heatmap__${Y.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
-    }), Ue = f(() => e.value.userOptions.show && !e.value.style.title.text), C = b({
+    }), Ye = f(() => e.value.userOptions.show && !e.value.style.title.text), C = b({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
-    }), Ye = f(() => e.value.table.responsiveBreakpoint), R = Ze(null);
+    }), Ge = f(() => e.value.table.responsiveBreakpoint), R = Ze(null);
     function He() {
       R.value && R.value.disconnect(), R.value = new ResizeObserver((l) => {
         l.forEach((u) => {
-          pe.value = u.contentRect.width < Ye.value;
+          pe.value = u.contentRect.width < Ge.value;
         });
       }), R.value.observe(ge.value);
     }
@@ -170,7 +170,7 @@ const kl = ["id"], _l = {
       })
     })))), O = b(null), H = b(null);
     function je(l, u, n, s) {
-      Y.value = { x: n, y: s };
+      G.value = { x: n, y: s };
       const { value: c, yAxisName: h, xAxisName: k, id: P } = l;
       ce.value = P, O.value = c, H.value = {
         datapoint: l,
@@ -277,7 +277,7 @@ const kl = ["id"], _l = {
       ref: te,
       class: le(`vue-ui-heatmap ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: T(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor}`),
-      id: `heatmap__${U.value}`,
+      id: `heatmap__${Y.value}`,
       onMouseenter: u[3] || (u[3] = () => r(be)(!0)),
       onMouseleave: u[4] || (u[4] = () => r(be)(!1))
     }, [
@@ -289,10 +289,10 @@ const kl = ["id"], _l = {
         active: ee.value,
         onClose: ie
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
-      Ue.value ? (o(), i("div", {
+      Ye.value ? (o(), i("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Ge,
+        ref: Ue,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : d("", !0),
@@ -319,7 +319,7 @@ const kl = ["id"], _l = {
         color: e.value.style.color,
         isImaging: r(_e),
         isPrinting: r(ke),
-        uid: U.value,
+        uid: Y.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -494,7 +494,7 @@ const kl = ["id"], _l = {
               stroke: "none",
               onMouseover: (k) => je(c, s, t.value.left + a.value.width * h, t.value.top + a.value.height * s),
               onMouseout: u[0] || (u[0] = (k) => {
-                ae.value = !1, ce.value = void 0, O.value = null, Y.value = null;
+                ae.value = !1, ce.value = void 0, O.value = null, G.value = null;
               }),
               onClick: () => Je(c)
             }, null, 40, Ol)
@@ -560,13 +560,13 @@ const kl = ["id"], _l = {
           "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
           fill: e.value.style.layout.dataLabels.xAxis.color,
           "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
-          transform: `translate(${t.value.left + a.value.width / 2 + t.value.width / p.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + (e.value.style.layout.cells.rowTotal.color.show ? a.value.height / 3 + e.value.style.layout.cells.spacing : 0)}, ${(a.value.height + e.value.style.layout.cells.spacing) * (G.dataset.length + 1) + e.value.style.layout.cells.columnTotal.value.offsetY}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
+          transform: `translate(${t.value.left + a.value.width / 2 + t.value.width / p.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + (e.value.style.layout.cells.rowTotal.color.show ? a.value.height / 3 + e.value.style.layout.cells.spacing : 0)}, ${(a.value.height + e.value.style.layout.cells.spacing) * (U.dataset.length + 1) + e.value.style.layout.cells.columnTotal.value.offsetY}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
         }, x(qe(s)), 9, Bl))), 256)) : d("", !0),
-        Y.value ? (o(), i("g", Dl, [
+        G.value ? (o(), i("g", Dl, [
           v("rect", {
             style: { "pointer-events": "none" },
-            x: Y.value.x - e.value.style.layout.cells.selected.border / 2 + e.value.style.layout.cells.spacing + (e.value.style.layout.cells.rowTotal.color.show ? a.value.height / 3 + e.value.style.layout.cells.spacing : 0),
-            y: Y.value.y - e.value.style.layout.cells.selected.border / 2 + e.value.style.layout.cells.spacing,
+            x: G.value.x - e.value.style.layout.cells.selected.border / 2 + e.value.style.layout.cells.spacing + (e.value.style.layout.cells.rowTotal.color.show ? a.value.height / 3 + e.value.style.layout.cells.spacing : 0),
+            y: G.value.y - e.value.style.layout.cells.selected.border / 2 + e.value.style.layout.cells.spacing,
             width: a.value.width - e.value.style.layout.cells.spacing + e.value.style.layout.cells.selected.border - e.value.style.layout.cells.spacing,
             height: a.value.height - e.value.style.layout.cells.spacing + e.value.style.layout.cells.selected.border - e.value.style.layout.cells.spacing,
             fill: "transparent",
@@ -575,22 +575,22 @@ const kl = ["id"], _l = {
             rx: 1
           }, null, 8, El)
         ])) : d("", !0),
-        e.value.style.legend.show && Q.value === "right" ? (o(), i("g", Gl, [
+        e.value.style.legend.show && Q.value === "right" ? (o(), i("g", Ul, [
           v("defs", null, [
             v("linearGradient", {
-              id: `colorScaleVertical_${U.value}`,
+              id: `colorScaleVertical_${Y.value}`,
               x2: "0%",
               y2: "100%"
             }, [
               v("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.cells.colors.hot
-              }, null, 8, Yl),
+              }, null, 8, Gl),
               v("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.cells.colors.cold
               }, null, 8, Hl)
-            ], 8, Ul)
+            ], 8, Yl)
           ]),
           v("text", {
             x: t.value.right + 36 + 18,
@@ -614,7 +614,7 @@ const kl = ["id"], _l = {
             width: 36,
             height: ne.value,
             rx: e.value.style.legend.scaleBorderRadius,
-            fill: `url(#colorScaleVertical_${U.value})`
+            fill: `url(#colorScaleVertical_${Y.value})`
           }, null, 8, Wl),
           v("text", {
             x: t.value.right + 36 + 18,
@@ -815,7 +815,7 @@ const kl = ["id"], _l = {
                     v("th", {
                       style: T(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (o(!0), i(_, null, z(G.dataset, (n, s) => (o(), i("th", {
+                    (o(!0), i(_, null, z(U.dataset, (n, s) => (o(), i("th", {
                       align: "right",
                       style: T(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, x(n.name), 5))), 256))
@@ -834,9 +834,9 @@ const kl = ["id"], _l = {
                     }, [
                       v("div", dt, x(n), 1)
                     ], 12, yt),
-                    (o(!0), i(_, null, z(G.dataset, (c, h) => (o(), i("td", {
+                    (o(!0), i(_, null, z(U.dataset, (c, h) => (o(), i("td", {
                       class: "vue-ui-data-table__tbody__td",
-                      "data-cell": G.dataset[h].name,
+                      "data-cell": U.dataset[h].name,
                       style: T(`outline:${e.value.table.td.outline}`)
                     }, [
                       v("div", ht, x(isNaN(c.values[s]) ? "-" : r(M)({ p: e.value.style.layout.dataLabels.prefix, v: c.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)