vue-data-ui 3.5.2 → 3.7.0

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.
Files changed (199) hide show
  1. package/README.md +36 -27
  2. package/dist/{Arrow-BGVin3AS.js → Arrow-CWYIBV-7.js} +1 -1
  3. package/dist/{BaseDraggableDialog-ymf2sfB8.js → BaseDraggableDialog-CRF94NJQ.js} +2 -2
  4. package/dist/{BaseIcon-BmMbm4d0.js → BaseIcon-CofSxalQ.js} +6 -5
  5. package/dist/{ColorPicker-ChuwChMo.js → ColorPicker-e1-OSGlQ.js} +10 -10
  6. package/dist/{DataTable-BT7VF2ua.js → DataTable-CHaOCmsE.js} +2 -2
  7. package/dist/{Legend-G6GMcdAc.js → Legend-Web3GjlR.js} +10 -10
  8. package/dist/{NonSvgPenAndPaper-DVgKKLIf.js → NonSvgPenAndPaper-CjYFLlns.js} +3 -3
  9. package/dist/{PackageVersion-Y7t79Jtq.js → PackageVersion-Bq_mtsqr.js} +1 -1
  10. package/dist/{PenAndPaper-SZQIAgkg.js → PenAndPaper-HCZQTkqi.js} +20 -20
  11. package/dist/{Shape-CNXKB8O0.js → Shape-DE6X_t31.js} +3 -3
  12. package/dist/{Slicer-D2wm0coO.js → Slicer-BFBBG6xv.js} +23 -23
  13. package/dist/{SlicerPreview-ij72TAs6.js → SlicerPreview-D76aSViW.js} +2 -2
  14. package/dist/{SparkTooltip-BEewz-_Q.js → SparkTooltip-B2rpVWE1.js} +6 -6
  15. package/dist/{Title-BzH_LEA3.js → Title-DfFUb9hd.js} +1 -1
  16. package/dist/{Tooltip-oWCO1HKy.js → Tooltip-WD0Ros6G.js} +1 -1
  17. package/dist/{UserOptions-CGnQt6Fd.js → UserOptions-B3I-s3Lw.js} +2 -2
  18. package/dist/components/arrow.js +1 -1
  19. package/dist/components/vue-ui-3d-bar.js +3 -3
  20. package/dist/components/vue-ui-accordion.js +1 -1
  21. package/dist/components/vue-ui-age-pyramid.js +3 -3
  22. package/dist/components/vue-ui-annotator.js +1 -1
  23. package/dist/components/vue-ui-bullet.js +3 -3
  24. package/dist/components/vue-ui-candlestick.js +3 -3
  25. package/dist/components/vue-ui-carousel-table.js +1 -1
  26. package/dist/components/vue-ui-chestnut.js +3 -3
  27. package/dist/components/vue-ui-chord.js +3 -3
  28. package/dist/components/vue-ui-circle-pack.js +3 -3
  29. package/dist/components/vue-ui-cursor.js +1 -1
  30. package/dist/components/vue-ui-dashboard.js +1 -1
  31. package/dist/components/vue-ui-digits.js +1 -1
  32. package/dist/components/vue-ui-donut-evolution.js +2 -2
  33. package/dist/components/vue-ui-donut.js +3 -3
  34. package/dist/components/vue-ui-dumbbell.js +3 -3
  35. package/dist/components/vue-ui-flow.js +3 -3
  36. package/dist/components/vue-ui-funnel.js +2 -2
  37. package/dist/components/vue-ui-galaxy.js +1 -1
  38. package/dist/components/vue-ui-gauge.js +1 -1
  39. package/dist/components/vue-ui-gizmo.js +1 -1
  40. package/dist/components/vue-ui-heatmap.js +1 -1
  41. package/dist/components/vue-ui-history-plot.js +3 -3
  42. package/dist/components/vue-ui-horizontal-bar.js +3 -3
  43. package/dist/components/vue-ui-icon.js +1 -1
  44. package/dist/components/vue-ui-kpi.js +1 -1
  45. package/dist/components/vue-ui-mini-loader.js +1 -1
  46. package/dist/components/vue-ui-molecule.js +3 -3
  47. package/dist/components/vue-ui-mood-radar.js +3 -3
  48. package/dist/components/vue-ui-nested-donuts.js +2 -2
  49. package/dist/components/vue-ui-onion.js +3 -3
  50. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  51. package/dist/components/vue-ui-quadrant.js +3 -3
  52. package/dist/components/vue-ui-quick-chart.js +3 -3
  53. package/dist/components/vue-ui-radar.js +3 -3
  54. package/dist/components/vue-ui-rating.js +1 -1
  55. package/dist/components/vue-ui-relation-circle.js +3 -3
  56. package/dist/components/vue-ui-ridgeline.js +3 -3
  57. package/dist/components/vue-ui-rings.js +3 -3
  58. package/dist/components/vue-ui-scatter.js +3 -3
  59. package/dist/components/vue-ui-skeleton.js +1 -1
  60. package/dist/components/vue-ui-smiley.js +1 -1
  61. package/dist/components/vue-ui-spark-trend.js +1 -1
  62. package/dist/components/vue-ui-sparkbar.js +2 -2
  63. package/dist/components/vue-ui-sparkgauge.js +3 -3
  64. package/dist/components/vue-ui-sparkhistogram.js +3 -3
  65. package/dist/components/vue-ui-sparkline.js +3 -3
  66. package/dist/components/vue-ui-sparkstackbar.js +2 -2
  67. package/dist/components/vue-ui-stackbar.js +3 -3
  68. package/dist/components/vue-ui-stackline.js +5 -0
  69. package/dist/components/vue-ui-strip-plot.js +3 -3
  70. package/dist/components/vue-ui-table-heatmap.js +1 -1
  71. package/dist/components/vue-ui-table-sparkline.js +2 -2
  72. package/dist/components/vue-ui-table.js +1 -1
  73. package/dist/components/vue-ui-thermometer.js +3 -3
  74. package/dist/components/vue-ui-timer.js +1 -1
  75. package/dist/components/vue-ui-tiremarks.js +2 -2
  76. package/dist/components/vue-ui-treemap.js +3 -3
  77. package/dist/components/vue-ui-vertical-bar.js +1 -1
  78. package/dist/components/vue-ui-waffle.js +2 -2
  79. package/dist/components/vue-ui-wheel.js +1 -1
  80. package/dist/components/vue-ui-word-cloud.js +3 -3
  81. package/dist/components/vue-ui-world.js +1 -1
  82. package/dist/components/vue-ui-xy-canvas.js +3 -3
  83. package/dist/components/vue-ui-xy.js +3 -3
  84. package/dist/{dom-to-png--BNgrTZV.js → dom-to-png-CH2DfsJe.js} +1 -1
  85. package/dist/{img-BecE5qXd.js → img-DUzJeMlr.js} +1 -1
  86. package/dist/{lib-C_mNZmhD.js → lib-C5BH09_g.js} +111 -110
  87. package/dist/{pdf-DuG5j3Wv.js → pdf-BSWQncok.js} +1 -1
  88. package/dist/style.css +1 -1
  89. package/dist/types/vue-data-ui.d.ts +303 -9
  90. package/dist/types/vue-ui-stackline.d.ts +18 -0
  91. package/dist/{useAutoSizeLabelsInsideViewbox-BhzfwQ_k.js → useAutoSizeLabelsInsideViewbox-DOALwU4q.js} +7 -7
  92. package/dist/{useNestedProp-CReNavA0.js → useNestedProp-CWo6bftQ.js} +535 -329
  93. package/dist/{usePrinter-DTzqpYKF.js → usePrinter-DCJzEiS8.js} +2 -2
  94. package/dist/useThemeCheck-DGJ31Vi5.js +32 -0
  95. package/dist/{useTimeLabels-BGFjWgrv.js → useTimeLabels-C5qMhpbe.js} +50 -49
  96. package/dist/{vue-data-ui-BRaq4hRp.js → vue-data-ui-ByLTJx5V.js} +79 -77
  97. package/dist/vue-data-ui.js +226 -204
  98. package/dist/{vue-ui-3d-bar-BB4ii8Nt.js → vue-ui-3d-bar-Dkds4k5N.js} +546 -517
  99. package/dist/{vue-ui-accordion-BmFTVF1a.js → vue-ui-accordion-DSdZUn2C.js} +3 -3
  100. package/dist/vue-ui-age-pyramid-C-fwZRYE.js +960 -0
  101. package/dist/{vue-ui-annotator-CcpaXBNK.js → vue-ui-annotator-DRaH8hXn.js} +7 -7
  102. package/dist/vue-ui-bullet-BKVJRjGh.js +657 -0
  103. package/dist/{vue-ui-candlestick-CMP7UL6z.js → vue-ui-candlestick-BKFWHU4O.js} +596 -561
  104. package/dist/{vue-ui-carousel-table-CzOcKsDj.js → vue-ui-carousel-table-VmPH6y2g.js} +48 -48
  105. package/dist/{vue-ui-chestnut-S787oASt.js → vue-ui-chestnut-DpMHe-OI.js} +534 -505
  106. package/dist/vue-ui-chord-Djdr0PY_.js +1182 -0
  107. package/dist/vue-ui-circle-pack-CyUqNJQt.js +832 -0
  108. package/dist/{vue-ui-cursor-C3yD_TUr.js → vue-ui-cursor-BMe8ZiV6.js} +2 -2
  109. package/dist/{vue-ui-dashboard-BfEcVRxQ.js → vue-ui-dashboard-eBXj-KCw.js} +140 -140
  110. package/dist/{vue-ui-digits-pRh179Gg.js → vue-ui-digits-D382I0-w.js} +2 -2
  111. package/dist/{vue-ui-donut-B_tEm4dT.js → vue-ui-donut-BLb0kj_P.js} +634 -602
  112. package/dist/vue-ui-donut-evolution-BqrldXpI.js +1243 -0
  113. package/dist/vue-ui-dumbbell-BuZT5a-d.js +1258 -0
  114. package/dist/vue-ui-flow-LLp6ntEP.js +1026 -0
  115. package/dist/vue-ui-funnel-pILUR-OG.js +743 -0
  116. package/dist/vue-ui-galaxy-X6yiw8kx.js +837 -0
  117. package/dist/vue-ui-gauge-DBh-vFb9.js +864 -0
  118. package/dist/{vue-ui-gizmo-BQzQlUJ8.js → vue-ui-gizmo-DtyEukIP.js} +3 -3
  119. package/dist/{vue-ui-heatmap-C9MhHWpp.js → vue-ui-heatmap-mkD6QkXo.js} +501 -466
  120. package/dist/vue-ui-history-plot-CyTaBaxA.js +1239 -0
  121. package/dist/{vue-ui-kpi-jcrPjW4C.js → vue-ui-kpi-CKMZDc3n.js} +3 -3
  122. package/dist/{vue-ui-mini-loader-DTM98mRN.js → vue-ui-mini-loader-BN72OfS0.js} +2 -2
  123. package/dist/vue-ui-molecule-UzQ3o5HW.js +782 -0
  124. package/dist/vue-ui-mood-radar-C2zkRLGy.js +930 -0
  125. package/dist/vue-ui-nested-donuts-B5OpvmJ9.js +1454 -0
  126. package/dist/vue-ui-onion-DbhIOGtF.js +944 -0
  127. package/dist/vue-ui-parallel-coordinate-plot-Dv_T4mWW.js +1080 -0
  128. package/dist/{vue-ui-quadrant-CeM23s0z.js → vue-ui-quadrant-CG6_CWsQ.js} +510 -481
  129. package/dist/{vue-ui-quick-chart-C0RMQzjC.js → vue-ui-quick-chart-DOeRhk7r.js} +795 -758
  130. package/dist/vue-ui-radar-DdHa9Hsh.js +1013 -0
  131. package/dist/{vue-ui-rating-tj97undO.js → vue-ui-rating-DtzmtJwF.js} +26 -26
  132. package/dist/vue-ui-relation-circle-B5lL4l9w.js +670 -0
  133. package/dist/vue-ui-ridgeline-3pk4Mlft.js +1302 -0
  134. package/dist/vue-ui-rings-DhyrjrZi.js +884 -0
  135. package/dist/vue-ui-scatter-DKCD70mi.js +1619 -0
  136. package/dist/{vue-ui-skeleton-87TORm6s.js → vue-ui-skeleton-CzzdmraB.js} +3 -3
  137. package/dist/{vue-ui-smiley-B74geHT3.js → vue-ui-smiley-OYyM-ukP.js} +2 -2
  138. package/dist/vue-ui-spark-trend-BMTcxeCT.js +364 -0
  139. package/dist/vue-ui-sparkbar-DVk1JiPL.js +381 -0
  140. package/dist/vue-ui-sparkgauge-Cq9Nw_xu.js +260 -0
  141. package/dist/vue-ui-sparkhistogram-PFHlCE_k.js +411 -0
  142. package/dist/vue-ui-sparkline-BHHwO_cV.js +549 -0
  143. package/dist/vue-ui-sparkstackbar-BosVkkiC.js +470 -0
  144. package/dist/vue-ui-stackbar-Djk5CPUy.js +1867 -0
  145. package/dist/vue-ui-stackline-mU4CSol9.js +1963 -0
  146. package/dist/{vue-ui-strip-plot-C1N2n39d.js → vue-ui-strip-plot-CZQSL0GK.js} +343 -314
  147. package/dist/{vue-ui-table-CcuoPHgI.js → vue-ui-table-DMM090pe.js} +5 -5
  148. package/dist/vue-ui-table-heatmap-vQEFrjCX.js +307 -0
  149. package/dist/{vue-ui-table-sparkline-BAxmZRff.js → vue-ui-table-sparkline-CQJc0mJY.js} +292 -263
  150. package/dist/vue-ui-thermometer-D1uxoVeZ.js +613 -0
  151. package/dist/{vue-ui-timer-BVsUQJz_.js → vue-ui-timer-jTnS3ES5.js} +25 -25
  152. package/dist/vue-ui-tiremarks-Bv-oIFVV.js +477 -0
  153. package/dist/vue-ui-treemap-B9MVtunp.js +1359 -0
  154. package/dist/{vue-ui-vertical-bar-B3gfBqD_.js → vue-ui-vertical-bar-BSbDj5qZ.js} +520 -485
  155. package/dist/{vue-ui-waffle-Bhlqo4xM.js → vue-ui-waffle-DIALVfvc.js} +376 -347
  156. package/dist/vue-ui-wheel-aUhrFpGk.js +690 -0
  157. package/dist/vue-ui-word-cloud-DZmMWsUu.js +904 -0
  158. package/dist/{vue-ui-world-C8KVyDim.js → vue-ui-world-CVLlgp2f.js} +57 -57
  159. package/dist/vue-ui-xy-Cy7mOurZ.js +3455 -0
  160. package/dist/vue-ui-xy-canvas-Cr13t9M5.js +1599 -0
  161. package/dist/vue_ui_vertical_bar-CELc39b8.js +18 -0
  162. package/package.json +5 -5
  163. package/dist/themes-AUNCOb2G.js +0 -53
  164. package/dist/vue-ui-age-pyramid-8bUepd28.js +0 -933
  165. package/dist/vue-ui-bullet-BvT4scFv.js +0 -630
  166. package/dist/vue-ui-chord-Dl9Y4mcz.js +0 -1153
  167. package/dist/vue-ui-circle-pack-CU09BzOV.js +0 -803
  168. package/dist/vue-ui-donut-evolution-DiGhMwMO.js +0 -1208
  169. package/dist/vue-ui-dumbbell-BlF3CLbN.js +0 -1231
  170. package/dist/vue-ui-flow-BQi5L8mJ.js +0 -991
  171. package/dist/vue-ui-funnel-CM_6Sare.js +0 -716
  172. package/dist/vue-ui-galaxy-BnZA62Li.js +0 -808
  173. package/dist/vue-ui-gauge-DAk72bez.js +0 -835
  174. package/dist/vue-ui-history-plot-BYQh3E8U.js +0 -1204
  175. package/dist/vue-ui-molecule-Bd1OXvl3.js +0 -753
  176. package/dist/vue-ui-mood-radar-DuoiTsYn.js +0 -903
  177. package/dist/vue-ui-nested-donuts-BTswQFjz.js +0 -1419
  178. package/dist/vue-ui-onion-D-1U2Qgl.js +0 -915
  179. package/dist/vue-ui-parallel-coordinate-plot-D-7VFHas.js +0 -1051
  180. package/dist/vue-ui-radar-BSfxyur3.js +0 -984
  181. package/dist/vue-ui-relation-circle-C7uV2mIj.js +0 -641
  182. package/dist/vue-ui-ridgeline-CYMfTlwI.js +0 -1273
  183. package/dist/vue-ui-rings-C96aj57d.js +0 -855
  184. package/dist/vue-ui-scatter-CtvOXUnx.js +0 -1590
  185. package/dist/vue-ui-spark-trend-6_Ibziyv.js +0 -337
  186. package/dist/vue-ui-sparkbar-BDCocMLI.js +0 -352
  187. package/dist/vue-ui-sparkgauge-CQ4Zk9-f.js +0 -233
  188. package/dist/vue-ui-sparkhistogram-BlTV9wfn.js +0 -384
  189. package/dist/vue-ui-sparkline-DWESyiqL.js +0 -514
  190. package/dist/vue-ui-sparkstackbar-DK_7X8mL.js +0 -441
  191. package/dist/vue-ui-stackbar-BWuw8ff4.js +0 -1827
  192. package/dist/vue-ui-table-heatmap-C9EMEM3Z.js +0 -282
  193. package/dist/vue-ui-thermometer-CDrM-WFq.js +0 -584
  194. package/dist/vue-ui-tiremarks-BQH2pNkG.js +0 -450
  195. package/dist/vue-ui-treemap-6WLoCHsH.js +0 -1330
  196. package/dist/vue-ui-wheel-CqHw1WuW.js +0 -663
  197. package/dist/vue-ui-word-cloud-CKuWZGLv.js +0 -875
  198. package/dist/vue-ui-xy-Cz2qIEfi.js +0 -3424
  199. package/dist/vue-ui-xy-canvas-y4h7gEFp.js +0 -1564
@@ -0,0 +1,1013 @@
1
+ import { defineAsyncComponent as T, computed as v, ref as c, toRefs as jt, watch as ve, shallowRef as qe, onMounted as Xt, onBeforeUnmount as Yt, createElementBlock as s, openBlock as n, unref as u, normalizeStyle as Z, normalizeClass as Y, createBlock as D, createCommentVNode as p, createElementVNode as C, createVNode as ee, withCtx as d, renderSlot as g, normalizeProps as A, guardReactiveProps as w, createSlots as He, Fragment as E, renderList as L, toDisplayString as N, Teleport as qt, resolveDynamicComponent as Ht, mergeProps as Jt, createTextVNode as ge, nextTick as Je } from "vue";
2
+ import { c as Kt, t as Qt, i as Zt, p as R, o as eo, g as z, j as to, l as Ke, e as Qe, M as oo, d as W, a as he, X as ao, s as pe, h as lo, ac as Ze, k as et, u as ro, q as no, x as so, R as uo } from "./lib-C5BH09_g.js";
3
+ import { t as io, u as co } from "./useResponsive-DfdjqQps.js";
4
+ import { u as vo, a as fe } from "./useNestedProp-CWo6bftQ.js";
5
+ import { u as go, B as ho } from "./BaseScanner-BgWxam9d.js";
6
+ import { u as po } from "./usePrinter-DCJzEiS8.js";
7
+ import { u as fo } from "./useSvgExport-DrjCWun4.js";
8
+ import { u as bo } from "./useThemeCheck-DGJ31Vi5.js";
9
+ import { u as yo } from "./useUserOptionState-BIvW1Kz7.js";
10
+ import { u as mo } from "./useChartAccessibility-9icAAmYg.js";
11
+ import { u as ko } from "./useAutoSizeLabelsInsideViewbox-DOALwU4q.js";
12
+ import Co from "./img-DUzJeMlr.js";
13
+ import Ao from "./Title-DfFUb9hd.js";
14
+ import wo from "./Legend-Web3GjlR.js";
15
+ import { _ as $o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
16
+ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { outerPolygon: { stroke: "#6A6A6A" }, grid: { stroke: "#5A5A5A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#1A1A1A", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ot = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { outerPolygon: { stroke: "#5D403780", strokeWidth: 1 }, grid: { stroke: "#5D403740" }, labels: { dataLabels: { color: "#424242" } } }, legend: { color: "#424242", backgroundColor: "#FFF8E1" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, at = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { outerPolygon: { stroke: "#3A3A3A", strokeWidth: 1 }, grid: { stroke: "#3A3A3A" }, labels: { dataLabels: { color: "#BDBDBD" } } }, legend: { color: "#BDBDBD", backgroundColor: "#1E1E1E" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, lt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { outerPolygon: { stroke: "#336633", strokeWidth: 0 }, grid: { stroke: "#334C33", graduations: 1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { color: "#99AA99", backgroundColor: "#1A1A1A" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#1A1A1A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, rt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { outerPolygon: { strokeWidth: 0 }, grid: { show: !1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, nt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { outerPolygon: { stroke: "#ABB1BC", strokeWidth: 0.5 }, grid: { stroke: "#C3DAC8" }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, st = {
17
+ default: {},
18
+ dark: tt,
19
+ celebration: ot,
20
+ celebrationNight: at,
21
+ hack: lt,
22
+ zen: rt,
23
+ concrete: nt
24
+ }, ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
25
+ __proto__: null,
26
+ celebration: ot,
27
+ celebrationNight: at,
28
+ concrete: nt,
29
+ dark: tt,
30
+ default: st,
31
+ hack: lt,
32
+ zen: rt
33
+ }, Symbol.toStringTag, { value: "Module" })), _o = ["id"], To = ["id"], Fo = ["xmlns", "viewBox"], Po = ["width", "height"], So = ["id"], Oo = ["stop-color"], Do = ["stop-color"], xo = { key: 1 }, Io = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Bo = { key: 0 }, Eo = ["d", "stroke", "stroke-width"], Lo = ["d", "stroke", "stroke-width"], No = { key: 2 }, Ro = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], zo = ["points", "stroke", "stroke-width"], Vo = ["points", "stroke", "stroke-width", "fill"], Uo = { key: 3 }, Mo = ["cx", "cy", "fill", "r", "stroke"], Wo = {
34
+ key: 4,
35
+ class: "vue-data-ui-watermark"
36
+ }, Go = ["id"], jo = ["onClick"], Xo = {
37
+ key: 0,
38
+ style: { "max-width": "200px", margin: "0 auto" }
39
+ }, Yo = {
40
+ class: "vue-ui-radar-tooltip-datalabel",
41
+ style: { width: "100%" }
42
+ }, qo = { class: "vue-ui-radar-tooltip-datalabel-name" }, Ho = { key: 0 }, Jo = {
43
+ __name: "vue-ui-radar",
44
+ props: {
45
+ config: {
46
+ type: Object,
47
+ default() {
48
+ return {};
49
+ }
50
+ },
51
+ dataset: {
52
+ type: Object,
53
+ default() {
54
+ return {};
55
+ }
56
+ }
57
+ },
58
+ emits: ["selectLegend"],
59
+ setup(ut, { expose: it, emit: ct }) {
60
+ const dt = T(() => import("./Tooltip-WD0Ros6G.js")), vt = T(() => import("./BaseIcon-CofSxalQ.js")), gt = T(() => import("./vue-ui-sparkbar-DVk1JiPL.js").then((t) => t.a)), ht = T(() => import("./vue-ui-accordion-DSdZUn2C.js")), pt = T(() => import("./DataTable-CHaOCmsE.js")), ft = T(() => import("./PenAndPaper-HCZQTkqi.js")), bt = T(() => import("./UserOptions-B3I-s3Lw.js")), yt = T(() => import("./PackageVersion-Bq_mtsqr.js")), mt = T(() => import("./BaseDraggableDialog-CRF94NJQ.js")), { vue_ui_radar: kt } = vo(), { isThemeValid: Ct, warnInvalidTheme: At } = bo(), F = ut, be = v(() => !!F.dataset && Object.keys(F.dataset).length), m = c(Kt()), te = c(!1), oe = c(""), ye = c(0), _ = c(null), me = c(null), ke = c(null), Ce = c(null), Ae = c(null), we = c(0), $e = c(0), _e = c(0), Te = c(!1), G = c(null), ae = c(null), e = c(re()), { loading: Fe, FINAL_DATASET: x } = go({
61
+ ...jt(F),
62
+ FINAL_CONFIG: e,
63
+ prepareConfig: re,
64
+ callback: () => {
65
+ Promise.resolve().then(async () => {
66
+ await Je(), b.value.showTable = e.value.table.show;
67
+ });
68
+ },
69
+ skeletonDataset: {
70
+ categories: [{ name: "_", color: "#6A6A6A" }],
71
+ series: [
72
+ { name: "_", values: [0.6], target: 1 },
73
+ { name: "_", values: [0.6], target: 1 },
74
+ { name: "_", values: [0.6], target: 1 },
75
+ { name: "_", values: [0.6], target: 1 },
76
+ { name: "_", values: [0.6], target: 1 },
77
+ { name: "_", values: [0.6], target: 1 }
78
+ ]
79
+ },
80
+ skeletonConfig: Qt({
81
+ defaultConfig: e.value,
82
+ userConfig: {
83
+ userOptions: { show: !1 },
84
+ table: { show: !1 },
85
+ useCssAnimation: !1,
86
+ style: {
87
+ chart: {
88
+ backgroundColor: "#99999930",
89
+ layout: {
90
+ grid: {
91
+ stroke: "#6A6A6A90"
92
+ },
93
+ labels: {
94
+ dataLabels: { show: !1 }
95
+ },
96
+ outerPolygon: {
97
+ stroke: "#6A6A6A"
98
+ }
99
+ },
100
+ legend: {
101
+ backgroundColor: "transparent"
102
+ }
103
+ }
104
+ }
105
+ }
106
+ })
107
+ }), { userOptionsVisible: le, setUserOptionsVisibility: Pe, keepUserOptionState: Se } = yo({ config: e.value }), { svgRef: q } = mo({ config: e.value.style.chart.title });
108
+ function re() {
109
+ const t = fe({
110
+ userConfig: F.config,
111
+ defaultConfig: kt
112
+ }), a = t.theme;
113
+ if (!a) return t;
114
+ if (!Ct.value(t))
115
+ return At(t), t;
116
+ const o = fe({
117
+ userConfig: st[a] || F.config,
118
+ defaultConfig: t
119
+ }), l = fe({
120
+ userConfig: F.config,
121
+ defaultConfig: o
122
+ });
123
+ return {
124
+ ...l,
125
+ customPalette: l.customPalette.length ? l.customPalette : Zt[a] || R
126
+ };
127
+ }
128
+ ve(() => F.config, (t) => {
129
+ e.value = re(), le.value = !e.value.userOptions.showOnChartHover, Oe(), we.value += 1, $e.value += 1, _e.value += 1, b.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip ? e.value.style.chart.tooltip.show : !1;
130
+ }, { deep: !0 });
131
+ const P = qe(null), V = qe(null), I = v(() => e.value.debug);
132
+ function Oe() {
133
+ if (eo(F.dataset) && z({
134
+ componentName: "VueUiRadar",
135
+ type: "dataset",
136
+ debug: I.value
137
+ }), e.value.responsive) {
138
+ const t = io(() => {
139
+ const { width: a, height: o } = co({
140
+ chart: _.value,
141
+ title: e.value.style.chart.title.text ? me.value : null,
142
+ legend: e.value.style.chart.legend.show ? ke.value : null,
143
+ source: Ce.value,
144
+ noTitle: Ae.value
145
+ });
146
+ requestAnimationFrame(() => {
147
+ i.value.width = a, i.value.height = o, Ve();
148
+ });
149
+ });
150
+ P.value && (V.value && P.value.unobserve(V.value), P.value.disconnect()), P.value = new ResizeObserver(t), V.value = _.value.parentNode, P.value.observe(V.value);
151
+ }
152
+ Ve();
153
+ }
154
+ Xt(() => {
155
+ Te.value = !0, Oe();
156
+ }), Yt(() => {
157
+ P.value && (V.value && P.value.unobserve(V.value), P.value.disconnect());
158
+ });
159
+ const { isPrinting: De, isImaging: xe, generatePdf: Ie, generateImage: Be } = po({
160
+ elementId: `vue-ui-radar_${m.value}`,
161
+ fileName: e.value.style.chart.title.text || "vue-ui-radar",
162
+ options: e.value.userOptions.print
163
+ }), wt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = v(() => to(e.value.customPalette)), b = c({
164
+ dataLabels: {
165
+ show: e.value.style.chart.layout.labels.dataLabels.show
166
+ },
167
+ showTable: e.value.table.show,
168
+ showTooltip: e.value.style.chart.tooltip.show
169
+ }), $t = v(() => ({
170
+ style: {
171
+ backgroundColor: "#FFFFFF00",
172
+ animation: {
173
+ show: e.value.style.chart.tooltip.animation.show,
174
+ animationFrames: e.value.style.chart.tooltip.animation.animationFrames
175
+ },
176
+ labels: {
177
+ fontSize: e.value.style.chart.tooltip.fontSize,
178
+ name: {
179
+ color: e.value.style.chart.tooltip.color
180
+ }
181
+ },
182
+ gutter: {
183
+ backgroundColor: "#CCCCCC",
184
+ opacity: 30
185
+ }
186
+ }
187
+ })), i = c({
188
+ height: 312,
189
+ width: 512
190
+ }), _t = ct, f = c([]), j = c(null), U = c(!1);
191
+ function H(t) {
192
+ U.value = !0, f.value.includes(t) ? (j.value = t, f.value = f.value.filter((a) => a !== t), setTimeout(() => {
193
+ U.value = !1, j.value = null;
194
+ }, 500)) : (f.value.push(t), setTimeout(() => {
195
+ U.value = !1;
196
+ }, 500)), _t("selectLegend", O.value.filter((a, o) => !f.value.includes(o)).map((a) => ({
197
+ name: a.name,
198
+ color: a.color,
199
+ proportion: a.totalProportion
200
+ })));
201
+ }
202
+ function Tt() {
203
+ return O.value.map((t) => ({
204
+ name: t.name,
205
+ color: t.color,
206
+ proportion: t.totalProportion
207
+ }));
208
+ }
209
+ function Ft() {
210
+ const t = x.value;
211
+ if ([null, void 0].includes(t?.categories)) {
212
+ z({
213
+ componentName: "VueUiRadar",
214
+ type: "dataset",
215
+ debug: I.value
216
+ }), z({
217
+ componentName: "VueUiRadar",
218
+ type: "datasetAttribute",
219
+ property: "categories ({ name: string; prefix?: string; suffix?: string}[])",
220
+ debug: I.value
221
+ });
222
+ return;
223
+ }
224
+ t.categories.length === 0 ? z({
225
+ componentName: "VueUiRadar",
226
+ type: "datasetAttributeEmpty",
227
+ property: "categories",
228
+ debug: I.value
229
+ }) : t.categories.forEach((a, o) => {
230
+ et({
231
+ datasetObject: a,
232
+ requiredAttributes: ["name"]
233
+ }).forEach((l) => {
234
+ z({
235
+ componentName: "VueUiRadar",
236
+ type: "datasetAttribute",
237
+ property: `category.${l} at index ${o}`,
238
+ index: o,
239
+ debug: I.value
240
+ });
241
+ });
242
+ }), [null, void 0].includes(t?.series) ? z({
243
+ componentName: "VueUiRadar",
244
+ type: "datasetAttribute",
245
+ property: "series ({ name: string; values: number[]; color?: string; target: number}[])",
246
+ debug: I.value
247
+ }) : t.series.forEach((a, o) => {
248
+ et({
249
+ datasetObject: a,
250
+ requiredAttributes: ["name", "values", "target"]
251
+ }).forEach((l) => {
252
+ z({
253
+ componentName: "VueUiRadar",
254
+ type: "datasetSerieAttribute",
255
+ key: "series",
256
+ property: l,
257
+ index: o,
258
+ debug: I.value
259
+ });
260
+ });
261
+ });
262
+ }
263
+ ve(
264
+ () => x.value,
265
+ () => Ft(),
266
+ { deep: !0, immediate: !0 }
267
+ );
268
+ const $ = v(() => {
269
+ const t = Array.isArray(x.value?.categories) ? x.value.categories : [], a = Ee.value ?? R;
270
+ return t.map((o, l) => ({
271
+ name: o?.name ?? "",
272
+ categoryId: `radar_category_${m.value}_${l}`,
273
+ color: Ke(o?.color) || a[l] || R[l % R.length],
274
+ prefix: o?.prefix ?? "",
275
+ suffix: o?.suffix ?? ""
276
+ }));
277
+ }), k = v(() => x.value.series.map((t, a) => ({
278
+ ...t,
279
+ color: Ke(t.color) || Ee.value[a] || R[a] || R[a % R.length],
280
+ serieId: `radar_serie_${m.value}_${a}`,
281
+ formatter: t.formatter || null,
282
+ absoluteIndex: a
283
+ })));
284
+ function Le(t) {
285
+ if (!k.value.length)
286
+ return e.value.debug && console.warn("VueUiRadar - There are no series to show."), null;
287
+ const a = O.value.find((o) => o.name === t);
288
+ return a || (e.value.debug && console.warn(`VueUiRadar - Series name not found "${t}"`), null);
289
+ }
290
+ function Pt(t) {
291
+ const a = Le(t);
292
+ a !== null && f.value.includes(a.absoluteIndex) && H(a.absoluteIndex);
293
+ }
294
+ function St(t) {
295
+ const a = Le(t);
296
+ a !== null && (f.value.includes(a.absoluteIndex) || H(a.absoluteIndex));
297
+ }
298
+ const Ne = v(() => Math.max(...k.value.flatMap((t) => t.values))), Re = v(() => k.value.length), ne = v(() => Math.min(i.value.width, i.value.height) / 3), ze = v(() => Qe({
299
+ plot: { x: i.value.width / 2, y: i.value.height / 2 },
300
+ radius: ne.value,
301
+ sides: Re.value,
302
+ rotation: 0
303
+ })), Ot = v(() => {
304
+ const t = [];
305
+ for (let a = 0; a < ne.value; a += ne.value / e.value.style.chart.layout.grid.graduations)
306
+ t.push(a);
307
+ return t;
308
+ }), S = v(() => ze.value.coordinates.map((t, a) => {
309
+ const o = k.value[a].values.map((l) => xt({
310
+ centerX: i.value.width / 2,
311
+ centerY: i.value.height / 2,
312
+ apexX: t.x,
313
+ apexY: t.y,
314
+ proportion: l / (k.value[a].target || Ne.value)
315
+ }));
316
+ return {
317
+ ...t,
318
+ ...k.value[a],
319
+ plots: o
320
+ };
321
+ }).map((t) => ({
322
+ ...t,
323
+ labelX: se(t).x,
324
+ labelY: se(t).y,
325
+ labelAnchor: se(t).anchor
326
+ })));
327
+ function se({ x: t, y: a }) {
328
+ let o = "middle";
329
+ return t = Math.round(t), a = Math.round(a), t > i.value.width / 2 && (t += 12, o = "start"), t < i.value.width / 2 && (t -= 12, o = "end"), a > i.value.height / 2 + 1 && (a += 20), a < i.value.height / 2 - 1 && (a -= 12), a === i.value.height / 2 && (a += 4), { x: t, y: a, anchor: o };
330
+ }
331
+ const Dt = v({
332
+ get: () => e.value.style.chart.layout.labels.dataLabels.fontSize,
333
+ set: (t) => t
334
+ }), { autoSizeLabels: Ve } = ko({
335
+ svgRef: q,
336
+ fontSize: e.value.style.chart.layout.labels.dataLabels.fontSize,
337
+ minFontSize: 6,
338
+ sizeRef: Dt,
339
+ labelClass: ".vue-ui-radar-apex-label"
340
+ });
341
+ function xt({ centerX: t, centerY: a, apexX: o, apexY: l, proportion: r }) {
342
+ return {
343
+ x: t + (o - t) * r,
344
+ y: a + (l - a) * r
345
+ };
346
+ }
347
+ const O = v(() => {
348
+ const t = k.value.map((a, o) => a.values.map((l) => l / (a.target || Ne.value)));
349
+ return $.value.map((a, o) => {
350
+ const l = oo(t.map((r) => r[o]).reduce((r, h) => r + h, 0) / k.value.length);
351
+ return {
352
+ ...a,
353
+ absoluteIndex: o,
354
+ totalProportion: l,
355
+ shape: "circle",
356
+ opacity: f.value.includes(o) ? 0.5 : 1,
357
+ segregate: () => H(o),
358
+ isSegregated: f.value.includes(o),
359
+ display: `${a.name}: ${W({
360
+ v: (l ?? 0) * 100,
361
+ s: "%",
362
+ r: e.value.style.chart.legend.roundingPercentage
363
+ })}`
364
+ };
365
+ });
366
+ }), It = v(() => ({
367
+ cy: "radar-div-legend",
368
+ backgroundColor: e.value.style.chart.legend.backgroundColor,
369
+ color: e.value.style.chart.legend.color,
370
+ fontSize: e.value.style.chart.legend.fontSize,
371
+ paddingBottom: 12,
372
+ fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
373
+ })), J = v(() => {
374
+ const t = [
375
+ { name: e.value.translations.datapoint, color: "" },
376
+ { name: e.value.translations.target, color: "" },
377
+ ...O.value
378
+ ], a = x.value.series.map((l) => [
379
+ l.name,
380
+ he(
381
+ l.formatter,
382
+ l.target,
383
+ W({
384
+ p: l.prefix,
385
+ v: l.target,
386
+ s: l.suffix,
387
+ r: e.value.table.td.roundingValue
388
+ })
389
+ ),
390
+ ...l.values.map((r, h) => `${he(
391
+ l.formatter,
392
+ r,
393
+ W({ p: $.value[h]?.prefix ?? "", v: r, s: $.value[h]?.suffix ?? "", r: e.value.table.td.roundingValue })
394
+ )} (${isNaN(r / l.target) ? "" : W({
395
+ v: r / l.target * 100,
396
+ s: "%",
397
+ r: e.value.table.td.roundingPercentage
398
+ })})`)
399
+ ]), o = {
400
+ th: {
401
+ backgroundColor: e.value.table.th.backgroundColor,
402
+ color: e.value.table.th.color,
403
+ outline: e.value.table.th.outline
404
+ },
405
+ td: {
406
+ backgroundColor: e.value.table.td.backgroundColor,
407
+ color: e.value.table.td.color,
408
+ outline: e.value.table.td.outline
409
+ },
410
+ breakpoint: e.value.table.responsiveBreakpoint
411
+ };
412
+ return { head: t, body: a, config: o, colNames: t };
413
+ }), K = c(null), ue = c([]), ie = c(null);
414
+ function Bt(t, a) {
415
+ te.value = !1, K.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
416
+ }
417
+ function Et(t, a) {
418
+ e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
419
+ }
420
+ function Lt(t, a) {
421
+ e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
422
+ const o = $.value.slice();
423
+ ue.value = [], K.value = a, te.value = !0, ie.value = {
424
+ datapoint: t,
425
+ seriesIndex: a,
426
+ series: {
427
+ categories: o,
428
+ datapoints: k.value,
429
+ radar: S.value
430
+ },
431
+ config: e.value
432
+ };
433
+ const l = e.value.style.chart.tooltip.customFormat;
434
+ if (so(l) && uo(() => l({
435
+ seriesIndex: a,
436
+ datapoint: t,
437
+ series: { categories: o, datapoints: k.value, radar: S.value },
438
+ config: e.value
439
+ }))) {
440
+ oe.value = l({
441
+ seriesIndex: a,
442
+ datapoint: t,
443
+ series: { categories: o, datapoints: k.value, radar: S.value },
444
+ config: e.value
445
+ });
446
+ return;
447
+ }
448
+ oe.value = `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`;
449
+ for (let r = 0; r < t.values.length; r += 1)
450
+ if (!f.value.includes(r)) {
451
+ const h = o[r], y = t.values[r], Xe = isNaN(y / t.target) ? 0 : y / t.target * 100, M = he(
452
+ t.formatter,
453
+ y,
454
+ W({
455
+ p: $.value[r].prefix,
456
+ v: y,
457
+ s: $.value[r].suffix,
458
+ r: e.value.style.chart.tooltip.roundingValue
459
+ }),
460
+ { datapoint: t }
461
+ ), Ye = W({
462
+ v: Xe,
463
+ s: "%",
464
+ r: e.value.style.chart.tooltip.roundingPercentage
465
+ }), Gt = e.value.style.chart.tooltip.showValue && e.value.style.chart.tooltip.showPercentage ? `${M} (${Ye})` : e.value.style.chart.tooltip.showValue && !e.value.style.chart.tooltip.showPercentage ? M : !e.value.style.chart.tooltip.showValue && e.value.style.chart.tooltip.showPercentage ? `${Ye}` : "";
466
+ ue.value.push({
467
+ name: h?.name ?? `#${r + 1}`,
468
+ value: t.values[r] / t.target * 100,
469
+ color: h?.color,
470
+ suffix: Gt,
471
+ prefix: "",
472
+ rounding: e.value.style.chart.tooltip.roundingPercentage,
473
+ formatter: t.formatter
474
+ });
475
+ }
476
+ }
477
+ function ce(t = null) {
478
+ Je(() => {
479
+ const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = [[""], [e.value.translations.target], ...O.value.flatMap((y) => [[y.name], ["%"]])], l = x.value.series.map((y, Xe) => [y.name, y.target, ...y.values.flatMap((M) => [
480
+ M,
481
+ isNaN(M / y.target) ? "" : M / y.target * 100
482
+ ])]), r = a.concat([o]).concat(l), h = ro(r);
483
+ t ? t(h) : no({ csvContent: h, title: e.value.style.chart.title.text || "vue-ui-radar" });
484
+ });
485
+ }
486
+ const B = c(!1);
487
+ function Ue(t) {
488
+ B.value = t, ye.value += 1;
489
+ }
490
+ function Me() {
491
+ b.value.showTable = !b.value.showTable;
492
+ }
493
+ function We() {
494
+ b.value.showTooltip = !b.value.showTooltip;
495
+ }
496
+ const Q = c(!1);
497
+ function de() {
498
+ Q.value = !Q.value;
499
+ }
500
+ async function Nt({ scale: t = 2 } = {}) {
501
+ if (!_.value) return;
502
+ const { width: a, height: o } = _.value.getBoundingClientRect(), l = a / o, { imageUri: r, base64: h } = await Co({ domElement: _.value, base64: !0, img: !0, scale: t });
503
+ return {
504
+ imageUri: r,
505
+ base64: h,
506
+ title: e.value.style.chart.title.text,
507
+ width: a,
508
+ height: o,
509
+ aspectRatio: l
510
+ };
511
+ }
512
+ const X = v(() => {
513
+ const t = e.value.table.useDialog && !e.value.table.show, a = b.value.showTable;
514
+ return {
515
+ component: t ? mt : ht,
516
+ title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
517
+ props: t ? {
518
+ backgroundColor: e.value.table.th.backgroundColor,
519
+ color: e.value.table.th.color,
520
+ headerColor: e.value.table.th.color,
521
+ headerBg: e.value.table.th.backgroundColor,
522
+ isFullscreen: B.value,
523
+ fullscreenParent: _.value,
524
+ forcedWidth: Math.min(800, window.innerWidth * 0.8)
525
+ } : {
526
+ hideDetails: !0,
527
+ config: {
528
+ open: a,
529
+ maxHeight: 1e4,
530
+ body: {
531
+ backgroundColor: e.value.style.chart.backgroundColor,
532
+ color: e.value.style.chart.color
533
+ },
534
+ head: {
535
+ backgroundColor: e.value.style.chart.backgroundColor,
536
+ color: e.value.style.chart.color
537
+ }
538
+ }
539
+ }
540
+ };
541
+ });
542
+ ve(() => b.value.showTable, (t) => {
543
+ e.value.table.show || (t && e.value.table.useDialog && G.value ? G.value.open() : "close" in G.value && G.value.close());
544
+ });
545
+ function Ge() {
546
+ b.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
547
+ }
548
+ const Rt = v(() => O.value.map((t) => ({
549
+ ...t,
550
+ name: t.display
551
+ }))), zt = v(() => e.value.style.chart.backgroundColor), Vt = v(() => e.value.style.chart.legend), Ut = v(() => e.value.style.chart.title), { exportSvg: Mt, getSvg: Wt } = fo({
552
+ svg: q,
553
+ title: Ut,
554
+ legend: Vt,
555
+ legendItems: Rt,
556
+ backgroundColor: zt
557
+ });
558
+ async function je({ isCb: t }) {
559
+ if (t) {
560
+ const { blob: a, url: o, text: l, dataUrl: r } = await Wt();
561
+ e.value.userOptions.callbacks.svg({ blob: a, url: o, text: l, dataUrl: r });
562
+ } else
563
+ Mt();
564
+ }
565
+ return it({
566
+ getData: Tt,
567
+ getImage: Nt,
568
+ generatePdf: Ie,
569
+ generateCsv: ce,
570
+ generateImage: Be,
571
+ generateSvg: je,
572
+ hideSeries: St,
573
+ showSeries: Pt,
574
+ toggleTable: Me,
575
+ toggleTooltip: We,
576
+ toggleAnnotator: de,
577
+ toggleFullscreen: Ue
578
+ }), (t, a) => (n(), s("div", {
579
+ class: Y(`vue-data-ui-component vue-ui-radar ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
580
+ ref_key: "radarChart",
581
+ ref: _,
582
+ id: `vue-ui-radar_${m.value}`,
583
+ style: Z(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
584
+ onMouseenter: a[2] || (a[2] = () => u(Pe)(!0)),
585
+ onMouseleave: a[3] || (a[3] = () => u(Pe)(!1))
586
+ }, [
587
+ e.value.userOptions.buttons.annotator ? (n(), D(u(ft), {
588
+ key: 0,
589
+ svgRef: u(q),
590
+ backgroundColor: e.value.style.chart.backgroundColor,
591
+ color: e.value.style.chart.color,
592
+ active: Q.value,
593
+ onClose: de
594
+ }, {
595
+ "annotator-action-close": d(() => [
596
+ g(t.$slots, "annotator-action-close", {}, void 0, !0)
597
+ ]),
598
+ "annotator-action-color": d(({ color: o }) => [
599
+ g(t.$slots, "annotator-action-color", A(w({ color: o })), void 0, !0)
600
+ ]),
601
+ "annotator-action-draw": d(({ mode: o }) => [
602
+ g(t.$slots, "annotator-action-draw", A(w({ mode: o })), void 0, !0)
603
+ ]),
604
+ "annotator-action-undo": d(({ disabled: o }) => [
605
+ g(t.$slots, "annotator-action-undo", A(w({ disabled: o })), void 0, !0)
606
+ ]),
607
+ "annotator-action-redo": d(({ disabled: o }) => [
608
+ g(t.$slots, "annotator-action-redo", A(w({ disabled: o })), void 0, !0)
609
+ ]),
610
+ "annotator-action-delete": d(({ disabled: o }) => [
611
+ g(t.$slots, "annotator-action-delete", A(w({ disabled: o })), void 0, !0)
612
+ ]),
613
+ _: 3
614
+ }, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
615
+ wt.value ? (n(), s("div", {
616
+ key: 1,
617
+ ref_key: "noTitle",
618
+ ref: Ae,
619
+ class: "vue-data-ui-no-title-space",
620
+ style: "height:36px; width: 100%;background:transparent"
621
+ }, null, 512)) : p("", !0),
622
+ e.value.style.chart.title.text ? (n(), s("div", {
623
+ key: 2,
624
+ ref_key: "chartTitle",
625
+ ref: me,
626
+ style: "width:100%;background:transparent;padding-bottom:12px"
627
+ }, [
628
+ (n(), D(Ao, {
629
+ key: `title_${we.value}`,
630
+ config: {
631
+ title: {
632
+ cy: "radar-div-title",
633
+ ...e.value.style.chart.title
634
+ },
635
+ subtitle: {
636
+ cy: "radar-div-subtitle",
637
+ ...e.value.style.chart.title.subtitle
638
+ }
639
+ }
640
+ }, null, 8, ["config"]))
641
+ ], 512)) : p("", !0),
642
+ C("div", {
643
+ id: `legend-top-${m.value}`
644
+ }, null, 8, To),
645
+ e.value.userOptions.show && be.value && (u(Se) || u(le)) ? (n(), D(u(bt), {
646
+ ref_key: "userOptionsRef",
647
+ ref: ae,
648
+ key: `user_options_${ye.value}`,
649
+ backgroundColor: e.value.style.chart.backgroundColor,
650
+ color: e.value.style.chart.color,
651
+ isImaging: u(xe),
652
+ isPrinting: u(De),
653
+ uid: m.value,
654
+ hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
655
+ hasPdf: e.value.userOptions.buttons.pdf,
656
+ hasImg: e.value.userOptions.buttons.img,
657
+ hasSvg: e.value.userOptions.buttons.svg,
658
+ hasXls: e.value.userOptions.buttons.csv,
659
+ hasTable: e.value.userOptions.buttons.table,
660
+ hasFullscreen: e.value.userOptions.buttons.fullscreen,
661
+ isFullscreen: B.value,
662
+ isTooltip: b.value.showTooltip,
663
+ titles: { ...e.value.userOptions.buttonTitles },
664
+ chartElement: _.value,
665
+ position: e.value.userOptions.position,
666
+ hasAnnotator: e.value.userOptions.buttons.annotator,
667
+ isAnnotation: Q.value,
668
+ callbacks: e.value.userOptions.callbacks,
669
+ printScale: e.value.userOptions.print.scale,
670
+ tableDialog: e.value.table.useDialog,
671
+ onToggleFullscreen: Ue,
672
+ onGeneratePdf: u(Ie),
673
+ onGenerateCsv: ce,
674
+ onGenerateImage: u(Be),
675
+ onGenerateSvg: je,
676
+ onToggleTable: Me,
677
+ onToggleTooltip: We,
678
+ onToggleAnnotator: de,
679
+ style: Z({
680
+ visibility: u(Se) ? u(le) ? "visible" : "hidden" : "visible"
681
+ })
682
+ }, He({ _: 2 }, [
683
+ t.$slots.menuIcon ? {
684
+ name: "menuIcon",
685
+ fn: d(({ isOpen: o, color: l }) => [
686
+ g(t.$slots, "menuIcon", A(w({ isOpen: o, color: l })), void 0, !0)
687
+ ]),
688
+ key: "0"
689
+ } : void 0,
690
+ t.$slots.optionTooltip ? {
691
+ name: "optionTooltip",
692
+ fn: d(() => [
693
+ g(t.$slots, "optionTooltip", {}, void 0, !0)
694
+ ]),
695
+ key: "1"
696
+ } : void 0,
697
+ t.$slots.optionPdf ? {
698
+ name: "optionPdf",
699
+ fn: d(() => [
700
+ g(t.$slots, "optionPdf", {}, void 0, !0)
701
+ ]),
702
+ key: "2"
703
+ } : void 0,
704
+ t.$slots.optionCsv ? {
705
+ name: "optionCsv",
706
+ fn: d(() => [
707
+ g(t.$slots, "optionCsv", {}, void 0, !0)
708
+ ]),
709
+ key: "3"
710
+ } : void 0,
711
+ t.$slots.optionImg ? {
712
+ name: "optionImg",
713
+ fn: d(() => [
714
+ g(t.$slots, "optionImg", {}, void 0, !0)
715
+ ]),
716
+ key: "4"
717
+ } : void 0,
718
+ t.$slots.optionSvg ? {
719
+ name: "optionSvg",
720
+ fn: d(() => [
721
+ g(t.$slots, "optionSvg", {}, void 0, !0)
722
+ ]),
723
+ key: "5"
724
+ } : void 0,
725
+ t.$slots.optionTable ? {
726
+ name: "optionTable",
727
+ fn: d(() => [
728
+ g(t.$slots, "optionTable", {}, void 0, !0)
729
+ ]),
730
+ key: "6"
731
+ } : void 0,
732
+ t.$slots.optionFullscreen ? {
733
+ name: "optionFullscreen",
734
+ fn: d(({ toggleFullscreen: o, isFullscreen: l }) => [
735
+ g(t.$slots, "optionFullscreen", A(w({ toggleFullscreen: o, isFullscreen: l })), void 0, !0)
736
+ ]),
737
+ key: "7"
738
+ } : void 0,
739
+ t.$slots.optionAnnotator ? {
740
+ name: "optionAnnotator",
741
+ fn: d(({ toggleAnnotator: o, isAnnotator: l }) => [
742
+ g(t.$slots, "optionAnnotator", A(w({ toggleAnnotator: o, isAnnotator: l })), void 0, !0)
743
+ ]),
744
+ key: "8"
745
+ } : void 0
746
+ ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
747
+ (n(), s("svg", {
748
+ ref_key: "svgRef",
749
+ ref: q,
750
+ xmlns: u(ao),
751
+ class: Y({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
752
+ viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
753
+ style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
754
+ }, [
755
+ ee(u(yt)),
756
+ t.$slots["chart-background"] ? (n(), s("foreignObject", {
757
+ key: 0,
758
+ x: 0,
759
+ y: 0,
760
+ width: i.value.width <= 0 ? 10 : i.value.width,
761
+ height: i.value.height <= 0 ? 10 : i.value.height,
762
+ style: {
763
+ pointerEvents: "none"
764
+ }
765
+ }, [
766
+ g(t.$slots, "chart-background", {}, void 0, !0)
767
+ ], 8, Po)) : p("", !0),
768
+ C("defs", null, [
769
+ (n(!0), s(E, null, L($.value, (o, l) => (n(), s("radialGradient", {
770
+ cx: "50%",
771
+ cy: "50%",
772
+ r: "50%",
773
+ fx: "50%",
774
+ fy: "50%",
775
+ id: `radar_gradient_${m.value}_${l}`
776
+ }, [
777
+ C("stop", {
778
+ offset: "0%",
779
+ "stop-color": u(pe)(u(lo)(o.color, 0.05), e.value.style.chart.layout.dataPolygon.opacity)
780
+ }, null, 8, Oo),
781
+ C("stop", {
782
+ offset: "100%",
783
+ "stop-color": u(pe)(o.color, e.value.style.chart.layout.dataPolygon.opacity)
784
+ }, null, 8, Do)
785
+ ], 8, So))), 256))
786
+ ]),
787
+ e.value.style.chart.layout.grid.show ? (n(), s("g", xo, [
788
+ (n(!0), s(E, null, L(S.value, (o) => (n(), s("line", {
789
+ x1: i.value.width / 2,
790
+ y1: i.value.height / 2,
791
+ x2: o.x,
792
+ y2: o.y,
793
+ stroke: e.value.style.chart.layout.grid.stroke,
794
+ "stroke-width": e.value.style.chart.layout.grid.strokeWidth
795
+ }, null, 8, Io))), 256)),
796
+ e.value.style.chart.layout.grid.graduations > 0 ? (n(), s("g", Bo, [
797
+ (n(!0), s(E, null, L(Ot.value, (o) => (n(), s("path", {
798
+ d: u(Qe)({
799
+ plot: { x: i.value.width / 2, y: i.value.height / 2 },
800
+ radius: o,
801
+ sides: Re.value,
802
+ rotation: 0
803
+ }).path,
804
+ fill: "none",
805
+ stroke: e.value.style.chart.layout.grid.stroke,
806
+ "stroke-width": e.value.style.chart.layout.grid.strokeWidth
807
+ }, null, 8, Eo))), 256))
808
+ ])) : p("", !0)
809
+ ])) : p("", !0),
810
+ C("path", {
811
+ d: ze.value.path,
812
+ fill: "none",
813
+ stroke: e.value.style.chart.layout.outerPolygon.stroke,
814
+ "stroke-width": e.value.style.chart.layout.outerPolygon.strokeWidth,
815
+ "stroke-linejoin": "round",
816
+ "stroke-linecap": "round"
817
+ }, null, 8, Lo),
818
+ e.value.style.chart.layout.labels.dataLabels.show ? (n(), s("g", No, [
819
+ (n(!0), s(E, null, L(S.value, (o, l) => (n(), s("text", {
820
+ class: "vue-ui-radar-apex-label",
821
+ x: o.labelX,
822
+ y: o.labelY,
823
+ "text-anchor": o.labelAnchor,
824
+ "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
825
+ fill: e.value.style.chart.layout.labels.dataLabels.color,
826
+ onMouseenter: (r) => Lt(o, l),
827
+ onMouseleave: (r) => Bt(o, l),
828
+ onClick: (r) => Et(o, l)
829
+ }, N(o.name), 41, Ro))), 256))
830
+ ])) : p("", !0),
831
+ (n(!0), s(E, null, L($.value, (o, l) => (n(), s("g", null, [
832
+ C("g", null, [
833
+ e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
834
+ key: 0,
835
+ points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
836
+ stroke: e.value.style.chart.backgroundColor,
837
+ "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
838
+ fill: "none",
839
+ class: Y({ "animated-out": f.value.includes(l) && e.value.useCssAnimation, "animated-in": U.value && j.value === l && e.value.useCssAnimation })
840
+ }, null, 10, zo)) : p("", !0),
841
+ e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
842
+ key: 1,
843
+ points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
844
+ stroke: o.color,
845
+ "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
846
+ fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${m.value}_${l})` : u(pe)(o.color, e.value.style.chart.layout.dataPolygon.opacity),
847
+ class: Y({ "animated-out": f.value.includes(l) && e.value.useCssAnimation, "animated-in": U.value && j.value === l && e.value.useCssAnimation })
848
+ }, null, 10, Vo)) : p("", !0)
849
+ ])
850
+ ]))), 256)),
851
+ e.value.style.chart.layout.plots.show ? (n(), s("g", Uo, [
852
+ (n(!0), s(E, null, L(S.value, (o, l) => (n(), s("g", null, [
853
+ (n(!0), s(E, null, L(o.plots, (r, h) => (n(), s("circle", {
854
+ cx: r.x,
855
+ cy: r.y,
856
+ fill: f.value.includes(h) ? "transparent" : $.value[h] ? $.value[h].color : "transparent",
857
+ r: K.value !== null && K.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
858
+ stroke: f.value.includes(h) ? "transparent" : e.value.style.chart.backgroundColor,
859
+ "stroke-width": 0.5,
860
+ class: Y({ "animated-out": f.value.includes(h) && e.value.useCssAnimation, "animated-in": U.value && j.value === h && e.value.useCssAnimation })
861
+ }, null, 10, Mo))), 256))
862
+ ]))), 256))
863
+ ])) : p("", !0),
864
+ g(t.$slots, "svg", { svg: i.value }, void 0, !0)
865
+ ], 14, Fo)),
866
+ t.$slots.watermark ? (n(), s("div", Wo, [
867
+ g(t.$slots, "watermark", A(w({ isPrinting: u(De) || u(xe) })), void 0, !0)
868
+ ])) : p("", !0),
869
+ C("div", {
870
+ id: `legend-bottom-${m.value}`
871
+ }, null, 8, Go),
872
+ Te.value ? (n(), D(qt, {
873
+ key: 5,
874
+ to: e.value.style.chart.legend.position === "top" ? `#legend-top-${m.value}` : `#legend-bottom-${m.value}`
875
+ }, [
876
+ C("div", {
877
+ ref_key: "chartLegend",
878
+ ref: ke
879
+ }, [
880
+ e.value.style.chart.legend.show ? (n(), D(wo, {
881
+ key: `legend_${_e.value}`,
882
+ legendSet: O.value,
883
+ config: It.value,
884
+ onClickMarker: a[0] || (a[0] = ({ i: o }) => H(o))
885
+ }, {
886
+ item: d(({ legend: o, index: l }) => [
887
+ u(Fe) ? p("", !0) : (n(), s("div", {
888
+ key: 0,
889
+ onClick: (r) => o.segregate(),
890
+ style: Z(`opacity:${f.value.includes(l) ? 0.5 : 1}`)
891
+ }, N(o.display), 13, jo))
892
+ ]),
893
+ _: 1
894
+ }, 8, ["legendSet", "config"])) : g(t.$slots, "legend", {
895
+ key: 1,
896
+ legend: O.value
897
+ }, void 0, !0)
898
+ ], 512)
899
+ ], 8, ["to"])) : p("", !0),
900
+ t.$slots.source ? (n(), s("div", {
901
+ key: 6,
902
+ ref_key: "source",
903
+ ref: Ce,
904
+ dir: "auto"
905
+ }, [
906
+ g(t.$slots, "source", {}, void 0, !0)
907
+ ], 512)) : p("", !0),
908
+ ee(u(dt), {
909
+ show: b.value.showTooltip && te.value,
910
+ backgroundColor: e.value.style.chart.tooltip.backgroundColor,
911
+ color: e.value.style.chart.tooltip.color,
912
+ borderRadius: e.value.style.chart.tooltip.borderRadius,
913
+ borderColor: e.value.style.chart.tooltip.borderColor,
914
+ borderWidth: e.value.style.chart.tooltip.borderWidth,
915
+ backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
916
+ fontSize: e.value.style.chart.tooltip.fontSize,
917
+ position: e.value.style.chart.tooltip.position,
918
+ offsetY: e.value.style.chart.tooltip.offsetY,
919
+ parent: _.value,
920
+ content: oe.value,
921
+ isFullscreen: B.value,
922
+ isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
923
+ smooth: e.value.style.chart.tooltip.smooth,
924
+ backdropFilter: e.value.style.chart.tooltip.backdropFilter,
925
+ smoothForce: e.value.style.chart.tooltip.smoothForce,
926
+ smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
927
+ }, {
928
+ "tooltip-before": d(() => [
929
+ g(t.$slots, "tooltip-before", A(w({ ...ie.value })), void 0, !0)
930
+ ]),
931
+ "tooltip-after": d(() => [
932
+ ["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? p("", !0) : (n(), s("div", Xo, [
933
+ ee(u(gt), {
934
+ dataset: ue.value,
935
+ config: $t.value,
936
+ backgroundOpacity: 0
937
+ }, {
938
+ "data-label": d(({ bar: o }) => [
939
+ C("div", Yo, [
940
+ C("span", qo, N(o.name + (e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? ":" : "")), 1),
941
+ e.value.style.chart.tooltip.showValue || e.value.style.chart.tooltip.showPercentage ? (n(), s("span", Ho, N(o.suffix), 1)) : p("", !0)
942
+ ])
943
+ ]),
944
+ _: 1
945
+ }, 8, ["dataset", "config"])
946
+ ])),
947
+ g(t.$slots, "tooltip-after", A(w({ ...ie.value })), void 0, !0)
948
+ ]),
949
+ _: 3
950
+ }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
951
+ be.value && e.value.userOptions.buttons.table ? (n(), D(Ht(X.value.component), Jt({ key: 7 }, X.value.props, {
952
+ ref_key: "tableUnit",
953
+ ref: G,
954
+ onClose: Ge
955
+ }), He({
956
+ content: d(() => [
957
+ (n(), D(u(pt), {
958
+ key: `table_${$e.value}`,
959
+ colNames: J.value.colNames,
960
+ head: J.value.head,
961
+ body: J.value.body,
962
+ config: J.value.config,
963
+ title: e.value.table.useDialog ? "" : X.value.title,
964
+ withCloseButton: !e.value.table.useDialog,
965
+ onClose: Ge
966
+ }, {
967
+ th: d(({ th: o }) => [
968
+ ge(N(o.name), 1)
969
+ ]),
970
+ td: d(({ td: o }) => [
971
+ ge(N(o), 1)
972
+ ]),
973
+ _: 1
974
+ }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
975
+ ]),
976
+ _: 2
977
+ }, [
978
+ e.value.table.useDialog ? {
979
+ name: "title",
980
+ fn: d(() => [
981
+ ge(N(X.value.title), 1)
982
+ ]),
983
+ key: "0"
984
+ } : void 0,
985
+ e.value.table.useDialog ? {
986
+ name: "actions",
987
+ fn: d(() => [
988
+ C("button", {
989
+ tabindex: "0",
990
+ class: "vue-ui-user-options-button",
991
+ onClick: a[1] || (a[1] = (o) => ce(e.value.userOptions.callbacks.csv))
992
+ }, [
993
+ ee(u(vt), {
994
+ name: "excel",
995
+ stroke: X.value.props.color
996
+ }, null, 8, ["stroke"])
997
+ ])
998
+ ]),
999
+ key: "1"
1000
+ } : void 0
1001
+ ]), 1040)) : p("", !0),
1002
+ u(Fe) ? (n(), D(ho, { key: 8 })) : p("", !0)
1003
+ ], 46, _o));
1004
+ }
1005
+ }, Ko = /* @__PURE__ */ $o(Jo, [["__scopeId", "data-v-bee25c8b"]]), ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1006
+ __proto__: null,
1007
+ default: Ko
1008
+ }, Symbol.toStringTag, { value: "Module" }));
1009
+ export {
1010
+ ga as a,
1011
+ ha as b,
1012
+ Ko as v
1013
+ };