vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-heatmap-Cpb0BYLa.js

@@ -1,1694 +0,0 @@
-import { watchEffect as pt, nextTick as xe, useCssVars as Ul, defineAsyncComponent as be, computed as f, ref as v, shallowRef as Gl, toRefs as Wl, watch as Be, onBeforeUnmount as qt, onMounted as Kl, reactive as jt, openBlock as u, createElementBlock as i, normalizeStyle as L, normalizeClass as Me, createElementVNode as p, toDisplayString as I, createBlock as me, createCommentVNode as g, unref as n, withCtx as k, renderSlot as b, normalizeProps as N, guardReactiveProps as F, createSlots as Jt, createVNode as Ue, Fragment as O, renderList as U, withDirectives as Qt, createTextVNode as dt, vShow as Yl, resolveDynamicComponent as ql, mergeProps as jl, withKeys as Jl } from "vue";
-import { j as yt, t as Zt, o as el, q as tl, ao as Ne, r as Ql, l as q, X as Zl, W as Ge, k as le, K as ae, aA as ea, a0 as ta, a1 as la, T as aa, U as oa } from "./lib-DMzrGQHK.js";
-import { t as We, u as sa } from "./useResponsive-DfdjqQps.js";
-import { u as ua } from "./useConfig-CG4HT3wS.js";
-import { u as na } from "./usePrinter-C4t8DdQ-.js";
-import { u as ia, B as ra } from "./BaseScanner-C2j3TsSY.js";
-import { u as va } from "./useSvgExport-BTG4hVPO.js";
-import { u as ht } from "./useNestedProp-DH0BEVVS.js";
-import { u as ll } from "./useTimeLabels-Cv0tD9In.js";
-import { u as ca } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as da } from "./useTableResponsive-BpfiEtzR.js";
-import { u as ya } from "./useUserOptionState-B7Ej974k.js";
-import { u as al } from "./useTimeLabelCollider-D3JeJ6Ye.js";
-import { u as ha } from "./useChartAccessibility-cp6XQtqi.js";
-import fa from "./img-CjTQXS0U.js";
-import pa from "./Title-BbKoiBk2.js";
-import ga from "./vue_ui_heatmap-C9u993qE.js";
-import ba from "./vue-ui-accordion-DFtpH_16.js";
-import { A as ma } from "./A11yDataTable-BpmuNomI.js";
-import { _ as xa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function ft({
-  elementRef: h,
-  callback: G,
-  attr: oe,
-  earlyReturn: J = !1,
-  retryFrames: se = 12,
-  alsoAfterFontsReady: R = !0
-}) {
-  if (J) return;
-  const W = (z) => {
-    if (!z) return;
-    let S;
-    if (typeof z.getBBox == "function")
-      try {
-        const P = z.getBBox();
-        S = oe === "width" ? P.width : P.height;
-      } catch {
-      }
-    if (typeof S != "number" || Number.isNaN(S))
-      try {
-        const P = z.getBoundingClientRect();
-        S = oe === "width" ? P.width : P.height;
-      } catch {
-        S = void 0;
-      }
-    typeof S == "number" && !Number.isNaN(S) && G(S);
-  };
-  pt(
-    (z) => {
-      const S = h.value;
-      if (!S) return;
-      let P = !1;
-      (async () => {
-        await xe();
-        for (let T = 0; T < se; T += 1) {
-          if (P) return;
-          await new Promise(
-            (K) => requestAnimationFrame(K)
-          );
-          const X = h.value;
-          if (!X) return;
-          W(X);
-        }
-        if (R && typeof document < "u" && document.fonts && document.fonts.ready) {
-          try {
-            await document.fonts.ready;
-          } catch {
-          }
-          !P && h.value && W(h.value);
-        }
-      })();
-      const ue = new MutationObserver(() => {
-        h.value && requestAnimationFrame(() => {
-          h.value && W(h.value);
-        });
-      });
-      ue.observe(S, {
-        childList: !0,
-        subtree: !0,
-        characterData: !0,
-        attributes: !0,
-        attributeFilter: ["transform", "style", "class"]
-      });
-      let A;
-      if (typeof ResizeObserver < "u") {
-        const T = S.ownerSVGElement ? S.ownerSVGElement : S;
-        A = new ResizeObserver(() => {
-          const X = h.value;
-          X && W(X);
-        }), A.observe(T);
-      }
-      z(() => {
-        P = !0, ue.disconnect(), A && A.disconnect();
-      });
-    },
-    { flush: "post" }
-  );
-}
-const wa = {
-  mounted(h, G) {
-    ol(h, G.value);
-  },
-  updated(h, G) {
-    ol(h, G.value);
-  }
-};
-function ol(h, {
-  cellWidth: G,
-  cellHeight: oe,
-  maxFontSize: J,
-  minFontSize: se,
-  index: R,
-  reportRotation: W,
-  reportHide: z,
-  rotateAll: S,
-  hideAll: P
-}) {
-  h.removeAttribute("transform"), h.removeAttribute("visibility");
-  let fe = !1, ue = !1;
-  h.setAttribute("font-size", J);
-  const A = h.getComputedTextLength();
-  if (A <= G)
-    W(R, !1), z(R, !1);
-  else {
-    const T = Math.floor(J * G / A);
-    T >= se ? (h.setAttribute("font-size", T), W(R, !1), z(R, !1)) : (W(R, !0), z(R, !1), fe = !0);
-  }
-  if (S && (fe = !0), fe) {
-    h.setAttribute("font-size", J);
-    const T = h.getBBox(), X = T.x + T.width / 2, K = T.y + T.height / 2;
-    h.setAttribute("transform", `rotate(-90 ${X} ${K})`);
-    const M = h.getBBox().width;
-    if (M <= oe)
-      z(R, !1);
-    else {
-      const ne = Math.floor(J * oe / M);
-      ne >= se ? (h.setAttribute("font-size", ne), z(R, !1)) : (ue = !0, z(R, !0));
-    }
-  }
-  (P || ue) && h.setAttribute("visibility", "hidden");
-}
-const ka = ["id"], Ca = ["id"], Aa = ["xmlns", "aria-describedby", "viewBox"], La = ["x", "y", "width", "height"], Sa = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ta = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], $a = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], za = ["data-a11y-cell-id", "x", "y", "width", "height", "fill", "stroke", "stroke-width", "aria-label", "onMouseover", "onMouseout", "onClick"], _a = ["font-size", "font-weight", "fill", "x", "y"], Ia = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Oa = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ma = ["font-size", "fill", "x", "y", "font-weight"], Na = ["font-size", "fill", "x", "y", "font-weight"], Fa = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ra = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Pa = { key: 6 }, Da = ["x", "y", "width", "height", "stroke", "stroke-width"], Ha = { key: 7 }, Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Va = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Xa = { class: "vue-ui-heatmap-legend-gauge-right" }, Ba = ["data-value"], Ua = { class: "vue-ui-heatmap-gauge-indicator-value" }, Ga = {
-  key: 1,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, Wa = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, Ka = { class: "vue-ui-data-table" }, Ya = { key: 0 }, qa = ["data-cell"], ja = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ja = ["data-cell"], Qa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Za = {
-  __name: "vue-ui-heatmap",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["selectDatapoint", "copyAlt"],
-  setup(h, { expose: G, emit: oe }) {
-    Ul((t) => ({
-      v59e69720: t.tdo
-    }));
-    const J = be(() => import("./Tooltip-Cvt7Fi0Q.js")), se = be(() => import("./BaseIcon-DX0hTWa-.js")), R = be(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), W = be(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), z = be(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), S = be(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_heatmap: P } = ua(), { isThemeValid: fe, warnInvalidTheme: ue } = ca(), A = h, T = oe, X = f({
-      get() {
-        return !!A.dataset && A.dataset.length;
-      },
-      set(t) {
-        return t;
-      }
-    }), K = v(yt()), M = v(null), ne = v(!1), Ke = v(""), we = v(void 0), D = v(null), gt = v(0), bt = v(null), mt = v(0), sl = v(null), ke = v(null), Ye = v(null), Fe = v(!1), Re = v(!1), xt = v(null), wt = v(null), ul = v(null), kt = v(null), nl = v(null), qe = v(null), je = v(null), il = v(null), Ct = v(null), pe = Gl(null), ie = v(null), Pe = v(null), At = v({ x: 0, y: 0 }), Je = v("pointer"), De = v(!1), e = v(et()), He = f(
-      () => e.value.userOptions.useCursorPointer
-    );
-    function rl() {
-      const t = Array(7).fill("_"), o = [], l = 14, s = t.length;
-      for (let r = 0; r < s; r += 1) {
-        const c = [];
-        for (let m = 0; m < l; m += 1)
-          c.push(r + m * 2);
-        o.push({
-          name: `${t[r]}`,
-          values: c
-        });
-      }
-      return o;
-    }
-    const vl = f(() => Zt({
-      defaultConfig: {
-        table: { show: !1 },
-        userOptions: { show: !1 },
-        style: {
-          backgroundColor: "#99999930",
-          layout: {
-            cells: {
-              colors: {
-                hot: "#999999",
-                cold: "#CACACA"
-              },
-              columnTotal: { value: { show: !1 } },
-              rowTotal: { value: { show: !1 } },
-              value: { show: !1 }
-            },
-            dataLabels: {
-              xAxis: { show: !1 },
-              yAxis: { show: !1 }
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: Ee, FINAL_DATASET: C, manualLoading: Qe } = ia({
-      ...Wl(A),
-      FINAL_CONFIG: e,
-      prepareConfig: et,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await xe(), M.value && ea(M.value, { delta: 0.1, delay: 250 });
-        });
-      },
-      skeletonDataset: A.config?.skeletonDataset ?? rl(),
-      skeletonConfig: Zt({
-        defaultConfig: e.value,
-        userConfig: vl.value
-      })
-    }), { userOptionsVisible: Ze, setUserOptionsVisibility: cl, keepUserOptionState: Lt } = ya({ config: e.value }), { svgRef: re } = ha({
-      config: e.value.style.title
-    });
-    function St(t) {
-      cl(t);
-    }
-    function et() {
-      const t = ht({
-        userConfig: A.config,
-        defaultConfig: P
-      });
-      let o = {};
-      const l = t.theme;
-      if (l)
-        if (!fe.value(t))
-          ue(t), o = t;
-        else {
-          const s = ht({
-            userConfig: ga[l] || A.config,
-            defaultConfig: t
-          });
-          o = {
-            ...ht({
-              userConfig: A.config,
-              defaultConfig: s
-            })
-          };
-        }
-      else
-        o = t;
-      return o;
-    }
-    Be(
-      () => A.config,
-      (t) => {
-        Ee.value || (e.value = et()), Ze.value = !e.value.userOptions.showOnChartHover, at(), mt.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, Ce.value = e.value.style.layout.width, Ae.value = e.value.style.layout.height;
-      },
-      { deep: !0 }
-    ), Be(
-      () => A.dataset,
-      (t) => {
-        Array.isArray(t) && t.length > 0 && (Qe.value = !1), at();
-      },
-      { deep: !0 }
-    );
-    const { isPrinting: tt, isImaging: lt, generatePdf: Tt, generateImage: $t } = na({
-      elementId: `heatmap__${K.value}`,
-      fileName: e.value.style.title.text || "vue-ui-heatmap",
-      options: e.value.userOptions.print
-    }), dl = f(() => e.value.userOptions.show && !e.value.style.title.text), H = v({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.tooltip.show
-    });
-    Be(
-      e,
-      () => {
-        H.value = {
-          showTable: e.value.table.show,
-          showTooltip: e.value.style.tooltip.show
-        };
-      },
-      { immediate: !0 }
-    );
-    const yl = f(() => e.value.table.responsiveBreakpoint), Q = v(null), zt = f(() => !!e.value.debug);
-    function at() {
-      if (el(A.dataset) && (tl({
-        componentName: "VueUiHeatmap",
-        type: "dataset",
-        debug: zt.value
-      }), X.value = !1, Qe.value = !0), el(A.dataset) || (Qe.value = e.value.loading), e.value.responsive) {
-        const t = We(() => {
-          const { width: o, height: l } = sa({
-            chart: M.value,
-            title: e.value.style.title.text ? xt.value : null,
-            // add legend hirizontal in legend attr
-            // add legend vertical in some other attr and modify composable to subtract width
-            source: Ct.value,
-            noTitle: wt.value
-          });
-          requestAnimationFrame(() => {
-            Ce.value = o, Ae.value = l;
-          });
-        });
-        Q.value && (pe.value && Q.value.unobserve(pe.value), Q.value.disconnect()), Q.value = new ResizeObserver(t), pe.value = M.value.parentNode, Q.value.observe(pe.value);
-      }
-    }
-    qt(() => {
-      Q.value && (pe.value && Q.value.unobserve(pe.value), Q.value.disconnect());
-    }), Kl(() => {
-      at();
-    });
-    const Y = f(() => Math.max(
-      ...C.value.flatMap((t) => (t.values || []).length)
-    )), Ce = v(e.value.style.layout.width), Ae = v(e.value.style.layout.height), E = f(() => ({
-      width: Math.max(10, Ce.value),
-      height: Math.max(10, Ae.value)
-    })), ge = v(0), hl = We((t) => {
-      t !== ge.value && (ge.value = t);
-    }, 100);
-    ft({
-      elementRef: qe,
-      callback: hl,
-      attr: "height"
-    });
-    const ve = v(0), fl = We((t) => {
-      t !== ve.value && (ve.value = t);
-    }, 100);
-    ft({
-      elementRef: kt,
-      callback: fl,
-      attr: "width"
-    });
-    const Le = v(0), pl = We((t) => {
-      t !== Le.value && (Le.value = t);
-    }, 100);
-    ft({
-      elementRef: je,
-      callback: pl,
-      attr: "height"
-    }), qt(() => {
-      ge.value = 0, ve.value = 0, Le.value = 0;
-    });
-    const d = f(() => Math.min(E.value.height, E.value.width) / 1e3 * e.value.style.layout.cells.spacing), a = f(() => {
-      let t = 0;
-      e.value.style.legend.show && (t = e.value.style.legend.width);
-      const o = e.value.style.layout.padding, l = e.value.style.layout.dataLabels.xAxis.fontSize / 3, s = e.value.style.layout.dataLabels.xAxis.fontSize / 2, r = E.value.height - o.top - o.bottom - ge.value - l, c = E.value.width / 60, m = {
-        x: d.value * Y.value,
-        y: d.value * ((C.value || []).length + 1)
-      }, _ = E.value.width - o.left - o.right - m.x - c * 2 - 2 - t - ve.value, y = r - c - m.y - Le.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, w = {
-        width: Math.max(3, _ / Y.value),
-        height: Math.max(3, y / (C.value.length ?? 1))
-      };
-      return {
-        top: o.top + ge.value + c + l,
-        topLabelsHeight: ge.value,
-        sumCellXHeight: c,
-        height: y,
-        left: o.left + ve.value + c / 2,
-        right: o.right - t,
-        bottom: E.value.height - o.bottom - Le.value,
-        width: _,
-        cellSize: w
-      };
-    }), Z = f(() => Math.max(...C.value.flatMap((t) => t.values))), Se = f(() => Math.min(...C.value.flatMap((t) => t.values))), ce = f(() => {
-      const t = C.value.flatMap((l) => l.values);
-      return t.reduce((l, s) => l + s, 0) / t.length;
-    }), _t = v([]), It = v([]);
-    let Ot = 0;
-    pt(() => {
-      const t = ++Ot;
-      (async () => {
-        const o = e.value.style.layout.dataLabels.yAxis, l = await ll({
-          values: o.values.length ? o.values : C.value.map((s) => s.name),
-          maxDatapoints: C.value.length,
-          formatter: o.datetimeFormatter,
-          start: 0,
-          end: C.value.length
-        });
-        t === Ot && (_t.value = l);
-      })();
-    });
-    let Mt = 0;
-    pt(() => {
-      const t = ++Mt;
-      (async () => {
-        const o = e.value.style.layout.dataLabels.xAxis, l = await ll({
-          values: o.values,
-          maxDatapoints: Y.value,
-          formatter: o.datetimeFormatter,
-          start: 0,
-          end: Y.value
-        });
-        t === Mt && (It.value = l);
-      })();
-    });
-    const x = f(() => {
-      const t = _t.value.map((y) => y.text), o = It.value.map((y) => y.text), l = C.value.map(
-        (y) => y.values.reduce((w, B) => w + B, 0)
-      ), s = Math.max(...l), r = Math.min(...l), c = [];
-      for (let y = 0; y < Y.value; y += 1)
-        c.push(
-          C.value.map((w) => w.values[y] || 0).reduce((w, B) => w + B, 0)
-        );
-      const m = Math.max(...c), _ = Math.min(...c);
-      return {
-        yTotals: l.map((y) => {
-          const w = isNaN(y / s) ? 0 : y / s;
-          return {
-            total: y,
-            proportion: w,
-            color: Ne(
-              e.value.style.layout.cells.colors.cold,
-              e.value.style.layout.cells.colors.hot,
-              r,
-              s,
-              y
-            )
-          };
-        }),
-        xTotals: c.map((y) => {
-          const w = isNaN(y / m) ? 0 : y / m;
-          return {
-            total: y,
-            proportion: w,
-            color: Ne(
-              e.value.style.layout.cells.colors.cold,
-              e.value.style.layout.cells.colors.hot,
-              _,
-              m,
-              y
-            )
-          };
-        }),
-        yLabels: t,
-        xLabels: o.slice(0, Y.value)
-      };
-    }), $ = f(() => (C.value.forEach((t, o) => {
-      Ql({
-        datasetObject: t,
-        requiredAttributes: ["values"]
-      }).forEach((l) => {
-        tl({
-          componentName: "VueUiHeatmap",
-          type: "datasetSerieAttribute",
-          property: "values",
-          index: o,
-          debug: zt.value
-        });
-      });
-    }), C.value.map((t, o) => ({
-      ...t,
-      temperatures: (t.values || []).map((l, s) => l >= ce.value ? {
-        side: "up",
-        color: Ne(
-          e.value.style.layout.cells.colors.cold,
-          e.value.style.layout.cells.colors.hot,
-          Se.value,
-          Z.value,
-          l
-        ),
-        ratio: Math.abs(
-          Math.abs(l - ce.value) / Math.abs(Z.value - ce.value)
-        ) > 1 ? 1 : Math.abs(
-          Math.abs(l - ce.value) / Math.abs(
-            Z.value - ce.value
-          )
-        ),
-        value: l,
-        yAxisName: x.value.yLabels[o],
-        xAxisName: x.value.xLabels[s],
-        id: `vue-data-ui-heatmap-cell-${yt()}`
-      } : {
-        side: "down",
-        ratio: Math.abs(
-          1 - Math.abs(l) / Math.abs(ce.value)
-        ) > 1 ? 1 : Math.abs(
-          1 - Math.abs(l) / Math.abs(ce.value)
-        ),
-        color: Ne(
-          e.value.style.layout.cells.colors.cold,
-          e.value.style.layout.cells.colors.hot,
-          Se.value,
-          Z.value,
-          l
-        ),
-        value: l,
-        yAxisName: x.value.yLabels[o],
-        xAxisName: x.value.xLabels[s],
-        id: `vue-data-ui-heatmap-cell-${yt()}`
-      })
-    })))), Nt = f(() => C.value.length), Ft = jt(Array(Nt.value * Y.value || 1).fill(!1)), gl = f(() => Ft.some((t) => t));
-    function bl(t, o) {
-      Ft[t] = o;
-    }
-    const Rt = jt(Array(Nt.value * Y.value || 1).fill(!1)), ml = f(() => Rt.some((t) => t));
-    function xl(t, o) {
-      Rt[t] = o;
-    }
-    const V = v(null), Te = v(null);
-    function ot() {
-      ne.value = !1, we.value = void 0, V.value = null, D.value = null, ie.value = null, Pe.value = null;
-    }
-    function wl(t) {
-      if (!re.value || !t) return;
-      const o = re.value.querySelector(`[data-a11y-cell-id="${t}"]`);
-      if (!o) return;
-      const l = o.getBoundingClientRect();
-      At.value = {
-        x: l.left + l.width / 2,
-        y: l.top + l.height / 2
-      };
-    }
-    function Ve(t, o, l, s, r = "pointer", c = null) {
-      if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), !H.value.showTooltip) return;
-      Je.value = r, ie.value = c, Pe.value = t.id, D.value = { x: l, y: s };
-      const { value: m, yAxisName: _, xAxisName: y, id: w } = t;
-      we.value = w, V.value = m, Te.value = {
-        datapoint: t,
-        seriesIndex: o,
-        series: $.value,
-        config: e.value
-      }, ne.value = !0;
-      let B = "";
-      const he = e.value.style.tooltip.customFormat;
-      aa(he) && oa(
-        () => he({
-          datapoint: t,
-          seriesIndex: o,
-          series: $.value,
-          config: e.value
-        })
-      ) ? Ke.value = he({
-        datapoint: t,
-        seriesIndex: o,
-        series: $.value,
-        config: e.value
-      }) : (B += `<div>${_} ${y ? _ ? ` - ${y}` : `${y}` : ""}</div>`, B += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${Ne(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, Se.value, Z.value, m)}">⬤</span><span>${isNaN(m) ? "-" : le(
-        e.value.style.layout.cells.value.formatter,
-        m,
-        q({
-          p: e.value.style.layout.dataLabels.prefix,
-          v: m,
-          s: e.value.style.layout.dataLabels.suffix,
-          r: e.value.style.tooltip.roundingValue
-        }),
-        { datapoint: t, seriesIndex: o }
-      )}</span></div>`, Ke.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${B}</div>`), r === "keyboard" && xe(() => {
-        wl(t.id);
-      });
-    }
-    function kl({ datapoint: t, seriesIndex: o }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o }), !(Pe.value === t.id && Je.value === "keyboard") && (ne.value = !1, we.value = void 0, V.value = null, D.value = null);
-    }
-    function Cl(t) {
-      return le(
-        e.value.style.layout.cells.value.formatter,
-        x.value.yTotals[t].total,
-        q({
-          p: e.value.style.layout.dataLabels.prefix,
-          v: x.value.yTotals[t].total,
-          s: e.value.style.layout.dataLabels.suffix,
-          r: e.value.style.layout.cells.value.roundingValue
-        }),
-        { datapoint: x.value.yTotals[t], rowIndex: t }
-      );
-    }
-    function Al(t) {
-      return le(
-        e.value.style.layout.cells.value.formatter,
-        x.value.xTotals[t].total,
-        q({
-          p: e.value.style.layout.dataLabels.prefix,
-          v: x.value.xTotals[t].total,
-          s: e.value.style.layout.dataLabels.suffix,
-          r: e.value.style.layout.cells.value.roundingValue
-        }),
-        { datapoint: x.value.xTotals[t], colIndex: t }
-      );
-    }
-    f(() => {
-      const t = C.value.map((l) => ({
-        name: l.name
-      })), o = C.value.map((l) => l.values);
-      return { head: t, body: o };
-    });
-    function st(t = null) {
-      xe(() => {
-        const o = [
-          "",
-          ...C.value.map((c, m) => c.name)
-        ], l = [];
-        for (let c = 0; c < x.value.xLabels.length; c += 1) {
-          const m = [x.value.xLabels[c]];
-          for (let _ = 0; _ < C.value.length; _ += 1)
-            m.push([C.value[_].values[c]]);
-          l.push(m);
-        }
-        const s = [
-          [e.value.style.title.text],
-          [e.value.style.title.subtitle.text],
-          [[""], [""], [""]]
-        ].concat([o]).concat(l), r = ta(s);
-        t ? t(r) : la({
-          csvContent: r,
-          title: e.value.style.title.text || "vue-ui-heatmap"
-        });
-      });
-    }
-    const de = v(!1);
-    function Pt(t) {
-      de.value = t, gt.value += 1;
-    }
-    function Dt() {
-      H.value.showTable = !H.value.showTable;
-    }
-    function Ht() {
-      H.value.showTooltip = !H.value.showTooltip;
-    }
-    const $e = v(!1);
-    function ut() {
-      $e.value = !$e.value;
-    }
-    function Et(t, o) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o }), T("selectDatapoint", t);
-    }
-    function Ll() {
-      return $.value;
-    }
-    async function Sl({ scale: t = 2 } = {}) {
-      if (!M.value) return;
-      const { width: o, height: l } = M.value.getBoundingClientRect(), s = o / l, { imageUri: r, base64: c } = await fa({
-        domElement: M.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: r,
-        base64: c,
-        title: e.value.style.title.text,
-        width: o,
-        height: l,
-        aspectRatio: s
-      };
-    }
-    const Vt = f(() => ({
-      start: 0,
-      end: Y.value
-    })), Xt = f(() => x.value.xLabels);
-    al({
-      timeLabelsEls: qe,
-      timeLabels: Xt,
-      slicer: Vt,
-      configRef: e,
-      rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
-      autoRotatePath: [
-        "style",
-        "layout",
-        "dataLabels",
-        "xAxis",
-        "autoRotate",
-        "enable"
-      ],
-      isAutoSize: !1,
-      targetClass: ".vue-ui-heatmap-col-name",
-      rotation: e.value.style.layout.dataLabels.xAxis.autoRotate.angle,
-      width: Ce,
-      height: Ae
-    }), al({
-      timeLabelsEls: je,
-      timeLabels: Xt,
-      slicer: Vt,
-      configRef: e,
-      rotationPath: [
-        "style",
-        "layout",
-        "cells",
-        "columnTotal",
-        "value",
-        "rotation"
-      ],
-      autoRotatePath: [
-        "style",
-        "layout",
-        "cells",
-        "columnTotal",
-        "value",
-        "autoRotate",
-        "enable"
-      ],
-      isAutoSize: !1,
-      targetClass: ".vue-ui-heatmap-col-total",
-      rotation: e.value.style.layout.cells.columnTotal.value.autoRotate.angle,
-      width: Ce,
-      height: Ae
-    });
-    const Xe = f(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, o = H.value.showTable;
-      return {
-        component: t ? S : ba,
-        title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
-        props: t ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: de.value,
-          fullscreenParent: M.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: He.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: o,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.backgroundColor,
-              color: e.value.style.color
-            },
-            head: {
-              backgroundColor: e.value.style.backgroundColor,
-              color: e.value.style.color
-            }
-          }
-        }
-      };
-    });
-    Be(
-      () => H.value.showTable,
-      async (t) => {
-        e.value.table.show || (t && e.value.table.useDialog && ke.value ? (await xe(), ke.value.open()) : "close" in ke.value && ke.value.close());
-      }
-    );
-    const { isResponsive: Tl } = da(
-      bt,
-      yl
-    );
-    function nt() {
-      H.value.showTable = !1, Ye.value && Ye.value.setTableIconState(!1);
-    }
-    const $l = f(() => e.value.style.backgroundColor), zl = f(() => e.value.style.title), { exportSvg: _l, getSvg: Il } = va({
-      svg: re,
-      title: zl,
-      backgroundColor: $l
-    });
-    async function Bt({ isCb: t }) {
-      Re.value = !0, await xe();
-      try {
-        if (t) {
-          const { blob: o, url: l, text: s, dataUrl: r } = await Il();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: o,
-              url: l,
-              text: s,
-              dataUrl: r
-            })
-          );
-        } else
-          await Promise.resolve(_l());
-      } finally {
-        Re.value = !1;
-      }
-    }
-    function Ol(t) {
-      if (t?.stage === "start") {
-        Fe.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        Fe.value = !1;
-        return;
-      }
-      $t();
-    }
-    async function Ut() {
-      if (T("copyAlt", {
-        config: e.value,
-        dataset: $.value
-      }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: $.value
-        })
-      );
-    }
-    function Gt(t, o) {
-      const l = $.value[t];
-      if (!l) return null;
-      const s = l.temperatures[o];
-      return s ? {
-        cell: s,
-        rowIndex: t,
-        columnIndex: o
-      } : null;
-    }
-    function it(t, o) {
-      let l = 0;
-      for (let s = 0; s < t; s += 1)
-        l += $.value[s]?.temperatures?.length || 0;
-      return l + o;
-    }
-    function Ml() {
-      ie.value = null, Pe.value = null, De.value = !0;
-    }
-    function Nl() {
-      ot(), De.value = !1;
-    }
-    function Fl(t) {
-      if (!re.value || $e.value || document.activeElement !== re.value || !ye.value.length) return;
-      const o = t.key === "ArrowLeft", l = t.key === "ArrowRight", s = t.key === "ArrowUp", r = t.key === "ArrowDown", c = t.key === "Enter" || t.key === " ", m = t.key === "Escape";
-      if (!o && !l && !s && !r && !c && !m)
-        return;
-      if (t.preventDefault(), t.stopPropagation(), m) {
-        ot();
-        return;
-      }
-      if (c) {
-        if (ie.value === null) return;
-        const ee = ye.value[ie.value];
-        if (!ee) return;
-        Et(ee.cell, ee.rowIndex);
-        return;
-      }
-      let _ = ie.value === null ? null : ye.value[ie.value];
-      if (!_) {
-        const ee = we.value ? ye.value.findIndex(
-          (Ie) => Ie.cell.id === we.value
-        ) : null;
-        if (ee !== null && ee >= 0 && ee < ye.value.length) {
-          const Ie = ye.value[ee];
-          if (!Ie) return;
-          let j = Ie.rowIndex, te = Ie.columnIndex;
-          l ? te += 1 : o ? te -= 1 : r ? j += 1 : s && (j -= 1);
-          const vt = Wt.value.rowCount;
-          if (vt <= 0) return;
-          j < 0 && (j = vt - 1), j >= vt && (j = 0);
-          const ct = $.value[j];
-          if (!ct || !ct.temperatures.length) return;
-          const Yt = ct.temperatures.length;
-          te < 0 && (te = Yt - 1), te >= Yt && (te = 0);
-          const Oe = Gt(j, te);
-          if (!Oe) return;
-          const Vl = it(
-            j,
-            te
-          ), Xl = a.value.left + a.value.cellSize.width * Oe.columnIndex, Bl = a.value.top + a.value.cellSize.height * Oe.rowIndex;
-          Ve(
-            Oe.cell,
-            Oe.rowIndex,
-            Xl,
-            Bl,
-            "keyboard",
-            Vl
-          );
-          return;
-        }
-        const _e = ye.value[0];
-        if (!_e) return;
-        const Hl = a.value.left + a.value.cellSize.width * _e.columnIndex, El = a.value.top + a.value.cellSize.height * _e.rowIndex;
-        Ve(_e.cell, _e.rowIndex, Hl, El, "keyboard", 0);
-        return;
-      }
-      let y = _.rowIndex, w = _.columnIndex;
-      l ? w += 1 : o ? w -= 1 : r ? y += 1 : s && (y -= 1);
-      const B = Wt.value.rowCount;
-      if (B <= 0) return;
-      y < 0 && (y = B - 1), y >= B && (y = 0);
-      const he = $.value[y];
-      if (!he || !he.temperatures.length) return;
-      const Kt = he.temperatures.length;
-      w < 0 && (w = Kt - 1), w >= Kt && (w = 0);
-      const ze = Gt(y, w);
-      if (!ze) return;
-      const Rl = it(
-        y,
-        w
-      ), Pl = a.value.left + a.value.cellSize.width * ze.columnIndex, Dl = a.value.top + a.value.cellSize.height * ze.rowIndex;
-      Ve(
-        ze.cell,
-        ze.rowIndex,
-        Pl,
-        Dl,
-        "keyboard",
-        Rl
-      );
-    }
-    const rt = f(() => {
-      const t = [
-        e.value.table.colNames.xAxis,
-        ...C.value.map((l) => l.name)
-      ], o = x.value.xLabels.map((l, s) => [
-        l,
-        ...C.value.map((r) => {
-          const c = r.values?.[s];
-          return isNaN(c) ? "-" : q({
-            p: e.value.style.layout.dataLabels.prefix,
-            v: c,
-            s: e.value.style.layout.dataLabels.suffix,
-            r: e.value.table.td.roundingValue
-          });
-        })
-      ]);
-      return { headers: t, rows: o };
-    }), Wt = f(() => {
-      const t = $.value.length, o = Math.max(
-        0,
-        ...$.value.map((l) => l.temperatures.length)
-      );
-      return {
-        rowCount: t,
-        columnCount: o
-      };
-    }), ye = f(() => $.value.flatMap((t, o) => t.temperatures.map((l, s) => ({
-      cell: l,
-      rowIndex: o,
-      columnIndex: s
-    }))));
-    return G({
-      getData: Ll,
-      getImage: Sl,
-      generatePdf: Tt,
-      generateCsv: st,
-      generateImage: $t,
-      generateSvg: Bt,
-      toggleTable: Dt,
-      toggleTooltip: Ht,
-      toggleAnnotator: ut,
-      toggleFullscreen: Pt,
-      copyAlt: Ut
-    }), (t, o) => (u(), i("div", {
-      ref_key: "heatmapChart",
-      ref: M,
-      class: Me(`vue-data-ui-component vue-ui-heatmap ${de.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: L(`font-family:${e.value.style.fontFamily};width:100%;${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.backgroundColor}`),
-      id: `heatmap__${K.value}`,
-      onMouseenter: o[1] || (o[1] = () => St(!0)),
-      onMouseleave: o[2] || (o[2] = () => {
-        St(!1), De.value || ot();
-      })
-    }, [
-      p("div", {
-        id: `chart-instructions-${K.value}`,
-        class: "sr-only"
-      }, [
-        p("p", null, I(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Ca),
-      rt.value?.rows?.length ? (u(), me(ma, {
-        key: 0,
-        uid: K.value,
-        head: rt.value.headers,
-        body: rt.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : g("", !0),
-      e.value.userOptions.buttons.annotator ? (u(), me(n(R), {
-        key: 1,
-        svgRef: n(re),
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        active: $e.value,
-        isCursorPointer: He.value,
-        onClose: ut
-      }, {
-        "annotator-action-close": k(() => [
-          b(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": k(({ color: l }) => [
-          b(t.$slots, "annotator-action-color", N(F({ color: l })), void 0, !0)
-        ]),
-        "annotator-action-draw": k(({ mode: l }) => [
-          b(t.$slots, "annotator-action-draw", N(F({ mode: l })), void 0, !0)
-        ]),
-        "annotator-action-undo": k(({ disabled: l }) => [
-          b(t.$slots, "annotator-action-undo", N(F({ disabled: l })), void 0, !0)
-        ]),
-        "annotator-action-redo": k(({ disabled: l }) => [
-          b(t.$slots, "annotator-action-redo", N(F({ disabled: l })), void 0, !0)
-        ]),
-        "annotator-action-delete": k(({ disabled: l }) => [
-          b(t.$slots, "annotator-action-delete", N(F({ disabled: l })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : g("", !0),
-      dl.value ? (u(), i("div", {
-        key: 2,
-        ref_key: "noTitle",
-        ref: wt,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : g("", !0),
-      e.value.style.title.text ? (u(), i("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: xt,
-        style: "width:100%;background:transparent"
-      }, [
-        (u(), me(pa, {
-          key: `title_${mt.value}`,
-          config: {
-            title: {
-              cy: "heatmap-div-title",
-              ...e.value.style.title
-            },
-            subtitle: {
-              cy: "heatmap-div-subtitle",
-              ...e.value.style.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : g("", !0),
-      e.value.userOptions.show && X.value && (n(Lt) || n(Ze)) ? (u(), me(n(W), {
-        ref_key: "userOptionsRef",
-        ref: Ye,
-        key: `user_options_${gt.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isImaging: n(lt),
-        isPrinting: n(tt),
-        uid: K.value,
-        hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: de.value,
-        isTooltip: H.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: M.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: $e.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        isCursorPointer: He.value,
-        onToggleFullscreen: Pt,
-        onGeneratePdf: n(Tt),
-        onGenerateCsv: st,
-        onGenerateImage: Ol,
-        onGenerateSvg: Bt,
-        onToggleTable: Dt,
-        onToggleTooltip: Ht,
-        onToggleAnnotator: ut,
-        onCopyAlt: Ut,
-        style: L({
-          visibility: n(Lt) ? n(Ze) ? "visible" : "hidden" : "visible"
-        })
-      }, Jt({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: k(({ isOpen: l, color: s }) => [
-            b(t.$slots, "menuIcon", N(F({ isOpen: l, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: k(() => [
-            b(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: k(() => [
-            b(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: k(() => [
-            b(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: k(() => [
-            b(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: k(() => [
-            b(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: k(() => [
-            b(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: k(({ toggleFullscreen: l, isFullscreen: s }) => [
-            b(t.$slots, "optionFullscreen", N(F({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: k(({ toggleAnnotator: l, isAnnotator: s }) => [
-            b(t.$slots, "optionAnnotator", N(F({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: k(({ altCopy: l }) => [
-            b(t.$slots, "optionAltCopy", N(F({ altCopy: l })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : g("", !0),
-      p("div", {
-        class: Me({
-          "vue-ui-heatmap-chart-wrapper": !0,
-          "vue-ui-heatmap-chart-wrapper-legend-right": e.value.style.legend.show
-        })
-      }, [
-        (u(), i("svg", {
-          ref_key: "svgRef",
-          ref: re,
-          xmlns: n(Zl),
-          "aria-describedby": `chart-instructions-${K.value}`,
-          class: Me({
-            "vue-data-ui-fullscreen--on": de.value,
-            "vue-data-ui-fulscreen--off": !de.value
-          }),
-          viewBox: `0 0 ${E.value.width} ${E.value.height}`,
-          width: "100%",
-          style: L(`overflow: visible; background:transparent;color:${e.value.style.color}`),
-          "aria-live": "polite",
-          role: "img",
-          preserveAspectRatio: "xMidYMid",
-          tabindex: "0",
-          onFocus: Ml,
-          onBlur: Nl,
-          onKeydown: Fl
-        }, [
-          Ue(n(z)),
-          t.$slots["chart-background"] ? (u(), i("foreignObject", {
-            key: 0,
-            x: a.value.left,
-            y: a.value.top,
-            width: a.value.width,
-            height: a.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            b(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, La)) : g("", !0),
-          e.value.style.layout.cells.columnTotal.color.show ? (u(), i("g", {
-            key: 1,
-            ref_key: "xAxisSumRects",
-            ref: il
-          }, [
-            (u(!0), i(O, null, U(x.value.xTotals, (l, s) => (u(), i("rect", {
-              x: a.value.left + a.value.cellSize.width * s + d.value / 2 + a.value.sumCellXHeight,
-              y: a.value.top - a.value.sumCellXHeight + d.value * (E.value.height / E.value.width),
-              height: a.value.sumCellXHeight,
-              width: a.value.cellSize.width - d.value,
-              fill: e.value.style.layout.cells.colors.underlayer,
-              stroke: e.value.style.backgroundColor,
-              "stroke-width": d.value
-            }, null, 8, Sa))), 256)),
-            (u(!0), i(O, null, U(x.value.xTotals, (l, s) => (u(), i("rect", {
-              x: a.value.left + a.value.cellSize.width * s + d.value / 2 + a.value.sumCellXHeight,
-              y: a.value.top - a.value.sumCellXHeight + d.value * (E.value.height / E.value.width),
-              height: a.value.sumCellXHeight,
-              width: a.value.cellSize.width - d.value,
-              fill: l.color,
-              stroke: e.value.style.backgroundColor,
-              "stroke-width": d.value
-            }, null, 8, Ta))), 256))
-          ], 512)) : g("", !0),
-          p("g", {
-            ref_key: "datapoints",
-            ref: sl
-          }, [
-            (u(!0), i(O, null, U($.value, (l, s) => (u(), i(O, null, [
-              (u(!0), i(O, null, U(l.temperatures, (r, c) => (u(), i("g", null, [
-                p("rect", {
-                  x: a.value.left + a.value.cellSize.width * c + d.value / 2 + a.value.sumCellXHeight,
-                  y: a.value.top + a.value.cellSize.height * s + d.value / 2,
-                  width: a.value.cellSize.width - d.value,
-                  height: a.value.cellSize.height - d.value,
-                  fill: e.value.style.layout.cells.colors.underlayer,
-                  stroke: e.value.style.backgroundColor,
-                  "stroke-width": d.value
-                }, null, 8, $a),
-                p("rect", {
-                  "data-a11y-cell-id": r.id,
-                  x: a.value.left + a.value.cellSize.width * c + d.value / 2 + a.value.sumCellXHeight,
-                  y: a.value.top + a.value.cellSize.height * s + d.value / 2,
-                  width: a.value.cellSize.width - d.value,
-                  height: a.value.cellSize.height - d.value,
-                  fill: r.color,
-                  stroke: e.value.style.backgroundColor,
-                  "stroke-width": d.value,
-                  "aria-label": `${r.yAxisName}${r.xAxisName ? ` - ${r.xAxisName}` : ""}: ${isNaN(r.value) ? "-" : r.value}`,
-                  onMouseover: (m) => Ve(
-                    r,
-                    s,
-                    a.value.left + a.value.cellSize.width * c,
-                    a.value.top + a.value.cellSize.height * s,
-                    "pointer",
-                    it(s, c)
-                  ),
-                  onMouseout: () => kl({
-                    datapoint: r,
-                    seriesIndex: s
-                  }),
-                  onClick: () => Et(r, s)
-                }, null, 40, za),
-                e.value.style.layout.cells.value.show ? Qt((u(), i("text", {
-                  key: 0,
-                  "text-anchor": "middle",
-                  "font-size": e.value.style.layout.cells.value.fontSize,
-                  "font-weight": e.value.style.layout.cells.value.bold ? "bold" : "normal",
-                  fill: n(Ge)(r.color),
-                  x: a.value.left + a.value.cellSize.width * c + a.value.cellSize.width / 2 + a.value.sumCellXHeight,
-                  y: a.value.top + a.value.cellSize.height * s + a.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
-                  style: {
-                    pointerEvents: "none",
-                    userSelect: "none"
-                  }
-                }, [
-                  dt(I(n(le)(
-                    e.value.style.layout.cells.value.formatter,
-                    r.value,
-                    n(q)({
-                      p: e.value.style.layout.dataLabels.prefix,
-                      v: r.value,
-                      s: e.value.style.layout.dataLabels.suffix,
-                      r: e.value.style.layout.cells.value.roundingValue
-                    }),
-                    { datapoint: r }
-                  )), 1)
-                ], 8, _a)), [
-                  [n(wa), {
-                    cellWidth: a.value.cellSize.width - d.value,
-                    cellHeight: a.value.cellSize.height - d.value,
-                    maxFontSize: e.value.style.layout.cells.value.fontSize,
-                    minFontSize: 10,
-                    index: s * Y.value + c,
-                    reportHide: xl,
-                    reportRotation: bl,
-                    hideAll: ml.value,
-                    rotateAll: gl.value
-                  }]
-                ]) : g("", !0)
-              ]))), 256))
-            ], 64))), 256))
-          ], 512),
-          e.value.style.layout.cells.rowTotal.color.show ? (u(), i("g", {
-            key: 2,
-            ref_key: "yAxisSumRects",
-            ref: nl
-          }, [
-            (u(!0), i(O, null, U($.value, (l, s) => (u(), i(O, null, [
-              p("rect", {
-                x: a.value.left,
-                y: a.value.top + a.value.cellSize.height * s,
-                width: a.value.sumCellXHeight,
-                height: a.value.cellSize.height - d.value,
-                fill: e.value.style.layout.cells.colors.underlayer,
-                stroke: e.value.style.backgroundColor,
-                "stroke-width": d.value
-              }, null, 8, Ia),
-              p("rect", {
-                x: a.value.left,
-                y: a.value.top + a.value.cellSize.height * s + d.value / 2,
-                width: a.value.sumCellXHeight,
-                height: a.value.cellSize.height - d.value,
-                fill: x.value.yTotals[s].color,
-                stroke: e.value.style.backgroundColor,
-                "stroke-width": d.value
-              }, null, 8, Oa)
-            ], 64))), 256))
-          ], 512)) : g("", !0),
-          e.value.style.layout.dataLabels.yAxis.show ? (u(), i("g", {
-            key: 3,
-            ref_key: "yAxisLabels",
-            ref: kt
-          }, [
-            (u(!0), i(O, null, U($.value, (l, s) => (u(), i(O, null, [
-              p("text", {
-                class: "vue-ui-heatmap-row-name",
-                "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
-                fill: e.value.style.layout.dataLabels.yAxis.color,
-                x: ve.value,
-                y: a.value.top + a.value.cellSize.height * s + a.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"
-              }, I(x.value.yLabels[s]), 9, Ma),
-              e.value.style.layout.cells.rowTotal.value.show ? (u(), i("text", {
-                key: 0,
-                class: "vue-ui-heatmap-row-total",
-                "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
-                fill: e.value.style.layout.dataLabels.yAxis.color,
-                x: ve.value,
-                y: a.value.top + a.value.cellSize.height * s + a.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"
-              }, I(Cl(s)), 9, Na)) : g("", !0)
-            ], 64))), 256))
-          ], 512)) : g("", !0),
-          e.value.style.layout.dataLabels.xAxis.show ? (u(), i("g", {
-            key: 4,
-            ref_key: "xAxisLabels",
-            ref: qe
-          }, [
-            (u(!0), i(O, null, U(x.value.xLabels, (l, s) => (u(), i(O, null, [
-              !e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo || e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo && s % e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo === 0 ? (u(), i("text", {
-                key: 0,
-                class: "vue-ui-heatmap-col-name",
-                "text-anchor": e.value.style.layout.dataLabels.xAxis.rotation === 0 ? "middle" : e.value.style.layout.dataLabels.xAxis.rotation < 0 ? "start" : "end",
-                "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(${a.value.left + a.value.cellSize.width / 2 + a.value.width / x.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + a.value.sumCellXHeight}, ${a.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, I(l), 9, Fa)) : g("", !0)
-            ], 64))), 256))
-          ], 512)) : g("", !0),
-          e.value.style.layout.cells.columnTotal.value.show ? (u(), i("g", {
-            key: 5,
-            ref_key: "xAxisSums",
-            ref: je
-          }, [
-            (u(!0), i(O, null, U(x.value.xLabels, (l, s) => (u(), i("text", {
-              class: "vue-ui-heatmap-col-total",
-              "text-anchor": e.value.style.layout.cells.columnTotal.value.rotation === 0 ? "middle" : e.value.style.layout.cells.columnTotal.value.rotation < 0 ? "end" : "start",
-              "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(${a.value.left + a.value.cellSize.width / 2 + a.value.width / x.value.xLabels.length * s + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + a.value.sumCellXHeight}, ${a.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize / 2}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
-            }, I(Al(s)), 9, Ra))), 256))
-          ], 512)) : g("", !0),
-          D.value ? (u(), i("g", Pa, [
-            p("rect", {
-              style: { "pointer-events": "none" },
-              x: D.value.x - e.value.style.layout.cells.selected.border / 2 + d.value + a.value.sumCellXHeight,
-              y: D.value.y - e.value.style.layout.cells.selected.border / 2 + d.value,
-              width: a.value.cellSize.width - d.value + e.value.style.layout.cells.selected.border - d.value,
-              height: a.value.cellSize.height - d.value + e.value.style.layout.cells.selected.border - d.value,
-              fill: "transparent",
-              stroke: e.value.style.layout.cells.selected.color,
-              "stroke-width": e.value.style.layout.cells.selected.border,
-              rx: 1
-            }, null, 8, Da)
-          ])) : g("", !0),
-          e.value.style.layout.crosshairs.show && D.value ? (u(), i("g", Ha, [
-            p("line", {
-              x1: a.value.left + a.value.sumCellXHeight,
-              x2: D.value.x + a.value.sumCellXHeight,
-              y1: D.value.y + (a.value.cellSize.height - d.value) / 2,
-              y2: D.value.y + (a.value.cellSize.height - d.value) / 2,
-              stroke: e.value.style.layout.crosshairs.stroke,
-              "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
-              "stroke-dasharray": e.value.style.layout.crosshairs.strokeDasharray,
-              "stroke-linecap": "round"
-            }, null, 8, Ea),
-            p("line", {
-              x1: D.value.x + a.value.sumCellXHeight + (a.value.cellSize.width - d.value) / 2,
-              x2: D.value.x + a.value.sumCellXHeight + (a.value.cellSize.width - d.value) / 2,
-              y1: D.value.y,
-              y2: a.value.top,
-              stroke: e.value.style.layout.crosshairs.stroke,
-              "stroke-width": e.value.style.layout.crosshairs.strokeWidth,
-              "stroke-dasharray": e.value.style.layout.crosshairs.strokeDasharray,
-              "stroke-linecap": "round"
-            }, null, 8, Va)
-          ])) : g("", !0),
-          b(t.$slots, "svg", {
-            svg: {
-              ...E.value,
-              isPrintingImg: n(tt) | n(lt) | Fe.value,
-              isPrintingSvg: Re.value
-            }
-          }, void 0, !0)
-        ], 46, Aa)),
-        e.value.style.legend.show ? (u(), i("div", {
-          key: 0,
-          ref_key: "legendRight",
-          ref: ul,
-          class: "vue-ui-heatmap-legend-right",
-          style: L({
-            "--legend-width": e.value.style.legend.width + "px"
-          })
-        }, [
-          n(Ee) ? g("", !0) : (u(), i("div", {
-            key: 0,
-            class: "vue-ui-heatmap-legend-label-max",
-            style: L({
-              fontSize: e.value.style.legend.fontSize + "px",
-              color: e.value.style.legend.color
-            })
-          }, I(n(le)(
-            e.value.style.layout.cells.value.formatter,
-            n(ae)(Z.value),
-            n(q)({
-              p: e.value.style.layout.dataLabels.prefix,
-              v: n(ae)(Z.value),
-              s: e.value.style.layout.dataLabels.suffix,
-              r: e.value.style.legend.roundingValue
-            })
-          )), 5)),
-          p("div", Xa, [
-            p("div", {
-              class: "vue-ui-heatmap-gauge",
-              style: L({
-                background: `linear-gradient(to bottom, ${e.value.style.layout.cells.colors.hot}, ${e.value.style.layout.cells.colors.cold})`
-              })
-            }, [
-              Qt(p("div", {
-                class: "vue-ui-heatmap-gauge-indicator",
-                "data-value": n(le)(
-                  e.value.style.layout.cells.value.formatter,
-                  n(ae)(V.value),
-                  n(q)({
-                    p: e.value.style.layout.dataLabels.prefix,
-                    v: n(ae)(V.value),
-                    s: e.value.style.layout.dataLabels.suffix,
-                    r: e.value.style.legend.roundingValue
-                  })
-                ),
-                style: L({
-                  position: "absolute",
-                  width: "100%",
-                  height: "2px",
-                  background: [void 0, null].includes(
-                    V.value
-                  ) ? "transparent" : n(Ge)(
-                    Te.value.datapoint.color
-                  ),
-                  top: `${[void 0, null].includes(V.value) ? 0 : (1 - V.value / Z.value) * 100}%`,
-                  transition: "all 0.2s ease-in-out",
-                  "--background-color": e.value.style.backgroundColor,
-                  "--gauge-arrow-color": n(Ge)(
-                    e.value.style.backgroundColor
-                  ),
-                  "--gauge-arrow-text-color": n(Ge)(
-                    e.value.style.backgroundColor
-                  ),
-                  "--gauge-arrow-value": V.value,
-                  "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
-                })
-              }, [
-                p("div", Ua, I(n(le)(
-                  e.value.style.layout.cells.value.formatter,
-                  n(ae)(V.value),
-                  n(q)({
-                    p: e.value.style.layout.dataLabels.prefix,
-                    v: n(ae)(V.value),
-                    s: e.value.style.layout.dataLabels.suffix,
-                    r: e.value.style.legend.roundingValue
-                  })
-                )), 1)
-              ], 12, Ba), [
-                [Yl, ![void 0, null].includes(V.value)]
-              ])
-            ], 4)
-          ]),
-          n(Ee) ? g("", !0) : (u(), i("div", {
-            key: 1,
-            class: "vue-ui-heatmap-legend-label-min",
-            style: L({
-              fontSize: e.value.style.legend.fontSize + "px",
-              color: e.value.style.legend.color
-            })
-          }, I(n(le)(
-            e.value.style.layout.cells.value.formatter,
-            n(ae)(Se.value),
-            n(q)({
-              p: e.value.style.layout.dataLabels.prefix,
-              v: n(ae)(Se.value),
-              s: e.value.style.layout.dataLabels.suffix,
-              r: e.value.style.legend.roundingValue
-            })
-          )), 5))
-        ], 4)) : g("", !0),
-        t.$slots.hint ? (u(), i("div", Ga, [
-          b(t.$slots, "hint", N(F({
-            hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: De.value
-          })), void 0, !0)
-        ])) : g("", !0)
-      ], 2),
-      t.$slots.watermark ? (u(), i("div", Wa, [
-        b(t.$slots, "watermark", N(F({
-          isPrinting: n(tt) || n(lt) || Fe.value || Re.value
-        })), void 0, !0)
-      ])) : g("", !0),
-      t.$slots.source ? (u(), i("div", {
-        key: 6,
-        ref_key: "source",
-        ref: Ct,
-        dir: "auto"
-      }, [
-        b(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : g("", !0),
-      Ue(n(J), {
-        teleportTo: e.value.style.tooltip.teleportTo,
-        show: H.value.showTooltip && ne.value,
-        backgroundColor: e.value.style.tooltip.backgroundColor,
-        color: e.value.style.tooltip.color,
-        borderRadius: e.value.style.tooltip.borderRadius,
-        borderColor: e.value.style.tooltip.borderColor,
-        borderWidth: e.value.style.tooltip.borderWidth,
-        fontSize: e.value.style.tooltip.fontSize,
-        backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
-        position: e.value.style.tooltip.position,
-        offsetY: e.value.style.tooltip.offsetY,
-        parent: M.value,
-        content: Ke.value,
-        isFullscreen: de.value,
-        isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
-        smooth: e.value.style.tooltip.smooth,
-        backdropFilter: e.value.style.tooltip.backdropFilter,
-        smoothForce: e.value.style.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold,
-        isA11yMode: Je.value === "keyboard",
-        a11yPosition: At.value
-      }, {
-        "tooltip-before": k(() => [
-          b(t.$slots, "tooltip-before", N(F({ ...Te.value })), void 0, !0)
-        ]),
-        tooltip: k(() => [
-          b(t.$slots, "tooltip", N(F({ ...Te.value })), void 0, !0)
-        ]),
-        "tooltip-after": k(() => [
-          b(t.$slots, "tooltip-after", N(F({ ...Te.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      X.value && e.value.userOptions.buttons.table ? (u(), me(ql(Xe.value.component), jl({ key: 7 }, Xe.value.props, {
-        ref_key: "tableUnit",
-        ref: ke,
-        onClose: nt
-      }), Jt({
-        content: k(() => [
-          p("div", {
-            ref_key: "tableContainer",
-            ref: bt,
-            class: "vue-ui-heatmap-table atom-data-table",
-            style: L(`${e.value.table.useDialog ? "" : "max-height: 300px; margin-top: 24px;"}`)
-          }, [
-            p("div", {
-              style: L(`width:100%;overflow-x:auto;position:relative;${e.value.table.useDialog ? "" : "padding-top:36px"};`),
-              class: Me({ "vue-ui-responsive": n(Tl) })
-            }, [
-              e.value.table.useDialog ? g("", !0) : (u(), i("div", {
-                key: 0,
-                role: "button",
-                tabindex: "0",
-                style: L(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.value.table.th.backgroundColor};`),
-                onClick: nt,
-                onKeypress: Jl(nt, ["enter"])
-              }, [
-                Ue(n(se), {
-                  name: "close",
-                  stroke: e.value.table.th.color,
-                  "stroke-width": 2
-                }, null, 8, ["stroke"])
-              ], 36)),
-              p("table", Ka, [
-                e.value.table.useDialog ? g("", !0) : (u(), i("caption", {
-                  key: 0,
-                  style: L(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
-                }, [
-                  dt(I(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (u(), i("span", Ya, I(e.value.style.title.subtitle.text), 1)) : g("", !0)
-                ], 4)),
-                p("thead", null, [
-                  p("tr", {
-                    role: "row",
-                    style: L(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color}`)
-                  }, [
-                    p("th", {
-                      style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
-                    }, null, 4),
-                    (u(!0), i(O, null, U(h.dataset, (l, s) => (u(), i("th", {
-                      align: "right",
-                      style: L(`outline:${e.value.table.th.outline};padding-right:6px`)
-                    }, I(l.name), 5))), 256))
-                  ], 4)
-                ]),
-                p("tbody", null, [
-                  (u(!0), i(O, null, U(x.value.xLabels, (l, s) => (u(), i("tr", {
-                    role: "row",
-                    class: Me({
-                      "vue-ui-data-table__tbody__row": !0,
-                      "vue-ui-data-table__tbody__row-even": s % 2 === 0,
-                      "vue-ui-data-table__tbody__row-odd": s % 2 !== 0
-                    }),
-                    style: L(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
-                  }, [
-                    p("td", {
-                      "data-cell": e.value.table.colNames.xAxis,
-                      class: "vue-ui-data-table__tbody__td",
-                      style: L(`outline:${e.value.table.td.outline}`)
-                    }, [
-                      p("div", ja, I(l), 1)
-                    ], 12, qa),
-                    (u(!0), i(O, null, U(h.dataset, (r, c) => (u(), i("td", {
-                      class: "vue-ui-data-table__tbody__td",
-                      "data-cell": h.dataset[c].name,
-                      style: L(`outline:${e.value.table.td.outline}`)
-                    }, [
-                      p("div", Qa, I(isNaN(r.values[s]) ? "-" : n(q)({
-                        p: e.value.style.layout.dataLabels.prefix,
-                        v: r.values[s],
-                        s: e.value.style.layout.dataLabels.suffix,
-                        r: e.value.table.td.roundingValue
-                      })), 1)
-                    ], 12, Ja))), 256))
-                  ], 6))), 256))
-                ])
-              ])
-            ], 6)
-          ], 4)
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: k(() => [
-            dt(I(Xe.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: k(() => [
-            p("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: o[0] || (o[0] = (l) => st(e.value.userOptions.callbacks.csv)),
-              style: L({ cursor: He.value ? "pointer" : "default" })
-            }, [
-              Ue(n(se), {
-                name: "fileCsv",
-                stroke: Xe.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : g("", !0),
-      b(t.$slots, "skeleton", {}, () => [
-        n(Ee) ? (u(), me(ra, { key: 0 })) : g("", !0)
-      ], !0)
-    ], 46, ka));
-  }
-}, ko = /* @__PURE__ */ xa(Za, [["__scopeId", "data-v-314a9c37"]]);
-export {
-  ko as default
-};