vue-data-ui 3.15.12 → 3.16.1

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

@@ -0,0 +1,1500 @@
+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 Oe, createElementVNode as p, toDisplayString as I, createBlock as me, createCommentVNode as g, unref as n, withCtx as C, renderSlot as m, normalizeProps as H, guardReactiveProps as E, 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 Me, r as Ql, l as q, X as Zl, W as Ge, k as le, K as ae, aB as ea, a0 as ta, a1 as la, T as aa, U as oa } from "./lib-DBptbyyI.js";
+import { t as We, u as sa } from "./useResponsive-DfdjqQps.js";
+import { u as ua } from "./useConfig-DO94Aj5s.js";
+import { u as na } from "./usePrinter-CEpYU3r5.js";
+import { u as ia, B as ra } from "./BaseScanner-BhhkKVoj.js";
+import { u as va } from "./useSvgExport-ByUukOZt.js";
+import { u as ht } from "./useNestedProp-Bf5XFbs8.js";
+import { u as ll } from "./useTimeLabels-C-A2uZKi.js";
+import { u as ca } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as da } from "./useTableResponsive-Cbx-ACcP.js";
+import { u as ya } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as al } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { u as ha } from "./useChartAccessibility-9icAAmYg.js";
+import fa from "./img-LXxMLmCg.js";
+import pa from "./Title-BeMKE1cj.js";
+import ga from "./vue_ui_heatmap-C9u993qE.js";
+import ba from "./vue-ui-accordion-nvggWcGN.js";
+import { A as ma } from "./A11yDataTable-KcVAX2cP.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: N = !0
+}) {
+  if (J) return;
+  const W = (z) => {
+    if (!z) return;
+    let S;
+    if (typeof z.getBBox == "function")
+      try {
+        const F = z.getBBox();
+        S = oe === "width" ? F.width : F.height;
+      } catch {
+      }
+    if (typeof S != "number" || Number.isNaN(S))
+      try {
+        const F = z.getBoundingClientRect();
+        S = oe === "width" ? F.width : F.height;
+      } catch {
+        S = void 0;
+      }
+    typeof S == "number" && !Number.isNaN(S) && G(S);
+  };
+  pt((z) => {
+    const S = h.value;
+    if (!S) return;
+    let F = !1;
+    (async () => {
+      await xe();
+      for (let T = 0; T < se; T += 1) {
+        if (F) return;
+        await new Promise((K) => requestAnimationFrame(K));
+        const X = h.value;
+        if (!X) return;
+        W(X);
+      }
+      if (N && typeof document < "u" && document.fonts && document.fonts.ready) {
+        try {
+          await document.fonts.ready;
+        } catch {
+        }
+        !F && 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(() => {
+      F = !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: N,
+  reportRotation: W,
+  reportHide: z,
+  rotateAll: S,
+  hideAll: F
+}) {
+  h.removeAttribute("transform"), h.removeAttribute("visibility");
+  let fe = !1, ue = !1;
+  h.setAttribute("font-size", J);
+  const A = h.getComputedTextLength();
+  if (A <= G)
+    W(N, !1), z(N, !1);
+  else {
+    const T = Math.floor(J * G / A);
+    T >= se ? (h.setAttribute("font-size", T), W(N, !1), z(N, !1)) : (W(N, !0), z(N, !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(N, !1);
+    else {
+      const ne = Math.floor(J * oe / M);
+      ne >= se ? (h.setAttribute("font-size", ne), z(N, !1)) : (ue = !0, z(N, !0));
+    }
+  }
+  (F || 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) => ({
+      v2aac18d7: t.tdo
+    }));
+    const J = be(() => import("./Tooltip-Bf-kM3_A.js")), se = be(() => import("./BaseIcon-Cb3zzG6s.js")), N = be(() => import("./PenAndPaper-Ct3qJ4lA.js")), W = be(() => import("./UserOptions-rW2fRf3V.js")), z = be(() => import("./PackageVersion-DPO-OOVI.js")), S = be(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_heatmap: F } = 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), R = v(null), gt = v(0), bt = v(null), mt = v(0), sl = v(null), ke = v(null), Ye = v(null), Ne = v(!1), Fe = 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), Re = v(null), At = v({ x: 0, y: 0 }), Je = v("pointer"), Pe = v(!1), e = v(et()), De = 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 b = 0; b < l; b += 1)
+          c.push(r + b * 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: He, FINAL_DATASET: k, 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: F
+      });
+      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) => {
+      He.value || (e.value = et()), Ze.value = !e.value.userOptions.showOnChartHover, at(), mt.value += 1, P.value.showTable = e.value.table.show, P.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), P = v({
+      showTable: e.value.table.show,
+      showTooltip: e.value.style.tooltip.show
+    });
+    Be(e, () => {
+      P.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(...k.value.flatMap((t) => (t.values || []).length))), Ce = v(e.value.style.layout.width), Ae = v(e.value.style.layout.height), D = 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(D.value.height, D.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 = D.value.height - o.top - o.bottom - ge.value - l, c = D.value.width / 60, b = {
+        x: d.value * Y.value,
+        y: d.value * ((k.value || []).length + 1)
+      }, _ = D.value.width - o.left - o.right - b.x - c * 2 - 2 - t - ve.value, y = r - c - b.y - Le.value - s - e.value.style.layout.cells.columnTotal.value.offsetY, w = {
+        width: Math.max(3, _ / Y.value),
+        height: Math.max(3, y / (k.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: D.value.height - o.bottom - Le.value,
+        width: _,
+        cellSize: w
+      };
+    }), Z = f(() => Math.max(...k.value.flatMap((t) => t.values))), Se = f(() => Math.min(...k.value.flatMap((t) => t.values))), ce = f(() => {
+      const t = k.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 : k.value.map((s) => s.name),
+          maxDatapoints: k.value.length,
+          formatter: o.datetimeFormatter,
+          start: 0,
+          end: k.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 = k.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(k.value.map((w) => w.values[y] || 0).reduce((w, B) => w + B, 0));
+      const b = 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: Me(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 / b) ? 0 : y / b;
+          return {
+            total: y,
+            proportion: w,
+            color: Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, _, b, y)
+          };
+        }),
+        yLabels: t,
+        xLabels: o.slice(0, Y.value)
+      };
+    }), $ = f(() => (k.value.forEach((t, o) => {
+      Ql({
+        datasetObject: t,
+        requiredAttributes: ["values"]
+      }).forEach((l) => {
+        tl({
+          componentName: "VueUiHeatmap",
+          type: "datasetSerieAttribute",
+          property: "values",
+          index: o,
+          debug: zt.value
+        });
+      });
+    }), k.value.map((t, o) => ({
+      ...t,
+      temperatures: (t.values || []).map((l, s) => l >= ce.value ? {
+        side: "up",
+        color: Me(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: Me(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(() => k.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), Ee = v(null);
+    function ot() {
+      ne.value = !1, we.value = void 0, V.value = null, R.value = null, ie.value = null, Re.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 }), !P.value.showTooltip) return;
+      Je.value = r, ie.value = c, Re.value = t.id, R.value = { x: l, y: s };
+      const { value: b, yAxisName: _, xAxisName: y, id: w } = t;
+      we.value = w, V.value = b, Ee.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:${Me(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, Se.value, Z.value, b)}">⬤</span><span>${isNaN(b) ? "-" : le(
+        e.value.style.layout.cells.value.formatter,
+        b,
+        q({
+          p: e.value.style.layout.dataLabels.prefix,
+          v: b,
+          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 }), !(Re.value === t.id && Je.value === "keyboard") && (ne.value = !1, we.value = void 0, V.value = null, R.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 = k.value.map((l) => ({
+        name: l.name
+      })), o = k.value.map((l) => l.values);
+      return { head: t, body: o };
+    });
+    function st(t = null) {
+      xe(() => {
+        const o = ["", ...k.value.map((c, b) => c.name)], l = [];
+        for (let c = 0; c < x.value.xLabels.length; c += 1) {
+          const b = [x.value.xLabels[c]];
+          for (let _ = 0; _ < k.value.length; _ += 1)
+            b.push([k.value[_].values[c]]);
+          l.push(b);
+        }
+        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() {
+      P.value.showTable = !P.value.showTable;
+    }
+    function Ht() {
+      P.value.showTooltip = !P.value.showTooltip;
+    }
+    const Te = v(!1);
+    function ut() {
+      Te.value = !Te.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 = P.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: De.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(() => P.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() {
+      P.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 }) {
+      Fe.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 {
+        Fe.value = !1;
+      }
+    }
+    function Ol(t) {
+      if (t?.stage === "start") {
+        Ne.value = !0;
+        return;
+      }
+      if (t?.stage === "end") {
+        Ne.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, Re.value = null, Pe.value = !0;
+    }
+    function Nl() {
+      ot(), Pe.value = !1;
+    }
+    function Fl(t) {
+      if (!re.value || Te.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 === " ", b = t.key === "Escape";
+      if (!o && !l && !s && !r && !c && !b) return;
+      if (t.preventDefault(), t.stopPropagation(), b) {
+        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((_e) => _e.cell.id === we.value) : null;
+        if (ee !== null && ee >= 0 && ee < ye.value.length) {
+          const _e = ye.value[ee];
+          if (!_e) return;
+          let j = _e.rowIndex, te = _e.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 Ie = Gt(j, te);
+          if (!Ie) return;
+          const Vl = it(j, te), Xl = a.value.left + a.value.cellSize.width * Ie.columnIndex, Bl = a.value.top + a.value.cellSize.height * Ie.rowIndex;
+          Ve(Ie.cell, Ie.rowIndex, Xl, Bl, "keyboard", Vl);
+          return;
+        }
+        const ze = ye.value[0];
+        if (!ze) return;
+        const Hl = a.value.left + a.value.cellSize.width * ze.columnIndex, El = a.value.top + a.value.cellSize.height * ze.rowIndex;
+        Ve(ze.cell, ze.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 $e = Gt(y, w);
+      if (!$e) return;
+      const Rl = it(y, w), Pl = a.value.left + a.value.cellSize.width * $e.columnIndex, Dl = a.value.top + a.value.cellSize.height * $e.rowIndex;
+      Ve($e.cell, $e.rowIndex, Pl, Dl, "keyboard", Rl);
+    }
+    const rt = f(() => {
+      const t = [
+        e.value.table.colNames.xAxis,
+        ...k.value.map((l) => l.name)
+      ], o = x.value.xLabels.map((l, s) => [
+        l,
+        ...k.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: Oe(`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), Pe.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(N), {
+        key: 1,
+        svgRef: n(re),
+        backgroundColor: e.value.style.backgroundColor,
+        color: e.value.style.color,
+        active: Te.value,
+        isCursorPointer: De.value,
+        onClose: ut
+      }, {
+        "annotator-action-close": C(() => [
+          m(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": C(({ color: l }) => [
+          m(t.$slots, "annotator-action-color", H(E({ color: l })), void 0, !0)
+        ]),
+        "annotator-action-draw": C(({ mode: l }) => [
+          m(t.$slots, "annotator-action-draw", H(E({ mode: l })), void 0, !0)
+        ]),
+        "annotator-action-undo": C(({ disabled: l }) => [
+          m(t.$slots, "annotator-action-undo", H(E({ disabled: l })), void 0, !0)
+        ]),
+        "annotator-action-redo": C(({ disabled: l }) => [
+          m(t.$slots, "annotator-action-redo", H(E({ disabled: l })), void 0, !0)
+        ]),
+        "annotator-action-delete": C(({ disabled: l }) => [
+          m(t.$slots, "annotator-action-delete", H(E({ 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: P.value.showTooltip,
+        titles: { ...e.value.userOptions.buttonTitles },
+        chartElement: M.value,
+        position: e.value.userOptions.position,
+        hasAnnotator: e.value.userOptions.buttons.annotator,
+        isAnnotation: Te.value,
+        callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
+        tableDialog: e.value.table.useDialog,
+        isCursorPointer: De.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: C(({ isOpen: l, color: s }) => [
+            m(t.$slots, "menuIcon", H(E({ isOpen: l, color: s })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots.optionTooltip ? {
+          name: "optionTooltip",
+          fn: C(() => [
+            m(t.$slots, "optionTooltip", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        t.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: C(() => [
+            m(t.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        t.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: C(() => [
+            m(t.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        t.$slots.optionImg ? {
+          name: "optionImg",
+          fn: C(() => [
+            m(t.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: C(() => [
+            m(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        t.$slots.optionTable ? {
+          name: "optionTable",
+          fn: C(() => [
+            m(t.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        t.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: C(({ toggleFullscreen: l, isFullscreen: s }) => [
+            m(t.$slots, "optionFullscreen", H(E({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+          ]),
+          key: "7"
+        } : void 0,
+        t.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: C(({ toggleAnnotator: l, isAnnotator: s }) => [
+            m(t.$slots, "optionAnnotator", H(E({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+          ]),
+          key: "8"
+        } : void 0,
+        t.$slots.optionAltCopy ? {
+          name: "optionAltCopy",
+          fn: C(({ altCopy: l }) => [
+            m(t.$slots, "optionAltCopy", H(E({ 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: Oe({
+          "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: Oe({ "vue-data-ui-fullscreen--on": de.value, "vue-data-ui-fulscreen--off": !de.value }),
+          viewBox: `0 0 ${D.value.width} ${D.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"
+            }
+          }, [
+            m(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 * (D.value.height / D.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 * (D.value.height / D.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: (b) => 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),
+          R.value ? (u(), i("g", Pa, [
+            p("rect", {
+              style: { "pointer-events": "none" },
+              x: R.value.x - e.value.style.layout.cells.selected.border / 2 + d.value + a.value.sumCellXHeight,
+              y: R.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 && R.value ? (u(), i("g", Ha, [
+            p("line", {
+              x1: a.value.left + a.value.sumCellXHeight,
+              x2: R.value.x + a.value.sumCellXHeight,
+              y1: R.value.y + (a.value.cellSize.height - d.value) / 2,
+              y2: R.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: R.value.x + a.value.sumCellXHeight + (a.value.cellSize.width - d.value) / 2,
+              x2: R.value.x + a.value.sumCellXHeight + (a.value.cellSize.width - d.value) / 2,
+              y1: R.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),
+          m(t.$slots, "svg", {
+            svg: {
+              ...D.value,
+              isPrintingImg: n(tt) | n(lt) | Ne.value,
+              isPrintingSvg: Fe.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(He) ? 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)(Ee.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(He) ? 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, [
+          m(t.$slots, "hint", H(E({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Pe.value })), void 0, !0)
+        ])) : g("", !0)
+      ], 2),
+      t.$slots.watermark ? (u(), i("div", Wa, [
+        m(t.$slots, "watermark", H(E({ isPrinting: n(tt) || n(lt) || Ne.value || Fe.value })), void 0, !0)
+      ])) : g("", !0),
+      t.$slots.source ? (u(), i("div", {
+        key: 6,
+        ref_key: "source",
+        ref: Ct,
+        dir: "auto"
+      }, [
+        m(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : g("", !0),
+      Ue(n(J), {
+        teleportTo: e.value.style.tooltip.teleportTo,
+        show: P.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": C(() => [
+          m(t.$slots, "tooltip-before", H(E({ ...Ee.value })), void 0, !0)
+        ]),
+        "tooltip-after": C(() => [
+          m(t.$slots, "tooltip-after", H(E({ ...Ee.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: C(() => [
+          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: Oe({ "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: Oe({ "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: C(() => [
+            dt(I(Xe.value.title), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.value.table.useDialog ? {
+          name: "actions",
+          fn: C(() => [
+            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: De.value ? "pointer" : "default" })
+            }, [
+              Ue(n(se), {
+                name: "fileCsv",
+                stroke: Xe.value.props.color
+              }, null, 8, ["stroke"])
+            ], 4)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040)) : g("", !0),
+      m(t.$slots, "skeleton", {}, () => [
+        n(He) ? (u(), me(ra, { key: 0 })) : g("", !0)
+      ], !0)
+    ], 46, ka));
+  }
+}, ko = /* @__PURE__ */ xa(Za, [["__scopeId", "data-v-2ff442c5"]]);
+export {
+  ko as default
+};