vue-data-ui 3.27.1 → 3.28.1

package/dist/vue-ui-bullet-ClnewIWQ.js

@@ -0,0 +1,34 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,Ft as r,S as i,X as a,_ as ee,at as te,i as o,in as ne,t as re,yt as ie,zt as ae}from"./lib-rPeBMZrn.js";import{n as oe,t as se}from"./BaseScanner-8NdoBs7B.js";import{n as ce}from"./useHints-BH9r_0Vd.js";import{t as le}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as ue}from"./resolveChartConfig-CIhClE5R.js";import{t as de}from"./chartImage-DPGnEuYM.js";import{n as fe}from"./Title-BliHuXfT.js";import{t as pe}from"./useChartExport-BZts4KFb.js";import{n as me,t as he}from"./annotationSlots-BRR85CqJ.js";import{n as ge,t as _e}from"./userOptionsSlots-DYuo-E5m.js";import{t as ve}from"./usePrinter-sVoTzet1.js";import{c as ye}from"./canvas-lib-22VpOI4_.js";import{t as be}from"./useResponsive-CENUxfEL.js";import{t as xe}from"./useUserOptionState-CXlFnwPv.js";import{t as Se}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ce}from"./Legend-DM0ClX3D.js";import{t as we}from"./vue_ui_bullet-CwVYkpjd.js";import{Fragment as s,Teleport as Te,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as Ee,createVNode as De,defineAsyncComponent as p,guardReactiveProps as m,normalizeClass as Oe,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as ke,onMounted as Ae,openBlock as _,ref as v,renderList as y,renderSlot as b,toDisplayString as x,toRefs as je,unref as S,watch as Me,withCtx as C}from"vue";var Ne=/* @__PURE__ */ e({default:()=>w}),Pe=[`id`],Fe={key:1,ref:`noTitle`,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},Ie=[`id`],Le=[`xmlns`,`viewBox`,`aria-labelledby`,`aria-describedby`],Re=[`id`],ze=[`id`],Be=[`width`,`height`],Ve={key:1},He=[`x`,`y`,`height`,`width`,`fill`,`stroke`],Ue=[`x`,`y`,`height`,`width`,`rx`,`fill`,`stroke`,`stroke-width`],We=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`],Ge=[`x`,`y`,`font-size`,`font-weight`,`fill`],Ke=[`x`,`y`,`height`,`width`,`rx`,`fill`,`stroke`,`stroke-width`],qe={key:3},Je=[`x`,`y`,`fill`,`font-size`,`font-weight`],Ye={key:4},Xe=[`x1`,`x2`,`y1`,`y2`,`stroke`],Ze={key:4,class:`vue-data-ui-watermark`},Qe=[`id`],$e={key:0,class:`vue-ui-bullet-legend-item`,dir:`auto`},et={style:{"margin-right":`2px`}},w=/*#__PURE__*/ le({__name:`vue-ui-bullet`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:le,emit:Ne}){let w=p(()=>import(`./PackageVersion-C4ZM3Vf7.js`).then(e=>e.t)),tt=p(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),nt=p(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),{vue_ui_bullet:rt}=t(),T=e,it=Ne,E=v(null),at=v(null),ot=v(0),st=v(null),ct=v(null),lt=v(0),D=v(null),O=v(null),ut=v(!1),k=c({get:()=>B.value.hasOwnProperty(`value`),set:e=>e}),A=v(R()),j=c(()=>A.value.debug),M=c(()=>A.value.style.chart.target),N=c(()=>A.value.style.chart.segments),P=c(()=>A.value.style.chart),F=c(()=>A.value.userOptions),I=c(()=>B.value.segments?Array.isArray(B.value.segments)?B.value.segments.length?!0:(j.value&&console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
+
+    segments: [
+        {
+            name: string;
+            from: number;
+            to: number;
+            color?: string;
+        },
+        {...}
+    ]
+            `),k.value=!1,!1):(j.value&&console.warn(`VueUiBullet: dataset segments must be an array of objects with this datastructure:
+
+    segments: [
+        {
+            name: string;
+            from: number;
+            to: number;
+            color?: string;
+        },
+        {...}
+    ] 
+            `),k.value=!1,!1):(j.value&&console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
+
+    segments: [
+        {
+            name: string;
+            from: number;
+            to: number;
+            color?: string;
+        },
+        {...}
+    ]
+            `),k.value=!1,!1)),dt=c(()=>{let{top:e,right:t,bottom:n,left:r}=P.value.padding;return{top:e,right:t,bottom:n,left:r}});function ft(){if(ae(B.value)?(te({componentName:`VueUiBullet`,type:`dataset`,debug:j.value}),V.value=!0):I.value?B.value.segments.forEach((e,t)=>{ie({datasetObject:e,requiredAttributes:[`name`,`from`,`to`]}).forEach(e=>{k.value=!1,te({componentName:`VueUiBullet segment`,type:`datasetSerieAttribute`,property:e,index:t,debug:j.value})})}):(k.value=!1,V.value=!0),ae(B.value)||(V.value=A.value.loading),A.value.responsive){let e=ye(()=>{let{width:e,height:t}=be({chart:E.value,title:P.value.title.text?at.value:null,legend:P.value.legend.show?st.value:null,source:ct.value,padding:dt.value}),n=(P.value.legend.show?24:0)||12;requestAnimationFrame(()=>{W.value.width=e,W.value.height=t-n})});D.value&&(O.value&&D.value.unobserve(O.value),D.value.disconnect()),D.value=new ResizeObserver(e),O.value=E.value.parentNode,D.value.observe(O.value)}P.value.animation.show&&!z.value&&St(B.value.value||0)}Ae(()=>{ut.value=!0,ft()});let L=v(a());function R(){return ue(T.config,rt,we)}ce({config:()=>A.value,dataset:()=>T.dataset,component:`VueUiBullet`,rules:[{test:e=>e?.segments&&e?.segments.length>8,message:[`👀 The number of target segments is > 8, which can make the chart hard to read and a large legend. Consider:`,``,`▶️ Using broader segments.`]}]});let pt=c(()=>A.value.userOptions.useCursorPointer),mt=c(()=>ne({defaultConfig:{userOptions:{show:!1},style:{chart:{backgroundColor:`#99999930`,segments:{dataLabels:{show:!1},ticks:{stroke:`#8A8A8A`}},valueBar:{label:{show:!1}}}}},userConfig:A.value.skeletonConfig??{}})),{loading:z,FINAL_DATASET:B,manualLoading:V}=oe({...je(T),FINAL_CONFIG:A,prepareConfig:R,skeletonDataset:T.config?.skeletonDataset??{value:100,target:100,segments:[{name:``,from:0,to:33,color:`#AAAAAA`},{name:``,from:33,to:66,color:`#BABABA`},{name:``,from:66,to:100,color:`#CACACA`}]},skeletonConfig:ne({defaultConfig:A.value,userConfig:mt.value})}),{userOptionsVisible:H,setUserOptionsVisibility:ht,keepUserOptionState:gt}=xe({config:A.value}),{svgRef:U}=Se({config:P.value.title}),W=v({width:P.value.width,height:P.value.height}),_t=c(()=>W.value.width),vt=c(()=>W.value.height);Me(()=>T.config,e=>{z.value||(A.value=R()),H.value=!A.value.userOptions.showOnChartHover,W.value.width=P.value.width,W.value.height=P.value.height,ft(),ot.value+=1},{deep:!0});let G=c(()=>{let e=vt.value,t=_t.value,n=P.value.padding.left,r=t-P.value.padding.right,i=P.value.padding.top,a=e-P.value.padding.bottom;return{height:Math.max(.001,e),width:Math.max(.001,t),left:n,right:r,top:i,bottom:a,chartWidth:Math.max(.001,r-n),chartHeight:Math.max(.001,a-i)}}),yt=c(()=>{if(!I.value)return[];let e=[];for(let t=0;t<B.value.segments.length;t+=1)e.push(r(N.value.baseColor,t/B.value.segments.length));return e}),K=c(()=>I.value?{min:Math.min(...B.value.segments.map(e=>e.from)),max:Math.max(...B.value.segments.map(e=>e.to))}:{min:0,max:1}),q=v(bt());Me(()=>B.value,e=>{e.hasOwnProperty(`value`)&&(V.value=!1),P.value.animation.show&&!z.value?St(e.value||0):q.value=e.value||0},{deep:!0});function bt(){return P.value.animation.show&&!z.value?K.value.min:B.value.value||0}let xt=v(null);function St(e){let t=Math.abs(e-q.value)/P.value.animation.animationFrames;function n(){q.value<e?q.value=Math.min(q.value+t,e):q.value>e&&(q.value=Math.max(q.value-t,e)),q.value!==e&&(xt.value=requestAnimationFrame(n))}n()}ke(()=>{cancelAnimationFrame(xt.value)});let J=c(()=>{if(!I.value)return[];let e=ee(K.value.min,K.value.max,N.value.ticks.divisions),t=e.min>=0?0:Math.abs(e.min);return{scale:e,target:{x:G.value.left+(B.value.target+t)/(e.max+t)*G.value.chartWidth-M.value.width/2},value:{width:(q.value+t)/(e.max+t)*G.value.chartWidth},ticks:e.ticks.map(n=>({value:n,y:G.value.bottom+N.value.dataLabels.fontSize+3+N.value.dataLabels.offsetY,x:G.value.left+(n+t)/(e.max+t)*G.value.chartWidth})),chunks:B.value.segments.map((n,r)=>({...n,color:n.color?i(n.color):yt.value[r],x:G.value.left+G.value.chartWidth*((n.from+t)/(e.max+t)),y:G.value.top,height:G.value.chartHeight,width:G.value.chartWidth*(Math.abs(n.to-n.from)/(e.max+t))}))}}),Y=c(()=>!J.value||!J.value.chunks||!J.value.chunks.length?[]:J.value.chunks.map(e=>{let t=`${o(N.value.dataLabels.formatter,e.from,n({p:N.value.dataLabels.prefix,v:e.from,s:N.value.dataLabels.suffix,r:N.value.dataLabels.rounding}))} — ${o(N.value.dataLabels.formatter,e.to,n({p:N.value.dataLabels.prefix,v:e.to,s:N.value.dataLabels.suffix,r:N.value.dataLabels.rounding}))}`;return{...e,shape:`square`,value:t,display:`${e.name}: ${t}`}})),Ct=c(()=>({cy:`bullet-div-legend`,backgroundColor:`transparent`,color:P.value.legend.color,fontSize:P.value.legend.fontSize,paddingBottom:6,fontWeight:P.value.legend.bold?`bold`:``})),{isPrinting:X,isImaging:Z,generatePdf:wt,generateImage:Tt}=ve({elementId:`bullet_${L.value}`,fileName:P.value.title.text||`vue-ui-bullet`,options:A.value.userOptions.print}),Et=c(()=>A.value.userOptions.show&&!P.value.title.text),Q=v(!1);function Dt(e){Q.value=e,lt.value+=1}function Ot(){return J.value}let $=v(!1);function kt(){$.value=!$.value}let At=de(E,()=>P.value.title.text),jt=c(()=>Y.value.map(e=>({...e,name:e.display}))),Mt=c(()=>P.value.backgroundColor),Nt=c(()=>P.value.legend),Pt=c(()=>P.value.title),{isCallbackImaging:Ft,isCallbackSvg:It,generateSvg:Lt,onGenerateImage:Rt}=pe({svg:U,title:Pt,legend:Nt,legendItems:jt,backgroundColor:Mt,getSvgCallback:()=>A.value.userOptions.callbacks.svg,generateImage:Tt});async function zt(){it(`copyAlt`,{config:A.value,dataset:B.value}),A.value.userOptions.callbacks.altCopy?await Promise.resolve(A.value.userOptions.callbacks.altCopy({config:A.value,dataset:B.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}return le({getData:Ot,getImage:At,generatePdf:wt,generateImage:Tt,generateSvg:Lt,toggleAnnotator:kt,toggleFullscreen:Dt,copyAlt:zt}),(e,t)=>(_(),d(`div`,{ref_key:`bulletChart`,ref:E,class:Oe(`vue-data-ui-component vue-ui-bullet ${Q.value?`vue-data-ui-wrapper-fullscreen`:``}`),style:g(`font-family:${A.value.style.fontFamily};width:100%;background:${P.value.backgroundColor};${A.value.responsive?`height:100%`:``}`),id:`bullet_${L.value}`,onMouseenter:t[0]||=()=>S(ht)(!0),onMouseleave:t[1]||=()=>S(ht)(!1)},[F.value.buttons.annotator?(_(),l(S(tt),{key:0,svgRef:S(U),backgroundColor:P.value.backgroundColor,color:P.value.color,active:$.value,isCursorPointer:pt.value,palette:F.value.annotatorPalette,onClose:kt},Ee({_:2},[y(S(he),t=>({name:t,fn:C(n=>[b(e.$slots,t,h(m(S(me)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):u(``,!0),Et.value?(_(),d(`div`,Fe,null,512)):u(``,!0),P.value.title.text?(_(),d(`div`,{key:2,ref_key:`chartTitle`,ref:at,style:`width:100%;background:transparent;`},[(_(),l(fe,{lineHeight:`1.3rem`,key:`title_${ot.value}`,config:{title:{cy:`bullet-div-title`,...P.value.title},subtitle:{cy:`bullet-div-subtitle`,...P.value.title.subtitle}}},null,8,[`config`]))],512)):u(``,!0),f(`div`,{id:`legend-top-${L.value}`},null,8,Ie),F.value.show&&k.value&&(S(gt)||S(H))?(_(),l(S(nt),{key:3,ref:`details`,backgroundColor:P.value.backgroundColor,color:P.value.color,isPrinting:S(X),isImaging:S(Z),uid:L.value,hasTooltip:!1,hasPdf:F.value.buttons.pdf,hasImg:F.value.buttons.img,hasSvg:F.value.buttons.svg,hasXls:!1,hasTable:!1,hasLabel:!1,hasFullscreen:F.value.buttons.fullscreen,hasAltCopy:F.value.buttons.altCopy,isFullscreen:Q.value,chartElement:E.value,position:F.value.position,titles:{...F.value.buttonTitles},hasAnnotator:F.value.buttons.annotator,isAnnotation:$.value,callbacks:F.value.callbacks,printScale:F.value.print.scale,isCursorPointer:pt.value,onToggleFullscreen:Dt,onGeneratePdf:S(wt),onGenerateImage:S(Rt),onGenerateSvg:S(Lt),onToggleAnnotator:kt,onCopyAlt:zt,style:g({visibility:S(gt)?S(H)?`visible`:`hidden`:`visible`})},Ee({_:2},[y(S(ge)(e.$slots,`menuIcon optionPdf optionImg optionSvg optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:C(n=>[b(e.$slots,t,h(m(S(_e)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasImg`,`hasSvg`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`chartElement`,`position`,`titles`,`hasAnnotator`,`isAnnotation`,`callbacks`,`printScale`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):u(``,!0),(_(),d(`svg`,{ref_key:`svgRef`,ref:U,xmlns:S(re),class:Oe({"vue-data-ui-fullscreen--on":Q.value,"vue-data-ui-fulscreen--off":!Q.value,"vue-ui-bullet-svg":!0}),viewBox:`0 0 ${G.value.width} ${G.value.height}`,style:g(`width: 100%; overflow: visible; background:transparent;color:${P.value.color}`),"aria-labelledby":`bullet-svg-title-${L.value}`,"aria-describedby":`bullet-svg-desc-${L.value}`},[De(S(w)),b(e.$slots,`svg-underlayer`,{svg:{...G.value,isPrintingImg:S(X)||S(Z)||S(Ft),isPrintingSvg:S(It)}},void 0,!0),f(`title`,{id:`bullet-svg-title-${L.value}`},x(P.value.title.text||`Bullet chart`),9,Re),f(`desc`,{id:`bullet-svg-desc-${L.value}`},` Value: `+x(q.value)+`, Target: `+x(J.value.target?.value),9,ze),e.$slots[`chart-background`]?(_(),d(`foreignObject`,{key:0,x:0,y:0,width:G.value.width,height:G.value.height,style:{pointerEvents:`none`}},[b(e.$slots,`chart-background`,{},void 0,!0)],8,Be)):u(``,!0),I.value?(_(),d(`g`,Ve,[(_(!0),d(s,null,y(J.value.chunks,e=>(_(),d(`rect`,{x:e.x,y:e.y,height:e.height,width:e.width,fill:e.color,"stroke-width":1,stroke:P.value.backgroundColor,style:{transition:`x 0.3s ease-in-out, width 0.3s ease-in-out`}},null,8,He))),256)),!M.value.onTop&&M.value.show?(_(),d(`rect`,{key:0,x:J.value.target.x,y:G.value.top+(G.value.chartHeight-G.value.chartHeight*M.value.heightRatio)/2,height:G.value.chartHeight*M.value.heightRatio,width:M.value.width,rx:M.value.rounded?M.value.width/2:0,fill:M.value.color,stroke:M.value.stroke,"stroke-width":M.value.strokeWidth},null,8,Ue)):u(``,!0),f(`rect`,{x:G.value.left,y:G.value.top+(G.value.chartHeight-G.value.chartHeight*P.value.valueBar.heightRatio)/2,height:G.value.chartHeight*P.value.valueBar.heightRatio,width:J.value.value.width,fill:P.value.valueBar.color,stroke:P.value.valueBar.stroke,"stroke-width":P.value.valueBar.strokeWidth},null,8,We),P.value.valueBar.label.show?(_(),d(`text`,{key:1,x:G.value.left+J.value.value.width,y:G.value.top-6+P.value.valueBar.label.offsetY,"font-size":P.value.valueBar.label.fontSize,"font-weight":P.value.valueBar.label.bold?`bold`:`normal`,fill:P.value.valueBar.label.color,"text-anchor":`middle`},x(S(o)(N.value.dataLabels.formatter,q.value,S(n)({p:N.value.dataLabels.prefix,v:q.value,s:N.value.dataLabels.suffix,r:N.value.dataLabels.rounding}))),9,Ge)):u(``,!0),M.value.onTop&&M.value.show?(_(),d(`rect`,{key:2,x:J.value.target.x,y:G.value.top+(G.value.chartHeight-G.value.chartHeight*M.value.heightRatio)/2,height:G.value.chartHeight*M.value.heightRatio,width:M.value.width,rx:M.value.rounded?M.value.width/2:0,fill:M.value.color,stroke:M.value.stroke,"stroke-width":M.value.strokeWidth,style:{transition:`x 0.3s ease-in-out`}},null,8,Ke)):u(``,!0),N.value.dataLabels.show?(_(),d(`g`,qe,[(_(!0),d(s,null,y(J.value.ticks,e=>(_(),d(`text`,{x:e.x,y:e.y,"text-anchor":`middle`,fill:N.value.dataLabels.color,"font-size":N.value.dataLabels.fontSize+`px`,"font-weight":N.value.dataLabels.bold?`bold`:`normal`},x(S(o)(N.value.dataLabels.formatter,e.value,S(n)({p:N.value.dataLabels.prefix,v:e.value,s:N.value.dataLabels.suffix,r:N.value.dataLabels.rounding}))),9,Je))),256))])):u(``,!0),N.value.dataLabels.show&&N.value.ticks.show?(_(),d(`g`,Ye,[(_(!0),d(s,null,y(J.value.ticks,e=>(_(),d(`line`,{x1:e.x,x2:e.x,y1:G.value.bottom,y2:G.value.bottom+3,stroke:N.value.ticks.stroke,"stroke-width":1,"stroke-linecap":`round`},null,8,Xe))),256))])):u(``,!0)])):u(``,!0),b(e.$slots,`svg`,{svg:{...G.value,isPrintingImg:S(X)||S(Z)||S(Ft),isPrintingSvg:S(It)}},void 0,!0)],14,Le)),e.$slots.watermark?(_(),d(`div`,Ze,[b(e.$slots,`watermark`,h(m({isPrinting:S(X)||S(Z)||S(Ft)||S(It)})),void 0,!0)])):u(``,!0),f(`div`,{id:`legend-bottom-${L.value}`},null,8,Qe),ut.value&&(P.value.legend.show||e.$slots.legend)?(_(),l(Te,{key:5,to:P.value.legend.position===`top`?`#legend-top-${L.value}`:`#legend-bottom-${L.value}`},[f(`div`,{ref_key:`chartLegend`,ref:st},[b(e.$slots,`legend`,{legend:Y.value},()=>[P.value.legend.show?(_(),l(Ce,{key:0,clickable:!1,legendSet:Y.value,config:Ct.value},{item:C(({legend:e})=>[S(z)?u(``,!0):(_(),d(`div`,$e,[f(`span`,et,x(e.name)+`:`,1),f(`span`,null,x(e.value),1)]))]),_:1},8,[`legendSet`,`config`])):u(``,!0)],!0)],512)],8,[`to`])):u(``,!0),e.$slots.source?(_(),d(`div`,{key:6,ref_key:`source`,ref:ct,dir:`auto`},[b(e.$slots,`source`,{},void 0,!0)],512)):u(``,!0),b(e.$slots,`skeleton`,{},()=>[S(z)?(_(),l(se,{key:0})):u(``,!0)],!0)],46,Pe))}},[[`__scopeId`,`data-v-e483d16e`]]);export{Ne as n,w as t};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Ht as i,It as a,Jt as o,S as ee,X as te,Yt as ne,at as re,f as s,h as ie,i as c,in as ae,nt as oe,p as se,r as ce,t as le,w as ue,yt as de,zt as fe}from"./lib-rPeBMZrn.js";import{n as pe,t as me}from"./BaseScanner-8NdoBs7B.js";import{n as he,t as ge}from"./useHints-BH9r_0Vd.js";import{t as _e}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as ve}from"./resolveChartConfig-CIhClE5R.js";import{t as ye}from"./img-D4RQwASc.js";import{t as be}from"./useChartExport-BZts4KFb.js";import{t as xe}from"./tableIntegration-CNoJ1CIY.js";import{n as Se,t as Ce}from"./annotationSlots-BRR85CqJ.js";import{n as we,t as Te}from"./userOptionsSlots-DYuo-E5m.js";import{t as Ee}from"./usePrinter-sVoTzet1.js";import{t as De}from"./DefGrad-DKMq1REY.js";import{t as Oe}from"./A11yDataTable-DWNlWXzs.js";import{t as ke}from"./useUserOptionState-CXlFnwPv.js";import{t as Ae}from"./useChartAccessibility-DOMuYJfm.js";import{t as je}from"./useTableResponsive-uSz_qZOB.js";import{t as Me}from"./vue_ui_chestnut-BxxivKN7.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as Ne,createTextVNode as Pe,createVNode as h,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__*/ _e({__name:`vue-ui-chestnut`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectRoot`,`selectBranch`,`selectNut`,`copyAlt`],setup(e,{expose:_e,emit:qe}){Ue(e=>({ba98aae8:e.tdo}));let zn=Fe(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),Bn=Fe(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Vn=Fe(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Hn=Fe(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),Un=Fe(()=>import(`./PackageVersion-C4ZM3Vf7.js`).then(e=>e.t)),Wn=Fe(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_chestnut:Gn}=t(),w=e,Kn=u(()=>!!w.dataset&&w.dataset.length),T=y(te()),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=u(()=>k.value.style.chart.layout.roots),j=u(()=>k.value.style.chart.layout.branches),M=u(()=>k.value.style.chart.layout.nuts),N=u(()=>k.value.style.chart.layout),P=u(()=>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=u(()=>k.value.userOptions.useCursorPointer),Qn=u(()=>ae({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}=pe({...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:ae({defaultConfig:k.value,userConfig:Qn.value})}),{userOptionsVisible:tr,setUserOptionsVisibility:nr,keepUserOptionState:rr}=ke({config:k.value}),{svgRef:ir}=Ae({config:N.value.title});function ar(){return ve(w.config,Gn,Me)}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}=Ee({elementId:`vue-ui-chestnut_${T.value}`,fileName:N.value.title.text||`vue-ui-chestnut`,options:k.value.userOptions.print}),ur=u(()=>k.value.userOptions.show),dr=u(()=>ue(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=u(()=>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=u(()=>({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=u(()=>er.value.flatMap(e=>(e.branches||[]).map(e=>e.value||0)).reduce((e,t)=>e+t,0)),hr=u(()=>k.value.debug),z=u(()=>(hr.value&&er.value.forEach((e,t)=>{de({datasetObject:e,requiredAttributes:[`name`,`branches`]}).forEach(e=>{re({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:t})}),e.branches&&e.branches.forEach((e,n)=>{de({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{re({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n}`})}),e.breakdown&&e.breakdown.forEach((e,r)=>{de({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{re({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:ee(e.color)||dr.value[t]||i[t]||i[t%i.length],id:e.id||`root_${t}_${T.value}`,type:`root`,total:n,rootIndex:t,branches:(e.branches||[]).map((r,a)=>({...r,rootName:e.name,rootIndex:t,color:ee(e.color)||dr.value[t]||i[t]||i[t%i.length],value:r.value>=0?r.value:0,id:r.id||`branch_${t}_${a}_${T.value}`,proportionToRoot:r.value/n,type:`branch`,breakdown:(r.breakdown||[]).map((o,te)=>({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:o.name,nutValue:o.value,nutToTotal:o.value/R.value,nutToRoot:o.value/n,nutToBranch:o.value/r.value},...o,type:`nut`,branchName:r.name,rootName:e.name,branchTotal:r.value>=0?r.value:0,proportionToBranch:o.value/r.value,proportionToRoot:o.value/n,proportionToTree:o.value/R.value,rootIndex:t,id:o.id||`nut_${t}_${a}_${te}_${T.value}`,color:ee(o.color)||dr.value[te]||i[te]||i[te%i.length],value:o.value>=0?o.value:0}))}))}})));function gr(){return z.value}let _r=qe,vr=u(()=>z.value.flatMap(e=>e.branches).length),yr=u(()=>Math.max(...z.value.map(e=>e.branches.map(e=>e.value).reduce((e,t)=>e+t,0)))),br=u(()=>Math.max(...z.value.flatMap(e=>e.branches.map(e=>e.value)))),xr=u(()=>256+I.value.padding.left),B=u(()=>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=u(()=>j.value.widthRatio<=0?.1:j.value.widthRatio>1.8?1.8:j.value.widthRatio),Cr=u(()=>B.value.flatMap(e=>e.branches)),V=u(()=>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=u(()=>B.value),Tr=u(()=>wr.value.map(e=>V.value.filter(t=>t.rootIndex===e.rootIndex).sort((e,t)=>e.y1-t.y1))),Er=u(()=>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=a({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(){fe(w.dataset)&&re({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=u(()=>({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,i=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]),a=t.concat([n]).concat(i),o=r(a);e?e(o):oe({csvContent:o,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 ye({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=u(()=>xe({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}=je(pr,mr);function Wr(){fr.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let Gr=u(()=>z.value.map((e,t)=>({...e,display:`${e.name}: ${c(A.value.labels.formatter,e.total,n({p:N.value.legend.prefix,v:e.total,s:N.value.legend.suffix,r:N.value.legend.roundingValue}),{datapoint:e})} (${n({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage})})`}))),Kr=u(()=>Gr.value.map(e=>({color:e.color,name:e.display,shape:`circle`}))),qr=u(()=>P.value.backgroundColor),Jr=u(()=>({...N.value.legend,textAlign:`center`,show:!0,position:`bottom`})),Yr=u(()=>N.value.title),{isCallbackImaging:Xr,isCallbackSvg:Zr,generateSvg:Qr,onGenerateImage:$r}=be({svg:ir,title:Yr,legend:Jr,legendItems:Kr,backgroundColor:qr,titleEmbedded:!0,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:lr});async function ei(){_r(`copyAlt`,{config:k.value,dataset:z.value}),k.value.userOptions.callbacks.altCopy?await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:z.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function ti(e){if(!e)return``;let t=n({p:N.value.legend.prefix,v:e.total,s:N.value.legend.suffix,r:N.value.legend.roundingValue}),r=n({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage});return`Root ${e.name}. Value ${t}. ${r} of total.`}function ni(e){if(!e)return``;let t=n({p:j.value.labels.dataLabels.prefix,v:e.value,s:j.value.labels.dataLabels.suffix,r:j.value.labels.dataLabels.roundingValue}),r=n({v:e.proportionToRoot*100,s:`%`,r:N.value.legend.roundingPercentage});return`Branch ${e.name}. Root ${e.rootName}. Value ${t}. ${r} of root ${e.rootName}.`}function ri(e){if(!e)return``;let t=n({p:N.value.legend.prefix,v:e.value,s:N.value.legend.suffix,r:M.value.selected.labels.roundingValue}),r=n({v:e.proportionToBranch*100,s:`%`,r:M.value.selected.labels.roundingPercentage});return`Nut ${e.name}. Branch ${e.branchName}. Root ${e.rootName}. Value ${t}. ${r} of branch ${e.branchName}.`}let ii=u(()=>wr.value[O.value.rootIndex]||null),X=u(()=>(Tr.value[O.value.rootIndex]||[])[O.value.branchIndex]||null),ai=u(()=>((Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[])[O.value.nutIndex]||null),Z=u(()=>ii.value),oi=u(()=>X.value),si=u(()=>O.value.level===`nut`?X.value:null),ci=u(()=>Zn.value);function Q(){O.value.level===`root`?D.value=ti(ii.value):O.value.level===`branch`?D.value=ni(X.value):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]||[];e.length?(O.value.branchIndex>=e.length&&(O.value.branchIndex=0),O.value.branchIndex<0&&(O.value.branchIndex=e.length-1)):O.value.branchIndex=0}function ui(){let e=(Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[];e.length?(O.value.nutIndex>=e.length&&(O.value.nutIndex=0),O.value.nutIndex<0&&(O.value.nutIndex=e.length-1)):O.value.nutIndex=0}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()}else O.value.level===`branch`?(O.value.branchIndex+=e,li(),O.value.nutIndex=0,Q()):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}}else O.value.level===`nut`?(J(),W.value=null,O.value.level=`branch`,O.value.nutIndex=0,Q()):O.value.level===`branch`&&(W.value=null,G.value=null,O.value.level=`root`,O.value.nutIndex=0,Q())}function pi(){O.value.level===`root`&&ii.value?(Ar(ii.value),D.value=`${ti(ii.value)} selected.`):O.value.level===`branch`&&X.value?(kr(X.value),D.value=`${ni(X.value)} selected.`):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`;(t||n||r||i||a||o)&&(e.preventDefault(),e.stopPropagation(),Zn.value||=!0,o?(K(),$(),E.value=!1):((t||n||r||i)&&(E.value=!0),t?di(-1):n?di(1):r?fi(-1):i?fi(1):a&&pi()))}let _i=u(()=>({headers:Y.value.head,rows:Y.value.body.map(e=>[e.rootName,e.rootValue,n({v:e.rootToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage}),e.branchName,e.branchValue,n({v:e.branchToRoot*100,s:`%`,r:k.value.table.td.roundingPercentage}),n({v:e.branchToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage}),e.nutName,e.nutValue,n({v:e.nutToBranch*100,s:`%`,r:k.value.table.td.roundingPercentage}),n({v:e.nutToRoot*100,s:`%`,r:k.value.table.td.roundingPercentage}),n({v:e.nutToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage})])}));return _e({getData:gr,getImage:Br,generatePdf:cr,generateCsv:Pr,generateImage:lr,generateSvg:Qr,toggleTable:Lr,toggleAnnotator:zr,toggleFullscreen:Ir,copyAlt:ei}),(e,t)=>(v(),p(`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)},[m(`div`,{id:`chart-instructions-${T.value}`,class:`sr-only`},[m(`p`,null,S(k.value.a11y.translations.keyboardNavigation),1)],8,Ye),m(`div`,Xe,S(D.value),1),_i.value?.rows?.length?(v(),d(Oe,{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`])):f(``,!0),k.value.userOptions.buttons.annotator?(v(),d(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},Ne({_:2},[b(C(Ce),t=>({name:t,fn:Ge(n=>[x(e.$slots,t,ze(Ie(C(Se)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):f(``,!0),ur.value?(v(),p(`div`,Ze,null,512)):f(``,!0),k.value.userOptions.show&&Kn.value&&(C(rr)||C(tr))?(v(),d(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`})},Ne({_:2},[b(C(we)(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(Te)(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(`.`))):f(``,!0),m(`div`,Qe,[I.value.height>0?(v(),p(`svg`,{key:0,ref_key:`svgRef`,ref:ir,xmlns:C(le),"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},[h(C(Un)),x(e.$slots,`svg-underlayer`,{svg:{...I.value,isPrintingImg:C(or)||C(sr)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0),e.$slots[`chart-background`]?(v(),p(`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)):f(``,!0),H.value?f(``,!0):(v(),p(`g`,tt,[N.value.title.text?(v(),p(`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)):f(``,!0),N.value.title.subtitle.text?(v(),p(`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)):f(``,!0)])),m(`defs`,null,[(v(!0),p(l,null,b(z.value,(e,t)=>(v(),d(De,{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(o)(C(ne)(e.color,.05),100-A.value.gradientIntensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128)),(v(!0),p(l,null,b(z.value,e=>(v(),d(De,{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(o)(C(ne)(e.color,.02),100-j.value.gradientIntensity),1]]},null,8,[`id`,`stops`]))),128)),h(De,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nutpick_${T.value}`,stops:[[`0%`,C(o)(`#FFFFFF`,0),0],[`80%`,C(o)(`#FFFFFF`,M.value.selected.gradientIntensity),1],[`100%`,C(o)(`#FFFFFF`,0),0]]},null,8,[`id`,`stops`]),h(De,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nut_${T.value}`,stops:[[`0%`,C(o)(`#FFFFFF`,0),0],[`80%`,C(o)(`#FFFFFF`,M.value.gradientIntensity),1],[`100%`,C(o)(`#FFFFFF`,0),0]]},null,8,[`id`,`stops`]),h(De,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nut_underlayer_${T.value}`,stops:[[`0%`,C(o)(P.value.backgroundColor,100),1],[`80%`,C(o)(P.value.backgroundColor,60),1],[`100%`,C(o)(P.value.backgroundColor,0),1]]},null,8,[`id`,`stops`])]),N.value.grandTotal.show?(v(),p(`g`,it,[m(`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),m(`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(c)(N.value.grandTotal.formatter,R.value,C(n)({p:N.value.grandTotal.prefix,v:R.value,s:N.value.grandTotal.suffix,r:N.value.grandTotal.roundingValue}))),9,ot)])):f(``,!0),(v(!0),p(l,null,b(V.value,e=>(v(),p(`g`,null,[m(`defs`,null,[h(De,{t:`linear`,id:`link_grad_${e.id}`,stops:[[`0%`,e.color,1],[`100%`,C(o)(e.color,N.value.links.opacity),1]]},null,8,[`id`,`stops`])]),m(`path`,{d:Vr(e),stroke:C(o)(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),p(l,null,b(B.value,e=>(v(),p(`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),p(l,null,b(B.value,(e,t)=>(v(),p(`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(),p(`g`,ut,[(v(!0),p(l,null,b(B.value,(e,t)=>(v(),p(`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(ce)(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(c)(A.value.labels.formatter,e.total,C(n)({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),p(l,null,b(B.value,e=>(v(),p(`g`,null,[H.value&&e.rootIndex===H.value.rootIndex||W.value&&e.rootIndex===W.value.rootIndex||G.value&&e.rootIndex===G.value.rootIndex?(v(),p(`g`,ft,[m(`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)])):f(``,!0)]))),256))])):f(``,!0),(v(!0),p(l,null,b(V.value,e=>(v(),p(`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),p(l,null,b(V.value,(e,t)=>(v(),p(`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(),p(`g`,gt,[(v(!0),p(l,null,b(V.value,e=>(v(),p(`g`,null,[e.proportionToRoot*100>j.value.labels.dataLabels.hideUnderValue?(v(),p(`text`,{key:0,x:e.x1+6,y:e.y1+I.value.branchSize/1.5,"text-anchor":`start`,fill:C(ce)(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(c)(j.value.labels.dataLabels.formatter,e.value,C(n)({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)):f(``,!0)]))),256))])):f(``,!0),(v(!0),p(l,null,b(V.value,(e,t)=>(v(),p(`g`,null,[(v(!0),p(l,null,b(C(a)({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(),p(`path`,{d:t.path,stroke:t.color,"stroke-width":10,fill:`none`,style:_(`opacity:${q(e)?1:.1}`)},null,12,vt))),256)),m(`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(),p(`g`,bt,[(v(!0),p(l,null,b(V.value,e=>(v(),p(`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))])):f(``,!0),m(`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(),p(`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}},[m(`div`,wt,[m(`div`,Tt,[(v(!0),p(l,null,b(B.value,e=>(v(),p(`div`,{style:_(`display:flex;align-items:center;gap:3px;flex-direction:row;font-size:${N.value.legend.fontSize}px;`)},[(v(),p(`svg`,Et,[m(`circle`,{cx:`10`,cy:`10`,r:`10`,fill:e.color,stroke:`none`},null,8,Dt)])),C($n)?f(``,!0):(v(),p(l,{key:0},[m(`span`,null,S(e.name)+`:`,1),m(`b`,null,S(C(c)(N.value.roots.labels.formatter,e.total,C(n)({p:P.value.layout.legend.prefix,v:e.total,s:P.value.layout.legend.suffix,r:P.value.layout.legend.roundingValue}),{datapoint:e})),1),Pe(` (`+S(C(n)({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage}))+`) `,1)],64))],4))),256))])])],8,Ct)):f(``,!0),H.value&&U.value?(v(),p(`g`,Ot,[(v(),p(`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}},[m(`div`,At,[m(`b`,null,S(H.value.name),1),m(`div`,jt,[(v(!0),p(l,null,b(H.value.breakdown,(e,t)=>(v(),p(`div`,{style:_(`display:flex;align-items:center;gap:6px;flex-direction:row;font-size:${N.value.legend.fontSize}px;`)},[(v(),p(`svg`,Mt,[m(`circle`,{cx:`10`,cy:`10`,r:`10`,fill:e.color,stroke:`none`},null,8,Nt)])),m(`span`,null,[Pe(S(e.name)+`: `,1),m(`b`,null,S(N.value.legend.prefix)+` `+S(e.value.toFixed(P.value.layout.nuts.selected.labels.roundingValue))+` `+S(N.value.legend.suffix),1),Pe(` (`+S((e.proportionToBranch*100).toFixed(N.value.nuts.selected.labels.roundingPercentage))+`%)`,1)])],4))),256))])])],8,kt)),m(`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),p(l,null,b(U.value,e=>(v(),p(`g`,null,[Mr(e)?(v(),p(`path`,{key:0,d:C(ie)(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)):f(``,!0)]))),256)),m(`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),p(l,null,b(U.value,e=>(v(),p(`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)),m(`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),m(`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),m(`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),m(`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(c)(M.value.selected.labels.dataLabels.formatter,H.value.value,C(n)({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),p(l,null,b(U.value,(e,t)=>(v(),p(`g`,null,[Mr(e)?(v(),p(`text`,{key:0,x:C(s)(e).x,"text-anchor":C(s)(e).anchor,y:C(se)(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)):f(``,!0),Mr(e)?(v(),p(`text`,{key:1,x:C(s)(e,!0).x,"text-anchor":C(s)(e,!0).anchor,y:C(se)(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)):f(``,!0)]))),256)),(v(!0),p(l,null,b(U.value,(e,t)=>(v(),p(`g`,null,[Mr(e)?(v(),p(`text`,{key:0,x:C(s)(e,!0).x,"text-anchor":C(s)(e).anchor,y:C(se)(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(n)({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(c)(M.value.selected.labels.dataLabels.formatter,H.value.breakdown[t].value,C(n)({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)):f(``,!0),Mr(e)?(v(),p(`text`,{key:1,x:C(s)(e,!0).x,"text-anchor":C(s)(e).anchor,y:C(se)(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(n)({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)):f(``,!0),Mr(e)?(v(),p(`text`,{key:2,x:C(s)(e,!0).x,"text-anchor":C(s)(e).anchor,y:C(se)(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(n)({v:H.value.breakdown[t].proportionToTree*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.proportionToTree),15,Kt)):f(``,!0)]))),256))])):f(``,!0),(v(!0),p(l,null,b(V.value,e=>(v(),p(`g`,null,[W.value&&W.value.id===e.id&&!H.value?(v(),p(`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(c)(j.value.labels.dataLabels.formatter,e.value,C(n)({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)):f(``,!0),W.value&&W.value.id===e.id&&!H.value?(v(),p(`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(n)({v:e.proportionToRoot*100,s:`%`,r:j.value.labels.dataLabels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(e.rootName),9,Jt)):f(``,!0),W.value&&W.value.id===e.id&&!H.value?(v(),p(`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(n)({v:e.value/R.value*100,s:`%`,r:j.value.labels.dataLabels.roundingPercentage}))+` `+S(k.value.translations.proportionToTree),9,Yt)):f(``,!0)]))),256)),x(e.$slots,`svg`,{svg:{...I.value,isPrintingImg:C(or)||C(sr)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0)],46,$e)):f(``,!0)]),e.$slots.watermark?(v(),p(`div`,Xt,[x(e.$slots,`watermark`,ze(Ie({isPrinting:C(or)||C(sr)||C(Xr)||C(Zr)})),void 0,!0)])):f(``,!0),x(e.$slots,`legend`,{legend:z.value},void 0,!0),e.$slots.source?(v(),p(`div`,Zt,[x(e.$slots,`source`,{},void 0,!0)],512)):f(``,!0),Kn.value&&k.value.userOptions.buttons.table?(v(),d(Ve(Hr.value.component),Le({key:6},Hr.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Wr}),Ne({content:Ge(()=>[m(`div`,{ref_key:`tableContainer`,ref:pr,class:`vue-ui-chestnut-table`,style:_(`${k.value.table.useDialog?``:`max-height: 300px;margin-top:24px`}`)},[m(`div`,{style:_(`${k.value.table.useDialog?``:`padding-top:36px;`}position: relative`)},[k.value.table.useDialog?f(``,!0):(v(),p(`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`])},[h(C(zn),{name:`close`,stroke:k.value.table.th.color,"stroke-width":2},null,8,[`stroke`])],36)),m(`div`,{style:{width:`100%`},class:g({"vue-ui-responsive":C(Ur)})},[m(`table`,Qt,[k.value.table.useDialog?f(``,!0):(v(),p(`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`},[Pe(S(N.value.title.text)+` `,1),N.value.title.subtitle.text?(v(),p(`span`,$t,S(N.value.title.subtitle.text),1)):f(``,!0)],4)),m(`thead`,null,[m(`tr`,{role:`row`,style:_(`background:${k.value.table.th.backgroundColor};color:${k.value.table.th.color}`)},[(v(!0),p(l,null,b(Y.value.head,e=>(v(),p(`th`,{style:_(`outline:${k.value.table.th.outline}`)},S(e),5))),256))],4)]),m(`tbody`,null,[(v(!0),p(l,null,b(Y.value.body,(e,t)=>(v(),p(`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}`)},[m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[0]},[m(`div`,tn,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),p(`span`,nn)):(v(),p(`span`,rn,S(e.rootName),1))])],12,en),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[1]},[m(`div`,on,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),p(`span`,sn)):(v(),p(`span`,cn,S(e.rootValue.toFixed(k.value.table.td.roundingValue)),1))])],12,an),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[2]},[m(`div`,un,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),p(`span`,dn)):(v(),p(`span`,fn,S((e.rootToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,ln),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[3]},[m(`div`,mn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),p(`span`,hn)):(v(),p(`span`,gn,S(e.branchName),1))])],12,pn),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[4]},[m(`div`,vn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),p(`span`,yn)):(v(),p(`span`,bn,S(e.branchValue.toFixed(k.value.table.td.roundingValue)),1))])],12,_n),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[5]},[m(`div`,Sn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),p(`span`,Cn)):(v(),p(`span`,wn,S((e.branchToRoot*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,xn),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[6]},[m(`div`,En,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),p(`span`,Dn)):(v(),p(`span`,On,S((e.branchToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,Tn),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[7]},[m(`div`,An,S(e.nutName),1)],12,kn),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[8]},[m(`div`,Mn,S(e.nutValue.toFixed(k.value.table.td.roundingValue)),1)],12,jn),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[9]},[m(`div`,Pn,S((e.nutToBranch*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Nn),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[10]},[m(`div`,In,S((e.nutToRoot*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Fn),m(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[11]},[m(`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(()=>[Pe(S(Hr.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:Ge(()=>[m(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[11]||=e=>Pr(k.value.userOptions.callbacks.csv)},[h(C(zn),{name:`fileCsv`,stroke:Hr.value.props.color},null,8,[`stroke`])])]),key:`1`}:void 0]),1040)):f(``,!0),x(e.$slots,`skeleton`,{},()=>[C($n)?(v(),d(me,{key:0})):f(``,!0)],!0)],46,Je))}},[[`__scopeId`,`data-v-53cc9745`]]);export{qe as n,zn as t};

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

@@ -0,0 +1,21 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Ht as i,S as a,X as o,Y as s,at as c,i as ee,in as l,nt as te,r as ne,sn as re,t as ie,w as ae,yt as oe,zt as se}from"./lib-rPeBMZrn.js";import{n as ce,t as le}from"./BaseScanner-8NdoBs7B.js";import{n as ue}from"./useHints-BH9r_0Vd.js";import{t as de}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as fe}from"./resolveChartConfig-CIhClE5R.js";import{t as pe}from"./chartImage-DPGnEuYM.js";import{n as me}from"./Title-BliHuXfT.js";import{t as he}from"./useChartExport-BZts4KFb.js";import{n as ge,t as _e}from"./tableIntegration-CNoJ1CIY.js";import{n as ve,t as ye}from"./annotationSlots-BRR85CqJ.js";import{n as be,t as xe}from"./userOptionsSlots-DYuo-E5m.js";import{t as Se}from"./usePrinter-sVoTzet1.js";import{t as Ce}from"./Shape-CRe8woTu.js";import{c as we}from"./canvas-lib-22VpOI4_.js";import{t as Te}from"./useResponsive-CENUxfEL.js";import{t as Ee}from"./A11yDataTable-DWNlWXzs.js";import{t as De}from"./useUserOptionState-CXlFnwPv.js";import{t as Oe}from"./useChartAccessibility-DOMuYJfm.js";import{t as ke}from"./Legend-DM0ClX3D.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__*/ de({__name:`vue-ui-chord`,props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},emits:[`selectLegend`,`selectGroup`,`selectRibbon`,`copyAlt`],setup(e,{expose:de,emit:qe}){We(e=>({v4f2ad1de:e.slicerColor}));let Tt=g(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Et=g(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),Dt=g(()=>import(`./DataTable-0Vv-aGHD.js`)),Ot=g(()=>import(`./PackageVersion-C4ZM3Vf7.js`).then(e=>e.t)),kt=g(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),At=g(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),jt=g(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_chord:Mt}=t(),E=e,Nt=qe,D=b(!!E.dataset&&Object.hasOwn(E.dataset,`matrix`)),O=b(o()),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);ue({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(()=>l({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}=ce({...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:l({defaultConfig:L.value,userConfig:qt.value})}),{userOptionsVisible:Xt,setUserOptionsVisibility:Zt,keepUserOptionState:Qt}=De({config:L.value}),{svgRef:U}=Oe({config:B.value.title}),{isPrinting:$t,isImaging:en,generatePdf:tn,generateImage:nn}=Se({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 fe(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(se(E.dataset)){c({componentName:`VueUiChord`,type:`dataset`,debug:G.value}),D.value=!1,Yt.value=!0;return}let e=oe({datasetObject:E.dataset,requiredAttributes:[`matrix`]});if(e.length){G.value&&e.forEach(e=>{c({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);r===-1?(D.value=!0,Yt.value=!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)}function on(){if(an(),L.value.responsive){let e=we(()=>{let{width:e,height:t,heightNoTitle:n,heightSource:r,heightTitle:i,heightLegend:a}=Te({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(){!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):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(()=>ae(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=>a(e)):H.value.matrix.map((e,t)=>un.value[t]||i[t]||i[t%i.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 s=(2*Math.PI-t*n)/a,c=[],ee=0;for(let e=0;e<n;e+=1){let n=ee,r=n+i[e]*s;c.push({index:e,pattern:`pattern_${O.value}_${e}`,startAngle:n,endAngle:r,name:J.value.labels[e],id:o(),color:J.value.colors[e],proportion:i[e]/a}),ee=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=c[t].startAngle;for(let{j:e,v:a}of n){let n=i,o=n+a*s;l.push({index:t,subIndex:e,pattern:`pattern_${O.value}_${t}`,startAngle:n,endAngle:o,value:a,groupName:J.value.labels[t],groupId:c[t].id,groupColor:J.value.colors[t],midAngle:(n+o)/2,midBaseX:Math.cos((n+o)/2-Math.PI/2)*r,midBaseY:Math.sin((n+o)/2-Math.PI/2)*r}),i=o}}let te=[];for(let e of l){let t=l.find(t=>t.index===e.subIndex&&t.subIndex===e.index);te.push({source:e,target:t,id:o()})}return{groups:c,chords:te}}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,ee=Math.sin(a)*n,l=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},${ee} L${l},${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,ee=Math.cos(i)*n,l=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 ${ee},${l}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 ee(z.value.labels.formatter,e,n({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),i=r(n);e?e(i):te({csvContent:i,title:B.value.title.text||`vue-ui-chord`})})}let Zn=pe(M,()=>B.value.title.text);function Qn(e,t){return`${J.value.labels[t]}${R.value.labels.showPercentage?n({p:` (`,v:isNaN(e.proportion)?0:e.proportion*100,s:`%)`,r:R.value.labels.roundingPercentage}):``}`}let $n=d(()=>_e({config:L,style:B,mutableConfig:W,dialog:jt,accordion:Tt,isFullscreen:jn,parent:M,maxWidth:800,isCursorPointer:V}));Ge(()=>W.value.showTable,e=>ge(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}=he({svg:U,title:rr,legend:nr,legendItems:qn,backgroundColor:tr,getSvgCallback:()=>L.value.userOptions.callbacks.svg,generateImage:nn});async function cr(){Nt(`copyAlt`,{config:L.value,dataset:J.value}),L.value.userOptions.callbacks.altCopy?await Promise.resolve(L.value.userOptions.callbacks.altCopy({config:L.value,dataset:J.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}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 de({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(Ee,{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(ye),t=>({name:t,fn:T(n=>[S(e.$slots,t,Re(Fe(w(ve)(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(me,{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(be)(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(xe)(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(ie),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)),S(e.$slots,`svg-underlayer`,{svg:{height:600,width:600,isPrintingImg:w($t)||w(en)||w(ir),isPrintingSvg:w(ar)}},void 0,!0),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(ne)(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(n)({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(s)({content:w(re)(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(Ce,{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(le,{key:0})):p(``,!0)],!0)],46,Je))}},[[`__scopeId`,`data-v-64db52b8`]]);export{qe as n,Tt as t};