vue-data-ui 2.4.41 → 2.4.43

package/dist/{vue-ui-waffle-Cmq6zhD8.cjs → vue-ui-waffle-COGvHmU8.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-B5Ugkauv.cjs"),pe=require("./useResponsive-BJ7DTGpm.cjs"),Le=require("./Title-D9gPXVTT.cjs"),he=require("./usePrinter-DtpFEgOX.cjs"),Pe=require("./Tooltip-ypQtmi99.cjs"),Ve=require("./DataTable-Cr3Xkxe4.cjs"),Ee=require("./Legend-BXG_XPom.cjs"),Ie=require("./vue-ui-skeleton-E9_X0-sa.cjs"),ze=require("./vue-ui-accordion-u4xDSvRn.cjs"),fe=require("./useNestedProp-bZitLnbb.cjs"),Fe=require("./PackageVersion-CMtZxTqq.cjs"),Ae=require("./PenAndPaper-DWYhyZye.cjs"),Oe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ye=N=>(e.pushScopeId("data-v-b51c7605"),N=N(),e.popScopeId(),N),De=["id"],qe=["xmlns","viewBox"],Me=["id"],Re=["stop-color"],Ue=["stop-color"],je=["id"],Ge=ye(()=>e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:2},null,-1)),We=ye(()=>e.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1)),He=[Ge,We],Ye=["x","y","height","width"],Xe=["height","width"],Je=["rx","x","y","height","width","stroke","stroke-width","filter"],Ke=["rx","x","y","height","width","fill","stroke","stroke-width","filter"],Qe=["x","y","height","width","filter"],Ze={key:0},et={key:1},tt={key:2},lt={key:3},at=["onMouseover","x","y","height","width"],ot={key:5,class:"vue-data-ui-watermark"},rt=["onClick"],ut={key:0},nt={key:1},st=["innerHTML"],it={__name:"vue-ui-waffle",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend"],setup(N,{expose:ge,emit:me}){const p=N,{vue_ui_waffle:be}=n.useConfig(),V=e.computed(()=>!!p.dataset&&p.dataset.length),b=e.ref(n.createUid()),ke=e.ref(null),A=e.ref(!1),O=e.ref(""),B=e.ref(null),U=e.ref(0),_=e.ref(null),j=e.ref(null),G=e.ref(null),W=e.ref(null),H=e.ref(null),Y=e.ref(0),X=e.ref(0),J=e.ref(0),t=e.computed({get:()=>K(),set:l=>l});function K(){const l=fe.useNestedProp({userConfig:p.config,defaultConfig:be});return l.theme?{...fe.useNestedProp({userConfig:n.themes.vue_ui_waffle[l.theme]||p.config,defaultConfig:l}),customPalette:n.themePalettes[l.theme]||n.palette}:l}e.watch(()=>p.config,l=>{t.value=K(),Q(),Y.value+=1,X.value+=1,J.value+=1},{deep:!0});const E=e.ref(null);function Q(){if(n.objectIsEmpty(p.dataset)?n.error({componentName:"VueUiWaffle",type:"dataset"}):p.dataset.forEach((l,r)=>{n.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{n.error({componentName:"VueUiWaffle",type:"datasetSerieAttribute",property:a,index:r})})}),t.value.responsive){const l=pe.throttle(()=>{const{width:r,height:a}=pe.useResponsive({chart:_.value,title:t.value.style.chart.title.text?j.value:null,legend:t.value.style.chart.legend.show?G.value:null,source:W.value,noTitle:H.value});k.value.width=r,k.value.height=a,f.value.width=r,f.value.height=a});E.value=new ResizeObserver(l),E.value.observe(_.value.parentNode)}}e.onMounted(()=>{Q()}),e.onBeforeUnmount(()=>{E.value&&E.value.disconnect()});const{isPrinting:Z,isImaging:ee,generatePdf:te,generateImage:le}=he.usePrinter({elementId:`vue-ui-waffle_${b.value}`,fileName:t.value.style.chart.title.text||"vue-ui-waffle"}),we=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),ae=e.computed(()=>n.convertCustomPalette(t.value.customPalette)),m=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),k=e.ref({height:512,width:512}),f=e.ref({top:0,left:0,height:512,width:512}),w=e.computed(()=>(f.value.width-t.value.style.chart.layout.grid.size*t.value.style.chart.layout.grid.spaceBetween)/t.value.style.chart.layout.grid.size),C=e.computed(()=>(f.value.height-t.value.style.chart.layout.grid.size*t.value.style.chart.layout.grid.spaceBetween)/t.value.style.chart.layout.grid.size),$=e.computed(()=>f.value.width/t.value.style.chart.layout.grid.size),I=e.computed(()=>f.value.height/t.value.style.chart.layout.grid.size);function oe(l){const r=t.value.style.chart.layout.grid.size*t.value.style.chart.layout.grid.size,a=l.reduce((h,R)=>h+R,0),o=l.map(h=>h/a*r),u=o.map(Math.floor),i=o.map(h=>h%1);let d=r-u.reduce((h,R)=>h+R,0);for(;d>0;){let h=i.indexOf(Math.max(...i));u[h]+=1,i[h]=0,d-=1}return u}function re(){return p.dataset.map((l,r)=>({...l,color:n.convertColorToHex(l.color)||ae.value[r]||n.palette[r]||n.palette[r%n.palette.length],uid:`serie_${r}`,absoluteIndex:r}))}const ue=e.computed(()=>re()),c=e.ref(ue.value);e.watch(()=>p.dataset,l=>{c.value=re()},{deep:!0});const Ce=e.computed(()=>{const l=c.value.filter((r,a)=>!v.value.includes(r.uid)).map((r,a)=>(r.values||[]).reduce((o,u)=>o+u,0));return oe(l)}),xe=e.computed(()=>{const l=c.value.map((r,a)=>(r.values||[]).reduce((o,u)=>o+u));return oe(l)}),T=e.computed(()=>(p.dataset.forEach((l,r)=>{[null,void 0].includes(l.values)&&n.error({componentName:"VueUiWaffle",type:"datasetSerieAttribute",property:"values (number[])",index:r})}),c.value.filter((l,r)=>!v.value.includes(l.uid)).map((l,r)=>({absoluteIndex:l.absoluteIndex,uid:l.uid,name:l.name,color:l.color,value:(l.values||[]).reduce((a,o)=>a+o,0),absoluteValues:l.values||[],proportion:Ce.value[r]})))),Be=e.computed(()=>c.value.map((l,r)=>({absoluteIndex:l.absoluteIndex,uid:l.uid,name:l.name,color:l.color,value:(l.values||[]).reduce((a,o)=>a+o,0),absoluteValues:l.values||[],proportion:xe.value[r]})));function _e(){return Be.value.map(l=>({name:l.name,color:l.color,value:l.value,proportion:l.proportion}))}const Se=e.computed(()=>{let l=0;return T.value.map((r,a)=>{const o=l,u=o+r.proportion,i=[];for(let d=Math.floor(o);d<Math.floor(u);d+=1)i.push(d);return l=u,{...r,start:o,rects:i}})}),s=e.computed(()=>Se.value.flatMap((l,r)=>l.rects.map((a,o)=>({isFirst:o===0,isLongEnough:a.length>2,name:l.name,color:l.color,value:l.value,serieIndex:r,absoluteStartIndex:o<3,serieId:l.uid,...l}))).map((l,r)=>({...l,isAbsoluteFirst:r%t.value.style.chart.layout.grid.size===0}))),L=e.computed(()=>{const l=[];for(let r=0;r<t.value.style.chart.layout.grid.size;r+=1)for(let a=0;a<t.value.style.chart.layout.grid.size;a+=1)l.push({isStartOfLine:a===0,position:t.value.style.chart.layout.grid.vertical?r:a,x:(t.value.style.chart.layout.grid.vertical?r:a)*(w.value+t.value.style.chart.layout.grid.spaceBetween),y:(t.value.style.chart.layout.grid.vertical?a:r)*(C.value+t.value.style.chart.layout.grid.spaceBetween)+f.value.top});return l}),v=e.ref([]),x=e.ref(!1),ne=e.ref(null),se=e.ref(null);function ie(l){if(!t.value.useAnimation){v.value.includes(l)?v.value=v.value.filter(u=>u!==l):v.value.length<S.value.length-1&&S.value.length>1&&v.value.push(l);return}const r=ue.value.find(u=>u.uid===l).values.reduce((u,i)=>u+i,0);let o=c.value.find(u=>u.uid===l).values.reduce((u,i)=>u+i,0);if(v.value.includes(l)){let i=function(){o>u?(cancelAnimationFrame(ne.value),c.value=c.value.map((d,h)=>d.uid===l?{...d,values:[u]}:d),x.value=!1):(x.value=!0,o+=u*.025,c.value=c.value.map((d,h)=>d.uid===l?{...d,values:[o]}:d),ne.value=requestAnimationFrame(i))};v.value=v.value.filter(d=>d!==l);const u=r;i()}else if(v.value.length<S.value.length-1&&S.value.length>1){let u=function(){o<.1?(cancelAnimationFrame(se.value),v.value.push(l),c.value=c.value.map((i,d)=>i.uid===l?{...i,values:[0]}:i),x.value=!1):(x.value=!0,o/=1.5,c.value=c.value.map((i,d)=>i.uid===l?{...i,values:[o]}:i),se.value=requestAnimationFrame(u))};u()}me("selectLegend",T.value.map(u=>({name:u.name,color:u.color,value:u.value,proportion:u.proportion/Math.pow(t.value.style.chart.layout.grid.size,2)})))}const S=e.computed(()=>c.value.map((l,r)=>({name:l.name,color:l.color||ae[r]||n.palette[r]||n.palette[r%n.palette.length],value:(l.values||[]).reduce((a,o)=>a+o,0),uid:l.uid,shape:"square"})).map((l,r)=>({...l,proportion:l.value/c.value.map(a=>(a.values||[]).reduce((o,u)=>o+u,0)).reduce((a,o)=>a+o,0),opacity:v.value.includes(l.uid)?.5:1,segregate:()=>ie(l.uid),isSegregated:v.value.includes(l.uid)}))),Ne=e.computed(()=>({cy:"waffle-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),y=e.computed(()=>T.value.map(l=>l.value).reduce((l,r)=>l+r,0)),D=e.ref(null);function $e(l){if(v.value.length===p.dataset.length)return;const r=s.value[l];D.value={datapoint:r,seriesIndex:r.absoluteIndex,series:c.value,config:t.value},A.value=!0,B.value=s.value[l].serieIndex;const a=t.value.style.chart.tooltip.customFormat;if(n.isFunction(a)&&n.functionReturnsString(()=>a({seriesIndex:s.value[l].absoluteIndex,datapoint:r,series:c.value,config:t.value})))O.value=a({seriesIndex:s.value[l].absoluteIndex,datapoint:r,series:c.value,config:t.value});else{let o="";if(o+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${r.name}</div>`,o+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" rx="1" fill="${r.color}" /></svg>`,t.value.style.chart.tooltip.showValue&&(o+=`<b>${n.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,r.value,n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:r.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.tooltip.roundingValue}),{datapoint:r,seriesIndex:s.value[l].absoluteIndex,series:c.value})}</b>`),t.value.style.chart.tooltip.showPercentage){const u=n.dataLabel({v:r.value/y.value*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage});t.value.style.chart.tooltip.showValue?o+=`<span>(${u})</span></div>`:o+=`<b>${u}%</b></div>`}O.value=o}}const g=e.computed(()=>{const l=T.value.map(a=>({name:a.name,color:a.color})),r=T.value.map(a=>a.value);return{head:l,body:r}});function q(l){return t.value.useBlurOnHover&&![null,void 0].includes(B.value)&&B.value!==l?`url(#blur_${b.value})`:""}function ce(){e.nextTick(()=>{const l=g.value.head.map((o,u)=>[[o.name],[g.value.body[u]],[isNaN(g.value.body[u]/y.value)?"-":g.value.body[u]/y.value*100]]),r=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(l),a=n.createCsvContent(r);n.downloadCsv({csvContent:a,title:t.value.style.chart.title.text||"vue-ui-waffle"})})}const z=e.computed(()=>{const l=[' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',n.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,y.value,n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:y.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue})),"100%"],r=g.value.head.map((u,i)=>[{color:u.color,name:u.name},n.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,g.value.body[i],n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:g.value.body[i],s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue})),isNaN(g.value.body[i]/y.value)?"-":n.dataLabel({v:g.value.body[i]/y.value*100,s:"%",r:t.value.table.td.roundingPercentage})]),a={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},shape:"square",breakpoint:t.value.table.responsiveBreakpoint},o=[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage];return{head:l,body:r,config:a,colNames:o}}),P=e.ref(!1);function Te(l){P.value=l,U.value+=1}function ve(){m.value.showTable=!m.value.showTable}function de(){m.value.showTooltip=!m.value.showTooltip}const F=e.ref(!1);function M(){F.value=!F.value}return ge({getData:_e,generatePdf:te,generateCsv:ce,generateImage:le,toggleTable:ve,toggleTooltip:de,toggleAnnotator:M}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-waffle ${P.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"waffleChart",ref:_,id:`vue-ui-waffle_${b.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive?"height: 100%":""}`)},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Ae.PenAndPaper,{key:0,parent:_.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:F.value,onClose:M},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),we.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:H,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:j,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(Le._sfc_main,{key:`title_${Y.value}`,config:{title:{cy:"waffle-title",...t.value.style.chart.title},subtitle:{cy:"waffle-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&V.value?(e.openBlock(),e.createBlock(he.UserOptions,{ref_key:"details",ref:ke,key:`user_options_${U.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(Z),isImaging:e.unref(ee),uid:b.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.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:P.value,isTooltip:m.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:_.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:F.value,onToggleFullscreen:Te,onGeneratePdf:e.unref(te),onGenerateCsv:ce,onGenerateImage:e.unref(le),onToggleTable:ve,onToggleTooltip:de,onToggleAnnotator:M},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:a,isFullscreen:o})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:o})),void 0,!0)]),key:"5"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:a,isAnnotator:o})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:a,isAnnotator:o})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),V.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(n.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":P.value,"vue-data-ui-fulscreen--off":!P.value}),viewBox:`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(Fe._sfc_main),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(a,o)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`gradient_${b.value}_${o}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(n.setOpacity)(e.unref(n.shiftHue)(a.color,.05),100-t.value.style.chart.layout.rect.gradientIntensity)},null,8,Re),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,Ue)],8,Me))),256))]),e.createElementVNode("defs",null,[e.createElementVNode("filter",{id:`blur_${b.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},He,8,je)]),t.value.useCustomCells&&s.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(L.value,(a,o)=>(e.openBlock(),e.createElementBlock("foreignObject",{x:a.x,y:a.y,height:C.value<=0?1e-4:C.value,width:w.value<=0?1e-4:w.value,class:"vue-ui-waffle-custom-cell-foreignObject"},[e.renderSlot(l.$slots,"cell",e.normalizeProps(e.guardReactiveProps({cell:{...a,color:s.value[o].color,...s.value[o]},isSelected:[null,void 0].includes(B.value)?!0:s.value[o].serieIndex===B.value})),void 0,!0)],8,Ye))),256)):e.createCommentVNode("",!0),!s.value.length&&!t.value.useCustomCells?(e.openBlock(),e.createElementBlock("rect",{key:1,x:12,y:12,height:f.value.height-24,width:f.value.width-24,rx:3,fill:"none",stroke:"black"},null,8,Xe)):s.value.length&&!t.value.useCustomCells?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(a,o)=>(e.openBlock(),e.createElementBlock("rect",{rx:t.value.style.chart.layout.rect.rounded?t.value.style.chart.layout.rect.rounding:0,x:a.x+t.value.style.chart.layout.grid.spaceBetween/2,y:a.y+t.value.style.chart.layout.grid.spaceBetween/2,height:C.value<=0?1e-4:C.value,width:w.value<=0?1e-4:w.value,fill:"white",stroke:t.value.style.chart.layout.rect.stroke,"stroke-width":t.value.style.chart.layout.rect.strokeWidth,filter:q(s.value[o].serieIndex)},null,8,Je))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(a,o)=>(e.openBlock(),e.createElementBlock("rect",{rx:t.value.style.chart.layout.rect.rounded?t.value.style.chart.layout.rect.rounding:0,x:a.x+t.value.style.chart.layout.grid.spaceBetween/2,y:a.y+t.value.style.chart.layout.grid.spaceBetween/2,height:C.value<=0?1e-4:C.value,width:w.value<=0?1e-4:w.value,fill:t.value.style.chart.layout.rect.useGradient&&t.value.style.chart.layout.rect.gradientIntensity>0?`url(#gradient_${b.value}_${o})`:s.value[o].color,stroke:t.value.style.chart.layout.rect.stroke,"stroke-width":t.value.style.chart.layout.rect.strokeWidth,filter:q(s.value[o].serieIndex)},null,8,Ke))),256))],64)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(a,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.value.length&&!x.value&&!t.value.style.chart.layout.grid.vertical&&t.value.style.chart.layout.labels.captions.show&&(s.value[o].isFirst&&a.position<t.value.style.chart.layout.grid.size-2||s.value[o].isAbsoluteFirst&&o%t.value.style.chart.layout.grid.size===0&&s.value[o].absoluteStartIndex)?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:a.x+t.value.style.chart.layout.labels.captions.offsetX+t.value.style.chart.layout.grid.spaceBetween/2,y:a.y+t.value.style.chart.layout.labels.captions.offsetY+t.value.style.chart.layout.grid.spaceBetween/2,height:I.value<=0?1e-4:I.value,width:$.value*t.value.style.chart.layout.grid.size<=0?1e-4:$.value*t.value.style.chart.layout.grid.size,filter:q(s.value[o].serieIndex)},[e.createElementVNode("div",{class:"vue-ui-waffle-caption",style:e.normalizeStyle(`height: 100%; width: 100%; font-size:${t.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${$.value/12}px;color:${e.unref(n.adaptColorToBackground)(s.value[o].color)};gap:2px`)},[t.value.style.chart.layout.labels.captions.showSerieName?(e.openBlock(),e.createElementBlock("span",Ze,e.toDisplayString(t.value.style.chart.layout.labels.captions.serieNameAbbreviation?e.unref(n.abbreviate)({source:s.value[o].name,length:t.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize}):s.value[o].name)+": ",1)):e.createCommentVNode("",!0),t.value.style.chart.layout.labels.captions.showPercentage?(e.openBlock(),e.createElementBlock("span",et,e.toDisplayString(e.unref(n.dataLabel)({v:s.value[o].proportion,s:"%",r:t.value.style.chart.layout.labels.captions.roundingPercentage})),1)):e.createCommentVNode("",!0),t.value.style.chart.layout.labels.captions.showPercentage&&t.value.style.chart.layout.labels.captions.showValue?(e.openBlock(),e.createElementBlock("span",tt," ("+e.toDisplayString(e.unref(n.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,s.value[o].value,e.unref(n.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:s.value[o].value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.layout.labels.captions.roundingValue}),{datapoint:s.value[o],position:a}))+") ",1)):e.createCommentVNode("",!0),!t.value.style.chart.layout.labels.captions.showPercentage&&t.value.style.chart.layout.labels.captions.showValue?(e.openBlock(),e.createElementBlock("span",lt,e.toDisplayString(e.unref(n.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,s.value[o].value,e.unref(n.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:s.value[o].value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.layout.labels.captions.roundingValue}),{datapoint:s.value[o],position:a})),1)):e.createCommentVNode("",!0)],4)],8,Qe)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,(a,o)=>(e.openBlock(),e.createElementBlock("rect",{onMouseover:u=>$e(o),onMouseleave:r[0]||(r[0]=u=>{A.value=!1,B.value=null}),x:a.x+t.value.style.chart.layout.grid.spaceBetween/2,y:a.y+t.value.style.chart.layout.grid.spaceBetween/2,height:I.value<=0?1e-4:I.value,width:$.value<=0?1e-4:$.value,fill:"transparent",stroke:"none"},null,40,at))),256)),e.renderSlot(l.$slots,"svg",{svg:k.value},void 0,!0)],14,qe)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",ot,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(Z)||e.unref(ee)})),void 0,!0)])):e.createCommentVNode("",!0),V.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ie.default,{key:6,config:{type:"waffle",style:{backgroundColor:t.value.style.chart.backgroundColor,waffle:{color:"#CCCCCC"}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:G},[t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(Ee.Legend,{key:`legend_${J.value}`,legendSet:S.value,config:Ne.value,onClickMarker:r[1]||(r[1]=({legend:a})=>ie(a.uid))},{item:e.withCtx(({legend:a})=>[e.createElementVNode("div",{onClick:o=>a.segregate(),style:e.normalizeStyle(`opacity:${v.value.includes(a.uid)?.5:1}`)},[e.createTextVNode(e.toDisplayString(a.name)+": "+e.toDisplayString(e.unref(n.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,a.value,e.unref(n.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:a.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.legend.roundingValue,isAnimating:x.value}),{datapoint:a}))+" ",1),v.value.includes(a.uid)?(e.openBlock(),e.createElementBlock("span",nt," ( - % ) ")):(e.openBlock(),e.createElementBlock("span",ut," ("+e.toDisplayString(isNaN(a.value/y.value)?"-":e.unref(n.dataLabel)({v:a.value/y.value*100,s:"%",r:t.value.style.chart.legend.roundingPercentage,isAnimating:x.value}))+") ",1))],12,rt)]),_:1},8,["legendSet","config"])):e.renderSlot(l.$slots,"legend",{key:1,legend:S.value},void 0,!0)],512),l.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:W,dir:"auto"},[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(Pe._sfc_main,{show:m.value.showTooltip&&A.value&&v.value.length<p.dataset.length,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:_.value,content:O.value,isCustom:t.value.style.chart.tooltip.customFormat&&typeof t.value.style.chart.tooltip.customFormat=="function",fontSize:t.value.style.chart.tooltip.fontSize},{"tooltip-before":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...D.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...D.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","backgroundOpacity","position","offsetY","parent","content","isCustom","fontSize"]),V.value?(e.openBlock(),e.createBlock(ze.default,{key:8,hideDetails:"",config:{open:m.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Ve.DataTable,{key:`table_${X.value}`,colNames:z.value.colNames,head:z.value.head,body:z.value.body,config:z.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:r[2]||(r[2]=a=>m.value.showTable=!1)},{th:e.withCtx(({th:a})=>[e.createElementVNode("div",{innerHTML:a,style:{display:"flex","align-items":"center"}},null,8,st)]),td:e.withCtx(({td:a})=>[e.createTextVNode(e.toDisplayString(a.name||a),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,De))}},ct=Oe._export_sfc(it,[["__scopeId","data-v-b51c7605"]]);exports.default=ct;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-Ce0TFqvS.cjs"),pe=require("./useResponsive-BJ7DTGpm.cjs"),Le=require("./Title-DoxrpVfD.cjs"),he=require("./usePrinter-Dq9TRqqU.cjs"),Pe=require("./Tooltip-t5_yWU6c.cjs"),Ve=require("./DataTable-DnaY4y8p.cjs"),Ee=require("./Legend-BPogA3ac.cjs"),Ie=require("./vue-ui-skeleton-BdbO4Bxt.cjs"),ze=require("./vue-ui-accordion-2oBs8M8G.cjs"),fe=require("./useNestedProp-Dv81zO0o.cjs"),Fe=require("./PackageVersion-CQ9hp4g5.cjs"),Ae=require("./PenAndPaper-B1DxKWdn.cjs"),Oe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ye=$=>(e.pushScopeId("data-v-6c74341a"),$=$(),e.popScopeId(),$),De=["id"],qe=["xmlns","viewBox"],Me=["id"],Re=["stop-color"],Ue=["stop-color"],je=["id"],Ge=ye(()=>e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:2},null,-1)),We=ye(()=>e.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1)),He=[Ge,We],Ye=["x","y","height","width"],Xe=["height","width"],Je=["rx","x","y","height","width","stroke","stroke-width","filter"],Ke=["rx","x","y","height","width","fill","stroke","stroke-width","filter"],Qe=["x","y","height","width","filter"],Ze={key:0},et={key:1},tt={key:2},lt={key:3},at=["onMouseover","x","y","height","width"],ot={key:5,class:"vue-data-ui-watermark"},rt=["onClick"],ut={key:0},nt={key:1},st=["innerHTML"],it={__name:"vue-ui-waffle",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend"],setup($,{expose:ge,emit:me}){const p=$,{vue_ui_waffle:be}=n.useConfig(),V=e.computed(()=>!!p.dataset&&p.dataset.length),b=e.ref(n.createUid()),ke=e.ref(null),A=e.ref(!1),O=e.ref(""),B=e.ref(null),U=e.ref(0),_=e.ref(null),j=e.ref(null),G=e.ref(null),W=e.ref(null),H=e.ref(null),Y=e.ref(0),X=e.ref(0),J=e.ref(0),t=e.computed({get:()=>K(),set:l=>l});function K(){const l=fe.useNestedProp({userConfig:p.config,defaultConfig:be});return l.theme?{...fe.useNestedProp({userConfig:n.themes.vue_ui_waffle[l.theme]||p.config,defaultConfig:l}),customPalette:n.themePalettes[l.theme]||n.palette}:l}e.watch(()=>p.config,l=>{t.value=K(),Q(),Y.value+=1,X.value+=1,J.value+=1},{deep:!0});const E=e.ref(null);function Q(){if(n.objectIsEmpty(p.dataset)?n.error({componentName:"VueUiWaffle",type:"dataset"}):p.dataset.forEach((l,r)=>{n.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{n.error({componentName:"VueUiWaffle",type:"datasetSerieAttribute",property:a,index:r})})}),t.value.responsive){const l=pe.throttle(()=>{const{width:r,height:a}=pe.useResponsive({chart:_.value,title:t.value.style.chart.title.text?j.value:null,legend:t.value.style.chart.legend.show?G.value:null,source:W.value,noTitle:H.value});k.value.width=r,k.value.height=a,f.value.width=r,f.value.height=a});E.value=new ResizeObserver(l),E.value.observe(_.value.parentNode)}}e.onMounted(()=>{Q()}),e.onBeforeUnmount(()=>{E.value&&E.value.disconnect()});const{isPrinting:Z,isImaging:ee,generatePdf:te,generateImage:le}=he.usePrinter({elementId:`vue-ui-waffle_${b.value}`,fileName:t.value.style.chart.title.text||"vue-ui-waffle"}),we=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),ae=e.computed(()=>n.convertCustomPalette(t.value.customPalette)),m=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),k=e.ref({height:512,width:512}),f=e.ref({top:0,left:0,height:512,width:512}),w=e.computed(()=>(f.value.width-t.value.style.chart.layout.grid.size*t.value.style.chart.layout.grid.spaceBetween)/t.value.style.chart.layout.grid.size),C=e.computed(()=>(f.value.height-t.value.style.chart.layout.grid.size*t.value.style.chart.layout.grid.spaceBetween)/t.value.style.chart.layout.grid.size),T=e.computed(()=>f.value.width/t.value.style.chart.layout.grid.size),I=e.computed(()=>f.value.height/t.value.style.chart.layout.grid.size);function oe(l){const r=t.value.style.chart.layout.grid.size*t.value.style.chart.layout.grid.size,a=l.reduce((h,R)=>h+R,0),o=l.map(h=>h/a*r),u=o.map(Math.floor),i=o.map(h=>h%1);let d=r-u.reduce((h,R)=>h+R,0);for(;d>0;){let h=i.indexOf(Math.max(...i));u[h]+=1,i[h]=0,d-=1}return u}function re(){return p.dataset.map((l,r)=>({...l,color:n.convertColorToHex(l.color)||ae.value[r]||n.palette[r]||n.palette[r%n.palette.length],uid:`serie_${r}`,absoluteIndex:r}))}const ue=e.computed(()=>re()),c=e.ref(ue.value);e.watch(()=>p.dataset,l=>{c.value=re()},{deep:!0});const Ce=e.computed(()=>{const l=c.value.filter((r,a)=>!v.value.includes(r.uid)).map((r,a)=>(r.values||[]).reduce((o,u)=>o+u,0));return oe(l)}),xe=e.computed(()=>{const l=c.value.map((r,a)=>(r.values||[]).reduce((o,u)=>o+u));return oe(l)}),L=e.computed(()=>(p.dataset.forEach((l,r)=>{[null,void 0].includes(l.values)&&n.error({componentName:"VueUiWaffle",type:"datasetSerieAttribute",property:"values (number[])",index:r})}),c.value.filter((l,r)=>!v.value.includes(l.uid)).map((l,r)=>({absoluteIndex:l.absoluteIndex,uid:l.uid,name:l.name,color:l.color,value:(l.values||[]).reduce((a,o)=>a+o,0),absoluteValues:l.values||[],proportion:Ce.value[r]})))),Be=e.computed(()=>c.value.map((l,r)=>({absoluteIndex:l.absoluteIndex,uid:l.uid,name:l.name,color:l.color,value:(l.values||[]).reduce((a,o)=>a+o,0),absoluteValues:l.values||[],proportion:xe.value[r]})));function _e(){return Be.value.map(l=>({name:l.name,color:l.color,value:l.value,proportion:l.proportion}))}const Se=e.computed(()=>{let l=0;return L.value.map((r,a)=>{const o=l,u=o+r.proportion,i=[];for(let d=Math.floor(o);d<Math.floor(u);d+=1)i.push(d);return l=u,{...r,start:o,rects:i}})}),s=e.computed(()=>Se.value.flatMap((l,r)=>l.rects.map((a,o)=>({isFirst:o===0,isLongEnough:a.length>2,name:l.name,color:l.color,value:l.value,serieIndex:r,absoluteStartIndex:o<3,serieId:l.uid,...l}))).map((l,r)=>({...l,isAbsoluteFirst:r%t.value.style.chart.layout.grid.size===0}))),P=e.computed(()=>{const l=[];for(let r=0;r<t.value.style.chart.layout.grid.size;r+=1)for(let a=0;a<t.value.style.chart.layout.grid.size;a+=1)l.push({isStartOfLine:a===0,position:t.value.style.chart.layout.grid.vertical?r:a,x:(t.value.style.chart.layout.grid.vertical?r:a)*(w.value+t.value.style.chart.layout.grid.spaceBetween),y:(t.value.style.chart.layout.grid.vertical?a:r)*(C.value+t.value.style.chart.layout.grid.spaceBetween)+f.value.top});return l}),v=e.ref([]),x=e.ref(!1),ne=e.ref(null),se=e.ref(null);function ie(l){if(!t.value.useAnimation){v.value.includes(l)?v.value=v.value.filter(u=>u!==l):v.value.length<S.value.length-1&&S.value.length>1&&v.value.push(l);return}const r=ue.value.find(u=>u.uid===l).values.reduce((u,i)=>u+i,0);let o=c.value.find(u=>u.uid===l).values.reduce((u,i)=>u+i,0);if(v.value.includes(l)){let i=function(){o>u?(cancelAnimationFrame(ne.value),c.value=c.value.map((d,h)=>d.uid===l?{...d,values:[u]}:d),x.value=!1):(x.value=!0,o+=u*.025,c.value=c.value.map((d,h)=>d.uid===l?{...d,values:[o]}:d),ne.value=requestAnimationFrame(i))};v.value=v.value.filter(d=>d!==l);const u=r;i()}else if(v.value.length<S.value.length-1&&S.value.length>1){let u=function(){o<.1?(cancelAnimationFrame(se.value),v.value.push(l),c.value=c.value.map((i,d)=>i.uid===l?{...i,values:[0]}:i),x.value=!1):(x.value=!0,o/=1.5,c.value=c.value.map((i,d)=>i.uid===l?{...i,values:[o]}:i),se.value=requestAnimationFrame(u))};u()}me("selectLegend",L.value.map(u=>({name:u.name,color:u.color,value:u.value,proportion:u.proportion/Math.pow(t.value.style.chart.layout.grid.size,2)})))}const S=e.computed(()=>c.value.map((l,r)=>({name:l.name,color:l.color||ae[r]||n.palette[r]||n.palette[r%n.palette.length],value:(l.values||[]).reduce((a,o)=>a+o,0),uid:l.uid,shape:"square"})).map((l,r)=>({...l,proportion:l.value/c.value.map(a=>(a.values||[]).reduce((o,u)=>o+u,0)).reduce((a,o)=>a+o,0),opacity:v.value.includes(l.uid)?.5:1,segregate:()=>ie(l.uid),isSegregated:v.value.includes(l.uid)}))),Ne=e.computed(()=>({cy:"waffle-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),y=e.computed(()=>L.value.map(l=>l.value).reduce((l,r)=>l+r,0)),D=e.ref(null);function $e(l){if(v.value.length===p.dataset.length)return;const r=s.value[l];D.value={datapoint:r,seriesIndex:r.absoluteIndex,series:c.value,config:t.value},A.value=!0,B.value=s.value[l].serieIndex;const a=t.value.style.chart.tooltip.customFormat;if(n.isFunction(a)&&n.functionReturnsString(()=>a({seriesIndex:s.value[l].absoluteIndex,datapoint:r,series:c.value,config:t.value})))O.value=a({seriesIndex:s.value[l].absoluteIndex,datapoint:r,series:c.value,config:t.value});else{let o="";if(o+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${r.name}</div>`,o+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" rx="1" fill="${r.color}" /></svg>`,t.value.style.chart.tooltip.showValue&&(o+=`<b>${n.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,r.value,n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:r.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.tooltip.roundingValue}),{datapoint:r,seriesIndex:s.value[l].absoluteIndex,series:c.value})}</b>`),t.value.style.chart.tooltip.showPercentage){const u=n.dataLabel({v:r.value/y.value*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage});t.value.style.chart.tooltip.showValue?o+=`<span>(${u})</span></div>`:o+=`<b>${u}%</b></div>`}O.value=o}}const g=e.computed(()=>{const l=L.value.map(a=>({name:a.name,color:a.color})),r=L.value.map(a=>a.value);return{head:l,body:r}});function q(l){return t.value.useBlurOnHover&&![null,void 0].includes(B.value)&&B.value!==l?`url(#blur_${b.value})`:""}function ce(){e.nextTick(()=>{const l=g.value.head.map((o,u)=>[[o.name],[g.value.body[u]],[isNaN(g.value.body[u]/y.value)?"-":g.value.body[u]/y.value*100]]),r=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(l),a=n.createCsvContent(r);n.downloadCsv({csvContent:a,title:t.value.style.chart.title.text||"vue-ui-waffle"})})}const z=e.computed(()=>{const l=[' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',n.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,y.value,n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:y.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue})),"100%"],r=g.value.head.map((u,i)=>[{color:u.color,name:u.name},n.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,g.value.body[i],n.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:g.value.body[i],s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue})),isNaN(g.value.body[i]/y.value)?"-":n.dataLabel({v:g.value.body[i]/y.value*100,s:"%",r:t.value.table.td.roundingPercentage})]),a={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},shape:"square",breakpoint:t.value.table.responsiveBreakpoint},o=[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage];return{head:l,body:r,config:a,colNames:o}}),N=e.ref(!1);function Te(l){N.value=l,U.value+=1}function ve(){m.value.showTable=!m.value.showTable}function de(){m.value.showTooltip=!m.value.showTooltip}const F=e.ref(!1);function M(){F.value=!F.value}return ge({getData:_e,generatePdf:te,generateCsv:ce,generateImage:le,toggleTable:ve,toggleTooltip:de,toggleAnnotator:M}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-waffle ${N.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"waffleChart",ref:_,id:`vue-ui-waffle_${b.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive?"height: 100%":""}`)},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Ae.PenAndPaper,{key:0,parent:_.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:F.value,onClose:M},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),we.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:H,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:j,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(Le._sfc_main,{key:`title_${Y.value}`,config:{title:{cy:"waffle-title",...t.value.style.chart.title},subtitle:{cy:"waffle-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&V.value?(e.openBlock(),e.createBlock(he.UserOptions,{ref_key:"details",ref:ke,key:`user_options_${U.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(Z),isImaging:e.unref(ee),uid:b.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.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:m.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:_.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:F.value,onToggleFullscreen:Te,onGeneratePdf:e.unref(te),onGenerateCsv:ce,onGenerateImage:e.unref(le),onToggleTable:ve,onToggleTooltip:de,onToggleAnnotator:M},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:a,isFullscreen:o})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:o})),void 0,!0)]),key:"5"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:a,isAnnotator:o})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:a,isAnnotator:o})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),V.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(n.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":N.value,"vue-data-ui-fulscreen--off":!N.value}),viewBox:`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(Fe._sfc_main),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(a,o)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`gradient_${b.value}_${o}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(n.setOpacity)(e.unref(n.shiftHue)(a.color,.05),100-t.value.style.chart.layout.rect.gradientIntensity)},null,8,Re),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,Ue)],8,Me))),256))]),e.createElementVNode("defs",null,[e.createElementVNode("filter",{id:`blur_${b.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},He,8,je)]),t.value.useCustomCells&&s.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(P.value,(a,o)=>(e.openBlock(),e.createElementBlock("foreignObject",{x:a.x,y:a.y,height:C.value<=0?1e-4:C.value,width:w.value<=0?1e-4:w.value,class:"vue-ui-waffle-custom-cell-foreignObject"},[e.renderSlot(l.$slots,"cell",e.normalizeProps(e.guardReactiveProps({cell:{...a,color:s.value[o].color,...s.value[o]},isSelected:[null,void 0].includes(B.value)?!0:s.value[o].serieIndex===B.value})),void 0,!0)],8,Ye))),256)):e.createCommentVNode("",!0),!s.value.length&&!t.value.useCustomCells?(e.openBlock(),e.createElementBlock("rect",{key:1,x:12,y:12,height:f.value.height-24,width:f.value.width-24,rx:3,fill:"none",stroke:"black"},null,8,Xe)):s.value.length&&!t.value.useCustomCells?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,(a,o)=>(e.openBlock(),e.createElementBlock("rect",{rx:t.value.style.chart.layout.rect.rounded?t.value.style.chart.layout.rect.rounding:0,x:a.x+t.value.style.chart.layout.grid.spaceBetween/2,y:a.y+t.value.style.chart.layout.grid.spaceBetween/2,height:C.value<=0?1e-4:C.value,width:w.value<=0?1e-4:w.value,fill:"white",stroke:t.value.style.chart.layout.rect.stroke,"stroke-width":t.value.style.chart.layout.rect.strokeWidth,filter:q(s.value[o].serieIndex)},null,8,Je))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,(a,o)=>(e.openBlock(),e.createElementBlock("rect",{rx:t.value.style.chart.layout.rect.rounded?t.value.style.chart.layout.rect.rounding:0,x:a.x+t.value.style.chart.layout.grid.spaceBetween/2,y:a.y+t.value.style.chart.layout.grid.spaceBetween/2,height:C.value<=0?1e-4:C.value,width:w.value<=0?1e-4:w.value,fill:t.value.style.chart.layout.rect.useGradient&&t.value.style.chart.layout.rect.gradientIntensity>0?`url(#gradient_${b.value}_${o})`:s.value[o].color,stroke:t.value.style.chart.layout.rect.stroke,"stroke-width":t.value.style.chart.layout.rect.strokeWidth,filter:q(s.value[o].serieIndex)},null,8,Ke))),256))],64)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,(a,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.value.length&&!x.value&&!t.value.style.chart.layout.grid.vertical&&t.value.style.chart.layout.labels.captions.show&&(s.value[o].isFirst&&a.position<t.value.style.chart.layout.grid.size-2||s.value[o].isAbsoluteFirst&&o%t.value.style.chart.layout.grid.size===0&&s.value[o].absoluteStartIndex)?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:a.x+t.value.style.chart.layout.labels.captions.offsetX+t.value.style.chart.layout.grid.spaceBetween/2,y:a.y+t.value.style.chart.layout.labels.captions.offsetY+t.value.style.chart.layout.grid.spaceBetween/2,height:I.value<=0?1e-4:I.value,width:T.value*t.value.style.chart.layout.grid.size<=0?1e-4:T.value*t.value.style.chart.layout.grid.size,filter:q(s.value[o].serieIndex)},[e.createElementVNode("div",{class:"vue-ui-waffle-caption",style:e.normalizeStyle(`height: 100%; width: 100%; font-size:${t.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${T.value/12}px;color:${e.unref(n.adaptColorToBackground)(s.value[o].color)};gap:2px`)},[t.value.style.chart.layout.labels.captions.showSerieName?(e.openBlock(),e.createElementBlock("span",Ze,e.toDisplayString(t.value.style.chart.layout.labels.captions.serieNameAbbreviation?e.unref(n.abbreviate)({source:s.value[o].name,length:t.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize}):s.value[o].name)+": ",1)):e.createCommentVNode("",!0),t.value.style.chart.layout.labels.captions.showPercentage?(e.openBlock(),e.createElementBlock("span",et,e.toDisplayString(e.unref(n.dataLabel)({v:s.value[o].proportion,s:"%",r:t.value.style.chart.layout.labels.captions.roundingPercentage})),1)):e.createCommentVNode("",!0),t.value.style.chart.layout.labels.captions.showPercentage&&t.value.style.chart.layout.labels.captions.showValue?(e.openBlock(),e.createElementBlock("span",tt," ("+e.toDisplayString(e.unref(n.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,s.value[o].value,e.unref(n.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:s.value[o].value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.layout.labels.captions.roundingValue}),{datapoint:s.value[o],position:a}))+") ",1)):e.createCommentVNode("",!0),!t.value.style.chart.layout.labels.captions.showPercentage&&t.value.style.chart.layout.labels.captions.showValue?(e.openBlock(),e.createElementBlock("span",lt,e.toDisplayString(e.unref(n.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,s.value[o].value,e.unref(n.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:s.value[o].value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.layout.labels.captions.roundingValue}),{datapoint:s.value[o],position:a})),1)):e.createCommentVNode("",!0)],4)],8,Qe)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,(a,o)=>(e.openBlock(),e.createElementBlock("rect",{onMouseover:u=>$e(o),onMouseleave:r[0]||(r[0]=u=>{A.value=!1,B.value=null}),x:a.x+t.value.style.chart.layout.grid.spaceBetween/2,y:a.y+t.value.style.chart.layout.grid.spaceBetween/2,height:I.value<=0?1e-4:I.value,width:T.value<=0?1e-4:T.value,fill:"transparent",stroke:"none"},null,40,at))),256)),e.renderSlot(l.$slots,"svg",{svg:k.value},void 0,!0)],14,qe)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",ot,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(Z)||e.unref(ee)})),void 0,!0)])):e.createCommentVNode("",!0),V.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ie.default,{key:6,config:{type:"waffle",style:{backgroundColor:t.value.style.chart.backgroundColor,waffle:{color:"#CCCCCC"}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:G},[t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(Ee.Legend,{key:`legend_${J.value}`,legendSet:S.value,config:Ne.value,onClickMarker:r[1]||(r[1]=({legend:a})=>ie(a.uid))},{item:e.withCtx(({legend:a})=>[e.createElementVNode("div",{onClick:o=>a.segregate(),style:e.normalizeStyle(`opacity:${v.value.includes(a.uid)?.5:1}`)},[e.createTextVNode(e.toDisplayString(a.name)+": "+e.toDisplayString(e.unref(n.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,a.value,e.unref(n.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:a.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.legend.roundingValue,isAnimating:x.value}),{datapoint:a}))+" ",1),v.value.includes(a.uid)?(e.openBlock(),e.createElementBlock("span",nt," ( - % ) ")):(e.openBlock(),e.createElementBlock("span",ut," ("+e.toDisplayString(isNaN(a.value/y.value)?"-":e.unref(n.dataLabel)({v:a.value/y.value*100,s:"%",r:t.value.style.chart.legend.roundingPercentage,isAnimating:x.value}))+") ",1))],12,rt)]),_:1},8,["legendSet","config"])):e.renderSlot(l.$slots,"legend",{key:1,legend:S.value},void 0,!0)],512),l.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:W,dir:"auto"},[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(Pe._sfc_main,{show:m.value.showTooltip&&A.value&&v.value.length<p.dataset.length,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:_.value,content:O.value,isCustom:t.value.style.chart.tooltip.customFormat&&typeof t.value.style.chart.tooltip.customFormat=="function",fontSize:t.value.style.chart.tooltip.fontSize,isFullscreen:N.value},{"tooltip-before":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...D.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...D.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","backgroundOpacity","position","offsetY","parent","content","isCustom","fontSize","isFullscreen"]),V.value?(e.openBlock(),e.createBlock(ze.default,{key:8,hideDetails:"",config:{open:m.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Ve.DataTable,{key:`table_${X.value}`,colNames:z.value.colNames,head:z.value.head,body:z.value.body,config:z.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:r[2]||(r[2]=a=>m.value.showTable=!1)},{th:e.withCtx(({th:a})=>[e.createElementVNode("div",{innerHTML:a,style:{display:"flex","align-items":"center"}},null,8,st)]),td:e.withCtx(({td:a})=>[e.createTextVNode(e.toDisplayString(a.name||a),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,De))}},ct=Oe._export_sfc(it,[["__scopeId","data-v-6c74341a"]]);exports.default=ct;

package/dist/{vue-ui-waffle-BE8iTrGF.js → vue-ui-waffle-DOZ8DM_y.js}

@@ -1,18 +1,18 @@
-import { computed as v, ref as c, watch as Ae, onMounted as Ke, onBeforeUnmount as Je, openBlock as s, createElementBlock as n, normalizeClass as ze, normalizeStyle as Z, createBlock as N, createCommentVNode as f, unref as h, createSlots as Qe, withCtx as m, renderSlot as g, normalizeProps as D, guardReactiveProps as G, createVNode as Fe, createElementVNode as k, Fragment as I, renderList as R, toDisplayString as S, createTextVNode as Ne, nextTick as Ze, pushScopeId as et, popScopeId as tt } from "vue";
-import { u as at, c as lt, t as ot, a as ut, p as O, o as st, e as se, g as rt, b as nt, i as U, f as x, X as it, s as ct, w as vt, F as dt, K as ht, d as pt, x as yt, y as ft, q as gt, r as mt } from "./index-B6Q1Fyk0.js";
+import { computed as v, ref as c, watch as Ae, onMounted as Je, onBeforeUnmount as Ke, openBlock as s, createElementBlock as n, normalizeClass as Fe, normalizeStyle as Z, createBlock as N, createCommentVNode as f, unref as h, createSlots as Qe, withCtx as m, renderSlot as g, normalizeProps as G, guardReactiveProps as R, createVNode as ze, createElementVNode as k, Fragment as I, renderList as U, toDisplayString as S, createTextVNode as Ne, nextTick as Ze, pushScopeId as et, popScopeId as tt } from "vue";
+import { u as at, c as lt, t as ot, a as ut, p as O, o as st, e as se, g as rt, b as nt, i as j, f as x, X as it, s as ct, w as vt, G as dt, L as ht, d as pt, x as yt, y as ft, q as gt, r as mt } from "./index-CvhiHStv.js";
 import { t as bt, u as wt } from "./useResponsive-CoxXLe23.js";
-import { _ as kt } from "./Title-BB0O0yol.js";
-import { u as xt, U as Ct } from "./usePrinter-D8dIU7aG.js";
-import { _ as _t } from "./Tooltip-GvLaModr.js";
-import { D as $t } from "./DataTable-B5DiCrf_.js";
-import { L as Tt } from "./Legend-DzxQIjDO.js";
-import It from "./vue-ui-skeleton-D7rg5vFC.js";
-import St from "./vue-ui-accordion-BOHicozd.js";
-import { u as Oe } from "./useNestedProp-DQpuJSz3.js";
-import { _ as Pt } from "./PackageVersion-S7OD_s5u.js";
-import { P as Lt } from "./PenAndPaper-BxJZd7k9.js";
+import { _ as kt } from "./Title-DQcop8gI.js";
+import { u as xt, U as Ct } from "./usePrinter-BVA2_kNp.js";
+import { _ as _t } from "./Tooltip-Dx07vASW.js";
+import { D as $t } from "./DataTable-YQ5lDRtX.js";
+import { L as Tt } from "./Legend-3DteuHjj.js";
+import It from "./vue-ui-skeleton-p82n8dLi.js";
+import St from "./vue-ui-accordion-CzsbGsxC.js";
+import { u as Oe } from "./useNestedProp-Ccre6tXM.js";
+import { _ as Pt } from "./PackageVersion-CS8EAteX.js";
+import { P as Lt } from "./PenAndPaper-D22t_fD9.js";
 import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = ["xmlns", "viewBox"], Nt = ["id"], Ot = ["stop-color"], Bt = ["stop-color"], Vt = ["id"], Mt = /* @__PURE__ */ Be(() => /* @__PURE__ */ k("feGaussianBlur", {
+const Be = (E) => (et("data-v-6c74341a"), E = E(), tt(), E), Ft = ["id"], zt = ["xmlns", "viewBox"], Nt = ["id"], Ot = ["stop-color"], Bt = ["stop-color"], Vt = ["id"], Mt = /* @__PURE__ */ Be(() => /* @__PURE__ */ k("feGaussianBlur", {
   in: "SourceGraphic",
   stdDeviation: 2
 }, null, -1)), Dt = /* @__PURE__ */ Be(() => /* @__PURE__ */ k("feColorMatrix", {
@@ -21,7 +21,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
 }, null, -1)), Gt = [
   Mt,
   Dt
-], Rt = ["x", "y", "height", "width"], Ut = ["height", "width"], jt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Et = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Wt = ["x", "y", "height", "width", "filter"], qt = { key: 0 }, Ht = { key: 1 }, Xt = { key: 2 }, Yt = { key: 3 }, Kt = ["onMouseover", "x", "y", "height", "width"], Jt = {
+], Rt = ["x", "y", "height", "width"], Ut = ["height", "width"], jt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Et = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Wt = ["x", "y", "height", "width", "filter"], qt = { key: 0 }, Ht = { key: 1 }, Xt = { key: 2 }, Yt = { key: 3 }, Jt = ["onMouseover", "x", "y", "height", "width"], Kt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Qt = ["onClick"], Zt = { key: 0 }, ea = { key: 1 }, ta = ["innerHTML"], aa = {
@@ -41,8 +41,8 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
     }
   },
   emits: ["selectLegend"],
-  setup(j, { expose: Ve, emit: Me }) {
-    const b = j, { vue_ui_waffle: De } = at(), X = v(() => !!b.dataset && b.dataset.length), P = c(lt()), Ge = c(null), ee = c(!1), te = c(""), B = c(null), re = c(0), V = c(null), ne = c(null), ie = c(null), ce = c(null), ve = c(null), de = c(0), he = c(0), pe = c(0), e = v({
+  setup(E, { expose: Ve, emit: Me }) {
+    const b = E, { vue_ui_waffle: De } = at(), X = v(() => !!b.dataset && b.dataset.length), P = c(lt()), Ge = c(null), ee = c(!1), te = c(""), B = c(null), re = c(0), V = c(null), ne = c(null), ie = c(null), ce = c(null), ve = c(null), de = c(0), he = c(0), pe = c(0), e = v({
       get: () => ye(),
       set: (t) => t
     });
@@ -93,9 +93,9 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         Y.value = new ResizeObserver(t), Y.value.observe(V.value.parentNode);
       }
     }
-    Ke(() => {
+    Je(() => {
       fe();
-    }), Je(() => {
+    }), Ke(() => {
       Y.value && Y.value.disconnect();
     });
     const { isPrinting: ge, isImaging: me, generatePdf: be, generateImage: we } = xt({
@@ -112,7 +112,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       left: 0,
       height: 512,
       width: 512
-    }), A = v(() => (C.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), z = v(() => (C.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), E = v(() => C.value.width / e.value.style.chart.layout.grid.size), K = v(() => C.value.height / e.value.style.chart.layout.grid.size);
+    }), A = v(() => (C.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), F = v(() => (C.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), W = v(() => C.value.width / e.value.style.chart.layout.grid.size), J = v(() => C.value.height / e.value.style.chart.layout.grid.size);
     function xe(t) {
       const o = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((w, ue) => w + ue, 0), l = t.map((w) => w / a * o), u = l.map(Math.floor), i = l.map((w) => w % 1);
       let y = o - u.reduce((w, ue) => w + ue, 0);
@@ -140,7 +140,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
     }), je = v(() => {
       const t = d.value.map((o, a) => (o.values || []).reduce((l, u) => l + u));
       return xe(t);
-    }), W = v(() => (b.dataset.forEach((t, o) => {
+    }), q = v(() => (b.dataset.forEach((t, o) => {
       [null, void 0].includes(t.values) && se({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -174,7 +174,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
     }
     const qe = v(() => {
       let t = 0;
-      return W.value.map((o, a) => {
+      return q.value.map((o, a) => {
         const l = t, u = l + o.proportion, i = [];
         for (let y = Math.floor(l); y < Math.floor(u); y += 1)
           i.push(y);
@@ -197,7 +197,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
     }))).map((t, o) => ({
       ...t,
       isAbsoluteFirst: o % e.value.style.chart.layout.grid.size === 0
-    }))), q = v(() => {
+    }))), H = v(() => {
       const t = [];
       for (let o = 0; o < e.value.style.chart.layout.grid.size; o += 1)
         for (let a = 0; a < e.value.style.chart.layout.grid.size; a += 1)
@@ -205,10 +205,10 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
             isStartOfLine: a === 0,
             position: e.value.style.chart.layout.grid.vertical ? o : a,
             x: (e.value.style.chart.layout.grid.vertical ? o : a) * (A.value + e.value.style.chart.layout.grid.spaceBetween),
-            y: (e.value.style.chart.layout.grid.vertical ? a : o) * (z.value + e.value.style.chart.layout.grid.spaceBetween) + C.value.top
+            y: (e.value.style.chart.layout.grid.vertical ? a : o) * (F.value + e.value.style.chart.layout.grid.spaceBetween) + C.value.top
           });
       return t;
-    }), p = c([]), F = c(!1), $e = c(null), Te = c(null);
+    }), p = c([]), z = c(!1), $e = c(null), Te = c(null);
     function Ie(t) {
       if (!e.value.useAnimation) {
         p.value.includes(t) ? p.value = p.value.filter((u) => u !== t) : p.value.length < M.value.length - 1 && M.value.length > 1 && p.value.push(t);
@@ -221,7 +221,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
           l > u ? (cancelAnimationFrame($e.value), d.value = d.value.map((y, w) => y.uid === t ? {
             ...y,
             values: [u]
-          } : y), F.value = !1) : (F.value = !0, l += u * 0.025, d.value = d.value.map((y, w) => y.uid === t ? {
+          } : y), z.value = !1) : (z.value = !0, l += u * 0.025, d.value = d.value.map((y, w) => y.uid === t ? {
             ...y,
             values: [l]
           } : y), $e.value = requestAnimationFrame(i));
@@ -234,14 +234,14 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
           l < 0.1 ? (cancelAnimationFrame(Te.value), p.value.push(t), d.value = d.value.map((i, y) => i.uid === t ? {
             ...i,
             values: [0]
-          } : i), F.value = !1) : (F.value = !0, l /= 1.5, d.value = d.value.map((i, y) => i.uid === t ? {
+          } : i), z.value = !1) : (z.value = !0, l /= 1.5, d.value = d.value.map((i, y) => i.uid === t ? {
             ...i,
             values: [l]
           } : i), Te.value = requestAnimationFrame(u));
         };
         u();
       }
-      Me("selectLegend", W.value.map((u) => ({
+      Me("selectLegend", q.value.map((u) => ({
         name: u.name,
         color: u.color,
         value: u.value,
@@ -267,7 +267,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), _ = v(() => W.value.map((t) => t.value).reduce((t, o) => t + o, 0)), ae = c(null);
+    })), _ = v(() => q.value.map((t) => t.value).reduce((t, o) => t + o, 0)), ae = c(null);
     function Xe(t) {
       if (p.value.length === b.dataset.length) return;
       const o = r.value[t];
@@ -292,7 +292,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         });
       else {
         let l = "";
-        if (l += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, l += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" rx="1" fill="${o.color}" /></svg>`, e.value.style.chart.tooltip.showValue && (l += `<b>${U(
+        if (l += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, l += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" height="12" width="12" stroke="none" rx="1" fill="${o.color}" /></svg>`, e.value.style.chart.tooltip.showValue && (l += `<b>${j(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           o.value,
           x({
@@ -318,10 +318,10 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       }
     }
     const $ = v(() => {
-      const t = W.value.map((a) => ({
+      const t = q.value.map((a) => ({
         name: a.name,
         color: a.color
-      })), o = W.value.map((a) => a.value);
+      })), o = q.value.map((a) => a.value);
       return { head: t, body: o };
     });
     function le(t) {
@@ -335,10 +335,10 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         mt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
-    const J = v(() => {
+    const K = v(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        U(
+        j(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           _.value,
           x({
@@ -354,7 +354,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
           color: u.color,
           name: u.name
         },
-        U(
+        j(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           $.value.body[i],
           x({
@@ -393,9 +393,9 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         config: a,
         colNames: l
       };
-    }), H = c(!1);
+    }), D = c(!1);
     function Ye(t) {
-      H.value = t, re.value += 1;
+      D.value = t, re.value += 1;
     }
     function Pe() {
       T.value.showTable = !T.value.showTable;
@@ -416,7 +416,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       toggleTooltip: Le,
       toggleAnnotator: oe
     }), (t, o) => (s(), n("div", {
-      class: ze(`vue-ui-waffle ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Fe(`vue-ui-waffle ${D.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: V,
       id: `vue-ui-waffle_${P.value}`,
@@ -472,7 +472,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: H.value,
+        isFullscreen: D.value,
         isTooltip: T.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: V.value,
@@ -525,14 +525,14 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: a, isFullscreen: l }) => [
-            g(t.$slots, "optionFullscreen", D(G({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
+            g(t.$slots, "optionFullscreen", G(R({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: a, isAnnotator: l }) => [
-            g(t.$slots, "optionAnnotator", D(G({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
+            g(t.$slots, "optionAnnotator", G(R({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -540,13 +540,13 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       X.value ? (s(), n("svg", {
         key: 4,
         xmlns: h(it),
-        class: ze({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
+        class: Fe({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
         viewBox: `0 0 ${L.value.width <= 0 ? 10 : L.value.width} ${L.value.height <= 0 ? 10 : L.value.height}`,
         style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Fe(Pt),
+        ze(Pt),
         k("defs", null, [
-          (s(!0), n(I, null, R(r.value, (a, l) => (s(), n("radialGradient", {
+          (s(!0), n(I, null, U(r.value, (a, l) => (s(), n("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -573,14 +573,14 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
             height: "200%"
           }, Gt, 8, Vt)
         ]),
-        e.value.useCustomCells && r.value.length ? (s(!0), n(I, { key: 0 }, R(q.value, (a, l) => (s(), n("foreignObject", {
+        e.value.useCustomCells && r.value.length ? (s(!0), n(I, { key: 0 }, U(H.value, (a, l) => (s(), n("foreignObject", {
           x: a.x,
           y: a.y,
-          height: z.value <= 0 ? 1e-4 : z.value,
+          height: F.value <= 0 ? 1e-4 : F.value,
           width: A.value <= 0 ? 1e-4 : A.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
-          g(t.$slots, "cell", D(G({ cell: { ...a, color: r.value[l].color, ...r.value[l] }, isSelected: [null, void 0].includes(B.value) ? !0 : r.value[l].serieIndex === B.value })), void 0, !0)
+          g(t.$slots, "cell", G(R({ cell: { ...a, color: r.value[l].color, ...r.value[l] }, isSelected: [null, void 0].includes(B.value) ? !0 : r.value[l].serieIndex === B.value })), void 0, !0)
         ], 8, Rt))), 256)) : f("", !0),
         !r.value.length && !e.value.useCustomCells ? (s(), n("rect", {
           key: 1,
@@ -592,22 +592,22 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
           fill: "none",
           stroke: "black"
         }, null, 8, Ut)) : r.value.length && !e.value.useCustomCells ? (s(), n(I, { key: 2 }, [
-          (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
+          (s(!0), n(I, null, U(H.value, (a, l) => (s(), n("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
-            height: z.value <= 0 ? 1e-4 : z.value,
+            height: F.value <= 0 ? 1e-4 : F.value,
             width: A.value <= 0 ? 1e-4 : A.value,
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: le(r.value[l].serieIndex)
           }, null, 8, jt))), 256)),
-          (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
+          (s(!0), n(I, null, U(H.value, (a, l) => (s(), n("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
-            height: z.value <= 0 ? 1e-4 : z.value,
+            height: F.value <= 0 ? 1e-4 : F.value,
             width: A.value <= 0 ? 1e-4 : A.value,
             fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${P.value}_${l})` : r.value[l].color,
             stroke: e.value.style.chart.layout.rect.stroke,
@@ -615,22 +615,22 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
             filter: le(r.value[l].serieIndex)
           }, null, 8, Et))), 256))
         ], 64)) : f("", !0),
-        (s(!0), n(I, null, R(q.value, (a, l) => (s(), n(I, null, [
-          r.value.length && !F.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (r.value[l].isFirst && a.position < e.value.style.chart.layout.grid.size - 2 || r.value[l].isAbsoluteFirst && l % e.value.style.chart.layout.grid.size === 0 && r.value[l].absoluteStartIndex) ? (s(), n("foreignObject", {
+        (s(!0), n(I, null, U(H.value, (a, l) => (s(), n(I, null, [
+          r.value.length && !z.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (r.value[l].isFirst && a.position < e.value.style.chart.layout.grid.size - 2 || r.value[l].isAbsoluteFirst && l % e.value.style.chart.layout.grid.size === 0 && r.value[l].absoluteStartIndex) ? (s(), n("foreignObject", {
             key: 0,
             x: a.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.labels.captions.offsetY + e.value.style.chart.layout.grid.spaceBetween / 2,
-            height: K.value <= 0 ? 1e-4 : K.value,
-            width: E.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : E.value * e.value.style.chart.layout.grid.size,
+            height: J.value <= 0 ? 1e-4 : J.value,
+            width: W.value * e.value.style.chart.layout.grid.size <= 0 ? 1e-4 : W.value * e.value.style.chart.layout.grid.size,
             filter: le(r.value[l].serieIndex)
           }, [
             k("div", {
               class: "vue-ui-waffle-caption",
-              style: Z(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${E.value / 12}px;color:${h(dt)(r.value[l].color)};gap:2px`)
+              style: Z(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${W.value / 12}px;color:${h(dt)(r.value[l].color)};gap:2px`)
             }, [
               e.value.style.chart.layout.labels.captions.showSerieName ? (s(), n("span", qt, S(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? h(ht)({ source: r.value[l].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : r.value[l].name) + ": ", 1)) : f("", !0),
               e.value.style.chart.layout.labels.captions.showPercentage ? (s(), n("span", Ht, S(h(x)({ v: r.value[l].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : f("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Xt, " (" + S(h(U)(
+              e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Xt, " (" + S(h(j)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 r.value[l].value,
                 h(x)({
@@ -641,7 +641,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
                 }),
                 { datapoint: r.value[l], position: a }
               )) + ") ", 1)) : f("", !0),
-              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Yt, S(h(U)(
+              !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), n("span", Yt, S(h(j)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 r.value[l].value,
                 h(x)({
@@ -655,22 +655,22 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
             ], 4)
           ], 8, Wt)) : f("", !0)
         ], 64))), 256)),
-        (s(!0), n(I, null, R(q.value, (a, l) => (s(), n("rect", {
+        (s(!0), n(I, null, U(H.value, (a, l) => (s(), n("rect", {
           onMouseover: (u) => Xe(l),
           onMouseleave: o[0] || (o[0] = (u) => {
             ee.value = !1, B.value = null;
           }),
           x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
           y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
-          height: K.value <= 0 ? 1e-4 : K.value,
-          width: E.value <= 0 ? 1e-4 : E.value,
+          height: J.value <= 0 ? 1e-4 : J.value,
+          width: W.value <= 0 ? 1e-4 : W.value,
           fill: "transparent",
           stroke: "none"
-        }, null, 40, Kt))), 256)),
+        }, null, 40, Jt))), 256)),
         g(t.$slots, "svg", { svg: L.value }, void 0, !0)
-      ], 14, Ft)) : f("", !0),
-      t.$slots.watermark ? (s(), n("div", Jt, [
-        g(t.$slots, "watermark", D(G({ isPrinting: h(ge) || h(me) })), void 0, !0)
+      ], 14, zt)) : f("", !0),
+      t.$slots.watermark ? (s(), n("div", Kt, [
+        g(t.$slots, "watermark", G(R({ isPrinting: h(ge) || h(me) })), void 0, !0)
       ])) : f("", !0),
       X.value ? f("", !0) : (s(), N(It, {
         key: 6,
@@ -699,7 +699,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
               onClick: (l) => a.segregate(),
               style: Z(`opacity:${p.value.includes(a.uid) ? 0.5 : 1}`)
             }, [
-              Ne(S(a.name) + ": " + S(h(U)(
+              Ne(S(a.name) + ": " + S(h(j)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 a.value,
                 h(x)({
@@ -707,11 +707,11 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
                   v: a.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.legend.roundingValue,
-                  isAnimating: F.value
+                  isAnimating: z.value
                 }),
                 { datapoint: a }
               )) + " ", 1),
-              p.value.includes(a.uid) ? (s(), n("span", ea, " ( - % ) ")) : (s(), n("span", Zt, " (" + S(isNaN(a.value / _.value) ? "-" : h(x)({ v: a.value / _.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: F.value })) + ") ", 1))
+              p.value.includes(a.uid) ? (s(), n("span", ea, " ( - % ) ")) : (s(), n("span", Zt, " (" + S(isNaN(a.value / _.value) ? "-" : h(x)({ v: a.value / _.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage, isAnimating: z.value })) + ") ", 1))
             ], 12, Qt)
           ]),
           _: 1
@@ -728,7 +728,7 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
       }, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      Fe(_t, {
+      ze(_t, {
         show: T.value.showTooltip && ee.value && p.value.length < b.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -741,16 +741,17 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         parent: V.value,
         content: te.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
-        fontSize: e.value.style.chart.tooltip.fontSize
+        fontSize: e.value.style.chart.tooltip.fontSize,
+        isFullscreen: D.value
       }, {
         "tooltip-before": m(() => [
-          g(t.$slots, "tooltip-before", D(G({ ...ae.value })), void 0, !0)
+          g(t.$slots, "tooltip-before", G(R({ ...ae.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          g(t.$slots, "tooltip-after", D(G({ ...ae.value })), void 0, !0)
+          g(t.$slots, "tooltip-after", G(R({ ...ae.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize"]),
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen"]),
       X.value ? (s(), N(St, {
         key: 8,
         hideDetails: "",
@@ -770,10 +771,10 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         content: m(() => [
           (s(), N($t, {
             key: `table_${he.value}`,
-            colNames: J.value.colNames,
-            head: J.value.head,
-            body: J.value.body,
-            config: J.value.config,
+            colNames: K.value.colNames,
+            head: K.value.head,
+            body: K.value.body,
+            config: K.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: o[2] || (o[2] = (a) => T.value.showTable = !1)
           }, {
@@ -791,9 +792,9 @@ const Be = (j) => (et("data-v-b51c7605"), j = j(), tt(), j), zt = ["id"], Ft = [
         ]),
         _: 1
       }, 8, ["config"])) : f("", !0)
-    ], 14, zt));
+    ], 14, Ft));
   }
-}, ga = /* @__PURE__ */ At(aa, [["__scopeId", "data-v-b51c7605"]]);
+}, ga = /* @__PURE__ */ At(aa, [["__scopeId", "data-v-6c74341a"]]);
 export {
   ga as default
 };

package/dist/{vue-ui-wheel-BXSIBRLM.js → vue-ui-wheel-BiHGxIWR.js}

@@ -1,12 +1,12 @@
 import { computed as p, ref as n, watch as E, onMounted as oe, onBeforeUnmount as ne, openBlock as s, createElementBlock as c, normalizeStyle as R, createBlock as w, createCommentVNode as v, unref as r, createSlots as se, withCtx as b, renderSlot as f, normalizeProps as A, guardReactiveProps as I, normalizeClass as j, createVNode as re, Fragment as ue, renderList as ie, toDisplayString as ce } from "vue";
-import { u as ve, c as he, t as de, o as fe, e as ye, w as D, X as pe, i as ge, v as Y, f as me } from "./index-B6Q1Fyk0.js";
-import { _ as ke } from "./Title-BB0O0yol.js";
-import { u as we, U as be } from "./usePrinter-D8dIU7aG.js";
+import { u as ve, c as he, t as de, o as fe, e as ye, w as D, X as pe, i as ge, v as Y, f as me } from "./index-CvhiHStv.js";
+import { _ as ke } from "./Title-DQcop8gI.js";
+import { u as we, U as be } from "./usePrinter-BVA2_kNp.js";
 import { t as Ce, u as _e } from "./useResponsive-CoxXLe23.js";
-import $e from "./vue-ui-skeleton-D7rg5vFC.js";
-import { u as H } from "./useNestedProp-DQpuJSz3.js";
-import { _ as xe } from "./PackageVersion-S7OD_s5u.js";
-import { P as Ae } from "./PenAndPaper-BxJZd7k9.js";
+import $e from "./vue-ui-skeleton-p82n8dLi.js";
+import { u as H } from "./useNestedProp-Ccre6tXM.js";
+import { _ as xe } from "./PackageVersion-CS8EAteX.js";
+import { P as Ae } from "./PenAndPaper-D22t_fD9.js";
 import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pe = ["id"], Fe = ["xmlns", "viewBox"], Oe = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], ze = ["cx", "cy", "r", "stroke", "stroke-width"], Se = ["x", "y", "font-size", "fill", "font-weight"], Ne = {
   key: 5,