vue-data-ui 3.3.0 → 3.3.1

package/dist/{vue-ui-heatmap-CcAe5dDN.js → vue-ui-heatmap-RHDxexNf.js}

@@ -1,19 +1,19 @@
-import { useCssVars as Jt, defineAsyncComponent as Q, computed as y, ref as d, shallowRef as Qt, toRefs as Zt, watch as we, onBeforeUnmount as dt, onMounted as el, watchEffect as Xe, reactive as ht, nextTick as Ie, createElementBlock as n, openBlock as u, normalizeStyle as w, normalizeClass as ce, createBlock as de, createCommentVNode as f, createElementVNode as p, createVNode as ke, unref as i, createSlots as yt, withCtx as z, renderSlot as T, normalizeProps as Z, guardReactiveProps as ee, Fragment as C, renderList as F, withDirectives as ft, createTextVNode as Ve, toDisplayString as S, vShow as tl, resolveDynamicComponent as ll, mergeProps as al, withKeys as ol } from "vue";
-import { c as Be, t as sl, B as ul, o as pt, f as gt, a0 as he, g as il, X as nl, E as Ae, a as B, d as H, q as E, ai as rl, x as vl, y as cl, z as dl, A as hl } from "./lib-GIYcnm0E.js";
+import { useCssVars as Jt, defineAsyncComponent as Q, computed as y, ref as d, shallowRef as Qt, toRefs as Zt, watch as we, onBeforeUnmount as dt, onMounted as el, watchEffect as Xe, reactive as ht, nextTick as Ie, createElementBlock as n, openBlock as u, normalizeStyle as w, normalizeClass as ce, createBlock as de, createCommentVNode as f, createElementVNode as p, createVNode as ke, unref as i, createSlots as yt, withCtx as z, renderSlot as L, normalizeProps as Z, guardReactiveProps as ee, Fragment as C, renderList as F, withDirectives as ft, createTextVNode as Ve, toDisplayString as T, vShow as tl, resolveDynamicComponent as ll, mergeProps as al, withKeys as ol } from "vue";
+import { c as Be, t as sl, B as ul, o as pt, f as gt, a0 as he, g as il, X as nl, E as Ae, a as B, d as H, q as E, ai as rl, x as vl, y as cl, z as dl, A as hl } from "./lib-CEjkWSLj.js";
 import { t as Ce, u as yl } from "./useResponsive-DfdjqQps.js";
-import { u as fl, a as bt } from "./useNestedProp-mxyyqd0B.js";
-import { u as pl } from "./usePrinter-DYRFiw7X.js";
+import { u as fl, a as bt } from "./useNestedProp-Ce3PwN8T.js";
+import { u as pl } from "./usePrinter-DJ1iH-F_.js";
 import { u as gl, B as bl } from "./BaseScanner-BgWxam9d.js";
-import { u as ml } from "./useSvgExport-B7-Vrjtu.js";
+import { u as ml } from "./useSvgExport-DrjCWun4.js";
 import { u as mt } from "./useTimeLabels-BGFjWgrv.js";
 import { u as xl } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as wl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as xt } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as kl } from "./useChartAccessibility-9icAAmYg.js";
-import Al from "./img-6wPuVVtk.js";
-import Cl from "./Title-D17CJXko.js";
+import Al from "./img-J2dLIr8Y.js";
+import Cl from "./Title-Camz1Lce.js";
 import { t as Ll } from "./themes-Dw-dDudK.js";
-import Tl from "./vue-ui-accordion-Dch9YrCi.js";
+import Tl from "./vue-ui-accordion-VTP418mC.js";
 import { _ as Sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const _l = {
   mounted(b, P) {
@@ -46,8 +46,8 @@ function wt(b, {
   }
   if (Le && (k = !0), k) {
     b.setAttribute("font-size", W);
-    const M = b.getBBox(), L = M.x + M.width / 2, ae = M.y + M.height / 2;
-    b.setAttribute("transform", `rotate(-90 ${L} ${ae})`);
+    const M = b.getBBox(), S = M.x + M.width / 2, ae = M.y + M.height / 2;
+    b.setAttribute("transform", `rotate(-90 ${S} ${ae})`);
     const q = b.getBBox().width;
     if (q <= ye)
       X(O, !1);
@@ -58,7 +58,7 @@ function wt(b, {
   }
   (Te || fe) && b.setAttribute("visibility", "hidden");
 }
-const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"], Ml = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Rl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Fl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Nl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Dl = ["font-size", "font-weight", "fill", "x", "y"], Hl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Pl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Xl = ["font-size", "fill", "x", "y", "font-weight"], Il = ["font-size", "fill", "x", "y", "font-weight"], Vl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Bl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], El = { key: 6 }, Ul = ["x", "y", "width", "height", "stroke", "stroke-width"], Yl = { class: "vue-ui-heatmap-legend-gauge-right" }, Gl = ["data-value"], Wl = { class: "vue-ui-heatmap-gauge-indicator-value" }, jl = {
+const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"], Ml = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Rl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Fl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Dl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Nl = ["font-size", "font-weight", "fill", "x", "y"], Hl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Pl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Xl = ["font-size", "fill", "x", "y", "font-weight"], Il = ["font-size", "fill", "x", "y", "font-weight"], Vl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Bl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], El = { key: 6 }, Ul = ["x", "y", "width", "height", "stroke", "stroke-width"], Yl = { class: "vue-ui-heatmap-legend-gauge-right" }, Gl = ["data-value"], Wl = { class: "vue-ui-heatmap-gauge-indicator-value" }, jl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ql = { class: "vue-ui-data-table" }, Kl = { key: 0 }, Jl = ["data-cell"], Ql = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Zl = ["data-cell"], ea = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ta = {
@@ -80,16 +80,16 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
   emits: ["selectDatapoint"],
   setup(b, { expose: P, emit: ye }) {
     Jt((t) => ({
-      v0f22886a: t.tdo
+      v0640d7e7: t.tdo
     }));
-    const W = Q(() => import("./Tooltip-CtVdvbZi.js")), te = Q(() => import("./BaseIcon-CtqN7W_g.js")), O = Q(() => import("./PenAndPaper-BxbYiPy4.js")), le = Q(() => import("./UserOptions-B3vCIe-u.js")), X = Q(() => import("./PackageVersion-C9oklnuy.js")), Le = Q(() => import("./BaseDraggableDialog-q3pgSDTz.js")), { vue_ui_heatmap: Te } = fl(), k = b, fe = ye, j = y({
+    const W = Q(() => import("./Tooltip-VOcQEHa4.js")), te = Q(() => import("./BaseIcon-eZbszQrv.js")), O = Q(() => import("./PenAndPaper-Bo-lMUik.js")), le = Q(() => import("./UserOptions-CSja1SGU.js")), X = Q(() => import("./PackageVersion-BfykJm_B.js")), Le = Q(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_heatmap: Te } = fl(), k = b, fe = ye, j = y({
       get() {
         return !!k.dataset && k.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), M = d(Be()), L = d(null), ae = d(!1), q = d(""), oe = d(void 0), se = d(null), Ee = d(0), Ue = d(null), Ye = d(0), kt = d(null), ue = d(null), Se = d(null), Ge = d(null), We = d(null), At = d(null), je = d(null), Ct = d(null), _e = d(null), ze = d(null), Lt = d(null), qe = d(null), K = Qt(null), e = d(Re());
+    }), M = d(Be()), S = d(null), ae = d(!1), q = d(""), oe = d(void 0), se = d(null), Ee = d(0), Ue = d(null), Ye = d(0), kt = d(null), ue = d(null), Se = d(null), Ge = d(null), We = d(null), At = d(null), je = d(null), Ct = d(null), _e = d(null), ze = d(null), Lt = d(null), qe = d(null), K = Qt(null), e = d(Re());
     function Tt() {
       const t = Array(7).fill("_"), o = [], a = 14, s = t.length;
       for (let v = 0; v < s; v += 1) {
@@ -109,7 +109,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       prepareConfig: Re,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Ie(), L.value && L.value.parentNode && rl(L.value.parentNode);
+          await Ie(), S.value && rl(S.value);
         });
       },
       skeletonDataset: Tt(),
@@ -183,7 +183,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       }), j.value = !1, $e.value = !0), pt(k.dataset) || ($e.value = e.value.loading), e.value.responsive) {
         const t = Ce(() => {
           const { width: o, height: a } = yl({
-            chart: L.value,
+            chart: S.value,
             title: e.value.style.title.text ? Ge.value : null,
             // add legend hirizontal in legend attr
             // add legend vertical in some other attr and modify composable to subtract width
@@ -194,7 +194,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             ie.value = o, ne.value = a;
           });
         });
-        I.value && (K.value && I.value.unobserve(K.value), I.value.disconnect()), I.value = new ResizeObserver(t), K.value = L.value.parentNode, I.value.observe(K.value);
+        I.value && (K.value && I.value.unobserve(K.value), I.value.disconnect()), I.value = new ResizeObserver(t), K.value = S.value.parentNode, I.value.observe(K.value);
       }
     }
     dt(() => {
@@ -202,7 +202,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
     }), el(() => {
       Fe();
     });
-    const N = y(() => Math.max(...m.value.flatMap((t) => (t.values || []).length))), ie = d(e.value.style.layout.width), ne = d(e.value.style.layout.height), _ = y(() => ({
+    const D = y(() => Math.max(...m.value.flatMap((t) => (t.values || []).length))), ie = d(e.value.style.layout.width), ne = d(e.value.style.layout.height), _ = y(() => ({
       width: Math.max(10, ie.value),
       height: Math.max(10, ne.value)
     })), re = d(0), $t = Ce((t) => {
@@ -244,10 +244,10 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       let t = 0;
       e.value.style.legend.show && (t = e.value.style.legend.width);
       const o = e.value.style.layout.padding, a = e.value.style.layout.dataLabels.xAxis.fontSize / 3, s = e.value.style.layout.dataLabels.xAxis.fontSize / 2, v = _.value.height - o.top - o.bottom - re.value - a, c = _.value.width / 60, x = {
-        x: r.value * N.value,
+        x: r.value * D.value,
         y: r.value * ((m.value || []).length + 1)
-      }, D = _.value.width - o.left - o.right - x.x - c * 2 - 2 - t - J.value, h = v - c - x.y - ge.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, A = {
-        width: Math.max(3, D / N.value),
+      }, N = _.value.width - o.left - o.right - x.x - c * 2 - 2 - t - J.value, h = v - c - x.y - ge.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, A = {
+        width: Math.max(3, N / D.value),
         height: Math.max(3, h / (m.value.length ?? 1))
       };
       return {
@@ -258,7 +258,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         left: o.left + J.value + c / 2,
         right: o.right - t,
         bottom: _.value.height - o.bottom - ge.value,
-        width: D,
+        width: N,
         cellSize: A
       };
     }), V = y(() => Math.max(...m.value.flatMap((t) => t.values))), ve = y(() => Math.min(...m.value.flatMap((t) => t.values))), U = y(() => {
@@ -272,15 +272,15 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       end: m.value.length
     })), Ft = y(() => mt({
       values: e.value.style.layout.dataLabels.xAxis.values,
-      maxDatapoints: N.value,
+      maxDatapoints: D.value,
       formatter: e.value.style.layout.dataLabels.xAxis.datetimeFormatter,
       start: 0,
-      end: N.value
+      end: D.value
     })), g = y(() => {
       const t = Rt.value.map((h) => h.text), o = Ft.value.map((h) => h.text), a = m.value.map((h) => h.values.reduce((A, Pe) => A + Pe, 0)), s = Math.max(...a), v = Math.min(...a), c = [];
-      for (let h = 0; h < N.value; h += 1)
+      for (let h = 0; h < D.value; h += 1)
         c.push(m.value.map((A) => A.values[h] || 0).reduce((A, Pe) => A + Pe, 0));
-      const x = Math.max(...c), D = Math.min(...c);
+      const x = Math.max(...c), N = Math.min(...c);
       return {
         yTotals: a.map((h) => {
           const A = isNaN(h / s) ? 0 : h / s;
@@ -295,11 +295,11 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
           return {
             total: h,
             proportion: A,
-            color: he(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, D, x, h)
+            color: he(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, N, x, h)
           };
         }),
         yLabels: t,
-        xLabels: o.slice(0, N.value)
+        xLabels: o.slice(0, D.value)
       };
     }), Y = y(() => (m.value.forEach((t, o) => {
       il({
@@ -333,19 +333,19 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         xAxisName: g.value.xLabels[s],
         id: `vue-data-ui-heatmap-cell-${Be()}`
       })
-    })))), at = y(() => m.value.length), ot = ht(Array(at.value * N.value || 1).fill(!1)), Nt = y(() => ot.some((t) => t));
-    function Dt(t, o) {
+    })))), at = y(() => m.value.length), ot = ht(Array(at.value * D.value || 1).fill(!1)), Dt = y(() => ot.some((t) => t));
+    function Nt(t, o) {
       ot[t] = o;
     }
-    const st = ht(Array(at.value * N.value || 1).fill(!1)), Ht = y(() => st.some((t) => t));
+    const st = ht(Array(at.value * D.value || 1).fill(!1)), Ht = y(() => st.some((t) => t));
     function Pt(t, o) {
       st[t] = o;
     }
     const R = d(null), be = d(null);
     function Xt(t, o, a, s) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), se.value = { x: a, y: s };
-      const { value: v, yAxisName: c, xAxisName: x, id: D } = t;
-      oe.value = D, R.value = v, be.value = {
+      const { value: v, yAxisName: c, xAxisName: x, id: N } = t;
+      oe.value = N, R.value = v, be.value = {
         datapoint: t,
         seriesIndex: o,
         series: Y.value,
@@ -410,13 +410,13 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       })), o = m.value.map((a) => a.values);
       return { head: t, body: o };
     });
-    function Ne(t = null) {
+    function De(t = null) {
       Ie(() => {
         const o = ["", ...m.value.map((c, x) => c.name)], a = [];
         for (let c = 0; c < g.value.xLabels.length; c += 1) {
           const x = [g.value.xLabels[c]];
-          for (let D = 0; D < m.value.length; D += 1)
-            x.push([m.value[D].values[c]]);
+          for (let N = 0; N < m.value.length; N += 1)
+            x.push([m.value[N].values[c]]);
           a.push(x);
         }
         const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(a), v = vl(s);
@@ -434,7 +434,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       $.value.showTooltip = !$.value.showTooltip;
     }
     const me = d(!1);
-    function De() {
+    function Ne() {
       me.value = !me.value;
     }
     function Et(t, o) {
@@ -444,8 +444,8 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       return Y.value;
     }
     async function Yt({ scale: t = 2 } = {}) {
-      if (!L.value) return;
-      const { width: o, height: a } = L.value.getBoundingClientRect(), s = o / a, { imageUri: v, base64: c } = await Al({ domElement: L.value, base64: !0, img: !0, scale: t });
+      if (!S.value) return;
+      const { width: o, height: a } = S.value.getBoundingClientRect(), s = o / a, { imageUri: v, base64: c } = await Al({ domElement: S.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: v,
         base64: c,
@@ -457,7 +457,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
     }
     const rt = y(() => ({
       start: 0,
-      end: N.value
+      end: D.value
     })), vt = y(() => g.value.xLabels);
     xt({
       timeLabelsEls: _e,
@@ -495,7 +495,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: G.value,
-          fullscreenParent: L.value,
+          fullscreenParent: S.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -537,16 +537,16 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       getData: Ut,
       getImage: Yt,
       generatePdf: et,
-      generateCsv: Ne,
+      generateCsv: De,
       generateImage: tt,
       generateSvg: ct,
       toggleTable: it,
       toggleTooltip: nt,
-      toggleAnnotator: De,
+      toggleAnnotator: Ne,
       toggleFullscreen: ut
     }), (t, o) => (u(), n("div", {
       ref_key: "heatmapChart",
-      ref: L,
+      ref: S,
       class: ce(`vue-data-ui-component vue-ui-heatmap ${G.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: w(`font-family:${e.value.style.fontFamily};width:100%;${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.backgroundColor}`),
       id: `heatmap__${M.value}`,
@@ -559,7 +559,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: me.value,
-        onClose: De
+        onClose: Ne
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
       _t.value ? (u(), n("div", {
         key: 1,
@@ -607,7 +607,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         isFullscreen: G.value,
         isTooltip: $.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: L.value,
+        chartElement: S.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: me.value,
@@ -616,12 +616,12 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: ut,
         onGeneratePdf: i(et),
-        onGenerateCsv: Ne,
+        onGenerateCsv: De,
         onGenerateImage: i(tt),
         onGenerateSvg: ct,
         onToggleTable: it,
         onToggleTooltip: nt,
-        onToggleAnnotator: De,
+        onToggleAnnotator: Ne,
         style: w({
           visibility: i(Ke) ? i(Oe) ? "visible" : "hidden" : "visible"
         })
@@ -629,56 +629,56 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: z(({ isOpen: a, color: s }) => [
-            T(t.$slots, "menuIcon", Z(ee({ isOpen: a, color: s })), void 0, !0)
+            L(t.$slots, "menuIcon", Z(ee({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: z(() => [
-            T(t.$slots, "optionTooltip", {}, void 0, !0)
+            L(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: z(() => [
-            T(t.$slots, "optionPdf", {}, void 0, !0)
+            L(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: z(() => [
-            T(t.$slots, "optionCsv", {}, void 0, !0)
+            L(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: z(() => [
-            T(t.$slots, "optionImg", {}, void 0, !0)
+            L(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: z(() => [
-            T(t.$slots, "optionTable", {}, void 0, !0)
+            L(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: z(({ toggleFullscreen: a, isFullscreen: s }) => [
-            T(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+            L(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: z(({ toggleAnnotator: a, isAnnotator: s }) => [
-            T(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+            L(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -712,7 +712,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               pointerEvents: "none"
             }
           }, [
-            T(t.$slots, "chart-background", {}, void 0, !0)
+            L(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, Ol)) : f("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), n("g", {
             key: 1,
@@ -764,7 +764,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                   onMouseover: (x) => Xt(v, s, l.value.left + l.value.cellSize.width * c, l.value.top + l.value.cellSize.height * s),
                   onMouseout: () => It({ datapoint: v, seriesIndex: s }),
                   onClick: () => Et(v, s)
-                }, null, 40, Nl),
+                }, null, 40, Dl),
                 e.value.style.layout.cells.value.show ? ft((u(), n("text", {
                   key: 0,
                   "text-anchor": "middle",
@@ -775,7 +775,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                   y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
                   style: { pointerEvents: "none", userSelect: "none" }
                 }, [
-                  Ve(S(i(B)(
+                  Ve(T(i(B)(
                     e.value.style.layout.cells.value.formatter,
                     v.value,
                     i(H)({
@@ -786,17 +786,17 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                     }),
                     { datapoint: v }
                   )), 1)
-                ], 8, Dl)), [
+                ], 8, Nl)), [
                   [i(_l), {
                     cellWidth: l.value.cellSize.width - r.value,
                     cellHeight: l.value.cellSize.height - r.value,
                     maxFontSize: e.value.style.layout.cells.value.fontSize,
                     minFontSize: 10,
-                    index: s * N.value + c,
+                    index: s * D.value + c,
                     reportHide: Pt,
-                    reportRotation: Dt,
+                    reportRotation: Nt,
                     hideAll: Ht.value,
-                    rotateAll: Nt.value
+                    rotateAll: Dt.value
                   }]
                 ]) : f("", !0)
               ]))), 256))
@@ -842,7 +842,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                 y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize / 3 + e.value.style.layout.dataLabels.yAxis.offsetY - (e.value.style.layout.cells.rowTotal.value.show ? e.value.style.layout.dataLabels.yAxis.fontSize / 1.5 : 0),
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, S(g.value.yLabels[s]), 9, Xl),
+              }, T(g.value.yLabels[s]), 9, Xl),
               e.value.style.layout.cells.rowTotal.value.show ? (u(), n("text", {
                 key: 0,
                 class: "vue-ui-heatmap-row-total",
@@ -852,7 +852,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                 y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize + e.value.style.layout.dataLabels.yAxis.offsetY,
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, S(Vt(s)), 9, Il)) : f("", !0)
+              }, T(Vt(s)), 9, Il)) : f("", !0)
             ], 64))), 256))
           ], 512)) : f("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (u(), n("g", {
@@ -869,7 +869,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                 fill: e.value.style.layout.dataLabels.xAxis.color,
                 "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
                 transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / g.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + l.value.sumCellXHeight}, ${l.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, S(a), 9, Vl)) : f("", !0)
+              }, T(a), 9, Vl)) : f("", !0)
             ], 64))), 256))
           ], 512)) : f("", !0),
           e.value.style.layout.cells.columnTotal.value.show ? (u(), n("g", {
@@ -884,7 +884,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               fill: e.value.style.layout.dataLabels.xAxis.color,
               "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
               transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / g.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + l.value.sumCellXHeight}, ${l.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize / 2}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
-            }, S(Bt(s)), 9, Bl))), 256))
+            }, T(Bt(s)), 9, Bl))), 256))
           ], 512)) : f("", !0),
           se.value ? (u(), n("g", El, [
             p("rect", {
@@ -899,7 +899,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               rx: 1
             }, null, 8, Ul)
           ])) : f("", !0),
-          T(t.$slots, "svg", { svg: _.value }, void 0, !0)
+          L(t.$slots, "svg", { svg: _.value }, void 0, !0)
         ], 14, $l)),
         e.value.style.legend.show ? (u(), n("div", {
           key: 0,
@@ -917,7 +917,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, S(i(B)(
+          }, T(i(B)(
             e.value.style.layout.cells.value.formatter,
             i(E)(V.value),
             i(H)({
@@ -960,7 +960,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                p("div", Wl, S(i(B)(
+                p("div", Wl, T(i(B)(
                   e.value.style.layout.cells.value.formatter,
                   i(E)(R.value),
                   i(H)({
@@ -982,7 +982,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, S(i(B)(
+          }, T(i(B)(
             e.value.style.layout.cells.value.formatter,
             i(E)(ve.value),
             i(H)({
@@ -995,7 +995,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         ], 4)) : f("", !0)
       ], 2),
       t.$slots.watermark ? (u(), n("div", jl, [
-        T(t.$slots, "watermark", Z(ee({ isPrinting: i(Qe) || i(Ze) })), void 0, !0)
+        L(t.$slots, "watermark", Z(ee({ isPrinting: i(Qe) || i(Ze) })), void 0, !0)
       ])) : f("", !0),
       t.$slots.source ? (u(), n("div", {
         key: 5,
@@ -1003,7 +1003,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         ref: qe,
         dir: "auto"
       }, [
-        T(t.$slots, "source", {}, void 0, !0)
+        L(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
       ke(i(W), {
         show: $.value.showTooltip && ae.value,
@@ -1016,7 +1016,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: L.value,
+        parent: S.value,
         content: q.value,
         isFullscreen: G.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
@@ -1026,10 +1026,10 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": z(() => [
-          T(t.$slots, "tooltip-before", Z(ee({ ...be.value })), void 0, !0)
+          L(t.$slots, "tooltip-before", Z(ee({ ...be.value })), void 0, !0)
         ]),
         "tooltip-after": z(() => [
-          T(t.$slots, "tooltip-after", Z(ee({ ...be.value })), void 0, !0)
+          L(t.$slots, "tooltip-after", Z(ee({ ...be.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -1068,8 +1068,8 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                   key: 0,
                   style: w(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
-                  Ve(S(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (u(), n("span", Kl, S(e.value.style.title.subtitle.text), 1)) : f("", !0)
+                  Ve(T(e.value.style.title.text) + " ", 1),
+                  e.value.style.title.subtitle.text ? (u(), n("span", Kl, T(e.value.style.title.subtitle.text), 1)) : f("", !0)
                 ], 4)),
                 p("thead", null, [
                   p("tr", {
@@ -1082,7 +1082,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                     (u(!0), n(C, null, F(b.dataset, (a, s) => (u(), n("th", {
                       align: "right",
                       style: w(`outline:${e.value.table.th.outline};padding-right:6px`)
-                    }, S(a.name), 5))), 256))
+                    }, T(a.name), 5))), 256))
                   ], 4)
                 ]),
                 p("tbody", null, [
@@ -1096,14 +1096,14 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
                       class: "vue-ui-data-table__tbody__td",
                       style: w(`outline:${e.value.table.td.outline}`)
                     }, [
-                      p("div", Ql, S(a), 1)
+                      p("div", Ql, T(a), 1)
                     ], 12, Jl),
                     (u(!0), n(C, null, F(b.dataset, (v, c) => (u(), n("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": b.dataset[c].name,
                       style: w(`outline:${e.value.table.td.outline}`)
                     }, [
-                      p("div", ea, S(isNaN(v.values[s]) ? "-" : i(H)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                      p("div", ea, T(isNaN(v.values[s]) ? "-" : i(H)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[s], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
                     ], 12, Zl))), 256))
                   ], 6))), 256))
                 ])
@@ -1116,7 +1116,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
         e.value.table.useDialog ? {
           name: "title",
           fn: z(() => [
-            Ve(S(xe.value.title), 1)
+            Ve(T(xe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1126,7 +1126,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
             p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[0] || (o[0] = (a) => Ne(e.value.userOptions.callbacks.csv))
+              onClick: o[0] || (o[0] = (a) => De(e.value.userOptions.callbacks.csv))
             }, [
               ke(i(te), {
                 name: "excel",
@@ -1140,7 +1140,7 @@ const zl = ["id"], $l = ["xmlns", "viewBox"], Ol = ["x", "y", "width", "height"]
       i(pe) ? (u(), de(bl, { key: 7 })) : f("", !0)
     ], 46, zl));
   }
-}, ma = /* @__PURE__ */ Sl(ta, [["__scopeId", "data-v-39916842"]]);
+}, ma = /* @__PURE__ */ Sl(ta, [["__scopeId", "data-v-8725d53b"]]);
 export {
   ma as default
 };

package/dist/{vue-ui-history-plot-CgKvd7Jx.js → vue-ui-history-plot-4nwAd1qA.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as N, ref as v, shallowRef as He, computed as h, onMounted as Dt, onBeforeUnmount as Ft, toRefs as Xt, watch as K, watchEffect as Bt, createElementBlock as r, openBlock as o, unref as i, normalizeStyle as S, normalizeClass as D, renderSlot as p, createBlock as I, createCommentVNode as d, createElementVNode as _, createVNode as fe, createSlots as We, withCtx as g, normalizeProps as B, guardReactiveProps as R, Fragment as m, renderList as b, toDisplayString as T, Teleport as Rt, resolveDynamicComponent as Yt, mergeProps as Et, createTextVNode as je, nextTick as Ht } from "vue";
-import { c as Ue, o as Ge, f as Ve, g as Wt, t as jt, e as Ut, h as Gt, p as Q, C as qe, a as Y, d as E, X as Vt, m as qt, r as Zt, L as Jt, E as Kt, D as F, b as Qt, B as ee, x as el, y as tl, z as ll } from "./lib-GIYcnm0E.js";
+import { c as Ue, o as Ge, f as Ve, g as Wt, t as jt, e as Ut, h as Gt, p as Q, C as qe, a as Y, d as E, X as Vt, m as qt, r as Zt, L as Jt, E as Kt, D as F, b as Qt, B as ee, x as el, y as tl, z as ll } from "./lib-CEjkWSLj.js";
 import { t as Ze, u as al } from "./useResponsive-DfdjqQps.js";
-import { u as sl, a as Je } from "./useNestedProp-mxyyqd0B.js";
+import { u as sl, a as Je } from "./useNestedProp-Ce3PwN8T.js";
 import { u as ol, B as rl } from "./BaseScanner-BgWxam9d.js";
-import { u as nl } from "./usePrinter-DYRFiw7X.js";
-import { u as ul } from "./useSvgExport-B7-Vrjtu.js";
+import { u as nl } from "./usePrinter-DJ1iH-F_.js";
+import { u as ul } from "./useSvgExport-DrjCWun4.js";
 import { u as il } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as cl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as vl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import hl from "./img-6wPuVVtk.js";
-import dl from "./Title-D17CJXko.js";
+import hl from "./img-J2dLIr8Y.js";
+import dl from "./Title-Camz1Lce.js";
 import { t as yl } from "./themes-Dw-dDudK.js";
-import fl from "./Legend-DsogCeTb.js";
+import fl from "./Legend-By4rru90.js";
 import { _ as xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "width", "height"], kl = { key: 1 }, wl = ["id"], Cl = ["stop-color"], Al = ["stop-color"], _l = ["stop-color"], Sl = { key: 2 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $l = { key: 3 }, Tl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Ml = ["x", "y", "fill", "font-size"], zl = ["transform", "font-size", "fill", "font-weight"], Ol = { key: 6 }, Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Il = { key: 7 }, Pl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Dl = ["transform", "fill", "font-size", "text-anchor"], Fl = ["x", "y", "font-size", "fill", "font-weight"], Xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["d", "stroke", "stroke-width"], Yl = ["d", "stroke", "stroke-width"], El = ["cx", "cy", "fill", "r"], Hl = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Wl = { key: 1 }, jl = ["x", "y", "font-size", "fill", "font-weight"], Ul = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Gl = { key: 2 }, Vl = ["x", "y", "font-size", "font-weight", "fill"], ql = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], Zl = {
   key: 4,
@@ -34,7 +34,7 @@ const pl = ["id"], gl = ["id"], ml = ["xmlns", "viewBox"], bl = ["x", "y", "widt
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Ke, { expose: Qe, emit: et }) {
-    const tt = N(() => import("./Tooltip-CtVdvbZi.js")), lt = N(() => import("./BaseIcon-CtqN7W_g.js")), at = N(() => import("./vue-ui-accordion-Dch9YrCi.js")), st = N(() => import("./DataTable-BeI6gYJX.js")), ot = N(() => import("./PenAndPaper-BxbYiPy4.js")), rt = N(() => import("./UserOptions-B3vCIe-u.js")), nt = N(() => import("./PackageVersion-C9oklnuy.js")), ut = N(() => import("./BaseDraggableDialog-q3pgSDTz.js")), { vue_ui_history_plot: it } = sl(), y = Ke, L = v(null), xe = v(null), pe = v(0), ge = v(null), me = v(0), be = v(0), ke = v(0), M = He(null), X = He(null), we = v(null), $ = v(Ue()), te = v(!1), le = v(""), w = v([]), H = v(!1), A = v(null), W = v(!1), Ce = v(null), Ae = v(!1), j = v(null), ae = v(null), se = v(null), oe = v(null), G = v(null), re = v(null), V = h({
+    const tt = N(() => import("./Tooltip-VOcQEHa4.js")), lt = N(() => import("./BaseIcon-eZbszQrv.js")), at = N(() => import("./vue-ui-accordion-VTP418mC.js")), st = N(() => import("./DataTable-yAMEyP6y.js")), ot = N(() => import("./PenAndPaper-Bo-lMUik.js")), rt = N(() => import("./UserOptions-CSja1SGU.js")), nt = N(() => import("./PackageVersion-BfykJm_B.js")), ut = N(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_history_plot: it } = sl(), y = Ke, L = v(null), xe = v(null), pe = v(0), ge = v(null), me = v(0), be = v(0), ke = v(0), M = He(null), X = He(null), we = v(null), $ = v(Ue()), te = v(!1), le = v(""), w = v([]), H = v(!1), A = v(null), W = v(!1), Ce = v(null), Ae = v(!1), j = v(null), ae = v(null), se = v(null), oe = v(null), G = v(null), re = v(null), V = h({
       get: () => !!y.dataset && y.dataset.length,
       set: (t) => t
     }), _e = et;