vue-data-ui 3.27.1-beta.0 → 3.27.1
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/dist/{Arrow-CJeSufxg.js → Arrow-C2W0uGrq.js} +1 -1
- package/dist/{BaseDraggableDialog-T1gEsQid.js → BaseDraggableDialog-D_tuHEjO.js} +1 -1
- package/dist/{BaseIcon-Cz30ODFA.js → BaseIcon-DdIyewwY.js} +1 -1
- package/dist/{BaseLegendToggle-Dn_tNvn4.js → BaseLegendToggle-Bq5FjyuI.js} +1 -1
- package/dist/{BaseZoomControls-xq3tWD3j.js → BaseZoomControls-DoYifY2y.js} +1 -1
- package/dist/{ColorPicker-CUjEw53A.js → ColorPicker-MLwiwxl5.js} +1 -1
- package/dist/{DataTable-DSUA5M9p.js → DataTable-WNecJMcY.js} +1 -1
- package/dist/{HillActions-DdvXld3a.js → HillActions-CHg1AQ3p.js} +1 -1
- package/dist/{Legend-DokTll4u.js → Legend-D8YoT1RJ.js} +1 -1
- package/dist/{NonSvgPenAndPaper-BLzQuIm6.js → NonSvgPenAndPaper-CqtJpZKh.js} +1 -1
- package/dist/{PackageVersion-D6pKL176.js → PackageVersion-CdkxOy58.js} +1 -1
- package/dist/{PenAndPaper-DvJJaeU2.js → PenAndPaper-IMw576MC.js} +1 -1
- package/dist/{Shape-tkp65OcG.js → Shape-Bp9YNtPc.js} +1 -1
- package/dist/SlicerPreview-CNUciSbY.js +1 -0
- package/dist/{SparkTooltip-BlJLvizH.js → SparkTooltip-C5JMcBXT.js} +1 -1
- package/dist/{Title-BRAjxtjG.js → Title-BGYFqulv.js} +1 -1
- package/dist/{Tooltip-BUXB0i6z.js → Tooltip-Cus2-XNQ.js} +1 -1
- package/dist/{UserOptions-D65t74CM.js → UserOptions-DTxMeZv3.js} +1 -1
- package/dist/{chartImage-NwZO-elv.js → chartImage-CIvU_04o.js} +1 -1
- package/dist/components/arrow.js +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-accordion.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-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-icon.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-label.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/{dom-to-png-Cp3WLHmJ.js → dom-to-png-D8t3Bm7s.js} +1 -1
- package/dist/{exposedLib-CMTeSmyW.js → exposedLib-DHtyEc_G.js} +1 -1
- package/dist/{img-8sM3sVWU.js → img-DiT4ivZ5.js} +1 -1
- package/dist/{labelUtils-Djp5nJtN.js → labelUtils-CG3uVXoZ.js} +1 -1
- package/dist/{lib-zDxoqrgo.js → lib-CV_IANZ6.js} +2 -2
- package/dist/package-DE5cU1Rg.js +1 -0
- package/dist/{pdf-Dlv_ks7R.js → pdf-BQSB1V3H.js} +1 -1
- package/dist/{render-common-DOYi0f4Z.js → render-common-BdZ5aRyn.js} +1 -1
- package/dist/{resolveChartConfig-BSo1Oe9n.js → resolveChartConfig-DZg-korK.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/{useNestedProp-CT9phgWx.js → useNestedProp-CB186vF2.js} +1 -1
- package/dist/{useObjectBindings-DM3xDKV3.js → useObjectBindings-Dse7YyAf.js} +1 -1
- package/dist/{usePrinter-CnyKPIFM.js → usePrinter-hLW3cv4N.js} +1 -1
- package/dist/utils.js +1 -1
- package/dist/vue-data-ui-DyYgLIZN.js +1 -0
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-DiaiNy-k.js → vue-ui-3d-bar-BZAoyWkc.js} +1 -1
- package/dist/{vue-ui-accordion-Dy5OVFKr.js → vue-ui-accordion-BNvevckx.js} +1 -1
- package/dist/{vue-ui-age-pyramid-OeUr1yxi.js → vue-ui-age-pyramid-DkA6vpU3.js} +1 -1
- package/dist/{vue-ui-annotator-DA_xAFql.js → vue-ui-annotator-DuQME4Hh.js} +1 -1
- package/dist/{vue-ui-bullet-B9lcCTVb.js → vue-ui-bullet-BVs8JX8S.js} +1 -1
- package/dist/{vue-ui-bump-DYajIrva.js → vue-ui-bump-DYdm3EvF.js} +1 -1
- package/dist/{vue-ui-candlestick-CdAZuNxo.js → vue-ui-candlestick-DZgxl4mW.js} +1 -1
- package/dist/{vue-ui-carousel-table-ihGH0LDH.js → vue-ui-carousel-table-BB7DsTUt.js} +1 -1
- package/dist/{vue-ui-chestnut-B2aNXFNO.js → vue-ui-chestnut-Bo1h5rBt.js} +1 -1
- package/dist/{vue-ui-chord-fAckHfOW.js → vue-ui-chord-B6_veyvO.js} +1 -1
- package/dist/{vue-ui-circle-pack-BWHVImkS.js → vue-ui-circle-pack-Bm7e2YNh.js} +1 -1
- package/dist/{vue-ui-cursor-DdXKXmhr.js → vue-ui-cursor-TidZDuSh.js} +1 -1
- package/dist/{vue-ui-dag-a0fNoIcJ.js → vue-ui-dag-BiN_AnLo.js} +1 -1
- package/dist/{vue-ui-dashboard-DkdYMB7n.js → vue-ui-dashboard-zepAVN_W.js} +1 -1
- package/dist/{vue-ui-digits-CL9SuIEI.js → vue-ui-digits-CXKKmfGj.js} +1 -1
- package/dist/{vue-ui-donut-BaEodt-3.js → vue-ui-donut-CKkBtyPK.js} +1 -1
- package/dist/{vue-ui-donut-DaYxdQmP.js → vue-ui-donut-DLDUpjDU.js} +2 -2
- package/dist/{vue-ui-donut-evolution-T8cRXKRQ.js → vue-ui-donut-evolution-BxMTdE5G.js} +1 -1
- package/dist/{vue-ui-dumbbell-B6HJxEZp.js → vue-ui-dumbbell-C8rNwdz0.js} +1 -1
- package/dist/{vue-ui-flow-BlTCVFr3.js → vue-ui-flow-Dru76A2O.js} +1 -1
- package/dist/{vue-ui-funnel-WgLFJadZ.js → vue-ui-funnel-D_u1h5S9.js} +1 -1
- package/dist/{vue-ui-galaxy-B3nuI6E8.js → vue-ui-galaxy-sBEH18Xj.js} +1 -1
- package/dist/{vue-ui-gauge-BwTP65O4.js → vue-ui-gauge-Do3RN8ne.js} +1 -1
- package/dist/{vue-ui-geo-CX3yH18H.js → vue-ui-geo-DDbtx_iJ.js} +1 -1
- package/dist/{vue-ui-gizmo-CNHcBsku.js → vue-ui-gizmo-eic6xLjB.js} +1 -1
- package/dist/{vue-ui-heatmap-CTdeoar7.js → vue-ui-heatmap-DlmJRsM8.js} +1 -1
- package/dist/{vue-ui-hill-DR5k8GWZ.js → vue-ui-hill-C5oiuIXh.js} +1 -1
- package/dist/{vue-ui-history-plot-C-9uH-Uj.js → vue-ui-history-plot-BJjnkWcT.js} +1 -1
- package/dist/{vue-ui-horizontal-bar-qqF7pL7U.js → vue-ui-horizontal-bar-BRDBJEl1.js} +1 -1
- package/dist/{vue-ui-kpi-DVcLXGqG.js → vue-ui-kpi-C-eed3jO.js} +1 -1
- package/dist/{vue-ui-label-D1Aog-zO.js → vue-ui-label-B4pkXBxc.js} +1 -1
- package/dist/{vue-ui-mini-loader-CX0Dx9tT.js → vue-ui-mini-loader-CElmv_iF.js} +1 -1
- package/dist/{vue-ui-molecule-B13qVX71.js → vue-ui-molecule-BeyQWZU9.js} +1 -1
- package/dist/{vue-ui-mood-radar-C1BtB8lg.js → vue-ui-mood-radar-Bh0kHfiZ.js} +1 -1
- package/dist/{vue-ui-nested-donuts-B90yrlJG.js → vue-ui-nested-donuts-FlnJfDaF.js} +1 -1
- package/dist/{vue-ui-onion-UMVO2DE_.js → vue-ui-onion-BjhSpjtW.js} +1 -1
- package/dist/vue-ui-parallel-coordinate-plot-CHV6XDti.js +9 -0
- package/dist/{vue-ui-quadrant-CPG6yAiu.js → vue-ui-quadrant-BaKSTJDv.js} +1 -1
- package/dist/{vue-ui-quick-chart-BTPb-Iz8.js → vue-ui-quick-chart-Nc2mVlle.js} +1 -1
- package/dist/{vue-ui-radar-Hd-pE9ih.js → vue-ui-radar-BzUfkLlC.js} +1 -1
- package/dist/{vue-ui-rating-C_YxQYa_.js → vue-ui-rating-BwWXvbAg.js} +1 -1
- package/dist/{vue-ui-relation-circle-CHYG7ZJl.js → vue-ui-relation-circle-nAZEg-BL.js} +1 -1
- package/dist/{vue-ui-ridgeline-DS1Gvljt.js → vue-ui-ridgeline-DxLZg1E2.js} +1 -1
- package/dist/{vue-ui-rings-B-Hb13Uu.js → vue-ui-rings-BOti0NGb.js} +1 -1
- package/dist/{vue-ui-scatter-BTgvOmuo.js → vue-ui-scatter-CCNMggyo.js} +1 -1
- package/dist/{vue-ui-skeleton-B-Acw3CC.js → vue-ui-skeleton-DI7pcimU.js} +1 -1
- package/dist/{vue-ui-smiley-Ciwqt6ek.js → vue-ui-smiley-D70sJZWl.js} +1 -1
- package/dist/{vue-ui-spark-trend-CYqy6c0S.js → vue-ui-spark-trend-BVtfEalS.js} +1 -1
- package/dist/{vue-ui-sparkbar-CTXIgjmP.js → vue-ui-sparkbar-CdsLI7Ke.js} +1 -1
- package/dist/{vue-ui-sparkgauge-CObOL6s2.js → vue-ui-sparkgauge-wmj5Wnnp.js} +1 -1
- package/dist/{vue-ui-sparkhistogram-ClFyDez-.js → vue-ui-sparkhistogram-D8S_P_P4.js} +1 -1
- package/dist/{vue-ui-sparkline-DP_nYlW8.js → vue-ui-sparkline-BjsJnS_9.js} +1 -1
- package/dist/{vue-ui-sparkstackbar-B2f0ePMg.js → vue-ui-sparkstackbar-ZN8LXzoV.js} +1 -1
- package/dist/{vue-ui-stackbar-nMWHZ-f0.js → vue-ui-stackbar-Dx_EN3pT.js} +1 -1
- package/dist/{vue-ui-stackline-B95y6Zc5.js → vue-ui-stackline-DW-oxJvA.js} +1 -1
- package/dist/{vue-ui-strip-plot-gFNC4r-X.js → vue-ui-strip-plot-D7kjJ3Qh.js} +1 -1
- package/dist/{vue-ui-table-Br2JgD_L.js → vue-ui-table-CaFVLHxE.js} +1 -1
- package/dist/{vue-ui-table-heatmap-Btu2ejF4.js → vue-ui-table-heatmap-Ctf7Rhqo.js} +1 -1
- package/dist/vue-ui-table-sparkline-C0I0cXBS.js +1 -0
- package/dist/{vue-ui-thermometer-C6u1eLfo.js → vue-ui-thermometer-B6og15Al.js} +1 -1
- package/dist/{vue-ui-timer-DLgsfB1U.js → vue-ui-timer-DgXvO2Q7.js} +2 -2
- package/dist/{vue-ui-tiremarks-8B9uE1Bx.js → vue-ui-tiremarks-Dh6fZ454.js} +1 -1
- package/dist/{vue-ui-treemap-C4Mot-Os.js → vue-ui-treemap-7JuvN6P_.js} +1 -1
- package/dist/{vue-ui-waffle-BwcwNpf7.js → vue-ui-waffle-BqvGzfse.js} +1 -1
- package/dist/{vue-ui-wheel-B3OGCXg7.js → vue-ui-wheel-SdwJqKA7.js} +1 -1
- package/dist/{vue-ui-word-cloud-BPIyMBXq.js → vue-ui-word-cloud-1WVV_k12.js} +1 -1
- package/dist/{vue-ui-world-Cp0DeauH.js → vue-ui-world-DjMy_utm.js} +1 -1
- package/dist/{vue-ui-xy-BOE1jvUS.js → vue-ui-xy-DaozHMfg.js} +1 -1
- package/dist/{vue-ui-xy-canvas-CaxxiKSa.js → vue-ui-xy-canvas-CegvS9RR.js} +1 -1
- package/dist/{vue-ui-xy-DSyKSn4L.js → vue-ui-xy-rGHSI1am.js} +3 -3
- package/dist/vue_ui_donut_evolution-CVoh3twl.js +1 -0
- package/dist/vue_ui_quick_chart-BRfcRW6Z.js +1 -0
- package/package.json +1 -1
- package/dist/SlicerPreview-GFRs2EWB.js +0 -1
- package/dist/package-DIR2F6AE.js +0 -1
- package/dist/vue-data-ui-BG41UScx.js +0 -1
- package/dist/vue-ui-parallel-coordinate-plot-C0ofFivm.js +0 -9
- package/dist/vue-ui-table-sparkline-B9mYHAxp.js +0 -1
- package/dist/vue_ui_donut_evolution-nzVwNQYv.js +0 -1
- package/dist/vue_ui_quick_chart-Da1GwklM.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as c,Dt as l,Jt as ee,Qt as te,X as ne,Yt as re,_ as ie,_t as ae,at as oe,b as u,c as se,gt as ce,in as le,nt as ue,pt as de,rn as fe,t as pe,wt as me,zt as he}from"./lib-zDxoqrgo.js";import{n as ge,t as _e}from"./useHints-BH9r_0Vd.js";import{n as ve,r as ye,t as be}from"./useTimeLabels-Das5O74F.js";import{t as xe}from"./useConfig-CKdzPrcf.js";import{t as Se}from"./usePrinter-CnyKPIFM.js";import{n as Ce,t as we}from"./BaseScanner-8NdoBs7B.js";import{t as Te}from"./useNestedProp-CT9phgWx.js";import{t as Ee}from"./useThemeCheck-BKNRbGeC.js";import{t as De}from"./useChartExport-DtPNpc9M.js";import{t as Oe}from"./useTransitions-DfSHzsdz.js";import{t as ke}from"./useTimeLabelCollider-XQf_S7-z.js";import{t as Ae}from"./img-8sM3sVWU.js";import{n as je}from"./Title-BRAjxtjG.js";import{t as Me}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Ne,t as Pe}from"./useResponsive-D2CPcpda.js";import{t as Fe}from"./DefGrad-DKMq1REY.js";import{t as Ie}from"./SlicerPreview-GFRs2EWB.js";import{t as Le}from"./A11yDataTable-DWNlWXzs.js";import{t as Re}from"./useUserOptionState-CXlFnwPv.js";import{t as ze}from"./useChartAccessibility-DOMuYJfm.js";import{t as Be}from"./vue_ui_candlestick-DKvha_Ab.js";import{Fragment as d,computed as f,createBlock as Ve,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as He,createTextVNode as Ue,createVNode as We,defineAsyncComponent as g,guardReactiveProps as Ge,mergeProps as Ke,nextTick as qe,normalizeClass as _,normalizeProps as Je,normalizeStyle as Ye,onBeforeUnmount as Xe,onMounted as Ze,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as Qe,shallowRef as $e,toDisplayString as et,toRefs as tt,unref as S,watch as nt,watchEffect as rt,withCtx as C}from"vue";var it=/* @__PURE__ */ e({default:()=>zt}),at=[`id`],ot=[`id`],st={style:{position:`relative`}},ct=[`xmlns`,`aria-describedby`,`viewBox`],lt=[`x`,`y`,`width`,`height`],ut={key:1},dt={key:0},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],mt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],ht=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],gt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],_t=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],vt=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],yt=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],bt=[`transform`,`text-anchor`,`font-size`,`fill`,`stroke`,`font-weight`],xt=[`x`,`y`,`width`,`height`,`fill`,`rx`],St={key:0},Ct=[`cx`,`cy`,`r`,`fill`],wt=[`cx`,`cy`,`r`,`fill`],Tt={key:1},Et=[`x`,`y`,`width`,`height`,`rx`,`fill`],Dt=[`x`,`y`,`width`,`height`,`fill`,`rx`],Ot=[`x`,`y`,`height`,`width`,`fill`,`rx`],kt=[`x`,`y`,`height`,`width`,`fill`,`rx`,`stroke`,`stroke-width`],At=[`d`,`stroke`],jt=[`x`,`y`,`height`,`width`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],Mt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`,`stroke`,`stroke-opacity`,`stroke-width`,`stroke-dasharray`],Nt=[`data-start`,`data-end`],Pt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ft={key:5,class:`vue-data-ui-watermark`},It=[`d`,`stroke`],Lt=[`d`,`stroke`,`stroke-width`],Rt=[`innerHTML`],zt=/*#__PURE__*/ Me({__name:`vue-ui-candlestick`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},selectedXIndex:{type:Number,default:void 0},zoomState:{type:Object,default:null}},emits:[`selectX`,`zoomStart`,`zoomEnd`,`zoomReset`,`update:zoomState`,`copyAlt`],setup(e,{expose:Me,emit:it}){let zt=g(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),Bt=g(()=>import(`./Tooltip-BUXB0i6z.js`)),Vt=g(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),Ht=g(()=>import(`./DataTable-DSUA5M9p.js`)),Ut=g(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),Wt=g(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),Gt=g(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),Kt=g(()=>import(`./BaseDraggableDialog-T1gEsQid.js`).then(e=>e.n)),{vue_ui_candlestick:qt}=xe(),{isThemeValid:Jt,warnInvalidTheme:Yt}=Ee(),w=e,T=it,Xt=f(()=>!!w.dataset&&w.dataset.length),E=y(!1),Zt=y(null),D=y(ne()),Qt=y(!1),$t=y(``),O=y(void 0),en=y(0),k=y(null),tn=y(null),nn=y(null),rn=y(null),an=y(null),on=y(null),sn=y(0),cn=y(0),ln=y(0),un=y(null),dn=y(null),fn=y(null),pn=y(null),mn=y(null),A=y(null),hn=y({x:0,y:0}),gn=y(`pointer`),_n=y(!1),j=y(Dn()),M=f(()=>j.value.style.layout.candle),N=f(()=>j.value.style.layout.grid),P=f(()=>j.value.style.layout),F=f(()=>j.value.style),I=f(()=>j.value.userOptions);ge({config:()=>j.value,dataset:()=>w.dataset,component:`VueUiCandlestick`,rules:[_e.emptyArray,{test:e=>e.length>200,message:[`👀 Dataset has > 200 points, which can cause performance issues. Consider:`,``,`▶️ Adding date inputs to constraint the dataset into a specific timeframe`,``,`▶️ Aggregate the data to larger time series to reduce the number of datapoints.`]}]});let{transitionEnabled:vn}=Oe({config:()=>j.value.transitions,dataset:()=>w.dataset}),yn=f(()=>j.value.userOptions.useCursorPointer),bn=f(()=>le({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{backgroundColor:`#99999930`,layout:{candle:{colors:{bearish:`#BABABA`,bullish:`#CACACA`}},grid:{stroke:`#6A6A6A`,verticalLines:{stroke:`#6A6A6A`},horizontalLines:{stroke:`#6A6A6A`},yAxis:{dataLabels:{show:!1},scale:{min:null,max:null}}},wick:{stroke:`#6A6A6A`,extremity:{color:`#6A6A6A`}}},tooltip:{show:!1},zoom:{show:!1,startIndex:null,endIndex:null}}},userConfig:j.value.skeletonConfig??{}})),{loading:L,FINAL_DATASET:R,manualLoading:xn}=Ce({...tt(w),FINAL_CONFIG:j,prepareConfig:Dn,callback:()=>{Promise.resolve().then(async()=>{await Rr()})},skeletonDataset:w.config?.skeletonDataset??[[17040672e5,10,20,2,10,30],[17067456e5,10,30,5,20,50],[17092512e5,20,50,10,30,80],[17119296e5,30,80,20,50,130],[17145216e5,50,130,30,100,210],[17172e8,80,210,50,150,340],[1719792e6,130,340,80,280,550],[17224704e5,210,550,130,450,890],[17251488e5,340,890,210,750,1440],[17277408e5,550,1440,340,1230,2330],[17304192e5,890,2330,550,1950,3770],[17330112e5,1440,3770,890,3200,5100]],skeletonConfig:le({defaultConfig:j.value,userConfig:bn.value})}),{userOptionsVisible:Sn,setUserOptionsVisibility:Cn,keepUserOptionState:wn}=Re({config:j.value}),{svgRef:z}=ze({config:F.value.title});function Tn(){Cn(!0)}function En(){Cn(!1),T(`selectX`,{seriesIndex:null,datapoint:null}),O.value=null}function Dn(){let e=Te({userConfig:w.config,defaultConfig:qt}),t={};w.config&&me(w.config,`style.layout.grid.xAxis.dataLabels.showFirstAndLast`)&&(e.style.layout.grid.xAxis.dataLabels.showFirstAndLast=!!w.config.style.layout.grid.xAxis.dataLabels.showFirstAndLast);let n=e.theme;if(n){if(!Jt.value(e))Yt(e),t=e;else{let r=Te({userConfig:Be[n]||w.config,defaultConfig:e});t={...Te({userConfig:w.config,defaultConfig:r})}}}else t=e;return t}let On=te(w.config);nt(()=>w.config,(e,t)=>{let n=te(e),r=n!==On;On=n;let i=Dn();if(!r){j.value.style.tooltip=i.style.tooltip,V.value.showTooltip=j.value.style.tooltip.show;return}L.value||(j.value=Dn()),Sn.value=!j.value.userOptions.showOnChartHover,Mn(),sn.value+=1,ln.value+=1,cn.value+=1,V.value.showTable=j.value.table.show,V.value.showTooltip=F.value.tooltip.show,ar()},{deep:!0}),nt(()=>w.dataset,e=>{Array.isArray(e)&&e.length>0&&(xn.value=!1),Pr()},{deep:!0});let B=y({height:F.value.height,width:F.value.width,xAxisFontSize:N.value.xAxis.dataLabels.fontSize,yAxisFontSize:N.value.yAxis.dataLabels.fontSize}),kn=$e(null),An=$e(null);Ze(()=>{Mn()});let jn=f(()=>j.value.debug);function Mn(){if(he(w.dataset)&&(oe({componentName:`VueUiCandlestick`,type:`dataset`,debug:jn.value}),xn.value=!0),he(w.dataset)||(xn.value=j.value.loading),setTimeout(()=>{E.value=!0},10),j.value.responsive){let e=Ne(()=>{E.value=!1;let{width:e,height:t}=Pe({chart:k.value,title:F.value.title.text?tn.value:null,slicer:F.value.zoom.show&&U.value>6?rn.value.$el:null,legend:nn.value,source:an.value,noTitle:on.value});requestAnimationFrame(()=>{B.value.width=e,B.value.height=t-12,j.value.responsiveProportionalSizing?(B.value.xAxisFontSize=fe({relator:Math.min(e,t),adjuster:F.value.width,source:N.value.xAxis.dataLabels.fontSize,threshold:6,fallback:6}),B.value.yAxisFontSize=fe({relator:Math.min(e,t),adjuster:F.value.width,source:N.value.yAxis.dataLabels.fontSize,threshold:6,fallback:6})):(B.value.xAxisFontSize=N.value.xAxis.dataLabels.fontSize,B.value.yAxisFontSize=N.value.yAxis.dataLabels.fontSize),Zt.value&&clearTimeout(Zt.value),Zt.value=setTimeout(()=>{E.value=!0},10)})});kn.value&&(An.value&&kn.value.unobserve(An.value),kn.value.disconnect()),kn.value=new ResizeObserver(e),An.value=k.value.parentNode,kn.value.observe(An.value)}Rr()}Xe(()=>{kn.value&&(An.value&&kn.value.unobserve(An.value),kn.value.disconnect())});let{isPrinting:Nn,isImaging:Pn,generatePdf:Fn,generateImage:In}=Se({elementId:`vue-ui-candlestick_${D.value}`,fileName:F.value.title.text||`vue-ui-candlestick`,options:j.value.userOptions.print}),Ln=f(()=>j.value.userOptions.show&&!F.value.title.text),V=y({showTable:j.value.table.show,showTooltip:F.value.tooltip.show}),Rn=y(0),zn=Ne(e=>{Rn.value=e},100);rt(e=>{let t=dn.value;if(!t)return;let n=new ResizeObserver(e=>{zn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Xe(()=>{Rn.value=0});let Bn=f(()=>{let e=0;return dn.value&&(e=Rn.value+B.value.xAxisFontSize),e}),Vn=f(()=>N.value.yAxis.position===`right`);function Hn(){let e=N.value.yAxis.dataLabels.offsetX;un.value&&(e=Array.from(un.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0));let t=N.value.yAxis.axisName?.show?N.value.yAxis.axisName.fontSize+N.value.yAxis.axisName.offsetX:0,n=e+13+t;return{left:Vn.value?0:n,right:Vn.value?n:0,scaleLabelsWidth:e,yAxisNameWidth:t,crosshair:13}}let H=f(()=>{let{top:e,right:t,bottom:n,left:r}=P.value.padding,i=Hn();return{top:e+12,right:B.value.width-t-i.right,left:r+i.left,bottom:B.value.height-n-Bn.value,width:B.value.width-r-t-i.left-i.right,height:B.value.height-e-n-Bn.value-12,scaleLabelsWidth:i.scaleLabelsWidth,yAxisNameWidth:i.yAxisNameWidth,crosshair:i.crosshair}}),Un=f(()=>{let{left:e,top:t,width:n,height:r}=H.value,i=W.value.start,a=W.value.end-i,o=n/a,s=G.value.start-i,c=G.value.end-i,l=Math.max(0,Math.min(a,s)),ee=Math.max(0,Math.min(a,c));return{x:e+l*o,y:t,width:(ee-l)*o,height:r,fill:F.value.zoom.preview.fill,stroke:F.value.zoom.preview.stroke,"stroke-width":F.value.zoom.preview.strokeWidth,"stroke-dasharray":F.value.zoom.preview.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:{pointerEvents:`none`,transition:`none !important`,animation:`none !important`}}}),U=f(()=>R.value.length),W=y({start:0,end:U.value}),G=y({start:0,end:U.value}),Wn=y(!1),Gn=y(!1),Kn=y(null),K=y(null),q=y(null),qn=y(!1),Jn=y({time:0,x:0,y:0,pointerType:null}),Yn=f(()=>F.value.zoom?.dragToZoom),J=f(()=>Yn.value.show&&Xt.value&&Ir.value&&U.value>1&&!L.value),Xn=null,Zn={},Qn=f(()=>F.value.zoom.preview.enable&&(G.value.start!==W.value.start||G.value.end!==W.value.end));function $n(e,t){G.value[e]=t}function er(e,t=W.value){if(!e||typeof e!=`object`)return null;let n=e.start!==void 0&&e.start!==null,r=e.end!==void 0&&e.end!==null;if(!n&&!r)return null;let i=Number(n?e.start:t.start),a=Number(r?e.end:t.end);return!Number.isFinite(i)||!Number.isFinite(a)?null:{start:i,end:a}}function tr(e){let t=er(e);t&&T(`update:zoomState`,t)}function nr(){Xn&&=(cancelAnimationFrame(Xn),null),Zn={}}function rr(e){let t=er(e);if(!t)return null;let{start:n,end:r}=t;return(n!==Number(W.value.start)||r!==Number(W.value.end))&&(nr(),W.value={start:n,end:r},G.value={start:n,end:r},ar()),{start:Number(W.value.start),end:Number(W.value.end)}}function ir(e){let t=rr(e);return t?(T(`update:zoomState`,t),t):null}function ar(){let e=Math.max(0,Math.min(W.value.start??0,U.value-1)),t=Math.max(e+1,Math.min(W.value.end??U.value,U.value));(!Number.isFinite(e)||!Number.isFinite(t)||t<=e)&&(e=0,t=U.value),W.value.start=e,W.value.end=t,G.value.start=e,G.value.end=t,rn.value&&rn.value.setRangeValues(e,t)}let or=f(()=>R.value.map((e,t)=>({...e,absoluteIndex:t}))),sr=f(()=>or.value.slice(W.value.start,W.value.end)),Y=f(()=>(jn.value&&R.value.forEach((e,t)=>{[null,void 0].includes(e[0])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`period (index 0)`,index:t}),[null,void 0].includes(e[1])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`open (index 1)`,index:t}),[null,void 0].includes(e[2])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`high (index 2)`,index:t}),[null,void 0].includes(e[3])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`low (index 3)`,index:t}),[null,void 0].includes(e[4])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`close (index 4)`,index:t}),[null,void 0].includes(e[5])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`volume (index 5)`,index:t})}),sr.value.map(e=>({absoluteIndex:e.absoluteIndex,period:e[0],open:e[1],high:e[2],low:e[3],close:e[4],volume:e[5]})))),cr=f(()=>or.value.map(e=>({absoluteIndex:e.absoluteIndex,period:e[0],open:e[1],high:e[2],low:e[3],close:e[4],volume:e[5]}))),X=f(()=>H.value.width/sr.value.length),lr=f(()=>({max:N.value.yAxis.scale.max===null?Math.max(...Y.value.map(e=>e.high)):N.value.yAxis.scale.max,min:N.value.yAxis.scale.min===null?0:N.value.yAxis.scale.min})),Z=f(()=>ie(lr.value.min,lr.value.max,N.value.yAxis.dataLabels.steps));function ur(e,t,n=null,r=null){return{...e,x:u(H.value.left+t*X.value+X.value/2),y:u(H.value.top+(1-(e-Z.value.min)/(Z.value.max-Z.value.min))*H.value.height),value:u(e),isMax:e===n,isMin:e===r}}let Q=f(()=>{let e={o:Math.max(...Y.value.map(e=>e.open)),h:Math.max(...Y.value.map(e=>e.high)),l:Math.max(...Y.value.map(e=>e.low)),c:Math.max(...Y.value.map(e=>e.low))},t={o:Math.min(...Y.value.map(e=>e.open)),h:Math.min(...Y.value.map(e=>e.high)),l:Math.min(...Y.value.map(e=>e.low)),c:Math.min(...Y.value.map(e=>e.low))},n=Math.max(...Y.value.map(e=>e.volume)),r=Math.min(...Y.value.map(e=>e.volume));return Y.value.map((i,a)=>{let o=ur(i.open,a,e.o,t.o),s=ur(i.high,a,e.h,t.h),c=ur(i.low,a,e.l,t.l),l=ur(i.close,a,e.c,t.c),ee=i.close>i.open,te=i.volume===n,ne=i.volume===r;return{period:i.period,open:o,high:s,low:c,close:l,volume:i.volume,isBullish:ee,absoluteIndex:i.absoluteIndex,isMaxVolume:te,isMinVolume:ne}})});function dr({item:e,index:t,minimapH:n,unitW:r}){let i=N.value.yAxis.scale.min??0,a=N.value.yAxis.scale.max??Math.max(...R.value.map(e=>e[2]));return{...e,x:u(t*r),y:u((1-(e-i)/(a-i))*n),value:u(e)}}let fr=f(()=>({minimapH:e,unitW:t})=>cr.value.map((n,r)=>{let i=dr({item:n.open,index:r,minimapH:e,unitW:t}),a=dr({item:n.high,index:r,minimapH:e,unitW:t}),o=dr({item:n.low,index:r,minimapH:e,unitW:t}),s=dr({item:n.close,index:r,minimapH:e,unitW:t}),c=n.close>n.open;return{period:n.period,open:i,high:a,low:o,close:s,volume:n.volume,isBullish:c,absoluteIndex:n.absoluteIndex}})),pr=f(()=>F.value.zoom.minimap.show?[{name:``,series:R.value.map(e=>e[2]),color:`#000000`,isVisible:!0}]:[]);function mr(e){return u((e-Z.value.min)/(Z.value.max-Z.value.min))}let hr=f(()=>Z.value.ticks.map(e=>({y:H.value.bottom-H.value.height*mr(e),value:u(e)}))),gr=f(()=>Y.value.map(e=>e.period)),$=y([]),_r=y([]),vr=0;rt(()=>{let e=++vr;(async()=>{let t=await be({values:R.value.map(e=>e[0]),maxDatapoints:R.value.length,formatter:N.value.xAxis.dataLabels.datetimeFormatter,start:W.value.start,end:W.value.end});e===vr&&($.value=t)})()});let yr=0;rt(()=>{let e=++yr;(async()=>{let t=await be({values:R.value.map(e=>e[0]),maxDatapoints:R.value.length,formatter:N.value.xAxis.dataLabels.datetimeFormatter,start:0,end:U.value});e===yr&&(_r.value=t)})()});let br=y({months:[],shortMonths:[],days:[],shortDays:[]}),xr=0;rt(()=>{let e=++xr,t=N.value.xAxis.dataLabels.datetimeFormatter;(async()=>{let n=await ye(t.locale).catch(()=>ye(`en`));e===xr&&(br.value=n.data)})()});let Sr=f(()=>{let e=N.value.xAxis.dataLabels.datetimeFormatter,t=ve({useUTC:e.useUTC,locale:br.value,januaryAsYear:e.januaryAsYear});return(e,n)=>{let r=R.value.map(e=>e[0])?.[e];return r==null?``:t.formatDate(new Date(r),n)}}),Cr=f(()=>(R.value.map(e=>e[0])||[]).map((e,t)=>({text:Sr.value(t,F.value.tooltip.timeFormat),absoluteIndex:t}))),wr=f(()=>(R.value.map(e=>e[0])||[]).map((e,t)=>({text:Sr.value(t,F.value.zoom.timeFormat),absoluteIndex:t}))),Tr=f(()=>{let e=Math.max(1,Math.floor(Number(N.value.xAxis.dataLabels.modulo)||1)),t=($.value||[]).map(e=>e?.text??``),n=(_r.value||[]).map(e=>e?.text??``),r=W.value.start??0,i=r>0||t.length<n.length;return ce({configuredModulo:e,visibleTexts:t,allTexts:n,startAbs:r,isZoomed:i})}),Er=f(()=>{let e=N.value.xAxis.dataLabels,t=$.value||[],n=_r.value||[],r=W.value.start??0,i=O.value,a=U.value,o=t.map(e=>e?.text??``),s=n.map(e=>e?.text??``),c=se(!!e.showOnlyFirstAndLast,!!e.showOnlyAtModulo,Tr.value,o,s,r,i,a);if(!e.showFirstAndLast||e.showOnlyFirstAndLast||!c.length)return c;let l=c.length-1;return c.map((e,t)=>t!==0&&t!==l?e:{...e,text:o[t]??``})}),Dr=f(()=>N.value.xAxis.dataLabels.datetimeFormatter.enable?{start:$.value.find(e=>e.absoluteIndex===W.value.start)?.text??``,end:$.value.find(e=>e.absoluteIndex===W.value.end-1)?.text??``}:{start:R.value[W.value.start]?R.value[W.value.start][0]:R.value[0][0],end:R.value[W.value.end-1]?R.value[W.value.end-1][0]:R.value.at(-1)[0]}),Or=y(null);function kr(e,t){j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:t,seriesIndex:e+W.value.start})}function Ar(e,t){j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:t,seriesIndex:e+W.value.start}),O.value=void 0,Qt.value=!1,A.value=null,gn.value=`pointer`}nt(()=>w.selectedXIndex,e=>{if([null,void 0].includes(w.selectedXIndex)){O.value=null;return}let t=e-W.value.start;t<0||e>=W.value.end?O.value=null:O.value=t??null},{immediate:!0});function jr(e,t,n=`pointer`){j.value.events.datapointEnter&&j.value.events.datapointEnter({datapoint:t,seriesIndex:e+W.value.start}),O.value=e,A.value=e,gn.value=n,Or.value={datapoint:t,seriesIndex:e,series:Q.value,config:j.value},wi({seriesIndex:e,datapoint:t});let r=F.value.tooltip.customFormat;if(l(r)&&de(()=>r({seriesIndex:e,datapoint:t,series:Q.value,config:j.value})))$t.value=r({seriesIndex:e,datapoint:t,series:Q.value,config:j.value});else if(F.value.tooltip.show){let n=``,{period:r,open:i,high:a,low:o,close:c,volume:l,isBullish:ee}=Q.value[e],{period:te,open:ne,high:re,low:ie,close:ae,volume:oe}=j.value.translations,u=N.value.xAxis.dataLabels.datetimeFormatter.enable?F.value.tooltip.useDefaultTimeFormat?$.value[e].text:Cr.value[e].text:r;n+=`<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${M.value.borderRadius*3}" stroke="${M.value.stroke}" stroke-width="${M.value.strokeWidth}"
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as c,Dt as l,Jt as ee,Qt as te,X as ne,Yt as re,_ as ie,_t as ae,at as oe,b as u,c as se,gt as ce,in as le,nt as ue,pt as de,rn as fe,t as pe,wt as me,zt as he}from"./lib-CV_IANZ6.js";import{n as ge,t as _e}from"./useHints-BH9r_0Vd.js";import{n as ve,r as ye,t as be}from"./useTimeLabels-Das5O74F.js";import{t as xe}from"./useConfig-CKdzPrcf.js";import{t as Se}from"./usePrinter-hLW3cv4N.js";import{n as Ce,t as we}from"./BaseScanner-8NdoBs7B.js";import{t as Te}from"./useNestedProp-CB186vF2.js";import{t as Ee}from"./useThemeCheck-BKNRbGeC.js";import{t as De}from"./useChartExport-DtPNpc9M.js";import{t as Oe}from"./useTransitions-DfSHzsdz.js";import{t as ke}from"./useTimeLabelCollider-XQf_S7-z.js";import{t as Ae}from"./img-DiT4ivZ5.js";import{n as je}from"./Title-BGYFqulv.js";import{t as Me}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Ne,t as Pe}from"./useResponsive-D2CPcpda.js";import{t as Fe}from"./DefGrad-DKMq1REY.js";import{t as Ie}from"./SlicerPreview-CNUciSbY.js";import{t as Le}from"./A11yDataTable-DWNlWXzs.js";import{t as Re}from"./useUserOptionState-CXlFnwPv.js";import{t as ze}from"./useChartAccessibility-DOMuYJfm.js";import{t as Be}from"./vue_ui_candlestick-DKvha_Ab.js";import{Fragment as d,computed as f,createBlock as Ve,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as He,createTextVNode as Ue,createVNode as We,defineAsyncComponent as g,guardReactiveProps as Ge,mergeProps as Ke,nextTick as qe,normalizeClass as _,normalizeProps as Je,normalizeStyle as Ye,onBeforeUnmount as Xe,onMounted as Ze,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as Qe,shallowRef as $e,toDisplayString as et,toRefs as tt,unref as S,watch as nt,watchEffect as rt,withCtx as C}from"vue";var it=/* @__PURE__ */ e({default:()=>zt}),at=[`id`],ot=[`id`],st={style:{position:`relative`}},ct=[`xmlns`,`aria-describedby`,`viewBox`],lt=[`x`,`y`,`width`,`height`],ut={key:1},dt={key:0},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],mt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],ht=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],gt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],_t=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],vt=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],yt=[`transform`,`text-anchor`,`font-size`,`fill`,`font-weight`],bt=[`transform`,`text-anchor`,`font-size`,`fill`,`stroke`,`font-weight`],xt=[`x`,`y`,`width`,`height`,`fill`,`rx`],St={key:0},Ct=[`cx`,`cy`,`r`,`fill`],wt=[`cx`,`cy`,`r`,`fill`],Tt={key:1},Et=[`x`,`y`,`width`,`height`,`rx`,`fill`],Dt=[`x`,`y`,`width`,`height`,`fill`,`rx`],Ot=[`x`,`y`,`height`,`width`,`fill`,`rx`],kt=[`x`,`y`,`height`,`width`,`fill`,`rx`,`stroke`,`stroke-width`],At=[`d`,`stroke`],jt=[`x`,`y`,`height`,`width`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],Mt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`,`stroke`,`stroke-opacity`,`stroke-width`,`stroke-dasharray`],Nt=[`data-start`,`data-end`],Pt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Ft={key:5,class:`vue-data-ui-watermark`},It=[`d`,`stroke`],Lt=[`d`,`stroke`,`stroke-width`],Rt=[`innerHTML`],zt=/*#__PURE__*/ Me({__name:`vue-ui-candlestick`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},selectedXIndex:{type:Number,default:void 0},zoomState:{type:Object,default:null}},emits:[`selectX`,`zoomStart`,`zoomEnd`,`zoomReset`,`update:zoomState`,`copyAlt`],setup(e,{expose:Me,emit:it}){let zt=g(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Bt=g(()=>import(`./Tooltip-Cus2-XNQ.js`)),Vt=g(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Ht=g(()=>import(`./DataTable-WNecJMcY.js`)),Ut=g(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Wt=g(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Gt=g(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Kt=g(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_candlestick:qt}=xe(),{isThemeValid:Jt,warnInvalidTheme:Yt}=Ee(),w=e,T=it,Xt=f(()=>!!w.dataset&&w.dataset.length),E=y(!1),Zt=y(null),D=y(ne()),Qt=y(!1),$t=y(``),O=y(void 0),en=y(0),k=y(null),tn=y(null),nn=y(null),rn=y(null),an=y(null),on=y(null),sn=y(0),cn=y(0),ln=y(0),un=y(null),dn=y(null),fn=y(null),pn=y(null),mn=y(null),A=y(null),hn=y({x:0,y:0}),gn=y(`pointer`),_n=y(!1),j=y(Dn()),M=f(()=>j.value.style.layout.candle),N=f(()=>j.value.style.layout.grid),P=f(()=>j.value.style.layout),F=f(()=>j.value.style),I=f(()=>j.value.userOptions);ge({config:()=>j.value,dataset:()=>w.dataset,component:`VueUiCandlestick`,rules:[_e.emptyArray,{test:e=>e.length>200,message:[`👀 Dataset has > 200 points, which can cause performance issues. Consider:`,``,`▶️ Adding date inputs to constraint the dataset into a specific timeframe`,``,`▶️ Aggregate the data to larger time series to reduce the number of datapoints.`]}]});let{transitionEnabled:vn}=Oe({config:()=>j.value.transitions,dataset:()=>w.dataset}),yn=f(()=>j.value.userOptions.useCursorPointer),bn=f(()=>le({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{backgroundColor:`#99999930`,layout:{candle:{colors:{bearish:`#BABABA`,bullish:`#CACACA`}},grid:{stroke:`#6A6A6A`,verticalLines:{stroke:`#6A6A6A`},horizontalLines:{stroke:`#6A6A6A`},yAxis:{dataLabels:{show:!1},scale:{min:null,max:null}}},wick:{stroke:`#6A6A6A`,extremity:{color:`#6A6A6A`}}},tooltip:{show:!1},zoom:{show:!1,startIndex:null,endIndex:null}}},userConfig:j.value.skeletonConfig??{}})),{loading:L,FINAL_DATASET:R,manualLoading:xn}=Ce({...tt(w),FINAL_CONFIG:j,prepareConfig:Dn,callback:()=>{Promise.resolve().then(async()=>{await Rr()})},skeletonDataset:w.config?.skeletonDataset??[[17040672e5,10,20,2,10,30],[17067456e5,10,30,5,20,50],[17092512e5,20,50,10,30,80],[17119296e5,30,80,20,50,130],[17145216e5,50,130,30,100,210],[17172e8,80,210,50,150,340],[1719792e6,130,340,80,280,550],[17224704e5,210,550,130,450,890],[17251488e5,340,890,210,750,1440],[17277408e5,550,1440,340,1230,2330],[17304192e5,890,2330,550,1950,3770],[17330112e5,1440,3770,890,3200,5100]],skeletonConfig:le({defaultConfig:j.value,userConfig:bn.value})}),{userOptionsVisible:Sn,setUserOptionsVisibility:Cn,keepUserOptionState:wn}=Re({config:j.value}),{svgRef:z}=ze({config:F.value.title});function Tn(){Cn(!0)}function En(){Cn(!1),T(`selectX`,{seriesIndex:null,datapoint:null}),O.value=null}function Dn(){let e=Te({userConfig:w.config,defaultConfig:qt}),t={};w.config&&me(w.config,`style.layout.grid.xAxis.dataLabels.showFirstAndLast`)&&(e.style.layout.grid.xAxis.dataLabels.showFirstAndLast=!!w.config.style.layout.grid.xAxis.dataLabels.showFirstAndLast);let n=e.theme;if(n){if(!Jt.value(e))Yt(e),t=e;else{let r=Te({userConfig:Be[n]||w.config,defaultConfig:e});t={...Te({userConfig:w.config,defaultConfig:r})}}}else t=e;return t}let On=te(w.config);nt(()=>w.config,(e,t)=>{let n=te(e),r=n!==On;On=n;let i=Dn();if(!r){j.value.style.tooltip=i.style.tooltip,V.value.showTooltip=j.value.style.tooltip.show;return}L.value||(j.value=Dn()),Sn.value=!j.value.userOptions.showOnChartHover,Mn(),sn.value+=1,ln.value+=1,cn.value+=1,V.value.showTable=j.value.table.show,V.value.showTooltip=F.value.tooltip.show,ar()},{deep:!0}),nt(()=>w.dataset,e=>{Array.isArray(e)&&e.length>0&&(xn.value=!1),Pr()},{deep:!0});let B=y({height:F.value.height,width:F.value.width,xAxisFontSize:N.value.xAxis.dataLabels.fontSize,yAxisFontSize:N.value.yAxis.dataLabels.fontSize}),kn=$e(null),An=$e(null);Ze(()=>{Mn()});let jn=f(()=>j.value.debug);function Mn(){if(he(w.dataset)&&(oe({componentName:`VueUiCandlestick`,type:`dataset`,debug:jn.value}),xn.value=!0),he(w.dataset)||(xn.value=j.value.loading),setTimeout(()=>{E.value=!0},10),j.value.responsive){let e=Ne(()=>{E.value=!1;let{width:e,height:t}=Pe({chart:k.value,title:F.value.title.text?tn.value:null,slicer:F.value.zoom.show&&U.value>6?rn.value.$el:null,legend:nn.value,source:an.value,noTitle:on.value});requestAnimationFrame(()=>{B.value.width=e,B.value.height=t-12,j.value.responsiveProportionalSizing?(B.value.xAxisFontSize=fe({relator:Math.min(e,t),adjuster:F.value.width,source:N.value.xAxis.dataLabels.fontSize,threshold:6,fallback:6}),B.value.yAxisFontSize=fe({relator:Math.min(e,t),adjuster:F.value.width,source:N.value.yAxis.dataLabels.fontSize,threshold:6,fallback:6})):(B.value.xAxisFontSize=N.value.xAxis.dataLabels.fontSize,B.value.yAxisFontSize=N.value.yAxis.dataLabels.fontSize),Zt.value&&clearTimeout(Zt.value),Zt.value=setTimeout(()=>{E.value=!0},10)})});kn.value&&(An.value&&kn.value.unobserve(An.value),kn.value.disconnect()),kn.value=new ResizeObserver(e),An.value=k.value.parentNode,kn.value.observe(An.value)}Rr()}Xe(()=>{kn.value&&(An.value&&kn.value.unobserve(An.value),kn.value.disconnect())});let{isPrinting:Nn,isImaging:Pn,generatePdf:Fn,generateImage:In}=Se({elementId:`vue-ui-candlestick_${D.value}`,fileName:F.value.title.text||`vue-ui-candlestick`,options:j.value.userOptions.print}),Ln=f(()=>j.value.userOptions.show&&!F.value.title.text),V=y({showTable:j.value.table.show,showTooltip:F.value.tooltip.show}),Rn=y(0),zn=Ne(e=>{Rn.value=e},100);rt(e=>{let t=dn.value;if(!t)return;let n=new ResizeObserver(e=>{zn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Xe(()=>{Rn.value=0});let Bn=f(()=>{let e=0;return dn.value&&(e=Rn.value+B.value.xAxisFontSize),e}),Vn=f(()=>N.value.yAxis.position===`right`);function Hn(){let e=N.value.yAxis.dataLabels.offsetX;un.value&&(e=Array.from(un.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0));let t=N.value.yAxis.axisName?.show?N.value.yAxis.axisName.fontSize+N.value.yAxis.axisName.offsetX:0,n=e+13+t;return{left:Vn.value?0:n,right:Vn.value?n:0,scaleLabelsWidth:e,yAxisNameWidth:t,crosshair:13}}let H=f(()=>{let{top:e,right:t,bottom:n,left:r}=P.value.padding,i=Hn();return{top:e+12,right:B.value.width-t-i.right,left:r+i.left,bottom:B.value.height-n-Bn.value,width:B.value.width-r-t-i.left-i.right,height:B.value.height-e-n-Bn.value-12,scaleLabelsWidth:i.scaleLabelsWidth,yAxisNameWidth:i.yAxisNameWidth,crosshair:i.crosshair}}),Un=f(()=>{let{left:e,top:t,width:n,height:r}=H.value,i=W.value.start,a=W.value.end-i,o=n/a,s=G.value.start-i,c=G.value.end-i,l=Math.max(0,Math.min(a,s)),ee=Math.max(0,Math.min(a,c));return{x:e+l*o,y:t,width:(ee-l)*o,height:r,fill:F.value.zoom.preview.fill,stroke:F.value.zoom.preview.stroke,"stroke-width":F.value.zoom.preview.strokeWidth,"stroke-dasharray":F.value.zoom.preview.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:{pointerEvents:`none`,transition:`none !important`,animation:`none !important`}}}),U=f(()=>R.value.length),W=y({start:0,end:U.value}),G=y({start:0,end:U.value}),Wn=y(!1),Gn=y(!1),Kn=y(null),K=y(null),q=y(null),qn=y(!1),Jn=y({time:0,x:0,y:0,pointerType:null}),Yn=f(()=>F.value.zoom?.dragToZoom),J=f(()=>Yn.value.show&&Xt.value&&Ir.value&&U.value>1&&!L.value),Xn=null,Zn={},Qn=f(()=>F.value.zoom.preview.enable&&(G.value.start!==W.value.start||G.value.end!==W.value.end));function $n(e,t){G.value[e]=t}function er(e,t=W.value){if(!e||typeof e!=`object`)return null;let n=e.start!==void 0&&e.start!==null,r=e.end!==void 0&&e.end!==null;if(!n&&!r)return null;let i=Number(n?e.start:t.start),a=Number(r?e.end:t.end);return!Number.isFinite(i)||!Number.isFinite(a)?null:{start:i,end:a}}function tr(e){let t=er(e);t&&T(`update:zoomState`,t)}function nr(){Xn&&=(cancelAnimationFrame(Xn),null),Zn={}}function rr(e){let t=er(e);if(!t)return null;let{start:n,end:r}=t;return(n!==Number(W.value.start)||r!==Number(W.value.end))&&(nr(),W.value={start:n,end:r},G.value={start:n,end:r},ar()),{start:Number(W.value.start),end:Number(W.value.end)}}function ir(e){let t=rr(e);return t?(T(`update:zoomState`,t),t):null}function ar(){let e=Math.max(0,Math.min(W.value.start??0,U.value-1)),t=Math.max(e+1,Math.min(W.value.end??U.value,U.value));(!Number.isFinite(e)||!Number.isFinite(t)||t<=e)&&(e=0,t=U.value),W.value.start=e,W.value.end=t,G.value.start=e,G.value.end=t,rn.value&&rn.value.setRangeValues(e,t)}let or=f(()=>R.value.map((e,t)=>({...e,absoluteIndex:t}))),sr=f(()=>or.value.slice(W.value.start,W.value.end)),Y=f(()=>(jn.value&&R.value.forEach((e,t)=>{[null,void 0].includes(e[0])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`period (index 0)`,index:t}),[null,void 0].includes(e[1])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`open (index 1)`,index:t}),[null,void 0].includes(e[2])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`high (index 2)`,index:t}),[null,void 0].includes(e[3])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`low (index 3)`,index:t}),[null,void 0].includes(e[4])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`close (index 4)`,index:t}),[null,void 0].includes(e[5])&&oe({componentName:`VueUiCandlestick`,type:`datasetAttribute`,property:`volume (index 5)`,index:t})}),sr.value.map(e=>({absoluteIndex:e.absoluteIndex,period:e[0],open:e[1],high:e[2],low:e[3],close:e[4],volume:e[5]})))),cr=f(()=>or.value.map(e=>({absoluteIndex:e.absoluteIndex,period:e[0],open:e[1],high:e[2],low:e[3],close:e[4],volume:e[5]}))),X=f(()=>H.value.width/sr.value.length),lr=f(()=>({max:N.value.yAxis.scale.max===null?Math.max(...Y.value.map(e=>e.high)):N.value.yAxis.scale.max,min:N.value.yAxis.scale.min===null?0:N.value.yAxis.scale.min})),Z=f(()=>ie(lr.value.min,lr.value.max,N.value.yAxis.dataLabels.steps));function ur(e,t,n=null,r=null){return{...e,x:u(H.value.left+t*X.value+X.value/2),y:u(H.value.top+(1-(e-Z.value.min)/(Z.value.max-Z.value.min))*H.value.height),value:u(e),isMax:e===n,isMin:e===r}}let Q=f(()=>{let e={o:Math.max(...Y.value.map(e=>e.open)),h:Math.max(...Y.value.map(e=>e.high)),l:Math.max(...Y.value.map(e=>e.low)),c:Math.max(...Y.value.map(e=>e.low))},t={o:Math.min(...Y.value.map(e=>e.open)),h:Math.min(...Y.value.map(e=>e.high)),l:Math.min(...Y.value.map(e=>e.low)),c:Math.min(...Y.value.map(e=>e.low))},n=Math.max(...Y.value.map(e=>e.volume)),r=Math.min(...Y.value.map(e=>e.volume));return Y.value.map((i,a)=>{let o=ur(i.open,a,e.o,t.o),s=ur(i.high,a,e.h,t.h),c=ur(i.low,a,e.l,t.l),l=ur(i.close,a,e.c,t.c),ee=i.close>i.open,te=i.volume===n,ne=i.volume===r;return{period:i.period,open:o,high:s,low:c,close:l,volume:i.volume,isBullish:ee,absoluteIndex:i.absoluteIndex,isMaxVolume:te,isMinVolume:ne}})});function dr({item:e,index:t,minimapH:n,unitW:r}){let i=N.value.yAxis.scale.min??0,a=N.value.yAxis.scale.max??Math.max(...R.value.map(e=>e[2]));return{...e,x:u(t*r),y:u((1-(e-i)/(a-i))*n),value:u(e)}}let fr=f(()=>({minimapH:e,unitW:t})=>cr.value.map((n,r)=>{let i=dr({item:n.open,index:r,minimapH:e,unitW:t}),a=dr({item:n.high,index:r,minimapH:e,unitW:t}),o=dr({item:n.low,index:r,minimapH:e,unitW:t}),s=dr({item:n.close,index:r,minimapH:e,unitW:t}),c=n.close>n.open;return{period:n.period,open:i,high:a,low:o,close:s,volume:n.volume,isBullish:c,absoluteIndex:n.absoluteIndex}})),pr=f(()=>F.value.zoom.minimap.show?[{name:``,series:R.value.map(e=>e[2]),color:`#000000`,isVisible:!0}]:[]);function mr(e){return u((e-Z.value.min)/(Z.value.max-Z.value.min))}let hr=f(()=>Z.value.ticks.map(e=>({y:H.value.bottom-H.value.height*mr(e),value:u(e)}))),gr=f(()=>Y.value.map(e=>e.period)),$=y([]),_r=y([]),vr=0;rt(()=>{let e=++vr;(async()=>{let t=await be({values:R.value.map(e=>e[0]),maxDatapoints:R.value.length,formatter:N.value.xAxis.dataLabels.datetimeFormatter,start:W.value.start,end:W.value.end});e===vr&&($.value=t)})()});let yr=0;rt(()=>{let e=++yr;(async()=>{let t=await be({values:R.value.map(e=>e[0]),maxDatapoints:R.value.length,formatter:N.value.xAxis.dataLabels.datetimeFormatter,start:0,end:U.value});e===yr&&(_r.value=t)})()});let br=y({months:[],shortMonths:[],days:[],shortDays:[]}),xr=0;rt(()=>{let e=++xr,t=N.value.xAxis.dataLabels.datetimeFormatter;(async()=>{let n=await ye(t.locale).catch(()=>ye(`en`));e===xr&&(br.value=n.data)})()});let Sr=f(()=>{let e=N.value.xAxis.dataLabels.datetimeFormatter,t=ve({useUTC:e.useUTC,locale:br.value,januaryAsYear:e.januaryAsYear});return(e,n)=>{let r=R.value.map(e=>e[0])?.[e];return r==null?``:t.formatDate(new Date(r),n)}}),Cr=f(()=>(R.value.map(e=>e[0])||[]).map((e,t)=>({text:Sr.value(t,F.value.tooltip.timeFormat),absoluteIndex:t}))),wr=f(()=>(R.value.map(e=>e[0])||[]).map((e,t)=>({text:Sr.value(t,F.value.zoom.timeFormat),absoluteIndex:t}))),Tr=f(()=>{let e=Math.max(1,Math.floor(Number(N.value.xAxis.dataLabels.modulo)||1)),t=($.value||[]).map(e=>e?.text??``),n=(_r.value||[]).map(e=>e?.text??``),r=W.value.start??0,i=r>0||t.length<n.length;return ce({configuredModulo:e,visibleTexts:t,allTexts:n,startAbs:r,isZoomed:i})}),Er=f(()=>{let e=N.value.xAxis.dataLabels,t=$.value||[],n=_r.value||[],r=W.value.start??0,i=O.value,a=U.value,o=t.map(e=>e?.text??``),s=n.map(e=>e?.text??``),c=se(!!e.showOnlyFirstAndLast,!!e.showOnlyAtModulo,Tr.value,o,s,r,i,a);if(!e.showFirstAndLast||e.showOnlyFirstAndLast||!c.length)return c;let l=c.length-1;return c.map((e,t)=>t!==0&&t!==l?e:{...e,text:o[t]??``})}),Dr=f(()=>N.value.xAxis.dataLabels.datetimeFormatter.enable?{start:$.value.find(e=>e.absoluteIndex===W.value.start)?.text??``,end:$.value.find(e=>e.absoluteIndex===W.value.end-1)?.text??``}:{start:R.value[W.value.start]?R.value[W.value.start][0]:R.value[0][0],end:R.value[W.value.end-1]?R.value[W.value.end-1][0]:R.value.at(-1)[0]}),Or=y(null);function kr(e,t){j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:t,seriesIndex:e+W.value.start})}function Ar(e,t){j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:t,seriesIndex:e+W.value.start}),O.value=void 0,Qt.value=!1,A.value=null,gn.value=`pointer`}nt(()=>w.selectedXIndex,e=>{if([null,void 0].includes(w.selectedXIndex)){O.value=null;return}let t=e-W.value.start;t<0||e>=W.value.end?O.value=null:O.value=t??null},{immediate:!0});function jr(e,t,n=`pointer`){j.value.events.datapointEnter&&j.value.events.datapointEnter({datapoint:t,seriesIndex:e+W.value.start}),O.value=e,A.value=e,gn.value=n,Or.value={datapoint:t,seriesIndex:e,series:Q.value,config:j.value},wi({seriesIndex:e,datapoint:t});let r=F.value.tooltip.customFormat;if(l(r)&&de(()=>r({seriesIndex:e,datapoint:t,series:Q.value,config:j.value})))$t.value=r({seriesIndex:e,datapoint:t,series:Q.value,config:j.value});else if(F.value.tooltip.show){let n=``,{period:r,open:i,high:a,low:o,close:c,volume:l,isBullish:ee}=Q.value[e],{period:te,open:ne,high:re,low:ie,close:ae,volume:oe}=j.value.translations,u=N.value.xAxis.dataLabels.datetimeFormatter.enable?F.value.tooltip.useDefaultTimeFormat?$.value[e].text:Cr.value[e].text:r;n+=`<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${M.value.borderRadius*3}" stroke="${M.value.stroke}" stroke-width="${M.value.strokeWidth}"
|
|
2
2
|
fill="${M.value.gradient.show?ee?`url(#bullish_gradient_${D.value})`:`url(#bearish_gradient_${D.value})`:ee?M.value.colors.bullish:M.value.colors.bearish}"/></svg>${u}</div>`,n+=`${oe} : <b>${isNaN(l)?`-`:Number(l.toFixed(F.value.tooltip.roundingValue)).toLocaleString()}</b>`,n+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${F.value.tooltip.borderColor}">`;let se=s({p:F.value.tooltip.prefix,v:i.value,s:F.value.tooltip.suffix,r:F.value.tooltip.roundingValue}),ce=s({p:F.value.tooltip.prefix,v:a.value,s:F.value.tooltip.suffix,r:F.value.tooltip.roundingValue}),le=s({p:F.value.tooltip.prefix,v:o.value,s:F.value.tooltip.suffix,r:F.value.tooltip.roundingValue}),ue=s({p:F.value.tooltip.prefix,v:c.value,s:F.value.tooltip.suffix,r:F.value.tooltip.roundingValue});F.value.tooltip.showChart?n+=`<div style="width:100%;display:flex;align-items:center;justify-content:center;">
|
|
3
3
|
<svg viewBox="0 0 100 100" width="100px" style="background: transparent; overflow: visible">
|
|
4
4
|
<g>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./userOptionsSlots-DYuo-E5m.js";import{D as r,Jt as i,X as a,at as o,nt as ee,zt as s}from"./lib-zDxoqrgo.js";import{n as te,t as ne}from"./useHints-BH9r_0Vd.js";import{t as re}from"./useConfig-CKdzPrcf.js";import{t as ie}from"./usePrinter-CnyKPIFM.js";import{t as ae}from"./useNestedProp-CT9phgWx.js";import{t as oe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as se}from"./useUserOptionState-CXlFnwPv.js";import{t as ce}from"./usePrefersMotion-XLHwega2.js";import{Fragment as c,computed as l,createBlock as le,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as ue,createTextVNode as p,defineAsyncComponent as de,guardReactiveProps as fe,mergeProps as pe,nextTick as me,normalizeClass as he,normalizeProps as ge,normalizeStyle as m,onBeforeUnmount as h,onMounted as g,openBlock as _,ref as v,renderList as y,renderSlot as b,shallowRef as _e,toDisplayString as x,unref as S,useSlots as ve,watch as C,withCtx as ye}from"vue";var be=/* @__PURE__ */ e({default:()=>w}),xe=[`id`],Se=[`aria-labelledby`],Ce=[`id`],we=[`height`],Te=[`id`],Ee=[`data-cell`,`aria-label`,`height`],De={key:2,ref:`source`,dir:`auto`},w=/*#__PURE__*/ oe({__name:`vue-ui-carousel-table`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:oe,emit:be}){let w=de(()=>import(`./vue-ui-skeleton-B-Acw3CC.js`).then(e=>e.n)),Oe=de(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),{vue_ui_carousel_table:ke}=re(),Ae=ce(),T=e,je=be,E=v(a()),Me=v(!1),D=v(!!T.dataset),Ne=ve();g(()=>{Pe()});let O=l({get:()=>N(),set:e=>e}),k=l(()=>O.value.debug);g(()=>{Ne[`chart-background`]&&k.value&&console.warn(`VueUiCarouselTable does not support the #chart-background slot.`)});function Pe(){s(T.dataset)?o({componentName:`VueUiCarouselTable`,type:`dataset`,debug:k.value}):((!T.dataset.head||s(T.dataset.head))&&(o({componentName:`VueUiCarouselTable`,type:`datasetAttribute`,property:`head`,debug:k.value}),D.value=!1),(!T.dataset.body||s(T.dataset.body))&&(o({componentName:`VueUiCarouselTable`,type:`datasetAttribute`,property:`body`,debug:k.value}),D.value=!1)),Ae.value&&(O.value.userOptions.buttons.animation=!1)}te({config:()=>O.value,dataset:()=>T.dataset,component:`VueUiCarouselTable`,rules:[ne.noHint]});let Fe=l(()=>O.value.userOptions.useCursorPointer),{userOptionsVisible:A,setUserOptionsVisibility:j,keepUserOptionState:M}=se({config:O.value});function N(){return ae({userConfig:T.config,defaultConfig:ke})}C(()=>T.config,e=>{O.value=N(),A.value=!O.value.userOptions.showOnChartHover,Pe()},{deep:!0}),C(()=>T.dataset,e=>{G()},{deep:!0});let{isPrinting:Ie,isImaging:Le,generatePdf:Re,generateImage:P}=ie({elementId:`carousel-table_${E.value}`,fileName:O.value.caption.text||`vue-ui-carousel-table`,options:O.value.userOptions.print}),F=v({showAnimation:O.value.animation.use}),I=v(null),ze=v(null),L=v(null),R=v(null),z=v(0),B=v(0),V=v(!1),H=v(null),U=v(null),W=v(0);function G(){H.value&&(U.value={elements:H.value.getElementsByTagName(`tr`),heights:Array.from(H.value.getElementsByTagName(`tr`)).map(e=>e.getBoundingClientRect().height)})}g(G);let Be=l(()=>!U.value||!U.value.heights.length?0:Math.max(...U.value.heights)+z.value+B.value),Ve=l(()=>T.dataset.body?O.value.tbody.tr.visible<=T.dataset.body.length?O.value.tbody.tr.visible:T.dataset.body.length:0),He=l(()=>(O.value.tbody.tr.height+O.value.tbody.tr.td.padding.top+O.value.tbody.tr.td.padding.bottom+O.value.tbody.tr.border.size*2)*Ve.value+z.value+B.value),K=v(0),q=v(null),J=v(0),Y=v(!1),Ue=v(0);g(()=>{L.value&&(z.value=L.value.getBoundingClientRect().height),R.value&&(B.value=R.value.getBoundingClientRect().height),F.value.showAnimation&&U.value&&Ge()}),g(()=>{if(I.value){let e=I.value.querySelector(`thead`),t=Array.from(H.value.querySelectorAll(`tr`));function n(){let n=e.getBoundingClientRect().bottom;t.forEach(e=>{e.getBoundingClientRect().top<n?e.style.visibility=`hidden`:e.style.visibility=`visible`})}I.value.addEventListener(`scroll`,n),n(),h(()=>{I.value.removeEventListener(`scroll`,n)})}});function We(e){Me.value=e,Ue.value+=1}function Ge(){Ae.value||!q.value&&!Y.value&&(O.value.animation.type===`scroll`?q.value=requestAnimationFrame(qe):q.value=requestAnimationFrame(Je))}function Ke(){if(!I.value)return!1;let{scrollTop:e,scrollHeight:t,clientHeight:n}=I.value;return e+n>=t}function qe(e){Y.value||(J.value||=e,e-J.value>=O.value.animation.speedMs&&(K.value+=U.value.heights[W.value],(Ke()||W.value>=U.value.heights.length)&&(K.value=0,W.value=-1),W.value+=1,I.value&&I.value.scrollTo({top:K.value,behavior:`smooth`}),J.value=e),q.value=requestAnimationFrame(qe))}function Je(e){if(Y.value)return;J.value||=e;let t=e-J.value,n=O.value.animation.speedMs/4/1e3;t>=n&&(K.value+=n,K.value>=I.value.scrollHeight-I.value.clientHeight&&(K.value=0),I.value&&I.value.scrollTo({top:K.value,behavior:`auto`}),J.value=e),q.value=requestAnimationFrame(Je)}function X(){Y.value=!0,cancelAnimationFrame(q.value),q.value=null}h(X);function Z(){Y.value&&F.value.showAnimation&&(Y.value=!1,J.value=0,Ge())}function Ye(){O.value.animation.pauseOnHover&&X()}let Q=v(null);function Xe(){X(),clearTimeout(Q.value)}function Ze(){clearTimeout(Q.value),Q.value=setTimeout(Z,1e3)}C(()=>O.value.animation.use,e=>{e?(F.value.showAnimation=!0,Z()):(F.value.showAnimation=!1,X())}),C(()=>O.value.animation.type,e=>{X(),K.value=0,W.value=0,I.value.scrollTo({top:0,behavior:`auto`}),Z()});let Qe=l(()=>O.value.responsiveBreakpoint),$=_e(null);g(()=>{$.value=new ResizeObserver(e=>{e.forEach(e=>{V.value=e.contentRect.width<Qe.value}),z.value=L.value?L.value.getBoundingClientRect().height:0,B.value=R.value?R.value.getBoundingClientRect().height:0,W.value=0,me(()=>{X(),J.value=0,K.value=0,G(),Z()})}),I.value&&$.value.observe(I.value)}),h(()=>{$.value&&$.value.disconnect()});function $e(){Re()}function et(){F.value.showAnimation=!F.value.showAnimation,F.value.showAnimation?Z():X()}function tt(e=null){me(()=>{let t=T.dataset.head.map((e,t)=>[[T.dataset.body[t]]]),n=[[O.value.caption.text],[T.dataset.head.map(e=>[e])]].concat(t),i=r(n);e?e(i):ee({csvContent:i,title:O.value.caption.text||`vue-ui-carousel-table`})})}async function nt(){if(je(`copyAlt`,{config:O.value,dataset:T.dataset}),!O.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(O.value.userOptions.callbacks.altCopy({config:O.value,dataset:T.dataset}))}return oe({pauseAnimation:X,resumeAnimation:Z,toggleAnimation:et,generateCsv:tt,generatePdf:$e,generateImage:P,copyAlt:nt}),(r,a)=>(_(),d(`div`,{class:`vue-data-ui-component vue-ui-carousel-table`,style:{position:`relative`,overflow:`visible`},ref_key:`chartContainer`,ref:ze,onMouseenter:a[5]||=()=>S(j)(!0),onMouseleave:a[6]||=()=>S(j)(!1)},[f(`div`,{ref_key:`tableContainer`,ref:I,id:`carousel-table_${E.value}`,style:m({height:S(Ie)||S(Le)?`auto`:`${Math.max(He.value,Be.value)}px`,containerType:`inline-size`,position:`relative`,overflow:`auto`,fontFamily:O.value.fontFamily}),class:he({"vue-ui-responsive":V.value,"is-playing":O.value.scrollbar.hide||!Y.value&&O.value.scrollbar.showOnlyOnHover}),onMouseover:a[0]||=e=>Ye(),onMouseleave:a[1]||=e=>Z(),onTouchstart:a[2]||=e=>Xe(),onTouchend:a[3]||=e=>Ze(),onTouchcancel:a[4]||=e=>Ze()},[D.value?(_(),d(`table`,{key:0,class:`vue-data-ui-carousel-table`,"aria-labelledby":`carousel-caption-${E.value}`,style:m({...O.value.style,border:`${O.value.border.size}px solid ${O.value.border.color}`,width:`100%`,borderCollapse:`collapse`,backgroundColor:O.value.tbody.backgroundColor})},[f(`caption`,{ref_key:`caption`,ref:L,class:`vue-data-ui-carousel-table-caption`,id:`carousel-caption-${E.value}`,style:m({...O.value.caption.style,fontFamily:`inherit`,position:`sticky`,top:0,zIndex:2,paddingTop:O.value.caption.padding.top+`px`,paddingRight:O.value.caption.padding.right+`px`,paddingBottom:O.value.caption.padding.bottom+`px`,paddingLeft:O.value.caption.padding.left+`px`,boxShadow:V.value?O.value.thead.tr.style.boxShadow:`none`,minHeight:`36px`,display:r.$slots.caption||O.value.caption.text||O.value.userOptions.show?``:`none`})},[p(x(O.value.caption.text&&!r.$slots.caption?O.value.caption.text:``)+` `,1),b(r.$slots,`caption`,{},void 0,!0)],12,Ce),f(`thead`,{role:`rowgroup`,style:m({...O.value.thead.style,position:`sticky`,top:`${r.$slots.caption||O.value.caption.text||O.value.userOptions.show?z.value:0}px`,zIndex:1})},[f(`tr`,{ref_key:`tableRow`,ref:R,role:`row`,style:m({...O.value.thead.tr.style,border:O.value.thead.tr.border.size?`${O.value.thead.tr.border.size}px solid ${O.value.thead.tr.border.color}`:`none`,boxShadow:V.value?`none`:O.value.thead.tr.style.boxShadow}),height:`${O.value.thead.tr.height}px`},[(_(!0),d(c,null,y(e.dataset.head,(e,t)=>(_(),d(`th`,{role:`cell`,key:`th_${t}`,id:`col-${t}`,scope:`col`,style:m({...O.value.thead.tr.th.style,border:O.value.thead.tr.th.border.size?`${O.value.thead.tr.th.border.size}px solid ${O.value.thead.tr.th.border.color}`:`none`,paddingTop:O.value.thead.tr.th.padding.top+`px`,paddingRight:O.value.thead.tr.th.padding.right+`px`,paddingBottom:O.value.thead.tr.th.padding.bottom+`px`,paddingLeft:O.value.thead.tr.th.padding.left+`px`})},[p(x(r.$slots.th?``:e)+` `,1),b(r.$slots,`th`,pe({ref_for:!0},{th:e,colIndex:t}),void 0,!0)],12,Te))),128))],12,we)],4),e.dataset.body&&e.dataset.head?(_(),d(`tbody`,{key:0,ref_key:`tbody`,ref:H,"aria-live":`polite`,style:{clipPath:`inset(0,0,0,0)`}},[(_(!0),d(c,null,y(e.dataset.body,(t,n)=>(_(),d(`tr`,{style:m({...O.value.tbody.tr.style,border:`${O.value.tbody.tr.border.size}px solid ${O.value.tbody.tr.border.color}`,verticalAlign:`middle`})},[(_(!0),d(c,null,y(t,(t,a)=>(_(),d(`td`,{role:`cell`,"data-cell":e.dataset.head[a]||``,"aria-label":`${e.dataset.head[a]}: ${t}`,style:m({...O.value.tbody.tr.td.style,border:`${O.value.tbody.tr.td.border.size}px solid ${O.value.tbody.tr.td.border.color}`,backgroundColor:S(i)(O.value.tbody.tr.td.style.backgroundColor,n%2==0&&O.value.tbody.tr.td.alternateColor?O.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:O.value.tbody.tr.td.padding.top+`px`,paddingRight:O.value.tbody.tr.td.padding.right+`px`,paddingBottom:O.value.tbody.tr.td.padding.bottom+`px`,paddingLeft:O.value.tbody.tr.td.padding.left+`px`,verticalAlign:`middle`}),height:`${O.value.tbody.tr.height}px`},[p(x(r.$slots.td?``:t)+` `,1),b(r.$slots,`td`,pe({ref_for:!0},{td:t,rowIndex:n,colIndex:a}),void 0,!0)],12,Ee))),256))],4))),256))],512)):u(``,!0)],12,Se)):u(``,!0)],46,xe),D.value?u(``,!0):(_(),le(S(w),{key:0,config:{type:`table`}})),O.value.userOptions.show&&D.value&&(S(M)||S(A))?(_(),le(S(Oe),{ref:`details`,key:`user_option_${Ue.value}`,backgroundColor:O.value.style.backgroundColor,color:O.value.style.color,isPrinting:S(Ie),isImaging:S(Le),uid:E.value,hasTooltip:!1,hasPdf:O.value.userOptions.buttons.pdf,hasImg:O.value.userOptions.buttons.img,hasXls:O.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:O.value.userOptions.buttons.animation,isAnimation:!F.value.showAnimation,hasFullscreen:O.value.userOptions.buttons.fullscreen,hasAltCopy:O.value.userOptions.buttons.altCopy,isFullscreen:Me.value,chartElement:ze.value,position:O.value.userOptions.position,titles:{...O.value.userOptions.buttonTitles},zIndex:3,offsetX:12,callbacks:O.value.userOptions.callbacks,printScale:O.value.userOptions.print.scale,isCursorPointer:Fe.value,onGeneratePdf:$e,onGenerateCsv:tt,onGenerateImage:S(P),onToggleAnimation:et,onToggleFullscreen:We,onCopyAlt:nt,style:m({visibility:S(M)?S(A)?`visible`:`hidden`:`visible`})},ue({_:2},[y(S(t)(r.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionAnimation optionFullscreen optionAltCopy custom-menu-before custom-menu-after`),e=>({name:e,fn:ye(t=>[b(r.$slots,e,ge(fe(S(n)(e,t))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasImg`,`hasXls`,`hasAnimation`,`isAnimation`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`chartElement`,`position`,`titles`,`callbacks`,`printScale`,`isCursorPointer`,`onGenerateImage`,`style`])):u(``,!0),r.$slots.source?(_(),d(`div`,De,[b(r.$slots,`source`,{},void 0,!0)],512)):u(``,!0)],544))}},[[`__scopeId`,`data-v-f8c6267a`]]);export{be as n,w as t};
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./userOptionsSlots-DYuo-E5m.js";import{D as r,Jt as i,X as a,at as o,nt as ee,zt as s}from"./lib-CV_IANZ6.js";import{n as te,t as ne}from"./useHints-BH9r_0Vd.js";import{t as re}from"./useConfig-CKdzPrcf.js";import{t as ie}from"./usePrinter-hLW3cv4N.js";import{t as ae}from"./useNestedProp-CB186vF2.js";import{t as oe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as se}from"./useUserOptionState-CXlFnwPv.js";import{t as ce}from"./usePrefersMotion-XLHwega2.js";import{Fragment as c,computed as l,createBlock as le,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as ue,createTextVNode as p,defineAsyncComponent as de,guardReactiveProps as fe,mergeProps as pe,nextTick as me,normalizeClass as he,normalizeProps as ge,normalizeStyle as m,onBeforeUnmount as h,onMounted as g,openBlock as _,ref as v,renderList as y,renderSlot as b,shallowRef as _e,toDisplayString as x,unref as S,useSlots as ve,watch as C,withCtx as ye}from"vue";var be=/* @__PURE__ */ e({default:()=>w}),xe=[`id`],Se=[`aria-labelledby`],Ce=[`id`],we=[`height`],Te=[`id`],Ee=[`data-cell`,`aria-label`,`height`],De={key:2,ref:`source`,dir:`auto`},w=/*#__PURE__*/ oe({__name:`vue-ui-carousel-table`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:oe,emit:be}){let w=de(()=>import(`./vue-ui-skeleton-DI7pcimU.js`).then(e=>e.n)),Oe=de(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),{vue_ui_carousel_table:ke}=re(),Ae=ce(),T=e,je=be,E=v(a()),Me=v(!1),D=v(!!T.dataset),Ne=ve();g(()=>{Pe()});let O=l({get:()=>N(),set:e=>e}),k=l(()=>O.value.debug);g(()=>{Ne[`chart-background`]&&k.value&&console.warn(`VueUiCarouselTable does not support the #chart-background slot.`)});function Pe(){s(T.dataset)?o({componentName:`VueUiCarouselTable`,type:`dataset`,debug:k.value}):((!T.dataset.head||s(T.dataset.head))&&(o({componentName:`VueUiCarouselTable`,type:`datasetAttribute`,property:`head`,debug:k.value}),D.value=!1),(!T.dataset.body||s(T.dataset.body))&&(o({componentName:`VueUiCarouselTable`,type:`datasetAttribute`,property:`body`,debug:k.value}),D.value=!1)),Ae.value&&(O.value.userOptions.buttons.animation=!1)}te({config:()=>O.value,dataset:()=>T.dataset,component:`VueUiCarouselTable`,rules:[ne.noHint]});let Fe=l(()=>O.value.userOptions.useCursorPointer),{userOptionsVisible:A,setUserOptionsVisibility:j,keepUserOptionState:M}=se({config:O.value});function N(){return ae({userConfig:T.config,defaultConfig:ke})}C(()=>T.config,e=>{O.value=N(),A.value=!O.value.userOptions.showOnChartHover,Pe()},{deep:!0}),C(()=>T.dataset,e=>{G()},{deep:!0});let{isPrinting:Ie,isImaging:Le,generatePdf:Re,generateImage:P}=ie({elementId:`carousel-table_${E.value}`,fileName:O.value.caption.text||`vue-ui-carousel-table`,options:O.value.userOptions.print}),F=v({showAnimation:O.value.animation.use}),I=v(null),ze=v(null),L=v(null),R=v(null),z=v(0),B=v(0),V=v(!1),H=v(null),U=v(null),W=v(0);function G(){H.value&&(U.value={elements:H.value.getElementsByTagName(`tr`),heights:Array.from(H.value.getElementsByTagName(`tr`)).map(e=>e.getBoundingClientRect().height)})}g(G);let Be=l(()=>!U.value||!U.value.heights.length?0:Math.max(...U.value.heights)+z.value+B.value),Ve=l(()=>T.dataset.body?O.value.tbody.tr.visible<=T.dataset.body.length?O.value.tbody.tr.visible:T.dataset.body.length:0),He=l(()=>(O.value.tbody.tr.height+O.value.tbody.tr.td.padding.top+O.value.tbody.tr.td.padding.bottom+O.value.tbody.tr.border.size*2)*Ve.value+z.value+B.value),K=v(0),q=v(null),J=v(0),Y=v(!1),Ue=v(0);g(()=>{L.value&&(z.value=L.value.getBoundingClientRect().height),R.value&&(B.value=R.value.getBoundingClientRect().height),F.value.showAnimation&&U.value&&Ge()}),g(()=>{if(I.value){let e=I.value.querySelector(`thead`),t=Array.from(H.value.querySelectorAll(`tr`));function n(){let n=e.getBoundingClientRect().bottom;t.forEach(e=>{e.getBoundingClientRect().top<n?e.style.visibility=`hidden`:e.style.visibility=`visible`})}I.value.addEventListener(`scroll`,n),n(),h(()=>{I.value.removeEventListener(`scroll`,n)})}});function We(e){Me.value=e,Ue.value+=1}function Ge(){Ae.value||!q.value&&!Y.value&&(O.value.animation.type===`scroll`?q.value=requestAnimationFrame(qe):q.value=requestAnimationFrame(Je))}function Ke(){if(!I.value)return!1;let{scrollTop:e,scrollHeight:t,clientHeight:n}=I.value;return e+n>=t}function qe(e){Y.value||(J.value||=e,e-J.value>=O.value.animation.speedMs&&(K.value+=U.value.heights[W.value],(Ke()||W.value>=U.value.heights.length)&&(K.value=0,W.value=-1),W.value+=1,I.value&&I.value.scrollTo({top:K.value,behavior:`smooth`}),J.value=e),q.value=requestAnimationFrame(qe))}function Je(e){if(Y.value)return;J.value||=e;let t=e-J.value,n=O.value.animation.speedMs/4/1e3;t>=n&&(K.value+=n,K.value>=I.value.scrollHeight-I.value.clientHeight&&(K.value=0),I.value&&I.value.scrollTo({top:K.value,behavior:`auto`}),J.value=e),q.value=requestAnimationFrame(Je)}function X(){Y.value=!0,cancelAnimationFrame(q.value),q.value=null}h(X);function Z(){Y.value&&F.value.showAnimation&&(Y.value=!1,J.value=0,Ge())}function Ye(){O.value.animation.pauseOnHover&&X()}let Q=v(null);function Xe(){X(),clearTimeout(Q.value)}function Ze(){clearTimeout(Q.value),Q.value=setTimeout(Z,1e3)}C(()=>O.value.animation.use,e=>{e?(F.value.showAnimation=!0,Z()):(F.value.showAnimation=!1,X())}),C(()=>O.value.animation.type,e=>{X(),K.value=0,W.value=0,I.value.scrollTo({top:0,behavior:`auto`}),Z()});let Qe=l(()=>O.value.responsiveBreakpoint),$=_e(null);g(()=>{$.value=new ResizeObserver(e=>{e.forEach(e=>{V.value=e.contentRect.width<Qe.value}),z.value=L.value?L.value.getBoundingClientRect().height:0,B.value=R.value?R.value.getBoundingClientRect().height:0,W.value=0,me(()=>{X(),J.value=0,K.value=0,G(),Z()})}),I.value&&$.value.observe(I.value)}),h(()=>{$.value&&$.value.disconnect()});function $e(){Re()}function et(){F.value.showAnimation=!F.value.showAnimation,F.value.showAnimation?Z():X()}function tt(e=null){me(()=>{let t=T.dataset.head.map((e,t)=>[[T.dataset.body[t]]]),n=[[O.value.caption.text],[T.dataset.head.map(e=>[e])]].concat(t),i=r(n);e?e(i):ee({csvContent:i,title:O.value.caption.text||`vue-ui-carousel-table`})})}async function nt(){if(je(`copyAlt`,{config:O.value,dataset:T.dataset}),!O.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(O.value.userOptions.callbacks.altCopy({config:O.value,dataset:T.dataset}))}return oe({pauseAnimation:X,resumeAnimation:Z,toggleAnimation:et,generateCsv:tt,generatePdf:$e,generateImage:P,copyAlt:nt}),(r,a)=>(_(),d(`div`,{class:`vue-data-ui-component vue-ui-carousel-table`,style:{position:`relative`,overflow:`visible`},ref_key:`chartContainer`,ref:ze,onMouseenter:a[5]||=()=>S(j)(!0),onMouseleave:a[6]||=()=>S(j)(!1)},[f(`div`,{ref_key:`tableContainer`,ref:I,id:`carousel-table_${E.value}`,style:m({height:S(Ie)||S(Le)?`auto`:`${Math.max(He.value,Be.value)}px`,containerType:`inline-size`,position:`relative`,overflow:`auto`,fontFamily:O.value.fontFamily}),class:he({"vue-ui-responsive":V.value,"is-playing":O.value.scrollbar.hide||!Y.value&&O.value.scrollbar.showOnlyOnHover}),onMouseover:a[0]||=e=>Ye(),onMouseleave:a[1]||=e=>Z(),onTouchstart:a[2]||=e=>Xe(),onTouchend:a[3]||=e=>Ze(),onTouchcancel:a[4]||=e=>Ze()},[D.value?(_(),d(`table`,{key:0,class:`vue-data-ui-carousel-table`,"aria-labelledby":`carousel-caption-${E.value}`,style:m({...O.value.style,border:`${O.value.border.size}px solid ${O.value.border.color}`,width:`100%`,borderCollapse:`collapse`,backgroundColor:O.value.tbody.backgroundColor})},[f(`caption`,{ref_key:`caption`,ref:L,class:`vue-data-ui-carousel-table-caption`,id:`carousel-caption-${E.value}`,style:m({...O.value.caption.style,fontFamily:`inherit`,position:`sticky`,top:0,zIndex:2,paddingTop:O.value.caption.padding.top+`px`,paddingRight:O.value.caption.padding.right+`px`,paddingBottom:O.value.caption.padding.bottom+`px`,paddingLeft:O.value.caption.padding.left+`px`,boxShadow:V.value?O.value.thead.tr.style.boxShadow:`none`,minHeight:`36px`,display:r.$slots.caption||O.value.caption.text||O.value.userOptions.show?``:`none`})},[p(x(O.value.caption.text&&!r.$slots.caption?O.value.caption.text:``)+` `,1),b(r.$slots,`caption`,{},void 0,!0)],12,Ce),f(`thead`,{role:`rowgroup`,style:m({...O.value.thead.style,position:`sticky`,top:`${r.$slots.caption||O.value.caption.text||O.value.userOptions.show?z.value:0}px`,zIndex:1})},[f(`tr`,{ref_key:`tableRow`,ref:R,role:`row`,style:m({...O.value.thead.tr.style,border:O.value.thead.tr.border.size?`${O.value.thead.tr.border.size}px solid ${O.value.thead.tr.border.color}`:`none`,boxShadow:V.value?`none`:O.value.thead.tr.style.boxShadow}),height:`${O.value.thead.tr.height}px`},[(_(!0),d(c,null,y(e.dataset.head,(e,t)=>(_(),d(`th`,{role:`cell`,key:`th_${t}`,id:`col-${t}`,scope:`col`,style:m({...O.value.thead.tr.th.style,border:O.value.thead.tr.th.border.size?`${O.value.thead.tr.th.border.size}px solid ${O.value.thead.tr.th.border.color}`:`none`,paddingTop:O.value.thead.tr.th.padding.top+`px`,paddingRight:O.value.thead.tr.th.padding.right+`px`,paddingBottom:O.value.thead.tr.th.padding.bottom+`px`,paddingLeft:O.value.thead.tr.th.padding.left+`px`})},[p(x(r.$slots.th?``:e)+` `,1),b(r.$slots,`th`,pe({ref_for:!0},{th:e,colIndex:t}),void 0,!0)],12,Te))),128))],12,we)],4),e.dataset.body&&e.dataset.head?(_(),d(`tbody`,{key:0,ref_key:`tbody`,ref:H,"aria-live":`polite`,style:{clipPath:`inset(0,0,0,0)`}},[(_(!0),d(c,null,y(e.dataset.body,(t,n)=>(_(),d(`tr`,{style:m({...O.value.tbody.tr.style,border:`${O.value.tbody.tr.border.size}px solid ${O.value.tbody.tr.border.color}`,verticalAlign:`middle`})},[(_(!0),d(c,null,y(t,(t,a)=>(_(),d(`td`,{role:`cell`,"data-cell":e.dataset.head[a]||``,"aria-label":`${e.dataset.head[a]}: ${t}`,style:m({...O.value.tbody.tr.td.style,border:`${O.value.tbody.tr.td.border.size}px solid ${O.value.tbody.tr.td.border.color}`,backgroundColor:S(i)(O.value.tbody.tr.td.style.backgroundColor,n%2==0&&O.value.tbody.tr.td.alternateColor?O.value.tbody.tr.td.alternateOpacity*100:100),paddingTop:O.value.tbody.tr.td.padding.top+`px`,paddingRight:O.value.tbody.tr.td.padding.right+`px`,paddingBottom:O.value.tbody.tr.td.padding.bottom+`px`,paddingLeft:O.value.tbody.tr.td.padding.left+`px`,verticalAlign:`middle`}),height:`${O.value.tbody.tr.height}px`},[p(x(r.$slots.td?``:t)+` `,1),b(r.$slots,`td`,pe({ref_for:!0},{td:t,rowIndex:n,colIndex:a}),void 0,!0)],12,Ee))),256))],4))),256))],512)):u(``,!0)],12,Se)):u(``,!0)],46,xe),D.value?u(``,!0):(_(),le(S(w),{key:0,config:{type:`table`}})),O.value.userOptions.show&&D.value&&(S(M)||S(A))?(_(),le(S(Oe),{ref:`details`,key:`user_option_${Ue.value}`,backgroundColor:O.value.style.backgroundColor,color:O.value.style.color,isPrinting:S(Ie),isImaging:S(Le),uid:E.value,hasTooltip:!1,hasPdf:O.value.userOptions.buttons.pdf,hasImg:O.value.userOptions.buttons.img,hasXls:O.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:O.value.userOptions.buttons.animation,isAnimation:!F.value.showAnimation,hasFullscreen:O.value.userOptions.buttons.fullscreen,hasAltCopy:O.value.userOptions.buttons.altCopy,isFullscreen:Me.value,chartElement:ze.value,position:O.value.userOptions.position,titles:{...O.value.userOptions.buttonTitles},zIndex:3,offsetX:12,callbacks:O.value.userOptions.callbacks,printScale:O.value.userOptions.print.scale,isCursorPointer:Fe.value,onGeneratePdf:$e,onGenerateCsv:tt,onGenerateImage:S(P),onToggleAnimation:et,onToggleFullscreen:We,onCopyAlt:nt,style:m({visibility:S(M)?S(A)?`visible`:`hidden`:`visible`})},ue({_:2},[y(S(t)(r.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionAnimation optionFullscreen optionAltCopy custom-menu-before custom-menu-after`),e=>({name:e,fn:ye(t=>[b(r.$slots,e,ge(fe(S(n)(e,t))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasImg`,`hasXls`,`hasAnimation`,`isAnimation`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`chartElement`,`position`,`titles`,`callbacks`,`printScale`,`isCursorPointer`,`onGenerateImage`,`style`])):u(``,!0),r.$slots.source?(_(),d(`div`,De,[b(r.$slots,`source`,{},void 0,!0)],512)):u(``,!0)],544))}},[[`__scopeId`,`data-v-f8c6267a`]]);export{be as n,w as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./tableIntegration-CNoJ1CIY.js";import{n,t as r}from"./annotationSlots-BRR85CqJ.js";import{n as i,t as a}from"./userOptionsSlots-DYuo-E5m.js";import{$ as o,D as ee,Ht as s,It as te,Jt as c,S as ne,X as re,Yt as ie,at as ae,f as l,h as oe,i as u,in as se,nt as ce,p as le,r as ue,t as de,w as fe,yt as pe,zt as me}from"./lib-zDxoqrgo.js";import{n as he,t as ge}from"./useHints-BH9r_0Vd.js";import{t as _e}from"./useConfig-CKdzPrcf.js";import{t as ve}from"./usePrinter-CnyKPIFM.js";import{n as ye,t as be}from"./BaseScanner-8NdoBs7B.js";import{t as xe}from"./useChartExport-DtPNpc9M.js";import{t as Se}from"./img-8sM3sVWU.js";import{t as Ce}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as we}from"./DefGrad-DKMq1REY.js";import{t as Te}from"./A11yDataTable-DWNlWXzs.js";import{n as Ee}from"./resolveChartConfig-BSo1Oe9n.js";import{t as De}from"./useUserOptionState-CXlFnwPv.js";import{t as Oe}from"./useChartAccessibility-DOMuYJfm.js";import{t as ke}from"./useTableResponsive-uSz_qZOB.js";import{t as Ae}from"./vue_ui_chestnut-BxxivKN7.js";import{Fragment as d,computed as f,createBlock as je,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Me,createTextVNode as Ne,createVNode as Pe,defineAsyncComponent as Fe,guardReactiveProps as Ie,mergeProps as Le,nextTick as Re,normalizeClass as g,normalizeProps as ze,normalizeStyle as _,onMounted as Be,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as Ve,toDisplayString as S,toRefs as He,unref as C,useCssVars as Ue,watch as We,withCtx as Ge,withKeys as Ke}from"vue";var qe=/* @__PURE__ */ e({default:()=>zn}),Je=[`id`],Ye=[`id`],Xe={"aria-live":`polite`,class:`sr-only`},Ze={key:2,ref:`noTitle`,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},Qe={style:{position:`relative`}},$e=[`xmlns`,`aria-describedby`,`viewBox`],et=[`width`,`height`],tt={key:1},nt=[`fill`,`font-weight`,`font-size`,`x`,`y`],rt=[`fill`,`font-weight`,`font-size`,`x`,`y`],it={key:2},at=[`x`,`y`,`font-size`,`font-weight`,`fill`],ot=[`x`,`y`,`font-size`,`font-weight`,`fill`],st=[`d`,`stroke`,`fill`],ct=[`cx`,`cy`,`r`,`fill`],lt=[`aria-label`,`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onClick`],ut={key:3},dt=[`x`,`y`,`font-size`,`fill`,`onClick`],ft={key:0},pt=[`x`,`y`,`fill`,`font-size`,`font-weight`],mt=[`x`,`y`,`height`,`width`,`fill`,`rx`,`onClick`],ht=[`aria-label`,`x`,`y`,`height`,`width`,`fill`,`rx`,`stroke`,`stroke-width`,`onClick`],gt={key:4},_t=[`x`,`y`,`fill`,`font-size`,`onClick`],vt=[`d`,`stroke`],yt=[`aria-label`,`fill`,`cx`,`cy`,`r`,`onClick`],bt={key:5},xt=[`x`,`y`,`font-size`,`font-weight`,`fill`],St=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Ct=[`y`,`height`,`width`],wt={style:{width:`100%`,height:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`,"flex-direction":`column`}},Tt={style:{display:`flex`,"align-items":`center`,"justify-content":`center`,gap:`12px`,"flex-wrap":`wrap`,"flex-direction":`row`}},Et={viewBox:`0 0 20 20`,height:`16`,width:`16`},Dt=[`fill`],Ot={key:7},kt=[`y`,`height`,`width`],At={style:{width:`100%`,height:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`,"flex-direction":`column`}},jt={style:{display:`flex`,"align-items":`center`,"justify-content":`center`,gap:`12px`,"flex-wrap":`wrap`,"flex-direction":`row`}},Mt={viewBox:`0 0 20 20`,height:`16`,width:`16`},Nt=[`fill`],Pt=[`cx`,`cy`,`fill`],Ft=[`d`,`stroke`],It=[`cx`,`cy`,`fill`],Lt=[`d`,`stroke`],Rt=[`cx`,`cy`,`fill`],zt=[`cx`,`cy`,`fill`],Bt=[`x`,`y`,`fill`,`font-size`,`font-weight`],Vt=[`x`,`y`,`fill`,`font-size`,`font-weight`],Ht=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Ut=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Wt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Gt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Kt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],qt=[`x`,`y`,`font-size`,`fill`],Jt=[`x`,`y`,`font-size`,`fill`],Yt=[`x`,`y`,`font-size`,`fill`],Xt={key:4,class:`vue-data-ui-watermark`},Zt={key:5,ref:`source`,dir:`auto`},Qt={class:`vue-ui-data-table`},$t={key:0},en=[`data-cell`],tn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},nn={key:0},rn={key:1},an=[`data-cell`],on={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},sn={key:0},cn={key:1},ln=[`data-cell`],un={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},dn={key:0},fn={key:1},pn=[`data-cell`],mn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},hn={key:0},gn={key:1},_n=[`data-cell`],vn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},yn={key:0},bn={key:1},xn=[`data-cell`],Sn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Cn={key:0},wn={key:1},Tn=[`data-cell`],En={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Dn={key:0},On={key:1},kn=[`data-cell`],An={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},jn=[`data-cell`],Mn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Nn=[`data-cell`],Pn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Fn=[`data-cell`],In={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Ln=[`data-cell`],Rn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},zn=/*#__PURE__*/ Ce({__name:`vue-ui-chestnut`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectRoot`,`selectBranch`,`selectNut`,`copyAlt`],setup(e,{expose:Ce,emit:qe}){Ue(e=>({b80f2d12:e.tdo}));let zn=Fe(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),Bn=Fe(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),Vn=Fe(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),Hn=Fe(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),Un=Fe(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),Wn=Fe(()=>import(`./BaseDraggableDialog-T1gEsQid.js`).then(e=>e.n)),{vue_ui_chestnut:Gn}=_e(),w=e,Kn=f(()=>!!w.dataset&&w.dataset.length),T=y(re()),qn=y(null),Jn=y(0),Yn=y(null),Xn=y(null),Zn=y(!1),E=y(!1),D=y(``),O=y({level:`root`,rootIndex:0,branchIndex:0,nutIndex:0,locked:!1}),k=y(ar()),A=f(()=>k.value.style.chart.layout.roots),j=f(()=>k.value.style.chart.layout.branches),M=f(()=>k.value.style.chart.layout.nuts),N=f(()=>k.value.style.chart.layout),P=f(()=>k.value.style.chart);he({config:()=>k.value,dataset:()=>w.dataset,component:`VueUiChestnut`,rules:[ge.emptyArray,{test:e=>e.some(e=>e?.branches&&e.branches.length>10),message:[`👀 Some root has > 10 branches, which can make the chart heavy. Consider:`,``,`▶️ Grouping some branches in broader categories.`]},{test:e=>e.some(e=>e?.branches&&e.branches.some(e=>e?.breakdown&&e?.breakdown.length>6)),message:[`👀 Some donuts have > 6 series. Consider:`,``,`▶️ Grouping small values into an "Other" category.`]}]});let F=f(()=>k.value.userOptions.useCursorPointer),Qn=f(()=>se({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{grandTotal:{show:!1},roots:{stroke:`#6A6A6A`,labels:{show:!1}},verticalSeparator:{stroke:`transparent`},branches:{stroke:`#6A6A6A`,underlayerColor:`#6A6A6A90`,labels:{show:!1,dataLabels:{show:!1}}}}}}},userConfig:k.value.skeletonConfig??{}})),{loading:$n,FINAL_DATASET:er}=ye({...He(w),FINAL_CONFIG:k,prepareConfig:ar,skeletonDataset:w.config?.skeletonDataset??[{name:`_`,color:`#969696`,branches:[{name:`_`,value:32,breakdown:[{name:`_`,value:16,color:`#CACACA`},{name:`_`,value:16,color:`#6A6A6A`}]},{name:`_`,value:16,breakdown:[{name:`_`,value:8,color:`#CACACA`},{name:`_`,value:8,color:`#6A6A6A`}]},{name:`_`,value:8,breakdown:[{name:`_`,value:4,color:`#CACACA`},{name:`_`,value:4,color:`#6A6A6A`}]},{name:`_`,value:4,breakdown:[{name:`_`,value:2,color:`#CACACA`},{name:`_`,value:2,color:`#6A6A6A`}]}]},{name:`_`,color:`#C4C4C4`,branches:[{name:`_`,value:24,breakdown:[{name:`_`,value:12,color:`#CACACA`},{name:`_`,value:12,color:`#6A6A6A`}]},{name:`_`,value:12,breakdown:[{name:`_`,value:6,color:`#CACACA`},{name:`_`,value:6,color:`#6A6A6A`}]},{name:`_`,value:6,breakdown:[{name:`_`,value:3,color:`#CACACA`},{name:`_`,value:3,color:`#6A6A6A`}]},{name:`_`,value:2,breakdown:[{name:`_`,value:1,color:`#CACACA`},{name:`_`,value:1,color:`#6A6A6A`}]}]}],skeletonConfig:se({defaultConfig:k.value,userConfig:Qn.value})}),{userOptionsVisible:tr,setUserOptionsVisibility:nr,keepUserOptionState:rr}=De({config:k.value}),{svgRef:ir}=Oe({config:N.value.title});function ar(){return Ee(w.config,Gn,Ae)}We(()=>w.config,e=>{k.value=ar(),tr.value=!k.value.userOptions.showOnChartHover,fr.value.showTable=k.value.table.show,Nr()},{deep:!0});let{isPrinting:or,isImaging:sr,generatePdf:cr,generateImage:lr}=ve({elementId:`vue-ui-chestnut_${T.value}`,fileName:N.value.title.text||`vue-ui-chestnut`,options:k.value.userOptions.print}),ur=f(()=>k.value.userOptions.show),dr=f(()=>fe(k.value.customPalette)),fr=y({showTable:k.value.table.show});We(k,()=>{fr.value={showTable:k.value.table.show}},{immediate:!0});let pr=y(null),mr=f(()=>k.value.table.responsiveBreakpoint),I=y({gap:6,padding:{top:102,left:12,right:12,bottom:96},width:1024,height:0,branchSize:32,branchStart:128}),L=f(()=>({left:I.value.padding.left,top:I.value.padding.top,right:I.value.width-I.value.padding.right,bottom:I.value.height-I.value.padding.bottom,width:I.value.width-(I.value.padding.left+I.value.padding.right),height:I.value.height-(I.value.padding.top+I.value.padding.bottom),seedX:I.value.padding.left+64})),R=f(()=>er.value.flatMap(e=>(e.branches||[]).map(e=>e.value||0)).reduce((e,t)=>e+t,0)),hr=f(()=>k.value.debug),z=f(()=>(hr.value&&er.value.forEach((e,t)=>{pe({datasetObject:e,requiredAttributes:[`name`,`branches`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:t})}),e.branches&&e.branches.forEach((e,n)=>{pe({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n}`})}),e.breakdown&&e.breakdown.forEach((e,r)=>{pe({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n} - ${r}`})})})})}),er.value.map((e,t)=>{let n=(e.branches||[]).map(e=>e.value||0).reduce((e,t)=>e+t,0);return{...e,color:ne(e.color)||dr.value[t]||s[t]||s[t%s.length],id:e.id||`root_${t}_${T.value}`,type:`root`,total:n,rootIndex:t,branches:(e.branches||[]).map((r,i)=>({...r,rootName:e.name,rootIndex:t,color:ne(e.color)||dr.value[t]||s[t]||s[t%s.length],value:r.value>=0?r.value:0,id:r.id||`branch_${t}_${i}_${T.value}`,proportionToRoot:r.value/n,type:`branch`,breakdown:(r.breakdown||[]).map((a,o)=>({table:{rootName:e.name,rootValue:n,rootToTotal:n/R.value,branchName:r.name,branchValue:r.value,branchToTotal:r.value/R.value,branchToRoot:r.value/n,nutName:a.name,nutValue:a.value,nutToTotal:a.value/R.value,nutToRoot:a.value/n,nutToBranch:a.value/r.value},...a,type:`nut`,branchName:r.name,rootName:e.name,branchTotal:r.value>=0?r.value:0,proportionToBranch:a.value/r.value,proportionToRoot:a.value/n,proportionToTree:a.value/R.value,rootIndex:t,id:a.id||`nut_${t}_${i}_${o}_${T.value}`,color:ne(a.color)||dr.value[o]||s[o]||s[o%s.length],value:a.value>=0?a.value:0}))}))}})));function gr(){return z.value}let _r=qe,vr=f(()=>z.value.flatMap(e=>e.branches).length),yr=f(()=>Math.max(...z.value.map(e=>e.branches.map(e=>e.value).reduce((e,t)=>e+t,0)))),br=f(()=>Math.max(...z.value.flatMap(e=>e.branches.map(e=>e.value)))),xr=f(()=>256+I.value.padding.left),B=f(()=>z.value.sort((e,t)=>t.total-e.total).map((e,t)=>{let n=L.value.height/z.value.length/2,r=e.total/yr.value*(n>64?64:n);return{...e,x:L.value.seedX,y:L.value.top+L.value.height/z.value.length*(t+1)-(L.value.height/z.value.length/2+I.value.gap/2),r:r<I.value.branchSize/2?I.value.branchSize/2:r}})),Sr=f(()=>j.value.widthRatio<=0?.1:j.value.widthRatio>1.8?1.8:j.value.widthRatio),Cr=f(()=>B.value.flatMap(e=>e.branches)),V=f(()=>Cr.value.sort((e,t)=>t.value-e.value).map((e,t)=>({...e,y1:t*I.value.branchSize+L.value.top+t*I.value.gap,y2:t*I.value.branchSize+I.value.branchSize,x1:xr.value,x2:384*e.value/br.value*Sr.value+xr.value}))),wr=f(()=>B.value),Tr=f(()=>wr.value.map(e=>V.value.filter(t=>t.rootIndex===e.rootIndex).sort((e,t)=>e.y1-t.y1))),Er=f(()=>wr.value.map((e,t)=>Tr.value[t].map(e=>(e.breakdown||[]).map((t,n)=>({...t,nutIndex:n,rootIndex:e.rootIndex,branchId:e.id,branchName:e.name,branchValue:e.value,rootName:e.rootName})))));function Dr(e){let t=B.value.find(t=>t.rootIndex===e.rootIndex);return{x:t.x,y:t.y,r:t.r}}let H=y(null),U=y(null),W=y(null),G=y(null);function K(){H.value=null,W.value=null,G.value=null}function q(e){if(H.value)return e.type===`root`?e.rootIndex===H.value.rootIndex:e.type===`branch`?e.id===H.value.id:e.type===`nut`&&e.branchName===H.value.name&&e.rootIndex===H.value.rootIndex;if(W.value)return e.type===`root`?e.rootIndex===W.value.rootIndex:e.type===`branch`?e.id===W.value.id:e.type===`nut`&&e.branchName===W.value.name&&e.rootIndex===W.value.rootIndex;if(G.value)return e.type===`root`?e.id===G.value.id:e.type===`branch`||e.type===`nut`?e.rootIndex===G.value.rootIndex:!1;if(ci.value&&E.value){if(O.value.level===`root`)return e.type===`root`?Z.value&&e.id===Z.value.id:e.type===`branch`||e.type===`nut`?Z.value&&e.rootIndex===Z.value.rootIndex:!1;if(O.value.level===`branch`)return e.type===`root`?Z.value&&e.rootIndex===Z.value.rootIndex:e.type===`branch`?oi.value&&e.id===oi.value.id:(e.type,!1);if(O.value.level===`nut`)return e.type===`root`?Z.value&&e.rootIndex===Z.value.rootIndex:e.type===`branch`?si.value&&e.id===si.value.id:e.type===`nut`&&si.value&&e.branchName===si.value.name&&e.rootIndex===si.value.rootIndex}return!0}function Or(e){K();let t=wr.value.findIndex(t=>t.rootIndex===e.rootIndex),n=(Tr.value[t]||[]).findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),n!==-1&&(O.value.branchIndex=n),O.value.level=`nut`,O.value.nutIndex=0,Re(()=>{H.value=e,W.value=e,U.value=te({series:e.breakdown,base:1},e.x2+24+M.value.offsetX,e.y1+I.value.branchSize/2,80,80),_r(`selectNut`,e.breakdown),Q()})}function J(){H.value=null,U.value=null,_r(`selectNut`,null)}function kr(e){let t=wr.value.findIndex(t=>t.rootIndex===e.rootIndex),n=(Tr.value[t]||[]).findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),n!==-1&&(O.value.branchIndex=n),O.value.level=`branch`,O.value.nutIndex=0,W.value&&W.value.id===e.id?(W.value=null,K(),_r(`selectBranch`,null),Q()):(K(),W.value=e,_r(`selectBranch`,e),Q())}function Ar(e){let t=wr.value.findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),O.value.level=`root`,O.value.branchIndex=0,O.value.nutIndex=0,G.value&&G.value.id===e.id?(K(),_r(`selectRoot`,null),Q()):(K(),G.value=e,_r(`selectRoot`,e),Q())}function jr(){return L.value.bottom-(H.value.y1+180)<0?0:L.value.bottom}function Mr(e){return e.proportion*100>M.value.selected.labels.dataLabels.hideUnderValue}Be(()=>{Nr()});function Nr(){me(w.dataset)&&ae({componentName:`VueUiChestnut`,type:`dataset`,debug:hr.value});let e=vr.value*(I.value.branchSize+I.value.gap)+I.value.padding.top+I.value.padding.bottom;I.value.height=e}let Y=f(()=>({head:[k.value.table.th.translations.rootName,k.value.table.th.translations.rootValue,k.value.table.th.translations.rootToTotal,k.value.table.th.translations.branchName,k.value.table.th.translations.branchValue,k.value.table.th.translations.branchToRoot,k.value.table.th.translations.branchToTotal,k.value.table.th.translations.nutName,k.value.table.th.translations.nutValue,k.value.table.th.translations.nutToBranch,k.value.table.th.translations.nutToRoot,k.value.table.th.translations.nutToTotal],body:z.value.flatMap((e,t)=>e.branches.flatMap((e,t)=>e.breakdown.flatMap((e,t)=>e.table)))}));function Pr(e=null){Re(()=>{let t=[[N.value.title.text],[N.value.title.subtitle.text],[``],[`Grand total`,R.value],[``]],n=Y.value.head,r=Y.value.body.map((e,t)=>[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootName,Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootValue,Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootToTotal,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchName,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchValue,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchToRoot,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchToTotal,e.nutName,e.nutValue,e.nutToBranch,e.nutToRoot,e.nutToTotal]),i=t.concat([n]).concat(r),a=ee(i);e?e(a):ce({csvContent:a,title:N.value.title.text||`vue-ui-chestnut`})})}let Fr=y(!1);function Ir(e){Fr.value=e,Jn.value+=1}function Lr(){fr.value.showTable=!fr.value.showTable}let Rr=y(!1);function zr(){Rr.value=!Rr.value}async function Br({scale:e=2}={}){if(!qn.value)return;let{width:t,height:n}=qn.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await Se({domElement:qn.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:N.value.title.text,width:t,height:n,aspectRatio:r}}function Vr(e){let t=Dr(e),n=e.x1,r=e.y1,i=I.value.branchSize,a=t.x+t.r/2,o=t.y;return[`M ${n},${r}`,`C ${n-20},${r} ${n-20},${r} ${a},${o}`,`C ${a},${o} ${n-20},${r+i} ${n},${r+i}`,`Z`].join(` `)}let Hr=f(()=>t({config:k,style:P,mutableConfig:fr,dialog:Wn,accordion:Bn,isFullscreen:Fr,parent:qn,maxWidth:800,titleStyle:N,isCursorPointer:F}));We(()=>fr.value.showTable,async e=>{k.value.table.show||(e&&k.value.table.useDialog&&Yn.value?(await Re(),Yn.value.open()):`close`in Yn.value&&Yn.value.close())});let{isResponsive:Ur}=ke(pr,mr);function Wr(){fr.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let Gr=f(()=>z.value.map((e,t)=>({...e,display:`${e.name}: ${u(A.value.labels.formatter,e.total,o({p:N.value.legend.prefix,v:e.total,s:N.value.legend.suffix,r:N.value.legend.roundingValue}),{datapoint:e})} (${o({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage})})`}))),Kr=f(()=>Gr.value.map(e=>({color:e.color,name:e.display,shape:`circle`}))),qr=f(()=>P.value.backgroundColor),Jr=f(()=>({...N.value.legend,textAlign:`center`,show:!0,position:`bottom`})),Yr=f(()=>N.value.title),{isCallbackImaging:Xr,isCallbackSvg:Zr,generateSvg:Qr,onGenerateImage:$r}=xe({svg:ir,title:Yr,legend:Jr,legendItems:Kr,backgroundColor:qr,titleEmbedded:!0,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:lr});async function ei(){if(_r(`copyAlt`,{config:k.value,dataset:z.value}),!k.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:z.value}))}function ti(e){if(!e)return``;let t=o({p:N.value.legend.prefix,v:e.total,s:N.value.legend.suffix,r:N.value.legend.roundingValue}),n=o({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage});return`Root ${e.name}. Value ${t}. ${n} of total.`}function ni(e){if(!e)return``;let t=o({p:j.value.labels.dataLabels.prefix,v:e.value,s:j.value.labels.dataLabels.suffix,r:j.value.labels.dataLabels.roundingValue}),n=o({v:e.proportionToRoot*100,s:`%`,r:N.value.legend.roundingPercentage});return`Branch ${e.name}. Root ${e.rootName}. Value ${t}. ${n} of root ${e.rootName}.`}function ri(e){if(!e)return``;let t=o({p:N.value.legend.prefix,v:e.value,s:N.value.legend.suffix,r:M.value.selected.labels.roundingValue}),n=o({v:e.proportionToBranch*100,s:`%`,r:M.value.selected.labels.roundingPercentage});return`Nut ${e.name}. Branch ${e.branchName}. Root ${e.rootName}. Value ${t}. ${n} of branch ${e.branchName}.`}let ii=f(()=>wr.value[O.value.rootIndex]||null),X=f(()=>(Tr.value[O.value.rootIndex]||[])[O.value.branchIndex]||null),ai=f(()=>((Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[])[O.value.nutIndex]||null),Z=f(()=>ii.value),oi=f(()=>X.value),si=f(()=>O.value.level===`nut`?X.value:null),ci=f(()=>Zn.value);function Q(){if(O.value.level===`root`){D.value=ti(ii.value);return}if(O.value.level===`branch`){D.value=ni(X.value);return}O.value.level===`nut`&&(D.value=ri(ai.value))}function $(){O.value={level:`root`,rootIndex:0,branchIndex:0,nutIndex:0,locked:!1},D.value=``}function li(){let e=Tr.value[O.value.rootIndex]||[];if(!e.length){O.value.branchIndex=0;return}O.value.branchIndex>=e.length&&(O.value.branchIndex=0),O.value.branchIndex<0&&(O.value.branchIndex=e.length-1)}function ui(){let e=(Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[];if(!e.length){O.value.nutIndex=0;return}O.value.nutIndex>=e.length&&(O.value.nutIndex=0),O.value.nutIndex<0&&(O.value.nutIndex=e.length-1)}function di(e){if(O.value.level===`root`){let t=wr.value.length;if(!t)return;O.value.rootIndex+=e,O.value.rootIndex>=t&&(O.value.rootIndex=0),O.value.rootIndex<0&&(O.value.rootIndex=t-1),O.value.branchIndex=0,O.value.nutIndex=0,Q();return}if(O.value.level===`branch`){O.value.branchIndex+=e,li(),O.value.nutIndex=0,Q();return}O.value.level===`nut`&&(O.value.nutIndex+=e,ui(),Q())}function fi(e){if(e>0){if(O.value.level===`root`){if(!(Tr.value[O.value.rootIndex]||[]).length)return;O.value.level=`branch`,O.value.branchIndex=0,O.value.nutIndex=0,Q();return}if(O.value.level===`branch`){if(!((Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[]).length)return;O.value.level=`nut`,O.value.nutIndex=0,X.value?Or(X.value):Q();return}return}if(O.value.level===`nut`){J(),W.value=null,O.value.level=`branch`,O.value.nutIndex=0,Q();return}O.value.level===`branch`&&(W.value=null,G.value=null,O.value.level=`root`,O.value.nutIndex=0,Q())}function pi(){if(O.value.level===`root`&&ii.value){Ar(ii.value),D.value=`${ti(ii.value)} selected.`;return}if(O.value.level===`branch`&&X.value){kr(X.value),D.value=`${ni(X.value)} selected.`;return}O.value.level===`nut`&&X.value&&ai.value&&(Or(X.value),D.value=`${ri(ai.value)} details opened.`)}function mi(){Zn.value=!0,E.value=!1}function hi(){Zn.value=!1,E.value=!1,D.value=``,!G.value&&!W.value&&!H.value&&$()}function gi(e){let t=e.key===`ArrowUp`,n=e.key===`ArrowDown`,r=e.key===`ArrowLeft`,i=e.key===`ArrowRight`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(t||n||r||i||a||o){if(e.preventDefault(),e.stopPropagation(),Zn.value||=!0,o){K(),$(),E.value=!1;return}if((t||n||r||i)&&(E.value=!0),t){di(-1);return}if(n){di(1);return}if(r){fi(-1);return}if(i){fi(1);return}a&&pi()}}let _i=f(()=>({headers:Y.value.head,rows:Y.value.body.map(e=>[e.rootName,e.rootValue,o({v:e.rootToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage}),e.branchName,e.branchValue,o({v:e.branchToRoot*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.branchToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage}),e.nutName,e.nutValue,o({v:e.nutToBranch*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.nutToRoot*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.nutToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage})])}));return Ce({getData:gr,getImage:Br,generatePdf:cr,generateCsv:Pr,generateImage:lr,generateSvg:Qr,toggleTable:Lr,toggleAnnotator:zr,toggleFullscreen:Ir,copyAlt:ei}),(e,t)=>(v(),m(`div`,{class:g(`vue-data-ui-component vue-ui-chestnut ${Fr.value?`vue-data-ui-wrapper-fullscreen`:``}`),ref_key:`chestnutChart`,ref:qn,id:`vue-ui-chestnut_${T.value}`,style:_(`font-family:${k.value.style.fontFamily};width:100%; text-align:center;background:${P.value.backgroundColor}`),onMouseenter:t[12]||=()=>C(nr)(!0),onMouseleave:t[13]||=()=>C(nr)(!1)},[h(`div`,{id:`chart-instructions-${T.value}`,class:`sr-only`},[h(`p`,null,S(k.value.a11y.translations.keyboardNavigation),1)],8,Ye),h(`div`,Xe,S(D.value),1),_i.value?.rows?.length?(v(),je(Te,{key:0,uid:T.value,head:_i.value.headers,body:_i.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):p(``,!0),k.value.userOptions.buttons.annotator?(v(),je(C(Vn),{key:1,svgRef:C(ir),backgroundColor:P.value.backgroundColor,color:P.value.color,active:Rr.value,isCursorPointer:F.value,palette:k.value.userOptions.annotatorPalette,onClose:zr},Me({_:2},[b(C(r),t=>({name:t,fn:Ge(r=>[x(e.$slots,t,ze(Ie(C(n)(t,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),ur.value?(v(),m(`div`,Ze,null,512)):p(``,!0),k.value.userOptions.show&&Kn.value&&(C(rr)||C(tr))?(v(),je(C(Hn),{ref_key:`userOptionsRef`,ref:Xn,key:`user_options_${Jn.value}`,backgroundColor:P.value.backgroundColor,color:P.value.color,isImaging:C(sr),isPrinting:C(or),uid:T.value,hasPdf:k.value.userOptions.buttons.pdf,hasImg:k.value.userOptions.buttons.img,hasSvg:k.value.userOptions.buttons.svg,hasXls:k.value.userOptions.buttons.csv,hasTable:k.value.userOptions.buttons.table,hasFullscreen:k.value.userOptions.buttons.fullscreen,hasAltCopy:k.value.userOptions.buttons.altCopy,isFullscreen:Fr.value,titles:{...k.value.userOptions.buttonTitles},chartElement:qn.value,position:k.value.userOptions.position,hasAnnotator:k.value.userOptions.buttons.annotator,isAnnotation:Rr.value,callbacks:k.value.userOptions.callbacks,printScale:k.value.userOptions.print.scale,tableDialog:k.value.table.useDialog,isCursorPointer:F.value,onToggleFullscreen:Ir,onGeneratePdf:C(cr),onGenerateCsv:Pr,onGenerateImage:C($r),onGenerateSvg:C(Qr),onToggleTable:Lr,onToggleAnnotator:zr,onCopyAlt:ei,style:_({visibility:C(rr)?C(tr)?`visible`:`hidden`:`visible`})},Me({_:2},[b(C(i)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Ge(n=>[x(e.$slots,t,ze(Ie(C(a)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),h(`div`,Qe,[I.value.height>0?(v(),m(`svg`,{key:0,ref_key:`svgRef`,ref:ir,xmlns:C(de),"aria-describedby":`chart-instructions-${T.value}`,class:g({"vue-data-ui-fullscreen--on":Fr.value,"vue-data-ui-fulscreen--off":!Fr.value}),viewBox:`0 0 ${I.value.width<=0?10:I.value.width} ${I.value.height<=0?10:I.value.height}`,style:_(`overflow:visible;background:transparent;color:${P.value.color}`),tabindex:`0`,onFocus:mi,onBlur:hi,onKeydown:gi},[Pe(C(Un)),e.$slots[`chart-background`]?(v(),m(`foreignObject`,{key:0,x:0,y:0,width:I.value.width<=0?10:I.value.width,height:I.value.height<=0?10:I.value.height,style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,et)):p(``,!0),H.value?p(``,!0):(v(),m(`g`,tt,[N.value.title.text?(v(),m(`text`,{key:0,"text-anchor":`middle`,fill:N.value.title.color,"font-weight":N.value.title.bold?`bold`:`normal`,"font-size":N.value.title.fontSize,x:I.value.width/2,y:12+N.value.title.fontSize+N.value.title.offsetY,onClick:t[0]||=()=>{K(),$(),E.value=!1}},S(N.value.title.text),9,nt)):p(``,!0),N.value.title.subtitle.text?(v(),m(`text`,{key:1,"text-anchor":`middle`,fill:N.value.title.subtitle.color,"font-weight":N.value.title.subtitle.bold?`bold`:`normal`,"font-size":N.value.title.subtitle.fontSize,x:I.value.width/2,y:48+N.value.title.subtitle.fontSize+N.value.title.subtitle.offsetY,onClick:t[1]||=()=>{K(),$(),E.value=!1}},S(N.value.title.subtitle.text),9,rt)):p(``,!0)])),h(`defs`,null,[(v(!0),m(d,null,b(z.value,(e,t)=>(v(),je(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`root_gradient_${T.value}_${e.rootIndex}`,key:`root_gradient_${T.value}_${e.rootIndex}`,stops:[[`0%`,C(c)(C(ie)(e.color,.05),100-A.value.gradientIntensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128)),(v(!0),m(d,null,b(z.value,e=>(v(),je(we,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`branch_gradient_${T.value}_${e.rootIndex}`,key:`branch_gradient_${T.value}_${e.rootIndex}`,stops:[[`0%`,e.color,1],[`100%`,C(c)(C(ie)(e.color,.02),100-j.value.gradientIntensity),1]]},null,8,[`id`,`stops`]))),128)),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nutpick_${T.value}`,stops:[[`0%`,C(c)(`#FFFFFF`,0),0],[`80%`,C(c)(`#FFFFFF`,M.value.selected.gradientIntensity),1],[`100%`,C(c)(`#FFFFFF`,0),0]]},null,8,[`id`,`stops`]),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nut_${T.value}`,stops:[[`0%`,C(c)(`#FFFFFF`,0),0],[`80%`,C(c)(`#FFFFFF`,M.value.gradientIntensity),1],[`100%`,C(c)(`#FFFFFF`,0),0]]},null,8,[`id`,`stops`]),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nut_underlayer_${T.value}`,stops:[[`0%`,C(c)(P.value.backgroundColor,100),1],[`80%`,C(c)(P.value.backgroundColor,60),1],[`100%`,C(c)(P.value.backgroundColor,0),1]]},null,8,[`id`,`stops`])]),N.value.grandTotal.show?(v(),m(`g`,it,[h(`text`,{x:L.value.seedX,y:32+N.value.grandTotal.offsetY,"font-size":N.value.grandTotal.fontSize,"font-weight":N.value.grandTotal.bold?`bold`:`normal`,fill:N.value.grandTotal.color,"text-anchor":`middle`,onClick:t[2]||=()=>{K(),$(),E.value=!1}},S(N.value.grandTotal.text),9,at),h(`text`,{x:L.value.seedX,y:38+N.value.grandTotal.fontSize+N.value.grandTotal.offsetY,"font-size":N.value.grandTotal.fontSize,"font-weight":N.value.grandTotal.bold?`bold`:`normal`,fill:N.value.grandTotal.color,"text-anchor":`middle`,onClick:t[3]||=()=>{K(),$(),E.value=!1}},S(C(u)(N.value.grandTotal.formatter,R.value,C(o)({p:N.value.grandTotal.prefix,v:R.value,s:N.value.grandTotal.suffix,r:N.value.grandTotal.roundingValue}))),9,ot)])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[h(`defs`,null,[Pe(we,{t:`linear`,id:`link_grad_${e.id}`,stops:[[`0%`,e.color,1],[`100%`,C(c)(e.color,N.value.links.opacity),1]]},null,8,[`id`,`stops`])]),h(`path`,{d:Vr(e),stroke:C(c)(e.color,N.value.links.opacity),fill:`url(#link_grad_${e.id})`,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:_(`opacity:${+!!q(e)}`),onClick:t[4]||=()=>{K(),$(),E.value=!1}},null,12,st)]))),256)),(v(!0),m(d,null,b(B.value,e=>(v(),m(`circle`,{cx:e.x,cy:e.y,r:e.r,fill:A.value.underlayerColor,stroke:`none`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`)},null,12,ct))),256)),(v(!0),m(d,null,b(B.value,(e,t)=>(v(),m(`circle`,{"aria-label":ti(e),cx:e.x,cy:e.y,r:e.r,fill:A.value.useGradient?`url(#root_gradient_${T.value}_${e.rootIndex})`:e.color,stroke:A.value.stroke,"stroke-width":A.value.strokeWidth,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>Ar(e)},null,12,lt))),256)),A.value.labels.show?(v(),m(`g`,ut,[(v(!0),m(d,null,b(B.value,(e,t)=>(v(),m(`text`,{x:e.x,y:e.y+A.value.labels.fontSize/2.6,"text-anchor":`middle`,"font-size":A.value.labels.fontSize,fill:A.value.labels.adaptColorToBackground?C(ue)(e.color):A.value.labels.color,"font-weight":`bold`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>Ar(e)},S(C(u)(A.value.labels.formatter,e.total,C(o)({p:A.value.labels.prefix,v:e.total,s:A.value.labels.suffix,r:A.value.labels.roundingValue}),{datapoint:e})),13,dt))),256)),(v(!0),m(d,null,b(B.value,e=>(v(),m(`g`,null,[H.value&&e.rootIndex===H.value.rootIndex||W.value&&e.rootIndex===W.value.rootIndex||G.value&&e.rootIndex===G.value.rootIndex?(v(),m(`g`,ft,[h(`text`,{x:e.x,y:e.y+e.r+24,"text-anchor":`middle`,fill:A.value.labels.name.color,"font-size":A.value.labels.name.fontSize,"font-weight":A.value.labels.name.bold?`bold`:`normal`,onClick:t[5]||=()=>{K(),$(),E.value=!1}},S(e.name),9,pt)])):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`rect`,{x:e.x1,y:e.y1,height:I.value.branchSize,width:e.x2-e.x1,fill:j.value.underlayerColor,rx:j.value.borderRadius,stroke:`none`,style:_(`opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},null,12,mt))),256)),(v(!0),m(d,null,b(V.value,(e,t)=>(v(),m(`rect`,{"aria-label":ni(e),x:e.x1,y:e.y1,height:I.value.branchSize,width:e.x2-e.x1,fill:j.value.useGradient?`url(#branch_gradient_${T.value}_${e.rootIndex})`:e.color,rx:j.value.borderRadius,stroke:j.value.stroke,"stroke-width":j.value.strokeWidth,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},null,12,ht))),256)),j.value.labels.dataLabels.show?(v(),m(`g`,gt,[(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[e.proportionToRoot*100>j.value.labels.dataLabels.hideUnderValue?(v(),m(`text`,{key:0,x:e.x1+6,y:e.y1+I.value.branchSize/1.5,"text-anchor":`start`,fill:C(ue)(e.color),"font-size":j.value.labels.dataLabels.fontSize,"font-weight":`bold`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},S(C(u)(j.value.labels.dataLabels.formatter,e.value,C(o)({p:N.value.branches.labels.dataLabels.prefix,v:e.value,s:N.value.branches.labels.dataLabels.suffix,r:N.value.branches.labels.dataLabels.roundingValue}),{datapoint:e})),13,_t)):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,(e,t)=>(v(),m(`g`,null,[(v(!0),m(d,null,b(C(te)({series:e.breakdown,base:1},e.x2+24+M.value.offsetX,e.y1+I.value.branchSize/2,I.value.branchSize/3,I.value.branchSize/3),(t,n)=>(v(),m(`path`,{d:t.path,stroke:t.color,"stroke-width":10,fill:`none`,style:_(`opacity:${q(e)?1:.1}`)},null,12,vt))),256)),h(`circle`,{"aria-label":`Open details for branch ${e.name} in root ${e.rootName}`,fill:M.value.useGradient?`url(#nut_${T.value})`:`transparent`,cx:e.x2+24+M.value.offsetX,cy:e.y1+I.value.branchSize/2,r:I.value.branchSize/2+2,onClick:t=>Or(e),style:_(`cursor:${F.value?`pointer`:`default`};opacity:${q(e)?1:.1}`)},null,12,yt)]))),256)),j.value.labels.show&&!W.value?(v(),m(`g`,bt,[(v(!0),m(d,null,b(V.value,e=>(v(),m(`text`,{x:e.x2+I.value.branchSize+24+M.value.offsetX,y:e.y1+I.value.branchSize/2+5,"font-size":j.value.labels.fontSize,"font-weight":j.value.labels.bold?`bold`:`normal`,fill:j.value.labels.color,"text-anchor":`start`,style:_(`opacity:${q(e)?1:.1}`)},S(e.name),13,xt))),256))])):p(``,!0),h(`line`,{x1:256+I.value.padding.left,x2:256+I.value.padding.left,y1:L.value.top,y2:L.value.bottom,stroke:N.value.verticalSeparator.stroke,"stroke-width":N.value.verticalSeparator.strokeWidth},null,8,St),!H.value&&!W.value?(v(),m(`foreignObject`,{key:6,x:0,y:L.value.bottom,height:I.value.height-L.value.bottom,width:I.value.width,style:{overflow:`visible`},"data-no-svg-export":``,onClick:t[6]||=()=>{K(),$(),E.value=!1}},[h(`div`,wt,[h(`div`,Tt,[(v(!0),m(d,null,b(B.value,e=>(v(),m(`div`,{style:_(`display:flex;align-items:center;gap:3px;flex-direction:row;font-size:${N.value.legend.fontSize}px;`)},[(v(),m(`svg`,Et,[h(`circle`,{cx:`10`,cy:`10`,r:`10`,fill:e.color,stroke:`none`},null,8,Dt)])),C($n)?p(``,!0):(v(),m(d,{key:0},[h(`span`,null,S(e.name)+`:`,1),h(`b`,null,S(C(u)(N.value.roots.labels.formatter,e.total,C(o)({p:P.value.layout.legend.prefix,v:e.total,s:P.value.layout.legend.suffix,r:P.value.layout.legend.roundingValue}),{datapoint:e})),1),Ne(` (`+S(C(o)({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage}))+`) `,1)],64))],4))),256))])])],8,Ct)):p(``,!0),H.value&&U.value?(v(),m(`g`,Ot,[(v(),m(`foreignObject`,{x:0,y:jr(),height:I.value.height-L.value.bottom,width:I.value.width,style:{overflow:`visible`},onClick:t[7]||=()=>{K(),$(),E.value=!1}},[h(`div`,At,[h(`b`,null,S(H.value.name),1),h(`div`,jt,[(v(!0),m(d,null,b(H.value.breakdown,(e,t)=>(v(),m(`div`,{style:_(`display:flex;align-items:center;gap:6px;flex-direction:row;font-size:${N.value.legend.fontSize}px;`)},[(v(),m(`svg`,Mt,[h(`circle`,{cx:`10`,cy:`10`,r:`10`,fill:e.color,stroke:`none`},null,8,Nt)])),h(`span`,null,[Ne(S(e.name)+`: `,1),h(`b`,null,S(N.value.legend.prefix)+` `+S(e.value.toFixed(P.value.layout.nuts.selected.labels.roundingValue))+` `+S(N.value.legend.suffix),1),Ne(` (`+S((e.proportionToBranch*100).toFixed(N.value.nuts.selected.labels.roundingPercentage))+`%)`,1)])],4))),256))])])],8,kt)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:256,fill:`url(#nut_underlayer_${T.value})`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Pt),(v(!0),m(d,null,b(U.value,e=>(v(),m(`g`,null,[Mr(e)?(v(),m(`path`,{key:0,d:C(oe)(e,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+I.value.branchSize/2},16,16,!1,!1,64),stroke:e.color,"stroke-width":`1`,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Ft)):p(``,!0)]))),256)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:118,fill:P.value.backgroundColor,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,It),(v(!0),m(d,null,b(U.value,e=>(v(),m(`path`,{d:e.path,stroke:e.color,"stroke-width":64,fill:`none`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Lt))),256)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:110,fill:`url(#nutpick_${T.value})`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Rt),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:64,fill:P.value.backgroundColor,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,zt),h(`text`,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+8,fill:M.value.selected.labels.core.total.color,"font-size":M.value.selected.labels.core.total.fontSize,"font-weight":M.value.selected.labels.core.total.bold?`bold`:`normal`,"text-anchor":`middle`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(k.value.translations.total),11,Bt),h(`text`,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+36,fill:M.value.selected.labels.core.value.color,"font-size":M.value.selected.labels.core.value.fontSize,"font-weight":M.value.selected.labels.core.value.bold?`bold`:`normal`,"text-anchor":`middle`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(u)(M.value.selected.labels.dataLabels.formatter,H.value.value,C(o)({p:M.value.selected.labels.core.value.prefix,v:H.value.value,s:M.value.selected.labels.core.value.suffix,r:M.value.selected.roundingValue}),{datapoint:H.value})),11,Vt),(v(!0),m(d,null,b(U.value,(e,t)=>(v(),m(`g`,null,[Mr(e)?(v(),m(`text`,{key:0,x:C(l)(e).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)-M.value.selected.labels.dataLabels.fontSize/6,fill:e.color,"font-size":M.value.selected.labels.dataLabels.fontSize/2,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},` ⬤ `,14,Ht)):p(``,!0),Mr(e)?(v(),m(`text`,{key:1,x:C(l)(e,!0).x,"text-anchor":C(l)(e,!0).anchor,y:C(le)(e),fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(H.value.breakdown[t].name),15,Ut)):p(``,!0)]))),256)),(v(!0),m(d,null,b(U.value,(e,t)=>(v(),m(`g`,null,[Mr(e)?(v(),m(`text`,{key:0,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].value/H.value.value*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(H.value.breakdown[t].branchName)+` `+S(C(u)(M.value.selected.labels.dataLabels.formatter,H.value.breakdown[t].value,C(o)({p:M.value.selected.labels.dataLabels.prefix,v:H.value.breakdown[t].value,s:M.value.selected.labels.dataLabels.suffix,r:M.value.selected.roundingValue}),{datapoint:U.value,seriesIndex:t})),15,Wt)):p(``,!0),Mr(e)?(v(),m(`text`,{key:1,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize*2,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].proportionToRoot*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(H.value.breakdown[t].rootName),15,Gt)):p(``,!0),Mr(e)?(v(),m(`text`,{key:2,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize*3,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].proportionToTree*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.proportionToTree),15,Kt)):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:0,x:e.x1+6,y:e.y1+I.value.branchSize+24,"font-weight":`bold`,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[8]||=()=>{K(),$(),E.value=!1}},S(e.name)+`: `+S(C(u)(j.value.labels.dataLabels.formatter,e.value,C(o)({p:j.value.labels.dataLabels.prefix,v:e.value,s:j.value.labels.dataLabels.suffix,r:j.value.labels.dataLabels.roundingValue}),{datapoint:e})),9,qt)):p(``,!0),W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:1,x:e.x1+6,y:e.y1+I.value.branchSize+48,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[9]||=()=>{K(),$(),E.value=!1}},S(C(o)({v:e.proportionToRoot*100,s:`%`,r:j.value.labels.dataLabels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(e.rootName),9,Jt)):p(``,!0),W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:2,x:e.x1+6,y:e.y1+I.value.branchSize+72,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[10]||=()=>{K(),$(),E.value=!1}},S(C(o)({v:e.value/R.value*100,s:`%`,r:j.value.labels.dataLabels.roundingPercentage}))+` `+S(k.value.translations.proportionToTree),9,Yt)):p(``,!0)]))),256)),x(e.$slots,`svg`,{svg:{...I.value,isPrintingImg:C(or)||C(sr)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0)],46,$e)):p(``,!0)]),e.$slots.watermark?(v(),m(`div`,Xt,[x(e.$slots,`watermark`,ze(Ie({isPrinting:C(or)||C(sr)||C(Xr)||C(Zr)})),void 0,!0)])):p(``,!0),x(e.$slots,`legend`,{legend:z.value},void 0,!0),e.$slots.source?(v(),m(`div`,Zt,[x(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),Kn.value&&k.value.userOptions.buttons.table?(v(),je(Ve(Hr.value.component),Le({key:6},Hr.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Wr}),Me({content:Ge(()=>[h(`div`,{ref_key:`tableContainer`,ref:pr,class:`vue-ui-chestnut-table`,style:_(`${k.value.table.useDialog?``:`max-height: 300px;margin-top:24px`}`)},[h(`div`,{style:_(`${k.value.table.useDialog?``:`padding-top:36px;`}position: relative`)},[k.value.table.useDialog?p(``,!0):(v(),m(`div`,{key:0,role:`button`,tabindex:`0`,style:_(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${F.value?`pointer`:`default`}; background:${k.value.table.th.backgroundColor};`),onClick:Wr,onKeypress:Ke(Wr,[`enter`])},[Pe(C(zn),{name:`close`,stroke:k.value.table.th.color,"stroke-width":2},null,8,[`stroke`])],36)),h(`div`,{style:{width:`100%`},class:g({"vue-ui-responsive":C(Ur)})},[h(`table`,Qt,[k.value.table.useDialog?p(``,!0):(v(),m(`caption`,{key:0,style:_({backgroundColor:k.value.table.th.backgroundColor,color:k.value.table.th.color,outline:k.value.table.th.outline}),class:`vue-ui-data-table__caption`},[Ne(S(N.value.title.text)+` `,1),N.value.title.subtitle.text?(v(),m(`span`,$t,S(N.value.title.subtitle.text),1)):p(``,!0)],4)),h(`thead`,null,[h(`tr`,{role:`row`,style:_(`background:${k.value.table.th.backgroundColor};color:${k.value.table.th.color}`)},[(v(!0),m(d,null,b(Y.value.head,e=>(v(),m(`th`,{style:_(`outline:${k.value.table.th.outline}`)},S(e),5))),256))],4)]),h(`tbody`,null,[(v(!0),m(d,null,b(Y.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:${k.value.table.td.backgroundColor};color:${k.value.table.td.color}`)},[h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[0]},[h(`div`,tn,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,nn)):(v(),m(`span`,rn,S(e.rootName),1))])],12,en),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[1]},[h(`div`,on,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,sn)):(v(),m(`span`,cn,S(e.rootValue.toFixed(k.value.table.td.roundingValue)),1))])],12,an),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[2]},[h(`div`,un,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,dn)):(v(),m(`span`,fn,S((e.rootToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,ln),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[3]},[h(`div`,mn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,hn)):(v(),m(`span`,gn,S(e.branchName),1))])],12,pn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[4]},[h(`div`,vn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,yn)):(v(),m(`span`,bn,S(e.branchValue.toFixed(k.value.table.td.roundingValue)),1))])],12,_n),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[5]},[h(`div`,Sn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,Cn)):(v(),m(`span`,wn,S((e.branchToRoot*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,xn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[6]},[h(`div`,En,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,Dn)):(v(),m(`span`,On,S((e.branchToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,Tn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[7]},[h(`div`,An,S(e.nutName),1)],12,kn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[8]},[h(`div`,Mn,S(e.nutValue.toFixed(k.value.table.td.roundingValue)),1)],12,jn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[9]},[h(`div`,Pn,S((e.nutToBranch*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Nn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[10]},[h(`div`,In,S((e.nutToRoot*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Fn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[11]},[h(`div`,Rn,S((e.nutToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Ln)],6))),256))])])],2)],4)],4)]),_:2},[k.value.table.useDialog?{name:`title`,fn:Ge(()=>[Ne(S(Hr.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:Ge(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[11]||=e=>Pr(k.value.userOptions.callbacks.csv)},[Pe(C(zn),{name:`fileCsv`,stroke:Hr.value.props.color},null,8,[`stroke`])])]),key:`1`}:void 0]),1040)):p(``,!0),x(e.$slots,`skeleton`,{},()=>[C($n)?(v(),je(be,{key:0})):p(``,!0)],!0)],46,Je))}},[[`__scopeId`,`data-v-bfdc772a`]]);export{qe as n,zn as t};
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./tableIntegration-CNoJ1CIY.js";import{n,t as r}from"./annotationSlots-BRR85CqJ.js";import{n as i,t as a}from"./userOptionsSlots-DYuo-E5m.js";import{$ as o,D as ee,Ht as s,It as te,Jt as c,S as ne,X as re,Yt as ie,at as ae,f as l,h as oe,i as u,in as se,nt as ce,p as le,r as ue,t as de,w as fe,yt as pe,zt as me}from"./lib-CV_IANZ6.js";import{n as he,t as ge}from"./useHints-BH9r_0Vd.js";import{t as _e}from"./useConfig-CKdzPrcf.js";import{t as ve}from"./usePrinter-hLW3cv4N.js";import{n as ye,t as be}from"./BaseScanner-8NdoBs7B.js";import{t as xe}from"./useChartExport-DtPNpc9M.js";import{t as Se}from"./img-DiT4ivZ5.js";import{t as Ce}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as we}from"./DefGrad-DKMq1REY.js";import{t as Te}from"./A11yDataTable-DWNlWXzs.js";import{n as Ee}from"./resolveChartConfig-DZg-korK.js";import{t as De}from"./useUserOptionState-CXlFnwPv.js";import{t as Oe}from"./useChartAccessibility-DOMuYJfm.js";import{t as ke}from"./useTableResponsive-uSz_qZOB.js";import{t as Ae}from"./vue_ui_chestnut-BxxivKN7.js";import{Fragment as d,computed as f,createBlock as je,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Me,createTextVNode as Ne,createVNode as Pe,defineAsyncComponent as Fe,guardReactiveProps as Ie,mergeProps as Le,nextTick as Re,normalizeClass as g,normalizeProps as ze,normalizeStyle as _,onMounted as Be,openBlock as v,ref as y,renderList as b,renderSlot as x,resolveDynamicComponent as Ve,toDisplayString as S,toRefs as He,unref as C,useCssVars as Ue,watch as We,withCtx as Ge,withKeys as Ke}from"vue";var qe=/* @__PURE__ */ e({default:()=>zn}),Je=[`id`],Ye=[`id`],Xe={"aria-live":`polite`,class:`sr-only`},Ze={key:2,ref:`noTitle`,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},Qe={style:{position:`relative`}},$e=[`xmlns`,`aria-describedby`,`viewBox`],et=[`width`,`height`],tt={key:1},nt=[`fill`,`font-weight`,`font-size`,`x`,`y`],rt=[`fill`,`font-weight`,`font-size`,`x`,`y`],it={key:2},at=[`x`,`y`,`font-size`,`font-weight`,`fill`],ot=[`x`,`y`,`font-size`,`font-weight`,`fill`],st=[`d`,`stroke`,`fill`],ct=[`cx`,`cy`,`r`,`fill`],lt=[`aria-label`,`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onClick`],ut={key:3},dt=[`x`,`y`,`font-size`,`fill`,`onClick`],ft={key:0},pt=[`x`,`y`,`fill`,`font-size`,`font-weight`],mt=[`x`,`y`,`height`,`width`,`fill`,`rx`,`onClick`],ht=[`aria-label`,`x`,`y`,`height`,`width`,`fill`,`rx`,`stroke`,`stroke-width`,`onClick`],gt={key:4},_t=[`x`,`y`,`fill`,`font-size`,`onClick`],vt=[`d`,`stroke`],yt=[`aria-label`,`fill`,`cx`,`cy`,`r`,`onClick`],bt={key:5},xt=[`x`,`y`,`font-size`,`font-weight`,`fill`],St=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Ct=[`y`,`height`,`width`],wt={style:{width:`100%`,height:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`,"flex-direction":`column`}},Tt={style:{display:`flex`,"align-items":`center`,"justify-content":`center`,gap:`12px`,"flex-wrap":`wrap`,"flex-direction":`row`}},Et={viewBox:`0 0 20 20`,height:`16`,width:`16`},Dt=[`fill`],Ot={key:7},kt=[`y`,`height`,`width`],At={style:{width:`100%`,height:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`,"flex-direction":`column`}},jt={style:{display:`flex`,"align-items":`center`,"justify-content":`center`,gap:`12px`,"flex-wrap":`wrap`,"flex-direction":`row`}},Mt={viewBox:`0 0 20 20`,height:`16`,width:`16`},Nt=[`fill`],Pt=[`cx`,`cy`,`fill`],Ft=[`d`,`stroke`],It=[`cx`,`cy`,`fill`],Lt=[`d`,`stroke`],Rt=[`cx`,`cy`,`fill`],zt=[`cx`,`cy`,`fill`],Bt=[`x`,`y`,`fill`,`font-size`,`font-weight`],Vt=[`x`,`y`,`fill`,`font-size`,`font-weight`],Ht=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Ut=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Wt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Gt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],Kt=[`x`,`text-anchor`,`y`,`fill`,`font-size`],qt=[`x`,`y`,`font-size`,`fill`],Jt=[`x`,`y`,`font-size`,`fill`],Yt=[`x`,`y`,`font-size`,`fill`],Xt={key:4,class:`vue-data-ui-watermark`},Zt={key:5,ref:`source`,dir:`auto`},Qt={class:`vue-ui-data-table`},$t={key:0},en=[`data-cell`],tn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},nn={key:0},rn={key:1},an=[`data-cell`],on={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},sn={key:0},cn={key:1},ln=[`data-cell`],un={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},dn={key:0},fn={key:1},pn=[`data-cell`],mn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},hn={key:0},gn={key:1},_n=[`data-cell`],vn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},yn={key:0},bn={key:1},xn=[`data-cell`],Sn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Cn={key:0},wn={key:1},Tn=[`data-cell`],En={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Dn={key:0},On={key:1},kn=[`data-cell`],An={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},jn=[`data-cell`],Mn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Nn=[`data-cell`],Pn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Fn=[`data-cell`],In={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},Ln=[`data-cell`],Rn={style:{display:`flex`,"align-items":`center`,gap:`5px`,"justify-content":`flex-end`,width:`100%`,"padding-right":`3px`}},zn=/*#__PURE__*/ Ce({__name:`vue-ui-chestnut`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectRoot`,`selectBranch`,`selectNut`,`copyAlt`],setup(e,{expose:Ce,emit:qe}){Ue(e=>({b80f2d12:e.tdo}));let zn=Fe(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Bn=Fe(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Vn=Fe(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Hn=Fe(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Un=Fe(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Wn=Fe(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_chestnut:Gn}=_e(),w=e,Kn=f(()=>!!w.dataset&&w.dataset.length),T=y(re()),qn=y(null),Jn=y(0),Yn=y(null),Xn=y(null),Zn=y(!1),E=y(!1),D=y(``),O=y({level:`root`,rootIndex:0,branchIndex:0,nutIndex:0,locked:!1}),k=y(ar()),A=f(()=>k.value.style.chart.layout.roots),j=f(()=>k.value.style.chart.layout.branches),M=f(()=>k.value.style.chart.layout.nuts),N=f(()=>k.value.style.chart.layout),P=f(()=>k.value.style.chart);he({config:()=>k.value,dataset:()=>w.dataset,component:`VueUiChestnut`,rules:[ge.emptyArray,{test:e=>e.some(e=>e?.branches&&e.branches.length>10),message:[`👀 Some root has > 10 branches, which can make the chart heavy. Consider:`,``,`▶️ Grouping some branches in broader categories.`]},{test:e=>e.some(e=>e?.branches&&e.branches.some(e=>e?.breakdown&&e?.breakdown.length>6)),message:[`👀 Some donuts have > 6 series. Consider:`,``,`▶️ Grouping small values into an "Other" category.`]}]});let F=f(()=>k.value.userOptions.useCursorPointer),Qn=f(()=>se({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{grandTotal:{show:!1},roots:{stroke:`#6A6A6A`,labels:{show:!1}},verticalSeparator:{stroke:`transparent`},branches:{stroke:`#6A6A6A`,underlayerColor:`#6A6A6A90`,labels:{show:!1,dataLabels:{show:!1}}}}}}},userConfig:k.value.skeletonConfig??{}})),{loading:$n,FINAL_DATASET:er}=ye({...He(w),FINAL_CONFIG:k,prepareConfig:ar,skeletonDataset:w.config?.skeletonDataset??[{name:`_`,color:`#969696`,branches:[{name:`_`,value:32,breakdown:[{name:`_`,value:16,color:`#CACACA`},{name:`_`,value:16,color:`#6A6A6A`}]},{name:`_`,value:16,breakdown:[{name:`_`,value:8,color:`#CACACA`},{name:`_`,value:8,color:`#6A6A6A`}]},{name:`_`,value:8,breakdown:[{name:`_`,value:4,color:`#CACACA`},{name:`_`,value:4,color:`#6A6A6A`}]},{name:`_`,value:4,breakdown:[{name:`_`,value:2,color:`#CACACA`},{name:`_`,value:2,color:`#6A6A6A`}]}]},{name:`_`,color:`#C4C4C4`,branches:[{name:`_`,value:24,breakdown:[{name:`_`,value:12,color:`#CACACA`},{name:`_`,value:12,color:`#6A6A6A`}]},{name:`_`,value:12,breakdown:[{name:`_`,value:6,color:`#CACACA`},{name:`_`,value:6,color:`#6A6A6A`}]},{name:`_`,value:6,breakdown:[{name:`_`,value:3,color:`#CACACA`},{name:`_`,value:3,color:`#6A6A6A`}]},{name:`_`,value:2,breakdown:[{name:`_`,value:1,color:`#CACACA`},{name:`_`,value:1,color:`#6A6A6A`}]}]}],skeletonConfig:se({defaultConfig:k.value,userConfig:Qn.value})}),{userOptionsVisible:tr,setUserOptionsVisibility:nr,keepUserOptionState:rr}=De({config:k.value}),{svgRef:ir}=Oe({config:N.value.title});function ar(){return Ee(w.config,Gn,Ae)}We(()=>w.config,e=>{k.value=ar(),tr.value=!k.value.userOptions.showOnChartHover,fr.value.showTable=k.value.table.show,Nr()},{deep:!0});let{isPrinting:or,isImaging:sr,generatePdf:cr,generateImage:lr}=ve({elementId:`vue-ui-chestnut_${T.value}`,fileName:N.value.title.text||`vue-ui-chestnut`,options:k.value.userOptions.print}),ur=f(()=>k.value.userOptions.show),dr=f(()=>fe(k.value.customPalette)),fr=y({showTable:k.value.table.show});We(k,()=>{fr.value={showTable:k.value.table.show}},{immediate:!0});let pr=y(null),mr=f(()=>k.value.table.responsiveBreakpoint),I=y({gap:6,padding:{top:102,left:12,right:12,bottom:96},width:1024,height:0,branchSize:32,branchStart:128}),L=f(()=>({left:I.value.padding.left,top:I.value.padding.top,right:I.value.width-I.value.padding.right,bottom:I.value.height-I.value.padding.bottom,width:I.value.width-(I.value.padding.left+I.value.padding.right),height:I.value.height-(I.value.padding.top+I.value.padding.bottom),seedX:I.value.padding.left+64})),R=f(()=>er.value.flatMap(e=>(e.branches||[]).map(e=>e.value||0)).reduce((e,t)=>e+t,0)),hr=f(()=>k.value.debug),z=f(()=>(hr.value&&er.value.forEach((e,t)=>{pe({datasetObject:e,requiredAttributes:[`name`,`branches`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:t})}),e.branches&&e.branches.forEach((e,n)=>{pe({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n}`})}),e.breakdown&&e.breakdown.forEach((e,r)=>{pe({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{ae({componentName:`VueUiChestnut`,type:`datasetSerieAttribute`,property:e,index:`${t} - ${n} - ${r}`})})})})}),er.value.map((e,t)=>{let n=(e.branches||[]).map(e=>e.value||0).reduce((e,t)=>e+t,0);return{...e,color:ne(e.color)||dr.value[t]||s[t]||s[t%s.length],id:e.id||`root_${t}_${T.value}`,type:`root`,total:n,rootIndex:t,branches:(e.branches||[]).map((r,i)=>({...r,rootName:e.name,rootIndex:t,color:ne(e.color)||dr.value[t]||s[t]||s[t%s.length],value:r.value>=0?r.value:0,id:r.id||`branch_${t}_${i}_${T.value}`,proportionToRoot:r.value/n,type:`branch`,breakdown:(r.breakdown||[]).map((a,o)=>({table:{rootName:e.name,rootValue:n,rootToTotal:n/R.value,branchName:r.name,branchValue:r.value,branchToTotal:r.value/R.value,branchToRoot:r.value/n,nutName:a.name,nutValue:a.value,nutToTotal:a.value/R.value,nutToRoot:a.value/n,nutToBranch:a.value/r.value},...a,type:`nut`,branchName:r.name,rootName:e.name,branchTotal:r.value>=0?r.value:0,proportionToBranch:a.value/r.value,proportionToRoot:a.value/n,proportionToTree:a.value/R.value,rootIndex:t,id:a.id||`nut_${t}_${i}_${o}_${T.value}`,color:ne(a.color)||dr.value[o]||s[o]||s[o%s.length],value:a.value>=0?a.value:0}))}))}})));function gr(){return z.value}let _r=qe,vr=f(()=>z.value.flatMap(e=>e.branches).length),yr=f(()=>Math.max(...z.value.map(e=>e.branches.map(e=>e.value).reduce((e,t)=>e+t,0)))),br=f(()=>Math.max(...z.value.flatMap(e=>e.branches.map(e=>e.value)))),xr=f(()=>256+I.value.padding.left),B=f(()=>z.value.sort((e,t)=>t.total-e.total).map((e,t)=>{let n=L.value.height/z.value.length/2,r=e.total/yr.value*(n>64?64:n);return{...e,x:L.value.seedX,y:L.value.top+L.value.height/z.value.length*(t+1)-(L.value.height/z.value.length/2+I.value.gap/2),r:r<I.value.branchSize/2?I.value.branchSize/2:r}})),Sr=f(()=>j.value.widthRatio<=0?.1:j.value.widthRatio>1.8?1.8:j.value.widthRatio),Cr=f(()=>B.value.flatMap(e=>e.branches)),V=f(()=>Cr.value.sort((e,t)=>t.value-e.value).map((e,t)=>({...e,y1:t*I.value.branchSize+L.value.top+t*I.value.gap,y2:t*I.value.branchSize+I.value.branchSize,x1:xr.value,x2:384*e.value/br.value*Sr.value+xr.value}))),wr=f(()=>B.value),Tr=f(()=>wr.value.map(e=>V.value.filter(t=>t.rootIndex===e.rootIndex).sort((e,t)=>e.y1-t.y1))),Er=f(()=>wr.value.map((e,t)=>Tr.value[t].map(e=>(e.breakdown||[]).map((t,n)=>({...t,nutIndex:n,rootIndex:e.rootIndex,branchId:e.id,branchName:e.name,branchValue:e.value,rootName:e.rootName})))));function Dr(e){let t=B.value.find(t=>t.rootIndex===e.rootIndex);return{x:t.x,y:t.y,r:t.r}}let H=y(null),U=y(null),W=y(null),G=y(null);function K(){H.value=null,W.value=null,G.value=null}function q(e){if(H.value)return e.type===`root`?e.rootIndex===H.value.rootIndex:e.type===`branch`?e.id===H.value.id:e.type===`nut`&&e.branchName===H.value.name&&e.rootIndex===H.value.rootIndex;if(W.value)return e.type===`root`?e.rootIndex===W.value.rootIndex:e.type===`branch`?e.id===W.value.id:e.type===`nut`&&e.branchName===W.value.name&&e.rootIndex===W.value.rootIndex;if(G.value)return e.type===`root`?e.id===G.value.id:e.type===`branch`||e.type===`nut`?e.rootIndex===G.value.rootIndex:!1;if(ci.value&&E.value){if(O.value.level===`root`)return e.type===`root`?Z.value&&e.id===Z.value.id:e.type===`branch`||e.type===`nut`?Z.value&&e.rootIndex===Z.value.rootIndex:!1;if(O.value.level===`branch`)return e.type===`root`?Z.value&&e.rootIndex===Z.value.rootIndex:e.type===`branch`?oi.value&&e.id===oi.value.id:(e.type,!1);if(O.value.level===`nut`)return e.type===`root`?Z.value&&e.rootIndex===Z.value.rootIndex:e.type===`branch`?si.value&&e.id===si.value.id:e.type===`nut`&&si.value&&e.branchName===si.value.name&&e.rootIndex===si.value.rootIndex}return!0}function Or(e){K();let t=wr.value.findIndex(t=>t.rootIndex===e.rootIndex),n=(Tr.value[t]||[]).findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),n!==-1&&(O.value.branchIndex=n),O.value.level=`nut`,O.value.nutIndex=0,Re(()=>{H.value=e,W.value=e,U.value=te({series:e.breakdown,base:1},e.x2+24+M.value.offsetX,e.y1+I.value.branchSize/2,80,80),_r(`selectNut`,e.breakdown),Q()})}function J(){H.value=null,U.value=null,_r(`selectNut`,null)}function kr(e){let t=wr.value.findIndex(t=>t.rootIndex===e.rootIndex),n=(Tr.value[t]||[]).findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),n!==-1&&(O.value.branchIndex=n),O.value.level=`branch`,O.value.nutIndex=0,W.value&&W.value.id===e.id?(W.value=null,K(),_r(`selectBranch`,null),Q()):(K(),W.value=e,_r(`selectBranch`,e),Q())}function Ar(e){let t=wr.value.findIndex(t=>t.id===e.id);t!==-1&&(O.value.rootIndex=t),O.value.level=`root`,O.value.branchIndex=0,O.value.nutIndex=0,G.value&&G.value.id===e.id?(K(),_r(`selectRoot`,null),Q()):(K(),G.value=e,_r(`selectRoot`,e),Q())}function jr(){return L.value.bottom-(H.value.y1+180)<0?0:L.value.bottom}function Mr(e){return e.proportion*100>M.value.selected.labels.dataLabels.hideUnderValue}Be(()=>{Nr()});function Nr(){me(w.dataset)&&ae({componentName:`VueUiChestnut`,type:`dataset`,debug:hr.value});let e=vr.value*(I.value.branchSize+I.value.gap)+I.value.padding.top+I.value.padding.bottom;I.value.height=e}let Y=f(()=>({head:[k.value.table.th.translations.rootName,k.value.table.th.translations.rootValue,k.value.table.th.translations.rootToTotal,k.value.table.th.translations.branchName,k.value.table.th.translations.branchValue,k.value.table.th.translations.branchToRoot,k.value.table.th.translations.branchToTotal,k.value.table.th.translations.nutName,k.value.table.th.translations.nutValue,k.value.table.th.translations.nutToBranch,k.value.table.th.translations.nutToRoot,k.value.table.th.translations.nutToTotal],body:z.value.flatMap((e,t)=>e.branches.flatMap((e,t)=>e.breakdown.flatMap((e,t)=>e.table)))}));function Pr(e=null){Re(()=>{let t=[[N.value.title.text],[N.value.title.subtitle.text],[``],[`Grand total`,R.value],[``]],n=Y.value.head,r=Y.value.body.map((e,t)=>[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootName,Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootValue,Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?``:e.rootToTotal,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchName,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchValue,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchToRoot,Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?``:e.branchToTotal,e.nutName,e.nutValue,e.nutToBranch,e.nutToRoot,e.nutToTotal]),i=t.concat([n]).concat(r),a=ee(i);e?e(a):ce({csvContent:a,title:N.value.title.text||`vue-ui-chestnut`})})}let Fr=y(!1);function Ir(e){Fr.value=e,Jn.value+=1}function Lr(){fr.value.showTable=!fr.value.showTable}let Rr=y(!1);function zr(){Rr.value=!Rr.value}async function Br({scale:e=2}={}){if(!qn.value)return;let{width:t,height:n}=qn.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await Se({domElement:qn.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:N.value.title.text,width:t,height:n,aspectRatio:r}}function Vr(e){let t=Dr(e),n=e.x1,r=e.y1,i=I.value.branchSize,a=t.x+t.r/2,o=t.y;return[`M ${n},${r}`,`C ${n-20},${r} ${n-20},${r} ${a},${o}`,`C ${a},${o} ${n-20},${r+i} ${n},${r+i}`,`Z`].join(` `)}let Hr=f(()=>t({config:k,style:P,mutableConfig:fr,dialog:Wn,accordion:Bn,isFullscreen:Fr,parent:qn,maxWidth:800,titleStyle:N,isCursorPointer:F}));We(()=>fr.value.showTable,async e=>{k.value.table.show||(e&&k.value.table.useDialog&&Yn.value?(await Re(),Yn.value.open()):`close`in Yn.value&&Yn.value.close())});let{isResponsive:Ur}=ke(pr,mr);function Wr(){fr.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let Gr=f(()=>z.value.map((e,t)=>({...e,display:`${e.name}: ${u(A.value.labels.formatter,e.total,o({p:N.value.legend.prefix,v:e.total,s:N.value.legend.suffix,r:N.value.legend.roundingValue}),{datapoint:e})} (${o({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage})})`}))),Kr=f(()=>Gr.value.map(e=>({color:e.color,name:e.display,shape:`circle`}))),qr=f(()=>P.value.backgroundColor),Jr=f(()=>({...N.value.legend,textAlign:`center`,show:!0,position:`bottom`})),Yr=f(()=>N.value.title),{isCallbackImaging:Xr,isCallbackSvg:Zr,generateSvg:Qr,onGenerateImage:$r}=xe({svg:ir,title:Yr,legend:Jr,legendItems:Kr,backgroundColor:qr,titleEmbedded:!0,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:lr});async function ei(){if(_r(`copyAlt`,{config:k.value,dataset:z.value}),!k.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:z.value}))}function ti(e){if(!e)return``;let t=o({p:N.value.legend.prefix,v:e.total,s:N.value.legend.suffix,r:N.value.legend.roundingValue}),n=o({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage});return`Root ${e.name}. Value ${t}. ${n} of total.`}function ni(e){if(!e)return``;let t=o({p:j.value.labels.dataLabels.prefix,v:e.value,s:j.value.labels.dataLabels.suffix,r:j.value.labels.dataLabels.roundingValue}),n=o({v:e.proportionToRoot*100,s:`%`,r:N.value.legend.roundingPercentage});return`Branch ${e.name}. Root ${e.rootName}. Value ${t}. ${n} of root ${e.rootName}.`}function ri(e){if(!e)return``;let t=o({p:N.value.legend.prefix,v:e.value,s:N.value.legend.suffix,r:M.value.selected.labels.roundingValue}),n=o({v:e.proportionToBranch*100,s:`%`,r:M.value.selected.labels.roundingPercentage});return`Nut ${e.name}. Branch ${e.branchName}. Root ${e.rootName}. Value ${t}. ${n} of branch ${e.branchName}.`}let ii=f(()=>wr.value[O.value.rootIndex]||null),X=f(()=>(Tr.value[O.value.rootIndex]||[])[O.value.branchIndex]||null),ai=f(()=>((Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[])[O.value.nutIndex]||null),Z=f(()=>ii.value),oi=f(()=>X.value),si=f(()=>O.value.level===`nut`?X.value:null),ci=f(()=>Zn.value);function Q(){if(O.value.level===`root`){D.value=ti(ii.value);return}if(O.value.level===`branch`){D.value=ni(X.value);return}O.value.level===`nut`&&(D.value=ri(ai.value))}function $(){O.value={level:`root`,rootIndex:0,branchIndex:0,nutIndex:0,locked:!1},D.value=``}function li(){let e=Tr.value[O.value.rootIndex]||[];if(!e.length){O.value.branchIndex=0;return}O.value.branchIndex>=e.length&&(O.value.branchIndex=0),O.value.branchIndex<0&&(O.value.branchIndex=e.length-1)}function ui(){let e=(Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[];if(!e.length){O.value.nutIndex=0;return}O.value.nutIndex>=e.length&&(O.value.nutIndex=0),O.value.nutIndex<0&&(O.value.nutIndex=e.length-1)}function di(e){if(O.value.level===`root`){let t=wr.value.length;if(!t)return;O.value.rootIndex+=e,O.value.rootIndex>=t&&(O.value.rootIndex=0),O.value.rootIndex<0&&(O.value.rootIndex=t-1),O.value.branchIndex=0,O.value.nutIndex=0,Q();return}if(O.value.level===`branch`){O.value.branchIndex+=e,li(),O.value.nutIndex=0,Q();return}O.value.level===`nut`&&(O.value.nutIndex+=e,ui(),Q())}function fi(e){if(e>0){if(O.value.level===`root`){if(!(Tr.value[O.value.rootIndex]||[]).length)return;O.value.level=`branch`,O.value.branchIndex=0,O.value.nutIndex=0,Q();return}if(O.value.level===`branch`){if(!((Er.value[O.value.rootIndex]||[])[O.value.branchIndex]||[]).length)return;O.value.level=`nut`,O.value.nutIndex=0,X.value?Or(X.value):Q();return}return}if(O.value.level===`nut`){J(),W.value=null,O.value.level=`branch`,O.value.nutIndex=0,Q();return}O.value.level===`branch`&&(W.value=null,G.value=null,O.value.level=`root`,O.value.nutIndex=0,Q())}function pi(){if(O.value.level===`root`&&ii.value){Ar(ii.value),D.value=`${ti(ii.value)} selected.`;return}if(O.value.level===`branch`&&X.value){kr(X.value),D.value=`${ni(X.value)} selected.`;return}O.value.level===`nut`&&X.value&&ai.value&&(Or(X.value),D.value=`${ri(ai.value)} details opened.`)}function mi(){Zn.value=!0,E.value=!1}function hi(){Zn.value=!1,E.value=!1,D.value=``,!G.value&&!W.value&&!H.value&&$()}function gi(e){let t=e.key===`ArrowUp`,n=e.key===`ArrowDown`,r=e.key===`ArrowLeft`,i=e.key===`ArrowRight`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(t||n||r||i||a||o){if(e.preventDefault(),e.stopPropagation(),Zn.value||=!0,o){K(),$(),E.value=!1;return}if((t||n||r||i)&&(E.value=!0),t){di(-1);return}if(n){di(1);return}if(r){fi(-1);return}if(i){fi(1);return}a&&pi()}}let _i=f(()=>({headers:Y.value.head,rows:Y.value.body.map(e=>[e.rootName,e.rootValue,o({v:e.rootToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage}),e.branchName,e.branchValue,o({v:e.branchToRoot*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.branchToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage}),e.nutName,e.nutValue,o({v:e.nutToBranch*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.nutToRoot*100,s:`%`,r:k.value.table.td.roundingPercentage}),o({v:e.nutToTotal*100,s:`%`,r:k.value.table.td.roundingPercentage})])}));return Ce({getData:gr,getImage:Br,generatePdf:cr,generateCsv:Pr,generateImage:lr,generateSvg:Qr,toggleTable:Lr,toggleAnnotator:zr,toggleFullscreen:Ir,copyAlt:ei}),(e,t)=>(v(),m(`div`,{class:g(`vue-data-ui-component vue-ui-chestnut ${Fr.value?`vue-data-ui-wrapper-fullscreen`:``}`),ref_key:`chestnutChart`,ref:qn,id:`vue-ui-chestnut_${T.value}`,style:_(`font-family:${k.value.style.fontFamily};width:100%; text-align:center;background:${P.value.backgroundColor}`),onMouseenter:t[12]||=()=>C(nr)(!0),onMouseleave:t[13]||=()=>C(nr)(!1)},[h(`div`,{id:`chart-instructions-${T.value}`,class:`sr-only`},[h(`p`,null,S(k.value.a11y.translations.keyboardNavigation),1)],8,Ye),h(`div`,Xe,S(D.value),1),_i.value?.rows?.length?(v(),je(Te,{key:0,uid:T.value,head:_i.value.headers,body:_i.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):p(``,!0),k.value.userOptions.buttons.annotator?(v(),je(C(Vn),{key:1,svgRef:C(ir),backgroundColor:P.value.backgroundColor,color:P.value.color,active:Rr.value,isCursorPointer:F.value,palette:k.value.userOptions.annotatorPalette,onClose:zr},Me({_:2},[b(C(r),t=>({name:t,fn:Ge(r=>[x(e.$slots,t,ze(Ie(C(n)(t,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),ur.value?(v(),m(`div`,Ze,null,512)):p(``,!0),k.value.userOptions.show&&Kn.value&&(C(rr)||C(tr))?(v(),je(C(Hn),{ref_key:`userOptionsRef`,ref:Xn,key:`user_options_${Jn.value}`,backgroundColor:P.value.backgroundColor,color:P.value.color,isImaging:C(sr),isPrinting:C(or),uid:T.value,hasPdf:k.value.userOptions.buttons.pdf,hasImg:k.value.userOptions.buttons.img,hasSvg:k.value.userOptions.buttons.svg,hasXls:k.value.userOptions.buttons.csv,hasTable:k.value.userOptions.buttons.table,hasFullscreen:k.value.userOptions.buttons.fullscreen,hasAltCopy:k.value.userOptions.buttons.altCopy,isFullscreen:Fr.value,titles:{...k.value.userOptions.buttonTitles},chartElement:qn.value,position:k.value.userOptions.position,hasAnnotator:k.value.userOptions.buttons.annotator,isAnnotation:Rr.value,callbacks:k.value.userOptions.callbacks,printScale:k.value.userOptions.print.scale,tableDialog:k.value.table.useDialog,isCursorPointer:F.value,onToggleFullscreen:Ir,onGeneratePdf:C(cr),onGenerateCsv:Pr,onGenerateImage:C($r),onGenerateSvg:C(Qr),onToggleTable:Lr,onToggleAnnotator:zr,onCopyAlt:ei,style:_({visibility:C(rr)?C(tr)?`visible`:`hidden`:`visible`})},Me({_:2},[b(C(i)(e.$slots,`menuIcon optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Ge(n=>[x(e.$slots,t,ze(Ie(C(a)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),h(`div`,Qe,[I.value.height>0?(v(),m(`svg`,{key:0,ref_key:`svgRef`,ref:ir,xmlns:C(de),"aria-describedby":`chart-instructions-${T.value}`,class:g({"vue-data-ui-fullscreen--on":Fr.value,"vue-data-ui-fulscreen--off":!Fr.value}),viewBox:`0 0 ${I.value.width<=0?10:I.value.width} ${I.value.height<=0?10:I.value.height}`,style:_(`overflow:visible;background:transparent;color:${P.value.color}`),tabindex:`0`,onFocus:mi,onBlur:hi,onKeydown:gi},[Pe(C(Un)),e.$slots[`chart-background`]?(v(),m(`foreignObject`,{key:0,x:0,y:0,width:I.value.width<=0?10:I.value.width,height:I.value.height<=0?10:I.value.height,style:{pointerEvents:`none`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,et)):p(``,!0),H.value?p(``,!0):(v(),m(`g`,tt,[N.value.title.text?(v(),m(`text`,{key:0,"text-anchor":`middle`,fill:N.value.title.color,"font-weight":N.value.title.bold?`bold`:`normal`,"font-size":N.value.title.fontSize,x:I.value.width/2,y:12+N.value.title.fontSize+N.value.title.offsetY,onClick:t[0]||=()=>{K(),$(),E.value=!1}},S(N.value.title.text),9,nt)):p(``,!0),N.value.title.subtitle.text?(v(),m(`text`,{key:1,"text-anchor":`middle`,fill:N.value.title.subtitle.color,"font-weight":N.value.title.subtitle.bold?`bold`:`normal`,"font-size":N.value.title.subtitle.fontSize,x:I.value.width/2,y:48+N.value.title.subtitle.fontSize+N.value.title.subtitle.offsetY,onClick:t[1]||=()=>{K(),$(),E.value=!1}},S(N.value.title.subtitle.text),9,rt)):p(``,!0)])),h(`defs`,null,[(v(!0),m(d,null,b(z.value,(e,t)=>(v(),je(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`root_gradient_${T.value}_${e.rootIndex}`,key:`root_gradient_${T.value}_${e.rootIndex}`,stops:[[`0%`,C(c)(C(ie)(e.color,.05),100-A.value.gradientIntensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128)),(v(!0),m(d,null,b(z.value,e=>(v(),je(we,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`branch_gradient_${T.value}_${e.rootIndex}`,key:`branch_gradient_${T.value}_${e.rootIndex}`,stops:[[`0%`,e.color,1],[`100%`,C(c)(C(ie)(e.color,.02),100-j.value.gradientIntensity),1]]},null,8,[`id`,`stops`]))),128)),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nutpick_${T.value}`,stops:[[`0%`,C(c)(`#FFFFFF`,0),0],[`80%`,C(c)(`#FFFFFF`,M.value.selected.gradientIntensity),1],[`100%`,C(c)(`#FFFFFF`,0),0]]},null,8,[`id`,`stops`]),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nut_${T.value}`,stops:[[`0%`,C(c)(`#FFFFFF`,0),0],[`80%`,C(c)(`#FFFFFF`,M.value.gradientIntensity),1],[`100%`,C(c)(`#FFFFFF`,0),0]]},null,8,[`id`,`stops`]),Pe(we,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`nut_underlayer_${T.value}`,stops:[[`0%`,C(c)(P.value.backgroundColor,100),1],[`80%`,C(c)(P.value.backgroundColor,60),1],[`100%`,C(c)(P.value.backgroundColor,0),1]]},null,8,[`id`,`stops`])]),N.value.grandTotal.show?(v(),m(`g`,it,[h(`text`,{x:L.value.seedX,y:32+N.value.grandTotal.offsetY,"font-size":N.value.grandTotal.fontSize,"font-weight":N.value.grandTotal.bold?`bold`:`normal`,fill:N.value.grandTotal.color,"text-anchor":`middle`,onClick:t[2]||=()=>{K(),$(),E.value=!1}},S(N.value.grandTotal.text),9,at),h(`text`,{x:L.value.seedX,y:38+N.value.grandTotal.fontSize+N.value.grandTotal.offsetY,"font-size":N.value.grandTotal.fontSize,"font-weight":N.value.grandTotal.bold?`bold`:`normal`,fill:N.value.grandTotal.color,"text-anchor":`middle`,onClick:t[3]||=()=>{K(),$(),E.value=!1}},S(C(u)(N.value.grandTotal.formatter,R.value,C(o)({p:N.value.grandTotal.prefix,v:R.value,s:N.value.grandTotal.suffix,r:N.value.grandTotal.roundingValue}))),9,ot)])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[h(`defs`,null,[Pe(we,{t:`linear`,id:`link_grad_${e.id}`,stops:[[`0%`,e.color,1],[`100%`,C(c)(e.color,N.value.links.opacity),1]]},null,8,[`id`,`stops`])]),h(`path`,{d:Vr(e),stroke:C(c)(e.color,N.value.links.opacity),fill:`url(#link_grad_${e.id})`,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:_(`opacity:${+!!q(e)}`),onClick:t[4]||=()=>{K(),$(),E.value=!1}},null,12,st)]))),256)),(v(!0),m(d,null,b(B.value,e=>(v(),m(`circle`,{cx:e.x,cy:e.y,r:e.r,fill:A.value.underlayerColor,stroke:`none`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`)},null,12,ct))),256)),(v(!0),m(d,null,b(B.value,(e,t)=>(v(),m(`circle`,{"aria-label":ti(e),cx:e.x,cy:e.y,r:e.r,fill:A.value.useGradient?`url(#root_gradient_${T.value}_${e.rootIndex})`:e.color,stroke:A.value.stroke,"stroke-width":A.value.strokeWidth,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>Ar(e)},null,12,lt))),256)),A.value.labels.show?(v(),m(`g`,ut,[(v(!0),m(d,null,b(B.value,(e,t)=>(v(),m(`text`,{x:e.x,y:e.y+A.value.labels.fontSize/2.6,"text-anchor":`middle`,"font-size":A.value.labels.fontSize,fill:A.value.labels.adaptColorToBackground?C(ue)(e.color):A.value.labels.color,"font-weight":`bold`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>Ar(e)},S(C(u)(A.value.labels.formatter,e.total,C(o)({p:A.value.labels.prefix,v:e.total,s:A.value.labels.suffix,r:A.value.labels.roundingValue}),{datapoint:e})),13,dt))),256)),(v(!0),m(d,null,b(B.value,e=>(v(),m(`g`,null,[H.value&&e.rootIndex===H.value.rootIndex||W.value&&e.rootIndex===W.value.rootIndex||G.value&&e.rootIndex===G.value.rootIndex?(v(),m(`g`,ft,[h(`text`,{x:e.x,y:e.y+e.r+24,"text-anchor":`middle`,fill:A.value.labels.name.color,"font-size":A.value.labels.name.fontSize,"font-weight":A.value.labels.name.bold?`bold`:`normal`,onClick:t[5]||=()=>{K(),$(),E.value=!1}},S(e.name),9,pt)])):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`rect`,{x:e.x1,y:e.y1,height:I.value.branchSize,width:e.x2-e.x1,fill:j.value.underlayerColor,rx:j.value.borderRadius,stroke:`none`,style:_(`opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},null,12,mt))),256)),(v(!0),m(d,null,b(V.value,(e,t)=>(v(),m(`rect`,{"aria-label":ni(e),x:e.x1,y:e.y1,height:I.value.branchSize,width:e.x2-e.x1,fill:j.value.useGradient?`url(#branch_gradient_${T.value}_${e.rootIndex})`:e.color,rx:j.value.borderRadius,stroke:j.value.stroke,"stroke-width":j.value.strokeWidth,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},null,12,ht))),256)),j.value.labels.dataLabels.show?(v(),m(`g`,gt,[(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[e.proportionToRoot*100>j.value.labels.dataLabels.hideUnderValue?(v(),m(`text`,{key:0,x:e.x1+6,y:e.y1+I.value.branchSize/1.5,"text-anchor":`start`,fill:C(ue)(e.color),"font-size":j.value.labels.dataLabels.fontSize,"font-weight":`bold`,style:_(`cursor:${F.value?`pointer`:`default`}; opacity:${q(e)?1:.05}`),onClick:t=>kr(e)},S(C(u)(j.value.labels.dataLabels.formatter,e.value,C(o)({p:N.value.branches.labels.dataLabels.prefix,v:e.value,s:N.value.branches.labels.dataLabels.suffix,r:N.value.branches.labels.dataLabels.roundingValue}),{datapoint:e})),13,_t)):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,(e,t)=>(v(),m(`g`,null,[(v(!0),m(d,null,b(C(te)({series:e.breakdown,base:1},e.x2+24+M.value.offsetX,e.y1+I.value.branchSize/2,I.value.branchSize/3,I.value.branchSize/3),(t,n)=>(v(),m(`path`,{d:t.path,stroke:t.color,"stroke-width":10,fill:`none`,style:_(`opacity:${q(e)?1:.1}`)},null,12,vt))),256)),h(`circle`,{"aria-label":`Open details for branch ${e.name} in root ${e.rootName}`,fill:M.value.useGradient?`url(#nut_${T.value})`:`transparent`,cx:e.x2+24+M.value.offsetX,cy:e.y1+I.value.branchSize/2,r:I.value.branchSize/2+2,onClick:t=>Or(e),style:_(`cursor:${F.value?`pointer`:`default`};opacity:${q(e)?1:.1}`)},null,12,yt)]))),256)),j.value.labels.show&&!W.value?(v(),m(`g`,bt,[(v(!0),m(d,null,b(V.value,e=>(v(),m(`text`,{x:e.x2+I.value.branchSize+24+M.value.offsetX,y:e.y1+I.value.branchSize/2+5,"font-size":j.value.labels.fontSize,"font-weight":j.value.labels.bold?`bold`:`normal`,fill:j.value.labels.color,"text-anchor":`start`,style:_(`opacity:${q(e)?1:.1}`)},S(e.name),13,xt))),256))])):p(``,!0),h(`line`,{x1:256+I.value.padding.left,x2:256+I.value.padding.left,y1:L.value.top,y2:L.value.bottom,stroke:N.value.verticalSeparator.stroke,"stroke-width":N.value.verticalSeparator.strokeWidth},null,8,St),!H.value&&!W.value?(v(),m(`foreignObject`,{key:6,x:0,y:L.value.bottom,height:I.value.height-L.value.bottom,width:I.value.width,style:{overflow:`visible`},"data-no-svg-export":``,onClick:t[6]||=()=>{K(),$(),E.value=!1}},[h(`div`,wt,[h(`div`,Tt,[(v(!0),m(d,null,b(B.value,e=>(v(),m(`div`,{style:_(`display:flex;align-items:center;gap:3px;flex-direction:row;font-size:${N.value.legend.fontSize}px;`)},[(v(),m(`svg`,Et,[h(`circle`,{cx:`10`,cy:`10`,r:`10`,fill:e.color,stroke:`none`},null,8,Dt)])),C($n)?p(``,!0):(v(),m(d,{key:0},[h(`span`,null,S(e.name)+`:`,1),h(`b`,null,S(C(u)(N.value.roots.labels.formatter,e.total,C(o)({p:P.value.layout.legend.prefix,v:e.total,s:P.value.layout.legend.suffix,r:P.value.layout.legend.roundingValue}),{datapoint:e})),1),Ne(` (`+S(C(o)({v:e.total/R.value*100,s:`%`,r:N.value.legend.roundingPercentage}))+`) `,1)],64))],4))),256))])])],8,Ct)):p(``,!0),H.value&&U.value?(v(),m(`g`,Ot,[(v(),m(`foreignObject`,{x:0,y:jr(),height:I.value.height-L.value.bottom,width:I.value.width,style:{overflow:`visible`},onClick:t[7]||=()=>{K(),$(),E.value=!1}},[h(`div`,At,[h(`b`,null,S(H.value.name),1),h(`div`,jt,[(v(!0),m(d,null,b(H.value.breakdown,(e,t)=>(v(),m(`div`,{style:_(`display:flex;align-items:center;gap:6px;flex-direction:row;font-size:${N.value.legend.fontSize}px;`)},[(v(),m(`svg`,Mt,[h(`circle`,{cx:`10`,cy:`10`,r:`10`,fill:e.color,stroke:`none`},null,8,Nt)])),h(`span`,null,[Ne(S(e.name)+`: `,1),h(`b`,null,S(N.value.legend.prefix)+` `+S(e.value.toFixed(P.value.layout.nuts.selected.labels.roundingValue))+` `+S(N.value.legend.suffix),1),Ne(` (`+S((e.proportionToBranch*100).toFixed(N.value.nuts.selected.labels.roundingPercentage))+`%)`,1)])],4))),256))])])],8,kt)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:256,fill:`url(#nut_underlayer_${T.value})`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Pt),(v(!0),m(d,null,b(U.value,e=>(v(),m(`g`,null,[Mr(e)?(v(),m(`path`,{key:0,d:C(oe)(e,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+I.value.branchSize/2},16,16,!1,!1,64),stroke:e.color,"stroke-width":`1`,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Ft)):p(``,!0)]))),256)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:118,fill:P.value.backgroundColor,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,It),(v(!0),m(d,null,b(U.value,e=>(v(),m(`path`,{d:e.path,stroke:e.color,"stroke-width":64,fill:`none`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Lt))),256)),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:110,fill:`url(#nutpick_${T.value})`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,Rt),h(`circle`,{cx:H.value.x2+24+M.value.offsetX,cy:H.value.y1+I.value.branchSize/2,r:64,fill:P.value.backgroundColor,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},null,10,zt),h(`text`,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+8,fill:M.value.selected.labels.core.total.color,"font-size":M.value.selected.labels.core.total.fontSize,"font-weight":M.value.selected.labels.core.total.bold?`bold`:`normal`,"text-anchor":`middle`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(k.value.translations.total),11,Bt),h(`text`,{x:H.value.x2+24+M.value.offsetX,y:H.value.y1+36,fill:M.value.selected.labels.core.value.color,"font-size":M.value.selected.labels.core.value.fontSize,"font-weight":M.value.selected.labels.core.value.bold?`bold`:`normal`,"text-anchor":`middle`,onClick:J,class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(u)(M.value.selected.labels.dataLabels.formatter,H.value.value,C(o)({p:M.value.selected.labels.core.value.prefix,v:H.value.value,s:M.value.selected.labels.core.value.suffix,r:M.value.selected.roundingValue}),{datapoint:H.value})),11,Vt),(v(!0),m(d,null,b(U.value,(e,t)=>(v(),m(`g`,null,[Mr(e)?(v(),m(`text`,{key:0,x:C(l)(e).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)-M.value.selected.labels.dataLabels.fontSize/6,fill:e.color,"font-size":M.value.selected.labels.dataLabels.fontSize/2,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},` ⬤ `,14,Ht)):p(``,!0),Mr(e)?(v(),m(`text`,{key:1,x:C(l)(e,!0).x,"text-anchor":C(l)(e,!0).anchor,y:C(le)(e),fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(H.value.breakdown[t].name),15,Ut)):p(``,!0)]))),256)),(v(!0),m(d,null,b(U.value,(e,t)=>(v(),m(`g`,null,[Mr(e)?(v(),m(`text`,{key:0,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].value/H.value.value*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(H.value.breakdown[t].branchName)+` `+S(C(u)(M.value.selected.labels.dataLabels.formatter,H.value.breakdown[t].value,C(o)({p:M.value.selected.labels.dataLabels.prefix,v:H.value.breakdown[t].value,s:M.value.selected.labels.dataLabels.suffix,r:M.value.selected.roundingValue}),{datapoint:U.value,seriesIndex:t})),15,Wt)):p(``,!0),Mr(e)?(v(),m(`text`,{key:1,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize*2,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].proportionToRoot*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(H.value.breakdown[t].rootName),15,Gt)):p(``,!0),Mr(e)?(v(),m(`text`,{key:2,x:C(l)(e,!0).x,"text-anchor":C(l)(e).anchor,y:C(le)(e)+M.value.selected.labels.dataLabels.fontSize*3,fill:M.value.selected.labels.dataLabels.color,"font-size":M.value.selected.labels.dataLabels.fontSize,style:_(`font-weight:${M.value.selected.labels.dataLabels.bold?`bold`:``}`),class:g(M.value.selected.useMotion?`vue-ui-chestnut-animated`:``)},S(C(o)({v:H.value.breakdown[t].proportionToTree*100,s:`%`,r:M.value.selected.labels.roundingPercentage}))+` `+S(k.value.translations.proportionToTree),15,Kt)):p(``,!0)]))),256))])):p(``,!0),(v(!0),m(d,null,b(V.value,e=>(v(),m(`g`,null,[W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:0,x:e.x1+6,y:e.y1+I.value.branchSize+24,"font-weight":`bold`,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[8]||=()=>{K(),$(),E.value=!1}},S(e.name)+`: `+S(C(u)(j.value.labels.dataLabels.formatter,e.value,C(o)({p:j.value.labels.dataLabels.prefix,v:e.value,s:j.value.labels.dataLabels.suffix,r:j.value.labels.dataLabels.roundingValue}),{datapoint:e})),9,qt)):p(``,!0),W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:1,x:e.x1+6,y:e.y1+I.value.branchSize+48,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[9]||=()=>{K(),$(),E.value=!1}},S(C(o)({v:e.proportionToRoot*100,s:`%`,r:j.value.labels.dataLabels.roundingPercentage}))+` `+S(k.value.translations.of)+` `+S(e.rootName),9,Jt)):p(``,!0),W.value&&W.value.id===e.id&&!H.value?(v(),m(`text`,{key:2,x:e.x1+6,y:e.y1+I.value.branchSize+72,"text-anchor":`start`,"font-size":j.value.labels.dataLabels.fontSize,fill:j.value.labels.color,onClick:t[10]||=()=>{K(),$(),E.value=!1}},S(C(o)({v:e.value/R.value*100,s:`%`,r:j.value.labels.dataLabels.roundingPercentage}))+` `+S(k.value.translations.proportionToTree),9,Yt)):p(``,!0)]))),256)),x(e.$slots,`svg`,{svg:{...I.value,isPrintingImg:C(or)||C(sr)||C(Xr),isPrintingSvg:C(Zr)}},void 0,!0)],46,$e)):p(``,!0)]),e.$slots.watermark?(v(),m(`div`,Xt,[x(e.$slots,`watermark`,ze(Ie({isPrinting:C(or)||C(sr)||C(Xr)||C(Zr)})),void 0,!0)])):p(``,!0),x(e.$slots,`legend`,{legend:z.value},void 0,!0),e.$slots.source?(v(),m(`div`,Zt,[x(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),Kn.value&&k.value.userOptions.buttons.table?(v(),je(Ve(Hr.value.component),Le({key:6},Hr.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Wr}),Me({content:Ge(()=>[h(`div`,{ref_key:`tableContainer`,ref:pr,class:`vue-ui-chestnut-table`,style:_(`${k.value.table.useDialog?``:`max-height: 300px;margin-top:24px`}`)},[h(`div`,{style:_(`${k.value.table.useDialog?``:`padding-top:36px;`}position: relative`)},[k.value.table.useDialog?p(``,!0):(v(),m(`div`,{key:0,role:`button`,tabindex:`0`,style:_(`width:32px; position: absolute; top: 0; left:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${F.value?`pointer`:`default`}; background:${k.value.table.th.backgroundColor};`),onClick:Wr,onKeypress:Ke(Wr,[`enter`])},[Pe(C(zn),{name:`close`,stroke:k.value.table.th.color,"stroke-width":2},null,8,[`stroke`])],36)),h(`div`,{style:{width:`100%`},class:g({"vue-ui-responsive":C(Ur)})},[h(`table`,Qt,[k.value.table.useDialog?p(``,!0):(v(),m(`caption`,{key:0,style:_({backgroundColor:k.value.table.th.backgroundColor,color:k.value.table.th.color,outline:k.value.table.th.outline}),class:`vue-ui-data-table__caption`},[Ne(S(N.value.title.text)+` `,1),N.value.title.subtitle.text?(v(),m(`span`,$t,S(N.value.title.subtitle.text),1)):p(``,!0)],4)),h(`thead`,null,[h(`tr`,{role:`row`,style:_(`background:${k.value.table.th.backgroundColor};color:${k.value.table.th.color}`)},[(v(!0),m(d,null,b(Y.value.head,e=>(v(),m(`th`,{style:_(`outline:${k.value.table.th.outline}`)},S(e),5))),256))],4)]),h(`tbody`,null,[(v(!0),m(d,null,b(Y.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:${k.value.table.td.backgroundColor};color:${k.value.table.td.color}`)},[h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[0]},[h(`div`,tn,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,nn)):(v(),m(`span`,rn,S(e.rootName),1))])],12,en),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[1]},[h(`div`,on,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,sn)):(v(),m(`span`,cn,S(e.rootValue.toFixed(k.value.table.td.roundingValue)),1))])],12,an),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[2]},[h(`div`,un,[Y.value.body[t-1]&&Y.value.body[t-1].rootName===e.rootName?(v(),m(`span`,dn)):(v(),m(`span`,fn,S((e.rootToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,ln),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[3]},[h(`div`,mn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,hn)):(v(),m(`span`,gn,S(e.branchName),1))])],12,pn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[4]},[h(`div`,vn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,yn)):(v(),m(`span`,bn,S(e.branchValue.toFixed(k.value.table.td.roundingValue)),1))])],12,_n),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[5]},[h(`div`,Sn,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,Cn)):(v(),m(`span`,wn,S((e.branchToRoot*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,xn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[6]},[h(`div`,En,[Y.value.body[t-1]&&Y.value.body[t-1].branchName===e.branchName?(v(),m(`span`,Dn)):(v(),m(`span`,On,S((e.branchToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1))])],12,Tn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[7]},[h(`div`,An,S(e.nutName),1)],12,kn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[8]},[h(`div`,Mn,S(e.nutValue.toFixed(k.value.table.td.roundingValue)),1)],12,jn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[9]},[h(`div`,Pn,S((e.nutToBranch*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Nn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[10]},[h(`div`,In,S((e.nutToRoot*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Fn),h(`td`,{class:`vue-ui-data-table__tbody__td`,style:_(`outline:${k.value.table.td.outline}`),"data-cell":Y.value.head[11]},[h(`div`,Rn,S((e.nutToTotal*100).toFixed(k.value.table.td.roundingPercentage))+`% `,1)],12,Ln)],6))),256))])])],2)],4)],4)]),_:2},[k.value.table.useDialog?{name:`title`,fn:Ge(()=>[Ne(S(Hr.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:Ge(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[11]||=e=>Pr(k.value.userOptions.callbacks.csv)},[Pe(C(zn),{name:`fileCsv`,stroke:Hr.value.props.color},null,8,[`stroke`])])]),key:`1`}:void 0]),1040)):p(``,!0),x(e.$slots,`skeleton`,{},()=>[C($n)?(v(),je(be,{key:0})):p(``,!0)],!0)],46,Je))}},[[`__scopeId`,`data-v-bfdc772a`]]);export{qe as n,zn as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as c,Ht as l,S as ee,X as te,Y as ne,at as re,i as ie,in as ae,nt as oe,r as se,sn as ce,t as le,w as ue,yt as de,zt as fe}from"./lib-
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as c,Ht as l,S as ee,X as te,Y as ne,at as re,i as ie,in as ae,nt as oe,r as se,sn as ce,t as le,w as ue,yt as de,zt as fe}from"./lib-CV_IANZ6.js";import{n as pe}from"./useHints-BH9r_0Vd.js";import{t as me}from"./useConfig-CKdzPrcf.js";import{t as he}from"./usePrinter-hLW3cv4N.js";import{n as ge,t as _e}from"./BaseScanner-8NdoBs7B.js";import{t as ve}from"./useChartExport-DtPNpc9M.js";import{n as ye}from"./Title-BGYFqulv.js";import{t as be}from"./Shape-Bp9YNtPc.js";import{t as xe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Se,t as Ce}from"./useResponsive-D2CPcpda.js";import{t as we}from"./A11yDataTable-DWNlWXzs.js";import{n as Te}from"./resolveChartConfig-DZg-korK.js";import{t as Ee}from"./useUserOptionState-CXlFnwPv.js";import{t as De}from"./useChartAccessibility-DOMuYJfm.js";import{t as Oe}from"./chartImage-CIvU_04o.js";import{t as ke}from"./Legend-D8YoT1RJ.js";import{t as Ae}from"./vue_ui_chord-Fq6VBRT1.js";import{Fragment as u,Teleport as je,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Me,createTextVNode as Ne,createVNode as Pe,defineAsyncComponent as g,guardReactiveProps as Fe,mergeProps as Ie,nextTick as Le,normalizeClass as _,normalizeProps as Re,normalizeStyle as v,onBeforeUnmount as ze,onMounted as Be,openBlock as y,ref as b,renderList as x,renderSlot as S,resolveDynamicComponent as Ve,shallowRef as He,toDisplayString as C,toRefs as Ue,unref as w,useCssVars as We,watch as Ge,withCtx as T,withModifiers as Ke}from"vue";var qe=/* @__PURE__ */ e({default:()=>Tt}),Je=[`id`],Ye=[`id`],Xe=[`id`],Ze=[`xmlns`,`viewBox`,`aria-describedby`],Qe=[`width`,`height`],$e={key:1},et=[`id`,`d`],tt={key:2},nt=[`transform`],rt=[`d`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],it=[`d`,`fill`,`stroke`,`stroke-width`],at=[`d`,`fill`],ot=[`d`,`fill`,`stroke`,`stroke-width`,`onMouseenter`,`onClick`,`onMouseleave`],st=[`d`,`fill`,`stroke`,`stroke-width`],ct=[`d`,`fill`,`stroke`,`stroke-width`],lt=[`d`,`fill`,`stroke`,`stroke-width`],ut={key:0},dt=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],ft=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],pt=[`cx`,`cy`,`r`,`stroke`,`stroke-width`,`fill`],mt=[`transform`,`fill`,`text-anchor`,`font-size`,`font-weight`],ht={key:1},gt=[`font-size`,`font-weight`,`fill`],_t=[`href`],vt=[`transform`,`text-anchor`,`font-size`,`font-weight`,`fill`,`innerHTML`],yt={key:5,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},bt={key:6,class:`vue-data-ui-watermark`},xt=[`id`],St=[`onClick`],Ct={key:9,"data-dom-to-png-ignore":``,class:`reset-wrapper`},wt={style:{"text-align":`right`,width:`100%`}},Tt=/*#__PURE__*/ xe({__name:`vue-ui-chord`,props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},emits:[`selectLegend`,`selectGroup`,`selectRibbon`,`copyAlt`],setup(e,{expose:xe,emit:qe}){We(e=>({v2d2a587f:e.slicerColor}));let Tt=g(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Et=g(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Dt=g(()=>import(`./DataTable-WNecJMcY.js`)),Ot=g(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),kt=g(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),At=g(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),jt=g(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_chord:Mt}=me(),E=e,Nt=qe,D=b(!!E.dataset&&Object.hasOwn(E.dataset,`matrix`)),O=b(te()),k=b(null),A=b(null),j=b(null),Pt=b(0),M=b(null),Ft=b(null),It=b(null),Lt=b(null),Rt=b(null),zt=b(0),Bt=b(0),Vt=b(0),Ht=b(!1),N=He(null),P=He(null),Ut=b(!1),Wt=b(null),Gt=b(null),F=b(`group`),I=b(null),Kt=b(!1),L=b(rn()),R=d(()=>L.value.style.chart.arcs),z=d(()=>L.value.style.chart.ribbons),B=d(()=>L.value.style.chart);pe({config:()=>L.value,dataset:()=>E.dataset,component:`VueUiChord`,rules:[{test:e=>e.matrix&&e.matrix.length>12,message:[`👀 The number of groups > 12, the chart might become hard to read. Consider:`,``,`▶️ Using broader groups to reduce their number.`]}]});let V=d(()=>L.value.userOptions.useCursorPointer),qt=d(()=>ae({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,legend:{backgroundColor:`transparent`},arcs:{stroke:`#6A6A6A`,labels:{show:!1}},ribbons:{stroke:`#6A6A6A`,underlayerOpacity:0,labels:{show:!1}}}}},userConfig:L.value.skeletonConfig??{}})),{loading:Jt,FINAL_DATASET:H,manualLoading:Yt}=ge({...Ue(E),FINAL_CONFIG:L,prepareConfig:rn,callback:()=>{Promise.resolve().then(async()=>{await Le(),W.value.showTable=L.value.table.show})},skeletonDataset:E.config?.skeletonDataset??{matrix:[[12e3,6e3,9e3,3e3],[2e3,1e4,2e3,6001],[8e3,1600,8e3,8001],[1e3,1e3,1e3,7001]],labels:[],colors:[`#DBDBDB`,`#C4C4C4`,`#ADADAD`,`#969696`]},skeletonConfig:ae({defaultConfig:L.value,userConfig:qt.value})}),{userOptionsVisible:Xt,setUserOptionsVisibility:Zt,keepUserOptionState:Qt}=Ee({config:L.value}),{svgRef:U}=De({config:B.value.title}),{isPrinting:$t,isImaging:en,generatePdf:tn,generateImage:nn}=he({elementId:`chord_${O.value}`,fileName:B.value.title.text||`vue-ui-chord`,options:L.value.userOptions.print}),W=b({showTable:L.value.table.show});function rn(){return Te(E.config,Mt,Ae)}Ge(()=>E.config,e=>{Jt.value||(L.value=rn()),Xt.value=!L.value.userOptions.showOnChartHover,on(),zt.value+=1,Bt.value+=1,Vt.value+=1,X.value=L.value.initialRotation,W.value.showTable=L.value.table.show},{deep:!0});let G=d(()=>L.value.debug);Ge(()=>E.dataset,()=>{an(),on(),zt.value+=1,Bt.value+=1,Vt.value+=1});function an(){if(fe(E.dataset)){re({componentName:`VueUiChord`,type:`dataset`,debug:G.value}),D.value=!1,Yt.value=!0;return}let e=de({datasetObject:E.dataset,requiredAttributes:[`matrix`]});if(e.length){G.value&&e.forEach(e=>{re({componentName:`VueUiChord`,type:`datasetAttribute`,property:e})}),D.value=!1,Yt.value=!0;return}let t=E.dataset.matrix;if(!Array.isArray(t)||t.length<2){G.value&&console.warn(`VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:
|
|
2
2
|
|
|
3
3
|
matrix:[
|
|
4
4
|
[1, 1],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./tableIntegration-CNoJ1CIY.js";import{n,t as r}from"./annotationSlots-BRR85CqJ.js";import{n as i,t as a}from"./userOptionsSlots-DYuo-E5m.js";import{$ as o,D as s,Dt as c,Ft as l,Ht as u,Q as d,S as f,X as p,Zt as m,at as ee,i as h,in as g,nn as te,nt as ne,q as re,r as ie,t as ae,tn as oe,w as se,zt as ce}from"./lib-zDxoqrgo.js";import{n as le,t as ue}from"./useHints-BH9r_0Vd.js";import{t as de}from"./useConfig-CKdzPrcf.js";import{t as fe}from"./usePrinter-CnyKPIFM.js";import{n as pe,t as me}from"./BaseScanner-8NdoBs7B.js";import{t as he}from"./useChartExport-DtPNpc9M.js";import{t as ge}from"./useTransitions-DfSHzsdz.js";import{n as _e}from"./Title-BRAjxtjG.js";import{t as ve}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as ye,t as be}from"./useResponsive-D2CPcpda.js";import{t as xe}from"./DefGrad-DKMq1REY.js";import{t as Se}from"./A11yDataTable-DWNlWXzs.js";import{n as Ce}from"./resolveChartConfig-BSo1Oe9n.js";import{t as we}from"./useUserOptionState-CXlFnwPv.js";import{t as Te}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ee}from"./chartImage-NwZO-elv.js";import{t as De}from"./usePanZoom-BdjP5Suc.js";import{t as Oe}from"./vue_ui_circle_pack-CfXkXi7v.js";import{Fragment as _,computed as v,createBlock as y,createCommentVNode as b,createElementBlock as x,createElementVNode as S,createSlots as ke,createTextVNode as Ae,createVNode as je,defineAsyncComponent as C,guardReactiveProps as w,mergeProps as Me,nextTick as Ne,normalizeClass as T,normalizeProps as E,normalizeStyle as D,onBeforeUnmount as Pe,onMounted as Fe,openBlock as O,ref as k,renderList as A,renderSlot as j,resolveDynamicComponent as Ie,toDisplayString as M,toRefs as Le,unref as N,useCssVars as Re,watch as ze,withCtx as P}from"vue";function Be(e,t=0){let n=e.reduce((e,{x:n,r})=>Math.min(e,n-r-t),1/0),r=e.reduce((e,{x:n,r})=>Math.max(e,n+r+t),-1/0),i=e.reduce((e,{y:n,r})=>Math.min(e,n-r-t),1/0),a=e.reduce((e,{y:n,r})=>Math.max(e,n+r+t),-1/0);return[n,i,r-n,a-i]}function Ve(e,t,n){let r=e._,i=e.next._,a=r.r+i.r,o=(r.x*i.r+i.x*r.r)/a,s=(r.y*i.r+i.y*r.r)/a;return Math.max(Math.abs(o*n),Math.abs(s*t))}function He(e,t,n){let r=Ve,i=e.length;if(!i)return e;e.sort((e,t)=>t.r-e.r);let a,o,s;if(a=e[0],a.x=0,a.y=0,!(i>1))return e;if(o=e[1],a.x=-o.r,o.x=a.r,o.y=0,!(i>2))return Ge(e,n,t),e;Ue(o,a,s=e[2]),a=new Qe(a),o=new Qe(o),s=new Qe(s),a.next=s.previous=o,o.next=a.previous=s,s.next=o.previous=a;packLoop:for(let c=3;c<i;++c){Ue(a._,o._,s=e[c]),s=new Qe(s);let i=o.next,l=a.previous,u=o._.r,d=a._.r;do if(u<=d){if(We(i._,s._)){o=i,a.next=o,o.previous=a,--c;continue packLoop}u+=i._.r,i=i.next}else{if(We(l._,s._)){a=l,a.next=o,o.previous=a,--c;continue packLoop}d+=l._.r,l=l.previous}while(i!==l.next);s.previous=a,s.next=o,a.next=o.previous=o=s;let f=a,p=r(a,n,t),m=a.next;for(;m!==o;){let e=r(m,n,t);e<p&&(f=m,p=e),m=m.next}a=f,o=a.next}return Ge(e,n,t),Je(e,n,t),e}function Ue(e,t,n){let r=e.x-t.x,i=e.y-t.y,a=r*r+i*i;if(a){let o=(t.r+n.r)**2,s=(e.r+n.r)**2;if(o>s){let t=(a+s-o)/(2*a),c=Math.sqrt(Math.max(0,s/a-t*t));n.x=e.x-t*r-c*i,n.y=e.y-t*i+c*r}else{let e=(a+o-s)/(2*a),c=Math.sqrt(Math.max(0,o/a-e*e));n.x=t.x+e*r-c*i,n.y=t.y+e*i+c*r}}else n.x=t.x+n.r,n.y=t.y}function We(e,t){let n=e.r+t.r-1e-6,r=t.x-e.x,i=t.y-e.y;return n>0&&n*n>r*r+i*i}function Ge(e,t,n){if(e.length<4)return;let r=e[0].r,i=e.findIndex(e=>e.r<r*.6),a=i===-1?Math.min(e.length,12):i,o=e.slice(0,Math.max(3,a));for(let t=0;t<80;t+=1){let t=!1;for(let n=0;n<o.length;n+=1){let r=o[n],i=.06*(1-n/Math.max(1,o.length)),a=r.x*(1-i),s=r.y*(1-i);Ke(r,a,s,e,n)&&(r.x=a,r.y=s,t=!0)}if(qe(o),!t)break}let s=o.reduce((e,t)=>e+t.x,0)/o.length,c=o.reduce((e,t)=>e+t.y,0)/o.length;for(let t of e)t.x-=s,t.y-=c}function Ke(e,t,n,r){let i=e.x,a=e.y;e.x=t,e.y=n;for(let t of r)if(t!==e&&We(e,t))return e.x=i,e.y=a,!1;return e.x=i,e.y=a,!0}function qe(e){for(let t=0;t<6;t+=1){let t=!1;for(let n=0;n<e.length-1;n+=1)for(let r=n+1;r<e.length;r+=1){let i=e[n],a=e[r],o=a.x-i.x,s=a.y-i.y,c=Math.sqrt(o*o+s*s)||1e-6,l=i.r+a.r;if(c<l){let e=(l-c)/2,n=o/c,r=s/c;i.x-=n*e,i.y-=r*e,a.x+=n*e,a.y+=r*e,t=!0}}if(!t)break}}function Je(e,t,n){if(e.length<6)return;let r=e[0].r,i=e.findIndex(e=>e.r<=r*.45);if(i!==-1)for(let r=i;r<e.length;r+=1){let i=e[r],a=Ye(i,e.slice(0,r),t,n);a&&(i.x=a.x,i.y=a.y)}}function Ye(e,t,n,r){if(t.length<2)return null;let i=null,a=1/0;for(let o=0;o<t.length-1;o+=1)for(let s=o+1;s<t.length;s+=1){let c=t[o],l=t[s],u=Xe(c,l,e.r);for(let o of u){if(!o)continue;let s={...e,x:o.x,y:o.y};if(!F(s,t))continue;let c=Ze(s,t,n,r);c<a&&(a=c,i=o)}}return i}function Xe(e,t,n){let r=e.r+n,i=t.r+n,a=t.x-e.x,o=t.y-e.y,s=a*a+o*o,c=Math.sqrt(s);if(!c||c>r+i||c<Math.abs(r-i))return[];let l=(r*r-i*i+s)/(2*c),u=r*r-l*l;if(u<0)return[];let d=Math.sqrt(u),f=a/c,p=o/c,m=e.x+l*f,ee=e.y+l*p,h=-p*d,g=f*d;return[{x:m+h,y:ee+g},{x:m-h,y:ee-g}]}function F(e,t){for(let n of t)if(We(n,e))return!1;return!0}function Ze(e,t,n,r){let i=e.x/Math.max(1,n),a=e.y/Math.max(1,r),o=i*i+a*a,s=[];for(let n of t){let t=e.x-n.x,r=e.y-n.y,i=Math.sqrt(t*t+r*r)-(e.r+n.r);s.push(i)}s.sort((e,t)=>e-t);let c=s[0]??0,l=s[1]??c,u=s[2]??l;return c*8+l*4+u*2+o*e.r*12}var Qe=class{constructor(e){this._=e,this.next=null,this.previous=null}},$e=/* @__PURE__ */ e({default:()=>I}),et=[`id`],tt=[`id`],nt=[`xmlns`,`aria-describedby`,`viewBox`],rt=[`x`,`y`,`width`,`height`],it={key:0},at=[`x`,`y`,`width`,`height`,`stroke`,`stroke-width`,`fill`,`rx`,`onMouseenter`,`onMouseout`,`onClick`],ot=[`x`,`y`,`width`,`height`,`stroke`,`stroke-width`,`fill`,`rx`],st=[`x`,`y`,`width`,`height`,`fill`,`rx`],ct=[`transform`,`font-size`,`fill`,`font-weight`],lt=[`transform`,`font-size`,`fill`,`font-weight`],ut={key:1,style:{pointerEvents:`none`}},dt=[`stroke`,`stroke-width`,`stroke-dasharray`,`opacity`,`d`],ft=[`x`,`y`,`width`,`height`,`rx`,`ry`,`fill`,`stroke`,`stroke-width`,`filter`],pt=[`fill`,`x`,`y`,`rx`,`width`,`height`],mt=[`transform`,`font-size`,`fill`,`font-family`],ht=[`dy`],gt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},_t={key:5,class:`vue-data-ui-watermark`},vt={key:6,"data-dom-to-png-ignore":``,class:`reset-wrapper`},yt={style:{display:`flex`,"align-items":`center`}},I=/*#__PURE__*/ ve({__name:`vue-ui-circle-pack`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`,`copyAlt`],setup(e,{expose:ve,emit:Ve}){Re(e=>({v4e660986:pr.value}));let Ue=C(()=>import(`./Tooltip-BUXB0i6z.js`)),We=C(()=>import(`./BaseIcon-Cz30ODFA.js`).then(e=>e.n)),Ge=C(()=>import(`./vue-ui-accordion-Dy5OVFKr.js`).then(e=>e.n)),Ke=C(()=>import(`./DataTable-DSUA5M9p.js`)),qe=C(()=>import(`./UserOptions-D65t74CM.js`).then(e=>e.n)),Je=C(()=>import(`./PenAndPaper-DvJJaeU2.js`).then(e=>e.t)),Ye=C(()=>import(`./PackageVersion-D6pKL176.js`).then(e=>e.t)),Xe=C(()=>import(`./BaseDraggableDialog-T1gEsQid.js`).then(e=>e.n)),F=e,Ze=Ve,{vue_ui_circle_pack:Qe}=de(),$e=v(()=>!!F.dataset&&F.dataset.length),I=k(p()),L=k(null),bt=k(null),xt=k(null),St=k(0),Ct=k(0),wt=k(0),Tt=k(null),Et=k(null),Dt=k(null),Ot=k(!1),kt=k(``),R=k(null),z=k(null),At=k({x:0,y:0}),jt=k(`pointer`),Mt=k(!1),B=k(Bt()),V=v(()=>B.value.style.chart.circles.labels),H=v(()=>B.value.style.chart.circles),U=v(()=>B.value.style.chart);le({config:()=>B.value,dataset:()=>F.dataset,component:`VueUiCirclePack`,rules:[ue.emptyArray,{test:e=>e.length===1&&(!e[0].children||e[0]?.children.length===0),message:[`👀 The dataset only has a single series. Consider:`,``,`▶️ Using a value display instead of a chart component, or using VueUiKpi.`]},{test:e=>e.length===1&&e[0]?.children&&e[0]?.children.length<6,message:[`👀 The number of datapoints is probably too low for this type of chart. Consider:`,``,`▶️ Using VueUiDonut or VueUiWaffle instead.`]}]});let{transitionEnabled:W}=ge({config:()=>B.value.transitions,dataset:()=>F.dataset}),Nt=v(()=>B.value.userOptions.useCursorPointer),Pt=v(()=>g({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,circles:{stroke:`#6A6A6A`,labels:{name:{show:!1},value:{show:!1}}}}}},userConfig:B.value.skeletonConfig??{}})),{loading:Ft,FINAL_DATASET:It}=pe({...Le(F),FINAL_CONFIG:B,prepareConfig:Bt,skeletonDataset:F.config?.skeletonDataset??[{name:`_`,value:13,color:`#F2F2F2`},{name:`_`,value:8,color:`#DBDBDB`},{name:`_`,value:5,color:`#ADADAD`},{name:`_`,value:3,color:`#969696`},{name:`_`,value:2,color:`#808080`},{name:`_`,value:1,color:`#696969`}],skeletonConfig:g({defaultConfig:B.value,userConfig:Pt.value})}),{svgRef:G}=Te({config:U.value.title}),{userOptionsVisible:Lt,setUserOptionsVisibility:Rt,keepUserOptionState:zt}=we({config:B.value});function Bt(){return Ce(F.config,Qe,Oe)}let Vt=m(F.config);ze(()=>F.config,(e,t)=>{let n=m(e),r=n!==Vt;Vt=n;let i=Bt();if(!r){B.value.style.chart.tooltip=i.style.chart.tooltip,K.value.showTooltip=B.value.style.chart.tooltip.show;return}B.value=i,Lt.value=!B.value.userOptions.showOnChartHover,dn(),St.value+=1,Ct.value+=1,K.value.showTable=B.value.table.show,K.value.showTooltip=U.value.tooltip.show,K.value.showZoom=U.value.zoom?.show??!1},{deep:!0});let{isPrinting:Ht,isImaging:Ut,generatePdf:Wt,generateImage:Gt}=fe({elementId:`vue-ui-circle-pack_${I.value}`,fileName:U.value.title.text||`vue-ui-circle-pack`,options:B.value.userOptions.print}),Kt=v(()=>B.value.userOptions.show&&!U.value.title.text),K=k({showTable:B.value.table.show,showTooltip:U.value.tooltip.show,showZoom:U.value.zoom?.show??!1});ze(B,()=>{K.value={showTable:B.value.table.show,showTooltip:U.value.tooltip.show,showZoom:U.value.zoom?.show??!1}},{immediate:!0});let q=k({h:10,w:10}),qt=k([0,0,100,100]),Jt=k({x:0,y:0,width:100,height:100}),Yt=v(()=>B.value.debug),Xt=v(()=>{let e=B.value.style?.chart||{};return e.dimensions&&typeof e.dimensions.width==`number`?e.dimensions.width:typeof e.width==`number`?e.width:300}),Zt=v(()=>{let e=B.value.style?.chart||{};return e.dimensions&&typeof e.dimensions.height==`number`?e.dimensions.height:typeof e.height==`number`?e.height:300}),J=k([]),Y=k([]),X=k(null),Z=k(null);function Qt(e,t){q.value={w:e,h:t};let n=pn.value.map($t);if(!n.length){let n={x:0,y:0,width:e,height:t};J.value=[],Y.value=[],qt.value=[n.x,n.y,n.width,n.height],Jt.value={...n},kn(n);return}let r=He(n,t,e),[i,a,o,s]=Be(r,1),c=Math.min(o?e/o:1,s?t/s:1),l=(e-o*c)/2,u=(t-s*c)/2,d=r.map(e=>({...e,x:(e.x-i)*c+l,y:(e.y-a)*c+u,r:e.r*c}));J.value=on(d),Y.value=J.value;let f=Bn({x:0,y:0,width:e,height:t});qt.value=[f.x,f.y,f.width,f.height],Jt.value={...f},kn(f)}function $t(e){return{...e,children:Array.isArray(e.children)?e.children.map($t):[]}}function en(e){let t=Number(e?.value);return Number.isFinite(t)&&t>0?t:Array.isArray(e?.children)?e.children.reduce((e,t)=>e+en(t),0):0}function tn(e,t){let n=te[B.value.theme||`default`]||u,r=fn.value.length?fn.value:n.length?n:u;return f(e.color)||r[t%r.length]||u[t%u.length]}function nn(e){return!Array.isArray(e.children)||!e.children.length?1:e.children.reduce((e,t)=>e+nn(t),0)}function rn(e,t=null,n=0,r=[]){return Array.isArray(e)?e.map((e,i)=>{let a=en(e);if(!Number.isFinite(a)||a<=0)return null;let o=p(),s=[...r,i],c=s.reduce((e,t,n)=>e+t+n,0),l=e.color||t?.color?f(e.color||t?.color):tn(e,c),u=rn(e.children,{id:o,name:e.name,color:l,rootId:t?.rootId??o},n+1,s);return{...e,value:a,r:a,id:o,color:l,depth:n,parentId:t?.id??null,parentName:t?.name??null,rootId:t?.rootId??o,hasChildren:u.length>0,childCount:u.length,leafCount:u.length?nn({children:u}):1,hierarchyPath:s,children:u}}).filter(Boolean):[]}function an(e){if(!Array.isArray(e.children)||!e.children.length)return[];let t=e.r*2;if(!t)return[];let n=He(e.children.map($t),t,t),[r,i,a,o]=Be(n,1),s=Math.min(a?t/a:1,o?t/o:1)*.9,c=a*s,l=o*s,u=e.x-c/2,d=e.y-l/2;return n.map(e=>({...e,x:(e.x-r)*s+u,y:(e.y-i)*s+d,r:e.r*s}))}function on(e){let t=[];return e.forEach(e=>{let n=an(e);t.push({...e,children:n}),t.push(...on(n))}),t}function sn(e,t){return!e||!t||!Array.isArray(e.hierarchyPath)||!Array.isArray(t.hierarchyPath)||e.hierarchyPath.length<=t.hierarchyPath.length?!1:t.hierarchyPath.every((t,n)=>e.hierarchyPath[n]===t)}function cn(e){return e.hasChildren?V.value.parents.show:V.value.children.show}function ln(){if(!B.value.responsive||!L.value)return;let e=ye(()=>{let{width:e,height:t}=be({chart:L.value,title:U.value.title.text?bt.value:null,legend:null,source:Tt.value,noTitle:xt.value});requestAnimationFrame(()=>{e&&t&&(G.value&&(G.value.setAttribute(`width`,e),G.value.setAttribute(`height`,t)),Qt(e,t))})});X.value&&(Z.value&&X.value.unobserve(Z.value),X.value.disconnect()),X.value=new ResizeObserver(e),Z.value=L.value.parentNode||L.value,Z.value&&X.value.observe(Z.value),e()}function un(){X.value&&(Z.value&&X.value.unobserve(Z.value),X.value.disconnect(),X.value=null,Z.value=null)}async function dn(){ce(F.dataset)&&ee({componentName:`VueUiCirclePack`,type:`dataset`,debug:Yt.value});let e=Xt.value,t=Zt.value;Qt(e,t),B.value.responsive?ln():un()}Fe(dn),Pe(()=>{un()}),ze(()=>It.value,async e=>{await dn()},{deep:!0});let fn=v(()=>se(B.value.customPalette)),pn=v(()=>rn(It.value)),mn=v(()=>J.value.length?Math.max(...J.value.map(e=>e.r)):0);function hn(e,t){return mn.value?t/mn.value*e:0}function gn(e,t){B.value.events.datapointLeave&&B.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(jt.value!==`keyboard`||R.value?.id!==e?.id)&&(Ot.value=!1,R.value=null,z.value=null,jt.value=`pointer`)}function _n(e,t){Ze(`selectDatapoint`,e),B.value.events.datapointClick&&B.value.events.datapointClick({datapoint:e,seriesIndex:t})}let vn=k(null),yn=k(!1);function bn(e,t,n=`pointer`){R.value=e,z.value=t,jt.value=n,B.value.events.datapointEnter&&B.value.events.datapointEnter({datapoint:e,seriesIndex:t}),vn.value={datapoint:e,seriesIndex:t,config:B.value,series:Y.value},Ot.value=!0;let r=U.value.tooltip.customFormat;if(yn.value=!1,c(r))try{let n=r({seriesIndex:t,datapoint:e,series:Y.value,config:B.value});typeof n==`string`&&(kt.value=n,yn.value=!0)}catch{console.warn(`Custom format cannot be applied.`),yn.value=!1}if(!yn.value){let t=``;t+=`
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./tableIntegration-CNoJ1CIY.js";import{n,t as r}from"./annotationSlots-BRR85CqJ.js";import{n as i,t as a}from"./userOptionsSlots-DYuo-E5m.js";import{$ as o,D as s,Dt as c,Ft as l,Ht as u,Q as d,S as f,X as p,Zt as m,at as ee,i as h,in as g,nn as te,nt as ne,q as re,r as ie,t as ae,tn as oe,w as se,zt as ce}from"./lib-CV_IANZ6.js";import{n as le,t as ue}from"./useHints-BH9r_0Vd.js";import{t as de}from"./useConfig-CKdzPrcf.js";import{t as fe}from"./usePrinter-hLW3cv4N.js";import{n as pe,t as me}from"./BaseScanner-8NdoBs7B.js";import{t as he}from"./useChartExport-DtPNpc9M.js";import{t as ge}from"./useTransitions-DfSHzsdz.js";import{n as _e}from"./Title-BGYFqulv.js";import{t as ve}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as ye,t as be}from"./useResponsive-D2CPcpda.js";import{t as xe}from"./DefGrad-DKMq1REY.js";import{t as Se}from"./A11yDataTable-DWNlWXzs.js";import{n as Ce}from"./resolveChartConfig-DZg-korK.js";import{t as we}from"./useUserOptionState-CXlFnwPv.js";import{t as Te}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ee}from"./chartImage-CIvU_04o.js";import{t as De}from"./usePanZoom-BdjP5Suc.js";import{t as Oe}from"./vue_ui_circle_pack-CfXkXi7v.js";import{Fragment as _,computed as v,createBlock as y,createCommentVNode as b,createElementBlock as x,createElementVNode as S,createSlots as ke,createTextVNode as Ae,createVNode as je,defineAsyncComponent as C,guardReactiveProps as w,mergeProps as Me,nextTick as Ne,normalizeClass as T,normalizeProps as E,normalizeStyle as D,onBeforeUnmount as Pe,onMounted as Fe,openBlock as O,ref as k,renderList as A,renderSlot as j,resolveDynamicComponent as Ie,toDisplayString as M,toRefs as Le,unref as N,useCssVars as Re,watch as ze,withCtx as P}from"vue";function Be(e,t=0){let n=e.reduce((e,{x:n,r})=>Math.min(e,n-r-t),1/0),r=e.reduce((e,{x:n,r})=>Math.max(e,n+r+t),-1/0),i=e.reduce((e,{y:n,r})=>Math.min(e,n-r-t),1/0),a=e.reduce((e,{y:n,r})=>Math.max(e,n+r+t),-1/0);return[n,i,r-n,a-i]}function Ve(e,t,n){let r=e._,i=e.next._,a=r.r+i.r,o=(r.x*i.r+i.x*r.r)/a,s=(r.y*i.r+i.y*r.r)/a;return Math.max(Math.abs(o*n),Math.abs(s*t))}function He(e,t,n){let r=Ve,i=e.length;if(!i)return e;e.sort((e,t)=>t.r-e.r);let a,o,s;if(a=e[0],a.x=0,a.y=0,!(i>1))return e;if(o=e[1],a.x=-o.r,o.x=a.r,o.y=0,!(i>2))return Ge(e,n,t),e;Ue(o,a,s=e[2]),a=new Qe(a),o=new Qe(o),s=new Qe(s),a.next=s.previous=o,o.next=a.previous=s,s.next=o.previous=a;packLoop:for(let c=3;c<i;++c){Ue(a._,o._,s=e[c]),s=new Qe(s);let i=o.next,l=a.previous,u=o._.r,d=a._.r;do if(u<=d){if(We(i._,s._)){o=i,a.next=o,o.previous=a,--c;continue packLoop}u+=i._.r,i=i.next}else{if(We(l._,s._)){a=l,a.next=o,o.previous=a,--c;continue packLoop}d+=l._.r,l=l.previous}while(i!==l.next);s.previous=a,s.next=o,a.next=o.previous=o=s;let f=a,p=r(a,n,t),m=a.next;for(;m!==o;){let e=r(m,n,t);e<p&&(f=m,p=e),m=m.next}a=f,o=a.next}return Ge(e,n,t),Je(e,n,t),e}function Ue(e,t,n){let r=e.x-t.x,i=e.y-t.y,a=r*r+i*i;if(a){let o=(t.r+n.r)**2,s=(e.r+n.r)**2;if(o>s){let t=(a+s-o)/(2*a),c=Math.sqrt(Math.max(0,s/a-t*t));n.x=e.x-t*r-c*i,n.y=e.y-t*i+c*r}else{let e=(a+o-s)/(2*a),c=Math.sqrt(Math.max(0,o/a-e*e));n.x=t.x+e*r-c*i,n.y=t.y+e*i+c*r}}else n.x=t.x+n.r,n.y=t.y}function We(e,t){let n=e.r+t.r-1e-6,r=t.x-e.x,i=t.y-e.y;return n>0&&n*n>r*r+i*i}function Ge(e,t,n){if(e.length<4)return;let r=e[0].r,i=e.findIndex(e=>e.r<r*.6),a=i===-1?Math.min(e.length,12):i,o=e.slice(0,Math.max(3,a));for(let t=0;t<80;t+=1){let t=!1;for(let n=0;n<o.length;n+=1){let r=o[n],i=.06*(1-n/Math.max(1,o.length)),a=r.x*(1-i),s=r.y*(1-i);Ke(r,a,s,e,n)&&(r.x=a,r.y=s,t=!0)}if(qe(o),!t)break}let s=o.reduce((e,t)=>e+t.x,0)/o.length,c=o.reduce((e,t)=>e+t.y,0)/o.length;for(let t of e)t.x-=s,t.y-=c}function Ke(e,t,n,r){let i=e.x,a=e.y;e.x=t,e.y=n;for(let t of r)if(t!==e&&We(e,t))return e.x=i,e.y=a,!1;return e.x=i,e.y=a,!0}function qe(e){for(let t=0;t<6;t+=1){let t=!1;for(let n=0;n<e.length-1;n+=1)for(let r=n+1;r<e.length;r+=1){let i=e[n],a=e[r],o=a.x-i.x,s=a.y-i.y,c=Math.sqrt(o*o+s*s)||1e-6,l=i.r+a.r;if(c<l){let e=(l-c)/2,n=o/c,r=s/c;i.x-=n*e,i.y-=r*e,a.x+=n*e,a.y+=r*e,t=!0}}if(!t)break}}function Je(e,t,n){if(e.length<6)return;let r=e[0].r,i=e.findIndex(e=>e.r<=r*.45);if(i!==-1)for(let r=i;r<e.length;r+=1){let i=e[r],a=Ye(i,e.slice(0,r),t,n);a&&(i.x=a.x,i.y=a.y)}}function Ye(e,t,n,r){if(t.length<2)return null;let i=null,a=1/0;for(let o=0;o<t.length-1;o+=1)for(let s=o+1;s<t.length;s+=1){let c=t[o],l=t[s],u=Xe(c,l,e.r);for(let o of u){if(!o)continue;let s={...e,x:o.x,y:o.y};if(!F(s,t))continue;let c=Ze(s,t,n,r);c<a&&(a=c,i=o)}}return i}function Xe(e,t,n){let r=e.r+n,i=t.r+n,a=t.x-e.x,o=t.y-e.y,s=a*a+o*o,c=Math.sqrt(s);if(!c||c>r+i||c<Math.abs(r-i))return[];let l=(r*r-i*i+s)/(2*c),u=r*r-l*l;if(u<0)return[];let d=Math.sqrt(u),f=a/c,p=o/c,m=e.x+l*f,ee=e.y+l*p,h=-p*d,g=f*d;return[{x:m+h,y:ee+g},{x:m-h,y:ee-g}]}function F(e,t){for(let n of t)if(We(n,e))return!1;return!0}function Ze(e,t,n,r){let i=e.x/Math.max(1,n),a=e.y/Math.max(1,r),o=i*i+a*a,s=[];for(let n of t){let t=e.x-n.x,r=e.y-n.y,i=Math.sqrt(t*t+r*r)-(e.r+n.r);s.push(i)}s.sort((e,t)=>e-t);let c=s[0]??0,l=s[1]??c,u=s[2]??l;return c*8+l*4+u*2+o*e.r*12}var Qe=class{constructor(e){this._=e,this.next=null,this.previous=null}},$e=/* @__PURE__ */ e({default:()=>I}),et=[`id`],tt=[`id`],nt=[`xmlns`,`aria-describedby`,`viewBox`],rt=[`x`,`y`,`width`,`height`],it={key:0},at=[`x`,`y`,`width`,`height`,`stroke`,`stroke-width`,`fill`,`rx`,`onMouseenter`,`onMouseout`,`onClick`],ot=[`x`,`y`,`width`,`height`,`stroke`,`stroke-width`,`fill`,`rx`],st=[`x`,`y`,`width`,`height`,`fill`,`rx`],ct=[`transform`,`font-size`,`fill`,`font-weight`],lt=[`transform`,`font-size`,`fill`,`font-weight`],ut={key:1,style:{pointerEvents:`none`}},dt=[`stroke`,`stroke-width`,`stroke-dasharray`,`opacity`,`d`],ft=[`x`,`y`,`width`,`height`,`rx`,`ry`,`fill`,`stroke`,`stroke-width`,`filter`],pt=[`fill`,`x`,`y`,`rx`,`width`,`height`],mt=[`transform`,`font-size`,`fill`,`font-family`],ht=[`dy`],gt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},_t={key:5,class:`vue-data-ui-watermark`},vt={key:6,"data-dom-to-png-ignore":``,class:`reset-wrapper`},yt={style:{display:`flex`,"align-items":`center`}},I=/*#__PURE__*/ ve({__name:`vue-ui-circle-pack`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`,`copyAlt`],setup(e,{expose:ve,emit:Ve}){Re(e=>({v4e660986:pr.value}));let Ue=C(()=>import(`./Tooltip-Cus2-XNQ.js`)),We=C(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Ge=C(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Ke=C(()=>import(`./DataTable-WNecJMcY.js`)),qe=C(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Je=C(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Ye=C(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Xe=C(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),F=e,Ze=Ve,{vue_ui_circle_pack:Qe}=de(),$e=v(()=>!!F.dataset&&F.dataset.length),I=k(p()),L=k(null),bt=k(null),xt=k(null),St=k(0),Ct=k(0),wt=k(0),Tt=k(null),Et=k(null),Dt=k(null),Ot=k(!1),kt=k(``),R=k(null),z=k(null),At=k({x:0,y:0}),jt=k(`pointer`),Mt=k(!1),B=k(Bt()),V=v(()=>B.value.style.chart.circles.labels),H=v(()=>B.value.style.chart.circles),U=v(()=>B.value.style.chart);le({config:()=>B.value,dataset:()=>F.dataset,component:`VueUiCirclePack`,rules:[ue.emptyArray,{test:e=>e.length===1&&(!e[0].children||e[0]?.children.length===0),message:[`👀 The dataset only has a single series. Consider:`,``,`▶️ Using a value display instead of a chart component, or using VueUiKpi.`]},{test:e=>e.length===1&&e[0]?.children&&e[0]?.children.length<6,message:[`👀 The number of datapoints is probably too low for this type of chart. Consider:`,``,`▶️ Using VueUiDonut or VueUiWaffle instead.`]}]});let{transitionEnabled:W}=ge({config:()=>B.value.transitions,dataset:()=>F.dataset}),Nt=v(()=>B.value.userOptions.useCursorPointer),Pt=v(()=>g({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,circles:{stroke:`#6A6A6A`,labels:{name:{show:!1},value:{show:!1}}}}}},userConfig:B.value.skeletonConfig??{}})),{loading:Ft,FINAL_DATASET:It}=pe({...Le(F),FINAL_CONFIG:B,prepareConfig:Bt,skeletonDataset:F.config?.skeletonDataset??[{name:`_`,value:13,color:`#F2F2F2`},{name:`_`,value:8,color:`#DBDBDB`},{name:`_`,value:5,color:`#ADADAD`},{name:`_`,value:3,color:`#969696`},{name:`_`,value:2,color:`#808080`},{name:`_`,value:1,color:`#696969`}],skeletonConfig:g({defaultConfig:B.value,userConfig:Pt.value})}),{svgRef:G}=Te({config:U.value.title}),{userOptionsVisible:Lt,setUserOptionsVisibility:Rt,keepUserOptionState:zt}=we({config:B.value});function Bt(){return Ce(F.config,Qe,Oe)}let Vt=m(F.config);ze(()=>F.config,(e,t)=>{let n=m(e),r=n!==Vt;Vt=n;let i=Bt();if(!r){B.value.style.chart.tooltip=i.style.chart.tooltip,K.value.showTooltip=B.value.style.chart.tooltip.show;return}B.value=i,Lt.value=!B.value.userOptions.showOnChartHover,dn(),St.value+=1,Ct.value+=1,K.value.showTable=B.value.table.show,K.value.showTooltip=U.value.tooltip.show,K.value.showZoom=U.value.zoom?.show??!1},{deep:!0});let{isPrinting:Ht,isImaging:Ut,generatePdf:Wt,generateImage:Gt}=fe({elementId:`vue-ui-circle-pack_${I.value}`,fileName:U.value.title.text||`vue-ui-circle-pack`,options:B.value.userOptions.print}),Kt=v(()=>B.value.userOptions.show&&!U.value.title.text),K=k({showTable:B.value.table.show,showTooltip:U.value.tooltip.show,showZoom:U.value.zoom?.show??!1});ze(B,()=>{K.value={showTable:B.value.table.show,showTooltip:U.value.tooltip.show,showZoom:U.value.zoom?.show??!1}},{immediate:!0});let q=k({h:10,w:10}),qt=k([0,0,100,100]),Jt=k({x:0,y:0,width:100,height:100}),Yt=v(()=>B.value.debug),Xt=v(()=>{let e=B.value.style?.chart||{};return e.dimensions&&typeof e.dimensions.width==`number`?e.dimensions.width:typeof e.width==`number`?e.width:300}),Zt=v(()=>{let e=B.value.style?.chart||{};return e.dimensions&&typeof e.dimensions.height==`number`?e.dimensions.height:typeof e.height==`number`?e.height:300}),J=k([]),Y=k([]),X=k(null),Z=k(null);function Qt(e,t){q.value={w:e,h:t};let n=pn.value.map($t);if(!n.length){let n={x:0,y:0,width:e,height:t};J.value=[],Y.value=[],qt.value=[n.x,n.y,n.width,n.height],Jt.value={...n},kn(n);return}let r=He(n,t,e),[i,a,o,s]=Be(r,1),c=Math.min(o?e/o:1,s?t/s:1),l=(e-o*c)/2,u=(t-s*c)/2,d=r.map(e=>({...e,x:(e.x-i)*c+l,y:(e.y-a)*c+u,r:e.r*c}));J.value=on(d),Y.value=J.value;let f=Bn({x:0,y:0,width:e,height:t});qt.value=[f.x,f.y,f.width,f.height],Jt.value={...f},kn(f)}function $t(e){return{...e,children:Array.isArray(e.children)?e.children.map($t):[]}}function en(e){let t=Number(e?.value);return Number.isFinite(t)&&t>0?t:Array.isArray(e?.children)?e.children.reduce((e,t)=>e+en(t),0):0}function tn(e,t){let n=te[B.value.theme||`default`]||u,r=fn.value.length?fn.value:n.length?n:u;return f(e.color)||r[t%r.length]||u[t%u.length]}function nn(e){return!Array.isArray(e.children)||!e.children.length?1:e.children.reduce((e,t)=>e+nn(t),0)}function rn(e,t=null,n=0,r=[]){return Array.isArray(e)?e.map((e,i)=>{let a=en(e);if(!Number.isFinite(a)||a<=0)return null;let o=p(),s=[...r,i],c=s.reduce((e,t,n)=>e+t+n,0),l=e.color||t?.color?f(e.color||t?.color):tn(e,c),u=rn(e.children,{id:o,name:e.name,color:l,rootId:t?.rootId??o},n+1,s);return{...e,value:a,r:a,id:o,color:l,depth:n,parentId:t?.id??null,parentName:t?.name??null,rootId:t?.rootId??o,hasChildren:u.length>0,childCount:u.length,leafCount:u.length?nn({children:u}):1,hierarchyPath:s,children:u}}).filter(Boolean):[]}function an(e){if(!Array.isArray(e.children)||!e.children.length)return[];let t=e.r*2;if(!t)return[];let n=He(e.children.map($t),t,t),[r,i,a,o]=Be(n,1),s=Math.min(a?t/a:1,o?t/o:1)*.9,c=a*s,l=o*s,u=e.x-c/2,d=e.y-l/2;return n.map(e=>({...e,x:(e.x-r)*s+u,y:(e.y-i)*s+d,r:e.r*s}))}function on(e){let t=[];return e.forEach(e=>{let n=an(e);t.push({...e,children:n}),t.push(...on(n))}),t}function sn(e,t){return!e||!t||!Array.isArray(e.hierarchyPath)||!Array.isArray(t.hierarchyPath)||e.hierarchyPath.length<=t.hierarchyPath.length?!1:t.hierarchyPath.every((t,n)=>e.hierarchyPath[n]===t)}function cn(e){return e.hasChildren?V.value.parents.show:V.value.children.show}function ln(){if(!B.value.responsive||!L.value)return;let e=ye(()=>{let{width:e,height:t}=be({chart:L.value,title:U.value.title.text?bt.value:null,legend:null,source:Tt.value,noTitle:xt.value});requestAnimationFrame(()=>{e&&t&&(G.value&&(G.value.setAttribute(`width`,e),G.value.setAttribute(`height`,t)),Qt(e,t))})});X.value&&(Z.value&&X.value.unobserve(Z.value),X.value.disconnect()),X.value=new ResizeObserver(e),Z.value=L.value.parentNode||L.value,Z.value&&X.value.observe(Z.value),e()}function un(){X.value&&(Z.value&&X.value.unobserve(Z.value),X.value.disconnect(),X.value=null,Z.value=null)}async function dn(){ce(F.dataset)&&ee({componentName:`VueUiCirclePack`,type:`dataset`,debug:Yt.value});let e=Xt.value,t=Zt.value;Qt(e,t),B.value.responsive?ln():un()}Fe(dn),Pe(()=>{un()}),ze(()=>It.value,async e=>{await dn()},{deep:!0});let fn=v(()=>se(B.value.customPalette)),pn=v(()=>rn(It.value)),mn=v(()=>J.value.length?Math.max(...J.value.map(e=>e.r)):0);function hn(e,t){return mn.value?t/mn.value*e:0}function gn(e,t){B.value.events.datapointLeave&&B.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(jt.value!==`keyboard`||R.value?.id!==e?.id)&&(Ot.value=!1,R.value=null,z.value=null,jt.value=`pointer`)}function _n(e,t){Ze(`selectDatapoint`,e),B.value.events.datapointClick&&B.value.events.datapointClick({datapoint:e,seriesIndex:t})}let vn=k(null),yn=k(!1);function bn(e,t,n=`pointer`){R.value=e,z.value=t,jt.value=n,B.value.events.datapointEnter&&B.value.events.datapointEnter({datapoint:e,seriesIndex:t}),vn.value={datapoint:e,seriesIndex:t,config:B.value,series:Y.value},Ot.value=!0;let r=U.value.tooltip.customFormat;if(yn.value=!1,c(r))try{let n=r({seriesIndex:t,datapoint:e,series:Y.value,config:B.value});typeof n==`string`&&(kt.value=n,yn.value=!0)}catch{console.warn(`Custom format cannot be applied.`),yn.value=!1}if(!yn.value){let t=``;t+=`
|
|
2
2
|
<div style="display:flex;align-items:center;gap:4px;">
|
|
3
3
|
<svg viewBox="0 0 10 10" height="${U.value.tooltip.fontSize}" width="${U.value.tooltip.fontSize}">
|
|
4
4
|
<circle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{Jt as t,X as n,t as ee}from"./lib-
|
|
1
|
+
import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{Jt as t,X as n,t as ee}from"./lib-CV_IANZ6.js";import{t as r}from"./useConfig-CKdzPrcf.js";import{t as i}from"./useNestedProp-CB186vF2.js";import{t as a}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as te}from"./PackageVersion-CdkxOy58.js";import{Teleport as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,nextTick as ne,normalizeClass as p,normalizeStyle as m,onBeforeUnmount as h,onMounted as g,openBlock as _,ref as v,toDisplayString as y,unref as b}from"vue";var x=/* @__PURE__ */ e({default:()=>R}),re=[`xmlns`,`height`,`width`],ie={id:`follower`,fy:`30%`,fx:`30%`},ae=[`stop-color`,`stop-opacity`],oe=[`r`,`fill`,`stroke`,`stroke-width`,`stroke-dasharray`],se=[`r`],ce={key:2,class:`wave`},S=[`id`],C=[`id`],w=[`filter`,`stroke`],T={key:3,class:`crosshair`},E=[`x1`,`stroke`,`stroke-width`,`stroke-dasharray`],D=[`x1`,`stroke`,`stroke-width`,`stroke-dasharray`],O=[`y1`,`stroke`,`stroke-width`,`stroke-dasharray`],k=[`y1`,`stroke`,`stroke-width`,`stroke-dasharray`],A=[`cy`,`r`,`fill`],j=[`cy`,`r`,`fill`],M=[`cx`,`r`,`fill`],N=[`cx`,`r`,`fill`],P={key:5,class:`coordinates`},F=[`x`,`y`,`font-size`,`fill`],I=[`transform`],L=[`font-size`,`fill`],R=/*#__PURE__*/ a({__name:`vue-ui-cursor`,props:{config:{type:Object,default:{}}},setup(e){let{vue_ui_cursor:a}=r(),x=e,R=v(n()),z=s(()=>i({userConfig:x.config,defaultConfig:a})),B=v({x:-100,y:-100}),V=s(()=>Math.round(z.value.centerCircleRadius)),H=s(()=>Math.round(z.value.coordinatesOffset));function U({clientX:e,clientY:t,...n}){B.value.x=e-V.value,B.value.y=t-V.value}function W(e){B.value.x=e.targetTouches[0].clientX-V.value,B.value.y=e.targetTouches[0].clientY-V.value}let G=v(!0);function K(e){G.value=e}let q=v(!1),J=v(null);function Y(){q.value=!1,J.value&&clearTimeout(J.value),ne(()=>{q.value=!0,J.value=setTimeout(()=>{q.value=!1},1e3)})}let X=v(null),Z=v(null);function Q(){return z.value.parentId?document.getElementById(z.value.parentId):document.getElementsByTagName(`div`)[0]||null}function $(e){e&&(e.addEventListener(`mousemove`,U),e.addEventListener(`touchmove`,W),e.addEventListener(`mouseleave`,()=>K(!1)),e.addEventListener(`mouseenter`,()=>K(!0)),e.addEventListener(`click`,Y))}function le(e){e&&(e.removeEventListener(`mousemove`,U),e.removeEventListener(`touchmove`,W),e.removeEventListener(`mouseleave`,()=>K(!1)),e.removeEventListener(`mouseenter`,()=>K(!0)),e.removeEventListener(`click`,Y))}return g(()=>{let e=Q();if(e){X.value=e,$(e);return}if(!z.value.parentId)return;let t=new MutationObserver(()=>{let e=Q();e&&(X.value=e,$(e),t.disconnect(),Z.value=null)});t.observe(document.body,{childList:!0,subtree:!0}),Z.value=t}),h(()=>{Z.value&&=(Z.value.disconnect(),null),X.value&&=(le(X.value),null)}),(e,n)=>(_(),c(o,{to:`body`},[G.value?(_(),u(`svg`,{key:0,"data-dom-to-png-ignore":``,xmlns:b(ee),style:m(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${B.value.y}px; left:${B.value.x}px;`),viewBox:`0 0 100 100`,height:V.value*2,width:V.value*2},[f(te),d(`defs`,null,[d(`radialGradient`,ie,[d(`stop`,{offset:`10%`,"stop-color":z.value.bubbleEffectColor,"stop-opacity":z.value.bubbleEffectOpacity},null,8,ae),n[0]||=d(`stop`,{offset:`95%`,"stop-color":`transparent`},null,-1)])]),z.value.showCenterCircle?(_(),u(`circle`,{key:0,cx:50,cy:50,r:V.value,fill:b(t)(z.value.centerCircleColor,z.value.centerCircleOpacity*100),stroke:z.value.centerCircleStroke,"stroke-width":z.value.centerCircleStrokeWidth,"stroke-dasharray":z.value.centerCircleDasharray},null,8,oe)):l(``,!0),z.value.bubbleEffect?(_(),u(`circle`,{key:1,cx:50,cy:50,r:V.value,fill:`url(#follower)`,stroke:`none`},null,8,se)):l(``,!0),z.value.useWaveOnClick?(_(),u(`g`,ce,[d(`defs`,null,[d(`filter`,{id:`blur_${R.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[d(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:4,id:`blur_std_${R.value}`},null,8,C),n[1]||=d(`feColorMatrix`,{type:`saturate`,values:`0`},null,-1)],8,S)]),q.value?(_(),u(`circle`,{key:0,class:p({"circle-wave":q.value}),cx:50,cy:50,r:50,filter:`url(#blur_${R.value})`,stroke:z.value.centerCircleStroke,fill:`none`,"stroke-width":`3`},null,10,w)):l(``,!0)])):l(``,!0),z.value.showCrosshair?(_(),u(`g`,T,[d(`line`,{x1:-V.value+50,x2:-5e3,y1:50,y2:50,stroke:z.value.crosshairStroke,"stroke-width":z.value.crosshairStrokeWidth,"stroke-dasharray":z.value.crosshairDasharray,"stroke-linecap":`round`},null,8,E),d(`line`,{x1:50+V.value,x2:5e3,y1:50,y2:50,stroke:z.value.crosshairStroke,"stroke-width":z.value.crosshairStrokeWidth,"stroke-dasharray":z.value.crosshairDasharray,"stroke-linecap":`round`},null,8,D),d(`line`,{x1:50,x2:50,y1:-V.value+50,y2:-5e3,stroke:z.value.crosshairStroke,"stroke-width":z.value.crosshairStrokeWidth,"stroke-dasharray":z.value.crosshairDasharray,"stroke-linecap":`round`},null,8,O),d(`line`,{x1:50,x2:50,y1:V.value+50,y2:5e3,stroke:z.value.crosshairStroke,"stroke-width":z.value.crosshairStrokeWidth,"stroke-dasharray":z.value.crosshairDasharray,"stroke-linecap":`round`},null,8,k)])):l(``,!0),z.value.showIntersectCircles?(_(),u(`g`,{key:4,class:p({"rotating-circles":z.value.isLoading})},[d(`circle`,{cx:50,cy:V.value+50,r:z.value.intersectCirclesRadius,fill:z.value.intersectCirclesFill},null,8,A),d(`circle`,{cx:50,cy:-V.value+50,r:z.value.intersectCirclesRadius,fill:z.value.intersectCirclesFill},null,8,j),d(`circle`,{cx:-V.value+50,cy:50,r:z.value.intersectCirclesRadius,fill:z.value.intersectCirclesFill},null,8,M),d(`circle`,{cx:V.value+50,cy:50,r:z.value.intersectCirclesRadius,fill:z.value.intersectCirclesFill},null,8,N)],2)):l(``,!0),z.value.showCoordinates?(_(),u(`g`,P,[d(`text`,{"text-anchor":`end`,x:-V.value+50-z.value.coordinatesFontSize/2+H.value,y:50-z.value.coordinatesFontSize/2+H.value,"font-size":z.value.coordinatesFontSize,fill:z.value.coordinatesColor,style:{"font-variant-numeric":`tabular-nums`},"font-family":`Arial`},y(B.value.x.toFixed(0)),9,F),d(`g`,{transform:`translate(${50-z.value.coordinatesFontSize/2+H.value}, ${-V.value+50-z.value.coordinatesFontSize/2+H.value})`},[d(`text`,{"text-anchor":`start`,"font-size":z.value.coordinatesFontSize,fill:z.value.coordinatesColor,style:{"font-variant-numeric":`tabular-nums`},transform:`rotate(-90)`,"font-family":`Arial`},y(B.value.y.toFixed(0)),9,L)],8,I)])):l(``,!0)],12,re)):l(``,!0)]))}},[[`__scopeId`,`data-v-4b1f566e`]]);export{x as n,R as t};
|