vue-data-ui 3.20.10 → 3.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (190) hide show
  1. package/dist/{Arrow-D6j6ocXm.js → Arrow-_pDGXl76.js} +1 -1
  2. package/dist/{BaseDraggableDialog-4hDW-Rj2.js → BaseDraggableDialog-BvaFJWHb.js} +2 -2
  3. package/dist/{BaseIcon-DfLoHNUj.js → BaseIcon-CbDazQLH.js} +1 -1
  4. package/dist/{BaseLegendToggle-C_Db-y7s.js → BaseLegendToggle-BNRi408o.js} +1 -1
  5. package/dist/{BaseZoomControls-CG7hI_1P.js → BaseZoomControls-Dbtq9oyx.js} +2 -2
  6. package/dist/{ColorPicker-Bjwxnvfh.js → ColorPicker-B4ob7JgP.js} +2 -2
  7. package/dist/{DataTable-B--IN22e.js → DataTable-DweDyHc1.js} +2 -2
  8. package/dist/{Legend-Cz2uQ5gs.js → Legend-BLhREbj7.js} +2 -2
  9. package/dist/{NonSvgPenAndPaper-gLNJ1Lmr.js → NonSvgPenAndPaper-BzZyMJBF.js} +3 -3
  10. package/dist/{PackageVersion-BbgWxFC4.js → PackageVersion-DYLo3MRd.js} +1 -1
  11. package/dist/{PenAndPaper-DqrClVfb.js → PenAndPaper-D4aFMYZf.js} +3 -3
  12. package/dist/{Shape-BPCJfphn.js → Shape-BxFtoF1z.js} +1 -1
  13. package/dist/{Slicer-SHBj0VaV.js → Slicer-GABgkLkB.js} +2 -2
  14. package/dist/SlicerPreview-CXLgqXX8.js +1676 -0
  15. package/dist/{SparkTooltip-CfE6yCad.js → SparkTooltip-CdSRUoZN.js} +6 -6
  16. package/dist/{Title-NWp4qB4K.js → Title-DH6G8_cZ.js} +1 -1
  17. package/dist/{Tooltip-BENq327o.js → Tooltip-979Ytd8R.js} +1 -1
  18. package/dist/{UserOptions-C1NgoGu6.js → UserOptions-qFz-9Pnw.js} +2 -2
  19. package/dist/components/arrow.js +1 -1
  20. package/dist/components/vue-ui-3d-bar.js +1 -1
  21. package/dist/components/vue-ui-accordion.js +1 -1
  22. package/dist/components/vue-ui-age-pyramid.js +1 -1
  23. package/dist/components/vue-ui-annotator.js +1 -1
  24. package/dist/components/vue-ui-bullet.js +1 -1
  25. package/dist/components/vue-ui-bump.js +1 -1
  26. package/dist/components/vue-ui-candlestick.js +1 -1
  27. package/dist/components/vue-ui-carousel-table.js +1 -1
  28. package/dist/components/vue-ui-chestnut.js +1 -1
  29. package/dist/components/vue-ui-chord.js +1 -1
  30. package/dist/components/vue-ui-circle-pack.js +1 -1
  31. package/dist/components/vue-ui-cursor.js +1 -1
  32. package/dist/components/vue-ui-dag.js +1 -1
  33. package/dist/components/vue-ui-dashboard.js +1 -1
  34. package/dist/components/vue-ui-digits.js +1 -1
  35. package/dist/components/vue-ui-donut-evolution.js +1 -1
  36. package/dist/components/vue-ui-donut.js +1 -1
  37. package/dist/components/vue-ui-dumbbell.js +1 -1
  38. package/dist/components/vue-ui-flow.js +1 -1
  39. package/dist/components/vue-ui-funnel.js +1 -1
  40. package/dist/components/vue-ui-galaxy.js +1 -1
  41. package/dist/components/vue-ui-gauge.js +1 -1
  42. package/dist/components/vue-ui-geo.js +1 -1
  43. package/dist/components/vue-ui-gizmo.js +1 -1
  44. package/dist/components/vue-ui-heatmap.js +1 -1
  45. package/dist/components/vue-ui-history-plot.js +1 -1
  46. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  47. package/dist/components/vue-ui-icon.js +1 -1
  48. package/dist/components/vue-ui-kpi.js +1 -1
  49. package/dist/components/vue-ui-mini-loader.js +1 -1
  50. package/dist/components/vue-ui-molecule.js +1 -1
  51. package/dist/components/vue-ui-mood-radar.js +1 -1
  52. package/dist/components/vue-ui-nested-donuts.js +1 -1
  53. package/dist/components/vue-ui-onion.js +1 -1
  54. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  55. package/dist/components/vue-ui-quadrant.js +1 -1
  56. package/dist/components/vue-ui-quick-chart.js +1 -1
  57. package/dist/components/vue-ui-radar.js +1 -1
  58. package/dist/components/vue-ui-rating.js +1 -1
  59. package/dist/components/vue-ui-relation-circle.js +1 -1
  60. package/dist/components/vue-ui-ridgeline.js +1 -1
  61. package/dist/components/vue-ui-rings.js +1 -1
  62. package/dist/components/vue-ui-scatter.js +1 -1
  63. package/dist/components/vue-ui-skeleton.js +1 -1
  64. package/dist/components/vue-ui-smiley.js +1 -1
  65. package/dist/components/vue-ui-spark-trend.js +1 -1
  66. package/dist/components/vue-ui-sparkbar.js +1 -1
  67. package/dist/components/vue-ui-sparkgauge.js +1 -1
  68. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  69. package/dist/components/vue-ui-sparkline.js +1 -1
  70. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  71. package/dist/components/vue-ui-stackbar.js +1 -1
  72. package/dist/components/vue-ui-stackline.js +1 -1
  73. package/dist/components/vue-ui-strip-plot.js +1 -1
  74. package/dist/components/vue-ui-table-heatmap.js +1 -1
  75. package/dist/components/vue-ui-table-sparkline.js +1 -1
  76. package/dist/components/vue-ui-table.js +1 -1
  77. package/dist/components/vue-ui-thermometer.js +1 -1
  78. package/dist/components/vue-ui-timer.js +1 -1
  79. package/dist/components/vue-ui-tiremarks.js +1 -1
  80. package/dist/components/vue-ui-treemap.js +1 -1
  81. package/dist/components/vue-ui-vertical-bar.js +1 -1
  82. package/dist/components/vue-ui-waffle.js +1 -1
  83. package/dist/components/vue-ui-wheel.js +1 -1
  84. package/dist/components/vue-ui-word-cloud.js +1 -1
  85. package/dist/components/vue-ui-world.js +1 -1
  86. package/dist/components/vue-ui-xy-canvas.js +1 -1
  87. package/dist/components/vue-ui-xy.js +1 -1
  88. package/dist/{dom-to-png-BYtB4BF3.js → dom-to-png-CtV3uxDJ.js} +1 -1
  89. package/dist/exposedLib-BJbE_A8E.js +19 -0
  90. package/dist/{img-1cKsci8e.js → img-C_RNNswI.js} +1 -1
  91. package/dist/{labelUtils-CUctkYoA.js → labelUtils-Bycs-017.js} +1 -1
  92. package/dist/{lib-DUeYQsS0.js → lib-AJRHFE5U.js} +12 -6
  93. package/dist/{pdf-D0eZ99cP.js → pdf-CdX23zf1.js} +1 -1
  94. package/dist/ssr.js +1366 -0
  95. package/dist/style.css +1 -1
  96. package/dist/types/ssr.d.ts +128 -0
  97. package/dist/types/vue-data-ui.d.ts +135 -1
  98. package/dist/{useAutoSizeLabelsInsideViewbox-BIVntRZp.js → useAutoSizeLabelsInsideViewbox-kjVKQz36.js} +1 -1
  99. package/dist/{useNestedProp-CNcoy38D.js → useNestedProp-DtcXIg7n.js} +1 -1
  100. package/dist/{usePrinter-C1Gqt_Sp.js → usePrinter-6n2MzVyV.js} +2 -2
  101. package/dist/utils.js +8 -8
  102. package/dist/{vue-data-ui-CBjd88aV.js → vue-data-ui-D2dM3IQZ.js} +68 -68
  103. package/dist/vue-data-ui.js +72 -72
  104. package/dist/vue-ui-3d-bar-0C_yshya.js +1757 -0
  105. package/dist/{vue-ui-accordion-Bpbv-VHE.js → vue-ui-accordion-DLnwuQda.js} +3 -3
  106. package/dist/vue-ui-age-pyramid-DFNELwbT.js +1238 -0
  107. package/dist/{vue-ui-annotator-Q57JevNc.js → vue-ui-annotator-BljP5cB7.js} +8 -8
  108. package/dist/vue-ui-bullet-ChQq42AN.js +710 -0
  109. package/dist/{vue-ui-bump-S-FGGlPW.js → vue-ui-bump-BVCYywuS.js} +253 -253
  110. package/dist/{vue-ui-candlestick-BaaswVai.js → vue-ui-candlestick-CQ0nfkmL.js} +276 -276
  111. package/dist/vue-ui-carousel-table-Cvi1gsKR.js +455 -0
  112. package/dist/vue-ui-chestnut-DeWbKqze.js +2010 -0
  113. package/dist/vue-ui-chord-bRXYWpGT.js +1391 -0
  114. package/dist/{vue-ui-circle-pack--4oUO8hO.js → vue-ui-circle-pack-DWO8x9gf.js} +36 -36
  115. package/dist/{vue-ui-cursor-C7zZVebz.js → vue-ui-cursor-BKGUvOWO.js} +3 -3
  116. package/dist/{vue-ui-dag-DsCnV6f0.js → vue-ui-dag-lL0juBzN.js} +20 -20
  117. package/dist/{vue-ui-dashboard-CmTnG8CS.js → vue-ui-dashboard-CEk2z8v9.js} +69 -69
  118. package/dist/{vue-ui-digits-BQ0e9Czq.js → vue-ui-digits-BAjr0eIJ.js} +3 -3
  119. package/dist/vue-ui-donut-BsSpIinL.js +2410 -0
  120. package/dist/vue-ui-donut-evolution-1UhFKEgG.js +1510 -0
  121. package/dist/vue-ui-dumbbell-ChqJicg9.js +1530 -0
  122. package/dist/{vue-ui-flow-jBINqYMb.js → vue-ui-flow-BXfzMTXx.js} +57 -57
  123. package/dist/{vue-ui-funnel-B9DsneCv.js → vue-ui-funnel-BpnC82m0.js} +32 -32
  124. package/dist/{vue-ui-galaxy-SAZjgllD.js → vue-ui-galaxy-FNzwDOH1.js} +330 -330
  125. package/dist/vue-ui-gauge-D6I78FZr.js +920 -0
  126. package/dist/{vue-ui-geo-B41ZRCPC.js → vue-ui-geo-Z1xuH8r6.js} +18 -18
  127. package/dist/{vue-ui-gizmo-PL2TAIV_.js → vue-ui-gizmo-ZlmJIh0_.js} +62 -62
  128. package/dist/{vue-ui-heatmap-NkJ_KGMs.js → vue-ui-heatmap-BWN0UBKE.js} +264 -264
  129. package/dist/{vue-ui-history-plot-B9KX1kKs.js → vue-ui-history-plot-2E6KrNhv.js} +74 -74
  130. package/dist/vue-ui-horizontal-bar-BzP7k_3J.js +1681 -0
  131. package/dist/{vue-ui-kpi-Bo4x1-vC.js → vue-ui-kpi-B9bdicir.js} +3 -3
  132. package/dist/{vue-ui-mini-loader-Bi0nsbao.js → vue-ui-mini-loader-BnLOdRA0.js} +2 -2
  133. package/dist/vue-ui-molecule-B-69fE_1.js +925 -0
  134. package/dist/{vue-ui-mood-radar-DE71e1H_.js → vue-ui-mood-radar-D3kF7iHz.js} +21 -21
  135. package/dist/{vue-ui-nested-donuts-DQhSwNYF.js → vue-ui-nested-donuts-CTmomXj1.js} +256 -256
  136. package/dist/{vue-ui-onion-X9anqRDz.js → vue-ui-onion-3fJB4mfC.js} +45 -45
  137. package/dist/{vue-ui-parallel-coordinate-plot-aN0OHwgH.js → vue-ui-parallel-coordinate-plot-CKKkbBlu.js} +39 -39
  138. package/dist/{vue-ui-quadrant-CpKMBoX9.js → vue-ui-quadrant-DGLnjwva.js} +355 -355
  139. package/dist/{vue-ui-quick-chart-BwD7IGYx.js → vue-ui-quick-chart-DJnhlEXi.js} +359 -359
  140. package/dist/vue-ui-radar-AIBX0QYs.js +1229 -0
  141. package/dist/{vue-ui-rating-D8QQctnQ.js → vue-ui-rating-pDVqT08V.js} +33 -33
  142. package/dist/vue-ui-relation-circle-BQVR8L9Y.js +924 -0
  143. package/dist/{vue-ui-ridgeline-68X0PTKo.js → vue-ui-ridgeline-CYq3APPQ.js} +54 -54
  144. package/dist/{vue-ui-rings-cDPIzhPb.js → vue-ui-rings-BgFO7NYF.js} +81 -81
  145. package/dist/vue-ui-scatter-BPu5DwaJ.js +2413 -0
  146. package/dist/{vue-ui-skeleton-BD0JzrcV.js → vue-ui-skeleton-qpdvvWtx.js} +41 -41
  147. package/dist/{vue-ui-smiley-CqwB6Uhu.js → vue-ui-smiley-DUI5n89s.js} +16 -16
  148. package/dist/{vue-ui-spark-trend-DLXJpfGh.js → vue-ui-spark-trend-CQ9ZN5sL.js} +27 -27
  149. package/dist/{vue-ui-sparkbar-5pFFPu5l.js → vue-ui-sparkbar-d6ctWlLA.js} +83 -83
  150. package/dist/{vue-ui-sparkgauge--CihPbUW.js → vue-ui-sparkgauge-HX_rqLxX.js} +44 -44
  151. package/dist/{vue-ui-sparkhistogram-CjrIcako.js → vue-ui-sparkhistogram-B_zxKMHv.js} +110 -110
  152. package/dist/vue-ui-sparkline-BSdOdtKu.js +1507 -0
  153. package/dist/{vue-ui-sparkstackbar-Dlg1W_fF.js → vue-ui-sparkstackbar-B2sqpW-w.js} +155 -155
  154. package/dist/{vue-ui-stackbar-DltfPoDm.js → vue-ui-stackbar-DH75CCpy.js} +81 -81
  155. package/dist/vue-ui-stackline-CXodezD1.js +2398 -0
  156. package/dist/{vue-ui-strip-plot-CEE-cw3d.js → vue-ui-strip-plot-C1un5Mku.js} +90 -90
  157. package/dist/{vue-ui-table-C7AvFChf.js → vue-ui-table-R-aXpHvF.js} +86 -86
  158. package/dist/{vue-ui-table-heatmap-xwfStZrD.js → vue-ui-table-heatmap-C1e_7MJ2.js} +16 -16
  159. package/dist/{vue-ui-table-sparkline-DgTHhaZI.js → vue-ui-table-sparkline-Dy-6i82F.js} +22 -22
  160. package/dist/{vue-ui-thermometer-Cg7jcmgc.js → vue-ui-thermometer-CIse_lcE.js} +21 -21
  161. package/dist/{vue-ui-timer-U045embk.js → vue-ui-timer-AlYvthQ6.js} +23 -23
  162. package/dist/{vue-ui-tiremarks-T55IpHYP.js → vue-ui-tiremarks-CP_bw6by.js} +19 -19
  163. package/dist/{vue-ui-treemap-BPQ-Ekq4.js → vue-ui-treemap-BXrV5VAp.js} +65 -65
  164. package/dist/{vue-ui-waffle-DNCJGwEA.js → vue-ui-waffle-uoqEnQ30.js} +232 -232
  165. package/dist/{vue-ui-wheel-5GuVbUOq.js → vue-ui-wheel-DLgw_xfe.js} +36 -36
  166. package/dist/{vue-ui-word-cloud-Cs-MBJJU.js → vue-ui-word-cloud-Bgu-qbcp.js} +35 -35
  167. package/dist/{vue-ui-world-D3v5f6dU.js → vue-ui-world-B93iq1ZM.js} +445 -445
  168. package/dist/vue-ui-xy-DzuOBbPL.js +4744 -0
  169. package/dist/{vue-ui-xy-canvas-Ww81eEZ6.js → vue-ui-xy-canvas-DjxM7y3T.js} +60 -60
  170. package/package.json +6 -2
  171. package/dist/SlicerPreview-CpvCUAIM.js +0 -1669
  172. package/dist/exposedLib-CI8ji8G-.js +0 -19
  173. package/dist/vue-ui-3d-bar-DmMi_eVe.js +0 -1757
  174. package/dist/vue-ui-age-pyramid-CbJDodNj.js +0 -1238
  175. package/dist/vue-ui-bullet-rCmOch09.js +0 -710
  176. package/dist/vue-ui-carousel-table-DFUP6c1B.js +0 -455
  177. package/dist/vue-ui-chestnut-DKNsQA7h.js +0 -2010
  178. package/dist/vue-ui-chord-BMkz02R6.js +0 -1391
  179. package/dist/vue-ui-donut-BLlR2VgI.js +0 -2410
  180. package/dist/vue-ui-donut-evolution-kXDchwtH.js +0 -1510
  181. package/dist/vue-ui-dumbbell-BWuXbccQ.js +0 -1530
  182. package/dist/vue-ui-gauge-NSzY9L6X.js +0 -920
  183. package/dist/vue-ui-horizontal-bar-mmoqYnkA.js +0 -1681
  184. package/dist/vue-ui-molecule-QoXYCfyP.js +0 -925
  185. package/dist/vue-ui-radar-TfxsgQrA.js +0 -1229
  186. package/dist/vue-ui-relation-circle-CMqV9U6C.js +0 -924
  187. package/dist/vue-ui-scatter-8nirnHQi.js +0 -2413
  188. package/dist/vue-ui-sparkline-DPZm7RqN.js +0 -1507
  189. package/dist/vue-ui-stackline-6agFEYxZ.js +0 -2398
  190. package/dist/vue-ui-xy-C0kcCaFA.js +0 -4747
@@ -1,1669 +0,0 @@
1
- import { F as e, H as t, I as n, L as r, Vt as i, ht as a, j as o, k as ee, pt as te, r as ne, t as re } from "./lib-DUeYQsS0.js";
2
- import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
- import { c, r as l } from "./canvas-lib-BOP_HS11.js";
4
- import { t as ie } from "./useResponsive-BfnK0KxU.js";
5
- import { t as ae } from "./BaseIcon-DfLoHNUj.js";
6
- import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as oe, mergeProps as se, nextTick as ce, normalizeClass as h, normalizeProps as le, normalizeStyle as g, onBeforeUnmount as ue, onMounted as de, onUpdated as fe, openBlock as _, ref as v, renderList as y, renderSlot as pe, toDisplayString as me, unref as he, useCssVars as ge, vModelText as _e, watch as b, withDirectives as ve, withKeys as ye, withModifiers as be } from "vue";
7
- //#region src/atoms/SlicerPreview.vue
8
- var xe = ["data-minimap"], Se = {
9
- class: "vue-data-ui-slicer-labels",
10
- style: {
11
- position: "relative",
12
- "z-index": "1",
13
- "pointer-events": "none"
14
- }
15
- }, Ce = {
16
- key: 0,
17
- style: {
18
- width: "100%",
19
- position: "relative",
20
- "pointer-events": "all"
21
- }
22
- }, we = {
23
- key: 0,
24
- class: "minimap",
25
- style: { width: "100%" }
26
- }, Te = ["xmlns", "viewBox"], Ee = ["id"], De = ["stop-color"], Oe = ["id"], ke = [
27
- "x",
28
- "width",
29
- "height"
30
- ], Ae = [
31
- "width",
32
- "height",
33
- "stroke"
34
- ], je = ["d", "stroke"], Me = ["d", "fill"], Ne = [
35
- "x",
36
- "y",
37
- "width",
38
- "height",
39
- "fill"
40
- ], Pe = [
41
- "d",
42
- "stroke",
43
- "stroke-dasharray"
44
- ], Fe = [
45
- "cx",
46
- "cy",
47
- "fill",
48
- "stroke"
49
- ], Ie = [
50
- "cx",
51
- "cy",
52
- "fill",
53
- "stroke"
54
- ], Le = [
55
- "x",
56
- "width",
57
- "height",
58
- "fill",
59
- "rx"
60
- ], Re = [
61
- "x",
62
- "width",
63
- "height",
64
- "rx",
65
- "fill"
66
- ], ze = [
67
- "x",
68
- "width",
69
- "height",
70
- "fill",
71
- "rx",
72
- "aria-valuemin",
73
- "aria-valuemax",
74
- "aria-valuenow",
75
- "aria-valuetext"
76
- ], Be = [
77
- "x2",
78
- "y1",
79
- "y2",
80
- "stroke"
81
- ], Ve = { key: "merged-tree" }, He = ["d", "stroke"], Ue = [
82
- "cx",
83
- "cy",
84
- "stroke",
85
- "fill"
86
- ], We = [
87
- "cx",
88
- "cy",
89
- "stroke",
90
- "fill"
91
- ], Ge = { key: "split-tree" }, Ke = [
92
- "x",
93
- "y",
94
- "width",
95
- "height",
96
- "fill"
97
- ], qe = [
98
- "d",
99
- "stroke",
100
- "stroke-dasharray"
101
- ], Je = [
102
- "cx",
103
- "cy",
104
- "fill",
105
- "stroke"
106
- ], Ye = ["width", "height"], Xe = [
107
- "x",
108
- "width",
109
- "height",
110
- "fill",
111
- "stroke",
112
- "stroke-width"
113
- ], Ze = ["transform"], Qe = ["width", "height"], $e = ["fill", "stroke"], et = ["stroke"], tt = ["fill"], nt = [
114
- "x",
115
- "width",
116
- "height",
117
- "fill",
118
- "stroke",
119
- "stroke-width"
120
- ], rt = ["transform"], it = ["width", "height"], at = ["fill", "stroke"], ot = ["stroke"], st = ["fill"], ct = {
121
- key: "merged-tree",
122
- style: { "pointer-events": "none" }
123
- }, lt = [
124
- "cx",
125
- "cy",
126
- "stroke",
127
- "fill"
128
- ], ut = [
129
- "cx",
130
- "cy",
131
- "fill"
132
- ], dt = [
133
- "cx",
134
- "cy",
135
- "stroke",
136
- "fill"
137
- ], ft = [
138
- "cx",
139
- "cy",
140
- "fill"
141
- ], pt = {
142
- key: 1,
143
- style: { "pointer-events": "none" }
144
- }, mt = [
145
- "d",
146
- "stroke",
147
- "stroke-dasharray"
148
- ], ht = [
149
- "cx",
150
- "cy",
151
- "fill",
152
- "stroke"
153
- ], gt = [
154
- "cx",
155
- "cy",
156
- "stroke",
157
- "fill"
158
- ], _t = [
159
- "cx",
160
- "cy",
161
- "fill"
162
- ], vt = [
163
- "cx",
164
- "cy",
165
- "stroke",
166
- "fill"
167
- ], yt = [
168
- "cx",
169
- "cy",
170
- "fill"
171
- ], bt = [
172
- "cx",
173
- "cy",
174
- "fill",
175
- "stroke"
176
- ], xt = [
177
- "step",
178
- "min",
179
- "max",
180
- "tabindex"
181
- ], St = [
182
- "step",
183
- "min",
184
- "max",
185
- "tabindex"
186
- ], Ct = {
187
- key: 3,
188
- class: "minimap-handle-overlay"
189
- }, wt = ["xmlns", "viewBox"], Tt = [
190
- "x",
191
- "width",
192
- "height"
193
- ], Et = [
194
- "x",
195
- "width",
196
- "height"
197
- ], Dt = 48, Ot = /* @__PURE__ */ s({
198
- __name: "SlicerPreview",
199
- props: {
200
- uuid: {
201
- type: String,
202
- default: ""
203
- },
204
- immediate: {
205
- type: Boolean,
206
- default: !0
207
- },
208
- background: {
209
- type: String,
210
- default: "#FFFFFF"
211
- },
212
- borderColor: {
213
- type: String,
214
- default: "#FFFFFF"
215
- },
216
- fontSize: {
217
- type: Number,
218
- default: 14
219
- },
220
- labelLeft: {
221
- type: [String, Number],
222
- default: ""
223
- },
224
- labelRight: {
225
- type: [String, Number],
226
- default: ""
227
- },
228
- textColor: {
229
- type: String,
230
- default: "#1A1A1A"
231
- },
232
- inputColor: {
233
- type: String,
234
- default: "#1A1A1A"
235
- },
236
- max: {
237
- type: Number,
238
- default: 0
239
- },
240
- min: {
241
- type: Number,
242
- default: 0
243
- },
244
- selectColor: {
245
- type: String,
246
- default: "#4A4A4A"
247
- },
248
- useResetSlot: {
249
- type: Boolean,
250
- default: !1
251
- },
252
- valueStart: {
253
- type: [Number, String],
254
- default: 0
255
- },
256
- valueEnd: {
257
- type: [Number, String],
258
- default: 0
259
- },
260
- minimap: {
261
- type: Array,
262
- default: []
263
- },
264
- smoothMinimap: {
265
- type: Boolean,
266
- default: !1
267
- },
268
- minimapSelectedColor: {
269
- type: String,
270
- default: "#1f77b4"
271
- },
272
- minimapSelectionRadius: {
273
- type: Number,
274
- default: 12
275
- },
276
- minimapLineColor: {
277
- type: String,
278
- default: "#2D353C"
279
- },
280
- minimapSelectedColorOpacity: {
281
- type: Number,
282
- default: .2
283
- },
284
- minimapSelectedIndex: {
285
- type: Number,
286
- default: null
287
- },
288
- minimapIndicatorColor: {
289
- type: String,
290
- default: "#2D353C"
291
- },
292
- refreshStartPoint: {
293
- type: Number,
294
- default: 0
295
- },
296
- refreshEndPoint: {
297
- type: Number,
298
- default: null
299
- },
300
- enableRangeHandles: {
301
- type: Boolean,
302
- default: !1
303
- },
304
- enableSelectionDrag: {
305
- type: Boolean,
306
- default: !0
307
- },
308
- verticalHandles: {
309
- type: Boolean,
310
- default: !1
311
- },
312
- timeLabels: { type: Array },
313
- isPreview: {
314
- type: Boolean,
315
- default: !1
316
- },
317
- preciseLabels: {
318
- type: Array,
319
- default() {
320
- return [];
321
- }
322
- },
323
- usePreciseLabels: {
324
- type: Boolean,
325
- default: !1
326
- },
327
- selectedSeries: { type: Object },
328
- customFormat: { type: [Function, null] },
329
- minimapCompact: {
330
- type: Boolean,
331
- default: !1
332
- },
333
- allMinimaps: {
334
- type: Array,
335
- default() {
336
- return [];
337
- }
338
- },
339
- minimapMerged: {
340
- type: Boolean,
341
- default: !1
342
- },
343
- minimapFrameColor: {
344
- type: String,
345
- default: "#e1e5e8"
346
- },
347
- cutNullValues: {
348
- type: Boolean,
349
- default: !1
350
- },
351
- focusOnDrag: {
352
- type: Boolean,
353
- default: !1
354
- },
355
- focusRangeRatio: {
356
- type: Number,
357
- default: .1
358
- },
359
- minScale: {
360
- type: Number,
361
- default: null
362
- },
363
- maxScale: {
364
- type: Number,
365
- default: null
366
- },
367
- forceZeroCenter: {
368
- type: Boolean,
369
- default: !1
370
- },
371
- maxWidth: {
372
- type: Number,
373
- default: null
374
- },
375
- isCursorPointer: {
376
- type: Boolean,
377
- default: !1
378
- },
379
- additionalMinimapHeight: {
380
- type: Number,
381
- default: 0
382
- },
383
- handleType: {
384
- type: String,
385
- default: ""
386
- },
387
- handleWidth: {
388
- type: Number,
389
- default: 20
390
- },
391
- handleBorderWidth: {
392
- type: Number,
393
- default: 1
394
- },
395
- handleIconColor: {
396
- type: String,
397
- default: null
398
- },
399
- handleBorderColor: {
400
- type: String,
401
- default: null
402
- },
403
- handleFill: {
404
- type: String,
405
- default: null
406
- },
407
- precision: {
408
- type: Number,
409
- default: 0
410
- },
411
- useValueRange: {
412
- type: Boolean,
413
- default: !1
414
- }
415
- },
416
- emits: [
417
- "futureStart",
418
- "futureEnd",
419
- "update:start",
420
- "update:end",
421
- "reset",
422
- "trapMouse",
423
- "trapMouseValue"
424
- ],
425
- setup(s, { expose: Ot, emit: kt }) {
426
- ge((e) => ({
427
- v094f9082: en.value,
428
- d9647f9a: F.value,
429
- v6dae1b64: nn.value,
430
- v73830163: s.selectColor,
431
- v04c20271: tn.value,
432
- ee7fcb3a: x.additionalMinimapHeight
433
- }));
434
- let x = s;
435
- function At(e) {
436
- let t = Number(e) || 0;
437
- return x.precision <= 0 ? Math.round(t) : Number(t.toFixed(x.precision));
438
- }
439
- let S = v(null), C = v(x.min), w = v(x.max), T = d(() => !!x.allMinimaps.length), jt = v(t()), E = v(!1), D = d(() => T.value && x.minimapCompact), O = v(null), Mt = v(!1), Nt = v(0), Pt = v(0), Ft = v(null), It = d(() => x.useValueRange ? w.value : w.value - 1), Lt = d(() => Math.max(1, Number(x.max) - Number(x.min)));
440
- function Rt(e) {
441
- return (Number(e) - Number(x.min)) / Lt.value * 100;
442
- }
443
- function zt(e) {
444
- return L.value.width * (Rt(e) / 100);
445
- }
446
- function Bt(e) {
447
- let t = Math.min(1, Math.max(0, e / Math.max(1, L.value.width)));
448
- return At(Number(x.min) + Lt.value * t);
449
- }
450
- function Vt(e) {
451
- let t = x.useValueRange ? e?.y : e;
452
- return a(t) ? Number(t) : null;
453
- }
454
- function Ht(e, t) {
455
- return x.useValueRange ? Number(e?.x) : t + Number(x.min);
456
- }
457
- function Ut(e, t) {
458
- return x.useValueRange ? zt(Ht(e, t)) : V.value * t + (x.minimapCompact ? 0 : V.value / 2);
459
- }
460
- let Wt = d(() => Math.min(40, Math.max(20, x.handleWidth))), Gt = v(0), Kt = c((e) => N("futureStart", e), 0), qt = c((e) => N("futureEnd", e), 0), k = d(() => x.precision > 0 ? 1 / 10 ** x.precision : 1), A = d({
461
- get: () => C.value,
462
- set(e) {
463
- let t = Math.min(Number(e), Number(w.value) - k.value);
464
- t !== C.value && (C.value = t, Ln.value && (Ln.value.value = String(t)), x.immediate ? N("update:start", Number(t)) : E.value && Kt(t));
465
- }
466
- }), j = d({
467
- get: () => w.value,
468
- set(e) {
469
- let t = Math.max(Number(e), Number(C.value) + k.value);
470
- t !== w.value && (w.value = t, Rn.value && (Rn.value.value = String(t)), x.immediate ? N("update:end", Number(t)) : E.value && qt(t));
471
- }
472
- });
473
- function M() {
474
- clearTimeout(null), x.immediate || (N("update:start", Number(C.value)), N("update:end", Number(w.value))), E.value = !1;
475
- }
476
- let Jt = d(() => x.refreshEndPoint === null ? x.max : x.refreshEndPoint), N = kt, Yt = d(() => {
477
- if (x.useValueRange) return Rt(C.value);
478
- if (D.value) {
479
- let e = Math.max(1, z.value - 1);
480
- return kn.value / e * 100;
481
- }
482
- let e = Math.max(1, x.max - x.min);
483
- return (C.value - x.min) / e * 100;
484
- }), Xt = d(() => {
485
- if (x.useValueRange) return Rt(w.value);
486
- if (D.value) {
487
- let e = Math.max(1, z.value - 1);
488
- return An.value / e * 100;
489
- }
490
- let e = Math.max(1, x.max - x.min);
491
- return (w.value - x.min) / e * 100;
492
- }), Zt = d(() => (Yt.value + Xt.value) / 2), Qt = d(() => {
493
- if (!S.value) return !1;
494
- let e = Math.max(1, x.max - x.min);
495
- return S.value.getBoundingClientRect().width * ((C.value - x.min) / e) - pr.value / 2 < 0;
496
- }), $t = d(() => {
497
- if (!S.value) return !1;
498
- let e = Math.max(1, x.max - x.min), t = S.value.getBoundingClientRect().width;
499
- return t * ((w.value - x.min) / e) + mr.value / 2 > t;
500
- }), P = d(() => {
501
- let e = $t.value ? `calc(${Zt.value}% - ${br.value.width}px)` : Qt.value ? `calc(${Zt.value}% - 8px)` : `calc(${Zt.value}% - ${br.value.width / 2}px)`;
502
- return {
503
- left: `${Yt.value}%`,
504
- width: `${Math.max(0, Xt.value - Yt.value)}%`,
505
- background: x.selectColor,
506
- tooltipLeft: `calc(${Yt.value}% - ${Qt.value ? 9 : pr.value / 2}px)`,
507
- tooltipRight: `calc(${Xt.value}% - ${$t.value ? mr.value - 9 : mr.value / 2}px)`,
508
- tooltipCenter: e,
509
- arrowLeft: !Qt.value,
510
- arrowRight: !$t.value
511
- };
512
- }), en = d(() => x.inputColor), tn = d(() => x.background), nn = d(() => `${x.selectColor}33`), F = d(() => x.borderColor), rn = d(() => Number(x.max) > Number(x.min));
513
- function an() {
514
- N("reset");
515
- }
516
- b(() => x.min, (e) => {
517
- Number(C.value) < Number(e) && (C.value = Number(e)), Number(w.value) < Number(e) && (w.value = Number(e));
518
- }), b(() => x.max, (e) => {
519
- Number(C.value) > Number(e) && (C.value = Number(e)), Number(w.value) > Number(e) && (w.value = Number(e));
520
- });
521
- let I = v(null), L = v({
522
- width: 1,
523
- height: 1
524
- }), R = v(null);
525
- de(() => {
526
- if (T.value) {
527
- let e = c(() => {
528
- if (!I.value) return;
529
- let { width: e, height: t } = ie({ chart: I.value }), n = Math.max(0, Math.round(e)), r = Math.max(0, Math.round(t - 47));
530
- (n !== L.value.width || r !== L.value.height) && (L.value.width = n, L.value.height = r + x.additionalMinimapHeight);
531
- }, 0);
532
- R.value = new ResizeObserver(e), R.value.observe(I.value);
533
- }
534
- }), ue(() => {
535
- R.value && R.value.disconnect();
536
- });
537
- let z = d(() => Math.max(1, x.max - x.min));
538
- function on(e) {
539
- let t = Math.floor(e - x.min);
540
- return Math.min(Math.max(0, t), z.value);
541
- }
542
- function sn(e) {
543
- let t = Math.ceil(e - x.min);
544
- return Math.min(Math.max(0, t), z.value);
545
- }
546
- let B = d(() => on(C.value)), cn = d(() => sn(w.value)), ln = d(() => Math.max(...x.allMinimaps.map((e) => e.series.length))), un = d(() => T.value && x.minimapCompact ? 40 : 0), dn = d(() => un.value / 2);
547
- d(() => Math.max(1, L.value.width - dn.value * 2));
548
- let V = d(() => {
549
- let e = Math.max(1, ln.value - +!!x.minimapCompact);
550
- return L.value.width / e;
551
- }), fn = d(() => x.allMinimaps.length ? x.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), pn = d(() => V.value / (fn.value || 1) * .8);
552
- function mn(e, t, n) {
553
- let r = pn.value, i = Math.max(1, fn.value), a = ln.value - 1;
554
- return n === 0 ? e + r / 2 * t : n === a ? e - r / 2 * (i - t) : e - i * r / 2 + t * r;
555
- }
556
- function hn(e, t) {
557
- return [0, ln.value - 1].includes(t) ? pn.value / 2 : pn.value;
558
- }
559
- let gn = d(() => {
560
- let e = [];
561
- if (Array.isArray(x.minimap) && x.minimap.length && x.minimapMerged && e.push(...x.minimap.map(Vt).filter(Number.isFinite)), Array.isArray(x.allMinimaps) && x.allMinimaps.length) for (let t of x.allMinimaps) t?.isVisible && Array.isArray(t?.series) && e.push(...t.series.map(Vt).filter(Number.isFinite));
562
- return e.length ? {
563
- min: Math.min(...e),
564
- max: Math.max(...e)
565
- } : {
566
- min: 0,
567
- max: 1
568
- };
569
- }), _n = d(() => {
570
- if (x.minScale == null && x.forceZeroCenter) return null;
571
- let e = Number(x.minScale);
572
- return Number.isFinite(e) ? e : null;
573
- }), vn = d(() => {
574
- if (x.maxScale == null && x.forceZeroCenter) return null;
575
- let e = Number(x.maxScale);
576
- return Number.isFinite(e) ? e : null;
577
- }), yn = d(() => _n.value !== null && vn.value !== null), bn = d(() => {
578
- let { min: e, max: t } = gn.value, n = _n.value, r = vn.value, i, a;
579
- return n !== null && r !== null ? (i = Math.min(n, e), a = Math.max(r, t)) : (i = n === null ? e : n, a = r === null ? t : r), Number.isFinite(i) || (i = 0), Number.isFinite(a) || (a = 1), i === a ? a = i + 1 : i > a && ([i, a] = [a, i]), {
580
- min: i,
581
- max: a
582
- };
583
- }), xn = d(() => bn.value.min), Sn = d(() => bn.value.max), Cn = d(() => xn.value < 0 && Sn.value > 0 || Sn.value <= 0 ? xn.value : 0), wn = (e) => {
584
- let t = Math.max(1, L.value.height);
585
- return En(xn.value, Sn.value, t, yn.value)(e);
586
- }, Tn = d(() => wn(0));
587
- function En(e, t, n, r = !1) {
588
- let i = (e, t, n) => Math.max(t, Math.min(n, e)), a = 1e-9, o = Math.max(a, t - e);
589
- if (r) return (t) => n - (t - e) / o * n;
590
- if (t <= 0) {
591
- let t = Math.max(a, 0 - e);
592
- return (r) => n - (r - e) / t * n;
593
- } else if (e >= 0) {
594
- let e = Math.max(a, t - 0);
595
- return (t) => n - (t - 0) / e * n;
596
- } else {
597
- let r = Math.max(a, Math.max(Math.abs(e), Math.abs(t)));
598
- return (e) => (1 - (i(e / r, -1, 1) + 1) / 2) * n;
599
- }
600
- }
601
- function Dn(t, i = !1, a = !1) {
602
- if (!t || !t.length) return {
603
- fullSet: "",
604
- points: [],
605
- selectionSet: "",
606
- sliced: [],
607
- firstPlot: null,
608
- lastPlot: null,
609
- hasFull: !1,
610
- hasSelection: !1,
611
- fullMarkers: [],
612
- selectionMarkers: [],
613
- dashed: !1
614
- };
615
- let te = Math.max(1, L.value.height), ne = En(xn.value, Sn.value, te, yn.value), re = t.length, s = Math.min(Math.max(0, B.value), Math.max(0, re - 1)), c = Math.min(re, Math.max(s + 1, cn.value)), l = t.map((e, t) => {
616
- let n = Vt(e), r = Number.isFinite(n), i = Ut(e, t), a = ne(yn.value ? ((e, t, n) => Math.max(t, Math.min(n, e)))(0, xn.value, Sn.value) : 0);
617
- return {
618
- x: i,
619
- y: r ? ne(n) : NaN,
620
- v: n,
621
- value: r ? n : null,
622
- y0: a,
623
- i: t,
624
- xValue: Ht(e, t)
625
- };
626
- }), ie = (e) => e >= 0 && e < l.length && Number.isFinite(l[e]?.value), ae = l.filter((e) => Number.isFinite(e.value) && !ie(e.i - 1) && !ie(e.i + 1)), u = x.useValueRange ? ae.filter((e) => e.xValue >= Number(C.value) && e.xValue <= Number(w.value)) : ae.filter((e) => e.i >= s && e.i < c), d = x.useValueRange ? l.filter((e) => e.xValue >= Number(C.value) && e.xValue <= Number(w.value)) : l.slice(s, c);
627
- return {
628
- fullSet: l.length >= 2 ? a ? e(x.cutNullValues ? l : l.filter((e) => e.value != null)) : x.smoothMinimap || i ? x.cutNullValues ? o(l) : ee(l.filter((e) => e.value != null)) : x.cutNullValues ? r(l) : n(l.filter((e) => e.value != null)) : "",
629
- points: l,
630
- selectionSet: d.length >= 2 ? a ? e(x.cutNullValues ? d : d.filter((e) => e.value != null)) : x.smoothMinimap || i ? x.cutNullValues ? o(d) : ee(d.filter((e) => e.value != null)) : x.cutNullValues ? r(d) : n(d.filter((e) => e.value != null)) : "",
631
- sliced: d,
632
- firstPlot: x.useValueRange ? d[0] || null : l[s] || null,
633
- lastPlot: x.useValueRange ? d[d.length - 1] || null : l[Math.max(0, c - 1)] || null,
634
- hasFull: l.length >= 2,
635
- hasSelection: d.length >= 2,
636
- fullMarkers: ae,
637
- selectionMarkers: u
638
- };
639
- }
640
- let H = d(() => x.minimap.length ? Dn(x.minimap) : []), U = d(() => x.allMinimaps.length ? x.allMinimaps.map((e, t) => {
641
- let n = Dn(e?.series || [], !!e.smooth, !!e.useStepper), r = e?.id ?? e?.name ?? t;
642
- return {
643
- key: typeof r == "object" ? JSON.stringify(r) : String(r),
644
- color: e?.color,
645
- ...n,
646
- temperatureColors: e?.temperatureColors ?? null,
647
- isVisible: e.isVisible,
648
- type: e.type || void 0,
649
- dashed: e.dashed ?? !1,
650
- useStepper: !!e.useStepper
651
- };
652
- }) : []), W = d(() => {
653
- if (x.useValueRange) {
654
- let e = zt(C.value), t = zt(w.value);
655
- return {
656
- x: e,
657
- width: Math.max(0, t - e)
658
- };
659
- }
660
- let e = B.value, t = Math.max(e + 1, cn.value);
661
- return {
662
- x: V.value * e + (x.minimapCompact ? 0 : V.value / 2),
663
- width: V.value * (t - e) - V.value
664
- };
665
- }), G = v(x.minimapSelectedIndex), On = (e) => Math.round(x.min + e), kn = d({
666
- get() {
667
- return D.value ? B.value : Number(A.value);
668
- },
669
- set(e) {
670
- if (D.value) {
671
- if (x.useValueRange) {
672
- let t = At(e);
673
- Vn(Math.min(Math.max(Number(x.min), t), Number(w.value) - k.value));
674
- return;
675
- }
676
- Vn(On(Math.round(+e || 0)));
677
- } else {
678
- let t = At(e), n = Number(w.value) - k.value, r = Math.min(Math.max(x.min, t), n);
679
- Ln.value && (Ln.value.valueAsNumber = r), Vn(r);
680
- }
681
- }
682
- }), An = d({
683
- get() {
684
- return D.value ? Math.max(B.value, cn.value - 1) : Number(j.value);
685
- },
686
- set(e) {
687
- if (D.value) {
688
- if (x.useValueRange) {
689
- let t = At(e);
690
- Un(Math.max(Number(C.value) + k.value, Math.min(t, Number(x.max))));
691
- return;
692
- }
693
- Un(On(Math.round(+e || 0) + 1));
694
- } else {
695
- let t = At(e), n = Number(C.value) + k.value, r = Math.max(n, Math.min(t, x.max));
696
- Rn.value && (Rn.value.valueAsNumber = r), Un(r);
697
- }
698
- }
699
- });
700
- function jn(e) {
701
- if (x.useValueRange) {
702
- G.value = Number.isFinite(Number(e)) ? zt(Number(e)) : null;
703
- return;
704
- }
705
- G.value = on(x.valueStart) + e;
706
- }
707
- let Mn = l(jn, 60);
708
- b(() => x.minimapSelectedIndex, (e, t) => {
709
- if ([null, void 0].includes(e)) {
710
- G.value = null;
711
- return;
712
- }
713
- e !== t && Mn(e);
714
- }, { immediate: !0 });
715
- function Nn(e) {
716
- G.value = e;
717
- let t = B.value, n = cn.value;
718
- e >= t && e < n && !X.value && N("trapMouse", e - t);
719
- }
720
- function Pn(e) {
721
- let t = Bt(e), n = x.allMinimaps.flatMap((e) => (e.series || []).map((e, n) => ({
722
- point: e,
723
- index: n,
724
- x: Number(e?.x),
725
- distance: Math.abs(Number(e?.x) - t)
726
- }))).filter((e) => Number.isFinite(e.x));
727
- return n.length ? n.reduce((e, t) => t.distance < e.distance ? t : e, n[0]) : null;
728
- }
729
- function Fn(e) {
730
- if (!rn.value) return;
731
- let t = Ir(e.clientX);
732
- if (x.useValueRange) {
733
- let e = Pn(t);
734
- if (!e) {
735
- In();
736
- return;
737
- }
738
- G.value = zt(e.x), N("trapMouse", e.index), N("trapMouseValue", e.x);
739
- return;
740
- }
741
- Nn(Lr(t));
742
- }
743
- function In() {
744
- G.value = null, N("trapMouse", null), N("trapMouseValue", null);
745
- }
746
- let Ln = v(null), Rn = v(null);
747
- function zn(e) {
748
- if (typeof e == "object" && e && "target" in e) {
749
- let t = e.target, n = "valueAsNumber" in t ? t.valueAsNumber : +t.value;
750
- return Number.isFinite(n) ? n : NaN;
751
- }
752
- let t = +e;
753
- return Number.isFinite(t) ? t : NaN;
754
- }
755
- let Bn = 0;
756
- function Vn(e) {
757
- E.value = !0;
758
- let t = zn(e);
759
- Number.isFinite(t) && (cancelAnimationFrame(Bn), Bn = requestAnimationFrame(() => {
760
- A.value = t;
761
- }));
762
- }
763
- let Hn = 0;
764
- function Un(e) {
765
- E.value = !0;
766
- let t = zn(e);
767
- Number.isFinite(t) && (cancelAnimationFrame(Hn), Hn = requestAnimationFrame(() => {
768
- j.value = t;
769
- }));
770
- }
771
- ue(() => {
772
- cancelAnimationFrame(Bn), cancelAnimationFrame(Hn);
773
- });
774
- let Wn = d(() => x.valueEnd - x.valueStart), Gn = d(() => Wn.value < x.max - x.min), Kn = v(!1), qn = v(null), Jn = d(() => (Gt.value - 48) / (x.max - x.min) * Wn.value), Yn = d(() => Math.max(1, Gt.value - Dt - Jn.value)), Xn = d(() => Math.max(1, x.max - x.min - Wn.value)), Zn = d(() => Xn.value / Yn.value), Qn = v(0), $n = v(0), er = v(0), tr = v(0), K = null, q = null, J = null, Y = null, nr = v(x.min);
775
- function rr(e) {
776
- if (!S.value) return x.min;
777
- let t = S.value.getBoundingClientRect(), n = t.left + Dt / 2, r = t.right - Dt / 2, i = Math.max(1, r - n), a = (Math.max(n, Math.min(e, r)) - n) / i, o = Math.max(1, x.max - x.min);
778
- return Math.round(x.min + a * o);
779
- }
780
- let ir = async (e) => {
781
- if (E.value = !0, Z.value = !0, !x.enableSelectionDrag) return;
782
- let t = e.type === "touchstart";
783
- t || e.stopPropagation();
784
- let n = t && e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null, r = t ? n ? n.target : null : e.target;
785
- if (!r || !(r instanceof Element) || r.classList?.contains("range-handle") || r.classList?.contains("vue-ui-zoom-compact-minimap-handle") || r.closest(".vue-ui-zoom-compact-minimap-handle")) return;
786
- Kn.value = !0;
787
- let a = t ? n ? n.clientX : 0 : e.clientX;
788
- if (qn.value = a, Qn.value = a, x.focusOnDrag && !Gn.value && S.value) {
789
- nr.value = rr(a);
790
- let e = Math.min(.95, Math.max(.05, x.focusRangeRatio)), t = x.max - x.min, n = Math.max(1, Math.round(t * e)), r = Math.floor(n / 2), o = nr.value - r;
791
- o = Math.max(x.min, Math.min(o, x.max - n));
792
- let ee = Math.min(x.max, o + n);
793
- A.value = o, j.value = ee, Kt(o), qt(ee), i(S.value, "mouseup"), await ce(), i(S.value, "mousedown", { clientX: a });
794
- }
795
- $n.value = C.value, er.value = w.value, tr.value = Zn.value, K = t ? "touchmove" : "mousemove", q = t ? "touchend" : "mouseup", J = t ? or : ar, Y = t ? lr : cr, window.addEventListener(K, J, { passive: !1 }), window.addEventListener(q, Y);
796
- };
797
- function ar(e) {
798
- Kn.value && sr(e.clientX);
799
- }
800
- function or(e) {
801
- if (!Kn.value || !S.value) return;
802
- let t = e.target;
803
- if (!(t instanceof Element) || !S.value.contains(t) || t.classList && t.classList.contains("range-handle")) return;
804
- e.preventDefault();
805
- let n = e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null;
806
- n && sr(n.clientX);
807
- }
808
- function sr(e) {
809
- if (!Kn.value) return;
810
- let t = rr(Qn.value), n = rr(e) - t, r = Math.round($n.value + n);
811
- r = Math.max(x.min, Math.min(r, x.max - Wn.value));
812
- let i = r + Wn.value;
813
- A.value = r, j.value = i, Kt(r), qt(i);
814
- }
815
- function cr() {
816
- ur();
817
- }
818
- function lr() {
819
- ur();
820
- }
821
- function ur() {
822
- Kn.value = !1, K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, M();
823
- }
824
- let X = v(!1), dr = v(null), fr = v(null), pr = v(1), mr = v(1), Z = v(!1);
825
- function hr() {
826
- if (dr.value) {
827
- let e = Math.round(dr.value.getBoundingClientRect().width);
828
- e !== pr.value && (pr.value = e);
829
- }
830
- }
831
- function gr() {
832
- if (fr.value) {
833
- let e = Math.round(fr.value.getBoundingClientRect().width);
834
- e !== mr.value && (mr.value = e);
835
- }
836
- }
837
- fe(() => {
838
- hr(), gr();
839
- });
840
- let _r = v(0);
841
- function vr(e) {
842
- _r.value = +(e === "start");
843
- }
844
- let yr = v(!1), br = v({
845
- width: 0,
846
- left: 0
847
- });
848
- b([C, w], async () => {
849
- if (await ce(), !dr.value || !fr.value) {
850
- yr.value = !1, br.value = {
851
- width: 0,
852
- left: 0
853
- };
854
- return;
855
- }
856
- let e = dr.value.getBoundingClientRect(), t = fr.value.getBoundingClientRect();
857
- yr.value = e.x + e.width > t.x;
858
- let n = e.x + e.width / 2, r = t.x + t.width / 2, i = e.width + t.width;
859
- br.value = {
860
- width: i,
861
- left: (n + r) / 2 - i / 2
862
- };
863
- }), fe(() => {
864
- hr(), gr();
865
- }), b(() => x.labelLeft, () => {
866
- ce(hr);
867
- }, { deep: !0 }), b(() => x.labelRight, () => {
868
- ce(gr);
869
- }, { deep: !0 });
870
- let Q = d(() => {
871
- let e = "", t = "", n = !1;
872
- if (te(x.customFormat)) try {
873
- let r = x.customFormat({
874
- absoluteIndex: C.value,
875
- seriesIndex: C.value,
876
- datapoint: x.selectedSeries,
877
- timeLabel: x.preciseLabels[C.value],
878
- side: "left"
879
- }), i = x.customFormat({
880
- absoluteIndex: It.value,
881
- seriesIndex: -1,
882
- datapoint: x.selectedSeries,
883
- timeLabel: x.useValueRange ? null : x.preciseLabels[It.value],
884
- side: "right"
885
- });
886
- typeof r == "string" && typeof i == "string" && (e = r, t = i, n = !0);
887
- } catch {
888
- n = !1;
889
- }
890
- if (!n) {
891
- let n = x.useValueRange ? { text: String(Math.round(C.value * 1e3) / 1e3) } : x.usePreciseLabels ? x.preciseLabels.find((e) => e.absoluteIndex === C.value) : x.timeLabels.find((e) => e.absoluteIndex === C.value), r = x.useValueRange ? { text: String(Math.round(w.value * 1e3) / 1e3) } : x.usePreciseLabels ? x.preciseLabels.find((e) => e.absoluteIndex === It.value) : x.timeLabels.find((e) => e.absoluteIndex === It.value);
892
- e = n ? n.text : "", t = r ? r.text : "";
893
- }
894
- return {
895
- left: e,
896
- right: t
897
- };
898
- });
899
- ue(() => {
900
- R.value && R.value.disconnect(), K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, clearTimeout(null);
901
- });
902
- let xr = d(() => {
903
- if (!rn.value || G.value === null) return null;
904
- if (x.useValueRange) {
905
- let e = G.value;
906
- return e < W.value.x || e > W.value.x + W.value.width ? null : {
907
- x1: e,
908
- x2: e,
909
- y1: 0,
910
- y2: Math.max(L.value.height, 0),
911
- stroke: x.minimapIndicatorColor,
912
- "stroke-linecap": "round",
913
- "stroke-dasharray": 2,
914
- "stroke-width": 1
915
- };
916
- }
917
- if (G.value >= B.value && G.value < cn.value) {
918
- let e = G.value, t = V.value * e + (x.minimapCompact ? 0 : V.value / 2);
919
- return {
920
- x1: t,
921
- x2: t,
922
- y1: 0,
923
- y2: Math.max(L.value.height, 0),
924
- stroke: x.minimapIndicatorColor,
925
- "stroke-linecap": "round",
926
- "stroke-dasharray": 2,
927
- "stroke-width": 1
928
- };
929
- }
930
- return null;
931
- }), Sr = d(() => Number(C.value) < Number(w.value) - 1), Cr = d(() => Number(C.value) > Number(x.min)), wr = d(() => Number(w.value) < Number(x.max)), Tr = d(() => Number(w.value) > Number(C.value) + 1);
932
- function Er(e) {
933
- let t = Number(C.value) + e;
934
- e > 0 && !Sr.value || e < 0 && !Cr.value || (E.value = !0, A.value = t, M());
935
- }
936
- function Dr(e) {
937
- let t = Number(w.value) + e;
938
- e > 0 && !wr.value || e < 0 && !Tr.value || (E.value = !0, j.value = t, M());
939
- }
940
- let Or = {
941
- plus: () => Er(1),
942
- minus: () => Er(-1),
943
- canPlus: Sr,
944
- canMinus: Cr
945
- }, kr = {
946
- plus: () => Dr(1),
947
- minus: () => Dr(-1),
948
- canPlus: wr,
949
- canMinus: Tr
950
- };
951
- function Ar(e) {
952
- if (!e || jr(e.target)) return;
953
- let t = e.key, n = t === "ArrowLeft" || t === "ArrowDown" || t === "-" || t === "Subtract", r = t === "ArrowRight" || t === "ArrowUp" || t === "+" || t === "Add";
954
- !n && !r || (e.preventDefault(), e.stopPropagation(), r ? (Or.plus(), kr.plus()) : (Or.minus(), kr.minus()));
955
- }
956
- function jr(e) {
957
- return e instanceof HTMLElement && (e.isContentEditable || e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT");
958
- }
959
- function Mr(e) {
960
- if (!T.value || !x.minimapCompact) return;
961
- let t = S.value;
962
- if (!t) return;
963
- let n = e === "start" ? "[data-cy=\"slicer-compact-handle-left\"]" : "[data-cy=\"slicer-compact-handle-right\"]", r = t.querySelector(n);
964
- r && r instanceof SVGElement && typeof r.focus == "function" && r.focus();
965
- }
966
- function Nr(e, t) {
967
- if (!t || jr(t.target)) return;
968
- let n = t.key, r = n === "ArrowLeft" || n === "ArrowDown" || n === "-" || n === "Subtract", i = n === "ArrowRight" || n === "ArrowUp" || n === "+" || n === "Add";
969
- !r && !i || (t.preventDefault(), t.stopPropagation(), e === "start" ? i ? Or.plus() : Or.minus() : i ? kr.plus() : kr.minus(), ce(() => Mr(e)));
970
- }
971
- let Pr = d(() => ({
972
- tabindex: 0,
973
- role: "slider",
974
- "aria-label": "Range start",
975
- "aria-valuemin": Number(x.min),
976
- "aria-valuemax": Math.max(Number(x.min), Number(w.value) - 1),
977
- "aria-valuenow": Number(C.value)
978
- })), Fr = d(() => ({
979
- tabindex: 0,
980
- role: "slider",
981
- "aria-label": "Range end",
982
- "aria-valuemin": Math.min(Number(x.max), Number(C.value) + 1),
983
- "aria-valuemax": Number(x.max),
984
- "aria-valuenow": Number(w.value)
985
- }));
986
- function Ir(e) {
987
- if (!Ft.value) return 0;
988
- let t = Ft.value.getBoundingClientRect();
989
- return t.width ? (e - t.left) / t.width * L.value.width : 0;
990
- }
991
- function Lr(e) {
992
- let t = (e - (x.minimapCompact ? 0 : V.value / 2)) / Math.max(1, V.value);
993
- return Math.max(0, Math.min(Math.max(0, z.value - 1), Math.round(t)));
994
- }
995
- function Rr(e) {
996
- if (x.useValueRange) {
997
- let t = Bt(e);
998
- if (O.value === "start") {
999
- let e = Math.min(t, Number(w.value) - k.value);
1000
- A.value = e, Kt(e);
1001
- return;
1002
- }
1003
- if (O.value === "end") {
1004
- let e = Math.max(Number(C.value) + k.value, t), n = Math.min(Number(x.max), e);
1005
- j.value = n, qt(n);
1006
- return;
1007
- }
1008
- }
1009
- let t = Lr(e);
1010
- if (O.value === "start") {
1011
- let e = Math.min(x.min + t, Number(w.value) - 1);
1012
- A.value = e, Kt(e);
1013
- return;
1014
- }
1015
- if (O.value === "end") {
1016
- let e = Math.max(Number(C.value) + 1, x.min + t + 1), n = Math.min(x.max, e);
1017
- j.value = n, qt(n);
1018
- }
1019
- }
1020
- function zr(e) {
1021
- if (!O.value || !I.value) return;
1022
- let t = e.clientX - Nt.value;
1023
- if (!Mt.value) {
1024
- if (Math.abs(t) < 4) return;
1025
- Mt.value = !0, E.value = !0, Z.value = !0;
1026
- }
1027
- let n = Ir(e.clientX) - Pt.value;
1028
- Rr(O.value === "start" ? n + Wt.value : n);
1029
- }
1030
- function Br() {
1031
- if (!O.value) return;
1032
- window.removeEventListener("mousemove", zr, !0), window.removeEventListener("mouseup", Br, !0);
1033
- let e = Mt.value;
1034
- O.value = null, Mt.value = !1, Nt.value = 0, Pt.value = 0, e && M();
1035
- }
1036
- function Vr(e, t) {
1037
- if (!T.value || !x.minimapCompact || !I.value) return;
1038
- t.preventDefault(), t.stopPropagation();
1039
- let n = Ir(t.clientX), r = e === "start" ? W.value.x - Wt.value : W.value.x + W.value.width;
1040
- O.value = e, Mt.value = !1, Nt.value = t.clientX, Pt.value = n - r, window.addEventListener("mousemove", zr, !0), window.addEventListener("mouseup", Br, !0);
1041
- }
1042
- let Hr = d(() => B.value), Ur = d(() => Math.max(B.value, cn.value - 1));
1043
- d(() => {
1044
- if (!T.value || !x.minimapCompact || !x.allMinimaps.length) return [];
1045
- let e = Hr.value, t = Ur.value;
1046
- return U.value.flatMap((n) => {
1047
- if (!n?.isVisible || !["line", "plot"].includes(n.type) || !n.type) return [];
1048
- let r = [], i = n.points?.find((t) => t.i === e && t.value !== null), a = n.points?.find((e) => e.i === t && e.value !== null);
1049
- return i && r.push({
1050
- key: `${n.key}-left-${i.i}`,
1051
- x: i.x,
1052
- y: i.y,
1053
- color: n.color
1054
- }), a && t !== e && r.push({
1055
- key: `${n.key}-right-${a.i}`,
1056
- x: a.x,
1057
- y: a.y,
1058
- color: n.color
1059
- }), r;
1060
- });
1061
- });
1062
- let $ = d(() => Math.min(40, Math.max(20, x.handleWidth))), Wr = d(() => W.value.x - $.value), Gr = d(() => W.value.x + W.value.width);
1063
- return Ot({
1064
- setStartValue: Vn,
1065
- setEndValue: Un
1066
- }), (e, t) => (_(), p("div", {
1067
- "data-minimap": T.value,
1068
- "data-dom-to-png-ignore": "",
1069
- style: g([{ padding: "0 48px" }, {
1070
- maxWidth: s.maxWidth ? s.maxWidth + "px" : void 0,
1071
- margin: s.maxWidth ? "0 auto" : void 0
1072
- }]),
1073
- class: "vue-data-ui-zoom",
1074
- ref_key: "zoomWrapper",
1075
- ref: S,
1076
- onMousedown: ir,
1077
- onTouchstart: ir
1078
- }, [m("div", Se, [s.valueStart !== s.refreshStartPoint || s.valueEnd !== Jt.value ? (_(), p("div", Ce, [pe(e.$slots, "reset-action", { reset: an }, () => [m("button", {
1079
- tabindex: "0",
1080
- role: "button",
1081
- class: "vue-data-ui-refresh-button",
1082
- style: g({
1083
- top: T.value ? "36px" : "-16px",
1084
- cursor: s.isCursorPointer ? "pointer" : "default"
1085
- }),
1086
- onClick: an
1087
- }, [oe(ae, {
1088
- name: "refresh",
1089
- stroke: s.textColor
1090
- }, null, 8, ["stroke"])], 4)], !0)])) : f("", !0)]), m("div", {
1091
- class: "double-range-slider",
1092
- ref_key: "minimapWrapper",
1093
- ref: I,
1094
- style: g([{ "z-index": "0" }, T.value ? {
1095
- "--minimap-unit-px": V.value + "px",
1096
- "--minimap-offset-px": (s.minimapCompact ? 0 : V.value / 2) + "px"
1097
- } : void 0]),
1098
- onMouseenter: t[18] ||= (e) => Z.value = !0,
1099
- onMouseleave: t[19] ||= (e) => Z.value = !1
1100
- }, [
1101
- T.value ? (_(), p("div", we, [(_(), p("svg", {
1102
- ref_key: "minimapSvg",
1103
- ref: Ft,
1104
- key: `mm-${s.minimapMerged ? "merged" : "split"}-${s.minimapCompact ? "compact" : "normal"}`,
1105
- xmlns: he(re),
1106
- viewBox: `0 0 ${Math.max(0, L.value.width)} ${Math.max(0, L.value.height)}`,
1107
- preserveAspectRatio: "none"
1108
- }, [
1109
- m("defs", null, [m("linearGradient", {
1110
- id: jt.value,
1111
- x1: "0%",
1112
- y1: "0%",
1113
- x2: "0%",
1114
- y2: "100%"
1115
- }, [m("stop", {
1116
- offset: "0%",
1117
- "stop-color": `${s.minimapLineColor}50`
1118
- }, null, 8, De), t[20] ||= m("stop", {
1119
- offset: "100%",
1120
- "stop-color": "transparent"
1121
- }, null, -1)], 8, Ee), m("clipPath", { id: `selection_clip_${jt.value}` }, [m("rect", {
1122
- x: W.value.x,
1123
- y: "0",
1124
- width: Math.max(0, W.value.width),
1125
- height: Math.max(L.value.height, 0)
1126
- }, null, 8, ke)], 8, Oe)]),
1127
- s.minimapCompact ? (_(), p("rect", {
1128
- key: 0,
1129
- class: "vue-ui-zoom-minimap-frame",
1130
- x: 0,
1131
- y: 0,
1132
- width: L.value.width,
1133
- height: L.value.height,
1134
- fill: "none",
1135
- stroke: s.minimapFrameColor,
1136
- rx: 3
1137
- }, null, 8, Ae)) : f("", !0),
1138
- e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 1 }, [s.minimapMerged ? (_(), p("path", {
1139
- key: 0,
1140
- d: `M${H.value.fullSet}`,
1141
- stroke: `${s.minimapLineColor}`,
1142
- fill: "none",
1143
- "stroke-width": "1",
1144
- "stroke-linecap": "round",
1145
- "stroke-linejoin": "round",
1146
- style: { opacity: "0.6" }
1147
- }, null, 8, je)) : f("", !0), s.minimapMerged && !s.minimapCompact ? (_(), p("path", {
1148
- key: 1,
1149
- d: `M${V.value / 2},${Math.max(L.value.height, 0)} ${H.value.fullSet} L${L.value.width - V.value / 2},${Math.max(L.value.height, 0)}Z`,
1150
- fill: `url(#${jt.value})`,
1151
- stroke: "none",
1152
- style: { opacity: "0.6" }
1153
- }, null, 8, Me)) : s.minimapMerged ? f("", !0) : (_(), p(u, { key: 2 }, [
1154
- (_(!0), p(u, null, y(U.value.filter((e) => e.type === "bar" && e.isVisible), (e, t) => (_(), p("g", null, [(_(!0), p(u, null, y(e.points, (n, r) => (_(), p(u, null, [e && !isNaN(n.y) ? (_(), p("rect", {
1155
- key: 0,
1156
- x: mn(n.x, t, r),
1157
- y: n.v >= 0 ? n.y : n.y0,
1158
- width: hn(t, r),
1159
- height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
1160
- fill: e.color,
1161
- style: { opacity: .6 }
1162
- }, null, 8, Ne)) : f("", !0)], 64))), 256))]))), 256)),
1163
- (_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e) => (_(), p("g", null, [e.isVisible ? (_(), p("path", {
1164
- key: 0,
1165
- d: `M ${e.fullSet}`,
1166
- fill: "none",
1167
- stroke: e.color,
1168
- style: { opacity: "0.6" },
1169
- "stroke-dasharray": e.dashed ? "2 4" : 0
1170
- }, null, 8, Pe)) : f("", !0), e.isVisible && s.cutNullValues ? (_(!0), p(u, { key: 1 }, y(e.fullMarkers, (t) => (_(), p("circle", {
1171
- key: `sel-dot-under-${e.key}-${t.i}`,
1172
- cx: t.x,
1173
- cy: t.y,
1174
- r: "2",
1175
- fill: e.color,
1176
- stroke: F.value,
1177
- "stroke-width": "0.5",
1178
- style: { opacity: "0.6" }
1179
- }, null, 8, Fe))), 128)) : f("", !0)]))), 256)),
1180
- (_(!0), p(u, null, y(U.value.filter((e) => e.type === "plot"), (e) => (_(), p("g", null, [(_(!0), p(u, null, y(e.points, (t) => (_(), p("g", null, [e.isVisible && t.value !== null ? (_(), p("circle", {
1181
- key: `sel-plot-under-${e.key}-${t.i}`,
1182
- cx: t.x,
1183
- cy: t.y,
1184
- r: "2",
1185
- fill: e.color,
1186
- stroke: F.value,
1187
- "stroke-width": "0.5",
1188
- style: { opacity: "0.6" }
1189
- }, null, 8, Ie)) : f("", !0)]))), 256))]))), 256))
1190
- ], 64))], 64)),
1191
- m("rect", {
1192
- x: W.value.x,
1193
- y: 0,
1194
- width: Math.max(0, W.value.width),
1195
- height: Math.max(L.value.height, 0),
1196
- fill: F.value,
1197
- rx: s.minimapSelectionRadius,
1198
- stroke: "none"
1199
- }, null, 8, Le),
1200
- m("rect", {
1201
- x: W.value.x,
1202
- y: 0,
1203
- width: W.value.width < 0 ? 0 : W.value.width,
1204
- height: Math.max(L.value.height, 0),
1205
- rx: s.minimapSelectionRadius,
1206
- fill: F.value,
1207
- style: g({ opacity: Kn.value || E.value ? 0 : 1 })
1208
- }, null, 12, Re),
1209
- m("rect", {
1210
- x: W.value.x,
1211
- y: 0,
1212
- width: W.value.width < 0 ? 0 : W.value.width,
1213
- height: Math.max(L.value.height, 0),
1214
- fill: s.minimapSelectedColor,
1215
- rx: s.minimapSelectionRadius,
1216
- style: g({ opacity: s.minimapSelectedColorOpacity }),
1217
- tabindex: "0",
1218
- role: "slider",
1219
- "aria-label": "Selected range",
1220
- "aria-valuemin": Number(x.min),
1221
- "aria-valuemax": Number(x.max),
1222
- "aria-valuenow": Number(C.value),
1223
- "aria-valuetext": Q.value.left && Q.value.right ? `${Q.value.left} – ${Q.value.right}` : void 0,
1224
- onKeydown: Ar
1225
- }, null, 44, ze),
1226
- !s.minimapMerged && Cn.value < 0 ? (_(), p("line", {
1227
- key: 2,
1228
- class: "slicer-minimap-zero-line",
1229
- x1: 0,
1230
- x2: L.value.width,
1231
- y1: Tn.value,
1232
- y2: Tn.value,
1233
- stroke: s.minimapFrameColor,
1234
- "stroke-width": "0.5"
1235
- }, null, 8, Be)) : f("", !0),
1236
- e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 3 }, [s.minimapMerged ? (_(), p("g", Ve, [
1237
- H.value && H.value.sliced && H.value.sliced.length ? (_(), p(u, { key: 0 }, [H.value.selectionSet ? (_(), p("path", {
1238
- key: 0,
1239
- d: `M ${H.value.selectionSet}`,
1240
- stroke: `${s.minimapLineColor}`,
1241
- fill: "transparent",
1242
- "stroke-width": "2",
1243
- "stroke-linecap": "round",
1244
- "stroke-linejoin": "round"
1245
- }, null, 8, He)) : f("", !0)], 64)) : f("", !0),
1246
- H.value && H.value.firstPlot ? (_(), p("circle", {
1247
- key: 1,
1248
- cx: H.value.firstPlot.x,
1249
- cy: H.value.firstPlot.y,
1250
- "stroke-width": "0.5",
1251
- stroke: F.value,
1252
- r: "3",
1253
- fill: s.minimapLineColor
1254
- }, null, 8, Ue)) : f("", !0),
1255
- H.value && H.value.lastPlot ? (_(), p("circle", {
1256
- key: 2,
1257
- cx: H.value.lastPlot.x,
1258
- cy: H.value.lastPlot.y,
1259
- "stroke-width": "0.5",
1260
- stroke: F.value,
1261
- r: "3",
1262
- fill: s.minimapLineColor
1263
- }, null, 8, We)) : f("", !0)
1264
- ])) : (_(), p("g", Ge, [
1265
- (_(!0), p(u, null, y(U.value.filter((e) => e.type === "bar" && e.isVisible), (e, t) => (_(), p("g", null, [(_(!0), p(u, null, y(e.points, (n, r) => (_(), p(u, null, [e && !isNaN(n.y) ? (_(), p("rect", {
1266
- key: 0,
1267
- x: mn(n.x, t, r),
1268
- y: n.v >= 0 ? n.y : n.y0,
1269
- width: hn(t, r),
1270
- height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
1271
- fill: e.color,
1272
- style: g({ opacity: +(r >= A.value && r < j.value) })
1273
- }, null, 12, Ke)) : f("", !0)], 64))), 256))]))), 256)),
1274
- (_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e, t) => (_(), p("g", { key: String(e.key) }, [e && e.hasSelection && e.selectionSet && e.isVisible ? (_(), p("path", {
1275
- key: 0,
1276
- d: `M ${e.selectionSet}`,
1277
- stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${s.uuid})` : e.color,
1278
- fill: "transparent",
1279
- "stroke-width": "2",
1280
- "stroke-linecap": "round",
1281
- "stroke-linejoin": "round",
1282
- "stroke-dasharray": e.dashed ? "2 4" : 0
1283
- }, null, 8, qe)) : f("", !0)]))), 128)),
1284
- (_(!0), p(u, null, y(U.value.filter((e) => e.type === "plot"), (e) => (_(), p("g", { key: String(e.key) }, [(_(!0), p(u, null, y(e.sliced, (t) => (_(), p("g", null, [e.isVisible && t.value !== null ? (_(), p("circle", {
1285
- key: 0,
1286
- cx: t.x,
1287
- cy: t.y,
1288
- r: "2",
1289
- fill: e.color,
1290
- stroke: F.value,
1291
- "stroke-width": "0.5",
1292
- style: { opacity: "0.6" }
1293
- }, null, 8, Je)) : f("", !0)]))), 256))]))), 128))
1294
- ]))], 64)),
1295
- e.$slots.slotMap ? pe(e.$slots, "slotMap", le(se({ key: 4 }, {
1296
- width: Math.max(0, L.value.width),
1297
- height: Math.max(0, L.value.height),
1298
- zeroY: Tn.value,
1299
- unitW: Math.max(0, V.value)
1300
- })), void 0, !0) : f("", !0),
1301
- G.value !== null && !X.value ? (_(), p("line", le(se({ key: 5 }, xr.value)), null, 16)) : f("", !0),
1302
- m("rect", {
1303
- x: 0,
1304
- y: 0,
1305
- width: Math.max(0, L.value.width),
1306
- height: Math.max(0, L.value.height),
1307
- fill: "transparent",
1308
- style: g([{ "pointer-events": "all !important" }, { cursor: s.enableSelectionDrag ? X.value ? "grabbing" : "grab" : "default" }]),
1309
- onMousedown: t[0] ||= (e) => X.value = !0,
1310
- onMouseup: t[1] ||= (e) => X.value = !1,
1311
- onMousemove: Fn,
1312
- onMouseleave: In
1313
- }, null, 44, Ye),
1314
- T.value && s.minimapCompact ? (_(), p(u, { key: 6 }, [
1315
- m("rect", {
1316
- class: "vue-ui-zoom-compact-minimap-handle",
1317
- x: Wr.value,
1318
- y: 0,
1319
- width: $.value,
1320
- height: L.value.height,
1321
- fill: s.handleFill || F.value,
1322
- stroke: s.handleBorderColor || s.textColor,
1323
- "stroke-width": s.handleBorderWidth,
1324
- rx: 3
1325
- }, null, 8, Xe),
1326
- s.handleType && s.handleType !== "empty" ? (_(), p("g", {
1327
- key: 0,
1328
- class: "compact-handle-icon",
1329
- transform: `translate(${Wr.value}, 0)`,
1330
- style: { "pointer-events": "none" }
1331
- }, [(_(), p("svg", {
1332
- width: $.value,
1333
- height: L.value.height,
1334
- viewBox: "0 0 20 20",
1335
- preserveAspectRatio: "xMidYMid meet"
1336
- }, [s.handleType === "arrow" ? (_(), p("path", {
1337
- key: 0,
1338
- d: "M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7",
1339
- fill: F.value,
1340
- stroke: s.handleIconColor || s.textColor,
1341
- "stroke-width": .618,
1342
- "stroke-linejoin": "round",
1343
- "stroke-linecap": "round"
1344
- }, null, 8, $e)) : s.handleType === "chevron" ? (_(), p("path", {
1345
- key: 1,
1346
- d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
1347
- fill: "none",
1348
- stroke: s.handleIconColor || s.textColor,
1349
- "stroke-width": .618,
1350
- "stroke-linejoin": "round",
1351
- "stroke-linecap": "round"
1352
- }, null, 8, et)) : s.handleType === "grab" ? (_(), p("path", {
1353
- key: 2,
1354
- d: "M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13",
1355
- fill: s.handleIconColor || s.textColor,
1356
- stroke: "none",
1357
- opacity: "0.6"
1358
- }, null, 8, tt)) : f("", !0)], 8, Qe))], 8, Ze)) : f("", !0),
1359
- m("rect", {
1360
- class: "vue-ui-zoom-compact-minimap-handle",
1361
- x: Gr.value,
1362
- y: 0,
1363
- width: $.value,
1364
- height: L.value.height,
1365
- fill: s.handleFill || F.value,
1366
- stroke: s.handleBorderColor || s.textColor,
1367
- "stroke-width": s.handleBorderWidth,
1368
- rx: 3
1369
- }, null, 8, nt),
1370
- s.handleType && s.handleType !== "empty" ? (_(), p("g", {
1371
- key: 1,
1372
- class: "compact-handle-icon",
1373
- transform: `translate(${Gr.value}, 0)`,
1374
- style: { "pointer-events": "none" }
1375
- }, [(_(), p("svg", {
1376
- width: $.value,
1377
- height: L.value.height,
1378
- viewBox: "0 0 20 20",
1379
- preserveAspectRatio: "xMidYMid meet"
1380
- }, [s.handleType === "arrow" ? (_(), p("path", {
1381
- key: 0,
1382
- d: "M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7",
1383
- fill: F.value,
1384
- stroke: s.handleIconColor || s.textColor,
1385
- "stroke-width": .618,
1386
- "stroke-linejoin": "round",
1387
- "stroke-linecap": "round"
1388
- }, null, 8, at)) : s.handleType === "chevron" ? (_(), p("path", {
1389
- key: 1,
1390
- d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
1391
- fill: "none",
1392
- stroke: s.handleIconColor || s.textColor,
1393
- "stroke-width": .618,
1394
- "stroke-linejoin": "round",
1395
- "stroke-linecap": "round"
1396
- }, null, 8, ot)) : s.handleType === "grab" ? (_(), p("path", {
1397
- key: 2,
1398
- d: "M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13",
1399
- fill: s.handleIconColor || s.textColor,
1400
- stroke: "none",
1401
- opacity: "0.6"
1402
- }, null, 8, st)) : f("", !0)], 8, it))], 8, rt)) : f("", !0)
1403
- ], 64)) : f("", !0),
1404
- e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 7 }, [s.minimapMerged ? (_(), p("g", ct, [
1405
- H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (_(), p("circle", {
1406
- key: 0,
1407
- cx: H.value.firstPlot.x,
1408
- cy: H.value.firstPlot.y,
1409
- "stroke-width": "0.5",
1410
- stroke: F.value,
1411
- r: "4",
1412
- fill: s.minimapLineColor
1413
- }, null, 8, lt)) : f("", !0),
1414
- H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (_(), p("circle", {
1415
- key: 1,
1416
- cx: H.value.firstPlot.x,
1417
- cy: H.value.firstPlot.y,
1418
- r: 2,
1419
- fill: F.value
1420
- }, null, 8, ut)) : f("", !0),
1421
- H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (_(), p("circle", {
1422
- key: 2,
1423
- cx: H.value.lastPlot.x,
1424
- cy: H.value.lastPlot.y,
1425
- "stroke-width": "0.5",
1426
- stroke: F.value,
1427
- r: "4",
1428
- fill: s.minimapLineColor
1429
- }, null, 8, dt)) : f("", !0),
1430
- H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (_(), p("circle", {
1431
- key: 3,
1432
- cx: H.value.lastPlot.x,
1433
- cy: H.value.lastPlot.y,
1434
- r: "2",
1435
- fill: F.value
1436
- }, null, 8, ft)) : f("", !0)
1437
- ])) : (_(), p("g", pt, [(_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e, t) => (_(), p("g", { key: String(e.key) }, [
1438
- e && e.hasSelection && e.selectionSet && e.isVisible ? (_(), p("path", {
1439
- key: 0,
1440
- d: `M ${e.selectionSet}`,
1441
- stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${s.uuid})` : e.color,
1442
- fill: "transparent",
1443
- "stroke-width": "2",
1444
- "stroke-linecap": "round",
1445
- "stroke-linejoin": "round",
1446
- "stroke-dasharray": e.dashed ? "2 4" : 0
1447
- }, null, 8, mt)) : f("", !0),
1448
- e.isVisible && s.cutNullValues ? (_(!0), p(u, { key: 1 }, y(e.selectionMarkers, (t) => (_(), p("circle", {
1449
- key: `sel-dot-${e.key}-${t.i}`,
1450
- cx: t.x,
1451
- cy: t.y,
1452
- r: "2.5",
1453
- fill: e.color,
1454
- stroke: F.value,
1455
- "stroke-width": "0.5"
1456
- }, null, 8, ht))), 128)) : f("", !0),
1457
- e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
1458
- key: 2,
1459
- cx: e.firstPlot.x,
1460
- cy: e.firstPlot.y,
1461
- "stroke-width": "0.5",
1462
- stroke: F.value,
1463
- r: "4",
1464
- fill: e.color
1465
- }, null, 8, gt)) : f("", !0),
1466
- e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
1467
- key: 3,
1468
- cx: e.firstPlot.x,
1469
- cy: e.firstPlot.y,
1470
- r: "2",
1471
- fill: F.value
1472
- }, null, 8, _t)) : f("", !0),
1473
- e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
1474
- key: 4,
1475
- cx: e.lastPlot.x,
1476
- cy: e.lastPlot.y,
1477
- "stroke-width": "0.5",
1478
- stroke: F.value,
1479
- r: "4",
1480
- fill: e.color
1481
- }, null, 8, vt)) : f("", !0),
1482
- e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
1483
- key: 5,
1484
- cx: e.lastPlot.x,
1485
- cy: e.lastPlot.y,
1486
- r: "2",
1487
- fill: F.value
1488
- }, null, 8, yt)) : f("", !0)
1489
- ]))), 128)), (_(!0), p(u, null, y(U.value.filter((e) => e.type === "plot"), (e) => (_(), p("g", { key: String(e.key) }, [(_(!0), p(u, null, y(e.points, (t) => (_(), p("g", null, [e.isVisible && s.cutNullValues && t.value !== null ? (_(), p("circle", {
1490
- key: `sel-plot-${e.key}-${t.i}`,
1491
- cx: t.x,
1492
- cy: t.y,
1493
- r: "2.5",
1494
- fill: e.color,
1495
- stroke: F.value,
1496
- "stroke-width": "0.5"
1497
- }, null, 8, bt)) : f("", !0)]))), 256))]))), 128))]))], 64))
1498
- ], 8, Te))])) : f("", !0),
1499
- m("div", {
1500
- class: "slider-track",
1501
- style: g({ visibility: T.value && s.minimapCompact ? "hidden" : "visible" })
1502
- }, null, 4),
1503
- m("div", {
1504
- class: h({
1505
- "range-highlight": !0,
1506
- move: s.enableSelectionDrag
1507
- }),
1508
- onMousedown: t[2] ||= (e) => X.value = !0,
1509
- onMouseup: t[3] ||= (e) => X.value = !1,
1510
- style: g({
1511
- ...P.value,
1512
- cursor: X.value ? "grabbing" : "grab",
1513
- visibility: T.value && s.minimapCompact ? "hidden" : "visible"
1514
- })
1515
- }, null, 38),
1516
- s.enableRangeHandles ? ve((_(), p("input", {
1517
- key: 1,
1518
- "aria-label": "range-handle-left",
1519
- ref_key: "rangeStart",
1520
- ref: Ln,
1521
- type: "range",
1522
- step: s.precision > 0 ? 1 / 10 ** s.precision : 1,
1523
- class: h({
1524
- "range-left": !0,
1525
- "range-handle": !0,
1526
- "range-minimap": T.value && s.verticalHandles,
1527
- "range-invisible": T.value && s.minimapCompact
1528
- }),
1529
- min: s.min,
1530
- max: s.minimapCompact && T.value && !s.useValueRange ? Math.max(0, z.value - 1) : s.max,
1531
- tabindex: T.value ? -1 : 0,
1532
- "onUpdate:modelValue": t[4] ||= (e) => kn.value = e,
1533
- onFocus: t[5] ||= (e) => T.value && e.target.blur(),
1534
- onInput: t[6] ||= (e) => kn.value = e.target.valueAsNumber,
1535
- onChange: M,
1536
- onKeyup: ye(M, ["enter"]),
1537
- onBlur: M,
1538
- onMouseenter: t[7] ||= (e) => vr("start"),
1539
- onPointerup: M
1540
- }, null, 42, xt)), [[
1541
- _e,
1542
- kn.value,
1543
- void 0,
1544
- { number: !0 }
1545
- ]]) : f("", !0),
1546
- s.enableRangeHandles ? ve((_(), p("input", {
1547
- key: 2,
1548
- "aria-label": "range-handle-right",
1549
- ref_key: "rangeEnd",
1550
- ref: Rn,
1551
- type: "range",
1552
- step: s.precision > 0 ? 1 / 10 ** s.precision : 1,
1553
- class: h({
1554
- "range-right": !0,
1555
- "range-handle": !0,
1556
- "range-minimap": T.value && s.verticalHandles,
1557
- "range-invisible": T.value && s.minimapCompact
1558
- }),
1559
- min: s.min,
1560
- max: s.minimapCompact && T.value && !s.useValueRange ? Math.max(0, z.value - 1) : s.max,
1561
- tabindex: T.value ? -1 : 0,
1562
- onFocus: t[8] ||= (e) => T.value && e.target.blur(),
1563
- "onUpdate:modelValue": t[9] ||= (e) => An.value = e,
1564
- onInput: t[10] ||= (e) => An.value = e.target.valueAsNumber,
1565
- onChange: M,
1566
- onKeyup: ye(M, ["enter"]),
1567
- onBlur: M,
1568
- onMouseenter: t[11] ||= (e) => vr("end"),
1569
- onPointerup: M
1570
- }, null, 42, St)), [[
1571
- _e,
1572
- An.value,
1573
- void 0,
1574
- { number: !0 }
1575
- ]]) : f("", !0),
1576
- T.value && s.minimapCompact ? (_(), p("div", Ct, [(_(), p("svg", {
1577
- xmlns: he(re),
1578
- viewBox: `0 0 ${Math.max(0, L.value.width)} ${Math.max(0, L.value.height + 1)}`
1579
- }, [m("rect", se({
1580
- class: "vue-ui-zoom-compact-minimap-handle",
1581
- x: Wr.value,
1582
- y: 0,
1583
- width: $.value,
1584
- height: L.value.height,
1585
- fill: "transparent",
1586
- stroke: "none"
1587
- }, Pr.value, {
1588
- onKeydown: t[12] ||= (e) => Nr("start", e),
1589
- onMousedown: t[13] ||= be((e) => Vr("start", e), ["stop", "prevent"]),
1590
- onClick: t[14] ||= be(() => {}, ["stop", "prevent"])
1591
- }), null, 16, Tt), m("rect", se({
1592
- class: "vue-ui-zoom-compact-minimap-handle",
1593
- x: Gr.value,
1594
- y: 0,
1595
- width: $.value,
1596
- height: L.value.height,
1597
- fill: "transparent",
1598
- stroke: "none",
1599
- rx: 3
1600
- }, Fr.value, {
1601
- onKeydown: t[15] ||= (e) => Nr("end", e),
1602
- onMousedown: t[16] ||= be((e) => Vr("end", e), ["stop", "prevent"]),
1603
- onClick: t[17] ||= be(() => {}, ["stop", "prevent"])
1604
- }), null, 16, Et)], 8, wt))])) : f("", !0),
1605
- Q.value.left ? (_(), p("div", {
1606
- key: 4,
1607
- ref_key: "tooltipLeft",
1608
- ref: dr,
1609
- class: h({
1610
- "range-tooltip": !0,
1611
- "range-tooltip-visible": Z.value,
1612
- "range-tooltip-arrow": P.value.arrowLeft && !s.verticalHandles,
1613
- "range-tooltip-arrow-left": !P.value.arrowLeft && !s.verticalHandles
1614
- }),
1615
- style: g({
1616
- left: P.value.tooltipLeft,
1617
- color: he(ne)(s.selectColor),
1618
- backgroundColor: s.selectColor,
1619
- border: `1px solid ${F.value}`,
1620
- zIndex: `${_r.value + 4}`,
1621
- visibility: yr.value || Q.value.left === Q.value.right ? "hidden" : "visible",
1622
- top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1623
- })
1624
- }, me(Q.value.left), 7)) : f("", !0),
1625
- (yr.value || Q.value.left === Q.value.right) && (Q.value.left || Q.value.right) ? (_(), p("div", {
1626
- key: 5,
1627
- ref: "tooltipMerge",
1628
- class: h({
1629
- "range-tooltip": !0,
1630
- "range-tooltip-visible": Z.value,
1631
- "range-tooltip-arrow": !0,
1632
- "range-tooltip-arrow-left": !P.value.arrowLeft && !s.verticalHandles,
1633
- "range-tooltip-arrow-right": !P.value.arrowRight && !s.verticalHandles
1634
- }),
1635
- style: g({
1636
- left: P.value.tooltipCenter,
1637
- width: br.value.width + "px",
1638
- color: he(ne)(s.selectColor),
1639
- backgroundColor: s.selectColor,
1640
- border: `1px solid ${F.value}`,
1641
- zIndex: "4",
1642
- top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1643
- })
1644
- }, me(Q.value.left === Q.value.right ? Q.value.left : `${Q.value.left} - ${Q.value.right}`), 7)) : f("", !0),
1645
- Q.value.right ? (_(), p("div", {
1646
- key: 6,
1647
- ref_key: "tooltipRight",
1648
- ref: fr,
1649
- class: h({
1650
- "range-tooltip": !0,
1651
- "range-tooltip-visible": Z.value,
1652
- "range-tooltip-arrow": P.value.arrowRight && !s.verticalHandles,
1653
- "range-tooltip-arrow-right": !P.value.arrowRight && !s.verticalHandles
1654
- }),
1655
- style: g({
1656
- left: P.value.tooltipRight,
1657
- color: he(ne)(s.selectColor),
1658
- backgroundColor: s.selectColor,
1659
- border: `1px solid ${F.value}`,
1660
- zIndex: "4",
1661
- visibility: yr.value || Q.value.left === Q.value.right ? "hidden" : "visible",
1662
- top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1663
- })
1664
- }, me(Q.value.right), 7)) : f("", !0)
1665
- ], 36)], 44, xe));
1666
- }
1667
- }, [["__scopeId", "data-v-b82d7827"]]);
1668
- //#endregion
1669
- export { Ot as t };