vue-data-ui 2.4.11 → 2.4.13

package/dist/{vue-ui-xy-canvas-CBkXw173.js → vue-ui-xy-canvas-B82jCvbc.js}

@@ -1,16 +1,16 @@
 import { ref as v, computed as m, watch as Y, onMounted as xa, onBeforeUnmount as La, openBlock as C, createElementBlock as q, normalizeStyle as J, normalizeClass as ka, createBlock as P, createCommentVNode as A, unref as _, createSlots as Ca, withCtx as b, renderSlot as x, normalizeProps as B, guardReactiveProps as X, createElementVNode as K, createVNode as wa, toDisplayString as Ve, createTextVNode as Sa } from "vue";
-import { u as $a, c as za, t as Ta, a as Ma, p as D, b as Ra, C as ge, i as Q, f as ee, Y as Ia, I as Oa, d as je, a2 as Pa, o as Fa, e as Ea, x as qe, y as Na, q as Aa, r as _a, s as ae, l as Da } from "./index-9EusFpSb.js";
+import { u as $a, c as za, t as Ta, a as Ma, p as D, b as Ra, C as ge, i as Q, f as ee, Y as Ia, I as Oa, d as je, a2 as Pa, o as Fa, e as Ea, x as qe, y as Na, q as Aa, r as _a, s as ae, l as Da } from "./index-DwLdoaoI.js";
 import { d as Ha, c as Wa, a as Je, t as Ya, l as w, r as pe, b as F, p as Ke, u as Ba } from "./useResponsive-CoxXLe23.js";
-import { _ as Xa } from "./Tooltip-1RIjj9Cf.js";
-import { L as Ua } from "./Legend-rLopjauc.js";
-import { _ as Za } from "./Title-NE47pLld.js";
-import { S as Ga } from "./Slicer-CfPeFpUJ.js";
-import { u as Va, U as ja } from "./usePrinter-Q5_oK30J.js";
-import qa from "./vue-ui-accordion-DE04OBLu.js";
-import { D as Ja } from "./DataTable-DD2NjgWr.js";
-import Ka from "./vue-ui-skeleton-DptJx8-6.js";
-import { u as Qe } from "./useNestedProp-DLOArwu0.js";
-import { P as Qa } from "./PenAndPaper-BkFQN_fq.js";
+import { _ as Xa } from "./Tooltip-DLCVqP66.js";
+import { L as Ua } from "./Legend-CjRX0KB0.js";
+import { _ as Za } from "./Title-CFHy9-HZ.js";
+import { S as Ga } from "./Slicer-BzuIYjHU.js";
+import { u as Va, U as ja } from "./usePrinter-QQ8sIBRI.js";
+import qa from "./vue-ui-accordion-BCbBgQnM.js";
+import { D as Ja } from "./DataTable-DSmlK27d.js";
+import Ka from "./vue-ui-skeleton-C7cQjNuh.js";
+import { u as Qe } from "./useNestedProp-BE-9rWPi.js";
+import { P as Qa } from "./PenAndPaper-Bxz6JnY-.js";
 import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const at = ["id"], tt = ["onClick"], lt = {
   key: 2,

package/dist/{vue-ui-xy-canvas-CzEUFhi7.cjs → vue-ui-xy-canvas-CBxPjJOJ.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),n=require("./index-D3H-ye-i.cjs"),d=require("./useResponsive-BJ7DTGpm.cjs"),Je=require("./Tooltip-CopGUpZs.cjs"),Ke=require("./Legend-BEBhnrMH.cjs"),Qe=require("./Title-BWAmAhTl.cjs"),et=require("./Slicer-DnddhuPD.cjs"),Pe=require("./usePrinter-Bp96LusR.cjs"),tt=require("./vue-ui-accordion-BmZSXtWn.cjs"),at=require("./DataTable-BoMFIudG.cjs"),lt=require("./vue-ui-skeleton-BWO9iit6.cjs"),Me=require("./useNestedProp-BkL_BRGP.cjs"),ot=require("./PenAndPaper-CLAyC1BP.cjs"),rt=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ut=["id"],nt=["onClick"],st={key:2,class:"vue-data-ui-watermark"},it=["innerHTML"],ct={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(Q,{expose:Re,emit:Oe}){const M=Q,{vue_ui_xy_canvas:Ne}=n.useConfig(),U=a.ref(n.createUid()),B=a.ref(null),C=a.ref(null),I=a.ref(null),i=a.ref(null),p=a.ref(1),z=a.ref(1),A=a.ref(!1),f=a.ref(null),_=a.ref(""),ee=a.ref(null),L=a.ref([]),O=a.ref(1),R=a.ref(!0),w=a.ref(!0),X=a.ref(null),te=a.ref(0),ae=a.ref(0),Z=a.ref(!1),le=a.ref(null),oe=a.ref(null),re=a.ref(null),ue=a.ref(null),ne=a.ref(0),se=a.ref(0),ie=a.ref(0),G=a.computed(()=>!!M.dataset&&M.dataset.length),t=a.computed({get:()=>ce(),set:e=>e});function ce(){const e=Me.useNestedProp({userConfig:M.config,defaultConfig:Ne});return e.theme?{...Me.useNestedProp({userConfig:n.themes.vue_ui_xy_canvas[e.theme]||M.config,defaultConfig:e}),customPalette:n.themePalettes[e.theme]||n.palette}:e}a.watch(()=>M.config,e=>{t.value=ce(),xe(),ne.value+=1,se.value+=1,ie.value+=1},{deep:!0});const ve=a.ref(t.value.style.chart.aspectRatio),{isPrinting:de,isImaging:he,generatePdf:fe,generateImage:ye}=Pe.usePrinter({elementId:`xy_canvas_${U.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=a.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 Be(e){Z.value=e,ae.value+=1}const pe=a.computed(()=>n.convertCustomPalette(t.value.customPalette)),$=a.computed(()=>N.value?Math.max(...N.value.filter((e,o)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),l=a.computed(()=>{const e=p.value-p.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:p.value,canvasHeight:z.value,left:p.value*t.value.style.chart.paddingProportions.left,top:z.value*t.value.style.chart.paddingProportions.top,right:p.value-p.value*t.value.style.chart.paddingProportions.right,bottom:z.value-z.value*t.value.style.chart.paddingProportions.bottom,width:e,height:z.value-z.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(u.value.end-u.value.start)}});function ge(e,o){return e/o}function Ie({hasAutoScale:e,series:o,min:r,max:v,scale:h,yOffset:g,individualHeight:c,stackIndex:m=null}){return o.map((k,K)=>{const S=h.min<0?Math.abs(h.min):0,T=ge(k+S,S+h.max);let P,E;e&&(P=Math.abs(h.min),E=ge(k+P,h.max+P));let F=0;return m===null?F=l.value.bottom-l.value.height*(e?E:T):F=l.value.bottom-g-c*(e?E:T),{x:l.value.left+l.value.slot*K+l.value.slot/2,y:F,value:k}})}const b=a.computed(()=>{const e=Math.min(...N.value.filter((c,m)=>!L.value.includes(c.absoluteIndex)).flatMap(c=>c.series.slice(u.value.start,u.value.end))),o=Math.max(...N.value.filter((c,m)=>!L.value.includes(c.absoluteIndex)).flatMap(c=>c.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,h=l.value.bottom-l.value.height*(v/(r.max+v)),g=r.ticks.map(c=>({y:l.value.bottom-l.value.height*((c+v)/(r.max+v)),x:l.value.left-8,value:c}));return{absoluteMin:v,max:o,min:e,scale:r,yLabels:g,zero:h}}),Ee=a.computed(()=>y.value.map(e=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),n=require("./index-YfDOzIGL.cjs"),d=require("./useResponsive-BJ7DTGpm.cjs"),Je=require("./Tooltip-BxmlUqdH.cjs"),Ke=require("./Legend-pFwNBjPs.cjs"),Qe=require("./Title-DPx1SQ60.cjs"),et=require("./Slicer-CiHJ4t5H.cjs"),Pe=require("./usePrinter-BfKKkLev.cjs"),tt=require("./vue-ui-accordion-BDO_Zh68.cjs"),at=require("./DataTable-DPFAxETx.cjs"),lt=require("./vue-ui-skeleton-BypGpnGR.cjs"),Me=require("./useNestedProp-WJ8kD00a.cjs"),ot=require("./PenAndPaper-qO8pMTxM.cjs"),rt=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ut=["id"],nt=["onClick"],st={key:2,class:"vue-data-ui-watermark"},it=["innerHTML"],ct={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(Q,{expose:Re,emit:Oe}){const M=Q,{vue_ui_xy_canvas:Ne}=n.useConfig(),U=a.ref(n.createUid()),B=a.ref(null),C=a.ref(null),I=a.ref(null),i=a.ref(null),p=a.ref(1),z=a.ref(1),A=a.ref(!1),f=a.ref(null),_=a.ref(""),ee=a.ref(null),L=a.ref([]),O=a.ref(1),R=a.ref(!0),w=a.ref(!0),X=a.ref(null),te=a.ref(0),ae=a.ref(0),Z=a.ref(!1),le=a.ref(null),oe=a.ref(null),re=a.ref(null),ue=a.ref(null),ne=a.ref(0),se=a.ref(0),ie=a.ref(0),G=a.computed(()=>!!M.dataset&&M.dataset.length),t=a.computed({get:()=>ce(),set:e=>e});function ce(){const e=Me.useNestedProp({userConfig:M.config,defaultConfig:Ne});return e.theme?{...Me.useNestedProp({userConfig:n.themes.vue_ui_xy_canvas[e.theme]||M.config,defaultConfig:e}),customPalette:n.themePalettes[e.theme]||n.palette}:e}a.watch(()=>M.config,e=>{t.value=ce(),xe(),ne.value+=1,se.value+=1,ie.value+=1},{deep:!0});const ve=a.ref(t.value.style.chart.aspectRatio),{isPrinting:de,isImaging:he,generatePdf:fe,generateImage:ye}=Pe.usePrinter({elementId:`xy_canvas_${U.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),s=a.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 Be(e){Z.value=e,ae.value+=1}const pe=a.computed(()=>n.convertCustomPalette(t.value.customPalette)),$=a.computed(()=>N.value?Math.max(...N.value.filter((e,o)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),l=a.computed(()=>{const e=p.value-p.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:p.value,canvasHeight:z.value,left:p.value*t.value.style.chart.paddingProportions.left,top:z.value*t.value.style.chart.paddingProportions.top,right:p.value-p.value*t.value.style.chart.paddingProportions.right,bottom:z.value-z.value*t.value.style.chart.paddingProportions.bottom,width:e,height:z.value-z.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(u.value.end-u.value.start)}});function ge(e,o){return e/o}function Ie({hasAutoScale:e,series:o,min:r,max:v,scale:h,yOffset:g,individualHeight:c,stackIndex:m=null}){return o.map((k,K)=>{const S=h.min<0?Math.abs(h.min):0,T=ge(k+S,S+h.max);let P,E;e&&(P=Math.abs(h.min),E=ge(k+P,h.max+P));let F=0;return m===null?F=l.value.bottom-l.value.height*(e?E:T):F=l.value.bottom-g-c*(e?E:T),{x:l.value.left+l.value.slot*K+l.value.slot/2,y:F,value:k}})}const b=a.computed(()=>{const e=Math.min(...N.value.filter((c,m)=>!L.value.includes(c.absoluteIndex)).flatMap(c=>c.series.slice(u.value.start,u.value.end))),o=Math.max(...N.value.filter((c,m)=>!L.value.includes(c.absoluteIndex)).flatMap(c=>c.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,h=l.value.bottom-l.value.height*(v/(r.max+v)),g=r.ticks.map(c=>({y:l.value.bottom-l.value.height*((c+v)/(r.max+v)),x:l.value.left-8,value:c}));return{absoluteMin:v,max:o,min:e,scale:r,yLabels:g,zero:h}}),Ee=a.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/package.json

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