vue-data-ui 3.25.5 → 3.25.7

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 (210) hide show
  1. package/dist/{BaseDraggableDialog-BM_R41j8.js → BaseDraggableDialog-Gm4Q30j0.js} +1 -1
  2. package/dist/{BaseIcon-t83PDe9k.js → BaseIcon-D8R6_sKH.js} +5 -5
  3. package/dist/{BaseLegendToggle-__JnV08B.js → BaseLegendToggle-CXQrLjd-.js} +1 -1
  4. package/dist/{BaseZoomControls-Xo16vFa4.js → BaseZoomControls-BTzjVDPM.js} +1 -1
  5. package/dist/{ColorPicker-Bn3MY7eL.js → ColorPicker-CUy15T72.js} +1 -1
  6. package/dist/{DataTable-COIO9gi4.js → DataTable-oiM9uWrQ.js} +1 -1
  7. package/dist/{HillActions-Cl-dNBZR.js → HillActions-Dn8aKOVJ.js} +1 -1
  8. package/dist/{NonSvgPenAndPaper-KXRhcsxM.js → NonSvgPenAndPaper-DFXjpRyl.js} +2 -2
  9. package/dist/{PackageVersion-M2Ws-VwJ.js → PackageVersion-UfoQuPMf.js} +1 -1
  10. package/dist/{PenAndPaper-BgH3m_LP.js → PenAndPaper-KFzKlvbi.js} +2 -2
  11. package/dist/{SlicerPreview-GvsdvE-h.js → SlicerPreview-B6iHOC9L.js} +1 -1
  12. package/dist/{UserOptions-f3Q0nqrj.js → UserOptions-2x4VklMW.js} +1 -1
  13. package/dist/components/vue-ui-3d-bar.js +1 -1
  14. package/dist/components/vue-ui-accordion.js +1 -1
  15. package/dist/components/vue-ui-age-pyramid.js +1 -1
  16. package/dist/components/vue-ui-annotator.js +1 -1
  17. package/dist/components/vue-ui-bullet.js +1 -1
  18. package/dist/components/vue-ui-bump.js +1 -1
  19. package/dist/components/vue-ui-candlestick.js +1 -1
  20. package/dist/components/vue-ui-carousel-table.js +1 -1
  21. package/dist/components/vue-ui-chestnut.js +1 -1
  22. package/dist/components/vue-ui-chord.js +1 -1
  23. package/dist/components/vue-ui-circle-pack.js +1 -1
  24. package/dist/components/vue-ui-cursor.js +1 -1
  25. package/dist/components/vue-ui-dag.js +1 -1
  26. package/dist/components/vue-ui-dashboard.js +1 -1
  27. package/dist/components/vue-ui-digits.js +1 -1
  28. package/dist/components/vue-ui-donut-evolution.js +1 -1
  29. package/dist/components/vue-ui-donut.js +1 -1
  30. package/dist/components/vue-ui-dumbbell.js +1 -1
  31. package/dist/components/vue-ui-flow.js +1 -1
  32. package/dist/components/vue-ui-funnel.js +1 -1
  33. package/dist/components/vue-ui-galaxy.js +1 -1
  34. package/dist/components/vue-ui-gauge.js +1 -1
  35. package/dist/components/vue-ui-geo.js +1 -1
  36. package/dist/components/vue-ui-gizmo.js +1 -1
  37. package/dist/components/vue-ui-heatmap.js +1 -1
  38. package/dist/components/vue-ui-hill.js +1 -1
  39. package/dist/components/vue-ui-history-plot.js +1 -1
  40. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  41. package/dist/components/vue-ui-icon.js +1 -1
  42. package/dist/components/vue-ui-kpi.js +1 -1
  43. package/dist/components/vue-ui-label.js +1 -1
  44. package/dist/components/vue-ui-mini-loader.js +1 -1
  45. package/dist/components/vue-ui-molecule.js +1 -1
  46. package/dist/components/vue-ui-mood-radar.js +1 -1
  47. package/dist/components/vue-ui-nested-donuts.js +1 -1
  48. package/dist/components/vue-ui-onion.js +1 -1
  49. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  50. package/dist/components/vue-ui-quadrant.js +1 -1
  51. package/dist/components/vue-ui-quick-chart.js +1 -1
  52. package/dist/components/vue-ui-radar.js +1 -1
  53. package/dist/components/vue-ui-rating.js +1 -1
  54. package/dist/components/vue-ui-relation-circle.js +1 -1
  55. package/dist/components/vue-ui-ridgeline.js +1 -1
  56. package/dist/components/vue-ui-rings.js +1 -1
  57. package/dist/components/vue-ui-scatter.js +1 -1
  58. package/dist/components/vue-ui-skeleton.js +1 -1
  59. package/dist/components/vue-ui-smiley.js +1 -1
  60. package/dist/components/vue-ui-spark-trend.js +1 -1
  61. package/dist/components/vue-ui-sparkbar.js +1 -1
  62. package/dist/components/vue-ui-sparkgauge.js +1 -1
  63. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  64. package/dist/components/vue-ui-sparkline.js +1 -1
  65. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  66. package/dist/components/vue-ui-stackbar.js +1 -1
  67. package/dist/components/vue-ui-stackline.js +1 -1
  68. package/dist/components/vue-ui-strip-plot.js +1 -1
  69. package/dist/components/vue-ui-table-heatmap.js +1 -1
  70. package/dist/components/vue-ui-table-sparkline.js +1 -1
  71. package/dist/components/vue-ui-table.js +1 -1
  72. package/dist/components/vue-ui-thermometer.js +1 -1
  73. package/dist/components/vue-ui-timer.js +1 -1
  74. package/dist/components/vue-ui-tiremarks.js +1 -1
  75. package/dist/components/vue-ui-treemap.js +1 -1
  76. package/dist/components/vue-ui-vertical-bar.js +1 -1
  77. package/dist/components/vue-ui-waffle.js +1 -1
  78. package/dist/components/vue-ui-wheel.js +1 -1
  79. package/dist/components/vue-ui-word-cloud.js +1 -1
  80. package/dist/components/vue-ui-world.js +1 -1
  81. package/dist/components/vue-ui-xy-canvas.js +1 -1
  82. package/dist/components/vue-ui-xy.js +1 -1
  83. package/dist/{package-ta2JoIjx.js → package-B-3S5q00.js} +1 -1
  84. package/dist/{render-common-bvOuxfN3.js → render-common-CAXK7ycr.js} +1 -1
  85. package/dist/ssr/vue-ui-donut.js +1 -1
  86. package/dist/ssr/vue-ui-xy.js +1 -1
  87. package/dist/ssr.js +2 -2
  88. package/dist/style.css +1 -1
  89. package/dist/types/vue-data-ui.d.ts +10 -0
  90. package/dist/{useConfig-C_mX5pOZ.js → useConfig-CIQZ6_r7.js} +11 -1
  91. package/dist/{useObjectBindings-uXpBcVyo.js → useObjectBindings---mHNfbS.js} +2 -2
  92. package/dist/utils.js +1 -1
  93. package/dist/{vue-data-ui-BjdCpsRV.js → vue-data-ui-DlWT702n.js} +70 -70
  94. package/dist/vue-data-ui.js +71 -71
  95. package/dist/vue-ui-3d-bar-DbOk2kpM.js +1831 -0
  96. package/dist/{vue-ui-accordion-DRf3NQyH.js → vue-ui-accordion-BSmBUjwZ.js} +2 -2
  97. package/dist/vue-ui-age-pyramid-C7_mGIRk.js +1293 -0
  98. package/dist/{vue-ui-annotator-DZ0O8Xa5.js → vue-ui-annotator-CTQHAPho.js} +676 -676
  99. package/dist/vue-ui-bullet-CDy_dkYz.js +702 -0
  100. package/dist/{vue-ui-bump-DoHnD1Xy.js → vue-ui-bump-DP24leiD.js} +380 -380
  101. package/dist/vue-ui-candlestick-kJLmYaR7.js +1859 -0
  102. package/dist/{vue-ui-carousel-table-k1cBJ1i1.js → vue-ui-carousel-table-BQzAQDw6.js} +2 -2
  103. package/dist/vue-ui-chestnut-DnnRp3Kl.js +2016 -0
  104. package/dist/vue-ui-chord-DO15ZDCS.js +1347 -0
  105. package/dist/vue-ui-circle-pack-DYTllMPV.js +1635 -0
  106. package/dist/{vue-ui-cursor-CQWLyEx0.js → vue-ui-cursor-CtViSjNp.js} +2 -2
  107. package/dist/{vue-ui-dag-BqlsutMj.js → vue-ui-dag-NXtGYzqg.js} +792 -792
  108. package/dist/{vue-ui-dashboard-Be3MmkgS.js → vue-ui-dashboard-D3_4QohV.js} +67 -67
  109. package/dist/{vue-ui-digits-BqdfbcKX.js → vue-ui-digits-CB09pLQx.js} +2 -2
  110. package/dist/vue-ui-donut-evolution-DhrtxvAd.js +1552 -0
  111. package/dist/{vue-ui-donut-gzGZ42uH.js → vue-ui-donut-eysaEyTy.js} +2 -2
  112. package/dist/vue-ui-donut-yTE6D8yV.js +2415 -0
  113. package/dist/vue-ui-dumbbell-CmGIeULQ.js +1533 -0
  114. package/dist/vue-ui-flow-qYAq3Rmn.js +1217 -0
  115. package/dist/vue-ui-funnel-CLAii4wi.js +749 -0
  116. package/dist/vue-ui-galaxy-BVX-o2f-.js +1085 -0
  117. package/dist/vue-ui-gauge-D76-4Z_0.js +934 -0
  118. package/dist/{vue-ui-geo-Ca8kPYr-.js → vue-ui-geo-BQ7-UnuG.js} +429 -429
  119. package/dist/{vue-ui-gizmo-wUqHJICb.js → vue-ui-gizmo-C47zjcs-.js} +2 -2
  120. package/dist/vue-ui-heatmap-XJef60IZ.js +1558 -0
  121. package/dist/{vue-ui-hill-D6Y9Xy2K.js → vue-ui-hill-D5BYGPXB.js} +470 -470
  122. package/dist/vue-ui-history-plot-D-d-1ZiM.js +1698 -0
  123. package/dist/{vue-ui-horizontal-bar-3on3-H3B.js → vue-ui-horizontal-bar-BgFHi6_7.js} +511 -511
  124. package/dist/{vue-ui-kpi-CUpRRIUf.js → vue-ui-kpi-Cb8QJeaj.js} +2 -2
  125. package/dist/{vue-ui-label-DR2qUZOG.js → vue-ui-label-ClMQ5Gez.js} +1 -1
  126. package/dist/{vue-ui-mini-loader-D8W-fERs.js → vue-ui-mini-loader-DtPOVIkK.js} +1 -1
  127. package/dist/vue-ui-molecule-BzwMl-in.js +929 -0
  128. package/dist/{vue-ui-mood-radar-TW251icr.js → vue-ui-mood-radar-BUR_YCcr.js} +376 -376
  129. package/dist/vue-ui-nested-donuts-BEB4nfsD.js +1503 -0
  130. package/dist/vue-ui-onion-CG6myK7a.js +1235 -0
  131. package/dist/{vue-ui-parallel-coordinate-plot-RM25bxtf.js → vue-ui-parallel-coordinate-plot-CSO4johj.js} +407 -407
  132. package/dist/vue-ui-quadrant-CKav0I6g.js +1967 -0
  133. package/dist/{vue-ui-quick-chart-Cswm3_eI.js → vue-ui-quick-chart-BAQNS9_2.js} +4 -4
  134. package/dist/vue-ui-radar-ClPAgf5I.js +1374 -0
  135. package/dist/vue-ui-rating-CWFMoYpE.js +359 -0
  136. package/dist/vue-ui-relation-circle-Da2MhrVe.js +905 -0
  137. package/dist/vue-ui-ridgeline-D7gFs8yR.js +1630 -0
  138. package/dist/vue-ui-rings-DkDJ0k5b.js +1252 -0
  139. package/dist/vue-ui-scatter-yv4JzJID.js +2405 -0
  140. package/dist/{vue-ui-skeleton-D_u8EWeW.js → vue-ui-skeleton-oFnh5zWs.js} +698 -698
  141. package/dist/vue-ui-smiley-DJVusLnp.js +376 -0
  142. package/dist/vue-ui-spark-trend-IqZWPvSB.js +457 -0
  143. package/dist/vue-ui-sparkbar-_FW47iYj.js +401 -0
  144. package/dist/vue-ui-sparkgauge--2vk2Y23.js +268 -0
  145. package/dist/vue-ui-sparkhistogram-CFEIPa5n.js +589 -0
  146. package/dist/{vue-ui-sparkline-9qkNNZG6.js → vue-ui-sparkline-Cs9CJR6W.js} +511 -511
  147. package/dist/vue-ui-sparkstackbar-Cvbue77A.js +738 -0
  148. package/dist/vue-ui-stackbar-C5ANS2hd.js +2355 -0
  149. package/dist/vue-ui-stackline-7yajJFW4.js +2469 -0
  150. package/dist/vue-ui-strip-plot-BT6Eqhup.js +1740 -0
  151. package/dist/vue-ui-table-CiccGbRB.js +1352 -0
  152. package/dist/{vue-ui-table-heatmap-XmDK1aHJ.js → vue-ui-table-heatmap-DnP3pzh2.js} +2 -2
  153. package/dist/vue-ui-table-sparkline-Bp7RiZh4.js +738 -0
  154. package/dist/{vue-ui-thermometer-CLx3SPRv.js → vue-ui-thermometer-CawumQKP.js} +192 -192
  155. package/dist/{vue-ui-timer-BDWUNb6t.js → vue-ui-timer-CXinMW7q.js} +153 -153
  156. package/dist/vue-ui-tiremarks-BnI2uhki.js +540 -0
  157. package/dist/vue-ui-treemap-DTlFbfD6.js +1733 -0
  158. package/dist/vue-ui-waffle-CjgRkQAp.js +1621 -0
  159. package/dist/vue-ui-wheel-B02tiG0p.js +873 -0
  160. package/dist/vue-ui-word-cloud-BZnCOMHx.js +1710 -0
  161. package/dist/{vue-ui-world-C2atz4Xm.js → vue-ui-world-DO2VZ-T-.js} +524 -524
  162. package/dist/vue-ui-xy-BC9GVdWE.js +5283 -0
  163. package/dist/{vue-ui-xy-CpA0W6zM.js → vue-ui-xy-CD6BiP_g.js} +2 -2
  164. package/dist/vue-ui-xy-canvas-DANPuyf4.js +1824 -0
  165. package/dist/{vue_ui_age_pyramid-BY6c-oX_.js → vue_ui_age_pyramid-B2R66DgQ.js} +15 -6
  166. package/package.json +1 -1
  167. package/dist/vue-ui-3d-bar-C0aLR6lw.js +0 -1831
  168. package/dist/vue-ui-age-pyramid-DUcB3lYs.js +0 -1243
  169. package/dist/vue-ui-bullet-DIOCMF2H.js +0 -702
  170. package/dist/vue-ui-candlestick-Cf8TYPl5.js +0 -1859
  171. package/dist/vue-ui-chestnut-BMAuaeif.js +0 -2016
  172. package/dist/vue-ui-chord-DCe2iPjk.js +0 -1347
  173. package/dist/vue-ui-circle-pack-Eb5hS_z3.js +0 -1635
  174. package/dist/vue-ui-donut-CuQVKuZa.js +0 -2415
  175. package/dist/vue-ui-donut-evolution-DckruxZ9.js +0 -1552
  176. package/dist/vue-ui-dumbbell-BYU-hh2E.js +0 -1531
  177. package/dist/vue-ui-flow-DLRcNDLc.js +0 -1217
  178. package/dist/vue-ui-funnel-DjoqNN1U.js +0 -749
  179. package/dist/vue-ui-galaxy-BhR4IOra.js +0 -1085
  180. package/dist/vue-ui-gauge-Cq161Kwp.js +0 -934
  181. package/dist/vue-ui-heatmap-Bl5ymvi9.js +0 -1555
  182. package/dist/vue-ui-history-plot-CvVjsdCL.js +0 -1698
  183. package/dist/vue-ui-molecule-BExVLLgE.js +0 -929
  184. package/dist/vue-ui-nested-donuts-CWzJKr3S.js +0 -1503
  185. package/dist/vue-ui-onion-VaYZQK5i.js +0 -1235
  186. package/dist/vue-ui-quadrant-Dmtwow7n.js +0 -1967
  187. package/dist/vue-ui-radar-C3GYthqu.js +0 -1374
  188. package/dist/vue-ui-rating-CBdDXL80.js +0 -359
  189. package/dist/vue-ui-relation-circle-BA0qy0kp.js +0 -905
  190. package/dist/vue-ui-ridgeline-C5skjBTe.js +0 -1630
  191. package/dist/vue-ui-rings-BJ8yEQMw.js +0 -1252
  192. package/dist/vue-ui-scatter-DXg8ESgr.js +0 -2405
  193. package/dist/vue-ui-smiley-DQOp87rr.js +0 -376
  194. package/dist/vue-ui-spark-trend-CjCufXof.js +0 -457
  195. package/dist/vue-ui-sparkbar-BniEM15a.js +0 -401
  196. package/dist/vue-ui-sparkgauge-BtyCrqTQ.js +0 -268
  197. package/dist/vue-ui-sparkhistogram-DQdn3PW1.js +0 -589
  198. package/dist/vue-ui-sparkstackbar-BXQlOdOk.js +0 -738
  199. package/dist/vue-ui-stackbar-CkjicNDv.js +0 -2355
  200. package/dist/vue-ui-stackline-BB1IZta8.js +0 -2469
  201. package/dist/vue-ui-strip-plot-DGLGuH6e.js +0 -1740
  202. package/dist/vue-ui-table-BXz_HY2g.js +0 -1352
  203. package/dist/vue-ui-table-sparkline-MTEw3imE.js +0 -738
  204. package/dist/vue-ui-tiremarks-DoaypTC-.js +0 -540
  205. package/dist/vue-ui-treemap-Bv7PgpiC.js +0 -1733
  206. package/dist/vue-ui-waffle-z2DhvSAx.js +0 -1621
  207. package/dist/vue-ui-wheel-DYLBJuFb.js +0 -873
  208. package/dist/vue-ui-word-cloud-CbpEhSdL.js +0 -1710
  209. package/dist/vue-ui-xy-B3DQ6t46.js +0 -5283
  210. package/dist/vue-ui-xy-canvas-CJefORWc.js +0 -1824
@@ -1,589 +0,0 @@
1
- import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
2
- import { Pt as t, Ut as n, Wt as r, X as i, Zt as a, ht as o, i as s, nt as c, q as l, t as ee } from "./lib-Dql7cqyA.js";
3
- import { n as u, t as d } from "./useHints-Dq_w2E8B.js";
4
- import { t as f } from "./useConfig-C_mX5pOZ.js";
5
- import { n as p, t as te } from "./BaseScanner-DZvpgOjM.js";
6
- import { t as m } from "./useNestedProp-Chvyfpl-.js";
7
- import { t as ne } from "./useThemeCheck-C43Tcqmk.js";
8
- import { t as re } from "./Shape-CIqU-p2F.js";
9
- import { t as ie } from "./_plugin-vue_export-helper-B3ysoDQm.js";
10
- import { l as ae, t as oe } from "./useResponsive-ZtArZtUf.js";
11
- import { t as h } from "./DefGrad-DVBqDjhO.js";
12
- import { t as se } from "./A11yDataTable-DdRsVULz.js";
13
- import { t as ce } from "./useChartAccessibility-DYqac8yF.js";
14
- import { t as le } from "./useFitSvgText-CXTzBplU.js";
15
- import { t as ue } from "./vue_ui_sparkhistogram-BRgvKUH6.js";
16
- import { Fragment as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as de, createVNode as fe, defineAsyncComponent as pe, guardReactiveProps as me, nextTick as he, normalizeClass as ge, normalizeProps as _e, normalizeStyle as S, onMounted as ve, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, toRefs as ye, unref as O, useCssVars as be, watch as k } from "vue";
17
- //#region src/components/vue-ui-sparkhistogram.vue
18
- var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, Ce = { key: 1 }, we = { style: { position: "relative" } }, Te = [
19
- "xmlns",
20
- "viewBox",
21
- "aria-describedby"
22
- ], Ee = ["width", "height"], De = [
23
- "height",
24
- "width",
25
- "fill",
26
- "x",
27
- "stroke",
28
- "stroke-width",
29
- "rx",
30
- "stroke-dasharray"
31
- ], Oe = { key: 1 }, ke = [
32
- "x",
33
- "y",
34
- "height",
35
- "width",
36
- "fill",
37
- "stroke",
38
- "stroke-width",
39
- "rx"
40
- ], Ae = { key: 2 }, je = [
41
- "x",
42
- "y",
43
- "font-size",
44
- "font-weight",
45
- "fill"
46
- ], Me = [
47
- "x",
48
- "y",
49
- "font-size",
50
- "fill"
51
- ], Ne = [
52
- "x",
53
- "y",
54
- "font-size",
55
- "fill"
56
- ], Pe = [
57
- "height",
58
- "width",
59
- "x",
60
- "onMouseover",
61
- "onMouseleave",
62
- "onClick"
63
- ], Fe = {
64
- key: 0,
65
- style: {
66
- position: "absolute",
67
- top: "100%",
68
- left: "0",
69
- width: "100%"
70
- },
71
- "data-dom-to-png-ignore": "",
72
- "aria-hidden": "true"
73
- }, j = /*#__PURE__*/ ie({
74
- __name: "vue-ui-sparkhistogram",
75
- props: {
76
- config: {
77
- type: Object,
78
- default() {
79
- return {};
80
- }
81
- },
82
- dataset: {
83
- type: Array,
84
- default() {
85
- return [];
86
- }
87
- }
88
- },
89
- emits: ["selectDatapoint"],
90
- setup(e, { emit: ie }) {
91
- be((e) => ({ v5034d9c8: Xe.value }));
92
- let A = pe(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), { vue_ui_sparkhistogram: j } = f(), { isThemeValid: Ie, warnInvalidTheme: Le } = ne(), M = e, N = w(l()), P = w(null), F = w(null), I = w(null), L = w(null), R = w(null), z = w(!1), B = w(null), V = w("pointer"), H = w(q());
93
- u({
94
- config: () => H.value,
95
- dataset: () => M.dataset,
96
- component: "VueUiSparkHistogram",
97
- rules: [d.singleSeries, {
98
- test: (e) => e.length > 31,
99
- message: [
100
- "👀 The number of datapoints is > 31. For a more readable chart, consider:",
101
- "",
102
- "▶️ Using VueUiXy with a line series"
103
- ]
104
- }]
105
- });
106
- let Re = _(() => a({
107
- defaultConfig: { style: {
108
- animation: { show: !1 },
109
- backgroundColor: "#99999930"
110
- } },
111
- userConfig: H.value.skeletonConfig ?? {}
112
- })), { loading: ze, FINAL_DATASET: U, manualLoading: Be } = p({
113
- ...ye(M),
114
- FINAL_CONFIG: H,
115
- prepareConfig: q,
116
- skeletonDataset: M.config?.skeletonDataset ?? [
117
- {
118
- value: 1,
119
- intensity: .2,
120
- color: "#CACACA"
121
- },
122
- {
123
- value: 2,
124
- intensity: .3,
125
- color: "#CACACA"
126
- },
127
- {
128
- value: 3,
129
- intensity: .5,
130
- color: "#CACACA"
131
- },
132
- {
133
- value: 5,
134
- intensity: .7,
135
- color: "#CACACA"
136
- },
137
- {
138
- value: 8,
139
- intensity: .9,
140
- color: "#CACACA"
141
- },
142
- {
143
- value: 13,
144
- intensity: .95,
145
- color: "#CACACA"
146
- },
147
- {
148
- value: 21,
149
- intensity: 1,
150
- color: "#CACACA"
151
- },
152
- {
153
- value: 13,
154
- intensity: .95,
155
- color: "#CACACA"
156
- },
157
- {
158
- value: 8,
159
- intensity: .9,
160
- color: "#CACACA"
161
- },
162
- {
163
- value: 5,
164
- intensity: .7,
165
- color: "#CACACA"
166
- },
167
- {
168
- value: 3,
169
- intensity: .5,
170
- color: "#CACACA"
171
- },
172
- {
173
- value: 2,
174
- intensity: .3,
175
- color: "#CACACA"
176
- },
177
- {
178
- value: 1,
179
- intensity: .2,
180
- color: "#CACACA"
181
- }
182
- ],
183
- skeletonConfig: a({
184
- defaultConfig: H.value,
185
- userConfig: Re.value
186
- })
187
- }), W = w(H.value.style.layout.width), G = w(H.value.style.layout.height), { svgRef: K } = ce({ config: H.value.style.title });
188
- function q() {
189
- let e = m({
190
- userConfig: M.config,
191
- defaultConfig: j
192
- }), t = e.theme;
193
- if (!t) return e;
194
- if (!Ie.value(e)) return Le(e), e;
195
- let n = m({
196
- userConfig: ue[t] || M.config,
197
- defaultConfig: e
198
- });
199
- return m({
200
- userConfig: M.config,
201
- defaultConfig: n
202
- });
203
- }
204
- ve(() => {
205
- He();
206
- });
207
- let Ve = _(() => H.value.debug);
208
- function He() {
209
- if (t(M.dataset) ? c({
210
- componentName: "VueUiSparkHistogram",
211
- type: "dataset",
212
- debug: Ve.value
213
- }) : Ve.value && M.dataset.forEach((e, t) => {
214
- o({
215
- datasetObject: e,
216
- requiredAttributes: ["value"]
217
- }).forEach((e) => {
218
- c({
219
- componentName: "VueUiSparkHistogram",
220
- type: "datasetSerieAttribute",
221
- property: e,
222
- index: t
223
- });
224
- });
225
- }), H.value.responsive) {
226
- let e = ae(() => {
227
- let { width: e, height: t } = oe({
228
- chart: I.value,
229
- title: H.value.style.title.text ? F.value : null,
230
- source: P.value
231
- }), n = H.value.style.labels.timeLabel.show ? H.value.style.labels.timeLabel.fontSize * 2 : 0, r = H.value.style.labels.valueLabel.show ? H.value.style.labels.valueLabel.fontSize * 2 : 0;
232
- requestAnimationFrame(() => {
233
- W.value = Math.max(10, e), G.value = Math.max(10, t - 12 - n - r);
234
- });
235
- });
236
- L.value && (R.value && L.value.unobserve(R.value), L.value.disconnect()), L.value = new ResizeObserver(e), R.value = I.value.parentNode, L.value.observe(R.value);
237
- }
238
- }
239
- k(() => M.config, (e) => {
240
- H.value = q(), He();
241
- }, { deep: !0 });
242
- let J = _(() => {
243
- let e = H.value.style.labels.timeLabel.show ? H.value.style.labels.timeLabel.fontSize * 2 : 0, t = H.value.style.labels.valueLabel.show ? H.value.style.labels.valueLabel.fontSize * 2 : 0, n = G.value + e + t, r = W.value, i = H.value.style.layout.padding.top, a = n - H.value.style.layout.padding.bottom, o = H.value.style.layout.padding.left, s = r - H.value.style.layout.padding.right;
244
- return {
245
- bottom: a,
246
- centerY: i + (n - i - H.value.style.layout.padding.bottom) / 2,
247
- drawingHeight: n - H.value.style.layout.padding.top - H.value.style.layout.padding.bottom - e - t,
248
- drawingWidth: r - H.value.style.layout.padding.left - H.value.style.layout.padding.right,
249
- height: n,
250
- left: o,
251
- right: s,
252
- top: i,
253
- width: r
254
- };
255
- }), Ue = _(() => Math.max(...U.value.map((e) => Math.abs(e.value || 0))));
256
- function We(e) {
257
- return Math.abs(e) / Ue.value;
258
- }
259
- let Y = _(() => U.value.map((e, t) => {
260
- let r = We(e.value || 0), i = J.value.drawingHeight * r, a = J.value.drawingWidth / U.value.length, o = a * (H.value.style.bars.gap / 100), s = a - o, c = J.value.centerY - i / 2, l = J.value.left + (o / 2 + t * a), ee = J.value.left + t * a, u = e.intensity === void 0 ? 100 : Math.round(e.intensity * 100), d = e.color ? e.color : e.value >= 0 ? n(H.value.style.bars.colors.positive, u) : n(H.value.style.bars.colors.negative, u), f = e.color ? e.color : e.value >= 0 ? H.value.style.bars.colors.positive : H.value.style.bars.colors.negative, p = e.color ? `url(#gradient_datapoint_${t}_${N.value})` : e.value >= 0 ? `url(#gradient_positive_${t}_${N.value})` : `url(#gradient_negative_${t}_${N.value})`, te = l + s / 2;
261
- return {
262
- ...e,
263
- color: d,
264
- gradient: p,
265
- height: i,
266
- intensity: u,
267
- proportion: r,
268
- stroke: f,
269
- textAnchor: te,
270
- trapX: ee,
271
- unitWidth: a,
272
- width: s,
273
- x: l,
274
- y: c
275
- };
276
- }));
277
- function Ge(e, t) {
278
- return s(H.value.style.labels.value.formatter, e.value, i({
279
- p: H.value.style.labels.value.prefix,
280
- v: e.value,
281
- s: H.value.style.labels.value.suffix,
282
- r: H.value.style.labels.value.rounding
283
- }), {
284
- datapoint: e,
285
- seriesIndex: t
286
- });
287
- }
288
- let X = w(null), Ke = ie;
289
- function Z(e, t) {
290
- Ke("selectDatapoint", {
291
- datapoint: e,
292
- index: t
293
- }), H.value.events.datapointClick && H.value.events.datapointClick({
294
- datapoint: e,
295
- seriesIndex: t
296
- });
297
- }
298
- function qe(e, t) {
299
- V.value = "pointer", B.value = t, X.value = t, H.value.events.datapointEnter && H.value.events.datapointEnter({
300
- datapoint: e,
301
- seriesIndex: t
302
- });
303
- }
304
- function Je(e, t) {
305
- V.value !== "keyboard" && (X.value = null, B.value = null, H.value.events.datapointLeave && H.value.events.datapointLeave({
306
- datapoint: e,
307
- seriesIndex: t
308
- }));
309
- }
310
- function Ye() {
311
- V.value !== "keyboard" && (X.value = null, B.value = null);
312
- }
313
- let Xe = _(() => `${H.value.style.animation.speedMs}ms`), Ze = _(() => J.value.drawingWidth / U.value.length * .9), { fitText: Q } = le({
314
- svgRef: K,
315
- unitWidth: Ze
316
- });
317
- ve(async () => {
318
- await he(), Q(".vue-ui-sparkhistogram-top-label", H.value.style.labels.value.minFontSize), Q(".vue-ui-sparkhistogram-bottom-label", H.value.style.labels.valueLabel.minFontSize), Q(".vue-ui-sparkhistogram-time-label", H.value.style.labels.timeLabel.minFontSize);
319
- }), k([
320
- W,
321
- G,
322
- () => U.value
323
- ], async () => {
324
- await he(), Q(".vue-ui-sparkhistogram-top-label", H.value.style.labels.value.minFontSize), Q(".vue-ui-sparkhistogram-bottom-label", H.value.style.labels.valueLabel.minFontSize), Q(".vue-ui-sparkhistogram-time-label", H.value.style.labels.timeLabel.minFontSize);
325
- });
326
- function Qe() {
327
- z.value = !0;
328
- }
329
- function $e() {
330
- z.value = !1, B.value = null, V.value = "pointer", X.value = null;
331
- }
332
- function et(e) {
333
- if (!K.value || document.activeElement !== K.value || !Y.value.length) return;
334
- let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
335
- if (!t && !n && !r && !i) return;
336
- if (e.preventDefault(), e.stopPropagation(), i) {
337
- B.value = null, X.value = null, V.value = "pointer";
338
- return;
339
- }
340
- if (r) {
341
- if (X.value === null) return;
342
- let e = Y.value[X.value];
343
- if (!e) return;
344
- Z(e, X.value);
345
- return;
346
- }
347
- V.value = "keyboard";
348
- let a = B.value;
349
- a === null || a < 0 || a >= Y.value.length ? a = n ? 0 : Y.value.length - 1 : n ? (a += 1, a >= Y.value.length && (a = 0)) : t && (--a, a < 0 && (a = Y.value.length - 1)), B.value = a, X.value = a;
350
- let o = Y.value[a];
351
- H.value.events.datapointEnter && H.value.events.datapointEnter({
352
- datapoint: o,
353
- seriesIndex: a
354
- });
355
- }
356
- let $ = _(() => ({
357
- headers: [
358
- H.value.a11y?.translations?.series ?? "Series",
359
- H.value.a11y?.translations?.time ?? "Time",
360
- H.value.a11y?.translations?.value ?? "Value",
361
- H.value.a11y?.translations?.valueLabel ?? "Label"
362
- ],
363
- rows: Y.value.map((e, t) => [
364
- t + 1,
365
- e.timeLabel ?? "",
366
- e.value ?? "",
367
- e.valueLabel ?? ""
368
- ])
369
- }));
370
- return (e, t) => (C(), b("div", {
371
- class: "vue-data-ui-component vue-ui-spark-histogram",
372
- ref_key: "histogramChart",
373
- ref: I,
374
- style: S(`width:100%;background:${H.value.style.backgroundColor};font-family:${H.value.style.fontFamily}`),
375
- onMouseleave: Ye
376
- }, [
377
- x("div", {
378
- id: `chart-instructions-${N.value}`,
379
- class: "sr-only"
380
- }, [x("p", null, D(H.value.a11y.translations.keyboardNavigation), 1)], 8, xe),
381
- $.value?.rows?.length ? (C(), v(se, {
382
- key: 0,
383
- uid: N.value,
384
- head: $.value.headers,
385
- body: $.value.rows,
386
- notice: H.value.a11y.translations.tableAvailable,
387
- caption: H.value.a11y.translations.tableCaption
388
- }, null, 8, [
389
- "uid",
390
- "head",
391
- "body",
392
- "notice",
393
- "caption"
394
- ])) : y("", !0),
395
- H.value.style.title.text ? (C(), b("div", {
396
- key: 1,
397
- ref_key: "chartTitle",
398
- ref: F,
399
- style: S(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${H.value.style.title.margin};padding: 0 6px;text-align:${H.value.style.title.textAlign}`)
400
- }, [x("div", { style: S(`font-size:${H.value.style.title.fontSize}px;color:${H.value.style.title.color};font-weight:${H.value.style.title.bold ? "bold" : "normal"}`) }, [
401
- de(D(H.value.style.title.text) + " ", 1),
402
- X.value === null ? y("", !0) : (C(), b("span", Se, "- " + D(Y.value[X.value].timeLabel || "") + " " + D(O(s)(H.value.style.labels.value.formatter, Y.value[X.value].value, O(i)({
403
- p: H.value.style.labels.value.prefix,
404
- v: Y.value[X.value].value,
405
- s: H.value.style.labels.value.suffix,
406
- r: H.value.style.labels.value.rounding
407
- }), {
408
- datapoint: Y.value[X.value],
409
- seriesIndex: X.value
410
- })), 1)),
411
- ![void 0, null].includes(X.value) && ![null, void 0].includes(Y.value[X.value].valueLabel) ? (C(), b("span", Ce, D(` (${Y.value[X.value].valueLabel || 0})`), 1)) : y("", !0)
412
- ], 4), H.value.style.title.subtitle.text ? (C(), b("div", {
413
- key: 0,
414
- style: S(`font-size:${H.value.style.title.subtitle.fontSize}px;color:${H.value.style.title.subtitle.color};font-weight:${H.value.style.title.subtitle.bold ? "bold" : "normal"}`)
415
- }, D(H.value.style.title.subtitle.text), 5)) : y("", !0)], 4)) : y("", !0),
416
- x("div", we, [(C(), b("svg", {
417
- ref_key: "svgRef",
418
- ref: K,
419
- xmlns: O(ee),
420
- viewBox: `0 0 ${J.value.width} ${J.value.height}`,
421
- style: { overflow: "visible" },
422
- "aria-describedby": `chart-instructions-${N.value}`,
423
- tabindex: "0",
424
- onFocus: Qe,
425
- onBlur: $e,
426
- onKeydown: et
427
- }, [
428
- fe(O(A)),
429
- e.$slots["chart-background"] ? (C(), b("foreignObject", {
430
- key: 0,
431
- x: 0,
432
- y: 0,
433
- width: J.value.width,
434
- height: J.value.height,
435
- style: { pointerEvents: "none" }
436
- }, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, Ee)) : y("", !0),
437
- x("defs", null, [
438
- (C(!0), b(g, null, T(Y.value, (e, t) => (C(), v(h, {
439
- t: "radial",
440
- id: `gradient_positive_${t}_${N.value}`,
441
- key: `gradient_positive_${t}_${N.value}`,
442
- cy: "50%",
443
- cx: "50%",
444
- r: "50%",
445
- fx: "50%",
446
- fy: "50%",
447
- stops: [[
448
- "0%",
449
- O(n)(O(r)(H.value.style.bars.colors.positive, .05), e.intensity),
450
- 1
451
- ], [
452
- "100%",
453
- O(n)(H.value.style.bars.colors.positive, e.intensity),
454
- 1
455
- ]]
456
- }, null, 8, ["id", "stops"]))), 128)),
457
- (C(!0), b(g, null, T(Y.value, (e, t) => (C(), v(h, {
458
- t: "radial",
459
- id: `gradient_negative_${t}_${N.value}`,
460
- key: `gradient_negative_${t}_${N.value}`,
461
- cy: "50%",
462
- cx: "50%",
463
- r: "50%",
464
- fx: "50%",
465
- fy: "50%",
466
- stops: [[
467
- "0%",
468
- O(n)(O(r)(H.value.style.bars.colors.negative, .05), e.intensity),
469
- 1
470
- ], [
471
- "100%",
472
- O(n)(H.value.style.bars.colors.negative, e.intensity),
473
- 1
474
- ]]
475
- }, null, 8, ["id", "stops"]))), 128)),
476
- (C(!0), b(g, null, T(Y.value, (e, t) => (C(), v(h, {
477
- t: "radial",
478
- id: `gradient_datapoint_${t}_${N.value}`,
479
- key: `gradient_datapoint_${t}_${N.value}`,
480
- cy: "50%",
481
- cx: "50%",
482
- r: "50%",
483
- fx: "50%",
484
- fy: "50%",
485
- stops: [[
486
- "0%",
487
- O(n)(O(r)(e.color, .05), e.intensity),
488
- 1
489
- ], [
490
- "100%",
491
- O(n)(e.color, e.intensity),
492
- 1
493
- ]]
494
- }, null, 8, ["id", "stops"]))), 128))
495
- ]),
496
- (C(!0), b(g, null, T(Y.value, (e, t) => (C(), b("g", null, [X.value !== null && X.value === t ? (C(), b("rect", {
497
- key: 0,
498
- height: J.value.height,
499
- width: e.unitWidth,
500
- fill: H.value.style.selector.fill,
501
- x: e.trapX,
502
- y: 0,
503
- stroke: H.value.style.selector.stroke,
504
- "stroke-width": H.value.style.selector.strokeWidth,
505
- rx: H.value.style.selector.borderRadius,
506
- "stroke-dasharray": H.value.style.selector.strokeDasharray
507
- }, null, 8, De)) : y("", !0)]))), 256)),
508
- !H.value.style.bars.shape || H.value.style.bars.shape === "square" ? (C(), b("g", Oe, [(C(!0), b(g, null, T(Y.value, (e, t) => (C(), b("rect", {
509
- x: e.x,
510
- y: e.y,
511
- height: e.height,
512
- width: e.width,
513
- fill: H.value.style.bars.colors.gradient.show ? e.gradient : e.color,
514
- stroke: e.stroke,
515
- "stroke-width": H.value.style.bars.strokeWidth,
516
- rx: `${H.value.style.bars.borderRadius * e.proportion / 12}%`,
517
- class: ge({ "vue-ui-sparkhistogram-shape": H.value.style.animation.show })
518
- }, null, 10, ke))), 256))])) : (C(), b("g", Ae, [(C(!0), b(g, null, T(Y.value, (e, t) => (C(), v(re, {
519
- plot: {
520
- x: e.x + e.width / 2,
521
- y: e.y + e.height / 2
522
- },
523
- color: H.value.style.bars.colors.gradient.show ? e.gradient : e.color,
524
- shape: H.value.style.bars.shape,
525
- radius: Math.min(e.height * .4, e.width * .4),
526
- class: ge({ "vue-ui-sparkhistogram-shape": H.value.style.animation.show })
527
- }, null, 8, [
528
- "plot",
529
- "color",
530
- "shape",
531
- "radius",
532
- "class"
533
- ]))), 256))])),
534
- O(ze) ? y("", !0) : (C(), b(g, { key: 3 }, [
535
- (C(!0), b(g, null, T(Y.value, (e, t) => (C(), b("g", null, [H.value.style.labels.value.show ? (C(), b("text", {
536
- key: 0,
537
- class: "vue-ui-sparkhistogram-top-label",
538
- "text-anchor": "middle",
539
- x: e.textAnchor,
540
- y: e.y - H.value.style.labels.value.fontSize / 3 + H.value.style.labels.value.offsetY,
541
- "font-size": H.value.style.labels.value.fontSize,
542
- "font-weight": H.value.style.labels.value.bold ? "bold" : "normal",
543
- fill: H.value.style.labels.value.color
544
- }, D(Ge(e, t)), 9, je)) : y("", !0)]))), 256)),
545
- (C(!0), b(g, null, T(Y.value, (e, t) => (C(), b("g", null, [e.valueLabel && H.value.style.labels.valueLabel.show ? (C(), b("text", {
546
- key: 0,
547
- class: "vue-ui-sparkhistogram-bottom-label",
548
- x: e.textAnchor,
549
- y: e.y + e.height + H.value.style.labels.valueLabel.fontSize,
550
- "font-size": H.value.style.labels.valueLabel.fontSize,
551
- "text-anchor": "middle",
552
- fill: H.value.style.labels.valueLabel.color
553
- }, D(e.valueLabel), 9, Me)) : y("", !0)]))), 256)),
554
- (C(!0), b(g, null, T(Y.value, (e, t) => (C(), b("g", null, [e.timeLabel && H.value.style.labels.timeLabel.show ? (C(), b("text", {
555
- key: 0,
556
- class: "vue-ui-sparkhistogram-time-label",
557
- x: e.textAnchor,
558
- y: J.value.height,
559
- "font-size": H.value.style.labels.timeLabel.fontSize,
560
- fill: H.value.style.labels.timeLabel.color,
561
- "text-anchor": "middle"
562
- }, D(e.timeLabel), 9, Ne)) : y("", !0)]))), 256))
563
- ], 64)),
564
- (C(!0), b(g, null, T(Y.value, (e, t) => (C(), b("g", null, [x("rect", {
565
- height: J.value.height,
566
- width: e.unitWidth,
567
- fill: "transparent",
568
- x: e.trapX,
569
- y: 0,
570
- onMouseover: (n) => qe(e, t),
571
- onMouseleave: (n) => Je(e, t),
572
- onClick: () => Z(e, t)
573
- }, null, 40, Pe)]))), 256))
574
- ], 40, Te)), e.$slots.hint ? (C(), b("div", Fe, [E(e.$slots, "hint", _e(me({
575
- hint: H.value.a11y.translations.keyboardNavigation,
576
- isVisible: z.value
577
- })), void 0, !0)])) : y("", !0)]),
578
- e.$slots.source ? (C(), b("div", {
579
- key: 2,
580
- ref_key: "source",
581
- ref: P,
582
- dir: "auto"
583
- }, [E(e.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
584
- E(e.$slots, "skeleton", {}, () => [O(ze) ? (C(), v(te, { key: 0 })) : y("", !0)], !0)
585
- ], 36));
586
- }
587
- }, [["__scopeId", "data-v-9193580a"]]);
588
- //#endregion
589
- export { A as n, j as t };