vue-data-ui 3.5.0 → 3.5.2

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 (144) hide show
  1. package/README.md +26 -0
  2. package/dist/{ColorPicker-J5wOPCeB.js → ColorPicker-ChuwChMo.js} +58 -56
  3. package/dist/{NonSvgPenAndPaper-C7TRn0_3.js → NonSvgPenAndPaper-DVgKKLIf.js} +1 -1
  4. package/dist/{PackageVersion-Cyx_s25h.js → PackageVersion-Y7t79Jtq.js} +1 -1
  5. package/dist/PenAndPaper-SZQIAgkg.js +388 -0
  6. package/dist/{Title-l36lOBMx.js → Title-BzH_LEA3.js} +1 -1
  7. package/dist/components/vue-ui-3d-bar.js +1 -1
  8. package/dist/components/vue-ui-accordion.js +1 -1
  9. package/dist/components/vue-ui-age-pyramid.js +1 -1
  10. package/dist/components/vue-ui-annotator.js +1 -1
  11. package/dist/components/vue-ui-bullet.js +1 -1
  12. package/dist/components/vue-ui-candlestick.js +1 -1
  13. package/dist/components/vue-ui-carousel-table.js +1 -1
  14. package/dist/components/vue-ui-chestnut.js +1 -1
  15. package/dist/components/vue-ui-chord.js +1 -1
  16. package/dist/components/vue-ui-circle-pack.js +1 -1
  17. package/dist/components/vue-ui-cursor.js +1 -1
  18. package/dist/components/vue-ui-dashboard.js +1 -1
  19. package/dist/components/vue-ui-digits.js +1 -1
  20. package/dist/components/vue-ui-donut-evolution.js +1 -1
  21. package/dist/components/vue-ui-donut.js +1 -1
  22. package/dist/components/vue-ui-dumbbell.js +1 -1
  23. package/dist/components/vue-ui-flow.js +1 -1
  24. package/dist/components/vue-ui-funnel.js +1 -1
  25. package/dist/components/vue-ui-galaxy.js +1 -1
  26. package/dist/components/vue-ui-gauge.js +1 -1
  27. package/dist/components/vue-ui-gizmo.js +1 -1
  28. package/dist/components/vue-ui-heatmap.js +1 -1
  29. package/dist/components/vue-ui-history-plot.js +1 -1
  30. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  31. package/dist/components/vue-ui-kpi.js +1 -1
  32. package/dist/components/vue-ui-mini-loader.js +1 -1
  33. package/dist/components/vue-ui-molecule.js +1 -1
  34. package/dist/components/vue-ui-mood-radar.js +1 -1
  35. package/dist/components/vue-ui-nested-donuts.js +1 -1
  36. package/dist/components/vue-ui-onion.js +1 -1
  37. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  38. package/dist/components/vue-ui-quadrant.js +1 -1
  39. package/dist/components/vue-ui-quick-chart.js +1 -1
  40. package/dist/components/vue-ui-radar.js +1 -1
  41. package/dist/components/vue-ui-rating.js +1 -1
  42. package/dist/components/vue-ui-relation-circle.js +1 -1
  43. package/dist/components/vue-ui-ridgeline.js +1 -1
  44. package/dist/components/vue-ui-rings.js +1 -1
  45. package/dist/components/vue-ui-scatter.js +1 -1
  46. package/dist/components/vue-ui-skeleton.js +1 -1
  47. package/dist/components/vue-ui-smiley.js +1 -1
  48. package/dist/components/vue-ui-spark-trend.js +1 -1
  49. package/dist/components/vue-ui-sparkbar.js +1 -1
  50. package/dist/components/vue-ui-sparkgauge.js +1 -1
  51. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  52. package/dist/components/vue-ui-sparkline.js +1 -1
  53. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  54. package/dist/components/vue-ui-stackbar.js +1 -1
  55. package/dist/components/vue-ui-strip-plot.js +1 -1
  56. package/dist/components/vue-ui-table-heatmap.js +1 -1
  57. package/dist/components/vue-ui-table-sparkline.js +1 -1
  58. package/dist/components/vue-ui-table.js +1 -1
  59. package/dist/components/vue-ui-thermometer.js +1 -1
  60. package/dist/components/vue-ui-timer.js +1 -1
  61. package/dist/components/vue-ui-tiremarks.js +1 -1
  62. package/dist/components/vue-ui-treemap.js +1 -1
  63. package/dist/components/vue-ui-vertical-bar.js +1 -1
  64. package/dist/components/vue-ui-waffle.js +1 -1
  65. package/dist/components/vue-ui-wheel.js +1 -1
  66. package/dist/components/vue-ui-word-cloud.js +1 -1
  67. package/dist/components/vue-ui-world.js +1 -1
  68. package/dist/components/vue-ui-xy-canvas.js +1 -1
  69. package/dist/components/vue-ui-xy.js +1 -1
  70. package/dist/style.css +1 -1
  71. package/dist/types/vue-data-ui.d.ts +17 -8
  72. package/dist/{useNestedProp-BjZe1Y85.js → useNestedProp-CReNavA0.js} +23 -9
  73. package/dist/{vue-data-ui-DxgRqCAo.js → vue-data-ui-BRaq4hRp.js} +63 -63
  74. package/dist/vue-data-ui.js +64 -64
  75. package/dist/{vue-ui-3d-bar-DmNJp8SY.js → vue-ui-3d-bar-BB4ii8Nt.js} +454 -434
  76. package/dist/{vue-ui-accordion-CZ0thhxa.js → vue-ui-accordion-BmFTVF1a.js} +1 -1
  77. package/dist/{vue-ui-age-pyramid-CPAP3sNY.js → vue-ui-age-pyramid-8bUepd28.js} +180 -160
  78. package/dist/{vue-ui-annotator-BylDgUVb.js → vue-ui-annotator-CcpaXBNK.js} +3 -3
  79. package/dist/{vue-ui-bullet-Ce6uvCQJ.js → vue-ui-bullet-BvT4scFv.js} +190 -170
  80. package/dist/{vue-ui-candlestick-DewevWV_.js → vue-ui-candlestick-CMP7UL6z.js} +201 -181
  81. package/dist/{vue-ui-carousel-table-Dv1CDfE5.js → vue-ui-carousel-table-CzOcKsDj.js} +2 -2
  82. package/dist/{vue-ui-chestnut-D9sdFZ4E.js → vue-ui-chestnut-S787oASt.js} +375 -355
  83. package/dist/vue-ui-chord-Dl9Y4mcz.js +1153 -0
  84. package/dist/{vue-ui-circle-pack-Be74QB_0.js → vue-ui-circle-pack-CU09BzOV.js} +289 -269
  85. package/dist/{vue-ui-cursor-ik59bfC4.js → vue-ui-cursor-C3yD_TUr.js} +1 -1
  86. package/dist/vue-ui-dashboard-BfEcVRxQ.js +432 -0
  87. package/dist/{vue-ui-digits-ByNNcWXi.js → vue-ui-digits-pRh179Gg.js} +1 -1
  88. package/dist/{vue-ui-donut-BRGFcgxS.js → vue-ui-donut-B_tEm4dT.js} +462 -442
  89. package/dist/{vue-ui-donut-evolution-DJ0C-7jH.js → vue-ui-donut-evolution-DiGhMwMO.js} +293 -273
  90. package/dist/{vue-ui-dumbbell-iQJ0BUhm.js → vue-ui-dumbbell-BlF3CLbN.js} +210 -190
  91. package/dist/{vue-ui-flow-CTYFoib3.js → vue-ui-flow-BQi5L8mJ.js} +339 -319
  92. package/dist/{vue-ui-funnel-CG55Xcdy.js → vue-ui-funnel-CM_6Sare.js} +218 -198
  93. package/dist/{vue-ui-galaxy-BQrxjKZJ.js → vue-ui-galaxy-BnZA62Li.js} +201 -181
  94. package/dist/{vue-ui-gauge-Tc-0NI0Y.js → vue-ui-gauge-DAk72bez.js} +311 -291
  95. package/dist/{vue-ui-gizmo-P8h-gnLd.js → vue-ui-gizmo-BQzQlUJ8.js} +2 -2
  96. package/dist/{vue-ui-heatmap-BZimPzsL.js → vue-ui-heatmap-C9MhHWpp.js} +303 -283
  97. package/dist/{vue-ui-history-plot-BVzbuqYY.js → vue-ui-history-plot-BYQh3E8U.js} +229 -209
  98. package/dist/{vue-ui-kpi-BGGff8LM.js → vue-ui-kpi-jcrPjW4C.js} +2 -2
  99. package/dist/{vue-ui-mini-loader-CSF-7TJL.js → vue-ui-mini-loader-DTM98mRN.js} +1 -1
  100. package/dist/{vue-ui-molecule-BALqwB8c.js → vue-ui-molecule-Bd1OXvl3.js} +156 -136
  101. package/dist/{vue-ui-mood-radar-QJ5nlZby.js → vue-ui-mood-radar-DuoiTsYn.js} +266 -246
  102. package/dist/{vue-ui-nested-donuts-CmUabkkQ.js → vue-ui-nested-donuts-BTswQFjz.js} +506 -486
  103. package/dist/{vue-ui-onion-DAOCf3f8.js → vue-ui-onion-D-1U2Qgl.js} +220 -200
  104. package/dist/{vue-ui-parallel-coordinate-plot-D8jTuFjq.js → vue-ui-parallel-coordinate-plot-D-7VFHas.js} +235 -215
  105. package/dist/{vue-ui-quadrant-CO52mSRY.js → vue-ui-quadrant-CeM23s0z.js} +463 -443
  106. package/dist/{vue-ui-quick-chart-DEaVSldE.js → vue-ui-quick-chart-C0RMQzjC.js} +288 -268
  107. package/dist/{vue-ui-radar-C5V4hhbW.js → vue-ui-radar-BSfxyur3.js} +331 -311
  108. package/dist/{vue-ui-rating-CiMoFM_c.js → vue-ui-rating-tj97undO.js} +1 -1
  109. package/dist/{vue-ui-relation-circle-CbMM0Jka.js → vue-ui-relation-circle-C7uV2mIj.js} +228 -208
  110. package/dist/{vue-ui-ridgeline-CXCIRDq6.js → vue-ui-ridgeline-CYMfTlwI.js} +242 -222
  111. package/dist/{vue-ui-rings-BpUcyqo7.js → vue-ui-rings-C96aj57d.js} +189 -169
  112. package/dist/{vue-ui-scatter--Dxe-hfO.js → vue-ui-scatter-CtvOXUnx.js} +275 -255
  113. package/dist/{vue-ui-skeleton-BWq-VDzg.js → vue-ui-skeleton-87TORm6s.js} +2 -2
  114. package/dist/{vue-ui-smiley-sGFRbn31.js → vue-ui-smiley-B74geHT3.js} +1 -1
  115. package/dist/{vue-ui-spark-trend-T4J_YOa_.js → vue-ui-spark-trend-6_Ibziyv.js} +2 -2
  116. package/dist/{vue-ui-sparkbar-DnKP55Vu.js → vue-ui-sparkbar-BDCocMLI.js} +2 -2
  117. package/dist/{vue-ui-sparkgauge-BDQLP-zi.js → vue-ui-sparkgauge-CQ4Zk9-f.js} +2 -2
  118. package/dist/{vue-ui-sparkhistogram-Dm7QXrA-.js → vue-ui-sparkhistogram-BlTV9wfn.js} +143 -140
  119. package/dist/{vue-ui-sparkline-tXGDLHRy.js → vue-ui-sparkline-DWESyiqL.js} +2 -2
  120. package/dist/{vue-ui-sparkstackbar-M53Nt07M.js → vue-ui-sparkstackbar-DK_7X8mL.js} +2 -2
  121. package/dist/vue-ui-stackbar-BWuw8ff4.js +1827 -0
  122. package/dist/{vue-ui-strip-plot-BX9i3wMn.js → vue-ui-strip-plot-C1N2n39d.js} +245 -225
  123. package/dist/{vue-ui-table-7r02N9R9.js → vue-ui-table-CcuoPHgI.js} +3 -3
  124. package/dist/{vue-ui-table-heatmap-BqCEBoUf.js → vue-ui-table-heatmap-C9EMEM3Z.js} +1 -1
  125. package/dist/{vue-ui-table-sparkline-DZaAh10E.js → vue-ui-table-sparkline-BAxmZRff.js} +2 -2
  126. package/dist/vue-ui-thermometer-CDrM-WFq.js +584 -0
  127. package/dist/{vue-ui-timer-Ds-MJoW2.js → vue-ui-timer-BVsUQJz_.js} +3 -3
  128. package/dist/vue-ui-tiremarks-BQH2pNkG.js +450 -0
  129. package/dist/{vue-ui-treemap-BEvl8hiw.js → vue-ui-treemap-6WLoCHsH.js} +453 -433
  130. package/dist/{vue-ui-vertical-bar-D8dtM8sw.js → vue-ui-vertical-bar-B3gfBqD_.js} +323 -303
  131. package/dist/{vue-ui-waffle-B3q-2SCR.js → vue-ui-waffle-Bhlqo4xM.js} +219 -199
  132. package/dist/vue-ui-wheel-CqHw1WuW.js +663 -0
  133. package/dist/{vue-ui-word-cloud-ChT7uLbN.js → vue-ui-word-cloud-CKuWZGLv.js} +248 -228
  134. package/dist/{vue-ui-world-CdP4g_3_.js → vue-ui-world-C8KVyDim.js} +287 -267
  135. package/dist/{vue-ui-xy-B68qQ-gX.js → vue-ui-xy-Cz2qIEfi.js} +389 -369
  136. package/dist/{vue-ui-xy-canvas-DDngEA1s.js → vue-ui-xy-canvas-y4h7gEFp.js} +4 -4
  137. package/package.json +4 -4
  138. package/dist/PenAndPaper-DSvu9dwa.js +0 -373
  139. package/dist/vue-ui-chord-BG4dxKNA.js +0 -1133
  140. package/dist/vue-ui-dashboard-C4BLwHey.js +0 -412
  141. package/dist/vue-ui-stackbar-CkBOjryQ.js +0 -1724
  142. package/dist/vue-ui-thermometer-CFPt3MOv.js +0 -564
  143. package/dist/vue-ui-tiremarks-2eIQ6vxu.js +0 -430
  144. package/dist/vue-ui-wheel-BpirIgAG.js +0 -643
@@ -1,564 +0,0 @@
1
- import { useCssVars as Ye, computed as c, defineAsyncComponent as j, ref as v, onMounted as Ee, toRefs as He, watch as Re, createElementBlock as u, openBlock as a, unref as n, normalizeStyle as de, normalizeClass as U, createBlock as W, createCommentVNode as i, createSlots as Ve, withCtx as x, renderSlot as d, normalizeProps as L, guardReactiveProps as N, createVNode as qe, createElementVNode as m, Fragment as Y, renderList as me, toDisplayString as Ge } from "vue";
2
- import { c as Be, t as De, o as je, f as ye, g as Xe, b as Je, p as O, e as Ke, x as f, h as E, X as Qe, s as Ze, a as et, d as tt } from "./lib-C_mNZmhD.js";
3
- import { t as st, u as ot } from "./useResponsive-DfdjqQps.js";
4
- import { u as lt, a as fe } from "./useNestedProp-BjZe1Y85.js";
5
- import { u as at, B as rt } from "./BaseScanner-BgWxam9d.js";
6
- import { u as ut } from "./usePrinter-DTzqpYKF.js";
7
- import { u as nt } from "./useSvgExport-DrjCWun4.js";
8
- import { u as it } from "./useUserOptionState-BIvW1Kz7.js";
9
- import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
10
- import { u as ct } from "./useAutoSizeLabelsInsideViewbox-BhzfwQ_k.js";
11
- import { t as vt } from "./themes-AUNCOb2G.js";
12
- import dt from "./Title-l36lOBMx.js";
13
- import mt from "./img-BecE5qXd.js";
14
- import { _ as yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
15
- const ft = ["id"], gt = {
16
- key: 1,
17
- ref: "noTitle",
18
- class: "vue-data-ui-no-title-space",
19
- style: "height:36px; width: 100%;background:transparent"
20
- }, pt = ["xmlns", "viewBox"], kt = ["width", "height"], bt = ["id"], xt = ["x", "y", "width", "height", "rx", "ry"], wt = ["id"], _t = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], At = ["clip-path"], Ot = ["x", "y", "height", "width"], St = ["x", "y", "height", "width", "fill"], Ft = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], It = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Pt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Tt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Mt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], zt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ut = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Wt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Lt = ["x", "y", "height", "width"], Nt = { key: 1 }, Yt = ["x", "y", "height"], Et = ["y", "x", "fill", "font-size", "font-weight"], Ht = {
21
- key: 4,
22
- class: "vue-data-ui-watermark"
23
- }, Rt = {
24
- __name: "vue-ui-thermometer",
25
- props: {
26
- dataset: {
27
- type: Object,
28
- default() {
29
- return {};
30
- }
31
- },
32
- config: {
33
- type: Object,
34
- default() {
35
- return {};
36
- }
37
- }
38
- },
39
- setup(S, { expose: ge }) {
40
- Ye((s) => ({
41
- v6b7dbd01: Se.value,
42
- v1e4928a6: Oe.value,
43
- v0bba07da: Ae.value
44
- }));
45
- const pe = j(() => import("./PackageVersion-Cyx_s25h.js")), ke = j(() => import("./PenAndPaper-DSvu9dwa.js")), be = j(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_thermometer: xe } = lt(), g = S, p = v(Be()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), w = v(null), F = v(null), we = c(() => !!g.dataset && Object.keys(g.dataset).length);
46
- Ee(() => {
47
- te();
48
- });
49
- const e = v(q()), _e = v(e.value.style.chart.thermometer.width), H = v(e.value.style.chart.height), R = v(e.value.style.chart.width), { loading: Z, FINAL_DATASET: h } = at({
50
- ...He(g),
51
- FINAL_CONFIG: e,
52
- prepareConfig: q,
53
- skeletonDataset: { value: 0, from: -100, to: 100, steps: 20, colors: { from: "#A1A1A1", to: "#CACACA" } },
54
- skeletonConfig: De({
55
- defaultConfig: e.value,
56
- userConfig: {
57
- userOptions: { show: !1 },
58
- style: {
59
- chart: {
60
- animation: { use: !1 },
61
- backgroundColor: "#99999930",
62
- graduations: {
63
- stroke: "#6A6A6A"
64
- }
65
- }
66
- }
67
- }
68
- })
69
- }), ee = c(() => !!e.value.debug);
70
- function te() {
71
- if (je(g.dataset) ? ye({
72
- componentName: "VueUiThermometer",
73
- type: "dataset",
74
- debug: ee.value
75
- }) : Xe({
76
- datasetObject: g.dataset,
77
- requiredAttributes: ["value", "from", "to"]
78
- }).forEach((s) => {
79
- ye({
80
- componentName: "VueUiThermometer",
81
- type: "datasetAttribute",
82
- property: s,
83
- debug: ee.value
84
- });
85
- }), e.value.responsive) {
86
- const s = st(() => {
87
- const { width: l, height: t } = ot({
88
- chart: k.value,
89
- title: e.value.style.title.text ? K.value : null,
90
- source: Q.value
91
- });
92
- requestAnimationFrame(() => {
93
- H.value = Math.max(0.1, t - 12), R.value = l, ce();
94
- });
95
- });
96
- w.value && (F.value && w.value.unobserve(F.value), w.value.disconnect()), w.value = new ResizeObserver(s), F.value = k.value, w.value.observe(F.value);
97
- }
98
- ce();
99
- }
100
- const { userOptionsVisible: V, setUserOptionsVisibility: se, keepUserOptionState: oe } = it({ config: e.value }), { svgRef: I } = ht({ config: e.value.style.title });
101
- function q() {
102
- const s = fe({
103
- userConfig: g.config,
104
- defaultConfig: xe
105
- });
106
- return s.theme ? {
107
- ...fe({
108
- userConfig: vt.vue_ui_thermometer[s.theme] || g.config,
109
- defaultConfig: s
110
- }),
111
- customPalette: Je[s.theme] || O
112
- } : s;
113
- }
114
- Re(() => g.config, (s) => {
115
- e.value = q(), V.value = !e.value.userOptions.showOnChartHover, _e.value = e.value.style.chart.thermometer.width, H.value = e.value.style.chart.height, R.value = e.value.style.chart.width, te(), J.value += 1;
116
- }, { deep: !0 });
117
- const { isPrinting: le, isImaging: ae, generatePdf: re, generateImage: ue } = ut({
118
- elementId: `thermometer__${p.value}`,
119
- fileName: e.value.style.title.text || "vue-ui-thermometer",
120
- options: e.value.userOptions.print
121
- }), Ce = c(() => e.value.userOptions.show && !e.value.style.title.text), P = c(() => Ke(e.value.customPalette)), y = c(() => h.value.steps || 10);
122
- function T(s, l, t) {
123
- const r = [], b = ne(s), $ = ne(l);
124
- for (let A = 0; A < t; A++) {
125
- const Ue = G(b.red, $.red, A, t), We = G(b.green, $.green, A, t), Le = G(b.blue, $.blue, A, t), Ne = `#${B(Ue)}${B(We)}${B(Le)}`;
126
- r.push(Ne);
127
- }
128
- return r;
129
- }
130
- function ne(s) {
131
- const l = s.slice(1);
132
- return {
133
- red: parseInt(l.slice(0, 2), 16),
134
- green: parseInt(l.slice(2, 4), 16),
135
- blue: parseInt(l.slice(4, 6), 16)
136
- };
137
- }
138
- function G(s, l, t, r) {
139
- return Math.round(s + (l - s) * t / r);
140
- }
141
- function B(s) {
142
- return s.toString(16).padStart(2, "0");
143
- }
144
- const o = c(() => {
145
- const s = Math.max(0.1, R.value), l = Math.max(0.1, H.value), t = e.value.style.chart.padding;
146
- return {
147
- width: s,
148
- left: s / 2 - e.value.style.chart.thermometer.width / 2,
149
- right: s / 2 + e.value.style.chart.thermometer.width / 2,
150
- top: t.top,
151
- bottom: l - t.bottom - t.top,
152
- height: l,
153
- thermoHeight: l - t.top - t.bottom,
154
- thermoWidth: e.value.style.chart.thermometer.width
155
- };
156
- }), $e = c(() => o.value), M = c(() => {
157
- const s = f(h.value.from) < 0 ? Math.abs(f(h.value.from)) : f(h.value.from), l = f(h.value.to) < 0 ? Math.abs(f(h.value.to)) : f(h.value.to);
158
- let t = 0;
159
- return f(h.value.to) > 0 ? t = s + l : s > l ? t = s - l : t = l - s, (1 - (Math.abs(f(h.value.from)) + f(h.value.value)) / t) * o.value.thermoHeight;
160
- }), Ae = c(() => `${M.value}px`), Oe = c(() => `${o.value.thermoHeight}px`), Se = c(() => `${e.value.style.chart.animation.speedMs}ms`), Fe = c(() => {
161
- if (h.value.colors) {
162
- if (!h.value.colors.from)
163
- return T(P.value[0] || O[0], E(h.value.colors.to), y.value || 10);
164
- if (!h.value.colors.to)
165
- return T(E(h.value.colors.from), P.value[1] || O[1], y.value || 10);
166
- } else
167
- return T(P.value[1] || O[1], P.value[0] || O[0], y.value || 10);
168
- return T(E(h.value.colors.from), E(h.value.colors.to), y.value || 10);
169
- }), ie = c(() => {
170
- const s = [];
171
- let l = 0;
172
- const t = o.value.thermoHeight;
173
- for (let r = 0; r < t - 1; r += t / y.value)
174
- s.push({
175
- x: o.value.left,
176
- y: o.value.top + r,
177
- qYLess: o.value.top + r + t / y.value / 4,
178
- halfY: o.value.top + r + t / y.value / 2,
179
- qYMore: o.value.top + r + t / y.value / 4 * 3,
180
- color: Fe.value[l],
181
- height: Math.max(0.1, t / y.value)
182
- }), l += 1;
183
- return s;
184
- }), _ = v(!1);
185
- function he(s) {
186
- _.value = s, X.value += 1;
187
- }
188
- const z = v(!1);
189
- function D() {
190
- z.value = !z.value;
191
- }
192
- async function Ie({ scale: s = 2 } = {}) {
193
- if (!k.value) return;
194
- const { width: l, height: t } = k.value.getBoundingClientRect(), r = l / t, { imageUri: b, base64: $ } = await mt({ domElement: k.value, base64: !0, img: !0, scale: s });
195
- return {
196
- imageUri: b,
197
- base64: $,
198
- title: e.value.style.title.text,
199
- width: l,
200
- height: t,
201
- aspectRatio: r
202
- };
203
- }
204
- const C = c({
205
- get: () => e.value.style.chart.label.fontSize,
206
- set: (s) => s
207
- }), { autoSizeLabels: ce } = ct({
208
- svgRef: I,
209
- fontSize: e.value.style.chart.label.fontSize,
210
- minFontSize: e.value.style.chart.label.minFontSize,
211
- sizeRef: C,
212
- labelClass: ".vue-ui-thermometer-label"
213
- }), Pe = c(() => e.value.style.chart.backgroundColor), Te = c(() => e.value.style.title), { exportSvg: Me, getSvg: ze } = nt({
214
- svg: I,
215
- title: Te,
216
- backgroundColor: Pe
217
- });
218
- async function ve({ isCb: s }) {
219
- if (s) {
220
- const { blob: l, url: t, text: r, dataUrl: b } = await ze();
221
- e.value.userOptions.callbacks.svg({ blob: l, url: t, text: r, dataUrl: b });
222
- } else
223
- Me();
224
- }
225
- return ge({
226
- getImage: Ie,
227
- generatePdf: re,
228
- generateImage: ue,
229
- generateSvg: ve,
230
- toggleAnnotator: D,
231
- toggleFullscreen: he
232
- }), (s, l) => (a(), u("div", {
233
- ref_key: "thermoChart",
234
- ref: k,
235
- class: U(`vue-data-ui-component vue-ui-thermometer ${_.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
236
- style: de(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
237
- id: `thermometer__${p.value}`,
238
- onMouseenter: l[0] || (l[0] = () => n(se)(!0)),
239
- onMouseleave: l[1] || (l[1] = () => n(se)(!1))
240
- }, [
241
- e.value.userOptions.buttons.annotator ? (a(), W(n(ke), {
242
- key: 0,
243
- svgRef: n(I),
244
- backgroundColor: e.value.style.chart.backgroundColor,
245
- color: e.value.style.chart.color,
246
- active: z.value,
247
- onClose: D
248
- }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : i("", !0),
249
- Ce.value ? (a(), u("div", gt, null, 512)) : i("", !0),
250
- e.value.style.title.text ? (a(), u("div", {
251
- key: 2,
252
- ref_key: "chartTitle",
253
- ref: K,
254
- style: "width:100%"
255
- }, [
256
- (a(), W(dt, {
257
- key: `title_${J.value}`,
258
- config: {
259
- title: {
260
- cy: "thermometer-div-title",
261
- ...e.value.style.title
262
- },
263
- subtitle: {
264
- cy: "thermometer-div-subtitle",
265
- ...e.value.style.title.subtitle
266
- }
267
- }
268
- }, null, 8, ["config"]))
269
- ], 512)) : i("", !0),
270
- e.value.userOptions.show && we.value && (n(oe) || n(V)) ? (a(), W(n(be), {
271
- ref: "details",
272
- key: `user_options_${X.value}`,
273
- backgroundColor: e.value.style.chart.backgroundColor,
274
- color: e.value.style.chart.color,
275
- isImaging: n(ae),
276
- isPrinting: n(le),
277
- uid: p.value,
278
- hasPdf: e.value.userOptions.buttons.pdf,
279
- hasImg: e.value.userOptions.buttons.img,
280
- hasSvg: e.value.userOptions.buttons.svg,
281
- hasFullscreen: e.value.userOptions.buttons.fullscreen,
282
- hasXls: !1,
283
- isFullscreen: _.value,
284
- titles: { ...e.value.userOptions.buttonTitles },
285
- chartElement: k.value,
286
- position: e.value.userOptions.position,
287
- hasAnnotator: e.value.userOptions.buttons.annotator,
288
- isAnnotation: z.value,
289
- callbacks: e.value.userOptions.callbacks,
290
- printScale: e.value.userOptions.print.scale,
291
- onToggleFullscreen: he,
292
- onGeneratePdf: n(re),
293
- onGenerateImage: n(ue),
294
- onGenerateSvg: ve,
295
- onToggleAnnotator: D,
296
- style: de({
297
- visibility: n(oe) ? n(V) ? "visible" : "hidden" : "visible"
298
- })
299
- }, Ve({ _: 2 }, [
300
- s.$slots.menuIcon ? {
301
- name: "menuIcon",
302
- fn: x(({ isOpen: t, color: r }) => [
303
- d(s.$slots, "menuIcon", L(N({ isOpen: t, color: r })), void 0, !0)
304
- ]),
305
- key: "0"
306
- } : void 0,
307
- s.$slots.optionPdf ? {
308
- name: "optionPdf",
309
- fn: x(() => [
310
- d(s.$slots, "optionPdf", {}, void 0, !0)
311
- ]),
312
- key: "1"
313
- } : void 0,
314
- s.$slots.optionImg ? {
315
- name: "optionImg",
316
- fn: x(() => [
317
- d(s.$slots, "optionImg", {}, void 0, !0)
318
- ]),
319
- key: "2"
320
- } : void 0,
321
- s.$slots.optionSvg ? {
322
- name: "optionSvg",
323
- fn: x(() => [
324
- d(s.$slots, "optionSvg", {}, void 0, !0)
325
- ]),
326
- key: "3"
327
- } : void 0,
328
- s.$slots.optionFullscreen ? {
329
- name: "optionFullscreen",
330
- fn: x(({ toggleFullscreen: t, isFullscreen: r }) => [
331
- d(s.$slots, "optionFullscreen", L(N({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
332
- ]),
333
- key: "4"
334
- } : void 0,
335
- s.$slots.optionAnnotator ? {
336
- name: "optionAnnotator",
337
- fn: x(({ toggleAnnotator: t, isAnnotator: r }) => [
338
- d(s.$slots, "optionAnnotator", L(N({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
339
- ]),
340
- key: "5"
341
- } : void 0
342
- ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
343
- (a(), u("svg", {
344
- ref_key: "svgRef",
345
- ref: I,
346
- xmlns: n(Qe),
347
- class: U({ "vue-data-ui-fullscreen--on": _.value, "vue-data-ui-fulscreen--off": !_.value }),
348
- width: "100%",
349
- viewBox: `0 0 ${o.value.width} ${o.value.height}`,
350
- style: "background:transparent"
351
- }, [
352
- qe(n(pe)),
353
- s.$slots["chart-background"] ? (a(), u("foreignObject", {
354
- key: 0,
355
- x: 0,
356
- y: 0,
357
- width: o.value.width,
358
- height: o.value.height,
359
- style: {
360
- pointerEvents: "none"
361
- }
362
- }, [
363
- d(s.$slots, "chart-background", {}, void 0, !0)
364
- ], 8, kt)) : i("", !0),
365
- m("defs", null, [
366
- m("clipPath", {
367
- id: `vueUiPill-${p.value}`,
368
- clipPathUnits: "userSpaceOnUse"
369
- }, [
370
- m("rect", {
371
- x: o.value.left,
372
- y: o.value.top,
373
- width: o.value.thermoWidth,
374
- height: o.value.thermoHeight,
375
- rx: o.value.thermoWidth / 2,
376
- ry: o.value.thermoWidth / 2
377
- }, null, 8, xt)
378
- ], 8, bt),
379
- (a(!0), u(Y, null, me(ie.value, (t, r) => (a(), u("linearGradient", {
380
- id: `vueUiThermometerGradient_${r}_${p.value}`,
381
- x1: "0%",
382
- y1: "0%",
383
- x2: "100%",
384
- y2: "0%"
385
- }, [
386
- m("stop", {
387
- offset: "0%",
388
- "stop-color": t.color
389
- }, null, 8, _t),
390
- m("stop", {
391
- offset: "50%",
392
- "stop-color": n(Ze)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
393
- }, null, 8, Ct),
394
- m("stop", {
395
- offset: "100%",
396
- "stop-color": t.color
397
- }, null, 8, $t)
398
- ], 8, wt))), 256))
399
- ]),
400
- m("g", {
401
- "clip-path": `url(#vueUiPill-${p.value})`
402
- }, [
403
- m("rect", {
404
- x: o.value.left,
405
- y: o.value.top,
406
- height: o.value.thermoHeight,
407
- width: o.value.thermoWidth,
408
- fill: "#FFFFFF"
409
- }, null, 8, Ot),
410
- (a(!0), u(Y, null, me(ie.value, (t, r) => (a(), u("g", {
411
- key: `graduation_${r}`
412
- }, [
413
- m("rect", {
414
- x: t.x,
415
- y: t.y,
416
- height: t.height,
417
- width: o.value.thermoWidth,
418
- fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${r}_${p.value})` : t.color,
419
- "shape-rendering": "crispEdges"
420
- }, null, 8, St),
421
- e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
422
- key: 0,
423
- x1: t.x,
424
- x2: t.x + 10,
425
- y1: t.y,
426
- y2: t.y,
427
- "stroke-width": e.value.style.chart.graduations.strokeWidth,
428
- stroke: e.value.style.chart.graduations.stroke,
429
- "stroke-linecap": "round"
430
- }, null, 8, Ft)) : i("", !0),
431
- e.value.style.chart.graduations.showIntermediate ? (a(), u(Y, { key: 1 }, [
432
- e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
433
- key: 0,
434
- x1: t.x,
435
- x2: t.x + 5,
436
- y1: t.halfY,
437
- y2: t.halfY,
438
- "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
439
- stroke: e.value.style.chart.graduations.stroke,
440
- "stroke-linecap": "round"
441
- }, null, 8, It)) : i("", !0),
442
- e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
443
- key: 1,
444
- x1: t.x,
445
- x2: t.x + 2.5,
446
- y1: t.qYLess,
447
- y2: t.qYLess,
448
- "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
449
- stroke: e.value.style.chart.graduations.stroke,
450
- "stroke-linecap": "round"
451
- }, null, 8, Pt)) : i("", !0),
452
- e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
453
- key: 2,
454
- x1: t.x,
455
- x2: t.x + 2.5,
456
- y1: t.qYMore,
457
- y2: t.qYMore,
458
- "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
459
- stroke: e.value.style.chart.graduations.stroke,
460
- "stroke-linecap": "round"
461
- }, null, 8, Tt)) : i("", !0)
462
- ], 64)) : i("", !0),
463
- e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
464
- key: 2,
465
- x1: o.value.right,
466
- x2: o.value.right - 10,
467
- y1: t.y,
468
- y2: t.y,
469
- "stroke-width": e.value.style.chart.graduations.strokeWidth,
470
- stroke: e.value.style.chart.graduations.stroke,
471
- "stroke-linecap": "round"
472
- }, null, 8, Mt)) : i("", !0),
473
- e.value.style.chart.graduations.showIntermediate ? (a(), u(Y, { key: 3 }, [
474
- e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
475
- key: 0,
476
- x1: o.value.right,
477
- x2: o.value.right - 5,
478
- y1: t.halfY,
479
- y2: t.halfY,
480
- "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
481
- stroke: e.value.style.chart.graduations.stroke,
482
- "stroke-linecap": "round"
483
- }, null, 8, zt)) : i("", !0),
484
- e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
485
- key: 1,
486
- x1: o.value.right,
487
- x2: o.value.right - 2.5,
488
- y1: t.qYLess,
489
- y2: t.qYLess,
490
- "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
491
- stroke: e.value.style.chart.graduations.stroke,
492
- "stroke-linecap": "round"
493
- }, null, 8, Ut)) : i("", !0),
494
- e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
495
- key: 2,
496
- x1: o.value.right,
497
- x2: o.value.right - 2.5,
498
- y1: t.qYMore,
499
- y2: t.qYMore,
500
- "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
501
- stroke: e.value.style.chart.graduations.stroke,
502
- "stroke-linecap": "round"
503
- }, null, 8, Wt)) : i("", !0)
504
- ], 64)) : i("", !0)
505
- ]))), 128)),
506
- m("rect", {
507
- class: U({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
508
- x: o.value.left,
509
- y: o.value.top,
510
- height: M.value,
511
- width: o.value.thermoWidth,
512
- fill: "#FFFFFF66"
513
- }, null, 10, Lt)
514
- ], 8, At),
515
- e.value.style.chart.label.show ? (a(), u("g", Nt, [
516
- n(Z) ? (a(), u("rect", {
517
- key: 0,
518
- x: o.value.left - 60,
519
- y: M.value + o.value.top - C.value / 2,
520
- width: 50,
521
- height: C.value,
522
- fill: "#6A6A6A40",
523
- rx: "3"
524
- }, null, 8, Yt)) : (a(), u("text", {
525
- key: 1,
526
- class: U({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
527
- y: M.value + o.value.top + C.value / 3,
528
- x: o.value.left - 10,
529
- "text-anchor": "end",
530
- fill: e.value.style.chart.label.color,
531
- "font-size": C.value,
532
- "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
533
- }, Ge(n(et)(
534
- e.value.style.chart.label.formatter,
535
- S.dataset.value,
536
- n(tt)({
537
- p: e.value.style.chart.label.prefix,
538
- v: S.dataset.value,
539
- s: e.value.style.chart.label.suffix,
540
- r: e.value.style.chart.label.rounding
541
- }),
542
- { datapoint: S.dataset }
543
- )), 11, Et))
544
- ])) : i("", !0),
545
- d(s.$slots, "svg", { svg: $e.value }, void 0, !0)
546
- ], 10, pt)),
547
- s.$slots.watermark ? (a(), u("div", Ht, [
548
- d(s.$slots, "watermark", L(N({ isPrinting: n(le) || n(ae) })), void 0, !0)
549
- ])) : i("", !0),
550
- s.$slots.source ? (a(), u("div", {
551
- key: 5,
552
- ref_key: "source",
553
- ref: Q,
554
- dir: "auto"
555
- }, [
556
- d(s.$slots, "source", {}, void 0, !0)
557
- ], 512)) : i("", !0),
558
- n(Z) ? (a(), W(rt, { key: 6 })) : i("", !0)
559
- ], 46, ft));
560
- }
561
- }, os = /* @__PURE__ */ yt(Rt, [["__scopeId", "data-v-ca7efcec"]]);
562
- export {
563
- os as default
564
- };