vue-data-ui 2.4.41 → 2.4.43

package/dist/{vue-ui-strip-plot-B-r4luYX.js → vue-ui-strip-plot-lb-y68Hd.js}

@@ -1,16 +1,16 @@
-import { computed as h, ref as i, watch as Ie, onMounted as Me, onBeforeUnmount as De, openBlock as o, createElementBlock as u, normalizeClass as F, normalizeStyle as Q, createBlock as T, createCommentVNode as v, unref as d, createSlots as Ge, withCtx as f, renderSlot as y, normalizeProps as W, guardReactiveProps as I, createVNode as xe, Fragment as g, renderList as C, createElementVNode as k, toDisplayString as L, mergeProps as Ee, createTextVNode as Ve, nextTick as He } from "vue";
-import { u as Re, c as Z, t as Ue, a as Be, p as A, o as Xe, e as ee, g as Ce, b as je, d as we, v as Ye, C as Je, f as B, X as qe, i as te, l as Ke, h as Qe, x as _e, y as Ze, q as et, r as tt, E as lt } from "./index-B6Q1Fyk0.js";
+import { computed as h, ref as i, watch as Ie, onMounted as Me, onBeforeUnmount as De, openBlock as o, createElementBlock as u, normalizeClass as F, normalizeStyle as Q, createBlock as T, createCommentVNode as c, unref as d, createSlots as Ge, withCtx as f, renderSlot as y, normalizeProps as W, guardReactiveProps as I, createVNode as xe, Fragment as g, renderList as C, createElementVNode as k, toDisplayString as L, mergeProps as Ee, createTextVNode as Ve, nextTick as He } from "vue";
+import { u as Re, c as Z, t as Ue, a as Be, p as A, o as Xe, e as ee, g as Ce, b as je, d as we, v as Ye, D as Je, f as B, X as qe, i as te, l as Ke, h as Qe, x as _e, y as Ze, q as et, r as tt, F as lt } from "./index-CvhiHStv.js";
 import { t as at, u as ot } from "./useResponsive-CoxXLe23.js";
-import { _ as st } from "./Title-BB0O0yol.js";
-import { u as rt, U as ut } from "./usePrinter-D8dIU7aG.js";
-import { _ as nt } from "./Tooltip-GvLaModr.js";
-import { D as it } from "./DataTable-B5DiCrf_.js";
-import vt from "./vue-ui-skeleton-D7rg5vFC.js";
-import { _ as ct } from "./Shape-C3ywBhkW.js";
-import ht from "./vue-ui-accordion-BOHicozd.js";
-import { u as $e } from "./useNestedProp-DQpuJSz3.js";
-import { _ as dt } from "./PackageVersion-S7OD_s5u.js";
-import { P as pt } from "./PenAndPaper-BxJZd7k9.js";
+import { _ as st } from "./Title-DQcop8gI.js";
+import { u as rt, U as ut } from "./usePrinter-BVA2_kNp.js";
+import { _ as nt } from "./Tooltip-Dx07vASW.js";
+import { D as it } from "./DataTable-YQ5lDRtX.js";
+import ct from "./vue-ui-skeleton-p82n8dLi.js";
+import { _ as vt } from "./Shape-7VxscoGH.js";
+import ht from "./vue-ui-accordion-CzsbGsxC.js";
+import { u as $e } from "./useNestedProp-Ccre6tXM.js";
+import { _ as dt } from "./PackageVersion-CS8EAteX.js";
+import { P as pt } from "./PenAndPaper-D22t_fD9.js";
 import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 }, kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], xt = { key: 1 }, Ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $t = ["x", "y", "fill", "font-size"], Tt = ["x", "y", "font-size", "fill"], Lt = ["fill", "font-size", "transform"], At = ["fill", "font-size", "x", "y"], Pt = ["x1", "x2", "y1", "y2", "stroke"], St = ["cx", "cy", "fill"], zt = ["cx", "cy", "fill"], Nt = ["id"], Ot = ["stop-color"], Ft = ["stop-color"], Wt = ["stop-color"], It = { key: 0 }, Mt = ["x", "y", "font-size", "fill"], Dt = {
   key: 5,
@@ -58,13 +58,13 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
       } : t;
     }
     Ie(() => b.config, (t) => {
-      e.value = ie(), ve(), ue.value += 1, ne.value += 1;
+      e.value = ie(), ce(), ue.value += 1, ne.value += 1;
     }, { deep: !0 });
     const M = i(null);
     Me(() => {
-      ve();
+      ce();
     });
-    function ve() {
+    function ce() {
       if (Xe(b.dataset) ? ee({
         componentName: "VueUiStripPlot",
         type: "dataset"
@@ -100,7 +100,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
             source: oe.value,
             noTitle: se.value
           });
-          D.value = l, S.value.width = s, S.value.height = l, N.value = (s - m.value.left - m.value.right) / b.dataset.length, G.value = lt({
+          D.value = l, S.value.width = s, S.value.height = l, O.value = (s - m.value.left - m.value.right) / b.dataset.length, G.value = lt({
             relator: Math.min(l, s),
             adjuster: 600,
             source: e.value.style.chart.plots.radius,
@@ -111,16 +111,16 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
         M.value = new ResizeObserver(t), M.value.observe(P.value.parentNode);
       }
       re.value = !0, setTimeout(() => {
-        z.value = !1;
+        N.value = !1;
       }, ze.value * 50);
     }
     De(() => {
       M.value && M.value.disconnect();
     });
-    const { isPrinting: ce, isImaging: he, generatePdf: de, generateImage: pe } = rt({
+    const { isPrinting: ve, isImaging: he, generatePdf: de, generateImage: pe } = rt({
       elementId: `strip-plot_${X.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot"
-    }), Se = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), fe = h(() => je(e.value.customPalette)), z = i(e.value.useCssAnimation), p = i({
+    }), Se = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), fe = h(() => je(e.value.customPalette)), N = i(e.value.useCssAnimation), p = i({
       showTable: e.value.table.show,
       dataLabels: {
         show: e.value.style.chart.labels.bestPlotLabel.show
@@ -131,19 +131,19 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
       bottom: e.value.style.chart.padding.bottom,
       left: e.value.style.chart.padding.left,
       right: e.value.style.chart.padding.right
-    }), N = i(e.value.style.chart.stripWidth), D = i(e.value.style.chart.height), G = i(e.value.style.chart.plots.radius), S = i({
-      width: N.value * b.dataset.length + m.value.left + m.value.right,
+    }), O = i(e.value.style.chart.stripWidth), D = i(e.value.style.chart.height), G = i(e.value.style.chart.plots.radius), S = i({
+      width: O.value * b.dataset.length + m.value.left + m.value.right,
       height: e.value.style.chart.height
     }), a = h(() => {
-      const t = N.value * b.dataset.length + m.value.left + m.value.right;
+      const t = O.value * b.dataset.length + m.value.left + m.value.right;
       return {
         left: m.value.left,
         right: t - m.value.right,
         top: m.value.top,
         bottom: D.value - m.value.bottom,
-        width: N.value * b.dataset.length,
+        width: O.value * b.dataset.length,
         height: D.value - m.value.top - m.value.bottom,
-        stripWidth: N.value,
+        stripWidth: O.value,
         absoluteHeight: D.value,
         absoluteWidth: t
       };
@@ -184,9 +184,9 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
       x1: a.value.left,
       x2: a.value.right,
       value: t
-    }))), q = i(null), c = i(null);
+    }))), q = i(null), v = i(null);
     function Oe({ datapoint: t, seriesIndex: s }) {
-      q.value = { datapoint: t, seriesIndex: s, config: e.value, series: E.value }, j.value = !0, c.value = t;
+      q.value = { datapoint: t, seriesIndex: s, config: e.value, series: E.value }, j.value = !0, v.value = t;
       const l = e.value.style.chart.tooltip.customFormat;
       if (_e(l) && Ze(() => l({
         seriesIndex: s,
@@ -270,9 +270,9 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
         body: s,
         config: l
       };
-    }), O = i(!1);
+    }), z = i(!1);
     function Fe(t) {
-      O.value = t, le.value += 1;
+      z.value = t, le.value += 1;
     }
     function We() {
       return x.value;
@@ -302,7 +302,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
     }), (t, s) => (o(), u("div", {
       ref_key: "stripPlotChart",
       ref: P,
-      class: F(`vue-ui-strip-plot ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: F(`vue-ui-strip-plot ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: Q(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `strip-plot_${X.value}`
     }, [
@@ -313,14 +313,14 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
         color: e.value.style.chart.color,
         active: R.value,
         onClose: K
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : v("", !0),
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : c("", !0),
       Se.value ? (o(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: se,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : v("", !0),
+      }, null, 512)) : c("", !0),
       e.value.style.chart.title.text ? (o(), u("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -340,13 +340,13 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : v("", !0),
+      ], 512)) : c("", !0),
       e.value.userOptions.show && w.value ? (o(), T(ut, {
         ref: "details",
         key: `user_option_${le.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: d(ce),
+        isPrinting: d(ve),
         isImaging: d(he),
         uid: X.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
@@ -357,7 +357,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isTooltip: p.value.showTooltip,
-        isFullscreen: O.value,
+        isFullscreen: z.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: P.value,
         position: e.value.userOptions.position,
@@ -428,11 +428,11 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : c("", !0),
       w.value ? (o(), u("svg", {
         key: 4,
         xmlns: d(qe),
-        class: F({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
+        class: F({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.value }),
         viewBox: `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`,
         style: Q(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
       }, [
@@ -449,7 +449,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
               "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray,
               "stroke-linecap": "round"
             }, null, 8, kt))), 256))
-          ])) : v("", !0),
+          ])) : c("", !0),
           e.value.style.chart.grid.verticalGrid.show ? (o(), u("g", xt, [
             (o(!0), u(g, null, C(x.value, (l, r) => (o(), u("line", {
               x1: a.value.left + (r + 1) * a.value.stripWidth,
@@ -461,7 +461,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
               "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray,
               "stroke-linecap": "round"
             }, null, 8, Ct))), 256))
-          ])) : v("", !0),
+          ])) : c("", !0),
           k("line", {
             x1: a.value.left,
             x2: a.value.left,
@@ -480,7 +480,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
             "stroke-width": e.value.style.chart.grid.strokeWidth,
             "stroke-linecap": "round"
           }, null, 8, _t)
-        ])) : v("", !0),
+        ])) : c("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (o(!0), u(g, { key: 1 }, C(ye.value, (l, r) => (o(), u("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,
@@ -497,21 +497,21 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
             r: e.value.style.chart.labels.yAxisLabels.rounding
           }),
           { datapoint: l, seriesIndex: r }
-        )), 9, $t))), 256)) : v("", !0),
+        )), 9, $t))), 256)) : c("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (o(!0), u(g, { key: 2 }, C(x.value, (l, r) => (o(), u("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"
-        }, L(l.name), 9, Tt))), 256)) : v("", !0),
+        }, L(l.name), 9, Tt))), 256)) : c("", !0),
         e.value.style.chart.labels.axis.yLabel ? (o(), u("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"
-        }, L(e.value.style.chart.labels.axis.yLabel), 9, Lt)) : v("", !0),
+        }, L(e.value.style.chart.labels.axis.yLabel), 9, Lt)) : c("", !0),
         e.value.style.chart.labels.axis.xLabel ? (o(), u("text", {
           key: 4,
           fill: e.value.style.chart.labels.axis.color,
@@ -519,32 +519,32 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
           x: a.value.left + a.value.width / 2,
           y: a.value.absoluteHeight,
           "text-anchor": "middle"
-        }, L(e.value.style.chart.labels.axis.xLabel), 9, At)) : v("", !0),
-        c.value ? (o(), u(g, { key: 5 }, [
+        }, L(e.value.style.chart.labels.axis.xLabel), 9, At)) : c("", !0),
+        v.value ? (o(), u(g, { key: 5 }, [
           k("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, Pt),
           k("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, St),
           k("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, zt)
-        ], 64)) : v("", !0),
+        ], 64)) : c("", !0),
         k("defs", null, [
           (o(!0), u(g, null, C(x.value, (l) => (o(), u("radialGradient", {
             id: l.id,
@@ -565,31 +565,31 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
           ], 8, Nt))), 256))
         ]),
         (o(!0), u(g, null, C(Ne.value, (l, r) => (o(), u(g, null, [
-          (o(!0), u(g, null, C(l.plots, (n, $) => (o(), T(ct, Ee({
+          (o(!0), u(g, null, C(l.plots, (n, $) => (o(), T(vt, Ee({
             plot: { x: n.x, y: re.value ? n.y : a.value.top },
-            radius: c.value && c.value.id === n.id ? G.value * 1.5 : G.value,
+            radius: v.value && v.value.id === n.id ? G.value * 1.5 : G.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: (U) => Oe({ datapoint: n, seriesIndex: $ }),
             onMouseleave: s[0] || (s[0] = (U) => {
-              j.value = !1, c.value = null;
+              j.value = !1, v.value = null;
             }),
             onClick: (U) => Ae("selectDatapoint", n),
-            style: `transition: all 0.2s ease-in-out; opacity:${c.value ? c.value.id === n.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${z.value ? `transition-delay:${$ * 50}ms` : ""}`,
-            class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && z.value, "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !z.value }
+            style: `transition: all 0.2s ease-in-out; opacity:${v.value ? v.value.id === n.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)),
           p.value.dataLabels.show ? (o(), u("g", It, [
             (o(!0), u(g, null, C(l.plots, (n, $) => (o(), u(g, null, [
-              $ === l.plots.length - 1 || c.value && c.value.id === n.id && !p.value.showTooltip ? (o(), u("text", {
+              $ === l.plots.length - 1 || v.value && v.value.id === n.id && !p.value.showTooltip ? (o(), u("text", {
                 key: 0,
                 x: n.x,
-                y: n.y + e.value.style.chart.labels.bestPlotLabel.offsetY - G.value * (c.value && c.value.id === n.id && !p.value.showTooltip ? 2 : 1.5),
+                y: n.y + e.value.style.chart.labels.bestPlotLabel.offsetY - G.value * (v.value && v.value.id === n.id && !p.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: Q(`opacity:${e.value.useCssAnimation && z.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;`)
               }, L(n.name) + " " + L(e.value.style.chart.labels.bestPlotLabel.showValue ? d(te)(
                 e.value.style.chart.labels.formatter,
                 n.value,
@@ -600,16 +600,16 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
                   r: e.value.style.chart.labels.bestPlotLabel.rounding
                 }),
                 { datapoint: n, seriesIndex: $ }
-              ) : ""), 13, Mt)) : v("", !0)
+              ) : ""), 13, Mt)) : c("", !0)
             ], 64))), 256))
-          ])) : v("", !0)
+          ])) : c("", !0)
         ], 64))), 256)),
         y(t.$slots, "svg", { svg: a.value }, void 0, !0)
-      ], 14, bt)) : v("", !0),
+      ], 14, bt)) : c("", !0),
       t.$slots.watermark ? (o(), u("div", Dt, [
-        y(t.$slots, "watermark", W(I({ isPrinting: d(ce) || d(he) })), void 0, !0)
-      ])) : v("", !0),
-      w.value ? v("", !0) : (o(), T(vt, {
+        y(t.$slots, "watermark", W(I({ isPrinting: d(ve) || d(he) })), void 0, !0)
+      ])) : c("", !0),
+      w.value ? c("", !0) : (o(), T(ct, {
         key: 6,
         config: {
           type: "stripPlot",
@@ -628,7 +628,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
         dir: "auto"
       }, [
         y(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : v("", !0),
+      ], 512)) : c("", !0),
       xe(nt, {
         show: p.value.showTooltip && j.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -642,6 +642,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: P.value,
         content: Y.value,
+        isFullscreen: z.value,
         isCustom: d(_e)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": f(() => [
@@ -651,7 +652,7 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
           y(t.$slots, "tooltip-after", W(I({ ...q.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
       w.value ? (o(), T(ht, {
         key: 8,
         hideDetails: "",
@@ -691,10 +692,10 @@ const yt = ["id"], bt = ["xmlns", "viewBox"], mt = { key: 0 }, gt = { key: 0 },
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : v("", !0)
+      }, 8, ["config"])) : c("", !0)
     ], 14, yt));
   }
-}, tl = /* @__PURE__ */ ft(Et, [["__scopeId", "data-v-1a3e0788"]]);
+}, tl = /* @__PURE__ */ ft(Et, [["__scopeId", "data-v-8cbdee95"]]);
 export {
   tl as default
 };

package/dist/{vue-ui-table-wlXHwJVW.js → vue-ui-table-DFfsqpZU.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, a0 as H } from "./index-B6Q1Fyk0.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, a0 as H } from "./index-CvhiHStv.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-C6z56ODT.cjs → vue-ui-table-DgCMMvSx.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-B5Ugkauv.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-Ce0TFqvS.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-heatmap-CM-c7n0F.js → vue-ui-table-heatmap-BiSTfmrM.js}

@@ -1,8 +1,8 @@
-import { useCssVars as Q, ref as h, computed as c, watch as Y, onMounted as Z, openBlock as n, createElementBlock as l, normalizeStyle as I, normalizeClass as E, createBlock as j, unref as g, createSlots as ee, withCtx as C, renderSlot as r, normalizeProps as p, guardReactiveProps as f, createCommentVNode as v, createElementVNode as y, Fragment as _, renderList as w, createVNode as te, mergeProps as M, nextTick as ae } from "vue";
-import { u as oe, c as G, t as se, o as ne, e as le, $ as re, F as ue, N as ie, q as de, r as ce } from "./index-B6Q1Fyk0.js";
-import { u as S } from "./useNestedProp-DQpuJSz3.js";
-import { u as pe, U as ve } from "./usePrinter-D8dIU7aG.js";
-import { _ as me } from "./Shape-C3ywBhkW.js";
+import { useCssVars as Q, ref as h, computed as c, watch as Y, onMounted as Z, openBlock as n, createElementBlock as l, normalizeStyle as I, normalizeClass as E, createBlock as j, unref as g, createSlots as ee, withCtx as C, renderSlot as r, normalizeProps as p, guardReactiveProps as f, createCommentVNode as v, createElementVNode as y, Fragment as _, renderList as w, createVNode as te, mergeProps as G, nextTick as ae } from "vue";
+import { u as oe, c as M, t as se, o as ne, e as le, $ as re, G as ue, N as ie, q as de, r as ce } from "./index-CvhiHStv.js";
+import { u as S } from "./useNestedProp-Ccre6tXM.js";
+import { u as pe, U as ve } from "./usePrinter-BVA2_kNp.js";
+import { _ as me } from "./Shape-7VxscoGH.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,
@@ -45,7 +45,7 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
       "4e1c0e72": J.value,
       "6ed4bc22": q.value
     }));
-    const { vue_ui_table_heatmap: A } = oe(), k = h(G()), u = h(!1), b = h(null), $ = h(!1), x = h(0), t = c({
+    const { vue_ui_table_heatmap: A } = oe(), k = h(M()), u = h(!1), b = h(null), $ = h(!1), x = h(0), t = c({
       get: () => F(),
       set: (e) => e
     });
@@ -96,7 +96,7 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
         average: a / s.length,
         median: re(s),
         displayValues: [e.name, ...e.values],
-        id: G()
+        id: M()
       };
     })), T = c(() => {
       const e = R.value.flatMap((s) => s.values);
@@ -229,8 +229,8 @@ const he = ["id"], ge = { role: "cell" }, ye = { role: "row" }, be = ["data-cell
                 ], 8, _e)) : v("", !0),
                 r(e.$slots, "rowTitle", p(f({ value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0)
               ])) : (n(), l(_, { key: 1 }, [
-                i === 0 ? r(e.$slots, "rowTitle", p(M({ key: 0 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0) : v("", !0),
-                i > 0 ? r(e.$slots, "cell", p(M({ 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) : v("", !0)
+                i === 0 ? r(e.$slots, "rowTitle", p(G({ key: 0 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0) : v("", !0),
+                i > 0 ? r(e.$slots, "cell", p(G({ 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) : v("", !0)
               ], 64))
             ], 8, be))), 256)),
             t.value.table.showSum ? (n(), l("td", ke, [

package/dist/{vue-ui-table-heatmap-B05GifSw.cjs → vue-ui-table-heatmap-jp5xDCCO.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-B5Ugkauv.cjs"),B=require("./useNestedProp-bZitLnbb.cjs"),P=require("./usePrinter-DtpFEgOX.cjs"),O=require("./Shape-CvL90fNe.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={key:1,ref:"source",dir:"auto"},J={__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=>({"4e1c0e72":z.value,"6ed4bc22":F.value}));const{vue_ui_table_heatmap:N}=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=B.useNestedProp({userConfig:d.config,defaultConfig:N});return t.theme?{...B.useNestedProp({userConfig:r.themes.vue_ui_table_heatmap[t.theme]||d.config,defaultConfig:t})}:t}e.watch(()=>d.config,t=>{o.value=f(),k()},{deep:!0});const{isPrinting:w,isImaging:E,generatePdf:g,generateImage:h}=P.usePrinter({elementId:`table_heatmap_${p.value}`,fileName:"vue-ui-table-heatmap"}),S=e.computed(()=>o.value.table.responsiveBreakpoint),x=e.computed(()=>!!d.dataset&&d.dataset.length);e.onMounted(()=>{k()});function k(){r.objectIsEmpty(d.dataset)&&r.error({componentName:"VueUiTableHeatmap",type:"dataset"});const t=new ResizeObserver(l=>{l.forEach(n=>{s.value=n.contentRect.width<S.value})});c.value&&t.observe(c.value)}const y=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=y.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(()=>y.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&&x.value?(e.openBlock(),e.createBlock(P.UserOptions,{ref:"details",key:`user_option_${v.value}`,backgroundColor:o.value.style.backgroundColor,color:o.value.style.color,isPrinting:e.unref(w),isImaging:e.unref(E),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),t.$slots.source?(e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],14,M))}},K=T._export_sfc(J,[["__scopeId","data-v-393e4e2f"]]);exports.default=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-Ce0TFqvS.cjs"),B=require("./useNestedProp-Dv81zO0o.cjs"),P=require("./usePrinter-Dq9TRqqU.cjs"),O=require("./Shape-BIoU-M2b.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={key:1,ref:"source",dir:"auto"},J={__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=>({"4e1c0e72":z.value,"6ed4bc22":F.value}));const{vue_ui_table_heatmap:N}=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=B.useNestedProp({userConfig:d.config,defaultConfig:N});return t.theme?{...B.useNestedProp({userConfig:r.themes.vue_ui_table_heatmap[t.theme]||d.config,defaultConfig:t})}:t}e.watch(()=>d.config,t=>{o.value=f(),k()},{deep:!0});const{isPrinting:w,isImaging:E,generatePdf:g,generateImage:h}=P.usePrinter({elementId:`table_heatmap_${p.value}`,fileName:"vue-ui-table-heatmap"}),S=e.computed(()=>o.value.table.responsiveBreakpoint),x=e.computed(()=>!!d.dataset&&d.dataset.length);e.onMounted(()=>{k()});function k(){r.objectIsEmpty(d.dataset)&&r.error({componentName:"VueUiTableHeatmap",type:"dataset"});const t=new ResizeObserver(l=>{l.forEach(n=>{s.value=n.contentRect.width<S.value})});c.value&&t.observe(c.value)}const y=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=y.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(()=>y.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&&x.value?(e.openBlock(),e.createBlock(P.UserOptions,{ref:"details",key:`user_option_${v.value}`,backgroundColor:o.value.style.backgroundColor,color:o.value.style.color,isPrinting:e.unref(w),isImaging:e.unref(E),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),t.$slots.source?(e.openBlock(),e.createElementBlock("div",W,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],14,M))}},K=T._export_sfc(J,[["__scopeId","data-v-393e4e2f"]]);exports.default=K;

package/dist/{vue-ui-table-sparkline-Dx-ePVqW.cjs → vue-ui-table-sparkline-8itAuNdX.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-B5Ugkauv.cjs"),L=require("./useNestedProp-bZitLnbb.cjs"),Q=require("./vue-ui-sparkline-B5ySeM9y.cjs"),Y=require("./BaseIcon-D-JUZiGA.cjs"),B=require("./usePrinter-DtpFEgOX.cjs"),Z=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),j=["id"],ee={style:{"z-index":"1","padding-right":"24px"}},te=["onClick"],le=["data-cell"],ae=["data-cell","onPointerenter"],oe=["data-cell"],ne=["data-cell"],re=["data-cell"],ue=["data-cell"],se={key:0,ref:"source",dir:"auto"},ie={__name:"vue-ui-table-sparkline",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(T,{expose:M}){const d=T;e.useCssVars(l=>({"1f14fe1a":l.tdo}));const{vue_ui_table_sparkline:G}=s.useConfig(),h=e.ref(s.createUid()),z=e.ref(0),b=e.ref(0),k=e.ref(null),t=e.computed({get:()=>I(),set:l=>l});function I(){const l=L.useNestedProp({userConfig:d.config,defaultConfig:G});return l.theme?{...L.useNestedProp({userConfig:s.themes.vue_ui_table_sparkline[l.theme]||d.config,defaultConfig:l}),customPalette:s.themePalettes[l.theme]||s.palette}:l}e.watch(()=>d.config,l=>{t.value=I(),$(),b.value+=1},{deep:!0}),e.watch(()=>d.dataset,l=>{m.value=v.value,b.value+=1},{deep:!0});const{isPrinting:N,isImaging:A,generatePdf:E,generateImage:V}=B.usePrinter({elementId:`table_${h.value}`,fileName:t.value.title.text||"vue-ui-table-sparkline"}),q=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),g=e.ref(null),_=e.ref(!1),R=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{$()});const x=e.ref(t.value.colNames);function $(){s.objectIsEmpty(d.dataset)&&s.error({componentName:"VueUiTableSparkline",type:"dataset"});const l=new ResizeObserver(n=>{n.forEach(a=>{_.value=a.contentRect.width<R.value})});g.value&&l.observe(g.value),x.value=[];for(let n=0;n<F.value;n+=1)x.value.push(t.value.colNames[n]||`col ${n}`)}const D=e.computed(()=>(d.dataset.forEach((l,n)=>{s.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{s.error({componentName:"VueUiTableSparkline",type:"datasetSerieAttribute",property:a,index:n})})}),d.dataset.map((l,n)=>{const a=(l.values||[]).map(u=>isNaN(u)?0:u??0),r=a.reduce((u,o)=>u+o,0);return{...l,values:l.values||[],color:s.convertColorToHex(l.color)||q.value[n]||s.palette[n]||s.palette[n%s.palette.length],sum:r,average:r/a.length,median:s.calcMedian(a),sparklineDataset:a.map((u,o)=>({period:t.value.colNames[o]||`col ${o}`,value:u||0}))}})));function U(l){const a=(l[0].values||[]).map((u,o)=>l.map(i=>i.values[o]||[])).map(u=>u.map((o,i)=>[o,i]).sort((o,i)=>i[0]-o[0]).map(o=>o[1]));return l.map((u,o)=>({...u,values:u.values||[],orders:a[o]}))}const v=e.computed(()=>U(D.value)),m=e.ref(v.value),H=e.computed(()=>Math.max(...m.value.map(l=>(l.values||[]).length))),y=e.ref(void 0),C=e.ref(!1),S=e.ref(void 0),w=e.ref(-1);function P(){C.value=!1,S.value=void 0,w.value=-1,m.value=v.value}function X(l){C.value=!0,S.value=l;const n=v.value.map(o=>o.values[l]||[]),a=y.value===l?1:-1;w.value=a,l===y.value?y.value=void 0:y.value=l;const u=n.map((o,i)=>[i,o]).sort((o,i)=>a*(i[1]-o[1])).map(o=>o[0]).map(o=>v.value[o]);m.value=u,b.value+=1}const F=e.computed(()=>Math.max(...d.dataset.map(l=>(l.values||[]).length))),p=e.computed(()=>{let l=x.value;if(!l.length)for(let a=0;a<F.value;a+=1)l.push(`col ${a+1}`);t.value.showTotal&&(l=[...l,t.value.translations.total]);let n;return t.value.showAverage&&t.value.showMedian?n=[...l,t.value.translations.average,t.value.translations.median]:t.value.showAverage&&!t.value.showMedian?n=[...l,t.value.translations.average]:!t.value.showAverage&&t.value.showMedian?n=[...l,t.value.translations.median]:n=l,t.value.showSparklines?[...n,t.value.translations.chart]:n}),c=e.ref(void 0),f=e.ref(void 0);function J({dataIndex:l,serieIndex:n}){c.value=l,f.value=n,k.value[l]&&!_.value&&k.value[l].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}const O=e.ref(!1);function K(l){O.value=l,z.value+=1}function W(){e.nextTick(()=>{const l=[t.value.translations.serie].concat(p.value),n=D.value.map((u,o)=>[[u.name],u.values,[u.sum],[u.average],[u.median]]),a=[l].concat(n),r=s.createCsvContent(a);s.downloadCsv({csvContent:r,title:t.value.title.text||"vue-ui-table-sparkline"})})}return M({generatePdf:E,generateImage:V,generateCsv:W,restoreOrder:P}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:g,class:e.normalizeClass({"vue-ui-responsive":_.value}),style:{overflow:"hidden"},id:`table_${h.value}`},[e.createElementVNode("div",{style:{overflow:"auto"},onPointerleave:n[0]||(n[0]=a=>{f.value=void 0,c.value=void 0})},[e.createElementVNode("table",{class:"vue-ui-data-table",style:e.normalizeStyle({fontFamily:t.value.fontFamily,position:"relative"})},[t.value.title.text?(e.openBlock(),e.createElementBlock("caption",{key:0,style:e.normalizeStyle({backgroundColor:t.value.title.backgroundColor})},[e.createElementVNode("div",{style:e.normalizeStyle({fontSize:`${t.value.title.fontSize}px`,fontWeight:t.value.title.bold?"bold":"normal",color:t.value.title.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.text),5),t.value.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({fontSize:`${t.value.title.subtitle.fontSize}px`,fontWeight:t.value.title.subtitle.bold?"bold":"normal",color:t.value.title.subtitle.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("thead",ee,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{role:"row",class:"vue-ui-data-table__thead-row",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color})},[e.createElementVNode("th",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal"}),class:"sticky-col-first"},e.toDisplayString(t.value.translations.serie),5),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(a,r)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",style:e.normalizeStyle({background:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal",minWidth:r===p.value.length-1?`${t.value.sparkline.dimensions.width}px`:"48px",cursor:v.value[0].values[r]!==void 0?"pointer":"default",paddingRight:r===p.value.length-1&&t.value.userOptions.show?"36px":""}),onClick:()=>X(r),class:e.normalizeClass({"sticky-col":r===p.value.length-1&&t.value.showSparklines})},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(a),1),C.value&&r===S.value&&v.value[0].values[r]!==void 0?(e.openBlock(),e.createBlock(Y.default,{key:0,size:18,name:w.value===1?"sort":"sortReverse",stroke:t.value.thead.color},null,8,["name","stroke"])):e.createCommentVNode("",!0)],4),t.value.userOptions.show&&r===p.value.length-1?(e.openBlock(),e.createBlock(B.UserOptions,{ref_for:!0,ref:"details",key:`user_option_${z.value}`,backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color,isPrinting:e.unref(N),isImaging:e.unref(A),uid:h.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:O.value,titles:{...t.value.userOptions.buttonTitles},chartElement:g.value,position:t.value.userOptions.position,onToggleFullscreen:K,onGeneratePdf:e.unref(E),onGenerateImage:e.unref(V),onGenerateCsv:W},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:u,isFullscreen:o})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:u,isFullscreen:o})),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)],14,te))),256))],4)),[[e.unref(B.vClickOutside),P]])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(a,r)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,color:t.value.tbody.color}),class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":r%2===0,"vue-ui-data-table__tbody__row-odd":r%2!==0})},[e.createElementVNode("td",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.serie,class:"vue-ui-data-table__tbody__td sticky-col-first"},[e.createElementVNode("div",{dir:"auto",style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",justifyContent:t.value.tbody.textAlign})},[t.value.tbody.showColorMarker?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({color:a.color})},"⬤",4)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a.name??"-"),1)],4)],12,le),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,(u,o)=>(e.openBlock(),e.createElementBlock("td",{dir:"auto",role:"cell",ref_for:!0,ref_key:"TD",ref:k,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,background:c.value!==void 0&&o===c.value?t.value.tbody.selectedColor.useSerieColor?`${a.color.length>7?a.color.slice(0,-2):a.color}33`:t.value.tbody.selectedColor.fallback:"",borderRadius:c.value!==void 0&&f.value!==void 0&&o===c.value&&f.value===r?"3px":""}),"data-cell":p.value[o],class:"vue-ui-data-table__tbody__td",onPointerenter:i=>{f.value=r,c.value=o}},e.toDisplayString([null,void 0].includes(a.values[o])?"-":e.unref(s.applyDataLabel)(t.value.formatter,Number(a.values[o]),e.unref(s.dataLabel)({p:t.value.prefix,v:Number(a.values[o]),s:t.value.suffix,r:t.value.roundingValues}),{datapoint:a,seriesIndex:r,datapointIndex:o})),45,ae))),256)),t.value.showTotal?(e.openBlock(),e.createElementBlock("td",{key:0,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.total,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.sum,e.unref(s.dataLabel)({p:t.value.prefix,v:a.sum,s:t.value.suffix,r:t.value.roundingTotal}),{datapoint:a.sum,seriesIndex:r})),13,oe)):e.createCommentVNode("",!0),t.value.showAverage?(e.openBlock(),e.createElementBlock("td",{key:1,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.average,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.average,e.unref(s.dataLabel)({p:t.value.prefix,v:a.average,s:t.value.suffix,r:t.value.roundingAverage}),{datapoint:a.average,seriesIndex:r})),13,ne)):e.createCommentVNode("",!0),t.value.showMedian?(e.openBlock(),e.createElementBlock("td",{key:2,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.median,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.median,e.unref(s.dataLabel)({p:t.value.prefix,v:a.median,s:t.value.suffix,r:t.value.roundingMedian}),{datapoint:a.median,seriesIndex:r})),13,re)):e.createCommentVNode("",!0),t.value.showSparklines?(e.openBlock(),e.createElementBlock("td",{key:3,role:"cell","data-cell":t.value.translations.chart,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,backgroundColor:t.value.tbody.backgroundColor,padding:"0"}),class:"vue-ui-data-table__tbody__td sticky-col"},[(e.openBlock(),e.createBlock(Q.default,{key:`sparkline_${r}_${b.value}`,onHoverIndex:({index:u})=>J({dataIndex:u,serieIndex:r}),"height-ratio":t.value.sparkline.dimensions.heightRatio,"forced-padding":30,dataset:a.sparklineDataset,showInfo:!1,selectedIndex:c.value,config:{type:t.value.sparkline.type,style:{backgroundColor:"transparent",animation:{show:t.value.sparkline.animation.show&&!e.unref(N)&&!e.unref(A),animationFrames:t.value.sparkline.animation.animationFrames},line:{color:a.color,smooth:t.value.sparkline.smooth,strokeWidth:t.value.sparkline.strokeWidth},bar:{color:a.color},area:{color:a.color,opacity:t.value.sparkline.showArea?16:0,useGradient:t.value.sparkline.useGradient},verticalIndicator:{color:a.color},plot:{radius:9,stroke:t.value.tbody.backgroundColor,strokeWidth:3}}}},null,8,["onHoverIndex","height-ratio","dataset","selectedIndex","config"]))],12,ue)):e.createCommentVNode("",!0)],6))),256))])],4)],32),l.$slots.source?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],10,j))}},de=Z._export_sfc(ie,[["__scopeId","data-v-df1c4c1d"]]);exports.default=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-Ce0TFqvS.cjs"),L=require("./useNestedProp-Dv81zO0o.cjs"),Q=require("./vue-ui-sparkline-BXa0bOgm.cjs"),Y=require("./BaseIcon-Cj2lO-KJ.cjs"),B=require("./usePrinter-Dq9TRqqU.cjs"),Z=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),j=["id"],ee={style:{"z-index":"1","padding-right":"24px"}},te=["onClick"],le=["data-cell"],ae=["data-cell","onPointerenter"],oe=["data-cell"],ne=["data-cell"],re=["data-cell"],ue=["data-cell"],se={key:0,ref:"source",dir:"auto"},ie={__name:"vue-ui-table-sparkline",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(T,{expose:M}){const d=T;e.useCssVars(l=>({"1f14fe1a":l.tdo}));const{vue_ui_table_sparkline:G}=s.useConfig(),h=e.ref(s.createUid()),z=e.ref(0),b=e.ref(0),k=e.ref(null),t=e.computed({get:()=>I(),set:l=>l});function I(){const l=L.useNestedProp({userConfig:d.config,defaultConfig:G});return l.theme?{...L.useNestedProp({userConfig:s.themes.vue_ui_table_sparkline[l.theme]||d.config,defaultConfig:l}),customPalette:s.themePalettes[l.theme]||s.palette}:l}e.watch(()=>d.config,l=>{t.value=I(),$(),b.value+=1},{deep:!0}),e.watch(()=>d.dataset,l=>{m.value=v.value,b.value+=1},{deep:!0});const{isPrinting:N,isImaging:A,generatePdf:E,generateImage:V}=B.usePrinter({elementId:`table_${h.value}`,fileName:t.value.title.text||"vue-ui-table-sparkline"}),q=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),g=e.ref(null),_=e.ref(!1),R=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{$()});const x=e.ref(t.value.colNames);function $(){s.objectIsEmpty(d.dataset)&&s.error({componentName:"VueUiTableSparkline",type:"dataset"});const l=new ResizeObserver(n=>{n.forEach(a=>{_.value=a.contentRect.width<R.value})});g.value&&l.observe(g.value),x.value=[];for(let n=0;n<F.value;n+=1)x.value.push(t.value.colNames[n]||`col ${n}`)}const D=e.computed(()=>(d.dataset.forEach((l,n)=>{s.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{s.error({componentName:"VueUiTableSparkline",type:"datasetSerieAttribute",property:a,index:n})})}),d.dataset.map((l,n)=>{const a=(l.values||[]).map(u=>isNaN(u)?0:u??0),r=a.reduce((u,o)=>u+o,0);return{...l,values:l.values||[],color:s.convertColorToHex(l.color)||q.value[n]||s.palette[n]||s.palette[n%s.palette.length],sum:r,average:r/a.length,median:s.calcMedian(a),sparklineDataset:a.map((u,o)=>({period:t.value.colNames[o]||`col ${o}`,value:u||0}))}})));function U(l){const a=(l[0].values||[]).map((u,o)=>l.map(i=>i.values[o]||[])).map(u=>u.map((o,i)=>[o,i]).sort((o,i)=>i[0]-o[0]).map(o=>o[1]));return l.map((u,o)=>({...u,values:u.values||[],orders:a[o]}))}const v=e.computed(()=>U(D.value)),m=e.ref(v.value),H=e.computed(()=>Math.max(...m.value.map(l=>(l.values||[]).length))),y=e.ref(void 0),C=e.ref(!1),S=e.ref(void 0),w=e.ref(-1);function P(){C.value=!1,S.value=void 0,w.value=-1,m.value=v.value}function X(l){C.value=!0,S.value=l;const n=v.value.map(o=>o.values[l]||[]),a=y.value===l?1:-1;w.value=a,l===y.value?y.value=void 0:y.value=l;const u=n.map((o,i)=>[i,o]).sort((o,i)=>a*(i[1]-o[1])).map(o=>o[0]).map(o=>v.value[o]);m.value=u,b.value+=1}const F=e.computed(()=>Math.max(...d.dataset.map(l=>(l.values||[]).length))),p=e.computed(()=>{let l=x.value;if(!l.length)for(let a=0;a<F.value;a+=1)l.push(`col ${a+1}`);t.value.showTotal&&(l=[...l,t.value.translations.total]);let n;return t.value.showAverage&&t.value.showMedian?n=[...l,t.value.translations.average,t.value.translations.median]:t.value.showAverage&&!t.value.showMedian?n=[...l,t.value.translations.average]:!t.value.showAverage&&t.value.showMedian?n=[...l,t.value.translations.median]:n=l,t.value.showSparklines?[...n,t.value.translations.chart]:n}),c=e.ref(void 0),f=e.ref(void 0);function J({dataIndex:l,serieIndex:n}){c.value=l,f.value=n,k.value[l]&&!_.value&&k.value[l].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}const O=e.ref(!1);function K(l){O.value=l,z.value+=1}function W(){e.nextTick(()=>{const l=[t.value.translations.serie].concat(p.value),n=D.value.map((u,o)=>[[u.name],u.values,[u.sum],[u.average],[u.median]]),a=[l].concat(n),r=s.createCsvContent(a);s.downloadCsv({csvContent:r,title:t.value.title.text||"vue-ui-table-sparkline"})})}return M({generatePdf:E,generateImage:V,generateCsv:W,restoreOrder:P}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:g,class:e.normalizeClass({"vue-ui-responsive":_.value}),style:{overflow:"hidden"},id:`table_${h.value}`},[e.createElementVNode("div",{style:{overflow:"auto"},onPointerleave:n[0]||(n[0]=a=>{f.value=void 0,c.value=void 0})},[e.createElementVNode("table",{class:"vue-ui-data-table",style:e.normalizeStyle({fontFamily:t.value.fontFamily,position:"relative"})},[t.value.title.text?(e.openBlock(),e.createElementBlock("caption",{key:0,style:e.normalizeStyle({backgroundColor:t.value.title.backgroundColor})},[e.createElementVNode("div",{style:e.normalizeStyle({fontSize:`${t.value.title.fontSize}px`,fontWeight:t.value.title.bold?"bold":"normal",color:t.value.title.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.text),5),t.value.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({fontSize:`${t.value.title.subtitle.fontSize}px`,fontWeight:t.value.title.subtitle.bold?"bold":"normal",color:t.value.title.subtitle.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("thead",ee,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{role:"row",class:"vue-ui-data-table__thead-row",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color})},[e.createElementVNode("th",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal"}),class:"sticky-col-first"},e.toDisplayString(t.value.translations.serie),5),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(a,r)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",style:e.normalizeStyle({background:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal",minWidth:r===p.value.length-1?`${t.value.sparkline.dimensions.width}px`:"48px",cursor:v.value[0].values[r]!==void 0?"pointer":"default",paddingRight:r===p.value.length-1&&t.value.userOptions.show?"36px":""}),onClick:()=>X(r),class:e.normalizeClass({"sticky-col":r===p.value.length-1&&t.value.showSparklines})},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(a),1),C.value&&r===S.value&&v.value[0].values[r]!==void 0?(e.openBlock(),e.createBlock(Y.default,{key:0,size:18,name:w.value===1?"sort":"sortReverse",stroke:t.value.thead.color},null,8,["name","stroke"])):e.createCommentVNode("",!0)],4),t.value.userOptions.show&&r===p.value.length-1?(e.openBlock(),e.createBlock(B.UserOptions,{ref_for:!0,ref:"details",key:`user_option_${z.value}`,backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color,isPrinting:e.unref(N),isImaging:e.unref(A),uid:h.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:O.value,titles:{...t.value.userOptions.buttonTitles},chartElement:g.value,position:t.value.userOptions.position,onToggleFullscreen:K,onGeneratePdf:e.unref(E),onGenerateImage:e.unref(V),onGenerateCsv:W},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:u,isFullscreen:o})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:u,isFullscreen:o})),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)],14,te))),256))],4)),[[e.unref(B.vClickOutside),P]])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(a,r)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,color:t.value.tbody.color}),class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":r%2===0,"vue-ui-data-table__tbody__row-odd":r%2!==0})},[e.createElementVNode("td",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.serie,class:"vue-ui-data-table__tbody__td sticky-col-first"},[e.createElementVNode("div",{dir:"auto",style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",justifyContent:t.value.tbody.textAlign})},[t.value.tbody.showColorMarker?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({color:a.color})},"⬤",4)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a.name??"-"),1)],4)],12,le),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,(u,o)=>(e.openBlock(),e.createElementBlock("td",{dir:"auto",role:"cell",ref_for:!0,ref_key:"TD",ref:k,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,background:c.value!==void 0&&o===c.value?t.value.tbody.selectedColor.useSerieColor?`${a.color.length>7?a.color.slice(0,-2):a.color}33`:t.value.tbody.selectedColor.fallback:"",borderRadius:c.value!==void 0&&f.value!==void 0&&o===c.value&&f.value===r?"3px":""}),"data-cell":p.value[o],class:"vue-ui-data-table__tbody__td",onPointerenter:i=>{f.value=r,c.value=o}},e.toDisplayString([null,void 0].includes(a.values[o])?"-":e.unref(s.applyDataLabel)(t.value.formatter,Number(a.values[o]),e.unref(s.dataLabel)({p:t.value.prefix,v:Number(a.values[o]),s:t.value.suffix,r:t.value.roundingValues}),{datapoint:a,seriesIndex:r,datapointIndex:o})),45,ae))),256)),t.value.showTotal?(e.openBlock(),e.createElementBlock("td",{key:0,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.total,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.sum,e.unref(s.dataLabel)({p:t.value.prefix,v:a.sum,s:t.value.suffix,r:t.value.roundingTotal}),{datapoint:a.sum,seriesIndex:r})),13,oe)):e.createCommentVNode("",!0),t.value.showAverage?(e.openBlock(),e.createElementBlock("td",{key:1,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.average,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.average,e.unref(s.dataLabel)({p:t.value.prefix,v:a.average,s:t.value.suffix,r:t.value.roundingAverage}),{datapoint:a.average,seriesIndex:r})),13,ne)):e.createCommentVNode("",!0),t.value.showMedian?(e.openBlock(),e.createElementBlock("td",{key:2,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.median,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.median,e.unref(s.dataLabel)({p:t.value.prefix,v:a.median,s:t.value.suffix,r:t.value.roundingMedian}),{datapoint:a.median,seriesIndex:r})),13,re)):e.createCommentVNode("",!0),t.value.showSparklines?(e.openBlock(),e.createElementBlock("td",{key:3,role:"cell","data-cell":t.value.translations.chart,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,backgroundColor:t.value.tbody.backgroundColor,padding:"0"}),class:"vue-ui-data-table__tbody__td sticky-col"},[(e.openBlock(),e.createBlock(Q.default,{key:`sparkline_${r}_${b.value}`,onHoverIndex:({index:u})=>J({dataIndex:u,serieIndex:r}),"height-ratio":t.value.sparkline.dimensions.heightRatio,"forced-padding":30,dataset:a.sparklineDataset,showInfo:!1,selectedIndex:c.value,config:{type:t.value.sparkline.type,style:{backgroundColor:"transparent",animation:{show:t.value.sparkline.animation.show&&!e.unref(N)&&!e.unref(A),animationFrames:t.value.sparkline.animation.animationFrames},line:{color:a.color,smooth:t.value.sparkline.smooth,strokeWidth:t.value.sparkline.strokeWidth},bar:{color:a.color},area:{color:a.color,opacity:t.value.sparkline.showArea?16:0,useGradient:t.value.sparkline.useGradient},verticalIndicator:{color:a.color},plot:{radius:9,stroke:t.value.tbody.backgroundColor,strokeWidth:3}}}},null,8,["onHoverIndex","height-ratio","dataset","selectedIndex","config"]))],12,ue)):e.createCommentVNode("",!0)],6))),256))])],4)],32),l.$slots.source?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],10,j))}},de=Z._export_sfc(ie,[["__scopeId","data-v-df1c4c1d"]]);exports.default=de;

package/dist/{vue-ui-table-sparkline-DHaEHFG_.js → vue-ui-table-sparkline-B7sNio6G.js}

@@ -1,9 +1,9 @@
 import { useCssVars as fe, ref as d, computed as h, watch as ee, onMounted as pe, openBlock as u, createElementBlock as i, normalizeClass as V, createElementVNode as c, normalizeStyle as r, toDisplayString as b, createCommentVNode as p, withDirectives as be, Fragment as E, renderList as G, createBlock as R, unref as v, createSlots as ge, withCtx as A, renderSlot as C, normalizeProps as me, guardReactiveProps as he, nextTick as ye } from "vue";
-import { u as ke, c as _e, t as xe, a as Ce, p as $, b as we, o as Ie, e as te, g as Se, d as Ae, $ as $e, i as P, f as z, q as Pe, r as ze } from "./index-B6Q1Fyk0.js";
-import { u as ae } from "./useNestedProp-DQpuJSz3.js";
-import Oe from "./vue-ui-sparkline-DYT-gts9.js";
-import Fe from "./BaseIcon-DCE3wRiG.js";
-import { u as Ne, U as De, v as We } from "./usePrinter-D8dIU7aG.js";
+import { u as ke, c as _e, t as xe, a as Ce, p as $, b as we, o as Ie, e as te, g as Se, d as Ae, $ as $e, i as P, f as z, q as Pe, r as ze } from "./index-CvhiHStv.js";
+import { u as ae } from "./useNestedProp-Ccre6tXM.js";
+import Oe from "./vue-ui-sparkline-CbnPVyxs.js";
+import Fe from "./BaseIcon-Cg6tqk_d.js";
+import { u as Ne, U as De, v as We } from "./usePrinter-BVA2_kNp.js";
 import { _ as Te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Me = ["id"], Ve = { style: { "z-index": "1", "padding-right": "24px" } }, Ee = ["onClick"], Ge = ["data-cell"], Re = ["data-cell", "onPointerenter"], Le = ["data-cell"], Be = ["data-cell"], Ue = ["data-cell"], He = ["data-cell"], qe = {
   key: 0,