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

package/dist/vue-ui-scatter-BTgvOmuo.js

@@ -0,0 +1,9 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,Ct as c,D as l,Dt as u,F as d,Ht as f,Jt as p,P as m,Qt as ee,S as te,X as ne,_ as re,at as ie,b as h,i as g,in as ae,jt as oe,nt as se,pt as ce,t as le,tn as ue,v as de,w as fe,yt as pe,zt as me}from"./lib-zDxoqrgo.js";import{n as he,t as ge}from"./useHints-BH9r_0Vd.js";import{t as _e}from"./useConfig-CKdzPrcf.js";import{t as ve}from"./usePrinter-CnyKPIFM.js";import{n as ye,t as be}from"./BaseScanner-8NdoBs7B.js";import{t as xe}from"./useChartExport-DtPNpc9M.js";import{t as Se}from"./useTransitions-DfSHzsdz.js";import{t as Ce}from"./img-8sM3sVWU.js";import{n as we}from"./Title-BRAjxtjG.js";import{t as Te}from"./Shape-tkp65OcG.js";import{t as Ee}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as De,t as Oe}from"./useResponsive-D2CPcpda.js";import{t as ke}from"./DefGrad-DKMq1REY.js";import{t as Ae}from"./BaseLegendToggle-Dn_tNvn4.js";import{t as je}from"./A11yDataTable-DWNlWXzs.js";import{n as Me}from"./resolveChartConfig-BSo1Oe9n.js";import{t as Ne}from"./useUserOptionState-CXlFnwPv.js";import{t as Pe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Fe}from"./Legend-DokTll4u.js";import{t as Ie}from"./vue_ui_scatter-C50uFYQL.js";import{Fragment as _,Teleport as Le,computed as v,createBlock as y,createCommentVNode as b,createElementBlock as x,createElementVNode as S,createSlots as Re,createTextVNode as ze,createVNode as Be,defineAsyncComponent as Ve,guardReactiveProps as He,mergeProps as Ue,nextTick as We,normalizeClass as Ge,normalizeProps as Ke,normalizeStyle as qe,onBeforeUnmount as Je,onMounted as Ye,openBlock as C,ref as w,renderList as T,renderSlot as E,resolveDynamicComponent as Xe,shallowRef as Ze,toDisplayString as D,toRefs as Qe,unref as O,watch as $e,withCtx as k}from"vue";var et=/* @__PURE__ */ e({default:()=>wn}),tt=[`id`],nt=[`id`],rt={key:0,class:`sr-only`,"aria-live":`polite`,"aria-atomic":`true`},it=[`id`],at={style:{position:`relative`}},ot=[`xmlns`,`aria-describedby`,`viewBox`],st=[`width`,`height`],ct={key:1},lt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ut=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],dt={key:2},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`opacity`],mt=[`stroke`,`stroke-width`,`d`],ht=[`transform`,`font-size`,`fill`,`stroke`],gt={key:4},_t=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],vt=[`opacity`],yt=[`d`,`stroke`,`stroke-width`],bt=[`transform`,`font-size`,`fill`,`stroke`],xt={key:6},St=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`,`rx`],Ct=[`x`,`y`,`width`,`height`,`onMouseenter`],wt={key:2,style:{"pointer-events":`none`}},Tt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`],Et=[`x1`,`x2`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Dt=[`x1`,`x2`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Ot=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`,`rx`],kt=[`x`,`y`,`width`,`height`,`onMouseenter`],At={key:2,style:{"pointer-events":`none`}},jt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`],Mt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Nt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Pt={key:0,style:{"pointer-events":`none`}},Ft=[`d`,`stroke`,`stroke-width`],It=[`d`,`stroke`,`stroke-width`],Lt=[`d`,`stroke`,`stroke-width`],Rt=[`d`,`stroke`,`stroke-width`],zt={key:7},Bt=[`points`,`fill`,`stroke-width`,`stroke-dasharray`,`stroke`],Vt={key:0,class:`vue-ui-scatter-datapoint`},Ht=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseover`,`onMouseleave`,`onClick`],Ut={key:1},Wt=[`transform`,`font-size`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],Gt=[`d`,`fill`,`stroke`,`stroke-width`,`stroke-opacity`],Kt={key:0,style:{"pointer-events":`none`}},qt=[`x`,`y`,`width`,`height`],Jt={key:0,style:{"pointer-events":`none !important`}},Yt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Xt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Zt=[`x`,`y`,`font-size`,`fill`,`font-weight`,`text-anchor`],Qt=[`x`,`y`,`font-size`,`fill`,`font-weight`],$t=[`x`,`y`,`font-size`,`fill`],en=[`x`,`y`,`font-size`,`fill`],tn=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],nn=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],rn=[`x`,`y`,`font-size`,`fill`,`font-weight`,`text-anchor`],an=[`id`,`transform`,`font-size`,`font-weight`,`fill`],on=[`font-size`,`fill`,`transform`],sn=[`transform`,`font-size`,`fill`],cn=[`x`,`y`,`font-size`,`fill`],ln=[`x`,`y`,`font-size`,`fill`],un=[`font-size`,`font-weight`,`fill`,`x`,`y`],dn=[`id`],fn=[`x`,`y`,`width`,`height`],pn={key:14,style:{pointerEvents:`none`}},mn=[`x1`,`x2`,`y1`,`y2`,`stroke-dasharray`,`stroke`,`stroke-width`,`clip-path`],hn=[`x`,`y`,`fill`,`font-size`,`font-weight`],gn={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},_n={key:6,class:`vue-data-ui-watermark`},vn=[`id`],yn=[`onClick`],bn={key:0,style:{width:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`}},xn={viewBox:`0 0 20 20`,height:`20`,width:`20`,style:{overflow:`hidden`,background:`transparent`}},Sn={key:0},Cn=[`innerHTML`],wn=/*#__PURE__*/ Ee({__name:`vue-ui-scatter`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`,`selectLegend`],setup(e,{expose:Ee,emit:et}){let wn=Ve(()=>import(`./Tooltip-BUXB0i6z.js`)),Tn=Ve(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),En=Ve(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),Dn=Ve(()=>import(`./DataTable-DSUA5M9p.js`)),On=Ve(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),kn=Ve(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),An=Ve(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),jn=Ve(()=>import(`./BaseDraggableDialog-T1gEsQid.js`).then(e=>e.n)),{vue_ui_scatter:Mn}=_e(),A=e,Nn=et,Pn=v(()=>!!A.dataset&&A.dataset.length),j=w(ne()),Fn=w(!1),In=w(``),Ln=w(0),Rn=w(null),zn=w(null),Bn=w(null),Vn=w(null),Hn=w(null),Un=w(0),Wn=w(0),Gn=w(0),M=w([]),Kn=w(!1),qn=w(null),Jn=w(null),Yn=w(null),Xn=w(null),Zn=w(null),Qn=w(null),$n=w(null),er=w(null),tr=w(null),nr=w(null),rr=w(null),ir=w({x:0,y:0}),ar=w(`pointer`),or=w(!1),sr=w(null),N=w(br()),P=v(()=>N.value.userOptions),F=v(()=>N.value.style.layout.dataLabels.xAxis),I=v(()=>N.value.style.layout.dataLabels.yAxis),L=v(()=>N.value.style.layout.marginalBars),R=v(()=>N.value.style.layout.plots),z=v(()=>N.value.style.tooltip),B=v(()=>N.value.style);he({config:()=>N.value,dataset:()=>A.dataset,component:`VueUiScatter`,rules:[ge.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series (clusters) is > 6. Consider:`,``,``,`▶️ Using filters to let users choose a maximum number of series (clusters) to display.`]}]});let{transitionEnabled:cr}=Se({config:()=>N.value.transitions,dataset:()=>A.dataset}),lr=v(()=>N.value.userOptions.useCursorPointer),ur=v(()=>u(N.value.events?.datapointClick));function dr(e=100,t=.8,n={}){let{meanX:r=0,sdX:i=1,meanY:a=0,sdY:o=1,seed:s}=n,c=(s??Math.floor(Math.random()*2**31))>>>0,l=()=>(c=c*1664525+1013904223>>>0,c/2**32),u=()=>{let e=0,t=0;for(;e===0;)e=l();for(;t===0;)t=l();return Math.sqrt(-2*Math.log(e))*Math.cos(2*Math.PI*t)},d=e/2,f=Array.from({length:d},u),p=Array.from({length:d},u),m=e=>e.reduce((e,t)=>e+t,0)/e.length,ee=m(f),te=m(p);for(let e=0;e<d;e+=1)f[e]-=ee,p[e]-=te;let ne=(e,t)=>e.reduce((e,n,r)=>e+n*t[r],0),re=e=>ne(e,e),ie=ne(p,f)/re(f),h=p.map((e,t)=>e-ie*f[t]),g=re(f)/d,ae=re(h)/d,oe=Math.sqrt((1-t*t)*g/ae),se=f.map((e,n)=>t*e+oe*h[n]),ce=f.concat(f.map(e=>-e)),le=se.concat(se.map(e=>-e)),ue=e=>Math.sqrt(re(e)/e.length),de=(e,t,n)=>{let r=ue(e);return e.map(e=>n+(r?e/r*t:0))},fe=de(ce,i,r),pe=de(le,o,a);for(let e=fe.length-1;e>0;--e){let t=Math.floor(l()*(e+1));[fe[e],fe[t]]=[fe[t],fe[e]],[pe[e],pe[t]]=[pe[t],pe[e]]}return fe.map((e,t)=>({x:e,y:pe[t]}))}let fr=v(()=>ae({defaultConfig:{userOptions:{show:!1},table:{show:!1},useCssAnimation:!1,style:{backgroundColor:`#99999930`,layout:{axis:{stroke:`#6A6A6A`},correlation:{label:{show:!1}},dataLabels:{xAxis:{show:!1},yAxis:{show:!1}},marginalBars:{fill:`#99999960`},padding:{top:12,right:12,bottom:12,left:12},plots:{stroke:`#6A6A6A`}},legend:{backgroundColor:`transparent`}}},userConfig:N.value.skeletonConfig??{}})),{loading:pr,FINAL_DATASET:mr,manualLoading:hr}=ye({...Qe(A),FINAL_CONFIG:N,prepareConfig:br,skeletonDataset:A.config?.skeletonDataset??[{name:``,color:`#999999`,values:dr(100,.5,{seed:42})}],skeletonConfig:ae({defaultConfig:N.value,userConfig:fr.value})}),{userOptionsVisible:gr,setUserOptionsVisibility:_r,keepUserOptionState:vr}=Ne({config:N.value}),{svgRef:yr}=Pe({config:B.value.title});function br(){return Me(A.config,Mn,Ie)}let xr=ee(A.config);$e(()=>A.config,(e,t)=>{let n=ee(e),r=n!==xr;xr=n;let i=br();if(!r){N.value.style.tooltip=i.style.tooltip,V.value.showTooltip=N.value.style.tooltip.show;return}pr.value||(N.value=i),gr.value=!N.value.userOptions.showOnChartHover,Tr(),Un.value+=1,Wn.value+=1,Gn.value+=1,V.value.showTable=N.value.table.show,V.value.showTooltip=z.value.show,wr.value&&N.value.usePerformanceMode&&console.warn(`VueUiScatter : You are using performance mode
+
+- downsampling is disabled in this mode, all plots are rendered
+
+- plot significance is not active in this mode (all plots have the same opacity) 
+
+- Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness 
+
+ℹ️ To remove this warning, set config.debug to false.`)},{deep:!0}),$e(()=>A.dataset,e=>{Array.isArray(e)&&e.length>0&&(hr.value=!1)},{deep:!0});let Sr=Ze(null),Cr=Ze(null);Ye(async()=>{Tr(),await We(),Kn.value=!0});let wr=v(()=>N.value.debug);function Tr(){if(me(A.dataset)&&(ie({componentName:`VueUiScatter`,type:`dataset`,debug:wr.value}),hr.value=!0),me(A.dataset)||(hr.value=N.value.loading),N.value.responsive){let e=De(()=>{let{width:e,height:t}=Oe({chart:Rn.value,title:B.value.title.text?zn.value:null,legend:B.value.legend.show?Bn.value:null,source:Vn.value,noTitle:Hn.value});requestAnimationFrame(()=>{H.value.width=e,H.value.height=t})});Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect()),Sr.value=new ResizeObserver(e),Cr.value=Rn.value.parentNode,Sr.value.observe(Cr.value)}}Je(()=>{Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect())});let{isPrinting:Er,isImaging:Dr,generatePdf:Or,generateImage:kr}=ve({elementId:`vue-ui-scatter_${j.value}`,fileName:B.value.title.text||`vue-ui-scatter`,options:N.value.userOptions.print}),Ar=v(()=>N.value.userOptions.show&&!B.value.title.text),jr=v(()=>fe(N.value.customPalette)),V=w({showTable:N.value.table.show,showTooltip:z.value.show});$e(N,()=>{V.value={showTable:N.value.table.show,showTooltip:z.value.show}},{immediate:!0});let H=w({height:B.value.layout.height,width:B.value.layout.width}),Mr=v(()=>L.value.show?L.value.size+L.value.offset:0);function Nr(){let e=0;if(I.value.scales.show&&tr.value)try{e=Array.from(tr.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0)}catch{e=0}let t=0;if(Zn.value)try{t=Zn.value.getBBox().width}catch{t=0}return Math.max(t,e?e+12:0)}function Pr(){let e=0;if(Qn.value)try{let t=Qn.value.getBBox(),n=t.x+t.width-H.value.width;e=n>0?n+6:0}catch{e=0}let t=0;if(F.value.scales.show&&nr.value)try{t=Array.from(nr.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getBBox(),r=n.x+n.width-H.value.width,i=r>0?r+6:0;return i>e?i:e},0)}catch{t=0}return e>t?e:t}let U=v(()=>{let e=0,t=0,n=0;if(e=Nr(),t=Pr(),er.value)try{n=er.value.getBBox().height+6}catch{n=0}return{top:B.value.layout.padding.top+Mr.value+I.value.fontSize*2,right:H.value.width-B.value.layout.padding.right-Mr.value-6-t,bottom:H.value.height-B.value.layout.padding.bottom-n,left:B.value.layout.padding.left+e,height:H.value.height-B.value.layout.padding.top-B.value.layout.padding.bottom-Mr.value-n-I.value.fontSize*2,width:H.value.width-B.value.layout.padding.left-B.value.layout.padding.right-Mr.value-e-t-6}}),Fr=v(()=>{wr.value&&mr.value.forEach((e,t)=>{pe({datasetObject:e,requiredAttributes:[`values`]}).forEach(e=>{ie({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:e,index:t})}),e.values&&e.values.forEach((e,n)=>{pe({datasetObject:e,requiredAttributes:[`x`,`y`]}).forEach(e=>{ie({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:`values.${e}`,index:`${t} - ${n}`})})})});let e=Math.min(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.x))),t=Math.max(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.x))),n=Math.min(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.y))),r=Math.max(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.y)));return{xMin:e<0?e:0,xMax:t,yMin:n<0?n:0,yMax:r}}),Ir=v(()=>{let e=B.value.layout.axis;return{xMin:e.xMin!==null&&e.xMin!==void 0?e.xMin:Fr.value.xMin,xMax:e.xMax!==null&&e.xMax!==void 0?e.xMax:Fr.value.xMax,yMin:e.yMin!==null&&e.yMin!==void 0?e.yMin:Fr.value.yMin,yMax:e.yMax!==null&&e.yMax!==void 0?e.yMax:Fr.value.yMax}});function Lr(e){return Number.isFinite(e)?e<2?2:Math.trunc(e):5}function Rr(e){return e.roundingValue!==void 0&&e.roundingValue!==null?e.roundingValue:e.rounding!==void 0&&e.rounding!==null?e.rounding:0}function zr({minimum:e,maximum:t,stepCount:n,useNiceScale:r}){let i=Lr(n);if(e===t){let n=t+(e===0?1:Math.abs(e)*.01);return(r?re:de)(e,n,i)}return(r?re:de)(e,t,i)}let Br=v(()=>{let e=F.value;return zr({minimum:Ir.value.xMin,maximum:Ir.value.xMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),Vr=v(()=>{let e=I.value;return zr({minimum:Ir.value.yMin,maximum:Ir.value.yMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),W=v(()=>({xMin:Br.value.min,xMax:Br.value.max,yMin:Vr.value.min,yMax:Vr.value.max})),Hr=v(()=>{let e=F.value,t=e.scales.labels;return Br.value.ticks.map(n=>({value:n,x:Kr(n),label:g(t.formatter,h(n),s({p:R.value.selectors.labels.prefix,v:h(n),s:R.value.selectors.labels.suffix,r:Rr(e)}))}))}),Ur=v(()=>{let e=I.value,t=e.scales.labels;return Vr.value.ticks.map(n=>({value:n,y:qr(n),label:g(t.formatter,h(n),s({p:R.value.selectors.labels.prefix,v:h(n),s:R.value.selectors.labels.suffix,r:Rr(e)}))}))}),Wr=v(()=>si.value.length>0&&F.value.scales.show),Gr=v(()=>si.value.length>0&&I.value.scales.show);function Kr(e){let t=W.value.xMax-W.value.xMin;return t===0?U.value.left:U.value.left+(e-W.value.xMin)/t*U.value.width}function qr(e){let t=W.value.yMax-W.value.yMin;return t===0?U.value.bottom:U.value.bottom-(e-W.value.yMin)/t*U.value.height}let G=v(()=>{let{xMin:e,xMax:t,yMin:n,yMax:r}=W.value,i=e>0?e:t<0?t:0,a=n>0?n:r<0?r:0;return{x:Kr(i),y:qr(a)}}),K=v(()=>mr.value.map((e,t)=>{let n=`cluster_${j.value}_${t}`;return{...e,values:oe({data:e.values,threshold:N.value.usePerformanceMode?e.values.length+1:N.value.downsample.threshold}),id:n,color:e.color?e.color:jr.value[t]||f[t]||f[t%f.length],opacity:M.value.includes(n)?.5:1,shape:e.shape??`circle`,segregate:()=>mi(n),isSegregated:M.value.includes(n),hasGroupSelection:!!ni.value,isGroupSelected:ni.value===n,onEnter:()=>ii(n),onLeave:()=>ai()}})),Jr=v(()=>({cy:`scatter-div-legend`,backgroundColor:B.value.legend.backgroundColor,color:B.value.legend.color,fontSize:B.value.legend.fontSize,paddingBottom:12,fontWeight:B.value.legend.bold?`bold`:``})),Yr=v(()=>K.value.map((e,t)=>({...e,plots:e.values.map((n,r)=>({x:Kr(n.x),y:qr(n.y),v:{...n,name:n.name||``},clusterName:e.name,clusterId:e.id,color:e.color?e.color:jr.value[t]||f[t]||f[t%f.length],id:`plot_${j.value}_${t}_${r}`,weight:n.weight??R.value.radius}))})).filter(e=>!M.value.includes(e.id))),q=v(()=>{let e=1e-9,t=({m:t,b:n,rect:r,verticalX:i=null})=>{let{left:a,right:o,top:s,bottom:c}=r,l=[],u=(e,t)=>{Number.isFinite(e)&&Number.isFinite(t)&&l.push({x:e,y:t})},d=({x:t,y:n})=>t>=a-e&&t<=o+e&&n>=s-e&&n<=c+e;i===null?Number.isFinite(t)&&(u(a,t*a+n),u(o,t*o+n),Math.abs(t)>e?(u((s-n)/t,s),u((c-n)/t,c)):n>=s-e&&n<=c+e&&(u(a,n),u(o,n))):i>=a-e&&i<=o+e&&(u(i,s),u(i,c));let f=l.filter(d),p=[];for(let e of f)p.some(t=>Math.abs(t.x-e.x)<1e-6&&Math.abs(t.y-e.y)<1e-6)||p.push(e);if(p.length<2)return null;let m=p[0],ee=p[1],te=0;for(let e=0;e<p.length;e+=1)for(let t=e+1;t<p.length;t+=1){let n=p[e].x-p[t].x,r=p[e].y-p[t].y,i=n*n+r*r;i>te&&(te=i,m=p[e],ee=p[t])}return{x1:m.x,y1:m.y,x2:ee.x,y2:ee.y}};return Yr.value.map(n=>{let r=n.plots.length,i=n.plots.reduce((e,t)=>e+t.x,0)/r,a=n.plots.reduce((e,t)=>e+t.y,0)/r,o=0,s=0,c=0;for(let e of n.plots){let t=e.x-i,n=e.y-a;o+=t*n,s+=t*t,c+=n*n}let l,u,d=null;s<e?(d=i,l=1/0,u=null):(l=o/s,u=a-l*i);let f,p;d===null?(f=l,p=u):(f=1/0,p=null);let m=n.plots.every(e=>e.v&&typeof e.v.x==`number`&&typeof e.v.y==`number`),ee=NaN;if(r>=2){let t=0,o=0;m?(t=n.plots.reduce((e,t)=>e+t.v.x,0)/r,o=n.plots.reduce((e,t)=>e+t.v.y,0)/r):(t=i,o=-a);let s=0,c=0,l=0;for(let e of n.plots){let n=m?e.v.x:e.x,r=m?e.v.y:-e.y,i=n-t,a=r-o;s+=i*a,c+=i*i,l+=a*a}if(c>=e&&l>=e){let e=s/Math.sqrt(c*l);ee=Math.max(-1,Math.min(1,e))}}let ne=t({m:f,b:p,rect:U.value,verticalX:d});if(!ne)return{...n,correlation:null,label:null,plots:n.plots.map(e=>({...e,deviation:0,shape:n.shape,color:te(n.color)}))};let re={x:(ne.x1+ne.x2)/2,y:(ne.y1+ne.y2)/2};return{...n,color:te(n.color),correlation:{...ne,coefficient:ee},label:re,plots:n.plots.map(t=>{let r,i;d===null?Math.abs(f)<e?(r=t.x,i=p):(r=(t.x+f*t.y-f*p)/(1+f*f),i=(f*t.x+f*f*t.y+p)/(1+f*f)):(r=d,i=t.y);let a=t.x-r,o=t.y-i,s=Math.sqrt(a*a+o*o);return{...t,deviation:s,shape:n.shape,color:te(n.color)}})}})}),Xr=v(()=>Math.max(...q.value.flatMap(e=>e.plots.map(e=>Math.abs(e.deviation)))));function Zr(){return q.value}function Qr(e,t){let n=Array.isArray(e)?e.flatMap(e=>e.plots.map(e=>({x:e.x,y:e.y}))):e.plots.map(e=>({x:e.x,y:e.y})),r=1/0,i=-1/0,a=1/0,o=-1/0;n.forEach(({x:e,y:t})=>{r=Math.min(r,e),i=Math.max(i,e),a=Math.min(a,t),o=Math.max(o,t)});let s=i-r,c=o-a,l=s/t,u=c/t,d=Array(t).fill(0),f=Array(t).fill(0);n.forEach(({x:e,y:t})=>{let n=Math.floor((e-r)/l),i=Math.floor((t-a)/u);d[n]||(d[n]=0),f[i]||(f[i]=0),d[n]+=1,f[i]+=1});let p=[],m=[];for(let e=0;e<t;e+=1)p.push(r+(e+.5)*l),m.push(a+(e+.5)*u);return{x:d,y:f,avgX:p,avgY:m,maxX:Math.max(...d),maxY:Math.max(...f)}}let J=v(()=>L.value.tranches),Y=v(()=>Qr(Yr.value,J.value)),$r=v(()=>{let e=U.value.top-L.value.offset,t=U.value.right+L.value.offset;return Yr.value.map(n=>{let r=Qr(n,J.value);return{coords:r,dX:m(r.avgX.map((t,n)=>({x:t,y:e-r.x[n]/r.maxX*L.value.size}))),dY:d(r.avgY.map((e,n)=>({y:e,x:t+L.value.size*r.y[n]/r.maxY}))),color:n.color,id:n.id}})}),X=w(void 0),Z=w(null),Q=w([]),ei=w(!1),ti=w(null),ni=w(void 0);function ri(){Fn.value=!1,X.value=void 0,Q.value=[],Z.value=null,sr.value=null,rr.value=null,ni.value=void 0}function ii(e){let t=q.value.find(t=>t.id===e);if(!t){Q.value=[];return}Q.value=t.plots.map(e=>e.id),ni.value=e}function ai(){Q.value=[],ni.value=void 0}function oi(e){if(!yr.value||!e)return;let t=ue(e.x,e.y,yr.value);t&&(ir.value=t)}let si=v(()=>Z.value?[Z.value]:Q.value.length?q.value.flatMap(e=>e.plots).filter(e=>Q.value.includes(e.id)):[]);function ci(e){let t=F.value,n=t.scales.labels;return g(n.formatter,h(e.v.x),s({p:R.value.selectors.labels.prefix,v:h(e.v.x),s:R.value.selectors.labels.suffix,r:Rr(t)}),{datapoint:e})}function li(e){let t=I.value,n=t.scales.labels;return g(n.formatter,h(e.v.y),s({p:R.value.selectors.labels.prefix,v:h(e.v.y),s:R.value.selectors.labels.suffix,r:Rr(t)}),{datapoint:e})}function ui(e,t,n=`pointer`,r=null){X.value=e.id,Z.value=e,ar.value=n,sr.value=r,rr.value=e.id;let i=``;N.value.events.datapointEnter&&N.value.events.datapointEnter({datapoint:e,seriesIndex:t}),ti.value={datapoint:e,seriesIndex:t,series:q.value,config:N.value};let a=z.value.customFormat;u(a)&&ce(()=>a({datapoint:e,seriesIndex:t,series:q.value,config:N.value}))?In.value=a({datapoint:e,seriesIndex:t,series:q.value,config:N.value}):(e.clusterName&&(i+=`<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`),e.v.name&&(i+=`<div>${e.v.name}</div>`),i+=`<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${z.value.borderColor}">`,i+=`<div>${F.value.name}: <b>${isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,s({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,i+=`<div>${I.value.name}: <b>${isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,s({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,i+=`${R.value.deviation.translation}: <b>${s({v:e.deviation,r:R.value.deviation.roundingValue})}</b>`,i+=`</div>`,In.value=`<div>${i}</div>`),Fn.value=!0,n===`keyboard`&&We(()=>{oi(e)})}function di(e,t){N.value.events.datapointLeave&&N.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(ar.value!==`keyboard`||rr.value!==e?.id)&&(Fn.value=!1,X.value=void 0,Z.value=null)}function fi(e,t){N.value.events.datapointClick&&N.value.events.datapointClick({datapoint:e,seriesIndex:t})}function pi(){M.value.length?M.value=[]:K.value.forEach(e=>{M.value.push(e.id)}),Nn(`selectLegend`,Yr.value)}function mi(e){M.value.includes(e)?M.value=M.value.filter(t=>t!==e):M.value.length<mr.value.length-1&&M.value.push(e),Nn(`selectLegend`,Yr.value)}function hi(e){return K.value.length?K.value.find(t=>t.name===e)||(wr.value&&console.warn(`VueUiScatter - Series name not found "${e}"`),null):(wr.value&&console.warn(`VueUiScatter - There are no series to show.`),null)}function gi(e){let t=hi(e);t!==null&&M.value.includes(t.id)&&mi(t.id)}function _i(e){let t=hi(e);t!==null&&(M.value.includes(t.id)||mi(t.id))}function vi(e=null){We(()=>{let t=[``,N.value.table.translations.correlationCoefficient,N.value.table.translations.nbrPlots,`${F.value.name} ${N.value.table.translations.average}`,`${I.value.name} ${N.value.table.translations.average}`],n=q.value.map(e=>[e.name,e.correlation.coefficient,e.plots.length,e.plots.map(e=>e.v.x).reduce((e,t)=>e+t,0)/e.plots.length,e.plots.map(e=>e.v.y).reduce((e,t)=>e+t,0)/e.plots.length]),r=[[B.value.title.text],[B.value.title.subtitle.text],[[``],[``],[``]],t].concat(n),i=l(r);e?e(i):se({csvContent:i,title:B.value.title.text||`vue-ui-heatmap`})})}let yi=v(()=>{let e=[N.value.table.translations.series,N.value.table.translations.correlationCoefficient,N.value.table.translations.nbrPlots,`${F.value.name} ${N.value.table.translations.average}`,`${I.value.name} ${N.value.table.translations.average}`],t=q.value.map(e=>[{shape:e.shape,content:e.name??`-`,color:e.color},Number((e.correlation?.coefficient??0).toFixed(N.value.table.td.roundingValue)).toLocaleString(),e.plots.length.toLocaleString(),Number((e.plots.map(e=>e.v.x??0).reduce((e,t)=>e+t,0)/e.plots.length).toFixed(N.value.table.td.roundingAverage)).toLocaleString(),Number((e.plots.map(e=>e.v.y??0).reduce((e,t)=>e+t,0)/e.plots.length).toFixed(N.value.table.td.roundingAverage)).toLocaleString()]);return{head:e,body:t,a11yBody:t.map(e=>e.map((e,t)=>t===0?e.content:e)),config:{th:{backgroundColor:N.value.table.th.backgroundColor,color:N.value.table.th.color,outline:N.value.table.th.outline},td:{backgroundColor:N.value.table.td.backgroundColor,color:N.value.table.td.color,outline:N.value.table.td.outline},breakpoint:N.value.table.responsiveBreakpoint},colNames:e}}),bi=w(!1);function xi(e){bi.value=e,Ln.value+=1}function Si(){V.value.showTable=!V.value.showTable}function Ci(){V.value.showTooltip=!V.value.showTooltip}let wi=w(!1);function Ti(){wi.value=!wi.value}async function Ei({scale:e=2}={}){if(!Rn.value)return;let{width:t,height:n}=Rn.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await Ce({domElement:Rn.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:B.value.title.text,width:t,height:n,aspectRatio:r}}function Di(e){qn.value=e,L.value.highlighter.highlightBothAxes&&(Jn.value=Y.value.y.length-2-e)}function Oi(e){Jn.value=e,L.value.highlighter.highlightBothAxes&&(qn.value=e)}function ki(){qn.value=null,Jn.value=null}let Ai={circle:1,square:1,diamond:1,triangle:1.2,star:1.3,pentagon:1.3,hexagon:1.3},$=e=>e.toFixed(3);function ji({shape:e=`circle`,cx:t,cy:n,r}){if(!N.value.usePerformanceMode)return``;let i=Ai[e]*r;switch(e){case`circle`:{let e=$(t-i),r=$(n),a=$(t+i),o=$(i);return`M ${e} ${r} A ${o} ${o} 0 1 0 ${a} ${r} A ${o} ${o} 0 1 0 ${e} ${r} Z`}case`square`:{let e=$(t-i),r=$(n-i),a=$(t+i),o=$(n+i);return`M ${e} ${r} L ${a} ${r} L ${a} ${o} L ${e} ${o} Z`}case`diamond`:{let e=$(t),r=$(n);return`M ${e} ${$(n-i)} L ${$(t+i)} ${r} L ${e} ${$(n+i)} L ${$(t-i)} ${r} Z`}case`triangle`:{let e=i*Math.sqrt(3),r=t,a=n-2/3*e,o=t-i,s=n+1/3*e,c=t+i,l=s;return`M ${$(r)} ${$(a)} L ${$(o)} ${$(s)} L ${$(c)} ${$(l)} Z`}case`star`:{let e=i,r=i*.5,a=[];for(let i=0;i<10;i+=1){let o=(-90+i*36)*Math.PI/180,s=i%2==0?e:r;a.push([t+s*Math.cos(o),n+s*Math.sin(o)])}let o=`M ${$(a[0][0])} ${$(a[0][1])}`;for(let e=1;e<a.length;e+=1)o+=` L ${$(a[e][0])} ${$(a[e][1])}`;return o+` Z`}case`pentagon`:{let e=[];for(let r=0;r<5;r+=1){let a=(-90+r*72)*Math.PI/180;e.push([t+i*Math.cos(a),n+i*Math.sin(a)])}let r=`M ${$(e[0][0])} ${$(e[0][1])}`;for(let t=1;t<5;t+=1)r+=` L ${$(e[t][0])} ${$(e[t][1])}`;return r+` Z`}case`hexagon`:{let e=[];for(let r=0;r<6;r+=1){let a=(-60+r*60)*Math.PI/180;e.push([t+i*Math.cos(a),n+i*Math.sin(a)])}let r=`M ${$(e[0][0])} ${$(e[0][1])}`;for(let t=1;t<6;t+=1)r+=` L ${$(e[t][0])} ${$(e[t][1])}`;return r+` Z`}default:{let e=$(t-i),r=$(n),a=$(t+i),o=$(i);return`M ${e} ${r} A ${o} ${o} 0 1 0 ${a} ${r} A ${o} ${o} 0 1 0 ${e} ${r} Z`}}}let Mi=v(()=>{if(!N.value.usePerformanceMode)return[``];let{left:e,right:t,top:n,bottom:r}=U.value,i=Math.max(1,(t-e)*(r-n)),a=e=>e/i*1e4,o=R.value.stroke,s=R.value.strokeWidth,c=R.value.opacity;return q.value.map(i=>{let l=[];for(let a of i.plots){let o=a.x,s=a.y;if(o<e||o>t||s<n||s>r)continue;let c=Math.max(R.value.radius,a.weight);l.push(ji({shape:i.shape||`circle`,cx:o,cy:s,r:c}))}if(!l.length)return null;let u=a(i.plots.length)>2.5||i.plots.length>1e3;return{id:i.id,d:l.join(``),fill:p(i.color,c*100),stroke:u?`none`:o,strokeWidth:u?0:s,strokeOpacity:1}}).filter(Boolean)});function Ni(){return N.value.usePerformanceMode?e=>{let t=yr.value;if(!t)return;let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM();if(!r)return;let i=r.inverse(),a=n.matrixTransform(i),o=null,s=1/0,c=-1;if(q.value.forEach((e,t)=>{e.plots.forEach(e=>{let n=e.x-a.x,r=e.y-a.y,i=n*n+r*r;i<=64&&i<s&&(s=i,o=e,c=t)})}),ei.value=!!o,o)X.value!==o.id&&(X.value=o.id,ui(o,c,`pointer`,$i.value.get(o.id)??null));else if(X.value){let e=Z.value;X.value=void 0,di(e,c)}}:()=>null}let Pi=Ni();function Fi(){if(ei.value=!1,X.value){let e=Z.value;X.value=void 0,di(e,null)}}function Ii(e){let t=Z.value;if(t){let e=q.value.findIndex(e=>e.id===t.clusterId);fi(t,e>=0?e:0)}}let Li=v(()=>n({config:N,style:B,mutableConfig:V,dialog:jn,accordion:En,isFullscreen:bi,parent:Rn,maxWidth:800,isCursorPointer:lr}));$e(()=>V.value.showTable,e=>t(e,N,Yn));function Ri(){V.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let zi=v(()=>B.value.backgroundColor),Bi=v(()=>B.value.legend),Vi=v(()=>B.value.title),{isCallbackImaging:Hi,isCallbackSvg:Ui,generateSvg:Wi,onGenerateImage:Gi}=xe({svg:yr,title:Vi,legend:Bi,legendItems:K,backgroundColor:zi,getSvgCallback:()=>N.value.userOptions.callbacks.svg,generateImage:kr});async function Ki(){if(Nn(`copyAlt`,{config:N.value,dataset:Yr.value}),!N.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(N.value.userOptions.callbacks.altCopy({config:N.value,dataset:Yr.value}))}function qi(e,t){let n=Qi.value.filter(t=>t.id!==e.id);if(!n.length)return null;let r=(n=>{if(!n.length)return null;let r=null,i=1/0;return n.forEach(n=>{let a=n.x-e.x,o=n.y-e.y,s=0,c=0;t===`right`||t===`left`?(s=Math.abs(a),c=Math.abs(o)):(s=Math.abs(o),c=Math.abs(a));let l=s*1e3+c;l<i&&(r=n,i=l)}),r})(n.filter(n=>t===`right`?n.x>e.x:t===`left`?n.x<e.x:t===`down`?n.y>e.y:t===`up`&&n.y<e.y));if(r)return r;let i=[];if(t===`right`){let e=Math.min(...n.map(e=>e.x));i=n.filter(t=>t.x===e)}if(t===`left`){let e=Math.max(...n.map(e=>e.x));i=n.filter(t=>t.x===e)}if(t===`down`){let e=Math.min(...n.map(e=>e.y));i=n.filter(t=>t.y===e)}if(t===`up`){let e=Math.max(...n.map(e=>e.y));i=n.filter(t=>t.y===e)}return i.length?i.reduce((n,r)=>{if(!n)return r;let i=Math.abs(t===`right`||t===`left`?n.y-e.y:n.x-e.x);return Math.abs(t===`right`||t===`left`?r.y-e.y:r.x-e.x)<i?r:n},null):null}function Ji(){sr.value=null,rr.value=null,or.value=!0}function Yi(){ri(),ar.value=`pointer`,or.value=!1}function Xi(e){if(!yr.value||wi.value||document.activeElement!==yr.value||!Qi.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`ArrowUp`,i=e.key===`ArrowDown`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){ri(),ar.value=`pointer`;return}if(a){if(sr.value===null)return;let e=Qi.value[sr.value];if(!e)return;fi(e,e.seriesIndex);return}let s=null;if(n&&(s=`right`),t&&(s=`left`),i&&(s=`down`),r&&(s=`up`),rr.value===null){let e=Z.value;if(e&&e.id){let t=qi(e,s);if(!t){let t=$i.value.get(e.id);if(t===void 0)return;ui(e,e.seriesIndex,`keyboard`,t);return}let n=$i.value.get(t.id);if(n===void 0)return;ui(t,t.seriesIndex,`keyboard`,n);return}let t=Qi.value[0];if(!t)return;let n=$i.value.get(t.id)??0;ui(t,t.seriesIndex,`keyboard`,n);return}let c=$i.value.get(rr.value);if(c===void 0)return;let l=Qi.value[c];if(!l)return;let u=qi(l,s);if(!u)return;let d=$i.value.get(u.id);d!==void 0&&ui(u,u.seriesIndex,`keyboard`,d)}let Zi=v(()=>{if(!Z.value)return``;let e=Z.value,t=isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,s({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex}),n=isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,s({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex});return[e.clusterName||``,e.v.name||``,`${F.value.name}: ${t}`,`${I.value.name}: ${n}`].filter(Boolean).join(`. `)}),Qi=v(()=>q.value.flatMap((e,t)=>e.plots.map(n=>({...n,seriesIndex:t,seriesId:e.id,seriesName:e.name,shape:e.shape||`circle`,color:e.color})))),$i=v(()=>{let e=/* @__PURE__ */ new Map;return Qi.value.forEach((t,n)=>{e.set(t.id,n)}),e}),ea=v(()=>({headers:yi.value?.colNames??[],rows:yi.value?.a11yBody??[]}));return Ee({getData:Zr,getImage:Ei,generatePdf:Or,generateCsv:vi,generateImage:kr,generateSvg:Wi,hideSeries:_i,showSeries:gi,toggleTable:Si,toggleTooltip:Ci,toggleAnnotator:Ti,toggleFullscreen:xi,copyAlt:Ki}),(e,t)=>(C(),x(`div`,{class:Ge(`vue-data-ui-component vue-ui-scatter ${bi.value?`vue-data-ui-wrapper-fullscreen`:``} ${N.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`scatterChart`,ref:Rn,id:`vue-ui-scatter_${j.value}`,style:qe(`font-family:${B.value.fontFamily};width:100%; text-align:center;background:${B.value.backgroundColor};${N.value.responsive?`height: 100%`:``}`),onMouseenter:t[5]||=()=>O(_r)(!0),onMouseleave:t[6]||=()=>{O(_r)(!1),or.value||ri()}},[S(`div`,{id:`chart-instructions-${j.value}`,class:`sr-only`},[S(`p`,null,D(N.value.a11y.translations.keyboardNavigation),1)],8,nt),V.value.showTooltip?b(``,!0):(C(),x(`div`,rt,D(Zi.value),1)),ea.value?.rows?.length&&Pn.value?(C(),y(je,{key:1,uid:j.value,head:ea.value.headers,body:ea.value.rows,notice:N.value.a11y.translations.tableAvailable,caption:N.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):b(``,!0),P.value.buttons.annotator?(C(),y(O(On),{key:2,svgRef:O(yr),backgroundColor:B.value.backgroundColor,color:B.value.color,active:wi.value,isCursorPointer:lr.value,palette:P.value.annotatorPalette,onClose:Ti},Re({_:2},[T(O(i),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):b(``,!0),Ar.value?(C(),x(`div`,{key:3,ref_key:`noTitle`,ref:Hn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):b(``,!0),B.value.title.text?(C(),x(`div`,{key:4,ref_key:`chartTitle`,ref:zn,style:`width:100%;background:transparent`},[(C(),y(we,{key:`title_${Un.value}`,config:{title:{cy:`scatter-div-title`,...B.value.title},subtitle:{cy:`scatter-div-subtitle`,...B.value.title.subtitle}}},null,8,[`config`]))],512)):b(``,!0),S(`div`,{id:`legend-top-${j.value}`},null,8,it),P.value.show&&Pn.value&&(O(vr)||O(gr))?(C(),y(O(kn),{ref_key:`userOptionsRef`,ref:Xn,key:`user_options_${Ln.value}`,backgroundColor:B.value.backgroundColor,color:B.value.color,isImaging:O(Dr),isPrinting:O(Er),uid:j.value,hasTooltip:P.value.buttons.tooltip&&z.value.show,hasPdf:P.value.buttons.pdf,hasImg:P.value.buttons.img,hasSvg:P.value.buttons.svg,hasXls:P.value.buttons.csv,hasTable:P.value.buttons.table,hasFullscreen:P.value.buttons.fullscreen,hasAltCopy:P.value.buttons.altCopy,isTooltip:V.value.showTooltip,isFullscreen:bi.value,titles:{...P.value.buttonTitles},chartElement:Rn.value,position:P.value.position,hasAnnotator:P.value.buttons.annotator,isAnnotation:wi.value,callbacks:P.value.callbacks,printScale:P.value.print.scale,tableDialog:N.value.table.useDialog,isCursorPointer:lr.value,onToggleFullscreen:xi,onGeneratePdf:O(Or),onGenerateCsv:vi,onGenerateImage:O(Gi),onGenerateSvg:O(Wi),onToggleTable:Si,onToggleTooltip:Ci,onToggleAnnotator:Ti,onCopyAlt:Ki,style:qe({visibility:O(vr)?O(gr)?`visible`:`hidden`:`visible`})},Re({_:2},[T(O(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):b(``,!0),S(`div`,at,[(C(),x(`svg`,{ref_key:`svgRef`,ref:yr,xmlns:O(le),"aria-describedby":`chart-instructions-${j.value}`,class:Ge({"vue-data-ui-fullscreen--on":bi.value,"vue-data-ui-fulscreen--off":!bi.value,"vue-data-ui-no-transition":!O(cr)}),viewBox:`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`,style:qe(`max-width:100%;overflow:visible;background:transparent;color:${B.value.color}`),onMouseleave:ki,tabindex:`0`,onFocus:Ji,onBlur:Yi,onKeydown:Xi},[Be(O(An)),e.$slots[`chart-background`]?(C(),x(`foreignObject`,{key:0,x:0,y:0,width:H.value.width<=0?10:H.value.width,height:H.value.height<=0?10:H.value.height,style:{pointerEvents:`none`}},[E(e.$slots,`chart-background`,{},void 0,!0)],8,st)):b(``,!0),B.value.layout.axis.show?(C(),x(`g`,ct,[S(`line`,{x1:G.value.x,x2:G.value.x,y1:U.value.top,y2:U.value.bottom,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,8,lt),S(`line`,{x1:U.value.left,x2:U.value.right,y1:G.value.y,y2:G.value.y,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,8,ut)])):b(``,!0),F.value.scales.verticalLines.show?(C(),x(`g`,dt,[(C(!0),x(_,null,T(Hr.value,(e,t)=>(C(),x(`line`,{key:`scatter-x-scale-line-${j.value}-${t}`,x1:e.x,x2:e.x,y1:U.value.top,y2:U.value.bottom,stroke:F.value.scales.verticalLines.stroke,"stroke-width":F.value.scales.verticalLines.strokeWidth,"stroke-linecap":`round`},null,8,ft))),128))])):b(``,!0),F.value.scales.show?(C(),x(`g`,{key:3,ref_key:`xAxisScaleLabels`,ref:nr},[(C(!0),x(_,null,T(Hr.value,(e,t)=>(C(),x(`g`,{class:`vue-ui-scatter-scale-group`,key:`scatter-x-scale-${j.value}-${t}`,opacity:+!Wr.value},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)}),stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,d:`M${e.x},${G.value.y-4} ${e.x},${G.value.y+4}`,"stroke-linecap":`round`},null,10,mt),S(`text`,{class:Ge({"vue-data-ui-transition":O(cr)}),transform:`translate(${e.x}, ${G.value.y+F.value.scales.labels.fontSize+6+F.value.scales.labels.offsetY})`,"text-anchor":`middle`,"font-size":F.value.scales.labels.fontSize,fill:F.value.scales.labels.color,stroke:B.value.backgroundColor,"stroke-width":`2`,"paint-order":`stroke`},D(e.label),11,ht)],8,pt))),128))],512)):b(``,!0),I.value.scales.horizontalLines.show?(C(),x(`g`,gt,[(C(!0),x(_,null,T(Ur.value,(e,t)=>(C(),x(`line`,{key:`scatter-y-scale-line-${j.value}-${t}`,x1:U.value.left,x2:U.value.right,y1:e.y,y2:e.y,stroke:I.value.scales.horizontalLines.stroke,"stroke-width":I.value.scales.horizontalLines.strokeWidth,"stroke-linecap":`round`},null,8,_t))),128))])):b(``,!0),I.value.scales.show?(C(),x(`g`,{key:5,ref_key:`yAxisScaleLabels`,ref:tr,opacity:+!Gr.value,style:{transition:`opacity 0.1s ease-in-out`},class:`vue-ui-scatter-scale-group`},[(C(!0),x(_,null,T(Ur.value,(e,t)=>(C(),x(`g`,{key:`scatter-y-scale-${j.value}-${t}`},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)}),d:`M${G.value.x-4},${e.y} ${G.value.x+4},${e.y}`,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,10,yt),S(`text`,{class:Ge({"vue-data-ui-transition":O(cr)}),transform:`translate(${G.value.x-I.value.scales.labels.fontSize/2-8+I.value.scales.labels.offsetX}, ${e.y+I.value.scales.labels.fontSize/3})`,"text-anchor":`end`,"font-size":I.value.scales.labels.fontSize,fill:I.value.scales.labels.color,stroke:B.value.backgroundColor,"stroke-width":`2`,"paint-order":`stroke`},D(e.label),11,bt)]))),128))],8,vt)):b(``,!0),L.value.show?(C(),x(`g`,xt,[S(`defs`,null,[Be(ke,{t:`linear`,id:`marginal_x_${j.value}`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,stops:[[`0%`,L.value.fill,1],[`100%`,B.value.backgroundColor,1]]},null,8,[`id`,`stops`]),Be(ke,{t:`linear`,id:`marginal_y_${j.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,B.value.backgroundColor,1],[`100%`,L.value.fill,1]]},null,8,[`id`,`stops`])]),(C(!0),x(_,null,T(Y.value.x,(e,n)=>(C(),x(`g`,null,[e&&Y.value.avgX[n]?(C(),x(`rect`,{key:0,x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top-L.value.offset-e/Y.value.maxX*L.value.size,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:e/Y.value.maxX*L.value.size<=0?1e-4:e/Y.value.maxX*L.value.size,fill:L.value.useGradient?`url(#marginal_x_${j.value})`:L.value.fill,style:qe([`opacity:${L.value.opacity}`,{"pointer-events":`none`}]),stroke:B.value.backgroundColor,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius},null,12,St)):b(``,!0),Y.value.avgX[n]?(C(),x(`rect`,{key:1,x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top-L.value.offset-L.value.size,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:Math.max(.1,L.value.size),fill:`transparent`,onMouseenter:e=>Di(n),onMouseleave:t[0]||=e=>ki()},null,40,Ct)):b(``,!0),Y.value.avgX[n]&&qn.value!=null&&qn.value===n?(C(),x(`g`,wt,[S(`rect`,{x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:U.value.height,fill:L.value.highlighter.color,"fill-opacity":L.value.highlighter.opacity},null,8,Tt),S(`line`,{x1:Y.value.avgX[n]-U.value.width/J.value/2,x2:Y.value.avgX[n]-U.value.width/J.value/2,y1:0,y2:U.value.top+U.value.height,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Et),S(`line`,{x1:Y.value.avgX[n]-U.value.width/J.value/2+(U.value.width/J.value<=0?1e-4:U.value.width/J.value),x2:Y.value.avgX[n]-U.value.width/J.value/2+(U.value.width/J.value<=0?1e-4:U.value.width/J.value),y1:0,y2:U.value.top+U.value.height,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Dt)])):b(``,!0)]))),256)),(C(!0),x(_,null,T(Y.value.y,(e,n)=>(C(),x(`g`,null,[e&&Y.value.avgY[n]?(C(),x(`rect`,{key:0,x:U.value.right+L.value.offset,y:Y.value.avgY[n]-U.value.height/J.value/2,height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,width:e/Y.value.maxY*L.value.size<=0?1e-4:e/Y.value.maxY*L.value.size,fill:L.value.useGradient?`url(#marginal_y_${j.value})`:L.value.fill,style:qe([`opacity:${L.value.opacity}`,{"pointer-events":`none`}]),stroke:B.value.backgroundColor,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius},null,12,Ot)):b(``,!0),Y.value.avgY[n]?(C(),x(`rect`,{key:1,x:U.value.right+L.value.offset,y:Y.value.avgY[n]-U.value.height/J.value/2,width:Math.max(.1,L.value.size),height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,fill:`transparent`,onMouseenter:e=>Oi(n),onMouseleave:t[1]||=e=>ki()},null,40,kt)):b(``,!0),Y.value.avgY[n]&&Jn.value!=null&&Jn.value===n?(C(),x(`g`,At,[S(`rect`,{x:U.value.left,y:Y.value.avgY[n]-U.value.height/J.value/2,width:U.value.width,height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,fill:L.value.highlighter.color,"fill-opacity":L.value.highlighter.opacity},null,8,jt),S(`line`,{x1:U.value.left,x2:H.value.width,y1:Y.value.avgY[n]-U.value.height/J.value/2,y2:Y.value.avgY[n]-U.value.height/J.value/2,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Mt),S(`line`,{x1:U.value.left,x2:H.value.width,y1:Y.value.avgY[n]-U.value.height/J.value/2+(U.value.height/J.value<=0?1e-4:U.value.height/J.value),y2:Y.value.avgY[n]-U.value.height/J.value/2+(U.value.height/J.value<=0?1e-4:U.value.height/J.value),stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Nt)])):b(``,!0)]))),256)),L.value.showLines?(C(),x(`g`,Pt,[(C(!0),x(_,null,T($r.value,e=>(C(),x(_,null,[M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:0,d:`M ${e.dX}`,stroke:B.value.backgroundColor,"stroke-width":L.value.linesStrokeWidth+1,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Ft)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:1,d:`M ${e.dX}`,stroke:e.color,"stroke-width":L.value.linesStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,It)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:2,d:`M ${e.dY}`,stroke:B.value.backgroundColor,"stroke-width":L.value.linesStrokeWidth+1,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Lt)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:3,d:`M ${e.dY}`,stroke:e.color,"stroke-width":L.value.linesStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Rt))],64))),256))])):b(``,!0)])):b(``,!0),R.value.giftWrap.show?(C(),x(`g`,zt,[(C(!0),x(_,null,T(q.value,(e,t)=>(C(),x(`g`,null,[e.plots.length>2?(C(),x(`polygon`,{key:0,points:O(c)({series:e.plots}),fill:O(p)(e.color,R.value.giftWrap.fillOpacity*100),"stroke-width":R.value.giftWrap.strokeWidth,"stroke-dasharray":R.value.giftWrap.strokeDasharray,stroke:e.color,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,Bt)):b(``,!0)]))),256))])):b(``,!0),N.value.usePerformanceMode?b(``,!0):(C(!0),x(_,{key:8},T(q.value,(e,t)=>(C(),x(`g`,{key:e.id},[!e.shape||e.shape===`circle`?(C(),x(`g`,Vt,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),x(`circle`,{key:n.id,cx:n.x,cy:n.y,r:X.value&&X.value===n.id||Q.value.includes(n.id)?n.weight*R.value.hoverRadiusRatio:n.weight,fill:O(p)(e.color,X.value&&X.value!==n.id||Q.value.length&&!Q.value.includes(n.id)?R.value.opacityNotSelected*100:R.value.opacity*100),stroke:R.value.stroke,"stroke-width":R.value.strokeWidth,style:qe(`opacity:${X.value&&X.value===n.id||Q.value.includes(n.id)?1:R.value.significance.useDistanceOpacity?1-Math.abs(n.deviation)/Xr.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>ui(n,t,`pointer`,$i.value.get(n.id)),onMouseleave:e=>di(n,t),onClick:e=>fi(n,t)},null,44,Ht))),128))])):(C(),x(`g`,Ut,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),y(Te,{class:`vue-ui-scatter-datapoint`,plot:{x:n.x,y:n.y},radius:X.value&&X.value===n.id||Q.value.includes(n.id)?n.weight*R.value.hoverRadiusRatio:n.weight,shape:e.shape,color:O(p)(e.color,X.value&&X.value!==n.id||Q.value.length&&!Q.value.includes(n.id)?R.value.opacityNotSelected*100:R.value.opacity*100),stroke:R.value.stroke,strokeWidth:R.value.strokeWidth,style:qe(`opacity:${X.value&&X.value===n.id||Q.value.includes(n.id)?1:R.value.significance.useDistanceOpacity?1-Math.abs(n.deviation)/Xr.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>ui(n,t,`pointer`,$i.value.get(n.id)),onMouseleave:e=>di(n,t),onClick:e=>fi(n,t)},null,8,[`plot`,`radius`,`shape`,`color`,`stroke`,`strokeWidth`,`style`,`onMouseover`,`onMouseleave`,`onClick`]))),256))])),R.value.name.show?(C(!0),x(_,{key:2},T(e.plots,(e,n)=>(C(),x(`text`,{class:`vue-ui-scatter-datapoint-label`,key:`datalabel-${e.id}`,transform:`translate(${e.x}, ${e.y-e.weight-R.value.name.fontSize+R.value.name.offsetY})`,"text-anchor":`middle`,"font-size":R.value.name.fontSize,fill:O(p)(R.value.name.color,X.value&&X.value!==e.id||Q.value.length&&!Q.value.includes(e.id)?R.value.opacityNotSelected*100:100),onMouseover:n=>ui(e,t,`pointer`,$i.value.get(e.id)),onMouseleave:n=>di(e,t),onClick:n=>fi(e,t)},D(e.clusterName),41,Wt))),128)):b(``,!0)]))),128)),N.value.usePerformanceMode?(C(),x(_,{key:9},[S(`g`,null,[(C(!0),x(_,null,T(Mi.value,e=>(C(),x(`path`,{key:e.id,d:e.d,fill:e.fill,stroke:e.stroke,"stroke-width":e.strokeWidth,"stroke-opacity":e.strokeOpacity,"vector-effect":`non-scaling-stroke`,"paint-order":`fill`},null,8,Gt))),128))]),Z.value?(C(),x(`g`,Kt,[Be(Te,{shape:Z.value.shape||`circle`,color:Z.value.color,plot:{x:Z.value.x,y:Z.value.y},radius:Z.value.weight*R.value.hoverRadiusRatio,stroke:R.value.stroke,strokeWidth:R.value.strokeWidth},null,8,[`shape`,`color`,`plot`,`radius`,`stroke`,`strokeWidth`])])):b(``,!0),S(`rect`,{x:U.value.left,y:U.value.top,width:Math.max(1e-4,U.value.width),height:Math.max(1e-4,U.value.height),fill:`transparent`,style:qe({cursor:ei.value&&ur.value?`pointer`:`default`}),onMousemove:t[2]||=(...e)=>O(Pi)&&O(Pi)(...e),onMouseleave:Fi,onClick:Ii},null,44,qt)],64)):b(``,!0),(C(!0),x(_,null,T(si.value,e=>(C(),x(_,{key:`selector_${e.id}`},[R.value.selectors.show?(C(),x(`g`,Jt,[S(`line`,{x1:G.value.x,x2:e.x,y1:e.y,y2:e.y,stroke:R.value.selectors.stroke,"stroke-width":R.value.selectors.strokeWidth,"stroke-dasharray":R.value.selectors.strokeDasharray,"stroke-linecap":`round`,class:`line-pointer`},null,8,Yt),S(`line`,{x1:e.x,x2:e.x,y1:G.value.y,y2:e.y,stroke:R.value.selectors.stroke,"stroke-width":R.value.selectors.strokeWidth,"stroke-dasharray":R.value.selectors.strokeDasharray,"stroke-linecap":`round`,class:`line-pointer`},null,8,Xt),I.value.scales.show?b(``,!0):(C(),x(`text`,{key:0,x:G.value.x+(e.x>G.value.x?-6:6),y:e.y+R.value.selectors.labels.fontSize/3,"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":e.x>G.value.x?`end`:`start`},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(e.v.y),O(s)({p:R.value.selectors.labels.prefix,v:O(h)(e.v.y),s:R.value.selectors.labels.suffix,r:R.value.selectors.labels.rounding}),{datapoint:e})),9,Zt)),F.value.scales.show?b(``,!0):(C(),x(`text`,{key:1,x:e.x,y:G.value.y+(e.y>G.value.y?-6:R.value.selectors.labels.fontSize+6),"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":`middle`},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(e.v.x),O(s)({p:R.value.selectors.labels.prefix,v:O(h)(e.v.x),s:R.value.selectors.labels.suffix,r:R.value.selectors.labels.rounding}),{datapoint:e})),9,Qt)),F.value.scales.show?(C(),x(`text`,{key:2,x:e.x,y:G.value.y+F.value.scales.labels.fontSize+6+F.value.scales.labels.offsetY,"text-anchor":`middle`,"font-size":F.value.scales.labels.fontSize,fill:F.value.scales.labels.color},D(ci(e)),9,$t)):b(``,!0),I.value.scales.show?(C(),x(`text`,{key:3,x:G.value.x-I.value.scales.labels.fontSize/2-8+I.value.scales.labels.offsetX,y:e.y+I.value.scales.labels.fontSize/3,"text-anchor":`end`,"font-size":I.value.scales.labels.fontSize,fill:I.value.scales.labels.color},D(li(e)),9,en)):b(``,!0),S(`circle`,{cx:G.value.x,cy:e.y,r:R.value.selectors.markers.radius,fill:R.value.selectors.markers.fill,stroke:R.value.selectors.markers.stroke,"stroke-width":R.value.selectors.markers.strokeWidth,class:`line-pointer`},null,8,tn),S(`circle`,{cx:e.x,cy:G.value.y,r:R.value.selectors.markers.radius,fill:R.value.selectors.markers.fill,stroke:R.value.selectors.markers.stroke,"stroke-width":R.value.selectors.markers.strokeWidth,class:`line-pointer`},null,8,nn),R.value.selectors.labels.showName&&!R.value.name.show?(C(),x(`text`,{key:4,x:e.x,y:e.y+(e.y<G.value.y?-R.value.selectors.labels.fontSize/2:R.value.selectors.labels.fontSize),"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":e.x<U.value.left+100?`start`:e.x>U.value.right-100?`end`:e.x>G.value.x?`start`:`end`},D(e.v.name),9,rn)):b(``,!0)])):b(``,!0)],64))),128)),F.value.show?(C(),x(`g`,{key:10,ref_key:`xAxisLabelLeft`,ref:Zn},[S(`text`,{id:`vue-ui-scatter-xAxis-label-${j.value}`,transform:`translate(${F.value.fontSize+(B.value.layout.dataLabels.reverseAxisLabels?I.value.offsetX:F.value.offsetX)}, ${U.value.top+U.value.height/2+(B.value.layout.dataLabels.reverseAxisLabels?I.value.offsetY:F.value.offsetY)}), rotate(-90)`,"text-anchor":`middle`,"font-size":F.value.fontSize,"font-weight":F.value.bold?`bold`:`normal`,fill:F.value.color},D(B.value.layout.dataLabels.reverseAxisLabels?I.value.name:F.value.name),9,an),F.value.showValue?(C(),x(`text`,{key:0,"text-anchor":`middle`,"font-size":F.value.fontSize,fill:F.value.color,transform:`translate(${F.value.name?F.value.fontSize*3:0}, ${G.value.y+F.value.fontSize/3}), rotate(-90)`},D(O(g)(R.value.selectors.labels.x.formatter,O(h)(W.value.xMin),O(s)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.xMin),s:R.value.selectors.labels.suffix,r:B.value.layout.dataLabels.xAxis.rounding}))),9,on)):b(``,!0)],512)):b(``,!0),F.value.show&&F.value.showValue?(C(),x(`text`,{key:11,ref_key:`xAxisLabelRight`,ref:Qn,"text-anchor":`middle`,transform:`translate(${U.value.right+B.value.layout.padding.right+6}, ${G.value.y+F.value.fontSize/3}), rotate(-90)`,"font-size":F.value.fontSize,fill:F.value.color},D(O(g)(R.value.selectors.labels.x.formatter,O(h)(W.value.xMax),O(s)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.xMax),s:R.value.selectors.labels.suffix,r:F.value.rounding}))),9,sn)):b(``,!0),I.value.show&&I.value.showValue?(C(),x(`text`,{key:12,ref_key:`yAxisLabelTop`,ref:$n,x:G.value.x,y:U.value.top-I.value.fontSize,"text-anchor":`middle`,"font-size":I.value.fontSize,fill:I.value.color},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(W.value.yMax),O(s)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.yMax),s:R.value.selectors.labels.suffix,r:I.value.rounding}))),9,cn)):b(``,!0),I.value.show?(C(),x(`g`,{key:13,ref_key:`yAxisLabelBottom`,ref:er},[I.value.showValue?(C(),x(`text`,{key:0,x:G.value.x,y:H.value.height-I.value.fontSize*2,"text-anchor":`middle`,"font-size":I.value.fontSize,fill:I.value.color},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(W.value.yMin),O(s)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.yMin),s:R.value.selectors.labels.suffix,r:B.value.layout.dataLabels.yAxis.rounding}))),9,ln)):b(``,!0),S(`text`,{"text-anchor":`middle`,"font-size":I.value.fontSize,"font-weight":I.value.bold?`bold`:`normal`,fill:I.value.color,x:U.value.left+U.value.width/2+(B.value.layout.dataLabels.reverseAxisLabels?F.value.offsetX:I.value.offsetX),y:H.value.height+(B.value.layout.dataLabels.reverseAxisLabels?F.value.offsetY:I.value.offsetY)},D(B.value.layout.dataLabels.reverseAxisLabels?F.value.name:I.value.name),9,un)],512)):b(``,!0),S(`clipPath`,{id:`clip_path_${j.value}`},[S(`rect`,{x:U.value.left,y:U.value.top,width:U.value.width<=0?1e-4:U.value.width,height:U.value.height<=0?1e-4:U.value.height},null,8,fn)],8,dn),B.value.layout.correlation.show?(C(),x(`g`,pn,[(C(!0),x(_,null,T(q.value.filter(e=>e.correlation),(e,t)=>(C(),x(`line`,{x1:e.correlation.x1,x2:e.correlation.x2,y1:e.correlation.y1,y2:e.correlation.y2,"stroke-dasharray":B.value.layout.correlation.strokeDasharray,stroke:e.color,"stroke-width":B.value.layout.correlation.strokeWidth,"clip-path":`url(#clip_path_${j.value})`},null,8,mn))),256)),(C(!0),x(_,null,T(q.value.filter(e=>e.correlation),(e,t)=>(C(),x(`g`,null,[B.value.layout.correlation.label.show?(C(),x(`text`,{key:0,x:e.correlation.x2,y:e.correlation.y2,fill:B.value.layout.correlation.label.useSerieColor?e.color:B.value.layout.correlation.label.color,"text-anchor":`end`,"font-size":B.value.layout.correlation.label.fontSize,"font-weight":B.value.layout.correlation.label.bold?`bold`:`normal`},D(O(s)({v:O(h)(e.correlation?.coefficient??0),r:B.value.layout.correlation.label.roundingValue})),9,hn)):b(``,!0)]))),256))])):b(``,!0),E(e.$slots,`svg`,{svg:{...H.value,drawingArea:{...U.value,zero:G.value},data:Yr.value,isPrintingImg:O(Er)||O(Dr)||O(Hi),isPrintingSvg:O(Ui)}},void 0,!0)],46,ot)),e.$slots.hint?(C(),x(`div`,gn,[E(e.$slots,`hint`,Ke(He({hint:N.value.a11y.translations.keyboardNavigation,isVisible:or.value})),void 0,!0)])):b(``,!0)]),e.$slots.watermark?(C(),x(`div`,_n,[E(e.$slots,`watermark`,Ke(He({isPrinting:O(Er)||O(Dr)||O(Hi)||O(Ui)})),void 0,!0)])):b(``,!0),S(`div`,{id:`legend-bottom-${j.value}`},null,8,vn),Pn.value&&Kn.value&&(B.value.legend.show||e.$slots.legend)?(C(),y(Le,{key:7,to:B.value.legend.position===`top`?`#legend-top-${j.value}`:`#legend-bottom-${j.value}`},[S(`div`,{ref_key:`chartLegend`,ref:Bn},[E(e.$slots,`legend`,{legend:K.value},()=>[B.value.legend.show?(C(),y(Fe,{key:`legend_${Gn.value}`,legendSet:K.value,config:Jr.value,isCursorPointer:lr.value,onClickMarker:t[3]||=({legend:e})=>mi(e.id)},{item:k(({legend:e})=>[S(`div`,{onClick:t=>e.segregate(),style:qe(`opacity:${M.value.includes(e.id)?.5:1}`)},D(e.name),13,yn)]),legendToggle:k(()=>[K.value.length>2&&B.value.legend.selectAllToggle.show&&!O(pr)?(C(),y(Ae,{key:0,backgroundColor:B.value.legend.selectAllToggle.backgroundColor,color:B.value.legend.selectAllToggle.color,fontSize:B.value.legend.fontSize,checked:M.value.length>0,isCursorPointer:lr.value,onToggle:pi},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):b(``,!0)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):b(``,!0)],!0)],512)],8,[`to`])):b(``,!0),e.$slots.source?(C(),x(`div`,{key:8,ref_key:`source`,ref:Vn,dir:`auto`},[E(e.$slots,`source`,{},void 0,!0)],512)):b(``,!0),Be(O(wn),{teleportTo:z.value.teleportTo,show:V.value.showTooltip&&Fn.value,backgroundColor:z.value.backgroundColor,color:z.value.color,borderRadius:z.value.borderRadius,borderColor:z.value.borderColor,borderWidth:z.value.borderWidth,fontSize:z.value.fontSize,backgroundOpacity:z.value.backgroundOpacity,position:z.value.position,offsetX:z.value.offsetX,offsetY:z.value.offsetY,parent:Rn.value,content:In.value,isFullscreen:bi.value,isCustom:z.value.customFormat&&typeof z.value.customFormat==`function`,smooth:z.value.smooth,backdropFilter:z.value.backdropFilter,smoothForce:z.value.smoothForce,smoothSnapThreshold:z.value.smoothSnapThreshold,isA11yMode:ar.value===`keyboard`,a11yPosition:ir.value},{"tooltip-before":k(()=>[E(e.$slots,`tooltip-before`,Ke(He({...ti.value})),void 0,!0)]),tooltip:k(()=>[E(e.$slots,`tooltip`,Ke(He({...ti.value})),void 0,!0)]),"tooltip-after":k(()=>[E(e.$slots,`tooltip-after`,Ke(He({...ti.value})),void 0,!0)]),default:k(()=>[z.value.showShape?(C(),x(`div`,bn,[(C(),x(`svg`,xn,[Be(Te,{shape:Z.value.shape,color:Z.value.color,plot:{x:10,y:10},radius:7},null,8,[`shape`,`color`])]))])):b(``,!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`]),Pn.value&&P.value.buttons.table?(C(),y(Xe(Li.value.component),Ue({key:9},Li.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Ri}),Re({content:k(()=>[(C(),y(O(Dn),{key:`table_${Wn.value}`,colNames:yi.value.colNames,head:yi.value.head,body:yi.value.body,config:yi.value.config,title:N.value.table.useDialog?``:Li.value.title,withCloseButton:!N.value.table.useDialog,isCursorPointer:lr.value,onClose:Ri},{th:k(({th:e})=>[ze(D(e),1)]),td:k(({td:e})=>[e.shape?(C(),x(`div`,Sn,[S(`span`,null,D(e.content),1)])):(C(),x(`div`,{key:1,innerHTML:e},null,8,Cn))]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[N.value.table.useDialog?{name:`title`,fn:k(()=>[ze(D(Li.value.title),1)]),key:`0`}:void 0,N.value.table.useDialog?{name:`actions`,fn:k(()=>[S(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[4]||=e=>vi(P.value.callbacks.csv),style:qe({cursor:lr.value?`pointer`:`default`})},[Be(O(Tn),{name:`fileCsv`,stroke:Li.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):b(``,!0),E(e.$slots,`skeleton`,{},()=>[O(pr)?(C(),y(be,{key:0})):b(``,!0)],!0)],46,tt))}},[[`__scopeId`,`data-v-0c3f15e3`]]);export{et as n,wn as t};

package/dist/vue-ui-skeleton-B-Acw3CC.js

@@ -0,0 +1,41 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{B as t,Jt as n,M as r,X as i,t as a}from"./lib-zDxoqrgo.js";import{n as ee,t as te}from"./useHints-BH9r_0Vd.js";import{t as ne}from"./useConfig-CKdzPrcf.js";import{t as re}from"./useNestedProp-CT9phgWx.js";import{t as o}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as ie}from"./DefGrad-DKMq1REY.js";import{n as s}from"./PackageVersion-D6pKL176.js";import{Fragment as c,computed as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createStaticVNode as p,createVNode as m,normalizeClass as ae,normalizeStyle as h,openBlock as g,ref as _,renderList as v,unref as y}from"vue";var b=/* @__PURE__ */ e({default:()=>G}),oe=[`id`],se=[`xmlns`],ce={transform:`translate(300, 300)`},le=[`d`,`fill`,`stroke`],ue=[`xmlns`],x=[`fill`,`stroke`],S=[`fill`,`stroke`],C=[`fill`,`stroke`],w=[`fill`,`stroke`],T=[`fill`,`stroke`],E=[`xmlns`],D=[`stroke`],O=[`stroke`],k=[`stroke`],A=[`fill`,`stroke`],j=[`fill`],M=[`fill`,`stroke`],N=[`fill`],P=[`fill`,`stroke`],F=[`fill`],I=[`fill`,`stroke`],L=[`fill`],R=[`fill`,`stroke`],z=[`fill`],B=[`fill`,`stroke`],V=[`fill`],H=[`xmlns`],U=[`stroke`],de=[`stroke`],fe=[`stroke`],pe=[`stroke`],me=[`stroke`],he=[`stroke`],ge=[`stroke`],_e=[`stroke`],ve=[`stroke`],ye=[`xmlns`],be=[`stroke`,`fill`],xe=[`xmlns`],Se=[`stroke`,`fill`],Ce=[`xmlns`],we=[`fill`],Te=[`fill`],Ee=[`fill`],De=[`fill`],Oe=[`xmlns`],ke=[`stroke`],Ae=[`fill`],je=[`stroke`,`fill`],Me=[`stroke`,`fill`],Ne=[`fill`],Pe=[`stroke`,`fill`],Fe=[`stroke`,`fill`],Ie=[`fill`],Le=[`stroke`,`fill`],Re=[`stroke`,`fill`],ze=[`fill`],Be=[`stroke`,`fill`],Ve=[`stroke`,`fill`],He=[`fill`],Ue=[`stroke`,`fill`],We=[`stroke`,`fill`],Ge=[`xmlns`],Ke=[`stroke`],qe=[`stroke`],Je=[`stroke`,`fill`],Ye=[`stroke`,`fill`],Xe=[`stroke`,`fill`],Ze=[`stroke`,`fill`],Qe=[`stroke`,`fill`],$e=[`stroke`,`fill`],et=[`stroke`,`fill`],tt=[`stroke`,`fill`],nt=[`stroke`,`fill`],rt=[`stroke`,`fill`],it=[`stroke`,`fill`],at=[`stroke`,`fill`],ot=[`stroke`,`fill`],st=[`stroke`,`fill`],ct=[`stroke`,`fill`],lt=[`stroke`,`fill`],ut=[`stroke`,`fill`],dt=[`stroke`,`fill`],ft=[`stroke`,`fill`],pt=[`stroke`,`fill`],mt=[`stroke`,`fill`],ht=[`stroke`,`fill`],gt=[`stroke`,`fill`],_t=[`xmlns`],vt=[`stroke`],yt=[`xmlns`],bt=[`stroke`],xt=[`xmlns`],St=[`stroke`],Ct=[`xmlns`],wt=[`fill`],Tt=[`fill`],Et=[`fill`],Dt=[`fill`],Ot=[`fill`],kt=[`fill`],At=[`fill`],jt=[`fill`],Mt=[`fill`],Nt=[`fill`],Pt=[`fill`],Ft=[`fill`],It=[`xmlns`],Lt=[`stroke`],Rt=[`stroke`],zt=[`stroke`],Bt=[`stroke`],Vt=[`stroke`],Ht=[`stroke`],Ut=[`xmlns`],Wt=[`stroke`],Gt=[`stroke`],Kt=[`stroke`],qt=[`stroke`],Jt=[`stroke`],Yt=[`stroke`],Xt=[`stroke`],Zt=[`stroke`],Qt=[`stroke`],$t=[`xmlns`],en=[`stroke`],tn=[`xmlns`],nn=[`stroke`],rn=[`stroke`],an=[`stroke`],on=[`stroke`],sn=[`stroke`],cn=[`stroke`],ln=[`stroke`],un=[`stroke`],dn=[`stroke`],fn=[`xmlns`],pn=[`x1`,`x2`,`stroke`],mn=[`xmlns`],hn=[`x`,`y`,`width`,`height`,`fill`],gn=[`y`,`width`,`height`,`fill`],_n=[`xmlns`],vn=[`fill`],yn=[`fill`],bn=[`fill`],xn=[`xmlns`],Sn=[`x1`,`x2`,`y1`,`y2`,`stroke`],Cn=[`stroke`],wn=[`fill`],Tn=[`xmlns`],En=[`fill`],Dn=[`fill`],On=[`x1`,`y1`,`x2`,`y2`,`stroke-width`,`stroke`],kn=[`xmlns`],An={key:0},jn=[`stroke`,`stroke-width`],Mn=[`stroke`,`stroke-width`],Nn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Pn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Fn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],In=[`x`,`y`,`height`,`width`,`fill`],Ln=[`xmlns`,`viewBox`],Rn=[`x`,`y`,`stroke`,`fill`],zn=[`xmlns`],Bn=[`d`,`stroke`],Vn=[`cx`,`cy`,`r`,`fill`,`stroke`],Hn=[`cx`,`cy`,`r`,`fill`,`stroke`],Un=[`x`,`y`,`width`,`fill`],Wn=[`cx`,`cy`,`fill`],Gn=[`cx`,`cy`,`fill`],Kn=[`stroke`],qn=[`xmlns`],Jn=[`stroke`,`stroke-width`],Yn=[`stroke`,`stroke-width`],Xn=[`stroke`,`stroke-width`],Zn=[`fill`],Qn=[`fill`],$n=[`fill`],er=[`fill`],tr=[`fill`],nr=[`fill`],rr=[`xmlns`],ir={key:0},ar=[`stroke`,`stroke-width`],or=[`stroke`,`stroke-width`],sr=[`stroke`,`stroke-width`],cr={key:1},lr=[`r`,`fill`],ur=[`r`,`fill`],dr=[`xmlns`],fr={key:0},pr=[`stroke`,`stroke-width`],mr=[`stroke`,`stroke-width`],hr=[`fill`,`rx`,`x`,`y`,`width`,`height`],gr=[`xmlns`],_r=[`stroke-width`,`stroke`],vr=[`stroke-width`,`stroke`],yr=[`stroke-width`,`stroke`],br=[`xmlns`],xr=[`stroke`],Sr=[`stroke`],Cr=[`stroke`],wr=[`stroke`],Tr=[`fill`],Er=[`stroke`],Dr=[`xmlns`],Or=[`stroke`,`stroke-width`],kr=[`stroke`,`stroke-width`],Ar=[`fill`,`r`],jr=[`fill`,`r`],Mr=[`fill`,`r`],Nr=[`fill`,`r`],Pr=[`fill`,`r`],Fr=[`fill`,`r`],Ir=[`fill`,`r`],Lr=[`fill`,`r`],Rr=[`fill`,`r`],zr=[`xmlns`],Br=[`d`,`stroke`,`stroke-width`],Vr=[`d`,`stroke`,`stroke-width`],Hr=[`d`,`stroke`,`stroke-width`],Ur=[`d`,`stroke`,`stroke-width`],Wr=[`stroke`,`stroke-width`],Gr=[`stroke`,`stroke-width`],Kr=[`stroke`,`stroke-width`],qr=[`fill`],Jr=[`fill`],Yr=[`xmlns`],Xr=[`x`,`y`,`fill`],Zr=[`x`,`y`,`fill`],Qr=[`x`,`y`,`fill`],$r=[`xmlns`],ei=[`fill`],ti=[`fill`],ni=[`y1`,`y2`,`stroke`,`stroke-width`],ri=[`x1`,`x2`,`stroke`,`stroke-width`],ii=[`xmlns`,`stroke`],ai=[`fill`],oi=[`xmlns`,`stroke`],si=[`xmlns`,`stroke`],ci=[`fill`],li=[`xmlns`,`stroke`],ui=[`xmlns`,`stroke`],di=[`fill`],fi=[`xmlns`,`stroke`],pi=[`xmlns`,`stroke`],mi=[`fill`],hi=[`xmlns`,`stroke`],W=[`xmlns`,`stroke`],gi=[`fill`],_i=[`xmlns`,`stroke`],vi=[`xmlns`],yi=[`points`,`fill`,`stroke`,`stroke-width`],bi=[`xmlns`],xi={key:0},Si=[`stroke`,`stroke-width`],Ci=[`y`,`width`,`fill`,`rx`],G=/*#__PURE__*/ o({__name:`vue-ui-skeleton`,props:{config:{type:Object,default(){return{}}}},setup(e){let{vue_ui_skeleton:o}=ne(),b=e,G=_(`vue-ui-skeleton-${i()}`),K=l(()=>re({userConfig:b.config,defaultConfig:o})),q=l(()=>K.value.style);ee({config:()=>K.value,dataset:()=>[],component:`VueUiSkeleton`,rules:[te.noHint]});let wi=l(()=>K.value.style.animated),J=l(()=>K.value.type),Ti=_([60,50,55,36,40,25,26,12]),Ei=l(()=>r({plot:{x:50,y:50},radius:40,sides:6}).path),Di=l(()=>r({plot:{x:50,y:50},radius:30,sides:6}).path),Oi=l(()=>r({plot:{x:50,y:50},radius:20,sides:6}).path),ki=l(()=>r({plot:{x:50,y:50},radius:10,sides:6}).path),Y=_([{root:{x:70,y:77,r:44,opacity:100},bars:[{x:200,y:37,opacity:100,width:240},{x:200,y:118,opacity:100,width:180},{x:200,y:253,opacity:100,width:80}]},{root:{x:70,y:177,r:32,opacity:70},bars:[{x:200,y:145,opacity:70,width:160},{x:200,y:172,opacity:70,width:140},{x:200,y:199,opacity:70,width:120}]},{root:{x:70,y:257,r:24,opacity:40},bars:[{x:200,y:64,opacity:40,width:220},{x:200,y:91,opacity:40,width:200},{x:200,y:226,opacity:40,width:100}]}]),X=_([{y:200,height:100,bar:50},{y:180,height:100,bar:40},{y:150,height:100,bar:30},{y:120,height:80,bar:50},{y:110,height:60,bar:30},{y:80,height:80,bar:10},{y:50,height:80,bar:40},{y:24,height:40,bar:24},{y:44,height:20,bar:13},{y:32,height:45,bar:19}]),Z=_([[3,2.5],[4,3.1],[8,6],[9.5,6.5],[12,11],[16,15],[18,18.2],[25,24],[24,26],[32,32],[33,32],[32,31],[38,37],[37,38],[42,41],[40,41],[44,45],[38,35],[31,32]]),Q=_([{x:40,y:30},{x:45,y:28},{x:50,y:25},{x:55,y:20},{x:60,y:27},{x:65,y:14},{x:70,y:23},{x:75,y:16},{x:80,y:25},{x:85,y:10},{x:90,y:18},{x:95,y:7},{x:100,y:12},{x:105,y:10},{x:110,y:20},{x:115,y:7},{x:120,y:14},{x:125,y:10},{x:130,y:19},{x:135,y:3},{x:140,y:10},{x:145,y:2},{x:150,y:1}]);function $(e,t=1){let n=29.85;return{x:200+160*Math.cos(n+e*Math.PI/180)*t,y:200+160*Math.sin(n+e*Math.PI/180)*t}}let Ai=l(()=>{let e=[];for(let t=0;t<100;t+=1)e.push({x1:$(360/100*t).x,y1:$(360/100*t).y,x2:$(360/100*t,.9).x,y2:$(360/100*t,.9).y,color:K.value.style.wheel.color});return e}),ji=_([`M1.74 203.99A204 204 0 01-131.29-156.13l15.44 18.36A180 180 0 001.53 179.99Z`,`M-123.33-162.5A204 204 0 01-10.2-203.75L-9-179.78a180 180 0 00-99.82 36.4Z`,`M0-180A180 180 0 01175.19 41.33l23.36 5.51A204 204 0 000-204Z`,`M172.91 50.03A180 180 0 0110.53 179.69l1.4 23.96A204 204 0 00195.96 56.7Z`,`M-166.87-67.49a180 180 0 0151.02-70.28Q0 0 119.83-134.32a180 180 0 0152.13 81.13Q0 0-166.87-67.49Z`,`M-29.99-177.48a180 180 0 0110.73-1.49Q0 0 112.89 140.2A180 180 0 0153.63 171.83Q0 0-29.99-177.48Z`,`M179.71 10.29a180 180 0 01-4.52 31.04Q0 0-40.87-175.3a180 180 0 0110.88-2.18Q0 0 179.71 10.29Z`,`M-19.26-178.97Q0 0-166.87-67.49a180 180 0 00-12.14 86.36Q0 0-9-179.78a180 180 0 00-10.26.81Z`,`M-108.82-143.38Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Z`,`M0-180a180 180 0 01119.83 45.68Q0 0 0-180a180 180 0 01119.83 45.68Q0 0 0-180Z`,`M-148.85 101.22Q0 0-179.01 18.87a180 180 0 0030.16 82.35Q0 0-179.01 18.87a180 180 0 0030.16 82.35Z`,`M1.53 179.99Q0 0 31.73 177.18a180 180 0 0021.9-5.35Q0 0-148.85 101.22A180 180 0 001.53 179.99Z`,`M31.73 177.18a180 180 0 01-21.2 2.51Q0 0 171.96-53.19a180 180 0 017.75 63.48Q0 0 31.73 177.18Z`,`M172.91 50.03Q0 0 112.89 140.2a180 180 0 0060.02-90.17Q0 0 112.89 140.2a180 180 0 0060.02-90.17Z`]);return(e,r)=>(g(),d(`div`,{id:G.value,class:ae({"vue-data-ui-component":!0,"vue-ui-skeleton":!0,"vue-ui-skeleton-animated":wi.value}),style:h(`background:${q.value.backgroundColor};color:${q.value.color};display:flex;align-items:center;justify-content:center;`)},[J.value===`chord`?(g(),d(`svg`,{key:0,xmlns:y(a),width:`100%`,viewBox:`0 0 600 600`,style:h({background:q.value.backgroundColor})},[m(s),f(`g`,ce,[(g(!0),d(c,null,v(ji.value,(e,t)=>(g(),d(`path`,{key:e,d:e,fill:q.value.chord.color,stroke:q.value.backgroundColor,"stroke-width":`2`,style:h({opacity:t>3?.6:1})},null,12,le))),128))])],12,se)):u(``,!0),J.value===`ridgeline`?(g(),d(`svg`,{key:1,xmlns:y(a),width:`100%`,viewBox:`20 0 512 200`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`defs`,null,[m(ie,{t:`linear`,id:`ridgeline-gradient-${G.value}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,q.value.ridgeline.color,1],[`30%`,q.value.ridgeline.color,.7],[`70%`,q.value.ridgeline.color,.3],[`100%`,q.value.ridgeline.color,.1]]},null,8,[`id`,`stops`])]),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 60c6.18-.6 12.36-1.11 18.55-1.79 6.18-.68 12.37-2.38 18.55-2.4 6.19-.01 12.37 0 18.56-.01 6.18-.02 12.37-5.3 18.55-5.3 6.19 0 12.37 4.95 18.56 4.95 6.18 0 12.37-2.78 18.55-2.78 6.19 0 12.37 1.02 18.56 1.92 6.18.9 12.37 4.58 18.55 4.58s12.37-6.71 18.55-6.71c6.19 0 12.37.89 18.56.89 6.18 0 12.37-4.48 18.55-4.48 6.19 0 12.37 4.79 18.56 4.79 6.18 0 12.37-26.07 18.55-26.07 6.19 0 12.37 9.31 18.56 13.85 6.18 4.54 12.37 13.39 18.55 13.39 6.19 0 12.37-36.14 18.56-36.14 6.18 0 12.36 38.45 18.55 38.45 6.18 0 12.37-11.46 18.55-16.94 6.19-5.48 12.37-15.97 18.56-15.97 6.18 0 12.37 16.4 18.55 16.4 6.19 0 12.37-.12 18.56-.35 6.18-.22 12.37-38.08 18.55-38.08 6.19 0 12.37 24.07 18.56 36.1V60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,x),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 90c6.18-.22 12.36-.35 18.55-.67 6.18-.32 12.37-1.65 18.55-1.65 6.19 0 12.37 1.66 18.56 1.66 6.18 0 12.37-8.76 18.55-8.76 6.19 0 12.37 4.15 18.56 4.15 6.18 0 12.37-8.44 18.55-8.44 6.19 0 12.37 10.87 18.56 10.87 6.18 0 12.37-9.21 18.55-12.16 6.18-2.96 12.37-6.97 18.55-6.97 6.19 0 12.37 9.59 18.56 12.77 6.18 3.18 12.37 7.6 18.55 7.6 6.19 0 12.37-24.44 18.56-24.44 6.18 0 12.37 16.97 18.55 16.97 6.19 0 12.37-20.62 18.56-20.62 6.18 0 12.37 20.37 18.55 20.37 6.19 0 12.37-13.13 18.56-13.13 6.18 0 12.36 13.51 18.55 13.51 6.18 0 12.37-26.41 18.55-26.41 6.19 0 12.37.49 18.56 1.26 6.18.78 12.37 13.82 18.55 13.82 6.19 0 12.37-5.3 18.56-8.3 6.18-3 12.37-9.81 18.55-9.81 6.19 0 12.37 19.82 18.56 29.72V90`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,S),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 120c6.18-.34 12.36-.55 18.55-1.01 6.18-.46 12.37-1.17 18.55-2.15 6.19-.99 12.37-3.7 18.56-4.69 6.18-.98 12.37-2.15 18.55-2.15 6.19 0 12.37.52 18.56 1.2 6.18.68 12.37 6.67 18.55 6.67 6.19 0 12.37-12.15 18.56-12.15 6.18 0 12.37 4.6 18.55 4.6S227.5 99.7 233.68 98.99c6.19-.71 12.37-1.18 18.56-1.18 6.18 0 12.37 17.75 18.55 18.22 6.19.48 12.37.74 18.56.74 6.18 0 12.37-17.09 18.55-17.09 6.19 0 12.37 12.68 18.56 12.68 6.18 0 12.37-.33 18.55-.67 6.19-.34 12.37-.79 18.56-2.06 6.18-1.26 12.36-25.45 18.55-25.45 6.18 0 12.37 10.35 18.55 10.35 6.19 0 12.37-21.07 18.56-21.07 6.18 0 12.37 33.27 18.55 33.27 6.19 0 12.37-26.97 18.56-26.97 6.18 0 12.37 26.97 18.55 27.36 6.19.4 12.37.41 18.56.61V120`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,C),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 150c6.18-.52 12.36-1.57 18.55-1.57 6.18 0 12.37 1.36 18.55 1.36 6.19 0 12.37-1.75 18.56-3.18 6.18-1.43 12.37-6.62 18.55-6.62 6.19 0 12.37 9.98 18.56 9.98 6.18 0 12.37-4.94 18.55-5.64 6.19-.71 12.37-.52 18.56-1.31 6.18-.78 12.37-12.43 18.55-12.43s12.37 18.52 18.55 18.52c6.19 0 12.37-2.49 18.56-2.49 6.18 0 12.37 3.02 18.55 3.02 6.19 0 12.37-29.39 18.56-29.39 6.18 0 12.37 5.56 18.55 8.36 6.19 2.81 12.37 5.14 18.56 8.47 6.18 3.34 12.37 12.25 18.55 12.25 6.19 0 12.37-4.3 18.56-8.78 6.18-4.48 12.36-28.77 18.55-28.77 6.18 0 12.37 1.29 18.55 3.02 6.19 1.72 12.37 18.36 18.56 18.36 6.18 0 12.37-7.68 18.55-12.92 6.19-5.24 12.37-18.51 18.56-20.1 6.18-1.58 12.37-2.7 18.55-2.7 6.19 0 12.37 34.69 18.56 52.04V150`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,w),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 180c6.18-.6 12.36-1.07 18.55-1.81 6.18-.74 12.37-2.86 18.55-2.86 6.19 0 12.37 2.14 18.56 2.14 6.18 0 12.37-7.08 18.55-7.08 6.19 0 12.37 1.08 18.56 2.03 6.18.95 12.37 4.75 18.55 4.75 6.19 0 12.37-2.45 18.56-4.62 6.18-2.17 12.37-10.99 18.55-10.99s12.37 9.58 18.55 9.58c6.19 0 12.37-.25 18.56-.69 6.18-.43 12.37-13.6 18.55-13.6 6.19 0 12.37 17.23 18.56 17.23 6.18 0 12.37-2.5 18.55-5.19 6.19-2.68 12.37-15.45 18.56-18 6.18-2.55 12.37-4.86 18.55-4.86 6.19 0 12.37 18.61 18.56 18.61 6.18 0 12.36-24.22 18.55-26.66 6.18-2.45 12.37-4.25 18.55-4.25 6.19 0 12.37 7.92 18.56 7.92 6.18 0 12.37-1.95 18.55-1.95 6.19 0 12.37 29.69 18.56 29.69 6.18 0 12.37-2.55 18.55-6.14 6.19-3.58 12.37-28.83 18.56-43.25v60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,T)],12,ue)):u(``,!0),J.value===`historyPlot`?(g(),d(`svg`,{key:2,xmlns:y(a),width:`100%`,viewBox:`0 0 612 512`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`12`,x2:`12`,y1:`12`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,D),f(`line`,{x1:`12`,x2:`600`,y1:`500`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,O),f(`path`,{d:`M 80,100 300,200 400,150 560,230 360,420 230,320`,fill:`none`,stroke:q.value.historyPlot.color,"stroke-width":`3`},null,8,k),f(`circle`,{cx:`80`,cy:`100`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,A),f(`text`,{x:`80`,y:`108`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 1 `,8,j),f(`circle`,{cx:`300`,cy:`200`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,M),f(`text`,{x:`300`,y:`208`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 2 `,8,N),f(`circle`,{cx:`400`,cy:`150`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,P),f(`text`,{x:`400`,y:`158`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 3 `,8,F),f(`circle`,{cx:`560`,cy:`230`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,I),f(`text`,{x:`560`,y:`238`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 4 `,8,L),f(`circle`,{cx:`360`,cy:`420`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,R),f(`text`,{x:`360`,y:`428`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 5 `,8,z),f(`circle`,{cx:`230`,cy:`320`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,B),f(`text`,{x:`230`,y:`328`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 6 `,8,V)],12,E)):u(``,!0),J.value===`circlePack`?(g(),d(`svg`,{key:3,xmlns:y(a),width:`100%`,viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[f(`circle`,{cx:50,cy:50,r:20,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,U),f(`circle`,{cx:80,cy:50,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,de),f(`circle`,{cx:28,cy:30,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,fe),f(`circle`,{cx:25,cy:76,r:16,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,pe),f(`circle`,{cx:60,cy:78.5,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,me),f(`circle`,{cx:64,cy:20,r:13,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,he),f(`circle`,{cx:72,cy:37,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ge),f(`circle`,{cx:25,cy:45,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,_e),f(`circle`,{cx:70,cy:66,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ve)],12,H)):u(``,!0),J.value===`flow`?(g(),d(`svg`,{key:4,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 8l23 4L52 9 75 8v4H52L28 21 5 29ZM5 34l23 1L52 24l23-3v6L52 30 28 44l24-5 23 2v6L52 45 28 52H5Z`,stroke:q.value.flow.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.flow.color},null,8,be)],12,ye)):u(``,!0),J.value===`parallelCoordinatePlot`?(g(),d(`svg`,{key:5,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 10a1 1 0 000 2 1 1 0 000-2m23 5a1 1 0 000 2 1 1 0 000-2M52 8a1 1 0 000 2 1 1 0 000-2m23 3a1 1 0 000 2 1 1 0 000-2M6 11l21 5m2 0L51 9m2 0 21 3M5 50a1 1 0 000-2 1 1 0 000 2M28 39a1 1 0 000 2 1 1 0 000-2m24 6a1 1 0 000 2 1 1 0 000-2m23 0a1 1 0 000 2 1 1 0 000-2M6 49l21-9m2 0 22 6m2 0H74M5 25a1 1 0 000 2 1 1 0 000-2m23 6a1 1 0 000 2 1 1 0 000-2m24-8a1 1 0 000 2 1 1 0 000-2m23-2a1 1 0 000 2 1 1 0 000-2M6 26l21 6m2 0 22-8m2 0 21-2`,stroke:q.value.parallelCoordinatePlot.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.parallelCoordinatePlot.color},null,8,Se)],12,xe)):u(``,!0),J.value===`bullet`?(g(),d(`svg`,{key:6,xmlns:y(a),width:`100%`,viewBox:`0 0 600 96`,style:h(`background:${q.value.backgroundColor}`)},[f(`rect`,{fill:q.value.bullet.color,x:24,y:12,width:300,height:72,style:{opacity:`0.8`}},null,8,we),f(`rect`,{fill:q.value.bullet.color,x:324,y:12,width:150,height:72,style:{opacity:`0.6`}},null,8,Te),f(`rect`,{fill:q.value.bullet.color,x:474,y:12,width:102,height:72,style:{opacity:`0.3`}},null,8,Ee),f(`rect`,{fill:q.value.bullet.color,x:24,y:36,width:490,height:24,style:{opacity:`1`}},null,8,De)],12,Ce)):u(``,!0),J.value===`dumbbell`?(g(),d(`svg`,{key:7,xmlns:y(a),width:`100%`,viewBox:`0 0 100 55`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`3`,x2:`3`,y1:`3`,y2:`67`,stroke:q.value.dumbbell.color,"stroke-width":.5,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,ke),f(`path`,{d:`
+                    M 30,11
+                    C 39,10 39,10
+                    45,11
+                    L 45,9
+                    C 39,10 39,10
+                    30,9 Z
+                `,fill:q.value.dumbbell.color},null,8,Ae),f(`circle`,{cx:`30`,cy:`10`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,je),f(`circle`,{cx:`46`,cy:`10`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,Me),f(`path`,{d:`
+                    M 10,21
+                    C 23,20 23,20
+                    36,21
+                    L 36,19
+                    C 23,20 23,20
+                    10,19 Z
+                `,fill:q.value.dumbbell.color},null,8,Ne),f(`circle`,{cx:`10`,cy:`20`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,Pe),f(`circle`,{cx:`36`,cy:`20`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,Fe),f(`path`,{d:`
+                    M 30,31
+                    C 45,30 45,30
+                    60,31
+                    L 60,29
+                    C 45,30 45,30
+                    30,29 Z
+                `,fill:q.value.dumbbell.color},null,8,Ie),f(`circle`,{cx:`30`,cy:`30`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,Le),f(`circle`,{cx:`60`,cy:`30`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,Re),f(`path`,{d:`
+                    M 50,41
+                    C 65,40 65,40
+                    80,41
+                    L 80,39
+                    C 65,40 65,40
+                    50,39 Z
+                `,fill:q.value.dumbbell.color},null,8,ze),f(`circle`,{cx:`50`,cy:`40`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,Be),f(`circle`,{cx:`80`,cy:`40`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,Ve),f(`path`,{d:`
+                    M 40,51
+                    C 65,50 65,50
+                    90,51
+                    L 90,49
+                    C 65,50 65,50
+                    40,49 Z
+                `,fill:q.value.dumbbell.color},null,8,He),f(`circle`,{cx:`40`,cy:`50`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,Ue),f(`circle`,{cx:`90`,cy:`50`,r:`2`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.dumbbell.color},null,8,We)],12,Oe)):u(``,!0),J.value===`stripPlot`?(g(),d(`svg`,{key:8,xmlns:y(a),width:`100%`,viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`3`,x2:`3`,y1:`3`,y2:`97`,stroke:q.value.stripPlot.color,"stroke-width":.5,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Ke),f(`line`,{x1:`3`,x2:`97`,y1:`97`,y2:`97`,stroke:q.value.stripPlot.color,"stroke-width":.5,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,qe),f(`circle`,{cx:`12`,cy:`8`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,Je),f(`circle`,{cx:`12`,cy:`40`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,Ye),f(`circle`,{cx:`12`,cy:`60`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,Xe),f(`circle`,{cx:`12`,cy:`70`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,Ze),f(`circle`,{cx:`32`,cy:`25`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,Qe),f(`circle`,{cx:`32`,cy:`38`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,$e),f(`circle`,{cx:`32`,cy:`44`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,et),f(`circle`,{cx:`32`,cy:`55`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,tt),f(`circle`,{cx:`52`,cy:`30`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,nt),f(`circle`,{cx:`52`,cy:`33`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,rt),f(`circle`,{cx:`52`,cy:`43`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,it),f(`circle`,{cx:`52`,cy:`63`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,at),f(`circle`,{cx:`52`,cy:`78`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,ot),f(`circle`,{cx:`72`,cy:`58`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,st),f(`circle`,{cx:`72`,cy:`70`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,ct),f(`circle`,{cx:`72`,cy:`78`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,lt),f(`circle`,{cx:`72`,cy:`88`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,ut),f(`circle`,{cx:`92`,cy:`66`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,dt),f(`circle`,{cx:`92`,cy:`77`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,ft),f(`circle`,{cx:`92`,cy:`85`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,pt),f(`circle`,{cx:`92`,cy:`88`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,mt),f(`circle`,{cx:`92`,cy:`90`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,ht),f(`circle`,{cx:`92`,cy:`92`,r:`4`,stroke:q.value.backgroundColor,"stroke-width":.3,fill:q.value.stripPlot.color,style:{opacity:`0.5`}},null,8,gt)],12,Ge)):u(``,!0),J.value===`treemap`?(g(),d(`svg`,{key:9,xmlns:y(a),width:`100%`,viewBox:`0 0 30 21`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{fill:`none`,stroke:q.value.treemap.color,"stroke-width":`0.3`,"stroke-linecap":`round`,"stroke-linejoin":`round`,d:`M 1 1 L 29 1 L 29 20 L 1 20 Z M 10 1 L 10 20 M 1 13 L 10 13 M 22 11 L 22 20 M 10 11 L 22 11 M 22 11 L 29 11 M 7 13 L 7 20 M 17 11 L 17 20 M 22 15 L 29 15 M 26 15 L 26 20 M 20 1 L 20 11`},null,8,vt)],12,_t)):u(``,!0),J.value===`galaxy`?(g(),d(`svg`,{key:10,xmlns:y(a),width:`100%`,viewBox:`0.5 0 20 20`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{fill:`none`,stroke:q.value.galaxy.color,"stroke-width":`2`,"stroke-linecap":`round`,d:`M18 11c0 2-1 4-1.6 5M3 11a1 1 0 0115 0m-4 0A1 1 0 013 11m4 0a1 1 0 017 0m-3 0A1 1 0 017 11`},null,8,bt)],12,yt)):u(``,!0),J.value===`bar3d`?(g(),d(`svg`,{key:11,xmlns:y(a),width:`100%`,viewBox:`2 0 16 20`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{fill:`none`,stroke:q.value.bar3d.color,"stroke-width":`0.2`,d:`M10 19V5m4-2-4 2L6 3m4-2 4 2V17l-4 2-4-2V3l4-2`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,St)],12,xt)):u(``,!0),J.value===`sparkHistogram`?(g(),d(`svg`,{key:12,xmlns:y(a),width:`100%`,viewBox:`0 0 100 20`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`rect`,{x:`3`,y:`8`,height:`4`,width:`6`,rx:`1.5`,fill:q.value.sparkHistogram.color},null,8,wt),f(`rect`,{x:`11`,y:`6`,height:`8`,width:`6`,rx:`2`,fill:q.value.sparkHistogram.color},null,8,Tt),f(`rect`,{x:`19`,y:`7`,height:`6`,width:`6`,rx:`2`,fill:q.value.sparkHistogram.color},null,8,Et),f(`rect`,{x:`27`,y:`6`,height:`8`,width:`6`,rx:`2`,fill:q.value.sparkHistogram.color},null,8,Dt),f(`rect`,{x:`35`,y:`8`,height:`4`,width:`6`,rx:`1.5`,fill:q.value.sparkHistogram.color},null,8,Ot),f(`rect`,{x:`43`,y:`7`,height:`6`,width:`6`,rx:`2`,fill:q.value.sparkHistogram.color},null,8,kt),f(`rect`,{x:`51`,y:`8.5`,height:`3`,width:`6`,rx:`1.5`,fill:q.value.sparkHistogram.color},null,8,At),f(`rect`,{x:`59`,y:`7`,height:`6`,width:`6`,rx:`2`,fill:q.value.sparkHistogram.color},null,8,jt),f(`rect`,{x:`67`,y:`6`,height:`8`,width:`6`,rx:`2`,fill:q.value.sparkHistogram.color},null,8,Mt),f(`rect`,{x:`75`,y:`7`,height:`6`,width:`6`,rx:`2`,fill:q.value.sparkHistogram.color},null,8,Nt),f(`rect`,{x:`83`,y:`7`,height:`6`,width:`6`,rx:`2`,fill:q.value.sparkHistogram.color},null,8,Pt),f(`rect`,{x:`91`,y:`8`,height:`4`,width:`6`,rx:`1.5`,fill:q.value.sparkHistogram.color},null,8,Ft)],12,Ct)):u(``,!0),J.value===`sparkbar`?(g(),d(`svg`,{key:13,xmlns:y(a),width:`100%`,viewBox:`0 0 500 200`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`12`,x2:`488`,y1:`50`,y2:`50`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkbar.color,opacity:`0.5`},null,8,Lt),f(`line`,{x1:`12`,x2:`400`,y1:`50`,y2:`50`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkbar.color,opacity:`1`},null,8,Rt),f(`line`,{x1:`12`,x2:`488`,y1:`100`,y2:`100`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkbar.color,opacity:`0.5`},null,8,zt),f(`line`,{x1:`12`,x2:`350`,y1:`100`,y2:`100`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkbar.color,opacity:`1`},null,8,Bt),f(`line`,{x1:`12`,x2:`488`,y1:`150`,y2:`150`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkbar.color,opacity:`0.5`},null,8,Vt),f(`line`,{x1:`12`,x2:`235`,y1:`150`,y2:`150`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkbar.color,opacity:`1`},null,8,Ht)],12,It)):u(``,!0),J.value===`sparkStackbar`?(g(),d(`svg`,{key:14,xmlns:y(a),width:`100%`,viewBox:`0 0 500 64`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`12`,x2:`488`,y1:`32`,y2:`32`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkStackbar.color,opacity:`0.5`},null,8,Wt),f(`line`,{x1:`12`,x2:`380`,y1:`32`,y2:`32`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkStackbar.color,opacity:`0.6`},null,8,Gt),f(`line`,{x1:`12`,x2:`200`,y1:`32`,y2:`32`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkStackbar.color,opacity:`0.8`},null,8,Kt),f(`line`,{x1:`12`,x2:`120`,y1:`32`,y2:`32`,"stroke-width":`16`,"stroke-linecap":`round`,stroke:q.value.sparkStackbar.color,opacity:`1`},null,8,qt)],12,Ut)):u(``,!0),J.value===`thermometer`?(g(),d(`svg`,{key:15,width:`100%`,viewBox:`0 0 20 20`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{fill:`none`,stroke:q.value.thermometer.color,"stroke-width":`0.2`,"stroke-linecap":`round`,d:`M 13 4 A 1 1 0 0 0 7 4 L 7 16 A 1 1 0 0 0 13 16 L 13 4 M 7 15 L 8 15 M 7 12 L 8 12 M 7 9 L 8 9 M 7 6 L 8 6 M 12 15 L 13 15 M 12 12 L 13 12 M 12 9 L 13 9 M 12 6 L 13 6 `},null,8,Jt),f(`path`,{stroke:q.value.thermometer.color,"stroke-width":`1`,style:{opacity:`0.6`},d:`M 10 17 L 10 12 `,"stroke-linecap":`round`},null,8,Yt),f(`path`,{"stroke-linecap":`round`,stroke:q.value.thermometer.color,"stroke-width":`1`,opacity:`M 10 17 L 10 9`},null,8,Xt),f(`path`,{"stroke-linecap":`round`,stroke:q.value.thermometer.color,"stroke-width":`1`,opacity:`0.3`,d:`M 10 17 L 10 6`},null,8,Zt),f(`path`,{"stroke-linecap":`round`,stroke:q.value.thermometer.color,"stroke-width":`1`,style:{opacity:`0.1`},d:`M 10 17 L 10 3`},null,8,Qt)],4)):u(``,!0),J.value===`relationCircle`?(g(),d(`svg`,{key:16,xmlns:y(a),width:`100%`,viewBox:`0 0 20 20`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{fill:`none`,stroke:q.value.relationCircle.color,"stroke-width":`0.2`,"stroke-linecap":`round`,d:`M1 10A1 1 0 0019 10 1 1 0 001 10M1 10C7 11 9 13 10 19M10 19C10 11 8 7 6 2M10 19C10 11 12 7 14 2M10 19C11 13 12 11 19 10`},null,8,en)],12,$t)):u(``,!0),J.value===`molecule`?(g(),d(`svg`,{key:17,xmlns:y(a),width:`100%`,viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`circle`,{cx:`50`,cy:`50`,r:`6`,"stroke-width":`2`,fill:`none`,stroke:q.value.molecule.color},null,8,nn),f(`circle`,{cx:`20`,cy:`50`,r:`3`,"stroke-width":`1.6`,fill:`none`,stroke:q.value.molecule.color},null,8,rn),f(`circle`,{cx:`80`,cy:`50`,r:`3`,"stroke-width":`1.6`,fill:`none`,stroke:q.value.molecule.color},null,8,an),f(`circle`,{cx:`50`,cy:`20`,r:`3`,"stroke-width":`1.6`,fill:`none`,stroke:q.value.molecule.color},null,8,on),f(`circle`,{cx:`50`,cy:`80`,r:`3`,"stroke-width":`1.6`,fill:`none`,stroke:q.value.molecule.color},null,8,sn),f(`line`,{x1:`50`,x2:`50`,y1:`23`,y2:`45`,"stroke-width":`1`,stroke:q.value.molecule.color},null,8,cn),f(`line`,{x1:`50`,x2:`50`,y1:`77`,y2:`55`,"stroke-width":`1`,stroke:q.value.molecule.color},null,8,ln),f(`line`,{x1:`23`,x2:`45`,y1:`50`,y2:`50`,"stroke-width":`1`,stroke:q.value.molecule.color},null,8,un),f(`line`,{x1:`77`,x2:`55`,y1:`50`,y2:`50`,"stroke-width":`1`,stroke:q.value.molecule.color},null,8,dn)],12,tn)):u(``,!0),J.value===`tiremarks`?(g(),d(`svg`,{key:18,xmlns:y(a),width:`100%`,viewBox:`0 0 312 56`,style:h(`background:${q.value.backgroundColor}`)},[m(s),(g(),d(c,null,v(100,e=>f(`g`,null,[f(`line`,{x1:10+e*2.9,y1:6,x2:10+e*2.9,y2:50,stroke:q.value.tiremarks.color,style:h(e>80?`opacity: 0.5`:``),"stroke-linecap":`round`},null,12,pn)])),64))],12,fn)):u(``,!0),J.value===`pyramid`?(g(),d(`svg`,{key:19,xmlns:y(a),width:`100%`,viewBox:`0 0 105 80`,style:h(`background:${q.value.backgroundColor}`)},[m(s),(g(!0),d(c,null,v(Z.value,(e,t)=>(g(),d(`g`,null,[f(`rect`,{x:50-e[0],y:t*(80/Z.value.length),width:e[0],height:80/Z.value.length*.95,fill:q.value.pyramid.color},null,8,hn),f(`rect`,{x:55,y:t*(80/Z.value.length),width:e[1],height:80/Z.value.length*.95,fill:q.value.pyramid.color},null,8,gn)]))),256))],12,mn)):u(``,!0),J.value===`rings`?(g(),d(`svg`,{key:20,xmlns:y(a),width:`100%`,viewBox:`0 0 400 400`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`circle`,{cx:200,cy:200,r:180,fill:y(n)(q.value.rings.color,40)},null,8,vn),f(`circle`,{cx:200,cy:250,r:130,fill:y(n)(q.value.rings.color,60)},null,8,yn),f(`circle`,{cx:200,cy:290,r:90,fill:y(n)(q.value.rings.color,100)},null,8,bn)],12,_n)):u(``,!0),J.value===`wheel`?(g(),d(`svg`,{key:21,xmlns:y(a),width:`100%`,viewBox:`0 0 400 400`,style:h(`background:${q.value.backgroundColor}`)},[m(s),(g(!0),d(c,null,v(Ai.value,(e,t)=>(g(),d(`line`,{x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2,stroke:t<66?e.color:y(n)(e.color,50),"stroke-width":5,"stroke-linecap":`round`},null,8,Sn))),256)),f(`circle`,{cx:200,cy:200,r:130,"stroke-width":3,stroke:y(n)(q.value.wheel.color,50),fill:`none`},null,8,Cn),f(`rect`,{fill:y(n)(q.value.wheel.color,50),rx:12,x:160,y:170,height:60,width:80,stroke:`none`},null,8,wn)],12,xn)):u(``,!0),J.value===`sparkline`?(g(),d(`svg`,{key:22,xmlns:y(a),width:`100%`,viewBox:`0 0 150 32`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`g`,null,[f(`rect`,{x:`2`,y:`2`,height:`6`,width:`24`,fill:q.value.sparkline.color,rx:`3`},null,8,En),f(`rect`,{x:`2`,y:`12`,height:`16`,width:`16`,fill:q.value.sparkline.color,rx:`3`},null,8,Dn)]),(g(!0),d(c,null,v(Q.value,(e,t)=>(g(),d(`g`,null,[t<Q.value.length-1?(g(),d(`line`,{key:0,x1:e.x,y1:e.y,x2:Q.value[t+1].x,y2:Q.value[t+1].y,"stroke-width":q.value.sparkline.strokeWidth,stroke:q.value.sparkline.color,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,On)):u(``,!0)]))),256))],12,Tn)):u(``,!0),J.value===`candlesticks`?(g(),d(`svg`,{key:23,xmlns:y(a),width:`100%`,viewBox:`0 0 512 316`,style:h(`background:${q.value.backgroundColor}`)},[m(s),q.value.candlesticks.axis.show?(g(),d(`g`,An,[f(`line`,{x1:2,x2:2,y1:2,y2:314,stroke:q.value.candlesticks.axis.color,"stroke-width":q.value.candlesticks.axis.strokeWidth,"stroke-linecap":`round`},null,8,jn),f(`line`,{x1:2,x2:510,y1:314,y2:314,stroke:q.value.candlesticks.axis.color,"stroke-width":q.value.candlesticks.axis.strokeWidth,"stroke-linecap":`round`},null,8,Mn)])):u(``,!0),(g(!0),d(c,null,v(X.value,(e,t)=>(g(),d(`g`,null,[f(`line`,{x1:24+464*t/(X.value.length-1)-464/(X.value.length-1)/8,x2:24+464*t/(X.value.length-1)+464/(X.value.length-1)/8,y1:e.y,y2:e.y,stroke:q.value.candlesticks.candle.color,"stroke-width":q.value.candlesticks.candle.strokeWidth,"stroke-linecap":`round`},null,8,Nn),f(`line`,{x1:24+464*t/(X.value.length-1)-464/(X.value.length-1)/8,x2:24+464*t/(X.value.length-1)+464/(X.value.length-1)/8,y1:e.y+e.height,y2:e.y+e.height,stroke:q.value.candlesticks.candle.color,"stroke-width":q.value.candlesticks.candle.strokeWidth,"stroke-linecap":`round`},null,8,Pn),f(`line`,{x1:24+464*t/(X.value.length-1),x2:24+464*t/(X.value.length-1),y1:e.y,y2:e.y+e.height,stroke:q.value.candlesticks.candle.color,"stroke-width":q.value.candlesticks.candle.strokeWidth,"stroke-linecap":`round`},null,8,Fn),f(`rect`,{x:24+464*t/(X.value.length-1)-464/(X.value.length-1)/8,y:e.y+(e.height-e.bar*1.5),height:e.bar,width:464/(X.value.length-1)/4,fill:q.value.candlesticks.candle.color,rx:`1`},null,8,In)]))),256))],12,kn)):u(``,!0),J.value===`heatmap`?(g(),d(`svg`,{key:24,xmlns:y(a),width:`100%`,viewBox:`0 0 ${10*q.value.heatmap.cellsX} ${10*q.value.heatmap.cellsY}`,style:h(`background:${q.value.backgroundColor}`)},[m(s),(g(!0),d(c,null,v(q.value.heatmap.cellsY,(e,t)=>(g(),d(`g`,null,[(g(!0),d(c,null,v(q.value.heatmap.cellsX,(e,r)=>(g(),d(`g`,null,[f(`rect`,{x:r*10,y:t*10,height:10,width:10,stroke:q.value.backgroundColor,"stroke-width":1,fill:y(n)(q.value.heatmap.color,Math.round(Math.random()*100))},null,8,Rn)]))),256))]))),256))],12,Ln)):u(``,!0),J.value===`chestnut`?(g(),d(`svg`,{key:25,xmlns:y(a),width:`100%`,viewBox:`0 0 512 316`,style:h(`background:${q.value.backgroundColor}`)},[m(s),(g(!0),d(c,null,v(Y.value,e=>(g(),d(`g`,null,[(g(!0),d(c,null,v(e.bars,t=>(g(),d(`g`,null,[(g(),d(c,null,v(22,(r,i)=>f(`path`,{d:`M
+                            ${t.x},${t.y+i}
+                            C${t.x-20},${t.y+i} 
+                            ${t.x-80},${t.y+i} 
+                            ${e.root.x+e.root.r/2}, ${e.root.y}
+                        `,stroke:y(n)(q.value.chestnut.color,t.opacity*.2),fill:`none`,"stroke-width":`2`,"shape-rendering":`cirspEdges`},null,8,Bn)),64))]))),256))]))),256)),(g(!0),d(c,null,v(Y.value,e=>(g(),d(`circle`,{cx:e.root.x,cy:e.root.y,r:e.root.r,fill:`${q.value.backgroundColor}`,stroke:K.value.backgroundColor,"stroke-width":3},null,8,Vn))),256)),(g(!0),d(c,null,v(Y.value,e=>(g(),d(`circle`,{cx:e.root.x,cy:e.root.y,r:e.root.r,fill:y(n)(q.value.chestnut.color,e.root.opacity),stroke:q.value.backgroundColor,"stroke-width":3},null,8,Hn))),256)),(g(!0),d(c,null,v(Y.value,e=>(g(),d(`g`,null,[(g(!0),d(c,null,v(e.bars,e=>(g(),d(`rect`,{rx:`2`,x:e.x,y:e.y,width:e.width,height:22,fill:y(n)(q.value.chestnut.color,e.opacity)},null,8,Un))),256)),(g(!0),d(c,null,v(e.bars,e=>(g(),d(`circle`,{cx:e.x+e.width+32,cy:e.y+11,r:11,fill:y(n)(q.value.chestnut.color,e.opacity)},null,8,Wn))),256)),(g(!0),d(c,null,v(e.bars,e=>(g(),d(`circle`,{cx:e.x+e.width+32,cy:e.y+11,r:5,fill:q.value.backgroundColor},null,8,Gn))),256))]))),256)),f(`line`,{x1:200,x2:200,y1:10,y2:300,stroke:q.value.backgroundColor,"stroke-width":3},null,8,Kn)],12,zn)):u(``,!0),J.value===`donutEvolution`?(g(),d(`svg`,{key:26,xmlns:y(a),width:`100%`,viewBox:`0 0 108 70`,style:h(`background:${q.value.backgroundColor}`)},[m(s),q.value.line.axis.show?(g(),d(`path`,{key:0,d:`M3 3 3 67 105 67`,stroke:q.value.donutEvolution.axis.color,"stroke-width":q.value.donutEvolution.axis.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Jn)):u(``,!0),f(`path`,{fill:`none`,d:`M10 55a1 1 0 0010 0A1 1 0 0010 55m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m3-3V50m12-5a1 1 0 0010 0A1 1 0 0027 45m2 0a1 1 0 006 0 1 1 0 00-6 0m3 3v2m3-5h2m7 5a1 1 0 0010 0A1 1 0 0044 50m2 0a1 1 0 006 0 1 1 0 00-6 0m3-5v2m0 6v2M61 35a1 1 0 0010 0A1 1 0 0061 35m2 0a1 1 0 006 0 1 1 0 00-6 0m3-5v2m-5 3h2m15 6a1 1 0 0010 0A1 1 0 0078 41m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m6 0h2m7-27a1 1 0 0010 0A1 1 0 0095 14m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m3 3v2`,stroke:q.value.donutEvolution.donuts.color,"stroke-width":q.value.donutEvolution.donuts.strokeWidth},null,8,Yn),f(`path`,{fill:`none`,d:`M19 52l8-7m10 0 7 4m8-3 10-8m9-2 7 4m8-3L97 18`,stroke:q.value.donutEvolution.axis.color,"stroke-width":q.value.donutEvolution.axis.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Xn),f(`path`,{d:`M10 55h2c0-2 2-3 3-3V50c-2 0-5 2-5 5`,fill:q.value.donutEvolution.donuts.color,stroke:`none`,style:{opacity:`0.3`}},null,8,Zn),f(`path`,{d:`M32 48v2c3 0 5-3 5-5H35c0 2-2 3-3 3`,fill:q.value.donutEvolution.donuts.color,stroke:`none`,style:{opacity:`0.3`}},null,8,Qn),f(`path`,{d:`M49 53v2a1 1 0 000-10v2c4 0 4 6 0 6`,fill:q.value.donutEvolution.donuts.color,stroke:`none`,style:{opacity:`0.3`}},null,8,$n),f(`path`,{d:`M63 35c0-2 2-3 3-3V30c-3 0-5 3-5 5h2`,fill:q.value.donutEvolution.donuts.color,stroke:`none`,style:{opacity:`0.3`}},null,8,er),f(`path`,{d:`M78 41h2c0 4 6 4 6 0h2A1 1 0 0178 41`,fill:q.value.donutEvolution.donuts.color,stroke:`none`,style:{opacity:`0.3`}},null,8,tr),f(`path`,{d:`M95 14h2c0 2 2 3 3 3v2c-2 0-5-2-5-5`,fill:q.value.donutEvolution.donuts.color,stroke:`none`,style:{opacity:`0.3`}},null,8,nr)],12,qn)):u(``,!0),J.value===`line`?(g(),d(`svg`,{key:27,xmlns:y(a),width:`100%`,viewBox:`0 0 100 70`,style:h(`background:${q.value.backgroundColor}`)},[m(s),q.value.line.axis.show?(g(),d(`g`,ir,[f(`line`,{x1:`3`,x2:`3`,y1:`3`,y2:`67`,stroke:q.value.line.axis.color,"stroke-width":q.value.line.axis.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,ar),f(`line`,{x1:`3`,x2:`97`,y1:`67`,y2:`67`,stroke:q.value.line.axis.color,"stroke-width":q.value.line.axis.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,or)])):u(``,!0),f(`path`,{d:`M 9,60 22,50 35,55 48,36 61,40 74,25 87,26 90,12`,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`,stroke:q.value.line.path.color,"stroke-width":q.value.line.path.strokeWidth},null,8,sr),q.value.line.path.showPlots?(g(),d(`g`,cr,[f(`circle`,{cx:`9`,cy:`60`,r:q.value.line.path.strokeWidth,fill:q.value.line.path.color},null,8,lr),f(`circle`,{cx:`90`,cy:`12`,r:q.value.line.path.strokeWidth,fill:q.value.line.path.color},null,8,ur)])):u(``,!0)],12,rr)):u(``,!0),J.value===`bar`?(g(),d(`svg`,{key:28,xmlns:y(a),width:`100%`,viewBox:`0 0 100 70`,style:h(`background:${q.value.backgroundColor}`)},[m(s),q.value.bar.axis.show?(g(),d(`g`,fr,[f(`line`,{x1:`3`,x2:`3`,y1:`3`,y2:`67`,stroke:q.value.bar.axis.color,"stroke-width":q.value.bar.axis.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,pr),f(`line`,{x1:`3`,x2:`97`,y1:`67`,y2:`67`,stroke:q.value.bar.axis.color,"stroke-width":q.value.bar.axis.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,mr)])):u(``,!0),(g(!0),d(c,null,v(Ti.value,(e,t)=>(g(),d(`rect`,{fill:q.value.bar.color,rx:q.value.bar.borderRadius,x:6+11.2*t,y:e,width:q.value.bar.barWidth,height:67-e},null,8,hr))),256))],12,dr)):u(``,!0),J.value===`donut`?(g(),d(`svg`,{key:29,xmlns:y(a),width:`100%`,viewBox:`0 0 400 400`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:` M 300 200 A 100 100 0 0 1 113 250`,fill:`none`,"stroke-width":q.value.donut.strokeWidth,stroke:q.value.donut.color},null,8,_r),f(`path`,{d:` M 113 250 A 100 100 0 0 1 250 113`,fill:`none`,"stroke-width":q.value.donut.strokeWidth,stroke:y(n)(q.value.donut.color,60)},null,8,vr),f(`path`,{d:` M 250 113 A 100 100 0 0 1 300 200`,fill:`none`,"stroke-width":q.value.donut.strokeWidth,stroke:y(n)(q.value.donut.color,30)},null,8,yr)],12,gr)):u(``,!0),J.value===`onion`?(g(),d(`svg`,{key:30,xmlns:y(a),width:`100%`,viewBox:`0 0 400 400`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:` M 200 60 A 140 140 0 1 1 60 200`,stroke:q.value.onion.color,"stroke-linecap":`round`,"stroke-width":`20`,fill:`none`},null,8,xr),f(`path`,{d:` M 200 100 A 100 100 0 1 1 100 200`,stroke:y(n)(q.value.onion.color,60),"stroke-linecap":`round`,"stroke-width":`20`,fill:`none`},null,8,Sr),f(`path`,{d:` M 200 140 A 60 60 0 1 1 140 200`,fill:`none`,stroke:y(n)(q.value.onion.color,40),"stroke-linecap":`round`,"stroke-width":`20`},null,8,Cr)],12,br)):u(``,!0),J.value===`gauge`?(g(),d(`svg`,{key:31,width:`100%`,viewBox:`0 0 400 400`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:` M 82 255 A 120 120 0 1 1 318 255`,fill:`none`,stroke:q.value.gauge.color,"stroke-linecap":`round`,"stroke-width":`20`},null,8,wr),f(`circle`,{cx:`200`,cy:`256`,r:`12`,fill:q.value.gauge.color},null,8,Tr),f(`line`,{x1:`200`,y1:`256`,x2:`250`,y2:`160`,"stroke-width":`8`,stroke:q.value.gauge.color,"stroke-linecap":`round`},null,8,Er)],4)):u(``,!0),J.value===`quadrant`?(g(),d(`svg`,{key:32,xmlns:y(a),viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`50`,x2:`50`,y1:`3`,y2:`97`,stroke:q.value.quadrant.grid.color,"stroke-width":q.value.quadrant.grid.strokeWidth},null,8,Or),f(`line`,{x1:`3`,x2:`97`,y1:`50`,y2:`50`,stroke:q.value.quadrant.grid.color,"stroke-width":q.value.quadrant.grid.strokeWidth},null,8,kr),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`20`,cy:`20`},null,8,Ar),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`80`,cy:`60`},null,8,jr),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`65`,cy:`55`},null,8,Mr),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`36`,cy:`67`},null,8,Nr),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`15`,cy:`75`},null,8,Pr),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`40`,cy:`55`},null,8,Fr),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`76`,cy:`32`},null,8,Ir),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`85`,cy:`26`},null,8,Lr),f(`circle`,{fill:q.value.quadrant.plots.color,r:q.value.quadrant.plots.radius,cx:`55`,cy:`46`},null,8,Rr)],12,Dr)):u(``,!0),J.value===`radar`?(g(),d(`svg`,{key:33,xmlns:y(a),viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:Ei.value,fill:`none`,stroke:q.value.radar.grid.color,"stroke-width":q.value.radar.grid.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Br),f(`path`,{d:Di.value,fill:`none`,stroke:y(n)(q.value.radar.grid.color,70),"stroke-width":q.value.radar.grid.strokeWidth/2,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Vr),f(`path`,{d:Oi.value,fill:`none`,stroke:y(n)(q.value.radar.grid.color,70),"stroke-width":q.value.radar.grid.strokeWidth/2,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Hr),f(`path`,{d:ki.value,fill:`none`,stroke:y(n)(q.value.radar.grid.color,70),"stroke-width":q.value.radar.grid.strokeWidth/2.5,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Ur),f(`path`,{d:`M 9,50 91,50`,stroke:y(n)(q.value.radar.grid.color,50),"stroke-width":q.value.radar.grid.strokeWidth/2},null,8,Wr),f(`path`,{d:`M 29.5,14.5 70.5 85.5`,stroke:y(n)(q.value.radar.grid.color,50),"stroke-width":q.value.radar.grid.strokeWidth/2},null,8,Gr),f(`path`,{d:`M 29.5,85.5 70.5 14.5`,stroke:y(n)(q.value.radar.grid.color,50),"stroke-width":q.value.radar.grid.strokeWidth/2},null,8,Kr),f(`path`,{d:`M 34,23 68.5,18, 70,50 61.5,70 35,75.5 10,50  Z`,stroke:`none`,"stroke-linejoin":`round`,fill:y(n)(q.value.radar.shapes.color,30)},null,8,qr),f(`path`,{d:`M 43.5,40 64.5,25, 84,50 55.5,60 29.5,85.5 25,50  Z`,stroke:`none`,"stroke-linejoin":`round`,fill:y(n)(q.value.radar.shapes.color,50)},null,8,Jr)],12,zr)):u(``,!0),J.value===`waffle`?(g(),d(`svg`,{key:34,xmlns:y(a),viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[m(s),(g(),d(c,null,v(10,(e,t)=>f(`g`,null,[(g(),d(c,null,v(10,(e,r)=>f(`g`,null,[f(`rect`,{x:3+r*9.5,y:3+t*9.5,height:9,width:9,fill:y(n)(q.value.waffle.color,20),rx:`1`},null,8,Xr)])),64))])),64)),(g(),d(c,null,v(10,(e,t)=>f(`g`,null,[(g(),d(c,null,v(10,(e,r)=>f(`g`,null,[t>2?(g(),d(`rect`,{key:0,x:3+r*9.5,y:3+t*9.5,height:9,width:9,fill:y(n)(q.value.waffle.color,30),rx:`1`},null,8,Zr)):u(``,!0)])),64))])),64)),(g(),d(c,null,v(10,(e,t)=>f(`g`,null,[(g(),d(c,null,v(10,(e,r)=>f(`g`,null,[t>6?(g(),d(`rect`,{key:0,x:3+r*9.5,y:3+t*9.5,height:9,width:9,fill:y(n)(q.value.waffle.color,50),rx:`1`},null,8,Qr)):u(``,!0)])),64))])),64))],12,Yr)):u(``,!0),J.value===`table`?(g(),d(`svg`,{key:35,xmlns:y(a),width:`100%`,viewBox:`0 0 100 70`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`rect`,{fill:y(n)(q.value.table.th.color,50),x:3.5,y:5,height:`10`,width:`93`},null,8,ei),f(`rect`,{fill:y(n)(q.value.table.th.color,50),x:3.5,y:15,height:`50`,width:`23.25`},null,8,ti),(g(),d(c,null,v(7,(e,t)=>f(`line`,{x1:`3.7`,x2:`96.3`,y1:5+t*10,y2:5+t*10,stroke:q.value.table.td.color,"stroke-width":q.value.table.td.strokeWidth,"stroke-linecap":`round`},null,8,ni)),64)),(g(),d(c,null,v(5,(e,t)=>f(`line`,{x1:3.5+t*23.25,x2:3.5+t*23.25,y1:`5`,y2:`65`,stroke:q.value.table.td.color,"stroke-width":q.value.table.td.strokeWidth,"stroke-linecap":`round`},null,8,ri)),64))],12,$r)):u(``,!0),J.value===`rating`?(g(),d(c,{key:36},[q.value.rating.useSmiley?(g(),d(`div`,{key:0,style:h(`display:flex;flex-direction:row;align-items:center;justify-content:center;width:${q.value.rating.maxWidth}px`)},[q.value.rating.filled?(g(),d(`svg`,{key:0,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[m(s),r[0]||=f(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`},null,-1),f(`path`,{d:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,"stroke-width":`0`,fill:q.value.rating.color},null,8,ai)],12,ii)):(g(),d(`svg`,{key:1,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[...r[1]||=[p(`<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-58349b71></path><path d="M3 12a9 9 0 1018 0A9 9 0 103 12" data-v-58349b71></path><path d="M9 10l.01 0" data-v-58349b71></path><path d="M15 10l.01 0" data-v-58349b71></path><path d="M9.5 15.25a3.5 3.5 0 015 0" data-v-58349b71></path>`,5)]],12,oi)),q.value.rating.filled?(g(),d(`svg`,{key:2,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[r[2]||=f(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`},null,-1),f(`path`,{d:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,"stroke-width":`0`,fill:q.value.rating.color},null,8,ci)],12,si)):(g(),d(`svg`,{key:3,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[...r[3]||=[p(`<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-58349b71></path><path d="M3 12a9 9 0 1018 0A9 9 0 103 12" data-v-58349b71></path><path d="M9 10l.01 0" data-v-58349b71></path><path d="M15 10l.01 0" data-v-58349b71></path><path d="M9 15l6 0" data-v-58349b71></path>`,5)]],12,li)),q.value.rating.filled?(g(),d(`svg`,{key:4,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[r[4]||=f(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`},null,-1),f(`path`,{d:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,"stroke-width":`0`,fill:q.value.rating.color},null,8,di)],12,ui)):(g(),d(`svg`,{key:5,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[...r[5]||=[f(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`},null,-1),f(`path`,{d:`M3 12a9 9 0 1018 0A9 9 0 103 12`},null,-1),f(`path`,{d:`M9 10l.01 0`},null,-1),f(`path`,{d:`M15 10l.01 0`},null,-1)]],12,fi)),q.value.rating.filled?(g(),d(`svg`,{key:6,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[r[6]||=f(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`},null,-1),f(`path`,{d:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z`,"stroke-width":`0`,fill:q.value.rating.color},null,8,mi)],12,pi)):(g(),d(`svg`,{key:7,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[...r[7]||=[p(`<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-58349b71></path><path d="M3 12a9 9 0 1018 0A9 9 0 103 12" data-v-58349b71></path><path d="M9 10l.01 0" data-v-58349b71></path><path d="M15 10l.01 0" data-v-58349b71></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-58349b71></path>`,5)]],12,hi)),q.value.rating.filled?(g(),d(`svg`,{key:8,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[r[8]||=f(`path`,{stroke:`none`,d:`M0 0h24v24H0z`,fill:`none`},null,-1),f(`path`,{d:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z`,"stroke-width":`0`,fill:q.value.rating.color},null,8,gi)],12,W)):(g(),d(`svg`,{key:9,xmlns:y(a),style:h(`width:${q.value.rating.maxWidth/5}px;aspect-ratio: 1 / 1`),viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:q.value.rating.color,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},[...r[9]||=[p(`<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-58349b71></path><path d="M3 12a9 9 0 1018 0A9 9 0 103 12" data-v-58349b71></path><path d="M9 9l.01 0" data-v-58349b71></path><path d="M15 9l.01 0" data-v-58349b71></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-58349b71></path>`,5)]],12,_i))],4)):(g(),d(`svg`,{key:1,xmlns:y(a),width:`100%`,viewBox:`0 0 100 30`,style:h(`background:${q.value.backgroundColor};max-width:${q.value.rating.maxWidth}px`)},[m(s),(g(),d(c,null,v(5,(e,n)=>f(`polygon`,{points:y(t)({plot:{x:10+n*20,y:15},radius:6}),fill:q.value.rating.filled?q.value.rating.color:`none`,stroke:q.value.rating.color,"stroke-width":q.value.rating.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,yi)),64))],12,vi))],64)):u(``,!0),J.value===`verticalBar`?(g(),d(`svg`,{key:37,xmlns:y(a),width:`100%`,viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[m(s),q.value.verticalBar.axis.show?(g(),d(`g`,xi,[f(`line`,{x1:3,x2:3,y1:3,y2:97,stroke:q.value.verticalBar.axis.color,"stroke-width":q.value.verticalBar.axis.strokeWidth},null,8,Si)])):u(``,!0),(g(),d(c,null,v(6,(e,t)=>f(`rect`,{x:3,y:5+t*15.6,height:`12`,width:94-94*t/6,fill:q.value.verticalBar.color,rx:q.value.verticalBar.borderRadius},null,8,Ci)),64))],12,bi)):u(``,!0)],14,oe))}},[[`__scopeId`,`data-v-58349b71`]]);export{b as n,G as t};

package/dist/vue-ui-smiley-Ciwqt6ek.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Yt as n,at as r,i,t as a,zt as o}from"./lib-zDxoqrgo.js";import{n as s,t as c}from"./useHints-BH9r_0Vd.js";import{t as l}from"./useConfig-CKdzPrcf.js";import{t as u}from"./useNestedProp-CT9phgWx.js";import{t as d}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as f}from"./DefGrad-DKMq1REY.js";import{Fragment as p,computed as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createTextVNode as v,createVNode as y,normalizeClass as b,normalizeStyle as x,onMounted as S,openBlock as C,ref as w,renderList as T,renderSlot as E,toDisplayString as D,unref as O,useSlots as k,watch as A,withCtx as j,withKeys as M}from"vue";var N=[`xmlns`,`stroke`],P=[`stroke`],F=[`xmlns`,`viewBox`,`stroke`],I=[`viewBox`,`stroke`],L=/*#__PURE__*/ d({__name:`BaseSmilingUnit`,props:{config:{type:Object},unit:{type:Number},currentRating:{type:Number},getActiveColor:{type:Function},calcShapeFill:{type:Function},isReadonly:{type:Boolean},hasBreakdown:{type:Boolean},hoveredValue:{type:Number},isCursorPointer:{type:Boolean}},emits:[`rate`,`mouseenter`,`mouseleave`],setup(e,{emit:t}){let r=e,i=t;return(t,o)=>(C(),g(`div`,{tabindex:`0`,class:b({"vue-ui-smiley-rated":!e.config.readonly&&e.currentRating===e.unit}),style:x({cursor:e.config.readonly?`default`:r.isCursorPointer?`pointer`:`default`,height:e.config.style.itemSize+`px`,aspectRatio:`1/1`,position:`relative`}),onMouseenter:o[0]||=e=>i(`mouseenter`),onMouseleave:o[1]||=e=>i(`mouseleave`),onClick:o[2]||=t=>i(`rate`,e.unit),onKeyup:o[3]||=M(t=>i(`rate`,e.unit),[`enter`])},[e.config.style.tooltip.show&&e.hasBreakdown&&e.isReadonly?(C(),g(`div`,{key:0,class:`vue-ui-rating-tooltip`,style:x({border:`1px solid ${e.config.style.tooltip.borderColor}`,position:`absolute`,top:`${e.config.style.tooltip.offsetY-48}px`,left:`50%`,transform:`translateX(-50%)`,width:`fit-content`,textAlign:`center`,background:e.config.style.tooltip.backgroundColor,display:e.hoveredValue===e.unit-1?`block`:`none`,padding:`2px 12px`,borderRadius:e.config.style.tooltip.borderRadius+`px`,boxShadow:e.config.style.tooltip.boxShadow})},[_(`div`,{style:x({width:`100%`,display:`flex`,flexDirection:`row`,gap:`6px`,position:`relative`,textAlign:`center`,color:e.config.style.tooltip.color})},[_(`span`,{style:x(`font-size:${e.config.style.tooltip.fontSize}px`)},D(e.unit)+`:`,5),_(`span`,{style:x(`font-weight:${e.config.style.tooltip.bold?`bold`:`normal`};font-size:${e.config.style.tooltip.fontSize}px`)},[E(t.$slots,`rating`,{},void 0,!0)],4),_(`div`,{style:x(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`)},` ▼ `,4)],4)],4)):h(``,!0),e.config.style.icons.filled?(C(),g(`svg`,{key:1,xmlns:O(a),style:{transition:`all 0.1s ease-in-out`,position:`absolute`,top:`0`,left:`0`},height:`100%`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:e.getActiveColor(e.unit-1),fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[_(`defs`,null,[y(f,{t:`radial`,id:`vueUiSmiley${e.unit-1}`,stops:[[`0%`,O(n)(e.config.style.colors.active[e.unit-1],.05),1],[`100%`,e.config.style.colors.active[e.unit-1],1]]},null,8,[`id`,`stops`])]),E(t.$slots,`path-icon-filled`,{},void 0,!0)],8,N)):(C(),g(`svg`,{key:2,style:{position:`absolute`,top:`0`,left:`0`,transition:`all 0.1s ease-in-out`},height:`100%`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:e.getActiveColor(e.unit-1),fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[E(t.$slots,`path-icon`,{},void 0,!0)],8,P)),e.config.style.icons.filled&&e.isReadonly?(C(),g(`svg`,{key:3,xmlns:O(a),style:{transition:`all 0.1s ease-in-out`,position:`absolute`,top:`0`,left:`0`},height:`100%`,viewBox:`0 0 ${e.calcShapeFill(e.unit-1)} 24`,"stroke-width":`1.5`,stroke:e.config.style.colors.activeReadonly[e.unit-1],fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[_(`defs`,null,[y(f,{t:`radial`,id:`vueUiSmiley${e.unit-1}`,stops:[[`0%`,O(n)(e.config.style.colors.activeReadonly[e.unit-1],.05),1],[`100%`,e.config.style.colors.activeReadonly[e.unit-1],1]]},null,8,[`id`,`stops`])]),E(t.$slots,`path-icon-filled-readonly`,{},void 0,!0)],8,F)):h(``,!0),!e.config.style.icons.filled&&e.isReadonly?(C(),g(`svg`,{key:4,style:{position:`absolute`,top:`0`,left:`0`,transition:`all 0.1s ease-in-out`},height:`100%`,viewBox:`0 0 ${e.calcShapeFill(e.unit-1)} 24`,"stroke-width":`1.5`,stroke:e.config.style.colors.activeReadonly[e.unit-1],fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`},[E(t.$slots,`path-icon-readonly`,{},void 0,!0)],8,I)):h(``,!0)],38))}},[[`__scopeId`,`data-v-9734e83c`]]),R=/* @__PURE__ */ e({default:()=>W}),z={key:0,class:`vue-ui-rating-title`,style:{width:`100%`}},B=[`d`,`fill`],V=[`d`],H=[`d`,`fill`],U=[`d`],W={__name:`vue-ui-smiley`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`rate`],setup(e,{expose:n,emit:a}){let{vue_ui_smiley:d}=l(),f=e,b=k(),E=a,O=w(null),M=w(W()),N=m(()=>M.value.style.rating),P=m(()=>M.value.style),F=m(()=>M.value.debug);S(()=>{b[`chart-background`]&&F.value&&console.warn(`VueUiSmiley does not support the #chart-background slot.`)});function I(){(!Object.hasOwn(f.dataset,`rating`)||o(f.dataset))&&r({componentName:`VueUiSmiley`,type:`datasetAttribute`,property:`rating`,debug:F.value})}S(I),s({config:()=>M.value,dataset:()=>[],component:`VueUiSmiley`,rules:[c.noHint]});let R=m(()=>M.value.useCursorPointer);function W(){return u({userConfig:f.config,defaultConfig:d})}A(()=>f.config,e=>{M.value=W(),J.value=M.value.readonly,I()},{deep:!0});let G=m(()=>{let e=f.dataset.rating;return e&&typeof e==`object`&&!Array.isArray(e)?X(e):e??null}),K=m(()=>typeof f.dataset.rating==`object`&&!Array.isArray(f.dataset.rating)),q=w(G.value);A(G,e=>{q.value=e});let J=w(M.value.readonly),Y=[{key:`smiley_0`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15.25a3.5 3.5 0 015 0`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15.25a3.5 3.5 0 015 0`},{key:`smiley_1`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9 15h6`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9 15h6`},{key:`smiley_2`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01`},{key:`smiley_3`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0`},{key:`smiley_4`,pathIconFilled:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z`,pathIcon:`M3 12a9 9 0 1018 0A9 9 0 103 12M9 9h.01M15 9h.01M8 13a4 4 0 108 0H8`,pathIconFilledReadonly:`M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z`,pathIconReadonly:`M3 12a9 9 0 1018 0A9 9 0 103 12M9 9h.01M15 9h.01M8 13a4 4 0 108 0H8`}];function X(e){if(e==null)return null;let t=0,n=0;for(let r in e){let i=Number(r),a=e[r];Number.isFinite(i)&&(t+=i*a,n+=a)}return n===0?0:t/n}function Z(e){let t=q.value-e;switch(!0){case t<0:return 0;case t>1:return 24;default:return t*24}}function Q(e){return M.value.readonly?P.value.colors.inactive[e]:q.value===e+1||O.value!==null&&O.value===e?P.value.icons.useGradient&&P.value.icons.filled?`url(#vueUiSmiley${e})`:P.value.colors.active[e]:P.value.colors.inactive[e]}let $=m(()=>({value:e,tooltip:n=!1})=>i(n?P.value.tooltip.formatter:N.value.formatter,e,t({v:e,r:n?P.value.tooltip.roundingValue:N.value.roundingValue}),M.value));function ee(e){J.value||(q.value=e,E(`rate`,e))}function te(){return q.value}function ne(e=!0){J.value=e}return n({getData:te,toggleReadonly:ne}),(e,t)=>(C(),g(`div`,{class:`vue-data-ui-component vue-ui-smiley`,style:x(`background:${P.value.backgroundColor};font-family:${P.value.fontFamily};width:100%;`),onMouseleave:t[1]||=e=>O.value=void 0},[P.value.title.text?(C(),g(`div`,z,[_(`div`,{style:x(`color:${P.value.title.color};font-weight:${P.value.title.bold?`bold`:`normal`};text-align:${P.value.title.textAlign};margin-bottom:${P.value.title.offsetY}px;font-size:${P.value.title.fontSize}px`)},D(P.value.title.text),5),P.value.title.subtitle.text?(C(),g(`div`,{key:0,style:x(`color:${P.value.title.subtitle.color};font-size:${P.value.title.subtitle.fontSize}px;text-align:${P.value.title.textAlign};margin-bottom:${P.value.title.subtitle.offsetY}px;font-weight:${P.value.title.subtitle.bold?`bold`:`normal`}`)},D(P.value.title.subtitle.text),5)):h(``,!0)])):h(``,!0),N.value.show&&N.value.position===`top`?(C(),g(`div`,{key:1,style:x(`width:100%;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};margin-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0),_(`div`,{class:`vue-ui-smiley-wrapper`,style:x(`overflow:visible;height:${P.value.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)},[N.value.show&&N.value.position===`left`?(C(),g(`div`,{key:0,style:x(`width:fit-content;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};padding-right:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0),(C(),g(p,null,T(Y,(e,n)=>y(L,{key:e.key,config:M.value,unit:n+1,currentRating:q.value,isReadonly:J.value,hasBreakdown:K.value,hoveredValue:O.value,getActiveColor:Q,calcShapeFill:Z,isCursorPointer:R.value,onMouseenter:e=>O.value=n,onMouseleave:t[0]||=e=>O.value=null,onRate:e=>ee(n+1)},{rating:j(()=>[v(D($.value({value:f.dataset.rating[String(n+1)],tooltip:!0})),1)]),"path-icon-filled":j(()=>[_(`path`,{d:e.pathIconFilled,"stroke-width":`0`,fill:Q(n)},null,8,B)]),"path-icon":j(()=>[_(`path`,{d:e.pathIcon},null,8,V)]),"path-icon-filled-readonly":j(()=>[_(`path`,{d:e.pathIconFilledReadonly,"stroke-width":`0`,fill:P.value.icons.useGradient?`url(#vueUiSmiley${n})`:P.value.colors.activeReadonly[n]},null,8,H)]),"path-icon-readonly":j(()=>[_(`path`,{d:e.pathIconReadonly},null,8,U)]),_:2},1032,[`config`,`unit`,`currentRating`,`isReadonly`,`hasBreakdown`,`hoveredValue`,`isCursorPointer`,`onMouseenter`,`onRate`])),64)),N.value.show&&N.value.position===`right`?(C(),g(`div`,{key:1,style:x(`width:fit-content;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};padding-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0)],4),N.value.show&&N.value.position===`bottom`?(C(),g(`div`,{key:2,style:x(`width:100%;text-align:center;margin-top:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold?`bold`:`normal`};margin-left:${N.value.offsetX}px`)},D($.value({value:q.value})),5)):h(``,!0)],36))}};export{R as n,W as t};

package/dist/vue-ui-spark-trend-CYqy6c0S.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Jt as n,Mt as r,P as i,X as a,at as ee,b as o,g as te,i as ne,in as re,t as ie,zt as s}from"./lib-zDxoqrgo.js";import{n as ae,t as oe}from"./useHints-BH9r_0Vd.js";import{t as se}from"./useConfig-CKdzPrcf.js";import{n as ce,t as le}from"./BaseScanner-8NdoBs7B.js";import{t as c}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as ue,t as de}from"./useResponsive-D2CPcpda.js";import{t as fe}from"./DefGrad-DKMq1REY.js";import{t as pe}from"./resolveChartConfig-BSo1Oe9n.js";import{t as me}from"./usePrefersMotion-XLHwega2.js";import{t as he}from"./useFitSvgText-C1QC4P5G.js";import{t as ge}from"./vue_ui_spark_trend-BOM3zo64.js";import{computed as l,createBlock as _e,createCommentVNode as u,createElementBlock as d,createElementVNode as ve,createVNode as ye,defineAsyncComponent as be,nextTick as xe,normalizeStyle as Se,onMounted as Ce,openBlock as f,ref as p,renderSlot as m,toDisplayString as h,toRefs as we,unref as g,watch as _}from"vue";var Te=/* @__PURE__ */ e({default:()=>v}),Ee=[`id`,`aria-describedby`],De=[`id`],Oe=[`xmlns`,`viewBox`],ke=[`width`,`height`],Ae={key:1},je=[`d`,`fill`],Me=[`d`,`fill`],Ne=[`d`,`stroke`,`stroke-width`,`stroke-linecap`,`stroke-linejoin`],Pe=[`d`,`stroke`,`stroke-width`,`stroke-linecap`,`stroke-linejoin`],Fe=[`d`],Ie=[`fill`,`d`],Le=[`x`,`y`,`width`,`height`],Re=[`x`,`y`,`fill`,`font-size`,`font-weight`],ze=[`stroke`,`cx`,`cy`,`fill`],Be=[`x`,`y`,`font-size`,`fill`,`font-weight`],v=/*#__PURE__*/ c({__name:`vue-ui-spark-trend`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(e){let c=be(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),{vue_ui_spark_trend:Te}=se(),v=me(),y=e,b=p(null),Ve=p(null),x=p(null),S=p(null),C=p(null),w=p(!1),T=p(null),E=p(a()),D=p(I()),O=l(()=>D.value.style.dataLabel),k=l(()=>D.value.style.trendLabel),A=l(()=>D.value.style.line),j=l(()=>D.value.style.area),M=l(()=>D.value.style);ae({config:()=>D.value,dataset:()=>y.dataset,component:`VueUiSparkTrend`,rules:[oe.emptyArray,{test:e=>e.length>1095,message:[`👀 The dataset has > 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 He=l(()=>re({defaultConfig:{style:{animation:{show:!1},backgroundColor:`#99999930`,line:{stroke:`#6A6A6A`,useColorTrend:!1},dataLabel:{show:!1,useColorTrend:!1,color:`#6A6A6A`}}},userConfig:D.value.skeletonConfig??{}})),{loading:N,FINAL_DATASET:P,manualLoading:F}=ce({...we(y),FINAL_CONFIG:D,prepareConfig:I,skeletonDataset:y.config?.skeletonDataset??[1,2,3,5,8,13,21,34,55,89,144,233],skeletonConfig:re({defaultConfig:D.value,userConfig:He.value})});function I(){return pe(y.config,Te,ge)}let L=l(()=>r({data:P.value,threshold:D.value.downsample.threshold}));_(()=>y.config,e=>{D.value=I(),H.value=M.value.width,U.value=M.value.height,V()},{deep:!0});function R(e){return e.map(e=>o(e))}let z=p(r({data:P.value,threshold:D.value.downsample.threshold}).map(e=>M.value.animation.show&&!v.value||[void 0,1/0,-1/0,null,NaN].includes(e)?null:e));_(L,e=>{T.value&&=(cancelAnimationFrame(T.value),null),M.value.animation.show&&!v.value?z.value=Array(e.length).fill(null):z.value=e.map(e=>![void 0,1/0,-1/0,null].includes(e)&&!Number.isNaN(e)?e:null),B(),xe(()=>$(`.vue-ui-sparktrend-progress-label`,6))},{deep:!0,immediate:!0}),_(()=>JSON.stringify(y.dataset),()=>{T.value&&=(cancelAnimationFrame(T.value),null),F.value=s(y.dataset);let e=L.value;z.value=M.value.animation.show&&!v.value?Array(e.length).fill(null):e.map(e=>Number.isFinite(e)?e:null),B(),xe(()=>$(`.vue-ui-sparktrend-progress-label`,6))},{deep:!1,immediate:!0});function B(){let e=1e3/M.value.animation.animationFrames,t=performance.now();if(!N.value&&M.value.animation.show&&!v.value&&M.value.animation.animationFrames&&P.value.length>1){z.value=[];let n=0;function r(){w.value=!0;let i=performance.now(),a=i-t;a>e?(t=i-a%e,n<L.value.length?(z.value.push(L.value[n]),n+=1,T.value=requestAnimationFrame(r)):(cancelAnimationFrame(T.value),z.value=R(L.value),w.value=!1,$(`.vue-ui-sparktrend-progress-label`,6))):T.value=requestAnimationFrame(r)}r()}}Ce(()=>{V()});let Ue=l(()=>D.value.debug);function V(){if(s(y.dataset)&&(ee({componentName:`VueUiSparkTrend`,type:`dataset`,debug:Ue.value}),F.value=!0),s(y.dataset)||(F.value=!1),D.value.responsive){let e=ue(()=>{let{width:e,height:t}=de({chart:b.value,source:x.value});requestAnimationFrame(()=>{H.value=e,U.value=t})});S.value&&(C.value&&S.value.unobserve(C.value),S.value.disconnect()),S.value=new ResizeObserver(e),C.value=b.value.parentNode,S.value.observe(C.value)}B(),$(`.vue-ui-sparktrend-progress-label`,6)}let H=p(M.value.width),U=p(M.value.height),W=l(()=>({height:U.value,width:H.value})),G=l(()=>({top:M.value.padding.top,left:M.value.padding.left,right:W.value.width-M.value.padding.right,bottom:W.value.height-M.value.padding.bottom,height:W.value.height-(M.value.padding.top+M.value.padding.bottom)-(O.value.show?O.value.fontSize:0),width:W.value.width-(M.value.padding.left+M.value.padding.right)})),K=l(()=>{let e=R(L.value).filter(Number.isFinite);if(!e.length)return{max:0,min:0};let t=e[0],n=e[0];for(let r=1;r<e.length;r++){let i=e[r];i>t&&(t=i),i<n&&(n=i)}return{max:t,min:n}}),We=l(()=>{let e=L.value,t=e.length?e[e.length-1]:`x`;return[E.value,e.length,Number.isFinite(t)?t:`x`,D.value.downsample.threshold,A.value.smooth?`s`:`l`].join(`-`)}),q=l(()=>{let e=K.value.min>=0?0:K.value.min;return Math.abs(e)}),Ge=l(()=>K.value.max+q.value);function Ke(e){return e/Ge.value}let qe=l(()=>L.value.length),J=l(()=>z.value.map((e,t)=>{let n=isNaN(e)||[void 0,null,`NaN`,NaN,1/0,-1/0].includes(e)?0:e||0;return{value:o(e),absoluteValue:o(n),plotValue:o(n+q.value),toMax:Ke(n+q.value),x:G.value.left+o(t*(G.value.width/(qe.value-1)))-M.value.padding.right,y:G.value.bottom-o(G.value.height*Ke(n+q.value))}})),Y=l(()=>{let e=R(L.value);return k.value.trendType===`global`?te(e):k.value.trendType===`n-1`&&e.length>1?(e.at(-1)/e.at(-2)-1)*100:k.value.trendType===`lastToFirst`?(e.at(-1)/e[0]-1)*100:0}),X=l(()=>w.value||Y.value===0?`neutral`:Y.value>0?`positive`:`negative`),Z=l(()=>M.value.arrow.colors[X.value]),Je=l(()=>{let e={x:J.value[0].x,y:W.value.height-6},t={x:J.value[J.value.length-1].x,y:W.value.height-6},n=[];return J.value.forEach(e=>{n.push(`${e.x},${e.y} `)}),[e.x,e.y,...n,t.x,t.y].toString()}),Ye=l(()=>{let e=[];return J.value.forEach(t=>{e.push(`${t.x},${t.y} `)}),`M ${e.toString()}`}),Q=l(()=>U.value/2-k.value.fontSize),Xe=l(()=>G.value.left*.8),{fitText:$}=he({svgRef:Ve,unitWidth:Xe,fontSize:k.value.fontSize}),Ze=l(()=>{if(N.value||w.value)return`Trend chart loading`;let e=J.value?.at(-1),n=e?.value,r=t({p:Y.value>0?`+`:``,v:Y.value,s:`%`,r:k.value.rounding}),i=n==null?`not available`:ne(O.value.formatter,n,t({p:O.value.prefix,v:n,s:O.value.suffix,r:O.value.rounding}),{datapoint:e});return`Progression ${X.value===`positive`?`up ${r}`:X.value===`negative`?`down ${r}`:`stable at ${r}`}. Last value ${i}.`}),Qe=l(()=>`sparktrend-a11y-${E.value}`);return(e,r)=>(f(),d(`div`,{ref_key:`sparkTrendChart`,ref:b,class:`vue-data-ui-component vue-ui-spark-trend`,id:E.value,style:Se(`width:100%;font-family:${M.value.fontFamily};background:${M.value.backgroundColor}`),role:`img`,"aria-describedby":Qe.value},[ve(`p`,{id:Qe.value,class:`sr-only`,"aria-live":`polite`},h(Ze.value),9,De),(f(),d(`svg`,{key:We.value,ref_key:`svgRef`,ref:Ve,xmlns:g(ie),viewBox:`0 0 ${W.value.width} ${W.value.height}`,style:`width:100%;background:transparent;overflow:visible`,"aria-hidden":`true`},[ye(g(c)),e.$slots[`chart-background`]?(f(),d(`foreignObject`,{key:0,x:0,y:0,width:W.value.width<=0?10:W.value.width,height:W.value.height<=0?10:W.value.height,style:{pointerEvents:`none`}},[m(e.$slots,`chart-background`,{},void 0,!0)],8,ke)):u(``,!0),ve(`defs`,null,[ye(fe,{t:`linear`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,id:`pill_gradient_${E.value}`,stops:[[`0%`,g(n)(A.value.useColorTrend?Z.value:A.value.stroke,j.value.opacity),1],[`100%`,M.value.backgroundColor,1]]},null,8,[`id`,`stops`])]),j.value.show&&J.value[0]?(f(),d(`g`,Ae,[A.value.smooth?(f(),d(`path`,{key:0,d:`M ${J.value[0].x},${G.value.bottom} ${g(i)(J.value)} L ${J.value.at(-1).x},${G.value.bottom} Z`,fill:j.value.useGradient?`url(#pill_gradient_${E.value})`:g(n)(A.value.useColorTrend?Z.value:A.value.stroke,j.value.opacity),stroke:`none`},null,8,je)):(f(),d(`path`,{key:1,d:`M${Je.value}Z`,fill:j.value.useGradient?`url(#pill_gradient_${E.value})`:g(n)(A.value.useColorTrend?Z.value:A.value.stroke,j.value.opacity),stroke:`none`},null,8,Me))])):u(``,!0),A.value.smooth&&J.value.length?(f(),d(`path`,{key:2,d:`M ${g(i)(J.value)}`,stroke:A.value.useColorTrend?Z.value:A.value.stroke,fill:`none`,"stroke-width":A.value.strokeWidth,"stroke-linecap":A.value.strokeLinecap,"stroke-linejoin":A.value.strokeLinejoin},null,8,Ne)):u(``,!0),!A.value.smooth&&J.value.length?(f(),d(`path`,{key:3,d:Ye.value,stroke:A.value.useColorTrend?Z.value:A.value.stroke,fill:`none`,"stroke-width":A.value.strokeWidth,"stroke-linecap":A.value.strokeLinecap,"stroke-linejoin":A.value.strokeLinejoin},null,8,Pe)):u(``,!0),g(N)?(f(),d(`path`,{key:4,fill:`#6A6A6A`,d:`M ${G.value.left/2+6}, ${Q.value+7} ${G.value.left/2-7}, ${Q.value} ${G.value.left/2-7}, ${Q.value+14} Z`},null,8,Fe)):(f(),d(`path`,{key:5,fill:Z.value,d:X.value===`positive`?`M ${G.value.left/2}, ${Q.value} ${G.value.left/2-7}, ${Q.value+12} ${G.value.left/2+7}, ${Q.value+12} Z`:X.value===`negative`?`M ${G.value.left/2}, ${Q.value+12} ${G.value.left/2-7}, ${Q.value} ${G.value.left/2+7}, ${Q.value} Z`:`M ${G.value.left/2+6}, ${Q.value+7} ${G.value.left/2-7}, ${Q.value} ${G.value.left/2-7}, ${Q.value+14} Z`},null,8,Ie)),g(N)?(f(),d(`rect`,{key:6,x:G.value.left/2-k.value.fontSize-2,y:U.value/2+k.value.fontSize-2,width:k.value.fontSize*2,height:k.value.fontSize,fill:`#6A6A6A80`,rx:`3`},null,8,Le)):u(``,!0),!w.value&&!g(N)?(f(),d(`text`,{key:7,class:`vue-ui-sparktrend-progress-label`,x:G.value.left/2,y:U.value/2+k.value.fontSize*2,"text-anchor":`middle`,fill:k.value.useColorTrend?Z.value:k.value.color,"font-size":k.value.fontSize,"font-weight":k.value.bold?`bold`:`normal`},h(g(t)({p:Y.value>0?`+`:``,v:Y.value,s:`%`,r:k.value.rounding})),9,Re)):u(``,!0),J.value.length&&J.value.at(-1).x!==void 0?(f(),d(`circle`,{key:8,stroke:M.value.backgroundColor,"stroke-width":2,cx:J.value.at(-1).x,cy:J.value.at(-1).y,r:4,fill:g(N)?`#6A6A6A`:Z.value},null,8,ze)):u(``,!0),J.value.length&&J.value.at(-1).x!==void 0&&O.value.show?(f(),d(`text`,{key:9,"text-anchor":`middle`,x:J.value.at(-1).x,y:J.value.at(-1).y-O.value.fontSize/1.5,"font-size":O.value.fontSize,fill:O.value.useColorTrend?Z.value:O.value.color,"font-weight":O.value.bold?`bold`:`normal`},h(g(ne)(O.value.formatter,J.value.at(-1).value,g(t)({p:O.value.prefix,v:J.value.at(-1).value,s:O.value.suffix,r:O.value.rounding}),{datapoint:J.value.at(-1)})),9,Be)):u(``,!0)],8,Oe)),e.$slots.source?(f(),d(`div`,{key:0,ref_key:`source`,ref:x,dir:`auto`},[m(e.$slots,`source`,{},void 0,!0)],512)):u(``,!0),m(e.$slots,`skeleton`,{},()=>[g(N)?(f(),_e(le,{key:0})):u(``,!0)],!0)],12,Ee))}},[[`__scopeId`,`data-v-814f1b0f`]]);export{Te as n,v as t};

package/dist/vue-ui-sparkbar-CTXIgjmP.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Ht as n,Jt as r,S as i,X as ee,Yt as a,at as o,i as s,in as c,t as te,w as ne,yt as re,zt as ie}from"./lib-zDxoqrgo.js";import{n as ae,t as oe}from"./useHints-BH9r_0Vd.js";import{t as se}from"./useConfig-CKdzPrcf.js";import{n as ce,t as le}from"./BaseScanner-8NdoBs7B.js";import{t as ue}from"./DefGrad-DKMq1REY.js";import{n as de}from"./resolveChartConfig-BSo1Oe9n.js";import{t as l}from"./usePrefersMotion-XLHwega2.js";import{t as u}from"./vue_ui_sparkbar-Bpx7QrFq.js";import{Fragment as d,computed as f,createBlock as fe,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineAsyncComponent as pe,guardReactiveProps as me,mergeProps as he,nextTick as ge,normalizeProps as _e,normalizeStyle as _,onMounted as v,openBlock as y,ref as b,renderList as ve,renderSlot as x,toDisplayString as S,toRefs as ye,unref as C,useSlots as w,watch as T}from"vue";var E=/* @__PURE__ */ e({default:()=>P}),D=[`onClick`,`onMouseenter`,`onMouseleave`],O={key:1,class:`vue-ui-sparkbar-datapoint-value`},k=[`xmlns`,`viewBox`],A=[`height`,`width`,`fill`,`rx`],j=[`height`,`width`,`fill`,`rx`],M=[`height`,`width`,`fill`,`rx`],N={key:2,ref:`source`,dir:`auto`},P={__name:`vue-ui-sparkbar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},backgroundOpacity:{type:Number,default:null}},emits:[`selectDatapoint`],setup(e,{emit:E}){let P=pe(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),{vue_ui_sparkbar:be}=se(),F=l(),I=e,xe=w(),L=b(ee()),R=b(G()),z=f(()=>R.value.style.bar),B=f(()=>R.value.style.labels),V=f(()=>R.value.style),H=f(()=>R.value.debug);v(()=>{xe[`chart-background`]&&H.value&&console.warn(`VueUiSparkbar does not support the #chart-background slot.`)}),ae({config:()=>R.value,dataset:()=>I.dataset,component:`VueUiSparkbar`,rules:[oe.noHint]});let Se=f(()=>c({defaultConfig:{style:{backgroundColor:`#99999930`,animation:{show:!1},layout:{independant:!0},gutter:{backgroundColor:`#6A6A6A`,opacity:50},bar:{gradient:{underlayerColor:`#6A6A6A`}}}},userConfig:R.value.skeletonConfig??{}})),{loading:U,FINAL_DATASET:W,manualLoading:Ce}=ce({...ye(I),FINAL_CONFIG:R,prepareConfig:G,skeletonDataset:I.config?.skeletonDataset??[{name:`_`,value:21,target:25,color:`#808080`},{name:`_`,value:13,target:25,color:`#ADADAD`},{name:`_`,value:8,target:25,color:`#DBDBDB`}],skeletonConfig:c({defaultConfig:R.value,userConfig:Se.value})});function G(){return de(I.config,be,u)}T(()=>I.config,e=>{R.value=G()},{deep:!0});let we=f(()=>ne(R.value.customPalette)),K=b(W.value.map(e=>({...e,value:V.value.animation.show?0:e.value||0,formatter:e.formatter||null}))),q=b(null);v(async()=>{ie(I.dataset)&&o({componentName:`VueUiSparkbar`,type:`dataset`,debug:H.value}),J()});function J(){if(V.value.animation.show&&!F.value){let e=V.value.animation.animationFrames,t=W.value.map((t,n)=>t.value/e),n=W.value.map(e=>e.value||0).reduce((e,t)=>e+t,0),r=0;function i(){r+=n/e,r<n?(K.value=K.value.map((e,n)=>({...e,value:e.value+=t[n]})),q.value=requestAnimationFrame(i)):K.value=W.value.map(e=>({...e,value:e.value||0,formatter:e.formatter||null}))}i()}}T(()=>W.value,async e=>{cancelAnimationFrame(q.value),K.value=W.value.map(e=>({...e,value:V.value.animation.show&&!F.value?0:e.value||0,formatter:e.formatter||null})),ge(J)},{deep:!0});let Y=b({width:500,height:16}),Te=f(()=>Math.max(...W.value.map(e=>e.value))),Ee=f(()=>(H.value&&W.value.forEach((e,t)=>{re({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{o({componentName:`VueUiSparkbar`,type:`datasetSerieAttribute`,property:e,index:t})})}),K.value.map((e,t)=>({...e,value:e.value||0,color:i(e.color)||we.value[t]||n[t]||n[t%n.length]}))));function X(e){return e/Te.value}function Z(e){return V.value.layout.independant?e.target?e.value/e.target:V.value.layout.percentage?e.value>100?1:e.value/100:V.value.layout.target===0?1:e.value/V.value.layout.target:X(e.value)}function Q(e){return V.value.layout.independant&&e.target||V.value.layout.target}let De=E;function Oe(e,t){De(`selectDatapoint`,{datapoint:e,index:t}),R.value.events.datapointClick&&R.value.events.datapointClick({datapoint:e,seriesIndex:t})}function ke(e,t){R.value.events.datapointEnter&&R.value.events.datapointEnter({datapoint:e,seriesIndex:t})}function Ae(e,t){R.value.events.datapointLeave&&R.value.events.datapointLeave({datapoint:e,seriesIndex:t})}let $=f(()=>z.value.borderRadius==null?Y.value.height/2:Math.min(Y.value.height/2,z.value.borderRadius));return(e,n)=>(y(),m(`div`,{class:`vue-data-ui-component vue-ui-sparkbar`,style:_({width:`100%`,position:`relative`,fontFamily:V.value.fontFamily,background:I.backgroundOpacity===null?V.value.backgroundColor:C(r)(V.value.backgroundColor,I.backgroundOpacity)})},[e.$slots.title?x(e.$slots,`title`,_e(me({title:{...e.title,title:V.value.title.text,subtitle:V.value.title.subtitle.text}})),void 0,void 0,0):p(``,!0),!e.$slots.title&&V.value.title.text?(y(),m(`div`,{key:1,class:`vue-ui-sparkbar-title-container`,style:_({background:V.value.title.backgroundColor,margin:V.value.title.margin,textAlign:V.value.title.textAlign})},[h(`div`,{class:`vue-ui-sparkbar-title`,style:_({fontSize:V.value.title.fontSize+`px`,color:V.value.title.color,fontWeight:V.value.title.bold?`bold`:`normal`})},S(V.value.title.text),5),V.value.title.subtitle.text?(y(),m(`div`,{key:0,class:`vue-ui-sparkbar-subtitle`,style:_({fontSize:V.value.title.subtitle.fontSize+`px`,color:V.value.title.subtitle.color,fontWeight:V.value.title.subtitle.bold?`bold`:`normal`})},S(V.value.title.subtitle.text),5)):p(``,!0)],4)):p(``,!0),(y(!0),m(d,null,ve(Ee.value,(n,i)=>(y(),m(`div`,{style:_(`display:flex !important;${[`left`,`right`].includes(B.value.name.position)?`flex-direction: ${B.value.name.position===`right`?`row-reverse`:`row`} !important`:`flex-direction:column !important`};gap:${V.value.gap}px !important;align-items:center;${C(W).length>0&&i!==C(W).length-1?`margin-bottom:6px`:``}`),onClick:e=>Oe(n,i),onMouseenter:e=>ke(n,i),onMouseleave:e=>Ae(n,i)},[C(U)?p(``,!0):x(e.$slots,`data-label`,he({ref_for:!0},{bar:{...n,target:Q(n),valueLabel:C(s)(n.formatter,n.value,C(t)({p:n.prefix||``,v:n.value,s:n.suffix||``,r:n.rounding||0}),{datapoint:n,seriesIndex:i}),targetLabel:C(s)(n.formatter,Q(n),C(t)({p:n.prefix||``,v:Q(n),s:n.suffix||``,r:n.rounding||0}),{datapoint:n,seriesIndex:i})}}),void 0,void 0,0),!e.$slots[`data-label`]||C(U)?(y(),m(`div`,{key:1,style:_({display:`flex`,justifyContent:[`right`,`top-right`].includes(B.value.name.position)?`flex-end`:[`top-center`].includes(B.value.name.position)?`center`:`flex-start`,alignItems:`center`,width:B.value.name.width,color:B.value.name.color,fontSize:B.value.fontSize+`px`,fontWeight:B.value.name.bold?`bold`:`normal`,flexWrap:`wrap`})},[C(U)?(y(),m(`div`,{key:0,class:`vue-ui-sparkbar-skeleton-name`,style:_({width:`60px`,height:B.value.fontSize+`px`,borderRadius:B.value.fontSize/4+`px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,marginTop:`5px`})},[h(`div`,{style:_({height:`100%`,width:`40px`,borderRadius:B.value.fontSize/4+`px`,backgroundColor:`#6A6A6A80`})},null,4),h(`div`,{style:_({height:`100%`,width:`15px`,borderRadius:B.value.fontSize/4+`px`,backgroundColor:`#6A6A6A80`})},null,4)],4)):(y(),m(d,{key:1},[h(`span`,null,S(n.name),1),B.value.value.show?(y(),m(`span`,{key:0,style:_(`font-weight:${B.value.value.bold?`bold`:`normal`}`),class:`vue-ui-sparkbar-datapoint-name`},`: `+S(C(s)(n.formatter,n.value,C(t)({p:n.prefix||``,v:n.value,s:n.suffix||``,r:n.rounding||0}),{datapoint:n,seriesIndex:i})),5)):p(``,!0),V.value.layout.showTargetValue?(y(),m(`span`,O,S(` `+V.value.layout.targetValueText)+` `+S(C(s)(n.formatter,Q(n),C(t)({p:n.prefix||``,v:Q(n),s:n.suffix||``,r:n.rounding||0}),{datapoint:n,seriesIndex:i})),1)):p(``,!0)],64))],4)):p(``,!0),(y(),m(`svg`,{role:`img`,xmlns:C(te),viewBox:`0 0 ${Y.value.width} ${Y.value.height}`,width:`100%`},[g(C(P)),h(`defs`,null,[g(ue,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`sparkbar_gradient_${i}_${L.value}`,stops:[[`0%`,C(r)(C(a)(n.color,.03),100-z.value.gradient.intensity),1],[`100%`,n.color,1]]},null,8,[`id`,`stops`])]),h(`rect`,{height:Y.value.height,width:Y.value.width,x:0,y:0,fill:C(r)(V.value.gutter.backgroundColor,V.value.gutter.opacity),rx:$.value},null,8,A),h(`rect`,{height:Y.value.height,width:Y.value.width*Z(n),x:0,y:0,fill:z.value.gradient.underlayerColor,rx:$.value},null,8,j),h(`rect`,{height:Y.value.height,width:Y.value.width*Z(n),x:0,y:0,fill:z.value.gradient.show?`url(#sparkbar_gradient_${i}_${L.value})`:n.color,rx:$.value},null,8,M)],8,k))],44,D))),256)),e.$slots.source?(y(),m(`div`,N,[x(e.$slots,`source`)],512)):p(``,!0),C(U)?(y(),fe(le,{key:3})):p(``,!0)],4))}};export{E as n,P as t};

package/dist/vue-ui-sparkgauge-CObOL6s2.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Tt as n,X as ee,at as r,b as i,i as te,in as a,t as o,yt as ne,zt as s}from"./lib-zDxoqrgo.js";import{n as re,t as ie}from"./useHints-BH9r_0Vd.js";import{t as ae}from"./useConfig-CKdzPrcf.js";import{n as c,t as l}from"./BaseScanner-8NdoBs7B.js";import{t as u}from"./DefGrad-DKMq1REY.js";import{t as d}from"./resolveChartConfig-BSo1Oe9n.js";import{t as f}from"./useChartAccessibility-DOMuYJfm.js";import{t as oe}from"./usePrefersMotion-XLHwega2.js";import{t as se}from"./vue_ui_sparkgauge-D2Hk6bvS.js";import{computed as p,createBlock as ce,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineAsyncComponent as le,normalizeClass as v,normalizeStyle as y,onBeforeUnmount as ue,onMounted as b,openBlock as x,ref as S,renderSlot as C,toDisplayString as w,toRefs as de,unref as T,watch as E}from"vue";var D=/* @__PURE__ */ e({default:()=>j}),fe=[`xmlns`,`viewBox`],pe=[`width`,`height`],me=[`d`,`stroke`,`stroke-linecap`],he=[`d`,`stroke`,`stroke-linecap`,`stroke-dashoffset`],O=[`x`,`y`,`width`,`height`],k=[`x`,`y`,`font-size`,`fill`,`font-weight`],A={key:2,ref:`source`,dir:`auto`},j={__name:`vue-ui-sparkgauge`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(e){let D=le(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),{vue_ui_sparkgauge:j}=ae(),M=oe(),N=S(null),P=e,F=S(ee()),I=S(W()),L=p(()=>I.value.style.dataLabel),R=p(()=>I.value.style);re({config:()=>I.value,dataset:()=>P.dataset,component:`VueUiSparkgauge`,rules:[ie.noHint]});let z=p(()=>R.value.animation.show&&!M.value),ge=p(()=>a({defaultConfig:{style:{animation:{show:!1},background:`#99999930`,colors:{min:`#CACACA`,max:`#6A6A6A`},track:{autoColor:!0},gutter:{color:`#6A6A6A80`}}},userConfig:I.value.skeletonConfig??{}})),{loading:B,FINAL_DATASET:V}=c({...de(P),FINAL_CONFIG:I,prepareConfig:W,skeletonDataset:P.config?.skeletonDataset??{value:0,min:-1,max:1,title:``},skeletonConfig:a({defaultConfig:I.value,userConfig:ge.value})}),H=p(()=>{let e=V.value.min??0,t=V.value.max??0;return{min:e,max:t,diff:t-e}}),U=p(()=>H.value.diff/R.value.animation.speedMs),{svgRef:_e}=f({config:{text:P.dataset?.title||``}});function W(){return d(P.config,j,se)}b(()=>{K()});let G=p(()=>I.value.debug);function K(){s(P.dataset)?r({componentName:`VueUiSparkgauge`,type:`dataset`,debug:G.value}):ne({datasetObject:P.dataset,requiredAttributes:[`value`,`min`,`max`]}).forEach(e=>{r({componentName:`VueUiSparkgauge`,type:`datasetAttribute`,property:e,debug:G.value})})}E(()=>P.config,()=>{I.value=W(),J.value=z.value?H.value.min:V.value.value,K()},{deep:!0});let q=p(()=>({height:R.value.height,width:128,base:R.value.basePosition})),J=S(z.value?H.value.min:V.value.value);E([()=>V.value.value,z],([e,t])=>{Y(e||0,t)},{immediate:!0});let ve=p(()=>J.value>H.value.max?H.value.max:J.value<H.value.min?H.value.min:J.value);b(()=>{Y(V.value.value||0)});function Y(e,t=z.value){if(N.value&&=(cancelAnimationFrame(N.value),null),!t){J.value=e;return}function n(){J.value<e?J.value=Math.min(J.value+U.value,e):J.value>e&&(J.value=Math.max(J.value-U.value,e)),J.value===e?N.value=null:N.value=requestAnimationFrame(n)}n()}let X=p(()=>V.value.title??``),Z=p(()=>{let e=H.value.diff;if(!isFinite(e)||e===0)return 0;let t=H.value.min,n=ve.value;return n>=0?(n-t)/e:(Math.abs(t)-Math.abs(n))/e}),Q=p(()=>n(R.value.colors.min,R.value.colors.max,H.value.min,H.value.max,J.value)),$=p(()=>L.value.autoColor?Q.value:L.value.color),ye=p(()=>R.value.track.autoColor?Q.value:R.value.track.color);return ue(()=>{N.value&&cancelAnimationFrame(N.value)}),(e,n)=>(x(),h(`div`,{class:`vue-data-ui-component vue-ui-sparkgauge`,style:y(`font-family:${R.value.fontFamily};width: 100%; background:${R.value.background}`)},[R.value.title.show&&X.value&&R.value.title.position===`top`?(x(),h(`div`,{key:0,class:`vue-data-ui-sparkgauge-label`,style:y(`font-size:${R.value.title.fontSize}px;text-align:${R.value.title.textAlign};font-weight:${R.value.title.bold?`bold`:`normal`};color:${R.value.title.color}`)},w(X.value),5)):m(``,!0),(x(),h(`svg`,{ref_key:`svgRef`,ref:_e,xmlns:T(o),viewBox:`0 0 ${q.value.width} ${q.value.height}`,style:`overflow: visible; background:transparent; width:100%;`},[_(T(D)),e.$slots[`chart-background`]&&!T(B)?(x(),h(`foreignObject`,{key:0,x:0,y:0,width:q.value.width,height:q.value.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`)],8,pe)):m(``,!0),g(`defs`,null,[_(u,{t:`linear`,id:`gradient_${F.value}`,x1:`-10%`,y1:`100%`,x2:`110%`,y2:`100%`,stops:[[`0%`,R.value.colors.min,1],[`100%`,R.value.colors.max,1]]},null,8,[`id`,`stops`])]),g(`path`,{d:`M10 ${q.value.base} A 1 1 0 1 1 118 ${q.value.base}`,stroke:R.value.gutter.color,"stroke-width":8,"stroke-linecap":R.value.gutter.strokeLinecap,fill:`none`},null,8,me),Z.value===0?m(``,!0):(x(),h(`path`,{key:1,d:`M10 ${q.value.base} A 1 1 0 1 1 118 ${q.value.base}`,stroke:R.value.colors.showGradient?`url(#gradient_${F.value})`:ye.value,"stroke-width":8,"stroke-linecap":R.value.track.strokeLinecap,fill:`none`,"stroke-dasharray":169.5,"stroke-dashoffset":169.5-169.5*Z.value,class:v({"vue-ui-sparkgauge-track":R.value.animation.show}),style:y(R.value.animation.show?`animation: vue-ui-sparkgauge-animation ${R.value.animation.speedMs}ms ease-in;`:``)},null,14,he)),T(B)?(x(),h(`rect`,{key:2,x:q.value.width/2-L.value.fontSize/2,y:q.value.base+6+L.value.offsetY-L.value.fontSize,width:L.value.fontSize,height:L.value.fontSize,fill:`#6A6A6A50`,rx:3},null,8,O)):(x(),h(`text`,{key:3,"text-anchor":`middle`,x:q.value.width/2,y:q.value.base+6+L.value.offsetY,"font-size":L.value.fontSize,fill:$.value,"font-weight":L.value.bold?`bold`:`normal`},w(T(te)(L.value.formatter,T(i)(J.value),T(t)({p:L.value.prefix,v:T(i)(J.value),s:L.value.suffix,r:L.value.rounding}),{datapoint:T(i)(J.value),color:$.value})),9,k))],8,fe)),R.value.title.show&&X.value&&R.value.title.position===`bottom`?(x(),h(`div`,{key:1,class:`vue-data-ui-sparkgauge-label`,style:y(`font-size:${R.value.title.fontSize}px;text-align:${R.value.title.textAlign};font-weight:${R.value.title.bold?`bold`:`normal`};font-weight:${R.value.title.bold?`bold`:`normal`};color:${R.value.title.color}`)},w(X.value),5)):m(``,!0),e.$slots.source?(x(),h(`div`,A,[C(e.$slots,`source`)],512)):m(``,!0),C(e.$slots,`skeleton`,{},()=>[T(B)?(x(),ce(l,{key:0})):m(``,!0)])],4))}};export{D as n,j as t};

package/dist/vue-ui-sparkhistogram-ClFyDez-.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Jt as n,X as r,Yt as i,at as a,i as o,in as s,t as c,yt as l,zt as ee}from"./lib-zDxoqrgo.js";import{n as u,t as d}from"./useHints-BH9r_0Vd.js";import{t as te}from"./useConfig-CKdzPrcf.js";import{n as ne,t as re}from"./BaseScanner-8NdoBs7B.js";import{t as ie}from"./Shape-tkp65OcG.js";import{t as ae}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as oe,t as se}from"./useResponsive-D2CPcpda.js";import{t as f}from"./DefGrad-DKMq1REY.js";import{t as ce}from"./A11yDataTable-DWNlWXzs.js";import{t as le}from"./resolveChartConfig-BSo1Oe9n.js";import{t as ue}from"./useChartAccessibility-DOMuYJfm.js";import{t as de}from"./useFitSvgText-C1QC4P5G.js";import{t as fe}from"./vue_ui_sparkhistogram-ChwOkoMb.js";import{Fragment as p,computed as m,createBlock as h,createCommentVNode as g,createElementBlock as _,createElementVNode as v,createTextVNode as pe,createVNode as me,defineAsyncComponent as he,guardReactiveProps as ge,nextTick as _e,normalizeClass as ve,normalizeProps as ye,normalizeStyle as y,onMounted as be,openBlock as b,ref as x,renderList as S,renderSlot as C,toDisplayString as w,toRefs as xe,unref as T,useCssVars as Se,watch as E}from"vue";var D=/* @__PURE__ */ e({default:()=>O}),Ce=[`id`],we={key:0},Te={key:1},Ee={style:{position:`relative`}},De=[`xmlns`,`viewBox`,`aria-describedby`],Oe=[`width`,`height`],ke=[`height`,`width`,`fill`,`x`,`stroke`,`stroke-width`,`rx`,`stroke-dasharray`],Ae={key:1},je=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`,`rx`],Me={key:2},Ne=[`x`,`y`,`font-size`,`font-weight`,`fill`],Pe=[`x`,`y`,`font-size`,`fill`],Fe=[`x`,`y`,`font-size`,`fill`],Ie=[`height`,`width`,`x`,`onMouseover`,`onMouseleave`,`onClick`],Le={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},O=/*#__PURE__*/ ae({__name:`vue-ui-sparkhistogram`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`],setup(e,{emit:ae}){Se(e=>({v57deebda:Xe.value}));let D=he(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),{vue_ui_sparkhistogram:O}=te(),k=e,A=x(r()),j=x(null),M=x(null),N=x(null),P=x(null),F=x(null),I=x(!1),L=x(null),R=x(`pointer`),z=x(q()),B=m(()=>z.value.style.labels),V=m(()=>z.value.style.bars),H=m(()=>z.value.style);u({config:()=>z.value,dataset:()=>k.dataset,component:`VueUiSparkHistogram`,rules:[d.singleSeries,{test:e=>e.length>31,message:[`👀 The number of datapoints is > 31. For a more readable chart, consider:`,``,`▶️ Using VueUiXy with a line series`]}]});let Re=m(()=>s({defaultConfig:{style:{animation:{show:!1},backgroundColor:`#99999930`}},userConfig:z.value.skeletonConfig??{}})),{loading:ze,FINAL_DATASET:U,manualLoading:Be}=ne({...xe(k),FINAL_CONFIG:z,prepareConfig:q,skeletonDataset:k.config?.skeletonDataset??[{value:1,intensity:.2,color:`#CACACA`},{value:2,intensity:.3,color:`#CACACA`},{value:3,intensity:.5,color:`#CACACA`},{value:5,intensity:.7,color:`#CACACA`},{value:8,intensity:.9,color:`#CACACA`},{value:13,intensity:.95,color:`#CACACA`},{value:21,intensity:1,color:`#CACACA`},{value:13,intensity:.95,color:`#CACACA`},{value:8,intensity:.9,color:`#CACACA`},{value:5,intensity:.7,color:`#CACACA`},{value:3,intensity:.5,color:`#CACACA`},{value:2,intensity:.3,color:`#CACACA`},{value:1,intensity:.2,color:`#CACACA`}],skeletonConfig:s({defaultConfig:z.value,userConfig:Re.value})}),W=x(H.value.layout.width),G=x(H.value.layout.height),{svgRef:K}=ue({config:H.value.title});function q(){return le(k.config,O,fe)}be(()=>{He()});let Ve=m(()=>z.value.debug);function He(){if(ee(k.dataset)?a({componentName:`VueUiSparkHistogram`,type:`dataset`,debug:Ve.value}):Ve.value&&k.dataset.forEach((e,t)=>{l({datasetObject:e,requiredAttributes:[`value`]}).forEach(e=>{a({componentName:`VueUiSparkHistogram`,type:`datasetSerieAttribute`,property:e,index:t})})}),z.value.responsive){let e=oe(()=>{let{width:e,height:t}=se({chart:N.value,title:H.value.title.text?M.value:null,source:j.value}),n=B.value.timeLabel.show?B.value.timeLabel.fontSize*2:0,r=B.value.valueLabel.show?B.value.valueLabel.fontSize*2:0;requestAnimationFrame(()=>{W.value=Math.max(10,e),G.value=Math.max(10,t-12-n-r)})});P.value&&(F.value&&P.value.unobserve(F.value),P.value.disconnect()),P.value=new ResizeObserver(e),F.value=N.value.parentNode,P.value.observe(F.value)}}E(()=>k.config,e=>{z.value=q(),He()},{deep:!0});let J=m(()=>{let e=B.value.timeLabel.show?B.value.timeLabel.fontSize*2:0,t=B.value.valueLabel.show?B.value.valueLabel.fontSize*2:0,n=G.value+e+t,r=W.value,i=H.value.layout.padding.top,a=n-H.value.layout.padding.bottom,o=H.value.layout.padding.left,s=r-H.value.layout.padding.right;return{bottom:a,centerY:i+(n-i-H.value.layout.padding.bottom)/2,drawingHeight:n-H.value.layout.padding.top-H.value.layout.padding.bottom-e-t,drawingWidth:r-H.value.layout.padding.left-H.value.layout.padding.right,height:n,left:o,right:s,top:i,width:r}}),Ue=m(()=>Math.max(...U.value.map(e=>Math.abs(e.value||0))));function We(e){return Math.abs(e)/Ue.value}let Y=m(()=>U.value.map((e,t)=>{let r=We(e.value||0),i=J.value.drawingHeight*r,a=J.value.drawingWidth/U.value.length,o=a*(V.value.gap/100),s=a-o,c=J.value.centerY-i/2,l=J.value.left+(o/2+t*a),ee=J.value.left+t*a,u=e.intensity===void 0?100:Math.round(e.intensity*100),d=e.color?e.color:e.value>=0?n(V.value.colors.positive,u):n(V.value.colors.negative,u),te=e.color?e.color:e.value>=0?V.value.colors.positive:V.value.colors.negative,ne=e.color?`url(#gradient_datapoint_${t}_${A.value})`:e.value>=0?`url(#gradient_positive_${t}_${A.value})`:`url(#gradient_negative_${t}_${A.value})`,re=l+s/2;return{...e,color:d,gradient:ne,height:i,intensity:u,proportion:r,stroke:te,textAnchor:re,trapX:ee,unitWidth:a,width:s,x:l,y:c}}));function Ge(e,n){return o(B.value.value.formatter,e.value,t({p:B.value.value.prefix,v:e.value,s:B.value.value.suffix,r:B.value.value.rounding}),{datapoint:e,seriesIndex:n})}let X=x(null),Ke=ae;function Z(e,t){Ke(`selectDatapoint`,{datapoint:e,index:t}),z.value.events.datapointClick&&z.value.events.datapointClick({datapoint:e,seriesIndex:t})}function qe(e,t){R.value=`pointer`,L.value=t,X.value=t,z.value.events.datapointEnter&&z.value.events.datapointEnter({datapoint:e,seriesIndex:t})}function Je(e,t){R.value!==`keyboard`&&(X.value=null,L.value=null,z.value.events.datapointLeave&&z.value.events.datapointLeave({datapoint:e,seriesIndex:t}))}function Ye(){R.value!==`keyboard`&&(X.value=null,L.value=null)}let Xe=m(()=>`${H.value.animation.speedMs}ms`),Ze=m(()=>J.value.drawingWidth/U.value.length*.9),{fitText:Q}=de({svgRef:K,unitWidth:Ze});be(async()=>{await _e(),Q(`.vue-ui-sparkhistogram-top-label`,B.value.value.minFontSize),Q(`.vue-ui-sparkhistogram-bottom-label`,B.value.valueLabel.minFontSize),Q(`.vue-ui-sparkhistogram-time-label`,B.value.timeLabel.minFontSize)}),E([W,G,()=>U.value],async()=>{await _e(),Q(`.vue-ui-sparkhistogram-top-label`,B.value.value.minFontSize),Q(`.vue-ui-sparkhistogram-bottom-label`,B.value.valueLabel.minFontSize),Q(`.vue-ui-sparkhistogram-time-label`,B.value.timeLabel.minFontSize)});function Qe(){I.value=!0}function $e(){I.value=!1,L.value=null,R.value=`pointer`,X.value=null}function et(e){if(!K.value||document.activeElement!==K.value||!Y.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){L.value=null,X.value=null,R.value=`pointer`;return}if(r){if(X.value===null)return;let e=Y.value[X.value];if(!e)return;Z(e,X.value);return}R.value=`keyboard`;let a=L.value;a===null||a<0||a>=Y.value.length?a=n?0:Y.value.length-1:n?(a+=1,a>=Y.value.length&&(a=0)):t&&(--a,a<0&&(a=Y.value.length-1)),L.value=a,X.value=a;let o=Y.value[a];z.value.events.datapointEnter&&z.value.events.datapointEnter({datapoint:o,seriesIndex:a})}let $=m(()=>({headers:[z.value.a11y?.translations?.series??`Series`,z.value.a11y?.translations?.time??`Time`,z.value.a11y?.translations?.value??`Value`,z.value.a11y?.translations?.valueLabel??`Label`],rows:Y.value.map((e,t)=>[t+1,e.timeLabel??``,e.value??``,e.valueLabel??``])}));return(e,r)=>(b(),_(`div`,{class:`vue-data-ui-component vue-ui-spark-histogram`,ref_key:`histogramChart`,ref:N,style:y(`width:100%;background:${H.value.backgroundColor};font-family:${H.value.fontFamily}`),onMouseleave:Ye},[v(`div`,{id:`chart-instructions-${A.value}`,class:`sr-only`},[v(`p`,null,w(z.value.a11y.translations.keyboardNavigation),1)],8,Ce),$.value?.rows?.length?(b(),h(ce,{key:0,uid:A.value,head:$.value.headers,body:$.value.rows,notice:z.value.a11y.translations.tableAvailable,caption:z.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):g(``,!0),H.value.title.text?(b(),_(`div`,{key:1,ref_key:`chartTitle`,ref:M,style:y(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${H.value.title.margin};padding: 0 6px;text-align:${H.value.title.textAlign}`)},[v(`div`,{style:y(`font-size:${H.value.title.fontSize}px;color:${H.value.title.color};font-weight:${H.value.title.bold?`bold`:`normal`}`)},[pe(w(H.value.title.text)+` `,1),X.value===null?g(``,!0):(b(),_(`span`,we,`- `+w(Y.value[X.value].timeLabel||``)+` `+w(T(o)(B.value.value.formatter,Y.value[X.value].value,T(t)({p:B.value.value.prefix,v:Y.value[X.value].value,s:B.value.value.suffix,r:B.value.value.rounding}),{datapoint:Y.value[X.value],seriesIndex:X.value})),1)),![void 0,null].includes(X.value)&&![null,void 0].includes(Y.value[X.value].valueLabel)?(b(),_(`span`,Te,w(` (${Y.value[X.value].valueLabel||0})`),1)):g(``,!0)],4),H.value.title.subtitle.text?(b(),_(`div`,{key:0,style:y(`font-size:${H.value.title.subtitle.fontSize}px;color:${H.value.title.subtitle.color};font-weight:${H.value.title.subtitle.bold?`bold`:`normal`}`)},w(H.value.title.subtitle.text),5)):g(``,!0)],4)):g(``,!0),v(`div`,Ee,[(b(),_(`svg`,{ref_key:`svgRef`,ref:K,xmlns:T(c),viewBox:`0 0 ${J.value.width} ${J.value.height}`,style:{overflow:`visible`},"aria-describedby":`chart-instructions-${A.value}`,tabindex:`0`,onFocus:Qe,onBlur:$e,onKeydown:et},[me(T(D)),e.$slots[`chart-background`]?(b(),_(`foreignObject`,{key:0,x:0,y:0,width:J.value.width,height:J.value.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,Oe)):g(``,!0),v(`defs`,null,[(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),h(f,{t:`radial`,id:`gradient_positive_${t}_${A.value}`,key:`gradient_positive_${t}_${A.value}`,cy:`50%`,cx:`50%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,T(n)(T(i)(V.value.colors.positive,.05),e.intensity),1],[`100%`,T(n)(V.value.colors.positive,e.intensity),1]]},null,8,[`id`,`stops`]))),128)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),h(f,{t:`radial`,id:`gradient_negative_${t}_${A.value}`,key:`gradient_negative_${t}_${A.value}`,cy:`50%`,cx:`50%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,T(n)(T(i)(V.value.colors.negative,.05),e.intensity),1],[`100%`,T(n)(V.value.colors.negative,e.intensity),1]]},null,8,[`id`,`stops`]))),128)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),h(f,{t:`radial`,id:`gradient_datapoint_${t}_${A.value}`,key:`gradient_datapoint_${t}_${A.value}`,cy:`50%`,cx:`50%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,T(n)(T(i)(e.color,.05),e.intensity),1],[`100%`,T(n)(e.color,e.intensity),1]]},null,8,[`id`,`stops`]))),128))]),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[X.value!==null&&X.value===t?(b(),_(`rect`,{key:0,height:J.value.height,width:e.unitWidth,fill:H.value.selector.fill,x:e.trapX,y:0,stroke:H.value.selector.stroke,"stroke-width":H.value.selector.strokeWidth,rx:H.value.selector.borderRadius,"stroke-dasharray":H.value.selector.strokeDasharray},null,8,ke)):g(``,!0)]))),256)),!V.value.shape||V.value.shape===`square`?(b(),_(`g`,Ae,[(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`rect`,{x:e.x,y:e.y,height:e.height,width:e.width,fill:V.value.colors.gradient.show?e.gradient:e.color,stroke:e.stroke,"stroke-width":V.value.strokeWidth,rx:`${V.value.borderRadius*e.proportion/12}%`,class:ve({"vue-ui-sparkhistogram-shape":H.value.animation.show})},null,10,je))),256))])):(b(),_(`g`,Me,[(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),h(ie,{plot:{x:e.x+e.width/2,y:e.y+e.height/2},color:V.value.colors.gradient.show?e.gradient:e.color,shape:V.value.shape,radius:Math.min(e.height*.4,e.width*.4),class:ve({"vue-ui-sparkhistogram-shape":H.value.animation.show})},null,8,[`plot`,`color`,`shape`,`radius`,`class`]))),256))])),T(ze)?g(``,!0):(b(),_(p,{key:3},[(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[B.value.value.show?(b(),_(`text`,{key:0,class:`vue-ui-sparkhistogram-top-label`,"text-anchor":`middle`,x:e.textAnchor,y:e.y-B.value.value.fontSize/3+B.value.value.offsetY,"font-size":B.value.value.fontSize,"font-weight":B.value.value.bold?`bold`:`normal`,fill:B.value.value.color},w(Ge(e,t)),9,Ne)):g(``,!0)]))),256)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[e.valueLabel&&B.value.valueLabel.show?(b(),_(`text`,{key:0,class:`vue-ui-sparkhistogram-bottom-label`,x:e.textAnchor,y:e.y+e.height+B.value.valueLabel.fontSize,"font-size":B.value.valueLabel.fontSize,"text-anchor":`middle`,fill:B.value.valueLabel.color},w(e.valueLabel),9,Pe)):g(``,!0)]))),256)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[e.timeLabel&&B.value.timeLabel.show?(b(),_(`text`,{key:0,class:`vue-ui-sparkhistogram-time-label`,x:e.textAnchor,y:J.value.height,"font-size":B.value.timeLabel.fontSize,fill:B.value.timeLabel.color,"text-anchor":`middle`},w(e.timeLabel),9,Fe)):g(``,!0)]))),256))],64)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[v(`rect`,{height:J.value.height,width:e.unitWidth,fill:`transparent`,x:e.trapX,y:0,onMouseover:n=>qe(e,t),onMouseleave:n=>Je(e,t),onClick:()=>Z(e,t)},null,40,Ie)]))),256))],40,De)),e.$slots.hint?(b(),_(`div`,Le,[C(e.$slots,`hint`,ye(ge({hint:z.value.a11y.translations.keyboardNavigation,isVisible:I.value})),void 0,!0)])):g(``,!0)]),e.$slots.source?(b(),_(`div`,{key:2,ref_key:`source`,ref:j,dir:`auto`},[C(e.$slots,`source`,{},void 0,!0)],512)):g(``,!0),C(e.$slots,`skeleton`,{},()=>[T(ze)?(b(),h(re,{key:0})):g(``,!0)],!0)],36))}},[[`__scopeId`,`data-v-e5a32af0`]]);export{D as n,O as t};

package/dist/vue-ui-sparkline-DP_nYlW8.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,A as n,Et as r,G as i,I as a,Jt as o,K as s,L as c,N as l,Nt as u,P as d,R as f,S as p,U as ee,W as te,X as ne,Yt as re,at as ie,d as ae,dt as oe,i as se,in as ce,k as le,lt as ue,m as de,qt as fe,t as pe,yt as me,zt as he}from"./lib-zDxoqrgo.js";import{n as ge,t as _e}from"./useHints-BH9r_0Vd.js";import{t as ve}from"./useTimeLabels-Das5O74F.js";import{t as ye}from"./useConfig-CKdzPrcf.js";import{n as be,t as xe}from"./BaseScanner-8NdoBs7B.js";import{t as Se}from"./useNestedProp-CT9phgWx.js";import{t as Ce}from"./useThemeCheck-BKNRbGeC.js";import{t as we}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Te,t as Ee}from"./useResponsive-D2CPcpda.js";import{t as De}from"./DefGrad-DKMq1REY.js";import{t as Oe}from"./A11yDataTable-DWNlWXzs.js";import{t as ke}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ae}from"./usePrefersMotion-XLHwega2.js";import{t as je}from"./vue_ui_sparkline-CvL_e9L8.js";import{Fragment as m,computed as h,createBlock as Me,createCommentVNode as g,createElementBlock as _,createElementVNode as v,createTextVNode as Ne,createVNode as Pe,defineAsyncComponent as Fe,guardReactiveProps as Ie,nextTick as y,normalizeClass as Le,normalizeProps as Re,normalizeStyle as ze,onBeforeUnmount as Be,onMounted as Ve,openBlock as b,ref as x,renderList as S,renderSlot as He,shallowRef as Ue,toDisplayString as We,toRefs as Ge,unref as C,watch as w,watchEffect as Ke,withCtx as qe}from"vue";var Je={key:0,style:{"pointer-events":`none`}},Ye=[`r`,`fill`,`filter`],Xe=[`begin`,`dur`,`repeatCount`,`fill`,`calcMode`,`keySplines`,`keyTimes`,`keyPoints`],Ze=[`href`],Qe=[`dur`,`repeatCount`,`fill`,`values`],$e=[`r`,`fill`],et=[`begin`,`dur`,`repeatCount`,`calcMode`,`keySplines`,`keyTimes`,`keyPoints`],T=[`href`],tt=[`dur`,`repeatCount`],nt={__name:`SparklinePulse`,props:{uid:{type:String,required:!0},svgRef:{type:Object,default:null},pulsePathId:{type:String,required:!0},pulsePathLength:{type:Number,required:!0},pulseDur:{type:String,required:!0},pulseBegin:{type:String,required:!0},pulseRepeatCount:{type:String,required:!0},pulseFillMode:{type:String,default:void 0},pulseKeyPoints:{type:String,required:!0},pulseMotion:{type:Object,required:!0},pulse:{type:Object,required:!0},pulseTrail:{type:Object,required:!0},pulseTrailLength:{type:Number,required:!0},prefersReducedMotion:{type:Boolean,required:!0},loading:{type:Boolean,required:!0},isBar:{type:Boolean,required:!0}},setup(e){let t=e,n=h(()=>Math.min(t.pulseTrailLength,45)),r=h(()=>!!t.pulse?.show&&!t.isBar&&!t.prefersReducedMotion&&!t.loading&&Number(t.pulsePathLength)>0);function i(){let e=t.svgRef?.value;e&&(typeof e.pauseAnimations==`function`&&e.pauseAnimations(),typeof e.setCurrentTime==`function`&&e.setCurrentTime(0),typeof e.unpauseAnimations==`function`&&e.unpauseAnimations())}function a(e,t){if(typeof e!=`string`)return e;let n=e.trim().match(/^([\d.]+)\s*(ms|s)$/);if(!n)return e;let r=Number(n[1]),i=n[2];return Number.isNaN(r)?e:`${r+t}${i}`}function o(e){return(n.value-e)/n.value*t.pulse.radius}function s(e){let r=t.pulse.trail.opacity,i=(n.value-e)/n.value,a=e===0?1:i*r;return`0;${a};${a};0`}return w(()=>t.loading,async e=>{if(e){i();return}await y(),i()}),w(()=>t.pulsePathId,async()=>{await y(),i()}),Be(()=>{i()}),(t,i)=>r.value?(b(),_(`g`,Je,[(b(!0),_(m,null,S(n.value,(t,n)=>(b(),_(m,null,[n%3==0?(b(),_(`circle`,{key:`sparkline_dot_${n}_${e.pulsePathId}`,r:o(n),fill:e.pulse.color,filter:`url(#sparkline_pulse_glow_${e.uid})`,opacity:`0`},[v(`animateMotion`,{begin:a(e.pulseBegin,n*10),dur:e.pulseDur,repeatCount:e.pulseRepeatCount,fill:e.pulseFillMode,calcMode:e.pulseMotion.calcMode,keySplines:e.pulseMotion.keySplines||void 0,keyTimes:e.pulseMotion.keyTimes||void 0,keyPoints:e.pulseKeyPoints,rotate:`auto`},[v(`mpath`,{href:`#${e.pulsePathId}`},null,8,Ze)],8,Xe),v(`animate`,{attributeName:`opacity`,dur:e.pulseDur,repeatCount:e.pulseRepeatCount,fill:e.pulseFillMode,values:s(n),keyTimes:`0;0.1;0.9;1`},null,8,Qe)],8,Ye)):g(``,!0)],64))),256)),(b(),_(`circle`,{key:`sparkline_halo_${e.pulsePathId}`,r:Math.max(e.pulse.radius*1.3),fill:e.pulse.color,opacity:`0`},[v(`animateMotion`,{begin:e.pulseBegin,dur:e.pulseDur,repeatCount:e.pulseRepeatCount,calcMode:e.pulseMotion.calcMode,keySplines:e.pulseMotion.keySplines||void 0,keyTimes:e.pulseMotion.keyTimes||void 0,keyPoints:e.pulseKeyPoints,rotate:`auto`},[v(`mpath`,{href:`#${e.pulsePathId}`},null,8,T)],8,et),v(`animate`,{attributeName:`opacity`,values:`0;0.35;0.35;0`,keyTimes:`0;0.15;0.85;1`,dur:e.pulseDur,repeatCount:e.pulseRepeatCount},null,8,tt)],8,$e))])):g(``,!0)}},E={canvas:null,ctx:null};function rt(){if(typeof document>`u`)throw Error(`color-utils: document is not available (browser-only).`);if(!E.canvas){let e=document.createElement(`canvas`);e.width=1,e.height=1;let t=e.getContext(`2d`,{willReadFrequently:!0});if(!t)throw Error(`color-utils: unable to get 2D canvas context.`);E.canvas=e,E.ctx=t}return E.ctx}function it(e){return e<0?0:e>255?255:Math.round(e)}function at(e){return e<0?0:e>1?1:e}function D(e,t=null){if(typeof e!=`string`||e.trim().length===0)throw Error(`colorToRgba: inputColor must be a non-empty string.`);let n=e.trim();if(n.toLowerCase()===`transparent`)return{red:0,green:0,blue:0,alpha:0};let r=k(n,t),i=rt();i.clearRect(0,0,1,1),i.fillStyle=`#000`;let a=i.fillStyle;if(i.fillStyle=r,i.fillStyle===a&&!A(r))throw Error(`colorToRgba: unsupported or invalid color "${e}".`);i.fillRect(0,0,1,1);let o=i.getImageData(0,0,1,1).data;return{red:o[0],green:o[1],blue:o[2],alpha:o[3]/255}}function O(e,t=null){if(!Array.isArray(e)||e.length===0)throw Error(`colorsToRgba: colors must be a non-empty array.`);let n=Array(e.length);for(let r=0;r<e.length;r+=1)n[r]=D(e[r],t);return n}function k(e,t=null){return e!==`currentColor`||typeof window>`u`||!t?e:window.getComputedStyle(t).color||e}function A(e){let t=e.trim().toLowerCase();return t===`black`||t===`#000`||t===`#000000`||t===`rgb(0, 0, 0)`||t===`rgba(0, 0, 0, 1)`||t===`rgba(0, 0, 0, 0)`}function j(e){let t=at(e/255);return t<=.04045?t/12.92:((t+.055)/1.055)**2.4}function M(e){let t=at(e),n;return n=t<=.0031308?t*12.92:1.055*t**(1/2.4)-.055,it(n*255)}function ot(e,t,n,r){let i=at(n);if(r===`linearRGB`){let n=j(e.red),r=j(e.green),a=j(e.blue),o=j(t.red),s=j(t.green),c=j(t.blue),l=n+(o-n)*i,u=r+(s-r)*i,d=a+(c-a)*i;return{red:M(l),green:M(u),blue:M(d),alpha:e.alpha+(t.alpha-e.alpha)*i}}return{red:e.red+(t.red-e.red)*i,green:e.green+(t.green-e.green)*i,blue:e.blue+(t.blue-e.blue)*i,alpha:e.alpha+(t.alpha-e.alpha)*i}}function N(e,t,n){let r=e;return r<t&&(r=t),r>n&&(r=n),r}function P(e,t){let n=10**t;return Math.round(e*n)/n}function F(e){return Number.isFinite(e)?e.toString():`0`}function I(e){let t=N(e,0,255).toString(16);return t.length===1?`0`+t:t}function L(e){if(typeof e!=`string`)return;let t=Number.parseFloat(e);return Number.isFinite(t)?t:void 0}function st(e,t,n,r=!0){let i=n-t;if(i===0)return 0;let a=(e-t)/i;return r?N(a,0,1):a}var ct=`http://www.w3.org/2000/svg`;function R(e){if(typeof document>`u`)throw Error(`SvgPathGradientAsync: document is not available (browser-only implementation).`);let t=document.createElementNS(ct,`svg`);t.setAttribute(`width`,`0`),t.setAttribute(`height`,`0`),t.setAttribute(`viewBox`,`0 0 0 0`),t.style.position=`absolute`,t.style.left=`-10000px`,t.style.top=`-10000px`,t.style.visibility=`hidden`,t.style.pointerEvents=`none`;let n=document.createElementNS(ct,`path`);return e===`M `&&(e=`M 0,0`),n.setAttribute(`d`,e),t.appendChild(n),document.body.appendChild(t),{svgElement:t,pathElement:n}}function z(e){if(e)try{e.svgElement?.remove?.()}catch{}}function lt(e,t,n){if(typeof n==`number`&&n>0)return n;let r=t*.75;r<.5&&(r=.5),r>8&&(r=8);let i=e/2;return r>i&&i>0&&(r=i),r<=0&&(r=1),r}function B(e,t,n){if(typeof t==`number`&&t>=1)return Math.floor(t);let r=Math.ceil(e/(typeof n==`number`&&n>0?n:2));return r<1?1:r}function ut(e,t,n,r,i,a){let o=n-t,s=Math.ceil(o/r)+1;s<2&&(s=2),s>a&&(s=a);let c=s>1?o/(s-1):0,l=e.getPointAtLength(t),u=`M ${F(P(l.x,i))} ${F(P(l.y,i))}`;for(let n=1;n<s;n+=1){let r=t+n*c,a=e.getPointAtLength(r);u+=` L ${F(P(a.x,i))} ${F(P(a.y,i))}`}return u}function V(e,t,n,r,i,a){let o=n-t,s=Math.ceil(o/r)+1;s<2&&(s=2),s>a&&(s=a);let c=s>1?o/(s-1):0,l=e.getPointAtLength(t),u=l.x,d=l.x,f=l.y,p=l.y,ee=`M ${F(P(l.x,i))} ${F(P(l.y,i))}`;for(let n=1;n<s;n+=1){let r=t+n*c,a=e.getPointAtLength(r);a.x<u&&(u=a.x),a.x>d&&(d=a.x),a.y<f&&(f=a.y),a.y>p&&(p=a.y),ee+=` L ${F(P(a.x,i))} ${F(P(a.y,i))}`}return{pathData:ee,bounds:{minX:u,maxX:d,minY:f,maxY:p}}}function dt(e){if(e.length===1)return[{position:0,rgba:e[0]}];let t=Array(e.length),n=e.length-1;for(let r=0;r<e.length;r+=1)t[r]={position:r/n,rgba:e[r]};return t}function ft(e,t,n,r){let i=N(t,0,1),a=r;for(a<0&&(a=0),a>e.length-2&&(a=e.length-2);a>0&&i<e[a].position;)--a;for(;a<e.length-2&&i>e[a+1].position;)a+=1;let o=e[a],s=e[a+1],c=s.position-o.position,l=c>0?(i-o.position)/c:0;return gt(pt(o.rgba,s.rgba,l,n))}function pt(e,t,n,r){let i=N(n,0,1);if(r===`linearRGB`){let n=mt(e.red),r=mt(e.green),a=mt(e.blue),o=mt(t.red),s=mt(t.green),c=mt(t.blue),l=n+(o-n)*i,u=r+(s-r)*i,d=a+(c-a)*i;return{red:ht(l),green:ht(u),blue:ht(d),alpha:e.alpha+(t.alpha-e.alpha)*i}}return{red:e.red+(t.red-e.red)*i,green:e.green+(t.green-e.green)*i,blue:e.blue+(t.blue-e.blue)*i,alpha:e.alpha+(t.alpha-e.alpha)*i}}function mt(e){let t=N(e/255,0,1);return t<=.04045?t/12.92:((t+.055)/1.055)**2.4}function ht(e){let t=N(e,0,1),n;return n=t<=.0031308?t*12.92:1.055*t**(1/2.4)-.055,N(Math.round(n*255),0,255)}function gt(e){let t=N(e.alpha,0,1),n=N(Math.round(e.red),0,255),r=N(Math.round(e.green),0,255),i=N(Math.round(e.blue),0,255);return t>=1?`#${I(n)}${I(r)}${I(i)}`:`rgba(${n}, ${r}, ${i}, ${P(t,4).toString()})`}function _t(e){let t=`fill="${H(e.fill??`none`)}"`,n=Object.keys(e);for(let r=0;r<n.length;r+=1){let i=n[r];if(i===`stroke`||i===`d`)continue;let a=e[i];t+=` ${i}="${H(a)}"`}return t}function vt(e,t,n){return`<path d="${H(e)}" stroke="${H(t)}" ${n} />`}function yt(e){let t=[],n=e.segmentAttributeMap.fill??`none`;t.push(`fill="${H(n)}"`),t.push(`stroke="${H(e.stroke)}"`);for(let n of Object.keys(e.segmentAttributeMap)){if(n===`stroke`||n===`d`)continue;let r=e.segmentAttributeMap[n];t.push(`${n}="${H(r)}"`)}return`<path d="${H(e.pathData)}" ${t.join(` `)} />`}function bt(e,t){let n=[];for(let e of Object.keys(t))n.push(`${e}="${H(t[e])}"`);return`<g data-svg-path-gradient="true"${n.length?` `+n.join(` `):``}>${e.join(``)}</g>`}function H(e){return String(e).replaceAll(`&`,`&amp;`).replaceAll(`"`,`&quot;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`)}function xt(e,t=null,n={}){return new Promise((r,i)=>{let a=null;try{if(!e||typeof e!=`string`)throw Error(`SvgPathGradientAsync: pathData must be a non-empty string.`);let i=n.temperatureMode??null;if(i===null&&(!Array.isArray(t)||t.length===0))throw Error(`SvgPathGradientAsync: colors must be a non-empty array when temperatureMode is not enabled.`);if((n.returnMode??`string`)!==`string`)throw Error(`SvgPathGradientAsync: only returnMode="string" is supported for the async version.`);let o=typeof n.decimalPlaces==`number`?n.decimalPlaces:3,s=typeof n.flattenTolerance==`number`&&n.flattenTolerance>0?n.flattenTolerance:.25,c=n.attrs?{...n.attrs}:{},l=n.groupAttrs?{...n.groupAttrs}:{},u=L(c[`stroke-width`]),d=typeof n.strokeWidth==`number`&&n.strokeWidth>0?n.strokeWidth:typeof u==`number`&&u>0?u:1;a=R(e);let f=a.pathElement,p=f.getTotalLength(),ee=i===null?O(t,n.colorReferenceElement):[];if(i===null&&(!(p>0)||ee.length===1)){let t=bt([yt({pathData:e,stroke:gt(ee[0]),segmentAttributeMap:c})],l);z(a),r(t);return}let te=n.colorSpace??`linearRGB`;if(i!==null){let e=n.temperatureColors;if(!Array.isArray(e)||e.length!==2)throw Error(`SvgPathGradientAsync: temperatureColors must be a tuple of exactly 2 colors when temperatureMode is enabled.`)}let ne=i===null?null:O(n.temperatureColors,n.colorReferenceElement),re=i===null?(()=>{let e=dt(ee),t=Array(e.length);for(let n=0;n<e.length;n+=1)t[n]={position:e[n].position,rgba:e[n].rgba};return t})():[],ie=lt(p,d,n.maxSegmentLength),ae=B(p,n.segments,ie),oe=p/ae,se=typeof n.overlap==`number`&&n.overlap>=0?n.overlap:d*.5,ce=oe*.45;se>ce&&(se=ce);let le=typeof n.samplePointLimitPerSegment==`number`&&n.samplePointLimitPerSegment>10?n.samplePointLimitPerSegment:250,ue=_t(c),de=[],fe=i===null?null:[],pe=i===null?null:[],me=0,he=i===null?re.length-2:0,ge=0,_e=()=>{let e=performance.now(),t=typeof n.frameBudgetMs==`number`?n.frameBudgetMs:8;for(;ge<ae&&performance.now()-e<t;){let e=ge*oe,t=(ge+1)*oe,n=e,r=t;if(ge!==0&&(n=e-se),ge!==ae-1&&(r=t+se),n=N(n,0,p),r=N(r,0,p),r>n){if(i!==null){let e=V(f,n,r,s,o,le);fe.push(e.pathData),pe.push(e.bounds)}else{let e=(n+r)*.5/p;for(;me<he&&e>re[me+1].position;)me+=1;let t=ft(re,e,te,me),i=ut(f,n,r,s,o,le);de.push(vt(i,t,ue))}}ge+=1}if(ge<ae){requestAnimationFrame(_e);return}if(i!==null){let e=1/0,t=-1/0;for(let n=0;n<pe.length;n+=1){let r=pe[n],a=i===`vertical`?r.minY:r.minX,o=i===`vertical`?r.maxY:r.maxX;a<e&&(e=a),o>t&&(t=o)}let n=ne[0],r=ne[1];de.length=0;for(let a=0;a<pe.length;a+=1){let o=pe[a],s=st(((i===`vertical`?o.minY:o.minX)+(i===`vertical`?o.maxY:o.maxX))*.5,e,t,!0),c=gt(i===`vertical`?ot(n,r,s,te):ot(r,n,s,te)),l=fe[a];de.push(vt(l,c,ue))}}let c=bt(de,l);z(a),r(c)};requestAnimationFrame(_e)}catch(e){z(a),i(e)}})}var U=[`innerHTML`],St={__name:`SparklineGradientPath`,props:{svgPathData:{type:String,required:!0},enabled:{type:Boolean,required:!0},strokeWidth:{type:Number,required:!0},highColor:{type:String,required:!0},lowColor:{type:String,required:!0},segments:{type:Number,required:!0}},setup(e){let t=e,n=x(``),r=0;return w(()=>[t.enabled,t.svgPathData,t.strokeWidth,t.highColor,t.lowColor,t.segments],async([e])=>{let i=++r;if(!e){n.value=``;return}let a=await xt(t.svgPathData,null,{segments:t.segments,temperatureMode:`vertical`,temperatureColors:[t.highColor,t.lowColor],attrs:{"stroke-width":t.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},groupAttrs:{class:`vue-ui-sparkline-gradient`}});i===r&&(n.value=a)},{immediate:!0}),(e,t)=>(b(),_(`g`,{innerHTML:n.value},null,8,U))}},Ct=/* @__PURE__ */ e({default:()=>W}),wt=[`id`],Tt=[`id`],Et={style:{position:`relative`}},Dt=[`xmlns`,`viewBox`,`aria-describedby`],Ot=[`width`,`height`],kt=[`id`],At=[`id`,`y1`,`y2`],jt=[`stop-color`,`offset`],Mt=[`id`],Nt=[`x`,`y`,`width`,`height`],Pt=[`clip-path`],Ft={key:0},It=[`data-cy`,`d`,`fill`],Lt=[`id`,`d`,`stroke-width`],Rt=[`d`,`stroke`,`stroke-width`,`stroke-dasharray`],zt=[`d`,`stroke`,`stroke-width`],Bt=[`id`,`d`,`stroke-width`],Vt=[`d`,`stroke`,`stroke-width`,`stroke-dasharray`],Ht=[`d`,`stroke`,`stroke-width`],Ut=[`x`,`y`,`width`,`height`,`fill`,`rx`],Wt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Gt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Kt=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],qt=[`x`,`y`,`font-size`,`font-weight`,`fill`],Jt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`,`stroke`,`stroke-opacity`,`stroke-width`,`stroke-dasharray`],Yt=[`x`,`y`,`height`,`width`,`onMouseenter`,`onMouseleave`,`onClick`],Xt=[`title`,`aria-label`],Zt={viewBox:`0 0 24 24`,width:`13`,height:`13`,"aria-hidden":`true`,focusable:`false`},Qt=[`stroke`],$t={key:1,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},en=280,W=/*#__PURE__*/ we({__name:`vue-ui-sparkline`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},showInfo:{type:Boolean,default:!0},selectedIndex:{type:Number,default:void 0},heightRatio:{type:Number,default:1},forcedPadding:{type:Number,default:30},zoomState:{type:Object,default:null}},emits:[`hoverIndex`,`selectDatapoint`,`zoom`,`zoomReset`,`update:zoomState`],setup(e,{expose:we,emit:Je}){let Ye=Fe(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),Xe=Fe(()=>import(`./SparkTooltip-BlJLvizH.js`)),{vue_ui_sparkline:Ze}=ye(),{isThemeValid:Qe,warnInvalidTheme:$e}=Ce(),et=Ae(),T=e,tt=h(()=>Array.isArray(T.dataset)&&T.dataset.length>0),E=x(ne()),rt=x(null),it=x(null),at=x(null),D=x(null),O=x(null),k=x(void 0),A=x(void 0),j=x(ut()),M=h(()=>j.value.style.tooltip),ot=h(()=>j.value.style.bar),N=h(()=>j.value.style.line),P=h(()=>j.value.style.area),F=h(()=>j.value.style.dataLabel),I=h(()=>j.value.style),L=h(()=>j.value.style.zoom);ge({config:()=>j.value,dataset:()=>T.dataset,component:`VueUiSparkline`,rules:[_e.emptyArray,{test:e=>e.length>500,message:[`👀 The dataset has > 500 datapoints. Consider if you really need this level of detail.`,``,`▶️ Use larger time scales, or aggregated values`]},{test:e=>e.length>1095,message:[`👀 The dataset has > 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.`]}]});function st(e){return T.config?.skeletonDataset&&Array.isArray(T.config.skeletonDataset)?T.config.skeletonDataset.map(e=>({period:`-`,value:e})):ue(e).map(e=>({period:`-`,value:e}))}let ct=h(()=>ce({defaultConfig:{gradientPath:{show:!1},temperatureColors:{show:!1},style:{backgroundColor:`#99999930`,scaleMin:0,scaleMax:null,animation:{show:!1},line:{color:`#AAAAAA`,pulse:{show:!1},dashIndices:[]},bar:{color:`#AAAAAA`},area:{color:`#CACACA`},zeroLine:{color:`#6A6A6A`},dataLabel:{show:!1},tooltip:{show:!1}}},userConfig:j.value.skeletonConfig??{}})),{loading:R,FINAL_DATASET:z,manualLoading:lt}=be({...Ge(T),FINAL_CONFIG:j,prepareConfig:ut,callback:()=>{Promise.resolve().then(async()=>{await y(),En()})},skeletonDataset:st(12),skeletonConfig:ce({defaultConfig:j.value,userConfig:ct.value})}),{svgRef:B}=ke({config:I.value.title});function ut(){let e=Se({userConfig:T.config,defaultConfig:Ze}),t={},n=e.theme;if(n){if(!Qe.value(e))$e(e),t=e;else{let r=Se({userConfig:je[n]||T.config,defaultConfig:e});t={...Se({userConfig:T.config,defaultConfig:r})}}}else t=e;return t}let V=h(()=>j.value?.style?.line.pulse||{}),dt=h(()=>`${Math.max(200,Number(V.value.durationMs)||4e3)/1e3}s`),ft=x(0),pt=h(()=>V.value?.begin||`0ms`),mt=x(`0;1`),ht=h(()=>V.value?.loop===!1?`1`:`indefinite`),gt=h(()=>V.value?.loop===!1?`freeze`:void 0),_t=h(()=>V.value.trail.show&&H.value.lengthPx||1),vt=h(()=>!!V.value?.show&&!Z.value&&!et.value&&!R.value&&(X.value?.length||0)>1);function yt(){if(!vt.value){ft.value=0;return}let e=B.value;if(!e)return;let t=`#${On.value}`,n=e.querySelector?.(t);if(n&&typeof n.getTotalLength==`function`){let e=n.getTotalLength();Number.isFinite(e)&&e>0&&(ft.value=e);return}requestAnimationFrame(()=>{let n=e.querySelector?.(t);if(n&&typeof n.getTotalLength==`function`){let e=n.getTotalLength();Number.isFinite(e)&&e>0&&(ft.value=e)}})}let bt=h(()=>{let e=V.value?.easing||`ease-in-out`,t={ease:[.25,.1,.25,1],"ease-in":[.42,0,1,1],"ease-out":[0,0,.58,1],"ease-in-out":[.42,0,.58,1]};return e===`linear`?{calcMode:`linear`,keySplines:null,keyTimes:`0;1`}:e===`steps`?{calcMode:`discrete`,keySplines:null,keyTimes:`0;1`}:{calcMode:`spline`,keySplines:(e===`cubic-bezier`?Array.isArray(V.value?.cubicBezier)&&V.value.cubicBezier.length===4?V.value.cubicBezier:[.4,0,.2,1]:t[e]||t[`ease-in-out`]).join(` `),keyTimes:`0;1`}}),H=h(()=>{let e=V.value?.trail||{},t=N.value.strokeWidth||1;return{show:e.show!==!1,lengthPx:e.length,width:Math.max(1,Number(e.strokeWidth)||t*2.2),opacity:Math.min(1,Math.max(0,Number(e.opacity)??.6)),fadeIn:.5,fadeOut:.2}}),xt=x({start:0,end:null}),U=x(!1),Ct=x(!1),W=x(!1),tn=x(`matrix(1, 0, 0, 1, 0, 0)`),nn=x(!1),rn=0,an=0,on=0,sn=0,cn=x(null),G=x(null),ln=x(!1),un=x({time:0,x:0,y:0,pointerType:null}),dn=h(()=>{let e=z.value.length;if(!e)return{start:0,end:-1};let t=Math.min(Math.max(0,xt.value.start||0),e-1);return{start:t,end:Math.min(Math.max(t,xt.value.end==null?e-1:xt.value.end),e-1)}}),fn=h(()=>{let e=z.value.length;return e?dn.value.start>0||dn.value.end<e-1:!1}),pn=h(()=>{let{start:e,end:t}=dn.value;return t<e?[]:z.value.slice(e,t+1).map((t,n)=>({...t,__sourceIndex:e+n}))}),mn=h(()=>u({data:pn.value,threshold:j.value.downsample.threshold}));h(()=>{if(!j.value.temperatureColors.show)return!1;let e=pn.value.map(({value:e})=>e).filter(e=>Number.isFinite(e));return new Set(e).size<=1}),w(()=>T.config,e=>{R.value||(j.value=ut()),Mn(),q.value.chartWidth=I.value.chartWidth},{deep:!0}),w(()=>T.dataset,e=>{Array.isArray(e)&&e.length>0&&(lt.value=!1),Xn(),Wn(),un.value={time:0,x:0,y:0,pointerType:null},xt.value={start:0,end:null},Yn(),K.value=u({data:pn.value.map(e=>({...e,value:[void 0].includes(e.value)?null:e.value})),threshold:j.value.downsample.threshold});let t=Nn();J(`update:zoomState`,t),J(`zoomReset`,t)},{deep:!0});let K=x(hn());function hn(){return u({data:pn.value.map(e=>I.value.animation.show&&z.value.length>1?{...e,value:null}:{...e,value:[void 0].includes(e.value)?null:e.value}),threshold:j.value.downsample.threshold})}let gn=Ue(null),_n=Ue(null),vn=x(!1),yn=x(0),bn=x([]),xn=x(``),Sn=!1,Cn=h(()=>{let e=(mn.value||[]).map(e=>`${e.period}::${Number.isFinite(e.value)?e.value:0}`).join(`|`),t=j.value?.style?.animation||{},n=!!j.value?.gradientPath?.show&&!j.value.temperatureColors.show;return`${e}#${!!t.show}#${t.animationFrames||0}#${n}`});function wn(){Sn=!0,Tn()}function Tn(){yn.value&&=(cancelAnimationFrame(yn.value),0),bn.value.forEach(e=>clearTimeout(e)),bn.value=[],vn.value=!1}function En(){let e=j.value?.style?.animation||{},t=mn.value||[],n=Cn.value,r=!!j.value.gradientPath.show&&!j.value.temperatureColors.show;if(n&&n===xn.value&&(vn.value||K.value.length===t.length))return;if(Tn(),r||!e.show||R.value||t.length<=1||et.value){K.value=t,xn.value=n;return}vn.value=!0,xn.value=n,K.value=[];let i=Math.max(1,Number(e.animationFrames)||1),a=Math.max(1,Math.floor(i/t.length)),o=0,s=()=>{if(n!==Cn.value){Tn();return}if(o<t.length){K.value.push(t[o]);let e=setTimeout(()=>{yn.value=requestAnimationFrame(s)},a);bn.value.push(e),o+=1}else K.value=t,Tn()};yn.value=requestAnimationFrame(s)}w(Cn,()=>{if(Sn){Sn=!1,Tn(),K.value=mn.value||[],xn.value=Cn.value;return}En()}),Ve(()=>{Mn(),En()}),Be(()=>{Tn(),Wn()});let Dn=x(0);w(()=>R.value,async e=>{e||(await y(),Dn.value+=1)}),w(()=>vn.value,async e=>{e||R.value||(await y(),Dn.value+=1)});let On=h(()=>`sparkline_line_path_${E.value}`),kn=x(!0);async function An(){kn.value=!1,await y(),kn.value=!0,await y(),yt()}let jn=h(()=>j.value.debug);function Mn(){if(he(T.dataset)?(ie({componentName:`VueUiSparkline`,type:`dataset`,debug:jn.value}),lt.value=!0):jn.value&&T.dataset.forEach((e,t)=>{me({datasetObject:e,requiredAttributes:[`period`,`value`]}).forEach(e=>{ie({componentName:`VueUiSparkline`,type:`datasetSerieAttribute`,property:e,index:t})})}),he(T.dataset)||(lt.value=j.value.loading),j.value.responsive){let e=Te(()=>{let{width:e,height:t}=Ee({chart:rt.value,title:I.value.title.show&&T.showInfo?it.value:null,source:at.value});requestAnimationFrame(()=>{q.value.width=e,q.value.height=t,q.value.chartWidth=I.value.chartWidth/500*e,q.value.padding=T.forcedPadding/500*e})});gn.value&&(_n.value&&gn.value.unobserve(_n.value),gn.value.disconnect()),gn.value=new ResizeObserver(e),_n.value=rt.value.parentNode,gn.value.observe(_n.value)}}Be(()=>{gn.value&&(_n.value&&gn.value.unobserve(_n.value),gn.value.disconnect())});let q=x({height:80*T.heightRatio,width:500,chartWidth:I.value.chartWidth,padding:T.forcedPadding}),J=Je;function Nn(){if(!z.value.length)return{start:0,end:0};let{start:e,end:t}=dn.value;return{start:e,end:t+1}}function Pn(e,t=Nn()){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 Fn(e){let t=Pn(e);if(!t)return null;let n=z.value.length;if(!n)return{start:0,end:0};let r=Math.max(0,Math.min(Math.trunc(t.start),n-1));return{start:r,end:Math.max(r+1,Math.min(Math.trunc(t.end),n))}}function In(e,{skipAnimation:t=!0,transition:n=!1}={}){let r=Fn(e);if(!r)return null;let i=Nn();if(r.start!==i.start||r.end!==i.end){Xn(),un.value={time:0,x:0,y:0,pointerType:null};let e={start:r.start,end:r.end>r.start?r.end-1:r.start};n?Gn(e):(t&&wn(),xt.value=e),Yn()}return Nn()}function Ln(e){let t=In(e,{transition:!0});t&&J(`update:zoomState`,t)}w([()=>T.zoomState,()=>z.value.length],([e,t])=>{!e||t<=0||In(e,{transition:!0})},{deep:!0,immediate:!0});let Y=h(()=>{let{top:e,right:t,bottom:n,left:r}=I.value.padding;return{top:e,left:r,right:q.value.width-t,bottom:q.value.height-n,start:T.showInfo&&F.value.show&&F.value.position===`left`?q.value.width-q.value.chartWidth+r:q.value.padding+r,width:T.showInfo&&F.value.show?q.value.chartWidth-r-t:q.value.width-q.value.padding-r-t,height:q.value.height-e-n}});function Rn(e){let t=z.value.length;if(!t)return{start:0,end:-1};let n=Math.max(0,Math.min(Math.trunc(Number(e?.start)||0),t-1)),r=e?.end===null||e?.end===void 0?t-1:Math.trunc(Number(e.end));return{start:n,end:Math.max(n,Math.min(Number.isFinite(r)?r:n,t-1))}}function zn(e){let t=(e||[]).map(e=>{let t=e?.value;return isNaN(t)||[void 0,null,`NaN`,NaN,1/0,-1/0].includes(t)?0:t||0}),n=I.value.scaleMin,r=I.value.scaleMax,i=[null,void 0].includes(n)?t.length?Math.min(...t):0:n,a=[null,void 0].includes(r)?t.length?Math.max(...t):0:r,o=Math.abs(i>=0?0:i),s=a+o;return{absoluteMin:Number.isFinite(o)?o:0,absoluteMax:Number.isFinite(s)?s:0}}function Bn(e,t){let n=t.absoluteMax===0?0:(e+t.absoluteMin)/t.absoluteMax;return Y.value.bottom-Y.value.height*n}function Vn(e,t,n,r){let i=Math.max(1,e.end-e.start),a=Math.max(1,t.end-t.start),o=Y.value.start,s=Y.value.width,c=i/a,l=o+s*(e.start-t.start)/a-c*o,u=Bn(0,n),d=Bn(0,r),f=1;n.absoluteMax>0&&r.absoluteMax>0&&(f=n.absoluteMax/r.absoluteMax);let p=d-f*u;return`matrix(${c}, 0, 0, ${f}, ${l}, ${p})`}function Hn(e){if(!W.value||!e)return;let t=tn.value.match(/^matrix\(([-+\d.eE]+),\s*[-+\d.eE]+,\s*[-+\d.eE]+,\s*([-+\d.eE]+),\s*([-+\d.eE]+),\s*([-+\d.eE]+)\)$/);if(!t)return;let n=Number(t[1]),r=Number(t[2]),i=Number(t[3]),a=Number(t[4]);if([n,r,i,a].every(Number.isFinite))return{transform:`matrix(1, 0, 0, 1, ${(n-1)*e.x+i}, ${(r-1)*e.y+a})`,transformOrigin:`0 0`,transformBox:`view-box`,transition:nn.value?`transform ${en}ms cubic-bezier(0.4, 0, 0.2, 1)`:`none`,willChange:`transform`}}function Un(e){if(!W.value||!e)return;let t=tn.value.match(/^matrix\(([-+\d.eE]+),\s*[-+\d.eE]+,\s*[-+\d.eE]+,\s*[-+\d.eE]+,\s*([-+\d.eE]+),\s*[-+\d.eE]+\)$/);if(!t)return;let n=Number(t[1]),r=Number(t[2]);if([n,r].every(Number.isFinite))return{transform:`matrix(1, 0, 0, 1, ${(n-1)*e.x+r}, 0)`,transformOrigin:`0 0`,transformBox:`view-box`,transition:nn.value?`transform ${en}ms cubic-bezier(0.4, 0, 0.2, 1)`:`none`,willChange:`transform`}}function Wn({resetTransform:e=!0}={}){sn+=1,rn&&=(cancelAnimationFrame(rn),0),an&&=(cancelAnimationFrame(an),0),on&&=(clearTimeout(on),0),nn.value=!1,W.value=!1,e&&(tn.value=`matrix(1, 0, 0, 1, 0, 0)`)}async function Gn(e){let t=Rn(e),n={...dn.value};if(t.start===n.start&&t.end===n.end)return;Wn();let r=vn.value;r&&(Tn(),K.value=mn.value||[]);let i=zn(K.value);wn(),xt.value={start:t.start,end:t.end};let a=mn.value||[];if(r||!B.value||R.value||et.value||n.end<n.start||t.end<t.start||a.length<=1){K.value=a,xn.value=Cn.value,tn.value=`matrix(1, 0, 0, 1, 0, 0)`;return}let o=Vn(t,n,zn(a),i),s=++sn;W.value=!0,nn.value=!1,tn.value=o,K.value=a,xn.value=Cn.value,await y(),s===sn&&(rn=requestAnimationFrame(()=>{rn=0,an=requestAnimationFrame(()=>{an=0,s===sn&&(nn.value=!0,tn.value=`matrix(1, 0, 0, 1, 0, 0)`,on=setTimeout(async()=>{on=0,s===sn&&(nn.value=!1,W.value=!1,await An())},en))})}))}let Kn=h(()=>!U.value||cn.value==null||G.value==null?null:{x:Math.min(cn.value,G.value),width:Math.abs(G.value-cn.value),y:0,height:q.value.height});function qn(e){let t=B.value;if(!t)return null;let n=t.getScreenCTM?.();if(n&&typeof t.createSVGPoint==`function`){let r=t.createSVGPoint();return r.x=e.clientX,r.y=e.clientY,r.matrixTransform(n.inverse()).x}let r=t.getBoundingClientRect?.();return r?.width?(e.clientX-r.left)/r.width*q.value.width:null}function Jn(e){return Math.min(Math.max(e,Y.value.start),Y.value.start+Y.value.width)}function Yn(){A.value=k.value,k.value=void 0,O.value=null,D.value=null,J(`hoverIndex`,{index:void 0})}function Xn(e){e?.pointerId!=null&&B.value?.hasPointerCapture?.(e.pointerId)&&B.value.releasePointerCapture(e.pointerId),U.value=!1,cn.value=null,G.value=null}function Zn(e){(fn.value||U.value)&&(Xn(e),un.value={time:0,x:0,y:0,pointerType:null},Gn({start:0,end:Math.max(0,z.value.length-1)}),Yn(),J(`update:zoomState`,Nn()),J(`zoomReset`))}function Qn(e){(e.button===void 0||e.button===0)&&(e.preventDefault(),e.stopPropagation(),Zn())}function $n(e){e.detail===0&&Zn()}function er(e){if(!L.value.show)return;if(!fn.value||!e)return!1;let t=Date.now(),n=e.pointerType||`mouse`,r=un.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?(ln.value=!0,Zn(e),setTimeout(()=>{ln.value=!1},0),!0):(un.value={time:t,x:e.clientX,y:e.clientY,pointerType:n},!1)}function tr(e=B.value){Ct.value=!0,e?.classList?.add(`vue-ui-sparkline-pointer-focus`)}function nr(){Ct.value=!1,B.value?.classList?.remove(`vue-ui-sparkline-pointer-focus`)}function rr(e){if(e.button!==void 0&&e.button!==0||(tr(e.currentTarget),!L.value.show)||R.value||pn.value.length<2)return;let t=qn(e);if(t==null)return;let n=Y.value.start,r=n+Y.value.width;t<n||t>r||(B.value?.focus?.({preventScroll:!0}),U.value=!0,cn.value=Jn(t),G.value=Jn(t))}function ir(e){if(!L.value.show||!U.value)return;let t=qn(e);t!=null&&(G.value=Jn(t),cn.value!=null&&Math.abs(G.value-cn.value)>=2&&!B.value?.hasPointerCapture?.(e.pointerId)&&B.value?.setPointerCapture?.(e.pointerId))}function ar(e){if(!L.value.show||!U.value)return;let t=qn(e);t!=null&&(G.value=Jn(t));let n=cn.value,r=G.value;if((n==null||r==null?0:Math.abs(r-n))<Math.max(4,Y.value.width*.01)){if(er(e))return;Xn(e);return}let i=Math.min(n,r),a=Math.max(n,r),o=Math.max(1,Y.value.width),s=pn.value.length,c=(i-Y.value.start)/o,l=(a-Y.value.start)/o,u=Math.max(0,Math.min(s-1,Math.floor(c*(s-1)))),d=Math.max(u,Math.min(s-1,Math.ceil(l*(s-1))));if(d<=u){Xn(e);return}let f=dn.value.start+u,p=dn.value.start+d;Gn({start:f,end:p}),un.value={time:0,x:0,y:0,pointerType:null},Yn(),J(`zoom`,{start:f,end:p}),J(`update:zoomState`,{start:f,end:p+1}),ln.value=!0,setTimeout(()=>{ln.value=!1},0),Xn(e)}let or=h(()=>[null,void 0].includes(I.value.scaleMin)?Math.min(...K.value.map(e=>isNaN(e.value)||[void 0,null,`NaN`,NaN,1/0,-1/0].includes(e.value)?0:e.value||0)):I.value.scaleMin),sr=h(()=>[null,void 0].includes(I.value.scaleMax)?Math.max(...K.value.map(e=>isNaN(e.value)||[void 0,null,`NaN`,NaN,1/0,-1/0].includes(e.value)?0:e.value||0)):I.value.scaleMax),cr=h(()=>{let e=or.value>=0?0:or.value;return Math.abs(e)}),lr=h(()=>sr.value+cr.value),ur=h(()=>Y.value.bottom-Y.value.height*dr(cr.value));function dr(e){return isNaN(e/lr.value)?0:e/lr.value}let fr=h(()=>K.value.length-1||1),pr=x([]),mr=0;Ke(()=>{let e=++mr;(async()=>{let t=await ve({values:mn.value.map(e=>e.period),maxDatapoints:mn.value.length,formatter:F.value.datetimeFormatter,start:0,end:mn.value.length});e===mr&&(pr.value=t)})()});let X=h(()=>{let e=K.value.length,t=Y.value.width/fr.value,n=Math.max(0,Y.value.start),r=Math.min(q.value.width,Y.value.right,Y.value.start+Y.value.width),i=Math.max(0,r-n),a=e>0?i/e:0;return K.value.map((e,r)=>{let i=isNaN(e.value)||[void 0,`NaN`,NaN,1/0,-1/0].includes(e.value)?0:e.value,o=n+r*a,s=Z.value?a:t,c=Z.value?o+a/2:Y.value.start+r*t;return{value:e.value,absoluteValue:i,period:pr.value&&pr.value[r]&&pr.value[r].text?pr.value[r].text:e.period,plotValue:i+cr.value,toMax:dr(i+cr.value),sourceIndex:e.__sourceIndex??r,x:c,barX:o,y:Y.value.bottom-Y.value.height*dr(i+cr.value),id:`plot_${E.value}_${r}`,color:Z.value?ot.value.color:P.value.useGradient?re(N.value.color,.05*(1-r/fr.value)):N.value.color,width:s}})}),hr=h(()=>{if(T.selectedIndex!==void 0&&T.selectedIndex!==null&&T.selectedIndex>=0&&T.selectedIndex<z.value.length){let e=X.value.findIndex(e=>e.sourceIndex===T.selectedIndex);return e>=0?e:null}return O.value!==void 0&&O.value!==null&&O.value>=0&&O.value<X.value.length?O.value:null});function gr(e,t){return Number.isFinite(e?.sourceIndex)?e.sourceIndex:t}function _r(e,t){let n=gr(e,t);j.value.events.datapointEnter&&j.value.events.datapointEnter({datapoint:e,seriesIndex:n}),O.value=t,D.value=t,k.value=e,A.value||=e,J(`hoverIndex`,{index:n})}function vr(e,t){let n=gr(e,t);j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:e,seriesIndex:n}),A.value=k.value,k.value=void 0,O.value=null,D.value=null,J(`hoverIndex`,{index:void 0})}let yr=h(()=>{if(tt.value){let e=X.value.map(e=>e.absoluteValue),t=e.reduce((e,t)=>e+t,0);return{latest:X.value[X.value.length-1]?X.value[X.value.length-1].absoluteValue:0,sum:t,average:t/X.value.length,median:de(e),trend:ae(X.value.map(({x:e,y:t,absoluteValue:n})=>({x:e,y:t,value:n}))).trend}}return{latest:null,sum:null,average:null,median:null,trend:null}}),br=h(()=>tt.value?F.value.valueType===`latest`?yr.value.latest:F.value.valueType===`sum`?yr.value.sum:F.value.valueType===`average`?yr.value.average:0:0),Z=h(()=>j.value.type&&j.value.type===`bar`);function xr(e,t){if(ln.value)return;let n=gr(e,t);j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:e,seriesIndex:n}),J(`selectDatapoint`,{datapoint:e,index:n})}let Q=h(()=>N.value.cutNullValues);function Sr(e){return![null,void 0,`NaN`,NaN,1/0,-1/0].includes(e)}function Cr(e,t){let n=e[t-1],r=e[t+1],i=!!n&&!!r&&n.value==null&&r.value==null||!n&&!!r&&r.value==null||!!n&&!r&&n.value==null;return Sr(e[t]?.value)&&i&&Q.value}function wr(e,t){return k.value&&e.id===k.value.id||hr.value===t||z.value.length===1}function Tr(e,t){return Z.value||!Sr(e?.value)?!1:I.value.plot.show&&wr(e,t)||Cr(X.value,t)}function Er(e,t){return Math.max(1,wr(e,t)?I.value.plot.radius:I.value.plot.radius*.7)}function Dr(e,t){return wr(e,t)?I.value.plot.stroke:I.value.backgroundColor}let Or=h(()=>Q.value?X.value:X.value.filter(e=>e.value!==null)),kr=h(()=>Array.isArray(N.value.dashIndices)?N.value.dashIndices.map(e=>Math.trunc(Number(e))).filter(Number.isFinite):[]),Ar=h(()=>new Set(kr.value));function jr(e,t){let n=e?.sourceIndex,r=t?.sourceIndex;if(!Number.isFinite(n)||!Number.isFinite(r))return!1;let i=Math.min(n,r),a=Math.max(n,r);for(let e of kr.value)if(e>=i&&e<=a)return!0;return!1}function Mr(e){let t=/* @__PURE__ */ new Set;for(let n=1;n<e.length;n+=1)jr(e[n-1],e[n])&&t.add(n-1);return t}function Nr(e){let t=/* @__PURE__ */ new Set;if(Q.value||!N.value.nullDashes?.show)return t;for(let n=1;n<e.length;n+=1){let r=e[n-1]?.sourceIndex,i=e[n]?.sourceIndex;Number.isFinite(r)&&Number.isFinite(i)&&Math.abs(i-r)>1&&t.add(n-1)}return t}let Pr=h(()=>Q.value?/* @__PURE__ */ new Set:Mr(Or.value)),Fr=h(()=>Nr(Or.value)),Ir=h(()=>/* @__PURE__ */ new Set([...Pr.value,...Fr.value])),Lr=h(()=>Q.value?X.value.reduce((e,t,n)=>(Ar.value.has(t.sourceIndex)&&e.push(n),e),[]):[]),Rr=h(()=>Q.value?Lr.value.length>0:Ir.value.size>0),zr=h(()=>X.value.filter(e=>e.value!==null)),Br=h(()=>zr.value.length>1),Vr=h(()=>Z.value||!Br.value?``:Q.value?a(X.value):d(Or.value)),Hr=h(()=>Z.value||!Br.value?``:Q.value?te(X.value):ee(Or.value)),Ur=h(()=>Z.value||!Rr.value||!Br.value?[]:Q.value?c(X.value,Lr.value):f(Or.value,Ir.value)),Wr=h(()=>Z.value||!Rr.value||!Br.value?[]:Q.value?i(X.value,Lr.value):s(Or.value,Ir.value)),Gr=h(()=>Z.value||!P.value.show||!Br.value?[]:N.value.smooth?l(Or.value,Y.value.bottom,Q.value).filter(Boolean):(Q.value?n(X.value,Y.value.bottom):le(Or.value,Y.value.bottom)).split(`;`).filter(Boolean).map(e=>`M${e}Z`)),Kr=h(()=>Z.value||!j.value.gradientPath.show||j.value.temperatureColors.show?``:`M ${(N.value.smooth?Vr.value:Hr.value)||`0,0`}`),qr=h(()=>{if(!j.value.temperatureColors.show)return null;let e=j.value.temperatureColors.colors;return!Array.isArray(e)||!e.length?null:e.map(e=>p(e))}),$=h(()=>{if(!j.value.temperatureColors.show)return null;let e=j.value.temperatureColors.colors;return!Array.isArray(e)||!e.length?null:e.map(e=>p(e))});function Jr(e){if(!Number.isFinite(e?.y))return 0;let t=Y.value.height||1,n=(e.y-Y.value.top)/t;return Math.min(1,Math.max(0,n))}function Yr(e){let t=qr.value;return!Array.isArray(t)||!t.length?e.color:r({colors:t,ratio:Jr(e)})}w(()=>[vt.value,On.value,X.value.length,q.value.width,q.value.height,j.value?.style?.line?.smooth],async()=>{await y(),yt()},{immediate:!0}),Ve(async()=>{await y(),yt()}),w(()=>R.value,async e=>{e||await An()}),w(()=>vn.value,async e=>{e||R.value||await An()}),w([()=>T.selectedIndex,()=>X.value],([e],[t])=>{if(e==null){if(t!=null){O.value=null,D.value=null,k.value=void 0;return}let e=k.value?.sourceIndex;if(e==null)return;let n=X.value.findIndex(t=>t.sourceIndex===e);if(n<0){O.value=null,D.value=null,k.value=void 0;return}O.value=n,D.value=n,k.value=X.value[n];return}if(e<0||e>=z.value.length)return;let n=X.value.findIndex(t=>t.sourceIndex===e);if(n<0){O.value=null,D.value=null,k.value=void 0;return}let r=X.value[n];r&&(O.value=n,D.value=n,k.value=r)});let Xr=x(!1);function Zr(){let e=hr.value;if(e!==null&&e>=0&&e<X.value.length){let t=X.value[e];if(t){D.value=e,k.value=t,O.value=e,Xr.value=!0;return}}D.value=null,!k.value&&X.value.length&&_r(X.value.at(-1),X.value.length-1),Xr.value=!0}function Qr(){nr(),A.value=k.value,(T.selectedIndex===void 0||T.selectedIndex===null)&&(D.value=null,k.value=void 0,O.value=null,J(`hoverIndex`,{index:void 0})),Xr.value=!1}we({resetZoom:Zn,setZoomState:Ln});function $r(e){if(!B.value||document.activeElement!==B.value)return;if(nr(),A.value=k.value,e.key===`Escape`){(fn.value||U.value)&&(e.preventDefault(),e.stopPropagation(),Zn());return}let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`;if(!t&&!n)return;let r=X.value.length;if(!r)return;e.preventDefault(),e.stopPropagation();let i=D.value,a=i!==null&&i>=0&&i<r,o=k.value?X.value.findIndex(e=>e.id===k.value.id):-1;a?n?(i+=1,i>=r&&(i=0)):t&&(--i,i<0&&(i=r-1)):o!==null&&o>=0&&o<r?(i=n?o+1:o-1,i>=r&&(i=0),i<0&&(i=r-1)):i=n?0:r-1;let s=X.value[i];s&&(D.value=i,_r(s,i))}let ei=h(()=>({headers:[j.value.translations.period,j.value.translations.value],rows:X.value.map(e=>[e.period,e.absoluteValue])}));return(n,r)=>(b(),_(`div`,{ref_key:`sparklineChart`,ref:rt,class:`vue-data-ui-component vue-ui-sparkline`,id:E.value,style:ze(`width:100%;font-family:${I.value.fontFamily};`)},[v(`p`,{id:`chart-instructions-${E.value}`,class:`sr-only`},We(j.value.a11y.translations.keyboardNavigation),9,Tt),ei.value?.rows?.length?(b(),Me(Oe,{key:0,uid:E.value,head:ei.value.headers,body:ei.value.rows,notice:j.value.a11y.translations.tableAvailable,caption:j.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):g(``,!0),He(n.$slots,`before`,Re(Ie({selected:k.value,latest:yr.value.latest,sum:yr.value.sum,average:yr.value.average,median:yr.value.median,trend:yr.value.trend})),void 0,!0),I.value.title.show&&e.showInfo?(b(),_(`div`,{key:1,ref_key:`chartTitle`,ref:it,class:`vue-ui-sparkline-title`,style:ze(`display:flex;align-items:center;width:100%;color:${I.value.title.color};background:${I.value.backgroundColor};justify-content:${I.value.title.textAlign===`left`?`flex-start`:I.value.title.textAlign===`right`?`flex-end`:`center`};height:${I.value.title.fontSize*2}px;font-size:${I.value.title.fontSize}px;font-weight:${I.value.title.bold?`bold`:`normal`};`)},[v(`span`,{style:ze(`padding:${I.value.title.textAlign===`left`?`0 0 0 12px`:I.value.title.textAlign===`right`?`0 12px 0 0`:`0`}`)},We(k.value?k.value.period:I.value.title.text),5)],4)):g(``,!0),v(`div`,Et,[(b(),_(`svg`,{ref_key:`svgRef`,ref:B,class:Le({"vue-ui-sparkline-pointer-focus":Ct.value}),xmlns:C(pe),viewBox:`0 0 ${q.value.width} ${q.value.height}`,style:ze({background:I.value.backgroundColor,overflow:`visible`,direction:`ltr`,cursor:L.value.show?U.value?`col-resize`:`crosshair`:`default`,touchAction:`pan-y`,userSelect:`none`}),tabindex:`0`,"aria-describedby":`chart-instructions-${E.value}`,"aria-keyshortcuts":`Escape`,onMouseleave:r[0]||=e=>A.value=void 0,onFocus:Zr,onBlur:Qr,onKeydown:$r,onPointerdown:rr,onPointermove:ir,onPointerup:ar,onPointercancel:Xn},[Pe(C(Ye)),n.$slots[`chart-background`]?(b(),_(`foreignObject`,{key:0,x:0,y:0,width:q.value.width<=0?10:q.value.width,height:q.value.height<=0?10:q.value.height,style:{pointerEvents:`none`}},[He(n.$slots,`chart-background`,{},void 0,!0)],8,Ot)):g(``,!0),v(`defs`,null,[Pe(De,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`sparkline_gradient_${E.value}`,stops:[[`0%`,C(o)(C(re)(P.value.color,.05),P.value.opacity),1],[`100%`,C(o)(P.value.color,P.value.opacity),1]]},null,8,[`id`,`stops`]),Pe(De,{t:`linear`,x2:`0%`,y2:`100%`,id:`sparkline_bar_gradient_pos_${E.value}`,stops:[[`0%`,ot.value.color,1],[`100%`,C(re)(ot.value.color,.05),1]]},null,8,[`id`,`stops`]),Pe(De,{t:`linear`,x2:`0%`,y2:`100%`,id:`sparkline_bar_gradient_neg_${E.value}`,stops:[[`0%`,C(re)(ot.value.color,.05),1],[`100%`,ot.value.color,1]]},null,8,[`id`,`stops`]),v(`filter`,{id:`sparkline_pulse_glow_${E.value}`,filterUnits:`userSpaceOnUse`,x:`-50`,y:`-50`,width:`100`,height:`100`},[...r[1]||=[v(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:`3`,result:`blur`},null,-1),v(`feMerge`,null,[v(`feMergeNode`,{in:`blur`}),v(`feMergeNode`,{in:`SourceGraphic`})],-1)]],8,kt),j.value.temperatureColors.show&&$.value?(b(),_(`linearGradient`,{key:0,id:`temperature_grad_sparkline_${E.value}`,gradientUnits:`userSpaceOnUse`,x1:`0`,x2:`0`,y1:Y.value.top,y2:Y.value.bottom},[(b(!0),_(m,null,S($.value,(e,t)=>(b(),_(`stop`,{key:`temperature_grad_stop_${t}_${E.value}`,"stop-color":e,offset:$.value.length===1?`0%`:C(fe)(t,$.value.length)},null,8,jt))),128))],8,At)):g(``,!0),v(`clipPath`,{id:`sparkline_zoom_clip_${E.value}`},[v(`rect`,{x:Y.value.start-4,y:Y.value.top-8,width:Y.value.width+8,height:Y.value.height+16},null,8,Nt)],8,Mt)]),v(`g`,{"clip-path":W.value?`url(#sparkline_zoom_clip_${E.value})`:void 0},[v(`g`,{style:ze({transform:tn.value,transformOrigin:`0 0`,transformBox:`view-box`,transition:nn.value?`transform ${en}ms cubic-bezier(0.4, 0, 0.2, 1)`:`none`,willChange:W.value?`transform`:void 0})},[P.value.show&&!Z.value&&Gr.value.length?(b(),_(`g`,Ft,[(b(!0),_(m,null,S(Gr.value,(e,t)=>(b(),_(`path`,{key:`sparkline_area_${t}_${E.value}`,class:`vue-ui-sparkline-area`,"data-cy":N.value.smooth?`sparkline-smooth-area`:`sparkline-angle-area`,d:e,fill:P.value.useGradient?`url(#sparkline_gradient_${E.value})`:C(o)(P.value.color,P.value.opacity),"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,It))),128))])):g(``,!0),N.value.smooth&&!Z.value?(b(),_(m,{key:1},[v(`path`,{id:On.value,d:`M ${Vr.value||`0,0`}`,fill:`none`,stroke:`transparent`,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Lt),Rr.value?(b(!0),_(m,{key:0},S(Ur.value,e=>(b(),_(`path`,{key:e.path,class:`vue-ui-sparkline-path`,d:`M ${e.path}`,stroke:$.value?`url(#temperature_grad_sparkline_${E.value})`:N.value.color,fill:`none`,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-dasharray":e.dashed?N.value.dashArray:0},null,8,Rt))),128)):(b(),_(`path`,{key:1,class:`vue-ui-sparkline-path`,d:`M ${Vr.value||`0,0`}`,stroke:$.value?`url(#temperature_grad_sparkline_${E.value})`:N.value.color,fill:`none`,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,zt))],64)):g(``,!0),!N.value.smooth&&!Z.value?(b(),_(m,{key:2},[v(`path`,{id:On.value,d:`M ${Hr.value||`0,0`}`,fill:`none`,stroke:`transparent`,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Bt),Rr.value?(b(!0),_(m,{key:0},S(Wr.value,e=>(b(),_(`path`,{key:e.path,class:`vue-ui-sparkline-path`,d:`M ${e.path}`,stroke:$.value?`url(#temperature_grad_sparkline_${E.value})`:N.value.color,fill:`none`,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-dasharray":e.dashed?N.value.dashArray*2:0},null,8,Vt))),128)):(b(),_(`path`,{key:1,class:`vue-ui-sparkline-path`,d:`M ${Hr.value||`0,0`}`,stroke:$.value?`url(#temperature_grad_sparkline_${E.value})`:N.value.color,fill:`none`,"stroke-width":N.value.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,Ht))],64)):g(``,!0),Kr.value&&!$.value?(b(),Me(St,{key:3,svgPathData:Kr.value,enabled:j.value.gradientPath.show&&!Z.value&&!$.value,strokeWidth:N.value.strokeWidth,highColor:j.value.gradientPath.colors.high,lowColor:j.value.gradientPath.colors.low,segments:j.value.gradientPath.segments},null,8,[`svgPathData`,`enabled`,`strokeWidth`,`highColor`,`lowColor`,`segments`])):g(``,!0),kn.value&&vt.value?(b(),Me(nt,{key:4,uid:E.value,svgRef:C(B),pulsePathId:On.value,pulsePathLength:ft.value,pulseDur:dt.value,pulseBegin:pt.value,pulseRepeatCount:ht.value,pulseFillMode:gt.value,pulseKeyPoints:mt.value,pulseMotion:bt.value,pulse:V.value,pulseTrail:H.value,pulseTrailLength:_t.value,prefersReducedMotion:C(et),loading:C(R),isBar:Z.value},null,8,[`uid`,`svgRef`,`pulsePathId`,`pulsePathLength`,`pulseDur`,`pulseBegin`,`pulseRepeatCount`,`pulseFillMode`,`pulseKeyPoints`,`pulseMotion`,`pulse`,`pulseTrail`,`pulseTrailLength`,`prefersReducedMotion`,`loading`,`isBar`])):g(``,!0),(b(!0),_(m,null,S(X.value,(e,t)=>(b(),_(`g`,null,[Z.value?(b(),_(`rect`,{key:0,x:e.barX,y:isNaN(e.absoluteValue>0?e.y:ur.value)?0:e.absoluteValue>0?e.y:ur.value,width:e.width,height:isNaN(Math.abs(e.y-ur.value))?0:Math.abs(e.y-ur.value),fill:e.absoluteValue>0?`url(#sparkline_bar_gradient_pos_${E.value})`:`url(#sparkline_bar_gradient_neg_${E.value})`,rx:ot.value.borderRadius},null,8,Ut)):g(``,!0)]))),256)),or.value<0?(b(),_(`line`,{key:5,x1:Y.value.start,x2:Y.value.start+Y.value.width,y1:C(oe)(ur.value,Y.value.bottom),y2:C(oe)(ur.value,Y.value.bottom),stroke:I.value.zeroLine.color,"stroke-dasharray":I.value.zeroLine.strokeWidth*2,"stroke-width":I.value.zeroLine.strokeWidth,"stroke-linecap":`round`},null,8,Wt)):g(``,!0)],4),(b(!0),_(m,null,S(X.value,(e,t)=>(b(),_(`g`,{key:`sparkline_indicator_${e.id}`,style:ze(Un(e))},[I.value.verticalIndicator.show&&(k.value&&e.id===k.value.id||hr.value===t)?(b(),_(`line`,{key:0,x1:e.x,x2:e.x,y1:Y.value.top-6,y2:Y.value.bottom,stroke:I.value.verticalIndicator.color||e.color,"stroke-width":I.value.verticalIndicator.strokeWidth,"stroke-linecap":`round`,"stroke-dasharray":I.value.verticalIndicator.strokeDasharray||0},null,8,Gt)):g(``,!0)],4))),128)),(b(!0),_(m,null,S(X.value,(e,t)=>(b(),_(`g`,{key:`sparkline_plot_${e.id}`,style:ze(Hn(e))},[Tr(e,t)?(b(),_(`circle`,{key:0,cx:e.x,cy:e.y,r:Er(e,t),fill:Yr(e),stroke:Dr(e,t),"stroke-width":I.value.plot.strokeWidth},null,8,Kt)):g(``,!0)],4))),128))],8,Pt),e.showInfo&&F.value.show?(b(),_(`text`,{key:1,x:F.value.position===`left`?12+F.value.offsetX:Y.value.width+12+F.value.offsetX,y:q.value.height/2+F.value.fontSize/2.5+F.value.offsetY,"font-size":F.value.fontSize,"font-weight":F.value.bold?`bold`:`normal`,fill:F.value.color},We(k.value?C(se)(F.value.formatter,k.value.absoluteValue,C(t)({p:F.value.prefix,v:k.value.absoluteValue,s:F.value.suffix,r:F.value.roundingValue}),{datapoint:k.value}):C(se)(F.value.formatter,br.value,C(t)({p:F.value.prefix,v:br.value,s:F.value.suffix,r:F.value.roundingValue}))),9,qt)):g(``,!0),Kn.value?(b(),_(`rect`,{key:2,x:Kn.value.x,y:Kn.value.y,width:Kn.value.width,height:Kn.value.height,fill:L.value.selection.fill,"fill-opacity":L.value.selection.fillOpacity,stroke:L.value.selection.stroke,"stroke-opacity":L.value.selection.strokeOpacity,"stroke-width":L.value.selection.strokeWidth,"stroke-dasharray":L.value.selection.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,"pointer-events":`none`},null,8,Jt)):g(``,!0),(b(!0),_(m,null,S(X.value,(e,t)=>(b(),_(`rect`,{x:Z.value?e.barX:e.x-(Y.value.width/(fr.value+1)>q.value.padding?q.value.padding:Y.value.width/(fr.value+1))/2,y:Y.value.top-6,height:Y.value.height+6,width:Z.value?e.width:Y.value.width/(fr.value+1)>q.value.padding?q.value.padding:Y.value.width/(fr.value+1),fill:`transparent`,onMouseenter:()=>_r(e,t),onMouseleave:()=>vr(e,t),onClick:()=>xr(e,t)},null,40,Yt))),256)),He(n.$slots,`svg`,{svg:{...q.value,drawingArea:Y.value,timeLabels:pr.value,series:X.value,hoveredIndex:D.value,isZoomed:fn.value,zoomRange:dn.value}},void 0,!0)],46,Dt)),fn.value&&L.value.resetButton.show?(b(),_(`button`,{key:0,type:`button`,class:`vue-ui-sparkline-reset-zoom`,title:L.value.resetButton.title,"aria-label":L.value.resetButton.ariaLabel,style:ze({cursor:j.value.useCursorPointer?`pointer`:`default`}),onPointerdown:Qn,onClick:$n},[(b(),_(`svg`,Zt,[v(`path`,{d:`M2 10a1 1 0 0 0 15 0c0-5-5-8-10-6l3-3M7 4l3 3`,stroke:L.value.resetButton.color,fill:`none`,"stroke-width":`2.5`,"stroke-linecap":`round`},null,8,Qt)]))],44,Xt)):g(``,!0),n.$slots.hint?(b(),_(`div`,$t,[He(n.$slots,`hint`,Re(Ie({hint:j.value.a11y.translations.keyboardNavigation,isVisible:Xr.value})),void 0,!0)])):g(``,!0)]),k.value&&M.value.show?(b(),Me(C(Xe),{key:2,x:k.value.x,y:k.value.y,prevX:A.value.x,prevY:A.value.y,offsetY:I.value.plot.radius*3+M.value.offsetY,svgRef:C(B),background:M.value.backgroundColor,color:M.value.color,fontSize:M.value.fontSize,borderWidth:M.value.borderWidth,borderColor:M.value.borderColor,borderRadius:M.value.borderRadius,backgroundOpacity:M.value.backgroundOpacity},{default:qe(()=>[He(n.$slots,`tooltip`,Re(Ie({...k.value})),()=>[Ne(We(k.value.period)+`: `+We(C(se)(F.value.formatter,k.value.absoluteValue,C(t)({p:F.value.prefix,v:k.value.absoluteValue,s:F.value.suffix,r:F.value.roundingValue}),{datapoint:k.value})),1)],!0)]),_:3},8,[`x`,`y`,`prevX`,`prevY`,`offsetY`,`svgRef`,`background`,`color`,`fontSize`,`borderWidth`,`borderColor`,`borderRadius`,`backgroundOpacity`])):g(``,!0),n.$slots.source?(b(),_(`div`,{key:3,ref_key:`source`,ref:at,dir:`auto`},[He(n.$slots,`source`,{},void 0,!0)],512)):g(``,!0),He(n.$slots,`skeleton`,{},()=>[C(R)?(b(),Me(xe,{key:0})):g(``,!0)],!0)],12,wt))}},[[`__scopeId`,`data-v-bad1b3bd`]]);export{Ct as n,W as t};