vue-data-ui 3.27.1 → 3.28.0

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

@@ -1 +0,0 @@
-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-CV_IANZ6.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-CB186vF2.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-CdkxOy58.js`).then(e=>e.t)),Xe=Fe(()=>import(`./SparkTooltip-C5JMcBXT.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};

package/dist/vue-ui-sparkstackbar-ZN8LXzoV.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Dt as n,Ht as r,Jt as i,Qt as a,S as o,X as s,Yt as c,at as ee,i as te,in as ne,t as re,w as ie,yt as ae,zt as oe}from"./lib-CV_IANZ6.js";import{n as se,t as ce}from"./useHints-BH9r_0Vd.js";import{t as le}from"./useConfig-CKdzPrcf.js";import{n as ue,t as de}from"./BaseScanner-8NdoBs7B.js";import{t as fe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as pe}from"./DefGrad-DKMq1REY.js";import{t as me}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as he}from"./A11yDataTable-DWNlWXzs.js";import{n as ge}from"./resolveChartConfig-DZg-korK.js";import{t as _e}from"./useChartAccessibility-DOMuYJfm.js";import{t as ve}from"./usePrefersMotion-XLHwega2.js";import{t as ye}from"./vue_ui_sparkstackbar-Chtog7hC.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createVNode as be,defineAsyncComponent as xe,guardReactiveProps as h,normalizeClass as g,normalizeProps as _,normalizeStyle as v,onMounted as Se,openBlock as y,ref as b,renderList as x,renderSlot as S,toDisplayString as C,toRefs as Ce,unref as w,useSlots as we,watch as Te,withCtx as Ee}from"vue";var De=/* @__PURE__ */ e({default:()=>qe}),Oe=[`id`],ke={style:{position:`relative`}},Ae=[`xmlns`,`viewBox`,`aria-describedby`],je=[`id`],Me=[`width`,`height`,`rx`],Ne=[`clip-path`],Pe=[`x`,`width`,`height`,`fill`],Fe=[`x`,`width`,`height`,`fill`],Ie=[`x`,`height`,`fill`],Le=[`x`,`width`,`height`,`onClick`,`onMouseenter`,`onMouseleave`],Re=[`width`,`height`,`rx`,`stroke`],ze=[`width`,`height`,`rx`],Be={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ve=[`aria-pressed`,`aria-label`,`onClick`,`onFocus`,`onKeydown`],He={style:{display:`flex`,"flex-direction":`row`,"align-items":`center`,gap:`4px`,"justify-content":`center`}},Ue=[`height`,`width`],We=[`rx`,`fill`],Ge=[`rx`,`fill`],Ke={key:3,ref:`source`,dir:`auto`},qe=/*#__PURE__*/ fe({__name:`vue-ui-sparkstackbar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`,`selectLegend`],setup(e,{expose:fe,emit:De}){let qe=xe(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Je=xe(()=>import(`./Tooltip-Cus2-XNQ.js`)),{vue_ui_sparkstackbar:Ye}=le(),Xe=ve(),Ze=we(),T=e,Qe=b(null),E=b(s()),D=b(!1),$e=b(``),O=b(null),k=b(!1),A=b(null),et=b({x:0,y:0}),j=b(`pointer`),tt=b(!1),M=b(null),nt=b([]),N=b(ot()),P=u(()=>N.value.style.bar),F=u(()=>N.value.style.legend),I=u(()=>N.value.style.tooltip),L=u(()=>N.value.style),rt=u(()=>N.value.debug);Se(()=>{Ze[`chart-background`]&&rt.value&&console.warn(`VueUiSparkStackbar does not support the #chart-background slot.`)}),se({config:()=>N.value,dataset:()=>T.dataset,component:`VueUiSparkStackbar`,rules:[ce.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series is > 6. Consider:`,``,`▶️ Grouping small values dynamically into a single "Other" series.`,``,`▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read.`]}]});let it=u(()=>N.value.useCursorPointer),at=u(()=>ne({defaultConfig:{style:{backgroundColor:`#99999930`,animation:{show:!1},bar:{gradient:{inderlayerColor:`#6A6A6A`}},title:{backgroundColor:`transparent`}}},userConfig:N.value.skeletonConfig??{}})),{loading:R,FINAL_DATASET:z}=ue({...Ce(T),FINAL_CONFIG:N,prepareConfig:ot,skeletonDataset:T.config?.skeletonDataset??[{name:`_`,value:8,color:`#808080`},{name:`_`,value:5,color:`#ADADAD`},{name:`_`,value:3,color:`#DBDBDB`}],skeletonConfig:ne({defaultConfig:N.value,userConfig:at.value})}),{svgRef:B}=_e({config:L.value.title});function ot(){return ge(T.config,Ye,ye)}let st=a(T.config);Te(()=>T.config,(e,t)=>{let n=a(e),r=n!==st;st=n;let i=ot();if(!r){N.value.style.tooltip=i.style.tooltip;return}N.value=i,lt()},{deep:!0}),Te(()=>z.value,e=>{H.value=z.value.map((e,t)=>({...e,color:e.color?o(e.color):V.value[t]||r[t]||r[t%r.length]})),ct()},{deep:!0});let V=u(()=>ie(N.value.customPalette)),H=b(z.value.map((e,t)=>({...e,value:L.value.animation.show?0:e.value||0,color:e.color?o(e.color):V.value[t]||r[t]||r[t%r.length]}))),U=b(!0);function ct(){if(!L.value.animation.show||Xe.value){U.value=!1;return}let e=L.value.animation.animationFrames,t=z.value.map(e=>e.value||0),n=t.map(t=>t/e),i=t.reduce((e,t)=>e+t,0),a=0;U.value=!0,H.value=z.value.map((e,t)=>({...e,value:0,color:e.color?o(e.color):V.value[t]||r[t]||r[t%r.length]}));function c(){a+=i/e,a<i?(H.value=H.value.map((e,i)=>({...e,value:Math.min(e.value+n[i],t[i]),color:e.color?o(e.color):V.value[i]||r[i]||r[i%r.length]})),requestAnimationFrame(c)):(U.value=!1,H.value=z.value.map((e,n)=>({...e,value:t[n],color:e.color?o(e.color):V.value[n]||r[n]||r[n%r.length],id:s()})))}c()}Se(()=>{lt()});function lt(){oe(T.dataset)?ee({componentName:`VueUiSparkStackbar`,type:`dataset`,debug:rt.value}):rt.value&&T.dataset.forEach((e,t)=>{ae({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{ee({componentName:`VueUiSparkStackbar`,type:`datasetSerieAttribute`,property:e,index:t})})}),ct()}let W=b({width:500,height:16}),G=b([]),ut=u(()=>z.value.map(e=>e.value||0).filter((e,t)=>!G.value.includes(t)).reduce((e,t)=>e+t,0)),K=u(()=>H.value.map((e,n)=>{let i=e.value||0,a=i/ut.value,s=isNaN(a)?0:a,c=s*W.value.width;return{...e,color:o(z.value[n]?.color?z.value[n]?.color:V.value[n]||r[n]||r[n%r.length]),value:i,proportion:s,width:c,seriesIndex:n,proportionLabel:t({v:s*100,s:`%`,r:F.value.percentage.rounding})}})),q=u(()=>K.value.filter((e,t)=>!G.value.includes(t)));function dt(){D.value=!1,M.value=null,A.value=null,j.value=`pointer`}function ft(){dt(),G.value.length?G.value=[]:K.value.forEach((e,t)=>{G.value.push(t)}),_t(`selectLegend`,q.value)}function J(e){dt(),G.value.includes(e)?G.value=G.value.filter(t=>t!==e):G.value.length<H.value.length-1&&G.value.push(e),_t(`selectLegend`,q.value)}function pt(e){return K.value.length?K.value.find(t=>t.name===e)||(N.value.debug&&console.warn(`VueUiSparkStackbar - Series name not found "${e}"`),null):(N.value.debug&&console.warn(`VueUiSparkStackbar - There are no series to show.`),null)}function mt(e){let t=pt(e);t!==null&&G.value.includes(t.id)&&J(t.seriesIndex)}function ht(e){let t=pt(e);t!==null&&(G.value.includes(t.id)||J(t.seriesIndex))}let Y=u(()=>{let e=0,t=[];for(let n=0;n<q.value.length;n+=1)t.push({...q.value[n],start:e}),e+=q.value[n].width;return t}),gt=u(()=>{let e=Y.value.reduce((e,t)=>e+t.width,0);return Math.min(Math.max(e,0),W.value.width)}),_t=De;function X(e,t,n=!1){_t(`selectDatapoint`,{datapoint:e,index:t}),N.value.events.datapointClick&&!n&&N.value.events.datapointClick({datapoint:e,seriesIndex:e.seriesIndex})}function vt({datapoint:e,seriesIndex:t}){D.value=!1,M.value=null,A.value=null,j.value=`pointer`,N.value.events.datapointLeave&&N.value.events.datapointLeave({datapoint:e,seriesIndex:e.seriesIndex})}function yt({datapoint:e,seriesIndex:r,triggerMode:a=`pointer`}){if(k.value=!1,N.value.events.datapointEnter&&N.value.events.datapointEnter({datapoint:e,seriesIndex:e.seriesIndex}),!I.value.show)return;j.value=a,O.value={datapoint:e,seriesIndex:r,config:N.value,series:K.value},D.value=!0,M.value=e.seriesIndex;let o=I.value.customFormat;if(n(o))try{let t=o({seriesIndex:e.seriesIndex,datapoint:e,series:K.value,config:N.value});typeof t==`string`&&($e.value=t,k.value=!0)}catch{console.warn(`Custom format cannot be applied.`),k.value=!1}if(!k.value){let n=``,a=P.value.gradient.show,o=`tooltip_grad_${r}_${E.value}`,s=i(c(e.color,.05),100-P.value.gradient.intensity),ee=a?`<rect x="0" y="0" width="10" height="10" rx="${Z.value}" fill="${P.value.gradient.underlayerColor}"/>`:``,ne=a?`<defs><radialGradient id="${o}"><stop offset="0%" stop-color="${s}"/><stop offset="100%" stop-color="${e.color}"/></radialGradient></defs>`:``;n+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`,n+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 10 10" height="14" width="14">${ne}${ee}<rect x="0" y="0" width="10" height="10" rx="${Z.value}" fill="${a?`url(#${o})`:e.color}"/></svg>`,n+=`<b>${e.proportionLabel}</b>`,n+=`<span>(${te(F.value.value.formatter,e.value,t({p:F.value.value.prefix,v:e.value,s:F.value.value.suffix,r:F.value.value.rounding}),{datapoint:e,seriesIndex:r})})</span>`,$e.value=`<div>${n}</div>`}}let bt=u(()=>{let e=P.value.borderRadius==null?W.value.height/2:P.value.borderRadius;return Math.min(Math.max(e,0),W.value.height/2)}),Z=u(()=>{let e=W.value.height/2;return e===0?5:bt.value/e*5});function Q(e){let t=nt.value[e];t&&typeof t.focus==`function`&&t.focus()}function xt(e){if(!Number.isFinite(e)||!B.value)return;let t=Y.value[e];if(!t)return;let n=B.value.getBoundingClientRect(),r=t.start+t.width/2,i=W.value.height/2;et.value={x:n.left+r/W.value.width*n.width,y:n.top+i/W.value.height*n.height}}function St(){A.value=null,tt.value=!0}function Ct(){A.value=null,j.value=`pointer`,D.value=!1,M.value=null,tt.value=!1}function wt(e){if(!B.value||document.activeElement!==B.value||!Y.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`,a=e.key===`Home`,o=e.key===`End`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),i){A.value=null,j.value=`pointer`,D.value=!1,M.value=null;return}if(r){if(A.value===null)return;let e=Y.value[A.value];if(!e)return;X(e,e.seriesIndex);return}let s=A.value;a?s=0:o?s=Y.value.length-1:s===null||s<0||s>=Y.value.length?s=n?0:Y.value.length-1:n?(s+=1,s>=Y.value.length&&(s=0)):t&&(--s,s<0&&(s=Y.value.length-1));let c=Y.value[s];c&&(A.value=s,xt(s),yt({datapoint:c,seriesIndex:c.seriesIndex,triggerMode:`keyboard`}))}function Tt(e){D.value=!1,A.value=null,j.value=`pointer`,M.value=e.seriesIndex}function Et(){A.value=null,j.value=`pointer`,D.value=!1,M.value=null}function Dt(e,t,n){let r=e.key===`Enter`||e.key===` `,i=e.key===`ArrowLeft`||e.key===`ArrowUp`,a=e.key===`ArrowRight`||e.key===`ArrowDown`,o=e.key===`Home`,s=e.key===`End`,c=e.key===`Escape`;if(r||i||a||o||s||c){if(e.preventDefault(),e.stopPropagation(),c){Et();return}if(r){J(n),X(t,n,!0);return}if(o){Q(0);return}if(s){Q(K.value.length-1);return}if(i){Q(n<=0?K.value.length-1:n-1);return}a&&Q(n>=K.value.length-1?0:n+1)}}let $=u(()=>({headers:[N.value.a11y.translations.series,N.value.a11y.translations.percentage,N.value.a11y.translations.value],rows:K.value.map((e,n)=>[e.name,G.value.includes(n)?` - `:e.proportionLabel,te(F.value.value.formatter,e.value,t({p:F.value.value.prefix,v:e.value,s:F.value.value.suffix,r:F.value.value.rounding}),{datapoint:e,seriesIndex:n})])}));return fe({hideSeries:ht,showSeries:mt}),(e,n)=>(y(),p(`div`,{class:`vue-data-ui-component vue-ui-spark-stackbar`,ref_key:`sparkstackbarChart`,ref:Qe,style:v(`width:100%; background:${L.value.backgroundColor}`)},[m(`div`,{id:`chart-instructions-${E.value}`,class:`sr-only`},[m(`p`,null,C(N.value.a11y.translations.keyboardNavigation),1)],8,Oe),$.value?.rows?.length?(y(),d(he,{key:0,uid:E.value,head:$.value.headers,body:$.value.rows,notice:N.value.a11y.translations.tableAvailable,caption:N.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):f(``,!0),L.value.title.text?(y(),p(`div`,{key:1,style:v(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${L.value.title.margin};padding: 0 6px;text-align:${L.value.title.textAlign}`)},[m(`div`,{class:`atom-title`,style:v(`font-size:${L.value.title.fontSize}px;color:${L.value.title.color};font-weight:${L.value.title.bold?`bold`:`normal`}`)},C(L.value.title.text),5),L.value.title.subtitle.text?(y(),p(`div`,{key:0,class:`atom-subtitle`,style:v(`font-size:${L.value.title.subtitle.fontSize}px;color:${L.value.title.subtitle.color};font-weight:${L.value.title.subtitle.bold?`bold`:`normal`}`)},C(L.value.title.subtitle.text),5)):f(``,!0)],4)):f(``,!0),m(`div`,ke,[(y(),p(`svg`,{ref_key:`svgRef`,ref:B,xmlns:w(re),width:`100%`,viewBox:`0 0 ${W.value.width} ${W.value.height}`,"aria-describedby":`chart-instructions-${E.value}`,tabindex:`0`,onFocus:St,onBlur:Ct,onKeydown:wt},[be(w(qe)),m(`defs`,null,[(y(!0),p(l,null,x(Y.value,(e,t)=>(y(),d(pe,{t:`linear`,id:`stack_gradient_${t}_${E.value}`,key:`stack_gradient_${t}`,gradientTransform:`rotate(90)`,stops:[[`0%`,e.color,1],[`50%`,w(i)(w(c)(e.color,.05),100-P.value.gradient.intensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128)),m(`clipPath`,{id:`stackPill_${E.value}`},[m(`rect`,{x:`0`,y:`0`,width:gt.value,height:W.value.height,rx:bt.value,class:g({animated:!U.value&&!w(R)})},null,10,Me)],8,je)]),ut.value>0?(y(),p(l,{key:0},[m(`g`,{"clip-path":`url(#stackPill_${E.value})`},[(y(!0),p(l,null,x(Y.value,(e,t)=>(y(),p(`rect`,{key:`stack_underlayer_${t}`,x:e.start,y:0,width:e.width,height:W.value.height,fill:P.value.gradient.underlayerColor,class:g({animated:!U.value&&!w(R)}),style:v({opacity:D.value&&M.value!==null&&I.value.show?M.value===e.seriesIndex?1:.5:1})},null,14,Pe))),128)),(y(!0),p(l,null,x(Y.value,(e,t)=>(y(),p(`rect`,{key:`stack_${t}`,x:e.start,y:0,width:e.width,height:W.value.height,fill:P.value.gradient.show?`url(#stack_gradient_${t}_${E.value})`:e.color,class:g({animated:!U.value&&!w(R)}),style:v({opacity:D.value&&M.value!==null&&I.value.show?M.value===e.seriesIndex?1:.5:1})},null,14,Fe))),128)),(y(!0),p(l,null,x(Y.value.slice(1),(e,t)=>(y(),p(`rect`,{key:`stack_separator_${t}`,x:e.start-.5,y:`0`,width:`1`,height:W.value.height,fill:L.value.backgroundColor,"pointer-events":`none`,class:g({animated:!U.value&&!w(R)})},null,10,Ie))),128)),(y(!0),p(l,null,x(Y.value,(e,t)=>(y(),p(`rect`,{key:`stack_trap_${t}`,x:e.start,y:0,width:e.width,height:W.value.height,fill:`transparent`,stroke:`none`,class:g({animated:!U.value&&!w(R)}),onClick:()=>X(e,t),onMouseenter:()=>yt({datapoint:e,seriesIndex:e.seriesIndex}),onMouseleave:t=>vt({datapoint:e,seriesIndex:e.seriesIndex})},null,42,Le))),128))],8,Ne),m(`rect`,{x:`0.5`,y:`0.5`,width:W.value.width-1,height:W.value.height-1,rx:Math.max(0,bt.value-.5),fill:`none`,stroke:L.value.backgroundColor,"stroke-width":`1`,"pointer-events":`none`},null,8,Re)],64)):(y(),p(`rect`,{key:1,x:2,y:1,width:W.value.width-4,height:W.value.height-2,stroke:`#CCCCCC`,"stroke-width":`2`,fill:`transparent`,rx:(W.value.height-4)/2},null,8,ze))],40,Ae)),e.$slots.hint?(y(),p(`div`,Be,[S(e.$slots,`hint`,_(h({hint:N.value.a11y.translations.keyboardNavigation,isVisible:tt.value})),void 0,!0)])):f(``,!0)]),F.value.show?(y(),p(`div`,{key:2,style:v(`background:transparent;margin:0 auto;margin:${F.value.margin};justify-content:${F.value.textAlign===`left`?`flex-start`:F.value.textAlign===`right`?`flex-end`:`center`}`),class:`vue-ui-sparkstackbar-legend`,"aria-label":`legend`,role:`toolbar`},[F.value.selectAllToggle.show&&K.value.length>2&&!w(R)?(y(),d(me,{key:0,backgroundColor:F.value.selectAllToggle.backgroundColor,color:F.value.selectAllToggle.color,fontSize:F.value.fontSize,checked:G.value.length>0,isCursorPointer:it.value,onToggle:ft},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):f(``,!0),(y(!0),p(l,null,x(K.value,(e,n)=>(y(),p(`div`,{role:`button`,tabindex:`0`,"aria-pressed":G.value.includes(n),"aria-label":`${e.name}, ${G.value.includes(n)?`hidden`:`visible`}, ${e.proportionLabel}`,style:v(`font-size:${F.value.fontSize}px;cursor:${it.value?`pointer`:`default`}`),class:g({"vue-ui-sparkstackbar-legend-item":!0,"vue-ui-sparkstackbar-legend-item-unselected":G.value.includes(n)}),onClick:t=>{J(n),X(e,n,!0)},onFocus:t=>Tt(e),onBlur:Et,onKeydown:t=>Dt(t,e,n)},[m(`div`,He,[(y(),p(`svg`,{height:`${F.value.fontSize}px`,width:`${F.value.fontSize}px`,viewBox:`0 0 10 10`},[m(`defs`,null,[be(pe,{t:`radial`,id:`legend_grad_${n}-${E.value}`,stops:[[`0%`,w(R)?`#FFFFFF`:w(i)(w(c)(e.color,.05),100-P.value.gradient.intensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`])]),P.value.gradient.show?(y(),p(`rect`,{key:0,x:`0`,y:`0`,width:`10`,height:`10`,rx:Z.value,fill:P.value.gradient.underlayerColor},null,8,We)):f(``,!0),m(`rect`,{x:`0`,y:`0`,width:`10`,height:`10`,rx:Z.value,fill:P.value.gradient.show?`url(#legend_grad_${n}-${E.value})`:e.color},null,8,Ge)],8,Ue)),w(R)?f(``,!0):(y(),p(l,{key:0},[m(`span`,{style:v(`color:${F.value.name.color}; font-weight:${F.value.name.bold?`bold`:`normal`}`)},C(e.name),5),U.value?f(``,!0):(y(),p(l,{key:0},[F.value.percentage.show?(y(),p(`span`,{key:0,style:v(`font-weight:${F.value.percentage.bold?`bold`:`normal`};color:${F.value.percentage.color}`)},C(G.value.includes(n)?` - `:e.proportionLabel),5)):f(``,!0),F.value.value.show?(y(),p(`span`,{key:1,style:v(`font-weight:${F.value.value.bold?`bold`:`normal`};color:${F.value.value.color}`)},` (`+C(w(te)(F.value.value.formatter,e.value,w(t)({p:F.value.value.prefix,v:e.value,s:F.value.value.suffix,r:F.value.value.rounding}),{datapoint:e,seriesIndex:n}))+`) `,5)):f(``,!0)],64))],64))])],46,Ve))),256))],4)):f(``,!0),be(w(Je),{teleportTo:I.value.teleportTo,show:D.value&&I.value.show,parent:Qe.value,backgroundColor:I.value.backgroundColor,color:I.value.color,fontSize:I.value.fontSize,borderRadius:I.value.borderRadius,borderColor:I.value.borderColor,borderWidth:I.value.borderWidth,backgroundOpacity:I.value.backgroundOpacity,position:I.value.position,content:$e.value,isCustom:k.value,offsetX:I.value.offsetX,offsetY:-124+I.value.offsetY,blockShiftY:!0,smooth:I.value.smooth,backdropFilter:I.value.backdropFilter,smoothForce:I.value.smoothForce,smoothSnapThreshold:I.value.smoothSnapThreshold,isA11yMode:j.value===`keyboard`,a11yPosition:et.value},{"tooltip-before":Ee(()=>[S(e.$slots,`tooltip-before`,_(h({...O.value})),void 0,!0)]),tooltip:Ee(()=>[S(e.$slots,`tooltip`,_(h({...O.value})),void 0,!0)]),"tooltip-after":Ee(()=>[S(e.$slots,`tooltip-after`,_(h({...O.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`parent`,`backgroundColor`,`color`,`fontSize`,`borderRadius`,`borderColor`,`borderWidth`,`backgroundOpacity`,`position`,`content`,`isCustom`,`offsetX`,`offsetY`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),e.$slots.source?(y(),p(`div`,Ke,[S(e.$slots,`source`,{},void 0,!0)],512)):f(``,!0),S(e.$slots,`skeleton`,{},()=>[w(R)?(y(),d(de,{key:0})):f(``,!0)],!0)],4))}},[[`__scopeId`,`data-v-c969a2ef`]]);export{De as n,qe as t};

package/dist/vue-ui-stackbar-Dx_EN3pT.js

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