vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-heatmap-CRoQ0Xo1.js → vue-ui-heatmap-Uw83eEMz.js}

@@ -1,4 +1,4 @@
-import { watchEffect as Jt, nextTick as Se, useCssVars as Qt, defineAsyncComponent as oe, computed as g, ref as d, shallowRef as Zt, toRefs as el, watch as Ae, onBeforeUnmount as dt, onMounted as tl, reactive as ht, createElementBlock as n, openBlock as u, normalizeStyle as A, normalizeClass as fe, createBlock as ge, createCommentVNode as p, createElementVNode as b, createVNode as Ce, unref as i, createSlots as yt, withCtx as O, renderSlot as T, normalizeProps as se, guardReactiveProps as ue, Fragment as L, renderList as D, withDirectives as ft, createTextVNode as Xe, toDisplayString as S, vShow as ll, resolveDynamicComponent as al, mergeProps as ol, withKeys as sl } from "vue";
+import { watchEffect as Jt, nextTick as Se, useCssVars as Qt, defineAsyncComponent as oe, computed as g, ref as d, shallowRef as Zt, toRefs as el, watch as Ae, onBeforeUnmount as dt, onMounted as tl, reactive as ht, createElementBlock as n, openBlock as u, normalizeStyle as A, normalizeClass as fe, createBlock as ge, createCommentVNode as p, createElementVNode as b, createVNode as Ce, unref as i, createSlots as yt, withCtx as S, renderSlot as L, normalizeProps as se, guardReactiveProps as ue, Fragment as T, renderList as D, withDirectives as ft, createTextVNode as Xe, toDisplayString as _, vShow as ll, resolveDynamicComponent as al, mergeProps as ol, withKeys as sl } from "vue";
 import { c as Ie, t as ul, O as il, o as gt, f as pt, ae as pe, g as nl, X as rl, J as Le, a as Y, d as X, x as W, aw as vl, P as cl, Q as dl, G as hl, H as yl } from "./lib-C_mNZmhD.js";
 import { t as Te, u as fl } from "./useResponsive-DfdjqQps.js";
 import { u as gl, a as bt } from "./useNestedProp-BjZe1Y85.js";
@@ -20,8 +20,8 @@ function Ve({ elementRef: y, callback: R, attr: B, earlyReturn: I = !1 }) {
     (j) => {
       const x = y.value;
       if (!x) return;
-      const V = new ResizeObserver((_) => {
-        const q = _[0]?.contentRect;
+      const V = new ResizeObserver(($) => {
+        const q = $[0]?.contentRect;
         let f;
         if (q && q[B] != null)
           f = q[B];
@@ -37,7 +37,7 @@ function Ve({ elementRef: y, callback: R, attr: B, earlyReturn: I = !1 }) {
       V.observe(x), Se(() => {
         requestAnimationFrame(() => {
           if (!y.value) return;
-          const _ = y.value.getBoundingClientRect(), E = B === "width" ? _.width : _.height;
+          const $ = y.value.getBoundingClientRect(), E = B === "width" ? $.width : $.height;
           typeof E == "number" && !Number.isNaN(E) && R(E);
         });
       }), j(() => V.disconnect());
@@ -45,7 +45,7 @@ function Ve({ elementRef: y, callback: R, attr: B, earlyReturn: I = !1 }) {
     { flush: "post" }
   );
 }
-const zl = {
+const $l = {
   mounted(y, R) {
     wt(y, R.value);
   },
@@ -60,7 +60,7 @@ function wt(y, {
   minFontSize: j,
   index: x,
   reportRotation: V,
-  reportHide: _,
+  reportHide: $,
   rotateAll: E,
   hideAll: q
 }) {
@@ -69,10 +69,10 @@ function wt(y, {
   y.setAttribute("font-size", I);
   const ee = y.getComputedTextLength();
   if (ee <= R)
-    V(x, !1), _(x, !1);
+    V(x, !1), $(x, !1);
   else {
     const F = Math.floor(I * R / ee);
-    F >= j ? (y.setAttribute("font-size", F), V(x, !1), _(x, !1)) : (V(x, !0), _(x, !1), f = !0);
+    F >= j ? (y.setAttribute("font-size", F), V(x, !1), $(x, !1)) : (V(x, !0), $(x, !1), f = !0);
   }
   if (E && (f = !0), f) {
     y.setAttribute("font-size", I);
@@ -80,15 +80,15 @@ function wt(y, {
     y.setAttribute("transform", `rotate(-90 ${z} ${ie})`);
     const te = y.getBBox().width;
     if (te <= B)
-      _(x, !1);
+      $(x, !1);
     else {
       const ne = Math.floor(I * B / te);
-      ne >= j ? (y.setAttribute("font-size", ne), _(x, !1)) : (K = !0, _(x, !0));
+      ne >= j ? (y.setAttribute("font-size", ne), $(x, !1)) : (K = !0, $(x, !0));
     }
   }
   (q || K) && y.setAttribute("visibility", "hidden");
 }
-const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"], Rl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Fl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Nl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Dl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Bl = ["font-size", "font-weight", "fill", "x", "y"], Hl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Pl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Xl = ["font-size", "fill", "x", "y", "font-weight"], Il = ["font-size", "fill", "x", "y", "font-weight"], Vl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], El = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ul = { key: 6 }, Gl = ["x", "y", "width", "height", "stroke", "stroke-width"], Yl = { class: "vue-ui-heatmap-legend-gauge-right" }, Wl = ["data-value"], jl = { class: "vue-ui-heatmap-gauge-indicator-value" }, ql = {
+const zl = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"], Rl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Fl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Nl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Dl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], Bl = ["font-size", "font-weight", "fill", "x", "y"], Hl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Pl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Xl = ["font-size", "fill", "x", "y", "font-weight"], Il = ["font-size", "fill", "x", "y", "font-weight"], Vl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], El = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Ul = { key: 6 }, Gl = ["x", "y", "width", "height", "stroke", "stroke-width"], Yl = { class: "vue-ui-heatmap-legend-gauge-right" }, Wl = ["data-value"], jl = { class: "vue-ui-heatmap-gauge-indicator-value" }, ql = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Kl = { class: "vue-ui-data-table" }, Jl = { key: 0 }, Ql = ["data-cell"], Zl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ea = ["data-cell"], ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, la = {
@@ -110,16 +110,16 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
   emits: ["selectDatapoint"],
   setup(y, { expose: R, emit: B }) {
     Qt((t) => ({
-      v7e341d2a: t.tdo
+      v10a17c55: t.tdo
     }));
-    const I = oe(() => import("./Tooltip-oWCO1HKy.js")), j = oe(() => import("./BaseIcon-BmMbm4d0.js")), x = oe(() => import("./PenAndPaper-DSvu9dwa.js")), V = oe(() => import("./UserOptions-CnzumGJj.js")), _ = oe(() => import("./PackageVersion-BSldVhnp.js")), E = oe(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_heatmap: q } = gl(), f = y, K = B, ee = g({
+    const I = oe(() => import("./Tooltip-oWCO1HKy.js")), j = oe(() => import("./BaseIcon-BmMbm4d0.js")), x = oe(() => import("./PenAndPaper-DSvu9dwa.js")), V = oe(() => import("./UserOptions-CGnQt6Fd.js")), $ = oe(() => import("./PackageVersion-D-auaEEJ.js")), E = oe(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_heatmap: q } = gl(), f = y, K = B, ee = g({
       get() {
         return !!f.dataset && f.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), F = d(Ie()), z = d(null), ie = d(!1), te = d(""), ne = d(void 0), re = d(null), Ee = d(0), Ue = d(null), Ge = d(0), kt = d(null), ve = d(null), _e = d(null), Ye = d(null), We = d(null), At = d(null), je = d(null), Ct = d(null), ze = d(null), $e = d(null), Lt = d(null), qe = d(null), le = Zt(null), e = d(Fe());
+    }), F = d(Ie()), z = d(null), ie = d(!1), te = d(""), ne = d(void 0), re = d(null), Ee = d(0), Ue = d(null), Ge = d(0), kt = d(null), ve = d(null), _e = d(null), Ye = d(null), We = d(null), At = d(null), je = d(null), Ct = d(null), $e = d(null), ze = d(null), Lt = d(null), qe = d(null), le = Zt(null), e = d(Fe());
     function Tt() {
       const t = Array(7).fill("_"), s = [], a = 14, o = t.length;
       for (let v = 0; v < o; v += 1) {
@@ -204,7 +204,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const zt = g(() => e.value.table.responsiveBreakpoint), U = d(null), lt = g(() => !!e.value.debug);
+    const $t = g(() => e.value.table.responsiveBreakpoint), U = d(null), lt = g(() => !!e.value.debug);
     function Ne() {
       if (gt(f.dataset) && (pt({
         componentName: "VueUiHeatmap",
@@ -232,13 +232,13 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
     }), tl(() => {
       Ne();
     });
-    const H = g(() => Math.max(...w.value.flatMap((t) => (t.values || []).length))), ce = d(e.value.style.layout.width), de = d(e.value.style.layout.height), $ = g(() => ({
+    const H = g(() => Math.max(...w.value.flatMap((t) => (t.values || []).length))), ce = d(e.value.style.layout.width), de = d(e.value.style.layout.height), O = g(() => ({
       width: Math.max(10, ce.value),
       height: Math.max(10, de.value)
-    })), he = d(0), $t = Te((t) => {
+    })), he = d(0), zt = Te((t) => {
       he.value = t;
     }, 100);
-    Ve({ elementRef: ze, callback: $t, attr: "height" });
+    Ve({ elementRef: $e, callback: zt, attr: "height" });
     const ae = d(0), Ot = Te((t) => {
       ae.value = t;
     }, 100);
@@ -246,16 +246,16 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
     const me = d(0), Mt = Te((t) => {
       me.value = t;
     }, 100);
-    Ve({ elementRef: $e, callback: Mt, attr: "height" }), dt(() => {
+    Ve({ elementRef: ze, callback: Mt, attr: "height" }), dt(() => {
       he.value = 0, ae.value = 0, me.value = 0;
     });
-    const r = g(() => Math.min($.value.height, $.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = g(() => {
+    const r = g(() => Math.min(O.value.height, O.value.width) / 1e3 * e.value.style.layout.cells.spacing), l = g(() => {
       let t = 0;
       e.value.style.legend.show && (t = e.value.style.legend.width);
-      const s = e.value.style.layout.padding, a = e.value.style.layout.dataLabels.xAxis.fontSize / 3, o = e.value.style.layout.dataLabels.xAxis.fontSize / 2, v = $.value.height - s.top - s.bottom - he.value - a, c = $.value.width / 60, k = {
+      const s = e.value.style.layout.padding, a = e.value.style.layout.dataLabels.xAxis.fontSize / 3, o = e.value.style.layout.dataLabels.xAxis.fontSize / 2, v = O.value.height - s.top - s.bottom - he.value - a, c = O.value.width / 60, k = {
         x: r.value * H.value,
         y: r.value * ((w.value || []).length + 1)
-      }, P = $.value.width - s.left - s.right - k.x - c * 2 - 2 - t - ae.value, h = v - c - k.y - me.value - o - e.value.style.layout.cells.columnTotal.value.offsetY, C = {
+      }, P = O.value.width - s.left - s.right - k.x - c * 2 - 2 - t - ae.value, h = v - c - k.y - me.value - o - e.value.style.layout.cells.columnTotal.value.offsetY, C = {
         width: Math.max(3, P / H.value),
         height: Math.max(3, h / (w.value.length ?? 1))
       };
@@ -266,7 +266,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         height: h,
         left: s.left + ae.value + c / 2,
         right: s.right - t,
-        bottom: $.value.height - s.bottom - me.value,
+        bottom: O.value.height - s.bottom - me.value,
         width: P,
         cellSize: C
       };
@@ -469,7 +469,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       end: H.value
     })), vt = g(() => m.value.xLabels);
     xt({
-      timeLabelsEls: ze,
+      timeLabelsEls: $e,
       timeLabels: vt,
       slicer: rt,
       configRef: e,
@@ -481,7 +481,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       width: ce,
       height: de
     }), xt({
-      timeLabelsEls: $e,
+      timeLabelsEls: ze,
       timeLabels: vt,
       slicer: rt,
       configRef: e,
@@ -526,7 +526,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
     Ae(() => M.value.showTable, async (t) => {
       e.value.table.show || (t && e.value.table.useDialog && ve.value ? (await Se(), ve.value.open()) : "close" in ve.value && ve.value.close());
     });
-    const { isResponsive: Yt } = wl(Ue, zt);
+    const { isResponsive: Yt } = wl(Ue, $t);
     function He() {
       M.value.showTable = !1, _e.value && _e.value.setTableIconState(!1);
     }
@@ -637,59 +637,66 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       }, yt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: O(({ isOpen: a, color: o }) => [
-            T(t.$slots, "menuIcon", se(ue({ isOpen: a, color: o })), void 0, !0)
+          fn: S(({ isOpen: a, color: o }) => [
+            L(t.$slots, "menuIcon", se(ue({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: O(() => [
-            T(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: S(() => [
+            L(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: O(() => [
-            T(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: S(() => [
+            L(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: O(() => [
-            T(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: S(() => [
+            L(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: O(() => [
-            T(t.$slots, "optionImg", {}, void 0, !0)
+          fn: S(() => [
+            L(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: S(() => [
+            L(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: O(() => [
-            T(t.$slots, "optionTable", {}, void 0, !0)
+          fn: S(() => [
+            L(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: O(({ toggleFullscreen: a, isFullscreen: o }) => [
-            T(t.$slots, "optionFullscreen", se(ue({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: S(({ toggleFullscreen: a, isFullscreen: o }) => [
+            L(t.$slots, "optionFullscreen", se(ue({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: a, isAnnotator: o }) => [
-            T(t.$slots, "optionAnnotator", se(ue({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+          fn: S(({ toggleAnnotator: a, isAnnotator: o }) => [
+            L(t.$slots, "optionAnnotator", se(ue({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
       b("div", {
@@ -703,14 +710,14 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
           ref: Re,
           xmlns: i(rl),
           class: fe({ "vue-data-ui-fullscreen--on": Z.value, "vue-data-ui-fulscreen--off": !Z.value }),
-          viewBox: `0 0 ${$.value.width} ${$.value.height}`,
+          viewBox: `0 0 ${O.value.width} ${O.value.height}`,
           width: "100%",
           style: A(`overflow: visible; background:transparent;color:${e.value.style.color}`),
           "aria-live": "polite",
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          Ce(i(_)),
+          Ce(i($)),
           t.$slots["chart-background"] ? (u(), n("foreignObject", {
             key: 0,
             x: l.value.left,
@@ -721,25 +728,25 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               pointerEvents: "none"
             }
           }, [
-            T(t.$slots, "chart-background", {}, void 0, !0)
+            L(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, Ml)) : p("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), n("g", {
             key: 1,
             ref_key: "xAxisSumRects",
             ref: Lt
           }, [
-            (u(!0), n(L, null, D(m.value.xTotals, (a, o) => (u(), n("rect", {
+            (u(!0), n(T, null, D(m.value.xTotals, (a, o) => (u(), n("rect", {
               x: l.value.left + l.value.cellSize.width * o + r.value / 2 + l.value.sumCellXHeight,
-              y: l.value.top - l.value.sumCellXHeight + r.value * ($.value.height / $.value.width),
+              y: l.value.top - l.value.sumCellXHeight + r.value * (O.value.height / O.value.width),
               height: l.value.sumCellXHeight,
               width: l.value.cellSize.width - r.value,
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
               "stroke-width": r.value
             }, null, 8, Rl))), 256)),
-            (u(!0), n(L, null, D(m.value.xTotals, (a, o) => (u(), n("rect", {
+            (u(!0), n(T, null, D(m.value.xTotals, (a, o) => (u(), n("rect", {
               x: l.value.left + l.value.cellSize.width * o + r.value / 2 + l.value.sumCellXHeight,
-              y: l.value.top - l.value.sumCellXHeight + r.value * ($.value.height / $.value.width),
+              y: l.value.top - l.value.sumCellXHeight + r.value * (O.value.height / O.value.width),
               height: l.value.sumCellXHeight,
               width: l.value.cellSize.width - r.value,
               fill: a.color,
@@ -751,8 +758,8 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
             ref_key: "datapoints",
             ref: kt
           }, [
-            (u(!0), n(L, null, D(Q.value, (a, o) => (u(), n(L, null, [
-              (u(!0), n(L, null, D(a.temperatures, (v, c) => (u(), n("g", null, [
+            (u(!0), n(T, null, D(Q.value, (a, o) => (u(), n(T, null, [
+              (u(!0), n(T, null, D(a.temperatures, (v, c) => (u(), n("g", null, [
                 b("rect", {
                   x: l.value.left + l.value.cellSize.width * c + r.value / 2 + l.value.sumCellXHeight,
                   y: l.value.top + l.value.cellSize.height * o + r.value / 2,
@@ -784,7 +791,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                   y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
                   style: { pointerEvents: "none", userSelect: "none" }
                 }, [
-                  Xe(S(i(Y)(
+                  Xe(_(i(Y)(
                     e.value.style.layout.cells.value.formatter,
                     v.value,
                     i(X)({
@@ -796,7 +803,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                     { datapoint: v }
                   )), 1)
                 ], 8, Bl)), [
-                  [i(zl), {
+                  [i($l), {
                     cellWidth: l.value.cellSize.width - r.value,
                     cellHeight: l.value.cellSize.height - r.value,
                     maxFontSize: e.value.style.layout.cells.value.fontSize,
@@ -816,7 +823,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
             ref_key: "yAxisSumRects",
             ref: Ct
           }, [
-            (u(!0), n(L, null, D(Q.value, (a, o) => (u(), n(L, null, [
+            (u(!0), n(T, null, D(Q.value, (a, o) => (u(), n(T, null, [
               b("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * o,
@@ -842,7 +849,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
             ref_key: "yAxisLabels",
             ref: je
           }, [
-            (u(!0), n(L, null, D(Q.value, (a, o) => (u(), n(L, null, [
+            (u(!0), n(T, null, D(Q.value, (a, o) => (u(), n(T, null, [
               b("text", {
                 class: "vue-ui-heatmap-row-name",
                 "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
@@ -851,7 +858,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                 y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize / 3 + e.value.style.layout.dataLabels.yAxis.offsetY - (e.value.style.layout.cells.rowTotal.value.show ? e.value.style.layout.dataLabels.yAxis.fontSize / 1.5 : 0),
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, S(m.value.yLabels[o]), 9, Xl),
+              }, _(m.value.yLabels[o]), 9, Xl),
               e.value.style.layout.cells.rowTotal.value.show ? (u(), n("text", {
                 key: 0,
                 class: "vue-ui-heatmap-row-total",
@@ -861,15 +868,15 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                 y: l.value.top + l.value.cellSize.height * o + l.value.cellSize.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize + e.value.style.layout.dataLabels.yAxis.offsetY,
                 "text-anchor": "end",
                 "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-              }, S(It(o)), 9, Il)) : p("", !0)
+              }, _(It(o)), 9, Il)) : p("", !0)
             ], 64))), 256))
           ], 512)) : p("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (u(), n("g", {
             key: 4,
             ref_key: "xAxisLabels",
-            ref: ze
+            ref: $e
           }, [
-            (u(!0), n(L, null, D(m.value.xLabels, (a, o) => (u(), n(L, null, [
+            (u(!0), n(T, null, D(m.value.xLabels, (a, o) => (u(), n(T, null, [
               !e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo || e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo && o % e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo === 0 ? (u(), n("text", {
                 key: 0,
                 class: "vue-ui-heatmap-col-name",
@@ -878,22 +885,22 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                 fill: e.value.style.layout.dataLabels.xAxis.color,
                 "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
                 transform: `translate(${l.value.left + l.value.cellSize.width / 2 + l.value.width / m.value.xLabels.length * o + e.value.style.layout.dataLabels.xAxis.offsetX + l.value.sumCellXHeight}, ${l.value.topLabelsHeight}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-              }, S(a), 9, Vl)) : p("", !0)
+              }, _(a), 9, Vl)) : p("", !0)
             ], 64))), 256))
           ], 512)) : p("", !0),
           e.value.style.layout.cells.columnTotal.value.show ? (u(), n("g", {
             key: 5,
             ref_key: "xAxisSums",
-            ref: $e
+            ref: ze
           }, [
-            (u(!0), n(L, null, D(m.value.xLabels, (a, o) => (u(), n("text", {
+            (u(!0), n(T, null, D(m.value.xLabels, (a, o) => (u(), n("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(${l.value.left + l.value.cellSize.width / 2 + l.value.width / m.value.xLabels.length * o + e.value.style.layout.dataLabels.xAxis.offsetX + e.value.style.layout.cells.columnTotal.value.offsetX + l.value.sumCellXHeight}, ${l.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize / 2}), rotate(${e.value.style.layout.cells.columnTotal.value.rotation})`
-            }, S(Vt(o)), 9, El))), 256))
+            }, _(Vt(o)), 9, El))), 256))
           ], 512)) : p("", !0),
           re.value ? (u(), n("g", Ul, [
             b("rect", {
@@ -908,7 +915,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               rx: 1
             }, null, 8, Gl)
           ])) : p("", !0),
-          T(t.$slots, "svg", { svg: $.value }, void 0, !0)
+          L(t.$slots, "svg", { svg: O.value }, void 0, !0)
         ], 14, Ol)),
         e.value.style.legend.show ? (u(), n("div", {
           key: 0,
@@ -926,7 +933,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, S(i(Y)(
+          }, _(i(Y)(
             e.value.style.layout.cells.value.formatter,
             i(W)(G.value),
             i(X)({
@@ -969,7 +976,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                   "--gauge-arrow-font-size": e.value.style.legend.fontSize + "px"
                 })
               }, [
-                b("div", jl, S(i(Y)(
+                b("div", jl, _(i(Y)(
                   e.value.style.layout.cells.value.formatter,
                   i(W)(N.value),
                   i(X)({
@@ -991,7 +998,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
               fontSize: e.value.style.legend.fontSize + "px",
               color: e.value.style.legend.color
             })
-          }, S(i(Y)(
+          }, _(i(Y)(
             e.value.style.layout.cells.value.formatter,
             i(W)(ye.value),
             i(X)({
@@ -1004,7 +1011,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         ], 4)) : p("", !0)
       ], 2),
       t.$slots.watermark ? (u(), n("div", ql, [
-        T(t.$slots, "watermark", se(ue({ isPrinting: i(Qe) || i(Ze) })), void 0, !0)
+        L(t.$slots, "watermark", se(ue({ isPrinting: i(Qe) || i(Ze) })), void 0, !0)
       ])) : p("", !0),
       t.$slots.source ? (u(), n("div", {
         key: 5,
@@ -1012,7 +1019,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         ref: qe,
         dir: "auto"
       }, [
-        T(t.$slots, "source", {}, void 0, !0)
+        L(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
       Ce(i(I), {
         show: M.value.showTooltip && ie.value,
@@ -1034,11 +1041,11 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         smoothForce: e.value.style.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": O(() => [
-          T(t.$slots, "tooltip-before", se(ue({ ...xe.value })), void 0, !0)
+        "tooltip-before": S(() => [
+          L(t.$slots, "tooltip-before", se(ue({ ...xe.value })), void 0, !0)
         ]),
-        "tooltip-after": O(() => [
-          T(t.$slots, "tooltip-after", se(ue({ ...xe.value })), void 0, !0)
+        "tooltip-after": S(() => [
+          L(t.$slots, "tooltip-after", se(ue({ ...xe.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -1047,7 +1054,7 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         ref: ve,
         onClose: He
       }), yt({
-        content: O(() => [
+        content: S(() => [
           b("div", {
             ref_key: "tableContainer",
             ref: Ue,
@@ -1077,8 +1084,8 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                   key: 0,
                   style: A(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
-                  Xe(S(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (u(), n("span", Jl, S(e.value.style.title.subtitle.text), 1)) : p("", !0)
+                  Xe(_(e.value.style.title.text) + " ", 1),
+                  e.value.style.title.subtitle.text ? (u(), n("span", Jl, _(e.value.style.title.subtitle.text), 1)) : p("", !0)
                 ], 4)),
                 b("thead", null, [
                   b("tr", {
@@ -1088,14 +1095,14 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                     b("th", {
                       style: A(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (u(!0), n(L, null, D(y.dataset, (a, o) => (u(), n("th", {
+                    (u(!0), n(T, null, D(y.dataset, (a, o) => (u(), n("th", {
                       align: "right",
                       style: A(`outline:${e.value.table.th.outline};padding-right:6px`)
-                    }, S(a.name), 5))), 256))
+                    }, _(a.name), 5))), 256))
                   ], 4)
                 ]),
                 b("tbody", null, [
-                  (u(!0), n(L, null, D(m.value.xLabels, (a, o) => (u(), n("tr", {
+                  (u(!0), n(T, null, D(m.value.xLabels, (a, o) => (u(), n("tr", {
                     role: "row",
                     class: fe({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 }),
                     style: A(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
@@ -1105,14 +1112,14 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
                       class: "vue-ui-data-table__tbody__td",
                       style: A(`outline:${e.value.table.td.outline}`)
                     }, [
-                      b("div", Zl, S(a), 1)
+                      b("div", Zl, _(a), 1)
                     ], 12, Ql),
-                    (u(!0), n(L, null, D(y.dataset, (v, c) => (u(), n("td", {
+                    (u(!0), n(T, null, D(y.dataset, (v, c) => (u(), n("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": y.dataset[c].name,
                       style: A(`outline:${e.value.table.td.outline}`)
                     }, [
-                      b("div", ta, S(isNaN(v.values[o]) ? "-" : i(X)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[o], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                      b("div", ta, _(isNaN(v.values[o]) ? "-" : i(X)({ p: e.value.style.layout.dataLabels.prefix, v: v.values[o], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
                     ], 12, ea))), 256))
                   ], 6))), 256))
                 ])
@@ -1124,14 +1131,14 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: O(() => [
-            Xe(S(ke.value.title), 1)
+          fn: S(() => [
+            Xe(_(ke.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: O(() => [
+          fn: S(() => [
             b("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1147,9 +1154,9 @@ const $l = ["id"], Ol = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"]
         } : void 0
       ]), 1040)) : p("", !0),
       i(be) ? (u(), ge(ml, { key: 7 })) : p("", !0)
-    ], 46, $l));
+    ], 46, zl));
   }
-}, xa = /* @__PURE__ */ _l(la, [["__scopeId", "data-v-7b02a740"]]);
+}, xa = /* @__PURE__ */ _l(la, [["__scopeId", "data-v-194eb27b"]]);
 export {
   xa as default
 };