vue-data-ui 3.28.2 → 3.28.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +25 -1
- package/dist/{PackageVersion-BIhjLNBU.js → PackageVersion-CXT-eAuk.js} +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-bump.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dag.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-geo.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-graph.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-hill.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-mini-loader.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-rating.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-smiley.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-stackline.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/geoProjections-CX3Pvo1N.js +1 -0
- package/dist/llms.txt +9 -34
- package/dist/package-CgIKu3rP.js +1 -0
- package/dist/pdf-CVdqBWVS.js +1 -0
- package/dist/{render-common-B-s2XJ_I.js → render-common-C70bnUVe.js} +1 -1
- package/dist/ssr/vue-ui-donut.js +1 -1
- package/dist/ssr/vue-ui-xy.js +1 -1
- package/dist/ssr.js +1 -1
- package/dist/style.css +1 -1
- package/dist/{useHints-BH9r_0Vd.js → useHints-C-TwxM0Y.js} +1 -1
- package/dist/{useObjectBindings-DiMX4HGv.js → useObjectBindings-C15PEyQD.js} +1 -1
- package/dist/{usePrinter-sVoTzet1.js → usePrinter-DVf3YcG5.js} +1 -1
- package/dist/useSvgLabelLayout-42Kats14.js +1 -0
- package/dist/utils.js +1 -1
- package/dist/vue-data-ui-CrOhFey9.js +1 -0
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-CkHFiFp4.js → vue-ui-3d-bar-ljsy2rX6.js} +2 -2
- package/dist/{vue-ui-age-pyramid-vpIjdLg5.js → vue-ui-age-pyramid-a6CK7z3a.js} +1 -1
- package/dist/{vue-ui-annotator-CdCDYzdK.js → vue-ui-annotator-DCJdieNC.js} +3 -3
- package/dist/{vue-ui-bullet-rgxGRR1p.js → vue-ui-bullet-DX4A2Qwo.js} +2 -2
- package/dist/{vue-ui-bump-CeDsunDi.js → vue-ui-bump-IvRdB6MD.js} +2 -2
- package/dist/{vue-ui-candlestick-KJHOS5F7.js → vue-ui-candlestick-BgyUo13S.js} +2 -2
- package/dist/{vue-ui-carousel-table-CeI5SIxH.js → vue-ui-carousel-table-D01DGfA0.js} +1 -1
- package/dist/vue-ui-chestnut-DYrMSzmQ.js +1 -0
- package/dist/{vue-ui-chord-8rk7304-.js → vue-ui-chord-CwzQ7QbP.js} +2 -2
- package/dist/{vue-ui-circle-pack-BsH09EPG.js → vue-ui-circle-pack-DQHNM9sC.js} +2 -2
- package/dist/{vue-ui-cursor-Cpov2m58.js → vue-ui-cursor-CTFfbDX8.js} +1 -1
- package/dist/{vue-ui-dag-BHFL2cUA.js → vue-ui-dag-DF29_9Gg.js} +2 -2
- package/dist/{vue-ui-dashboard-BxXdhdNJ.js → vue-ui-dashboard-D98rMHjI.js} +1 -1
- package/dist/{vue-ui-digits-xHOLjA2_.js → vue-ui-digits-AoPCgSfP.js} +1 -1
- package/dist/{vue-ui-donut-CR3klUbX.js → vue-ui-donut-BQGnUso2.js} +1 -1
- package/dist/{vue-ui-donut-Vbp5Xs2-.js → vue-ui-donut-BYUkblpv.js} +2 -2
- package/dist/{vue-ui-donut-evolution-BTmztL3Y.js → vue-ui-donut-evolution-wxHDTKlg.js} +2 -2
- package/dist/{vue-ui-dumbbell-CDcgKS2A.js → vue-ui-dumbbell-DR7rjMt0.js} +2 -2
- package/dist/{vue-ui-flow-kVocPE27.js → vue-ui-flow-DtQlRSK_.js} +2 -2
- package/dist/vue-ui-funnel-BP3chlZy.js +1 -0
- package/dist/{vue-ui-galaxy-hP-9mVlB.js → vue-ui-galaxy-B7ogrJ6f.js} +1 -1
- package/dist/{vue-ui-gauge-BRabsLkh.js → vue-ui-gauge-CrmzNkjT.js} +1 -1
- package/dist/{vue-ui-geo-Dacnp6iw.js → vue-ui-geo-BbTvWbfX.js} +1 -1
- package/dist/{vue-ui-gizmo-Dp3hpHIX.js → vue-ui-gizmo-C3wgMKwb.js} +1 -1
- package/dist/{vue-ui-graph-DHU9hUry.js → vue-ui-graph-CzUVEiO-.js} +2 -2
- package/dist/{vue-ui-heatmap-kPnmZgWi.js → vue-ui-heatmap-BxR2ccwd.js} +1 -1
- package/dist/{vue-ui-hill-Ddbup7-b.js → vue-ui-hill-BDOd7LrC.js} +1 -1
- package/dist/{vue-ui-history-plot-CwO2o-2s.js → vue-ui-history-plot-0-vs_CVn.js} +2 -2
- package/dist/{vue-ui-horizontal-bar-CvX77vE4.js → vue-ui-horizontal-bar-C5pNTRKB.js} +2 -2
- package/dist/{vue-ui-kpi-CCOOwX_Q.js → vue-ui-kpi-Dfhsk0U1.js} +1 -1
- package/dist/{vue-ui-mini-loader-7gqQI5jy.js → vue-ui-mini-loader-Bbupx66Y.js} +1 -1
- package/dist/vue-ui-molecule-DUX1NUIY.js +1 -0
- package/dist/{vue-ui-mood-radar-GJ-lhgI0.js → vue-ui-mood-radar-B1N5AwX_.js} +1 -1
- package/dist/{vue-ui-nested-donuts-CrlPwpg8.js → vue-ui-nested-donuts-CfHH-cU6.js} +2 -2
- package/dist/{vue-ui-onion-CKmyy-Y_.js → vue-ui-onion-DRN-jIvq.js} +2 -2
- package/dist/{vue-ui-parallel-coordinate-plot-C0UqWt0M.js → vue-ui-parallel-coordinate-plot-UUPjQABF.js} +2 -2
- package/dist/{vue-ui-quadrant-CTGFBNo9.js → vue-ui-quadrant-zmtzn0lM.js} +2 -2
- package/dist/{vue-ui-quick-chart-ZBOPZhxA.js → vue-ui-quick-chart-DgU_IhKY.js} +2 -2
- package/dist/{vue-ui-radar-B1z3Ux3E.js → vue-ui-radar-BGSoxRaK.js} +1 -1
- package/dist/{vue-ui-rating-CV2b0tjA.js → vue-ui-rating-ChWXrWNJ.js} +1 -1
- package/dist/{vue-ui-relation-circle-DqN5N08e.js → vue-ui-relation-circle-XUw5UMrt.js} +1 -1
- package/dist/{vue-ui-ridgeline-DcSB5Qef.js → vue-ui-ridgeline-B5RJcFyA.js} +2 -2
- package/dist/{vue-ui-rings-CJqAnf-l.js → vue-ui-rings-BJaCLH2Q.js} +1 -1
- package/dist/{vue-ui-scatter-THQAeoWs.js → vue-ui-scatter-BA0hk_Tf.js} +2 -2
- package/dist/{vue-ui-skeleton-DqmhigQ0.js → vue-ui-skeleton-DpzaXPO3.js} +1 -1
- package/dist/{vue-ui-smiley-VTdQetY0.js → vue-ui-smiley--VTlUAdp.js} +1 -1
- package/dist/{vue-ui-spark-trend-B2Nf1raK.js → vue-ui-spark-trend-DJ63XtgQ.js} +1 -1
- package/dist/{vue-ui-sparkbar-CamZ_49V.js → vue-ui-sparkbar-C5wP9R67.js} +1 -1
- package/dist/{vue-ui-sparkgauge-Ffrp_7VV.js → vue-ui-sparkgauge-DQcAOGuG.js} +1 -1
- package/dist/{vue-ui-sparkhistogram-CLfzi3PO.js → vue-ui-sparkhistogram-BBiCxX6W.js} +1 -1
- package/dist/{vue-ui-sparkline-Y-sljnbS.js → vue-ui-sparkline-B_GkB9V_.js} +1 -1
- package/dist/{vue-ui-sparkstackbar-CYZ-ADO1.js → vue-ui-sparkstackbar-DSRXhqhJ.js} +1 -1
- package/dist/{vue-ui-stackbar-CQLYm10x.js → vue-ui-stackbar-QjOQHbld.js} +2 -2
- package/dist/{vue-ui-stackline-VpvF7MRx.js → vue-ui-stackline-CoII13bc.js} +2 -2
- package/dist/{vue-ui-strip-plot-B9Ogpw7K.js → vue-ui-strip-plot-d3UoFFrf.js} +2 -2
- package/dist/{vue-ui-table-Bi9C3LzP.js → vue-ui-table-CHFjZzW7.js} +1 -1
- package/dist/{vue-ui-table-heatmap-BtziURiu.js → vue-ui-table-heatmap-DzvPQnY9.js} +1 -1
- package/dist/{vue-ui-table-sparkline-DEVAL0cR.js → vue-ui-table-sparkline-BkZ7sn4X.js} +1 -1
- package/dist/{vue-ui-thermometer-ClN4EO0I.js → vue-ui-thermometer-B--g_Lkt.js} +1 -1
- package/dist/{vue-ui-timer-nqZxt1vU.js → vue-ui-timer-DmwEWrDh.js} +2 -2
- package/dist/{vue-ui-tiremarks-BeJBsgXo.js → vue-ui-tiremarks-160Gx7-3.js} +1 -1
- package/dist/{vue-ui-treemap-FA-yXwmv.js → vue-ui-treemap-B-Yjtob0.js} +1 -1
- package/dist/{vue-ui-waffle-CO07S6HV.js → vue-ui-waffle-BhzLg5ip.js} +1 -1
- package/dist/{vue-ui-wheel-BeaSWB4x.js → vue-ui-wheel-DHb4G42X.js} +1 -1
- package/dist/{vue-ui-word-cloud-C1OWGFng.js → vue-ui-word-cloud-BcpreM7A.js} +2 -2
- package/dist/{vue-ui-world-CUS_mKgl.js → vue-ui-world-BD9acchj.js} +2 -2
- package/dist/vue-ui-xy-C-2Phexw.js +24 -0
- package/dist/{vue-ui-xy-BigPHE0Q.js → vue-ui-xy-CB3lQs2m.js} +1 -1
- package/dist/{vue-ui-xy-canvas-CeC3gcrW.js → vue-ui-xy-canvas-Do4P4ajB.js} +2 -2
- package/package.json +141 -131
- package/dist/geoProjections-Bvj-eMvq.js +0 -1
- package/dist/package-DwcKiXuI.js +0 -1
- package/dist/pdf-DAicVFxx.js +0 -1
- package/dist/useSvgLabelLayout-D1I8sQUi.js +0 -1
- package/dist/vue-data-ui-BvHCscNE.js +0 -1
- package/dist/vue-ui-chestnut-CiY-2e77.js +0 -1
- package/dist/vue-ui-funnel-CZAdPYqK.js +0 -1
- package/dist/vue-ui-molecule-BPGs9Dom.js +0 -1
- package/dist/vue-ui-xy-6B_K-quN.js +0 -24
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Dt as i,Ht as a,J as o,Jt as s,S as c,X as ee,Yt as te,Zt as ne,at as re,b as l,i as ie,in as ae,nn as oe,nt as se,pt as ce,t as le,tn as ue,vt as de,w as fe,wt as pe,zt as me}from"./lib-rPeBMZrn.js";import{n as he,t as ge}from"./BaseScanner-8NdoBs7B.js";import{n as _e,t as ve}from"./useHints-BH9r_0Vd.js";import{t as ye}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as be}from"./useNestedProp-DnGoh-XS.js";import{t as xe}from"./useThemeCheck-BKNRbGeC.js";import{t as Se}from"./chartImage-DPGnEuYM.js";import{n as Ce}from"./Title-BliHuXfT.js";import{t as we}from"./useChartExport-BZts4KFb.js";import{n as Te,t as Ee}from"./tableIntegration-CNoJ1CIY.js";import{n as De,t as Oe}from"./annotationSlots-BRR85CqJ.js";import{n as ke,t as Ae}from"./userOptionsSlots-DYuo-E5m.js";import{t as je}from"./usePrinter-sVoTzet1.js";import{t as Me}from"./useTransitions-ChGGrtrv.js";import{t as Ne}from"./Shape-CRe8woTu.js";import{c as Pe}from"./canvas-lib-22VpOI4_.js";import{t as Fe}from"./useResponsive-CENUxfEL.js";import{t as Ie}from"./DefGrad-DKMq1REY.js";import{t as Le}from"./vue-ui-accordion-S3nRtTU-.js";import{t as Re}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as ze}from"./A11yDataTable-DWNlWXzs.js";import{t as Be}from"./useUserOptionState-CXlFnwPv.js";import{t as Ve}from"./useChartAccessibility-DOMuYJfm.js";import{t as He}from"./useTableResponsive-uSz_qZOB.js";import{t as Ue}from"./Legend-DM0ClX3D.js";import{t as We}from"./vue_ui_horizontal_bar-C4ulIxeT.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Ge,createTextVNode as Ke,createVNode as qe,defineAsyncComponent as Je,guardReactiveProps as Ye,mergeProps as Xe,nextTick as Ze,normalizeClass as g,normalizeProps as Qe,normalizeStyle as _,onBeforeUnmount as $e,onMounted as et,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as tt,toDisplayString as S,toRefs as nt,unref as C,useCssVars as rt,useSlots as it,watch as at,withCtx as w,withKeys as ot}from"vue";var st=/* @__PURE__ */ e({default:()=>Yt}),ct=[`id`],lt=[`id`],ut=[`onClick`],dt={style:{position:`relative`}},ft=[`xmlns`,`viewBox`,`aria-describedby`],pt=[`width`,`height`],mt={key:1},ht=[`y`,`width`,`height`,`fill`,`rx`],gt=[`x`,`y`,`width`,`height`,`fill`,`rx`],_t=[`x`,`y`,`width`,`height`,`fill`,`rx`,`stroke`,`stroke-width`],vt=[`x`,`y`,`width`,`height`,`fill`,`rx`,`stroke`,`stroke-width`],yt=[`stroke`,`stroke-width`,`d`],bt=[`stroke`,`stroke-width`,`d`],xt=[`y`,`height`,`width`,`fill`],St=[`transform`,`font-size`,`fill`,`font-weight`,`innerHTML`],Ct=[`transform`,`font-size`,`fill`,`font-weight`],wt=[`transform`,`font-size`,`font-weight`,`innerHTML`],Tt=[`transform`,`font-size`,`fill`,`font-weight`,`innerHTML`],Et=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],Dt=[`y`,`width`,`height`,`fill`,`onMouseenter`,`onMouseleave`,`onClick`],Ot={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},kt={key:7,class:`vue-data-ui-watermark`},At=[`onClick`],jt={style:`width:100%;padding-top: 36px;position:relative`},Mt={class:`vue-ui-data-table`},Nt={key:0},Pt={style:{width:`100%`}},Ft=[`data-cell`],It={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Lt=[`data-cell`],Rt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},zt=[`data-cell`],Bt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Vt=[`data-cell`],Ht={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Ut=[`data-cell`],Wt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Gt=[`data-cell`],Kt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},qt=[`data-cell`],Jt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Yt=/*#__PURE__*/ ye({__name:`vue-ui-horizontal-bar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`copyAlt`,`selectDatapoint`],setup(e,{expose:ye,emit:st}){rt(e=>({v69252d33:e.tdo}));let Yt=Je(()=>import(`./Tooltip-C1q0Qoh7.js`)),Xt=Je(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),Zt=Je(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Qt=Je(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),$t=Je(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),en=Je(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_vertical_bar:tn}=t(),{isThemeValid:nn,warnInvalidTheme:rn}=xe(),an=it(),T=e,on=d({get(){return!!T.dataset&&T.dataset.length},set(e){return e}}),E=y(ee()),sn=y(!1),cn=y(``),ln=y(null),un=y(0),D=y(null),dn=y(null),fn=y(null),pn=y(null),mn=y(null),hn=y(0),gn=y(0),_n=y(null),vn=y(null),yn=y(null),bn=y(null),xn=y(null),O=y([]),Sn=y({none:0,asc:1,desc:2}),Cn=y(0),wn=y(0),Tn=null,En=null,k=y(null),Dn=y({x:0,y:0}),On=y(`pointer`),kn=st,A=y(zn()),j=d(()=>A.value.style.chart.layout.bars),M=d(()=>A.value.style.chart.layout),N=d(()=>A.value.style.chart.tooltip),P=d(()=>A.value.style.chart);_e({config:()=>A.value,dataset:()=>T.dataset,component:`VueUiHorizontalBar`,rules:[ve.emptyArray,{test:e=>e.length>50||e.some(e=>e.children&&e.children.length>50),message:[`👀 There are > 50 series / bars, which will probably force users to scroll. Consider:`,``,`▶️ Grouping small values into an "Other" category.`,``,`▶️ Using filters, or several instances of the component with subsets of related series.`]}]});let{transitionEnabled:F}=Me({config:()=>A.value.transitions,dataset:()=>T.dataset}),I=d(()=>A.value.userOptions.useCursorPointer),An=d(()=>T.config?.skeletonDataset??[{name:``,value:6,color:`#d9d9d9`},{name:``,value:5,color:`#d9d9d9`},{name:``,value:4,color:`#d9d9d9`},{name:``,value:3,color:`#d9d9d9`},{name:``,value:2,color:`#d9d9d9`},{name:``,value:1,color:`#d9d9d9`}]),jn=d(()=>ae({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{bars:{offsetX:110,dataLabels:{color:`transparent`,value:{prefix:``,suffix:``,formatter:null}},nameLabels:{color:`transparent`}},separators:{color:`#7A7A7A`}},legend:{show:!0,backgroundColor:`transparent`,color:`transparent`,prefix:``,suffix:``,formatter:null},title:{color:`#1A1A1A`,subtitle:{color:`#5A5A5A`}}}}},userConfig:A.value.skeletonConfig??{}})),{loading:Mn,FINAL_DATASET:Nn,manualLoading:Pn}=he({...nt(T),FINAL_CONFIG:A,prepareConfig:zn,callback:()=>{Promise.resolve().then(async()=>{H.value.showTable=A.value.table.show,Zn()})},skeletonDataset:An.value,skeletonConfig:ae({defaultConfig:A.value,userConfig:jn.value})}),{userOptionsVisible:Fn,setUserOptionsVisibility:In,keepUserOptionState:Ln}=Be({config:A.value}),{svgRef:Rn}=Ve({config:P.value.title});function zn(){let e=be({userConfig:T.config,defaultConfig:tn}),t={},n=e.theme;if(n){if(!nn.value(e))rn(e),t=e;else{let r=be({userConfig:We[n]||T.config,defaultConfig:e});t={...be({userConfig:T.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:oe[n]||a}}}else t=e;return T.config&&pe(T.config,`events.datapointEnter`)?t.events.datapointEnter=T.config.events.datapointEnter:t.events.datapointEnter=null,T.config&&pe(T.config,`events.datapointLeave`)?t.events.datapointLeave=T.config.events.datapointLeave:t.events.datapointLeave=null,T.config&&pe(T.config,`events.datapointClick`)?t.events.datapointClick=T.config.events.datapointClick:t.events.datapointClick=null,t}let L=y(P.value.width),R=y(P.value.height),z=y(j.value.gap),Bn=ne(T.config);at(()=>T.config,(e,t)=>{let n=ne(e),r=n!==Bn;Bn=n;let i=zn();r?(Mn.value||(A.value=i),Fn.value=!A.value.userOptions.showOnChartHover,hn.value+=1,gn.value+=1,H.value.showTable=A.value.table.show,Cn.value=Sn.value[j.value.sort]??0,H.value.showTooltip=N.value.show,L.value=P.value.width,R.value=P.value.height,z.value=j.value.gap):(A.value.style.chart.tooltip=i.style.chart.tooltip,H.value.showTooltip=A.value.style.chart.tooltip.show)},{deep:!0}),at(()=>T.dataset,e=>{Array.isArray(e)&&e.length>0&&(Pn.value=!1)},{deep:!0});let{isPrinting:Vn,isImaging:Hn,generatePdf:Un,generateImage:Wn}=je({elementId:`vue-ui-vertical-bar_${E.value}`,fileName:P.value.title.text||`vue-ui-vertical-bar`,options:A.value.userOptions.print}),Gn=d(()=>A.value.userOptions.show&&!P.value.title.text),Kn=d(()=>fe(A.value.customPalette)),qn=y(null),Jn=d(()=>A.value.table.responsiveBreakpoint),Yn=d(()=>A.value.debug),Xn=y(0),B=y(null),V=y(null);function Zn(){if(D.value&&(me(T.dataset)&&(re({componentName:`VueUiVerticalBar`,type:`dataset`,debug:Yn.value}),on.value=!1,Pn.value=!0),me(T.dataset)||(Pn.value=A.value.loading),A.value.responsive)){let e=Pe(()=>{let{width:e,height:t}=Fe({chart:D.value,title:P.value.title.text?dn.value:null,legend:P.value.legend.show?fn.value:null,source:pn.value,noTitle:mn.value});Xn.value=t/3,requestAnimationFrame(async()=>{R.value=t,L.value=e})});B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect()),B.value=new ResizeObserver(e),Ze(()=>{V.value=D.value?.parentNode,V.value&&B.value.observe(V.value)})}}$e(()=>{B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect())});let H=y({showTable:A.value.table.show,showTooltip:N.value.show}),Qn=d(()=>Cn.value===0),$n=d(()=>Cn.value===2),U=d(()=>(Nn.value.forEach((e,t)=>{!e.value&&!e.children&&re({componentName:`VueUiVerticalBar`,type:`datasetAttributeEmpty`,property:`value (index ${t})`,debug:Yn.value}),e.children&&(me(e.children)?re({componentName:`VueUiVerticalBar`,type:`datasetAttributeEmpty`,property:`children (index ${t})`,debug:Yn.value}):e.children.forEach((e,t)=>{[null,void 0].includes(e.name)&&re({componentName:`VueUiVerticalBar`,type:`datasetSerieAttribute`,property:`name`,key:`children`,index:t,debug:Yn.value})}))}),Nn.value.map((e,t)=>{let n=`vertical_parent_${t}_${E.value}`,r=e.children&&e.children.length>0,i=l(e.value?e.value:r?e.children.map(e=>e.value||0).reduce((e,t)=>e+t,0):0),o=i>=0?1:-1;return{...e,id:n,absoluteIndex:t,shape:`square`,opacity:O.value.includes(n)?.5:1,value:Math.abs(i),sign:o,hasChildren:r,isChild:!1,segregate:()=>pr(n),isSegregated:O.value.includes(n),color:c(e.color)||Kn.value[t]||a[t]||a[t%a.length],children:!e.children||!e.children.length?[]:e.children.toSorted(Qn.value?()=>0:(e,t)=>$n.value?t.value-e.value:e.value-t.value).map((r,s)=>({...r,value:l(Math.abs(r.value)),absoluteIndex:t,sign:r.value>=0?1:-1,isChild:!0,parentId:n,parentName:e.name,parentValue:i,parentSign:o,id:`vertical_child_${t}_${s}_${E.value}`,childIndex:s,color:c(r.color)||c(e.color)||Kn.value[t]||a[t]||a[t%a.length]})).map((t,n)=>({...t,isFirstChild:n===0,isLastChild:n===e.children.length-1}))}}).toSorted(Qn.value?()=>0:(e,t)=>$n.value?t.value-e.value:e.value-t.value))),W=d(()=>U.value.filter(e=>!O.value.includes(e.id))),G=d(()=>W.value.flatMap(e=>e.hasChildren?e.children:e)),er=d(()=>U.value.flatMap(e=>e.hasChildren?e.children:e)),tr=d(()=>W.value.flatMap(e=>e.children&&e.children.length>0?e.children.length:1).reduce((e,t)=>e+t,0)),nr=d(()=>({cy:`vertical-bar-div-legend`,backgroundColor:P.value.legend.backgroundColor,color:P.value.legend.color,fontSize:P.value.legend.fontSize,paddingBottom:12,fontWeight:P.value.legend.bold?`bold`:``})),K=d(()=>j.value.parentLabels.show?j.value.parentLabels.fontSize*3+j.value.parentLabels.paddingBottom:0),q=d(()=>{let e=[],t=0;return G.value.forEach((n,r)=>{n.isChild&&n.childIndex===0&&j.value.parentLabels.show&&(t+=1),e[r]=t}),e}),J=d(()=>{let e=Math.max(0,...q.value)*K.value;return(R.value-24-(tr.value-1)*z.value-e)/tr.value}),Y=d(()=>({width:L.value,height:R.value,padding:{top:12,left:128+j.value.offsetX,right:64+j.value.paddingRight,bottom:12}})),rr=y(0);function ir(){Ze(()=>{if(!xn.value){rr.value=0;return}let e=Array.from(xn.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getBBox?.().width??t.getComputedTextLength();return n>e?n:e},0);rr.value=e+12})}at(()=>[G.value,L.value,R.value,j.value.nameLabels,j.value.offsetX],()=>ir(),{deep:!0}),et(()=>{ir()});function ar(){return typeof document>`u`?null:(Tn||(Tn=document.createElement(`canvas`),En=Tn.getContext(`2d`)),En)}function or(e){let t=String(e??``),n=j.value,r=n.dataLabels.fontSize,i=n.dataLabels.bold?700:400,a=A.value.style.fontFamily,o=ar();return o?(o.font=`${i} ${r}px ${a}`,o.measureText(t).width):t.length*r*.6}function sr(){let e=W.value.flatMap(e=>e.children&&e.children.length?e.children.map(e=>Math.abs(e.value)):Math.abs(e.value));return e.length?Math.max(...e):0}let cr=d(()=>{wn.value;let e=j.value,t=rr.value+Math.abs(e.nameLabels.offsetX)+e.offsetX,n=Y.value.width-Y.value.padding.right,r=Math.max(0,n-t-e.offsetX),i=Y.value.width-40,a=sr(),o=G.value.map((e,t)=>({serie:e,textWidth:or(jr(e.value,e,t,e.sign))}));if(!o.length||r<=0)return{left:0,right:0};if(!o.some(({serie:e})=>e.sign===-1)){let n=o.reduce((n,{serie:o,textWidth:s})=>{let c=a?Math.abs(o.value)/a:0;if(c<=0||s<=0)return n;let ee=(t+r*c+3+e.dataLabels.offsetX+s-i)/c;return Math.max(n,ee)},0);return{left:0,right:Math.ceil(Math.min(r,Math.max(0,n)))}}let s=t+r/2,c=-1/0,ee=1/0;o.forEach(({serie:t,textWidth:n})=>{if(t.sign===-1){let t=s+12+e.dataLabels.offsetX+n;ee=Math.min(ee,i-t);return}let r=s-12-e.dataLabels.offsetX-n;c=Math.max(c,40-r)});let te=0;te=c>ee?(c+ee)/2:Math.min(ee,Math.max(c,0));let ne=te*2;return ne>=0?{left:Math.ceil(Math.min(r,ne)),right:0}:{left:0,right:Math.ceil(Math.min(r,-ne))}}),lr=d(()=>cr.value.right),ur=d(()=>cr.value.left);function dr(){wn.value+=1}et(()=>{typeof document<`u`&&document.fonts&&(document.fonts.ready.then(dr),document.fonts.addEventListener?.(`loadingdone`,dr))}),$e(()=>{typeof document<`u`&&document.fonts&&document.fonts.removeEventListener?.(`loadingdone`,dr),Tn=null,En=null});let X=d(()=>{let e=rr.value+Math.abs(j.value.nameLabels.offsetX)+ur.value+j.value.offsetX,t=Y.value.width-Y.value.padding.right,n=Math.max(0,t-e-lr.value-j.value.offsetX);return{top:Y.value.padding.top,bottom:Y.value.padding.top+Y.value.height,left:e,right:t,width:n,fullHeight:Y.value.padding.top+Y.value.padding.bottom+Y.value.height}});function fr(){O.value.length?O.value=[]:U.value.forEach(e=>{O.value.push(e.id)}),kn(`selectLegend`,W.value)}async function pr(e){if(O.value.includes(e))O.value=O.value.filter(t=>t!==e);else{if(O.value.length===U.value.length-1)return;O.value.push(e)}kn(`selectLegend`,W.value)}function mr(e){return U.value.length?U.value.find(t=>t.name===e)||(Yn.value&&console.warn(`VueUiHorizontalBar - Series name not found "${e}"`),null):(Yn.value&&console.warn(`VueUiHorizontalBar - There are no series to show.`),null)}function hr(e){let t=mr(e);t!==null&&O.value.includes(t.id)&&pr(t.id)}function gr(e){let t=mr(e);t!==null&&(O.value.includes(t.id)||pr(t.id))}let Z=d(()=>W.value.map(e=>Math.abs(e.value)).reduce((e,t)=>e+t,0));function _r(e,t=!1,r=0){return t?n({v:l(Math.abs(e)/Z.value*100),s:`%`,r}):Math.abs(e)/Z.value}let vr=d(()=>G.value.map(e=>e.sign).includes(-1)),yr=d(()=>Math.max(...W.value.flatMap(e=>e.children&&e.children.length?Math.max(...e.children.map(e=>e.value)):e.value)));function Q(e){let t=e/yr.value;return l(X.value.width/(vr.value?2:1)*t)}function br(e){return Q(e)+X.value.left}function xr(e,t){let n=W.value.find(t=>t.id===e.parentId);return{y:X.value.top+(z.value+J.value)*t+q.value[t]*K.value-K.value+j.value.parentLabels.fontSize,name:n.name,value:[void 0,NaN,null].includes(n.value)?``:n.sign===1?n.value:-n.value,percentageToTotal:isNaN(n.value/Z.value)?``:_r(n.value,!0,j.value.dataLabels.percentage.roundingPercentage),sign:n.sign}}function Sr(){return W.value}function Cr(e,t){return xr(e,t).name}function wr(e,t){let n=xr(e,t);return jr(n.value,n,t,e.parentSign||e.sign)}let Tr=y(null),Er=y(null);function Dr({datapoint:e,seriesIndex:t}){kn(`selectDatapoint`,e),A.value.events.datapointClick&&A.value.events.datapointClick({datapoint:e,seriesIndex:t})}function Or({datapoint:e,seriesIndex:t}){A.value.events.datapointLeave&&A.value.events.datapointLeave({datapoint:e,seriesIndex:t}),ln.value=null,sn.value=!1,Tr.value=null,k.value===t&&(k.value=null)}function kr(e,t,r=`pointer`){On.value=r,A.value.events.datapointEnter&&A.value.events.datapointEnter({datpoint:e,seriesIndex:t}),k.value=t,ln.value=e,Er.value={datapoint:e,seriesIndex:t,series:U.value,config:A.value},sn.value=!0,Tr.value=e.id;let a=``,o=e.isChild?e.parentName:e.name,s=e.isChild?e.name:``,c=N.value.customFormat;i(c)&&ce(()=>c({datapoint:e,series:U.value,config:A.value,seriesIndex:t}))?cn.value=c({datapoint:e,series:U.value,config:A.value,seriesIndex:t}):(a+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.borderColor};padding-bottom:6px;margin-bottom:3px;text-align:left;">
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Dt as i,Ht as a,J as o,Jt as s,S as c,X as ee,Yt as te,Zt as ne,at as re,b as l,i as ie,in as ae,nn as oe,nt as se,pt as ce,t as le,tn as ue,vt as de,w as fe,wt as pe,zt as me}from"./lib-rPeBMZrn.js";import{n as he,t as ge}from"./BaseScanner-8NdoBs7B.js";import{n as _e,t as ve}from"./useHints-C-TwxM0Y.js";import{t as ye}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as be}from"./useNestedProp-DnGoh-XS.js";import{t as xe}from"./useThemeCheck-BKNRbGeC.js";import{t as Se}from"./chartImage-DPGnEuYM.js";import{n as Ce}from"./Title-BliHuXfT.js";import{t as we}from"./useChartExport-BZts4KFb.js";import{n as Te,t as Ee}from"./tableIntegration-CNoJ1CIY.js";import{n as De,t as Oe}from"./annotationSlots-BRR85CqJ.js";import{n as ke,t as Ae}from"./userOptionsSlots-DYuo-E5m.js";import{t as je}from"./usePrinter-DVf3YcG5.js";import{t as Me}from"./useTransitions-ChGGrtrv.js";import{t as Ne}from"./Shape-CRe8woTu.js";import{c as Pe}from"./canvas-lib-22VpOI4_.js";import{t as Fe}from"./useResponsive-CENUxfEL.js";import{t as Ie}from"./DefGrad-DKMq1REY.js";import{t as Le}from"./vue-ui-accordion-S3nRtTU-.js";import{t as Re}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as ze}from"./A11yDataTable-DWNlWXzs.js";import{t as Be}from"./useUserOptionState-CXlFnwPv.js";import{t as Ve}from"./useChartAccessibility-DOMuYJfm.js";import{t as He}from"./useTableResponsive-uSz_qZOB.js";import{t as Ue}from"./Legend-DM0ClX3D.js";import{t as We}from"./vue_ui_horizontal_bar-C4ulIxeT.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Ge,createTextVNode as Ke,createVNode as qe,defineAsyncComponent as Je,guardReactiveProps as Ye,mergeProps as Xe,nextTick as Ze,normalizeClass as g,normalizeProps as Qe,normalizeStyle as _,onBeforeUnmount as $e,onMounted as et,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as tt,toDisplayString as S,toRefs as nt,unref as C,useCssVars as rt,useSlots as it,watch as at,withCtx as w,withKeys as ot}from"vue";var st=/* @__PURE__ */ e({default:()=>Yt}),ct=[`id`],lt=[`id`],ut=[`onClick`],dt={style:{position:`relative`}},ft=[`xmlns`,`viewBox`,`aria-describedby`],pt=[`width`,`height`],mt={key:1},ht=[`y`,`width`,`height`,`fill`,`rx`],gt=[`x`,`y`,`width`,`height`,`fill`,`rx`],_t=[`x`,`y`,`width`,`height`,`fill`,`rx`,`stroke`,`stroke-width`],vt=[`x`,`y`,`width`,`height`,`fill`,`rx`,`stroke`,`stroke-width`],yt=[`stroke`,`stroke-width`,`d`],bt=[`stroke`,`stroke-width`,`d`],xt=[`y`,`height`,`width`,`fill`],St=[`transform`,`font-size`,`fill`,`font-weight`,`innerHTML`],Ct=[`transform`,`font-size`,`fill`,`font-weight`],wt=[`transform`,`font-size`,`font-weight`,`innerHTML`],Tt=[`transform`,`font-size`,`fill`,`font-weight`,`innerHTML`],Et=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],Dt=[`y`,`width`,`height`,`fill`,`onMouseenter`,`onMouseleave`,`onClick`],Ot={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},kt={key:7,class:`vue-data-ui-watermark`},At=[`onClick`],jt={style:`width:100%;padding-top: 36px;position:relative`},Mt={class:`vue-ui-data-table`},Nt={key:0},Pt={style:{width:`100%`}},Ft=[`data-cell`],It={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Lt=[`data-cell`],Rt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},zt=[`data-cell`],Bt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Vt=[`data-cell`],Ht={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Ut=[`data-cell`],Wt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Gt=[`data-cell`],Kt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},qt=[`data-cell`],Jt={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Yt=/*#__PURE__*/ ye({__name:`vue-ui-horizontal-bar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`copyAlt`,`selectDatapoint`],setup(e,{expose:ye,emit:st}){rt(e=>({fba7ca8e:e.tdo}));let Yt=Je(()=>import(`./Tooltip-C1q0Qoh7.js`)),Xt=Je(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),Zt=Je(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Qt=Je(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),$t=Je(()=>import(`./PackageVersion-CXT-eAuk.js`).then(e=>e.t)),en=Je(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_vertical_bar:tn}=t(),{isThemeValid:nn,warnInvalidTheme:rn}=xe(),an=it(),T=e,on=d({get(){return!!T.dataset&&T.dataset.length},set(e){return e}}),E=y(ee()),sn=y(!1),cn=y(``),ln=y(null),un=y(0),D=y(null),dn=y(null),fn=y(null),pn=y(null),mn=y(null),hn=y(0),gn=y(0),_n=y(null),vn=y(null),yn=y(null),bn=y(null),xn=y(null),O=y([]),Sn=y({none:0,asc:1,desc:2}),Cn=y(0),wn=y(0),Tn=null,En=null,k=y(null),Dn=y({x:0,y:0}),On=y(`pointer`),kn=st,A=y(zn()),j=d(()=>A.value.style.chart.layout.bars),M=d(()=>A.value.style.chart.layout),N=d(()=>A.value.style.chart.tooltip),P=d(()=>A.value.style.chart);_e({config:()=>A.value,dataset:()=>T.dataset,component:`VueUiHorizontalBar`,rules:[ve.emptyArray,{test:e=>e.length>50||e.some(e=>e.children&&e.children.length>50),message:[`👀 There are > 50 series / bars, which will probably force users to scroll. Consider:`,``,`▶️ Grouping small values into an "Other" category.`,``,`▶️ Using filters, or several instances of the component with subsets of related series.`]}]});let{transitionEnabled:F}=Me({config:()=>A.value.transitions,dataset:()=>T.dataset}),I=d(()=>A.value.userOptions.useCursorPointer),An=d(()=>T.config?.skeletonDataset??[{name:``,value:6,color:`#d9d9d9`},{name:``,value:5,color:`#d9d9d9`},{name:``,value:4,color:`#d9d9d9`},{name:``,value:3,color:`#d9d9d9`},{name:``,value:2,color:`#d9d9d9`},{name:``,value:1,color:`#d9d9d9`}]),jn=d(()=>ae({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{bars:{offsetX:110,dataLabels:{color:`transparent`,value:{prefix:``,suffix:``,formatter:null}},nameLabels:{color:`transparent`}},separators:{color:`#7A7A7A`}},legend:{show:!0,backgroundColor:`transparent`,color:`transparent`,prefix:``,suffix:``,formatter:null},title:{color:`#1A1A1A`,subtitle:{color:`#5A5A5A`}}}}},userConfig:A.value.skeletonConfig??{}})),{loading:Mn,FINAL_DATASET:Nn,manualLoading:Pn}=he({...nt(T),FINAL_CONFIG:A,prepareConfig:zn,callback:()=>{Promise.resolve().then(async()=>{H.value.showTable=A.value.table.show,Zn()})},skeletonDataset:An.value,skeletonConfig:ae({defaultConfig:A.value,userConfig:jn.value})}),{userOptionsVisible:Fn,setUserOptionsVisibility:In,keepUserOptionState:Ln}=Be({config:A.value}),{svgRef:Rn}=Ve({config:P.value.title});function zn(){let e=be({userConfig:T.config,defaultConfig:tn}),t={},n=e.theme;if(n){if(!nn.value(e))rn(e),t=e;else{let r=be({userConfig:We[n]||T.config,defaultConfig:e});t={...be({userConfig:T.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:oe[n]||a}}}else t=e;return T.config&&pe(T.config,`events.datapointEnter`)?t.events.datapointEnter=T.config.events.datapointEnter:t.events.datapointEnter=null,T.config&&pe(T.config,`events.datapointLeave`)?t.events.datapointLeave=T.config.events.datapointLeave:t.events.datapointLeave=null,T.config&&pe(T.config,`events.datapointClick`)?t.events.datapointClick=T.config.events.datapointClick:t.events.datapointClick=null,t}let L=y(P.value.width),R=y(P.value.height),z=y(j.value.gap),Bn=ne(T.config);at(()=>T.config,(e,t)=>{let n=ne(e),r=n!==Bn;Bn=n;let i=zn();r?(Mn.value||(A.value=i),Fn.value=!A.value.userOptions.showOnChartHover,hn.value+=1,gn.value+=1,H.value.showTable=A.value.table.show,Cn.value=Sn.value[j.value.sort]??0,H.value.showTooltip=N.value.show,L.value=P.value.width,R.value=P.value.height,z.value=j.value.gap):(A.value.style.chart.tooltip=i.style.chart.tooltip,H.value.showTooltip=A.value.style.chart.tooltip.show)},{deep:!0}),at(()=>T.dataset,e=>{Array.isArray(e)&&e.length>0&&(Pn.value=!1)},{deep:!0});let{isPrinting:Vn,isImaging:Hn,generatePdf:Un,generateImage:Wn}=je({elementId:`vue-ui-vertical-bar_${E.value}`,fileName:P.value.title.text||`vue-ui-vertical-bar`,options:A.value.userOptions.print}),Gn=d(()=>A.value.userOptions.show&&!P.value.title.text),Kn=d(()=>fe(A.value.customPalette)),qn=y(null),Jn=d(()=>A.value.table.responsiveBreakpoint),Yn=d(()=>A.value.debug),Xn=y(0),B=y(null),V=y(null);function Zn(){if(D.value&&(me(T.dataset)&&(re({componentName:`VueUiVerticalBar`,type:`dataset`,debug:Yn.value}),on.value=!1,Pn.value=!0),me(T.dataset)||(Pn.value=A.value.loading),A.value.responsive)){let e=Pe(()=>{let{width:e,height:t}=Fe({chart:D.value,title:P.value.title.text?dn.value:null,legend:P.value.legend.show?fn.value:null,source:pn.value,noTitle:mn.value});Xn.value=t/3,requestAnimationFrame(async()=>{R.value=t,L.value=e})});B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect()),B.value=new ResizeObserver(e),Ze(()=>{V.value=D.value?.parentNode,V.value&&B.value.observe(V.value)})}}$e(()=>{B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect())});let H=y({showTable:A.value.table.show,showTooltip:N.value.show}),Qn=d(()=>Cn.value===0),$n=d(()=>Cn.value===2),U=d(()=>(Nn.value.forEach((e,t)=>{!e.value&&!e.children&&re({componentName:`VueUiVerticalBar`,type:`datasetAttributeEmpty`,property:`value (index ${t})`,debug:Yn.value}),e.children&&(me(e.children)?re({componentName:`VueUiVerticalBar`,type:`datasetAttributeEmpty`,property:`children (index ${t})`,debug:Yn.value}):e.children.forEach((e,t)=>{[null,void 0].includes(e.name)&&re({componentName:`VueUiVerticalBar`,type:`datasetSerieAttribute`,property:`name`,key:`children`,index:t,debug:Yn.value})}))}),Nn.value.map((e,t)=>{let n=`vertical_parent_${t}_${E.value}`,r=e.children&&e.children.length>0,i=l(e.value?e.value:r?e.children.map(e=>e.value||0).reduce((e,t)=>e+t,0):0),o=i>=0?1:-1;return{...e,id:n,absoluteIndex:t,shape:`square`,opacity:O.value.includes(n)?.5:1,value:Math.abs(i),sign:o,hasChildren:r,isChild:!1,segregate:()=>pr(n),isSegregated:O.value.includes(n),color:c(e.color)||Kn.value[t]||a[t]||a[t%a.length],children:!e.children||!e.children.length?[]:e.children.toSorted(Qn.value?()=>0:(e,t)=>$n.value?t.value-e.value:e.value-t.value).map((r,s)=>({...r,value:l(Math.abs(r.value)),absoluteIndex:t,sign:r.value>=0?1:-1,isChild:!0,parentId:n,parentName:e.name,parentValue:i,parentSign:o,id:`vertical_child_${t}_${s}_${E.value}`,childIndex:s,color:c(r.color)||c(e.color)||Kn.value[t]||a[t]||a[t%a.length]})).map((t,n)=>({...t,isFirstChild:n===0,isLastChild:n===e.children.length-1}))}}).toSorted(Qn.value?()=>0:(e,t)=>$n.value?t.value-e.value:e.value-t.value))),W=d(()=>U.value.filter(e=>!O.value.includes(e.id))),G=d(()=>W.value.flatMap(e=>e.hasChildren?e.children:e)),er=d(()=>U.value.flatMap(e=>e.hasChildren?e.children:e)),tr=d(()=>W.value.flatMap(e=>e.children&&e.children.length>0?e.children.length:1).reduce((e,t)=>e+t,0)),nr=d(()=>({cy:`vertical-bar-div-legend`,backgroundColor:P.value.legend.backgroundColor,color:P.value.legend.color,fontSize:P.value.legend.fontSize,paddingBottom:12,fontWeight:P.value.legend.bold?`bold`:``})),K=d(()=>j.value.parentLabels.show?j.value.parentLabels.fontSize*3+j.value.parentLabels.paddingBottom:0),q=d(()=>{let e=[],t=0;return G.value.forEach((n,r)=>{n.isChild&&n.childIndex===0&&j.value.parentLabels.show&&(t+=1),e[r]=t}),e}),J=d(()=>{let e=Math.max(0,...q.value)*K.value;return(R.value-24-(tr.value-1)*z.value-e)/tr.value}),Y=d(()=>({width:L.value,height:R.value,padding:{top:12,left:128+j.value.offsetX,right:64+j.value.paddingRight,bottom:12}})),rr=y(0);function ir(){Ze(()=>{if(!xn.value){rr.value=0;return}let e=Array.from(xn.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getBBox?.().width??t.getComputedTextLength();return n>e?n:e},0);rr.value=e+12})}at(()=>[G.value,L.value,R.value,j.value.nameLabels,j.value.offsetX],()=>ir(),{deep:!0}),et(()=>{ir()});function ar(){return typeof document>`u`?null:(Tn||(Tn=document.createElement(`canvas`),En=Tn.getContext(`2d`)),En)}function or(e){let t=String(e??``),n=j.value,r=n.dataLabels.fontSize,i=n.dataLabels.bold?700:400,a=A.value.style.fontFamily,o=ar();return o?(o.font=`${i} ${r}px ${a}`,o.measureText(t).width):t.length*r*.6}function sr(){let e=W.value.flatMap(e=>e.children&&e.children.length?e.children.map(e=>Math.abs(e.value)):Math.abs(e.value));return e.length?Math.max(...e):0}let cr=d(()=>{wn.value;let e=j.value,t=rr.value+Math.abs(e.nameLabels.offsetX)+e.offsetX,n=Y.value.width-Y.value.padding.right,r=Math.max(0,n-t-e.offsetX),i=Y.value.width-40,a=sr(),o=G.value.map((e,t)=>({serie:e,textWidth:or(jr(e.value,e,t,e.sign))}));if(!o.length||r<=0)return{left:0,right:0};if(!o.some(({serie:e})=>e.sign===-1)){let n=o.reduce((n,{serie:o,textWidth:s})=>{let c=a?Math.abs(o.value)/a:0;if(c<=0||s<=0)return n;let ee=(t+r*c+3+e.dataLabels.offsetX+s-i)/c;return Math.max(n,ee)},0);return{left:0,right:Math.ceil(Math.min(r,Math.max(0,n)))}}let s=t+r/2,c=-1/0,ee=1/0;o.forEach(({serie:t,textWidth:n})=>{if(t.sign===-1){let t=s+12+e.dataLabels.offsetX+n;ee=Math.min(ee,i-t);return}let r=s-12-e.dataLabels.offsetX-n;c=Math.max(c,40-r)});let te=0;te=c>ee?(c+ee)/2:Math.min(ee,Math.max(c,0));let ne=te*2;return ne>=0?{left:Math.ceil(Math.min(r,ne)),right:0}:{left:0,right:Math.ceil(Math.min(r,-ne))}}),lr=d(()=>cr.value.right),ur=d(()=>cr.value.left);function dr(){wn.value+=1}et(()=>{typeof document<`u`&&document.fonts&&(document.fonts.ready.then(dr),document.fonts.addEventListener?.(`loadingdone`,dr))}),$e(()=>{typeof document<`u`&&document.fonts&&document.fonts.removeEventListener?.(`loadingdone`,dr),Tn=null,En=null});let X=d(()=>{let e=rr.value+Math.abs(j.value.nameLabels.offsetX)+ur.value+j.value.offsetX,t=Y.value.width-Y.value.padding.right,n=Math.max(0,t-e-lr.value-j.value.offsetX);return{top:Y.value.padding.top,bottom:Y.value.padding.top+Y.value.height,left:e,right:t,width:n,fullHeight:Y.value.padding.top+Y.value.padding.bottom+Y.value.height}});function fr(){O.value.length?O.value=[]:U.value.forEach(e=>{O.value.push(e.id)}),kn(`selectLegend`,W.value)}async function pr(e){if(O.value.includes(e))O.value=O.value.filter(t=>t!==e);else{if(O.value.length===U.value.length-1)return;O.value.push(e)}kn(`selectLegend`,W.value)}function mr(e){return U.value.length?U.value.find(t=>t.name===e)||(Yn.value&&console.warn(`VueUiHorizontalBar - Series name not found "${e}"`),null):(Yn.value&&console.warn(`VueUiHorizontalBar - There are no series to show.`),null)}function hr(e){let t=mr(e);t!==null&&O.value.includes(t.id)&&pr(t.id)}function gr(e){let t=mr(e);t!==null&&(O.value.includes(t.id)||pr(t.id))}let Z=d(()=>W.value.map(e=>Math.abs(e.value)).reduce((e,t)=>e+t,0));function _r(e,t=!1,r=0){return t?n({v:l(Math.abs(e)/Z.value*100),s:`%`,r}):Math.abs(e)/Z.value}let vr=d(()=>G.value.map(e=>e.sign).includes(-1)),yr=d(()=>Math.max(...W.value.flatMap(e=>e.children&&e.children.length?Math.max(...e.children.map(e=>e.value)):e.value)));function Q(e){let t=e/yr.value;return l(X.value.width/(vr.value?2:1)*t)}function br(e){return Q(e)+X.value.left}function xr(e,t){let n=W.value.find(t=>t.id===e.parentId);return{y:X.value.top+(z.value+J.value)*t+q.value[t]*K.value-K.value+j.value.parentLabels.fontSize,name:n.name,value:[void 0,NaN,null].includes(n.value)?``:n.sign===1?n.value:-n.value,percentageToTotal:isNaN(n.value/Z.value)?``:_r(n.value,!0,j.value.dataLabels.percentage.roundingPercentage),sign:n.sign}}function Sr(){return W.value}function Cr(e,t){return xr(e,t).name}function wr(e,t){let n=xr(e,t);return jr(n.value,n,t,e.parentSign||e.sign)}let Tr=y(null),Er=y(null);function Dr({datapoint:e,seriesIndex:t}){kn(`selectDatapoint`,e),A.value.events.datapointClick&&A.value.events.datapointClick({datapoint:e,seriesIndex:t})}function Or({datapoint:e,seriesIndex:t}){A.value.events.datapointLeave&&A.value.events.datapointLeave({datapoint:e,seriesIndex:t}),ln.value=null,sn.value=!1,Tr.value=null,k.value===t&&(k.value=null)}function kr(e,t,r=`pointer`){On.value=r,A.value.events.datapointEnter&&A.value.events.datapointEnter({datpoint:e,seriesIndex:t}),k.value=t,ln.value=e,Er.value={datapoint:e,seriesIndex:t,series:U.value,config:A.value},sn.value=!0,Tr.value=e.id;let a=``,o=e.isChild?e.parentName:e.name,s=e.isChild?e.name:``,c=N.value.customFormat;i(c)&&ce(()=>c({datapoint:e,series:U.value,config:A.value,seriesIndex:t}))?cn.value=c({datapoint:e,series:U.value,config:A.value,seriesIndex:t}):(a+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.borderColor};padding-bottom:6px;margin-bottom:3px;text-align:left;">
|
|
2
2
|
<div style="display:flex;align-items:center;gap:4px;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="${e.color}"/>${an.pattern?`<rect x="0" y="0" height="60" width="60" rx="5" stroke="none" fill="url(#pattern_${E.value}_${e.absoluteIndex})"/>`:``}</svg> ${o}</div>
|
|
3
3
|
${s?`<div>${s}</div>`:``}
|
|
4
|
-
</div>`,N.value.showValue&&(a+=`<div>${A.value.translations.value}: <b>${ie(j.value.dataLabels.value.formatter,e.sign===1?e.value:-e.value,n({p:N.value.prefix,v:e.sign===1?e.value:-e.value,s:N.value.suffix,r:N.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`),N.value.showPercentage&&(a+=`<div>${A.value.translations.percentageToTotal} : <b>${n({v:Math.abs(e.value)/Z.value*100,s:`%`,r:N.value.roundingPercentage})}</b></div>`,e.isChild&&(a+=`<div>${A.value.translations.percentageToSerie}: <b>${n({v:Math.abs(e.value)/Math.abs(e.parentValue)*100,s:`%`,r:N.value.roundingPercentage})}</b></div>`)),cn.value=`<div style="text-align:left">${a}</div>`)}function Ar({legend:e,index:t}){let r=P.value.legend;return r.showValue?`${e.name}: ${ie(j.value.dataLabels.value.formatter,e.value,n({p:r.prefix,v:e.value,s:r.suffix,r:r.roundingValue}),{datapoint:e,seriesIndex:t})}`:e.name}function jr(e,t,r,i){if(!j.value.dataLabels.value.show)return``;let a=ie(j.value.dataLabels.value.formatter,l(i===-1&&e>=0?-e:e),n({p:j.value.dataLabels.value.prefix,v:l(i===-1&&e>=0?-e:e),s:j.value.dataLabels.value.suffix,r:j.value.dataLabels.value.roundingValue}),{datapoint:t,seriesIndex:r}),o=`(${_r(e,!0,j.value.dataLabels.percentage.roundingPercentage)})`;return`${a}${j.value.dataLabels.percentage.show?` ${o}`:``}`}let $=d(()=>({head:[A.value.translations.parentName,A.value.translations.value,A.value.translations.percentageToTotal,A.value.translations.childName,A.value.translations.value,A.value.translations.percentageToSerie,A.value.translations.percentageToTotal],body:G.value.map(e=>e.isChild?e.isFirstChild?{color:e.color,parentName:e.parentName,parentValue:e.parentValue,percentageToTotal:e.parentValue/Z.value,childName:e.name,childValue:e.sign===1?e.value:-e.value,childPercentageToParent:Math.abs(e.value)/Math.abs(e.parentValue),childPercentageToTotal:Math.abs(e.value)/Z.value}:{color:``,parentName:``,parentValue:``,percentageToTotal:``,childName:e.name,childValue:e.sign===1?e.value:-e.value,childPercentageToParent:Math.abs(e.value)/Math.abs(e.parentValue),childPercentageToTotal:Math.abs(e.value)/Z.value}:{color:e.color,parentName:e.name,parentValue:e.sign===1?e.value:-e.value,percentageToTotal:Math.abs(e.value)/Z.value,childName:``,childValue:``,childPercentageToParent:``,childPercentageToTotal:``})}));function Mr(e=null){let t=[[P.value.title.text],[P.value.title.subtitle.text],[``]],n=$.value.head,i=$.value.body.map(e=>[e.parentName,e.parentValue,e.percentageToTotal,e.childName,e.childValue,e.childPercentageToParent,e.childPercentageToTotal]),a=t.concat([n]).concat(i),o=r(a);e?e(o):se({csvContent:o,title:P.value.title.text||`vue-ui-vertical-bar`})}let Nr=y(!1);function Pr(e){Nr.value=e,un.value+=1}function Fr(){H.value.showTable=!H.value.showTable}et(()=>{[`none`,`asc`,`desc`].includes(j.value.sort)||re({componentName:`VueUiVerticalBar`,type:`attributeWrongValue`,property:`style.chart.layout.bars.sort`,key:j.value.sort}),Cn.value=Sn.value[j.value.sort]??0});function Ir(){Cn.value+=1,Cn.value>2&&(Cn.value=0)}function Lr(){Ir()}function Rr(){H.value.showTooltip=!H.value.showTooltip}let zr=y(!1);function Br(){zr.value=!zr.value}let Vr=Se(D,()=>P.value.title.text),Hr=d(()=>Ee({config:A,style:P,mutableConfig:H,dialog:en,accordion:Le,isFullscreen:Nr,parent:D,maxWidth:800,isCursorPointer:I}));at(()=>H.value.showTable,e=>Te(e,A,vn));let{isResponsive:Ur}=He(qn,Jn);function Wr(){H.value.showTable=!1,yn.value&&yn.value.setTableIconState(!1)}let Gr=d(()=>U.value.map((e,t)=>({...e,shape:`square`,display:`${e.name}: ${ie(j.value.dataLabels.value.formatter,e.value,n({p:P.value.legend.prefix,v:e.value,s:P.value.legend.suffix,r:P.value.legend.roundingValue}),{datapoint:e,seriesIndex:t})}`}))),Kr=d(()=>P.value.backgroundColor),qr=d(()=>P.value.legend),Jr=d(()=>P.value.title),Yr=d(()=>Gr.value.map(e=>({...e,name:e.display}))),{isCallbackImaging:Xr,isCallbackSvg:Zr,generateSvg:Qr,onGenerateImage:$r}=we({svg:Rn,title:Jr,legend:qr,legendItems:Yr,backgroundColor:Kr,getSvgCallback:()=>A.value.userOptions.callbacks.svg,generateImage:Wn});function ei(){console.warn(`[autoSize]: this legacy method can be safely removed as it has no impact.`)}async function ti(){kn(`copyAlt`,{config:A.value,dataset:W.value}),A.value.userOptions.callbacks.altCopy?await Promise.resolve(A.value.userOptions.callbacks.altCopy({config:A.value,dataset:W.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}let ni=y(!1);function ri(){k.value=null,ni.value=!0}function ii(){k.value=null,sn.value=!1,ni.value=!1}function ai(){if(k.value===null)return;let e=G.value[k.value];e&&Or({datapoint:e,seriesIndex:k.value}),k.value=null,On.value=`pointer`}function oi(e){if(!Rn.value||zr.value||document.activeElement!==Rn.value)return;let t=e.key===`ArrowRight`||e.key===`ArrowDown`,n=e.key===`ArrowLeft`||e.key===`ArrowUp`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;let a=G.value.length;if(!a)return;if(e.preventDefault(),e.stopPropagation(),i){ai();return}if(r){if(k.value===null)return;let e=G.value[k.value];if(!e)return;Dr({datapoint:e,seriesIndex:k.value});return}let o=k.value,s=ln.value?G.value.findIndex(e=>e.id===ln.value.id):null;o!==null&&o>=0&&o<a?t?(o+=1,o>=a&&(o=0)):n&&(--o,o<0&&(o=a-1)):s!==null&&s>=0&&s<a?(o=t?s+1:s-1,o>=a&&(o=0),o<0&&(o=a-1)):o=t?0:a-1;let c=G.value[o];c&&(k.value=o,si(c),kr(c,o,`keyboard`))}function si(e){if(!e)return;let t=X.value.right,n=X.value.top+(z.value+J.value)*e.absoluteIndex+q.value[e.absoluteIndex]*K.value;if(!Number.isFinite(t)||!Number.isFinite(n))return;let r=ue(t,n,Rn.value);r&&(Dn.value=r)}let ci=d(()=>({head:$.value.head,body:$.value.body.map(e=>[e.parentName,e.parentValue===``?``:n({v:e.parentValue,r:j.value.dataLabels.value.roundingValue,p:j.value.dataLabels.prefix,s:j.value.dataLabels.suffix}),e.percentageToTotal===``?``:n({v:e.percentageToTotal*100,r:j.value.dataLabels.percentage.roundingPercentage,s:`%`}),e.childName,e.childValue===``?``:n({v:e.childValue,r:j.value.dataLabels.value.roundingValue,p:j.value.dataLabels.prefix,s:j.value.dataLabels.suffix}),e.childPercentageToParent===``?``:n({v:e.childPercentageToParent*100,r:j.value.dataLabels.percentage.roundingPercentage,s:`%`}),e.childPercentageToTotal===``?``:n({v:e.childPercentageToTotal*100,r:j.value.dataLabels.percentage.roundingPercentage,s:`%`})]),caption:A.value.a11y.translations.tableCaption,notice:A.value.a11y.translations.tableAvailable}));return ye({autoSize:ei,getData:Sr,getImage:Vr,generatePdf:Un,generateCsv:Mr,generateImage:Wn,generateSvg:Qr,hideSeries:gr,showSeries:hr,toggleTable:Fr,toggleSort:Lr,toggleTooltip:Rr,toggleAnnotator:Br,toggleFullscreen:Pr,copyAlt:ti}),(e,t)=>(v(),m(`div`,{class:g(`vue-data-ui-component vue-ui-vertical-bar ${Nr.value?`vue-data-ui-wrapper-fullscreen`:``} ${A.value.useCssAnimation?``:`vue-ui-dna`} ${A.value.responsive?`vue-ui-vertical-bar-autosize`:``}`),ref_key:`verticalBarChart`,ref:D,id:`vue-ui-vertical-bar_${E.value}`,style:_(`font-family:${A.value.style.fontFamily};width:100%; text-align:center;background:${P.value.backgroundColor};height:100%`),onMouseenter:t[3]||=()=>C(In)(!0),onMouseleave:t[4]||=()=>C(In)(!1)},[h(`p`,{id:`chart-instructions-${E.value}`,class:`sr-only`},S(A.value.a11y.translations.keyboardNavigation),9,lt),ci.value.body.length?(v(),f(ze,{key:0,uid:E.value,head:ci.value.head,body:ci.value.body,caption:ci.value.caption,notice:ci.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):p(``,!0),A.value.userOptions.buttons.annotator?(v(),f(C(Zt),{key:1,svgRef:C(Rn),backgroundColor:P.value.backgroundColor,color:P.value.color,active:zr.value,isCursorPointer:I.value,palette:A.value.userOptions.annotatorPalette,onClose:Br},Ge({_:2},[b(C(Oe),t=>({name:t,fn:w(n=>[x(e.$slots,t,Qe(Ye(C(De)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),Gn.value?(v(),m(`div`,{key:2,ref_key:`noTitle`,ref:mn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),P.value.title.text?(v(),m(`div`,{key:3,ref_key:`chartTitle`,ref:dn,style:`width:100%;background:transparent;padding-bottom:12px`},[(v(),f(Ce,{key:`title_${hn.value}`,config:{title:{cy:`vertical-bar-div-title`,...P.value.title},subtitle:{cy:`vertical-bar-div-subtitle`,...P.value.title.subtitle}}},null,8,[`config`]))],512)):p(``,!0),A.value.userOptions.show&&on.value&&(C(Ln)||C(Fn))?(v(),f(C(Qt),{ref_key:`userOptionsRef`,ref:yn,backgroundColor:P.value.backgroundColor,color:P.value.color,key:`user_options_${un.value}`,isImaging:C(Hn),isPrinting:C(Vn),uid:E.value,hasTooltip:A.value.userOptions.buttons.tooltip&&N.value.show,hasPdf:A.value.userOptions.buttons.pdf,hasImg:A.value.userOptions.buttons.img,hasSvg:A.value.userOptions.buttons.svg,hasXls:A.value.userOptions.buttons.csv,hasTable:A.value.userOptions.buttons.table,hasSort:A.value.userOptions.buttons.sort,hasFullscreen:A.value.userOptions.buttons.fullscreen,hasAltCopy:A.value.userOptions.buttons.altCopy,isFullscreen:Nr.value,isTooltip:H.value.showTooltip,titles:{...A.value.userOptions.buttonTitles},chartElement:D.value,position:A.value.userOptions.position,hasAnnotator:A.value.userOptions.buttons.annotator,isAnnotation:zr.value,callbacks:A.value.userOptions.callbacks,printScale:A.value.userOptions.print.scale,tableDialog:A.value.table.useDialog,isCursorPointer:I.value,onToggleFullscreen:Pr,onGeneratePdf:C(Un),onGenerateCsv:Mr,onGenerateImage:C($r),onGenerateSvg:C(Qr),onToggleTable:Fr,onToggleSort:Lr,onToggleTooltip:Rr,onToggleAnnotator:Br,onCopyAlt:ti,style:_({visibility:C(Ln)?C(Fn)?`visible`:`hidden`:`visible`})},Ge({_:2},[b(C(ke)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionSort optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:w(n=>[x(e.$slots,t,Qe(Ye(C(Ae)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasSort.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),e.$slots.legend&&P.value.legend.show&&P.value.legend.position===`top`?x(e.$slots,`legend`,{legend:U.value},void 0,!0,5):p(``,!0),!e.$slots.legend&&P.value.legend.show&&P.value.legend.position===`top`?(v(),m(`div`,{key:6,ref_key:`chartLegend`,ref:fn},[(v(),f(Ue,{key:`legend_top_${gn.value}`,legendSet:U.value,config:nr.value,onClickMarker:t[0]||=({legend:e})=>pr(e.id)},Ge({item:w(({legend:e,index:t})=>[h(`div`,{onClick:t=>pr(e.id),style:_(`opacity:${O.value.includes(e.id)?.5:1}`)},S(Ar({legend:e,index:t})),13,ut)]),legendToggle:w(()=>[U.value.length>2&&P.value.legend.selectAllToggle.show&&!C(Mn)?(v(),f(Re,{key:0,backgroundColor:P.value.legend.selectAllToggle.backgroundColor,color:P.value.legend.selectAllToggle.color,fontSize:P.value.legend.fontSize,checked:O.value.length>0,onToggle:fr},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`])):p(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:w(({legend:e,index:t})=>[qe(Ne,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${E.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`]))],512)):p(``,!0),h(`div`,dt,[(v(),m(`svg`,{ref_key:`svgRef`,ref:Rn,xmlns:C(le),class:g({"vue-data-ui-fullscreen--on":Nr.value,"vue-data-ui-fulscreen--off":!Nr.value,"vue-data-ui-no-transition":!C(F)}),viewBox:`0 0 ${L.value} ${R.value}`,style:_(`max-width:100%;overflow:visible;background:transparent;color:${P.value.color}`),tabindex:`0`,"aria-describedby":`chart-instructions-${E.value}`,onFocus:ri,onBlur:ii,onKeydown:oi},[h(`g`,{ref_key:`G`,ref:_n,class:`vue-data-ui-g`},[qe(C($t)),x(e.$slots,`svg-underlayer`,{svg:{...Y.value,drawingArea:X.value,isPrintingImg:C(Vn)||C(Hn)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0),e.$slots[`chart-background`]?(v(),m(`foreignObject`,{key:0,x:0,y:0,width:L.value,height:R.value,style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,pt)):p(``,!0),h(`defs`,null,[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),f(Ie,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`vertical_bar_gradient_${E.value}_${t}`,key:`vertical_bar_gradient_${E.value}_${t}`,stops:[[`0%`,e.color,1],[`100%`,C(s)(C(te)(e.color,.03),100-j.value.gradientIntensity),1]]},null,8,[`id`,`stops`]))),128))]),e.$slots.pattern?(v(),m(`g`,mt,[(v(!0),m(u,null,b(G.value,t=>(v(),m(`defs`,null,[x(e.$slots,`pattern`,Xe({ref_for:!0},{seriesIndex:t.absoluteIndex,patternId:`pattern_${E.value}_${t.absoluteIndex}`}),void 0,!0)]))),256))])):p(``,!0),j.value.rowColor?(v(!0),m(u,{key:2},b(G.value,(e,t)=>(v(),m(`g`,{key:`row_${e.id}`},[h(`rect`,{x:0,y:X.value.top+(z.value+J.value)*t+q.value[t]*K.value,width:L.value,height:J.value<=0?1e-4:J.value,fill:j.value.rowColor,rx:j.value.rowRadius,style:{pointerEvents:`none`},class:g({"vue-data-ui-transition":C(F)})},null,10,ht)]))),128)):p(``,!0),(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,{key:`underlayer_${e.id}`},[h(`rect`,{x:C(l)(vr.value?X.value.left+X.value.width/2-(e.sign===1?0:Q(e.value)<=0?1e-4:Q(e.value)):X.value.left),y:X.value.top+(z.value+J.value)*t+q.value[t]*K.value,width:C(l)(Q(e.value)<=0?1e-4:Q(e.value)),height:J.value<=0?1e-4:J.value,fill:j.value.underlayerColor,rx:j.value.borderRadius,class:g({"vue-data-ui-transition":C(F)})},null,10,gt)]))),128)),(v(!0),m(u,null,b(G.value,(t,n)=>(v(),m(`g`,{key:`barloop_${t.id}`},[h(`rect`,{x:C(l)(vr.value?X.value.left+X.value.width/2-(t.sign===1?0:Q(t.value)<=0?1e-4:Q(t.value)):X.value.left),y:X.value.top+(z.value+J.value)*n+q.value[n]*K.value,width:C(l)(Q(t.value)<=0?1e-4:Q(t.value)),height:J.value<=0?1e-4:J.value,fill:j.value.useGradient?`url(#vertical_bar_gradient_${E.value}_${n})`:C(s)(t.color,j.value.fillOpacity),rx:j.value.borderRadius,stroke:j.value.useStroke?t.color:`none`,"stroke-width":j.value.useStroke?j.value.strokeWidth:0,class:g({"vue-data-ui-transition":C(F)})},null,10,_t),e.$slots.pattern?(v(),m(`rect`,{key:0,x:C(l)(vr.value?X.value.left+X.value.width/2-(t.sign===1?0:Q(t.value)<=0?1e-4:Q(t.value)):X.value.left),y:X.value.top+(z.value+J.value)*n+q.value[n]*K.value,width:C(l)(Q(t.value)<=0?1e-4:Q(t.value)),height:J.value<=0?1e-4:J.value,fill:`url(#pattern_${E.value}_${t.absoluteIndex})`,rx:j.value.borderRadius,stroke:j.value.useStroke?t.color:`none`,"stroke-width":j.value.useStroke?j.value.strokeWidth:0,class:g({"vue-data-ui-transition":C(F)})},null,10,vt)):p(``,!0),(!t.isChild||t.isLastChild)&&M.value.separators.show&&n!==G.value.length-1?(v(),m(`path`,{key:1,stroke:M.value.separators.color,"stroke-width":M.value.separators.strokeWidth,"stroke-linecap":`round`,class:g({"vue-data-ui-transition":C(F)}),d:`M${L.value}, ${J.value+z.value/2+X.value.top+(z.value+J.value)*n+q.value[n]*K.value} ${M.value.separators.fullWidth?0:X.value.left}, ${J.value+z.value/2+X.value.top+(z.value+J.value)*n+q.value[n]*K.value}`},null,10,yt)):p(``,!0),vr.value&&M.value.separators.show?(v(),m(`path`,{key:2,stroke:M.value.separators.color,"stroke-width":M.value.separators.strokeWidth,"stroke-linecap":`round`,class:g({"vue-data-ui-transition":C(F)}),d:`M${X.value.left+X.value.width/2}, ${X.value.top} ${X.value.left+X.value.width/2}, ${X.value.bottom}`},null,10,bt)):p(``,!0)]))),128)),h(`g`,{ref_key:`parentLabels`,ref:bn},[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,{key:`pn_${e.id}`,class:`vue-ui-horizontal-bar-parent-label`},[e.isChild&&e.childIndex===0&&j.value.parentLabels.show?(v(),m(`rect`,{key:0,class:g([`vue-ui-horizontal-bar-parent-marker`,{"vue-data-ui-transition":C(F)}]),x:2,y:xr(e,t).y-j.value.parentLabels.fontSize/1.5,height:j.value.parentLabels.fontSize/1.5,width:j.value.parentLabels.fontSize/1.5,rx:1,fill:e.color},null,10,xt)):p(``,!0),e.isChild&&e.childIndex===0&&j.value.parentLabels.show?(v(),m(`text`,{key:1,class:g({"vue-data-ui-transition":C(F)}),transform:`translate(${j.value.parentLabels.offsetX+j.value.parentLabels.fontSize}, ${xr(e,t).y})`,"font-size":j.value.parentLabels.fontSize,fill:j.value.parentLabels.color,"font-weight":j.value.parentLabels.bold?`bold`:`normal`,"text-anchor":`start`,innerHTML:C(o)({content:`${Cr(e,t)}`,fontSize:j.value.parentLabels.fontSize,fill:M.value.bars.parentLabels.color,x:0,y:0,translateY:!1})},null,10,St)):p(``,!0),e.isChild&&e.childIndex===0&&j.value.parentLabels.show?(v(),m(`text`,{key:2,class:g({"vue-data-ui-transition":C(F)}),transform:`translate(${j.value.parentLabels.offsetX+j.value.parentLabels.fontSize}, ${xr(e,t).y+C(de)(Cr(e,t))*j.value.parentLabels.fontSize*1.1})`,"font-size":j.value.parentLabels.fontSize,fill:j.value.parentLabels.color,"font-weight":j.value.dataLabels.bold?`bold`:`normal`,"text-anchor":`start`},S(wr(e,t)),11,Ct)):p(``,!0)]))),128))],512),h(`g`,{ref_key:`childLabels`,ref:xn},[(v(!0),m(u,null,b(er.value,(e,t)=>(v(),m(`g`,{key:`cl_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[(e.isChild||!e.hasChildren)&&j.value.nameLabels.show?(v(),m(`text`,{key:0,"text-anchor":`start`,class:g({"vue-data-ui-transition":C(F)}),transform:`translate(${Math.abs(j.value.nameLabels.offsetX)}, ${C(l)(X.value.top+(z.value+J.value)*t+J.value/2+j.value.nameLabels.fontSize/2+q.value[t]*K.value)})`,"font-size":j.value.nameLabels.fontSize,fill:`transparent`,"font-weight":j.value.nameLabels.bold?`bold`:`normal`,style:{"user-select":`none`},innerHTML:C(o)({content:e.name,fontSize:j.value.nameLabels.fontSize,fill:`transparent`,x:0,y:0,translateY:!0})},null,10,wt)):p(``,!0)]))),128))],512),h(`g`,null,[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,{key:`vislab_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[(e.isChild||!e.hasChildren)&&j.value.nameLabels.show?(v(),m(`text`,{key:0,class:g({"vue-data-ui-transition":C(F)}),"text-anchor":`end`,transform:`translate(${X.value.left+j.value.nameLabels.offsetX-6}, ${X.value.top+(z.value+J.value)*t+J.value/2+j.value.nameLabels.fontSize/3+q.value[t]*K.value})`,"font-size":j.value.nameLabels.fontSize,fill:j.value.nameLabels.color,"font-weight":j.value.nameLabels.bold?`bold`:`normal`,innerHTML:C(o)({content:e.name,fontSize:j.value.nameLabels.fontSize,fill:M.value.bars.nameLabels.color,x:0,y:0,translateY:!0})},null,10,Tt)):p(``,!0)]))),128))]),h(`g`,null,[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,{key:`sdl_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[h(`text`,{class:g({"vue-data-ui-transition":C(F)}),transform:`translate(${vr.value?X.value.left+X.value.width/2+(e.sign===1?-12:12)+(e.sign===1?-M.value.bars.dataLabels.offsetX:M.value.bars.dataLabels.offsetX):Math.min(br(e.value)+3+P.value.layout.bars.dataLabels.offsetX,X.value.right-2)},${X.value.top+(z.value+J.value)*t+J.value/2+q.value[t]*K.value+j.value.dataLabels.fontSize/3})`,"text-anchor":!vr.value||e.sign===-1?`start`:`end`,"font-size":j.value.dataLabels.fontSize,fill:j.value.dataLabels.color,"font-weight":j.value.dataLabels.bold?`bold`:`normal`},S(jr(e.value,e,t,e.sign)),11,Et)]))),128))]),(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,null,[h(`rect`,{x:0,y:X.value.top+(z.value+J.value)*t-z.value/2+q.value[t]*K.value,width:L.value,height:J.value+z.value<=0?1e-4:J.value+z.value,fill:Tr.value===e.id?C(s)(M.value.highlighter.color,M.value.highlighter.opacity):`transparent`,onMouseenter:n=>kr(e,t,`pointer`),onMouseleave:n=>Or({datapoint:e,seriesIndex:t}),onClick:n=>Dr({datapoint:e,seriesIndex:t})},null,40,Dt)]))),256)),x(e.$slots,`svg`,{svg:{...Y.value,drawingArea:X.value,isPrintingImg:C(Vn)||C(Hn)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0)],512)],46,ft)),e.$slots.hint?(v(),m(`div`,Ot,[x(e.$slots,`hint`,Qe(Ye({hint:A.value.a11y.translations.keyboardNavigation,isVisible:ni.value})),void 0,!0)])):p(``,!0)]),e.$slots.watermark?(v(),m(`div`,kt,[x(e.$slots,`watermark`,Qe(Ye({isPrinting:C(Vn)||C(Hn)||C(Xr)||C(Zr)})),void 0,!0)])):p(``,!0),e.$slots.legend&&P.value.legend.show&&P.value.legend.position===`bottom`?x(e.$slots,`legend`,{legend:U.value},void 0,!0,8):p(``,!0),!e.$slots.legend&&P.value.legend.show&&P.value.legend.position===`bottom`?(v(),m(`div`,{key:9,ref_key:`chartLegend`,ref:fn},[(v(),f(Ue,{key:`legend_bottom_${gn.value}`,legendSet:U.value,config:nr.value,isCursorPointer:I.value,onClickMarker:t[1]||=({legend:e})=>pr(e.id)},Ge({item:w(({legend:e,index:t})=>[h(`div`,{onClick:t=>pr(e.id),style:_(`opacity:${O.value.includes(e.id)?.5:1}`)},S(Ar({legend:e,index:t})),13,At)]),legendToggle:w(()=>[U.value.length>2&&P.value.legend.selectAllToggle.show&&!C(Mn)?(v(),f(Re,{key:0,backgroundColor:P.value.legend.selectAllToggle.backgroundColor,color:P.value.legend.selectAllToggle.color,fontSize:P.value.legend.fontSize,checked:O.value.length>0,isCursorPointer:I.value,onToggle:fr},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):p(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:w(({legend:e,index:t})=>[qe(Ne,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${E.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`]))],512)):p(``,!0),e.$slots.source?(v(),m(`div`,{key:10,ref_key:`source`,ref:pn,dir:`auto`},[x(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),qe(C(Yt),{teleportTo:N.value.teleportTo,show:H.value.showTooltip&&sn.value&&O.value.length<T.dataset.length,backgroundColor:N.value.backgroundColor,color:N.value.color,borderRadius:N.value.borderRadius,borderColor:N.value.borderColor,borderWidth:N.value.borderWidth,fontSize:N.value.fontSize,backgroundOpacity:N.value.backgroundOpacity,position:N.value.position,offsetX:N.value.offsetX,offsetY:N.value.offsetY,parent:D.value,content:cn.value,isFullscreen:Nr.value,isCustom:N.value.customFormat&&typeof N.value.customFormat==`function`,smooth:N.value.smooth,backdropFilter:N.value.backdropFilter,smoothForce:N.value.smoothForce,smoothSnapThreshold:N.value.smoothSnapThreshold,isA11yMode:On.value===`keyboard`,a11yPosition:Dn.value},{"tooltip-before":w(()=>[x(e.$slots,`tooltip-before`,Qe(Ye({...Er.value})),void 0,!0)]),tooltip:w(()=>[x(e.$slots,`tooltip`,Qe(Ye({...Er.value})),void 0,!0)]),"tooltip-after":w(()=>[x(e.$slots,`tooltip-after`,Qe(Ye({...Er.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`]),on.value&&A.value.userOptions.buttons.table?(v(),f(tt(Hr.value.component),Xe({key:11},Hr.value.props,{ref_key:`tableUnit`,ref:vn,onClose:Wr}),Ge({content:w(()=>[h(`div`,{ref_key:`tableContainer`,ref:qn,class:`vue-ui-vertical-bar-table atom-data-table`,style:_(`${A.value.table.useDialog?``:`max-height: 300px; margin-top: 24px`}`)},[h(`div`,jt,[A.value.table.useDialog?p(``,!0):(v(),m(`div`,{key:0,role:`button`,tabindex:`0`,style:_(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${I.value?`pointer`:`default`}; background:${A.value.table.th.backgroundColor};`),onClick:Wr,onKeypress:ot(Wr,[`enter`])},[qe(C(Xt),{name:`close`,stroke:A.value.table.th.color,"stroke-width":2},null,8,[`stroke`])],36)),h(`div`,{style:{width:`100%`,"container-type":`inline-size`},class:g({"vue-ui-responsive":C(Ur)})},[h(`table`,Mt,[A.value.table.useDialog?p(``,!0):(v(),m(`caption`,{key:0,style:_({backgroundColor:A.value.table.th.backgroundColor,color:A.value.table.th.color,outline:A.value.table.th.outline}),class:`vue-ui-data-table__caption`},[Ke(S(P.value.title.text)+` `,1),P.value.title.subtitle.text?(v(),m(`span`,Nt,S(P.value.title.subtitle.text),1)):p(``,!0)],4)),h(`thead`,null,[h(`tr`,{role:`row`,style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color}`)},[(v(!0),m(u,null,b($.value.head,e=>(v(),m(`th`,{style:_(`outline:${A.value.table.th.outline}`)},[h(`div`,Pt,S(e),1)],4))),256))],4),h(`tr`,null,[h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)},` ∑ `+S(A.value.table.td.prefix)+S(isNaN(Z.value)?``:Z.value.toFixed(A.value.table.td.roundingValue))+S(A.value.table.td.suffix),5),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)},` 100% `,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4)])]),h(`tbody`,null,[(v(!0),m(u,null,b($.value.body,(e,t)=>(v(),m(`tr`,{class:g({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":t%2==0,"vue-ui-data-table__tbody__row-odd":t%2!=0}),style:_(`background:${A.value.table.td.backgroundColor};color:${A.value.table.td.color}`)},[h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline};font-variant-numeric: tabular-nums;`),"data-cell":$.value.head[0]??``},[h(`div`,It,[e.color?(v(),m(`span`,{key:0,style:_(`color:${e.color};margin-right:3px`)},`⬤`,4)):p(``,!0),h(`span`,null,S(e.parentName),1)])],12,Ft),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[1]??``},[h(`div`,Rt,S(A.value.table.td.prefix)+S([``,NaN,void 0].includes(e.parentValue)?``:e.parentValue.toFixed(A.value.table.td.roundingValue))+S(A.value.table.td.suffix),1)],12,Lt),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[2]??``},[h(`div`,Bt,S([``,NaN,void 0].includes(e.percentageToTotal)?``:`${(e.percentageToTotal*100).toFixed(A.value.table.td.roundingPercentage)}%`),1)],12,zt),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[3]??``},[h(`div`,Ht,S(e.childName),1)],12,Vt),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[4]??``},[h(`div`,Wt,S(A.value.table.td.prefix)+S([``,NaN,void 0].includes(e.childValue)?``:e.childValue.toFixed(A.value.table.td.roundingValue))+S(A.value.table.td.suffix),1)],12,Ut),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[5]??``},[h(`div`,Kt,S([``,NaN,void 0].includes(e.childPercentageToParent)?``:`${(e.childPercentageToParent*100).toFixed(A.value.table.td.roundingPercentage)}%`),1)],12,Gt),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[6]??``},[h(`div`,Jt,S([``,NaN,void 0].includes(e.childPercentageToTotal)?``:`${(e.childPercentageToTotal*100).toFixed(A.value.table.td.roundingPercentage)}%`),1)],12,qt)],6))),256))])])],2)])],4)]),_:2},[A.value.table.useDialog?{name:`title`,fn:w(()=>[Ke(S(Hr.value.title),1)]),key:`0`}:void 0,A.value.table.useDialog?{name:`actions`,fn:w(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[2]||=e=>Mr(A.value.userOptions.callbacks.csv),style:_({cursor:I.value?`pointer`:`default`})},[qe(C(Xt),{name:`fileCsv`,stroke:Hr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),x(e.$slots,`skeleton`,{},()=>[C(Mn)?(v(),f(ge,{key:0})):p(``,!0)],!0)],46,ct))}},[[`__scopeId`,`data-v-955e19bd`]]);export{st as n,Yt as t};
|
|
4
|
+
</div>`,N.value.showValue&&(a+=`<div>${A.value.translations.value}: <b>${ie(j.value.dataLabels.value.formatter,e.sign===1?e.value:-e.value,n({p:N.value.prefix,v:e.sign===1?e.value:-e.value,s:N.value.suffix,r:N.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`),N.value.showPercentage&&(a+=`<div>${A.value.translations.percentageToTotal} : <b>${n({v:Math.abs(e.value)/Z.value*100,s:`%`,r:N.value.roundingPercentage})}</b></div>`,e.isChild&&(a+=`<div>${A.value.translations.percentageToSerie}: <b>${n({v:Math.abs(e.value)/Math.abs(e.parentValue)*100,s:`%`,r:N.value.roundingPercentage})}</b></div>`)),cn.value=`<div style="text-align:left">${a}</div>`)}function Ar({legend:e,index:t}){let r=P.value.legend;return r.showValue?`${e.name}: ${ie(j.value.dataLabels.value.formatter,e.value,n({p:r.prefix,v:e.value,s:r.suffix,r:r.roundingValue}),{datapoint:e,seriesIndex:t})}`:e.name}function jr(e,t,r,i){if(!j.value.dataLabels.value.show)return``;let a=ie(j.value.dataLabels.value.formatter,l(i===-1&&e>=0?-e:e),n({p:j.value.dataLabels.value.prefix,v:l(i===-1&&e>=0?-e:e),s:j.value.dataLabels.value.suffix,r:j.value.dataLabels.value.roundingValue}),{datapoint:t,seriesIndex:r}),o=`(${_r(e,!0,j.value.dataLabels.percentage.roundingPercentage)})`;return`${a}${j.value.dataLabels.percentage.show?` ${o}`:``}`}let $=d(()=>({head:[A.value.translations.parentName,A.value.translations.value,A.value.translations.percentageToTotal,A.value.translations.childName,A.value.translations.value,A.value.translations.percentageToSerie,A.value.translations.percentageToTotal],body:G.value.map(e=>e.isChild?e.isFirstChild?{color:e.color,parentName:e.parentName,parentValue:e.parentValue,percentageToTotal:e.parentValue/Z.value,childName:e.name,childValue:e.sign===1?e.value:-e.value,childPercentageToParent:Math.abs(e.value)/Math.abs(e.parentValue),childPercentageToTotal:Math.abs(e.value)/Z.value}:{color:``,parentName:``,parentValue:``,percentageToTotal:``,childName:e.name,childValue:e.sign===1?e.value:-e.value,childPercentageToParent:Math.abs(e.value)/Math.abs(e.parentValue),childPercentageToTotal:Math.abs(e.value)/Z.value}:{color:e.color,parentName:e.name,parentValue:e.sign===1?e.value:-e.value,percentageToTotal:Math.abs(e.value)/Z.value,childName:``,childValue:``,childPercentageToParent:``,childPercentageToTotal:``})}));function Mr(e=null){let t=[[P.value.title.text],[P.value.title.subtitle.text],[``]],n=$.value.head,i=$.value.body.map(e=>[e.parentName,e.parentValue,e.percentageToTotal,e.childName,e.childValue,e.childPercentageToParent,e.childPercentageToTotal]),a=t.concat([n]).concat(i),o=r(a);e?e(o):se({csvContent:o,title:P.value.title.text||`vue-ui-vertical-bar`})}let Nr=y(!1);function Pr(e){Nr.value=e,un.value+=1}function Fr(){H.value.showTable=!H.value.showTable}et(()=>{[`none`,`asc`,`desc`].includes(j.value.sort)||re({componentName:`VueUiVerticalBar`,type:`attributeWrongValue`,property:`style.chart.layout.bars.sort`,key:j.value.sort}),Cn.value=Sn.value[j.value.sort]??0});function Ir(){Cn.value+=1,Cn.value>2&&(Cn.value=0)}function Lr(){Ir()}function Rr(){H.value.showTooltip=!H.value.showTooltip}let zr=y(!1);function Br(){zr.value=!zr.value}let Vr=Se(D,()=>P.value.title.text),Hr=d(()=>Ee({config:A,style:P,mutableConfig:H,dialog:en,accordion:Le,isFullscreen:Nr,parent:D,maxWidth:800,isCursorPointer:I}));at(()=>H.value.showTable,e=>Te(e,A,vn));let{isResponsive:Ur}=He(qn,Jn);function Wr(){H.value.showTable=!1,yn.value&&yn.value.setTableIconState(!1)}let Gr=d(()=>U.value.map((e,t)=>({...e,shape:`square`,display:`${e.name}: ${ie(j.value.dataLabels.value.formatter,e.value,n({p:P.value.legend.prefix,v:e.value,s:P.value.legend.suffix,r:P.value.legend.roundingValue}),{datapoint:e,seriesIndex:t})}`}))),Kr=d(()=>P.value.backgroundColor),qr=d(()=>P.value.legend),Jr=d(()=>P.value.title),Yr=d(()=>Gr.value.map(e=>({...e,name:e.display}))),{isCallbackImaging:Xr,isCallbackSvg:Zr,generateSvg:Qr,onGenerateImage:$r}=we({svg:Rn,title:Jr,legend:qr,legendItems:Yr,backgroundColor:Kr,getSvgCallback:()=>A.value.userOptions.callbacks.svg,generateImage:Wn});function ei(){console.warn(`[autoSize]: this legacy method can be safely removed as it has no impact.`)}async function ti(){kn(`copyAlt`,{config:A.value,dataset:W.value}),A.value.userOptions.callbacks.altCopy?await Promise.resolve(A.value.userOptions.callbacks.altCopy({config:A.value,dataset:W.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}let ni=y(!1);function ri(){k.value=null,ni.value=!0}function ii(){k.value=null,sn.value=!1,ni.value=!1}function ai(){if(k.value===null)return;let e=G.value[k.value];e&&Or({datapoint:e,seriesIndex:k.value}),k.value=null,On.value=`pointer`}function oi(e){if(!Rn.value||zr.value||document.activeElement!==Rn.value)return;let t=e.key===`ArrowRight`||e.key===`ArrowDown`,n=e.key===`ArrowLeft`||e.key===`ArrowUp`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;let a=G.value.length;if(!a)return;if(e.preventDefault(),e.stopPropagation(),i){ai();return}if(r){if(k.value===null)return;let e=G.value[k.value];if(!e)return;Dr({datapoint:e,seriesIndex:k.value});return}let o=k.value,s=ln.value?G.value.findIndex(e=>e.id===ln.value.id):null;o!==null&&o>=0&&o<a?t?(o+=1,o>=a&&(o=0)):n&&(--o,o<0&&(o=a-1)):s!==null&&s>=0&&s<a?(o=t?s+1:s-1,o>=a&&(o=0),o<0&&(o=a-1)):o=t?0:a-1;let c=G.value[o];c&&(k.value=o,si(c),kr(c,o,`keyboard`))}function si(e){if(!e)return;let t=X.value.right,n=X.value.top+(z.value+J.value)*e.absoluteIndex+q.value[e.absoluteIndex]*K.value;if(!Number.isFinite(t)||!Number.isFinite(n))return;let r=ue(t,n,Rn.value);r&&(Dn.value=r)}let ci=d(()=>({head:$.value.head,body:$.value.body.map(e=>[e.parentName,e.parentValue===``?``:n({v:e.parentValue,r:j.value.dataLabels.value.roundingValue,p:j.value.dataLabels.prefix,s:j.value.dataLabels.suffix}),e.percentageToTotal===``?``:n({v:e.percentageToTotal*100,r:j.value.dataLabels.percentage.roundingPercentage,s:`%`}),e.childName,e.childValue===``?``:n({v:e.childValue,r:j.value.dataLabels.value.roundingValue,p:j.value.dataLabels.prefix,s:j.value.dataLabels.suffix}),e.childPercentageToParent===``?``:n({v:e.childPercentageToParent*100,r:j.value.dataLabels.percentage.roundingPercentage,s:`%`}),e.childPercentageToTotal===``?``:n({v:e.childPercentageToTotal*100,r:j.value.dataLabels.percentage.roundingPercentage,s:`%`})]),caption:A.value.a11y.translations.tableCaption,notice:A.value.a11y.translations.tableAvailable}));return ye({autoSize:ei,getData:Sr,getImage:Vr,generatePdf:Un,generateCsv:Mr,generateImage:Wn,generateSvg:Qr,hideSeries:gr,showSeries:hr,toggleTable:Fr,toggleSort:Lr,toggleTooltip:Rr,toggleAnnotator:Br,toggleFullscreen:Pr,copyAlt:ti}),(e,t)=>(v(),m(`div`,{class:g(`vue-data-ui-component vue-ui-vertical-bar ${Nr.value?`vue-data-ui-wrapper-fullscreen`:``} ${A.value.useCssAnimation?``:`vue-ui-dna`} ${A.value.responsive?`vue-ui-vertical-bar-autosize`:``}`),ref_key:`verticalBarChart`,ref:D,id:`vue-ui-vertical-bar_${E.value}`,style:_(`font-family:${A.value.style.fontFamily};width:100%; text-align:center;background:${P.value.backgroundColor};height:100%`),onMouseenter:t[3]||=()=>C(In)(!0),onMouseleave:t[4]||=()=>C(In)(!1)},[h(`p`,{id:`chart-instructions-${E.value}`,class:`sr-only`},S(A.value.a11y.translations.keyboardNavigation),9,lt),ci.value.body.length?(v(),f(ze,{key:0,uid:E.value,head:ci.value.head,body:ci.value.body,caption:ci.value.caption,notice:ci.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):p(``,!0),A.value.userOptions.buttons.annotator?(v(),f(C(Zt),{key:1,svgRef:C(Rn),backgroundColor:P.value.backgroundColor,color:P.value.color,active:zr.value,isCursorPointer:I.value,palette:A.value.userOptions.annotatorPalette,onClose:Br},Ge({_:2},[b(C(Oe),t=>({name:t,fn:w(n=>[x(e.$slots,t,Qe(Ye(C(De)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),Gn.value?(v(),m(`div`,{key:2,ref_key:`noTitle`,ref:mn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),P.value.title.text?(v(),m(`div`,{key:3,ref_key:`chartTitle`,ref:dn,style:`width:100%;background:transparent;padding-bottom:12px`},[(v(),f(Ce,{key:`title_${hn.value}`,config:{title:{cy:`vertical-bar-div-title`,...P.value.title},subtitle:{cy:`vertical-bar-div-subtitle`,...P.value.title.subtitle}}},null,8,[`config`]))],512)):p(``,!0),A.value.userOptions.show&&on.value&&(C(Ln)||C(Fn))?(v(),f(C(Qt),{ref_key:`userOptionsRef`,ref:yn,backgroundColor:P.value.backgroundColor,color:P.value.color,key:`user_options_${un.value}`,isImaging:C(Hn),isPrinting:C(Vn),uid:E.value,hasTooltip:A.value.userOptions.buttons.tooltip&&N.value.show,hasPdf:A.value.userOptions.buttons.pdf,hasImg:A.value.userOptions.buttons.img,hasSvg:A.value.userOptions.buttons.svg,hasXls:A.value.userOptions.buttons.csv,hasTable:A.value.userOptions.buttons.table,hasSort:A.value.userOptions.buttons.sort,hasFullscreen:A.value.userOptions.buttons.fullscreen,hasAltCopy:A.value.userOptions.buttons.altCopy,isFullscreen:Nr.value,isTooltip:H.value.showTooltip,titles:{...A.value.userOptions.buttonTitles},chartElement:D.value,position:A.value.userOptions.position,hasAnnotator:A.value.userOptions.buttons.annotator,isAnnotation:zr.value,callbacks:A.value.userOptions.callbacks,printScale:A.value.userOptions.print.scale,tableDialog:A.value.table.useDialog,isCursorPointer:I.value,onToggleFullscreen:Pr,onGeneratePdf:C(Un),onGenerateCsv:Mr,onGenerateImage:C($r),onGenerateSvg:C(Qr),onToggleTable:Fr,onToggleSort:Lr,onToggleTooltip:Rr,onToggleAnnotator:Br,onCopyAlt:ti,style:_({visibility:C(Ln)?C(Fn)?`visible`:`hidden`:`visible`})},Ge({_:2},[b(C(ke)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionSort optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:w(n=>[x(e.$slots,t,Qe(Ye(C(Ae)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasSort.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),e.$slots.legend&&P.value.legend.show&&P.value.legend.position===`top`?x(e.$slots,`legend`,{legend:U.value},void 0,!0,5):p(``,!0),!e.$slots.legend&&P.value.legend.show&&P.value.legend.position===`top`?(v(),m(`div`,{key:6,ref_key:`chartLegend`,ref:fn},[(v(),f(Ue,{key:`legend_top_${gn.value}`,legendSet:U.value,config:nr.value,onClickMarker:t[0]||=({legend:e})=>pr(e.id)},Ge({item:w(({legend:e,index:t})=>[h(`div`,{onClick:t=>pr(e.id),style:_(`opacity:${O.value.includes(e.id)?.5:1}`)},S(Ar({legend:e,index:t})),13,ut)]),legendToggle:w(()=>[U.value.length>2&&P.value.legend.selectAllToggle.show&&!C(Mn)?(v(),f(Re,{key:0,backgroundColor:P.value.legend.selectAllToggle.backgroundColor,color:P.value.legend.selectAllToggle.color,fontSize:P.value.legend.fontSize,checked:O.value.length>0,onToggle:fr},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`])):p(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:w(({legend:e,index:t})=>[qe(Ne,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${E.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`]))],512)):p(``,!0),h(`div`,dt,[(v(),m(`svg`,{ref_key:`svgRef`,ref:Rn,xmlns:C(le),class:g({"vue-data-ui-fullscreen--on":Nr.value,"vue-data-ui-fulscreen--off":!Nr.value,"vue-data-ui-no-transition":!C(F)}),viewBox:`0 0 ${L.value} ${R.value}`,style:_(`max-width:100%;overflow:visible;background:transparent;color:${P.value.color}`),tabindex:`0`,"aria-describedby":`chart-instructions-${E.value}`,onFocus:ri,onBlur:ii,onKeydown:oi},[h(`g`,{ref_key:`G`,ref:_n,class:`vue-data-ui-g`},[qe(C($t)),x(e.$slots,`svg-underlayer`,{svg:{...Y.value,drawingArea:X.value,isPrintingImg:C(Vn)||C(Hn)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0),e.$slots[`chart-background`]?(v(),m(`foreignObject`,{key:0,x:0,y:0,width:L.value,height:R.value,style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,pt)):p(``,!0),h(`defs`,null,[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),f(Ie,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`vertical_bar_gradient_${E.value}_${t}`,key:`vertical_bar_gradient_${E.value}_${t}`,stops:[[`0%`,e.color,1],[`100%`,C(s)(C(te)(e.color,.03),100-j.value.gradientIntensity),1]]},null,8,[`id`,`stops`]))),128))]),e.$slots.pattern?(v(),m(`g`,mt,[(v(!0),m(u,null,b(G.value,t=>(v(),m(`defs`,null,[x(e.$slots,`pattern`,Xe({ref_for:!0},{seriesIndex:t.absoluteIndex,patternId:`pattern_${E.value}_${t.absoluteIndex}`}),void 0,!0)]))),256))])):p(``,!0),j.value.rowColor?(v(!0),m(u,{key:2},b(G.value,(e,t)=>(v(),m(`g`,{key:`row_${e.id}`},[h(`rect`,{x:0,y:X.value.top+(z.value+J.value)*t+q.value[t]*K.value,width:L.value,height:J.value<=0?1e-4:J.value,fill:j.value.rowColor,rx:j.value.rowRadius,style:{pointerEvents:`none`},class:g({"vue-data-ui-transition":C(F)})},null,10,ht)]))),128)):p(``,!0),(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,{key:`underlayer_${e.id}`},[h(`rect`,{x:C(l)(vr.value?X.value.left+X.value.width/2-(e.sign===1?0:Q(e.value)<=0?1e-4:Q(e.value)):X.value.left),y:X.value.top+(z.value+J.value)*t+q.value[t]*K.value,width:C(l)(Q(e.value)<=0?1e-4:Q(e.value)),height:J.value<=0?1e-4:J.value,fill:j.value.underlayerColor,rx:j.value.borderRadius,class:g({"vue-data-ui-transition":C(F)})},null,10,gt)]))),128)),(v(!0),m(u,null,b(G.value,(t,n)=>(v(),m(`g`,{key:`barloop_${t.id}`},[h(`rect`,{x:C(l)(vr.value?X.value.left+X.value.width/2-(t.sign===1?0:Q(t.value)<=0?1e-4:Q(t.value)):X.value.left),y:X.value.top+(z.value+J.value)*n+q.value[n]*K.value,width:C(l)(Q(t.value)<=0?1e-4:Q(t.value)),height:J.value<=0?1e-4:J.value,fill:j.value.useGradient?`url(#vertical_bar_gradient_${E.value}_${n})`:C(s)(t.color,j.value.fillOpacity),rx:j.value.borderRadius,stroke:j.value.useStroke?t.color:`none`,"stroke-width":j.value.useStroke?j.value.strokeWidth:0,class:g({"vue-data-ui-transition":C(F)})},null,10,_t),e.$slots.pattern?(v(),m(`rect`,{key:0,x:C(l)(vr.value?X.value.left+X.value.width/2-(t.sign===1?0:Q(t.value)<=0?1e-4:Q(t.value)):X.value.left),y:X.value.top+(z.value+J.value)*n+q.value[n]*K.value,width:C(l)(Q(t.value)<=0?1e-4:Q(t.value)),height:J.value<=0?1e-4:J.value,fill:`url(#pattern_${E.value}_${t.absoluteIndex})`,rx:j.value.borderRadius,stroke:j.value.useStroke?t.color:`none`,"stroke-width":j.value.useStroke?j.value.strokeWidth:0,class:g({"vue-data-ui-transition":C(F)})},null,10,vt)):p(``,!0),(!t.isChild||t.isLastChild)&&M.value.separators.show&&n!==G.value.length-1?(v(),m(`path`,{key:1,stroke:M.value.separators.color,"stroke-width":M.value.separators.strokeWidth,"stroke-linecap":`round`,class:g({"vue-data-ui-transition":C(F)}),d:`M${L.value}, ${J.value+z.value/2+X.value.top+(z.value+J.value)*n+q.value[n]*K.value} ${M.value.separators.fullWidth?0:X.value.left}, ${J.value+z.value/2+X.value.top+(z.value+J.value)*n+q.value[n]*K.value}`},null,10,yt)):p(``,!0),vr.value&&M.value.separators.show?(v(),m(`path`,{key:2,stroke:M.value.separators.color,"stroke-width":M.value.separators.strokeWidth,"stroke-linecap":`round`,class:g({"vue-data-ui-transition":C(F)}),d:`M${X.value.left+X.value.width/2}, ${X.value.top} ${X.value.left+X.value.width/2}, ${X.value.bottom}`},null,10,bt)):p(``,!0)]))),128)),h(`g`,{ref_key:`parentLabels`,ref:bn},[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,{key:`pn_${e.id}`,class:`vue-ui-horizontal-bar-parent-label`},[e.isChild&&e.childIndex===0&&j.value.parentLabels.show?(v(),m(`rect`,{key:0,class:g([`vue-ui-horizontal-bar-parent-marker`,{"vue-data-ui-transition":C(F)}]),x:2,y:xr(e,t).y-j.value.parentLabels.fontSize/1.5,height:j.value.parentLabels.fontSize/1.5,width:j.value.parentLabels.fontSize/1.5,rx:1,fill:e.color},null,10,xt)):p(``,!0),e.isChild&&e.childIndex===0&&j.value.parentLabels.show?(v(),m(`text`,{key:1,class:g({"vue-data-ui-transition":C(F)}),transform:`translate(${j.value.parentLabels.offsetX+j.value.parentLabels.fontSize}, ${xr(e,t).y})`,"font-size":j.value.parentLabels.fontSize,fill:j.value.parentLabels.color,"font-weight":j.value.parentLabels.bold?`bold`:`normal`,"text-anchor":`start`,innerHTML:C(o)({content:`${Cr(e,t)}`,fontSize:j.value.parentLabels.fontSize,fill:M.value.bars.parentLabels.color,x:0,y:0,translateY:!1})},null,10,St)):p(``,!0),e.isChild&&e.childIndex===0&&j.value.parentLabels.show?(v(),m(`text`,{key:2,class:g({"vue-data-ui-transition":C(F)}),transform:`translate(${j.value.parentLabels.offsetX+j.value.parentLabels.fontSize}, ${xr(e,t).y+C(de)(Cr(e,t))*j.value.parentLabels.fontSize*1.1})`,"font-size":j.value.parentLabels.fontSize,fill:j.value.parentLabels.color,"font-weight":j.value.dataLabels.bold?`bold`:`normal`,"text-anchor":`start`},S(wr(e,t)),11,Ct)):p(``,!0)]))),128))],512),h(`g`,{ref_key:`childLabels`,ref:xn},[(v(!0),m(u,null,b(er.value,(e,t)=>(v(),m(`g`,{key:`cl_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[(e.isChild||!e.hasChildren)&&j.value.nameLabels.show?(v(),m(`text`,{key:0,"text-anchor":`start`,class:g({"vue-data-ui-transition":C(F)}),transform:`translate(${Math.abs(j.value.nameLabels.offsetX)}, ${C(l)(X.value.top+(z.value+J.value)*t+J.value/2+j.value.nameLabels.fontSize/2+q.value[t]*K.value)})`,"font-size":j.value.nameLabels.fontSize,fill:`transparent`,"font-weight":j.value.nameLabels.bold?`bold`:`normal`,style:{"user-select":`none`},innerHTML:C(o)({content:e.name,fontSize:j.value.nameLabels.fontSize,fill:`transparent`,x:0,y:0,translateY:!0})},null,10,wt)):p(``,!0)]))),128))],512),h(`g`,null,[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,{key:`vislab_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[(e.isChild||!e.hasChildren)&&j.value.nameLabels.show?(v(),m(`text`,{key:0,class:g({"vue-data-ui-transition":C(F)}),"text-anchor":`end`,transform:`translate(${X.value.left+j.value.nameLabels.offsetX-6}, ${X.value.top+(z.value+J.value)*t+J.value/2+j.value.nameLabels.fontSize/3+q.value[t]*K.value})`,"font-size":j.value.nameLabels.fontSize,fill:j.value.nameLabels.color,"font-weight":j.value.nameLabels.bold?`bold`:`normal`,innerHTML:C(o)({content:e.name,fontSize:j.value.nameLabels.fontSize,fill:M.value.bars.nameLabels.color,x:0,y:0,translateY:!0})},null,10,Tt)):p(``,!0)]))),128))]),h(`g`,null,[(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,{key:`sdl_${e.id}`,class:`vue-ui-horizontal-bar-child-label`},[h(`text`,{class:g({"vue-data-ui-transition":C(F)}),transform:`translate(${vr.value?X.value.left+X.value.width/2+(e.sign===1?-12:12)+(e.sign===1?-M.value.bars.dataLabels.offsetX:M.value.bars.dataLabels.offsetX):Math.min(br(e.value)+3+P.value.layout.bars.dataLabels.offsetX,X.value.right-2)},${X.value.top+(z.value+J.value)*t+J.value/2+q.value[t]*K.value+j.value.dataLabels.fontSize/3})`,"text-anchor":!vr.value||e.sign===-1?`start`:`end`,"font-size":j.value.dataLabels.fontSize,fill:j.value.dataLabels.color,"font-weight":j.value.dataLabels.bold?`bold`:`normal`},S(jr(e.value,e,t,e.sign)),11,Et)]))),128))]),(v(!0),m(u,null,b(G.value,(e,t)=>(v(),m(`g`,null,[h(`rect`,{x:0,y:X.value.top+(z.value+J.value)*t-z.value/2+q.value[t]*K.value,width:L.value,height:J.value+z.value<=0?1e-4:J.value+z.value,fill:Tr.value===e.id?C(s)(M.value.highlighter.color,M.value.highlighter.opacity):`transparent`,onMouseenter:n=>kr(e,t,`pointer`),onMouseleave:n=>Or({datapoint:e,seriesIndex:t}),onClick:n=>Dr({datapoint:e,seriesIndex:t})},null,40,Dt)]))),256)),x(e.$slots,`svg`,{svg:{...Y.value,drawingArea:X.value,isPrintingImg:C(Vn)||C(Hn)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0)],512)],46,ft)),e.$slots.hint?(v(),m(`div`,Ot,[x(e.$slots,`hint`,Qe(Ye({hint:A.value.a11y.translations.keyboardNavigation,isVisible:ni.value})),void 0,!0)])):p(``,!0)]),e.$slots.watermark?(v(),m(`div`,kt,[x(e.$slots,`watermark`,Qe(Ye({isPrinting:C(Vn)||C(Hn)||C(Xr)||C(Zr)})),void 0,!0)])):p(``,!0),e.$slots.legend&&P.value.legend.show&&P.value.legend.position===`bottom`?x(e.$slots,`legend`,{legend:U.value},void 0,!0,8):p(``,!0),!e.$slots.legend&&P.value.legend.show&&P.value.legend.position===`bottom`?(v(),m(`div`,{key:9,ref_key:`chartLegend`,ref:fn},[(v(),f(Ue,{key:`legend_bottom_${gn.value}`,legendSet:U.value,config:nr.value,isCursorPointer:I.value,onClickMarker:t[1]||=({legend:e})=>pr(e.id)},Ge({item:w(({legend:e,index:t})=>[h(`div`,{onClick:t=>pr(e.id),style:_(`opacity:${O.value.includes(e.id)?.5:1}`)},S(Ar({legend:e,index:t})),13,At)]),legendToggle:w(()=>[U.value.length>2&&P.value.legend.selectAllToggle.show&&!C(Mn)?(v(),f(Re,{key:0,backgroundColor:P.value.legend.selectAllToggle.backgroundColor,color:P.value.legend.selectAllToggle.color,fontSize:P.value.legend.fontSize,checked:O.value.length>0,isCursorPointer:I.value,onToggle:fr},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):p(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:w(({legend:e,index:t})=>[qe(Ne,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${E.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`]))],512)):p(``,!0),e.$slots.source?(v(),m(`div`,{key:10,ref_key:`source`,ref:pn,dir:`auto`},[x(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),qe(C(Yt),{teleportTo:N.value.teleportTo,show:H.value.showTooltip&&sn.value&&O.value.length<T.dataset.length,backgroundColor:N.value.backgroundColor,color:N.value.color,borderRadius:N.value.borderRadius,borderColor:N.value.borderColor,borderWidth:N.value.borderWidth,fontSize:N.value.fontSize,backgroundOpacity:N.value.backgroundOpacity,position:N.value.position,offsetX:N.value.offsetX,offsetY:N.value.offsetY,parent:D.value,content:cn.value,isFullscreen:Nr.value,isCustom:N.value.customFormat&&typeof N.value.customFormat==`function`,smooth:N.value.smooth,backdropFilter:N.value.backdropFilter,smoothForce:N.value.smoothForce,smoothSnapThreshold:N.value.smoothSnapThreshold,isA11yMode:On.value===`keyboard`,a11yPosition:Dn.value},{"tooltip-before":w(()=>[x(e.$slots,`tooltip-before`,Qe(Ye({...Er.value})),void 0,!0)]),tooltip:w(()=>[x(e.$slots,`tooltip`,Qe(Ye({...Er.value})),void 0,!0)]),"tooltip-after":w(()=>[x(e.$slots,`tooltip-after`,Qe(Ye({...Er.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`]),on.value&&A.value.userOptions.buttons.table?(v(),f(tt(Hr.value.component),Xe({key:11},Hr.value.props,{ref_key:`tableUnit`,ref:vn,onClose:Wr}),Ge({content:w(()=>[h(`div`,{ref_key:`tableContainer`,ref:qn,class:`vue-ui-vertical-bar-table atom-data-table`,style:_(`${A.value.table.useDialog?``:`max-height: 300px; margin-top: 24px`}`)},[h(`div`,jt,[A.value.table.useDialog?p(``,!0):(v(),m(`div`,{key:0,role:`button`,tabindex:`0`,style:_(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${I.value?`pointer`:`default`}; background:${A.value.table.th.backgroundColor};`),onClick:Wr,onKeypress:ot(Wr,[`enter`])},[qe(C(Xt),{name:`close`,stroke:A.value.table.th.color,"stroke-width":2},null,8,[`stroke`])],36)),h(`div`,{style:{width:`100%`,"container-type":`inline-size`},class:g({"vue-ui-responsive":C(Ur)})},[h(`table`,Mt,[A.value.table.useDialog?p(``,!0):(v(),m(`caption`,{key:0,style:_({backgroundColor:A.value.table.th.backgroundColor,color:A.value.table.th.color,outline:A.value.table.th.outline}),class:`vue-ui-data-table__caption`},[Ke(S(P.value.title.text)+` `,1),P.value.title.subtitle.text?(v(),m(`span`,Nt,S(P.value.title.subtitle.text),1)):p(``,!0)],4)),h(`thead`,null,[h(`tr`,{role:`row`,style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color}`)},[(v(!0),m(u,null,b($.value.head,e=>(v(),m(`th`,{style:_(`outline:${A.value.table.th.outline}`)},[h(`div`,Pt,S(e),1)],4))),256))],4),h(`tr`,null,[h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)},` ∑ `+S(A.value.table.td.prefix)+S(isNaN(Z.value)?``:Z.value.toFixed(A.value.table.td.roundingValue))+S(A.value.table.td.suffix),5),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)},` 100% `,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4),h(`th`,{style:_(`background:${A.value.table.th.backgroundColor};color:${A.value.table.th.color};outline:${A.value.table.th.outline}`)},null,4)])]),h(`tbody`,null,[(v(!0),m(u,null,b($.value.body,(e,t)=>(v(),m(`tr`,{class:g({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":t%2==0,"vue-ui-data-table__tbody__row-odd":t%2!=0}),style:_(`background:${A.value.table.td.backgroundColor};color:${A.value.table.td.color}`)},[h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline};font-variant-numeric: tabular-nums;`),"data-cell":$.value.head[0]??``},[h(`div`,It,[e.color?(v(),m(`span`,{key:0,style:_(`color:${e.color};margin-right:3px`)},`⬤`,4)):p(``,!0),h(`span`,null,S(e.parentName),1)])],12,Ft),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[1]??``},[h(`div`,Rt,S(A.value.table.td.prefix)+S([``,NaN,void 0].includes(e.parentValue)?``:e.parentValue.toFixed(A.value.table.td.roundingValue))+S(A.value.table.td.suffix),1)],12,Lt),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[2]??``},[h(`div`,Bt,S([``,NaN,void 0].includes(e.percentageToTotal)?``:`${(e.percentageToTotal*100).toFixed(A.value.table.td.roundingPercentage)}%`),1)],12,zt),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[3]??``},[h(`div`,Ht,S(e.childName),1)],12,Vt),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[4]??``},[h(`div`,Wt,S(A.value.table.td.prefix)+S([``,NaN,void 0].includes(e.childValue)?``:e.childValue.toFixed(A.value.table.td.roundingValue))+S(A.value.table.td.suffix),1)],12,Ut),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[5]??``},[h(`div`,Kt,S([``,NaN,void 0].includes(e.childPercentageToParent)?``:`${(e.childPercentageToParent*100).toFixed(A.value.table.td.roundingPercentage)}%`),1)],12,Gt),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${A.value.table.td.outline}`),"data-cell":$.value.head[6]??``},[h(`div`,Jt,S([``,NaN,void 0].includes(e.childPercentageToTotal)?``:`${(e.childPercentageToTotal*100).toFixed(A.value.table.td.roundingPercentage)}%`),1)],12,qt)],6))),256))])])],2)])],4)]),_:2},[A.value.table.useDialog?{name:`title`,fn:w(()=>[Ke(S(Hr.value.title),1)]),key:`0`}:void 0,A.value.table.useDialog?{name:`actions`,fn:w(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[2]||=e=>Mr(A.value.userOptions.callbacks.csv),style:_({cursor:I.value?`pointer`:`default`})},[qe(C(Xt),{name:`fileCsv`,stroke:Hr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),x(e.$slots,`skeleton`,{},()=>[C(Mn)?(v(),f(ge,{key:0})):p(``,!0)],!0)],46,ct))}},[[`__scopeId`,`data-v-355fab40`]]);export{st as n,Yt as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,X as r,i}from"./lib-rPeBMZrn.js";import{n as a,t as o}from"./useHints-
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,X as r,i}from"./lib-rPeBMZrn.js";import{n as a,t as o}from"./useHints-C-TwxM0Y.js";import{t as s}from"./useNestedProp-DnGoh-XS.js";import{t as c}from"./usePrefersMotion-XLHwega2.js";import{Fragment as l,computed as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createTextVNode as m,createVNode as h,defineAsyncComponent as g,normalizeClass as _,normalizeStyle as v,onMounted as y,openBlock as b,ref as x,renderSlot as S,toDisplayString as C,unref as w,useSlots as T,watch as E}from"vue";var D=/* @__PURE__ */ e({default:()=>j}),O=[`aria-labelledby`],k=[`id`],A=[`aria-label`],j={__name:`vue-ui-kpi`,props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(e){let D=g(()=>import(`./vue-ui-digits-AoPCgSfP.js`).then(e=>e.n)),{vue_ui_kpi:j}=t(),M=c(),N=e,P=u({get:()=>R(),set:e=>e});a({config:()=>P.value,dataset:()=>N.dataset,component:`VueUiKpi`,rules:[o.noHint]});let F=T(),I=u(()=>P.value.debug),L=x(r());y(()=>{F[`chart-background`]&&I.value&&console.warn(`VueUiKpi does not support the #chart-background slot.`)});function R(){return s({userConfig:N.config,defaultConfig:j})}E(()=>N.config,e=>{P.value=R(),H()},{deep:!0});let z=x((N.dataset,N.dataset)),B=x(P.value.useAnimation?P.value.animationValueStart:z.value),V=e=>{let t=P.value.animationFrames,n=Math.abs(e-B.value)/t;function r(){B.value<e?B.value=Math.min(B.value+n,e):B.value>e&&(B.value=Math.max(B.value-n,e)),B.value!==e&&requestAnimationFrame(r)}r()};y(()=>{H()});function H(){P.value.useAnimation&&!M.value?(B.value=P.value.animationValueStart,V(N.dataset)):B.value=N.dataset}return E(()=>N.dataset,e=>{P.value.useAnimation&&!M.value?V(e):B.value=e}),(t,r)=>(b(),f(`div`,{class:_(`vue-data-ui-component vue-ui-kpi ${P.value.layoutClass}`),style:v(`background:${P.value.backgroundColor}; ${P.value.layoutCss}`),"aria-labelledby":`kpi-title-${L.value}`},[P.value.title||t.$slots.title?(b(),f(`div`,{key:0,class:_(`vue-ui-kpi-title ${P.value.titleClass}`),style:v(`font-family: ${P.value.fontFamily}; font-size:${P.value.titleFontSize}px; color:${P.value.titleColor}; font-weight:${P.value.titleBold?`bold`:`normal`}; ${P.value.titleCss}`),id:`kpi-title-${L.value}`},[S(t.$slots,`title`,{comment:e.dataset}),m(` `+C(P.value.title),1)],14,k)):d(``,!0),S(t.$slots,`comment-before`,{comment:e.dataset}),p(`div`,{class:_(`vue-ui-kpi-value ${P.value.valueClass}`),style:v(`font-family: ${P.value.fontFamily}; font-size:${P.value.valueFontSize}px; color:${P.value.valueColor}; font-weight:${P.value.valueBold?`bold`:`normal`}; ${P.value.valueCss}`),role:`status`,"aria-live":`polite`,"aria-atomic":`true`,"aria-label":B.value.toFixed(P.value.valueRounding)},[S(t.$slots,`value`,{comment:e.dataset}),P.value.analogDigits.show?(b(),f(`div`,{key:0,style:v({height:P.value.analogDigits.height+`px`})},[h(w(D),{dataset:Number(B.value.toFixed(P.value.valueRounding)),config:{backgroundColor:P.value.backgroundColor,digits:{color:P.value.analogDigits.color,skeletonColor:P.value.analogDigits.skeletonColor}}},null,8,[`dataset`,`config`])],4)):(b(),f(l,{key:1},[m(C(w(i)(P.value.formatter,B.value,w(n)({p:P.value.prefix,v:B.value,s:P.value.suffix,r:P.value.valueRounding}))),1)],64))],14,A),S(t.$slots,`comment-after`,{comment:e.dataset})],14,O))}};export{D as n,j as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{t as n}from"./lib-rPeBMZrn.js";import{n as r,t as i}from"./useHints-
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{t as n}from"./lib-rPeBMZrn.js";import{n as r,t as i}from"./useHints-C-TwxM0Y.js";import{t as a}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as o}from"./useNestedProp-DnGoh-XS.js";import{computed as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,normalizeStyle as d,openBlock as f,ref as p,unref as m,useCssVars as h}from"vue";var g=/* @__PURE__ */ e({default:()=>E}),_=[`xmlns`,`viewBox`],v={key:0},y=[`stroke`],b=[`stroke`],x=[`stroke`],S={key:1},C=[`stroke`],w={key:2},T=[`stroke`],E=/*#__PURE__*/ a({__name:`vue-ui-mini-loader`,props:{config:{type:Object,default(){return{}}}},setup(e){h(e=>({v5fadbcf2:j.value,v488061db:M.value,v2e2d4bba:N.value}));let{vue_ui_mini_loader:a}=t(),g=e,E=s(()=>o({userConfig:g.config,defaultConfig:a}));r({config:()=>E.value,dataset:()=>[],component:`VueUiMiniLoader`,rules:[i.noHint]});let D=p({onion:`-10 -10 84 84`,line:`-10 -10 112 84`,bar:`-10 -10 106 84`}),O=s(()=>({gutter:`stroke:${E.value.line.gutterColor};opacity:${E.value.line.gutterOpacity};`,gutterBlur:`filter:blur(${E.value.line.gutterBlur}px);`})),k=s(()=>({gutter:`stroke:${E.value.bar.gutterColor};opacity:${E.value.bar.gutterOpacity};`,gutterBlur:`filter:blur(${E.value.bar.gutterBlur}px);`})),A=s(()=>({gutter:`stroke:${E.value.onion.gutterColor};opacity:${E.value.onion.gutterOpacity};`,gutterBlur:`filter:blur(${E.value.onion.gutterBlur}px);`})),j=s(()=>`blur(${E.value.onion.trackBlur}px) hue-rotate(${E.value.onion.trackHueRotate}deg)`),M=s(()=>`blur(${E.value.line.trackBlur}px) hue-rotate(${E.value.line.trackHueRotate}deg)`),N=s(()=>`blur(${E.value.bar.trackBlur}px) hue-rotate(${E.value.bar.trackHueRotate}deg)`);return(e,t)=>(f(),l(`svg`,{class:`vue-data-ui-component vue-ui-mini-loader`,xmlns:m(n),viewBox:D.value[E.value.type],style:{background:`transparent`},width:`100%`},[E.value.type===`onion`?(f(),l(`g`,v,[u(`path`,{d:`M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(A.value.gutter+A.value.gutterBlur)},null,4),u(`path`,{d:`M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(A.value.gutter+A.value.gutterBlur)},null,4),u(`path`,{d:`M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(A.value.gutter+A.value.gutterBlur)},null,4),u(`path`,{d:`M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3`,stroke:E.value.onion.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`onion-animated`},null,8,y),u(`path`,{d:`M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13`,stroke:E.value.onion.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`onion-animated`},null,8,b),u(`path`,{d:`M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25`,stroke:E.value.onion.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`onion-animated`},null,8,x)])):c(``,!0),E.value.type===`line`?(f(),l(`g`,S,[u(`path`,{d:`M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(O.value.gutter+O.value.gutterBlur)},null,4),u(`path`,{d:`M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5`,stroke:E.value.line.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`line-animated`},null,8,C)])):c(``,!0),E.value.type===`bar`?(f(),l(`g`,w,[u(`path`,{d:`M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5`,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,style:d(k.value.gutter+k.value.gutterBlur)},null,4),u(`path`,{d:`M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5`,stroke:E.value.bar.trackColor,"stroke-width":`4`,fill:`none`,"stroke-linecap":`round`,class:`bar-animated`},null,8,T)])):c(``,!0)],8,_))}},[[`__scopeId`,`data-v-5266752a`]]);export{g as n,E as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{D as n,Dt as r,Ft as i,Ht as ee,M as te,S as ne,X as re,Zt as a,at as o,et as s,in as c,nt as ie,pt as l,t as ae,w as oe,zt as se}from"./lib-rPeBMZrn.js";import{n as ce,t as le}from"./BaseScanner-8NdoBs7B.js";import{n as ue,t as de}from"./useHints-C-TwxM0Y.js";import{t as fe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as pe}from"./resolveChartConfig-CIhClE5R.js";import{t as me}from"./chartImage-DPGnEuYM.js";import{t as he}from"./useChartExport-BZts4KFb.js";import{n as ge,t as _e}from"./tableIntegration-CNoJ1CIY.js";import{n as ve,t as ye}from"./annotationSlots-BRR85CqJ.js";import{n as be,t as xe}from"./userOptionsSlots-DYuo-E5m.js";import{t as Se}from"./usePrinter-DVf3YcG5.js";import{t as Ce}from"./DefGrad-DKMq1REY.js";import{t as we}from"./useUserOptionState-CXlFnwPv.js";import{t as Te}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ee}from"./vue_ui_molecule-Bw1UW1Na.js";import{t as De}from"./usePanZoom-BdjP5Suc.js";import{Fragment as Oe,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as ke,createTextVNode as Ae,createVNode as h,defineAsyncComponent as g,guardReactiveProps as _,mergeProps as je,nextTick as v,normalizeClass as Me,normalizeProps as y,normalizeStyle as b,onMounted as Ne,openBlock as x,ref as S,renderList as C,renderSlot as w,resolveDynamicComponent as Pe,toDisplayString as T,toRefs as Fe,unref as E,useCssVars as Ie,watch as D,withCtx as O}from"vue";var Le=/* @__PURE__ */ e({default:()=>Ke}),Re=[`id`],ze={key:1,ref:`noTitle`,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},Be={key:2,style:`width:100%;background:transparent;`},Ve=[`xmlns`,`viewBox`],He=[`width`,`height`],Ue={key:4,class:`vue-data-ui-watermark`},We={key:5,"data-dom-to-png-ignore":``,class:`reset-wrapper`},Ge={key:6,ref:`source`,dir:`auto`},Ke=/*#__PURE__*/ fe({__name:`vue-ui-molecule`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectNode`,`copyAlt`],setup(e,{expose:fe,emit:Le}){Ie(e=>({v005507f3:on.value}));let Ke=g(()=>import(`./Title-BliHuXfT.js`).then(e=>e.t)),qe=g(()=>import(`./Tooltip-C1q0Qoh7.js`)),Je=g(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),Ye=g(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Xe=g(()=>import(`./DataTable-0Vv-aGHD.js`)),Ze=g(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Qe=g(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),$e=g(()=>import(`./PackageVersion-CXT-eAuk.js`).then(e=>e.t)),et=g(()=>import(`./RecursiveLinks-CZtG6uWg.js`)),tt=g(()=>import(`./RecursiveLabels-B0d04xSj.js`)),nt=g(()=>import(`./RecursiveCircles-BftI1kwF.js`)),rt=g(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_molecule:it}=t(),k=e,at=Le,ot=u(()=>!!k.dataset&&k.dataset.length);Ne(()=>{ct()});let st=u(()=>P.value.debug);function ct(){se(k.dataset)&&o({componentName:`VueUiMolecule`,type:`dataset`,debug:st.value})}let A=S(re()),lt=S(!1),j=S(``),M=S(null),ut=S(0),dt=S(0),ft=S(0),pt=S(null),N=S(null),P=S(B()),F=u(()=>P.value.style.chart.tooltip),I=u(()=>P.value.style.chart),L=u(()=>P.value.userOptions);ue({config:()=>P.value,dataset:()=>k.dataset,component:`VueUiMolecule`,rules:[de.emptyArray,{test:e=>e[0]&&e[0].nodes&&e[0].nodes.length===0,message:[`👀 There are no children nodes attached to the root node. Consider:`,``,`▶️ Adding children nodes to the root node.`]},{test:e=>e[0]&&e[0].nodes&&e[0].nodes.length>8,message:[`👀 The number of children nodes > 8, some nodes might overlap. Consider:`,``,`▶️ Grouping data into broader categories.`]}]});let R=u(()=>P.value.userOptions.useCursorPointer),mt=u(()=>c({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,nodes:{stroke:`#6A6A6A`},links:{stroke:`#6A6A6A80`}}}},userConfig:P.value.skeletonConfig??{}})),{loading:ht,FINAL_DATASET:gt}=ce({...Fe(k),FINAL_CONFIG:P,prepareConfig:B,skeletonDataset:k.config?.skeletonDataset??[{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]},{name:`_`,color:`#CACACA`,nodes:[{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`},{name:`_`,color:`#CACACA`}]}]}],skeletonConfig:c({defaultConfig:P.value,userConfig:mt.value})}),{userOptionsVisible:_t,setUserOptionsVisibility:vt,keepUserOptionState:yt}=we({config:P.value}),{svgRef:z}=Te({config:I.value.title});function B(){return pe(k.config,it,Ee)}let bt=a(k.config);D((e,t)=>k.config,e=>{let t=a(newConfig),n=t!==bt;bt=t;let r=B();n?(P.value=r,_t.value=!P.value.userOptions.showOnChartHover,ct(),dt.value+=1,ft.value+=1,U.value.showTable=P.value.table.show,U.value.showTooltip=F.value.show,U.value.showZoom=I.value.zoom.show):(P.value.style.chart.tooltip=r.style.chart.tooltip,U.value.showTooltip=P.value.style.chart.tooltip.show)},{deep:!0});let xt=S(0),St=()=>{xt.value+=1};D([()=>ht.value,()=>gt.value],async([e])=>{e||(await v(),W.value=Ot(),await v(),St(),await v(),Jt({x:0,y:0,width:400,height:400}),Kt(!1))},{flush:`post`,deep:!1});let{isPrinting:V,isImaging:H,generatePdf:Ct,generateImage:wt}=Se({elementId:`cluster_${A.value}`,fileName:I.value.title.text||`vue-ui-molecule`,options:P.value.userOptions.print}),Tt=u(()=>P.value.userOptions.show&&!I.value.title.text),Et=u(()=>oe(P.value.customPalette)),U=S({showTable:P.value.table.show,showDataLabels:!0,showTooltip:F.value.show,showZoom:I.value.zoom.show});D(P,()=>{U.value={showTable:P.value.table.show,showDataLabels:!0,showTooltip:F.value.show,showZoom:I.value.zoom.show}},{immediate:!0});function Dt(e,t=0){return Array.isArray(e)&&e.length>0&&e[0].nodes?Dt(e[0].nodes,t+1):t}function Ot(){let e=Dt(gt.value),t=100,n=t;for(let r=0;r<e;r+=1)t/=1,n+=t;return{height:n,width:n}}let W=S(Ot());function kt(e,t={x:-W.value.width/2.43,y:W.value.height/2},n=W.value.width/1.1,r=24,i=0,a=0,o=`#BBBBBB`,s=0){if(!Array.isArray(e)||e.length===0)return e;let c=te({plot:t,radius:n,sides:e.length,rotation:i});return e.forEach((e,t)=>{let te=c.coordinates[t],ie=e.color?(()=>{let t=ne(e.color);return t.startsWith(`#`)?t:`#${t}`})():null,l;ie?l=ie:s===0?l=o:s===1?(l=Et.value[a]||ee[a]||o,a+=1):l=o,e.polygonPath={coordinates:[te]},e.circleRadius=r,e.color=l,e.strokeWidth=Math.min(I.value.links.strokeWidth/(s+1),r/2),e.uid=re(),Array.isArray(e.nodes)&&e.nodes.length&&(e.nodes=kt(e.nodes,te,n/2.9,r/2.2,i+Math.PI*t/e.nodes.length,a,l,s+1))}),e}function At(e){let t=/* @__PURE__ */ new Set;function n(e){e.forEach(e=>{if(!e.color)return;let r=e.color;/^#?[0-9A-F]{6}$/i.test(r)||(r=ne(r)),r.startsWith(`#`)||(r=`#${r}`),t.add(r),Array.isArray(e.nodes)&&e.nodes.length&&n(e.nodes)})}n(e);let r={};return Array.from(t).forEach(e=>{let t=e.slice(1);r[e]=`gradient_${t}`}),r}let jt=u(()=>At(G.value)),G=u(()=>kt(s(gt.value))),K=S(null);function Mt(e){K.value={datapoint:e,seriesIndex:-1,series:G.value,config:P.value};let t=F.value.customFormat;if(r(t)&&l(()=>t({seriesIndex:-1,datapoint:e,series:G.value,config:P.value})))j.value=t({seriesIndex:-1,datapoint:e,series:G.value,config:P.value});else{let t=``;t+=`<div style="display:flex;align-items:center;gap:3px"><div style="color:${e.color}">⬤</div><div>${e.name}</div></div>`,e.details&&(t+=`<div style="width:100%;border-top:1px solid ${F.value.borderColor};margin-top: 2px">${e.details}</div>`),j.value=`<div style="font-family:inherit">${t}</div>`}}let q=S(null),J=S(null),Nt=S(null);function Pt(e){Nt.value=q.value,q.value=e,e?P.value.events.datapointEnter&&P.value.events.datapointEnter({datapoint:e,seriesIndex:-1}):P.value.events.datapointLeave&&P.value.events.datapointLeave({datapoint:Nt.value||q.value,seriesIndex:-1}),e?(lt.value=!0,Mt(e),J.value=e.uid):(lt.value=!1,j.value=``,J.value=null)}function Ft(e){let t=[];function n(e){e.forEach(e=>{let r={name:e.name,details:e.details||`-`,ancestor:e.ancestor&&e.ancestor.name||`-`,color:e.color||``};t.push(r),e.nodes&&e.nodes.length>0&&n(e.nodes,e.name)})}return n(e),t}let It=u(()=>Ft(G.value)),Y=u(()=>({head:[P.value.table.translations.nodeName,P.value.table.translations.details,P.value.table.translations.ancestor],body:It.value.map((e,t)=>[{color:e.color,name:e.name},e.details,e.ancestor||``]),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:[P.value.table.translations.nodeName,P.value.table.translations.details,P.value.table.translations.ancestor]}));function Lt(e=null){v(()=>{let t=Y.value.body.map((e,t)=>[[e[0].name],[e[1]],[e[2]]]),r=[[I.value.title.text],[I.value.title.subtitle.text],[[...Y.value.head]]].concat(t),i=n(r);e?e(i):ie({csvContent:i,title:I.value.title.text||`vue-ui-molecule`})})}function Rt(){return G.value}let X=S(!1);function zt(e){X.value=e,ut.value+=1}function Bt(){U.value.showTable=!U.value.showTable}function Vt(){U.value.showDataLabels=!U.value.showDataLabels}function Ht(){U.value.showTooltip=!U.value.showTooltip}function Ut(){U.value.showZoom=!U.value.showZoom}let Z=S(!1);function Wt(){Z.value=!Z.value}let Gt=u(()=>!Z.value&&U.value.showZoom),{viewBox:Q,resetZoom:Kt,isZoom:qt,setInitialViewBox:Jt}=De(z,{x:0,y:0,width:Math.max(10,W.value.width),height:Math.max(10,W.value.height)},I.value.zoom.speed,Gt);function Yt(e){P.value.events.datapointClick&&P.value.events.datapointClick({datapoint:e,seriesIndex:-1}),at(`selectNode`,e)}let Xt=me(M,()=>I.value.title.text),$=u(()=>_e({config:P,style:I,mutableConfig:U,dialog:rt,accordion:Ye,isFullscreen:X,parent:M,maxWidth:800,isCursorPointer:R}));D(()=>U.value.showTable,e=>ge(e,P,pt));function Zt(){U.value.showTable=!1,N.value&&N.value.setTableIconState(!1)}let Qt=u(()=>I.value.backgroundColor),$t=u(()=>I.value.title),{isCallbackImaging:en,isCallbackSvg:tn,generateSvg:nn,onGenerateImage:rn}=he({svg:z,title:$t,legend:null,legendItems:null,backgroundColor:Qt,getSvgCallback:()=>P.value.userOptions.callbacks.svg,generateImage:wt});async function an(){at(`copyAlt`,{config:P.value,dataset:G.value}),P.value.userOptions.callbacks.altCopy?await Promise.resolve(P.value.userOptions.callbacks.altCopy({config:P.value,dataset:G.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}let on=u(()=>I.value.color);return fe({getData:Rt,getImage:Xt,generatePdf:Ct,generateCsv:Lt,generateImage:wt,generateSvg:nn,toggleTable:Bt,toggleLabels:Vt,toggleTooltip:Ht,toggleAnnotator:Wt,toggleFullscreen:zt,toggleZoom:Ut,copyAlt:an}),(e,t)=>(x(),p(`div`,{ref_key:`moleculeChart`,ref:M,class:Me(`vue-data-ui-component vue-ui-molecule ${X.value?`vue-data-ui-wrapper-fullscreen`:``}`),style:b(`font-family:${P.value.style.fontFamily};width:100%; text-align:center;background:${I.value.backgroundColor}`),id:`cluster_${A.value}`,onMouseleave:t[2]||=e=>{q.value=null,J.value=null,E(vt)(!1)},onMouseenter:t[3]||=()=>E(vt)(!0)},[L.value.buttons.annotator&&E(z)?(x(),d(E(Ze),{key:0,svgRef:E(z),backgroundColor:I.value.backgroundColor,color:I.value.color,active:Z.value,isCursorPointer:R.value,onClose:Wt},ke({_:2},[C(E(ye),t=>({name:t,fn:O(n=>[w(e.$slots,t,y(_(E(ve)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`])):f(``,!0),Tt.value?(x(),p(`div`,ze,null,512)):f(``,!0),I.value.title.text?(x(),p(`div`,Be,[(x(),d(E(Ke),{key:`title_${dt.value}`,config:{title:{cy:`molecule-div-title`,...I.value.title},subtitle:{cy:`molecule-div-subtitle`,...I.value.title.subtitle}}},null,8,[`config`]))])):f(``,!0),L.value.show&&ot.value&&(E(yt)||E(_t))?(x(),d(E(Qe),{ref_key:`userOptionsRef`,ref:N,key:`user_options_${ut.value}`,backgroundColor:I.value.backgroundColor,color:I.value.color,isPrinting:E(V),isImaging:E(H),uid:A.value,hasTooltip:L.value.buttons.tooltip&&F.value.show,hasPdf:L.value.buttons.pdf,hasXls:L.value.buttons.csv,hasImg:L.value.buttons.img,hasSvg:L.value.buttons.svg,hasTable:L.value.buttons.table,hasLabel:L.value.buttons.labels,hasFullscreen:L.value.buttons.fullscreen,hasAltCopy:L.value.buttons.altCopy,isTooltip:U.value.showTooltip,titles:{...L.value.buttonTitles},chartElement:M.value,position:L.value.position,hasAnnotator:L.value.buttons.annotator,isAnnotation:Z.value,callbacks:L.value.callbacks,printScale:L.value.print.scale,tableDialog:P.value.table.useDialog,hasZoom:L.value.buttons.zoom,isZoom:U.value.showZoom,isCursorPointer:R.value,onToggleFullscreen:zt,onGeneratePdf:E(Ct),onGenerateCsv:Lt,onGenerateImage:E(rn),onGenerateSvg:E(nn),onToggleTable:Bt,onToggleLabels:Vt,onToggleTooltip:Ht,onToggleAnnotator:Wt,onToggleZoom:Ut,onCopyAlt:an,style:b({visibility:E(yt)?E(_t)?`visible`:`hidden`:`visible`})},ke({_:2},[C(E(be)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionZoom optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:O(n=>[w(e.$slots,t,y(_(E(xe)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.hasZoom.isZoom.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):f(``,!0),(x(),p(`svg`,{ref_key:`svgRef`,ref:z,key:`svg_${xt.value}`,xmlns:E(ae),viewBox:`${E(Q).x} ${E(Q).y} ${E(Q).width} ${E(Q).height}`,class:Me({"vue-data-ui-fullscreen--on":X.value,"vue-data-ui-fulscreen--off":!X.value}),style:b(`overflow: hidden; background:transparent;color:${I.value.color}`)},[h(E($e)),w(e.$slots,`svg-underlayer`,{svg:{...W.value,drawingArea:{...E(Q)},isPrintingImg:E(V)||E(H)||E(en),isPrintingSvg:E(tn)}},void 0,!0),e.$slots[`chart-background`]?(x(),p(`foreignObject`,{key:0,x:0,y:0,width:W.value.width<=0?10:W.value.width,height:W.value.height<=0?10:W.value.height,style:{pointerEvents:`none`}},[w(e.$slots,`chart-background`,{},void 0,!0)],8,He)):f(``,!0),m(`defs`,null,[(x(!0),p(Oe,null,C(Object.keys(jt.value),(e,t)=>(x(),d(Ce,{t:`radial`,id:`gradient_${e}`,key:`gradient_${e}_${t}`,cx:`50%`,cy:`30%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,E(i)(e,.5),1],[`100%`,e,1]]},null,8,[`id`,`stops`]))),128))]),h(E(et),{dataset:G.value,color:I.value.links.stroke,backgroundColor:I.value.backgroundColor,useChildColor:I.value.links.useChildColor},null,8,[`dataset`,`color`,`backgroundColor`,`useChildColor`]),h(E(nt),{dataset:G.value,hoveredUid:J.value,stroke:I.value.nodes.stroke,strokeHovered:I.value.nodes.strokeHovered,onClick:Yt,onHover:Pt},{node:O(({node:t})=>[w(e.$slots,`node`,y(_({node:t})),void 0,!0)]),"node-svg":O(({nodeSvg:t})=>[w(e.$slots,`node-svg`,y(_({nodeSvg:t})),void 0,!0)]),_:3},8,[`dataset`,`hoveredUid`,`stroke`,`strokeHovered`]),U.value.showDataLabels&&!E(ht)?(x(),d(E(tt),{key:1,dataset:G.value,color:I.value.color,hoveredUid:J.value},null,8,[`dataset`,`color`,`hoveredUid`])):f(``,!0),w(e.$slots,`svg`,{svg:{...W.value,drawingArea:{...E(Q)},isPrintingImg:E(V)||E(H)||E(en),isPrintingSvg:E(tn)}},void 0,!0)],14,Ve)),e.$slots.watermark?(x(),p(`div`,Ue,[w(e.$slots,`watermark`,y(_({isPrinting:E(V)||E(H)||E(en)||E(tn)})),void 0,!0)])):f(``,!0),E(qt)?(x(),p(`div`,We,[w(e.$slots,`reset-action`,{reset:E(Kt)},()=>[m(`button`,{"data-cy-reset":``,tabindex:`0`,role:`button`,class:`vue-data-ui-refresh-button`,style:b({background:I.value.backgroundColor,cursor:R.value?`pointer`:`default`}),onClick:t[0]||=e=>E(Kt)(!0)},[h(E(Je),{name:`refresh`,stroke:I.value.color},null,8,[`stroke`])],4)],!0)])):f(``,!0),e.$slots.source?(x(),p(`div`,Ge,[w(e.$slots,`source`,{},void 0,!0)],512)):f(``,!0),h(E(qe),{teleportTo:F.value.teleportTo,show:U.value.showTooltip&<.value,backgroundColor:F.value.backgroundColor,color:F.value.color,borderRadius:F.value.borderRadius,borderColor:F.value.borderColor,borderWidth:F.value.borderWidth,fontSize:F.value.fontSize,backgroundOpacity:F.value.backgroundOpacity,position:F.value.position,offsetX:F.value.offsetX,offsetY:F.value.offsetY,parent:M.value,content:j.value,isFullscreen:X.value,isCustom:F.value.customFormat&&typeof F.value.customFormat==`function`,smooth:F.value.smooth,backdropFilter:F.value.backdropFilter,smoothForce:F.value.smoothForce,smoothSnapThreshold:F.value.smoothSnapThreshold},{"tooltip-before":O(()=>[w(e.$slots,`tooltip-before`,y(_({...K.value})),void 0,!0)]),tooltip:O(()=>[w(e.$slots,`tooltip`,y(_({...K.value})),void 0,!0)]),"tooltip-after":O(()=>[w(e.$slots,`tooltip-after`,y(_({...K.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`]),ot.value&&L.value.buttons.table?(x(),d(Pe($.value.component),je({key:7},$.value.props,{ref_key:`tableUnit`,ref:pt,onClose:Zt}),ke({content:O(()=>[(x(),d(E(Xe),{key:`table_${ft.value}`,colNames:Y.value.colNames,head:Y.value.head,body:Y.value.body,config:Y.value.config,title:P.value.table.useDialog?``:$.value.title,withCloseButton:!P.value.table.useDialog,isCursorPointer:R.value,onClose:Zt},{th:O(({th:e})=>[m(`div`,null,T(e),1)]),td:O(({td:e})=>[Ae(T(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[P.value.table.useDialog?{name:`title`,fn:O(()=>[Ae(T($.value.title),1)]),key:`0`}:void 0,P.value.table.useDialog?{name:`actions`,fn:O(()=>[m(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Lt(L.value.callbacks.csv),style:b({cursor:R.value?`pointer`:`default`})},[h(E(Je),{name:`fileCsv`,stroke:$.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):f(``,!0),w(e.$slots,`skeleton`,{},()=>[E(ht)?(x(),d(le,{key:0})):f(``,!0)],!0)],46,Re))}},[[`__scopeId`,`data-v-e7a3ebe1`]]);export{Le as n,Ke as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Jt as i,Lt as a,M as ee,X as te,Yt as ne,at as re,i as ie,in as ae,nt as oe,t as se,zt as ce}from"./lib-rPeBMZrn.js";import{n as le,t as ue}from"./BaseScanner-8NdoBs7B.js";import{n as de,t as fe}from"./useHints-BH9r_0Vd.js";import{t as pe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as me}from"./resolveChartConfig-CIhClE5R.js";import{t as he}from"./chartImage-DPGnEuYM.js";import{n as ge}from"./Title-BliHuXfT.js";import{t as _e}from"./useChartExport-BZts4KFb.js";import{n as ve,t as ye}from"./tableIntegration-CNoJ1CIY.js";import{n as be,t as xe}from"./annotationSlots-BRR85CqJ.js";import{n as Se,t as Ce}from"./userOptionsSlots-DYuo-E5m.js";import{t as we}from"./usePrinter-sVoTzet1.js";import{c as Te}from"./canvas-lib-22VpOI4_.js";import{t as Ee}from"./useResponsive-CENUxfEL.js";import{t as De}from"./DefGrad-DKMq1REY.js";import{t as Oe}from"./A11yDataTable-DWNlWXzs.js";import{t as ke}from"./useUserOptionState-CXlFnwPv.js";import{t as Ae}from"./useChartAccessibility-DOMuYJfm.js";import{t as je}from"./Legend-DM0ClX3D.js";import{t as Me}from"./vue_ui_mood_radar-CXaBdJnv.js";import{Fragment as Ne,Teleport as Pe,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createSlots as Fe,createTextVNode as Ie,createVNode as d,defineAsyncComponent as f,guardReactiveProps as p,mergeProps as Le,nextTick as Re,normalizeClass as ze,normalizeProps as m,normalizeStyle as h,onMounted as Be,openBlock as g,ref as _,renderList as Ve,renderSlot as v,resolveDynamicComponent as He,toDisplayString as y,toRefs as Ue,unref as b,watch as We,withCtx as x}from"vue";var Ge=/* @__PURE__ */ e({default:()=>S}),Ke=[`id`],qe=[`id`],Je=[`id`],Ye={style:{position:`relative`}},Xe=[`xmlns`,`aria-describedby`,`viewBox`],Ze=[`width`,`height`],Qe=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],$e=[`d`,`stroke`,`stroke-width`],et=[`transform`],tt=[`stroke`],nt=[`aria-label`,`fill`],rt=[`transform`],it=[`stroke`],at=[`aria-label`,`fill`],ot=[`transform`],st=[`stroke`],ct=[`aria-label`,`fill`],lt=[`transform`],ut=[`stroke`],dt=[`aria-label`,`fill`],ft=[`transform`],pt=[`stroke`],mt=[`aria-label`,`fill`],ht=[`d`,`stroke`,`stroke-width`,`fill`],gt=[`x1`,`y1`,`x2`,`y2`,`stroke`],_t=[`cx`,`cy`,`fill`,`stroke`],vt=[`cx`,`cy`,`fill`,`stroke`],yt=[`x`,`y`,`fill`,`font-weight`],bt=[`x`,`y`,`fill`],xt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},St={key:5,class:`vue-data-ui-watermark`},Ct=[`id`],wt=[`onClick`,`onKeydown`],Tt={key:0},Et={key:1},S=/*#__PURE__*/ pe({__name:`vue-ui-mood-radar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:pe,emit:Ge}){let S=f(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),Dt=f(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Ot=f(()=>import(`./DataTable-0Vv-aGHD.js`)),kt=f(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),At=f(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),jt=f(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),Mt=f(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_mood_radar:Nt}=t(),C=e,Pt=Ge,w=_(te()),T=_(null),E=_(null),Ft=_(null),It=_(0),Lt=_(0),Rt=_(0),zt=_(null),Bt=_(null),D=_(null),Vt=_(null),Ht=_(null),Ut=_(!1),Wt=_(null),Gt=_(null),O=_(null),Kt=_(!1),qt=o(()=>!!C.dataset&&Object.keys(C.dataset).length),k=_(tn()),A=o(()=>k.value.userOptions),j=o(()=>k.value.style.chart.layout.smileys),M=o(()=>k.value.style.chart.layout),N=o(()=>k.value.style.chart);de({config:()=>k.value,dataset:()=>C.dataset,component:`VueUiMoodRadar`,rules:[fe.noHint]});let P=o(()=>k.value.userOptions.useCursorPointer),Jt=o(()=>ae({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{grid:{stroke:`#6A6A6A`},outerPolygon:{stroke:`#6A6A6A`},dataPolygon:{color:`#6A6A6A`,opacity:30,stroke:`#6A6A6A`},smileys:{colors:{1:`#DBDBDB`,2:`#C4C4C4`,3:`#ADADAD`,4:`#969696`,5:`#808080`}},dataLabel:{color:`transparent`}},legend:{backgroundColor:`transparent`}}}},userConfig:k.value.skeletonConfig??{}})),{loading:Yt,FINAL_DATASET:F}=le({...Ue(C),FINAL_CONFIG:k,prepareConfig:tn,callback:()=>{Promise.resolve().then(async()=>{await Re(),R.value.showTable=k.value.table.show})},skeletonDataset:C.config?.skeletonDataset??{1:1,2:1,3:1,4:1,5:1},skeletonConfig:ae({defaultConfig:k.value,userConfig:Jt.value})});Be(()=>{Ut.value=!0,Zt()});let Xt=o(()=>k.value.debug);function Zt(){if(ce(C.dataset)&&re({componentName:`VueUiMoodRadar`,type:`dataset`,debug:Xt.value}),k.value.responsive){let e=Te(()=>{let{width:e,height:t}=Ee({chart:T.value,title:N.value.title.text?zt.value:null,legend:N.value.legend.show?Bt.value:null,noTitle:Ft.value,source:Ht.value});requestAnimationFrame(()=>{z.value.width=e,z.value.height=t-12})});D.value&&(Vt.value&&D.value.unobserve(Vt.value),D.value.disconnect()),D.value=new ResizeObserver(e),Vt.value=T.value.parentNode,D.value.observe(Vt.value)}}let{userOptionsVisible:Qt,setUserOptionsVisibility:$t,keepUserOptionState:en}=ke({config:k.value}),{svgRef:I}=Ae({config:N.value.title});function tn(){return me(C.config,Nt,Me)}We(()=>C.config,e=>{k.value=tn(),Qt.value=!k.value.userOptions.showOnChartHover,Zt(),It.value+=1,Lt.value+=1,Rt.value+=1,R.value.showTable=k.value.table.show},{deep:!0});let{isPrinting:nn,isImaging:L,generatePdf:rn,generateImage:an}=we({elementId:w.value,fileName:N.value.title.text||`vue-ui-mood-radar`,options:k.value.userOptions.print}),on=o(()=>k.value.userOptions.show&&!N.value.title.text),R=_({showTable:k.value.table.show}),z=_({height:256,width:256}),sn={5:{x:128,y:35},4:{x:218,y:98.5},3:{x:185,y:204},2:{x:70,y:204},1:{x:38.5,y:98.5}},cn=o(()=>{let e={};return pn.value.forEach(t=>{e[t.key]={x:t.x,y:t.y}}),e});function B(e){let t=sn[e],n=cn.value[e]||t;return`translate(${n.x-t.x}, ${n.y-t.y})`}let ln=o(()=>ee({plot:{x:z.value.width/2,y:z.value.height/2},radius:Math.min(z.value.height,z.value.width)*.35,sides:5,rotation:11}));function un({centerX:e,centerY:t,apexX:n,apexY:r,proportion:i,key:a,value:ee}){return{x:e+(n-e)*i,y:t+(r-t)*i,key:a,value:ee}}let dn=o(()=>Math.max(...Object.values(F.value).map(e=>isNaN(e)?0:e))),V=o(()=>Object.values(F.value).reduce((e,t)=>(isNaN(e)?0:e)+(isNaN(t)?0:t),0)),H=o(()=>Object.keys(F.value).map((e,t)=>{let n=typeof F.value[e]!=`number`||isNaN(F.value[e])?0:F.value[e];return{index:t,key:e,value:n,proportion:n/V.value,color:j.value.colors[e]}}).map(e=>({...e,onSelect:()=>U(e.key)})).sort((e,t)=>t.key-e.key)),fn=o(()=>H.value.map((e,t)=>({...e,display:`${ie(M.value.dataLabel.formatter,e.value,n({p:M.value.dataLabel.prefix,v:e.value,s:M.value.dataLabel.suffix,r:M.value.dataLabel.roundingValue}))}${Yt.value?``:` (${n({v:e.proportion*100,s:`%`,r:N.value.legend.roundingPercentage})})`}`}))),pn=o(()=>([`1`,`2`,`3`,`4`,`5`].forEach(e=>{[null,void 0].includes(F.value[e])&&re({componentName:`VueUiMoodRadar`,type:`datasetAttribute`,property:e,debug:Xt.value})}),ln.value.coordinates.map((e,t)=>{let n=un({centerX:z.value.width/2,centerY:z.value.height/2,apexX:e.x,apexY:e.y,proportion:H.value[t].value/dn.value,key:H.value[t].key,value:H.value[t].value});return{...e,plots:n,key:H.value[t].key}}))),mn=o(()=>({cy:`mood-radar-legend`,backgroundColor:N.value.legend.backgroundColor,color:N.value.legend.color,fontSize:N.value.legend.fontSize,paddingBottom:12,fontWeight:N.value.legend.bold?`bold`:``}));function U(e){e===E.value?E.value=null:(E.value=e,K(e))}function W(e){E.value=e;let t=H.value.find(t=>t.key===e);k.value.events.datapointEnter&&k.value.events.datapointEnter({datapoint:t,seriesIndex:t.index})}function G(e){E.value=null;let t=H.value.find(t=>t.key===e);k.value.events.datapointLeave&&k.value.events.datapointLeave({datapoint:t,seriesIndex:t.index})}function K(e){let t=H.value.find(t=>t.key===e);k.value.events.datapointClick&&k.value.events.datapointClick({datapoint:t,seriesIndex:t.index})}let q=o(()=>({head:H.value.map(e=>({name:e.key,color:e.color})),body:H.value.map(e=>isNaN(e.value)?0:e.value)}));function hn(e=null){Re(()=>{let t=q.value.head.map((e,t)=>[[e.name],[q.value.body[t]],[isNaN(q.value.body[t]/V.value)?`-`:q.value.body[t]/V.value*100]]),n=[[N.value.title.text],[N.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(t),i=r(n);e?e(i):oe({csvContent:i,title:N.value.title.text||`vue-ui-mood-radar`})})}let J=o(()=>({head:[`__SUM__`,Number(V.value.toFixed(k.value.table.td.roundingValue)).toLocaleString(),`100%`],body:q.value.head.map((e,t)=>[{color:e.color,name:e.name},q.value.body[t].toFixed(k.value.table.td.roundingValue),isNaN(q.value.body[t]/V.value)?`-`:(q.value.body[t]/V.value*100).toFixed(k.value.table.td.roundingPercentage)+`%`]),config:{th:{backgroundColor:k.value.table.th.backgroundColor,color:k.value.table.th.color,outline:k.value.table.th.outline},td:{backgroundColor:k.value.table.td.backgroundColor,color:k.value.table.td.color,outline:k.value.table.td.outline},breakpoint:k.value.table.responsiveBreakpoint},colNames:[k.value.table.columnNames.series,k.value.table.columnNames.value,k.value.table.columnNames.percentage]}));function gn(){return H.value}function _n(){R.value.showTable=!R.value.showTable}let Y=_(!1);function vn(e){Y.value=e}let X=_(!1);function yn(){X.value=!X.value}let bn=he(T,()=>N.value.title.text),Z=o(()=>ye({config:k,style:N,mutableConfig:R,dialog:Mt,accordion:Dt,isFullscreen:Y,parent:T,maxWidth:800,isCursorPointer:P}));We(()=>R.value.showTable,e=>ve(e,k,Wt));function xn(){R.value.showTable=!1,Gt.value&&Gt.value.setTableIconState(!1)}let Sn=o(()=>fn.value.map(e=>({...e,name:e.display,shape:`circle`}))),Cn=o(()=>N.value.backgroundColor),wn=o(()=>N.value.legend),Tn=o(()=>N.value.title),{isCallbackImaging:En,isCallbackSvg:Dn,generateSvg:On,onGenerateImage:kn}=_e({svg:I,title:Tn,legend:wn,legendItems:Sn,backgroundColor:Cn,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:an});async function An(){Pt(`copyAlt`,{config:k.value,dataset:H.value}),k.value.userOptions.callbacks.altCopy?await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:H.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}let Q=o(()=>H.value.map(e=>String(e.key)));function jn(){$t(!0)}function Mn(){$t(!1)}function Nn(e){return H.value.find(t=>String(t.key)===String(e))}function Pn(e,t,r){return ie(M.value.dataLabel.formatter,e,n({p:M.value.dataLabel.prefix,v:e,s:M.value.dataLabel.suffix,r:M.value.dataLabel.roundingValue}),{datapoint:r,seriesIndex:t})}function Fn(e){return n({v:V.value?e/V.value*100:0,s:`%`,r:M.value.dataLabel.roundingPercentage})}function $(e){let t=Nn(e);return t?`${e}, ${Pn(t.value,t.index,t)}, ${Fn(t.value)}`:`${e}`}function In(e){let t=Q.value[e];t&&(O.value=e,E.value=t)}function Ln(){Kt.value=!0}function Rn(){O.value=null,E.value=null,Kt.value=!1}function zn(e){if(!I.value||!Q.value.length||X.value||document.activeElement!==I.value)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].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){O.value=null,E.value=null;return}if(r){if(O.value===null)return;let e=Q.value[O.value];if(!e)return;U(e);return}let a=O.value;a===null||a<0||a>=Q.value.length?a=n?0:Q.value.length-1:n?(a+=1,a>=Q.value.length&&(a=0)):t&&(--a,a<0&&(a=Q.value.length-1)),In(a)}function Bn(e,t){let n=e.key===`Enter`||e.key===` `,r=e.key===`Escape`;(n||r)&&(e.preventDefault(),e.stopPropagation(),r?(O.value=null,E.value=null):U(String(t)))}let Vn=o(()=>({headers:J.value?.colNames??[],rows:H.value.map(e=>[String(e.key),Pn(e.value,e.index,e),Fn(e.value)])}));return pe({getData:gn,getImage:bn,generatePdf:rn,generateCsv:hn,generateImage:an,generateSvg:On,toggleTable:_n,toggleAnnotator:yn,toggleFullscreen:vn,copyAlt:An}),(e,t)=>(g(),l(`div`,{class:ze(`vue-data-ui-component vue-ui-mood-radar ${Y.value?`vue-data-ui-wrapper-fullscreen`:``} ${k.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`moodRadarChart`,ref:T,id:`${w.value}`,style:h(`font-family:${k.value.style.fontFamily};width:100%; text-align:center;background:${N.value.backgroundColor}`),onMouseenter:jn,onMouseleave:Mn},[u(`div`,{id:`chart-instructions-${w.value}`,class:`sr-only`},[u(`p`,null,y(k.value.a11y.translations.keyboardNavigation),1)],8,qe),Vn.value?.rows?.length?(g(),s(Oe,{key:0,uid:w.value,head:Vn.value.headers,body:Vn.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):c(``,!0),A.value.buttons.annotator?(g(),s(b(kt),{key:1,svgRef:b(I),backgroundColor:N.value.backgroundColor,color:N.value.color,active:X.value,isCursorPointer:P.value,palette:A.value.annotatorPalette,onClose:yn},Fe({_:2},[Ve(b(xe),t=>({name:t,fn:x(n=>[v(e.$slots,t,m(p(b(be)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):c(``,!0),on.value?(g(),l(`div`,{key:2,ref_key:`noTitle`,ref:Ft,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):c(``,!0),N.value.title.text?(g(),l(`div`,{key:3,ref_key:`chartTitle`,ref:zt,style:`width:100%;background:transparent`},[d(ge,{config:{title:{cy:`mood-radar-title`,...N.value.title},subtitle:{cy:`mood-radar-subtitle`,...N.value.title.subtitle}}},null,8,[`config`])],512)):c(``,!0),u(`div`,{id:`legend-top-${w.value}`},null,8,Je),A.value.show&&qt.value&&(b(en)||b(Qt))?(g(),s(b(At),{key:4,ref_key:`userOptionsRef`,ref:Gt,backgroundColor:N.value.backgroundColor,color:N.value.color,isPrinting:b(nn),isImaging:b(L),uid:w.value,hasPdf:A.value.buttons.pdf,hasXls:A.value.buttons.csv,hasImg:A.value.buttons.img,hasSvg:A.value.buttons.svg,hasTable:A.value.buttons.table,hasFullscreen:A.value.buttons.fullscreen,hasAltCopy:A.value.buttons.altCopy,isFullscreen:Y.value,titles:{...A.value.buttonTitles},chartElement:T.value,position:A.value.position,hasAnnotator:A.value.buttons.annotator,isAnnotation:X.value,callbacks:A.value.callbacks,printScale:A.value.print.scale,tableDialog:k.value.table.useDialog,isCursorPointer:P.value,onToggleFullscreen:vn,onGeneratePdf:b(rn),onGenerateCsv:hn,onGenerateImage:b(kn),onGenerateSvg:b(On),onToggleTable:_n,onToggleAnnotator:yn,onCopyAlt:An,style:h({visibility:b(en)?b(Qt)?`visible`:`hidden`:`visible`})},Fe({_:2},[Ve(b(Se)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:x(n=>[v(e.$slots,t,m(p(b(Ce)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):c(``,!0),u(`div`,Ye,[(g(),l(`svg`,{ref_key:`svgRef`,ref:I,xmlns:b(se),"aria-describedby":`chart-instructions-${w.value}`,viewBox:`0 0 ${z.value.width} ${z.value.height}`,class:ze({"vue-data-ui-fullscreen--on":Y.value,"vue-data-ui-fulscreen--off":!Y.value}),style:h(`overflow:visible;background:transparent;color:${N.value.color}`),tabindex:`0`,onFocus:Ln,onBlur:Rn,onKeydown:zn},[d(b(jt)),v(e.$slots,`svg-underlayer`,{svg:{...z.value,isPrintingImg:b(nn)||b(L)||b(En),isPrintingSvg:b(Dn)}},void 0,!0),e.$slots[`chart-background`]?(g(),l(`foreignObject`,{key:0,x:0,y:0,width:z.value.width,height:z.value.height,style:{pointerEvents:`none`}},[v(e.$slots,`chart-background`,{},void 0,!0)],8,Ze)):c(``,!0),u(`defs`,null,[d(De,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`mood_radar_gradient_${w.value}`,stops:[[`0%`,b(i)(M.value.dataPolygon.color,M.value.dataPolygon.opacity),1],[`100%`,b(i)(b(ne)(M.value.dataPolygon.color,M.value.dataPolygon.gradient.intensity/100),M.value.dataPolygon.opacity),1]]},null,8,[`id`,`stops`])]),(g(!0),l(Ne,null,Ve(ln.value.coordinates,e=>(g(),l(`line`,{x1:z.value.width/2,y1:z.value.height/2,x2:e.x,y2:e.y,stroke:M.value.grid.stroke,"stroke-width":M.value.grid.strokeWidth},null,8,Qe))),256)),u(`path`,{d:ln.value.path,fill:`none`,stroke:M.value.outerPolygon.stroke,"stroke-width":M.value.outerPolygon.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,$e),u(`g`,{transform:B(`5`)},[u(`path`,{fill:`none`,stroke:j.value.colors[5],"stroke-width":`1`,"stroke-linecap":`round`,d:`M119 25A1 1 0 00137 25 1 1 0 00119 25M123 26C124 33 132 33 133 26L123 26M123 22A1 1 0 00126 22 1 1 0 00123 22M130 22A1 1 0 00133 22 1 1 0 00130 22`},null,8,tt),u(`circle`,{role:`button`,class:`vue-ui-mood-radar-trap`,cx:`128`,cy:`25`,r:`20`,"aria-label":$(`5`),fill:E.value===`5`?b(i)(j.value.colors[5],20):`transparent`,onMouseenter:t[0]||=e=>W(`5`),onMouseleave:t[1]||=e=>G(`5`),onClick:t[2]||=e=>K(`5`)},null,40,nt)],8,et),u(`g`,{transform:B(`4`)},[u(`path`,{fill:`none`,stroke:j.value.colors[4],"stroke-width":`1`,"stroke-linecap":`round`,d:`M218 95A1 1 0 00236 95 1 1 0 00218 95M222 97C225 99 229 99 232 97M222 92A1 1 0 00225 92 1 1 0 00222 92M229 92A1 1 0 00232 92 1 1 0 00229 92`},null,8,it),u(`circle`,{class:`vue-ui-mood-radar-trap`,cx:`227`,cy:`95.5`,r:`20`,"aria-label":$(`4`),fill:E.value===`4`?b(i)(j.value.colors[4],20):`transparent`,onMouseenter:t[3]||=e=>W(`4`),onMouseleave:t[4]||=e=>G(`4`),onClick:t[5]||=e=>K(`4`)},null,40,at)],8,rt),u(`g`,{transform:B(`3`)},[u(`path`,{fill:`none`,stroke:j.value.colors[3],"stroke-width":`1`,"stroke-linecap":`round`,d:`M181 213A1 1 0 00199 213 1 1 0 00181 213M185 210A1 1 0 00188 210 1 1 0 00185 210M192 210A1 1 0 00195 210 1 1 0 00192 210M185 215 195 215`},null,8,st),u(`circle`,{class:`vue-ui-mood-radar-trap`,cx:`190`,cy:`213.5`,r:`20`,"aria-label":$(`3`),fill:E.value===`3`?b(i)(j.value.colors[3],20):`transparent`,onMouseenter:t[6]||=e=>W(`3`),onMouseleave:t[7]||=e=>G(`3`),onClick:t[8]||=e=>K(`3`)},null,40,ct)],8,ot),u(`g`,{transform:B(`2`)},[u(`path`,{fill:`none`,stroke:j.value.colors[2],"stroke-width":`1`,"stroke-linecap":`round`,d:`M56 213A1 1 0 0074 213 1 1 0 0056 213M60 216C63 214 67 214 70 216M60 210A1 1 0 0063 210 1 1 0 0060 210M67 210A1 1 0 0070 210 1 1 0 0067 210`},null,8,ut),u(`circle`,{class:`vue-ui-mood-radar-trap`,cx:`65`,cy:`213.5`,r:`20`,"aria-label":$(`2`),fill:E.value===`2`?b(i)(j.value.colors[2],20):`transparent`,onMouseenter:t[9]||=e=>W(`2`),onMouseleave:t[10]||=e=>G(`2`),onClick:t[11]||=e=>K(`2`)},null,40,dt)],8,lt),u(`g`,{transform:B(`1`)},[u(`path`,{fill:`none`,stroke:j.value.colors[1],"stroke-width":`1`,"stroke-linecap":`round`,d:`M20 96A1 1 0 0038 96 1 1 0 0020 96M24 100C25 95 33 95 34 100L24 100M24 93A1 1 0 0027 93 1 1 0 0024 93M31 93A1 1 0 0034 93 1 1 0 0031 93`},null,8,pt),u(`circle`,{class:`vue-ui-mood-radar-trap`,cx:`29`,cy:`95.5`,r:`20`,"aria-label":$(`1`),fill:E.value===`1`?b(i)(j.value.colors[1],20):`transparent`,onMouseenter:t[12]||=e=>W(`1`),onMouseleave:t[13]||=e=>G(`1`),onClick:t[14]||=e=>K(`1`)},null,40,mt)],8,ft),u(`path`,{d:b(a)(pn.value.map(e=>e.plots)),stroke:M.value.dataPolygon.stroke,"stroke-width":M.value.dataPolygon.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:M.value.dataPolygon.gradient.show?`url(#mood_radar_gradient_${w.value})`:b(i)(M.value.dataPolygon.color,M.value.dataPolygon.opacity)},null,8,ht),(g(!0),l(Ne,null,Ve(pn.value.map(e=>e.plots),(e,t)=>(g(),l(`g`,{class:`vue-ui-mood-radar-trap`,style:h(`opacity:${E.value==e.key?`1`:`0`}`)},[u(`line`,{x1:e.x,y1:e.y,x2:z.value.width/2,y2:z.value.height/2,stroke:j.value.colors[e.key]},null,8,gt),u(`circle`,{cx:e.x,cy:e.y,fill:j.value.colors[e.key],r:`3`,stroke:N.value.backgroundColor,"stroke-width":.5},null,8,_t),u(`circle`,{cx:z.value.width/2,cy:z.value.height/2,fill:j.value.colors[e.key],r:`3`,stroke:N.value.backgroundColor,"stroke-width":.5},null,8,vt),u(`text`,{x:z.value.width/2,y:[`5`,5].includes(e.key)?z.value.height/2*1.13:z.value.height/2*.9375,fill:M.value.dataLabel.color,"font-size":`12`,"text-anchor":`middle`,"font-weight":M.value.dataLabel.bold?`bold`:`normal`},y(b(ie)(M.value.dataLabel.formatter,e.value,b(n)({p:M.value.dataLabel.prefix,v:e.value,s:M.value.dataLabel.suffix,r:M.value.dataLabel.roundingValue}),{datapoint:e,seriesIndex:t})),9,yt),u(`text`,{x:z.value.width/2,y:[`5`,5].includes(e.key)?z.value.height/2*1.273:z.value.height/2*.7968,fill:M.value.dataLabel.color,"font-size":`12`,"text-anchor":`middle`},` (`+y(b(n)({v:e.value/V.value*100,s:`%`,r:M.value.dataLabel.roundingPercentage}))+`) `,9,bt)],4))),256)),v(e.$slots,`svg`,{svg:{...z.value,isPrintingImg:b(nn)||b(L)||b(En),isPrintingSvg:b(Dn)}},void 0,!0)],46,Xe)),e.$slots.hint?(g(),l(`div`,xt,[v(e.$slots,`hint`,m(p({hint:k.value.a11y.translations.keyboardNavigation,isVisible:Kt.value})),void 0,!0)])):c(``,!0)]),e.$slots.watermark?(g(),l(`div`,St,[v(e.$slots,`watermark`,m(p({isPrinting:b(nn)||b(L)||b(En)||b(Dn)})),void 0,!0)])):c(``,!0),u(`div`,{id:`legend-bottom-${w.value}`},null,8,Ct),Ut.value&&(N.value.legend.show||e.$slots.legend)?(g(),s(Pe,{key:6,to:N.value.legend.position===`top`?`#legend-top-${w.value}`:`#legend-bottom-${w.value}`},[u(`div`,{ref_key:`chartLegend`,ref:Bt},[v(e.$slots,`legend`,{legend:H.value},()=>[N.value.legend.show?(g(),s(je,{legendSet:fn.value,config:mn.value,key:`legend_${Rt.value}`,isCursorPointer:P.value,style:{display:`flex`,"row-gap":`6px`},onFocusMarker:t[15]||=({legend:e})=>U(e.key)},{item:x(({legend:e,index:t})=>[u(`div`,{role:`button`,onClick:()=>U(e.key),style:{display:`flex`,"flex-direction":`row`,gap:`3px`,"align-items":`center`,margin:`3px 0`},onKeydown:t=>Bn(t,String(e.key))},[e.key==1?(g(),s(b(S),{key:0,strokeWidth:1,name:`moodSad`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),e.key==2?(g(),s(b(S),{key:1,strokeWidth:1,name:`moodFlat`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),e.key==3?(g(),s(b(S),{key:2,strokeWidth:1,name:`moodNeutral`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),e.key==4?(g(),s(b(S),{key:3,strokeWidth:1,name:`smiley`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),e.key==5?(g(),s(b(S),{key:4,strokeWidth:1,name:`moodHappy`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),b(Yt)?c(``,!0):(g(),l(`span`,{key:5,style:h({fontWeight:N.value.legend.bold?`bold`:`normal`})},y(e.display),5))],40,wt)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):c(``,!0)],!0)],512)],8,[`to`])):c(``,!0),e.$slots.source?(g(),l(`div`,{key:7,ref_key:`source`,ref:Ht,dir:`auto`},[v(e.$slots,`source`,{},void 0,!0)],512)):c(``,!0),qt.value&&A.value.buttons.table?(g(),s(He(Z.value.component),Le({key:8},Z.value.props,{ref_key:`tableUnit`,ref:Wt,onClose:xn}),Fe({content:x(()=>[d(b(Ot),{colNames:J.value.colNames,head:J.value.head,body:J.value.body,config:J.value.config,title:k.value.table.useDialog?``:Z.value.title,withCloseButton:!k.value.table.useDialog,isCursorPointer:P.value,onClose:xn},{th:x(({th:e})=>[e===`__SUM__`?(g(),l(`div`,Tt,[d(b(S),{name:`sigma`,stroke:J.value.config.th.color,size:16},null,8,[`stroke`])])):(g(),l(`div`,Et,y(e),1))]),td:x(({td:e})=>[Ie(y(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`])]),_:2},[k.value.table.useDialog?{name:`title`,fn:x(()=>[Ie(y(Z.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:x(()=>[u(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[16]||=e=>hn(A.value.callbacks.csv),style:h({cursor:P.value?`pointer`:`default`})},[d(b(S),{name:`fileCsv`,stroke:Z.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):c(``,!0),v(e.$slots,`skeleton`,{},()=>[b(Yt)?(g(),s(ue,{key:0})):c(``,!0)],!0)],46,Ke))}},[[`__scopeId`,`data-v-c10d6f18`]]);export{Ge as n,S as t};
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Jt as i,Lt as a,M as ee,X as te,Yt as ne,at as re,i as ie,in as ae,nt as oe,t as se,zt as ce}from"./lib-rPeBMZrn.js";import{n as le,t as ue}from"./BaseScanner-8NdoBs7B.js";import{n as de,t as fe}from"./useHints-C-TwxM0Y.js";import{t as pe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as me}from"./resolveChartConfig-CIhClE5R.js";import{t as he}from"./chartImage-DPGnEuYM.js";import{n as ge}from"./Title-BliHuXfT.js";import{t as _e}from"./useChartExport-BZts4KFb.js";import{n as ve,t as ye}from"./tableIntegration-CNoJ1CIY.js";import{n as be,t as xe}from"./annotationSlots-BRR85CqJ.js";import{n as Se,t as Ce}from"./userOptionsSlots-DYuo-E5m.js";import{t as we}from"./usePrinter-DVf3YcG5.js";import{c as Te}from"./canvas-lib-22VpOI4_.js";import{t as Ee}from"./useResponsive-CENUxfEL.js";import{t as De}from"./DefGrad-DKMq1REY.js";import{t as Oe}from"./A11yDataTable-DWNlWXzs.js";import{t as ke}from"./useUserOptionState-CXlFnwPv.js";import{t as Ae}from"./useChartAccessibility-DOMuYJfm.js";import{t as je}from"./Legend-DM0ClX3D.js";import{t as Me}from"./vue_ui_mood_radar-CXaBdJnv.js";import{Fragment as Ne,Teleport as Pe,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createSlots as Fe,createTextVNode as Ie,createVNode as d,defineAsyncComponent as f,guardReactiveProps as p,mergeProps as Le,nextTick as Re,normalizeClass as ze,normalizeProps as m,normalizeStyle as h,onMounted as Be,openBlock as g,ref as _,renderList as Ve,renderSlot as v,resolveDynamicComponent as He,toDisplayString as y,toRefs as Ue,unref as b,watch as We,withCtx as x}from"vue";var Ge=/* @__PURE__ */ e({default:()=>S}),Ke=[`id`],qe=[`id`],Je=[`id`],Ye={style:{position:`relative`}},Xe=[`xmlns`,`aria-describedby`,`viewBox`],Ze=[`width`,`height`],Qe=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],$e=[`d`,`stroke`,`stroke-width`],et=[`transform`],tt=[`stroke`],nt=[`aria-label`,`fill`],rt=[`transform`],it=[`stroke`],at=[`aria-label`,`fill`],ot=[`transform`],st=[`stroke`],ct=[`aria-label`,`fill`],lt=[`transform`],ut=[`stroke`],dt=[`aria-label`,`fill`],ft=[`transform`],pt=[`stroke`],mt=[`aria-label`,`fill`],ht=[`d`,`stroke`,`stroke-width`,`fill`],gt=[`x1`,`y1`,`x2`,`y2`,`stroke`],_t=[`cx`,`cy`,`fill`,`stroke`],vt=[`cx`,`cy`,`fill`,`stroke`],yt=[`x`,`y`,`fill`,`font-weight`],bt=[`x`,`y`,`fill`],xt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},St={key:5,class:`vue-data-ui-watermark`},Ct=[`id`],wt=[`onClick`,`onKeydown`],Tt={key:0},Et={key:1},S=/*#__PURE__*/ pe({__name:`vue-ui-mood-radar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:pe,emit:Ge}){let S=f(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),Dt=f(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Ot=f(()=>import(`./DataTable-0Vv-aGHD.js`)),kt=f(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),At=f(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),jt=f(()=>import(`./PackageVersion-CXT-eAuk.js`).then(e=>e.t)),Mt=f(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_mood_radar:Nt}=t(),C=e,Pt=Ge,w=_(te()),T=_(null),E=_(null),Ft=_(null),It=_(0),Lt=_(0),Rt=_(0),zt=_(null),Bt=_(null),D=_(null),Vt=_(null),Ht=_(null),Ut=_(!1),Wt=_(null),Gt=_(null),O=_(null),Kt=_(!1),qt=o(()=>!!C.dataset&&Object.keys(C.dataset).length),k=_(tn()),A=o(()=>k.value.userOptions),j=o(()=>k.value.style.chart.layout.smileys),M=o(()=>k.value.style.chart.layout),N=o(()=>k.value.style.chart);de({config:()=>k.value,dataset:()=>C.dataset,component:`VueUiMoodRadar`,rules:[fe.noHint]});let P=o(()=>k.value.userOptions.useCursorPointer),Jt=o(()=>ae({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{grid:{stroke:`#6A6A6A`},outerPolygon:{stroke:`#6A6A6A`},dataPolygon:{color:`#6A6A6A`,opacity:30,stroke:`#6A6A6A`},smileys:{colors:{1:`#DBDBDB`,2:`#C4C4C4`,3:`#ADADAD`,4:`#969696`,5:`#808080`}},dataLabel:{color:`transparent`}},legend:{backgroundColor:`transparent`}}}},userConfig:k.value.skeletonConfig??{}})),{loading:Yt,FINAL_DATASET:F}=le({...Ue(C),FINAL_CONFIG:k,prepareConfig:tn,callback:()=>{Promise.resolve().then(async()=>{await Re(),R.value.showTable=k.value.table.show})},skeletonDataset:C.config?.skeletonDataset??{1:1,2:1,3:1,4:1,5:1},skeletonConfig:ae({defaultConfig:k.value,userConfig:Jt.value})});Be(()=>{Ut.value=!0,Zt()});let Xt=o(()=>k.value.debug);function Zt(){if(ce(C.dataset)&&re({componentName:`VueUiMoodRadar`,type:`dataset`,debug:Xt.value}),k.value.responsive){let e=Te(()=>{let{width:e,height:t}=Ee({chart:T.value,title:N.value.title.text?zt.value:null,legend:N.value.legend.show?Bt.value:null,noTitle:Ft.value,source:Ht.value});requestAnimationFrame(()=>{z.value.width=e,z.value.height=t-12})});D.value&&(Vt.value&&D.value.unobserve(Vt.value),D.value.disconnect()),D.value=new ResizeObserver(e),Vt.value=T.value.parentNode,D.value.observe(Vt.value)}}let{userOptionsVisible:Qt,setUserOptionsVisibility:$t,keepUserOptionState:en}=ke({config:k.value}),{svgRef:I}=Ae({config:N.value.title});function tn(){return me(C.config,Nt,Me)}We(()=>C.config,e=>{k.value=tn(),Qt.value=!k.value.userOptions.showOnChartHover,Zt(),It.value+=1,Lt.value+=1,Rt.value+=1,R.value.showTable=k.value.table.show},{deep:!0});let{isPrinting:nn,isImaging:L,generatePdf:rn,generateImage:an}=we({elementId:w.value,fileName:N.value.title.text||`vue-ui-mood-radar`,options:k.value.userOptions.print}),on=o(()=>k.value.userOptions.show&&!N.value.title.text),R=_({showTable:k.value.table.show}),z=_({height:256,width:256}),sn={5:{x:128,y:35},4:{x:218,y:98.5},3:{x:185,y:204},2:{x:70,y:204},1:{x:38.5,y:98.5}},cn=o(()=>{let e={};return pn.value.forEach(t=>{e[t.key]={x:t.x,y:t.y}}),e});function B(e){let t=sn[e],n=cn.value[e]||t;return`translate(${n.x-t.x}, ${n.y-t.y})`}let ln=o(()=>ee({plot:{x:z.value.width/2,y:z.value.height/2},radius:Math.min(z.value.height,z.value.width)*.35,sides:5,rotation:11}));function un({centerX:e,centerY:t,apexX:n,apexY:r,proportion:i,key:a,value:ee}){return{x:e+(n-e)*i,y:t+(r-t)*i,key:a,value:ee}}let dn=o(()=>Math.max(...Object.values(F.value).map(e=>isNaN(e)?0:e))),V=o(()=>Object.values(F.value).reduce((e,t)=>(isNaN(e)?0:e)+(isNaN(t)?0:t),0)),H=o(()=>Object.keys(F.value).map((e,t)=>{let n=typeof F.value[e]!=`number`||isNaN(F.value[e])?0:F.value[e];return{index:t,key:e,value:n,proportion:n/V.value,color:j.value.colors[e]}}).map(e=>({...e,onSelect:()=>U(e.key)})).sort((e,t)=>t.key-e.key)),fn=o(()=>H.value.map((e,t)=>({...e,display:`${ie(M.value.dataLabel.formatter,e.value,n({p:M.value.dataLabel.prefix,v:e.value,s:M.value.dataLabel.suffix,r:M.value.dataLabel.roundingValue}))}${Yt.value?``:` (${n({v:e.proportion*100,s:`%`,r:N.value.legend.roundingPercentage})})`}`}))),pn=o(()=>([`1`,`2`,`3`,`4`,`5`].forEach(e=>{[null,void 0].includes(F.value[e])&&re({componentName:`VueUiMoodRadar`,type:`datasetAttribute`,property:e,debug:Xt.value})}),ln.value.coordinates.map((e,t)=>{let n=un({centerX:z.value.width/2,centerY:z.value.height/2,apexX:e.x,apexY:e.y,proportion:H.value[t].value/dn.value,key:H.value[t].key,value:H.value[t].value});return{...e,plots:n,key:H.value[t].key}}))),mn=o(()=>({cy:`mood-radar-legend`,backgroundColor:N.value.legend.backgroundColor,color:N.value.legend.color,fontSize:N.value.legend.fontSize,paddingBottom:12,fontWeight:N.value.legend.bold?`bold`:``}));function U(e){e===E.value?E.value=null:(E.value=e,K(e))}function W(e){E.value=e;let t=H.value.find(t=>t.key===e);k.value.events.datapointEnter&&k.value.events.datapointEnter({datapoint:t,seriesIndex:t.index})}function G(e){E.value=null;let t=H.value.find(t=>t.key===e);k.value.events.datapointLeave&&k.value.events.datapointLeave({datapoint:t,seriesIndex:t.index})}function K(e){let t=H.value.find(t=>t.key===e);k.value.events.datapointClick&&k.value.events.datapointClick({datapoint:t,seriesIndex:t.index})}let q=o(()=>({head:H.value.map(e=>({name:e.key,color:e.color})),body:H.value.map(e=>isNaN(e.value)?0:e.value)}));function hn(e=null){Re(()=>{let t=q.value.head.map((e,t)=>[[e.name],[q.value.body[t]],[isNaN(q.value.body[t]/V.value)?`-`:q.value.body[t]/V.value*100]]),n=[[N.value.title.text],[N.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(t),i=r(n);e?e(i):oe({csvContent:i,title:N.value.title.text||`vue-ui-mood-radar`})})}let J=o(()=>({head:[`__SUM__`,Number(V.value.toFixed(k.value.table.td.roundingValue)).toLocaleString(),`100%`],body:q.value.head.map((e,t)=>[{color:e.color,name:e.name},q.value.body[t].toFixed(k.value.table.td.roundingValue),isNaN(q.value.body[t]/V.value)?`-`:(q.value.body[t]/V.value*100).toFixed(k.value.table.td.roundingPercentage)+`%`]),config:{th:{backgroundColor:k.value.table.th.backgroundColor,color:k.value.table.th.color,outline:k.value.table.th.outline},td:{backgroundColor:k.value.table.td.backgroundColor,color:k.value.table.td.color,outline:k.value.table.td.outline},breakpoint:k.value.table.responsiveBreakpoint},colNames:[k.value.table.columnNames.series,k.value.table.columnNames.value,k.value.table.columnNames.percentage]}));function gn(){return H.value}function _n(){R.value.showTable=!R.value.showTable}let Y=_(!1);function vn(e){Y.value=e}let X=_(!1);function yn(){X.value=!X.value}let bn=he(T,()=>N.value.title.text),Z=o(()=>ye({config:k,style:N,mutableConfig:R,dialog:Mt,accordion:Dt,isFullscreen:Y,parent:T,maxWidth:800,isCursorPointer:P}));We(()=>R.value.showTable,e=>ve(e,k,Wt));function xn(){R.value.showTable=!1,Gt.value&&Gt.value.setTableIconState(!1)}let Sn=o(()=>fn.value.map(e=>({...e,name:e.display,shape:`circle`}))),Cn=o(()=>N.value.backgroundColor),wn=o(()=>N.value.legend),Tn=o(()=>N.value.title),{isCallbackImaging:En,isCallbackSvg:Dn,generateSvg:On,onGenerateImage:kn}=_e({svg:I,title:Tn,legend:wn,legendItems:Sn,backgroundColor:Cn,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:an});async function An(){Pt(`copyAlt`,{config:k.value,dataset:H.value}),k.value.userOptions.callbacks.altCopy?await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:H.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}let Q=o(()=>H.value.map(e=>String(e.key)));function jn(){$t(!0)}function Mn(){$t(!1)}function Nn(e){return H.value.find(t=>String(t.key)===String(e))}function Pn(e,t,r){return ie(M.value.dataLabel.formatter,e,n({p:M.value.dataLabel.prefix,v:e,s:M.value.dataLabel.suffix,r:M.value.dataLabel.roundingValue}),{datapoint:r,seriesIndex:t})}function Fn(e){return n({v:V.value?e/V.value*100:0,s:`%`,r:M.value.dataLabel.roundingPercentage})}function $(e){let t=Nn(e);return t?`${e}, ${Pn(t.value,t.index,t)}, ${Fn(t.value)}`:`${e}`}function In(e){let t=Q.value[e];t&&(O.value=e,E.value=t)}function Ln(){Kt.value=!0}function Rn(){O.value=null,E.value=null,Kt.value=!1}function zn(e){if(!I.value||!Q.value.length||X.value||document.activeElement!==I.value)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].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){O.value=null,E.value=null;return}if(r){if(O.value===null)return;let e=Q.value[O.value];if(!e)return;U(e);return}let a=O.value;a===null||a<0||a>=Q.value.length?a=n?0:Q.value.length-1:n?(a+=1,a>=Q.value.length&&(a=0)):t&&(--a,a<0&&(a=Q.value.length-1)),In(a)}function Bn(e,t){let n=e.key===`Enter`||e.key===` `,r=e.key===`Escape`;(n||r)&&(e.preventDefault(),e.stopPropagation(),r?(O.value=null,E.value=null):U(String(t)))}let Vn=o(()=>({headers:J.value?.colNames??[],rows:H.value.map(e=>[String(e.key),Pn(e.value,e.index,e),Fn(e.value)])}));return pe({getData:gn,getImage:bn,generatePdf:rn,generateCsv:hn,generateImage:an,generateSvg:On,toggleTable:_n,toggleAnnotator:yn,toggleFullscreen:vn,copyAlt:An}),(e,t)=>(g(),l(`div`,{class:ze(`vue-data-ui-component vue-ui-mood-radar ${Y.value?`vue-data-ui-wrapper-fullscreen`:``} ${k.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`moodRadarChart`,ref:T,id:`${w.value}`,style:h(`font-family:${k.value.style.fontFamily};width:100%; text-align:center;background:${N.value.backgroundColor}`),onMouseenter:jn,onMouseleave:Mn},[u(`div`,{id:`chart-instructions-${w.value}`,class:`sr-only`},[u(`p`,null,y(k.value.a11y.translations.keyboardNavigation),1)],8,qe),Vn.value?.rows?.length?(g(),s(Oe,{key:0,uid:w.value,head:Vn.value.headers,body:Vn.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):c(``,!0),A.value.buttons.annotator?(g(),s(b(kt),{key:1,svgRef:b(I),backgroundColor:N.value.backgroundColor,color:N.value.color,active:X.value,isCursorPointer:P.value,palette:A.value.annotatorPalette,onClose:yn},Fe({_:2},[Ve(b(xe),t=>({name:t,fn:x(n=>[v(e.$slots,t,m(p(b(be)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):c(``,!0),on.value?(g(),l(`div`,{key:2,ref_key:`noTitle`,ref:Ft,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):c(``,!0),N.value.title.text?(g(),l(`div`,{key:3,ref_key:`chartTitle`,ref:zt,style:`width:100%;background:transparent`},[d(ge,{config:{title:{cy:`mood-radar-title`,...N.value.title},subtitle:{cy:`mood-radar-subtitle`,...N.value.title.subtitle}}},null,8,[`config`])],512)):c(``,!0),u(`div`,{id:`legend-top-${w.value}`},null,8,Je),A.value.show&&qt.value&&(b(en)||b(Qt))?(g(),s(b(At),{key:4,ref_key:`userOptionsRef`,ref:Gt,backgroundColor:N.value.backgroundColor,color:N.value.color,isPrinting:b(nn),isImaging:b(L),uid:w.value,hasPdf:A.value.buttons.pdf,hasXls:A.value.buttons.csv,hasImg:A.value.buttons.img,hasSvg:A.value.buttons.svg,hasTable:A.value.buttons.table,hasFullscreen:A.value.buttons.fullscreen,hasAltCopy:A.value.buttons.altCopy,isFullscreen:Y.value,titles:{...A.value.buttonTitles},chartElement:T.value,position:A.value.position,hasAnnotator:A.value.buttons.annotator,isAnnotation:X.value,callbacks:A.value.callbacks,printScale:A.value.print.scale,tableDialog:k.value.table.useDialog,isCursorPointer:P.value,onToggleFullscreen:vn,onGeneratePdf:b(rn),onGenerateCsv:hn,onGenerateImage:b(kn),onGenerateSvg:b(On),onToggleTable:_n,onToggleAnnotator:yn,onCopyAlt:An,style:h({visibility:b(en)?b(Qt)?`visible`:`hidden`:`visible`})},Fe({_:2},[Ve(b(Se)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:x(n=>[v(e.$slots,t,m(p(b(Ce)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):c(``,!0),u(`div`,Ye,[(g(),l(`svg`,{ref_key:`svgRef`,ref:I,xmlns:b(se),"aria-describedby":`chart-instructions-${w.value}`,viewBox:`0 0 ${z.value.width} ${z.value.height}`,class:ze({"vue-data-ui-fullscreen--on":Y.value,"vue-data-ui-fulscreen--off":!Y.value}),style:h(`overflow:visible;background:transparent;color:${N.value.color}`),tabindex:`0`,onFocus:Ln,onBlur:Rn,onKeydown:zn},[d(b(jt)),v(e.$slots,`svg-underlayer`,{svg:{...z.value,isPrintingImg:b(nn)||b(L)||b(En),isPrintingSvg:b(Dn)}},void 0,!0),e.$slots[`chart-background`]?(g(),l(`foreignObject`,{key:0,x:0,y:0,width:z.value.width,height:z.value.height,style:{pointerEvents:`none`}},[v(e.$slots,`chart-background`,{},void 0,!0)],8,Ze)):c(``,!0),u(`defs`,null,[d(De,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`mood_radar_gradient_${w.value}`,stops:[[`0%`,b(i)(M.value.dataPolygon.color,M.value.dataPolygon.opacity),1],[`100%`,b(i)(b(ne)(M.value.dataPolygon.color,M.value.dataPolygon.gradient.intensity/100),M.value.dataPolygon.opacity),1]]},null,8,[`id`,`stops`])]),(g(!0),l(Ne,null,Ve(ln.value.coordinates,e=>(g(),l(`line`,{x1:z.value.width/2,y1:z.value.height/2,x2:e.x,y2:e.y,stroke:M.value.grid.stroke,"stroke-width":M.value.grid.strokeWidth},null,8,Qe))),256)),u(`path`,{d:ln.value.path,fill:`none`,stroke:M.value.outerPolygon.stroke,"stroke-width":M.value.outerPolygon.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,$e),u(`g`,{transform:B(`5`)},[u(`path`,{fill:`none`,stroke:j.value.colors[5],"stroke-width":`1`,"stroke-linecap":`round`,d:`M119 25A1 1 0 00137 25 1 1 0 00119 25M123 26C124 33 132 33 133 26L123 26M123 22A1 1 0 00126 22 1 1 0 00123 22M130 22A1 1 0 00133 22 1 1 0 00130 22`},null,8,tt),u(`circle`,{role:`button`,class:`vue-ui-mood-radar-trap`,cx:`128`,cy:`25`,r:`20`,"aria-label":$(`5`),fill:E.value===`5`?b(i)(j.value.colors[5],20):`transparent`,onMouseenter:t[0]||=e=>W(`5`),onMouseleave:t[1]||=e=>G(`5`),onClick:t[2]||=e=>K(`5`)},null,40,nt)],8,et),u(`g`,{transform:B(`4`)},[u(`path`,{fill:`none`,stroke:j.value.colors[4],"stroke-width":`1`,"stroke-linecap":`round`,d:`M218 95A1 1 0 00236 95 1 1 0 00218 95M222 97C225 99 229 99 232 97M222 92A1 1 0 00225 92 1 1 0 00222 92M229 92A1 1 0 00232 92 1 1 0 00229 92`},null,8,it),u(`circle`,{class:`vue-ui-mood-radar-trap`,cx:`227`,cy:`95.5`,r:`20`,"aria-label":$(`4`),fill:E.value===`4`?b(i)(j.value.colors[4],20):`transparent`,onMouseenter:t[3]||=e=>W(`4`),onMouseleave:t[4]||=e=>G(`4`),onClick:t[5]||=e=>K(`4`)},null,40,at)],8,rt),u(`g`,{transform:B(`3`)},[u(`path`,{fill:`none`,stroke:j.value.colors[3],"stroke-width":`1`,"stroke-linecap":`round`,d:`M181 213A1 1 0 00199 213 1 1 0 00181 213M185 210A1 1 0 00188 210 1 1 0 00185 210M192 210A1 1 0 00195 210 1 1 0 00192 210M185 215 195 215`},null,8,st),u(`circle`,{class:`vue-ui-mood-radar-trap`,cx:`190`,cy:`213.5`,r:`20`,"aria-label":$(`3`),fill:E.value===`3`?b(i)(j.value.colors[3],20):`transparent`,onMouseenter:t[6]||=e=>W(`3`),onMouseleave:t[7]||=e=>G(`3`),onClick:t[8]||=e=>K(`3`)},null,40,ct)],8,ot),u(`g`,{transform:B(`2`)},[u(`path`,{fill:`none`,stroke:j.value.colors[2],"stroke-width":`1`,"stroke-linecap":`round`,d:`M56 213A1 1 0 0074 213 1 1 0 0056 213M60 216C63 214 67 214 70 216M60 210A1 1 0 0063 210 1 1 0 0060 210M67 210A1 1 0 0070 210 1 1 0 0067 210`},null,8,ut),u(`circle`,{class:`vue-ui-mood-radar-trap`,cx:`65`,cy:`213.5`,r:`20`,"aria-label":$(`2`),fill:E.value===`2`?b(i)(j.value.colors[2],20):`transparent`,onMouseenter:t[9]||=e=>W(`2`),onMouseleave:t[10]||=e=>G(`2`),onClick:t[11]||=e=>K(`2`)},null,40,dt)],8,lt),u(`g`,{transform:B(`1`)},[u(`path`,{fill:`none`,stroke:j.value.colors[1],"stroke-width":`1`,"stroke-linecap":`round`,d:`M20 96A1 1 0 0038 96 1 1 0 0020 96M24 100C25 95 33 95 34 100L24 100M24 93A1 1 0 0027 93 1 1 0 0024 93M31 93A1 1 0 0034 93 1 1 0 0031 93`},null,8,pt),u(`circle`,{class:`vue-ui-mood-radar-trap`,cx:`29`,cy:`95.5`,r:`20`,"aria-label":$(`1`),fill:E.value===`1`?b(i)(j.value.colors[1],20):`transparent`,onMouseenter:t[12]||=e=>W(`1`),onMouseleave:t[13]||=e=>G(`1`),onClick:t[14]||=e=>K(`1`)},null,40,mt)],8,ft),u(`path`,{d:b(a)(pn.value.map(e=>e.plots)),stroke:M.value.dataPolygon.stroke,"stroke-width":M.value.dataPolygon.strokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:M.value.dataPolygon.gradient.show?`url(#mood_radar_gradient_${w.value})`:b(i)(M.value.dataPolygon.color,M.value.dataPolygon.opacity)},null,8,ht),(g(!0),l(Ne,null,Ve(pn.value.map(e=>e.plots),(e,t)=>(g(),l(`g`,{class:`vue-ui-mood-radar-trap`,style:h(`opacity:${E.value==e.key?`1`:`0`}`)},[u(`line`,{x1:e.x,y1:e.y,x2:z.value.width/2,y2:z.value.height/2,stroke:j.value.colors[e.key]},null,8,gt),u(`circle`,{cx:e.x,cy:e.y,fill:j.value.colors[e.key],r:`3`,stroke:N.value.backgroundColor,"stroke-width":.5},null,8,_t),u(`circle`,{cx:z.value.width/2,cy:z.value.height/2,fill:j.value.colors[e.key],r:`3`,stroke:N.value.backgroundColor,"stroke-width":.5},null,8,vt),u(`text`,{x:z.value.width/2,y:[`5`,5].includes(e.key)?z.value.height/2*1.13:z.value.height/2*.9375,fill:M.value.dataLabel.color,"font-size":`12`,"text-anchor":`middle`,"font-weight":M.value.dataLabel.bold?`bold`:`normal`},y(b(ie)(M.value.dataLabel.formatter,e.value,b(n)({p:M.value.dataLabel.prefix,v:e.value,s:M.value.dataLabel.suffix,r:M.value.dataLabel.roundingValue}),{datapoint:e,seriesIndex:t})),9,yt),u(`text`,{x:z.value.width/2,y:[`5`,5].includes(e.key)?z.value.height/2*1.273:z.value.height/2*.7968,fill:M.value.dataLabel.color,"font-size":`12`,"text-anchor":`middle`},` (`+y(b(n)({v:e.value/V.value*100,s:`%`,r:M.value.dataLabel.roundingPercentage}))+`) `,9,bt)],4))),256)),v(e.$slots,`svg`,{svg:{...z.value,isPrintingImg:b(nn)||b(L)||b(En),isPrintingSvg:b(Dn)}},void 0,!0)],46,Xe)),e.$slots.hint?(g(),l(`div`,xt,[v(e.$slots,`hint`,m(p({hint:k.value.a11y.translations.keyboardNavigation,isVisible:Kt.value})),void 0,!0)])):c(``,!0)]),e.$slots.watermark?(g(),l(`div`,St,[v(e.$slots,`watermark`,m(p({isPrinting:b(nn)||b(L)||b(En)||b(Dn)})),void 0,!0)])):c(``,!0),u(`div`,{id:`legend-bottom-${w.value}`},null,8,Ct),Ut.value&&(N.value.legend.show||e.$slots.legend)?(g(),s(Pe,{key:6,to:N.value.legend.position===`top`?`#legend-top-${w.value}`:`#legend-bottom-${w.value}`},[u(`div`,{ref_key:`chartLegend`,ref:Bt},[v(e.$slots,`legend`,{legend:H.value},()=>[N.value.legend.show?(g(),s(je,{legendSet:fn.value,config:mn.value,key:`legend_${Rt.value}`,isCursorPointer:P.value,style:{display:`flex`,"row-gap":`6px`},onFocusMarker:t[15]||=({legend:e})=>U(e.key)},{item:x(({legend:e,index:t})=>[u(`div`,{role:`button`,onClick:()=>U(e.key),style:{display:`flex`,"flex-direction":`row`,gap:`3px`,"align-items":`center`,margin:`3px 0`},onKeydown:t=>Bn(t,String(e.key))},[e.key==1?(g(),s(b(S),{key:0,strokeWidth:1,name:`moodSad`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),e.key==2?(g(),s(b(S),{key:1,strokeWidth:1,name:`moodFlat`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),e.key==3?(g(),s(b(S),{key:2,strokeWidth:1,name:`moodNeutral`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),e.key==4?(g(),s(b(S),{key:3,strokeWidth:1,name:`smiley`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),e.key==5?(g(),s(b(S),{key:4,strokeWidth:1,name:`moodHappy`,stroke:j.value.colors[e.key]},null,8,[`stroke`])):c(``,!0),b(Yt)?c(``,!0):(g(),l(`span`,{key:5,style:h({fontWeight:N.value.legend.bold?`bold`:`normal`})},y(e.display),5))],40,wt)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):c(``,!0)],!0)],512)],8,[`to`])):c(``,!0),e.$slots.source?(g(),l(`div`,{key:7,ref_key:`source`,ref:Ht,dir:`auto`},[v(e.$slots,`source`,{},void 0,!0)],512)):c(``,!0),qt.value&&A.value.buttons.table?(g(),s(He(Z.value.component),Le({key:8},Z.value.props,{ref_key:`tableUnit`,ref:Wt,onClose:xn}),Fe({content:x(()=>[d(b(Ot),{colNames:J.value.colNames,head:J.value.head,body:J.value.body,config:J.value.config,title:k.value.table.useDialog?``:Z.value.title,withCloseButton:!k.value.table.useDialog,isCursorPointer:P.value,onClose:xn},{th:x(({th:e})=>[e===`__SUM__`?(g(),l(`div`,Tt,[d(b(S),{name:`sigma`,stroke:J.value.config.th.color,size:16},null,8,[`stroke`])])):(g(),l(`div`,Et,y(e),1))]),td:x(({td:e})=>[Ie(y(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`])]),_:2},[k.value.table.useDialog?{name:`title`,fn:x(()=>[Ie(y(Z.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:x(()=>[u(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[16]||=e=>hn(A.value.callbacks.csv),style:h({cursor:P.value?`pointer`:`default`})},[d(b(S),{name:`fileCsv`,stroke:Z.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):c(``,!0),v(e.$slots,`skeleton`,{},()=>[b(Yt)?(g(),s(ue,{key:0})):c(``,!0)],!0)],46,Ke))}},[[`__scopeId`,`data-v-450be64a`]]);export{Ge as n,S as t};
|