vue-data-ui 3.27.0 → 3.27.1

package/dist/vue-ui-3d-bar-BZAoyWkc.js

@@ -0,0 +1,19 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as c,Ft as l,Ht as u,It as ee,Jt as d,Q as f,S as p,X as m,at as h,b as te,f as g,h as ne,i as re,in as ie,nt as ae,p as oe,t as se,w as ce,yt as le,zt as ue}from"./lib-CV_IANZ6.js";import{n as de}from"./useHints-BH9r_0Vd.js";import{t as fe}from"./useConfig-CKdzPrcf.js";import{t as pe}from"./usePrinter-hLW3cv4N.js";import{n as me,t as he}from"./BaseScanner-8NdoBs7B.js";import{t as ge}from"./useChartExport-DtPNpc9M.js";import{t as _e}from"./img-DiT4ivZ5.js";import{n as ve}from"./Title-BGYFqulv.js";import{t as ye}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as be,t as xe}from"./useResponsive-D2CPcpda.js";import{t as _}from"./DefGrad-DKMq1REY.js";import{t as Se}from"./A11yDataTable-DWNlWXzs.js";import{n as Ce}from"./resolveChartConfig-DZg-korK.js";import{t as we}from"./useUserOptionState-CXlFnwPv.js";import{t as Te}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ee}from"./vue_ui_3d_bar-DmAve5Ri.js";import{Fragment as v,computed as y,createBlock as b,createCommentVNode as x,createElementBlock as S,createElementVNode as C,createSlots as De,createTextVNode as Oe,createVNode as w,defineAsyncComponent as T,guardReactiveProps as ke,mergeProps as Ae,nextTick as je,normalizeClass as Me,normalizeProps as Ne,normalizeStyle as E,onMounted as Pe,openBlock as D,ref as O,renderList as k,renderSlot as A,resolveDynamicComponent as Fe,toDisplayString as j,toRefs as Ie,unref as M,watch as Le,withCtx as N,withKeys as Re,withModifiers as ze}from"vue";var Be=/* @__PURE__ */ e({default:()=>sn}),Ve=[`id`],He=[`id`],Ue={"aria-live":`polite`,class:`sr-only`},We={style:{position:`relative`}},Ge=[`xmlns`,`viewBox`,`aria-describedby`],Ke=[`width`,`height`],qe={key:1},Je=[`x`,`y`,`font-size`,`font-weight`,`fill`],Ye=[`x`,`y`],Xe=[`cx`,`cy`,`stroke`,`opacity`],Ze=[`d`,`stroke`],Qe=[`d`,`stroke`],$e={key:4},et={key:0},tt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],nt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],rt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],it=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],at={key:1},ot=[`d`,`stroke`,`stroke-width`,`fill`],st=[`d`,`stroke`,`stroke-width`,`fill`],ct=[`d`,`stroke`,`stroke-width`,`fill`],lt={key:2},ut=[`aria-label`],dt=[`d`,`fill`,`onMouseenter`,`onClick`,`onMouseout`],ft=[`d`,`fill`,`onMouseenter`,`onClick`,`onMouseout`],pt=[`d`,`fill`,`onMouseenter`,`onClick`,`onMouseout`],mt=[`d`,`onMouseenter`,`onClick`,`onMouseout`],ht=[`d`],gt=[`d`,`stroke`],_t=[`onClick`],vt=[`stroke`,`d`],yt=[`cx`,`cy`,`fill`,`stroke`],bt=[`x`,`y`,`width`,`height`],xt=[`x`,`y`,`width`,`height`],St={key:3},Ct=[`d`,`stroke`],wt=[`d`,`fill`,`stroke`],Tt={key:0},Et=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],Dt=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],Ot={key:4},kt=[`d`,`fill`,`stroke`],At={key:5},jt={key:0},Mt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],Nt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],Pt=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],Ft=[`stroke-dasharray`,`d`,`stroke`,`stroke-width`],It=[`d`,`stroke`,`stroke-width`,`fill`],Lt=[`d`,`stroke`,`stroke-width`,`fill`],Rt=[`d`],zt={key:1},Bt=[`aria-label`],Vt=[`onMouseenter`,`onClick`,`onMouseout`,`d`,`fill`],Ht=[`onMouseenter`,`onClick`,`onMouseout`,`d`],Ut=[`onMouseenter`,`onClick`,`onMouseout`,`d`,`fill`],Wt=[`onClick`],Gt=[`stroke`,`d`],Kt=[`cx`,`cy`,`fill`,`stroke`],qt=[`x`,`y`,`width`,`height`],Jt=[`x`,`y`,`width`,`height`],Yt={key:3},Xt=[`d`,`stroke`],Zt=[`d`,`fill`,`stroke`],Qt={key:0},$t=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],en=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],tn={key:4},nn=[`d`,`fill`,`stroke`],rn={key:4,class:`vue-data-ui-watermark`},an={key:0},on={key:1},sn=/*#__PURE__*/ ye({__name:`vue-ui-3d-bar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`selectDatapoint`,`copyAlt`],setup(e,{expose:ye,emit:Be}){let sn=T(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),cn=T(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),ln=T(()=>import(`./DataTable-WNecJMcY.js`)),un=T(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),dn=T(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),fn=T(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),pn=T(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_3d_bar:mn}=fe(),P=e,hn=Be,gn=y(()=>!!P.dataset&&Object.keys(P.dataset).length),F=O(m()),I=O(null),L=O(!1),_n=O(0),vn=O(0),yn=O(null),bn=O(null),xn=O(null),Sn=O(null),R=O(!1),Cn=O(null),wn=O(null),z=O(null),B=O(``),V=O(Nn()),Tn=y(()=>V.value.style),H=y(()=>V.value.style.chart),U=y(()=>V.value.userOptions);de({config:()=>V.value,dataset:()=>P.dataset,component:`VueUi3dBar`,rules:[{test:e=>e?.series&&e.series.length>8,message:[`👀 The number of series is > 8. Consider:`,``,`▶️ Grouping small values dynamically into a single "Other" series.`,``,`▶️ Using filters to let users choose a maximum number of series to display.`,``,`▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read.`]},{test:e=>e?.series&&e.series.some(e=>e?.breakdown&&e.breakdown.length>6),message:[`👀 Some donut breakdowns have > 6 data points. Consider:`,``,`▶️ Grouping small values dynamically into a single "Other" data point.`]}]});let En=y(()=>V.value.userOptions.useCursorPointer),Dn=y(()=>ie({defaultConfig:{customPalette:[`#808080`,`#ADADAD`,`#DBDBDB`],userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,color:`#6A6A6A`,bar:{color:`#ADADAD`,stroke:`#6A6A6A`},box:{stroke:`#6A6A6A`}}}},userConfig:V.value.skeletonConfig??{}})),{loading:On,FINAL_DATASET:W}=me({...Ie(P),FINAL_CONFIG:V,prepareConfig:Nn,callback:()=>{Promise.resolve().then(async()=>{await je(),Hn()})},skeletonDataset:P.config?.skeletonDataset??{series:[{name:`_`,value:21,breakdown:[{name:`_`,value:13},{name:`_`,value:8}]},{name:`_`,value:13,breakdown:[{name:`_`,value:8},{name:`_`,value:5}]},{name:`_`,value:8,breakdown:[{name:`_`,value:5},{name:`_`,value:3}]}]},skeletonConfig:ie({defaultConfig:V.value,userConfig:Dn.value})}),{userOptionsVisible:kn,setUserOptionsVisibility:An,keepUserOptionState:jn}=we({config:V.value}),{svgRef:Mn}=Te({config:V.value.style.chart.title});function Nn(){return Ce(P.config,mn,Ee)}Le(()=>P.config,e=>{On.value||(V.value=Nn()),kn.value=!V.value.userOptions.showOnChartHover,Gn(),_n.value+=1,vn.value+=1,G.value.showTable=V.value.table.show},{deep:!0});let{isPrinting:Pn,isImaging:Fn,generatePdf:In,generateImage:Ln}=pe({elementId:`3d_bar_${F.value}`,fileName:H.value.title.text||`vue-ui-3d-bar`,options:V.value.userOptions.print}),Rn=y(()=>ce(V.value.customPalette)),G=O({showTable:V.value.table.show});Le(V,()=>{G.value={showTable:V.value.table.show}},{immediate:!0});let K=y(()=>W.value.series&&W.value.series.length),zn=O(H.value.box.dimensions.width*(K.value?2:1)),Bn=O(H.value.box.dimensions.height),q=y(()=>({height:Bn.value,width:zn.value,absoluteWidth:zn.value,top:H.value.box.dimensions.top,bottom:H.value.box.dimensions.bottom,left:H.value.box.dimensions.left,right:H.value.box.dimensions.right,perspective:H.value.box.dimensions.perspective})),J=y(()=>{if(K.value){let e=W.value.series.map(e=>e.value||0).reduce((e,t)=>e+t,0),t=W.value.series.map((t,n)=>({...t,seriesIndex:n,id:m(),proportion:(t.value||0)/e,color:p(t.color)||Rn.value[n]||u[n]||u[n%u.length],breakdown:t.breakdown?t.breakdown.sort((e,t)=>t.value-e.value):null})).sort((e,t)=>t.value-e.value),n=[],r=0;for(let e=0;e<t.length;e+=1)n.push({...t[e],fill:qn(r,t[e].proportion,t[e].breakdown,t[e].color)}),r+=t[e].proportion;return n}return null}),Y=y(()=>{let e=q.value.width/2,t=q.value;return{right:`M${e},${t.top} ${t.width-t.right}, ${t.top+t.perspective} ${t.width-t.right},${t.height-t.bottom-t.perspective} ${e},${t.height-t.bottom}`,left:`M${e},${t.top} ${t.left},${t.top+t.perspective} ${t.left},${t.height-t.bottom-t.perspective} ${e},${t.height-t.bottom}`,side:`M${e},${t.height-t.bottom} ${e},${t.top+t.perspective*2}`,topSides:`M${t.left},${t.top+t.perspective} ${e},${t.top+t.perspective*2} ${t.width-t.right},${t.top+t.perspective}`,tubeTop:`M${t.left},${t.top+t.perspective} C ${t.left},${t.top-t.perspective/3} ${t.width-t.right},${t.top-t.perspective/3} ${t.width-t.right},${t.top+t.perspective} C ${t.width-t.right},${t.top+t.perspective*2.3} ${t.left},${t.top+t.perspective*2.3} ${t.left},${t.top+t.perspective}`,tubeLeft:`M${t.left},${t.top+t.perspective} ${t.left},${t.height-t.bottom-t.perspective}`,tubeRight:`M${t.width-t.right},${t.top+t.perspective} ${t.width-t.right},${t.height-t.bottom-t.perspective}`,tubeBottom:`M${t.width-t.right},${t.height-t.bottom-t.perspective} C ${t.width-t.right},${t.height} ${t.left},${t.height} ${t.left},${t.height-t.bottom-t.perspective}`}}),Vn=O(H.value.animation.use?0:W.value.percentage);function Hn(){let e=0,t=H.value.animation.speed,n=.005*H.value.animation.acceleration;function r(){Vn.value+=t+e,e+=n,Vn.value<W.value.percentage?requestAnimationFrame(r):Vn.value=W.value.percentage}H.value.animation.use&&(Vn.value=0,r())}Pe(()=>{Gn(),Hn()});let Un=y(()=>V.value.debug);function Wn(){Un.value&&(ue(P.dataset)?h({componentName:`VueUi3dBar`,type:`dataset`,debug:Un.value}):P.dataset.series?P.dataset.series.forEach((e,t)=>{le({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{h({componentName:`VueUi3dBar`,type:`datasetSerieAttribute`,property:e,index:t,debug:Un.value})}),e.breakdown&&e.breakdown.forEach((e,n)=>{le({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{h({componentName:`VueUi3dBar`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n}`,debug:Un.value})})})}):le({datasetObject:P.dataset,requiredAttributes:[`percentage`]}).forEach(e=>{h({componentName:`VueUi3dBar`,type:`datasetAttribute`,property:e,debug:Un.value})}))}function Gn(){if(Wn(),V.value.responsive){let e=be(()=>{let{width:e,height:t}=xe({chart:I.value,title:H.value.title.text?yn.value:null,source:Sn.value});requestAnimationFrame(()=>{Bn.value=t-12,zn.value=e})});bn.value&&(xn.value&&bn.value.unobserve(xn.value),bn.value.disconnect()),bn.value=new ResizeObserver(e),xn.value=I.value.parentNode,bn.value.observe(xn.value)}}let Kn=y(()=>q.value.width/4);function qn(e,t,n,r){let i=q.value.height-q.value.bottom-q.value.top-q.value.perspective*2,{width:a,height:o,bottom:s,right:c,left:u,perspective:d}=q.value,f=K.value?a/4:a/2,p=f*2+u,m=s+i*e,h=o-m-d-i*t/2,te=h>q.value.height/2?`top`:`bottom`,g=o*.25,ne=!!n,re=null,ie=null;return ne&&(n=n.map((e,t)=>({...e,value:e.value||0,color:l(r,t/n.length)})),re=ee({series:n},a/2+a/5,te===`top`?h-g:h+g,a/10,a/10,1.99999,2,1,360,105.25,a/20),ie=ee({series:n},a-p+a/14,o-m-d-i*t/2,a/40,a/40,1.99999,2,1,360,105.25,a/40)),{donut:re,miniDonut:ie,donutR:a/20,CENTER_X:f,sidePointer:{x:a-p,x2:a-p+a/14,xText:a-p+a/9,y:o-m-d-i*t/2,topY:o-m-d-i*t,height:i*t},apexBottom:{y:o-m,x:f},apexTop:{y:o-m-i*t,x:f},right:`M${f},${o-m} ${f},${o-m-i*t} ${a-p},${o-m-d-i*t} ${a-p},${o-m-d}Z`,left:`M${f},${o-m} ${f},${o-m-i*t} ${u}, ${o-m-d-i*t} ${u},${o-m-d}Z`,liningTop:`M${u},${o-m-d-i*t} ${f},${o-m-i*t} ${a-p},${o-m-d-i*t}`,liningTopShade:`M${u},${o-m-d-i*t-.5} ${f},${o-m-i*t-.5} ${a-p},${o-m-d-i*t-.5}`,top:`M${f},${o-m-i*t} ${u},${o-m-d-i*t} ${f},${o-m-d*2-i*t} ${a-p},${o-m-d-i*t} Z`,tubeTop:`M${u},${o-m-i*t-d} C ${u},${o-m-i*t-d*2.5} ${a-p},${o-m-i*t-d*2.5} ${a-p},${o-m-i*t-d} C ${a-p},${o-m-i*t+d/2} ${u},${o-m-i*t+d/2} ${u},${o-m-i*t-d}`,bottomTubeTop:`M ${a-p-.5},${o-m-d} C ${a-p-.5},${o-m+d/2} ${u},${o-m+d/2} ${u+.5},${o-m-d}`,tubeBody:`M
+        ${u},${o-m-i*t-d} 
+        C ${u},${o-m-i*t+d/2} 
+        ${a-p},${o-m-i*t+d/2} 
+        ${a-p},${o-m-i*t-d} 
+        L${a-p},${o-m-d}
+        C 
+        ${a-p},${o-m+d/2}
+        ${u},${o-m+d/2}
+        ${u},${o-m-d}Z`}}let Jn=y(()=>{let e=te(Vn.value/100),t=q.value.height-q.value.bottom-q.value.top-q.value.perspective*2,{width:n,height:r,bottom:i,right:a,left:o,perspective:s}=q.value,c=K.value?n/4:n/2,l=K.value?c*2+o:a,u=i+t*0;return{right:`M${c},${r-u} ${c},${r-u-t*e} ${n-l},${r-u-s-t*e} ${n-l},${r-u-s}Z`,left:`M${c},${r-u} ${c},${r-u-t*e} ${o}, ${r-u-s-t*e} ${o},${r-u-s}Z`,top:`M${c},${r-u-t*e} ${o},${r-u-s-t*e} ${c},${r-u-s*2-t*e} ${n-l},${r-u-s-t*e} Z`,tubeTop:`M${o},${r-u-t*e-s} C ${o},${r-u-t*e-s*2.5} ${n-l},${r-u-t*e-s*2.5} ${n-l},${r-u-t*e-s} C ${n-l},${r-u-t*e+s/2} ${o},${r-u-t*e+s/2} ${o},${r-u-t*e-s}`,tubeBody:`M
+        ${o},${r-u-t*e-s} 
+        C ${o},${r-u-t*e+s/2} 
+        ${n-l},${r-u-t*e+s/2} 
+        ${n-l},${r-u-t*e-s} 
+        L${n-l},${r-s*1.5}
+        C 
+        ${n-l},${r}
+        ${o},${r}
+        ${o},${r-u-s}Z`}}),X=O(null);function Z(e,t=!1){V.value.events.datapointEnter&&!t&&V.value.events.datapointEnter({datapoint:e,seriesIndex:e.seriesIndex}),V.value.events.datapointClick&&t&&V.value.events.datapointClick({datapoint:e,seriesIndex:e.seriesIndex}),hn(`selectDatapoint`,e);let n=J.value?.findIndex(t=>t.id===e.id)??null;n!==null&&n!==-1&&(z.value=n,B.value=gr(e)),t||(X.value=e.id),t&&L.value&&(L.value=!1),t&&!L.value&&(L.value=!0)}function Q(e){V.value.events.datapointLeave&&V.value.events.datapointLeave({datapoint:e,seriesIndex:e.seriesIndex}),!L.value&&(X.value=null,z.value=null,B.value=``)}function Yn(e,t,n=!1){let r=W.value.series.map(e=>e.value||0).reduce((e,t)=>e+t,0),i=isNaN(e.value/r)?0:e.value/r*100,a=isNaN(e.value/Xn(t))?0:e.value/Xn(t)*100;return n?a:i.toFixed(0)+`%`}function Xn(e){return[...e].map(e=>e.value).reduce((e,t)=>e+t,0)}let Zn=O(!1);function Qn(e){Zn.value=e}function $n(){return K.value?J.value:W.value.percentage}let er=y(()=>K.value?{head:J.value.flatMap(e=>e.breakdown&&e.breakdown.length?[{name:e.name,color:e.color},...e.breakdown.map((t,n)=>({name:t.name,color:l(e.color,n/e.breakdown.length)}))]:{name:e.name,color:e.color}),body:J.value.flatMap(e=>e.breakdown&&e.breakdown.length?[e.value,...e.breakdown.map(e=>e.value)]:e.value)}:null);function tr(e=null){if(!K.value){console.warn(`VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)`);return}je(()=>{let t=J.value.map(e=>e.value).reduce((e,t)=>e+t,0),n=er.value.head.map((e,n)=>[[e.name],[er.value.body[n]],[isNaN(er.value.body[n]/t)?`-`:er.value.body[n]/t*100]]),r=[[H.value.title.text],[H.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(n),i=c(r);e?e(i):ae({csvContent:i,title:H.value.title.text||`vue-ui-3d-bar`})})}let $=y(()=>{if(!K.value||!Array.isArray(J.value)||!J.value.length)return{colNames:[],head:[],body:[],a11yBody:[],config:{th:{backgroundColor:V.value.table.th.backgroundColor,color:V.value.table.th.color,outline:V.value.table.th.outline},td:{backgroundColor:V.value.table.td.backgroundColor,color:V.value.table.td.color,outline:V.value.table.td.outline},breakpoint:V.value.table.responsiveBreakpoint,shape:V.value.style.shape===`tube`?`circle`:`square`}};let e=J.value.reduce((e,t)=>e+t.value,0),t=[`__SUM__`,s({p:H.value.legend.prefix,v:e,s:H.value.legend.suffix,r:V.value.table.td.roundingValue}),`100%`],n=er.value.head.map((t,n)=>{let r=er.value.body[n];return[{color:t.color,name:t.name},s({p:H.value.legend.prefix,v:r,s:H.value.legend.suffix,r:V.value.table.td.roundingValue}),isNaN(r/e)?`-`:s({v:r/e*100,s:`%`,r:V.value.table.td.roundingPercentage})]}),r=n.map(e=>e.map((e,t)=>t===0?e.name:e));return{colNames:[V.value.table.columnNames.series,V.value.table.columnNames.value,V.value.table.columnNames.percentage],head:t,body:n,a11yBody:r,config:{th:{backgroundColor:V.value.table.th.backgroundColor,color:V.value.table.th.color,outline:V.value.table.th.outline},td:{backgroundColor:V.value.table.td.backgroundColor,color:V.value.table.td.color,outline:V.value.table.td.outline},breakpoint:V.value.table.responsiveBreakpoint,shape:V.value.style.shape===`tube`?`circle`:`square`}}});function nr(){G.value.showTable=!G.value.showTable}let rr=O(!1);function ir(){rr.value=!rr.value}async function ar({scale:e=2}={}){if(!I.value)return;let{width:t,height:n}=I.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await _e({domElement:I.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:H.value.title.text,width:t,height:n,aspectRatio:r}}let or=y(()=>n({config:V,style:H,mutableConfig:G,dialog:pn,accordion:cn,isFullscreen:Zn,parent:I,maxWidth:800}));Le(()=>G.value.showTable,e=>t(e,V,Cn));function sr(){G.value.showTable=!1,wn.value&&wn.value.setTableIconState(!1)}let cr=y(()=>V.value.style.chart.backgroundColor),lr=y(()=>V.value.style.chart.title),{isCallbackImaging:ur,isCallbackSvg:dr,generateSvg:fr,onGenerateImage:pr}=ge({svg:Mn,title:lr,legend:null,legendItems:null,backgroundColor:cr,getSvgCallback:()=>V.value.userOptions.callbacks.svg,generateImage:Ln});async function mr(){if(hn(`copyAlt`,{config:V.value,dataset:W.value}),!V.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(V.value.userOptions.callbacks.altCopy({config:V.value,dataset:W.value}))}function hr(){z.value=null,B.value=``,L.value=!1,X.value=null}function gr(e){if(!e)return``;let t=s({p:H.value.legend.prefix,v:e.value,s:H.value.legend.suffix,r:H.value.legend.roundingValue}),n=s({v:e.proportion*100,s:`%`,r:H.value.legend.roundingPercentage});return`${e.name}: ${t}, ${n}`}function _r(e){if(!K.value||!J.value?.length)return;let t=J.value[e];t&&(z.value=e,X.value=t.id,B.value=gr(t))}function vr(){R.value=!0,K.value&&J.value?.length&&z.value===null&&_r(0)}function yr(){R.value=!1,L.value||(z.value=null,X.value=null,B.value=``)}function br(e){if(!K.value||!J.value?.length||!Mn.value||document.activeElement!==Mn.value)return;let t=[`ArrowLeft`,`ArrowDown`].includes(e.key),n=[`ArrowRight`,`ArrowUp`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){hr();return}if(r){if(z.value===null)return;let e=J.value[z.value];if(!e)return;Z(e,!0),B.value=`${gr(e)} selected`;return}let a=z.value;a===null||a<0||a>=J.value.length?a=n?0:J.value.length-1:n?(a+=1,a>=J.value.length&&(a=0)):t&&(--a,a<0&&(a=J.value.length-1)),_r(a)}let xr=y(()=>({headers:$.value?.colNames??[],rows:$.value?.a11yBody??[]}));return ye({getImage:ar,generateCsv:tr,generatePdf:In,generateImage:Ln,generateSvg:fr,getData:$n,toggleTable:nr,toggleAnnotator:ir,toggleFullscreen:Qn,copyAlt:mr}),(e,t)=>(D(),S(`div`,{ref_key:`bar3dChart`,ref:I,class:Me(`vue-data-ui-component vue-ui-3d-bar`),style:E(`font-family:${Tn.value.fontFamily};width:100%; text-align:center;background:${H.value.backgroundColor}`),id:`3d_bar_${F.value}`,onMouseenter:t[8]||=()=>M(An)(!0),onMouseleave:t[9]||=()=>M(An)(!1)},[C(`div`,{id:`chart-instructions-${F.value}`,class:`sr-only`},[C(`p`,null,j(V.value.a11y.translations.keyboardNavigation),1)],8,He),C(`div`,Ue,j(B.value),1),xr.value?.rows?.length?(D(),b(Se,{key:0,uid:F.value,head:xr.value.headers,body:xr.value.rows,notice:V.value.a11y.translations.tableAvailable,caption:V.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):x(``,!0),U.value.buttons.annotator?(D(),b(M(un),{key:1,svgRef:M(Mn),backgroundColor:H.value.backgroundColor,color:H.value.color,active:rr.value,isCursorPointer:En.value,palette:U.value.annotatorPalette,onClose:ir},De({_:2},[k(M(i),t=>({name:t,fn:N(n=>[A(e.$slots,t,Ne(ke(M(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):x(``,!0),H.value.title.text?(D(),S(`div`,{key:2,ref_key:`chartTitle`,ref:yn,style:`width:100%;background:transparent`},[(D(),b(ve,{key:`title_${_n.value}`,config:{title:{cy:`3dBar-div-title`,...H.value.title},subtitle:{cy:`3dBar-div-subtitle`,...H.value.title.subtitle}}},null,8,[`config`]))],512)):x(``,!0),U.value.show&&gn.value&&(M(jn)||M(kn))?(D(),b(M(dn),{key:3,ref_key:`userOptionsRef`,ref:wn,backgroundColor:H.value.backgroundColor,color:H.value.color,isPrinting:M(Pn),isImaging:M(Fn),uid:F.value,hasPdf:U.value.buttons.pdf,hasTable:!!K.value&&U.value.buttons.table,hasXls:!!K.value&&U.value.buttons.csv,hasImg:U.value.buttons.img,hasSvg:U.value.buttons.svg,hasFullscreen:U.value.buttons.fullscreen,hasAltCopy:U.value.buttons.altCopy,titles:{...U.value.buttonTitles},chartElement:I.value,position:U.value.position,hasAnnotator:U.value.buttons.annotator,isAnnotation:rr.value,callbacks:U.value.callbacks,printScale:U.value.print.scale,tableDialog:V.value.table.useDialog,isCursorPointer:En.value,onToggleFullscreen:Qn,onGeneratePdf:M(In),onGenerateCsv:tr,onGenerateImage:M(pr),onGenerateSvg:M(fr),onToggleTable:nr,onToggleAnnotator:ir,onCopyAlt:mr,style:E({visibility:M(jn)?M(kn)?`visible`:`hidden`:`visible`})},De({_:2},[k(M(a)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:N(n=>[A(e.$slots,t,Ne(ke(M(o)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasTable`,`hasXls`,`hasImg`,`hasSvg`,`hasFullscreen`,`hasAltCopy`,`titles`,`chartElement`,`position`,`hasAnnotator`,`isAnnotation`,`callbacks`,`printScale`,`tableDialog`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):x(``,!0),C(`div`,We,[(D(),S(`svg`,{ref_key:`svgRef`,ref:Mn,xmlns:M(se),class:Me({"vue-data-ui-fullscreen--on":Zn.value,"vue-data-ui-fulscreen--off":!Zn.value}),viewBox:`0 0 ${q.value.absoluteWidth} ${q.value.height}`,style:E(`max-width:100%; overflow: visible; background:transparent;color:${H.value.color}`),tabindex:`0`,"aria-describedby":`chart-instructions-${F.value}`,onFocus:vr,onBlur:yr,onKeydown:br},[w(M(fn)),e.$slots[`chart-background`]?(D(),S(`foreignObject`,{key:0,x:0,y:0,width:q.value.absoluteWidth,height:q.value.height,style:{pointerEvents:`none`}},[A(e.$slots,`chart-background`,{},void 0,!0)],8,Ke)):x(``,!0),C(`defs`,null,[w(_,{t:`radial`,id:`gradient_top${F.value}`,stops:[[`0%`,M(d)(H.value.backgroundColor,0),1],[`100%`,H.value.bar.color,1]]},null,8,[`id`,`stops`]),w(_,{t:`radial`,id:`gradient_tube_top${F.value}`,stops:[[`0%`,M(d)(M(l)(H.value.bar.color,.5),80),1],[`100%`,M(d)(M(f)(H.value.bar.color,.1),80),1]]},null,8,[`id`,`stops`]),w(_,{t:`radial`,id:`gradient_left${F.value}`,stops:[[`0%`,M(d)(H.value.backgroundColor,0),1],[`100%`,M(d)(H.value.bar.color,20),1]]},null,8,[`id`,`stops`]),w(_,{t:`radial`,id:`gradient_right${F.value}`,stops:[[`0%`,M(d)(H.value.backgroundColor,0),1],[`100%`,M(d)(H.value.bar.color,20),1]]},null,8,[`id`,`stops`]),w(_,{t:`linear`,id:`gradient_tube_body${F.value}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,H.value.bar.color,1],[`10%`,M(d)(M(f)(H.value.bar.color,.7),100),1],[`25%`,M(d)(M(f)(H.value.bar.color,.5),100),1],[`75%`,M(d)(H.value.bar.color,80),1],[`100%`,M(d)(M(l)(H.value.bar.color,.7),100),1]]},null,8,[`id`,`stops`])]),K.value?(D(),S(`defs`,qe,[(D(!0),S(v,null,k(J.value,e=>(D(),b(_,{t:`radial`,id:`grad_top_${e.id}`,key:`grad_top_${e.id}`,stops:[[`0%`,M(d)(M(l)(e.color,.5),80),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128)),(D(!0),S(v,null,k(J.value,e=>(D(),b(_,{t:`linear`,id:`grad_left_${e.id}`,key:`grad_left_${e.id}`,stops:[[`0%`,M(d)(e.color,80),1],[`100%`,M(d)(M(f)(e.color,.5),100),1]]},null,8,[`id`,`stops`]))),128)),(D(!0),S(v,null,k(J.value,e=>(D(),b(_,{t:`linear`,id:`grad_right_${e.id}`,key:`grad_right_${e.id}`,stops:[[`2%`,M(d)(M(l)(e.color,.5),100),1],[`100%`,M(d)(e.color,80),1]]},null,8,[`id`,`stops`]))),128)),w(_,{t:`linear`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,id:`vertical_line_${F.value}`,stops:[[`0%`,`#FFFFFF`,1],[`100%`,`#FFFFFF33`,1]]},null,8,[`id`])])):x(``,!0),H.value.dataLabel.show&&![null,void 0].includes(M(W).percentage)&&[null,void 0].includes(M(W).series)?(D(),S(`text`,{key:2,x:q.value.width/2,y:q.value.top-H.value.dataLabel.fontSize/2,"font-size":H.value.dataLabel.fontSize,"font-weight":H.value.dataLabel.bold?`bold`:`normal`,fill:H.value.dataLabel.color,"text-anchor":`middle`},j(M(s)({v:Vn.value,s:`%`,r:H.value.dataLabel.rounding})),9,Je)):x(``,!0),L.value?(D(),S(`g`,{key:3,role:`button`,tabindex:`0`,"aria-label":`Clear selection`,onClick:t[0]||=e=>{L.value=!1,X.value=null},onKeydown:[t[1]||=Re(ze(e=>{L.value=!1,X.value=null},[`prevent`]),[`enter`]),t[2]||=Re(ze(e=>{L.value=!1,X.value=null},[`prevent`]),[`space`])],onFocus:t[3]||=e=>R.value=!0,onBlur:t[4]||=e=>R.value=!1,onMouseenter:t[5]||=e=>R.value=!0,onMouseleave:t[6]||=e=>R.value=!1,class:`svg-btn`,"data-dom-to-png-ignore":``,style:E({cursor:En.value?`pointer`:`default`,outline:`none`})},[t[10]||=C(`title`,null,`Clear selection`,-1),C(`rect`,{x:Kn.value-12,y:q.value.top-24,width:24,height:24,fill:`transparent`,"pointer-events":`all`},null,8,Ye),C(`circle`,{cx:Kn.value,cy:q.value.top-12,r:`10`,fill:`none`,stroke:H.value.color,"stroke-width":`2`,"vector-effect":`non-scaling-stroke`,opacity:R.value?.5:0},null,8,Xe),C(`path`,{d:`M${Kn.value-6},${q.value.top-18} ${Kn.value+6},${q.value.top-6}`,stroke:H.value.color,"stroke-linecap":`round`,"stroke-width":`2`,"vector-effect":`non-scaling-stroke`},null,8,Ze),C(`path`,{d:`M${Kn.value+6},${q.value.top-18} ${Kn.value-6},${q.value.top-6}`,stroke:H.value.color,"stroke-linecap":`round`,"stroke-width":`2`,"vector-effect":`non-scaling-stroke`},null,8,Qe)],36)):x(``,!0),!Tn.value.shape||Tn.value.shape===`bar`?(D(),S(`g`,$e,[K.value?x(``,!0):(D(),S(`g`,et,[C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.right,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,tt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.left,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,nt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.side,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,rt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.topSides,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,it)])),K.value?x(``,!0):(D(),S(`g`,at,[C(`path`,{d:Jn.value.right,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_right${F.value})`},null,8,ot),C(`path`,{d:Jn.value.left,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_left${F.value})`},null,8,st),C(`path`,{d:Jn.value.top,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_top${F.value})`},null,8,ct)])),K.value?(D(),S(`g`,lt,[(D(!0),S(v,null,k(J.value,(e,t)=>(D(),S(`g`,{style:E(`opacity:${X.value?X.value===e.id?1:.3:1}`),class:`vue-ui-3d-bar-stack`,role:`img`,"aria-label":gr(e)},[C(`path`,{d:e.fill.right,fill:`url(#grad_right_${e.id})`,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e)},null,40,dt),C(`path`,{d:e.fill.left,fill:`url(#grad_left_${e.id})`,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e)},null,40,ft),C(`path`,{d:e.fill.top,fill:`url(#grad_top_${e.id})`,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e)},null,40,pt),C(`path`,{d:e.fill.liningTop,stroke:`#FFFFFF`,"stroke-width":`0.5`,"stroke-linecap":`round`,fill:`none`,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e)},null,40,mt),C(`path`,{d:`M ${e.fill.apexTop.x},${e.fill.apexTop.y} ${e.fill.apexBottom.x},${e.fill.apexBottom.y}`,stroke:`#FFFFFF`,"stroke-width":`0.5`,"stroke-linecap":`round`},null,8,ht)],12,ut))),256)),(D(!0),S(v,null,k(J.value,(e,t)=>(D(),S(`g`,null,[t===J.value.length-1?x(``,!0):(D(),S(`path`,{key:0,d:e.fill.liningTopShade,stroke:H.value.bar.shadeColor,"stroke-width":`0.5`,"stroke-linecap":`round`,fill:`none`,style:{"pointer-events":`none`}},null,8,gt))]))),256)),(D(!0),S(v,null,k(J.value,(t,n)=>(D(),S(`g`,{style:E(`opacity:${X.value?+(X.value===t.id):+(t.proportion*100>H.value.legend.hideUnderPercentage)}`),onClick:e=>hn(`selectDatapoint`,t)},[C(`path`,{stroke:H.value.color,"stroke-dasharray":`1`,"stroke-width":`0.5`,"stroke-linecap":`round`,d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x2},${t.fill.sidePointer.y}`},null,8,vt),!t.fill.miniDonut||X.value?(D(),S(`circle`,{key:0,cx:t.fill.sidePointer.x2,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:H.value.backgroundColor},null,8,yt)):x(``,!0),M(On)?(D(),S(`rect`,{key:1,x:t.fill.sidePointer.xText,y:t.fill.sidePointer.y-H.value.legend.fontSize/2,width:q.value.width/3,height:H.value.legend.fontSize,fill:`#6A6A6A80`,rx:`3`},null,8,bt)):x(``,!0),M(On)?x(``,!0):(D(),S(`foreignObject`,{key:2,x:t.fill.sidePointer.xText,y:t.fill.sidePointer.y-H.value.legend.fontSize,width:q.value.absoluteWidth/3,height:H.value.legend.fontSize*2,style:{overflow:`visible`,position:`relative`}},[H.value.legend.showDefault?(D(),S(`div`,{key:0,style:E(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${H.value.legend.fontSize}px; text-align:left; line-height: ${H.value.legend.fontSize}px; color:${H.value.legend.color}; font-weight:${H.value.legend.bold?`bold`:`normal`}`)},j(M(re)(H.value.dataLabel.formatter,t.value,`${t.name}: ${M(s)({v:t.proportion*100,s:`%`,r:H.value.legend.roundingPercentage})} (${M(s)({p:H.value.legend.prefix,v:t.value,s:H.value.legend.suffix,r:H.value.legend.roundingValue})})`,{datapoint:t,seriesIndex:n,type:`barDatapoint`})),5)):x(``,!0),A(e.$slots,`legend`,Ae({ref_for:!0},{datapoint:t,config:V.value,dataset:J.value}),void 0,!0)],8,xt)),t.fill.donut&&X.value===t.id?(D(),S(`g`,St,[(D(!0),S(v,null,k(t.fill.donut,(e,n)=>(D(),S(`g`,null,[Yn(e,t.fill.donut,!0)>6?(D(),S(`path`,{key:0,d:M(ne)(e,{x:e.cx,y:e.cy},0,8,!1,!0,10),stroke:e.color,class:`vue-ui-donut-arc-path`,"stroke-width":`0.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Ct)):x(``,!0)]))),256)),(D(!0),S(v,null,k(t.fill.donut,(e,t)=>(D(),S(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:`${e.color}`,stroke:H.value.backgroundColor,"stroke-width":1},null,8,wt))),256)),(D(!0),S(v,null,k(t.fill.donut,(e,n)=>(D(),S(`g`,null,[Yn(e,t.fill.donut,!0)>6?(D(),S(`g`,Tt,[C(`text`,{"text-anchor":M(g)(e,!0,0).anchor,x:M(g)(e,!0,2).x,y:M(oe)(e,12,12),fill:H.value.legend.color,"font-size":H.value.legend.fontSize/1.5,"font-weight":H.value.legend.bold?`bold`:`normal`},j(M(re)(H.value.dataLabel.formatter,e.value,`${Yn(e,t.fill.donut)} (${M(s)({p:V.value.style.chart.legend.prefix,v:e.value,s:V.value.style.chart.legend.suffix,r:V.value.style.chart.legend.roundingValue})})`,{datapoint:e,seriesIndex:n,type:`donutDatapoint`})),9,Et),C(`text`,{"text-anchor":M(g)(e).anchor,x:M(g)(e,!0,2).x,y:M(oe)(e,12,12)+H.value.legend.fontSize/1.5,fill:H.value.legend.color,"font-size":H.value.legend.fontSize/1.5,"font-weight":H.value.legend.bold?`bold`:`normal`},j(e.name),9,Dt)])):x(``,!0)]))),256))])):x(``,!0),t.fill.miniDonut&&!X.value?(D(),S(`g`,Ot,[(D(!0),S(v,null,k(t.fill.miniDonut,(e,t)=>(D(),S(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:`${e.color}`,stroke:H.value.backgroundColor,"stroke-width":.5},null,8,kt))),256))])):x(``,!0)],12,_t))),256))])):x(``,!0)])):x(``,!0),Tn.value.shape===`tube`?(D(),S(`g`,At,[K.value?x(``,!0):(D(),S(`g`,jt,[C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.tubeTop,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Mt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.tubeLeft,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Nt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.tubeRight,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Pt),C(`path`,{"stroke-dasharray":H.value.box.strokeDasharray,d:Y.value.tubeBottom,stroke:H.value.box.stroke,"stroke-width":H.value.box.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Ft),C(`path`,{d:Jn.value.tubeTop,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_tube_top${F.value})`},null,8,It),C(`path`,{d:Jn.value.tubeBody,stroke:H.value.bar.stroke,"stroke-width":H.value.bar.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_tube_body${F.value})`},null,8,Lt),C(`path`,{d:Jn.value.tubeTop,stroke:`#FFFFFF`,"stroke-width":.5,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,8,Rt)])),K.value?(D(),S(`g`,zt,[(D(!0),S(v,null,k(J.value,(e,t)=>(D(),S(`g`,{style:E(`opacity:${X.value?X.value===e.id?1:.3:1}`),class:`vue-ui-3d-bar-stack`,role:`img`,"aria-label":gr(e)},[C(`defs`,null,[w(_,{t:`radial`,id:`gradient_tube_top_${e.id}`,fx:`10%`,cy:`55%`,stops:[[`0%`,M(d)(M(l)(e.color,.5),80),1],[`100%`,M(d)(M(f)(e.color,.1),80),1]]},null,8,[`id`,`stops`]),w(_,{t:`linear`,id:`gradient_tube_body_${e.id}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,e.color,1],[`10%`,M(d)(M(f)(e.color,.7),100),1],[`25%`,M(d)(M(f)(e.color,.5),100),1],[`75%`,M(d)(e.color,80),1],[`100%`,M(d)(M(l)(e.color,.7),100),1]]},null,8,[`id`,`stops`])]),C(`path`,{onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e),d:e.fill.tubeBody,stroke:`#FFFFFF`,"stroke-width":.5,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_tube_body_${e.id})`},null,40,Vt),t>0?(D(),S(`path`,{key:0,onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e),d:e.fill.bottomTubeTop,stroke:`#000000`,"stroke-width":.5,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`none`},null,40,Ht)):x(``,!0),C(`path`,{onMouseenter:t=>Z(e),onClick:t=>Z(e,!0),onMouseout:t=>Q(e),d:e.fill.tubeTop,stroke:`#FFFFFF`,"stroke-width":.5,"stroke-linejoin":`round`,"stroke-linecap":`round`,fill:`url(#gradient_tube_top_${e.id})`},null,40,Ut)],12,Bt))),256)),(D(!0),S(v,null,k(J.value,(t,n)=>(D(),S(`g`,{style:E(`opacity:${X.value?+(X.value===t.id):+(t.proportion*100>H.value.legend.hideUnderPercentage)}`),onClick:e=>hn(`selectDatapoint`,t)},[C(`path`,{stroke:H.value.color,"stroke-dasharray":`1`,"stroke-width":`0.5`,"stroke-linecap":`round`,d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x2},${t.fill.sidePointer.y}`},null,8,Gt),!t.fill.miniDonut||X.value?(D(),S(`circle`,{key:0,cx:t.fill.sidePointer.x2,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:H.value.backgroundColor},null,8,Kt)):x(``,!0),M(On)?(D(),S(`rect`,{key:1,x:t.fill.sidePointer.xText,y:t.fill.sidePointer.y-H.value.legend.fontSize/2,width:q.value.width/3,height:H.value.legend.fontSize,fill:`#6A6A6A80`,rx:`3`},null,8,qt)):x(``,!0),M(On)?x(``,!0):(D(),S(`foreignObject`,{key:2,x:t.fill.sidePointer.xText,y:t.fill.sidePointer.y-H.value.legend.fontSize,width:q.value.absoluteWidth/3,height:H.value.legend.fontSize*2,style:{overflow:`visible`,position:`relative`}},[H.value.legend.showDefault?(D(),S(`div`,{key:0,style:E(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${H.value.legend.fontSize}px; text-align:left; line-height: ${H.value.legend.fontSize}px; color:${H.value.legend.color};font-weight:${H.value.legend.bold?`bold`:`normal`}`)},j(M(re)(H.value.dataLabel.formatter,t.value,`${t.name}: ${M(s)({v:t.proportion*100,s:`%`,r:H.value.legend.roundingPercentage})} (${M(s)({p:H.value.legend.prefix,v:t.value,s:H.value.legend.suffix,r:H.value.legend.roundingValue})})`,{datapoint:t,seriesIndex:n,type:`barDatapoint`})),5)):x(``,!0),A(e.$slots,`legend`,Ae({ref_for:!0},{datapoint:t,config:V.value,dataset:J.value}),void 0,!0)],8,Jt)),t.fill.donut&&X.value===t.id?(D(),S(`g`,Yt,[(D(!0),S(v,null,k(t.fill.donut,(e,n)=>(D(),S(`g`,null,[Yn(e,t.fill.donut,!0)>6?(D(),S(`path`,{key:0,d:M(ne)(e,{x:e.cx,y:e.cy},0,8,!1,!0,10),stroke:e.color,class:`vue-ui-donut-arc-path`,"stroke-width":`0.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Xt)):x(``,!0)]))),256)),(D(!0),S(v,null,k(t.fill.donut,(e,t)=>(D(),S(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:`${e.color}`,stroke:H.value.backgroundColor,"stroke-width":1},null,8,Zt))),256)),(D(!0),S(v,null,k(t.fill.donut,(e,n)=>(D(),S(`g`,null,[Yn(e,t.fill.donut,!0)>6?(D(),S(`g`,Qt,[C(`text`,{"text-anchor":M(g)(e,!0,0).anchor,x:M(g)(e,!0,2).x,y:M(oe)(e,12,12),fill:H.value.legend.color,"font-size":H.value.legend.fontSize/1.5,"font-weight":H.value.legend.bold?`bold`:`normal`},j(M(re)(H.value.dataLabel.formatter,e.value,`${Yn(e,t.fill.donut)} (${M(s)({p:V.value.style.chart.legend.prefix,v:e.value,s:V.value.style.chart.legend.suffix,r:V.value.style.chart.legend.roundingValue})})`,{datapoint:e,seriesIndex:n,type:`donutDatapoint`})),9,$t),C(`text`,{"text-anchor":M(g)(e).anchor,x:M(g)(e,!0,2).x,y:M(oe)(e,12,12)+H.value.legend.fontSize/1.5,fill:H.value.legend.color,"font-size":H.value.legend.fontSize/1.5,"font-weight":H.value.legend.bold?`bold`:`normal`},j(e.name),9,en)])):x(``,!0)]))),256))])):x(``,!0),t.fill.miniDonut&&!X.value?(D(),S(`g`,tn,[(D(!0),S(v,null,k(t.fill.miniDonut,(e,t)=>(D(),S(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:`${e.color}`,stroke:H.value.backgroundColor,"stroke-width":.5},null,8,nn))),256))])):x(``,!0)],12,Wt))),256))])):x(``,!0)])):x(``,!0),A(e.$slots,`svg`,{svg:{...q.value,isPrintingImg:M(Pn)||M(Fn)||M(ur),isPrintingSvg:M(dr)}},void 0,!0)],46,Ge))]),e.$slots.watermark?(D(),S(`div`,rn,[A(e.$slots,`watermark`,Ne(ke({isPrinting:M(Pn)||M(Fn)||M(dr)||M(ur)})),void 0,!0)])):x(``,!0),e.$slots.source?(D(),S(`div`,{key:5,ref_key:`source`,ref:Sn,dir:`auto`},[A(e.$slots,`source`,{},void 0,!0)],512)):x(``,!0),gn.value&&K.value&&U.value.buttons.table?(D(),b(Fe(or.value.component),Ae({key:6},or.value.props,{ref_key:`tableUnit`,ref:Cn,onClose:sr}),De({content:N(()=>[(D(),b(M(ln),{key:`table_${vn.value}`,colNames:$.value.colNames,head:$.value.head,body:$.value.body,config:$.value.config,title:V.value.table.useDialog?``:or.value.title,withCloseButton:!V.value.table.useDialog,isCursorPointer:En.value,onClose:sr},{th:N(({th:e})=>[e===`__SUM__`?(D(),S(`div`,an,[w(M(sn),{name:`sigma`,stroke:$.value.config.th.color,size:16},null,8,[`stroke`])])):(D(),S(`div`,on,j(e),1))]),td:N(({td:e})=>[Oe(j(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[V.value.table.useDialog?{name:`title`,fn:N(()=>[Oe(j(or.value.title),1)]),key:`0`}:void 0,V.value.table.useDialog?{name:`actions`,fn:N(()=>[C(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[7]||=e=>tr(U.value.callbacks.csv)},[w(M(sn),{name:`fileCsv`,stroke:or.value.props.color},null,8,[`stroke`])])]),key:`1`}:void 0]),1040)):x(``,!0),A(e.$slots,`skeleton`,{},()=>[M(On)?(D(),b(he,{key:0})):x(``,!0)],!0)],44,Ve))}},[[`__scopeId`,`data-v-b2cd82e7`]]);export{Be as n,sn as t};

package/dist/vue-ui-accordion-BNvevckx.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{X as t}from"./lib-CV_IANZ6.js";import{t as n}from"./useConfig-CKdzPrcf.js";import{t as r}from"./useNestedProp-CB186vF2.js";import{t as i}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as a}from"./BaseIcon-DdIyewwY.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,guardReactiveProps as d,normalizeClass as f,normalizeProps as p,normalizeStyle as m,onMounted as h,openBlock as g,ref as _,renderSlot as v,useCssVars as y,watch as b}from"vue";var x=/* @__PURE__ */ e({default:()=>T}),S={class:`vue-data-ui-component`},C=[`id`],w={key:0,class:`vue-ui-accordion-arrow`},T=/*#__PURE__*/ i({__name:`vue-ui-accordion`,props:{config:{type:Object,default(){return{}}},hideDetails:{type:Boolean,default:!1}},emits:[`toggle`],setup(e,{emit:i}){y(e=>({fc620ee6:P.value}));let{vue_ui_accordion:x}=n(),T=e,E=i,D=o(()=>r({userConfig:T.config,defaultConfig:x})),O=o(()=>D.value.useCursorPointer),k=_(D.value.open),A=_(t()),j=_(null),M=_(0);h(()=>{j.value.open=D.value.open}),b(()=>D.value.open,e=>{j.value.open=e});function N(){(M.value>0||!D.value.open)&&(k.value=!k.value),M.value+=1,E(`toggle`)}let P=o(()=>`${D.value.maxHeight}px`);return(t,n)=>(g(),l(`div`,S,[u(`details`,{id:`details_${A.value}`,ref_key:`details`,ref:j,onToggle:N},[u(`summary`,{class:f({"vue-ui-accordion-headless":e.hideDetails}),style:m({cursor:O.value?`pointer`:`default`})},[u(`div`,{class:`vue-ui-accordion-head`,style:m(`background:${D.value.head.backgroundColor};padding:${D.value.head.padding}; ${e.hideDetails?`height: 0px !important; padding: 0 !important;`:``}`)},[e.hideDetails?c(``,!0):(g(),l(`div`,w,[D.value.head.useArrowSlot?v(t.$slots,`arrow`,p(d({backgroundColor:D.value.head.backgroundColor,color:D.value.head.color,iconColor:D.value.head.iconColor,isOpen:k.value})),void 0,!0,0):(g(),s(a,{key:1,name:D.value.head.icon,stroke:D.value.head.iconColor,size:D.value.head.iconSize},null,8,[`name`,`stroke`,`size`]))])),v(t.$slots,`title`,p(d({color:D.value.head.color,isOpen:k.value})),void 0,!0)],4)],6)],40,C),u(`div`,{class:`vue-ui-accordion-content`,style:m(`background:${D.value.body.backgroundColor};color:${D.value.body.color}`)},[v(t.$slots,`content`,p(d({backgroundColor:D.value.body.backgroundColor,color:D.value.body.color,isOpen:k.value})),void 0,!0)],4)]))}},[[`__scopeId`,`data-v-2782a9e6`]]);export{x as n,T as t};

package/dist/vue-ui-age-pyramid-DkA6vpU3.js

@@ -0,0 +1 @@
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as ee,Dt as te,Jt as ne,X as re,Yt as ie,at as ae,b as c,et as oe,i as l,in as se,nt as ce,pt as le,t as ue,tn as de,zt as fe}from"./lib-CV_IANZ6.js";import{n as pe,t as me}from"./useHints-BH9r_0Vd.js";import{t as he}from"./useConfig-CKdzPrcf.js";import{t as ge}from"./usePrinter-hLW3cv4N.js";import{n as _e,t as ve}from"./BaseScanner-8NdoBs7B.js";import{t as ye}from"./useChartExport-DtPNpc9M.js";import{t as be}from"./useTimeLabelCollider-XQf_S7-z.js";import{t as xe}from"./img-DiT4ivZ5.js";import{n as Se}from"./Title-BGYFqulv.js";import{t as Ce}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as we,t as Te}from"./useResponsive-D2CPcpda.js";import{t as Ee}from"./DefGrad-DKMq1REY.js";import{t as De}from"./A11yDataTable-DWNlWXzs.js";import{t as Oe}from"./resolveChartConfig-DZg-korK.js";import{t as ke}from"./useUserOptionState-CXlFnwPv.js";import{t as Ae}from"./useChartAccessibility-DOMuYJfm.js";import{t as je}from"./vue_ui_age_pyramid-CL0Ef8Ov.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Me,createTextVNode as Ne,createVNode as g,defineAsyncComponent as _,guardReactiveProps as v,mergeProps as Pe,nextTick as Fe,normalizeClass as Ie,normalizeProps as y,normalizeStyle as Le,onBeforeUnmount as Re,onMounted as ze,openBlock as b,ref as x,renderList as S,renderSlot as C,resolveDynamicComponent as Be,shallowRef as Ve,toDisplayString as w,toRefs as He,unref as T,watch as Ue,watchEffect as We,withCtx as E}from"vue";var Ge=/* @__PURE__ */ e({default:()=>bt}),Ke=[`id`],qe=[`id`],Je={style:{position:`relative`}},Ye=[`xmlns`,`viewBox`,`aria-describedby`],Xe=[`x`,`y`,`width`,`height`],Ze=[`x`,`y`,`width`,`height`,`fill`,`rx`],Qe=[`x`,`y`,`width`,`height`,`fill`,`rx`],$e=[`x`,`y`,`width`,`height`,`fill`,`rx`],et=[`x`,`y`,`width`,`height`,`fill`,`rx`],tt=[`x`,`y`,`font-size`,`font-weight`,`fill`,`stroke`],nt=[`x`,`y`,`font-size`,`font-weight`,`fill`,`stroke`],rt={key:0},it=[`x`,`y`,`fill`,`font-size`,`font-weight`],at=[`x`,`y`,`fill`,`font-size`,`font-weight`],ot={key:1},st=[`x`,`y`,`font-size`,`fill`,`font-weight`],ct={key:2},lt={key:0},ut=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],dt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],mt=[`font-size`,`fill`,`text-anchor`,`font-weight`,`transform`],ht=[`font-size`,`fill`,`text-anchor`,`font-weight`,`transform`],gt=[`x`,`y`,`font-size`,`fill`,`font-weight`],_t=[`x`,`y`,`width`,`height`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],vt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},yt={key:5,class:`vue-data-ui-watermark`},bt=/*#__PURE__*/ Ce({__name:`vue-ui-age-pyramid`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`],setup(e,{expose:Ce,emit:Ge}){let bt=_(()=>import(`./Tooltip-Cus2-XNQ.js`)),xt=_(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),St=_(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Ct=_(()=>import(`./DataTable-WNecJMcY.js`)),wt=_(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Tt=_(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Et=_(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Dt=_(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_age_pyramid:Ot}=he(),D=e,kt=Ge,At=d(()=>!!D.dataset&&D.dataset.length),O=x(re()),k=x(!1),jt=x(``),A=x(null),Mt=x(0),j=x(null),Nt=x(null),Pt=x(null),Ft=x(null),It=x(0),Lt=x(0),Rt=x(null),zt=x(null),Bt=x(null),M=x(null),Vt=x({x:0,y:0}),N=x(`pointer`),Ht=x(!1),P=x(Xt()),F=d(()=>P.value.style),I=d(()=>P.value.style.layout.dataLabels),L=d(()=>P.value.style.layout.bars),R=d(()=>P.value.style.layout.bars.labels);pe({config:()=>P.value,dataset:()=>D.dataset,component:`VueUiAgePyramid`,rules:[me.emptyArray,{test:e=>e.length>130,message:[`👀 Dataset has > 130 points. Consider:`,``,`▶️ Grouping small values into aggregated categories.`,``,`▶️ Using VueUiStackline to display data in a more compact way.`]}]});let z=d(()=>P.value.userOptions.useCursorPointer),Ut=d(()=>se({defaultConfig:{userOptions:{show:!1},table:{show:!1},translations:{male:``,female:``},style:{backgroundColor:`#99999930`,layout:{bars:{left:{color:`#CACACA`},right:{color:`#999999`}},dataLabels:{xAxis:{fontSize:0,scale:1e3,translation:``},yAxis:{show:!1}},grid:{stroke:`#6A6A6A`}}}},userConfig:P.value.skeletonConfig??{}})),{loading:Wt,FINAL_DATASET:Gt,manualLoading:Kt}=_e({...He(D),FINAL_CONFIG:P,prepareConfig:Xt,skeletonDataset:D.config?.skeletonDataset??[[`_`,9,2,2],[`_`,8,3,3],[`_`,7,5,5],[`_`,6,8,8],[`_`,5,13,13],[`_`,4,21,21],[`_`,3,34,34],[`_`,2,55,55],[`_`,1,89,89],[`_`,0,144,144]],skeletonConfig:se({defaultConfig:P.value,userConfig:Ut.value})}),{userOptionsVisible:qt,setUserOptionsVisibility:Jt,keepUserOptionState:Yt}=ke({config:P.value}),{svgRef:B}=Ae({config:P.value.style.title});function Xt(){return Oe(D.config,Ot,je)}function Zt(e){let t=oe(e);return t?.style?.chart&&delete t.style.tooltip,JSON.stringify(t)}let Qt=Zt(D.config);Ue(()=>D.config,(e,t)=>{let n=Zt(e),r=n!==Qt;Qt=n;let i=Xt();if(!r){P.value.style.tooltip=i.style.tooltip,U.value.showTooltip=P.value.style.tooltip.show;return}Wt.value||(P.value=i),qt.value=!P.value.userOptions.showOnChartHover,en(),It.value+=1,Lt.value+=1,U.value.showTable=P.value.table.show,U.value.showTooltip=P.value.style.tooltip.show},{deep:!0}),Ue(()=>D.dataset,e=>{Array.isArray(e)&&e.length>0&&(Kt.value=!1)},{deep:!0});let V=Ve(null),H=Ve(null);ze(()=>{en()});let $t=d(()=>P.value.debug);function en(){if(fe(D.dataset)&&(ae({componentName:`VueUiAgePyramid`,type:`dataset`,debug:$t.value}),Kt.value=!0),fe(D.dataset)||(Kt.value=P.value.loading),P.value.responsive){let e=we(()=>{let{width:e,height:t}=Te({chart:j.value,title:F.value.title.text?Nt.value:null,source:Pt.value,noTitle:Ft.value});requestAnimationFrame(()=>{W.value.width=e,W.value.height=t})});V.value&&(H.value&&V.value.unobserve(H.value),V.value.disconnect()),V.value=new ResizeObserver(e),H.value=j.value.parentNode,V.value.observe(H.value)}}Re(()=>{V.value&&(H.value&&V.value.unobserve(H.value),V.value.disconnect())});let{isPrinting:tn,isImaging:nn,generatePdf:rn,generateImage:an}=ge({elementId:`vue-ui-age-pyramid_${O.value}`,fileName:F.value.title.text||`vue-ui-age-pyramid`,options:P.value.userOptions.print}),on=d(()=>P.value.userOptions.show&&!F.value.title.text),U=x({showTable:P.value.table.show,showTooltip:F.value.tooltip.show});Ue(P,()=>{U.value={showTable:P.value.table.show,showTooltip:F.value.tooltip.show}},{immediate:!0});let W=x({height:F.value.height,width:F.value.width}),sn=d(()=>W.value.width),cn=d(()=>W.value.height),ln=x(0),un=we(e=>{ln.value=e},100);We(e=>{let t=Rt.value;if(!t)return;let n=new ResizeObserver(e=>{un(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Re(()=>{ln.value=0});let G=d(()=>{let e=W.value.width-F.value.layout.padding.right-F.value.layout.padding.left,t=F.value.layout.padding.left,n=W.value.width-F.value.layout.padding.right;return{top:F.value.layout.padding.top+I.value.sideTitles.fontSize+I.value.sideTitles.offsetY+12,left:t,right:n,bottom:W.value.height-F.value.layout.padding.bottom-ln.value,width:e,height:W.value.height-F.value.layout.padding.top-F.value.layout.padding.bottom-ln.value-I.value.sideTitles.fontSize-I.value.sideTitles.offsetY-12,centerX:F.value.layout.padding.left+e/2,leftChart:{width:e/2-F.value.layout.centerSlit.width,right:t+e/2-F.value.layout.centerSlit.width},rightChart:{width:e/2-F.value.layout.centerSlit.width,left:t+e/2+F.value.layout.centerSlit.width}}}),dn=d(()=>Gt.value.map(e=>I.value.yAxis.display===`age`?e[1]:e[0])),K=d(()=>{let e=fn(q.value/5),t=[],n=[];for(let r=0;r<=5;r+=1){let i=e*r,a=e*(r-5);t.push({value:i,x:G.value.left+G.value.width/2+F.value.layout.centerSlit.width+i/q.value*G.value.leftChart.width}),n.push({value:Math.abs(a),x:G.value.left+G.value.width/2+a/q.value*G.value.leftChart.width-F.value.layout.centerSlit.width})}return{right:t,left:n}});function fn(e){if(e===0)return 0;let t=10**Math.floor(Math.log10(Math.abs(e))),n;return n=Math.round(e/t)*t,n}let q=d(()=>Math.max(...Gt.value.flatMap(e=>e.slice(-2).map(e=>c(e))))),J=d(()=>Gt.value.length),pn=d(()=>Gt.value.map(e=>({segment:e[0],age:e[1],left:{value:e[2],proportionToMax:e[2]/q.value},right:{value:e[3],proportionToMax:e[3]/q.value}}))),Y=d(()=>pn.value.map((e,t)=>{let n=G.value.top+G.value.height/J.value*t,r=G.value.height/J.value-L.value.gap;return{segment:e.segment,age:e.age,left:{...e.left,y:n,color:L.value.left.color,x:G.value.leftChart.right-e.left.proportionToMax*G.value.leftChart.width,width:c(e.left.proportionToMax*G.value.leftChart.width),height:r},right:{...e.right,y:n,color:L.value.right.color,x:G.value.rightChart.left,width:c(e.right.proportionToMax*G.value.rightChart.width),height:r}}})),mn=x(null);function hn(e){let[t,n,r,i]=e;return{segment:t,index:n,left:r,right:i}}function gn(e,t){P.value.events.datapointClick&&P.value.events.datapointClick({datapoint:hn(t),seriesIndex:e})}function _n(e,t){P.value.events.datapointLeave&&P.value.events.datapointLeave({datapoint:hn(t),seriesIndex:e}),(N.value!==`keyboard`||M.value!==e)&&(A.value=null,k.value=!1)}function vn(e){if(!B.value)return;let t=Y.value[e];if(!t)return;let n=de(G.value.left+G.value.width/2,t.left.y+t.left.height/2,B.value);n&&(Vt.value=n)}function yn(e,t,n=`pointer`){P.value.events.datapointEnter&&P.value.events.datapointEnter({datapoint:hn(t),seriesIndex:e}),A.value=e,M.value=e,N.value=n,mn.value={datapoint:t,seriesIndex:e,series:Y.value,config:P.value};let r=F.value.tooltip.customFormat;if(te(r)&&le(()=>r({seriesIndex:e,datapoint:{segment:t[0],index:t[1],left:t[2],right:t[3]},series:Y.value,config:P.value})))jt.value=r({seriesIndex:e,datapoint:{segment:t[0],index:t[1],left:t[2],right:t[3]},series:Y.value,config:P.value});else{let n=``,r=Y.value[e];n+=`<div><b>${r.segment}</b></div>`,n+=`<div>${P.value.translations.age}: ${l(I.value.yAxis.formatter,c(r.age),s({v:c(r.age)}),{datapoint:t,seriesIndex:e})}</div>`,n+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${F.value.tooltip.borderColor}">`,n+=`<div style="display:flex; flex-direction:row;gap:12px">`,n+=`<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${L.value.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${L.value.gradient.show?`url(#age_pyramid_left_${O.value})`:L.value.left.color}"/></svg><div>${P.value.translations.female}</div><div><b>${l(I.value.xAxis.formatter,c(r.left.value),s({v:c(r.left.value)}),{datapoint:t,seriesIndex:e})}</b></div></div>`,n+=`<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${L.value.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${L.value.gradient.show?`url(#age_pyramid_right_${O.value})`:L.value.right.color}"/></svg><div>${P.value.translations.male}</div><div><b>${l(I.value.xAxis.formatter,c(r.right.value),s({v:c(r.right.value)}),{datapoint:t,seriesIndex:e})}</b></div></div>`,n+=`</div>`,n+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${F.value.tooltip.borderColor}"><div>${P.value.translations.total}</div><div><b>${l(I.value.xAxis.formatter,c(r.right.value)+c(r.left.value),s({v:c(r.right.value)+c(r.left.value)}),{datapoint:t,seriesIndex:e})}</b></div></div>`,n+=`</div>`,jt.value=`<div>${n}</div>`}k.value=!0,n===`keyboard`&&Fe(()=>{vn(e)})}function bn(e=null){Fe(()=>{let t=[P.value.translations.year,P.value.translations.age,P.value.translations.female,P.value.translations.male,P.value.translations.total],n=D.dataset.map(e=>[e[0],e[1],e[2],e[3],e[2]??0+e[3]??0]),r=[[F.value.title.text],[F.value.title.subtitle.text],[[``],[``],[``]],t].concat(n),i=ee(r);e?e(i):ce({csvContent:i,title:F.value.title.text||`vue-ui-heatmap`})})}let X=d(()=>{let e=[P.value.translations.year,P.value.translations.age,P.value.translations.female,P.value.translations.male,P.value.translations.total];return{head:e,body:D.dataset.map(e=>[e[0],e[1],e[2]==null?``:e[2].toLocaleString(),e[3]==null?``:e[3].toLocaleString(),(e[2]??0+e[3]??0).toLocaleString()]),config:{th:{backgroundColor:P.value.table.th.backgroundColor,color:P.value.table.th.color,outline:P.value.table.th.outline},td:{backgroundColor:P.value.table.td.backgroundColor,color:P.value.table.td.color,outline:P.value.table.td.outline},breakpoint:P.value.table.responsiveBreakpoint},colNames:e}}),Z=x(!1);function xn(e){Z.value=e,Mt.value+=1}function Sn(){U.value.showTable=!U.value.showTable}function Cn(){U.value.showTooltip=!U.value.showTooltip}let Q=x(!1);function wn(){Q.value=!Q.value}async function Tn({scale:e=2}={}){if(!j.value)return;let{width:t,height:n}=j.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await xe({domElement:j.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:F.value.title.text,width:t,height:n,aspectRatio:r}}let En=x([]),Dn=x({start:0,end:Y.value.length});be({timeLabelsEls:Rt,timeLabels:En,slicer:Dn,configRef:P,rotationPath:[`style`,`layout`,`dataLabels`,`xAxis`,`rotation`],autoRotatePath:[`style`,`layout`,`dataLabels`,`xAxis`,`autoRotate`,`enable`],isAutoSize:!1,width:sn,height:cn,targetClass:`.vue-ui-age-pyramid-x-axis-label`,rotation:F.value.layout.dataLabels.xAxis.autoRotate.angle});let $=d(()=>n({config:P,style:F,mutableConfig:U,dialog:Dt,accordion:St,isFullscreen:Z,parent:j,maxWidth:800,isCursorPointer:z}));Ue(()=>U.value.showTable,e=>t(e,P,zt));function On(){U.value.showTable=!1,Bt.value&&Bt.value.setTableIconState(!1)}let kn=d(()=>P.value.style.backgroundColor),An=d(()=>P.value.style.title),{isCallbackImaging:jn,isCallbackSvg:Mn,generateSvg:Nn,onGenerateImage:Pn}=ye({svg:B,title:An,legend:null,legendItems:null,backgroundColor:kn,getSvgCallback:()=>P.value.userOptions.callbacks.svg,generateImage:an});async function Fn(){if(kt(`copyAlt`,{config:P.value,dataset:Y.value}),!P.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(P.value.userOptions.callbacks.altCopy({config:P.value,dataset:Y.value}))}function In(){Ht.value=!0}function Ln(){A.value=null,M.value=null,N.value=`pointer`,k.value=!1,Ht.value=!1}function Rn(e){if(!B.value||Q.value||document.activeElement!==B.value||!Y.value.length)return;let t=[`ArrowUp`,`ArrowLeft`].includes(e.key),n=[`ArrowDown`,`ArrowRight`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){A.value=null,M.value=null,N.value=`pointer`,k.value=!1;return}if(r){if(M.value===null)return;let e=D.dataset[M.value];if(!e)return;gn(M.value,e);return}let a=M.value,o=A.value,s=a!==null&&a>=0&&a<Y.value.length,ee=o!==null&&o>=0&&o<Y.value.length;s?t?a=a-1<0?Y.value.length-1:a-1:n&&(a=a+1>Y.value.length-1?0:a+1):ee?(a=n?o+1:o-1,a>=Y.value.length&&(a=0),a<0&&(a=Y.value.length-1)):a=n?0:Y.value.length-1;let te=D.dataset[a];te&&yn(a,te,`keyboard`)}return Ce({getImage:Tn,generatePdf:rn,generateCsv:bn,generateImage:an,generateSvg:Nn,toggleTable:Sn,toggleTooltip:Cn,toggleAnnotator:wn,toggleFullscreen:xn,copyAlt:Fn}),(t,n)=>(b(),m(`div`,{class:Ie(`vue-data-ui-component vue-ui-age-pyramid ${Z.value?`vue-data-ui-wrapper-fullscreen`:``}`),ref_key:`agePyramid`,ref:j,id:`vue-ui-age-pyramid_${O.value}`,style:Le(`font-family:${F.value.fontFamily};width:100%; text-align:center;background:${F.value.backgroundColor};${P.value.responsive?`height:100%`:``}`),onMouseenter:n[1]||=()=>T(Jt)(!0),onMouseleave:n[2]||=()=>T(Jt)(!1)},[h(`div`,{id:`chart-instructions-${O.value}`,class:`sr-only`},[h(`p`,null,w(P.value.a11y.translations.keyboardNavigation),1)],8,qe),X.value?.body?.length?(b(),f(De,{key:0,uid:O.value,head:X.value.head,body:X.value.body,notice:P.value.a11y.translations.tableAvailable,caption:P.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):p(``,!0),P.value.userOptions.buttons.annotator?(b(),f(T(wt),{key:1,svgRef:T(B),backgroundColor:F.value.backgroundColor,color:F.value.color,active:Q.value,isCursorPointer:z.value,palette:P.value.userOptions.annotatorPalette,onClose:wn},Me({_:2},[S(T(i),e=>({name:e,fn:E(n=>[C(t.$slots,e,y(v(T(r)(e,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),on.value?(b(),m(`div`,{key:2,ref_key:`noTitle`,ref:Ft,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),F.value.title.text?(b(),m(`div`,{key:3,ref_key:`chartTitle`,ref:Nt,style:`width:100%;background:transparent`},[(b(),f(Se,{key:`title_${It.value}`,config:{title:{cy:`pyramid-div-title`,...F.value.title},subtitle:{cy:`pyramid-div-subtitle`,...F.value.title.subtitle}}},null,8,[`config`]))],512)):p(``,!0),P.value.userOptions.show&&At.value&&(T(Yt)||T(qt))?(b(),f(T(Tt),{ref_key:`userOptionsRef`,ref:Bt,key:`user_options_${Mt.value}`,backgroundColor:F.value.backgroundColor,color:F.value.color,isImaging:T(nn),isPrinting:T(tn),uid:O.value,hasTooltip:P.value.userOptions.buttons.tooltip&&F.value.tooltip.show,hasPdf:P.value.userOptions.buttons.pdf,hasXls:P.value.userOptions.buttons.csv,hasImg:P.value.userOptions.buttons.img,hasSvg:P.value.userOptions.buttons.svg,hasTable:P.value.userOptions.buttons.table,hasFullscreen:P.value.userOptions.buttons.fullscreen,hasAltCopy:P.value.userOptions.buttons.altCopy,isFullscreen:Z.value,isTooltip:U.value.showTooltip,titles:{...P.value.userOptions.buttonTitles},chartElement:j.value,position:P.value.userOptions.position,hasAnnotator:P.value.userOptions.buttons.annotator,isAnnotation:Q.value,callbacks:P.value.userOptions.callbacks,printScale:P.value.userOptions.print.scale,tableDialog:P.value.table.useDialog,isCursorPointer:z.value,onToggleFullscreen:xn,onGeneratePdf:T(rn),onGenerateCsv:bn,onGenerateImage:T(Pn),onGenerateSvg:T(Nn),onToggleTable:Sn,onToggleTooltip:Cn,onToggleAnnotator:wn,onCopyAlt:Fn,style:Le({visibility:T(Yt)?T(qt)?`visible`:`hidden`:`visible`})},Me({_:2},[S(T(a)(t.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),e=>({name:e,fn:E(n=>[C(t.$slots,e,y(v(T(o)(e,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),h(`div`,Je,[(b(),m(`svg`,{ref_key:`svgRef`,ref:B,xmlns:T(ue),class:Ie({"vue-data-ui-fullscreen--on":Z.value,"vue-data-ui-fulscreen--off":!Z.value}),viewBox:`0 0 ${W.value.width<=0?10:W.value.width} ${W.value.height<=0?10:W.value.height}`,style:Le(`max-width:100%;overflow:visible;background:transparent;color:${F.value.color}`),tabindex:`0`,"aria-describedby":`chart-instructions-${O.value}`,onFocus:In,onBlur:Ln,onKeydown:Rn},[g(T(Et)),t.$slots[`chart-background`]?(b(),m(`foreignObject`,{key:0,x:G.value.left,y:G.value.top,width:Math.max(.1,G.value.width),height:Math.max(.1,G.value.height),style:{pointerEvents:`none`}},[C(t.$slots,`chart-background`,{},void 0,!0)],8,Xe)):p(``,!0),h(`defs`,null,[g(Ee,{t:`linear`,id:`age_pyramid_left_${O.value}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,L.value.left.color,1],[`100%`,T(ne)(T(ie)(L.value.left.color,L.value.gradient.shiftHue),100-L.value.gradient.intensity),1]]},null,8,[`id`,`stops`]),g(Ee,{t:`linear`,id:`age_pyramid_right_${O.value}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,stops:[[`0%`,T(ne)(T(ie)(L.value.right.color,L.value.gradient.shiftHue),100-L.value.gradient.intensity),1],[`100%`,L.value.right.color,1]]},null,8,[`id`,`stops`])]),(b(!0),m(u,null,S(Y.value,(e,t)=>(b(),m(`g`,null,[h(`rect`,{x:e.left.x,y:e.left.y,width:T(c)(e.left.width<=0?1e-4:e.left.width),height:e.left.height<=0?1e-4:e.left.height,fill:L.value.gradient.underlayer,rx:L.value.borderRadius},null,8,Ze),h(`rect`,{x:e.left.x,y:e.left.y,width:e.left.width<=0?1e-4:e.left.width,height:e.left.height<=0?1e-4:e.left.height,fill:L.value.gradient.show?`url(#age_pyramid_left_${O.value})`:e.left.color,rx:L.value.borderRadius},null,8,Qe),h(`rect`,{x:e.right.x,y:e.right.y,width:e.right.width<=0?1e-4:e.right.width,height:e.right.height<=0?1e-4:e.right.height,fill:L.value.gradient.underlayer,rx:L.value.borderRadius},null,8,$e),h(`rect`,{x:e.right.x,y:e.right.y,width:e.right.width<=0?1e-4:e.right.width,height:e.right.height<=0?1e-4:e.right.height,fill:L.value.gradient.show?`url(#age_pyramid_right_${O.value})`:e.right.color,rx:L.value.borderRadius},null,8,et)]))),256)),(b(!0),m(u,null,S(Y.value,(e,t)=>(b(),m(`g`,null,[R.value.show?(b(),m(u,{key:0},[!R.value.showOnHover||R.value.showOnHover&&A.value===t?(b(),m(`text`,{key:0,x:e.left.x+Math.max(1e-4,e.left.width)-R.value.offsetX-6,y:e.left.y+Math.max(1e-4,e.left.height/2)+L.value.gap/2,"text-anchor":`end`,"dominant-baseline":`middle`,"font-size":R.value.fontSize,"font-weight":R.value.bold?`bold`:`normal`,fill:R.value.color,stroke:F.value.backgroundColor,"paint-order":`stroke fill`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`3`},w(T(l)(R.value.formatter,e.left.value,T(s)({v:e.left.value}),{datapoint:e.left,seriesIndex:t})),9,tt)):p(``,!0)],64)):p(``,!0),R.value.show?(b(),m(u,{key:1},[!R.value.showOnHover||R.value.showOnHover&&A.value===t?(b(),m(`text`,{key:0,x:e.right.x+R.value.offsetX+6,y:e.right.y+Math.max(1e-4,e.right.height/2)+L.value.gap/2,"text-anchor":`start`,"dominant-baseline":`middle`,"font-size":R.value.fontSize,"font-weight":R.value.bold?`bold`:`normal`,fill:R.value.color,stroke:F.value.backgroundColor,"paint-order":`stroke fill`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`3`},w(T(l)(R.value.formatter,e.right.value,T(s)({v:e.right.value}),{datapoint:e.right,seriesIndex:t})),9,nt)):p(``,!0)],64)):p(``,!0)]))),256)),h(`g`,null,[I.value.sideTitles.show?(b(),m(`g`,rt,[h(`text`,{x:G.value.left,y:I.value.sideTitles.fontSize,fill:I.value.sideTitles.useSideColor?L.value.left.color:I.value.sideTitles.color,"font-size":I.value.sideTitles.fontSize,"text-anchor":`start`,"font-weight":I.value.sideTitles.bold?`bold`:`normal`},w(P.value.translations.female),9,it),h(`text`,{x:G.value.right,y:I.value.sideTitles.fontSize,fill:I.value.sideTitles.useSideColor?L.value.right.color:I.value.sideTitles.color,"font-size":I.value.sideTitles.fontSize,"text-anchor":`end`,"font-weight":I.value.sideTitles.bold?`bold`:`normal`},w(P.value.translations.male),9,at)])):p(``,!0),I.value.yAxis.show?(b(),m(`g`,ot,[(b(!0),m(u,null,S(dn.value,(e,t)=>(b(),m(u,null,[t%I.value.yAxis.showEvery===0&&(!R.value.show||R.value.showOnHover&&A.value===t||A.value===null)||(R.value.show||R.value.showOnHover)&&A.value===t?(b(),m(`text`,{key:0,x:G.value.centerX,y:G.value.top+G.value.height/J.value/2+G.value.height/J.value*t,"dominant-baseline":`middle`,"text-anchor":`middle`,"font-size":I.value.yAxis.fontSize,fill:I.value.yAxis.color,"font-weight":I.value.yAxis.bold?`bold`:`normal`},w(T(l)(I.value.yAxis.formatter,e,T(s)({v:e}),{datapoint:e,seriesIndex:t})),9,st)):p(``,!0)],64))),256))])):p(``,!0),I.value.xAxis.show?(b(),m(`g`,ct,[F.value.layout.grid.show?(b(),m(`g`,lt,[h(`line`,{x1:K.value.right[0].x,x2:K.value.right.at(-1).x,y1:G.value.bottom+I.value.xAxis.fontSize/2,y2:G.value.bottom+I.value.xAxis.fontSize/2,stroke:F.value.layout.grid.stroke,"stroke-width":F.value.layout.grid.strokeWidth,"stroke-linecap":`round`},null,8,ut),h(`line`,{x1:K.value.left[0].x,x2:K.value.left.at(-1).x,y1:G.value.bottom+I.value.xAxis.fontSize/2,y2:G.value.bottom+I.value.xAxis.fontSize/2,stroke:F.value.layout.grid.stroke,"stroke-width":F.value.layout.grid.strokeWidth,"stroke-linecap":`round`},null,8,dt)])):p(``,!0),(b(!0),m(u,null,S(K.value.right,(e,t)=>(b(),m(`g`,null,[F.value.layout.grid.show?(b(),m(`line`,{key:0,x1:e.x,x2:e.x,y1:G.value.bottom+I.value.xAxis.fontSize/2,y2:G.value.bottom+I.value.xAxis.fontSize/2+4,stroke:F.value.layout.grid.stroke,"stroke-width":F.value.layout.grid.strokeWidth,"stroke-linecap":`round`},null,8,ft)):p(``,!0)]))),256)),(b(!0),m(u,null,S(K.value.left,(e,t)=>(b(),m(`g`,null,[F.value.layout.grid.show?(b(),m(`line`,{key:0,x1:e.x,x2:e.x,y1:G.value.bottom+I.value.xAxis.fontSize/2,y2:G.value.bottom+I.value.xAxis.fontSize/2+4,stroke:F.value.layout.grid.stroke,"stroke-width":F.value.layout.grid.strokeWidth,"stroke-linecap":`round`},null,8,pt)):p(``,!0)]))),256)),h(`g`,{ref_key:`xAxisLabels`,ref:Rt},[(b(!0),m(u,null,S(K.value.right,(e,t)=>(b(),m(`text`,{class:`vue-ui-age-pyramid-x-axis-label`,"font-size":I.value.xAxis.fontSize,fill:I.value.xAxis.color,"text-anchor":I.value.xAxis.rotation>0?`start`:I.value.xAxis.rotation<0?`end`:`middle`,"font-weight":I.value.xAxis.bold?`bold`:`normal`,transform:`translate(${e.x}, ${G.value.bottom+I.value.xAxis.fontSize*2}) rotate(${I.value.xAxis.rotation})`},w(T(l)(I.value.xAxis.formatter,e.value/I.value.xAxis.scale,T(s)({v:e.value/F.value.layout.dataLabels.xAxis.scale}),{datapoint:e,seriesIndex:t})),9,mt))),256)),(b(!0),m(u,null,S(K.value.left,(e,t)=>(b(),m(`text`,{class:`vue-ui-age-pyramid-x-axis-label`,"font-size":I.value.xAxis.fontSize,fill:I.value.xAxis.color,"text-anchor":I.value.xAxis.rotation>0?`start`:I.value.xAxis.rotation<0?`end`:`middle`,"font-weight":I.value.xAxis.bold?`bold`:`normal`,transform:`translate(${e.x}, ${G.value.bottom+I.value.xAxis.fontSize*2}) rotate(${I.value.xAxis.rotation})`},w(T(l)(I.value.xAxis.formatter,e.value/I.value.xAxis.scale,T(s)({v:e.value/F.value.layout.dataLabels.xAxis.scale}),{datapoint:e,seriesIndex:t})),9,ht))),256))],512),h(`text`,{x:G.value.right,y:W.value.height,"text-anchor":`end`,"font-size":I.value.xAxis.fontSize,fill:I.value.xAxis.color,"font-weight":I.value.xAxis.bold?`bold`:`normal`},w(I.value.xAxis.translation),9,gt)])):p(``,!0)]),(b(!0),m(u,null,S(e.dataset,(e,t)=>(b(),m(`g`,null,[h(`rect`,{x:G.value.left,y:G.value.top+G.value.height/J.value*t-L.value.gap/2,width:G.value.width<=0?1e-4:G.value.width,height:G.value.height/J.value<=0?1e-4:G.value.height/J.value,fill:A.value!==null&&A.value===t?T(ne)(F.value.highlighter.color,F.value.highlighter.opacity):`transparent`,onMouseover:n=>yn(t,e,`pointer`),onMouseleave:n=>_n(t,e),onClick:n=>gn(t,e)},null,40,_t)]))),256)),C(t.$slots,`svg`,{svg:{...W.value,drawingArea:G.value,isPrintingImg:T(tn)||T(nn)||T(jn),isPrintingSvg:T(Mn)}},void 0,!0)],46,Ye)),t.$slots.hint?(b(),m(`div`,vt,[C(t.$slots,`hint`,y(v({hint:P.value.a11y.translations.keyboardNavigation,isVisible:Ht.value})),void 0,!0)])):p(``,!0)]),t.$slots.watermark?(b(),m(`div`,yt,[C(t.$slots,`watermark`,y(v({isPrinting:T(tn)||T(nn)||T(jn)||T(Mn)})),void 0,!0)])):p(``,!0),C(t.$slots,`legend`,{legend:Y.value},void 0,!0),t.$slots.source?(b(),m(`div`,{key:6,ref_key:`source`,ref:Pt,dir:`auto`},[C(t.$slots,`source`,{},void 0,!0)],512)):p(``,!0),g(T(bt),{teleportTo:F.value.tooltip.teleportTo,show:U.value.showTooltip&&k.value,backgroundColor:F.value.tooltip.backgroundColor,color:F.value.tooltip.color,borderRadius:F.value.tooltip.borderRadius,borderColor:F.value.tooltip.borderColor,borderWidth:F.value.tooltip.borderWidth,fontSize:F.value.tooltip.fontSize,backgroundOpacity:F.value.tooltip.backgroundOpacity,position:F.value.tooltip.position,offsetX:F.value.tooltip.offsetX,offsetY:F.value.tooltip.offsetY,parent:j.value,content:jt.value,isFullscreen:Z.value,isCustom:F.value.tooltip.customFormat&&typeof F.value.tooltip.customFormat==`function`,smooth:F.value.tooltip.smooth,backdropFilter:F.value.tooltip.backdropFilter,smoothForce:F.value.tooltip.smoothForce,smoothSnapThreshold:F.value.tooltip.smoothSnapThreshold,isA11yMode:N.value===`keyboard`,a11yPosition:Vt.value},{"tooltip-before":E(()=>[C(t.$slots,`tooltip-before`,y(v({...mn.value})),void 0,!0)]),tooltip:E(()=>[C(t.$slots,`tooltip`,y(v({...mn.value})),void 0,!0)]),"tooltip-after":E(()=>[C(t.$slots,`tooltip-after`,y(v({...mn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),At.value&&P.value.userOptions.buttons.table?(b(),f(Be($.value.component),Pe({key:7},$.value.props,{ref_key:`tableUnit`,ref:zt,onClose:On}),Me({content:E(()=>[(b(),f(T(Ct),{key:`table_${Lt.value}`,colNames:X.value.colNames,head:X.value.head,body:X.value.body,config:X.value.config,title:P.value.table.useDialog?``:$.value.title,withCloseButton:!P.value.table.useDialog,isCursorPointer:z.value,onClose:On},{th:E(({th:e})=>[Ne(w(e),1)]),td:E(({td:e})=>[Ne(w(e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[P.value.table.useDialog?{name:`title`,fn:E(()=>[Ne(w($.value.title),1)]),key:`0`}:void 0,P.value.table.useDialog?{name:`actions`,fn:E(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:n[0]||=e=>bn(P.value.userOptions.callbacks.csv),style:Le({cursor:z.value?`pointer`:`default`})},[g(T(xt),{name:`fileCsv`,stroke:$.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),C(t.$slots,`skeleton`,{},()=>[T(Wt)?(b(),f(ve,{key:0})):p(``,!0)],!0)],46,Ke))}},[[`__scopeId`,`data-v-ce0de65b`]]);export{Ge as n,bt as t};