vue-data-ui 2.6.18 → 2.6.20

package/dist/{vue-ui-table-heatmap-DE1swMTl.js → vue-ui-table-heatmap-BcGX_vpU.js}

@@ -1,11 +1,11 @@
-import { useCssVars as j, computed as v, ref as h, useSlots as ee, onMounted as z, watch as te, createElementBlock as l, openBlock as n, unref as u, normalizeClass as E, normalizeStyle as y, createBlock as ae, createCommentVNode as c, createElementVNode as g, createSlots as oe, withCtx as C, renderSlot as r, normalizeProps as se, guardReactiveProps as ne, Fragment as _, renderList as w, mergeProps as f, createVNode as le, nextTick as re } from "vue";
-import { u as ue, c as G, a as ie, o as de, e as pe, a3 as ve, G as ce, O as me, q as fe, r as he } from "./index-Df45PKBw.js";
-import { u as B } from "./useNestedProp-BaSIdRPe.js";
-import { u as ge, U as be } from "./usePrinter-MC5pKUx5.js";
-import { _ as ye } from "./Shape-RfSE_FzV.js";
+import { useCssVars as te, computed as v, ref as h, useSlots as ae, onMounted as z, watch as oe, createElementBlock as l, openBlock as n, unref as u, normalizeClass as E, normalizeStyle as C, createBlock as se, createCommentVNode as c, createElementVNode as g, createSlots as ne, withCtx as b, renderSlot as r, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as le, nextTick as re } from "vue";
+import { u as ue, c as H, a as ie, o as de, e as pe, a3 as ve, G as ce, O as me, q as fe, r as he } from "./index-Cq7-va_5.js";
+import { u as A } from "./useNestedProp-BEyJNlaO.js";
+import { u as ge, U as be } from "./usePrinter-jRjc8Naz.js";
+import { _ as ye } from "./Shape-F5v4f45p.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell"], Oe = {
+import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _e = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell"], Oe = {
   key: 0,
   style: { display: "flex", "flex-direction": "row", gap: "2px", "align-items": "center" }
 }, xe = ["height", "width"], Fe = {
@@ -40,38 +40,38 @@ const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
       }
     }
   },
-  setup(H, { expose: A }) {
-    j((e) => ({
-      "6c961fe4": Y.value,
-      "69a6902e": Q.value
+  setup(D, { expose: L }) {
+    te((e) => ({
+      "424a6632": j.value,
+      "72127c0d": Z.value
     }));
-    const { vue_ui_table_heatmap: D } = ue(), m = H, k = h(G()), i = h(!1), b = h(null), I = h(!1), O = h(0), L = ee();
+    const { vue_ui_table_heatmap: X } = ue(), m = D, _ = h(H()), i = h(!1), y = h(null), I = h(!1), O = h(0), W = ae();
     z(() => {
-      L["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
+      W["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });
     const t = v({
       get: () => P(),
       set: (e) => e
     }), { userOptionsVisible: $, setUserOptionsVisibility: x, keepUserOptionState: F } = Ce({ config: t.value });
     function P() {
-      const e = B({
+      const e = A({
         userConfig: m.config,
-        defaultConfig: D
+        defaultConfig: X
       });
       return e.theme ? {
-        ...B({
+        ...A({
           userConfig: ie.vue_ui_table_heatmap[e.theme] || m.config,
           defaultConfig: e
         })
       } : e;
     }
-    te(() => m.config, (e) => {
+    oe(() => m.config, (e) => {
       t.value = P(), $.value = !t.value.userOptions.showOnChartHover, R();
     }, { deep: !0 });
-    const { isPrinting: X, isImaging: W, generatePdf: N, generateImage: V } = ge({
-      elementId: `table_heatmap_${k.value}`,
+    const { isPrinting: q, isImaging: J, generatePdf: N, generateImage: V } = ge({
+      elementId: `table_heatmap_${_.value}`,
       fileName: "vue-ui-table-heatmap"
-    }), q = v(() => t.value.table.responsiveBreakpoint), J = v(() => !!m.dataset && m.dataset.length);
+    }), K = v(() => t.value.table.responsiveBreakpoint), Q = v(() => !!m.dataset && m.dataset.length);
     z(() => {
       R();
     });
@@ -82,10 +82,10 @@ const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
       });
       const e = new ResizeObserver((o) => {
         o.forEach((a) => {
-          i.value = a.contentRect.width < q.value;
+          i.value = a.contentRect.width < K.value;
         });
       });
-      b.value && e.observe(b.value);
+      y.value && e.observe(y.value);
     }
     const M = v(() => m.dataset.map((e) => {
       const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, p) => s + p, 0);
@@ -100,7 +100,7 @@ const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
         average: a / o.length,
         median: ve(o),
         displayValues: [e.name, ...e.values],
-        id: G()
+        id: H()
       };
     })), S = v(() => {
       const e = M.value.flatMap((o) => o.values);
@@ -109,14 +109,14 @@ const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
         max: Math.max(...e)
       };
     });
-    function K(e, o) {
+    function Y(e, o) {
       const a = t.value.style.heatmapColors.useIndividualScale;
       return me(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? o.min : S.value.min, a ? o.max : S.value.max, e);
     }
     const T = v(() => M.value.map((e) => ({
       ...e,
-      colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : K(o, e.serieExtremes))
-    }))), Q = v(() => t.value.style.backgroundColor), Y = v(() => `${t.value.table.borderWidth}px`);
+      colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : Y(o, e.serieExtremes))
+    }))), Z = v(() => t.value.style.backgroundColor), j = v(() => `${t.value.table.borderWidth}px`);
     function U() {
       re(() => {
         const e = T.value.map((s) => [
@@ -129,78 +129,85 @@ const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
         he({ csvContent: a, title: "vue-ui-table-heatmap" });
       });
     }
-    function Z(e) {
+    function ee(e) {
       I.value = e, O.value += 1;
     }
-    return A({
+    return L({
       generatePdf: N,
       generateCsv: U,
       generateImage: V
     }), (e, o) => (n(), l("div", {
       ref_key: "tableContainer",
-      ref: b,
-      style: y(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
+      ref: y,
+      style: C(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
       class: E({ "vue-ui-responsive": i.value }),
-      id: `table_heatmap_${k.value}`,
+      id: `table_heatmap_${_.value}`,
       onMouseenter: o[0] || (o[0] = () => u(x)(!0)),
       onMouseleave: o[1] || (o[1] = () => u(x)(!1))
     }, [
-      t.value.userOptions.show && J.value && (u(F) || u($)) ? (n(), ae(be, {
+      t.value.userOptions.show && Q.value && (u(F) || u($)) ? (n(), se(be, {
         ref: "details",
         key: `user_option_${O.value}`,
         backgroundColor: t.value.style.backgroundColor,
         color: t.value.style.color,
-        isPrinting: u(X),
-        isImaging: u(W),
-        uid: k.value,
+        isPrinting: u(q),
+        isImaging: u(J),
+        uid: _.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: I.value,
         titles: { ...t.value.userOptions.buttonTitles },
-        chartElement: b.value,
+        chartElement: y.value,
         position: t.value.userOptions.position,
-        onToggleFullscreen: Z,
+        onToggleFullscreen: ee,
         onGeneratePdf: u(N),
         onGenerateCsv: U,
         onGenerateImage: u(V),
-        style: y({
+        style: C({
           visibility: u(F) ? u($) ? "visible" : "hidden" : "visible"
         })
-      }, oe({ _: 2 }, [
+      }, ne({ _: 2 }, [
+        e.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: b(({ isOpen: a, color: s }) => [
+            r(e.$slots, "menuIcon", G(B({ isOpen: a, color: s })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: C(() => [
+          fn: b(() => [
             r(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: C(() => [
+          fn: b(() => [
             r(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
-          fn: C(() => [
+          fn: b(() => [
             r(e.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: C(({ toggleFullscreen: a, isFullscreen: s }) => [
-            r(e.$slots, "optionFullscreen", se(ne({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: b(({ toggleFullscreen: a, isFullscreen: s }) => [
+            r(e.$slots, "optionFullscreen", G(B({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       g("table", {
         class: E({ "vue-ui-table-heatmap": !0 }),
-        style: y(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
+        style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
       }, [
         g("caption", null, [
           r(e.$slots, "caption", {}, void 0, !0)
@@ -208,16 +215,16 @@ const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
         g("thead", null, [
           g("tr", {
             role: "row",
-            style: y(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
+            style: C(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
-            (n(!0), l(_, null, w(t.value.table.head.values, (a, s) => (n(), l("th", Ie, [
+            (n(!0), l(k, null, w(t.value.table.head.values, (a, s) => (n(), l("th", Ie, [
               r(e.$slots, "head", f({ ref_for: !0 }, { value: a, rowIndex: s, type: typeof a, isResponsive: i.value }), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
         g("tbody", null, [
-          (n(!0), l(_, null, w(T.value, (a, s) => (n(), l("tr", $e, [
-            (n(!0), l(_, null, w(a.displayValues, (p, d) => (n(), l("td", {
+          (n(!0), l(k, null, w(T.value, (a, s) => (n(), l("tr", $e, [
+            (n(!0), l(k, null, w(a.displayValues, (p, d) => (n(), l("td", {
               role: "cell",
               "data-cell": t.value.table.head.values[d]
             }, [
@@ -237,7 +244,7 @@ const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
                   }, null, 8, ["color", "shape"])
                 ], 8, xe)) : c("", !0),
                 r(e.$slots, "rowTitle", f({ ref_for: !0 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value }), void 0, !0)
-              ])) : (n(), l(_, { key: 1 }, [
+              ])) : (n(), l(k, { key: 1 }, [
                 d === 0 ? r(e.$slots, "rowTitle", f({
                   key: 0,
                   ref_for: !0
@@ -263,9 +270,9 @@ const ke = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell
       e.$slots.source ? (n(), l("div", Ve, [
         r(e.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0)
-    ], 46, ke));
+    ], 46, _e));
   }
-}, Be = /* @__PURE__ */ _e(Re, [["__scopeId", "data-v-9642b9bf"]]);
+}, Be = /* @__PURE__ */ ke(Re, [["__scopeId", "data-v-a45c7e69"]]);
 export {
   Be as default
 };

package/dist/{vue-ui-table-heatmap-fALEi4E_.cjs → vue-ui-table-heatmap-qVmiG576.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-CkqI12gj.cjs"),$=require("./useNestedProp-B5QzQ7cl.cjs"),w=require("./usePrinter-DB2FudbZ.cjs"),q=require("./Shape-J26jxMZ5.cjs"),G=require("./useUserOptionState-BgepsfED.cjs"),H=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),L=["id"],A={role:"cell"},D={role:"row"},X=["data-cell"],W={key:0,style:{display:"flex","flex-direction":"row",gap:"2px","align-items":"center"}},J=["height","width"],K={key:0,role:"cell","data-cell":"sum"},Q={key:1,role:"cell","data-cell":"average"},Y={key:2,role:"cell","data-cell":"median"},Z={key:1,ref:"source",dir:"auto"},j={__name:"vue-ui-table-heatmap",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(N,{expose:P}){e.useCssVars(t=>({"6c961fe4":T.value,"69a6902e":R.value}));const{vue_ui_table_heatmap:E}=a.useConfig(),d=N,p=e.ref(a.createUid()),s=e.ref(!1),c=e.ref(null),m=e.ref(!1),f=e.ref(0),V=e.useSlots();e.onMounted(()=>{V["chart-background"]&&console.warn("VueUiTableHeatmap does not support the #chart-background slot.")});const o=e.computed({get:()=>b(),set:t=>t}),{userOptionsVisible:v,setUserOptionsVisibility:g,keepUserOptionState:h}=G.useUserOptionState({config:o.value});function b(){const t=$.useNestedProp({userConfig:d.config,defaultConfig:E});return t.theme?{...$.useNestedProp({userConfig:a.themes.vue_ui_table_heatmap[t.theme]||d.config,defaultConfig:t})}:t}e.watch(()=>d.config,t=>{o.value=b(),v.value=!o.value.userOptions.showOnChartHover,C()},{deep:!0});const{isPrinting:x,isImaging:O,generatePdf:y,generateImage:k}=w.usePrinter({elementId:`table_heatmap_${p.value}`,fileName:"vue-ui-table-heatmap"}),F=e.computed(()=>o.value.table.responsiveBreakpoint),z=e.computed(()=>!!d.dataset&&d.dataset.length);e.onMounted(()=>{C()});function C(){a.objectIsEmpty(d.dataset)&&a.error({componentName:"VueUiTableHeatmap",type:"dataset"});const t=new ResizeObserver(r=>{r.forEach(n=>{s.value=n.contentRect.width<F.value})});c.value&&t.observe(c.value)}const _=e.computed(()=>d.dataset.map(t=>{const r=t.values.map(l=>isNaN(l)?0:l),n=r.reduce((l,i)=>l+i,0);return{...t,values:r,serieExtremes:{max:Math.max(...r),min:Math.min(...r)},sum:n,average:n/r.length,median:a.calcMedian(r),displayValues:[t.name,...t.values],id:a.createUid()}})),B=e.computed(()=>{const t=_.value.flatMap(r=>r.values);return{min:Math.min(...t),max:Math.max(...t)}});function M(t,r){const n=o.value.style.heatmapColors.useIndividualScale;return a.interpolateColorHex(o.value.style.heatmapColors.min,o.value.style.heatmapColors.max,n?r.min:B.value.min,n?r.max:B.value.max,t)}const I=e.computed(()=>_.value.map(t=>({...t,colors:t.displayValues.map(r=>isNaN(r)?o.value.style.backgroundColor:M(r,t.serieExtremes))}))),R=e.computed(()=>o.value.style.backgroundColor),T=e.computed(()=>`${o.value.table.borderWidth}px`);function S(){e.nextTick(()=>{const t=I.value.map(l=>[[l.name],l.displayValues,[l.sum],[l.average],[l.median]]),r=[[[""],o.value.table.head.values,["sum"],["average"],["median"]]].concat(t),n=a.createCsvContent(r);a.downloadCsv({csvContent:n,title:"vue-ui-table-heatmap"})})}function U(t){m.value=t,f.value+=1}return P({generatePdf:y,generateCsv:S,generateImage:k}),(t,r)=>(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}`,onMouseenter:r[0]||(r[0]=()=>e.unref(g)(!0)),onMouseleave:r[1]||(r[1]=()=>e.unref(g)(!1))},[o.value.userOptions.show&&z.value&&(e.unref(h)||e.unref(v))?(e.openBlock(),e.createBlock(w.UserOptions,{ref:"details",key:`user_option_${f.value}`,backgroundColor:o.value.style.backgroundColor,color:o.value.style.color,isPrinting:e.unref(x),isImaging:e.unref(O),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:U,onGeneratePdf:e.unref(y),onGenerateCsv:S,onGenerateImage:e.unref(k),style:e.normalizeStyle({visibility:e.unref(h)?e.unref(v)?"visible":"hidden":"visible"})},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:l})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:l})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage","style"])):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,l)=>(e.openBlock(),e.createElementBlock("th",A,[e.renderSlot(t.$slots,"head",e.mergeProps({ref_for:!0},{value:n,rowIndex:l,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(I.value,(n,l)=>(e.openBlock(),e.createElementBlock("tr",D,[(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",W,[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(q._sfc_main,{plot:{x:10,y:10},color:n.color,radius:9,shape:n.shape||"circle"},null,8,["color","shape"])],8,J)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"rowTitle",e.mergeProps({ref_for:!0},{value:i,rowIndex:l,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.mergeProps({key:0,ref_for:!0},{value:i,rowIndex:l,colIndex:u,type:typeof i,isResponsive:s.value}),void 0,!0):e.createCommentVNode("",!0),u>0?e.renderSlot(t.$slots,"cell",e.mergeProps({key:1,ref_for:!0},{value:i,rowIndex:l,colIndex:u,type:typeof i,isResponsive:s.value,color:n.colors[u],textColor:e.unref(a.adaptColorToBackground)(n.colors[u])}),void 0,!0):e.createCommentVNode("",!0)],64))],8,X))),256)),o.value.table.showSum?(e.openBlock(),e.createElementBlock("td",K,[e.renderSlot(t.$slots,"sum",e.mergeProps({ref_for:!0},{value:n.sum,rowIndex:l,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showAverage?(e.openBlock(),e.createElementBlock("td",Q,[e.renderSlot(t.$slots,"average",e.mergeProps({ref_for:!0},{value:n.average,rowIndex:l,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showMedian?(e.openBlock(),e.createElementBlock("td",Y,[e.renderSlot(t.$slots,"median",e.mergeProps({ref_for:!0},{value:n.median,rowIndex:l,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0)]))),256))])],4),t.$slots.source?(e.openBlock(),e.createElementBlock("div",Z,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],46,L))}},ee=H._export_sfc(j,[["__scopeId","data-v-9642b9bf"]]);exports.default=ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-CmhvuQro.cjs"),$=require("./useNestedProp-CnH-XcZU.cjs"),w=require("./usePrinter-DhZH4pcR.cjs"),q=require("./Shape-gLknKTb6.cjs"),G=require("./useUserOptionState-BgepsfED.cjs"),H=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),L=["id"],A={role:"cell"},D={role:"row"},X=["data-cell"],W={key:0,style:{display:"flex","flex-direction":"row",gap:"2px","align-items":"center"}},J=["height","width"],K={key:0,role:"cell","data-cell":"sum"},Q={key:1,role:"cell","data-cell":"average"},Y={key:2,role:"cell","data-cell":"median"},Z={key:1,ref:"source",dir:"auto"},j={__name:"vue-ui-table-heatmap",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(P,{expose:N}){e.useCssVars(t=>({"424a6632":T.value,"72127c0d":R.value}));const{vue_ui_table_heatmap:E}=l.useConfig(),d=P,p=e.ref(l.createUid()),s=e.ref(!1),c=e.ref(null),m=e.ref(!1),f=e.ref(0),V=e.useSlots();e.onMounted(()=>{V["chart-background"]&&console.warn("VueUiTableHeatmap does not support the #chart-background slot.")});const o=e.computed({get:()=>y(),set:t=>t}),{userOptionsVisible:v,setUserOptionsVisibility:g,keepUserOptionState:h}=G.useUserOptionState({config:o.value});function y(){const t=$.useNestedProp({userConfig:d.config,defaultConfig:E});return t.theme?{...$.useNestedProp({userConfig:l.themes.vue_ui_table_heatmap[t.theme]||d.config,defaultConfig:t})}:t}e.watch(()=>d.config,t=>{o.value=y(),v.value=!o.value.userOptions.showOnChartHover,C()},{deep:!0});const{isPrinting:x,isImaging:O,generatePdf:k,generateImage:b}=w.usePrinter({elementId:`table_heatmap_${p.value}`,fileName:"vue-ui-table-heatmap"}),F=e.computed(()=>o.value.table.responsiveBreakpoint),z=e.computed(()=>!!d.dataset&&d.dataset.length);e.onMounted(()=>{C()});function C(){l.objectIsEmpty(d.dataset)&&l.error({componentName:"VueUiTableHeatmap",type:"dataset"});const t=new ResizeObserver(r=>{r.forEach(n=>{s.value=n.contentRect.width<F.value})});c.value&&t.observe(c.value)}const _=e.computed(()=>d.dataset.map(t=>{const r=t.values.map(a=>isNaN(a)?0:a),n=r.reduce((a,i)=>a+i,0);return{...t,values:r,serieExtremes:{max:Math.max(...r),min:Math.min(...r)},sum:n,average:n/r.length,median:l.calcMedian(r),displayValues:[t.name,...t.values],id:l.createUid()}})),B=e.computed(()=>{const t=_.value.flatMap(r=>r.values);return{min:Math.min(...t),max:Math.max(...t)}});function M(t,r){const n=o.value.style.heatmapColors.useIndividualScale;return l.interpolateColorHex(o.value.style.heatmapColors.min,o.value.style.heatmapColors.max,n?r.min:B.value.min,n?r.max:B.value.max,t)}const I=e.computed(()=>_.value.map(t=>({...t,colors:t.displayValues.map(r=>isNaN(r)?o.value.style.backgroundColor:M(r,t.serieExtremes))}))),R=e.computed(()=>o.value.style.backgroundColor),T=e.computed(()=>`${o.value.table.borderWidth}px`);function S(){e.nextTick(()=>{const t=I.value.map(a=>[[a.name],a.displayValues,[a.sum],[a.average],[a.median]]),r=[[[""],o.value.table.head.values,["sum"],["average"],["median"]]].concat(t),n=l.createCsvContent(r);l.downloadCsv({csvContent:n,title:"vue-ui-table-heatmap"})})}function U(t){m.value=t,f.value+=1}return N({generatePdf:k,generateCsv:S,generateImage:b}),(t,r)=>(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}`,onMouseenter:r[0]||(r[0]=()=>e.unref(g)(!0)),onMouseleave:r[1]||(r[1]=()=>e.unref(g)(!1))},[o.value.userOptions.show&&z.value&&(e.unref(h)||e.unref(v))?(e.openBlock(),e.createBlock(w.UserOptions,{ref:"details",key:`user_option_${f.value}`,backgroundColor:o.value.style.backgroundColor,color:o.value.style.color,isPrinting:e.unref(x),isImaging:e.unref(O),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:U,onGeneratePdf:e.unref(k),onGenerateCsv:S,onGenerateImage:e.unref(b),style:e.normalizeStyle({visibility:e.unref(h)?e.unref(v)?"visible":"hidden":"visible"})},e.createSlots({_:2},[t.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:n,color:a})=>[e.renderSlot(t.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:n,color:a})),void 0,!0)]),key:"0"}:void 0,t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"3"}: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:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage","style"])):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",A,[e.renderSlot(t.$slots,"head",e.mergeProps({ref_for:!0},{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(I.value,(n,a)=>(e.openBlock(),e.createElementBlock("tr",D,[(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",W,[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(q._sfc_main,{plot:{x:10,y:10},color:n.color,radius:9,shape:n.shape||"circle"},null,8,["color","shape"])],8,J)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"rowTitle",e.mergeProps({ref_for:!0},{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.mergeProps({key:0,ref_for:!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.mergeProps({key:1,ref_for:!0},{value:i,rowIndex:a,colIndex:u,type:typeof i,isResponsive:s.value,color:n.colors[u],textColor:e.unref(l.adaptColorToBackground)(n.colors[u])}),void 0,!0):e.createCommentVNode("",!0)],64))],8,X))),256)),o.value.table.showSum?(e.openBlock(),e.createElementBlock("td",K,[e.renderSlot(t.$slots,"sum",e.mergeProps({ref_for:!0},{value:n.sum,rowIndex:a,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showAverage?(e.openBlock(),e.createElementBlock("td",Q,[e.renderSlot(t.$slots,"average",e.mergeProps({ref_for:!0},{value:n.average,rowIndex:a,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showMedian?(e.openBlock(),e.createElementBlock("td",Y,[e.renderSlot(t.$slots,"median",e.mergeProps({ref_for:!0},{value:n.median,rowIndex:a,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0)]))),256))])],4),t.$slots.source?(e.openBlock(),e.createElementBlock("div",Z,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],46,L))}},ee=H._export_sfc(j,[["__scopeId","data-v-a45c7e69"]]);exports.default=ee;