vue-data-ui 3.27.1 → 3.28.0

package/dist/vue-ui-stackline-G7-oqfzp.js

@@ -0,0 +1,39 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{$ as n,B as r,D as i,Dt as a,Ft as o,Ht as s,Jt as c,M as l,Ot as u,P as d,S as f,U as p,X as m,Zt as h,_ as g,_t as _,at as ee,b as v,c as te,dt as y,en as ne,gt as re,i as ie,in as ae,nn as oe,nt as se,pt as ce,t as le,tn as ue,v as de,w as fe,wt as pe,yt as me,zt as he}from"./lib-DqD8nbyX.js";import{n as ge,t as _e}from"./BaseScanner-8NdoBs7B.js";import{n as ve,t as ye}from"./useHints-BH9r_0Vd.js";import{t as be}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as xe}from"./useNestedProp-DrLnzyHO.js";import{t as Se}from"./useThemeCheck-BKNRbGeC.js";import{t as Ce}from"./img-DiP2_5_r.js";import{n as we}from"./Title-BLA0tM3g.js";import{t as Te}from"./useChartExport-DtPNpc9M.js";import{n as Ee,t as De}from"./tableIntegration-CNoJ1CIY.js";import{n as Oe,t as ke}from"./annotationSlots-BRR85CqJ.js";import{n as Ae,t as je}from"./userOptionsSlots-DYuo-E5m.js";import{n as Me,r as Ne,t as Pe}from"./useTimeLabels-Das5O74F.js";import{t as Fe}from"./usePrinter-Cj4eIYC_.js";import{t as Ie}from"./useTransitions-DfSHzsdz.js";import{t as Le}from"./useStableElementSize-CegFbRlF.js";import{t as Re}from"./useTimeLabelCollider-XQf_S7-z.js";import{t as ze}from"./Shape-gDVRWM6n.js";import{l as Be,t as Ve}from"./useResponsive-D2CPcpda.js";import{t as He}from"./DefGrad-DKMq1REY.js";import{t as Ue}from"./SlicerPreview-Dpu4nMz6.js";import{t as We}from"./BaseLegendToggle-BOcw1ke8.js";import{t as Ge}from"./A11yDataTable-DWNlWXzs.js";import{t as Ke}from"./useUserOptionState-CXlFnwPv.js";import{t as qe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Je}from"./Legend-D8NunRPr.js";import{t as Ye}from"./vue_ui_stackline-D7b63K84.js";import{Fragment as b,Teleport as Xe,computed as x,createBlock as S,createCommentVNode as C,createElementBlock as w,createElementVNode as T,createSlots as Ze,createTextVNode as Qe,createVNode as $e,defineAsyncComponent as et,guardReactiveProps as tt,mergeProps as nt,nextTick as rt,normalizeClass as E,normalizeProps as it,normalizeStyle as at,onBeforeUnmount as ot,onMounted as st,openBlock as D,ref as O,renderList as k,renderSlot as A,resolveDynamicComponent as ct,shallowRef as lt,toDisplayString as ut,toRefs as dt,unref as j,useSlots as ft,watch as pt,watchEffect as mt,withCtx as M}from"vue";var ht=/* @__PURE__ */ e({default:()=>on}),gt=[`id`],_t=[`id`],vt=[`id`],yt={style:{position:`relative`}},bt=[`aria-describedby`,`xmlns`,`viewBox`],xt=[`id`],St=[`x`,`y`,`width`,`height`],Ct={key:0},wt=[`x`,`y`,`width`,`height`],Tt={key:1},Et=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Dt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Ot=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],kt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],At=[`x`,`y`,`font-size`,`fill`,`font-weight`],jt=[`transform`,`font-size`,`fill`,`font-weight`],Mt=[`x`,`y`,`width`,`height`,`stroke`,`stroke-width`,`stroke-linecap`,`stroke-linejoin`,`stroke-dasharray`],Nt=[`clip-path`],Pt=[`d`,`fill`,`opacity`],Ft=[`d`,`stroke`,`stroke-width`],It=[`x1`,`x2`,`y1`,`y2`,`stroke`],Lt=[`transform`,`font-size`,`font-weight`,`fill`,`text-anchor`],Rt={key:0},zt={key:1},Bt=[`text-anchor`,`font-size`,`font-weight`,`fill`,`stroke`,`transform`,`onClick`],Vt=[`text-anchor`,`font-size`,`fill`,`transform`,`innerHTML`,`onClick`],Ht=[`x`,`y`,`height`,`width`,`fill`],Ut={key:0},Wt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Gt=[`clip-path`],Kt={key:0},qt=[`transform`,`font-size`,`fill`,`font-weight`],Jt=[`transform`,`font-size`,`font-weight`,`fill`],Yt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`,`stroke`,`stroke-opacity`,`stroke-width`,`stroke-dasharray`],Xt=[`data-start`,`data-end`],Zt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Qt={key:5,class:`vue-data-ui-watermark`},$t=[`onClick`],en={key:0},tn={key:1},nn=[`innerHTML`],rn=[`id`],an=280,on=/*#__PURE__*/ be({__name:`vue-ui-stackline`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},selectedXIndex:{type:Number,default:void 0},zoomState:{type:Object,default:null}},emits:[`selectDatapoint`,`selectLegend`,`selectTimeLabel`,`selectX`,`zoomStart`,`zoomEnd`,`zoomReset`,`update:zoomState`,`copyAlt`],setup(e,{expose:be,emit:ht}){let on=et(()=>import(`./Tooltip-Iyb_S6oQ.js`)),sn=et(()=>import(`./BaseIcon-DDctLkeT.js`).then(e=>e.n)),cn=et(()=>import(`./vue-ui-accordion-3lBpCjGm.js`).then(e=>e.n)),ln=et(()=>import(`./DataTable-BcVZLSs8.js`)),un=et(()=>import(`./PenAndPaper-BsBFp16i.js`).then(e=>e.t)),dn=et(()=>import(`./UserOptions-BSJ_S_us.js`).then(e=>e.n)),fn=et(()=>import(`./PackageVersion-ATrKWi8V.js`).then(e=>e.t)),pn=et(()=>import(`./BaseDraggableDialog-Bw_azO0n.js`).then(e=>e.n)),{vue_ui_stackline:mn}=t(),{isThemeValid:hn,warnInvalidTheme:gn}=Se(),_n=ft(),N=e,P=ht,vn=x({get(){return!!N.dataset&&N.dataset.length},set(e){return e}}),yn=O(null),F=O(m()),bn=O(!1),I=O([]),xn=O(0),Sn=O(null),Cn=O(null),wn=O(null),Tn=O(null),En=O(null),Dn=O(!1),On=O(!1),kn=O(0),An=O(0),jn=O(0),Mn=O(!1),Nn=O(null),Pn=O(null),Fn=O(!1),In=O(null),Ln=O(null),Rn=O(null),zn=O(null),Bn=O(null),Vn=lt(null),Hn=O(!1),Un=O(0),Wn=O(0),Gn=O(null),Kn=O({x:0,y:0}),qn=O(`pointer`),Jn=Le({elementRef:Vn,minimumWidth:2,minimumHeight:2,stableFramesRequired:2,once:!1,onSizeAccepted:()=>{Zn()}});function Yn(){Vn.value=yn.value?.parentNode??null}function Xn(){return new Promise(e=>{requestAnimationFrame(()=>{requestAnimationFrame(e)})})}async function Zn(){let e=++Wn.value;Hn.value=!1,await rt(),await Xn(),await Xn(),e===Wn.value&&(Un.value+=1,Hn.value=!0)}let Qn=O(null),$n=O(!1);function er(){$n.value=!$n.value}st(()=>{Yn(),Jn.start(),Mn.value=!0,Dr(),Zn()});let L=O(fr()),R=x(()=>L.value.userOptions),z=x(()=>L.value.style.chart.grid.x.timeLabels),B=x(()=>L.value.style.chart.grid),V=x(()=>L.value.style.chart.lines),H=x(()=>L.value.style.chart.tooltip),U=x(()=>L.value.style.chart);ve({config:()=>L.value,dataset:()=>N.dataset,component:`VueUiStackline`,rules:[ye.emptyArray,{test:e=>e.some(e=>e.series.length>200),message:[`👀 Some series have > 200 datapoints, which can impact performance. Consider:`,``,`▶️ Aggregating data to larger time units, to reduce the number of datapoints.`,``,`▶️ Using filters to constraint the data to a specific time range.`]},{test:e=>e.length>6,message:[`👀 The number of series > 6, which can make the chart hard to read. Consider:`,``,`▶️ Grouping small values into an "Other" category.`,``,`▶️ Using filters to let users choose a maximum number of series to display.`]}]});let{transitionEnabled:tr}=Ie({config:()=>L.value.transitions,dataset:()=>N.dataset}),nr=x(()=>L.value.userOptions.useCursorPointer),rr=x(()=>ae({defaultConfig:{userOptions:{show:!1},useCssAnimation:!1,table:{show:!1},tooltip:{show:!1},style:{chart:{backgroundColor:`#99999930`,lines:{totalValues:{show:!1},dataLabels:{show:!1}},grid:{frame:{stroke:`#6A6A6A`},scale:{scaleMin:0,scaleMax:144},x:{axisColor:`#6A6A6A`,linesColor:`#6A6A6A`,axisName:{show:!1},timeLabels:{show:!1}},y:{axisColor:`#6A6A6A`,linesColor:`#6A6A6A`,axisName:{show:!1},axisLabels:{show:!1}}},legend:{backgroundColor:`transparent`},padding:{left:24,right:24,bottom:12},zoom:{show:!1,startIndex:null,endIndex:null,keepState:!1}}}},userConfig:L.value.skeletonConfig??{}})),{loading:ir,FINAL_DATASET:ar,manualLoading:or}=ge({...dt(N),FINAL_CONFIG:L,prepareConfig:fr,callback:()=>{Promise.resolve().then(async()=>{(!U.value.zoom.keepState||!ta.value||Y.value.start===0&&Y.value.end===0)&&await ra()})},skeletonDataset:N.config?.skeletonDataset??[{name:``,series:[3,2,1,5,13,21,8,89,34,55],color:`#8A8A8A`},{name:``,series:[1,2,3,5,8,13,21,34,55,89],color:`#CACACA`}],skeletonConfig:ae({defaultConfig:L.value,userConfig:rr.value})}),{userOptionsVisible:sr,setUserOptionsVisibility:cr,keepUserOptionState:lr}=Ke({config:L.value}),{svgRef:W}=qe({config:U.value.title});function ur(){Fn.value=!0,cr(!0)}function dr(){cr(!1),Fn.value=!1,Gn.value=null,qn.value=`pointer`,bn.value=!1,$.value=null,P(`selectX`,{index:null,indexLabel:null,dataset:null})}function fr(){let e=xe({userConfig:N.config,defaultConfig:mn}),t={};N.config&&pe(N.config,`style.chart.grid.x.timeLabels.showFirstAndLast`)&&(e.style.chart.grid.x.timeLabels.showFirstAndLast=!!N.config.style.chart.grid.x.timeLabels.showFirstAndLast);let n=e.theme;if(n){if(!hn.value(e))gn(e),t=e;else{let r=xe({userConfig:Ye[n]||N.config,defaultConfig:e});t={...xe({userConfig:N.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:oe[n]||s}}}else t=e;return t}let pr=x(()=>V.value.dataLabels.hideUnderValue!==null),mr=x(()=>V.value.dataLabels.hideUnderPercentage!==null),hr=h(N.config);pt(()=>N.config,(e,t)=>{let n=h(e),r=n!==hr;hr=n;let i=fr();if(!r){L.value.style.chart.tooltip=i.style.chart.tooltip,G.value.showTooltip=L.value.style.chart.tooltip.show;return}ir.value||(L.value=i),sr.value=!L.value.userOptions.showOnChartHover,G.value.dataLabels.show=V.value.dataLabels.show,G.value.showTable=L.value.table.show,G.value.showTooltip=H.value.show,Dr({resetSlicer:!U.value.zoom.keepState}),kn.value+=1,An.value+=1,jn.value+=1,xr.value.width=U.value.width,xr.value.height=U.value.height,xr.value.paddingRatio={top:U.value.padding.top/U.value.height,right:U.value.padding.right/U.value.width,bottom:U.value.padding.bottom/U.value.height,left:U.value.padding.left/U.value.width},Yn(),Zn(),!U.value.zoom.keepState||!ta.value||Y.value.start===0&&Y.value.end===0?ra():Ci()},{deep:!0}),pt(()=>N.dataset,e=>{Array.isArray(e)&&e.length>0&&(or.value=!1),U.value.zoom.keepState?Ci():Ei(),Yn(),Zn()},{deep:!0});let G=O({dataLabels:{show:V.value.dataLabels.show},showTable:L.value.table.show,showTooltip:H.value.show});pt(L,()=>{G.value={dataLabels:{show:V.value.dataLabels.show},showTable:L.value.table.show,showTooltip:H.value.show}},{immediate:!0});let{isPrinting:gr,isImaging:_r,generatePdf:vr,generateImage:yr}=Fe({elementId:`stackline_${F.value}`,fileName:U.value.title.text||`vue-ui-stackline`,options:L.value.userOptions.print}),br=x(()=>L.value.userOptions.show&&!U.value.title.text),xr=O({width:U.value.width,height:U.value.height,paddingRatio:{top:U.value.padding.top/U.value.height,right:U.value.padding.right/U.value.width,bottom:U.value.padding.bottom/U.value.height,left:U.value.padding.left/U.value.width}}),Sr=x(()=>fe(L.value.customPalette)),Cr=lt(null),wr=lt(null),Tr=O(null),Er=x(()=>L.value.debug);function Dr({resetSlicer:e=!0}={}){if(he(N.dataset)?(ee({componentName:`VueUiStackline`,type:`dataset`,debug:Er.value}),or.value=!0):N.dataset.forEach((e,t)=>{me({datasetObject:e,requiredAttributes:[`name`,`series`]}).forEach(e=>{vn.value=!1,ee({componentName:`VueUiStackline`,type:`datasetSerieAttribute`,property:e,index:t,debug:Er.value}),or.value=!0})}),he(N.dataset)||(or.value=L.value.loading),setTimeout(()=>{On.value=!0},10),L.value.responsive){let e=Be(()=>{On.value=!1;let{width:e,height:t}=Ve({chart:yn.value,noTitle:Tn.value,title:U.value.title.text?Sn.value:null,legend:U.value.legend.show?Cn.value:null,slicer:U.value.zoom.show&&J.value>6?wn.value.$el:null,source:En.value});requestAnimationFrame(()=>{xr.value.width=e,xr.value.height=t-12,clearTimeout(Tr.value),Tr.value=setTimeout(()=>{On.value=!0},10)})});Cr.value&&(wr.value&&Cr.value.unobserve(wr.value),Cr.value.disconnect()),Cr.value=new ResizeObserver(e),wr.value=yn.value.parentNode,Cr.value.observe(wr.value)}e&&ra()}ot(()=>{Jn.stop(),Cr.value&&(wr.value&&Cr.value.unobserve(wr.value),Cr.value.disconnect())});let Or=x(()=>B.value.y.position===`right`);function kr(){let e=0;Rn.value&&(e=Array.from(Rn.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0));let t=Ln.value?Ln.value.getBoundingClientRect().width+B.value.y.axisName.fontSize+B.value.y.axisName.offsetX:0;return{left:Or.value?0:e+t,right:Or.value?e+t:0,scaleLabelsWidth:e,yAxisLabelWidth:t}}let Ar=O(0),jr=O(0),Mr=O(0);function Nr(){let e=zn.value;if(!e){jr.value=0;return}try{let t=e.getBBox();jr.value=Number.isFinite(t?.height)?t.height:0}catch{jr.value=0}}function Pr(){Mr.value&&cancelAnimationFrame(Mr.value),Mr.value=requestAnimationFrame(()=>{requestAnimationFrame(()=>{Nr()})})}ot(()=>{Mr.value&&cancelAnimationFrame(Mr.value),jr.value=0,Ar.value=0});let Fr=x(()=>{let e=0;if(In.value)try{e=In.value.getBBox().height}catch{e=0}let t=z.value.show?jr.value:0;return e+t}),K=x(()=>{Un.value;let{height:e,width:t}=xr.value,{right:n}=xr.value.paddingRatio,r=V.value.totalValues.show&&N.dataset&&N.dataset.length>1?V.value.totalValues.fontSize*1.3:0,i=0,a=0,o=0,s=0;if(B.value.y.axisLabels.show){let e=kr();i=e.left,a=e.right,o=e.scaleLabelsWidth,s=e.yAxisLabelWidth}let c=U.value.padding.top+r,l=t-t*n-Ar.value-a,u=e-U.value.padding.bottom-Fr.value-r,d=U.value.padding.left+i,f=t-d-t*n-Ar.value-a,p=e-c-U.value.padding.bottom-Fr.value-r;return{chartHeight:Math.max(0,e),chartWidth:Math.max(0,t),top:c,right:Math.max(0,l),bottom:Math.max(0,u),left:Math.max(0,d),width:Math.max(0,f),height:Math.max(0,p),offsetLeftAxis:i,offsetRightAxis:a,scaleLabelsWidth:o,yAxisLabelWidth:s}}),Ir=x(()=>{let{left:e,top:t,width:n,height:r}=K.value,i=Y.value.start,a=Y.value.end,o=Math.max(1,a-i),s=Math.max(0,Math.min(o,(Br.value.start??i)-i)),c=Math.max(0,Math.min(o,(Br.value.end??a)-i)),l=Math.max(0,c-s),u={fill:U.value.zoom.preview.fill,stroke:U.value.zoom.preview.stroke,"stroke-width":U.value.zoom.preview.strokeWidth,"stroke-dasharray":U.value.zoom.preview.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:{pointerEvents:`none`,transition:`none !important`,animation:`none !important`}},d=n/o;return{x:e+s*d,y:t,width:l*d,height:r,...u}}),q=x(()=>ar.value.map((e,t)=>{let n=m(),r=f(e.color)||Sr.value[t]||s[t]||s[t%s.length];return{...e,shape:e.shape||`circle`,standalone:!!e.standalone,series:JSON.parse(JSON.stringify(e.series)).map(e=>V.value.distributed?Math.abs(e):e),seriesSource:e.series,signedSeries:e.series.map(e=>e>=0?1:-1),absoluteIndex:t,id:n,color:r}})),Lr=x(()=>q.value.filter(e=>!I.value.includes(e.id)&&!e.standalone)),Rr=x(()=>q.value.filter(e=>!I.value.includes(e.id)&&e.standalone)),J=x(()=>{let e=Math.max(...q.value.filter(e=>!I.value.includes(e.id)).map(e=>e.series.length));return isFinite(e)?e:Math.max(...q.value.map(e=>e.series.length))});function zr(e){Qn.value=e}let Y=O({start:0,end:Math.max(...ar.value.map(e=>e.series.length))}),Br=O({start:0,end:Math.max(...ar.value.map(e=>e.series.length))}),Vr=O(!1),Hr=O(!1),Ur=O(!1),Wr=O(`matrix(1, 0, 0, 1, 0, 0)`),Gr=O(!1),Kr=0,qr=0,Jr=0,Yr=0,Xr=O(null),Zr=O(null),Qr=O(null),$r=O(!1),ei=O({time:0,x:0,y:0,pointerType:null}),ti=x(()=>U.value.zoom?.dragToZoom),ni=x(()=>ti.value.show&&vn.value&&ta.value&&!ir.value),ri=null,ii={};function ai(e){return(Y.value.start??0)+(e??0)}let oi=x(()=>U.value.zoom.preview.enable&&(Br.value.start!==Y.value.start||Br.value.end!==Y.value.end));function si(e,t){Br.value[e]=t}function ci(e,t=Y.value){if(!e||typeof e!=`object`)return null;let n=e.start!==void 0&&e.start!==null,r=e.end!==void 0&&e.end!==null;if(!n&&!r)return null;let i=Number(n?e.start:t.start),a=Number(r?e.end:t.end);return!Number.isFinite(i)||!Number.isFinite(a)?null:{start:i,end:a}}function li(e){let t=ci(e);t&&P(`update:zoomState`,t)}function ui(){ri&&=(cancelAnimationFrame(ri),null),ii={}}function di(e=Y.value){return{start:Number(e.start),end:Number(e.end)}}function fi(e,t){let n=Number(K.value?.left)||0,r=Math.max(0,Number(K.value?.width)||0),i=Number(t?.start),a=Number(t?.end),o=a-i;return!Number.isFinite(e)||!Number.isFinite(i)||!Number.isFinite(a)||o<=0?n:o<=1?n+r/2:n+(e-i)/(o-1)*r}function pi(){if(V.value.distributed)return null;let e=(Ri.value||[]).filter(e=>Number.isFinite(e?.value)&&Number.isFinite(e?.y));if(e.length<2)return null;let t=e.reduce((e,t)=>t.value<e.value?t:e),n=e.reduce((e,t)=>t.value>e.value?t:e);return n.value===t.value||n.y===t.y?null:{minValue:t.value,maxValue:n.value,minY:t.y,maxY:n.y}}function mi(e,t){if(!t||!Number.isFinite(e))return Number(K.value?.bottom)||0;let n=t.maxValue-t.minValue;if(!Number.isFinite(n)||n===0)return t.minY;let r=(e-t.minValue)/n;return t.minY+(t.maxY-t.minY)*r}function hi({previousRange:e,targetRange:t,previousYScale:n,targetYScale:r}){let i=Number(t.start),a=Number(t.end)-1,o=1,s=0;if(Number.isFinite(i)&&Number.isFinite(a)&&a>i){let n=fi(i,t),r=fi(a,t),c=fi(i,e),l=fi(a,e),u=r-n;Number.isFinite(u)&&Math.abs(u)>1e-9&&(o=(l-c)/u,s=c-o*n)}let c=1,l=0;if(n&&r){let e=r.minValue,t=r.maxValue,i=mi(e,r),a=mi(t,r),o=mi(e,n),s=mi(t,n),u=a-i;Number.isFinite(u)&&Math.abs(u)>1e-9&&(c=(s-o)/u,l=o-c*i)}return[o,s,c,l].every(Number.isFinite)?`matrix(${o}, 0, 0, ${c}, ${s}, ${l})`:`matrix(1, 0, 0, 1, 0, 0)`}function gi({resetTransform:e=!0}={}){Yr+=1,Kr&&=(cancelAnimationFrame(Kr),0),qr&&=(cancelAnimationFrame(qr),0),Jr&&=(clearTimeout(Jr),0),Gr.value=!1,Ur.value=!1,e&&(Wr.value=`matrix(1, 0, 0, 1, 0, 0)`)}function _i(e,t){return!W.value||ir.value||!vn.value||!e||!t||typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`)?.matches?!1:Number.isFinite(e.start)&&Number.isFinite(e.end)&&Number.isFinite(t.start)&&Number.isFinite(t.end)&&e.end>e.start&&t.end>t.start}function vi(e,t){let n=di();if(!_i(e,n))return gi(),!1;let r=hi({previousRange:e,targetRange:n,previousYScale:t,targetYScale:pi()});if(r===`matrix(1, 0, 0, 1, 0, 0)`)return gi(),!1;gi();let i=++Yr;return Ur.value=!0,Gr.value=!1,Wr.value=r,Kr=requestAnimationFrame(()=>{Kr=0,qr=requestAnimationFrame(()=>{qr=0,i===Yr&&(Gr.value=!0,Wr.value=`matrix(1, 0, 0, 1, 0, 0)`,Jr=setTimeout(()=>{Jr=0,i===Yr&&(Gr.value=!1,Ur.value=!1)},an))})}),!0}let yi=x(()=>({transform:Wr.value,transformOrigin:`0 0`,transformBox:`view-box`,transition:Gr.value?`transform ${an}ms cubic-bezier(0.4, 0, 0.2, 1)`:`none`,willChange:Ur.value?`transform`:void 0})),bi=x(()=>Ur.value?`url(#vue_ui_stackline_zoom_clip_${F.value})`:void 0);function xi(e,{transition:t=!1}={}){let n=ci(e);if(!n)return null;let{start:r,end:i}=n;if(r!==Number(Y.value.start)||i!==Number(Y.value.end)){let e=di(),n=pi();ui(),Y.value={start:r,end:i},Br.value={start:r,end:i},Ci(),t&&vi(e,n)}return{start:Number(Y.value.start),end:Number(Y.value.end)}}function Si(e,{transition:t=!0}={}){let n=xi(e,{transition:t});return n?(P(`update:zoomState`,n),n):null}function Ci(){let e=J.value,t=Math.max(0,Math.min(Y.value.start??0,e-1)),n=Math.max(t+1,Math.min(Y.value.end??e,e));(!Number.isFinite(t)||!Number.isFinite(n)||n<=t)&&(t=0,n=e),Y.value.start=t,Y.value.end=n,Br.value.start=t,Br.value.end=n,wn.value&&wn.value.setRangeValues(t,n)}let wi=O(null);function Ti(){return new Promise(e=>requestAnimationFrame(()=>requestAnimationFrame(()=>e())))}ot(()=>{wi.value&&cancelAnimationFrame(wi.value),ui(),_a(),gi()});async function Ei({force:e=!1,publish:t=!1,transition:n=e&&t}={}){if(U.value.zoom.keepState&&!e&&ta.value&&(Y.value.start!==0||Y.value.end!==0)){Ci();return}let r=!e,i=n?di():null,a=n?pi():null;ra(r),n&&vi(i,a),await rt(),wi.value&&cancelAnimationFrame(wi.value),wi.value=requestAnimationFrame(async()=>{await Ti(),ra(r),wi.value=null,t&&(li({start:Number(Y.value.start),end:Number(Y.value.end)}),P(`zoomReset`))})}let Di=x(()=>Math.max(0,K.value.width/(Y.value.end-Y.value.start))),Oi=x(()=>ne(Lr.value.map(e=>({...e,series:e.series.map(e=>e??0)}))).slice(Y.value.start,Y.value.end)),ki=x(()=>I.value.length===q.value.length),Ai=x(()=>{if(!U.value.zoom.minimap.show)return[];let e=q.value.filter(e=>ki.value?!0:!I.value.includes(e.id)&&!e.standalone);if(e.length)return ne(e.map(e=>({...e,series:(e.series||[]).map(e=>e??0)})));let t=Rr.value;if(!t.length)return[];let n=Math.max(...t.map(e=>e.series.length||0));return Array.from({length:n},(e,n)=>t.reduce((e,t)=>e+Math.abs(t.series[n]??0),0))}),ji=x(()=>{if(!U.value.zoom.minimap.show)return[];let e=q.value.filter(e=>ki.value?!0:!I.value.includes(e.id)&&!e.standalone),t=Rr.value,n=e.length?[{name:``,series:Ai.value,color:`#000000`,isVisible:!0}]:[],r=t.map(e=>({name:e.name||``,series:(e.series||[]).map(e=>e??0),color:e.color,isVisible:!0}));return n.concat(r)}),Mi=x(()=>ne(Lr.value.filter(e=>!I.value.includes(e.id)).map(e=>({...e,series:e.series.map((t,n)=>{let r=t??0;return e.signedSeries[n]===-1&&r>=0?-r:r})}))).slice(Y.value.start,Y.value.end)),Ni=x(()=>{let e=Lr.value.filter(e=>!I.value.includes(e.id));return{positive:ne(e.map(e=>({...e,series:e.series.slice(Y.value.start,Y.value.end).map(e=>(e??0)>=0?e??0:0)}))),negative:ne(e.map(e=>({...e,series:e.series.slice(Y.value.start,Y.value.end).map(e=>(e??0)<0?e??0:0)})))}}),Pi=x(()=>{let e=Math.max(0,Y.value.end-Y.value.start),t=Array(e).fill(0),n=Array(e).fill(0);return Rr.value.forEach(r=>{for(let i=0;i<e;i+=1){let e=r.series[Y.value.start+i]??0;e>0&&(t[i]=Math.max(t[i],e)),e<0&&(n[i]=Math.min(n[i],e))}}),{positive:t,negative:n}}),Fi=x(()=>Mi.value.map((e,t)=>({value:e,sign:e>=0?1:-1})));function Ii(){return{y0:Ri.value?.[0]?.zero??K.value.bottom}}function Li(e){let{y0:t}=Ii(),n=V.value.totalValues,r=Math.max(2,n.fontSize*1.3+n.offsetY),i=e=>Math.min(Math.max(e,K.value.top-V.value.totalValues.fontSize*1.3),K.value.bottom+V.value.totalValues.fontSize*2);if((Fi.value?.[e]?.value??0)>=0||V.value.distributed){let n=1/0;for(let t of X.value||[]){let r=t?.series?.[e],i=t?.topY?.[e];(r??0)>0&&Number.isFinite(i)&&i<n&&(n=i)}return i((Number.isFinite(n)?n:t)-r-V.value.totalValues.offsetY)}{let a=-1/0;for(let t of X.value||[]){let n=t?.series?.[e],r=t?.topY?.[e];(n??0)<0&&Number.isFinite(r)&&r>a&&(a=r)}return i((Number.isFinite(a)?a:t)+r+n.fontSize*.7+V.value.totalValues.offsetY)}}let Ri=x(()=>{let e=Math.max(...Ni.value.positive,0),t=Math.min(...Ni.value.negative,0),n=Math.max(...Pi.value.positive,0),r=Math.min(...Pi.value.negative,0),i=Math.max(e,n),a=Math.min(t,r),o=[-1/0,1/0,NaN,void 0,null].includes(a)?0:a,s=B.value.scale.scaleMin,c=B.value.scale.scaleMax,l=!V.value.distributed&&(s!==null||c!==null),u=s!==null&&!V.value.distributed?s:o>0?0:o,d=c!==null&&!V.value.distributed?c:i<0?0:i,f=l?de(u,d,B.value.scale.ticks):g(u,d,B.value.scale.ticks),p=Math.abs(Number(f.min)||0),m=(Number(f.max)||0)+p,h=m===0||!Number.isFinite(m)?1:m,_=Array.isArray(f.ticks)&&f.ticks.length?f.ticks:[0],ee=K.value.bottom-K.value.height*(p/h);return _.map(e=>{let t=Number(e)||0,n=K.value.bottom-K.value.height*((t+p)/h);return{zero:ee,y:n,x:Or.value?Z.value.right+8:Z.value.left-8,value:t}})}),zi=O([]),Bi=O([]),Vi=0;mt(()=>{let e=++Vi;(async()=>{let t=await Pe({values:z.value.values,maxDatapoints:J.value,formatter:z.value.datetimeFormatter,start:Y.value.start,end:Y.value.end});e===Vi&&(zi.value=t)})()});let Hi=0;mt(()=>{let e=++Hi;(async()=>{let t=await Pe({values:z.value.values,maxDatapoints:J.value,formatter:z.value.datetimeFormatter,start:0,end:J.value});e===Hi&&(Bi.value=t)})()});let Ui=x(()=>{let e=Math.max(1,Math.floor(Number(z.value.modulo)||1)),t=(zi.value||[]).map(e=>e?.text??``),n=(Bi.value||[]).map(e=>e?.text??``),r=Y.value.start??0,i=r>0||t.length<n.length;return re({configuredModulo:e,visibleTexts:t,allTexts:n,startAbs:r,isZoomed:i})});function Wi(e){let t=z.value,n=zi.value||[],r=Bi.value||[],i=Y.value.start??0,a=J.value,o=n.map(e=>e?.text??``),s=r.map(e=>e?.text??``),c=te(!!t.showOnlyFirstAndLast,!!t.showOnlyAtModulo,Ui.value,o,s,i,e,a);if(!t.showFirstAndLast||t.showOnlyFirstAndLast||!c.length)return c;let l=c.length-1;return c.map((e,t)=>t!==0&&t!==l?e:{...e,text:o[t]??``})}let Gi=x(()=>Wi($.value)),Ki=x(()=>Wi(null));mt(()=>{z.value.show,z.value.fontSize,z.value.rotation,z.value.offsetY,(Ki.value||[]).map(e=>e?.text??``).join(`|`),xr.value.width,xr.value.height,zn.value,In.value,Pr()},{flush:`post`});let qi=O({months:[],shortMonths:[],days:[],shortDays:[]}),Ji=0;mt(()=>{let e=++Ji,t=z.value.datetimeFormatter;(async()=>{let n=await Ne(t.locale).catch(()=>Ne(`en`));e===Ji&&(qi.value=n.data)})()});let Yi=x(()=>{let e=z.value.datetimeFormatter,t=Me({useUTC:e.useUTC,locale:qi.value,januaryAsYear:e.januaryAsYear});return(e,n)=>{let r=z.value.values?.[e];return r==null?``:t.formatDate(new Date(r),n)}}),Xi=x(()=>(z.value.values||[]).map((e,t)=>({text:Yi.value(t,U.value.zoom.timeFormat),absoluteIndex:t}))),Zi=x(()=>(z.value.values||[]).map((e,t)=>({text:Yi.value(t,H.value.timeFormat),absoluteIndex:t}))),Qi=x(()=>{if(!vn.value&&!ir.value)return[];let e=K.value.height,t=Ri.value[0]?Ri.value[0].zero:K.value.bottom,n=Y.value.start??0,r=Y.value.end??0,i=Math.max(1,r-n),a=Math.max(...Ni.value.positive,0),o=Math.min(...Ni.value.negative,0),s=Math.max(...Pi.value.positive,0),c=Math.min(...Pi.value.negative,0),l=Math.max(a,s),u=Math.min(o,c),{min:d,max:f}=!V.value.distributed&&(B.value.scale.scaleMax!==null||B.value.scale.scaleMin!==null)?de(B.value.scale.scaleMin===null?u>0?0:u:B.value.scale.scaleMin,B.value.scale.scaleMax===null?l<0?0:l:B.value.scale.scaleMax,B.value.scale.ticks):g(B.value.scale.scaleMin===null?u>0?0:u:B.value.scale.scaleMin,B.value.scale.scaleMax===null?l<0?0:l:B.value.scale.scaleMax,B.value.scale.ticks),p=f+(d>=0?0:Math.abs(d))||1,m=Array(i).fill(0),h=Array(i).fill(0),_=e=>i<=1?K.value.left+K.value.width/2:K.value.left+e/(i-1)*K.value.width;return q.value.filter(e=>!I.value.includes(e.id)).map(r=>{let a=[],o=[],s=[],c=Array(i).fill(null),l=Array(i).fill(null);for(let u=0;u<i;u+=1){let i=n+u,d=r.series?.[i],f=r.signedSeries?.[i],g=d==null||Number.isNaN(d)?0:d,_=r.standalone?g/p:V.value.distributed?g/(Oi.value[u]||1):g/p;if(g>=0){let n=e*Math.abs(_);if(r.standalone)c[u]=t,l[u]=t-n;else{let e=m[u],r=e+n;c[u]=t-e,l[u]=t-r,m[u]=r}}else{let n=e*Math.abs(_);if(r.standalone)c[u]=t,l[u]=t+n;else{let e=h[u],r=e+n;c[u]=t+e,l[u]=t+r,h[u]=r}}a.push(u),o.push(g),s.push(f??(g>=0?1:-1))}let u=a.map(e=>({x:_(e),y:l[e]})),d=u.map(e=>e.x),f=o.reduce((e,t)=>e+Math.abs(t||0),0),g=f===0?1:f,ee=o.map((e,t)=>{if(V.value.distributed&&!r.standalone){let n=a[t],r=Oi.value[n]||1;return(e||0)/r}return(e||0)/g});return{...r,x:d,points:u,baseY:a.map(e=>c[e]),topY:a.map(e=>l[e]),series:o,signedSeries:s,proportions:ee,rel:a,fullSeries:Array.isArray(r.fullSeries)?r.fullSeries:r.series}})}),X=x(()=>{let e=e=>typeof e==`string`?e.replace(/^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i,``).trim():``,t=Math.max(...Ni.value.positive,0),n=Math.min(...Ni.value.negative,0),r=Math.max(...Pi.value.positive,0),i=Math.min(...Pi.value.negative,0),a=Math.max(t,r),o=Math.min(n,i),s=!V.value.distributed&&(B.value.scale.scaleMax!==null||B.value.scale.scaleMin!==null)?de(B.value.scale.scaleMin===null?o>0?0:o:B.value.scale.scaleMin,B.value.scale.scaleMax===null?a<0?0:a:B.value.scale.scaleMax,B.value.scale.ticks):g(B.value.scale.scaleMin===null?o>0?0:o:B.value.scale.scaleMin,B.value.scale.scaleMax===null?a<0?0:a:B.value.scale.scaleMax,B.value.scale.ticks),c=Number(s.min)||0,l=Number(s.max)||0,u=Math.abs(c),f=l+u||1,m=e=>{if(V.value.distributed){let t=Math.max(0,Math.min(1,e));return minimapH-minimapH*t}return clampY(minimapH-minimapH*(((e??0)+u)/f))};return Qi.value.map(t=>{let n=t.x.length,r=Array.isArray(t.fullSeries)?t.fullSeries:t.series,i=({left:e=0,unitW:t})=>{let n=r.length;return!Number.isFinite(t)||t<=0||n<=0?[]:n===1?[e+t*.5]:r.map((n,r)=>e+r*t)},a=({minimapH:e})=>!Number.isFinite(e)||e<=0?[]:r.map(t=>m(t||0,e)),o=({minimapH:e})=>{if(!Number.isFinite(e)||e<=0)return[];let t=m(0,e);return r.map(()=>t)};if(n===0)return{...t,points:[],smoothPath:``,straightPath:``,smoothArea:``,straightArea:``,xMinimap:i,yMinimap:a,yMinimapBase:o};let s=t.x.map((e,n)=>({x:e,y:t.topY[n]})),c=t.x.map((e,n)=>({x:e,y:t.baseY[n]})),l=n>=2?d(s):`M${s[0].x},${s[0].y}`,u=n>=2?p(s):`M${s[0].x},${s[0].y}`,f=n>=2?`M${e(l)}`:l,h=n>=2?`M${e(u)}`:u,g=``,_=``;if(V.value.useArea&&n>=2){let t=d([...c].reverse()),n=p([...c].reverse()),r=c[c.length-1];g=`M${s[0].x},${s[0].y} ${e(l)} L${r.x},${r.y} ${e(t)} Z`,_=`M${s[0].x},${s[0].y} ${e(u)} L${r.x},${r.y} ${e(n)} Z`}return{...t,points:s,smoothPath:f,straightPath:h,smoothArea:g,straightArea:_,xMinimap:i,yMinimap:a,yMinimapBase:o}})}),$i=x(()=>$.value===null||$.value===void 0?null:{timeLabel:La($.value),absoluteIndex:$.value+Y.value.start,seriesIndex:$.value,datapoint:Ia.value,series:X.value,config:L.value}),ea=O(!1),ta=O(!1);function na(e,t=Y.value.start){let n=J.value,r=Number(t);return e>n?n:e<0||e<=r?Math.min(r+1,n):e}function ra(e=!0){if(!ea.value){ea.value=!0;try{let{startIndex:t,endIndex:n,keepState:r}=U.value.zoom,i=r?Math.max(0,J.value):J.value;if(r&&i<=0)return;let a=t??0,o=n==null?i:Math.min(na(n+1,a),i);ca.value=!0,Y.value.start=a,Y.value.end=o,Br.value.start=a,Br.value.end=o,Ci(),ta.value=!0,e&&N.zoomState&&xi(N.zoomState)}finally{queueMicrotask(()=>{ca.value=!1}),ea.value=!1}}}function ia(e){ii={...ii,...e},ri&&cancelAnimationFrame(ri),ri=requestAnimationFrame(()=>{let e={...Y.value,...ii};ii={},ri=null,Y.value=e,Br.value={...e},Ci(),li({start:Number(Y.value.start),end:Number(Y.value.end)})})}function aa(e){if(ea.value||ca.value)return;let t=Number(e);Number.isFinite(t)&&(P(`zoomStart`,{index:t,isZoom:t!==0}),t!==Y.value.start&&ia({start:t}))}function oa(e){if(ea.value||ca.value)return;let t=ii.start===void 0?Y.value.start:ii.start,n=na(Number(e),t);Number.isFinite(n)&&(P(`zoomEnd`,{index:n,isZoom:n!==J.value}),(n!==Y.value.end||ii.start!==void 0)&&ia({end:n}))}let Z=x(()=>({left:K.value.left,right:K.value.right,width:K.value.width})),sa=x(()=>{let e=B.value.y.axisLabels,{prefix:t,suffix:r}=V.value.dataLabels;return Ri.value.map(i=>String(ie(e.formatter,i.value,n({p:t,v:i.value,s:r,r:e.rounding}),{datapoint:i})??``)).join(`|`)});pt([sa,()=>B.value.y.axisLabels.show,()=>B.value.y.axisLabels.fontSize,()=>B.value.y.axisLabels.bold,()=>B.value.y.position],()=>{B.value.y.axisLabels.show&&Zn()},{flush:`post`});let ca=O(!1);pt([()=>N.zoomState,ta],([e,t])=>{t&&e&&xi(e,{transition:!0})},{deep:!0,immediate:!0});let la=x(()=>xr.value.width),ua=x(()=>xr.value.height);Re({timeLabelsEls:zn,timeLabels:zi,slicer:Y,configRef:L,rotationPath:[`style`,`chart`,`grid`,`x`,`timeLabels`,`rotation`],autoRotatePath:[`style`,`chart`,`grid`,`x`,`timeLabels`,`autoRotate`,`enable`],isAutoSize:!1,width:la,height:ua,rotation:z.value.autoRotate.angle});let da=O(null);function fa(e){let t=W.value;if(!t)return null;if(t.createSVGPoint&&t.getScreenCTM){let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM();if(r){let e=n.matrixTransform(r.inverse());return{x:e.x,y:e.y,ok:!0}}}let n=t.getBoundingClientRect(),r=t.viewBox?.baseVal||{x:0,y:0,width:n.width,height:n.height},i=Math.min(n.width/r.width,n.height/r.height),a=r.width*i,o=r.height*i,s=(n.width-a)/2,c=(n.height-o)/2;return{x:(e.clientX-n.left-s)/i+r.x,y:(e.clientY-n.top-c)/i+r.y,ok:!0}}let pa=x(()=>!Vr.value||Xr.value==null||Zr.value==null?null:{x:Math.min(Xr.value,Zr.value),y:K.value.top,width:Math.abs(Zr.value-Xr.value),height:K.value.height}),ma=x(()=>ta.value?Number(Y.value.start)!==0||Number(Y.value.end)!==Number(J.value):!1);function ha(e){return Math.min(Math.max(e,K.value.left),K.value.right)}function ga(){Oa&&=(cancelAnimationFrame(Oa),0),da.value=null,Qn.value=null,Gn.value=null,$.value=null,za(!1,null)}function _a(e){let t=e?.pointerId==null?Qr.value:e.pointerId;t!=null&&W.value?.hasPointerCapture?.(t)&&W.value.releasePointerCapture(t),Vr.value=!1,Xr.value=null,Zr.value=null,Qr.value=null}function va(){$r.value=!0,setTimeout(()=>{$r.value=!1},0)}function ya(e){if(!ni.value||!ma.value||!e)return!1;let t=Date.now(),n=e.pointerType||`mouse`,r=ei.value,i=n===`touch`?450:350,a=n===`touch`?28:10,o=Math.hypot(e.clientX-r.x,e.clientY-r.y);return r.time>0&&r.pointerType===n&&t-r.time<=i&&o<=a?(ei.value={time:0,x:0,y:0,pointerType:null},va(),_a(e),Ei({force:!0,publish:!0}),!0):(ei.value={time:t,x:e.clientX,y:e.clientY,pointerType:n},!1)}function ba(e){if(Q.value<=0)return null;if(Q.value===1||ka.value<=0)return 0;let t=(ha(e)-K.value.left)/ka.value;return Math.max(0,Math.min(Q.value-1,Math.round(t)))}function xa(e,t){let n=ba(e),r=ba(t);if(n==null||r==null)return null;let i=Math.min(n,r),a=Math.max(n,r);return a<=i?null:{start:Number(Y.value.start)+i,end:Number(Y.value.start)+a+1}}function Sa(e){let t=Si(e,{transition:!0});return t?(P(`zoomStart`,{index:t.start,isZoom:t.start!==0}),P(`zoomEnd`,{index:t.end,isZoom:t.end!==J.value}),t):null}function Ca(){Hr.value=!0,W.value?.classList?.add(`vue-ui-stackline-chart-zoom-pointer-focus`)}function wa(){Hr.value=!1,W.value?.classList?.remove(`vue-ui-stackline-chart-zoom-pointer-focus`)}function Ta(e){if(!ni.value||$n.value||e.button!==void 0&&e.button!==0||Qr.value!=null&&e.pointerId!==Qr.value)return;let t=fa(e);if(!t)return;let{left:n,right:r,top:i,bottom:a}=K.value;t.x<n||t.x>r||t.y<i||t.y>a||Q.value<=1||(Ca(),W.value?.focus?.({preventScroll:!0}),ga(),Qr.value=e.pointerId,Vr.value=!0,Xr.value=ha(t.x),Zr.value=ha(t.x))}function Ea(e){if(!ni.value||!Vr.value||Qr.value!=null&&e.pointerId!==Qr.value)return;let t=fa(e);t&&(Zr.value=ha(t.x),Xr.value!=null&&Math.abs(Zr.value-Xr.value)>=2&&!W.value?.hasPointerCapture?.(e.pointerId)&&W.value?.setPointerCapture?.(e.pointerId))}function Da(e){if(!ni.value||!Vr.value||Qr.value!=null&&e.pointerId!==Qr.value)return;let t=fa(e);t&&(Zr.value=ha(t.x));let n=Xr.value,r=Zr.value;if((n==null||r==null?0:Math.abs(r-n))<Math.max(4,K.value.width*.01)){if(ya(e))return;_a(e);return}let i=xa(Math.min(n,r),Math.max(n,r));if(!i){_a(e);return}_a(e),Sa(i)&&(ei.value={time:0,x:0,y:0,pointerType:null},ga(),va())}let Oa=0,Q=x(()=>Math.max(1,Y.value.end-Y.value.start)),ka=x(()=>Q.value>1?K.value.width/(Q.value-1):0);function Aa(e){return Q.value<=1?K.value.left+K.value.width/2:K.value.left+e*ka.value}function ja(e){if(Q.value<=1)return{x:K.value.left,width:K.value.width};let t=e===0?K.value.left:(Aa(e-1)+Aa(e))/2,n=e===Q.value-1?K.value.left+K.value.width:(Aa(e)+Aa(e+1))/2;return{x:t,width:Math.max(0,n-t)}}function Ma(e){$n.value||Vr.value||(Oa&&cancelAnimationFrame(Oa),Oa=requestAnimationFrame(()=>{Oa=0;let t=fa(e);if(!t||!W.value){Fa();return}let{left:n,right:r,top:i,bottom:a}=K.value;if(t.x<n||t.x>r||t.y<i||t.y>a){Fa();return}let o=0;if(Q.value>1){let e=(t.x-n)/ka.value;o=Math.round(e)}else o=0;o<0&&(o=0),o>Q.value-1&&(o=Q.value-1),da.value!==o&&(da.value=o,za(!0,o))}))}function Na(e){if($r.value){$r.value=!1;return}if(Vr.value)return;let t=fa(e);if(!t||!W.value)return;let{left:n,right:r,top:i,bottom:a}=K.value;if(t.x<n||t.x>r||t.y<i||t.y>a)return;let o=0;if(Q.value>1){let e=(t.x-n)/ka.value;o=Math.round(e)}else o=0;o<0&&(o=0),o>Q.value-1&&(o=Q.value-1),xo({seriesIndex:o,datapoint:po(o)}),Pa(o)}function Pa(e){let t=JSON.parse(JSON.stringify(X.value)).map(t=>({name:t.name,value:t.series[e]===0?0:t.series[e]||null,proportion:t.proportions[e]||null,color:t.color,id:t.id}));L.value.events.datapointClick&&L.value.events.datapointClick({datapoint:t,seriesIndex:e+Y.value.start}),P(`selectDatapoint`,{datapoint:t,period:zi.value[e]})}pt(()=>[Y.value.start,Y.value.end,X.value.length],()=>{let e=Q.value;if($.value!=null){if(e<=0){$.value=null;return}$.value<0&&($.value=0),$.value>e-1&&($.value=e-1)}});function Fa(){Oa&&=(cancelAnimationFrame(Oa),0),da.value=null,za(!1,null)}let $=O(null),Ia=x(()=>{let e=$.value,t=e==null?null:ai(e);return X.value.map(n=>({slotAbsoluteIndex:n.absoluteIndex,shape:n.shape||`circle`,name:n.name,color:n.color,value:e==null?null:n.series.find((t,n)=>n===e),sourceValue:t==null?null:n.seriesSource?.[t],comments:n.comments||[],id:n.id,standalone:!!n.standalone}))});function La(e){if(e==null||!H.value.showTimeLabel)return null;let t=zi.value?.[e]?.text||null,n=Zi.value?.[e]?.text||null,r=Bi.value?.[e]?.text||null;return H.value.useDefaultTimeFormat?t:n||r}let Ra=x(()=>{let e=H.value.customFormat,t=[...Ia.value].reverse(),i=t.filter(e=>!e.standalone),o=t.filter(e=>e.standalone),s=i.map(e=>e.value).filter(e=>u(e)&&e!==null).reduce((e,t)=>Math.abs(e)+Math.abs(t),0);if(a(e)&&ce(()=>e({absoluteIndex:$.value+Y.value.start,seriesIndex:$.value,datapoint:Ia.value,series:q.value,config:L.value})))return e({absoluteIndex:$.value+Y.value.start,seriesIndex:$.value,datapoint:Ia.value,series:q.value,config:L.value});let{showValue:c,showTotal:d,totalTranslation:f,showPercentage:p,borderColor:m,roundingValue:h,roundingPercentage:g}=H.value,_=e=>!e.shape||![`star`,`triangle`,`square`,`diamond`,`pentagon`,`hexagon`].includes(e.shape)?`<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${H.value.backgroundColor}" stroke-width="1" fill="${e.color}" /></svg>`:e.shape===`star`?`<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><polygon stroke="${H.value.backgroundColor}" stroke-width="1" fill="${e.color}" points="${r({plot:{x:6,y:6},radius:5})}" /></svg>`:e.shape===`triangle`?`<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><path d="${l({plot:{x:6,y:6},radius:6,sides:3,rotation:.52}).path}" fill="${e.color}" stroke="${H.value.backgroundColor}" stroke-width="1" /></svg>`:e.shape===`square`?`<svg viewBox="0 0 12 12" height="14" width="14"><path d="${l({plot:{x:6,y:6},radius:6,sides:4,rotation:.8}).path}" fill="${e.color}" stroke="${H.value.backgroundColor}" stroke-width="1" /></svg>`:e.shape===`diamond`?`<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><path d="${l({plot:{x:6,y:6},radius:5,sides:4,rotation:0}).path}" fill="${e.color}" stroke="${H.value.backgroundColor}" stroke-width="1" /></svg>`:e.shape===`pentagon`?`<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><path d="${l({plot:{x:6,y:6},radius:5,sides:5,rotation:.95}).path}" fill="${e.color}" stroke="${H.value.backgroundColor}" stroke-width="1" /></svg>`:`<svg viewBox="0 0 12 12" height="14" width="14" style="overflow:visible"><path d="${l({plot:{x:6,y:6},radius:5,sides:6,rotation:0}).path}" fill="${e.color}" stroke="${H.value.backgroundColor}" stroke-width="1" /></svg>`,ee=(e,t)=>{let r=t?n({v:isNaN((e.value??0)/(s||1))?0:Math.abs(e.value??0)/(s||1)*100,s:`%`,r:g}):``,i=c&&t?`(`:``,a=c&&t?`)`:``;return`
+        <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
+            <div style="width:20px;height:20px;display:flex;align-items:center;justify-content:center;">${_(e)}</div>
+            ${e.name}${c||t?`:`:``} 
+            ${c?ie(V.value.dataLabels.formatter,e.sourceValue,n({p:V.value.dataLabels.prefix,v:e.sourceValue,s:V.value.dataLabels.suffix,r:h},{datapoint:e})):``} ${i}${r}${a}
+        </div>
+        `},v=``,te=La($.value);return te&&(v+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${m};padding-bottom:6px;margin-bottom:3px;">${te}</div>`),d&&i.length>1&&(v+=`<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
+        <span>${f}:</span>
+        <span>${ie(V.value.dataLabels.formatter,y(s),n({p:V.value.dataLabels.prefix,v:y(s),s:V.value.dataLabels.suffix,r:h}),{datapoint:{name:f,value:y(s)}})}</span>
+        </div>`),i.forEach(e=>{v+=ee(e,p)}),o.length&&(v+=`<div style="border-top:1px solid ${Lr.value.length?m:`transparent`}; margin:${Lr.value.length?`6px 0`:`0`};"></div>`,o.forEach(e=>{v+=ee(e,!1)})),`<div>${v}</div>`});function za(e,t=null,n=`pointer`){if(ki.value)return;qn.value=n,bn.value=e;let r=X.value.map(e=>({name:e.name,value:[null,void 0,NaN].includes(e.series[t])?null:e.series[t],color:e.color}));e?(Gn.value=t,$.value=t,xo({seriesIndex:t,datapoint:r}),L.value.events.datapointEnter&&L.value.events.datapointEnter({datapoint:r,seriesIndex:t+Y.value.start})):(Gn.value=null,$.value=null,P(`selectX`,{index:null,indexLabel:null,dataset:null}),L.value.events.datapointLeave&&L.value.events.datapointLeave({datapoint:r,seriesIndex:t+Y.value.start}))}function Ba(e,t){let n=JSON.parse(JSON.stringify(X.value)).map(e=>({name:e.name,value:e.series[t]===0?0:(e.signedSeries[t]===-1&&e.series[t]>=0?-e.series[t]:e.series[t])||null,proportion:e.proportions[t]||null,color:e.color,id:e.id}));P(`selectTimeLabel`,{datapoint:n,absoluteIndex:e.absoluteIndex,label:e.text})}function Va(){I.value.length?I.value=[]:Ua.value.forEach(e=>{I.value.push(e.id)}),P(`selectLegend`,X.value)}function Ha(e){if(I.value.includes(e.id))I.value=I.value.filter(t=>t!==e.id);else{if(I.value.length===q.value.length-1)return;I.value.push(e.id)}P(`selectLegend`,X.value)}let Ua=x(()=>q.value.map(e=>({...e,opacity:I.value.includes(e.id)?.5:1,segregate:()=>Ha(e),isSegregated:I.value.includes(e.id)}))),Wa=x(()=>({cy:`stackline-legend`,backgroundColor:U.value.legend.backgroundColor,color:U.value.legend.color,fontSize:U.value.legend.fontSize,paddingBottom:12,fontWeight:U.value.legend.bold?`bold`:``}));function Ga(e){return q.value.length?q.value.find(t=>t.name===e)||(Er.value&&console.warn(`VueUiStackline - Series name not found "${e}"`),null):(Er.value&&console.warn(`VueUiStackline - There are no series to show.`),null)}function Ka(e){let t=Ga(e);t!==null&&I.value.includes(t.id)&&Ha({id:t.id})}function qa(e){let t=Ga(e);t!==null&&(I.value.includes(t.id)||Ha({id:t.id}))}let Ja=x(()=>{if(X.value.length===0)return{head:[],body:[],config:{},columnNames:[]};let e=X.value.map(({name:e,color:t})=>({label:e,color:t})),t=[];return Gi.value.forEach(e=>{let n=e.absoluteIndex,r=[z.value.values?.[n]?e.text:n+1];q.value.forEach(e=>{let t=e.series?.[n],i=Number((t??0).toFixed(L.value.table.td.roundingValue));r.push(i)}),t.push(r)}),{head:e,body:t}});function Ya(e=null){let t=[[U.value.title.text],[U.value.title.subtitle.text],[``]],n=[``,...Ja.value.head.map(e=>e.label)],r=Ja.value.body,a=t.concat([n]).concat(r),o=i(a);e?e(o):se({csvContent:o,title:U.value.title.text||`vue-ui-stackline`})}let Xa=x(()=>{let e=[``].concat(X.value.map(e=>e.name),`__SUM__`),t=[],n=Math.max(0,Y.value.end-Y.value.start);for(let e=0;e<n;e+=1){let n=ai(e),r=z.value.values?.[n]?zi.value?.[e]?.text??n+1:n+1,i=X.value.map(t=>{let n=t.series?.[e]??0;return Number(n.toFixed(L.value.table.td.roundingValue))}),a=X.value.filter(e=>!e.standalone).map(t=>t.series?.[e]??0).reduce((e,t)=>e+t,0);t.push([r].concat(i,Number(a.toFixed(L.value.table.td.roundingValue))))}return{head:e,body:t,config:{th:{backgroundColor:L.value.table.th.backgroundColor,color:L.value.table.th.color,outline:L.value.table.th.outline},td:{backgroundColor:L.value.table.td.backgroundColor,color:L.value.table.td.color,outline:L.value.table.td.outline},breakpoint:L.value.table.responsiveBreakpoint},colNames:[L.value.table.columnNames.period].concat(X.value.map(e=>e.name),L.value.table.columnNames.total)}}),Za=x(()=>U.value.backgroundColor),Qa=x(()=>U.value.legend),$a=x(()=>U.value.title),{isCallbackImaging:eo,isCallbackSvg:to,generateSvg:no,onGenerateImage:ro}=Te({svg:W,title:$a,legend:Qa,legendItems:Ua,backgroundColor:Za,getSvgCallback:()=>L.value.userOptions.callbacks.svg,generateImage:yr});async function io({scale:e=2}={}){if(!yn.value)return;let{imageUri:t,base64:n}=await Ce({domElement:yn.value,base64:!0,img:!0,scale:e}),r=yn.value.getBoundingClientRect(),i={width:r.width,height:r.height,aspectRatio:r.height?r.width/r.height:0},a=await _(t,e)??i;return{imageUri:t,base64:n,title:U.value.title.text,...a}}let ao=x(()=>De({config:L,style:U,mutableConfig:G,dialog:pn,accordion:cn,isFullscreen:Dn,parent:yn,maxWidth:800,isCursorPointer:nr}));pt(()=>G.value.showTable,e=>Ee(e,L,Nn));function oo(){G.value.showTable=!1,Pn.value&&Pn.value.setTableIconState(!1)}function so(e){Dn.value=e,xn.value+=1}function co(){G.value.showTable=!G.value.showTable}function lo(){G.value.dataLabels.show=!G.value.dataLabels.show}function uo(){G.value.showTooltip=!G.value.showTooltip}function fo(){return X.value}function po(e){let t=e??0,n=ai(t);return JSON.parse(JSON.stringify(X.value)).map(e=>{let r=e.series[t],i=e.signedSeries?.[t],a=r===0?0:(i===-1&&r>=0?-r:r)||null;return{name:e.name,absoluteIndex:e.absoluteIndex,value:a,proportion:e.proportions?.[t]||null,color:e.color,id:e.id,timeLabel:Bi.value?.[n]||null}})}let mo=x(()=>Array(J.value).fill(0).map((e,t)=>po(t)));pt(()=>N.selectedXIndex,e=>{if([null,void 0].includes(N.selectedXIndex)){$.value=null;return}let t=e-Y.value.start;t<0||e>=Y.value.end?$.value=null:$.value=t??null},{immediate:!0});let ho=x(()=>{if(V.value.distributed)return{min:-1,max:1};let e=Lr.value,t=Rr.value,n=Math.max(1,...[...e,...t].map(e=>e.series?.length||0)),r=Array(n).fill(0),i=Array(n).fill(0);e.forEach(e=>{for(let t=0;t<n;t+=1){let n=e.series[t]??0;n>=0?r[t]+=n:i[t]+=n}});let a=Array(n).fill(0),o=Array(n).fill(0);t.forEach(e=>{for(let t=0;t<n;t+=1){let n=e.series[t]??0;n>0&&(a[t]=Math.max(a[t],n)),n<0&&(o[t]=Math.min(o[t],n))}});let s=Math.max(0,...r,...a),c=Math.min(0,...i,...o),l=B.value.scale.scaleMin,u=B.value.scale.scaleMax,d=B.value.scale.ticks,f=!V.value.distributed&&(l!==null||u!==null)?de(l===null?c>0?0:c:l,u===null?s<0?0:s:u,d):g(l===null?c>0?0:c:l,u===null?s<0?0:s:u,d);return{min:Number(f.min)||0,max:Number(f.max)||0}});function go({minimapH:e,unitW:t}){let n=e=>typeof e==`string`?e.replace(/^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i,``).trim():``;if(!Number.isFinite(e)||e<=0||!Number.isFinite(t)||t<=0)return``;let r=X.value.filter(e=>!e.standalone),i=X.value.filter(e=>e.standalone),a=Math.max(0,...X.value.map(e=>Array.isArray(e.fullSeries)?e.fullSeries.length:e.series.length));if(a<=0)return``;let o=a===1?[t*.5]:Array.from({length:a},(e,n)=>n*t);if(V.value.distributed){let t=Array.from({length:a},(e,t)=>{let n=0;return r.forEach(e=>{let r=(Array.isArray(e.fullSeries)?e.fullSeries:e.series)?.[t];r!=null&&!Number.isNaN(r)&&(n+=Math.abs(r))}),n||1}),s=t=>e-e*Math.max(0,Math.min(1,t||0)),c=[],l=Array(a).fill(0);return r.forEach(e=>{let r=Array.isArray(e.fullSeries)?e.fullSeries:e.series,i=Array(a),u=Array(a);for(let e=0;e<a;e+=1){let n=r?.[e],a=n==null||Number.isNaN(n)?0:Math.abs(n)/t[e];u[e]=l[e],l[e]+=a,i[e]=l[e]}let f=i.map(s),m=u.map(s),h=o.map((e,t)=>({x:e,y:f[t]})),g=o.map((e,t)=>({x:e,y:m[t]})),_=d(h),ee=d([...g].reverse()),v=p(h),te=p([...g].reverse()),y=g[g.length-1];if(V.value.useArea){let t=V.value.smooth?`M${h[0].x},${h[0].y} ${n(_)} L${y.x},${y.y} ${n(ee)} Z`:`M${h[0].x},${h[0].y} ${n(v)} L${y.x},${y.y} ${n(te)} Z`;c.push(`<path d="${t}"
+                    fill="${_n.pattern?`url(#pattern_${F.value}_${e.absoluteIndex})`:(V.value.gradient.show,e.color)}"
+                    opacity="${V.value.areaOpacity}"
+                    stroke="none" />`)}let ne=V.value.smooth?`M${h[0].x},${h[0].y} ${n(_)}`:`M${h[0].x},${h[0].y} ${n(v)}`;c.push(`<path d="${ne}"
+                fill="none"
+                stroke="${e.color}"
+                stroke-width="${V.value.strokeWidth}"
+                stroke-linecap="round" />`)}),i.length&&i.forEach(e=>{let r=Array.isArray(e.fullSeries)?e.fullSeries:e.series,i=Array.from({length:a},(e,n)=>s(Math.abs(r?.[n]??0)/t[n])),l=o.map((e,t)=>({x:e,y:i[t]})),u=d(l),f=p(l),m=V.value.smooth?`M${l[0].x},${l[0].y} ${n(u)}`:`M${l[0].x},${l[0].y} ${n(f)}`;c.push(`<path d="${m}"
+                    fill="none"
+                    stroke="${e.color}"
+                    stroke-width="${V.value.strokeWidth}"
+                    stroke-linecap="round" />`)}),c.join(``)}let s=ho.value.min,c=ho.value.max,l=Math.abs(s),u=c+l||1,f=t=>Math.max(0,Math.min(e,t)),m=t=>f(e-e*(((t??0)+l)/u)),h=[];if(r.length){let e=Array(a).fill(0),t=Array(a).fill(0);r.forEach(r=>{let i=Array.isArray(r.fullSeries)?r.fullSeries:r.series,s=Array(a),c=Array(a);for(let n=0;n<a;n+=1){let r=i?.[n]??0;r>=0?(c[n]=e[n],e[n]+=r,s[n]=e[n]):(c[n]=t[n],t[n]+=r,s[n]=t[n])}let l=s.map(m),u=c.map(m),f=o.map((e,t)=>({x:e,y:l[t]})),g=o.map((e,t)=>({x:e,y:u[t]})),_=d(f),ee=d([...g].reverse()),v=p(f),te=p([...g].reverse()),y=g[g.length-1];if(V.value.useArea){let e=V.value.smooth?`M${f[0].x},${f[0].y} ${n(_)} L${y.x},${y.y} ${n(ee)} Z`:`M${f[0].x},${f[0].y} ${n(v)} L${y.x},${y.y} ${n(te)} Z`;h.push(`<path d="${e}"
+                    fill="${_n.pattern?`url(#pattern_${F.value}_${r.absoluteIndex})`:(V.value.gradient.show,r.color)}"
+                    opacity="${V.value.areaOpacity}"
+                    stroke="none" />`)}let ne=V.value.smooth?`M${f[0].x},${f[0].y} ${n(_)}`:`M${f[0].x},${f[0].y} ${n(v)}`;h.push(`<path d="${ne}"
+                fill="none"
+                stroke="${r.color}"
+                stroke-width="${V.value.strokeWidth}"
+                stroke-linecap="round" />`)})}return i.length&&i.forEach(e=>{let t=(Array.isArray(e.fullSeries)?e.fullSeries:e.series).map(m),r=o.map((e,n)=>({x:e,y:t[n]})),i=d(r),a=p(r),s=V.value.smooth?`M${r[0].x},${r[0].y} ${n(i)}`:`M${r[0].x},${r[0].y} ${n(a)}`;h.push(`<path d="${s}"
+                fill="none"
+                stroke="${e.color}"
+                stroke-width="${V.value.strokeWidth}"
+                stroke-linecap="round" />`)}),h.join(``)}function _o(e,t){let n=V.value,r=n.dataLabels;return n.showDistributedPercentage&&n.distributed?mr.value?t===0?!r.hideEmptyPercentages:Math.abs(t)*100>=r.hideUnderPercentage:!r.hideEmptyPercentages||Math.abs(t)>0:mr.value?(pr.value&&Er.value&&console.warn(`Vue Data UI - VueUiStackline - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case.`),Math.abs(e)>vo.value*r.hideUnderPercentage/100):pr.value?Math.abs(e)>=r.hideUnderValue:!r.hideEmptyValues||e!==0}let vo=x(()=>Math.max(...X.value.flatMap(e=>e.series)));function yo(e,t,r,i,a){let o=a===-1&&e>=0?-e:e;return ie(V.value.dataLabels.formatter,o,n({p:V.value.dataLabels.prefix,v:o,s:V.value.dataLabels.suffix,r:V.value.dataLabels.rounding}),{datapoint:t,seriesIndex:r,datapointIndex:i})}function bo(e,t,r,i){return ie(V.value.dataLabels.formatter,e,n({v:isNaN(e)?0:e,s:`%`,r:V.value.dataLabels.rounding}),{datapoint:t,seriesIndex:r,datapointIndex:i})}function xo({seriesIndex:e,datapoint:t}){let n=Y.value.start+e;P(`selectX`,{dataset:t,index:n,indexLabel:z.value.values[n]})}async function So(){if(P(`copyAlt`,{config:L.value,dataset:X.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:X.value}))}let Co=O(!1);function wo(){Gn.value=null,Co.value=!0}function To(){wa(),Gn.value=null,qn.value=`pointer`,bn.value=!1,$.value=null,P(`selectX`,{index:null,indexLabel:null,dataset:null}),Co.value=!1}function Eo(e){if(!W.value||$n.value||document.activeElement!==W.value||(wa(),ki.value)||!Q.value)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){if(ni.value&&(ma.value||Vr.value)){_a(),Ei({force:!0,publish:!0});return}Gn.value=null,qn.value=`pointer`,bn.value=!1,$.value=null,P(`selectX`,{index:null,indexLabel:null,dataset:null});return}if(r){if(Gn.value===null)return;Pa(Gn.value);return}let a=Gn.value,o=da.value,s=a!==null&&a>=0&&a<Q.value,c=o!==null&&o>=0&&o<Q.value;s?n?(a+=1,a>=Q.value&&(a=0)):t&&(--a,a<0&&(a=Q.value-1)):c?(a=n?o+1:o-1,a>=Q.value&&(a=0),a<0&&(a=Q.value-1)):a=n?0:Q.value-1,Gn.value=a,Do(a),za(!0,a,`keyboard`)}function Do(e){if(!Number.isFinite(e)||!W.value)return;let t=K.value.left+e*ka.value,n=K.value.top+K.value.height/2,r=ue(t,n,W.value);r&&(Kn.value=r)}let Oo=x(()=>({headers:Xa.value?.colNames??[],rows:Xa.value?.body??[]}));return be({getData:fo,getImage:io,generatePdf:vr,generateCsv:Ya,generateImage:yr,generateSvg:no,hideSeries:qa,showSeries:Ka,toggleTable:co,toggleLabels:lo,toggleTooltip:uo,toggleAnnotator:er,toggleFullscreen:so,copyAlt:So,resetZoom:()=>Ei({force:!0,publish:!0}),setZoomState:Si}),(t,r)=>(D(),w(`div`,{id:`stackline_${F.value}`,ref_key:`stacklineChart`,ref:yn,class:E({"vue-data-ui-component":!0,"vue-ui-stackline":!0,"vue-data-ui-wrapper-fullscreen":Dn.value}),style:at(`background:${U.value.backgroundColor};color:${U.value.color};font-family:${L.value.style.fontFamily}; position: relative; ${L.value.responsive?`height: 100%`:``}`),onMouseenter:ur,onMouseleave:dr},[T(`div`,{id:`chart-instructions-${F.value}`,class:`sr-only`},[T(`p`,null,ut(L.value.a11y.translations.keyboardNavigation),1)],8,_t),Oo.value?.rows?.length?(D(),S(Ge,{key:0,uid:F.value,head:Oo.value.headers,body:Oo.value.rows,notice:L.value.a11y.translations.tableAvailable,caption:L.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):C(``,!0),R.value.buttons.annotator?(D(),S(j(un),{key:1,svgRef:j(W),backgroundColor:U.value.backgroundColor,color:U.value.color,active:$n.value,isCursorPointer:nr.value,palette:R.value.annotatorPalette,onClose:er},Ze({_:2},[k(j(ke),e=>({name:e,fn:M(n=>[A(t.$slots,e,it(tt(j(Oe)(e,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):C(``,!0),A(t.$slots,`userConfig`,{},void 0,!0),br.value?(D(),w(`div`,{key:2,ref_key:`noTitle`,ref:Tn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):C(``,!0),U.value.title.text?(D(),w(`div`,{key:3,ref_key:`chartTitle`,ref:Sn,style:`width:100%;background:transparent;`},[(D(),S(we,{key:`title_${kn.value}`,config:{title:{cy:`stackline-title`,...U.value.title},subtitle:{cy:`stackline-subtitle`,...U.value.title.subtitle}}},null,8,[`config`]))],512)):C(``,!0),T(`div`,{id:`legend-top-${F.value}`},null,8,vt),R.value.show&&vn.value&&(j(lr)||j(sr))?(D(),S(j(dn),{ref_key:`userOptionsRef`,ref:Pn,key:`user_option_${xn.value}`,backgroundColor:U.value.backgroundColor,color:U.value.color,isPrinting:j(gr),isImaging:j(_r),uid:F.value,hasTooltip:H.value.show&&R.value.buttons.tooltip,hasPdf:R.value.buttons.pdf,hasImg:R.value.buttons.img,hasSvg:R.value.buttons.svg,hasXls:R.value.buttons.csv,hasTable:R.value.buttons.table,hasLabel:R.value.buttons.labels,hasFullscreen:R.value.buttons.fullscreen,hasAltCopy:R.value.buttons.altCopy,isFullscreen:Dn.value,chartElement:yn.value,position:R.value.position,isTooltip:G.value.showTooltip,titles:{...R.value.buttonTitles},hasAnnotator:R.value.buttons.annotator,isAnnotation:$n.value,callbacks:R.value.callbacks,printScale:R.value.print.scale,tableDialog:L.value.table.useDialog,isCursorPointer:nr.value,onToggleFullscreen:so,onGeneratePdf:j(vr),onGenerateCsv:Ya,onGenerateImage:j(ro),onGenerateSvg:j(no),onToggleTable:co,onToggleLabels:lo,onToggleTooltip:uo,onToggleAnnotator:er,onCopyAlt:So,style:at({visibility:j(lr)?j(sr)?`visible`:`hidden`:`visible`})},Ze({_:2},[k(j(Ae)(t.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),e=>({name:e,fn:M(n=>[A(t.$slots,e,it(tt(j(je)(e,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):C(``,!0),T(`div`,yt,[(D(),w(`svg`,{ref_key:`svgRef`,ref:W,"aria-describedby":`chart-instructions-${F.value}`,xmlns:j(le),viewBox:`0 0 ${K.value.chartWidth<=0?10:K.value.chartWidth} ${K.value.chartHeight<=0?10:K.value.chartHeight}`,class:E({"vue-data-ui-loading":j(ir),"vue-data-ui-fullscreen--on":Dn.value,"vue-data-ui-fulscreen--off":!Dn.value,"vue-data-ui-no-transition":!j(tr),"vue-ui-stackline-chart-zoom-pointer-focus":ni.value&&Hr.value}),style:at({maxWidth:`100%`,overflow:`visible`,background:`transparent`,color:U.value.color,cursor:ni.value?Vr.value?`col-resize`:`crosshair`:void 0,touchAction:ni.value?`pan-y`:void 0,userSelect:ni.value?`none`:void 0}),role:`img`,"aria-live":`polite`,tabindex:`0`,preserveAspectRatio:`xMidYMid`,onMousemove:Ma,onMouseleave:Fa,onClick:Na,onPointerdown:Ta,onPointermove:Ea,onPointerup:Da,onPointercancel:_a,onFocus:wo,onBlur:To,onKeydown:Eo},[$e(j(fn)),T(`defs`,null,[T(`clipPath`,{id:`vue_ui_stackline_zoom_clip_${F.value}`},[T(`rect`,{x:K.value.left,y:K.value.top,width:Math.max(0,K.value.width),height:Math.max(0,K.value.height)},null,8,St)],8,xt)]),(D(!0),w(b,null,k(Lr.value,e=>(D(),w(b,null,[t.$slots.pattern?(D(),w(`defs`,Ct,[A(t.$slots,`pattern`,nt({ref_for:!0},{seriesIndex:e.absoluteIndex,patternId:`pattern_${F.value}_${e.absoluteIndex}`}),void 0,!0)])):C(``,!0)],64))),256)),t.$slots[`chart-background`]?(D(),w(`foreignObject`,{key:0,x:Z.value.left,y:K.value.top,width:Z.value.width,height:K.value.height,style:{pointerEvents:`none`}},[A(t.$slots,`chart-background`,{},void 0,!0)],8,wt)):C(``,!0),V.value.gradient.show?(D(),w(`defs`,Tt,[(D(!0),w(b,null,k(X.value,(e,t)=>(D(),S(He,{t:`linear`,id:`gradient_${e.id}`,key:`gradient_${e.id}_${t}`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,stops:[[`0%`,e.color,1],[`100%`,j(o)(e.color,V.value.gradient.intensity/100),1]]},null,8,[`id`,`stops`]))),128))])):C(``,!0),B.value.x.showHorizontalLines?(D(!0),w(b,{key:2},k(Ri.value,(e,t)=>(D(),w(`line`,{x1:Z.value.left,x2:Z.value.right,y1:e.y,y2:e.y,stroke:B.value.x.linesColor,"stroke-width":B.value.x.linesThickness,"stroke-dasharray":B.value.x.linesStrokeDasharray,"stroke-linecap":`round`},null,8,Et))),256)):C(``,!0),B.value.y.showVerticalLines?(D(!0),w(b,{key:3},k(Y.value.end-Y.value.start,(e,t)=>(D(),w(`line`,{x1:Aa(t),x2:Aa(t),y1:K.value.top,y2:K.value.bottom,stroke:B.value.y.linesColor,"stroke-width":B.value.y.linesThickness,"stroke-dasharray":B.value.y.linesStrokeDasharray,"stroke-linecap":`round`},null,8,Dt))),256)):C(``,!0),B.value.x.showAxis?(D(),w(`line`,{key:4,x1:Z.value.left,x2:Z.value.right,y1:K.value.bottom,y2:K.value.bottom,stroke:B.value.x.axisColor,"stroke-width":B.value.x.axisThickness,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Ot)):C(``,!0),B.value.y.showAxis&&!V.value.distributed?(D(),w(`line`,{key:5,x1:Or.value?Z.value.right:Z.value.left,x2:Or.value?Z.value.right:Z.value.left,y1:K.value.top,y2:K.value.bottom,stroke:B.value.y.axisColor,"stroke-width":B.value.y.axisThickness,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,kt)):C(``,!0),B.value.x.axisName.show&&B.value.x.axisName.text?(D(),w(`text`,{key:6,ref_key:`xAxisLabel`,ref:In,x:K.value.left+K.value.width/2,y:K.value.chartHeight-3,"font-size":B.value.x.axisName.fontSize,fill:B.value.x.axisName.color,"font-weight":B.value.x.axisName.bold?`bold`:`normal`,"text-anchor":`middle`},ut(B.value.x.axisName.text),9,At)):C(``,!0),B.value.y.axisName.show&&B.value.y.axisName.text?(D(),w(`text`,{key:7,ref_key:`yAxisLabel`,ref:Ln,transform:`translate(${Or.value?K.value.chartWidth-B.value.y.axisName.fontSize/2-B.value.y.axisName.offsetX:B.value.y.axisName.fontSize+B.value.y.axisName.offsetX}, ${K.value.top+K.value.height/2}) rotate(-90)`,"font-size":B.value.y.axisName.fontSize,fill:B.value.y.axisName.color,"font-weight":B.value.y.axisName.bold?`bold`:`normal`,"text-anchor":`middle`},ut(B.value.y.axisName.text),9,jt)):C(``,!0),B.value.frame.show?(D(),w(`rect`,{key:8,style:{pointerEvents:`none`,transition:`none`,animation:`none !important`},x:Z.value.left,y:K.value.top,width:Z.value.width,height:K.value.height,fill:`transparent`,stroke:B.value.frame.stroke,"stroke-width":B.value.frame.strokeWidth,"stroke-linecap":B.value.frame.strokeLinecap,"stroke-linejoin":B.value.frame.strokeLinejoin,"stroke-dasharray":B.value.frame.strokeDasharray},null,8,Mt)):C(``,!0),T(`g`,{"clip-path":bi.value},[T(`g`,{class:E([`vue-ui-stackline-zoom-geometry`,{"vue-ui-stackline-zoom-geometry--transitioning":Ur.value}]),style:at(yi.value)},[(D(!0),w(b,null,k(X.value,e=>(D(),w(b,null,[V.value.useArea&&!e.standalone?(D(),w(`path`,{key:0,d:V.value.smooth?e.smoothArea:e.straightArea,fill:t.$slots.pattern?`url(#pattern_${F.value}_${e.absoluteIndex})`:V.value.gradient.show?`url(#gradient_${e.id})`:e.color,opacity:V.value.areaOpacity,class:E({"vue-data-ui-transition":j(tr)})},null,10,Pt)):C(``,!0)],64))),256)),(D(!0),w(b,null,k(X.value,e=>(D(),w(`path`,{d:V.value.smooth?e.smoothPath:e.straightPath,stroke:V.value.path.useSerieColor?e.color:V.value.path.stroke,"stroke-width":V.value.strokeWidth,fill:`none`,"stroke-linecap":`round`,class:E({"vue-data-ui-transition":j(tr)})},null,10,Ft))),256))],6)],8,Nt),B.value.y.axisLabels.show&&!V.value.distributed?(D(),w(`g`,{key:9,ref_key:`scaleLabels`,ref:Rn},[(D(!0),w(b,null,k(Ri.value,(e,t)=>(D(),w(`line`,{key:`ytick_${t}`,class:E({"vue-data-ui-transition":j(tr)}),x1:Or.value?Z.value.right:Z.value.left,x2:Or.value?Z.value.right+6:Z.value.left-6,y1:e.y,y2:e.y,stroke:B.value.x.axisColor,"stroke-width":1},null,10,It))),128)),(D(!0),w(b,null,k(Ri.value,(e,t)=>(D(),w(`text`,{class:E({"vue-data-ui-transition":j(tr)}),transform:`translate(${e.x}, ${e.y+B.value.y.axisLabels.fontSize/3})`,"font-size":B.value.y.axisLabels.fontSize,"font-weight":B.value.y.axisLabels.bold?`bold`:`normal`,fill:B.value.y.axisLabels.color,"text-anchor":Or.value?`start`:`end`},ut(j(ie)(B.value.y.axisLabels.formatter,e.value,j(n)({p:V.value.dataLabels.prefix,v:e.value,s:V.value.dataLabels.suffix,r:B.value.y.axisLabels.rounding}),{datapoint:e})),11,Lt))),256))],512)):C(``,!0),z.value.show?(D(),w(`g`,{key:10,ref_key:`timeLabelsEls`,ref:zn},[t.$slots[`time-label`]?(D(),w(`g`,Rt,[(D(!0),w(b,null,k(Gi.value,(e,n)=>(D(),w(`g`,null,[A(t.$slots,`time-label`,nt({ref_for:!0},{x:K.value.left+Di.value*n+Di.value/2,y:K.value.bottom+B.value.x.timeLabels.fontSize*1.3+B.value.x.timeLabels.offsetY,fontSize:B.value.x.timeLabels.fontSize,fill:B.value.x.timeLabels.color,transform:`translate(${K.value.left+Di.value*n+Di.value/2}, ${K.value.bottom+z.value.fontSize*1.3+z.value.offsetY}), rotate(${z.value.rotation})`,absoluteIndex:e.absoluteIndex,content:e.text,textAnchor:B.value.x.timeLabels.rotation>0?`start`:B.value.x.timeLabels.rotation<0?`end`:`middle`,show:!0}),void 0,!0)]))),256))])):(D(),w(`g`,zt,[(D(!0),w(b,null,k(Gi.value,(e,n)=>(D(),w(`g`,null,[String(e.text).includes(`
+`)?(D(),w(`text`,{key:n+`-multi`,"text-anchor":B.value.x.timeLabels.rotation>0?`start`:B.value.x.timeLabels.rotation<0?`end`:`middle`,"font-size":B.value.x.timeLabels.fontSize,fill:B.value.x.timeLabels.color,transform:`
+                                        translate(
+                                        ${Aa(n)},
+                                        ${K.value.bottom+z.value.fontSize*1.3+z.value.offsetY}
+                                        ),
+                                        rotate(${z.value.rotation})
+                                    `,style:at({cursor:nr.value?`pointer`:`default`}),innerHTML:t.createTSpansFromLineBreaksOnX({content:String(e.text),fontSize:B.value.x.timeLabels.fontSize,fill:B.value.x.timeLabels.color,stroke:U.value.backgroundColor,x:0,y:0}),onClick:()=>Ba(e,n)},null,12,Vt)):(D(),w(`text`,{class:`vue-data-ui-time-label`,key:n,"text-anchor":B.value.x.timeLabels.rotation>0?`start`:B.value.x.timeLabels.rotation<0?`end`:`middle`,"font-size":B.value.x.timeLabels.fontSize,"font-weight":B.value.x.timeLabels.bold?`bold`:`normal`,fill:B.value.x.timeLabels.color,stroke:U.value.backgroundColor,"stroke-width":`3`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"paint-order":`stroke fill`,transform:`translate(${Aa(n)}, ${K.value.bottom+z.value.fontSize*1.3+z.value.offsetY}), rotate(${z.value.rotation})`,style:at({cursor:nr.value?`pointer`:`default`}),onClick:()=>Ba(e,n)},ut(e.text),13,Bt))]))),256))]))],512)):C(``,!0),(Fn.value||![null,void 0].includes($.value))&&!U.value.highlighter.useLine?(D(!0),w(b,{key:11},k(Y.value.end-Y.value.start,(e,t)=>(D(),w(`g`,{key:`tooltip_trap_highlighter_${t}`},[T(`rect`,{x:ja(t).x,y:K.value.top,height:K.value.height,width:ja(t).width,fill:[Qn.value,$.value].includes(t)?j(c)(U.value.highlighter.color,U.value.highlighter.opacity):`transparent`,style:{transition:`none !important`,animation:`none !important`}},null,8,Ht)]))),128)):C(``,!0),(Fn.value||![null,void 0].includes($.value))&&U.value.highlighter.useLine?(D(),w(b,{key:12},[![null,void 0].includes($.value)||![null,void 0].includes(Qn.value)?(D(),w(`g`,Ut,[T(`line`,{x1:Aa(($.value??Qn.value)||0),x2:Aa(($.value??Qn.value)||0),y1:j(y)(K.value.top),y2:j(y)(K.value.bottom),stroke:U.value.highlighter.color,"stroke-width":U.value.highlighter.lineWidth,"stroke-dasharray":U.value.highlighter.lineDasharray,"stroke-linecap":`round`,style:{transition:`none !important`,animation:`none !important`,"pointer-events":`none`}},null,8,Wt)])):C(``,!0)],64)):C(``,!0),T(`g`,{"clip-path":bi.value},[T(`g`,{class:E([`vue-ui-stackline-zoom-geometry`,{"vue-ui-stackline-zoom-geometry--transitioning":Ur.value}]),style:at(yi.value)},[(D(!0),w(b,null,k(X.value,e=>(D(),w(b,{key:`shp_sel_${e.id}`},[Fn.value&&Y.value.end-Y.value.start>V.value.dot.hideAboveMaxSerieLength?(D(),w(`g`,Kt,[$.value==null?C(``,!0):(D(),w(b,{key:0},[e.rel.includes($.value)&&e.fullSeries?.[Y.value.start+$.value]!=null&&!Number.isNaN(e.fullSeries?.[Y.value.start+$.value])?(D(),S(ze,{key:0,shape:[`triangle`,`square`,`diamond`,`pentagon`,`hexagon`,`star`].includes(e.shape)?e.shape:`circle`,color:V.value.dot.useSerieColor?e.color:V.value.dot.fill,plot:{x:j(v)(e.points[e.rel.indexOf($.value)].x),y:j(v)(e.points[e.rel.indexOf($.value)].y)},radius:V.value.dot.radius*1.3,stroke:V.value.dot.useSerieColor?V.value.dot.stroke:e.color,strokeWidth:V.value.dot.strokeWidth,still:j(ir),class:E({"vue-data-ui-transition":j(tr)})},null,8,[`shape`,`color`,`plot`,`radius`,`stroke`,`strokeWidth`,`still`,`class`])):C(``,!0)],64))])):C(``,!0)],64))),128)),(D(!0),w(b,null,k(X.value,e=>(D(),w(b,{key:`shp_${e.id}`},[Y.value.end-Y.value.start<V.value.dot.hideAboveMaxSerieLength?(D(!0),w(b,{key:0},k(e.points,(t,n)=>(D(),w(`g`,{key:`shp_${e.id}_${Y.value.start+n}`},[e.fullSeries?.[Y.value.start+e.rel[n]]!=null&&!Number.isNaN(e.fullSeries?.[Y.value.start+e.rel[n]])?(D(),S(ze,{key:0,shape:[`triangle`,`square`,`diamond`,`pentagon`,`hexagon`,`star`].includes(e.shape)?e.shape:`circle`,color:V.value.dot.useSerieColor?e.color:V.value.dot.fill,plot:{x:t.x,y:t.y},radius:Fn.value&&$.value===e.rel[n]?V.value.dot.radius*1.3:V.value.dot.radius,stroke:V.value.dot.useSerieColor?V.value.dot.stroke:e.color,strokeWidth:V.value.dot.strokeWidth,still:j(ir),class:E({"vue-data-ui-transition":j(tr)})},null,8,[`shape`,`color`,`plot`,`radius`,`stroke`,`strokeWidth`,`still`,`class`])):C(``,!0)]))),128)):C(``,!0)],64))),128))],6)],8,Gt),G.value.dataLabels.show&&V.value.dataLabels.hideAboveMaxSerieLength>Y.value.end-Y.value.start?(D(),w(b,{key:13},[(D(!0),w(b,null,k(X.value,(e,t)=>(D(),w(`g`,{key:`dl_${e.id}`},[(D(!0),w(b,null,k(e.points,(n,r)=>(D(),w(b,{key:`dp_${e.id}_${Y.value.start+r}`},[_o(e.series[r],e.proportions[r])?(D(),w(`text`,{key:0,class:E({"vue-data-ui-transition":j(tr)}),transform:`translate(${n.x}, ${n.y+(e.series[r]>=0?-V.value.dataLabels.fontSize/2+V.value.dataLabels.offsetY:V.value.dataLabels.fontSize*1.2-V.value.dataLabels.offsetY)})`,"font-size":V.value.dataLabels.fontSize,fill:V.value.dataLabels.color,"font-weight":V.value.dataLabels.bold?`bold`:`normal`,"text-anchor":`middle`},ut(V.value.showDistributedPercentage&&V.value.distributed?bo(e.proportions[r]*100,e,t,e.rel[r]):yo(e.series[r],e,t,e.rel[r],e.signedSeries[r])),11,qt)):C(``,!0)],64))),128))]))),128)),V.value.totalValues.show&&X.value.length>1?(D(),w(`g`,{key:0,ref_key:`sumTop`,ref:Bn},[(D(!0),w(b,null,k(Fi.value,(e,t)=>(D(),w(b,{key:`total_l_${t+Y.value.start}`},[!V.value.dataLabels.hideEmptyValues||e.value!==0?(D(),w(`text`,{key:0,class:E({"vue-data-ui-transition":j(tr)}),transform:`translate(${Aa(t)}, ${Li(t)})`,"text-anchor":`middle`,"font-size":V.value.totalValues.fontSize,"font-weight":V.value.totalValues.bold?`bold`:`normal`,fill:V.value.totalValues.color},ut(yo(e.value,e,t,t,e.sign)),11,Jt)):C(``,!0)],64))),128))],512)):C(``,!0)],64)):C(``,!0),pa.value?(D(),w(`rect`,{key:14,x:pa.value.x,y:pa.value.y,width:pa.value.width,height:pa.value.height,fill:ti.value.selection.fill,"fill-opacity":ti.value.selection.fillOpacity,stroke:ti.value.selection.stroke,"stroke-opacity":ti.value.selection.strokeOpacity,"stroke-width":ti.value.selection.strokeWidth,"stroke-dasharray":ti.value.selection.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,"pointer-events":`none`},null,8,Yt)):C(``,!0),oi.value?(D(),w(`rect`,nt({key:15},Ir.value,{"data-start":Y.value.start,"data-end":Y.value.end}),null,16,Xt)):C(``,!0),A(t.$slots,`svg`,{svg:{drawingArea:K.value,data:X.value,isPrintingImg:j(gr)||j(_r)||j(eo),isPrintingSvg:j(to)}},void 0,!0)],46,bt)),t.$slots.hint?(D(),w(`div`,Zt,[A(t.$slots,`hint`,it(tt({hint:L.value.a11y.translations.keyboardNavigation,isVisible:Co.value})),void 0,!0)])):C(``,!0)]),t.$slots.watermark?(D(),w(`div`,Qt,[A(t.$slots,`watermark`,it(tt({isPrinting:j(gr)||j(_r)||j(eo)||j(to)})),void 0,!0)])):C(``,!0),Mn.value&&(U.value.legend.show||t.$slots.legend)?(D(),S(Xe,{key:6,to:U.value.legend.position===`top`?`#legend-top-${F.value}`:`#legend-bottom-${F.value}`},[T(`div`,{ref_key:`chartLegend`,ref:Cn},[A(t.$slots,`legend`,{legend:Ua.value},()=>[U.value.legend.show?(D(),S(Je,{key:0,legendSet:Ua.value,config:Wa.value,isCursorPointer:nr.value,onClickMarker:r[0]||=({legend:e})=>e.segregate()},Ze({item:M(({legend:e})=>[j(ir)?C(``,!0):(D(),w(`div`,{key:0,onClick:t=>e.segregate(),style:at(`opacity:${I.value.includes(e.id)?.5:1}`)},ut(e.name),13,$t))]),legendToggle:M(()=>[Ua.value.length>2&&U.value.legend.selectAllToggle.show&&!j(ir)?(D(),S(We,{key:0,backgroundColor:U.value.legend.selectAllToggle.backgroundColor,color:U.value.legend.selectAllToggle.color,fontSize:U.value.legend.fontSize,checked:I.value.length>0,isCursorPointer:nr.value,onToggle:Va},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):C(``,!0)]),_:2},[t.$slots.pattern?{name:`legend-pattern`,fn:M(({legend:e,index:t})=>[$e(ze,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${F.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`])):C(``,!0)],!0)],512)],8,[`to`])):C(``,!0),vn.value&&R.value.buttons.table?(D(),S(ct(ao.value.component),nt({key:7},ao.value.props,{ref_key:`tableUnit`,ref:Nn,onClose:oo}),Ze({content:M(()=>[$e(j(ln),{colNames:Xa.value.colNames,head:Xa.value.head,body:Xa.value.body,config:Xa.value.config,title:L.value.table.useDialog?``:ao.value.title,withCloseButton:!L.value.table.useDialog,isCursorPointer:nr.value,onClose:oo},{th:M(({th:e})=>[e===`__SUM__`?(D(),w(`div`,en,[$e(j(sn),{name:`sigma`,stroke:Xa.value.config.th.color,size:16},null,8,[`stroke`])])):(D(),w(`div`,tn,ut(e),1))]),td:M(({td:e})=>[Qe(ut(isNaN(Number(e))?e:j(n)({p:V.value.dataLabels.prefix,v:e,s:V.value.dataLabels.suffix,r:L.value.table.td.roundingValue})),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`])]),_:2},[L.value.table.useDialog?{name:`title`,fn:M(()=>[Qe(ut(ao.value.title),1)]),key:`0`}:void 0,L.value.table.useDialog?{name:`actions`,fn:M(()=>[T(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:r[1]||=e=>Ya(R.value.callbacks.csv),style:at({cursor:nr.value?`pointer`:`default`})},[$e(j(sn),{name:`fileCsv`,stroke:ao.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):C(``,!0),U.value.zoom.show&&vn.value&&ta.value&&J.value>6?(D(),S(Ue,{key:8,ref_key:`chartSlicer`,ref:wn,"data-dom-to-png-ignore-layout":``,allMinimaps:ji.value,background:U.value.zoom.color,borderColor:U.value.backgroundColor,customFormat:U.value.zoom.customFormat,cutNullValues:!1,enableRangeHandles:U.value.zoom.enableRangeHandles,enableSelectionDrag:U.value.zoom.enableSelectionDrag,end:Y.value.end,focusOnDrag:U.value.zoom.focusOnDrag,focusRangeRatio:U.value.zoom.focusRangeRatio,fontSize:U.value.zoom.fontSize,immediate:!U.value.zoom.preview.enable,inputColor:U.value.zoom.color,isPreview:oi.value,labelLeft:z.value.values[Y.value.start]?zi.value?.[0]?.text??``:``,labelRight:z.value.values[Y.value.end-1]?zi.value?.at(-1)?.text??``:``,max:Math.max(...e.dataset.map(e=>e.series.length)),min:0,minimap:Ai.value,minimapCompact:U.value.zoom.minimap.compact,minimapFrameColor:U.value.zoom.minimap.frameColor,minimapIndicatorColor:U.value.zoom.minimap.indicatorColor,minimapMerged:!1,minimapSelectedColor:U.value.zoom.minimap.selectedColor,minimapSelectedColorOpacity:U.value.zoom.minimap.selectedColorOpacity,minimapSelectedIndex:$.value,minimapSelectionRadius:1,preciseLabels:Xi.value.length?Xi.value:Bi.value,refreshEndPoint:U.value.zoom.endIndex===null?Math.max(...e.dataset.map(e=>e.series.length)):U.value.zoom.endIndex+1,refreshStartPoint:U.value.zoom.startIndex===null?0:U.value.zoom.startIndex,selectColor:U.value.zoom.highlightColor,selectedSeries:mo.value,smoothMinimap:!1,start:Y.value.start,textColor:U.value.color,timeLabels:Bi.value,usePreciseLabels:z.value.datetimeFormatter.enable&&!U.value.zoom.useDefaultFormat,valueEnd:Y.value.end,valueStart:Y.value.start,verticalHandles:U.value.zoom.minimap.verticalHandles,maxWidth:U.value.zoom.maxWidth,minimapLeftInsetRatio:K.value.chartWidth>0&&U.value.zoom.autoFit?K.value.left/K.value.chartWidth:null,minimapRightInsetRatio:K.value.chartWidth>0&&U.value.zoom.autoFit?(K.value.chartWidth-K.value.right)/K.value.chartWidth:null,isCursorPointer:nr.value,additionalMinimapHeight:U.value.zoom.minimap.additionalHeight,handleType:U.value.zoom.minimap.handleType,handleIconColor:U.value.zoom.minimap.handleIconColor,handleBorderWidth:U.value.zoom.minimap.handleBorderWidth,handleBorderColor:U.value.zoom.minimap.handleBorderColor,handleFill:U.value.zoom.minimap.handleFill,handleWidth:U.value.zoom.minimap.handleWidth,"onUpdate:end":oa,"onUpdate:start":aa,onTrapMouse:zr,onReset:r[2]||=()=>Ei({force:!0,publish:!0}),onFutureEnd:r[3]||=e=>si(`end`,e),onFutureStart:r[4]||=e=>si(`start`,e)},{"reset-action":M(({reset:e})=>[A(t.$slots,`reset-action`,it(tt({reset:e})),void 0,!0)]),slotMap:M(({width:e,height:t,unitW:n})=>[T(`g`,{innerHTML:go({minimapW:e,minimapH:t,unitW:n})},null,8,nn)]),_:3},8,/* @__PURE__ */ `allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.isCursorPointer.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth`.split(`.`))):C(``,!0),T(`div`,{id:`legend-bottom-${F.value}`},null,8,rn),$e(j(on),{teleportTo:H.value.teleportTo,show:G.value.showTooltip&&bn.value,backgroundColor:H.value.backgroundColor,color:H.value.color,fontSize:H.value.fontSize,borderRadius:H.value.borderRadius,borderColor:H.value.borderColor,borderWidth:H.value.borderWidth,backgroundOpacity:H.value.backgroundOpacity,position:H.value.position,offsetX:H.value.offsetX,offsetY:H.value.offsetY,parent:yn.value,content:Ra.value,isFullscreen:Dn.value,isCustom:H.value.customFormat&&typeof H.value.customFormat==`function`,smooth:H.value.smooth,backdropFilter:H.value.backdropFilter,smoothForce:H.value.smoothForce,smoothSnapThreshold:H.value.smoothSnapThreshold,isA11yMode:qn.value===`keyboard`,a11yPosition:Kn.value},{"tooltip-before":M(()=>[A(t.$slots,`tooltip-before`,it(tt({...$i.value})),void 0,!0)]),tooltip:M(()=>[A(t.$slots,`tooltip`,it(tt({...$i.value})),void 0,!0)]),"tooltip-after":M(()=>[A(t.$slots,`tooltip-after`,it(tt({...$i.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`fontSize`,`borderRadius`,`borderColor`,`borderWidth`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),t.$slots.source?(D(),w(`div`,{key:9,ref_key:`source`,ref:En,dir:`auto`},[A(t.$slots,`source`,{},void 0,!0)],512)):C(``,!0),A(t.$slots,`skeleton`,{},()=>[j(ir)?(D(),S(_e,{key:0})):C(``,!0)],!0)],46,gt))}},[[`__scopeId`,`data-v-0eced3f0`]]);export{ht as n,on as t};

package/dist/vue-ui-strip-plot-54u7AUip.js

@@ -0,0 +1,2 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{$ as n,D as r,Dt as i,Ft as a,Ht as o,J as s,Q as c,S as l,X as ee,Zt as te,_ as ne,at as re,b as ie,i as ae,in as oe,nt as se,pt as ce,rn as le,sn as ue,t as de,v as fe,w as pe,x as me,yt as he,zt as ge}from"./lib-DqD8nbyX.js";import{n as _e,t as ve}from"./BaseScanner-8NdoBs7B.js";import{n as ye,t as be}from"./useHints-BH9r_0Vd.js";import{t as xe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as Se}from"./resolveChartConfig-ChGWTt5l.js";import{t as Ce}from"./chartImage-r-G4CkRK.js";import{n as we}from"./Title-BLA0tM3g.js";import{t as Te}from"./useChartExport-DtPNpc9M.js";import{n as Ee,t as De}from"./tableIntegration-CNoJ1CIY.js";import{n as Oe,t as ke}from"./annotationSlots-BRR85CqJ.js";import{n as Ae,t as je}from"./userOptionsSlots-DYuo-E5m.js";import{t as Me}from"./usePrinter-Cj4eIYC_.js";import{t as Ne}from"./useTransitions-DfSHzsdz.js";import{t as Pe}from"./useTimeLabelCollider-XQf_S7-z.js";import{t as Fe}from"./Shape-gDVRWM6n.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"./A11yDataTable-DWNlWXzs.js";import{t as Be}from"./useUserOptionState-CXlFnwPv.js";import{t as Ve}from"./useChartAccessibility-DOMuYJfm.js";import{t as He}from"./vue_ui_strip_plot-CwMowrhT.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Ue,createTextVNode as We,createVNode as Ge,defineAsyncComponent as g,guardReactiveProps as _,mergeProps as Ke,nextTick as qe,normalizeClass as Je,normalizeProps as v,normalizeStyle as y,onBeforeUnmount as Ye,onMounted as Xe,openBlock as b,ref as x,renderList as S,renderSlot as C,resolveDynamicComponent as Ze,shallowRef as Qe,toDisplayString as w,toRefs as $e,unref as T,watch as et,watchEffect as tt,withCtx as E}from"vue";var nt=/* @__PURE__ */ e({default:()=>Pt}),rt=[`id`],it=[`id`],at={style:{position:`relative`}},ot=[`xmlns`,`viewBox`,`aria-describedby`],st=[`x`,`y`,`width`,`height`],ct={key:1},lt={key:0},ut=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],dt={key:1},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],pt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],mt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ht=[`transform`,`fill`,`font-size`],gt=[`transform`,`font-size`,`fill`,`text-anchor`],_t=[`transform`,`font-size`,`fill`,`text-anchor`,`innerHTML`],vt=[`fill`,`font-size`,`transform`],yt=[`fill`,`font-size`,`x`,`y`],bt=[`x1`,`x2`,`y1`,`y2`,`stroke`],xt=[`cx`,`cy`,`fill`],St=[`cx`,`cy`,`fill`],Ct=[`d`,`fill`,`stroke`,`fill-opacity`,`stroke-opacity`,`stroke-width`,`onMouseenter`],wt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-opacity`,`stroke-width`],Tt=[`onMouseenter`],Et=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Dt=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`,`rx`],Ot=[`cx`,`cy`,`r`,`fill`,`stroke`],kt={key:1},At=[`x`,`y`,`font-size`,`fill`],jt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Mt={key:5,class:`vue-data-ui-watermark`},Nt={style:{display:`flex`,"align-items":`center`}},Pt=/*#__PURE__*/ xe({__name:`vue-ui-strip-plot`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`,`copyAlt`],setup(e,{expose:xe,emit:nt}){let Pt=g(()=>import(`./Tooltip-Iyb_S6oQ.js`)),Ft=g(()=>import(`./BaseIcon-DDctLkeT.js`).then(e=>e.n)),It=g(()=>import(`./vue-ui-accordion-3lBpCjGm.js`).then(e=>e.n)),Lt=g(()=>import(`./DataTable-BcVZLSs8.js`)),Rt=g(()=>import(`./UserOptions-BSJ_S_us.js`).then(e=>e.n)),zt=g(()=>import(`./PenAndPaper-BsBFp16i.js`).then(e=>e.t)),Bt=g(()=>import(`./PackageVersion-ATrKWi8V.js`).then(e=>e.t)),Vt=g(()=>import(`./BaseDraggableDialog-Bw_azO0n.js`).then(e=>e.n)),Ht=[`classic`,`scatter`,`violin`],{vue_ui_strip_plot:Ut}=t(),D=e,Wt=nt,Gt=d({get(){return!!D.dataset&&D.dataset.length},set(e){return e}}),Kt=x(ee()),qt=x(0),Jt=x(!1),Yt=x(``),O=x(null),Xt=x(null),Zt=x(null),Qt=x(null),$t=x(!1),en=x(0),tn=x(0),nn=x(null),rn=x(null),an=x(null),on=x(null),sn=x(null),cn=x(null),k=x(null),ln=x(null),A=x(`pointer`),un=x({x:0,y:0}),dn=x(!1),j=x(xn()),M=d(()=>j.value.userOptions),N=d(()=>j.value.style.chart.tooltip),P=d(()=>j.value.style.chart.labels),F=d(()=>j.value.style.chart.violin),I=d(()=>j.value.style.chart.grid),L=d(()=>j.value.style.chart);ye({config:()=>j.value,dataset:()=>D.dataset,component:`VueUiStripPlot`,rules:[be.emptyArray,{test:e=>e.length>12,message:[`👀 The number of series is > 12. Consider:`,``,`▶️ Using filters to let users choose a maximum number of series to display.`,``,`▶️ Using multiple instances of the chart to display related series.`]}]});let{transitionEnabled:fn}=Ne({config:()=>j.value.transitions,dataset:()=>D.dataset}),pn=d(()=>Sn(j.value.type)),R=d(()=>j.value.userOptions.useCursorPointer),mn=d(()=>oe({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,padding:{top:24,left:24,right:24,bottom:24},grid:{stroke:`#6A6A6A`,horizontalGrid:{stroke:`#6A6A6A`},verticalGrid:{stroke:`#6A6A6A`}},plots:{stroke:`#6A6A6A`},labels:{bestPlotLabel:{show:!1},axis:{xLabel:``,yLabel:``},xAxisLabels:{show:!1},yAxisLabels:{show:!1}}}}},userConfig:j.value.skeletonConfig??{}})),{loading:hn,FINAL_DATASET:gn,manualLoading:_n}=_e({...$e(D),FINAL_CONFIG:j,prepareConfig:xn,skeletonDataset:D.config?.skeletonDataset??[{name:`_`,color:`#DBDBDB`,plots:[{name:`_`,value:1},{name:`_`,value:2},{name:`_`,value:3}]},{name:`_`,color:`#C4C4C4`,plots:[{name:`_`,value:3},{name:`_`,value:5},{name:`_`,value:8}]},{name:`_`,color:`#ADADAD`,plots:[{name:`_`,value:8},{name:`_`,value:13},{name:`_`,value:21}]},{name:`_`,color:`#969696`,plots:[{name:`_`,value:21},{name:`_`,value:34},{name:`_`,value:55}]},{name:`_`,color:`#808080`,plots:[{name:`_`,value:55},{name:`_`,value:89},{name:`_`,value:144}]}],skeletonConfig:oe({defaultConfig:j.value,userConfig:mn.value})}),{userOptionsVisible:vn,setUserOptionsVisibility:yn,keepUserOptionState:bn}=Be({config:j.value}),{svgRef:z}=Ve({config:L.value.title});function xn(){return Se(D.config,Ut,He)}function Sn(e){return Ht.includes(e)?e:`classic`}let Cn=te(D.config);et(()=>D.config,async(e,t)=>{let n=te(e),r=n!==Cn;Cn=n;let i=xn();if(!r){j.value.style.chart.tooltip=i.style.chart.tooltip,U.value.showTooltip=j.value.style.chart.tooltip.show;return}hn.value||(j.value=i),vn.value=!j.value.userOptions.showOnChartHover,En(),en.value+=1,tn.value+=1,U.value.dataLabels.show=P.value.bestPlotLabel.show,U.value.showTable=j.value.table.show,U.value.showTooltip=N.value.show,V.value=L.value.width,H.value=L.value.height,In.value=L.value.plots.radius},{deep:!0}),et(()=>D.dataset,e=>{Array.isArray(e)&&e.length>0&&(_n.value=!1)},{deep:!0});let B=Qe(null),wn=Qe(null);Xe(()=>{En()});let Tn=d(()=>j.value.debug);function En(){if(ge(D.dataset)?(re({componentName:`VueUiStripPlot`,type:`dataset`,debug:Tn.value}),_n.value=!0):D.dataset.forEach((e,t)=>{he({datasetObject:e,requiredAttributes:[`name`,`plots`]}).forEach(e=>{Gt.value=!1,re({componentName:`VueUiStripPlot`,type:`datasetSerieAttribute`,property:e,index:t,debug:Tn.value})}),e.plots&&e.plots.forEach((e,n)=>{he({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{Gt.value=!1,re({componentName:`VueUiStripPlot`,type:`datasetSerieAttribute`,property:e,index:`${t},${n}`,debug:Tn.value})})})}),ge(D.dataset)||(_n.value=j.value.loading),j.value.responsive){let e=Ie(()=>{let{width:e,height:t}=Le({chart:O.value,title:L.value.title.text?Xt.value:null,source:Zt.value,noTitle:Qt.value});requestAnimationFrame(()=>{Fn.value=t,V.value=Math.max(.1,e),H.value=Math.max(.1,t-12),j.value.responsiveProportionalSizing?In.value=le({relator:Math.min(t,e),adjuster:600,source:L.value.plots.radius,threshold:6,fallback:6}):In.value=L.value.plots.radius})});B.value&&(wn.value&&B.value.unobserve(wn.value),B.value.disconnect()),B.value=new ResizeObserver(e),wn.value=O.value.parentNode,B.value.observe(wn.value)}$t.value=!0,setTimeout(()=>{Nn.value=!1},Wn.value*50)}Ye(()=>{B.value&&(wn.value&&B.value.unobserve(wn.value),B.value.disconnect())});let{isPrinting:Dn,isImaging:On,generatePdf:kn,generateImage:An}=Me({elementId:`strip-plot_${Kt.value}`,fileName:L.value.title.text||`vue-ui-strip-plot`,options:j.value.userOptions.print}),jn=d(()=>j.value.userOptions.show&&!L.value.title.text),Mn=d(()=>pe(j.value.customPalette)),Nn=x(j.value.useCssAnimation),Pn=x({top:L.value.padding.top,bottom:L.value.padding.bottom,left:L.value.padding.left,right:L.value.padding.right}),V=x(L.value.width),H=x(L.value.height),Fn=x(L.value.height),In=x(L.value.plots.radius),U=x({showTable:j.value.table.show,dataLabels:{show:P.value.bestPlotLabel.show},showTooltip:N.value.show});et(j,()=>{U.value={showTable:j.value.table.show,dataLabels:{show:P.value.bestPlotLabel.show},showTooltip:N.value.show},V.value=L.value.width,H.value=L.value.height,In.value=L.value.plots.radius},{immediate:!0});let W=d(()=>Math.min(In.value,K.value.stripWidth/2*.9));function G(e){return Number.isFinite(e)?Number(e.toFixed(2)):0}function Ln(){return Math.max(0,(K.value.stripWidth/2-W.value*1.8)*.86)*Math.min(1,F.value.widthRatio)}function Rn(){let e=0;cn.value&&(e=Array.from(cn.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0));let t=on.value?on.value.getBoundingClientRect().width:0;return e+t+(t?24:0)}let zn=x(0),Bn=Ie(e=>{zn.value=e},100);tt(e=>{let t=sn.value;if(!t)return;let n=new ResizeObserver(e=>{Bn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Ye(()=>{zn.value=0});let Vn=d(()=>{let e=0;an.value&&(e=an.value.getBBox().height+P.value.axis.fontSize/3+12+P.value.axis.xLabelOffsetY);let t=0;return sn.value&&(t=zn.value+12),e+t}),K=d(()=>{let e=Rn(),t=Pn.value.left+e+P.value.axis.yLabelOffsetX+5,n=V.value-Pn.value.right,r=Math.max(0,n-t),i=Pn.value.top+L.value.plots.radius+P.value.bestPlotLabel.fontSize,a=H.value-Pn.value.bottom-Vn.value,o=Math.max(0,a-i),s=Array.isArray(gn.value)?gn.value.length:0;return{left:t,right:n,top:i,bottom:a,width:r,height:o,stripWidth:s>0?r/s:0,absoluteHeight:H.value}});function Hn(e){return K.value.left+(e+1)*K.value.stripWidth-K.value.stripWidth/2}let Un=d(()=>gn.value.map((e,t)=>{let n=ee();return{...e,id:n,color:e.color?l(e.color):Mn.value[t]||o[t]||o[t%o.length],plots:e.plots.map((r,i)=>({...r,value:ie(r.value),parentId:n,parentName:e.name,parentIndex:t,plotIndex:i,color:e.color?l(e.color):Mn.value[t]||o[t]||o[t%o.length],id:ee()})).sort((e,t)=>e.value-t.value)}})),q=d(()=>(Un.value||[]).map((e,t)=>({...e,plots:e.plots.map(e=>({...e,x:Hn(t)}))}))),Wn=d(()=>Math.max(...q.value.map(e=>e.plots.length))),Gn=d(()=>{let e=q.value.flatMap(e=>e.plots.map(e=>e.value));return{max:Math.max(...e),min:Math.min(...e)}}),Kn=d(()=>{let e=I.value.scaleMin,t=I.value.scaleMax,n=Math.max(2,I.value.scaleSteps),r=Gn.value.min<0?Gn.value.min:0,i=Gn.value.max;if(e===null&&t===null)return ne(r,i,n);if(e!==null&&t!==null)return fe(e,t,n);let a=ne(e===null?r:e,t===null?i:t,n);return fe(e===null?a.min:e,t===null?a.max:t,n)});function J(e){let t=Kn.value.max-Kn.value.min;return t?K.value.bottom-(e-Kn.value.min)/t*K.value.height:K.value.bottom}let Y=d(()=>(q.value||[]).map((e,t)=>{let n=e.plots.map(e=>({...e,y:J(e.value)})),r=pn.value===`classic`?n.map(()=>0):Zn(n);return{...e,plots:n.map((e,t)=>({...e,x:e.x+r[t]}))}})),X=d(()=>pn.value===`violin`&&!!F.value?.boxPlot?.show);function qn(e,t){if(!e.length)return 0;if(e.length===1)return e[0];let n=(e.length-1)*t,r=Math.floor(n),i=n-r,a=e[r+1];return a===void 0?e[r]:e[r]+i*(a-e[r])}let Jn=d(()=>X.value?Y.value.map((e,t)=>{let n=e.plots.map(e=>e.value).sort((e,t)=>e-t),r=qn(n,.25),i=qn(n,.5),a=qn(n,.75),o=a-r,s=r-o*1.5,c=a+o*1.5,l=n.find(e=>e>=s),ee=n.slice().reverse().find(e=>e<=c),te=Hn(t),ne=Math.max(W.value*2.8,Math.min(Ln()*.32,K.value.stripWidth*.12))*Math.min(1.5,F.value.boxPlot.widthRatio);return{id:e.id,boxPlotColor:F.value.boxPlot.useSerieColor?e.color:F.value.boxPlot.color,color:e.color,name:e.name,count:n.length,lowerAdjacent:l??n[0],q1:r,median:i,q3:a,upperAdjacent:ee??n[n.length-1],iqr:o,lowerFence:s,upperFence:c,centerX:te,boxLeft:te-ne/2,boxWidth:ne,q1Y:J(r),medianY:J(i),q3Y:J(a),lowerY:J(l??n[0]),upperY:J(ee??n[n.length-1])}}):[]),Yn=d(()=>[j.value.table.columnNames.series,F.value.tooltipLabels.lowerAdjacent,F.value.tooltipLabels.q1,F.value.tooltipLabels.median,F.value.tooltipLabels.q3,F.value.tooltipLabels.upperAdjacent,F.value.tooltipLabels.iqr,F.value.tooltipLabels.count]);function Xn(e){return n({p:P.value.prefix,v:e,s:P.value.suffix,r:j.value.table.td.roundingValue})}function Zn(e){let t=pn.value===`violin`?Math.max(0,Ln()-W.value*1.15):Math.max(0,K.value.stripWidth/2-W.value*1.5);if(!e.length||!t)return e.map(()=>0);let n=e.map(()=>0),r=W.value*2.1,i=Math.min(t,r),a=[0];for(let e=i;e<=t+i/2;e+=i)a.push(-Math.min(e,t)),a.push(Math.min(e,t));let o=[];return e.forEach((e,t)=>{let i=a.find(t=>o.every(n=>{let i=t-n.offset,a=e.y-n.y;return Math.hypot(i,a)>=r}))??0;n[t]=i,o.push({y:e.y,offset:i})}),n}let Qn=d(()=>pn.value===`violin`?Y.value.map((e,t)=>({id:e.id,color:F.value.useSerieColor?e.color:F.value.stroke,fill:F.value.useSerieColor?e.color:F.value.fill,path:$n(e.plots,t),connectors:er(e.plots,t)})):[]);function $n(e,t){let n=Ln();if(!e.length||!K.value.height||!n)return``;let r=Hn(t),i=e.map(e=>e.y),a=Z(i),o=nr({yValues:i,bandwidth:a});return o.length>1?o.map(e=>ir({yValues:e,centerX:r,maxWidth:tr({clusterLength:e.length,totalLength:i.length,maxWidth:n}),bandwidth:Z(e)})).join(` `):ir({yValues:i,centerX:r,maxWidth:n,bandwidth:a})}function er(e,t){if(!e.length)return[];let n=Hn(t),r=e.map(e=>e.y),i=nr({yValues:r,bandwidth:Z(r)});return i.length<2?[]:i.slice(1).map((e,t)=>{let r=i[t],a=Z(r),o=Z(e),s=me(Math.max(...r)+a*2.35,K.value.top,K.value.bottom),c=me(Math.min(...e)-o*2.35,K.value.top,K.value.bottom);return{x:G(n),y1:G(s),y2:G(c)}})}function tr({clusterLength:e,totalLength:t,maxWidth:n}){let r=(e/t)**.6,i=e<=2?.72:1;return Math.max(W.value*2.2,n*me(r*i,.18,1))}function Z(e){let t=e.reduce((e,t)=>e+t,0)/Math.max(1,e.length),n=e.reduce((e,n)=>e+(n-t)**2,0)/Math.max(1,e.length),r=Math.sqrt(n),i=e.length<2?Math.max(W.value*2.6,K.value.height/48):W.value*2.1;return me(1.06*r*e.length**-.2,i,K.value.height/5)}function nr({yValues:e,bandwidth:t}){if(e.length<2)return[e];let n=[...e].sort((e,t)=>e-t),r=Math.max(t*1.45,W.value*5),i=[],a=[n[0]];for(let e=1;e<n.length;e+=1)Math.abs(n[e]-n[e-1])>r?(i.push(a),a=[n[e]]):a.push(n[e]);return i.push(a),rr(i)}function rr(e){return e.reduce((e,t)=>{let n=e[e.length-1];if(!n)return e.push(t),e;let r=Z(n),i=Z(t);return Math.max(...n)+r*2.35>=Math.min(...t)-i*2.35?n.push(...t):e.push(t),e},[])}function ir({yValues:e,centerX:t,maxWidth:n,bandwidth:r}){let i=me(Math.min(...e)-r*2.35,K.value.top,K.value.bottom),a=me(Math.max(...e)+r*2.35,K.value.top,K.value.bottom),o=Math.max(48,Math.min(120,Math.round((a-i)/Math.max(1,r/4)))),s=Array.from({length:o},(t,n)=>{let s=i+(a-i)*n/Math.max(1,o-1);return{y:s,density:e.reduce((e,t)=>{let n=(s-t)/r;return e+Math.exp(-.5*n*n)},0)}}),c=Math.max(...s.map(e=>e.density));if(!c)return``;let l=s.map((e,t)=>{let r=t===0||t===s.length-1?0:e.density/c*n;return{y:G(e.y),width:G(r)}}),ee=l.map(e=>({x:G(t-e.width),y:e.y})),te=l.slice(0,-1).reverse().map(e=>({x:G(t+e.width),y:e.y}));return`${ar([...ee,...te])} Z`}function ar(e){if(!e.length)return``;if(e.length===1)return`M ${e[0].x} ${e[0].y}`;let t=`M ${e[0].x} ${e[0].y}`;for(let n=1;n<e.length-1;n+=1){let r=e[n],i=e[n+1],a=G((r.x+i.x)/2),o=G((r.y+i.y)/2);t+=` Q ${r.x} ${r.y} ${a} ${o}`}let n=e[e.length-1];return`${t} L ${n.x} ${n.y}`}let or=d(()=>Kn.value.ticks.map(e=>({y:J(e),x1:K.value.left,x2:K.value.right,value:e}))),sr=x(null),Q=x(null);function cr({datapoint:e,seriesIndex:t}){A.value!==`keyboard`&&(Jt.value=!1,Q.value=null,j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:e,seriesIndex:t}))}function lr({datapoint:e,seriesIndex:t}){Wt(`selectDatapoint`,e),j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:e,seriesIndex:t})}function ur(e,t={}){return ae(P.value.formatter,e,n({p:P.value.prefix,v:e,s:P.value.suffix,r:N.value.roundingValue}),t)}function dr({datapoint:e,seriesIndex:t,triggerMode:n=`pointer`}){j.value.events.datapointEnter&&j.value.events.datapointEnter({datapoint:e,seriesIndex:t}),A.value=n,sr.value={datapoint:e,seriesIndex:t,config:j.value,series:Un.value},Jt.value=!0,Q.value=e;let r=N.value.customFormat;if(i(r)&&ce(()=>r({seriesIndex:t,datapoint:e,series:Un.value,config:j.value})))Yt.value=r({seriesIndex:t,datapoint:e,series:Un.value,config:j.value});else{let n=``;n+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${L.value.plots.gradient.show?`url(#${e.parentId})`:e.color}"/></svg>${e.name}</div>`,n+=`<div>${ur(e.value,{datapoint:e,seriesIndex:t})}</div>`,Yt.value=`<div>${n}</div>`}}function fr(){A.value!==`keyboard`&&(Jt.value=!1,Q.value=null)}function pr({boxPlot:e,seriesIndex:t,triggerMode:n=`pointer`}){A.value=n,Q.value=null,Jt.value=!0,sr.value={boxPlot:e,seriesIndex:t,config:j.value,series:Un.value};let r=N.value.customFormat;if(i(r))try{let n={boxPlot:e,seriesIndex:t,series:Un.value,config:j.value};if(ce(()=>r(n))){Yt.value=r(n);return}}catch{}let a=[[F.value.tooltipLabels.upperAdjacent,e.upperAdjacent],[F.value.tooltipLabels.q3,e.q3],[F.value.tooltipLabels.median,e.median],[F.value.tooltipLabels.q1,e.q1],[F.value.tooltipLabels.lowerAdjacent,e.lowerAdjacent],[F.value.tooltipLabels.iqr,e.iqr]],o=`<svg viewBox="0 0 12 12" height="14" width="14"><rect x="1" y="1" width="10" height="10" rx="2" stroke="none" fill="${e.color}"/></svg>`,s=a.map(([n,r])=>`<div style="display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:space-between;"><span>${n}</span><b>${ur(r,{boxPlot:e,seriesIndex:t})}</b></div>`).join(``);Yt.value=`<div style="min-width:160px;"><div style="display:flex;flex-direction:row;gap:6px;align-items:center;margin-bottom:6px;">${o}${e.name}</div>`+s+`<div style="display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:space-between;margin-top:6px;"><span>${F.value.tooltipLabels.count}</span><b>${e.count}</b></div></div>`}let mr=d(()=>({head:q.value.flatMap(e=>JSON.parse(JSON.stringify(e.plots)).sort((e,t)=>t.value-e.value).map(t=>({name:`${e.name} - ${t.name}`,color:t.color}))),body:q.value.flatMap(e=>JSON.parse(JSON.stringify(e.plots)).sort((e,t)=>t.value-e.value).map(e=>e.value))}));function hr(e=null){qe(()=>{let t=[],n=[j.value.table.columnNames.series,j.value.table.columnNames.value];X.value?(n=Yn.value,t=Jn.value.map(e=>[[e.name],[e.lowerAdjacent],[e.q1],[e.median],[e.q3],[e.upperAdjacent],[e.iqr],[e.count]])):t=mr.value.head.map((e,t)=>[[e.name],[mr.value.body[t]]]);let i=[[L.value.title.text],[L.value.title.subtitle.text],n.map(e=>[e])].concat(t),a=r(i);e?e(a):se({csvContent:a,title:L.value.title.text||`vue-ui-strip-plot`})})}let gr=d(()=>{if(X.value){let e=Yn.value;return{colNames:e,head:e,body:Jn.value.map(e=>[{color:e.color,name:e.name},Xn(e.lowerAdjacent),Xn(e.q1),Xn(e.median),Xn(e.q3),Xn(e.upperAdjacent),Xn(e.iqr),e.count]),config:{th:{backgroundColor:j.value.table.th.backgroundColor,color:j.value.table.th.color,outline:j.value.table.th.outline},td:{backgroundColor:j.value.table.td.backgroundColor,color:j.value.table.td.color,outline:j.value.table.td.outline},breakpoint:j.value.table.responsiveBreakpoint}}}let e=[j.value.table.columnNames.series,j.value.table.columnNames.value],t=mr.value.head.map((e,t)=>{let r=n({p:P.value.prefix,v:mr.value.body[t],s:P.value.suffix,r:j.value.table.td.roundingValue});return[{color:e.color,name:e.name},r]}),r={th:{backgroundColor:j.value.table.th.backgroundColor,color:j.value.table.th.color,outline:j.value.table.th.outline},td:{backgroundColor:j.value.table.td.backgroundColor,color:j.value.table.td.color,outline:j.value.table.td.outline},breakpoint:j.value.table.responsiveBreakpoint};return{colNames:[j.value.table.columnNames.series,j.value.table.columnNames.value],head:e,body:t,config:r}}),$=x(!1);function _r(e){$.value=e,qt.value+=1}function vr(){return q.value}function yr(){U.value.showTable=!U.value.showTable}function br(){U.value.dataLabels.show=!U.value.dataLabels.show}function xr(){U.value.showTooltip=!U.value.showTooltip}let Sr=x(!1);function Cr(){Sr.value=!Sr.value}let wr=Ce(O,()=>L.value.title.text),Tr=d(()=>q.value.map(e=>e.name)),Er=x({start:0,end:q.value.length});Pe({timeLabelsEls:sn,timeLabels:Tr,slicer:Er,configRef:j,rotationPath:[`style`,`chart`,`labels`,`xAxisLabels`,`rotation`],autoRotatePath:[`style`,`chart`,`labels`,`xAxisLabels`,`autoRotate`,`enable`],isAutoSize:!1,width:V,height:H,targetClass:`.vue-ui-strip-plot-category-name`,rotation:P.value.xAxisLabels.autoRotate.angle});let Dr=d(()=>De({config:j,style:L,mutableConfig:U,dialog:Vt,accordion:It,isFullscreen:$,parent:O,maxWidth:800,isCursorPointer:R}));et(()=>U.value.showTable,e=>Ee(e,j,nn));function Or(){U.value.showTable=!1,rn.value&&rn.value.setTableIconState(!1)}let kr=d(()=>L.value.backgroundColor),Ar=d(()=>L.value.title),{isCallbackImaging:jr,isCallbackSvg:Mr,generateSvg:Nr,onGenerateImage:Pr}=Te({svg:z,title:Ar,legend:null,legendItems:null,backgroundColor:kr,getSvgCallback:()=>j.value.userOptions.callbacks.svg,generateImage:An});async function Fr(){if(Wt(`copyAlt`,{config:j.value,dataset:Y.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:Y.value}))}function Ir(){return Y.value.length}function Lr(e){return Y.value[e]?.plots??[]}function Rr(e=k.value,t=ln.value){return!Number.isInteger(e)||!Number.isInteger(t)?null:Lr(e)[t]??null}function zr(){k.value=null,ln.value=null,A.value=`pointer`,Jt.value=!1,Q.value=null}function Br(e){if(!e||!z.value)return;let t=z.value.getBoundingClientRect();un.value={x:t.left+e.x/V.value*t.width,y:t.top+e.y/H.value*t.height}}function Vr(e,t){let n=Rr(e,t);n&&(k.value=e,ln.value=t,A.value=`keyboard`,Br(n),dr({datapoint:n,seriesIndex:e,triggerMode:`keyboard`}))}function Hr(){dn.value=!0,k.value=null,ln.value=null}function Ur(){dn.value=!1,zr()}function Wr(e){if(!z.value||Sr.value||document.activeElement!==z.value||!Ir())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){zr();return}let s=k.value,c=ln.value;if(s===null||c===null)s=0,c=0;else if(t||n){let e=Ir();s=n?(s+1)%e:(s-1+e)%e;let t=Lr(s);if(!t.length)return;c=Math.min(c,t.length-1)}else if(r||i){let e=Lr(s);if(!e.length)return;c=r?(c+1)%e.length:(c-1+e.length)%e.length}if(a){let e=Rr();if(!e)return;lr({datapoint:e,seriesIndex:k.value});return}Vr(s,c)}let Gr=d(()=>({headers:gr.value?.colNames??[],rows:gr.value?.body?.map(e=>e.map(e=>e&&typeof e==`object`&&`name`in e?e.name:e))??[]}));return xe({getData:vr,getImage:wr,generatePdf:kn,generateCsv:hr,generateImage:An,generateSvg:Nr,toggleTable:yr,toggleLabels:br,toggleTooltip:xr,toggleAnnotator:Cr,toggleFullscreen:_r,copyAlt:Fr}),(e,t)=>(b(),m(`div`,{ref_key:`stripPlotChart`,ref:O,class:Je(`vue-data-ui-component vue-ui-strip-plot ${$.value?`vue-data-ui-wrapper-fullscreen`:``} ${j.value.useCssAnimation?``:`vue-ui-dna`}`),style:y(`font-family:${j.value.style.fontFamily};width:100%; text-align:center;background:${L.value.backgroundColor};${j.value.responsive?`height:100%`:``}`),id:`strip-plot_${Kt.value}`,onMouseenter:t[2]||=()=>T(yn)(!0),onMouseleave:t[3]||=()=>T(yn)(!1)},[h(`div`,{id:`chart-instructions-${Kt.value}`,class:`sr-only`},[h(`p`,null,w(j.value.a11y.translations.keyboardNavigation),1)],8,it),Gr.value?.rows?.length?(b(),f(ze,{key:0,uid:Kt.value,head:Gr.value.headers,body:Gr.value.rows,notice:j.value.a11y.translations.tableAvailable,caption:j.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):p(``,!0),M.value.buttons.annotator?(b(),f(T(zt),{key:1,svgRef:T(z),backgroundColor:L.value.backgroundColor,color:L.value.color,active:Sr.value,isCursorPointer:R.value,palette:M.value.annotatorPalette,onClose:Cr},Ue({_:2},[S(T(ke),t=>({name:t,fn:E(n=>[C(e.$slots,t,v(_(T(Oe)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),jn.value?(b(),m(`div`,{key:2,ref_key:`noTitle`,ref:Qt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),L.value.title.text?(b(),m(`div`,{key:3,ref_key:`chartTitle`,ref:Xt,style:`width:100%;background:transparent;padding-bottom:24px`},[(b(),f(we,{key:`title_${en.value}`,config:{title:{cy:`donut-div-title`,...L.value.title},subtitle:{cy:`donut-div-subtitle`,...L.value.title.subtitle}}},null,8,[`config`]))],512)):p(``,!0),M.value.show&&Gt.value&&(T(bn)||T(vn))?(b(),f(T(Rt),{ref_key:`userOptionsRef`,ref:rn,key:`user_option_${qt.value}`,backgroundColor:L.value.backgroundColor,color:L.value.color,isPrinting:T(Dn),isImaging:T(On),uid:Kt.value,hasTooltip:M.value.buttons.tooltip&&N.value.show,hasPdf:M.value.buttons.pdf,hasXls:M.value.buttons.csv,hasImg:M.value.buttons.img,hasSvg:M.value.buttons.svg,hasTable:M.value.buttons.table,hasLabel:M.value.buttons.labels&&j.value.type!==`violin`,hasFullscreen:M.value.buttons.fullscreen,hasAltCopy:M.value.buttons.altCopy,isTooltip:U.value.showTooltip,isFullscreen:$.value,titles:{...M.value.buttonTitles},chartElement:O.value,position:M.value.position,hasAnnotator:M.value.buttons.annotator,isAnnotation:Sr.value,callbacks:M.value.callbacks,printScale:M.value.print.scale,tableDialog:j.value.table.useDialog,isCursorPointer:R.value,onToggleFullscreen:_r,onGeneratePdf:T(kn),onGenerateCsv:hr,onGenerateImage:T(Pr),onGenerateSvg:T(Nr),onToggleTable:yr,onToggleLabels:br,onToggleTooltip:xr,onToggleAnnotator:Cr,onCopyAlt:Fr,style:y({visibility:T(bn)?T(vn)?`visible`:`hidden`:`visible`})},Ue({_:2},[S(T(Ae)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:E(n=>[C(e.$slots,t,v(_(T(je)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),h(`div`,at,[(b(),m(`svg`,{ref_key:`svgRef`,ref:z,xmlns:T(de),class:Je({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value,"vue-data-ui-no-transition":!T(fn)}),viewBox:`0 0 ${V.value} ${H.value}`,style:y(`max-width:100%; overflow: visible; background:transparent;color:${L.value.color};`),"aria-describedby":`chart-instructions-${Kt.value}`,tabindex:`0`,onFocus:Hr,onBlur:Ur,onKeydown:Wr},[Ge(T(Bt)),e.$slots[`chart-background`]?(b(),m(`foreignObject`,{key:0,x:K.value.left,y:K.value.top,width:Math.max(.1,K.value.width),height:Math.max(.1,K.value.height),style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,st)):p(``,!0),I.value.show?(b(),m(`g`,ct,[I.value.horizontalGrid.show?(b(),m(`g`,lt,[(b(!0),m(u,null,S(or.value,e=>(b(),m(`line`,{x1:e.x1,x2:e.x2,y1:e.y,y2:e.y,stroke:I.value.horizontalGrid.stroke,"stroke-width":I.value.horizontalGrid.strokeWidth,"stroke-dasharray":I.value.horizontalGrid.strokeDasharray,"stroke-linecap":`round`},null,8,ut))),256))])):p(``,!0),I.value.verticalGrid.show?(b(),m(`g`,dt,[(b(!0),m(u,null,S(q.value,(e,t)=>(b(),m(`line`,{x1:K.value.left+(t+1)*K.value.stripWidth,x2:K.value.left+(t+1)*K.value.stripWidth,y1:K.value.top,y2:K.value.bottom,stroke:I.value.verticalGrid.stroke,"stroke-width":I.value.verticalGrid.strokeWidth,"stroke-dasharray":I.value.verticalGrid.strokeDasharray,"stroke-linecap":`round`},null,8,ft))),256))])):p(``,!0),h(`line`,{x1:K.value.left,x2:K.value.left,y1:K.value.top,y2:K.value.bottom,stroke:I.value.stroke,"stroke-width":I.value.strokeWidth,"stroke-linecap":`round`},null,8,pt),h(`line`,{x1:K.value.left,x2:K.value.right,y1:K.value.bottom,y2:K.value.bottom,stroke:I.value.stroke,"stroke-width":I.value.strokeWidth,"stroke-linecap":`round`},null,8,mt)])):p(``,!0),P.value.yAxisLabels.show?(b(),m(`g`,{key:2,ref_key:`scaleLabels`,ref:cn},[(b(!0),m(u,null,S(or.value,(e,t)=>(b(),m(`text`,{class:Je({"vue-data-ui-transition":T(fn)}),key:`sl_${t}`,transform:`translate(${e.x1+P.value.yAxisLabels.offsetX-5}, ${e.y+P.value.yAxisLabels.fontSize/3})`,fill:P.value.yAxisLabels.color,"font-size":P.value.yAxisLabels.fontSize,"text-anchor":`end`},w(T(ae)(P.value.formatter,e.value,T(n)({p:P.value.prefix,v:e.value,s:P.value.suffix,r:P.value.yAxisLabels.rounding}),{datapoint:e,seriesIndex:t})),11,ht))),128))],512)):p(``,!0),P.value.xAxisLabels.show?(b(),m(`g`,{key:3,ref_key:`timeLabelsEls`,ref:sn},[(b(!0),m(u,null,S(Tr.value,(e,t)=>(b(),m(`g`,null,[String(e).includes(`
+`)?(b(),m(`text`,{key:1,class:`vue-ui-strip-plot-category-name`,transform:`translate(${K.value.left+(t+1)*K.value.stripWidth-K.value.stripWidth/2}, ${K.value.bottom+P.value.xAxisLabels.fontSize*2+P.value.xAxisLabels.offsetY}), rotate(${P.value.xAxisLabels.rotation})`,"font-size":P.value.xAxisLabels.fontSize,fill:P.value.xAxisLabels.color,"text-anchor":P.value.xAxisLabels.rotation>0?`start`:P.value.xAxisLabels.rotation<0?`end`:`middle`,innerHTML:T(s)({content:T(ue)(String(e)),fontSize:P.value.xAxisLabels.fontSize,fill:P.value.xAxisLabels.color,x:0,y:0})},null,8,_t)):(b(),m(`text`,{key:0,class:`vue-ui-strip-plot-category-name`,transform:`translate(${K.value.left+(t+1)*K.value.stripWidth-K.value.stripWidth/2}, ${K.value.bottom+P.value.xAxisLabels.fontSize*2+P.value.xAxisLabels.offsetY}), rotate(${P.value.xAxisLabels.rotation})`,"font-size":P.value.xAxisLabels.fontSize,fill:P.value.xAxisLabels.color,"text-anchor":P.value.xAxisLabels.rotation>0?`start`:P.value.xAxisLabels.rotation<0?`end`:`middle`},w(String(e)),9,gt))]))),256))],512)):p(``,!0),P.value.axis.yLabel?(b(),m(`text`,{key:4,ref_key:`yAxisLabel`,ref:on,fill:P.value.axis.color,"font-size":P.value.axis.fontSize,transform:`translate(${P.value.axis.fontSize}, ${K.value.top+K.value.height/2}) rotate(-90)`,"text-anchor":`middle`},w(P.value.axis.yLabel),9,vt)):p(``,!0),P.value.axis.xLabel?(b(),m(`text`,{key:5,ref_key:`xAxisLabel`,ref:an,fill:P.value.axis.color,"font-size":P.value.axis.fontSize,x:K.value.left+K.value.width/2,y:H.value-P.value.axis.fontSize/3,"text-anchor":`middle`},w(P.value.axis.xLabel),9,yt)):p(``,!0),Q.value?(b(),m(u,{key:6},[h(`line`,{x1:K.value.left,x2:K.value.right,y1:Q.value.y,y2:Q.value.y,stroke:Q.value.color,"stroke-width":1,class:Je({"select-circle":j.value.useCssAnimation})},null,10,bt),h(`circle`,{cx:K.value.left,cy:Q.value.y,r:3,fill:Q.value.color,class:Je({"select-circle":j.value.useCssAnimation})},null,10,xt),h(`circle`,{cx:K.value.right,cy:Q.value.y,r:3,fill:Q.value.color,class:Je({"select-circle":j.value.useCssAnimation})},null,10,St)],64)):p(``,!0),h(`defs`,null,[(b(!0),m(u,null,S(q.value,e=>(b(),f(Re,{t:`radial`,id:e.id,key:`r_${e.id}`,fy:`30%`,stops:[[`10%`,T(a)(e.color,L.value.plots.gradient.intensity/100),1],[`90%`,T(c)(e.color,.1),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128))]),(b(!0),m(u,null,S(Qn.value,(e,n)=>(b(),m(u,{key:e.id},[e.path?(b(),m(`path`,{key:0,d:e.path,fill:e.fill,stroke:e.color,"fill-opacity":F.value.opacity,"stroke-opacity":F.value.strokeOpacity,"stroke-width":F.value.strokeWidth,style:y({pointerEvents:X.value?`auto`:`none`,cursor:X.value&&R.value?`pointer`:`default`}),onMouseenter:e=>X.value&&Jn.value[n]&&pr({boxPlot:Jn.value[n],seriesIndex:n,triggerMode:`pointer`}),onMouseleave:t[0]||=e=>X.value&&fr()},null,44,Ct)):p(``,!0),(b(!0),m(u,null,S(e.connectors,(t,n)=>(b(),m(`line`,{key:`violin_connector_${e.id}_${n}`,x1:t.x,x2:t.x,y1:t.y1,y2:t.y2,stroke:e.color,"stroke-opacity":F.value.strokeOpacity,"stroke-width":F.value.strokeWidth,"stroke-linecap":`round`,style:{"pointer-events":`none`}},null,8,wt))),128))],64))),128)),(b(!0),m(u,null,S(Jn.value,(e,t)=>(b(),m(`g`,{key:`boxplot_${e.id}`,style:y({cursor:R.value?`pointer`:`default`}),onMouseenter:n=>pr({boxPlot:e,seriesIndex:t,triggerMode:`pointer`}),onMouseleave:fr},[h(`line`,{x1:e.centerX,x2:e.centerX,y1:e.upperY,y2:e.lowerY,stroke:T(c)(e.boxPlotColor,.2),"stroke-width":Math.max(1,F.value.strokeWidth),"stroke-linecap":`round`},null,8,Et),h(`rect`,{x:e.boxLeft,y:Math.min(e.q1Y,e.q3Y),width:e.boxWidth,height:Math.max(1,Math.abs(e.q3Y-e.q1Y)),fill:e.boxPlotColor,stroke:T(c)(e.boxPlotColor,.2),"stroke-width":Math.max(1,F.value.strokeWidth),rx:e.boxWidth/20},null,8,Dt),h(`circle`,{cx:e.boxLeft+e.boxWidth/2,cy:e.medianY,r:e.boxWidth/3*Math.min(1,F.value.boxPlot.medianCircleRadiusRatio),fill:F.value.boxPlot.medianCircleFill,stroke:T(c)(e.boxPlotColor,.2)},null,8,Ot)],44,Tt))),128)),(b(!0),m(u,null,S(Y.value,(t,r)=>(b(),m(u,null,[X.value?p(``,!0):(b(!0),m(u,{key:0},S(t.plots,(n,r)=>(b(),f(Fe,Ke({ref_for:!0},e.$attrs,{plot:{x:n.x,y:$t.value?n.y:K.value.top},radius:Q.value&&Q.value.id===n.id?W.value*1.5:W.value,shape:L.value.plots.shape,stroke:L.value.plots.stroke,strokeWidth:L.value.plots.strokeWidth,color:L.value.plots.gradient.show?`url(#${t.id})`:t.color,style:`transition: all 0.2s ease-in-out; opacity:${Q.value?Q.value.id===n.id?1:.2:L.value.plots.opacity};${Nn.value?`transition-delay:${r*50}ms`:``}`,class:{"vue-ui-strip-plot-animated":j.value.useCssAnimation&&Nn.value&&!T(hn),"vue-ui-strip-plot-select-circle":j.value.useCssAnimation&&!Nn.value},onMouseenter:e=>dr({datapoint:n,seriesIndex:r,triggerMode:`pointer`}),onMouseleave:e=>cr({datapoint:n,seriesIndex:r}),onClick:e=>lr({datapoint:n,seriesIndex:r})}),null,16,[`plot`,`radius`,`shape`,`stroke`,`strokeWidth`,`color`,`style`,`class`,`onMouseenter`,`onMouseleave`,`onClick`]))),256)),U.value.dataLabels.show&&!X.value?(b(),m(`g`,kt,[(b(!0),m(u,null,S(t.plots,(e,r)=>(b(),m(u,null,[r===t.plots.length-1||Q.value&&Q.value.id===e.id&&!U.value.showTooltip?(b(),m(`text`,{key:0,x:e.x,y:e.y+P.value.bestPlotLabel.offsetY-W.value*(Q.value&&Q.value.id===e.id&&!U.value.showTooltip?2:1.5),"font-size":P.value.bestPlotLabel.fontSize,fill:P.value.bestPlotLabel.color,"text-anchor":`middle`,style:y(`opacity:${j.value.useCssAnimation?+!Nn.value:1};transition:opacity 0.2s ease-in;`)},w(e.name)+` `+w(P.value.bestPlotLabel.showValue?T(ae)(P.value.formatter,e.value,T(n)({p:`(${P.value.prefix}`,v:e.value,s:`${P.value.suffix})`,r:L.value.labels.bestPlotLabel.rounding}),{datapoint:e,seriesIndex:r}):``),13,At)):p(``,!0)],64))),256))])):p(``,!0)],64))),256)),C(e.$slots,`svg`,{svg:{...K.value,isPrintingImg:T(Dn)||T(On)||T(jr),isPrintingSvg:T(Mr),boxPlotSummaries:Jn.value,series:q.value}},void 0,!0)],46,ot)),e.$slots.hint?(b(),m(`div`,jt,[C(e.$slots,`hint`,v(_({hint:j.value.a11y.translations.keyboardNavigation,isVisible:dn.value})),void 0,!0)])):p(``,!0)]),e.$slots.watermark?(b(),m(`div`,Mt,[C(e.$slots,`watermark`,v(_({isPrinting:T(Dn)||T(On)||T(jr)||T(Mr)})),void 0,!0)])):p(``,!0),e.$slots.source?(b(),m(`div`,{key:6,ref_key:`source`,ref:Zt,dir:`auto`},[C(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),Ge(T(Pt),{teleportTo:N.value.teleportTo,show:U.value.showTooltip&&Jt.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:O.value,content:Yt.value,isFullscreen:$.value,isCustom:T(i)(N.value.customFormat),smooth:N.value.smooth,backdropFilter:N.value.backdropFilter,smoothForce:N.value.smoothForce,smoothSnapThreshold:N.value.smoothSnapThreshold,isA11yMode:A.value===`keyboard`,a11yPosition:un.value},{"tooltip-before":E(()=>[C(e.$slots,`tooltip-before`,v(_({...sr.value})),void 0,!0)]),tooltip:E(()=>[C(e.$slots,`tooltip`,v(_({...sr.value})),void 0,!0)]),"tooltip-after":E(()=>[C(e.$slots,`tooltip-after`,v(_({...sr.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`]),Gt.value&&M.value.buttons.table?(b(),f(Ze(Dr.value.component),Ke({key:7},Dr.value.props,{ref_key:`tableUnit`,ref:nn,onClose:Or}),Ue({content:E(()=>[(b(),f(T(Lt),{key:`table_${tn.value}`,colNames:gr.value.colNames,head:gr.value.head,body:gr.value.body,config:gr.value.config,title:j.value.table.useDialog?``:Dr.value.title,withCloseButton:!j.value.table.useDialog,isCursorPointer:R.value,onClose:Or},{th:E(({th:e})=>[h(`div`,Nt,w(e),1)]),td:E(({td:e})=>[We(w(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[j.value.table.useDialog?{name:`title`,fn:E(()=>[We(w(Dr.value.title),1)]),key:`0`}:void 0,j.value.table.useDialog?{name:`actions`,fn:E(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>hr(M.value.callbacks.csv),style:y({cursor:R.value?`pointer`:`default`})},[Ge(T(Ft),{name:`fileCsv`,stroke:Dr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),C(e.$slots,`skeleton`,{},()=>[T(hn)?(b(),f(ve,{key:0})):p(``,!0)],!0)],46,rt))}},[[`__scopeId`,`data-v-a25ce40e`]]);export{nt as n,Pt as t};

package/dist/vue-ui-table-3F8i2ZjT.js

@@ -0,0 +1,14 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{$ as n,C as r,D as i,Ft as a,Ht as o,Jt as ee,X as te,d as s,in as ne,nt as re,r as ie}from"./lib-DqD8nbyX.js";import{n as ae,t as oe}from"./useHints-BH9r_0Vd.js";import{t as se}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as c}from"./BaseIcon-DDctLkeT.js";import{t as l}from"./vue-ui-xy-M9aD-G5a.js";import{t as ce}from"./vue-ui-donut-DMF74OY0.js";import{Fragment as u,computed as d,createBlock as le,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createTextVNode as h,createVNode as ue,defineAsyncComponent as de,nextTick as fe,normalizeClass as g,normalizeStyle as _,onMounted as pe,openBlock as v,ref as y,renderList as b,toDisplayString as x,unref as S,useCssVars as me,vModelSelect as he,vModelText as ge,watch as _e,withCtx as ve,withDirectives as ye,withKeys as be,withModifiers as xe}from"vue";var Se=/* @__PURE__ */ e({default:()=>dn}),Ce=[`innerHTML`],we=[`data-is-open`],Te={class:`vue-ui-table-export-hub-options`},Ee={class:`vue-ui-table-export-hub-option-wrapper`},De={class:`label`},Oe=[`innerHTML`],ke={class:`vue-ui-table-export-hub-option-wrapper`},Ae={class:`label`},je=[`innerHTML`],Me={class:`vue-ui-table-dialog-field`},Ne={class:`label vue-ui-table-dialog-input-label`,style:{width:`100%`}},Pe={style:{width:`fit-content`}},Fe={class:`vue-ui-table`},Ie={key:0},Le={key:0},Re={key:1},ze={key:0,style:{display:`flex`,"align-items":`center`,"justify-content":`flex-end`}},Be=[`innerHTML`],Ve={key:0,style:{"margin-left":`3px`}},He={key:0},Ue={class:`th-filter`},We={key:0,class:`th-date`},Ge={class:`date-wrapper--inputs`},Ke={class:`date-fieldset`},qe=[`for`],Je=[`id`,`onUpdate:modelValue`,`onInput`],Ye={class:`date-fieldset`},Xe=[`for`],Ze=[`id`,`onUpdate:modelValue`,`onInput`],Qe={class:`date-wrapper--button`},$e=[`onClick`],et=[`innerHTML`],tt=[`innerHTML`],nt=[`innerHTML`],rt=[`onClick`,`disabled`],it=[`placeholder`,`onUpdate:modelValue`,`name`],at=[`onClick`],ot=[`innerHTML`],st=[`innerHTML`],ct=[`innerHTML`],lt=[`onClick`,`innerHTML`],ut=[`innerHTML`],dt={key:5,class:`th-range-filter`},ft=[`for`],pt=[`id`,`max`,`min`,`onUpdate:modelValue`],mt=[`id`,`max`,`min`,`onUpdate:modelValue`],ht=[`for`],gt=[`onClick`,`disabled`],_t=[`id`],vt=[`onClick`],yt=[`onClick`,`onKeyup`],bt=[`innerHTML`,`onClick`,`onKeyup`],xt=[`data-row`],St=[`data-row`],Ct=[`data-row`,`onClick`,`onKeyup`,`id`],wt=[`innerHTML`],Tt={key:1},Et={key:2},Dt={key:5},Ot=[`innerHTML`],kt={key:0},At={style:{"margin-left":`12px`}},jt={class:`format-num`},Mt={style:{"margin-left":`12px`}},Nt={key:0,class:`format-num`},Pt={key:1,class:`format-num`},Ft={key:2},It={style:{"margin-left":`12px`}},Lt={key:0,class:`format-num`},Rt={key:1,class:`format-num`},zt={key:2},Bt={key:1,class:`vue-ui-table-paginator format-num`},Vt={key:2,class:`vue-ui-table-size-warning`},Ht=[`innerHTML`],Ut={key:4,class:`vue-ui-table-pagination format-num`},Wt=[`innerHTML`,`disabled`],Gt=[`disabled`],Kt={for:`pageScroller`,style:{"font-size":`14px`}},qt=[`max`,`value`],Jt={key:1},Yt=[`disabled`],Xt=[`innerHTML`,`disabled`],Zt={class:`vue-ui-table-chart-modal-options`},Qt=[`innerHTML`],$t=[`innerHTML`],en=[`innerHTML`],tn={style:{width:`100%`,height:`fit-content`}},nn={class:`vue-ui-table-fieldset`},rn={class:`vue-ui-table-fieldset-wrapper`},an=[`name`,`id`,`checked`,`onInput`],on=[`for`],sn=[`disabled`],cn=[`innerHTML`],ln={style:{width:`100%`,"margin-bottom":`12px`}},un={key:2,style:{width:`100%`,"margin-bottom":`32px`}},dn=/*#__PURE__*/ se({__name:`vue-ui-table`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`page-change`],setup(e,{expose:se,emit:Se}){me(e=>({v6b779b9d:Ln.value,v71f90aa0:Rn.value,v82bf5584:Hn.value,bc0e3a90:zn.value,v4bc5be6a:Un.value,v542dfbf0:Wn.value,v5935dfae:Bn.value,v23648322:Vn.value,v98d33e98:Gn.value}));let dn=de(()=>import(`./BaseDraggableDialog-Bw_azO0n.js`).then(e=>e.n)),C=e,fn=Se,{vue_ui_table:pn}=t(),mn=te();y(null);let hn=y(null),gn=y(null),w=y({height:316,type:`bar`,width:512}),T=y({ASC:1,BAR:`bar`,DATE:`date`,DESC:-1,DONUT:`donut`,LINE:`line`,NUMERIC:`numeric`,PERCENTAGE:`percentage`,TEXT:`text`}),_n=y(100),vn=y(100);y(0),y(0),y(400),y(200);let yn=y({CELL:`smart-td-selected`,FIRST_TD:`smart-td-selected-first`,LAST_TD:`smart-td-selected-last`,ROW:`smart-td-selected-neighbor`}),bn=y(void 0),xn=y(void 0),E=y({col:void 0,rows:[]}),D=y(0),O=y(20),Sn=y(!1),Cn=y(!1),k=y({}),A=y({}),wn=y({}),j=y({}),M=y({}),N=y({}),P=y({}),F=y({}),I=y({}),Tn=y(C.config.rowsPerPage?C.config.rowsPerPage:25),En=y([.../* @__PURE__ */ new Set([10,25,50,100,250,500,C.config.rowsPerPage?C.config.rowsPerPage:25,C.dataset.body.length])].sort((e,t)=>e-t)),Dn=y(void 0),L=y(void 0),On=y(void 0),R=y(!1),kn=y(0),An=y(``),jn=y(``),z=y(!1),B=y(JSON.parse(JSON.stringify(C.dataset.body)).map((e,t)=>({...e,absoluteIndex:t}))),Mn=y(JSON.parse(JSON.stringify(C.dataset.body)).map((e,t)=>({...e,absoluteIndex:t}))),V=y(JSON.parse(JSON.stringify(C.dataset.header)).map((e,t)=>({average:Object.hasOwn(e,`average`)?e.average:!1,decimals:Object.hasOwn(e,`decimals`)?e.decimals:0,isMultiselect:Object.hasOwn(e,`isMultiselect`)?e.isMultiselect:!1,isPercentage:Object.hasOwn(e,`isPercentage`)?e.isPercentage:!1,isSearch:Object.hasOwn(e,`isSearch`)?e.isSearch:!1,isSort:Object.hasOwn(e,`isSort`)?e.isSort:!1,name:e.name,percentageTo:Object.hasOwn(e,`percentageTo`)?e.percentageTo:void 0,prefix:Object.hasOwn(e,`prefix`)?e.prefix:``,rangeFilter:Object.hasOwn(e,`rangeFilter`)?e.rangeFilter:!1,suffix:Object.hasOwn(e,`suffix`)?e.suffix:``,sum:Object.hasOwn(e,`sum`)?e.sum:!1,type:e.type,index:t}))),Nn=d(()=>hn.value?hn.value.getBoundingClientRect().height+3:3),H=d(()=>{if(!Object.keys(C.config||{}).length)return pn;let e=ne({defaultConfig:pn,userConfig:C.config});return r(e)}),U=d(()=>H.value.style.exportMenu),W=d(()=>H.value.style.title),G=d(()=>H.value.style.th),K=d(()=>H.value.style.inputs),Pn=d(()=>H.value.style.dropdowns),Fn=d(()=>H.value.style.closeButtons),q=d(()=>H.value.style.rows),J=d(()=>H.value.style.pagination),Y=d(()=>H.value.style.chart),In=d(()=>H.value.style);ae({config:()=>H.value,dataset:()=>C.dataset,component:`VueUiTable`,rules:[oe.noHint]});let X=d(()=>H.value.useCursorPointer),Ln=d(()=>G.value.buttons.cancel.inactive.backgroundColor),Rn=d(()=>G.value.buttons.cancel.inactive.color),zn=d(()=>G.value.buttons.cancel.active.backgroundColor),Bn=d(()=>G.value.buttons.filter.active.backgroundColor),Vn=d(()=>G.value.buttons.filter.active.color),Hn=d(()=>a(zn.value,.33)),Un=d(()=>ee(zn.value,33)),Wn=d(()=>a(Bn.value,.33)),Gn=d(()=>ee(Bn,33)),Kn=d(()=>[...V.value].filter(e=>e.type===T.value.DATE)),qn=d(()=>[``,...Kn.value.map(e=>e.name)]),Jn=d(()=>{let e=Kn.value.find(e=>e.name===An.value);return e?e.index:null}),Z=d(()=>{let e=[];if(B.value.length)for(let t=0;t<B.value.length;t+=Tn.value)e.push(B.value.slice(t,t+Tn.value));return e}),Yn=d(()=>Z.value[D.value]),Xn=d(()=>Jn.value==null?[]:Yn.value.map(e=>e.td[Jn.value])),Zn=d(()=>Object.keys(M.value).map(e=>({index:e,name:C.dataset.header[e].name,options:M.value[e]}))),Qn=d(()=>H.value.useChart&&E.value.rows.length>1),$n=d(()=>C.dataset.header.map(e=>e.type).includes(T.value.NUMERIC)),Q=d(()=>({arrowSort:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>`,bar:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M4 20l14 0" /></svg>`,chart:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19l16 0" /><path d="M4 15l4 -6l4 2l4 -5l4 4" /></svg>`,chevronDown:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9l6 6l6 -6" /></svg>`,chevronLeft:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value*1.6}" height="${O.value*1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>`,chevronRight:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value*1.6}" height="${O.value*1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>`,donut:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value*.8}" height="${O.value*.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v5m4 4h5" /><path d="M8.929 14.582l-3.429 2.918" /><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>`,export:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" /><path d="M3 10h18" /><path d="M10 3v18" /><path d="M16 19h6" /><path d="M19 16l3 3l-3 3" /></svg>`,fileDownload:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M12 17v-6" /><path d="M9.5 14.5l2.5 2.5l2.5 -2.5" /></svg>`,filter:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" /></svg>`,move:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9l3 3l-3 3" /><path d="M15 12h6" /><path d="M6 9l-3 3l3 3" /><path d="M3 12h6" /><path d="M9 18l3 3l3 -3" /><path d="M12 15v6" /><path d="M15 6l-3 -3l-3 3" /><path d="M12 3v6" /></svg>`,sort09:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 3a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 16m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 16v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,sort90:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 14a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 5v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,sortAZ:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 21h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,sortZA:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 10h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,sum:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>`,table:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" fill="white" d="M 10 2, 21 2, 21 21, 10 21Z"/><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /><path d="M3 10h18" /><path d="M10 3v18" /></svg>`,warning:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value*.8}" height="${O.value*.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,grip:`<svg xmlns="http://www.w3.org/2000/svg" width="${O.value}" height="${O.value}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`})),er=d(()=>B.value.map(e=>e.td)),tr=d(()=>({sumPercentage:Number((E.value.rows.map(e=>e.value).reduce((e,t)=>e+t,0)*100).toFixed(C.dataset.header[E.value.col].decimals)).toLocaleString(),sumRegular:Number(E.value.rows.map(e=>e.value).reduce((e,t)=>e+t,0).toFixed(C.dataset.header[E.value.col].decimals)).toLocaleString(),averagePercentage:Number((E.value.rows.map(e=>e.value).reduce((e,t)=>e+t,0)/E.value.rows.length*100).toFixed(C.dataset.header[E.value.col].decimals)).toLocaleString(),averageRegular:Number((E.value.rows.map(e=>e.value).reduce((e,t)=>e+t,0)/E.value.rows.length).toFixed(C.dataset.header[E.value.col].decimals)).toLocaleString()})),nr=y({width:1e3,height:500});function rr({width:e,height:t}){nr.value={width:e,height:t}}let ir=d(()=>{if(!Qn.value)return[];let e=nr.value.height,t=nr.value.width,n=t/E.value.rows.length,r=Math.max(...E.value.rows.map(e=>e.value)),i=Math.min(...E.value.rows.map(e=>e.value)),o=C.dataset.header[E.value.col].isPercentage&&C.dataset.header[E.value.col].percentageTo,ee=w.value.type===T.value.DONUT&&L.value&&L.value.name,te=C.dataset.header[E.value.col].name+(o?` / ${C.dataset.header[N.value[E.value.col].referenceIndex].name}`:``)+(ee?` ${H.value.translations.by} ${L.value.name}`:``),ne=C.dataset.header[E.value.col].prefix,re=C.dataset.header[E.value.col].suffix,ae=[{name:te,series:E.value.rows.map(e=>e.value),type:`line`,useProgression:!0,smooth:Y.value.layout.line.smooth,color:Y.value.layout.line.stroke,useArea:Y.value.layout.line.useArea}],oe=[{name:te,series:E.value.rows.map(e=>e.value),type:`bar`,useProgression:!0,color:Y.value.layout.bar.fill}],se=Y.value.modal.backgroundColor,c=ie(se),l=C.dataset.header[E.value.col].decimals,ce={useCssAnimation:!1,chart:{width:t,height:e-250,backgroundColor:se,color:c,labels:{fontSize:18,prefix:ne,suffix:re},grid:{stroke:a(c,.5),labels:{color:c,xAxisLabels:{color:c,show:Xn.value.length,values:Xn.value,datetimeFormatter:Y.value.layout.datetimeFormatter,showOnlyAtModulo:Y.value.layout.timeLabels.showOnlyAtModulo,modulo:Y.value.layout.timeLabels.modulo}}},highlighter:{color:c},legend:{color:c,show:!1},title:{text:te,color:c,textAlign:`center`,fontSize:18},tooltip:{showTimeLabel:Xn.value.length,backgroundOpacity:30,color:c,backgroundColor:se,showPercentage:!1,roundingValue:l},userOptions:{buttons:{pdf:!1,csv:!1,table:!1,annotator:!1}},zoom:{show:Y.value.layout.zoom.show,autoFit:Y.value.layout.zoom.autoFit,focusOnDrag:!0,minimap:{show:!0}}},line:{labels:{show:!0,color:c,rounding:l},dot:{useSerieColor:!1,fill:Y.value.layout.line.plot.fill,strokeWidth:Y.value.layout.line.plot.strokeWidth}},bar:{useGradient:!1,border:{useSerieColor:!1,stroke:Y.value.layout.bar.stroke,strokeWidth:Y.value.layout.bar.strokeWidth},labels:{show:!0,color:c,rounding:l}}},u=i>=0?0:Math.abs(i),d=r+u,le=C.dataset.header[E.value.col].isPercentage,f=E.value.rows.map((t,r)=>({x:n*r+n/2,y:(1-(t.value+u)/d)*e,value:le?t.value*100:t.value,suffix:le?`%`:C.dataset.header[E.value.col].suffix?C.dataset.header[E.value.col].suffix:``,prefix:C.dataset.header[E.value.col].prefix?C.dataset.header[E.value.col].prefix:``,index:t.index,absoluteValue:le?Math.abs(t.value)*100:Math.abs(t.value)}));return{donutConfig:{useCssAnimation:!1,userOptions:{position:`left`,buttons:{pdf:!1,csv:!1,table:!1,annotator:!1}},style:{chart:{backgroundColor:se,color:c,layout:{curvedMarkers:!0,donut:{strokeWidth:64},labels:{dataLabels:{suffix:le?`%`:``,prefix:ne},value:{rounding:l},percentage:{color:c,rounding:l},name:{color:c},hollow:{average:{color:c,text:H.value.translations.average,value:{color:c}},total:{color:c,offsetY:-12,text:H.value.translations.total,value:{color:c,offsetY:-12}}}}},legend:{backgroundColor:se,color:c,roundingValue:l,roundingPercentage:l},padding:{left:12,right:12},title:{text:te,color:c,fontSize:18},tooltip:{backgroundOpacity:30,color:c,backgroundColor:se,roundingValue:l,roundingValue:l}}}},xyConfig:ce,xyDatasetLine:ae,xyDatasetBar:oe,progression:f.length>=2&&s(f)}});function ar(){let e=L.value.options.map((e,t)=>({name:e,color:o[t]||o[t%o.length],values:[Yn.value.filter((t,n)=>t.td[L.value.index]===e&&E.value.rows.map(e=>e.index).includes(n)).map(e=>e.td[E.value.col]).reduce((e,t)=>Math.abs(e)+Math.abs(t),0)],absoluteValue:Yn.value.filter((t,n)=>t.td[L.value.index]===e&&E.value.rows.map(e=>e.index).includes(n)).map(e=>e.td[E.value.col]).reduce((e,t)=>e+t,0)})).sort((e,t)=>t.value-e.value);bn.value=e,fe(()=>{w.value.type=T.value.DONUT,z.value=!1})}function or(e,t){return!A.value[e]&&(t.isSort||t.isSearch||t.isMultiselect||t.rangeFilter)&&![T.value.DATE].includes(t.type)}function sr(e=`all`){let t=C.dataset.header.map(e=>e.name),n=e===`all`?B.value.map(e=>e.td):Yn.value.map(e=>e.td),r=[t].concat(n),a=i(r);re({csvContent:a,title:jn.value})}function cr(){let e=document.getElementsByClassName(`th-dropdown`);e.length&&Array.from(e).forEach(e=>{e.dataset.isOpen=!1})}function lr(e,t){let n;clearTimeout(n),n=setTimeout(e,t)}function ur(){let e=document.getElementsByClassName(`tr_${mn}`);Array.from(e).forEach(e=>{Array.from(e.getElementsByTagName(`td`)).forEach(e=>{e.dataset.row===`even`?(e.style.background=q.value.even.backgroundColor,e.style.color=q.value.even.color):(e.style.background=q.value.odd.backgroundColor,e.style.color=q.value.odd.color)})}),Array.from(e).forEach(e=>e.dataset.selected=`false`),D.value>Z.value.length-1&&(D.value=Z.value.length-1),R.value=!1,bn.value=void 0,Dn.value=void 0,w.value.type=T.value.BAR,E.value={col:void 0,rows:[]},_n.value=100,vn.value=100}function dr(e,t){B.value=e.filter(e=>e.td[t]>=P.value[t].min&&e[t]<=P.value[t].max)}function fr(e,t){if(I.value[t]===T.value.ASC&&(e=e.sort((e,n)=>e[t]-n[t])),I.value[t]===T.value.DESC)e=e.sort((e,n)=>n[t]-e[t]);else return 0}function pr(){ur(),Object.keys(P.value).forEach(e=>{dr(B.value,e)}),Object.keys(I.value).forEach(e=>{fr(B.value,e)}),xn.value!==void 0&&fr(B.value,xn.value),C.dataset.header.forEach((e,t)=>{if(e.isPercentage){let e=N.value[t].referenceIndex,n=B.value.map(t=>t.td[e]).reduce((e,t)=>e+t,0);B.value.forEach(r=>{r.td[t]=r.td[e]/n})}}),D.value>Z.value.length-1&&(D.value=Z.value.length-1),[-1].includes(D.value)&&(D.value=0)}function mr(){B.value=Mn.value.filter(e=>{for(let t in F.value)if(!e.td[t].toUpperCase().includes(F.value[t].toUpperCase()))return!1;for(let t in M.value)if(!M.value[t].some(n=>n===e.td[t]))return!1;for(let t in k.value){let n=new Date(e.td[t]),r=new Date(k.value[t].from),i=new Date(k.value[t].to);if(n<r||n>i)return!1}return!0}),pr()}function hr(e){return er.value.map(t=>t[e]).map(e=>isNaN(Number(e))?0:e).reduce((e,t)=>e+t,0)/B.value.length}function gr(e){let t=C.dataset.body.map(t=>new Date(t.td[e])),n=new Date(Math.min(...t)),r=new Date(Math.max(...t)),i=n.getFullYear(),a=r.getFullYear(),o=String(n.getMonth()+1).padStart(2,`0`),ee=String(r.getMonth()+1).padStart(2,`0`),te=String(n.getDate()).padStart(2,`0`),s=String(r.getDate()).padStart(2,`0`);return{from:`${i}-${o}-${te}`,to:`${a}-${ee}-${s}`}}function $(e){return[...new Set(C.dataset.body.map(t=>t.td[e]))]}function _r(e){return er.value.map(t=>t[e]).map(e=>isNaN(Number(e))?0:e).reduce((e,t)=>e+t,0)}function vr(e){return e.includes(NaN)}function yr(e,t){return!M.value[t]||M.value[t].includes(e)}function br(e){return!isNaN(Number(String(e).replaceAll(`%`,``)))}function xr(e,t){let n=t.isSort,r=t.isSearch,i=t.isMultiselect&&M.value[e],a=t.rangeFilter,o=e=>{if(a&&P.value[e])return Math.round(P.value[e].min)===j.value[e].min&&Math.round(P.value[e].max)===j.value[e].max};if(n&&r&&i&&a)return[``,void 0].includes(F.value[e])&&[void 0].includes(I.value[e])&&M.value[e].length===$(e).length&&o(e);if(n&&r&&i)return[``,void 0].includes(F.value[e])&&[void 0].includes(I.value[e])&&M.value[e].length===$(e).length;if(n&&r&&a)return[``,void 0].includes(F.value[e])&&[void 0].includes(I.value[e])&&o(e);if(n&&r)return[``,void 0].includes(F.value[e])&&[void 0].includes(I.value[e]);if(n&&i&&a)return[void 0].includes(I.value[e])&&M.value[e].length===$(e).length&&o(e);if(n&&i)return[void 0].includes(I.value[e])&&M.value[e].length===$(e).length;if(r&&i&&a)return[``,void 0].includes(F.value[e])&&M.value[e].length===$(e).length&&o(e);if(r&&i)return[``,void 0].includes(F.value[e])&&M.value[e].length===$(e).length;if(r&&a)return[``,void 0].includes(F.value[e])&&o(e);if(r)return[``,void 0].includes(F.value[e]);if(n&&a)return[void 0].includes(I.value[e])&&o(e);if(n)return[void 0].includes(I.value[e]);if(i&&a)return M.value[e].length===$(e).length&&o(e);if(i)return M.value[e].length===$(e).length}function Sr(){return{totalPages:Z.value.length,itemsPerPage:Tn.value,currentPage:D.value,currentPageData:Yn.value.map(e=>e.td)}}se({getCurrentPageData:Sr});function Cr(){fn(`page-change`,Sr())}let wr=y(null);function Tr(e){if(ur(),e===`next`&&D.value<Z.value.length){if(D.value+1>Z.value.length-1)return;D.value+=1}else if(e===`previous`&&D.value>=1)--D.value;else{if(e-1<0||e>Z.value.length||e===`previous`)return;D.value=e-1}Cr(),wr.value&&wr.value.scrollTo({top:0,left:0,behavior:`smooth`})}function Er(e){e.preventDefault();let t=e.keyCode;if(![38,40,37,39].includes(t))return;let n=e.target.id.match(/cell_(\d+)_(\d+)_([0-9a-fA-F-]{36})/),r=parseInt(n[1]),i=parseInt(n[2]),a=document.getElementById(`cell_${r}_${i+1}_${mn}`),o=document.getElementById(`cell_${r}_${i-1}_${mn}`),ee=document.getElementById(`cell_${r+1}_${i}_${mn}`),te=document.getElementById(`cell_${r-1}_${i}_${mn}`),s;switch(!0){case t===39:s=a;break;case t===37:s=o;break;case t===38:s=te;break;case t===40:s=ee;break;default:return}s&&(s.focus(),s.scrollIntoView({behavior:`smooth`,block:`center`}))}function Dr(e){let t=0;for(let n=0;n<e.length;n+=1)t+=e.charCodeAt(n);return t}async function Or(){return new Promise(e=>{let t=[];V.value.forEach((e,n)=>{if(e.isSearch&&Object.assign(F.value,{[n]:``}),e.isMultiselect&&Object.assign(M.value,{[n]:$(n)}),e.type===T.value.DATE&&(Object.assign(k.value,{[n]:gr(n)}),Object.assign(wn.value,{[n]:!1})),(e.isPercentage||e.percentageTo)&&Object.assign(N.value,{[n]:{reference:e.percentageTo,referenceIndex:C.dataset.header.map(e=>e.name).indexOf(e.percentageTo)}}),e.rangeFilter&&(Object.assign(P.value,{[n]:{min:Math.round(Math.min(...C.dataset.body.map(e=>e.td).map(e=>e[n]))),max:Math.round(Math.max(...C.dataset.body.map(e=>e.td).map(e=>e[n])))}}),Object.assign(j.value,{[n]:{min:Math.round(Math.min(...C.dataset.body.map(e=>e.td).map(e=>e[n]))),max:Math.round(Math.max(...C.dataset.body.map(e=>e.td).map(e=>e[n])))}})),e.isPercentage){let r=C.dataset.header.map(e=>e.name).indexOf(e.percentageTo),i=C.dataset.body.map(e=>e.td[r]).reduce((e,t)=>e+t,0);t.push([n,r,i])}e.type===T.value.NUMERIC&&!e.isPercentage&&Object.assign(A.value,{[n]:vr(C.dataset.body.map(e=>Number(e.td[n])))})}),B.value.forEach((e,n)=>{t.map(t=>{let[n,r,i]=t;e.td[n]=e.td[r]/i}),e.td.forEach((t,r)=>{C.dataset.header[r].type===T.value.TEXT&&C.dataset.header[r].isSearch&&(e[r]=Dr(t)),C.dataset.header[r].type===T.value.DATE&&(e[r]=new Date(t).getTime()),C.dataset.header[r].type===T.value.NUMERIC&&(e[r]=isNaN(Number(t))?r:t),Mn.value[n][r]=e[r]})}),e(!0)})}function kr(e,t){return new Promise((n,r)=>{e().then(e=>{try{n(t(e))}catch(e){r(e)}}).catch(e=>{r(e)})})}async function Ar(e){k.value[e]={from:gr(e).from,to:gr(e).to},wn.value[e]=!1,await fe(),mr()}function jr(e,t,n){let r=n.currentTarget;clearTimeout(gn.value),r.classList.add(`clicked`),gn.value=setTimeout(()=>{r.classList.remove(`clicked`)},200),xn.value=void 0,t.rangeFilter&&(P.value[e].min=j.value[e].min,P.value[e].max=j.value[e].max),t.isMultiselect?(M.value[e]=$(e),t.type===T.value.TEXT&&(I.value[e]=void 0),t.isSearch&&(F.value[e]=``)):t.type===T.value.NUMERIC?I.value[e]=void 0:t.type===T.value.TEXT?(I.value[e]=void 0,F.value[e]=``):t.type===T.value.DATE&&(I.value[e]=void 0),mr()}function Mr({td:e,rowIndex:t,colIndex:n,headerType:r,event:i}){if(r!==T.value.NUMERIC||isNaN(Number(e))){ur();return}E.value.col!==n&&ur();let a=i.currentTarget.parentNode;E.value.col=n,E.value.rows.map(e=>e.index).includes(t)?(a.dataset.selected=`false`,E.value.rows=E.value.rows.filter(e=>e.index!==t),i.currentTarget.classList.remove(yn.value.CELL),Array.from(a.children).forEach((e,t)=>{e.dataset.row===`even`?(e.style.background=q.value.even.backgroundColor,e.style.color=q.value.even.olor):(e.style.background=q.value.odd.backgroundColor,e.style.color=q.value.odd.color)}),i.currentTarget.dataset.row===`even`?(i.currentTarget.style.background=q.value.even.backgroundColor,i.currentTarget.style.color=q.value.even.color):(i.currentTarget.style.background=q.value.odd.backgroundColor,i.currentTarget.style.color=q.value.odd.color)):(a.dataset.selected=`true`,E.value.rows.push({index:t,value:e}),Array.from(a.children).forEach((e,t)=>{e.dataset.row===`even`?(e.style.background=q.value.even.selectedNeighbors.backgroundColor,e.style.color=q.value.even.selectedNeighbors.color):(e.style.background=q.value.odd.selectedNeighbors.backgroundColor,e.style.color=q.value.odd.selectedNeighbors.color)}),i.currentTarget.dataset.row===`odd`?(i.currentTarget.style.background=q.value.odd.selectedCell.backgroundColor,i.currentTarget.style.color=q.value.odd.selectedCell.color):(i.currentTarget.style.background=q.value.even.selectedCell.backgroundColor,i.currentTarget.style.color=q.value.even.selectedCell.color)),E.value.rows=E.value.rows.sort((e,t)=>e.index-t.index),w.value.type===T.value.DONUT&&E.value.rows.length>0&&ar()}function Nr(e){E.value.col===e?(Dn.value=void 0,ur()):(Yn.value.forEach((t,n)=>{Mr({td:t.td[e],rowIndex:n,colIndex:e,headerType:T.value.NUMERIC,event:{currentTarget:document.getElementById(`cell_${n}_${e}_${mn}`)}})}),Dn.value=e)}async function Pr(e,t){M.value[t].includes(e)?M.value[t]=M.value[t].filter(t=>t!==e):M.value[t].push(e),await fe(),mr()}function Fr(e){wn.value[e]=gr(e).from!==k.value[e].from||gr(e).to!==k.value[e].to}function Ir(e,t){xn.value=e;let n=t.currentTarget;clearTimeout(gn.value),n.classList.add(`clicked`),gn.value=setTimeout(()=>{n.classList.remove(`clicked`)},200),I.value[e]===1?I.value[e]=T.value.DESC:I.value[e]=T.value.ASC,pr()}function Lr(e,t,n){let r=n.currentTarget;clearTimeout(gn.value),r.classList.add(`clicked`),gn.value=setTimeout(()=>{r.classList.remove(`clicked`)},200);let i=document.getElementById(`th_dropdown_${e}`);i.dataset.isOpen===`false`?i.dataset.isOpen=`true`:i.dataset.isOpen=`false`}function Rr(e){ur(),!e||!e.target.value?D.value=0:D.value=Number(e.target.value),Cr()}let zr=y(null);pe(()=>{if(C.dataset.header.length===0)throw Error(`vue-ui-table error: missing header data.
+Provide an array of objects of type:
+{
+ name: string;
+ type: string; ('text' | 'numeric' | 'date')
+ average: boolean;
+ decimals: number | undefined;
+ sum: boolean;
+ isSort:boolean;
+ isSearch: boolean;
+ isMultiselect: boolean;
+ isPercentage: boolean;
+ percentageTo: string; (or '')
+}`);if(C.dataset.body.length===0)throw Error(`vue-ui-table error: missing body data`);Cn.value=!0,kr(Or,async()=>{await fe(),Cn.value=!1}),document.addEventListener(`keydown`,e=>{let t=document.activeElement;(t&&Array.from(t.classList).includes(`td-focusable`)&&e.key.includes(`Arrow`)||e.code===`Space`)&&e.preventDefault()}),jn.value=U.value.filename,An.value=Kn.value[0]?.name??``}),_e(()=>C.dataset,e=>{Cn.value=!0,B.value=JSON.parse(JSON.stringify(e.body)).map((e,t)=>({...e,absoluteIndex:t})),Mn.value=JSON.parse(JSON.stringify(e.body)).map((e,t)=>({...e,absoluteIndex:t})),V.value=JSON.parse(JSON.stringify(e.header)).map((e,t)=>({average:Object.hasOwn(e,`average`)?e.average:!1,decimals:Object.hasOwn(e,`decimals`)?e.decimals:0,isMultiselect:Object.hasOwn(e,`isMultiselect`)?e.isMultiselect:!1,isPercentage:Object.hasOwn(e,`isPercentage`)?e.isPercentage:!1,isSearch:Object.hasOwn(e,`isSearch`)?e.isSearch:!1,isSort:Object.hasOwn(e,`isSort`)?e.isSort:!1,name:e.name,percentageTo:Object.hasOwn(e,`percentageTo`)?e.percentageTo:void 0,prefix:Object.hasOwn(e,`prefix`)?e.prefix:``,rangeFilter:Object.hasOwn(e,`rangeFilter`)?e.rangeFilter:!1,suffix:Object.hasOwn(e,`suffix`)?e.suffix:``,sum:Object.hasOwn(e,`sum`)?e.sum:!1,type:e.type,index:t})),E.value={col:void 0,rows:[]},Dn.value=void 0,Tn.value=C.config.rowsPerPage?C.config.rowsPerPage:25,N.value={},k.value={},wn.value={},A.value={},j.value={},P.value={},M.value={},F.value={},I.value={},R.value=!1,bn.value=void 0,L.value=void 0,On.value=void 0,z.value=!1,E.value.col=void 0,E.value.rows=[],kr(Or,async()=>{Rr(),await fe(),Cn.value=!1})},{immediate:!0,deep:!0});let Br=y(null);return _e(Sn,e=>{e&&Br.value&&Br.value.focus()}),_e(R,e=>{e?zr.value&&zr.value.open():zr.value&&zr.value.close()}),(t,r)=>(v(),p(`div`,{class:`vue-data-ui-component vue-ui-table-main`,style:_(`font-family: ${H.value.fontFamily}`)},[U.value.show?(v(),p(`div`,{key:0,class:`vue-ui-table-export-hub`,style:_({top:Nn.value+`px`})},[m(`button`,{onClick:r[0]||=e=>Sn.value=!Sn.value,innerHTML:Q.value.export,style:_(`background:${U.value.backgroundColor};color:${U.value.color};cursor:${X.value?`pointer`:`default`}`)},null,12,Ce),m(`div`,{class:`vue-ui-table-export-hub-dropdown`,"data-is-open":Sn.value||`false`,style:_(`background:${U.value.backgroundColor};color:${U.value.color}`)},[r[24]||=m(`b`,{class:`vue-ui-table-export-hub-title`},` Export `,-1),m(`button`,{class:`close-dropdown`,onClick:r[1]||=e=>Sn.value=!1,style:_(`background:${Fn.value.backgroundColor};color:${Fn.value.color};border-radius:${Fn.value.borderRadius}`)},` ✖ `,4),m(`div`,Te,[m(`div`,Ee,[m(`div`,De,x(H.value.translations.exportAllLabel)+` (`+x(B.value.length)+`) `,1),m(`button`,{id:`exportAll`,onClick:r[2]||=e=>sr(`all`),style:_(`background:${U.value.buttons.backgroundColor};color:${U.value.buttons.color};cursor:${X.value?`pointer`:`default`}`)},[m(`div`,{innerHTML:Q.value.fileDownload},null,8,Oe),m(`span`,null,x(H.value.translations.exportAllButton),1)],4)]),m(`div`,ke,[m(`div`,Ae,x(H.value.translations.exportPageLabel),1),m(`button`,{id:`exportPage`,onClick:r[3]||=e=>sr(`page`),style:_(`background:${U.value.buttons.backgroundColor};color:${U.value.buttons.color};cursor:${X.value?`pointer`:`default`}`)},[m(`div`,{innerHTML:Q.value.fileDownload},null,8,je),m(`span`,null,x(H.value.translations.exportPageButton),1)],4)]),m(`div`,Me,[m(`label`,Ne,[m(`span`,Pe,x(H.value.translations.filename),1),ye(m(`input`,{name:`filename`,ref_key:`filenameInputRef`,ref:Br,onKeydown:r[4]||=be(xe(()=>{},[`stop`]),[`space`]),pattern:`.*`,class:`vue-ui-table-dialog-input`,type:`text`,"onUpdate:modelValue":r[5]||=e=>jn.value=e},null,544),[[ge,jn.value]])]),jn.value?(v(),p(`button`,{key:0,class:`vue-ui-table-dialog-field-button`,onClick:r[6]||=e=>jn.value=``,style:_({cursor:X.value?`pointer`:`default`})},[ue(c,{name:`close`,stroke:U.value.color,size:18},null,8,[`stroke`])],4)):f(``,!0)])])],12,we)],4)):f(``,!0),m(`div`,{class:`vue-ui-table__wrapper`,style:_(`max-height:${H.value.maxHeight}px`),ref_key:`tableWrapper`,ref:wr},[m(`table`,Fe,[W.value.text?(v(),p(`caption`,{key:0,class:`vue-ui-table__caption`,ref_key:`tableCaption`,ref:hn,style:_({textAlign:W.value.textAlign,paddingLeft:W.value.paddingLeft+`px`,paddingRight:W.value.paddingRight+`px`,backgroundColor:W.value.backgroundColor,boxShadow:`${W.value.backgroundColor} -1px 0px 0px 0px`})},[m(`span`,{style:_({fontSize:W.value.fontSize+`px`,fontWeight:W.value.bold?`bold`:`normal`,color:W.value.color})},x(W.value.text),5),W.value.subtitle.text?(v(),p(u,{key:0},[r[25]||=m(`br`,null,null,-1),m(`span`,{style:_({fontSize:W.value.subtitle.fontSize,fontWeight:W.value.subtitle.bold?`bold`:`normal`,color:W.value.subtitle.color})},x(W.value.subtitle.text),5)],64)):f(``,!0)],4)):f(``,!0),m(`thead`,{id:`tableHead`,class:`vue-ui-table__head`,style:_({background:G.value.backgroundColor,boxShadow:`-1px 0 0 ${G.value.backgroundColor}`,top:Nn.value-3+`px`})},[m(`tr`,null,[r[26]||=m(`th`,{class:`invisible-cell`},null,-1),(v(!0),p(u,null,b(V.value,(e,t)=>(v(),p(`th`,{key:`thead_${t}`,style:_(`overflow: visible;background:${G.value.backgroundColor};color:${G.value.color};outline:${G.value.outline}`),class:g({"th-has-nan":A.value[t]})},[$n.value&&([T.value.TEXT,T.value.DATE].includes(e.type)||e.isPercentage)?(v(),p(`span`,Ie,[h(x(e.name)+` `,1),e.isPercentage?(v(),p(`span`,Le,` / `+x(e.percentageTo),1)):f(``,!0)])):(v(),p(`span`,Re,x(e.name),1))],6))),128))]),$n.value?(v(),p(u,{key:0},[m(`tr`,null,[r[27]||=m(`th`,{class:`invisible-cell`},null,-1),(v(!0),p(u,null,b(V.value,(e,t)=>(v(),p(`th`,{key:`thead_${t}`,class:g({"th-numeric":!0,"th-has-nan":A.value[t]}),style:_(`background:${G.value.backgroundColor};color:${G.value.color};outline:${G.value.outline}`)},[e.sum&&!A.value[t]?(v(),p(`span`,ze,[m(`span`,{innerHTML:Q.value.sum,style:{"margin-bottom":`-4px`,"margin-right":`3px`}},null,8,Be),h(` `+x(S(n)({p:e.prefix,v:Number(_r(t)),s:e.suffix,r:e.decimals}))+` `,1),N.value[t]&&e.percentageTo&&!e.isPercentage?(v(),p(`span`,Ve,` (`+x(isNaN(_r(t)/_r(N.value[t].referenceIndex))?`-`:S(n)({v:_r(t)/_r(N.value[t].referenceIndex)*100,s:`%`,r:e.decimals}))+`) `,1)):f(``,!0)])):f(``,!0)],6))),128))]),m(`tr`,null,[r[28]||=m(`th`,{class:`invisible-cell`},null,-1),(v(!0),p(u,null,b(V.value,(e,t)=>(v(),p(`th`,{key:`thead_${t}`,class:g({"th-numeric":!0,"th-has-nan":A.value[t]}),style:_(`background:${G.value.backgroundColor};color:${G.value.color};outline:${G.value.outline}`)},[e.average&&!A.value[t]?(v(),p(`span`,He,` ~ `+x(isNaN(hr(t))?``:S(n)({p:e.prefix,v:Number(hr(t)),s:e.suffix,r:e.decimals})),1)):f(``,!0)],6))),128))]),m(`tr`,null,[r[31]||=m(`th`,{class:`invisible-cell`},null,-1),(v(!0),p(u,null,b(V.value,(e,t)=>(v(),p(`th`,{key:`thead_${t}`,class:g({"th-has-nan":A.value[t]}),style:_(`background:${G.value.backgroundColor};color:${G.value.color};outline:${G.value.outline}`)},[m(`div`,Ue,[e.type===T.value.DATE&&k.value[t]?(v(),p(`div`,We,[m(`div`,Ge,[m(`div`,Ke,[m(`label`,{for:`from_${t}`},x(H.value.translations.from),9,qe),ye(m(`input`,{id:`from_${t}`,type:`date`,"onUpdate:modelValue":e=>k.value[t].from=e,onInput:e=>{mr(),Fr(t)},style:_(`background:${K.value.backgroundColor};color:${K.value.color};border:${K.value.border}`)},null,44,Je),[[ge,k.value[t].from]])]),m(`div`,Ye,[m(`label`,{for:`to_${t}`},x(H.value.translations.to),9,Xe),ye(m(`input`,{id:`to_${t}`,type:`date`,"onUpdate:modelValue":e=>k.value[t].to=e,onInput:e=>{mr(),Fr(t)},style:_(`background:${K.value.backgroundColor};color:${K.value.color};border:${K.value.border}`)},null,44,Ze),[[ge,k.value[t].to]])])]),m(`div`,Qe,[e.isSort?(v(),p(`button`,{key:0,onClick:e=>Ir(t,e),class:g({"th-button-active":[T.value.DESC,T.value.ASC].includes(I.value[t])}),style:_(`cursor:${X.value?`pointer`:`default`}; background:${[T.value.DESC,T.value.ASC].includes(I.value[t])?``:G.value.buttons.filter.inactive.backgroundColor};color:${[T.value.DESC,T.value.ASC].includes(I.value[t])?``:G.value.buttons.filter.inactive.color}`)},[I.value[t]===T.value.ASC?(v(),p(`span`,{key:0,innerHTML:[T.value.DATE].includes(e.type)?Q.value.sort09:Q.value.sortAZ},null,8,et)):I.value[t]===T.value.DESC?(v(),p(`span`,{key:1,innerHTML:[T.value.DATE].includes(e.type)?Q.value.sort90:Q.value.sortZA},null,8,tt)):(v(),p(`span`,{key:2,innerHTML:Q.value.arrowSort},null,8,nt))],14,$e)):f(``,!0),m(`button`,{onClick:n=>{Ar(t),jr(t,e,n)},disabled:!wn.value[t]&&xr(t,e),class:`th-reset`,style:_({cursor:X.value?`pointer`:`default`})},` ✖ `,12,rt)])])):f(``,!0),e.isSearch?ye((v(),p(`input`,{key:1,placeholder:H.value.translations.inputPlaceholder,"onUpdate:modelValue":e=>F.value[t]=e,onInput:r[7]||=e=>lr(mr,400),name:`search_${t}`,style:_(`background:${K.value.backgroundColor};color:${K.value.color};border:${K.value.border}`)},null,44,it)),[[ge,F.value[t]]]):f(``,!0),!A.value[t]&&e.isSort&&e.type!==T.value.DATE?(v(),p(`button`,{key:2,onClick:e=>Ir(t,e),class:g({"th-button-active":[T.value.DESC,T.value.ASC].includes(I.value[t])}),style:_(`cursor:${X.value?`pointer`:`default`};background:${[T.value.DESC,T.value.ASC].includes(I.value[t])?``:G.value.buttons.filter.inactive.backgroundColor};color:${[T.value.DESC,T.value.ASC].includes(I.value[t])?``:G.value.buttons.filter.inactive.color}`)},[I.value[t]===T.value.ASC?(v(),p(`span`,{key:0,innerHTML:[T.value.NUMERIC].includes(e.type)?Q.value.sort09:Q.value.sortZA},null,8,ot)):I.value[t]===T.value.DESC?(v(),p(`span`,{key:1,innerHTML:[T.value.NUMERIC].includes(e.type)?Q.value.sort90:Q.value.sortAZ},null,8,st)):(v(),p(`span`,{key:2,innerHTML:Q.value.arrowSort},null,8,ct))],14,at)):f(``,!0),e.isMultiselect?(v(),p(`button`,{key:3,onClick:n=>Lr(t,e,n),innerHTML:Q.value.filter,class:g({"th-button-active":M.value[t]&&M.value[t].length!==$(t).length}),style:_(`cursor:${X.value?`pointer`:`default`};background:${M.value[t]&&M.value[t].length!==$(t).length?``:G.value.buttons.filter.inactive.backgroundColor};color:${M.value[t]&&M.value[t].length!==$(t).length?``:G.value.buttons.filter.inactive.color}`)},null,14,lt)):f(``,!0),E.value.col===t&&Qn.value?(v(),p(`button`,{key:4,onClick:r[8]||=e=>R.value=!R.value,innerHTML:Q.value.chart,class:g({"th-button-active":R.value}),style:_(`cursor:${X.value?`pointer`:`default`};background:${R.value?``:G.value.buttons.filter.inactive.backgroundColor};color:${R.value?``:G.value.buttons.filter.inactive.color}`)},null,14,ut)):f(``,!0),e.rangeFilter&&P.value[t]&&!A.value[t]?(v(),p(`div`,dt,[m(`label`,{for:`rangeMin${t}`},[...r[29]||=[m(`span`,{style:{color:`grey`}},`ᒥ`,-1),h(` min `,-1),m(`span`,{style:{color:`grey`}},`ᒣ`,-1)]],8,ft),ye(m(`input`,{type:`number`,id:`rangeMin${t}`,max:j.value[t].max,min:j.value[t].min,"onUpdate:modelValue":e=>P.value[t].min=e,onInput:r[9]||=e=>lr(mr,400),style:_(`background:${K.value.backgroundColor};color:${K.value.color};border:${K.value.border}`)},null,44,pt),[[ge,P.value[t].min,void 0,{number:!0}]]),ye(m(`input`,{type:`number`,id:`rangeMax${t}`,max:j.value[t].max,min:j.value[t].min,"onUpdate:modelValue":e=>P.value[t].max=e,onInput:r[10]||=e=>lr(mr,400),style:_(`background:${K.value.backgroundColor};color:${K.value.color};border:${K.value.border}`)},null,44,mt),[[ge,P.value[t].max,void 0,{number:!0}]]),m(`label`,{for:`rangeMax${t}`},[...r[30]||=[m(`span`,{style:{color:`grey`}},`ᒪ`,-1),h(` max `,-1),m(`span`,{style:{color:`grey`}},`ᒧ`,-1)]],8,ht)])):f(``,!0),or(t,e)?(v(),p(`button`,{key:6,onClick:n=>jr(t,e,n),disabled:xr(t,e),class:`th-reset`,style:_({cursor:X.value?`pointer`:`default`})},` ✖ `,12,gt)):f(``,!0),e.isMultiselect?(v(),p(`div`,{key:7,class:`th-dropdown`,"data-is-open":`false`,id:`th_dropdown_${t}`,style:_(`background:${Pn.value.backgroundColor};color:${Pn.value.color}`)},[m(`button`,{class:`close-dropdown`,onClick:n=>Lr(t,e,n),style:_(`cursor:${X.value?`pointer`:`default`};background:${Fn.value.backgroundColor};color:${Fn.value.color}`)},` ✖ `,12,vt),(v(!0),p(u,null,b($(t),(e,n)=>(v(),p(`span`,{class:`th-option`,key:`th_option_${t}_${n}`,onClick:n=>Pr(e,t),onKeyup:[be(n=>Pr(e,t),[`enter`]),be(n=>Pr(e,t),[`space`])],style:_(`opacity:${yr(e,t)?1:.5}`),tabindex:`0`},[yr(e,t)?(v(),p(`span`,{key:0,style:_(`color:${Pn.value.icons.selected.color};margin-right:5px`),class:`th-icon-green`},x(Pn.value.icons.selected.unicode),5)):(v(),p(`span`,{key:1,style:_(`color:${Pn.value.icons.unselected.color};margin-right:5px`),class:`th-icon-red`},x(Pn.value.icons.unselected.unicode),5)),m(`span`,null,x(e),1)],44,yt))),128))],12,_t)):f(``,!0)])],6))),128))])],64)):f(``,!0),m(`tr`,null,[r[32]||=m(`th`,{class:`invisible-cell`},null,-1),(v(!0),p(u,null,b(V.value,(e,t)=>(v(),p(`th`,{key:`col_selector_${t}`,class:g({"vue-ui-table-col-selector":!A.value[t],"th-has-nan":A.value[t]}),style:_(`background:${t===Dn.value&&!A.value[t]?G.value.selected.backgroundColor:G.value.backgroundColor};color:${t===Dn.value&&!A.value[t]?G.value.selected.color:G.value.color};outline:${G.value.outline}`)},[A.value[t]?f(``,!0):(v(),p(`div`,{key:0,innerHTML:V.value[t].type===T.value.NUMERIC?Q.value.chevronDown:``,class:g({"col-selector":V.value[t].type===T.value.NUMERIC}),tabindex:`0`,style:_({cursor:X.value?`pointer`:`default`}),onClick:xe(e=>Nr(t),[`stop`]),onKeyup:be(e=>Nr(t),[`enter`])},null,46,bt))],6))),128))])],4),m(`tbody`,{onClick:cr,onKeydown:r[11]||=e=>Er(e)},[(v(!0),p(u,null,b(Yn.value,(t,r)=>(v(),p(`tr`,{key:`tbody_${r}`,"data-row":r%2==0?`odd`:`even`,class:g(`tr_${S(mn)}`),style:_(`${r%2==0?`background:${q.value.odd.backgroundColor};color:${q.value.odd.color}`:`background:${q.value.even.backgroundColor};color:${q.value.even.color}`}`)},[m(`td`,{class:`vue-ui-table-td-iteration`,"data-row":r%2==0?`odd`:`even`,style:_({outline:q.value.outline})},x(t.absoluteIndex+1),13,St),(v(!0),p(u,null,b(t.td,(i,a)=>(v(),p(`td`,{"data-row":r%2==0?`odd`:`even`,key:`td_${r}_${a}`,style:_(br(i)||e.dataset.header[a].type===T.value.DATE?`text-align:right;font-variant-numeric: tabular-nums;outline:${q.value.outline}`:`outline:${q.value.outline}`),onClick:t=>Mr({td:i,rowIndex:r,colIndex:a,headerType:e.dataset.header[a].type,event:t}),onKeyup:[be(t=>Mr({td:i,rowIndex:r,colIndex:a,headerType:e.dataset.header[a].type,event:t}),[`enter`]),be(t=>Mr({td:i,rowIndex:r,colIndex:a,headerType:e.dataset.header[a].type,event:t}),[`space`])],class:g({"td-numeric":e.dataset.header[a].type===T.value.NUMERIC,"td-focusable":!0,"td-has-nan":A.value[a]}),id:`cell_${r}_${a}_${S(mn)}`,tabindex:`0`},[t.meta&&t.meta.markerIndices.includes(a)&&t.meta.unicodeIcon?(v(),p(`span`,{key:0,style:_(`color:${t.meta.color};margin-right:3px`),innerHTML:t.meta.unicodeIcon},null,12,wt)):f(``,!0),e.dataset.header[a].type===T.value.DATE?(v(),p(`span`,Tt,x(e.dataset.header[a].prefix)+` `+x(new Date(i).toLocaleString().slice(0,10))+` `+x(e.dataset.header[a].suffix),1)):e.dataset.header[a].isPercentage?(v(),p(`span`,Et,x(S(n)({v:Number(i*100),s:`%`,r:e.dataset.header[a].decimals})),1)):N.value[a]&&e.dataset.header[a].percentageTo&&!e.dataset.header[a].isPercentage?(v(),p(`span`,{key:3,class:g({"td-nan":isNaN(Number(i))})},x(isNaN(Number(i))?`${i} is not ${T.value.NUMERIC}`:S(n)({p:e.dataset.header[a].prefix,v:Number(i),s:e.dataset.header[a].suffix,r:e.dataset.header[a].decimals}))+` (`+x(isNaN(Number(i))?``:S(n)({v:Number(i/_r(N.value[a].referenceIndex)*100),s:`%`,r:e.dataset.header[a].decimals}))+`) `,3)):e.dataset.header[a].type===T.value.NUMERIC?(v(),p(`span`,{key:4,class:g({"td-nan":isNaN(Number(i))})},x(isNaN(Number(i))?`${i} is not ${T.value.NUMERIC}`:S(n)({p:e.dataset.header[a].prefix,v:Number(i.toFixed(e.dataset.header[a].decimals)),s:e.dataset.header[a].suffix,r:e.dataset.header[a].decimals})),3)):(v(),p(`span`,Dt,x(e.dataset.header[a].prefix)+` `+x(i)+` `+x(e.dataset.header[a].suffix),1))],46,Ct))),128))],14,xt))),128))],32)])],4),m(`div`,{class:g({"td-selector-info":!0,"td-selector-info--active":E.value.col!==void 0&&E.value.rows.length}),style:_(`background:${In.value.infoBar.backgroundColor};color:${In.value.infoBar.color}`)},[E.value.col!==void 0&&E.value.rows.length?(v(),p(u,{key:0},[m(`div`,{innerHTML:Q.value.table,class:`td-selector-icon`},null,8,Ot),m(`span`,null,[m(`b`,null,[h(x(e.dataset.header[E.value.col].name)+` `,1),e.dataset.header[E.value.col].isPercentage?(v(),p(`span`,kt,` / `+x(e.dataset.header[N.value[E.value.col].referenceIndex].name),1)):f(``,!0)]),m(`span`,At,[h(x(H.value.translations.nb)+` : `,1),m(`b`,jt,x(E.value.rows.length),1)]),m(`span`,Mt,[h(x(H.value.translations.sum)+` : `,1),e.dataset.header[E.value.col].isPercentage?(v(),p(`b`,Nt,x(tr.value.sumPercentage),1)):(v(),p(`b`,Pt,x(e.dataset.header[E.value.col].prefix)+` `+x(tr.value.sumRegular)+` `+x(e.dataset.header[E.value.col].suffix),1)),e.dataset.header[E.value.col].isPercentage?(v(),p(`b`,Ft,`%`)):f(``,!0)]),m(`span`,It,[h(x(H.value.translations.average)+` : `,1),e.dataset.header[E.value.col].isPercentage?(v(),p(`b`,Lt,x(tr.value.averagePercentage),1)):(v(),p(`b`,Rt,x(e.dataset.header[E.value.col].prefix)+` `+x(tr.value.averageRegular)+` `+x(e.dataset.header[E.value.col].suffix),1)),e.dataset.header[E.value.col].isPercentage?(v(),p(`b`,zt,`%`)):f(``,!0)])]),m(`button`,{onClick:ur,class:`td-selector-info-reset`,style:_(`cursor:${X.value?`pointer`:`default`};background:${Fn.value.backgroundColor};color:${Fn.value.color};border-radius:${Fn.value.borderRadius}`)},` ✖ `,4)],64)):f(``,!0)],6),B.value.length>10?(v(),p(`div`,Bt,[h(x(H.value.translations.totalRows)+` : `+x(e.dataset.body.length)+` | `+x(H.value.translations.paginatorLabel)+` : `,1),B.value.length>10?ye((v(),p(`select`,{key:0,id:`paginatorSelector`,"onUpdate:modelValue":r[12]||=e=>Tn.value=e,onChange:r[13]||=e=>{ur(),Cr()},style:_(`background:${K.value.backgroundColor};color:${K.value.color};border:${K.value.border}`)},[(v(!0),p(u,null,b(En.value,(t,n)=>(v(),p(u,null,[B.value.length>t||e.dataset.body.length===t?(v(),p(`option`,{key:`paginator_option_${n}`},x(t),1)):f(``,!0)],64))),256))],36)),[[he,Tn.value,void 0,{number:!0}]]):f(``,!0)])):f(``,!0),Tn.value>=250?(v(),p(`div`,Vt,[m(`span`,{innerHTML:Q.value.warning},null,8,Ht),h(x(H.value.translations.sizeWarning),1)])):f(``,!0),Z.value.length>1&&Z.value.length<=10?(v(),p(`div`,{key:3,class:`vue-ui-table-navigation-indicator`,style:_(`background:${J.value.navigationIndicator.backgroundColor};width:calc(${D.value/(Z.value.length-1)*100}%)`)},null,4)):f(``,!0),Z.value.length>1?(v(),p(`div`,Ut,[m(`button`,{class:`vue-ui-table-navigation`,onClick:r[14]||=xe(e=>Tr(`previous`),[`stop`]),innerHTML:Q.value.chevronLeft,disabled:D.value===0,style:_(`cursor:${X.value?`pointer`:`default`};background:${J.value.buttons.backgroundColor};color:${J.value.buttons.color};opacity:${D.value===0?J.value.buttons.opacityDisabled:1}`)},null,12,Wt),Z.value.length>3?(v(),p(u,{key:0},[m(`button`,{class:`vue-ui-table-navigation`,onClick:r[15]||=xe(e=>Tr(1),[`stop`]),disabled:D.value===0,style:_(`cursor:${X.value?`pointer`:`default`};background:${J.value.buttons.backgroundColor};color:${J.value.buttons.color};opacity:${D.value===0?J.value.buttons.opacityDisabled:1}`)},` 1 `,12,Gt),Z.value.length>10?(v(),p(`div`,{key:0,class:`vue-ui-table-page-scroller-wrapper`,style:_({cursor:X.value?`pointer`:`default`})},[m(`label`,Kt,x(H.value.translations.page)+` `+x(D.value+1)+` / `+x(Z.value.length),1),m(`input`,{class:`vue-ui-table-page-scroller`,id:`pageScroller`,type:`range`,step:`1`,min:0,max:Z.value.length-1,onInput:r[16]||=e=>Rr(e),value:D.value,style:_(`background:${K.value.backgroundColor};color:${K.value.color};border:${K.value.border};accent-color:${K.value.accentColor}`)},null,44,qt)],4)):(v(),p(`span`,Jt,x(H.value.translations.page)+` `+x(D.value+1)+` / `+x(Z.value.length),1)),m(`button`,{class:`vue-ui-table-navigation`,onClick:r[17]||=xe(e=>Tr(Z.value.length),[`stop`]),disabled:D.value===Z.value.length-1,style:_(`cursor:${X.value?`pointer`:`default`};background:${J.value.buttons.backgroundColor};color:${J.value.buttons.color};opacity:${D.value===Z.value.length-1?J.value.buttons.opacityDisabled:1}`)},x(Z.value.length),13,Yt)],64)):(v(),p(u,{key:1},[h(x(H.value.translations.page)+` `+x(D.value+1)+` / `+x(Z.value.length),1)],64)),m(`button`,{class:`vue-ui-table-navigation`,onClick:r[18]||=xe(e=>Tr(`next`),[`stop`]),innerHTML:Q.value.chevronRight,disabled:D.value===Z.value.length-1,style:_(`cursor:${X.value?`pointer`:`default`};background:${J.value.buttons.backgroundColor};color:${J.value.buttons.color};opacity:${D.value===Z.value.length-1?J.value.buttons.opacityDisabled:1}`)},null,12,Xt)])):f(``,!0),ue(S(dn),{ref_key:`chartModal`,ref:zr,backgroundColor:Y.value.modal.backgroundColor,headerColor:Y.value.modal.color,color:Y.value.modal.color,forcedHeight:500,isCursorPointer:X.value,withPadding:``,withFullWidth:``,noLayerUpdate:``,onClose:r[23]||=e=>R.value=!1,onSize:rr},{before:ve(()=>[m(`div`,Zt,[Zn.value.length?(v(),p(`button`,{key:0,onClick:r[19]||=e=>z.value=!0,innerHTML:Q.value.donut,class:g({"is-active-chart":w.value.type===T.value.DONUT||z.value}),style:_(`cursor:${X.value?`pointer`:`default`};background:${w.value.type===T.value.DONUT||z.value?Y.value.modal.buttons.selected.backgroundColor:Y.value.modal.buttons.unselected.backgroundColor};color:${w.value.type===T.value.DONUT||z.value?Y.value.modal.buttons.selected.color:Y.value.modal.buttons.unselected.color}`)},null,14,Qt)):f(``,!0),m(`button`,{onClick:r[20]||=e=>{w.value.type=T.value.LINE,z.value=!1},innerHTML:Q.value.chart,class:g({"is-active-chart":w.value.type===T.value.LINE&&!z.value}),style:_(`cursor:${X.value?`pointer`:`default`};background:${w.value.type===T.value.LINE&&!z.value?Y.value.modal.buttons.selected.backgroundColor:Y.value.modal.buttons.unselected.backgroundColor};color:${w.value.type===T.value.LINE&&!z.value?Y.value.modal.buttons.selected.color:Y.value.modal.buttons.unselected.color}`)},null,14,$t),m(`button`,{onClick:r[21]||=e=>{w.value.type=T.value.BAR,z.value=!1},innerHTML:Q.value.bar,class:g({"is-active-chart":w.value.type===T.value.BAR&&!z.value}),style:_(`cursor:${X.value?`pointer`:`default`};background:${w.value.type===T.value.BAR&&!z.value?Y.value.modal.buttons.selected.backgroundColor:Y.value.modal.buttons.unselected.backgroundColor};color:${w.value.type===T.value.BAR&&!z.value?Y.value.modal.buttons.selected.color:Y.value.modal.buttons.unselected.color}`)},null,14,en)])]),content:ve(()=>[m(`div`,tn,[z.value&&Zn.value.length?(v(),p(`div`,{key:0,style:_(`background:${Y.value.modal.backgroundColor};color:${Y.value.modal.color}`)},[m(`fieldset`,nn,[m(`legend`,null,x(H.value.translations.chooseCategoryColumn),1),m(`div`,rn,[(v(!0),p(u,null,b(Zn.value,(e,t)=>(v(),p(`div`,{key:`donut_radio_${t}`,class:`vue-ui-table-fieldset-option`},[m(`input`,{type:`radio`,name:e.name,id:e.name,checked:L.value&&e.name===L.value.name,onInput:e=>L.value=Zn.value[t],style:_(`background:${K.value.backgroundColor};color:${K.value.color};border:${K.value.border};accent-color:${K.value.accentColor}`)},null,44,an),m(`label`,{for:e.name},x(e.name),9,on)]))),128))]),m(`button`,{class:`vue-ui-table-generate-donut`,disabled:!L.value,onClick:ar,style:_(`cursor:${X.value?`pointer`:`default`};background:${Y.value.modal.buttons.selected.backgroundColor};color:${Y.value.modal.buttons.selected.color}`)},[m(`div`,{style:{"margin-bottom":`-3px`},innerHTML:Q.value.donut},null,8,cn),h(` `+x(H.value.translations.makeDonut),1)],12,sn)])],4)):f(``,!0),[T.value.BAR,T.value.LINE].includes(w.value.type)&&!z.value?(v(),p(u,{key:1},[qn.value.length>1?(v(),p(`label`,{key:0,style:_({color:Y.value.modal.color})},[h(x(H.value.translations.xAxisLabels)+` `,1),ye(m(`select`,{"onUpdate:modelValue":r[22]||=e=>An.value=e},[(v(!0),p(u,null,b(qn.value,e=>(v(),p(`option`,null,x(e),1))),256))],512),[[he,An.value]])],4)):f(``,!0),m(`div`,ln,[w.value.type===T.value.LINE?(v(),le(l,{key:`chart_line_${kn.value}`,dataset:ir.value.xyDatasetLine,config:ir.value.xyConfig},null,8,[`dataset`,`config`])):f(``,!0),w.value.type===T.value.BAR?(v(),le(l,{key:`chart_bar_${kn.value}`,dataset:ir.value.xyDatasetBar,config:ir.value.xyConfig},null,8,[`dataset`,`config`])):f(``,!0)]),E.value.rows.length>=2?(v(),p(`div`,{key:1,class:`chart-trend`,style:_(`color:${Y.value.modal.color}`)},[r[33]||=m(`span`,null,`---`,-1),h(` Trend: `+x(S(n)({v:ir.value.progression.trend*100,s:`%`,r:1})),1)],4)):f(``,!0)],64)):f(``,!0),[T.value.DONUT].includes(w.value.type)&&!z.value?(v(),p(`div`,un,[ue(ce,{dataset:bn.value,config:ir.value.donutConfig},null,8,[`dataset`,`config`])])):f(``,!0)])]),_:1},8,[`backgroundColor`,`headerColor`,`color`,`isCursorPointer`])],4))}},[[`__scopeId`,`data-v-f35b07e9`]]);export{Se as n,dn as t};

package/dist/vue-ui-table-heatmap-CtYPYMIJ.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{D as n,Tt as r,X as i,at as ee,m as a,nt as te,r as ne,zt as re}from"./lib-DqD8nbyX.js";import{n as ie,t as ae}from"./useHints-BH9r_0Vd.js";import{t as o}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as oe}from"./resolveChartConfig-ChGWTt5l.js";import{n as se,t as ce}from"./userOptionsSlots-DYuo-E5m.js";import{t as le}from"./usePrinter-Cj4eIYC_.js";import{t as ue}from"./Shape-gDVRWM6n.js";import{t as de}from"./useUserOptionState-CXlFnwPv.js";import{t as fe}from"./vue_ui_table_heatmap-vfeY6r97.js";import{Fragment as s,computed as c,createBlock as pe,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createSlots as me,createVNode as he,defineAsyncComponent as ge,guardReactiveProps as _e,mergeProps as f,nextTick as ve,normalizeClass as p,normalizeProps as ye,normalizeStyle as m,onMounted as h,openBlock as g,ref as _,renderList as v,renderSlot as y,unref as b,useCssVars as be,useSlots as xe,watch as x,withCtx as S}from"vue";var C=/* @__PURE__ */ e({default:()=>N}),w=[`id`],T={role:`cell`},E={role:`row`},D=[`data-cell`],O={key:0,style:{display:`flex`,"flex-direction":`row`,gap:`2px`,"align-items":`center`}},k=[`height`,`width`],A={key:0,role:`cell`,"data-cell":`sum`},j={key:1,role:`cell`,"data-cell":`average`},M={key:2,role:`cell`,"data-cell":`median`},Se={key:1,ref:`source`,dir:`auto`},N=/*#__PURE__*/ o({__name:`vue-ui-table-heatmap`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(e,{expose:o}){be(e=>({v63f427d8:ke.value,v4016fab3:Oe.value}));let C=ge(()=>import(`./UserOptions-BSJ_S_us.js`).then(e=>e.n)),{vue_ui_table_heatmap:N}=t(),P=e,F=_(i()),I=_(!1),L=_(null),R=_(!1),z=_(0),Ce=xe(),B=c({get:()=>G(),set:e=>e}),V=c(()=>B.value.debug);h(()=>{Ce[`chart-background`]&&V.value&&console.warn(`VueUiTableHeatmap does not support the #chart-background slot.`)}),ie({config:()=>B.value,dataset:()=>P.dataset,component:`VueUiTableHeatmap`,rules:[ae.emptyArray,{test:e=>e.length>31,message:[`👀 The number of series is > 31. Consider:`,``,`▶️ Using filters to let users choose a maximum number of series to display.`]},{test:e=>e.some(e=>e?.values&&e?.values.length>31),message:[`👀 Some series have a number of data points > 31. Consider:`,``,`▶️ Using filters to let users choose a maximum number of data points to display.`]}]});let{userOptionsVisible:H,setUserOptionsVisibility:U,keepUserOptionState:W}=de({config:B.value});function G(){return oe(P.config,N,fe)}x(()=>P.config,e=>{B.value=G(),H.value=!B.value.userOptions.showOnChartHover,Y()},{deep:!0});let{isPrinting:we,isImaging:Te,generatePdf:K,generateImage:q}=le({elementId:`table_heatmap_${F.value}`,fileName:`vue-ui-table-heatmap`,options:B.value.userOptions.print}),J=c(()=>B.value.table.responsiveBreakpoint),Ee=c(()=>!!P.dataset&&P.dataset.length);h(()=>{Y()});function Y(){re(P.dataset)&&ee({componentName:`VueUiTableHeatmap`,type:`dataset`,debug:V.value});let e=new ResizeObserver(e=>{e.forEach(e=>{I.value=e.contentRect.width<J.value})});L.value&&e.observe(L.value)}let X=c(()=>P.dataset.map(e=>{let t=e.values.map(e=>isNaN(e)?0:e),n=t.reduce((e,t)=>e+t,0);return{...e,values:t,serieExtremes:{max:Math.max(...t),min:Math.min(...t)},sum:n,average:n/t.length,median:a(t),displayValues:[e.name,...e.values],id:i()}})),Z=c(()=>{let e=X.value.flatMap(e=>e.values);return{min:Math.min(...e),max:Math.max(...e)}});function De(e,t){let n=B.value.style.heatmapColors.useIndividualScale;return r(B.value.style.heatmapColors.min,B.value.style.heatmapColors.max,n?t.min:Z.value.min,n?t.max:Z.value.max,e)}let Q=c(()=>X.value.map(e=>({...e,colors:e.displayValues.map(t=>isNaN(t)?B.value.style.backgroundColor:De(t,e.serieExtremes))}))),Oe=c(()=>B.value.style.backgroundColor),ke=c(()=>`${B.value.table.borderWidth}px`);function $(e=null){ve(()=>{let t=Q.value.map(e=>[[e.name],e.displayValues,[e.sum],[e.average],[e.median]]),r=[[[``],B.value.table.head.values,[`sum`],[`average`],[`median`]]].concat(t),i=n(r);e?e(i):te({csvContent:i,title:`vue-ui-table-heatmap`})})}function Ae(e){R.value=e,z.value+=1}return o({generatePdf:K,generateCsv:$,generateImage:q}),(e,t)=>(g(),u(`div`,{ref_key:`tableContainer`,ref:L,style:m(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${B.value.userOptions.show?`36px`:``}; ${R.value?`vue-data-ui-wrapper-fullscreen`:``}; position:relative;`),class:p({"vue-data-ui-component":!0,"vue-ui-responsive":I.value}),id:`table_heatmap_${F.value}`,onMouseenter:t[0]||=()=>b(U)(!0),onMouseleave:t[1]||=()=>b(U)(!1)},[B.value.userOptions.show&&Ee.value&&(b(W)||b(H))?(g(),pe(b(C),{ref:`details`,key:`user_option_${z.value}`,backgroundColor:B.value.style.backgroundColor,color:B.value.style.color,isPrinting:b(we),isImaging:b(Te),uid:F.value,hasPdf:B.value.userOptions.buttons.pdf,hasXls:B.value.userOptions.buttons.csv,hasImg:B.value.userOptions.buttons.img,hasFullscreen:B.value.userOptions.buttons.fullscreen,isFullscreen:R.value,titles:{...B.value.userOptions.buttonTitles},chartElement:L.value,position:B.value.userOptions.position,callbacks:B.value.userOptions.callbacks,printScale:B.value.userOptions.print.scale,onToggleFullscreen:Ae,onGeneratePdf:b(K),onGenerateCsv:$,onGenerateImage:b(q),style:m({visibility:b(W)?b(H)?`visible`:`hidden`:`visible`})},me({_:2},[v(b(se)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionFullscreen custom-menu-before custom-menu-after`),t=>({name:t,fn:S(n=>[y(e.$slots,t,ye(_e(b(ce)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasXls`,`hasImg`,`hasFullscreen`,`isFullscreen`,`titles`,`chartElement`,`position`,`callbacks`,`printScale`,`onGeneratePdf`,`onGenerateImage`,`style`])):l(``,!0),d(`table`,{class:p({"vue-ui-table-heatmap":!0}),style:m(`width:100%;font-family:${B.value.style.fontFamily};background:${B.value.style.backgroundColor};`)},[d(`caption`,null,[y(e.$slots,`caption`,{},void 0,!0)]),d(`thead`,null,[d(`tr`,{role:`row`,style:m(`background:${B.value.table.head.backgroundColor};color:${B.value.table.head.color}`)},[(g(!0),u(s,null,v(B.value.table.head.values,(t,n)=>(g(),u(`th`,T,[y(e.$slots,`head`,f({ref_for:!0},{value:t,rowIndex:n,type:typeof t,isResponsive:I.value}),void 0,!0)]))),256))],4)]),d(`tbody`,null,[(g(!0),u(s,null,v(Q.value,(t,n)=>(g(),u(`tr`,E,[(g(!0),u(s,null,v(t.displayValues,(r,i)=>(g(),u(`td`,{role:`cell`,"data-cell":B.value.table.head.values[i]},[t.color&&i===0?(g(),u(`div`,O,[t.color?(g(),u(`svg`,{key:0,height:B.value.style.shapeSize,width:B.value.style.shapeSize,viewBox:`0 0 20 20`,style:{background:`none`,overflow:`visible`}},[he(ue,{plot:{x:10,y:10},color:t.color,radius:9,shape:t.shape||`circle`},null,8,[`color`,`shape`])],8,k)):l(``,!0),y(e.$slots,`rowTitle`,f({ref_for:!0},{value:r,rowIndex:n,colIndex:i,type:typeof r,isResponsive:I.value}),void 0,!0)])):(g(),u(s,{key:1},[i===0?y(e.$slots,`rowTitle`,f({ref_for:!0},{value:r,rowIndex:n,colIndex:i,type:typeof r,isResponsive:I.value}),void 0,!0,0):l(``,!0),i>0?y(e.$slots,`cell`,f({ref_for:!0},{value:r,rowIndex:n,colIndex:i,type:typeof r,isResponsive:I.value,color:t.colors[i],textColor:b(ne)(t.colors[i])}),void 0,!0,1):l(``,!0)],64))],8,D))),256)),B.value.table.showSum?(g(),u(`td`,A,[y(e.$slots,`sum`,f({ref_for:!0},{value:t.sum,rowIndex:n,isResponsive:I.value}),void 0,!0)])):l(``,!0),B.value.table.showAverage?(g(),u(`td`,j,[y(e.$slots,`average`,f({ref_for:!0},{value:t.average,rowIndex:n,isResponsive:I.value}),void 0,!0)])):l(``,!0),B.value.table.showMedian?(g(),u(`td`,M,[y(e.$slots,`median`,f({ref_for:!0},{value:t.median,rowIndex:n,isResponsive:I.value}),void 0,!0)])):l(``,!0)]))),256))])],4),e.$slots.source?(g(),u(`div`,Se,[y(e.$slots,`source`,{},void 0,!0)],512)):l(``,!0)],46,w))}},[[`__scopeId`,`data-v-89cef7a9`]]);export{C as n,N as t};

package/dist/vue-ui-table-sparkline-CTfYTzhA.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{$ as n,D as r,Ht as i,Jt as a,S as o,X as ee,at as s,i as te,m as ne,nt as re,w as ie,yt as ae,zt as oe}from"./lib-DqD8nbyX.js";import{n as se,t as ce}from"./useHints-BH9r_0Vd.js";import{t as le}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as ue}from"./resolveChartConfig-ChGWTt5l.js";import{n as de,t as fe}from"./userOptionsSlots-DYuo-E5m.js";import{t as pe}from"./usePrinter-Cj4eIYC_.js";import{t as me}from"./useUserOptionState-CXlFnwPv.js";import{t as he}from"./vClickOutside-BxNzkY17.js";import{t as ge}from"./vue_ui_table_sparkline-Dlfbza49.js";import{Fragment as c,computed as l,createBlock as _e,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as ve,createVNode as p,defineAsyncComponent as ye,mergeProps as be,nextTick as xe,normalizeClass as Se,normalizeStyle as m,onBeforeUnmount as Ce,onMounted as we,openBlock as h,ref as g,renderList as _,renderSlot as Te,shallowRef as Ee,toDisplayString as v,unref as y,useCssVars as De,useSlots as Oe,watch as ke,withCtx as Ae,withDirectives as je}from"vue";var Me=/* @__PURE__ */ e({default:()=>b}),Ne=[`id`],Pe={style:{"z-index":`1`,"padding-right":`24px`}},Fe={key:0,style:{display:`flex`,flexDirection:`row`,alignItems:`center`}},Ie={key:0,style:{display:`flex`,flexDirection:`row`,alignItems:`center`}},Le=[`onClick`],Re=[`onClick`],ze=[`data-cell`],Be=[`data-cell`,`onPointerenter`],Ve=[`data-cell`],He=[`data-cell`],Ue=[`data-cell`],We=[`data-cell`],Ge={key:1,ref:`source`,dir:`auto`},b=/*#__PURE__*/ le({__name:`vue-ui-table-sparkline`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`],setup(e,{expose:le,emit:Me}){De(e=>({v5fe3988e:e.tdo}));let b=ye(()=>import(`./vue-ui-sparkline-BflZPl7s.js`).then(e=>e.n)),x=ye(()=>import(`./BaseIcon-DDctLkeT.js`).then(e=>e.n)),Ke=ye(()=>import(`./UserOptions-BSJ_S_us.js`).then(e=>e.n)),{vue_ui_table_sparkline:qe}=t(),S=e,Je=Me,C=g(ee()),Ye=g(0),w=g(0),T=g(null),Xe=Oe(),Ze=g(!1),E=l({get:()=>et(),set:e=>e}),D=l(()=>E.value.userOptions),O=l(()=>E.value.sparkline),k=l(()=>E.value.thead),A=l(()=>E.value.tbody),j=l(()=>E.value.title);we(()=>{Xe[`chart-background`]&&E.value.debug&&console.warn(`VueUiTableSparkline does not support the #chart-background slot.`)}),se({config:()=>E.value,dataset:()=>S.dataset,component:`VueUiTableSparkline`,rules:[ce.emptyArray,{test:e=>e.some(e=>e?.values&&e.values.length>500),message:[`👀 One or more series have > 500 datapoints. Consider if you really need this level of detail.`,``,`▶️ Use larger time scales, or aggregated values`]},{test:e=>e.some(e=>e?.values&&e.values.length>1095),message:[`👀 One or more series have > 1095 datapoints. Above this threshold, the dataset is computed through an LTTB algorithm, to preserve the shape of the data without increasing the number of datapoints.`,``,`▶️ If you need this level of detail, you can change config.downsample.threshold and set a higher value. Note that performance will be impacted.`]}]});let M=l(()=>E.value.userOptions.useCursorPointer),{userOptionsVisible:N,setUserOptionsVisibility:Qe,keepUserOptionState:$e}=me({config:E.value});function et(){return ue(S.config,qe,ge)}ke(()=>S.config,e=>{E.value=et(),N.value=!E.value.userOptions.showOnChartHover,st(),w.value+=1},{deep:!0}),ke(()=>S.dataset,e=>{W.value=U.value,w.value+=1},{deep:!0});let{isPrinting:tt,isImaging:nt,generatePdf:rt,generateImage:it}=pe({elementId:`table_${C.value}`,fileName:j.value.text||`vue-ui-table-sparkline`,options:E.value.userOptions.print}),at=l(()=>ie(E.value.customPalette)),P=g(null),F=g(!1),ot=l(()=>E.value.responsiveBreakpoint);we(()=>{st()});let I=g(E.value.colNames),L=Ee(null);function st(){oe(S.dataset)&&s({componentName:`VueUiTableSparkline`,type:`dataset`}),L.value&&L.value.disconnect(),L.value=new ResizeObserver(e=>{e.forEach(e=>{F.value=e.contentRect.width<ot.value})}),P.value&&L.value.observe(P.value),I.value=[];for(let e=0;e<mt.value;e+=1)I.value.push(E.value.colNames[e]||`col ${e}`)}Ce(()=>{L.value&&L.value.disconnect()});function R(e){if([null,void 0].includes(e))return null;let t=Number(e);return Number.isFinite(t)?t:null}function z(e){return typeof e==`number`&&Number.isFinite(e)}function ct(e=[]){return e.map(R).filter(z)}function B(e,t,n){let r=R(e),i=R(t),a=z(r),o=z(i);return a&&o?n===-1?r-i:i-r:a?-1:+!!o}function V(e,t,r={}){let i=R(e);return i===null?`-`:te(E.value.formatter,i,n({p:E.value.prefix,v:i,s:E.value.suffix,r:t}),r)}let H=l(()=>(S.dataset.forEach((e,t)=>{ae({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{s({componentName:`VueUiTableSparkline`,type:`datasetSerieAttribute`,property:e,index:t})})}),S.dataset.map((e,t)=>{let n=e.values||[],r=ct(n),a=r.length?r.reduce((e,t)=>e+t,0):null,ee=r.length?a/r.length:null,s=r.length?ne(r):null;return{...e,values:n,color:o(e.color)||at.value[t]||i[t]||i[t%i.length],sum:a,average:ee,median:s,sparklineDataset:n.map((e,t)=>({period:E.value.colNames[t]||`col ${t}`,value:R(e)}))}})));function lt(e){let t=(e[0]?.values||[]).map((t,n)=>e.map(e=>e?.values?.[n]??null)).map(e=>e.map((e,t)=>[e,t]).sort((e,t)=>B(e[0],t[0],1)).map(e=>e[1]));return e.map((e,n)=>({...e,values:e.values||[],orders:t[n]}))}let U=l(()=>lt(H.value)),W=g(U.value),ut=l(()=>Math.max(...W.value.map(e=>(e.values||[]).length))),dt=g(void 0),ft=g(!1),G=g(void 0),pt=g(1);function K(){ft.value=!1,G.value=void 0,X.value=void 0,pt.value=1,$.value.forEach(e=>e.state=1),Y.value={name:1,sum:1,average:1,median:1},W.value=U.value}function q(e,t,n){if([`name`,`sum`,`average`,`median`].includes(e.type)){ht(e.type,t,n);return}if(!bt(t))return;if(Z.value=t,X.value=void 0,![null,void 0].includes(G.value)&&t!==G.value&&(G.value=void 0,K()),$.value[t].state===n&&G.value===t){G.value=void 0,K();return}ft.value=!0,G.value=t;let r=U.value.map(e=>e.values?.[t]??null),i=n;$.value[t].state=i,pt.value=i,t===dt.value?dt.value=void 0:dt.value=t;let a=r.map((e,t)=>[t,e]).sort((e,t)=>B(e[1],t[1],i)).map(e=>e[0]).map(e=>U.value[e]);W.value=a,w.value+=1}let mt=l(()=>Math.max(...S.dataset.map(e=>(e.values||[]).length))),J=l(()=>{let e=I.value.map(e=>({type:`reg`,value:e}));if(!e.length)for(let t=0;t<mt.value;t+=1)e.push({type:`reg`,value:`col ${t+1}`});E.value.showTotal&&(e=[...e,{type:`sum`,value:E.value.translations.total}]);let t;return t=E.value.showAverage&&E.value.showMedian?[...e,{type:`average`,value:E.value.translations.average},{type:`median`,value:E.value.translations.median}]:E.value.showAverage&&!E.value.showMedian?[...e,{type:`average`,value:E.value.translations.average}]:!E.value.showAverage&&E.value.showMedian?[...e,{type:`median`,value:E.value.translations.median}]:e,E.value.showSparklines?[...t,{type:`chart`,value:E.value.translations.chart}]:t}),Y=g({name:1,sum:1,average:1,median:1}),X=g(void 0);function ht(e,t,n){if(!W.value||W.value.length===0||!xt(e))return;if(X.value!==e&&(X.value=void 0),![null,void 0].includes(G.value)&&t!==G.value&&K(),G.value=void 0,Y.value[e]===n&&X.value){X.value=void 0,K();return}X.value=e,ft.value=!0,Y.value[e]=n,[null,void 0].includes(t)||($.value[t].state=Y.value[e]);let r=Y.value[e],i=[...W.value].sort((t,n)=>{let i=t[e],a=n[e];return typeof i==`string`&&typeof a==`string`?r===-1?i.localeCompare(a):a.localeCompare(i):B(i,a,r)});W.value=i}let Z=g(void 0),Q=g(void 0);function gt({dataIndex:e,serieIndex:t}){Z.value=e,Q.value=t,T.value[e]&&!F.value&&T.value[e].scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`center`})}let _t=g(!1);function vt(e){_t.value=e,Ye.value+=1}function yt(e=null){xe(()=>{let t=[E.value.translations.serie].concat(J.value),n=H.value.map((e,t)=>[[e.name],e.values,[e.sum],[e.average],[e.median]]),i=[t].concat(n),a=r(i);e?e(a):re({csvContent:a,title:j.value.text||`vue-ui-table-sparkline`})})}function bt(e){return E.value.sortedDataColumnIndices.includes(e)}function xt(e){return e.type===`name`||e===`name`?E.value.sortedSeriesName:e.type===`sum`||e===`sum`?E.value.sortedSum:e.type===`average`||e===`average`?E.value.sortedAverage:e.type===`median`||e===`median`?E.value.sortedMedian:!1}function St(e,t,n){return[`sum`,`average`,`median`].includes(t.type)?X.value===t.type&&Y.value[t.type]===n?1:.3:e===G.value&&$.value[e].state===n?1:.3}function Ct(){E.value.resetSortOnClickOutside&&K()}let $=l({get:()=>J.value.map(e=>({state:1})),set:e=>e});function wt(e){if(e?.stage===`start`){Ze.value=!0;return}if(e?.stage===`end`){Ze.value=!1;return}it()}async function Tt(){if(Je(`copyAlt`,{config:E.value,dataset:H.value}),!E.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(E.value.userOptions.callbacks.altCopy({config:E.value,dataset:H.value}))}return le({generatePdf:rt,generateImage:it,generateCsv:yt,restoreOrder:K,copyAlt:Tt}),(e,t)=>(h(),d(`div`,{ref_key:`tableContainer`,ref:P,class:Se({"vue-data-ui-component":!0,"vue-ui-table-sparkline":!0,"vue-ui-responsive":F.value}),style:{overflow:`hidden`},id:`table_${C.value}`,onMouseenter:t[3]||=()=>y(Qe)(!0),onMouseleave:t[4]||=()=>y(Qe)(!1)},[j.value.text?(h(),d(`div`,{key:0,class:`vue-ui-table-sparkline-caption`,style:m({backgroundColor:j.value.backgroundColor})},[f(`div`,{class:`atom-title`,style:m({fontSize:`${j.value.fontSize}px`,fontWeight:j.value.bold?`bold`:`normal`,color:j.value.color,textAlign:j.value.textAlign})},v(j.value.text),5),j.value.subtitle.text?(h(),d(`div`,{key:0,class:`atom-subtitle`,style:m({fontSize:`${j.value.subtitle.fontSize}px`,fontWeight:j.value.subtitle.bold?`bold`:`normal`,color:j.value.subtitle.color,textAlign:j.value.textAlign})},v(j.value.subtitle.text),5)):u(``,!0)],4)):u(``,!0),f(`div`,{style:{overflow:`auto`},onPointerleave:t[2]||=e=>{Q.value=void 0,Z.value=void 0}},[f(`table`,{class:`vue-ui-data-table`,style:m({fontFamily:E.value.fontFamily,position:`relative`})},[f(`thead`,Pe,[je((h(),d(`tr`,{role:`row`,class:`vue-ui-data-table__thead-row`,style:m({backgroundColor:k.value.backgroundColor,color:k.value.color})},[f(`th`,{role:`cell`,style:m({backgroundColor:k.value.backgroundColor,border:k.value.outline,textAlign:k.value.textAlign,fontWeight:k.value.bold?`bold`:`normal`}),class:`sticky-col-first`},[f(`div`,{style:m({display:`flex`,flexDirection:`row`,alignItems:`center`,gap:`3px`,justifyContent:k.value.textAlign})},[f(`span`,null,v(E.value.translations.serie),1),W.value.length>1&&E.value.sortedSeriesName?(h(),d(`div`,Fe,[f(`button`,{class:`vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down`,onClick:t[0]||=e=>q({type:`name`},null,-1),style:m({cursor:M.value?`pointer`:`default`})},[p(y(x),{size:12,name:`arrowBottom`,stroke:k.value.color,style:m({opacity:X.value===`name`&&Y.value.name===-1?1:.3})},null,8,[`stroke`,`style`])],4),f(`button`,{class:`vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up`,onClick:t[1]||=e=>q({type:`name`},null,1),style:m({cursor:M.value?`pointer`:`default`})},[p(y(x),{size:12,name:`arrowTop`,stroke:k.value.color,style:m({opacity:X.value===`name`&&Y.value.name===1?1:.3})},null,8,[`stroke`,`style`])],4)])):u(``,!0)],4)],4),(h(!0),d(c,null,_(J.value,(t,n)=>(h(),d(`th`,{role:`cell`,style:m({background:k.value.backgroundColor,border:k.value.outline,textAlign:k.value.textAlign,fontWeight:k.value.bold?`bold`:`normal`,minWidth:n===J.value.length-1?`${O.value.dimensions.width}px`:`48px`,paddingRight:n===J.value.length-1&&D.value.show?`36px`:``}),class:Se({"sticky-col":n===J.value.length-1&&E.value.showSparklines})},[f(`div`,{style:m({display:`flex`,flexDirection:`row`,alignItems:`center`,gap:`3px`,justifyContent:k.value.textAlign})},[f(`span`,null,v(t.value),1),W.value.length>1&&(bt(n)||xt(t))?(h(),d(`div`,Ie,[f(`button`,{class:`vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down`,onClick:()=>q(t,n,-1),style:m({cursor:M.value?`pointer`:`default`})},[p(y(x),{size:12,name:`arrowBottom`,stroke:k.value.color,style:m({opacity:St(n,t,-1)})},null,8,[`stroke`,`style`])],12,Le),f(`button`,{class:`vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up`,onClick:()=>q(t,n,1),style:m({cursor:M.value?`pointer`:`default`})},[p(y(x),{size:12,name:`arrowTop`,stroke:k.value.color,style:m({opacity:St(n,t,1)})},null,8,[`stroke`,`style`])],12,Re)])):u(``,!0)],4),D.value.show&&n===J.value.length-1&&(y($e)||y(N))?(h(),_e(y(Ke),{ref_for:!0,ref:`details`,key:`user_option_${Ye.value}`,backgroundColor:k.value.backgroundColor,color:k.value.color,isPrinting:y(tt),isImaging:y(nt),uid:C.value,hasPdf:D.value.buttons.pdf,hasXls:D.value.buttons.csv,hasImg:D.value.buttons.img,hasFullscreen:D.value.buttons.fullscreen,hasAltCopy:D.value.buttons.altCopy,isFullscreen:_t.value,titles:{...D.value.buttonTitles},chartElement:P.value,position:D.value.position,callbacks:D.value.callbacks,printScale:D.value.print.scale,isCursorPointer:M.value,onToggleFullscreen:vt,onGeneratePdf:y(rt),onGenerateImage:wt,onGenerateCsv:yt,onCopyAlt:Tt,style:m({visibility:y($e)?y(N)?`visible`:`hidden`:`visible`})},ve({_:2},[_(y(de)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionFullscreen optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Ae(n=>[Te(e.$slots,t,be({ref_for:!0},y(fe)(t,n)),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasXls`,`hasImg`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`titles`,`chartElement`,`position`,`callbacks`,`printScale`,`isCursorPointer`,`onGeneratePdf`,`style`])):u(``,!0)],6))),256))],4)),[[y(he),Ct]])]),f(`tbody`,null,[(h(!0),d(c,null,_(W.value,(e,t)=>(h(),d(`tr`,{role:`row`,style:m({backgroundColor:A.value.backgroundColor,color:A.value.color}),class:Se({"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})},[f(`td`,{role:`cell`,style:m({backgroundColor:A.value.backgroundColor,border:A.value.outline,fontSize:`${A.value.fontSize}px`,fontWeight:A.value.bold?`bold`:`normal`,textAlign:A.value.textAlign}),"data-cell":E.value.translations.serie,class:`vue-ui-data-table__tbody__td sticky-col-first`},[f(`div`,{dir:`auto`,style:m({display:`flex`,flexDirection:`row`,alignItems:`center`,gap:`6px`,justifyContent:A.value.textAlign})},[A.value.showColorMarker?(h(),d(`span`,{key:0,style:m({color:e.color})},`⬤`,4)):u(``,!0),f(`span`,null,v(e.name??`-`),1)],4)],12,ze),(h(!0),d(c,null,_(ut.value,(n,r)=>(h(),d(`td`,{dir:`auto`,role:`cell`,ref_for:!0,ref_key:`TD`,ref:T,style:m({border:A.value.outline,fontSize:`${A.value.fontSize}px`,fontWeight:A.value.bold?`bold`:`normal`,textAlign:A.value.textAlign,background:Z.value!==void 0&&r===Z.value?A.value.selectedColor.useSerieColor?y(a)(e.color,20):A.value.selectedColor.fallback:``}),"data-cell":J.value[r]?J.value[r].value:``,class:`vue-ui-data-table__tbody__td`,onPointerenter:e=>{Q.value=t,Z.value=r}},v(V(e.values[r],E.value.roundingValues,{datapoint:e,seriesIndex:t,datapointIndex:r})),45,Be))),256)),E.value.showTotal?(h(),d(`td`,{key:0,dir:`auto`,role:`cell`,style:m({border:A.value.outline,fontSize:`${A.value.fontSize}px`,fontWeight:A.value.bold?`bold`:`normal`,textAlign:A.value.textAlign}),"data-cell":E.value.translations.total,class:`vue-ui-data-table__tbody__td`},v(V(e.sum,E.value.roundingTotal,{datapoint:e.sum,seriesIndex:t})),13,Ve)):u(``,!0),E.value.showAverage?(h(),d(`td`,{key:1,dir:`auto`,role:`cell`,style:m({border:A.value.outline,fontSize:`${A.value.fontSize}px`,fontWeight:A.value.bold?`bold`:`normal`,textAlign:A.value.textAlign}),"data-cell":E.value.translations.average,class:`vue-ui-data-table__tbody__td`},v(V(e.average,E.value.roundingAverage,{datapoint:e.average,seriesIndex:t})),13,He)):u(``,!0),E.value.showMedian?(h(),d(`td`,{key:2,dir:`auto`,role:`cell`,style:m({border:A.value.outline,fontSize:`${A.value.fontSize}px`,fontWeight:A.value.bold?`bold`:`normal`,textAlign:A.value.textAlign}),"data-cell":E.value.translations.median,class:`vue-ui-data-table__tbody__td`},v(V(e.median,E.value.roundingMedian,{datapoint:e.median,seriesIndex:t})),13,Ue)):u(``,!0),E.value.showSparklines?(h(),d(`td`,{key:3,role:`cell`,"data-cell":E.value.translations.chart,style:m({border:A.value.outline,fontSize:`${A.value.fontSize}px`,fontWeight:A.value.bold?`bold`:`normal`,textAlign:A.value.textAlign,backgroundColor:A.value.backgroundColor,padding:`0`}),class:`vue-ui-data-table__tbody__td sticky-col`},[p(y(b),{onHoverIndex:({index:e})=>gt({dataIndex:e,serieIndex:t}),"height-ratio":O.value.dimensions.heightRatio,"forced-padding":30,dataset:e.sparklineDataset,showInfo:!1,selectedIndex:Z.value,config:{type:O.value.type,style:{backgroundColor:`transparent`,animation:{show:O.value.animation.show&&!y(tt)&&!y(nt),animationFrames:O.value.animation.animationFrames},padding:{right:12},line:{color:e.color,smooth:O.value.smooth,cutNullValues:O.value.cutNullValues,strokeWidth:O.value.strokeWidth},bar:{color:e.color},area:{color:e.color,opacity:O.value.showArea?16:0,useGradient:O.value.useGradient},verticalIndicator:{color:e.color},plot:{radius:9,stroke:A.value.backgroundColor,strokeWidth:3}}}},null,8,[`onHoverIndex`,`height-ratio`,`dataset`,`selectedIndex`,`config`])],12,We)):u(``,!0)],6))),256))])],4)],32),e.$slots.source?(h(),d(`div`,Ge,[Te(e.$slots,`source`,{},void 0,!0)],512)):u(``,!0)],42,Ne))}},[[`__scopeId`,`data-v-bb68c573`]]);export{Me as n,b as t};

package/dist/vue-ui-thermometer-BpFbPqxK.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{$ as n,Ht as r,Jt as i,S as a,X as ee,at as o,b as s,i as te,in as ne,t as re,w as ie,yt as ae,zt as oe}from"./lib-DqD8nbyX.js";import{n as se,t as ce}from"./BaseScanner-8NdoBs7B.js";import{n as le,t as ue}from"./useHints-BH9r_0Vd.js";import{t as de}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as fe}from"./resolveChartConfig-ChGWTt5l.js";import{t as pe}from"./img-DiP2_5_r.js";import{n as me}from"./Title-BLA0tM3g.js";import{t as he}from"./useChartExport-DtPNpc9M.js";import{n as ge,t as _e}from"./annotationSlots-BRR85CqJ.js";import{n as ve,t as ye}from"./userOptionsSlots-DYuo-E5m.js";import{t as be}from"./usePrinter-Cj4eIYC_.js";import{l as xe,t as Se}from"./useResponsive-D2CPcpda.js";import{t as Ce}from"./DefGrad-DKMq1REY.js";import{t as we}from"./useUserOptionState-CXlFnwPv.js";import{t as Te}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ee}from"./usePrefersMotion-XLHwega2.js";import{t as De}from"./useAutoSizeLabelsInsideViewbox-AIRF0PlD.js";import{t as Oe}from"./vue_ui_thermometer-CRijq6H6.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createSlots as ke,createVNode as Ae,defineAsyncComponent as m,guardReactiveProps as h,normalizeClass as g,normalizeProps as _,normalizeStyle as je,onMounted as Me,openBlock as v,ref as y,renderList as b,renderSlot as x,toDisplayString as S,toRefs as Ne,unref as C,useCssVars as Pe,watch as Fe,withCtx as Ie}from"vue";var Le=/* @__PURE__ */ e({default:()=>w}),Re=[`id`],ze={key:1,ref:`noTitle`,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},Be=[`xmlns`,`viewBox`,`aria-labelledby`,`aria-describedby`],Ve=[`id`],He=[`id`],Ue=[`width`,`height`],We=[`id`],Ge=[`x`,`y`,`width`,`height`,`rx`,`ry`],Ke=[`clip-path`],qe=[`x`,`y`,`height`,`width`],Je=[`x`,`y`,`height`,`width`,`fill`],Ye=[`x1`,`x2`,`y1`,`y2`,`stroke-width`,`stroke`],Xe=[`x1`,`x2`,`y1`,`y2`,`stroke-width`,`stroke`],Ze=[`x1`,`x2`,`y1`,`y2`,`stroke-width`,`stroke`],Qe=[`x1`,`x2`,`y1`,`y2`,`stroke-width`,`stroke`],$e=[`x1`,`x2`,`y1`,`y2`,`stroke-width`,`stroke`],et=[`x1`,`x2`,`y1`,`y2`,`stroke-width`,`stroke`],tt=[`x1`,`x2`,`y1`,`y2`,`stroke-width`,`stroke`],nt=[`x1`,`x2`,`y1`,`y2`,`stroke-width`,`stroke`],rt=[`x`,`y`,`height`,`width`],it=[`aria-label`],at=[`x`,`y`,`height`],ot=[`y`,`x`,`fill`,`font-size`,`font-weight`],st={key:4,class:`vue-data-ui-watermark`},w=/*#__PURE__*/ de({__name:`vue-ui-thermometer`,props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:de,emit:Le}){Pe(e=>({v593c4b2a:Mt.value,f50a08fa:jt.value,v44f0d5a0:At.value}));let w=m(()=>import(`./PackageVersion-ATrKWi8V.js`).then(e=>e.t)),ct=m(()=>import(`./PenAndPaper-BsBFp16i.js`).then(e=>e.t)),lt=m(()=>import(`./UserOptions-BSJ_S_us.js`).then(e=>e.n)),{vue_ui_thermometer:ut}=t(),dt=Ee(),T=e,ft=Le,E=y(ee()),D=y(null),pt=y(0),mt=y(0),ht=y(null),gt=y(null),O=y(null),k=y(null),_t=l(()=>!!T.dataset&&Object.keys(T.dataset).length);Me(()=>{St()});let A=y(B()),j=l(()=>A.value.userOptions),M=l(()=>A.value.style.chart.graduations),N=l(()=>A.value.style.chart);le({config:()=>A.value,dataset:()=>T.dataset,component:`VueUiThermometer`,rules:[ue.noHint]});let vt=y(N.value.thermometer.width),P=y(N.value.height),F=y(N.value.width),yt=l(()=>A.value.userOptions.useCursorPointer),bt=l(()=>ne({defaultConfig:{userOptions:{show:!1},style:{chart:{animation:{use:!1},backgroundColor:`#99999930`,graduations:{stroke:`#6A6A6A`}}}},userConfig:A.value.skeletonConfig??{}})),{loading:I,FINAL_DATASET:L}=se({...Ne(T),FINAL_CONFIG:A,prepareConfig:B,skeletonDataset:T.config?.skeletonDataset??{value:0,from:-100,to:100,steps:20,colors:{from:`#A1A1A1`,to:`#CACACA`}},skeletonConfig:ne({defaultConfig:A.value,userConfig:bt.value})}),xt=l(()=>A.value.debug);function St(){if(oe(T.dataset)?o({componentName:`VueUiThermometer`,type:`dataset`,debug:xt.value}):ae({datasetObject:T.dataset,requiredAttributes:[`value`,`from`,`to`]}).forEach(e=>{o({componentName:`VueUiThermometer`,type:`datasetAttribute`,property:e,debug:xt.value})}),A.value.responsive){let e=xe(()=>{let{width:e,height:t}=Se({chart:D.value,title:A.value.style.title.text?ht.value:null,source:gt.value});requestAnimationFrame(()=>{P.value=Math.max(.1,t-12),F.value=e,Rt()})});O.value&&(k.value&&O.value.unobserve(k.value),O.value.disconnect()),O.value=new ResizeObserver(e),k.value=D.value,O.value.observe(k.value)}Rt()}let{userOptionsVisible:R,setUserOptionsVisibility:Ct,keepUserOptionState:wt}=we({config:A.value}),{svgRef:z}=Te({config:A.value.style.title});function B(){return fe(T.config,ut,Oe)}Fe(()=>T.config,e=>{A.value=B(),R.value=!A.value.userOptions.showOnChartHover,vt.value=N.value.thermometer.width,P.value=N.value.height,F.value=N.value.width,St(),mt.value+=1},{deep:!0});let{isPrinting:V,isImaging:H,generatePdf:Tt,generateImage:Et}=be({elementId:`thermometer__${E.value}`,fileName:A.value.style.title.text||`vue-ui-thermometer`,options:A.value.userOptions.print}),Dt=l(()=>A.value.userOptions.show&&!A.value.style.title.text),U=l(()=>ie(A.value.customPalette)),W=l(()=>L.value.steps||10);function G(e,t,n){let r=[],i=Ot(e),a=Ot(t);for(let e=0;e<n;e+=1){let t=K(i.red,a.red,e,n),ee=K(i.green,a.green,e,n),o=K(i.blue,a.blue,e,n),s=`#${q(t)}${q(ee)}${q(o)}`;r.push(s)}return r}function Ot(e){let t=e.slice(1);return{red:parseInt(t.slice(0,2),16),green:parseInt(t.slice(2,4),16),blue:parseInt(t.slice(4,6),16)}}function K(e,t,n,r){return Math.round(e+(t-e)*n/r)}function q(e){return e.toString(16).padStart(2,`0`)}let J=l(()=>{let e=Math.max(.1,F.value),t=Math.max(.1,P.value),n=N.value.padding;return{width:e,left:e/2-N.value.thermometer.width/2,right:e/2+N.value.thermometer.width/2,top:n.top,bottom:t-n.bottom-n.top,height:t,thermoHeight:t-n.top-n.bottom,thermoWidth:N.value.thermometer.width}}),kt=l(()=>J.value),Y=l(()=>{let e=s(L.value.from)<0?Math.abs(s(L.value.from)):s(L.value.from),t=s(L.value.to)<0?Math.abs(s(L.value.to)):s(L.value.to),n=0;return n=s(L.value.to)>0?e+t:e>t?e-t:t-e,(1-(Math.abs(s(L.value.from))+s(L.value.value))/n)*J.value.thermoHeight}),At=l(()=>`${Y.value}px`),jt=l(()=>`${J.value.thermoHeight}px`),Mt=l(()=>dt.value?`0ms`:`${N.value.animation.speedMs}ms`),Nt=l(()=>{if(L.value.colors){if(!L.value.colors.from)return G(U.value[0]||r[0],a(L.value.colors.to),W.value||10);if(!L.value.colors.to)return G(a(L.value.colors.from),U.value[1]||r[1],W.value||10)}else return G(U.value[1]||r[1],U.value[0]||r[0],W.value||10);return G(a(L.value.colors.from),a(L.value.colors.to),W.value||10)}),Pt=l(()=>{let e=[],t=0,n=J.value.thermoHeight;for(let r=0;r<n-1;r+=n/W.value)e.push({x:J.value.left,y:J.value.top+r,qYLess:J.value.top+r+n/W.value/4,halfY:J.value.top+r+n/W.value/2,qYMore:J.value.top+r+n/W.value/4*3,color:Nt.value[t],height:Math.max(.1,n/W.value)}),t+=1;return e}),X=y(!1);function Ft(e){X.value=e,pt.value+=1}let Z=y(!1);function It(){Z.value=!Z.value}async function Lt({scale:e=2}={}){if(!D.value)return;let{width:t,height:n}=D.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await pe({domElement:D.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:A.value.style.title.text,width:t,height:n,aspectRatio:r}}let Q=l({get:()=>N.value.label.fontSize,set:e=>e}),{autoSizeLabels:Rt}=De({svgRef:z,fontSize:N.value.label.fontSize,minFontSize:N.value.label.minFontSize,sizeRef:Q,labelClass:`.vue-ui-thermometer-label`}),zt=l(()=>N.value.backgroundColor),Bt=l(()=>A.value.style.title),{isCallbackImaging:Vt,isCallbackSvg:Ht,generateSvg:Ut,onGenerateImage:Wt}=he({svg:z,title:Bt,legend:null,legendItems:null,backgroundColor:zt,getSvgCallback:()=>A.value.userOptions.callbacks.svg,generateImage:Et});async function Gt(){if(ft(`copyAlt`,{config:A.value,dataset:L.value}),!A.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(A.value.userOptions.callbacks.altCopy({config:A.value,dataset:L.value}))}let Kt=l(()=>`${E.value}-title`),qt=l(()=>`${E.value}-desc`),$=l(()=>te(N.value.label.formatter,L.value.value,n({p:N.value.label.prefix,v:L.value.value,s:N.value.label.suffix,r:N.value.label.rounding}),{datapoint:L.value})),Jt=l(()=>A.value.style.title.text||``),Yt=l(()=>{if(I.value)return`...`;let e=s(L.value.from),t=s(L.value.to);return`Thermometer value: ${$.value}. Range: ${e} to ${t}.`});return de({getImage:Lt,generatePdf:Tt,generateImage:Et,generateSvg:Ut,toggleAnnotator:It,toggleFullscreen:Ft,copyAlt:Gt}),(e,t)=>(v(),f(`div`,{ref_key:`thermoChart`,ref:D,class:g(`vue-data-ui-component vue-ui-thermometer ${X.value?`vue-data-ui-wrapper-fullscreen`:``}`),style:je(`width:100%;background:${N.value.backgroundColor};color:${N.value.color};font-family:${A.value.style.fontFamily}`),id:`thermometer__${E.value}`,onMouseenter:t[0]||=()=>C(Ct)(!0),onMouseleave:t[1]||=()=>C(Ct)(!1)},[j.value.buttons.annotator?(v(),u(C(ct),{key:0,svgRef:C(z),backgroundColor:N.value.backgroundColor,color:N.value.color,active:Z.value,isCursorPointer:yt.value,palette:j.value.annotatorPalette,onClose:It},ke({_:2},[b(C(_e),t=>({name:t,fn:Ie(n=>[x(e.$slots,t,_(h(C(ge)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):d(``,!0),Dt.value?(v(),f(`div`,ze,null,512)):d(``,!0),A.value.style.title.text?(v(),f(`div`,{key:2,ref_key:`chartTitle`,ref:ht,style:`width:100%`},[(v(),u(me,{key:`title_${mt.value}`,config:{title:{cy:`thermometer-div-title`,...A.value.style.title},subtitle:{cy:`thermometer-div-subtitle`,...A.value.style.title.subtitle}}},null,8,[`config`]))],512)):d(``,!0),j.value.show&&_t.value&&(C(wt)||C(R))?(v(),u(C(lt),{ref:`details`,key:`user_options_${pt.value}`,backgroundColor:N.value.backgroundColor,color:N.value.color,isImaging:C(H),isPrinting:C(V),uid:E.value,hasPdf:j.value.buttons.pdf,hasImg:j.value.buttons.img,hasSvg:j.value.buttons.svg,hasFullscreen:j.value.buttons.fullscreen,hasAltCopy:j.value.buttons.altCopy,hasXls:!1,isFullscreen:X.value,titles:{...j.value.buttonTitles},chartElement:D.value,position:j.value.position,hasAnnotator:j.value.buttons.annotator,isAnnotation:Z.value,callbacks:j.value.callbacks,printScale:j.value.print.scale,isCursorPointer:yt.value,onToggleFullscreen:Ft,onGeneratePdf:C(Tt),onGenerateImage:C(Wt),onGenerateSvg:C(Ut),onToggleAnnotator:It,onCopyAlt:Gt,style:je({visibility:C(wt)?C(R)?`visible`:`hidden`:`visible`})},ke({_:2},[b(C(ve)(e.$slots,`menuIcon optionPdf optionImg optionSvg optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Ie(n=>[x(e.$slots,t,_(h(C(ye)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isImaging`,`isPrinting`,`uid`,`hasPdf`,`hasImg`,`hasSvg`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`titles`,`chartElement`,`position`,`hasAnnotator`,`isAnnotation`,`callbacks`,`printScale`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):d(``,!0),(v(),f(`svg`,{ref_key:`svgRef`,ref:z,xmlns:C(re),class:g({"vue-data-ui-fullscreen--on":X.value,"vue-data-ui-fulscreen--off":!X.value}),width:`100%`,viewBox:`0 0 ${J.value.width} ${J.value.height}`,style:`background:transparent`,"aria-labelledby":Kt.value,"aria-describedby":qt.value},[p(`title`,{id:Kt.value},S(Jt.value),9,Ve),p(`desc`,{id:qt.value},S(Yt.value),9,He),Ae(C(w)),e.$slots[`chart-background`]?(v(),f(`foreignObject`,{key:0,x:0,y:0,width:J.value.width,height:J.value.height,style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,Ue)):d(``,!0),p(`defs`,null,[p(`clipPath`,{id:`vueUiPill-${E.value}`,clipPathUnits:`userSpaceOnUse`},[p(`rect`,{x:J.value.left,y:J.value.top,width:J.value.thermoWidth,height:J.value.thermoHeight,rx:J.value.thermoWidth/2,ry:J.value.thermoWidth/2},null,8,Ge)],8,We),(v(!0),f(c,null,b(Pt.value,(e,t)=>(v(),u(Ce,{t:`linear`,id:`vueUiThermometerGradient_${t}_${E.value}`,key:`t_${t}_${E.value}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,e.color,1],[`50%`,C(i)(e.color,100-M.value.gradient.intensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128))]),p(`g`,{"clip-path":`url(#vueUiPill-${E.value})`},[p(`rect`,{x:J.value.left,y:J.value.top,height:J.value.thermoHeight,width:J.value.thermoWidth,fill:`#FFFFFF`},null,8,qe),(v(!0),f(c,null,b(Pt.value,(e,t)=>(v(),f(`g`,{key:`graduation_${t}`},[p(`rect`,{x:e.x,y:e.y,height:e.height,width:J.value.thermoWidth,fill:M.value.gradient.show?`url(#vueUiThermometerGradient_${t}_${E.value})`:e.color,"shape-rendering":`crispEdges`},null,8,Je),M.value.show&&[`both`,`left`].includes(M.value.sides)?(v(),f(`line`,{key:0,x1:e.x,x2:e.x+10,y1:e.y,y2:e.y,"stroke-width":M.value.strokeWidth,stroke:M.value.stroke,"stroke-linecap":`round`},null,8,Ye)):d(``,!0),M.value.showIntermediate?(v(),f(c,{key:1},[M.value.show&&[`both`,`left`].includes(M.value.sides)?(v(),f(`line`,{key:0,x1:e.x,x2:e.x+5,y1:e.halfY,y2:e.halfY,"stroke-width":M.value.strokeWidth/2,stroke:M.value.stroke,"stroke-linecap":`round`},null,8,Xe)):d(``,!0),M.value.show&&[`both`,`left`].includes(M.value.sides)?(v(),f(`line`,{key:1,x1:e.x,x2:e.x+2.5,y1:e.qYLess,y2:e.qYLess,"stroke-width":M.value.strokeWidth/2,stroke:M.value.stroke,"stroke-linecap":`round`},null,8,Ze)):d(``,!0),M.value.show&&[`both`,`left`].includes(M.value.sides)?(v(),f(`line`,{key:2,x1:e.x,x2:e.x+2.5,y1:e.qYMore,y2:e.qYMore,"stroke-width":M.value.strokeWidth/2,stroke:M.value.stroke,"stroke-linecap":`round`},null,8,Qe)):d(``,!0)],64)):d(``,!0),M.value.show&&[`both`,`right`].includes(M.value.sides)?(v(),f(`line`,{key:2,x1:J.value.right,x2:J.value.right-10,y1:e.y,y2:e.y,"stroke-width":M.value.strokeWidth,stroke:M.value.stroke,"stroke-linecap":`round`},null,8,$e)):d(``,!0),M.value.showIntermediate?(v(),f(c,{key:3},[M.value.show&&[`both`,`right`].includes(M.value.sides)?(v(),f(`line`,{key:0,x1:J.value.right,x2:J.value.right-5,y1:e.halfY,y2:e.halfY,"stroke-width":M.value.strokeWidth/2,stroke:M.value.stroke,"stroke-linecap":`round`},null,8,et)):d(``,!0),M.value.show&&[`both`,`right`].includes(M.value.sides)?(v(),f(`line`,{key:1,x1:J.value.right,x2:J.value.right-2.5,y1:e.qYLess,y2:e.qYLess,"stroke-width":M.value.strokeWidth/2,stroke:M.value.stroke,"stroke-linecap":`round`},null,8,tt)):d(``,!0),M.value.show&&[`both`,`right`].includes(M.value.sides)?(v(),f(`line`,{key:2,x1:J.value.right,x2:J.value.right-2.5,y1:e.qYMore,y2:e.qYMore,"stroke-width":M.value.strokeWidth/2,stroke:M.value.stroke,"stroke-linecap":`round`},null,8,nt)):d(``,!0)],64)):d(``,!0)]))),128)),p(`rect`,{class:g({"vue-ui-thermometer-temperature":N.value.animation.use}),x:J.value.left,y:J.value.top,height:Y.value,width:J.value.thermoWidth,fill:`#FFFFFF66`},null,10,rt)],8,Ke),N.value.label.show?(v(),f(`g`,{key:1,role:`status`,"aria-live":`polite`,"aria-label":C(I)?`Loading data`:$.value},[C(I)?(v(),f(`rect`,{key:0,x:J.value.left-60,y:Y.value+J.value.top-Q.value/2,width:50,height:Q.value,fill:`#6A6A6A40`,rx:`3`},null,8,at)):(v(),f(`text`,{key:1,"aria-hidden":`true`,class:g({"vue-ui-thermometer-temperature-value":N.value.animation.use,"vue-ui-thermometer-label":!0}),y:Y.value+J.value.top+Q.value/3,x:J.value.left-10,"text-anchor":`end`,fill:N.value.label.color,"font-size":Q.value,"font-weight":N.value.label.bold?`bold`:`normal`},S($.value),11,ot))],8,it)):d(``,!0),x(e.$slots,`svg`,{svg:{...kt.value,isPrintingImg:C(V)||C(H)||C(Vt),isPrintingSvg:C(Ht)}},void 0,!0)],10,Be)),e.$slots.watermark?(v(),f(`div`,st,[x(e.$slots,`watermark`,_(h({isPrinting:C(V)||C(H)||C(Vt)||C(Ht)})),void 0,!0)])):d(``,!0),e.$slots.source?(v(),f(`div`,{key:5,ref_key:`source`,ref:gt,dir:`auto`},[x(e.$slots,`source`,{},void 0,!0)],512)):d(``,!0),x(e.$slots,`skeleton`,{},()=>[C(I)?(v(),u(ce,{key:0})):d(``,!0)],!0)],46,Re))}},[[`__scopeId`,`data-v-fe907101`]]);export{Le as n,w as t};