vue-data-ui 2.3.84 → 2.3.86

package/dist/{vue-ui-strip-plot-BZ-we0b1.js → vue-ui-strip-plot-vqOCzdFV.js}

@@ -1,16 +1,16 @@
-import { computed as p, ref as n, watch as ze, onMounted as Ne, onBeforeUnmount as Ae, openBlock as s, createElementBlock as i, normalizeClass as F, normalizeStyle as H, createBlock as P, createCommentVNode as v, unref as h, createSlots as Oe, withCtx as b, renderSlot as m, normalizeProps as R, guardReactiveProps as U, Fragment as g, renderList as C, createElementVNode as x, toDisplayString as T, mergeProps as Fe, createVNode as We, createTextVNode as Ie, nextTick as Me } from "vue";
-import { u as De, c as K, t as Ge, a as Ee, p as L, o as Ve, e as Q, g as be, b as He, d as me, v as Re, C as Ue, f as B, X as Be, i as Z, l as Xe, h as je, x as ge, y as Ye, q as Je, r as qe, E as Ke } from "./index-DI4DaxVG.js";
+import { computed as p, ref as n, watch as ze, onMounted as Ne, onBeforeUnmount as Ae, openBlock as s, createElementBlock as i, normalizeClass as F, normalizeStyle as q, createBlock as P, createCommentVNode as c, unref as h, createSlots as Oe, withCtx as b, renderSlot as m, normalizeProps as H, guardReactiveProps as R, Fragment as g, renderList as C, createElementVNode as x, toDisplayString as T, mergeProps as Fe, createVNode as We, createTextVNode as Ie, nextTick as Me } from "vue";
+import { u as De, c as K, t as Ge, a as Ee, p as L, o as Ve, e as Q, g as be, b as He, d as me, v as Re, C as Ue, f as U, X as Be, i as Z, l as Xe, h as je, x as ge, y as Ye, q as Je, r as qe, E as Ke } from "./index-D2epy0rJ.js";
 import { t as Qe, u as Ze } from "./useResponsive-NZB-WLRF.js";
-import { _ as et } from "./Title-Bk3h09h9.js";
-import { u as tt, U as lt } from "./usePrinter-D9bNzUQP.js";
-import { _ as at } from "./Tooltip-CdB80DsD.js";
-import { D as ot } from "./DataTable-C-iU_7h7.js";
-import st from "./vue-ui-skeleton-DH4t1hrL.js";
-import { _ as rt } from "./Shape-CyM44biU.js";
-import ut from "./vue-ui-accordion-DsN9lxvc.js";
-import { u as xe } from "./useNestedProp-COsQo-tX.js";
+import { _ as et } from "./Title-DJ2FNrSN.js";
+import { u as tt, U as lt } from "./usePrinter-B6qtXaHk.js";
+import { _ as at } from "./Tooltip-CQpXRqRC.js";
+import { D as ot } from "./DataTable-tSDSY14n.js";
+import st from "./vue-ui-skeleton-BLiYyX95.js";
+import { _ as rt } from "./Shape-XiTBfhJM.js";
+import ut from "./vue-ui-accordion-DzTB2FL0.js";
+import { u as xe } from "./useNestedProp-C_ZrJBd9.js";
 import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 }, dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = { key: 1 }, yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], mt = ["x", "y", "fill", "font-size"], gt = ["x", "y", "font-size", "fill"], xt = ["fill", "font-size", "transform"], kt = ["fill", "font-size", "x", "y"], Ct = ["x1", "x2", "y1", "y2", "stroke"], wt = ["cx", "cy", "fill"], _t = ["cx", "cy", "fill"], $t = ["id"], Tt = ["stop-color"], Lt = ["stop-color"], St = ["stop-color"], Pt = { key: 0 }, zt = ["x", "y", "font-size", "fill"], Nt = {
+const nt = ["id"], vt = ["xmlns", "viewBox"], ct = { key: 0 }, ht = { key: 0 }, dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = { key: 1 }, yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], mt = ["x", "y", "fill", "font-size"], gt = ["x", "y", "font-size", "fill"], xt = ["fill", "font-size", "transform"], kt = ["fill", "font-size", "x", "y"], Ct = ["x1", "x2", "y1", "y2", "stroke"], wt = ["cx", "cy", "fill"], _t = ["cx", "cy", "fill"], $t = ["id"], Tt = ["stop-color"], Lt = ["stop-color"], St = ["stop-color"], Pt = { key: 0 }, zt = ["x", "y", "font-size", "fill"], Nt = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, At = ["innerHTML"], Ot = {
@@ -38,7 +38,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
       set(t) {
         return t;
       }
-    }), X = n(K()), ee = n(0), j = n(!1), Y = n(""), z = n(null), te = n(null), le = n(!1), ae = n(0), oe = n(0), e = p({
+    }), B = n(K()), ee = n(0), X = n(!1), j = n(""), z = n(null), te = n(null), le = n(!1), ae = n(0), oe = n(0), e = p({
       get: () => se(),
       set: (t) => t
     });
@@ -113,10 +113,10 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
     Ae(() => {
       W.value && W.value.disconnect();
     });
-    const { isPrinting: ue, isImaging: ie, generatePdf: ne, generateImage: ce } = tt({
-      elementId: `strip-plot_${X.value}`,
+    const { isPrinting: ue, isImaging: ie, generatePdf: ne, generateImage: ve } = tt({
+      elementId: `strip-plot_${B.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot"
-    }), ve = p(() => He(e.value.customPalette)), N = n(e.value.useCssAnimation), d = n({
+    }), ce = p(() => He(e.value.customPalette)), N = n(e.value.useCssAnimation), d = n({
       showTable: e.value.table.show,
       dataLabels: {
         show: e.value.style.chart.labels.bestPlotLabel.show
@@ -148,12 +148,12 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
       return {
         ...t,
         id: l,
-        color: t.color ? me(t.color) : ve.value[o] || L[o] || L[o % L.length],
+        color: t.color ? me(t.color) : ce.value[o] || L[o] || L[o % L.length],
         plots: t.plots.map((r) => ({
           ...r,
           value: Re(r.value),
           parentId: l,
-          color: t.color ? me(t.color) : ve.value[o] || L[o] || L[o % L.length],
+          color: t.color ? me(t.color) : ce.value[o] || L[o] || L[o % L.length],
           id: K()
         })).sort((r, u) => r.value - u.value)
       };
@@ -163,13 +163,13 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         ...l,
         x: a.value.left + (o + 1) * a.value.stripWidth - a.value.stripWidth / 2
       }))
-    }))), $e = p(() => Math.max(...k.value.map((t) => t.plots.length))), J = p(() => {
+    }))), $e = p(() => Math.max(...k.value.map((t) => t.plots.length))), Y = p(() => {
       const t = k.value.flatMap((o) => o.plots.map((l) => l.value));
       return {
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), _ = p(() => Ue(J.value.min < 0 ? J.value.min : 0, J.value.max, e.value.style.chart.grid.scaleSteps)), Te = p(() => (k.value || []).map((t, o) => ({
+    }), _ = p(() => Ue(Y.value.min < 0 ? Y.value.min : 0, Y.value.max, e.value.style.chart.grid.scaleSteps)), Te = p(() => (k.value || []).map((t, o) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
@@ -180,9 +180,9 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
       x1: a.value.left,
       x2: a.value.right,
       value: t
-    }))), q = n(null), c = n(null);
+    }))), J = n(null), v = n(null);
     function Le({ datapoint: t, seriesIndex: o }) {
-      q.value = { datapoint: t, seriesIndex: o, config: e.value, series: D.value }, j.value = !0, c.value = t;
+      J.value = { datapoint: t, seriesIndex: o, config: e.value, series: D.value }, X.value = !0, v.value = t;
       const l = e.value.style.chart.tooltip.customFormat;
       if (ge(l) && Ye(() => l({
         seriesIndex: o,
@@ -190,7 +190,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         series: D.value,
         config: e.value
       })))
-        Y.value = l({
+        j.value = l({
           seriesIndex: o,
           datapoint: t,
           series: D.value,
@@ -201,14 +201,14 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.value.style.chart.plots.gradient.show ? `url(#${t.parentId})` : t.color}"/></svg>${t.name}</div>`, r += `<div>${Z(
           e.value.style.chart.labels.formatter,
           t.value,
-          B({
+          U({
             p: e.value.style.chart.labels.prefix,
             v: t.value,
             s: e.value.style.chart.labels.suffix,
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: o }
-        )}</div>`, Y.value = `<div>${r}</div>`;
+        )}</div>`, j.value = `<div>${r}</div>`;
       }
     }
     const G = p(() => {
@@ -231,7 +231,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
       ], o = G.value.head.map((u, $) => {
-        const V = B({
+        const V = U({
           p: e.value.style.chart.labels.prefix,
           v: G.value.body[$],
           s: e.value.style.chart.labels.suffix,
@@ -286,7 +286,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
       getData: Pe,
       generatePdf: ne,
       generateCsv: de,
-      generateImage: ce,
+      generateImage: ve,
       toggleTable: pe,
       toggleLabels: ye,
       toggleTooltip: fe
@@ -294,14 +294,14 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
       ref_key: "stripPlotChart",
       ref: z,
       class: F(`vue-ui-strip-plot ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: H(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      id: `strip-plot_${X.value}`
+      style: q(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
+      id: `strip-plot_${B.value}`
     }, [
       e.value.style.chart.title.text ? (s(), i("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: te,
-        style: H(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:24px`)
+        style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (s(), P(et, {
           key: `title_${ae.value}`,
@@ -316,7 +316,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : v("", !0),
+      ], 512)) : c("", !0),
       e.value.userOptions.show && w.value ? (s(), P(lt, {
         ref: "details",
         key: `user_option_${ee.value}`,
@@ -324,7 +324,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         color: e.value.style.chart.color,
         isPrinting: h(ue),
         isImaging: h(ie),
-        uid: X.value,
+        uid: B.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -336,10 +336,11 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         isFullscreen: O.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: z.value,
+        position: e.value.userOptions.position,
         onToggleFullscreen: Se,
         onGeneratePdf: h(ne),
         onGenerateCsv: de,
-        onGenerateImage: h(ce),
+        onGenerateImage: h(ve),
         onToggleTable: pe,
         onToggleLabels: ye,
         onToggleTooltip: fe
@@ -389,19 +390,19 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: b(({ toggleFullscreen: l, isFullscreen: r }) => [
-            m(t.$slots, "optionFullscreen", R(U({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
+            m(t.$slots, "optionFullscreen", H(R({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : c("", !0),
       w.value ? (s(), i("svg", {
         key: 2,
         xmlns: h(Be),
         class: F({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
         viewBox: `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`,
-        style: H(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};`)
+        style: q(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
       }, [
-        e.value.style.chart.grid.show ? (s(), i("g", vt, [
+        e.value.style.chart.grid.show ? (s(), i("g", ct, [
           e.value.style.chart.grid.horizontalGrid.show ? (s(), i("g", ht, [
             (s(!0), i(g, null, C(he.value, (l) => (s(), i("line", {
               x1: l.x1,
@@ -413,7 +414,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
               "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray,
               "stroke-linecap": "round"
             }, null, 8, dt))), 256))
-          ])) : v("", !0),
+          ])) : c("", !0),
           e.value.style.chart.grid.verticalGrid.show ? (s(), i("g", pt, [
             (s(!0), i(g, null, C(k.value, (l, r) => (s(), i("line", {
               x1: a.value.left + (r + 1) * a.value.stripWidth,
@@ -425,7 +426,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
               "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray,
               "stroke-linecap": "round"
             }, null, 8, yt))), 256))
-          ])) : v("", !0),
+          ])) : c("", !0),
           x("line", {
             x1: a.value.left,
             x2: a.value.left,
@@ -444,7 +445,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
             "stroke-width": e.value.style.chart.grid.strokeWidth,
             "stroke-linecap": "round"
           }, null, 8, bt)
-        ])) : v("", !0),
+        ])) : c("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (s(!0), i(g, { key: 1 }, C(he.value, (l, r) => (s(), i("text", {
           x: l.x1 - e.value.style.chart.labels.yAxisLabels.fontSize / 2 + e.value.style.chart.labels.yAxisLabels.offsetX,
           y: l.y + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
@@ -454,28 +455,28 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         }, T(h(Z)(
           e.value.style.chart.labels.formatter,
           l.value,
-          h(B)({
+          h(U)({
             p: e.value.style.chart.labels.prefix,
             v: l.value,
             s: e.value.style.chart.labels.suffix,
             r: e.value.style.chart.labels.yAxisLabels.rounding
           }),
           { datapoint: l, seriesIndex: r }
-        )), 9, mt))), 256)) : v("", !0),
+        )), 9, mt))), 256)) : c("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (s(!0), i(g, { key: 2 }, C(k.value, (l, r) => (s(), i("text", {
           x: a.value.left + (r + 1) * a.value.stripWidth - a.value.stripWidth / 2,
           y: a.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize * 2 + e.value.style.chart.labels.xAxisLabels.offsetY,
           "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
           fill: e.value.style.chart.labels.xAxisLabels.color,
           "text-anchor": "middle"
-        }, T(l.name), 9, gt))), 256)) : v("", !0),
+        }, T(l.name), 9, gt))), 256)) : c("", !0),
         e.value.style.chart.labels.axis.yLabel ? (s(), i("text", {
           key: 3,
           fill: e.value.style.chart.labels.axis.color,
           "font-size": e.value.style.chart.labels.axis.fontSize,
           transform: `translate(${e.value.style.chart.labels.axis.fontSize + e.value.style.chart.labels.axis.yLabelOffsetX}, ${a.value.top + a.value.height / 2}) rotate(-90)`,
           "text-anchor": "middle"
-        }, T(e.value.style.chart.labels.axis.yLabel), 9, xt)) : v("", !0),
+        }, T(e.value.style.chart.labels.axis.yLabel), 9, xt)) : c("", !0),
         e.value.style.chart.labels.axis.xLabel ? (s(), i("text", {
           key: 4,
           fill: e.value.style.chart.labels.axis.color,
@@ -483,32 +484,32 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
           x: a.value.left + a.value.width / 2,
           y: a.value.absoluteHeight,
           "text-anchor": "middle"
-        }, T(e.value.style.chart.labels.axis.xLabel), 9, kt)) : v("", !0),
-        c.value ? (s(), i(g, { key: 5 }, [
+        }, T(e.value.style.chart.labels.axis.xLabel), 9, kt)) : c("", !0),
+        v.value ? (s(), i(g, { key: 5 }, [
           x("line", {
             x1: a.value.left,
             x2: a.value.right,
-            y1: c.value.y,
-            y2: c.value.y,
-            stroke: c.value.color,
+            y1: v.value.y,
+            y2: v.value.y,
+            stroke: v.value.color,
             "stroke-width": 1,
             class: F({ "select-circle": e.value.useCssAnimation })
           }, null, 10, Ct),
           x("circle", {
             cx: a.value.left,
-            cy: c.value.y,
+            cy: v.value.y,
             r: 3,
-            fill: c.value.color,
+            fill: v.value.color,
             class: F({ "select-circle": e.value.useCssAnimation })
           }, null, 10, wt),
           x("circle", {
             cx: a.value.right,
-            cy: c.value.y,
+            cy: v.value.y,
             r: 3,
-            fill: c.value.color,
+            fill: v.value.color,
             class: F({ "select-circle": e.value.useCssAnimation })
           }, null, 10, _t)
-        ], 64)) : v("", !0),
+        ], 64)) : c("", !0),
         x("defs", null, [
           (s(!0), i(g, null, C(k.value, (l) => (s(), i("radialGradient", {
             id: l.id,
@@ -531,49 +532,49 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         (s(!0), i(g, null, C(Te.value, (l, r) => (s(), i(g, null, [
           (s(!0), i(g, null, C(l.plots, (u, $) => (s(), P(rt, Fe({
             plot: { x: u.x, y: le.value ? u.y : a.value.top },
-            radius: c.value && c.value.id === u.id ? M.value * 1.5 : M.value,
+            radius: v.value && v.value.id === u.id ? M.value * 1.5 : M.value,
             shape: e.value.style.chart.plots.shape,
             stroke: e.value.style.chart.plots.stroke,
             strokeWidth: e.value.style.chart.plots.strokeWidth,
             color: e.value.style.chart.plots.gradient.show ? `url(#${l.id})` : l.color,
             onMouseenter: (V) => Le({ datapoint: u, seriesIndex: $ }),
             onMouseleave: o[0] || (o[0] = (V) => {
-              j.value = !1, c.value = null;
+              X.value = !1, v.value = null;
             }),
             onClick: (V) => we("selectDatapoint", u),
-            style: `transition: all 0.2s ease-in-out; opacity:${c.value ? c.value.id === u.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${N.value ? `transition-delay:${$ * 50}ms` : ""}`,
+            style: `transition: all 0.2s ease-in-out; opacity:${v.value ? v.value.id === u.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${N.value ? `transition-delay:${$ * 50}ms` : ""}`,
             class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && N.value, "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !N.value }
           }, t.$attrs), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "onMouseenter", "onClick", "style", "class"]))), 256)),
           d.value.dataLabels.show ? (s(), i("g", Pt, [
             (s(!0), i(g, null, C(l.plots, (u, $) => (s(), i(g, null, [
-              $ === l.plots.length - 1 || c.value && c.value.id === u.id && !d.value.showTooltip ? (s(), i("text", {
+              $ === l.plots.length - 1 || v.value && v.value.id === u.id && !d.value.showTooltip ? (s(), i("text", {
                 key: 0,
                 x: u.x,
-                y: u.y + e.value.style.chart.labels.bestPlotLabel.offsetY - M.value * (c.value && c.value.id === u.id && !d.value.showTooltip ? 2 : 1.5),
+                y: u.y + e.value.style.chart.labels.bestPlotLabel.offsetY - M.value * (v.value && v.value.id === u.id && !d.value.showTooltip ? 2 : 1.5),
                 "font-size": e.value.style.chart.labels.bestPlotLabel.fontSize,
                 fill: e.value.style.chart.labels.bestPlotLabel.color,
                 "text-anchor": "middle",
-                style: H(`opacity:${e.value.useCssAnimation && N.value ? 0 : 1};transition:opacity 0.2s ease-in;`)
+                style: q(`opacity:${e.value.useCssAnimation && N.value ? 0 : 1};transition:opacity 0.2s ease-in;`)
               }, T(u.name) + " " + T(e.value.style.chart.labels.bestPlotLabel.showValue ? h(Z)(
                 e.value.style.chart.labels.formatter,
                 u.value,
-                h(B)({
+                h(U)({
                   p: `(${e.value.style.chart.labels.prefix}`,
                   v: u.value,
                   s: `${e.value.style.chart.labels.suffix})`,
                   r: e.value.style.chart.labels.bestPlotLabel.rounding
                 }),
                 { datapoint: u, seriesIndex: $ }
-              ) : ""), 13, zt)) : v("", !0)
+              ) : ""), 13, zt)) : c("", !0)
             ], 64))), 256))
-          ])) : v("", !0)
+          ])) : c("", !0)
         ], 64))), 256)),
         m(t.$slots, "svg", { svg: a.value }, void 0, !0)
-      ], 14, ct)) : v("", !0),
+      ], 14, vt)) : c("", !0),
       t.$slots.watermark ? (s(), i("div", Nt, [
-        m(t.$slots, "watermark", R(U({ isPrinting: h(ue) || h(ie) })), void 0, !0)
-      ])) : v("", !0),
-      w.value ? v("", !0) : (s(), P(st, {
+        m(t.$slots, "watermark", H(R({ isPrinting: h(ue) || h(ie) })), void 0, !0)
+      ])) : c("", !0),
+      w.value ? c("", !0) : (s(), P(st, {
         key: 4,
         config: {
           type: "stripPlot",
@@ -586,7 +587,7 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         }
       }, null, 8, ["config"])),
       We(at, {
-        show: d.value.showTooltip && j.value,
+        show: d.value.showTooltip && X.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -597,14 +598,14 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: z.value,
-        content: Y.value,
+        content: j.value,
         isCustom: h(ge)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": b(() => [
-          m(t.$slots, "tooltip-before", R(U({ ...q.value })), void 0, !0)
+          m(t.$slots, "tooltip-before", H(R({ ...J.value })), void 0, !0)
         ]),
         "tooltip-after": b(() => [
-          m(t.$slots, "tooltip-after", R(U({ ...q.value })), void 0, !0)
+          m(t.$slots, "tooltip-after", H(R({ ...J.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
@@ -647,10 +648,10 @@ const nt = ["id"], ct = ["xmlns", "viewBox"], vt = { key: 0 }, ht = { key: 0 },
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : v("", !0)
+      }, 8, ["config"])) : c("", !0)
     ], 14, nt));
   }
-}, Xt = /* @__PURE__ */ it(Ot, [["__scopeId", "data-v-0d98d4cb"]]);
+}, Xt = /* @__PURE__ */ it(Ot, [["__scopeId", "data-v-773b4af1"]]);
 export {
   Xt as default
 };

package/dist/{vue-ui-table-Dy26T2oy.cjs → vue-ui-table-BCdHNku5.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-Cx-40Fnz.cjs"),e=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),C={name:"vue-ui-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},data(){return{uid:`vue-ui-table-${Math.random()}`,bodyCopy:JSON.parse(JSON.stringify(this.dataset.body)).map((l,o)=>({...l,absoluteIndex:o})),buttonTimeout:null,canMoveChart:!1,chart:{height:316,type:"bar",width:512},constants:{ASC:1,BAR:"bar",DATE:"date",DESC:-1,DONUT:"donut",LINE:"line",NUMERIC:"numeric",PERCENTAGE:"percentage",TEXT:"text"},clientX:100,clientY:100,cssClass:{CELL:"smart-td-selected",FIRST_TD:"smart-td-selected-first",LAST_TD:"smart-td-selected-last",ROW:"smart-td-selected-neighbor"},currentDonut:void 0,currentFilter:void 0,currentSearch:void 0,currentSelectionSpan:{col:void 0,rows:[]},currentPage:0,dates:{},filteredDatesIndexes:{},hasNaN:{},iconColor:"#2D353C",iconSize:20,immutableRangeFilters:{},isExportRequest:!1,isLoading:!1,itemsPerPage:this.config.rowsPerPage?this.config.rowsPerPage:25,multiselects:{},paginatorOptions:[...new Set([10,25,50,100,250,500,this.config.rowsPerPage?this.config.rowsPerPage:25,this.dataset.body.length])].sort((l,o)=>l-o),palette:g.palette,percentages:{},rafId:null,rangeFilters:{},searches:{},selectedColumn:void 0,selectedDonutCategory:void 0,selectedPlot:void 0,showChart:!1,showDonutOptions:!1,sorts:{},tableBody:JSON.parse(JSON.stringify(this.dataset.body)).map((l,o)=>({...l,absoluteIndex:o})),tableHead:JSON.parse(JSON.stringify(this.dataset.header)).map(l=>({average:Object.hasOwn(l,"average")?l.average:!1,decimals:Object.hasOwn(l,"decimals")?l.decimals:0,isMultiselect:Object.hasOwn(l,"isMultiselect")?l.isMultiselect:!1,isPercentage:Object.hasOwn(l,"isPercentage")?l.isPercentage:!1,isSearch:Object.hasOwn(l,"isSearch")?l.isSearch:!1,isSort:Object.hasOwn(l,"isSort")?l.isSort:!1,name:l.name,percentageTo:Object.hasOwn(l,"percentageTo")?l.percentageTo:void 0,prefix:Object.hasOwn(l,"prefix")?l.prefix:"",rangeFilter:Object.hasOwn(l,"rangeFilter")?l.rangeFilter:!1,suffix:Object.hasOwn(l,"suffix")?l.suffix:"",sum:Object.hasOwn(l,"sum")?l.sum:!1,type:l.type}))}},mounted(){if(this.dataset.header.length===0)throw new Error(`vue-ui-table error: missing header data.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-CVgBMJU6.cjs"),e=require("vue"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),C={name:"vue-ui-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},data(){return{uid:`vue-ui-table-${Math.random()}`,bodyCopy:JSON.parse(JSON.stringify(this.dataset.body)).map((l,o)=>({...l,absoluteIndex:o})),buttonTimeout:null,canMoveChart:!1,chart:{height:316,type:"bar",width:512},constants:{ASC:1,BAR:"bar",DATE:"date",DESC:-1,DONUT:"donut",LINE:"line",NUMERIC:"numeric",PERCENTAGE:"percentage",TEXT:"text"},clientX:100,clientY:100,cssClass:{CELL:"smart-td-selected",FIRST_TD:"smart-td-selected-first",LAST_TD:"smart-td-selected-last",ROW:"smart-td-selected-neighbor"},currentDonut:void 0,currentFilter:void 0,currentSearch:void 0,currentSelectionSpan:{col:void 0,rows:[]},currentPage:0,dates:{},filteredDatesIndexes:{},hasNaN:{},iconColor:"#2D353C",iconSize:20,immutableRangeFilters:{},isExportRequest:!1,isLoading:!1,itemsPerPage:this.config.rowsPerPage?this.config.rowsPerPage:25,multiselects:{},paginatorOptions:[...new Set([10,25,50,100,250,500,this.config.rowsPerPage?this.config.rowsPerPage:25,this.dataset.body.length])].sort((l,o)=>l-o),palette:g.palette,percentages:{},rafId:null,rangeFilters:{},searches:{},selectedColumn:void 0,selectedDonutCategory:void 0,selectedPlot:void 0,showChart:!1,showDonutOptions:!1,sorts:{},tableBody:JSON.parse(JSON.stringify(this.dataset.body)).map((l,o)=>({...l,absoluteIndex:o})),tableHead:JSON.parse(JSON.stringify(this.dataset.header)).map(l=>({average:Object.hasOwn(l,"average")?l.average:!1,decimals:Object.hasOwn(l,"decimals")?l.decimals:0,isMultiselect:Object.hasOwn(l,"isMultiselect")?l.isMultiselect:!1,isPercentage:Object.hasOwn(l,"isPercentage")?l.isPercentage:!1,isSearch:Object.hasOwn(l,"isSearch")?l.isSearch:!1,isSort:Object.hasOwn(l,"isSort")?l.isSort:!1,name:l.name,percentageTo:Object.hasOwn(l,"percentageTo")?l.percentageTo:void 0,prefix:Object.hasOwn(l,"prefix")?l.prefix:"",rangeFilter:Object.hasOwn(l,"rangeFilter")?l.rangeFilter:!1,suffix:Object.hasOwn(l,"suffix")?l.suffix:"",sum:Object.hasOwn(l,"sum")?l.sum:!1,type:l.type}))}},mounted(){if(this.dataset.header.length===0)throw new Error(`vue-ui-table error: missing header data.
 Provide an array of objects of type:
 {
  name: string;

package/dist/{vue-ui-table-BqLbMTHt.js → vue-ui-table-DDdVqdHt.js}

@@ -1,4 +1,4 @@
-import { p as D, u as x, A as G, m as M, d as T, B as E, q as z, r as B, W as H } from "./index-DI4DaxVG.js";
+import { p as D, u as x, A as G, m as M, d as T, B as E, q as z, r as B, W as H } from "./index-D2epy0rJ.js";
 import { openBlock as i, createElementBlock as c, normalizeStyle as g, createElementVNode as a, toDisplayString as u, Fragment as b, renderList as _, normalizeClass as f, createTextVNode as I, createCommentVNode as N, withDirectives as k, vModelText as w, withKeys as S, withModifiers as O, vModelSelect as P, createStaticVNode as R, pushScopeId as U, popScopeId as V } from "vue";
 import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const X = {

package/dist/vue-ui-table-heatmap-BJDnZMZN.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-CVgBMJU6.cjs"),P=require("./useNestedProp-B-NmF2LO.cjs"),B=require("./usePrinter-DN-6Hoh5.cjs"),O=require("./Shape-D6jrLLku.cjs"),T=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),M=["id"],G={role:"cell"},q={role:"row"},U=["data-cell"],L={key:0,style:{display:"flex","flex-direction":"row",gap:"2px","align-items":"center"}},A=["height","width"],D={key:0,role:"cell","data-cell":"sum"},H={key:1,role:"cell","data-cell":"average"},X={key:2,role:"cell","data-cell":"median"},W={__name:"vue-ui-table-heatmap",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(I,{expose:$}){const d=I;e.useCssVars(t=>({"67436fce":z.value,"0c1550ae":F.value}));const{vue_ui_table_heatmap:w}=r.useConfig(),p=e.ref(r.createUid()),s=e.ref(!1),c=e.ref(null),m=e.ref(!1),v=e.ref(0),o=e.computed({get:()=>f(),set:t=>t});function f(){const t=P.useNestedProp({userConfig:d.config,defaultConfig:w});return t.theme?{...P.useNestedProp({userConfig:r.themes.vue_ui_table_heatmap[t.theme]||d.config,defaultConfig:t})}:t}e.watch(()=>d.config,t=>{o.value=f(),y()},{deep:!0});const{isPrinting:N,isImaging:x,generatePdf:g,generateImage:h}=B.usePrinter({elementId:`table_heatmap_${p.value}`,fileName:"vue-ui-table-heatmap"}),E=e.computed(()=>o.value.table.responsiveBreakpoint),S=e.computed(()=>!!d.dataset&&d.dataset.length);e.onMounted(()=>{y()});function y(){r.objectIsEmpty(d.dataset)&&r.error({componentName:"VueUiTableHeatmap",type:"dataset"});const t=new ResizeObserver(l=>{l.forEach(n=>{s.value=n.contentRect.width<E.value})});c.value&&t.observe(c.value)}const k=e.computed(()=>d.dataset.map(t=>{const l=t.values.map(a=>isNaN(a)?0:a),n=l.reduce((a,i)=>a+i,0);return{...t,values:l,serieExtremes:{max:Math.max(...l),min:Math.min(...l)},sum:n,average:n/l.length,median:r.calcMedian(l),displayValues:[t.name,...t.values],id:r.createUid()}})),b=e.computed(()=>{const t=k.value.flatMap(l=>l.values);return{min:Math.min(...t),max:Math.max(...t)}});function V(t,l){const n=o.value.style.heatmapColors.useIndividualScale;return r.interpolateColorHex(o.value.style.heatmapColors.min,o.value.style.heatmapColors.max,n?l.min:b.value.min,n?l.max:b.value.max,t)}const C=e.computed(()=>k.value.map(t=>({...t,colors:t.displayValues.map(l=>isNaN(l)?o.value.style.backgroundColor:V(l,t.serieExtremes))}))),F=e.computed(()=>o.value.style.backgroundColor),z=e.computed(()=>`${o.value.table.borderWidth}px`);function _(){e.nextTick(()=>{const t=C.value.map(a=>[[a.name],a.displayValues,[a.sum],[a.average],[a.median]]),l=[[[""],o.value.table.head.values,["sum"],["average"],["median"]]].concat(t),n=r.createCsvContent(l);r.downloadCsv({csvContent:n,title:"vue-ui-table-heatmap"})})}function R(t){m.value=t,v.value+=1}return $({generatePdf:g,generateCsv:_,generateImage:h}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:c,style:e.normalizeStyle(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${o.value.userOptions.show?"36px":""}; ${m.value?"vue-data-ui-wrapper-fullscreen":""}; position:relative;`),class:e.normalizeClass({"vue-ui-responsive":s.value}),id:`table_heatmap_${p.value}`},[o.value.userOptions.show&&S.value?(e.openBlock(),e.createBlock(B.UserOptions,{ref:"details",key:`user_option_${v.value}`,backgroundColor:o.value.style.backgroundColor,color:o.value.style.color,isPrinting:e.unref(N),isImaging:e.unref(x),uid:p.value,hasPdf:o.value.userOptions.buttons.pdf,hasXls:o.value.userOptions.buttons.csv,hasImg:o.value.userOptions.buttons.img,hasFullscreen:o.value.userOptions.buttons.fullscreen,isFullscreen:m.value,titles:{...o.value.userOptions.buttonTitles},chartElement:c.value,position:o.value.userOptions.position,onToggleFullscreen:R,onGeneratePdf:e.unref(g),onGenerateCsv:_,onGenerateImage:e.unref(h)},e.createSlots({_:2},[t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:a})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:a})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),e.createElementVNode("table",{class:e.normalizeClass({"vue-ui-table-heatmap":!0}),style:e.normalizeStyle(`width:100%;font-family:${o.value.style.fontFamily};background:${o.value.style.backgroundColor};`)},[e.createElementVNode("caption",null,[e.renderSlot(t.$slots,"caption",{},void 0,!0)]),e.createElementVNode("thead",null,[e.createElementVNode("tr",{role:"row",style:e.normalizeStyle(`background:${o.value.table.head.backgroundColor};color:${o.value.table.head.color}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.table.head.values,(n,a)=>(e.openBlock(),e.createElementBlock("th",G,[e.renderSlot(t.$slots,"head",e.normalizeProps(e.guardReactiveProps({value:n,rowIndex:a,type:typeof n,isResponsive:s.value})),void 0,!0)]))),256))],4)]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(n,a)=>(e.openBlock(),e.createElementBlock("tr",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.displayValues,(i,u)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":o.value.table.head.values[u]},[n.color&&u===0?(e.openBlock(),e.createElementBlock("div",L,[n.color?(e.openBlock(),e.createElementBlock("svg",{key:0,height:o.value.style.shapeSize,width:o.value.style.shapeSize,viewBox:"0 0 20 20",style:{background:"none",overflow:"visible"}},[e.createVNode(O._sfc_main,{plot:{x:10,y:10},color:n.color,radius:9,shape:n.shape||"circle"},null,8,["color","shape"])],8,A)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"rowTitle",e.normalizeProps(e.guardReactiveProps({value:i,rowIndex:a,colIndex:u,type:typeof i,isResponsive:s.value})),void 0,!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[u===0?e.renderSlot(t.$slots,"rowTitle",e.normalizeProps(e.mergeProps({key:0},{value:i,rowIndex:a,colIndex:u,type:typeof i,isResponsive:s.value})),void 0,!0):e.createCommentVNode("",!0),u>0?e.renderSlot(t.$slots,"cell",e.normalizeProps(e.mergeProps({key:1},{value:i,rowIndex:a,colIndex:u,type:typeof i,isResponsive:s.value,color:n.colors[u],textColor:e.unref(r.adaptColorToBackground)(n.colors[u])})),void 0,!0):e.createCommentVNode("",!0)],64))],8,U))),256)),o.value.table.showSum?(e.openBlock(),e.createElementBlock("td",D,[e.renderSlot(t.$slots,"sum",e.normalizeProps(e.guardReactiveProps({value:n.sum,rowIndex:a,isResponsive:s.value})),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showAverage?(e.openBlock(),e.createElementBlock("td",H,[e.renderSlot(t.$slots,"average",e.normalizeProps(e.guardReactiveProps({value:n.average,rowIndex:a,isResponsive:s.value})),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showMedian?(e.openBlock(),e.createElementBlock("td",X,[e.renderSlot(t.$slots,"median",e.normalizeProps(e.guardReactiveProps({value:n.median,rowIndex:a,isResponsive:s.value})),void 0,!0)])):e.createCommentVNode("",!0)]))),256))])],4)],14,M))}},J=T._export_sfc(W,[["__scopeId","data-v-2bd72dde"]]);exports.default=J;

package/dist/{vue-ui-table-heatmap-KzoqT8nX.js → vue-ui-table-heatmap-DQg_jtYq.js}

@@ -1,8 +1,8 @@
-import { useCssVars as Q, ref as h, computed as c, watch as Y, onMounted as Z, openBlock as s, createElementBlock as l, normalizeStyle as $, normalizeClass as z, createBlock as j, unref as g, createSlots as ee, withCtx as C, renderSlot as r, normalizeProps as v, guardReactiveProps as f, createCommentVNode as m, createElementVNode as y, Fragment as _, renderList as w, createVNode as te, mergeProps as E, nextTick as ae } from "vue";
-import { u as oe, c as G, t as ne, o as se, e as le, V as re, F as ue, M as ie, q as de, r as ce } from "./index-DI4DaxVG.js";
-import { u as S } from "./useNestedProp-COsQo-tX.js";
-import { u as ve, U as pe } from "./usePrinter-D9bNzUQP.js";
-import { _ as me } from "./Shape-CyM44biU.js";
+import { useCssVars as Q, ref as h, computed as c, watch as Y, onMounted as Z, openBlock as s, createElementBlock as l, normalizeStyle as $, normalizeClass as z, createBlock as j, unref as g, createSlots as ee, withCtx as C, renderSlot as r, normalizeProps as p, guardReactiveProps as f, createCommentVNode as m, createElementVNode as y, Fragment as _, renderList as w, createVNode as te, mergeProps as E, nextTick as ae } from "vue";
+import { u as oe, c as G, t as ne, o as se, e as le, V as re, F as ue, M as ie, q as de, r as ce } from "./index-D2epy0rJ.js";
+import { u as S } from "./useNestedProp-C_ZrJBd9.js";
+import { u as pe, U as ve } from "./usePrinter-B6qtXaHk.js";
+import { _ as me } from "./Shape-XiTBfhJM.js";
 import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell"], Ce = {
   key: 0,
@@ -36,10 +36,10 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
     }
   },
   setup(B, { expose: U }) {
-    const p = B;
+    const v = B;
     Q((e) => ({
-      "14b82aea": J.value,
-      "1a1f24c5": q.value
+      "67436fce": J.value,
+      "0c1550ae": q.value
     }));
     const { vue_ui_table_heatmap: A } = oe(), k = h(G()), u = h(!1), b = h(null), I = h(!1), x = h(0), t = c({
       get: () => F(),
@@ -47,28 +47,28 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
     });
     function F() {
       const e = S({
-        userConfig: p.config,
+        userConfig: v.config,
         defaultConfig: A
       });
       return e.theme ? {
         ...S({
-          userConfig: ne.vue_ui_table_heatmap[e.theme] || p.config,
+          userConfig: ne.vue_ui_table_heatmap[e.theme] || v.config,
           defaultConfig: e
         })
       } : e;
     }
-    Y(() => p.config, (e) => {
+    Y(() => v.config, (e) => {
       t.value = F(), O();
     }, { deep: !0 });
-    const { isPrinting: D, isImaging: H, generatePdf: P, generateImage: N } = ve({
+    const { isPrinting: D, isImaging: H, generatePdf: P, generateImage: N } = pe({
       elementId: `table_heatmap_${k.value}`,
       fileName: "vue-ui-table-heatmap"
-    }), L = c(() => t.value.table.responsiveBreakpoint), X = c(() => !!p.dataset && p.dataset.length);
+    }), L = c(() => t.value.table.responsiveBreakpoint), X = c(() => !!v.dataset && v.dataset.length);
     Z(() => {
       O();
     });
     function O() {
-      se(p.dataset) && le({
+      se(v.dataset) && le({
         componentName: "VueUiTableHeatmap",
         type: "dataset"
       });
@@ -79,7 +79,7 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
       });
       b.value && e.observe(b.value);
     }
-    const R = c(() => p.dataset.map((e) => {
+    const R = c(() => v.dataset.map((e) => {
       const n = e.values.map((o) => isNaN(o) ? 0 : o), a = n.reduce((o, d) => o + d, 0);
       return {
         ...e,
@@ -135,7 +135,7 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
       class: z({ "vue-ui-responsive": u.value }),
       id: `table_heatmap_${k.value}`
     }, [
-      t.value.userOptions.show && X.value ? (s(), j(pe, {
+      t.value.userOptions.show && X.value ? (s(), j(ve, {
         ref: "details",
         key: `user_option_${x.value}`,
         backgroundColor: t.value.style.backgroundColor,
@@ -150,6 +150,7 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
         isFullscreen: I.value,
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: b.value,
+        position: t.value.userOptions.position,
         onToggleFullscreen: K,
         onGeneratePdf: g(P),
         onGenerateCsv: T,
@@ -179,11 +180,11 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: C(({ toggleFullscreen: a, isFullscreen: o }) => [
-            r(e.$slots, "optionFullscreen", v(f({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            r(e.$slots, "optionFullscreen", p(f({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "3"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : m("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : m("", !0),
       y("table", {
         class: z({ "vue-ui-table-heatmap": !0 }),
         style: $(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
@@ -197,7 +198,7 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
             style: $(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
             (s(!0), l(_, null, w(t.value.table.head.values, (a, o) => (s(), l("th", ge, [
-              r(e.$slots, "head", v(f({ value: a, rowIndex: o, type: typeof a, isResponsive: u.value })), void 0, !0)
+              r(e.$slots, "head", p(f({ value: a, rowIndex: o, type: typeof a, isResponsive: u.value })), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
@@ -222,27 +223,27 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
                     shape: a.shape || "circle"
                   }, null, 8, ["color", "shape"])
                 ], 8, _e)) : m("", !0),
-                r(e.$slots, "rowTitle", v(f({ value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0)
+                r(e.$slots, "rowTitle", p(f({ value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0)
               ])) : (s(), l(_, { key: 1 }, [
-                i === 0 ? r(e.$slots, "rowTitle", v(E({ key: 0 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0) : m("", !0),
-                i > 0 ? r(e.$slots, "cell", v(E({ key: 1 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value, color: a.colors[i], textColor: g(ue)(a.colors[i]) })), void 0, !0) : m("", !0)
+                i === 0 ? r(e.$slots, "rowTitle", p(E({ key: 0 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0) : m("", !0),
+                i > 0 ? r(e.$slots, "cell", p(E({ key: 1 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value, color: a.colors[i], textColor: g(ue)(a.colors[i]) })), void 0, !0) : m("", !0)
               ], 64))
             ], 8, be))), 256)),
             t.value.table.showSum ? (s(), l("td", ke, [
-              r(e.$slots, "sum", v(f({ value: a.sum, rowIndex: o, isResponsive: u.value })), void 0, !0)
+              r(e.$slots, "sum", p(f({ value: a.sum, rowIndex: o, isResponsive: u.value })), void 0, !0)
             ])) : m("", !0),
             t.value.table.showAverage ? (s(), l("td", Ie, [
-              r(e.$slots, "average", v(f({ value: a.average, rowIndex: o, isResponsive: u.value })), void 0, !0)
+              r(e.$slots, "average", p(f({ value: a.average, rowIndex: o, isResponsive: u.value })), void 0, !0)
             ])) : m("", !0),
             t.value.table.showMedian ? (s(), l("td", $e, [
-              r(e.$slots, "median", v(f({ value: a.median, rowIndex: o, isResponsive: u.value })), void 0, !0)
+              r(e.$slots, "median", p(f({ value: a.median, rowIndex: o, isResponsive: u.value })), void 0, !0)
             ])) : m("", !0)
           ]))), 256))
         ])
       ], 4)
     ], 14, he));
   }
-}, Ve = /* @__PURE__ */ fe(we, [["__scopeId", "data-v-2371a39f"]]);
+}, Ve = /* @__PURE__ */ fe(we, [["__scopeId", "data-v-2bd72dde"]]);
 export {
   Ve as default
 };