vue-data-ui 2.4.83 → 2.4.85

package/dist/vue-ui-relation-circle-BEGyr1h-.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-COIn1phv.cjs"),Z=require("./useResponsive-BJ7DTGpm.cjs"),Ce=require("./Title-DJUxOiaO.cjs"),ee=require("./usePrinter-CXXfgFFN.cjs"),Be=require("./vue-ui-skeleton-BIqMxXV7.cjs"),te=require("./useNestedProp-CbMuGGl3.cjs"),$e=require("./PackageVersion-BjfedMsH.cjs"),Pe=require("./PenAndPaper-nqRtAh6J.cjs"),_e=require("./useUserOptionState-BgepsfED.cjs"),Le=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ze=["id"],Oe=["xmlns","viewBox"],Se=["width","height"],Ee=["cx","cy","r","stroke","stroke-width"],Ae={key:1},Ne=["stroke","d","stroke-width"],Ie={style:{"pointer-events":"none"}},Ve=["cx","cy","fill","r","stroke"],Fe=["x","y","fill","font-size"],Me={key:2},Te=["stroke","stroke-width","x1","x2","y1","y2"],Re={style:{"pointer-events":"none"}},je=["cx","cy","fill","r","stroke"],qe=["x","y","fill","font-size"],De=["text-anchor","transform","x","y","onClick","font-weight","font-size","fill"],Ue=["cx","cy","fill","stroke","onClick","r"],Ge={key:5,class:"vue-data-ui-watermark"},We={__name:"vue-ui-relation-circle",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},setup(le,{expose:re}){const y=le;e.useCssVars(t=>({"6a4b731d":ue.value,d1cda308:ie.value,"1841315e":ce.value}));const{vue_ui_relation_circle:ne}=o.useConfig(),$=e.computed(()=>!!y.dataset&&Object.keys(y.dataset).length),w=e.ref(o.createUid()),E=e.ref(0),x=e.ref(null),A=e.ref(null),N=e.ref(null),I=e.ref(null),V=e.ref(0),r=e.computed({get:()=>T(),set:t=>t}),{userOptionsVisible:P,setUserOptionsVisibility:F,keepUserOptionState:M}=_e.useUserOptionState({config:r.value});function T(){const t=te.useNestedProp({userConfig:y.config,defaultConfig:ne});return t.theme?{...te.useNestedProp({userConfig:o.themes.vue_ui_relation_circle[t.theme]||y.config,defaultConfig:t}),customPalette:o.themePalettes[t.theme]||o.palette}:t}e.watch(()=>y.config,t=>{r.value=T(),P.value=!r.value.showOnChartHover,Y(),V.value+=1},{deep:!0});const{isPrinting:R,isImaging:j,generatePdf:q,generateImage:D}=ee.usePrinter({elementId:`relation_circle_${w.value}`,fileName:r.value.style.title.text||"vue-ui-relation-circle"}),oe=e.computed(()=>r.value.userOptions.show&&!r.value.style.title.text),U=e.computed(()=>o.convertCustomPalette(r.value.customPalette)),h=e.ref([]),d=e.ref([]),i=e.ref({}),v=e.ref([]),se=e.ref(0),_=e.computed(()=>y.dataset.slice(0,r.value.style.limit)),k=e.ref(r.value.style.size),f=e.ref(r.value.style.weightLabels.size),G=e.ref(r.value.style.plot.radius),W=e.ref(r.value.style.labels.fontSize),a=e.ref({height:r.value.style.size,width:r.value.style.size}),m=e.computed({get(){return k.value*r.value.style.circle.radiusProportion},set(t){return t}}),ae=e.computed(()=>r.value.style.links.curved),ie=e.computed(()=>`${r.value.style.animation.speedMs}ms`),ue=e.computed(()=>m.value*2),ce=e.computed(()=>m.value*4),b=e.ref(null);e.onMounted(()=>{Y(),document.getElementById(`relation_circle_${w.value}`).addEventListener("click",X)});function Y(){if(o.objectIsEmpty(y.dataset)?o.error({componentName:"VueUiRelationCircle",type:"dataset"}):y.dataset.forEach((t,n)=>{o.getMissingDatasetAttributes({datasetObject:t,requiredAttributes:["id","label","relations","weights"]}).forEach(l=>{o.error({componentName:"VueUiRelationCircle",type:"datasetSerieAttribute",property:l,index:n})})}),r.value.responsive){const t=Z.throttle(()=>{const{width:n,height:l}=Z.useResponsive({chart:x.value,title:r.value.style.title.text?A.value:null,source:N.value,noTitle:I.value});requestAnimationFrame(()=>{k.value=Math.min(n,l),a.value.width=n,a.value.height=l,m.value=k.value*r.value.style.circle.radiusProportion,h.value=[],d.value=[],H(),J(),f.value=o.translateSize({relator:k.value,adjuster:r.value.style.size,source:r.value.style.weightLabels.size,threshold:6,fallback:6}),G.value=o.translateSize({relator:k.value,adjuster:r.value.style.size,source:r.value.style.plot.radius,threshold:1,fallback:1}),W.value=o.translateSize({relator:k.value,adjuster:r.value.style.size,source:r.value.style.labels.fontSize,threshold:6,fallback:6})})});b.value=new ResizeObserver(t),b.value.observe(x.value.parentNode)}else h.value=[],d.value=[],H(),J()}e.onBeforeUnmount(()=>{document.getElementById(`relation_circle_${w.value}`).removeEventListener("click",X),b.value&&b.value.disconnect()});function X(t){const n=t.target;n&&Array.from(n.classList).includes("vue-ui-user-options")||n&&Array.from(n.classList).includes("vue-ui-user-options-summary")||n&&Array.from(n.classList).includes("vue-data-ui-button")||n&&Array.from(n.classList).includes("vue-ui-relation-circle-legend")||(i.value={},v.value=[])}function H(){const t=6.28319/_.value.length,n=360/_.value.length;let l=0,s=0;_.value.forEach((c,u)=>{const O=c.weights.reduce((xe,be)=>xe+be,0),S=m.value*Math.cos(l)+a.value.width/2,we=m.value*Math.sin(l)+a.value.height/2+r.value.style.circle.offsetY;h.value.push({x:S,y:we,...c,color:c.color?c.color:U.value[u]?U.value[u]:o.palette[u],regAngle:s,totalWeight:O}),l+=t,s+=n})}function de(t,n){const l=(t.x+n.x)/2,s=(t.y+n.y)/2;return{x:l,y:s}}function J(){d.value=[],h.value.forEach(t=>{h.value.filter(l=>l.relations.includes(t.id)).forEach((l,s)=>{const c=l.relations.indexOf(t.id);d.value.push({weight:l.weights[c]?l.weights[c]:0,relationId:`${t.id}_${l.id}`,x1:t.x,y1:t.y,x2:l.x,y2:l.y,colorSource:t.color,colorTarget:l.color,midPointLine:de({x:t.x,y:t.y},{x:l.x,y:l.y}),midPointBezier:ve({x1:t.x,x2:l.x,y1:t.y,y2:l.y}),...t})})})}function ve(t){const n={x:t.x1,y:t.y1},l={x:t.x2,y:t.y2},s={x:t.x1,y:t.y1},c={x:a.value.width/2,y:a.value.height/2+r.value.style.circle.offsetY},u=.5,O=Math.pow(1-u,3)*n.x+3*Math.pow(1-u,2)*u*s.x+3*(1-u)*Math.pow(u,2)*c.x+Math.pow(u,3)*l.x,S=Math.pow(1-u,3)*n.y+3*Math.pow(1-u,2)*u*s.y+3*(1-u)*Math.pow(u,2)*c.y+Math.pow(u,3)*l.y;return{x:O,y:S}}const fe=e.computed(()=>Math.max(...d.value.map(t=>t.weight)));function ye(t){return Object.hasOwn(i.value,"x")?v.value.includes(t.id)?"opacity:1":"opacity:0.1":"opacity:1"}function g(t){return t.colorSource}function K(t){return Object.hasOwn(i.value,"x")?v.value.includes(t.id)&&t.relationId===`${t.id}_${i.value.id}`||t.relationId===`${i.value.id}_${t.id}`?`opacity:1;stroke-width:${L(t)}`:"opacity: 0":"opacity: 1"}function p(t){return Object.hasOwn(i.value,"x")?!!(v.value.includes(t.id)&&t.relationId===`${t.id}_${i.value.id}`||t.relationId===`${i.value.id}_${t.id}`):!1}function ge(t){return t.regAngle>90&&t.regAngle<270?"end":"start"}function he(t){return t.regAngle>90&&t.regAngle<270?t.x-5:t.x+5}function me(t){return Object.hasOwn(i.value,"x")?i.value.id===t.id||v.value.includes(t.id)?"opacity:1":"opacity:0.2":"opacity:1"}function ke(t){return t.regAngle>90&&t.regAngle<270?`rotate(${t.regAngle+180},${t.x},${t.y})`:`rotate(${t.regAngle},${t.x},${t.y})`}function Q(t){se.value=360-t.regAngle,i.value.id&&t.id===i.value.id?(i.value={},v.value=[]):(i.value=t,v.value=[...t.relations])}function L(t){const n=t.weight/fe.value*r.value.style.links.maxWidth;return Math.max(.3,n)}const C=e.ref(!1);function pe(t){C.value=t,E.value+=1}const B=e.ref(!1);function z(){B.value=!B.value}return re({generatePdf:q,generateImage:D,toggleAnnotator:z}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"relationCircleChart",ref:x,class:"vue-ui-relation-circle",style:e.normalizeStyle(`width:100%;background:${r.value.style.backgroundColor};text-align:center;${r.value.responsive?"height: 100%":""}`),id:`relation_circle_${w.value}`,onMouseenter:n[0]||(n[0]=()=>e.unref(F)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref(F)(!1))},[r.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Pe.PenAndPaper,{key:0,parent:x.value,backgroundColor:r.value.style.backgroundColor,color:r.value.style.color,active:B.value,onClose:z},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),oe.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:I,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),r.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:A,style:"width:100%;background:transparent"},[(e.openBlock(),e.createBlock(Ce._sfc_main,{key:`title_${V.value}`,config:{title:{cy:"relation-div-title",...r.value.style.title},subtitle:{cy:"relation-div-subtitle",...r.value.style.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),r.value.userOptions.show&&$.value&&(e.unref(M)||e.unref(P))?(e.openBlock(),e.createBlock(ee.UserOptions,{ref:"details",key:`user_options_${E.value}`,backgroundColor:r.value.style.backgroundColor,color:r.value.style.color,isPrinting:e.unref(R),isImaging:e.unref(j),uid:w.value,hasPdf:r.value.userOptions.buttons.pdf,hasImg:r.value.userOptions.buttons.img,hasFullscreen:r.value.userOptions.buttons.img,hasXls:!1,isFullscreen:C.value,titles:{...r.value.userOptions.buttonTitles},chartElement:x.value,position:r.value.userOptions.position,hasAnnotator:r.value.userOptions.buttons.annotator,isAnnotation:B.value,onToggleFullscreen:pe,onGeneratePdf:e.unref(q),onGenerateImage:e.unref(D),onToggleAnnotator:z,style:e.normalizeStyle({visibility:e.unref(M)?e.unref(P)?"visible":"hidden":"visible"})},e.createSlots({_:2},[t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:s})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:s})),void 0,!0)]),key:"2"}:void 0,t.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:l,isAnnotator:s})=>[e.renderSlot(t.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:l,isAnnotator:s})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),$.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(o.XMLNS),class:e.normalizeClass([{"vue-data-ui-fullscreen--on":C.value,"vue-data-ui-fulscreen--off":!C.value},"relation-circle"]),viewBox:`0 0 ${a.value.width<=0?10:a.value.width} ${a.value.height<=0?10:a.value.height}`,width:"100%",style:"user-select:none; background:transparent"},[e.createVNode($e._sfc_main),t.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:a.value.width<=0?10:a.value.width,height:a.value.height<=0?10:a.value.height,style:{pointerEvents:"none"}},[e.renderSlot(t.$slots,"chart-background",{},void 0,!0)],8,Se)):e.createCommentVNode("",!0),e.createElementVNode("circle",{cx:(a.value.width<=0?1e-4:a.value.width)/2,cy:(a.value.height<=0?1e-4:a.value.height)/2+r.value.style.circle.offsetY,r:m.value<=0?1e-4:m.value,stroke:r.value.style.circle.stroke,"stroke-width":r.value.style.circle.strokeWidth,fill:"transparent",class:"main-circle"},null,8,Ee),ae.value?(e.openBlock(),e.createElementBlock("g",Ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,s)=>(e.openBlock(),e.createElementBlock("path",{key:`relation_${s}`,style:e.normalizeStyle(K(l)),stroke:g(l),class:e.normalizeClass(["relation",{"vue-ui-relation-circle-selected":i.value.hasOwnProperty("id")&&v.value.includes(l.id)}]),d:`M${l.x1},${l.y1} C${l.x1},${l.y1} ${a.value.width/2},${a.value.height/2+r.value.style.circle.offsetY} ${l.x2},${l.y2}`,fill:"none","stroke-width":L(l),"stroke-linecap":"round"},null,14,Ne))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,s)=>(e.openBlock(),e.createElementBlock("g",Ie,[p(l)?e.renderSlot(t.$slots,"dataLabel",e.normalizeProps(e.mergeProps({key:0},{x:l.midPointBezier.x,y:l.midPointBezier.y,color:g(l),weight:l.weight,fontSize:f.value})),void 0,!0):e.createCommentVNode("",!0),p(l)&&!t.$slots.dataLabel?(e.openBlock(),e.createElementBlock("circle",{key:1,cx:l.midPointBezier.x,cy:l.midPointBezier.y,fill:g(l),r:f.value,stroke:r.value.style.backgroundColor,"stroke-width":"1"},null,8,Ve)):e.createCommentVNode("",!0),p(l)&&!t.$slots.dataLabel?(e.openBlock(),e.createElementBlock("text",{key:2,x:l.midPointBezier.x,y:l.midPointBezier.y+f.value/3,fill:e.unref(o.adaptColorToBackground)(g(l)),"text-anchor":"middle","font-size":f.value},e.toDisplayString(e.unref(o.applyDataLabel)(r.value.style.weightLabels.formatter,l.weight,e.unref(o.dataLabel)({p:r.value.style.weightLabels.prefix,v:l.weight,s:r.value.style.weightLabels.suffix,r:r.value.style.weightLabels.rounding}),{...l})),9,Fe)):e.createCommentVNode("",!0)]))),256))])):(e.openBlock(),e.createElementBlock("g",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,s)=>(e.openBlock(),e.createElementBlock("line",{key:`relation_${s}`,stroke:g(l),"stroke-width":L(l),style:e.normalizeStyle(K(l)),x1:l.x1,x2:l.x2,y1:l.y1,y2:l.y2,class:e.normalizeClass({"vue-ui-relation-circle-selected":i.value.hasOwnProperty("id")&&v.value.includes(l.id)}),"stroke-linecap":"round"},null,14,Te))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,s)=>(e.openBlock(),e.createElementBlock("g",Re,[p(l)?e.renderSlot(t.$slots,"dataLabel",e.normalizeProps(e.mergeProps({key:0},{x:l.midPointLine.x,y:l.midPointLine.y,color:g(l),weight:l.weight,fontSize:f.value})),void 0,!0):e.createCommentVNode("",!0),p(l)&&!t.$slots.dataLabel&&r.value.style.weightLabels.show?(e.openBlock(),e.createElementBlock("circle",{key:1,cx:l.midPointLine.x,cy:l.midPointLine.y,fill:g(l),r:f.value,stroke:r.value.style.backgroundColor,"stroke-width":"1"},null,8,je)):e.createCommentVNode("",!0),p(l)&&!t.$slots.dataLabel&&r.value.style.weightLabels.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:l.midPointLine.x,y:l.midPointLine.y+f.value/3,fill:e.unref(o.adaptColorToBackground)(g(l)),"text-anchor":"middle","font-size":f.value},e.toDisplayString(e.unref(o.applyDataLabel)(r.value.style.weightLabels.formatter,l.weight,e.unref(o.dataLabel)({p:r.value.style.weightLabels.prefix,v:l.weight,s:r.value.style.weightLabels.suffix,r:r.value.style.weightLabels.rounding}),{...l})),9,qe)):e.createCommentVNode("",!0)]))),256))])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(l,s)=>(e.openBlock(),e.createElementBlock("text",{key:`plot_text_${s}`,"text-anchor":ge(l),transform:ke(l),x:he(l),y:l.y+5,onClick:c=>Q(l),class:"vue-ui-relation-circle-legend","transform-origin":"start","font-weight":i.value.id===l.id?"900":"400",style:e.normalizeStyle(`font-family:${r.value.style.fontFamily};${me(l)}`),"font-size":W.value,fill:r.value.style.labels.color},e.toDisplayString(l.label)+" ("+e.toDisplayString(e.unref(o.applyDataLabel)(r.value.style.weightLabels.formatter,l.totalWeight,e.unref(o.dataLabel)({p:r.value.style.weightLabels.prefix,v:l.totalWeight,s:r.value.style.weightLabels.suffix,r:r.value.style.weightLabels.rounding}),{...l}))+") ",13,De))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(l,s)=>(e.openBlock(),e.createElementBlock("circle",{cx:l.x,cy:l.y,key:`plot_${s}`,style:e.normalizeStyle(ye(l)),class:"vue-ui-relation-circle-plot",fill:r.value.style.plot.useSerieColor?l.color:r.value.style.plot.color,stroke:r.value.style.backgroundColor,"stroke-width":"1",onClick:c=>Q(l),r:G.value},null,12,Ue))),128)),e.renderSlot(t.$slots,"svg",{svg:a.value},void 0,!0)],10,Oe)):e.createCommentVNode("",!0),t.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ge,[e.renderSlot(t.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(R)||e.unref(j)})),void 0,!0)])):e.createCommentVNode("",!0),t.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:6,ref_key:"source",ref:N,dir:"auto"},[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Be.default,{key:7,config:{type:"relationCircle",style:{backgroundColor:r.value.style.backgroundColor,relationCircle:{color:"#CCCCCC"}}}},null,8,["config"]))],44,ze))}},Ye=Le._export_sfc(We,[["__scopeId","data-v-26967977"]]);exports.default=Ye;

package/dist/{vue-ui-relation-circle-BOMeOf10.js → vue-ui-relation-circle-BxlK8MVs.js}

@@ -1,15 +1,15 @@
-import { useCssVars as Ge, computed as f, ref as o, watch as Ve, onMounted as We, onBeforeUnmount as De, openBlock as i, createElementBlock as a, normalizeStyle as C, unref as u, createBlock as F, createCommentVNode as v, createSlots as Xe, withCtx as B, renderSlot as h, normalizeProps as A, guardReactiveProps as W, normalizeClass as D, createVNode as Ye, createElementVNode as qe, Fragment as P, renderList as L, mergeProps as ge, toDisplayString as E } from "vue";
-import { u as He, c as Je, t as Ke, a as Qe, p as me, b as Ze, o as et, e as ke, g as tt, X as lt, G as pe, i as X, f as Y, F as q } from "./index-BqR_a-C7.js";
+import { useCssVars as Ge, computed as h, ref as o, watch as Ve, onMounted as We, onBeforeUnmount as De, openBlock as i, createElementBlock as a, normalizeStyle as C, unref as u, createBlock as F, createCommentVNode as v, createSlots as Xe, withCtx as B, renderSlot as f, normalizeProps as A, guardReactiveProps as W, normalizeClass as D, createVNode as Ye, createElementVNode as qe, Fragment as P, renderList as L, mergeProps as ge, toDisplayString as E } from "vue";
+import { u as He, c as Je, t as Ke, a as Qe, p as me, b as Ze, o as et, e as ke, g as tt, X as lt, G as pe, i as X, f as Y, F as q } from "./index-B7nCQFK0.js";
 import { t as st, u as it } from "./useResponsive-CoxXLe23.js";
-import { _ as at } from "./Title-Bhq6SOYu.js";
-import { u as nt, U as rt } from "./usePrinter-BPjMJmKg.js";
-import ut from "./vue-ui-skeleton-DbI8wJH-.js";
-import { u as we } from "./useNestedProp-DqofSFeh.js";
-import { _ as ot } from "./PackageVersion-tmgQTzP2.js";
-import { P as ct } from "./PenAndPaper-CJ3Rnk2Q.js";
+import { _ as at } from "./Title-CaET2xuF.js";
+import { u as nt, U as rt } from "./usePrinter-CQMn1b4E.js";
+import ut from "./vue-ui-skeleton-D66ZIUln.js";
+import { u as we } from "./useNestedProp-C9rlBRTT.js";
+import { _ as ot } from "./PackageVersion-CENy3Lm2.js";
+import { P as ct } from "./PenAndPaper-Dr7ndoP_.js";
 import { u as dt } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["cx", "cy", "r", "stroke", "stroke-width"], mt = { key: 1 }, kt = ["stroke", "d", "stroke-width"], pt = { style: { "pointer-events": "none" } }, wt = ["cx", "cy", "fill", "r", "stroke"], xt = ["x", "y", "fill", "font-size"], bt = { key: 2 }, $t = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], _t = { style: { "pointer-events": "none" } }, Ct = ["cx", "cy", "fill", "r", "stroke"], Pt = ["x", "y", "fill", "font-size"], Lt = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], Ot = ["cx", "cy", "fill", "stroke", "onClick", "r"], zt = {
+const yt = ["id"], ht = ["xmlns", "viewBox"], ft = ["width", "height"], gt = ["cx", "cy", "r", "stroke", "stroke-width"], mt = { key: 1 }, kt = ["stroke", "d", "stroke-width"], pt = { style: { "pointer-events": "none" } }, wt = ["cx", "cy", "fill", "r", "stroke"], xt = ["x", "y", "fill", "font-size"], bt = { key: 2 }, $t = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], _t = { style: { "pointer-events": "none" } }, Ct = ["cx", "cy", "fill", "r", "stroke"], Pt = ["x", "y", "fill", "font-size"], Lt = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], Ot = ["cx", "cy", "fill", "stroke", "onClick", "r"], zt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, At = {
@@ -31,11 +31,11 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
   setup(xe, { expose: be }) {
     const p = xe;
     Ge((e) => ({
-      "4beec998": Oe.value,
-      15467313: Le.value,
-      e556a096: ze.value
+      "6a4b731d": Oe.value,
+      d1cda308: Le.value,
+      "1841315e": ze.value
     }));
-    const { vue_ui_relation_circle: $e } = He(), T = f(() => !!p.dataset && Object.keys(p.dataset).length), O = o(Je()), H = o(0), z = o(null), J = o(null), K = o(null), Q = o(null), Z = o(0), l = f({
+    const { vue_ui_relation_circle: $e } = He(), T = h(() => !!p.dataset && Object.keys(p.dataset).length), O = o(Je()), H = o(0), z = o(null), J = o(null), K = o(null), Q = o(null), Z = o(0), l = h({
       get: () => le(),
       set: (e) => e
     }), { userOptionsVisible: N, setUserOptionsVisibility: ee, keepUserOptionState: te } = dt({ config: l.value });
@@ -58,17 +58,17 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
     const { isPrinting: se, isImaging: ie, generatePdf: ae, generateImage: ne } = nt({
       elementId: `relation_circle_${O.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle"
-    }), _e = f(() => l.value.userOptions.show && !l.value.style.title.text), re = f(() => Ze(l.value.customPalette)), x = o([]), g = o([]), c = o({}), m = o([]), Ce = o(0), R = f(() => p.dataset.slice(0, l.value.style.limit)), $ = o(l.value.style.size), k = o(l.value.style.weightLabels.size), ue = o(l.value.style.plot.radius), oe = o(l.value.style.labels.fontSize), r = o({
+    }), _e = h(() => l.value.userOptions.show && !l.value.style.title.text), re = h(() => Ze(l.value.customPalette)), x = o([]), g = o([]), c = o({}), m = o([]), Ce = o(0), R = h(() => p.dataset.slice(0, l.value.style.limit)), $ = o(l.value.style.size), k = o(l.value.style.weightLabels.size), ue = o(l.value.style.plot.radius), oe = o(l.value.style.labels.fontSize), r = o({
       height: l.value.style.size,
       width: l.value.style.size
-    }), b = f({
+    }), b = h({
       get() {
         return $.value * l.value.style.circle.radiusProportion;
       },
       set(e) {
         return e;
       }
-    }), Pe = f(() => l.value.style.links.curved), Le = f(() => `${l.value.style.animation.speedMs}ms`), Oe = f(() => b.value * 2), ze = f(() => b.value * 4), I = o(null);
+    }), Pe = h(() => l.value.style.links.curved), Le = h(() => `${l.value.style.animation.speedMs}ms`), Oe = h(() => b.value * 2), ze = h(() => b.value * 4), I = o(null);
     We(() => {
       ce(), document.getElementById(`relation_circle_${O.value}`).addEventListener("click", de);
     });
@@ -96,24 +96,26 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
             source: K.value,
             noTitle: Q.value
           });
-          $.value = Math.min(s, t), r.value.width = s, r.value.height = t, b.value = $.value * l.value.style.circle.radiusProportion, x.value = [], g.value = [], ve(), ye(), k.value = q({
-            relator: $.value,
-            adjuster: l.value.style.size,
-            source: l.value.style.weightLabels.size,
-            threshold: 6,
-            fallback: 6
-          }), ue.value = q({
-            relator: $.value,
-            adjuster: l.value.style.size,
-            source: l.value.style.plot.radius,
-            threshold: 1,
-            fallback: 1
-          }), oe.value = q({
-            relator: $.value,
-            adjuster: l.value.style.size,
-            source: l.value.style.labels.fontSize,
-            threshold: 6,
-            fallback: 6
+          requestAnimationFrame(() => {
+            $.value = Math.min(s, t), r.value.width = s, r.value.height = t, b.value = $.value * l.value.style.circle.radiusProportion, x.value = [], g.value = [], ve(), ye(), k.value = q({
+              relator: $.value,
+              adjuster: l.value.style.size,
+              source: l.value.style.weightLabels.size,
+              threshold: 6,
+              fallback: 6
+            }), ue.value = q({
+              relator: $.value,
+              adjuster: l.value.style.size,
+              source: l.value.style.plot.radius,
+              threshold: 1,
+              fallback: 1
+            }), oe.value = q({
+              relator: $.value,
+              adjuster: l.value.style.size,
+              source: l.value.style.labels.fontSize,
+              threshold: 6,
+              fallback: 6
+            });
           });
         });
         I.value = new ResizeObserver(e), I.value.observe(z.value.parentNode);
@@ -171,14 +173,14 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
       }, d = 0.5, G = Math.pow(1 - d, 3) * s.x + 3 * Math.pow(1 - d, 2) * d * n.x + 3 * (1 - d) * Math.pow(d, 2) * y.x + Math.pow(d, 3) * t.x, V = Math.pow(1 - d, 3) * s.y + 3 * Math.pow(1 - d, 2) * d * n.y + 3 * (1 - d) * Math.pow(d, 2) * y.y + Math.pow(d, 3) * t.y;
       return { x: G, y: V };
     }
-    const Me = f(() => Math.max(...g.value.map((e) => e.weight)));
+    const Me = h(() => Math.max(...g.value.map((e) => e.weight)));
     function Se(e) {
       return Object.hasOwn(c.value, "x") ? m.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
     }
     function w(e) {
       return e.colorSource;
     }
-    function fe(e) {
+    function he(e) {
       return Object.hasOwn(c.value, "x") ? m.value.includes(e.id) && e.relationId === `${e.id}_${c.value.id}` || e.relationId === `${c.value.id}_${e.id}` ? `opacity:1;stroke-width:${j(e)}` : "opacity: 0" : "opacity: 1";
     }
     function _(e) {
@@ -196,7 +198,7 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
     function Te(e) {
       return e.regAngle > 90 && e.regAngle < 270 ? `rotate(${e.regAngle + 180},${e.x},${e.y})` : `rotate(${e.regAngle},${e.x},${e.y})`;
     }
-    function he(e) {
+    function fe(e) {
       Ce.value = 360 - e.regAngle, c.value.id && e.id === c.value.id ? (c.value = {}, m.value = []) : (c.value = e, m.value = [...e.relations]);
     }
     function j(e) {
@@ -288,28 +290,28 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
         e.$slots.optionPdf ? {
           name: "optionPdf",
           fn: B(() => [
-            h(e.$slots, "optionPdf", {}, void 0, !0)
+            f(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
           fn: B(() => [
-            h(e.$slots, "optionImg", {}, void 0, !0)
+            f(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: B(({ toggleFullscreen: t, isFullscreen: n }) => [
-            h(e.$slots, "optionFullscreen", A(W({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
+            f(e.$slots, "optionFullscreen", A(W({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: B(({ toggleAnnotator: t, isAnnotator: n }) => [
-            h(e.$slots, "optionAnnotator", A(W({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
+            f(e.$slots, "optionAnnotator", A(W({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
           ]),
           key: "3"
         } : void 0
@@ -333,8 +335,8 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
             pointerEvents: "none"
           }
         }, [
-          h(e.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ht)) : v("", !0),
+          f(e.$slots, "chart-background", {}, void 0, !0)
+        ], 8, ft)) : v("", !0),
         qe("circle", {
           cx: (r.value.width <= 0 ? 1e-4 : r.value.width) / 2,
           cy: (r.value.height <= 0 ? 1e-4 : r.value.height) / 2 + l.value.style.circle.offsetY,
@@ -347,7 +349,7 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
         Pe.value ? (i(), a("g", mt, [
           (i(!0), a(P, null, L(g.value, (t, n) => (i(), a("path", {
             key: `relation_${n}`,
-            style: C(fe(t)),
+            style: C(he(t)),
             stroke: w(t),
             class: D(["relation", { "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && m.value.includes(t.id) }]),
             d: `M${t.x1},${t.y1} C${t.x1},${t.y1} ${r.value.width / 2},${r.value.height / 2 + l.value.style.circle.offsetY} ${t.x2},${t.y2}`,
@@ -356,7 +358,7 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
             "stroke-linecap": "round"
           }, null, 14, kt))), 128)),
           (i(!0), a(P, null, L(g.value, (t, n) => (i(), a("g", pt, [
-            _(t) ? h(e.$slots, "dataLabel", A(ge({ key: 0 }, {
+            _(t) ? f(e.$slots, "dataLabel", A(ge({ key: 0 }, {
               x: t.midPointBezier.x,
               y: t.midPointBezier.y,
               color: w(t),
@@ -396,7 +398,7 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
             key: `relation_${n}`,
             stroke: w(t),
             "stroke-width": j(t),
-            style: C(fe(t)),
+            style: C(he(t)),
             x1: t.x1,
             x2: t.x2,
             y1: t.y1,
@@ -405,7 +407,7 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
             "stroke-linecap": "round"
           }, null, 14, $t))), 128)),
           (i(!0), a(P, null, L(g.value, (t, n) => (i(), a("g", _t, [
-            _(t) ? h(e.$slots, "dataLabel", A(ge({ key: 0 }, {
+            _(t) ? f(e.$slots, "dataLabel", A(ge({ key: 0 }, {
               x: t.midPointLine.x,
               y: t.midPointLine.y,
               color: w(t),
@@ -447,7 +449,7 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
           transform: Te(t),
           x: Be(t),
           y: t.y + 5,
-          onClick: (y) => he(t),
+          onClick: (y) => fe(t),
           class: "vue-ui-relation-circle-legend",
           "transform-origin": "start",
           "font-weight": c.value.id === t.id ? "900" : "400",
@@ -474,13 +476,13 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
           fill: l.value.style.plot.useSerieColor ? t.color : l.value.style.plot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "1",
-          onClick: (y) => he(t),
+          onClick: (y) => fe(t),
           r: ue.value
         }, null, 12, Ot))), 128)),
-        h(e.$slots, "svg", { svg: r.value }, void 0, !0)
-      ], 10, ft)) : v("", !0),
+        f(e.$slots, "svg", { svg: r.value }, void 0, !0)
+      ], 10, ht)) : v("", !0),
       e.$slots.watermark ? (i(), a("div", zt, [
-        h(e.$slots, "watermark", A(W({ isPrinting: u(se) || u(ie) })), void 0, !0)
+        f(e.$slots, "watermark", A(W({ isPrinting: u(se) || u(ie) })), void 0, !0)
       ])) : v("", !0),
       e.$slots.source ? (i(), a("div", {
         key: 6,
@@ -488,7 +490,7 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
         ref: K,
         dir: "auto"
       }, [
-        h(e.$slots, "source", {}, void 0, !0)
+        f(e.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
       T.value ? v("", !0) : (i(), F(ut, {
         key: 7,
@@ -504,7 +506,7 @@ const yt = ["id"], ft = ["xmlns", "viewBox"], ht = ["width", "height"], gt = ["c
       }, null, 8, ["config"]))
     ], 44, yt));
   }
-}, Gt = /* @__PURE__ */ vt(At, [["__scopeId", "data-v-d95c92fd"]]);
+}, Gt = /* @__PURE__ */ vt(At, [["__scopeId", "data-v-26967977"]]);
 export {
   Gt as default
 };

package/dist/{vue-ui-rings-3O2lFlg1.js → vue-ui-rings-BXrtMSML.js}

@@ -1,23 +1,23 @@
-import { useSlots as De, ref as r, computed as h, watch as Ee, onMounted as Ge, onBeforeUnmount as He, openBlock as n, createElementBlock as v, normalizeClass as V, normalizeStyle as N, unref as i, createBlock as O, createCommentVNode as m, createSlots as $e, withCtx as g, renderSlot as p, normalizeProps as L, guardReactiveProps as F, createVNode as J, createElementVNode as w, Fragment as K, renderList as Q, createTextVNode as we, toDisplayString as E, nextTick as je } from "vue";
-import { u as Xe, c as _e, t as Ye, a as qe, p as I, o as Je, e as Z, g as Ke, b as Qe, J as Ze, d as Te, f as P, X as et, s as tt, w as lt, v as G, i as xe, x as ot, y as at, q as st, r as nt } from "./index-BqR_a-C7.js";
+import { useSlots as De, ref as r, computed as h, watch as Ee, onMounted as Ge, onBeforeUnmount as He, openBlock as n, createElementBlock as v, normalizeClass as V, normalizeStyle as N, unref as i, createBlock as O, createCommentVNode as m, createSlots as $e, withCtx as g, renderSlot as p, normalizeProps as F, guardReactiveProps as L, createVNode as J, createElementVNode as w, Fragment as K, renderList as Q, createTextVNode as we, toDisplayString as E, nextTick as je } from "vue";
+import { u as Xe, c as _e, t as qe, a as Ye, p as I, o as Je, e as Z, g as Ke, b as Qe, J as Ze, d as Te, f as P, X as et, s as tt, w as lt, v as G, i as xe, x as ot, y as at, q as st, r as nt } from "./index-B7nCQFK0.js";
 import { t as ut, u as rt } from "./useResponsive-CoxXLe23.js";
-import { _ as it } from "./Title-Bhq6SOYu.js";
-import { u as vt, U as ct } from "./usePrinter-BPjMJmKg.js";
-import { _ as dt } from "./Tooltip-CeBpQ6yn.js";
-import { D as pt } from "./DataTable-CaiuB_-j.js";
-import { L as ht } from "./Legend-Br9uWuyZ.js";
-import gt from "./vue-ui-skeleton-DbI8wJH-.js";
-import ft from "./vue-ui-accordion-Cz3VCEN0.js";
-import { u as Ne } from "./useNestedProp-DqofSFeh.js";
-import { _ as yt } from "./PackageVersion-tmgQTzP2.js";
-import { P as mt } from "./PenAndPaper-CJ3Rnk2Q.js";
+import { _ as it } from "./Title-CaET2xuF.js";
+import { u as vt, U as ct } from "./usePrinter-CQMn1b4E.js";
+import { _ as dt } from "./Tooltip-Bkc4233T.js";
+import { D as pt } from "./DataTable-C0tCPQ9i.js";
+import { L as ht } from "./Legend-BTpe6qQB.js";
+import gt from "./vue-ui-skeleton-D66ZIUln.js";
+import ft from "./vue-ui-accordion-B8ptB5BQ.js";
+import { u as Ne } from "./useNestedProp-C9rlBRTT.js";
+import { _ as yt } from "./PackageVersion-CENy3Lm2.js";
+import { P as mt } from "./PenAndPaper-Dr7ndoP_.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as kt } from "./Shape-6QlwV5xV.js";
+import { _ as kt } from "./Shape-zFv85Gc2.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["id"], xt = ["stop-color"], Nt = ["stop-color"], Ot = { key: 1 }, It = ["stroke", "cx", "cy", "r", "fill"], Pt = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], St = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], At = ["cx", "cy", "r", "onMouseenter"], Lt = {
+const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["id"], xt = ["stop-color"], Nt = ["stop-color"], Ot = { key: 1 }, It = ["stroke", "cx", "cy", "r", "fill"], Pt = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], St = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], At = ["cx", "cy", "r", "onMouseenter"], Ft = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ft = ["onClick"], Mt = { key: 0 }, Vt = { key: 1 }, zt = ["innerHTML"], Rt = {
+}, Lt = ["onClick"], Mt = { key: 0 }, Vt = { key: 1 }, zt = ["innerHTML"], Rt = {
   __name: "vue-ui-rings",
   props: {
     config: {
@@ -35,7 +35,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
   },
   emits: ["selectLegend"],
   setup(Oe, { expose: Ie, emit: Pe }) {
-    const b = Oe, { vue_ui_rings: Se } = Xe(), Ae = De(), x = r(!1), z = h(() => !!b.dataset && b.dataset.length), C = r(_e()), Le = r(null), R = r(!1), H = r(""), $ = r(null), ee = r(0), S = r(null), te = r(null), le = r(null), oe = r(null), ae = r(null), se = r(0), ne = r(0), ue = r(0), e = h({
+    const b = Oe, { vue_ui_rings: Se } = Xe(), Ae = De(), x = r(!1), z = h(() => !!b.dataset && b.dataset.length), C = r(_e()), Fe = r(null), R = r(!1), H = r(""), $ = r(null), ee = r(0), S = r(null), te = r(null), le = r(null), oe = r(null), ae = r(null), se = r(0), ne = r(0), ue = r(0), e = h({
       get: () => ve(),
       set: (t) => t
     }), { userOptionsVisible: j, setUserOptionsVisibility: re, keepUserOptionState: ie } = bt({ config: e.value });
@@ -46,10 +46,10 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       });
       return t.theme ? {
         ...Ne({
-          userConfig: Ye.vue_ui_rings[t.theme] || b.config,
+          userConfig: qe.vue_ui_rings[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: qe[t.theme] || I
+        customPalette: Ye[t.theme] || I
       } : t;
     }
     Ee(() => b.config, (t) => {
@@ -87,7 +87,9 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
             source: oe.value,
             noTitle: ae.value
           });
-          s.value.width = o, s.value.height = l;
+          requestAnimationFrame(() => {
+            s.value.width = o, s.value.height = l;
+          });
         });
         U.value = new ResizeObserver(t), U.value.observe(S.value.parentNode);
       }
@@ -101,7 +103,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
     const { isPrinting: de, isImaging: pe, generatePdf: he, generateImage: ge } = vt({
       elementId: `rings_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-rings"
-    }), Fe = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), fe = h(() => Qe(e.value.customPalette)), _ = r({
+    }), Le = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), fe = h(() => Qe(e.value.customPalette)), _ = r({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     }), s = r({
@@ -165,10 +167,10 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         })
       );
     }
-    const c = h(() => Me.value - e.value.style.chart.layout.rings.strokeWidth * 2), Y = r(null);
+    const c = h(() => Me.value - e.value.style.chart.layout.rings.strokeWidth * 2), q = r(null);
     function Ue(t, o) {
       if (f.value.length === b.dataset.length) return;
-      Y.value = {
+      q.value = {
         datapoint: o,
         seriesIndex: t,
         series: d.value,
@@ -273,7 +275,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       _.value.showTooltip = !_.value.showTooltip;
     }
     const D = r(!1);
-    function q() {
+    function Y() {
       D.value = !D.value;
     }
     return Ie({
@@ -283,7 +285,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       generateImage: ge,
       toggleTable: ke,
       toggleTooltip: Ce,
-      toggleAnnotator: q
+      toggleAnnotator: Y
     }), (t, o) => (n(), v("div", {
       ref_key: "ringsChart",
       ref: S,
@@ -301,9 +303,9 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: D.value,
-        onClose: q
+        onClose: Y
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : m("", !0),
-      Fe.value ? (n(), v("div", {
+      Le.value ? (n(), v("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ae,
@@ -332,7 +334,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       ], 512)) : m("", !0),
       e.value.userOptions.show && z.value && (i(ie) || i(j)) ? (n(), O(ct, {
         ref_key: "details",
-        ref: Le,
+        ref: Fe,
         key: `user_options_${ee.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -358,7 +360,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         onGenerateImage: i(ge),
         onToggleTable: ke,
         onToggleTooltip: Ce,
-        onToggleAnnotator: q,
+        onToggleAnnotator: Y,
         style: N({
           visibility: i(ie) ? i(j) ? "visible" : "hidden" : "visible"
         })
@@ -401,14 +403,14 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: g(({ toggleFullscreen: l, isFullscreen: a }) => [
-            p(t.$slots, "optionFullscreen", L(F({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+            p(t.$slots, "optionFullscreen", F(L({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: g(({ toggleAnnotator: l, isAnnotator: a }) => [
-            p(t.$slots, "optionAnnotator", L(F({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+            p(t.$slots, "optionAnnotator", F(L({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -454,7 +456,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         ]),
         t.$slots.pattern ? (n(), v("g", Ot, [
           (n(!0), v(K, null, Q(d.value, (l) => (n(), v("defs", null, [
-            p(t.$slots, "pattern", L(F({ seriesIndex: l.absoluteIndex, patternId: `pattern_${C.value}_${l.absoluteIndex}` })), void 0, !0)
+            p(t.$slots, "pattern", F(L({ seriesIndex: l.absoluteIndex, patternId: `pattern_${C.value}_${l.absoluteIndex}` })), void 0, !0)
           ]))), 256))
         ])) : m("", !0),
         (n(!0), v(K, null, Q(d.value, (l, a) => (n(), v("g", null, [
@@ -517,8 +519,8 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         ]))), 256)),
         p(t.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, wt)) : m("", !0),
-      t.$slots.watermark ? (n(), v("div", Lt, [
-        p(t.$slots, "watermark", L(F({ isPrinting: i(de) || i(pe) })), void 0, !0)
+      t.$slots.watermark ? (n(), v("div", Ft, [
+        p(t.$slots, "watermark", F(L({ isPrinting: i(de) || i(pe) })), void 0, !0)
       ])) : m("", !0),
       z.value ? m("", !0) : (n(), O(gt, {
         key: 6,
@@ -564,7 +566,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
                 s: "%",
                 r: e.value.style.chart.legend.roundingPercentage
               })) + ") ", 1))
-            ], 12, Ft)
+            ], 12, Lt)
           ]),
           _: 2
         }, [
@@ -611,10 +613,10 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function"
       }, {
         "tooltip-before": g(() => [
-          p(t.$slots, "tooltip-before", L(F({ ...Y.value })), void 0, !0)
+          p(t.$slots, "tooltip-before", F(L({ ...q.value })), void 0, !0)
         ]),
         "tooltip-after": g(() => [
-          p(t.$slots, "tooltip-after", L(F({ ...Y.value })), void 0, !0)
+          p(t.$slots, "tooltip-after", F(L({ ...q.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -660,7 +662,7 @@ const $t = ["id"], wt = ["xmlns", "viewBox"], _t = ["width", "height"], Tt = ["i
       }, 8, ["config"])) : m("", !0)
     ], 46, $t));
   }
-}, tl = /* @__PURE__ */ Ct(Rt, [["__scopeId", "data-v-966f63d3"]]);
+}, tl = /* @__PURE__ */ Ct(Rt, [["__scopeId", "data-v-bb9ae26d"]]);
 export {
   tl as default
 };