vue-data-ui 3.28.2 → 3.28.3

package/dist/{vue-ui-hill-Ddbup7-b.js → vue-ui-hill-BDOd7LrC.js}

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

package/dist/{vue-ui-history-plot-CwO2o-2s.js → vue-ui-history-plot-0-vs_CVn.js}

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