vue-data-ui 3.1.18 → 3.1.19-next.0

package/dist/{vue-ui-heatmap-RKtFMgDP.js → vue-ui-heatmap-BT5orcuT.js}

@@ -1,62 +1,63 @@
-import { useCssVars as Gt, defineAsyncComponent as Q, computed as g, ref as c, shallowRef as Wt, toRefs as jt, watch as we, onBeforeUnmount as vt, onMounted as qt, watchEffect as Pe, reactive as ct, nextTick as dt, createElementBlock as n, openBlock as u, normalizeStyle as w, normalizeClass as ce, createBlock as de, createCommentVNode as y, createElementVNode as f, createVNode as ke, unref as i, createSlots as ht, withCtx as S, renderSlot as L, normalizeProps as Z, guardReactiveProps as ee, Fragment as C, renderList as F, withDirectives as yt, createTextVNode as Xe, toDisplayString as T, vShow as Kt, resolveDynamicComponent as Jt, mergeProps as Qt, withKeys as Zt } from "vue";
-import { u as el, c as Ie, t as tl, b as ll, C as al, o as ft, f as pt, P as he, g as ol, X as sl, F as Ae, k as B, i as H, h as E, v as ul, w as il, y as nl, z as rl } from "./index-smzxfsyV.js";
-import { t as Ce, u as vl } from "./useResponsive-DfdjqQps.js";
-import { u as cl } from "./usePrinter-nFj0xF0a.js";
-import { u as dl, B as hl } from "./BaseScanner-BgWxam9d.js";
-import { u as gt } from "./useNestedProp-DeKmJzsE.js";
+import { useCssVars as Gt, defineAsyncComponent as Q, computed as g, ref as c, shallowRef as Wt, toRefs as jt, watch as we, onBeforeUnmount as vt, onMounted as qt, watchEffect as Xe, reactive as ct, nextTick as dt, createElementBlock as n, openBlock as u, normalizeStyle as w, normalizeClass as ce, createBlock as de, createCommentVNode as y, createElementVNode as f, createVNode as ke, unref as i, createSlots as ht, withCtx as S, renderSlot as C, normalizeProps as Z, guardReactiveProps as ee, Fragment as L, renderList as F, withDirectives as yt, createTextVNode as Pe, toDisplayString as T, vShow as Kt, resolveDynamicComponent as Jt, mergeProps as Qt, withKeys as Zt } from "vue";
+import { c as Ie, t as el, D as tl, o as ft, f as pt, a2 as he, g as ll, X as al, G as Ae, a as B, d as H, q as E, x as ol, y as sl, z as ul, A as il } from "./lib-p5pfHmOX.js";
+import { t as Le, u as nl } from "./useResponsive-DfdjqQps.js";
+import { u as rl, a as gt } from "./useNestedProp-DF7e2h1z.js";
+import { u as vl } from "./usePrinter-Yeu5jOfm.js";
+import { u as cl, B as dl } from "./BaseScanner-BgWxam9d.js";
 import { u as bt } from "./useTimeLabels-BGFjWgrv.js";
-import { u as yl } from "./useTableResponsive-Cbx-ACcP.js";
-import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as hl } from "./useTableResponsive-Cbx-ACcP.js";
+import { u as yl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as mt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import { u as pl } from "./useChartAccessibility-9icAAmYg.js";
-import gl from "./img-BArHHegM.js";
-import bl from "./Title-B_WMW2Bp.js";
-import ml from "./vue-ui-accordion-7cfJUVx5.js";
+import { u as fl } from "./useChartAccessibility-9icAAmYg.js";
+import pl from "./img-CH7J0fYg.js";
+import gl from "./Title-pI68ZJsq.js";
+import { t as bl } from "./themes-D3cUNuKw.js";
+import ml from "./vue-ui-accordion-D-L73-T2.js";
 import { _ as xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const wl = {
-  mounted(b, P) {
-    xt(b, P.value);
+  mounted(b, X) {
+    xt(b, X.value);
   },
-  updated(b, P) {
-    xt(b, P.value);
+  updated(b, X) {
+    xt(b, X.value);
   }
 };
 function xt(b, {
-  cellWidth: P,
+  cellWidth: X,
   cellHeight: ye,
   maxFontSize: W,
   minFontSize: te,
   index: $,
   reportRotation: le,
-  reportHide: X,
-  rotateAll: Le,
+  reportHide: P,
+  rotateAll: Ce,
   hideAll: Te
 }) {
   b.removeAttribute("transform"), b.removeAttribute("visibility");
   let k = !1, fe = !1;
   b.setAttribute("font-size", W);
   const j = b.getComputedTextLength();
-  if (j <= P)
-    le($, !1), X($, !1);
+  if (j <= X)
+    le($, !1), P($, !1);
   else {
-    const M = Math.floor(W * P / j);
-    M >= te ? (b.setAttribute("font-size", M), le($, !1), X($, !1)) : (le($, !0), X($, !1), k = !0);
+    const M = Math.floor(W * X / j);
+    M >= te ? (b.setAttribute("font-size", M), le($, !1), P($, !1)) : (le($, !0), P($, !1), k = !0);
   }
-  if (Le && (k = !0), k) {
+  if (Ce && (k = !0), k) {
     b.setAttribute("font-size", W);
     const M = b.getBBox(), O = M.x + M.width / 2, ae = M.y + M.height / 2;
     b.setAttribute("transform", `rotate(-90 ${O} ${ae})`);
     const q = b.getBBox().width;
     if (q <= ye)
-      X($, !1);
+      P($, !1);
     else {
       const oe = Math.floor(W * ye / q);
-      oe >= te ? (b.setAttribute("font-size", oe), X($, !1)) : (fe = !0, X($, !0));
+      oe >= te ? (b.setAttribute("font-size", oe), P($, !1)) : (fe = !0, P($, !0));
     }
   }
   (Te || fe) && b.setAttribute("visibility", "hidden");
 }
-const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"], Ll = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Tl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], _l = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Sl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], zl = ["font-size", "font-weight", "fill", "x", "y"], $l = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ml = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ol = ["font-size", "fill", "x", "y", "font-weight"], Rl = ["font-size", "fill", "x", "y", "font-weight"], Fl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Dl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Nl = { key: 6 }, Hl = ["x", "y", "width", "height", "stroke", "stroke-width"], Pl = { class: "vue-ui-heatmap-legend-gauge-right" }, Xl = ["data-value"], Il = { class: "vue-ui-heatmap-gauge-indicator-value" }, Vl = {
+const kl = ["id"], Al = ["xmlns", "viewBox"], Ll = ["x", "y", "width", "height"], Cl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Tl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], _l = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Sl = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "onMouseover", "onMouseout", "onClick"], zl = ["font-size", "font-weight", "fill", "x", "y"], $l = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ml = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], Ol = ["font-size", "fill", "x", "y", "font-weight"], Rl = ["font-size", "fill", "x", "y", "font-weight"], Fl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Dl = ["text-anchor", "font-size", "fill", "font-weight", "transform"], Nl = { key: 6 }, Hl = ["x", "y", "width", "height", "stroke", "stroke-width"], Xl = { class: "vue-ui-heatmap-legend-gauge-right" }, Pl = ["data-value"], Il = { class: "vue-ui-heatmap-gauge-indicator-value" }, Vl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Bl = { class: "vue-ui-data-table" }, El = { key: 0 }, Ul = ["data-cell"], Yl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Gl = ["data-cell"], Wl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, jl = {
@@ -76,19 +77,19 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(b, { expose: P, emit: ye }) {
+  setup(b, { expose: X, emit: ye }) {
     Gt((t) => ({
       "12b5e388": t.tdo
     }));
-    const W = Q(() => import("./Tooltip-Db9jy0Iu.js")), te = Q(() => import("./BaseIcon-BPiT94Lb.js")), $ = Q(() => import("./PenAndPaper-Deh70G9d.js")), le = Q(() => import("./UserOptions-CtECQwBN.js")), X = Q(() => import("./PackageVersion-BzGzkGiC.js")), Le = Q(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_heatmap: Te } = el(), k = b, fe = ye, j = g({
+    const W = Q(() => import("./Tooltip-Clf2K3CF.js")), te = Q(() => import("./BaseIcon-D2f9w5Z5.js")), $ = Q(() => import("./PenAndPaper-CtDMyIvW.js")), le = Q(() => import("./UserOptions-Bn3u4JQu.js")), P = Q(() => import("./PackageVersion-DRpg18lg.js")), Ce = Q(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_heatmap: Te } = rl(), k = b, fe = ye, j = g({
       get() {
         return !!k.dataset && k.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), M = c(Ie()), O = c(null), ae = c(!1), q = c(""), oe = c(void 0), se = c(null), Ve = c(0), Be = c(null), Ee = c(0), wt = c(null), ue = c(null), _e = c(null), Ue = c(null), Ye = c(null), kt = c(null), Ge = c(null), At = c(null), Se = c(null), ze = c(null), Ct = c(null), We = c(null), K = Wt(null), e = c(Oe());
-    function Lt() {
+    }), M = c(Ie()), O = c(null), ae = c(!1), q = c(""), oe = c(void 0), se = c(null), Ve = c(0), Be = c(null), Ee = c(0), wt = c(null), ue = c(null), _e = c(null), Ue = c(null), Ye = c(null), kt = c(null), Ge = c(null), At = c(null), Se = c(null), ze = c(null), Lt = c(null), We = c(null), K = Wt(null), e = c(Oe());
+    function Ct() {
       const t = Array(7).fill("_"), o = [], a = 14, s = t.length;
       for (let d = 0; d < s; d += 1) {
         const v = [];
@@ -101,12 +102,12 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       }
       return o;
     }
-    const { loading: pe, FINAL_DATASET: m, manualLoading: $e } = dl({
+    const { loading: pe, FINAL_DATASET: m, manualLoading: $e } = cl({
       ...jt(k),
       FINAL_CONFIG: e,
       prepareConfig: Oe,
-      skeletonDataset: Lt(),
-      skeletonConfig: tl({
+      skeletonDataset: Ct(),
+      skeletonConfig: el({
         defaultConfig: e.value,
         userConfig: {
           table: { show: !1 },
@@ -131,7 +132,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: Me, setUserOptionsVisibility: Tt, keepUserOptionState: je } = fl({ config: e.value }), { svgRef: qe } = pl({ config: e.value.style.title });
+    }), { userOptionsVisible: Me, setUserOptionsVisibility: Tt, keepUserOptionState: je } = yl({ config: e.value }), { svgRef: qe } = fl({ config: e.value.style.title });
     function Ke(t) {
       Tt(t);
     }
@@ -143,17 +144,17 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       let o = {};
       return t.theme ? o = {
         ...gt({
-          userConfig: ll.vue_ui_heatmap[t.theme] || k.config,
+          userConfig: bl.vue_ui_heatmap[t.theme] || k.config,
           defaultConfig: t
         })
-      } : o = t, k.config && al(k.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? o.style.layout.dataLabels.xAxis.showOnlyAtModulo = k.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : o.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, o;
+      } : o = t, k.config && tl(k.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? o.style.layout.dataLabels.xAxis.showOnlyAtModulo = k.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : o.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, o;
     }
     we(() => k.config, (t) => {
       pe.value || (e.value = Oe()), Me.value = !e.value.userOptions.showOnChartHover, Re(), Ee.value += 1, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.tooltip.show, ie.value = e.value.style.layout.width, ne.value = e.value.style.layout.height;
     }, { deep: !0 }), we(() => k.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && ($e.value = !1), Re();
     }, { deep: !0 });
-    const { isPrinting: Je, isImaging: Qe, generatePdf: Ze, generateImage: et } = cl({
+    const { isPrinting: Je, isImaging: Qe, generatePdf: Ze, generateImage: et } = vl({
       elementId: `heatmap__${M.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap",
       options: e.value.userOptions.print
@@ -174,8 +175,8 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         type: "dataset",
         debug: tt.value
       }), j.value = !1, $e.value = !0), ft(k.dataset) || ($e.value = e.value.loading), e.value.responsive) {
-        const t = Ce(() => {
-          const { width: o, height: a } = vl({
+        const t = Le(() => {
+          const { width: o, height: a } = nl({
             chart: O.value,
             title: e.value.style.title.text ? Ue.value : null,
             // add legend hirizontal in legend attr
@@ -198,10 +199,10 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
     const D = g(() => Math.max(...m.value.flatMap((t) => (t.values || []).length))), ie = c(e.value.style.layout.width), ne = c(e.value.style.layout.height), _ = g(() => ({
       width: Math.max(10, ie.value),
       height: Math.max(10, ne.value)
-    })), re = c(0), zt = Ce((t) => {
+    })), re = c(0), zt = Le((t) => {
       re.value = t;
     }, 100);
-    Pe((t) => {
+    Xe((t) => {
       const o = Se.value;
       if (!o) return;
       const a = new ResizeObserver((s) => {
@@ -209,10 +210,10 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       });
       a.observe(o), t(() => a.disconnect());
     });
-    const J = c(0), $t = Ce((t) => {
+    const J = c(0), $t = Le((t) => {
       J.value = t;
     }, 100);
-    Pe((t) => {
+    Xe((t) => {
       const o = Ge.value;
       if (!o) return;
       const a = new ResizeObserver((s) => {
@@ -220,10 +221,10 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       });
       a.observe(o), t(() => a.disconnect());
     });
-    const ge = c(0), Mt = Ce((t) => {
+    const ge = c(0), Mt = Le((t) => {
       ge.value = t;
     }, 100);
-    Pe((t) => {
+    Xe((t) => {
       const o = ze.value;
       if (!o) return;
       const a = new ResizeObserver((s) => {
@@ -295,7 +296,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         xLabels: o.slice(0, D.value)
       };
     }), Y = g(() => (m.value.forEach((t, o) => {
-      ol({
+      ll({
         datasetObject: t,
         requiredAttributes: ["values"]
       }).forEach((a) => {
@@ -335,7 +336,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       ot[t] = o;
     }
     const R = c(null), be = c(null);
-    function Pt(t, o, a, s) {
+    function Xt(t, o, a, s) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o }), se.value = { x: a, y: s };
       const { value: d, yAxisName: v, xAxisName: x, id: N } = t;
       oe.value = N, R.value = d, be.value = {
@@ -346,7 +347,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
       }, ae.value = !0;
       let h = "";
       const A = e.value.style.tooltip.customFormat;
-      nl(A) && rl(() => A({
+      ul(A) && il(() => A({
         datapoint: t,
         seriesIndex: o,
         series: Y.value,
@@ -368,7 +369,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         { datapoint: t, seriesIndex: o }
       )}</span></div>`, q.value = `<div style="font-size:${e.value.style.tooltip.fontSize}px">${h}</div>`);
     }
-    function Xt({ datapoint: t, seriesIndex: o }) {
+    function Pt({ datapoint: t, seriesIndex: o }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o }), ae.value = !1, oe.value = void 0, R.value = null, se.value = null;
     }
     function It(t) {
@@ -412,8 +413,8 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
             x.push([m.value[N].values[v]]);
           a.push(x);
         }
-        const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(a), d = ul(s);
-        t ? t(d) : il({ csvContent: d, title: e.value.style.title.text || "vue-ui-heatmap" });
+        const s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(a), d = ol(s);
+        t ? t(d) : sl({ csvContent: d, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
     const G = c(!1);
@@ -438,7 +439,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
     }
     async function Ut({ scale: t = 2 } = {}) {
       if (!O.value) return;
-      const { width: o, height: a } = O.value.getBoundingClientRect(), s = o / a, { imageUri: d, base64: v } = await gl({ domElement: O.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = O.value.getBoundingClientRect(), s = o / a, { imageUri: d, base64: v } = await pl({ domElement: O.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: d,
         base64: v,
@@ -480,7 +481,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
     const xe = g(() => {
       const t = e.value.table.useDialog && !e.value.table.show, o = z.value.showTable;
       return {
-        component: t ? Le : ml,
+        component: t ? Ce : ml,
         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,
@@ -510,11 +511,11 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
     we(() => z.value.showTable, async (t) => {
       e.value.table.show || (t && e.value.table.useDialog && ue.value ? (await dt(), ue.value.open()) : "close" in ue.value && ue.value.close());
     });
-    const { isResponsive: Yt } = yl(Be, St);
+    const { isResponsive: Yt } = hl(Be, St);
     function Ne() {
       z.value.showTable = !1, _e.value && _e.value.setTableIconState(!1);
     }
-    return P({
+    return X({
       getData: Et,
       getImage: Ut,
       generatePdf: Ze,
@@ -554,7 +555,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         ref: Ue,
         style: "width:100%;background:transparent"
       }, [
-        (u(), de(bl, {
+        (u(), de(gl, {
           key: `title_${Ee.value}`,
           config: {
             title: {
@@ -607,56 +608,56 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: S(({ isOpen: a, color: s }) => [
-            L(t.$slots, "menuIcon", Z(ee({ isOpen: a, color: s })), void 0, !0)
+            C(t.$slots, "menuIcon", Z(ee({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: S(() => [
-            L(t.$slots, "optionTooltip", {}, void 0, !0)
+            C(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: S(() => [
-            L(t.$slots, "optionPdf", {}, void 0, !0)
+            C(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: S(() => [
-            L(t.$slots, "optionCsv", {}, void 0, !0)
+            C(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: S(() => [
-            L(t.$slots, "optionImg", {}, void 0, !0)
+            C(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: S(() => [
-            L(t.$slots, "optionTable", {}, void 0, !0)
+            C(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: S(({ toggleFullscreen: a, isFullscreen: s }) => [
-            L(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+            C(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: S(({ toggleAnnotator: a, isAnnotator: s }) => [
-            L(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+            C(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -670,7 +671,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         (u(), n("svg", {
           ref_key: "svgRef",
           ref: qe,
-          xmlns: i(sl),
+          xmlns: i(al),
           class: ce({ "vue-data-ui-fullscreen--on": G.value, "vue-data-ui-fulscreen--off": !G.value }),
           viewBox: `0 0 ${_.value.width} ${_.value.height}`,
           width: "100%",
@@ -679,7 +680,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
           role: "img",
           preserveAspectRatio: "xMidYMid"
         }, [
-          ke(i(X)),
+          ke(i(P)),
           t.$slots["chart-background"] ? (u(), n("foreignObject", {
             key: 0,
             x: l.value.left,
@@ -690,14 +691,14 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
               pointerEvents: "none"
             }
           }, [
-            L(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Cl)) : y("", !0),
+            C(t.$slots, "chart-background", {}, void 0, !0)
+          ], 8, Ll)) : y("", !0),
           e.value.style.layout.cells.columnTotal.color.show ? (u(), n("g", {
             key: 1,
             ref_key: "xAxisSumRects",
-            ref: Ct
+            ref: Lt
           }, [
-            (u(!0), n(C, null, F(p.value.xTotals, (a, s) => (u(), n("rect", {
+            (u(!0), n(L, null, F(p.value.xTotals, (a, s) => (u(), n("rect", {
               x: l.value.left + l.value.cellSize.width * s + r.value / 2 + l.value.sumCellXHeight,
               y: l.value.top - l.value.sumCellXHeight + r.value * (_.value.height / _.value.width),
               height: l.value.sumCellXHeight,
@@ -705,8 +706,8 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
               "stroke-width": r.value
-            }, null, 8, Ll))), 256)),
-            (u(!0), n(C, null, F(p.value.xTotals, (a, s) => (u(), n("rect", {
+            }, null, 8, Cl))), 256)),
+            (u(!0), n(L, null, F(p.value.xTotals, (a, s) => (u(), n("rect", {
               x: l.value.left + l.value.cellSize.width * s + r.value / 2 + l.value.sumCellXHeight,
               y: l.value.top - l.value.sumCellXHeight + r.value * (_.value.height / _.value.width),
               height: l.value.sumCellXHeight,
@@ -720,8 +721,8 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
             ref_key: "datapoints",
             ref: wt
           }, [
-            (u(!0), n(C, null, F(Y.value, (a, s) => (u(), n(C, null, [
-              (u(!0), n(C, null, F(a.temperatures, (d, v) => (u(), n("g", null, [
+            (u(!0), n(L, null, F(Y.value, (a, s) => (u(), n(L, null, [
+              (u(!0), n(L, null, F(a.temperatures, (d, v) => (u(), n("g", null, [
                 f("rect", {
                   x: l.value.left + l.value.cellSize.width * v + r.value / 2 + l.value.sumCellXHeight,
                   y: l.value.top + l.value.cellSize.height * s + r.value / 2,
@@ -739,8 +740,8 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                   fill: d.color,
                   stroke: e.value.style.backgroundColor,
                   "stroke-width": r.value,
-                  onMouseover: (x) => Pt(d, s, l.value.left + l.value.cellSize.width * v, l.value.top + l.value.cellSize.height * s),
-                  onMouseout: () => Xt({ datapoint: d, seriesIndex: s }),
+                  onMouseover: (x) => Xt(d, s, l.value.left + l.value.cellSize.width * v, l.value.top + l.value.cellSize.height * s),
+                  onMouseout: () => Pt({ datapoint: d, seriesIndex: s }),
                   onClick: () => Bt(d, s)
                 }, null, 40, Sl),
                 e.value.style.layout.cells.value.show ? yt((u(), n("text", {
@@ -753,7 +754,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                   y: l.value.top + l.value.cellSize.height * s + l.value.cellSize.height / 2 + e.value.style.layout.cells.value.fontSize / 3,
                   style: { pointerEvents: "none", userSelect: "none" }
                 }, [
-                  Xe(T(i(B)(
+                  Pe(T(i(B)(
                     e.value.style.layout.cells.value.formatter,
                     d.value,
                     i(H)({
@@ -785,7 +786,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
             ref_key: "yAxisSumRects",
             ref: At
           }, [
-            (u(!0), n(C, null, F(Y.value, (a, s) => (u(), n(C, null, [
+            (u(!0), n(L, null, F(Y.value, (a, s) => (u(), n(L, null, [
               f("rect", {
                 x: l.value.left,
                 y: l.value.top + l.value.cellSize.height * s,
@@ -811,7 +812,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
             ref_key: "yAxisLabels",
             ref: Ge
           }, [
-            (u(!0), n(C, null, F(Y.value, (a, s) => (u(), n(C, null, [
+            (u(!0), n(L, null, F(Y.value, (a, s) => (u(), n(L, null, [
               f("text", {
                 class: "vue-ui-heatmap-row-name",
                 "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
@@ -838,7 +839,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
             ref_key: "xAxisLabels",
             ref: Se
           }, [
-            (u(!0), n(C, null, F(p.value.xLabels, (a, s) => (u(), n(C, null, [
+            (u(!0), n(L, null, F(p.value.xLabels, (a, s) => (u(), n(L, 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(), n("text", {
                 key: 0,
                 class: "vue-ui-heatmap-col-name",
@@ -855,7 +856,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
             ref_key: "xAxisSums",
             ref: ze
           }, [
-            (u(!0), n(C, null, F(p.value.xLabels, (a, s) => (u(), n("text", {
+            (u(!0), n(L, null, F(p.value.xLabels, (a, s) => (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,
@@ -877,7 +878,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
               rx: 1
             }, null, 8, Hl)
           ])) : y("", !0),
-          L(t.$slots, "svg", { svg: _.value }, void 0, !0)
+          C(t.$slots, "svg", { svg: _.value }, void 0, !0)
         ], 14, Al)),
         e.value.style.legend.show ? (u(), n("div", {
           key: 0,
@@ -905,7 +906,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
               r: e.value.style.legend.roundingValue
             })
           )), 5)),
-          f("div", Pl, [
+          f("div", Xl, [
             f("div", {
               class: "vue-ui-heatmap-gauge",
               style: w({
@@ -948,7 +949,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                     r: e.value.style.legend.roundingValue
                   })
                 )), 1)
-              ], 12, Xl), [
+              ], 12, Pl), [
                 [Kt, ![void 0, null].includes(R.value)]
               ])
             ], 4)
@@ -973,7 +974,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         ], 4)) : y("", !0)
       ], 2),
       t.$slots.watermark ? (u(), n("div", Vl, [
-        L(t.$slots, "watermark", Z(ee({ isPrinting: i(Je) || i(Qe) })), void 0, !0)
+        C(t.$slots, "watermark", Z(ee({ isPrinting: i(Je) || i(Qe) })), void 0, !0)
       ])) : y("", !0),
       t.$slots.source ? (u(), n("div", {
         key: 5,
@@ -981,7 +982,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         ref: We,
         dir: "auto"
       }, [
-        L(t.$slots, "source", {}, void 0, !0)
+        C(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       ke(i(W), {
         show: z.value.showTooltip && ae.value,
@@ -1004,10 +1005,10 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": S(() => [
-          L(t.$slots, "tooltip-before", Z(ee({ ...be.value })), void 0, !0)
+          C(t.$slots, "tooltip-before", Z(ee({ ...be.value })), void 0, !0)
         ]),
         "tooltip-after": S(() => [
-          L(t.$slots, "tooltip-after", Z(ee({ ...be.value })), void 0, !0)
+          C(t.$slots, "tooltip-after", Z(ee({ ...be.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -1046,7 +1047,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                   key: 0,
                   style: w(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
-                  Xe(T(e.value.style.title.text) + " ", 1),
+                  Pe(T(e.value.style.title.text) + " ", 1),
                   e.value.style.title.subtitle.text ? (u(), n("span", El, T(e.value.style.title.subtitle.text), 1)) : y("", !0)
                 ], 4)),
                 f("thead", null, [
@@ -1057,14 +1058,14 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                     f("th", {
                       style: w(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, null, 4),
-                    (u(!0), n(C, null, F(b.dataset, (a, s) => (u(), n("th", {
+                    (u(!0), n(L, null, F(b.dataset, (a, s) => (u(), n("th", {
                       align: "right",
                       style: w(`outline:${e.value.table.th.outline};padding-right:6px`)
                     }, T(a.name), 5))), 256))
                   ], 4)
                 ]),
                 f("tbody", null, [
-                  (u(!0), n(C, null, F(p.value.xLabels, (a, s) => (u(), n("tr", {
+                  (u(!0), n(L, null, F(p.value.xLabels, (a, s) => (u(), n("tr", {
                     role: "row",
                     class: ce({ "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: w(`background:${e.value.table.td.backgroundColor};color:${e.value.table.td.color}`)
@@ -1076,7 +1077,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
                     }, [
                       f("div", Yl, T(a), 1)
                     ], 12, Ul),
-                    (u(!0), n(C, null, F(b.dataset, (d, v) => (u(), n("td", {
+                    (u(!0), n(L, null, F(b.dataset, (d, v) => (u(), n("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": b.dataset[v].name,
                       style: w(`outline:${e.value.table.td.outline}`)
@@ -1094,7 +1095,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
         e.value.table.useDialog ? {
           name: "title",
           fn: S(() => [
-            Xe(T(xe.value.title), 1)
+            Pe(T(xe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1115,10 +1116,10 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"]
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      i(pe) ? (u(), de(hl, { key: 7 })) : y("", !0)
+      i(pe) ? (u(), de(dl, { key: 7 })) : y("", !0)
     ], 46, kl));
   }
-}, va = /* @__PURE__ */ xl(jl, [["__scopeId", "data-v-b8c90b2a"]]);
+}, ca = /* @__PURE__ */ xl(jl, [["__scopeId", "data-v-b8c90b2a"]]);
 export {
-  va as default
+  ca as default
 };