vue-data-ui 3.25.4 → 3.25.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.
Files changed (213) hide show
  1. package/README.md +13 -13
  2. package/dist/{BaseDraggableDialog-BM_R41j8.js → BaseDraggableDialog-Gm4Q30j0.js} +1 -1
  3. package/dist/{BaseIcon-t83PDe9k.js → BaseIcon-D8R6_sKH.js} +5 -5
  4. package/dist/{BaseLegendToggle-__JnV08B.js → BaseLegendToggle-CXQrLjd-.js} +1 -1
  5. package/dist/{BaseZoomControls-Xo16vFa4.js → BaseZoomControls-BTzjVDPM.js} +1 -1
  6. package/dist/{ColorPicker-ZJrR3Olp.js → ColorPicker-CUy15T72.js} +102 -100
  7. package/dist/{DataTable-COIO9gi4.js → DataTable-oiM9uWrQ.js} +1 -1
  8. package/dist/{HillActions-Cl-dNBZR.js → HillActions-Dn8aKOVJ.js} +1 -1
  9. package/dist/{NonSvgPenAndPaper-DS84BAOx.js → NonSvgPenAndPaper-DFXjpRyl.js} +2 -2
  10. package/dist/{PackageVersion-5SWftabm.js → PackageVersion-ur6jKRL5.js} +1 -1
  11. package/dist/{PenAndPaper-B_SdRSKH.js → PenAndPaper-KFzKlvbi.js} +20 -4
  12. package/dist/{SlicerPreview-GvsdvE-h.js → SlicerPreview-B6iHOC9L.js} +1 -1
  13. package/dist/{UserOptions-f3Q0nqrj.js → UserOptions-2x4VklMW.js} +1 -1
  14. package/dist/components/vue-ui-3d-bar.js +1 -1
  15. package/dist/components/vue-ui-accordion.js +1 -1
  16. package/dist/components/vue-ui-age-pyramid.js +1 -1
  17. package/dist/components/vue-ui-annotator.js +1 -1
  18. package/dist/components/vue-ui-bullet.js +1 -1
  19. package/dist/components/vue-ui-bump.js +1 -1
  20. package/dist/components/vue-ui-candlestick.js +1 -1
  21. package/dist/components/vue-ui-carousel-table.js +1 -1
  22. package/dist/components/vue-ui-chestnut.js +1 -1
  23. package/dist/components/vue-ui-chord.js +1 -1
  24. package/dist/components/vue-ui-circle-pack.js +1 -1
  25. package/dist/components/vue-ui-cursor.js +1 -1
  26. package/dist/components/vue-ui-dag.js +1 -1
  27. package/dist/components/vue-ui-dashboard.js +1 -1
  28. package/dist/components/vue-ui-digits.js +1 -1
  29. package/dist/components/vue-ui-donut-evolution.js +1 -1
  30. package/dist/components/vue-ui-donut.js +1 -1
  31. package/dist/components/vue-ui-dumbbell.js +1 -1
  32. package/dist/components/vue-ui-flow.js +1 -1
  33. package/dist/components/vue-ui-funnel.js +1 -1
  34. package/dist/components/vue-ui-galaxy.js +1 -1
  35. package/dist/components/vue-ui-gauge.js +1 -1
  36. package/dist/components/vue-ui-geo.js +1 -1
  37. package/dist/components/vue-ui-gizmo.js +1 -1
  38. package/dist/components/vue-ui-heatmap.js +1 -1
  39. package/dist/components/vue-ui-hill.js +1 -1
  40. package/dist/components/vue-ui-history-plot.js +1 -1
  41. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  42. package/dist/components/vue-ui-icon.js +1 -1
  43. package/dist/components/vue-ui-kpi.js +1 -1
  44. package/dist/components/vue-ui-label.js +1 -1
  45. package/dist/components/vue-ui-mini-loader.js +1 -1
  46. package/dist/components/vue-ui-molecule.js +1 -1
  47. package/dist/components/vue-ui-mood-radar.js +1 -1
  48. package/dist/components/vue-ui-nested-donuts.js +1 -1
  49. package/dist/components/vue-ui-onion.js +1 -1
  50. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  51. package/dist/components/vue-ui-quadrant.js +1 -1
  52. package/dist/components/vue-ui-quick-chart.js +1 -1
  53. package/dist/components/vue-ui-radar.js +1 -1
  54. package/dist/components/vue-ui-rating.js +1 -1
  55. package/dist/components/vue-ui-relation-circle.js +1 -1
  56. package/dist/components/vue-ui-ridgeline.js +1 -1
  57. package/dist/components/vue-ui-rings.js +1 -1
  58. package/dist/components/vue-ui-scatter.js +1 -1
  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 +1 -1
  63. package/dist/components/vue-ui-sparkgauge.js +1 -1
  64. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  65. package/dist/components/vue-ui-sparkline.js +1 -1
  66. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  67. package/dist/components/vue-ui-stackbar.js +1 -1
  68. package/dist/components/vue-ui-stackline.js +1 -1
  69. package/dist/components/vue-ui-strip-plot.js +1 -1
  70. package/dist/components/vue-ui-table-heatmap.js +1 -1
  71. package/dist/components/vue-ui-table-sparkline.js +1 -1
  72. package/dist/components/vue-ui-table.js +1 -1
  73. package/dist/components/vue-ui-thermometer.js +1 -1
  74. package/dist/components/vue-ui-timer.js +1 -1
  75. package/dist/components/vue-ui-tiremarks.js +1 -1
  76. package/dist/components/vue-ui-treemap.js +1 -1
  77. package/dist/components/vue-ui-vertical-bar.js +1 -1
  78. package/dist/components/vue-ui-waffle.js +1 -1
  79. package/dist/components/vue-ui-wheel.js +1 -1
  80. package/dist/components/vue-ui-word-cloud.js +1 -1
  81. package/dist/components/vue-ui-world.js +1 -1
  82. package/dist/components/vue-ui-xy-canvas.js +1 -1
  83. package/dist/components/vue-ui-xy.js +1 -1
  84. package/dist/{package-DmsdiyeS.js → package-Dx7M6sYy.js} +1 -1
  85. package/dist/{render-common-zoPh9a78.js → render-common-DETHvNhl.js} +1 -1
  86. package/dist/ssr/vue-ui-donut.js +1 -1
  87. package/dist/ssr/vue-ui-xy.js +1 -1
  88. package/dist/ssr.js +2 -2
  89. package/dist/style.css +1 -1
  90. package/dist/types/vue-data-ui.d.ts +80 -1
  91. package/dist/types/vue-ui-annotator.d.ts +58 -2
  92. package/dist/{useConfig-CyCVHo81.js → useConfig-CIQZ6_r7.js} +1339 -1313
  93. package/dist/{useObjectBindings-ByORl1rV.js → useObjectBindings---mHNfbS.js} +2 -2
  94. package/dist/utils.js +1 -1
  95. package/dist/{vue-data-ui-DTj71yB7.js → vue-data-ui-Dh3_EsHb.js} +70 -70
  96. package/dist/vue-data-ui.js +71 -71
  97. package/dist/vue-ui-3d-bar-i1REAKnM.js +1831 -0
  98. package/dist/{vue-ui-accordion-D4zsdacF.js → vue-ui-accordion-BSmBUjwZ.js} +2 -2
  99. package/dist/vue-ui-age-pyramid-DuHblCNO.js +1293 -0
  100. package/dist/vue-ui-annotator-CTQHAPho.js +3325 -0
  101. package/dist/vue-ui-bullet-CYLnKrmM.js +702 -0
  102. package/dist/{vue-ui-bump-BkOtQNWe.js → vue-ui-bump-DhwySwgn.js} +382 -380
  103. package/dist/vue-ui-candlestick-BpiECaDj.js +1859 -0
  104. package/dist/{vue-ui-carousel-table-CRgbs7jR.js → vue-ui-carousel-table-D-T2yA7-.js} +2 -2
  105. package/dist/vue-ui-chestnut-1MsZ9Q3r.js +2016 -0
  106. package/dist/vue-ui-chord-QBQUSe7r.js +1347 -0
  107. package/dist/vue-ui-circle-pack-ZWEwtesD.js +1635 -0
  108. package/dist/{vue-ui-cursor-BHyXRadA.js → vue-ui-cursor-CHQcHAHQ.js} +2 -2
  109. package/dist/{vue-ui-dag-CyVqaLbF.js → vue-ui-dag-C_inEafb.js} +794 -792
  110. package/dist/{vue-ui-dashboard-7I-7wvCP.js → vue-ui-dashboard-Bs2mBur5.js} +74 -72
  111. package/dist/{vue-ui-digits-BBL8uERO.js → vue-ui-digits-DwE4MoXI.js} +2 -2
  112. package/dist/vue-ui-donut-BM9dMHXj.js +2415 -0
  113. package/dist/{vue-ui-donut-DcgUuefk.js → vue-ui-donut-CbOSJmRu.js} +2 -2
  114. package/dist/vue-ui-donut-evolution-C97_RHus.js +1552 -0
  115. package/dist/vue-ui-dumbbell-DwKa5EL5.js +1533 -0
  116. package/dist/vue-ui-flow-DTTr3YL9.js +1217 -0
  117. package/dist/vue-ui-funnel-C4pkBk3D.js +749 -0
  118. package/dist/vue-ui-galaxy-CuAPLOvX.js +1085 -0
  119. package/dist/vue-ui-gauge-DLDULH26.js +934 -0
  120. package/dist/{vue-ui-geo-jR4P4pbt.js → vue-ui-geo-DXIHhp-G.js} +431 -429
  121. package/dist/{vue-ui-gizmo-D6W86s9o.js → vue-ui-gizmo-PuURiePo.js} +2 -2
  122. package/dist/vue-ui-heatmap-mvWLKB99.js +1555 -0
  123. package/dist/{vue-ui-hill-fFq7pm-g.js → vue-ui-hill-DqsVJkmO.js} +472 -470
  124. package/dist/vue-ui-history-plot-BBVLgt9_.js +1698 -0
  125. package/dist/{vue-ui-horizontal-bar-D3Sft4kp.js → vue-ui-horizontal-bar-y8Q8PZwT.js} +513 -511
  126. package/dist/{vue-ui-kpi-fzLsKlyE.js → vue-ui-kpi-B2hf3kpp.js} +2 -2
  127. package/dist/{vue-ui-label-BSgLalWD.js → vue-ui-label-ClMQ5Gez.js} +1 -1
  128. package/dist/{vue-ui-mini-loader-BL2odRfu.js → vue-ui-mini-loader-DtPOVIkK.js} +1 -1
  129. package/dist/vue-ui-molecule-eeW1Pmg8.js +929 -0
  130. package/dist/{vue-ui-mood-radar-bvGx6XgG.js → vue-ui-mood-radar-Dd1qfUiu.js} +378 -376
  131. package/dist/vue-ui-nested-donuts-CUARCr6O.js +1503 -0
  132. package/dist/vue-ui-onion-NoxHP0cG.js +1235 -0
  133. package/dist/{vue-ui-parallel-coordinate-plot-B_QJ4N9o.js → vue-ui-parallel-coordinate-plot-Cp3pCyxK.js} +409 -407
  134. package/dist/vue-ui-quadrant-C3kQtaeX.js +1967 -0
  135. package/dist/{vue-ui-quick-chart-BFscCR59.js → vue-ui-quick-chart-BZq517pL.js} +8 -6
  136. package/dist/vue-ui-radar-DvNrl4uD.js +1374 -0
  137. package/dist/vue-ui-rating-CWFMoYpE.js +359 -0
  138. package/dist/vue-ui-relation-circle-1iS6C0xx.js +905 -0
  139. package/dist/vue-ui-ridgeline-B-EZiPCF.js +1630 -0
  140. package/dist/vue-ui-rings-BXuwrHos.js +1252 -0
  141. package/dist/vue-ui-scatter-ByL-ZZ3B.js +2405 -0
  142. package/dist/{vue-ui-skeleton-zmbcOVEf.js → vue-ui-skeleton-BcU1onF6.js} +698 -698
  143. package/dist/vue-ui-smiley-DJVusLnp.js +376 -0
  144. package/dist/vue-ui-spark-trend-DjS31avb.js +457 -0
  145. package/dist/vue-ui-sparkbar-1Al_TLw1.js +401 -0
  146. package/dist/vue-ui-sparkgauge-CwLo53Y8.js +268 -0
  147. package/dist/vue-ui-sparkhistogram-CGw6SThG.js +589 -0
  148. package/dist/{vue-ui-sparkline-Dv7XrEzO.js → vue-ui-sparkline-CSZGBFfI.js} +511 -511
  149. package/dist/vue-ui-sparkstackbar-B8dloLMp.js +738 -0
  150. package/dist/vue-ui-stackbar-FvNd77t1.js +2355 -0
  151. package/dist/vue-ui-stackline-CP7PkqiG.js +2469 -0
  152. package/dist/vue-ui-strip-plot-DSMlDkv1.js +1740 -0
  153. package/dist/{vue-ui-table-heatmap-Dv_ZKKm3.js → vue-ui-table-heatmap-DnP3pzh2.js} +2 -2
  154. package/dist/vue-ui-table-rwKtnJKt.js +1352 -0
  155. package/dist/vue-ui-table-sparkline-B6wyEAyC.js +738 -0
  156. package/dist/{vue-ui-thermometer-DytlLJ32.js → vue-ui-thermometer-D0_KsB-y.js} +194 -192
  157. package/dist/{vue-ui-timer-CvHP4HoW.js → vue-ui-timer-1Z2zginj.js} +153 -153
  158. package/dist/vue-ui-tiremarks-zbl7aooy.js +540 -0
  159. package/dist/vue-ui-treemap-Drs4gK6L.js +1733 -0
  160. package/dist/vue-ui-waffle-DqUVsVNE.js +1621 -0
  161. package/dist/vue-ui-wheel-DLCBPW9t.js +873 -0
  162. package/dist/vue-ui-word-cloud-8Agk9h6c.js +1710 -0
  163. package/dist/{vue-ui-world-D0_2upjg.js → vue-ui-world-BOBHo7-L.js} +526 -524
  164. package/dist/vue-ui-xy-CSTJzRkk.js +5283 -0
  165. package/dist/{vue-ui-xy-D_5FfaH-.js → vue-ui-xy-Dmk1gQkI.js} +2 -2
  166. package/dist/vue-ui-xy-canvas-DANPuyf4.js +1824 -0
  167. package/dist/{vue_ui_age_pyramid-BY6c-oX_.js → vue_ui_age_pyramid-B2R66DgQ.js} +15 -6
  168. package/package.json +1 -1
  169. package/dist/vue-ui-3d-bar-CH8SpxS2.js +0 -1829
  170. package/dist/vue-ui-age-pyramid-B9MUVi75.js +0 -1241
  171. package/dist/vue-ui-annotator-CmlcWPIm.js +0 -2886
  172. package/dist/vue-ui-bullet-n8KNnDwh.js +0 -700
  173. package/dist/vue-ui-candlestick-Bxlvqk49.js +0 -1857
  174. package/dist/vue-ui-chestnut-ByDKbkG9.js +0 -2014
  175. package/dist/vue-ui-chord-DQRBgVOx.js +0 -1345
  176. package/dist/vue-ui-circle-pack-CBBc0HOe.js +0 -1633
  177. package/dist/vue-ui-donut-DfiocufT.js +0 -2413
  178. package/dist/vue-ui-donut-evolution-BoqO8By2.js +0 -1550
  179. package/dist/vue-ui-dumbbell-7M_oUQdi.js +0 -1529
  180. package/dist/vue-ui-flow-CoylrfnO.js +0 -1215
  181. package/dist/vue-ui-funnel-DaBYHWIC.js +0 -747
  182. package/dist/vue-ui-galaxy-BIebStQ3.js +0 -1083
  183. package/dist/vue-ui-gauge-CwdTmiRP.js +0 -932
  184. package/dist/vue-ui-heatmap-DXYlGwqR.js +0 -1553
  185. package/dist/vue-ui-history-plot-CgIELoD2.js +0 -1696
  186. package/dist/vue-ui-molecule-DeHWkkhy.js +0 -929
  187. package/dist/vue-ui-nested-donuts-CeAV2xPk.js +0 -1501
  188. package/dist/vue-ui-onion-B7oFulsQ.js +0 -1233
  189. package/dist/vue-ui-quadrant-DrKnz37q.js +0 -1965
  190. package/dist/vue-ui-radar-Bzx69q8f.js +0 -1372
  191. package/dist/vue-ui-rating-CimC9FQ9.js +0 -359
  192. package/dist/vue-ui-relation-circle-DIQYyDGb.js +0 -903
  193. package/dist/vue-ui-ridgeline-CPEnM45x.js +0 -1621
  194. package/dist/vue-ui-rings-qPL5Iwji.js +0 -1250
  195. package/dist/vue-ui-scatter-BB0ClTsU.js +0 -2403
  196. package/dist/vue-ui-smiley-DzPkCMN-.js +0 -376
  197. package/dist/vue-ui-spark-trend-Ciq7-k_q.js +0 -457
  198. package/dist/vue-ui-sparkbar-D1M7-naP.js +0 -401
  199. package/dist/vue-ui-sparkgauge-rsqaeR_n.js +0 -268
  200. package/dist/vue-ui-sparkhistogram-C4WXt2Ni.js +0 -589
  201. package/dist/vue-ui-sparkstackbar-DDOXdeV-.js +0 -738
  202. package/dist/vue-ui-stackbar-C_hMnOLb.js +0 -2353
  203. package/dist/vue-ui-stackline-BHGi63lD.js +0 -2467
  204. package/dist/vue-ui-strip-plot-Cygpn-l8.js +0 -1738
  205. package/dist/vue-ui-table-BQna1wL6.js +0 -1352
  206. package/dist/vue-ui-table-sparkline-BCuimtk6.js +0 -738
  207. package/dist/vue-ui-tiremarks-BvjdZwgh.js +0 -538
  208. package/dist/vue-ui-treemap-C5OpqzSc.js +0 -1731
  209. package/dist/vue-ui-waffle-B7T_Zzan.js +0 -1619
  210. package/dist/vue-ui-wheel-D1B0k7IW.js +0 -871
  211. package/dist/vue-ui-word-cloud-C4pX6jop.js +0 -1708
  212. package/dist/vue-ui-xy-Ck41KYqF.js +0 -5281
  213. package/dist/vue-ui-xy-canvas-B_8Mu19r.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-CyCVHo81.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-5SWftabm.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 };