vue-data-ui 3.27.1 → 3.28.0

package/dist/vue-ui-dumbbell-C8rNwdz0.js

@@ -1,9 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as ee,Ft as c,Jt as te,Q as ne,X as re,_ as ie,at as ae,b as oe,i as l,in as se,nt as ce,t as le,yt as ue,zt as de}from"./lib-CV_IANZ6.js";import{n as fe,t as pe}from"./useHints-BH9r_0Vd.js";import{t as me}from"./useConfig-CKdzPrcf.js";import{t as he}from"./usePrinter-hLW3cv4N.js";import{n as ge,t as _e}from"./BaseScanner-8NdoBs7B.js";import{t as ve}from"./useChartExport-DtPNpc9M.js";import{t as ye}from"./useTimeLabelCollider-XQf_S7-z.js";import{n as be}from"./Title-BGYFqulv.js";import{t as xe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Se,t as Ce}from"./useResponsive-D2CPcpda.js";import{t as u}from"./DefGrad-DKMq1REY.js";import{t as we}from"./A11yDataTable-DWNlWXzs.js";import{t as Te}from"./resolveChartConfig-DZg-korK.js";import{t as Ee}from"./useUserOptionState-CXlFnwPv.js";import{t as De}from"./useChartAccessibility-DOMuYJfm.js";import{t as Oe}from"./chartImage-CIvU_04o.js";import{t as ke}from"./Legend-D8YoT1RJ.js";import{t as Ae}from"./usePrefersMotion-XLHwega2.js";import{t as je}from"./vue_ui_dumbbell-BMcxK0N3.js";import{Fragment as d,Teleport as Me,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as Ne,createTextVNode as Pe,createVNode as _,defineAsyncComponent as v,guardReactiveProps as Fe,mergeProps as Ie,nextTick as Le,normalizeClass as Re,normalizeProps as ze,normalizeStyle as Be,onBeforeUnmount as Ve,onMounted as He,openBlock as y,ref as b,renderList as x,renderSlot as S,resolveDynamicComponent as Ue,shallowRef as We,toDisplayString as C,toRefs as Ge,unref as w,vShow as Ke,watch as qe,watchEffect as Je,withCtx as T,withDirectives as Ye}from"vue";var Xe=/* @__PURE__ */ e({default:()=>Ft}),Ze=[`id`],Qe=[`id`],$e=[`id`],et={style:{position:`relative`}},tt=[`xmlns`,`viewBox`,`aria-describedby`],nt=[`x`,`y`,`width`,`height`],rt={key:1},it=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],at={key:2},ot=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],st=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],ct=[`transform`,`font-size`,`fill`],lt=[`x`,`y`,`font-size`,`fill`,`font-weight`,`onMouseenter`,`onMouseleave`,`onClick`],ut=[`x`,`y`,`font-size`,`fill`,`onMouseenter`,`onMouseleave`,`onClick`],dt=[`x`,`y`,`font-size`,`fill`],ft=[`transform`,`font-size`,`fill`,`font-weight`,`text-anchor`],pt=[`d`,`stroke`,`stroke-width`,`stroke-dasharray`],mt=[`d`,`stroke`,`stroke-width`,`stroke-dasharray`],ht=[`x`,`y`,`height`,`width`,`fill`],gt=[`transform`,`fill`,`font-size`],_t={key:0},vt={key:0},yt=[`d`,`fill`],bt={key:1},xt=[`x`,`y`,`height`,`width`,`fill`],St=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],Ct=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],wt={key:7},Tt=[`x`,`y`,`fill`,`font-size`],Et={key:8},Dt=[`x`,`y`,`fill`,`font-size`],Ot=[`x`,`y`,`width`,`height`,`fill`,`onMouseenter`,`onMouseleave`,`onClick`],kt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},At={key:5,class:`vue-data-ui-watermark`},jt=[`id`],Mt=[`xmlns`,`height`,`width`],Nt=[`fill`],Pt={style:{display:`flex`,"align-items":`center`}},Ft=/*#__PURE__*/ xe({__name:`vue-ui-dumbbell`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`,`copyAlt`],setup(e,{expose:xe,emit:Xe}){let Ft=v(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),It=v(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Lt=v(()=>import(`./DataTable-WNecJMcY.js`)),Rt=v(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),zt=v(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Bt=v(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Vt=v(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_dumbbell:Ht}=me(),Ut=Ae(),E=e,Wt=Xe,Gt=f({get(){return!!E.dataset&&E.dataset.length},set(e){return e}}),D=b(re()),Kt=b(0),O=b(null),qt=b(null),Jt=b(null),Yt=b(null),Xt=b(null),Zt=b(0),Qt=b(0),$t=b(0),en=b(!1),tn=b(null),nn=b(null),rn=b(null),an=b(null),on=b(null),sn=b(null),k=b(null),A=b(null),j=b(null),cn=b(!1),M=b(!1),N=b(vn()),P=f(()=>N.value.style.chart.grid.horizontalGrid),ln=f(()=>N.value.style.chart.grid.verticalGrid),F=f(()=>N.value.style.chart.labels);f(()=>N.value.style.chart.grid);let I=f(()=>N.value.style.chart.plots),L=f(()=>N.value.style.chart.comparisonLines),R=f(()=>N.value.style.chart);fe({config:()=>N.value,dataset:()=>E.dataset,component:`VueUiDumbbell`,rules:[pe.emptyArray,{test:e=>e.length>31,message:[`👀 The number of series is > 31. Consider:`,``,`▶️ Using filters to let users choose a maximum number of series to display.`,``,`▶️ Using multiple instances of the component to display related series.`]}]});let z=f(()=>N.value.userOptions.useCursorPointer),un=f(()=>se({defaultConfig:{userOptions:{show:!1},table:{show:!1},useAnimation:!1,style:{chart:{backgroundColor:`#99999930`,padding:{top:12,right:12,bottom:12,left:12},grid:{horizontalGrid:{stroke:`#6A6A6A`},verticalGrid:{stroke:`#6A6A6A`}},labels:{axis:{yLabel:``,xLabel:``},xAxisLabels:{show:!1},yAxisLabels:{show:!1},endLabels:{show:!1},startLabels:{show:!1}},legend:{backgroundColor:`transparent`},plots:{endColor:`#969696`,startColor:`#DBDBDB`,stroke:`#6A6A6A`,evaluationColors:{enable:!1}}}}},userConfig:N.value.skeletonConfig??{}})),{loading:dn,FINAL_DATASET:fn,manualLoading:pn}=ge({...Ge(E),FINAL_CONFIG:N,prepareConfig:vn,skeletonDataset:E.config?.skeletonDataset??[{name:`_`,start:21,end:34},{name:`_`,start:13,end:21},{name:`_`,start:8,end:13},{name:`_`,start:5,end:8},{name:`_`,start:3,end:5}],skeletonConfig:se({defaultConfig:N.value,userConfig:un.value})}),{userOptionsVisible:mn,setUserOptionsVisibility:hn,keepUserOptionState:gn}=Ee({config:N.value}),{svgRef:_n}=De({config:R.value.title});function vn(){return Te(E.config,Ht,je)}qe(()=>E.config,e=>{dn.value||(N.value=vn()),mn.value=!N.value.userOptions.showOnChartHover,bn(),Zt.value+=1,Qt.value+=1,$t.value+=1,G.value=R.value.rowHeight,K.value=R.value.width,H.value.showTable=N.value.table.show},{deep:!0}),qe(()=>fn.value,e=>{Array.isArray(e)&&e.length>0&&(pn.value=!1),Pn(),Fn()},{deep:!0});let B=We(null),V=We(null);He(()=>{en.value=!0,bn()});let yn=f(()=>N.value.debug);function bn(){if(de(E.dataset)?ae({componentName:`VueUiDumbbell`,type:`dataset`,debug:yn.value}):E.dataset.forEach((e,t)=>{ue({datasetObject:e,requiredAttributes:[`name`,`start`,`end`]}).forEach(e=>{Gt.value=!1,ae({componentName:`VueUiDumbbell`,type:`datasetSerieAttribute`,property:e,index:t,debug:yn.value})})}),N.value.responsive){let e=Se(()=>{let{width:e,height:t}=Ce({chart:O.value,title:R.value.title.text?qt.value:null,legend:R.value.legend.show?Jt.value:null,source:Yt.value,noTitle:Xt.value}),n=R.value.title.text?24:0,r=R.value.legend.show?24:0;requestAnimationFrame(async()=>{K.value=Math.max(.1,e),G.value=Math.max(.1,(Math.max(.1,t)-(n+r))/fn.value.length),Yn()})});B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect()),B.value=new ResizeObserver(e),V.value=O.value.parentNode,B.value.observe(V.value)}Yn()}Ve(()=>{X.value!=null&&(cancelAnimationFrame(X.value),X.value=null),B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect())});let{isPrinting:xn,isImaging:Sn,generatePdf:Cn,generateImage:wn}=he({elementId:`dumbbell_${D.value}`,fileName:R.value.title.text||`vue-ui-dumbbell`,options:N.value.userOptions.print}),Tn=f(()=>N.value.userOptions.show&&!R.value.title.text),H=b({showTable:N.value.table.show});qe(N,()=>{H.value={showTable:N.value.table.show}},{immediate:!0});let U=f(()=>fn.value.map((e,t)=>({...e,start:oe(e.start),end:oe(e.end),id:e.id??`${String(e.name)}__${String(e.start)}__${String(e.end)}__${re()}`}))),En=f(()=>{let e=R.value.grid,t=U.value.flatMap(e=>[e.start,e.end]).map(e=>Number(e)).filter(e=>Number.isFinite(e)),n=t.length?Math.min(...t):0,r=t.length?Math.max(...t):0;return{min:e.scaleMin??Math.min(n,0),max:e.scaleMax??r}}),W=f(()=>ie(En.value.min,En.value.max,R.value.grid.scaleSteps)),G=b(R.value.rowHeight),K=b(R.value.width);function Dn(){let e=0;an.value&&(e=Array.from(an.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0));let t=rn.value?rn.value.getBoundingClientRect().width:0;return e+t+(t?24+F.value.axis.yLabelOffsetX:0)}let On=b(0),kn=Se(e=>{On.value=e},100);Je(e=>{let t=on.value;if(!t)return;let n=new ResizeObserver(e=>{kn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Ve(()=>{On.value=0});let An=f(()=>{M.value;let e=0;sn.value&&(e=sn.value.getBBox().height);let t=0;return on.value&&(t=On.value),e+t}),jn=f(()=>U.value.length);function Mn(e,t,n){let r=Number(e),i=Number(t.min),a=Number(t.max),o=Number(n.width);if(!Number.isFinite(r)||!Number.isFinite(i)||!Number.isFinite(a)||!Number.isFinite(o))return n.left;let s=a-i;return s<=0?n.left:n.left+(r-i)/s*o}let q=f(()=>{M.value;let e=Dn(),t=R.value.padding,n=F.value.axis.xLabel?F.value.axis.xLabelOffsetY:0,r=G.value*jn.value-An.value-t.top-t.bottom-n,i=r/jn.value,a=G.value*jn.value,o=K.value-e-t.left-t.right,s=W.value.ticks.length*(o/W.value.ticks.length);return{left:R.value.padding.left+e,right:K.value-R.value.padding.right,top:R.value.padding.top,bottom:a-R.value.padding.bottom-An.value-n,width:o,height:r,rowHeight:i,absoluteHeight:a,widthPlotReference:s}}),J=f(()=>Math.min(G.value/2*.7,I.value.radius)),Nn=b([]),Y=f({get(){let e=q.value,t=W.value;return Nn.value.map((n,r)=>{let i=Mn(n.start,t,e),a=Mn(n.endVal,t,e),o=i+(a-i)/2,s=![null,void 0].includes(n.start)&&![null,void 0].includes(n.end)&&n.end>n.start,ee=![null,void 0].includes(n.start)&&![null,void 0].includes(n.end)&&n.end<n.start,c=![null,void 0].includes(n.start)&&![null,void 0].includes(n.end)&&n.end===n.start||[null,void 0].includes(n.start)||[null,void 0].includes(n.end),te=s?I.value.evaluationColors.positive:ee?I.value.evaluationColors.negative:I.value.evaluationColors.neutral;return{...n,isPositive:s,isNegative:ee,isNeutral:c,evaluationColor:te,evaluationGrad:`url(#${s?`positive`:ee?`negative`:`neutral`}_grad_${D.value})`,startX:i,endX:a,centerX:o,y:e.top+r*e.rowHeight+e.rowHeight/2}})},set(e){Nn.value=e}});function Pn(){Nn.value=U.value.map(e=>{let t=Number(e.start);return{...e,endVal:Number.isFinite(t)?t:0}})}let X=b(null);He(()=>{Fn()});function Fn(){if(X.value!=null&&(cancelAnimationFrame(X.value),X.value=null),Pn(),!N.value.useAnimation||Ut.value){Y.value=Nn.value.map(e=>{let t=Number(e.end);return{...e,endVal:Number.isFinite(t)?t:e.endVal}});return}let e=Math.max(1,Math.min(100,N.value.animationSpeed||100))/100,t=U.value.map(e=>{let t=Number(e.start),n=Number(e.end),r=Number.isFinite(t)?t:0;return(Number.isFinite(n)?n:r)-r}),n=()=>{let r=!0;Y.value=Nn.value.map((n,i)=>{let a=Number.isFinite(Number(n.end))?Number(n.end):n.endVal,o=n.endVal+t[i]*e,s=t[i]>=0?Math.min(o,a):Math.max(o,a);return s!==a&&(r=!1),{...n,endVal:s}}),r?X.value=null:X.value=requestAnimationFrame(n)};X.value=requestAnimationFrame(n)}let In=f(()=>I.value.evaluationColors.enable?[{name:R.value.legend.labelNegative,color:I.value.gradient.show?`url(#negative_grad_${D.value})`:I.value.evaluationColors.negative},{name:R.value.legend.labelNeutral,color:I.value.gradient.show?`url(#neutral_grad_${D.value})`:I.value.evaluationColors.neutral},{name:R.value.legend.labelPositive,color:I.value.gradient.show?`url(#positive_grad_${D.value})`:I.value.evaluationColors.positive}]:[{name:R.value.legend.labelStart,color:I.value.gradient.show?`url(#start_grad_${D.value})`:I.value.startColor},{name:R.value.legend.labelEnd,color:I.value.gradient.show?`url(#end_grad_${D.value})`:I.value.endColor}]),Ln=f(()=>({cy:`donut-div-legend`,backgroundColor:R.value.legend.backgroundColor,color:R.value.legend.color,fontSize:R.value.legend.fontSize,paddingBottom:12,paddingTop:12,fontWeight:R.value.legend.bold?`bold`:``})),Z=f(()=>({head:Y.value.map(e=>({name:e.name})),body:Y.value.map(e=>({start:e.start,end:e.end}))})),Q=f(()=>{let e=[N.value.table.columnNames.series,N.value.table.columnNames.start,N.value.table.columnNames.end,N.value.table.columnNames.progression],t=Z.value.head.map((e,t)=>{let n=s({p:F.value.prefix,v:Z.value.body[t].start,s:F.value.suffix,r:N.value.table.td.roundingValue}),r=s({p:F.value.prefix,v:Z.value.body[t].end,s:F.value.suffix,r:N.value.table.td.roundingValue}),i=s({v:100*(Z.value.body[t].end/Z.value.body[t].start-1),s:`%`,r:N.value.table.td.roundingPercentage});return[{name:e.name},n,r,i]}),n={th:{backgroundColor:N.value.table.th.backgroundColor,color:N.value.table.th.color,outline:N.value.table.th.outline},td:{backgroundColor:N.value.table.td.backgroundColor,color:N.value.table.td.color,outline:N.value.table.td.outline},breakpoint:N.value.table.responsiveBreakpoint};return{colNames:[N.value.table.columnNames.series,N.value.table.columnNames.start,N.value.table.columnNames.end,N.value.table.columnNames.progression],head:e,body:t,config:n}});function Rn(e=null){Le(()=>{let t=Z.value.head.map((e,t)=>[[e.name],[Z.value.body[t].start],[Z.value.body[t].end]]),n=[[R.value.title.text],[R.value.title.subtitle.text],[[N.value.table.columnNames.series],[N.value.table.columnNames.start],[N.value.table.columnNames.end]]].concat(t),r=ee(n);e?e(r):ce({csvContent:r,title:R.value.title.text||`vue-ui-dumbbell`})})}let $=b(!1);function zn(e){$.value=e,Kt.value+=1}function Bn(){return U.value}function Vn(){H.value.showTable=!H.value.showTable}let Hn=b(!1);function Un(){Hn.value=!Hn.value}let Wn=Oe(O,()=>R.value.title.text),Gn=f(()=>W.value.ticks),Kn=f(()=>({start:0,end:Gn.value.length}));ye({timeLabelsEls:on,timeLabels:Gn,slicer:Kn,configRef:N,rotationPath:[`style`,`chart`,`labels`,`xAxisLabels`,`rotation`],autoRotatePath:[`style`,`chart`,`labels`,`xAxisLabels`,`autoRotate`,`enable`],isAutoSize:!1,width:K,height:G,targetClass:`.vue-ui-dumbbell-scale-label`,rotation:F.value.xAxisLabels.autoRotate.angle});function qn({rowHeight:e,fontSize:t,showProgression:n}){if(!n)return!1;let r=e/3,i=e/1.3;return Math.abs(i-r)<t*1.2}let Jn=(()=>{let e=null,t=0;return n=>{if(n===M.value){e=null,t=0;return}e===null||e!==n?(e=n,t=1):(t+=1,t>=1&&(M.value=n,e=null,t=0))}})(),Yn=Se(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{let e=qn({rowHeight:q.value.rowHeight,fontSize:F.value.yAxisLabels.fontSize,showProgression:F.value.yAxisLabels.showProgression});Jn(e)})})},100);function Xn({datapoint:e,seriesIndex:t}){k.value=t,A.value=e,N.value.events.datapointEnter&&N.value.events.datapointEnter({datapoint:e,seriesIndex:t})}function Zn({datapoint:e,seriesIndex:t}){k.value=null,A.value=null,N.value.events.datapointLeave&&N.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function Qn({datapoint:e,seriesIndex:t}){N.value.events.datapointClick&&N.value.events.datapointClick({datapoint:e,seriesIndex:t}),Wt(`selectDatapoint`,{...e,seriesIndex:t})}let $n=f(()=>{if(A.value===null)return 0;let e=![null,void 0].includes(A.value.start),t=![null,void 0].includes(A.value.end);return e&&t?Math.min(A.value.startX,A.value.endX)+Math.abs(A.value.startX-A.value.endX)/2:e&&!t?A.value.startX:t&&!e?A.value.endX:null}),er=f(()=>{if(A.value===null)return``;let e=![null,void 0].includes(A.value.start),t=![null,void 0].includes(A.value.end),n=``,r=``;return e&&(n=l(F.value.formatter,A.value.start,s({p:F.value.prefix,v:A.value.start,s:F.value.suffix,r:F.value.startLabels.rounding}),{datapoint:A.value,seriesIndex:k.value})),t&&(r=l(F.value.formatter,A.value.end,s({p:F.value.prefix,v:A.value.end,s:F.value.suffix,r:F.value.startLabels.rounding}),{datapoint:A.value,seriesIndex:k.value})),e&&t?`${n} → ${r}`:e&&!t?n:t&&!e?r:``}),tr=f(()=>n({config:N,style:R,mutableConfig:H,dialog:Vt,accordion:It,isFullscreen:$,parent:O,maxWidth:800,isCursorPointer:z}));qe(()=>H.value.showTable,e=>t(e,N,tn));function nr(){H.value.showTable=!1,nn.value&&nn.value.setTableIconState(!1)}let rr=f(()=>In.value.map(e=>({...e,shape:`circle`}))),ir=f(()=>R.value.backgroundColor),ar=f(()=>R.value.legend),or=f(()=>R.value.title),{isCallbackImaging:sr,isCallbackSvg:cr,generateSvg:lr,onGenerateImage:ur}=ve({svg:_n,title:or,legend:ar,legendItems:rr,backgroundColor:ir,getSvgCallback:()=>N.value.userOptions.callbacks.svg,generateImage:wn});async function dr(){if(Wt(`copyAlt`,{config:N.value,dataset:Y.value}),!N.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(N.value.userOptions.callbacks.altCopy({config:N.value,dataset:Y.value}))}function fr(e){let t=Y.value.length;return t?(e%t+t)%t:null}function pr(){if(j.value!==null){let e=Y.value[j.value];e&&Zn({datapoint:e,seriesIndex:j.value})}j.value=null,k.value=null,A.value=null}function mr(){j.value=null,cn.value=!0}function hr(){pr(),cn.value=!1}function gr(e){if(!_n.value||Hn.value||document.activeElement!==_n.value||!Y.value.length)return;let t=[`ArrowUp`,`ArrowLeft`].includes(e.key),n=[`ArrowDown`,`ArrowRight`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){pr();return}if(r){if(j.value===null)return;let e=Y.value[j.value];if(!e)return;Qn({datapoint:e,seriesIndex:j.value});return}let a=j.value;a=a===null?n?0:Y.value.length-1:fr(a+(n?1:-1));let o=Y.value[a];o&&(j.value=a,Xn({datapoint:o,seriesIndex:a}))}let _r=f(()=>({head:Q.value.head,body:Q.value.body.map(e=>[e[0]?.name??``,e[1],e[2],e[3]]),caption:N.value.a11y.translations.tableCaption,notice:N.value.a11y.translations.tableAvailable}));return xe({getData:Bn,getImage:Wn,generatePdf:Cn,generateCsv:Rn,generateImage:wn,generateSvg:lr,toggleTable:Vn,toggleAnnotator:Un,toggleFullscreen:zn,copyAlt:dr}),(e,t)=>(y(),h(`div`,{ref_key:`dumbbellChart`,ref:O,class:Re(`vue-data-ui-component vue-ui-dumbbell ${$.value?`vue-data-ui-wrapper-fullscreen`:``}`),style:Be(`font-family:${N.value.style.fontFamily};width:100%; text-align:center;background:${R.value.backgroundColor};${N.value.responsive?`height:100%`:``}`),id:`dumbbell_${D.value}`,onMouseenter:t[1]||=()=>w(hn)(!0),onMouseleave:t[2]||=()=>w(hn)(!1)},[g(`div`,{id:`chart-instructions-${D.value}`,class:`sr-only`},[g(`p`,null,C(N.value.a11y.translations.keyboardNavigation),1)],8,Qe),_r.value.body.length?(y(),p(we,{key:0,uid:D.value,head:_r.value.head,body:_r.value.body,caption:_r.value.caption,notice:_r.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):m(``,!0),N.value.userOptions.buttons.annotator?(y(),p(w(Rt),{key:1,svgRef:w(_n),backgroundColor:R.value.backgroundColor,color:R.value.color,active:Hn.value,isCursorPointer:z.value,palette:N.value.userOptions.annotatorPalette,onClose:Un},Ne({_:2},[x(w(i),t=>({name:t,fn:T(n=>[S(e.$slots,t,ze(Fe(w(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):m(``,!0),Tn.value?(y(),h(`div`,{key:2,ref_key:`noTitle`,ref:Xt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):m(``,!0),R.value.title.text?(y(),h(`div`,{key:3,ref_key:`chartTitle`,ref:qt,style:`width:100%;background:transparent;padding-bottom:24px`},[(y(),p(be,{key:`title_${Zt.value}`,config:{title:{cy:`donut-div-title`,...R.value.title},subtitle:{cy:`donut-div-subtitle`,...R.value.title.subtitle}}},null,8,[`config`]))],512)):m(``,!0),g(`div`,{id:`legend-top-${D.value}`},null,8,$e),N.value.userOptions.show&&Gt.value&&(w(gn)||w(mn))?(y(),p(w(zt),{ref_key:`userOptionsRef`,ref:nn,key:`user_option_${Kt.value}`,backgroundColor:R.value.backgroundColor,color:R.value.color,isPrinting:w(xn),isImaging:w(Sn),uid:D.value,hasPdf:N.value.userOptions.buttons.pdf,hasXls:N.value.userOptions.buttons.csv,hasImg:N.value.userOptions.buttons.img,hasSvg:N.value.userOptions.buttons.svg,hasTable:N.value.userOptions.buttons.table,hasFullscreen:N.value.userOptions.buttons.fullscreen,hasAltCopy:N.value.userOptions.buttons.altCopy,isFullscreen:$.value,titles:{...N.value.userOptions.buttonTitles},chartElement:O.value,position:N.value.userOptions.position,hasAnnotator:N.value.userOptions.buttons.annotator,isAnnotation:Hn.value,callbacks:N.value.userOptions.callbacks,printScale:N.value.userOptions.print.scale,tableDialog:N.value.table.useDialog,isCursorPointer:z.value,onToggleFullscreen:zn,onGeneratePdf:w(Cn),onGenerateCsv:Rn,onGenerateImage:w(ur),onGenerateSvg:w(lr),onToggleTable:Vn,onToggleAnnotator:Un,onCopyAlt:dr,style:Be({visibility:w(gn)?w(mn)?`visible`:`hidden`:`visible`})},Ne({_:2},[x(w(a)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:T(n=>[S(e.$slots,t,ze(Fe(w(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):m(``,!0),g(`div`,et,[(y(),h(`svg`,{ref_key:`svgRef`,ref:_n,xmlns:w(le),class:Re({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value}),viewBox:`0 0 ${K.value} ${q.value.absoluteHeight<=0?10:q.value.absoluteHeight}`,style:Be(`max-width:100%; overflow: visible; background:transparent;color:${R.value.color}`),"aria-describedby":`chart-instructions-${D.value}`,tabindex:`0`,onFocus:mr,onBlur:hr,onKeydown:gr},[_(w(Bt)),e.$slots[`chart-background`]?(y(),h(`foreignObject`,{key:0,x:q.value.left,y:q.value.top,width:Math.max(.1,q.value.width),height:Math.max(.1,q.value.height),style:{pointerEvents:`none`}},[S(e.$slots,`chart-background`,{},void 0,!0)],8,nt)):m(``,!0),ln.value.show?(y(),h(`g`,rt,[(y(!0),h(d,null,x(W.value.ticks,(e,t)=>(y(),h(`line`,{x1:q.value.left+t*q.value.width/(W.value.ticks.length-1),x2:q.value.left+t*q.value.width/(W.value.ticks.length-1),y1:q.value.top,y2:q.value.bottom,stroke:ln.value.stroke,"stroke-width":ln.value.strokeWidth,"stroke-dasharray":ln.value.strokeDasharray},null,8,it))),256))])):m(``,!0),P.value.show?(y(),h(`g`,at,[(y(!0),h(d,null,x(U.value,(e,t)=>(y(),h(`line`,{x1:q.value.left,x2:q.value.right,y1:q.value.top+t*q.value.rowHeight,y2:q.value.top+t*q.value.rowHeight,stroke:P.value.stroke,"stroke-width":P.value.strokeWidth,"stroke-dasharray":P.value.strokeDasharray},null,8,ot))),256)),g(`line`,{x1:q.value.left,x2:q.value.right,y1:q.value.bottom,y2:q.value.bottom,stroke:P.value.stroke,"stroke-width":P.value.strokeWidth,"stroke-dasharray":P.value.strokeDasharray},null,8,st)])):m(``,!0),F.value.axis.yLabel?(y(),h(`text`,{key:3,ref_key:`yAxisLabel`,ref:rn,transform:`translate(${F.value.axis.fontSize}, ${q.value.absoluteHeight/2}), rotate(-90)`,"font-size":F.value.axis.fontSize,fill:F.value.axis.color,"text-anchor":`middle`},C(F.value.axis.yLabel),9,ct)):m(``,!0),F.value.yAxisLabels.show?(y(),h(`g`,{key:4,ref_key:`serieLabels`,ref:an},[(y(!0),h(d,null,x(Y.value,(e,t)=>(y(),h(`text`,{class:`vue-ui-dumbbell-serie-name`,key:`serieLabel_${e.id}_${t}`,x:q.value.left-6+F.value.yAxisLabels.offsetX,y:q.value.top+t*q.value.rowHeight+(!F.value.yAxisLabels.showProgression||M.value?q.value.rowHeight/2:q.value.rowHeight/3)+F.value.yAxisLabels.fontSize/3,"font-size":F.value.yAxisLabels.fontSize,fill:F.value.yAxisLabels.color,"font-weight":F.value.yAxisLabels.bold?`bold`:`normal`,"text-anchor":`end`,onMouseenter:n=>Xn({datapoint:e,seriesIndex:t}),onMouseleave:n=>Zn({datapoint:e,seriesIndex:t}),onClick:n=>Qn({datapoint:e,seriesIndex:t})},C(e.name)+` `+C(M.value&&F.value.yAxisLabels.showProgression?[null,void 0].includes(e.start)||[null,void 0].includes(e.end)?``:`(${w(l)(F.value.yAxisLabels.formatter,100*(e.end/e.start-1),w(s)({v:100*(e.end/e.start-1),s:`%`,r:F.value.yAxisLabels.rounding}),{datapoint:e})})`:``),41,lt))),128)),F.value.yAxisLabels.showProgression&&!M.value?(y(!0),h(d,{key:0},x(Y.value,(e,t)=>(y(),h(`text`,{class:`vue-ui-dumbbell-serie-value`,x:q.value.left-6+F.value.yAxisLabels.offsetX,y:q.value.top+t*q.value.rowHeight+q.value.rowHeight/1.3+F.value.yAxisLabels.fontSize/3,"font-size":F.value.yAxisLabels.fontSize,fill:F.value.yAxisLabels.color,"text-anchor":`end`,onMouseenter:n=>Xn({datapoint:e,seriesIndex:t}),onMouseleave:n=>Zn({datapoint:e,seriesIndex:t}),onClick:n=>Qn({datapoint:e,seriesIndex:t})},C([null,void 0].includes(e.start)||[null,void 0].includes(e.end)?``:w(l)(F.value.yAxisLabels.formatter,100*(e.end/e.start-1),w(s)({v:100*(e.end/e.start-1),s:`%`,r:F.value.yAxisLabels.rounding}),{datapoint:e})),41,ut))),256)):m(``,!0)],512)):m(``,!0),F.value.axis.xLabel?(y(),h(`text`,{key:5,ref_key:`xAxisLabel`,ref:sn,x:q.value.left+q.value.width/2,y:q.value.absoluteHeight-F.value.axis.fontSize/3,"font-size":F.value.axis.fontSize,fill:F.value.axis.color,"text-anchor":`middle`},C(F.value.axis.xLabel),9,dt)):m(``,!0),F.value.xAxisLabels.show?(y(),h(`g`,{key:6,ref_key:`scaleLabels`,ref:on},[(y(!0),h(d,null,x(W.value.ticks,(e,t)=>(y(),h(`text`,{class:`vue-ui-dumbbell-scale-label`,key:`tick_${t}`,transform:`translate(${q.value.left+t*(q.value.width/(W.value.ticks.length-1))}, ${q.value.bottom+F.value.xAxisLabels.fontSize+F.value.xAxisLabels.offsetY}), rotate(${F.value.xAxisLabels.rotation})`,"font-size":F.value.xAxisLabels.fontSize,fill:F.value.xAxisLabels.color,"font-weight":F.value.xAxisLabels.bold?`bold`:`normal`,"text-anchor":F.value.xAxisLabels.rotation>0?`start`:F.value.xAxisLabels.rotation<0?`end`:`middle`},C(w(l)(F.value.formatter,e,w(s)({p:F.value.prefix,v:e,s:F.value.suffix,r:F.value.xAxisLabels.rounding}),{datapoint:e,seriesIndex:t})),9,ft))),128))],512)):m(``,!0),Ye(g(`g`,null,[Ye(g(`path`,{d:`M ${A.value?A.value.startX:q.value.left},${q.value.top} ${A.value?A.value.startX:q.value.left},${q.value.bottom}`,stroke:A.value?I.value.evaluationColors.enable?A.value.evaluationColor:I.value.startColor:`transparent`,"stroke-width":L.value.strokeWidth,"stroke-dasharray":L.value.strokeDasharray,style:{transition:`all 0.3s ease-in-out`}},null,8,pt),[[Ke,A.value!==null&&![null,void 0].includes(A.value.start)]]),Ye(g(`path`,{d:`M ${A.value?A.value.endX:q.value.left},${q.value.top} ${A.value?A.value.endX:q.value.left},${q.value.bottom}`,stroke:A.value?I.value.evaluationColors.enable?A.value.evaluationColor:I.value.endColor:`transparent`,"stroke-width":L.value.strokeWidth,"stroke-dasharray":L.value.strokeDasharray,style:{transition:`all 0.3s ease-in-out`}},null,8,mt),[[Ke,A.value!==null&&![null,void 0].includes(A.value.end)]]),Ye(g(`rect`,{x:A.value?Math.min(A.value.startX,A.value.endX):q.value.left,y:q.value.top,height:Math.max(.1,q.value.height),width:A.value?Math.max(.1,Math.abs(A.value.endX-A.value.startX)):0,fill:A.value?w(te)(L.value.rectColor,L.value.rectOpacity):`transparent`,style:{transition:`all 0.3s ease-in-out`}},null,8,ht),[[Ke,L.value.showRect&&A.value!==null&&![null,void 0].includes(A.value.start)&&![null,void 0].includes(A.value.end)]]),Ye(g(`text`,{transform:`translate(${$n.value==null?0:$n.value}, ${q.value.top-6})`,fill:L.value.labelColor,"font-size":L.value.labelFontSize,"text-anchor":`middle`,style:{transition:`all 0.3s ease-in-out`}},C(er.value),9,gt),[[Ke,A.value!==null&&$n.value!==null&&L.value.showLabel]])],512),[[Ke,L.value.show&&k.value!==null]]),g(`defs`,null,[_(u,{t:`radial`,id:`start_grad_${D.value}`,fy:`30%`,stops:[[`10%`,w(c)(I.value.startColor,I.value.gradient.intensity/100),1],[`90%`,w(ne)(I.value.startColor,.1),1],[`100%`,I.value.startColor,1]]},null,8,[`id`,`stops`]),_(u,{t:`radial`,id:`end_grad_${D.value}`,fy:`30%`,stops:[[`10%`,w(c)(I.value.endColor,I.value.gradient.intensity/100),1],[`90%`,w(ne)(I.value.endColor,.1),1],[`100%`,I.value.endColor,1]]},null,8,[`id`,`stops`]),_(u,{t:`radial`,id:`positive_grad_${D.value}`,fy:`30%`,stops:[[`10%`,w(c)(I.value.evaluationColors.positive,I.value.gradient.intensity/100),1],[`90%`,w(ne)(I.value.evaluationColors.positive,.1),1],[`100%`,I.value.evaluationColors.positive,1]]},null,8,[`id`,`stops`]),_(u,{t:`radial`,id:`negative_grad_${D.value}`,fy:`30%`,stops:[[`10%`,w(c)(I.value.evaluationColors.negative,I.value.gradient.intensity/100),1],[`90%`,w(ne)(I.value.evaluationColors.negative,.1),1],[`100%`,I.value.evaluationColors.negative,1]]},null,8,[`id`,`stops`]),_(u,{t:`radial`,id:`neutral_grad_${D.value}`,fy:`30%`,stops:[[`10%`,w(c)(I.value.evaluationColors.neutral,I.value.gradient.intensity/100),1],[`90%`,w(ne)(I.value.evaluationColors.neutral,.1),1],[`100%`,I.value.evaluationColors.neutral,1]]},null,8,[`id`,`stops`])]),(y(!0),h(d,null,x(Y.value,(e,t)=>(y(),h(`g`,{key:`plot_${t}_${e.id}`},[g(`defs`,null,[_(u,{t:`linear`,id:`grad_pos_${D.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,I.value.startColor,1],[`100%`,I.value.endColor,1]]},null,8,[`id`,`stops`]),_(u,{t:`linear`,id:`grad_neg_${D.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,I.value.endColor,1],[`100%`,I.value.startColor,1]]},null,8,[`id`,`stops`])]),![void 0,null].includes(e.end)&&![void 0,null].includes(e.start)?(y(),h(`g`,_t,[I.value.link.type===`curved`?(y(),h(`g`,vt,[g(`path`,{d:`M 
-                                    ${e.startX},${e.y+J.value/2} 
-                                    C ${e.centerX},${e.y} ${e.centerX},${e.y} 
-                                    ${e.endX},${e.y+J.value/2}
-                                    L ${e.endX},${e.y-J.value/2}
-                                    C ${e.centerX},${e.y} ${e.centerX},${e.y}
-                                    ${e.startX},${e.y-J.value/2}
-                                    Z
-                                `,fill:I.value.evaluationColors.enable?e.evaluationColor:e.endX>e.startX?`url(#grad_pos_${D.value})`:`url(#grad_neg_${D.value})`},null,8,yt)])):(y(),h(`g`,bt,[g(`rect`,{x:e.endX>e.startX?e.startX:e.endX,y:e.y-I.value.link.strokeWidth/2,height:Math.max(.01,I.value.link.strokeWidth),width:Math.max(.01,Math.abs(e.endX-e.startX)),fill:I.value.evaluationColors.enable?e.evaluationColor:e.endX>e.startX?`url(#grad_pos_${D.value})`:`url(#grad_neg_${D.value})`},null,8,xt)]))])):m(``,!0),[null,void 0].includes(e.start)?m(``,!0):(y(),h(`circle`,{key:1,cx:e.startX,cy:e.y,r:J.value,fill:I.value.gradient.show?I.value.evaluationColors.enable?e.evaluationGrad:`url(#start_grad_${D.value})`:I.value.evaluationColors.enable?e.evaluationColor:I.value.startColor,stroke:I.value.stroke,"stroke-width":I.value.strokeWidth},null,8,St)),[null,void 0].includes(e.end)?m(``,!0):(y(),h(`circle`,{key:2,cx:e.endX,cy:e.y,r:J.value,fill:I.value.gradient.show?I.value.evaluationColors.enable?e.evaluationGrad:`url(#end_grad_${D.value})`:I.value.evaluationColors.enable?e.evaluationColor:I.value.endColor,stroke:I.value.stroke,"stroke-width":I.value.strokeWidth},null,8,Ct))]))),128)),F.value.startLabels.show?(y(),h(`g`,wt,[(y(!0),h(d,null,x(Y.value,(e,t)=>(y(),h(`g`,{key:`start_label_${t}_${e.id}`},[[null,void 0].includes(e.start)?m(``,!0):(y(),h(`text`,{key:0,x:e.startX,y:e.y+J.value*2+F.value.startLabels.fontSize/2,fill:I.value.evaluationColors.enable&&F.value.startLabels.useEvaluationColor?e.evaluationColor:F.value.startLabels.useStartColor?I.value.startColor:F.value.startLabels.color,"font-size":F.value.startLabels.fontSize,"text-anchor":`middle`},C(w(l)(F.value.formatter,e.start,w(s)({p:F.value.prefix,v:e.start,s:F.value.suffix,r:F.value.startLabels.rounding}),{datapoint:e,seriesIndex:t})),9,Tt))]))),128))])):m(``,!0),F.value.endLabels.show?(y(),h(`g`,Et,[(y(!0),h(d,null,x(Y.value,(e,t)=>(y(),h(`g`,{key:`end_label_${t}_${e.id}`},[[null,void 0].includes(e.end)?m(``,!0):(y(),h(`text`,{key:0,x:e.endX,y:e.y-(J.value*2-F.value.startLabels.fontSize/3),fill:I.value.evaluationColors.enable&&F.value.endLabels.useEvaluationColor?e.evaluationColor:F.value.endLabels.useEndColor?I.value.endColor:F.value.endLabels.color,"font-size":F.value.endLabels.fontSize,"text-anchor":`middle`},C(w(l)(F.value.formatter,e.end,w(s)({p:F.value.prefix,v:e.end,s:F.value.suffix,r:F.value.endLabels.rounding}),{datapoint:e,seriesIndex:t})),9,Dt))]))),128))])):m(``,!0),g(`g`,null,[(y(!0),h(d,null,x(Y.value,(e,t)=>(y(),h(`rect`,{x:q.value.left,y:q.value.top+t*Math.max(.1,q.value.rowHeight),width:Math.max(.1,q.value.width),height:Math.max(.1,q.value.rowHeight),fill:k.value===null?`transparent`:k.value===t?w(te)(R.value.highlighter.color,R.value.highlighter.opacity):`transparent`,onMouseenter:n=>Xn({datapoint:e,seriesIndex:t}),onMouseleave:n=>Zn({datapoint:e,seriesIndex:t}),onClick:n=>Qn({datapoint:e,seriesIndex:t})},null,40,Ot))),256))]),S(e.$slots,`svg`,{svg:{...q.value,isPrintingImg:w(xn)||w(Sn)||w(sr),isPrintingSvg:w(cr)}},void 0,!0)],46,tt)),e.$slots.hint?(y(),h(`div`,kt,[S(e.$slots,`hint`,ze(Fe({hint:N.value.a11y.translations.keyboardNavigation,isVisible:cn.value})),void 0,!0)])):m(``,!0)]),e.$slots.watermark?(y(),h(`div`,At,[S(e.$slots,`watermark`,ze(Fe({isPrinting:w(xn)||w(Sn)||w(sr)||w(cr)})),void 0,!0)])):m(``,!0),g(`div`,{id:`legend-bottom-${D.value}`},null,8,jt),en.value&&(R.value.legend.show||e.$slots.legend)?(y(),p(Me,{key:6,to:R.value.legend.position===`top`?`#legend-top-${D.value}`:`#legend-bottom-${D.value}`},[g(`div`,{ref_key:`chartLegend`,ref:Jt},[S(e.$slots,`legend`,{legend:In.value},()=>[R.value.legend.show&&Gt.value?(y(),p(ke,{key:`legend_${$t.value}`,legendSet:In.value,config:Ln.value,clickable:!1},{item:T(({legend:e})=>[g(`div`,{style:Be(`display:flex;align-items:center;gap:4px;font-size:${R.value.legend.fontSize}px`)},[(y(),h(`svg`,{xmlns:w(le),viewBox:`0 0 20 20`,height:R.value.legend.fontSize,width:R.value.legend.fontSize},[g(`circle`,{cx:10,cy:10,r:9,fill:e.color},null,8,Nt)],8,Mt)),w(dn)?m(``,!0):(y(),h(d,{key:0},[Pe(C(e.name),1)],64))],4)]),_:1},8,[`legendSet`,`config`])):m(``,!0)],!0)],512)],8,[`to`])):m(``,!0),e.$slots.source?(y(),h(`div`,{key:7,ref_key:`source`,ref:Yt,dir:`auto`},[S(e.$slots,`source`,{},void 0,!0)],512)):m(``,!0),Gt.value&&N.value.userOptions.buttons.table?(y(),p(Ue(tr.value.component),Ie({key:8},tr.value.props,{ref_key:`tableUnit`,ref:tn,onClose:nr}),Ne({content:T(()=>[(y(),p(w(Lt),{key:`table_${Qt.value}`,colNames:Q.value.colNames,head:Q.value.head,body:Q.value.body,config:Q.value.config,title:N.value.table.useDialog?``:tr.value.title,withCloseButton:!N.value.table.useDialog,isCursorPointer:z.value,onClose:nr},{th:T(({th:e})=>[g(`div`,Pt,C(e),1)]),td:T(({td:e})=>[Pe(C(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[N.value.table.useDialog?{name:`title`,fn:T(()=>[Pe(C(tr.value.title),1)]),key:`0`}:void 0,N.value.table.useDialog?{name:`actions`,fn:T(()=>[g(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[0]||=e=>Rn(N.value.userOptions.callbacks.csv),style:Be({cursor:z.value?`pointer`:`default`})},[_(w(Ft),{name:`fileCsv`,stroke:tr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):m(``,!0),S(e.$slots,`skeleton`,{},()=>[w(dn)?(y(),p(_e,{key:0})):m(``,!0)],!0)],46,Ze))}},[[`__scopeId`,`data-v-80560d95`]]);export{Xe as n,Ft as t};

package/dist/vue-ui-flow-Dru76A2O.js

@@ -1,3 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as c,Dt as l,Ht as u,S as d,X as ee,Zt as f,at as p,b as m,i as h,in as g,n as te,nn as _,nt as v,r as y,t as b,w as x,zt as S}from"./lib-CV_IANZ6.js";import{n as ne,t as C}from"./useHints-BH9r_0Vd.js";import{t as re}from"./useConfig-CKdzPrcf.js";import{t as ie}from"./usePrinter-hLW3cv4N.js";import{n as ae,t as oe}from"./BaseScanner-8NdoBs7B.js";import{t as se}from"./useNestedProp-CB186vF2.js";import{t as ce}from"./useThemeCheck-BKNRbGeC.js";import{t as le}from"./useChartExport-DtPNpc9M.js";import{n as ue}from"./Title-BGYFqulv.js";import{t as de}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as fe,t as pe}from"./useResponsive-D2CPcpda.js";import{t as me}from"./A11yDataTable-DWNlWXzs.js";import{t as he}from"./useUserOptionState-CXlFnwPv.js";import{t as ge}from"./useChartAccessibility-DOMuYJfm.js";import{t as _e}from"./chartImage-CIvU_04o.js";import{t as ve}from"./Legend-D8YoT1RJ.js";import{t as ye}from"./vue_ui_flow-kvV56Es9.js";import{Fragment as be,Teleport as xe,computed as w,createBlock as T,createCommentVNode as E,createElementBlock as D,createElementVNode as O,createSlots as Se,createTextVNode as Ce,createVNode as we,defineAsyncComponent as k,guardReactiveProps as A,mergeProps as Te,nextTick as Ee,normalizeClass as De,normalizeProps as j,normalizeStyle as M,onMounted as Oe,openBlock as N,ref as P,renderList as F,renderSlot as I,resolveDynamicComponent as ke,toDisplayString as L,toRefs as Ae,unref as R,watch as je,withCtx as z}from"vue";var Me=/* @__PURE__ */ e({default:()=>$e}),Ne=[`id`],Pe=[`id`],Fe={key:2,ref:`noTitle`,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},Ie=[`id`],Le={style:{position:`relative`}},Re=[`xmlns`,`aria-describedby`,`viewBox`],ze=[`width`,`height`],Be=[`id`],Ve=[`stop-color`],He=[`stop-color`],Ue=[`d`,`fill`,`stroke`,`stroke-width`],We=[`data-a11y-node-id`,`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`,`rx`,`aria-label`,`onMouseenter`,`onMouseleave`,`onClick`],Ge={key:1},Ke=[`x`,`y`,`font-size`,`fill`],qe=[`x`,`y`,`font-size`,`fill`],Je={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ye={key:5,class:`vue-data-ui-watermark`},Xe=[`id`],Ze=[`onClick`],Qe={style:{display:`flex`,"align-items":`center`}},$e=/*#__PURE__*/ de({__name:`vue-ui-flow`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`],setup(e,{expose:de,emit:Me}){let $e=k(()=>import(`./Tooltip-Cus2-XNQ.js`)),et=k(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),tt=k(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),nt=k(()=>import(`./DataTable-WNecJMcY.js`)),rt=k(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),it=k(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),at=k(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),ot=k(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_flow:st}=re(),{isThemeValid:ct,warnInvalidTheme:lt}=ce(),B=e,ut=Me,V=P(ee()),H=P(null),dt=P(0),ft=P(0),pt=P(!1),mt=P(``),ht=P(null),gt=P(null),_t=P(null),vt=P(null),yt=P(null),bt=P(!1),xt=P(null),St=P(null),Ct=P(null),wt=P(null),Tt=P(null),Et=P({x:0,y:0}),Dt=P(`pointer`),Ot=P(!1),kt=w(()=>!!B.dataset&&B.dataset.length);Oe(()=>{bt.value=!0,Rt()});let U=P(!1);function At(e){U.value=e,dt.value+=1}let W=P(Ht()),G=w(()=>W.value.style.chart.nodes.labels),K=w(()=>W.value.style.chart.nodes),jt=w(()=>W.value.style.chart.links),q=w(()=>W.value.style.chart);ne({config:()=>W.value,dataset:()=>B.dataset,component:`VueUiFlow`,rules:[C.emptyArray,C.noHint]});let Mt=w(()=>W.value.userOptions.useCursorPointer),Nt=w(()=>g({defaultConfig:{userOptions:{show:!1},nodeCategories:{B:`A`,C:`B`},nodeCategoryColors:{A:`#CACACA`,B:`#AAAAAA`},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,legend:{backgroundColor:`transparent`},nodes:{labels:{show:!1},stroke:`#666666`},links:{stroke:`#666666`}}}},userConfig:W.value.skeletonConfig??{}})),{loading:Pt,FINAL_DATASET:Ft,manualLoading:It}=ae({...Ae(B),FINAL_CONFIG:W,prepareConfig:Ht,skeletonDataset:B.config?.skeletonDataset??[[`A`,`B`,2,`#CACACA`],[`B`,`C`,1,`#CACACA`],[`C`,`D`,.5,`#CACACA`],[`E`,`F`,1,`#AAAAAA`],[`F`,`G`,.5,`#AAAAAA`],[`G`,`H`,.25,`#AAAAAA`]],skeletonConfig:g({defaultConfig:W.value,userConfig:Nt.value})}),Lt=w(()=>W.value.debug);function Rt(){if(S(B.dataset)&&(p({componentName:`VueUiFlow`,type:`dataset`,debug:Lt.value}),It.value=!0),S(B.dataset)||(It.value=W.value.loading),W.value.responsive){let e=fe(()=>{let{width:e,height:t}=pe({chart:H.value,title:q.value.title.text?gt.value:null,legend:q.value.legend.show?ht.value:null,source:_t.value});requestAnimationFrame(()=>{Ut.value=e,Wt.value=t})});vt.value&&(yt.value&&vt.value.unobserve(yt.value),vt.value.disconnect()),vt.value=new ResizeObserver(e),yt.value=H.value.parentNode,vt.value.observe(yt.value)}}let{userOptionsVisible:zt,setUserOptionsVisibility:Bt,keepUserOptionState:Vt}=he({config:W.value}),{svgRef:J}=ge({config:q.value.title});function Ht(){let e=se({userConfig:B.config,defaultConfig:st}),t=e,n=e.theme;if(n){if(!ct.value(e))lt(e),t=e;else{let r=se({userConfig:ye[n]||B.config,defaultConfig:e});t={...se({userConfig:B.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:_[n]||u}}}else t=e;return t.nodeCategories=B.config.nodeCategories||{},t.nodeCategoryColors=B.config.nodeCategoryColors||{},t}let Ut=P(q.value.width),Wt=P(q.value.height),Gt=f(B.config);je(()=>B.config,(e,t)=>{let n=f(e),r=n!==Gt;Gt=n;let i=Ht();if(!r){W.value.style.chart.tooltip=i.style.chart.tooltip,Y.value.showTooltip=W.value.style.chart.tooltip.show;return}Pt.value||(W.value=i),zt.value=!W.value.userOptions.showOnChartHover,Rt(),ft.value+=1,Y.value.showTable=W.value.table.show},{deep:!0}),je(()=>B.dataset,e=>{Array.isArray(e)&&e.length>0&&(It.value=!1)},{deep:!0});let{isPrinting:Kt,isImaging:qt,generatePdf:Jt,generateImage:Yt}=ie({elementId:`flow_${V.value}`,fileName:q.value.title.text||`vue-ui-flow`,options:W.value.userOptions.print}),Xt=w(()=>W.value.userOptions.show&&!q.value.title.text),Zt=w(()=>x(W.value.customPalette)),Qt=w(()=>K.value.width),Y=P({showTable:W.value.table.show,showTooltip:q.value.tooltip.show});je(W,()=>{Y.value={showTable:W.value.table.show,showTooltip:q.value.tooltip.show}},{immediate:!0});let $t=w(()=>!Ft.value||!Ft.value.length?[]:Ft.value.map((e,t)=>[e[0],e[1],m(e[2]),e[3]?d(e[3]):Zt.value[t]||Zt.value[t%Zt.value.length]||u[t]||u[t%u.length]]));function en(e){let t={},n={};function r(e,r){t[e]||(t[e]={level:null,inflow:0,outflow:0,children:[],color:null,uid:ee()}),t[e].level===null&&(t[e].level=r),n[r]||(n[r]=[]),n[r].includes(e)||n[r].push(e)}e.forEach(([e,n,i])=>{let a=t[e]?.level??0,o=a+1;r(e,a),r(n,o),t[e].children.push({target:n,value:i}),t[e].outflow+=i,t[n].inflow+=i});let i=new Set(e.map(([e])=>e)),a=new Set(e.map(([,e])=>e)),o=Array.from(i).filter(e=>!a.has(e)),s={};o.forEach((e,t)=>{s[e]=Zt.value[t]||u[t%u.length]});let c={};e.forEach(([e,t,n,r])=>{r&&(c[e]=r,c[t]=r)}),Object.keys(t).forEach((e,n)=>{let r=W.value.nodeCategories?.[e],i=r?W.value.nodeCategoryColors?.[r]:null;t[e].color=c[e]||i||(o.includes(e)?s[e]:null)||u[n%u.length]}),Object.keys(t).forEach(e=>{t[e].value=Math.max(t[e].inflow,t[e].outflow)});let l=rn.value,d=an.value.width,f=an.value.height,p=Object.keys(n).map(Number).sort((e,t)=>e-t),h=p.length||1,g=h>1?d/(h-1):0,te=Number(Qt.value),_=Number(K.value.gapPx??K.value.gap??8),v=Number(K.value.minHeight||0);function y(e){let r=n[e],i=r.length;if(!i)return 1/0;let a=Math.max(0,(i-1)*_),o=Math.max(0,f-a),s=Math.min(v,i?o/i:0),c=0,l=r.map(e=>t[e].value||0),u=l.reduce((e,t)=>e+t,0);for(let e=0;e<12;e+=1){let e=u>0?(o-c)/u:0,t=[];for(let n=0;n<l.length;n+=1){let r=l[n];r<0||r*e<s&&t.push(n)}if(!t.length)return Math.max(0,e);for(let e of t)c+=s,u-=l[e],l[e]=-1;if(u<=0)return 0}return u>0?Math.max(0,(o-c)/u):0}let b=p.map(y),x=b.length?Math.min(...b):0,S={};p.forEach(e=>{let r=n[e],i=r.length,a=Math.max(0,(i-1)*_),o=Math.max(0,f-a),s=Math.min(v,i?o/i:0),c=r.map(e=>Math.max(s,(t[e].value||0)*x)),u=c.reduce((e,t)=>e+t,0)+a,d=Math.max(0,(f-u)/2);r.forEach((n,r)=>{let a=c[r],o=l.left+e*g,s=d;S[n]={x:o,y:s,absoluteY:s,height:a,i:r,color:t[n].color,value:t[n].value,id:ee()},d+=a,r<i-1&&(d+=_)})});let ne=[],C=l.top,re={},ie={};Object.keys(t).forEach(e=>{re[e]=S[e]?.y??0,ie[e]=0});let ae=!!jt.value.smooth,oe=.5;return p.forEach(e=>{n[e].forEach(e=>{let n=t[e],r=S[e];if(!n.children||!n.children.length)return;let i=r.y;n.children.forEach(({target:a,value:o})=>{let s=S[a],c=t[a],l=n.outflow>0?o/n.outflow:0,u=c.inflow>0?o/c.inflow:0,d=m(i+C),f=m(i+l*r.height+C),p=re[a],h=p+u*s.height;ie[a]+=o;let g=c.inflow>0&&ie[a]>=c.inflow-1e-6,_=s.y+s.height;(g||h>_-.25)&&(h=_);let v=m(p+C),y=m(h+C),b=m(r.x+te),x=m(s.x),se;if(!ae||x<=b)se=`M ${b} ${d} L ${b} ${f} L ${x} ${y} L ${x} ${v} Z`;else{let e=x-b,t=m(b+e*oe),n=m(x-e*oe),r=d,i=v,a=f,o=y;se=`M ${b} ${r} C ${t} ${r}, ${n} ${i}, ${x} ${i} L ${x} ${o} C ${n} ${o}, ${t} ${a}, ${b} ${a} Z`}ne.push({id:ee(),source:e,target:a,path:se,value:o,sourceColor:n.color,targetColor:t[a].color}),i=f-C,re[a]=h})})}),{nodeCoordinates:S,links:ne}}let X=w(()=>{let e=en(Ft.value);return{nodes:Object.keys(e.nodeCoordinates).map((t,n)=>({...e.nodeCoordinates[t],name:t})),links:e.links}}),tn=w(()=>Ut.value),nn=w(()=>Wt.value),rn=w(()=>q.value.padding),an=w(()=>({width:Math.max(0,tn.value-40-rn.value.right-rn.value.left),height:Math.max(0,nn.value-rn.value.top-rn.value.bottom)})),on=w(()=>({width:tn.value,height:nn.value}));function sn(e){let t={},n={},r=/* @__PURE__ */ new Set;return $t.value.forEach(([e,r,i])=>{t[e]||(t[e]=[]),n[r]||(n[r]=[]),t[e].push(r),n[r].push(e)}),t[e]&&t[e].forEach(e=>r.add(e)),n[e]&&n[e].forEach(e=>r.add(e)),Array.from(r).concat(e)}let Z=P(null),Q=P(null),cn=P(null),ln=P(!1),un=P(null);function dn(){un.value=null,Z.value=null,Q.value=null,pt.value=!1,wt.value=null,Tt.value=null}function fn(e){if(!J.value||!e)return;let t=J.value.querySelector(`[data-a11y-node-id="${e}"]`);if(!t)return;let n=t.getBoundingClientRect();Et.value={x:n.left+n.width/2,y:n.top+n.height/2}}function pn(e,t,n=`pointer`,r=null){kn.value=[],Z.value=sn(e.name),Q.value=e.name,un.value=e.id,Dt.value=n,wt.value=r,Tt.value=e.id;let i=e.name,a=$t.value,o=0,c=0,u=[],d=[],ee=new Set(a.map(([e])=>e)),f=new Set(a.map(([,e])=>e)),p=Array.from(ee).filter(e=>!f.has(e)),m=a.filter(([e])=>p.includes(e)).reduce((e,[t,n,r])=>e+r,0),g={};X.value.nodes.forEach(e=>{g[e.name]=e.color}),a.forEach(([e,t,n])=>{t===i&&(o+=n,u.push({source:e,value:n,color:g[e]})),e===i&&(c+=n,d.push({target:t,value:n,color:g[t]}))});let te=m>0?Math.max(o,c)/m*100:0,_={name:i,inflow:o,outflow:c,from:u,to:d,percentOfTotal:te,color:g[i]||`#000000`};W.value.events.datapointEnter&&W.value.events.datapointEnter({datapoint:_,seriesIndex:t}),cn.value={datapoint:_,config:W.value,seriesIndex:t,series:X.value},pt.value=!0;let v=``,y=q.value.tooltip.customFormat;if(ln.value=!1,l(y))try{let e=y({datapoint:_,series:X.value,config:W.value});typeof e==`string`&&(mt.value=e,ln.value=!0)}catch{console.warn(`Custom format cannot be applied.`)}if(!ln.value){let e=q.value.tooltip.showPercentage?`<div>${s({p:q.value.tooltip.translations.percentOfTotal,v:_.percentOfTotal,s:`%`,r:q.value.tooltip.roundingPercentage})}</div>`:``;v+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${q.value.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${_.color}">⏹</span>${_.name}${e}</div>`,_.from.length&&(v+=`<div>${q.value.tooltip.translations.from}</div>`,_.from.forEach(e=>{v+=`<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${h(G.value.formatter,e.value,s({p:G.value.prefix,v:e.value,s:G.value.suffix,r:G.value.rounding}))}</div>`})),_.to.length&&(v+=`<div style="margin-top:6px;">${q.value.tooltip.translations.to}</div>`,_.to.forEach(e=>{v+=`<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${h(G.value.formatter,e.value,s({p:G.value.prefix,v:e.value,s:G.value.suffix,r:G.value.rounding}))}</div>`})),mt.value=v}n===`keyboard`&&Ee(()=>{fn(e.id)})}function mn(e){let t=cn.value;W.value.events.datapointLeave&&W.value.events.datapointLeave({datapoint:t,seriesIndex:e}),!(Dt.value===`keyboard`&&Tt.value)&&(un.value=null,Z.value=null,Q.value=null,pt.value=!1)}function hn(e){let t=cn.value;W.value.events.datapointClick&&W.value.events.datapointClick({datapoint:t,seriesIndex:e})}let gn=w(()=>X.value.links.map(({source:e,target:t,sourceColor:n,targetColor:r,value:i})=>({source:e,target:t,sourceColor:n,targetColor:r,value:i})));function _n(e=null){Ee(()=>{let t=gn.value.map((e,t)=>[[e.source],[e.target],[e.value]]),n=[[q.value.title.text],[q.value.title.subtitle.text],[[W.value.table.columnNames.source],[W.value.table.columnNames.target],[W.value.table.columnNames.value]]].concat(t),r=c(n);e?e(r):v({csvContent:r,title:q.value.title.text||`vue-ui-flow`})})}let vn=w(()=>{let e=[W.value.table.columnNames.source,W.value.table.columnNames.target,W.value.table.columnNames.value],t=gn.value.map((e,t)=>[{color:e.sourceColor,name:e.source,shape:`square`},{color:e.targetColor,name:e.target,shape:`square`},s({p:G.value.prefix,v:e.value,s:G.value.suffix,r:G.value.rounding})]),n={th:{backgroundColor:W.value.table.th.backgroundColor,color:W.value.table.th.color,outline:W.value.table.th.outline},td:{backgroundColor:W.value.table.td.backgroundColor,color:W.value.table.td.color,outline:W.value.table.td.outline},breakpoint:W.value.table.responsiveBreakpoint};return{colNames:[W.value.table.columnNames.source,W.value.table.columnNames.target,W.value.table.columnNames.value],head:e,body:t,config:n}}),yn=w(()=>({headers:vn.value?.colNames??[],rows:vn.value?.body??[]})),bn=w(()=>[...X.value.nodes].map((e,t)=>({...e,index:t,centerX:e.x+Qt.value/2,centerY:m(e.absoluteY)+q.value.padding.top+e.height/2})).sort((e,t)=>e.x===t.x?e.absoluteY-t.absoluteY:e.x-t.x)),$=w(()=>{let e=[];return bn.value.forEach(t=>{let n=e.find(e=>Math.abs(e.x-t.x)<=1);n?n.nodes.push(t):e.push({x:t.x,nodes:[t]})}),e.forEach(e=>{e.nodes.sort((e,t)=>e.absoluteY-t.absoluteY)}),e.sort((e,t)=>e.x-t.x)}),xn=w(()=>{let e=/* @__PURE__ */ new Map;return bn.value.forEach((t,n)=>{e.set(t.id,n)}),e});function Sn(){return X.value}function Cn(){Y.value.showTable=!Y.value.showTable}let wn=P(!1);function Tn(){wn.value=!wn.value}function En(){Y.value.showTooltip=!Y.value.showTooltip}let Dn=w(()=>{let e=new Set(X.value.nodes.map(e=>W.value.nodeCategories[e.name]||`__uncategorized__`));return Array.from(e).map(e=>({name:e,color:W.value.nodeCategoryColors[e]||u[0],shape:`square`,count:X.value.nodes.filter(t=>(W.value.nodeCategories[t.name]||`__uncategorized__`)===e).length})).map((e,t)=>{let n=kn.value.includes(t);return{...e,segregate:()=>An({legend:e,i:t}),isSegregated:n,opacity:kn.value.length?n?1:.5:1,display:`${e.name} (${e.count})`}})}),On=w(()=>Dn.value.filter(e=>e.name!==`__uncategorized__`)),kn=P([]);function An({legend:e,i:t}){let n=e.name;if(Z.value?.every(e=>W.value.nodeCategories[e]===n)){Z.value=null,Q.value=null,kn.value=[];return}kn.value=[t],Z.value=X.value.nodes.filter(e=>W.value.nodeCategories[e.name]===n).map(e=>e.name),Q.value=null}let jn=w(()=>({cy:`flow-legend`,backgroundColor:q.value.legend.backgroundColor,color:q.value.legend.color,fontSize:q.value.legend.fontSize,paddingBottom:q.value.legend.paddingBottom,fontWeight:q.value.legend.bold?`bold`:`normal`})),Mn=_e(H,()=>q.value.title.text),Nn=w(()=>n({config:W,style:q,mutableConfig:Y,dialog:ot,accordion:tt,isFullscreen:U,parent:H,maxWidth:800,isCursorPointer:Mt}));je(()=>Y.value.showTable,e=>t(e,W,xt));function Pn(){Y.value.showTable=!1,St.value&&St.value.setTableIconState(!1)}let Fn=w(()=>On.value.map(e=>({...e,name:e.display}))),In=w(()=>q.value.backgroundColor),Ln=w(()=>q.value.legend),Rn=w(()=>q.value.title),{isCallbackImaging:zn,isCallbackSvg:Bn,generateSvg:Vn,onGenerateImage:Hn}=le({svg:J,title:Rn,legend:Ln,legendItems:Fn,backgroundColor:In,getSvgCallback:()=>W.value.userOptions.callbacks.svg,generateImage:Yt});async function Un(){if(ut(`copyAlt`,{config:W.value,dataset:X.value}),!W.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(W.value.userOptions.callbacks.altCopy({config:W.value,dataset:X.value}))}function Wn(e){return $.value.findIndex(t=>t.nodes.some(t=>t.id===e))}function Gn(e,t){let n=$.value[e];return n?n.nodes.findIndex(e=>e.id===t):-1}function Kn(e,t){let n=$.value[e];if(!n||!n.nodes.length)return null;let r=n.nodes[0],i=Math.abs(r.centerY-t);for(let e=1;e<n.nodes.length;e+=1){let a=n.nodes[e],o=Math.abs(a.centerY-t);o<i&&(r=a,i=o)}return r}function qn(){wt.value=null,Tt.value=null,Ot.value=!0}function Jn(){dn(),Ot.value=!1}function Yn(e){if(!J.value||wn.value||document.activeElement!==J.value||!bn.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`ArrowUp`,i=e.key===`ArrowDown`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){dn();return}if(a){if(wt.value===null)return;hn(wt.value);return}if(Tt.value===null){let e=$.value[0]?.nodes?.[0];if(!e)return;let t=xn.value.get(e.id)??0;pn(e,t,`keyboard`,t);return}let s=xn.value.get(Tt.value);if(s===void 0)return;let c=bn.value[s];if(!c)return;let l=Wn(c.id);if(l<0)return;let u=null;if(r||i){let e=Gn(l,c.id);if(e<0)return;let t=$.value[l];if(!t?.nodes?.length)return;let n=e+(i?1:-1);n<0&&(n=t.nodes.length-1),n>=t.nodes.length&&(n=0),u=t.nodes[n]}if(t||n){let e=l+(n?1:-1);e<0&&(e=$.value.length-1),e>=$.value.length&&(e=0),u=Kn(e,c.centerY)}if(!u)return;let d=xn.value.get(u.id);d!==void 0&&pn(u,d,`keyboard`,d)}return de({getData:Sn,getImage:Mn,generateCsv:_n,generateImage:Yt,generateSvg:Vn,generatePdf:Jt,toggleTable:Cn,toggleAnnotator:Tn,toggleTooltip:En,drillCategory:An,unselectNode:mn,toggleFullscreen:At,copyAlt:Un}),(e,t)=>(N(),D(`div`,{ref_key:`flowChart`,ref:H,class:De(`vue-data-ui-component vue-ui-flow ${U.value?`vue-data-ui-wrapper-fullscreen`:``}`),style:M(`font-family:${W.value.style.fontFamily};width:100%; text-align:center;background:${q.value.backgroundColor}`),id:`flow_${V.value}`,onMouseenter:t[2]||=()=>R(Bt)(!0),onMouseleave:t[3]||=()=>{R(Bt)(!1),Ot.value||dn()}},[O(`div`,{id:`chart-instructions-${V.value}`,class:`sr-only`},[O(`p`,null,L(W.value.a11y.translations.keyboardNavigation),1)],8,Pe),yn.value?.rows?.length?(N(),T(me,{key:0,uid:V.value,head:yn.value.headers,body:yn.value.rows,notice:W.value.a11y.translations.tableAvailable,caption:W.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):E(``,!0),W.value.userOptions.buttons.annotator?(N(),T(R(rt),{key:1,svgRef:R(J),backgroundColor:q.value.backgroundColor,color:q.value.color,active:wn.value,palette:W.value.userOptions.annotatorPalette,isCursorPointer:Mt.value,onClose:Tn},Se({_:2},[F(R(i),t=>({name:t,fn:z(n=>[I(e.$slots,t,j(A(R(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`palette`,`isCursorPointer`])):E(``,!0),Xt.value?(N(),D(`div`,Fe,null,512)):E(``,!0),q.value.title.text?(N(),D(`div`,{key:3,ref_key:`chartTitle`,ref:gt,style:`width:100%;background:transparent;padding-bottom:24px`},[(N(),T(ue,{key:`title_${ft.value}`,config:{title:{cy:`flow-title`,...q.value.title},subtitle:{cy:`flow-subtitle`,...q.value.title.subtitle}}},null,8,[`config`]))],512)):E(``,!0),O(`div`,{id:`legend-top-${V.value}`},null,8,Ie),W.value.userOptions.show&&kt.value&&(R(Vt)||R(zt))?(N(),T(R(it),{ref_key:`userOptionsRef`,ref:St,key:`user_option_${dt.value}`,backgroundColor:q.value.backgroundColor,color:q.value.color,isPrinting:R(Kt),isImaging:R(qt),uid:V.value,hasPdf:W.value.userOptions.buttons.pdf,hasXls:W.value.userOptions.buttons.csv,hasImg:W.value.userOptions.buttons.img,hasSvg:W.value.userOptions.buttons.svg,hasTable:W.value.userOptions.buttons.table,callbacks:W.value.userOptions.callbacks,hasFullscreen:W.value.userOptions.buttons.fullscreen,hasAltCopy:W.value.userOptions.buttons.altCopy,isFullscreen:U.value,titles:{...W.value.userOptions.buttonTitles},chartElement:H.value,position:W.value.userOptions.position,hasAnnotator:W.value.userOptions.buttons.annotator,printScale:W.value.userOptions.print.scale,isAnnotation:wn.value,hasTooltip:q.value.tooltip.show&&W.value.userOptions.buttons.tooltip,isTooltip:Y.value.showTooltip,tableDialog:W.value.table.useDialog,isCursorPointer:Mt.value,onToggleTooltip:En,onToggleFullscreen:At,onGeneratePdf:R(Jt),onGenerateCsv:_n,onGenerateImage:R(Hn),onGenerateSvg:R(Vn),onToggleTable:Cn,onToggleAnnotator:Tn,onCopyAlt:Un,style:M({visibility:R(Vt)?R(zt)?`visible`:`hidden`:`visible`})},Se({_:2},[F(R(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:z(n=>[I(e.$slots,t,j(A(R(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.callbacks.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.printScale.isAnnotation.hasTooltip.isTooltip.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):E(``,!0),O(`div`,Le,[(N(),D(`svg`,{ref_key:`svgRef`,ref:J,xmlns:R(b),"aria-describedby":`chart-instructions-${V.value}`,viewBox:`0 0 ${on.value.width} ${on.value.height}`,class:De({"vue-data-ui-fullscreen--on":U.value,"vue-data-ui-fulscreen--off":!U.value}),style:M({maxWidth:`100%`,overflow:`visible`,background:`transparent`,color:q.value.color}),tabindex:`0`,onFocus:qn,onBlur:Jn,onKeydown:Yn},[we(R(at)),e.$slots[`chart-background`]?(N(),D(`foreignObject`,{key:0,x:0,y:0,width:on.value.width,height:on.value.height,style:{pointerEvents:`none`}},[I(e.$slots,`chart-background`,{},void 0,!0)],8,ze)):E(``,!0),O(`defs`,null,[(N(!0),D(be,null,F(X.value.links,(e,t)=>(N(),D(`linearGradient`,{id:e.id,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`},[O(`stop`,{offset:`0%`,"stop-color":e.sourceColor},null,8,Ve),O(`stop`,{offset:`100%`,"stop-color":e.targetColor},null,8,He)],8,Be))),256))]),(N(!0),D(be,null,F(X.value.links,e=>(N(),D(`path`,{class:`vue-ui-flow-link`,d:e.path,"stroke-linejoin":`round`,"stroke-miterlimit":`1`,fill:`url(#${e.id})`,stroke:jt.value.stroke,"stroke-width":jt.value.strokeWidth,style:M(`
-                        opacity:${Z.value?Z.value.includes(e.source)&&Z.value.includes(e.target)?1:.3:Q.value?[e.target,e.source].includes(Q.value)?1:.3:jt.value.opacity}
-                    `)},null,12,Ue))),256)),(N(!0),D(be,null,F(X.value.nodes,(e,t)=>(N(),D(`rect`,{"data-a11y-node-id":e.id,class:`vue-ui-flow-node`,x:e.x,y:R(m)(e.absoluteY)+q.value.padding.top,height:R(m)(e.height),width:Qt.value,fill:e.color,stroke:K.value.stroke,"stroke-width":K.value.strokeWidth,rx:K.value.borderRadius,style:M({opacity:Z.value?Z.value.includes(e.name)?1:.3:1,outline:un.value!==null&&un.value===e.id?`2px solid currentColor`:void 0}),"aria-label":`${e.name}: ${R(h)(G.value.formatter,e.value,R(s)({p:G.value.prefix,v:e.value,s:G.value.suffix,r:G.value.rounding}))}`,onMouseenter:n=>pn(e,t,`pointer`,xn.value.get(e.id)),onMouseleave:e=>mn(t),onClick:e=>hn(t)},null,44,We))),256)),G.value.show?(N(),D(`g`,Ge,[(N(!0),D(be,null,F(X.value.nodes,(e,t)=>(N(),D(`text`,{x:e.x+Qt.value/2,y:(G.value.showValue?R(m)(e.absoluteY+e.height/2-G.value.fontSize/4):e.absoluteY+e.height/2+G.value.fontSize/3)+q.value.padding.top,"font-size":G.value.fontSize,fill:R(y)(e.color),"text-anchor":`middle`,style:M(`pointer-events: none; opacity:${Z.value?+!!Z.value.includes(e.name):1}`)},L(G.value.abbreviation.use?R(te)({source:e.name,length:K.value.labels.abbreviation.length}):e.name),13,Ke))),256)),G.value.showValue?(N(!0),D(be,{key:0},F(X.value.nodes,(e,t)=>(N(),D(`text`,{x:e.x+Qt.value/2,y:R(m)(e.absoluteY+e.height/2+G.value.fontSize/1.3)+q.value.padding.top,"font-size":G.value.fontSize,fill:R(y)(e.color),"text-anchor":`middle`,style:M(`pointer-events: none; opacity:${Z.value?+!!Z.value.includes(e.name):1}`)},L(R(h)(G.value.formatter,e.value,R(s)({p:G.value.prefix,v:e.value,s:G.value.suffix,r:G.value.rounding}),{datapoint:e,seriesIndex:t})),13,qe))),256)):E(``,!0)])):E(``,!0),I(e.$slots,`svg`,{svg:{...on.value,isPrintingImg:R(Kt)||R(qt)||R(zn),isPrintingSvg:R(Bn)}},void 0,!0)],46,Re)),e.$slots.hint?(N(),D(`div`,Je,[I(e.$slots,`hint`,j(A({hint:W.value.a11y.translations.keyboardNavigation,isVisible:Ot.value})),void 0,!0)])):E(``,!0)]),e.$slots.watermark?(N(),D(`div`,Ye,[I(e.$slots,`watermark`,j(A({isPrinting:R(Kt)||R(qt)||R(zn)||R(Bn)})),void 0,!0)])):E(``,!0),O(`div`,{id:`legend-bottom-${V.value}`},null,8,Xe),bt.value&&(q.value.legend.show||e.$slots.legend)?(N(),T(xe,{key:6,to:q.value.legend.position===`top`?`#legend-top-${V.value}`:`#legend-bottom-${V.value}`},[O(`div`,{ref_key:`chartLegend`,ref:ht},[I(e.$slots,`legend`,{legend:Dn.value},()=>[q.value.legend.show&&On.value.length?(N(),T(ve,{key:0,legendSet:On.value,config:jn.value,isCursorPointer:Mt.value,onClickMarker:t[0]||=e=>An(e)},{item:z(({legend:e,index:t})=>[R(Pt)?E(``,!0):(N(),D(`div`,{key:0,onClick:t=>e.segregate(),style:M(`opacity:${kn.value.length?kn.value.includes(t)?1:.5:1}`)},L(e.display),13,Ze))]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):E(``,!0)],!0)],512)],8,[`to`])):E(``,!0),e.$slots.source?(N(),D(`div`,{key:7,ref_key:`source`,ref:_t,dir:`auto`},[I(e.$slots,`source`,{},void 0,!0)],512)):E(``,!0),we(R($e),{ref_key:`tooltip`,ref:Ct,teleportTo:q.value.tooltip.teleportTo,show:Y.value.showTooltip&&pt.value,backgroundColor:q.value.tooltip.backgroundColor,color:q.value.tooltip.color,fontSize:q.value.tooltip.fontSize,borderRadius:q.value.tooltip.borderRadius,borderColor:q.value.tooltip.borderColor,borderWidth:q.value.tooltip.borderWidth,backgroundOpacity:q.value.tooltip.backgroundOpacity,position:q.value.tooltip.position,offsetX:q.value.tooltip.offsetX,offsetY:q.value.tooltip.offsetY,parent:H.value,content:mt.value,isCustom:ln.value,isFullscreen:U.value,smooth:q.value.tooltip.smooth,backdropFilter:q.value.tooltip.backdropFilter,smoothForce:q.value.tooltip.smoothForce,smoothSnapThreshold:q.value.tooltip.smoothSnapThreshold,isA11yMode:Dt.value===`keyboard`,a11yPosition:Et.value},{"tooltip-before":z(()=>[I(e.$slots,`tooltip-before`,j(A({...cn.value})),void 0,!0)]),tooltip:z(()=>[I(e.$slots,`tooltip`,j(A({...cn.value})),void 0,!0)]),"tooltip-after":z(()=>[I(e.$slots,`tooltip-after`,j(A({...cn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`fontSize`,`borderRadius`,`borderColor`,`borderWidth`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isCustom`,`isFullscreen`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),kt.value&&W.value.userOptions.buttons.table?(N(),T(ke(Nn.value.component),Te({key:8},Nn.value.props,{ref_key:`tableUnit`,ref:xt,onClose:Pn}),Se({content:z(()=>[we(R(nt),{colNames:vn.value.colNames,head:vn.value.head,body:vn.value.body,config:vn.value.config,title:W.value.table.useDialog?``:Nn.value.title,withCloseButton:!W.value.table.useDialog,isCursorPointer:Mt.value,onClose:Pn},{th:z(({th:e})=>[O(`div`,Qe,L(e),1)]),td:z(({td:e})=>[Ce(L(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`])]),_:2},[W.value.table.useDialog?{name:`title`,fn:z(()=>[Ce(L(Nn.value.title),1)]),key:`0`}:void 0,W.value.table.useDialog?{name:`actions`,fn:z(()=>[O(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>_n(W.value.userOptions.callbacks.csv),style:M({cursor:Mt.value?`pointer`:`default`})},[we(R(et),{name:`fileCsv`,stroke:Nn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):E(``,!0),I(e.$slots,`skeleton`,{},()=>[R(Pt)?(N(),T(oe,{key:0})):E(``,!0)],!0)],46,Ne))}},[[`__scopeId`,`data-v-5dd9c7a6`]]);export{Me as n,$e as t};

package/dist/vue-ui-funnel-D_u1h5S9.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as ee}from"./userOptionsSlots-DYuo-E5m.js";import{$ as o,D as te,Ft as ne,S as re,X as ie,at as ae,i as s,nt as oe,r as se,rn as c,t as ce,yt as le,zt as ue}from"./lib-CV_IANZ6.js";import{n as de,t as fe}from"./useHints-BH9r_0Vd.js";import{t as pe}from"./useConfig-CKdzPrcf.js";import{t as me}from"./usePrinter-hLW3cv4N.js";import{t as he}from"./useChartExport-DtPNpc9M.js";import{n as ge}from"./Title-BGYFqulv.js";import{t as _e}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as ve,t as ye}from"./useResponsive-D2CPcpda.js";import{t as be}from"./DefGrad-DKMq1REY.js";import{t as xe}from"./resolveChartConfig-DZg-korK.js";import{t as Se}from"./useUserOptionState-CXlFnwPv.js";import{t as Ce}from"./useChartAccessibility-DOMuYJfm.js";import{t as we}from"./chartImage-CIvU_04o.js";import{t as Te}from"./usePrefersMotion-XLHwega2.js";import{t as Ee}from"./vue_ui_funnel-CaEV5hG7.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createTextVNode as De,createVNode as Oe,defineAsyncComponent as g,guardReactiveProps as ke,mergeProps as _,nextTick as Ae,normalizeClass as v,normalizeProps as je,normalizeStyle as y,onBeforeUnmount as Me,onMounted as Ne,openBlock as b,ref as x,renderList as S,renderSlot as C,resolveDynamicComponent as Pe,shallowRef as Fe,toDisplayString as w,unref as T,useCssVars as Ie,watch as Le,withCtx as E}from"vue";var Re=/* @__PURE__ */ e({default:()=>Ze}),ze=[`id`],Be=[`xmlns`,`viewBox`],Ve=[`width`,`height`],He=[`stroke`,`stroke-width`],Ue=[`stroke`,`stroke-width`],We=[`x`,`y`,`font-size`,`fill`,`font-weight`],Ge=[`points`,`fill`],Ke=[`stroke`,`stroke-width`,`rx`],qe=[`x`,`y`,`font-size`,`fill`,`font-weight`],Je=[`x`,`y`,`font-size`,`fill`,`font-weight`],Ye={key:5,class:`vue-data-ui-watermark`},Xe={style:{display:`flex`,"align-items":`center`}},Ze=/*#__PURE__*/ _e({__name:`vue-ui-funnel`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`],setup(e,{expose:_e,emit:Re}){Ie(e=>({v6c990ee0:Mt.value}));let Ze=g(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Qe=g(()=>import(`./vue-ui-skeleton-DI7pcimU.js`).then(e=>e.n)),$e=g(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),et=g(()=>import(`./DataTable-WNecJMcY.js`)),tt=g(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),nt=g(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),rt=g(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),it=g(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_funnel:at}=pe(),D=Te(),O=e,ot=Re,k=x(null),A=x(ie()),st=x(0),ct=x(0),lt=x(0),ut=x(null),dt=x(null),ft=x(null),j=Fe(null),M=Fe(null),N=x(!1),pt=x(null),P=x(null),F=u(()=>!!O.dataset&&O.dataset.length);Ne(gt),Me(()=>{j.value&&(M.value&&j.value.unobserve(M.value),j.value.disconnect())});function mt(){return xe(O.config,at,Ee)}let I=u({get:()=>mt(),set:e=>e}),ht=u(()=>I.value.debug),L=u(()=>I.value.style.chart.bars),R=u(()=>I.value.style.chart.circles),z=u(()=>I.value.style.chart);function gt(){if(ue(O.dataset)?ae({componentName:`VueUiFunnel`,type:`dataset`,debug:ht.value}):O.dataset.forEach((e,t)=>{le({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{F.value=!1,ae({componentName:`VueUiFunnel`,type:`datasetSerieAttribute`,property:e,index:t,debug:ht.value})})}),I.value.responsive){let e=ve(()=>{let{width:e,height:t}=ye({chart:k.value,title:z.value.title.text?ft.value:null,source:dt.value,noTitle:ut.value});requestAnimationFrame(()=>{H.value.height=t,H.value.width=e,W.value=Dt(),I.value.responsiveProportionalSizing?(V.value.circles=c({relator:Math.min(e,t),adjuster:600,source:R.value.dataLabels.fontSize,threshold:10,fallback:10}),V.value.names=c({relator:Math.min(e,t),adjuster:600,source:L.value.dataLabels.name.fontSize,threshold:10,fallback:10}),V.value.values=c({relator:Math.min(e,t),adjuster:600,source:L.value.dataLabels.value.fontSize,threshold:10,fallback:10})):(V.value.circles=R.value.dataLabels.fontSize,V.value.names=L.value.dataLabels.name.fontSize,V.value.values=L.value.dataLabels.value.fontSize)})});j.value&&(M.value&&j.value.unobserve(M.value),j.value.disconnect()),j.value=new ResizeObserver(e),M.value=k.value.parentNode,j.value.observe(M.value)}}de({config:()=>I.value,dataset:()=>O.dataset,component:`VueUiFunnel`,rules:[fe.emptyArray,{test:e=>e.length>10,message:[`👀 The dataset has a length > 10. Consider:`,``,`▶️ Aggregating some datapoints into broader categories`]}]});let _t=u(()=>I.value.userOptions.useCursorPointer),{userOptionsVisible:vt,setUserOptionsVisibility:yt,keepUserOptionState:bt}=Se({config:I.value}),{svgRef:xt}=Ce({config:z.value.title});Le(()=>O.config,e=>{I.value=mt(),vt.value=!I.value.userOptions.showOnChartHover,gt(),ct.value+=1,lt.value+=1,V.value.circles=R.value.dataLabels.fontSize,V.value.names=L.value.dataLabels.name.fontSize,V.value.values=L.value.dataLabels.value.fontSize,B.value.showTable=I.value.table.show},{deep:!0});let{isPrinting:St,isImaging:Ct,generatePdf:wt,generateImage:Tt}=me({elementId:`funnel_${A.value}`,fileName:z.value.title.text||`vue-ui-funnel`,options:I.value.userOptions.print}),Et=u(()=>I.value.userOptions.show&&!z.value.title.text),B=x({showTable:I.value.table.show}),V=x({circles:R.value.dataLabels.fontSize,names:L.value.dataLabels.name.fontSize,values:L.value.dataLabels.value.fontSize}),H=u({get:()=>({height:z.value.height,width:z.value.width}),set:e=>e}),U=u(()=>F.value?O.dataset.map((e,t)=>({...e,color:e.color?re(e.color):ne(L.value.defaultColor,t/O.dataset.length)})):[]);setTimeout(()=>{N.value=!0},U.value.length*150);function Dt(){let e=z.value.padding.left,t=z.value.padding.top;return{left:e,top:t,right:H.value.width-z.value.padding.right,bottom:H.value.height-z.value.padding.bottom,width:H.value.width-e-z.value.padding.right,height:H.value.height-t-z.value.padding.bottom}}let W=x(Dt()),G=u(()=>W.value.height/O.dataset.length),K=u(()=>G.value*L.value.gapRatio),Ot=u(()=>W.value.width*z.value.barCircleSpacingRatio),q=u(()=>U.value.map((e,t)=>{let n=G.value-K.value,r=W.value.top+K.value/2*t+(G.value-K.value/2)*t+K.value/2,i=e.value/U.value[0].value,a=(W.value.width-n-Ot.value)*(e.value/U.value[0].value);return{...e,cx:W.value.left+n/2,cy:r+n/2,datapointIndex:t,fill:e.color,height:Math.max(n,0),proportion:i,r:Math.max(n/2,0),width:Math.max(a,0),x:W.value.left+n+Ot.value,y:r}})),kt=u(()=>{let e=q.value.map(e=>`${e.x+e.width},${e.y+(G.value-K.value)/2}`);return`${q.value[0].x},${q.value[0].y+(G.value-K.value)/2} ${e.toString()} ${q.value.at(-1).x},${q.value.at(-1).y+(G.value-K.value)/2}`}),At=u(()=>({x1:q.value[0].cx,y1:q.value[0].cy,x2:q.value.at(-1).cx,y2:q.value.at(-1).cy})),J=x(!1);function jt(e){J.value=e,st.value+=1}let Mt=u(()=>`${U.value.length*150}ms`),Y=x(!1);function Nt(){Y.value=!Y.value}function Pt(){B.value.showTable=!B.value.showTable}let X=u(()=>({head:U.value.map(e=>({name:e.name,color:e.color})),body:U.value.map(e=>e.value)})),Z=u(()=>{let e=[I.value.table.columnNames.series,I.value.table.columnNames.value,I.value.table.columnNames.percentage],t=X.value.head.map((e,t)=>{let n=s(L.value.dataLabels.value.formatter,X.value.body[t],o({p:L.value.dataLabels.value.prefix,v:X.value.body[t],s:L.value.dataLabels.value.suffix,r:I.value.table.td.roundingValue}),{datapoint:q.value[t]}),r=s(R.value.dataLabels.formatter,q.value[t].proportion*100,o({v:q.value[t].proportion*100,s:`%`,r:I.value.table.td.roundingPercentage}),{datapoint:q.value[t]});return[{color:e.color,name:e.name},n,r]}),n={th:{backgroundColor:I.value.table.th.backgroundColor,color:I.value.table.th.color,outline:I.value.table.th.outline},td:{backgroundColor:I.value.table.td.backgroundColor,color:I.value.table.td.color,outline:I.value.table.td.outline},breakpoint:I.value.table.responsiveBreakpoint};return{colNames:[I.value.table.columnNames.series,I.value.table.columnNames.value,I.value.table.columnNames.percentage],head:e,body:t,config:n}});function Q(e=null){Ae(()=>{let t=X.value.head.map((e,t)=>[[e.name],[X.value.body[t]],[q.value[t].proportion*100]]),n=[[z.value.title.text],[z.value.title.subtitle.text],[[I.value.table.columnNames.series],[I.value.table.columnNames.value],[`%`]]].concat(t),r=te(n);e?e(r):oe({csvContent:r,title:z.value.title.text||`vue-ui-funnel`})})}function Ft(){return U.value}let It=we(k,()=>z.value.title.text),$=u(()=>n({config:I,style:z,mutableConfig:B,dialog:it,accordion:$e,isFullscreen:J,parent:k,maxWidth:800}));Le(()=>B.value.showTable,e=>t(e,I,pt));function Lt(){B.value.showTable=!1,P.value&&P.value.setTableIconState(!1)}let Rt=u(()=>z.value.backgroundColor),zt=u(()=>z.value.title),{isCallbackImaging:Bt,isCallbackSvg:Vt,generateSvg:Ht,onGenerateImage:Ut}=he({svg:xt,title:zt,legend:null,legendItems:null,backgroundColor:Rt,getSvgCallback:()=>I.value.userOptions.callbacks.svg,generateImage:Tt});async function Wt(){if(ot(`copyAlt`,{config:I.value,dataset:U.value}),!I.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(I.value.userOptions.callbacks.altCopy({config:I.value,dataset:U.value}))}return _e({getData:Ft,getImage:It,generatePdf:wt,generateCsv:Q,generateImage:Tt,generateSvg:Ht,toggleTable:Pt,toggleAnnotator:Nt,toggleFullscreen:jt,copyAlt:Wt}),(e,t)=>(b(),p(`div`,{ref_key:`funnelChart`,ref:k,class:v(`vue-data-ui-component vue-ui-funnel ${J.value?`vue-data-ui-wrapper-fullscreen`:``} ${I.value.useCssAnimation?``:`vue-ui-dna`}`),style:y(`font-family:${I.value.style.fontFamily};width:100%; ${I.value.responsive?`height:100%;`:``} text-align:center;background:${z.value.backgroundColor}`),id:`funnel_${A.value}`,onMouseenter:t[1]||=()=>T(yt)(!0),onMouseleave:t[2]||=()=>T(yt)(!1)},[I.value.userOptions.buttons.annotator?(b(),d(T(nt),{key:0,svgRef:T(xt),backgroundColor:z.value.backgroundColor,color:z.value.color,active:Y.value,isCursorPointer:_t.value,palette:I.value.userOptions.annotatorPalette,onClose:Nt},h({_:2},[S(T(i),t=>({name:t,fn:E(n=>[C(e.$slots,t,je(ke(T(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):f(``,!0),Et.value?(b(),p(`div`,{key:1,ref_key:`noTitle`,ref:ut,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):f(``,!0),z.value.title.text?(b(),p(`div`,{key:2,ref_key:`chartTitle`,ref:ft,style:`width:100%;background:transparent;padding-bottom:24px`},[(b(),d(ge,{key:`title_${ct.value}`,config:{title:{cy:`funnel-div-title`,...z.value.title},subtitle:{cy:`funnel-div-subtitle`,...z.value.title.subtitle}}},null,8,[`config`]))],512)):f(``,!0),I.value.userOptions.show&&F.value&&(T(bt)||T(vt))?(b(),d(T(tt),{ref_key:`userOptionsRef`,ref:P,key:`user_option_${st.value}`,backgroundColor:z.value.backgroundColor,color:z.value.color,isPrinting:T(St),isImaging:T(Ct),uid:A.value,hasTooltip:!1,hasPdf:I.value.userOptions.buttons.pdf,hasImg:I.value.userOptions.buttons.img,hasSvg:I.value.userOptions.buttons.svg,hasXls:I.value.userOptions.buttons.csv,hasTable:I.value.userOptions.buttons.table,hasLabel:!1,hasFullscreen:I.value.userOptions.buttons.fullscreen,hasAltCopy:I.value.userOptions.buttons.altCopy,isFullscreen:J.value,chartElement:k.value,position:I.value.userOptions.position,titles:{...I.value.userOptions.buttonTitles},hasAnnotator:I.value.userOptions.buttons.annotator,isAnnotation:Y.value,callbacks:I.value.userOptions.callbacks,printScale:I.value.userOptions.print.scale,tableDialog:I.value.table.useDialog,isCursorPointer:_t.value,onToggleAnnotator:Nt,onToggleFullscreen:jt,onGeneratePdf:T(wt),onGenerateImage:T(Ut),onGenerateSvg:T(Ht),onToggleTable:Pt,onGenerateCsv:Q,onCopyAlt:Wt,style:y({visibility:T(bt)?T(vt)?`visible`:`hidden`:`visible`})},h({_:2},[S(T(a)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:E(n=>[C(e.$slots,t,je(ke(T(ee)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):f(``,!0),F.value?(b(),p(`svg`,{key:4,ref_key:`svgRef`,ref:xt,xmlns:T(ce),class:v({"vue-data-ui-fullscreen--on":J.value,"vue-data-ui-fulscreen--off":!J.value}),viewBox:`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`,style:y(`max-width:100%; overflow: visible; background:transparent;color:${z.value.color}`)},[Oe(T(rt)),e.$slots[`chart-background`]?(b(),p(`foreignObject`,{key:0,x:0,y:0,width:H.value.width<=0?10:H.value.width,height:H.value.height<=0?10:H.value.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,Ve)):f(``,!0),m(`defs`,null,[Oe(be,{t:`linear`,id:`funnel_area_${A.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,z.value.backgroundColor,0],[`20%`,z.value.area.color,1],[`100%`,z.value.area.color,1]]},null,8,[`id`,`stops`])]),z.value.circleLinks.show?(b(),p(`line`,_({key:1},At.value,{stroke:z.value.circleLinks.color,"stroke-width":12*z.value.circleLinks.widthRatio,"stroke-linecap":`round`,class:{animated:I.value.useCssAnimation&&!T(D)},style:{strokeDasharray:I.value.useCssAnimation&&!T(D)?W.value.height:0,strokeDashoffset:I.value.useCssAnimation&&!T(D)?W.value.height:0}}),null,16,He)):f(``,!0),(b(!0),p(l,null,S(q.value,({cx:e,cy:t,r:n,fill:r},i)=>(b(),p(`circle`,_({ref_for:!0},{cx:e,cy:t,r:n,fill:r},{stroke:R.value.stroke,"stroke-width":R.value.strokeWidth,class:{animated:I.value.useCssAnimation&&!N.value&&!T(D)},style:{animationDelay:`${150*i}ms`}}),null,16,Ue))),256)),(b(!0),p(l,null,S(q.value,(e,t)=>(b(),p(`text`,{x:e.cx,y:e.cy+V.value.circles/3+R.value.dataLabels.offsetY,"text-anchor":`middle`,"font-size":V.value.circles,fill:R.value.dataLabels.adaptColorToBackground?T(se)(e.color):R.value.dataLabels.color,"font-weight":R.value.dataLabels.bold?`bold`:`normal`,class:v({animated:I.value.useCssAnimation&&!N.value&&!T(D)}),style:y({animationDelay:`${150*t}ms`})},w(T(s)(R.value.dataLabels.formatter,e.proportion*100,T(o)({v:e.proportion*100,s:`%`,r:R.value.dataLabels.rounding}),{datapoint:e})),15,We))),256)),z.value.area.show?(b(),p(`polygon`,{key:2,points:kt.value,fill:`url(#funnel_area_${A.value})`,class:v({animated:I.value.useCssAnimation&&!N.value&&!T(D)}),style:y({transition:I.value.useCssAnimation?`all ${150*U.value.length}ms ease-in`:`none`})},null,14,Ge)):f(``,!0),(b(!0),p(l,null,S(q.value,({x:e,y:t,height:n,width:r,fill:i},a)=>(b(),p(`rect`,_({ref_for:!0},{x:e,y:t,height:n,width:r,fill:i},{stroke:L.value.stroke,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius,class:{animated:I.value.useCssAnimation&&!N.value&&!T(D)},style:{animationDelay:`${150*a}ms`}}),null,16,Ke))),256)),(b(!0),p(l,null,S(q.value,(e,t)=>(b(),p(`g`,null,[m(`text`,{x:e.x+e.width+L.value.dataLabels.name.offsetX+12,y:e.cy-V.value.names/2+L.value.dataLabels.name.offsetY,"text-anchor":`start`,"font-size":V.value.names,fill:L.value.dataLabels.name.color,"font-weight":L.value.dataLabels.name.bold?`bold`:`normal`,class:v({animated:I.value.useCssAnimation&&!N.value&&!T(D)}),style:y({animationDelay:`${150*t}ms`})},w(e.name),15,qe),m(`text`,{x:e.x+e.width+L.value.dataLabels.value.offsetX+12,y:e.cy+V.value.values+L.value.dataLabels.value.offsetY,"text-anchor":`start`,"font-size":V.value.values,fill:L.value.dataLabels.value.color,"font-weight":L.value.dataLabels.value.bold?`bold`:`normal`,class:v({animated:I.value.useCssAnimation&&!N.value&&!T(D)}),style:y({animationDelay:`${150*t}ms`})},w(T(s)(L.value.dataLabels.value.formatter,e.value,T(o)({p:L.value.dataLabels.value.prefix,v:e.value,s:L.value.dataLabels.value.suffix,r:L.value.dataLabels.value.rounding}),{datapoint:e})),15,Je)]))),256)),C(e.$slots,`svg`,{svg:{...H.value,isPrintingImg:T(St)||T(Ct)||T(Bt),isPrintingSvg:T(Vt)}},void 0,!0)],14,Be)):f(``,!0),e.$slots.watermark?(b(),p(`div`,Ye,[C(e.$slots,`watermark`,je(ke({isPrinting:T(St)||T(Ct)||T(Bt)||T(Vt)})),void 0,!0)])):f(``,!0),F.value?f(``,!0):(b(),d(T(Qe),{key:6,config:{type:`verticalBar`,style:{backgroundColor:z.value.backgroundColor,verticalBar:{axis:{color:`#CCCCCC`},color:`#CCCCCC`}}}},null,8,[`config`])),e.$slots.source?(b(),p(`div`,{key:7,ref_key:`source`,ref:dt,dir:`auto`},[C(e.$slots,`source`,{},void 0,!0)],512)):f(``,!0),F.value&&I.value.userOptions.buttons.table?(b(),d(Pe($.value.component),_({key:8},$.value.props,{ref_key:`tableUnit`,ref:pt,onClose:Lt}),h({content:E(()=>[(b(),d(T(et),{key:`table_${lt.value}`,colNames:Z.value.colNames,head:Z.value.head,body:Z.value.body,config:Z.value.config,title:I.value.table.useDialog?``:$.value.title,withCloseButton:!I.value.table.useDialog,onClose:Lt},{th:E(({th:e})=>[m(`div`,Xe,w(e),1)]),td:E(({td:e})=>[De(w(e.name?e.name:e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`]))]),_:2},[I.value.table.useDialog?{name:`title`,fn:E(()=>[De(w($.value.title),1)]),key:`0`}:void 0,I.value.table.useDialog?{name:`actions`,fn:E(()=>[m(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[0]||=e=>Q(I.value.userOptions.callbacks.csv)},[Oe(T(Ze),{name:`fileCsv`,stroke:$.value.props.color},null,8,[`stroke`])])]),key:`1`}:void 0]),1040)):f(``,!0)],46,ze))}},[[`__scopeId`,`data-v-efc62c19`]]);export{Re as n,Ze as t};

package/dist/vue-ui-galaxy-sBEH18Xj.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as c,Dt as ee,Ht as te,Kt as ne,S as re,X as ie,Zt as ae,at as oe,i as se,in as ce,nt as le,pt as ue,t as de,w as fe,yt as pe,z as me,zt as he}from"./lib-CV_IANZ6.js";import{n as ge,t as _e}from"./useHints-BH9r_0Vd.js";import{t as ve}from"./useConfig-CKdzPrcf.js";import{t as ye}from"./usePrinter-hLW3cv4N.js";import{n as be,t as xe}from"./BaseScanner-8NdoBs7B.js";import{t as Se}from"./useChartExport-DtPNpc9M.js";import{t as Ce}from"./useTransitions-DfSHzsdz.js";import{n as we}from"./Title-BGYFqulv.js";import{t as Te}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Ee,t as De}from"./useResponsive-D2CPcpda.js";import{t as Oe}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as ke}from"./A11yDataTable-DWNlWXzs.js";import{n as Ae}from"./resolveChartConfig-DZg-korK.js";import{t as je}from"./useUserOptionState-CXlFnwPv.js";import{t as Me}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ne}from"./chartImage-CIvU_04o.js";import{t as Pe}from"./labelUtils-CG3uVXoZ.js";import{t as Fe}from"./Legend-D8YoT1RJ.js";import{t as Ie}from"./vue_ui_galaxy-B94QInxc.js";import{Fragment as Le,Teleport as Re,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createSlots as ze,createTextVNode as Be,createVNode as Ve,defineAsyncComponent as m,guardReactiveProps as h,mergeProps as He,nextTick as Ue,normalizeClass as g,normalizeProps as _,normalizeStyle as v,onMounted as We,openBlock as y,ref as b,renderList as Ge,renderSlot as x,resolveDynamicComponent as Ke,toDisplayString as S,toRefs as qe,unref as C,watch as Je,withCtx as w}from"vue";var Ye=/* @__PURE__ */ e({default:()=>ht}),Xe=[`id`],Ze=[`id`],Qe=[`id`],$e={style:{position:`relative`}},et=[`xmlns`,`aria-describedby`,`viewBox`],tt=[`width`,`height`],nt=[`id`],rt=[`stdDeviation`],it=[`d`,`stroke`,`stroke-width`],at=[`d`,`stroke`,`stroke-width`],ot=[`filter`],st=[`d`,`stroke`,`stroke-width`],ct=[`data-a11y-serie-id`,`d`,`stroke-width`,`aria-label`,`onMouseenter`,`onMouseleave`,`onClick`],lt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},ut={key:5,class:`vue-data-ui-watermark`},dt=[`id`],ft=[`onClick`],pt={key:0},mt={key:1},ht=/*#__PURE__*/ Te({__name:`vue-ui-galaxy`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`selectDatapoint`,`copyAlt`],setup(e,{expose:Te,emit:Ye}){let ht=m(()=>import(`./Tooltip-Cus2-XNQ.js`)),gt=m(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),_t=m(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),vt=m(()=>import(`./DataTable-WNecJMcY.js`)),yt=m(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),bt=m(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),xt=m(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),St=m(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_galaxy:Ct}=ve(),T=e,E=b(ie()),D=b(null),wt=b(!1),Tt=b(``),O=b(null),Et=b(0),Dt=b(0),Ot=b(0),kt=b(0),At=b(null),jt=b(null),Mt=b(null),Nt=b(null),k=b(null),Pt=b(null),Ft=b(!1),It=b(null),Lt=b(null),A=b(null),Rt=b(null),zt=b({x:0,y:0}),Bt=b(`pointer`),j=b(!1),Vt=l(()=>!!T.dataset&&T.dataset.length),M=b(Zt()),N=l(()=>M.value.style.chart.layout.arcs),P=l(()=>M.value.style.chart.layout),F=l(()=>M.value.style.chart);ge({config:()=>M.value,dataset:()=>T.dataset,component:`VueUiGalaxy`,rules:[_e.singleSeries,_e.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series is > 6. Consider:`,``,`▶️ Grouping small values dynamically into a single "Other" series.`,``,`▶️ Using filters to let users choose a maximum number of series to display.`,``,`▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read.`]}]});let{transitionEnabled:Ht}=Ce({config:()=>M.value.transitions,dataset:()=>T.dataset}),I=l(()=>M.value.userOptions.useCursorPointer),Ut=l(()=>ce({defaultConfig:{userOptions:{show:!1},table:{show:!1},useCssAnimation:!1,style:{chart:{backgroundColor:`#99999930`,legend:{backgroundColor:`transparent`}}}},userConfig:M.value.skeletonConfig??{}})),{loading:Wt,FINAL_DATASET:Gt}=be({...qe(T),FINAL_CONFIG:M,prepareConfig:Zt,callback:()=>{Promise.resolve().then(async()=>{await Ue(),R.value.showTable=M.value.table.show})},skeletonDataset:T.config?.skeletonDataset??[{name:`_`,values:[21],color:`#DBDBDB`},{name:`_`,values:[13],color:`#C4C4C4`},{name:`_`,values:[8],color:`#ADADAD`}],skeletonConfig:ce({defaultConfig:M.value,userConfig:Ut.value})});We(()=>{Ft.value=!0,qt()});let Kt=l(()=>M.value.debug);function qt(){if(he(T.dataset)?oe({componentName:`VueUiGalaxy`,type:`dataset`,debug:Kt.value}):Kt.value&&T.dataset.forEach((e,t)=>{pe({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{oe({componentName:`VueUiGalaxy`,type:`datasetSerieAttribute`,property:e,index:t})})}),M.value.responsive){let e=Ee(()=>{let{width:e,height:t}=De({chart:D.value,title:F.value.title.text?At.value:null,legend:F.value.legend.show?jt.value:null,noTitle:Nt.value,source:Mt.value});requestAnimationFrame(()=>{z.value=Math.max(.1,e),B.value=Math.max(.1,t-12)})});k.value&&(Pt.value&&k.value.unobserve(Pt.value),k.value.disconnect()),k.value=new ResizeObserver(e),Pt.value=D.value.parentNode,k.value.observe(Pt.value)}}let{userOptionsVisible:Jt,setUserOptionsVisibility:Yt,keepUserOptionState:Xt}=je({config:M.value}),{svgRef:L}=Me({config:F.value.title});function Zt(){return Ae(T.config,Ct,Ie)}let Qt=ae(T.config);Je(()=>T.config,(e,t)=>{let n=ae(e),r=n!==Qt;Qt=n;let i=Zt();if(!r){M.value.style.chart.tooltip=i.style.chart.tooltip,R.value.showTooltip=M.value.style.chart.tooltip.show;return}M.value=i,Jt.value=!M.value.userOptions.showOnChartHover,qt(),Dt.value+=1,Ot.value+=1,kt.value+=1,R.value.dataLabels.show=P.value.labels.dataLabels.show,R.value.showTable=M.value.table.show,R.value.showTooltip=F.value.tooltip.show},{deep:!0});let{isPrinting:$t,isImaging:en,generatePdf:tn,generateImage:nn}=ye({elementId:`galaxy_${E.value}`,fileName:F.value.title.text||`vue-ui-galaxy`,options:M.value.userOptions.print}),rn=l(()=>M.value.userOptions.show&&!F.value.title.text),an=l(()=>fe(M.value.customPalette)),R=b({dataLabels:{show:P.value.labels.dataLabels.show},showTable:M.value.table.show,showTooltip:F.value.tooltip.show}),z=b(250),B=b(180),on=b(0),sn=b(0),V=l(()=>({width:z.value,height:B.value,viewBox:`${on.value} ${sn.value} ${z.value} ${B.value}`})),cn=Ye,H=b([]);function ln(){cn(`selectLegend`,K.value.map(e=>({name:e.name,color:e.color,value:e.value})))}function un(){H.value.length?H.value=[]:J.value.forEach(e=>{H.value.push(e.id)}),ln()}function U(e){H.value.includes(e.id)?H.value=H.value.filter(t=>t!==e.id):H.value.push(e.id),ln()}function dn(e){return W.value.length?W.value.find(t=>t.name===e)||(Kt.value&&console.warn(`VueUiGalaxy - Series name not found "${e}"`),null):(Kt.value&&console.warn(`VueUiGalaxy - There are no series to show.`),null)}function fn(e){let t=dn(e);t!==null&&H.value.includes(t.id)&&U({id:t.id})}function pn(e){let t=dn(e);t!==null&&(H.value.includes(t.id)||U({id:t.id}))}let W=l(()=>Gt.value.map((e,t)=>({name:e.name,color:re(e.color)||an.value[t]||te[t]||te[t%te.length],value:e.values?ne(e.values).reduce((e,t)=>e+t,0):0,absoluteValues:ne(e.values),id:ie()})).sort((e,t)=>t.value-e.value).map((e,t)=>({...e,absoluteIndex:t})));function mn(){return W.value.map(e=>({name:e.name,color:e.color,value:e.value}))}let G=l(()=>W.value.filter(e=>!H.value.includes(e.id)).map(e=>e.value).reduce((e,t)=>e+t,0)),hn=b(190),gn=l(()=>W.value.filter(e=>!H.value.includes(e.id))),_n=l(()=>(N.value.strokeWidth+N.value.borderWidth)/2+(P.value.padding??12)),vn=l(()=>me({maxPoints:hn.value,a:N.value.a??6,b:N.value.b??6,angleStep:N.value.angleStep??.07,startX:V.value.width/2+N.value.offsetX,startY:V.value.height/2+N.value.offsetY,boxWidth:V.value.width,boxHeight:V.value.height,padding:_n.value})),K=l(()=>{let e=[];for(let t=0;t<gn.value.length;t+=1){let n=gn.value[t],r=n.value/G.value*hn.value+(t>0&&e.length?e[t-1].points:0);e.push({points:r,...n,seriesIndex:t,proportion:n.value/G.value,path:vn.value(r)})}return e.filter(e=>!H.value.includes(e.id)).toSorted((e,t)=>t.points-e.points)});function yn(e){let t=Math.min(z.value,B.value),n=O.value===e.id&&N.value.hoverEffect.show?N.value.hoverEffect.multiplicator:1,r=(N.value.strokeWidth+N.value.borderWidth)*n,i=N.value.strokeWidth*n,a=N.value.strokeWidth/2*n;return{border:r/180*t,path:i/180*t,blur:a/180*t}}let q=b(!1);function bn(e){q.value=e,Et.value+=1}let xn=b(null);function Sn(){wt.value=!1,O.value=null,A.value=null,Rt.value=null}function Cn(e){if(!L.value||!e)return;let t=L.value.querySelector(`[data-a11y-serie-id="${e}"]`);if(!t)return;let n=t.getBoundingClientRect();zt.value={x:n.left+n.width/2,y:n.top+n.height/2}}function wn(e){M.value.events.datapointLeave&&M.value.events.datapointLeave({datapoint:e,seriesIndex:e.absoluteIndex}),(Rt.value!==e.id||Bt.value!==`keyboard`)&&(wt.value=!1,O.value=null)}function Tn(e){cn(`selectDatapoint`,e),M.value.events.datapointClick&&M.value.events.datapointClick({datapoint:e,seriesIndex:e.absoluteIndex})}function En({val:e,percentage:t,showVal:n,showPercentage:r}){let i=P.value.labels.dataLabels;return Pe({config:i,val:e,percentage:t,showVal:n,showPercentage:r})}function Dn({datapoint:e,_relativeIndex:t,seriesIndex:n,show:r=!1,triggerMode:i=`pointer`,flatIndex:a=null}){if(M.value.events.datapointEnter&&M.value.events.datapointEnter({datapoint:e,seriesIndex:e.absoluteIndex}),!R.value.showTooltip)return;Bt.value=i,A.value=a,Rt.value=e.id,xn.value={datapoint:e,seriesIndex:n,series:W.value,config:M.value},wt.value=r,O.value=e.id;let o=``,c=F.value.tooltip.customFormat;ee(c)&&ue(()=>c({seriesIndex:n,datapoint:e,series:W.value,config:M.value}))?Tt.value=c({seriesIndex:n,datapoint:e,series:W.value,config:M.value}):(o+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`,o+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.color}"/></svg>`,o+=`<b>${En({showVal:F.value.tooltip.showValue,showPercentage:F.value.tooltip.showPercentage,val:se(P.value.labels.dataLabels.formatter,e.value,s({p:P.value.labels.dataLabels.prefix,v:e.value,s:P.value.labels.dataLabels.suffix,r:F.value.tooltip.roundingValue}),{datapoint:e,seriesIndex:n}),percentage:s({v:e.proportion*100,s:`%`,r:F.value.tooltip.roundingPercentage})})}</b></div>`,Tt.value=`<div>${o}</div>`),i===`keyboard`&&Ue(()=>{Cn(e.id)})}let J=l(()=>W.value.map((e,t)=>{let n=se(P.value.labels.dataLabels.formatter,e.value,s({p:P.value.labels.dataLabels.prefix,v:e.value,s:P.value.labels.dataLabels.suffix,r:F.value.legend.roundingValue}),{datapoint:e,index:t}),r=isNaN(e.value/G.value)||H.value.includes(e.id)?`-`:s({v:e.value/G.value*100,s:`%`,r:F.value.legend.roundingPercentage}),i=En({showVal:F.value.legend.showValue,showPercentage:F.value.legend.showPercentage,val:n,percentage:r});return{...e,proportion:(e.value||0)/Gt.value.map(e=>(e.values||[]).reduce((e,t)=>e+t,0)).reduce((e,t)=>e+t,0),opacity:H.value.includes(e.id)?.5:1,shape:e.shape||`circle`,segregate:()=>U(e),isSegregated:H.value.includes(e.id),display:`${e.name}${F.value.legend.showPercentage||F.value.legend.showValue?`: `:``}${i}`}})),On=l(()=>({cy:`galaxy-div-legend`,backgroundColor:F.value.legend.backgroundColor,color:F.value.legend.color,fontSize:F.value.legend.fontSize,paddingBottom:12,fontWeight:F.value.legend.bold?`bold`:``})),Y=l(()=>({head:K.value.map(e=>({name:e.name,color:e.color})),body:K.value.map(e=>e.value)}));function kn(e=null){Ue(()=>{let t=Y.value.head.map((e,t)=>[[e.name],[Y.value.body[t]],[isNaN(Y.value.body[t]/G.value)?`-`:Y.value.body[t]/G.value*100]]),n=[[F.value.title.text],[F.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(t),r=c(n);e?e(r):le({csvContent:r,title:F.value.title.text||`vue-ui-galaxy`})})}let X=l(()=>{let e=[`__SUM__`,s({p:P.value.labels.dataLabels.prefix,v:G.value,s:P.value.labels.dataLabels.suffix,r:M.value.table.td.roundingValue}),`100%`],t=Y.value.head.map((e,t)=>{let n=s({p:P.value.labels.dataLabels.prefix,v:Y.value.body[t],s:P.value.labels.dataLabels.suffix,r:M.value.table.td.roundingValue});return[{color:e.color,name:e.name},n,isNaN(Y.value.body[t]/G.value)?`-`:s({v:Y.value.body[t]/G.value*100,s:`%`,r:M.value.table.td.roundingPercentage})]}),n={th:{backgroundColor:M.value.table.th.backgroundColor,color:M.value.table.th.color,outline:M.value.table.th.outline},td:{backgroundColor:M.value.table.td.backgroundColor,color:M.value.table.td.color,outline:M.value.table.td.outline},breakpoint:M.value.table.responsiveBreakpoint};return{colNames:[M.value.table.columnNames.series,M.value.table.columnNames.value,M.value.table.columnNames.percentage],head:e,body:t,config:n}});function An(){R.value.showTable=!R.value.showTable}function jn(){R.value.showTooltip=!R.value.showTooltip}let Z=b(!1);function Mn(){Z.value=!Z.value}let Nn=Ne(D,()=>F.value.title.text),Q=l(()=>n({config:M,style:F,mutableConfig:R,dialog:St,accordion:_t,isFullscreen:q,parent:D,maxWidth:500,isCursorPointer:I}));Je(()=>R.value.showTable,e=>t(e,M,It));function Pn(){R.value.showTable=!1,Lt.value&&Lt.value.setTableIconState(!1)}let Fn=l(()=>J.value.map(e=>({...e,name:e.display}))),In=l(()=>F.value.backgroundColor),Ln=l(()=>F.value.legend),Rn=l(()=>F.value.title),{isCallbackImaging:zn,isCallbackSvg:Bn,generateSvg:Vn,onGenerateImage:Hn}=Se({svg:L,title:Rn,legend:Ln,legendItems:Fn,backgroundColor:In,getSvgCallback:()=>M.value.userOptions.callbacks.svg,generateImage:nn});async function Un(){if(cn(`copyAlt`,{config:M.value,dataset:W.value}),!M.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(M.value.userOptions.callbacks.altCopy({config:M.value,dataset:W.value}))}function Wn(){A.value=null,Rt.value=null,j.value=!0}function Gn(){Sn(),j.value=!1}function Kn(e){if(!L.value||Z.value||document.activeElement!==L.value||!$.value.length)return;let t=e.key===`ArrowLeft`||e.key===`ArrowUp`,n=e.key===`ArrowRight`||e.key===`ArrowDown`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){Sn();return}if(r){if(A.value===null)return;let e=$.value[A.value];if(!e)return;Tn(e.datapoint);return}let a=A.value;a===null||a<0||a>=$.value.length?a=n?0:$.value.length-1:(a+=n?1:-1,a<0&&(a=$.value.length-1),a>=$.value.length&&(a=0));let o=$.value[a];o&&Dn({datapoint:o.datapoint,seriesIndex:o.datapoint.seriesIndex,show:!0,triggerMode:`keyboard`,flatIndex:a})}let qn=l(()=>({headers:X.value?.colNames??[],rows:X.value?.body??[]})),$=l(()=>K.value.map((e,t)=>({datapoint:e,index:t})));return Te({getData:mn,getImage:Nn,generatePdf:tn,generateCsv:kn,generateImage:nn,generateSvg:Vn,hideSeries:pn,showSeries:fn,toggleTable:An,toggleTooltip:jn,toggleAnnotator:Mn,toggleFullscreen:bn,copyAlt:Un}),(e,t)=>(y(),f(`div`,{ref_key:`galaxyChart`,ref:D,class:g(`vue-data-ui-component vue-ui-galaxy ${q.value?`vue-data-ui-wrapper-fullscreen`:``} ${M.value.useCssAnimation?``:`vue-ui-dna`} ${C(Wt)?`loading`:``}`),style:v(`font-family:${M.value.style.fontFamily};width:100%; text-align:center;${F.value.title.text?``:`padding-top:36px`};background:${F.value.backgroundColor}`),id:`galaxy_${E.value}`,onMouseenter:t[2]||=()=>C(Yt)(!0),onMouseleave:t[3]||=()=>{C(Yt)(!1),j.value||Sn()}},[p(`div`,{id:`chart-instructions-${E.value}`,class:`sr-only`},[p(`p`,null,S(M.value.a11y.translations.keyboardNavigation),1)],8,Ze),qn.value?.rows?.length?(y(),u(ke,{key:0,uid:E.value,head:qn.value.headers,body:qn.value.rows,notice:M.value.a11y.translations.tableAvailable,caption:M.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):d(``,!0),M.value.userOptions.buttons.annotator?(y(),u(C(yt),{key:1,svgRef:C(L),backgroundColor:F.value.backgroundColor,color:F.value.color,active:Z.value,isCursorPointer:I.value,palette:M.value.userOptions.annotatorPalette,onClose:Mn},ze({_:2},[Ge(C(i),t=>({name:t,fn:w(n=>[x(e.$slots,t,_(h(C(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):d(``,!0),rn.value?(y(),f(`div`,{key:2,ref_key:`noTitle`,ref:Nt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):d(``,!0),F.value.title.text?(y(),f(`div`,{key:3,ref_key:`chartTitle`,ref:At,style:`width:100%;background:transparent;padding-bottom:24px`},[(y(),u(we,{key:`title_${Dt.value}`,config:{title:{cy:`galaxy-div-title`,...F.value.title},subtitle:{cy:`galaxy-div-subtitle`,...F.value.title.subtitle}}},null,8,[`config`]))],512)):d(``,!0),p(`div`,{id:`legend-top-${E.value}`},null,8,Qe),M.value.userOptions.show&&Vt.value&&(C(Xt)||C(Jt))?(y(),u(C(bt),{ref_key:`userOptionsRef`,ref:Lt,key:`user_option_${Et.value}`,backgroundColor:F.value.backgroundColor,color:F.value.color,isPrinting:C($t),isImaging:C(en),uid:E.value,hasTooltip:M.value.userOptions.buttons.tooltip&&F.value.tooltip.show,hasPdf:M.value.userOptions.buttons.pdf,hasXls:M.value.userOptions.buttons.csv,hasImg:M.value.userOptions.buttons.img,hasSvg:M.value.userOptions.buttons.svg,hasTable:M.value.userOptions.buttons.table,hasFullscreen:M.value.userOptions.buttons.fullscreen,hasAltCopy:M.value.userOptions.buttons.altCopy,isTooltip:R.value.showTooltip,isFullscreen:q.value,titles:{...M.value.userOptions.buttonTitles},chartElement:D.value,position:M.value.userOptions.position,hasAnnotator:M.value.userOptions.buttons.annotator,isAnnotation:Z.value,callbacks:M.value.userOptions.callbacks,printScale:M.value.userOptions.print.scale,tableDialog:M.value.table.useDialog,isCursorPointer:I.value,onToggleFullscreen:bn,onGeneratePdf:C(tn),onGenerateCsv:kn,onGenerateImage:C(Hn),onGenerateSvg:C(Vn),onToggleTable:An,onToggleTooltip:jn,onToggleAnnotator:Mn,onCopyAlt:Un,style:v({visibility:C(Xt)?C(Jt)?`visible`:`hidden`:`visible`})},ze({_:2},[Ge(C(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:w(n=>[x(e.$slots,t,_(h(C(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):d(``,!0),p(`div`,$e,[(y(),f(`svg`,{ref_key:`svgRef`,ref:L,xmlns:C(de),"aria-describedby":`chart-instructions-${E.value}`,class:g({"vue-data-ui-fullscreen--on":q.value,"vue-data-ui-fulscreen--off":!q.value}),viewBox:V.value.viewBox,style:v(`max-width:100%; overflow: visible; background:transparent;color:${F.value.color}`),tabindex:`0`,onFocus:Wn,onBlur:Gn,onKeydown:Kn},[Ve(C(xt)),e.$slots[`chart-background`]?(y(),f(`foreignObject`,{key:0,x:0,y:0,width:V.value.width,height:V.value.height,style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,tt)):d(``,!0),p(`defs`,null,[p(`filter`,{id:`blur_${E.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[p(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:100/N.value.gradient.intensity},null,8,rt)],8,nt)]),(y(!0),f(Le,null,Ge(K.value,e=>(y(),f(`g`,{key:`dp_${e.id}`},[e.value?(y(),f(`path`,{key:0,d:e.path,fill:`none`,stroke:F.value.backgroundColor,"stroke-width":yn(e).border,class:g({"vue-data-ui-transition":C(Ht)}),"stroke-linecap":`round`},null,10,it)):d(``,!0),e.value?(y(),f(`path`,{key:1,d:e.path,fill:`none`,stroke:e.color,"stroke-width":yn(e).path,"stroke-linecap":`round`,class:g({"vue-data-ui-transition":C(Ht),"vue-ui-galaxy-blur":O.value&&O.value!==e.id&&M.value.useBlurOnHover})},null,10,at)):d(``,!0),e.value&&N.value.gradient.show?(y(),f(`g`,{key:2,filter:`url(#blur_${E.value})`},[p(`path`,{d:e.path,fill:`none`,stroke:N.value.gradient.color,"stroke-width":yn(e).blur,"stroke-linecap":`round`,class:g({"vue-ui-galaxy-gradient":!0,"vue-data-ui-transition":C(Ht),"vue-ui-galaxy-blur":O.value&&O.value!==e.id&&M.value.useBlurOnHover})},null,10,st)],8,ot)):d(``,!0)]))),128)),(y(!0),f(Le,null,Ge(K.value,(e,t)=>(y(),f(`g`,null,[e.value?(y(),f(`path`,{key:0,"data-a11y-serie-id":e.id,d:e.path,fill:`none`,stroke:`transparent`,"stroke-width":N.value.strokeWidth+N.value.borderWidth,"stroke-linecap":`round`,"aria-label":`${e.name}: ${C(s)({p:P.value.labels.dataLabels.prefix,v:e.value,s:P.value.labels.dataLabels.suffix,r:F.value.tooltip.roundingValue})}`,onMouseenter:n=>Dn({datapoint:e,relativeIndex:t,seriesIndex:e.seriesIndex,show:!0,triggerMode:`pointer`,flatIndex:t}),onMouseleave:t=>wn(e),onClick:t=>Tn(e)},null,40,ct)):d(``,!0)]))),256)),x(e.$slots,`svg`,{svg:{...V.value,isPrintingImg:C($t)||C(en)||C(zn),isPrintingSvg:C(Bn)}},void 0,!0)],46,et)),e.$slots.hint?(y(),f(`div`,lt,[x(e.$slots,`hint`,_(h({hint:M.value.a11y.translations.keyboardNavigation,isVisible:j.value})),void 0,!0)])):d(``,!0)]),e.$slots.watermark?(y(),f(`div`,ut,[x(e.$slots,`watermark`,_(h({isPrinting:C($t)||C(en)||C(zn)||C(Bn)})),void 0,!0)])):d(``,!0),p(`div`,{id:`legend-bottom-${E.value}`},null,8,dt),Ft.value&&(F.value.legend.show||e.$slots.legend)?(y(),u(Re,{key:6,to:F.value.legend.position===`top`?`#legend-top-${E.value}`:`#legend-bottom-${E.value}`},[p(`div`,{ref_key:`chartLegend`,ref:jt},[x(e.$slots,`legend`,{legend:J.value},()=>[F.value.legend.show?(y(),u(Fe,{key:`legend_${kt.value}`,legendSet:J.value,config:On.value,onClickMarker:t[0]||=({legend:e})=>U(e)},{item:w(({legend:e,index:t})=>[C(Wt)?d(``,!0):(y(),f(`div`,{key:0,onClick:t=>U(e),style:v(`opacity:${H.value.includes(e.id)?.5:1}`)},S(e.display),13,ft))]),legendToggle:w(()=>[J.value.length>2&&F.value.legend.selectAllToggle.show&&!C(Wt)?(y(),u(Oe,{key:0,backgroundColor:F.value.legend.selectAllToggle.backgroundColor,color:F.value.legend.selectAllToggle.color,fontSize:F.value.legend.fontSize,checked:H.value.length>0,onToggle:un},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`])):d(``,!0)]),_:1},8,[`legendSet`,`config`])):d(``,!0)],!0)],512)],8,[`to`])):d(``,!0),e.$slots.source?(y(),f(`div`,{key:7,ref_key:`source`,ref:Mt,dir:`auto`},[x(e.$slots,`source`,{},void 0,!0)],512)):d(``,!0),Ve(C(ht),{teleportTo:F.value.tooltip.teleportTo,show:R.value.showTooltip&&wt.value,backgroundColor:F.value.tooltip.backgroundColor,color:F.value.tooltip.color,borderRadius:F.value.tooltip.borderRadius,borderColor:F.value.tooltip.borderColor,borderWidth:F.value.tooltip.borderWidth,fontSize:F.value.tooltip.fontSize,backgroundOpacity:F.value.tooltip.backgroundOpacity,position:F.value.tooltip.position,offsetX:F.value.tooltip.offsetX,offsetY:F.value.tooltip.offsetY,parent:D.value,content:Tt.value,isFullscreen:q.value,isCustom:C(ee)(F.value.tooltip.customFormat),smooth:F.value.tooltip.smooth,backdropFilter:F.value.tooltip.backdropFilter,smoothForce:F.value.tooltip.smoothForce,smoothSnapThreshold:F.value.tooltip.smoothSnapThreshold,isA11yMode:Bt.value===`keyboard`,a11yPosition:zt.value},{"tooltip-before":w(()=>[x(e.$slots,`tooltip-before`,_(h({...xn.value})),void 0,!0)]),tooltip:w(()=>[x(e.$slots,`tooltip`,_(h({...xn.value})),void 0,!0)]),"tooltip-after":w(()=>[x(e.$slots,`tooltip-after`,_(h({...xn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),Vt.value&&M.value.userOptions.buttons.table?(y(),u(Ke(Q.value.component),He({key:8},Q.value.props,{ref_key:`tableUnit`,ref:It,onClose:Pn}),ze({content:w(()=>[(y(),u(C(vt),{key:`table_${Ot.value}`,colNames:X.value.colNames,head:X.value.head,body:X.value.body,config:X.value.config,title:M.value.table.useDialog?``:Q.value.title,withCloseButton:!M.value.table.useDialog,isCursorPointer:I.value,onClose:Pn},{th:w(({th:e})=>[e===`__SUM__`?(y(),f(`div`,pt,[Ve(C(gt),{name:`sigma`,stroke:X.value.config.th.color,size:16},null,8,[`stroke`])])):(y(),f(`div`,mt,S(e),1))]),td:w(({td:e})=>[Be(S(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[M.value.table.useDialog?{name:`title`,fn:w(()=>[Be(S(Q.value.title),1)]),key:`0`}:void 0,M.value.table.useDialog?{name:`actions`,fn:w(()=>[p(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>kn(M.value.userOptions.callbacks.csv),style:v({cursor:I.value?`pointer`:`default`})},[Ve(C(gt),{name:`fileCsv`,stroke:Q.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):d(``,!0),x(e.$slots,`skeleton`,{},()=>[C(Wt)?(y(),u(xe,{key:0})):d(``,!0)],!0)],46,Xe))}},[[`__scopeId`,`data-v-fbbde348`]]);export{Ye as n,ht as t};

package/dist/vue-ui-gauge-Do3RN8ne.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./annotationSlots-BRR85CqJ.js";import{n as r,t as i}from"./userOptionsSlots-DYuo-E5m.js";import{$ as a,Bt as o,Ht as s,It as c,J as ee,Jt as te,O as ne,S as re,X as ie,at as l,b as ae,f as oe,i as se,in as ce,rn as le,t as ue,w as de,yt as fe,zt as pe}from"./lib-CV_IANZ6.js";import{n as me}from"./useHints-BH9r_0Vd.js";import{t as he}from"./useConfig-CKdzPrcf.js";import{t as ge}from"./usePrinter-hLW3cv4N.js";import{n as _e,t as ve}from"./BaseScanner-8NdoBs7B.js";import{t as ye}from"./useChartExport-DtPNpc9M.js";import{n as be}from"./Title-BGYFqulv.js";import{t as xe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Se,t as Ce}from"./useResponsive-D2CPcpda.js";import{t as we}from"./DefGrad-DKMq1REY.js";import{n as Te}from"./resolveChartConfig-DZg-korK.js";import{t as Ee}from"./useUserOptionState-CXlFnwPv.js";import{t as De}from"./useChartAccessibility-DOMuYJfm.js";import{t as Oe}from"./chartImage-CIvU_04o.js";import{t as ke}from"./usePrefersMotion-XLHwega2.js";import{t as Ae}from"./useAutoSizeLabelsInsideViewbox-AIRF0PlD.js";import{t as je}from"./vue_ui_gauge-BJhb6yqE.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Me,createVNode as Ne,defineAsyncComponent as Pe,guardReactiveProps as Fe,mergeProps as g,nextTick as Ie,normalizeClass as Le,normalizeProps as Re,normalizeStyle as ze,onBeforeUnmount as Be,onMounted as Ve,openBlock as _,ref as v,renderList as y,renderSlot as b,shallowRef as He,toDisplayString as x,toRefs as Ue,unref as S,watch as C,withCtx as We}from"vue";var Ge=/* @__PURE__ */ e({default:()=>Ct}),Ke=[`id`],qe={key:0},Je=[`xmlns`,`viewBox`],Ye=[`width`,`height`],Xe=[`id`],Ze=[`stdDeviation`],Qe={key:1},$e=[`d`,`fill`,`stroke`],et=[`d`,`fill`,`stroke`],tt=[`d`,`fill`],nt=[`id`,`d`],rt=[`fill`,`font-size`,`font-weight`],it=[`href`,`startOffset`],at=[`text-anchor`,`fill`,`font-size`,`font-weight`,`innerHTML`],ot=[`d`,`filter`],st=[`stroke`,`stroke-width`],ct=[`stroke`,`stroke-width`],lt=[`stroke`,`stroke-width`],ut=[`stroke`,`stroke-width`],dt={key:8},ft=[`x`,`y`,`text-anchor`,`font-size`,`font-weight`,`fill`],pt=[`x`,`y`,`font-size`,`font-weight`,`fill`],mt={key:0},ht=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],gt=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],_t=[`x1`,`y1`,`x2`,`y2`,`stroke-width`,`filter`],vt={key:1},yt=[`d`,`fill`,`stroke`,`stroke-width`],bt=[`cx`,`cy`,`fill`,`r`,`stroke-width`,`stroke`],xt=[`x`,`y`,`font-size`,`fill`],St={key:4,class:`vue-data-ui-watermark`},Ct=/*#__PURE__*/ xe({__name:`vue-ui-gauge`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:xe,emit:Ge}){let Ct=Pe(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),wt=Pe(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Tt=Pe(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),{vue_ui_gauge:Et}=he(),Dt=ke(),w=e,Ot=Ge,kt=d(()=>!!w.dataset&&Object.keys(w.dataset).length>0&&w.dataset.series&&w.dataset.series.length),T=v(ie()),At=v(null),jt=v(0),E=v(null),Mt=v(null),Nt=v(null),Pt=v(null),Ft=v(null),It=v(0),D=v(Ut()),O=d(()=>D.value.style.chart.layout.segmentSeparators),k=d(()=>D.value.style.chart.layout.segmentNames),A=d(()=>D.value.style.chart.layout.markers),j=d(()=>D.value.style.chart.layout.pointer),M=d(()=>D.value.style.chart.layout),N=d(()=>D.value.style.chart);me({config:()=>D.value,dataset:()=>w.dataset,component:`VueUiGauge`,rules:[{test:e=>e?.series&&e.series?.length>6,message:[`👀 The number of steps is > 6, which can make the chart hard to read and labels overlap. Consider:`,``,`▶️ Using broader steps.`]}]});let Lt=d(()=>D.value.userOptions.useCursorPointer),Rt=d(()=>ce({defaultConfig:{userOptions:{show:!1},style:{chart:{backgroundColor:`#99999930`,animation:{use:!1},layout:{markers:{show:!1},segmentSeparators:{stroke:`#6A6A6A`},segmentNames:{show:!1},indicatorArc:{fill:`#6A6A6A50`},pointer:{stroke:`#6A6A6A`,useRatingColor:!0,circle:{stroke:`#6A6A6A`,color:`#6A6A6A`}}},legend:{show:!1}}}},userConfig:D.value.skeletonConfig??{}})),{loading:zt,FINAL_DATASET:P,manualLoading:F}=_e({...Ue(w),FINAL_CONFIG:D,prepareConfig:Ut,callback:()=>{Promise.resolve().then(async()=>{await Ie()})},skeletonDataset:w.config?.skeletonDataset??{value:0,series:[{from:-1,to:0,name:`_`,color:`#A1A1A1`},{from:0,to:1,name:`__`,color:`#CACACA`}]},skeletonConfig:ce({defaultConfig:D.value,userConfig:Rt.value})}),{userOptionsVisible:Bt,setUserOptionsVisibility:Vt,keepUserOptionState:Ht}=Ee({config:D.value}),{svgRef:I}=De({config:N.value.title});C(()=>w.config,e=>{zt.value||(D.value=Ut()),Bt.value=!D.value.userOptions.showOnChartHover,en(),It.value+=1},{deep:!0}),C(()=>w.dataset,e=>{en(),e&&Object.keys(e).length>0&&(F.value=D.value?.loading??!1)},{deep:!0,immediate:!1});function Ut(){return Te(w.config,Et,je)}let{isPrinting:Wt,isImaging:Gt,generatePdf:Kt,generateImage:qt}=ge({elementId:`vue-ui-gauge_${T.value}`,fileName:N.value.title.text||`vue-ui-gauge`,options:D.value.userOptions.print}),Jt=d(()=>D.value.userOptions.show&&!N.value.title.text),Yt=d(()=>de(D.value.customPalette)),L=d(()=>{if(pe(P.value.series||{}))return{value:0,series:[{from:0,to:0}]};let e=[];(P.value.series||[]).forEach(t=>{e.push(t.from||1e-7),e.push(t.to||1e-7)});let t=Math.max(...e);return{...P.value,series:(P.value.series||[]).map((e,n)=>({...e,color:re(e.color)||Yt.value[n]||s[n],value:((e.to||0)-(e.from||0))/t*100}))}}),R=v(512),z=v({height:358.4,width:R.value,top:0,bottom:358.4,centerX:179.2,centerY:R.value/2,labelFontSize:18,legendFontSize:N.value.legend.fontSize,pointerRadius:j.value.circle.radius,trackSize:M.value.track.size,pointerSize:j.value.size,pointerStrokeWidth:j.value.strokeWidth,markerOffset:A.value.offsetY+3,segmentFontSize:k.value.fontSize}),B=v(0),V=v(0),H=d(()=>N.value.animation.use&&!Dt.value),U=v(H.value?Math.min(...P.value.series.map(e=>e.from)):P.value.value),W=null;function Xt(){W!==null&&(cancelAnimationFrame(W),W=null)}C(H,e=>{e||(Xt(),U.value=P.value.value)}),C(()=>P.value.value,()=>{tn(P.value.value)});let G=d(()=>{let e=z.value.width/2,t=X.value.base,n=Math.PI*((U.value+0-V.value)/(B.value-V.value))+Math.PI;return{x1:e,y1:t,x2:e+X.value.pointerSize*z.value.pointerSize*.9*Math.cos(n),y2:t+X.value.pointerSize*z.value.pointerSize*.9*Math.sin(n)}}),Zt=d(()=>{let e=z.value.width/2,t=X.value.base,n=Math.PI*((U.value+0-V.value)/(B.value-V.value))+Math.PI,r=e+X.value.pointerSize*z.value.pointerSize*.9*Math.cos(n),i=t+X.value.pointerSize*z.value.pointerSize*.9*Math.sin(n),a=z.value.pointerRadius,o=e+a*Math.cos(n+Math.PI/2),s=t+a*Math.sin(n+Math.PI/2),c=e+a*Math.cos(n-Math.PI/2),ee=t+a*Math.sin(n-Math.PI/2);return isNaN(r)?null:`M ${r},${i} ${o},${s} ${c},${ee} Z`}),Qt=d(()=>{for(let e=0;e<L.value.series.length;e+=1){let{color:t,from:n,to:r}=L.value.series[e];if(U.value>=n&&U.value<=r)return t}return`#2D353C`}),K=He(null),q=He(null),J=d({get:()=>z.value.segmentFontSize,set:e=>e}),{autoSizeLabels:$t}=Ae({svgRef:I,fontSize:z.value.segmentFontSize,minFontSize:k.value.minFontSize,sizeRef:J,labelClass:`.vue-ui-gauge-label-flat`}),Y=d(()=>D.value.debug);function en(){let e=!1;if(pe(w.dataset)?(l({componentName:`VueUiGauge`,type:`dataset`,debug:Y.value}),F.value=!0,e=!0):(fe({datasetObject:w.dataset,requiredAttributes:[`value`,`series`]}).forEach(t=>{l({componentName:`VueUiGauge`,type:`datasetAttribute`,property:t,debug:Y.value}),F.value=!0,e=!0}),Object.hasOwn(w.dataset,`series`)&&(w.dataset.series.length?w.dataset.series.forEach((t,n)=>{fe({datasetObject:t,requiredAttributes:[`from`,`to`]}).forEach(t=>{l({componentName:`VueUiGauge`,type:`datasetSerieAttribute`,property:t,index:n,debug:Y.value}),F.value=!0,e=!0})}):(l({componentName:`VueUiGauge`,type:`datasetAttributeEmpty`,property:`series`,debug:Y.value}),F.value=!0,e=!0))),F.value=e,tn(P.value.value||0),D.value.responsive){let e=Se(()=>{let{width:e,height:t}=Ce({chart:E.value,title:N.value.title.text?Mt.value:null,legend:Nt.value,source:Pt.value,noTitle:Ft.value});t-=12,requestAnimationFrame(()=>{z.value.width=e,z.value.height=t,z.value.centerX=e/2,z.value.centerY=R.value/2/358.4*t,z.value.bottom=t,z.value.labelFontSize=18/R.value*Math.min(t,e)<10?10:18/R.value*Math.min(t,e),z.value.legendFontSize=N.value.legend.fontSize/R.value*Math.min(t,e)<14?14:N.value.legend.fontSize/R.value*Math.min(t,e),z.value.pointerRadius=j.value.circle.radius/R.value*Math.min(t,e),z.value.trackSize=M.value.track.size/R.value*Math.min(t,e),z.value.pointerStrokeWidth=le({relator:Math.min(e,t),adjuster:R.value,source:j.value.strokeWidth,threshold:2,fallback:2}),z.value.markerOffset=le({relator:Math.max(e,t),adjuster:R.value,source:A.value.offsetY+3,threshold:2,fallback:2}),z.value.segmentFontSize=le({relator:Math.min(e,t),adjuster:R.value,source:k.value.fontSize,threshold:8,fallback:8})}),$t()});K.value&&(q.value&&K.value.unobserve(q.value),K.value.disconnect()),K.value=new ResizeObserver(e),q.value=E.value.parentNode,K.value.observe(q.value)}$t()}Ve(()=>{en()}),Be(()=>{Xt(),K.value&&(q.value&&K.value.unobserve(q.value),K.value.disconnect())});function tn(e){let t=[];if((L.value.series||[]).forEach(e=>{t.push(e.from||0),t.push(e.to||0)}),B.value=Math.max(...t),V.value=Math.min(...t),Xt(),!H.value){U.value=e;return}let n=N.value.animation.speed,r=Math.abs(e-U.value)/(n*60);function i(){if(!H.value){U.value=e,W=null;return}U.value<e?U.value=Math.min(U.value+r,e):U.value>e&&(U.value=Math.max(U.value-r,e)),W=U.value===e?null:requestAnimationFrame(i)}i()}let X=d(()=>{let e=D.value.responsive?Math.min(z.value.width,z.value.height):z.value.width,t=2.5/M.value.radiusRatio;return{arcs:e/t,gradients:e/(t*1.1),base:D.value.responsive?z.value.height/1.618:z.value.height*.7,ratingBase:D.value.responsive?z.value.height/2+z.value.height/4:z.value.height*.9,pointerSize:D.value.responsive?Math.min(z.value.width,z.value.height)/3:z.value.width/3.2}}),Z=d(()=>c({series:L.value.series},z.value.width/2,X.value.base,X.value.arcs,X.value.arcs,1,1,1,180,109.9495,40*z.value.trackSize)),nn=d(()=>c({series:L.value.series},z.value.width/2,X.value.base,X.value.arcs*k.value.offsetRatio,X.value.arcs*k.value.offsetRatio,1,1,1,180,109.9495,40*z.value.trackSize)),Q=d(()=>Z.value.map(e=>X.value.arcs*k.value.offsetRatio*(e.nameOffsetRatio||1))),rn=d(()=>{let{x:e,y:t}=o({initX:Z.value[0].firstSeparator.x,initY:Z.value[0].firstSeparator.y,centerX:G.value.x1,centerY:G.value.y1,offset:-O.value.offsetIn}),{x:n,y:r}=o({initX:Z.value[0].startX,initY:Z.value[0].startY,centerX:G.value.x1,centerY:G.value.y1,offset:O.value.offsetOut});return{x1:e,y1:t,x2:n,y2:r}}),an=d(()=>Z.value.map(e=>{let{x:t,y:n}=o({initX:e.separator.x,initY:e.separator.y,centerX:G.value.x1,centerY:G.value.y1,offset:-O.value.offsetIn}),{x:r,y:i}=o({initX:e.endX,initY:e.endY,centerX:G.value.x1,centerY:G.value.y1,offset:O.value.offsetOut});return{x1:t,y1:n,x2:r,y2:i}}));function on(e){if(e.reduce((e,t)=>e+t,0)>100)throw Error(`Total % must not exceed 100`);let t=0;return e.map(e=>(t+=e,`${t/100*50-e/4}%`))}let sn=d(()=>on(Z.value.map(e=>e.proportion*100))),cn=d(()=>c({series:L.value.series},z.value.width/2,X.value.base,X.value.gradients,X.value.gradients,.95,1,1,180,110.02,2*z.value.trackSize)),ln=d(()=>{let e=V.value>=0?-V.value:Math.abs(V.value);return ne({radius:M.value.indicatorArc.radius*z.value.trackSize,centerX:z.value.width/2,centerY:X.value.base,percentage:ae((U.value+e)/(B.value+e))})}),$=v(!1);function un(e){$.value=e,jt.value+=1}let dn=v(!1);function fn(){dn.value=!dn.value}let pn=Oe(E,()=>N.value.title.text),mn=d(()=>N.value.backgroundColor),hn=d(()=>N.value.title),{isCallbackImaging:gn,isCallbackSvg:_n,generateSvg:vn,onGenerateImage:yn}=ye({svg:I,title:hn,legend:null,legendItems:null,backgroundColor:mn,getSvgCallback:()=>D.value.userOptions.callbacks.svg,generateImage:qt});async function bn(){if(Ot(`copyAlt`,{config:D.value,dataset:L.value}),!D.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(D.value.userOptions.callbacks.altCopy({config:D.value,dataset:L.value}))}return xe({getImage:pn,generatePdf:Kt,generateImage:qt,generateSvg:vn,toggleAnnotator:fn,toggleFullscreen:un,copyAlt:bn}),(e,s)=>(_(),m(`div`,{class:Le(`vue-data-ui-component vue-ui-gauge ${$.value?`vue-data-ui-wrapper-fullscreen`:``}`),ref_key:`gaugeChart`,ref:E,id:`vue-ui-gauge_${T.value}`,style:ze(`font-family:${D.value.style.fontFamily};width:100%; text-align:center;background:${N.value.backgroundColor};${D.value.responsive?`height: 100%`:``}`),onMouseenter:s[0]||=()=>S(Vt)(!0),onMouseleave:s[1]||=()=>S(Vt)(!1)},[D.value.userOptions.buttons.annotator?(_(),f(S(Ct),{key:0,svgRef:S(I),backgroundColor:N.value.backgroundColor,color:N.value.color,active:dn.value,isCursorPointer:Lt.value,palette:D.value.userOptions.annotatorPalette,onClose:fn},Me({_:2},[y(S(n),n=>({name:n,fn:We(r=>[b(e.$slots,n,Re(Fe(S(t)(n,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),Jt.value?(_(),m(`div`,{key:1,ref_key:`noTitle`,ref:Ft,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),N.value.title.text?(_(),m(`div`,{key:2,ref_key:`chartTitle`,ref:Mt,style:`width:100%;background:transparent;padding-bottom:12px`},[(_(),f(be,{key:`title_${It.value}`,config:{title:{cy:`gauge-div-title`,...N.value.title},subtitle:{cy:`gauge-div-subtitle`,...N.value.title.subtitle}}},{default:We(()=>[D.value.translations.base&&S(P).base?(_(),m(`span`,qe,x(D.value.translations.base)+`: `+x(S(P).base),1)):p(``,!0)]),_:1},8,[`config`]))],512)):p(``,!0),D.value.userOptions.show&&kt.value&&(S(Ht)||S(Bt))?(_(),f(S(wt),{ref_key:`details`,ref:At,key:`user_options_${jt.value}`,backgroundColor:N.value.backgroundColor,color:N.value.color,isImaging:S(Gt),isPrinting:S(Wt),uid:T.value,hasXls:!1,hasPdf:D.value.userOptions.buttons.pdf,hasImg:D.value.userOptions.buttons.img,hasSvg:D.value.userOptions.buttons.svg,hasFullscreen:D.value.userOptions.buttons.fullscreen,hasAltCopy:D.value.userOptions.buttons.altCopy,isFullscreen:$.value,titles:{...D.value.userOptions.buttonTitles},chartElement:E.value,callbacks:D.value.userOptions.callbacks,printScale:D.value.userOptions.print.scale,position:D.value.userOptions.position,hasAnnotator:D.value.userOptions.buttons.annotator,isAnnotation:dn.value,isCursorPointer:Lt.value,onToggleFullscreen:un,onGeneratePdf:S(Kt),onGenerateImage:S(yn),onGenerateSvg:S(vn),onToggleAnnotator:fn,onCopyAlt:bn,style:ze({visibility:S(Ht)?S(Bt)?`visible`:`hidden`:`visible`})},Me({_:2},[y(S(r)(e.$slots,`menuIcon optionPdf optionImg optionSvg optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:We(n=>[b(e.$slots,t,Re(Fe(S(i)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isImaging`,`isPrinting`,`uid`,`hasPdf`,`hasImg`,`hasSvg`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`titles`,`chartElement`,`callbacks`,`printScale`,`position`,`hasAnnotator`,`isAnnotation`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):p(``,!0),(_(),m(`svg`,{ref_key:`svgRef`,ref:I,xmlns:S(ue),class:Le({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value}),viewBox:`0 0 ${z.value.width<=0?10:z.value.width} ${z.value.height<=0?10:z.value.height}`,style:ze(`max-width:100%;overflow:hidden !important;background:transparent;color:${N.value.color}`)},[Ne(S(Tt)),e.$slots[`chart-background`]?(_(),m(`foreignObject`,{key:0,x:0,y:0,width:z.value.width<=0?10:z.value.width,height:z.value.height<=0?10:z.value.height,style:{pointerEvents:`none`}},[b(e.$slots,`chart-background`,{},void 0,!0)],8,Ye)):p(``,!0),h(`defs`,null,[Ne(we,{t:`radial`,id:`gradient_${T.value}`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,S(te)(`#FFFFFF`,1),1],[`80%`,S(te)(`#FFFFFF`,M.value.track.gradientIntensity),1],[`100%`,S(te)(`#FFFFFF`,1),1]]},null,8,[`id`,`stops`])]),h(`defs`,null,[h(`filter`,{id:`blur_${T.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[h(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:100/M.value.track.gradientIntensity},null,8,Ze)],8,Xe)]),e.$slots.pattern?(_(),m(`g`,Qe,[(_(!0),m(u,null,y(Z.value,(t,n)=>(_(),m(`defs`,null,[b(e.$slots,`pattern`,g({ref_for:!0},{seriesIndex:n,patternId:`pattern_${T.value}_${n}`}),void 0,!0)]))),256))])):p(``,!0),(_(!0),m(u,null,y(Z.value,(e,t)=>(_(),m(`path`,{key:`arc_${t}`,d:e.arcSlice,fill:e.color,stroke:N.value.backgroundColor,"stroke-linecap":`round`},null,8,$e))),128)),e.$slots.pattern?(_(!0),m(u,{key:2},y(Z.value,(e,t)=>(_(),m(`path`,{key:`arc_${t}`,d:e.arcSlice,fill:`url(#pattern_${T.value}_${t})`,stroke:N.value.backgroundColor,"stroke-linecap":`round`},null,8,et))),128)):p(``,!0),M.value.indicatorArc.show?(_(),m(`path`,{key:3,d:ln.value,fill:M.value.indicatorArc.fill},null,8,tt)):p(``,!0),k.value.show&&k.value.curved?(_(),m(u,{key:4},[(_(!0),m(u,null,y(Z.value,(e,t)=>(_(),m(`path`,{id:`curve_${T.value}_${t}`,d:`M ${G.value.x1},${G.value.y1} m -${Q.value[t]},0 a ${Q.value[t]},${Q.value[t]} 0 1,1 ${2*Q.value[t]},0 a ${Q.value[t]},${Q.value[t]} 0 1,1 -${2*Q.value[t]},0`,fill:`transparent`},null,8,nt))),256)),(_(!0),m(u,null,y(Z.value,(e,t)=>(_(),m(`text`,{fill:k.value.useSerieColor?e.color:k.value.color,"font-size":J.value,"font-weight":k.value.bold?`bold`:`normal`,"text-anchor":`middle`},[h(`textPath`,{href:`#curve_${T.value}_${t}`,startOffset:sn.value[t]},x(e.name||``),9,it)],8,rt))),256))],64)):p(``,!0),k.value.show&&!k.value.curved?(_(!0),m(u,{key:5},y(nn.value,(e,t)=>(_(),m(`text`,{class:`vue-ui-gauge-label-flat`,"text-anchor":S(oe)(e,!1,12).anchor,fill:k.value.useSerieColor?e.color:k.value.color,"font-size":J.value,"font-weight":k.value.bold?`bold`:`normal`,innerHTML:S(ee)({content:String(e.name??``),fontSize:J.value,fill:k.value.useSerieColor?e.color:k.value.color,x:e.center.endX,y:e.center.endY})},null,8,at))),256)):p(``,!0),M.value.track.useGradient?(_(!0),m(u,{key:6},y(cn.value,(e,t)=>(_(),m(`path`,{key:`arc_${t}`,d:e.arcSlice,fill:`#FFFFFF`,stroke:`none`,"stroke-linecap":`round`,filter:`url(#blur_${T.value})`},null,8,ot))),128)):p(``,!0),O.value.show?(_(),m(u,{key:7},[h(`line`,g(rn.value,{stroke:N.value.backgroundColor,"stroke-width":O.value.strokeWidth+2,"stroke-linecap":`round`}),null,16,st),h(`line`,g(rn.value,{stroke:O.value.stroke,"stroke-width":O.value.strokeWidth,"stroke-linecap":`round`}),null,16,ct),(_(!0),m(u,null,y(an.value,e=>(_(),m(`line`,g({ref_for:!0},e,{stroke:N.value.backgroundColor,"stroke-width":O.value.strokeWidth+2,"stroke-linecap":`round`}),null,16,lt))),256)),(_(!0),m(u,null,y(an.value,e=>(_(),m(`line`,g({ref_for:!0},e,{stroke:O.value.stroke,"stroke-width":O.value.strokeWidth,"stroke-linecap":`round`}),null,16,ut))),256))],64)):p(``,!0),A.value.show?(_(),m(`g`,dt,[(_(!0),m(u,null,y(Z.value,(e,t)=>(_(),m(`text`,{x:S(o)({centerX:G.value.x1,centerY:X.value.base,initX:e.center.startX,initY:e.center.startY,offset:z.value.markerOffset}).x,y:S(o)({centerX:G.value.x1,centerY:X.value.base,initX:e.center.startX,initY:e.center.startY,offset:z.value.markerOffset}).y,"text-anchor":e.center.startX<G.value.x1-5?`end`:e.center.startX>G.value.x1+5?`start`:`middle`,"font-size":z.value.labelFontSize*A.value.fontSizeRatio,"font-weight":`${A.value.bold?`bold`:`normal`}`,fill:A.value.color},x(S(se)(A.value.formatter,e.from,S(a)({p:A.value.prefix,v:e.from,s:A.value.suffix,r:A.value.roundingValue}))),9,ft))),256))])):p(``,!0),A.value.show?(_(),m(`text`,{key:9,x:S(o)({centerX:z.value.width/2,centerY:X.value.base,initX:Z.value.at(-1).endX,initY:Z.value.at(-1).endY,offset:z.value.markerOffset}).x,y:S(o)({centerX:z.value.width/2,centerY:X.value.base,initX:Z.value.at(-1).endX,initY:Z.value.at(-1).endY,offset:z.value.markerOffset}).y,"text-anchor":`start`,"font-size":z.value.labelFontSize*A.value.fontSizeRatio,"font-weight":`${A.value.bold?`bold`:`normal`}`,fill:A.value.color},x(S(se)(A.value.formatter,B.value,S(a)({p:A.value.prefix,v:B.value,s:A.value.suffix,r:A.value.roundingValue}))),9,pt)):p(``,!0),j.value.show?(_(),m(u,{key:10},[j.value.type===`rounded`?(_(),m(`g`,mt,[isNaN(G.value.x2)?p(``,!0):(_(),m(`line`,{key:0,x1:G.value.x1,y1:G.value.y1,x2:G.value.x2,y2:G.value.y2,stroke:j.value.stroke,"stroke-width":z.value.pointerStrokeWidth,"stroke-linecap":`round`},null,8,ht)),isNaN(G.value.x2)?p(``,!0):(_(),m(`line`,{key:1,x1:G.value.x1,y1:G.value.y1,x2:G.value.x2,y2:G.value.y2,stroke:j.value.useRatingColor?Qt.value:j.value.color,"stroke-linecap":`round`,"stroke-width":z.value.pointerStrokeWidth*.7},null,8,gt)),!isNaN(G.value.x2)&&M.value.track.useGradient?(_(),m(`line`,{key:2,x1:G.value.x1,y1:G.value.y1,x2:G.value.x2,y2:G.value.y2,stroke:`white`,"stroke-linecap":`round`,"stroke-width":z.value.pointerStrokeWidth*.3,filter:`url(#blur_${T.value})`},null,8,_t)):p(``,!0)])):(_(),m(`g`,vt,[Zt.value?(_(),m(`path`,{key:0,d:Zt.value,fill:j.value.useRatingColor?Qt.value:j.value.color,stroke:j.value.stroke,"stroke-width":j.value.circle.strokeWidth,"stroke-linejoin":`round`},null,8,yt)):p(``,!0)])),h(`circle`,{cx:z.value.width/2,cy:X.value.base,fill:j.value.circle.color,r:z.value.pointerRadius<=0?1e-4:z.value.pointerRadius,"stroke-width":j.value.circle.strokeWidth,stroke:j.value.circle.stroke},null,8,bt)],64)):p(``,!0),N.value.legend.show?(_(),m(`text`,{key:11,x:z.value.width/2,y:X.value.ratingBase,"text-anchor":`middle`,"font-size":z.value.legendFontSize,"font-weight":`bold`,fill:N.value.legend.useRatingColor?Qt.value:N.value.legend.color},x(S(se)(N.value.legend.formatter,U.value,S(a)({p:N.value.legend.prefix+(N.value.legend.showPlusSymbol&&U.value>0?`+`:``),v:U.value,s:N.value.legend.suffix,r:N.value.legend.roundingValue}))),9,xt)):p(``,!0),b(e.$slots,`svg`,{svg:{...z.value,isPrintingImg:S(Wt)||S(Gt)||S(gn),isPrintingSvg:S(_n)}},void 0,!0)],14,Je)),e.$slots.watermark?(_(),m(`div`,St,[b(e.$slots,`watermark`,Re(Fe({isPrinting:S(Wt)||S(Gt)||S(gn)||S(_n)})),void 0,!0)])):p(``,!0),h(`div`,{ref_key:`chartLegend`,ref:Nt},[b(e.$slots,`legend`,{legend:L.value},void 0,!0)],512),e.$slots.source?(_(),m(`div`,{key:5,ref_key:`source`,ref:Pt,dir:`auto`},[b(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),b(e.$slots,`skeleton`,{},()=>[S(zt)?(_(),f(ve,{key:0})):p(``,!0)],!0)],46,Ke))}},[[`__scopeId`,`data-v-85396984`]]);export{Ge as n,Ct as t};

package/dist/vue-ui-geo-DDbtx_iJ.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./annotationSlots-BRR85CqJ.js";import{n as r,t as i}from"./userOptionsSlots-DYuo-E5m.js";import{Dt as a,S as o,X as s,Zt as c,in as l,t as u,tn as d}from"./lib-CV_IANZ6.js";import{n as f}from"./useHints-BH9r_0Vd.js";import{t as p}from"./useConfig-CKdzPrcf.js";import{t as ee}from"./usePrinter-hLW3cv4N.js";import{n as te,t as ne}from"./BaseScanner-8NdoBs7B.js";import{t as re}from"./useChartExport-DtPNpc9M.js";import{n as ie}from"./Title-BGYFqulv.js";import{t as ae}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as oe,t as se}from"./useResponsive-D2CPcpda.js";import{t as ce}from"./A11yDataTable-DWNlWXzs.js";import{t as le}from"./resolveChartConfig-DZg-korK.js";import{t as ue}from"./useUserOptionState-CXlFnwPv.js";import{t as de}from"./useChartAccessibility-DOMuYJfm.js";import{t as fe}from"./chartImage-CIvU_04o.js";import{t as pe}from"./usePanZoom-BdjP5Suc.js";import{t as me}from"./BaseZoomControls-DoYifY2y.js";import{t as he}from"./geoProjections-Bvj-eMvq.js";import{t as ge}from"./vue_ui_geo-DL1SMQHp.js";import{Fragment as _e,computed as m,createBlock as h,createCommentVNode as g,createElementBlock as _,createElementVNode as v,createSlots as ve,createVNode as ye,defineAsyncComponent as be,guardReactiveProps as y,mergeProps as xe,nextTick as Se,normalizeClass as Ce,normalizeProps as b,normalizeStyle as we,onBeforeUnmount as Te,onMounted as Ee,openBlock as x,ref as S,renderList as C,renderSlot as w,toDisplayString as De,toRefs as Oe,unref as T,watch as ke,withCtx as Ae}from"vue";var je=/* @__PURE__ */ e({default:()=>Ge}),Me=[`id`],Ne=[`id`],Pe={style:{position:`relative`}},Fe=[`xmlns`,`viewBox`,`aria-describedby`,`id`],Ie=[`transform`],Le=[`d`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],Re=[`d`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],ze=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseenter`],Be=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],Ve=[`x`,`y`,`fill`,`font-size`],He={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ue={key:6,class:`vue-data-ui-watermark`},We=1.5,Ge=/*#__PURE__*/ ae({__name:`vue-ui-geo`,props:{config:{type:Object,default(){return{}}},dataset:{type:[Array,Object],default(){return[]}}},emits:[`copyAlt`],setup(e,{expose:ae,emit:je}){let Ge=be(()=>import(`./Tooltip-Cus2-XNQ.js`)),Ke=be(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),qe=be(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Je=be(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),E=e,Ye=je,{vue_ui_geo:Xe}=p(),D=S(s()),Ze=S(0),Qe=S(0),O=S(null),k=S(!1),$e=S(null),et=S(null),tt=S(null),nt=S(null),A=S(null),j=S(null),rt=S(null),it=S(null),M=S(null),at=S({x:0,y:0}),N=S(`pointer`),ot=S(!1),P=S(!1);function st(e){P.value=e,Ze.value+=1}function ct(){return le(E.config,Xe,ge)}let F=S(ct()),lt=m(()=>F.value.style.chart.points.labels),I=m(()=>F.value.style.chart.points),L=m(()=>F.value.style.chart);f({config:()=>F.value,dataset:()=>E.dataset,component:`VueUiGeo`,rules:[{test:e=>e.length>100,message:[`👀 The number of data points > 100, which can make the chart hard to read. Consider:`,``,`▶️ Using filters to reduce the number of data points displayed at the same time, and offer users some level of control.`]}]});let ut=m(()=>F.value.userOptions.useCursorPointer),{userOptionsVisible:dt,keepUserOptionState:ft}=ue({config:F.value}),{svgRef:R}=de({config:L.value.title}),pt=m(()=>l({defaultConfig:{map:{geoJson:{type:`FeatureCollection`,features:[{type:`Feature`,properties:{name:`Island A`},geometry:{type:`Polygon`,coordinates:[[[-6,2],[-4,2],[-4,4],[-6,4],[-6,2]]]}},{type:`Feature`,properties:{name:`Island B`},geometry:{type:`Polygon`,coordinates:[[[-2,-1],[1,-1],[1,2],[-2,2],[-2,-1]]]}},{type:`Feature`,properties:{name:`Island C`},geometry:{type:`Polygon`,coordinates:[[[3,-3],[5,-3],[5,-1],[3,-1],[3,-3]]]}},{type:`Feature`,properties:{name:`Island D`},geometry:{type:`Polygon`,coordinates:[[[4,3],[7,3],[7,5],[4,5],[4,3]]]}}]}},userOptions:{show:!1},style:{chart:{backgroundColor:`#99999930`,territory:{fill:`#99999950`,stroke:`#8A8A8A`,strokeWidth:.5}}}},userConfig:F.value.skeletonConfig??{}})),{loading:mt,FINAL_DATASET:ht}=te({...Oe(E),FINAL_CONFIG:F,prepareConfig:ct,allowEmptyDataset:!0,skeletonDataset:E.config?.skeletonDataset??[],skeletonConfig:l({defaultConfig:F.value,userConfig:pt.value})}),{isPrinting:gt,isImaging:_t,generatePdf:vt,generateImage:yt}=ee({elementId:`vue-ui-geo_${D.value}`,fileName:L.value.title.text||`vue-ui-geo`,options:F.value.userOptions.print}),bt=m(()=>L.value.controls.show?L.value.controls.position===`top`?rt.value?.$el??null:L.value.controls.position===`bottom`?it.value?.$el??null:null:null);function xt(){A.value&&(j.value&&A.value.unobserve(j.value),A.value.disconnect(),A.value=null,j.value=null)}let z=m(()=>!!F.value.responsive&&!P.value);ke(()=>P.value,async e=>{if(e){xt(),H.value=Number(L.value.dimensions.width)||H.value,U.value=Number(L.value.dimensions.height)||U.value,await Se(),k.value=!1,requestAnimationFrame(()=>{k.value||on()});return}F.value.responsive&&(await Se(),St())});function St(){if(xt(),!z.value)return;let e=oe(()=>{if(!O.value)return;let{width:e,height:t}=se({chart:O.value,noTitle:Ct.value?tt.value:null,title:L.value.title.text?et.value:null,legend:bt.value,source:nt.value});requestAnimationFrame(()=>{H.value=Math.max(.1,Number(e)||.1),U.value=Math.max(.1,Number(t)||.1)-24})});A.value=new ResizeObserver(e),j.value=O.value?O.value.parentNode:null,j.value&&A.value.observe(j.value),e()}let Ct=m(()=>F.value.userOptions.show&&!L.value.title.text),B=S({showTooltip:L.value.tooltip.show}),V=S(L.value.zoom.active),wt=c(E.config);ke(()=>E.config,(e,t)=>{let n=c(e),r=n!==wt;wt=n;let i=ct();if(!r){F.value.style.chart.tooltip=i.style.chart.tooltip,B.value.showTooltip=F.value.style.chart.tooltip.show;return}F.value=i,B.value.showTooltip=L.value.tooltip.show,V.value=L.value.zoom.active,H.value=L.value.dimensions.width,U.value=L.value.dimensions.height,St(),Qe.value+=1,Ze.value+=1},{deep:!0});let{projections:Tt}=he,Et=m(()=>F.value?.projection||`equirectangular`),Dt=m(()=>{let e=Tt?.[Et.value];return typeof e==`function`?e:Tt.equirectangular}),Ot=m(()=>F.value.map.geoJson??null),kt={aitoff:{width:1e3,height:500},azimuthalEquidistant:{width:1e3,height:1e3},bonne:{width:1e3,height:1e3},equirectangular:{width:1e3,height:700},gallPeters:{width:1e3,height:800},globe:{width:1e3,height:1e3},hammer:{width:1e3,height:500},mercator:{width:1e3,height:750},mollweide:{width:1e3,height:600},robinson:{width:1e3,height:600},sinusoidal:{width:1e3,height:500},vanDerGrinten:{width:1e3,height:1e3},winkelTripel:{width:1e3,height:1e3}},H=S(L.value.dimensions.width),U=S(L.value.dimensions.height),At=m(()=>{let e=kt[Et.value]||kt.equirectangular;return{width:e.width,height:e.height}}),W=m(()=>{let e=At.value,t=H.value,n=U.value,r=Number.isFinite(t)&&t>0,i=Number.isFinite(n)&&n>0;return r&&i?{width:t,height:n}:r&&!i?{width:t,height:t*(e.height/e.width)}:!r&&i?{width:n*(e.width/e.height),height:n}:{width:e.width,height:e.height}}),jt=m(()=>{let e=F.value?.map?.center,t=[0,0];if(!Array.isArray(e)||e.length!==2)return t;let n=Number(e[0]),r=Number(e[1]);return!Number.isFinite(n)||!Number.isFinite(r)?t:[n,r]});function G([e,t]){return Dt.value([e,t],At.value.width,At.value.height,jt.value)}function Mt(e,t={}){let{defaultName:n=``,namePropertyCandidates:r=[`name`,`nom`,`admin`,`NAME`,`label`,`title`,`description`,`DESCRIPTION`,`NAME_1`,`NAME_2`,`NAME_3`,`NAME_EN`,`name:en`,`name_en`,`localname`,`local_name`],includeNullGeometries:i=!1}=t,a={type:`FeatureCollection`,features:[]};function o(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function s(e){return!o(e)||typeof e.type!=`string`?!1:e.type===`GeometryCollection`?Array.isArray(e.geometries):Object.hasOwn(e,`coordinates`)}function c(e){if(!o(e))return``;for(let t of r){let n=e[t];if(typeof n==`string`&&n.trim())return n.trim()}return``}function l({geometry:e,properties:t,fallbackName:r,featureIndex:i}){let a=o(t)?{...t}:{},s=c(a),l=n?`${n} ${i+1}`:``,u=s||(typeof r==`string`?r.trim():``)||l;return!a.name&&u&&(a.name=u),{type:`Feature`,geometry:e,properties:a}}function u(e,t,n,r,a){let c=Array.isArray(e?.geometries)?e.geometries:[],d=r;for(let e=0;e<c.length;e+=1){let r=c[e];if(r){if(o(r)&&r.type===`GeometryCollection`){d=u(r,t,n,d,a);continue}if(s(r)){if(r.coordinates==null&&r.type!==`GeometryCollection`){i&&(a.push(l({geometry:null,properties:t,fallbackName:n,featureIndex:d})),d+=1);continue}a.push(l({geometry:r,properties:t,fallbackName:n,featureIndex:d})),d+=1}}}return d}function d(e,t,n=0){let r=n;if(e==null)return r;if(Array.isArray(e)){for(let n of e)r=d(n,t,r);return r}if(!o(e)||typeof e.type!=`string`)return r;if(e.type===`FeatureCollection`){let n=Array.isArray(e.features)?e.features:[];for(let e of n)r=d(e,t,r);return r}if(e.type===`Feature`){let n=o(e.properties)?e.properties:{},a=c(n),d=e.geometry??null;return d==null?(i&&(t.push(l({geometry:null,properties:n,fallbackName:a,featureIndex:r})),r+=1),r):o(d)&&d.type===`GeometryCollection`?u(d,n,a,r,t):(s(d)&&(t.push(l({geometry:d,properties:n,fallbackName:a,featureIndex:r})),r+=1),r)}return e.type===`GeometryCollection`?u(e,{},``,r,t):(s(e)&&(t.push(l({geometry:e,properties:{},fallbackName:``,featureIndex:r})),r+=1),r)}let f=[];return d(e,f,0),{...a,features:f}}function Nt(e){let t=Array.isArray(e?.features)?e.features:[];function n(e){if(!e||typeof e!=`object`)return``;let t=[e.name,e.nom,e.admin,e.NAME,e.label,e.title,e.description,e.DESCRIPTION,e.NAME_1,e.NAME_2,e.NAME_3,e.NAME_EN,e[`name:en`],e.name_en,e.localname,e.local_name];for(let e of t)if(typeof e==`string`&&e.trim())return e.trim();for(let t of Object.values(e))if(typeof t==`string`&&t.trim())return t.trim();return``}return t.filter(e=>e&&e.type===`Feature`&&e.geometry).map((e,t)=>{let r=e.properties||{},i=n(r);return{feature:e,geometry:e.geometry,properties:r,name:i,uid:`map-feature-${D.value}-${t}`,index:t}})}let Pt=m(()=>Mt(Ot.value,{defaultName:``,includeNullGeometries:!1})),Ft=m(()=>Nt(Pt.value));function It(e){if(!e||typeof e.type!=`string`)return``;if(e.type===`GeometryCollection`)return(Array.isArray(e.geometries)?e.geometries:[]).map(e=>It(e)).filter(Boolean).join(` `);let t=e=>{if(!Array.isArray(e)||e.length<2)return null;let t=Number(e[0]),n=Number(e[1]);if(!Number.isFinite(t)||!Number.isFinite(n))return null;let r=G([t,n]);if(!Array.isArray(r)||r.length<2)return null;let i=Number(r[0]),a=Number(r[1]);return!Number.isFinite(i)||!Number.isFinite(a)?null:[i,a]},n=e=>{let n=(e||[]).map(t).filter(Boolean);return n.length<2?``:`M`+n.map(([e,t])=>`${e},${t}`).join(`L`)},r=e=>(e||[]).map(e=>{let t=n(e);return t?t+`Z`:``}).filter(Boolean).join(` `);return e.type===`Polygon`?r(e.coordinates):e.type===`MultiPolygon`?(e.coordinates||[]).map(r).filter(Boolean).join(` `):e.type===`LineString`?n(e.coordinates):e.type===`MultiLineString`?(e.coordinates||[]).map(n).filter(Boolean).join(` `):``}function Lt(e){return e?e.type===`GeometryCollection`?(Array.isArray(e.geometries)?e.geometries:[]).flatMap(e=>Lt(e)):e.type===`Point`?Array.isArray(e.coordinates)?[e.coordinates]:[]:e.type===`MultiPoint`&&Array.isArray(e.coordinates)?e.coordinates:[]:[]}function Rt(e){return!e||typeof e.type!=`string`?!1:e.type===`GeometryCollection`?(Array.isArray(e.geometries)?e.geometries:[]).some(e=>Rt(e)):e.type===`Point`||e.type===`MultiPoint`}let zt=m(()=>Ft.value.filter(e=>{let t=e.geometry;return t?t.type===`GeometryCollection`?(Array.isArray(t.geometries)?t.geometries:[]).some(e=>e?.type===`Polygon`||e?.type===`MultiPolygon`):t.type===`Polygon`||t.type===`MultiPolygon`:!1})),Bt=m(()=>Ft.value.filter(e=>{let t=e.geometry;return t?t.type===`GeometryCollection`?(Array.isArray(t.geometries)?t.geometries:[]).some(e=>e?.type===`LineString`||e?.type===`MultiLineString`):t.type===`LineString`||t.type===`MultiLineString`:!1})),Vt=m(()=>Ft.value.filter(e=>{let t=e.geometry;return t?Rt(t):!1})),Ht=m(()=>zt.value.map(e=>{let t=It(e.geometry);return t?{...e,path:t}:null}).filter(Boolean)),Ut=m(()=>Bt.value.map(e=>{let t=It(e.geometry);return t?{...e,path:t}:null}).filter(Boolean)),Wt=m(()=>{let e=[];function t(e={}){let t=e?.style&&typeof e.style==`object`?e.style:{},n=e.radius??e.r??t.radius??t.r,r=e.color??e.fill??t.color??t.fill,i=e.stroke??t.stroke,a=e.strokeWidth??e.stroke_width??t.strokeWidth??t.stroke_width;return{radius:Number.isFinite(Number(n))?Number(n):Number(I.value.radius),fill:r!=null&&String(r).trim()?o(String(r).trim()):I.value.fill,stroke:i!=null&&String(i).trim()?o(String(i).trim()):I.value.stroke,strokeWidth:Number.isFinite(Number(a))?Number(a):Number(I.value.strokeWidth)}}for(let n of Vt.value){let r=Lt(n.geometry);for(let i=0;i<r.length;i+=1){let a=r[i];if(!Array.isArray(a)||a.length<2)continue;let o=Number(a[0]),s=Number(a[1]);if(!Number.isFinite(o)||!Number.isFinite(s))continue;let c=G([o,s]),l=c?.[0],u=c?.[1];if(!Number.isFinite(l)||!Number.isFinite(u))continue;let d=t(n?.feature?.properties&&typeof n.feature.properties==`object`?n.feature.properties:{});e.push({uid:`${n.uid}-geojson-point-${i}`,name:n.name||``,x:l,y:u,...d,originalFeature:n.feature,featureIndex:n.index,pointIndex:i})}}return e});function Gt(e){if(!e||typeof e.type!=`string`)return[];let t=[],n=e=>{if(!Array.isArray(e)||e.length<2)return;let n=Number(e[0]),r=Number(e[1]);if(!Number.isFinite(n)||!Number.isFinite(r))return;let i=G([n,r]),a=i?.[0],o=i?.[1];Number.isFinite(a)&&Number.isFinite(o)&&t.push([a,o])},r=e=>{if(Array.isArray(e)){if(e.length>=2&&typeof e[0]==`number`&&typeof e[1]==`number`){n(e);return}for(let t of e)r(t)}};if(e.type===`GeometryCollection`&&Array.isArray(e.geometries)){for(let n of e.geometries)t.push(...Gt(n));return t}return e.type===`Point`?(n(e.coordinates),t):e.type===`MultiPoint`?((e.coordinates||[]).forEach(n),t):(r(e.coordinates),t)}function Kt(e){let t=[];for(let n of e)t.push(...Gt(n.geometry));if(!t.length)return null;let n=1/0,r=1/0,i=-1/0,a=-1/0;for(let[e,o]of t)e<n&&(n=e),o<r&&(r=o),e>i&&(i=e),o>a&&(a=o);let o=i-n,s=a-r;return!(o>0)||!(s>0)?null:{minX:n,minY:r,maxX:i,maxY:a,width:o,height:s}}let qt=m(()=>Kt(Ft.value));function Jt({bounds:e,targetWidth:t,targetHeight:n,padding:r}){if(!e||!(e.width>0)||!(e.height>0))return{scale:1,translateX:0,translateY:0,transform:``};let i=Number.isFinite(Number(r))?Number(r):0,a=Math.max(1,t-i*2),o=Math.max(1,n-i*2),s=a/e.width,c=o/e.height,l=Math.min(s,c),u=e.width*l,d=e.height*l,f=i+(a-u)/2,p=i+(o-d)/2,ee=f-e.minX*l,te=p-e.minY*l;return{scale:l,translateX:ee,translateY:te,transform:`translate(${ee} ${te}) scale(${l})`}}let Yt=m(()=>{let e=qt.value;if(!e)return{scale:1,translateX:0,translateY:0,transform:``};let t=F.value?.map?.fitPadding,n=Number.isFinite(Number(t))?Number(t):0;return Jt({bounds:e,targetWidth:W.value.width,targetHeight:W.value.height,padding:n})}),Xt=m(()=>`0 0 ${W.value.width} ${W.value.height}`),{viewBox:Zt,resetZoom:Qt,setInitialViewBox:$t,scale:en,zoomByFactor:tn}=pe(R,{x:0,y:0,width:W.value.width,height:W.value.height},1,V);function nn(){V.value=!V.value}function rn(e){let t=Yt.value,n=Number(t?.scale)||1,r=Number(t?.translateX)||0,i=Number(t?.translateY)||0;return{x:e.x*n+r,y:e.y*n+i}}function an(){let e=F.value?.map?.center,t=Number(e?.[0]),n=Number(e?.[1]),r=Array.isArray(e)&&e.length===2&&Number.isFinite(t)&&Number.isFinite(n)&&(t!==0||n!==0),i=W.value.width,a=W.value.height;if(!r)return{x:0,y:0,width:i,height:a};let o=G([t,n]),s=o?.[0],c=o?.[1];if(!Number.isFinite(s)||!Number.isFinite(c))return{x:0,y:0,width:i,height:a};let l=rn({x:s,y:c});return{x:l.x-i/2,y:l.y-a/2,width:i,height:a}}function on(){let e=an();$t(e,{overwriteCurrentIfNotZoomed:!0}),k.value=!0}let sn=m(()=>{let e=Zt.value;return e?`${e.x} ${e.y} ${e.width} ${e.height}`:Xt.value});function cn(){tn(We,!0)}function ln(){tn(1/We,!0)}async function un(){let e=an();$t(e,{overwriteCurrentIfNotZoomed:!0}),Qt(!0)}ke(()=>[F.value.projection,F.value.map.center?.[0],F.value.map.center?.[1],F.value.map.fitPadding,Ot.value],async()=>{k.value=!1,await Se(),requestAnimationFrame(()=>{k.value||on()})},{deep:!1}),ke(()=>[H.value,U.value,z.value],async()=>{z.value&&(await Se(),$t({x:0,y:0,width:W.value.width,height:W.value.height},{overwriteCurrentIfNotZoomed:!0}),k.value=!1,requestAnimationFrame(()=>{k.value||on()}))},{flush:`post`});function dn(e){return e?e.type===`FeatureCollection`&&Array.isArray(e.features)?e.features.filter(e=>e?.type===`Feature`&&e.geometry?.type===`Point`).map((e,t)=>{let n=e.properties||{},r=n.name||n.label||n.title||`Point ${t+1}`,i=e.geometry.coordinates;return{uid:`map-point-${D.value}-${t}`,name:r,coordinates:i,color:n.color??null,radius:n.radius??null,hoverRadiusRatio:I.value.hoverRadiusRatio,description:n.description??null,original:e,index:t}}):Array.isArray(e)?e.map((e,t)=>{let n=null,r=`Point ${t+1}`,i=null,a=null,o=null;Array.isArray(e)&&e.length>=2?n=[Number(e[0]),Number(e[1])]:e&&typeof e==`object`&&(Array.isArray(e.coordinates)&&e.coordinates.length>=2?n=[Number(e.coordinates[0]),Number(e.coordinates[1])]:Number.isFinite(Number(e.lon))&&Number.isFinite(Number(e.lat))&&(n=[Number(e.lon),Number(e.lat)]),typeof e.name==`string`&&e.name.trim()&&(r=e.name),e.description!=null&&(i=e.description),e.color!=null&&(a=e.color),e.radius!=null&&(o=e.radius));let s=n?n[0]:NaN,c=n?n[1]:NaN;return!Number.isFinite(s)||!Number.isFinite(c)?null:{uid:`map-point-${D.value}-${t}`,name:r,coordinates:[s,c],color:a,radius:o,hoverRadiusRatio:I.value.hoverRadiusRatio,description:i,original:e,index:t}}).filter(Boolean):typeof e==`object`?Object.entries(e).map(([e,t],n)=>{if(!t||typeof t!=`object`)return null;let r=Array.isArray(t.coordinates)?t.coordinates:null;if(!r||r.length<2)return null;let i=Number(r[0]),a=Number(r[1]);return!Number.isFinite(i)||!Number.isFinite(a)?null:{uid:`map-point-${D.value}-${n}-${e}`,name:t.name||e,coordinates:[i,a],color:t.color??null,radius:t.radius??null,hoverRadiusRatio:I.value.hoverRadiusRatio,description:t.description??null,original:t,index:n}}).filter(Boolean):[]:[]}let fn=m(()=>dn(ht.value)),pn=m(()=>fn.value.map(e=>{let t=G(e.coordinates),n=t?.[0],r=t?.[1];return!Number.isFinite(n)||!Number.isFinite(r)?null:{...e,x:n,y:r,fill:e.color?o(e.color):I.value.fill,radius:Number.isFinite(Number(e.radius))?Number(e.radius):I.value.radius}}).filter(Boolean)),K=m(()=>pn.value.map((e,t)=>({...e,keyboardIndex:t})));function mn(e){let t=rn(e),n=d(t.x,t.y,R.value);n&&(at.value={x:n.x,y:n.y})}let hn=S(!1),gn=S(``),q=S(!1),J=S(null),Y=S(null);function _n(e){gn.value=e,hn.value=!0}function X(){hn.value=!1,gn.value=``}function vn(e){return String(e??``).replaceAll(`&`,`&amp;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`).replaceAll(`"`,`&quot;`).replaceAll(`'`,`&#039;`)}function yn(e){$e.value={datapoint:e,seriesIndex:e.index,series:fn.value,config:F.value},q.value=!1;let t=L.value.tooltip.customFormat;if(a(t))try{let e=t($e.value);if(typeof e==`string`)return q.value=!0,e}catch{console.warn(`Custom format cannot be applied.`),q.value=!1}return`<div><div style="font-weight:600">${vn(e.name)}</div>${e.description==null?``:`<div style="margin-top:6px">${vn(e.description)}</div>`}</div>`}function bn(e){q.value=!1;let t=L.value.tooltip.customFormat;if(a(t))try{let n=t({datapoint:e,config:F.value});if(typeof n==`string`)return q.value=!0,n}catch{console.warn(`Custom format cannot be applied.`),q.value=!1}let n=typeof e?.name==`string`?e.name.trim():``;return n?`<div><div style="font-weight:600">${vn(n)}</div></div>`:(q.value=!1,``)}function xn(e){if(F.value.events.territoryEnter&&F.value.events.territoryEnter({datapoint:e,seriesIndex:e.index}),!(typeof e?.name==`string`&&e.name.trim())&&!L.value.territory.hover.enabledWhenEmpty){Y.value=null,X();return}Y.value=e.uid,_n(bn(e))}function Sn(e){Y.value=null,X(),F.value.events.territoryLeave&&F.value.events.territoryLeave({datapoint:e,seriesIndex:e.index})}function Cn(e){F.value.events.territoryClick&&F.value.events.territoryClick({datapoint:e,seriesIndex:e.index})}function wn(e,t=null,n=`pointer`){N.value=n,J.value=e.uid,Number.isInteger(t)&&(M.value=t),n===`keyboard`&&mn(e),_n(yn(e)),F.value.events.datapointEnter&&F.value.events.datapointEnter({datapoint:e,seriesIndex:e.index})}function Tn(e,t=`pointer`){(t!==`pointer`||N.value!==`keyboard`)&&(J.value=null,X(),t!==`pointer`&&(M.value=null,N.value=`pointer`),F.value.events.datapointLeave&&F.value.events.datapointLeave({datapoint:e,seriesIndex:e.index}))}let En=m(()=>!!F.value.events.datapointClick&&typeof F.value.events.datapointClick==`function`);function Dn(e){En.value&&F.value.events.datapointClick({datapoint:e,seriesIndex:e.index})}let Z=m(()=>L.value.territory);function On(e){let t=typeof e?.name==`string`?e.name.trim():``;if(!t){Y.value=null,X();return}let n={name:t,uid:e.uid,index:e.featureIndex,properties:{}};Y.value=e.uid,_n(bn(n))}function kn(){Y.value=null,X()}let Q=S(!1);function An(){Q.value=!Q.value}ke(()=>Q.value,e=>{V.value=!e});function jn(){B.value.showTooltip=!B.value.showTooltip}let Mn=m(()=>L.value.backgroundColor),Nn=m(()=>L.value.title),{isCallbackImaging:Pn,isCallbackSvg:Fn,generateSvg:In,onGenerateImage:Ln}=re({svg:R,title:Nn,legend:null,legendItems:null,backgroundColor:Mn,getSvgCallback:()=>F.value.userOptions.callbacks.svg,generateImage:yt}),Rn=fe(O,()=>L.value.title.text),$=S(!1),zn=null;function Bn(){V.value&&($.value=!0)}function Vn(){$.value=!1}function Hn(){V.value&&($.value=!0,zn&&clearTimeout(zn),zn=setTimeout(()=>{$.value=!1,zn=null},140))}Te(()=>{zn&&clearTimeout(zn)});async function Un([e,t],{animated:n=!0}={}){let r=Number(e),i=Number(t);if(!Number.isFinite(r)||!Number.isFinite(i))return;let a=G([r,i]),o=a?.[0],s=a?.[1];if(!Number.isFinite(o)||!Number.isFinite(s))return;let c=rn({x:o,y:s}),l=Zt.value?{...Zt.value}:{x:0,y:0,width:W.value.width,height:W.value.height},u={x:c.x-l.width/2,y:c.y-l.height/2,width:l.width,height:l.height};if(!n){Zt.value=u;return}let d={...l},f={...u},p=null,ee=e=>{p??=e;let t=Math.min((e-p)/250,1);Zt.value={x:d.x+(f.x-d.x)*t,y:d.y+(f.y-d.y)*t,width:d.width+(f.width-d.width)*t,height:d.height+(f.height-d.height)*t},t<1&&requestAnimationFrame(ee)};requestAnimationFrame(ee)}Ee(async()=>{St(),await Se(),requestAnimationFrame(()=>{k.value||(on(),(F.value.map.center?.[0]||F.value.map.center?.[1])&&Un(F.value.map.center,{animated:!1}))})}),Te(()=>{xt()});async function Wn(){if(Ye(`copyAlt`,{config:F.value,dataset:ht.value}),!F.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(F.value.userOptions.callbacks.altCopy({config:F.value,dataset:ht.value}))}function Gn(e,t){let n=K.value;if(!n.length)return null;let r=n[e];if(!r)return null;let i=null,a=1/0;for(let o=0;o<n.length;o+=1){if(o===e)continue;let s=n[o],c=s.x-r.x,l=s.y-r.y,u=!1,d=0,f=0;if(t===`right`&&c>0&&(u=!0,d=c,f=Math.abs(l)),t===`left`&&c<0&&(u=!0,d=Math.abs(c),f=Math.abs(l)),t===`down`&&l>0&&(u=!0,d=l,f=Math.abs(c)),t===`up`&&l<0&&(u=!0,d=Math.abs(l),f=Math.abs(c)),!u)continue;let p=d*d+f*f*4;p<a&&(a=p,i=o)}return i}function Kn(e){let t=K.value;return t.length?e===`right`?t.reduce((e,t,n,r)=>t.x<r[e].x?n:e,0):e===`left`?t.reduce((e,t,n,r)=>t.x>r[e].x?n:e,0):e===`down`?t.reduce((e,t,n,r)=>t.y<r[e].y?n:e,0):e===`up`?t.reduce((e,t,n,r)=>t.y>r[e].y?n:e,0):0:null}function qn(){ot.value=!0}function Jn(){let e=M.value==null?null:K.value[M.value];e?Tn(e,`keyboard`):(M.value=null,N.value=`pointer`,X(),J.value=null),ot.value=!1}function Yn(e){if(!R.value||Q.value||document.activeElement!==R.value||!K.value.length)return;let t=e.key===`ArrowRight`,n=e.key===`ArrowLeft`,r=e.key===`ArrowDown`,i=e.key===`ArrowUp`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){let e=M.value==null?null:K.value[M.value];e?Tn(e,`keyboard`):(M.value=null,N.value=`pointer`,X(),J.value=null);return}if(a){let e=M.value==null?null:K.value[M.value];if(!e)return;Dn(e);return}let s=t?`right`:n?`left`:r?`down`:`up`,c=null;if(M.value==null?c=Kn(s):(c=Gn(M.value,s),c??=Kn(s)),c==null)return;let l=K.value[c];l&&wn(l,c,`keyboard`)}let Xn=m(()=>({headers:[`Name`,`Latitude`,`Longitude`,`Description`],rows:fn.value.map(e=>{let t=Array.isArray(e.coordinates)?e.coordinates[1]:null,n=Array.isArray(e.coordinates)?e.coordinates[0]:null;return[e.name??``,Number.isFinite(t)?String(t):``,Number.isFinite(n)?String(n):``,e.description??``]})}));return ae({getImage:Rn,generatePdf:vt,generateImage:yt,generateSvg:In,toggleTooltip:jn,toggleAnnotator:An,toggleFullscreen:st,zoomIn:cn,zoomOut:ln,resetZoom:Qt,focusLocation:Un,copyAlt:Wn}),(e,a)=>(x(),_(`div`,{class:Ce(`vue-data-ui-component vue-ui-geo ${P.value?`vue-data-ui-wrapper-fullscreen`:``} ${z.value?`vue-ui-geo-responsive`:``} ${$.value?`vue-ui-geo-interacting`:``}`),ref_key:`geoChart`,ref:O,id:`map_${D.value}`,dir:`auto`,style:we({fontFamily:F.value.style.fontFamily,width:`100%`,backgroundColor:L.value.backgroundColor,height:z.value?`${U.value}px`:void 0})},[v(`div`,{id:`chart-instructions-${D.value}`,class:`sr-only`},[v(`p`,null,De(F.value.a11y.translations.keyboardNavigation),1)],8,Ne),Xn.value?.rows?.length?(x(),h(ce,{key:0,uid:D.value,head:Xn.value.headers,body:Xn.value.rows,notice:F.value.a11y.translations.tableAvailable,caption:F.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):g(``,!0),Ct.value?(x(),_(`div`,{key:1,ref_key:`noTitle`,ref:tt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):g(``,!0),L.value.title.text?(x(),_(`div`,{key:2,ref_key:`chartTitle`,ref:et,style:`width:100%;background:transparent;padding-bottom:12px`},[(x(),h(ie,{key:`title_${Qe.value}`,config:{title:{cy:`geo-title`,...L.value.title},subtitle:{cy:`geo-subtitle`,...L.value.title.subtitle}}},null,8,[`config`]))],512)):g(``,!0),F.value.userOptions.buttons.annotator?(x(),h(T(qe),{key:3,svgRef:T(R),backgroundColor:L.value.backgroundColor,color:L.value.color,active:Q.value,isCursorPointer:ut.value,palette:F.value.userOptions.annotatorPalette,onClose:An},ve({_:2},[C(T(n),n=>({name:n,fn:Ae(r=>[w(e.$slots,n,b(y(T(t)(n,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):g(``,!0),F.value.userOptions.show&&(T(ft)||T(dt))?(x(),h(T(Ke),{ref:`userOptionsRef`,key:`user_options_${Ze.value}`,backgroundColor:L.value.backgroundColor,color:L.value.color,isPrinting:T(gt),isImaging:T(_t),uid:D.value,hasXls:!1,hasTable:!1,hasTooltip:F.value.userOptions.buttons.tooltip&&L.value.tooltip.show,hasPdf:F.value.userOptions.buttons.pdf,hasImg:F.value.userOptions.buttons.img,hasSvg:F.value.userOptions.buttons.svg,hasFullscreen:F.value.userOptions.buttons.fullscreen,hasAltCopy:F.value.userOptions.buttons.altCopy,hasAnnotator:F.value.userOptions.buttons.annotator,hasZoom:F.value.userOptions.buttons.zoom,isZoom:V.value,isFullscreen:P.value,isTooltip:B.value.showTooltip,titles:{...F.value.userOptions.buttonTitles},chartElement:O.value,position:F.value.userOptions.position,isAnnotation:Q.value,callbacks:F.value.userOptions.callbacks,printScale:F.value.userOptions.print.scale,isCursorPointer:ut.value,onToggleFullscreen:st,onGeneratePdf:T(vt),onGenerateImage:T(Ln),onGenerateSvg:T(In),onToggleTooltip:jn,onToggleAnnotator:An,onToggleZoom:nn,onCopyAlt:Wn,style:we({visibility:T(ft)?T(dt)?`visible`:`hidden`:`visible`})},ve({_:2},[C(T(r)(e.$slots,`menuIcon optionTooltip optionPdf optionImg optionSvg optionFullscreen optionAnnotator optionZoom optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Ae(n=>[w(e.$slots,t,b(y(T(i)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasFullscreen.hasAltCopy.hasAnnotator.hasZoom.isZoom.isFullscreen.isTooltip.titles.chartElement.position.isAnnotation.callbacks.printScale.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):g(``,!0),L.value.controls.position===`top`&&L.value.controls.show&&!T(mt)?(x(),h(me,{key:5,ref_key:`zoomControlsTop`,ref:rt,config:F.value,scale:T(en),isFullscreen:P.value,isCursorPointer:ut.value,onZoomIn:cn,onZoomOut:ln,onResetZoom:un},null,8,[`config`,`scale`,`isFullscreen`,`isCursorPointer`])):g(``,!0),v(`div`,Pe,[(x(),_(`svg`,{ref_key:`svgRef`,ref:R,xmlns:T(u),viewBox:sn.value,preserveAspectRatio:`xMidYMid meet`,"aria-describedby":`map-keyboard-instructions-${D.value}`,tabindex:`0`,style:we({display:`block`,width:`100%`,height:z.value?`${U.value}px`:`auto`,background:L.value.backgroundColor,touchAction:V.value?`none`:`auto`,cursor:V.value?$.value?`grabbing`:`grab`:`default`}),id:`vue-ui-geo_${D.value}`,onPointerdown:Bn,onPointerup:Vn,onPointercancel:Vn,onPointerleave:Vn,onWheel:Hn,onFocus:qn,onBlur:Jn,onKeydown:Yn},[ye(T(Je)),v(`g`,{transform:Yt.value.transform,style:we({pointerEvents:$.value?`none`:`auto`})},[v(`g`,null,[(x(!0),_(_e,null,C(Ht.value,e=>(x(),_(`path`,{class:`vue-ui-geo-territory`,key:e.uid,d:e.path,fill:Y.value===e.uid?Z.value.hover.fill:Z.value.fill,stroke:Y.value===e.uid?Z.value.hover.stroke:Z.value.stroke,"stroke-width":Y.value===e.uid?Z.value.hover.strokeWidth:Z.value.strokeWidth,"vector-effect":`non-scaling-stroke`,onMouseenter:t=>xn(e),onMouseleave:t=>Sn(e),onClick:t=>Cn(e)},null,40,Le))),128))]),v(`g`,null,[(x(!0),_(_e,null,C(Ut.value,e=>(x(),_(`path`,{class:`vue-ui-geo-territory`,key:e.uid,d:e.path,fill:`none`,stroke:Y.value===e.uid?Z.value.hover.stroke:Z.value.stroke,"stroke-width":Y.value===e.uid?Z.value.hover.strokeWidth:Z.value.strokeWidth,"vector-effect":`non-scaling-stroke`,onMouseenter:t=>xn(e),onMouseleave:t=>Sn(e),onClick:t=>Cn(e)},null,40,Re))),128))]),v(`g`,null,[(x(!0),_(_e,null,C(Wt.value,e=>(x(),_(`circle`,{key:e.uid,cx:e.x,cy:e.y,r:e.radius,fill:e.fill,stroke:e.stroke,"stroke-width":e.strokeWidth,"vector-effect":`non-scaling-stroke`,onMouseenter:t=>On(e),onMouseleave:kn},null,40,ze))),128))]),(x(!0),_(_e,null,C(pn.value,(t,n)=>(x(),_(`g`,{key:t.uid},[w(e.$slots,`datapoint`,xe({ref_for:!0},{point:t,onPointEnter:wn,onPointLeave:Tn,onPointClick:Dn,highlighted:J.value===t.uid}),()=>[v(`circle`,{class:Ce({"vue-ui-geo-point":!0,"vue-ui-geo-point-with-event":En.value&&ut.value}),cx:t.x,cy:t.y,r:J.value===t.uid?t.radius*t.hoverRadiusRatio:t.radius,fill:t.fill,stroke:I.value.stroke,"stroke-width":I.value.strokeWidth,"vector-effect":`non-scaling-stroke`,onMouseenter:e=>wn(t,n),onMouseleave:e=>Tn(t),onClick:e=>Dn(t)},null,42,Be)],!0),lt.value.show?(x(),_(`text`,{key:0,class:`vue-ui-geo-point-label`,x:t.x,y:t.y+(J.value===t.uid?t.radius*t.hoverRadiusRatio:t.radius)+lt.value.offsetY+1*lt.value.fontSizeRatio,"text-anchor":`middle`,fill:lt.value.color,"font-size":1*lt.value.fontSizeRatio},De(t.name),9,Ve)):g(``,!0)]))),128)),w(e.$slots,`svg`,{svg:{drawingArea:sn.value,x:qt.value?.minX??0,y:qt.value?.minY??0,width:qt.value?.width??0,height:qt.value?.height??0,isPrintingImg:T(gt)||T(_t)||T(Pn),isPrintingSvg:T(Fn),data:{areaPaths:Ht.value,linePaths:Ut.value,geoJsonPoints:Wt.value,projectedPoints:pn.value}}},void 0,!0)],12,Ie)],44,Fe)),e.$slots.hint?(x(),_(`div`,He,[w(e.$slots,`hint`,b(y({hint:F.value.a11y.translations.keyboardNavigation,isVisible:ot.value})),void 0,!0)])):g(``,!0)]),e.$slots.watermark?(x(),_(`div`,Ue,[w(e.$slots,`watermark`,b(y({isPrinting:T(gt)||T(_t)||T(Pn)||T(Fn)})),void 0,!0)])):g(``,!0),L.value.controls.position===`bottom`&&L.value.controls.show&&!T(mt)?(x(),h(me,{key:7,ref_key:`zoomControlsBottom`,ref:it,config:F.value,scale:T(en),isFullscreen:P.value,isCursorPointer:ut.value,onZoomIn:cn,onZoomOut:ln,onResetZoom:un},null,8,[`config`,`scale`,`isFullscreen`,`isCursorPointer`])):g(``,!0),ye(T(Ge),{teleportTo:L.value.tooltip.teleportTo,show:B.value.showTooltip&&hn.value,backgroundColor:L.value.tooltip.backgroundColor,color:L.value.tooltip.color,fontSize:L.value.tooltip.fontSize,borderRadius:L.value.tooltip.borderRadius,borderColor:L.value.tooltip.borderColor,borderWidth:L.value.tooltip.borderWidth,backgroundOpacity:L.value.tooltip.backgroundOpacity,position:L.value.tooltip.position,offsetX:L.value.tooltip.offsetX,offsetY:L.value.tooltip.offsetY,parent:O.value,content:gn.value,isCustom:q.value,isFullscreen:P.value,smooth:L.value.tooltip.smooth,backdropFilter:L.value.tooltip.backdropFilter,smoothForce:L.value.tooltip.smoothForce,smoothSnapThreshold:L.value.tooltip.smoothSnapThreshold,isA11yMode:N.value===`keyboard`,a11yPosition:at.value},{"tooltip-before":Ae(()=>[w(e.$slots,`tooltip-before`,b(y({...$e.value})),void 0,!0)]),tooltip:Ae(()=>[w(e.$slots,`tooltip`,b(y({...$e.value})),void 0,!0)]),"tooltip-after":Ae(()=>[w(e.$slots,`tooltip-after`,b(y({...$e.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`fontSize`,`borderRadius`,`borderColor`,`borderWidth`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isCustom`,`isFullscreen`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),e.$slots.source?(x(),_(`div`,{key:8,ref_key:`source`,ref:nt,dir:`auto`},[w(e.$slots,`source`,{},void 0,!0)],512)):g(``,!0),w(e.$slots,`skeleton`,{},()=>[T(mt)?(x(),h(ne,{key:0})):g(``,!0)],!0)],14,Me))}},[[`__scopeId`,`data-v-f96955bc`]]);export{je as n,Ge as t};

package/dist/vue-ui-gizmo-eic6xLjB.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,X as n,at as r,i,in as a}from"./lib-CV_IANZ6.js";import{n as ee,t as te}from"./useHints-BH9r_0Vd.js";import{t as o}from"./useConfig-CKdzPrcf.js";import{n as s,t as c}from"./BaseScanner-8NdoBs7B.js";import{t as l}from"./useNestedProp-CB186vF2.js";import{t as u}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as ne}from"./DefGrad-DKMq1REY.js";import{Fragment as d,computed as f,createBlock as re,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineAsyncComponent as _,normalizeStyle as v,onMounted as y,openBlock as b,ref as x,renderSlot as ie,toDisplayString as S,toRefs as ae,unref as C,useSlots as oe,watch as w}from"vue";var T=/* @__PURE__ */ e({default:()=>B}),E=[`aria-label`,`aria-valuenow`,`aria-valuetext`,`aria-busy`],D=[`viewBox`,`width`],O={key:0},k=[`stroke`],A=[`stroke`],j=[`width`,`fill`],M=[`fill`],N={key:0},P=[`id`],F=[`stroke`],I=[`stroke`,`stroke-dasharray`,`stroke-dashoffset`],L=[`filter`],R=[`stroke`,`stroke-dasharray`,`stroke-dashoffset`],z=[`fill`],B=/*#__PURE__*/ u({__name:`vue-ui-gizmo`,props:{config:{type:Object,default(){return{}}},dataset:{type:Number}},setup(e){let u=_(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),{vue_ui_gizmo:T}=o(),B=e,V=x(n()),H=oe();y(()=>{W()}),y(()=>{H[`chart-background`]&&U.value&&console.warn(`VueUiGizmo does not support the #chart-background slot.`)});let U=f(()=>G.value.debug);function W(){!B.dataset&&B.dataset!==0&&r({componentName:`VueUiGizmo`,type:`dataset`,debug:U.value}),B.dataset<0&&U.value&&console.warn(`VueUiGizmo: dataset cannot be negative.`),B.dataset>100&&U.value&&console.warn(`VueUiGizmo: gauge is maxed out, as dataset exceeds 100% (props.dataset = ${B.dataset})`)}let G=x(Y());ee({config:()=>G.value,dataset:()=>B.dataset,component:`VueUiGizmo`,rules:[te.noHint]});let K=f(()=>a({defaultConfig:{stroke:`#6A6A6A80`,color:`#6A6A6A`,gradientColor:`#CACACA`,textColor:`transparent`},userConfig:G.value.skeletonConfig??{}})),{loading:q,FINAL_DATASET:J,manualLoading:se}=s({...ae(B),FINAL_CONFIG:G,prepareConfig:Y,dsIsNumber:!0,skeletonDataset:B.config?.skeletonDataset??50,skeletonConfig:a({defaultConfig:G.value,userConfig:K.value})});function Y(){return l({userConfig:B.config,defaultConfig:T})}w(()=>B.config,e=>{G.value=Y(),W()},{deep:!0});let X=f(()=>({battery:{width:G.value.showPercentage?150:80,height:50},gauge:{width:80,height:80}})[G.value.type]),Z=f(()=>Math.min(Math.max(0,J.value),100)),Q=f(()=>Math.max(0,J.value)),$=f(()=>{let e=2*Math.PI*35,t=e-Z.value/100*e;return{dasharray:`${e} ${e}`,dashoffset:t}});return(e,n)=>(b(),m(`div`,{class:`vue-data-ui-component vue-ui-gizmo-wrapper`,role:`progressbar`,"aria-label":G.value.a11y.translations.label,"aria-valuemin":`0`,"aria-valuemax":`100`,"aria-valuenow":C(q)?void 0:Z.value,"aria-valuetext":Z.value+`%`,"aria-busy":C(q)?`true`:`false`},[(b(),m(`svg`,{class:`vue-ui-gizmo`,viewBox:`0 0 ${X.value.width} ${X.value.height}`,width:G.value.size,style:v({background:`transparent`,fontFamily:G.value.fontFamily})},[g(C(u)),G.value.useGradient?(b(),m(`defs`,O,[g(ne,{t:`linear`,id:`gizmo_gradient_${V.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,G.value.gradientColor,1],[`100%`,G.value.color,1]]},null,8,[`id`,`stops`])])):p(``,!0),G.value.type===`battery`?(b(),m(d,{key:1},[h(`path`,{d:`M 5 10 L 5 40 C 5 43 7 45 9 45 L 65 45 C 68 45 70 43 70 40 L 70 38 C 73 38 75 38 75 33 L 75 17 C 75 12 73 12 70 12 L 70 10 C 70 7 68 5 65 5 L 10 5 C 7 5 5 7 5 10`,stroke:G.value.stroke,"stroke-width":2,fill:`none`},null,8,k),h(`path`,{d:`M 70 16 L 70 34`,stroke:G.value.stroke,"stroke-width":2,fill:`none`,style:{opacity:`0.5`}},null,8,A),h(`rect`,{x:10,y:10,height:30,width:55*(Z.value/100),fill:G.value.useGradient?`url(#gizmo_gradient_${V.value})`:G.value.color,rx:2},null,8,j),G.value.showPercentage?(b(),m(`text`,{key:0,x:85,y:32,"text-anchor":`start`,"font-size":`20`,fill:G.value.textColor},S(C(i)(G.value.formatter,Q.value,C(t)({v:Q.value,s:`%`}))),9,M)):p(``,!0)],64)):p(``,!0),G.value.type===`gauge`?(b(),m(d,{key:2},[G.value.useGradient?(b(),m(`defs`,N,[h(`filter`,{id:`blur_${V.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[...n[0]||=[h(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:1},null,-1)]],8,P)])):p(``,!0),h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.stroke,"stroke-width":8,fill:`none`},null,8,F),h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.color,"stroke-width":8,"stroke-dasharray":$.value.dasharray,"stroke-dashoffset":$.value.dashoffset,"stroke-linecap":`round`,fill:`none`,style:{transform:`rotate(-90deg)`,"transform-origin":`50% 50%`}},null,8,I),G.value.useGradient?(b(),m(`g`,{key:1,filter:`url(#blur_${V.value})`},[h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.gradientColor,"stroke-width":1,fill:`none`,"stroke-dasharray":$.value.dasharray,"stroke-dashoffset":$.value.dashoffset,style:{transform:`rotate(-90deg)`,"transform-origin":`50% 50%`}},null,8,R)],8,L)):p(``,!0),G.value.showPercentage?(b(),m(`text`,{key:2,x:40,y:47,"text-anchor":`middle`,"font-size":`20`,fill:G.value.textColor},S(C(i)(G.value.formatter,Q.value,C(t)({v:Q.value,s:`%`}))),9,z)):p(``,!0)],64)):p(``,!0)],12,D)),ie(e.$slots,`skeleton`,{},()=>[C(q)?(b(),re(c,{key:0})):p(``,!0)],!0)],8,E))}},[[`__scopeId`,`data-v-f296c0f3`]]);export{T as n,B as t};

package/dist/vue-ui-heatmap-DlmJRsM8.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./tableIntegration-CNoJ1CIY.js";import{n,t as r}from"./annotationSlots-BRR85CqJ.js";import{n as i,t as a}from"./userOptionsSlots-DYuo-E5m.js";import{$ as o,D as s,Dt as c,Qt as l,Tt as u,X as d,at as f,b as p,i as m,in as ee,nt as te,on as ne,pt as re,r as ie,t as ae,yt as oe,zt as se}from"./lib-CV_IANZ6.js";import{n as ce,t as le}from"./useHints-BH9r_0Vd.js";import{t as ue}from"./useTimeLabels-Das5O74F.js";import{t as de}from"./useConfig-CKdzPrcf.js";import{t as fe}from"./usePrinter-hLW3cv4N.js";import{n as pe,t as me}from"./BaseScanner-8NdoBs7B.js";import{t as he}from"./useNestedProp-CB186vF2.js";import{t as ge}from"./useThemeCheck-BKNRbGeC.js";import{t as _e}from"./useChartExport-DtPNpc9M.js";import{t as ve}from"./useTimeLabelCollider-XQf_S7-z.js";import{t as ye}from"./img-DiT4ivZ5.js";import{n as be}from"./Title-BGYFqulv.js";import{t as xe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Se,t as Ce}from"./useResponsive-D2CPcpda.js";import{t as we}from"./vue-ui-accordion-BNvevckx.js";import{t as Te}from"./A11yDataTable-DWNlWXzs.js";import{t as Ee}from"./useUserOptionState-CXlFnwPv.js";import{t as De}from"./useChartAccessibility-DOMuYJfm.js";import{t as Oe}from"./useTableResponsive-uSz_qZOB.js";import{t as ke}from"./vue_ui_heatmap-kh5NMmwf.js";import{Fragment as h,computed as g,createBlock as Ae,createCommentVNode as _,createElementBlock as v,createElementVNode as y,createSlots as je,createTextVNode as Me,createVNode as Ne,defineAsyncComponent as Pe,guardReactiveProps as b,mergeProps as Fe,nextTick as Ie,normalizeClass as Le,normalizeProps as x,normalizeStyle as S,onBeforeUnmount as Re,onMounted as ze,openBlock as C,reactive as Be,ref as w,renderList as T,renderSlot as E,resolveDynamicComponent as Ve,shallowRef as He,toDisplayString as D,toRefs as Ue,unref as O,useCssVars as We,vShow as Ge,watch as Ke,watchEffect as qe,withCtx as k,withDirectives as Je,withKeys as Ye}from"vue";function Xe({elementRef:e,callback:t,attr:n,earlyReturn:r=!1,retryFrames:i=12,alsoAfterFontsReady:a=!0}){if(r)return;let o=e=>{if(!e)return;let r;if(typeof e.getBBox==`function`)try{let t=e.getBBox();r=n===`width`?t.width:t.height}catch{}if(typeof r!=`number`||Number.isNaN(r))try{let t=e.getBoundingClientRect();r=n===`width`?t.width:t.height}catch{r=void 0}typeof r==`number`&&!Number.isNaN(r)&&t(r)};qe(t=>{let n=e.value;if(!n)return;let r=!1;(async()=>{await Ie();for(let t=0;t<i;t+=1){if(r)return;await new Promise(e=>requestAnimationFrame(e));let t=e.value;if(!t)return;o(t)}if(a&&typeof document<`u`&&document.fonts&&document.fonts.ready){try{await document.fonts.ready}catch{}!r&&e.value&&o(e.value)}})();let s=new MutationObserver(()=>{e.value&&requestAnimationFrame(()=>{e.value&&o(e.value)})});s.observe(n,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:[`transform`,`style`,`class`]});let c;if(typeof ResizeObserver<`u`){let t=n.ownerSVGElement?n.ownerSVGElement:n;c=new ResizeObserver(()=>{let t=e.value;t&&o(t)}),c.observe(t)}t(()=>{r=!0,s.disconnect(),c&&c.disconnect()})},{flush:`post`})}var Ze={mounted(e,t){Qe(e,t.value)},updated(e,t){Qe(e,t.value)}};function Qe(e,{cellWidth:t,cellHeight:n,maxFontSize:r,minFontSize:i,index:a,reportRotation:o,reportHide:s,rotateAll:c,hideAll:l}){e.removeAttribute(`transform`),e.removeAttribute(`visibility`);let u=!1,d=!1;e.setAttribute(`font-size`,r);let f=e.getComputedTextLength();if(f<=t)o(a,!1),s(a,!1);else{let n=Math.floor(r*t/f);n>=i?(e.setAttribute(`font-size`,n),o(a,!1),s(a,!1)):(o(a,!0),s(a,!1),u=!0)}if(c&&(u=!0),u){e.setAttribute(`font-size`,r);let t=e.getBBox(),o=t.x+t.width/2,c=t.y+t.height/2;e.setAttribute(`transform`,`rotate(-90 ${o} ${c})`);let l=e.getBBox().width;if(l<=n)s(a,!1);else{let t=Math.floor(r*n/l);t>=i?(e.setAttribute(`font-size`,t),s(a,!1)):(d=!0,s(a,!0))}}(l||d)&&e.setAttribute(`visibility`,`hidden`)}var $e=/* @__PURE__ */ e({default:()=>jt}),et=[`id`],tt=[`id`],nt=[`xmlns`,`aria-describedby`,`viewBox`],rt=[`x`,`y`,`width`,`height`],it=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`],at=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`],ot=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`],st=[`data-a11y-cell-id`,`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`,`aria-label`,`onMouseover`,`onMouseout`,`onClick`],ct=[`font-size`,`font-weight`,`fill`,`x`,`y`],lt=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`],ut=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`],dt=[`font-size`,`fill`,`x`,`y`,`font-weight`],ft=[`font-size`,`fill`,`x`,`y`,`font-weight`],pt=[`text-anchor`,`font-size`,`fill`,`font-weight`,`transform`],mt=[`text-anchor`,`font-size`,`fill`,`font-weight`,`transform`],ht={key:6},gt=[`x`,`y`,`width`,`height`,`stroke`,`stroke-width`],_t={key:7},vt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],yt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],bt={class:`vue-ui-heatmap-legend-gauge-right`},xt=[`data-value`],St={class:`vue-ui-heatmap-gauge-indicator-value`},Ct={key:1,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},wt={key:5,class:`vue-data-ui-watermark`},Tt={class:`vue-ui-data-table`},Et={key:0},Dt=[`data-cell`],Ot={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},kt=[`data-cell`],At={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},jt=/*#__PURE__*/ xe({__name:`vue-ui-heatmap`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`,`copyAlt`],setup(e,{expose:xe,emit:Qe}){We(e=>({fdd363b2:e.tdo}));let $e=Pe(()=>import(`./Tooltip-Cus2-XNQ.js`)),jt=Pe(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Mt=Pe(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Nt=Pe(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Pt=Pe(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Ft=Pe(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_heatmap:It}=de(),{isThemeValid:Lt,warnInvalidTheme:Rt}=ge(),A=e,zt=Qe,Bt=g({get(){return!!A.dataset&&A.dataset.length},set(e){return e}}),Vt=w(d()),j=w(null),Ht=w(!1),Ut=w(``),Wt=w(void 0),M=w(null),Gt=w(0),Kt=w(null),qt=w(0),Jt=w(null),Yt=w(null),Xt=w(null),Zt=w(null),Qt=w(null),$t=w(null),en=w(null),tn=w(null),nn=w(null),rn=w(null),an=w(null),on=w(null),sn=He(null),N=w(null),cn=w(null),ln=w({x:0,y:0}),un=w(`pointer`),dn=w(!1),P=w(xn()),F=g(()=>P.value.style.layout.cells),I=g(()=>P.value.style.layout.dataLabels),L=g(()=>P.value.style.layout);ce({config:()=>P.value,dataset:()=>A.dataset,component:`VueUiHeatmap`,rules:[le.emptyArray,le.noHint]});let fn=g(()=>P.value.userOptions.useCursorPointer);function pn(){let e=Array(7).fill(`_`),t=[],n=e.length;for(let r=0;r<n;r+=1){let n=[];for(let e=0;e<14;e+=1)n.push(r+e*2);t.push({name:`${e[r]}`,values:n})}return t}let mn=g(()=>ee({defaultConfig:{table:{show:!1},userOptions:{show:!1},style:{backgroundColor:`#99999930`,layout:{cells:{colors:{hot:`#999999`,cold:`#CACACA`},columnTotal:{value:{show:!1}},rowTotal:{value:{show:!1}},value:{show:!1}},dataLabels:{xAxis:{show:!1},yAxis:{show:!1}}}}},userConfig:P.value.skeletonConfig??{}})),{loading:hn,FINAL_DATASET:R,manualLoading:gn}=pe({...Ue(A),FINAL_CONFIG:P,prepareConfig:xn,callback:()=>{Promise.resolve().then(async()=>{await Ie(),j.value&&ne(j.value,{delta:.1,delay:250})})},skeletonDataset:A.config?.skeletonDataset??pn(),skeletonConfig:ee({defaultConfig:P.value,userConfig:mn.value})}),{userOptionsVisible:_n,setUserOptionsVisibility:vn,keepUserOptionState:yn}=Ee({config:P.value}),{svgRef:z}=De({config:P.value.style.title});function bn(e){vn(e)}function xn(){let e=he({userConfig:A.config,defaultConfig:It}),t={},n=e.theme;if(n){if(!Lt.value(e))Rt(e),t=e;else{let r=he({userConfig:ke[n]||A.config,defaultConfig:e});t={...he({userConfig:A.config,defaultConfig:r})}}}else t=e;return t}let Sn=l(A.config);Ke(()=>A.config,(e,t)=>{let n=l(e),r=n!==Sn;Sn=n;let i=xn();if(!r){P.value.style.tooltip=i.style.tooltip,B.value.showTooltip=P.value.style.tooltip.show;return}hn.value||(P.value=i),_n.value=!P.value.userOptions.showOnChartHover,An(),qt.value+=1,B.value.showTable=P.value.table.show,B.value.showTooltip=P.value.style.tooltip.show,jn.value=L.value.width,Mn.value=L.value.height},{deep:!0}),Ke(()=>A.dataset,e=>{Array.isArray(e)&&e.length>0&&(gn.value=!1),An()},{deep:!0});let{isPrinting:Cn,isImaging:wn,generatePdf:Tn,generateImage:En}=fe({elementId:`heatmap__${Vt.value}`,fileName:P.value.style.title.text||`vue-ui-heatmap`,options:P.value.userOptions.print}),Dn=g(()=>P.value.userOptions.show&&!P.value.style.title.text),B=w({showTable:P.value.table.show,showTooltip:P.value.style.tooltip.show});Ke(P,()=>{B.value={showTable:P.value.table.show,showTooltip:P.value.style.tooltip.show}},{immediate:!0});let On=g(()=>P.value.table.responsiveBreakpoint),V=w(null),kn=g(()=>P.value.debug);function An(){if(se(A.dataset)&&(f({componentName:`VueUiHeatmap`,type:`dataset`,debug:kn.value}),Bt.value=!1,gn.value=!0),se(A.dataset)||(gn.value=P.value.loading),P.value.responsive){let e=Se(()=>{let{width:e,height:t}=Ce({chart:j.value,title:P.value.style.title.text?Zt.value:null,source:on.value,noTitle:Qt.value});requestAnimationFrame(()=>{jn.value=e,Mn.value=t})});V.value&&(sn.value&&V.value.unobserve(sn.value),V.value.disconnect()),V.value=new ResizeObserver(e),sn.value=j.value.parentNode,V.value.observe(sn.value)}}Re(()=>{V.value&&(sn.value&&V.value.unobserve(sn.value),V.value.disconnect())}),ze(()=>{An()});let H=g(()=>Math.max(...R.value.flatMap(e=>(e.values||[]).length))),jn=w(L.value.width),Mn=w(L.value.height),U=g(()=>({width:Math.max(10,jn.value),height:Math.max(10,Mn.value)})),Nn=w(0);Xe({elementRef:nn,callback:Se(e=>{e!==Nn.value&&(Nn.value=e)},100),attr:`height`});let W=w(0);Xe({elementRef:en,callback:Se(e=>{e!==W.value&&(W.value=e)},100),attr:`width`});let Pn=w(0);Xe({elementRef:rn,callback:Se(e=>{e!==Pn.value&&(Pn.value=e)},100),attr:`height`}),Re(()=>{Nn.value=0,W.value=0,Pn.value=0});let G=g(()=>Math.min(U.value.height,U.value.width)/1e3*F.value.spacing),K=g(()=>{let e=0;P.value.style.legend.show&&(e=P.value.style.legend.width);let t=L.value.padding,n=I.value.xAxis.fontSize/3,r=I.value.xAxis.fontSize/2,i=U.value.height-t.top-t.bottom-Nn.value-n,a=U.value.width/60,o={x:G.value*H.value,y:G.value*((R.value||[]).length+1)},s=U.value.width-t.left-t.right-o.x-a*2-2-e-W.value,c=i-a-o.y-Pn.value-r-F.value.columnTotal.value.offsetY,l={width:Math.max(3,s/H.value),height:Math.max(3,c/(R.value.length??1))};return{top:t.top+Nn.value+a+n,topLabelsHeight:Nn.value,sumCellXHeight:a,height:c,left:t.left+W.value+a/2,right:t.right-e,bottom:U.value.height-t.bottom-Pn.value,width:s,cellSize:l}}),Fn=g(()=>Math.max(...R.value.flatMap(e=>e.values))),In=g(()=>Math.min(...R.value.flatMap(e=>e.values))),q=g(()=>F.value.scaleMax===null?Fn.value:F.value.scaleMax),J=g(()=>F.value.scaleMin===null?In.value:F.value.scaleMin),Y=g(()=>{let e=R.value.flatMap(e=>e.values);return e.reduce((e,t)=>e+t,0)/e.length}),Ln=w([]),Rn=w([]),zn=0;qe(()=>{let e=++zn;(async()=>{let t=I.value.yAxis,n=await ue({values:t.values.length?t.values:R.value.map(e=>e.name),maxDatapoints:R.value.length,formatter:t.datetimeFormatter,start:0,end:R.value.length});e===zn&&(Ln.value=n)})()});let Bn=0;qe(()=>{let e=++Bn;(async()=>{let t=I.value.xAxis,n=await ue({values:t.values,maxDatapoints:H.value,formatter:t.datetimeFormatter,start:0,end:H.value});e===Bn&&(Rn.value=n)})()});function Vn(e,t,n){if(t===n)return F.value.colors.hot;let r=Math.min(Math.max(e,t),n);return u(F.value.colors.cold,F.value.colors.hot,t,n,r)}function Hn(e){if([void 0,null].includes(e))return 0;let t=J.value,n=q.value;if(t===n)return 0;let r=(e-t)/(n-t);return(1-Math.min(Math.max(r,0),1))*100}let X=g(()=>{let e=Ln.value.map(e=>e.text),t=Rn.value.map(e=>e.text),n=F.value.scaleMin!==null||F.value.scaleMax!==null,r=R.value.map(e=>e.values.reduce((e,t)=>e+t,0)),i=R.value.map(e=>Math.max(1,e.values.length)),a=Math.max(...r),o=Math.min(...r),s=[],c=[];for(let e=0;e<H.value;e+=1){let t=0,n=0;R.value.forEach(r=>{e<r.values.length&&(t+=r.values[e]||0,n+=1)}),s.push(t),c.push(Math.max(1,n))}let l=Math.max(...s),u=Math.min(...s);return{yTotals:r.map((e,t)=>{let r=isNaN(e/a)?0:e/a,s=i[t],c=J.value*s,l=q.value*s;return{total:e,proportion:r,color:n?Vn(e,c,l):Vn(e,o,a)}}),xTotals:s.map((e,t)=>{let r=isNaN(e/l)?0:e/l,i=c[t],a=J.value*i,o=q.value*i;return{total:e,proportion:r,color:n?Vn(e,a,o):Vn(e,u,l)}}),yLabels:e,xLabels:t.slice(0,H.value)}}),Z=g(()=>(R.value.forEach((e,t)=>{oe({datasetObject:e,requiredAttributes:[`values`]}).forEach(e=>{f({componentName:`VueUiHeatmap`,type:`datasetSerieAttribute`,property:`values`,index:t,debug:kn.value})})}),R.value.map((e,t)=>({...e,temperatures:(e.values||[]).map((e,n)=>e>=Y.value?{side:`up`,color:Vn(e,J.value,q.value),ratio:Math.abs(Math.abs(e-Y.value)/Math.abs(Fn.value-Y.value))>1?1:Math.abs(Math.abs(e-Y.value)/Math.abs(Fn.value-Y.value)),value:e,yAxisName:X.value.yLabels[t],xAxisName:X.value.xLabels[n],id:`vue-data-ui-heatmap-cell-${d()}`}:{side:`down`,ratio:Math.abs(1-Math.abs(e)/Math.abs(Y.value))>1?1:Math.abs(1-Math.abs(e)/Math.abs(Y.value)),color:Vn(e,J.value,q.value),value:e,yAxisName:X.value.yLabels[t],xAxisName:X.value.xLabels[n],id:`vue-data-ui-heatmap-cell-${d()}`})})))),Un=g(()=>Z.value.flatMap((e,t)=>e.temperatures.map((e,n)=>{let r=K.value.left+K.value.cellSize.width*n,i=K.value.top+K.value.cellSize.height*t;return{datapoint:e,rowIndex:t,columnIndex:n,x:r+G.value/2+K.value.sumCellXHeight,y:i+G.value/2,width:K.value.cellSize.width-G.value,height:K.value.cellSize.height-G.value,labelX:r+K.value.cellSize.width/2+K.value.sumCellXHeight,labelY:i+K.value.cellSize.height/2+F.value.value.fontSize/3,selectionX:r,selectionY:i}}))),Wn=g(()=>R.value.length),Gn=Be(Array(Wn.value*H.value||1).fill(!1)),Kn=g(()=>Gn.some(e=>e));function qn(e,t){Gn[e]=t}let Jn=Be(Array(Wn.value*H.value||1).fill(!1)),Yn=g(()=>Jn.some(e=>e));function Xn(e,t){Jn[e]=t}let Q=w(null),Zn=w(null);function Qn(){Ht.value=!1,Wt.value=void 0,Q.value=null,M.value=null,N.value=null,cn.value=null}function $n(e){if(!z.value||!e)return;let t=z.value.querySelector(`[data-a11y-cell-id="${e}"]`);if(!t)return;let n=t.getBoundingClientRect();ln.value={x:n.left+n.width/2,y:n.top+n.height/2}}function er(e,t,n,r,i=`pointer`,a=null){let s=K.value.cellSize.width-G.value,l={...e,x:n+s,y:r,width:K.value.cellSize.width-G.value,height:K.value.cellSize.height-G.value};if(P.value.events.datapointEnter&&P.value.events.datapointEnter({datapoint:l,seriesIndex:t}),!B.value.showTooltip)return;un.value=i,N.value=a,cn.value=e.id,M.value={x:n,y:r};let{value:u,yAxisName:d,xAxisName:f,id:p}=e;Wt.value=p,Q.value=u,Zn.value={datapoint:e,seriesIndex:t,series:Z.value,config:P.value},Ht.value=!0;let ee=``,te=P.value.style.tooltip.customFormat;c(te)&&re(()=>te({datapoint:e,seriesIndex:t,series:Z.value,config:P.value}))?Ut.value=te({datapoint:e,seriesIndex:t,series:Z.value,config:P.value}):(ee+=`<div>${d} ${f?d?` - ${f}`:`${f}`:``}</div>`,ee+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${P.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${Vn(u,J.value,q.value)}">⬤</span><span>${isNaN(u)?`-`:m(F.value.value.formatter,u,o({p:I.value.prefix,v:u,s:I.value.suffix,r:P.value.style.tooltip.roundingValue}),{datapoint:e,seriesIndex:t})}</span></div>`,Ut.value=`<div style="font-size:${P.value.style.tooltip.fontSize}px">${ee}</div>`),i===`keyboard`&&Ie(()=>{$n(e.id)})}function tr({datapoint:e,seriesIndex:t}){P.value.events.datapointLeave&&P.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(cn.value!==e.id||un.value!==`keyboard`)&&(Ht.value=!1,Wt.value=void 0,Q.value=null,M.value=null)}function nr(e){return m(F.value.value.formatter,X.value.yTotals[e].total,o({p:I.value.prefix,v:X.value.yTotals[e].total,s:I.value.suffix,r:F.value.value.roundingValue}),{datapoint:X.value.yTotals[e],rowIndex:e})}function rr(e){return m(F.value.value.formatter,X.value.xTotals[e].total,o({p:I.value.prefix,v:X.value.xTotals[e].total,s:I.value.suffix,r:F.value.value.roundingValue}),{datapoint:X.value.xTotals[e],colIndex:e})}g(()=>({head:R.value.map(e=>({name:e.name})),body:R.value.map(e=>e.values)}));function ir(e=null){Ie(()=>{let t=[``,...R.value.map((e,t)=>e.name)],n=[];for(let e=0;e<X.value.xLabels.length;e+=1){let t=[X.value.xLabels[e]];for(let n=0;n<R.value.length;n+=1)t.push([R.value[n].values[e]]);n.push(t)}let r=[[P.value.style.title.text],[P.value.style.title.subtitle.text],[[``],[``],[``]],t].concat(n),i=s(r);e?e(i):te({csvContent:i,title:P.value.style.title.text||`vue-ui-heatmap`})})}let ar=w(!1);function or(e){ar.value=e,Gt.value+=1}function sr(){B.value.showTable=!B.value.showTable}function cr(){B.value.showTooltip=!B.value.showTooltip}let lr=w(!1);function ur(){lr.value=!lr.value}function dr(e,t){P.value.events.datapointClick&&P.value.events.datapointClick({datapoint:e,seriesIndex:t}),zt(`selectDatapoint`,e)}function fr(){return Z.value}async function pr({scale:e=2}={}){if(!j.value)return;let{width:t,height:n}=j.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await ye({domElement:j.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:P.value.style.title.text,width:t,height:n,aspectRatio:r}}let mr=g(()=>({start:0,end:H.value})),hr=g(()=>X.value.xLabels);ve({timeLabelsEls:nn,timeLabels:hr,slicer:mr,configRef:P,rotationPath:[`style`,`layout`,`dataLabels`,`xAxis`,`rotation`],autoRotatePath:[`style`,`layout`,`dataLabels`,`xAxis`,`autoRotate`,`enable`],isAutoSize:!1,targetClass:`.vue-ui-heatmap-col-name`,rotation:I.value.xAxis.autoRotate.angle,width:jn,height:Mn}),ve({timeLabelsEls:rn,timeLabels:hr,slicer:mr,configRef:P,rotationPath:[`style`,`layout`,`cells`,`columnTotal`,`value`,`rotation`],autoRotatePath:[`style`,`layout`,`cells`,`columnTotal`,`value`,`autoRotate`,`enable`],isAutoSize:!1,targetClass:`.vue-ui-heatmap-col-total`,rotation:F.value.columnTotal.value.autoRotate.angle,width:jn,height:Mn});let gr=g(()=>t({config:P,style:{value:P.value.style},mutableConfig:B,dialog:Ft,accordion:we,isFullscreen:ar,parent:j,maxWidth:800,isCursorPointer:fn}));Ke(()=>B.value.showTable,async e=>{P.value.table.show||(e&&P.value.table.useDialog&&Yt.value?(await Ie(),Yt.value.open()):`close`in Yt.value&&Yt.value.close())});let{isResponsive:_r}=Oe(Kt,On);function vr(){B.value.showTable=!1,Xt.value&&Xt.value.setTableIconState(!1)}let yr=g(()=>P.value.style.backgroundColor),br=g(()=>P.value.style.title),{isCallbackImaging:xr,isCallbackSvg:Sr,generateSvg:Cr,onGenerateImage:wr}=_e({svg:z,title:br,legend:null,legendItems:null,backgroundColor:yr,getSvgCallback:()=>P.value.userOptions.callbacks.svg,generateImage:En});async function Tr(){if(zt(`copyAlt`,{config:P.value,dataset:Z.value}),!P.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(P.value.userOptions.callbacks.altCopy({config:P.value,dataset:Z.value}))}function Er(e,t){let n=Z.value[e];if(!n)return null;let r=n.temperatures[t];return r?{cell:r,rowIndex:e,columnIndex:t}:null}function Dr(e,t){let n=0;for(let t=0;t<e;t+=1)n+=Z.value[t]?.temperatures?.length||0;return n+t}function Or(){N.value=null,cn.value=null,dn.value=!0}function kr(){Qn(),dn.value=!1}function Ar(e){if(!z.value||lr.value||document.activeElement!==z.value||!$.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`ArrowUp`,i=e.key===`ArrowDown`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){Qn();return}if(a){if(N.value===null)return;let e=$.value[N.value];if(!e)return;dr(e.cell,e.rowIndex);return}let s=N.value===null?null:$.value[N.value];if(!s){let e=Wt.value?$.value.findIndex(e=>e.cell.id===Wt.value):null;if(e!==null&&e>=0&&e<$.value.length){let a=$.value[e];if(!a)return;let o=a.rowIndex,s=a.columnIndex;n?s+=1:t?--s:i?o+=1:r&&--o;let c=Mr.value.rowCount;if(c<=0)return;o<0&&(o=c-1),o>=c&&(o=0);let l=Z.value[o];if(!l||!l.temperatures.length)return;let u=l.temperatures.length;s<0&&(s=u-1),s>=u&&(s=0);let d=Er(o,s);if(!d)return;let f=Dr(o,s),p=K.value.left+K.value.cellSize.width*d.columnIndex,m=K.value.top+K.value.cellSize.height*d.rowIndex;er(d.cell,d.rowIndex,p,m,`keyboard`,f);return}let a=$.value[0];if(!a)return;let o=K.value.left+K.value.cellSize.width*a.columnIndex,s=K.value.top+K.value.cellSize.height*a.rowIndex;er(a.cell,a.rowIndex,o,s,`keyboard`,0);return}let c=s.rowIndex,l=s.columnIndex;n?l+=1:t?--l:i?c+=1:r&&--c;let u=Mr.value.rowCount;if(u<=0)return;c<0&&(c=u-1),c>=u&&(c=0);let d=Z.value[c];if(!d||!d.temperatures.length)return;let f=d.temperatures.length;l<0&&(l=f-1),l>=f&&(l=0);let p=Er(c,l);if(!p)return;let m=Dr(c,l),ee=K.value.left+K.value.cellSize.width*p.columnIndex,te=K.value.top+K.value.cellSize.height*p.rowIndex;er(p.cell,p.rowIndex,ee,te,`keyboard`,m)}let jr=g(()=>({headers:[P.value.table.colNames.xAxis,...R.value.map(e=>e.name)],rows:X.value.xLabels.map((e,t)=>[e,...R.value.map(e=>{let n=e.values?.[t];return isNaN(n)?`-`:o({p:I.value.prefix,v:n,s:I.value.suffix,r:P.value.table.td.roundingValue})})])})),Mr=g(()=>({rowCount:Z.value.length,columnCount:Math.max(0,...Z.value.map(e=>e.temperatures.length))})),$=g(()=>Z.value.flatMap((e,t)=>e.temperatures.map((e,n)=>({cell:e,rowIndex:t,columnIndex:n}))));return xe({getData:fr,getImage:pr,generatePdf:Tn,generateCsv:ir,generateImage:En,generateSvg:Cr,toggleTable:sr,toggleTooltip:cr,toggleAnnotator:ur,toggleFullscreen:or,copyAlt:Tr}),(t,s)=>(C(),v(`div`,{ref_key:`heatmapChart`,ref:j,class:Le(`vue-data-ui-component vue-ui-heatmap ${ar.value?`vue-data-ui-wrapper-fullscreen`:``}`),style:S(`font-family:${P.value.style.fontFamily};width:100%;${P.value.responsive?`height: 100%;`:``} text-align:center;background:${P.value.style.backgroundColor}`),id:`heatmap__${Vt.value}`,onMouseenter:s[1]||=()=>bn(!0),onMouseleave:s[2]||=()=>{bn(!1),dn.value||Qn()}},[y(`div`,{id:`chart-instructions-${Vt.value}`,class:`sr-only`},[y(`p`,null,D(P.value.a11y.translations.keyboardNavigation),1)],8,tt),jr.value?.rows?.length?(C(),Ae(Te,{key:0,uid:Vt.value,head:jr.value.headers,body:jr.value.rows,notice:P.value.a11y.translations.tableAvailable,caption:P.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):_(``,!0),P.value.userOptions.buttons.annotator?(C(),Ae(O(Mt),{key:1,svgRef:O(z),backgroundColor:P.value.style.backgroundColor,color:P.value.style.color,active:lr.value,isCursorPointer:fn.value,palette:P.value.userOptions.annotatorPalette,onClose:ur},je({_:2},[T(O(r),e=>({name:e,fn:k(r=>[E(t.$slots,e,x(b(O(n)(e,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):_(``,!0),Dn.value?(C(),v(`div`,{key:2,ref_key:`noTitle`,ref:Qt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):_(``,!0),P.value.style.title.text?(C(),v(`div`,{key:3,ref_key:`chartTitle`,ref:Zt,style:`width:100%;background:transparent`},[(C(),Ae(be,{key:`title_${qt.value}`,config:{title:{cy:`heatmap-div-title`,...P.value.style.title},subtitle:{cy:`heatmap-div-subtitle`,...P.value.style.title.subtitle}}},null,8,[`config`]))],512)):_(``,!0),P.value.userOptions.show&&Bt.value&&(O(yn)||O(_n))?(C(),Ae(O(Nt),{ref_key:`userOptionsRef`,ref:Xt,key:`user_options_${Gt.value}`,backgroundColor:P.value.style.backgroundColor,color:P.value.style.color,isImaging:O(wn),isPrinting:O(Cn),uid:Vt.value,hasTooltip:P.value.userOptions.buttons.tooltip&&P.value.style.tooltip.show,hasPdf:P.value.userOptions.buttons.pdf,hasImg:P.value.userOptions.buttons.img,hasSvg:P.value.userOptions.buttons.svg,hasXls:P.value.userOptions.buttons.csv,hasTable:P.value.userOptions.buttons.table,hasFullscreen:P.value.userOptions.buttons.fullscreen,hasAltCopy:P.value.userOptions.buttons.altCopy,isFullscreen:ar.value,isTooltip:B.value.showTooltip,titles:{...P.value.userOptions.buttonTitles},chartElement:j.value,position:P.value.userOptions.position,hasAnnotator:P.value.userOptions.buttons.annotator,isAnnotation:lr.value,callbacks:P.value.userOptions.callbacks,printScale:P.value.userOptions.print.scale,tableDialog:P.value.table.useDialog,isCursorPointer:fn.value,onToggleFullscreen:or,onGeneratePdf:O(Tn),onGenerateCsv:ir,onGenerateImage:O(wr),onGenerateSvg:O(Cr),onToggleTable:sr,onToggleTooltip:cr,onToggleAnnotator:ur,onCopyAlt:Tr,style:S({visibility:O(yn)?O(_n)?`visible`:`hidden`:`visible`})},je({_:2},[T(O(i)(t.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),e=>({name:e,fn:k(n=>[E(t.$slots,e,x(b(O(a)(e,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):_(``,!0),y(`div`,{class:Le({"vue-ui-heatmap-chart-wrapper":!0,"vue-ui-heatmap-chart-wrapper-legend-right":P.value.style.legend.show})},[(C(),v(`svg`,{ref_key:`svgRef`,ref:z,xmlns:O(ae),"aria-describedby":`chart-instructions-${Vt.value}`,class:Le({"vue-data-ui-fullscreen--on":ar.value,"vue-data-ui-fulscreen--off":!ar.value}),viewBox:`0 0 ${U.value.width} ${U.value.height}`,width:`100%`,style:S(`overflow: visible; background:transparent;color:${P.value.style.color}`),"aria-live":`polite`,role:`img`,preserveAspectRatio:`xMidYMid`,tabindex:`0`,onFocus:Or,onBlur:kr,onKeydown:Ar},[Ne(O(Pt)),t.$slots[`chart-background`]?(C(),v(`foreignObject`,{key:0,x:K.value.left,y:K.value.top,width:K.value.width,height:K.value.height,style:{pointerEvents:`none`}},[E(t.$slots,`chart-background`,{},void 0,!0)],8,rt)):_(``,!0),F.value.columnTotal.color.show?(C(),v(`g`,{key:1,ref_key:`xAxisSumRects`,ref:an},[(C(!0),v(h,null,T(X.value.xTotals,(e,t)=>(C(),v(`rect`,{x:K.value.left+K.value.cellSize.width*t+G.value/2+K.value.sumCellXHeight,y:K.value.top-K.value.sumCellXHeight+G.value*(U.value.height/U.value.width),height:K.value.sumCellXHeight,width:K.value.cellSize.width-G.value,fill:F.value.colors.underlayer,stroke:P.value.style.backgroundColor,"stroke-width":G.value},null,8,it))),256)),(C(!0),v(h,null,T(X.value.xTotals,(e,t)=>(C(),v(`rect`,{x:K.value.left+K.value.cellSize.width*t+G.value/2+K.value.sumCellXHeight,y:K.value.top-K.value.sumCellXHeight+G.value*(U.value.height/U.value.width),height:K.value.sumCellXHeight,width:K.value.cellSize.width-G.value,fill:e.color,stroke:P.value.style.backgroundColor,"stroke-width":G.value},null,8,at))),256))],512)):_(``,!0),y(`g`,{ref_key:`datapoints`,ref:Jt},[(C(!0),v(h,null,T(Un.value,e=>(C(),v(`g`,null,[y(`rect`,{x:e.x,y:e.y,width:e.width,height:e.height,fill:F.value.colors.underlayer,stroke:P.value.style.backgroundColor,"stroke-width":G.value},null,8,ot),y(`rect`,{"data-a11y-cell-id":e.datapoint.id,x:e.x,y:e.y,width:e.width,height:e.height,fill:e.datapoint.color,stroke:P.value.style.backgroundColor,"stroke-width":G.value,"aria-label":`${e.datapoint.yAxisName}${e.datapoint.xAxisName?` - ${e.datapoint.xAxisName}`:``}: ${isNaN(e.datapoint.value)?`-`:e.datapoint.value}`,onMouseover:t=>er(e.datapoint,e.rowIndex,e.selectionX,e.selectionY,`pointer`,Dr(e.rowIndex,e.columnIndex)),onMouseout:()=>tr({datapoint:e.datapoint,seriesIndex:e.rowIndex}),onClick:()=>dr(e.datapoint,e.rowIndex)},null,40,st),F.value.value.show?Je((C(),v(`text`,{key:0,"text-anchor":`middle`,"font-size":F.value.value.fontSize,"font-weight":F.value.value.bold?`bold`:`normal`,fill:O(ie)(e.datapoint.color),x:e.labelX,y:e.labelY,style:{pointerEvents:`none`,userSelect:`none`}},[Me(D(O(m)(F.value.value.formatter,e.datapoint.value,O(o)({p:I.value.prefix,v:e.datapoint.value,s:I.value.suffix,r:F.value.value.roundingValue}),{datapoint:e.datapoint})),1)],8,ct)),[[O(Ze),{cellWidth:e.width,cellHeight:e.height,maxFontSize:F.value.value.fontSize,minFontSize:10,index:e.rowIndex*H.value+e.columnIndex,reportHide:Xn,reportRotation:qn,hideAll:Yn.value,rotateAll:Kn.value}]]):_(``,!0)]))),256))],512),F.value.rowTotal.color.show?(C(),v(`g`,{key:2,ref_key:`yAxisSumRects`,ref:tn},[(C(!0),v(h,null,T(Z.value,(e,t)=>(C(),v(h,null,[y(`rect`,{x:K.value.left,y:K.value.top+K.value.cellSize.height*t,width:K.value.sumCellXHeight,height:K.value.cellSize.height-G.value,fill:F.value.colors.underlayer,stroke:P.value.style.backgroundColor,"stroke-width":G.value},null,8,lt),y(`rect`,{x:K.value.left,y:K.value.top+K.value.cellSize.height*t+G.value/2,width:K.value.sumCellXHeight,height:K.value.cellSize.height-G.value,fill:X.value.yTotals[t].color,stroke:P.value.style.backgroundColor,"stroke-width":G.value},null,8,ut)],64))),256))],512)):_(``,!0),I.value.yAxis.show?(C(),v(`g`,{key:3,ref_key:`yAxisLabels`,ref:en},[(C(!0),v(h,null,T(Z.value,(e,t)=>(C(),v(h,null,[y(`text`,{class:`vue-ui-heatmap-row-name`,"font-size":I.value.yAxis.fontSize,fill:I.value.yAxis.color,x:W.value+I.value.yAxis.offsetX,y:K.value.top+K.value.cellSize.height*t+K.value.cellSize.height/2+I.value.yAxis.fontSize/3+I.value.yAxis.offsetY-(F.value.rowTotal.value.show?I.value.yAxis.fontSize/1.5:0),"text-anchor":`end`,"font-weight":I.value.yAxis.bold?`bold`:`normal`},D(X.value.yLabels[t]),9,dt),F.value.rowTotal.value.show?(C(),v(`text`,{key:0,class:`vue-ui-heatmap-row-total`,"font-size":I.value.yAxis.fontSize,fill:I.value.yAxis.color,x:W.value,y:K.value.top+K.value.cellSize.height*t+K.value.cellSize.height/2+I.value.yAxis.fontSize+I.value.yAxis.offsetY,"text-anchor":`end`,"font-weight":I.value.yAxis.bold?`bold`:`normal`},D(nr(t)),9,ft)):_(``,!0)],64))),256))],512)):_(``,!0),I.value.xAxis.show?(C(),v(`g`,{key:4,ref_key:`xAxisLabels`,ref:nn},[(C(!0),v(h,null,T(X.value.xLabels,(e,t)=>(C(),v(h,null,[!I.value.xAxis.showOnlyAtModulo||I.value.xAxis.showOnlyAtModulo&&t%I.value.xAxis.showOnlyAtModulo===0?(C(),v(`text`,{key:0,class:`vue-ui-heatmap-col-name`,"text-anchor":I.value.xAxis.rotation===0?`middle`:I.value.xAxis.rotation<0?`start`:`end`,"font-size":I.value.xAxis.fontSize,fill:I.value.xAxis.color,"font-weight":I.value.xAxis.bold?`bold`:`normal`,transform:`translate(${K.value.left+K.value.cellSize.width/2+K.value.width/X.value.xLabels.length*t+I.value.xAxis.offsetX+K.value.sumCellXHeight}, ${K.value.topLabelsHeight+I.value.xAxis.offsetY}), rotate(${I.value.xAxis.rotation})`},D(e),9,pt)):_(``,!0)],64))),256))],512)):_(``,!0),F.value.columnTotal.value.show?(C(),v(`g`,{key:5,ref_key:`xAxisSums`,ref:rn},[(C(!0),v(h,null,T(X.value.xLabels,(e,t)=>(C(),v(`text`,{class:`vue-ui-heatmap-col-total`,"text-anchor":F.value.columnTotal.value.rotation===0?`middle`:F.value.columnTotal.value.rotation<0?`end`:`start`,"font-size":I.value.xAxis.fontSize,fill:I.value.xAxis.color,"font-weight":I.value.xAxis.bold?`bold`:`normal`,transform:`translate(${K.value.left+K.value.cellSize.width/2+K.value.width/X.value.xLabels.length*t+I.value.xAxis.offsetX+F.value.columnTotal.value.offsetX+K.value.sumCellXHeight}, ${K.value.bottom+I.value.xAxis.fontSize/2}), rotate(${F.value.columnTotal.value.rotation})`},D(rr(t)),9,mt))),256))],512)):_(``,!0),M.value?(C(),v(`g`,ht,[y(`rect`,{style:{"pointer-events":`none`},x:M.value.x-F.value.selected.border/2+G.value+K.value.sumCellXHeight,y:M.value.y-F.value.selected.border/2+G.value,width:K.value.cellSize.width-G.value+F.value.selected.border-G.value,height:K.value.cellSize.height-G.value+F.value.selected.border-G.value,fill:`transparent`,stroke:F.value.selected.color,"stroke-width":F.value.selected.border,rx:1},null,8,gt)])):_(``,!0),L.value.crosshairs.show&&M.value?(C(),v(`g`,_t,[y(`line`,{x1:K.value.left+K.value.sumCellXHeight,x2:M.value.x+K.value.sumCellXHeight,y1:M.value.y+(K.value.cellSize.height-G.value)/2,y2:M.value.y+(K.value.cellSize.height-G.value)/2,stroke:L.value.crosshairs.stroke,"stroke-width":L.value.crosshairs.strokeWidth,"stroke-dasharray":L.value.crosshairs.strokeDasharray,"stroke-linecap":`round`},null,8,vt),y(`line`,{x1:M.value.x+K.value.sumCellXHeight+(K.value.cellSize.width-G.value)/2,x2:M.value.x+K.value.sumCellXHeight+(K.value.cellSize.width-G.value)/2,y1:M.value.y,y2:K.value.top,stroke:L.value.crosshairs.stroke,"stroke-width":L.value.crosshairs.strokeWidth,"stroke-dasharray":L.value.crosshairs.strokeDasharray,"stroke-linecap":`round`},null,8,yt)])):_(``,!0),E(t.$slots,`svg`,{svg:{...U.value,drawingArea:K.value,cells:Un.value,isPrintingImg:O(Cn)||O(wn)||O(xr),isPrintingSvg:O(Sr)}},void 0,!0)],46,nt)),P.value.style.legend.show?(C(),v(`div`,{key:0,ref_key:`legendRight`,ref:$t,class:`vue-ui-heatmap-legend-right`,style:S({"--legend-width":P.value.style.legend.width+`px`})},[O(hn)?_(``,!0):(C(),v(`div`,{key:0,class:`vue-ui-heatmap-legend-label-max`,style:S({fontSize:P.value.style.legend.fontSize+`px`,color:P.value.style.legend.color})},D(O(m)(F.value.value.formatter,O(p)(q.value),O(o)({p:I.value.prefix,v:O(p)(q.value),s:I.value.suffix,r:P.value.style.legend.roundingValue}))),5)),y(`div`,bt,[y(`div`,{class:`vue-ui-heatmap-gauge`,style:S({background:`linear-gradient(to bottom, ${F.value.colors.hot}, ${F.value.colors.cold})`})},[Je(y(`div`,{class:`vue-ui-heatmap-gauge-indicator`,"data-value":O(m)(F.value.value.formatter,O(p)(Q.value),O(o)({p:I.value.prefix,v:O(p)(Q.value),s:I.value.suffix,r:P.value.style.legend.roundingValue})),style:S({position:`absolute`,width:`100%`,height:`2px`,background:[void 0,null].includes(Q.value)?`transparent`:O(ie)(Zn.value.datapoint.color),top:`${Hn(Q.value)}%`,transition:`all 0.2s ease-in-out`,"--background-color":P.value.style.backgroundColor,"--gauge-arrow-color":O(ie)(P.value.style.backgroundColor),"--gauge-arrow-text-color":O(ie)(P.value.style.backgroundColor),"--gauge-arrow-value":Q.value,"--gauge-arrow-font-size":P.value.style.legend.fontSize+`px`})},[y(`div`,St,D(O(m)(F.value.value.formatter,O(p)(Q.value),O(o)({p:I.value.prefix,v:O(p)(Q.value),s:I.value.suffix,r:P.value.style.legend.roundingValue}))),1)],12,xt),[[Ge,![void 0,null].includes(Q.value)]])],4)]),O(hn)?_(``,!0):(C(),v(`div`,{key:1,class:`vue-ui-heatmap-legend-label-min`,style:S({fontSize:P.value.style.legend.fontSize+`px`,color:P.value.style.legend.color})},D(O(m)(F.value.value.formatter,O(p)(J.value),O(o)({p:I.value.prefix,v:O(p)(J.value),s:I.value.suffix,r:P.value.style.legend.roundingValue}))),5))],4)):_(``,!0),t.$slots.hint?(C(),v(`div`,Ct,[E(t.$slots,`hint`,x(b({hint:P.value.a11y.translations.keyboardNavigation,isVisible:dn.value})),void 0,!0)])):_(``,!0)],2),t.$slots.watermark?(C(),v(`div`,wt,[E(t.$slots,`watermark`,x(b({isPrinting:O(Cn)||O(wn)||O(xr)||O(Sr)})),void 0,!0)])):_(``,!0),t.$slots.source?(C(),v(`div`,{key:6,ref_key:`source`,ref:on,dir:`auto`},[E(t.$slots,`source`,{},void 0,!0)],512)):_(``,!0),Ne(O($e),{teleportTo:P.value.style.tooltip.teleportTo,show:B.value.showTooltip&&Ht.value,backgroundColor:P.value.style.tooltip.backgroundColor,color:P.value.style.tooltip.color,borderRadius:P.value.style.tooltip.borderRadius,borderColor:P.value.style.tooltip.borderColor,borderWidth:P.value.style.tooltip.borderWidth,fontSize:P.value.style.tooltip.fontSize,backgroundOpacity:P.value.style.tooltip.backgroundOpacity,position:P.value.style.tooltip.position,offsetX:P.value.style.tooltip.offsetX,offsetY:P.value.style.tooltip.offsetY,parent:j.value,content:Ut.value,isFullscreen:ar.value,isCustom:P.value.style.tooltip.customFormat&&typeof P.value.style.tooltip.customFormat==`function`,smooth:P.value.style.tooltip.smooth,backdropFilter:P.value.style.tooltip.backdropFilter,smoothForce:P.value.style.tooltip.smoothForce,smoothSnapThreshold:P.value.style.tooltip.smoothSnapThreshold,isA11yMode:un.value===`keyboard`,a11yPosition:ln.value},{"tooltip-before":k(()=>[E(t.$slots,`tooltip-before`,x(b({...Zn.value})),void 0,!0)]),tooltip:k(()=>[E(t.$slots,`tooltip`,x(b({...Zn.value})),void 0,!0)]),"tooltip-after":k(()=>[E(t.$slots,`tooltip-after`,x(b({...Zn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),Bt.value&&P.value.userOptions.buttons.table?(C(),Ae(Ve(gr.value.component),Fe({key:7},gr.value.props,{ref_key:`tableUnit`,ref:Yt,onClose:vr}),je({content:k(()=>[y(`div`,{ref_key:`tableContainer`,ref:Kt,class:`vue-ui-heatmap-table atom-data-table`,style:S(`${P.value.table.useDialog?``:`max-height: 300px; margin-top: 24px;`}`)},[y(`div`,{style:S(`width:100%;overflow-x:auto;position:relative;${P.value.table.useDialog?``:`padding-top:36px`};`),class:Le({"vue-ui-responsive":O(_r)})},[P.value.table.useDialog?_(``,!0):(C(),v(`div`,{key:0,role:`button`,tabindex:`0`,style:S(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${P.value.table.th.backgroundColor};`),onClick:vr,onKeypress:Ye(vr,[`enter`])},[Ne(O(jt),{name:`close`,stroke:P.value.table.th.color,"stroke-width":2},null,8,[`stroke`])],36)),y(`table`,Tt,[P.value.table.useDialog?_(``,!0):(C(),v(`caption`,{key:0,style:S(`backgroundColor:${P.value.table.th.backgroundColor};color:${P.value.table.th.color};outline:${P.value.table.th.outline}`)},[Me(D(P.value.style.title.text)+` `,1),P.value.style.title.subtitle.text?(C(),v(`span`,Et,D(P.value.style.title.subtitle.text),1)):_(``,!0)],4)),y(`thead`,null,[y(`tr`,{role:`row`,style:S(`background:${P.value.table.th.backgroundColor};color:${P.value.table.th.color}`)},[y(`th`,{style:S(`outline:${P.value.table.th.outline};padding-right:6px`)},null,4),(C(!0),v(h,null,T(e.dataset,(e,t)=>(C(),v(`th`,{align:`right`,style:S(`outline:${P.value.table.th.outline};padding-right:6px`)},D(e.name),5))),256))],4)]),y(`tbody`,null,[(C(!0),v(h,null,T(X.value.xLabels,(t,n)=>(C(),v(`tr`,{role:`row`,class:Le({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":n%2==0,"vue-ui-data-table__tbody__row-odd":n%2!=0}),style:S(`background:${P.value.table.td.backgroundColor};color:${P.value.table.td.color}`)},[y(`td`,{"data-cell":P.value.table.colNames.xAxis,class:`vue-ui-data-table__tbody__td`,style:S(`outline:${P.value.table.td.outline}`)},[y(`div`,Ot,D(t),1)],12,Dt),(C(!0),v(h,null,T(e.dataset,(t,r)=>(C(),v(`td`,{class:`vue-ui-data-table__tbody__td`,"data-cell":e.dataset[r].name,style:S(`outline:${P.value.table.td.outline}`)},[y(`div`,At,D(isNaN(t.values[n])?`-`:O(o)({p:I.value.prefix,v:t.values[n],s:I.value.suffix,r:P.value.table.td.roundingValue})),1)],12,kt))),256))],6))),256))])])],6)],4)]),_:2},[P.value.table.useDialog?{name:`title`,fn:k(()=>[Me(D(gr.value.title),1)]),key:`0`}:void 0,P.value.table.useDialog?{name:`actions`,fn:k(()=>[y(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:s[0]||=e=>ir(P.value.userOptions.callbacks.csv),style:S({cursor:fn.value?`pointer`:`default`})},[Ne(O(jt),{name:`fileCsv`,stroke:gr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):_(``,!0),E(t.$slots,`skeleton`,{},()=>[O(hn)?(C(),Ae(me,{key:0})):_(``,!0)],!0)],46,et))}},[[`__scopeId`,`data-v-813ba319`]]);export{$e as n,jt as t};