vue-data-ui 3.27.0 → 3.27.1-beta.0

package/dist/vue-ui-bump-DYajIrva.js

@@ -0,0 +1,10 @@
+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 ee,At as s,D as c,Ht as l,J as te,P as ne,S as re,U as ie,X as ae,at as oe,c as se,i as ce,in as le,nn as ue,nt as de,r as fe,t as pe,w as me,yt as he,zt as ge}from"./lib-zDxoqrgo.js";import{n as _e,t as ve}from"./useHints-BH9r_0Vd.js";import{t as ye}from"./useTimeLabels-Das5O74F.js";import{t as be}from"./useConfig-CKdzPrcf.js";import{t as xe}from"./usePrinter-CnyKPIFM.js";import{n as Se,t as Ce}from"./BaseScanner-8NdoBs7B.js";import{t as we}from"./useNestedProp-CT9phgWx.js";import{t as Te}from"./useThemeCheck-BKNRbGeC.js";import{t as Ee}from"./useChartExport-DtPNpc9M.js";import{t as De}from"./useTimeLabelCollider-XQf_S7-z.js";import{n as Oe}from"./Title-BRAjxtjG.js";import{t as ke}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Ae,t as je}from"./useResponsive-D2CPcpda.js";import{t as Me}from"./A11yDataTable-DWNlWXzs.js";import{t as Ne}from"./useUserOptionState-CXlFnwPv.js";import{t as Pe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Fe}from"./chartImage-NwZO-elv.js";import{t as Ie}from"./vue_ui_bump-KJL9GYr4.js";import{t as Le}from"./BaseDraggableDialog-T1gEsQid.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Re,createTextVNode as ze,createVNode as Be,defineAsyncComponent as g,guardReactiveProps as Ve,mergeProps as He,normalizeClass as Ue,normalizeProps as We,normalizeStyle as _,onBeforeUnmount as Ge,onMounted as Ke,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as qe,shallowRef as Je,toDisplayString as S,toRefs as Ye,unref as C,watch as Xe,watchEffect as Ze,withCtx as w}from"vue";var Qe=/* @__PURE__ */ e({default:()=>vt}),$e=[`id`],et=[`id`],tt={style:{position:`relative`}},nt=[`xmlns`,`aria-describedby`,`viewBox`],rt=[`x`,`y`,`width`,`height`],it=[`d`,`stroke`,`stroke-width`,`onMouseenter`],at=[`d`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],ot=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],st=[`x`,`y`,`fill`,`font-size`],ct=[`onMouseenter`,`onMouseleave`,`onClick`],lt=[`x`,`y`,`fill`,`font-size`],ut=[`x`,`y`,`fill`,`font-size`,`font--weight`,`innerHTML`,`onMouseenter`,`onMouseleave`,`onClick`],dt=[`x`,`y`,`fill`,`font-size`,`font--weight`,`innerHTML`,`onMouseenter`,`onMouseleave`,`onClick`],ft={key:0},pt={key:1},mt=[`text-anchor`,`font-size`,`font-weight`,`fill`,`stroke`,`transform`],ht=[`text-anchor`,`font-size`,`fill`,`transform`,`innerHTML`],gt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},_t={key:5,class:`vue-data-ui-watermark`},vt=/*#__PURE__*/ ke({__name:`vue-ui-bump`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`],setup(e,{expose:ke,emit:Qe}){let vt=g(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),yt=g(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),bt=g(()=>import(`./DataTable-DSUA5M9p.js`)),xt=g(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),St=g(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),Ct=g(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),{vue_ui_bump:wt}=be(),{isThemeValid:Tt,warnInvalidTheme:Et}=Te(),T=e,Dt=Qe,Ot=d({get(){return!!T.dataset&&T.dataset.length},set(e){return e}}),E=y(null),D=y(ae()),kt=y(0),At=y(null),jt=y(null),Mt=y(null),Nt=y(!1),Pt=y(!1),Ft=y(0),It=y(0),Lt=y(null),Rt=y(null),zt=y(!1),O=y(null),Bt=y(null),Vt=y(null),Ht=y(null),k=y(null),Ut=y(!1),A=y(Jt()),j=d(()=>A.value.style.chart.layout.plots),M=d(()=>A.value.style.chart.layout),N=d(()=>A.value.style.chart),P=d(()=>A.value.userOptions);_e({config:()=>A.value,dataset:()=>T.dataset,component:`VueUiBump`,rules:[ve.emptyArray,{test:e=>e.length>31,message:[`👀 The number of series > 31. Consider:`,``,`▶️ Using filters to let users choose a maximum number of series to display`,``,`▶️ Use several instances of the component to show related series`]},{test:e=>e.length===1,message:[`👀 There is only 1 series in your dataset. Consider:`,``,`▶️ Using a line chart, with VueUiXy.`]},{test:e=>e.some(e=>e.values.length>31),message:[`👀 Some series contain > 31 data points, which can make the chart hard to read. Consider:`,``,`▶️ Use filters to show less data points at a time.`,``,`▶️ Use larger time scales, or aggregated values.`]}]});let F=d(()=>A.value.userOptions.useCursorPointer),Wt=d(()=>le({defaultConfig:{userOptions:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{timeLabels:{show:!1},lines:{coatingColor:`#4A4A4A`},plots:{stroke:`#4A4A4A`,labels:{show:!1,displayedValue:`rank`}},nameLabels:{useSerieColor:!0}}}}},userConfig:A.value.skeletonConfig??{}})),{loading:Gt,FINAL_DATASET:Kt,manualLoading:qt}=Se({...Ye(T),FINAL_CONFIG:A,prepareConfig:Jt,skeletonDataset:T.config?.skeletonDataset??[{name:`————`,values:[1,1,1,2,2,2,3,3,2,2],color:`#4A4A4A`},{name:`————`,values:[2,2,2,1,3,3,2,2,3,3],color:`#6A6A6A`},{name:`————`,values:[3,3,3,3,1,1,1,1,1,1],color:`#8A8A8A`}],skeletonConfig:le({defaultConfig:A.value,userConfig:Wt.value})});Ke(ln);function Jt(){let e=we({userConfig:T.config,defaultConfig:wt}),t={},n=e.theme;if(n){if(!Tt.value(e))Et(e),t=e;else{let r=we({userConfig:Ie[n]||T.config,defaultConfig:e});t={...we({userConfig:T.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:ue[n]||l}}}else t=e;return t}let{userOptionsVisible:Yt,setUserOptionsVisibility:Xt,keepUserOptionState:Zt}=Ne({config:A.value}),{svgRef:I}=Pe({config:N.value.title});function Qt(){zt.value=!0,Xt(!0)}function $t(){Xt(!1),zt.value=!1}let L=y({showTable:A.value.table.show});Xe(A,()=>{L.value={showTable:A.value.table.show}},{immediate:!0}),Xe(()=>T.config,e=>{Gt.value||(A.value=Jt()),Yt.value=!A.value.userOptions.showOnChartHover,ln(),Ft.value+=1,It.value+=1,L.value.showTable=A.value.table.show,R.value.width=N.value.width,R.value.height=N.value.height,R.value.paddingRatio={top:N.value.padding.top/N.value.height,right:N.value.padding.right/N.value.width,bottom:N.value.padding.bottom/N.value.height,left:N.value.padding.left/N.value.width}}),Xe(()=>T.dataset,e=>{Array.isArray(e)&&e.length>0&&(qt.value=!1)},{deep:!0});let{isPrinting:en,isImaging:tn,generatePdf:nn,generateImage:rn}=xe({elementId:`bump_${D.value}`,fileName:N.value.title.text||`vue-ui-bump`,options:A.value.userOptions.print}),an=d(()=>A.value.userOptions.show&&!N.value.title.text),R=y({width:N.value.width,height:N.value.height,paddingRatio:{top:N.value.padding.top/N.value.height,right:N.value.padding.right/N.value.width,bottom:N.value.padding.bottom/N.value.height,left:N.value.padding.left/N.value.width}}),on=d(()=>me(A.value.customPalette)),z=Je(null),B=Je(null),sn=y(null),cn=d(()=>A.value.debug);function ln(){if(ge(T.dataset)?(oe({componentName:`VueUiBump`,type:`dataset`,debug:cn.value}),qt.value=!0):T.dataset.forEach((e,t)=>{he({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{Ot.value=!1,oe({componentName:`VueUiBump`,type:`datasetSerieAttribute`,property:e,index:t,debug:cn.value}),qt.value=!0})}),ge(T.dataset)||(qt.value=A.value.loading),setTimeout(()=>{Pt.value=!0},10),A.value.responsive){let e=Ae(()=>{Pt.value=!1;let{width:e,height:t}=je({chart:E.value,noTitle:jt.value,title:N.value.title.text?At.value:null,legend:null,slicer:null,source:Mt.value});requestAnimationFrame(()=>{R.value.width=e,R.value.height=t-12,clearTimeout(sn.value),sn.value=setTimeout(()=>{Pt.value=!0},10)})});z.value&&(B.value&&z.value.unobserve(B.value),z.value.disconnect()),z.value=new ResizeObserver(e),B.value=E.value.parentNode,z.value.observe(B.value)}}Ge(()=>{z.value&&(B.value&&z.value.unobserve(B.value),z.value.disconnect())});let un=d(()=>Kt.value.map((e,t)=>{let n=re(e.color)||on.value[t]||l[t]||l[t%l.length];return{...e,absoluteIndex:t,id:ae(),color:n}})),V=d(()=>Math.max(...un.value.map(e=>e.values.length)));function dn(e){let t=e.map(()=>Array(V.value).fill(null));for(let n=0;n<V.value;n+=1){let r=e.map((e,r)=>({seriesIndex:r,value:e.values?.[n],previousPosition:n>0?t[r][n-1]:r})).filter(e=>Number.isFinite(e.value));r.sort((e,t)=>t.value===e.value?e.previousPosition-t.previousPosition:t.value-e.value);for(let e=0;e<r.length;e+=1){let i=r[e];t[i.seriesIndex][n]=e}}return t}function fn(){let e=0;return Bt.value&&(e=Array.from(Bt.value.querySelectorAll(`tspan`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0)),e}function pn(){let e=0;return Vt.value&&(e=Array.from(Vt.value.querySelectorAll(`tspan`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0)),e}let mn=y(0),hn=Ae(e=>{mn.value=e},100);Ze(e=>{let t=Ht.value;if(!t)return;let n=new ResizeObserver(e=>{hn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Ge(()=>{mn.value=0});let gn=d(()=>{let e=M.value.timeLabels;if(!e.show)return 0;let t=e.fontSize,n=e.rotation,r=Math.PI/180*n,i=G.value||[];if(!i.length)return 0;let a=i.reduce((e,t)=>{let n=String(t?.text??``).split(`
+`).length;return Math.max(e,n)},1),o=i.reduce((e,t)=>{let n=String(t?.text??``).split(`
+`).reduce((e,t)=>Math.max(e,t.length),0);return Math.max(e,n)},0),ee=t*1.3*a,s=o*t*(o===1?1:.6),c=Math.abs(Math.sin(r))*s+Math.abs(Math.cos(r))*ee,l=t*.3;return Math.max(0,c+Math.abs(e.offsetY)+l)}),H=d(()=>{let{height:e,width:t}=R.value,{right:n,left:r}=R.value.paddingRatio,i=fn(),a=pn(),o=N.value.padding.top,ee=t-t*n-a,s=t*r+i,c=t-t*n-t*r-i-a,l=e-o-N.value.padding.bottom-gn.value,te=o+l,ne=o+l,re=Math.max(0,e);return{chartHeight:ne,chartWidth:Math.max(0,t),top:o,right:Math.max(0,ee),bottom:Math.max(0,te),left:Math.max(0,s),width:Math.max(0,c),height:Math.max(0,l),unitH:Math.max(0,l)/un.value.length,unitW:Math.max(0,c)/V.value,svgHeight:re}}),U=d(()=>{if(!Ot.value&&!Gt.value)return[];let e=dn(un.value);return un.value.map((t,n)=>({...t,positions:e[n]})).map(e=>{let t=e.positions.map((t,n)=>{let r=ce(j.value.labels.formatter,e.values[n],ee({p:j.value.labels.prefix,v:e.values[n],s:j.value.labels.suffix,r:j.value.labels.rounding}));return{name:e.name,id:e.id,x:H.value.left+n*H.value.unitW+H.value.unitW/2,y:H.value.top+t*H.value.unitH+H.value.unitH/2,value:e.values[n],displayValue:r,rank:e.positions[n]+1,color:e.color,labelColor:j.value.labels.color===`auto`?fe(e.color):re(j.value.labels.color)??fe(e.color)}}),n=t.filter(e=>s(e.value)),r=M.value.lines.smooth?ne(n):ie(n);return{...e,coordinates:t,path:r}})});d(()=>U.value.flatMap((e,t)=>e.coordinates.map((n,r)=>({...n,pointIndex:r,seriesIndex:t,seriesId:e.id,seriesName:e.name,pointId:`${e.id}_${r}`})).filter(e=>s(e.value))));function _n(e,t,n,r){let i=e.toSorted((e,t)=>e.y-t.y);for(let e=1;e<i.length;e+=1){let n=i[e-1],r=i[e];r.y<n.y+t&&(r.y=n.y+t)}let a=i.length-1;if(a>=0&&i[a].y>r){i[a].y=r;for(let e=a-1;e>=0;--e){let n=i[e+1],r=i[e];r.y>n.y-t&&(r.y=n.y-t)}}if(i.length&&i[0].y<n){let e=n-i[0].y;for(let t=0;t<i.length;t+=1)i[t].y+=e}return i}let vn=d(()=>{let e=[],t=[];U.value.forEach(n=>{let r=n.coordinates.filter(e=>Number.isFinite(e.rank));if(!r.length)return;e.push({...r[0]});let i=r[r.length-1];t.push({...i})});let n=M.value.nameLabels.fontSize,r=n*1.4,i=H.value.top+n,a=H.value.bottom-n,o=_n(t,r,i,a);return{left:_n(e,r,i,a),right:o}});function yn(e){let t=j.value.labels.fontSize*.4,n=e.displayValue,r=n.length*(j.value.labels.fontSize*(n.length===1?1:.6)),i=j.value.labels.fontSize,a=r+t*2,o=i+t*2,ee=e.x-a/2,s=e.y-o/2,c=j.value.strokeWidth;return{x:ee-c/2,y:s-c/2,width:a+c,height:o+c,fill:e.color,stroke:j.value.stroke,"stroke-width":c,rx:o/2}}let W=y([]),bn=0;Ze(()=>{let e=++bn,t=M.value.timeLabels,n=t.values,r=t.datetimeFormatter,i=V.value;if(!i||!Array.isArray(n)||n.length===0){W.value=[];return}(async()=>{let t=await ye({values:n,maxDatapoints:i,formatter:r,start:0,end:i});e===bn&&(W.value=t)})()});let G=d(()=>{let e=M.value.timeLabels,t=W.value||[],n=W.value||[],r=V.value,i=t.map(e=>e?.text??``),a=n.map(e=>e?.text??``);return se(!!e.showOnlyFirstAndLast,!!e.showOnlyAtModulo,Math.max(1,Number(e.modulo)||1),i,a,0,null,r)}),xn=d(()=>R.value.width),Sn=d(()=>R.value.height),Cn=d(()=>({start:0,end:V.value})),K=d(()=>[...U.value].map(e=>{let t=[...e.coordinates].filter(e=>s(e.value)).at(-1);return{...e,navigationRank:t?.rank??1/0}}).sort((e,t)=>e.navigationRank-t.navigationRank));function wn(){k.value=null,Ut.value=!0}function Tn(){Dn(),Ut.value=!1}function En(e,t){let n=K.value.length;return n?e===null||e<0||e>=n?0:t===`previous`?(e-1+n)%n:(e+1)%n:null}function Dn(){if(k.value!==null){let e=K.value[k.value];e&&Q(e,e)}k.value=null,O.value=null}function On(e){if(!I.value||J.value||document.activeElement!==I.value||!K.value.length)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].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){Dn();return}if(r){if(k.value===null)return;let e=K.value[k.value];if(!e)return;$(e,e);return}let a=k.value;a===null?a=0:t?a=En(a,`previous`):n&&(a=En(a,`next`));let o=K.value[a];o&&(k.value=a,Z(o,o))}let q=d(()=>({head:X.value.head,body:U.value.map(e=>[e.name,...e.coordinates.map(e=>s(e.value)?`${e.displayValue} (${e.rank})`:`-`)]),caption:A.value.a11y.translations.tableCaption,notice:A.value.a11y.translations.tableAvailable}));De({timeLabelsEls:Ht,timeLabels:W,slicer:Cn,configRef:A,rotationPath:[`style`,`chart`,`layout`,`timeLabels`,`rotation`],autoRotatePath:[`style`,`chart`,`layout`,`timeLabels`,`autoRotate`,`enable`],isAutoSize:!1,width:xn,height:Sn,rotation:M.value.timeLabels.autoRotate.angle});let J=y(!1);function kn(){J.value=!J.value}function An(e){Nt.value=e,kt.value+=1}function jn(){L.value.showTable=!L.value.showTable}Xe(()=>L.value.showTable,e=>t(e,A,Lt));function Mn(){L.value.showTable=!1,Rt.value&&Rt.value.setTableIconState(!1)}function Nn(){return U.value}function Pn(e=null){let t=[[N.value.title.text],[N.value.title.subtitle.text],[``]],n=[``,...G.value.map(e=>e?.text??``)],r=U.value.map(e=>[e.name,...e.coordinates.map(e=>`${e.displayValue}`)]),i=U.value.map(e=>[e.name,...e.coordinates.map(e=>`${e.rank}`)]),a=t.concat([[A.value.table.columnNames.values]]).concat([n]).concat(r).concat([[``],[A.value.table.columnNames.ranking],[n]]).concat(i),o=c(a);e?e(o):de({csvContent:o,title:N.value.title.text||`vue-ui-bump`})}let Y=d(()=>n({config:A,style:N,mutableConfig:L,dialog:Le,accordion:yt,isFullscreen:Nt,parent:E,maxWidth:800,isCursorPointer:F})),X=d(()=>({head:[``].concat(G.value.map(e=>e.text)),body:U.value.map((e,t)=>[e.name,...e.coordinates.map(e=>`${e.displayValue} (${e.rank})`)]),config:{th:{backgroundColor:A.value.table.th.backgroundColor,color:A.value.table.th.color,outline:A.value.table.th.outline},td:{backgroundColor:A.value.table.td.backgroundColor,color:A.value.table.td.color,outline:A.value.table.td.outline},breakpoint:A.value.table.responsiveBreakpoint},colNames:[A.value.table.columnNames.series]})),Fn=d(()=>N.value.backgroundColor),In=d(()=>N.value.title),{isCallbackImaging:Ln,isCallbackSvg:Rn,generateSvg:zn,onGenerateImage:Bn}=Ee({svg:I,title:In,legend:null,legendItems:null,backgroundColor:Fn,getSvgCallback:()=>A.value.userOptions.callbacks.svg,generateImage:rn}),Vn=Fe(E,()=>N.value.title.text);function Z(e,t){O.value=t.id,A.value.events.datapointEnter&&A.value.events.datapointEnter({datapoint:e,seriesIndex:e?.pointIndex??null})}function Q(e,t){O.value=null,A.value.events.datapointLeave&&A.value.events.datapointLeave({datapoint:e,seriesIndex:e?.pointIndex??null})}function $(e,t){A.value.events.datapointClick&&A.value.events.datapointClick({datapoint:e,seriesIndex:e?.pointIndex??null})}async function Hn(){if(Dt(`copyAlt`,{config:A.value,dataset:U.value}),!A.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(A.value.userOptions.callbacks.altCopy({config:A.value,dataset:U.value}))}return ke({getData:Nn,getImage:Vn,generatePdf:nn,generateCsv:Pn,generateImage:rn,generateSvg:zn,toggleTable:jn,toggleAnnotator:kn,toggleFullscreen:An,copyAlt:Hn}),(e,t)=>(v(),m(`div`,{id:`bump_${D.value}`,ref_key:`bumpChart`,ref:E,class:Ue({"vue-data-ui-component":!0,"vue-ui-bump":!0,"vue-data-ui-wrapper-fullscreen":Nt.value}),style:_(`background:${N.value.backgroundColor};color:${N.value.color};font-family:${A.value.style.fontFamily}; position: relative; ${A.value.responsive?`height: 100%`:``}`),onMouseenter:Qt,onMouseleave:$t},[h(`p`,{id:`chart-instructions-${D.value}`,class:`sr-only`},S(A.value.a11y.translations.keyboardNavigation),9,et),q.value.body.length?(v(),f(Me,{key:0,uid:D.value,head:q.value.head,body:q.value.body,caption:q.value.caption,notice:q.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):p(``,!0),P.value.buttons.annotator?(v(),f(C(xt),{key:1,svgRef:C(I),backgroundColor:N.value.backgroundColor,color:N.value.color,active:J.value,isCursorPointer:F.value,palette:P.value.annotatorPalette,onClose:kn},Re({_:2},[b(C(i),t=>({name:t,fn:w(n=>[x(e.$slots,t,We(Ve(C(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),x(e.$slots,`userConfig`,{},void 0,!0),an.value?(v(),m(`div`,{key:2,ref_key:`noTitle`,ref:jt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),N.value.title.text?(v(),m(`div`,{key:3,ref_key:`chartTitle`,ref:At,style:`width:100%;background:transparent;`},[(v(),f(Oe,{key:`title_${Ft.value}`,config:{title:{cy:`bump-title`,...N.value.title},subtitle:{cy:`bump-subtitle`,...N.value.title.subtitle}}},null,8,[`config`]))],512)):p(``,!0),P.value.show&&Ot.value&&(C(Zt)||C(Yt))?(v(),f(C(St),{ref_key:`userOptionsRef`,ref:Rt,key:`user_option_${kt.value}`,backgroundColor:N.value.backgroundColor,color:N.value.color,isPrinting:C(en),isImaging:C(tn),uid:D.value,hasTooltip:!1,hasPdf:P.value.buttons.pdf,hasImg:P.value.buttons.img,hasSvg:P.value.buttons.svg,hasXls:P.value.buttons.csv,hasTable:P.value.buttons.table,hasLabel:!1,hasAltCopy:P.value.buttons.altCopy,hasFullscreen:P.value.buttons.fullscreen,isFullcreen:Nt.value,chartElement:E.value,position:P.value.position,titles:{...P.value.buttonTitles},hasAnnotator:P.value.buttons.annotator,isAnnotation:J.value,callbacks:P.value.callbacks,printScale:P.value.print.scale,tableDialog:A.value.table.useDialog,isCursorPointer:F.value,onToggleFullscreen:An,onGeneratePdf:C(nn),onGenerateCsv:Pn,onGenerateImage:C(Bn),onGenerateSvg:C(zn),onToggleTable:jn,onToggleAnnotator:kn,onCopyAlt:Hn,style:_({visibility:C(Zt)?C(Yt)?`visible`:`hidden`:`visible`})},Re({_:2},[b(C(a)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:w(n=>[x(e.$slots,t,We(Ve(C(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasAltCopy.hasFullscreen.isFullcreen.chartElement.position.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),h(`div`,tt,[(v(),m(`svg`,{ref_key:`svgRef`,ref:I,xmlns:C(pe),"aria-describedby":`chart-instructions-${D.value}`,viewBox:`0 0 ${H.value.chartWidth<=0?10:H.value.chartWidth} ${H.value.svgHeight<=0?10:H.value.svgHeight}`,class:Ue({"vue-data-ui-loading":C(Gt),"no-transition":!A.value.useCssAnimation}),style:_(`max-width:100%;overflow:visible;background:transparent;color:${N.value.color}`),role:`img`,"aria-live":`polite`,preserveAspectRatio:`xMidYMid`,tabindex:`0`,onFocus:wn,onBlur:Tn,onKeydown:On},[Be(C(Ct)),e.$slots[`chart-background`]?(v(),m(`foreignObject`,{key:0,x:H.value.left,y:H.value.top,width:H.value.width<=0?10:H.value.width,height:H.value.height<=0?10:H.value.height,style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,rt)):p(``,!0),(v(!0),m(u,null,b(U.value,e=>(v(),m(u,null,[h(`path`,{class:`transition-opacity`,d:`M${e.path}`,stroke:M.value.lines.coatingColor,"stroke-width":M.value.lines.strokeWidth+2,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`,style:_({opacity:O.value==null||O.value===e.id?1:.1}),onMouseenter:t=>O.value=e.id,onMouseleave:t[0]||=e=>O.value=null},null,44,it),h(`path`,{class:`transition-opacity`,d:`M${e.path}`,stroke:e.color,"stroke-width":M.value.lines.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`,style:_({opacity:O.value==null||O.value===e.id?1:.1}),onMouseenter:t=>Z(e,e),onMouseleave:t=>Q(e,e),onClick:t=>$(e,e)},null,44,at)],64))),256)),(v(!0),m(u,null,b(U.value,t=>(v(),m(u,null,[j.value.labels.displayedValue===`rank`?(v(!0),m(u,{key:0},b(t.coordinates,(e,n)=>(v(),m(`circle`,{class:`transition-opacity`,cx:e.x,cy:e.y,r:j.value.radius,fill:t.color,stroke:j.value.stroke,"stroke-width":j.value.strokeWidth,style:_({opacity:O.value==null||O.value===t.id?1:.1}),onMouseenter:r=>Z({...e,pointIndex:n},t),onMouseleave:r=>Q({...e,pointIndex:n},t),onClick:r=>Z({...e,pointIndex:n},t)},null,44,ot))),256)):p(``,!0),j.value.labels.show&&j.value.labels.displayedValue===`rank`?(v(!0),m(u,{key:1},b(t.coordinates,e=>(v(),m(`text`,{class:`transition-opacity`,x:e.x,y:e.y+j.value.labels.fontSize/3,fill:e.labelColor,"font-size":j.value.labels.fontSize,"text-anchor":`middle`,style:_({userSelect:`none`,pointerEvents:`none`,opacity:O.value==null||O.value===t.id?1:.1})},S(e.rank),13,st))),256)):p(``,!0),j.value.labels.displayedValue===`value`?(v(!0),m(u,{key:2},b(t.coordinates,n=>(v(),m(u,null,[C(s)(n.value)?(v(),m(`rect`,He({key:0,class:`transition-opacity`},{ref_for:!0},yn(n),{style:{opacity:O.value==null||O.value===t.id?1:.1},onMouseenter:n=>Z({...e.point,pointIndex:e.i},t),onMouseleave:n=>Q({...e.point,pointIndex:e.i},t),onClick:n=>Z({...e.point,pointIndex:e.i},t)}),null,16,ct)):p(``,!0),C(s)(n.value)&&j.value.labels.show?(v(),m(`text`,{key:1,class:`transition-opacity`,x:n.x,y:n.y+j.value.labels.fontSize/3,fill:n.labelColor,"font-size":j.value.labels.fontSize,"text-anchor":`middle`,style:_({userSelect:`none`,pointerEvents:`none`,opacity:O.value==null||O.value===t.id?1:.1})},S(n.displayValue),13,lt)):p(``,!0)],64))),256)):p(``,!0)],64))),256)),M.value.nameLabels.leftLabels.show?(v(),m(`g`,{key:1,ref_key:`labelsLeft`,ref:Bt},[(v(!0),m(u,null,b(vn.value.left.filter(e=>C(s)(e.value)),(e,t)=>(v(),m(`text`,{class:`transition-opacity`,x:H.value.left,y:e.y+M.value.nameLabels.fontSize/3,fill:M.value.nameLabels.useSerieColor?e.color:M.value.nameLabels.color,"font-size":M.value.nameLabels.fontSize,"font--weight":M.value.nameLabels.bold?`bold`:`normal`,"text-anchor":`end`,innerHTML:C(te)({content:e.name,fontSize:M.value.nameLabels.fontSize,fill:M.value.nameLabels.useSerieColor?e.color:M.value.nameLabels.color,x:H.value.left-M.value.nameLabels.offsetX,y:e.y+M.value.nameLabels.fontSize/3,translateY:!0}),style:_({opacity:O.value==null||O.value===e.id?1:.1}),onMouseenter:t=>Z(e,e),onMouseleave:t=>Q(e,e),onClick:t=>$(e,e)},null,44,ut))),256))],512)):p(``,!0),M.value.nameLabels.rightLabels.show?(v(),m(`g`,{key:2,ref_key:`labelsRight`,ref:Vt},[(v(!0),m(u,null,b(vn.value.right.filter(e=>C(s)(e.value)),(e,t)=>(v(),m(`text`,{class:`transition-opacity`,x:H.value.right,y:e.y+M.value.nameLabels.fontSize/3,fill:M.value.nameLabels.useSerieColor?e.color:M.value.nameLabels.color,"font-size":M.value.nameLabels.fontSize,"font--weight":M.value.nameLabels.bold?`bold`:`normal`,"text-anchor":`start`,innerHTML:C(te)({content:e.name,fontSize:M.value.nameLabels.fontSize,fill:M.value.nameLabels.useSerieColor?e.color:M.value.nameLabels.color,x:H.value.right+M.value.nameLabels.offsetX,y:e.y+M.value.nameLabels.fontSize/3,translateY:!0}),style:_({opacity:O.value==null||O.value===e.id?1:.1}),onMouseenter:t=>Z(e,e),onMouseleave:t=>Q(e,e),onClick:t=>$(e,e)},null,44,dt))),256))],512)):p(``,!0),M.value.timeLabels.show?(v(),m(`g`,{key:3,ref_key:`timeLabelsEls`,ref:Ht},[e.$slots[`time-label`]?(v(),m(`g`,ft,[(v(!0),m(u,null,b(G.value,(t,n)=>(v(),m(`g`,null,[x(e.$slots,`time-label`,He({ref_for:!0},{x:H.value.unitW*n+H.value.unitW/2+H.value.left,y:H.value.chartHeight+M.value.timeLabels.offsetY,fontSize:M.value.timeLabels.fontSize,fill:M.value.timeLabels.color,transform:`translate(${H.value.unitW*n+H.value.unitW/2+H.value.left}, ${H.value.chartHeight+M.value.timeLabels.offsetY}), rotate(${M.value.timeLabels.rotation})`,absoluteIndex:t.absoluteIndex,content:t.text,textAnchor:M.value.timeLabels.rotation>0?`start`:N.value.layout.timeLabels.rotation<0?`end`:`middle`,show:!0}),void 0,!0)]))),256))])):(v(),m(`g`,pt,[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,null,[String(e.text).includes(`
+`)?(v(),m(`text`,{key:t+`-multi`,"text-anchor":M.value.timeLabels.rotation>0?`start`:M.value.timeLabels.rotation<0?`end`:`middle`,"font-size":M.value.timeLabels.fontSize,fill:M.value.timeLabels.color,transform:`
+                                        translate(
+                                        ${H.value.unitW*t+H.value.unitW/2+H.value.left},
+                                        ${H.value.chartHeight+M.value.timeLabels.fontSize*1.3+M.value.timeLabels.offsetY}
+                                        ),
+                                        rotate(${M.value.timeLabels.rotation})
+                                    `,innerHTML:C(te)({content:String(e.text),fontSize:M.value.timeLabels.fontSize,fill:N.value.layout.timeLabels.color,stroke:N.value.backgroundColor,x:0,y:0})},null,8,ht)):(v(),m(`text`,{class:`vue-data-ui-time-label`,key:t,"text-anchor":M.value.timeLabels.rotation>0?`start`:M.value.timeLabels.rotation<0?`end`:`middle`,"font-size":M.value.timeLabels.fontSize,"font-weight":M.value.timeLabels.bold?`bold`:`normal`,fill:M.value.timeLabels.color,stroke:N.value.backgroundColor,"stroke-width":`3`,"stroke-linejoin":`round`,"stroke-linecap":`round`,"paint-order":`stroke fill`,transform:`translate(${H.value.unitW*t+H.value.unitW/2+H.value.left}, ${H.value.chartHeight+M.value.timeLabels.offsetY}), rotate(${M.value.timeLabels.rotation})`},S(e.text),9,mt))]))),256))]))],512)):p(``,!0),x(e.$slots,`svg`,{svg:{drawingArea:H.value,data:U.value,isPrintingImg:C(en)||C(tn)||C(Ln),isPrintingSvg:C(Rn)}},void 0,!0)],46,nt)),e.$slots.hint?(v(),m(`div`,gt,[x(e.$slots,`hint`,We(Ve({hint:A.value.a11y.translations.keyboardNavigation,isVisible:Ut.value})),void 0,!0)])):p(``,!0)]),e.$slots.watermark?(v(),m(`div`,_t,[x(e.$slots,`watermark`,We(Ve({isPrinting:C(en)||C(tn)||C(Ln)||C(Rn)})),void 0,!0)])):p(``,!0),Ot.value&&P.value.buttons.table?(v(),f(qe(Y.value.component),He({key:6},Y.value.props,{ref_key:`tableUnit`,ref:Lt,onClose:Mn}),Re({content:w(()=>[Be(C(bt),{colNames:X.value.colNames,head:X.value.head,body:X.value.body,config:X.value.config,title:A.value.table.useDialog?``:Y.value.title,withCloseButton:!A.value.table.useDialog,isCursorPointer:F.value,onClose:Mn},{th:w(({th:e})=>[h(`div`,null,S(e),1)]),td:w(({td:e})=>[ze(S(e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`])]),_:2},[A.value.table.useDialog?{name:`title`,fn:w(()=>[ze(S(Y.value.title),1)]),key:`0`}:void 0,A.value.table.useDialog?{name:`actions`,fn:w(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Pn(P.value.callbacks.csv),style:_({cursor:F.value?`pointer`:`default`})},[Be(C(vt),{name:`fileCsv`,stroke:Y.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),e.$slots.source?(v(),m(`div`,{key:7,ref_key:`source`,ref:Mt,dir:`auto`},[x(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),x(e.$slots,`skeleton`,{},()=>[C(Gt)?(v(),f(Ce,{key:0})):p(``,!0)],!0)],46,$e))}},[[`__scopeId`,`data-v-0d30d571`]]);export{Qe as n,vt as t};

package/dist/vue-ui-candlestick-CdAZuNxo.js

@@ -0,0 +1,22 @@
+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,Jt as ee,Qt as te,X as ne,Yt as re,_ as ie,_t as ae,at as oe,b as u,c as se,gt as ce,in as le,nt as ue,pt as de,rn as fe,t as pe,wt as me,zt as he}from"./lib-zDxoqrgo.js";import{n as ge,t as _e}from"./useHints-BH9r_0Vd.js";import{n as ve,r as ye,t as be}from"./useTimeLabels-Das5O74F.js";import{t as xe}from"./useConfig-CKdzPrcf.js";import{t as Se}from"./usePrinter-CnyKPIFM.js";import{n as Ce,t as we}from"./BaseScanner-8NdoBs7B.js";import{t as Te}from"./useNestedProp-CT9phgWx.js";import{t as Ee}from"./useThemeCheck-BKNRbGeC.js";import{t as De}from"./useChartExport-DtPNpc9M.js";import{t as Oe}from"./useTransitions-DfSHzsdz.js";import{t as ke}from"./useTimeLabelCollider-XQf_S7-z.js";import{t as Ae}from"./img-8sM3sVWU.js";import{n as je}from"./Title-BRAjxtjG.js";import{t as Me}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Ne,t as Pe}from"./useResponsive-D2CPcpda.js";import{t as Fe}from"./DefGrad-DKMq1REY.js";import{t as Ie}from"./SlicerPreview-GFRs2EWB.js";import{t as Le}from"./A11yDataTable-DWNlWXzs.js";import{t as Re}from"./useUserOptionState-CXlFnwPv.js";import{t as ze}from"./useChartAccessibility-DOMuYJfm.js";import{t as Be}from"./vue_ui_candlestick-DKvha_Ab.js";import{Fragment as d,computed as f,createBlock as Ve,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as He,createTextVNode as Ue,createVNode as We,defineAsyncComponent as g,guardReactiveProps as Ge,mergeProps as Ke,nextTick as qe,normalizeClass as _,normalizeProps as Je,normalizeStyle as Ye,onBeforeUnmount as Xe,onMounted as Ze,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as Qe,shallowRef as $e,toDisplayString as et,toRefs as tt,unref as S,watch as nt,watchEffect as rt,withCtx as C}from"vue";var it=/* @__PURE__ */ e({default:()=>zt}),at=[`id`],ot=[`id`],st={style:{position:`relative`}},ct=[`xmlns`,`aria-describedby`,`viewBox`],lt=[`x`,`y`,`width`,`height`],ut={key:1},dt={key:0},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],mt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],ht=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],gt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],_t=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],vt=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],yt=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],bt=[`transform`,`text-anchor`,`font-size`,`fill`,`stroke`,`font-weight`],xt=[`x`,`y`,`width`,`height`,`fill`,`rx`],St={key:0},Ct=[`cx`,`cy`,`r`,`fill`],wt=[`cx`,`cy`,`r`,`fill`],Tt={key:1},Et=[`x`,`y`,`width`,`height`,`rx`,`fill`],Dt=[`x`,`y`,`width`,`height`,`fill`,`rx`],Ot=[`x`,`y`,`height`,`width`,`fill`,`rx`],kt=[`x`,`y`,`height`,`width`,`fill`,`rx`,`stroke`,`stroke-width`],At=[`d`,`stroke`],jt=[`x`,`y`,`height`,`width`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],Mt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`,`stroke`,`stroke-opacity`,`stroke-width`,`stroke-dasharray`],Nt=[`data-start`,`data-end`],Pt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ft={key:5,class:`vue-data-ui-watermark`},It=[`d`,`stroke`],Lt=[`d`,`stroke`,`stroke-width`],Rt=[`innerHTML`],zt=/*#__PURE__*/ Me({__name:`vue-ui-candlestick`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},selectedXIndex:{type:Number,default:void 0},zoomState:{type:Object,default:null}},emits:[`selectX`,`zoomStart`,`zoomEnd`,`zoomReset`,`update:zoomState`,`copyAlt`],setup(e,{expose:Me,emit:it}){let zt=g(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),Bt=g(()=>import(`./Tooltip-BUXB0i6z.js`)),Vt=g(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),Ht=g(()=>import(`./DataTable-DSUA5M9p.js`)),Ut=g(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),Wt=g(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),Gt=g(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),Kt=g(()=>import(`./BaseDraggableDialog-T1gEsQid.js`).then(e=>e.n)),{vue_ui_candlestick:qt}=xe(),{isThemeValid:Jt,warnInvalidTheme:Yt}=Ee(),w=e,T=it,Xt=f(()=>!!w.dataset&&w.dataset.length),E=y(!1),Zt=y(null),D=y(ne()),Qt=y(!1),$t=y(``),O=y(void 0),en=y(0),k=y(null),tn=y(null),nn=y(null),rn=y(null),an=y(null),on=y(null),sn=y(0),cn=y(0),ln=y(0),un=y(null),dn=y(null),fn=y(null),pn=y(null),mn=y(null),A=y(null),hn=y({x:0,y:0}),gn=y(`pointer`),_n=y(!1),j=y(Dn()),M=f(()=>j.value.style.layout.candle),N=f(()=>j.value.style.layout.grid),P=f(()=>j.value.style.layout),F=f(()=>j.value.style),I=f(()=>j.value.userOptions);ge({config:()=>j.value,dataset:()=>w.dataset,component:`VueUiCandlestick`,rules:[_e.emptyArray,{test:e=>e.length>200,message:[`👀 Dataset has > 200 points, which can cause performance issues. Consider:`,``,`▶️ Adding date inputs to constraint the dataset into a specific timeframe`,``,`▶️ Aggregate the data to larger time series to reduce the number of datapoints.`]}]});let{transitionEnabled:vn}=Oe({config:()=>j.value.transitions,dataset:()=>w.dataset}),yn=f(()=>j.value.userOptions.useCursorPointer),bn=f(()=>le({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{backgroundColor:`#99999930`,layout:{candle:{colors:{bearish:`#BABABA`,bullish:`#CACACA`}},grid:{stroke:`#6A6A6A`,verticalLines:{stroke:`#6A6A6A`},horizontalLines:{stroke:`#6A6A6A`},yAxis:{dataLabels:{show:!1},scale:{min:null,max:null}}},wick:{stroke:`#6A6A6A`,extremity:{color:`#6A6A6A`}}},tooltip:{show:!1},zoom:{show:!1,startIndex:null,endIndex:null}}},userConfig:j.value.skeletonConfig??{}})),{loading:L,FINAL_DATASET:R,manualLoading:xn}=Ce({...tt(w),FINAL_CONFIG:j,prepareConfig:Dn,callback:()=>{Promise.resolve().then(async()=>{await Rr()})},skeletonDataset:w.config?.skeletonDataset??[[17040672e5,10,20,2,10,30],[17067456e5,10,30,5,20,50],[17092512e5,20,50,10,30,80],[17119296e5,30,80,20,50,130],[17145216e5,50,130,30,100,210],[17172e8,80,210,50,150,340],[1719792e6,130,340,80,280,550],[17224704e5,210,550,130,450,890],[17251488e5,340,890,210,750,1440],[17277408e5,550,1440,340,1230,2330],[17304192e5,890,2330,550,1950,3770],[17330112e5,1440,3770,890,3200,5100]],skeletonConfig:le({defaultConfig:j.value,userConfig:bn.value})}),{userOptionsVisible:Sn,setUserOptionsVisibility:Cn,keepUserOptionState:wn}=Re({config:j.value}),{svgRef:z}=ze({config:F.value.title});function Tn(){Cn(!0)}function En(){Cn(!1),T(`selectX`,{seriesIndex:null,datapoint:null}),O.value=null}function Dn(){let e=Te({userConfig:w.config,defaultConfig:qt}),t={};w.config&&me(w.config,`style.layout.grid.xAxis.dataLabels.showFirstAndLast`)&&(e.style.layout.grid.xAxis.dataLabels.showFirstAndLast=!!w.config.style.layout.grid.xAxis.dataLabels.showFirstAndLast);let n=e.theme;if(n){if(!Jt.value(e))Yt(e),t=e;else{let r=Te({userConfig:Be[n]||w.config,defaultConfig:e});t={...Te({userConfig:w.config,defaultConfig:r})}}}else t=e;return t}let On=te(w.config);nt(()=>w.config,(e,t)=>{let n=te(e),r=n!==On;On=n;let i=Dn();if(!r){j.value.style.tooltip=i.style.tooltip,V.value.showTooltip=j.value.style.tooltip.show;return}L.value||(j.value=Dn()),Sn.value=!j.value.userOptions.showOnChartHover,Mn(),sn.value+=1,ln.value+=1,cn.value+=1,V.value.showTable=j.value.table.show,V.value.showTooltip=F.value.tooltip.show,ar()},{deep:!0}),nt(()=>w.dataset,e=>{Array.isArray(e)&&e.length>0&&(xn.value=!1),Pr()},{deep:!0});let B=y({height:F.value.height,width:F.value.width,xAxisFontSize:N.value.xAxis.dataLabels.fontSize,yAxisFontSize:N.value.yAxis.dataLabels.fontSize}),kn=$e(null),An=$e(null);Ze(()=>{Mn()});let jn=f(()=>j.value.debug);function Mn(){if(he(w.dataset)&&(oe({componentName:`VueUiCandlestick`,type:`dataset`,debug:jn.value}),xn.value=!0),he(w.dataset)||(xn.value=j.value.loading),setTimeout(()=>{E.value=!0},10),j.value.responsive){let e=Ne(()=>{E.value=!1;let{width:e,height:t}=Pe({chart:k.value,title:F.value.title.text?tn.value:null,slicer:F.value.zoom.show&&U.value>6?rn.value.$el:null,legend:nn.value,source:an.value,noTitle:on.value});requestAnimationFrame(()=>{B.value.width=e,B.value.height=t-12,j.value.responsiveProportionalSizing?(B.value.xAxisFontSize=fe({relator:Math.min(e,t),adjuster:F.value.width,source:N.value.xAxis.dataLabels.fontSize,threshold:6,fallback:6}),B.value.yAxisFontSize=fe({relator:Math.min(e,t),adjuster:F.value.width,source:N.value.yAxis.dataLabels.fontSize,threshold:6,fallback:6})):(B.value.xAxisFontSize=N.value.xAxis.dataLabels.fontSize,B.value.yAxisFontSize=N.value.yAxis.dataLabels.fontSize),Zt.value&&clearTimeout(Zt.value),Zt.value=setTimeout(()=>{E.value=!0},10)})});kn.value&&(An.value&&kn.value.unobserve(An.value),kn.value.disconnect()),kn.value=new ResizeObserver(e),An.value=k.value.parentNode,kn.value.observe(An.value)}Rr()}Xe(()=>{kn.value&&(An.value&&kn.value.unobserve(An.value),kn.value.disconnect())});let{isPrinting:Nn,isImaging:Pn,generatePdf:Fn,generateImage:In}=Se({elementId:`vue-ui-candlestick_${D.value}`,fileName:F.value.title.text||`vue-ui-candlestick`,options:j.value.userOptions.print}),Ln=f(()=>j.value.userOptions.show&&!F.value.title.text),V=y({showTable:j.value.table.show,showTooltip:F.value.tooltip.show}),Rn=y(0),zn=Ne(e=>{Rn.value=e},100);rt(e=>{let t=dn.value;if(!t)return;let n=new ResizeObserver(e=>{zn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Xe(()=>{Rn.value=0});let Bn=f(()=>{let e=0;return dn.value&&(e=Rn.value+B.value.xAxisFontSize),e}),Vn=f(()=>N.value.yAxis.position===`right`);function Hn(){let e=N.value.yAxis.dataLabels.offsetX;un.value&&(e=Array.from(un.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0));let t=N.value.yAxis.axisName?.show?N.value.yAxis.axisName.fontSize+N.value.yAxis.axisName.offsetX:0,n=e+13+t;return{left:Vn.value?0:n,right:Vn.value?n:0,scaleLabelsWidth:e,yAxisNameWidth:t,crosshair:13}}let H=f(()=>{let{top:e,right:t,bottom:n,left:r}=P.value.padding,i=Hn();return{top:e+12,right:B.value.width-t-i.right,left:r+i.left,bottom:B.value.height-n-Bn.value,width:B.value.width-r-t-i.left-i.right,height:B.value.height-e-n-Bn.value-12,scaleLabelsWidth:i.scaleLabelsWidth,yAxisNameWidth:i.yAxisNameWidth,crosshair:i.crosshair}}),Un=f(()=>{let{left:e,top:t,width:n,height:r}=H.value,i=W.value.start,a=W.value.end-i,o=n/a,s=G.value.start-i,c=G.value.end-i,l=Math.max(0,Math.min(a,s)),ee=Math.max(0,Math.min(a,c));return{x:e+l*o,y:t,width:(ee-l)*o,height:r,fill:F.value.zoom.preview.fill,stroke:F.value.zoom.preview.stroke,"stroke-width":F.value.zoom.preview.strokeWidth,"stroke-dasharray":F.value.zoom.preview.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:{pointerEvents:`none`,transition:`none !important`,animation:`none !important`}}}),U=f(()=>R.value.length),W=y({start:0,end:U.value}),G=y({start:0,end:U.value}),Wn=y(!1),Gn=y(!1),Kn=y(null),K=y(null),q=y(null),qn=y(!1),Jn=y({time:0,x:0,y:0,pointerType:null}),Yn=f(()=>F.value.zoom?.dragToZoom),J=f(()=>Yn.value.show&&Xt.value&&Ir.value&&U.value>1&&!L.value),Xn=null,Zn={},Qn=f(()=>F.value.zoom.preview.enable&&(G.value.start!==W.value.start||G.value.end!==W.value.end));function $n(e,t){G.value[e]=t}function er(e,t=W.value){if(!e||typeof e!=`object`)return null;let n=e.start!==void 0&&e.start!==null,r=e.end!==void 0&&e.end!==null;if(!n&&!r)return null;let i=Number(n?e.start:t.start),a=Number(r?e.end:t.end);return!Number.isFinite(i)||!Number.isFinite(a)?null:{start:i,end:a}}function tr(e){let t=er(e);t&&T(`update:zoomState`,t)}function nr(){Xn&&=(cancelAnimationFrame(Xn),null),Zn={}}function rr(e){let t=er(e);if(!t)return null;let{start:n,end:r}=t;return(n!==Number(W.value.start)||r!==Number(W.value.end))&&(nr(),W.value={start:n,end:r},G.value={start:n,end:r},ar()),{start:Number(W.value.start),end:Number(W.value.end)}}function ir(e){let t=rr(e);return t?(T(`update:zoomState`,t),t):null}function ar(){let e=Math.max(0,Math.min(W.value.start??0,U.value-1)),t=Math.max(e+1,Math.min(W.value.end??U.value,U.value));(!Number.isFinite(e)||!Number.isFinite(t)||t<=e)&&(e=0,t=U.value),W.value.start=e,W.value.end=t,G.value.start=e,G.value.end=t,rn.value&&rn.value.setRangeValues(e,t)}let or=f(()=>R.value.map((e,t)=>({...e,absoluteIndex:t}))),sr=f(()=>or.value.slice(W.value.start,W.value.end)),Y=f(()=>(jn.value&&R.value.forEach((e,t)=>{[null,void 0].includes(e[0])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`period (index 0)`,index:t}),[null,void 0].includes(e[1])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`open (index 1)`,index:t}),[null,void 0].includes(e[2])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`high (index 2)`,index:t}),[null,void 0].includes(e[3])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`low (index 3)`,index:t}),[null,void 0].includes(e[4])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`close (index 4)`,index:t}),[null,void 0].includes(e[5])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`volume (index 5)`,index:t})}),sr.value.map(e=>({absoluteIndex:e.absoluteIndex,period:e[0],open:e[1],high:e[2],low:e[3],close:e[4],volume:e[5]})))),cr=f(()=>or.value.map(e=>({absoluteIndex:e.absoluteIndex,period:e[0],open:e[1],high:e[2],low:e[3],close:e[4],volume:e[5]}))),X=f(()=>H.value.width/sr.value.length),lr=f(()=>({max:N.value.yAxis.scale.max===null?Math.max(...Y.value.map(e=>e.high)):N.value.yAxis.scale.max,min:N.value.yAxis.scale.min===null?0:N.value.yAxis.scale.min})),Z=f(()=>ie(lr.value.min,lr.value.max,N.value.yAxis.dataLabels.steps));function ur(e,t,n=null,r=null){return{...e,x:u(H.value.left+t*X.value+X.value/2),y:u(H.value.top+(1-(e-Z.value.min)/(Z.value.max-Z.value.min))*H.value.height),value:u(e),isMax:e===n,isMin:e===r}}let Q=f(()=>{let e={o:Math.max(...Y.value.map(e=>e.open)),h:Math.max(...Y.value.map(e=>e.high)),l:Math.max(...Y.value.map(e=>e.low)),c:Math.max(...Y.value.map(e=>e.low))},t={o:Math.min(...Y.value.map(e=>e.open)),h:Math.min(...Y.value.map(e=>e.high)),l:Math.min(...Y.value.map(e=>e.low)),c:Math.min(...Y.value.map(e=>e.low))},n=Math.max(...Y.value.map(e=>e.volume)),r=Math.min(...Y.value.map(e=>e.volume));return Y.value.map((i,a)=>{let o=ur(i.open,a,e.o,t.o),s=ur(i.high,a,e.h,t.h),c=ur(i.low,a,e.l,t.l),l=ur(i.close,a,e.c,t.c),ee=i.close>i.open,te=i.volume===n,ne=i.volume===r;return{period:i.period,open:o,high:s,low:c,close:l,volume:i.volume,isBullish:ee,absoluteIndex:i.absoluteIndex,isMaxVolume:te,isMinVolume:ne}})});function dr({item:e,index:t,minimapH:n,unitW:r}){let i=N.value.yAxis.scale.min??0,a=N.value.yAxis.scale.max??Math.max(...R.value.map(e=>e[2]));return{...e,x:u(t*r),y:u((1-(e-i)/(a-i))*n),value:u(e)}}let fr=f(()=>({minimapH:e,unitW:t})=>cr.value.map((n,r)=>{let i=dr({item:n.open,index:r,minimapH:e,unitW:t}),a=dr({item:n.high,index:r,minimapH:e,unitW:t}),o=dr({item:n.low,index:r,minimapH:e,unitW:t}),s=dr({item:n.close,index:r,minimapH:e,unitW:t}),c=n.close>n.open;return{period:n.period,open:i,high:a,low:o,close:s,volume:n.volume,isBullish:c,absoluteIndex:n.absoluteIndex}})),pr=f(()=>F.value.zoom.minimap.show?[{name:``,series:R.value.map(e=>e[2]),color:`#000000`,isVisible:!0}]:[]);function mr(e){return u((e-Z.value.min)/(Z.value.max-Z.value.min))}let hr=f(()=>Z.value.ticks.map(e=>({y:H.value.bottom-H.value.height*mr(e),value:u(e)}))),gr=f(()=>Y.value.map(e=>e.period)),$=y([]),_r=y([]),vr=0;rt(()=>{let e=++vr;(async()=>{let t=await be({values:R.value.map(e=>e[0]),maxDatapoints:R.value.length,formatter:N.value.xAxis.dataLabels.datetimeFormatter,start:W.value.start,end:W.value.end});e===vr&&($.value=t)})()});let yr=0;rt(()=>{let e=++yr;(async()=>{let t=await be({values:R.value.map(e=>e[0]),maxDatapoints:R.value.length,formatter:N.value.xAxis.dataLabels.datetimeFormatter,start:0,end:U.value});e===yr&&(_r.value=t)})()});let br=y({months:[],shortMonths:[],days:[],shortDays:[]}),xr=0;rt(()=>{let e=++xr,t=N.value.xAxis.dataLabels.datetimeFormatter;(async()=>{let n=await ye(t.locale).catch(()=>ye(`en`));e===xr&&(br.value=n.data)})()});let Sr=f(()=>{let e=N.value.xAxis.dataLabels.datetimeFormatter,t=ve({useUTC:e.useUTC,locale:br.value,januaryAsYear:e.januaryAsYear});return(e,n)=>{let r=R.value.map(e=>e[0])?.[e];return r==null?``:t.formatDate(new Date(r),n)}}),Cr=f(()=>(R.value.map(e=>e[0])||[]).map((e,t)=>({text:Sr.value(t,F.value.tooltip.timeFormat),absoluteIndex:t}))),wr=f(()=>(R.value.map(e=>e[0])||[]).map((e,t)=>({text:Sr.value(t,F.value.zoom.timeFormat),absoluteIndex:t}))),Tr=f(()=>{let e=Math.max(1,Math.floor(Number(N.value.xAxis.dataLabels.modulo)||1)),t=($.value||[]).map(e=>e?.text??``),n=(_r.value||[]).map(e=>e?.text??``),r=W.value.start??0,i=r>0||t.length<n.length;return ce({configuredModulo:e,visibleTexts:t,allTexts:n,startAbs:r,isZoomed:i})}),Er=f(()=>{let e=N.value.xAxis.dataLabels,t=$.value||[],n=_r.value||[],r=W.value.start??0,i=O.value,a=U.value,o=t.map(e=>e?.text??``),s=n.map(e=>e?.text??``),c=se(!!e.showOnlyFirstAndLast,!!e.showOnlyAtModulo,Tr.value,o,s,r,i,a);if(!e.showFirstAndLast||e.showOnlyFirstAndLast||!c.length)return c;let l=c.length-1;return c.map((e,t)=>t!==0&&t!==l?e:{...e,text:o[t]??``})}),Dr=f(()=>N.value.xAxis.dataLabels.datetimeFormatter.enable?{start:$.value.find(e=>e.absoluteIndex===W.value.start)?.text??``,end:$.value.find(e=>e.absoluteIndex===W.value.end-1)?.text??``}:{start:R.value[W.value.start]?R.value[W.value.start][0]:R.value[0][0],end:R.value[W.value.end-1]?R.value[W.value.end-1][0]:R.value.at(-1)[0]}),Or=y(null);function kr(e,t){j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:t,seriesIndex:e+W.value.start})}function Ar(e,t){j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:t,seriesIndex:e+W.value.start}),O.value=void 0,Qt.value=!1,A.value=null,gn.value=`pointer`}nt(()=>w.selectedXIndex,e=>{if([null,void 0].includes(w.selectedXIndex)){O.value=null;return}let t=e-W.value.start;t<0||e>=W.value.end?O.value=null:O.value=t??null},{immediate:!0});function jr(e,t,n=`pointer`){j.value.events.datapointEnter&&j.value.events.datapointEnter({datapoint:t,seriesIndex:e+W.value.start}),O.value=e,A.value=e,gn.value=n,Or.value={datapoint:t,seriesIndex:e,series:Q.value,config:j.value},wi({seriesIndex:e,datapoint:t});let r=F.value.tooltip.customFormat;if(l(r)&&de(()=>r({seriesIndex:e,datapoint:t,series:Q.value,config:j.value})))$t.value=r({seriesIndex:e,datapoint:t,series:Q.value,config:j.value});else if(F.value.tooltip.show){let n=``,{period:r,open:i,high:a,low:o,close:c,volume:l,isBullish:ee}=Q.value[e],{period:te,open:ne,high:re,low:ie,close:ae,volume:oe}=j.value.translations,u=N.value.xAxis.dataLabels.datetimeFormatter.enable?F.value.tooltip.useDefaultTimeFormat?$.value[e].text:Cr.value[e].text:r;n+=`<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${M.value.borderRadius*3}" stroke="${M.value.stroke}" stroke-width="${M.value.strokeWidth}" 
+                fill="${M.value.gradient.show?ee?`url(#bullish_gradient_${D.value})`:`url(#bearish_gradient_${D.value})`:ee?M.value.colors.bullish:M.value.colors.bearish}"/></svg>${u}</div>`,n+=`${oe} : <b>${isNaN(l)?`-`:Number(l.toFixed(F.value.tooltip.roundingValue)).toLocaleString()}</b>`,n+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${F.value.tooltip.borderColor}">`;let se=s({p:F.value.tooltip.prefix,v:i.value,s:F.value.tooltip.suffix,r:F.value.tooltip.roundingValue}),ce=s({p:F.value.tooltip.prefix,v:a.value,s:F.value.tooltip.suffix,r:F.value.tooltip.roundingValue}),le=s({p:F.value.tooltip.prefix,v:o.value,s:F.value.tooltip.suffix,r:F.value.tooltip.roundingValue}),ue=s({p:F.value.tooltip.prefix,v:c.value,s:F.value.tooltip.suffix,r:F.value.tooltip.roundingValue});F.value.tooltip.showChart?n+=`<div style="width:100%;display:flex;align-items:center;justify-content:center;">
+                    <svg viewBox="0 0 100 100" width="100px" style="background: transparent; overflow: visible">
+                        <g>
+                            <line x1="50" x2="50" y1="20" y2="80" stroke="${t.isBullish?M.value.colors.bullish:M.value.colors.bearish}" stroke-width="2" stroke-linecap="round" />
+                            ${t.isBullish?`
+                                <line x1="45" x2="50" y1="65" y2="65" stroke="${M.value.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
+                                <line x1="50" x2="55" y1="35" y2="35" stroke="${M.value.colors.bullish}" stroke-width="1.5" stroke-linecap="round" />
+                                <text x="38" y="70" text-anchor="end" fill="${F.value.tooltip.color}">${se}</text>
+                                <text x="62" y="40" text-anchor="start" fill="${F.value.tooltip.color}">${ue}</text>
+                            `:`
+                                <line x1="45" x2="50" y1="35" y2="35" stroke="${M.value.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
+                                <line x1="50" x2="55" y1="65" y2="65" stroke="${M.value.colors.bearish}" stroke-width="1.5" stroke-linecap="round" />
+                                <text x="40" y="40" text-anchor="end" fill="${F.value.tooltip.color}">${se}</text>
+                                <text x="60" y="70" text-anchor="start" fill="${F.value.tooltip.color}">${ue}</text>
+                            `}
+                            <text x="50" y="13" text-anchor="middle" fill="${F.value.tooltip.color}">${ce}</text>
+                            <text x="50" y="97" text-anchor="middle" fill="${F.value.tooltip.color}">${le}</text>
+                        <g>
+                    </svg>
+                    <div>
+                `:(n+=`<div>${ne}: <b>${se}</b></div>`,n+=`<div>${re}: <b>${ce}</b></div>`,n+=`<div>${ie}: <b>${le}</b></div>`,n+=`<div>${ae}: <b>${ue}</b></div>`),n+=`</div>`,$t.value=`<div style="text-align:right">${n}</div>`}Qt.value=!0}let Mr=y(null);function Nr(){return new Promise(e=>requestAnimationFrame(()=>requestAnimationFrame(()=>e())))}Xe(()=>{Mr.value&&cancelAnimationFrame(Mr.value),nr(),mi()});async function Pr({force:e=!1,publish:t=!1}={}){let n=!e;Rr(n),await qe(),Mr.value&&cancelAnimationFrame(Mr.value),Mr.value=requestAnimationFrame(async()=>{await Nr(),Rr(n),Mr.value=null,t&&(tr({start:Number(W.value.start),end:Number(W.value.end)}),T(`zoomReset`))})}let Fr=y(!1),Ir=y(!1),Lr=y(!1);nt([()=>w.zoomState,Ir],([e,t])=>{t&&e&&rr(e)},{deep:!0,immediate:!0});function Rr(e=!0){if(!Fr.value){Fr.value=!0;try{let{startIndex:t,endIndex:n}=F.value.zoom,r=U.value,i=t??0,a=n==null?r:Math.min(zr(n+1,i),r);Lr.value=!0,W.value.start=i,W.value.end=a,G.value.start=i,G.value.end=a,ar(),Ir.value=!0,e&&w.zoomState&&rr(w.zoomState)}finally{queueMicrotask(()=>{Lr.value=!1}),Fr.value=!1}}}function zr(e,t=W.value.start){let n=U.value,r=Number(t);return e>n?n:e<0||e<=r?Math.min(r+1,n):e}function Br(e=null){qe(()=>{let t=[j.value.translations.period,j.value.translations.open,j.value.translations.high,j.value.translations.low,j.value.translations.close,j.value.translations.volume],n=Q.value.map((e,t)=>[N.value.xAxis.dataLabels.datetimeFormatter.enable?$.value[t].text:e.period,e.open.value,e.high.value,e.low.value,e.close.value,e.volume]),r=[[F.value.title.text],[F.value.title.subtitle.text],[[``],[``],[``]],t].concat(n),i=c(r);e?e(i):ue({csvContent:i,title:F.value.title.text||`vue-ui-candlestick`})})}let Vr=f(()=>{let e=Q.value.map((e,t)=>{let n=N.value.xAxis.dataLabels.datetimeFormatter.enable?$.value?.[t]?.text??``:e.period,r=s({p:j.value.table.td.prefix,v:e.open.value,s:j.value.table.td.suffix,r:j.value.table.td.roundingValue}),i=s({p:j.value.table.td.prefix,v:e.high.value,s:j.value.table.td.suffix,r:j.value.table.td.roundingValue}),a=s({p:j.value.table.td.prefix,v:e.low.value,s:j.value.table.td.suffix,r:j.value.table.td.roundingValue}),o=s({p:j.value.table.td.prefix,v:e.close.value,s:j.value.table.td.suffix,r:j.value.table.td.roundingValue});return[`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${M.value.borderRadius*3}" fill="${M.value.gradient.show?e.isBullish?`url(#bullish_gradient_${D.value})`:`url(#bearish_gradient_${D.value})`:e.isBullish?M.value.colors.bullish:M.value.colors.bearish}"/></svg> ${n}`,r,i,a,o,`${isNaN(e.volume)?`-`:e.volume.toLocaleString()}`]}),t=Q.value.map((e,t)=>[N.value.xAxis.dataLabels.datetimeFormatter.enable?$.value?.[t]?.text??``:e.period,s({p:j.value.table.td.prefix,v:e.open.value,s:j.value.table.td.suffix,r:j.value.table.td.roundingValue}),s({p:j.value.table.td.prefix,v:e.high.value,s:j.value.table.td.suffix,r:j.value.table.td.roundingValue}),s({p:j.value.table.td.prefix,v:e.low.value,s:j.value.table.td.suffix,r:j.value.table.td.roundingValue}),s({p:j.value.table.td.prefix,v:e.close.value,s:j.value.table.td.suffix,r:j.value.table.td.roundingValue}),`${isNaN(e.volume)?`-`:e.volume}`]),n={th:{backgroundColor:j.value.table.th.backgroundColor,color:j.value.table.th.color,outline:j.value.table.th.outline},td:{backgroundColor:j.value.table.td.backgroundColor,color:j.value.table.td.color,outline:j.value.table.td.outline},breakpoint:j.value.table.responsiveBreakpoint},r=[j.value.translations.period,j.value.translations.open,j.value.translations.high,j.value.translations.low,j.value.translations.last,j.value.translations.volume];return{head:r,body:e,bodyA11y:t,config:n,colNames:r}}),Hr=y(!1);function Ur(e){Hr.value=e,en.value+=1}function Wr(){V.value.showTable=!V.value.showTable}function Gr(){V.value.showTooltip=!V.value.showTooltip}let Kr=y(!1);function qr(){Kr.value=!Kr.value}async function Jr({scale:e=2}={}){if(!k.value)return;let{imageUri:t,base64:n}=await Ae({domElement:k.value,base64:!0,img:!0,scale:e}),r=k.value.getBoundingClientRect(),i={width:r.width,height:r.height,aspectRatio:r.height?r.width/r.height:0},a=await ae(t,e)??i;return{imageUri:t,base64:n,title:F.value.title.text,...a}}let Yr=f(()=>B.value.width),Xr=f(()=>B.value.height);ke({timeLabelsEls:dn,timeLabels:$,slicer:W,configRef:j,rotationPath:[`style`,`layout`,`grid`,`xAxis`,`dataLabels`,`rotation`],autoRotatePath:[`style`,`layout`,`grid`,`xAxis`,`dataLabels`,`autoRotate`,`enable`],isAutoSize:!1,rotation:N.value.xAxis.dataLabels.autoRotate.angle,width:Yr,height:Xr}),nt(j,()=>{V.value={showTable:j.value.table.show,showTooltip:F.value.tooltip.show}},{immediate:!0});let Zr=f(()=>n({config:j,style:F,mutableConfig:V,dialog:Kt,accordion:Vt,isFullscreen:Hr,parent:k,maxWidth:800,isCursorPointer:yn}));nt(()=>V.value.showTable,e=>t(e,j,fn));function Qr(){V.value.showTable=!1,pn.value&&pn.value.setTableIconState(!1)}let $r=f(()=>F.value.backgroundColor),ei=f(()=>F.value.title),{isCallbackImaging:ti,isCallbackSvg:ni,generateSvg:ri,onGenerateImage:ii}=De({svg:z,title:ei,legend:null,legendItems:null,backgroundColor:$r,getSvgCallback:()=>j.value.userOptions.callbacks.svg,generateImage:In});function ai(e){mn.value=e}function oi(e){Zn={...Zn,...e},Xn&&cancelAnimationFrame(Xn),Xn=requestAnimationFrame(()=>{let e={...W.value,...Zn};Zn={},Xn=null,W.value=e,G.value={...e},ar(),tr({start:Number(W.value.start),end:Number(W.value.end)})})}function si(e){if(Fr.value||Lr.value)return;let t=Number(e);Number.isFinite(t)&&(T(`zoomStart`,{index:t,isZoom:t!==0}),t!==W.value.start&&oi({start:t}))}function ci(e){if(Fr.value||Lr.value)return;let t=Zn.start===void 0?W.value.start:Zn.start,n=zr(Number(e),t);Number.isFinite(n)&&(T(`zoomEnd`,{index:n,isZoom:n!==U.value}),(n!==W.value.end||Zn.start!==void 0)&&oi({end:n}))}function li(e){let t=z.value;if(!t)return null;if(t.createSVGPoint&&t.getScreenCTM){let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM();if(r){let e=n.matrixTransform(r.inverse());return{x:e.x,y:e.y}}}let n=t.getBoundingClientRect(),r=t.viewBox?.baseVal||{x:0,y:0,width:n.width,height:n.height},i=Math.min(n.width/r.width,n.height/r.height);if(!Number.isFinite(i)||i<=0)return null;let a=r.width*i,o=r.height*i,s=(n.width-a)/2,c=(n.height-o)/2;return{x:(e.clientX-n.left-s)/i+r.x,y:(e.clientY-n.top-c)/i+r.y}}let ui=f(()=>!Wn.value||Kn.value==null||K.value==null?null:{x:Math.min(Kn.value,K.value),y:H.value.top,width:Math.abs(K.value-Kn.value),height:H.value.height}),di=f(()=>Ir.value?Number(W.value.start)!==0||Number(W.value.end)!==Number(U.value):!1);function fi(e){return Math.min(Math.max(e,H.value.left),H.value.right)}function pi(){O.value=void 0,A.value=null,gn.value=`pointer`,Qt.value=!1,mn.value=null}function mi(e){let t=e?.pointerId==null?q.value:e.pointerId;t!=null&&z.value?.hasPointerCapture?.(t)&&z.value.releasePointerCapture(t),Wn.value=!1,Kn.value=null,K.value=null,q.value=null}function hi(){qn.value=!0,setTimeout(()=>{qn.value=!1},0)}function gi(e){qn.value&&(qn.value=!1,e.preventDefault(),e.stopPropagation())}function _i(e){if(!J.value||!di.value||!e)return!1;let t=Date.now(),n=e.pointerType||`mouse`,r=Jn.value,i=n===`touch`?450:350,a=n===`touch`?28:10,o=Math.hypot(e.clientX-r.x,e.clientY-r.y);return r.time>0&&r.pointerType===n&&t-r.time<=i&&o<=a?(Jn.value={time:0,x:0,y:0,pointerType:null},hi(),mi(e),Pr({force:!0,publish:!0}),!0):(Jn.value={time:t,x:e.clientX,y:e.clientY,pointerType:n},!1)}function vi(e){let t=Number(W.value.end)-Number(W.value.start);if(t<=0||!Number.isFinite(X.value)||X.value<=0)return null;let n=Math.floor((fi(e)-H.value.left)/X.value);return Math.max(0,Math.min(t-1,n))}function yi(e,t){let n=vi(e),r=vi(t);if(n==null||r==null)return null;let i=Math.min(n,r),a=Math.max(n,r);return a<=i?null:{start:Number(W.value.start)+i,end:Number(W.value.start)+a+1}}function bi(e){let t=ir(e);return t?(T(`zoomStart`,{index:t.start,isZoom:t.start!==0}),T(`zoomEnd`,{index:t.end,isZoom:t.end!==U.value}),t):null}function xi(e){if(!J.value||Kr.value||e.button!==void 0&&e.button!==0||q.value!=null&&e.pointerId!==q.value)return;let t=li(e);if(!t)return;let{left:n,right:r,top:i,bottom:a}=H.value;if(t.x<n||t.x>r||t.y<i||t.y>a||Number(W.value.end)-Number(W.value.start)<=1)return;Gn.value=!0,z.value?.focus?.({preventScroll:!0}),pi();let o=fi(t.x);q.value=e.pointerId,Wn.value=!0,Kn.value=o,K.value=o}function Si(e){if(!J.value||!Wn.value||q.value!=null&&e.pointerId!==q.value)return;let t=li(e);t&&(K.value=fi(t.x),pi(),Kn.value!=null&&Math.abs(K.value-Kn.value)>=2&&!z.value?.hasPointerCapture?.(e.pointerId)&&z.value?.setPointerCapture?.(e.pointerId))}function Ci(e){if(!J.value||!Wn.value||q.value!=null&&e.pointerId!==q.value)return;let t=li(e);t&&(K.value=fi(t.x));let n=Kn.value,r=K.value;if((n==null||r==null?0:Math.abs(r-n))<Math.max(4,H.value.width*.01)){if(_i(e))return;mi(e);return}let i=yi(Math.min(n,r),Math.max(n,r));if(!i){mi(e);return}mi(e),bi(i)&&(Jn.value={time:0,x:0,y:0,pointerType:null},pi(),hi())}function wi({seriesIndex:e,datapoint:t}){let n=W.value.start+e;T(`selectX`,{dataset:t,index:n,indexLabel:``})}async function Ti(){if(T(`copyAlt`,{config:j.value,dataset:Q.value}),!j.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(j.value.userOptions.callbacks.altCopy({config:j.value,dataset:Q.value}))}function Ei(){A.value=null,_n.value=!0}function Di(){Gn.value=!1,A.value=null,gn.value=`pointer`,Qt.value=!1,O.value=void 0,_n.value=!1}function Oi(e){if(!z.value||Kr.value||document.activeElement!==z.value||(Gn.value=!1,!Q.value.length))return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){if(J.value&&(di.value||Wn.value)){mi(),Pr({force:!0,publish:!0});return}A.value=null,gn.value=`pointer`,Qt.value=!1,O.value=void 0;return}if(r){if(A.value===null)return;let e=Q.value[A.value];if(!e)return;kr(A.value,e);return}let a=A.value,o=O.value,s=a!==null&&a>=0&&a<Q.value.length,c=o!=null&&o>=0&&o<Q.value.length;s?n?(a+=1,a>=Q.value.length&&(a=0)):t&&(--a,a<0&&(a=Q.value.length-1)):c?(a=n?o+1:o-1,a>=Q.value.length&&(a=0),a<0&&(a=Q.value.length-1)):a=n?0:Q.value.length-1;let l=Q.value[a];l&&(ki(a),jr(a,l,`keyboard`))}function ki(e){if(!Number.isFinite(e)||!z.value)return;let t=H.value.left+X.value*e+X.value/2,n=H.value.top+H.value.height/2,r=z.value.getBoundingClientRect();hn.value={x:r.left+t/B.value.width*r.width,y:r.top+n/B.value.height*r.height}}let Ai=f(()=>({headers:Vr.value?.colNames??[],rows:Vr.value?.bodyA11y??[]}));return Me({getImage:Jr,generatePdf:Fn,generateCsv:Br,generateImage:In,generateSvg:ri,toggleTable:Wr,toggleTooltip:Gr,toggleAnnotator:qr,toggleFullscreen:Ur,copyAlt:Ti,resetZoom:()=>Pr({force:!0,publish:!0}),setZoomState:ir}),(e,t)=>(v(),m(`div`,{ref_key:`candlestickChart`,ref:k,class:_(`vue-data-ui-component vue-ui-candlestick ${Hr.value?`vue-data-ui-wrapper-fullscreen`:``} ${j.value.useCssAnimation?``:`vue-ui-dna`}`),style:Ye(`position:relative;font-family:${F.value.fontFamily}; text-align:center;background:${F.value.backgroundColor}; ${j.value.responsive?`height: 100%`:``}`),id:`vue-ui-candlestick_${D.value}`,onMouseenter:Tn,onMouseleave:En},[h(`div`,{id:`chart-instructions-${D.value}`,class:`sr-only`},[h(`p`,null,et(j.value.a11y.translations.keyboardNavigation),1)],8,ot),Ai.value?.rows?.length?(v(),Ve(Le,{key:0,uid:D.value,head:Ai.value.headers,body:Ai.value.rows,notice:j.value.a11y.translations.tableAvailable,caption:j.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):p(``,!0),I.value.buttons.annotator?(v(),Ve(S(Ut),{key:1,svgRef:S(z),backgroundColor:F.value.backgroundColor,color:F.value.color,active:Kr.value,isCursorPointer:yn.value,palette:I.value.annotatorPalette,onClose:qr},He({_:2},[b(S(i),t=>({name:t,fn:C(n=>[x(e.$slots,t,Je(Ge(S(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),Ln.value?(v(),m(`div`,{key:2,ref_key:`noTitle`,ref:on,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),F.value.title.text?(v(),m(`div`,{key:3,ref_key:`chartTitle`,ref:tn,style:`width:100%;background:transparent`},[(v(),Ve(je,{key:`title_${ln.value}`,config:{title:{cy:`candlestick-div-title`,...F.value.title},subtitle:{cy:`candlestick-div-subtitle`,...F.value.title.subtitle}}},null,8,[`config`]))],512)):p(``,!0),I.value.show&&Xt.value&&(S(wn)||S(Sn))?(v(),Ve(S(Wt),{ref_key:`userOptionsRef`,ref:pn,key:`user_options_${en.value}`,backgroundColor:F.value.backgroundColor,color:F.value.color,isImaging:S(Pn),isPrinting:S(Nn),uid:D.value,hasTooltip:I.value.buttons.tooltip&&F.value.tooltip.show,hasPdf:I.value.buttons.pdf,hasImg:I.value.buttons.img,hasSvg:I.value.buttons.svg,hasXls:I.value.buttons.csv,hasTable:I.value.buttons.table,hasFullscreen:I.value.buttons.fullscreen,hasAltCopy:I.value.buttons.altCopy,isFullscreen:Hr.value,isTooltip:V.value.showTooltip,titles:{...I.value.buttonTitles},chartElement:k.value,position:I.value.position,hasAnnotator:I.value.buttons.annotator,isAnnotation:Kr.value,callbacks:I.value.callbacks,printScale:I.value.print.scale,tableDialog:j.value.table.useDialog,isCursorPointer:yn.value,onToggleFullscreen:Ur,onGeneratePdf:S(Fn),onGenerateCsv:Br,onGenerateImage:S(ii),onGenerateSvg:S(ri),onToggleTable:Wr,onToggleTooltip:Gr,onToggleAnnotator:qr,onCopyAlt:Ti,style:Ye({visibility:S(wn)?S(Sn)?`visible`:`hidden`:`visible`})},He({_:2},[b(S(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:C(n=>[x(e.$slots,t,Je(Ge(S(o)(t,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(`.`))):p(``,!0),h(`div`,st,[(v(),m(`svg`,{ref_key:`svgRef`,ref:z,xmlns:S(pe),"aria-describedby":`chart-instructions-${D.value}`,class:_({"vue-data-ui-fullscreen--on":Hr.value,"vue-data-ui-fulscreen--off":!Hr.value,"vue-data-ui-no-transition":!S(vn),"vue-ui-candlestick-chart-zoom-pointer-focus":J.value&&Gn.value}),viewBox:`0 0 ${B.value.width<=0?10:B.value.width} ${B.value.height<=0?10:B.value.height}`,style:Ye({maxWidth:`100%`,overflow:`visible`,background:`transparent`,color:F.value.color,cursor:J.value?Wn.value?`col-resize`:`crosshair`:void 0,touchAction:J.value?`pan-y`:void 0,userSelect:J.value?`none`:void 0}),tabindex:`0`,onFocus:Ei,onBlur:Di,onKeydown:Oi,onPointerdown:xi,onPointermove:Si,onPointerup:Ci,onPointercancel:mi,onClickCapture:gi},[We(S(Gt)),e.$slots[`chart-background`]?(v(),m(`foreignObject`,{key:0,x:H.value.left,y:H.value.top,width:Math.max(.1,H.value.width),height:Math.max(.1,H.value.height),style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,lt)):p(``,!0),Q.value.length>0?(v(),m(`g`,ut,[h(`defs`,null,[We(Fe,{t:`linear`,id:`bearish_gradient_${D.value}`,x2:`0%`,y2:`100%`,stops:[[`0%`,M.value.colors.bearish,1],[`50%`,S(re)(M.value.colors.bearish,.02),.87],[`100%`,S(re)(M.value.colors.bearish,.05),.4]]},null,8,[`id`,`stops`]),We(Fe,{t:`linear`,id:`bullish_gradient_${D.value}`,x2:`0%`,y2:`100%`,stops:[[`0%`,M.value.colors.bullish,1],[`50%`,S(re)(M.value.colors.bullish,.02),.87],[`100%`,S(re)(M.value.colors.bullish,.05),.4]]},null,8,[`id`,`stops`])]),N.value.show?(v(),m(`g`,dt,[h(`line`,{x1:Vn.value?H.value.right:H.value.left,x2:Vn.value?H.value.right:H.value.left,y1:H.value.top,y2:H.value.bottom,stroke:N.value.stroke,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`},null,8,ft),h(`line`,{x1:H.value.left,x2:H.value.right,y1:H.value.bottom,y2:H.value.bottom,stroke:N.value.stroke,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`},null,8,pt),N.value.horizontalLines.show?(v(!0),m(d,{key:0},b(hr.value,e=>(v(),m(`line`,{x1:H.value.left,x2:H.value.right,y1:e.y,y2:e.y,stroke:N.value.horizontalLines.stroke,"stroke-width":N.value.horizontalLines.strokeWidth,"stroke-dasharray":N.value.horizontalLines.strokeDasharray,"stroke-linecap":`round`},null,8,mt))),256)):p(``,!0),N.value.verticalLines.show?(v(!0),m(d,{key:1},b(Er.value,(e,t)=>(v(),m(`g`,null,[e.text?(v(),m(`line`,{key:0,x1:H.value.left+X.value*t+X.value/2,x2:H.value.left+X.value*t+X.value/2,y1:H.value.top,y2:H.value.bottom,stroke:N.value.verticalLines.stroke,"stroke-width":N.value.verticalLines.strokeWidth,"stroke-dasharray":N.value.verticalLines.strokeDasharray,"stroke-linecap":`round`},null,8,ht)):p(``,!0)]))),256)):p(``,!0),N.value.xAxis.ticks.show?(v(!0),m(d,{key:2},b(Er.value,(e,t)=>(v(),m(`g`,null,[e.text?(v(),m(`line`,{key:0,x1:H.value.left+X.value*t+X.value/2,x2:H.value.left+X.value*t+X.value/2,y1:H.value.bottom,y2:H.value.bottom+3,stroke:N.value.stroke,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`},null,8,gt)):p(``,!0)]))),256)):p(``,!0)])):p(``,!0),N.value.yAxis.dataLabels.show?(v(),m(`g`,{key:1,ref_key:`scaleLabels`,ref:un},[(v(!0),m(d,null,b(hr.value,(e,t)=>(v(),m(`g`,{key:`sl_${t}`},[e.value>=Z.value.min&&e.value<=Z.value.max?(v(),m(`line`,{key:0,x1:Vn.value?H.value.right:H.value.left,x2:Vn.value?H.value.right+5:H.value.left-5,y1:e.y,y2:e.y,stroke:N.value.stroke,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`},null,8,_t)):p(``,!0),e.value>=Z.value.min&&e.value<=Z.value.max?(v(),m(`text`,{key:1,class:_({"vue-data-ui-transition":S(vn)}),transform:`translate(${Vn.value?H.value.right+8+N.value.yAxis.dataLabels.offsetX:H.value.left-8+N.value.yAxis.dataLabels.offsetX}, ${e.y+B.value.yAxisFontSize/3})`,"text-anchor":Vn.value?`start`:`end`,"font-size":B.value.yAxisFontSize,fill:N.value.yAxis.dataLabels.color,"font-weight":N.value.yAxis.dataLabels.bold?`bold`:`normal`},et(S(s)({p:N.value.yAxis.dataLabels.prefix,v:e.value,s:N.value.yAxis.dataLabels.suffix,r:N.value.yAxis.dataLabels.roundingValue})),11,vt)):p(``,!0)]))),128))],512)):p(``,!0),N.value.xAxis.dataLabels.show&&!N.value.xAxis.dataLabels.datetimeFormatter.enable?(v(),m(`g`,{key:2,ref_key:`timeLabelsEls`,ref:dn},[(v(!0),m(d,null,b(gr.value,(e,t)=>(v(),m(`g`,null,[h(`text`,{class:`vue-data-ui-time-label`,transform:`translate(${H.value.left+X.value*t+X.value/2}, ${H.value.bottom+B.value.xAxisFontSize*1.5}), rotate(${N.value.xAxis.dataLabels.rotation})`,"text-anchor":N.value.xAxis.dataLabels.rotation>0?`start`:N.value.xAxis.dataLabels.rotation<0?`end`:`middle`,"font-size":B.value.xAxisFontSize,fill:N.value.xAxis.dataLabels.color,"font-weight":N.value.xAxis.dataLabels.bold?`bold`:`normal`},et(e),9,yt)]))),256))],512)):p(``,!0),N.value.xAxis.dataLabels.show&&N.value.xAxis.dataLabels.datetimeFormatter.enable?(v(),m(`g`,{key:3,ref_key:`timeLabelsEls`,ref:dn},[(v(!0),m(d,null,b(Er.value,(e,t)=>(v(),m(`g`,null,[h(`text`,{class:`vue-data-ui-time-label`,transform:`translate(${H.value.left+X.value*t+X.value/2}, ${H.value.bottom+B.value.xAxisFontSize*1.5}), rotate(${N.value.xAxis.dataLabels.rotation})`,"text-anchor":N.value.xAxis.dataLabels.rotation>0?`start`:N.value.xAxis.dataLabels.rotation<0?`end`:`middle`,"font-size":B.value.xAxisFontSize,fill:N.value.xAxis.dataLabels.color,stroke:F.value.backgroundColor,"stroke-width":`3`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"paint-order":`stroke fill`,"font-weight":N.value.xAxis.dataLabels.bold?`bold`:`normal`},et(e?.text??``),9,bt)]))),256))],512)):p(``,!0),j.value.type===`candlestick`?(v(),m(d,{key:4},[h(`g`,null,[(v(!0),m(d,null,b(Q.value,(e,t)=>(v(),m(`g`,null,[h(`rect`,{x:e.open.x-P.value.wick.strokeWidth/2,y:e.high.y,width:P.value.wick.strokeWidth,height:Math.abs(e.high.y-e.low.y),fill:P.value.wick.stroke,stroke:`none`,rx:P.value.wick.strokeWidth/2,class:_({"vue-data-ui-transition":E.value&&!S(L)})},null,10,xt),P.value.wick.extremity.shape===`circle`?(v(),m(`g`,St,[h(`circle`,{cx:e.high.x,cy:e.high.y,r:P.value.wick.extremity.size===`auto`?X.value/20:P.value.wick.extremity.size,fill:P.value.wick.extremity.color,class:_({"vue-data-ui-transition":E.value&&!S(L)})},null,10,Ct),h(`circle`,{cx:e.low.x,cy:e.low.y,r:P.value.wick.extremity.size===`auto`?X.value/20:P.value.wick.extremity.size,fill:P.value.wick.extremity.color,class:_({"vue-data-ui-transition":E.value&&!S(L)})},null,10,wt)])):p(``,!0),P.value.wick.extremity.shape===`line`?(v(),m(`g`,Tt,[h(`rect`,{x:e.high.x-(P.value.wick.extremity.size===`auto`?X.value*P.value.candle.widthRatio:P.value.wick.extremity.size)/2,y:e.high.y-P.value.wick.strokeWidth/2,width:Math.abs(e.high.x-(P.value.wick.extremity.size===`auto`?X.value*F.value.layout.candle.widthRatio:F.value.layout.wick.extremity.size)/2-(e.high.x+(F.value.layout.wick.extremity.size===`auto`?X.value*F.value.layout.candle.widthRatio:F.value.layout.wick.extremity.size)/2)),height:P.value.wick.strokeWidth,rx:P.value.wick.strokeWidth/2,fill:P.value.wick.extremity.color,stroke:`none`,class:_({"vue-data-ui-transition":E.value&&!S(L)})},null,10,Et),h(`rect`,{x:e.low.x-(P.value.wick.extremity.size===`auto`?X.value*P.value.candle.widthRatio:P.value.wick.extremity.size)/2,y:e.low.y-P.value.wick.strokeWidth/2,width:Math.abs(e.low.x-(P.value.wick.extremity.size===`auto`?X.value*F.value.layout.candle.widthRatio:F.value.layout.wick.extremity.size)/2-(e.low.x+(F.value.layout.wick.extremity.size===`auto`?X.value*F.value.layout.candle.widthRatio:F.value.layout.wick.extremity.size)/2)),height:P.value.wick.strokeWidth,fill:P.value.wick.extremity.color,stroke:`none`,rx:P.value.wick.strokeWidth/2,class:_({"vue-data-ui-transition":E.value&&!S(L)})},null,10,Dt)])):p(``,!0)]))),256))]),h(`g`,null,[(v(!0),m(d,null,b(Q.value,(e,t)=>(v(),m(`rect`,{x:e.open.x-X.value/2+X.value*(1-M.value.widthRatio)/2,y:e.isBullish?e.close.y:e.open.y,height:Math.abs(e.close.y-e.open.y)<=0?1e-4:Math.abs(e.close.y-e.open.y),width:X.value*M.value.widthRatio<=0?1e-4:X.value*M.value.widthRatio,fill:M.value.gradient.underlayer,rx:M.value.borderRadius,stroke:`none`,class:_({"vue-data-ui-transition":E.value&&!S(L)})},null,10,Ot))),256)),(v(!0),m(d,null,b(Q.value,(e,t)=>(v(),m(`rect`,{x:e.open.x-X.value/2+X.value*(1-M.value.widthRatio)/2,y:e.isBullish?e.close.y:e.open.y,height:Math.abs(e.close.y-e.open.y)<=0?1e-4:Math.abs(e.close.y-e.open.y),width:X.value*M.value.widthRatio<=0?1e-4:X.value*M.value.widthRatio,fill:e.isBullish?M.value.gradient.show?`url(#bullish_gradient_${D.value})`:M.value.colors.bullish:M.value.gradient.show?`url(#bearish_gradient_${D.value})`:M.value.colors.bearish,rx:M.value.borderRadius,stroke:M.value.stroke,"stroke-width":M.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,class:_({"vue-data-ui-transition":E.value&&!S(L)})},null,10,kt))),256))])],64)):p(``,!0),j.value.type===`ohlc`?(v(!0),m(d,{key:5},b(Q.value,(e,t)=>(v(),m(`g`,{key:`ohlc_${e.absoluteIndex}`},[h(`path`,{d:`M ${e.high.x},${e.high.y} ${e.low.x},${e.low.y} M${e.open.x-Math.min(6,X.value/3)},${e.open.y} ${e.open.x},${e.open.y} M${e.close.x},${e.close.y} ${e.close.x+Math.min(6,X.value/3)},${e.close.y}`,stroke:e.isBullish?M.value.colors.bullish:M.value.colors.bearish,"stroke-width":1,class:_({"vue-data-ui-transition":S(vn)}),"stroke-linecap":`round`,"stroke-linejoin":`round`},null,10,At)]))),128)):p(``,!0),h(`g`,null,[(v(!0),m(d,null,b(Q.value,(e,t)=>(v(),m(`rect`,{x:H.value.left+t*X.value,y:H.value.top,height:H.value.height<=0?1e-4:H.value.height,width:X.value<=0?1e-4:X.value,fill:O.value===t||mn.value===t?S(ee)(P.value.selector.color,P.value.selector.opacity):`transparent`,onMouseover:()=>jr(t,e,`pointer`),onMouseleave:()=>Ar(t,e),onClick:()=>kr(t,e)},null,40,jt))),256))])])):p(``,!0),ui.value?(v(),m(`rect`,{key:2,x:ui.value.x,y:ui.value.y,width:ui.value.width,height:ui.value.height,fill:Yn.value.selection.fill,"fill-opacity":Yn.value.selection.fillOpacity,stroke:Yn.value.selection.stroke,"stroke-opacity":Yn.value.selection.strokeOpacity,"stroke-width":Yn.value.selection.strokeWidth,"stroke-dasharray":Yn.value.selection.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,"pointer-events":`none`},null,8,Mt)):p(``,!0),Qn.value?(v(),m(`rect`,Ke({key:3},Un.value,{"data-start":W.value.start,"data-end":W.value.end}),null,16,Nt)):p(``,!0),x(e.$slots,`svg`,{svg:{...B.value,data:Q.value,drawingArea:H.value,isPrintingImg:S(Nn)||S(Pn)||S(ti),isPrintingSvg:S(ni)}},void 0,!0)],46,ct)),e.$slots.hint?(v(),m(`div`,Pt,[x(e.$slots,`hint`,Je(Ge({hint:j.value.a11y.translations.keyboardNavigation,isVisible:_n.value})),void 0,!0)])):p(``,!0)]),e.$slots.watermark?(v(),m(`div`,Ft,[x(e.$slots,`watermark`,Je(Ge({isPrinting:S(Nn)||S(Pn)||S(ti)||S(ni)})),void 0,!0)])):p(``,!0),F.value.zoom.show&&U.value>6&&Xt.value&&Ir.value?(v(),Ve(Ie,{key:6,ref_key:`chartSlicer`,ref:rn,"data-dom-to-png-ignore-layout":``,allMinimaps:pr.value,background:F.value.zoom.color,borderColor:F.value.backgroundColor,customFormat:F.value.zoom.customFormat,cutNullValues:!1,enableRangeHandles:F.value.zoom.enableRangeHandles,enableSelectionDrag:F.value.zoom.enableSelectionDrag,end:W.value.end,focusOnDrag:F.value.zoom.focusOnDrag,focusRangeRatio:F.value.zoom.focusRangeRatio,fontSize:F.value.zoom.fontSize,immediate:!F.value.zoom.preview.enable,inputColor:F.value.zoom.color,isPreview:Qn.value,labelLeft:Dr.value.start||``,labelRight:Dr.value.end||``,max:U.value,min:0,minimap:F.value.zoom.minimap.show?S(R).map(e=>e[2]):[],minimapCompact:F.value.zoom.minimap.compact,minimapFrameColor:F.value.zoom.minimap.frameColor,minimapIndicatorColor:F.value.zoom.minimap.indicatorColor,minimapMerged:!1,minimapSelectedColor:F.value.zoom.minimap.selectedColor,minimapSelectedColorOpacity:F.value.zoom.minimap.selectedColorOpacity,minimapSelectedIndex:O.value,minimapSelectionRadius:1,preciseLabels:wr.value,refreshEndPoint:F.value.zoom.endIndex===null?U.value:F.value.zoom.endIndex+1,refreshStartPoint:F.value.zoom.startIndex===null?0:F.value.zoom.startIndex,selectColor:F.value.zoom.highlightColor,selectedSeries:S(R),smoothMinimap:!1,start:W.value.start,textColor:F.value.color,timeLabels:_r.value,usePreciseLabels:N.value.xAxis.dataLabels.datetimeFormatter.enable&&!F.value.zoom.useDefaultFormat,useResetSlot:F.value.zoom.useResetSlot,valueEnd:W.value.end,valueStart:W.value.start,verticalHandles:F.value.zoom.minimap.verticalHandles,minScale:N.value.yAxis.scale.min,maxScale:N.value.yAxis.scale.max,maxWidth:F.value.zoom.maxWidth,minimapLeftInsetRatio:B.value.width>0&&F.value.zoom.autoFit?H.value.left/B.value.width:null,minimapRightInsetRatio:B.value.width>0&&F.value.zoom.autoFit?(B.value.width-H.value.right)/B.value.width:null,additionalMinimapHeight:F.value.zoom.minimap.additionalHeight,handleType:F.value.zoom.minimap.handleType,handleIconColor:F.value.zoom.minimap.handleIconColor,handleBorderWidth:F.value.zoom.minimap.handleBorderWidth,handleBorderColor:F.value.zoom.minimap.handleBorderColor,handleFill:F.value.zoom.minimap.handleFill,handleWidth:F.value.zoom.minimap.handleWidth,"onUpdate:end":ci,"onUpdate:start":si,onTrapMouse:ai,onReset:t[0]||=()=>Pr({force:!0,publish:!0}),onFutureEnd:t[1]||=e=>$n(`end`,e),onFutureStart:t[2]||=e=>$n(`start`,e)},{"reset-action":C(({reset:t})=>[x(e.$slots,`reset-action`,Je(Ge({reset:t})),void 0,!0)]),slotMap:C(({height:e,unitW:t})=>[(v(!0),m(d,null,b(fr.value({minimapH:e,unitW:t}),(e,n)=>(v(),m(`g`,null,[h(`path`,{d:`M ${e.high.x},${e.high.y} ${e.low.x},${e.low.y}`,stroke:e.isBullish?M.value.colors.bullish:M.value.colors.bearish,"stroke-width":1,style:Ye({opacity:n>=G.value.start&&n<=G.value.end?1:.6})},null,12,It),h(`path`,{d:`M ${e.open.x},${e.open.y} ${e.close.x},${e.close.y}`,stroke:e.isBullish?M.value.colors.bullish:M.value.colors.bearish,"stroke-width":Math.min(6,t/1.5),style:Ye({opacity:n>=G.value.start&&n<=G.value.end?1:.6})},null,12,Lt)]))),256))]),_:3},8,/* @__PURE__ */ `allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.useResetSlot.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth`.split(`.`))):p(``,!0),h(`div`,{ref_key:`chartLegend`,ref:nn},[x(e.$slots,`legend`,{legend:Q.value},void 0,!0)],512),e.$slots.source?(v(),m(`div`,{key:7,ref_key:`source`,ref:an,dir:`auto`},[x(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),We(S(Bt),{teleportTo:F.value.tooltip.teleportTo,show:V.value.showTooltip&&Qt.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:k.value,content:$t.value,isFullscreen:Hr.value,isCustom:F.value.tooltip.customFormat&&typeof F.value.tooltip.customFormat==`function`,smooth:F.value.tooltip.smooth,backdropFilter:F.value.tooltip.backdropFilter,smoothForce:F.value.tooltip.smoothForce,smoothSnapThreshold:F.value.tooltip.smoothSnapThreshold,isA11yMode:gn.value===`keyboard`,a11yPosition:hn.value},{"tooltip-before":C(()=>[x(e.$slots,`tooltip-before`,Je(Ge({...Or.value})),void 0,!0)]),tooltip:C(()=>[x(e.$slots,`tooltip`,Je(Ge({...Or.value})),void 0,!0)]),"tooltip-after":C(()=>[x(e.$slots,`tooltip-after`,Je(Ge({...Or.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`]),Xt.value&&I.value.buttons.table?(v(),Ve(Qe(Zr.value.component),Ke({key:8},Zr.value.props,{ref_key:`tableUnit`,ref:fn,onClose:Qr}),He({content:C(()=>[(v(),Ve(S(Ht),{key:`table_${cn.value}`,colNames:Vr.value.colNames,head:Vr.value.head,body:Vr.value.body,config:Vr.value.config,title:j.value.table.useDialog?``:Zr.value.title,withCloseButton:!j.value.table.useDialog,isCursorPointer:yn.value,onClose:Qr},{th:C(({th:e})=>[Ue(et(e),1)]),td:C(({td:e})=>[h(`div`,{innerHTML:e},null,8,Rt)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[j.value.table.useDialog?{name:`title`,fn:C(()=>[Ue(et(Zr.value.title),1)]),key:`0`}:void 0,j.value.table.useDialog?{name:`actions`,fn:C(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[3]||=e=>Br(I.value.callbacks.csv),style:Ye({cursor:yn.value?`pointer`:`default`})},[We(S(zt),{name:`fileCsv`,stroke:Zr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),x(e.$slots,`skeleton`,{},()=>[S(L)?(v(),Ve(we,{key:0})):p(``,!0)],!0)],46,at))}},[[`__scopeId`,`data-v-6283295e`]]);export{it as n,zt as t};

package/dist/vue-ui-carousel-table-ihGH0LDH.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./userOptionsSlots-DYuo-E5m.js";import{D as r,Jt as i,X as a,at as o,nt as ee,zt as s}from"./lib-zDxoqrgo.js";import{n as te,t as ne}from"./useHints-BH9r_0Vd.js";import{t as re}from"./useConfig-CKdzPrcf.js";import{t as ie}from"./usePrinter-CnyKPIFM.js";import{t as ae}from"./useNestedProp-CT9phgWx.js";import{t as oe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as se}from"./useUserOptionState-CXlFnwPv.js";import{t as ce}from"./usePrefersMotion-XLHwega2.js";import{Fragment as c,computed as l,createBlock as le,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as ue,createTextVNode as p,defineAsyncComponent as de,guardReactiveProps as fe,mergeProps as pe,nextTick as me,normalizeClass as he,normalizeProps as ge,normalizeStyle as m,onBeforeUnmount as h,onMounted as g,openBlock as _,ref as v,renderList as y,renderSlot as b,shallowRef as _e,toDisplayString as x,unref as S,useSlots as ve,watch as C,withCtx as ye}from"vue";var be=/* @__PURE__ */ e({default:()=>w}),xe=[`id`],Se=[`aria-labelledby`],Ce=[`id`],we=[`height`],Te=[`id`],Ee=[`data-cell`,`aria-label`,`height`],De={key:2,ref:`source`,dir:`auto`},w=/*#__PURE__*/ oe({__name:`vue-ui-carousel-table`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:oe,emit:be}){let w=de(()=>import(`./vue-ui-skeleton-B-Acw3CC.js`).then(e=>e.n)),Oe=de(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),{vue_ui_carousel_table:ke}=re(),Ae=ce(),T=e,je=be,E=v(a()),Me=v(!1),D=v(!!T.dataset),Ne=ve();g(()=>{Pe()});let O=l({get:()=>N(),set:e=>e}),k=l(()=>O.value.debug);g(()=>{Ne[`chart-background`]&&k.value&&console.warn(`VueUiCarouselTable does not support the #chart-background slot.`)});function Pe(){s(T.dataset)?o({componentName:`VueUiCarouselTable`,type:`dataset`,debug:k.value}):((!T.dataset.head||s(T.dataset.head))&&(o({componentName:`VueUiCarouselTable`,type:`datasetAttribute`,property:`head`,debug:k.value}),D.value=!1),(!T.dataset.body||s(T.dataset.body))&&(o({componentName:`VueUiCarouselTable`,type:`datasetAttribute`,property:`body`,debug:k.value}),D.value=!1)),Ae.value&&(O.value.userOptions.buttons.animation=!1)}te({config:()=>O.value,dataset:()=>T.dataset,component:`VueUiCarouselTable`,rules:[ne.noHint]});let Fe=l(()=>O.value.userOptions.useCursorPointer),{userOptionsVisible:A,setUserOptionsVisibility:j,keepUserOptionState:M}=se({config:O.value});function N(){return ae({userConfig:T.config,defaultConfig:ke})}C(()=>T.config,e=>{O.value=N(),A.value=!O.value.userOptions.showOnChartHover,Pe()},{deep:!0}),C(()=>T.dataset,e=>{G()},{deep:!0});let{isPrinting:Ie,isImaging:Le,generatePdf:Re,generateImage:P}=ie({elementId:`carousel-table_${E.value}`,fileName:O.value.caption.text||`vue-ui-carousel-table`,options:O.value.userOptions.print}),F=v({showAnimation:O.value.animation.use}),I=v(null),ze=v(null),L=v(null),R=v(null),z=v(0),B=v(0),V=v(!1),H=v(null),U=v(null),W=v(0);function G(){H.value&&(U.value={elements:H.value.getElementsByTagName(`tr`),heights:Array.from(H.value.getElementsByTagName(`tr`)).map(e=>e.getBoundingClientRect().height)})}g(G);let Be=l(()=>!U.value||!U.value.heights.length?0:Math.max(...U.value.heights)+z.value+B.value),Ve=l(()=>T.dataset.body?O.value.tbody.tr.visible<=T.dataset.body.length?O.value.tbody.tr.visible:T.dataset.body.length:0),He=l(()=>(O.value.tbody.tr.height+O.value.tbody.tr.td.padding.top+O.value.tbody.tr.td.padding.bottom+O.value.tbody.tr.border.size*2)*Ve.value+z.value+B.value),K=v(0),q=v(null),J=v(0),Y=v(!1),Ue=v(0);g(()=>{L.value&&(z.value=L.value.getBoundingClientRect().height),R.value&&(B.value=R.value.getBoundingClientRect().height),F.value.showAnimation&&U.value&&Ge()}),g(()=>{if(I.value){let e=I.value.querySelector(`thead`),t=Array.from(H.value.querySelectorAll(`tr`));function n(){let n=e.getBoundingClientRect().bottom;t.forEach(e=>{e.getBoundingClientRect().top<n?e.style.visibility=`hidden`:e.style.visibility=`visible`})}I.value.addEventListener(`scroll`,n),n(),h(()=>{I.value.removeEventListener(`scroll`,n)})}});function We(e){Me.value=e,Ue.value+=1}function Ge(){Ae.value||!q.value&&!Y.value&&(O.value.animation.type===`scroll`?q.value=requestAnimationFrame(qe):q.value=requestAnimationFrame(Je))}function Ke(){if(!I.value)return!1;let{scrollTop:e,scrollHeight:t,clientHeight:n}=I.value;return e+n>=t}function qe(e){Y.value||(J.value||=e,e-J.value>=O.value.animation.speedMs&&(K.value+=U.value.heights[W.value],(Ke()||W.value>=U.value.heights.length)&&(K.value=0,W.value=-1),W.value+=1,I.value&&I.value.scrollTo({top:K.value,behavior:`smooth`}),J.value=e),q.value=requestAnimationFrame(qe))}function Je(e){if(Y.value)return;J.value||=e;let t=e-J.value,n=O.value.animation.speedMs/4/1e3;t>=n&&(K.value+=n,K.value>=I.value.scrollHeight-I.value.clientHeight&&(K.value=0),I.value&&I.value.scrollTo({top:K.value,behavior:`auto`}),J.value=e),q.value=requestAnimationFrame(Je)}function X(){Y.value=!0,cancelAnimationFrame(q.value),q.value=null}h(X);function Z(){Y.value&&F.value.showAnimation&&(Y.value=!1,J.value=0,Ge())}function Ye(){O.value.animation.pauseOnHover&&X()}let Q=v(null);function Xe(){X(),clearTimeout(Q.value)}function Ze(){clearTimeout(Q.value),Q.value=setTimeout(Z,1e3)}C(()=>O.value.animation.use,e=>{e?(F.value.showAnimation=!0,Z()):(F.value.showAnimation=!1,X())}),C(()=>O.value.animation.type,e=>{X(),K.value=0,W.value=0,I.value.scrollTo({top:0,behavior:`auto`}),Z()});let Qe=l(()=>O.value.responsiveBreakpoint),$=_e(null);g(()=>{$.value=new ResizeObserver(e=>{e.forEach(e=>{V.value=e.contentRect.width<Qe.value}),z.value=L.value?L.value.getBoundingClientRect().height:0,B.value=R.value?R.value.getBoundingClientRect().height:0,W.value=0,me(()=>{X(),J.value=0,K.value=0,G(),Z()})}),I.value&&$.value.observe(I.value)}),h(()=>{$.value&&$.value.disconnect()});function $e(){Re()}function et(){F.value.showAnimation=!F.value.showAnimation,F.value.showAnimation?Z():X()}function tt(e=null){me(()=>{let t=T.dataset.head.map((e,t)=>[[T.dataset.body[t]]]),n=[[O.value.caption.text],[T.dataset.head.map(e=>[e])]].concat(t),i=r(n);e?e(i):ee({csvContent:i,title:O.value.caption.text||`vue-ui-carousel-table`})})}async function nt(){if(je(`copyAlt`,{config:O.value,dataset:T.dataset}),!O.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(O.value.userOptions.callbacks.altCopy({config:O.value,dataset:T.dataset}))}return oe({pauseAnimation:X,resumeAnimation:Z,toggleAnimation:et,generateCsv:tt,generatePdf:$e,generateImage:P,copyAlt:nt}),(r,a)=>(_(),d(`div`,{class:`vue-data-ui-component vue-ui-carousel-table`,style:{position:`relative`,overflow:`visible`},ref_key:`chartContainer`,ref:ze,onMouseenter:a[5]||=()=>S(j)(!0),onMouseleave:a[6]||=()=>S(j)(!1)},[f(`div`,{ref_key:`tableContainer`,ref:I,id:`carousel-table_${E.value}`,style:m({height:S(Ie)||S(Le)?`auto`:`${Math.max(He.value,Be.value)}px`,containerType:`inline-size`,position:`relative`,overflow:`auto`,fontFamily:O.value.fontFamily}),class:he({"vue-ui-responsive":V.value,"is-playing":O.value.scrollbar.hide||!Y.value&&O.value.scrollbar.showOnlyOnHover}),onMouseover:a[0]||=e=>Ye(),onMouseleave:a[1]||=e=>Z(),onTouchstart:a[2]||=e=>Xe(),onTouchend:a[3]||=e=>Ze(),onTouchcancel:a[4]||=e=>Ze()},[D.value?(_(),d(`table`,{key:0,class:`vue-data-ui-carousel-table`,"aria-labelledby":`carousel-caption-${E.value}`,style:m({...O.value.style,border:`${O.value.border.size}px solid ${O.value.border.color}`,width:`100%`,borderCollapse:`collapse`,backgroundColor:O.value.tbody.backgroundColor})},[f(`caption`,{ref_key:`caption`,ref:L,class:`vue-data-ui-carousel-table-caption`,id:`carousel-caption-${E.value}`,style:m({...O.value.caption.style,fontFamily:`inherit`,position:`sticky`,top:0,zIndex:2,paddingTop:O.value.caption.padding.top+`px`,paddingRight:O.value.caption.padding.right+`px`,paddingBottom:O.value.caption.padding.bottom+`px`,paddingLeft:O.value.caption.padding.left+`px`,boxShadow:V.value?O.value.thead.tr.style.boxShadow:`none`,minHeight:`36px`,display:r.$slots.caption||O.value.caption.text||O.value.userOptions.show?``:`none`})},[p(x(O.value.caption.text&&!r.$slots.caption?O.value.caption.text:``)+` `,1),b(r.$slots,`caption`,{},void 0,!0)],12,Ce),f(`thead`,{role:`rowgroup`,style:m({...O.value.thead.style,position:`sticky`,top:`${r.$slots.caption||O.value.caption.text||O.value.userOptions.show?z.value:0}px`,zIndex:1})},[f(`tr`,{ref_key:`tableRow`,ref:R,role:`row`,style:m({...O.value.thead.tr.style,border:O.value.thead.tr.border.size?`${O.value.thead.tr.border.size}px solid ${O.value.thead.tr.border.color}`:`none`,boxShadow:V.value?`none`:O.value.thead.tr.style.boxShadow}),height:`${O.value.thead.tr.height}px`},[(_(!0),d(c,null,y(e.dataset.head,(e,t)=>(_(),d(`th`,{role:`cell`,key:`th_${t}`,id:`col-${t}`,scope:`col`,style:m({...O.value.thead.tr.th.style,border:O.value.thead.tr.th.border.size?`${O.value.thead.tr.th.border.size}px solid ${O.value.thead.tr.th.border.color}`:`none`,paddingTop:O.value.thead.tr.th.padding.top+`px`,paddingRight:O.value.thead.tr.th.padding.right+`px`,paddingBottom:O.value.thead.tr.th.padding.bottom+`px`,paddingLeft:O.value.thead.tr.th.padding.left+`px`})},[p(x(r.$slots.th?``:e)+` `,1),b(r.$slots,`th`,pe({ref_for:!0},{th:e,colIndex:t}),void 0,!0)],12,Te))),128))],12,we)],4),e.dataset.body&&e.dataset.head?(_(),d(`tbody`,{key:0,ref_key:`tbody`,ref:H,"aria-live":`polite`,style:{clipPath:`inset(0,0,0,0)`}},[(_(!0),d(c,null,y(e.dataset.body,(t,n)=>(_(),d(`tr`,{style:m({...O.value.tbody.tr.style,border:`${O.value.tbody.tr.border.size}px solid ${O.value.tbody.tr.border.color}`,verticalAlign:`middle`})},[(_(!0),d(c,null,y(t,(t,a)=>(_(),d(`td`,{role:`cell`,"data-cell":e.dataset.head[a]||``,"aria-label":`${e.dataset.head[a]}: ${t}`,style:m({...O.value.tbody.tr.td.style,border:`${O.value.tbody.tr.td.border.size}px solid ${O.value.tbody.tr.td.border.color}`,backgroundColor:S(i)(O.value.tbody.tr.td.style.backgroundColor,n%2==0&&O.value.tbody.tr.td.alternateColor?O.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:O.value.tbody.tr.td.padding.top+`px`,paddingRight:O.value.tbody.tr.td.padding.right+`px`,paddingBottom:O.value.tbody.tr.td.padding.bottom+`px`,paddingLeft:O.value.tbody.tr.td.padding.left+`px`,verticalAlign:`middle`}),height:`${O.value.tbody.tr.height}px`},[p(x(r.$slots.td?``:t)+` `,1),b(r.$slots,`td`,pe({ref_for:!0},{td:t,rowIndex:n,colIndex:a}),void 0,!0)],12,Ee))),256))],4))),256))],512)):u(``,!0)],12,Se)):u(``,!0)],46,xe),D.value?u(``,!0):(_(),le(S(w),{key:0,config:{type:`table`}})),O.value.userOptions.show&&D.value&&(S(M)||S(A))?(_(),le(S(Oe),{ref:`details`,key:`user_option_${Ue.value}`,backgroundColor:O.value.style.backgroundColor,color:O.value.style.color,isPrinting:S(Ie),isImaging:S(Le),uid:E.value,hasTooltip:!1,hasPdf:O.value.userOptions.buttons.pdf,hasImg:O.value.userOptions.buttons.img,hasXls:O.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:O.value.userOptions.buttons.animation,isAnimation:!F.value.showAnimation,hasFullscreen:O.value.userOptions.buttons.fullscreen,hasAltCopy:O.value.userOptions.buttons.altCopy,isFullscreen:Me.value,chartElement:ze.value,position:O.value.userOptions.position,titles:{...O.value.userOptions.buttonTitles},zIndex:3,offsetX:12,callbacks:O.value.userOptions.callbacks,printScale:O.value.userOptions.print.scale,isCursorPointer:Fe.value,onGeneratePdf:$e,onGenerateCsv:tt,onGenerateImage:S(P),onToggleAnimation:et,onToggleFullscreen:We,onCopyAlt:nt,style:m({visibility:S(M)?S(A)?`visible`:`hidden`:`visible`})},ue({_:2},[y(S(t)(r.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionAnimation optionFullscreen optionAltCopy custom-menu-before custom-menu-after`),e=>({name:e,fn:ye(t=>[b(r.$slots,e,ge(fe(S(n)(e,t))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasImg`,`hasXls`,`hasAnimation`,`isAnimation`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`chartElement`,`position`,`titles`,`callbacks`,`printScale`,`isCursorPointer`,`onGenerateImage`,`style`])):u(``,!0),r.$slots.source?(_(),d(`div`,De,[b(r.$slots,`source`,{},void 0,!0)],512)):u(``,!0)],544))}},[[`__scopeId`,`data-v-f8c6267a`]]);export{be as n,w as t};

package/dist/vue-ui-chestnut-B2aNXFNO.js

@@ -0,0 +1 @@
+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 ee,Ht as s,It as te,Jt as c,S as ne,X as re,Yt as ie,at as ae,f as l,h as oe,i as u,in as se,nt as ce,p as le,r as ue,t as de,w as fe,yt as pe,zt as me}from"./lib-zDxoqrgo.js";import{n as he,t as ge}from"./useHints-BH9r_0Vd.js";import{t as _e}from"./useConfig-CKdzPrcf.js";import{t as ve}from"./usePrinter-CnyKPIFM.js";import{n as ye,t as be}from"./BaseScanner-8NdoBs7B.js";import{t as xe}from"./useChartExport-DtPNpc9M.js";import{t as Se}from"./img-8sM3sVWU.js";import{t as Ce}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as we}from"./DefGrad-DKMq1REY.js";import{t as Te}from"./A11yDataTable-DWNlWXzs.js";import{n as Ee}from"./resolveChartConfig-BSo1Oe9n.js";import{t as De}from"./useUserOptionState-CXlFnwPv.js";import{t as Oe}from"./useChartAccessibility-DOMuYJfm.js";import{t as ke}from"./useTableResponsive-uSz_qZOB.js";import{t as Ae}from"./vue_ui_chestnut-BxxivKN7.js";import{Fragment as d,computed as f,createBlock as je,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Me,createTextVNode as Ne,createVNode as Pe,defineAsyncComponent as Fe,guardReactiveProps as Ie,mergeProps as Le,nextTick as Re,normalizeClass as g,normalizeProps as ze,normalizeStyle as _,onMounted as Be,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as Ve,toDisplayString as S,toRefs as He,unref as C,useCssVars as Ue,watch as We,withCtx as Ge,withKeys as Ke}from"vue";var qe=/* @__PURE__ */ e({default:()=>zn}),Je=[`id`],Ye=[`id`],Xe={"aria-live":`polite`,class:`sr-only`},Ze={key:2,ref:`noTitle`,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},Qe={style:{position:`relative`}},$e=[`xmlns`,`aria-describedby`,`viewBox`],et=[`width`,`height`],tt={key:1},nt=[`fill`,`font-weight`,`font-size`,`x`,`y`],rt=[`fill`,`font-weight`,`font-size`,`x`,`y`],it={key:2},at=[`x`,`y`,`font-size`,`font-weight`,`fill`],ot=[`x`,`y`,`font-size`,`font-weight`,`fill`],st=[`d`,`stroke`,`fill`],ct=[`cx`,`cy`,`r`,`fill`],lt=[`aria-label`,`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onClick`],ut={key:3},dt=[`x`,`y`,`font-size`,`fill`,`onClick`],ft={key:0},pt=[`x`,`y`,`fill`,`font-size`,`font-weight`],mt=[`x`,`y`,`height`,`width`,`fill`,`rx`,`onClick`],ht=[`aria-label`,`x`,`y`,`height`,`width`,`fill`,`rx`,`stroke`,`stroke-width`,`onClick`],gt={key:4},_t=[`x`,`y`,`fill`,`font-size`,`onClick`],vt=[`d`,`stroke`],yt=[`aria-label`,`fill`,`cx`,`cy`,`r`,`onClick`],bt={key:5},xt=[`x`,`y`,`font-size`,`font-weight`,`fill`],St=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Ct=[`y`,`height`,`width`],wt={style:{width:`100%`,height:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`,"flex-direction":`column`}},Tt={style:{display:`flex`,"align-items":`center`,"justify-content":`center`,gap:`12px`,"flex-wrap":`wrap`,"flex-direction":`row`}},Et={viewBox:`0 0 20 20`,height:`16`,width:`16`},Dt=[`fill`],Ot={key:7},kt=[`y`,`height`,`width`],At={style:{width:`100%`,height:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`,"flex-direction":`column`}},jt={style:{display:`flex`,"align-items":`center`,"justify-content":`center`,gap:`12px`,"flex-wrap":`wrap`,"flex-direction":`row`}},Mt={viewBox:`0 0 20 20`,height:`16`,width:`16`},Nt=[`fill`],Pt=[`cx`,`cy`,`fill`],Ft=[`d`,`stroke`],It=[`cx`,`cy`,`fill`],Lt=[`d`,`stroke`],Rt=[`cx`,`cy`,`fill`],zt=[`cx`,`cy`,`fill`],Bt=[`x`,`y`,`fill`,`font-size`,`font-weight`],Vt=[`x`,`y`,`fill`,`font-size`,`font-weight`],Ht=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Ut=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Wt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Gt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Kt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],qt=[`x`,`y`,`font-size`,`fill`],Jt=[`x`,`y`,`font-size`,`fill`],Yt=[`x`,`y`,`font-size`,`fill`],Xt={key:4,class:`vue-data-ui-watermark`},Zt={key:5,ref:`source`,dir:`auto`},Qt={class:`vue-ui-data-table`},$t={key:0},en=[`data-cell`],tn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},nn={key:0},rn={key:1},an=[`data-cell`],on={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},sn={key:0},cn={key:1},ln=[`data-cell`],un={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},dn={key:0},fn={key:1},pn=[`data-cell`],mn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},hn={key:0},gn={key:1},_n=[`data-cell`],vn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},yn={key:0},bn={key:1},xn=[`data-cell`],Sn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Cn={key:0},wn={key:1},Tn=[`data-cell`],En={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Dn={key:0},On={key:1},kn=[`data-cell`],An={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},jn=[`data-cell`],Mn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Nn=[`data-cell`],Pn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Fn=[`data-cell`],In={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Ln=[`data-cell`],Rn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},zn=/*#__PURE__*/ Ce({__name:`vue-ui-chestnut`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectRoot`,`selectBranch`,`selectNut`,`copyAlt`],setup(e,{expose:Ce,emit:qe}){Ue(e=>({b80f2d12:e.tdo}));let zn=Fe(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),Bn=Fe(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),Vn=Fe(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),Hn=Fe(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),Un=Fe(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),Wn=Fe(()=>import(`./BaseDraggableDialog-T1gEsQid.js`).then(e=>e.n)),{vue_ui_chestnut:Gn}=_e(),w=e,Kn=f(()=>!!w.dataset&&w.dataset.length),T=y(re()),qn=y(null),Jn=y(0),Yn=y(null),Xn=y(null),Zn=y(!1),E=y(!1),D=y(``),O=y({level:`root`,rootIndex:0,branchIndex:0,nutIndex:0,locked:!1}),k=y(ar()),A=f(()=>k.value.style.chart.layout.roots),j=f(()=>k.value.style.chart.layout.branches),M=f(()=>k.value.style.chart.layout.nuts),N=f(()=>k.value.style.chart.layout),P=f(()=>k.value.style.chart);he({config:()=>k.value,dataset:()=>w.dataset,component:`VueUiChestnut`,rules:[ge.emptyArray,{test:e=>e.some(e=>e?.branches&&e.branches.length>10),message:[`👀 Some root has > 10 branches, which can make the chart heavy. Consider:`,``,`▶️ Grouping some branches in broader categories.`]},{test:e=>e.some(e=>e?.branches&&e.branches.some(e=>e?.breakdown&&e?.breakdown.length>6)),message:[`👀 Some donuts have > 6 series. Consider:`,``,`▶️ Grouping small values into an "Other" category.`]}]});let F=f(()=>k.value.userOptions.useCursorPointer),Qn=f(()=>se({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{grandTotal:{show:!1},roots:{stroke:`#6A6A6A`,labels:{show:!1}},verticalSeparator:{stroke:`transparent`},branches:{stroke:`#6A6A6A`,underlayerColor:`#6A6A6A90`,labels:{show:!1,dataLabels:{show:!1}}}}}}},userConfig:k.value.skeletonConfig??{}})),{loading:$n,FINAL_DATASET:er}=ye({...He(w),FINAL_CONFIG:k,prepareConfig:ar,skeletonDataset:w.config?.skeletonDataset??[{name:`_`,color:`#969696`,branches:[{name:`_`,value:32,breakdown:[{name:`_`,value:16,color:`#CACACA`},{name:`_`,value:16,color:`#6A6A6A`}]},{name:`_`,value:16,breakdown:[{name:`_`,value:8,color:`#CACACA`},{name:`_`,value:8,color:`#6A6A6A`}]},{name:`_`,value:8,breakdown:[{name:`_`,value:4,color:`#CACACA`},{name:`_`,value:4,color:`#6A6A6A`}]},{name:`_`,value:4,breakdown:[{name:`_`,value:2,color:`#CACACA`},{name:`_`,value:2,color:`#6A6A6A`}]}]},{name:`_`,color:`#C4C4C4`,branches:[{name:`_`,value:24,breakdown:[{name:`_`,value:12,color:`#CACACA`},{name:`_`,value:12,color:`#6A6A6A`}]},{name:`_`,value:12,breakdown:[{name:`_`,value:6,color:`#CACACA`},{name:`_`,value:6,color:`#6A6A6A`}]},{name:`_`,value:6,breakdown:[{name:`_`,value:3,color:`#CACACA`},{name:`_`,value:3,color:`#6A6A6A`}]},{name:`_`,value:2,breakdown:[{name:`_`,value:1,color:`#CACACA`},{name:`_`,value:1,color:`#6A6A6A`}]}]}],skeletonConfig:se({defaultConfig:k.value,userConfig:Qn.value})}),{userOptionsVisible:tr,setUserOptionsVisibility:nr,keepUserOptionState:rr}=De({config:k.value}),{svgRef:ir}=Oe({config:N.value.title});function ar(){return Ee(w.config,Gn,Ae)}We(()=>w.config,e=>{k.value=ar(),tr.value=!k.value.userOptions.showOnChartHover,fr.value.showTable=k.value.table.show,Nr()},{deep:!0});let{isPrinting:or,isImaging:sr,generatePdf:cr,generateImage:lr}=ve({elementId:`vue-ui-chestnut_${T.value}`,fileName:N.value.title.text||`vue-ui-chestnut`,options:k.value.userOptions.print}),ur=f(()=>k.value.userOptions.show),dr=f(()=>fe(k.value.customPalette)),fr=y({showTable:k.value.table.show});We(k,()=>{fr.value={showTable:k.value.table.show}},{immediate:!0});let pr=y(null),mr=f(()=>k.value.table.responsiveBreakpoint),I=y({gap:6,padding:{top:102,left:12,right:12,bottom:96},width:1024,height:0,branchSize:32,branchStart:128}),L=f(()=>({left:I.value.padding.left,top:I.value.padding.top,right:I.value.width-I.value.padding.right,bottom:I.value.height-I.value.padding.bottom,width:I.value.width-(I.value.padding.left+I.value.padding.right),height:I.value.height-(I.value.padding.top+I.value.padding.bottom),seedX:I.value.padding.left+64})),R=f(()=>er.value.flatMap(e=>(e.branches||[]).map(e=>e.value||0)).reduce((e,t)=>e+t,0)),hr=f(()=>k.value.debug),z=f(()=>(hr.value&&er.value.forEach((e,t)=>{pe({datasetObject:e,requiredAttributes:[`name`,`branches`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:t})}),e.branches&&e.branches.forEach((e,n)=>{pe({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n}`})}),e.breakdown&&e.breakdown.forEach((e,r)=>{pe({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n} - ${r}`})})})})}),er.value.map((e,t)=>{let n=(e.branches||[]).map(e=>e.value||0).reduce((e,t)=>e+t,0);return{...e,color:ne(e.color)||dr.value[t]||s[t]||s[t%s.length],id:e.id||`root_${t}_${T.value}`,type:`root`,total:n,rootIndex:t,branches:(e.branches||[]).map((r,i)=>({...r,rootName:e.name,rootIndex:t,color:ne(e.color)||dr.value[t]||s[t]||s[t%s.length],value:r.value>=0?r.value:0,id:r.id||`branch_${t}_${i}_${T.value}`,proportionToRoot:r.value/n,type:`branch`,breakdown:(r.breakdown||[]).map((a,o)=>({table:{rootName:e.name,rootValue:n,rootToTotal:n/R.value,branchName:r.name,branchValue:r.value,branchToTotal:r.value/R.value,branchToRoot:r.value/n,nutName:a.name,nutValue:a.value,nutToTotal:a.value/R.value,nutToRoot:a.value/n,nutToBranch:a.value/r.value},...a,type:`nut`,branchName:r.name,rootName:e.name,branchTotal:r.value>=0?r.value:0,proportionToBranch:a.value/r.value,proportionToRoot:a.value/n,proportionToTree:a.value/R.value,rootIndex:t,id:a.id||`nut_${t}_${i}_${o}_${T.value}`,color:ne(a.color)||dr.value[o]||s[o]||s[o%s.length],value:a.value>=0?a.value:0}))}))}})));function gr(){return z.value}let _r=qe,vr=f(()=>z.value.flatMap(e=>e.branches).length),yr=f(()=>Math.max(...z.value.map(e=>e.branches.map(e=>e.value).reduce((e,t)=>e+t,0)))),br=f(()=>Math.max(...z.value.flatMap(e=>e.branches.map(e=>e.value)))),xr=f(()=>256+I.value.padding.left),B=f(()=>z.value.sort((e,t)=>t.total-e.total).map((e,t)=>{let n=L.value.height/z.value.length/2,r=e.total/yr.value*(n>64?64:n);return{...e,x:L.value.seedX,y:L.value.top+L.value.height/z.value.length*(t+1)-(L.value.height/z.value.length/2+I.value.gap/2),r:r<I.value.branchSize/2?I.value.branchSize/2:r}})),Sr=f(()=>j.value.widthRatio<=0?.1:j.value.widthRatio>1.8?1.8:j.value.widthRatio),Cr=f(()=>B.value.flatMap(e=>e.branches)),V=f(()=>Cr.value.sort((e,t)=>t.value-e.value).map((e,t)=>({...e,y1:t*I.value.branchSize+L.value.top+t*I.value.gap,y2:t*I.value.branchSize+I.value.branchSize,x1:xr.value,x2:384*e.value/br.value*Sr.value+xr.value}))),wr=f(()=>B.value),Tr=f(()=>wr.value.map(e=>V.value.filter(t=>t.rootIndex===e.rootIndex).sort((e,t)=>e.y1-t.y1))),Er=f(()=>wr.value.map((e,t)=>Tr.value[t].map(e=>(e.breakdown||[]).map((t,n)=>({...t,nutIndex:n,rootIndex:e.rootIndex,branchId:e.id,branchName:e.name,branchValue:e.value,rootName:e.rootName})))));function Dr(e){let t=B.value.find(t=>t.rootIndex===e.rootIndex);return{x:t.x,y:t.y,r:t.r}}let H=y(null),U=y(null),W=y(null),G=y(null);function K(){H.value=null,W.value=null,G.value=null}function q(e){if(H.value)return e.type===`root`?e.rootIndex===H.value.rootIndex:e.type===`branch`?e.id===H.value.id:e.type===`nut`&&e.branchName===H.value.name&&e.rootIndex===H.value.rootIndex;if(W.value)return e.type===`root`?e.rootIndex===W.value.rootIndex:e.type===`branch`?e.id===W.value.id:e.type===`nut`&&e.branchName===W.value.name&&e.rootIndex===W.value.rootIndex;if(G.value)return e.type===`root`?e.id===G.value.id:e.type===`branch`||e.type===`nut`?e.rootIndex===G.value.rootIndex:!1;if(ci.value&&E.value){if(O.value.level===`root`)return e.type===`root`?Z.value&&e.id===Z.value.id:e.type===`branch`||e.type===`nut`?Z.value&&e.rootIndex===Z.value.rootIndex:!1;if(O.value.level===`branch`)return e.type===`root`?Z.value&&e.rootIndex===Z.value.rootIndex:e.type===`branch`?oi.value&&e.id===oi.value.id:(e.type,!1);if(O.value.level===`nut`)return e.type===`root`?Z.value&&e.rootIndex===Z.value.rootIndex:e.type===`branch`?si.value&&e.id===si.value.id:e.type===`nut`&&si.value&&e.branchName===si.value.name&&e.rootIndex===si.value.rootIndex}return!0}function Or(e){K();let t=wr.value.findIndex(t=>t.rootIndex===e.rootIndex),n=(Tr.value[t]||[]).findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),n!==-1&&(O.value.branchIndex=n),O.value.level=`nut`,O.value.nutIndex=0,Re(()=>{H.value=e,W.value=e,U.value=te({series:e.breakdown,base:1},e.x2+24+M.value.offsetX,e.y1+I.value.branchSize/2,80,80),_r(`selectNut`,e.breakdown),Q()})}function J(){H.value=null,U.value=null,_r(`selectNut`,null)}function kr(e){let t=wr.value.findIndex(t=>t.rootIndex===e.rootIndex),n=(Tr.value[t]||[]).findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),n!==-1&&(O.value.branchIndex=n),O.value.level=`branch`,O.value.nutIndex=0,W.value&&W.value.id===e.id?(W.value=null,K(),_r(`selectBranch`,null),Q()):(K(),W.value=e,_r(`selectBranch`,e),Q())}function Ar(e){let t=wr.value.findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),O.value.level=`root`,O.value.branchIndex=0,O.value.nutIndex=0,G.value&&G.value.id===e.id?(K(),_r(`selectRoot`,null),Q()):(K(),G.value=e,_r(`selectRoot`,e),Q())}function jr(){return L.value.bottom-(H.value.y1+180)<0?0:L.value.bottom}function Mr(e){return e.proportion*100>M.value.selected.labels.dataLabels.hideUnderValue}Be(()=>{Nr()});function Nr(){me(w.dataset)&&ae({componentName:`VueUiChestnut`,type:`dataset`,debug:hr.value});let e=vr.value*(I.value.branchSize+I.value.gap)+I.value.padding.top+I.value.padding.bottom;I.value.height=e}let Y=f(()=>({head:[k.value.table.th.translations.rootName,k.value.table.th.translations.rootValue,k.value.table.th.translations.rootToTotal,k.value.table.th.translations.branchName,k.value.table.th.translations.branchValue,k.value.table.th.translations.branchToRoot,k.value.table.th.translations.branchToTotal,k.value.table.th.translations.nutName,k.value.table.th.translations.nutValue,k.value.table.th.translations.nutToBranch,k.value.table.th.translations.nutToRoot,k.value.table.th.translations.nutToTotal],body:z.value.flatMap((e,t)=>e.branches.flatMap((e,t)=>e.breakdown.flatMap((e,t)=>e.table)))}));function Pr(e=null){Re(()=>{let t=[[N.value.title.text],[N.value.title.subtitle.text],[``],[`Grand total`,R.value],[``]],n=Y.value.head,r=Y.value.body.map((e,t)=>[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootName,Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootValue,Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootToTotal,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchName,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchValue,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchToRoot,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchToTotal,e.nutName,e.nutValue,e.nutToBranch,e.nutToRoot,e.nutToTotal]),i=t.concat([n]).concat(r),a=ee(i);e?e(a):ce({csvContent:a,title:N.value.title.text||`vue-ui-chestnut`})})}let Fr=y(!1);function Ir(e){Fr.value=e,Jn.value+=1}function Lr(){fr.value.showTable=!fr.value.showTable}let Rr=y(!1);function zr(){Rr.value=!Rr.value}async function Br({scale:e=2}={}){if(!qn.value)return;let{width:t,height:n}=qn.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await Se({domElement:qn.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:N.value.title.text,width:t,height:n,aspectRatio:r}}function Vr(e){let t=Dr(e),n=e.x1,r=e.y1,i=I.value.branchSize,a=t.x+t.r/2,o=t.y;return[`M ${n},${r}`,`C ${n-20},${r} ${n-20},${r} ${a},${o}`,`C ${a},${o} ${n-20},${r+i} ${n},${r+i}`,`Z`].join(` `)}let Hr=f(()=>t({config:k,style:P,mutableConfig:fr,dialog:Wn,accordion:Bn,isFullscreen:Fr,parent:qn,maxWidth:800,titleStyle:N,isCursorPointer:F}));We(()=>fr.value.showTable,async e=>{k.value.table.show||(e&&k.value.table.useDialog&&Yn.value?(await Re(),Yn.value.open()):`close`in Yn.value&&Yn.value.close())});let{isResponsive:Ur}=ke(pr,mr);function Wr(){fr.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let Gr=f(()=>z.value.map((e,t)=>({...e,display:`${e.name}: ${u(A.value.labels.formatter,e.total,o({p:N.value.legend.prefix,v:e.total,s:N.value.legend.suffix,r:N.value.legend.roundingValue}),{datapoint:e})} (${o({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage})})`}))),Kr=f(()=>Gr.value.map(e=>({color:e.color,name:e.display,shape:`circle`}))),qr=f(()=>P.value.backgroundColor),Jr=f(()=>({...N.value.legend,textAlign:`center`,show:!0,position:`bottom`})),Yr=f(()=>N.value.title),{isCallbackImaging:Xr,isCallbackSvg:Zr,generateSvg:Qr,onGenerateImage:$r}=xe({svg:ir,title:Yr,legend:Jr,legendItems:Kr,backgroundColor:qr,titleEmbedded:!0,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:lr});async function ei(){if(_r(`copyAlt`,{config:k.value,dataset:z.value}),!k.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:z.value}))}function ti(e){if(!e)return``;let t=o({p:N.value.legend.prefix,v:e.total,s:N.value.legend.suffix,r:N.value.legend.roundingValue}),n=o({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage});return`Root ${e.name}. Value ${t}. ${n} of total.`}function ni(e){if(!e)return``;let t=o({p:j.value.labels.dataLabels.prefix,v:e.value,s:j.value.labels.dataLabels.suffix,r:j.value.labels.dataLabels.roundingValue}),n=o({v:e.proportionToRoot*100,s:`%`,r:N.value.legend.roundingPercentage});return`Branch ${e.name}. Root ${e.rootName}. Value ${t}. ${n} of root ${e.rootName}.`}function ri(e){if(!e)return``;let t=o({p:N.value.legend.prefix,v:e.value,s:N.value.legend.suffix,r:M.value.selected.labels.roundingValue}),n=o({v:e.proportionToBranch*100,s:`%`,r:M.value.selected.labels.roundingPercentage});return`Nut ${e.name}. Branch ${e.branchName}. Root ${e.rootName}. Value ${t}. ${n} of branch ${e.branchName}.`}let ii=f(()=>wr.value[O.value.rootIndex]||null),X=f(()=>(Tr.value[O.value.rootIndex]||[])[O.value.branchIndex]||null),ai=f(()=>((Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[])[O.value.nutIndex]||null),Z=f(()=>ii.value),oi=f(()=>X.value),si=f(()=>O.value.level===`nut`?X.value:null),ci=f(()=>Zn.value);function Q(){if(O.value.level===`root`){D.value=ti(ii.value);return}if(O.value.level===`branch`){D.value=ni(X.value);return}O.value.level===`nut`&&(D.value=ri(ai.value))}function $(){O.value={level:`root`,rootIndex:0,branchIndex:0,nutIndex:0,locked:!1},D.value=``}function li(){let e=Tr.value[O.value.rootIndex]||[];if(!e.length){O.value.branchIndex=0;return}O.value.branchIndex>=e.length&&(O.value.branchIndex=0),O.value.branchIndex<0&&(O.value.branchIndex=e.length-1)}function ui(){let e=(Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[];if(!e.length){O.value.nutIndex=0;return}O.value.nutIndex>=e.length&&(O.value.nutIndex=0),O.value.nutIndex<0&&(O.value.nutIndex=e.length-1)}function di(e){if(O.value.level===`root`){let t=wr.value.length;if(!t)return;O.value.rootIndex+=e,O.value.rootIndex>=t&&(O.value.rootIndex=0),O.value.rootIndex<0&&(O.value.rootIndex=t-1),O.value.branchIndex=0,O.value.nutIndex=0,Q();return}if(O.value.level===`branch`){O.value.branchIndex+=e,li(),O.value.nutIndex=0,Q();return}O.value.level===`nut`&&(O.value.nutIndex+=e,ui(),Q())}function fi(e){if(e>0){if(O.value.level===`root`){if(!(Tr.value[O.value.rootIndex]||[]).length)return;O.value.level=`branch`,O.value.branchIndex=0,O.value.nutIndex=0,Q();return}if(O.value.level===`branch`){if(!((Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[]).length)return;O.value.level=`nut`,O.value.nutIndex=0,X.value?Or(X.value):Q();return}return}if(O.value.level===`nut`){J(),W.value=null,O.value.level=`branch`,O.value.nutIndex=0,Q();return}O.value.level===`branch`&&(W.value=null,G.value=null,O.value.level=`root`,O.value.nutIndex=0,Q())}function pi(){if(O.value.level===`root`&&ii.value){Ar(ii.value),D.value=`${ti(ii.value)} selected.`;return}if(O.value.level===`branch`&&X.value){kr(X.value),D.value=`${ni(X.value)} selected.`;return}O.value.level===`nut`&&X.value&&ai.value&&(Or(X.value),D.value=`${ri(ai.value)} details opened.`)}function mi(){Zn.value=!0,E.value=!1}function hi(){Zn.value=!1,E.value=!1,D.value=``,!G.value&&!W.value&&!H.value&&$()}function gi(e){let t=e.key===`ArrowUp`,n=e.key===`ArrowDown`,r=e.key===`ArrowLeft`,i=e.key===`ArrowRight`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(t||n||r||i||a||o){if(e.preventDefault(),e.stopPropagation(),Zn.value||=!0,o){K(),$(),E.value=!1;return}if((t||n||r||i)&&(E.value=!0),t){di(-1);return}if(n){di(1);return}if(r){fi(-1);return}if(i){fi(1);return}a&&pi()}}let _i=f(()=>({headers:Y.value.head,rows:Y.value.body.map(e=>[e.rootName,e.rootValue,o({v:e.rootToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage}),e.branchName,e.branchValue,o({v:e.branchToRoot*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.branchToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage}),e.nutName,e.nutValue,o({v:e.nutToBranch*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.nutToRoot*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.nutToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage})])}));return Ce({getData:gr,getImage:Br,generatePdf:cr,generateCsv:Pr,generateImage:lr,generateSvg:Qr,toggleTable:Lr,toggleAnnotator:zr,toggleFullscreen:Ir,copyAlt:ei}),(e,t)=>(v(),m(`div`,{class:g(`vue-data-ui-component vue-ui-chestnut ${Fr.value?`vue-data-ui-wrapper-fullscreen`:``}`),ref_key:`chestnutChart`,ref:qn,id:`vue-ui-chestnut_${T.value}`,style:_(`font-family:${k.value.style.fontFamily};width:100%; text-align:center;background:${P.value.backgroundColor}`),onMouseenter:t[12]||=()=>C(nr)(!0),onMouseleave:t[13]||=()=>C(nr)(!1)},[h(`div`,{id:`chart-instructions-${T.value}`,class:`sr-only`},[h(`p`,null,S(k.value.a11y.translations.keyboardNavigation),1)],8,Ye),h(`div`,Xe,S(D.value),1),_i.value?.rows?.length?(v(),je(Te,{key:0,uid:T.value,head:_i.value.headers,body:_i.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):p(``,!0),k.value.userOptions.buttons.annotator?(v(),je(C(Vn),{key:1,svgRef:C(ir),backgroundColor:P.value.backgroundColor,color:P.value.color,active:Rr.value,isCursorPointer:F.value,palette:k.value.userOptions.annotatorPalette,onClose:zr},Me({_:2},[b(C(r),t=>({name:t,fn:Ge(r=>[x(e.$slots,t,ze(Ie(C(n)(t,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),ur.value?(v(),m(`div`,Ze,null,512)):p(``,!0),k.value.userOptions.show&&Kn.value&&(C(rr)||C(tr))?(v(),je(C(Hn),{ref_key:`userOptionsRef`,ref:Xn,key:`user_options_${Jn.value}`,backgroundColor:P.value.backgroundColor,color:P.value.color,isImaging:C(sr),isPrinting:C(or),uid:T.value,hasPdf:k.value.userOptions.buttons.pdf,hasImg:k.value.userOptions.buttons.img,hasSvg:k.value.userOptions.buttons.svg,hasXls:k.value.userOptions.buttons.csv,hasTable:k.value.userOptions.buttons.table,hasFullscreen:k.value.userOptions.buttons.fullscreen,hasAltCopy:k.value.userOptions.buttons.altCopy,isFullscreen:Fr.value,titles:{...k.value.userOptions.buttonTitles},chartElement:qn.value,position:k.value.userOptions.position,hasAnnotator:k.value.userOptions.buttons.annotator,isAnnotation:Rr.value,callbacks:k.value.userOptions.callbacks,printScale:k.value.userOptions.print.scale,tableDialog:k.value.table.useDialog,isCursorPointer:F.value,onToggleFullscreen:Ir,onGeneratePdf:C(cr),onGenerateCsv:Pr,onGenerateImage:C($r),onGenerateSvg:C(Qr),onToggleTable:Lr,onToggleAnnotator:zr,onCopyAlt:ei,style:_({visibility:C(rr)?C(tr)?`visible`:`hidden`:`visible`})},Me({_:2},[b(C(i)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Ge(n=>[x(e.$slots,t,ze(Ie(C(a)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),h(`div`,Qe,[I.value.height>0?(v(),m(`svg`,{key:0,ref_key:`svgRef`,ref:ir,xmlns:C(de),"aria-describedby":`chart-instructions-${T.value}`,class:g({"vue-data-ui-fullscreen--on":Fr.value,"vue-data-ui-fulscreen--off":!Fr.value}),viewBox:`0 0 ${I.value.width<=0?10:I.value.width} ${I.value.height<=0?10:I.value.height}`,style:_(`overflow:visible;background:transparent;color:${P.value.color}`),tabindex:`0`,onFocus:mi,onBlur:hi,onKeydown:gi},[Pe(C(Un)),e.$slots[`chart-background`]?(v(),m(`foreignObject`,{key:0,x:0,y:0,width:I.value.width<=0?10:I.value.width,height:I.value.height<=0?10:I.value.height,style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,et)):p(``,!0),H.value?p(``,!0):(v(),m(`g`,tt,[N.value.title.text?(v(),m(`text`,{key:0,"text-anchor":`middle`,fill:N.value.title.color,"font-weight":N.value.title.bold?`bold`:`normal`,"font-size":N.value.title.fontSize,x:I.value.width/2,y:12+N.value.title.fontSize+N.value.title.offsetY,onClick:t[0]||=()=>{K(),$(),E.value=!1}},S(N.value.title.text),9,nt)):p(``,!0),N.value.title.subtitle.text?(v(),m(`text`,{key:1,"text-anchor":`middle`,fill:N.value.title.subtitle.color,"font-weight":N.value.title.subtitle.bold?`bold`:`normal`,"font-size":N.value.title.subtitle.fontSize,x:I.value.width/2,y:48+N.value.title.subtitle.fontSize+N.value.title.subtitle.offsetY,onClick:t[1]||=()=>{K(),$(),E.value=!1}},S(N.value.title.subtitle.text),9,rt)):p(``,!0)])),h(`defs`,null,[(v(!0),m(d,null,b(z.value,(e,t)=>(v(),je(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`root_gradient_${T.value}_${e.rootIndex}`,key:`root_gradient_${T.value}_${e.rootIndex}`,stops:[[`0%`,C(c)(C(ie)(e.color,.05),100-A.value.gradientIntensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128)),(v(!0),m(d,null,b(z.value,e=>(v(),je(we,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`branch_gradient_${T.value}_${e.rootIndex}`,key:`branch_gradient_${T.value}_${e.rootIndex}`,stops:[[`0%`,e.color,1],[`100%`,C(c)(C(ie)(e.color,.02),100-j.value.gradientIntensity),1]]},null,8,[`id`,`stops`]))),128)),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nutpick_${T.value}`,stops:[[`0%`,C(c)(`#FFFFFF`,0),0],[`80%`,C(c)(`#FFFFFF`,M.value.selected.gradientIntensity),1],[`100%`,C(c)(`#FFFFFF`,0),0]]},null,8,[`id`,`stops`]),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nut_${T.value}`,stops:[[`0%`,C(c)(`#FFFFFF`,0),0],[`80%`,C(c)(`#FFFFFF`,M.value.gradientIntensity),1],[`100%`,C(c)(`#FFFFFF`,0),0]]},null,8,[`id`,`stops`]),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nut_underlayer_${T.value}`,stops:[[`0%`,C(c)(P.value.backgroundColor,100),1],[`80%`,C(c)(P.value.backgroundColor,60),1],[`100%`,C(c)(P.value.backgroundColor,0),1]]},null,8,[`id`,`stops`])]),N.value.grandTotal.show?(v(),m(`g`,it,[h(`text`,{x:L.value.seedX,y:32+N.value.grandTotal.offsetY,"font-size":N.value.grandTotal.fontSize,"font-weight":N.value.grandTotal.bold?`bold`:`normal`,fill:N.value.grandTotal.color,"text-anchor":`middle`,onClick:t[2]||=()=>{K(),$(),E.value=!1}},S(N.value.grandTotal.text),9,at),h(`text`,{x:L.value.seedX,y:38+N.value.grandTotal.fontSize+N.value.grandTotal.offsetY,"font-size":N.value.grandTotal.fontSize,"font-weight":N.value.grandTotal.bold?`bold`:`normal`,fill:N.value.grandTotal.color,"text-anchor":`middle`,onClick:t[3]||=()=>{K(),$(),E.value=!1}},S(C(u)(N.value.grandTotal.formatter,R.value,C(o)({p:N.value.grandTotal.prefix,v:R.value,s:N.value.grandTotal.suffix,r:N.value.grandTotal.roundingValue}))),9,ot)])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[h(`defs`,null,[Pe(we,{t:`linear`,id:`link_grad_${e.id}`,stops:[[`0%`,e.color,1],[`100%`,C(c)(e.color,N.value.links.opacity),1]]},null,8,[`id`,`stops`])]),h(`path`,{d:Vr(e),stroke:C(c)(e.color,N.value.links.opacity),fill:`url(#link_grad_${e.id})`,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:_(`opacity:${+!!q(e)}`),onClick:t[4]||=()=>{K(),$(),E.value=!1}},null,12,st)]))),256)),(v(!0),m(d,null,b(B.value,e=>(v(),m(`circle`,{cx:e.x,cy:e.y,r:e.r,fill:A.value.underlayerColor,stroke:`none`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`)},null,12,ct))),256)),(v(!0),m(d,null,b(B.value,(e,t)=>(v(),m(`circle`,{"aria-label":ti(e),cx:e.x,cy:e.y,r:e.r,fill:A.value.useGradient?`url(#root_gradient_${T.value}_${e.rootIndex})`:e.color,stroke:A.value.stroke,"stroke-width":A.value.strokeWidth,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>Ar(e)},null,12,lt))),256)),A.value.labels.show?(v(),m(`g`,ut,[(v(!0),m(d,null,b(B.value,(e,t)=>(v(),m(`text`,{x:e.x,y:e.y+A.value.labels.fontSize/2.6,"text-anchor":`middle`,"font-size":A.value.labels.fontSize,fill:A.value.labels.adaptColorToBackground?C(ue)(e.color):A.value.labels.color,"font-weight":`bold`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>Ar(e)},S(C(u)(A.value.labels.formatter,e.total,C(o)({p:A.value.labels.prefix,v:e.total,s:A.value.labels.suffix,r:A.value.labels.roundingValue}),{datapoint:e})),13,dt))),256)),(v(!0),m(d,null,b(B.value,e=>(v(),m(`g`,null,[H.value&&e.rootIndex===H.value.rootIndex||W.value&&e.rootIndex===W.value.rootIndex||G.value&&e.rootIndex===G.value.rootIndex?(v(),m(`g`,ft,[h(`text`,{x:e.x,y:e.y+e.r+24,"text-anchor":`middle`,fill:A.value.labels.name.color,"font-size":A.value.labels.name.fontSize,"font-weight":A.value.labels.name.bold?`bold`:`normal`,onClick:t[5]||=()=>{K(),$(),E.value=!1}},S(e.name),9,pt)])):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`rect`,{x:e.x1,y:e.y1,height:I.value.branchSize,width:e.x2-e.x1,fill:j.value.underlayerColor,rx:j.value.borderRadius,stroke:`none`,style:_(`opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},null,12,mt))),256)),(v(!0),m(d,null,b(V.value,(e,t)=>(v(),m(`rect`,{"aria-label":ni(e),x:e.x1,y:e.y1,height:I.value.branchSize,width:e.x2-e.x1,fill:j.value.useGradient?`url(#branch_gradient_${T.value}_${e.rootIndex})`:e.color,rx:j.value.borderRadius,stroke:j.value.stroke,"stroke-width":j.value.strokeWidth,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},null,12,ht))),256)),j.value.labels.dataLabels.show?(v(),m(`g`,gt,[(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[e.proportionToRoot*100>j.value.labels.dataLabels.hideUnderValue?(v(),m(`text`,{key:0,x:e.x1+6,y:e.y1+I.value.branchSize/1.5,"text-anchor":`start`,fill:C(ue)(e.color),"font-size":j.value.labels.dataLabels.fontSize,"font-weight":`bold`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},S(C(u)(j.value.labels.dataLabels.formatter,e.value,C(o)({p:N.value.branches.labels.dataLabels.prefix,v:e.value,s:N.value.branches.labels.dataLabels.suffix,r:N.value.branches.labels.dataLabels.roundingValue}),{datapoint:e})),13,_t)):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,(e,t)=>(v(),m(`g`,null,[(v(!0),m(d,null,b(C(te)({series:e.breakdown,base:1},e.x2+24+M.value.offsetX,e.y1+I.value.branchSize/2,I.value.branchSize/3,I.value.branchSize/3),(t,n)=>(v(),m(`path`,{d:t.path,stroke:t.color,"stroke-width":10,fill:`none`,style:_(`opacity:${q(e)?1:.1}`)},null,12,vt))),256)),h(`circle`,{"aria-label":`Open details for branch ${e.name} in root ${e.rootName}`,fill:M.value.useGradient?`url(#nut_${T.value})`:`transparent`,cx:e.x2+24+M.value.offsetX,cy:e.y1+I.value.branchSize/2,r:I.value.branchSize/2+2,onClick:t=>Or(e),style:_(`cursor:${F.value?`pointer`:`default`};opacity:${q(e)?1:.1}`)},null,12,yt)]))),256)),j.value.labels.show&&!W.value?(v(),m(`g`,bt,[(v(!0),m(d,null,b(V.value,e=>(v(),m(`text`,{x:e.x2+I.value.branchSize+24+M.value.offsetX,y:e.y1+I.value.branchSize/2+5,"font-size":j.value.labels.fontSize,"font-weight":j.value.labels.bold?`bold`:`normal`,fill:j.value.labels.color,"text-anchor":`start`,style:_(`opacity:${q(e)?1:.1}`)},S(e.name),13,xt))),256))])):p(``,!0),h(`line`,{x1:256+I.value.padding.left,x2:256+I.value.padding.left,y1:L.value.top,y2:L.value.bottom,stroke:N.value.verticalSeparator.stroke,"stroke-width":N.value.verticalSeparator.strokeWidth},null,8,St),!H.value&&!W.value?(v(),m(`foreignObject`,{key:6,x:0,y:L.value.bottom,height:I.value.height-L.value.bottom,width:I.value.width,style:{overflow:`visible`},"data-no-svg-export":``,onClick:t[6]||=()=>{K(),$(),E.value=!1}},[h(`div`,wt,[h(`div`,Tt,[(v(!0),m(d,null,b(B.value,e=>(v(),m(`div`,{style:_(`display:flex;align-items:center;gap:3px;flex-direction:row;font-size:${N.value.legend.fontSize}px;`)},[(v(),m(`svg`,Et,[h(`circle`,{cx:`10`,cy:`10`,r:`10`,fill:e.color,stroke:`none`},null,8,Dt)])),C($n)?p(``,!0):(v(),m(d,{key:0},[h(`span`,null,S(e.name)+`:`,1),h(`b`,null,S(C(u)(N.value.roots.labels.formatter,e.total,C(o)({p:P.value.layout.legend.prefix,v:e.total,s:P.value.layout.legend.suffix,r:P.value.layout.legend.roundingValue}),{datapoint:e})),1),Ne(` (`+S(C(o)({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage}))+`) `,1)],64))],4))),256))])])],8,Ct)):p(``,!0),H.value&&U.value?(v(),m(`g`,Ot,[(v(),m(`foreignObject`,{x:0,y:jr(),height:I.value.height-L.value.bottom,width:I.value.width,style:{overflow:`visible`},onClick:t[7]||=()=>{K(),$(),E.value=!1}},[h(`div`,At,[h(`b`,null,S(H.value.name),1),h(`div`,jt,[(v(!0),m(d,null,b(H.value.breakdown,(e,t)=>(v(),m(`div`,{style:_(`display:flex;align-items:center;gap:6px;flex-direction:row;font-size:${N.value.legend.fontSize}px;`)},[(v(),m(`svg`,Mt,[h(`circle`,{cx:`10`,cy:`10`,r:`10`,fill:e.color,stroke:`none`},null,8,Nt)])),h(`span`,null,[Ne(S(e.name)+`: `,1),h(`b`,null,S(N.value.legend.prefix)+` `+S(e.value.toFixed(P.value.layout.nuts.selected.labels.roundingValue))+` `+S(N.value.legend.suffix),1),Ne(` (`+S((e.proportionToBranch*100).toFixed(N.value.nuts.selected.labels.roundingPercentage))+`%)`,1)])],4))),256))])])],8,kt)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:256,fill:`url(#nut_underlayer_${T.value})`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Pt),(v(!0),m(d,null,b(U.value,e=>(v(),m(`g`,null,[Mr(e)?(v(),m(`path`,{key:0,d:C(oe)(e,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+I.value.branchSize/2},16,16,!1,!1,64),stroke:e.color,"stroke-width":`1`,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Ft)):p(``,!0)]))),256)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:118,fill:P.value.backgroundColor,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,It),(v(!0),m(d,null,b(U.value,e=>(v(),m(`path`,{d:e.path,stroke:e.color,"stroke-width":64,fill:`none`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Lt))),256)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:110,fill:`url(#nutpick_${T.value})`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Rt),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:64,fill:P.value.backgroundColor,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,zt),h(`text`,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+8,fill:M.value.selected.labels.core.total.color,"font-size":M.value.selected.labels.core.total.fontSize,"font-weight":M.value.selected.labels.core.total.bold?`bold`:`normal`,"text-anchor":`middle`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(k.value.translations.total),11,Bt),h(`text`,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+36,fill:M.value.selected.labels.core.value.color,"font-size":M.value.selected.labels.core.value.fontSize,"font-weight":M.value.selected.labels.core.value.bold?`bold`:`normal`,"text-anchor":`middle`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(u)(M.value.selected.labels.dataLabels.formatter,H.value.value,C(o)({p:M.value.selected.labels.core.value.prefix,v:H.value.value,s:M.value.selected.labels.core.value.suffix,r:M.value.selected.roundingValue}),{datapoint:H.value})),11,Vt),(v(!0),m(d,null,b(U.value,(e,t)=>(v(),m(`g`,null,[Mr(e)?(v(),m(`text`,{key:0,x:C(l)(e).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)-M.value.selected.labels.dataLabels.fontSize/6,fill:e.color,"font-size":M.value.selected.labels.dataLabels.fontSize/2,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},` ⬤ `,14,Ht)):p(``,!0),Mr(e)?(v(),m(`text`,{key:1,x:C(l)(e,!0).x,"text-anchor":C(l)(e,!0).anchor,y:C(le)(e),fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(H.value.breakdown[t].name),15,Ut)):p(``,!0)]))),256)),(v(!0),m(d,null,b(U.value,(e,t)=>(v(),m(`g`,null,[Mr(e)?(v(),m(`text`,{key:0,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].value/H.value.value*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(H.value.breakdown[t].branchName)+` `+S(C(u)(M.value.selected.labels.dataLabels.formatter,H.value.breakdown[t].value,C(o)({p:M.value.selected.labels.dataLabels.prefix,v:H.value.breakdown[t].value,s:M.value.selected.labels.dataLabels.suffix,r:M.value.selected.roundingValue}),{datapoint:U.value,seriesIndex:t})),15,Wt)):p(``,!0),Mr(e)?(v(),m(`text`,{key:1,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize*2,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].proportionToRoot*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(H.value.breakdown[t].rootName),15,Gt)):p(``,!0),Mr(e)?(v(),m(`text`,{key:2,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize*3,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].proportionToTree*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.proportionToTree),15,Kt)):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:0,x:e.x1+6,y:e.y1+I.value.branchSize+24,"font-weight":`bold`,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[8]||=()=>{K(),$(),E.value=!1}},S(e.name)+`: `+S(C(u)(j.value.labels.dataLabels.formatter,e.value,C(o)({p:j.value.labels.dataLabels.prefix,v:e.value,s:j.value.labels.dataLabels.suffix,r:j.value.labels.dataLabels.roundingValue}),{datapoint:e})),9,qt)):p(``,!0),W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:1,x:e.x1+6,y:e.y1+I.value.branchSize+48,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[9]||=()=>{K(),$(),E.value=!1}},S(C(o)({v:e.proportionToRoot*100,s:`%`,r:j.value.labels.dataLabels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(e.rootName),9,Jt)):p(``,!0),W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:2,x:e.x1+6,y:e.y1+I.value.branchSize+72,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[10]||=()=>{K(),$(),E.value=!1}},S(C(o)({v:e.value/R.value*100,s:`%`,r:j.value.labels.dataLabels.roundingPercentage}))+` `+S(k.value.translations.proportionToTree),9,Yt)):p(``,!0)]))),256)),x(e.$slots,`svg`,{svg:{...I.value,isPrintingImg:C(or)||C(sr)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0)],46,$e)):p(``,!0)]),e.$slots.watermark?(v(),m(`div`,Xt,[x(e.$slots,`watermark`,ze(Ie({isPrinting:C(or)||C(sr)||C(Xr)||C(Zr)})),void 0,!0)])):p(``,!0),x(e.$slots,`legend`,{legend:z.value},void 0,!0),e.$slots.source?(v(),m(`div`,Zt,[x(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),Kn.value&&k.value.userOptions.buttons.table?(v(),je(Ve(Hr.value.component),Le({key:6},Hr.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Wr}),Me({content:Ge(()=>[h(`div`,{ref_key:`tableContainer`,ref:pr,class:`vue-ui-chestnut-table`,style:_(`${k.value.table.useDialog?``:`max-height: 300px;margin-top:24px`}`)},[h(`div`,{style:_(`${k.value.table.useDialog?``:`padding-top:36px;`}position: relative`)},[k.value.table.useDialog?p(``,!0):(v(),m(`div`,{key:0,role:`button`,tabindex:`0`,style:_(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${F.value?`pointer`:`default`}; background:${k.value.table.th.backgroundColor};`),onClick:Wr,onKeypress:Ke(Wr,[`enter`])},[Pe(C(zn),{name:`close`,stroke:k.value.table.th.color,"stroke-width":2},null,8,[`stroke`])],36)),h(`div`,{style:{width:`100%`},class:g({"vue-ui-responsive":C(Ur)})},[h(`table`,Qt,[k.value.table.useDialog?p(``,!0):(v(),m(`caption`,{key:0,style:_({backgroundColor:k.value.table.th.backgroundColor,color:k.value.table.th.color,outline:k.value.table.th.outline}),class:`vue-ui-data-table__caption`},[Ne(S(N.value.title.text)+` `,1),N.value.title.subtitle.text?(v(),m(`span`,$t,S(N.value.title.subtitle.text),1)):p(``,!0)],4)),h(`thead`,null,[h(`tr`,{role:`row`,style:_(`background:${k.value.table.th.backgroundColor};color:${k.value.table.th.color}`)},[(v(!0),m(d,null,b(Y.value.head,e=>(v(),m(`th`,{style:_(`outline:${k.value.table.th.outline}`)},S(e),5))),256))],4)]),h(`tbody`,null,[(v(!0),m(d,null,b(Y.value.body,(e,t)=>(v(),m(`tr`,{class:g({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":t%2==0,"vue-ui-data-table__tbody__row-odd":t%2!=0}),style:_(`background:${k.value.table.td.backgroundColor};color:${k.value.table.td.color}`)},[h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[0]},[h(`div`,tn,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,nn)):(v(),m(`span`,rn,S(e.rootName),1))])],12,en),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[1]},[h(`div`,on,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,sn)):(v(),m(`span`,cn,S(e.rootValue.toFixed(k.value.table.td.roundingValue)),1))])],12,an),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[2]},[h(`div`,un,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,dn)):(v(),m(`span`,fn,S((e.rootToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,ln),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[3]},[h(`div`,mn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,hn)):(v(),m(`span`,gn,S(e.branchName),1))])],12,pn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[4]},[h(`div`,vn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,yn)):(v(),m(`span`,bn,S(e.branchValue.toFixed(k.value.table.td.roundingValue)),1))])],12,_n),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[5]},[h(`div`,Sn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,Cn)):(v(),m(`span`,wn,S((e.branchToRoot*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,xn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[6]},[h(`div`,En,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,Dn)):(v(),m(`span`,On,S((e.branchToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,Tn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[7]},[h(`div`,An,S(e.nutName),1)],12,kn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[8]},[h(`div`,Mn,S(e.nutValue.toFixed(k.value.table.td.roundingValue)),1)],12,jn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[9]},[h(`div`,Pn,S((e.nutToBranch*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Nn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[10]},[h(`div`,In,S((e.nutToRoot*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Fn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[11]},[h(`div`,Rn,S((e.nutToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Ln)],6))),256))])])],2)],4)],4)]),_:2},[k.value.table.useDialog?{name:`title`,fn:Ge(()=>[Ne(S(Hr.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:Ge(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[11]||=e=>Pr(k.value.userOptions.callbacks.csv)},[Pe(C(zn),{name:`fileCsv`,stroke:Hr.value.props.color},null,8,[`stroke`])])]),key:`1`}:void 0]),1040)):p(``,!0),x(e.$slots,`skeleton`,{},()=>[C($n)?(v(),je(be,{key:0})):p(``,!0)],!0)],46,Je))}},[[`__scopeId`,`data-v-bfdc772a`]]);export{qe as n,zn as t};

package/dist/vue-ui-chord-fAckHfOW.js

@@ -0,0 +1,21 @@
+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,Ht as l,S as ee,X as te,Y as ne,at as re,i as ie,in as ae,nt as oe,r as se,sn as ce,t as le,w as ue,yt as de,zt as fe}from"./lib-zDxoqrgo.js";import{n as pe}from"./useHints-BH9r_0Vd.js";import{t as me}from"./useConfig-CKdzPrcf.js";import{t as he}from"./usePrinter-CnyKPIFM.js";import{n as ge,t as _e}from"./BaseScanner-8NdoBs7B.js";import{t as ve}from"./useChartExport-DtPNpc9M.js";import{n as ye}from"./Title-BRAjxtjG.js";import{t as be}from"./Shape-tkp65OcG.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"./A11yDataTable-DWNlWXzs.js";import{n as Te}from"./resolveChartConfig-BSo1Oe9n.js";import{t as Ee}from"./useUserOptionState-CXlFnwPv.js";import{t as De}from"./useChartAccessibility-DOMuYJfm.js";import{t as Oe}from"./chartImage-NwZO-elv.js";import{t as ke}from"./Legend-DokTll4u.js";import{t as Ae}from"./vue_ui_chord-Fq6VBRT1.js";import{Fragment as u,Teleport as je,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Me,createTextVNode as Ne,createVNode as Pe,defineAsyncComponent as g,guardReactiveProps as Fe,mergeProps as Ie,nextTick as Le,normalizeClass as _,normalizeProps as Re,normalizeStyle as v,onBeforeUnmount as ze,onMounted as Be,openBlock as y,ref as b,renderList as x,renderSlot as S,resolveDynamicComponent as Ve,shallowRef as He,toDisplayString as C,toRefs as Ue,unref as w,useCssVars as We,watch as Ge,withCtx as T,withModifiers as Ke}from"vue";var qe=/* @__PURE__ */ e({default:()=>Tt}),Je=[`id`],Ye=[`id`],Xe=[`id`],Ze=[`xmlns`,`viewBox`,`aria-describedby`],Qe=[`width`,`height`],$e={key:1},et=[`id`,`d`],tt={key:2},nt=[`transform`],rt=[`d`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],it=[`d`,`fill`,`stroke`,`stroke-width`],at=[`d`,`fill`],ot=[`d`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onClick`,`onMouseleave`],st=[`d`,`fill`,`stroke`,`stroke-width`],ct=[`d`,`fill`,`stroke`,`stroke-width`],lt=[`d`,`fill`,`stroke`,`stroke-width`],ut={key:0},dt=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],ft=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],pt=[`cx`,`cy`,`r`,`stroke`,`stroke-width`,`fill`],mt=[`transform`,`fill`,`text-anchor`,`font-size`,`font-weight`],ht={key:1},gt=[`font-size`,`font-weight`,`fill`],_t=[`href`],vt=[`transform`,`text-anchor`,`font-size`,`font-weight`,`fill`,`innerHTML`],yt={key:5,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},bt={key:6,class:`vue-data-ui-watermark`},xt=[`id`],St=[`onClick`],Ct={key:9,"data-dom-to-png-ignore":``,class:`reset-wrapper`},wt={style:{"text-align":`right`,width:`100%`}},Tt=/*#__PURE__*/ xe({__name:`vue-ui-chord`,props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},emits:[`selectLegend`,`selectGroup`,`selectRibbon`,`copyAlt`],setup(e,{expose:xe,emit:qe}){We(e=>({v2d2a587f:e.slicerColor}));let Tt=g(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),Et=g(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),Dt=g(()=>import(`./DataTable-DSUA5M9p.js`)),Ot=g(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),kt=g(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),At=g(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),jt=g(()=>import(`./BaseDraggableDialog-T1gEsQid.js`).then(e=>e.n)),{vue_ui_chord:Mt}=me(),E=e,Nt=qe,D=b(!!E.dataset&&Object.hasOwn(E.dataset,`matrix`)),O=b(te()),k=b(null),A=b(null),j=b(null),Pt=b(0),M=b(null),Ft=b(null),It=b(null),Lt=b(null),Rt=b(null),zt=b(0),Bt=b(0),Vt=b(0),Ht=b(!1),N=He(null),P=He(null),Ut=b(!1),Wt=b(null),Gt=b(null),F=b(`group`),I=b(null),Kt=b(!1),L=b(rn()),R=d(()=>L.value.style.chart.arcs),z=d(()=>L.value.style.chart.ribbons),B=d(()=>L.value.style.chart);pe({config:()=>L.value,dataset:()=>E.dataset,component:`VueUiChord`,rules:[{test:e=>e.matrix&&e.matrix.length>12,message:[`👀 The number of groups > 12, the chart might become hard to read. Consider:`,``,`▶️ Using broader groups to reduce their number.`]}]});let V=d(()=>L.value.userOptions.useCursorPointer),qt=d(()=>ae({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,legend:{backgroundColor:`transparent`},arcs:{stroke:`#6A6A6A`,labels:{show:!1}},ribbons:{stroke:`#6A6A6A`,underlayerOpacity:0,labels:{show:!1}}}}},userConfig:L.value.skeletonConfig??{}})),{loading:Jt,FINAL_DATASET:H,manualLoading:Yt}=ge({...Ue(E),FINAL_CONFIG:L,prepareConfig:rn,callback:()=>{Promise.resolve().then(async()=>{await Le(),W.value.showTable=L.value.table.show})},skeletonDataset:E.config?.skeletonDataset??{matrix:[[12e3,6e3,9e3,3e3],[2e3,1e4,2e3,6001],[8e3,1600,8e3,8001],[1e3,1e3,1e3,7001]],labels:[],colors:[`#DBDBDB`,`#C4C4C4`,`#ADADAD`,`#969696`]},skeletonConfig:ae({defaultConfig:L.value,userConfig:qt.value})}),{userOptionsVisible:Xt,setUserOptionsVisibility:Zt,keepUserOptionState:Qt}=Ee({config:L.value}),{svgRef:U}=De({config:B.value.title}),{isPrinting:$t,isImaging:en,generatePdf:tn,generateImage:nn}=he({elementId:`chord_${O.value}`,fileName:B.value.title.text||`vue-ui-chord`,options:L.value.userOptions.print}),W=b({showTable:L.value.table.show});function rn(){return Te(E.config,Mt,Ae)}Ge(()=>E.config,e=>{Jt.value||(L.value=rn()),Xt.value=!L.value.userOptions.showOnChartHover,on(),zt.value+=1,Bt.value+=1,Vt.value+=1,X.value=L.value.initialRotation,W.value.showTable=L.value.table.show},{deep:!0});let G=d(()=>L.value.debug);Ge(()=>E.dataset,()=>{an(),on(),zt.value+=1,Bt.value+=1,Vt.value+=1});function an(){if(fe(E.dataset)){re({componentName:`VueUiChord`,type:`dataset`,debug:G.value}),D.value=!1,Yt.value=!0;return}let e=de({datasetObject:E.dataset,requiredAttributes:[`matrix`]});if(e.length){G.value&&e.forEach(e=>{re({componentName:`VueUiChord`,type:`datasetAttribute`,property:e})}),D.value=!1,Yt.value=!0;return}let t=E.dataset.matrix;if(!Array.isArray(t)||t.length<2){G.value&&console.warn(`VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
+        
+matrix:[
+    [1, 1],
+    [1, 1]
+]`),D.value=!1,Yt.value=!0;return}let n=t.length,r=t.findIndex(e=>!Array.isArray(e)||e.length!==n);if(r!==-1){G.value&&console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${r} has ${Array.isArray(t[r])?t[r].length:`NaN`} elements instead of the required ${n}
+
+dataset.matrix[${r}] = [${Array.isArray(t[r])?t[r].toString():`invalid`}]`),D.value=!1,Yt.value=!0;return}D.value=!0,Yt.value=!1}function on(){if(an(),L.value.responsive){let e=Se(()=>{let{width:e,height:t,heightNoTitle:n,heightSource:r,heightTitle:i,heightLegend:a}=Ce({chart:M.value,title:B.value.title.text?Ft.value:null,legend:B.value.legend.show?It.value:null,source:Lt.value,noTitle:Rt.value}),o=i+a+r+n;e<t?M.value.style.width=`100%`:(M.value.style.height=`100%`,U.value.style.height=`calc(100% - ${o}px)`)},100);N.value&&(P.value&&N.value.unobserve(P.value),N.value.disconnect()),N.value=new ResizeObserver(e),P.value=M.value.parentNode,N.value.observe(P.value),e()}cn.value=setTimeout(()=>{Ht.value=!0},500)}function sn(){if(!H.value||!Object.hasOwn(H.value,`matrix`)||H.value.matrix.length<2){G.value&&console.warn(`VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
+
+matrix:[
+  [1, 1],
+  [1, 1]
+]`),D.value=!1;return}H.value.matrix.forEach((e,t)=>{e.length!==H.value.matrix.length&&(G.value&&console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${t} has ${e.length} elements instead of the required ${H.value.matrix.length}\n\ndataset.matrix[${t}] = [${e.toString()}] has a length of ${e.length} but should have the same length as the matrix itself (${H.value.matrix.length})`),D.value=!1)})}let cn=b(null);Be(()=>{Ut.value=!0,on()});let K=b({height:600,width:600}),ln=d(()=>L.value.userOptions.show&&!B.value.title.text),un=d(()=>ue(L.value.customPalette)),q=d(()=>({inner:K.value.width*.3*R.value.innerRadiusRatio,outer:K.value.width*.34*R.value.outerRadiusRatio})),dn=d(()=>R.value.padAngle/100),J=d(()=>({matrix:H.value.matrix??[[0]],labels:H.value.labels??[``],colors:H.value.colors&&Array.isArray(H.value.colors)&&H.value.colors.length?H.value.colors.map(e=>ee(e)):H.value.matrix.map((e,t)=>un.value[t]||l[t]||l[t%l.length])}));function fn(e,t){let n=e.length,r=q.value.inner,i=Array(n).fill(0),a=0;for(let t=0;t<n;t+=1)for(let r=0;r<n;r+=1)i[t]+=e[t][r],a+=e[t][r];let o=(2*Math.PI-t*n)/a,s=[],c=0;for(let e=0;e<n;e+=1){let n=c,r=n+i[e]*o;s.push({index:e,pattern:`pattern_${O.value}_${e}`,startAngle:n,endAngle:r,name:J.value.labels[e],id:te(),color:J.value.colors[e],proportion:i[e]/a}),c=r+t}let l=[];for(let t=0;t<n;t+=1){let n=e[t].map((e,t)=>({j:t,v:e}));n.sort((e,t)=>t.v-e.v);let i=s[t].startAngle;for(let{j:e,v:a}of n){let n=i,c=n+a*o;l.push({index:t,subIndex:e,pattern:`pattern_${O.value}_${t}`,startAngle:n,endAngle:c,value:a,groupName:J.value.labels[t],groupId:s[t].id,groupColor:J.value.colors[t],midAngle:(n+c)/2,midBaseX:Math.cos((n+c)/2-Math.PI/2)*r,midBaseY:Math.sin((n+c)/2-Math.PI/2)*r}),i=c}}let ee=[];for(let e of l){let t=l.find(t=>t.index===e.subIndex&&t.subIndex===e.index);ee.push({source:e,target:t,id:te()})}return{groups:s,chords:ee}}let Y=d(()=>{let e=fn(J.value.matrix,dn.value);return sn(),e.chords.sort((e,t)=>Math.max(t.source.value,t.target.value)-Math.max(e.source.value,e.target.value)),e}),pn=d(()=>{let e=q.value.outer+z.value.labels.offset+12,t=z.value.labels.fontSize*.6,n=[];if(A.value){let r=A.value;if(r.source.value){let i=String(r.source.value);n.push({id:r.id+`-src`,theta:r.source.midAngle,w:i.length*t/e,midBaseX:r.source.midBaseX,midBaseY:r.source.midBaseY,groupColor:r.source.groupColor,value:r.source.value})}if(r.target&&r.target.value&&r.target.value!==r.source.value){let i=String(r.target.value);n.push({id:r.id+`-tgt`,theta:r.target.midAngle,w:i.length*t/e,midBaseX:r.target.midBaseX,midBaseY:r.target.midBaseY,groupColor:r.target.groupColor,value:r.target.value})}return n}function r(r){Y.value.chords.filter(e=>e.source.groupId===r&&e.source.value).forEach(r=>{{let i=String(r.source.value);n.push({id:r.id+`-src`,theta:r.source.midAngle,w:i.length*t/e,midBaseX:r.source.midBaseX,midBaseY:r.source.midBaseY,groupColor:r.source.groupColor,value:r.source.value})}if(r.target&&r.target.value&&r.target.value!==r.source.value){let i=String(r.target.value);n.push({id:r.id+`-tgt`,theta:r.target.midAngle,w:i.length*t/e,midBaseX:r.target.midBaseX,midBaseY:r.target.midBaseY,groupColor:r.target.groupColor,value:r.target.value})}})}return j.value&&r(j.value),k.value&&r(k.value.id),n}),mn=d(()=>{let e=pn.value.map(e=>({...e})).sort((e,t)=>e.theta-t.theta),t=z.value.labels.minSeparationDeg*Math.PI/180,n=!0,r=0;for(;n&&r++<10;){n=!1;for(let r=1;r<e.length;r+=1){let i=e[r-1],a=e[r],o=i.theta+i.w+t;a.theta<o&&(a.theta=o,n=!0)}let r=e[0],i=e[e.length-1],a=i.theta+i.w+t-2*Math.PI;r.theta<a&&(r.theta=a,n=!0)}return e});function hn(e,t,n,r){let i=e-Math.PI/2,a=t-Math.PI/2,o=Math.cos(i)*n,s=Math.sin(i)*n,c=Math.cos(a)*n,l=Math.sin(a)*n,ee=Math.cos(a)*r,te=Math.sin(a)*r,ne=Math.cos(i)*r,re=Math.sin(i)*r,ie=+(t-e>Math.PI);return`M${o},${s} A${n},${n} 0 ${ie} 1 ${c},${l} L${ee},${te} A${r},${r} 0 ${ie} 0 ${ne},${re} Z`}function gn(e,t){let n=q.value.inner,r=e.startAngle-Math.PI/2,i=e.endAngle-Math.PI/2,a=t.startAngle-Math.PI/2,o=t.endAngle-Math.PI/2,s=Math.cos(r)*n,c=Math.sin(r)*n,l=Math.cos(i)*n,ee=Math.sin(i)*n,te=Math.cos(a)*n,ne=Math.sin(a)*n,re=Math.cos(o)*n,ie=Math.sin(o)*n;return`M${s},${c}A${n},${n} 0 ${+(e.endAngle-e.startAngle>Math.PI)} 1 ${l},${ee}Q0,0 ${te},${ne}A${n},${n} 0 ${+(t.endAngle-t.startAngle>Math.PI)} 1 ${re},${ie}Q0,0 ${s},${c}Z`}let _n=d(()=>X.value*Math.PI/180);function vn(e){return(e.startAngle+e.endAngle)/2}function yn(e){return((vn(e)+_n.value)%(2*Math.PI)+2*Math.PI)%(2*Math.PI)}function bn(e){let t=e+_n.value;return t=(t%(2*Math.PI)+2*Math.PI)%(2*Math.PI),t>Math.PI?`end`:`start`}function xn(e){let t=e-Math.PI/2;return`translate(${Math.cos(t)*(q.value.outer+R.value.labels.offset+24)},${Math.sin(t)*(q.value.outer+R.value.labels.offset+24)})`}function Sn(e,t,n){let r=e-Math.PI/2,i=t-Math.PI/2,a=Math.cos(r)*n,o=Math.sin(r)*n,s=Math.cos(i)*n,c=Math.sin(i)*n;return`M${a},${o} A${n},${n} 0 ${+(t-e>Math.PI)} 1 ${s},${c}`}let X=b(L.value.initialRotation),Cn=b(!1),wn=0,Tn=0;function En(e){let t=U.value.getBoundingClientRect(),n=t.left+t.width/2,r=t.top+t.height/2,i=e.clientX??e.touches[0].clientX,a=e.clientY??e.touches[0].clientY;return Math.atan2(a-r,i-n)}function Dn(e){L.value.enableRotation&&!Vn.value&&(e.preventDefault(),Cn.value=!0,wn=X.value,Tn=En(e))}function On(e){if(!Cn.value)return;let t=En(e);X.value=wn+(t-Tn)*180/Math.PI}function kn(){Cn.value=!1}function An(e){return ie(z.value.labels.formatter,e,s({p:z.value.labels.prefix,v:e,s:z.value.labels.suffix,r:z.value.labels.rounding}))}Be(()=>{window.addEventListener(`mousemove`,On),window.addEventListener(`mouseup`,kn),window.addEventListener(`touchmove`,On,{passive:!1}),window.addEventListener(`touchend`,kn)}),ze(()=>{window.removeEventListener(`mousemove`,On),window.removeEventListener(`mouseup`,kn),window.removeEventListener(`touchmove`,On),window.removeEventListener(`touchend`,kn),clearTimeout(cn.value),N.value&&(P.value&&N.value.unobserve(P.value),N.value.disconnect())});let jn=b(!1);function Mn(e){jn.value=e,Pt.value+=1}function Nn(e,t){L.value.events.datapointEnter&&L.value.events.datapointEnter({datapoint:e,seriesIndex:t}),!j.value&&(k.value=e)}function Pn(e,t){k.value=null,L.value.events.datapointLeave&&L.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function Fn(e,t){Nt(`selectGroup`,e),L.value.events.datapointClick&&L.value.events.datapointClick({datapoint:e,seriesIndex:t})}function In(e,t){L.value.events.datapointEnter&&L.value.events.datapointEnter({datapoint:e,seriesIndex:t}),!j.value&&(A.value=e)}function Ln(e,t){A.value=null,L.value.events.datapointLeave&&L.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function Rn(e,t){Nt(`selectRibbon`,e),L.value.events.datapointClick&&L.value.events.datapointClick({datapoint:e,seriesIndex:t})}function zn(e){return!j.value&&!k.value&&!A.value?.8:(j.value?j.value===e.source.groupId:k.value?k.value.id===e.source.groupId:A.value?.id===e.id)?1:.1}function Bn(e){return!j.value&&!k.value&&!A.value||(j.value?j.value===e.id:k.value?k.value.id===e.id:[A.value?.source.groupId,A.value?.target.groupId].includes(e.id))?1:.3}let Vn=b(!1);function Hn(){Vn.value=!Vn.value}function Un(){W.value.showTable=!W.value.showTable}function Wn(){return Y.value}let Z=b(null);function Gn(){let e=L.value.initialRotation;Z.value!==null&&cancelAnimationFrame(Z.value);let t=()=>{X.value+=(e-X.value)*.05,Math.abs(X.value-e)<.1?(X.value=e,Z.value=null):Z.value=requestAnimationFrame(t)};Z.value=requestAnimationFrame(t)}ze(()=>{Z.value!==null&&cancelAnimationFrame(Z.value)});function Kn(e){e===j.value?(j.value=null,Nt(`selectLegend`,null)):(j.value=e,Nt(`selectLegend`,Y.value.groups.find(t=>t.id===e)))}let qn=d(()=>Y.value.groups.map((e,t)=>({name:e.name,color:e.color,shape:`circle`,patternIndex:t,pattern:`pattern_${O.value}_${t}`,id:e.id,select:()=>Kn(e.id),opacity:j.value?j.value===e.id?1:.3:1}))),Jn=d(()=>({cy:`chord-div-legend`,backgroundColor:B.value.legend.backgroundColor,color:B.value.legend.color,fontSize:B.value.legend.fontSize,paddingBottom:12,fontWeight:B.value.legend.bold?`bold`:``})),Q=d(()=>({head:Y.value.groups.map((e,t)=>({name:e.name||t,color:e.color})),body:J.value.matrix})),Yn=d(()=>{let e=[{name:``,color:null},...Q.value.head];return{colNames:e,head:e,body:Q.value.body.map((e,t)=>[Q.value.head[t],...Q.value.body[t]]),config:{th:{backgroundColor:L.value.table.th.backgroundColor,color:L.value.table.th.color,outline:L.value.table.th.outline},td:{backgroundColor:L.value.table.td.backgroundColor,color:L.value.table.td.color,outline:L.value.table.td.outline},breakpoint:L.value.table.responsiveBreakpoint}}});function Xn(e=null){Le(()=>{let t=J.value.matrix.map((e,t)=>[[J.value.labels[t]||t],e]),n=[[B.value.title.text],[B.value.title.subtitle.text],[[``],...J.value.labels.map((e,t)=>[e||t])]].concat(t),r=c(n);e?e(r):oe({csvContent:r,title:B.value.title.text||`vue-ui-chord`})})}let Zn=Oe(M,()=>B.value.title.text);function Qn(e,t){return`${J.value.labels[t]}${R.value.labels.showPercentage?s({p:` (`,v:isNaN(e.proportion)?0:e.proportion*100,s:`%)`,r:R.value.labels.roundingPercentage}):``}`}let $n=d(()=>n({config:L,style:B,mutableConfig:W,dialog:jt,accordion:Tt,isFullscreen:jn,parent:M,maxWidth:800,isCursorPointer:V}));Ge(()=>W.value.showTable,e=>t(e,L,Wt));function er(){W.value.showTable=!1,Gt.value&&Gt.value.setTableIconState(!1)}let tr=d(()=>B.value.backgroundColor),nr=d(()=>B.value.legend),rr=d(()=>B.value.title),{isCallbackImaging:ir,isCallbackSvg:ar,generateSvg:or,onGenerateImage:sr}=ve({svg:U,title:rr,legend:nr,legendItems:qn,backgroundColor:tr,getSvgCallback:()=>L.value.userOptions.callbacks.svg,generateImage:nn});async function cr(){if(Nt(`copyAlt`,{config:L.value,dataset:J.value}),!L.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(L.value.userOptions.callbacks.altCopy({config:L.value,dataset:J.value}))}let lr=d(()=>(k.value?Y.value.chords.filter(e=>e.source.groupId===k.value.id):j.value?Y.value.chords.filter(e=>e.source.groupId===j.value):Y.value.chords).filter(e=>e.source.value)),$=d(()=>({groups:Y.value.groups.map((e,t)=>({type:`group`,index:t,item:e})),ribbons:lr.value.map((e,t)=>({type:`ribbon`,index:t,item:{...e,path:gn(e.source,e.target),color:J.value.colors[e.source.index]}}))})),ur=d(()=>({headers:[``,...Q.value.head.map(e=>e.name)],rows:Q.value.body.map((e,t)=>[Q.value.head[t]?.name??`${t}`,...e.map(e=>An(e))])}));function dr(e){let t=$.value.groups[e];t&&(F.value=`group`,I.value=e,A.value=null,k.value=t.item)}function fr(e){let t=$.value.ribbons[e];t&&(F.value=`ribbon`,I.value=e,k.value=null,A.value=t.item)}function pr(){I.value=null,F.value=`group`,k.value=null,A.value=null}function mr(){Kt.value=!0,F.value=`group`,I.value=null}function hr(){Kt.value=!1,pr()}function gr(e){if(!U.value||Vn.value||document.activeElement!==U.value)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){pr();return}if(r){F.value=`group`,$.value.groups.length&&dr(I.value===null?0:Math.min(I.value,$.value.groups.length-1));return}if(i){if(!$.value.ribbons.length)return;F.value=`ribbon`,fr(I.value===null?0:Math.min(I.value,$.value.ribbons.length-1));return}if(a){if(F.value===`group`){let e=$.value.groups[I.value];e&&Fn(e.item,e.index)}else{let e=$.value.ribbons[I.value];e&&Rn(e.item,e.index)}return}let s=F.value===`group`?$.value.groups:$.value.ribbons;if(!s.length)return;let c=I.value;c===null||c<0||c>=s.length?c=n?0:s.length-1:n?(c+=1,c>=s.length&&(c=0)):t&&(--c,c<0&&(c=s.length-1)),F.value===`group`?dr(c):fr(c)}return xe({getData:Wn,getImage:Zn,generateCsv:Xn,generateImage:nn,generateSvg:or,generatePdf:tn,toggleAnnotator:Hn,toggleTable:Un,toggleFullscreen:Mn,copyAlt:cr}),(e,t)=>(y(),m(`div`,{ref_key:`chordChart`,ref:M,class:_({"vue-data-ui-component":!0,"vue-ui-chord":!0,"vue-data-ui-wrapper-fullscreen":jn.value,"vue-data-ui-responsive":L.value.responsive}),style:v(`font-family:${L.value.style.fontFamily};width:100%; text-align:center;background:${B.value.backgroundColor}`),id:`chord_${O.value}`,onMouseenter:t[2]||=()=>w(Zt)(!0),onMouseleave:t[3]||=()=>w(Zt)(!1)},[h(`div`,{id:`chart-instructions-${O.value}`,class:`sr-only`},[h(`p`,null,C(L.value.a11y.translations.keyboardNavigation),1)],8,Ye),ur.value?.rows?.length?(y(),f(we,{key:0,uid:O.value,head:ur.value.headers,body:ur.value.rows,notice:L.value.a11y.translations.tableAvailable,caption:L.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):p(``,!0),L.value.userOptions.buttons.annotator&&w(U)?(y(),f(w(kt),{key:1,color:B.value.color,backgroundColor:B.value.backgroundColor,active:Vn.value,svgRef:w(U),isCursorPointer:V.value,palette:L.value.userOptions.annotatorPalette,onClose:Hn},Me({_:2},[x(w(i),t=>({name:t,fn:T(n=>[S(e.$slots,t,Re(Fe(w(r)(t,n))),void 0,!0)])}))]),1032,[`color`,`backgroundColor`,`active`,`svgRef`,`isCursorPointer`,`palette`])):p(``,!0),S(e.$slots,`userConfig`,{},void 0,!0),ln.value?(y(),m(`div`,{key:2,ref_key:`noTitle`,ref:Rt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),B.value.title.text?(y(),m(`div`,{key:3,ref_key:`chartTitle`,ref:Ft,style:`width:100%;background:transparent;padding-bottom:24px`},[(y(),f(ye,{key:`title_${zt.value}`,config:{title:{cy:`chord-div-title`,...B.value.title},subtitle:{cy:`chord-div-subtitle`,...B.value.title.subtitle}}},null,8,[`config`]))],512)):p(``,!0),h(`div`,{id:`legend-top-${O.value}`},null,8,Xe),L.value.userOptions.show&&D.value&&(w(Qt)||w(Xt))?(y(),f(w(At),{ref_key:`userOptionsRef`,ref:Gt,key:`user_option_${Pt.value}`,backgroundColor:B.value.backgroundColor,color:B.value.color,isPrinting:w($t),isImaging:w(en),uid:O.value,hasTooltip:!1,hasPdf:L.value.userOptions.buttons.pdf,hasImg:L.value.userOptions.buttons.img,hasSvg:L.value.userOptions.buttons.svg,hasXls:L.value.userOptions.buttons.csv,hasTable:L.value.userOptions.buttons.table,hasLabel:!1,hasFullscreen:L.value.userOptions.buttons.fullscreen,hasAltCopy:L.value.userOptions.buttons.altCopy,isFullscreen:jn.value,chartElement:M.value,position:L.value.userOptions.position,titles:{...L.value.userOptions.buttonTitles},hasAnnotator:L.value.userOptions.buttons.annotator,isAnnotation:Vn.value,callbacks:L.value.userOptions.callbacks,printScale:L.value.userOptions.print.scale,tableDialog:L.value.table.useDialog,isCursorPointer:V.value,onToggleFullscreen:Mn,onGeneratePdf:w(tn),onGenerateCsv:Xn,onGenerateImage:w(sr),onGenerateSvg:w(or),onToggleTable:Un,onToggleAnnotator:Hn,onCopyAlt:cr,style:v({visibility:w(Qt)?w(Xt)?`visible`:`hidden`:`visible`})},Me({_: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,Re(Fe(w(o)(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(`.`))):p(``,!0),(y(),m(`svg`,{xmlns:w(le),ref_key:`svgRef`,ref:U,viewBox:`0 0 ${K.value.width} ${K.value.height}`,"aria-describedby":`chart-instructions-${O.value}`,tabindex:`0`,preserveAspectRatio:`xMidYMid meet`,style:{overflow:`visible`},class:_({"vue-ui-chord-rotating":Cn.value,"vue-ui-chord-idle":!Cn.value}),onMousedown:Ke(Dn,[`prevent`]),onTouchstart:Ke(Dn,[`prevent`]),onFocus:mr,onBlur:hr,onKeydown:gr},[Pe(w(Ot)),e.$slots[`chart-background`]?(y(),m(`foreignObject`,{key:0,x:0,y:0,width:K.value.width<=0?10:K.value.width,height:K.value.height<=0?10:K.value.height,style:{pointerEvents:`none`}},[S(e.$slots,`chart-background`,{},void 0,!0)],8,Qe)):p(``,!0),R.value.labels.curved?(y(),m(`defs`,$e,[(y(!0),m(u,null,x(Y.value.groups,(e,t)=>(y(),m(`path`,{key:`labelPath-${t}`,id:`labelPath-${t}_${O.value}`,d:Sn(e.startAngle,e.endAngle,(q.value.inner+q.value.outer)/2+R.value.labels.offset),fill:`none`},null,8,et))),128))])):p(``,!0),e.$slots.pattern?(y(),m(`g`,tt,[(y(!0),m(u,null,x(Y.value.groups,(t,n)=>(y(),m(`defs`,null,[S(e.$slots,`pattern`,Ie({ref_for:!0},{seriesIndex:t.index,patternId:`pattern_${O.value}_${n}`}),void 0,!0)]))),256))])):p(``,!0),h(`g`,{transform:`translate(${K.value.width/2}, ${K.value.height/2}) rotate(${X.value})`},[(y(!0),m(u,null,x(Y.value.groups,(t,n)=>(y(),m(`g`,null,[(y(),m(`path`,{class:_({"vue-ui-chord-arc":!0,"vue-ui-chord-arc-animated":L.value.useCssAnimation&&!Ht.value}),key:`arc-${n}`,d:hn(t.startAngle,t.endAngle,q.value.outer,q.value.inner),fill:J.value.colors[n],stroke:R.value.stroke,"stroke-width":R.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:v({opacity:Bn(t)}),onMouseenter:e=>Nn(t,n),onMouseleave:e=>Pn(t,n),onClick:e=>Fn(t,n)},null,46,rt)),e.$slots.pattern?(y(),m(`path`,{class:_({"vue-ui-chord-arc":!0,"vue-ui-chord-arc-animated":L.value.useCssAnimation&&!Ht.value}),key:`arc-${n}`,d:hn(t.startAngle,t.endAngle,q.value.outer,q.value.inner),fill:`url(#${t.pattern})`,stroke:R.value.stroke,"stroke-width":R.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:v({opacity:Bn(t),pointerEvents:`none`})},null,14,it)):p(``,!0)]))),256)),h(`g`,null,[(y(!0),m(u,null,x(k.value?Y.value.chords.filter(e=>e.source.groupId===k.value.id):j.value?Y.value.chords.filter(e=>e.source.groupId===j.value):Y.value.chords,(t,n)=>(y(),m(u,{key:`ribbon-${t.id}`},[t.source.value?(y(),m(`path`,{key:0,class:_({"vue-ui-chord-ribbon":!0}),d:gn(t.source,t.target),fill:B.value.backgroundColor,style:v({opacity:z.value.underlayerOpacity})},null,12,at)):p(``,!0),t.source.value?(y(),m(`path`,{key:1,class:_({"vue-ui-chord-ribbon":!0}),d:gn(t.source,t.target),fill:J.value.colors[t.source.index],stroke:z.value.stroke,"stroke-width":z.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:v({opacity:zn(t)}),onMouseenter:e=>In({...t,path:gn(t.source,t.target),color:J.value.colors[t.source.index]},n),onClick:e=>Rn({...t,color:J.value.colors[t.source.index]},n),onMouseleave:e=>Ln({...t,color:J.value.colors[t.source.index]},n)},null,44,ot)):p(``,!0),t.source.value&&e.$slots.pattern?(y(),m(`path`,{key:2,class:_({"vue-ui-chord-ribbon":!0}),d:gn(t.source,t.target),fill:`url(#pattern_${O.value}_${t.source.index})`,stroke:z.value.stroke,"stroke-width":z.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:v({opacity:zn(t),pointerEvents:`none`})},null,12,st)):p(``,!0)],64))),128)),A.value?(y(),m(`path`,{key:0,d:A.value.path,fill:A.value.color,stroke:z.value.stroke,"stroke-width":z.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,class:_({"vue-ui-chord-ribbon":!0}),style:{pointerEvents:`none`}},null,8,ct)):p(``,!0),A.value&&e.$slots.pattern?(y(),m(`path`,{key:1,d:A.value.path,fill:`url(#${A.value.source.pattern})`,stroke:z.value.stroke,"stroke-width":z.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,class:_({"vue-ui-chord-ribbon":!0}),style:{pointerEvents:`none`}},null,8,lt)):p(``,!0)]),(k.value||A.value||j.value)&&z.value.labels.show?(y(),m(`g`,ut,[(y(!0),m(u,null,x(mn.value,e=>(y(),m(u,{key:e.id},[h(`line`,{x1:e.midBaseX,y1:e.midBaseY,x2:Math.cos(e.theta-Math.PI/2)*(q.value.outer+z.value.labels.offset+12),y2:Math.sin(e.theta-Math.PI/2)*(q.value.outer+z.value.labels.offset+12),stroke:B.value.backgroundColor,"stroke-width":z.value.labels.connector.strokeWidth*3,"pointer-events":`none`},null,8,dt),h(`line`,{x1:e.midBaseX,y1:e.midBaseY,x2:Math.cos(e.theta-Math.PI/2)*(q.value.outer+z.value.labels.offset+12),y2:Math.sin(e.theta-Math.PI/2)*(q.value.outer+z.value.labels.offset+12),stroke:z.value.labels.connector.stroke,"stroke-width":z.value.labels.connector.strokeWidth,"pointer-events":`none`},null,8,ft),z.value.labels.marker.show?(y(),m(`circle`,{key:0,cx:Math.cos(e.theta-Math.PI/2)*(q.value.outer+z.value.labels.offset+12),cy:Math.sin(e.theta-Math.PI/2)*(q.value.outer+z.value.labels.offset+12),r:z.value.labels.marker.radius,stroke:z.value.labels.marker.stroke,"stroke-width":z.value.labels.marker.strokeWidth,fill:e.groupColor,"pointer-events":`none`},null,8,pt)):p(``,!0),h(`text`,{transform:`
+                            translate(
+                                ${Math.cos(e.theta-Math.PI/2)*(q.value.outer+z.value.labels.offset+24)},
+                                ${Math.sin(e.theta-Math.PI/2)*(q.value.outer+z.value.labels.offset+24)}
+                            ) rotate(${-X.value})
+                            `,fill:z.value.labels.useSerieColor?e.groupColor:z.value.labels.color,"text-anchor":bn(e.theta),"font-size":z.value.labels.fontSize,"font-weight":z.value.labels.bold?`bold`:`normal`,dy:`.35em`,"pointer-events":`none`},C(An(e.value)),9,mt)],64))),128))])):p(``,!0),R.value.labels.show?(y(),m(`g`,ht,[R.value.labels.curved?(y(!0),m(u,{key:0},x(Y.value.groups,(e,t)=>(y(),m(`text`,{class:`vue-ui-chord-label-curved`,key:`curved-label-${t}`,"font-size":R.value.labels.fontSize,"font-weight":R.value.labels.bold?`bold`:`normal`,fill:R.value.labels.adaptColorToBackground?w(se)(J.value.colors[t]):R.value.labels.color},[h(`textPath`,{href:`#labelPath-${t}_${O.value}`,startOffset:`50%`,"text-anchor":`middle`},C(J.value.labels[t])+C(R.value.labels.showPercentage?w(s)({p:` (`,v:isNaN(e.proportion)?0:e.proportion*100,s:`%)`,r:R.value.labels.roundingPercentage}):``),9,_t)],8,gt))),128)):!k.value&&!A.value&&!j.value?(y(!0),m(u,{key:1},x(Y.value.groups,(e,t)=>(y(),m(`text`,{class:`vue-ui-chord-label-straight`,key:`label-${t}`,transform:`
+                                ${xn((e.startAngle+e.endAngle)/2)}
+                                rotate(${-X.value})
+                            `,dy:`.35em`,"text-anchor":yn(e)>Math.PI?`end`:`start`,"font-size":R.value.labels.fontSize,"font-weight":R.value.labels.bold?`bold`:`normal`,fill:R.value.labels.color,innerHTML:w(ne)({content:w(ce)(Qn(e,t)),fontSize:R.value.labels.fontSize,fill:R.value.labels.color,x:0,y:0})},null,8,vt))),128)):p(``,!0)])):p(``,!0)],8,nt),S(e.$slots,`svg`,{svg:{height:600,width:600,isPrintingImg:w($t)||w(en)||w(ir),isPrintingSvg:w(ar)}},void 0,!0)],42,Ze)),e.$slots.hint?(y(),m(`div`,yt,[S(e.$slots,`hint`,Re(Fe({hint:L.value.a11y.translations.keyboardNavigation,isVisible:Kt.value})),void 0,!0)])):p(``,!0),e.$slots.watermark?(y(),m(`div`,bt,[S(e.$slots,`watermark`,Re(Fe({isPrinting:w($t)||w(en)||w(ir)||w(ar)})),void 0,!0)])):p(``,!0),h(`div`,{id:`legend-bottom-${O.value}`},null,8,xt),Ut.value&&(B.value.legend.show||e.$slots.legend)?(y(),f(je,{key:7,to:B.value.legend.position===`top`?`#legend-top-${O.value}`:`#legend-bottom-${O.value}`},[h(`div`,{ref_key:`chartLegend`,ref:It},[S(e.$slots,`legend`,{legend:qn.value},()=>[B.value.legend.show?(y(),f(ke,{key:`legend_${Vt.value}`,legendSet:qn.value,config:Jn.value,isCursorPointer:V.value,onClickMarker:t[0]||=({legend:e})=>Kn(e.id)},Me({item:T(({legend:e})=>[h(`div`,{style:v({opacity:j.value?j.value===e.id?1:.3:1}),onClick:t=>e.select()},C(e.name),13,St)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:T(({legend:e,index:t})=>[Pe(be,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${O.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`])):p(``,!0)],!0)],512)],8,[`to`])):p(``,!0),e.$slots.source?(y(),m(`div`,{key:8,ref_key:`source`,ref:Lt,dir:`auto`},[S(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),X.value===L.value.initialRotation?p(``,!0):(y(),m(`div`,Ct,[S(e.$slots,`reset-action`,{reset:Gn},()=>[h(`button`,{"data-cy-reset":``,tabindex:`0`,role:`button`,class:`vue-data-ui-refresh-button`,style:v({background:B.value.backgroundColor,cursor:V.value?`pointer`:`default`}),onClick:Gn},[Pe(w(Et),{name:`refresh`,stroke:B.value.color},null,8,[`stroke`])],4)],!0)])),D.value&&L.value.userOptions.buttons.table?(y(),f(Ve($n.value.component),Ie({key:10},$n.value.props,{ref_key:`tableUnit`,ref:Wt,onClose:er}),Me({content:T(()=>[(y(),f(w(Dt),{key:`table_${Bt.value}`,colNames:Yn.value.colNames,head:Yn.value.head,body:Yn.value.body,config:Yn.value.config,title:L.value.table.useDialog?``:$n.value.title,withCloseButton:!L.value.table.useDialog,isCursorPointer:V.value,onClose:er},{th:T(({th:e})=>[Ne(C(e.name),1)]),td:T(({td:e})=>[h(`div`,wt,C(e.name?e.name:An(e)),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[L.value.table.useDialog?{name:`title`,fn:T(()=>[Ne(C($n.value.title),1)]),key:`0`}:void 0,L.value.table.useDialog?{name:`actions`,fn:T(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Xn(L.value.userOptions.callbacks.csv),style:v({cursor:V.value?`pointer`:`default`})},[Pe(w(Et),{name:`fileCsv`,stroke:$n.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),S(e.$slots,`skeleton`,{},()=>[w(Jt)?(y(),f(_e,{key:0})):p(``,!0)],!0)],46,Je))}},[[`__scopeId`,`data-v-043f0eac`]]);export{qe as n,Tt as t};

package/dist/vue-ui-circle-pack-BWHVImkS.js

@@ -0,0 +1,13 @@
+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,Ft as l,Ht as u,Q as d,S as f,X as p,Zt as m,at as ee,i as h,in as g,nn as te,nt as ne,q as re,r as ie,t as ae,tn as oe,w as se,zt as ce}from"./lib-zDxoqrgo.js";import{n as le,t as ue}from"./useHints-BH9r_0Vd.js";import{t as de}from"./useConfig-CKdzPrcf.js";import{t as fe}from"./usePrinter-CnyKPIFM.js";import{n as pe,t as me}from"./BaseScanner-8NdoBs7B.js";import{t as he}from"./useChartExport-DtPNpc9M.js";import{t as ge}from"./useTransitions-DfSHzsdz.js";import{n as _e}from"./Title-BRAjxtjG.js";import{t as ve}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as ye,t as be}from"./useResponsive-D2CPcpda.js";import{t as xe}from"./DefGrad-DKMq1REY.js";import{t as Se}from"./A11yDataTable-DWNlWXzs.js";import{n as Ce}from"./resolveChartConfig-BSo1Oe9n.js";import{t as we}from"./useUserOptionState-CXlFnwPv.js";import{t as Te}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ee}from"./chartImage-NwZO-elv.js";import{t as De}from"./usePanZoom-BdjP5Suc.js";import{t as Oe}from"./vue_ui_circle_pack-CfXkXi7v.js";import{Fragment as _,computed as v,createBlock as y,createCommentVNode as b,createElementBlock as x,createElementVNode as S,createSlots as ke,createTextVNode as Ae,createVNode as je,defineAsyncComponent as C,guardReactiveProps as w,mergeProps as Me,nextTick as Ne,normalizeClass as T,normalizeProps as E,normalizeStyle as D,onBeforeUnmount as Pe,onMounted as Fe,openBlock as O,ref as k,renderList as A,renderSlot as j,resolveDynamicComponent as Ie,toDisplayString as M,toRefs as Le,unref as N,useCssVars as Re,watch as ze,withCtx as P}from"vue";function Be(e,t=0){let n=e.reduce((e,{x:n,r})=>Math.min(e,n-r-t),1/0),r=e.reduce((e,{x:n,r})=>Math.max(e,n+r+t),-1/0),i=e.reduce((e,{y:n,r})=>Math.min(e,n-r-t),1/0),a=e.reduce((e,{y:n,r})=>Math.max(e,n+r+t),-1/0);return[n,i,r-n,a-i]}function Ve(e,t,n){let r=e._,i=e.next._,a=r.r+i.r,o=(r.x*i.r+i.x*r.r)/a,s=(r.y*i.r+i.y*r.r)/a;return Math.max(Math.abs(o*n),Math.abs(s*t))}function He(e,t,n){let r=Ve,i=e.length;if(!i)return e;e.sort((e,t)=>t.r-e.r);let a,o,s;if(a=e[0],a.x=0,a.y=0,!(i>1))return e;if(o=e[1],a.x=-o.r,o.x=a.r,o.y=0,!(i>2))return Ge(e,n,t),e;Ue(o,a,s=e[2]),a=new Qe(a),o=new Qe(o),s=new Qe(s),a.next=s.previous=o,o.next=a.previous=s,s.next=o.previous=a;packLoop:for(let c=3;c<i;++c){Ue(a._,o._,s=e[c]),s=new Qe(s);let i=o.next,l=a.previous,u=o._.r,d=a._.r;do if(u<=d){if(We(i._,s._)){o=i,a.next=o,o.previous=a,--c;continue packLoop}u+=i._.r,i=i.next}else{if(We(l._,s._)){a=l,a.next=o,o.previous=a,--c;continue packLoop}d+=l._.r,l=l.previous}while(i!==l.next);s.previous=a,s.next=o,a.next=o.previous=o=s;let f=a,p=r(a,n,t),m=a.next;for(;m!==o;){let e=r(m,n,t);e<p&&(f=m,p=e),m=m.next}a=f,o=a.next}return Ge(e,n,t),Je(e,n,t),e}function Ue(e,t,n){let r=e.x-t.x,i=e.y-t.y,a=r*r+i*i;if(a){let o=(t.r+n.r)**2,s=(e.r+n.r)**2;if(o>s){let t=(a+s-o)/(2*a),c=Math.sqrt(Math.max(0,s/a-t*t));n.x=e.x-t*r-c*i,n.y=e.y-t*i+c*r}else{let e=(a+o-s)/(2*a),c=Math.sqrt(Math.max(0,o/a-e*e));n.x=t.x+e*r-c*i,n.y=t.y+e*i+c*r}}else n.x=t.x+n.r,n.y=t.y}function We(e,t){let n=e.r+t.r-1e-6,r=t.x-e.x,i=t.y-e.y;return n>0&&n*n>r*r+i*i}function Ge(e,t,n){if(e.length<4)return;let r=e[0].r,i=e.findIndex(e=>e.r<r*.6),a=i===-1?Math.min(e.length,12):i,o=e.slice(0,Math.max(3,a));for(let t=0;t<80;t+=1){let t=!1;for(let n=0;n<o.length;n+=1){let r=o[n],i=.06*(1-n/Math.max(1,o.length)),a=r.x*(1-i),s=r.y*(1-i);Ke(r,a,s,e,n)&&(r.x=a,r.y=s,t=!0)}if(qe(o),!t)break}let s=o.reduce((e,t)=>e+t.x,0)/o.length,c=o.reduce((e,t)=>e+t.y,0)/o.length;for(let t of e)t.x-=s,t.y-=c}function Ke(e,t,n,r){let i=e.x,a=e.y;e.x=t,e.y=n;for(let t of r)if(t!==e&&We(e,t))return e.x=i,e.y=a,!1;return e.x=i,e.y=a,!0}function qe(e){for(let t=0;t<6;t+=1){let t=!1;for(let n=0;n<e.length-1;n+=1)for(let r=n+1;r<e.length;r+=1){let i=e[n],a=e[r],o=a.x-i.x,s=a.y-i.y,c=Math.sqrt(o*o+s*s)||1e-6,l=i.r+a.r;if(c<l){let e=(l-c)/2,n=o/c,r=s/c;i.x-=n*e,i.y-=r*e,a.x+=n*e,a.y+=r*e,t=!0}}if(!t)break}}function Je(e,t,n){if(e.length<6)return;let r=e[0].r,i=e.findIndex(e=>e.r<=r*.45);if(i!==-1)for(let r=i;r<e.length;r+=1){let i=e[r],a=Ye(i,e.slice(0,r),t,n);a&&(i.x=a.x,i.y=a.y)}}function Ye(e,t,n,r){if(t.length<2)return null;let i=null,a=1/0;for(let o=0;o<t.length-1;o+=1)for(let s=o+1;s<t.length;s+=1){let c=t[o],l=t[s],u=Xe(c,l,e.r);for(let o of u){if(!o)continue;let s={...e,x:o.x,y:o.y};if(!F(s,t))continue;let c=Ze(s,t,n,r);c<a&&(a=c,i=o)}}return i}function Xe(e,t,n){let r=e.r+n,i=t.r+n,a=t.x-e.x,o=t.y-e.y,s=a*a+o*o,c=Math.sqrt(s);if(!c||c>r+i||c<Math.abs(r-i))return[];let l=(r*r-i*i+s)/(2*c),u=r*r-l*l;if(u<0)return[];let d=Math.sqrt(u),f=a/c,p=o/c,m=e.x+l*f,ee=e.y+l*p,h=-p*d,g=f*d;return[{x:m+h,y:ee+g},{x:m-h,y:ee-g}]}function F(e,t){for(let n of t)if(We(n,e))return!1;return!0}function Ze(e,t,n,r){let i=e.x/Math.max(1,n),a=e.y/Math.max(1,r),o=i*i+a*a,s=[];for(let n of t){let t=e.x-n.x,r=e.y-n.y,i=Math.sqrt(t*t+r*r)-(e.r+n.r);s.push(i)}s.sort((e,t)=>e-t);let c=s[0]??0,l=s[1]??c,u=s[2]??l;return c*8+l*4+u*2+o*e.r*12}var Qe=class{constructor(e){this._=e,this.next=null,this.previous=null}},$e=/* @__PURE__ */ e({default:()=>I}),et=[`id`],tt=[`id`],nt=[`xmlns`,`aria-describedby`,`viewBox`],rt=[`x`,`y`,`width`,`height`],it={key:0},at=[`x`,`y`,`width`,`height`,`stroke`,`stroke-width`,`fill`,`rx`,`onMouseenter`,`onMouseout`,`onClick`],ot=[`x`,`y`,`width`,`height`,`stroke`,`stroke-width`,`fill`,`rx`],st=[`x`,`y`,`width`,`height`,`fill`,`rx`],ct=[`transform`,`font-size`,`fill`,`font-weight`],lt=[`transform`,`font-size`,`fill`,`font-weight`],ut={key:1,style:{pointerEvents:`none`}},dt=[`stroke`,`stroke-width`,`stroke-dasharray`,`opacity`,`d`],ft=[`x`,`y`,`width`,`height`,`rx`,`ry`,`fill`,`stroke`,`stroke-width`,`filter`],pt=[`fill`,`x`,`y`,`rx`,`width`,`height`],mt=[`transform`,`font-size`,`fill`,`font-family`],ht=[`dy`],gt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},_t={key:5,class:`vue-data-ui-watermark`},vt={key:6,"data-dom-to-png-ignore":``,class:`reset-wrapper`},yt={style:{display:`flex`,"align-items":`center`}},I=/*#__PURE__*/ ve({__name:`vue-ui-circle-pack`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`,`copyAlt`],setup(e,{expose:ve,emit:Ve}){Re(e=>({v4e660986:pr.value}));let Ue=C(()=>import(`./Tooltip-BUXB0i6z.js`)),We=C(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),Ge=C(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),Ke=C(()=>import(`./DataTable-DSUA5M9p.js`)),qe=C(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),Je=C(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),Ye=C(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),Xe=C(()=>import(`./BaseDraggableDialog-T1gEsQid.js`).then(e=>e.n)),F=e,Ze=Ve,{vue_ui_circle_pack:Qe}=de(),$e=v(()=>!!F.dataset&&F.dataset.length),I=k(p()),L=k(null),bt=k(null),xt=k(null),St=k(0),Ct=k(0),wt=k(0),Tt=k(null),Et=k(null),Dt=k(null),Ot=k(!1),kt=k(``),R=k(null),z=k(null),At=k({x:0,y:0}),jt=k(`pointer`),Mt=k(!1),B=k(Bt()),V=v(()=>B.value.style.chart.circles.labels),H=v(()=>B.value.style.chart.circles),U=v(()=>B.value.style.chart);le({config:()=>B.value,dataset:()=>F.dataset,component:`VueUiCirclePack`,rules:[ue.emptyArray,{test:e=>e.length===1&&(!e[0].children||e[0]?.children.length===0),message:[`👀 The dataset only has a single series. Consider:`,``,`▶️ Using a value display instead of a chart component, or using VueUiKpi.`]},{test:e=>e.length===1&&e[0]?.children&&e[0]?.children.length<6,message:[`👀 The number of datapoints is probably too low for this type of chart. Consider:`,``,`▶️ Using VueUiDonut or VueUiWaffle instead.`]}]});let{transitionEnabled:W}=ge({config:()=>B.value.transitions,dataset:()=>F.dataset}),Nt=v(()=>B.value.userOptions.useCursorPointer),Pt=v(()=>g({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,circles:{stroke:`#6A6A6A`,labels:{name:{show:!1},value:{show:!1}}}}}},userConfig:B.value.skeletonConfig??{}})),{loading:Ft,FINAL_DATASET:It}=pe({...Le(F),FINAL_CONFIG:B,prepareConfig:Bt,skeletonDataset:F.config?.skeletonDataset??[{name:`_`,value:13,color:`#F2F2F2`},{name:`_`,value:8,color:`#DBDBDB`},{name:`_`,value:5,color:`#ADADAD`},{name:`_`,value:3,color:`#969696`},{name:`_`,value:2,color:`#808080`},{name:`_`,value:1,color:`#696969`}],skeletonConfig:g({defaultConfig:B.value,userConfig:Pt.value})}),{svgRef:G}=Te({config:U.value.title}),{userOptionsVisible:Lt,setUserOptionsVisibility:Rt,keepUserOptionState:zt}=we({config:B.value});function Bt(){return Ce(F.config,Qe,Oe)}let Vt=m(F.config);ze(()=>F.config,(e,t)=>{let n=m(e),r=n!==Vt;Vt=n;let i=Bt();if(!r){B.value.style.chart.tooltip=i.style.chart.tooltip,K.value.showTooltip=B.value.style.chart.tooltip.show;return}B.value=i,Lt.value=!B.value.userOptions.showOnChartHover,dn(),St.value+=1,Ct.value+=1,K.value.showTable=B.value.table.show,K.value.showTooltip=U.value.tooltip.show,K.value.showZoom=U.value.zoom?.show??!1},{deep:!0});let{isPrinting:Ht,isImaging:Ut,generatePdf:Wt,generateImage:Gt}=fe({elementId:`vue-ui-circle-pack_${I.value}`,fileName:U.value.title.text||`vue-ui-circle-pack`,options:B.value.userOptions.print}),Kt=v(()=>B.value.userOptions.show&&!U.value.title.text),K=k({showTable:B.value.table.show,showTooltip:U.value.tooltip.show,showZoom:U.value.zoom?.show??!1});ze(B,()=>{K.value={showTable:B.value.table.show,showTooltip:U.value.tooltip.show,showZoom:U.value.zoom?.show??!1}},{immediate:!0});let q=k({h:10,w:10}),qt=k([0,0,100,100]),Jt=k({x:0,y:0,width:100,height:100}),Yt=v(()=>B.value.debug),Xt=v(()=>{let e=B.value.style?.chart||{};return e.dimensions&&typeof e.dimensions.width==`number`?e.dimensions.width:typeof e.width==`number`?e.width:300}),Zt=v(()=>{let e=B.value.style?.chart||{};return e.dimensions&&typeof e.dimensions.height==`number`?e.dimensions.height:typeof e.height==`number`?e.height:300}),J=k([]),Y=k([]),X=k(null),Z=k(null);function Qt(e,t){q.value={w:e,h:t};let n=pn.value.map($t);if(!n.length){let n={x:0,y:0,width:e,height:t};J.value=[],Y.value=[],qt.value=[n.x,n.y,n.width,n.height],Jt.value={...n},kn(n);return}let r=He(n,t,e),[i,a,o,s]=Be(r,1),c=Math.min(o?e/o:1,s?t/s:1),l=(e-o*c)/2,u=(t-s*c)/2,d=r.map(e=>({...e,x:(e.x-i)*c+l,y:(e.y-a)*c+u,r:e.r*c}));J.value=on(d),Y.value=J.value;let f=Bn({x:0,y:0,width:e,height:t});qt.value=[f.x,f.y,f.width,f.height],Jt.value={...f},kn(f)}function $t(e){return{...e,children:Array.isArray(e.children)?e.children.map($t):[]}}function en(e){let t=Number(e?.value);return Number.isFinite(t)&&t>0?t:Array.isArray(e?.children)?e.children.reduce((e,t)=>e+en(t),0):0}function tn(e,t){let n=te[B.value.theme||`default`]||u,r=fn.value.length?fn.value:n.length?n:u;return f(e.color)||r[t%r.length]||u[t%u.length]}function nn(e){return!Array.isArray(e.children)||!e.children.length?1:e.children.reduce((e,t)=>e+nn(t),0)}function rn(e,t=null,n=0,r=[]){return Array.isArray(e)?e.map((e,i)=>{let a=en(e);if(!Number.isFinite(a)||a<=0)return null;let o=p(),s=[...r,i],c=s.reduce((e,t,n)=>e+t+n,0),l=e.color||t?.color?f(e.color||t?.color):tn(e,c),u=rn(e.children,{id:o,name:e.name,color:l,rootId:t?.rootId??o},n+1,s);return{...e,value:a,r:a,id:o,color:l,depth:n,parentId:t?.id??null,parentName:t?.name??null,rootId:t?.rootId??o,hasChildren:u.length>0,childCount:u.length,leafCount:u.length?nn({children:u}):1,hierarchyPath:s,children:u}}).filter(Boolean):[]}function an(e){if(!Array.isArray(e.children)||!e.children.length)return[];let t=e.r*2;if(!t)return[];let n=He(e.children.map($t),t,t),[r,i,a,o]=Be(n,1),s=Math.min(a?t/a:1,o?t/o:1)*.9,c=a*s,l=o*s,u=e.x-c/2,d=e.y-l/2;return n.map(e=>({...e,x:(e.x-r)*s+u,y:(e.y-i)*s+d,r:e.r*s}))}function on(e){let t=[];return e.forEach(e=>{let n=an(e);t.push({...e,children:n}),t.push(...on(n))}),t}function sn(e,t){return!e||!t||!Array.isArray(e.hierarchyPath)||!Array.isArray(t.hierarchyPath)||e.hierarchyPath.length<=t.hierarchyPath.length?!1:t.hierarchyPath.every((t,n)=>e.hierarchyPath[n]===t)}function cn(e){return e.hasChildren?V.value.parents.show:V.value.children.show}function ln(){if(!B.value.responsive||!L.value)return;let e=ye(()=>{let{width:e,height:t}=be({chart:L.value,title:U.value.title.text?bt.value:null,legend:null,source:Tt.value,noTitle:xt.value});requestAnimationFrame(()=>{e&&t&&(G.value&&(G.value.setAttribute(`width`,e),G.value.setAttribute(`height`,t)),Qt(e,t))})});X.value&&(Z.value&&X.value.unobserve(Z.value),X.value.disconnect()),X.value=new ResizeObserver(e),Z.value=L.value.parentNode||L.value,Z.value&&X.value.observe(Z.value),e()}function un(){X.value&&(Z.value&&X.value.unobserve(Z.value),X.value.disconnect(),X.value=null,Z.value=null)}async function dn(){ce(F.dataset)&&ee({componentName:`VueUiCirclePack`,type:`dataset`,debug:Yt.value});let e=Xt.value,t=Zt.value;Qt(e,t),B.value.responsive?ln():un()}Fe(dn),Pe(()=>{un()}),ze(()=>It.value,async e=>{await dn()},{deep:!0});let fn=v(()=>se(B.value.customPalette)),pn=v(()=>rn(It.value)),mn=v(()=>J.value.length?Math.max(...J.value.map(e=>e.r)):0);function hn(e,t){return mn.value?t/mn.value*e:0}function gn(e,t){B.value.events.datapointLeave&&B.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(jt.value!==`keyboard`||R.value?.id!==e?.id)&&(Ot.value=!1,R.value=null,z.value=null,jt.value=`pointer`)}function _n(e,t){Ze(`selectDatapoint`,e),B.value.events.datapointClick&&B.value.events.datapointClick({datapoint:e,seriesIndex:t})}let vn=k(null),yn=k(!1);function bn(e,t,n=`pointer`){R.value=e,z.value=t,jt.value=n,B.value.events.datapointEnter&&B.value.events.datapointEnter({datapoint:e,seriesIndex:t}),vn.value={datapoint:e,seriesIndex:t,config:B.value,series:Y.value},Ot.value=!0;let r=U.value.tooltip.customFormat;if(yn.value=!1,c(r))try{let n=r({seriesIndex:t,datapoint:e,series:Y.value,config:B.value});typeof n==`string`&&(kt.value=n,yn.value=!0)}catch{console.warn(`Custom format cannot be applied.`),yn.value=!1}if(!yn.value){let t=``;t+=`
+            <div style="display:flex;align-items:center;gap:4px;">
+                <svg viewBox="0 0 10 10" height="${U.value.tooltip.fontSize}" width="${U.value.tooltip.fontSize}">
+                    <circle
+                        cx="5"
+                        cy="5"
+                        r="5"
+                        fill="${H.value.gradient.show?`url(#${e.id})`:e.color}"
+                    />
+                </svg>
+                <span>${e.name}: <b>${xn(e)}</b></span>
+            </div>
+        `,kt.value=t}}function xn(e){return h(V.value.value.formatter,e.value,o({p:V.value.value.prefix,v:e.value,s:V.value.value.suffix,r:V.value.value.rounding}))}function Sn(e){if(!e)return 0;let t=xn(e),n=e.r/(t.length||1)*(t.length===1?1:2);return Math.min(e.r/2.5,n)}let Q=k(!1);function Cn(e){Q.value=e,wt.value+=1}let wn=k(!1);function Tn(){wn.value=!wn.value}let En=v(()=>!wn.value&&K.value.showZoom),{viewBox:$,resetZoom:Dn,isZoom:On,setInitialViewBox:kn}=De(G,{x:0,y:0,width:Math.max(10,q.value.w),height:Math.max(10,q.value.h)},U.value.zoom?.speed??1,En);function An(e,t,n=0){return!(e.x+e.width+n<t.x||t.x+t.width+n<e.x||e.y+e.height+n<t.y||t.y+t.height+n<e.y)}function jn(e,t,n=0){let r=Math.min(Math.max(t.x,e.x-n),e.x+e.width+n),i=Math.min(Math.max(t.y,e.y-n),e.y+e.height+n),a=t.x-r,o=t.y-i;return a*a+o*o<=t.r*t.r}function Mn(e,t,n=1){let r=Math.max(4*n,Math.min(t.width,t.height)*.01);return{...e,x:Math.min(Math.max(e.x,t.x+r),t.x+t.width-e.width-r),y:Math.min(Math.max(e.y,t.y+r),t.y+t.height-e.height-r)}}function Nn(e){let t=[e.name];return V.value.value.show&&t.push(xn(e)),t.filter(Boolean)}function Pn(e,t,n,r,i){let a=e.x,o=e.y;return{right:{x:a+e.r+i,y:o-n/2,anchorX:a+e.r,anchorY:o},left:{x:a-e.r-i-t,y:o-n/2,anchorX:a-e.r,anchorY:o},top:{x:a-t/2,y:o-e.r-i-n,anchorX:a,anchorY:o-e.r},bottom:{x:a-t/2,y:o+e.r+i,anchorX:a,anchorY:o+e.r},topRight:{x:a+e.r*.7+i,y:o-e.r*.7-i-n,anchorX:a+e.r*.7,anchorY:o-e.r*.7},topLeft:{x:a-e.r*.7-i-t,y:o-e.r*.7-i-n,anchorX:a-e.r*.7,anchorY:o-e.r*.7},bottomRight:{x:a+e.r*.7+i,y:o+e.r*.7+i,anchorX:a+e.r*.7,anchorY:o+e.r*.7},bottomLeft:{x:a-e.r*.7-i-t,y:o+e.r*.7+i,anchorX:a-e.r*.7,anchorY:o+e.r*.7}}[r]}function Fn(e,t){let n=[],r=t.get(e.parentId);for(;r;)n.push(r),r=t.get(r.parentId);return n}function In(e,t,n,r,i,a){let o=e.x,s=e.y,c=t||e,l=a*.6,u={right:{x:c.x+c.r+a,y:s-r/2},left:{x:c.x-c.r-a-n,y:s-r/2},top:{x:o-n/2,y:c.y-c.r-a-r},bottom:{x:o-n/2,y:c.y+c.r+a},topRight:{x:c.x+c.r+a,y:c.y-c.r-a-r-l},topLeft:{x:c.x-c.r-a-n,y:c.y-c.r-a-r-l},bottomRight:{x:c.x+c.r+a,y:c.y+c.r+a+l},bottomLeft:{x:c.x-c.r-a-n,y:c.y+c.r+a+l}}[i],d=u.x+n/2,f=u.y+r/2,p=Math.atan2(f-s,d-o);return{...u,anchorX:o+Math.cos(p)*e.r,anchorY:s+Math.sin(p)*e.r}}function Ln(e,t={}){let{clamp:n=!0,scale:r=1}=t;if(!J.value.length||!q.value.w||!q.value.h||!U.value.parentTooltips.show)return[];let i=Math.max(8,U.value.parentTooltips.fontSizeRatio*10)*r,a=i*1.25,o=i*.75,s=i*.55,c=Math.max(8*r,Math.min(e.width,e.height)*.025),l=Math.max(2*r,Math.min(e.width,e.height)*.006),u=[`right`,`left`,`top`,`bottom`,`topRight`,`topLeft`,`bottomRight`,`bottomLeft`],d=[],f=new Map(J.value.map(e=>[e.id,e]));return J.value.filter(e=>e.hasChildren&&e.name).sort((e,t)=>t.r-e.r).forEach(t=>{let p=Fn(t,f).at(-1),m=Nn(t),ee=m.reduce((e,t)=>Math.max(e,String(t).length),0),h=Math.max(i*5,ee*i*.62+o*2),g=m.length*a+s*2,te=p?u.map(e=>In(t,p,h,g,e,c)):[],ne=u.map(e=>Pn(t,h,g,e,c)),re=[...te,...ne].map(t=>{let i=n?Mn({x:t.x,y:t.y,width:h,height:g},e,r):{x:t.x,y:t.y,width:h,height:g};return{...i,anchorX:t.anchorX,anchorY:t.anchorY,lineX:i.x+i.width/2,lineY:i.y+i.height/2}}).find(e=>!d.some(t=>An(e,t,l))&&!J.value.some(t=>jn(e,t,l)));re&&d.push({...re,datapoint:t,id:`parent_tooltip_${t.id}`,color:t.color,lines:m,fontSize:i,lineHeight:a,paddingX:o,paddingY:s,scale:r})}),d}function Rn(e){let t=Jt.value;if(!t.width||!t.height||!e.width||!e.height)return 1;let n=Math.min(e.width/t.width,e.height/t.height);return Number.isFinite(n)&&n>0?n:1}let zn=v(()=>Ln($.value,{clamp:!0,scale:Rn($.value)}));function Bn(e){let t=Ln(e,{clamp:!1});if(!t.length)return e;let n=Math.min(e.x,...t.map(e=>e.x)),r=Math.min(e.y,...t.map(e=>e.y)),i=Math.max(e.x+e.width,...t.map(e=>e.x+e.width)),a=Math.max(e.y+e.height,...t.map(e=>e.y+e.height)),o=Math.max(8,Math.min(e.width,e.height)*.025);return{x:n-o,y:r-o,width:i-n+o*2,height:a-r+o*2}}function Vn(e){let t=[];function n(e,r=0,i=``){e.forEach(e=>{t.push({name:e.name,value:e.value,color:e.color,parentName:i,depth:r}),Array.isArray(e.children)&&e.children.length&&n(e.children,r+1,e.name)})}return n(e),t}let Hn=v(()=>{let e=Vn(pn.value);return{head:Y.value.map(e=>({name:e.name,value:e.value,color:e.color})).toSorted((e,t)=>t.value-e.value),body:e.map(e=>e.value),hierarchy:e}}),Un=v(()=>Vn(pn.value).map(e=>({...e,name:`${`- `.repeat(e.depth)}${e.name}`})));function Wn(e=null){Ne(()=>{let t=Un.value.map(e=>[[e.name],[e.parentName||``],[e.depth],[e.value]]),n=[[U.value.title.text],[U.value.title.subtitle.text],[[B.value.table.columnNames.datapoint],[`Parent`],[`Depth`],[B.value.table.columnNames.value]]].concat(t),r=s(n);e?e(r):ne({csvContent:r,title:U.value.title.text||`vue-ui-circle-pack`})})}let Gn=v(()=>{let e=[B.value.table.columnNames.datapoint,B.value.table.columnNames.parent,B.value.table.columnNames.depth,B.value.table.columnNames.value],t=Hn.value.hierarchy.map(e=>{let t=o({p:V.value.value.prefix,v:e.value,s:V.value.value.suffix,r:V.value.value.rounding});return[{color:e.color,name:`${`  `.repeat(e.depth)}${e.name}`},e.parentName??``,e.depth??0,t]}),n={th:{backgroundColor:B.value.table.th.backgroundColor,color:B.value.table.th.color,outline:B.value.table.th.outline},td:{backgroundColor:B.value.table.td.backgroundColor,color:B.value.table.td.color,outline:B.value.table.td.outline},breakpoint:B.value.table.responsiveBreakpoint};return{colNames:[B.value.table.columnNames.datapoint,B.value.table.columnNames.parent,B.value.table.columnNames.depth,B.value.table.columnNames.value],head:e,body:t,config:n}});function Kn(){K.value.showTable=!K.value.showTable}function qn(){K.value.showTooltip=!K.value.showTooltip}function Jn(){K.value.showZoom=!K.value.showZoom}function Yn(){return pn.value}let Xn=Ee(L,()=>U.value.title.text),Zn=v(()=>t({config:B,style:U,mutableConfig:K,dialog:Xe,accordion:Ge,isFullscreen:Q,parent:L,maxWidth:500,isCursorPointer:Nt}));ze(()=>K.value.showTable,e=>{B.value.table.show||(e&&B.value.table.useDialog&&Et.value?Et.value.open():Et.value&&`close`in Et.value&&Et.value.close())});function Qn(){K.value.showTable=!1,Dt.value&&Dt.value.setTableIconState(!1)}let $n=v(()=>U.value.backgroundColor),er=v(()=>U.value.title),{isCallbackImaging:tr,isCallbackSvg:nr,generateSvg:rr,onGenerateImage:ir}=he({svg:G,title:er,legend:null,legendItems:null,backgroundColor:$n,getSvgCallback:()=>B.value.userOptions.callbacks.svg,generateImage:Gt});async function ar(){if(Ze(`copyAlt`,{config:B.value,dataset:pn.value,flattenedDataset:Y.value}),!B.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(B.value.userOptions.callbacks.altCopy({config:B.value,dataset:pn.value,flattenedDataset:Y.value}))}function or(e){if(!Number.isFinite(e)||!G.value)return;let t=J.value[e];if(!t)return;let n=oe(t.x,t.y,G.value);n&&(At.value=n)}function sr(){if(z.value!==null){let e=J.value[z.value];e&&gn(e,z.value)}z.value=null,jt.value=`pointer`,Ot.value=!1,R.value=null}function cr(){z.value=null,Mt.value=!0}function lr(){sr(),Mt.value=!1}function ur(e,t){let n=J.value.length;return n?e===null||e<0||e>=n?t===`next`?0:n-1:t===`previous`?(e-1+n)%n:(e+1)%n:null}function dr(e){if(!G.value||wn.value||document.activeElement!==G.value||!J.value.length)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].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){sr();return}if(r){if(z.value===null)return;let e=J.value[z.value];if(!e)return;_n(e,z.value);return}let a=z.value;a===null||a<0||a>=J.value.length?a=n?0:J.value.length-1:n?a=ur(a,`next`):t&&(a=ur(a,`previous`));let o=J.value[a];o&&(z.value=a,or(a),bn(o,a,`keyboard`))}let fr=v(()=>({headers:Gn.value?.colNames??[],rows:Gn.value?.body?.map(e=>[e[0]?.name??``,e[1]])??[]})),pr=v(()=>U.value.color);return ve({getData:Yn,getImage:Xn,generateCsv:Wn,generatePdf:Wt,generateImage:Gt,generateSvg:rr,toggleTable:Kn,toggleAnnotator:Tn,toggleFullscreen:Cn,copyAlt:ar,toggleZoom:Jn,resetZoom:Dn}),(e,t)=>(O(),x(`div`,{id:`vue-ui-circle-pack_${I.value}`,class:T(`vue-data-ui-component vue-ui-circle-pack ${Q.value?`vue-data-ui-wrapper-fullscreen`:``} ${N(Ft)?`loading`:``}`),ref_key:`circlePackChart`,ref:L,style:D(`font-family:${B.value.style.fontFamily};text-align:center;background:${U.value.backgroundColor};`),onMouseenter:t[2]||=()=>N(Rt)(!0),onMouseleave:t[3]||=()=>N(Rt)(!1)},[S(`div`,{id:`chart-instructions-${I.value}`,class:`sr-only`},[S(`p`,null,M(B.value.a11y.translations.keyboardNavigation),1)],8,tt),fr.value?.rows?.length?(O(),y(Se,{key:0,uid:I.value,head:fr.value.headers,body:fr.value.rows,notice:B.value.a11y.translations.tableAvailable,caption:B.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):b(``,!0),B.value.userOptions.buttons.annotator?(O(),y(N(Je),{key:1,svgRef:N(G),backgroundColor:U.value.backgroundColor,color:U.value.color,active:wn.value,scale:mn.value/100,isCursorPointer:Nt.value,palette:B.value.userOptions.annotatorPalette,onClose:Tn},ke({_:2},[A(N(r),t=>({name:t,fn:P(r=>[j(e.$slots,t,E(w(N(n)(t,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`scale`,`isCursorPointer`,`palette`])):b(``,!0),j(e.$slots,`userConfig`,{},void 0,!0),Kt.value?(O(),x(`div`,{key:2,ref_key:`noTitle`,ref:xt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):b(``,!0),U.value.title.text?(O(),x(`div`,{key:3,ref_key:`chartTitle`,ref:bt,style:`width:100%;background:transparent;padding-bottom:12px`},[(O(),y(_e,{key:`title_${St.value}`,config:{title:{cy:`donut-div-title`,...U.value.title},subtitle:{cy:`donut-div-subtitle`,...U.value.title.subtitle}}},null,8,[`config`]))],512)):b(``,!0),B.value.userOptions.show&&$e.value&&(N(zt)||N(Lt))?(O(),y(N(qe),{ref_key:`userOptionsRef`,ref:Dt,key:`user_option_${wt.value}`,backgroundColor:U.value.backgroundColor,color:U.value.color,isPrinting:N(Ht),isImaging:N(Ut),uid:I.value,hasTooltip:B.value.userOptions.buttons.tooltip,isTooltip:K.value.showTooltip,hasLabel:!1,hasPdf:B.value.userOptions.buttons.pdf,hasImg:B.value.userOptions.buttons.img,hasSvg:B.value.userOptions.buttons.svg,hasXls:B.value.userOptions.buttons.csv,hasTable:B.value.userOptions.buttons.table,hasFullscreen:B.value.userOptions.buttons.fullscreen,hasAltCopy:B.value.userOptions.buttons.altCopy,isFullscreen:Q.value,chartElement:L.value,position:B.value.userOptions.position,callbacks:B.value.userOptions.callbacks,printScale:B.value.userOptions.print.scale,titles:{...B.value.userOptions.buttonTitles},hasAnnotator:B.value.userOptions.buttons.annotator,isAnnotation:wn.value,tableDialog:B.value.table.useDialog,isCursorPointer:Nt.value,hasZoom:B.value.userOptions.buttons.zoom,isZoom:K.value.showZoom,onToggleFullscreen:Cn,onGeneratePdf:N(Wt),onGenerateCsv:Wn,onGenerateImage:N(ir),onGenerateSvg:N(rr),onToggleTable:Kn,onToggleTooltip:qn,onToggleAnnotator:Tn,onToggleZoom:Jn,onCopyAlt:ar,style:D({visibility:N(zt)?N(Lt)?`visible`:`hidden`:`visible`})},ke({_:2},[A(N(i)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionZoom optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:P(n=>[j(e.$slots,t,E(w(N(a)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.isTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.callbacks.printScale.titles.hasAnnotator.isAnnotation.tableDialog.isCursorPointer.hasZoom.isZoom.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):b(``,!0),S(`div`,{class:T({"vue-ui-circle-pack-svg-container":!0,"not-responsive":!B.value.responsive})},[(O(),x(`svg`,{ref_key:`svgRef`,ref:G,xmlns:N(ae),"aria-describedby":`chart-instructions-${I.value}`,viewBox:`${N($).x} ${N($).y} ${N($).width} ${N($).height}`,preserveAspectRatio:`xMidYMid meet`,class:T({"vue-data-ui-fullscreen--on":Q.value,"vue-data-ui-fulscreen--off":!Q.value,"not-responsive":!B.value.responsive,"vue-data-ui-no-transition":!N(W)}),style:D(`display:block;${B.value.responsive?`width:100%;height:auto`:`height:100%;`};overflow:${K.value.showZoom?`hidden`:`visible`};background:transparent;color:${U.value.color};background:${U.value.backgroundColor};`),tabindex:`0`,onFocus:cr,onBlur:lr,onKeydown:dr},[je(N(Ye)),e.$slots[`chart-background`]?(O(),x(`foreignObject`,{key:0,x:N($).x,y:N($).y,width:q.value.w,height:q.value.h,style:{pointerEvents:`none`}},[j(e.$slots,`chart-background`,{},void 0,!0)],8,rt)):b(``,!0),(O(!0),x(_,null,A(J.value,(t,n)=>(O(),x(_,{key:t.id},[S(`defs`,null,[je(xe,{t:`radial`,id:t.id,fy:`30%`,stops:[[`10%`,N(l)(t.color,H.value.gradient.intensity/100),1],[`90%`,N(d)(t.color,.1),1],[`100%`,t.color,1]]},null,8,[`id`,`stops`])]),e.$slots.pattern?(O(),x(`g`,it,[S(`defs`,null,[j(e.$slots,`pattern`,Me({ref_for:!0},{...t,patternId:`pattern_${I.value}_${t.id}`}),void 0,!0)])])):b(``,!0),S(`rect`,{class:T({"vue-data-ui-transition":N(W)}),x:t.x-t.r,y:t.y-t.r,width:t.r*2,height:t.r*2,stroke:H.value.stroke,"vector-effect":`non-scaling-stroke`,"stroke-width":H.value.strokeWidth*(mn.value||1)/100,fill:H.value.gradient.show?`url(#${t.id})`:t.color,rx:t.r,onMouseenter:e=>bn(t,n,`pointer`),onMouseout:e=>gn(t,n),onClick:e=>_n(t,n)},null,42,at),e.$slots.pattern?(O(),x(`rect`,{key:1,class:T({"vue-data-ui-transition":N(W)}),x:t.x-t.r,y:t.y-t.r,width:t.r*2,height:t.r*2,stroke:H.value.stroke,"vector-effect":`non-scaling-stroke`,"stroke-width":H.value.strokeWidth*(mn.value||1)/100,fill:`url(#pattern_${I.value}_${t.id})`,rx:t.r,style:{pointerEvents:`none`}},null,10,ot)):b(``,!0)],64))),128)),(O(!0),x(_,null,A(J.value,(e,t)=>(O(),x(_,{key:e.id},[e.hasChildren?b(``,!0):(O(),x(`rect`,{key:0,class:T({"vue-data-ui-transition":N(W)}),x:e.x-e.r,y:e.y-e.r,width:e.r*2,height:e.r*2,stroke:`none`,fill:R.value&&R.value.id===e.id?H.value.gradient.show?`url(#${e.id})`:e.color:`transparent`,rx:e.r,style:D({filter:R.value&&R.value.id===e.id?`drop-shadow(0px 0px 6px ${H.value.selectedShadowColor})`:`none`,opacity:+!!R.value,pointerEvents:`none`})},null,14,st))],64))),128)),(O(!0),x(_,null,A(J.value,(t,n)=>(O(),x(_,{key:`cl_${t.id}`},[e.$slots[`data-label`]&&cn(t)?j(e.$slots,`data-label`,Me({ref_for:!0},{...t,createTSpans:N(re),fontSize:{name:t.r/3*V.value.name.fontSizeRatio,value:Sn(t)*V.value.value.fontSizeRatio},color:V.value.name.color?V.value.name.color:N(ie)(t.color)}),void 0,!0,0):(O(),x(_,{key:1},[V.value.name.show&&t.name&&cn(t)?(O(),x(`text`,{key:0,style:{pointerEvents:`none`},class:T({"vue-data-ui-transition":N(W)}),transform:`translate(${t.x}, ${t.y+hn(t.r,V.value.name.offsetY)-t.r/10})`,"font-size":t.r/3*V.value.name.fontSizeRatio,fill:V.value.name.color===`auto`?N(ie)(t.color):V.value.name.color,"font-weight":V.value.name.bold?`bold`:`normal`,"text-anchor":`middle`},M(t.name),11,ct)):b(``,!0),V.value.value.show&&cn(t)?(O(),x(`text`,{key:1,class:T({"vue-data-ui-transition":N(W)}),style:{pointerEvents:`none`,transition:`opacity 0.2s ease-in-out`},transform:`translate(${t.x}, ${t.y+hn(t.r,V.value.value.offsetY)+t.r/2.5})`,"font-size":Sn(t)*V.value.value.fontSizeRatio,fill:V.value.value.color===`auto`?N(ie)(t.color):V.value.value.color,"font-weight":V.value.value.bold?`bold`:`normal`,"text-anchor":`middle`},M(xn(t)),11,lt)):b(``,!0)],64)),j(e.$slots,`circle`,Me({ref_for:!0},{...t,showLabel:cn(t),isSelected:R.value?.id===t.id,isDescendantOfSelected:sn(t,R.value),uid:`${n}_${I.value}`}),void 0,!0)],64))),128)),zn.value.length&&U.value.parentTooltips.show?(O(),x(`g`,ut,[(O(!0),x(_,null,A(zn.value,t=>(O(),x(`g`,{key:`tltp_${t.id}`},[S(`path`,{class:T({"vue-data-ui-transition":N(W)}),stroke:U.value.parentTooltips.link.useSerieColor?t.color:U.value.parentTooltips.link.stroke,"vector-effect":`non-scaling-stroke`,"stroke-width":U.value.parentTooltips.link.strokeWidth,"stroke-linecap":`round`,"stroke-dasharray":U.value.parentTooltips.link.strokeDasharray,opacity:U.value.parentTooltips.link.opacity,d:`M${t.anchorX}, ${t.anchorY} ${t.lineX}, ${t.lineY}`},null,10,dt),S(`rect`,{class:T({"vue-data-ui-transition":N(W)}),x:t.x,y:t.y,width:t.width,height:t.height,rx:Math.max(3*t.scale,t.fontSize/2.5)*U.value.parentTooltips.borderRadiusRatio,ry:Math.max(3*t.scale,t.fontSize/2.5)*U.value.parentTooltips.borderRadiusRatio,fill:U.value.parentTooltips.backgroundColor,stroke:U.value.parentTooltips.useSerieColor?t.color:U.value.parentTooltips.stroke,"vector-effect":`non-scaling-stroke`,"stroke-width":U.value.parentTooltips.strokeWidth,filter:U.value.parentTooltips.filter},null,10,ft),j(e.$slots,`parent-tooltip`,Me({ref_for:!0},{...t}),()=>[S(`rect`,{class:T({"vue-data-ui-transition":N(W)}),fill:t.color,x:t.x+t.paddingX*1.3-t.fontSize*.35,y:t.y+t.paddingY+t.lineHeight/2-t.fontSize*.35,rx:t.fontSize*.35,width:t.fontSize*.7,height:t.fontSize*.7},null,10,pt),S(`text`,{class:T({"vue-data-ui-transition":N(W)}),transform:`translate(${t.x+t.paddingX+t.fontSize}, ${t.y+t.paddingY+t.fontSize})`,"font-size":t.fontSize,fill:U.value.parentTooltips.color,"font-family":B.value.style.fontFamily,"text-anchor":`start`},[(O(!0),x(_,null,A(t.lines,(e,n)=>(O(),x(`tspan`,{key:`${t.id}_${n}`,x:0,dy:n===0?0:t.lineHeight},M(e),9,ht))),128))],10,mt)],!0)]))),128))])):b(``,!0),j(e.$slots,`svg`,{svg:{drawingArea:{...N($)},width:q.value.w,height:q.value.h,isPrintingImg:N(Ht)||N(Ut)||N(tr),isPrintingSvg:N(nr)}},void 0,!0)],46,nt)),e.$slots.hint?(O(),x(`div`,gt,[j(e.$slots,`hint`,E(w({hint:B.value.a11y.translations.keyboardNavigation,isVisible:Mt.value})),void 0,!0)])):b(``,!0)],2),e.$slots.watermark?(O(),x(`div`,_t,[j(e.$slots,`watermark`,E(w({isPrinting:N(Ht)||N(Ut)||N(tr)||N(nr)})),void 0,!0)])):b(``,!0),N(On)?(O(),x(`div`,vt,[j(e.$slots,`reset-action`,{reset:N(Dn)},()=>[S(`button`,{"data-cy-reset":``,tabindex:`0`,role:`button`,class:`vue-data-ui-refresh-button`,style:D({background:U.value.backgroundColor,cursor:Nt.value?`pointer`:`default`}),onClick:t[0]||=e=>N(Dn)(!0)},[je(N(We),{name:`refresh`,stroke:U.value.color},null,8,[`stroke`])],4)],!0)])):b(``,!0),e.$slots.source?(O(),x(`div`,{key:7,ref_key:`source`,ref:Tt,dir:`auto`},[j(e.$slots,`source`,{},void 0,!0)],512)):b(``,!0),je(N(Ue),{teleportTo:U.value.tooltip.teleportTo,show:K.value.showTooltip&&Ot.value,backgroundColor:U.value.tooltip.backgroundColor,color:U.value.tooltip.color,fontSize:U.value.tooltip.fontSize,borderRadius:U.value.tooltip.borderRadius,borderColor:U.value.tooltip.borderColor,borderWidth:U.value.tooltip.borderWidth,backgroundOpacity:U.value.tooltip.backgroundOpacity,position:U.value.tooltip.position,offsetX:U.value.tooltip.offsetX,offsetY:U.value.tooltip.offsetY,parent:L.value,content:kt.value,isCustom:yn.value,isFullscreen:Q.value,smooth:U.value.tooltip.smooth,backdropFilter:U.value.tooltip.backdropFilter,smoothForce:U.value.tooltip.smoothForce,smoothSnapThreshold:U.value.tooltip.smoothSnapThrehsold,isA11yMode:jt.value===`keyboard`,a11yPosition:At.value},{"tooltip-before":P(()=>[j(e.$slots,`tooltip-before`,E(w({...vn.value})),void 0,!0)]),tooltip:P(()=>[j(e.$slots,`tooltip`,E(w({...vn.value})),void 0,!0)]),"tooltip-after":P(()=>[j(e.$slots,`tooltip-after`,E(w({...vn.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.value&&B.value.userOptions.buttons.table?(O(),y(Ie(Zn.value.component),Me({key:8},Zn.value.props,{ref_key:`tableUnit`,ref:Et,onClose:Qn}),ke({content:P(()=>[(O(),y(N(Ke),{key:`table_${Ct.value}`,colNames:Gn.value.colNames,head:Gn.value.head,body:Gn.value.body,config:Gn.value.config,title:B.value.table.useDialog?``:Zn.value.title,withCloseButton:!B.value.table.useDialog,isCursorPointer:Nt.value,onClose:Qn},{th:P(({th:e})=>[S(`div`,yt,M(e),1)]),td:P(({td:e})=>[Ae(M(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[B.value.table.useDialog?{name:`title`,fn:P(()=>[Ae(M(Zn.value.title),1)]),key:`0`}:void 0,B.value.table.useDialog?{name:`actions`,fn:P(()=>[S(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Wn(B.value.userOptions.callbacks.csv),style:D({cursor:Nt.value?`pointer`:`default`})},[je(N(We),{name:`fileCsv`,stroke:Zn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):b(``,!0),j(e.$slots,`skeleton`,{},()=>[N(Ft)?(O(),y(me,{key:0})):b(``,!0)],!0)],46,et))}},[[`__scopeId`,`data-v-e8588837`]]);export{$e as n,I as t};

package/dist/vue-ui-cursor-DdXKXmhr.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{Jt as t,X as n,t as ee}from"./lib-zDxoqrgo.js";import{t as r}from"./useConfig-CKdzPrcf.js";import{t as i}from"./useNestedProp-CT9phgWx.js";import{t as a}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as te}from"./PackageVersion-D6pKL176.js";import{Teleport as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,nextTick as ne,normalizeClass as p,normalizeStyle as m,onBeforeUnmount as h,onMounted as g,openBlock as _,ref as v,toDisplayString as y,unref as b}from"vue";var x=/* @__PURE__ */ e({default:()=>R}),re=[`xmlns`,`height`,`width`],ie={id:`follower`,fy:`30%`,fx:`30%`},ae=[`stop-color`,`stop-opacity`],oe=[`r`,`fill`,`stroke`,`stroke-width`,`stroke-dasharray`],se=[`r`],ce={key:2,class:`wave`},S=[`id`],C=[`id`],w=[`filter`,`stroke`],T={key:3,class:`crosshair`},E=[`x1`,`stroke`,`stroke-width`,`stroke-dasharray`],D=[`x1`,`stroke`,`stroke-width`,`stroke-dasharray`],O=[`y1`,`stroke`,`stroke-width`,`stroke-dasharray`],k=[`y1`,`stroke`,`stroke-width`,`stroke-dasharray`],A=[`cy`,`r`,`fill`],j=[`cy`,`r`,`fill`],M=[`cx`,`r`,`fill`],N=[`cx`,`r`,`fill`],P={key:5,class:`coordinates`},F=[`x`,`y`,`font-size`,`fill`],I=[`transform`],L=[`font-size`,`fill`],R=/*#__PURE__*/ a({__name:`vue-ui-cursor`,props:{config:{type:Object,default:{}}},setup(e){let{vue_ui_cursor:a}=r(),x=e,R=v(n()),z=s(()=>i({userConfig:x.config,defaultConfig:a})),B=v({x:-100,y:-100}),V=s(()=>Math.round(z.value.centerCircleRadius)),H=s(()=>Math.round(z.value.coordinatesOffset));function U({clientX:e,clientY:t,...n}){B.value.x=e-V.value,B.value.y=t-V.value}function W(e){B.value.x=e.targetTouches[0].clientX-V.value,B.value.y=e.targetTouches[0].clientY-V.value}let G=v(!0);function K(e){G.value=e}let q=v(!1),J=v(null);function Y(){q.value=!1,J.value&&clearTimeout(J.value),ne(()=>{q.value=!0,J.value=setTimeout(()=>{q.value=!1},1e3)})}let X=v(null),Z=v(null);function Q(){return z.value.parentId?document.getElementById(z.value.parentId):document.getElementsByTagName(`div`)[0]||null}function $(e){e&&(e.addEventListener(`mousemove`,U),e.addEventListener(`touchmove`,W),e.addEventListener(`mouseleave`,()=>K(!1)),e.addEventListener(`mouseenter`,()=>K(!0)),e.addEventListener(`click`,Y))}function le(e){e&&(e.removeEventListener(`mousemove`,U),e.removeEventListener(`touchmove`,W),e.removeEventListener(`mouseleave`,()=>K(!1)),e.removeEventListener(`mouseenter`,()=>K(!0)),e.removeEventListener(`click`,Y))}return g(()=>{let e=Q();if(e){X.value=e,$(e);return}if(!z.value.parentId)return;let t=new MutationObserver(()=>{let e=Q();e&&(X.value=e,$(e),t.disconnect(),Z.value=null)});t.observe(document.body,{childList:!0,subtree:!0}),Z.value=t}),h(()=>{Z.value&&=(Z.value.disconnect(),null),X.value&&=(le(X.value),null)}),(e,n)=>(_(),c(o,{to:`body`},[G.value?(_(),u(`svg`,{key:0,"data-dom-to-png-ignore":``,xmlns:b(ee),style:m(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${B.value.y}px; left:${B.value.x}px;`),viewBox:`0 0 100 100`,height:V.value*2,width:V.value*2},[f(te),d(`defs`,null,[d(`radialGradient`,ie,[d(`stop`,{offset:`10%`,"stop-color":z.value.bubbleEffectColor,"stop-opacity":z.value.bubbleEffectOpacity},null,8,ae),n[0]||=d(`stop`,{offset:`95%`,"stop-color":`transparent`},null,-1)])]),z.value.showCenterCircle?(_(),u(`circle`,{key:0,cx:50,cy:50,r:V.value,fill:b(t)(z.value.centerCircleColor,z.value.centerCircleOpacity*100),stroke:z.value.centerCircleStroke,"stroke-width":z.value.centerCircleStrokeWidth,"stroke-dasharray":z.value.centerCircleDasharray},null,8,oe)):l(``,!0),z.value.bubbleEffect?(_(),u(`circle`,{key:1,cx:50,cy:50,r:V.value,fill:`url(#follower)`,stroke:`none`},null,8,se)):l(``,!0),z.value.useWaveOnClick?(_(),u(`g`,ce,[d(`defs`,null,[d(`filter`,{id:`blur_${R.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[d(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:4,id:`blur_std_${R.value}`},null,8,C),n[1]||=d(`feColorMatrix`,{type:`saturate`,values:`0`},null,-1)],8,S)]),q.value?(_(),u(`circle`,{key:0,class:p({"circle-wave":q.value}),cx:50,cy:50,r:50,filter:`url(#blur_${R.value})`,stroke:z.value.centerCircleStroke,fill:`none`,"stroke-width":`3`},null,10,w)):l(``,!0)])):l(``,!0),z.value.showCrosshair?(_(),u(`g`,T,[d(`line`,{x1:-V.value+50,x2:-5e3,y1:50,y2:50,stroke:z.value.crosshairStroke,"stroke-width":z.value.crosshairStrokeWidth,"stroke-dasharray":z.value.crosshairDasharray,"stroke-linecap":`round`},null,8,E),d(`line`,{x1:50+V.value,x2:5e3,y1:50,y2:50,stroke:z.value.crosshairStroke,"stroke-width":z.value.crosshairStrokeWidth,"stroke-dasharray":z.value.crosshairDasharray,"stroke-linecap":`round`},null,8,D),d(`line`,{x1:50,x2:50,y1:-V.value+50,y2:-5e3,stroke:z.value.crosshairStroke,"stroke-width":z.value.crosshairStrokeWidth,"stroke-dasharray":z.value.crosshairDasharray,"stroke-linecap":`round`},null,8,O),d(`line`,{x1:50,x2:50,y1:V.value+50,y2:5e3,stroke:z.value.crosshairStroke,"stroke-width":z.value.crosshairStrokeWidth,"stroke-dasharray":z.value.crosshairDasharray,"stroke-linecap":`round`},null,8,k)])):l(``,!0),z.value.showIntersectCircles?(_(),u(`g`,{key:4,class:p({"rotating-circles":z.value.isLoading})},[d(`circle`,{cx:50,cy:V.value+50,r:z.value.intersectCirclesRadius,fill:z.value.intersectCirclesFill},null,8,A),d(`circle`,{cx:50,cy:-V.value+50,r:z.value.intersectCirclesRadius,fill:z.value.intersectCirclesFill},null,8,j),d(`circle`,{cx:-V.value+50,cy:50,r:z.value.intersectCirclesRadius,fill:z.value.intersectCirclesFill},null,8,M),d(`circle`,{cx:V.value+50,cy:50,r:z.value.intersectCirclesRadius,fill:z.value.intersectCirclesFill},null,8,N)],2)):l(``,!0),z.value.showCoordinates?(_(),u(`g`,P,[d(`text`,{"text-anchor":`end`,x:-V.value+50-z.value.coordinatesFontSize/2+H.value,y:50-z.value.coordinatesFontSize/2+H.value,"font-size":z.value.coordinatesFontSize,fill:z.value.coordinatesColor,style:{"font-variant-numeric":`tabular-nums`},"font-family":`Arial`},y(B.value.x.toFixed(0)),9,F),d(`g`,{transform:`translate(${50-z.value.coordinatesFontSize/2+H.value}, ${-V.value+50-z.value.coordinatesFontSize/2+H.value})`},[d(`text`,{"text-anchor":`start`,"font-size":z.value.coordinatesFontSize,fill:z.value.coordinatesColor,style:{"font-variant-numeric":`tabular-nums`},transform:`rotate(-90)`,"font-family":`Arial`},y(B.value.y.toFixed(0)),9,L)],8,I)])):l(``,!0)],12,re)):l(``,!0)]))}},[[`__scopeId`,`data-v-4b1f566e`]]);export{x as n,R as t};