vue-data-ui 3.28.2 → 3.28.3

package/dist/{vue-ui-graph-DHU9hUry.js → vue-ui-graph-CzUVEiO-.js}

@@ -1,7 +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-BIhjLNBU.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(`
+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-C-TwxM0Y.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-CXT-eAuk.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};
+`),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-CVdqBWVS.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-4e90a5b8`]]);export{k as n,qt as t};

package/dist/{vue-ui-heatmap-kPnmZgWi.js → vue-ui-heatmap-BxR2ccwd.js}

@@ -1 +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-BIhjLNBU.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};
+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-C-TwxM0Y.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-DVf3YcG5.js";import{t as Se}from"./useSvgLabelLayout-42Kats14.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=>({v82e8e2ac: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-CXT-eAuk.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-32c9a6c8`]]);export{$e as n,jt as t};