vue-data-ui 2.10.11 → 2.11.0

package/dist/{vue-ui-chestnut-D_GtQRUL.js → vue-ui-chestnut-Co3ZtHYQ.js}

@@ -1,12 +1,12 @@
 import { useCssVars as He, computed as m, ref as T, watch as We, onMounted as Ke, createElementBlock as o, openBlock as a, unref as n, normalizeStyle as h, normalizeClass as k, createBlock as K, createCommentVNode as f, renderSlot as S, createSlots as Je, withCtx as B, normalizeProps as J, guardReactiveProps as Q, createVNode as Ce, createElementVNode as s, toDisplayString as c, Fragment as g, renderList as _, createTextVNode as Z, withKeys as Qe, nextTick as Te } from "vue";
-import { u as Ze, c as et, t as tt, p as V, a as lt, b as at, g as ne, e as ee, d as re, o as ot, X as st, s as F, w as ze, i as G, f as z, G as Ne, m as Se, j as ut, k as H, n as P, q as nt, r as rt } from "./index-CO-5OgQA.js";
-import { u as it, U as ct } from "./usePrinter-DldU0tBx.js";
-import dt from "./vue-ui-skeleton-BeEBd4CC.js";
-import vt from "./BaseIcon-V0HD2AAD.js";
-import yt from "./vue-ui-accordion-RRHvINsj.js";
-import { u as Fe } from "./useNestedProp-D8sa_wYF.js";
-import { _ as ht } from "./PackageVersion-DqsC6J9R.js";
-import { _ as ft } from "./PenAndPaper-Bqjmruhh.js";
+import { u as Ze, c as et, t as tt, p as V, a as lt, b as at, g as ne, e as ee, d as re, o as ot, X as st, s as F, w as ze, i as G, f as z, G as Ne, m as Se, j as ut, k as H, n as P, q as nt, r as rt } from "./index-BMcwUsiG.js";
+import { u as it, U as ct } from "./usePrinter-BpCNa5RW.js";
+import dt from "./vue-ui-skeleton-BoZyBfQF.js";
+import vt from "./BaseIcon-BPehVcsN.js";
+import yt from "./vue-ui-accordion-DKw3ZQgh.js";
+import { u as Fe } from "./useNestedProp-DwQWwt5e.js";
+import { _ as ht } from "./PackageVersion-BPCzY_N5.js";
+import { _ as ft } from "./PenAndPaper-B3KDT2of.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pt } from "./useChartAccessibility-BWojgys7.js";
 import { _ as gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/vue-ui-chord-CUREQYhU.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./index-CG-euAJp.cjs"),Qe=require("./useUserOptionState-BgepsfED.cjs"),Pe=require("./useNestedProp-DYDoE86w.cjs"),Ze=require("./useChartAccessibility-Cm7nkzTG.cjs"),Je=require("./Title-GpO-QNhg.cjs"),Ke=require("./PackageVersion-B6nxekEz.cjs"),et=require("./PenAndPaper-BC1d2zL5.cjs"),tt=require("./BaseIcon-dtfVrHa7.cjs"),Ae=require("./usePrinter-BBqldIVF.cjs"),ot=require("./Legend-C8PTNFsH.cjs"),at=require("./Shape-Cr-Qt6IO.cjs"),lt=require("./DataTable-pT39kn0W.cjs"),nt=require("./vue-ui-accordion-dJGHfrMl.cjs"),rt=require("./vue-ui-skeleton-LYOlEoA_.cjs"),Ie=require("./useResponsive-BBkmXXaa.cjs"),st=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ut=["id"],it=["xmlns","viewBox"],ct=["width","height"],dt={key:1},vt=["id","d"],ht={key:2},ft=["transform"],mt=["d","fill","stroke","stroke-width","onMouseenter","onClick"],pt=["d","fill","stroke","stroke-width"],gt=["d","fill"],bt=["d","fill","stroke","stroke-width","onMouseenter","onClick"],kt=["d","fill","stroke","stroke-width"],yt=["d","fill","stroke","stroke-width"],Ct=["d","fill","stroke","stroke-width"],$t={key:0},wt=["x1","y1","x2","y2","stroke","stroke-width"],Bt=["x1","y1","x2","y2","stroke","stroke-width"],Mt=["cx","cy","r","stroke","stroke-width","fill"],xt=["transform","fill","text-anchor","font-size","font-weight"],Pt={key:1},At=["font-size","font-weight","fill"],It=["href"],_t=["transform","text-anchor","font-size","font-weight","fill"],St={key:5,class:"vue-data-ui-watermark"},Et=["onClick"],Nt={key:8,"data-dom-to-png-ignore":"",class:"reset-wrapper"},Vt={style:{"text-align":"right",width:"100%"}},Tt={__name:"vue-ui-chord",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},emits:["selectLegend","selectGroup","selectRibbon"],setup(_e,{expose:Se,emit:Ee}){e.useCssVars(o=>({"7187d07a":o.slicerColor}));const{vue_ui_chord:Ne}=d.useConfig(),h=_e,L=Ee,P=e.ref(!!h.dataset&&Object.hasOwn(h.dataset,"matrix")),B=e.ref(d.createUid()),b=e.ref(null),m=e.ref(null),v=e.ref(null),H=e.ref(0),E=e.ref(null),Q=e.ref(null),Z=e.ref(null),J=e.ref(null),K=e.ref(null),ee=e.ref(0),te=e.ref(0),oe=e.ref(0),N=e.ref(!1),X=e.ref(null),a=e.computed({get:()=>ie(),set:o=>o}),{userOptionsVisible:j,setUserOptionsVisibility:ae,keepUserOptionState:le}=Qe.useUserOptionState({config:a.value}),{svgRef:V}=Ze.useChartAccessibility({config:a.value.style.chart.title}),{isPrinting:ne,isImaging:re,generatePdf:se,generateImage:ue}=Ae.usePrinter({elementId:`chord_${B.value}`,fileName:a.value.style.chart.title.text||"vue-ui-chord",options:a.value.userOptions.print}),T=e.ref({showTable:a.value.table.show});function ie(){const o=Pe.useNestedProp({userConfig:h.config,defaultConfig:Ne});return o.theme?{...Pe.useNestedProp({userConfig:d.themes.vue_ui_chord[o.theme]||h.config,defaultConfig:o}),customPalette:d.themePalettes[o.theme]||d.palette}:o}e.watch(()=>h.config,o=>{a.value=ie(),j.value=!a.value.userOptions.showOnChartHover,ce(),ee.value+=1,te.value+=1,oe.value+=1,$.value=a.value.initialRotation,T.value.showTable=a.value.table.show},{deep:!0});function ce(){if(d.objectIsEmpty(h.dataset)?d.error({componentName:"VueUiChord",type:"dataset"}):d.getMissingDatasetAttributes({datasetObject:h.dataset,requiredAttributes:["matrix"]}).forEach(o=>{P.value=!1,d.error({componentName:"VueUiChord",type:"datasetAttribute",property:o})}),P.value&&de(),a.value.responsive){const o=E.value.parentNode,l=Ie.throttle(()=>{const{width:n,height:u,heightNoTitle:r,heightSource:s,heightTitle:c,heightLegend:k}=Ie.useResponsive({chart:E.value,title:a.value.style.chart.title.text?Q.value:null,legend:a.value.style.chart.legend.show?Z.value:null,source:J.value,noTitle:K.value}),y=c+k+s+r;n<u?E.value.style.width="100%":(E.value.style.height="100%",V.value.style.height=`calc(100% - ${y}px)`)},100),t=new ResizeObserver(l);t.observe(o),X.value=t,l()}ve.value=setTimeout(()=>{N.value=!0},500)}function de(){h.dataset.matrix.length<2&&(console.warn(`VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
+
+matrix:[
+  [1, 1],
+  [1, 1]
+]`),P.value=!1),h.dataset.matrix.forEach((o,l)=>{o.length!==h.dataset.matrix.length&&(console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${l} has ${o.length} elements instead of the required ${h.dataset.matrix.length}
+
+dataset.matrix[${l}] = [${o.toString()}] has a length of ${o.length} but should have the same length as the matrix itself (${h.dataset.matrix.length})`),P.value=!1)})}const ve=e.ref(null);e.onMounted(()=>{ce()});const M=e.ref({height:600,width:600}),Ve=e.computed(()=>a.value.userOptions.show&&!a.value.style.chart.title.text),Te=e.computed(()=>d.convertCustomPalette(a.value.customPalette)),f=e.computed(()=>({inner:M.value.width*.3*a.value.style.chart.arcs.innerRadiusRatio,outer:M.value.width*.34*a.value.style.chart.arcs.outerRadiusRatio})),ze=e.computed(()=>a.value.style.chart.arcs.padAngle/100),p=e.computed(()=>P.value?{matrix:h.dataset.matrix??[[0]],labels:h.dataset.labels??[""],colors:h.dataset.colors&&Array.isArray(h.dataset.colors)&&h.dataset.colors.length?h.dataset.colors.map(o=>d.convertColorToHex(o)):h.dataset.matrix.map((o,l)=>Te.value[l]||d.palette[l]||d.palette[l%d.palette.length])}:{matrix:[],labels:[],colors:[]});function Oe(o,l){const t=o.length,n=f.value.inner,u=new Array(t).fill(0);let r=0;for(let i=0;i<t;i+=1)for(let g=0;g<t;g+=1)u[i]+=o[i][g],r+=o[i][g];const s=(2*Math.PI-l*t)/r,c=[];let k=0;for(let i=0;i<t;i+=1){const g=k,w=g+u[i]*s;c.push({index:i,pattern:`pattern_${B.value}_${i}`,startAngle:g,endAngle:w,name:p.value.labels[i],id:d.createUid(),color:p.value.colors[i]}),k=w+l}const y=[];for(let i=0;i<t;i+=1){const g=o[i].map((x,I)=>({j:I,v:x}));g.sort((x,I)=>I.v-x.v);let w=c[i].startAngle;for(const{j:x,v:I}of g){const S=w,O=S+I*s;y.push({index:i,subIndex:x,pattern:`pattern_${B.value}_${i}`,startAngle:S,endAngle:O,value:I,groupName:p.value.labels[i],groupId:c[i].id,groupColor:p.value.colors[i],midAngle:(S+O)/2,midBaseX:Math.cos((S+O)/2-Math.PI/2)*n,midBaseY:Math.sin((S+O)/2-Math.PI/2)*n}),w=O}}const A=[];for(const i of y){const g=y.find(w=>w.index===i.subIndex&&w.subIndex===i.index);A.push({source:i,target:g,id:d.createUid()})}return{groups:c,chords:A}}const C=e.computed(()=>{const o=Oe(p.value.matrix,ze.value);return de(),o.chords.sort((l,t)=>Math.max(t.source.value,t.target.value)-Math.max(l.source.value,l.target.value)),o}),Le=e.computed(()=>{const o=f.value.outer+a.value.style.chart.ribbons.labels.offset+12,t=a.value.style.chart.ribbons.labels.fontSize*.6,n=[];if(m.value){const r=m.value;if(r.source.value){const s=String(r.source.value);n.push({id:r.id+"-src",theta:r.source.midAngle,w:s.length*t/o,midBaseX:r.source.midBaseX,midBaseY:r.source.midBaseY,groupColor:r.source.groupColor,value:r.source.value})}if(r.target&&r.target.value&&r.target.value!==r.source.value){const s=String(r.target.value);n.push({id:r.id+"-tgt",theta:r.target.midAngle,w:s.length*t/o,midBaseX:r.target.midBaseX,midBaseY:r.target.midBaseY,groupColor:r.target.groupColor,value:r.target.value})}return n}function u(r){C.value.chords.filter(s=>s.source.groupId===r&&s.source.value).forEach(s=>{{const c=String(s.source.value);n.push({id:s.id+"-src",theta:s.source.midAngle,w:c.length*t/o,midBaseX:s.source.midBaseX,midBaseY:s.source.midBaseY,groupColor:s.source.groupColor,value:s.source.value})}if(s.target&&s.target.value&&s.target.value!==s.source.value){const c=String(s.target.value);n.push({id:s.id+"-tgt",theta:s.target.midAngle,w:c.length*t/o,midBaseX:s.target.midBaseX,midBaseY:s.target.midBaseY,groupColor:s.target.groupColor,value:s.target.value})}})}return v.value&&u(v.value),b.value&&u(b.value.id),n}),Fe=e.computed(()=>{const o=Le.value.map(u=>({...u})).sort((u,r)=>u.theta-r.theta),l=a.value.style.chart.ribbons.labels.minSeparationDeg*Math.PI/180;let t=!0,n=0;for(;t&&n++<10;){t=!1;for(let c=1;c<o.length;c+=1){const k=o[c-1],y=o[c],A=k.theta+k.w+l;y.theta<A&&(y.theta=A,t=!0)}const u=o[0],r=o[o.length-1],s=r.theta+r.w+l-2*Math.PI;u.theta<s&&(u.theta=s,t=!0)}return o});function he(o,l,t,n){const u=o-Math.PI/2,r=l-Math.PI/2,s=Math.cos(u)*t,c=Math.sin(u)*t,k=Math.cos(r)*t,y=Math.sin(r)*t,A=Math.cos(r)*n,i=Math.sin(r)*n,g=Math.cos(u)*n,w=Math.sin(u)*n,x=l-o>Math.PI?1:0;return`M${s},${c} A${t},${t} 0 ${x} 1 ${k},${y} L${A},${i} A${n},${n} 0 ${x} 0 ${g},${w} Z`}function F(o,l){const t=f.value.inner,n=o.startAngle-Math.PI/2,u=o.endAngle-Math.PI/2,r=l.startAngle-Math.PI/2,s=l.endAngle-Math.PI/2,c=Math.cos(n)*t,k=Math.sin(n)*t,y=Math.cos(u)*t,A=Math.sin(u)*t,i=Math.cos(r)*t,g=Math.sin(r)*t,w=Math.cos(s)*t,x=Math.sin(s)*t,I=o.endAngle-o.startAngle>Math.PI?1:0,S=l.endAngle-l.startAngle>Math.PI?1:0;return`M${c},${k}A${t},${t} 0 ${I} 1 ${y},${A}Q0,0 ${i},${g}A${t},${t} 0 ${S} 1 ${w},${x}Q0,0 ${c},${k}Z`}const fe=e.computed(()=>$.value*Math.PI/180);function qe(o){return(o.startAngle+o.endAngle)/2}function Re(o){return((qe(o)+fe.value)%(2*Math.PI)+2*Math.PI)%(2*Math.PI)}function De(o){let l=o+fe.value;return l=(l%(2*Math.PI)+2*Math.PI)%(2*Math.PI),l>Math.PI?"end":"start"}function Ue(o){const l=o-Math.PI/2,t=Math.cos(l)*(f.value.outer+a.value.style.chart.arcs.labels.offset+24),n=Math.sin(l)*(f.value.outer+a.value.style.chart.arcs.labels.offset+24);return`translate(${t},${n})`}function Xe(o,l,t){const n=o-Math.PI/2,u=l-Math.PI/2,r=Math.cos(n)*t,s=Math.sin(n)*t,c=Math.cos(u)*t,k=Math.sin(u)*t,y=l-o>Math.PI?1:0;return`M${r},${s} A${t},${t} 0 ${y} 1 ${c},${k}`}const $=e.ref(a.value.initialRotation),Y=e.ref(!1);let me=0,pe=0;function ge(o){const l=V.value.getBoundingClientRect(),t=l.left+l.width/2,n=l.top+l.height/2,u=o.clientX??o.touches[0].clientX,r=o.clientY??o.touches[0].clientY;return Math.atan2(r-n,u-t)}function be(o){!a.value.enableRotation||z.value||(o.preventDefault(),Y.value=!0,me=$.value,pe=ge(o))}function q(o){if(!Y.value)return;const l=ge(o);$.value=me+(l-pe)*180/Math.PI}function R(){Y.value=!1}function ke(o){return d.applyDataLabel(a.value.style.chart.ribbons.labels.formatter,o,d.dataLabel({p:a.value.style.chart.ribbons.labels.prefix,v:o,s:a.value.style.chart.ribbons.labels.suffix,r:a.value.style.chart.ribbons.labels.rounding}))}e.onMounted(()=>{window.addEventListener("mousemove",q),window.addEventListener("mouseup",R),window.addEventListener("touchmove",q,{passive:!1}),window.addEventListener("touchend",R)}),e.onBeforeUnmount(()=>{window.removeEventListener("mousemove",q),window.removeEventListener("mouseup",R),window.removeEventListener("touchmove",q),window.removeEventListener("touchend",R),clearTimeout(ve.value),X.value&&X.value.disconnect()});const G=e.ref(!1);function je(o){G.value=o,H.value+=1}function Ye(o){v.value||(b.value=o)}function Ge(o){v.value||(m.value=o)}function ye(o){var n;return!v.value&&!b.value&&!m.value?.8:(v.value?v.value===o.source.groupId:b.value?b.value.id===o.source.groupId:((n=m.value)==null?void 0:n.id)===o.id)?1:.1}function Ce(o){var n,u;return!v.value&&!b.value&&!m.value||(v.value?v.value===o.id:b.value?b.value.id===o.id:[(n=m.value)==null?void 0:n.source.groupId,(u=m.value)==null?void 0:u.target.groupId].includes(o.id))?1:.3}const z=e.ref(!1);function W(){z.value=!z.value}function $e(){T.value.showTable=!T.value.showTable}function We(){return C.value}const _=e.ref(null);function we(){const o=a.value.initialRotation;_.value!==null&&cancelAnimationFrame(_.value);const l=()=>{$.value+=(o-$.value)*.05,Math.abs($.value-o)<.1?($.value=o,_.value=null):_.value=requestAnimationFrame(l)};_.value=requestAnimationFrame(l)}e.onBeforeUnmount(()=>{_.value!==null&&cancelAnimationFrame(_.value)});function Be(o){o===v.value?(v.value=null,L("selectLegend",null)):(v.value=o,L("selectLegend",C.value.groups.find(l=>l.id===o)))}const Me=e.computed(()=>C.value.groups.map((o,l)=>({name:o.name,color:o.color,shape:"circle",patternIndex:l,pattern:`pattern_${B.value}_${l}`,id:o.id,select:()=>Be(o.id),opacity:v.value?v.value===o.id?1:.3:1}))),He=e.computed(()=>({cy:"chord-div-legend",backgroundColor:a.value.style.chart.legend.backgroundColor,color:a.value.style.chart.legend.color,fontSize:a.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:a.value.style.chart.legend.bold?"bold":""})),D=e.computed(()=>{const o=C.value.groups.map((t,n)=>({name:t.name||n,color:t.color})),l=p.value.matrix;return{head:o,body:l}}),U=e.computed(()=>{const o=[{name:"",color:null},...D.value.head],l=D.value.body.map((u,r)=>[D.value.head[r],...D.value.body[r]]),t={th:{backgroundColor:a.value.table.th.backgroundColor,color:a.value.table.th.color,outline:a.value.table.th.outline},td:{backgroundColor:a.value.table.td.backgroundColor,color:a.value.table.td.color,outline:a.value.table.td.outline},breakpoint:a.value.table.responsiveBreakpoint};return{colNames:o,head:o,body:l,config:t}});function xe(){e.nextTick(()=>{const o=p.value.matrix.map((n,u)=>[[p.value.labels[u]||u],n]),l=[[a.value.style.chart.title.text],[a.value.style.chart.title.subtitle.text],[[""],...p.value.labels.map((n,u)=>[n||u])]].concat(o),t=d.createCsvContent(l);d.downloadCsv({csvContent:t,title:a.value.style.chart.title.text||"vue-ui-chord"})})}return Se({getData:We,generateCsv:xe,generateImage:ue,generatePdf:se,toggleAnnotator:W,toggleTable:$e}),(o,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"chordChart",ref:E,class:e.normalizeClass({"vue-ui-chord":!0,"vue-data-ui-wrapper-fullscreen":G.value,"vue-data-ui-responsive":a.value.responsive}),style:e.normalizeStyle(`font-family:${a.value.style.fontFamily};width:100%; text-align:center;background:${a.value.style.chart.backgroundColor}`),id:`chord_${B.value}`,onMouseenter:l[4]||(l[4]=()=>e.unref(ae)(!0)),onMouseleave:l[5]||(l[5]=()=>e.unref(ae)(!1))},[a.value.userOptions.buttons.annotator&&e.unref(V)?(e.openBlock(),e.createBlock(et._sfc_main,{key:0,color:a.value.style.chart.color,backgroundColor:a.value.style.chart.backgroundColor,active:z.value,svgRef:e.unref(V),onClose:W},null,8,["color","backgroundColor","active","svgRef"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"userConfig",{},void 0,!0),Ve.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:K,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),a.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:Q,style:"width:100%;background:transparent;padding-bottom:24px"},[(e.openBlock(),e.createBlock(Je._sfc_main,{key:`title_${ee.value}`,config:{title:{cy:"chord-div-title",...a.value.style.chart.title},subtitle:{cy:"chord-div-subtitle",...a.value.style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),a.value.userOptions.show&&P.value&&(e.unref(le)||e.unref(j))?(e.openBlock(),e.createBlock(Ae.UserOptions,{ref:"details",key:`user_option_${H.value}`,backgroundColor:a.value.style.chart.backgroundColor,color:a.value.style.chart.color,isPrinting:e.unref(ne),isImaging:e.unref(re),uid:B.value,hasTooltip:!1,hasPdf:a.value.userOptions.buttons.pdf,hasImg:a.value.userOptions.buttons.img,hasXls:a.value.userOptions.buttons.csv,hasTable:a.value.userOptions.buttons.table,hasLabel:!1,hasFullscreen:a.value.userOptions.buttons.fullscreen,isFullscreen:G.value,chartElement:E.value,position:a.value.userOptions.position,titles:{...a.value.userOptions.buttonTitles},hasAnnotator:a.value.userOptions.buttons.annotator,isAnnotation:z.value,onToggleFullscreen:je,onGeneratePdf:e.unref(se),onGenerateCsv:xe,onGenerateImage:e.unref(ue),onToggleTable:$e,onToggleAnnotator:W,style:e.normalizeStyle({visibility:e.unref(le)?e.unref(j)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:t,color:n})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:t,color:n})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:t,isFullscreen:n})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:t,isFullscreen:n})),void 0,!0)]),key:"5"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:t,isAnnotator:n})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:t,isAnnotator:n})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","chartElement","position","titles","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(d.XMLNS),ref_key:"svgRef",ref:V,viewBox:`0 0 ${M.value.width} ${M.value.height}`,preserveAspectRatio:"xMidYMid meet",style:{overflow:"visible"},onMousedown:e.withModifiers(be,["prevent"]),onTouchstart:e.withModifiers(be,["prevent"])},[e.createVNode(Ke._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:M.value.width<=0?10:M.value.width,height:M.value.height<=0?10:M.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,ct)):e.createCommentVNode("",!0),a.value.style.chart.arcs.labels.curved?(e.openBlock(),e.createElementBlock("defs",dt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value.groups,(t,n)=>(e.openBlock(),e.createElementBlock("path",{key:`labelPath-${n}`,id:`labelPath-${n}_${B.value}`,d:Xe(t.startAngle,t.endAngle,(f.value.inner+f.value.outer)/2+a.value.style.chart.arcs.labels.offset),fill:"none"},null,8,vt))),128))])):e.createCommentVNode("",!0),o.$slots.pattern?(e.openBlock(),e.createElementBlock("g",ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value.groups,(t,n)=>(e.openBlock(),e.createElementBlock("defs",null,[e.renderSlot(o.$slots,"pattern",e.mergeProps({ref_for:!0},{seriesIndex:t.index,patternId:`pattern_${B.value}_${n}`}),void 0,!0)]))),256))])):e.createCommentVNode("",!0),e.createElementVNode("g",{transform:`translate(${M.value.width/2}, ${M.value.height/2}) rotate(${$.value})`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value.groups,(t,n)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(),e.createElementBlock("path",{class:e.normalizeClass({"vue-ui-chord-arc":!0,"vue-ui-chord-arc-animated":a.value.useCssAnimation&&!N.value}),key:`arc-${n}`,d:he(t.startAngle,t.endAngle,f.value.outer,f.value.inner),fill:p.value.colors[n],stroke:a.value.style.chart.arcs.stroke,"stroke-width":a.value.style.chart.arcs.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",style:e.normalizeStyle({opacity:Ce(t)}),onMouseenter:()=>Ye(t),onMouseleave:l[0]||(l[0]=u=>b.value=null),onClick:u=>L("selectGroup",t)},null,46,mt)),o.$slots.pattern?(e.openBlock(),e.createElementBlock("path",{class:e.normalizeClass({"vue-ui-chord-arc":!0,"vue-ui-chord-arc-animated":a.value.useCssAnimation&&!N.value}),key:`arc-${n}`,d:he(t.startAngle,t.endAngle,f.value.outer,f.value.inner),fill:`url(#${t.pattern})`,stroke:a.value.style.chart.arcs.stroke,"stroke-width":a.value.style.chart.arcs.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",style:e.normalizeStyle({opacity:Ce(t),pointerEvents:"none"})},null,14,pt)):e.createCommentVNode("",!0)]))),256)),e.createElementVNode("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value?C.value.chords.filter(t=>t.source.groupId===b.value.id):v.value?C.value.chords.filter(t=>t.source.groupId===v.value):C.value.chords,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`ribbon-${t.id}`},[t.source.value?(e.openBlock(),e.createElementBlock("path",{key:0,class:e.normalizeClass({"vue-ui-chord-ribbon":!0,"vue-ui-chord-ribbon-animated":a.value.useCssAnimation&&!N.value}),d:F(t.source,t.target),fill:a.value.style.chart.backgroundColor,style:e.normalizeStyle({opacity:a.value.style.chart.ribbons.underlayerOpacity})},null,14,gt)):e.createCommentVNode("",!0),t.source.value?(e.openBlock(),e.createElementBlock("path",{key:1,class:e.normalizeClass({"vue-ui-chord-ribbon":!0,"vue-ui-chord-ribbon-animated":a.value.useCssAnimation&&!N.value}),d:F(t.source,t.target),fill:p.value.colors[t.source.index],stroke:a.value.style.chart.ribbons.stroke,"stroke-width":a.value.style.chart.ribbons.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",style:e.normalizeStyle({opacity:ye(t)}),onMouseenter:()=>Ge({...t,path:F(t.source,t.target),color:p.value.colors[t.source.index]}),onClick:n=>L("selectRibbon",{...t,color:p.value.colors[t.source.index]}),onMouseleave:l[1]||(l[1]=n=>m.value=null)},null,46,bt)):e.createCommentVNode("",!0),t.source.value&&o.$slots.pattern?(e.openBlock(),e.createElementBlock("path",{key:2,class:e.normalizeClass({"vue-ui-chord-ribbon":!0,"vue-ui-chord-ribbon-animated":a.value.useCssAnimation&&!N.value}),d:F(t.source,t.target),fill:`url(#pattern_${B.value}_${t.source.index})`,stroke:a.value.style.chart.ribbons.stroke,"stroke-width":a.value.style.chart.ribbons.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",style:e.normalizeStyle({opacity:ye(t),pointerEvents:"none"})},null,14,kt)):e.createCommentVNode("",!0)],64))),128)),m.value?(e.openBlock(),e.createElementBlock("path",{key:0,d:m.value.path,fill:m.value.color,stroke:a.value.style.chart.ribbons.stroke,"stroke-width":a.value.style.chart.ribbons.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",class:e.normalizeClass({"vue-ui-chord-ribbon":!0}),style:{pointerEvents:"none"}},null,8,yt)):e.createCommentVNode("",!0),m.value&&o.$slots.pattern?(e.openBlock(),e.createElementBlock("path",{key:1,d:m.value.path,fill:`url(#${m.value.source.pattern})`,stroke:a.value.style.chart.ribbons.stroke,"stroke-width":a.value.style.chart.ribbons.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",class:e.normalizeClass({"vue-ui-chord-ribbon":!0}),style:{pointerEvents:"none"}},null,8,Ct)):e.createCommentVNode("",!0)]),(b.value||m.value||v.value)&&a.value.style.chart.ribbons.labels.show?(e.openBlock(),e.createElementBlock("g",$t,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Fe.value,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t.id},[e.createElementVNode("line",{x1:t.midBaseX,y1:t.midBaseY,x2:Math.cos(t.theta-Math.PI/2)*(f.value.outer+a.value.style.chart.ribbons.labels.offset+12),y2:Math.sin(t.theta-Math.PI/2)*(f.value.outer+a.value.style.chart.ribbons.labels.offset+12),stroke:a.value.style.chart.backgroundColor,"stroke-width":a.value.style.chart.ribbons.labels.connector.strokeWidth*3,"pointer-events":"none"},null,8,wt),e.createElementVNode("line",{x1:t.midBaseX,y1:t.midBaseY,x2:Math.cos(t.theta-Math.PI/2)*(f.value.outer+a.value.style.chart.ribbons.labels.offset+12),y2:Math.sin(t.theta-Math.PI/2)*(f.value.outer+a.value.style.chart.ribbons.labels.offset+12),stroke:a.value.style.chart.ribbons.labels.connector.stroke,"stroke-width":a.value.style.chart.ribbons.labels.connector.strokeWidth,"pointer-events":"none"},null,8,Bt),a.value.style.chart.ribbons.labels.marker.show?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:Math.cos(t.theta-Math.PI/2)*(f.value.outer+a.value.style.chart.ribbons.labels.offset+12),cy:Math.sin(t.theta-Math.PI/2)*(f.value.outer+a.value.style.chart.ribbons.labels.offset+12),r:a.value.style.chart.ribbons.labels.marker.radius,stroke:a.value.style.chart.ribbons.labels.marker.stroke,"stroke-width":a.value.style.chart.ribbons.labels.marker.strokeWidth,fill:t.groupColor,"pointer-events":"none"},null,8,Mt)):e.createCommentVNode("",!0),e.createElementVNode("text",{transform:`
+                            translate(
+                                ${Math.cos(t.theta-Math.PI/2)*(f.value.outer+a.value.style.chart.ribbons.labels.offset+24)},
+                                ${Math.sin(t.theta-Math.PI/2)*(f.value.outer+a.value.style.chart.ribbons.labels.offset+24)}
+                            ) rotate(${-$.value})
+                            `,fill:a.value.style.chart.ribbons.labels.useSerieColor?t.groupColor:a.value.style.chart.ribbons.labels.color,"text-anchor":De(t.theta),"font-size":a.value.style.chart.ribbons.labels.fontSize,"font-weight":a.value.style.chart.ribbons.labels.bold?"bold":"normal",dy:".35em","pointer-events":"none"},e.toDisplayString(ke(t.value)),9,xt)],64))),128))])):e.createCommentVNode("",!0),a.value.style.chart.arcs.labels.show?(e.openBlock(),e.createElementBlock("g",Pt,[a.value.style.chart.arcs.labels.curved?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(C.value.groups,(t,n)=>(e.openBlock(),e.createElementBlock("text",{key:`curved-label-${n}`,"font-size":a.value.style.chart.arcs.labels.fontSize,"font-weight":a.value.style.chart.arcs.labels.bold?"bold":"normal",fill:a.value.style.chart.arcs.labels.adaptColorToBackground?e.unref(d.adaptColorToBackground)(p.value.colors[n]):a.value.style.chart.arcs.labels.color},[e.createElementVNode("textPath",{href:`#labelPath-${n}_${B.value}`,startOffset:"50%","text-anchor":"middle"},e.toDisplayString(p.value.labels[n]),9,It)],8,At))),128)):!b.value&&!m.value&&!v.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(C.value.groups,(t,n)=>(e.openBlock(),e.createElementBlock("text",{key:`label-${n}`,transform:`
+                                ${Ue((t.startAngle+t.endAngle)/2)}
+                                rotate(${-$.value})
+                            `,dy:".35em","text-anchor":Re(t)>Math.PI?"end":"start","font-size":a.value.style.chart.arcs.labels.fontSize,"font-weight":a.value.style.chart.arcs.labels.bold?"bold":"normal",fill:a.value.style.chart.arcs.labels.color},e.toDisplayString(p.value.labels[n]),9,_t))),128)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],8,ft),e.renderSlot(o.$slots,"svg",{svg:{height:600,width:600}},void 0,!0)],40,it)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",St,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(ne)||e.unref(re)})),void 0,!0)])):e.createCommentVNode("",!0),P.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(rt.default,{key:6,config:{type:"chord",style:{backgroundColor:a.value.style.chart.backgroundColor,chord:{color:"#CCCCCC"}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:Z},[a.value.style.chart.legend.show?(e.openBlock(),e.createBlock(ot.Legend,{key:`legend_${oe.value}`,legendSet:Me.value,config:He.value,onClickMarker:l[2]||(l[2]=({legend:t})=>Be(t.id))},e.createSlots({item:e.withCtx(({legend:t,index:n})=>[e.createElementVNode("div",{style:e.normalizeStyle({opacity:v.value?v.value===t.id?1:.3:1}),onClick:u=>t.select()},e.toDisplayString(t.name),13,Et)]),_:2},[o.$slots.pattern?{name:"legend-pattern",fn:e.withCtx(({legend:t,index:n})=>[e.createVNode(at._sfc_main,{shape:t.shape,radius:30,stroke:"none",plot:{x:30,y:30},fill:`url(#pattern_${B.value}_${n})`},null,8,["shape","fill"])]),key:"0"}:void 0]),1032,["legendSet","config"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"legend",{legend:Me.value},void 0,!0)],512),o.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:J,dir:"auto"},[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value!==a.value.initialRotation?(e.openBlock(),e.createElementBlock("div",Nt,[e.renderSlot(o.$slots,"reset-action",{reset:we},()=>[e.createElementVNode("button",{"data-cy-reset":"",tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",style:e.normalizeStyle({background:a.value.style.chart.backgroundColor}),onClick:we},[e.createVNode(tt.default,{name:"refresh",stroke:a.value.style.chart.color},null,8,["stroke"])],4)],!0)])):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createBlock(nt.default,{key:9,hideDetails:"",config:{open:T.value.showTable,maxHeight:1e4,body:{backgroundColor:a.value.style.chart.backgroundColor,color:a.value.style.chart.color},head:{backgroundColor:a.value.style.chart.backgroundColor,color:a.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(lt.DataTable,{key:`table_${te.value}`,colNames:U.value.colNames,head:U.value.head,body:U.value.body,config:U.value.config,title:`${a.value.style.chart.title.text}${a.value.style.chart.title.subtitle.text?` : ${a.value.style.chart.title.subtitle.text}`:""}`,onClose:l[3]||(l[3]=t=>T.value.showTable=!1)},{th:e.withCtx(({th:t})=>[e.createTextVNode(e.toDisplayString(t.name),1)]),td:e.withCtx(({td:t})=>[e.createElementVNode("div",Vt,e.toDisplayString(t.name?t.name:ke(t)),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,ut))}},zt=st._export_sfc(Tt,[["__scopeId","data-v-5f1eebd5"]]);exports.default=zt;