vue-data-ui 2.3.90 → 2.3.92

package/dist/{vue-ui-heatmap-ZkmD9EAg.js → vue-ui-heatmap-pqBYIrxm.js}

@@ -1,26 +1,27 @@
-import { useCssVars as Me, computed as h, ref as p, watch as be, onMounted as Se, openBlock as s, createElementBlock as n, normalizeClass as U, normalizeStyle as m, createBlock as Y, createCommentVNode as c, unref as i, createSlots as Ne, withCtx as k, renderSlot as x, normalizeProps as j, guardReactiveProps as W, Fragment as A, renderList as S, createElementVNode as u, toDisplayString as f, createVNode as me, withKeys as Oe, createTextVNode as Fe, nextTick as Ve } from "vue";
-import { u as Pe, o as Ie, e as xe, c as le, t as Be, L as Re, g as Ee, M as ae, X as Ge, F as oe, i as F, f as N, v as z, x as Xe, y as He, q as De, r as Ue } from "./index-DQl1TFXa.js";
-import { _ as Ye } from "./Title-DlBwa3-X.js";
-import { u as je, U as We } from "./usePrinter-DgKGVvJC.js";
-import { _ as qe } from "./Tooltip-w32n-8sY.js";
-import Ke from "./vue-ui-skeleton-BVJGmYjj.js";
-import Je from "./BaseIcon-BMfi5PnL.js";
-import Qe from "./vue-ui-accordion-CroZrm7T.js";
-import { u as we } from "./useNestedProp-lmeFt-ev.js";
-import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const et = ["id"], tt = {
+import { useCssVars as Me, computed as h, ref as p, watch as me, onMounted as Se, openBlock as s, createElementBlock as n, normalizeClass as U, normalizeStyle as m, createBlock as Y, createCommentVNode as c, unref as i, createSlots as Ne, withCtx as k, renderSlot as x, normalizeProps as j, guardReactiveProps as W, createVNode as le, Fragment as A, renderList as S, createElementVNode as u, toDisplayString as f, withKeys as Oe, createTextVNode as Fe, nextTick as Ve } from "vue";
+import { u as Pe, o as Ie, e as xe, c as ae, t as Be, L as Re, g as Ee, M as oe, X as Ge, F as se, i as F, f as N, v as z, x as Xe, y as He, q as De, r as Ue } from "./index-DhJby8wL.js";
+import { _ as Ye } from "./Title-1Sw6EmHy.js";
+import { u as je, U as We } from "./usePrinter-Bwm8J3RQ.js";
+import { _ as qe } from "./Tooltip-EJf3VBPR.js";
+import Ke from "./vue-ui-skeleton-ASX40MGk.js";
+import Je from "./BaseIcon-CAmYNoaf.js";
+import Qe from "./vue-ui-accordion-Cn5Jbplg.js";
+import { u as we } from "./useNestedProp-CrHvyupb.js";
+import { _ as Ze } from "./PackageVersion-BVZfgDqm.js";
+import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const tt = ["id"], lt = {
   key: 0,
   style: "width:100%;background:transparent"
-}, lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], ot = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], st = ["font-size", "font-weight", "fill", "x", "y"], ut = ["x", "y", "width", "height", "onMouseover"], nt = { key: 0 }, it = ["font-size", "fill", "x", "y", "font-weight"], rt = { key: 0 }, vt = ["text-anchor", "font-size", "fill", "font-weight", "transform"], dt = { key: 1 }, yt = ["x", "y", "width", "height", "stroke", "stroke-width"], ct = { key: 2 }, ht = ["id"], pt = ["stop-color"], gt = ["stop-color"], ft = ["x", "y", "font-size", "fill"], bt = ["x", "y", "height", "rx", "fill"], mt = ["x", "y", "font-size", "fill"], xt = ["stroke", "x1", "x2", "y1", "y2"], wt = ["fill", "d"], _t = { key: 3 }, kt = {
+}, at = ["xmlns", "viewBox"], ot = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], st = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], ut = ["font-size", "font-weight", "fill", "x", "y"], nt = ["x", "y", "width", "height", "onMouseover"], it = { key: 0 }, rt = ["font-size", "fill", "x", "y", "font-weight"], vt = { key: 0 }, dt = ["text-anchor", "font-size", "fill", "font-weight", "transform"], yt = { key: 1 }, ct = ["x", "y", "width", "height", "stroke", "stroke-width"], ht = { key: 2 }, pt = ["id"], gt = ["stop-color"], ft = ["stop-color"], bt = ["x", "y", "font-size", "fill"], mt = ["x", "y", "height", "rx", "fill"], xt = ["x", "y", "font-size", "fill"], wt = ["stroke", "x1", "x2", "y1", "y2"], _t = ["fill", "d"], kt = { key: 3 }, $t = {
   id: "colorScaleHorizontal",
   x1: "0%",
   x2: "100%",
   y1: "0%",
   y2: "0%"
-}, $t = ["stop-color"], Ct = ["stop-color"], Lt = ["x", "y", "width", "height", "rx"], At = ["x", "y", "font-size", "fill"], zt = ["x", "y", "font-size", "fill"], Tt = ["stroke", "x1", "x2", "y1", "y2"], Mt = ["fill", "d"], St = {
+}, Ct = ["stop-color"], Lt = ["stop-color"], At = ["x", "y", "width", "height", "rx"], zt = ["x", "y", "font-size", "fill"], Tt = ["x", "y", "font-size", "fill"], Mt = ["stroke", "x1", "x2", "y1", "y2"], St = ["fill", "d"], Nt = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Nt = { class: "vue-ui-data-table" }, Ot = { key: 0 }, Ft = ["data-cell"], Vt = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Pt = ["data-cell"], It = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Bt = {
+}, Ot = { class: "vue-ui-data-table" }, Ft = { key: 0 }, Vt = ["data-cell"], Pt = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, It = ["data-cell"], Bt = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Rt = {
   __name: "vue-ui-heatmap",
   props: {
     config: {
@@ -39,18 +40,18 @@ const et = ["id"], tt = {
   setup(G, { expose: _e }) {
     const r = G;
     Me((t) => ({
-      52850410: t.tdo
+      "1678b056": t.tdo
     }));
     const { vue_ui_heatmap: ke } = Pe(), X = h(() => !!r.dataset && r.dataset.length);
     Ie(r.dataset) && xe({
       componentName: "VueUiHeatmap",
       type: "dataset"
     });
-    const V = p(le()), q = p(null), $e = p(null), K = p(!1), J = p(""), se = p(void 0), P = p(null), ue = p(0), ne = p(null), ie = p(!1), re = p(0), e = h({
-      get: () => ve(),
+    const V = p(ae()), q = p(null), $e = p(null), K = p(!1), J = p(""), ue = p(void 0), P = p(null), ne = p(0), ie = p(null), re = p(!1), ve = p(0), e = h({
+      get: () => de(),
       set: (t) => t
     });
-    function ve() {
+    function de() {
       const t = we({
         userConfig: r.config,
         defaultConfig: ke
@@ -63,12 +64,12 @@ const et = ["id"], tt = {
         })
       } : a = t, r.config && Re(r.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? a.style.layout.dataLabels.xAxis.showOnlyAtModulo = r.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : a.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, a;
     }
-    be(() => r.config, (t) => {
-      e.value = ve(), Q(), re.value += 1;
-    }, { deep: !0 }), be(() => r.dataset, () => {
+    me(() => r.config, (t) => {
+      e.value = de(), Q(), ve.value += 1;
+    }, { deep: !0 }), me(() => r.dataset, () => {
       Q();
     }, { deep: !0 });
-    const { isPrinting: de, isImaging: ye, generatePdf: ce, generateImage: he } = je({
+    const { isPrinting: ye, isImaging: ce, generatePdf: he, generateImage: pe } = je({
       elementId: `heatmap__${V.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap"
     }), w = p({
@@ -78,9 +79,9 @@ const et = ["id"], tt = {
     function Le() {
       new ResizeObserver((a) => {
         a.forEach((o) => {
-          ie.value = o.contentRect.width < Ce.value;
+          re.value = o.contentRect.width < Ce.value;
         });
-      }).observe(ne.value);
+      }).observe(ie.value);
     }
     Se(Q);
     function Q() {
@@ -128,26 +129,26 @@ const et = ["id"], tt = {
       ...t,
       temperatures: (t.values || []).map((a, o) => a >= M.value ? {
         side: "up",
-        color: ae(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, a),
+        color: oe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, a),
         ratio: Math.abs(Math.abs(a - M.value) / Math.abs(b.value - M.value)) > 1 ? 1 : Math.abs(Math.abs(a - M.value) / Math.abs(b.value - M.value)),
         value: a,
         yAxisName: t.name,
         xAxisName: $.value.xLabels[o],
-        id: `vue-data-ui-heatmap-cell-${le()}`
+        id: `vue-data-ui-heatmap-cell-${ae()}`
       } : {
         side: "down",
         ratio: Math.abs(1 - Math.abs(a) / Math.abs(M.value)) > 1 ? 1 : Math.abs(1 - Math.abs(a) / Math.abs(M.value)),
-        color: ae(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, a),
+        color: oe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, a),
         value: a,
         yAxisName: t.name,
         xAxisName: $.value.xLabels[o],
-        id: `vue-data-ui-heatmap-cell-${le()}`
+        id: `vue-data-ui-heatmap-cell-${ae()}`
       })
     })))), C = p(null), I = p(null);
     function Ae(t, a, o, v) {
       P.value = { x: o, y: v };
       const { value: y, yAxisName: g, xAxisName: L, id: Te } = t;
-      se.value = Te, C.value = y, I.value = {
+      ue.value = Te, C.value = y, I.value = {
         datapoint: t,
         seriesIndex: a,
         series: D.value,
@@ -165,7 +166,7 @@ const et = ["id"], tt = {
         seriesIndex: a,
         series: D.value,
         config: e.value
-      }) : (ee += `<div>${g} ${L ? `${L}` : ""}</div>`, ee += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${ae(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, y)}">⬤</span><span>${isNaN(y) ? "-" : F(
+      }) : (ee += `<div>${g} ${L ? `${L}` : ""}</div>`, ee += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${oe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, y)}">⬤</span><span>${isNaN(y) ? "-" : F(
         e.value.style.layout.cells.value.formatter,
         y,
         N({
@@ -184,7 +185,7 @@ const et = ["id"], tt = {
       })), a = r.dataset.map((o) => o.values);
       return { head: t, body: a };
     });
-    function pe() {
+    function ge() {
       Ve(() => {
         const t = ["", ...r.dataset.map((y, g) => y.name)], a = [];
         for (let y = 0; y < $.value.xLabels.length; y += 1) {
@@ -199,20 +200,20 @@ const et = ["id"], tt = {
     }
     const E = p(!1);
     function ze(t) {
-      E.value = t, ue.value += 1;
+      E.value = t, ne.value += 1;
     }
-    function ge() {
+    function fe() {
       w.value.showTable = !w.value.showTable;
     }
-    function fe() {
+    function be() {
       w.value.showTooltip = !w.value.showTooltip;
     }
     return _e({
-      generatePdf: ce,
-      generateCsv: pe,
-      generateImage: he,
-      toggleTable: ge,
-      toggleTooltip: fe
+      generatePdf: he,
+      generateCsv: ge,
+      generateImage: pe,
+      toggleTable: fe,
+      toggleTooltip: be
     }), (t, a) => (s(), n("div", {
       ref_key: "heatmapChart",
       ref: q,
@@ -220,9 +221,9 @@ const et = ["id"], tt = {
       style: m(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.title.text ? "" : "padding-top:36px"};background:${e.value.style.backgroundColor}`),
       id: `heatmap__${V.value}`
     }, [
-      e.value.style.title.text ? (s(), n("div", tt, [
+      e.value.style.title.text ? (s(), n("div", lt, [
         (s(), Y(Ye, {
-          key: `title_${re.value}`,
+          key: `title_${ve.value}`,
           config: {
             title: {
               cy: "heatmap-div-title",
@@ -238,11 +239,11 @@ const et = ["id"], tt = {
       e.value.userOptions.show && X.value ? (s(), Y(We, {
         ref_key: "details",
         ref: $e,
-        key: `user_options_${ue.value}`,
+        key: `user_options_${ne.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: i(ye),
-        isPrinting: i(de),
+        isImaging: i(ce),
+        isPrinting: i(ye),
         uid: V.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -256,11 +257,11 @@ const et = ["id"], tt = {
         chartElement: q.value,
         position: e.value.userOptions.position,
         onToggleFullscreen: ze,
-        onGeneratePdf: i(ce),
-        onGenerateCsv: pe,
-        onGenerateImage: i(he),
-        onToggleTable: ge,
-        onToggleTooltip: fe
+        onGeneratePdf: i(he),
+        onGenerateCsv: ge,
+        onGenerateImage: i(pe),
+        onToggleTable: fe,
+        onToggleTooltip: be
       }, Ne({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
@@ -312,6 +313,7 @@ const et = ["id"], tt = {
         viewBox: `0 0 ${_.value.width} ${_.value.heightWithLegend}`,
         style: m(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
+        le(Ze),
         (s(!0), n(A, null, S(D.value, (o, v) => (s(), n("g", null, [
           (s(!0), n(A, null, S(o.temperatures, (y, g) => (s(), n("g", null, [
             u("rect", {
@@ -322,7 +324,7 @@ const et = ["id"], tt = {
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.cells.spacing
-            }, null, 8, at),
+            }, null, 8, ot),
             u("rect", {
               x: l.value.left + d.value.width * g + e.value.style.layout.cells.spacing / 2,
               y: l.value.top + d.value.height * v + e.value.style.layout.cells.spacing / 2,
@@ -331,13 +333,13 @@ const et = ["id"], tt = {
               fill: y.color,
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.cells.spacing
-            }, null, 8, ot),
+            }, null, 8, st),
             e.value.style.layout.cells.value.show ? (s(), n("text", {
               key: 0,
               "text-anchor": "middle",
               "font-size": e.value.style.layout.cells.value.fontSize,
               "font-weight": e.value.style.layout.cells.value.bold ? "bold" : "normal",
-              fill: i(oe)(y.color),
+              fill: i(se)(y.color),
               x: l.value.left + d.value.width * g + d.value.width / 2,
               y: l.value.top + d.value.height * v + d.value.height / 2 + e.value.style.layout.cells.value.fontSize / 3
             }, f(i(F)(
@@ -350,7 +352,7 @@ const et = ["id"], tt = {
                 r: e.value.style.layout.cells.value.roundingValue
               }),
               { datapoint: y }
-            )), 9, st)) : c("", !0)
+            )), 9, ut)) : c("", !0)
           ]))), 256)),
           (s(!0), n(A, null, S(o.temperatures, (y, g) => (s(), n("g", null, [
             u("rect", {
@@ -362,11 +364,11 @@ const et = ["id"], tt = {
               stroke: "none",
               onMouseover: (L) => Ae(y, v, l.value.left + d.value.width * g, l.value.top + d.value.height * v),
               onMouseout: a[0] || (a[0] = (L) => {
-                K.value = !1, se.value = void 0, C.value = null, P.value = null;
+                K.value = !1, ue.value = void 0, C.value = null, P.value = null;
               })
-            }, null, 40, ut)
+            }, null, 40, nt)
           ]))), 256)),
-          e.value.style.layout.dataLabels.yAxis.show ? (s(), n("g", nt, [
+          e.value.style.layout.dataLabels.yAxis.show ? (s(), n("g", it, [
             u("text", {
               "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
               fill: e.value.style.layout.dataLabels.yAxis.color,
@@ -374,10 +376,10 @@ const et = ["id"], tt = {
               y: l.value.top + d.value.height * v + d.value.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize / 3 + e.value.style.layout.dataLabels.yAxis.offsetY,
               "text-anchor": "end",
               "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-            }, f($.value.yLabels[v]), 9, it)
+            }, f($.value.yLabels[v]), 9, rt)
           ])) : c("", !0)
         ]))), 256)),
-        e.value.style.layout.dataLabels.xAxis.show ? (s(), n("g", rt, [
+        e.value.style.layout.dataLabels.xAxis.show ? (s(), n("g", vt, [
           (s(!0), n(A, null, S($.value.xLabels, (o, v) => (s(), n(A, null, [
             !e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo || e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo && v % e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo === 0 ? (s(), n("text", {
               key: 0,
@@ -386,10 +388,10 @@ const et = ["id"], tt = {
               fill: e.value.style.layout.dataLabels.xAxis.color,
               "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
               transform: `translate(${l.value.left + d.value.width / 2 + l.value.width / $.value.xLabels.length * v + e.value.style.layout.dataLabels.xAxis.offsetX}, ${l.value.top + e.value.style.layout.dataLabels.xAxis.offsetY - 6}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-            }, f(o), 9, vt)) : c("", !0)
+            }, f(o), 9, dt)) : c("", !0)
           ], 64))), 256))
         ])) : c("", !0),
-        P.value ? (s(), n("g", dt, [
+        P.value ? (s(), n("g", yt, [
           u("rect", {
             style: { "pointer-events": "none" },
             x: P.value.x - e.value.style.layout.cells.selected.border / 2 + e.value.style.layout.cells.spacing,
@@ -400,9 +402,9 @@ const et = ["id"], tt = {
             stroke: e.value.style.layout.cells.selected.color,
             "stroke-width": e.value.style.layout.cells.selected.border,
             rx: 1
-          }, null, 8, yt)
+          }, null, 8, ct)
         ])) : c("", !0),
-        e.value.style.legend.show && H.value === "right" ? (s(), n("g", ct, [
+        e.value.style.legend.show && H.value === "right" ? (s(), n("g", ht, [
           u("defs", null, [
             u("linearGradient", {
               id: `colorScaleVertical_${V.value}`,
@@ -412,12 +414,12 @@ const et = ["id"], tt = {
               u("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.cells.colors.hot
-              }, null, 8, pt),
+              }, null, 8, gt),
               u("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.cells.colors.cold
-              }, null, 8, gt)
-            ], 8, ht)
+              }, null, 8, ft)
+            ], 8, pt)
           ]),
           u("text", {
             x: l.value.right + 36 + 18,
@@ -434,7 +436,7 @@ const et = ["id"], tt = {
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
-          )), 9, ft),
+          )), 9, bt),
           u("rect", {
             x: l.value.right + 36,
             y: l.value.top,
@@ -442,7 +444,7 @@ const et = ["id"], tt = {
             height: Z.value,
             rx: e.value.style.legend.scaleBorderRadius,
             fill: `url(#colorScaleVertical_${V.value})`
-          }, null, 8, bt),
+          }, null, 8, mt),
           u("text", {
             x: l.value.right + 36 + 18,
             y: l.value.top + Z.value + e.value.style.legend.fontSize * 2.5,
@@ -458,34 +460,34 @@ const et = ["id"], tt = {
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
-          )), 9, mt),
+          )), 9, xt),
           C.value !== null ? (s(), n("line", {
             key: 0,
-            stroke: i(oe)(I.value.datapoint.color),
+            stroke: i(se)(I.value.datapoint.color),
             "stroke-width": "2",
             x1: l.value.right + 36,
             x2: l.value.right + 72,
             y1: B.value,
             y2: B.value
-          }, null, 8, xt)) : c("", !0),
+          }, null, 8, wt)) : c("", !0),
           C.value !== null ? (s(), n("path", {
             key: 1,
             fill: e.value.style.color,
             stroke: "none",
             d: `M ${l.value.right + 36},${B.value} ${l.value.right + 26},${B.value - 8} ${l.value.right + 26},${B.value + 8}z`
-          }, null, 8, wt)) : c("", !0)
+          }, null, 8, _t)) : c("", !0)
         ])) : c("", !0),
-        e.value.style.legend.show && H.value === "bottom" ? (s(), n("g", _t, [
+        e.value.style.legend.show && H.value === "bottom" ? (s(), n("g", kt, [
           u("defs", null, [
-            u("linearGradient", kt, [
+            u("linearGradient", $t, [
               u("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.cells.colors.cold
-              }, null, 8, $t),
+              }, null, 8, Ct),
               u("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.cells.colors.hot
-              }, null, 8, Ct)
+              }, null, 8, Lt)
             ])
           ]),
           u("rect", {
@@ -495,7 +497,7 @@ const et = ["id"], tt = {
             height: e.value.style.layout.cells.height,
             rx: e.value.style.legend.scaleBorderRadius > e.value.style.layout.cells.height / 2 ? e.value.style.layout.cells.height / 2 : e.value.style.legend.scaleBorderRadius,
             fill: "url(#colorScaleHorizontal)"
-          }, null, 8, Lt),
+          }, null, 8, At),
           u("text", {
             x: l.value.left,
             y: l.value.bottom + e.value.style.layout.cells.height * 2 + e.value.style.legend.fontSize * 2,
@@ -511,7 +513,7 @@ const et = ["id"], tt = {
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
-          )), 9, At),
+          )), 9, zt),
           u("text", {
             x: l.value.right,
             y: l.value.bottom + e.value.style.layout.cells.height * 2 + e.value.style.legend.fontSize * 2,
@@ -527,27 +529,27 @@ const et = ["id"], tt = {
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
-          )), 9, zt),
+          )), 9, Tt),
           C.value !== null ? (s(), n("line", {
             key: 0,
-            stroke: i(oe)(I.value.datapoint.color),
+            stroke: i(se)(I.value.datapoint.color),
             "stroke-width": "2",
             x1: R.value,
             x2: R.value,
             y1: l.value.bottom + e.value.style.layout.cells.height,
             y2: l.value.bottom + e.value.style.layout.cells.height * 2
-          }, null, 8, Tt)) : c("", !0),
+          }, null, 8, Mt)) : c("", !0),
           C.value !== null ? (s(), n("path", {
             key: 1,
             fill: e.value.style.color,
             stroke: "none",
             d: `M ${R.value},${l.value.bottom + e.value.style.layout.cells.height} ${R.value - 12},${l.value.bottom + e.value.style.layout.cells.height - 20} ${R.value + 12},${l.value.bottom + e.value.style.layout.cells.height - 20}z`
-          }, null, 8, Mt)) : c("", !0)
+          }, null, 8, St)) : c("", !0)
         ])) : c("", !0),
         x(t.$slots, "svg", { svg: _.value }, void 0, !0)
-      ], 14, lt)) : c("", !0),
-      t.$slots.watermark ? (s(), n("div", St, [
-        x(t.$slots, "watermark", j(W({ isPrinting: i(de) || i(ye) })), void 0, !0)
+      ], 14, at)) : c("", !0),
+      t.$slots.watermark ? (s(), n("div", Nt, [
+        x(t.$slots, "watermark", j(W({ isPrinting: i(ye) || i(ce) })), void 0, !0)
       ])) : c("", !0),
       X.value ? c("", !0) : (s(), Y(Ke, {
         key: 4,
@@ -561,7 +563,7 @@ const et = ["id"], tt = {
           }
         }
       }, null, 8, ["config"])),
-      me(qe, {
+      le(qe, {
         show: w.value.showTooltip && K.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -603,12 +605,12 @@ const et = ["id"], tt = {
         content: k(() => [
           u("div", {
             ref_key: "tableContainer",
-            ref: ne,
+            ref: ie,
             class: "vue-ui-heatmap-table"
           }, [
             u("div", {
               style: "width:100%;overflow-x:auto;padding-top:36px;position:relative",
-              class: U({ "vue-ui-responsive": ie.value })
+              class: U({ "vue-ui-responsive": re.value })
             }, [
               u("div", {
                 role: "button",
@@ -617,18 +619,18 @@ const et = ["id"], tt = {
                 onClick: a[1] || (a[1] = (o) => w.value.showTable = !1),
                 onKeypress: a[2] || (a[2] = Oe((o) => w.value.showTable = !1, ["enter"]))
               }, [
-                me(Je, {
+                le(Je, {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
                 }, null, 8, ["stroke"])
               ], 36),
-              u("table", Nt, [
+              u("table", Ot, [
                 u("caption", {
                   style: m(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
                   Fe(f(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (s(), n("span", Ot, f(e.value.style.title.subtitle.text), 1)) : c("", !0)
+                  e.value.style.title.subtitle.text ? (s(), n("span", Ft, f(e.value.style.title.subtitle.text), 1)) : c("", !0)
                 ], 4),
                 u("thead", null, [
                   u("tr", {
@@ -655,15 +657,15 @@ const et = ["id"], tt = {
                       class: "vue-ui-data-table__tbody__td",
                       style: m(`outline:${e.value.table.td.outline}`)
                     }, [
-                      u("div", Vt, f(o), 1)
-                    ], 12, Ft),
+                      u("div", Pt, f(o), 1)
+                    ], 12, Vt),
                     (s(!0), n(A, null, S(G.dataset, (y, g) => (s(), n("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": G.dataset[g].name,
                       style: m(`outline:${e.value.table.td.outline}`)
                     }, [
-                      u("div", It, f(isNaN(y.values[v]) ? "-" : i(N)({ p: e.value.style.layout.dataLabels.prefix, v: y.values[v], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
-                    ], 12, Pt))), 256))
+                      u("div", Bt, f(isNaN(y.values[v]) ? "-" : i(N)({ p: e.value.style.layout.dataLabels.prefix, v: y.values[v], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                    ], 12, It))), 256))
                   ], 6))), 256))
                 ])
               ])
@@ -672,9 +674,9 @@ const et = ["id"], tt = {
         ]),
         _: 1
       }, 8, ["config"])) : c("", !0)
-    ], 14, et));
+    ], 14, tt));
   }
-}, qt = /* @__PURE__ */ Ze(Bt, [["__scopeId", "data-v-ba280e32"]]);
+}, Jt = /* @__PURE__ */ et(Rt, [["__scopeId", "data-v-c67467bd"]]);
 export {
-  qt as default
+  Jt as default
 };

package/dist/vue-ui-heatmap-qPgEhAzc.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-D09qCApg.cjs"),ne=require("./Title-Bjrh7khe.cjs"),J=require("./usePrinter-DdsPm5a4.cjs"),re=require("./Tooltip-CPATjuur.cjs"),ie=require("./vue-ui-skeleton-CAlTn_Cg.cjs"),de=require("./BaseIcon-dYWMubrH.cjs"),ce=require("./vue-ui-accordion-BAHX7KzB.cjs"),Q=require("./useNestedProp-Bwd7mK1Z.cjs"),ve=require("./PackageVersion-BkgJVmj1.cjs"),ye=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),pe=["id"],he={key:0,style:"width:100%;background:transparent"},ge=["xmlns","viewBox"],fe=["x","y","width","height","fill","stroke","stroke-width"],me=["x","y","width","height","fill","stroke","stroke-width"],be=["font-size","font-weight","fill","x","y"],xe=["x","y","width","height","onMouseover"],ke={key:0},we=["font-size","fill","x","y","font-weight"],_e={key:0},Ce=["text-anchor","font-size","fill","font-weight","transform"],Ne={key:1},Le=["x","y","width","height","stroke","stroke-width"],Be={key:2},Ve=["id"],$e=["stop-color"],Ee=["stop-color"],Se=["x","y","font-size","fill"],ze=["x","y","height","rx","fill"],Ae=["x","y","font-size","fill"],Te=["stroke","x1","x2","y1","y2"],Me=["fill","d"],Pe={key:3},Fe={id:"colorScaleHorizontal",x1:"0%",x2:"100%",y1:"0%",y2:"0%"},Oe=["stop-color"],De=["stop-color"],Ie=["x","y","width","height","rx"],Re=["x","y","font-size","fill"],qe=["x","y","font-size","fill"],He=["stroke","x1","x2","y1","y2"],Ue=["fill","d"],Ge={key:3,class:"vue-data-ui-watermark"},Xe={class:"vue-ui-data-table"},je={key:0},Ye=["data-cell"],We={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Ke=["data-cell"],Je={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},Qe={__name:"vue-ui-heatmap",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(B,{expose:Z}){const n=B;e.useCssVars(l=>({"1678b056":l.tdo}));const{vue_ui_heatmap:ee}=o.useConfig(),V=e.computed(()=>!!n.dataset&&n.dataset.length);o.objectIsEmpty(n.dataset)&&o.error({componentName:"VueUiHeatmap",type:"dataset"});const k=e.ref(o.createUid()),S=e.ref(null),te=e.ref(null),z=e.ref(!1),A=e.ref(""),O=e.ref(void 0),w=e.ref(null),D=e.ref(0),I=e.ref(null),R=e.ref(!1),q=e.ref(0),t=e.computed({get:()=>H(),set:l=>l});function H(){const l=Q.useNestedProp({userConfig:n.config,defaultConfig:ee});let s={};return l.theme?s={...Q.useNestedProp({userConfig:o.themes.vue_ui_heatmap[l.theme]||n.config,defaultConfig:l})}:s=l,n.config&&o.hasDeepProperty(n.config,"style.layout.dataLabels.xAxis.showOnlyAtModulo")?s.style.layout.dataLabels.xAxis.showOnlyAtModulo=n.config.style.layout.dataLabels.xAxis.showOnlyAtModulo:s.style.layout.dataLabels.xAxis.showOnlyAtModulo=null,s}e.watch(()=>n.config,l=>{t.value=H(),T(),q.value+=1},{deep:!0}),e.watch(()=>n.dataset,()=>{T()},{deep:!0});const{isPrinting:U,isImaging:G,generatePdf:X,generateImage:j}=J.usePrinter({elementId:`heatmap__${k.value}`,fileName:t.value.style.title.text||"vue-ui-heatmap"}),y=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.tooltip.show}),le=e.computed(()=>t.value.table.responsiveBreakpoint);function ae(){new ResizeObserver(s=>{s.forEach(u=>{R.value=u.contentRect.width<le.value})}).observe(I.value)}e.onMounted(T);function T(){ae()}const x=e.computed(()=>Math.max(...n.dataset.flatMap(l=>(l.values||[]).length))),p=e.computed(()=>{const l=t.value.style.layout.padding.top+t.value.style.layout.padding.bottom+n.dataset.length*t.value.style.layout.cells.height,s=t.value.style.layout.padding.left+t.value.style.layout.padding.right+(x.value<n.dataset.length?n.dataset.length:x.value)*t.value.style.layout.cells.height,u=l+(t.value.style.legend.show?t.value.style.legend.position==="right"?0:t.value.style.layout.cells.height*2:0);return{height:l,heightWithLegend:u,width:s}}),$=e.computed(()=>t.value.style.legend.position),a=e.computed(()=>({top:t.value.style.layout.padding.top,left:t.value.style.layout.padding.left,right:p.value.width-t.value.style.layout.padding.right-($.value==="right"&&t.value.style.legend.show?92:0),bottom:p.value.height-t.value.style.layout.padding.bottom,height:p.value.height-t.value.style.layout.padding.top-t.value.style.layout.padding.bottom,width:p.value.width-t.value.style.layout.padding.right-t.value.style.layout.padding.left-($.value==="right"&&t.value.style.legend.show?92:0)})),M=e.computed(()=>i.value.height*n.dataset.length),v=e.computed(()=>Math.max(...n.dataset.flatMap(l=>l.values))),m=e.computed(()=>Math.min(...n.dataset.flatMap(l=>l.values))),b=e.computed(()=>{const l=n.dataset.flatMap(u=>u.values);return l.reduce((u,r)=>u+r,0)/l.length}),i=e.computed(()=>({width:a.value.width/x.value,height:a.value.width/(x.value<n.dataset.length?n.dataset.length:x.value)})),h=e.computed(()=>{const l=t.value.style.layout.dataLabels.yAxis.values.length?t.value.style.layout.dataLabels.yAxis.values:n.dataset.map(u=>u.name),s=t.value.style.layout.dataLabels.xAxis.values;return{yLabels:l,xLabels:s.slice(0,x.value)}}),E=e.computed(()=>(n.dataset.forEach((l,s)=>{o.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["values"]}).forEach(u=>{o.error({componentName:"VueUiHeatmap",type:"datasetSerieAttribute",property:"values",index:s})})}),n.dataset.map(l=>({...l,temperatures:(l.values||[]).map((s,u)=>s>=b.value?{side:"up",color:o.interpolateColorHex(t.value.style.layout.cells.colors.cold,t.value.style.layout.cells.colors.hot,m.value,v.value,s),ratio:Math.abs(Math.abs(s-b.value)/Math.abs(v.value-b.value))>1?1:Math.abs(Math.abs(s-b.value)/Math.abs(v.value-b.value)),value:s,yAxisName:l.name,xAxisName:h.value.xLabels[u],id:`vue-data-ui-heatmap-cell-${o.createUid()}`}:{side:"down",ratio:Math.abs(1-Math.abs(s)/Math.abs(b.value))>1?1:Math.abs(1-Math.abs(s)/Math.abs(b.value)),color:o.interpolateColorHex(t.value.style.layout.cells.colors.cold,t.value.style.layout.cells.colors.hot,m.value,v.value,s),value:s,yAxisName:l.name,xAxisName:h.value.xLabels[u],id:`vue-data-ui-heatmap-cell-${o.createUid()}`})})))),g=e.ref(null),_=e.ref(null);function oe(l,s,u,r){w.value={x:u,y:r};const{value:d,yAxisName:c,xAxisName:f,id:ue}=l;O.value=ue,g.value=d,_.value={datapoint:l,seriesIndex:s,series:E.value,config:t.value},z.value=!0;let P="";const F=t.value.style.tooltip.customFormat;o.isFunction(F)&&o.functionReturnsString(()=>F({datapoint:l,seriesIndex:s,series:E.value,config:t.value}))?A.value=F({datapoint:l,seriesIndex:s,series:E.value,config:t.value}):(P+=`<div>${c} ${f?`${f}`:""}</div>`,P+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${t.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${o.interpolateColorHex(t.value.style.layout.cells.colors.cold,t.value.style.layout.cells.colors.hot,m.value,v.value,d)}">⬤</span><span>${isNaN(d)?"-":o.applyDataLabel(t.value.style.layout.cells.value.formatter,d,o.dataLabel({p:t.value.style.layout.dataLabels.prefix,v:d,s:t.value.style.layout.dataLabels.suffix,r:t.value.style.tooltip.roundingValue}),{datapoint:l,seriesIndex:s})}</span></div>`,A.value=`<div style="font-size:${t.value.style.tooltip.fontSize}px">${P}</div>`)}const C=e.computed(()=>a.value.top+M.value*(1-g.value/v.value)),N=e.computed(()=>a.value.left+(p.value.width-a.value.left-t.value.style.layout.padding.right)*(g.value/v.value));e.computed(()=>{const l=n.dataset.map(u=>({name:u.name})),s=n.dataset.map(u=>u.values);return{head:l,body:s}});function Y(){e.nextTick(()=>{const l=["",...n.dataset.map((d,c)=>d.name)],s=[];for(let d=0;d<h.value.xLabels.length;d+=1){const c=[h.value.xLabels[d]];for(let f=0;f<n.dataset.length;f+=1)c.push([n.dataset[f].values[d]]);s.push(c)}const u=[[t.value.style.title.text],[t.value.style.title.subtitle.text],[[""],[""],[""]]].concat([l]).concat(s),r=o.createCsvContent(u);o.downloadCsv({csvContent:r,title:t.value.style.title.text||"vue-ui-heatmap"})})}const L=e.ref(!1);function se(l){L.value=l,D.value+=1}function W(){y.value.showTable=!y.value.showTable}function K(){y.value.showTooltip=!y.value.showTooltip}return Z({generatePdf:X,generateCsv:Y,generateImage:j,toggleTable:W,toggleTooltip:K}),(l,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"heatmapChart",ref:S,class:e.normalizeClass(`vue-ui-heatmap ${L.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.title.text?"":"padding-top:36px"};background:${t.value.style.backgroundColor}`),id:`heatmap__${k.value}`},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",he,[(e.openBlock(),e.createBlock(ne._sfc_main,{key:`title_${q.value}`,config:{title:{cy:"heatmap-div-title",...t.value.style.title},subtitle:{cy:"heatmap-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&V.value?(e.openBlock(),e.createBlock(J.UserOptions,{ref_key:"details",ref:te,key:`user_options_${D.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isImaging:e.unref(G),isPrinting:e.unref(U),uid:k.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:L.value,isTooltip:y.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:S.value,position:t.value.userOptions.position,onToggleFullscreen:se,onGeneratePdf:e.unref(X),onGenerateCsv:Y,onGenerateImage:e.unref(j),onToggleTable:W,onToggleTooltip:K},e.createSlots({_:2},[l.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:u,isFullscreen:r})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:u,isFullscreen:r})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","position","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),V.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(o.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":L.value,"vue-data-ui-fulscreen--off":!L.value}),viewBox:`0 0 ${p.value.width} ${p.value.heightWithLegend}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.color}`)},[e.createVNode(ve._sfc_main),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(u,r)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.temperatures,(d,c)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("rect",{x:a.value.left+i.value.width*c+t.value.style.layout.cells.spacing/2,y:a.value.top+i.value.height*r+t.value.style.layout.cells.spacing/2,width:i.value.width-t.value.style.layout.cells.spacing,height:i.value.height-t.value.style.layout.cells.spacing,fill:t.value.style.layout.cells.colors.underlayer,stroke:t.value.style.backgroundColor,"stroke-width":t.value.style.layout.cells.spacing},null,8,fe),e.createElementVNode("rect",{x:a.value.left+i.value.width*c+t.value.style.layout.cells.spacing/2,y:a.value.top+i.value.height*r+t.value.style.layout.cells.spacing/2,width:i.value.width-t.value.style.layout.cells.spacing,height:i.value.height-t.value.style.layout.cells.spacing,fill:d.color,stroke:t.value.style.backgroundColor,"stroke-width":t.value.style.layout.cells.spacing},null,8,me),t.value.style.layout.cells.value.show?(e.openBlock(),e.createElementBlock("text",{key:0,"text-anchor":"middle","font-size":t.value.style.layout.cells.value.fontSize,"font-weight":t.value.style.layout.cells.value.bold?"bold":"normal",fill:e.unref(o.adaptColorToBackground)(d.color),x:a.value.left+i.value.width*c+i.value.width/2,y:a.value.top+i.value.height*r+i.value.height/2+t.value.style.layout.cells.value.fontSize/3},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.layout.cells.value.formatter,d.value,e.unref(o.dataLabel)({p:t.value.style.layout.dataLabels.prefix,v:d.value,s:t.value.style.layout.dataLabels.suffix,r:t.value.style.layout.cells.value.roundingValue}),{datapoint:d})),9,be)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.temperatures,(d,c)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("rect",{x:a.value.left+i.value.width*c,y:a.value.top+i.value.height*r,width:i.value.width,height:i.value.height,fill:"transparent",stroke:"none",onMouseover:f=>oe(d,r,a.value.left+i.value.width*c,a.value.top+i.value.height*r),onMouseout:s[0]||(s[0]=f=>{z.value=!1,O.value=void 0,g.value=null,w.value=null})},null,40,xe)]))),256)),t.value.style.layout.dataLabels.yAxis.show?(e.openBlock(),e.createElementBlock("g",ke,[e.createElementVNode("text",{"font-size":t.value.style.layout.dataLabels.yAxis.fontSize,fill:t.value.style.layout.dataLabels.yAxis.color,x:a.value.left+t.value.style.layout.dataLabels.yAxis.offsetX-6,y:a.value.top+i.value.height*r+i.value.height/2+t.value.style.layout.dataLabels.yAxis.fontSize/3+t.value.style.layout.dataLabels.yAxis.offsetY,"text-anchor":"end","font-weight":t.value.style.layout.dataLabels.yAxis.bold?"bold":"normal"},e.toDisplayString(h.value.yLabels[r]),9,we)])):e.createCommentVNode("",!0)]))),256)),t.value.style.layout.dataLabels.xAxis.show?(e.openBlock(),e.createElementBlock("g",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value.xLabels,(u,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[!t.value.style.layout.dataLabels.xAxis.showOnlyAtModulo||t.value.style.layout.dataLabels.xAxis.showOnlyAtModulo&&r%t.value.style.layout.dataLabels.xAxis.showOnlyAtModulo===0?(e.openBlock(),e.createElementBlock("text",{key:0,"text-anchor":t.value.style.layout.dataLabels.xAxis.rotation===0?"middle":t.value.style.layout.dataLabels.xAxis.rotation<0?"start":"end","font-size":t.value.style.layout.dataLabels.xAxis.fontSize,fill:t.value.style.layout.dataLabels.xAxis.color,"font-weight":t.value.style.layout.dataLabels.xAxis.bold?"bold":"normal",transform:`translate(${a.value.left+i.value.width/2+a.value.width/h.value.xLabels.length*r+t.value.style.layout.dataLabels.xAxis.offsetX}, ${a.value.top+t.value.style.layout.dataLabels.xAxis.offsetY-6}), rotate(${t.value.style.layout.dataLabels.xAxis.rotation})`},e.toDisplayString(u),9,Ce)):e.createCommentVNode("",!0)],64))),256))])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("g",Ne,[e.createElementVNode("rect",{style:{"pointer-events":"none"},x:w.value.x-t.value.style.layout.cells.selected.border/2+t.value.style.layout.cells.spacing,y:w.value.y-t.value.style.layout.cells.selected.border/2+t.value.style.layout.cells.spacing,width:i.value.width-t.value.style.layout.cells.spacing+t.value.style.layout.cells.selected.border-t.value.style.layout.cells.spacing,height:i.value.height-t.value.style.layout.cells.spacing+t.value.style.layout.cells.selected.border-t.value.style.layout.cells.spacing,fill:"transparent",stroke:t.value.style.layout.cells.selected.color,"stroke-width":t.value.style.layout.cells.selected.border,rx:1},null,8,Le)])):e.createCommentVNode("",!0),t.value.style.legend.show&&$.value==="right"?(e.openBlock(),e.createElementBlock("g",Be,[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:`colorScaleVertical_${k.value}`,x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.style.layout.cells.colors.hot},null,8,$e),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.layout.cells.colors.cold},null,8,Ee)],8,Ve)]),e.createElementVNode("text",{x:a.value.right+36+18,y:a.value.top-t.value.style.legend.fontSize*1.5,"text-anchor":"middle","font-size":t.value.style.legend.fontSize*2,fill:t.value.style.legend.color},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.layout.cells.value.formatter,e.unref(o.checkNaN)(v.value),e.unref(o.dataLabel)({p:t.value.style.layout.dataLabels.prefix,v:e.unref(o.checkNaN)(v.value),s:t.value.style.layout.dataLabels.suffix,r:t.value.style.legend.roundingValue}))),9,Se),e.createElementVNode("rect",{x:a.value.right+36,y:a.value.top,width:36,height:M.value,rx:t.value.style.legend.scaleBorderRadius,fill:`url(#colorScaleVertical_${k.value})`},null,8,ze),e.createElementVNode("text",{x:a.value.right+36+18,y:a.value.top+M.value+t.value.style.legend.fontSize*2.5,"text-anchor":"middle","font-size":t.value.style.legend.fontSize*2,fill:t.value.style.legend.color},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.layout.cells.value.formatter,e.unref(o.checkNaN)(m.value),e.unref(o.dataLabel)({p:t.value.style.layout.dataLabels.prefix,v:e.unref(o.checkNaN)(m.value),s:t.value.style.layout.dataLabels.suffix,r:t.value.style.legend.roundingValue}))),9,Ae),g.value!==null?(e.openBlock(),e.createElementBlock("line",{key:0,stroke:e.unref(o.adaptColorToBackground)(_.value.datapoint.color),"stroke-width":"2",x1:a.value.right+36,x2:a.value.right+72,y1:C.value,y2:C.value},null,8,Te)):e.createCommentVNode("",!0),g.value!==null?(e.openBlock(),e.createElementBlock("path",{key:1,fill:t.value.style.color,stroke:"none",d:`M ${a.value.right+36},${C.value} ${a.value.right+26},${C.value-8} ${a.value.right+26},${C.value+8}z`},null,8,Me)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.value.style.legend.show&&$.value==="bottom"?(e.openBlock(),e.createElementBlock("g",Pe,[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",Fe,[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.style.layout.cells.colors.cold},null,8,Oe),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.layout.cells.colors.hot},null,8,De)])]),e.createElementVNode("rect",{x:a.value.left,y:a.value.bottom+t.value.style.layout.cells.height,width:p.value.width-a.value.left-t.value.style.layout.padding.right,height:t.value.style.layout.cells.height,rx:t.value.style.legend.scaleBorderRadius>t.value.style.layout.cells.height/2?t.value.style.layout.cells.height/2:t.value.style.legend.scaleBorderRadius,fill:"url(#colorScaleHorizontal)"},null,8,Ie),e.createElementVNode("text",{x:a.value.left,y:a.value.bottom+t.value.style.layout.cells.height*2+t.value.style.legend.fontSize*2,"text-anchor":"start","font-size":t.value.style.legend.fontSize*2,fill:t.value.style.legend.color},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.layout.cells.value.formatter,e.unref(o.checkNaN)(m.value),e.unref(o.dataLabel)({p:t.value.style.layout.dataLabels.prefix,v:e.unref(o.checkNaN)(m.value),s:t.value.style.layout.dataLabels.suffix,r:t.value.style.legend.roundingValue}))),9,Re),e.createElementVNode("text",{x:a.value.right,y:a.value.bottom+t.value.style.layout.cells.height*2+t.value.style.legend.fontSize*2,"text-anchor":"end","font-size":t.value.style.legend.fontSize*2,fill:t.value.style.legend.color},e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.layout.cells.value.formatter,e.unref(o.checkNaN)(v.value),e.unref(o.dataLabel)({p:t.value.style.layout.dataLabels.prefix,v:e.unref(o.checkNaN)(v.value),s:t.value.style.layout.dataLabels.suffix,r:t.value.style.legend.roundingValue}))),9,qe),g.value!==null?(e.openBlock(),e.createElementBlock("line",{key:0,stroke:e.unref(o.adaptColorToBackground)(_.value.datapoint.color),"stroke-width":"2",x1:N.value,x2:N.value,y1:a.value.bottom+t.value.style.layout.cells.height,y2:a.value.bottom+t.value.style.layout.cells.height*2},null,8,He)):e.createCommentVNode("",!0),g.value!==null?(e.openBlock(),e.createElementBlock("path",{key:1,fill:t.value.style.color,stroke:"none",d:`M ${N.value},${a.value.bottom+t.value.style.layout.cells.height} ${N.value-12},${a.value.bottom+t.value.style.layout.cells.height-20} ${N.value+12},${a.value.bottom+t.value.style.layout.cells.height-20}z`},null,8,Ue)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:p.value},void 0,!0)],14,ge)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ge,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(U)||e.unref(G)})),void 0,!0)])):e.createCommentVNode("",!0),V.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ie.default,{key:4,config:{type:"heatmap",style:{backgroundColor:t.value.style.backgroundColor,heatmap:{color:"#CCCCCC"}}}},null,8,["config"])),e.createVNode(re._sfc_main,{show:y.value.showTooltip&&z.value,backgroundColor:t.value.style.tooltip.backgroundColor,color:t.value.style.tooltip.color,borderRadius:t.value.style.tooltip.borderRadius,borderColor:t.value.style.tooltip.borderColor,borderWidth:t.value.style.tooltip.borderWidth,fontSize:t.value.style.tooltip.fontSize,backgroundOpacity:t.value.style.tooltip.backgroundOpacity,position:t.value.style.tooltip.position,offsetY:t.value.style.tooltip.offsetY,parent:S.value,content:A.value,isCustom:t.value.style.tooltip.customFormat&&typeof t.value.style.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({..._.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({..._.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isCustom"]),V.value?(e.openBlock(),e.createBlock(ce.default,{key:5,hideDetails:"",config:{open:y.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.backgroundColor,color:t.value.style.color},head:{backgroundColor:t.value.style.backgroundColor,color:t.value.style.color}}},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"tableContainer",ref:I,class:"vue-ui-heatmap-table"},[e.createElementVNode("div",{style:"width:100%;overflow-x:auto;padding-top:36px;position:relative",class:e.normalizeClass({"vue-ui-responsive":R.value})},[e.createElementVNode("div",{role:"button",tabindex:"0",style:e.normalizeStyle(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${t.value.table.th.backgroundColor};`),onClick:s[1]||(s[1]=u=>y.value.showTable=!1),onKeypress:s[2]||(s[2]=e.withKeys(u=>y.value.showTable=!1,["enter"]))},[e.createVNode(de.default,{name:"close",stroke:t.value.table.th.color,"stroke-width":2},null,8,["stroke"])],36),e.createElementVNode("table",Xe,[e.createElementVNode("caption",{style:e.normalizeStyle(`backgroundColor:${t.value.table.th.backgroundColor};color:${t.value.table.th.color};outline:${t.value.table.th.outline}`)},[e.createTextVNode(e.toDisplayString(t.value.style.title.text)+" ",1),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("span",je,e.toDisplayString(t.value.style.title.subtitle.text),1)):e.createCommentVNode("",!0)],4),e.createElementVNode("thead",null,[e.createElementVNode("tr",{role:"row",style:e.normalizeStyle(`background:${t.value.table.th.backgroundColor};color:${t.value.table.th.color}`)},[e.createElementVNode("th",{style:e.normalizeStyle(`outline:${t.value.table.th.outline};padding-right:6px`)},null,4),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.dataset,(u,r)=>(e.openBlock(),e.createElementBlock("th",{align:"right",style:e.normalizeStyle(`outline:${t.value.table.th.outline};padding-right:6px`)},e.toDisplayString(u.name),5))),256))],4)]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value.xLabels,(u,r)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",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}),style:e.normalizeStyle(`background:${t.value.table.td.backgroundColor};color:${t.value.table.td.color}`)},[e.createElementVNode("td",{"data-cell":t.value.table.colNames.xAxis,class:"vue-ui-data-table__tbody__td",style:e.normalizeStyle(`outline:${t.value.table.td.outline}`)},[e.createElementVNode("div",We,e.toDisplayString(u),1)],12,Ye),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.dataset,(d,c)=>(e.openBlock(),e.createElementBlock("td",{class:"vue-ui-data-table__tbody__td","data-cell":B.dataset[c].name,style:e.normalizeStyle(`outline:${t.value.table.td.outline}`)},[e.createElementVNode("div",Je,e.toDisplayString(isNaN(d.values[r])?"-":e.unref(o.dataLabel)({p:t.value.style.layout.dataLabels.prefix,v:d.values[r],s:t.value.style.layout.dataLabels.suffix,r:t.value.table.td.roundingValue})),1)],12,Ke))),256))],6))),256))])])],2)],512)]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,pe))}},Ze=ye._export_sfc(Qe,[["__scopeId","data-v-c67467bd"]]);exports.default=Ze;

package/dist/{vue-ui-kpi-D6Myg0y1.cjs → vue-ui-kpi-Cmo9J7wp.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("./useNestedProp-DlCe_zZz.cjs"),u=require("./index-B8EMsnjU.cjs"),p=require("./vue-ui-digits-3Q6uZCzD.cjs"),y={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const o=n,{vue_ui_kpi:m}=u.useConfig(),e=a.computed({get:()=>i(),set:t=>t});function i(){return g.useNestedProp({userConfig:o.config,defaultConfig:m})}a.watch(()=>o.config,t=>{e.value=i(),r()},{deep:!0});const f=a.ref((typeof o.dataset=="number",o.dataset)),l=a.ref(e.value.useAnimation?e.value.animationValueStart:f.value),s=t=>{const v=e.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};a.onMounted(()=>{r()});function r(){e.value.useAnimation?(l.value=e.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return a.watch(()=>o.dataset,t=>{e.value.useAnimation?s(t):l.value=t}),(t,v)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`vue-ui-kpi ${e.value.layoutClass}`),style:a.normalizeStyle(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)},[a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-title ${e.value.titleClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold?"bold":"normal"}; ${e.value.titleCss}`)},[a.renderSlot(t.$slots,"title",{comment:n.dataset}),a.createTextVNode(" "+a.toDisplayString(e.value.title),1)],6),a.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-value ${e.value.valueClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold?"bold":"normal"}; ${e.value.valueCss}`)},[a.renderSlot(t.$slots,"value",{comment:n.dataset}),e.value.analogDigits.show?(a.openBlock(),a.createElementBlock("div",{key:0,style:a.normalizeStyle({height:e.value.analogDigits.height+"px"})},[a.createVNode(p.default,{dataset:Number(l.value.toFixed(e.value.valueRounding)),config:{backgroundColor:e.value.backgroundColor,digits:{color:e.value.analogDigits.color,skeletonColor:e.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createTextVNode(a.toDisplayString(a.unref(u.applyDataLabel)(e.value.formatter,l.value,a.unref(u.dataLabel)({p:e.value.prefix,v:l.value,s:e.value.suffix,r:e.value.valueRounding}))),1)],64))],6),a.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("./useNestedProp-Bwd7mK1Z.cjs"),u=require("./index-D09qCApg.cjs"),p=require("./vue-ui-digits-wmDN7Vkf.cjs"),y={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const o=n,{vue_ui_kpi:m}=u.useConfig(),e=a.computed({get:()=>i(),set:t=>t});function i(){return g.useNestedProp({userConfig:o.config,defaultConfig:m})}a.watch(()=>o.config,t=>{e.value=i(),r()},{deep:!0});const f=a.ref((typeof o.dataset=="number",o.dataset)),l=a.ref(e.value.useAnimation?e.value.animationValueStart:f.value),s=t=>{const v=e.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};a.onMounted(()=>{r()});function r(){e.value.useAnimation?(l.value=e.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return a.watch(()=>o.dataset,t=>{e.value.useAnimation?s(t):l.value=t}),(t,v)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`vue-ui-kpi ${e.value.layoutClass}`),style:a.normalizeStyle(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)},[a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-title ${e.value.titleClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold?"bold":"normal"}; ${e.value.titleCss}`)},[a.renderSlot(t.$slots,"title",{comment:n.dataset}),a.createTextVNode(" "+a.toDisplayString(e.value.title),1)],6),a.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-value ${e.value.valueClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold?"bold":"normal"}; ${e.value.valueCss}`)},[a.renderSlot(t.$slots,"value",{comment:n.dataset}),e.value.analogDigits.show?(a.openBlock(),a.createElementBlock("div",{key:0,style:a.normalizeStyle({height:e.value.analogDigits.height+"px"})},[a.createVNode(p.default,{dataset:Number(l.value.toFixed(e.value.valueRounding)),config:{backgroundColor:e.value.backgroundColor,digits:{color:e.value.analogDigits.color,skeletonColor:e.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createTextVNode(a.toDisplayString(a.unref(u.applyDataLabel)(e.value.formatter,l.value,a.unref(u.dataLabel)({p:e.value.prefix,v:l.value,s:e.value.suffix,r:e.value.valueRounding}))),1)],64))],6),a.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=y;

package/dist/{vue-ui-kpi-CtJ3t6GX.js → vue-ui-kpi-ZPBinMiF.js}

@@ -1,7 +1,7 @@
 import { computed as N, watch as p, ref as C, onMounted as D, openBlock as i, createElementBlock as s, normalizeClass as v, normalizeStyle as u, createElementVNode as $, renderSlot as n, createTextVNode as y, toDisplayString as k, createVNode as S, Fragment as x, unref as h } from "vue";
-import { u as z } from "./useNestedProp-lmeFt-ev.js";
-import { u as A, i as w, f as B } from "./index-DQl1TFXa.js";
-import L from "./vue-ui-digits-DN6CRpXc.js";
+import { u as z } from "./useNestedProp-CrHvyupb.js";
+import { u as A, i as w, f as B } from "./index-DhJby8wL.js";
+import L from "./vue-ui-digits-gNKgZqYU.js";
 const T = {
   __name: "vue-ui-kpi",
   props: {