vue-data-ui 2.10.5 → 2.10.6
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-Badwqciu.cjs → Arrow-Cl3tB80E.cjs} +1 -1
- package/dist/{Arrow-Bb5xelJS.js → Arrow-rRiIHng2.js} +1 -1
- package/dist/{BaseIcon-HDOMbyJq.js → BaseIcon-COlnFbOq.js} +1 -1
- package/dist/{BaseIcon-CvuQ41yl.cjs → BaseIcon-CiINppo2.cjs} +1 -1
- package/dist/{ColorPicker-NOWXYDyd.cjs → ColorPicker-9QCAgrqp.cjs} +1 -1
- package/dist/{ColorPicker-BODnRb0v.js → ColorPicker-UNzkvlGG.js} +3 -3
- package/dist/{DataTable-CGMCHKzY.js → DataTable-CXbN2mJi.js} +2 -2
- package/dist/{DataTable-Bu_0tRZE.cjs → DataTable-DOiZOQ3J.cjs} +1 -1
- package/dist/{Legend-CLZW3_-V.js → Legend-BU9C5fBQ.js} +2 -2
- package/dist/{Legend-BDIC5aus.cjs → Legend-CFqKBI0j.cjs} +1 -1
- package/dist/{PackageVersion-DrU5ubC-.js → PackageVersion-0Lu6RIig.js} +1 -1
- package/dist/{PackageVersion-CKutD59c.cjs → PackageVersion-BMNt7NsQ.cjs} +1 -1
- package/dist/{PenAndPaper-Bnvy0XRn.cjs → PenAndPaper-BUwLP3Wx.cjs} +1 -1
- package/dist/{PenAndPaper-BF6RVx_0.js → PenAndPaper-D4Uu-GqW.js} +3 -3
- package/dist/{Shape-NYJ-EMUq.cjs → Shape-2NRWULE_.cjs} +1 -1
- package/dist/{Shape-D5Dtzm3x.js → Shape-BavMx2aa.js} +1 -1
- package/dist/{Slicer-BrajQoJL.js → Slicer-B_qJHvNR.js} +2 -2
- package/dist/{Slicer-Cdgf9oDx.cjs → Slicer-Ct8BAk8F.cjs} +1 -1
- package/dist/{Title-Cj4tUZSu.cjs → Title-BkfQdTEX.cjs} +1 -1
- package/dist/{Title-BNsKKvQy.js → Title-DrVDm1wy.js} +1 -1
- package/dist/{Tooltip-Dm2APAls.js → Tooltip-BFT6mZ5a.js} +1 -1
- package/dist/{Tooltip-CLjMKc28.cjs → Tooltip-BK88meti.cjs} +1 -1
- package/dist/{dom-to-png-Z6Fps788.js → dom-to-png-0WSGIcUV.js} +1 -1
- package/dist/{dom-to-png-BlAkXMo8.cjs → dom-to-png-CyVwBzNm.cjs} +1 -1
- package/dist/{img-DhPFunow.js → img-BT-UmGcu.js} +1 -1
- package/dist/{img-0HoPau8z.cjs → img-DqK-SXIP.cjs} +1 -1
- package/dist/index-Cai0fWP7.cjs +9 -0
- package/dist/{index-D2h9qRb4.js → index-hMo72hAq.js} +18 -9
- package/dist/{pdf-Dm8bjLUW.cjs → pdf-DY3kwqSx.cjs} +1 -1
- package/dist/{pdf-BpYF_lP6.js → pdf-G7o-GM_m.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +9 -0
- package/dist/types/vue-data-ui.d.ts +9 -0
- package/dist/{useNestedProp-CAbtwUJj.cjs → useNestedProp-DcWhlk8h.cjs} +1 -1
- package/dist/{useNestedProp-DlWfv-mw.js → useNestedProp-DhEaBTgF.js} +1 -1
- package/dist/{usePrinter-B9NkBzf5.cjs → usePrinter-B4ojFS2B.cjs} +1 -1
- package/dist/{usePrinter-BGkHpXM9.js → usePrinter-D2z-bUtX.js} +3 -3
- package/dist/{vue-data-ui-DPoOpdO-.cjs → vue-data-ui-BR4hs3ky.cjs} +1 -1
- package/dist/{vue-data-ui-kWX-2oPX.js → vue-data-ui-BTkU5knB.js} +62 -62
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +7 -7
- package/dist/{vue-ui-3d-bar-CwsCsbwY.cjs → vue-ui-3d-bar-Cx2zND3j.cjs} +1 -1
- package/dist/{vue-ui-3d-bar-CAJh6lT_.js → vue-ui-3d-bar-DD3_LLbq.js} +9 -9
- package/dist/{vue-ui-accordion-C-v1kmEc.js → vue-ui-accordion-CHMdpjnX.js} +3 -3
- package/dist/{vue-ui-accordion-ChE9WO8Q.cjs → vue-ui-accordion-DUGBjyB1.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-DdwMF6_I.js → vue-ui-age-pyramid-CUS2cIAl.js} +10 -10
- package/dist/{vue-ui-age-pyramid-CAtI3F1S.cjs → vue-ui-age-pyramid-WpMKbqUM.cjs} +1 -1
- package/dist/{vue-ui-annotator-DQ0W7Q5C.cjs → vue-ui-annotator-B5VYzARK.cjs} +1 -1
- package/dist/{vue-ui-annotator-bkpTEqep.js → vue-ui-annotator-Ckyjvy1h.js} +2 -2
- package/dist/{vue-ui-bullet-CQtNg-wR.cjs → vue-ui-bullet-Clccjys0.cjs} +1 -1
- package/dist/{vue-ui-bullet-BEAyOY56.js → vue-ui-bullet-i97qMAx7.js} +8 -8
- package/dist/{vue-ui-candlestick-DJtpSDju.cjs → vue-ui-candlestick-B35fn-Jo.cjs} +1 -1
- package/dist/{vue-ui-candlestick-DKYirN9r.js → vue-ui-candlestick-Dmu21ktX.js} +11 -11
- package/dist/{vue-ui-carousel-table-VFiMfJos.cjs → vue-ui-carousel-table-23ggTo5D.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-q1hGM_Iw.js → vue-ui-carousel-table-cvW3wpY7.js} +4 -4
- package/dist/{vue-ui-chestnut-B1VUR7mU.js → vue-ui-chestnut-CZpShJyS.js} +8 -8
- package/dist/{vue-ui-chestnut-DRGps83_.cjs → vue-ui-chestnut-CkuDV8dp.cjs} +1 -1
- package/dist/{vue-ui-circle-pack-Bw_j7w4u.js → vue-ui-circle-pack-B6d9PjE2.js} +9 -9
- package/dist/{vue-ui-circle-pack-CkpLDinw.cjs → vue-ui-circle-pack-C2IQV5_6.cjs} +1 -1
- package/dist/{vue-ui-cursor-ZkCZRUcy.js → vue-ui-cursor-CG4bTWjj.js} +2 -2
- package/dist/{vue-ui-cursor-D_ZN42gT.cjs → vue-ui-cursor-CZBmEqOC.cjs} +1 -1
- package/dist/{vue-ui-dashboard-Bcj-LfoN.cjs → vue-ui-dashboard-D-95GOHa.cjs} +1 -1
- package/dist/{vue-ui-dashboard-DnEpTStU.js → vue-ui-dashboard-DqM_deY-.js} +62 -62
- package/dist/{vue-ui-digits-Bsseebr6.js → vue-ui-digits-CKpey7p1.js} +2 -2
- package/dist/{vue-ui-digits-p0PWcPJX.cjs → vue-ui-digits-Cdauuy8X.cjs} +1 -1
- package/dist/{vue-ui-donut-CwvMWv_q.js → vue-ui-donut-Dp2Yy4fh.js} +36 -36
- package/dist/{vue-ui-donut-evolution-C9eui30b.cjs → vue-ui-donut-evolution-Cg1VnagT.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-BzNh2QwP.js → vue-ui-donut-evolution-ClL_5jhm.js} +11 -11
- package/dist/{vue-ui-donut-C3mhQ-03.cjs → vue-ui-donut-j519aqqU.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-BvNEHy9Z.js → vue-ui-dumbbell-C8tOQUbs.js} +10 -10
- package/dist/{vue-ui-dumbbell-BheHAxmy.cjs → vue-ui-dumbbell-CNJ9en-A.cjs} +1 -1
- package/dist/{vue-ui-flow-vz29fymj.cjs → vue-ui-flow-BYypzs-j.cjs} +1 -1
- package/dist/{vue-ui-flow-DBuLJlEV.js → vue-ui-flow-Ouw_lvpb.js} +9 -9
- package/dist/{vue-ui-funnel-DhoOe49e.js → vue-ui-funnel-CfxmaNEA.js} +9 -9
- package/dist/{vue-ui-funnel-D8brKLer.cjs → vue-ui-funnel-DbVCaDxm.cjs} +1 -1
- package/dist/{vue-ui-galaxy-DUQ5z3km.js → vue-ui-galaxy-dm_p5xAR.js} +11 -11
- package/dist/{vue-ui-galaxy-YP3Gl3vG.cjs → vue-ui-galaxy-zBDItFVz.cjs} +1 -1
- package/dist/{vue-ui-gauge-WH6OGXAD.cjs → vue-ui-gauge-Dr-7ojj9.cjs} +1 -1
- package/dist/{vue-ui-gauge-C_8QgadB.js → vue-ui-gauge-DwwvbGca.js} +7 -7
- package/dist/{vue-ui-gizmo-D2AJKoeB.cjs → vue-ui-gizmo-CB5NfNit.cjs} +1 -1
- package/dist/{vue-ui-gizmo-DFy9X5IT.js → vue-ui-gizmo-Cq0SpTfm.js} +3 -3
- package/dist/{vue-ui-heatmap-DH93m9RC.js → vue-ui-heatmap-DNSOppoO.js} +10 -10
- package/dist/{vue-ui-heatmap-Dx8XPeob.cjs → vue-ui-heatmap-DtRSx7DO.cjs} +1 -1
- package/dist/{vue-ui-history-plot-Cmc7KMnB.cjs → vue-ui-history-plot-BvC3L9g3.cjs} +1 -1
- package/dist/{vue-ui-history-plot-C-9fJrMv.js → vue-ui-history-plot-r9eLYJCe.js} +11 -11
- package/dist/{vue-ui-kpi-C6cv6sCW.js → vue-ui-kpi-BBpxo07S.js} +3 -3
- package/dist/{vue-ui-kpi-DqpTRLkQ.cjs → vue-ui-kpi-raHWFHjI.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-BH-Hztc3.js → vue-ui-mini-loader-CGtQXPzk.js} +2 -2
- package/dist/{vue-ui-mini-loader-CpxzfBja.cjs → vue-ui-mini-loader-STx0NSvX.cjs} +1 -1
- package/dist/{vue-ui-molecule-avfEzaAy.cjs → vue-ui-molecule-B4WJo2V5.cjs} +1 -1
- package/dist/{vue-ui-molecule-1475qvln.js → vue-ui-molecule-EYSvyl-h.js} +11 -11
- package/dist/{vue-ui-mood-radar-CnAmD4WX.cjs → vue-ui-mood-radar-CfHUyyMY.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-SJjT1sCF.js → vue-ui-mood-radar-Crk-XB3O.js} +11 -11
- package/dist/vue-ui-nested-donuts-DRJZT5Bv.cjs +17 -0
- package/dist/vue-ui-nested-donuts-Rm4P3uEP.js +1137 -0
- package/dist/{vue-ui-onion-CA2N8k0p.cjs → vue-ui-onion-Bgvs96ms.cjs} +1 -1
- package/dist/{vue-ui-onion-DzreNeV2.js → vue-ui-onion-Dzl_kjlE.js} +11 -11
- package/dist/{vue-ui-parallel-coordinate-plot-CyoOsjFp.js → vue-ui-parallel-coordinate-plot-98c0XRsu.js} +12 -12
- package/dist/{vue-ui-parallel-coordinate-plot-V6vt-U3H.cjs → vue-ui-parallel-coordinate-plot-YuLiWTox.cjs} +1 -1
- package/dist/{vue-ui-quadrant-C7Fb-DVA.cjs → vue-ui-quadrant-CiqJKJu1.cjs} +1 -1
- package/dist/{vue-ui-quadrant-DkMAnQHE.js → vue-ui-quadrant-Dd1ryxBx.js} +40 -40
- package/dist/{vue-ui-quick-chart-BNf57IFn.js → vue-ui-quick-chart-CTsvK-CY.js} +9 -9
- package/dist/{vue-ui-quick-chart-CQp5GSbr.cjs → vue-ui-quick-chart-DMceIo39.cjs} +1 -1
- package/dist/{vue-ui-radar-DHxUS4r0.js → vue-ui-radar-CHYpedpk.js} +12 -12
- package/dist/{vue-ui-radar-DVv2P3B3.cjs → vue-ui-radar-Dp8-SmYd.cjs} +1 -1
- package/dist/{vue-ui-rating-2dp8n1gK.js → vue-ui-rating-DSsm92zG.js} +10 -10
- package/dist/{vue-ui-rating-CA5buZm1.cjs → vue-ui-rating-uVphq_sK.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-BGY0EsvO.cjs → vue-ui-relation-circle-46wKUZTv.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-hU35G-pb.js → vue-ui-relation-circle-BPVBRieo.js} +7 -7
- package/dist/{vue-ui-ridgeline-CTE25ofY.js → vue-ui-ridgeline-B6GA2tXb.js} +49 -49
- package/dist/{vue-ui-ridgeline-dhS0sX29.cjs → vue-ui-ridgeline-OULIMr6I.cjs} +1 -1
- package/dist/{vue-ui-rings-BgJT1xPm.js → vue-ui-rings-Cl-607b8.js} +12 -12
- package/dist/{vue-ui-rings-2XntvE5b.cjs → vue-ui-rings-HVHIYYrh.cjs} +1 -1
- package/dist/{vue-ui-scatter-Brh98c-o.cjs → vue-ui-scatter-BZ4DPyoL.cjs} +1 -1
- package/dist/{vue-ui-scatter-YKeV-y-p.js → vue-ui-scatter-ClYbim5F.js} +44 -44
- package/dist/{vue-ui-skeleton-CNP_4H8z.js → vue-ui-skeleton-C3t9bL6f.js} +19 -19
- package/dist/{vue-ui-skeleton-CK5DdXVo.cjs → vue-ui-skeleton-C954hFY-.cjs} +1 -1
- package/dist/{vue-ui-smiley-3uIAUF4w.cjs → vue-ui-smiley-BBGCa2S0.cjs} +1 -1
- package/dist/{vue-ui-smiley-BUlzuzq6.js → vue-ui-smiley-DsKnKBFv.js} +2 -2
- package/dist/{vue-ui-spark-trend-CfhhjekZ.cjs → vue-ui-spark-trend-CBa0FhIy.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-DmwQZLUP.js → vue-ui-spark-trend-Da-HE7x2.js} +5 -5
- package/dist/{vue-ui-sparkbar-BxKGdAq3.cjs → vue-ui-sparkbar-CUul3e3U.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-TLxa0K9v.js → vue-ui-sparkbar-DgQxbUeJ.js} +4 -4
- package/dist/{vue-ui-sparkgauge-CIwnnQYW.js → vue-ui-sparkgauge-BKA5GnGO.js} +4 -4
- package/dist/{vue-ui-sparkgauge-CWXLMSHa.cjs → vue-ui-sparkgauge-DYPVqz6I.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-Df0Edni4.cjs → vue-ui-sparkhistogram-CNN9tXh1.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-w1rEgV9S.js → vue-ui-sparkhistogram-CdZy4SfH.js} +5 -5
- package/dist/{vue-ui-sparkline-BQCbVZw5.cjs → vue-ui-sparkline-BCP4gyTp.cjs} +1 -1
- package/dist/{vue-ui-sparkline-C2Sf6sF4.js → vue-ui-sparkline-DCNNoruu.js} +15 -15
- package/dist/{vue-ui-sparkstackbar-BaVuTNxy.js → vue-ui-sparkstackbar-BAXGFcPk.js} +5 -5
- package/dist/{vue-ui-sparkstackbar-BlyzQCK8.cjs → vue-ui-sparkstackbar-sgehFSit.cjs} +1 -1
- package/dist/{vue-ui-stackbar-ypv8uR9d.cjs → vue-ui-stackbar-87l909wS.cjs} +1 -1
- package/dist/{vue-ui-stackbar-D4H8uFQ5.js → vue-ui-stackbar-Cto9A9WG.js} +13 -13
- package/dist/{vue-ui-strip-plot-Dxh7xzZf.js → vue-ui-strip-plot-C0F8_S_g.js} +11 -11
- package/dist/{vue-ui-strip-plot-CmrAJ6uF.cjs → vue-ui-strip-plot-Deegqmms.cjs} +1 -1
- package/dist/{vue-ui-table-BD8QgS2P.js → vue-ui-table-1vUkkwSp.js} +3 -3
- package/dist/{vue-ui-table-BmyVGToW.cjs → vue-ui-table-BUxFdYM7.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-DZIrV6Bq.js → vue-ui-table-heatmap-PPGfjMxh.js} +4 -4
- package/dist/{vue-ui-table-heatmap-CXTW4REL.cjs → vue-ui-table-heatmap-uDH3owRO.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline--R1CzNtx.cjs → vue-ui-table-sparkline-CPSlJVB1.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-B0aYy2JL.js → vue-ui-table-sparkline-D9LEgrxj.js} +5 -5
- package/dist/{vue-ui-thermometer-Dh0nVf-h.js → vue-ui-thermometer-BxngpuEZ.js} +7 -7
- package/dist/{vue-ui-thermometer-DtOy35Jd.cjs → vue-ui-thermometer-D8P88pea.cjs} +1 -1
- package/dist/{vue-ui-timer-Bo3p5wjo.cjs → vue-ui-timer-B_dh6otW.cjs} +1 -1
- package/dist/{vue-ui-timer-C4JkVftX.js → vue-ui-timer-C3dxY--Q.js} +5 -5
- package/dist/{vue-ui-tiremarks-GLU60Yzo.js → vue-ui-tiremarks-_oZ6wL6K.js} +7 -7
- package/dist/{vue-ui-tiremarks-B-3AEiND.cjs → vue-ui-tiremarks-mISKtpmD.cjs} +1 -1
- package/dist/{vue-ui-treemap-ZiuUtYjs.cjs → vue-ui-treemap-CZZXcX0f.cjs} +1 -1
- package/dist/{vue-ui-treemap-QyQqnbJc.js → vue-ui-treemap-D5Dcd84h.js} +12 -12
- package/dist/{vue-ui-vertical-bar-DHZvOGpR.cjs → vue-ui-vertical-bar-C-KAVKXj.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-CbwZCrcW.js → vue-ui-vertical-bar-CtWXk6co.js} +12 -12
- package/dist/{vue-ui-waffle-D_zRZStV.js → vue-ui-waffle-BD2GnRkO.js} +12 -12
- package/dist/{vue-ui-waffle-Yi5W6qYr.cjs → vue-ui-waffle-C9qyTIzz.cjs} +1 -1
- package/dist/{vue-ui-wheel-D85CwfOC.cjs → vue-ui-wheel-CKfr_7kH.cjs} +1 -1
- package/dist/{vue-ui-wheel-D_wbd08e.js → vue-ui-wheel-HydW49fo.js} +7 -7
- package/dist/{vue-ui-word-cloud-CkActnvX.cjs → vue-ui-word-cloud-C4ISeFpy.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-jMOFgeRb.js → vue-ui-word-cloud-C9Pbi6ey.js} +10 -10
- package/dist/{vue-ui-world-aTdY2yXo.cjs → vue-ui-world-BlAD3UPb.cjs} +1 -1
- package/dist/{vue-ui-world-XMoqQwg7.js → vue-ui-world-D-AsGwlW.js} +11 -11
- package/dist/{vue-ui-xy-DL6V_DZs.js → vue-ui-xy-CMw6P4C0.js} +16 -16
- package/dist/{vue-ui-xy-DYEFXjnb.cjs → vue-ui-xy-CS-xjZVI.cjs} +2 -2
- package/dist/{vue-ui-xy-canvas-K0Qm3FPR.cjs → vue-ui-xy-canvas-Dd7IFwSK.cjs} +1 -1
- package/dist/{vue-ui-xy-canvas-DpX9D7Ny.js → vue-ui-xy-canvas-DtKI-IQA.js} +12 -12
- package/package.json +1 -1
- package/dist/index-D6F-xMcR.cjs +0 -9
- package/dist/vue-ui-nested-donuts-6MGMcByL.js +0 -937
- package/dist/vue-ui-nested-donuts-BkQJr_zV.cjs +0 -17
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { toRef as ee, resolveComponent as te, createElementBlock as r, openBlock as l, Fragment as p, renderList as I, createCommentVNode as f, createBlock as O, createElementVNode as U, withModifiers as Ve, renderSlot as y, mergeProps as $e, withCtx as m, toDisplayString as Oe, useCssVars as je, computed as S, onMounted as We, ref as g, watch as Xe, unref as v, normalizeStyle as W, normalizeClass as we, createVNode as G, createSlots as Ye, normalizeProps as D, guardReactiveProps as N, createTextVNode as Ze, nextTick as qe } from "vue";
|
|
2
|
-
import { u as Je, o as Ke, e as Qe, c as Te, t as et, p as Pe, a as tt, b as ot, O as lt, X as st, l as at, P as rt, d as xe, q as nt, r as it, x as ut, y as ct } from "./index-
|
|
3
|
-
import { _ as dt } from "./Title-
|
|
4
|
-
import { u as vt, U as ht } from "./usePrinter-
|
|
5
|
-
import { D as ft } from "./DataTable-
|
|
6
|
-
import { _ as yt } from "./Tooltip-
|
|
7
|
-
import pt from "./vue-ui-skeleton-
|
|
8
|
-
import gt from "./vue-ui-accordion-
|
|
9
|
-
import { u as Fe } from "./useNestedProp-
|
|
10
|
-
import { _ as mt } from "./PackageVersion-
|
|
11
|
-
import { _ as bt } from "./PenAndPaper-
|
|
2
|
+
import { u as Je, o as Ke, e as Qe, c as Te, t as et, p as Pe, a as tt, b as ot, O as lt, X as st, l as at, P as rt, d as xe, q as nt, r as it, x as ut, y as ct } from "./index-hMo72hAq.js";
|
|
3
|
+
import { _ as dt } from "./Title-DrVDm1wy.js";
|
|
4
|
+
import { u as vt, U as ht } from "./usePrinter-D2z-bUtX.js";
|
|
5
|
+
import { D as ft } from "./DataTable-CXbN2mJi.js";
|
|
6
|
+
import { _ as yt } from "./Tooltip-BFT6mZ5a.js";
|
|
7
|
+
import pt from "./vue-ui-skeleton-C3t9bL6f.js";
|
|
8
|
+
import gt from "./vue-ui-accordion-CHMdpjnX.js";
|
|
9
|
+
import { u as Fe } from "./useNestedProp-DhEaBTgF.js";
|
|
10
|
+
import { _ as mt } from "./PackageVersion-0Lu6RIig.js";
|
|
11
|
+
import { _ as bt } from "./PenAndPaper-D4Uu-GqW.js";
|
|
12
12
|
import { u as kt } from "./useUserOptionState-BIvW1Kz7.js";
|
|
13
13
|
import { u as Ct } from "./useChartAccessibility-BWojgys7.js";
|
|
14
14
|
import { u as $t } from "./usePanZoom-CUkkqW81.js";
|
|
15
|
-
import wt from "./BaseIcon-
|
|
15
|
+
import wt from "./BaseIcon-COlnFbOq.js";
|
|
16
16
|
import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
17
17
|
const Pt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], xt = ["x", "y", "height", "width", "onClick", "onMouseover"], Ft = {
|
|
18
18
|
__name: "RecursiveCircles",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-D6F-xMcR.cjs"),oe=require("./Title-Cj4tUZSu.cjs"),q=require("./usePrinter-B9NkBzf5.cjs"),le=require("./Legend-BDIC5aus.cjs"),g=require("./BaseIcon-CvuQ41yl.cjs"),ae=require("./DataTable-Bu_0tRZE.cjs"),re=require("./vue-ui-skeleton-CK5DdXVo.cjs"),ne=require("./vue-ui-accordion-ChE9WO8Q.cjs"),z=require("./useNestedProp-CAbtwUJj.cjs"),se=require("./PackageVersion-CKutD59c.cjs"),ue=require("./PenAndPaper-Bnvy0XRn.cjs"),ie=require("./useUserOptionState-BgepsfED.cjs"),ce=require("./useChartAccessibility-Cm7nkzTG.cjs"),de=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ve=["id"],ye={key:2,style:"width:100%;background:transparent"},me=["xmlns","viewBox"],he=["width","height"],fe=["id"],pe=["stop-color"],ke=["stop-color"],ge=["x1","y1","x2","y2","stroke","stroke-width"],be=["d","stroke","stroke-width"],Ce=["stroke"],Ne=["fill"],we=["stroke"],xe=["fill"],Ve=["stroke"],_e=["fill"],Be=["stroke"],Pe=["fill"],$e=["stroke"],Me=["fill"],Ee=["d","stroke","stroke-width","fill"],Oe=["x1","y1","stroke"],Se=["cx","cy","fill","stroke"],Ae=["fill","stroke"],Te=["y","fill","font-weight"],Le=["y","fill"],Ie={key:5,class:"vue-data-ui-watermark"},Fe=["onClick"],qe={style:{"font-weight":"bold"}},ze={key:8,ref:"source",dir:"auto"},De=["innerHTML"],Re={__name:"vue-ui-mood-radar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(D,{expose:R}){const{vue_ui_mood_radar:j}=r.useConfig(),u=D,m=e.computed(()=>!!u.dataset&&Object.keys(u.dataset).length);e.onMounted(()=>{V()});function V(){r.objectIsEmpty(u.dataset)&&r.error({componentName:"VueUiMoodRadar",type:"dataset"})}const h=e.ref(r.createUid()),_=e.ref(null),U=e.ref(null),n=e.ref(null),W=e.ref(null),G=e.ref(0),H=e.ref(0),B=e.ref(0),t=e.computed({get:()=>E(),set:l=>l}),{userOptionsVisible:N,setUserOptionsVisibility:P,keepUserOptionState:$}=ie.useUserOptionState({config:t.value}),{svgRef:M}=ce.useChartAccessibility({config:t.value.style.chart.title});function E(){const l=z.useNestedProp({userConfig:u.config,defaultConfig:j});return l.theme?{...z.useNestedProp({userConfig:r.themes.vue_ui_mood_radar[l.theme]||u.config,defaultConfig:l})}:l}e.watch(()=>u.config,l=>{t.value=E(),N.value=!t.value.userOptions.showOnChartHover,V(),G.value+=1,H.value+=1,B.value+=1,f.value.showTable=t.value.table.show},{deep:!0});const{isPrinting:O,isImaging:S,generatePdf:A,generateImage:T}=q.usePrinter({elementId:h.value,fileName:t.value.style.chart.title.text||"vue-ui-mood-radar",options:t.value.userOptions.print}),X=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),f=e.ref({showTable:t.value.table.show}),i=e.computed(()=>({height:256,width:256})),w=e.computed(()=>r.createPolygonPath({plot:{x:128,y:i.value.height/2},radius:90,sides:5,rotation:11}));function K({centerX:l,centerY:a,apexX:o,apexY:s,proportion:d,key:k,value:te}){return{x:l+(o-l)*d,y:a+(s-a)*d,key:k,value:te}}const Y=e.computed(()=>Math.max(...Object.values(u.dataset).map(l=>isNaN(l)?0:l))),y=e.computed(()=>Object.values(u.dataset).reduce((l,a)=>(isNaN(l)?0:l)+(isNaN(a)?0:a),0)),c=e.computed(()=>Object.keys(u.dataset).map((l,a)=>{const o=typeof u.dataset[l]!="number"||isNaN(u.dataset[l])?0:u.dataset[l];return{index:a,key:l,value:o,proportion:o/y.value,color:t.value.style.chart.layout.smileys.colors[l]}}).sort((l,a)=>a.key-l.key)),L=e.computed(()=>m.value?(["1","2","3","4","5"].forEach(l=>{[null,void 0].includes(u.dataset[l])&&r.error({componentName:"VueUiMoodRadar",type:"datasetAttribute",property:l})}),w.value.coordinates.map((l,a)=>{const o=K({centerX:i.value.width/2,centerY:i.value.height/2,apexX:l.x,apexY:l.y,proportion:c.value[a].value/Y.value,key:c.value[a].key,value:c.value[a].value});return{...l,plots:o,key:c.value[a].key}})):[]),J=e.computed(()=>({cy:"mood-radar-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""}));function Q(l){l===n.value?n.value=null:n.value=l}const v=e.computed(()=>{const l=c.value.map(o=>({name:o.key,color:o.color})),a=c.value.map(o=>isNaN(o.value)?0:o.value);return{head:l,body:a}});function I(){e.nextTick(()=>{const l=v.value.head.map((s,d)=>[[s.name],[v.value.body[d]],[isNaN(v.value.body[d]/y.value)?"-":v.value.body[d]/y.value*100]]),a=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(l),o=r.createCsvContent(a);r.downloadCsv({csvContent:o,title:t.value.style.chart.title.text||"vue-ui-mood-radar"})})}const b=e.computed(()=>{const l=[' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',Number(y.value.toFixed(t.value.table.td.roundingValue)).toLocaleString(),"100%"],a=v.value.head.map((d,k)=>[{color:d.color,name:d.name},v.value.body[k].toFixed(t.value.table.td.roundingValue),isNaN(v.value.body[k]/y.value)?"-":(v.value.body[k]/y.value*100).toFixed(t.value.table.td.roundingPercentage)+"%"]),o={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint},s=[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage];return{head:l,body:a,config:o,colNames:s}});function Z(){return c.value}function F(){f.value.showTable=!f.value.showTable}const p=e.ref(!1);function ee(l){p.value=l}const C=e.ref(!1);function x(){C.value=!C.value}return R({getData:Z,generatePdf:A,generateCsv:I,generateImage:T,toggleTable:F,toggleAnnotator:x}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-mood-radar ${p.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),ref_key:"moodRadarChart",ref:_,id:`${h.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),onMouseenter:a[11]||(a[11]=()=>e.unref(P)(!0)),onMouseleave:a[12]||(a[12]=()=>e.unref(P)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ue._sfc_main,{key:0,svgRef:e.unref(M),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:C.value,onClose:x},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),X.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:W,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(oe._sfc_main,{config:{title:{cy:"mood-radar-title",...t.value.style.chart.title},subtitle:{cy:"mood-radar-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"])])):e.createCommentVNode("",!0),t.value.userOptions.show&&m.value&&(e.unref($)||e.unref(N))?(e.openBlock(),e.createBlock(q.UserOptions,{key:3,ref_key:"details",ref:U,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(O),isImaging:e.unref(S),uid:h.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:p.value,titles:{...t.value.userOptions.buttonTitles},chartElement:_.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:C.value,onToggleFullscreen:ee,onGeneratePdf:e.unref(A),onGenerateCsv:I,onGenerateImage:e.unref(T),onToggleTable:F,onToggleAnnotator:x,style:e.normalizeStyle({visibility:e.unref($)?e.unref(N)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:o,color:s})=>[e.renderSlot(l.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:o,color:s})),void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:s})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:s})),void 0,!0)]),key:"5"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:s})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:s})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:M,xmlns:e.unref(r.XMLNS),viewBox:`0 0 ${i.value.width} ${i.value.height}`,class:e.normalizeClass({"vue-data-ui-fullscreen--on":p.value,"vue-data-ui-fulscreen--off":!p.value}),style:e.normalizeStyle(`overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(se._sfc_main),l.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:i.value.width,height:i.value.height,style:{pointerEvents:"none"}},[e.renderSlot(l.$slots,"chart-background",{},void 0,!0)],8,he)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`mood_radar_gradient_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(r.setOpacity)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.opacity)},null,8,pe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(r.setOpacity)(e.unref(r.shiftHue)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.gradient.intensity/100),t.value.style.chart.layout.dataPolygon.opacity)},null,8,ke)],8,fe)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value.coordinates,o=>(e.openBlock(),e.createElementBlock("line",{x1:i.value.width/2,y1:i.value.height/2,x2:o.x,y2:o.y,stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,ge))),256)),e.createElementVNode("path",{d:w.value.path,fill:"none",stroke:t.value.style.chart.layout.outerPolygon.stroke,"stroke-width":t.value.style.chart.layout.outerPolygon.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round"},null,8,be),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[5],"stroke-width":"1","stroke-linecap":"round",d:"M119 25A1 1 0 00137 25 1 1 0 00119 25M123 26C124 33 132 33 133 26L123 26M123 22A1 1 0 00126 22 1 1 0 00123 22M130 22A1 1 0 00133 22 1 1 0 00130 22"},null,8,Ce),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[0]||(a[0]=o=>n.value=5),onMouseleave:a[1]||(a[1]=o=>n.value=null),cx:"128",cy:"25",r:"20",fill:n.value===5?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[5],20):"transparent"},null,40,Ne),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[4],"stroke-width":"1","stroke-linecap":"round",d:"M218 95A1 1 0 00236 95 1 1 0 00218 95M222 97C225 99 229 99 232 97M222 92A1 1 0 00225 92 1 1 0 00222 92M229 92A1 1 0 00232 92 1 1 0 00229 92"},null,8,we),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[2]||(a[2]=o=>n.value=4),onMouseleave:a[3]||(a[3]=o=>n.value=null),cx:"227",cy:"95.5",r:"20",fill:n.value===4?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[4],20):"transparent"},null,40,xe),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[3],"stroke-width":"1","stroke-linecap":"round",d:"M181 213A1 1 0 00199 213 1 1 0 00181 213M185 210A1 1 0 00188 210 1 1 0 00185 210M192 210A1 1 0 00195 210 1 1 0 00192 210M185 215 195 215"},null,8,Ve),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[4]||(a[4]=o=>n.value=3),onMouseleave:a[5]||(a[5]=o=>n.value=null),cx:"190",cy:"213.5",r:"20",fill:n.value===3?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[3],20):"transparent"},null,40,_e),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[2],"stroke-width":"1","stroke-linecap":"round",d:"M56 213A1 1 0 0074 213 1 1 0 0056 213M60 216C63 214 67 214 70 216M60 210A1 1 0 0063 210 1 1 0 0060 210M67 210A1 1 0 0070 210 1 1 0 0067 210"},null,8,Be),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[6]||(a[6]=o=>n.value=2),onMouseleave:a[7]||(a[7]=o=>n.value=null),cx:"65",cy:"213.5",r:"20",fill:n.value===2?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[2],20):"transparent"},null,40,Pe),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[1],"stroke-width":"1","stroke-linecap":"round",d:"M20 96A1 1 0 0038 96 1 1 0 0020 96M24 100C25 95 33 95 34 100L24 100M24 93A1 1 0 0027 93 1 1 0 0024 93M31 93A1 1 0 0034 93 1 1 0 0031 93"},null,8,$e),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[8]||(a[8]=o=>n.value=1),onMouseleave:a[9]||(a[9]=o=>n.value=null),cx:"29",cy:"95.5",r:"20",fill:n.value===1?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[1],20):"transparent"},null,40,Me),e.createElementVNode("path",{d:e.unref(r.makePath)(L.value.map(o=>o.plots)),stroke:t.value.style.chart.layout.dataPolygon.stroke,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",fill:t.value.style.chart.layout.dataPolygon.gradient.show?`url(#mood_radar_gradient_${h.value})`:e.unref(r.setOpacity)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.opacity)},null,8,Ee),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value.map(o=>o.plots),(o,s)=>(e.openBlock(),e.createElementBlock("g",{class:"vue-ui-mood-radar-trap",style:e.normalizeStyle(`opacity:${n.value==o.key?"1":"0"}`)},[e.createElementVNode("line",{x1:o.x,y1:o.y,x2:128,y2:128,stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,Oe),e.createElementVNode("circle",{cx:o.x,cy:o.y,fill:t.value.style.chart.layout.smileys.colors[o.key],r:"3",stroke:t.value.style.chart.backgroundColor,"stroke-width":.5},null,8,Se),e.createElementVNode("circle",{cx:128,cy:128,fill:t.value.style.chart.layout.smileys.colors[o.key],r:"3",stroke:t.value.style.chart.backgroundColor,"stroke-width":.5},null,8,Ae),e.createElementVNode("text",{x:128,y:["5",5].includes(o.key)?145:120,fill:t.value.style.chart.layout.dataLabel.color,"font-size":"12","text-anchor":"middle","font-weight":t.value.style.chart.layout.dataLabel.bold?"bold":"normal"},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.dataLabel.formatter,o.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.dataLabel.prefix,v:o.value,s:t.value.style.chart.layout.dataLabel.suffix,r:t.value.style.chart.layout.dataLabel.roundingValue}),{datapoint:o,seriesIndex:s})),9,Te),e.createElementVNode("text",{x:128,y:["5",5].includes(o.key)?163:102,fill:t.value.style.chart.layout.dataLabel.color,"font-size":"12","text-anchor":"middle"}," ("+e.toDisplayString(e.unref(r.dataLabel)({v:o.value/y.value*100,s:"%",r:t.value.style.chart.layout.dataLabel.roundingPercentage}))+") ",9,Le)],4))),256)),e.renderSlot(l.$slots,"svg",{svg:i.value},void 0,!0)],14,me)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(O)||e.unref(S)})),void 0,!0)])):e.createCommentVNode("",!0),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(re.default,{key:6,config:{type:"radar",style:{backgroundColor:t.value.style.chart.backgroundColor,radar:{grid:{color:"#CCCCCC"},shapes:{color:"#CCCCCC"}}}}},null,8,["config"])),t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(le.Legend,{legendSet:c.value,config:J.value,key:`legend_${B.value}`,style:{display:"flex","row-gap":"6px"}},{item:e.withCtx(({legend:o,index:s})=>[e.createElementVNode("div",{onClick:()=>Q(o.key),style:{display:"flex","flex-direction":"row",gap:"3px","align-items":"center",margin:"3px 0"}},[o.key==1?(e.openBlock(),e.createBlock(g.default,{key:0,strokeWidth:1,name:"moodSad",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==2?(e.openBlock(),e.createBlock(g.default,{key:1,strokeWidth:1,name:"moodFlat",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==3?(e.openBlock(),e.createBlock(g.default,{key:2,strokeWidth:1,name:"moodNeutral",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==4?(e.openBlock(),e.createBlock(g.default,{key:3,strokeWidth:1,name:"smiley",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==5?(e.openBlock(),e.createBlock(g.default,{key:4,strokeWidth:1,name:"moodHappy",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),e.createElementVNode("span",qe,e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.dataLabel.formatter,o.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.dataLabel.prefix,v:o.value,s:t.value.style.chart.layout.dataLabel.suffix,r:t.value.style.chart.layout.dataLabel.roundingValue}),{datapoint:o,seriesIndex:s})),1),e.createTextVNode(" ("+e.toDisplayString(e.unref(r.dataLabel)({v:o.proportion*100,s:"%",r:t.value.style.chart.legend.roundingPercentage}))+") ",1)],8,Fe)]),_:1},8,["legendSet","config"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"legend",{legend:c.value},void 0,!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createBlock(ne.default,{key:9,hideDetails:"",config:{open:f.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[e.createVNode(ae.DataTable,{colNames:b.value.colNames,head:b.value.head,body:b.value.body,config:b.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[10]||(a[10]=o=>f.value.showTable=!1)},{th:e.withCtx(({th:o})=>[e.createElementVNode("div",{innerHTML:o,style:{display:"flex","align-items":"center"}},null,8,De)]),td:e.withCtx(({td:o})=>[e.createTextVNode(e.toDisplayString(o.name||o),1)]),_:1},8,["colNames","head","body","config","title"])]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,ve))}},je=de._export_sfc(Re,[["__scopeId","data-v-219c3ecd"]]);exports.default=je;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-Cai0fWP7.cjs"),oe=require("./Title-BkfQdTEX.cjs"),q=require("./usePrinter-B4ojFS2B.cjs"),le=require("./Legend-CFqKBI0j.cjs"),g=require("./BaseIcon-CiINppo2.cjs"),ae=require("./DataTable-DOiZOQ3J.cjs"),re=require("./vue-ui-skeleton-C954hFY-.cjs"),ne=require("./vue-ui-accordion-DUGBjyB1.cjs"),z=require("./useNestedProp-DcWhlk8h.cjs"),se=require("./PackageVersion-BMNt7NsQ.cjs"),ue=require("./PenAndPaper-BUwLP3Wx.cjs"),ie=require("./useUserOptionState-BgepsfED.cjs"),ce=require("./useChartAccessibility-Cm7nkzTG.cjs"),de=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ve=["id"],ye={key:2,style:"width:100%;background:transparent"},me=["xmlns","viewBox"],he=["width","height"],fe=["id"],pe=["stop-color"],ke=["stop-color"],ge=["x1","y1","x2","y2","stroke","stroke-width"],be=["d","stroke","stroke-width"],Ce=["stroke"],Ne=["fill"],we=["stroke"],xe=["fill"],Ve=["stroke"],_e=["fill"],Be=["stroke"],Pe=["fill"],$e=["stroke"],Me=["fill"],Ee=["d","stroke","stroke-width","fill"],Oe=["x1","y1","stroke"],Se=["cx","cy","fill","stroke"],Ae=["fill","stroke"],Te=["y","fill","font-weight"],Le=["y","fill"],Ie={key:5,class:"vue-data-ui-watermark"},Fe=["onClick"],qe={style:{"font-weight":"bold"}},ze={key:8,ref:"source",dir:"auto"},De=["innerHTML"],Re={__name:"vue-ui-mood-radar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(D,{expose:R}){const{vue_ui_mood_radar:j}=r.useConfig(),u=D,m=e.computed(()=>!!u.dataset&&Object.keys(u.dataset).length);e.onMounted(()=>{V()});function V(){r.objectIsEmpty(u.dataset)&&r.error({componentName:"VueUiMoodRadar",type:"dataset"})}const h=e.ref(r.createUid()),_=e.ref(null),U=e.ref(null),n=e.ref(null),W=e.ref(null),G=e.ref(0),H=e.ref(0),B=e.ref(0),t=e.computed({get:()=>E(),set:l=>l}),{userOptionsVisible:N,setUserOptionsVisibility:P,keepUserOptionState:$}=ie.useUserOptionState({config:t.value}),{svgRef:M}=ce.useChartAccessibility({config:t.value.style.chart.title});function E(){const l=z.useNestedProp({userConfig:u.config,defaultConfig:j});return l.theme?{...z.useNestedProp({userConfig:r.themes.vue_ui_mood_radar[l.theme]||u.config,defaultConfig:l})}:l}e.watch(()=>u.config,l=>{t.value=E(),N.value=!t.value.userOptions.showOnChartHover,V(),G.value+=1,H.value+=1,B.value+=1,f.value.showTable=t.value.table.show},{deep:!0});const{isPrinting:O,isImaging:S,generatePdf:A,generateImage:T}=q.usePrinter({elementId:h.value,fileName:t.value.style.chart.title.text||"vue-ui-mood-radar",options:t.value.userOptions.print}),X=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),f=e.ref({showTable:t.value.table.show}),i=e.computed(()=>({height:256,width:256})),w=e.computed(()=>r.createPolygonPath({plot:{x:128,y:i.value.height/2},radius:90,sides:5,rotation:11}));function K({centerX:l,centerY:a,apexX:o,apexY:s,proportion:d,key:k,value:te}){return{x:l+(o-l)*d,y:a+(s-a)*d,key:k,value:te}}const Y=e.computed(()=>Math.max(...Object.values(u.dataset).map(l=>isNaN(l)?0:l))),y=e.computed(()=>Object.values(u.dataset).reduce((l,a)=>(isNaN(l)?0:l)+(isNaN(a)?0:a),0)),c=e.computed(()=>Object.keys(u.dataset).map((l,a)=>{const o=typeof u.dataset[l]!="number"||isNaN(u.dataset[l])?0:u.dataset[l];return{index:a,key:l,value:o,proportion:o/y.value,color:t.value.style.chart.layout.smileys.colors[l]}}).sort((l,a)=>a.key-l.key)),L=e.computed(()=>m.value?(["1","2","3","4","5"].forEach(l=>{[null,void 0].includes(u.dataset[l])&&r.error({componentName:"VueUiMoodRadar",type:"datasetAttribute",property:l})}),w.value.coordinates.map((l,a)=>{const o=K({centerX:i.value.width/2,centerY:i.value.height/2,apexX:l.x,apexY:l.y,proportion:c.value[a].value/Y.value,key:c.value[a].key,value:c.value[a].value});return{...l,plots:o,key:c.value[a].key}})):[]),J=e.computed(()=>({cy:"mood-radar-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""}));function Q(l){l===n.value?n.value=null:n.value=l}const v=e.computed(()=>{const l=c.value.map(o=>({name:o.key,color:o.color})),a=c.value.map(o=>isNaN(o.value)?0:o.value);return{head:l,body:a}});function I(){e.nextTick(()=>{const l=v.value.head.map((s,d)=>[[s.name],[v.value.body[d]],[isNaN(v.value.body[d]/y.value)?"-":v.value.body[d]/y.value*100]]),a=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(l),o=r.createCsvContent(a);r.downloadCsv({csvContent:o,title:t.value.style.chart.title.text||"vue-ui-mood-radar"})})}const b=e.computed(()=>{const l=[' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',Number(y.value.toFixed(t.value.table.td.roundingValue)).toLocaleString(),"100%"],a=v.value.head.map((d,k)=>[{color:d.color,name:d.name},v.value.body[k].toFixed(t.value.table.td.roundingValue),isNaN(v.value.body[k]/y.value)?"-":(v.value.body[k]/y.value*100).toFixed(t.value.table.td.roundingPercentage)+"%"]),o={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint},s=[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage];return{head:l,body:a,config:o,colNames:s}});function Z(){return c.value}function F(){f.value.showTable=!f.value.showTable}const p=e.ref(!1);function ee(l){p.value=l}const C=e.ref(!1);function x(){C.value=!C.value}return R({getData:Z,generatePdf:A,generateCsv:I,generateImage:T,toggleTable:F,toggleAnnotator:x}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-mood-radar ${p.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),ref_key:"moodRadarChart",ref:_,id:`${h.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),onMouseenter:a[11]||(a[11]=()=>e.unref(P)(!0)),onMouseleave:a[12]||(a[12]=()=>e.unref(P)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ue._sfc_main,{key:0,svgRef:e.unref(M),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:C.value,onClose:x},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),X.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:W,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(oe._sfc_main,{config:{title:{cy:"mood-radar-title",...t.value.style.chart.title},subtitle:{cy:"mood-radar-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"])])):e.createCommentVNode("",!0),t.value.userOptions.show&&m.value&&(e.unref($)||e.unref(N))?(e.openBlock(),e.createBlock(q.UserOptions,{key:3,ref_key:"details",ref:U,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(O),isImaging:e.unref(S),uid:h.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:p.value,titles:{...t.value.userOptions.buttonTitles},chartElement:_.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:C.value,onToggleFullscreen:ee,onGeneratePdf:e.unref(A),onGenerateCsv:I,onGenerateImage:e.unref(T),onToggleTable:F,onToggleAnnotator:x,style:e.normalizeStyle({visibility:e.unref($)?e.unref(N)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:o,color:s})=>[e.renderSlot(l.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:o,color:s})),void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:s})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:s})),void 0,!0)]),key:"5"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:s})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:s})),void 0,!0)]),key:"6"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:M,xmlns:e.unref(r.XMLNS),viewBox:`0 0 ${i.value.width} ${i.value.height}`,class:e.normalizeClass({"vue-data-ui-fullscreen--on":p.value,"vue-data-ui-fulscreen--off":!p.value}),style:e.normalizeStyle(`overflow:visible;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(se._sfc_main),l.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:i.value.width,height:i.value.height,style:{pointerEvents:"none"}},[e.renderSlot(l.$slots,"chart-background",{},void 0,!0)],8,he)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`mood_radar_gradient_${h.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(r.setOpacity)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.opacity)},null,8,pe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(r.setOpacity)(e.unref(r.shiftHue)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.gradient.intensity/100),t.value.style.chart.layout.dataPolygon.opacity)},null,8,ke)],8,fe)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value.coordinates,o=>(e.openBlock(),e.createElementBlock("line",{x1:i.value.width/2,y1:i.value.height/2,x2:o.x,y2:o.y,stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,ge))),256)),e.createElementVNode("path",{d:w.value.path,fill:"none",stroke:t.value.style.chart.layout.outerPolygon.stroke,"stroke-width":t.value.style.chart.layout.outerPolygon.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round"},null,8,be),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[5],"stroke-width":"1","stroke-linecap":"round",d:"M119 25A1 1 0 00137 25 1 1 0 00119 25M123 26C124 33 132 33 133 26L123 26M123 22A1 1 0 00126 22 1 1 0 00123 22M130 22A1 1 0 00133 22 1 1 0 00130 22"},null,8,Ce),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[0]||(a[0]=o=>n.value=5),onMouseleave:a[1]||(a[1]=o=>n.value=null),cx:"128",cy:"25",r:"20",fill:n.value===5?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[5],20):"transparent"},null,40,Ne),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[4],"stroke-width":"1","stroke-linecap":"round",d:"M218 95A1 1 0 00236 95 1 1 0 00218 95M222 97C225 99 229 99 232 97M222 92A1 1 0 00225 92 1 1 0 00222 92M229 92A1 1 0 00232 92 1 1 0 00229 92"},null,8,we),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[2]||(a[2]=o=>n.value=4),onMouseleave:a[3]||(a[3]=o=>n.value=null),cx:"227",cy:"95.5",r:"20",fill:n.value===4?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[4],20):"transparent"},null,40,xe),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[3],"stroke-width":"1","stroke-linecap":"round",d:"M181 213A1 1 0 00199 213 1 1 0 00181 213M185 210A1 1 0 00188 210 1 1 0 00185 210M192 210A1 1 0 00195 210 1 1 0 00192 210M185 215 195 215"},null,8,Ve),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[4]||(a[4]=o=>n.value=3),onMouseleave:a[5]||(a[5]=o=>n.value=null),cx:"190",cy:"213.5",r:"20",fill:n.value===3?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[3],20):"transparent"},null,40,_e),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[2],"stroke-width":"1","stroke-linecap":"round",d:"M56 213A1 1 0 0074 213 1 1 0 0056 213M60 216C63 214 67 214 70 216M60 210A1 1 0 0063 210 1 1 0 0060 210M67 210A1 1 0 0070 210 1 1 0 0067 210"},null,8,Be),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[6]||(a[6]=o=>n.value=2),onMouseleave:a[7]||(a[7]=o=>n.value=null),cx:"65",cy:"213.5",r:"20",fill:n.value===2?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[2],20):"transparent"},null,40,Pe),e.createElementVNode("path",{fill:"none",stroke:t.value.style.chart.layout.smileys.colors[1],"stroke-width":"1","stroke-linecap":"round",d:"M20 96A1 1 0 0038 96 1 1 0 0020 96M24 100C25 95 33 95 34 100L24 100M24 93A1 1 0 0027 93 1 1 0 0024 93M31 93A1 1 0 0034 93 1 1 0 0031 93"},null,8,$e),e.createElementVNode("circle",{class:"vue-ui-mood-radar-trap",onMouseenter:a[8]||(a[8]=o=>n.value=1),onMouseleave:a[9]||(a[9]=o=>n.value=null),cx:"29",cy:"95.5",r:"20",fill:n.value===1?e.unref(r.setOpacity)(t.value.style.chart.layout.smileys.colors[1],20):"transparent"},null,40,Me),e.createElementVNode("path",{d:e.unref(r.makePath)(L.value.map(o=>o.plots)),stroke:t.value.style.chart.layout.dataPolygon.stroke,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",fill:t.value.style.chart.layout.dataPolygon.gradient.show?`url(#mood_radar_gradient_${h.value})`:e.unref(r.setOpacity)(t.value.style.chart.layout.dataPolygon.color,t.value.style.chart.layout.dataPolygon.opacity)},null,8,Ee),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value.map(o=>o.plots),(o,s)=>(e.openBlock(),e.createElementBlock("g",{class:"vue-ui-mood-radar-trap",style:e.normalizeStyle(`opacity:${n.value==o.key?"1":"0"}`)},[e.createElementVNode("line",{x1:o.x,y1:o.y,x2:128,y2:128,stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,Oe),e.createElementVNode("circle",{cx:o.x,cy:o.y,fill:t.value.style.chart.layout.smileys.colors[o.key],r:"3",stroke:t.value.style.chart.backgroundColor,"stroke-width":.5},null,8,Se),e.createElementVNode("circle",{cx:128,cy:128,fill:t.value.style.chart.layout.smileys.colors[o.key],r:"3",stroke:t.value.style.chart.backgroundColor,"stroke-width":.5},null,8,Ae),e.createElementVNode("text",{x:128,y:["5",5].includes(o.key)?145:120,fill:t.value.style.chart.layout.dataLabel.color,"font-size":"12","text-anchor":"middle","font-weight":t.value.style.chart.layout.dataLabel.bold?"bold":"normal"},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.dataLabel.formatter,o.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.dataLabel.prefix,v:o.value,s:t.value.style.chart.layout.dataLabel.suffix,r:t.value.style.chart.layout.dataLabel.roundingValue}),{datapoint:o,seriesIndex:s})),9,Te),e.createElementVNode("text",{x:128,y:["5",5].includes(o.key)?163:102,fill:t.value.style.chart.layout.dataLabel.color,"font-size":"12","text-anchor":"middle"}," ("+e.toDisplayString(e.unref(r.dataLabel)({v:o.value/y.value*100,s:"%",r:t.value.style.chart.layout.dataLabel.roundingPercentage}))+") ",9,Le)],4))),256)),e.renderSlot(l.$slots,"svg",{svg:i.value},void 0,!0)],14,me)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(O)||e.unref(S)})),void 0,!0)])):e.createCommentVNode("",!0),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(re.default,{key:6,config:{type:"radar",style:{backgroundColor:t.value.style.chart.backgroundColor,radar:{grid:{color:"#CCCCCC"},shapes:{color:"#CCCCCC"}}}}},null,8,["config"])),t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(le.Legend,{legendSet:c.value,config:J.value,key:`legend_${B.value}`,style:{display:"flex","row-gap":"6px"}},{item:e.withCtx(({legend:o,index:s})=>[e.createElementVNode("div",{onClick:()=>Q(o.key),style:{display:"flex","flex-direction":"row",gap:"3px","align-items":"center",margin:"3px 0"}},[o.key==1?(e.openBlock(),e.createBlock(g.default,{key:0,strokeWidth:1,name:"moodSad",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==2?(e.openBlock(),e.createBlock(g.default,{key:1,strokeWidth:1,name:"moodFlat",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==3?(e.openBlock(),e.createBlock(g.default,{key:2,strokeWidth:1,name:"moodNeutral",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==4?(e.openBlock(),e.createBlock(g.default,{key:3,strokeWidth:1,name:"smiley",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),o.key==5?(e.openBlock(),e.createBlock(g.default,{key:4,strokeWidth:1,name:"moodHappy",stroke:t.value.style.chart.layout.smileys.colors[o.key]},null,8,["stroke"])):e.createCommentVNode("",!0),e.createElementVNode("span",qe,e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.dataLabel.formatter,o.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.dataLabel.prefix,v:o.value,s:t.value.style.chart.layout.dataLabel.suffix,r:t.value.style.chart.layout.dataLabel.roundingValue}),{datapoint:o,seriesIndex:s})),1),e.createTextVNode(" ("+e.toDisplayString(e.unref(r.dataLabel)({v:o.proportion*100,s:"%",r:t.value.style.chart.legend.roundingPercentage}))+") ",1)],8,Fe)]),_:1},8,["legendSet","config"])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"legend",{legend:c.value},void 0,!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createBlock(ne.default,{key:9,hideDetails:"",config:{open:f.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[e.createVNode(ae.DataTable,{colNames:b.value.colNames,head:b.value.head,body:b.value.body,config:b.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[10]||(a[10]=o=>f.value.showTable=!1)},{th:e.withCtx(({th:o})=>[e.createElementVNode("div",{innerHTML:o,style:{display:"flex","align-items":"center"}},null,8,De)]),td:e.withCtx(({td:o})=>[e.createTextVNode(e.toDisplayString(o.name||o),1)]),_:1},8,["colNames","head","body","config","title"])]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,ve))}},je=de._export_sfc(Re,[["__scopeId","data-v-219c3ecd"]]);exports.default=je;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { computed as c, onMounted as we, ref as y, watch as _e, createElementBlock as h, openBlock as r, unref as a, normalizeStyle as L, normalizeClass as ee, createBlock as p, createCommentVNode as u, renderSlot as v, createVNode as U, createSlots as xe, withCtx as f, normalizeProps as I, guardReactiveProps as F, createElementVNode as s, Fragment as te, renderList as oe, toDisplayString as P, createTextVNode as le, nextTick as $e } from "vue";
|
|
2
|
-
import { u as Me, o as Ne, e as ae, c as Pe, a as Ae, P as Oe, X as Te, s as C, w as Le, Q as Ie, i as se, f as S, q as Fe, r as Se } from "./index-
|
|
3
|
-
import { _ as Ve } from "./Title-
|
|
4
|
-
import { u as je, U as Re } from "./usePrinter-
|
|
5
|
-
import { L as Ue } from "./Legend-
|
|
6
|
-
import A from "./BaseIcon-
|
|
7
|
-
import { D as Be } from "./DataTable-
|
|
8
|
-
import De from "./vue-ui-skeleton-
|
|
9
|
-
import We from "./vue-ui-accordion-
|
|
10
|
-
import { u as re } from "./useNestedProp-
|
|
11
|
-
import { _ as ze } from "./PackageVersion-
|
|
12
|
-
import { _ as Ee } from "./PenAndPaper-
|
|
2
|
+
import { u as Me, o as Ne, e as ae, c as Pe, a as Ae, P as Oe, X as Te, s as C, w as Le, Q as Ie, i as se, f as S, q as Fe, r as Se } from "./index-hMo72hAq.js";
|
|
3
|
+
import { _ as Ve } from "./Title-DrVDm1wy.js";
|
|
4
|
+
import { u as je, U as Re } from "./usePrinter-D2z-bUtX.js";
|
|
5
|
+
import { L as Ue } from "./Legend-BU9C5fBQ.js";
|
|
6
|
+
import A from "./BaseIcon-COlnFbOq.js";
|
|
7
|
+
import { D as Be } from "./DataTable-CXbN2mJi.js";
|
|
8
|
+
import De from "./vue-ui-skeleton-C3t9bL6f.js";
|
|
9
|
+
import We from "./vue-ui-accordion-CHMdpjnX.js";
|
|
10
|
+
import { u as re } from "./useNestedProp-DhEaBTgF.js";
|
|
11
|
+
import { _ as ze } from "./PackageVersion-0Lu6RIig.js";
|
|
12
|
+
import { _ as Ee } from "./PenAndPaper-D4Uu-GqW.js";
|
|
13
13
|
import { u as Ge } from "./useUserOptionState-BIvW1Kz7.js";
|
|
14
14
|
import { u as He } from "./useChartAccessibility-BWojgys7.js";
|
|
15
15
|
import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-Cai0fWP7.cjs"),Se=require("./useResponsive-DQmBAoBf.cjs"),Ke=require("./Title-BkfQdTEX.cjs"),Ve=require("./usePrinter-B4ojFS2B.cjs"),Qe=require("./DataTable-DOiZOQ3J.cjs"),Ze=require("./Tooltip-BK88meti.cjs"),je=require("./Legend-CFqKBI0j.cjs"),et=require("./vue-ui-skeleton-C954hFY-.cjs"),tt=require("./vue-ui-accordion-DUGBjyB1.cjs"),Ee=require("./useNestedProp-DcWhlk8h.cjs"),lt=require("./PackageVersion-BMNt7NsQ.cjs"),at=require("./PenAndPaper-BUwLP3Wx.cjs"),ot=require("./useUserOptionState-BgepsfED.cjs"),nt=require("./useChartAccessibility-Cm7nkzTG.cjs"),st=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),rt=["id"],ut=["xmlns","viewBox"],it=["width","height"],ct=["id"],dt=["offset","stop-color"],vt=["offset","stop-opacity"],ft=["id"],pt=["id"],ht=["id"],yt=["flood-color"],mt=["d","fill","stroke","stroke-width","filter"],bt={key:1},gt=["d","fill"],kt={key:2},wt=["x","y","font-size","font-weight","fill"],Ct={key:3},Lt=["filter"],$t=["opacity","text-anchor","x","y","fill","font-size","font-weight"],xt=["opacity","text-anchor","x","y","fill","font-size","font-weight"],Bt=["text-anchor","x","y","fill","font-size","font-weight"],_t=["d","fill","onMouseenter","onClick"],Nt={key:5,class:"vue-data-ui-watermark"},St={key:0,class:"vue-ui-nested-donuts-legend-title"},Vt=["onClick"],Et=["innerHTML"],Tt={__name:"vue-ui-nested-donuts",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectLegend","selectDatapoint"],setup(Te,{expose:Fe,emit:Oe}){const{vue_ui_nested_donuts:Ae}=r.useConfig(),b=Te,E=e.computed(()=>!!b.dataset&&b.dataset.length),p=e.ref(r.createUid()),M=e.ref(!1),R=e.ref(""),ze=e.ref(null),le=e.ref(0),N=e.ref(null),ae=e.ref(null),q=e.ref(null),oe=e.ref(null),ne=e.ref(null),se=e.ref(0),re=e.ref(0),ue=e.ref(0),x=e.ref(!0),B=e.ref([]),S=e.ref([]),_=e.ref(!1);function Pe(a){_.value=a,le.value+=1}const t=e.computed({get:()=>ve(),set:a=>a}),{userOptionsVisible:U,setUserOptionsVisibility:ie,keepUserOptionState:ce}=ot.useUserOptionState({config:t.value}),{svgRef:de}=nt.useChartAccessibility({config:t.value.style.chart.title});function ve(){const a=Ee.useNestedProp({userConfig:b.config,defaultConfig:Ae});return a.theme?{...Ee.useNestedProp({userConfig:r.themes.vue_ui_nested_donuts[a.theme]||b.config,defaultConfig:a}),customPalette:r.themePalettes[a.theme]||r.palette}:a}e.watch(()=>b.config,a=>{t.value=ve(),U.value=!t.value.userOptions.showOnChartHover,G(),se.value+=1,re.value+=1,ue.value+=1,m.value.dataLabels.show=t.value.style.chart.layout.labels.dataLabels.show,m.value.showTable=t.value.table.show,m.value.showTooltip=t.value.style.chart.tooltip.show},{deep:!0});const fe=e.computed(()=>{const{top:a,right:s,bottom:o,left:n}=t.value.style.chart.padding;return{css:`padding:${a}px ${s}px ${o}px ${n}px`,top:a,right:s,bottom:o,left:n}});function De(a,s=1e3,o=50){return new Promise(n=>{const l=a.length;B.value=Array(l).fill(0),S.value=[];let u=0;a.forEach((c,f)=>{setTimeout(()=>{const L=performance.now();function g(i){const d=Math.min((i-L)/s,1),k=r.easeOutCubic(d),Q=c*k;B.value[f]=Q,B.value=[...B.value];const D=[];let V=0;b.dataset.forEach((I,Z)=>{const Xe=I.series.reduce((ee,te)=>ee+r.sanitizeArray(te.values).reduce((We,Je)=>We+Je,0),0),He=B.value.slice(V,V+I.series.length).reduce((ee,te)=>ee+te,0),j=Xe-He;j>.001&&D.push({name:"__ghost__",arcOf:I.name,arcOfId:`${p.value}_${Z}`,id:`ghost_${p.value}_${Z}`,seriesIndex:-1,datasetIndex:Z,color:"transparent",value:j,fullValue:j,absoluteValues:[],ghost:!0}),V+=I.series.length}),S.value=D,d<1?requestAnimationFrame(g):(u+=1,u===l&&n())}requestAnimationFrame(g)},f*o)})})}e.onMounted(async()=>{var a;if(G(),(a=t.value.startAnimation)!=null&&a.show){const o=b.dataset.flatMap(n=>n.series).map(n=>r.sanitizeArray(n.values).reduce((l,u)=>l+u,0));B.value=o.map(()=>0),x.value=!0,S.value=b.dataset.map((n,l)=>{const u=n.series.reduce((c,f)=>c+r.sanitizeArray(f.values).reduce((L,g)=>L+g,0),0);return{name:"__ghost__",arcOf:n.name,arcOfId:`${p.value}_${l}`,id:`ghost_${p.value}_${l}`,seriesIndex:-1,datasetIndex:l,color:"transparent",value:u,fullValue:u,absoluteValues:[],ghost:!0}}),await e.nextTick(),De(o,t.value.startAnimation.durationMs,t.value.startAnimation.staggerMs).then(()=>{x.value=!1,S.value=[]})}else x.value=!1});const T=e.ref(null);e.onMounted(()=>{G()});function G(){if(r.objectIsEmpty(b.dataset)&&r.error({componentName:"VueUiNestedDonuts",type:"dataset"}),t.value.responsive){const a=Se.throttle(()=>{const{width:s,height:o}=Se.useResponsive({chart:N.value,title:t.value.style.chart.title.text?ae.value:null,legend:t.value.style.chart.legend.show?q.value:null,source:oe.value,noTitle:ne.value,padding:fe.value});requestAnimationFrame(()=>{v.value.width=s,v.value.height=o})});T.value=new ResizeObserver(a),T.value.observe(N.value.parentNode)}}e.onBeforeUnmount(()=>{T.value&&T.value.disconnect()});const{isPrinting:pe,isImaging:he,generatePdf:ye,generateImage:me}=Ve.usePrinter({elementId:`nested_donuts_${p.value}`,fileName:t.value.style.chart.title.text||"vue-ui-nested-donuts",options:t.value.userOptions.print}),Ie=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),Me=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),m=e.ref({dataLabels:{show:t.value.style.chart.layout.labels.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),v=e.ref({height:512,width:512}),be=Oe;function Re({datapoint:a,index:s}){be("selectDatapoint",{datapoint:a,index:s})}function ge({from:a,to:s,duration:o,onUpdate:n,onDone:l,easing:u=r.easeOutCubic}){const c=performance.now();function f(L){const g=Math.min((L-c)/o,1),i=u(g),d=a+(s-a)*i;n(d,g),g<1?requestAnimationFrame(f):(n(s,1),l&&l())}requestAnimationFrame(f)}const y=e.ref([]),w=e.computed(()=>{b.dataset.forEach((s,o)=>{[null,void 0].includes(s.name)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"name",index:o}),[null,void 0].includes(s.series)?r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"series",index:o}):s.series.length===0?r.error({componentName:"VueUiNestedDonuts",type:"datasetAttributeEmpty",property:`series at index ${o}`}):s.series.forEach((n,l)=>{[null,void 0].includes(n.name)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"name",index:l,key:"serie"}),[null,void 0].includes(n.values)&&r.error({componentName:"VueUiNestedDonuts",type:"datasetSerieAttribute",property:"values",index:l,key:"serie"})})});let a=0;return b.dataset.map((s,o)=>({...s,total:s.series.filter(n=>!y.value.includes(n.id)).map(n=>r.sanitizeArray(n.values).reduce((l,u)=>l+u,0)).reduce((n,l)=>n+l,0),datasetIndex:o,id:`${p.value}_${o}`,series:s.series.map((n,l)=>{const u=r.sanitizeArray(n.values).reduce((c,f)=>c+f,0);return{name:n.name,arcOf:s.name,arcOfId:`${p.value}_${o}`,id:`${p.value}_${o}_${l}`,seriesIndex:l,datasetIndex:o,color:r.convertColorToHex(n.color)||Me.value[l]||r.palette[l%r.palette.length],value:x.value?B.value[a++]??0:u,absoluteValues:n.values||[]}})}))}),C=e.computed(()=>Math.min(v.value.height,v.value.width)*(t.value.style.chart.layout.donut.strokeWidth/512)),ke=e.computed(()=>[...w.value].map((a,s)=>{const o=a.series.filter(n=>!y.value.includes(n.id)).map(n=>n.value).reduce((n,l)=>n+l,0);return{...a,total:o,series:a.series.filter(n=>!y.value.includes(n.id)).map(n=>({...n,proportion:n.value/o}))}}));function qe(a,s,o){let n=0;for(let l=0;l<a.length;l+=1)o.includes(a[l])&&(n+=1);return n<s}const h=e.ref(ke.value);e.watch(()=>ke.value,a=>h.value=a);function Y(a){var g;be("selectLegend",a);const s=b.dataset.flatMap((i,d)=>i.series.map((k,Q)=>({value:r.sanitizeArray(k.values).reduce((D,V)=>D+V,0),id:`${p.value}_${d}_${Q}`,arcOfId:`${p.value}_${d}`}))).find(i=>i.id===a.id);if(!s)return;const o=((g=w.value.flatMap(i=>i.series).find(i=>i.id===a.id))==null?void 0:g.value)??0,n=h.value.flatMap(i=>i.series).find(i=>i.id===a.id);let u=n?n.value:0;const c=w.value.find(i=>i.id===s.arcOfId);if(!c)return;const f=c.series.map(i=>i.id),L=qe(f,f.length-1,y.value);y.value.includes(a.id)?(y.value=y.value.filter(i=>i!==a.id),t.value.serieToggleAnimation.show?ge({from:u,to:o,duration:t.value.serieToggleAnimation.durationMs,onUpdate:i=>{h.value=h.value.map(d=>({...d,series:d.series.map(k=>k.id===a.id?{...k,value:i}:k)}))}}):h.value=h.value.map(i=>({...i,series:i.series.map(d=>d.id===a.id?{...d,value:o}:d)}))):L&&(t.value.serieToggleAnimation.show?ge({from:u,to:0,duration:t.value.serieToggleAnimation.durationMs,onUpdate:i=>{h.value=h.value.map(d=>({...d,series:d.series.map(k=>k.id===a.id?{...k,value:i}:k)}))},onDone:()=>{y.value.push(a.id)}}):(h.value=h.value.map(i=>({...i,series:i.series.map(d=>d.id===a.id?{...d,value:0}:d)})),y.value.push(a.id)))}const X=e.computed(()=>C.value/w.value.length*t.value.style.chart.layout.donut.spacingRatio),we=e.computed(()=>h.value.map((a,s)=>C.value-s*C.value/w.value.length)),F=e.computed(()=>h.value.map((a,s)=>{const o=C.value-s*C.value/h.value.length,n=x.value?S.value.find(u=>u.datasetIndex===s):null,l=[...a.series,...n?[n]:[]].map(u=>({...u,value:u.value<.001?.001:u.value}));return{...a,radius:o,donut:r.makeDonut({series:l},v.value.width/2,v.value.height/2,o,o,1.99999,2,1,360,105.25,X.value)}})),Ce=e.computed(()=>[...w.value].map((a,s)=>{const o=s*C.value/w.value.length;return{sizeRatio:o,donut:r.makeDonut({series:[{value:1}]},v.value.width/2,v.value.height/2,C.value-o,C.value-o,1.99999,2,1,360,105.25,C.value/w.value.length*t.value.style.chart.layout.donut.spacingRatio)[0]}})),Le=e.ref(null),O=e.ref(null),A=e.ref(null),H=e.ref(null);function Ue({datapoint:a,_relativeIndex:s,seriesIndex:o}){Le.value=a.arcOfId,O.value=a.id,A.value=o,H.value={datapoint:a,seriesIndex:o,series:h.value,config:t.value};const n=t.value.style.chart.tooltip.customFormat;if(r.isFunction(n)&&r.functionReturnsString(()=>n({seriesIndex:o,datapoint:a,series:h.value,config:t.value})))R.value=n({seriesIndex:o,datapoint:a,series:h.value,config:t.value});else{let l="";if(t.value.style.chart.tooltip.showAllItemsAtIndex&&y.value.length===0){const u=h.value.map(c=>c.series.find(f=>f.seriesIndex===o));u.forEach((c,f)=>{if(!c)return"";l+=`
|
|
2
|
+
<div style="display:flex; flex-direction: column; justify-content:flex-start; align-items:flex-start;padding:6px 0; ${f<u.length-1?`border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor}`:""}">
|
|
3
|
+
<div style="display:flex; flex-direction: row; gap: 3px; justify-content:flex-start; align-items:center;">
|
|
4
|
+
<svg viewBox="0 0 20 20" height="${t.value.style.chart.tooltip.fontSize}" width="${t.value.style.chart.tooltip.fontSize}">
|
|
5
|
+
<circle cx="10" cy="10" r="10" fill="${c.color}"/>
|
|
6
|
+
</svg>
|
|
7
|
+
<span>
|
|
8
|
+
${c.arcOf??""} - ${c.name}
|
|
9
|
+
</span>
|
|
10
|
+
</div>
|
|
11
|
+
<span>
|
|
12
|
+
${t.value.style.chart.tooltip.showValue?`<b>${r.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,a.value,r.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:a.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.tooltip.roundingValue}),{datapoint:a,seriesIndex:o})}
|
|
13
|
+
</b>`:""}
|
|
14
|
+
${t.value.style.chart.tooltip.showPercentage?`(${r.dataLabel({v:c.proportion*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage})})`:""}
|
|
15
|
+
</span>
|
|
16
|
+
</div>
|
|
17
|
+
`})}else l+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.arcOf??""} - ${a.name}</div>`,l+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${a.color}"/></svg>`,t.value.style.chart.tooltip.showValue&&(l+=`<b>${r.applyDataLabel(t.value.style.chart.layout.labels.dataLabels.formatter,a.value,r.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:a.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.tooltip.roundingValue}),{datapoint:a,seriesIndex:o})}</b>`),t.value.style.chart.tooltip.showPercentage&&(t.value.style.chart.tooltip.showValue?l+=`<span>(${r.dataLabel({v:a.proportion*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage})})</span></div>`:l+=`<b>${r.dataLabel({v:a.proportion*100,s:"%",r:t.value.style.chart.tooltip.roundingPercentage})}</b></div>`);R.value=`<div style="font-size:${t.value.style.chart.tooltip.fontSize}px">${l}</div>`}M.value=!0}function W(a){return a.proportion*100>t.value.style.chart.layout.labels.dataLabels.hideUnderValue}function $e(a,s){if(!t.value.useBlurOnHover)return"";if(t.value.style.chart.tooltip.showAllItemsAtIndex&&y.value.length===0)return[null,void 0].includes(A.value)||A.value===s?"":`url(#blur_${p.value})`;if(!t.value.style.chart.tooltip.showAllItemsAtIndex||y.value.length)return[null,void 0].includes(O.value)||O.value===a.id?"":`url(#blur_${p.value})`}const J=e.computed(()=>w.value.map((a,s)=>{const o=a.series.filter(l=>!y.value.includes(l.id)),n=x.value?o.map(l=>{const u=b.dataset[s].series.findIndex(c=>c.name===l.name);return r.sanitizeArray(b.dataset[s].series[u].values).reduce((c,f)=>c+f,0)}).reduce((l,u)=>l+u,0):o.map(l=>l.value).reduce((l,u)=>l+u,0);return a.series.map((l,u)=>{const c=r.sanitizeArray(b.dataset[s].series[u].values).reduce((L,g)=>L+g,0),f=x.value?c:l.value;return{name:l.name,color:l.color,value:f,shape:"circle",arcOf:l.arcOf,id:l.id,seriesIndex:u,datasetIndex:s,total:n,opacity:y.value.includes(l.id)?.5:1,segregate:()=>Y(l),isSegregated:y.value.includes(l.id)}})})),Ge=e.computed(()=>({cy:"nested-donuts-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),$=e.computed(()=>{const a=h.value.flatMap(o=>o.series.map(n=>({name:`${o.name} - ${n.name}`,color:n.color,total:o.total}))),s=h.value.flatMap(o=>o.series.map(n=>n.value));return{head:a,body:s}});function xe(){e.nextTick(()=>{const a=$.value.head.map((n,l)=>[[n.name],[$.value.body[l]],[isNaN($.value.body[l]/n.total)?"-":$.value.body[l]/n.total*100]]),s=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(a),o=r.createCsvContent(s);r.downloadCsv({csvContent:o,title:t.value.style.chart.title.text||"vue-ui-nested-donuts"})})}const z=e.computed(()=>{const a=[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage],s=$.value.head.map((l,u)=>{const c=r.dataLabel({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:$.value.body[u],s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.table.td.roundingValue});return[{color:l.color,name:l.name},c,isNaN($.value.body[u]/l.total)?"-":r.dataLabel({v:$.value.body[u]/l.total*100,s:"%",r:t.value.table.td.roundingPercentage})]}),o={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{colNames:[t.value.table.columnNames.series,t.value.table.columnNames.value,t.value.table.columnNames.percentage],head:a,body:s,config:o}});function Ye(){return w.value}function Be(){m.value.showTable=!m.value.showTable}function _e(){m.value.dataLabels.show=!m.value.dataLabels.show}function Ne(){m.value.showTooltip=!m.value.showTooltip}const P=e.ref(!1);function K(){P.value=!P.value}return Fe({getData:Ye,generatePdf:ye,generateCsv:xe,generateImage:me,toggleTable:Be,toggleLabels:_e,toggleTooltip:Ne,toggleAnnotator:K}),(a,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"nestedDonutsChart",ref:N,class:e.normalizeClass(`vue-ui-nested-donuts ${_.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:`nested_donuts_${p.value}`,onMouseenter:s[3]||(s[3]=()=>e.unref(ie)(!0)),onMouseleave:s[4]||(s[4]=()=>e.unref(ie)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(at._sfc_main,{key:0,svgRef:e.unref(de),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:P.value,onClose:K},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),Ie.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:ne,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:ae},[(e.openBlock(),e.createBlock(Ke._sfc_main,{key:`title_${se.value}`,config:{title:{cy:"donut-div-title",...t.value.style.chart.title},subtitle:{cy:"donut-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&E.value&&(e.unref(ce)||e.unref(U))?(e.openBlock(),e.createBlock(Ve.UserOptions,{ref:"details",key:`user_option_${le.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(pe),isImaging:e.unref(he),uid:p.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasLabel:t.value.userOptions.buttons.labels,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:_.value,isTooltip:m.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:N.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:P.value,onToggleFullscreen:Pe,onGeneratePdf:e.unref(ye),onGenerateCsv:xe,onGenerateImage:e.unref(me),onToggleTable:Be,onToggleLabels:_e,onToggleTooltip:Ne,onToggleAnnotator:K,style:e.normalizeStyle({visibility:e.unref(ce)?e.unref(U)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:o,color:n})=>[e.renderSlot(a.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:o,color:n})),void 0,!0)]),key:"0"}:void 0,a.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionTooltip",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"2"}:void 0,a.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionCsv",{},void 0,!0)]),key:"3"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"4"}:void 0,a.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionTable",{},void 0,!0)]),key:"5"}:void 0,a.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionLabels",{},void 0,!0)]),key:"6"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:n})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:n})),void 0,!0)]),key:"7"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:n})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:n})),void 0,!0)]),key:"8"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasXls","hasImg","hasTable","hasLabel","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:de,xmlns:e.unref(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":_.value,"vue-data-ui-fulscreen--off":!_.value}),viewBox:`0 0 ${v.value.width<=0?.001:v.value.width} ${v.value.height<0?.001:v.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color};${fe.value.css}`)},[e.createVNode(lt._sfc_main),a.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:v.value.width<=0?.001:v.value.width,height:v.value.height<0?.001:v.value.height,style:{pointerEvents:"none"}},[e.renderSlot(a.$slots,"chart-background",{},void 0,!0)],8,it)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ce.value,(o,n)=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`radial_${p.value}_${n}`},[s[5]||(s[5]=e.createElementVNode("stop",{offset:"0%","stop-color":"#FFFFFF","stop-opacity":"0"},null,-1)),e.createElementVNode("stop",{offset:`${(1-X.value/we.value[n])*100}%`,"stop-color":e.unref(r.setOpacity)("#FFFFFF",0),"stop-opacity":"0"},null,8,dt),e.createElementVNode("stop",{offset:`${(1-X.value/we.value[n]/2)*100}%`,"stop-color":"#FFFFFF","stop-opacity":t.value.style.chart.gradientIntensity/100},null,8,vt),s[6]||(s[6]=e.createElementVNode("stop",{offset:"100%","stop-color":"#FFFFFF","stop-opacity":"0"},null,-1))],8,ct))),256))]),e.createElementVNode("defs",null,[e.createElementVNode("filter",{id:`blur_${p.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:2,id:`blur_std_${p.value}`},null,8,pt),s[7]||(s[7]=e.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1))],8,ft),e.createElementVNode("filter",{id:`shadow_${p.value}`,"color-interpolation-filters":"sRGB"},[e.createElementVNode("feDropShadow",{dx:"0",dy:"0",stdDeviation:"10","flood-opacity":"0.5","flood-color":t.value.style.chart.layout.donut.shadowColor},null,8,yt)],8,ht)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(o,n)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.donut.filter(l=>!l.ghost),(l,u)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("path",{class:"vue-ui-donut-arc-path",d:l.arcSlice,fill:e.unref(r.setOpacity)(l.color,80),stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.layout.donut.borderWidth,filter:$e(l,u)},null,8,mt)]))),256))]))),256)),t.value.style.chart.useGradient?(e.openBlock(),e.createElementBlock("g",bt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ce.value,(o,n)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("path",{d:o.donut.arcSlice,fill:`url(#radial_${p.value}_${n})`,stroke:"transparent","stroke-width":"0"},null,8,gt)]))),256))])):e.createCommentVNode("",!0),t.value.style.chart.layout.labels.dataLabels.showDonutName?(e.openBlock(),e.createElementBlock("g",kt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(o,n)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.donut,(l,u)=>(e.openBlock(),e.createElementBlock("g",null,[u===0&&v.value.width&&v.value.height?(e.openBlock(),e.createElementBlock("text",{key:0,class:e.normalizeClass({animated:t.value.useCssAnimation}),x:v.value.width/2,y:l.startY-t.value.style.chart.layout.labels.dataLabels.fontSize+t.value.style.chart.layout.labels.dataLabels.donutNameOffsetY,"text-anchor":"middle","font-size":t.value.style.chart.layout.labels.dataLabels.fontSize,"font-weight":t.value.style.chart.layout.labels.dataLabels.boldDonutName?"bold":"normal",fill:t.value.style.chart.layout.labels.dataLabels.color},e.toDisplayString(t.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation?e.unref(r.abbreviate)({source:o.name,length:t.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize}):o.name),11,wt)):e.createCommentVNode("",!0)]))),256))]))),256))])):e.createCommentVNode("",!0),t.value.style.chart.layout.labels.dataLabels.show?(e.openBlock(),e.createElementBlock("g",Ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(o,n)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.donut.filter(l=>!l.ghost),(l,u)=>(e.openBlock(),e.createElementBlock("g",{filter:$e(l,u)},[e.withDirectives(e.createElementVNode("text",{class:e.normalizeClass({animated:t.value.useCssAnimation}),opacity:W(l)?1:0,"text-anchor":e.unref(r.calcMarkerOffsetX)(l,!0).anchor,x:e.unref(r.calcMarkerOffsetX)(l,!1,t.value.style.chart.layout.labels.dataLabels.offsetX).x||0,y:e.unref(r.calcMarkerOffsetY)(l,t.value.style.chart.layout.labels.dataLabels.offsetY,t.value.style.chart.layout.labels.dataLabels.offsetY),fill:t.value.style.chart.layout.labels.dataLabels.useSerieColor?l.color:t.value.style.chart.layout.labels.dataLabels.color,"font-size":t.value.style.chart.layout.labels.dataLabels.fontSize,"font-weight":t.value.style.chart.layout.labels.dataLabels.boldPercentage?"bold":"normal"},e.toDisplayString(e.unref(r.dataLabel)({v:l.proportion*100,s:"%",r:t.value.style.chart.layout.labels.dataLabels.roundingPercentage})),11,$t),[[e.vShow,m.value.dataLabels.show&&t.value.style.chart.layout.labels.dataLabels.showPercentage]]),e.withDirectives(e.createElementVNode("text",{class:e.normalizeClass({animated:t.value.useCssAnimation}),opacity:W(l)?1:0,"text-anchor":e.unref(r.calcMarkerOffsetX)(l,!0).anchor,x:e.unref(r.calcMarkerOffsetX)(l,!1,t.value.style.chart.layout.labels.dataLabels.offsetX).x||0,y:e.unref(r.calcMarkerOffsetY)(l,t.value.style.chart.layout.labels.dataLabels.offsetY,t.value.style.chart.layout.labels.dataLabels.offsetY)+t.value.style.chart.layout.labels.dataLabels.fontSize,fill:t.value.style.chart.layout.labels.dataLabels.useSerieColor?l.color:t.value.style.chart.layout.labels.dataLabels.color,"font-size":t.value.style.chart.layout.labels.dataLabels.fontSize,"font-weight":t.value.style.chart.layout.labels.dataLabels.boldValue?"bold":"normal"}," ("+e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,l.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:l.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.layout.labels.dataLabels.roundingValue}),{datapoint:l,seriesIndex:n,datapointIndex:u}))+") ",11,xt),[[e.vShow,m.value.dataLabels.show&&t.value.style.chart.layout.labels.dataLabels.showPercentage&&t.value.style.chart.layout.labels.dataLabels.showValue]]),W(l)&&m.value.dataLabels.show&&!t.value.style.chart.layout.labels.dataLabels.showPercentage&&t.value.style.chart.layout.labels.dataLabels.showValue?(e.openBlock(),e.createElementBlock("text",{key:0,class:e.normalizeClass({animated:t.value.useCssAnimation}),"text-anchor":e.unref(r.calcMarkerOffsetX)(l,!0).anchor,x:e.unref(r.calcMarkerOffsetX)(l,!1,t.value.style.chart.layout.labels.dataLabels.offsetX).x||0,y:e.unref(r.calcMarkerOffsetY)(l,t.value.style.chart.layout.labels.dataLabels.offsetY,t.value.style.chart.layout.labels.dataLabels.offsetY),fill:t.value.style.chart.layout.labels.dataLabels.useSerieColor?l.color:t.value.style.chart.layout.labels.dataLabels.color,"font-size":t.value.style.chart.layout.labels.dataLabels.fontSize,"font-weight":t.value.style.chart.layout.labels.dataLabels.boldValue?"bold":"normal"},e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,l.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:l.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.layout.labels.dataLabels.roundingValue}),{datapoint:l,seriesIndex:n,datapointIndex:u})),11,Bt)):e.createCommentVNode("",!0)],8,Lt))),256))]))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(o,n)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.donut,(l,u)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("path",{d:l.arcSlice,fill:ze.value===n?"rgba(0,0,0,0.1)":"transparent",onMouseenter:c=>Ue({datapoint:l,seriesIndex:l.seriesIndex}),onClick:c=>Re({datapoint:l,index:u}),onMouseleave:s[0]||(s[0]=c=>{M.value=!1,Le.value=null,O.value=null,A.value=null})},null,40,_t)]))),256))]))),256)),e.renderSlot(a.$slots,"svg",{svg:v.value},void 0,!0)],14,ut)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Nt,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(pe)||e.unref(he)})),void 0,!0)])):e.createCommentVNode("",!0),E.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(et.default,{key:6,config:{type:"donut",style:{backgroundColor:t.value.style.chart.backgroundColor,donut:{color:"#CCCCCC"}}}},null,8,["config"])),e.createVNode(Ze._sfc_main,{show:m.value.showTooltip&&M.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,fontSize:t.value.style.chart.tooltip.fontSize,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:N.value,content:R.value,isFullscreen:_.value,isCustom:e.unref(r.isFunction)(t.value.style.chart.tooltip.customFormat)},{"tooltip-before":e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...H.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...H.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),t.value.style.chart.legend.show?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"chartLegend",ref:q,class:e.normalizeClass({"vue-ui-nested-donuts-legend":J.value.length>1})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J.value,(o,n)=>(e.openBlock(),e.createBlock(je.Legend,{key:`legend_${n}_${ue.value}`,legendSet:o,config:Ge.value,onClickMarker:s[1]||(s[1]=({legend:l})=>Y(l))},{legendTitle:e.withCtx(({titleSet:l})=>[l[0]&&l[0].arcOf?(e.openBlock(),e.createElementBlock("div",St,e.toDisplayString(l[0].arcOf),1)):e.createCommentVNode("",!0)]),item:e.withCtx(({legend:l,index:u})=>[e.createElementVNode("div",{onClick:c=>Y(l),style:e.normalizeStyle(`opacity:${y.value.includes(l.id)?.5:1}`)},[e.createTextVNode(e.toDisplayString(l.name)+": "+e.toDisplayString(e.unref(r.applyDataLabel)(t.value.style.chart.layout.labels.dataLabels.formatter,l.value,e.unref(r.dataLabel)({p:t.value.style.chart.layout.labels.dataLabels.prefix,v:l.value,s:t.value.style.chart.layout.labels.dataLabels.suffix,r:t.value.style.chart.legend.roundingValue}),{datapoint:l,seriesIndex:u}))+" ",1),y.value.includes(l.id)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(" ( - % ) ")],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" ("+e.toDisplayString(isNaN(l.value/l.total)?"-":e.unref(r.dataLabel)({v:l.value/l.total*100,s:"%",r:t.value.style.chart.legend.roundingPercentage}))+") ",1)],64))],12,Vt)]),_:2},1032,["legendSet","config"]))),128))],2)):e.createCommentVNode("",!0),t.value.style.chart.legend.show?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:8,ref_key:"chartLegend",ref:q},[e.renderSlot(a.$slots,"legend",{legend:J.value},void 0,!0)],512)),a.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:9,ref_key:"source",ref:oe,dir:"auto"},[e.renderSlot(a.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(tt.default,{key:10,hideDetails:"",config:{open:m.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Qe.DataTable,{key:`table_${re.value}`,colNames:z.value.colNames,head:z.value.head,body:z.value.body,config:z.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:s[2]||(s[2]=o=>m.value.showTable=!1)},{th:e.withCtx(({th:o})=>[e.createElementVNode("div",{innerHTML:o,style:{display:"flex","align-items":"center"}},null,8,Et)]),td:e.withCtx(({td:o})=>[e.createTextVNode(e.toDisplayString(o.name||o),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,rt))}},Ft=st._export_sfc(Tt,[["__scopeId","data-v-1ed926f1"]]);exports.default=Ft;
|