vue-data-ui 2.4.58 → 2.4.60

package/dist/{vue-ui-table-heatmap-Bv0EfTut.js → vue-ui-table-heatmap-BuYlqsq9.js}

@@ -1,30 +1,30 @@
-import { useCssVars as j, ref as g, computed as p, watch as ee, onMounted as te, openBlock as n, createElementBlock as l, normalizeStyle as C, normalizeClass as E, unref as u, createBlock as ae, createSlots as oe, withCtx as k, renderSlot as r, normalizeProps as c, guardReactiveProps as h, createCommentVNode as m, createElementVNode as y, Fragment as _, renderList as x, createVNode as se, mergeProps as G, nextTick as ne } from "vue";
-import { u as le, c as B, t as re, o as ue, e as ie, $ as de, G as ve, N as pe, q as ce, r as me } from "./index-BSzkwF5n.js";
-import { u as A } from "./useNestedProp-BWC_DPZ5.js";
-import { u as fe, U as he } from "./usePrinter-DtwWejoO.js";
-import { _ as ge } from "./Shape-CXTDY_Vo.js";
-import { u as ye } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell"], Ie = {
+import { useCssVars as te, ref as g, useSlots as ae, onMounted as E, computed as v, watch as oe, openBlock as n, createElementBlock as l, normalizeStyle as C, normalizeClass as G, unref as u, createBlock as se, createSlots as ne, withCtx as k, renderSlot as r, normalizeProps as c, guardReactiveProps as h, createCommentVNode as m, createElementVNode as b, Fragment as _, renderList as x, createVNode as le, mergeProps as B, nextTick as re } from "vue";
+import { u as ue, c as H, t as ie, o as de, e as pe, $ as ve, G as ce, N as me, q as fe, r as he } from "./index-D7dTQAhm.js";
+import { u as A } from "./useNestedProp-Dqsj7eUX.js";
+import { u as ge, U as be } from "./usePrinter-B_Ihuvge.js";
+import { _ as ye } from "./Shape-DnqZey62.js";
+import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _e = ["id"], $e = { role: "cell" }, Ie = { role: "row" }, we = ["data-cell"], xe = {
   key: 0,
   style: { display: "flex", "flex-direction": "row", gap: "2px", "align-items": "center" }
-}, we = ["height", "width"], xe = {
+}, Oe = ["height", "width"], Fe = {
   key: 0,
   role: "cell",
   "data-cell": "sum"
-}, Oe = {
+}, Pe = {
   key: 1,
   role: "cell",
   "data-cell": "average"
-}, Fe = {
+}, Ne = {
   key: 2,
   role: "cell",
   "data-cell": "median"
-}, Pe = {
+}, Ve = {
   key: 1,
   ref: "source",
   dir: "auto"
-}, Ne = {
+}, Re = {
   __name: "vue-ui-table-heatmap",
   props: {
     config: {
@@ -40,52 +40,56 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
       }
     }
   },
-  setup(D, { expose: H }) {
+  setup(D, { expose: L }) {
     const f = D;
-    j((e) => ({
-      "71b0617e": Y.value,
-      "08e6c59c": Q.value
+    te((e) => ({
+      "51ba93f2": j.value,
+      "63946c66": Z.value
     }));
-    const { vue_ui_table_heatmap: L } = le(), $ = g(B()), i = g(!1), b = g(null), I = g(!1), O = g(0), t = p({
+    const { vue_ui_table_heatmap: X } = ue(), $ = g(H()), i = g(!1), y = g(null), I = g(!1), O = g(0), W = ae();
+    E(() => {
+      W["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
+    });
+    const t = v({
       get: () => N(),
       set: (e) => e
-    }), { userOptionsVisible: w, setUserOptionsVisibility: F, keepUserOptionState: P } = ye({ config: t.value });
+    }), { userOptionsVisible: w, setUserOptionsVisibility: F, keepUserOptionState: P } = Ce({ config: t.value });
     function N() {
       const e = A({
         userConfig: f.config,
-        defaultConfig: L
+        defaultConfig: X
       });
       return e.theme ? {
         ...A({
-          userConfig: re.vue_ui_table_heatmap[e.theme] || f.config,
+          userConfig: ie.vue_ui_table_heatmap[e.theme] || f.config,
           defaultConfig: e
         })
       } : e;
     }
-    ee(() => f.config, (e) => {
+    oe(() => f.config, (e) => {
       t.value = N(), w.value = !t.value.showOnChartHover, M();
     }, { deep: !0 });
-    const { isPrinting: X, isImaging: W, generatePdf: R, generateImage: V } = fe({
+    const { isPrinting: q, isImaging: J, generatePdf: V, generateImage: R } = ge({
       elementId: `table_heatmap_${$.value}`,
       fileName: "vue-ui-table-heatmap"
-    }), q = p(() => t.value.table.responsiveBreakpoint), J = p(() => !!f.dataset && f.dataset.length);
-    te(() => {
+    }), K = v(() => t.value.table.responsiveBreakpoint), Q = v(() => !!f.dataset && f.dataset.length);
+    E(() => {
       M();
     });
     function M() {
-      ue(f.dataset) && ie({
+      de(f.dataset) && pe({
         componentName: "VueUiTableHeatmap",
         type: "dataset"
       });
       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 S = p(() => f.dataset.map((e) => {
-      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, v) => s + v, 0);
+    const S = v(() => f.dataset.map((e) => {
+      const o = e.values.map((s) => isNaN(s) ? 0 : s), a = o.reduce((s, p) => s + p, 0);
       return {
         ...e,
         values: o,
@@ -95,60 +99,60 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
         },
         sum: a,
         average: a / o.length,
-        median: de(o),
+        median: ve(o),
         displayValues: [e.name, ...e.values],
-        id: B()
+        id: H()
       };
-    })), T = p(() => {
+    })), T = v(() => {
       const e = S.value.flatMap((o) => o.values);
       return {
         min: Math.min(...e),
         max: Math.max(...e)
       };
     });
-    function K(e, o) {
+    function Y(e, o) {
       const a = t.value.style.heatmapColors.useIndividualScale;
-      return pe(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? o.min : T.value.min, a ? o.max : T.value.max, e);
+      return me(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? o.min : T.value.min, a ? o.max : T.value.max, e);
     }
-    const U = p(() => S.value.map((e) => ({
+    const U = v(() => S.value.map((e) => ({
       ...e,
-      colors: e.displayValues.map((o) => isNaN(o) ? t.value.style.backgroundColor : K(o, e.serieExtremes))
-    }))), Q = p(() => t.value.style.backgroundColor), Y = p(() => `${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 z() {
-      ne(() => {
+      re(() => {
         const e = U.value.map((s) => [
           [s.name],
           s.displayValues,
           [s.sum],
           [s.average],
           [s.median]
-        ]), o = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), a = ce(o);
-        me({ csvContent: a, title: "vue-ui-table-heatmap" });
+        ]), o = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), a = fe(o);
+        he({ csvContent: a, title: "vue-ui-table-heatmap" });
       });
     }
-    function Z(e) {
+    function ee(e) {
       I.value = e, O.value += 1;
     }
-    return H({
-      generatePdf: R,
+    return L({
+      generatePdf: V,
       generateCsv: z,
-      generateImage: V
+      generateImage: R
     }), (e, o) => (n(), l("div", {
       ref_key: "tableContainer",
-      ref: b,
+      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 }),
+      class: G({ "vue-ui-responsive": i.value }),
       id: `table_heatmap_${$.value}`,
       onMouseenter: o[0] || (o[0] = () => u(F)(!0)),
       onMouseleave: o[1] || (o[1] = () => u(F)(!1))
     }, [
-      t.value.userOptions.show && J.value && (u(P) || u(w)) ? (n(), ae(he, {
+      t.value.userOptions.show && Q.value && (u(P) || u(w)) ? (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),
+        isPrinting: u(q),
+        isImaging: u(J),
         uid: $.value,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasXls: t.value.userOptions.buttons.csv,
@@ -156,16 +160,16 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
         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,
-        onGeneratePdf: u(R),
+        onToggleFullscreen: ee,
+        onGeneratePdf: u(V),
         onGenerateCsv: z,
-        onGenerateImage: u(V),
+        onGenerateImage: u(R),
         style: C({
           visibility: u(P) ? u(w) ? "visible" : "hidden" : "visible"
         })
-      }, oe({ _: 2 }, [
+      }, ne({ _: 2 }, [
         e.$slots.optionPdf ? {
           name: "optionPdf",
           fn: k(() => [
@@ -195,30 +199,30 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
           key: "3"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
-      y("table", {
-        class: E({ "vue-ui-table-heatmap": !0 }),
+      b("table", {
+        class: G({ "vue-ui-table-heatmap": !0 }),
         style: C(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
       }, [
-        y("caption", null, [
+        b("caption", null, [
           r(e.$slots, "caption", {}, void 0, !0)
         ]),
-        y("thead", null, [
-          y("tr", {
+        b("thead", null, [
+          b("tr", {
             role: "row",
             style: C(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
           }, [
-            (n(!0), l(_, null, x(t.value.table.head.values, (a, s) => (n(), l("th", ke, [
+            (n(!0), l(_, null, x(t.value.table.head.values, (a, s) => (n(), l("th", $e, [
               r(e.$slots, "head", c(h({ value: a, rowIndex: s, type: typeof a, isResponsive: i.value })), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
-        y("tbody", null, [
-          (n(!0), l(_, null, x(U.value, (a, s) => (n(), l("tr", _e, [
-            (n(!0), l(_, null, x(a.displayValues, (v, d) => (n(), l("td", {
+        b("tbody", null, [
+          (n(!0), l(_, null, x(U.value, (a, s) => (n(), l("tr", Ie, [
+            (n(!0), l(_, null, x(a.displayValues, (p, d) => (n(), l("td", {
               role: "cell",
               "data-cell": t.value.table.head.values[d]
             }, [
-              a.color && d === 0 ? (n(), l("div", Ie, [
+              a.color && d === 0 ? (n(), l("div", xe, [
                 a.color ? (n(), l("svg", {
                   key: 0,
                   height: t.value.style.shapeSize,
@@ -226,37 +230,37 @@ const Ce = ["id"], ke = { role: "cell" }, _e = { role: "row" }, $e = ["data-cell
                   viewBox: "0 0 20 20",
                   style: { background: "none", overflow: "visible" }
                 }, [
-                  se(ge, {
+                  le(ye, {
                     plot: { x: 10, y: 10 },
                     color: a.color,
                     radius: 9,
                     shape: a.shape || "circle"
                   }, null, 8, ["color", "shape"])
-                ], 8, we)) : m("", !0),
-                r(e.$slots, "rowTitle", c(h({ value: v, rowIndex: s, colIndex: d, type: typeof v, isResponsive: i.value })), void 0, !0)
+                ], 8, Oe)) : m("", !0),
+                r(e.$slots, "rowTitle", c(h({ value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value })), void 0, !0)
               ])) : (n(), l(_, { key: 1 }, [
-                d === 0 ? r(e.$slots, "rowTitle", c(G({ key: 0 }, { value: v, rowIndex: s, colIndex: d, type: typeof v, isResponsive: i.value })), void 0, !0) : m("", !0),
-                d > 0 ? r(e.$slots, "cell", c(G({ key: 1 }, { value: v, rowIndex: s, colIndex: d, type: typeof v, isResponsive: i.value, color: a.colors[d], textColor: u(ve)(a.colors[d]) })), void 0, !0) : m("", !0)
+                d === 0 ? r(e.$slots, "rowTitle", c(B({ key: 0 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value })), void 0, !0) : m("", !0),
+                d > 0 ? r(e.$slots, "cell", c(B({ key: 1 }, { value: p, rowIndex: s, colIndex: d, type: typeof p, isResponsive: i.value, color: a.colors[d], textColor: u(ce)(a.colors[d]) })), void 0, !0) : m("", !0)
               ], 64))
-            ], 8, $e))), 256)),
-            t.value.table.showSum ? (n(), l("td", xe, [
+            ], 8, we))), 256)),
+            t.value.table.showSum ? (n(), l("td", Fe, [
               r(e.$slots, "sum", c(h({ value: a.sum, rowIndex: s, isResponsive: i.value })), void 0, !0)
             ])) : m("", !0),
-            t.value.table.showAverage ? (n(), l("td", Oe, [
+            t.value.table.showAverage ? (n(), l("td", Pe, [
               r(e.$slots, "average", c(h({ value: a.average, rowIndex: s, isResponsive: i.value })), void 0, !0)
             ])) : m("", !0),
-            t.value.table.showMedian ? (n(), l("td", Fe, [
+            t.value.table.showMedian ? (n(), l("td", Ne, [
               r(e.$slots, "median", c(h({ value: a.median, rowIndex: s, isResponsive: i.value })), void 0, !0)
             ])) : m("", !0)
           ]))), 256))
         ])
       ], 4),
-      e.$slots.source ? (n(), l("div", Pe, [
+      e.$slots.source ? (n(), l("div", Ve, [
         r(e.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0)
-    ], 46, Ce));
+    ], 46, _e));
   }
-}, Ee = /* @__PURE__ */ be(Ne, [["__scopeId", "data-v-d7c8a9cf"]]);
+}, Be = /* @__PURE__ */ ke(Re, [["__scopeId", "data-v-4469b342"]]);
 export {
-  Ee as default
+  Be as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-CgZGelSi.cjs"),S=require("./useNestedProp-BxCE3J3Z.cjs"),$=require("./usePrinter-sTw1FdN_.cjs"),q=require("./Shape-y66NSXKp.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(w,{expose:N}){const d=w;e.useCssVars(t=>({"51ba93f2":T.value,"63946c66":M.value}));const{vue_ui_table_heatmap:E}=l.useConfig(),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:()=>b(),set:t=>t}),{userOptionsVisible:v,setUserOptionsVisibility:g,keepUserOptionState:h}=G.useUserOptionState({config:o.value});function b(){const t=S.useNestedProp({userConfig:d.config,defaultConfig:E});return t.theme?{...S.useNestedProp({userConfig:l.themes.vue_ui_table_heatmap[t.theme]||d.config,defaultConfig:t})}:t}e.watch(()=>d.config,t=>{o.value=b(),v.value=!o.value.showOnChartHover,C()},{deep:!0});const{isPrinting:x,isImaging:O,generatePdf:y,generateImage:k}=$.usePrinter({elementId:`table_heatmap_${p.value}`,fileName:"vue-ui-table-heatmap"}),z=e.computed(()=>o.value.table.responsiveBreakpoint),F=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(a=>{a.forEach(n=>{s.value=n.contentRect.width<z.value})});c.value&&t.observe(c.value)}const B=e.computed(()=>d.dataset.map(t=>{const a=t.values.map(r=>isNaN(r)?0:r),n=a.reduce((r,i)=>r+i,0);return{...t,values:a,serieExtremes:{max:Math.max(...a),min:Math.min(...a)},sum:n,average:n/a.length,median:l.calcMedian(a),displayValues:[t.name,...t.values],id:l.createUid()}})),P=e.computed(()=>{const t=B.value.flatMap(a=>a.values);return{min:Math.min(...t),max:Math.max(...t)}});function R(t,a){const n=o.value.style.heatmapColors.useIndividualScale;return l.interpolateColorHex(o.value.style.heatmapColors.min,o.value.style.heatmapColors.max,n?a.min:P.value.min,n?a.max:P.value.max,t)}const _=e.computed(()=>B.value.map(t=>({...t,colors:t.displayValues.map(a=>isNaN(a)?o.value.style.backgroundColor:R(a,t.serieExtremes))}))),M=e.computed(()=>o.value.style.backgroundColor),T=e.computed(()=>`${o.value.table.borderWidth}px`);function I(){e.nextTick(()=>{const t=_.value.map(r=>[[r.name],r.displayValues,[r.sum],[r.average],[r.median]]),a=[[[""],o.value.table.head.values,["sum"],["average"],["median"]]].concat(t),n=l.createCsvContent(a);l.downloadCsv({csvContent:n,title:"vue-ui-table-heatmap"})})}function U(t){m.value=t,f.value+=1}return N({generatePdf:y,generateCsv:I,generateImage:k}),(t,a)=>(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:a[0]||(a[0]=()=>e.unref(g)(!0)),onMouseleave:a[1]||(a[1]=()=>e.unref(g)(!1))},[o.value.userOptions.show&&F.value&&(e.unref(h)||e.unref(v))?(e.openBlock(),e.createBlock($.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:I,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:r})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:r})),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,r)=>(e.openBlock(),e.createElementBlock("th",A,[e.renderSlot(t.$slots,"head",e.normalizeProps(e.guardReactiveProps({value:n,rowIndex:r,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(_.value,(n,r)=>(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.normalizeProps(e.guardReactiveProps({value:i,rowIndex:r,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:r,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:r,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.normalizeProps(e.guardReactiveProps({value:n.sum,rowIndex:r,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.normalizeProps(e.guardReactiveProps({value:n.average,rowIndex:r,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.normalizeProps(e.guardReactiveProps({value:n.median,rowIndex:r,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-4469b342"]]);exports.default=ee;