vue-data-ui 2.3.7 → 2.3.9

package/dist/vue-ui-carousel-table-9W-FPpp4.js

@@ -1,314 +0,0 @@
-import { useCssVars as ce, ref as o, onMounted as S, computed as A, watch as he, openBlock as i, createElementBlock as u, createElementVNode as O, normalizeStyle as v, unref as f, normalizeClass as be, createTextVNode as U, toDisplayString as E, renderSlot as p, Fragment as H, renderList as L, normalizeProps as V, guardReactiveProps as G, createCommentVNode as P, createBlock as oe, createSlots as fe, withCtx as T, nextTick as ge } from "vue";
-import { u as me, c as ye, o as D, e as M, r as Ce, n as $e, q as ke } from "./index-CGb3gF5A.js";
-import { u as xe } from "./useNestedProp-DCBzUHfz.js";
-import { u as Ae, U as Te } from "./usePrinter-VlAyPtaS.js";
-import we from "./vue-ui-skeleton-B0udzFdQ.js";
-import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Fe = ["id"], ze = ["height"], Oe = { key: 0 }, Pe = ["data-cell", "height"], Re = {
-  __name: "vue-ui-carousel-table",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(r, { expose: ne }) {
-    const a = r;
-    ce((t) => ({
-      "7edf5604": t.tdo
-    }));
-    const { vue_ui_carousel_table: le } = me(), R = o(ye()), q = o(!1), g = o(!!a.dataset);
-    S(() => {
-      D(a.dataset) ? M({
-        componentName: "VueUiCarouselTable",
-        type: "dataset"
-      }) : ((!a.dataset.head || D(a.dataset.head)) && (M({
-        componentName: "VueUiCarouselTable",
-        type: "datasetAttribute",
-        property: "head"
-      }), g.value = !1), (!a.dataset.body || D(a.dataset.body)) && (M({
-        componentName: "VueUiCarouselTable",
-        type: "datasetAttribute",
-        property: "body"
-      }), g.value = !1));
-    });
-    const e = A(() => xe({
-      userConfig: a.config,
-      defaultConfig: le
-    })), { isPrinting: X, isImaging: j, generatePdf: ie, generateImage: J } = Ae({
-      elementId: `carousel-table_${R.value}`,
-      fileName: e.value.caption.text || "vue-ui-carousel-table"
-    }), d = o({
-      showAnimation: e.value.animation.use
-    }), w = o(null), K = o(null), m = o(null), y = o(null), I = o(0), B = o(0), c = o(!1), Q = A(() => a.dataset.body ? e.value.tbody.tr.visible <= a.dataset.body.length ? e.value.tbody.tr.visible : a.dataset.body.length : 0), se = A(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Q.value + I.value + B.value), ue = A(() => !a.dataset || !a.dataset.body || !a.dataset.head ? 0 : (a.dataset.body.length * (c.value ? a.dataset.head.length : 1) - Q.value) * (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2)), F = o(0), C = o(null), $ = o(0), b = o(!1), W = o(0);
-    S(() => {
-      m.value && (I.value = m.value.getBoundingClientRect().height), y.value && (B.value = y.value.getBoundingClientRect().height), d.value.showAnimation && Y();
-    });
-    function re(t) {
-      q.value = t, W.value += 1;
-    }
-    function Y() {
-      !C.value && !b.value && (C.value = requestAnimationFrame(Z));
-    }
-    function Z(t) {
-      if (b.value) return;
-      $.value || ($.value = t), t - $.value >= e.value.animation.speedMs && (F.value += e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size, F.value > ue.value && (F.value = 0), w.value.scrollTo({
-        top: F.value,
-        behavior: "smooth"
-      }), $.value = t), C.value = requestAnimationFrame(Z);
-    }
-    function k() {
-      b.value = !0, cancelAnimationFrame(C.value), C.value = null;
-    }
-    function x() {
-      !b.value || !d.value.showAnimation || (b.value = !1, $.value = 0, Y());
-    }
-    function de() {
-      e.value.animation.pauseOnHover && k();
-    }
-    const N = o(null);
-    function ve() {
-      k(), clearTimeout(N.value);
-    }
-    function _() {
-      clearTimeout(N.value), N.value = setTimeout(x, 1e3);
-    }
-    he(
-      () => e.value.animation.use,
-      (t) => {
-        t ? (d.value.showAnimation = !0, x()) : (d.value.showAnimation = !1, k());
-      }
-    );
-    const pe = A(() => e.value.responsiveBreakpoint);
-    S(() => {
-      const t = new ResizeObserver((n) => {
-        n.forEach((l) => {
-          c.value = l.contentRect.width < pe.value;
-        }), I.value = m.value ? m.value.getBoundingClientRect().height : 0, B.value = y.value ? y.value.getBoundingClientRect().height : 0;
-      });
-      w.value && t.observe(w.value);
-    });
-    function ee() {
-      ie();
-    }
-    function te() {
-      d.value.showAnimation = !d.value.showAnimation, d.value.showAnimation ? x() : k();
-    }
-    function ae() {
-      ge(() => {
-        const t = a.dataset.head.map((s, h) => [
-          [a.dataset.body[h]]
-        ]), n = [
-          [e.value.caption.text],
-          [a.dataset.head.map((s) => [s])]
-        ].concat(t), l = $e(n);
-        ke({
-          csvContent: l,
-          title: e.value.caption.text || "vue-ui-carousel-table"
-        });
-      });
-    }
-    return ne({
-      pauseAnimation: k,
-      resumeAnimation: x,
-      toggleAnimation: te,
-      generateCsv: ae,
-      generatePdf: ee,
-      generateImage: J
-    }), (t, n) => (i(), u("div", {
-      style: { position: "relative", overflow: "visible" },
-      ref_key: "chartContainer",
-      ref: K
-    }, [
-      O("div", {
-        ref_key: "tableContainer",
-        ref: w,
-        id: `carousel-table_${R.value}`,
-        style: v({
-          height: f(X) || f(j) ? "auto" : `${se.value}px`,
-          containerType: "inline-size",
-          position: "relative",
-          overflow: "auto",
-          fontFamily: e.value.fontFamily
-        }),
-        class: be({ "vue-ui-responsive": c.value, "is-playing": !b.value }),
-        onMouseenter: n[0] || (n[0] = (l) => de()),
-        onMouseleave: n[1] || (n[1] = (l) => x()),
-        onTouchstart: n[2] || (n[2] = (l) => ve()),
-        onTouchend: n[3] || (n[3] = (l) => _()),
-        onTouchcancel: n[4] || (n[4] = (l) => _())
-      }, [
-        g.value ? (i(), u("table", {
-          key: 0,
-          class: "vue-data-ui-carousel-table",
-          style: v({
-            ...e.value.style,
-            border: `${e.value.border.size}px solid ${e.value.border.color}`,
-            width: "100%",
-            borderCollapse: "collapse"
-          })
-        }, [
-          O("caption", {
-            ref_key: "caption",
-            ref: m,
-            class: "vue-data-ui-carousel-table-caption",
-            style: v({
-              ...e.value.caption.style,
-              fontFamily: "inherit",
-              position: "sticky",
-              top: 0,
-              zIndex: 2,
-              paddingTop: e.value.caption.padding.top + "px",
-              paddingRight: e.value.caption.padding.right + "px",
-              paddingBottom: e.value.caption.padding.bottom + "px",
-              paddingLeft: e.value.caption.padding.left + "px",
-              boxShadow: c.value ? e.value.thead.tr.style.boxShadow : "none",
-              minHeight: "36px"
-            })
-          }, [
-            U(E(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
-            p(t.$slots, "caption", {}, void 0, !0)
-          ], 4),
-          O("thead", {
-            style: v({ ...e.value.thead.style, position: "sticky", top: `${I.value}px`, zIndex: 1 })
-          }, [
-            O("tr", {
-              ref_key: "tableRow",
-              ref: y,
-              role: "row",
-              style: v({
-                ...e.value.thead.tr.style,
-                border: e.value.thead.tr.border.size ? `${e.value.thead.tr.border.size}px solid ${e.value.thead.tr.border.color}` : "none",
-                boxShadow: c.value ? "none" : e.value.thead.tr.style.boxShadow
-              }),
-              height: `${e.value.thead.tr.height}px`
-            }, [
-              (i(!0), u(H, null, L(r.dataset.head, (l, s) => (i(), u("th", {
-                role: "cell",
-                key: `th_${s}`,
-                style: v({
-                  ...e.value.thead.tr.th.style,
-                  border: e.value.thead.tr.th.border.size ? `${e.value.thead.tr.th.border.size}px solid ${e.value.thead.tr.th.border.color}` : "none",
-                  paddingTop: e.value.thead.tr.th.padding.top + "px",
-                  paddingRight: e.value.thead.tr.th.padding.right + "px",
-                  paddingBottom: e.value.thead.tr.th.padding.bottom + "px",
-                  paddingLeft: e.value.thead.tr.th.padding.left + "px"
-                })
-              }, [
-                U(E(t.$slots.th ? "" : l) + " ", 1),
-                p(t.$slots, "th", V(G({ th: l, colIndex: s })), void 0, !0)
-              ], 4))), 128))
-            ], 12, ze)
-          ], 4),
-          r.dataset.body && r.dataset.head ? (i(), u("tbody", Oe, [
-            (i(!0), u(H, null, L(r.dataset.body, (l, s) => (i(), u("tr", {
-              style: v({
-                ...e.value.tbody.tr.style,
-                border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`
-              })
-            }, [
-              (i(!0), u(H, null, L(l, (h, z) => (i(), u("td", {
-                role: "cell",
-                "data-cell": c.value && r.dataset.head[z].length > 50 ? r.dataset.head[z].slice(0, 50) + "..." : r.dataset.head[z] || "",
-                style: v({
-                  ...e.value.tbody.tr.td.style,
-                  border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
-                  backgroundColor: e.value.tbody.tr.td.style.backgroundColor + f(Ce)[s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100],
-                  paddingTop: e.value.tbody.tr.td.padding.top + "px",
-                  paddingRight: e.value.tbody.tr.td.padding.right + "px",
-                  paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
-                  paddingLeft: e.value.tbody.tr.td.padding.left + "px"
-                }),
-                height: `${e.value.tbody.tr.height}px`
-              }, [
-                U(E(t.$slots.td ? "" : c.value && typeof h == "string" ? h.slice(0, 30) + "..." : h) + " ", 1),
-                p(t.$slots, "td", V(G({ td: h, rowIndex: s, colIndex: z })), void 0, !0)
-              ], 12, Pe))), 256))
-            ], 4))), 256))
-          ])) : P("", !0)
-        ], 4)) : P("", !0)
-      ], 46, Fe),
-      g.value ? P("", !0) : (i(), oe(we, {
-        key: 0,
-        config: {
-          type: "table"
-        }
-      })),
-      e.value.userOptions.show && g.value ? (i(), oe(Te, {
-        ref: "details",
-        key: `user_option_${W.value}`,
-        backgroundColor: e.value.style.backgroundColor,
-        color: e.value.style.color,
-        isPrinting: f(X),
-        isImaging: f(j),
-        uid: R.value,
-        hasTooltip: !1,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: !1,
-        hasLabel: !1,
-        hasAnimation: e.value.userOptions.buttons.animation,
-        isAnimation: !d.value.showAnimation,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: q.value,
-        chartElement: K.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        zIndex: 3,
-        noOffset: "",
-        onGeneratePdf: ee,
-        onGenerateCsv: ae,
-        onGenerateImage: f(J),
-        onToggleAnimation: te,
-        onToggleFullscreen: re
-      }, fe({ _: 2 }, [
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: T(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: T(() => [
-            p(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: T(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionAnimation ? {
-          name: "optionAnimation",
-          fn: T(() => [
-            p(t.$slots, "optionAnimation", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: T(({ toggleFullscreen: l, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", V(G({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "titles", "onGenerateImage"])) : P("", !0)
-    ], 512));
-  }
-}, Le = /* @__PURE__ */ Ie(Re, [["__scopeId", "data-v-9515a3e8"]]);
-export {
-  Le as default
-};

package/dist/vue-ui-carousel-table-ZyIsiWGm.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-DFXgoR1T.cjs"),W=require("./useNestedProp-CbZUIZc0.cjs"),H=require("./usePrinter-DoFYRZKM.cjs"),Y=require("./vue-ui-skeleton-CmABeGyu.cjs"),Z=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),_=["id"],ee=["height"],te={key:0},oe=["data-cell","height"],ae={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(u,{expose:U}){const a=u;e.useCssVars(o=>({"7edf5604":o.tdo}));const{vue_ui_carousel_table:M}=r.useConfig(),w=e.ref(r.createUid()),A=e.ref(!1),p=e.ref(!!a.dataset);e.onMounted(()=>{r.objectIsEmpty(a.dataset)?r.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!a.dataset.head||r.objectIsEmpty(a.dataset.head))&&(r.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),p.value=!1),(!a.dataset.body||r.objectIsEmpty(a.dataset.body))&&(r.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),p.value=!1))});const t=e.computed(()=>W.useNestedProp({userConfig:a.config,defaultConfig:M})),{isPrinting:z,isImaging:S,generatePdf:D,generateImage:I}=H.usePrinter({elementId:`carousel-table_${w.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),s=e.ref({showAnimation:t.value.animation.use}),k=e.ref(null),P=e.ref(null),f=e.ref(null),m=e.ref(null),C=e.ref(0),T=e.ref(0),d=e.ref(!1),F=e.computed(()=>a.dataset.body?t.value.tbody.tr.visible<=a.dataset.body.length?t.value.tbody.tr.visible:a.dataset.body.length:0),G=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*F.value+C.value+T.value),j=e.computed(()=>!a.dataset||!a.dataset.body||!a.dataset.head?0:(a.dataset.body.length*(d.value?a.dataset.head.length:1)-F.value)*(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)),$=e.ref(0),h=e.ref(null),b=e.ref(0),c=e.ref(!1),E=e.ref(0);e.onMounted(()=>{f.value&&(C.value=f.value.getBoundingClientRect().height),m.value&&(T.value=m.value.getBoundingClientRect().height),s.value.showAnimation&&N()});function X(o){A.value=o,E.value+=1}function N(){!h.value&&!c.value&&(h.value=requestAnimationFrame(O))}function O(o){if(c.value)return;b.value||(b.value=o),o-b.value>=t.value.animation.speedMs&&($.value+=t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size,$.value>j.value&&($.value=0),k.value.scrollTo({top:$.value,behavior:"smooth"}),b.value=o),h.value=requestAnimationFrame(O)}function g(){c.value=!0,cancelAnimationFrame(h.value),h.value=null}function y(){!c.value||!s.value.showAnimation||(c.value=!1,b.value=0,N())}function J(){t.value.animation.pauseOnHover&&g()}const B=e.ref(null);function K(){g(),clearTimeout(B.value)}function R(){clearTimeout(B.value),B.value=setTimeout(y,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(s.value.showAnimation=!0,y()):(s.value.showAnimation=!1,g())});const Q=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(n=>{n.forEach(l=>{d.value=l.contentRect.width<Q.value}),C.value=f.value?f.value.getBoundingClientRect().height:0,T.value=m.value?m.value.getBoundingClientRect().height:0});k.value&&o.observe(k.value)});function V(){D()}function L(){s.value.showAnimation=!s.value.showAnimation,s.value.showAnimation?y():g()}function q(){e.nextTick(()=>{const o=a.dataset.head.map((i,v)=>[[a.dataset.body[v]]]),n=[[t.value.caption.text],[a.dataset.head.map(i=>[i])]].concat(o),l=r.createCsvContent(n);r.downloadCsv({csvContent:l,title:t.value.caption.text||"vue-ui-carousel-table"})})}return U({pauseAnimation:g,resumeAnimation:y,toggleAnimation:L,generateCsv:q,generatePdf:V,generateImage:I}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:P},[e.createElementVNode("div",{ref_key:"tableContainer",ref:k,id:`carousel-table_${w.value}`,style:e.normalizeStyle({height:e.unref(z)||e.unref(S)?"auto":`${G.value}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":d.value,"is-playing":!c.value}),onMouseenter:n[0]||(n[0]=l=>J()),onMouseleave:n[1]||(n[1]=l=>y()),onTouchstart:n[2]||(n[2]=l=>K()),onTouchend:n[3]||(n[3]=l=>R()),onTouchcancel:n[4]||(n[4]=l=>R())},[p.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse"})},[e.createElementVNode("caption",{ref_key:"caption",ref:f,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:d.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${C.value}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:m,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:d.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.dataset.head,(l,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":l)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:l,colIndex:i})),void 0,!0)],4))),128))],12,ee)],4),u.dataset.body&&u.dataset.head?(e.openBlock(),e.createElementBlock("tbody",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.dataset.body,(l,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,(v,x)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":d.value&&u.dataset.head[x].length>50?u.dataset.head[x].slice(0,50)+"...":u.dataset.head[x]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:t.value.tbody.tr.td.style.backgroundColor+e.unref(r.opacity)[i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100],paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":d.value&&typeof v=="string"?v.slice(0,30)+"...":v)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:v,rowIndex:i,colIndex:x})),void 0,!0)],12,oe))),256))],4))),256))])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,_),p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Y.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&p.value?(e.openBlock(),e.createBlock(H.UserOptions,{ref:"details",key:`user_option_${E.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(z),isImaging:e.unref(S),uid:w.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!s.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:A.value,chartElement:P.value,titles:{...t.value.userOptions.buttonTitles},zIndex:3,noOffset:"",onGeneratePdf:V,onGenerateCsv:q,onGenerateImage:e.unref(I),onToggleAnimation:L,onToggleFullscreen:X},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","titles","onGenerateImage"])):e.createCommentVNode("",!0)],512))}},ne=Z._export_sfc(ae,[["__scopeId","data-v-9515a3e8"]]);exports.default=ne;

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

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