vue-data-ui 2.6.4 → 2.6.6

package/dist/{vue-ui-xy-canvas-CrU_aS7K.cjs → vue-ui-xy-canvas-CkB7VDhF.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),n=require("./index-Cww7pocd.cjs"),c=require("./useResponsive-YQYQrAZ_.cjs"),it=require("./Tooltip-C7eukp_Y.cjs"),ct=require("./Legend-CMzKRWtT.cjs"),vt=require("./Title-vXH_7MPz.cjs"),dt=require("./Slicer-Park25Rm.cjs"),Ne=require("./usePrinter-DY6H-UkT.cjs"),ht=require("./vue-ui-accordion-D3UeWj9q.cjs"),ft=require("./DataTable-C1LMti1U.cjs"),yt=require("./vue-ui-skeleton-DkW8eWHI.cjs"),De=require("./useNestedProp-BzGIy5aD.cjs"),gt=require("./PenAndPaper-Bwxr_PKm.cjs"),pt=require("./useUserOptionState-BgepsfED.cjs"),mt=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),bt=["id"],xt=["onClick"],Lt={key:2,class:"vue-data-ui-watermark"},kt=["innerHTML"],Ct={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(ue,{expose:Be,emit:Fe}){const{vue_ui_xy_canvas:Ae}=n.useConfig(),m=ue,J=l.ref(n.createUid()),B=l.ref(null),S=l.ref(null),F=l.ref(null),i=l.ref(null),g=l.ref(1),T=l.ref(1),U=l.ref(!1),h=l.ref(null),_=l.ref(""),ne=l.ref(null),C=l.ref([]),R=l.ref(1),I=l.ref(!0),E=l.ref(!0),K=l.ref(null),se=l.ref(0),ie=l.ref(0),q=l.ref(!1),ce=l.ref(null),ve=l.ref(null),de=l.ref(null),he=l.ref(null),Q=l.ref(0),ee=l.ref(0),te=l.ref(0),z=l.ref(null),le=l.computed(()=>!!m.dataset&&m.dataset.length),He=Fe,Ve=l.useSlots();l.onMounted(()=>{Ve["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>ge(),set:e=>e}),{userOptionsVisible:ae,setUserOptionsVisibility:fe,keepUserOptionState:ye}=pt.useUserOptionState({config:t.value});function ge(){const e=De.useNestedProp({userConfig:m.config,defaultConfig:Ae});let o={};return e.theme?o={...De.useNestedProp({userConfig:n.themes.vue_ui_xy_canvas[e.theme]||m.config,defaultConfig:e}),customPalette:n.themePalettes[e.theme]||n.palette}:o=e,m.config&&n.hasDeepProperty(m.config,"style.chart.scale.min")?o.style.chart.scale.min=m.config.style.chart.scale.min:o.style.chart.scale.min=null,m.config&&n.hasDeepProperty(m.config,"style.chart.scale.max")?o.style.chart.scale.max=m.config.style.chart.scale.max:o.style.chart.scale.max=null,m.config&&n.hasDeepProperty(m.config,"style.chart.zoom.startIndex")?o.style.chart.zoom.startIndex=m.config.style.chart.zoom.startIndex:o.style.chart.zoom.startIndex=null,m.config&&n.hasDeepProperty(m.config,"style.chart.zoom.endIndex")?o.style.chart.zoom.endIndex=m.config.style.chart.zoom.endIndex:o.style.chart.zoom.endIndex=null,o}l.watch(()=>m.config,e=>{t.value=ge(),ae.value=!t.value.userOptions.showOnChartHover,oe(),Q.value+=1,ee.value+=1,te.value+=1,s.value.showTable=t.value.table.show,s.value.showDataLabels=t.value.style.chart.dataLabels.show,s.value.stacked=t.value.style.chart.stacked,s.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0}),l.watch(()=>m.dataset,()=>{oe(),Q.value+=1,ee.value+=1,te.value+=1},{deep:!0});const pe=l.ref(t.value.style.chart.aspectRatio),{isPrinting:me,isImaging:be,generatePdf:xe,generateImage:Le}=Ne.usePrinter({elementId:`xy_canvas_${J.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function Ye(e){q.value=e,ie.value+=1}const ke=l.computed(()=>n.convertCustomPalette(t.value.customPalette)),w=l.computed(()=>N.value?Math.max(...N.value.filter((e,o)=>!C.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),a=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(u.value.end-u.value.start)}});function Ce(e,o){return e/o}function Ue({hasAutoScale:e,series:o,min:r,max:v,scale:f,yOffset:L,individualHeight:d,stackIndex:p=null}){return o.map((P,k)=>{const M=f.min<0?Math.abs(f.min):0,O=Ce(P+M,M+f.max);let V,Y;e&&(V=f.min,Y=Ce(P-V,f.max-V));let $=0;return p===null?$=a.value.bottom-a.value.height*(e?Y:O):$=a.value.bottom-L-d*(e?Y:O),{x:a.value.left+a.value.slot*k+a.value.slot/2,y:$,value:P}})}const b=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...N.value.filter((d,p)=>!C.value.includes(d.absoluteIndex)).flatMap(d=>d.series.slice(u.value.start,u.value.end))),o=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...N.value.filter((d,p)=>!C.value.includes(d.absoluteIndex)).flatMap(d=>d.series.slice(u.value.start,u.value.end))),r=n.calculateNiceScale(e<0?e:0,o===e?e+1<0?0:e+1:o<0?0:o,t.value.style.chart.scale.ticks),v=r.min<0?Math.abs(r.min):0,f=a.value.bottom-a.value.height*(v/(r.max+v)),L=r.ticks.map(d=>({y:a.value.bottom-a.value.height*((d+v)/(r.max+v)),x:a.value.left-8,value:d}));return{absoluteMin:v,max:o,min:e,scale:r,yLabels:L,zero:f}}),_e=l.computed(()=>y.value.map(e=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),n=require("./index-kZKcQZM_.cjs"),c=require("./useResponsive-YQYQrAZ_.cjs"),it=require("./Tooltip-DSPKrQcQ.cjs"),ct=require("./Legend-CM7IGBC3.cjs"),vt=require("./Title-BGiQdt7J.cjs"),dt=require("./Slicer-DPae3p1M.cjs"),Ne=require("./usePrinter-DR42gTOS.cjs"),ht=require("./vue-ui-accordion-BfDu7hTY.cjs"),ft=require("./DataTable-Du7nJ0TM.cjs"),yt=require("./vue-ui-skeleton-BBNX7lud.cjs"),De=require("./useNestedProp-D4Jn2Oxr.cjs"),gt=require("./PenAndPaper-BYqaxOpk.cjs"),pt=require("./useUserOptionState-BgepsfED.cjs"),mt=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),bt=["id"],xt=["onClick"],Lt={key:2,class:"vue-data-ui-watermark"},kt=["innerHTML"],Ct={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(ue,{expose:Be,emit:Fe}){const{vue_ui_xy_canvas:Ae}=n.useConfig(),m=ue,J=l.ref(n.createUid()),B=l.ref(null),S=l.ref(null),F=l.ref(null),i=l.ref(null),g=l.ref(1),T=l.ref(1),U=l.ref(!1),h=l.ref(null),_=l.ref(""),ne=l.ref(null),C=l.ref([]),R=l.ref(1),I=l.ref(!0),E=l.ref(!0),K=l.ref(null),se=l.ref(0),ie=l.ref(0),q=l.ref(!1),ce=l.ref(null),ve=l.ref(null),de=l.ref(null),he=l.ref(null),Q=l.ref(0),ee=l.ref(0),te=l.ref(0),z=l.ref(null),le=l.computed(()=>!!m.dataset&&m.dataset.length),He=Fe,Ve=l.useSlots();l.onMounted(()=>{Ve["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const t=l.computed({get:()=>ge(),set:e=>e}),{userOptionsVisible:ae,setUserOptionsVisibility:fe,keepUserOptionState:ye}=pt.useUserOptionState({config:t.value});function ge(){const e=De.useNestedProp({userConfig:m.config,defaultConfig:Ae});let o={};return e.theme?o={...De.useNestedProp({userConfig:n.themes.vue_ui_xy_canvas[e.theme]||m.config,defaultConfig:e}),customPalette:n.themePalettes[e.theme]||n.palette}:o=e,m.config&&n.hasDeepProperty(m.config,"style.chart.scale.min")?o.style.chart.scale.min=m.config.style.chart.scale.min:o.style.chart.scale.min=null,m.config&&n.hasDeepProperty(m.config,"style.chart.scale.max")?o.style.chart.scale.max=m.config.style.chart.scale.max:o.style.chart.scale.max=null,m.config&&n.hasDeepProperty(m.config,"style.chart.zoom.startIndex")?o.style.chart.zoom.startIndex=m.config.style.chart.zoom.startIndex:o.style.chart.zoom.startIndex=null,m.config&&n.hasDeepProperty(m.config,"style.chart.zoom.endIndex")?o.style.chart.zoom.endIndex=m.config.style.chart.zoom.endIndex:o.style.chart.zoom.endIndex=null,o}l.watch(()=>m.config,e=>{t.value=ge(),ae.value=!t.value.userOptions.showOnChartHover,oe(),Q.value+=1,ee.value+=1,te.value+=1,s.value.showTable=t.value.table.show,s.value.showDataLabels=t.value.style.chart.dataLabels.show,s.value.stacked=t.value.style.chart.stacked,s.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0}),l.watch(()=>m.dataset,()=>{oe(),Q.value+=1,ee.value+=1,te.value+=1},{deep:!0});const pe=l.ref(t.value.style.chart.aspectRatio),{isPrinting:me,isImaging:be,generatePdf:xe,generateImage:Le}=Ne.usePrinter({elementId:`xy_canvas_${J.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function Ye(e){q.value=e,ie.value+=1}const ke=l.computed(()=>n.convertCustomPalette(t.value.customPalette)),w=l.computed(()=>N.value?Math.max(...N.value.filter((e,o)=>!C.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),a=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:T.value,left:g.value*t.value.style.chart.paddingProportions.left,top:T.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:T.value-T.value*t.value.style.chart.paddingProportions.bottom,width:e,height:T.value-T.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(u.value.end-u.value.start)}});function Ce(e,o){return e/o}function Ue({hasAutoScale:e,series:o,min:r,max:v,scale:f,yOffset:L,individualHeight:d,stackIndex:p=null}){return o.map((P,k)=>{const M=f.min<0?Math.abs(f.min):0,O=Ce(P+M,M+f.max);let V,Y;e&&(V=f.min,Y=Ce(P-V,f.max-V));let $=0;return p===null?$=a.value.bottom-a.value.height*(e?Y:O):$=a.value.bottom-L-d*(e?Y:O),{x:a.value.left+a.value.slot*k+a.value.slot/2,y:$,value:P}})}const b=l.computed(()=>{const e=t.value.style.chart.scale.min!==null?t.value.style.chart.scale.min:Math.min(...N.value.filter((d,p)=>!C.value.includes(d.absoluteIndex)).flatMap(d=>d.series.slice(u.value.start,u.value.end))),o=t.value.style.chart.scale.max!==null?t.value.style.chart.scale.max:Math.max(...N.value.filter((d,p)=>!C.value.includes(d.absoluteIndex)).flatMap(d=>d.series.slice(u.value.start,u.value.end))),r=n.calculateNiceScale(e<0?e:0,o===e?e+1<0?0:e+1:o<0?0:o,t.value.style.chart.scale.ticks),v=r.min<0?Math.abs(r.min):0,f=a.value.bottom-a.value.height*(v/(r.max+v)),L=r.ticks.map(d=>({y:a.value.bottom-a.value.height*((d+v)/(r.max+v)),x:a.value.left-8,value:d}));return{absoluteMin:v,max:o,min:e,scale:r,yLabels:L,zero:f}}),_e=l.computed(()=>y.value.map(e=>`
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>

package/dist/{vue-ui-xy-canvas-DBWb4s2q.js → vue-ui-xy-canvas-DqnK_i0Q.js}

@@ -1,16 +1,16 @@
 import { ref as i, computed as x, useSlots as Ea, onMounted as la, watch as E, nextTick as ye, onBeforeUnmount as Aa, createElementBlock as te, openBlock as w, unref as z, normalizeClass as Da, normalizeStyle as V, createCommentVNode as Y, createBlock as A, createElementVNode as oe, createSlots as Ha, withCtx as m, renderSlot as L, normalizeProps as Z, guardReactiveProps as G, createVNode as Na, toDisplayString as ta, createTextVNode as Ya } from "vue";
-import { u as _a, c as Ua, t as Wa, p as _, a as Xa, C as fe, b as Ba, D as ze, i as j, f as q, d as oa, _ as Va, J as Za, a9 as Ga, o as ja, e as qa, x as ra, q as Ja, r as Ka, y as Qa, s as re, l as el } from "./index-y7ebFPbO.js";
+import { u as _a, c as Ua, t as Wa, p as _, a as Xa, C as fe, b as Ba, D as ze, i as j, f as q, d as oa, _ as Va, J as Za, a9 as Ga, o as ja, e as qa, x as ra, q as Ja, r as Ka, y as Qa, s as re, l as el } from "./index-B9qF6XbP.js";
 import { d as al, t as ll, u as tl, c as ol, a as ua, l as b, r as Se, b as R, p as sa } from "./useResponsive-BWapHhVH.js";
-import { _ as rl } from "./Tooltip-C6qF6AOJ.js";
-import { L as ul } from "./Legend-Ba6qRAqc.js";
-import { _ as sl } from "./Title-AFFkNb_h.js";
-import { S as nl } from "./Slicer-bCt9Cx4y.js";
-import { u as il, U as vl } from "./usePrinter-xz0bcBPM.js";
-import cl from "./vue-ui-accordion-DxSGI7GJ.js";
-import { D as dl } from "./DataTable-Bg0b_pVK.js";
-import hl from "./vue-ui-skeleton-DOahsJXV.js";
-import { u as na } from "./useNestedProp-BWzyGJZ8.js";
-import { P as yl } from "./PenAndPaper-BJLUyj-s.js";
+import { _ as rl } from "./Tooltip-BonEVaob.js";
+import { L as ul } from "./Legend-BDyPoYfp.js";
+import { _ as sl } from "./Title-D6h1gTvZ.js";
+import { S as nl } from "./Slicer-BQP3UIW-.js";
+import { u as il, U as vl } from "./usePrinter-DsiBLAy1.js";
+import cl from "./vue-ui-accordion-DBmchkva.js";
+import { D as dl } from "./DataTable-CJN0sipt.js";
+import hl from "./vue-ui-skeleton-CHEZlRpn.js";
+import { u as na } from "./useNestedProp-g5oKzlVy.js";
+import { P as yl } from "./PenAndPaper-6UYizrkQ.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const pl = ["id"], ml = ["onClick"], bl = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.6.4",
+  "version": "2.6.6",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [