vue-data-ui 3.27.0 → 3.27.1

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

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

package/dist/vue-ui-hill-C5oiuIXh.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./annotationSlots-BRR85CqJ.js";import{n as r,t as i}from"./userOptionsSlots-DYuo-E5m.js";import{$ as a,D as o,Ht as s,X as c,a as l,i as u,nn as d,nt as f,r as p,x as m}from"./lib-CV_IANZ6.js";import{n as ee,t as h}from"./useHints-BH9r_0Vd.js";import{t as te}from"./useConfig-CKdzPrcf.js";import{t as ne}from"./usePrinter-hLW3cv4N.js";import{t as re}from"./useNestedProp-CB186vF2.js";import{t as ie}from"./useThemeCheck-BKNRbGeC.js";import{t as ae}from"./useChartExport-DtPNpc9M.js";import{t as oe}from"./useTransitions-DfSHzsdz.js";import{n as se}from"./Title-BGYFqulv.js";import{t as ce}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as le}from"./useUserOptionState-CXlFnwPv.js";import{t as ue}from"./chartImage-CIvU_04o.js";import{t as de}from"./vue_ui_hill-DQi4pQCG.js";import{Fragment as g,computed as _,createBlock as fe,createCommentVNode as v,createElementBlock as y,createElementVNode as b,createSlots as pe,createVNode as me,defineAsyncComponent as he,guardReactiveProps as ge,nextTick as _e,normalizeClass as x,normalizeProps as ve,normalizeStyle as S,onBeforeUnmount as ye,onMounted as be,openBlock as C,ref as w,renderList as T,renderSlot as E,shallowRef as xe,toDisplayString as D,unref as O,useTemplateRef as Se,watch as Ce,withCtx as we,withKeys as Te,withModifiers as k}from"vue";var Ee=/* @__PURE__ */ e({default:()=>bt}),De=[`id`,`data-editing`],Oe={key:0,ref:`chartTitle`,style:`width:100%;background:transparent;padding-bottom:24px`},ke={key:3,class:`vue-ui-hill__toolbar`,"data-dom-to-png-ignore":``},Ae=[`viewBox`],je=[`width`,`height`],Me=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Ne=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Pe=[`d`,`stroke`,`stroke-width`,`stroke-dasharray`],Fe={key:0,"pointer-events":`none`},Ie=[`d`,`stroke`,`stroke-width`,`stroke-dasharray`],Le=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],Re=[`transform`,`font-size`,`fill`,`stroke`],ze=[`transform`,`data-datapoint-index`,`data-datapoint-id`,`tabindex`,`aria-valuenow`,`aria-valuetext`,`aria-label`,`onFocus`,`onBlur`,`onKeydown`,`onPointerenter`,`onPointerleave`,`onClick`],Be=[`r`,`onPointerdown`],Ve=[`r`,`fill`,`stroke`,`stroke-width`],He=[`stroke`,`stroke-width`],Ue=[`d`],We=[`x`,`y`,`text-anchor`,`fill`,`font-size`,`font-weight`,`stroke`,`stroke-width`],Ge=[`transform`,`tabindex`,`aria-label`,`aria-expanded`,`onClick`,`onFocus`,`onKeydown`],Ke={key:0,class:`vue-ui-hill__stack-overflow-collapse-ghosts`,"pointer-events":`none`,"aria-hidden":`true`},qe=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],Je=[`from`,`dur`],Ye=[`from`,`dur`],Xe=[`from`,`to`,`dur`],Ze=[`dur`],Qe=[`r`],$e=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`],et=[`stroke`,`stroke-width`],tt=[`d`],nt=[`y`,`fill`,`font-size`,`font-weight`,`stroke`],rt=[`x`,`y`,`fill`,`font-size`,`font-weight`,`letter-spacing`],it=[`x`,`y`,`fill`,`font-size`,`font-weight`,`letter-spacing`],at=[`x`,`y`,`rx`,`width`,`height`,`fill`],ot=[`id`],st=[`x`,`y`,`width`,`height`,`rx`,`ry`],ct=[`clip-path`],lt=[`width`,`x`,`y`,`fill`,`height`,`onPointerenter`,`onPointerleave`],ut=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],dt=[`x`,`y`,`width`,`height`,`rx`,`ry`,`stroke`,`stroke-width`],ft=[`x`,`y`,`fill`,`font-size`],pt=[`aria-label`,`onKeydown`],mt={key:0,class:`vue-ui-hill__stack-overflow-menu-title`},ht=[`disabled`,`aria-label`,`onClick`],gt={class:`vue-ui-hill__stack-overflow-menu-label`},_t={class:`vue-ui-hill__stack-overflow-menu-value`},vt={key:6,class:`vue-data-ui-watermark`},yt={key:7,class:`vue-ui-hill__loading`,"data-dom-to-png-ignore":``},bt=/*#__PURE__*/ ce({__name:`vue-ui-hill`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`edit`,`save`,`cancel`,`copyAlt`,`change`,`dragStart`,`dragEnd`,`datapointEnter`,`datapointLeave`,`selectDatapoint`],setup(e,{expose:ce,emit:Ee}){let bt=he(()=>import(`./HillActions-CHg1AQ3p.js`)),xt=he(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),St=he(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Ct=he(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),wt=he(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),{vue_ui_hill:Tt}=te(),{isThemeValid:Et,warnInvalidTheme:Dt}=ie(),Ot=e,kt=w(c()),At=xe(null),jt=Se(`hillChartRef`),A=Se(`svgRef`),Mt=Se(`overflowMenuRef`),Nt=Se(`userOptionsRef`),Pt=w(0),Ft=Ee;function It(){let e=re({userConfig:Ot.config,defaultConfig:Tt}),t={},n=e.theme;if(!n)t=e;else if(!Et.value(e))Dt(e),t=e;else{let r=re({userConfig:de[n]||Ot.config,defaultConfig:e});t={...re({userConfig:Ot.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:d[n]||$t}}return t}let j=w(It()),M=_(()=>j.value.style.chart.layout.plots),N=_(()=>j.value.style.chart);ee({config:()=>j.value,dataset:()=>Ot.dataset,component:`VueUiHill`,rules:[h.emptyArray,h.noHint]});let{transitionEnabled:P}=oe({config:()=>j.value.transitions,dataset:()=>Ot.dataset}),{userOptionsVisible:Lt,setUserOptionsVisibility:Rt,keepUserOptionState:zt}=le({config:j.value});function Bt(){Rt(!0)}function Vt(){Rt(!1),Zn.value=null,$.value=null,Xn.value=null}let{isPrinting:Ht,isImaging:Ut,generatePdf:Wt,generateImage:Gt}=ne({elementId:`hill_${kt.value}`,fileName:N.value.title.text||`vue-ui-hill`,options:j.value.userOptions.print}),Kt=_(()=>j.value.userOptions.useCursorPointer),qt=w(0),Jt=w(!1);function Yt(e){Jt.value=e,qt.value+=1}let Xt=w(!1);function Zt(){Xt.value=!Xt.value}let Qt=_(()=>j.value.userOptions.position===`left`?`right`:`left`);Ce(()=>Ot.config,()=>{At.value=null,j.value=It(),qt.value+=1,F.value!==j.value.editing&&(F.value=j.value.editing&&!j.value.readonly)},{deep:!0});let $t=_(()=>{let e=j.value.customPalette;return Array.isArray(e)&&e.length?e:s});function en(e){let t=Number(e);return Number.isFinite(t)?Math.min(1,Math.max(0,t)):0}function tn(e){if(e<=0)return`todo`;if(e>=1)return`done`;let t=.5,n=Math.min(t,Math.max(0,Number(j.value.interaction.peakTolerance)||0)),r=t-n,i=t+n;return e>=r&&e<=i?`top`:e<t?`left`:`right`}function nn(e,t){let n=e&&typeof e==`object`?e:{},r=`Item ${t+1}`,i=String(n.name??n.label??r),a=en(n.position??n.value??0);return{...n,id:String(n.id??`${i}-${t}`),name:i,label:String(n.label??i),position:a,color:n.color||$t.value[t%$t.value.length],muted:!!n.muted,disabled:!!n.disabled,status:tn(e.position),labelSide:[`left`,`right`,`auto`].includes(n.labelSide)?n.labelSide:`auto`,__index:t}}let rn=_(()=>Array.isArray(Ot.dataset)?Ot.dataset.map(nn):[]);function an(e){return e.map(e=>({...e}))}function on(e){let{__index:t,...n}=e;return Object.prototype.hasOwnProperty.call(n,`value`)&&(n.value=n.position),n}function sn(e=I.value){return e.map(on)}let cn=_(()=>j.value.editing&&!j.value.readonly),F=w(cn.value),I=w(an(rn.value)),L=w(null);Ce(rn,e=>{F.value||(At.value=null,I.value=an(e))},{deep:!0});let ln=_(()=>!j.value.readonly);Ce(ln,e=>{e||(L.value=null,At.value=null,F.value=!1,I.value=an(rn.value))});function R(e,t){Ft(e,t);let n=j.value.events?.[e];typeof n==`function`&&n(t)}let z=_(()=>N.value),un=_(()=>z.value.layout),B=_(()=>un.value.hill),V=_(()=>un.value.plots),H=_(()=>un.value.labels.item),U=_(()=>un.value.labels.phases),W=_(()=>z.value.toolbar),G=_(()=>un.value.stackbar),K=_(()=>{let e=V.value.stacking?.overflow||{},t=Math.max(0,Number(V.value.radius)||0);return{show:e.show!==!1,marker:{radius:Math.max(4,Number(e.marker?.radius)||t),fill:e.marker.fill,stroke:e.marker?.stroke||V.value.stroke,strokeWidth:e.marker.strokeWidth,color:e.marker.labelColor,fontSize:e.marker.fontSize,bold:e.marker?.bold!==!1,offsetY:e.marker.labelOffsetY},hysteresis:t*1.5,transitionDuration:P.value?e.transitionDuration:0,menu:{width:Math.max(160,Number(e.menu?.width)||220),maxHeight:Math.max(96,Number(e.menu?.maxHeight)||220),backgroundColor:e.menu?.backgroundColor||z.value.backgroundColor,color:e.menu?.color||z.value.color,borderColor:e.menu?.borderColor||V.value.stroke,borderRadius:Math.max(0,Number(e.menu?.borderRadius)||6)}}});function dn(e,t,n=1){let r=Number(e);return Number.isFinite(r)?Math.min(n,Math.max(0,r)):t}let q=_(()=>{let e=B.value.geometry||{},t=Math.max(0,Number(z.value.width)||0),n=Math.max(0,Number(z.value.height)||0),r=dn(e.horizontalPaddingRatio,.02,.49),i=dn(e.topPaddingRatio,.12,.49),a=dn(e.bottomPaddingRatio,.2,.49),o=dn(e.curvature,.65),s=t*r,c=t/2,l=t*(1-r),u=n*i,d=n*(1-a),f=c-s,p=l-c,m=s+f*o,ee=c+p*(1-o);return{startX:s,centerX:c,endX:l,baseY:d,peakY:u,width:f+p,left:[{x:s,y:d},{x:m,y:d},{x:m,y:u},{x:c,y:u}],right:[{x:c,y:u},{x:ee,y:u},{x:ee,y:d},{x:l,y:d}]}}),fn=_(()=>{let{left:e,right:t}=q.value;return[`M${e[0].x} ${e[0].y}`,`C${e[1].x} ${e[1].y} ${e[2].x} ${e[2].y} ${e[3].x} ${e[3].y}`,`C${t[1].x} ${t[1].y} ${t[2].x} ${t[2].y} ${t[3].x} ${t[3].y}`].join(` `)});function pn(e,t,n,r,i){let a=1-i;return a**3*e+3*a**2*i*t+3*a*i**2*n+i**3*r}function mn(e,t,n,r,i){let a=1-i;return 3*a**2*(t-e)+6*a*i*(n-t)+3*i**2*(r-n)}function hn(e){let t=en(e),{startX:n,centerX:r,endX:i,left:a,right:o}=q.value,s=n+(t-0)/1*(i-n),c=s<=r?a:o,l=0,u=1;for(let e=0;e<28;e+=1){let e=(l+u)/2;pn(c[0].x,c[1].x,c[2].x,c[3].x,e)<s?l=e:u=e}let d=(l+u)/2,f=pn(c[0].y,c[1].y,c[2].y,c[3].y,d),p=mn(c[0].x,c[1].x,c[2].x,c[3].x,d),m=mn(c[0].y,c[1].y,c[2].y,c[3].y,d),ee=Math.hypot(p,m)||1;return{x:s,y:f,normalX:m/ee,normalY:-p/ee}}function gn(e){let t=Number(V.value.stacking.overlapThresholdRatio);return e*(2-(Number.isFinite(t)?Math.min(2,Math.max(0,t)):.5))}function _n(e,t){let n=/* @__PURE__ */ new Map,r=V.value.stacking;if(e.forEach(e=>{n.set(e.id,{position:e.position,index:0,size:1,stackId:`stack:${e.id}`})}),!r.show||e.length<2||t<=0)return n;let i=gn(t),a=e.map((e,t)=>({datapoint:e,index:t,point:hn(e.position)})).sort((e,t)=>e.point.x-t.point.x||e.datapoint.position-t.datapoint.position||e.index-t.index),o=0;for(;o<a.length;){let e=[a[o]],t=o+1;for(;t<a.length;){let n=e[e.length-1],r=a[t];if(Math.hypot(r.point.x-n.point.x,r.point.y-n.point.y)>=i)break;e.push(r),t+=1}if(e.length>1){let t=e[0].datapoint.position,r=`stack:${e.map(({datapoint:e})=>e.id).sort().join(`|`)}`;e.forEach(({datapoint:i},a)=>{n.set(i.id,{position:t,index:a,size:e.length,stackId:r})})}o=t}return n}function vn(e){let t=e+Math.max(0,Number(V.value.strokeWidth)||0)/2,n=V.value.stacking.gap??e/2;return t*2+n}let yn=w(null),J=w(null),Y=w(null),bn=w(null),xn=w(null),Sn=/* @__PURE__ */ new Set,Cn=null,X=null,Z=null;function wn(e){let t=Math.max(0,Number(V.value.strokeWidth)||0),n=V.value.shadow.show?Math.max(0,Number(V.value.shadow.blur)||0)+Math.max(0,-(Number(V.value.shadow.offsetY)||0)):0;return e+t/2+n}function Tn(e,t,n){if(t<=1)return e-wn(n);let r=vn(n);return e-(t-1)*r-wn(n)}function En(e,t,n,r){if(n<=1)return Sn.delete(e),!1;let i=Tn(t,n,r),a=Sn.has(e),o=K.value.hysteresis,s=a?i<o:i<0;return s?Sn.add(e):Sn.delete(e),s}let Dn=_(()=>{let e=Math.max(0,Number(V.value.radius)||0),t=vn(e),n=_n(I.value,e),r=/* @__PURE__ */ new Map,i=/* @__PURE__ */ new Map,a=[],o=/* @__PURE__ */ new Set,s=L.value?.id??null;K.value.show||Sn.clear(),I.value.forEach(e=>{let t=n.get(e.id)||{position:e.position,index:0,size:1,stackId:`stack:${e.id}`};r.has(t.stackId)||r.set(t.stackId,[]),r.get(t.stackId).push({datapoint:e,stack:t})});let c=new Set(r.keys());return Sn.forEach(e=>{c.has(e)||Sn.delete(e)}),r.forEach((n,r)=>{let c=[...n].sort((e,t)=>e.stack.index-t.stack.index||e.datapoint.__index-t.datapoint.__index),l=c.reduce((e,t)=>e+(Number(t.datapoint.position)||0),0)/c.length,u=hn(l);if(!(K.value.show&&En(r,u.y,c.length,e))){c.forEach(e=>{i.set(e.datapoint.id,{hidden:!1,displayIndex:e.stack.index,stackId:r,stackSize:c.length,promotedFromOverflow:!1,renderPosition:e.stack.position})});return}c.forEach(({datapoint:e})=>{o.add(e.id)});let d=s?c.find(({datapoint:e})=>e.id===s):null,f=c.find(({datapoint:e})=>e.id===yn.value),p=d||f||null,m=p?c.filter(({datapoint:e})=>e.id!==p.datapoint.id):c,ee=J.value,h=!(!f||ee?.datapointId!==f.datapoint.id||ee.moved),te=m.length?h?l:m.reduce((e,t)=>e+(Number(t.datapoint.position)||0),0)/m.length:l,ne=hn(te);c.forEach(e=>{let t=p?.datapoint.id===e.datapoint.id,n=t&&f?.datapoint.id===e.datapoint.id;i.set(e.datapoint.id,{hidden:!t,displayIndex:+!!t,stackId:r,stackSize:c.length,promotedFromOverflow:n,renderPosition:te})}),m.length&&a.push({stackId:r,anchorPosition:te,x:ne.x,y:ne.y,hiddenCount:m.length,hiddenDatapoints:m.map(({datapoint:e})=>e),memberIds:c.map(({datapoint:e})=>e.id),collapseDatapoints:m.map(({datapoint:e,stack:n})=>{let r=hn(n.position);return{id:e.id,color:e.color,relativeX:r.x-ne.x,relativeY:r.y-n.index*t-ne.y}})})}),{layoutMap:n,displayMap:i,markers:a,overflowMemberIds:o}});function On(e){let t=Q.value.filter(e=>!e.isStackOverflowHidden),n=t.find(t=>t.id===e),r=new Map(t.filter(t=>t.id!==e).map(e=>[e.id,{x:e.x,y:e.y}]));if(!n||!V.value.stacking.show)return r;let i=t.filter(e=>Math.abs(e.x-n.x)<.001).sort((e,t)=>t.y-e.y||e.datasetIndex-t.datasetIndex);if(i.length<2)return r;let a=vn(Math.max(0,Number(V.value.radius)||0)),o=Math.max(...i.map(e=>e.y));return i.filter(t=>t.id!==e).forEach((e,t)=>{r.set(e.id,{x:n.x,y:o-t*a})}),r}function kn(){return new Map(Q.value.filter(e=>!e.isStackOverflowHidden).map(e=>[e.id,{x:e.x,y:e.y}]))}let Q=_(()=>{let e=Math.max(0,Number(V.value.radius)||0),{layoutMap:t,displayMap:n,markers:r}=Dn.value,i=vn(e),a=L.value,o=a?.stationaryLayout,s=o instanceof Map?o:At.value instanceof Map?At.value:null,c=null;if(a&&o instanceof Map&&V.value.stacking.show&&e>0){let t=I.value.find(e=>e.id===a.id);if(t){let n=r.find(e=>e.memberIds.includes(t.id));if(n)c={x:n.x,y:n.y-i};else{let n=hn(t.position),r=gn(e),s=I.value.filter(e=>e.id!==a.id&&o.has(e.id)).map(e=>{let t=hn(e.position);return{datapoint:e,distance:Math.hypot(t.x-n.x,t.y-n.y)}}).filter(({distance:e})=>e<r).sort((e,t)=>e.distance-t.distance)[0];if(s){let e=o.get(s.datapoint.id),t=[...o.values()].filter(t=>Math.abs(t.x-e.x)<.001),n=Math.min(e.y,...t.map(e=>e.y));c={x:e.x,y:n-i}}else c=n}}}return I.value.map((e,r)=>{let o=t.get(e.id)||{position:e.position,index:0,size:1,stackId:`stack:${e.id}`},l=n.get(e.id)||{hidden:!1,displayIndex:o.index,stackId:o.stackId,stackSize:o.size,renderPosition:o.position},u=hn(l.renderPosition??o.position),d=e.id!==a?.id&&!l.promotedFromOverflow&&s instanceof Map?s.get(e.id):null,f=e.id===a?.id&&c?c:d||{x:u.x,y:u.y-l.displayIndex*i},p=e.labelSide===`auto`?null:e.labelSide,ee=m(H.value.autoSideThreshold,.5,1),h=p||(e.position>ee?`left`:`right`),te=Math.abs(Number(H.value.offsetX)||0)+V.value.radius+H.value.fontSize/2;return{...e,datasetIndex:r,x:f.x,y:f.y,stackId:l.stackId,stackSize:l.stackSize,stackDisplayIndex:l.displayIndex,isStackOverflowHidden:l.hidden,isPromotedFromStackOverflow:l.promotedFromOverflow,labelSide:h,labelX:h===`left`?-te:te,textAnchor:h===`left`?`end`:`start`}})});function An(e){return I.value.find(t=>t.id===e)}function jn(e,t){let n=en(t),r;I.value=I.value.map(t=>t.id===e?(r={...t,position:n},r):t),r&&(_r(r.id,r.position),R(`change`,{datapoint:on(r),dataset:sn()}))}function Mn(e){let t=A.value;if(!t)return null;let n=t.getScreenCTM();if(!n)return null;let r=t.createSVGPoint();r.x=e,r.y=0;let i=r.matrixTransform(n.inverse()),{startX:a,endX:o}=q.value;return en(0+(i.x-a)/(o-a)*1)}function Nn(){ln.value&&(Y.value=null,yn.value=null,J.value=null,xn.value=null,ur(),At.value=null,I.value=an(rn.value),F.value=!0,R(`edit`,sn()))}function Pn(){let e=sn();Y.value=null,yn.value=null,J.value=null,xn.value=null,ur(),L.value=null,F.value=!1,R(`save`,e)}function Fn(){Y.value=null,yn.value=null,J.value=null,xn.value=null,ur(),L.value=null,At.value=null,I.value=an(rn.value),F.value=!1,R(`cancel`,sn())}function In(e,t){if(!ln.value||!F.value||t.disabled)return;Y.value=null;let n=e.currentTarget.closest(`.vue-ui-hill__datapoint`);n&&typeof n.focus==`function`&&(n.focus(),$.value=t.id),e.preventDefault();let r=On(t.id),i=J.value?.datapointId===t.id&&!J.value?.moved;if(L.value={id:t.id,pointerId:e.pointerId,stationaryLayout:r,startClientX:e.clientX,hasMoved:!1,deferPositionUpdate:i},A.value?.setPointerCapture(e.pointerId),!i){let n=Mn(e.clientX);n!==null&&jn(t.id,n)}let a=An(t.id);a&&R(`dragStart`,on(a))}function Ln(e){if(!L.value||L.value.pointerId!==e.pointerId)return;e.preventDefault();let t=Math.abs(e.clientX-L.value.startClientX);if(L.value.deferPositionUpdate&&!L.value.hasMoved&&t<3)return;L.value.hasMoved||(L.value={...L.value,hasMoved:!0});let n=Mn(e.clientX);n!==null&&jn(L.value.id,n)}function Rn(e){let t=L.value;if(!t||t.pointerId!==e.pointerId)return;A.value?.hasPointerCapture(e.pointerId)&&A.value.releasePointerCapture(e.pointerId);let n=e.type===`pointerup`&&!t.hasMoved,r=An(t.id);At.value=kn(),L.value=null,r&&(n&&R(`selectDatapoint`,Vn(r)),R(`dragEnd`,on(r)))}function zn(e,t){if(!ln.value||!F.value||t.disabled)return;let n=Math.max(0,Number(j.value.interaction.keyboardStep)||0),r=null;switch(e.key){case`ArrowLeft`:case`ArrowDown`:r=t.position-n;break;case`ArrowRight`:case`ArrowUp`:r=t.position+n;break;case`Home`:r=0;break;case`End`:r=1;break;default:return}e.preventDefault();let i=e.currentTarget;$.value=t.id,L.value={id:t.id,pointerId:null,stationaryLayout:On(t.id)},jn(t.id,r),At.value=kn(),L.value=null,_e(()=>{i?.isConnected&&i.focus({preventScroll:!0})})}function Bn(e){let t=.5,n=Math.max(0,Number(j.value.interaction.peakTolerance)||0);return Math.abs(e-t)<=n?j.value.a11y.translations.topOfHill:e<t?U.value.left.text:U.value.right.text}function Vn(e){return{datapoint:on(e),index:e.__index}}function Hn(e){$.value=null,Zn.value=e.id,![0,1].includes(e.position)&&$.value!==e.id&&er(e),R(`datapointEnter`,Vn(e))}function Un(e){Zn.value===e.id&&(Zn.value=null),Xn.value===e.id&&$.value!==e.id&&L.value?.id!==e.id&&(Xn.value=null),R(`datapointLeave`,Vn(e))}function Wn(e){F.value&&ln.value||R(`selectDatapoint`,Vn(e))}let Gn=_(()=>{let e=z.value;return{width:`100%`,maxWidth:`100%`,color:e.color,backgroundColor:e.backgroundColor,fontFamily:j.value.style.fontFamily,"--vue-ui-hill-button-hover-border":W.value.buttons.hoverBorderColor,"--vue-ui-hill-button-active-offset":`${W.value.buttons.activeTranslateY}px`}}),Kn=_(()=>({color:W.value.status.color,fontSize:`${W.value.status.fontSize}px`,fontWeight:W.value.status.bold?`bold`:`normal`,lineHeight:W.value.status.lineHeight}));_(()=>({color:z.value.title.color,fontSize:`${z.value.title.fontSize}px`,fontWeight:z.value.title.bold?`bold`:`normal`,textAlign:z.value.title.textAlign})),_(()=>({color:z.value.title.subtitle.color,fontSize:`${z.value.title.subtitle.fontSize}px`,fontWeight:z.value.title.subtitle.bold?`bold`:`normal`}));let qn=_(()=>{let e=Math.max(0,Number(z.value.height)||0);return Math.min(e,q.value.baseY+e)+U.value.offsetY});function Jn(e){return U.value[e].text}function Yn(e){return e.position===0||e.position===1}let Xn=w(null),Zn=w(null),$=w(null);function Qn(e){$.value=e.id}function $n(e){$.value===e.id&&($.value=null),Xn.value===e.id&&Zn.value!==e.id&&L.value?.id!==e.id&&(Xn.value=null)}function er(e){e?.id&&(Xn.value=e.id)}let tr=_(()=>{let e=[],t=[],n=null;return Q.value.forEach(r=>{if(!r.isStackOverflowHidden){if(r.id===Xn.value){n=r;return}Yn(r)?e.push(r):t.push(r)}}),[...e,...t,...n?[n]:[]]}),nr=_(()=>Dn.value.markers),rr=_(()=>nr.value.find(e=>e.stackId===Y.value)||null),ir=_(()=>{let e=Math.max(160,Number(K.value.menu.width)||220),t=Math.max(80,Number(K.value.menu.maxHeight)||220);return{visibility:bn.value?`visible`:`hidden`,width:`max-content`,minWidth:`${e}px`,maxWidth:`calc(100% - 16px)`,maxHeight:`${t}px`,backgroundColor:K.value.menu.backgroundColor,color:K.value.menu.color,borderColor:K.value.menu.borderColor,borderRadius:`${K.value.menu.borderRadius}px`}});function ar(e,t){let n=A.value,r=jt.value;if(!n||!r)return null;let i=n.getScreenCTM();if(!i)return null;let a=n.createSVGPoint();a.x=e,a.y=t;let o=a.matrixTransform(i),s=r.getBoundingClientRect();return{x:o.x-s.left,y:o.y-s.top}}function or(){let e=rr.value,t=Mt.value,n=jt.value;if(!e||!t||!n){bn.value=null;return}let r=ar(e.x,e.y),i=ar(e.x,e.y+K.value.marker.radius);if(!r||!i){bn.value=null;return}let a=n.getBoundingClientRect(),o=t.offsetWidth,s=t.offsetHeight,c=Math.abs(i.y-r.y),l=Math.max(0,a.width-16),u=Math.min(o,l),d=r.x;if(u>=l)d=a.width/2;else{let e=u/2;d=Math.min(a.width-8-e,Math.max(8+e,r.x))}let f=r.y+c+8,p=r.y-c-8-s,m=f+s<=a.height-8,ee=p>=8,h=f;!m&&ee?h=p:m||(h=Math.min(Math.max(8,f),Math.max(8,a.height-s-8))),bn.value={left:`${d}px`,top:`${h}px`,transform:`translateX(-50%)`,visibility:`visible`}}function sr(){typeof window<`u`&&(Z!==null&&window.cancelAnimationFrame(Z),Z=window.requestAnimationFrame(()=>{Z=null,or()}))}Ce(nr,e=>{Y.value&&!e.some(e=>e.stackId===Y.value)&&lr()}),Ce(()=>{let e=rr.value;return e?[e.stackId,e.x,e.y,e.hiddenDatapoints.length,e.hiddenDatapoints.map(e=>`${e.id}:${e.label}:${e.position}`).join(`|`),K.value.marker.radius,K.value.menu.width,K.value.menu.maxHeight,K.value.menu.backgroundColor,K.value.menu.color,K.value.menu.borderColor,K.value.menu.borderRadius,Jt.value]:null},e=>{if(!e){bn.value=null;return}_e(sr)},{flush:`post`}),Ce(Mt,(e,t)=>{t&&X&&X.unobserve(t),e&&X&&(X.observe(e),_e(sr))},{flush:`post`}),Ce(()=>{let e=yn.value;return!e||Dn.value.overflowMemberIds.has(e)},e=>{e||(yn.value=null,J.value=null)});function cr(e){if(e){if(Y.value===e.stackId){sr();return}bn.value=null,Y.value=e.stackId,_e(sr)}}function lr(){Y.value=null,bn.value=null,typeof window<`u`&&Z!==null&&(window.cancelAnimationFrame(Z),Z=null)}function ur(){Cn!==null&&(clearTimeout(Cn),Cn=null)}function dr(){let e=J.value;e&&!e.moved&&(ur(),xn.value=e.stackId,yn.value=null,J.value=null,lr(),Cn=setTimeout(()=>{xn.value=null,Cn=null},K.value.transitionDuration+80))}function fr(e){if(!(e instanceof Element))return{isMenu:!1,isMarker:!1,isSelectedDatapoint:!1};let t=J.value,n=e.closest(`[data-datapoint-id]`);return{isMenu:!!e.closest(`[data-stack-overflow-menu]`),isMarker:!!e.closest(`[data-stack-overflow-marker]`),isSelectedDatapoint:!!(t&&n?.getAttribute(`data-datapoint-id`)===t.datapointId)}}function pr(e){let t=fr(e.target);Y.value&&!t.isMenu&&!t.isMarker&&lr(),J.value&&!J.value.moved&&!t.isMenu&&!t.isMarker&&!t.isSelectedDatapoint&&dr()}function mr(e){let t=Q.value.find(t=>t.id===e);if(!t||t.isStackOverflowHidden)return;let n=A.value?.querySelector(`[data-datapoint-index="${t.__index}"]`);n&&typeof n.focus==`function`&&n.focus({preventScroll:!0})}function hr(e){if(!e||e.disabled||j.value.readonly)return;let t=rr.value?.stackId;t&&(ur(),xn.value=null,yn.value=e.id,J.value={datapointId:e.id,stackId:t,initialPosition:e.position,moved:!1},lr(),_e(()=>{mr(e.id);let t=Q.value.find(t=>t.id===e.id);t&&R(`selectDatapoint`,Vn(t))}))}function gr(){let e=Math.max(1,Number(q.value.width)||1);return Math.max(1e-6,1/e*2)}function _r(e,t){let n=J.value;n&&n.datapointId===e&&!n.moved&&Math.abs(t-n.initialPosition)>=gr()&&(J.value={...n,moved:!0})}be(()=>{document.addEventListener(`pointerdown`,pr),window.addEventListener(`resize`,sr,{passive:!0}),typeof ResizeObserver<`u`&&(X=new ResizeObserver(()=>{rr.value&&sr()}),jt.value&&X.observe(jt.value),A.value&&X.observe(A.value))}),ye(()=>{document.removeEventListener(`pointerdown`,pr),window.removeEventListener(`resize`,sr),X?.disconnect(),X=null,Z!==null&&(window.cancelAnimationFrame(Z),Z=null),ur()});function vr(e){return L.value?L.value.id===e.id:Zn.value===e.id||$.value===e.id}function yr(e){return u(M.value.dragMarker.positionIndicator.value.formatter,e.position,a({p:``,v:e.position*100,s:`%`,r:M.value.dragMarker.positionIndicator.value.rounding}))}let br=_(()=>N.value.backgroundColor),xr=_(()=>N.value.legend),Sr=_(()=>N.value.title),{isCallbackImaging:Cr,isCallbackSvg:wr,generateSvg:Tr,onGenerateImage:Er}=ae({svg:A,title:Sr,legend:xr,legendItems:null,backgroundColor:br,getSvgCallback:()=>j.value.userOptions.callbacks.svg,generateImage:Gt});function Dr(e=null){_e(()=>{let t=sn().map(e=>[[e.name],[e.position],[yr(e)],[Bn(e.position)]]),n=[[N.value.title.text],[N.value.title.subtitle.text],[[`Name`],[`Position`],[`Percentage`],[`Phase`]]].concat(t),r=o(n);e?e(r):f({csvContent:r,title:N.value.title.text||`vue-ui-hill`})})}let Or=_(()=>N.value.layout.stackbar.show),kr=_(()=>{let e=Q.value.length;Q.value.reduce((e,t)=>e+(t?.position??0),0);let t=0,n=Q.value.every(e=>e.position===1);return Q.value.toSorted((e,t)=>{if(n)return e.__index-t.__index;let r=(e?.position??0)-(t?.position??0);return r===0?e.__index-t.__index:r}).map(n=>{let r=n?.position??0,i=e>0?r/e:0,a={...n,proportion:i,proportionStart:t};return t+=i,a})}),Ar=_(()=>Math.min(1,Math.max(0,kr.value.reduce((e,t)=>e+t.proportion,0)))),jr=_(()=>Ar.value*100),Mr=_(()=>q.value.left[0].x+q.value.width*Ar.value),Nr=_(()=>z.value.height+32+G.value.paddingTop);function Pr(){return u(G.value.label.formatter,jr.value,a({p:``,v:jr.value,s:`%`,r:0}))}let Fr=_(()=>`${kt.value}-stackbar-clip`);async function Ir(){let e=sn();if(Ft(`copyAlt`,{config:j.value,dataset:e}),!j.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(j.value.userOptions.callbacks.altCopy({config:j.value,dataset:e}))}let Lr=ue(jt,()=>N.value.title.text);function Rr(){return sn()}return ce({isEditing:F,beginEditing:Nn,save:Pn,cancel:Fn,getData:Rr,copyAlt:Ir,toggleFullscreen:Yt,toggleAnnotator:Zt,generateImage:Gt,generateSvg:Tr,generatePdf:Wt,generateCsv:Dr,getImage:Lr}),(e,a)=>(C(),y(`div`,{ref_key:`hillChartRef`,ref:jt,class:x(`vue-data-ui-component vue-ui-hill`),style:S(Gn.value),id:`hill_${kt.value}`,onMouseenter:Bt,onMouseleave:Vt,"data-editing":F.value},[N.value.title.text?(C(),y(`div`,Oe,[(C(),fe(se,{key:`title_${Pt.value}`,config:{title:{cy:`hill-div-title`,...N.value.title},subtitle:{cy:`hill-div-subtitle`,...N.value.title.subtitle}}},null,8,[`config`]))],512)):v(``,!0),j.value.userOptions.buttons.annotator&&A.value?(C(),fe(O(Ct),{key:1,color:N.value.color,backgroundColor:N.value.backgroundColor,active:Xt.value,svgRef:A.value,isCursorPointer:Kt.value,palette:j.value.userOptions.annotatorPalette,onClose:Zt},pe({_:2},[T(O(n),n=>({name:n,fn:we(r=>[E(e.$slots,n,ve(ge(O(t)(n,r))),void 0,!0)])}))]),1032,[`color`,`backgroundColor`,`active`,`svgRef`,`isCursorPointer`,`palette`])):v(``,!0),W.value.show?(C(),fe(O(bt),{key:2,"is-editing":F.value,"is-editable":ln.value,"is-fullscreen":Jt.value,position:Qt.value,color:N.value.color,"background-color":N.value.backgroundColor,translations:W.value.buttons.translations,"is-cursor-pointer":Kt.value,onUpdate:Nn,onCancel:Fn,onSave:Pn},{"hill-edit":we(()=>[E(e.$slots,`hill-edit`,{},void 0,!0)]),"hill-cancel":we(()=>[E(e.$slots,`hill-cancel`,{},void 0,!0)]),"hill-save":we(()=>[E(e.$slots,`hill-save`,{},void 0,!0)]),_:3},8,[`is-editing`,`is-editable`,`is-fullscreen`,`position`,`color`,`background-color`,`translations`,`is-cursor-pointer`])):v(``,!0),W.value.show?(C(),y(`div`,ke,[b(`p`,{class:`vue-ui-hill__status`,style:S(Kn.value),"aria-live":`polite`},D(F.value?W.value.status.editInstruction:W.value.status.lastUpdated),5)])):v(``,!0),j.value.userOptions.show&&(O(zt)||O(Lt))?(C(),fe(O(xt),{ref_key:`userOptionsRef`,ref:Nt,key:`uo_${qt.value}`,backgroundColor:N.value.backgroundColor,color:N.value.color,isPrinting:O(Ht),isImaging:O(Ut),uid:kt.value,hasTooltip:!1,hasPdf:j.value.userOptions.buttons.pdf,hasImg:j.value.userOptions.buttons.img,hasSvg:j.value.userOptions.buttons.svg,hasXls:j.value.userOptions.buttons.csv,hasTable:j.value.userOptions.buttons.table,hasLabel:j.value.userOptions.buttons.labels,hasFullscreen:j.value.userOptions.buttons.fullscreen,hasAltCopy:j.value.userOptions.buttons.altCopy,chartElement:jt.value,position:j.value.userOptions.position,callbacks:j.value.userOptions.callbacks,titles:{...j.value.userOptions.buttonTitles},hasAnnotator:j.value.userOptions.buttons.annotator,isAnnotation:Xt.value,printScale:j.value.userOptions.print.scale,isCursorPointer:Kt.value,onToggleFullscreen:Yt,onGeneratePdf:O(Wt),onGenerateCsv:Dr,onGenerateImage:O(Er),onGenerateSvg:O(Tr),onToggleAnnotator:Zt,onCopyAlt:Ir,style:S({visibility:O(zt)?O(Lt)?`visible`:`hidden`:`visible`})},pe({_:2},[T(O(r)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:we(n=>[E(e.$slots,t,ve(ge(O(i)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasImg`,`hasSvg`,`hasXls`,`hasTable`,`hasLabel`,`hasFullscreen`,`hasAltCopy`,`chartElement`,`position`,`callbacks`,`titles`,`hasAnnotator`,`isAnnotation`,`printScale`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):v(``,!0),(C(),y(`svg`,{ref_key:`svgRef`,ref:A,style:S({background:`transparent`,color:N.value.color,fontFamily:j.value.style.fontFamily}),class:x({"vue-data-ui-no-transition":!O(P)}),viewBox:`0 0 ${z.value.width} ${z.value.height+(Or.value?32+G.value.paddingTop+G.value.paddingBottom+G.value.height:0)}`,role:`group`,"aria-live":`polite`,preserveAspectRatio:`xMidYMid meet`,onPointermove:Ln,onPointerup:Rn,onPointercancel:Rn},[me(O(St)),e.$slots[`chart-background`]?(C(),y(`foreignObject`,{key:0,x:0,y:0,width:Math.max(.1,z.value.width),height:Math.max(.1,z.value.height+(Or.value?32+G.value.paddingTop+G.value.paddingBottom+G.value.height:0)),style:{pointerEvents:`none`}},[E(e.$slots,`chart-background`,{},void 0,!0)],8,je)):v(``,!0),B.value.baseline.show?(C(),y(`line`,{key:1,x1:q.value.startX,x2:q.value.endX,y1:q.value.baseY,y2:q.value.baseY,stroke:B.value.baseline.stroke,"stroke-width":B.value.baseline.strokeWidth,"stroke-dasharray":B.value.baseline.strokeDasharray,"vector-effect":`non-scaling-stroke`},null,8,Me)):v(``,!0),B.value.midline.show?(C(),y(`line`,{key:2,x1:q.value.centerX,x2:q.value.centerX,y1:q.value.peakY,y2:q.value.baseY,stroke:B.value.midline.stroke,"stroke-width":B.value.midline.strokeWidth,"stroke-dasharray":B.value.midline.strokeDasharray,"vector-effect":`non-scaling-stroke`},null,8,Ne)):v(``,!0),b(`path`,{d:fn.value,fill:`none`,stroke:B.value.curve.stroke,"stroke-width":B.value.curve.strokeWidth,"stroke-dasharray":B.value.curve.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,"vector-effect":`non-scaling-stroke`},null,8,Pe),M.value.dragMarker.positionIndicator.show?(C(!0),y(g,{key:3},T(tr.value,e=>(C(),y(`g`,{key:`position-indicator-${e.id}`},[vr(e)&&V.value.dragMarker.show?(C(),y(`g`,Fe,[b(`path`,{d:`M${e.x},${e.y} ${e.x},${q.value.baseY}`,stroke:M.value.dragMarker.positionIndicator.useSerieColor?e.color:M.value.dragMarker.positionIndicator.color,"stroke-width":M.value.dragMarker.positionIndicator.strokeWidth,"stroke-dasharray":M.value.dragMarker.positionIndicator.strokeDasharray,"stroke-linecap":`round`,"vector-effect":`non-scaling-stroke`,class:x({"vue-data-ui-transition":O(P)&&L.value?.id!==e.id})},null,10,Ie),M.value.dragMarker.positionIndicator.circle.show?(C(),y(`circle`,{key:0,cx:e.x,cy:q.value.baseY,r:M.value.dragMarker.positionIndicator.circle.radius,fill:M.value.dragMarker.positionIndicator.useSerieColor?e.color:M.value.dragMarker.positionIndicator.color,stroke:M.value.dragMarker.positionIndicator.circle.stroke,"stroke-width":M.value.dragMarker.positionIndicator.circle.strokeWidth,"vector-effect":`non-scaling-stroke`,"paint-order":`stroke fill`,class:x({"vue-data-ui-transition":O(P)&&L.value?.id!==e.id})},null,10,Le)):v(``,!0),M.value.dragMarker.positionIndicator.value.show?(C(),y(`text`,{key:1,"paint-order":`stroke fill`,"vector-effect":`non-scaling-stroke`,"text-anchor":`middle`,transform:`translate(${e.x}, ${q.value.baseY+M.value.radius+M.value.dragMarker.positionIndicator.value.offsetY+M.value.dragMarker.positionIndicator.value.fontSize})`,"font-size":M.value.dragMarker.positionIndicator.value.fontSize,fill:M.value.dragMarker.positionIndicator.value.useSerieColor?e.color:M.value.dragMarker.positionIndicator.value.color,stroke:N.value.backgroundColor,"stroke-width":`1`,class:x({"vue-data-ui-transition":O(P)&&L.value?.id!==e.id})},D(yr(e)),11,Re)):v(``,!0)])):v(``,!0)]))),128)):v(``,!0),(C(!0),y(g,null,T(tr.value,e=>(C(),y(`g`,{key:e.id,"data-cy-datapoint":``,class:x({"vue-ui-hill__datapoint":!0,"vue-data-ui-transition":O(P)&&L.value?.id!==e.id,"vue-ui-hill__datapoint--promoted":O(P)&&e.isPromotedFromStackOverflow}),style:S({opacity:[0,1].includes(e.position)||e?.muted?V.value.mutedOpacity:e?.disabled?V.value.disabledOpacity:1}),transform:`translate(${e.x} ${e.y})`,"data-datapoint-index":e.__index,"data-datapoint-id":e.id,role:`slider`,tabindex:F.value&&ln.value&&!e.disabled?0:-1,"aria-orientation":`horizontal`,"aria-valuemin":`0`,"aria-valuemax":`100`,"aria-valuenow":yr(e),"aria-valuetext":`${e.label}: ${Bn(e.position)}, ${yr(e)}`,"aria-label":e.label,onFocus:t=>Qn(e),onBlur:t=>$n(e),onKeydown:t=>zn(t,e),onPointerenter:t=>Hn(e),onPointerleave:t=>Un(e),onClick:t=>Wn(e)},[b(`circle`,{r:V.value.hitRadius,fill:`transparent`,class:x({"vue-ui-hill__hit-area--active":F.value&&ln.value&&!e.disabled,"vue-ui-hill__hit-area--dragging":L.value?.id===e.id}),onPointerdown:t=>In(t,e)},null,42,Be),b(`circle`,{class:`vue-ui-hill-circle`,r:V.value.radius,fill:e.color,stroke:V.value.stroke,"stroke-width":V.value.strokeWidth,style:S({filter:V.value.shadow.show?`drop-shadow(${V.value.shadow.offsetX}px ${V.value.shadow.offsetY}px ${V.value.shadow.blur}px ${V.value.shadow.color})`:`none`}),"vector-effect":`non-scaling-stroke`,"pointer-events":`none`},null,12,Ve),F.value&&(L.value?.id===e.id&&V.value.dragMarker.show||vr(e))&&!e?.disabled?(C(),y(`g`,{key:0,fill:`none`,stroke:O(p)(e.color),"stroke-width":V.value.dragMarker.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,"pointer-events":`none`,"vector-effect":`non-scaling-stroke`,"aria-hidden":`true`},[b(`path`,{d:V.value.dragMarker.crossPath},null,8,Ue)],8,He)):v(``,!0),H.value.show?(C(),y(`text`,{key:1,x:e.labelX,y:H.value.offsetY,"text-anchor":e.textAnchor,fill:H.value.useSerieColor?e.color:H.value.color,"font-size":H.value.fontSize,"font-weight":H.value.bold?`bold`:`normal`,"paint-order":`stroke fill`,stroke:H.value.stroke,"stroke-width":H.value.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,"pointer-events":`none`,style:{"user-select":`none`},"dominant-baseline":`central`},D(O(l)(e.label,H.value.ellipsisThresholdChars)),9,We)):v(``,!0)],46,ze))),128)),(C(!0),y(g,null,T(nr.value,e=>(C(),y(`g`,{key:`stack-overflow-${e.stackId}`,class:x([`vue-ui-hill__stack-overflow-marker`,{"vue-ui-hill__stack-overflow-marker--animated":O(P),"vue-ui-hill__stack-overflow-marker--restored":xn.value===e.stackId}]),style:S({"--vue-ui-hill-overflow-marker-duration":`${K.value.transitionDuration*.7}ms`,"--vue-ui-hill-overflow-marker-delay":`${K.value.transitionDuration*.3}ms`,"--vue-ui-hill-overflow-label-duration":`${K.value.transitionDuration*.55}ms`,"--vue-ui-hill-overflow-label-delay":`${K.value.transitionDuration*.45}ms`,cursor:Kt.value&&!j.value.readonly?`pointer`:`default`}),transform:`translate(${e.x} ${e.y})`,"data-stack-overflow-marker":``,role:`button`,tabindex:F.value&&ln.value?0:-1,"aria-label":`${e.hiddenCount} stacked datapoints. Activate to choose one.`,"aria-expanded":Y.value===e.stackId,onPointerdown:a[0]||=k(()=>{},[`stop`]),onClick:k(t=>cr(e),[`stop`]),onFocus:t=>cr(e),onKeydown:[Te(k(t=>cr(e),[`prevent`,`stop`]),[`enter`]),Te(k(t=>cr(e),[`prevent`,`stop`]),[`space`]),Te(k(lr,[`prevent`,`stop`]),[`esc`])]},[O(P)&&xn.value!==e.stackId?(C(),y(`g`,Ke,[(C(!0),y(g,null,T(e.collapseDatapoints,t=>(C(),y(`circle`,{key:`overflow-ghost-${e.stackId}-${t.id}`,cx:t.relativeX,cy:t.relativeY,r:V.value.radius,fill:t.color,stroke:V.value.stroke,"stroke-width":V.value.strokeWidth,opacity:`0.8`,"vector-effect":`non-scaling-stroke`},[b(`animate`,{attributeName:`cx`,from:t.relativeX,to:`0`,dur:`${K.value.transitionDuration}ms`,fill:`freeze`,calcMode:`spline`,keyTimes:`0;1`,keySplines:`0.22 1 0.36 1`},null,8,Je),b(`animate`,{attributeName:`cy`,from:t.relativeY,to:`0`,dur:`${K.value.transitionDuration}ms`,fill:`freeze`,calcMode:`spline`,keyTimes:`0;1`,keySplines:`0.22 1 0.36 1`},null,8,Ye),b(`animate`,{attributeName:`r`,from:V.value.radius,to:K.value.marker.radius*.7,dur:`${K.value.transitionDuration}ms`,fill:`freeze`},null,8,Xe),b(`animate`,{attributeName:`opacity`,from:`0.8`,to:`0`,dur:`${K.value.transitionDuration*.85}ms`,fill:`freeze`},null,8,Ze)],8,qe))),128))])):v(``,!0),b(`circle`,{r:Math.max(V.value.hitRadius,K.value.marker.radius),fill:`transparent`,"pointer-events":`all`},null,8,Qe),b(`rect`,{class:`vue-ui-hill__stack-overflow-marker-rect`,x:-K.value.marker.radius,y:-K.value.marker.radius,width:K.value.marker.radius*2,height:K.value.marker.radius*2,fill:K.value.marker.fill,stroke:K.value.marker.stroke,"stroke-width":K.value.marker.strokeWidth,"vector-effect":`non-scaling-stroke`,"pointer-events":`none`},null,8,$e),b(`g`,{class:`vue-ui-hill__stack-overflow-focus-cross`,fill:`none`,stroke:O(p)(B.value.curve.stroke),"stroke-width":V.value.dragMarker.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,"pointer-events":`none`,"vector-effect":`non-scaling-stroke`,"aria-hidden":`true`},[b(`path`,{d:V.value.dragMarker.crossPath},null,8,tt)],8,et),rr.value?v(``,!0):(C(),y(`text`,{key:1,class:`vue-ui-hill__stack-overflow-marker-label`,"text-anchor":`middle`,y:K.value.marker.radius+K.value.marker.offsetY+K.value.marker.fontSize,fill:K.value.marker.color,"font-size":K.value.marker.fontSize,"font-weight":K.value.marker.bold?`bold`:`normal`,"pointer-events":`none`,style:{"user-select":`none`},"paint-order":`stroke fill`,"vector-effect":`non-scaling-stroke`,stroke:N.value.backgroundColor,"stroke-width":`3`},` +`+D(e.hiddenCount),9,nt))],46,Ge))),128)),U.value.show?(C(),y(g,{key:4},[b(`text`,{x:(q.value.startX+q.value.centerX)/2,y:qn.value,"text-anchor":`middle`,fill:U.value.color,"font-size":U.value.fontSize,"font-weight":U.value.bold?`bold`:`normal`,"letter-spacing":U.value.letterSpacing},D(Jn(`left`)),9,rt),b(`text`,{x:(q.value.centerX+q.value.endX)/2,y:qn.value,"text-anchor":`middle`,fill:U.value.color,"font-size":U.value.fontSize,"font-weight":U.value.bold?`bold`:`normal`,"letter-spacing":U.value.letterSpacing},D(Jn(`right`)),9,it)],64)):v(``,!0),Or.value?(C(),y(g,{key:5},[b(`rect`,{x:q.value.left[0].x,y:Nr.value,rx:G.value.height/2,width:q.value.width,height:G.value.height,fill:G.value.gutterColor},null,8,at),b(`defs`,null,[b(`clipPath`,{id:Fr.value},[b(`rect`,{x:q.value.left[0].x,y:Nr.value,width:q.value.width*Ar.value,height:G.value.height,rx:Math.min(G.value.height/2,q.value.width*Ar.value/2),ry:Math.min(G.value.height/2,q.value.width*Ar.value/2)},null,8,st)],8,ot)]),b(`g`,{"clip-path":`url(#${Fr.value})`},[(C(!0),y(g,null,T(kr.value,e=>(C(),y(`rect`,{key:`bar_fill_${e.id}`,width:q.value.width*e.proportion,x:q.value.left[0].x+q.value.width*e.proportionStart,y:z.value.height+32+G.value.paddingTop,fill:e.color,height:G.value.height,onPointerenter:t=>Hn(e),onPointerleave:t=>Un(e)},null,40,lt))),128))],8,ct),(C(!0),y(g,null,T(kr.value.slice(1),e=>(C(),y(`line`,{key:`bar_separator_${e.id}`,x1:q.value.left[0].x+q.value.width*e.proportionStart,x2:q.value.left[0].x+q.value.width*e.proportionStart,y1:z.value.height+32+G.value.paddingTop,y2:z.value.height+32+G.value.paddingTop+G.value.height,stroke:G.value.stroke,"stroke-width":G.value.strokeWidth,"vector-effect":`non-scaling-stroke`},null,8,ut))),128)),b(`rect`,{x:q.value.left[0].x,y:z.value.height+32+G.value.paddingTop,width:q.value.width*Ar.value,height:G.value.height,rx:Math.min(G.value.height/2,q.value.width*Ar.value/2),ry:Math.min(G.value.height/2,q.value.width*Ar.value/2),fill:`none`,stroke:G.value.stroke,"stroke-width":G.value.strokeWidth,"vector-effect":`non-scaling-stroke`},null,8,dt),G.value.label.show&&Ar.value>0?(C(),y(`text`,{key:0,x:Mr.value,y:Nr.value-6,fill:G.value.label.color,"font-size":G.value.label.fontSize,"text-anchor":`end`,"dominant-baseline":`auto`,"pointer-events":`none`,style:{"user-select":`none`}},D(Pr()),9,ft)):v(``,!0)],64)):v(``,!0),E(e.$slots,`svg`,{svg:{drawingArea:q.value,isEditing:F.value,datapoints:tr.value,isPrintingImg:O(Ht)||O(Ut)||O(Cr),isPrintingSvg:O(wr)}},void 0,!0)],46,Ae)),rr.value?(C(),y(`div`,{ref_key:`overflowMenuRef`,ref:Mt,key:`stack-overflow-menu-${rr.value.stackId}`,class:`vue-ui-hill__stack-overflow-menu`,"data-stack-overflow-menu":``,"data-dom-to-png-ignore":``,style:S([ir.value,bn.value]),role:`listbox`,"aria-label":`Choose one of ${rr.value.hiddenCount} stacked datapoints`,onPointerdown:a[1]||=k(()=>{},[`stop`]),onClick:a[2]||=k(()=>{},[`stop`]),onKeydown:Te(k(lr,[`prevent`,`stop`]),[`esc`])},[M.value.stacking.overflow.menu.title?(C(),y(`div`,mt,D(M.value.stacking.overflow.menu.title),1)):v(``,!0),(C(!0),y(g,null,T(rr.value.hiddenDatapoints,e=>(C(),y(`button`,{key:`hidden-${e.id}`,type:`button`,class:x([`vue-ui-hill__stack-overflow-menu-item`,{readonly:j.value.readonly}]),role:`option`,disabled:e.disabled,"aria-label":`${e.label}, ${yr(e)}`,onClick:k(t=>hr(e),[`stop`]),style:S({cursor:Kt.value&&!j.value.readonly?`pointer`:`default`})},[b(`span`,{class:`vue-ui-hill__stack-overflow-menu-swatch`,style:S({backgroundColor:e.color}),"aria-hidden":`true`},null,4),b(`span`,gt,D(O(l)(e.label,H.value.ellipsisThresholdChars)),1),b(`span`,_t,D(yr(e)),1)],14,ht))),128))],44,pt)):v(``,!0),E(e.$slots,`analysis`,{data:{...kr.value}},void 0,!0),e.$slots.watermark?(C(),y(`div`,vt,[E(e.$slots,`watermark`,ve(ge({isPrinting:O(Ht)||O(Ut)||O(Cr)||O(wr)})),void 0,!0)])):v(``,!0),j.value.loading?(C(),y(`div`,yt,[j.value.loading?E(e.$slots,`loading`,{},()=>[me(O(wt),{name:`spinner2`,stroke:N.value.color,"is-spin":!0},null,8,[`stroke`])],!0,0):v(``,!0)])):v(``,!0)],44,De))}},[[`__scopeId`,`data-v-01d798ea`]]);export{Ee as n,bt as t};

package/dist/vue-ui-history-plot-BJjnkWcT.js

@@ -0,0 +1,2 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as ee,Dt as te,Et as ne,Ft as re,Ht as ie,J as ae,Q as oe,S as se,T as ce,X as le,Zt as ue,_ as de,at as fe,i as c,in as pe,nn as me,nt as he,qt as ge,r as _e,rn as l,t as ve,tn as ye,w as be,yt as xe,zt as Se}from"./lib-CV_IANZ6.js";import{n as Ce,t as we}from"./useHints-BH9r_0Vd.js";import{t as Te}from"./useConfig-CKdzPrcf.js";import{t as Ee}from"./usePrinter-hLW3cv4N.js";import{n as De,t as Oe}from"./BaseScanner-8NdoBs7B.js";import{t as ke}from"./useNestedProp-CB186vF2.js";import{t as Ae}from"./useThemeCheck-BKNRbGeC.js";import{t as je}from"./useChartExport-DtPNpc9M.js";import{t as Me}from"./useTransitions-DfSHzsdz.js";import{t as Ne}from"./useTimeLabelCollider-XQf_S7-z.js";import{n as Pe}from"./Title-BGYFqulv.js";import{t as Fe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Ie,t as Le}from"./useResponsive-D2CPcpda.js";import{t as Re}from"./DefGrad-DKMq1REY.js";import{t as ze}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as Be}from"./A11yDataTable-DWNlWXzs.js";import{t as Ve}from"./useUserOptionState-CXlFnwPv.js";import{t as He}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ue}from"./chartImage-CIvU_04o.js";import{t as We}from"./Legend-D8YoT1RJ.js";import{t as Ge}from"./vue_ui_history_plot-soyqUW4Y.js";import{Fragment as u,Teleport as Ke,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as qe,createTextVNode as Je,createVNode as Ye,defineAsyncComponent as g,guardReactiveProps as _,mergeProps as Xe,nextTick as Ze,normalizeClass as v,normalizeProps as y,normalizeStyle as b,onBeforeUnmount as Qe,onMounted as $e,openBlock as x,ref as S,renderList as C,renderSlot as w,resolveDynamicComponent as et,shallowRef as tt,toDisplayString as T,toRefs as nt,unref as E,watch as rt,watchEffect as it,withCtx as D}from"vue";var at=/* @__PURE__ */ e({default:()=>Wt}),ot=[`id`],st=[`id`],ct=[`id`],lt={style:{position:`relative`}},ut=[`xmlns`,`viewBox`,`aria-describedby`],dt=[`x`,`y`,`width`,`height`],ft={key:1},pt=[`id`,`x1`,`y1`,`x2`,`y2`],mt=[`stop-color`,`offset`],ht={key:2},gt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],_t={key:3},vt=[`stroke`,`stroke-width`,`x1`,`x2`,`y1`,`y2`],yt=[`x`,`y`,`fill`,`font-size`],bt=[`transform`,`font-size`,`fill`,`font-weight`],xt={key:6},St=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Ct={key:7},wt=[`stroke`,`stroke-width`,`x1`,`x2`,`y1`,`y2`],Tt=[`transform`,`fill`,`font-size`,`text-anchor`],Et=[`x`,`y`,`font-size`,`fill`,`font-weight`],Dt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Ot=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],kt=[`d`,`stroke`,`stroke-width`],At=[`d`,`stroke`,`stroke-width`],jt=[`cx`,`cy`,`fill`,`r`],Mt=[`cx`,`cy`,`fill`,`r`,`stroke`,`stroke-width`],Nt={key:1},Pt=[`transform`,`font-size`,`fill`,`font-weight`],Ft=[`transform`,`font-size`,`fill`,`font-weight`,`innerHTML`],It={key:2},Lt=[`transform`,`font-size`,`font-weight`,`fill`],Rt=[`cx`,`cy`,`r`,`onMouseenter`,`onMouseleave`,`onClick`],zt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Bt={key:5,class:`vue-data-ui-watermark`},Vt=[`id`],Ht=[`onClick`],Ut={style:{display:`flex`,"align-items":`center`}},Wt=/*#__PURE__*/ Fe({__name:`vue-ui-history-plot`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`selectDatapoint`,`copyAlt`],setup(e,{expose:Fe,emit:at}){let Wt=g(()=>import(`./Tooltip-Cus2-XNQ.js`)),Gt=g(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Kt=g(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),qt=g(()=>import(`./DataTable-WNecJMcY.js`)),Jt=g(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Yt=g(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Xt=g(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Zt=g(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_history_plot:Qt}=Te(),{isThemeValid:$t,warnInvalidTheme:en}=Ae(),O=e,k=S(null),tn=S(null),nn=S(0),rn=S(null),an=S(0),on=S(0),sn=S(0),A=tt(null),j=tt(null),cn=S(null),M=S(le()),ln=S(!1),un=S(``),N=S([]),dn=S(!1),P=S(null),fn=S(!1),pn=S(null),mn=S(!1),hn=S(null),gn=S(null),_n=S(null),vn=S(null),yn=S(null),bn=S(null),F=S(null),I=S(null),xn=S({x:0,y:0}),Sn=S(`pointer`),Cn=S(!1),wn=d({get:()=>!!O.dataset&&O.dataset.length,set:e=>e}),Tn=at;$e(()=>{mn.value=!0,Dn()});let En=d(()=>L.value.debug);function Dn(){if(Se(O.dataset)?(fe({componentName:`VueUiHistoryPlot`,type:`dataset`,debug:En.value}),Mn.value=!0):O.dataset.forEach((e,t)=>{xe({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{wn.value=!1,fe({componentName:`VueUiHistoryPlot`,type:`datasetSerieAttribute`,property:e,index:t,debug:En.value})})}),Se(O.dataset)||(Mn.value=L.value.loading),L.value.responsive){let e=Ie(()=>{let{width:e,height:t}=Le({chart:k.value,title:V.value.title.text?tn.value:null,noTitle:cn.value,legend:V.value.legend.show?rn.value:null,source:pn.value});requestAnimationFrame(()=>{K.value.width=e,K.value.height=t,L.value.responsiveProportionalSizing?(J.value.plots=l({relator:Math.min(e,t),adjuster:600,source:R.value.radius,threshold:3,fallback:3}),J.value.indexLabels=l({relator:Math.min(e,t),adjuster:600,source:R.value.indexLabels.fontSize,threshold:6,fallback:6}),J.value.labels=l({relator:Math.min(e,t),adjuster:600,source:R.value.labels.fontSize,threshold:6,fallback:6}),J.value.xAxisLabels=l({relator:Math.min(e,t),adjuster:600,source:B.value.x.labels.fontSize,threshold:6,fallback:6}),J.value.xAxisName=l({relator:Math.min(e,t),adjuster:600,source:B.value.x.name.fontSize,threshold:6,fallback:6}),J.value.yAxisLabels=l({relator:Math.min(e,t),adjuster:600,source:B.value.y.labels.fontSize,threshold:6,fallback:6}),J.value.yAxisName=l({relator:Math.min(e,t),adjuster:600,source:B.value.y.name.fontSize,threshold:6,fallback:6})):(J.value.plots=R.value.radius,J.value.indexLabels=R.value.indexLabels.fontSize,J.value.labels=R.value.labels.fontSize,J.value.xAxisLabels=B.value.x.labels.fontSize,J.value.xAxisName=B.value.x.name.fontSize,J.value.yAxisLabels=B.value.y.labels.fontSize,J.value.yAxisName=B.value.y.name.fontSize)})});A.value&&(j.value&&A.value.unobserve(j.value),A.value.disconnect()),A.value=new ResizeObserver(e),j.value=k.value.parentNode,A.value.observe(j.value)}}Qe(()=>{A.value&&(j.value&&A.value.unobserve(j.value),A.value.disconnect())});function On(){let e=ke({userConfig:O.config,defaultConfig:Qt}),t={},n=e.theme;if(n){if(!$t.value(e))en(e),t=e;else{let r=ke({userConfig:Ge[n]||O.config,defaultConfig:e});t={...ke({userConfig:O.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:me[n]||ie}}}else t=e;return t}let L=S(On()),R=d(()=>L.value.style.chart.plots),z=d(()=>L.value.style.chart.grid),B=d(()=>L.value.style.chart.axes),V=d(()=>L.value.style.chart);Ce({config:()=>L.value,dataset:()=>O.dataset,component:`VueUiHistoryPlot`,rules:[we.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series is > 6. Consider:`,``,`▶️ Using filters to let users choose a maximum number of series to display.`]}]});let{transitionEnabled:H}=Me({config:()=>L.value.transitions,dataset:()=>O.dataset}),U=d(()=>L.value.userOptions.useCursorPointer),kn=d(()=>pe({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,axes:{x:{scaleMin:0,scaleMax:10,labels:{show:!1},name:{text:``}},y:{scaleMin:0,scaleMax:10,labels:{show:!1},name:{text:``}}},grid:{xAxis:{stroke:`#6A6A6A`},horizontalLines:{stroke:`#6A6A6A50`},yAxis:{stroke:`#6A6A6A`},verticalLines:{stroke:`#6A6A6A50`}},legend:{backgroundColor:`transparent`},paths:{useSerieColor:!1,stroke:`#6A6A6A`},plots:{stroke:`#6A6A6A`,indexLabels:{show:!1},labels:{show:!1}}}}},userConfig:L.value.skeletonConfig??{}})),{loading:An,FINAL_DATASET:jn,manualLoading:Mn}=De({...nt(O),FINAL_CONFIG:L,prepareConfig:On,skeletonDataset:O.config?.skeletonDataset??[{name:``,color:`#CACACA`,values:[{label:``,x:1,y:9},{label:``,x:4,y:1},{label:``,x:7,y:9},{label:``,x:9,y:4}]}],skeletonConfig:pe({defaultConfig:L.value,userConfig:kn.value})}),{userOptionsVisible:Nn,setUserOptionsVisibility:Pn,keepUserOptionState:Fn}=Ve({config:L.value}),{svgRef:W}=He({config:V.value.title}),In=ue(O.config);rt(()=>O.config,(e,t)=>{let n=ue(e),r=n!==In;In=n;let i=On();if(!r){L.value.style.chart.tooltip=i.style.chart.tooltip,G.value.showTooltip=L.value.style.chart.tooltip.show;return}An.value||(L.value=i),Nn.value=!L.value.userOptions.showOnChartHover,Dn(),nn.value+=1,on.value+=1,an.value+=1,K.value.height=V.value.height,K.value.width=V.value.width,J.value.plots=R.value.radius,J.value.indexLabels=R.value.indexLabels.fontSize,J.value.labels=R.value.labels.fontSize,J.value.xAxisLabels=B.value.x.labels.fontSize,J.value.xAxisName=B.value.x.name.fontSize,J.value.yAxisLabels=B.value.y.labels.fontSize,J.value.yAxisName=B.value.y.name.fontSize,G.value.showTable=L.value.table.show,G.value.showTooltip=V.value.tooltip.show},{deep:!0}),rt(()=>O.dataset,e=>{Array.isArray(e)&&e.length>0&&(Mn.value=!1)},{deep:!0});let{isPrinting:Ln,isImaging:Rn,generatePdf:zn,generateImage:Bn}=Ee({elementId:`history_plot_${M.value}`,fileName:V.value.title.text||`vue-ui-history-plot`,options:L.value.userOptions.print}),Vn=d(()=>L.value.userOptions.show&&!V.value.title.text),Hn=d(()=>be(L.value.customPalette)),G=S({showTable:L.value.table.show,showTooltip:V.value.tooltip.show});rt(L,()=>{G.value={showTable:L.value.table.show,showTooltip:V.value.tooltip.show}},{immediate:!0});let K=S({height:V.value.height,width:V.value.width}),Un=d(()=>K.value.width),Wn=d(()=>K.value.height);function Gn(){let e=0;bn.value&&(e=Array.from(bn.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0));let t=vn.value?vn.value.getBoundingClientRect().width:0;return e+t+(t?24:0)}let Kn=S(0),qn=Ie(e=>{Kn.value=e});it(e=>{let t=yn.value;if(!t)return;let n=new ResizeObserver(e=>{qn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())});let Jn=d(()=>{let e=0;_n.value&&(e=_n.value.getBBox().height+J.value.xAxisName/2);let t=0;return yn.value&&(t=Kn.value),e+t}),q=d(()=>{let e=V.value.padding.left,t=V.value.padding.top,n=Gn(),r=R.value.radius;return{left:e+n+B.value.y.name.offsetX,top:t+r,right:K.value.width-V.value.padding.right-r-B.value.y.name.offsetX,bottom:K.value.height-V.value.padding.bottom-Jn.value-r-B.value.x.name.offsetY,width:K.value.width-e-V.value.padding.right-n-r-B.value.y.name.offsetX,height:K.value.height-t-V.value.padding.bottom-Jn.value-r*2-B.value.x.name.offsetY}}),J=S({plots:R.value.radius,indexLabels:R.value.indexLabels.fontSize,labels:R.value.labels.fontSize,xAxisLabels:B.value.x.labels.fontSize,xAxisName:B.value.x.name.fontSize,yAxisLabels:B.value.y.labels.fontSize,yAxisName:B.value.y.name.fontSize}),Y=d(()=>jn.value.map((e,t)=>{let n=Array.isArray(e.temperatureColors)&&e.temperatureColors.length?e.temperatureColors.map(e=>se(e)):void 0;return{...e,color:e.color?se(e.color):Hn.value[t]||ie[t]||ie[t%ie.length],temperatureColors:n,temperatureAngle:Yn(e.temperatureAngle),temperatureIndependant:e.temperatureIndependant===!0,usePlotTemperatureColors:e.usePlotTemperatureColors!==!1,seriesIndex:t}}));function Yn(e=0){let t=Number(e);return Number.isFinite(t)?(t%360+360)%360:0}let Xn=d(()=>Math.max(...Y.value.filter(e=>!N.value.includes(e.seriesIndex)).flatMap(e=>e.values.map(e=>e.x)))),Zn=d(()=>{let e=Math.min(...Y.value.filter(e=>!N.value.includes(e.seriesIndex)).flatMap(e=>e.values.map(e=>e.x)));return e<0?e:0}),Qn=d(()=>Math.max(...Y.value.filter(e=>!N.value.includes(e.seriesIndex)).flatMap(e=>e.values.map(e=>e.y)))),$n=d(()=>{let e=Math.min(...Y.value.filter(e=>!N.value.includes(e.seriesIndex)).flatMap(e=>e.values.map(e=>e.y)));return e<0?e:0}),X=d(()=>{let e=de(B.value.x.scaleMin??Zn.value,B.value.x.scaleMax??Xn.value,B.value.x.ticks),t=de(B.value.y.scaleMin??$n.value,B.value.y.scaleMax??Qn.value,B.value.y.ticks);return{x:e,y:t,tickX:e.ticks.map(t=>({x:q.value.left+(t-e.min)/(e.max-e.min)*q.value.width,y1:q.value.top,y2:q.value.bottom,value:t})),tickY:t.ticks.map(e=>({y:q.value.bottom-(e-t.min)/(t.max-t.min)*q.value.height,x1:q.value.left,x2:q.value.right,value:e}))}});function er(e){let t=X.value.x.min<0?Math.abs(X.value.x.min):X.value.x.min>0?-X.value.x.min:0;return q.value.left+((e||0)+t)/(X.value.x.max+t)*q.value.width}function tr(e){let t=X.value.y.min<0?Math.abs(X.value.y.min):X.value.y.min>0?-X.value.y.min:0;return q.value.bottom-((e||0)+t)/(X.value.y.max+t)*q.value.height}let Z=d(()=>Y.value.filter(e=>!N.value.includes(e.seriesIndex)).map((e,t)=>{let n=e.values.map((t,n)=>({valueX:t.x,valueY:t.y,label:t.label,x:er(t.x),y:tr(t.y),color:e.color,seriesName:e.name,id:le()})),r=e.smooth?ce(n):n.map(e=>`${e.x},${e.y} `).join(``).trim();return{...e,gradientIndex:t,plots:n,path:`M${r}`}})),nr=d(()=>{if(P.value===null||F.value===null)return Z.value;let e=Z.value.findIndex(e=>e.seriesIndex===F.value);if(e===-1)return Z.value;let t=Z.value[e];return[...Z.value.slice(0,e),...Z.value.slice(e+1),t]}),rr=d(()=>Z.value.some(e=>ir(e)));function ir(e){return Array.isArray(e?.temperatureColors)&&e.temperatureColors.length}function ar(e){return ir(e)&&e.usePlotTemperatureColors}function or(e){let t=Array.isArray(e?.plots)?e.plots:[];if(!t.length)return{minX:0,maxX:0,minY:0,maxY:0,width:0,height:0};let n=t.map(e=>e.x),r=t.map(e=>e.y),i=Math.min(...n),a=Math.max(...n),o=Math.min(...r),s=Math.max(...r);return{minX:i,maxX:a,minY:o,maxY:s,width:a-i,height:s-o}}function sr(){let e=q.value;return{minX:e.left,maxX:e.right,minY:e.top,maxY:e.bottom,width:e.width,height:e.height}}function cr(e){return e?.temperatureIndependant?or(e):sr()}function lr(e){let t=Yn(e?.temperatureAngle)*Math.PI/180,n=Math.sin(t),r=Math.cos(t),i=cr(e),a=i.minX+i.width/2,o=i.minY+i.height/2,s=(Math.abs(n)*i.width+Math.abs(r)*i.height)/2||1;return{x1:a-n*s,y1:o-r*s,x2:a+n*s,y2:o+r*s}}function ur(e,t){let{x1:n,y1:r,x2:i,y2:a}=lr(e),o=i-n,s=a-r,ee=o*o+s*s;if(!ee)return 0;let te=((t.x-n)*o+(t.y-r)*s)/ee;return Math.min(1,Math.max(0,te))}function Q(e,t){return ne({colors:e.temperatureColors,ratio:ur(e,t)})}function dr(e,t){return`temperature_plot_grad_history_${e.seriesIndex}_${t.id}_${M.value}`}function fr(e,t,n){return ar(e)?R.value.gradient.show?`url(#${dr(e,t)})`:Q(e,t):R.value.gradient.show?`url(#gradient_${n}_${M.value})`:t.color}function pr(e,t){return ar(e)?Q(e,t):e.color}function mr(e,t){return R.value.indexLabels.adaptColorToBackground?_e(pr(e,t)):R.value.indexLabels.color}function hr(e,t){let n=Z.value.find(t=>t.seriesIndex===e);return n&&ar(n)?Q(n,t):t.color}function gr(e){return ir(e)?`url(#temperature_grad_history_${e.seriesIndex}_${M.value})`:V.value.paths.useSerieColor?e.color:V.value.paths.stroke}function _r(e){return P.value===null||F.value===e?1:Math.min(1,R.value.unselectedOpacity)}d(()=>P.value!==null&&F.value!==null);let vr=S(!1);function yr(){N.value.length?N.value=[]:wr.value.forEach(e=>{N.value.push(e.seriesIndex)}),Tn(`selectLegend`,Z.value)}function br(e){N.value.includes(e)?N.value=N.value.filter(t=>t!==e):N.value.push(e),Tn(`selectLegend`,Z.value)}function xr(e){return Y.value.length?Y.value.find(t=>t.name===e)||(En.value&&console.warn(`VueUiHistoryPlot - Series name not found "${e}"`),null):(En.value&&console.warn(`VueUiHistoryPlot - There are no series to show.`),null)}function Sr(e){let t=xr(e);t!==null&&N.value.includes(t.seriesIndex)&&br(t.seriesIndex)}function Cr(e){let t=xr(e);t!==null&&(N.value.includes(t.seriesIndex)||br(t.seriesIndex))}let wr=d(()=>Y.value.map(e=>{let t=ir(e)?e.temperatureColors:null;return{...e,gradientColors:t,opacity:N.value.includes(e.seriesIndex)?.5:1,segregate:()=>br(e.seriesIndex),isSegregated:N.value.includes(e.seriesIndex),shape:t?`gradient`:`circle`}})),Tr=d(()=>({cy:`history-plot-div-legend`,backgroundColor:V.value.legend.backgroundColor,color:V.value.legend.color,fontSize:V.value.legend.fontSize,paddingBottom:12,fontWeight:V.value.legend.bold?`bold`:``}));function Er({datapoint:e,plotIndex:t,seriesIndex:n}){L.value.events.datapointClick&&L.value.events.datapointClick({datapoint:{...e,plotIndex:t,seriesIndex:n},seriesIndex:n}),Tn(`selectDatapoint`,e)}function Dr(e){dn.value=e,sn.value+=1}let Or=S(null);function kr({datapoint:e,plotIndex:t,seriesIndex:n}){L.value.events.datapointLeave&&L.value.events.datapointLeave({datapoint:{...e,plotIndex:t,seriesIndex:n},seriesIndex:n}),(Sn.value!==`keyboard`||F.value!==n||I.value!==t)&&(ln.value=!1,P.value=null)}function Ar(e,t){if(!W.value)return;let n=Z.value.find(t=>t.seriesIndex===e);if(!n)return;let r=n.plots[t];if(!r)return;let i=ye(r.x,r.y,W.value);i&&(xn.value=i)}function jr({datapoint:e,plotIndex:t,seriesIndex:n,triggerMode:r=`pointer`}){L.value.events.datapointEnter&&L.value.events.datapointEnter({datapoint:{...e,plotIndex:t,seriesIndex:n},seriesIndex:n}),F.value=n,I.value=t,Sn.value=r,vr.value=!0;let i=hr(n,e),a={...e,color:i};Or.value={datapoint:a,color:i,seriesIndex:n,plotIndex:t,config:L.value,series:Y.value},P.value=e;let o=V.value.tooltip.customFormat;if(fn.value=!1,te(o))try{let e=o({seriesIndex:n,datapoint:a,color:i,plotIndex:t,series:Y.value,config:L.value});typeof e==`string`&&(un.value=e,fn.value=!0)}catch{console.warn(`Custom format cannot be applied.`),fn.value=!1}if(!fn.value){let t=``;t+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;border-bottom:1px solid ${V.value.tooltip.borderColor};margin-bottom:3px;padding-bottom:6px;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${i}"/></svg><span>${e.seriesName}</span></div>`,t+=`<div>${e.label}</div>`,t+=`<div>${B.value.x.name.text||`x`}: ${c(B.value.x.labels.formatter,e.valueX,s({p:B.value.x.labels.prefix,v:e.valueX,s:B.value.x.labels.suffix,r:B.value.x.labels.rounding}))}</div>`,t+=`<div>${B.value.y.name.text||`y`}: ${c(B.value.y.labels.formatter,e.valueY,s({p:B.value.y.labels.prefix,v:e.valueY,s:B.value.y.labels.suffix,r:B.value.y.labels.rounding}))}</div>`,un.value=`<div>${t}</div>`}ln.value=!0,r===`keyboard`&&Ze(()=>{Ar(n,t)})}d(()=>({head:Z.value.map(e=>({name:e.name,color:e.color}))}));let $=d(()=>{let e=[L.value.table.columnNames.series,L.value.table.columnNames.datapoint,L.value.table.columnNames.x,L.value.table.columnNames.y];return{head:e,body:Z.value.flatMap(e=>e.plots.map(e=>[{color:e.color,name:e.seriesName},e.label,c(B.value.x.labels.formatter,e.valueX,s({p:B.value.x.labels.prefix,v:e.valueX,s:B.value.x.labels.suffix,r:B.value.x.labels.rounding})),c(B.value.y.labels.formatter,e.valueY,s({p:B.value.y.labels.prefix,v:e.valueY,s:B.value.y.labels.suffix,r:B.value.y.labels.rounding}))])),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},colNames:e}});function Mr(e=null){Ze(()=>{let t=[[L.value.table.columnNames.series],[L.value.table.columnNames.datapoint],[L.value.table.columnNames.x],[L.value.table.columnNames.y]],n=Z.value.flatMap(e=>e.plots.map(e=>[[e.seriesName],[e.label],[e.valueX],[e.valueY]])),r=[[V.value.title.text],[V.value.title.subtitle.text],t].concat(n),i=ee(r);e?e(i):he({csvContent:i,title:V.value.title.text||`vue-ui-history-plot`})})}let Nr=S(!1);function Pr(){Nr.value=!Nr.value}function Fr(){G.value.showTable=!G.value.showTable}function Ir(){G.value.showTooltip=!G.value.showTooltip}function Lr(){return Z.value}let Rr=Ue(k,()=>V.value.title.text),zr=d(()=>X.value.tickX),Br=d(()=>({start:0,end:X.value.tickX.length}));Ne({timeLabelsEls:yn,timeLabels:zr,slicer:Br,configRef:L,rotationPath:[`style`,`chart`,`axes`,`x`,`labels`,`rotation`],autoRotatePath:[`style`,`chart`,`axes`,`x`,`labels`,`autoRotate`,`enable`],isAutoSize:!1,width:Un,height:Wn,targetClass:`.vue-ui-history-plot-x-axis-scale`,rotation:B.value.x.labels.autoRotate.angle});let Vr=d(()=>n({config:L,style:V,mutableConfig:G,dialog:Zt,accordion:Kt,isFullscreen:dn,parent:k,maxWidth:800}));rt(()=>G.value.showTable,e=>t(e,L,hn));function Hr(){G.value.showTable=!1,gn.value&&gn.value.setTableIconState(!1)}let Ur=d(()=>V.value.backgroundColor),Wr=d(()=>V.value.legend),Gr=d(()=>V.value.title),{isCallbackImaging:Kr,isCallbackSvg:qr,generateSvg:Jr,onGenerateImage:Yr}=je({svg:W,title:Gr,legend:Wr,legendItems:wr,backgroundColor:Ur,getSvgCallback:()=>L.value.userOptions.callbacks.svg,generateImage:Bn});async function Xr(){if(Tn(`copyAlt`,{config:L.value,dataset:Z.value}),!L.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(L.value.userOptions.callbacks.altCopy({config:L.value,dataset:Z.value}))}let Zr=d(()=>({head:$.value.head,body:$.value.body.map(e=>[e[0]?.name||``,e[1],e[2],e[3]]),caption:L.value.a11y.translations.tableCaption,notice:L.value.a11y.translations.tableAvailable}));function Qr(e){return Z.value.findIndex(t=>t.seriesIndex===e)}function $r(){if(F.value!==null&&I.value!==null){let e=Z.value.find(e=>e.seriesIndex===F.value)?.plots?.[I.value];e&&kr({datapoint:e,plotIndex:I.value,seriesIndex:F.value})}F.value=null,I.value=null,Sn.value=`pointer`,ln.value=!1,P.value=null}function ei(){F.value=null,I.value=null,Cn.value=!0}function ti(){$r(),Cn.value=!1}function ni(e,t){if(!e?.plots?.length)return null;let n=e.plots.length;return(t%n+n)%n}function ri({seriesIndex:e,plotIndex:t,direction:n}){if(!Z.value.length)return null;let r=Qr(e);if(r===-1)return null;if(n===`up`||n===`down`){let e=Z.value[r];if(!e?.plots?.length)return null;let i=ni(e,t+(n===`up`?-1:1));return{seriesIndex:e.seriesIndex,plotIndex:i}}if(n===`left`||n===`right`){let e=((r+(n===`left`?-1:1))%Z.value.length+Z.value.length)%Z.value.length,i=Z.value[e];if(!i?.plots?.length)return null;let a=Math.min(t,i.plots.length-1);return{seriesIndex:i.seriesIndex,plotIndex:a}}return null}function ii(e){if(!W.value||Nr.value||document.activeElement!==W.value||!Z.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`ArrowUp`,i=e.key===`ArrowDown`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){$r();return}if(a){if(F.value===null||I.value===null)return;let e=Z.value.find(e=>e.seriesIndex===F.value)?.plots?.[I.value];if(!e)return;Er({datapoint:e,plotIndex:I.value,seriesIndex:F.value});return}let s=null;if(F.value===null||I.value===null){let e=Z.value[0];if(!e?.plots?.length)return;s={seriesIndex:e.seriesIndex,plotIndex:0}}else r?s=ri({seriesIndex:F.value,plotIndex:I.value,direction:`up`}):i?s=ri({seriesIndex:F.value,plotIndex:I.value,direction:`down`}):t?s=ri({seriesIndex:F.value,plotIndex:I.value,direction:`left`}):n&&(s=ri({seriesIndex:F.value,plotIndex:I.value,direction:`right`}));if(!s)return;let ee=Z.value.find(e=>e.seriesIndex===s.seriesIndex)?.plots?.[s.plotIndex];ee&&jr({datapoint:ee,plotIndex:s.plotIndex,seriesIndex:s.seriesIndex,triggerMode:`keyboard`})}return Fe({getData:Lr,getImage:Rr,generatePdf:zn,generateCsv:Mr,generateImage:Bn,generateSvg:Jr,hideSeries:Cr,showSeries:Sr,toggleTable:Fr,toggleTooltip:Ir,toggleAnnotator:Pr,toggleFullscreen:Dr,copyAlt:Xr}),(e,t)=>(x(),m(`div`,{id:`history_plot_${M.value}`,ref_key:`historyPlotChart`,ref:k,class:v({"vue-data-ui-component":!0,"vue-ui-history-plot":!0,"vue-data-ui-wrapper-fullscreen":dn.value}),style:b(`background:${V.value.backgroundColor};color:${V.value.color};font-family:${L.value.style.fontFamily}; position: relative; ${L.value.responsive?`height: 100%`:``}`),onMouseenter:t[2]||=()=>E(Pn)(!0),onMouseleave:t[3]||=()=>E(Pn)(!1)},[h(`div`,{id:`chart-instructions-${M.value}`,class:`sr-only`},[h(`p`,null,T(L.value.a11y.translations.keyboardNavigation),1)],8,st),Zr.value.body.length?(x(),f(Be,{key:0,uid:M.value,head:Zr.value.head,body:Zr.value.body,caption:Zr.value.caption,notice:Zr.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):p(``,!0),w(e.$slots,`userConfig`,{},void 0,!0),L.value.userOptions.buttons.annotator?(x(),f(E(Jt),{key:1,svgRef:E(W),backgroundColor:V.value.backgroundColor,color:V.value.color,active:Nr.value,isCursorPointer:U.value,palette:L.value.userOptions.annotatorPalette,onClose:Pr},qe({_:2},[C(E(i),t=>({name:t,fn:D(n=>[w(e.$slots,t,y(_(E(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),Vn.value?(x(),m(`div`,{key:2,ref_key:`noTitle`,ref:cn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),V.value.title.text?(x(),m(`div`,{key:3,ref_key:`chartTitle`,ref:tn,class:`vue-ui-xy-title`,style:b(`font-family:${L.value.style.fontFamily}`)},[(x(),f(Pe,{key:`title_${nn.value}`,config:{title:{cy:`history-plot-div-title`,...V.value.title},subtitle:{cy:`history-plot-div-subtitle`,...V.value.title.subtitle}}},null,8,[`config`]))],4)):p(``,!0),h(`div`,{id:`legend-top-${M.value}`},null,8,ct),L.value.userOptions.show&&wn.value&&(E(Fn)||E(Nn))?(x(),f(E(Yt),{ref_key:`userOptionsRef`,ref:gn,key:`user_option_${sn.value}`,backgroundColor:V.value.backgroundColor,color:V.value.color,isPrinting:E(Ln),isImaging:E(Rn),uid:M.value,hasTooltip:V.value.tooltip.show&&L.value.userOptions.buttons.tooltip,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:dn.value,chartElement:k.value,position:L.value.userOptions.position,isTooltip:G.value.showTooltip,titles:{...L.value.userOptions.buttonTitles},hasAnnotator:L.value.userOptions.buttons.annotator,isAnnotation:Nr.value,callbacks:L.value.userOptions.callbacks,printScale:L.value.userOptions.print.scale,tableDialog:L.value.table.useDialog,isCursorPointer:U.value,onToggleFullscreen:Dr,onGeneratePdf:E(zn),onGenerateCsv:Mr,onGenerateImage:E(Yr),onGenerateSvg:E(Jr),onToggleTable:Fr,onToggleTooltip:Ir,onToggleAnnotator:Pr,onCopyAlt:Xr,style:b({visibility:E(Fn)?E(Nn)?`visible`:`hidden`:`visible`})},qe({_:2},[C(E(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:D(n=>[w(e.$slots,t,y(_(E(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),h(`div`,lt,[(x(),m(`svg`,{ref_key:`svgRef`,ref:W,xmlns:E(ve),viewBox:`0 0 ${K.value.width<0?.1:K.value.width} ${K.value.height<0?.1:K.value.height}`,style:b(`max-width:100%;overflow:visible;background:transparent;color:${V.value.color}`),"aria-describedby":`chart-instructions-${M.value}`,tabindex:`0`,onFocus:ei,onBlur:ti,onKeydown:ii},[Ye(E(Xt)),e.$slots[`chart-background`]?(x(),m(`foreignObject`,{key:0,x:q.value.left,y:q.value.top,width:q.value.width<=0?10:q.value.width,height:q.value.height<=0?10:q.value.height,style:{pointerEvents:`none`}},[w(e.$slots,`chart-background`,{},void 0,!0)],8,dt)):p(``,!0),R.value.gradient.show||rr.value?(x(),m(`defs`,ft,[R.value.gradient.show?(x(!0),m(u,{key:0},C(Z.value,(e,t)=>(x(),f(Re,{t:`radial`,key:`gradient_${t}_${M.value}`,id:`gradient_${t}_${M.value}`,fy:`30%`,stops:[[`10%`,E(re)(e.color,R.value.gradient.intensity/100),1],[`90%`,E(oe)(e.color,.1),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128)):p(``,!0),(x(!0),m(u,null,C(Z.value,e=>(x(),m(u,{key:`temperature_grad_history_template_${e.seriesIndex}_${M.value}`},[R.value.gradient.show&&ar(e)?(x(!0),m(u,{key:0},C(e.plots,t=>(x(),f(Re,{t:`radial`,key:`temperature_plot_grad_history_${e.seriesIndex}_${t.id}_${M.value}`,id:dr(e,t),fy:`30%`,stops:[[`10%`,E(re)(Q(e,t),R.value.gradient.intensity/100),1],[`90%`,E(oe)(Q(e,t),.1),1],[`100%`,Q(e,t),1]]},null,8,[`id`,`stops`]))),128)):p(``,!0),ir(e)?(x(),m(`linearGradient`,{key:1,id:`temperature_grad_history_${e.seriesIndex}_${M.value}`,gradientUnits:`userSpaceOnUse`,x1:lr(e).x1,y1:lr(e).y1,x2:lr(e).x2,y2:lr(e).y2},[(x(!0),m(u,null,C(e.temperatureColors,(t,n)=>(x(),m(`stop`,{key:`temperature_grad_history_stop_${e.seriesIndex}_${n}_${M.value}`,"stop-color":t,offset:e.temperatureColors.length===1?`0%`:E(ge)(n,e.temperatureColors.length)},null,8,mt))),128))],8,pt)):p(``,!0)],64))),128))])):p(``,!0),z.value.verticalLines.show?(x(),m(`g`,ht,[(x(!0),m(u,null,C(X.value.tickX,e=>(x(),m(`line`,{x1:e.x,x2:e.x,y1:e.y1,y2:e.y2,stroke:z.value.verticalLines.stroke,"stroke-width":z.value.verticalLines.strokeWidth,"stroke-linecap":`round`},null,8,gt))),256))])):p(``,!0),B.value.y.labels.show?(x(),m(`g`,_t,[(x(!0),m(u,null,C(X.value.tickY,e=>(x(),m(`line`,{stroke:z.value.verticalLines.stroke,"stroke-width":z.value.verticalLines.strokeWidth,"stroke-linecap":`round`,x1:q.value.left-5,x2:q.value.left,y1:e.y,y2:e.y},null,8,vt))),256))])):p(``,!0),B.value.y.labels.show?(x(),m(`g`,{key:4,ref_key:`yAxisScales`,ref:bn},[(x(!0),m(u,null,C(X.value.tickY,e=>(x(),m(`text`,{x:q.value.left+B.value.y.labels.offsetX-4-R.value.radius,y:e.y+J.value.yAxisLabels/3,fill:B.value.y.labels.color,"font-size":J.value.yAxisLabels,"text-anchor":`end`},T(E(c)(B.value.y.labels.formatter,e.value,E(s)({p:B.value.y.labels.prefix,v:e.value,s:B.value.y.labels.suffix,r:B.value.y.labels.rounding}))),9,yt))),256))],512)):p(``,!0),B.value.y.name.text?(x(),m(`text`,{key:5,ref_key:`yAxisLabel`,ref:vn,transform:`translate(${J.value.yAxisName}, ${K.value.height/2+B.value.y.name.offsetY}), rotate(-90)`,"font-size":J.value.yAxisName,fill:B.value.y.name.color,"font-weight":B.value.y.name.bold?`bold`:`normal`,"text-anchor":`middle`},T(B.value.y.name.text),9,bt)):p(``,!0),z.value.horizontalLines.show?(x(),m(`g`,xt,[(x(!0),m(u,null,C(X.value.tickY,e=>(x(),m(`line`,{x1:e.x1,x2:e.x2,y1:e.y,y2:e.y,stroke:z.value.horizontalLines.stroke,"stroke-width":z.value.horizontalLines.strokeWidth,"stroke-linecap":`round`},null,8,St))),256))])):p(``,!0),B.value.x.labels.show?(x(),m(`g`,Ct,[(x(!0),m(u,null,C(X.value.tickX,e=>(x(),m(`line`,{stroke:z.value.verticalLines.stroke,"stroke-width":z.value.verticalLines.strokeWidth,"stroke-linecap":`round`,x1:e.x,x2:e.x,y1:q.value.bottom,y2:q.value.bottom+5},null,8,wt))),256))])):p(``,!0),B.value.x.labels.show?(x(),m(`g`,{key:8,ref_key:`xAxisScales`,ref:yn},[(x(!0),m(u,null,C(X.value.tickX,e=>(x(),m(`text`,{class:`vue-ui-history-plot-x-axis-scale`,transform:`translate(${e.x}, ${q.value.bottom+B.value.x.labels.offsetY+J.value.xAxisLabels+R.value.radius}), rotate(${B.value.x.labels.rotation})`,fill:B.value.x.labels.color,"font-size":J.value.xAxisLabels,"text-anchor":B.value.x.labels.rotation>0?`start`:B.value.x.labels.rotation<0?`end`:`middle`},T(E(c)(B.value.x.labels.formatter,e.value,E(s)({p:B.value.x.labels.prefix,v:e.value,s:B.value.x.labels.suffix,r:B.value.x.labels.rounding}))),9,Tt))),256))],512)):p(``,!0),B.value.x.name.text?(x(),m(`text`,{key:9,ref_key:`xAxisLabel`,ref:_n,x:K.value.width/2+B.value.x.name.offsetX,y:K.value.height,"font-size":J.value.xAxisName,fill:B.value.x.name.color,"font-weight":B.value.x.name.bold?`bold`:`normal`,"text-anchor":`middle`},T(B.value.x.name.text),9,Et)):p(``,!0),z.value.xAxis.show?(x(),m(`line`,{key:10,x1:q.value.left,x2:q.value.left+q.value.width,y1:q.value.bottom,y2:q.value.bottom,stroke:z.value.xAxis.stroke,"stroke-width":z.value.xAxis.strokeWidth,"stroke-linecap":`round`},null,8,Dt)):p(``,!0),z.value.yAxis.show?(x(),m(`line`,{key:11,x1:q.value.left,x2:q.value.left,y1:q.value.top,y2:q.value.bottom,stroke:z.value.yAxis.stroke,"stroke-width":z.value.yAxis.strokeWidth,"stroke-linecap":`round`},null,8,Ot)):p(``,!0),(x(!0),m(u,null,C(nr.value,e=>(x(),m(`g`,{key:`history_plot_serie_${e.seriesIndex}_${M.value}`},[V.value.paths.show?(x(),m(`g`,{key:0,style:b({opacity:_r(e.seriesIndex)})},[h(`path`,{class:v({"vue-data-ui-transition":E(H)}),d:e.path,stroke:V.value.backgroundColor,"stroke-width":V.value.paths.strokeWidth+4,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,10,kt),h(`path`,{class:v({"vue-data-ui-transition":E(H)}),d:e.path,stroke:gr(e),"stroke-width":V.value.paths.strokeWidth,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,10,At)],4)):p(``,!0),(x(!0),m(u,null,C(e.plots,e=>(x(),m(`circle`,{cx:e.x,cy:e.y,fill:V.value.backgroundColor,r:J.value.plots,stroke:`none`,class:v({"vue-data-ui-transition":E(H)})},null,10,jt))),256)),(x(!0),m(u,null,C(e.plots,t=>(x(),m(`circle`,{cx:t.x,cy:t.y,fill:fr(e,t,e.gradientIndex),r:J.value.plots,stroke:R.value.stroke,"stroke-width":R.value.strokeWidth,class:v({"vue-data-ui-transition":E(H)}),style:b({opacity:_r(e.seriesIndex)})},null,14,Mt))),256)),R.value.labels.show?(x(),m(`g`,Nt,[(x(!0),m(u,null,C(e.plots,(t,n)=>(x(),m(`g`,{key:`plab_${n}`},[String(t.label).includes(`
+`)?(x(),m(`text`,{key:1,class:v({"vue-data-ui-transition":E(H)}),transform:`translate(${t.x+R.value.labels.offsetX}, ${t.y+R.value.labels.offsetY+J.value.plots+J.value.labels})`,"font-size":J.value.labels,fill:R.value.labels.color,"font-weight":R.value.labels.bold?`bold`:`normal`,"text-anchor":`middle`,style:b({opacity:_r(e.seriesIndex)}),innerHTML:E(ae)({content:String(t.label),fontSize:J.value.labels,fill:R.value.labels.color,x:0,y:0})},null,14,Ft)):(x(),m(`text`,{key:0,class:v({"vue-data-ui-transition":E(H)}),transform:`translate(${t.x+R.value.labels.offsetX}, ${t.y+R.value.labels.offsetY+J.value.plots+J.value.labels})`,"font-size":J.value.labels,fill:R.value.labels.color,"font-weight":R.value.labels.bold?`bold`:`normal`,"text-anchor":`middle`,style:b({opacity:_r(e.seriesIndex)})},T(t.label),15,Pt))]))),128))])):p(``,!0),R.value.indexLabels.show?(x(),m(`g`,It,[(x(!0),m(u,null,C(e.plots,(t,n)=>(x(),m(`text`,{key:`lab_${n}`,class:v({"vue-data-ui-transition":E(H)}),transform:`translate(${t.x+R.value.indexLabels.offsetX}, ${t.y+R.value.indexLabels.offsetY+J.value.indexLabels/3})`,"font-size":J.value.indexLabels,"font-weight":R.value.indexLabels.bold?`bold`:`normal`,fill:mr(e,t),"text-anchor":`middle`,style:b({opacity:_r(e.seriesIndex)})},T(R.value.indexLabels.startAtZero?n:n+1),15,Lt))),128))])):p(``,!0)]))),128)),(x(!0),m(u,null,C(nr.value,e=>(x(),m(`g`,{key:`history_plot_trap_serie_${e.seriesIndex}_${M.value}`},[(x(!0),m(u,null,C(e.plots,(t,n)=>(x(),m(`circle`,{cx:t.x,cy:t.y,fill:`transparent`,r:J.value.plots,stroke:`none`,onMouseenter:r=>jr({datapoint:t,plotIndex:n,seriesIndex:e.seriesIndex,triggerMode:`pointer`}),onMouseleave:r=>kr({datapoint:t,plotIndex:n,seriesIndex:e.seriesIndex}),onClick:r=>Er({datapoint:t,plotIndex:n,seriesIndex:e.seriesIndex})},null,40,Rt))),256))]))),128)),w(e.$slots,`svg`,{svg:{...K.value,drawingArea:q.value,isPrintingImg:E(Ln)||E(Rn)||E(Kr),isPrintingSvg:E(qr)}},void 0,!0)],44,ut)),e.$slots.hint?(x(),m(`div`,zt,[w(e.$slots,`hint`,y(_({hint:L.value.a11y.translations.keyboardNavigation,isVisible:Cn.value})),void 0,!0)])):p(``,!0)]),e.$slots.watermark?(x(),m(`div`,Bt,[w(e.$slots,`watermark`,y(_({isPrinting:E(Ln)||E(Rn)||E(Kr)||E(qr)})),void 0,!0)])):p(``,!0),h(`div`,{id:`legend-bottom-${M.value}`},null,8,Vt),mn.value&&(V.value.legend.show||e.$slots.legend)?(x(),f(Ke,{key:6,to:V.value.legend.position===`top`?`#legend-top-${M.value}`:`#legend-bottom-${M.value}`},[h(`div`,{ref_key:`chartLegend`,ref:rn},[w(e.$slots,`legend`,{legend:wr.value},()=>[V.value.legend.show&&wn.value?(x(),f(We,{key:`legend_${an.value}`,legendSet:wr.value,config:Tr.value,isCursorPointer:U.value,onClickMarker:t[0]||=({legend:e})=>{br(e.seriesIndex)}},{item:D(({legend:e,index:t})=>[h(`div`,{onClick:t=>e.segregate(),style:b(`opacity:${N.value.includes(e.seriesIndex)?.5:1}`)},T(e.name),13,Ht)]),legendToggle:D(()=>[wr.value.length>2&&V.value.legend.selectAllToggle.show&&!E(An)?(x(),f(ze,{key:0,backgroundColor:V.value.legend.selectAllToggle.backgroundColor,color:V.value.legend.selectAllToggle.color,fontSize:V.value.legend.fontSize,checked:N.value.length>0,isCursorPointer:U.value,onToggle:yr},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):p(``,!0)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):p(``,!0)],!0)],512)],8,[`to`])):p(``,!0),e.$slots.source?(x(),m(`div`,{key:7,ref_key:`source`,ref:pn,dir:`auto`},[w(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),Ye(E(Wt),{teleportTo:V.value.tooltip.teleportTo,show:G.value.showTooltip&&ln.value,backgroundColor:V.value.tooltip.backgroundColor,color:V.value.tooltip.color,fontSize:V.value.tooltip.fontSize,borderRadius:V.value.tooltip.borderRadius,borderColor:V.value.tooltip.borderColor,borderWidth:V.value.tooltip.borderWidth,backgroundOpacity:V.value.tooltip.backgroundOpacity,position:V.value.tooltip.position,offsetX:V.value.tooltip.offsetX,offsetY:V.value.tooltip.offsetY,parent:k.value,content:un.value,isCustom:fn.value,isFullscreen:dn.value,smooth:V.value.tooltip.smooth,backdropFilter:V.value.tooltip.backdropFilter,smoothForce:V.value.tooltip.smoothForce,smoothSnapThreshold:V.value.tooltip.smoothSnapThreshold,isA11yMode:Sn.value===`keyboard`,a11yPosition:xn.value},{"tooltip-before":D(()=>[w(e.$slots,`tooltip-before`,y(_({...Or.value})),void 0,!0)]),tooltip:D(()=>[w(e.$slots,`tooltip`,y(_({...Or.value})),void 0,!0)]),"tooltip-after":D(()=>[w(e.$slots,`tooltip-after`,y(_({...Or.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`fontSize`,`borderRadius`,`borderColor`,`borderWidth`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isCustom`,`isFullscreen`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),wn.value&&L.value.userOptions.buttons.table?(x(),f(et(Vr.value.component),Xe({key:8},Vr.value.props,{ref_key:`tableUnit`,ref:hn,onClose:Hr}),qe({content:D(()=>[(x(),f(E(qt),{key:`table_${on.value}`,colNames:$.value.colNames,head:$.value.head,body:$.value.body,config:$.value.config,title:L.value.table.useDialog?``:Vr.value.title,withCloseButton:!L.value.table.useDialog,isCursorPointer:U.value,onClose:Hr},{th:D(({th:e})=>[h(`div`,Ut,T(e),1)]),td:D(({td:e})=>[Je(T(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[L.value.table.useDialog?{name:`title`,fn:D(()=>[Je(T(Vr.value.title),1)]),key:`0`}:void 0,L.value.table.useDialog?{name:`actions`,fn:D(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Mr(L.value.userOptions.callbacks.csv),style:b({cursor:U.value?`pointer`:`default`})},[Ye(E(Gt),{name:`fileCsv`,stroke:Vr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),w(e.$slots,`skeleton`,{},()=>[E(An)?(x(),f(Oe,{key:0})):p(``,!0)],!0)],46,ot))}},[[`__scopeId`,`data-v-967423bb`]]);export{at as n,Wt as t};

package/dist/vue-ui-horizontal-bar-BRDBJEl1.js

@@ -0,0 +1,4 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as c,Dt as ee,Ht as l,J as te,Jt as ne,S as re,X as ie,Yt as ae,Zt as oe,at as se,b as u,i as ce,in as le,nn as ue,nt as de,pt as fe,t as pe,tn as me,vt as he,w as ge,wt as _e,zt as ve}from"./lib-CV_IANZ6.js";import{n as ye,t as be}from"./useHints-BH9r_0Vd.js";import{t as xe}from"./useConfig-CKdzPrcf.js";import{t as Se}from"./usePrinter-hLW3cv4N.js";import{n as Ce,t as we}from"./BaseScanner-8NdoBs7B.js";import{t as Te}from"./useNestedProp-CB186vF2.js";import{t as Ee}from"./useThemeCheck-BKNRbGeC.js";import{t as De}from"./useChartExport-DtPNpc9M.js";import{t as Oe}from"./useTransitions-DfSHzsdz.js";import{n as ke}from"./Title-BGYFqulv.js";import{t as Ae}from"./Shape-Bp9YNtPc.js";import{t as je}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Me,t as Ne}from"./useResponsive-D2CPcpda.js";import{t as Pe}from"./DefGrad-DKMq1REY.js";import{t as Fe}from"./vue-ui-accordion-BNvevckx.js";import{t as Ie}from"./BaseLegendToggle-Bq5FjyuI.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"./useTableResponsive-uSz_qZOB.js";import{t as Ve}from"./chartImage-CIvU_04o.js";import{t as He}from"./Legend-D8YoT1RJ.js";import{t as Ue}from"./vue_ui_horizontal_bar-C4ulIxeT.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as We,createTextVNode as Ge,createVNode as Ke,defineAsyncComponent as qe,guardReactiveProps as Je,mergeProps as Ye,nextTick as Xe,normalizeClass as _,normalizeProps as Ze,normalizeStyle as v,onBeforeUnmount as Qe,onMounted as $e,openBlock as y,ref as b,renderList as x,renderSlot as S,resolveDynamicComponent as et,toDisplayString as C,toRefs as tt,unref as w,useCssVars as nt,useSlots as rt,watch as it,withCtx as T,withKeys as at}from"vue";var ot=/* @__PURE__ */ e({default:()=>Jt}),st=[`id`],ct=[`id`],lt=[`onClick`],ut={style:{position:`relative`}},dt=[`xmlns`,`viewBox`,`aria-describedby`],ft=[`width`,`height`],pt={key:1},mt=[`y`,`width`,`height`,`fill`,`rx`],ht=[`x`,`y`,`width`,`height`,`fill`,`rx`],gt=[`x`,`y`,`width`,`height`,`fill`,`rx`,`stroke`,`stroke-width`],_t=[`x`,`y`,`width`,`height`,`fill`,`rx`,`stroke`,`stroke-width`],vt=[`stroke`,`stroke-width`,`d`],yt=[`stroke`,`stroke-width`,`d`],bt=[`y`,`height`,`width`,`fill`],xt=[`transform`,`font-size`,`fill`,`font-weight`,`innerHTML`],St=[`transform`,`font-size`,`fill`,`font-weight`],Ct=[`transform`,`font-size`,`font-weight`,`innerHTML`],wt=[`transform`,`font-size`,`fill`,`font-weight`,`innerHTML`],Tt=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],Et=[`y`,`width`,`height`,`fill`,`onMouseenter`,`onMouseleave`,`onClick`],Dt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ot={key:7,class:`vue-data-ui-watermark`},kt=[`onClick`],At={style:`width:100%;padding-top: 36px;position:relative`},jt={class:`vue-ui-data-table`},Mt={key:0},Nt={style:{width:`100%`}},Pt=[`data-cell`],Ft={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},It=[`data-cell`],Lt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Rt=[`data-cell`],zt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Bt=[`data-cell`],Vt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Ht=[`data-cell`],Ut={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Wt=[`data-cell`],Gt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Kt=[`data-cell`],qt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Jt=/*#__PURE__*/ je({__name:`vue-ui-horizontal-bar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`copyAlt`,`selectDatapoint`],setup(e,{expose:je,emit:ot}){nt(e=>({v53d06ad8:e.tdo}));let Jt=qe(()=>import(`./Tooltip-Cus2-XNQ.js`)),Yt=qe(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Xt=qe(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Zt=qe(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Qt=qe(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),$t=qe(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_vertical_bar:en}=xe(),{isThemeValid:tn,warnInvalidTheme:nn}=Ee(),rn=rt(),E=e,an=f({get(){return!!E.dataset&&E.dataset.length},set(e){return e}}),D=b(ie()),on=b(!1),sn=b(``),cn=b(null),ln=b(0),O=b(null),un=b(null),dn=b(null),fn=b(null),pn=b(null),mn=b(0),hn=b(0),gn=b(null),_n=b(null),vn=b(null),yn=b(null),bn=b(null),k=b([]),xn=b({none:0,asc:1,desc:2}),Sn=b(0),Cn=b(0),wn=null,Tn=null,A=b(null),En=b({x:0,y:0}),Dn=b(`pointer`),On=ot,j=b(zn()),M=f(()=>j.value.style.chart.layout.bars),N=f(()=>j.value.style.chart.layout),P=f(()=>j.value.style.chart.tooltip),F=f(()=>j.value.style.chart);ye({config:()=>j.value,dataset:()=>E.dataset,component:`VueUiHorizontalBar`,rules:[be.emptyArray,{test:e=>e.length>50||e.some(e=>e.children&&e.children.length>50),message:[`👀 There are > 50 series / bars, which will probably force users to scroll. Consider:`,``,`▶️ Grouping small values into an "Other" category.`,``,`▶️ Using filters, or several instances of the component with subsets of related series.`]}]});let{transitionEnabled:I}=Oe({config:()=>j.value.transitions,dataset:()=>E.dataset}),kn=f(()=>j.value.userOptions.useCursorPointer),An=f(()=>E.config?.skeletonDataset??[{name:``,value:6,color:`#d9d9d9`},{name:``,value:5,color:`#d9d9d9`},{name:``,value:4,color:`#d9d9d9`},{name:``,value:3,color:`#d9d9d9`},{name:``,value:2,color:`#d9d9d9`},{name:``,value:1,color:`#d9d9d9`}]),jn=f(()=>le({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{bars:{offsetX:110,dataLabels:{color:`transparent`,value:{prefix:``,suffix:``,formatter:null}},nameLabels:{color:`transparent`}},separators:{color:`#7A7A7A`}},legend:{show:!0,backgroundColor:`transparent`,color:`transparent`,prefix:``,suffix:``,formatter:null},title:{color:`#1A1A1A`,subtitle:{color:`#5A5A5A`}}}}},userConfig:j.value.skeletonConfig??{}})),{loading:Mn,FINAL_DATASET:Nn,manualLoading:Pn}=Ce({...tt(E),FINAL_CONFIG:j,prepareConfig:zn,callback:()=>{Promise.resolve().then(async()=>{V.value.showTable=j.value.table.show,Qn()})},skeletonDataset:An.value,skeletonConfig:le({defaultConfig:j.value,userConfig:jn.value})}),{userOptionsVisible:Fn,setUserOptionsVisibility:In,keepUserOptionState:Ln}=Re({config:j.value}),{svgRef:Rn}=ze({config:F.value.title});function zn(){let e=Te({userConfig:E.config,defaultConfig:en}),t={},n=e.theme;if(n){if(!tn.value(e))nn(e),t=e;else{let r=Te({userConfig:Ue[n]||E.config,defaultConfig:e});t={...Te({userConfig:E.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:ue[n]||l}}}else t=e;return E.config&&_e(E.config,`events.datapointEnter`)?t.events.datapointEnter=E.config.events.datapointEnter:t.events.datapointEnter=null,E.config&&_e(E.config,`events.datapointLeave`)?t.events.datapointLeave=E.config.events.datapointLeave:t.events.datapointLeave=null,E.config&&_e(E.config,`events.datapointClick`)?t.events.datapointClick=E.config.events.datapointClick:t.events.datapointClick=null,t}let L=b(F.value.width),R=b(F.value.height),z=b(M.value.gap),Bn=oe(E.config);it(()=>E.config,(e,t)=>{let n=oe(e),r=n!==Bn;Bn=n;let i=zn();if(!r){j.value.style.chart.tooltip=i.style.chart.tooltip,V.value.showTooltip=j.value.style.chart.tooltip.show;return}Mn.value||(j.value=i),Fn.value=!j.value.userOptions.showOnChartHover,mn.value+=1,hn.value+=1,V.value.showTable=j.value.table.show,Sn.value=xn.value[M.value.sort]??0,V.value.showTooltip=P.value.show,L.value=F.value.width,R.value=F.value.height,z.value=M.value.gap},{deep:!0}),it(()=>E.dataset,e=>{Array.isArray(e)&&e.length>0&&(Pn.value=!1)},{deep:!0});let{isPrinting:Vn,isImaging:Hn,generatePdf:Un,generateImage:Wn}=Se({elementId:`vue-ui-vertical-bar_${D.value}`,fileName:F.value.title.text||`vue-ui-vertical-bar`,options:j.value.userOptions.print}),Gn=f(()=>j.value.userOptions.show&&!F.value.title.text),Kn=f(()=>ge(j.value.customPalette)),qn=b(null),Jn=f(()=>j.value.table.responsiveBreakpoint),Yn=f(()=>j.value.debug),Xn=b(0),B=b(null),Zn=b(null);function Qn(){if(O.value&&(ve(E.dataset)&&(se({componentName:`VueUiVerticalBar`,type:`dataset`,debug:Yn.value}),an.value=!1,Pn.value=!0),ve(E.dataset)||(Pn.value=j.value.loading),j.value.responsive)){let e=Me(()=>{let{width:e,height:t}=Ne({chart:O.value,title:F.value.title.text?un.value:null,legend:F.value.legend.show?dn.value:null,source:fn.value,noTitle:pn.value});Xn.value=t/3,requestAnimationFrame(async()=>{R.value=t,L.value=e})});B.value&&(Zn.value&&B.value.unobserve(Zn.value),B.value.disconnect()),B.value=new ResizeObserver(e),Xe(()=>{Zn.value=O.value?.parentNode,Zn.value&&B.value.observe(Zn.value)})}}Qe(()=>{B.value&&(Zn.value&&B.value.unobserve(Zn.value),B.value.disconnect())});let V=b({showTable:j.value.table.show,showTooltip:P.value.show}),$n=f(()=>Sn.value===0),er=f(()=>Sn.value===2),H=f(()=>(Nn.value.forEach((e,t)=>{!e.value&&!e.children&&se({componentName:`VueUiVerticalBar`,type:`datasetAttributeEmpty`,property:`value (index ${t})`,debug:Yn.value}),e.children&&(ve(e.children)?se({componentName:`VueUiVerticalBar`,type:`datasetAttributeEmpty`,property:`children (index ${t})`,debug:Yn.value}):e.children.forEach((e,t)=>{[null,void 0].includes(e.name)&&se({componentName:`VueUiVerticalBar`,type:`datasetSerieAttribute`,property:`name`,key:`children`,index:t,debug:Yn.value})}))}),Nn.value.map((e,t)=>{let n=`vertical_parent_${t}_${D.value}`,r=e.children&&e.children.length>0,i=u(e.value?e.value:r?e.children.map(e=>e.value||0).reduce((e,t)=>e+t,0):0),a=i>=0?1:-1;return{...e,id:n,absoluteIndex:t,shape:`square`,opacity:k.value.includes(n)?.5:1,value:Math.abs(i),sign:a,hasChildren:r,isChild:!1,segregate:()=>X(n),isSegregated:k.value.includes(n),color:re(e.color)||Kn.value[t]||l[t]||l[t%l.length],children:!e.children||!e.children.length?[]:e.children.toSorted($n.value?()=>0:(e,t)=>er.value?t.value-e.value:e.value-t.value).map((r,o)=>({...r,value:u(Math.abs(r.value)),absoluteIndex:t,sign:r.value>=0?1:-1,isChild:!0,parentId:n,parentName:e.name,parentValue:i,parentSign:a,id:`vertical_child_${t}_${o}_${D.value}`,childIndex:o,color:re(r.color)||re(e.color)||Kn.value[t]||l[t]||l[t%l.length]})).map((t,n)=>({...t,isFirstChild:n===0,isLastChild:n===e.children.length-1}))}}).toSorted($n.value?()=>0:(e,t)=>er.value?t.value-e.value:e.value-t.value))),U=f(()=>H.value.filter(e=>!k.value.includes(e.id))),W=f(()=>U.value.flatMap(e=>e.hasChildren?e.children:e)),tr=f(()=>H.value.flatMap(e=>e.hasChildren?e.children:e)),nr=f(()=>U.value.flatMap(e=>e.children&&e.children.length>0?e.children.length:1).reduce((e,t)=>e+t,0)),rr=f(()=>({cy:`vertical-bar-div-legend`,backgroundColor:F.value.legend.backgroundColor,color:F.value.legend.color,fontSize:F.value.legend.fontSize,paddingBottom:12,fontWeight:F.value.legend.bold?`bold`:``})),G=f(()=>M.value.parentLabels.show?M.value.parentLabels.fontSize*3+M.value.parentLabels.paddingBottom:0),K=f(()=>{let e=[],t=0;return W.value.forEach((n,r)=>{n.isChild&&n.childIndex===0&&M.value.parentLabels.show&&(t+=1),e[r]=t}),e}),q=f(()=>{let e=Math.max(0,...K.value)*G.value;return(R.value-24-(nr.value-1)*z.value-e)/nr.value}),J=f(()=>({width:L.value,height:R.value,padding:{top:12,left:128+M.value.offsetX,right:64+M.value.paddingRight,bottom:12}})),ir=b(0);function ar(){Xe(()=>{if(!bn.value){ir.value=0;return}let e=Array.from(bn.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getBBox?.().width??t.getComputedTextLength();return n>e?n:e},0);ir.value=e+12})}it(()=>[W.value,L.value,R.value,M.value.nameLabels,M.value.offsetX],()=>ar(),{deep:!0}),$e(()=>{ar()});function or(){return typeof document>`u`?null:(wn||(wn=document.createElement(`canvas`),Tn=wn.getContext(`2d`)),Tn)}function sr(e){let t=String(e??``),n=M.value,r=n.dataLabels.fontSize,i=n.dataLabels.bold?700:400,a=j.value.style.fontFamily,o=or();return o?(o.font=`${i} ${r}px ${a}`,o.measureText(t).width):t.length*r*.6}function cr(){let e=U.value.flatMap(e=>e.children&&e.children.length?e.children.map(e=>Math.abs(e.value)):Math.abs(e.value));return e.length?Math.max(...e):0}let lr=f(()=>{Cn.value;let e=M.value,t=ir.value+Math.abs(e.nameLabels.offsetX)+e.offsetX,n=J.value.width-J.value.padding.right,r=Math.max(0,n-t-e.offsetX),i=J.value.width-40,a=cr(),o=W.value.map((e,t)=>({serie:e,textWidth:sr(jr(e.value,e,t,e.sign))}));if(!o.length||r<=0)return{left:0,right:0};if(!o.some(({serie:e})=>e.sign===-1)){let n=o.reduce((n,{serie:o,textWidth:s})=>{let c=a?Math.abs(o.value)/a:0;if(c<=0||s<=0)return n;let ee=(t+r*c+3+e.dataLabels.offsetX+s-i)/c;return Math.max(n,ee)},0);return{left:0,right:Math.ceil(Math.min(r,Math.max(0,n)))}}let s=t+r/2,c=-1/0,ee=1/0;o.forEach(({serie:t,textWidth:n})=>{if(t.sign===-1){let t=s+12+e.dataLabels.offsetX+n;ee=Math.min(ee,i-t);return}let r=s-12-e.dataLabels.offsetX-n;c=Math.max(c,40-r)});let l=0;l=c>ee?(c+ee)/2:Math.min(ee,Math.max(c,0));let te=l*2;return te>=0?{left:Math.ceil(Math.min(r,te)),right:0}:{left:0,right:Math.ceil(Math.min(r,-te))}}),ur=f(()=>lr.value.right),dr=f(()=>lr.value.left);function fr(){Cn.value+=1}$e(()=>{typeof document<`u`&&document.fonts&&(document.fonts.ready.then(fr),document.fonts.addEventListener?.(`loadingdone`,fr))}),Qe(()=>{typeof document<`u`&&document.fonts&&document.fonts.removeEventListener?.(`loadingdone`,fr),wn=null,Tn=null});let Y=f(()=>{let e=ir.value+Math.abs(M.value.nameLabels.offsetX)+dr.value+M.value.offsetX,t=J.value.width-J.value.padding.right,n=Math.max(0,t-e-ur.value-M.value.offsetX);return{top:J.value.padding.top,bottom:J.value.padding.top+J.value.height,left:e,right:t,width:n,fullHeight:J.value.padding.top+J.value.padding.bottom+J.value.height}});function pr(){k.value.length?k.value=[]:H.value.forEach(e=>{k.value.push(e.id)}),On(`selectLegend`,U.value)}async function X(e){if(k.value.includes(e))k.value=k.value.filter(t=>t!==e);else{if(k.value.length===H.value.length-1)return;k.value.push(e)}On(`selectLegend`,U.value)}function mr(e){return H.value.length?H.value.find(t=>t.name===e)||(Yn.value&&console.warn(`VueUiHorizontalBar - Series name not found "${e}"`),null):(Yn.value&&console.warn(`VueUiHorizontalBar - There are no series to show.`),null)}function hr(e){let t=mr(e);t!==null&&k.value.includes(t.id)&&X(t.id)}function gr(e){let t=mr(e);t!==null&&(k.value.includes(t.id)||X(t.id))}let Z=f(()=>U.value.map(e=>Math.abs(e.value)).reduce((e,t)=>e+t,0));function _r(e,t=!1,n=0){return t?s({v:u(Math.abs(e)/Z.value*100),s:`%`,r:n}):Math.abs(e)/Z.value}let vr=f(()=>W.value.map(e=>e.sign).includes(-1)),yr=f(()=>Math.max(...U.value.flatMap(e=>e.children&&e.children.length?Math.max(...e.children.map(e=>e.value)):e.value)));function Q(e){let t=e/yr.value;return u(Y.value.width/(vr.value?2:1)*t)}function br(e){return Q(e)+Y.value.left}function xr(e,t){let n=U.value.find(t=>t.id===e.parentId);return{y:Y.value.top+(z.value+q.value)*t+K.value[t]*G.value-G.value+M.value.parentLabels.fontSize,name:n.name,value:[void 0,NaN,null].includes(n.value)?``:n.sign===1?n.value:-n.value,percentageToTotal:isNaN(n.value/Z.value)?``:_r(n.value,!0,M.value.dataLabels.percentage.roundingPercentage),sign:n.sign}}function Sr(){return U.value}function Cr(e,t){return xr(e,t).name}function wr(e,t){let n=xr(e,t);return jr(n.value,n,t,e.parentSign||e.sign)}let Tr=b(null),Er=b(null);function Dr({datapoint:e,seriesIndex:t}){On(`selectDatapoint`,e),j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:e,seriesIndex:t})}function Or({datapoint:e,seriesIndex:t}){j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:e,seriesIndex:t}),cn.value=null,on.value=!1,Tr.value=null,A.value===t&&(A.value=null)}function kr(e,t,n=`pointer`){Dn.value=n,j.value.events.datapointEnter&&j.value.events.datapointEnter({datpoint:e,seriesIndex:t}),A.value=t,cn.value=e,Er.value={datapoint:e,seriesIndex:t,series:H.value,config:j.value},on.value=!0,Tr.value=e.id;let r=``,i=e.isChild?e.parentName:e.name,a=e.isChild?e.name:``,o=P.value.customFormat;ee(o)&&fe(()=>o({datapoint:e,series:H.value,config:j.value,seriesIndex:t}))?sn.value=o({datapoint:e,series:H.value,config:j.value,seriesIndex:t}):(r+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${P.value.borderColor};padding-bottom:6px;margin-bottom:3px;text-align:left;">
+                <div style="display:flex;align-items:center;gap:4px;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="${e.color}"/>${rn.pattern?`<rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="url(#pattern_${D.value}_${e.absoluteIndex})"/>`:``}</svg> ${i}</div>
+                ${a?`<div>${a}</div>`:``}
+            </div>`,P.value.showValue&&(r+=`<div>${j.value.translations.value}: <b>${ce(M.value.dataLabels.value.formatter,e.sign===1?e.value:-e.value,s({p:P.value.prefix,v:e.sign===1?e.value:-e.value,s:P.value.suffix,r:P.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`),P.value.showPercentage&&(r+=`<div>${j.value.translations.percentageToTotal} : <b>${s({v:Math.abs(e.value)/Z.value*100,s:`%`,r:P.value.roundingPercentage})}</b></div>`,e.isChild&&(r+=`<div>${j.value.translations.percentageToSerie}: <b>${s({v:Math.abs(e.value)/Math.abs(e.parentValue)*100,s:`%`,r:P.value.roundingPercentage})}</b></div>`)),sn.value=`<div style="text-align:left">${r}</div>`)}function Ar({legend:e,index:t}){let n=F.value.legend;return n.showValue?`${e.name}: ${ce(M.value.dataLabels.value.formatter,e.value,s({p:n.prefix,v:e.value,s:n.suffix,r:n.roundingValue}),{datapoint:e,seriesIndex:t})}`:e.name}function jr(e,t,n,r){if(!M.value.dataLabels.value.show)return``;let i=ce(M.value.dataLabels.value.formatter,u(r===-1&&e>=0?-e:e),s({p:M.value.dataLabels.value.prefix,v:u(r===-1&&e>=0?-e:e),s:M.value.dataLabels.value.suffix,r:M.value.dataLabels.value.roundingValue}),{datapoint:t,seriesIndex:n}),a=`(${_r(e,!0,M.value.dataLabels.percentage.roundingPercentage)})`;return`${i}${M.value.dataLabels.percentage.show?` ${a}`:``}`}let $=f(()=>({head:[j.value.translations.parentName,j.value.translations.value,j.value.translations.percentageToTotal,j.value.translations.childName,j.value.translations.value,j.value.translations.percentageToSerie,j.value.translations.percentageToTotal],body:W.value.map(e=>e.isChild?e.isFirstChild?{color:e.color,parentName:e.parentName,parentValue:e.parentValue,percentageToTotal:e.parentValue/Z.value,childName:e.name,childValue:e.sign===1?e.value:-e.value,childPercentageToParent:Math.abs(e.value)/Math.abs(e.parentValue),childPercentageToTotal:Math.abs(e.value)/Z.value}:{color:``,parentName:``,parentValue:``,percentageToTotal:``,childName:e.name,childValue:e.sign===1?e.value:-e.value,childPercentageToParent:Math.abs(e.value)/Math.abs(e.parentValue),childPercentageToTotal:Math.abs(e.value)/Z.value}:{color:e.color,parentName:e.name,parentValue:e.sign===1?e.value:-e.value,percentageToTotal:Math.abs(e.value)/Z.value,childName:``,childValue:``,childPercentageToParent:``,childPercentageToTotal:``})}));function Mr(e=null){let t=[[F.value.title.text],[F.value.title.subtitle.text],[``]],n=$.value.head,r=$.value.body.map(e=>[e.parentName,e.parentValue,e.percentageToTotal,e.childName,e.childValue,e.childPercentageToParent,e.childPercentageToTotal]),i=t.concat([n]).concat(r),a=c(i);e?e(a):de({csvContent:a,title:F.value.title.text||`vue-ui-vertical-bar`})}let Nr=b(!1);function Pr(e){Nr.value=e,ln.value+=1}function Fr(){V.value.showTable=!V.value.showTable}$e(()=>{[`none`,`asc`,`desc`].includes(M.value.sort)||se({componentName:`VueUiVerticalBar`,type:`attributeWrongValue`,property:`style.chart.layout.bars.sort`,key:M.value.sort}),Sn.value=xn.value[M.value.sort]??0});function Ir(){Sn.value+=1,Sn.value>2&&(Sn.value=0)}function Lr(){Ir()}function Rr(){V.value.showTooltip=!V.value.showTooltip}let zr=b(!1);function Br(){zr.value=!zr.value}let Vr=Ve(O,()=>F.value.title.text),Hr=f(()=>n({config:j,style:F,mutableConfig:V,dialog:$t,accordion:Fe,isFullscreen:Nr,parent:O,maxWidth:800,isCursorPointer:kn}));it(()=>V.value.showTable,e=>t(e,j,_n));let{isResponsive:Ur}=Be(qn,Jn);function Wr(){V.value.showTable=!1,vn.value&&vn.value.setTableIconState(!1)}let Gr=f(()=>H.value.map((e,t)=>({...e,shape:`square`,display:`${e.name}: ${ce(M.value.dataLabels.value.formatter,e.value,s({p:F.value.legend.prefix,v:e.value,s:F.value.legend.suffix,r:F.value.legend.roundingValue}),{datapoint:e,seriesIndex:t})}`}))),Kr=f(()=>F.value.backgroundColor),qr=f(()=>F.value.legend),Jr=f(()=>F.value.title),Yr=f(()=>Gr.value.map(e=>({...e,name:e.display}))),{isCallbackImaging:Xr,isCallbackSvg:Zr,generateSvg:Qr,onGenerateImage:$r}=De({svg:Rn,title:Jr,legend:qr,legendItems:Yr,backgroundColor:Kr,getSvgCallback:()=>j.value.userOptions.callbacks.svg,generateImage:Wn});function ei(){console.warn(`[autoSize]: this legacy method can be safely removed as it has no impact.`)}async function ti(){if(On(`copyAlt`,{config:j.value,dataset:U.value}),!j.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(j.value.userOptions.callbacks.altCopy({config:j.value,dataset:U.value}))}let ni=b(!1);function ri(){A.value=null,ni.value=!0}function ii(){A.value=null,on.value=!1,ni.value=!1}function ai(){if(A.value===null)return;let e=W.value[A.value];e&&Or({datapoint:e,seriesIndex:A.value}),A.value=null,Dn.value=`pointer`}function oi(e){if(!Rn.value||zr.value||document.activeElement!==Rn.value)return;let t=e.key===`ArrowRight`||e.key===`ArrowDown`,n=e.key===`ArrowLeft`||e.key===`ArrowUp`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;let a=W.value.length;if(!a)return;if(e.preventDefault(),e.stopPropagation(),i){ai();return}if(r){if(A.value===null)return;let e=W.value[A.value];if(!e)return;Dr({datapoint:e,seriesIndex:A.value});return}let o=A.value,s=cn.value?W.value.findIndex(e=>e.id===cn.value.id):null;o!==null&&o>=0&&o<a?t?(o+=1,o>=a&&(o=0)):n&&(--o,o<0&&(o=a-1)):s!==null&&s>=0&&s<a?(o=t?s+1:s-1,o>=a&&(o=0),o<0&&(o=a-1)):o=t?0:a-1;let c=W.value[o];c&&(A.value=o,si(c),kr(c,o,`keyboard`))}function si(e){if(!e)return;let t=Y.value.right,n=Y.value.top+(z.value+q.value)*e.absoluteIndex+K.value[e.absoluteIndex]*G.value;if(!Number.isFinite(t)||!Number.isFinite(n))return;let r=me(t,n,Rn.value);r&&(En.value=r)}let ci=f(()=>({head:$.value.head,body:$.value.body.map(e=>[e.parentName,e.parentValue===``?``:s({v:e.parentValue,r:M.value.dataLabels.value.roundingValue,p:M.value.dataLabels.prefix,s:M.value.dataLabels.suffix}),e.percentageToTotal===``?``:s({v:e.percentageToTotal*100,r:M.value.dataLabels.percentage.roundingPercentage,s:`%`}),e.childName,e.childValue===``?``:s({v:e.childValue,r:M.value.dataLabels.value.roundingValue,p:M.value.dataLabels.prefix,s:M.value.dataLabels.suffix}),e.childPercentageToParent===``?``:s({v:e.childPercentageToParent*100,r:M.value.dataLabels.percentage.roundingPercentage,s:`%`}),e.childPercentageToTotal===``?``:s({v:e.childPercentageToTotal*100,r:M.value.dataLabels.percentage.roundingPercentage,s:`%`})]),caption:j.value.a11y.translations.tableCaption,notice:j.value.a11y.translations.tableAvailable}));return je({autoSize:ei,getData:Sr,getImage:Vr,generatePdf:Un,generateCsv:Mr,generateImage:Wn,generateSvg:Qr,hideSeries:gr,showSeries:hr,toggleTable:Fr,toggleSort:Lr,toggleTooltip:Rr,toggleAnnotator:Br,toggleFullscreen:Pr,copyAlt:ti}),(e,t)=>(y(),h(`div`,{class:_(`vue-data-ui-component vue-ui-vertical-bar ${Nr.value?`vue-data-ui-wrapper-fullscreen`:``} ${j.value.useCssAnimation?``:`vue-ui-dna`} ${j.value.responsive?`vue-ui-vertical-bar-autosize`:``}`),ref_key:`verticalBarChart`,ref:O,id:`vue-ui-vertical-bar_${D.value}`,style:v(`font-family:${j.value.style.fontFamily};width:100%; text-align:center;background:${F.value.backgroundColor};height:100%`),onMouseenter:t[3]||=()=>w(In)(!0),onMouseleave:t[4]||=()=>w(In)(!1)},[g(`p`,{id:`chart-instructions-${D.value}`,class:`sr-only`},C(j.value.a11y.translations.keyboardNavigation),9,ct),ci.value.body.length?(y(),p(Le,{key:0,uid:D.value,head:ci.value.head,body:ci.value.body,caption:ci.value.caption,notice:ci.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):m(``,!0),j.value.userOptions.buttons.annotator?(y(),p(w(Xt),{key:1,svgRef:w(Rn),backgroundColor:F.value.backgroundColor,color:F.value.color,active:zr.value,isCursorPointer:kn.value,palette:j.value.userOptions.annotatorPalette,onClose:Br},We({_:2},[x(w(i),t=>({name:t,fn:T(n=>[S(e.$slots,t,Ze(Je(w(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):m(``,!0),Gn.value?(y(),h(`div`,{key:2,ref_key:`noTitle`,ref:pn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):m(``,!0),F.value.title.text?(y(),h(`div`,{key:3,ref_key:`chartTitle`,ref:un,style:`width:100%;background:transparent;padding-bottom:12px`},[(y(),p(ke,{key:`title_${mn.value}`,config:{title:{cy:`vertical-bar-div-title`,...F.value.title},subtitle:{cy:`vertical-bar-div-subtitle`,...F.value.title.subtitle}}},null,8,[`config`]))],512)):m(``,!0),j.value.userOptions.show&&an.value&&(w(Ln)||w(Fn))?(y(),p(w(Zt),{ref_key:`userOptionsRef`,ref:vn,backgroundColor:F.value.backgroundColor,color:F.value.color,key:`user_options_${ln.value}`,isImaging:w(Hn),isPrinting:w(Vn),uid:D.value,hasTooltip:j.value.userOptions.buttons.tooltip&&P.value.show,hasPdf:j.value.userOptions.buttons.pdf,hasImg:j.value.userOptions.buttons.img,hasSvg:j.value.userOptions.buttons.svg,hasXls:j.value.userOptions.buttons.csv,hasTable:j.value.userOptions.buttons.table,hasSort:j.value.userOptions.buttons.sort,hasFullscreen:j.value.userOptions.buttons.fullscreen,hasAltCopy:j.value.userOptions.buttons.altCopy,isFullscreen:Nr.value,isTooltip:V.value.showTooltip,titles:{...j.value.userOptions.buttonTitles},chartElement:O.value,position:j.value.userOptions.position,hasAnnotator:j.value.userOptions.buttons.annotator,isAnnotation:zr.value,callbacks:j.value.userOptions.callbacks,printScale:j.value.userOptions.print.scale,tableDialog:j.value.table.useDialog,isCursorPointer:kn.value,onToggleFullscreen:Pr,onGeneratePdf:w(Un),onGenerateCsv:Mr,onGenerateImage:w($r),onGenerateSvg:w(Qr),onToggleTable:Fr,onToggleSort:Lr,onToggleTooltip:Rr,onToggleAnnotator:Br,onCopyAlt:ti,style:v({visibility:w(Ln)?w(Fn)?`visible`:`hidden`:`visible`})},We({_:2},[x(w(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionSort optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:T(n=>[S(e.$slots,t,Ze(Je(w(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasSort.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):m(``,!0),e.$slots.legend&&F.value.legend.show&&F.value.legend.position===`top`?S(e.$slots,`legend`,{legend:H.value},void 0,!0,5):m(``,!0),!e.$slots.legend&&F.value.legend.show&&F.value.legend.position===`top`?(y(),h(`div`,{key:6,ref_key:`chartLegend`,ref:dn},[(y(),p(He,{key:`legend_top_${hn.value}`,legendSet:H.value,config:rr.value,onClickMarker:t[0]||=({legend:e})=>X(e.id)},We({item:T(({legend:e,index:t})=>[g(`div`,{onClick:t=>X(e.id),style:v(`opacity:${k.value.includes(e.id)?.5:1}`)},C(Ar({legend:e,index:t})),13,lt)]),legendToggle:T(()=>[H.value.length>2&&F.value.legend.selectAllToggle.show&&!w(Mn)?(y(),p(Ie,{key:0,backgroundColor:F.value.legend.selectAllToggle.backgroundColor,color:F.value.legend.selectAllToggle.color,fontSize:F.value.legend.fontSize,checked:k.value.length>0,onToggle:pr},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`])):m(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:T(({legend:e,index:t})=>[Ke(Ae,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${D.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`]))],512)):m(``,!0),g(`div`,ut,[(y(),h(`svg`,{ref_key:`svgRef`,ref:Rn,xmlns:w(pe),class:_({"vue-data-ui-fullscreen--on":Nr.value,"vue-data-ui-fulscreen--off":!Nr.value,"vue-data-ui-no-transition":!w(I)}),viewBox:`0 0 ${L.value} ${R.value}`,style:v(`max-width:100%;overflow:visible;background:transparent;color:${F.value.color}`),tabindex:`0`,"aria-describedby":`chart-instructions-${D.value}`,onFocus:ri,onBlur:ii,onKeydown:oi},[g(`g`,{ref_key:`G`,ref:gn,class:`vue-data-ui-g`},[Ke(w(Qt)),e.$slots[`chart-background`]?(y(),h(`foreignObject`,{key:0,x:0,y:0,width:L.value,height:R.value,style:{pointerEvents:`none`}},[S(e.$slots,`chart-background`,{},void 0,!0)],8,ft)):m(``,!0),g(`defs`,null,[(y(!0),h(d,null,x(W.value,(e,t)=>(y(),p(Pe,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`vertical_bar_gradient_${D.value}_${t}`,key:`vertical_bar_gradient_${D.value}_${t}`,stops:[[`0%`,e.color,1],[`100%`,w(ne)(w(ae)(e.color,.03),100-M.value.gradientIntensity),1]]},null,8,[`id`,`stops`]))),128))]),e.$slots.pattern?(y(),h(`g`,pt,[(y(!0),h(d,null,x(W.value,t=>(y(),h(`defs`,null,[S(e.$slots,`pattern`,Ye({ref_for:!0},{seriesIndex:t.absoluteIndex,patternId:`pattern_${D.value}_${t.absoluteIndex}`}),void 0,!0)]))),256))])):m(``,!0),M.value.rowColor?(y(!0),h(d,{key:2},x(W.value,(e,t)=>(y(),h(`g`,{key:`row_${e.id}`},[g(`rect`,{x:0,y:Y.value.top+(z.value+q.value)*t+K.value[t]*G.value,width:L.value,height:q.value<=0?1e-4:q.value,fill:M.value.rowColor,rx:M.value.rowRadius,style:{pointerEvents:`none`},class:_({"vue-data-ui-transition":w(I)})},null,10,mt)]))),128)):m(``,!0),(y(!0),h(d,null,x(W.value,(e,t)=>(y(),h(`g`,{key:`underlayer_${e.id}`},[g(`rect`,{x:w(u)(vr.value?Y.value.left+Y.value.width/2-(e.sign===1?0:Q(e.value)<=0?1e-4:Q(e.value)):Y.value.left),y:Y.value.top+(z.value+q.value)*t+K.value[t]*G.value,width:w(u)(Q(e.value)<=0?1e-4:Q(e.value)),height:q.value<=0?1e-4:q.value,fill:M.value.underlayerColor,rx:M.value.borderRadius,class:_({"vue-data-ui-transition":w(I)})},null,10,ht)]))),128)),(y(!0),h(d,null,x(W.value,(t,n)=>(y(),h(`g`,{key:`barloop_${t.id}`},[g(`rect`,{x:w(u)(vr.value?Y.value.left+Y.value.width/2-(t.sign===1?0:Q(t.value)<=0?1e-4:Q(t.value)):Y.value.left),y:Y.value.top+(z.value+q.value)*n+K.value[n]*G.value,width:w(u)(Q(t.value)<=0?1e-4:Q(t.value)),height:q.value<=0?1e-4:q.value,fill:M.value.useGradient?`url(#vertical_bar_gradient_${D.value}_${n})`:w(ne)(t.color,M.value.fillOpacity),rx:M.value.borderRadius,stroke:M.value.useStroke?t.color:`none`,"stroke-width":M.value.useStroke?M.value.strokeWidth:0,class:_({"vue-data-ui-transition":w(I)})},null,10,gt),e.$slots.pattern?(y(),h(`rect`,{key:0,x:w(u)(vr.value?Y.value.left+Y.value.width/2-(t.sign===1?0:Q(t.value)<=0?1e-4:Q(t.value)):Y.value.left),y:Y.value.top+(z.value+q.value)*n+K.value[n]*G.value,width:w(u)(Q(t.value)<=0?1e-4:Q(t.value)),height:q.value<=0?1e-4:q.value,fill:`url(#pattern_${D.value}_${t.absoluteIndex})`,rx:M.value.borderRadius,stroke:M.value.useStroke?t.color:`none`,"stroke-width":M.value.useStroke?M.value.strokeWidth:0,class:_({"vue-data-ui-transition":w(I)})},null,10,_t)):m(``,!0),(!t.isChild||t.isLastChild)&&N.value.separators.show&&n!==W.value.length-1?(y(),h(`path`,{key:1,stroke:N.value.separators.color,"stroke-width":N.value.separators.strokeWidth,"stroke-linecap":`round`,class:_({"vue-data-ui-transition":w(I)}),d:`M${L.value}, ${q.value+z.value/2+Y.value.top+(z.value+q.value)*n+K.value[n]*G.value} ${N.value.separators.fullWidth?0:Y.value.left}, ${q.value+z.value/2+Y.value.top+(z.value+q.value)*n+K.value[n]*G.value}`},null,10,vt)):m(``,!0),vr.value&&N.value.separators.show?(y(),h(`path`,{key:2,stroke:N.value.separators.color,"stroke-width":N.value.separators.strokeWidth,"stroke-linecap":`round`,class:_({"vue-data-ui-transition":w(I)}),d:`M${Y.value.left+Y.value.width/2}, ${Y.value.top} ${Y.value.left+Y.value.width/2}, ${Y.value.bottom}`},null,10,yt)):m(``,!0)]))),128)),g(`g`,{ref_key:`parentLabels`,ref:yn},[(y(!0),h(d,null,x(W.value,(e,t)=>(y(),h(`g`,{key:`pn_${e.id}`,class:`vue-ui-horizontal-bar-parent-label`},[e.isChild&&e.childIndex===0&&M.value.parentLabels.show?(y(),h(`rect`,{key:0,class:_([`vue-ui-horizontal-bar-parent-marker`,{"vue-data-ui-transition":w(I)}]),x:2,y:xr(e,t).y-M.value.parentLabels.fontSize/1.5,height:M.value.parentLabels.fontSize/1.5,width:M.value.parentLabels.fontSize/1.5,rx:1,fill:e.color},null,10,bt)):m(``,!0),e.isChild&&e.childIndex===0&&M.value.parentLabels.show?(y(),h(`text`,{key:1,class:_({"vue-data-ui-transition":w(I)}),transform:`translate(${M.value.parentLabels.offsetX+M.value.parentLabels.fontSize}, ${xr(e,t).y})`,"font-size":M.value.parentLabels.fontSize,fill:M.value.parentLabels.color,"font-weight":M.value.parentLabels.bold?`bold`:`normal`,"text-anchor":`start`,innerHTML:w(te)({content:`${Cr(e,t)}`,fontSize:M.value.parentLabels.fontSize,fill:N.value.bars.parentLabels.color,x:0,y:0,translateY:!1})},null,10,xt)):m(``,!0),e.isChild&&e.childIndex===0&&M.value.parentLabels.show?(y(),h(`text`,{key:2,class:_({"vue-data-ui-transition":w(I)}),transform:`translate(${M.value.parentLabels.offsetX+M.value.parentLabels.fontSize}, ${xr(e,t).y+w(he)(Cr(e,t))*M.value.parentLabels.fontSize*1.1})`,"font-size":M.value.parentLabels.fontSize,fill:M.value.parentLabels.color,"font-weight":M.value.dataLabels.bold?`bold`:`normal`,"text-anchor":`start`},C(wr(e,t)),11,St)):m(``,!0)]))),128))],512),g(`g`,{ref_key:`childLabels`,ref:bn},[(y(!0),h(d,null,x(tr.value,(e,t)=>(y(),h(`g`,{key:`cl_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[(e.isChild||!e.hasChildren)&&M.value.nameLabels.show?(y(),h(`text`,{key:0,"text-anchor":`start`,class:_({"vue-data-ui-transition":w(I)}),transform:`translate(${Math.abs(M.value.nameLabels.offsetX)}, ${w(u)(Y.value.top+(z.value+q.value)*t+q.value/2+M.value.nameLabels.fontSize/2+K.value[t]*G.value)})`,"font-size":M.value.nameLabels.fontSize,fill:`transparent`,"font-weight":M.value.nameLabels.bold?`bold`:`normal`,style:{"user-select":`none`},innerHTML:w(te)({content:e.name,fontSize:M.value.nameLabels.fontSize,fill:`transparent`,x:0,y:0,translateY:!0})},null,10,Ct)):m(``,!0)]))),128))],512),g(`g`,null,[(y(!0),h(d,null,x(W.value,(e,t)=>(y(),h(`g`,{key:`vislab_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[(e.isChild||!e.hasChildren)&&M.value.nameLabels.show?(y(),h(`text`,{key:0,class:_({"vue-data-ui-transition":w(I)}),"text-anchor":`end`,transform:`translate(${Y.value.left+M.value.nameLabels.offsetX-6}, ${Y.value.top+(z.value+q.value)*t+q.value/2+M.value.nameLabels.fontSize/3+K.value[t]*G.value})`,"font-size":M.value.nameLabels.fontSize,fill:M.value.nameLabels.color,"font-weight":M.value.nameLabels.bold?`bold`:`normal`,innerHTML:w(te)({content:e.name,fontSize:M.value.nameLabels.fontSize,fill:N.value.bars.nameLabels.color,x:0,y:0,translateY:!0})},null,10,wt)):m(``,!0)]))),128))]),g(`g`,null,[(y(!0),h(d,null,x(W.value,(e,t)=>(y(),h(`g`,{key:`sdl_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[g(`text`,{class:_({"vue-data-ui-transition":w(I)}),transform:`translate(${vr.value?Y.value.left+Y.value.width/2+(e.sign===1?-12:12)+(e.sign===1?-N.value.bars.dataLabels.offsetX:N.value.bars.dataLabels.offsetX):Math.min(br(e.value)+3+F.value.layout.bars.dataLabels.offsetX,Y.value.right-2)},${Y.value.top+(z.value+q.value)*t+q.value/2+K.value[t]*G.value+M.value.dataLabels.fontSize/3})`,"text-anchor":!vr.value||e.sign===-1?`start`:`end`,"font-size":M.value.dataLabels.fontSize,fill:M.value.dataLabels.color,"font-weight":M.value.dataLabels.bold?`bold`:`normal`},C(jr(e.value,e,t,e.sign)),11,Tt)]))),128))]),(y(!0),h(d,null,x(W.value,(e,t)=>(y(),h(`g`,null,[g(`rect`,{x:0,y:Y.value.top+(z.value+q.value)*t-z.value/2+K.value[t]*G.value,width:L.value,height:q.value+z.value<=0?1e-4:q.value+z.value,fill:Tr.value===e.id?w(ne)(N.value.highlighter.color,N.value.highlighter.opacity):`transparent`,onMouseenter:n=>kr(e,t,`pointer`),onMouseleave:n=>Or({datapoint:e,seriesIndex:t}),onClick:n=>Dr({datapoint:e,seriesIndex:t})},null,40,Et)]))),256)),S(e.$slots,`svg`,{svg:{...J.value,drawingArea:Y.value,isPrintingImg:w(Vn)||w(Hn)||w(Xr),isPrintingSvg:w(Zr)}},void 0,!0)],512)],46,dt)),e.$slots.hint?(y(),h(`div`,Dt,[S(e.$slots,`hint`,Ze(Je({hint:j.value.a11y.translations.keyboardNavigation,isVisible:ni.value})),void 0,!0)])):m(``,!0)]),e.$slots.watermark?(y(),h(`div`,Ot,[S(e.$slots,`watermark`,Ze(Je({isPrinting:w(Vn)||w(Hn)||w(Xr)||w(Zr)})),void 0,!0)])):m(``,!0),e.$slots.legend&&F.value.legend.show&&F.value.legend.position===`bottom`?S(e.$slots,`legend`,{legend:H.value},void 0,!0,8):m(``,!0),!e.$slots.legend&&F.value.legend.show&&F.value.legend.position===`bottom`?(y(),h(`div`,{key:9,ref_key:`chartLegend`,ref:dn},[(y(),p(He,{key:`legend_bottom_${hn.value}`,legendSet:H.value,config:rr.value,isCursorPointer:kn.value,onClickMarker:t[1]||=({legend:e})=>X(e.id)},We({item:T(({legend:e,index:t})=>[g(`div`,{onClick:t=>X(e.id),style:v(`opacity:${k.value.includes(e.id)?.5:1}`)},C(Ar({legend:e,index:t})),13,kt)]),legendToggle:T(()=>[H.value.length>2&&F.value.legend.selectAllToggle.show&&!w(Mn)?(y(),p(Ie,{key:0,backgroundColor:F.value.legend.selectAllToggle.backgroundColor,color:F.value.legend.selectAllToggle.color,fontSize:F.value.legend.fontSize,checked:k.value.length>0,isCursorPointer:kn.value,onToggle:pr},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):m(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:T(({legend:e,index:t})=>[Ke(Ae,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${D.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`]))],512)):m(``,!0),e.$slots.source?(y(),h(`div`,{key:10,ref_key:`source`,ref:fn,dir:`auto`},[S(e.$slots,`source`,{},void 0,!0)],512)):m(``,!0),Ke(w(Jt),{teleportTo:P.value.teleportTo,show:V.value.showTooltip&&on.value&&k.value.length<E.dataset.length,backgroundColor:P.value.backgroundColor,color:P.value.color,borderRadius:P.value.borderRadius,borderColor:P.value.borderColor,borderWidth:P.value.borderWidth,fontSize:P.value.fontSize,backgroundOpacity:P.value.backgroundOpacity,position:P.value.position,offsetX:P.value.offsetX,offsetY:P.value.offsetY,parent:O.value,content:sn.value,isFullscreen:Nr.value,isCustom:P.value.customFormat&&typeof P.value.customFormat==`function`,smooth:P.value.smooth,backdropFilter:P.value.backdropFilter,smoothForce:P.value.smoothForce,smoothSnapThreshold:P.value.smoothSnapThreshold,isA11yMode:Dn.value===`keyboard`,a11yPosition:En.value},{"tooltip-before":T(()=>[S(e.$slots,`tooltip-before`,Ze(Je({...Er.value})),void 0,!0)]),tooltip:T(()=>[S(e.$slots,`tooltip`,Ze(Je({...Er.value})),void 0,!0)]),"tooltip-after":T(()=>[S(e.$slots,`tooltip-after`,Ze(Je({...Er.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`]),an.value&&j.value.userOptions.buttons.table?(y(),p(et(Hr.value.component),Ye({key:11},Hr.value.props,{ref_key:`tableUnit`,ref:_n,onClose:Wr}),We({content:T(()=>[g(`div`,{ref_key:`tableContainer`,ref:qn,class:`vue-ui-vertical-bar-table atom-data-table`,style:v(`${j.value.table.useDialog?``:`max-height: 300px; margin-top: 24px`}`)},[g(`div`,At,[j.value.table.useDialog?m(``,!0):(y(),h(`div`,{key:0,role:`button`,tabindex:`0`,style:v(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${kn.value?`pointer`:`default`}; background:${j.value.table.th.backgroundColor};`),onClick:Wr,onKeypress:at(Wr,[`enter`])},[Ke(w(Yt),{name:`close`,stroke:j.value.table.th.color,"stroke-width":2},null,8,[`stroke`])],36)),g(`div`,{style:{width:`100%`,"container-type":`inline-size`},class:_({"vue-ui-responsive":w(Ur)})},[g(`table`,jt,[j.value.table.useDialog?m(``,!0):(y(),h(`caption`,{key:0,style:v({backgroundColor:j.value.table.th.backgroundColor,color:j.value.table.th.color,outline:j.value.table.th.outline}),class:`vue-ui-data-table__caption`},[Ge(C(F.value.title.text)+` `,1),F.value.title.subtitle.text?(y(),h(`span`,Mt,C(F.value.title.subtitle.text),1)):m(``,!0)],4)),g(`thead`,null,[g(`tr`,{role:`row`,style:v(`background:${j.value.table.th.backgroundColor};color:${j.value.table.th.color}`)},[(y(!0),h(d,null,x($.value.head,e=>(y(),h(`th`,{style:v(`outline:${j.value.table.th.outline}`)},[g(`div`,Nt,C(e),1)],4))),256))],4),g(`tr`,null,[g(`th`,{style:v(`background:${j.value.table.th.backgroundColor};color:${j.value.table.th.color};outline:${j.value.table.th.outline}`)},null,4),g(`th`,{style:v(`background:${j.value.table.th.backgroundColor};color:${j.value.table.th.color};outline:${j.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)},` ∑ `+C(j.value.table.td.prefix)+C(isNaN(Z.value)?``:Z.value.toFixed(j.value.table.td.roundingValue))+C(j.value.table.td.suffix),5),g(`th`,{style:v(`background:${j.value.table.th.backgroundColor};color:${j.value.table.th.color};outline:${j.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)},` 100% `,4),g(`th`,{style:v(`background:${j.value.table.th.backgroundColor};color:${j.value.table.th.color};outline:${j.value.table.th.outline}`)},null,4),g(`th`,{style:v(`background:${j.value.table.th.backgroundColor};color:${j.value.table.th.color};outline:${j.value.table.th.outline}`)},null,4),g(`th`,{style:v(`background:${j.value.table.th.backgroundColor};color:${j.value.table.th.color};outline:${j.value.table.th.outline}`)},null,4),g(`th`,{style:v(`background:${j.value.table.th.backgroundColor};color:${j.value.table.th.color};outline:${j.value.table.th.outline}`)},null,4)])]),g(`tbody`,null,[(y(!0),h(d,null,x($.value.body,(e,t)=>(y(),h(`tr`,{class:_({"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:v(`background:${j.value.table.td.backgroundColor};color:${j.value.table.td.color}`)},[g(`td`,{class:`vue-ui-data-table__tbody__td`,style:v(`outline:${j.value.table.td.outline};font-variant-numeric: tabular-nums;`),"data-cell":$.value.head[0]??``},[g(`div`,Ft,[e.color?(y(),h(`span`,{key:0,style:v(`color:${e.color};margin-right:3px`)},`⬤`,4)):m(``,!0),g(`span`,null,C(e.parentName),1)])],12,Pt),g(`td`,{class:`vue-ui-data-table__tbody__td`,style:v(`outline:${j.value.table.td.outline}`),"data-cell":$.value.head[1]??``},[g(`div`,Lt,C(j.value.table.td.prefix)+C([``,NaN,void 0].includes(e.parentValue)?``:e.parentValue.toFixed(j.value.table.td.roundingValue))+C(j.value.table.td.suffix),1)],12,It),g(`td`,{class:`vue-ui-data-table__tbody__td`,style:v(`outline:${j.value.table.td.outline}`),"data-cell":$.value.head[2]??``},[g(`div`,zt,C([``,NaN,void 0].includes(e.percentageToTotal)?``:`${(e.percentageToTotal*100).toFixed(j.value.table.td.roundingPercentage)}%`),1)],12,Rt),g(`td`,{class:`vue-ui-data-table__tbody__td`,style:v(`outline:${j.value.table.td.outline}`),"data-cell":$.value.head[3]??``},[g(`div`,Vt,C(e.childName),1)],12,Bt),g(`td`,{class:`vue-ui-data-table__tbody__td`,style:v(`outline:${j.value.table.td.outline}`),"data-cell":$.value.head[4]??``},[g(`div`,Ut,C(j.value.table.td.prefix)+C([``,NaN,void 0].includes(e.childValue)?``:e.childValue.toFixed(j.value.table.td.roundingValue))+C(j.value.table.td.suffix),1)],12,Ht),g(`td`,{class:`vue-ui-data-table__tbody__td`,style:v(`outline:${j.value.table.td.outline}`),"data-cell":$.value.head[5]??``},[g(`div`,Gt,C([``,NaN,void 0].includes(e.childPercentageToParent)?``:`${(e.childPercentageToParent*100).toFixed(j.value.table.td.roundingPercentage)}%`),1)],12,Wt),g(`td`,{class:`vue-ui-data-table__tbody__td`,style:v(`outline:${j.value.table.td.outline}`),"data-cell":$.value.head[6]??``},[g(`div`,qt,C([``,NaN,void 0].includes(e.childPercentageToTotal)?``:`${(e.childPercentageToTotal*100).toFixed(j.value.table.td.roundingPercentage)}%`),1)],12,Kt)],6))),256))])])],2)])],4)]),_:2},[j.value.table.useDialog?{name:`title`,fn:T(()=>[Ge(C(Hr.value.title),1)]),key:`0`}:void 0,j.value.table.useDialog?{name:`actions`,fn:T(()=>[g(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[2]||=e=>Mr(j.value.userOptions.callbacks.csv),style:v({cursor:kn.value?`pointer`:`default`})},[Ke(w(Yt),{name:`fileCsv`,stroke:Hr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):m(``,!0),S(e.$slots,`skeleton`,{},()=>[w(Mn)?(y(),p(we,{key:0})):m(``,!0)],!0)],46,st))}},[[`__scopeId`,`data-v-24853c02`]]);export{ot as n,Jt as t};

package/dist/vue-ui-kpi-C-eed3jO.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,X as n,i as r}from"./lib-CV_IANZ6.js";import{n as i,t as a}from"./useHints-BH9r_0Vd.js";import{t as o}from"./useConfig-CKdzPrcf.js";import{t as s}from"./useNestedProp-CB186vF2.js";import{t as c}from"./usePrefersMotion-XLHwega2.js";import{Fragment as l,computed as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createTextVNode as m,createVNode as h,defineAsyncComponent as g,normalizeClass as _,normalizeStyle as v,onMounted as y,openBlock as b,ref as x,renderSlot as S,toDisplayString as C,unref as w,useSlots as T,watch as E}from"vue";var D=/* @__PURE__ */ e({default:()=>j}),O=[`aria-labelledby`],k=[`id`],A=[`aria-label`],j={__name:`vue-ui-kpi`,props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(e){let D=g(()=>import(`./vue-ui-digits-CXKKmfGj.js`).then(e=>e.n)),{vue_ui_kpi:j}=o(),M=c(),N=e,P=u({get:()=>R(),set:e=>e});i({config:()=>P.value,dataset:()=>N.dataset,component:`VueUiKpi`,rules:[a.noHint]});let F=T(),I=u(()=>P.value.debug),L=x(n());y(()=>{F[`chart-background`]&&I.value&&console.warn(`VueUiKpi does not support the #chart-background slot.`)});function R(){return s({userConfig:N.config,defaultConfig:j})}E(()=>N.config,e=>{P.value=R(),H()},{deep:!0});let z=x((N.dataset,N.dataset)),B=x(P.value.useAnimation?P.value.animationValueStart:z.value),V=e=>{let t=P.value.animationFrames,n=Math.abs(e-B.value)/t;function r(){B.value<e?B.value=Math.min(B.value+n,e):B.value>e&&(B.value=Math.max(B.value-n,e)),B.value!==e&&requestAnimationFrame(r)}r()};y(()=>{H()});function H(){P.value.useAnimation&&!M.value?(B.value=P.value.animationValueStart,V(N.dataset)):B.value=N.dataset}return E(()=>N.dataset,e=>{P.value.useAnimation&&!M.value?V(e):B.value=e}),(n,i)=>(b(),f(`div`,{class:_(`vue-data-ui-component vue-ui-kpi ${P.value.layoutClass}`),style:v(`background:${P.value.backgroundColor}; ${P.value.layoutCss}`),"aria-labelledby":`kpi-title-${L.value}`},[P.value.title||n.$slots.title?(b(),f(`div`,{key:0,class:_(`vue-ui-kpi-title ${P.value.titleClass}`),style:v(`font-family: ${P.value.fontFamily}; font-size:${P.value.titleFontSize}px; color:${P.value.titleColor}; font-weight:${P.value.titleBold?`bold`:`normal`}; ${P.value.titleCss}`),id:`kpi-title-${L.value}`},[S(n.$slots,`title`,{comment:e.dataset}),m(` `+C(P.value.title),1)],14,k)):d(``,!0),S(n.$slots,`comment-before`,{comment:e.dataset}),p(`div`,{class:_(`vue-ui-kpi-value ${P.value.valueClass}`),style:v(`font-family: ${P.value.fontFamily}; font-size:${P.value.valueFontSize}px; color:${P.value.valueColor}; font-weight:${P.value.valueBold?`bold`:`normal`}; ${P.value.valueCss}`),role:`status`,"aria-live":`polite`,"aria-atomic":`true`,"aria-label":B.value.toFixed(P.value.valueRounding)},[S(n.$slots,`value`,{comment:e.dataset}),P.value.analogDigits.show?(b(),f(`div`,{key:0,style:v({height:P.value.analogDigits.height+`px`})},[h(w(D),{dataset:Number(B.value.toFixed(P.value.valueRounding)),config:{backgroundColor:P.value.backgroundColor,digits:{color:P.value.analogDigits.color,skeletonColor:P.value.analogDigits.skeletonColor}}},null,8,[`dataset`,`config`])],4)):(b(),f(l,{key:1},[m(C(w(r)(P.value.formatter,B.value,w(t)({p:P.value.prefix,v:B.value,s:P.value.suffix,r:P.value.valueRounding}))),1)],64))],14,A),S(n.$slots,`comment-after`,{comment:e.dataset})],14,O))}};export{D as n,j as t};

package/dist/vue-ui-label-B4pkXBxc.js

@@ -0,0 +1,7 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{X as t,kt as n,x as r}from"./lib-CV_IANZ6.js";import{t as i}from"./useConfig-CKdzPrcf.js";import{t as a}from"./useNestedProp-CB186vF2.js";import{t as o}from"./useThemeCheck-BKNRbGeC.js";import{t as s}from"./Shape-Bp9YNtPc.js";import{t as c}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as l}from"./vue_ui_label-dtPqyFsj.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as ee,getCurrentInstance as te,guardReactiveProps as ne,nextTick as h,normalizeClass as re,normalizeProps as ie,normalizeStyle as ae,onBeforeUnmount as oe,onMounted as se,openBlock as g,ref as _,renderList as ce,renderSlot as le,toDisplayString as ue,unref as de,useTemplateRef as v,watch as fe,withModifiers as pe}from"vue";var me=/* @__PURE__ */ e({default:()=>D}),he=[`d`,`stroke`,`stroke-width`,`stroke-dasharray`],ge=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],_e=[`id`,`data-position`,`data-overflow`,`data-overlap`,`data-target-x`,`data-target-y`,`data-box-position-x`,`data-box-position-y`,`data-link-length`,`data-box-show`,`data-box-max-width`,`data-box-padding-top`,`data-box-padding-right`,`data-box-padding-bottom`,`data-box-padding-left`,`data-drag-enabled`,`data-drag-handle-position`,`data-drag-handle-size`],ve=[`x`,`y`,`width`,`height`,`rx`,`fill`,`stroke`,`stroke-width`],ye=[`x`,`y`,`width`,`height`,`rx`,`aria-label`],be=[`font-size`,`font-weight`,`text-anchor`,`fill`],xe=[`x`,`y`],Se=[`font-size`,`font-weight`,`text-anchor`,`fill`],Ce=[`x`,`y`],we=[`aria-label`],Te=[`x`,`y`,`width`,`height`],Ee=[`x`,`y`,`width`,`height`,`rx`],De=[`d`,`stroke`,`stroke-width`],Oe=[`d`,`stroke`,`stroke-width`,`opacity`],ke=8,y=4,Ae=12,je=24,Me=1,Ne=10,b=`__vueUiLabelLayoutOrder`,Pe=`__vueUiLabelNextLayoutOrder`,x=`__vueUiLabelLayoutRaf`,Fe=`__vueUiLabelSetLayoutRect`,Ie=`__vueUiLabelMeasureElement`,Le=`__vueUiLabelEmitDragEnd`,S=`__vueUiLabelPersistedOffset`,C=`__vueUiLabelDragRequestedOffset`,w=`__vueUiLabelDragging`,Re=`__vueUiLabelDragPriority`,ze=`__vueUiLabelNextDragPriority`,Be=`__vueUiLabelLastLayoutRect`,T=`__vueUiLabelLastLayoutOffset`,E=`__vueUiLabelDisplacedLabels`,D=/*#__PURE__*/ c({__name:`vue-ui-label`,props:{dataset:{type:Object,default(){return{x:null,y:null,position:{x:null,y:null}}}},config:{type:Object,default(){return{}}}},emits:[`dragStart`,`drag`,`dragEnd`,`click`,`mouseenter`,`mouseleave`,`focus`,`blur`],setup(e,{expose:c,emit:me}){let D=e,O=me,{vue_ui_label:Ve}=i(),{isThemeValid:He,warnInvalidTheme:Ue}=o();function We(){let e=a({userConfig:D.config,defaultConfig:Ve}),t={},n=e.theme;return n?He.value(e)?t=a({userConfig:l[n]||D.config,defaultConfig:e}):(Ue(e),t=e):t=e,t}let k=d(()=>We()),Ge=te(),Ke=t(),qe=v(`wrapperRef`),A=v(`labelRef`),Je=v(`contentRef`),Ye=v(`boxRef`),Xe=v(`titleTextRef`),Ze=v(`contentTextRef`),j=_(null),M=_(null),N=_(null),P=_({x:0,y:0}),Qe=_(!1),F=_(!1),$e=_(`pointer`),et=d(()=>k.value.title.fontSize),tt=d(()=>k.value.title.lineHeight),nt=d(()=>k.value.content.fontSize),rt=d(()=>k.value.content.lineHeight),it=d(()=>k.value.title.gap),at=d(()=>k.value.drag.handleWidth),ot=d(()=>k.value.collisionGap),st=null,ct=null,I=null,L={inputType:null,touchId:null,startPointer:null,startOffset:null,lastRequestedOffset:null},lt=d(()=>({x:D.dataset?.x??null,y:D.dataset?.y??null})),R=d(()=>n(lt.value.x)&&n(lt.value.y)),z=d(()=>Number(lt.value.x)),B=d(()=>Number(lt.value.y)),V=d(()=>k.value.link),H=d(()=>k.value.box),ut=d(()=>k.value.drag),U=d(()=>k.value.title.marker),dt=d(()=>k.value.overlap===!0),W=d(()=>ut.value?.enable===!0),ft=d(()=>!!(Ge?.vnode?.props??{}).onClick),pt=d(()=>ft.value),mt=d(()=>[String(k.value.title?.text??``).trim(),String(k.value.content?.text??``).trim()].filter(Boolean).join(`, `)||`Label`),ht=d(()=>`Move ${mt.value}`),gt=`label_${Ke}_drag_instructions`,_t=d(()=>k.value.a11y.translations.keyboardNavigation),vt=d(()=>n(ut.value?.iconSize)?Math.max(0,Number(ut.value.iconSize)):0),yt=d(()=>vt.value*.15),bt=d(()=>{let e=ut.value?.handlePosition;return[`left`,`right`,`top`,`bottom`].includes(e)?e:`left`}),xt=d(()=>{let e=D.dataset?.position;return!e||!n(e.x)||!n(e.y)?null:{x:Number(e.x),y:Number(e.y)}}),St=d(()=>Qe.value?null:xt.value),Ct=d(()=>n(V.value.length)?Math.max(0,Number(V.value.length)):ke),wt=d(()=>Hn(k.value.title.textAlign)),Tt=d(()=>Hn(k.value.content.textAlign)),Et=d(()=>Un(wt.value)),Dt=d(()=>Un(Tt.value)),Ot=d(()=>U.value?.color!==null&&U.value?.color!==void 0&&String(k.value.title.text??``)!==``),kt=d(()=>Ot.value&&n(U.value?.size)?Math.max(0,Number(U.value.size)):0),At=d(()=>kt.value/2),jt=d(()=>U.value?.beforeText!==!1),Mt=d(()=>Ot.value&&kt.value>0?6:0),Nt=d(()=>kt.value>0?kt.value+Mt.value:0),G=d(()=>{let e=H.value.padding??{};return{top:n(e.top)?Math.max(0,Number(e.top)):0,right:n(e.right)?Math.max(0,Number(e.right)):0,bottom:n(e.bottom)?Math.max(0,Number(e.bottom)):0,left:n(e.left)?Math.max(0,Number(e.left)):0}}),Pt=d(()=>n(H.value.borderWidth)?Math.max(0,Number(H.value.borderWidth)):0),Ft=d(()=>n(H.value.borderRadius)?Math.max(0,Number(H.value.borderRadius)):0),K=d(()=>n(H.value.maxWidth)?Math.max(0,Number(H.value.maxWidth)):null),It=d(()=>W.value&&H.value.show?at.value:0),Lt=d(()=>[`left`,`right`].includes(bt.value)),Rt=d(()=>{if(!H.value.show||!n(K.value)||K.value<=0)return null;let e=Lt.value?It.value:0;return Math.max(1,K.value-G.value.left-G.value.right-e)}),zt=d(()=>Rt.value?Math.max(1,Rt.value-Nt.value):null),q=d(()=>{if(!H.value.show||!N.value)return null;let e=Pt.value/2,t=Math.max(0,N.value.width-Pt.value),n=Math.max(0,N.value.height-Pt.value);return{x:N.value.x+e,y:N.value.y+e,width:t,height:n,rx:Math.min(Ft.value,t/2,n/2)}}),Bt=d(()=>{if(!W.value||!q.value)return null;let e=bt.value,t=[`left`,`right`].includes(e),n=Math.min(at.value,Math.max(0,t?q.value.width:q.value.height));if(n<=0||q.value.width<=0||q.value.height<=0)return null;let r=q.value.x,i=q.value.y,a=q.value.width,o=q.value.height,s=``,c=``;if(e===`left`||e===`right`){a=n,r=e===`left`?q.value.x:q.value.x+q.value.width-n;let t=e===`left`?r+n:r,l=r+n/2,u=i+o/2;s=`
+            M ${t} ${i}
+            V ${i+o}
+        `;let d=vt.value,f=yt.value/2,p=Math.max(0,d/2-f),m=d*.14;c=[-.7,0,.7].flatMap(e=>{let t=u+p*e;return[`M ${l-m} ${t} h 0`,`M ${l+m} ${t} h 0`]}).join(` `)}else{o=n,i=e===`top`?q.value.y:q.value.y+q.value.height-n;let t=e===`top`?i+n:i,l=r+a/2,u=i+n/2;s=`
+            M ${r} ${t}
+            H ${r+a}
+        `;let d=vt.value,f=yt.value/2,p=Math.max(0,d/2-f),m=d*.14;c=[-.7,0,.7].flatMap(e=>{let t=l+p*e;return[`M ${t} ${u-m} h 0`,`M ${t} ${u+m} h 0`]}).join(` `)}return{x:r,y:i,width:a,height:o,separatorPath:s,gripPath:c,position:e}}),J=d(()=>{let e=Bt.value;if(!e)return null;let t=Math.max(je,e.width),n=Math.max(je,e.height),r=e.x,i=e.y;return e.position===`left`?r=e.x+e.width-t:e.position===`top`&&(i=e.y+e.height-n),e.position===`left`||e.position===`right`?i=e.y+e.height/2-n/2:r=e.x+e.width/2-t/2,{x:r,y:i,width:t,height:n}}),Y=d(()=>{if(!pt.value)return null;let e=null;if(q.value?e={...q.value}:M.value&&(e={x:M.value.x-P.value.x,y:M.value.y-P.value.y,width:M.value.width,height:M.value.height,rx:0}),!e)return null;let t=Bt.value;return t&&(t.position===`left`?(e.x+=t.width,e.width-=t.width):t.position===`right`?e.width-=t.width:(t.position===`top`&&(e.y+=t.height),e.height-=t.height)),e.width<=0||e.height<=0?null:e}),X=_(Gn(k.value.title.text)),Vt=_(Gn(k.value.content.text)),Z=_(0),Ht=_(0),Ut=_(0),Wt=d(()=>Z.value+Nt.value),Gt=d(()=>z.value-Ut.value/2),Kt=d(()=>z.value+Ut.value/2),qt=d(()=>wt.value===`left`?Gt.value:wt.value===`right`?Kt.value-Wt.value:z.value-Wt.value/2),Jt=d(()=>{let e=qt.value+(jt.value?Nt.value:0);return wt.value===`left`?e:wt.value===`right`?e+Z.value:e+Z.value/2}),Yt=d(()=>!Ot.value||At.value<=0?null:{x:jt.value?qt.value+At.value:qt.value+Z.value+Mt.value+At.value,y:B.value-et.value*.35+U.value.offsetY}),Xt=d(()=>Wn(Tt.value)),Zt=d(()=>X.value.length?B.value+X.value.length*tt.value+it.value:B.value),Qt=d(()=>{if(!V.value.show||!R.value||!M.value)return null;let e=M.value,t=z.value,n=B.value,i=e.x+e.width/2,a=e.y+e.height/2,o=i-t,s=a-n,c,l,u,d=H.value.show?Math.min(Ft.value,e.width/2,e.height/2):0,f=Math.abs(i-t)<.001,p=Math.abs(a-n)<.001;return Math.abs(o)>=Math.abs(s)?(o>=0?(u=`left`,c=e.x):(u=`right`,c=e.x+e.width),l=p?a:r(n,e.y+d,e.y+e.height-d)):(s>=0?(u=`top`,l=e.y):(u=`bottom`,l=e.y+e.height),c=f?i:r(t,e.x+d,e.x+e.width-d)),{d:`M ${t} ${n} L ${c} ${l}`,side:u,start:{x:t,y:n},end:{x:c,y:l}}});function $t(e,t){let n=j.value;if(!n?.createSVGPoint||!Number.isFinite(e)||!Number.isFinite(t))return null;let r=n.getScreenCTM?.();if(!r)return null;let i=n.createSVGPoint();i.x=e,i.y=t;try{let e=i.matrixTransform(r.inverse());return!Number.isFinite(e.x)||!Number.isFinite(e.y)?null:{x:e.x,y:e.y}}catch{return null}}function en(e=P.value){return{dataset:D.dataset,offset:{x:Number(e?.x)||0,y:Number(e?.y)||0},rect:M.value?{...M.value}:null}}function tn(e){let t=j.value;t&&e&&(Number.isFinite(t[ze])||(t[ze]=0),t[ze]+=1,e[Re]=t[ze])}function nn(){window.addEventListener(`mousemove`,gn,!0),window.addEventListener(`mouseup`,_n,!0)}function rn(){window.removeEventListener(`mousemove`,gn,!0),window.removeEventListener(`mouseup`,_n,!0)}function an(){window.addEventListener(`touchmove`,yn,{capture:!0,passive:!1}),window.addEventListener(`touchend`,bn,!0),window.addEventListener(`touchcancel`,xn,!0)}function on(){window.removeEventListener(`touchmove`,yn,!0),window.removeEventListener(`touchend`,bn,!0),window.removeEventListener(`touchcancel`,xn,!0)}function sn(){rn(),on()}function cn({event:e,inputType:t,touchId:n=null,pointer:r}){if(F.value||!W.value||!A.value||!j.value||!r)return;e.preventDefault(),e.stopPropagation();let i=A.value,a={x:Number(P.value?.x)||0,y:Number(P.value?.y)||0};L.inputType=t,L.touchId=n,L.startPointer=r,L.startOffset=a,L.lastRequestedOffset=a,F.value=!0,i[w]=!0,i[S]={...a},i[C]={...a},j.value[E]=/* @__PURE__ */ new Map,tn(i),t===`mouse`?nn():an(),O(`dragStart`,en(a))}function ln(e){e.button===0&&cn({event:e,inputType:`mouse`,pointer:$t(e.clientX,e.clientY)})}function un(e){let t=e.changedTouches?.[0]??e.touches?.[0];t&&cn({event:e,inputType:`touch`,touchId:t.identifier,pointer:$t(t.clientX,t.clientY)})}function dn(){if(I||typeof document>`u`)return I;let e=document.createElement(`div`);return e.setAttribute(`role`,`status`),e.setAttribute(`aria-live`,`polite`),e.setAttribute(`aria-atomic`,`true`),e.style.position=`fixed`,e.style.width=`1px`,e.style.height=`1px`,e.style.padding=`0`,e.style.margin=`-1px`,e.style.overflow=`hidden`,e.style.clip=`rect(0, 0, 0, 0)`,e.style.whiteSpace=`nowrap`,e.style.border=`0`,document.body.append(e),I=e,I}function fn(e){let t=dn();if(!t)return;let n=Number(e?.x)||0,r=Number(e?.y)||0,i=e=>Number.isInteger(e)?String(e):e.toFixed(2);t.textContent=``,requestAnimationFrame(()=>{I&&(I.textContent=`${mt.value} moved to x ${i(n)}, y ${i(r)}.`)})}function pn(e,t){let n=A.value,r=j.value;if(F.value||!W.value||!n||!r?.isConnected)return;let i={x:Number(P.value?.x)||0,y:Number(P.value?.y)||0},a={x:i.x+e,y:i.y+t};L.inputType=`keyboard`,L.touchId=null,L.startPointer=null,L.startOffset=i,L.lastRequestedOffset=a,F.value=!0,n[w]=!0,n[S]={...i},n[C]={...a},r[E]=/* @__PURE__ */ new Map,tn(n),O(`dragStart`,en(i)),O(`drag`,en(a)),Cr(r),Sn()}function mn(e){if(!W.value)return;let t={ArrowUp:[0,-1],ArrowDown:[0,1],ArrowLeft:[-1,0],ArrowRight:[1,0]}[e.key];if(!t)return;e.preventDefault(),e.stopPropagation();let n=e.shiftKey?Ne:Me;pn(t[0]*n,t[1]*n)}function hn(e,t=null){if(!F.value||!L.startPointer||!L.startOffset||!A.value||!e)return;t&&(t.cancelable&&t.preventDefault(),t.stopPropagation());let n={x:L.startOffset.x+(e.x-L.startPointer.x),y:L.startOffset.y+(e.y-L.startPointer.y)};L.lastRequestedOffset=n,A.value[C]={...n},$(j.value),O(`drag`,en(n))}function gn(e){F.value&&L.inputType===`mouse`&&hn($t(e.clientX,e.clientY),e)}function _n(e){F.value&&L.inputType===`mouse`&&Sn(e)}function vn(e){if(!e||L.touchId===null)return null;for(let t of e)if(t.identifier===L.touchId)return t;return null}function yn(e){if(!F.value||L.inputType!==`touch`)return;let t=vn(e.touches);t&&hn($t(t.clientX,t.clientY),e)}function bn(e){F.value&&L.inputType===`touch`&&vn(e.changedTouches)&&Sn(e)}function xn(e){F.value&&L.inputType===`touch`&&vn(e.changedTouches)&&Sn(e)}function Sn(e=null){if(!F.value)return;e&&(e.cancelable&&e.preventDefault(),e.stopPropagation());let t=A.value,n=j.value,r=L.inputType;n?.[x]&&(cancelAnimationFrame(n[x]),n[x]=null),n?.isConnected&&t&&Cr(n);let i=t?fr(t)??{x:Number(P.value?.x)||0,y:Number(P.value?.y)||0}:{x:Number(P.value?.x)||0,y:Number(P.value?.y)||0},a=M.value?{x:M.value.x,y:M.value.y}:N.value?{x:N.value.x+i.x,y:N.value.y+i.y}:{x:z.value+i.x,y:B.value+i.y},o=xr(n,t);t&&(t[S]={x:i.x,y:i.y},t[w]=!1,delete t[C]),P.value={x:i.x,y:i.y},sn(),F.value=!1,L.inputType=null,L.touchId=null,L.startPointer=null,L.startOffset=null,L.lastRequestedOffset=null,requestAnimationFrame(()=>{O(`dragEnd`,wn(a)),r===`keyboard`&&fn(a);for(let e of o)e.emitDragEnd(e.position)})}function Cn(e=P.value){return M.value?{x:M.value.x,y:M.value.y}:N.value?{x:N.value.x+(Number(e?.x)||0),y:N.value.y+(Number(e?.y)||0)}:{x:z.value+(Number(e?.x)||0),y:B.value+(Number(e?.y)||0)}}function wn(e=Cn()){return{...D.dataset,position:{x:Number(e?.x)||0,y:Number(e?.y)||0}}}function Tn(e){O(e,wn())}function En(){Tn(`mouseenter`)}function Dn(){Tn(`mouseleave`)}function On(){if($e.value!==`pointer`)return;let e=document.activeElement;(e===A.value||e===qe.value)&&e.blur?.()}function kn(){On(),Tn(`click`)}function An(){$e.value=`keyboard`}function jn(){$e.value=`pointer`}function Mn(){$e.value=`pointer`;let e=document.activeElement,t=qe.value;t&&e&&t.contains(e)&&typeof e.blur==`function`&&e.blur()}function Nn(e){pt.value&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),Tn(`click`))}function Pn(e){let t=qe.value;t&&!t.contains(e.relatedTarget)&&Tn(`focus`)}function Fn(e){let t=qe.value;t&&!t.contains(e.relatedTarget)&&Tn(`blur`)}function In(e){let t=e.viewBox?.baseVal;if(t?.width>0&&t?.height>0)return{x:t.x,y:t.y,width:t.width,height:t.height};let n=e.getBoundingClientRect();return{x:0,y:0,width:e.clientWidth||n.width,height:e.clientHeight||n.height}}function Ln(e){return{x:e.x,y:e.y,width:e.width,height:e.height}}function Rn(e,{top:t=0,right:n=0,bottom:r=0,left:i=0}={}){return{x:e.x-i,y:e.y-t,width:e.width+i+n,height:e.height+t+r}}function Q(e,t){return{x:e.x+t.x,y:e.y+t.y,width:e.width,height:e.height}}function zn(e,t,n=0){return e.x<t.x+t.width+n&&e.x+e.width+n>t.x&&e.y<t.y+t.height+n&&e.y+e.height+n>t.y}function Bn(e,t){return Math.max(0,Math.min(e.x+e.width,t.x+t.width)-Math.max(e.x,t.x))*Math.max(0,Math.min(e.y+e.height,t.y+t.height)-Math.max(e.y,t.y))}function Vn(e,t,n=0){return e.x>=t.x+n&&e.y>=t.y+n&&e.x+e.width<=t.x+t.width-n&&e.y+e.height<=t.y+t.height-n}function Hn(e){return[`left`,`center`,`right`].includes(e)?e:`center`}function Un(e){return e===`left`?`start`:e===`right`?`end`:`middle`}function Wn(e){return e===`left`?Gt.value:e===`right`?Kt.value:z.value}function Gn(e){return e?String(e).split(/\r?\n/):[]}function Kn(e,t){let n=String(e??``);if(!n)return 0;let r=Number(t?.getAttribute?.(`font-size`));if(!Number.isFinite(r)||r<=0)try{r=Number.parseFloat(window.getComputedStyle(t).fontSize)}catch{r=0}return(!Number.isFinite(r)||r<=0)&&(r=12),Array.from(n).reduce((e,t)=>{if(/\s/u.test(t))return e+r*.33;if(/[ilI1.,'`:;|!]/u.test(t))return e+r*.3;if(/[MW@#%&]/u.test(t))return e+r*.9;let n=t.codePointAt(0)??0;return e+r*(n>=4352&&n<=4607||n>=11904&&n<=40959||n>=44032&&n<=55215||n>=63744&&n<=64255||n>=127744&&n<=129791?1:.56)},0)}function qn(e,t=``,n=null){if(!e)return Kn(t,n);try{let t=e.getComputedTextLength?.();if(Number.isFinite(t)&&t>0)return t}catch{}try{let t=e.getBBox?.().width;if(Number.isFinite(t)&&t>0)return t}catch{}try{let t=e.getBoundingClientRect?.().width,n=e.getScreenCTM?.(),r=n?Math.hypot(n.a,n.b):0;if(Number.isFinite(t)&&t>0&&Number.isFinite(r)&&r>0)return t/r}catch{}return Kn(t,n)}function Jn(e){if(!e?.isConnected)return null;let t=e.parentNode;if(!t)return null;let n=e.cloneNode(!1);return n.removeAttribute(`id`),n.setAttribute(`opacity`,`0`),n.setAttribute(`pointer-events`,`none`),n.setAttribute(`text-anchor`,`start`),n.setAttribute(`x`,`0`),n.setAttribute(`y`,`0`),n.setAttribute(`aria-hidden`,`true`),t.append(n),{measure(t){let r=String(t??``);return r?(n.textContent=r,qn(n,r,e)):0},destroy(){n.remove()}}}function Yn(e,t,n){if(!e)return[``];if(n(e)<=t)return[e];let r=[],i=``;for(let a of Array.from(e)){let e=i+a;i&&n(e)>t?(r.push(i),i=a):i=e}return i&&r.push(i),r.length?r:[e]}function Xn(e,t,n){if(e===``)return[``];if(n(e)<=t)return[e];let r=e.trim().split(/\s+/).filter(Boolean);if(!r.length)return[``];let i=[],a=``;for(let e of r){let r=Yn(e,t,n);for(let e of r){let r=a?`${a} ${e}`:e;if(!a||n(r)<=t){a=r;continue}i.push(a),a=e}}return a&&i.push(a),i.length?i:[``]}function Zn(e,t,r){let i=Gn(e);if(!i.length||!n(t)||t<=0)return i;let a=Jn(r);if(!a)return i;try{return i.flatMap(e=>Xn(e,t,a.measure))}finally{a.destroy()}}function Qn(e,t){if(!e.length)return 0;let n=Jn(t);if(!n)return 0;try{return e.reduce((e,t)=>Math.max(e,n.measure(t)),0)}finally{n.destroy()}}function $n(e){if(!e)return 0;let t=Array.from(e.querySelectorAll(`tspan`));return t.length?t.reduce((t,n)=>Math.max(t,qn(n,n.textContent??``,e)),0):qn(e,e.textContent??``,e)}function er(e,t,r){if(!n(e)||!n(t)||!n(r)||e<=0||t<=r)return e;let i=r/t;return Math.max(1,e*i*.985)}function tr(){let e=$n(Xe.value),t=$n(Ze.value);Z.value=e||Qn(X.value,Xe.value),Ht.value=t||Qn(Vt.value,Ze.value),Ut.value=Math.max(Z.value+Nt.value,Ht.value,0)}async function nr(){await h();let e=Rt.value;if(!e){X.value=Gn(k.value.title.text),Vt.value=Gn(k.value.content.text),await h(),tr(),await h(),$();return}let t=zt.value??e,n=e,r=t,i=n;for(let e=0;e<8;e+=1){X.value=Zn(k.value.title.text,r,Xe.value),Vt.value=Zn(k.value.content.text,i,Ze.value),await h();let e=$n(Xe.value),a=$n(Ze.value),o=!k.value.title.text||e<=t+.25,s=!k.value.content.text||a<=n+.25;if(o&&s)break;o||(r=er(r,e,t)),s||(i=er(i,a,n))}tr(),await h(),$()}function rr(e,t,n){let i=n.x+y-e.x,a=n.x+n.width-y-(e.x+e.width),o=n.y+y-e.y,s=n.y+n.height-y-(e.y+e.height),c,l;return c=i<=a?r(t.x,i,a):n.x+n.width/2-(e.x+e.width/2),l=o<=s?r(t.y,o,s):n.y+n.height/2-(e.y+e.height/2),{x:c,y:l}}function ir(e,t){let r=[{x:0,y:0,direction:`none`}],i=e.x+e.width/2,a=e.y+e.height/2;for(let o of t){let t=n(o.gap)?Math.max(0,Number(o.gap)):ot.value,s=o.x+o.width/2,c=o.y+o.height/2,l=o.y-t-(e.y+e.height),u=o.y+o.height+t-e.y,d=o.x-t-(e.x+e.width),f=o.x+o.width+t-e.x;r.push({x:0,y:l,direction:`top`},{x:0,y:u,direction:`bottom`},{x:d,y:0,direction:`left`},{x:f,y:0,direction:`right`},{x:s-i,y:l,direction:`top`},{x:s-i,y:u,direction:`bottom`},{x:d,y:c-a,direction:`left`},{x:f,y:c-a,direction:`right`})}let o=Math.max(e.width*.5+ot.value,12),s=Math.max(e.height*.5+ot.value,12);for(let e=1;e<=Ae;e+=1){let t=o*e,n=s*e;r.push({x:0,y:-n,direction:`top`},{x:-t,y:-n,direction:`top`},{x:t,y:-n,direction:`top`},{x:0,y:n,direction:`bottom`},{x:-t,y:n,direction:`bottom`},{x:t,y:n,direction:`bottom`},{x:-t,y:0,direction:`left`},{x:-t,y:-n,direction:`left`},{x:-t,y:n,direction:`left`},{x:t,y:0,direction:`right`},{x:t,y:-n,direction:`right`},{x:t,y:n,direction:`right`})}return r}function ar(e){let t=/* @__PURE__ */ new Set;return e.filter(e=>{let n=[e.x.toFixed(3),e.y.toFixed(3)].join(`:`);return!t.has(n)&&(t.add(n),!0)})}function or(e,t,n){if(e.preferred)return-(2**53-1);let r=Math.hypot(e.x,e.y);return t===`auto`||e.direction===`none`||e.direction===t?r:r+Math.max(n.width,n.height)*2}function sr(e,t){return t.some(t=>zn(e,t,n(t.gap)?Math.max(0,Number(t.gap)):ke))}function cr(e){let t=n(e?.gap)?Math.max(0,Number(e.gap)):ke;return{x:e.x-t,y:e.y-t,width:e.width+t*2,height:e.height+t*2}}function lr({baseRect:e,requestedOffset:t,previousOffset:r=null,hardObstacles:i,bounds:a,overflow:o}){let s={x:n(t?.x)?Number(t.x):0,y:n(t?.y)?Number(t.y):0};o||(s=rr(e,s,a));for(let t of i){let n=cr(t),i=Q(e,s);if(!zn(i,n))continue;let c=[{x:s.x+n.x-(i.x+i.width),y:s.y},{x:s.x+n.x+n.width-i.x,y:s.y},{x:s.x,y:s.y+n.y-(i.y+i.height)},{x:s.x,y:s.y+n.y+n.height-i.y}],l=o?c:c.filter(t=>Vn(Q(e,t),a,y)),u=l.length?l:c;u.sort((e,t)=>{let n=Math.hypot(e.x-s.x,e.y-s.y),i=Math.hypot(t.x-s.x,t.y-s.y);return n===i?r?Math.hypot(e.x-r.x,e.y-r.y)-Math.hypot(t.x-r.x,t.y-r.y):0:n-i}),s=u[0]??s}return s}function ur({baseRect:e,occupiedRects:t,hardObstacles:r,bounds:i,position:a,overflow:o,preferredOffset:s=null,ignoreOccupied:c=!1}){let l=ir(e,c?[...r]:[...t,...r]);s&&n(s.x)&&n(s.y)&&l.unshift({x:Number(s.x),y:Number(s.y),direction:`manual`,preferred:!0}),o||(l=l.map(t=>{let n=rr(e,t,i);return{...t,x:n.x,y:n.y}})),l=ar(l),l.sort((e,t)=>or(e,a,i)-or(t,a,i));function u(n){let a=Q(e,n);return!(!o&&!Vn(a,i,y)||sr(a,r)||!c&&t.some(e=>zn(a,e,ot.value)))}for(let t of l)if(u(t)){if(!t.preferred&&[`top`,`bottom`,`left`,`right`].includes(t.direction)&&r.length){let n=r[0],i=n.x+n.width/2,a=n.y+n.height/2,o=e.x+e.width/2,s=e.y+e.height/2,c={...t};if(t.direction===`top`||t.direction===`bottom`?c.x=i-o:c.y=a-s,u(c))return c}return t}let d=null,f=1/0,p=1/0;for(let n of l){let s=Q(e,n);if(!o&&!Vn(s,i,y)||sr(s,r))continue;let l=c?0:t.reduce((e,t)=>e+Bn(s,t),0),u=or(n,a,i);(l<f||l===f&&u<p)&&(f=l,p=u,d=n)}if(d)return d;let m=ar(ir(e,r)).sort((e,t)=>or(e,a,i)-or(t,a,i));for(let t of m)if(!sr(Q(e,t),r))return t;return{x:0,y:0,direction:`none`}}function dr(e,t){let r=e?.[t];return!r||!n(r.x)||!n(r.y)?null:{x:Number(r.x),y:Number(r.y)}}function fr(e){return dr(e,S)}function pr(e){return dr(e,C)}function mr(e){let t=e?.dataset?.boxPositionX,r=e?.dataset?.boxPositionY;return t===``||r===``||!n(t)||!n(r)?null:{x:Number(t),y:Number(r)}}function hr(e){return Number.isFinite(e?.[Re])?e[Re]:-1}function gr(e){let t=[...e.querySelectorAll(`.vue-ui-label`)].filter(t=>t.ownerSVGElement===e);Number.isFinite(e[Pe])||(e[Pe]=0);for(let n of t)Number.isFinite(n[b])||(n[b]=e[Pe],e[Pe]+=1);return t.sort((e,t)=>e[b]-t[b])}function _r(e){let t=Number(e.dataset.targetX),r=Number(e.dataset.targetY);return!Number.isFinite(t)||!Number.isFinite(r)?null:{x:t,y:r,width:0,height:0,gap:n(e.dataset.linkLength)?Math.max(0,Number(e.dataset.linkLength)):ke}}function vr(e,t,n=null,r=null){let i=e?.[Fe];typeof i==`function`&&i({layoutRect:t,boxRect:n,offset:r})}function yr(e,t,n=.001){return!e||!t?!1:Math.abs(Number(e.x)-Number(t.x))>n||Math.abs(Number(e.y)-Number(t.y))>n}function br(e,t,n,r,i){if(!e||!t||!n||!r||!yr(n,r))return;let a=e[E];a instanceof Map||(a=/* @__PURE__ */ new Map,e[E]=a),a.has(t)||a.set(t,{x:n.x,y:n.y}),t[T]={x:Number(i?.x)||0,y:Number(i?.y)||0}}function xr(e,t){let n=e?.[E];if(!(n instanceof Map))return[];let r=[];for(let[e,i]of n.entries()){if(!e?.isConnected||e===t)continue;let n=e[Be],a=e[T],o=e[Le];n&&yr(i,n)&&typeof o==`function`&&(a&&(e[S]={x:Number(a.x)||0,y:Number(a.y)||0}),r.push({emitDragEnd:o,position:{x:n.x,y:n.y}}))}return n.clear(),delete e[E],r}function Sr({baseRect:e,offset:t,occupiedRects:n,hardObstacles:r,bounds:i,overflow:a,ignoreOccupied:o=!1}){if(!t)return!1;let s=Q(e,t);return!(!a&&!Vn(s,i,y)||sr(s,r)||!o&&n.some(e=>zn(s,e,0)))}function Cr(e){if(!e?.isConnected)return;let t=gr(e);if(!t.length)return;let r=In(e);for(let e of t)e.setAttribute(`transform`,`translate(0 0)`);let i=[];for(let e of t){let t=e[Ie]??e,r;try{r=t.getBBox()}catch{vr(e,null,null,null);continue}if(!Number.isFinite(r.x)||!Number.isFinite(r.y)||!Number.isFinite(r.width)||!Number.isFinite(r.height)||r.width<=0||r.height<=0){vr(e,null,null,null);continue}let a=Ln(r),o=e.dataset.boxShow===`true`,s={top:n(e.dataset.boxPaddingTop)?Math.max(0,Number(e.dataset.boxPaddingTop)):0,right:n(e.dataset.boxPaddingRight)?Math.max(0,Number(e.dataset.boxPaddingRight)):0,bottom:n(e.dataset.boxPaddingBottom)?Math.max(0,Number(e.dataset.boxPaddingBottom)):0,left:n(e.dataset.boxPaddingLeft)?Math.max(0,Number(e.dataset.boxPaddingLeft)):0},c=o?Rn(a,s):a,l=o&&n(e.dataset.boxMaxWidth)&&Number(e.dataset.boxMaxWidth)>0?Number(e.dataset.boxMaxWidth):null,u=e.dataset.dragEnabled===`true`,d=e.dataset.dragHandlePosition,f=[`left`,`right`,`top`,`bottom`].includes(d)?d:`right`,p=o&&u&&n(e.dataset.dragHandleSize)?Math.max(0,Number(e.dataset.dragHandleSize)):0;if(p>0&&(c=f===`left`?{...c,x:c.x-p,width:c.width+p}:f===`right`?{...c,width:c.width+p}:f===`top`?{...c,y:c.y-p,height:c.height+p}:{...c,height:c.height+p}),l!==null&&c.width>l){let e=c.x+c.width/2;c={...c,x:e-l/2,width:l}}i.push({label:e,baseRect:c,boxShow:o,position:e.dataset.position||`auto`,overflow:e.dataset.overflow===`true`,overlap:e.dataset.overlap===`true`,dragHandlePosition:f,dragHandleSize:p,targetObstacle:_r(e),persistedOffset:fr(e),datasetPosition:mr(e),requestedDragOffset:pr(e),dragging:e[w]===!0,dragPriority:hr(e)})}i.sort((e,t)=>{if(e.dragging!==t.dragging)return e.dragging?-1:1;let n=!!e.datasetPosition||!!e.persistedOffset,r=!!t.datasetPosition||!!t.persistedOffset;return n===r?n&&r&&e.dragPriority!==t.dragPriority?t.dragPriority-e.dragPriority:e.label[b]-t.label[b]:n?-1:1});let a=i.some(e=>e.dragging),o=i.some(e=>e.dragging&&e.overlap),s=[];for(let t of i){let n=t.targetObstacle?[t.targetObstacle]:[],i;if(t.dragging)i=lr({baseRect:t.baseRect,requestedOffset:t.requestedDragOffset??t.persistedOffset,previousOffset:t.persistedOffset,hardObstacles:n,bounds:r,overflow:t.overflow});else if(a&&(o||t.overlap)&&t.label[T])i={x:Number(t.label[T].x)||0,y:Number(t.label[T].y)||0,direction:`overlap`};else if(!a&&t.datasetPosition)i={x:t.datasetPosition.x-t.baseRect.x,y:t.datasetPosition.y-t.baseRect.y,direction:`manual`};else if(!a&&t.persistedOffset)i={x:Number(t.persistedOffset.x)||0,y:Number(t.persistedOffset.y)||0,direction:`manual`};else{let e=t.label[T];i=a&&e&&Sr({baseRect:t.baseRect,offset:e,occupiedRects:s,hardObstacles:n,bounds:r,overflow:t.overflow,ignoreOccupied:t.overlap})?{x:Number(e.x)||0,y:Number(e.y)||0,direction:`stable`}:ur({baseRect:t.baseRect,occupiedRects:s,hardObstacles:n,bounds:r,position:t.position,overflow:t.overflow,preferredOffset:t.persistedOffset??(t.datasetPosition?{x:t.datasetPosition.x-t.baseRect.x,y:t.datasetPosition.y-t.baseRect.y}:e??null),ignoreOccupied:t.overlap})}t.label.setAttribute(`transform`,`translate(${i.x} ${i.y})`);let c=Q(t.baseRect,i),l=t.label[Be];a&&!o&&!t.dragging&&!t.overlap&&br(e,t.label,l,c,i),(t.datasetPosition||t.persistedOffset||t.dragging)&&(t.label[S]={x:i.x,y:i.y}),t.label[Be]={x:c.x,y:c.y,width:c.width,height:c.height},t.label[T]={x:Number(i.x)||0,y:Number(i.y)||0},vr(t.label,c,t.boxShow?t.baseRect:null,i),t.overlap||s.push(c)}}function $(e=j.value){e?.isConnected&&(e[x]||(e[x]=requestAnimationFrame(()=>{e[x]=null,Cr(e)})))}function wr(){let e=A.value,t=j.value;Qe.value=!0,P.value={x:0,y:0},e&&(F.value&&(t?.[x]&&(cancelAnimationFrame(t[x]),t[x]=null),sn(),F.value=!1,L.inputType=null,L.touchId=null,L.startPointer=null,L.startOffset=null,L.lastRequestedOffset=null),e[w]=!1,delete e[S],delete e[C],delete e[Be],delete e[T],delete e[Re],e.dataset.boxPositionX=``,e.dataset.boxPositionY=``,e.setAttribute(`transform`,`translate(0 0)`),t?.isConnected&&(t[E]=/* @__PURE__ */ new Map,$(t)))}return c({reorder:wr}),fe(()=>[D.dataset?.position?.x,D.dataset?.position?.y],(e,t)=>{t&&(e[0]!==t[0]||e[1]!==t[1])&&(Qe.value=!1)}),fe(()=>[D.dataset?.x,D.dataset?.y,D.dataset?.position?.x,D.dataset?.position?.y],()=>{if(!xt.value&&A.value&&!F.value){let e=D.dataset?.position;e&&(e.x===null||e.x===void 0||e.y===null||e.y===void 0)&&(delete A.value[S],P.value={x:0,y:0})}nr()},{flush:`post`}),fe(()=>D.config,()=>{!W.value&&F.value&&Sn(),nr()},{deep:!0,flush:`post`}),se(async()=>{await h(),window.addEventListener(`keydown`,An,!0),window.addEventListener(`pointerdown`,jn,!0),j.value=A.value?.ownerSVGElement??null;let e=j.value,t=A.value,n=Je.value;e&&t&&n&&(t[Ie]=n,t[Fe]=({layoutRect:e,boxRect:t,offset:n})=>{M.value=e,N.value=t,n&&(P.value={x:Number(n.x)||0,y:Number(n.y)||0})},t[Le]=e=>{O(`dragEnd`,{...D.dataset,position:{x:Number(e?.x)||0,y:Number(e?.y)||0}})},st=new MutationObserver(n=>{n.some(e=>!(e.type===`attributes`&&e.target===t&&e.attributeName===`transform`||e.type===`attributes`&&e.target===Ye.value))&&$(e)}),st.observe(t,{subtree:!0,childList:!0,characterData:!0,attributes:!0}),`ResizeObserver`in window&&(ct=new ResizeObserver(()=>{$(e)}),ct.observe(e)),document.fonts?.ready?.then(()=>{nr()}),nr())}),oe(()=>{sn(),window.removeEventListener(`keydown`,An,!0),window.removeEventListener(`pointerdown`,jn,!0),st?.disconnect(),ct?.disconnect(),I?.remove(),I=null,A.value&&(delete A.value[Fe],delete A.value[Ie],delete A.value[Le],delete A.value[Be],delete A.value[T],delete A.value[S],delete A.value[C],delete A.value[w],delete A.value[Re]),F.value=!1,L.inputType=null,L.touchId=null,L.startPointer=null,L.startOffset=null,L.lastRequestedOffset=null,M.value=null,N.value=null,P.value={x:0,y:0};let e=j.value;if(e){let t=e[E];t instanceof Map&&A.value&&t.delete(A.value),requestAnimationFrame(()=>{$(e)})}}),(e,t)=>(g(),m(`g`,{ref_key:`wrapperRef`,ref:qe,class:re([`vue-ui-label-wrapper`,{"vue-ui-label-wrapper--keyboard-focus":$e.value===`keyboard`}]),focusable:`false`,onPointerdownCapture:Mn,onMouseenter:En,onMouseleave:Dn,onFocusin:Pn,onFocusout:Fn},[Qt.value?(g(),m(`path`,{key:0,class:`vue-ui-label__link`,d:Qt.value.d,fill:`none`,stroke:V.value.stroke,"stroke-width":V.value.strokeWidth,"stroke-dasharray":V.value.strokeDasharray,"stroke-linecap":`round`,"pointer-events":`none`,"aria-hidden":`true`,focusable:`false`},null,8,he)):p(``,!0),V.value.targetPlot.show?(g(),m(`circle`,{key:1,cx:z.value,cy:B.value,r:V.value.targetPlot.radius,fill:V.value.stroke,stroke:V.value.targetPlot.stroke,"stroke-width":V.value.strokeWidth,"paint-order":`stroke fill`},null,8,ge)):p(``,!0),ee(`g`,{ref_key:`labelRef`,ref:A,class:`vue-ui-label`,focusable:`false`,id:`label_${de(Ke)}`,"data-position":k.value.position,"data-overflow":String(k.value.overflow),"data-overlap":String(dt.value),"data-target-x":R.value?z.value:``,"data-target-y":R.value?B.value:``,"data-box-position-x":St.value?St.value.x:``,"data-box-position-y":St.value?St.value.y:``,"data-link-length":V.value.show?Ct.value:ke,"data-box-show":String(H.value.show),"data-box-max-width":K.value!==null&&K.value>0?K.value:``,"data-box-padding-top":G.value.top,"data-box-padding-right":G.value.right,"data-box-padding-bottom":G.value.bottom,"data-box-padding-left":G.value.left,"data-drag-enabled":String(W.value),"data-drag-handle-position":bt.value,"data-drag-handle-size":It.value,onClick:kn},[q.value?(g(),m(`rect`,{key:0,ref_key:`boxRef`,ref:Ye,class:`vue-ui-label__box`,x:q.value.x,y:q.value.y,width:q.value.width,height:q.value.height,rx:q.value.rx,fill:H.value.backgroundColor,stroke:H.value.borderColor,"stroke-width":Pt.value,"aria-hidden":`true`,focusable:`false`},null,8,ve)):p(``,!0),Y.value?(g(),m(`rect`,{key:1,class:`vue-ui-label__action-target`,x:Y.value.x,y:Y.value.y,width:Y.value.width,height:Y.value.height,rx:Y.value.rx,fill:`transparent`,"pointer-events":`none`,role:`button`,tabindex:`0`,"aria-label":mt.value,onKeydown:Nn},null,40,ye)):p(``,!0),le(e.$slots,`before`,ie(ne({...D,box:q.value})),void 0,!0),ee(`g`,{ref_key:`contentRef`,ref:Je,class:`vue-ui-label__body`},[le(e.$slots,`title`,ie(ne({...D,box:q.value})),()=>[jt.value&&Yt.value&&R.value?(g(),f(s,{key:0,class:`vue-ui-label__marker`,plot:Yt.value,radius:At.value,shape:U.value.shape,color:U.value.color,"pointer-events":`none`,"aria-hidden":`true`,focusable:`false`},null,8,[`plot`,`radius`,`shape`,`color`])):p(``,!0),k.value.title.text&&R.value?(g(),m(`text`,{key:1,ref_key:`titleTextRef`,ref:Xe,class:`vue-ui-label__title`,"font-size":et.value,"font-weight":k.value.title.bold?`bold`:`normal`,"text-anchor":Et.value,fill:k.value.title.color},[(g(!0),m(u,null,ce(X.value,(e,t)=>(g(),m(`tspan`,{key:`title_${t}`,x:Jt.value,y:B.value+t*tt.value},ue(e),9,xe))),128))],8,be)):p(``,!0),!jt.value&&Yt.value&&R.value?(g(),f(s,{key:2,class:`vue-ui-label__marker`,plot:Yt.value,radius:At.value,shape:U.value.shape,color:U.value.color,"pointer-events":`none`,"aria-hidden":`true`,focusable:`false`},null,8,[`plot`,`radius`,`shape`,`color`])):p(``,!0)],!0),le(e.$slots,`content`,ie(ne({...D,box:q.value})),()=>[k.value.content.text&&R.value?(g(),m(`text`,{key:0,ref_key:`contentTextRef`,ref:Ze,class:`vue-ui-label__content`,"font-size":nt.value,"font-weight":k.value.content.bold?`bold`:`normal`,"text-anchor":Dt.value,fill:k.value.content.color},[(g(!0),m(u,null,ce(Vt.value,(e,t)=>(g(),m(`tspan`,{key:`content_${t}`,x:Xt.value,y:Zt.value+t*rt.value},ue(e),9,Ce))),128))],8,Se)):p(``,!0)],!0)],512),le(e.$slots,`after`,ie(ne({...D,box:q.value})),void 0,!0),Bt.value?(g(),m(`g`,{key:2,class:`vue-ui-label__drag-handle`,style:ae({cursor:F.value?`grabbing`:`grab`,touchAction:`none`}),role:`button`,tabindex:`0`,"aria-label":ht.value,"aria-describedby":gt,"aria-keyshortcuts":`ArrowUp ArrowDown ArrowLeft ArrowRight`,onKeydown:mn,onClick:t[0]||=pe(()=>{},[`stop`]),onPointerdown:t[1]||=pe(()=>{},[`stop`]),onMousedown:pe(ln,[`stop`,`prevent`]),onTouchstart:pe(un,[`stop`,`prevent`])},[ee(`desc`,{id:gt},ue(_t.value),1),J.value?(g(),m(`rect`,{key:0,x:J.value.x,y:J.value.y,width:J.value.width,height:J.value.height,fill:`transparent`,"pointer-events":`all`,"aria-hidden":`true`,focusable:`false`},null,8,Te)):p(``,!0),J.value?(g(),m(`rect`,{key:1,class:`vue-ui-label__focus-ring`,x:J.value.x,y:J.value.y,width:J.value.width,height:J.value.height,rx:Math.min(4,J.value.width/2,J.value.height/2),fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"pointer-events":`none`,"aria-hidden":`true`,focusable:`false`},null,8,Ee)):p(``,!0),k.value.drag.showSeparator?(g(),m(`path`,{key:2,d:Bt.value.separatorPath,stroke:H.value.borderColor,"stroke-width":Math.max(.5,Pt.value),"pointer-events":`none`,"aria-hidden":`true`,focusable:`false`},null,8,De)):p(``,!0),ee(`path`,{d:Bt.value.gripPath,stroke:k.value.drag.iconColor,"stroke-width":yt.value,"stroke-linecap":`round`,opacity:k.value.drag.iconOpacity,"pointer-events":`none`,"aria-hidden":`true`,focusable:`false`},null,8,Oe)],44,we)):p(``,!0)],8,_e)],34))}},[[`__scopeId`,`data-v-4fe38f01`]]);export{me as n,D as t};

package/dist/vue-ui-mini-loader-CElmv_iF.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./lib-CV_IANZ6.js";import{n,t as r}from"./useHints-BH9r_0Vd.js";import{t as i}from"./useConfig-CKdzPrcf.js";import{t as a}from"./useNestedProp-CB186vF2.js";import{t as o}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{computed as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,normalizeStyle as d,openBlock as f,ref as p,unref as m,useCssVars as h}from"vue";var g=/* @__PURE__ */ e({default:()=>E}),_=[`xmlns`,`viewBox`],v={key:0},y=[`stroke`],b=[`stroke`],x=[`stroke`],S={key:1},C=[`stroke`],w={key:2},T=[`stroke`],E=/*#__PURE__*/ o({__name:`vue-ui-mini-loader`,props:{config:{type:Object,default(){return{}}}},setup(e){h(e=>({v5fadbcf2:j.value,v488061db:M.value,v2e2d4bba:N.value}));let{vue_ui_mini_loader:o}=i(),g=e,E=s(()=>a({userConfig:g.config,defaultConfig:o}));n({config:()=>E.value,dataset:()=>[],component:`VueUiMiniLoader`,rules:[r.noHint]});let D=p({onion:`-10 -10 84 84`,line:`-10 -10 112 84`,bar:`-10 -10 106 84`}),O=s(()=>({gutter:`stroke:${E.value.line.gutterColor};opacity:${E.value.line.gutterOpacity};`,gutterBlur:`filter:blur(${E.value.line.gutterBlur}px);`})),k=s(()=>({gutter:`stroke:${E.value.bar.gutterColor};opacity:${E.value.bar.gutterOpacity};`,gutterBlur:`filter:blur(${E.value.bar.gutterBlur}px);`})),A=s(()=>({gutter:`stroke:${E.value.onion.gutterColor};opacity:${E.value.onion.gutterOpacity};`,gutterBlur:`filter:blur(${E.value.onion.gutterBlur}px);`})),j=s(()=>`blur(${E.value.onion.trackBlur}px) hue-rotate(${E.value.onion.trackHueRotate}deg)`),M=s(()=>`blur(${E.value.line.trackBlur}px) hue-rotate(${E.value.line.trackHueRotate}deg)`),N=s(()=>`blur(${E.value.bar.trackBlur}px) hue-rotate(${E.value.bar.trackHueRotate}deg)`);return(e,n)=>(f(),l(`svg`,{class:`vue-data-ui-component vue-ui-mini-loader`,xmlns:m(t),viewBox:D.value[E.value.type],style:{background:`transparent`},width:`100%`},[E.value.type===`onion`?(f(),l(`g`,v,[u(`path`,{d:`M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(A.value.gutter+A.value.gutterBlur)},null,4),u(`path`,{d:`M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(A.value.gutter+A.value.gutterBlur)},null,4),u(`path`,{d:`M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(A.value.gutter+A.value.gutterBlur)},null,4),u(`path`,{d:`M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3`,stroke:E.value.onion.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`onion-animated`},null,8,y),u(`path`,{d:`M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13`,stroke:E.value.onion.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`onion-animated`},null,8,b),u(`path`,{d:`M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25`,stroke:E.value.onion.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`onion-animated`},null,8,x)])):c(``,!0),E.value.type===`line`?(f(),l(`g`,S,[u(`path`,{d:`M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(O.value.gutter+O.value.gutterBlur)},null,4),u(`path`,{d:`M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5`,stroke:E.value.line.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`line-animated`},null,8,C)])):c(``,!0),E.value.type===`bar`?(f(),l(`g`,w,[u(`path`,{d:`M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(k.value.gutter+k.value.gutterBlur)},null,4),u(`path`,{d:`M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5`,stroke:E.value.bar.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`bar-animated`},null,8,T)])):c(``,!0)],8,_))}},[[`__scopeId`,`data-v-5266752a`]]);export{g as n,E as t};

package/dist/vue-ui-molecule-BeyQWZU9.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{D as s,Dt as ee,Ft as c,Ht as te,M as ne,S as re,X as ie,Zt as l,at as ae,et as oe,in as se,nt as ce,pt as le,t as ue,w as de,zt as fe}from"./lib-CV_IANZ6.js";import{n as pe,t as me}from"./useHints-BH9r_0Vd.js";import{t as he}from"./useConfig-CKdzPrcf.js";import{t as ge}from"./usePrinter-hLW3cv4N.js";import{n as _e,t as ve}from"./BaseScanner-8NdoBs7B.js";import{t as ye}from"./useChartExport-DtPNpc9M.js";import{t as be}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as xe}from"./DefGrad-DKMq1REY.js";import{n as Se}from"./resolveChartConfig-DZg-korK.js";import{t as Ce}from"./useUserOptionState-CXlFnwPv.js";import{t as we}from"./useChartAccessibility-DOMuYJfm.js";import{t as Te}from"./chartImage-CIvU_04o.js";import{t as Ee}from"./vue_ui_molecule-Bw1UW1Na.js";import{t as De}from"./usePanZoom-BdjP5Suc.js";import{Fragment as Oe,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as ke,createTextVNode as Ae,createVNode as h,defineAsyncComponent as g,guardReactiveProps as _,mergeProps as je,nextTick as v,normalizeClass as Me,normalizeProps as y,normalizeStyle as b,onMounted as Ne,openBlock as x,ref as S,renderList as Pe,renderSlot as C,resolveDynamicComponent as Fe,toDisplayString as Ie,toRefs as Le,unref as w,useCssVars as Re,watch as T,withCtx as E}from"vue";var ze=/* @__PURE__ */ e({default:()=>Je}),Be=[`id`],Ve={key:1,ref:`noTitle`,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},He={key:2,style:`width:100%;background:transparent;`},Ue=[`xmlns`,`viewBox`],We=[`width`,`height`],Ge={key:4,class:`vue-data-ui-watermark`},Ke={key:5,"data-dom-to-png-ignore":``,class:`reset-wrapper`},qe={key:6,ref:`source`,dir:`auto`},Je=/*#__PURE__*/ be({__name:`vue-ui-molecule`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectNode`,`copyAlt`],setup(e,{expose:be,emit:ze}){Re(e=>({v4bfe7676:on.value}));let Je=g(()=>import(`./Title-BGYFqulv.js`).then(e=>e.t)),Ye=g(()=>import(`./Tooltip-Cus2-XNQ.js`)),Xe=g(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Ze=g(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Qe=g(()=>import(`./DataTable-WNecJMcY.js`)),$e=g(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),et=g(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),tt=g(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),nt=g(()=>import(`./RecursiveLinks-CZtG6uWg.js`)),rt=g(()=>import(`./RecursiveLabels-B0d04xSj.js`)),it=g(()=>import(`./RecursiveCircles-BftI1kwF.js`)),at=g(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_molecule:ot}=he(),D=e,st=ze,ct=u(()=>!!D.dataset&&D.dataset.length);Ne(()=>{ut()});let lt=u(()=>M.value.debug);function ut(){fe(D.dataset)&&ae({componentName:`VueUiMolecule`,type:`dataset`,debug:lt.value})}let O=S(ie()),k=S(!1),A=S(``),j=S(null),dt=S(0),ft=S(0),pt=S(0),mt=S(null),ht=S(null),M=S(V()),N=u(()=>M.value.style.chart.tooltip),P=u(()=>M.value.style.chart),F=u(()=>M.value.userOptions);pe({config:()=>M.value,dataset:()=>D.dataset,component:`VueUiMolecule`,rules:[me.emptyArray,{test:e=>e[0]&&e[0].nodes&&e[0].nodes.length===0,message:[`👀 There are no children nodes attached to the root node. Consider:`,``,`▶️ Adding children nodes to the root node.`]},{test:e=>e[0]&&e[0].nodes&&e[0].nodes.length>8,message:[`👀 The number of children nodes > 8, some nodes might overlap. Consider:`,``,`▶️ Grouping data into broader categories.`]}]});let I=u(()=>M.value.userOptions.useCursorPointer),gt=u(()=>se({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,nodes:{stroke:`#6A6A6A`},links:{stroke:`#6A6A6A80`}}}},userConfig:M.value.skeletonConfig??{}})),{loading:L,FINAL_DATASET:R}=_e({...Le(D),FINAL_CONFIG:M,prepareConfig:V,skeletonDataset:D.config?.skeletonDataset??[{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]}]}],skeletonConfig:se({defaultConfig:M.value,userConfig:gt.value})}),{userOptionsVisible:z,setUserOptionsVisibility:_t,keepUserOptionState:vt}=Ce({config:M.value}),{svgRef:B}=we({config:P.value.title});function V(){return Se(D.config,ot,Ee)}let yt=l(D.config);T((e,t)=>D.config,e=>{let t=l(newConfig),n=t!==yt;yt=t;let r=V();if(!n){M.value.style.chart.tooltip=r.style.chart.tooltip,U.value.showTooltip=M.value.style.chart.tooltip.show;return}M.value=r,z.value=!M.value.userOptions.showOnChartHover,ut(),ft.value+=1,pt.value+=1,U.value.showTable=M.value.table.show,U.value.showTooltip=N.value.show,U.value.showZoom=P.value.zoom.show},{deep:!0});let bt=S(0),xt=()=>{bt.value+=1};T([()=>L.value,()=>R.value],async([e])=>{e||(await v(),W.value=Ot(),await v(),xt(),await v(),Jt({x:0,y:0,width:400,height:400}),Kt(!1))},{flush:`post`,deep:!1});let{isPrinting:H,isImaging:St,generatePdf:Ct,generateImage:wt}=ge({elementId:`cluster_${O.value}`,fileName:P.value.title.text||`vue-ui-molecule`,options:M.value.userOptions.print}),Tt=u(()=>M.value.userOptions.show&&!P.value.title.text),Et=u(()=>de(M.value.customPalette)),U=S({showTable:M.value.table.show,showDataLabels:!0,showTooltip:N.value.show,showZoom:P.value.zoom.show});T(M,()=>{U.value={showTable:M.value.table.show,showDataLabels:!0,showTooltip:N.value.show,showZoom:P.value.zoom.show}},{immediate:!0});function Dt(e,t=0){return Array.isArray(e)&&e.length>0&&e[0].nodes?Dt(e[0].nodes,t+1):t}function Ot(){let e=Dt(R.value),t=100,n=t;for(let r=0;r<e;r+=1)t/=1,n+=t;return{height:n,width:n}}let W=S(Ot());function kt(e,t={x:-W.value.width/2.43,y:W.value.height/2},n=W.value.width/1.1,r=24,i=0,a=0,o=`#BBBBBB`,s=0){if(!Array.isArray(e)||e.length===0)return e;let ee=ne({plot:t,radius:n,sides:e.length,rotation:i});return e.forEach((e,t)=>{let c=ee.coordinates[t],ne=e.color?(()=>{let t=re(e.color);return t.startsWith(`#`)?t:`#${t}`})():null,l;ne?l=ne:s===0?l=o:s===1?(l=Et.value[a]||te[a]||o,a+=1):l=o,e.polygonPath={coordinates:[c]},e.circleRadius=r,e.color=l,e.strokeWidth=Math.min(P.value.links.strokeWidth/(s+1),r/2),e.uid=ie(),Array.isArray(e.nodes)&&e.nodes.length&&(e.nodes=kt(e.nodes,c,n/2.9,r/2.2,i+Math.PI*t/e.nodes.length,a,l,s+1))}),e}function At(e){let t=/* @__PURE__ */ new Set;function n(e){e.forEach(e=>{if(!e.color)return;let r=e.color;/^#?[0-9A-F]{6}$/i.test(r)||(r=re(r)),r.startsWith(`#`)||(r=`#${r}`),t.add(r),Array.isArray(e.nodes)&&e.nodes.length&&n(e.nodes)})}n(e);let r={};return Array.from(t).forEach(e=>{let t=e.slice(1);r[e]=`gradient_${t}`}),r}let jt=u(()=>At(G.value)),G=u(()=>kt(oe(R.value))),K=S(null);function Mt(e){K.value={datapoint:e,seriesIndex:-1,series:G.value,config:M.value};let t=N.value.customFormat;if(ee(t)&&le(()=>t({seriesIndex:-1,datapoint:e,series:G.value,config:M.value})))A.value=t({seriesIndex:-1,datapoint:e,series:G.value,config:M.value});else{let t=``;t+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${e.color}">⬤</div><div>${e.name}</div></div>`,e.details&&(t+=`<div style="width:100%;border-top:1px solid ${N.value.borderColor};margin-top: 2px">${e.details}</div>`),A.value=`<div style="font-family:inherit">${t}</div>`}}let q=S(null),J=S(null),Nt=S(null);function Pt(e){Nt.value=q.value,q.value=e,e?M.value.events.datapointEnter&&M.value.events.datapointEnter({datapoint:e,seriesIndex:-1}):M.value.events.datapointLeave&&M.value.events.datapointLeave({datapoint:Nt.value||q.value,seriesIndex:-1}),e?(k.value=!0,Mt(e),J.value=e.uid):(k.value=!1,A.value=``,J.value=null)}function Ft(e){let t=[];function n(e){e.forEach(e=>{let r={name:e.name,details:e.details||`-`,ancestor:e.ancestor&&e.ancestor.name||`-`,color:e.color||``};t.push(r),e.nodes&&e.nodes.length>0&&n(e.nodes,e.name)})}return n(e),t}let It=u(()=>Ft(G.value)),Y=u(()=>({head:[M.value.table.translations.nodeName,M.value.table.translations.details,M.value.table.translations.ancestor],body:It.value.map((e,t)=>[{color:e.color,name:e.name},e.details,e.ancestor||``]),config:{th:{backgroundColor:M.value.table.th.backgroundColor,color:M.value.table.th.color,outline:M.value.table.th.outline},td:{backgroundColor:M.value.table.td.backgroundColor,color:M.value.table.td.color,outline:M.value.table.td.outline},breakpoint:M.value.table.responsiveBreakpoint},colNames:[M.value.table.translations.nodeName,M.value.table.translations.details,M.value.table.translations.ancestor]}));function Lt(e=null){v(()=>{let t=Y.value.body.map((e,t)=>[[e[0].name],[e[1]],[e[2]]]),n=[[P.value.title.text],[P.value.title.subtitle.text],[[...Y.value.head]]].concat(t),r=s(n);e?e(r):ce({csvContent:r,title:P.value.title.text||`vue-ui-molecule`})})}function Rt(){return G.value}let X=S(!1);function zt(e){X.value=e,dt.value+=1}function Bt(){U.value.showTable=!U.value.showTable}function Vt(){U.value.showDataLabels=!U.value.showDataLabels}function Ht(){U.value.showTooltip=!U.value.showTooltip}function Ut(){U.value.showZoom=!U.value.showZoom}let Z=S(!1);function Wt(){Z.value=!Z.value}let Gt=u(()=>!Z.value&&U.value.showZoom),{viewBox:Q,resetZoom:Kt,isZoom:qt,setInitialViewBox:Jt}=De(B,{x:0,y:0,width:Math.max(10,W.value.width),height:Math.max(10,W.value.height)},P.value.zoom.speed,Gt);function Yt(e){M.value.events.datapointClick&&M.value.events.datapointClick({datapoint:e,seriesIndex:-1}),st(`selectNode`,e)}let Xt=Te(j,()=>P.value.title.text),$=u(()=>n({config:M,style:P,mutableConfig:U,dialog:at,accordion:Ze,isFullscreen:X,parent:j,maxWidth:800,isCursorPointer:I}));T(()=>U.value.showTable,e=>t(e,M,mt));function Zt(){U.value.showTable=!1,ht.value&&ht.value.setTableIconState(!1)}let Qt=u(()=>P.value.backgroundColor),$t=u(()=>P.value.title),{isCallbackImaging:en,isCallbackSvg:tn,generateSvg:nn,onGenerateImage:rn}=ye({svg:B,title:$t,legend:null,legendItems:null,backgroundColor:Qt,getSvgCallback:()=>M.value.userOptions.callbacks.svg,generateImage:wt});async function an(){if(st(`copyAlt`,{config:M.value,dataset:G.value}),!M.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(M.value.userOptions.callbacks.altCopy({config:M.value,dataset:G.value}))}let on=u(()=>P.value.color);return be({getData:Rt,getImage:Xt,generatePdf:Ct,generateCsv:Lt,generateImage:wt,generateSvg:nn,toggleTable:Bt,toggleLabels:Vt,toggleTooltip:Ht,toggleAnnotator:Wt,toggleFullscreen:zt,toggleZoom:Ut,copyAlt:an}),(e,t)=>(x(),p(`div`,{ref_key:`moleculeChart`,ref:j,class:Me(`vue-data-ui-component vue-ui-molecule ${X.value?`vue-data-ui-wrapper-fullscreen`:``}`),style:b(`font-family:${M.value.style.fontFamily};width:100%; text-align:center;background:${P.value.backgroundColor}`),id:`cluster_${O.value}`,onMouseleave:t[2]||=e=>{q.value=null,J.value=null,w(_t)(!1)},onMouseenter:t[3]||=()=>w(_t)(!0)},[F.value.buttons.annotator&&w(B)?(x(),d(w($e),{key:0,svgRef:w(B),backgroundColor:P.value.backgroundColor,color:P.value.color,active:Z.value,isCursorPointer:I.value,onClose:Wt},ke({_:2},[Pe(w(i),t=>({name:t,fn:E(n=>[C(e.$slots,t,y(_(w(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`])):f(``,!0),Tt.value?(x(),p(`div`,Ve,null,512)):f(``,!0),P.value.title.text?(x(),p(`div`,He,[(x(),d(w(Je),{key:`title_${ft.value}`,config:{title:{cy:`molecule-div-title`,...P.value.title},subtitle:{cy:`molecule-div-subtitle`,...P.value.title.subtitle}}},null,8,[`config`]))])):f(``,!0),F.value.show&&ct.value&&(w(vt)||w(z))?(x(),d(w(et),{ref_key:`userOptionsRef`,ref:ht,key:`user_options_${dt.value}`,backgroundColor:P.value.backgroundColor,color:P.value.color,isPrinting:w(H),isImaging:w(St),uid:O.value,hasTooltip:F.value.buttons.tooltip&&N.value.show,hasPdf:F.value.buttons.pdf,hasXls:F.value.buttons.csv,hasImg:F.value.buttons.img,hasSvg:F.value.buttons.svg,hasTable:F.value.buttons.table,hasLabel:F.value.buttons.labels,hasFullscreen:F.value.buttons.fullscreen,hasAltCopy:F.value.buttons.altCopy,isTooltip:U.value.showTooltip,titles:{...F.value.buttonTitles},chartElement:j.value,position:F.value.position,hasAnnotator:F.value.buttons.annotator,isAnnotation:Z.value,callbacks:F.value.callbacks,printScale:F.value.print.scale,tableDialog:M.value.table.useDialog,hasZoom:F.value.buttons.zoom,isZoom:U.value.showZoom,isCursorPointer:I.value,onToggleFullscreen:zt,onGeneratePdf:w(Ct),onGenerateCsv:Lt,onGenerateImage:w(rn),onGenerateSvg:w(nn),onToggleTable:Bt,onToggleLabels:Vt,onToggleTooltip:Ht,onToggleAnnotator:Wt,onToggleZoom:Ut,onCopyAlt:an,style:b({visibility:w(vt)?w(z)?`visible`:`hidden`:`visible`})},ke({_:2},[Pe(w(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionZoom optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:E(n=>[C(e.$slots,t,y(_(w(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.hasZoom.isZoom.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):f(``,!0),(x(),p(`svg`,{ref_key:`svgRef`,ref:B,key:`svg_${bt.value}`,xmlns:w(ue),viewBox:`${w(Q).x} ${w(Q).y} ${w(Q).width} ${w(Q).height}`,class:Me({"vue-data-ui-fullscreen--on":X.value,"vue-data-ui-fulscreen--off":!X.value}),style:b(`overflow: hidden; background:transparent;color:${P.value.color}`)},[h(w(tt)),e.$slots[`chart-background`]?(x(),p(`foreignObject`,{key:0,x:0,y:0,width:W.value.width<=0?10:W.value.width,height:W.value.height<=0?10:W.value.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,We)):f(``,!0),m(`defs`,null,[(x(!0),p(Oe,null,Pe(Object.keys(jt.value),(e,t)=>(x(),d(xe,{t:`radial`,id:`gradient_${e}`,key:`gradient_${e}_${t}`,cx:`50%`,cy:`30%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,w(c)(e,.5),1],[`100%`,e,1]]},null,8,[`id`,`stops`]))),128))]),h(w(nt),{dataset:G.value,color:P.value.links.stroke,backgroundColor:P.value.backgroundColor,useChildColor:P.value.links.useChildColor},null,8,[`dataset`,`color`,`backgroundColor`,`useChildColor`]),h(w(it),{dataset:G.value,hoveredUid:J.value,stroke:P.value.nodes.stroke,strokeHovered:P.value.nodes.strokeHovered,onClick:Yt,onHover:Pt},{node:E(({node:t})=>[C(e.$slots,`node`,y(_({node:t})),void 0,!0)]),"node-svg":E(({nodeSvg:t})=>[C(e.$slots,`node-svg`,y(_({nodeSvg:t})),void 0,!0)]),_:3},8,[`dataset`,`hoveredUid`,`stroke`,`strokeHovered`]),U.value.showDataLabels&&!w(L)?(x(),d(w(rt),{key:1,dataset:G.value,color:P.value.color,hoveredUid:J.value},null,8,[`dataset`,`color`,`hoveredUid`])):f(``,!0),C(e.$slots,`svg`,{svg:{...W.value,drawingArea:{...w(Q)},isPrintingImg:w(H)||w(St)||w(en),isPrintingSvg:w(tn)}},void 0,!0)],14,Ue)),e.$slots.watermark?(x(),p(`div`,Ge,[C(e.$slots,`watermark`,y(_({isPrinting:w(H)||w(St)||w(en)||w(tn)})),void 0,!0)])):f(``,!0),w(qt)?(x(),p(`div`,Ke,[C(e.$slots,`reset-action`,{reset:w(Kt)},()=>[m(`button`,{"data-cy-reset":``,tabindex:`0`,role:`button`,class:`vue-data-ui-refresh-button`,style:b({background:P.value.backgroundColor,cursor:I.value?`pointer`:`default`}),onClick:t[0]||=e=>w(Kt)(!0)},[h(w(Xe),{name:`refresh`,stroke:P.value.color},null,8,[`stroke`])],4)],!0)])):f(``,!0),e.$slots.source?(x(),p(`div`,qe,[C(e.$slots,`source`,{},void 0,!0)],512)):f(``,!0),h(w(Ye),{teleportTo:N.value.teleportTo,show:U.value.showTooltip&&k.value,backgroundColor:N.value.backgroundColor,color:N.value.color,borderRadius:N.value.borderRadius,borderColor:N.value.borderColor,borderWidth:N.value.borderWidth,fontSize:N.value.fontSize,backgroundOpacity:N.value.backgroundOpacity,position:N.value.position,offsetX:N.value.offsetX,offsetY:N.value.offsetY,parent:j.value,content:A.value,isFullscreen:X.value,isCustom:N.value.customFormat&&typeof N.value.customFormat==`function`,smooth:N.value.smooth,backdropFilter:N.value.backdropFilter,smoothForce:N.value.smoothForce,smoothSnapThreshold:N.value.smoothSnapThreshold},{"tooltip-before":E(()=>[C(e.$slots,`tooltip-before`,y(_({...K.value})),void 0,!0)]),tooltip:E(()=>[C(e.$slots,`tooltip`,y(_({...K.value})),void 0,!0)]),"tooltip-after":E(()=>[C(e.$slots,`tooltip-after`,y(_({...K.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`]),ct.value&&F.value.buttons.table?(x(),d(Fe($.value.component),je({key:7},$.value.props,{ref_key:`tableUnit`,ref:mt,onClose:Zt}),ke({content:E(()=>[(x(),d(w(Qe),{key:`table_${pt.value}`,colNames:Y.value.colNames,head:Y.value.head,body:Y.value.body,config:Y.value.config,title:M.value.table.useDialog?``:$.value.title,withCloseButton:!M.value.table.useDialog,isCursorPointer:I.value,onClose:Zt},{th:E(({th:e})=>[m(`div`,null,Ie(e),1)]),td:E(({td:e})=>[Ae(Ie(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[M.value.table.useDialog?{name:`title`,fn:E(()=>[Ae(Ie($.value.title),1)]),key:`0`}:void 0,M.value.table.useDialog?{name:`actions`,fn:E(()=>[m(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Lt(F.value.callbacks.csv),style:b({cursor:I.value?`pointer`:`default`})},[h(w(Xe),{name:`fileCsv`,stroke:$.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):f(``,!0),C(e.$slots,`skeleton`,{},()=>[w(L)?(x(),d(ve,{key:0})):f(``,!0)],!0)],46,Be))}},[[`__scopeId`,`data-v-ca23df82`]]);export{ze as n,Je as t};