vue-data-ui 3.28.0 → 3.28.1

package/dist/vue-ui-geo-DFebja0s.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{Dt as n,S as r,X as i,Zt as a,in as o,t as s,tn as c}from"./lib-rPeBMZrn.js";import{n as l,t as u}from"./BaseScanner-8NdoBs7B.js";import{n as d}from"./useHints-BH9r_0Vd.js";import{t as f}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as p}from"./resolveChartConfig-CIhClE5R.js";import{t as ee}from"./chartImage-DPGnEuYM.js";import{t as te}from"./BaseZoomControls-ByS_7fmI.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{c as le}from"./canvas-lib-22VpOI4_.js";import{t as ue}from"./useResponsive-CENUxfEL.js";import{t as de}from"./A11yDataTable-DWNlWXzs.js";import{t as fe}from"./useUserOptionState-CXlFnwPv.js";import{t as pe}from"./useChartAccessibility-DOMuYJfm.js";import{t as me}from"./usePanZoom-BdjP5Suc.js";import{t as he}from"./geoProjections-Bvj-eMvq.js";import{t as ge}from"./vue_ui_geo-DL1SMQHp.js";import{Fragment as _e,computed as m,createBlock as h,createCommentVNode as g,createElementBlock as _,createElementVNode as v,createSlots as ve,createVNode as ye,defineAsyncComponent as be,guardReactiveProps as y,mergeProps as xe,nextTick as Se,normalizeClass as Ce,normalizeProps as b,normalizeStyle as we,onBeforeUnmount as Te,onMounted as Ee,openBlock as x,ref as S,renderList as C,renderSlot as w,toDisplayString as De,toRefs as Oe,unref as T,watch as ke,withCtx as Ae}from"vue";var je=/* @__PURE__ */ e({default:()=>Ge}),Me=[`id`],Ne=[`id`],Pe={style:{position:`relative`}},Fe=[`xmlns`,`viewBox`,`aria-describedby`,`id`],Ie=[`transform`],Le=[`d`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],Re=[`d`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],ze=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseenter`],Be=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],Ve=[`x`,`y`,`fill`,`font-size`],He={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ue={key:6,class:`vue-data-ui-watermark`},We=1.5,Ge=/*#__PURE__*/ f({__name:`vue-ui-geo`,props:{config:{type:Object,default(){return{}}},dataset:{type:[Array,Object],default(){return[]}}},emits:[`copyAlt`],setup(e,{expose:f,emit:je}){let Ge=be(()=>import(`./Tooltip-C1q0Qoh7.js`)),Ke=be(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),qe=be(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Je=be(()=>import(`./PackageVersion-C4ZM3Vf7.js`).then(e=>e.t)),E=e,Ye=je,{vue_ui_geo:Xe}=t(),D=S(i()),Ze=S(0),Qe=S(0),O=S(null),k=S(!1),$e=S(null),et=S(null),tt=S(null),nt=S(null),A=S(null),j=S(null),rt=S(null),it=S(null),M=S(null),at=S({x:0,y:0}),N=S(`pointer`),ot=S(!1),P=S(!1);function st(e){P.value=e,Ze.value+=1}function ct(){return p(E.config,Xe,ge)}let F=S(ct()),lt=m(()=>F.value.style.chart.points.labels),I=m(()=>F.value.style.chart.points),L=m(()=>F.value.style.chart);d({config:()=>F.value,dataset:()=>E.dataset,component:`VueUiGeo`,rules:[{test:e=>e.length>100,message:[`👀 The number of data points > 100, which can make the chart hard to read. Consider:`,``,`▶️ Using filters to reduce the number of data points displayed at the same time, and offer users some level of control.`]}]});let ut=m(()=>F.value.userOptions.useCursorPointer),{userOptionsVisible:dt,keepUserOptionState:ft}=fe({config:F.value}),{svgRef:R}=pe({config:L.value.title}),pt=m(()=>o({defaultConfig:{map:{geoJson:{type:`FeatureCollection`,features:[{type:`Feature`,properties:{name:`Island A`},geometry:{type:`Polygon`,coordinates:[[[-6,2],[-4,2],[-4,4],[-6,4],[-6,2]]]}},{type:`Feature`,properties:{name:`Island B`},geometry:{type:`Polygon`,coordinates:[[[-2,-1],[1,-1],[1,2],[-2,2],[-2,-1]]]}},{type:`Feature`,properties:{name:`Island C`},geometry:{type:`Polygon`,coordinates:[[[3,-3],[5,-3],[5,-1],[3,-1],[3,-3]]]}},{type:`Feature`,properties:{name:`Island D`},geometry:{type:`Polygon`,coordinates:[[[4,3],[7,3],[7,5],[4,5],[4,3]]]}}]}},userOptions:{show:!1},style:{chart:{backgroundColor:`#99999930`,territory:{fill:`#99999950`,stroke:`#8A8A8A`,strokeWidth:.5}}}},userConfig:F.value.skeletonConfig??{}})),{loading:mt,FINAL_DATASET:ht}=l({...Oe(E),FINAL_CONFIG:F,prepareConfig:ct,allowEmptyDataset:!0,skeletonDataset:E.config?.skeletonDataset??[],skeletonConfig:o({defaultConfig:F.value,userConfig:pt.value})}),{isPrinting:gt,isImaging:_t,generatePdf:vt,generateImage:yt}=ce({elementId:`vue-ui-geo_${D.value}`,fileName:L.value.title.text||`vue-ui-geo`,options:F.value.userOptions.print}),bt=m(()=>L.value.controls.show?L.value.controls.position===`top`?rt.value?.$el??null:L.value.controls.position===`bottom`?it.value?.$el??null:null:null);function xt(){A.value&&(j.value&&A.value.unobserve(j.value),A.value.disconnect(),A.value=null,j.value=null)}let z=m(()=>!!F.value.responsive&&!P.value);ke(()=>P.value,async e=>{e?(xt(),H.value=Number(L.value.dimensions.width)||H.value,U.value=Number(L.value.dimensions.height)||U.value,await Se(),k.value=!1,requestAnimationFrame(()=>{k.value||an()})):F.value.responsive&&(await Se(),St())});function St(){if(xt(),!z.value)return;let e=le(()=>{if(!O.value)return;let{width:e,height:t}=ue({chart:O.value,noTitle:Ct.value?tt.value:null,title:L.value.title.text?et.value:null,legend:bt.value,source:nt.value});requestAnimationFrame(()=>{H.value=Math.max(.1,Number(e)||.1),U.value=Math.max(.1,Number(t)||.1)-24})});A.value=new ResizeObserver(e),j.value=O.value?O.value.parentNode:null,j.value&&A.value.observe(j.value),e()}let Ct=m(()=>F.value.userOptions.show&&!L.value.title.text),B=S({showTooltip:L.value.tooltip.show}),V=S(L.value.zoom.active),wt=a(E.config);ke(()=>E.config,(e,t)=>{let n=a(e),r=n!==wt;wt=n;let i=ct();r?(F.value=i,B.value.showTooltip=L.value.tooltip.show,V.value=L.value.zoom.active,H.value=L.value.dimensions.width,U.value=L.value.dimensions.height,St(),Qe.value+=1,Ze.value+=1):(F.value.style.chart.tooltip=i.style.chart.tooltip,B.value.showTooltip=F.value.style.chart.tooltip.show)},{deep:!0});let{projections:Tt}=he,Et=m(()=>F.value?.projection||`equirectangular`),Dt=m(()=>{let e=Tt?.[Et.value];return typeof e==`function`?e:Tt.equirectangular}),Ot=m(()=>F.value.map.geoJson??null),kt={aitoff:{width:1e3,height:500},azimuthalEquidistant:{width:1e3,height:1e3},bonne:{width:1e3,height:1e3},equirectangular:{width:1e3,height:700},gallPeters:{width:1e3,height:800},globe:{width:1e3,height:1e3},hammer:{width:1e3,height:500},mercator:{width:1e3,height:750},mollweide:{width:1e3,height:600},robinson:{width:1e3,height:600},sinusoidal:{width:1e3,height:500},vanDerGrinten:{width:1e3,height:1e3},winkelTripel:{width:1e3,height:1e3}},H=S(L.value.dimensions.width),U=S(L.value.dimensions.height),At=m(()=>{let e=kt[Et.value]||kt.equirectangular;return{width:e.width,height:e.height}}),W=m(()=>{let e=At.value,t=H.value,n=U.value,r=Number.isFinite(t)&&t>0,i=Number.isFinite(n)&&n>0;return r&&i?{width:t,height:n}:r&&!i?{width:t,height:t*(e.height/e.width)}:!r&&i?{width:n*(e.width/e.height),height:n}:{width:e.width,height:e.height}}),jt=m(()=>{let e=F.value?.map?.center,t=[0,0];if(!Array.isArray(e)||e.length!==2)return t;let n=Number(e[0]),r=Number(e[1]);return!Number.isFinite(n)||!Number.isFinite(r)?t:[n,r]});function G([e,t]){return Dt.value([e,t],At.value.width,At.value.height,jt.value)}function Mt(e,t={}){let{defaultName:n=``,namePropertyCandidates:r=[`name`,`nom`,`admin`,`NAME`,`label`,`title`,`description`,`DESCRIPTION`,`NAME_1`,`NAME_2`,`NAME_3`,`NAME_EN`,`name:en`,`name_en`,`localname`,`local_name`],includeNullGeometries:i=!1}=t,a={type:`FeatureCollection`,features:[]};function o(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function s(e){return!o(e)||typeof e.type!=`string`?!1:e.type===`GeometryCollection`?Array.isArray(e.geometries):Object.hasOwn(e,`coordinates`)}function c(e){if(!o(e))return``;for(let t of r){let n=e[t];if(typeof n==`string`&&n.trim())return n.trim()}return``}function l({geometry:e,properties:t,fallbackName:r,featureIndex:i}){let a=o(t)?{...t}:{},s=c(a),l=n?`${n} ${i+1}`:``,u=s||(typeof r==`string`?r.trim():``)||l;return!a.name&&u&&(a.name=u),{type:`Feature`,geometry:e,properties:a}}function u(e,t,n,r,a){let c=Array.isArray(e?.geometries)?e.geometries:[],d=r;for(let e=0;e<c.length;e+=1){let r=c[e];r&&(o(r)&&r.type===`GeometryCollection`?d=u(r,t,n,d,a):s(r)&&(r.coordinates==null&&r.type!==`GeometryCollection`?i&&(a.push(l({geometry:null,properties:t,fallbackName:n,featureIndex:d})),d+=1):(a.push(l({geometry:r,properties:t,fallbackName:n,featureIndex:d})),d+=1)))}return d}function d(e,t,n=0){let r=n;if(e==null)return r;if(Array.isArray(e)){for(let n of e)r=d(n,t,r);return r}if(!o(e)||typeof e.type!=`string`)return r;if(e.type===`FeatureCollection`){let n=Array.isArray(e.features)?e.features:[];for(let e of n)r=d(e,t,r);return r}if(e.type===`Feature`){let n=o(e.properties)?e.properties:{},a=c(n),d=e.geometry??null;return d==null?(i&&(t.push(l({geometry:null,properties:n,fallbackName:a,featureIndex:r})),r+=1),r):o(d)&&d.type===`GeometryCollection`?u(d,n,a,r,t):(s(d)&&(t.push(l({geometry:d,properties:n,fallbackName:a,featureIndex:r})),r+=1),r)}return e.type===`GeometryCollection`?u(e,{},``,r,t):(s(e)&&(t.push(l({geometry:e,properties:{},fallbackName:``,featureIndex:r})),r+=1),r)}let f=[];return d(e,f,0),{...a,features:f}}function Nt(e){let t=Array.isArray(e?.features)?e.features:[];function n(e){if(!e||typeof e!=`object`)return``;let t=[e.name,e.nom,e.admin,e.NAME,e.label,e.title,e.description,e.DESCRIPTION,e.NAME_1,e.NAME_2,e.NAME_3,e.NAME_EN,e[`name:en`],e.name_en,e.localname,e.local_name];for(let e of t)if(typeof e==`string`&&e.trim())return e.trim();for(let t of Object.values(e))if(typeof t==`string`&&t.trim())return t.trim();return``}return t.filter(e=>e&&e.type===`Feature`&&e.geometry).map((e,t)=>{let r=e.properties||{},i=n(r);return{feature:e,geometry:e.geometry,properties:r,name:i,uid:`map-feature-${D.value}-${t}`,index:t}})}let Pt=m(()=>Mt(Ot.value,{defaultName:``,includeNullGeometries:!1})),Ft=m(()=>Nt(Pt.value));function It(e){if(!e||typeof e.type!=`string`)return``;if(e.type===`GeometryCollection`)return(Array.isArray(e.geometries)?e.geometries:[]).map(e=>It(e)).filter(Boolean).join(` `);let t=e=>{if(!Array.isArray(e)||e.length<2)return null;let t=Number(e[0]),n=Number(e[1]);if(!Number.isFinite(t)||!Number.isFinite(n))return null;let r=G([t,n]);if(!Array.isArray(r)||r.length<2)return null;let i=Number(r[0]),a=Number(r[1]);return!Number.isFinite(i)||!Number.isFinite(a)?null:[i,a]},n=e=>{let n=(e||[]).map(t).filter(Boolean);return n.length<2?``:`M`+n.map(([e,t])=>`${e},${t}`).join(`L`)},r=e=>(e||[]).map(e=>{let t=n(e);return t?t+`Z`:``}).filter(Boolean).join(` `);return e.type===`Polygon`?r(e.coordinates):e.type===`MultiPolygon`?(e.coordinates||[]).map(r).filter(Boolean).join(` `):e.type===`LineString`?n(e.coordinates):e.type===`MultiLineString`?(e.coordinates||[]).map(n).filter(Boolean).join(` `):``}function Lt(e){return e?e.type===`GeometryCollection`?(Array.isArray(e.geometries)?e.geometries:[]).flatMap(e=>Lt(e)):e.type===`Point`?Array.isArray(e.coordinates)?[e.coordinates]:[]:e.type===`MultiPoint`&&Array.isArray(e.coordinates)?e.coordinates:[]:[]}function Rt(e){return!e||typeof e.type!=`string`?!1:e.type===`GeometryCollection`?(Array.isArray(e.geometries)?e.geometries:[]).some(e=>Rt(e)):e.type===`Point`||e.type===`MultiPoint`}let zt=m(()=>Ft.value.filter(e=>{let t=e.geometry;return t?t.type===`GeometryCollection`?(Array.isArray(t.geometries)?t.geometries:[]).some(e=>e?.type===`Polygon`||e?.type===`MultiPolygon`):t.type===`Polygon`||t.type===`MultiPolygon`:!1})),Bt=m(()=>Ft.value.filter(e=>{let t=e.geometry;return t?t.type===`GeometryCollection`?(Array.isArray(t.geometries)?t.geometries:[]).some(e=>e?.type===`LineString`||e?.type===`MultiLineString`):t.type===`LineString`||t.type===`MultiLineString`:!1})),Vt=m(()=>Ft.value.filter(e=>{let t=e.geometry;return t?Rt(t):!1})),Ht=m(()=>zt.value.map(e=>{let t=It(e.geometry);return t?{...e,path:t}:null}).filter(Boolean)),Ut=m(()=>Bt.value.map(e=>{let t=It(e.geometry);return t?{...e,path:t}:null}).filter(Boolean)),Wt=m(()=>{let e=[];function t(e={}){let t=e?.style&&typeof e.style==`object`?e.style:{},n=e.radius??e.r??t.radius??t.r,i=e.color??e.fill??t.color??t.fill,a=e.stroke??t.stroke,o=e.strokeWidth??e.stroke_width??t.strokeWidth??t.stroke_width;return{radius:Number.isFinite(Number(n))?Number(n):Number(I.value.radius),fill:i!=null&&String(i).trim()?r(String(i).trim()):I.value.fill,stroke:a!=null&&String(a).trim()?r(String(a).trim()):I.value.stroke,strokeWidth:Number.isFinite(Number(o))?Number(o):Number(I.value.strokeWidth)}}for(let n of Vt.value){let r=Lt(n.geometry);for(let i=0;i<r.length;i+=1){let a=r[i];if(!Array.isArray(a)||a.length<2)continue;let o=Number(a[0]),s=Number(a[1]);if(!Number.isFinite(o)||!Number.isFinite(s))continue;let c=G([o,s]),l=c?.[0],u=c?.[1];if(!Number.isFinite(l)||!Number.isFinite(u))continue;let d=t(n?.feature?.properties&&typeof n.feature.properties==`object`?n.feature.properties:{});e.push({uid:`${n.uid}-geojson-point-${i}`,name:n.name||``,x:l,y:u,...d,originalFeature:n.feature,featureIndex:n.index,pointIndex:i})}}return e});function Gt(e){if(!e||typeof e.type!=`string`)return[];let t=[],n=e=>{if(!Array.isArray(e)||e.length<2)return;let n=Number(e[0]),r=Number(e[1]);if(!Number.isFinite(n)||!Number.isFinite(r))return;let i=G([n,r]),a=i?.[0],o=i?.[1];Number.isFinite(a)&&Number.isFinite(o)&&t.push([a,o])},r=e=>{if(Array.isArray(e)){if(e.length>=2&&typeof e[0]==`number`&&typeof e[1]==`number`)n(e);else for(let t of e)r(t)}};if(e.type===`GeometryCollection`&&Array.isArray(e.geometries)){for(let n of e.geometries)t.push(...Gt(n));return t}return e.type===`Point`?(n(e.coordinates),t):e.type===`MultiPoint`?((e.coordinates||[]).forEach(n),t):(r(e.coordinates),t)}function Kt(e){let t=[];for(let n of e)t.push(...Gt(n.geometry));if(!t.length)return null;let n=1/0,r=1/0,i=-1/0,a=-1/0;for(let[e,o]of t)e<n&&(n=e),o<r&&(r=o),e>i&&(i=e),o>a&&(a=o);let o=i-n,s=a-r;return!(o>0)||!(s>0)?null:{minX:n,minY:r,maxX:i,maxY:a,width:o,height:s}}let K=m(()=>Kt(Ft.value));function qt({bounds:e,targetWidth:t,targetHeight:n,padding:r}){if(!e||!(e.width>0)||!(e.height>0))return{scale:1,translateX:0,translateY:0,transform:``};let i=Number.isFinite(Number(r))?Number(r):0,a=Math.max(1,t-i*2),o=Math.max(1,n-i*2),s=a/e.width,c=o/e.height,l=Math.min(s,c),u=e.width*l,d=e.height*l,f=i+(a-u)/2,p=i+(o-d)/2,ee=f-e.minX*l,te=p-e.minY*l;return{scale:l,translateX:ee,translateY:te,transform:`translate(${ee} ${te}) scale(${l})`}}let Jt=m(()=>{let e=K.value;if(!e)return{scale:1,translateX:0,translateY:0,transform:``};let t=F.value?.map?.fitPadding,n=Number.isFinite(Number(t))?Number(t):0;return qt({bounds:e,targetWidth:W.value.width,targetHeight:W.value.height,padding:n})}),Yt=m(()=>`0 0 ${W.value.width} ${W.value.height}`),{viewBox:Xt,resetZoom:Zt,setInitialViewBox:Qt,scale:$t,zoomByFactor:en}=me(R,{x:0,y:0,width:W.value.width,height:W.value.height},1,V);function tn(){V.value=!V.value}function nn(e){let t=Jt.value,n=Number(t?.scale)||1,r=Number(t?.translateX)||0,i=Number(t?.translateY)||0;return{x:e.x*n+r,y:e.y*n+i}}function rn(){let e=F.value?.map?.center,t=Number(e?.[0]),n=Number(e?.[1]),r=Array.isArray(e)&&e.length===2&&Number.isFinite(t)&&Number.isFinite(n)&&(t!==0||n!==0),i=W.value.width,a=W.value.height;if(!r)return{x:0,y:0,width:i,height:a};let o=G([t,n]),s=o?.[0],c=o?.[1];if(!Number.isFinite(s)||!Number.isFinite(c))return{x:0,y:0,width:i,height:a};let l=nn({x:s,y:c});return{x:l.x-i/2,y:l.y-a/2,width:i,height:a}}function an(){let e=rn();Qt(e,{overwriteCurrentIfNotZoomed:!0}),k.value=!0}let on=m(()=>{let e=Xt.value;return e?`${e.x} ${e.y} ${e.width} ${e.height}`:Yt.value});function sn(){en(We,!0)}function cn(){en(1/We,!0)}async function ln(){let e=rn();Qt(e,{overwriteCurrentIfNotZoomed:!0}),Zt(!0)}ke(()=>[F.value.projection,F.value.map.center?.[0],F.value.map.center?.[1],F.value.map.fitPadding,Ot.value],async()=>{k.value=!1,await Se(),requestAnimationFrame(()=>{k.value||an()})},{deep:!1}),ke(()=>[H.value,U.value,z.value],async()=>{z.value&&(await Se(),Qt({x:0,y:0,width:W.value.width,height:W.value.height},{overwriteCurrentIfNotZoomed:!0}),k.value=!1,requestAnimationFrame(()=>{k.value||an()}))},{flush:`post`});function un(e){return e?e.type===`FeatureCollection`&&Array.isArray(e.features)?e.features.filter(e=>e?.type===`Feature`&&e.geometry?.type===`Point`).map((e,t)=>{let n=e.properties||{},r=n.name||n.label||n.title||`Point ${t+1}`,i=e.geometry.coordinates;return{uid:`map-point-${D.value}-${t}`,name:r,coordinates:i,color:n.color??null,radius:n.radius??null,hoverRadiusRatio:I.value.hoverRadiusRatio,description:n.description??null,original:e,index:t}}):Array.isArray(e)?e.map((e,t)=>{let n=null,r=`Point ${t+1}`,i=null,a=null,o=null;Array.isArray(e)&&e.length>=2?n=[Number(e[0]),Number(e[1])]:e&&typeof e==`object`&&(Array.isArray(e.coordinates)&&e.coordinates.length>=2?n=[Number(e.coordinates[0]),Number(e.coordinates[1])]:Number.isFinite(Number(e.lon))&&Number.isFinite(Number(e.lat))&&(n=[Number(e.lon),Number(e.lat)]),typeof e.name==`string`&&e.name.trim()&&(r=e.name),e.description!=null&&(i=e.description),e.color!=null&&(a=e.color),e.radius!=null&&(o=e.radius));let s=n?n[0]:NaN,c=n?n[1]:NaN;return!Number.isFinite(s)||!Number.isFinite(c)?null:{uid:`map-point-${D.value}-${t}`,name:r,coordinates:[s,c],color:a,radius:o,hoverRadiusRatio:I.value.hoverRadiusRatio,description:i,original:e,index:t}}).filter(Boolean):typeof e==`object`?Object.entries(e).map(([e,t],n)=>{if(!t||typeof t!=`object`)return null;let r=Array.isArray(t.coordinates)?t.coordinates:null;if(!r||r.length<2)return null;let i=Number(r[0]),a=Number(r[1]);return!Number.isFinite(i)||!Number.isFinite(a)?null:{uid:`map-point-${D.value}-${n}-${e}`,name:t.name||e,coordinates:[i,a],color:t.color??null,radius:t.radius??null,hoverRadiusRatio:I.value.hoverRadiusRatio,description:t.description??null,original:t,index:n}}).filter(Boolean):[]:[]}let dn=m(()=>un(ht.value)),fn=m(()=>dn.value.map(e=>{let t=G(e.coordinates),n=t?.[0],i=t?.[1];return!Number.isFinite(n)||!Number.isFinite(i)?null:{...e,x:n,y:i,fill:e.color?r(e.color):I.value.fill,radius:Number.isFinite(Number(e.radius))?Number(e.radius):I.value.radius}}).filter(Boolean)),q=m(()=>fn.value.map((e,t)=>({...e,keyboardIndex:t})));function pn(e){let t=nn(e),n=c(t.x,t.y,R.value);n&&(at.value={x:n.x,y:n.y})}let mn=S(!1),hn=S(``),J=S(!1),Y=S(null),X=S(null);function gn(e){hn.value=e,mn.value=!0}function Z(){mn.value=!1,hn.value=``}function _n(e){return String(e??``).replaceAll(`&`,`&amp;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`).replaceAll(`"`,`&quot;`).replaceAll(`'`,`&#039;`)}function vn(e){$e.value={datapoint:e,seriesIndex:e.index,series:dn.value,config:F.value},J.value=!1;let t=L.value.tooltip.customFormat;if(n(t))try{let e=t($e.value);if(typeof e==`string`)return J.value=!0,e}catch{console.warn(`Custom format cannot be applied.`),J.value=!1}return`<div><div style="font-weight:600">${_n(e.name)}</div>${e.description==null?``:`<div style="margin-top:6px">${_n(e.description)}</div>`}</div>`}function yn(e){J.value=!1;let t=L.value.tooltip.customFormat;if(n(t))try{let n=t({datapoint:e,config:F.value});if(typeof n==`string`)return J.value=!0,n}catch{console.warn(`Custom format cannot be applied.`),J.value=!1}let r=typeof e?.name==`string`?e.name.trim():``;return r?`<div><div style="font-weight:600">${_n(r)}</div></div>`:(J.value=!1,``)}function bn(e){F.value.events.territoryEnter&&F.value.events.territoryEnter({datapoint:e,seriesIndex:e.index}),!(typeof e?.name==`string`&&e.name.trim())&&!L.value.territory.hover.enabledWhenEmpty?(X.value=null,Z()):(X.value=e.uid,gn(yn(e)))}function xn(e){X.value=null,Z(),F.value.events.territoryLeave&&F.value.events.territoryLeave({datapoint:e,seriesIndex:e.index})}function Sn(e){F.value.events.territoryClick&&F.value.events.territoryClick({datapoint:e,seriesIndex:e.index})}function Cn(e,t=null,n=`pointer`){N.value=n,Y.value=e.uid,Number.isInteger(t)&&(M.value=t),n===`keyboard`&&pn(e),gn(vn(e)),F.value.events.datapointEnter&&F.value.events.datapointEnter({datapoint:e,seriesIndex:e.index})}function wn(e,t=`pointer`){(t!==`pointer`||N.value!==`keyboard`)&&(Y.value=null,Z(),t!==`pointer`&&(M.value=null,N.value=`pointer`),F.value.events.datapointLeave&&F.value.events.datapointLeave({datapoint:e,seriesIndex:e.index}))}let Tn=m(()=>!!F.value.events.datapointClick&&typeof F.value.events.datapointClick==`function`);function En(e){Tn.value&&F.value.events.datapointClick({datapoint:e,seriesIndex:e.index})}let Q=m(()=>L.value.territory);function Dn(e){let t=typeof e?.name==`string`?e.name.trim():``;if(!t){X.value=null,Z();return}let n={name:t,uid:e.uid,index:e.featureIndex,properties:{}};X.value=e.uid,gn(yn(n))}function On(){X.value=null,Z()}let kn=S(!1);function An(){kn.value=!kn.value}ke(()=>kn.value,e=>{V.value=!e});function jn(){B.value.showTooltip=!B.value.showTooltip}let Mn=m(()=>L.value.backgroundColor),Nn=m(()=>L.value.title),{isCallbackImaging:Pn,isCallbackSvg:Fn,generateSvg:In,onGenerateImage:Ln}=re({svg:R,title:Nn,legend:null,legendItems:null,backgroundColor:Mn,getSvgCallback:()=>F.value.userOptions.callbacks.svg,generateImage:yt}),Rn=ee(O,()=>L.value.title.text),$=S(!1),zn=null;function Bn(){V.value&&($.value=!0)}function Vn(){$.value=!1}function Hn(){V.value&&($.value=!0,zn&&clearTimeout(zn),zn=setTimeout(()=>{$.value=!1,zn=null},140))}Te(()=>{zn&&clearTimeout(zn)});async function Un([e,t],{animated:n=!0}={}){let r=Number(e),i=Number(t);if(!Number.isFinite(r)||!Number.isFinite(i))return;let a=G([r,i]),o=a?.[0],s=a?.[1];if(!Number.isFinite(o)||!Number.isFinite(s))return;let c=nn({x:o,y:s}),l=Xt.value?{...Xt.value}:{x:0,y:0,width:W.value.width,height:W.value.height},u={x:c.x-l.width/2,y:c.y-l.height/2,width:l.width,height:l.height};if(!n){Xt.value=u;return}let d={...l},f={...u},p=null,ee=e=>{p??=e;let t=Math.min((e-p)/250,1);Xt.value={x:d.x+(f.x-d.x)*t,y:d.y+(f.y-d.y)*t,width:d.width+(f.width-d.width)*t,height:d.height+(f.height-d.height)*t},t<1&&requestAnimationFrame(ee)};requestAnimationFrame(ee)}Ee(async()=>{St(),await Se(),requestAnimationFrame(()=>{k.value||(an(),(F.value.map.center?.[0]||F.value.map.center?.[1])&&Un(F.value.map.center,{animated:!1}))})}),Te(()=>{xt()});async function Wn(){Ye(`copyAlt`,{config:F.value,dataset:ht.value}),F.value.userOptions.callbacks.altCopy?await Promise.resolve(F.value.userOptions.callbacks.altCopy({config:F.value,dataset:ht.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function Gn(e,t){let n=q.value;if(!n.length)return null;let r=n[e];if(!r)return null;let i=null,a=1/0;for(let o=0;o<n.length;o+=1){if(o===e)continue;let s=n[o],c=s.x-r.x,l=s.y-r.y,u=!1,d=0,f=0;if(t===`right`&&c>0&&(u=!0,d=c,f=Math.abs(l)),t===`left`&&c<0&&(u=!0,d=Math.abs(c),f=Math.abs(l)),t===`down`&&l>0&&(u=!0,d=l,f=Math.abs(c)),t===`up`&&l<0&&(u=!0,d=Math.abs(l),f=Math.abs(c)),!u)continue;let p=d*d+f*f*4;p<a&&(a=p,i=o)}return i}function Kn(e){let t=q.value;return t.length?e===`right`?t.reduce((e,t,n,r)=>t.x<r[e].x?n:e,0):e===`left`?t.reduce((e,t,n,r)=>t.x>r[e].x?n:e,0):e===`down`?t.reduce((e,t,n,r)=>t.y<r[e].y?n:e,0):e===`up`?t.reduce((e,t,n,r)=>t.y>r[e].y?n:e,0):0:null}function qn(){ot.value=!0}function Jn(){let e=M.value==null?null:q.value[M.value];e?wn(e,`keyboard`):(M.value=null,N.value=`pointer`,Z(),Y.value=null),ot.value=!1}function Yn(e){if(!R.value||kn.value||document.activeElement!==R.value||!q.value.length)return;let t=e.key===`ArrowRight`,n=e.key===`ArrowLeft`,r=e.key===`ArrowDown`,i=e.key===`ArrowUp`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){let e=M.value==null?null:q.value[M.value];e?wn(e,`keyboard`):(M.value=null,N.value=`pointer`,Z(),Y.value=null);return}if(a){let e=M.value==null?null:q.value[M.value];if(!e)return;En(e);return}let s=t?`right`:n?`left`:r?`down`:`up`,c=null;if(M.value==null?c=Kn(s):(c=Gn(M.value,s),c??=Kn(s)),c==null)return;let l=q.value[c];l&&Cn(l,c,`keyboard`)}let Xn=m(()=>({headers:[`Name`,`Latitude`,`Longitude`,`Description`],rows:dn.value.map(e=>{let t=Array.isArray(e.coordinates)?e.coordinates[1]:null,n=Array.isArray(e.coordinates)?e.coordinates[0]:null;return[e.name??``,Number.isFinite(t)?String(t):``,Number.isFinite(n)?String(n):``,e.description??``]})}));return f({getImage:Rn,generatePdf:vt,generateImage:yt,generateSvg:In,toggleTooltip:jn,toggleAnnotator:An,toggleFullscreen:st,zoomIn:sn,zoomOut:cn,resetZoom:Zt,focusLocation:Un,copyAlt:Wn}),(e,t)=>(x(),_(`div`,{class:Ce(`vue-data-ui-component vue-ui-geo ${P.value?`vue-data-ui-wrapper-fullscreen`:``} ${z.value?`vue-ui-geo-responsive`:``} ${$.value?`vue-ui-geo-interacting`:``}`),ref_key:`geoChart`,ref:O,id:`map_${D.value}`,dir:`auto`,style:we({fontFamily:F.value.style.fontFamily,width:`100%`,backgroundColor:L.value.backgroundColor,height:z.value?`${U.value}px`:void 0})},[v(`div`,{id:`chart-instructions-${D.value}`,class:`sr-only`},[v(`p`,null,De(F.value.a11y.translations.keyboardNavigation),1)],8,Ne),Xn.value?.rows?.length?(x(),h(de,{key:0,uid:D.value,head:Xn.value.headers,body:Xn.value.rows,notice:F.value.a11y.translations.tableAvailable,caption:F.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):g(``,!0),Ct.value?(x(),_(`div`,{key:1,ref_key:`noTitle`,ref:tt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):g(``,!0),L.value.title.text?(x(),_(`div`,{key:2,ref_key:`chartTitle`,ref:et,style:`width:100%;background:transparent;padding-bottom:12px`},[(x(),h(ne,{key:`title_${Qe.value}`,config:{title:{cy:`geo-title`,...L.value.title},subtitle:{cy:`geo-subtitle`,...L.value.title.subtitle}}},null,8,[`config`]))],512)):g(``,!0),F.value.userOptions.buttons.annotator?(x(),h(T(qe),{key:3,svgRef:T(R),backgroundColor:L.value.backgroundColor,color:L.value.color,active:kn.value,isCursorPointer:ut.value,palette:F.value.userOptions.annotatorPalette,onClose:An},ve({_:2},[C(T(ae),t=>({name:t,fn:Ae(n=>[w(e.$slots,t,b(y(T(ie)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):g(``,!0),F.value.userOptions.show&&(T(ft)||T(dt))?(x(),h(T(Ke),{ref:`userOptionsRef`,key:`user_options_${Ze.value}`,backgroundColor:L.value.backgroundColor,color:L.value.color,isPrinting:T(gt),isImaging:T(_t),uid:D.value,hasXls:!1,hasTable:!1,hasTooltip:F.value.userOptions.buttons.tooltip&&L.value.tooltip.show,hasPdf:F.value.userOptions.buttons.pdf,hasImg:F.value.userOptions.buttons.img,hasSvg:F.value.userOptions.buttons.svg,hasFullscreen:F.value.userOptions.buttons.fullscreen,hasAltCopy:F.value.userOptions.buttons.altCopy,hasAnnotator:F.value.userOptions.buttons.annotator,hasZoom:F.value.userOptions.buttons.zoom,isZoom:V.value,isFullscreen:P.value,isTooltip:B.value.showTooltip,titles:{...F.value.userOptions.buttonTitles},chartElement:O.value,position:F.value.userOptions.position,isAnnotation:kn.value,callbacks:F.value.userOptions.callbacks,printScale:F.value.userOptions.print.scale,isCursorPointer:ut.value,onToggleFullscreen:st,onGeneratePdf:T(vt),onGenerateImage:T(Ln),onGenerateSvg:T(In),onToggleTooltip:jn,onToggleAnnotator:An,onToggleZoom:tn,onCopyAlt:Wn,style:we({visibility:T(ft)?T(dt)?`visible`:`hidden`:`visible`})},ve({_:2},[C(T(oe)(e.$slots,`menuIcon optionTooltip optionPdf optionImg optionSvg optionFullscreen optionAnnotator optionZoom optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Ae(n=>[w(e.$slots,t,b(y(T(se)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasFullscreen.hasAltCopy.hasAnnotator.hasZoom.isZoom.isFullscreen.isTooltip.titles.chartElement.position.isAnnotation.callbacks.printScale.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):g(``,!0),L.value.controls.position===`top`&&L.value.controls.show&&!T(mt)?(x(),h(te,{key:5,ref_key:`zoomControlsTop`,ref:rt,config:F.value,scale:T($t),isFullscreen:P.value,isCursorPointer:ut.value,onZoomIn:sn,onZoomOut:cn,onResetZoom:ln},null,8,[`config`,`scale`,`isFullscreen`,`isCursorPointer`])):g(``,!0),v(`div`,Pe,[(x(),_(`svg`,{ref_key:`svgRef`,ref:R,xmlns:T(s),viewBox:on.value,preserveAspectRatio:`xMidYMid meet`,"aria-describedby":`map-keyboard-instructions-${D.value}`,tabindex:`0`,style:we({display:`block`,width:`100%`,height:z.value?`${U.value}px`:`auto`,background:L.value.backgroundColor,touchAction:V.value?`none`:`auto`,cursor:V.value?$.value?`grabbing`:`grab`:`default`}),id:`vue-ui-geo_${D.value}`,onPointerdown:Bn,onPointerup:Vn,onPointercancel:Vn,onPointerleave:Vn,onWheel:Hn,onFocus:qn,onBlur:Jn,onKeydown:Yn},[ye(T(Je)),v(`g`,{transform:Jt.value.transform,style:we({pointerEvents:$.value?`none`:`auto`})},[w(e.$slots,`svg-underlayer`,{svg:{drawingArea:on.value,x:K.value?.minX??0,y:K.value?.minY??0,width:K.value?.width??0,height:K.value?.height??0,isPrintingImg:T(gt)||T(_t)||T(Pn),isPrintingSvg:T(Fn),data:{areaPaths:Ht.value,linePaths:Ut.value,geoJsonPoints:Wt.value,projectedPoints:fn.value}}},void 0,!0),v(`g`,null,[(x(!0),_(_e,null,C(Ht.value,e=>(x(),_(`path`,{class:`vue-ui-geo-territory`,key:e.uid,d:e.path,fill:X.value===e.uid?Q.value.hover.fill:Q.value.fill,stroke:X.value===e.uid?Q.value.hover.stroke:Q.value.stroke,"stroke-width":X.value===e.uid?Q.value.hover.strokeWidth:Q.value.strokeWidth,"vector-effect":`non-scaling-stroke`,onMouseenter:t=>bn(e),onMouseleave:t=>xn(e),onClick:t=>Sn(e)},null,40,Le))),128))]),v(`g`,null,[(x(!0),_(_e,null,C(Ut.value,e=>(x(),_(`path`,{class:`vue-ui-geo-territory`,key:e.uid,d:e.path,fill:`none`,stroke:X.value===e.uid?Q.value.hover.stroke:Q.value.stroke,"stroke-width":X.value===e.uid?Q.value.hover.strokeWidth:Q.value.strokeWidth,"vector-effect":`non-scaling-stroke`,onMouseenter:t=>bn(e),onMouseleave:t=>xn(e),onClick:t=>Sn(e)},null,40,Re))),128))]),v(`g`,null,[(x(!0),_(_e,null,C(Wt.value,e=>(x(),_(`circle`,{key:e.uid,cx:e.x,cy:e.y,r:e.radius,fill:e.fill,stroke:e.stroke,"stroke-width":e.strokeWidth,"vector-effect":`non-scaling-stroke`,onMouseenter:t=>Dn(e),onMouseleave:On},null,40,ze))),128))]),(x(!0),_(_e,null,C(fn.value,(t,n)=>(x(),_(`g`,{key:t.uid},[w(e.$slots,`datapoint`,xe({ref_for:!0},{point:t,onPointEnter:Cn,onPointLeave:wn,onPointClick:En,highlighted:Y.value===t.uid}),()=>[v(`circle`,{class:Ce({"vue-ui-geo-point":!0,"vue-ui-geo-point-with-event":Tn.value&&ut.value}),cx:t.x,cy:t.y,r:Y.value===t.uid?t.radius*t.hoverRadiusRatio:t.radius,fill:t.fill,stroke:I.value.stroke,"stroke-width":I.value.strokeWidth,"vector-effect":`non-scaling-stroke`,onMouseenter:e=>Cn(t,n),onMouseleave:e=>wn(t),onClick:e=>En(t)},null,42,Be)],!0),lt.value.show?(x(),_(`text`,{key:0,class:`vue-ui-geo-point-label`,x:t.x,y:t.y+(Y.value===t.uid?t.radius*t.hoverRadiusRatio:t.radius)+lt.value.offsetY+1*lt.value.fontSizeRatio,"text-anchor":`middle`,fill:lt.value.color,"font-size":1*lt.value.fontSizeRatio},De(t.name),9,Ve)):g(``,!0)]))),128)),w(e.$slots,`svg`,{svg:{drawingArea:on.value,x:K.value?.minX??0,y:K.value?.minY??0,width:K.value?.width??0,height:K.value?.height??0,isPrintingImg:T(gt)||T(_t)||T(Pn),isPrintingSvg:T(Fn),data:{areaPaths:Ht.value,linePaths:Ut.value,geoJsonPoints:Wt.value,projectedPoints:fn.value}}},void 0,!0)],12,Ie)],44,Fe)),e.$slots.hint?(x(),_(`div`,He,[w(e.$slots,`hint`,b(y({hint:F.value.a11y.translations.keyboardNavigation,isVisible:ot.value})),void 0,!0)])):g(``,!0)]),e.$slots.watermark?(x(),_(`div`,Ue,[w(e.$slots,`watermark`,b(y({isPrinting:T(gt)||T(_t)||T(Pn)||T(Fn)})),void 0,!0)])):g(``,!0),L.value.controls.position===`bottom`&&L.value.controls.show&&!T(mt)?(x(),h(te,{key:7,ref_key:`zoomControlsBottom`,ref:it,config:F.value,scale:T($t),isFullscreen:P.value,isCursorPointer:ut.value,onZoomIn:sn,onZoomOut:cn,onResetZoom:ln},null,8,[`config`,`scale`,`isFullscreen`,`isCursorPointer`])):g(``,!0),ye(T(Ge),{teleportTo:L.value.tooltip.teleportTo,show:B.value.showTooltip&&mn.value,backgroundColor:L.value.tooltip.backgroundColor,color:L.value.tooltip.color,fontSize:L.value.tooltip.fontSize,borderRadius:L.value.tooltip.borderRadius,borderColor:L.value.tooltip.borderColor,borderWidth:L.value.tooltip.borderWidth,backgroundOpacity:L.value.tooltip.backgroundOpacity,position:L.value.tooltip.position,offsetX:L.value.tooltip.offsetX,offsetY:L.value.tooltip.offsetY,parent:O.value,content:hn.value,isCustom:J.value,isFullscreen:P.value,smooth:L.value.tooltip.smooth,backdropFilter:L.value.tooltip.backdropFilter,smoothForce:L.value.tooltip.smoothForce,smoothSnapThreshold:L.value.tooltip.smoothSnapThreshold,isA11yMode:N.value===`keyboard`,a11yPosition:at.value},{"tooltip-before":Ae(()=>[w(e.$slots,`tooltip-before`,b(y({...$e.value})),void 0,!0)]),tooltip:Ae(()=>[w(e.$slots,`tooltip`,b(y({...$e.value})),void 0,!0)]),"tooltip-after":Ae(()=>[w(e.$slots,`tooltip-after`,b(y({...$e.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`]),e.$slots.source?(x(),_(`div`,{key:8,ref_key:`source`,ref:nt,dir:`auto`},[w(e.$slots,`source`,{},void 0,!0)],512)):g(``,!0),w(e.$slots,`skeleton`,{},()=>[T(mt)?(x(),h(u,{key:0})):g(``,!0)],!0)],14,Me))}},[[`__scopeId`,`data-v-94d7eb8d`]]);export{je as n,Ge as t};

package/dist/{vue-ui-gizmo-K1lfslsA.js → vue-ui-gizmo-CssVcz-O.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-DM9fSqjh.js";import{$ as n,X as r,at as ee,i,in as a}from"./lib-DqD8nbyX.js";import{n as te,t as o}from"./BaseScanner-8NdoBs7B.js";import{n as s,t as c}from"./useHints-BH9r_0Vd.js";import{t as l}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as u}from"./useNestedProp-DrLnzyHO.js";import{t as ne}from"./DefGrad-DKMq1REY.js";import{Fragment as d,computed as f,createBlock as re,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineAsyncComponent as _,normalizeStyle as v,onMounted as y,openBlock as b,ref as x,renderSlot as ie,toDisplayString as S,toRefs as ae,unref as C,useSlots as oe,watch as w}from"vue";var T=/* @__PURE__ */ e({default:()=>B}),E=[`aria-label`,`aria-valuenow`,`aria-valuetext`,`aria-busy`],D=[`viewBox`,`width`],O={key:0},k=[`stroke`],A=[`stroke`],j=[`width`,`fill`],M=[`fill`],N={key:0},P=[`id`],F=[`stroke`],I=[`stroke`,`stroke-dasharray`,`stroke-dashoffset`],L=[`filter`],R=[`stroke`,`stroke-dasharray`,`stroke-dashoffset`],z=[`fill`],B=/*#__PURE__*/ l({__name:`vue-ui-gizmo`,props:{config:{type:Object,default(){return{}}},dataset:{type:Number}},setup(e){let l=_(()=>import(`./PackageVersion-ATrKWi8V.js`).then(e=>e.t)),{vue_ui_gizmo:T}=t(),B=e,V=x(r()),H=oe();y(()=>{W()}),y(()=>{H[`chart-background`]&&U.value&&console.warn(`VueUiGizmo does not support the #chart-background slot.`)});let U=f(()=>G.value.debug);function W(){!B.dataset&&B.dataset!==0&&ee({componentName:`VueUiGizmo`,type:`dataset`,debug:U.value}),B.dataset<0&&U.value&&console.warn(`VueUiGizmo: dataset cannot be negative.`),B.dataset>100&&U.value&&console.warn(`VueUiGizmo: gauge is maxed out, as dataset exceeds 100% (props.dataset = ${B.dataset})`)}let G=x(Y());s({config:()=>G.value,dataset:()=>B.dataset,component:`VueUiGizmo`,rules:[c.noHint]});let K=f(()=>a({defaultConfig:{stroke:`#6A6A6A80`,color:`#6A6A6A`,gradientColor:`#CACACA`,textColor:`transparent`},userConfig:G.value.skeletonConfig??{}})),{loading:q,FINAL_DATASET:J,manualLoading:se}=te({...ae(B),FINAL_CONFIG:G,prepareConfig:Y,dsIsNumber:!0,skeletonDataset:B.config?.skeletonDataset??50,skeletonConfig:a({defaultConfig:G.value,userConfig:K.value})});function Y(){return u({userConfig:B.config,defaultConfig:T})}w(()=>B.config,e=>{G.value=Y(),W()},{deep:!0});let X=f(()=>({battery:{width:G.value.showPercentage?150:80,height:50},gauge:{width:80,height:80}})[G.value.type]),Z=f(()=>Math.min(Math.max(0,J.value),100)),Q=f(()=>Math.max(0,J.value)),$=f(()=>{let e=2*Math.PI*35,t=e-Z.value/100*e;return{dasharray:`${e} ${e}`,dashoffset:t}});return(e,t)=>(b(),m(`div`,{class:`vue-data-ui-component vue-ui-gizmo-wrapper`,role:`progressbar`,"aria-label":G.value.a11y.translations.label,"aria-valuemin":`0`,"aria-valuemax":`100`,"aria-valuenow":C(q)?void 0:Z.value,"aria-valuetext":Z.value+`%`,"aria-busy":C(q)?`true`:`false`},[(b(),m(`svg`,{class:`vue-ui-gizmo`,viewBox:`0 0 ${X.value.width} ${X.value.height}`,width:G.value.size,style:v({background:`transparent`,fontFamily:G.value.fontFamily})},[g(C(l)),G.value.useGradient?(b(),m(`defs`,O,[g(ne,{t:`linear`,id:`gizmo_gradient_${V.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,G.value.gradientColor,1],[`100%`,G.value.color,1]]},null,8,[`id`,`stops`])])):p(``,!0),G.value.type===`battery`?(b(),m(d,{key:1},[h(`path`,{d:`M 5 10 L 5 40 C 5 43 7 45 9 45 L 65 45 C 68 45 70 43 70 40 L 70 38 C 73 38 75 38 75 33 L 75 17 C 75 12 73 12 70 12 L 70 10 C 70 7 68 5 65 5 L 10 5 C 7 5 5 7 5 10`,stroke:G.value.stroke,"stroke-width":2,fill:`none`},null,8,k),h(`path`,{d:`M 70 16 L 70 34`,stroke:G.value.stroke,"stroke-width":2,fill:`none`,style:{opacity:`0.5`}},null,8,A),h(`rect`,{x:10,y:10,height:30,width:55*(Z.value/100),fill:G.value.useGradient?`url(#gizmo_gradient_${V.value})`:G.value.color,rx:2},null,8,j),G.value.showPercentage?(b(),m(`text`,{key:0,x:85,y:32,"text-anchor":`start`,"font-size":`20`,fill:G.value.textColor},S(C(i)(G.value.formatter,Q.value,C(n)({v:Q.value,s:`%`}))),9,M)):p(``,!0)],64)):p(``,!0),G.value.type===`gauge`?(b(),m(d,{key:2},[G.value.useGradient?(b(),m(`defs`,N,[h(`filter`,{id:`blur_${V.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[...t[0]||=[h(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:1},null,-1)]],8,P)])):p(``,!0),h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.stroke,"stroke-width":8,fill:`none`},null,8,F),h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.color,"stroke-width":8,"stroke-dasharray":$.value.dasharray,"stroke-dashoffset":$.value.dashoffset,"stroke-linecap":`round`,fill:`none`,style:{transform:`rotate(-90deg)`,"transform-origin":`50% 50%`}},null,8,I),G.value.useGradient?(b(),m(`g`,{key:1,filter:`url(#blur_${V.value})`},[h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.gradientColor,"stroke-width":1,fill:`none`,"stroke-dasharray":$.value.dasharray,"stroke-dashoffset":$.value.dashoffset,style:{transform:`rotate(-90deg)`,"transform-origin":`50% 50%`}},null,8,R)],8,L)):p(``,!0),G.value.showPercentage?(b(),m(`text`,{key:2,x:40,y:47,"text-anchor":`middle`,"font-size":`20`,fill:G.value.textColor},S(C(i)(G.value.formatter,Q.value,C(n)({v:Q.value,s:`%`}))),9,z)):p(``,!0)],64)):p(``,!0)],12,D)),ie(e.$slots,`skeleton`,{},()=>[C(q)?(b(),re(o,{key:0})):p(``,!0)],!0)],8,E))}},[[`__scopeId`,`data-v-f296c0f3`]]);export{T as n,B as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,X as r,at as ee,i,in as a}from"./lib-rPeBMZrn.js";import{n as te,t as o}from"./BaseScanner-8NdoBs7B.js";import{n as s,t as c}from"./useHints-BH9r_0Vd.js";import{t as l}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as u}from"./useNestedProp-DnGoh-XS.js";import{t as ne}from"./DefGrad-DKMq1REY.js";import{Fragment as d,computed as f,createBlock as re,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineAsyncComponent as _,normalizeStyle as v,onMounted as y,openBlock as b,ref as x,renderSlot as ie,toDisplayString as S,toRefs as ae,unref as C,useSlots as oe,watch as w}from"vue";var T=/* @__PURE__ */ e({default:()=>B}),E=[`aria-label`,`aria-valuenow`,`aria-valuetext`,`aria-busy`],D=[`viewBox`,`width`],O={key:0},k=[`stroke`],A=[`stroke`],j=[`width`,`fill`],M=[`fill`],N={key:0},P=[`id`],F=[`stroke`],I=[`stroke`,`stroke-dasharray`,`stroke-dashoffset`],L=[`filter`],R=[`stroke`,`stroke-dasharray`,`stroke-dashoffset`],z=[`fill`],B=/*#__PURE__*/ l({__name:`vue-ui-gizmo`,props:{config:{type:Object,default(){return{}}},dataset:{type:Number}},setup(e){let l=_(()=>import(`./PackageVersion-C4ZM3Vf7.js`).then(e=>e.t)),{vue_ui_gizmo:T}=t(),B=e,V=x(r()),H=oe();y(()=>{W()}),y(()=>{H[`chart-background`]&&U.value&&console.warn(`VueUiGizmo does not support the #chart-background slot.`)});let U=f(()=>G.value.debug);function W(){!B.dataset&&B.dataset!==0&&ee({componentName:`VueUiGizmo`,type:`dataset`,debug:U.value}),B.dataset<0&&U.value&&console.warn(`VueUiGizmo: dataset cannot be negative.`),B.dataset>100&&U.value&&console.warn(`VueUiGizmo: gauge is maxed out, as dataset exceeds 100% (props.dataset = ${B.dataset})`)}let G=x(Y());s({config:()=>G.value,dataset:()=>B.dataset,component:`VueUiGizmo`,rules:[c.noHint]});let K=f(()=>a({defaultConfig:{stroke:`#6A6A6A80`,color:`#6A6A6A`,gradientColor:`#CACACA`,textColor:`transparent`},userConfig:G.value.skeletonConfig??{}})),{loading:q,FINAL_DATASET:J,manualLoading:se}=te({...ae(B),FINAL_CONFIG:G,prepareConfig:Y,dsIsNumber:!0,skeletonDataset:B.config?.skeletonDataset??50,skeletonConfig:a({defaultConfig:G.value,userConfig:K.value})});function Y(){return u({userConfig:B.config,defaultConfig:T})}w(()=>B.config,e=>{G.value=Y(),W()},{deep:!0});let X=f(()=>({battery:{width:G.value.showPercentage?150:80,height:50},gauge:{width:80,height:80}})[G.value.type]),Z=f(()=>Math.min(Math.max(0,J.value),100)),Q=f(()=>Math.max(0,J.value)),$=f(()=>{let e=2*Math.PI*35,t=e-Z.value/100*e;return{dasharray:`${e} ${e}`,dashoffset:t}});return(e,t)=>(b(),m(`div`,{class:`vue-data-ui-component vue-ui-gizmo-wrapper`,role:`progressbar`,"aria-label":G.value.a11y.translations.label,"aria-valuemin":`0`,"aria-valuemax":`100`,"aria-valuenow":C(q)?void 0:Z.value,"aria-valuetext":Z.value+`%`,"aria-busy":C(q)?`true`:`false`},[(b(),m(`svg`,{class:`vue-ui-gizmo`,viewBox:`0 0 ${X.value.width} ${X.value.height}`,width:G.value.size,style:v({background:`transparent`,fontFamily:G.value.fontFamily})},[g(C(l)),G.value.useGradient?(b(),m(`defs`,O,[g(ne,{t:`linear`,id:`gizmo_gradient_${V.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,G.value.gradientColor,1],[`100%`,G.value.color,1]]},null,8,[`id`,`stops`])])):p(``,!0),G.value.type===`battery`?(b(),m(d,{key:1},[h(`path`,{d:`M 5 10 L 5 40 C 5 43 7 45 9 45 L 65 45 C 68 45 70 43 70 40 L 70 38 C 73 38 75 38 75 33 L 75 17 C 75 12 73 12 70 12 L 70 10 C 70 7 68 5 65 5 L 10 5 C 7 5 5 7 5 10`,stroke:G.value.stroke,"stroke-width":2,fill:`none`},null,8,k),h(`path`,{d:`M 70 16 L 70 34`,stroke:G.value.stroke,"stroke-width":2,fill:`none`,style:{opacity:`0.5`}},null,8,A),h(`rect`,{x:10,y:10,height:30,width:55*(Z.value/100),fill:G.value.useGradient?`url(#gizmo_gradient_${V.value})`:G.value.color,rx:2},null,8,j),G.value.showPercentage?(b(),m(`text`,{key:0,x:85,y:32,"text-anchor":`start`,"font-size":`20`,fill:G.value.textColor},S(C(i)(G.value.formatter,Q.value,C(n)({v:Q.value,s:`%`}))),9,M)):p(``,!0)],64)):p(``,!0),G.value.type===`gauge`?(b(),m(d,{key:2},[G.value.useGradient?(b(),m(`defs`,N,[h(`filter`,{id:`blur_${V.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[...t[0]||=[h(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:1},null,-1)]],8,P)])):p(``,!0),h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.stroke,"stroke-width":8,fill:`none`},null,8,F),h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.color,"stroke-width":8,"stroke-dasharray":$.value.dasharray,"stroke-dashoffset":$.value.dashoffset,"stroke-linecap":`round`,fill:`none`,style:{transform:`rotate(-90deg)`,"transform-origin":`50% 50%`}},null,8,I),G.value.useGradient?(b(),m(`g`,{key:1,filter:`url(#blur_${V.value})`},[h(`circle`,{cx:40,cy:40,r:35,stroke:G.value.gradientColor,"stroke-width":1,fill:`none`,"stroke-dasharray":$.value.dasharray,"stroke-dashoffset":$.value.dashoffset,style:{transform:`rotate(-90deg)`,"transform-origin":`50% 50%`}},null,8,R)],8,L)):p(``,!0),G.value.showPercentage?(b(),m(`text`,{key:2,x:40,y:47,"text-anchor":`middle`,"font-size":`20`,fill:G.value.textColor},S(C(i)(G.value.formatter,Q.value,C(n)({v:Q.value,s:`%`}))),9,z)):p(``,!0)],64)):p(``,!0)],12,D)),ie(e.$slots,`skeleton`,{},()=>[C(q)?(b(),re(o,{key:0})):p(``,!0)],!0)],8,E))}},[[`__scopeId`,`data-v-f296c0f3`]]);export{T as n,B as t};

package/dist/vue-ui-graph-BB_97Qz7.js

@@ -0,0 +1,7 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{D as n,Ht as r,J as i,X as a,in as o}from"./lib-rPeBMZrn.js";import{n as s,t as c}from"./BaseScanner-8NdoBs7B.js";import{n as l,t as u}from"./useHints-BH9r_0Vd.js";import{t as d}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as f}from"./resolveChartConfig-CIhClE5R.js";import{t as ee}from"./chartImage-DPGnEuYM.js";import{t as te}from"./vue_ui_graph-B1ACwQj7.js";import{t as ne}from"./BaseZoomControls-ByS_7fmI.js";import{n as re}from"./Title-BliHuXfT.js";import{t as ie}from"./useChartExport-BZts4KFb.js";import{t as ae}from"./tableIntegration-CNoJ1CIY.js";import{n as oe,t as se}from"./annotationSlots-BRR85CqJ.js";import{n as ce,t as le}from"./userOptionsSlots-DYuo-E5m.js";import{Fragment as p,TransitionGroup as ue,computed as m,createBlock as de,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createSlots as fe,createTextVNode as pe,createVNode as me,defineAsyncComponent as he,guardReactiveProps as ge,mergeProps as _e,nextTick as ve,normalizeClass as ye,normalizeProps as be,normalizeStyle as xe,onBeforeUnmount as Se,onMounted as Ce,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as we,shallowRef as Te,toDisplayString as S,triggerRef as Ee,unref as C,useSlots as De,watch as w,withCtx as T,withKeys as Oe,withModifiers as ke}from"vue";var Ae={nodes:[[`center`,0,0,18],[`west`,-110,-65,15],[`east`,115,-45,16],[`south`,20,115,14],[`w1`,-190,-90,7],[`w2`,-145,-155,9],[`w3`,-65,-140,6],[`w4`,-195,-5,8],[`w5`,-115,25,6],[`e1`,70,-135,8],[`e2`,160,-130,6],[`e3`,205,-55,9],[`e4`,175,35,7],[`e5`,85,40,6],[`s1`,-65,95,8],[`s2`,-50,185,6],[`s3`,40,205,9],[`s4`,115,150,7],[`s5`,100,90,6]].map(([e,t,n,r])=>({id:`skeleton-${e}`,x:t,y:n,radius:r,fixed:!0})),links:[[`center`,`west`],[`center`,`east`],[`center`,`south`],[`west`,`w1`],[`west`,`w2`],[`west`,`w3`],[`west`,`w4`],[`west`,`w5`],[`w1`,`w2`],[`w2`,`w3`],[`w4`,`w5`],[`east`,`e1`],[`east`,`e2`],[`east`,`e3`],[`east`,`e4`],[`east`,`e5`],[`e1`,`e2`],[`e2`,`e3`],[`e4`,`e5`],[`south`,`s1`],[`south`,`s2`],[`south`,`s3`],[`south`,`s4`],[`south`,`s5`],[`s1`,`s2`],[`s2`,`s3`],[`s4`,`s5`],[`w3`,`e1`],[`w5`,`s1`],[`e5`,`s5`]].map(([e,t])=>({source:`skeleton-${e}`,target:`skeleton-${t}`}))},je={animation:{enabled:!1},layout:{iterations:0},viewport:{initialFit:!0},userOptions:{show:!1},table:{show:!1},tooltip:{show:!1},events:{datapointEnter:null,datapointLeave:null,datapointClick:null},interaction:{zoom:{enabled:!1},pan:{enabled:!1},drag:{enabled:!1}},style:{chart:{backgroundColor:`#99999930`,controls:{show:!1},nodes:{colorByGroup:!1,color:`#BABABA`,stroke:`#CCCCCC`,sizeByValue:!1,sizeByDegree:!1,radius:10,gradient:!1,glow:{show:!1},labels:{show:!1}},links:{color:`#CCCCCC`,glow:!1,arrows:{show:!1,showOnHover:!1},pulses:{show:!1,showOnHover:!1}}}}},Me=(e,t)=>Number.isFinite(e)?e:t;function Ne(e,t=/* @__PURE__ */ new Map,n,i=()=>{}){let a=[],o=/* @__PURE__ */ new Map,s=/* @__PURE__ */ new Map,c=/* @__PURE__ */ new Map;for(let n of e?.nodes||[]){if(!n||![`string`,`number`].includes(typeof n.id)||typeof n.id==`number`&&!Number.isFinite(n.id)||o.has(n.id)){i(`Ignored invalid or duplicate node ID`);continue}let e=t.get(n.id),r=a.length,l=r*2.399963229728653,u=20*Math.sqrt(r);c.has(n.group)||c.set(n.group,c.size);let d={...n,raw:n,x:e?.x??Me(n.x,Math.cos(l)*u),y:e?.y??Me(n.y,Math.sin(l)*u),vx:e?.vx||0,vy:e?.vy||0,pinned:!!n.fixed||!!e?.userPinned,userPinned:e?.userPinned,degree:0,index:r,groupIndex:c.get(n.group)};a.push(d),o.set(n.id,d),s.set(n.id,/* @__PURE__ */ new Set)}let l=[],u=/* @__PURE__ */ new Map;for(let t of e?.links||[]){let e=o.get(t?.source),n=o.get(t?.target);if(!e||!n){i(`Ignored link referencing an unknown node`);continue}e.degree+=1,n.degree+=1,s.get(e.id).add(n.id),s.get(n.id).add(e.id);let r=e.index,a=n.index,c=`${Math.min(r,a)}:${Math.max(r,a)}`,d={raw:t,source:e,target:n,index:l.length,strength:Math.min(3,Math.sqrt(Math.max(0,Me(t.value,1)))),lane:0,direction:r<=a?1:-1};u.has(c)||u.set(c,[]),u.get(c).push(d),l.push(d)}for(let e of u.values())e.forEach((t,n)=>{t.lane=n-(e.length-1)/2,t.selfIndex=n});let d=n.customPalette?.length?n.customPalette:r,f=n.style.chart.nodes,ee=a.map(e=>Math.max(0,Me(f.sizeByDegree?e.degree:e.value,0))),te=Math.max(1,...ee);return a.forEach((e,t)=>{e.radius=Math.max(.5,Me(e.raw.radius,(f.sizeByValue||f.sizeByDegree)&&ee[t]>0?f.minRadius+Math.sqrt(ee[t]/te)*(f.maxRadius-f.minRadius):f.radius)),e.groupColor=f.colorByGroup?d[e.groupIndex%d.length]:f.color,e.color=e.raw.color||e.groupColor||f.color}),{nodes:a,links:l,byId:o,adjacency:s}}function Pe(e,t,n,r,i=0){let a={x:t,y:n,size:r,count:e.length,cx:0,cy:0};if(!e.length)return a;for(let t of e)a.cx+=t.x,a.cy+=t.y;if(a.cx/=e.length,a.cy/=e.length,e.length<=1||i>=20)return a.nodes=e,a;let o=r/2,s=[[],[],[],[]];for(let r of e)s[+(r.x>=t+o)+(r.y>=n+o?2:0)].push(r);a.children=[];for(let e=0;e<4;e++)s[e].length&&a.children.push(Pe(s[e],t+e%2*o,n+(e>1?o:0),o,i+1));return a}function Fe(e,t,n=1){let{nodes:r,links:i}=e;if(!r.length)return 0;let a=1/0,o=1/0,s=-1/0,c=-1/0,l=1;for(let e of r)a=Math.min(a,e.x),o=Math.min(o,e.y),s=Math.max(s,e.x),c=Math.max(c,e.y),l=Math.max(l,e.radius);let u=Pe(r,a,o,Math.max(s-a,c-o,1)+1),d=Math.max(0,-t.chargeStrength)*n*t.strength,f=t.theta*t.theta;function ee(e,t){if(!t.count)return;let n=e.x-t.cx,r=e.y-t.cy,i=n*n+r*r+4,a=e.x>=t.x&&e.x<=t.x+t.size&&e.y>=t.y&&e.y<=t.y+t.size;if(!t.nodes&&!a&&t.size*t.size<f*i)e.vx+=n*d*t.count/i,e.vy+=r*d*t.count/i;else if(t.nodes){for(let n of t.nodes)if(n!==e){let t=e.x-n.x||.01,r=e.y-n.y||.01,i=t*t+r*r+4;e.vx+=t*d/i,e.vy+=r*d/i}}else for(let n of t.children)ee(e,n)}let te=/* @__PURE__ */ new Map;if(t.clusterStrength)for(let e of r){let t=te.get(e.group)||{x:0,y:0,count:0};t.x+=e.x,t.y+=e.y,t.count+=1,te.set(e.group,t)}for(let e of r){ee(e,u),e.vx-=e.x*t.centerStrength*n,e.vy-=e.y*t.centerStrength*n;let r=te.get(e.group);r&&(e.vx+=(r.x/r.count-e.x)*t.clusterStrength*n,e.vy+=(r.y/r.count-e.y)*t.clusterStrength*n)}for(let e of i){if(e.source===e.target)continue;let r=e.target.x-e.source.x,i=e.target.y-e.source.y,a=Math.sqrt(r*r+i*i)||1,o=(a-t.linkDistance)*t.linkStrength*e.strength*n*t.strength/2,s=r/a*o,c=i/a*o,l=Math.max(1,e.source.degree),u=Math.max(1,e.target.degree);e.source.vx+=s/l,e.source.vy+=c/l,e.target.vx-=s/u,e.target.vy-=c/u}let ne=l*2+Math.max(0,t.collisionPadding),re=/* @__PURE__ */ new Map;for(let e of r){let n=Math.floor(e.x/ne),r=Math.floor(e.y/ne);for(let i=n-1;i<=n+1;i+=1){let n=re.get(i);if(n)for(let i=r-1;i<=r+1;i+=1){let r=n.get(i);if(r)for(let n of r){let r=e.x-n.x||.01,i=e.y-n.y||.01,a=r*r+i*i,o=e.radius+n.radius+t.collisionPadding;if(a<o*o){let t=Math.sqrt(a),s=(o-t)/t*.5;e.vx+=r*s,e.vy+=i*s,n.vx-=r*s,n.vy-=i*s}}}}let i=re.get(n);i||re.set(n,i=/* @__PURE__ */ new Map);let a=i.get(r);a||i.set(r,a=[]),a.push(e)}let ie=Math.max(0,t.centerStrength*n-.05),ae=1+t.friction*(ie+2*Math.sqrt(ie)),oe=0;for(let e of r)e.pinned?e.vx=e.vy=0:(e.vx=Math.max(-30,Math.min(30,e.vx*t.friction/ae)),e.vy=Math.max(-30,Math.min(30,e.vy*t.friction/ae)),e.x+=e.vx,e.y+=e.vy,oe+=e.vx*e.vx+e.vy*e.vy);return oe/r.length}function Ie(e,t=e=>e){let n=(e,n)=>`${t(e)} ${t(n)}`,{source:r,target:i}=e;if(r===i){let t=r.radius+16+(e.selfIndex||0)*12,i=r.radius/Math.SQRT2;return`M ${n(r.x-i,r.y-i)} C ${n(r.x-t*2,r.y-t*3)} ${n(r.x+t*2,r.y-t*3)} ${n(r.x+i,r.y-i)}`}let a=i.x-r.x,o=i.y-r.y,s=Math.hypot(a,o)||1,c=e.lane*24*e.direction,l=(r.x+i.x)/2-o/s*c,u=(r.y+i.y)/2+a/s*c,d=Math.hypot(l-r.x,u-r.y)||1,f=Math.hypot(i.x-l,i.y-u)||1;return`M ${n(r.x+(l-r.x)/d*r.radius,r.y+(u-r.y)/d*r.radius)} Q ${n(l,u)} ${n(i.x-(i.x-l)/f*i.radius,i.y-(i.y-u)/f*i.radius)}`}var Le=/* @__PURE__ */ new Map,Re=/* @__PURE__ */ new Map,ze=8;function Be(e,t){return JSON.stringify([t,e.nodes.map(e=>[e.x,e.y,e.vx,e.vy,e.radius,e.pinned,e.groupIndex]),e.links.map(e=>[e.source.index,e.target.index,e.strength])])}function E(e,t){e.nodes.forEach((e,n)=>{[e.x,e.y,e.vx,e.vy]=t[n]})}function Ve(e,t,n,{eager:r=!1}={}){let i=Be(e,t),a=Re.get(i);if(a)return Re.delete(i),Re.set(i,a),E(e,a),n(),()=>{};let o=Le.get(i),s,c={graph:e,complete:n};if(!o){let n=e.nodes.map(e=>({...e}));o={graph:{nodes:n,links:e.links.map(e=>({...e,source:n[e.source.index],target:n[e.target.index]}))},config:{...t},listeners:/* @__PURE__ */ new Set,frame:null,iteration:0},Le.set(i,o);let r=()=>{o.frame=null;let e=performance.now(),t=1/0;for(;o.iteration<o.config.iterations&&(t=Fe(o.graph,o.config,Math.max(.015,1-o.iteration/Math.max(1,o.config.iterations))),o.iteration++,!(o.iteration>30&&t<.002||performance.now()-e>=8)););if(o.iteration>=o.config.iterations||o.iteration>30&&t<.002){let e=o.graph.nodes.map(e=>[e.x,e.y,e.vx,e.vy]);Le.delete(i),Re.set(i,e),Re.size>ze&&Re.delete(Re.keys().next().value);let t=[...o.listeners];o.listeners.clear();for(let n of t)E(n.graph,e),n.complete()}else o.frame=requestAnimationFrame(r)};s=r}return o.listeners.add(c),s&&(r?s():o.frame=requestAnimationFrame(s)),()=>{o.listeners.delete(c),!o.listeners.size&&Le.get(i)===o&&(o.frame!==null&&cancelAnimationFrame(o.frame),Le.delete(i))}}function He(e,t,n){return t!==null&&(e.source.id===t||e.target.id===t||!!(n?.has(e.source.id)&&n.has(e.target.id)))}function Ue(e,t,n=null,r=1,i){let a=/* @__PURE__ */ new Map;for(let o of e){let e=t.colorBySource?o.link.source.color:t.color||o.color,s=n!==null&&!He(o.link,n,i),c=t.opacity*(s?r:1),l=JSON.stringify([e,c]);a.has(l)||a.set(l,{key:l,color:e,opacity:c,items:[]}),a.get(l).items.push(o)}return[...a.values()]}function We(e,t,n,r,i=!1){let a=e.length,o=n*100/Math.max(1,r)*(i?-1:1),s=a>0?((t+o/a)%1+1)%1:0,c=s*a,l=e.points;for(let e=1;e<l.length;e++){let t=l[e-1],n=l[e],r=Math.hypot(n.x-t.x,n.y-t.y);if(c<=r&&r>0){let e=c/r;return{progress:s,x:t.x+(n.x-t.x)*e,y:t.y+(n.y-t.y)*e}}c-=r}return{progress:s,...l[l.length-1]}}var D=e=>Math.round(e*100)/100;function Ge(e,t){let n=Ie(e,D),r,i;function a(){let t=n.match(/-?\d*\.?\d+(?:e[+-]?\d+)?/gi).map(Number),r=n.includes(` C `),i=[],a=r?24:e.lane?16:1;for(let e=0;e<=a;e++){let n=e/a,o=1-n;i.push(r?{x:o*o*o*t[0]+3*o*o*n*t[2]+3*o*n*n*t[4]+n*n*n*t[6],y:o*o*o*t[1]+3*o*o*n*t[3]+3*o*n*n*t[5]+n*n*n*t[7]}:{x:o*o*t[0]+2*o*n*t[2]+n*n*t[4],y:o*o*t[1]+2*o*n*t[3]+n*n*t[5]})}return i}let o=e.raw.color||t.color,s=e.raw.width??(t.widthByValue?Math.min(t.maxWidth,t.width*Math.sqrt(Math.max(0,e.raw.value??1))):t.width),c=!!(e.raw.directed||t.arrows.show||t.arrows.showOnHover),l=``;if(c){let e=n.match(/-?\d*\.?\d+(?:e[+-]?\d+)?/gi).map(Number),t=e.at(-2),r=e.at(-1),i=t-e.at(-4),a=r-e.at(-3),o=Math.hypot(i,a)||1,c=i/o,u=a/o,d=6*s,f=t-c*d,ee=r-u*d;l=`M ${D(t)} ${D(r)} L ${D(f-u*d/2)} ${D(ee+c*d/2)} L ${D(f+u*d/2)} ${D(ee-c*d/2)} Z`}return{link:e,d:n,arrowD:l,get points(){return r||=a()},get length(){if(i===void 0){let e=this.points;i=0;for(let t=1;t<e.length;t++)i+=Math.hypot(e[t].x-e[t-1].x,e[t].y-e[t-1].y)}return i},color:o,width:s,directed:c,key:JSON.stringify([o,s,c])}}function Ke(e,t=()=>!0){let n=/* @__PURE__ */ new Map;for(let r of e){if(!t(r.link))continue;let e=n.get(r.key);e||(e={key:r.key,color:r.color,width:r.width,directed:r.directed,paths:[],arrows:[]},n.set(r.key,e)),e.paths.push(r.d),r.arrowD&&e.arrows.push(r.arrowD)}return[...n.values()].map(({paths:e,arrows:t,...n})=>({...n,d:e.join(` `),arrowD:t.join(` `)}))}function qe(e){let{x:t,y:n,radius:r}=e;return`M ${D(t-r)} ${D(n)} a ${D(r)} ${D(r)} 0 1 0 ${D(r*2)} 0 a ${D(r)} ${D(r)} 0 1 0 ${D(-r*2)} 0 Z`}function Je(e,t=()=>!0){let n=/* @__PURE__ */ new Map;for(let r of e)t(r)&&(n.has(r.color)||n.set(r.color,[]),n.get(r.color).push(qe(r)));return[...n].map(([e,t])=>({color:e,d:t.join(` `)}))}function O(e,t,n){let r=n.x-t.x,i=n.y-t.y,a=r*r+i*i,o=a?Math.max(0,Math.min(1,((e.x-t.x)*r+(e.y-t.y)*i)/a)):0;return(e.x-t.x-o*r)**2+(e.y-t.y-o*i)**2}function Ye(e,t,n=48){let r=/* @__PURE__ */ new Map,i=/* @__PURE__ */ new Map,a=0;function o(e,t,n,r){let i=`${t}:${n}`;e.has(i)||e.set(i,[]),e.get(i).push(r)}for(let t of e)for(let e=Math.floor((t.x-t.radius)/n);e<=Math.floor((t.x+t.radius)/n);e++)for(let i=Math.floor((t.y-t.radius)/n);i<=Math.floor((t.y+t.radius)/n);i++)o(r,e,i,t);let s=!1;function c(){for(let e of t){a=Math.max(a,e.width);for(let t=1;t<e.points.length;t++){let r=e.points[t-1],a=e.points[t],s=Math.max(1,Math.ceil(Math.max(Math.abs(a.x-r.x),Math.abs(a.y-r.y))/n)),c={a:r,b:a,item:e},l;for(let e=0;e<=s;e++){let t=Math.floor((r.x+(a.x-r.x)*e/s)/n),u=Math.floor((r.y+(a.y-r.y)*e/s)/n),d=`${t}:${u}`;d!==l&&o(i,t,u,c),l=d}}}s=!0}function l(e,t,r){let i=/* @__PURE__ */ new Set;for(let a=Math.floor((t.x-r)/n);a<=Math.floor((t.x+r)/n);a++)for(let o=Math.floor((t.y-r)/n);o<=Math.floor((t.y+r)/n);o++)for(let t of e.get(`${a}:${o}`)||[])i.add(t);return i}return{nodeAt(e,t=0){let n=null;for(let i of l(r,e,t))(e.x-i.x)**2+(e.y-i.y)**2<=(i.radius+t)**2&&(!n||i.index>n.index)&&(n=i);return n},linkAt(e,t=4){s||c();let n=null,r=1/0;for(let o of l(i,e,t+a/2)){let i=O(e,o.a,o.b);i<=(t+o.item.width/2)**2&&i<r&&(r=i,n=o.item.link)}return n}}}function Xe(e){if(e==null)return``;try{return JSON.stringify(e)}catch{return String(e)}}function Ze(e,t){return{nodes:{head:[t.id,t.label,t.group,t.value,t.connections,t.metadata],body:e.nodes.map(e=>[e.id,{name:e.label??e.id,color:e.color},e.group??``,e.value??``,e.degree,Xe(e.metadata)])},links:{head:[t.source,t.target,t.label,t.value,t.directed,t.metadata],body:e.links.map(e=>[e.raw.source,e.raw.target,e.raw.label??``,e.raw.value??``,!!e.raw.directed,Xe(e.raw.metadata)])}}}function Qe(e,t,r){let i=[[t.text],[t.subtitle?.text||``],[],[r.nodes],e.nodes.head,...e.nodes.body.map(e=>e.map(e=>e&&typeof e==`object`?e.name:e)),[],[r.links],e.links.head,...e.links.body];return n(i.map(e=>e.map(e=>`"${String(e??``).replaceAll(`"`,`""`)}"`)))}var k=/* @__PURE__ */ e({default:()=>qt}),$e=[`id`],et={key:2,class:`vue-ui-graph-title`},tt=[`viewBox`,`aria-label`,`aria-busy`,`aria-describedby`,`tabindex`,`aria-activedescendant`],nt=[`id`],rt=[`id`],it=[`stdDeviation`],at={in:`blur`,result:`halo`},ot=[`slope`],st=[`id`],ct=[`stop-color`],lt=[`stop-color`],ut=[`fill`],dt=[`transform`],ft=[`filter`],pt=[`d`,`stroke`,`stroke-width`,`opacity`],mt=[`d`,`fill`,`opacity`],ht=[`opacity`],gt=[`d`,`stroke`,`stroke-width`],_t=[`d`,`fill`],vt=[`d`,`fill`,`opacity`],yt=[`fill`,`opacity`],bt={key:0,class:`vue-ui-graph-nodes vue-ui-graph-nodes-batched`,"pointer-events":`none`},xt=[`stroke`,`stroke-width`,`filter`],St=[`d`,`fill`,`opacity`],Ct=[`d`,`fill`,`opacity`],wt=[`cx`,`cy`,`r`,`stroke`,`stroke-width`,`opacity`],Tt=[`id`,`aria-label`,`aria-pressed`,`aria-describedby`],Et=[`cx`,`cy`,`r`,`stroke`,`stroke-width`,`opacity`],Dt=[`cx`,`cy`,`r`,`stroke`],Ot={key:1,class:`vue-ui-graph-nodes`},kt=[`data-node-index`,`id`,`transform`,`opacity`,`aria-label`,`aria-pressed`,`aria-describedby`,`onPointerenter`,`onFocus`,`onPointerdown`,`onClick`,`onKeydown`],At={key:0},jt=[`r`,`fill`,`stroke`,`stroke-width`,`filter`],Mt=[`r`,`fill`],Nt={class:`vue-ui-graph-labels`,"pointer-events":`none`,"aria-hidden":`true`},Pt=[`stroke`,`stroke-width`,`x`,`y`,`font-size`,`fill`,`opacity`,`innerHTML`],Ft={key:4,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},It={key:6,dir:`auto`},Lt={key:7,class:`vue-ui-graph-table-container`},Rt=[`id`],zt={class:`vue-ui-graph-tooltip-row`},Bt={key:0,class:`vue-ui-graph-tooltip-marker`,viewBox:`0 0 14 14`,"aria-hidden":`true`},Vt=[`fill`],Ht={key:0,class:`vue-ui-graph-tooltip-row`},Ut={class:`vue-ui-graph-tooltip-marker`,viewBox:`0 0 14 14`,"aria-hidden":`true`},Wt=[`fill`],Gt={key:1},Kt={key:2,class:`vue-ui-graph-tooltip-metadata`},qt=/*#__PURE__*/ d({__name:`vue-ui-graph`,props:{dataset:{type:Object,default:()=>({nodes:[],links:[]})},config:{type:Object,default:()=>({})}},emits:[`copyAlt`,`selectNode`,`hoverNode`,`zoom`,`zoomReset`,`layoutStart`,`layoutEnd`],setup(e,{expose:n,emit:r}){let d=he(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Me=he(()=>import(`./Tooltip-C1q0Qoh7.js`)),Pe=he(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),Ie=he(()=>import(`./DataTable-0Vv-aGHD.js`)),Le=he(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Re=he(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),ze=he(()=>import(`./PackageVersion-C4ZM3Vf7.js`).then(e=>e.t)),Be=e,E=r,D=y(a()),O=y(null),k=y(null),qt=y(!1),A=y(!1),Jt=m(()=>f(Be.config||{},t().vue_ui_graph,te)),j=y(Jt.value);l({config:()=>j.value,dataset:()=>Be.dataset,component:`VueUiGraph`,rules:[u.noHint]});let Yt=m(()=>o({defaultConfig:o({defaultConfig:Jt.value,userConfig:je}),userConfig:Be.config?.skeletonConfig??{}})),{loading:M,FINAL_DATASET:Xt}=s({config:m(()=>Be.config),dataset:m(()=>Be.dataset?.nodes?.length?Be.dataset:{}),skeletonDataset:Be.config?.skeletonDataset??Ae,skeletonConfig:Yt.value,FINAL_CONFIG:j,prepareConfig:()=>Jt.value});w([Jt,Yt,M],()=>{j.value=M.value?Yt.value:Jt.value});let Zt=De(),N=m(()=>j.value.style.chart),Qt=y(!1),P=y(!1),$t=m(()=>M.value||Qt.value||P.value),en=m(()=>j.value.interaction.zoom.enabled&&!$t.value);function tn(){Qt.value=!Qt.value,Qt.value&&(X(),H&&H.type!==`node`&&(gn=H.moved,H=null,W.clear()))}let F=Te({nodes:[],links:[],byId:/* @__PURE__ */ new Map,adjacency:/* @__PURE__ */ new Map}),nn=Te(F.value),I=y(800),L=y(600),R=y({x:400,y:300,k:1}),z=Te({x:400,y:300,k:1,width:800,height:600}),rn=m(()=>R.value.k/z.value.k);function an(){U.value||=(z.value={...R.value,width:I.value,height:L.value},!0)}let B=y(null),on=y(!1),V=y(null),sn=y(null),cn=y(`pointer`),ln=null,un=null,dn,fn,pn=!1,mn=0,hn=!1,gn=!1,H=null,_n=!1,vn=!0,yn=!1,U=y(!1),W=/* @__PURE__ */ new Map,bn=m(()=>B.value??(j.value.interaction.highlight.keepSelection?V.value:null)),xn=m(()=>F.value.adjacency.get(bn.value)||/* @__PURE__ */ new Set),Sn=m(()=>F.value.nodes.length<=j.value.performance.effectThreshold),G=m(()=>!Zt.node&&F.value.nodes.length>j.value.performance.nodeBatchThreshold&&!(Sn.value&&N.value.nodes.gradient)),Cn=m(()=>F.value.links.map(e=>Ge(e,N.value.links))),wn=m(()=>Ke(Cn.value)),Tn=m(()=>{let e=N.value.links.pulses;return A.value?[]:e.showOnHover?B.value===null?[]:Cn.value.filter(({link:e})=>He(e,B.value,j.value.interaction.highlight.neighbors?F.value.adjacency.get(B.value):void 0)):e.show?Cn.value:[]}),En=y(null),Dn=/* @__PURE__ */ new Map,On=/* @__PURE__ */ new Map,kn=null,An=null,jn=m(()=>Ue(Tn.value,N.value.links.pulses,In.value?K.value:null,Ln.value,j.value.interaction.highlight.neighbors?Fn.value:void 0));function Mn(e){let t=/* @__PURE__ */ new Set,n=N.value.links.pulses;for(let r of jn.value){let i=Dn.get(r.key);if(!i)continue;let a=[];for(let i of r.items){let r=i.link.index;t.add(r);let o=We(i,On.get(r)??r*.61803398875%1,e,n.duration,n.reverse);On.set(r,o.progress),a.push(qe({...o,radius:n.radius}))}i.setAttribute(`d`,a.join(` `))}for(let e of On.keys())t.has(e)||On.delete(e)}function Nn(e){kn=null;let t=An===null?0:Math.min(50,e-An);An=e,Mn(t),En.value&&jn.value.length?kn=requestAnimationFrame(Nn):An=null}let Pn=m(()=>G.value?Je(F.value.nodes):[]),K=y(null);w(bn,e=>{e!==null&&(K.value=e)},{immediate:!0});let Fn=m(()=>F.value.adjacency.get(K.value)||/* @__PURE__ */ new Set),In=m(()=>j.value.interaction.highlight.enabled&&bn.value!==null),Ln=m(()=>In.value?j.value.interaction.highlight.dimOpacity:1),Rn=m(()=>K.value===null?[]:Ke(Cn.value,e=>He(e,K.value,j.value.interaction.highlight.neighbors?Fn.value:void 0))),zn=m(()=>{if(!N.value.links.arrows.showOnHover||B.value===null)return[];let e=B.value,t=F.value.adjacency.get(e)||/* @__PURE__ */ new Set;return Ke(Cn.value,n=>He(n,e,j.value.interaction.highlight.neighbors?t:void 0))}),Bn=m(()=>!G.value||K.value===null?[]:Je(F.value.nodes,e=>e.id===K.value||j.value.interaction.highlight.neighbors&&Fn.value.has(e.id)));w([jn,En,()=>N.value.links.pulses.radius],()=>{En.value&&jn.value.length?(Mn(0),kn===null&&(kn=requestAnimationFrame(Nn))):(kn!==null&&cancelAnimationFrame(kn),kn=null,An=null,On.clear())},{flush:`post`});function Vn(e){let t=e*j.value.interaction.highlight.dimOpacity;return In.value?(e-t)/Math.max(1e-6,1-t):0}let Hn=m(()=>F.value.byId.get(V.value)),q=m(()=>F.value.byId.get(B.value)),Un=m(()=>{let e=F.value.nodes.filter((e,t)=>cr(e,t));if(!G.value)return e;let t=Math.max(1,N.value.nodes.labels.maxCount);return e.sort((e,t)=>Number(t.id===bn.value||t.id===V.value)-Number(e.id===bn.value||e.id===V.value)).slice(0,t)}),J=y(null),Wn=y(!1),Gn=null,Kn=null,qn=null,Jn=null;function Yn(e){if(!U.value)return{};let t=Hr(e),n=R.value,r={x:(t.x-n.x)/n.k,y:(t.y-n.y)/n.k};return Kn!==F.value.nodes&&(Gn=Ye(F.value.nodes,[]),Kn=F.value.nodes),{node:Gn.nodeAt(r,2/n.k)}}function Xn(e){if(P.value||H||!U.value)return;_n=!1;let t=e.target?.closest?.(`.vue-ui-graph-node`),n=(!G.value&&t?F.value.nodes[Number(t.dataset.nodeIndex)]:null)||Yn(e).node;n?(J.value=null,B.value===n.id?Gr(e,n):Z(n,e)):B.value!==null&&Z(null)}function Zn(e){P.value||(W.has(e.pointerId)?Jr(e):(Jn=e,qn===null&&(qn=requestAnimationFrame(()=>{qn=null,Xn(Jn),Jn=null}))))}function Qn(){qn!==null&&cancelAnimationFrame(qn),qn=null,Jn=null,H||Z(null)}function $n(e){if(G.value){let t=Yn(e);if(t.node){qr(e,t.node);return}}qr(e)}function er(e){if(P.value)return;if(gn){gn=!1;return}let t=Yn(e);G.value&&t.node?Br(t.node):Xr()}function tr(){if(!vn||P.value||!F.value.nodes.length||_n)return;Wn.value=!0;let e=F.value.byId.get(J.value)||Hn.value||F.value.nodes[0];J.value=e.id,Z(e)}function nr(e){if(P.value)return;if([`ArrowRight`,`ArrowLeft`,`ArrowUp`,`ArrowDown`,`Home`,`End`,`Enter`,` `].includes(e.key)&&(_n=!1,Wn.value=!0),e.key===`Escape`){e.preventDefault(),e.stopPropagation(),J.value=null,Z(null),Vr();return}let t=F.value.nodes;if(!t.length)return;let n=Math.max(0,t.findIndex(e=>e.id===J.value));if([`ArrowRight`,`ArrowDown`,`ArrowLeft`,`ArrowUp`,`Home`,`End`].includes(e.key)){if(e.preventDefault(),e.key===`Home`)n=0;else if(e.key===`End`)n=t.length-1;else{let r=t[n],i=e.key===`ArrowRight`||e.key===`ArrowLeft`,a=e.key===`ArrowRight`||e.key===`ArrowDown`?1:-1,o=1/0,s=null;for(let e of t){let t=e.x-r.x,n=e.y-r.y;if((i?t:n)*a<=0)continue;let c=t*t+n*n;c<o&&(o=c,s=e)}if(!s){let e=1/0,n=1/0;for(let o of t){if(o===r)continue;let t=(i?o.x:o.y)*a,c=Math.abs(i?o.y-r.y:o.x-r.x);(t<e||t===e&&c<n)&&(e=t,n=c,s=o)}}s&&(n=s.index)}J.value=t[n].id,Z(t[n])}else(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),Br(t[n]))}let Y=m(()=>F.value.byId.get(B.value)),rr=m(()=>({datapoint:Y.value?.raw,node:Y.value?.raw,connections:Y.value?.degree,config:j.value})),ir=m(()=>{let e=F.value.byId.get(B.value),t=k.value?.getBoundingClientRect();if(!e||!t)return{x:0,y:0};let n={x:e.x*R.value.k+R.value.x,y:e.y*R.value.k+R.value.y},r=k.value.getScreenCTM?.();return r?{x:r.a*n.x+r.c*n.y+r.e,y:r.b*n.x+r.d*n.y+r.f}:{x:t.left+(e.x*R.value.k+R.value.x)*(t.width/I.value),y:t.top+(e.y*R.value.k+R.value.y)*(t.height/L.value)}}),ar=m(()=>{let e=Y.value;return e?typeof j.value.tooltip.customFormat==`function`?String(j.value.tooltip.customFormat(rr.value)):[e.label??e.id,e.group==null?``:`Group: ${e.group}`,e.value==null?``:`Value: ${e.value}`,`Connections: ${e.degree}`,j.value.tooltip.showMetadata&&e.metadata?Xe(e.metadata):``].filter(Boolean).join(`
+`):``});function or(e){return bn.value===null||e===bn.value||j.value.interaction.highlight.neighbors&&xn.value.has(e)}function sr(e){return j.value.interaction.highlight.enabled&&!or(e)?j.value.interaction.highlight.dimOpacity:1}function cr(e,t){let n=N.value.nodes.labels;return!n.show||R.value.k<n.minZoom?!1:n.selectedOnly?e.id===V.value:e.id===bn.value||bn.value!==null&&xn.value.has(e.id)?!0:!n.hoverOnly&&!n.selectedOnly&&t%Math.max(1,Math.ceil(F.value.nodes.length/Math.max(1,n.maxCount)))===0}function lr(e){let{labels:t,hover:n,selected:r,strokeWidth:i}=N.value.nodes,a=Math.max(5,i/2,n.strokeWidth/2,r.strokeWidth/2),o=e.radius+a+t.strokeWidth/2+t.fontSize*.6,s=(ur(e).split(`
+`).length-1)*t.fontSize;return(t.position===`top`?-o-s:o)+t.offsetY}function ur(e){let t=N.value.nodes.labels.maxLength;return String(e.label??e.id).replace(/\r\n?/g,`
+`).split(`
+`).map(e=>t>0&&e.length>t?e.slice(0,t)+`…`:e).join(`
+`)}function dr(e){return String(e).replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`})[e])}function fr(e,t=!1){return i({content:dr(ur(e)),fontSize:N.value.nodes.labels.fontSize,fill:dr(N.value.nodes.labels.color),stroke:dr(N.value.backgroundColor),strokeWidth:N.value.nodes.labels.strokeWidth,x:t?e.x:0,y:(t?e.y:0)+lr(e)})}let pr=null;function mr(){pr?.(),pr=null,un!==null&&cancelAnimationFrame(un),un=null,pn&&(pn=!1,E(`layoutEnd`,zr()))}function hr(){Kn=null,Ee(F)}let gr=!1;function _r(){hr();let e=gr||!U.value&&j.value.viewport.initialFit&&!yr;gr=!1,e&&Fr(!1),an(),mr()}function vr(){if(un=null,hn||P.value)return;let e=0,t=performance.now();for(let n=0;n<Math.max(1,j.value.performance.stepsPerFrame)&&(e=Fe(F.value,j.value.layout,Math.max(.015,1-mn/Math.max(1,j.value.layout.iterations))),mn++,!(mn>=j.value.layout.iterations||performance.now()-t>=8));n++);mn>=j.value.layout.iterations||mn>30&&e<.002?_r():(hr(),un=requestAnimationFrame(vr))}let yr=!1;function br(){qt.value&&!hn&&(P.value?yn=!0:(mr(),mn=0,F.value.nodes.length?(pn=!0,E(`layoutStart`),!U.value||A.value||!j.value.animation.enabled?pr=Ve(F.value,j.value.layout,()=>{pr=null,_r()},{eager:A.value||!j.value.animation.enabled}):un=requestAnimationFrame(vr)):gr=!1))}function xr(e){return JSON.stringify([(e?.nodes||[]).map(e=>[e?.id,e?.group,e?.radius,e?.value,e?.fixed,e?.x,e?.y]),(e?.links||[]).map(e=>[e?.source,e?.target,e?.value])])}let Sr,Cr,wr=M.value;w(()=>[Xt.value,j.value,M.value],()=>{let e=xr(Xt.value),t=e!==Sr,n=M.value!==wr,r=JSON.stringify([j.value.layout,j.value.animation.enabled]),i=r!==Cr;(t&&U.value&&!(Xt.value?.nodes||[]).some(e=>F.value.byId.has(e?.id))||n)&&(X(),U.value=!1,yr=!1,J.value=null),F.value=Ne(Xt.value,n?/* @__PURE__ */ new Map:F.value.byId,j.value,e=>{j.value.debug&&console.warn(`[VueUiGraph] ${e}`)}),nn.value=F.value,F.value.byId.has(V.value)||(V.value=null),F.value.byId.has(B.value)||(B.value=null),Sr=e,wr=M.value,Cr=r,(t||n||i||qt.value&&!U.value)&&(t&&qt.value&&j.value.viewport.fitOnUpdate&&(gr=!0),br())},{deep:!0,immediate:!0});let Tr=null,Er=null,Dr=null,Or=0;function X(){Or+=1,Tr!==null&&cancelAnimationFrame(Tr),Tr=null,Er=null,Dr=null}function kr(){let e=Er,t=Dr;X(),e&&(R.value={...e},t&&E(t,{...R.value}))}function Ar(e,t=!0,n=!0,r=`zoom`){if(X(),hn)return;let i=Or;t&&(yr=!0,xi=!1);let a=n===`wheel`,o=a?Math.min(120,j.value.animation.duration):j.value.animation.duration;if(!n||!t||!qt.value||A.value||!j.value.animation.enabled||o<=0){R.value=e,t&&E(r,{...R.value});return}let s={...R.value};Er=e,Dr=r;let c=null;function l(t){if(hn||i!==Or)return;Tr=null,c===null&&(c=t);let n=Math.min(1,(t-c)/o),u=a?n*(2-n):n<.5?2*n*n:-1+(4-2*n)*n;R.value=n===1?{...e}:{x:s.x+(e.x-s.x)*u,y:s.y+(e.y-s.y)*u,k:s.k+(e.k-s.k)*u},(r===`zoom`||n===1)&&E(r,{...R.value}),!(hn||i!==Or)&&(n<1?Tr=requestAnimationFrame(l):(Er=null,Dr=null))}Tr=requestAnimationFrame(l)}w(()=>j.value.animation.enabled,e=>{e||kr()}),w(en,e=>{e||X()});function jr(e,t={x:I.value/2,y:L.value/2},n=!0,r=!0){let i=j.value.interaction.zoom,a=Er||R.value;e=Math.max(i.min*z.value.k,Math.min(i.max*z.value.k,e)),Ar({x:t.x-(t.x-a.x)*e/a.k,y:t.y-(t.y-a.y)*e/a.k,k:e},n,r)}function Mr(){en.value&&jr((Er||R.value).k*1.25)}function Nr(){en.value&&jr((Er||R.value).k/1.25)}function Pr(){$t.value||Ar({x:z.value.x+(I.value-z.value.width)/2,y:z.value.y+(L.value-z.value.height)/2,k:z.value.k},!0,!0,`zoomReset`)}function Fr(e=!0){if(e&&$t.value)return;let t=F.value.nodes;if(!t.length)return Ar({x:I.value/2,y:L.value/2,k:1},e);let n=1/0,r=-1/0,i=1/0,a=-1/0;for(let e of t)n=Math.min(n,e.x-e.radius),r=Math.max(r,e.x+e.radius),i=Math.min(i,e.y-e.radius),a=Math.max(a,e.y+e.radius);for(let e of Cn.value){let t=e.d.match(/-?\d*\.?\d+(?:e[+-]?\d+)?/gi).map(Number),o=e.width*(e.directed?3:.5);for(let e=0;e<t.length;e+=2)n=Math.min(n,t[e]-o),r=Math.max(r,t[e]+o),i=Math.min(i,t[e+1]-o),a=Math.max(a,t[e+1]+o)}let o=N.value.nodes.labels,s=G.value?Un.value:t.filter(cr),c;s.length&&k.value&&(c=document.createElementNS(`http://www.w3.org/2000/svg`,`text`),typeof c.getComputedTextLength!=`function`&&(c=null)),c&&(c.setAttribute(`visibility`,`hidden`),c.setAttribute(`font-size`,o.fontSize),k.value.appendChild(c));try{for(let e of s){let t=ur(e).split(`
+`),s=0;for(let e of t){let t=0;c&&(c.textContent=e,t=c.getComputedTextLength()),s=Math.max(s,t||[...e].length*o.fontSize)}let l=o.strokeWidth/2,u=e.y+lr(e);n=Math.min(n,e.x-s/2-l),r=Math.max(r,e.x+s/2+l),i=Math.min(i,u-o.fontSize*.8-l),a=Math.max(a,u+(t.length-1)*o.fontSize+o.fontSize*.8+l)}}finally{c?.remove()}let l=j.value.interaction.zoom,u=N.value.padding,d=Math.min(l.max,Math.max(1,I.value-u*2)/Math.max(1,r-n),Math.max(1,L.value-u*2)/Math.max(1,a-i));Ar({x:I.value/2-(n+r)/2*d,y:L.value/2-(i+a)/2*d,k:d},e)}function Ir(e){if(P.value)return;let t=F.value.byId.get(e);if(!t)return;let n=Er||R.value;Ar({...n,x:I.value/2-t.x*n.k,y:L.value/2-t.y*n.k}),Br(t)}function Lr(){X(),F.value=Ne(Xt.value,/* @__PURE__ */ new Map,j.value),nn.value=F.value,yr=!1,br()}async function Rr(){let e={config:j.value,dataset:Be.dataset};E(`copyAlt`,e),j.value.userOptions.callbacks.altCopy?await Promise.resolve(j.value.userOptions.callbacks.altCopy(e)):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function zr(){return{nodes:F.value.nodes.map(e=>({...e.raw,x:e.x,y:e.y})),links:F.value.links.map(e=>({...e.raw}))}}function Br(e){M.value||P.value||(gn?gn=!1:(V.value=e.id,j.value.events.datapointClick?.({datapoint:e.raw,seriesIndex:e.index}),E(`selectNode`,e.raw)))}function Vr(){V.value=null,E(`selectNode`,null)}function Hr(e){let t=k.value.getScreenCTM?.();if(t){let n=t.inverse();return{x:n.a*e.clientX+n.c*e.clientY+n.e,y:n.b*e.clientX+n.d*e.clientY+n.f}}let n=k.value.getBoundingClientRect();return{x:(e.clientX-n.left)*I.value/(n.width||I.value),y:(e.clientY-n.top)*L.value/(n.height||L.value)}}function Ur(){cn.value===`pointer`&&ln&&sn.value?.placeTooltip(ln)}w(sn,Ur);let Wr=null;w(B,e=>{let t=Wr,n=F.value.byId.get(e);Wr=n,t&&j.value.events.datapointLeave?.({datapoint:t.raw,seriesIndex:t.index}),n&&j.value.events.datapointEnter?.({datapoint:n.raw,seriesIndex:n.index})},{flush:`sync`});function Gr(e,t){e?.clientX==null?t&&(cn.value=`keyboard`):(cn.value=`pointer`,ln={x:e.clientX,y:e.clientY},ve(()=>{hn||Ur()}))}function Z(e,t){(M.value||P.value||_n)&&e||(B.value=e?.id??null,e&&Gr(t,e),E(`hoverNode`,e?.raw??null))}function Kr(){on.value=!1;let[e,t]=[...W.values()];H={type:`pinch`,distance:Math.max(1,Math.hypot(t.x-e.x,t.y-e.y)),mid:{x:(e.x+t.x)/2,y:(e.y+t.y)/2},view:{...R.value},moved:!0}}function qr(e,t){if(P.value||(_n=!1,e.button&&e.button!==0||!t&&Qt.value))return;X(),xi=!1;let n=Hr(e);W.set(e.pointerId,n),k.value.setPointerCapture?.(e.pointerId),W.size===2?(H?.type===`node`&&(H.node.pinned=H.wasPinned),Kr(),Z(null)):W.size>2||(t&&j.value.interaction.drag.enabled?H={type:`node`,node:t,start:n,moved:!1,wasPinned:t.pinned}:t||(H={type:`pan`,start:n,view:{...R.value},moved:!1}))}function Jr(e){if(!W.has(e.pointerId)||!H)return;let t=Hr(e);if(W.set(e.pointerId,t),H.type===`pinch`){if(!en.value)return;let[e,t]=[...W.values()];if(!e||!t)return;let n=Math.max(1,Math.hypot(t.x-e.x,t.y-e.y)),r={x:(e.x+t.x)/2,y:(e.y+t.y)/2},i=j.value.interaction.zoom,a=Math.max(i.min*z.value.k,Math.min(i.max*z.value.k,H.view.k*n/H.distance)),o=j.value.interaction.pan.enabled?r:H.mid;Ar({k:a,x:o.x-(H.mid.x-H.view.x)*a/H.view.k,y:o.y-(H.mid.y-H.view.y)*a/H.view.k},!0,!1),H.view={...R.value},H.distance=n,j.value.interaction.pan.enabled&&(H.mid=r)}else if(Math.hypot(t.x-H.start.x,t.y-H.start.y)>3&&(H.moved=!0),H.moved){if(H.type===`node`){on.value=!0;let e=H.node;e.pinned=!0,e.x=(t.x-R.value.x)/R.value.k,e.y=(t.y-R.value.y)/R.value.k,e.vx=e.vy=0,hr(),!pn&&!A.value&&br()}else j.value.interaction.pan.enabled&&!Qt.value&&(R.value={...H.view,x:H.view.x+t.x-H.start.x,y:H.view.y+t.y-H.start.y},yr=!0,E(`zoom`,{...R.value}))}}function Yr(e){if(W.has(e.pointerId)&&(W.delete(e.pointerId),on.value=!1,H)){if(H.type===`node`&&H.moved){let e=H.node;e.userPinned=j.value.interaction.drag.pinOnRelease,e.pinned=!!e.fixed||!!e.userPinned||H.wasPinned,br()}gn=H.moved,W.size?H.type===`pinch`&&(W.size>=2?Kr():H={type:`pan`,start:[...W.values()][0],view:{...R.value},moved:!0}):H=null}}function Xr(){gn?gn=!1:Vr()}function Zr(e){if(!en.value)return;e.preventDefault();let t=e.deltaY*(e.deltaMode===1?16:e.deltaMode===2?L.value:1);e.ctrlKey?jr(R.value.k*Math.exp(-t*.01),Hr(e),!0,!1):jr((Er||R.value).k*Math.exp(-t*.001),Hr(e),!0,`wheel`)}function Qr(){let e=I.value,t=L.value,n=O.value?.getBoundingClientRect(),r=O.value?.parentElement,i=r?.getBoundingClientRect(),a=r?getComputedStyle(r):null,o=!1;if(j.value.responsive&&!Q.value&&r&&i?.height>0){let e=O.value.style.position;try{O.value.style.position=`absolute`,o=Math.abs(r.getBoundingClientRect().height-i.height)<.5}finally{O.value.style.position=e}}let s=o&&i?.height?i.height-(parseFloat(a?.paddingTop)||0)-(parseFloat(a?.paddingBottom)||0):0,c=O.value?[...O.value.children].reduce((e,t)=>{if(t===k.value||!(t instanceof HTMLElement))return e;let n=getComputedStyle(t);return n.position===`absolute`||n.position===`fixed`?e:e+t.getBoundingClientRect().height},0):0,l=Q.value?k.value?.getBoundingClientRect():null;I.value=Q.value?Math.max(1,l?.width||n?.width||window.innerWidth):j.value.responsive&&n?.width>0?n.width:N.value.width,L.value=Q.value?Math.max(1,l?.height||n?.height||window.innerHeight):j.value.responsive&&s>0?Math.max(1,s-c):N.value.height,(e!==I.value||t!==L.value)&&X();let u=!Q.value&&xi?bi:null;R.value=u?{...u.viewport,x:u.viewport.x+(I.value-u.width)/2,y:u.viewport.y+(L.value-u.height)/2}:{...R.value,x:R.value.x+(I.value-e)/2,y:R.value.y+(L.value-t)/2};let d=U.value&&!yr&&j.value.viewport.initialFit&&!Q.value&&!u&&(e!==I.value||t!==L.value);(j.value.viewport.fitOnResize||d)&&(Fr(!1),d&&(z.value={...R.value,width:I.value,height:L.value}))}function $r(){Si(document.fullscreenElement===O.value),ve(()=>{hn||Qr()})}function ei(){A.value=!!fn?.matches,A.value&&kr(),br()}function ti(){_n=!0,X(),H?.type===`node`&&(H.node.pinned=H.wasPinned);let e=[...W.keys()];H=null,W.clear(),on.value=!1,J.value=null,Wn.value=!1,ui.value=!1,ln=null,Qn();for(let t of e)k.value?.hasPointerCapture?.(t)&&k.value.releasePointerCapture?.(t)}function ni(){document.visibilityState===`hidden`&&ti()}function ri(e){[`Shift`,`Control`,`Alt`,`Meta`].includes(e.key)||(vn=!0),e.key===`Tab`&&(_n=!1)}function ii(){vn=!1,Wn.value=!1}function ai(e){vn&&(_n||(J.value=e.id,Z(e)))}Ce(()=>{qt.value=!0,Qr(),fn=window.matchMedia?.(`(prefers-reduced-motion: reduce)`),A.value=!!fn?.matches,fn?.addEventListener?.(`change`,ei),typeof ResizeObserver<`u`&&(dn=new ResizeObserver(Qr),dn.observe(O.value),O.value.parentElement&&dn.observe(O.value.parentElement),dn.observe(k.value)),window.addEventListener(`resize`,Qr),window.addEventListener(`blur`,ti),document.addEventListener(`visibilitychange`,ni),document.addEventListener(`keydown`,ri,!0),document.addEventListener(`pointerdown`,ii,!0),document.addEventListener(`fullscreenchange`,$r),br()}),Se(()=>{hn=!0,kn!==null&&cancelAnimationFrame(kn),Dn.clear(),On.clear(),X(),mr(),dn?.disconnect(),window.removeEventListener(`resize`,Qr),window.removeEventListener(`blur`,ti),document.removeEventListener(`visibilitychange`,ni),document.removeEventListener(`keydown`,ri,!0),document.removeEventListener(`pointerdown`,ii,!0),document.removeEventListener(`fullscreenchange`,$r),fn?.removeEventListener?.(`change`,ei),W.clear(),qn!==null&&cancelAnimationFrame(qn),Jn=null,Gn=null,Kn=null,H=null}),w(()=>[N.value.width,N.value.height,j.value.responsive],()=>{qt.value&&Qr()});let oi=y(null),si=y(null),Q=y(!1),ci=y(!1),li=y(!1),ui=y(!1),$=y({showTable:j.value.table.show,showTooltip:j.value.tooltip.show}),di=m(()=>Ze(nn.value,j.value.table.columnNames)),fi=m(()=>JSON.stringify(j.value.table)),pi=m(()=>({th:j.value.table.th,td:j.value.table.td,breakpoint:j.value.table.responsiveBreakpoint})),mi=m(()=>ae({config:j,style:N,mutableConfig:$,dialog:Re,accordion:Le,isFullscreen:Q,parent:O,maxWidth:1e3,isCursorPointer:m(()=>j.value.userOptions.useCursorPointer)})),hi=m(()=>!j.value.userOptions.showOnChartHover||ui.value);w(()=>j.value.table.show,e=>{$.value.showTable=e}),w([si,()=>$.value.showTable],([e,t])=>{e&&j.value.table.useDialog&&!j.value.table.show&&(t?e.open?.():e.close?.())},{flush:`post`}),w(()=>$.value.showTable,async e=>{await ve(),oi.value?.setTableIconState(e)}),w(oi,e=>{e?.setTableIconState($.value.showTable),e?.setTooltipIconState($.value.showTooltip)}),w(()=>$.value.showTooltip,e=>oi.value?.setTooltipIconState(e)),w(()=>j.value.tooltip.show,e=>{$.value.showTooltip=e});function gi(){(P.value||j.value.userOptions.buttons.annotator)&&(P.value=!P.value)}w(P,e=>{e?(X(),H?.type===`node`&&(H.node.pinned=H.wasPinned),H=null,W.clear(),on.value=!1,Qn(),pn&&(yn=!0,mr())):yn&&(yn=!1,br())},{flush:`sync`}),w(()=>j.value.userOptions.buttons.annotator,e=>{e||(P.value=!1)});function _i(){$.value.showTooltip=!$.value.showTooltip}function vi(){$.value.showTable=!$.value.showTable}function yi(){$.value.showTable=!1}let bi=null,xi=!1;function Si(e){e&&document.fullscreenElement&&document.fullscreenElement!==O.value&&(e=!1),e!==Q.value&&(X(),e?(bi={viewport:{...R.value},width:I.value,height:L.value},xi=!1):xi=!0,Q.value=e)}w(Q,e=>{hn||(Qr(),e&&U.value&&F.value.nodes.length&&Fr(!1))},{flush:`post`});function Ci(e=null){let t=Qe(di.value,N.value.title,j.value.table.columnNames);if(typeof e==`function`)e(t);else{let e=URL.createObjectURL(new Blob([t.slice(t.indexOf(`,`)+1)],{type:`text/csv;charset=utf-8`})),n=document.createElement(`a`);n.href=e,n.download=`${N.value.title.text||`vue-ui-graph`}.csv`,document.body.appendChild(n);try{n.click()}finally{n.remove(),URL.revokeObjectURL(e)}}return t}let wi=ee(O,()=>N.value.title.text);async function Ti(){if(!ci.value){ci.value=!0;try{await ve();let{default:e}=await import(`./img-D4RQwASc.js`).then(e=>e.n);return await e({domElement:O.value,fileName:N.value.title.text||`vue-ui-graph`,format:`png`,scale:j.value.userOptions.print.scale})}finally{ci.value=!1}}}async function Ei(){if(!li.value){li.value=!0;try{let{default:e}=await import(`./pdf-DAicVFxx.js`);return await e({domElement:O.value,fileName:N.value.title.text||`vue-ui-graph`,...j.value.userOptions.print})}finally{li.value=!1}}}let Di=ie({svg:k,title:m(()=>N.value.title),backgroundColor:m(()=>N.value.backgroundColor),legend:null,legendItems:null,getSvgCallback:()=>j.value.userOptions.callbacks.svg,generateImage:Ti});function Oi(e={isCb:!1}){return Di.generateSvg(e)}let{isCallbackImaging:ki,isCallbackSvg:Ai,onGenerateImage:ji}=Di;return n({copyAlt:Rr,zoomIn:Mr,zoomOut:Nr,resetZoom:Pr,fitToView:Fr,focusNode:Ir,resetLayout:Lr,getData:zr,getImage:wi,generateImage:Ti,generatePdf:Ei,generateCsv:Ci,generateSvg:Oi,toggleTable:vi,toggleFullscreen:Si,toggleZoom:tn,toggleTooltip:_i,toggleAnnotator:gi}),(e,t)=>(v(),g(`div`,{id:D.value,ref_key:`root`,ref:O,class:ye([`vue-ui-graph vue-data-ui-component`,{"vue-ui-graph-fullscreen":Q.value}]),style:xe({background:N.value.backgroundColor,color:N.value.color,fontFamily:N.value.fontFamily,"--graph-transition":!A.value&&j.value.animation.enabled?`${j.value.animation.duration}ms`:`0ms`}),onKeydown:t[6]||=Oe(e=>!P.value&&Vr(),[`esc`]),onMouseenter:t[7]||=e=>ui.value=!0,onMouseleave:t[8]||=e=>ui.value=!1,onFocusin:t[9]||=e=>ui.value=!0,onFocusout:t[10]||=e=>ui.value=!!e.relatedTarget&&O.value.contains(e.relatedTarget)},[j.value.userOptions.buttons.annotator?(v(),de(C(d),{key:0,svgRef:k.value,backgroundColor:N.value.backgroundColor,color:N.value.color,active:P.value,isCursorPointer:j.value.userOptions.useCursorPointer,palette:j.value.userOptions.annotatorPalette,onClose:gi},fe({_:2},[b(C(se),t=>({name:t,fn:T(n=>[x(e.$slots,t,be(ge(C(oe)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):h(``,!0),U.value&&j.value.userOptions.show&&F.value.nodes.length&&!C(M)&&(j.value.userOptions.keepStateOnChartLeave||hi.value)?(v(),de(C(Pe),{key:1,ref_key:`userOptionsRef`,ref:oi,uid:D.value,chartElement:O.value,backgroundColor:N.value.backgroundColor,color:N.value.color,isPrinting:li.value,isImaging:ci.value||C(ki)||C(Ai),hasAltCopy:j.value.userOptions.buttons.altCopy,onCopyAlt:Rr,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,hasFullscreen:j.value.userOptions.buttons.fullscreen,hasZoom:j.value.userOptions.buttons.zoom,isZoom:en.value,onToggleZoom:tn,hasAnnotator:j.value.userOptions.buttons.annotator,isAnnotation:P.value,onToggleAnnotator:gi,hasTooltip:j.value.tooltip.show&&j.value.userOptions.buttons.tooltip,isTooltip:$.value.showTooltip,onToggleTooltip:_i,hasLabel:!1,isFullscreen:Q.value,position:j.value.userOptions.position,titles:j.value.userOptions.buttonTitles,callbacks:j.value.userOptions.callbacks,printScale:j.value.userOptions.print.scale,isCursorPointer:j.value.userOptions.useCursorPointer,style:xe({visibility:hi.value?`visible`:`hidden`}),onToggleTable:vi,onGenerateCsv:Ci,onGenerateImage:C(ji),onGenerateSvg:Oi,onGeneratePdf:Ei,onToggleFullscreen:Si},fe({_:2},[b(C(ce)(e.$slots,`menuIcon optionPdf optionImg optionSvg optionCsv optionTable optionFullscreen optionZoom optionTooltip optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:T(n=>[x(e.$slots,t,be(ge(C(le)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `uid.chartElement.backgroundColor.color.isPrinting.isImaging.hasAltCopy.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasZoom.isZoom.hasAnnotator.isAnnotation.hasTooltip.isTooltip.isFullscreen.position.titles.callbacks.printScale.isCursorPointer.style.onGenerateImage`.split(`.`))):h(``,!0),N.value.title.text||N.value.title.subtitle.text?(v(),g(`div`,et,[me(re,{config:{title:{cy:`graph-title`,...N.value.title},subtitle:{cy:`graph-subtitle`,...N.value.title.subtitle}}},null,8,[`config`])])):h(``,!0),N.value.controls.show&&N.value.controls.position===`top`&&!C(M)?(v(),de(ne,{key:3,config:j.value,scale:rn.value,isCursorPointer:j.value.userOptions.useCursorPointer,zoomEnabled:en.value,viewLocked:$t.value,withFit:``,onZoomIn:Mr,onZoomOut:Nr,onResetZoom:Pr,onFitToView:t[0]||=e=>Fr()},null,8,[`config`,`scale`,`isCursorPointer`,`zoomEnabled`,`viewLocked`])):h(``,!0),(v(),g(`svg`,{ref_key:`svg`,ref:k,class:`vue-ui-graph-svg`,viewBox:`0 0 ${I.value} ${L.value}`,style:xe({height:Q.value?`0px`:j.value.responsive?`${L.value}px`:`auto`,aspectRatio:`${I.value} / ${L.value}`,touchAction:`none`,cursor:G.value&&q.value?`grab`:void 0}),role:`group`,"aria-label":N.value.title.text||`Interactive network graph`,"aria-busy":C(M)||!U.value&&F.value.nodes.length>0,"aria-describedby":`${D.value}-keyboard-hint`,onWheel:Zr,tabindex:P.value?-1:0,"aria-activedescendant":q.value?G.value?`${D.value}-active-node`:`${D.value}-node-${q.value.index}`:void 0,onFocus:tr,onBlur:t[3]||=e=>{Wn.value=!1,Qn()},onKeydown:nr,onClick:er,onPointerleave:Qn,onPointerdown:$n,onPointermove:Zn,onPointerup:Yr,onPointercancel:Yr,onLostpointercapture:Yr,onDblclick:t[4]||=e=>j.value.interaction.zoom.fitOnDoubleClick&&Fr()},[me(C(ze)),_(`desc`,{id:`${D.value}-keyboard-hint`},S(j.value.a11y.translations.keyboardNavigation),9,nt),_(`defs`,null,[_(`filter`,{id:`${D.value}-glow`,x:`-100%`,y:`-100%`,width:`300%`,height:`300%`},[_(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:N.value.nodes.glow.blur,result:`blur`},null,8,it),_(`feComponentTransfer`,at,[_(`feFuncA`,{type:`linear`,slope:N.value.nodes.glow.opacity},null,8,ot)]),t[11]||=_(`feMerge`,null,[_(`feMergeNode`,{in:`halo`}),_(`feMergeNode`,{in:`SourceGraphic`})],-1)],8,rt),_(`radialGradient`,{id:`${D.value}-gradient`},[_(`stop`,{offset:`0`,"stop-color":N.value.nodes.gradientColor,"stop-opacity":`0.65`},null,8,ct),_(`stop`,{offset:`1`,"stop-color":N.value.nodes.gradientColor,"stop-opacity":`0`},null,8,lt)],8,st)]),_(`rect`,{width:`100%`,height:`100%`,fill:N.value.backgroundColor},null,8,ut),x(e.$slots,`chart-background`,{width:I.value,height:L.value,config:j.value},void 0,!0),U.value?(v(),g(`g`,{key:0,class:`vue-ui-graph-network`,transform:`translate(${R.value.x},${R.value.y}) scale(${R.value.k})`},[x(e.$slots,`svg-underlayer`,{nodes:F.value.nodes,links:F.value.links,config:j.value,viewport:R.value},void 0,!0),_(`g`,{class:`vue-ui-graph-links`,"pointer-events":`none`,fill:`none`,filter:Sn.value&&N.value.links.glow?`url(#${D.value}-glow)`:void 0},[(v(!0),g(p,null,b(wn.value,(e,t)=>(v(),g(`g`,{key:t},[_(`path`,{class:`vue-ui-graph-link`,d:e.d,stroke:e.color,"stroke-width":e.width,opacity:N.value.links.opacity*Ln.value,"pointer-events":`none`},null,8,pt),e.arrowD&&!N.value.links.arrows.showOnHover?(v(),g(`path`,{key:0,class:`vue-ui-graph-arrows`,d:e.arrowD,fill:e.color,opacity:N.value.links.opacity*Ln.value,stroke:`none`},null,8,mt)):h(``,!0)]))),128)),me(ue,{tag:`g`,name:`vue-ui-graph-highlight`,css:j.value.animation.enabled&&!A.value},{default:T(()=>[(v(!0),g(p,null,b(Rn.value,(e,t)=>(v(),g(`g`,{class:`vue-ui-graph-link-highlight-batch`,key:JSON.stringify([typeof K.value,K.value,t]),opacity:Vn(N.value.links.opacity)},[_(`path`,{class:`vue-ui-graph-link vue-ui-graph-link-highlight`,d:e.d,stroke:e.color,"stroke-width":e.width,"pointer-events":`none`},null,8,gt),e.arrowD&&!N.value.links.arrows.showOnHover?(v(),g(`path`,{key:0,class:`vue-ui-graph-arrows vue-ui-graph-arrows-highlight`,d:e.arrowD,fill:e.color,stroke:`none`},null,8,_t)):h(``,!0)],8,ht))),128))]),_:1},8,[`css`]),(v(!0),g(p,null,b(zn.value,e=>(v(),g(`path`,{key:e.key,class:`vue-ui-graph-arrows vue-ui-graph-arrows-hover`,d:e.arrowD,fill:e.color,opacity:N.value.links.opacity,stroke:`none`,"pointer-events":`none`},null,8,vt))),128))],8,ft),_(`g`,{ref_key:`pulseLayer`,ref:En,class:`vue-ui-graph-pulses`,"pointer-events":`none`,"aria-hidden":`true`},[(v(!0),g(p,null,b(jn.value,e=>(v(),g(`path`,{key:e.key,ref_for:!0,ref:t=>t?C(Dn).set(e.key,t):C(Dn).delete(e.key),fill:e.color,opacity:e.opacity,stroke:`none`,"pointer-events":`none`},null,8,yt))),128))],512),G.value?(v(),g(`g`,bt,[_(`g`,{stroke:N.value.nodes.stroke,"stroke-width":N.value.nodes.strokeWidth,filter:Sn.value&&N.value.nodes.glow.show?`url(#${D.value}-glow)`:void 0},[(v(!0),g(p,null,b(Pn.value,(e,t)=>(v(),g(`path`,{key:t,class:`vue-ui-graph-node-batch`,d:e.d,fill:e.color,opacity:N.value.nodes.opacity*Ln.value},null,8,St))),128)),me(ue,{tag:`g`,name:`vue-ui-graph-highlight`,css:j.value.animation.enabled&&!A.value},{default:T(()=>[(v(!0),g(p,null,b(Bn.value,(e,t)=>(v(),g(`path`,{key:JSON.stringify([typeof K.value,K.value,t]),class:`vue-ui-graph-node-batch`,d:e.d,fill:e.color,opacity:Vn(N.value.nodes.opacity)},null,8,Ct))),128))]),_:1},8,[`css`])],8,xt),Hn.value?(v(),g(`circle`,{key:0,cx:Hn.value.x,cy:Hn.value.y,r:Hn.value.radius,fill:`none`,stroke:N.value.nodes.selected.stroke,"stroke-width":N.value.nodes.selected.strokeWidth,opacity:N.value.nodes.opacity*sr(Hn.value.id),class:`vue-ui-graph-node-overlay`},null,8,wt)):h(``,!0),q.value?(v(),g(`g`,{key:1,id:`${D.value}-active-node`,role:`button`,"aria-label":`${q.value.label??q.value.id}, ${q.value.degree} connections`,"aria-pressed":V.value===q.value.id,"aria-describedby":$.value.showTooltip?`${D.value}-tooltip`:void 0},[_(`circle`,{cx:q.value.x,cy:q.value.y,r:q.value.radius,fill:`none`,stroke:V.value===q.value.id?N.value.nodes.selected.stroke:N.value.nodes.hover.stroke,"stroke-width":V.value===q.value.id?N.value.nodes.selected.strokeWidth:N.value.nodes.hover.strokeWidth,opacity:N.value.nodes.opacity,class:`vue-ui-graph-node-overlay`},null,8,Et),J.value===null?h(``,!0):(v(),g(`circle`,{key:0,cx:q.value.x,cy:q.value.y,r:q.value.radius+4,fill:`none`,stroke:N.value.color,"stroke-width":`2`,"stroke-dasharray":`3 2`},null,8,Dt))],8,Tt)):h(``,!0)])):(v(),g(`g`,Ot,[(v(!0),g(p,null,b(F.value.nodes,(n,r)=>(v(),g(`g`,{key:n.id,class:`vue-ui-graph-node`,"data-node-index":n.index,id:`${D.value}-node-${r}`,transform:`translate(${n.x},${n.y})`,opacity:N.value.nodes.opacity*sr(n.id),tabindex:-1,role:`button`,"aria-label":`${n.label??n.id}, ${n.degree} connections`,"aria-pressed":V.value===n.id,"aria-describedby":$.value.showTooltip&&B.value===n.id?`${D.value}-tooltip`:void 0,onPointerenter:e=>Z(n,e),onPointerleave:t[1]||=e=>Z(null),onFocus:e=>ai(n),onBlur:t[2]||=e=>Z(null),onPointerdown:ke(e=>qr(e,n),[`stop`]),onClick:ke(e=>Br(n),[`stop`]),onKeydown:[Oe(ke(e=>Br(n),[`prevent`]),[`enter`]),Oe(ke(e=>Br(n),[`prevent`]),[`space`])]},[$.value.showTooltip?h(``,!0):(v(),g(`title`,At,S(n.label??n.id),1)),x(e.$slots,`node`,{node:n.raw,radius:n.radius,color:n.color,selected:V.value===n.id,hovered:B.value===n.id},()=>[_(`circle`,{class:`vue-ui-graph-circle`,r:n.radius,fill:n.color,stroke:V.value===n.id?N.value.nodes.selected.stroke:B.value===n.id?N.value.nodes.hover.stroke:N.value.nodes.stroke,"stroke-width":V.value===n.id?N.value.nodes.selected.strokeWidth:B.value===n.id?N.value.nodes.hover.strokeWidth:N.value.nodes.strokeWidth,filter:Sn.value&&N.value.nodes.glow.show?`url(#${D.value}-glow)`:void 0},null,8,jt),Sn.value&&N.value.nodes.gradient?(v(),g(`circle`,{key:0,r:n.radius,fill:`url(#${D.value}-gradient)`,"pointer-events":`none`},null,8,Mt)):h(``,!0)],!0)],40,kt))),128))])),x(e.$slots,`svg`,{nodes:F.value.nodes,links:F.value.links,config:j.value,viewport:R.value},void 0,!0),_(`g`,Nt,[(v(!0),g(p,null,b(Un.value,e=>(v(),g(`text`,{stroke:N.value.backgroundColor,"stroke-width":N.value.nodes.labels.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,"paint-order":`stroke fill`,key:e.id,x:e.x,y:e.y+lr(e),"text-anchor":`middle`,"font-size":N.value.nodes.labels.fontSize,fill:N.value.nodes.labels.color,opacity:(G.value?1:N.value.nodes.opacity)*sr(e.id),"dominant-baseline":`middle`,innerHTML:fr(e,!0),style:{"user-select":`none`}},null,8,Pt))),128))])],8,dt)):h(``,!0),x(e.$slots,`watermark`,{width:I.value,height:L.value},void 0,!0)],44,tt)),x(e.$slots,`skeleton`,{},()=>[C(M)?(v(),de(c,{key:0})):h(``,!0)],!0),e.$slots.hint?(v(),g(`div`,Ft,[x(e.$slots,`hint`,{hint:j.value.a11y.translations.keyboardNavigation,isVisible:Wn.value},void 0,!0)])):h(``,!0),N.value.controls.show&&N.value.controls.position===`bottom`&&!C(M)?(v(),de(ne,{key:5,config:j.value,scale:rn.value,isCursorPointer:j.value.userOptions.useCursorPointer,zoomEnabled:en.value,viewLocked:$t.value,withFit:``,onZoomIn:Mr,onZoomOut:Nr,onResetZoom:Pr,onFitToView:t[5]||=e=>Fr()},null,8,[`config`,`scale`,`isCursorPointer`,`zoomEnabled`,`viewLocked`])):h(``,!0),e.$slots.source?(v(),g(`div`,It,[x(e.$slots,`source`,{},void 0,!0)])):h(``,!0),F.value.nodes.length&&$.value.showTable?(v(),g(`div`,Lt,[(v(),de(we(mi.value.component),_e(mi.value.props,{ref_key:`tableUnit`,ref:si,onClose:yi}),fe({content:T(()=>[(v(),g(p,null,b([`nodes`,`links`],e=>me(C(Ie),{key:e+fi.value,colNames:di.value[e].head,head:di.value[e].head,body:di.value[e].body,config:pi.value,title:j.value.table.columnNames[e],withCloseButton:e===`nodes`&&!(j.value.table.useDialog&&!j.value.table.show),isCursorPointer:j.value.userOptions.useCursorPointer,onClose:yi},{th:T(({th:e})=>[pe(S(e),1)]),td:T(({td:e})=>[pe(S(typeof e==`object`&&e?e.name:e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`])),64))]),_:2},[j.value.table.useDialog&&!j.value.table.show?{name:`title`,fn:T(()=>[pe(S(mi.value.title),1)]),key:`0`}:void 0]),1040))])):h(``,!0),me(C(Me),{ref_key:`tooltipRef`,ref:sn,teleportTo:j.value.tooltip.teleportTo,show:$.value.showTooltip&&!on.value&&!!Y.value&&!C(M)&&!P.value,backgroundColor:j.value.tooltip.backgroundColor,color:j.value.tooltip.color,borderRadius:j.value.tooltip.borderRadius,borderColor:j.value.tooltip.borderColor,borderWidth:j.value.tooltip.borderWidth,fontSize:j.value.tooltip.fontSize,backgroundOpacity:j.value.tooltip.backgroundOpacity,position:j.value.tooltip.position,offsetX:j.value.tooltip.offsetX,offsetY:j.value.tooltip.offsetY,parent:O.value,isFullscreen:Q.value,smooth:j.value.tooltip.smooth&&j.value.animation.enabled&&!A.value,backdropFilter:j.value.tooltip.backdropFilter,smoothForce:j.value.tooltip.smoothForce,smoothSnapThreshold:j.value.tooltip.smoothSnapThreshold,isA11yMode:cn.value===`keyboard`,a11yPosition:ir.value},{"tooltip-before":T(()=>[x(e.$slots,`tooltip-before`,be(ge(rr.value)),void 0,!0)]),tooltip:T(()=>[_(`div`,{id:`${D.value}-tooltip`,class:ye([`vue-ui-graph-tooltip-content`,{"vue-ui-graph-tooltip-default":!C(Zt).tooltip&&typeof j.value.tooltip.customFormat!=`function`}])},[x(e.$slots,`tooltip`,be(ge(rr.value)),()=>[typeof j.value.tooltip.customFormat==`function`?(v(),g(p,{key:0},[pe(S(ar.value),1)],64)):Y.value?(v(),g(p,{key:1},[_(`div`,zt,[Y.value.raw.color?(v(),g(`svg`,Bt,[_(`circle`,{cx:`7`,cy:`7`,r:`7`,fill:Y.value.color},null,8,Vt)])):h(``,!0),_(`span`,null,S(Y.value.label??Y.value.id),1)]),Y.value.group==null?h(``,!0):(v(),g(`div`,Ht,[(v(),g(`svg`,Ut,[_(`circle`,{cx:`7`,cy:`7`,r:`7`,fill:Y.value.groupColor},null,8,Wt)])),_(`span`,null,`Group: `+S(Y.value.group),1)])),Y.value.value==null?h(``,!0):(v(),g(`div`,Gt,` Value: `+S(Y.value.value),1)),_(`div`,null,`Connections: `+S(Y.value.degree),1),j.value.tooltip.showMetadata&&Y.value.metadata?(v(),g(`div`,Kt,S(C(Xe)(Y.value.metadata)),1)):h(``,!0)],64)):h(``,!0)],!0)],10,Rt)]),"tooltip-after":T(()=>[x(e.$slots,`tooltip-after`,be(ge(rr.value)),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`isFullscreen`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`])],46,$e))}},[[`__scopeId`,`data-v-6e44b9ee`]]);export{k as n,qt as t};

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

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

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

@@ -0,0 +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-C4ZM3Vf7.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};

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

@@ -0,0 +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-C4ZM3Vf7.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};