vue-data-ui 2.6.49 → 2.6.51

package/dist/usePanZoom-CWL8SzZN.js

@@ -1,79 +0,0 @@
-import { ref as h, onMounted as k, onUnmounted as q, watchEffect as C } from "vue";
-function Y(x, S = { x: 0, y: 0, width: 100, height: 100 }, b = 1, z) {
-  const a = h({ ...S }), i = h(1), y = h(!1), l = h({ x: 0, y: 0 });
-  let u = { x: 0, y: 0 }, E = null, c = null;
-  function v(e) {
-    var s;
-    const t = x.value;
-    if (!t) return { x: 0, y: 0 };
-    const n = t.createSVGPoint();
-    n.x = e.clientX, n.y = e.clientY;
-    const o = (s = t.getScreenCTM()) == null ? void 0 : s.inverse();
-    return o ? n.matrixTransform(o) : { x: 0, y: 0 };
-  }
-  function m(e) {
-    y.value = !0;
-    const t = v(e.touches ? e.touches[0] : e);
-    l.value = { x: t.x, y: t.y }, u = { x: 0, y: 0 };
-  }
-  function d(e) {
-    if (!y.value) return;
-    const t = v(e.touches ? e.touches[0] : e);
-    let n = t.x - l.value.x, o = t.y - l.value.y;
-    Math.abs(n) < 0.3 && Math.abs(o) < 0.3 || (u.x = n * 0.8 + u.x * 0.2, u.y = o * 0.8 + u.y * 0.2, l.value = t, E || (E = requestAnimationFrame(A)));
-  }
-  function A() {
-    a.value.x -= u.x, a.value.y -= u.y, E = null;
-  }
-  function r() {
-    y.value = !1;
-  }
-  function w(e) {
-    e.preventDefault();
-    const t = e.deltaY > 0 ? 0.9 : 1.1;
-    P(t, v(e));
-  }
-  function g(e) {
-    e.preventDefault();
-    const t = v(e), n = 1.02 * (1 + b / 100);
-    D(n, t);
-  }
-  function D(e, t) {
-    c && cancelAnimationFrame(c);
-    let n = i.value, o = n * e, s = 0;
-    const f = () => {
-      s += 0.02;
-      let p = n + (o - n) * M(s);
-      if (s >= 1) {
-        i.value = o, c = null;
-        return;
-      }
-      P(p / n, t), c = requestAnimationFrame(f);
-    };
-    f();
-  }
-  const M = (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
-  function P(e, t) {
-    const n = i.value * e, o = n / i.value, s = a.value.width / o, f = a.value.height / o, p = (t.x - a.value.x) * (1 - 1 / o), Z = (t.y - a.value.y) * (1 - 1 / o);
-    a.value.x += p, a.value.y += Z, a.value.width = s, a.value.height = f, i.value = n;
-  }
-  k(F), q(L);
-  function F() {
-    const e = x.value;
-    e && (e.addEventListener("mousedown", m), e.addEventListener("mousemove", d), e.addEventListener("mouseup", r), e.addEventListener("mouseleave", r), e.addEventListener("wheel", w, { passive: !1 }), e.addEventListener("dblclick", g), e.addEventListener("touchstart", (t) => {
-      t.preventDefault(), m(t);
-    }, { passive: !1 }), e.addEventListener("touchmove", (t) => {
-      t.preventDefault(), d(t);
-    }, { passive: !1 }), e.addEventListener("touchend", r));
-  }
-  function L() {
-    const e = x.value;
-    e && (e.removeEventListener("mousedown", m), e.removeEventListener("mousemove", d), e.removeEventListener("mouseup", r), e.removeEventListener("mouseleave", r), e.removeEventListener("wheel", w), e.removeEventListener("dblclick", g), e.removeEventListener("touchstart", m), e.removeEventListener("touchmove", d), e.removeEventListener("touchend", r));
-  }
-  return C(() => (z.value ? F() : L(), () => {
-    L();
-  })), { viewBox: a };
-}
-export {
-  Y as u
-};

package/dist/usePanZoom-CppTL3G-.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("vue");function k(x,S={x:0,y:0,width:100,height:100},b=1,Z){const a=r.ref({...S}),l=r.ref(1),y=r.ref(!1),c=r.ref({x:0,y:0});let u={x:0,y:0},E=null,v=null;function m(e){var s;const t=x.value;if(!t)return{x:0,y:0};const n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;const o=(s=t.getScreenCTM())==null?void 0:s.inverse();return o?n.matrixTransform(o):{x:0,y:0}}function d(e){y.value=!0;const t=m(e.touches?e.touches[0]:e);c.value={x:t.x,y:t.y},u={x:0,y:0}}function f(e){if(!y.value)return;const t=m(e.touches?e.touches[0]:e);let n=t.x-c.value.x,o=t.y-c.value.y;Math.abs(n)<.3&&Math.abs(o)<.3||(u.x=n*.8+u.x*.2,u.y=o*.8+u.y*.2,c.value=t,E||(E=requestAnimationFrame(z)))}function z(){a.value.x-=u.x,a.value.y-=u.y,E=null}function i(){y.value=!1}function w(e){e.preventDefault();const t=e.deltaY>0?.9:1.1;P(t,m(e))}function g(e){e.preventDefault();const t=m(e),n=1.02*(1+b/100);A(n,t)}function A(e,t){v&&cancelAnimationFrame(v);let n=l.value,o=n*e,s=0;const h=()=>{s+=.02;let p=n+(o-n)*D(s);if(s>=1){l.value=o,v=null;return}P(p/n,t),v=requestAnimationFrame(h)};h()}const D=e=>e<.5?2*e*e:-1+(4-2*e)*e;function P(e,t){const n=l.value*e,o=n/l.value,s=a.value.width/o,h=a.value.height/o,p=(t.x-a.value.x)*(1-1/o),M=(t.y-a.value.y)*(1-1/o);a.value.x+=p,a.value.y+=M,a.value.width=s,a.value.height=h,l.value=n}r.onMounted(F),r.onUnmounted(L);function F(){const e=x.value;e&&(e.addEventListener("mousedown",d),e.addEventListener("mousemove",f),e.addEventListener("mouseup",i),e.addEventListener("mouseleave",i),e.addEventListener("wheel",w,{passive:!1}),e.addEventListener("dblclick",g),e.addEventListener("touchstart",t=>{t.preventDefault(),d(t)},{passive:!1}),e.addEventListener("touchmove",t=>{t.preventDefault(),f(t)},{passive:!1}),e.addEventListener("touchend",i))}function L(){const e=x.value;e&&(e.removeEventListener("mousedown",d),e.removeEventListener("mousemove",f),e.removeEventListener("mouseup",i),e.removeEventListener("mouseleave",i),e.removeEventListener("wheel",w),e.removeEventListener("dblclick",g),e.removeEventListener("touchstart",d),e.removeEventListener("touchmove",f),e.removeEventListener("touchend",i))}return r.watchEffect(()=>(Z.value?F():L(),()=>{L()})),{viewBox:a}}exports.usePanZoom=k;

package/dist/vue-ui-molecule-DR0XoKl0.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./index-C4TeRZvT.cjs"),Ce=require("./Title-Iy2d-Bd1.cjs"),ne=require("./usePrinter-bFMowLOh.cjs"),Be=require("./DataTable-CRuMrwb8.cjs"),we=require("./Tooltip-DhV-T1A4.cjs"),$e=require("./vue-ui-skeleton-D7ijXB6x.cjs"),Pe=require("./vue-ui-accordion-BIbie2vw.cjs"),ae=require("./useNestedProp-BS-4R8zR.cjs"),Ne=require("./PackageVersion-DwKk69DU.cjs"),Te=require("./PenAndPaper-hlX2Djxv.cjs"),Fe=require("./useUserOptionState-BgepsfED.cjs"),Se=require("./useChartAccessibility-Cm7nkzTG.cjs"),xe=require("./usePanZoom-CppTL3G-.cjs"),Ee=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Re=["cx","cy","r","fill","stroke","stroke-width","onClick","onMouseover"],Ve=["x","y","height","width","onClick","onMouseover"],Oe={__name:"RecursiveCircles",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null},linkColor:{type:String,default:"#CCCCCC"},stroke:{type:String,default:"#FFFFFF"},strokeHovered:{type:String,default:"#000000"}},emits:["click","hover"],setup(a,{emit:$}){const P=a,y=$;function d(r){y("click",r)}function g(r){y("hover",r)}return e.toRef(P,"dataset").value.forEach(r=>{r.nodes&&r.nodes.length>0&&r.nodes.forEach(f=>{f.ancestor=r})}),(r,f)=>{const V=e.resolveComponent("RecursiveCircles",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.dataset,i=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[i.polygonPath&&i.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.polygonPath.coordinates,(k,E)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("circle",{cx:k.x,cy:k.y,r:i.circleRadius,fill:`url(#gradient_${i.color})`,stroke:a.hoveredUid&&a.hoveredUid===i.uid?a.strokeHovered:a.stroke,"stroke-width":a.hoveredUid&&a.hoveredUid===i.uid?i.circleRadius/6:i.circleRadius/12,style:{cursor:"pointer"},onClick:w=>d(i),onMouseover:w=>g(i),onMouseleave:f[0]||(f[0]=w=>g(null))},null,40,Re),r.$slots.node?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:k.x-i.circleRadius,y:k.y-i.circleRadius,height:i.circleRadius*2,width:i.circleRadius*2,style:{overflow:"visible"},onClick:e.withModifiers(w=>d(i),["stop"]),onMouseover:w=>g(i),onMouseleave:f[1]||(f[1]=w=>g(null))},[e.renderSlot(r.$slots,"node",e.mergeProps({ref_for:!0},{node:i}))],40,Ve)):e.createCommentVNode("",!0)],64))),256)),i.nodes&&i.nodes.length>0?(e.openBlock(),e.createBlock(V,{key:0,dataset:i.nodes,color:a.color,stroke:a.stroke,strokeHovered:a.strokeHovered,hoveredUid:a.hoveredUid,onClick:d,onHover:g},{node:e.withCtx(({node:k})=>[e.renderSlot(r.$slots,"node",e.mergeProps({ref_for:!0},{node:k}))]),_:2},1032,["dataset","color","stroke","strokeHovered","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},Ae=["x1","y1","x2","y2","stroke","stroke-width"],Le=["x1","y1","x2","y2","stroke","stroke-width"],Ue={__name:"RecursiveLinks",props:{dataset:{type:Array,default:()=>[]},color:{type:String,default:"#DDDDDD"},backgroundColor:{type:String,default:"#FFFFFF"}},setup(a){const $=a;return e.toRef($,"dataset").value.forEach(y=>{y.nodes&&y.nodes.length>0&&y.nodes.forEach(d=>{d.ancestor=y})}),(y,d)=>{const g=e.resolveComponent("RecursiveLinks",!0);return e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.dataset,s=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.polygonPath&&s.polygonPath.coordinates?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.polygonPath.coordinates,(r,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.ancestor&&s.ancestor.polygonPath?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("line",{x1:r.x,y1:r.y,x2:s.ancestor.polygonPath.coordinates[0].x,y2:s.ancestor.polygonPath.coordinates[0].y,stroke:a.backgroundColor,"stroke-width":s.circleRadius/1.5},null,8,Ae),e.createElementVNode("line",{x1:r.x,y1:r.y,x2:s.ancestor.polygonPath.coordinates[0].x,y2:s.ancestor.polygonPath.coordinates[0].y,stroke:a.color,"stroke-width":s.circleRadius/2},null,8,Le)],64)):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.dataset,s=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.polygonPath&&s.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.nodes&&s.nodes.length>0?(e.openBlock(),e.createBlock(g,{key:0,dataset:s.nodes,color:a.color,backgroundColor:a.backgroundColor},null,8,["dataset","color","backgroundColor"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256))],64)}}},De=["x","y","fill","font-size"],Ie={__name:"RecursiveLabels",props:{color:{type:String,default:"#000000"},dataset:{type:Array,default:()=>[]},hoveredUid:{type:String,default:null}},emits:["zoom","hover"],setup(a,{emit:$}){const P=a;return e.toRef(P,"dataset").value.forEach(d=>{d.nodes&&d.nodes.length>0&&d.nodes.forEach(g=>{g.ancestor=d})}),(d,g)=>{const s=e.resolveComponent("RecursiveLabels",!0);return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.dataset,r=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.polygonPath&&r.polygonPath.coordinates?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.polygonPath.coordinates,f=>(e.openBlock(),e.createElementBlock("text",{x:f.x,y:f.y+r.circleRadius*2,fill:a.color,"font-size":r.circleRadius,"text-anchor":"middle",style:{opacity:"0.8","pointer-events":"none"}},e.toDisplayString(r.name),9,De))),256)),r.nodes&&r.nodes.length>0?(e.openBlock(),e.createBlock(s,{key:0,dataset:r.nodes,color:a.color,hoveredUid:a.hoveredUid},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],64))),256)}}},ze=["id"],_e={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},He={key:2,style:"width:100%;background:transparent;"},Me=["xmlns","viewBox"],qe=["width","height"],Ge=["id"],je=["stop-color"],We=["stop-color"],Xe={key:5,class:"vue-data-ui-watermark"},Ye={key:7,ref:"source",dir:"auto"},Ze=["innerHTML"],Je={__name:"vue-ui-molecule",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectNode"],setup(a,{expose:$,emit:P}){const{vue_ui_molecule:y}=v.useConfig(),d=a,g=P,s=e.computed(()=>!!d.dataset&&d.dataset.length);e.onMounted(()=>{r()});function r(){v.objectIsEmpty(d.dataset)&&v.error({componentName:"VueUiMolecule",type:"dataset"})}const f=e.ref(v.createUid()),V=e.ref(null),i=e.ref(!1),k=e.ref(""),E=e.ref(null),w=e.ref(0),z=e.ref(0),_=e.ref(0),t=e.computed({get:()=>q(),set:o=>o}),{userOptionsVisible:O,setUserOptionsVisibility:H,keepUserOptionState:M}=Fe.useUserOptionState({config:t.value}),{svgRef:A}=Se.useChartAccessibility({config:t.value.style.chart.title});function q(){const o=ae.useNestedProp({userConfig:d.config,defaultConfig:y});return o.theme?{...ae.useNestedProp({userConfig:v.themes.vue_ui_molecule[o.theme]||d.config,defaultConfig:o}),customPalette:v.themePalettes[o.theme]||v.palette}:o}e.watch(()=>d.config,o=>{t.value=q(),O.value=!t.value.userOptions.showOnChartHover,r(),z.value+=1,_.value+=1,m.value.showTable=t.value.table.show,m.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0});const{isPrinting:G,isImaging:j,generatePdf:W,generateImage:X}=ne.usePrinter({elementId:`cluster_${f.value}`,fileName:t.value.style.chart.title.text||"vue-ui-molecule",options:t.value.userOptions.print}),se=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),ie=e.computed(()=>v.convertCustomPalette(t.value.customPalette)),m=e.ref({showTable:t.value.table.show,showDataLabels:!0,showTooltip:t.value.style.chart.tooltip.show});function Y(o,n=0){return Array.isArray(o)&&o.length>0&&o[0].nodes?Y(o[0].nodes,n+1):n}function ue(){const o=Y(d.dataset);let n=100,l=n;for(let c=0;c<o;c+=1)n/=1,l+=n;return{height:l,width:l}}const p=e.ref(ue());e.ref(`0 0 ${p.value.width} ${p.value.height}`);function Z(o,n={x:-p.value.width/2.43,y:p.value.height/2},l=p.value.width/1.1,c=24,u=0,h=0,b="#BBBBBB",D=0){if(!Array.isArray(o)||o.length===0)return o;const be=v.createPolygonPath({plot:n,radius:l,sides:o.length,rotation:u});return o.forEach((C,oe)=>{const le=be.coordinates[oe],re=C.color?(()=>{let I=v.convertColorToHex(C.color);return I.startsWith("#")?I:`#${I}`})():null;let T;re?T=re:D===0?T=b:D===1?(T=ie.value[h]||v.palette[h]||b,h+=1):T=b,C.polygonPath={coordinates:[le]},C.circleRadius=c,C.color=T,C.uid=v.createUid(),Array.isArray(C.nodes)&&C.nodes.length&&(C.nodes=Z(C.nodes,le,l/2.9,c/2.2,u+Math.PI*oe/C.nodes.length,h,T,D+1))}),o}function ce(o){const n=new Set;function l(u){u.forEach(h=>{if(!h.color)return;let b=h.color;/^#?[0-9A-F]{6}$/i.test(b)||(b=v.convertColorToHex(b)),b.startsWith("#")||(b=`#${b}`),n.add(b),Array.isArray(h.nodes)&&h.nodes.length&&l(h.nodes)})}l(o);const c={};return Array.from(n).forEach(u=>{const h=u.slice(1);c[u]=`gradient_${h}`}),c}const de=e.computed(()=>ce(B.value)),B=e.computed(()=>{const o=v.deepClone(d.dataset);return Z(o)}),L=e.ref(null);function ve(o){L.value={datapoint:o,seriesIndex:-1,series:B.value,config:t.value};const n=t.value.style.chart.tooltip.customFormat;if(v.isFunction(n)&&v.functionReturnsString(()=>n({seriesIndex:-1,datapoint:o,series:B.value,config:t.value})))k.value=n({seriesIndex:-1,datapoint:o,series:B.value,config:t.value});else{let l="";l+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${o.color}">⬤</div><div>${o.name}</div></div>`,o.details&&(l+=`<div style="width:100%;border-top:1px solid ${t.value.style.chart.tooltip.borderColor};margin-top: 2px">${o.details}</div>`),k.value=`<div style="font-family:inherit">${l}</div>`}}const J=e.ref(null),F=e.ref(null);function he(o){J.value=o,o?(i.value=!0,ve(o),F.value=o.uid):(i.value=!1,k.value="",F.value=null)}function fe(o){const n=[];function l(c){c.forEach(u=>{const h={name:u.name,details:u.details||"-",ancestor:u.ancestor&&u.ancestor.name||"-",color:u.color||""};n.push(h),u.nodes&&u.nodes.length>0&&l(u.nodes,u.name)})}return l(o),n}const pe=e.computed(()=>fe(B.value)),N=e.computed(()=>{const o=[t.value.table.translations.nodeName,t.value.table.translations.details,t.value.table.translations.ancestor],n=pe.value.map((u,h)=>[{color:u.color,name:u.name},u.details,u.ancestor||""]),l={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint},c=[t.value.table.translations.nodeName,t.value.table.translations.details,t.value.table.translations.ancestor];return{head:o,body:n,config:l,colNames:c}});function K(){e.nextTick(()=>{const o=N.value.body.map((c,u)=>[[c[0].name],[c[1]],[c[2]]]),n=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[...N.value.head]]].concat(o),l=v.createCsvContent(n);v.downloadCsv({csvContent:l,title:t.value.style.chart.title.text||"vue-ui-molecule"})})}function me(){return B.value}const S=e.ref(!1);function ge(o){S.value=o,w.value+=1}function Q(){m.value.showTable=!m.value.showTable}function ee(){m.value.showDataLabels=!m.value.showDataLabels}function te(){m.value.showTooltip=!m.value.showTooltip}const x=e.ref(!1);function U(){x.value=!x.value}const ye=e.computed(()=>!x.value),{viewBox:R}=xe.usePanZoom(A,{x:0,y:0,width:p.value.width<=0?10:p.value.width,height:p.value.height<=0?10:p.value.height},t.value.style.chart.zoom.speed,ye);function ke(o){g("selectNode",o)}return $({getData:me,generatePdf:W,generateCsv:K,generateImage:X,toggleTable:Q,toggleLabels:ee,toggleTooltip:te,toggleAnnotator:U}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"moleculeChart",ref:E,class:e.normalizeClass(`vue-ui-molecule ${S.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:`cluster_${f.value}`,onMouseleave:n[1]||(n[1]=l=>{J.value=null,F.value=null,e.unref(H)(!1)}),onMouseenter:n[2]||(n[2]=()=>e.unref(H)(!0))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Te.PenAndPaper,{key:0,svgRef:e.unref(A),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:x.value,onClose:U},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),se.value?(e.openBlock(),e.createElementBlock("div",_e,null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",He,[(e.openBlock(),e.createBlock(Ce._sfc_main,{key:`title_${z.value}`,config:{title:{cy:"molecule-div-title",...t.value.style.chart.title},subtitle:{cy:"molecule-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&s.value&&(e.unref(M)||e.unref(O))?(e.openBlock(),e.createBlock(ne.UserOptions,{ref_key:"details",ref:V,key:`user_options_${w.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(G),isImaging:e.unref(j),uid:f.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasLabel:t.value.userOptions.buttons.labels,hasFullscreen:t.value.userOptions.buttons.fullscreen,isTooltip:m.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:E.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:x.value,onToggleFullscreen:ge,onGeneratePdf:e.unref(W),onGenerateCsv:K,onGenerateImage:e.unref(X),onToggleTable:Q,onToggleLabels:ee,onToggleTooltip:te,onToggleAnnotator:U,style:e.normalizeStyle({visibility:e.unref(M)?e.unref(O)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:l,color:c})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:l,color:c})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTooltip",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"5"}:void 0,o.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionLabels",{},void 0,!0)]),key:"6"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:c})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:c})),void 0,!0)]),key:"7"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:c})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:c})),void 0,!0)]),key:"8"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasXls","hasImg","hasTable","hasLabel","hasFullscreen","isTooltip","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:A,xmlns:e.unref(v.XMLNS),viewBox:`${e.unref(R).x} ${e.unref(R).y} ${e.unref(R).width} ${e.unref(R).height}`,class:e.normalizeClass({"vue-data-ui-fullscreen--on":S.value,"vue-data-ui-fulscreen--off":!S.value}),style:e.normalizeStyle(`overflow: hidden; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(Ne._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:p.value.width<=0?10:p.value.width,height:p.value.height<=0?10:p.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,qe)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(de.value),l=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`gradient_${l}`,cx:"50%",cy:"30%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(v.lightenHexColor)(l,.5)},null,8,je),e.createElementVNode("stop",{offset:"100%","stop-color":l},null,8,We)],8,Ge))),256))]),e.createVNode(Ue,{dataset:B.value,color:t.value.style.chart.links.stroke,backgroundColor:t.value.style.chart.backgroundColor},null,8,["dataset","color","backgroundColor"]),e.createVNode(Oe,{dataset:B.value,hoveredUid:F.value,stroke:t.value.style.chart.nodes.stroke,strokeHovered:t.value.style.chart.nodes.strokeHovered,onClick:ke,onHover:he},{node:e.withCtx(({node:l})=>[e.renderSlot(o.$slots,"node",e.normalizeProps(e.guardReactiveProps({node:l})),void 0,!0)]),_:3},8,["dataset","hoveredUid","stroke","strokeHovered"]),m.value.showDataLabels?(e.openBlock(),e.createBlock(Ie,{key:1,dataset:B.value,color:t.value.style.chart.color,hoveredUid:F.value},null,8,["dataset","color","hoveredUid"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:p.value},void 0,!0)],14,Me)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(G)||e.unref(j)})),void 0,!0)])):e.createCommentVNode("",!0),s.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($e.default,{key:6,config:{type:"molecule",style:{backgroundColor:t.value.style.chart.backgroundColor,molecule:{color:"#CCCCCC"}}}},null,8,["config"])),o.$slots.source?(e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(we._sfc_main,{show:m.value.showTooltip&&i.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,fontSize:t.value.style.chart.tooltip.fontSize,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:E.value,content:k.value,isFullscreen:S.value,isCustom:t.value.style.chart.tooltip.customFormat&&typeof t.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...L.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...L.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),s.value?(e.openBlock(),e.createBlock(Pe.default,{key:8,hideDetails:"",config:{open:m.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Be.DataTable,{key:`table_${_.value}`,colNames:N.value.colNames,head:N.value.head,body:N.value.body,config:N.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:n[0]||(n[0]=l=>m.value.showTable=!1)},{th:e.withCtx(({th:l})=>[e.createElementVNode("div",{innerHTML:l,style:{display:"flex","align-items":"center"}},null,8,Ze)]),td:e.withCtx(({td:l})=>[e.createTextVNode(e.toDisplayString(l.name||l),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,ze))}},Ke=Ee._export_sfc(Je,[["__scopeId","data-v-d296dc0b"]]);exports.default=Ke;