vue-data-ui 2.7.2 → 2.7.4

package/dist/vue-ui-xy-canvas-C76OoGNJ.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./index-MIJJ8liG.cjs"),x=require("./useResponsive-DQmBAoBf.cjs"),vt=require("./Tooltip-Dbe23pmt.cjs"),dt=require("./Legend-Bhl2d6oj.cjs"),ht=require("./Title-C5w8bVlo.cjs"),ft=require("./Slicer-Duh-nBCD.cjs"),Ue=require("./usePrinter-U1x-RAEA.cjs"),yt=require("./vue-ui-accordion-cBSqrYy3.cjs"),pt=require("./DataTable-c3nDhwbO.cjs"),gt=require("./vue-ui-skeleton-DOE444ST.cjs"),qe=require("./useNestedProp-DwR4JSzw.cjs"),mt=require("./useUserOptionState-BgepsfED.cjs"),bt=require("./useChartAccessibility-Cm7nkzTG.cjs"),ge=require("./BaseIcon-WIhlX3LN.cjs"),xt=require("./ColorPicker-mXlj2N11.cjs"),We=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),kt={class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0}),style:{padding:"0 !important"}},Ct=["disabled"],Lt=["data-mode","xmlns","viewBox"],wt=["cx","cy","r","fill"],St=["d","stroke","stroke-width"],zt=["x","y","fill","font-size"],$t=["x","dy"],Tt=["d","stroke","stroke-width"],Et={__name:"NonSvgPenAndPaper",props:{parent:{type:HTMLElement},backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#2D353C"},active:{type:Boolean,default:!1}},emits:["close"],setup($,{emit:Ee}){const U=$,Be=Ee,L=t.ref([]),V=t.ref([]),_=t.ref("0 0 0 0"),D=t.ref(U.color),y=t.ref(1),m=t.ref("draw"),w=t.ref(null),q=t.ref(!1),h=t.ref(null),Y=t.ref({x:0,y:0}),X=t.ref([""]),E=t.ref({row:0,col:0}),P=t.ref(16);let W=1;function G(){return W++}function ne(i){var a;const r=R.value;if(!r)return{x:0,y:0};const o=r.createSVGPoint();let u=i.clientX,v=i.clientY;i.touches&&i.touches.length&&(u=i.touches[0].clientX,v=i.touches[0].clientY),o.x=u,o.y=v;const f=(a=r.getScreenCTM())==null?void 0:a.inverse();return f?o.matrixTransform(f):{x:0,y:0}}function re(i){if(!w.value||m.value!=="text"||q.value)return;const{x:r,y:o}=ne(i);Y.value={x:r,y:o},X.value=[""],E.value={row:0,col:0};const u=document.createElementNS("http://www.w3.org/2000/svg","text");u.setAttribute("x",r),u.setAttribute("y",o),u.setAttribute("fill",D.value),u.setAttribute("font-size",P.value),u.setAttribute("font-family","sans-serif"),u.setAttribute("class","vue-data-ui-doodle"),u.setAttribute("dominant-baseline","hanging"),u.setAttribute("pointer-events","all");const v=document.createElementNS("http://www.w3.org/2000/svg","tspan");v.setAttribute("x",r),v.setAttribute("dy","0"),v.textContent="",u.appendChild(v),u.style.pointerEvents="none",w.value.appendChild(u),h.value=u,q.value=!0,window.addEventListener("keydown",ue),window.addEventListener("mousedown",ie,!0),J(),se()}function ue(i){if(!q.value)return;let{row:r,col:o}=E.value,u=X.value.slice(),v=!1;if(i.key==="Enter"){const f=u[r],a=f.slice(0,o),T=f.slice(o);u.splice(r,1,a,T),r+=1,o=0,v=!0,i.preventDefault()}else if(i.key==="Backspace"){if(o>0)u[r]=u[r].slice(0,o-1)+u[r].slice(o),o-=1,v=!0;else if(r>0){const f=u[r-1].length;u[r-1]+=u[r],u.splice(r,1),r-=1,o=f,v=!0}i.preventDefault()}else if(i.key==="Delete")o<u[r].length?(u[r]=u[r].slice(0,o)+u[r].slice(o+1),v=!0):r<u.length-1&&(u[r]+=u[r+1],u.splice(r+1,1),v=!0),i.preventDefault();else if(i.key==="ArrowLeft")o>0?o-=1:r>0&&(r-=1,o=u[r].length),v=!0,i.preventDefault();else if(i.key==="ArrowRight")o<u[r].length?o+=1:r<u.length-1&&(r+=1,o=0),v=!0,i.preventDefault();else if(i.key==="ArrowUp")r>0&&(r-=1,o=Math.min(o,u[r].length),v=!0),i.preventDefault();else if(i.key==="ArrowDown")r<u.length-1&&(r+=1,o=Math.min(o,u[r].length),v=!0),i.preventDefault();else if(i.key.length===1&&!i.ctrlKey&&!i.metaKey&&!i.altKey)u[r]=u[r].slice(0,o)+i.key+u[r].slice(o),o+=1,v=!0,i.preventDefault();else if(i.key==="Escape"){ce(!0);return}else i.key==="Tab"&&i.preventDefault();v&&(X.value=u,E.value={row:r,col:o},J(),se())}function J(){const i=h.value,{x:r,y:o}=Y.value;for(;i.firstChild;)i.removeChild(i.firstChild);X.value.forEach((u,v)=>{const f=document.createElementNS("http://www.w3.org/2000/svg","tspan");f.setAttribute("x",r),f.setAttribute("dy",v===0?"0":`${P.value*1.2}`),f.textContent=u.length?u:"​",i.appendChild(f)})}function se(){const i=w.value.querySelector(".vue-data-ui-svg-caret");i&&w.value.removeChild(i);const r=h.value;if(!r)return;const{x:o,y:u}=Y.value,{row:v,col:f}=E.value,a=P.value,T=r.childNodes[v];if(!T)return;let B=T.textContent.slice(0,f);B.endsWith(" ")&&(B+=" ");const p=document.createElementNS("http://www.w3.org/2000/svg","text");p.setAttribute("x",o),p.setAttribute("y",u),p.setAttribute("font-size",a),p.setAttribute("font-family","sans-serif"),p.textContent=B||"",w.value.appendChild(p);const M=p.getBBox();w.value.removeChild(p);let z=u+v*a*1.2,g=o+M.width;const c=document.createElementNS("http://www.w3.org/2000/svg","rect");c.setAttribute("x",g),c.setAttribute("y",z),c.setAttribute("width",1),c.setAttribute("height",a),c.setAttribute("fill",D.value),c.setAttribute("class","vue-data-ui-svg-caret"),w.value.appendChild(c)}function ie(i){if(h.value&&!h.value.contains(i.target)){const r=h.value.children;r.length===1&&(r[0].textContent===""||r[0].textContent==="​")&&h.value.remove(),ce(!1)}}function ce(i=!1){var u;window.removeEventListener("keydown",ue),window.removeEventListener("mousedown",ie,!0);const r=(u=w.value)==null?void 0:u.querySelector(".vue-data-ui-svg-caret");r&&w.value.removeChild(r);const o=X.value.every(v=>!v||v==="​");i||o||L.value.push({id:G(),type:"text",x:Y.value.x,y:Y.value.y,color:D.value,fontSize:P.value,lines:X.value.map(v=>v)}),h.value&&w.value&&w.value.contains(h.value)&&w.value.removeChild(h.value),q.value=!1,h.value=null,X.value=[""],E.value={row:0,col:0}}const H=t.computed(()=>d.lightenHexColor(U.color,.6));function ee({width:i,height:r}){_.value=`0 0 ${i} ${r}`}const K=t.ref(null);t.onMounted(()=>{t.nextTick(()=>{if(U.parent){K.value=new ResizeObserver(o=>{for(const u of o){const{width:v,height:f}=u.contentRect;ee({width:v,height:f})}}),K.value.observe(U.parent);const{width:i,height:r}=U.parent.getBoundingClientRect();ee({width:i,height:r})}}),w.value=R.value.querySelector("g")}),t.onBeforeUnmount(()=>{K.value&&K.value.disconnect()}),t.watch(()=>U.parent,i=>{if(!i)return;const{width:r,height:o}=U.parent.getBoundingClientRect();ee({width:r,height:o})},{immediate:!0}),t.watch(m,i=>{var r,o;i==="text"?(r=R.value)==null||r.addEventListener("mousedown",re):(o=R.value)==null||o.removeEventListener("mousedown",re)});const Z=t.ref(!1),N=t.ref(""),R=t.ref(null);function me(i){if(m.value!=="draw"||!R.value)return;Z.value=!0;const{x:r,y:o}=F(i);N.value=`M ${r} ${o}`}function be(i){if(!Z.value||!R.value)return;const{x:r,y:o}=F(i);N.value+=` ${r} ${o}`}function l(i){const r=i.trim().split(/\s+/);if(r.length<4)return i;const o=r.slice(1).map(Number);if(o.length%2!==0)return i;const u=ve(o),v=[`M ${u[0]} ${u[1]}`];for(let T=2;T<u.length-2;T+=2){const B=u[T-2],p=u[T-1],M=u[T],z=u[T+1],g=(B+M)/2,c=(p+z)/2;v.push(`Q ${B} ${p} ${g} ${c}`)}const f=u[u.length-2],a=u[u.length-1];return v.push(`L ${f} ${a}`),v.join(" ")}function ve(i,r=1){const o=[...i];for(let u=2;u<i.length-2;u+=2){const v=i[u],f=i[u+1],a=i[u-2],T=i[u-1],B=i[u+2],p=i[u+3];o[u]=v+r*((a+B)/2-v),o[u+1]=f+r*((T+p)/2-f)}return o}function xe(i){const r=i.trim().split(/\s+/);let o="",u="",v=null,f=null;for(let a=0;a<r.length;a+=1){const T=r[a];if(isNaN(T)){if(u=T,u==="M"||u==="L")v=parseFloat(r[++a]),f=parseFloat(r[++a]),o+=`${u}${v} ${f}`;else if(u==="Q"){const B=parseFloat(r[++a]),p=parseFloat(r[++a]),M=parseFloat(r[++a]),z=parseFloat(r[++a]);B===v&&p===f?o+=`t${M-v} ${z-f}`:o+=`q${B-v} ${p-f} ${M-v} ${z-f}`,v=M,f=z}}else{const B=parseFloat(T),p=parseFloat(r[++a]);if(u==="L"){const M=B-v,z=p-f;M===0?o+=`v${z}`:z===0?o+=`h${M}`:o+=`l${M} ${z}`,v=B,f=p}else if(u==="Q"){const M=B,z=p,g=parseFloat(r[++a]),c=parseFloat(r[++a]);M===v&&z===f?o+=`t${g-v} ${c-f}`:o+=`q${M-v} ${z-f} ${g-v} ${c-f}`,v=g,f=c}}}return o}function ae(){Z.value&&(L.value.push({id:G(),strokeWidth:y.value,path:xe(l(N.value)),color:D.value}),V.value=[],N.value=""),Z.value=!1}function F(i){if(!R.value)return{x:0,y:0};const r=R.value.getBoundingClientRect();let o,u;return i.touches&&i.touches.length?(o=i.touches[0].clientX,u=i.touches[0].clientY):(o=i.clientX,u=i.clientY),{x:o-r.left,y:u-r.top}}function ke(){if(L.value.length>0){const i=L.value.pop();V.value.push(i)}}function Ce(){if(V.value.length>0){const i=V.value.pop();L.value.push(i)}}function Le(){L.value=[],V.value=[]}const de=t.ref(null);return(i,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[$.active?(t.openBlock(),t.createElementBlock("div",{key:0,"data-dom-to-png-ignore":"",class:t.normalizeClass({"vue-ui-pen-and-paper-actions":!0,visible:$.active})},[t.createElementVNode("button",{class:"vue-ui-pen-and-paper-action",style:t.normalizeStyle({backgroundColor:$.backgroundColor,border:`1px solid ${H.value}`}),onClick:r[0]||(r[0]=o=>Be("close"))},[t.createVNode(ge.default,{name:"close",stroke:$.color},null,8,["stroke"])],4),t.createElementVNode("button",kt,[t.createVNode(xt.ColorPicker,{value:D.value,"onUpdate:value":r[1]||(r[1]=o=>D.value=o),backgroundColor:$.backgroundColor,buttonBorderColor:H.value},null,8,["value","backgroundColor","buttonBorderColor"])]),t.createElementVNode("button",{class:t.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-active":m.value==="text"}]),onClick:r[2]||(r[2]=o=>m.value=m.value==="text"?"draw":"text"),style:t.normalizeStyle({backgroundColor:$.backgroundColor,border:`1px solid ${H.value}`})},[t.createVNode(ge.default,{name:m.value==="draw"?"annotator":"text",stroke:$.color},null,8,["name","stroke"]),t.createElementVNode("div",{style:t.normalizeStyle({position:"absolute",bottom:"-20px",color:H.value,width:"100%",textAlign:"center",fontSize:"12px"})},t.toDisplayString(t.unref(d.dataLabel)({v:m.value==="draw"?y.value:P.value,s:"px",r:1})),5)],6),t.createElementVNode("button",{class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!L.value.length}),disabled:!L.value.length,style:t.normalizeStyle({backgroundColor:$.backgroundColor,border:`1px solid ${H.value}`,marginTop:"20px"}),onClick:ke},[t.createVNode(ge.default,{name:"restart",stroke:$.color},null,8,["stroke"])],14,Ct),t.createElementVNode("button",{class:t.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!V.value.length}),style:t.normalizeStyle({backgroundColor:$.backgroundColor,border:`1px solid ${H.value}`}),onClick:Ce},[t.createVNode(ge.default,{name:"restart",stroke:$.color,style:{transform:"scaleX(-1)"}},null,8,["stroke"])],6),t.createElementVNode("button",{class:t.normalizeClass([{"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!L.value.length},"vue-ui-pen-and-paper-action"]),style:t.normalizeStyle({backgroundColor:$.backgroundColor,border:`1px solid ${H.value}`}),onClick:Le},[t.createVNode(ge.default,{name:"trash",stroke:$.color},null,8,["stroke"])],6),m.value==="draw"?t.withDirectives((t.openBlock(),t.createElementBlock("input",{key:0,ref_key:"range",ref:de,type:"range",class:"vertical-range",min:.5,max:12,step:.1,"onUpdate:modelValue":r[3]||(r[3]=o=>y.value=o),style:t.normalizeStyle({accentColor:$.color})},null,4)),[[t.vModelText,y.value]]):t.createCommentVNode("",!0),m.value==="text"?t.withDirectives((t.openBlock(),t.createElementBlock("input",{key:1,ref_key:"range",ref:de,type:"range",class:"vertical-range",min:3,max:48,step:.1,"onUpdate:modelValue":r[4]||(r[4]=o=>P.value=o),style:t.normalizeStyle({accentColor:$.color})},null,4)),[[t.vModelText,P.value]]):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0),(t.openBlock(),t.createElementBlock("svg",{"data-mode":m.value,ref_key:"svgElement",ref:R,xmlns:t.unref(d.XMLNS),viewBox:_.value,class:t.normalizeClass({"vue-ui-pen-and-paper":!0,inactive:!$.active}),onMousedown:me,onMousemove:be,onMouseup:ae,onMouseleave:ae,onTouchstart:t.withModifiers(me,["prevent"]),onTouchmove:t.withModifiers(be,["prevent"]),onTouchend:ae},[t.createElementVNode("g",{ref_key:"G",ref:w},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(L.value,o=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:o.id},[o.path&&o.path.replace("M","").split(" ").length===2?(t.openBlock(),t.createElementBlock("circle",{key:0,cx:o.path.replace("M","").split(" ")[0],cy:o.path.replace("M","").split(" ")[1],r:o.strokeWidth/2,fill:o.color},null,8,wt)):o.path?(t.openBlock(),t.createElementBlock("path",{key:1,class:"vue-ui-pen-and-paper-path",d:o.path,stroke:o.color,"stroke-width":o.strokeWidth,fill:"none"},null,8,St)):o.type==="text"?(t.openBlock(),t.createElementBlock("text",{key:2,x:o.x,y:o.y,fill:o.color,"font-size":o.fontSize,"font-family":"sans-serif","dominant-baseline":"hanging",class:"vue-ui-pen-and-paper-text"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.lines,(u,v)=>(t.openBlock(),t.createElementBlock("tspan",{key:v,x:o.x,dy:v===0?"0":o.fontSize*1.2},t.toDisplayString(u.length?u:"​"),9,$t))),128))],8,zt)):t.createCommentVNode("",!0)],64))),128))],512),Z.value?(t.openBlock(),t.createElementBlock("path",{key:0,class:"vue-ui-pen-and-paper-path vue-ui-pen-and-paper-path-drawing",d:l(N.value),stroke:D.value,"stroke-width":y.value*1.1,fill:"none"},null,8,Tt)):t.createCommentVNode("",!0)],42,Lt))],64))}},Bt=We._export_sfc(Et,[["__scopeId","data-v-c74c326e"]]),Mt=["id"],Nt=["onClick"],Pt={key:2,class:"vue-data-ui-watermark"},It=["innerHTML"],At={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup($,{expose:Ee,emit:U}){const{vue_ui_xy_canvas:Be}=d.useConfig(),L=$,V=t.ref(d.createUid()),_=t.ref(null),D=t.ref(null),y=t.ref(null),m=t.ref(1),w=t.ref(1),q=t.ref(!1),h=t.ref(null),Y=t.ref(""),X=t.ref(null),E=t.ref([]),P=t.ref(1),W=t.ref(!0),G=t.ref(!0),ne=t.ref(null),re=t.ref(0),ue=t.ref(0),J=t.ref(!1),se=t.ref(null),ie=t.ref(null),ce=t.ref(null),H=t.ref(null),ee=t.ref(0),K=t.ref(0),Z=t.ref(0),N=t.ref(null),R=t.computed(()=>!!L.dataset&&L.dataset.length),me=U,be=t.useSlots();t.onMounted(()=>{be["chart-background"]&&console.warn("VueUiXyCanvas does not support the #chart-background slot.")});const l=t.computed({get:()=>ke(),set:e=>e}),{userOptionsVisible:ve,setUserOptionsVisibility:xe,keepUserOptionState:ae}=mt.useUserOptionState({config:l.value}),{svgRef:F}=bt.useChartAccessibility({config:l.value.style.chart.title});function ke(){const e=qe.useNestedProp({userConfig:L.config,defaultConfig:Be});let n={};return e.theme?n={...qe.useNestedProp({userConfig:d.themes.vue_ui_xy_canvas[e.theme]||L.config,defaultConfig:e}),customPalette:d.themePalettes[e.theme]||d.palette}:n=e,L.config&&d.hasDeepProperty(L.config,"style.chart.scale.min")?n.style.chart.scale.min=L.config.style.chart.scale.min:n.style.chart.scale.min=null,L.config&&d.hasDeepProperty(L.config,"style.chart.scale.max")?n.style.chart.scale.max=L.config.style.chart.scale.max:n.style.chart.scale.max=null,L.config&&d.hasDeepProperty(L.config,"style.chart.zoom.startIndex")?n.style.chart.zoom.startIndex=L.config.style.chart.zoom.startIndex:n.style.chart.zoom.startIndex=null,L.config&&d.hasDeepProperty(L.config,"style.chart.zoom.endIndex")?n.style.chart.zoom.endIndex=L.config.style.chart.zoom.endIndex:n.style.chart.zoom.endIndex=null,n}t.watch(()=>L.config,e=>{l.value=ke(),ve.value=!l.value.userOptions.showOnChartHover,Me(),ee.value+=1,K.value+=1,Z.value+=1,o.value.showTable=l.value.table.show,o.value.showDataLabels=l.value.style.chart.dataLabels.show,o.value.stacked=l.value.style.chart.stacked,o.value.showTooltip=l.value.style.chart.tooltip.show},{deep:!0}),t.watch(()=>L.dataset,()=>{Me(),ee.value+=1,K.value+=1,Z.value+=1},{deep:!0});const Ce=t.ref(l.value.style.chart.aspectRatio),{isPrinting:Le,isImaging:de,generatePdf:i,generateImage:r}=Ue.usePrinter({elementId:`xy_canvas_${V.value}`,fileName:l.value.style.chart.title.text||"vue-ui-xy-canvas",options:l.value.userOptions.print}),o=t.ref({showTable:l.value.table.show,showDataLabels:l.value.style.chart.dataLabels.show,stacked:l.value.style.chart.stacked,showTooltip:l.value.style.chart.tooltip.show});function u(e){J.value=e,ue.value+=1}const v=t.computed(()=>d.convertCustomPalette(l.value.customPalette)),f=t.computed(()=>z.value?Math.max(...z.value.filter((e,n)=>!E.value.includes(e.absoluteIndex)).map(e=>e.series.length)):0),a=t.computed(()=>{const e=m.value-m.value*(l.value.style.chart.paddingProportions.left+l.value.style.chart.paddingProportions.right);return{canvasWidth:m.value,canvasHeight:w.value,left:m.value*l.value.style.chart.paddingProportions.left,top:w.value*l.value.style.chart.paddingProportions.top,right:m.value-m.value*l.value.style.chart.paddingProportions.right,bottom:w.value-w.value*l.value.style.chart.paddingProportions.bottom,width:e,height:w.value-w.value*(l.value.style.chart.paddingProportions.top+l.value.style.chart.paddingProportions.bottom),slot:e/(c.value.end-c.value.start)}});function T(e,n){return e/n}function B({hasAutoScale:e,series:n,min:s,max:b,scale:C,yOffset:A,individualHeight:k,stackIndex:S=null}){return n.map((te,O)=>{const Q=C.min<0?Math.abs(C.min):0,le=T(te+Q,Q+C.max);let ye,pe;e&&(ye=C.min,pe=T(te-ye,C.max-ye));let j=0;return S===null?j=a.value.bottom-a.value.height*(e?pe:le):j=a.value.bottom-A-k*(e?pe:le),{x:a.value.left+a.value.slot*O+a.value.slot/2,y:j,value:te}})}const p=t.computed(()=>{const e=l.value.style.chart.scale.min!==null?l.value.style.chart.scale.min:Math.min(...z.value.filter((k,S)=>!E.value.includes(k.absoluteIndex)).flatMap(k=>k.series.slice(c.value.start,c.value.end))),n=l.value.style.chart.scale.max!==null?l.value.style.chart.scale.max:Math.max(...z.value.filter((k,S)=>!E.value.includes(k.absoluteIndex)).flatMap(k=>k.series.slice(c.value.start,c.value.end))),s=d.calculateNiceScale(e<0?e:0,n===e?e+1<0?0:e+1:n<0?0:n,l.value.style.chart.scale.ticks),b=s.min<0?Math.abs(s.min):0,C=a.value.bottom-a.value.height*(b/(s.max+b)),A=s.ticks.map(k=>({y:a.value.bottom-a.value.height*((k+b)/(s.max+b)),x:a.value.left-8,value:k}));return{absoluteMin:b,max:n,min:e,scale:s,yLabels:A,zero:C}}),M=t.computed(()=>g.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}"/>
+                </svg>
+                <span>${e.name?e.name+": ":""}</span>
+                <span>${d.applyDataLabel(l.value.style.chart.dataLabels.formatter,e.series[h.value],d.dataLabel({p:e.prefix||"",v:e.series[h.value],s:e.suffix||"",r:e.rounding||0}),{datapoint:e,seriesIndex:h.value})}</span>
+            </div>
+        `)),z=t.computed(()=>L.dataset.map((e,n)=>({...e,series:d.largestTriangleThreeBucketsArray({data:d.sanitizeArray(e.series),threshold:l.value.downsample.threshold}),absoluteIndex:n,color:d.convertColorToHex(e.color||v.value[n]||d.palette[n]||d.palette[n%d.palette.length])})));t.watch(f,e=>{e&&Pe()});const g=t.computed(()=>d.assignStackRatios(z.value.filter((e,n)=>!E.value.includes(e.absoluteIndex))).map((e,n)=>({...e,series:e.series.slice(c.value.start,c.value.end)})).map((e,n)=>{let s=[null,void 0].includes(e.scaleMin)?Math.min(...e.series)||0:e.scaleMin,b=[null,void 0].includes(e.scaleMax)?Math.max(...e.series)||1:e.scaleMax;s===b&&(s=s>=0?b-1:s,b=b>=0?b:s+1),e.series.filter(j=>![null,void 0].includes(j)).map(j=>(j-s)/(b-s));const C={valueMin:s,valueMax:b},A=e.scaleSteps||l.value.style.chart.scale.ticks;let k;e.autoScaling?k=d.calculateNiceScale(C.valueMin,C.valueMax,A):k=d.calculateNiceScale(C.valueMin<0?C.valueMin:0,C.valueMax<=0?0:C.valueMax,A);const S=o.value.stacked?a.value.height*(1-e.cumulatedStackRatio):0,te=o.value.stacked?a.value.height/l.value.style.chart.stackGap:0,O=o.value.stacked?a.value.height*e.stackRatio-te:a.value.height,Q=k.min<0?Math.abs(k.min):0;let le;e.autoScaling&&o.value.stacked&&b<=0?le=a.value.bottom-S-O:le=a.value.bottom-S-O*(Q/(k.max+Q));const ye=k.ticks.map((j,ct)=>({y:a.value.bottom-S-O*(ct/(k.ticks.length-1)),x:a.value.left-8,value:j})),pe=B({hasAutoScale:o.value.stacked&&e.autoScaling,series:e.series,min:o.value.stacked?s:p.value.min,max:o.value.stacked?b:p.value.max,scale:o.value.stacked?k:p.value.scale,yOffset:S,individualHeight:O,stackIndex:o.value.stacked?n:null});return{...e,coordinatesLine:pe,min:s,max:b,localScale:k,localZero:le,localMin:Q,localYLabels:ye,yOffset:S,individualHeight:O}})),c=t.ref({start:0,end:f.value});function Pe(){Ie()}const oe=t.ref(null);async function Ie(){(l.value.style.chart.zoom.startIndex!==null||l.value.style.chart.zoom.endIndex!==null)&&oe.value?(l.value.style.chart.zoom.startIndex!==null&&(await t.nextTick(),await t.nextTick(),oe.value&&oe.value.setStartValue(l.value.style.chart.zoom.startIndex)),l.value.style.chart.zoom.endIndex!==null&&(await t.nextTick(),await t.nextTick(),oe.value&&oe.value.setEndValue(Ge(l.value.style.chart.zoom.endIndex+1)))):(c.value={start:0,end:f.value},re.value+=1)}function Ge(e){const n=f.value;return e>n?n:e<0||l.value.style.chart.zoom.startIndex!==null&&e<l.value.style.chart.zoom.startIndex?l.value.style.chart.zoom.startIndex!==null?l.value.style.chart.zoom.startIndex+1:1:e}const Ze=t.computed(()=>g.value.filter(e=>["line","plot",void 0].includes(e.type))),I=t.computed(()=>g.value.filter(e=>e.type==="bar"));function je(){if(!F.value)return;const e=D.value.offsetWidth,n=D.value.offsetHeight;F.value.width=e*P.value*2,F.value.height=n*P.value*2,m.value=e*P.value*2,w.value=n*P.value*2,y.value.scale(P.value,P.value),he()}function _e(){if(y.value.clearRect(0,0,1e4,1e4),y.value.fillStyle=l.value.style.chart.backgroundColor,y.value.fillRect(0,0,a.value.canvasWidth,a.value.canvasHeight),o.value.stacked)l.value.style.chart.grid.y.verticalLines.show&&c.value.end-c.value.start<l.value.style.chart.grid.y.verticalLines.hideUnderXLength?g.value.forEach(e=>{for(let n=0;n<c.value.end-c.value.start+1;n+=1)x.line(y.value,[{x:a.value.left+a.value.slot*n,y:a.value.bottom-e.yOffset-e.individualHeight},{x:a.value.left+a.value.slot*n,y:a.value.bottom-e.yOffset}],{color:l.value.style.chart.grid.y.verticalLines.color})}):l.value.style.chart.grid.y.verticalLines.show&&c.value.end-c.value.start>=l.value.style.chart.grid.y.verticalLines.hideUnderXLength&&g.value.forEach(e=>{for(let n=c.value.start;n<c.value.end;n+=1)n%Math.floor((c.value.end-c.value.start)/l.value.style.chart.grid.y.timeLabels.modulo)===0&&x.line(y.value,[{x:a.value.left+a.value.slot*(n-c.value.start)+a.value.slot/2,y:a.value.bottom-e.yOffset-e.individualHeight},{x:a.value.left+a.value.slot*(n-c.value.start)+a.value.slot/2,y:a.value.bottom-e.yOffset}],{color:l.value.style.chart.grid.y.verticalLines.color})}),l.value.style.chart.grid.x.horizontalLines.show&&(l.value.style.chart.grid.x.horizontalLines.alternate?g.value.forEach(e=>{e.localYLabels.forEach((n,s)=>{s<e.localYLabels.length-1&&x.rect(y.value,[{x:a.value.left,y:n.y},{x:a.value.right,y:n.y},{x:a.value.right,y:e.localYLabels[s+1].y},{x:a.value.left,y:e.localYLabels[s+1].y}],{fillColor:s%2===0?"transparent":d.setOpacity(l.value.style.chart.grid.x.horizontalLines.color,l.value.style.chart.grid.x.horizontalLines.opacity),strokeColor:"transparent"})})}):g.value.forEach(e=>{e.localYLabels.slice(c.value.start,c.value.end).forEach(n=>{x.line(y.value,[{x:a.value.left,y:n.y},{x:a.value.right,y:n.y}],{color:l.value.style.chart.grid.x.horizontalLines.color})})})),l.value.style.chart.grid.zeroLine.show&&g.value.forEach(e=>{x.line(y.value,[{x:a.value.left,y:e.localZero},{x:a.value.right,y:e.localZero}],{color:l.value.style.chart.grid.zeroLine.color,lineDash:l.value.style.chart.grid.zeroLine.dashed?[10,10]:[0,0]})}),l.value.style.chart.grid.y.axisLabels.show&&g.value.forEach(e=>{x.line(y.value,[{x:a.value.left,y:a.value.bottom-e.yOffset},{x:a.value.left,y:a.value.bottom-e.yOffset-e.individualHeight}],{color:e.color}),x.line(y.value,[{x:a.value.right,y:a.value.bottom-e.yOffset},{x:a.value.right,y:a.value.bottom-e.yOffset-e.individualHeight}],{color:e.color})}),g.value.forEach(e=>{x.text(y.value,e.name,m.value/35,a.value.bottom-e.yOffset-e.individualHeight/2,{align:"center",rotation:-90,color:e.color,font:`${Math.round(m.value/40*l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`})});else{if(l.value.style.chart.grid.y.verticalLines.show&&c.value.end-c.value.start<l.value.style.chart.grid.y.verticalLines.hideUnderXLength)for(let e=0;e<c.value.end-c.value.start+1;e+=1)x.line(y.value,[{x:a.value.left+a.value.slot*e,y:a.value.top},{x:a.value.left+a.value.slot*e,y:a.value.bottom}],{color:l.value.style.chart.grid.y.verticalLines.color});else if(l.value.style.chart.grid.y.verticalLines.show&&c.value.end-c.value.start>=l.value.style.chart.grid.y.verticalLines.hideUnderXLength)for(let e=c.value.start;e<c.value.end;e+=1)e%Math.floor((c.value.end-c.value.start)/l.value.style.chart.grid.y.timeLabels.modulo)===0&&x.line(y.value,[{x:a.value.left+a.value.slot*(e-c.value.start)+a.value.slot/2,y:a.value.top},{x:a.value.left+a.value.slot*(e-c.value.start)+a.value.slot/2,y:a.value.bottom}],{color:l.value.style.chart.grid.y.verticalLines.color});l.value.style.chart.grid.x.horizontalLines.show&&(l.value.style.chart.grid.x.horizontalLines.alternate?p.value.yLabels.forEach((e,n)=>{n<p.value.yLabels.length-1&&x.rect(y.value,[{x:a.value.left,y:e.y},{x:a.value.right,y:e.y},{x:a.value.right,y:p.value.yLabels[n+1].y},{x:a.value.left,y:p.value.yLabels[n+1].y}],{fillColor:n%2===0?"transparent":d.setOpacity(l.value.style.chart.grid.x.horizontalLines.color,l.value.style.chart.grid.x.horizontalLines.opacity),strokeColor:"transparent"})}):p.value.yLabels.forEach(e=>{x.line(y.value,[{x:a.value.left,y:e.y},{x:a.value.right,y:e.y}],{color:l.value.style.chart.grid.x.horizontalLines.color})})),l.value.style.chart.grid.y.showAxis&&x.line(y.value,[{x:a.value.left,y:a.value.top},{x:a.value.left,y:a.value.bottom}],{color:l.value.style.chart.grid.y.axisColor,lineWidth:l.value.style.chart.grid.y.axisThickness}),l.value.style.chart.grid.x.showAxis&&x.line(y.value,[{x:a.value.left,y:a.value.bottom},{x:a.value.right,y:a.value.bottom}],{color:l.value.style.chart.grid.x.axisColor,lineWidth:l.value.style.chart.grid.x.axisThickness}),l.value.style.chart.grid.zeroLine.show&&x.line(y.value,[{x:a.value.left,y:p.value.zero},{x:a.value.right,y:p.value.zero}],{color:l.value.style.chart.grid.zeroLine.color,lineDash:l.value.style.chart.grid.zeroLine.dashed?[10,10]:[0,0]})}l.value.style.chart.grid.y.axisName&&x.text(y.value,l.value.style.chart.grid.y.axisName,m.value-m.value/40*l.value.style.chart.grid.y.axisLabels.fontSizeRatio*1.2,a.value.bottom-a.value.height/2,{font:`${l.value.style.chart.grid.y.axisLabels.bold?"bold ":""}${Math.round(m.value/40*l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,color:l.value.style.chart.color,align:"center",rotation:90}),l.value.style.chart.grid.x.axisName&&x.text(y.value,l.value.style.chart.grid.x.axisName,m.value/2,w.value,{font:`${l.value.style.chart.grid.y.axisLabels.bold?"bold ":""}${Math.round(m.value/40*l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,color:l.value.style.chart.color,align:"center"})}function Ke(e){for(let n=0;n<e.coordinatesLine.length;n+=1){const s=(h.value===n?m.value/150:l.value.style.chart.line.plots.show?m.value/200:0)*l.value.style.chart.line.plots.radiusRatio;x.circle(y.value,{x:e.coordinatesLine[n].x,y:e.coordinatesLine[n].y},s,{color:l.value.style.chart.backgroundColor,fillStyle:e.color})}}function Qe(){g.value.forEach(e=>{e.showYMarker&&fe(e)&&x.text(y.value,d.applyDataLabel(l.value.style.chart.dataLabels.formatter,fe(e).value,d.dataLabel({p:e.prefix||l.value.style.chart.grid.y.axisLabels.prefix||"",v:fe(e).value,s:e.suffix||l.value.style.chart.grid.y.axisLabels.suffix||"",r:e.rounding||l.value.style.chart.grid.y.axisLabels.rounding||0}),{datapoint:fe(e),seriesIndex:null}),a.value.left-8+l.value.style.chart.grid.y.axisLabels.offsetX,fe(e).y,{align:"right",font:`${l.value.style.chart.grid.y.axisLabels.bold?"bold ":""}${Math.round(m.value/40*l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,color:e.color})})}function Je(){l.value.style.chart.grid.y.axisLabels.show&&(o.value.stacked?g.value.forEach(e=>{e.localYLabels.forEach((n,s)=>{x.text(y.value,d.applyDataLabel(l.value.style.chart.dataLabels.formatter,n.value,d.dataLabel({p:e.prefix||l.value.style.chart.grid.y.axisLabels.prefix||"",v:n.value,s:e.suffix||l.value.style.chart.grid.y.axisLabels.suffix||"",r:e.rounding||l.value.style.chart.grid.y.axisLabels.rounding||0}),{datapoint:n,seriesIndex:s}),n.x+l.value.style.chart.grid.y.axisLabels.offsetX,n.y,{align:"right",font:`${l.value.style.chart.grid.y.axisLabels.bold?"bold ":""}${Math.round(m.value/40*l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,color:e.color,globalAlpha:e.showYMarker&&![null,void 0].includes(h.value)?.2:1})})}):p.value.yLabels.forEach((e,n)=>{x.text(y.value,d.applyDataLabel(l.value.style.chart.dataLabels.formatter,e.value,d.dataLabel({p:l.value.style.chart.grid.y.axisLabels.prefix||"",v:e.value,s:l.value.style.chart.grid.y.axisLabels.suffix||"",r:l.value.style.chart.grid.y.axisLabels.rounding||0}),{datapoint:e,seriesIndex:n}),e.x+l.value.style.chart.grid.y.axisLabels.offsetX,e.y,{align:"right",font:`${l.value.style.chart.grid.y.axisLabels.bold?"bold ":""}${Math.round(m.value/40*l.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,color:l.value.style.chart.grid.y.axisLabels.color,globalAlpha:g.value.some(s=>s.showYMarker)&&![null,void 0].includes(h.value)?.2:1})}))}function et(e){for(let n=0;n<e.coordinatesLine.length;n+=1)x.text(y.value,d.applyDataLabel(l.value.style.chart.dataLabels.formatter,e.coordinatesLine[n].value,d.dataLabel({p:e.prefix||"",v:e.coordinatesLine[n].value,s:e.suffix||"",r:e.rounding||0}),{datapoint:e.coordinatesLine[n],seriesIndex:n}),e.coordinatesLine[n].x,e.coordinatesLine[n].y+l.value.style.chart.dataLabels.offsetY,{align:"center",font:`${l.value.style.chart.dataLabels.bold?"bold ":""}${Math.round(m.value/40*l.value.style.chart.dataLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,color:l.value.style.chart.dataLabels.useSerieColor?e.color:l.value.style.chart.dataLabels.color})}function tt(){for(let e=c.value.start;e<c.value.end;e+=1)(c.value.end-c.value.start<l.value.style.chart.grid.y.timeLabels.modulo||c.value.end-c.value.start>=l.value.style.chart.grid.y.timeLabels.modulo&&(e%Math.floor((c.value.end-c.value.start)/l.value.style.chart.grid.y.timeLabels.modulo)===0||e===h.value+c.value.start&&l.value.style.chart.grid.y.timeLabels.showMarker))&&x.text(y.value,l.value.style.chart.grid.y.timeLabels.values[e]||e+1,a.value.left+a.value.slot*(e-c.value.start)+a.value.slot/2,a.value.bottom+m.value/l.value.style.chart.grid.y.timeLabels.offsetY,{align:l.value.style.chart.grid.y.timeLabels.rotation===0?"center":l.value.style.chart.grid.y.timeLabels.rotation>0?"left":"right",font:`${l.value.style.chart.grid.y.timeLabels.bold?"bold ":""}${Math.round(m.value/40*l.value.style.chart.grid.y.timeLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,color:l.value.style.chart.grid.y.timeLabels.showMarker?d.setOpacity(l.value.style.chart.grid.y.timeLabels.color,h.value!==null?h.value+c.value.start===e?100:20:100):l.value.style.chart.grid.y.timeLabels.color,rotation:l.value.style.chart.grid.y.timeLabels.rotation})}function Ae(){x.line(y.value,[{x:a.value.left+a.value.slot*h.value+a.value.slot/2,y:a.value.top},{x:a.value.left+a.value.slot*h.value+a.value.slot/2,y:a.value.bottom}],{color:l.value.style.chart.selector.color,lineDash:l.value.style.chart.selector.dashed?[8,8]:[0,0],lineWidth:2})}function lt(){N.value&&x.line(y.value,[{x:a.value.left,y:N.value},{x:a.value.right,y:N.value}],{color:l.value.style.chart.selector.color,lineDash:l.value.style.chart.selector.dashed?[8,8]:[0,0],lineWidth:2})}function at(){I.value.forEach((e,n)=>{for(let s=0;s<e.coordinatesLine.length;s+=1)x.rect(y.value,[{x:a.value.left+a.value.slot*s+a.value.slot/10+(o.value.stacked?0:a.value.slot/I.value.length*n-(n===0?0:a.value.slot/(5*I.value.length)*n)),y:o.value.stacked?e.localZero:p.value.zero},{x:a.value.left+a.value.slot*s+a.value.slot/10+(o.value.stacked?0:a.value.slot/I.value.length*n-(n===0?0:a.value.slot/(5*I.value.length)*n))+a.value.slot*.8/(o.value.stacked?1:I.value.length),y:o.value.stacked?e.localZero:p.value.zero},{x:a.value.left+a.value.slot*s+a.value.slot/10+(o.value.stacked?0:a.value.slot/I.value.length*n-(n===0?0:a.value.slot/(5*I.value.length)*n))+a.value.slot*.8/(o.value.stacked?1:I.value.length),y:e.coordinatesLine[s].y},{x:a.value.left+a.value.slot*s+a.value.slot/10+(o.value.stacked?0:a.value.slot/I.value.length*n-(n===0?0:a.value.slot/(5*I.value.length)*n)),y:e.coordinatesLine[s].y}],{strokeColor:l.value.style.chart.backgroundColor,gradient:{type:"linear",start:{x:e.coordinatesLine[s].x,y:e.coordinatesLine[s].y},end:{x:e.coordinatesLine[s].x,y:o.value.stacked?e.localZero:p.value.zero},stops:[{offset:0,color:e.color},{offset:1,color:l.value.style.chart.bar.gradient.show?d.lightenHexColor(e.color,.5):e.color}]}}),o.value.showDataLabels&&[!0,void 0].includes(e.dataLabels)&&x.text(y.value,d.applyDataLabel(l.value.style.chart.dataLabels.formatter,e.coordinatesLine[s].value,d.dataLabel({p:e.prefix||"",v:e.coordinatesLine[s].value,s:e.suffix||"",r:e.rounding||0}),{datapoint:e.coordinatesLine[s],seriesIndex:s}),a.value.left+a.value.slot*s+a.value.slot/10+(o.value.stacked?0:a.value.slot/I.value.length*n-(n===0?0:a.value.slot/(5*I.value.length)*n))+a.value.slot*.4/(o.value.stacked?1:I.value.length),(e.coordinatesLine[s].value<0?o.value.stacked?e.localZero:p.value.zero:e.coordinatesLine[s].y)+l.value.style.chart.dataLabels.offsetY,{align:"center",font:`${Math.round(m.value/40*l.value.style.chart.dataLabels.fontSizeRatio)}px ${l.value.style.fontFamily}`,color:l.value.style.chart.dataLabels.useSerieColor?e.color:l.value.style.chart.dataLabels.color,strokeColor:l.value.style.chart.backgroundColor,lineWidth:.8})})}function ot(e){e.useArea?o.value.stacked?x.polygon(y.value,[{x:e.coordinatesLine[0].x,y:e.localZero},...e.coordinatesLine,{x:e.coordinatesLine.at(-1).x,y:e.localZero}],{fillColor:d.setOpacity(e.color,l.value.style.chart.area.opacity),strokeColor:"transparent"}):x.polygon(y.value,[{x:e.coordinatesLine[0].x,y:p.value.zero},...e.coordinatesLine,{x:e.coordinatesLine.at(-1).x,y:p.value.zero}],{fillColor:d.setOpacity(e.color,l.value.style.chart.area.opacity),strokeColor:"transparent"}):x.line(y.value,e.coordinatesLine,{color:e.color,lineWidth:3})}function nt(){g.value.forEach((e,n)=>{x.line(y.value,[{x:a.value.left,y:a.value.bottom-e.yOffset},{x:a.value.right,y:a.value.bottom-e.yOffset}],{color:l.value.style.chart.grid.x.horizontalLines.color,lineWidth:1})})}function he(){_e(),W.value?(h.value!==null&&l.value.style.chart.selector.show&&Ae(),at(),o.value.stacked&&l.value.style.chart.grid.x.showAxis&&nt(),Ze.value.forEach(e=>{(e.type==="line"||!e.type)&&ot(e),G.value&&(Ke(e),o.value.showDataLabels&&[!0,void 0].includes(e.dataLabels)&&et(e))}),ne.value=x.cloneCanvas(F.value)):(ne.value&&(y.value.clearRect(0,0,1e4,1e4),y.value.drawImage(ne.value,0,0)),h.value!==null&&l.value.style.chart.selector.show&&Ae(),h.value!==null&&g.value.forEach(e=>{if(e.type==="line"||!e.type||e.type==="plot"){if(!e.coordinatesLine[h.value])return;e.coordinatesLine[h.value].x!==void 0&&e.coordinatesLine[h.value].y!==void 0&&x.circle(y.value,{x:e.coordinatesLine[h.value].x,y:e.coordinatesLine[h.value].y},m.value/150*l.value.style.chart.line.plots.radiusRatio,{color:l.value.style.chart.backgroundColor,fillStyle:e.color})}})),l.value.style.chart.grid.y.timeLabels.show&&tt(),l.value.style.chart.selector.show&&l.value.style.chart.selector.showHorizontalSelector&&lt(),Je(),Qe(),W.value=!1}const we=x.debounce(()=>{G.value=!0,je()},f.value>200?10:1,!G.value);function fe(e){if([null,void 0].includes(h.value)||!e.coordinatesLine[h.value])return!1;const{y:n,value:s}=e.coordinatesLine[h.value];return{y:n,value:s}}function rt(e){const{left:n,top:s}=F.value.getBoundingClientRect(),b=e.clientX-n;if(N.value=(e.clientY-s)*2,(N.value<a.value.top||N.value>a.value.bottom)&&(N.value=null),b*2<a.value.left||b*2>a.value.right){q.value=!1,h.value=null;return}const C=b*2-a.value.left;if(h.value=Math.floor(C/a.value.slot),q.value=!0,!G.value)return;let A="";const k=l.value.style.chart.tooltip.customFormat;d.isFunction(k)&&d.functionReturnsString(()=>k({seriesIndex:h.value,datapoint:g.value.map(S=>({shape:S.shape||null,name:S.name,color:S.color,type:S.type||"line",value:S.series.find((te,O)=>O===h.value)})),series:g.value,config:l.value}))?Y.value=k({seriesIndex:h.value,datapoint:g.value.map(S=>({shape:S.shape||null,name:S.name,color:S.color,type:S.type||"line",value:S.series.find((te,O)=>O===h.value)})),series:g.value,config:l.value}):(l.value.style.chart.grid.y.timeLabels.values.slice(c.value.start,c.value.end)[h.value]&&(A+=`<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.style.chart.tooltip.borderColor}; width:100%">${l.value.style.chart.grid.y.timeLabels.values.slice(c.value.start,c.value.end)[h.value]}</div>`),A+=M.value.join(""),Y.value=A),G.value=!1}t.watch(()=>h.value,e=>{we()}),t.watch(()=>c.value,e=>{W.value=!0,he()},{deep:!0}),t.watch(()=>o.value.showDataLabels,e=>{W.value=!0,he()}),t.watch(()=>N.value,e=>{e&&he()}),t.watch(()=>o.value.stacked,e=>{W.value=!0,G.value=!0,we()});function ut(){q.value=!1,h.value=null,Y.value="",N.value=null,he()}const Se=t.ref(null),ze=t.ref(null);t.onMounted(()=>{Me()});function Me(){if(d.objectIsEmpty(L.dataset)?d.error({componentName:"VueUiXyCanvas",type:"dataset"}):F.value&&(y.value=F.value.getContext("2d",{willReadFrequently:!0})),l.value.responsive){const e=x.throttle(()=>{const{width:n,height:s}=x.useResponsive({chart:_.value,title:l.value.style.chart.title.text?se.value:null,legend:l.value.style.chart.legend.show?ie.value:null,slicer:l.value.style.chart.zoom.show&&f.value>1?ce.value:null,source:H.value});requestAnimationFrame(()=>{Ce.value=`${n} / ${s}`})});Se.value=new ResizeObserver(e),Se.value.observe(_.value.parentNode)}ze.value=new ResizeObserver(e=>{for(const n of e)n.contentBoxSize&&D.value&&(W.value=!0,we())}),ze.value.observe(D.value),Ie()}t.onBeforeUnmount(()=>{ze.value&&ze.value.disconnect(),Se.value&&Se.value.disconnect()});function De(e){me("selectLegend",g.value.find(n=>n.absoluteIndex===e)),E.value.includes(e)?E.value=E.value.filter(n=>n!==e):E.value.push(e),W.value=!0,we()}const Re=t.computed(()=>z.value.map((e,n)=>({...e,name:e.name,color:d.convertColorToHex(e.color)||v.value[n]||d.palette[n]||d.palette[n%d.palette.length],shape:e.shape||"circle",prefix:e.prefix||"",suffix:e.suffix||"",rounding:e.rounding||0})).map(e=>({...e,opacity:E.value.includes(e.absoluteIndex)?.5:1,segregate:()=>De(e.absoluteIndex),isSegregated:E.value.includes(e.absoluteIndex)}))),st=t.computed(()=>({cy:"donut-div-legend",backgroundColor:l.value.style.chart.legend.backgroundColor,color:l.value.style.chart.legend.color,fontSize:l.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:l.value.style.chart.legend.bold?"bold":""})),$e=t.computed(()=>{const e=[""].concat(g.value.map(C=>C.name)).concat(' <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>');let n=[];for(let C=0;C<f.value;C+=1){const A=g.value.map(k=>k.series[C]??0).reduce((k,S)=>k+S,0);n.push([l.value.style.chart.grid.y.timeLabels.values.slice(c.value.start,c.value.end)[C]??C+1].concat(g.value.map(k=>(k.series[C]??0).toFixed(l.value.table.rounding))).concat((A??0).toFixed(l.value.table.rounding)))}const s={th:{backgroundColor:l.value.table.th.backgroundColor,color:l.value.table.th.color,outline:l.value.table.th.outline},td:{backgroundColor:l.value.table.td.backgroundColor,color:l.value.table.td.color,outline:l.value.table.td.outline},breakpoint:l.value.table.responsiveBreakpoint},b=[l.value.table.columnNames.period].concat(g.value.map(C=>C.name)).concat(l.value.table.columnNames.total);return{head:e,body:n.slice(0,c.value.end-c.value.start),config:s,colNames:b}}),Fe=t.computed(()=>{if(g.value.length===0)return{head:[],body:[],config:{},columnNames:[]};const e=g.value.map(s=>({label:s.name,color:s.color,type:s.type})),n=[];for(let s=c.value.start;s<c.value.end;s+=1){const b=[l.value.style.chart.grid.y.timeLabels.values[s]||s+1];g.value.forEach(C=>{b.push(Number((C.series[s]||0).toFixed(l.value.table.rounding)))}),n.push(b)}return{head:e,body:n}});function Oe(){const e=[[l.value.style.chart.title.text],[l.value.style.chart.title.subtitle.text],[""]],n=["",...Fe.value.head.map(A=>A.label)],s=Fe.value.body,b=e.concat([n]).concat(s),C=d.createCsvContent(b);d.downloadCsv({csvContent:C,title:l.value.style.chart.title.text||"vue-ui-xy-canvas"})}function it(){return g.value}function Ve(){o.value.showTable=!o.value.showTable}function Ye(){o.value.showDataLabels=!o.value.showDataLabels}function Xe(){o.value.stacked=!o.value.stacked}function He(){o.value.showTooltip=!o.value.showTooltip}const Te=t.ref(!1);function Ne(){Te.value=!Te.value}return Ee({getData:it,generateCsv:Oe,generatePdf:i,generateImage:r,toggleTable:Ve,toggleLabels:Ye,toggleStack:Xe,toggleTooltip:He,toggleAnnotator:Ne}),(e,n)=>(t.openBlock(),t.createElementBlock("div",{style:t.normalizeStyle(`width:100%; position:relative; ${l.value.responsive?"height: 100%":""}`),ref_key:"xy",ref:_,id:`xy_canvas_${V.value}`,class:t.normalizeClass(`vue-ui-donut ${J.value?"vue-data-ui-wrapper-fullscreen":""}`),onMouseenter:n[5]||(n[5]=()=>t.unref(xe)(!0)),onMouseleave:n[6]||(n[6]=()=>t.unref(xe)(!1))},[l.value.style.chart.title.text?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:se,style:t.normalizeStyle(`width:100%;background:${l.value.style.chart.backgroundColor};`)},[(t.openBlock(),t.createBlock(ht._sfc_main,{key:`title_${ee.value}`,config:{title:{cy:"xy-canvas-title",...l.value.style.chart.title},subtitle:{cy:"xy-canvas-subtitle",...l.value.style.chart.title.subtitle}}},null,8,["config"]))],4)):t.createCommentVNode("",!0),l.value.userOptions.show&&R.value&&(t.unref(ae)||t.unref(ve))?(t.openBlock(),t.createBlock(Ue.UserOptions,{ref:"details",key:`user_option_${ue.value}`,backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color,isPrinting:t.unref(Le),isImaging:t.unref(de),uid:V.value,hasTooltip:l.value.userOptions.buttons.tooltip&&l.value.style.chart.tooltip.show,hasPdf:l.value.userOptions.buttons.pdf,hasImg:l.value.userOptions.buttons.img,hasXls:l.value.userOptions.buttons.csv,hasLabel:l.value.userOptions.buttons.labels,hasStack:$.dataset.length>1&&l.value.userOptions.buttons.stack,hasFullscreen:l.value.userOptions.buttons.fullscreen,hasTable:c.value.end-c.value.start<200&&l.value.userOptions.buttons.table,isFullscreen:J.value,isTooltip:o.value.showTooltip,isStacked:o.value.stacked,titles:{...l.value.userOptions.buttonTitles},chartElement:_.value,position:l.value.userOptions.position,hasAnnotator:l.value.userOptions.buttons.annotator,isAnnotation:Te.value,onToggleFullscreen:u,onGeneratePdf:t.unref(i),onGenerateCsv:Oe,onGenerateImage:t.unref(r),onToggleTable:Ve,onToggleLabels:Ye,onToggleStack:Xe,onToggleTooltip:He,onToggleAnnotator:Ne,style:t.normalizeStyle({visibility:t.unref(ae)?t.unref(ve)?"visible":"hidden":"visible"})},t.createSlots({_:2},[e.$slots.menuIcon?{name:"menuIcon",fn:t.withCtx(({isOpen:s,color:b})=>[t.renderSlot(e.$slots,"menuIcon",t.normalizeProps(t.guardReactiveProps({isOpen:s,color:b})),void 0,!0)]),key:"0"}:void 0,e.$slots.optionTooltip?{name:"optionTooltip",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"optionTooltip",{},void 0,!0)]),key:"1"}:void 0,e.$slots.optionPdf?{name:"optionPdf",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"optionPdf",{},void 0,!0)]),key:"2"}:void 0,e.$slots.optionCsv?{name:"optionCsv",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"optionCsv",{},void 0,!0)]),key:"3"}:void 0,e.$slots.optionImg?{name:"optionImg",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"optionImg",{},void 0,!0)]),key:"4"}:void 0,e.$slots.optionTable?{name:"optionTable",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"optionTable",{},void 0,!0)]),key:"5"}:void 0,e.$slots.optionLabels?{name:"optionLabels",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"optionLabels",{},void 0,!0)]),key:"6"}:void 0,e.$slots.optionStack?{name:"optionStack",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"optionStack",{},void 0,!0)]),key:"7"}:void 0,e.$slots.optionFullscreen?{name:"optionFullscreen",fn:t.withCtx(({toggleFullscreen:s,isFullscreen:b})=>[t.renderSlot(e.$slots,"optionFullscreen",t.normalizeProps(t.guardReactiveProps({toggleFullscreen:s,isFullscreen:b})),void 0,!0)]),key:"8"}:void 0,e.$slots.optionAnnotator?{name:"optionAnnotator",fn:t.withCtx(({toggleAnnotator:s,isAnnotator:b})=>[t.renderSlot(e.$slots,"optionAnnotator",t.normalizeProps(t.guardReactiveProps({toggleAnnotator:s,isAnnotator:b})),void 0,!0)]),key:"9"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasImg","hasXls","hasLabel","hasStack","hasFullscreen","hasTable","isFullscreen","isTooltip","isStacked","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"vue-ui-xy-canvas",style:t.normalizeStyle(`position: relative; aspect-ratio: ${Ce.value}`),ref_key:"container",ref:D},[R.value?(t.openBlock(),t.createElementBlock("canvas",{key:0,ref_key:"canvas",ref:F,style:{width:"100%",height:"100%"},onMousemove:n[0]||(n[0]=s=>rt(s)),onMouseleave:ut},null,544)):(t.openBlock(),t.createBlock(gt.default,{key:1,config:{type:"line",style:{backgroundColor:l.value.style.chart.backgroundColor,line:{axis:{color:"#CCCCCC"},path:{color:"#CCCCCC",strokeWidth:.5}}}}},null,8,["config"])),t.createVNode(vt._sfc_main,{show:o.value.showTooltip&&q.value,backgroundColor:l.value.style.chart.tooltip.backgroundColor,color:l.value.style.chart.tooltip.color,fontSize:l.value.style.chart.tooltip.fontSize,borderRadius:l.value.style.chart.tooltip.borderRadius,borderColor:l.value.style.chart.tooltip.borderColor,borderWidth:l.value.style.chart.tooltip.borderWidth,position:l.value.style.chart.tooltip.position,offsetY:l.value.style.chart.tooltip.offsetY,parent:t.unref(F),content:Y.value,isFullscreen:J.value,backgroundOpacity:l.value.style.chart.tooltip.backgroundOpacity,isCustom:t.unref(d.isFunction)(l.value.style.chart.tooltip.customFormat)},{"tooltip-before":t.withCtx(()=>[t.renderSlot(e.$slots,"tooltip-before",t.normalizeProps(t.guardReactiveProps({...X.value})),void 0,!0)]),"tooltip-after":t.withCtx(()=>[t.renderSlot(e.$slots,"tooltip-after",t.normalizeProps(t.guardReactiveProps({...X.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","fontSize","borderRadius","borderColor","borderWidth","position","offsetY","parent","content","isFullscreen","backgroundOpacity","isCustom"])],4),t.createElementVNode("div",{ref_key:"chartSlicer",ref:ce,style:t.normalizeStyle(`width:100%;background:${l.value.style.chart.backgroundColor}`),"data-dom-to-png-ignore":""},[l.value.style.chart.zoom.show&&f.value>1?(t.openBlock(),t.createBlock(ft.Slicer,{ref_key:"slicerComponent",ref:oe,key:`slicer_${re.value}`,background:l.value.style.chart.zoom.color,borderColor:l.value.style.chart.backgroundColor,fontSize:l.value.style.chart.zoom.fontSize,useResetSlot:l.value.style.chart.zoom.useResetSlot,labelLeft:l.value.style.chart.grid.y.timeLabels.values[c.value.start]?l.value.style.chart.grid.y.timeLabels.values[c.value.start]:"",labelRight:l.value.style.chart.grid.y.timeLabels.values[c.value.end-1]?l.value.style.chart.grid.y.timeLabels.values[c.value.end-1]:"",textColor:l.value.style.chart.color,inputColor:l.value.style.chart.zoom.color,selectColor:l.value.style.chart.zoom.highlightColor,max:f.value,min:0,valueStart:c.value.start,valueEnd:c.value.end,start:c.value.start,"onUpdate:start":n[1]||(n[1]=s=>c.value.start=s),end:c.value.end,"onUpdate:end":n[2]||(n[2]=s=>c.value.end=s),refreshStartPoint:l.value.style.chart.zoom.startIndex!==null?l.value.style.chart.zoom.startIndex:0,refreshEndPoint:l.value.style.chart.zoom.endIndex!==null?l.value.style.chart.zoom.endIndex+1:f.value,enableRangeHandles:l.value.style.chart.zoom.enableRangeHandles,enableSelectionDrag:l.value.style.chart.zoom.enableSelectionDrag,onReset:Pe},{"reset-action":t.withCtx(({reset:s})=>[t.renderSlot(e.$slots,"reset-action",t.normalizeProps(t.guardReactiveProps({reset:s})),void 0,!0)]),_:3},8,["background","borderColor","fontSize","useResetSlot","labelLeft","labelRight","textColor","inputColor","selectColor","max","valueStart","valueEnd","start","end","refreshStartPoint","refreshEndPoint","enableRangeHandles","enableSelectionDrag"])):t.createCommentVNode("",!0)],4),t.createElementVNode("div",{ref_key:"chartLegend",ref:ie},[l.value.style.chart.legend.show&&R.value?(t.openBlock(),t.createBlock(dt.Legend,{legendSet:Re.value,config:st.value,key:`legend_${Z.value}`,onClickMarker:n[3]||(n[3]=({i:s})=>De(s))},{item:t.withCtx(({legend:s,index:b})=>[t.createElementVNode("div",{onClick:C=>s.segregate(),style:t.normalizeStyle(`opacity:${E.value.includes(b)?.5:1}`)},t.toDisplayString(s.name),13,Nt)]),_:1},8,["legendSet","config"])):t.renderSlot(e.$slots,"legend",{key:1,legend:Re.value},void 0,!0)],512),e.$slots.watermark?(t.openBlock(),t.createElementBlock("div",Pt,[t.renderSlot(e.$slots,"watermark",t.normalizeProps(t.guardReactiveProps({isPrinting:t.unref(Le)||t.unref(de)})),void 0,!0)])):t.createCommentVNode("",!0),e.$slots.source?(t.openBlock(),t.createElementBlock("div",{key:3,ref_key:"source",ref:H,dir:"auto"},[t.renderSlot(e.$slots,"source",{},void 0,!0)],512)):t.createCommentVNode("",!0),c.value.end-c.value.start<200?(t.openBlock(),t.createBlock(yt.default,{key:4,hideDetails:"",config:{open:o.value.showTable,maxHeight:1e4,body:{backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color},head:{backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color}}},{content:t.withCtx(()=>[(t.openBlock(),t.createBlock(pt.DataTable,{key:`table_${K.value}`,colNames:$e.value.colNames,head:$e.value.head,body:$e.value.body,config:$e.value.config,title:`${l.value.style.chart.title.text}${l.value.style.chart.title.subtitle.text?` : ${l.value.style.chart.title.subtitle.text}`:""}`,onClose:n[4]||(n[4]=s=>o.value.showTable=!1)},{th:t.withCtx(({th:s})=>[t.createElementVNode("div",{innerHTML:s},null,8,It)]),td:t.withCtx(({td:s})=>[t.createTextVNode(t.toDisplayString(s),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):t.createCommentVNode("",!0),l.value.userOptions.buttons.annotator&&g.value.length?(t.openBlock(),t.createBlock(Bt,{key:5,parent:_.value,backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color,active:Te.value,onClose:Ne},null,8,["parent","backgroundColor","color","active"])):t.createCommentVNode("",!0)],46,Mt))}},Dt=We._export_sfc(At,[["__scopeId","data-v-b8851cb8"]]);exports.default=Dt;

package/dist/{vue-ui-xy-aKaGgYGL.js → vue-ui-xy-y9zEQYMK.js}

@@ -1,17 +1,17 @@
-import { Q as H, Y as q, a7 as $, a8 as U, a9 as ee, aa as te, ab as le, ac as ae, ad as re, c as X, A as ie, F as se, w as ne, s as ce, o as oe, $ as he, ae as ue, x as de, C as ge, y as fe, a5 as Ie, e as Ne, r as me, f as Z, af as xe, S as be, T as Fe, q as _e, b as ye, z as Ae, d as Le, ag as Ce, v as Se, ah as ke, a3 as we, ai as Oe, i as Ge, G as ve, L as pe, u as ze, p as Me, B as Te, a as Pe, t as Ve } from "./index-gC66Se26.js";
-import { D as Re } from "./DataTable-C_28ZqiP.js";
-import { _ as He } from "./Title-Co3F59jq.js";
-import { u as De, _ as We } from "./Tooltip-Cr89wMKa.js";
-import { U as Be } from "./usePrinter-KMFl0n0s.js";
-import { _ as Ee } from "./Shape-iIO-95sh.js";
-import Ye from "./BaseIcon-DqYzMisq.js";
-import qe from "./vue-ui-table-sparkline-CrQNShdH.js";
-import Xe from "./vue-ui-skeleton-7Zfds6H1.js";
-import { S as Ue } from "./Slicer-C49MotZz.js";
-import Ze from "./vue-ui-accordion-j2beIma_.js";
-import { u as J } from "./useNestedProp-BusTOV-6.js";
-import { _ as Je } from "./PackageVersion-39l3KkzC.js";
-import { P as Qe } from "./PenAndPaper-CmcfpltX.js";
+import { Q as H, Y as q, a7 as $, a8 as U, a9 as ee, aa as te, ab as le, ac as ae, ad as re, c as X, A as ie, F as se, w as ne, s as ce, o as oe, $ as he, ae as ue, x as de, C as ge, y as fe, a5 as Ie, e as Ne, r as me, f as Z, af as xe, S as be, T as Fe, q as _e, b as ye, z as Ae, d as Le, ag as Ce, v as Se, ah as ke, a3 as we, ai as Oe, i as Ge, G as ve, L as pe, u as ze, p as Me, B as Te, a as Pe, t as Ve } from "./index-D3VntmA9.js";
+import { D as Re } from "./DataTable-DOKlm7k4.js";
+import { _ as He } from "./Title-UjBqdYyD.js";
+import { u as De, _ as We } from "./Tooltip-3NNIdJ6N.js";
+import { U as Be } from "./usePrinter-H3tAjGXs.js";
+import { _ as Ee } from "./Shape-D9MuIPm8.js";
+import Ye from "./BaseIcon-BLhJaEYy.js";
+import qe from "./vue-ui-table-sparkline-C9PHXjbW.js";
+import Xe from "./vue-ui-skeleton-pHcbvN3-.js";
+import { S as Ue } from "./Slicer-CqYLlNlU.js";
+import Ze from "./vue-ui-accordion-DGJQIcdB.js";
+import { u as J } from "./useNestedProp-DTlOqz2P.js";
+import { _ as Je } from "./PackageVersion-BCLALL_i.js";
+import { _ as Qe } from "./PenAndPaper-CZs431Nx.js";
 import { resolveComponent as R, createElementBlock as i, openBlock as r, normalizeStyle as b, normalizeClass as W, createBlock as D, createCommentVNode as d, createVNode as Y, createSlots as Ke, withCtx as V, renderSlot as S, normalizeProps as B, guardReactiveProps as E, createElementVNode as f, createTextVNode as Q, Fragment as u, renderList as I, toDisplayString as P, mergeProps as K, withDirectives as je, vModelCheckbox as $e } from "vue";
 import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const tt = X(), lt = {
@@ -1114,7 +1114,7 @@ const tt = X(), lt = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./pdf-lJiGVhtL.js");
+          const { default: t } = await import("./pdf-BpVckOt1.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1137,7 +1137,7 @@ const tt = X(), lt = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./img-DQDP5JIH.js");
+          const { default: t } = await import("./img-BxGd_UqS.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",

package/package.json

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

package/dist/PenAndPaper-CmcfpltX.js

@@ -1,243 +0,0 @@
-import { ref as A, computed as j, watch as D, nextTick as U, onMounted as J, onBeforeUnmount as z, createElementBlock as Z, createCommentVNode as _, openBlock as ee, createElementVNode as k, withDirectives as te, normalizeStyle as w, createVNode as R, normalizeClass as I, vModelText as ne } from "vue";
-import Q from "./BaseIcon-DqYzMisq.js";
-import { C as oe } from "./ColorPicker-DyOTLjAA.js";
-import { l as ae } from "./index-gC66Se26.js";
-import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const se = {
-  key: 0,
-  "data-dom-to-png-ignore": "",
-  class: "vue-ui-pen-and-paper-actions"
-}, re = {
-  class: "vue-ui-pen-and-paper-action",
-  style: { padding: "0 !important" }
-}, ue = ["disabled"], ie = {
-  __name: "PenAndPaper",
-  props: {
-    svgRef: {
-      type: [Object, null],
-      required: !0
-    },
-    color: {
-      type: String,
-      default: "#2D353C"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    active: {
-      type: Boolean,
-      default: !1
-    },
-    scale: {
-      type: Number,
-      default: 1
-    }
-  },
-  emits: ["close"],
-  setup(c, { emit: G }) {
-    const a = c, K = G, m = A([]), h = A([]), $ = A(a.color), B = A(2), L = A(!1), S = A(""), l = A(null), i = A(null), E = A(null), y = j(() => ae(a.color, 0.6));
-    function V() {
-      if (!l.value) return;
-      const n = l.value.querySelector(".vue-data-ui-mask");
-      if (n && l.value.removeChild(n), a.active) {
-        const t = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-        t.setAttribute("class", "vue-data-ui-mask"), t.setAttribute("width", "100%"), t.setAttribute("height", "100%"), t.setAttribute("fill", "transparent"), t.setAttribute("pointer-events", "all"), l.value.insertBefore(t, l.value.firstChild);
-      }
-    }
-    function M(n) {
-      var s;
-      const t = a.svgRef;
-      if (!t) return { x: 0, y: 0 };
-      const o = t.createSVGPoint();
-      o.x = n.clientX, o.y = n.clientY;
-      const e = (s = t.getScreenCTM()) == null ? void 0 : s.inverse();
-      return e ? o.matrixTransform(e) : { x: 0, y: 0 };
-    }
-    function H(n) {
-      const t = n.trim().split(/\s+/);
-      if (t.length < 4)
-        return n;
-      const o = t.slice(1).map(Number);
-      if (o.length % 2 !== 0)
-        return n;
-      const e = T(o), s = [`M ${e[0]} ${e[1]}`];
-      for (let v = 2; v < e.length - 2; v += 2) {
-        const f = e[v - 2], p = e[v - 1], d = e[v], g = e[v + 1], C = (f + d) / 2, x = (p + g) / 2;
-        s.push(`Q ${f} ${p} ${C} ${x}`);
-      }
-      const r = e[e.length - 2], u = e[e.length - 1];
-      return s.push(`L ${r} ${u}`), s.join(" ");
-    }
-    function T(n, t = 1) {
-      const o = [...n];
-      for (let e = 2; e < n.length - 2; e += 2) {
-        const s = n[e], r = n[e + 1], u = n[e - 2], v = n[e - 1], f = n[e + 2], p = n[e + 3];
-        o[e] = s + t * ((u + f) / 2 - s), o[e + 1] = r + t * ((v + p) / 2 - r);
-      }
-      return o;
-    }
-    function X(n) {
-      const t = n.trim().split(/\s+/);
-      let o = "", e = "", s = null, r = null;
-      for (let u = 0; u < t.length; u += 1) {
-        const v = t[u];
-        if (isNaN(v)) {
-          if (e = v, e === "M" || e === "L")
-            s = parseFloat(t[++u]), r = parseFloat(t[++u]), o += `${e}${s} ${r}`;
-          else if (e === "Q") {
-            const f = parseFloat(t[++u]), p = parseFloat(t[++u]), d = parseFloat(t[++u]), g = parseFloat(t[++u]);
-            f === s && p === r ? o += `t${d - s} ${g - r}` : o += `q${f - s} ${p - r} ${d - s} ${g - r}`, s = d, r = g;
-          }
-        } else {
-          const f = parseFloat(v), p = parseFloat(t[++u]);
-          if (e === "L") {
-            const d = f - s, g = p - r;
-            d === 0 ? o += `v${g}` : g === 0 ? o += `h${d}` : o += `l${d} ${g}`, s = f, r = p;
-          } else if (e === "Q") {
-            const d = f, g = p, C = parseFloat(t[++u]), x = parseFloat(t[++u]);
-            d === s && g === r ? o += `t${C - s} ${x - r}` : o += `q${d - s} ${g - r} ${C - s} ${x - r}`, s = C, r = x;
-          }
-        }
-      }
-      return o;
-    }
-    function P(n) {
-      if (!a.active || !l.value) return;
-      L.value = !0;
-      const { x: t, y: o } = M(n);
-      E.value = { x: t, y: o }, S.value = `M ${t} ${o}`, i.value = document.createElementNS("http://www.w3.org/2000/svg", "path"), i.value.setAttribute("stroke", $.value), i.value.setAttribute("stroke-width", B.value * a.scale), i.value.setAttribute("fill", "none"), i.value.setAttribute("stroke-linecap", "round"), i.value.setAttribute("stroke-linejoin", "round"), i.value.setAttribute("class", "vue-data-ui-doodle"), l.value.appendChild(i.value);
-    }
-    function F(n) {
-      if (!L.value || !l.value || !i.value) return;
-      const { x: t, y: o } = M(n);
-      S.value += ` ${t} ${o}`, i.value.setAttribute("d", S.value);
-    }
-    function b(n) {
-      if (L.value && l.value && i.value) {
-        const { x: t, y: o } = M(n);
-        if (E.value && E.value.x === t && E.value.y === o) {
-          const e = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-          e.setAttribute("cx", t), e.setAttribute("cy", o), e.setAttribute("r", B.value * a.scale / 2), e.setAttribute("fill", $.value), e.setAttribute("class", "vue-data-ui-doodle"), l.value.appendChild(e), m.value.push(e);
-        } else {
-          const e = i.value;
-          e.setAttribute("d", X(H(S.value))), m.value.push(e);
-        }
-        h.value = [], i.value = "";
-      }
-      L.value = !1;
-    }
-    function Y() {
-      if (m.value.length > 0) {
-        const n = m.value.pop();
-        h.value.push(n), l.value && l.value.removeChild(n);
-      }
-    }
-    function q() {
-      if (h.value.length > 0) {
-        const n = h.value.pop();
-        m.value.push(n), l.value && l.value.appendChild(n);
-      }
-    }
-    function O() {
-      l.value && (l.value.innerHTML = ""), m.value = [], h.value = [], V();
-    }
-    function W() {
-      !a.svgRef || !a.active || (a.svgRef.addEventListener("mousedown", P), a.svgRef.addEventListener("mousemove", F), a.svgRef.addEventListener("mouseup", b), a.svgRef.addEventListener("mouseleave", b), a.svgRef.addEventListener("touchstart", P, { passive: !1 }), a.svgRef.addEventListener("touchmove", F, { passive: !1 }), a.svgRef.addEventListener("touchend", b), l.value && (l.value.style.pointerEvents = "auto"));
-    }
-    function N() {
-      a.svgRef && (a.svgRef.removeEventListener("mousedown", P), a.svgRef.removeEventListener("mousemove", F), a.svgRef.removeEventListener("mouseup", b), a.svgRef.removeEventListener("mouseleave", b), a.svgRef.removeEventListener("touchstart", P), a.svgRef.removeEventListener("touchmove", F), a.svgRef.removeEventListener("touchend", b), l.value && (l.value.style.pointerEvents = "none"));
-    }
-    return D(() => a.active, (n) => {
-      n ? W() : N();
-    }), D(() => a.active, () => {
-      U(() => {
-        V();
-      });
-    }), J(() => {
-      U(() => {
-        a.svgRef && (l.value = document.createElementNS("http://www.w3.org/2000/svg", "g"), l.value.setAttribute("class", "vue-data-ui-doodles"), l.value.style.cursor = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto", a.svgRef.appendChild(l.value), N());
-      });
-    }), z(() => {
-      l.value && a.svgRef && (a.svgRef.removeChild(l.value), N());
-    }), (n, t) => c.active ? (ee(), Z("div", se, [
-      k("button", {
-        class: "vue-ui-pen-and-paper-action",
-        onClick: t[0] || (t[0] = (o) => K("close")),
-        style: w({
-          backgroundColor: c.backgroundColor,
-          border: `1px solid ${y.value}`
-        })
-      }, [
-        R(Q, {
-          name: "close",
-          stroke: c.color
-        }, null, 8, ["stroke"])
-      ], 4),
-      k("button", re, [
-        R(oe, {
-          value: $.value,
-          "onUpdate:value": t[1] || (t[1] = (o) => $.value = o),
-          backgroundColor: c.backgroundColor,
-          buttonBorderColor: y.value
-        }, null, 8, ["value", "backgroundColor", "buttonBorderColor"])
-      ]),
-      k("button", {
-        class: I(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !m.value.length }]),
-        disabled: !m.value.length,
-        onClick: Y,
-        style: w({
-          backgroundColor: c.backgroundColor,
-          border: `1px solid ${y.value}`
-        })
-      }, [
-        R(Q, {
-          name: "restart",
-          stroke: c.color
-        }, null, 8, ["stroke"])
-      ], 14, ue),
-      k("button", {
-        class: I(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !h.value.length }]),
-        onClick: q,
-        style: w({
-          backgroundColor: c.backgroundColor,
-          border: `1px solid ${y.value}`
-        })
-      }, [
-        R(Q, {
-          name: "restart",
-          stroke: c.color,
-          style: { transform: "scaleX(-1)" }
-        }, null, 8, ["stroke"])
-      ], 6),
-      k("button", {
-        class: I(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !m.value.length }]),
-        onClick: O,
-        style: w({
-          backgroundColor: c.backgroundColor,
-          border: `1px solid ${y.value}`
-        })
-      }, [
-        R(Q, {
-          name: "trash",
-          stroke: c.color
-        }, null, 8, ["stroke"])
-      ], 6),
-      te(k("input", {
-        ref: "range",
-        type: "range",
-        class: "vertical-range",
-        min: 0.5,
-        max: 12,
-        step: 0.1,
-        "onUpdate:modelValue": t[2] || (t[2] = (o) => B.value = o),
-        style: w({ accentColor: c.color })
-      }, null, 4), [
-        [ne, B.value]
-      ])
-    ])) : _("", !0);
-  }
-}, pe = /* @__PURE__ */ le(ie, [["__scopeId", "data-v-bc22da94"]]);
-export {
-  pe as P
-};

package/dist/PenAndPaper-DNbX5hR8.cjs

@@ -1 +0,0 @@
-"use strict";const n=require("vue"),S=require("./BaseIcon-C0unoacb.cjs"),K=require("./ColorPicker-DLNc3kpl.cjs"),z=require("./index-BeJeDy5m.cjs"),T=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),X={key:0,"data-dom-to-png-ignore":"",class:"vue-ui-pen-and-paper-actions"},Y={class:"vue-ui-pen-and-paper-action",style:{padding:"0 !important"}},O=["disabled"],W={__name:"PenAndPaper",props:{svgRef:{type:[Object,null],required:!0},color:{type:String,default:"#2D353C"},backgroundColor:{type:String,default:"#FFFFFF"},active:{type:Boolean,default:!1},scale:{type:Number,default:1}},emits:["close"],setup(v,{emit:F}){const l=v,Q=F,A=n.ref([]),h=n.ref([]),x=n.ref(l.color),w=n.ref(2),R=n.ref(!1),$=n.ref(""),r=n.ref(null),c=n.ref(null),B=n.ref(null),k=n.computed(()=>z.lightenHexColor(l.color,.6));function P(){if(!r.value)return;const o=r.value.querySelector(".vue-data-ui-mask");if(o&&r.value.removeChild(o),l.active){const t=document.createElementNS("http://www.w3.org/2000/svg","rect");t.setAttribute("class","vue-data-ui-mask"),t.setAttribute("width","100%"),t.setAttribute("height","100%"),t.setAttribute("fill","transparent"),t.setAttribute("pointer-events","all"),r.value.insertBefore(t,r.value.firstChild)}}function N(o){var s;const t=l.svgRef;if(!t)return{x:0,y:0};const a=t.createSVGPoint();a.x=o.clientX,a.y=o.clientY;const e=(s=t.getScreenCTM())==null?void 0:s.inverse();return e?a.matrixTransform(e):{x:0,y:0}}function M(o){const t=o.trim().split(/\s+/);if(t.length<4)return o;const a=t.slice(1).map(Number);if(a.length%2!==0)return o;const e=I(a),s=[`M ${e[0]} ${e[1]}`];for(let d=2;d<e.length-2;d+=2){const p=e[d-2],m=e[d-1],f=e[d],g=e[d+1],y=(p+f)/2,C=(m+g)/2;s.push(`Q ${p} ${m} ${y} ${C}`)}const u=e[e.length-2],i=e[e.length-1];return s.push(`L ${u} ${i}`),s.join(" ")}function I(o,t=1){const a=[...o];for(let e=2;e<o.length-2;e+=2){const s=o[e],u=o[e+1],i=o[e-2],d=o[e-1],p=o[e+2],m=o[e+3];a[e]=s+t*((i+p)/2-s),a[e+1]=u+t*((d+m)/2-u)}return a}function D(o){const t=o.trim().split(/\s+/);let a="",e="",s=null,u=null;for(let i=0;i<t.length;i+=1){const d=t[i];if(isNaN(d)){if(e=d,e==="M"||e==="L")s=parseFloat(t[++i]),u=parseFloat(t[++i]),a+=`${e}${s} ${u}`;else if(e==="Q"){const p=parseFloat(t[++i]),m=parseFloat(t[++i]),f=parseFloat(t[++i]),g=parseFloat(t[++i]);p===s&&m===u?a+=`t${f-s} ${g-u}`:a+=`q${p-s} ${m-u} ${f-s} ${g-u}`,s=f,u=g}}else{const p=parseFloat(d),m=parseFloat(t[++i]);if(e==="L"){const f=p-s,g=m-u;f===0?a+=`v${g}`:g===0?a+=`h${f}`:a+=`l${f} ${g}`,s=p,u=m}else if(e==="Q"){const f=p,g=m,y=parseFloat(t[++i]),C=parseFloat(t[++i]);f===s&&g===u?a+=`t${y-s} ${C-u}`:a+=`q${f-s} ${g-u} ${y-s} ${C-u}`,s=y,u=C}}}return a}function E(o){if(!l.active||!r.value)return;R.value=!0;const{x:t,y:a}=N(o);B.value={x:t,y:a},$.value=`M ${t} ${a}`,c.value=document.createElementNS("http://www.w3.org/2000/svg","path"),c.value.setAttribute("stroke",x.value),c.value.setAttribute("stroke-width",w.value*l.scale),c.value.setAttribute("fill","none"),c.value.setAttribute("stroke-linecap","round"),c.value.setAttribute("stroke-linejoin","round"),c.value.setAttribute("class","vue-data-ui-doodle"),r.value.appendChild(c.value)}function L(o){if(!R.value||!r.value||!c.value)return;const{x:t,y:a}=N(o);$.value+=` ${t} ${a}`,c.value.setAttribute("d",$.value)}function b(o){if(R.value&&r.value&&c.value){const{x:t,y:a}=N(o);if(B.value&&B.value.x===t&&B.value.y===a){const e=document.createElementNS("http://www.w3.org/2000/svg","circle");e.setAttribute("cx",t),e.setAttribute("cy",a),e.setAttribute("r",w.value*l.scale/2),e.setAttribute("fill",x.value),e.setAttribute("class","vue-data-ui-doodle"),r.value.appendChild(e),A.value.push(e)}else{const e=c.value;e.setAttribute("d",D(M($.value))),A.value.push(e)}h.value=[],c.value=""}R.value=!1}function U(){if(A.value.length>0){const o=A.value.pop();h.value.push(o),r.value&&r.value.removeChild(o)}}function q(){if(h.value.length>0){const o=h.value.pop();A.value.push(o),r.value&&r.value.appendChild(o)}}function G(){r.value&&(r.value.innerHTML=""),A.value=[],h.value=[],P()}function H(){!l.svgRef||!l.active||(l.svgRef.addEventListener("mousedown",E),l.svgRef.addEventListener("mousemove",L),l.svgRef.addEventListener("mouseup",b),l.svgRef.addEventListener("mouseleave",b),l.svgRef.addEventListener("touchstart",E,{passive:!1}),l.svgRef.addEventListener("touchmove",L,{passive:!1}),l.svgRef.addEventListener("touchend",b),r.value&&(r.value.style.pointerEvents="auto"))}function V(){l.svgRef&&(l.svgRef.removeEventListener("mousedown",E),l.svgRef.removeEventListener("mousemove",L),l.svgRef.removeEventListener("mouseup",b),l.svgRef.removeEventListener("mouseleave",b),l.svgRef.removeEventListener("touchstart",E),l.svgRef.removeEventListener("touchmove",L),l.svgRef.removeEventListener("touchend",b),r.value&&(r.value.style.pointerEvents="none"))}return n.watch(()=>l.active,o=>{o?H():V()}),n.watch(()=>l.active,()=>{n.nextTick(()=>{P()})}),n.onMounted(()=>{n.nextTick(()=>{l.svgRef&&(r.value=document.createElementNS("http://www.w3.org/2000/svg","g"),r.value.setAttribute("class","vue-data-ui-doodles"),r.value.style.cursor="url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto",l.svgRef.appendChild(r.value),V())})}),n.onBeforeUnmount(()=>{r.value&&l.svgRef&&(l.svgRef.removeChild(r.value),V())}),(o,t)=>v.active?(n.openBlock(),n.createElementBlock("div",X,[n.createElementVNode("button",{class:"vue-ui-pen-and-paper-action",onClick:t[0]||(t[0]=a=>Q("close")),style:n.normalizeStyle({backgroundColor:v.backgroundColor,border:`1px solid ${k.value}`})},[n.createVNode(S.default,{name:"close",stroke:v.color},null,8,["stroke"])],4),n.createElementVNode("button",Y,[n.createVNode(K.ColorPicker,{value:x.value,"onUpdate:value":t[1]||(t[1]=a=>x.value=a),backgroundColor:v.backgroundColor,buttonBorderColor:k.value},null,8,["value","backgroundColor","buttonBorderColor"])]),n.createElementVNode("button",{class:n.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-disabled":!A.value.length}]),disabled:!A.value.length,onClick:U,style:n.normalizeStyle({backgroundColor:v.backgroundColor,border:`1px solid ${k.value}`})},[n.createVNode(S.default,{name:"restart",stroke:v.color},null,8,["stroke"])],14,O),n.createElementVNode("button",{class:n.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-disabled":!h.value.length}]),onClick:q,style:n.normalizeStyle({backgroundColor:v.backgroundColor,border:`1px solid ${k.value}`})},[n.createVNode(S.default,{name:"restart",stroke:v.color,style:{transform:"scaleX(-1)"}},null,8,["stroke"])],6),n.createElementVNode("button",{class:n.normalizeClass(["vue-ui-pen-and-paper-action",{"vue-ui-pen-and-paper-action-disabled":!A.value.length}]),onClick:G,style:n.normalizeStyle({backgroundColor:v.backgroundColor,border:`1px solid ${k.value}`})},[n.createVNode(S.default,{name:"trash",stroke:v.color},null,8,["stroke"])],6),n.withDirectives(n.createElementVNode("input",{ref:"range",type:"range",class:"vertical-range",min:.5,max:12,step:.1,"onUpdate:modelValue":t[2]||(t[2]=a=>w.value=a),style:n.normalizeStyle({accentColor:v.color})},null,4),[[n.vModelText,w.value]])])):n.createCommentVNode("",!0)}},j=T._export_sfc(W,[["__scopeId","data-v-bc22da94"]]);exports.PenAndPaper=j;

package/dist/vue-ui-3d-bar-CmbTiJVx.cjs

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-BeJeDy5m.cjs"),me=require("./Title-BgVFZwZZ.cjs"),oe=require("./usePrinter-Bz_kd3vb.cjs"),ye=require("./vue-ui-skeleton-KW-jcPRN.cjs"),ge=require("./DataTable-ByOfBGEi.cjs"),$e=require("./vue-ui-accordion-CZBJSHT_.cjs"),ne=require("./useNestedProp-CF-iHhIC.cjs"),_e=require("./PackageVersion-By81XV8X.cjs"),be=require("./PenAndPaper-DNbX5hR8.cjs"),Be=require("./useUserOptionState-BgepsfED.cjs"),xe=require("./useChartAccessibility-Cm7nkzTG.cjs"),Ce=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ee=["id"],we={key:1,style:"width:100%;background:transparent"},Ne=["xmlns","viewBox"],Ve=["width","height"],Fe=["id"],Me=["stop-color"],Se=["stop-color"],Pe=["id"],Oe=["stop-color"],Le=["stop-color"],De=["id"],Te=["stop-color"],ze=["stop-color"],je=["id"],Ae=["stop-color"],Ie=["stop-color"],We=["stop-color"],Ge={key:1},He=["id"],qe=["stop-color"],Ue=["stop-color"],Re=["id"],Xe=["stop-color"],Ze=["stop-color"],Ye=["id"],Je=["stop-color"],Ke=["stop-color"],Qe=["id"],et=["x","y","font-size","font-weight","fill"],tt=["x","y"],lt=["d","stroke"],ot=["d","stroke"],nt={key:4},rt={key:0},at=["stroke-dasharray","d","stroke","stroke-width"],st=["stroke-dasharray","d","stroke","stroke-width"],ut=["stroke-dasharray","d","stroke","stroke-width"],it=["stroke-dasharray","d","stroke","stroke-width"],ct={key:1},dt=["d","stroke","stroke-width","fill"],ht=["d","stroke","stroke-width","fill"],vt=["d","stroke","stroke-width","fill"],pt={key:2},ft=["d","fill","onMouseenter","onClick"],kt=["d","fill","onMouseenter","onClick"],mt=["d","fill","onMouseenter","onClick"],yt=["d","onMouseenter","onClick"],gt=["d"],$t=["d","stroke"],_t=["onClick"],bt=["stroke","d"],Bt=["cx","cy","fill","stroke"],xt=["x","y","width","height"],Ct={key:1},Et=["d","stroke"],wt=["d","fill","stroke"],Nt=["id"],Vt=["stop-color"],Ft=["stop-color"],Mt=["cx","cy","fill"],St=["cx","cy","fill"],Pt={key:0},Ot=["text-anchor","x","y","fill","font-size"],Lt=["text-anchor","x","y","fill","font-size"],Dt={key:2},Tt=["d","fill","stroke"],zt={key:5},jt={key:0},At=["stroke-dasharray","d","stroke","stroke-width"],It=["stroke-dasharray","d","stroke","stroke-width"],Wt=["stroke-dasharray","d","stroke","stroke-width"],Gt=["stroke-dasharray","d","stroke","stroke-width"],Ht=["d","stroke","stroke-width","fill"],qt=["d","stroke","stroke-width","fill"],Ut={key:1},Rt=["onClick"],Xt=["id"],Zt=["stop-color"],Yt=["stop-color"],Jt=["id"],Kt=["stop-color"],Qt=["stop-color"],el=["stop-color"],tl=["stop-color"],ll=["stop-color"],ol=["onMouseenter","onClick","d","fill"],nl=["onMouseenter","onClick","d"],rl=["onMouseenter","onClick","d","fill"],al=["onClick"],sl=["stroke","d"],ul=["cx","cy","fill","stroke"],il=["x","y","width","height"],cl={key:1},dl=["d","stroke"],hl=["d","fill","stroke"],vl=["id"],pl=["stop-color"],fl=["stop-color"],kl=["cx","cy","fill"],ml=["cx","cy","fill"],yl={key:0},gl=["text-anchor","x","y","fill","font-size"],$l=["text-anchor","x","y","fill","font-size"],_l={key:2},bl=["d","fill","stroke"],Bl={key:4,class:"vue-data-ui-watermark"},xl={key:6,ref:"source",dir:"auto"},Cl=["innerHTML"],El={__name:"vue-ui-3d-bar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["selectDatapoint"],setup(re,{expose:ae,emit:se}){const{vue_ui_3d_bar:ue}=s.useConfig(),f=re,F=se,M=e.computed(()=>!!f.dataset&&Object.keys(f.dataset).length),k=e.ref(s.createUid()),ie=e.ref(null),z=e.ref(null),x=e.ref(!1),j=e.ref(0),A=e.ref(0),l=e.computed({get:()=>H(),set:a=>a}),{userOptionsVisible:O,setUserOptionsVisibility:I,keepUserOptionState:W}=Be.useUserOptionState({config:l.value}),{svgRef:G}=xe.useChartAccessibility({config:l.value.style.chart.title});function H(){const a=ne.useNestedProp({userConfig:f.config,defaultConfig:ue});return a.theme?{...ne.useNestedProp({userConfig:s.themes.vue_ui_3d_bar[a.theme]||f.config,defaultConfig:a}),customPalette:s.themePalettes[a.theme]||s.palette}:a}e.watch(()=>f.config,a=>{l.value=H(),O.value=!l.value.userOptions.showOnChartHover,Z(),j.value+=1,A.value+=1,N.value.showTable=l.value.table.show},{deep:!0});const{isPrinting:q,isImaging:U,generatePdf:R,generateImage:X}=oe.usePrinter({elementId:`3d_bar_${k.value}`,fileName:l.value.style.chart.title.text||"vue-ui-3d-bar",options:l.value.userOptions.print}),ce=e.computed(()=>s.convertCustomPalette(l.value.customPalette)),N=e.ref({showTable:l.value.table.show}),$=e.computed(()=>f.dataset.series&&f.dataset.series.length),n=e.computed(()=>({height:l.value.style.chart.box.dimensions.height,width:l.value.style.chart.box.dimensions.width,absoluteWidth:l.value.style.chart.box.dimensions.width*($.value?2:1),top:l.value.style.chart.box.dimensions.top,bottom:l.value.style.chart.box.dimensions.bottom,left:l.value.style.chart.box.dimensions.left,right:l.value.style.chart.box.dimensions.right,perspective:l.value.style.chart.box.dimensions.perspective})),g=e.computed(()=>{if($.value){const a=f.dataset.series.map(o=>o.value||0).reduce((o,u)=>o+u,0),r=f.dataset.series.map((o,u)=>({...o,id:s.createUid(),proportion:(o.value||0)/a,color:s.convertColorToHex(o.color)||ce.value[u]||s.palette[u]||s.palette[u%s.palette.length],breakdown:o.breakdown?o.breakdown.sort((i,p)=>p.value-i.value):null})).sort((o,u)=>u.value-o.value),t=[];let c=0;for(let o=0;o<r.length;o+=1)t.push({...r[o],fill:de(c,r[o].proportion,r[o].breakdown,r[o].color)}),c+=r[o].proportion;return t}return null}),b=e.computed(()=>({right:`M${n.value.width/2},${n.value.top} ${n.value.width-n.value.right}, ${n.value.top+n.value.perspective} ${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective} ${n.value.width/2},${n.value.height-n.value.bottom}`,left:`M${n.value.width/2},${n.value.top} ${n.value.left},${n.value.top+n.value.perspective} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective} ${n.value.width/2},${n.value.height-n.value.bottom}`,side:`M${n.value.width/2},${n.value.height-n.value.bottom} ${n.value.width/2},${n.value.top+n.value.perspective*2}`,topSides:`M${n.value.left},${n.value.top+n.value.perspective} ${n.value.width/2},${n.value.top+n.value.perspective*2} ${n.value.width-n.value.right},${n.value.top+n.value.perspective}`,tubeTop:`M${n.value.left},${n.value.top+n.value.perspective} C ${n.value.left},${n.value.top-n.value.perspective/3} ${n.value.width-n.value.right},${n.value.top-n.value.perspective/3} ${n.value.width-n.value.right},${n.value.top+n.value.perspective} C ${n.value.width-n.value.right},${n.value.top+n.value.perspective*2.3} ${n.value.left},${n.value.top+n.value.perspective*2.3} ${n.value.left},${n.value.top+n.value.perspective}`,tubeLeft:`M${n.value.left},${n.value.top+n.value.perspective} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective}`,tubeRight:`M${n.value.width-n.value.right},${n.value.top+n.value.perspective} ${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective}`,tubeBottom:`M${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective} C ${n.value.width-n.value.right},${n.value.height} ${n.value.left},${n.value.height} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective}`})),E=e.ref(l.value.style.chart.animation.use?0:f.dataset.percentage);e.onMounted(()=>{Z();let a=0,r=l.value.style.chart.animation.speed,t=.005*l.value.style.chart.animation.acceleration;function c(){E.value+=r+a,a+=t,E.value<f.dataset.percentage?requestAnimationFrame(c):E.value=f.dataset.percentage}l.value.style.chart.animation.use&&(E.value=0,c())});function Z(){s.objectIsEmpty(f.dataset)?s.error({componentName:"VueUi3dBar",type:"dataset"}):f.dataset.series?f.dataset.series.forEach((a,r)=>{s.getMissingDatasetAttributes({datasetObject:a,requiredAttributes:["name","value"]}).forEach(t=>{s.error({componentName:"VueUi3dBar",type:"datasetSerieAttribute",property:t,index:r})}),a.breakdown&&a.breakdown.forEach((t,c)=>{s.getMissingDatasetAttributes({datasetObject:t,requiredAttributes:["name","value"]}).forEach(o=>{s.error({componentName:"VueUi3dBar",type:"datasetSerieAttribute",property:o,index:`${r} - ${c}`})})})}):s.getMissingDatasetAttributes({datasetObject:f.dataset,requiredAttributes:["percentage"]}).forEach(a=>{s.error({componentName:"VueUi3dBar",type:"datasetAttribute",property:a})})}function de(a,r,t,c){const o=n.value.height-n.value.bottom-n.value.top-n.value.perspective*2,{width:u,height:i,bottom:p,right:y,left:h,perspective:v}=n.value,d=p+o*a,T=i-d-v-o*r/2,pe=T>n.value.height/2?"top":"bottom",Q=64,fe=!!t;let ee=null,te=null;return fe&&(t=t.map((le,ke)=>({...le,value:le.value||0,color:s.lightenHexColor(c,ke/t.length)})),ee=s.makeDonut({series:t},u+n.value.absoluteWidth/4-14,pe==="top"?T-Q:T+Q,28,28,1.99999,2,1,360,105.25,14),te=s.makeDonut({series:t},u-y+20,i-d-v-o*r/2,6,6,1.99999,2,1,360,105.25,6)),{donut:ee,miniDonut:te,sidePointer:{x:u-y,y:i-d-v-o*r/2,topY:i-d-v-o*r,height:o*r},apexBottom:{y:i-d,x:u/2},apexTop:{y:i-d-o*r,x:u/2},right:`M${u/2},${i-d} ${u/2},${i-d-o*r} ${u-y},${i-d-v-o*r} ${u-y},${i-d-v}Z`,left:`M${u/2},${i-d} ${u/2},${i-d-o*r} ${h}, ${i-d-v-o*r} ${h},${i-d-v}Z`,liningTop:`M${h},${i-d-v-o*r} ${u/2},${i-d-o*r} ${u-y},${i-d-v-o*r}`,liningTopShade:`M${h},${i-d-v-o*r-.5} ${u/2},${i-d-o*r-.5} ${u-y},${i-d-v-o*r-.5}`,top:`M${u/2},${i-d-o*r} ${h},${i-d-v-o*r} ${u/2},${i-d-v*2-o*r} ${u-y},${i-d-v-o*r} Z`,tubeTop:`M${h},${i-d-o*r-v} C ${h},${i-d-o*r-v*2.5} ${u-y},${i-d-o*r-v*2.5} ${u-y},${i-d-o*r-v} C ${u-y},${i-d-o*r+v/2} ${h},${i-d-o*r+v/2} ${h},${i-d-o*r-v}`,bottomTubeTop:`M ${u-y-.5},${i-d-v} C ${u-y-.5},${i-d+v/2} ${h},${i-d+v/2} ${h+.5},${i-d-v}`,tubeBody:`M
-        ${h},${i-d-o*r-v} 
-        C ${h},${i-d-o*r+v/2} 
-        ${u-y},${i-d-o*r+v/2} 
-        ${u-y},${i-d-o*r-v} 
-        L${u-y},${i-d-v}
-        C 
-        ${u-y},${i-d+v/2}
-        ${h},${i-d+v/2}
-        ${h},${i-d-v}Z`}}const V=e.computed(()=>{const a=E.value/100,r=n.value.height-n.value.bottom-n.value.top-n.value.perspective*2,{width:t,height:c,bottom:o,right:u,left:i,perspective:p}=n.value,h=o+r*0;return{right:`M${t/2},${c-h} ${t/2},${c-h-r*a} ${t-u},${c-h-p-r*a} ${t-u},${c-h-p}Z`,left:`M${t/2},${c-h} ${t/2},${c-h-r*a} ${i}, ${c-h-p-r*a} ${i},${c-h-p}Z`,top:`M${t/2},${c-h-r*a} ${i},${c-h-p-r*a} ${t/2},${c-h-p*2-r*a} ${t-u},${c-h-p-r*a} Z`,tubeTop:`M${i},${c-h-r*a-p} C ${i},${c-h-r*a-p*2.5} ${t-u},${c-h-r*a-p*2.5} ${t-u},${c-h-r*a-p} C ${t-u},${c-h-r*a+p/2} ${i},${c-h-r*a+p/2} ${i},${c-h-r*a-p}`,tubeBody:`M
-        ${i},${c-h-r*a-p} 
-        C ${i},${c-h-r*a+p/2} 
-        ${t-u},${c-h-r*a+p/2} 
-        ${t-u},${c-h-r*a-p} 
-        L${t-u},${c-p*1.5}
-        C 
-        ${t-u},${c}
-        ${i},${c}
-        ${i},${c-h-p}Z`}}),m=e.ref(null);function _(a,r=!1){F("selectDatapoint",a),r||(m.value=a.id),r&&x.value&&(x.value=!1),r&&!x.value&&(x.value=!0)}function C(){x.value||(m.value=null)}function w(a,r,t=!1){const c=f.dataset.series.map(i=>i.value||0).reduce((i,p)=>i+p,0),o=isNaN(a.value/c)?0:a.value/c*100,u=isNaN(a.value/Y(r))?0:a.value/Y(r)*100;return t?u:o.toFixed(0)+"%"}function Y(a){return[...a].map(r=>r.value).reduce((r,t)=>r+t,0)}const L=e.ref(!1);function he(a){L.value=a}function ve(){return $.value?g.value:f.dataset.percentage}const B=e.computed(()=>{if($.value){const a=g.value.flatMap(t=>t.breakdown&&t.breakdown.length?[{name:t.name,color:t.color},...t.breakdown.map((c,o)=>({name:c.name,color:s.lightenHexColor(t.color,o/t.breakdown.length)}))]:{name:t.name,color:t.color}),r=g.value.flatMap(t=>t.breakdown&&t.breakdown.length?[t.value,...t.breakdown.map(c=>c.value)]:t.value);return{head:a,body:r}}else return null});function J(){if(!$.value){console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");return}e.nextTick(()=>{const a=g.value.map(o=>o.value).reduce((o,u)=>o+u,0),r=B.value.head.map((o,u)=>[[o.name],[B.value.body[u]],[isNaN(B.value.body[u]/a)?"-":B.value.body[u]/a*100]]),t=[[l.value.style.chart.title.text],[l.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(r),c=s.createCsvContent(t);s.downloadCsv({csvContent:c,title:l.value.style.chart.title.text||"vue-ui-3d-bar"})})}const S=e.computed(()=>{const a=g.value.map(u=>u.value).reduce((u,i)=>u+i,0),r=[' <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>',s.dataLabel({p:l.value.style.chart.legend.prefix,v:a,s:l.value.style.chart.legend.suffix,r:l.value.table.td.roundingValue}),"100%"],t=B.value.head.map((u,i)=>{const p=s.dataLabel({p:l.value.style.chart.legend.prefix,v:B.value.body[i],s:l.value.style.chart.legend.suffix,r:l.value.table.td.roundingValue});return[{color:u.color,name:u.name},p,isNaN(B.value.body[i]/a)?"-":s.dataLabel({v:B.value.body[i]/a*100,s:"%",r:l.value.table.td.roundingPercentage})]}),c={th:{backgroundColor:l.value.table.th.backgroundColor,color:l.value.table.th.color,outline:l.value.table.th.outline},td:{backgroundColor:l.value.table.td.backgroundColor,color:l.value.table.td.color,outline:l.value.table.td.outline},breakpoint:l.value.table.responsiveBreakpoint,shape:l.value.style.shape==="tube"?"circle":"square"};return{colNames:[l.value.table.columnNames.series,l.value.table.columnNames.value,l.value.table.columnNames.percentage],head:r,body:t,config:c}});function K(){N.value.showTable=!N.value.showTable}const P=e.ref(!1);function D(){P.value=!P.value}return ae({generateCsv:J,generatePdf:R,generateImage:X,getData:ve,toggleTable:K,toggleAnnotator:D}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"bar3dChart",ref:z,class:e.normalizeClass("vue-ui-3d-bar"),style:e.normalizeStyle(`font-family:${l.value.style.fontFamily};width:100%; text-align:center;background:${l.value.style.chart.backgroundColor}`),id:`3d_bar_${k.value}`,onMouseenter:r[2]||(r[2]=()=>e.unref(I)(!0)),onMouseleave:r[3]||(r[3]=()=>e.unref(I)(!1))},[l.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(be.PenAndPaper,{key:0,svgRef:e.unref(G),backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color,active:P.value,onClose:D},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),l.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",we,[(e.openBlock(),e.createBlock(me._sfc_main,{key:`title_${j.value}`,config:{title:{cy:"3dBar-div-title",...l.value.style.chart.title},subtitle:{cy:"3dBar-div-subtitle",...l.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),l.value.userOptions.show&&M.value&&(e.unref(W)||e.unref(O))?(e.openBlock(),e.createBlock(oe.UserOptions,{key:2,ref_key:"details",ref:ie,backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color,isPrinting:e.unref(q),isImaging:e.unref(U),uid:k.value,hasPdf:l.value.userOptions.buttons.pdf,hasTable:!!$.value&&l.value.userOptions.buttons.table,hasXls:!!$.value&&l.value.userOptions.buttons.csv,hasImg:l.value.userOptions.buttons.img,hasFullscreen:l.value.userOptions.buttons.fullscreen,titles:{...l.value.userOptions.buttonTitles},chartElement:z.value,position:l.value.userOptions.position,hasAnnotator:l.value.userOptions.buttons.annotator,isAnnotation:P.value,onToggleFullscreen:he,onGeneratePdf:e.unref(R),onGenerateCsv:J,onGenerateImage:e.unref(X),onToggleTable:K,onToggleAnnotator:D,style:e.normalizeStyle({visibility:e.unref(W)?e.unref(O)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:t,color:c})=>[e.renderSlot(a.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:t,color:c})),void 0,!0)]),key:"0"}:void 0,a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,a.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:t,isFullscreen:c})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:t,isFullscreen:c})),void 0,!0)]),key:"5"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:t,isAnnotator:c})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:t,isAnnotator:c})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasTable","hasXls","hasImg","hasFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),M.value?(e.openBlock(),e.createElementBlock("svg",{key:3,ref_key:"svgRef",ref:G,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":L.value,"vue-data-ui-fulscreen--off":!L.value}),viewBox:`0 0 ${n.value.absoluteWidth} ${n.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${l.value.style.chart.color}`)},[e.createVNode(_e._sfc_main),a.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:n.value.absoluteWidth,height:n.value.height,style:{pointerEvents:"none"}},[e.renderSlot(a.$slots,"chart-background",{},void 0,!0)],8,Ve)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`gradient_top${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Me),e.createElementVNode("stop",{offset:"100%","stop-color":l.value.style.chart.bar.color},null,8,Se)],8,Fe),e.createElementVNode("radialGradient",{id:`gradient_left${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Oe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.bar.color,20)},null,8,Le)],8,Pe),e.createElementVNode("radialGradient",{id:`gradient_right${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Te),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.bar.color,20)},null,8,ze)],8,De),e.createElementVNode("linearGradient",{id:`gradient_tube_body${k.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${l.value.style.chart.bar.color}`},null,8,Ae),e.createElementVNode("stop",{offset:"75%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Ie),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.bar.color,40)},null,8,We)],8,je)]),$.value?(e.openBlock(),e.createElementBlock("defs",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`grad_top_${t.id}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(e.unref(s.lightenHexColor)(t.color,.5),80)},null,8,qe),e.createElementVNode("stop",{offset:"100%","stop-color":t.color},null,8,Ue)],8,He))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`grad_left_${t.id}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(t.color,80)},null,8,Xe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(e.unref(s.darkenHexColor)(t.color,.5),100)},null,8,Ze)],8,Re))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`grad_right_${t.id}`},[e.createElementVNode("stop",{offset:"2%","stop-color":e.unref(s.setOpacity)(e.unref(s.lightenHexColor)(t.color,.5),100)},null,8,Je),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(t.color,80)},null,8,Ke)],8,Ye))),256)),e.createElementVNode("linearGradient",{x1:"0%",y1:"0%",x2:"0%",y2:"100%",id:`vertical_line_${k.value}`},r[4]||(r[4]=[e.createElementVNode("stop",{offset:"0%","stop-color":"#FFFFFF"},null,-1),e.createElementVNode("stop",{offset:"100%","stop-color":"#FFFFFF33"},null,-1)]),8,Qe)])):e.createCommentVNode("",!0),l.value.style.chart.dataLabel.show&&![null,void 0].includes(f.dataset.percentage)&&[null,void 0].includes(f.dataset.series)?(e.openBlock(),e.createElementBlock("text",{key:2,x:n.value.width/2,y:n.value.top-l.value.style.chart.dataLabel.fontSize/2,"font-size":l.value.style.chart.dataLabel.fontSize,"font-weight":l.value.style.chart.dataLabel.bold?"bold":"normal",fill:l.value.style.chart.dataLabel.color,"text-anchor":"middle"},e.toDisplayString(e.unref(s.dataLabel)({v:E.value,s:"%",r:l.value.style.chart.dataLabel.rounding})),9,et)):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createElementBlock("g",{key:3,onClick:r[0]||(r[0]=t=>{x.value=!1,m.value=null}),"data-dom-to-png-ignore":"",style:{cursor:"pointer"}},[e.createElementVNode("rect",{x:n.value.width/2-6,y:n.value.top-20,height:12,width:12,fill:"transparent"},null,8,tt),e.createElementVNode("path",{d:`M${n.value.width/2-6},${n.value.top-20} ${n.value.width/2+6},${n.value.top-9}`,stroke:l.value.style.chart.color,"stroke-linecap":"round","stroke-width":"1"},null,8,lt),e.createElementVNode("path",{d:`M${n.value.width/2+6},${n.value.top-20} ${n.value.width/2-6},${n.value.top-9}`,stroke:l.value.style.chart.color,"stroke-linecap":"round","stroke-width":"1"},null,8,ot)])):e.createCommentVNode("",!0),!l.value.style.shape||l.value.style.shape==="bar"?(e.openBlock(),e.createElementBlock("g",nt,[$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",rt,[e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:b.value.right,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,at),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:b.value.left,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,st),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:b.value.side,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,ut),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:b.value.topSides,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,it)])),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",ct,[e.createElementVNode("path",{d:V.value.right,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_right${k.value})`},null,8,dt),e.createElementVNode("path",{d:V.value.left,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_left${k.value})`},null,8,ht),e.createElementVNode("path",{d:V.value.top,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_top${k.value})`},null,8,vt)])),$.value?(e.openBlock(),e.createElementBlock("g",pt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${m.value?m.value===t.id?1:.3:1}`),class:"vue-ui-3d-bar-stack"},[e.createElementVNode("path",{d:t.fill.right,fill:`url(#grad_right_${t.id})`,onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C},null,40,ft),e.createElementVNode("path",{d:t.fill.left,fill:`url(#grad_left_${t.id})`,onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C},null,40,kt),e.createElementVNode("path",{d:t.fill.top,fill:`url(#grad_top_${t.id})`,onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C},null,40,mt),e.createElementVNode("path",{d:t.fill.liningTop,stroke:"#FFFFFF","stroke-width":"0.5","stroke-linecap":"round",fill:"none",onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C},null,40,yt),e.createElementVNode("path",{d:`M ${t.fill.apexTop.x},${t.fill.apexTop.y} ${t.fill.apexBottom.x},${t.fill.apexBottom.y}`,stroke:"#FFFFFF","stroke-width":"0.5","stroke-linecap":"round"},null,8,gt)],4))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",null,[c!==g.value.length-1?(e.openBlock(),e.createElementBlock("path",{key:0,d:t.fill.liningTopShade,stroke:l.value.style.chart.bar.shadeColor,"stroke-width":"0.5","stroke-linecap":"round",fill:"none",style:{"pointer-events":"none"}},null,8,$t)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${m.value?m.value===t.id?1:0:t.proportion*100>l.value.style.chart.legend.hideUnderPercentage?1:0}`),onClick:o=>F("selectDatapoint",t)},[e.createElementVNode("path",{stroke:l.value.style.chart.color,"stroke-dasharray":"1","stroke-width":"0.5","stroke-linecap":"round",d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x+20},${t.fill.sidePointer.y}`},null,8,bt),!t.fill.miniDonut||m.value?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:t.fill.sidePointer.x+20,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:l.value.style.chart.backgroundColor},null,8,Bt)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("foreignObject",{x:t.fill.sidePointer.x+30,y:t.fill.sidePointer.y-l.value.style.chart.legend.fontSize,width:n.value.absoluteWidth/2-12,height:l.value.style.chart.legend.fontSize*2,style:{overflow:"visible",position:"relative"}},[l.value.style.chart.legend.showDefault?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${l.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${l.value.style.chart.legend.fontSize}px; color:${l.value.style.chart.legend.color}`)},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.chart.dataLabel.formatter,t.value,`${t.name}: ${e.unref(s.dataLabel)({v:t.proportion*100,s:"%",r:l.value.style.chart.legend.roundingPercentage})} (${e.unref(s.dataLabel)({p:l.value.style.chart.legend.prefix,v:t.value,s:l.value.style.chart.legend.suffix,r:l.value.style.chart.legend.roundingValue})})`,{datapoint:t,seriesIndex:c,type:"barDatapoint"})),5)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"legend",e.mergeProps({ref_for:!0},{datapoint:t,config:l.value,dataset:g.value}),void 0,!0)],8,xt)),t.fill.donut&&m.value===t.id?(e.openBlock(),e.createElementBlock("g",Ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(o,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("path",{key:0,d:e.unref(s.calcNutArrowPath)(o,{x:o.cx,y:o.cy},0,8,!1,!0,10),stroke:o.color,class:"vue-ui-donut-arc-path","stroke-width":"0.5","stroke-linecap":"round","stroke-linejoin":"round",fill:"none"},null,8,Et)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:o.arcSlice,fill:`${o.color}`,stroke:l.value.style.chart.backgroundColor,"stroke-width":1},null,8,wt))),256)),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`hollow_gradient_${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Vt),r[5]||(r[5]=e.createElementVNode("stop",{offset:"77%","stop-color":"#FFFFFF20"},null,-1)),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Ft)],8,Nt)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:o.cx,cy:o.cy,r:28,fill:`url(#hollow_gradient_${k.value})`},null,8,Mt))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:o.cx,cy:o.cy,r:14,fill:l.value.style.chart.backgroundColor},null,8,St))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(o,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("g",Pt,[e.createElementVNode("text",{"text-anchor":e.unref(s.calcMarkerOffsetX)(o,!0,0).anchor,x:e.unref(s.calcMarkerOffsetX)(o,!0,2).x,y:e.unref(s.calcMarkerOffsetY)(o,12,12),fill:l.value.style.chart.legend.color,"font-size":l.value.style.chart.legend.fontSize/1.5},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.chart.dataLabel.formatter,o.value,`${w(o,t.fill.donut)} (${e.unref(s.dataLabel)({p:l.value.style.chart.legend.prefix,v:o.value,s:l.value.style.chart.legend.suffix,r:l.value.style.chart.legend.roundingValue})})`,{datapoint:o,seriesIndex:u,type:"donutDatapoint"})),9,Ot),e.createElementVNode("text",{"text-anchor":e.unref(s.calcMarkerOffsetX)(o).anchor,x:e.unref(s.calcMarkerOffsetX)(o,!0,2).x,y:e.unref(s.calcMarkerOffsetY)(o,12,12)+l.value.style.chart.legend.fontSize/1.5,fill:l.value.style.chart.legend.color,"font-size":l.value.style.chart.legend.fontSize/1.5},e.toDisplayString(o.name),9,Lt)])):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),t.fill.miniDonut&&!m.value?(e.openBlock(),e.createElementBlock("g",Dt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.miniDonut,(o,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:o.arcSlice,fill:`${o.color}`,stroke:l.value.style.chart.backgroundColor,"stroke-width":.5},null,8,Tt))),256))])):e.createCommentVNode("",!0)],12,_t))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),l.value.style.shape==="tube"?(e.openBlock(),e.createElementBlock("g",zt,[$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",jt,[e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:b.value.tubeTop,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,At),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:b.value.tubeLeft,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,It),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:b.value.tubeRight,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,Wt),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:b.value.tubeBottom,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,Gt),e.createElementVNode("path",{d:V.value.tubeTop,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_top${k.value})`},null,8,Ht),e.createElementVNode("path",{d:V.value.tubeBody,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_body${k.value})`},null,8,qt)])),$.value?(e.openBlock(),e.createElementBlock("g",Ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${m.value?m.value===t.id?1:.3:1}`),class:"vue-ui-3d-bar-stack",onClick:o=>F("selectDatapoint",t)},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`gradient_tube_top_${t.id}`,fx:"10%",cy:"55%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(e.unref(s.lightenHexColor)(t.color,.5),80)},null,8,Zt),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(e.unref(s.darkenHexColor)(t.color,.1),80)},null,8,Yt)],8,Xt),e.createElementVNode("linearGradient",{id:`gradient_tube_body_${t.id}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${t.color}`},null,8,Kt),e.createElementVNode("stop",{offset:"10%","stop-color":e.unref(s.setOpacity)(e.unref(s.darkenHexColor)(t.color,.7),100)},null,8,Qt),e.createElementVNode("stop",{offset:"25%","stop-color":e.unref(s.setOpacity)(e.unref(s.darkenHexColor)(t.color,.5),100)},null,8,el),e.createElementVNode("stop",{offset:"75%","stop-color":e.unref(s.setOpacity)(t.color,80)},null,8,tl),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(e.unref(s.lightenHexColor)(t.color,.7),100)},null,8,ll)],8,Jt)]),e.createElementVNode("path",{onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C,d:t.fill.tubeBody,stroke:"#FFFFFF","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_body_${t.id})`},null,40,ol),c>0?(e.openBlock(),e.createElementBlock("path",{key:0,onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C,d:t.fill.bottomTubeTop,stroke:"#000000","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,40,nl)):e.createCommentVNode("",!0),e.createElementVNode("path",{onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C,d:t.fill.tubeTop,stroke:"#FFFFFF","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_top_${t.id})`},null,40,rl)],12,Rt))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${m.value?m.value===t.id?1:0:t.proportion*100>l.value.style.chart.legend.hideUnderPercentage?1:0}`),onClick:o=>F("selectDatapoint",t)},[e.createElementVNode("path",{stroke:l.value.style.chart.color,"stroke-dasharray":"1","stroke-width":"0.5","stroke-linecap":"round",d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x+20},${t.fill.sidePointer.y}`},null,8,sl),!t.fill.miniDonut||m.value?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:t.fill.sidePointer.x+20,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:l.value.style.chart.backgroundColor},null,8,ul)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("foreignObject",{x:t.fill.sidePointer.x+30,y:t.fill.sidePointer.y-l.value.style.chart.legend.fontSize,width:n.value.absoluteWidth/2-12,height:l.value.style.chart.legend.fontSize*2,style:{overflow:"visible",position:"relative"}},[l.value.style.chart.legend.showDefault?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${l.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${l.value.style.chart.legend.fontSize}px; color:${l.value.style.chart.legend.color}`)},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.chart.dataLabel.formatter,t.value,`${t.name}: ${e.unref(s.dataLabel)({v:t.proportion*100,s:"%",r:l.value.style.chart.legend.roundingPercentage})} (${e.unref(s.dataLabel)({p:l.value.style.chart.legend.prefix,v:t.value,s:l.value.style.chart.legend.suffix,r:l.value.style.chart.legend.roundingValue})})`,{datapoint:t,seriesIndex:c,type:"barDatapoint"})),5)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"legend",e.mergeProps({ref_for:!0},{datapoint:t,config:l.value,dataset:g.value}),void 0,!0)],8,il)),t.fill.donut&&m.value===t.id?(e.openBlock(),e.createElementBlock("g",cl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(o,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("path",{key:0,d:e.unref(s.calcNutArrowPath)(o,{x:o.cx,y:o.cy},0,8,!1,!0,10),stroke:o.color,class:"vue-ui-donut-arc-path","stroke-width":"0.5","stroke-linecap":"round","stroke-linejoin":"round",fill:"none"},null,8,dl)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:o.arcSlice,fill:`${o.color}`,stroke:l.value.style.chart.backgroundColor,"stroke-width":1},null,8,hl))),256)),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`hollow_gradient_${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,pl),r[6]||(r[6]=e.createElementVNode("stop",{offset:"77%","stop-color":"#FFFFFF20"},null,-1)),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,fl)],8,vl)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:o.cx,cy:o.cy,r:28,fill:`url(#hollow_gradient_${k.value})`},null,8,kl))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:o.cx,cy:o.cy,r:14,fill:l.value.style.chart.backgroundColor},null,8,ml))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(o,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("g",yl,[e.createElementVNode("text",{"text-anchor":e.unref(s.calcMarkerOffsetX)(o,!0,0).anchor,x:e.unref(s.calcMarkerOffsetX)(o,!0,2).x,y:e.unref(s.calcMarkerOffsetY)(o,12,12),fill:l.value.style.chart.legend.color,"font-size":l.value.style.chart.legend.fontSize/1.5},e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.chart.dataLabel.formatter,o.value,`${w(o,t.fill.donut)} (${e.unref(s.dataLabel)({p:l.value.style.chart.legend.prefix,v:o.value,s:l.value.style.chart.legend.suffix,r:l.value.style.chart.legend.roundingValue})})`,{datapoint:o,seriesIndex:u,type:"donutDatapoint"})),9,gl),e.createElementVNode("text",{"text-anchor":e.unref(s.calcMarkerOffsetX)(o).anchor,x:e.unref(s.calcMarkerOffsetX)(o,!0,2).x,y:e.unref(s.calcMarkerOffsetY)(o,12,12)+l.value.style.chart.legend.fontSize/1.5,fill:l.value.style.chart.legend.color,"font-size":l.value.style.chart.legend.fontSize/1.5},e.toDisplayString(o.name),9,$l)])):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),t.fill.miniDonut&&!m.value?(e.openBlock(),e.createElementBlock("g",_l,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.miniDonut,(o,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:o.arcSlice,fill:`${o.color}`,stroke:l.value.style.chart.backgroundColor,"stroke-width":.5},null,8,bl))),256))])):e.createCommentVNode("",!0)],12,al))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:n.value},void 0,!0)],14,Ne)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Bl,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(q)||e.unref(U)})),void 0,!0)])):e.createCommentVNode("",!0),M.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ye.default,{key:5,config:{type:"bar3d",style:{backgroundColor:l.value.style.chart.backgroundColor,bar3d:{color:"#CCCCCC"}}}},null,8,["config"])),a.$slots.source?(e.openBlock(),e.createElementBlock("div",xl,[e.renderSlot(a.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),M.value&&$.value?(e.openBlock(),e.createBlock($e.default,{key:7,hideDetails:"",config:{open:N.value.showTable,maxHeight:1e4,body:{backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color},head:{backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(ge.DataTable,{key:`table_${A.value}`,colNames:S.value.colNames,head:S.value.head,body:S.value.body,config:S.value.config,title:`${l.value.style.chart.title.text}${l.value.style.chart.title.subtitle.text?` : ${l.value.style.chart.title.subtitle.text}`:""}`,onClose:r[1]||(r[1]=t=>N.value.showTable=!1)},{th:e.withCtx(({th:t})=>[e.createElementVNode("div",{innerHTML:t,style:{display:"flex","align-items":"center"}},null,8,Cl)]),td:e.withCtx(({td:t})=>[e.createTextVNode(e.toDisplayString(t.name||t),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],44,Ee))}},wl=Ce._export_sfc(El,[["__scopeId","data-v-178469b1"]]);exports.default=wl;