vue-data-ui 3.16.5 → 3.17.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 (148) hide show
  1. package/README.md +64 -46
  2. package/dist/{PackageVersion-CvtT2-UH.js → PackageVersion-B3kmPxTR.js} +1 -1
  3. package/dist/{Slicer-DUycDH_N.js → Slicer-CIHwwuNR.js} +107 -110
  4. package/dist/SlicerPreview-BIvxyb5W.js +1484 -0
  5. package/dist/{Tooltip-Bf-kM3_A.js → Tooltip-C8KGyqQk.js} +19 -17
  6. package/dist/components/vue-ui-3d-bar.js +1 -1
  7. package/dist/components/vue-ui-accordion.js +1 -1
  8. package/dist/components/vue-ui-age-pyramid.js +1 -1
  9. package/dist/components/vue-ui-annotator.js +1 -1
  10. package/dist/components/vue-ui-bullet.js +1 -1
  11. package/dist/components/vue-ui-bump.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-dag.js +1 -1
  19. package/dist/components/vue-ui-dashboard.js +1 -1
  20. package/dist/components/vue-ui-digits.js +1 -1
  21. package/dist/components/vue-ui-donut-evolution.js +1 -1
  22. package/dist/components/vue-ui-donut.js +1 -1
  23. package/dist/components/vue-ui-dumbbell.js +1 -1
  24. package/dist/components/vue-ui-flow.js +1 -1
  25. package/dist/components/vue-ui-funnel.js +1 -1
  26. package/dist/components/vue-ui-galaxy.js +1 -1
  27. package/dist/components/vue-ui-gauge.js +1 -1
  28. package/dist/components/vue-ui-geo.js +1 -1
  29. package/dist/components/vue-ui-gizmo.js +1 -1
  30. package/dist/components/vue-ui-heatmap.js +1 -1
  31. package/dist/components/vue-ui-history-plot.js +1 -1
  32. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  33. package/dist/components/vue-ui-kpi.js +1 -1
  34. package/dist/components/vue-ui-mini-loader.js +1 -1
  35. package/dist/components/vue-ui-molecule.js +1 -1
  36. package/dist/components/vue-ui-mood-radar.js +1 -1
  37. package/dist/components/vue-ui-nested-donuts.js +1 -1
  38. package/dist/components/vue-ui-onion.js +1 -1
  39. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  40. package/dist/components/vue-ui-quadrant.js +1 -1
  41. package/dist/components/vue-ui-quick-chart.js +1 -1
  42. package/dist/components/vue-ui-radar.js +1 -1
  43. package/dist/components/vue-ui-rating.js +1 -1
  44. package/dist/components/vue-ui-relation-circle.js +1 -1
  45. package/dist/components/vue-ui-ridgeline.js +1 -1
  46. package/dist/components/vue-ui-rings.js +1 -1
  47. package/dist/components/vue-ui-scatter.js +1 -1
  48. package/dist/components/vue-ui-skeleton.js +1 -1
  49. package/dist/components/vue-ui-smiley.js +1 -1
  50. package/dist/components/vue-ui-spark-trend.js +1 -1
  51. package/dist/components/vue-ui-sparkbar.js +1 -1
  52. package/dist/components/vue-ui-sparkgauge.js +1 -1
  53. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  54. package/dist/components/vue-ui-sparkline.js +1 -1
  55. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  56. package/dist/components/vue-ui-stackbar.js +1 -1
  57. package/dist/components/vue-ui-stackline.js +1 -1
  58. package/dist/components/vue-ui-strip-plot.js +1 -1
  59. package/dist/components/vue-ui-table-heatmap.js +1 -1
  60. package/dist/components/vue-ui-table-sparkline.js +1 -1
  61. package/dist/components/vue-ui-table.js +1 -1
  62. package/dist/components/vue-ui-thermometer.js +1 -1
  63. package/dist/components/vue-ui-timer.js +1 -1
  64. package/dist/components/vue-ui-tiremarks.js +1 -1
  65. package/dist/components/vue-ui-treemap.js +1 -1
  66. package/dist/components/vue-ui-vertical-bar.js +1 -1
  67. package/dist/components/vue-ui-waffle.js +1 -1
  68. package/dist/components/vue-ui-wheel.js +1 -1
  69. package/dist/components/vue-ui-word-cloud.js +1 -1
  70. package/dist/components/vue-ui-world.js +1 -1
  71. package/dist/components/vue-ui-xy-canvas.js +1 -1
  72. package/dist/components/vue-ui-xy.js +1 -1
  73. package/dist/style.css +1 -1
  74. package/dist/types/vue-data-ui.d.ts +1 -1
  75. package/dist/{useConfig-CpJA0VZa.js → useConfig-ChRble71.js} +1 -0
  76. package/dist/{useObjectBindings-DToqZaRC.js → useObjectBindings-BVFCsss5.js} +1 -1
  77. package/dist/utils.js +1 -1
  78. package/dist/{vue-data-ui-XhJQD-ri.js → vue-data-ui-BX3I-ZQt.js} +67 -67
  79. package/dist/vue-data-ui.js +68 -68
  80. package/dist/{vue-ui-3d-bar-BhzRmNak.js → vue-ui-3d-bar-DsSxN6Xl.js} +2 -2
  81. package/dist/{vue-ui-accordion-BF4v32wv.js → vue-ui-accordion-CnDW2UQL.js} +1 -1
  82. package/dist/{vue-ui-age-pyramid-CZCn6OMX.js → vue-ui-age-pyramid-DgAJXx1F.js} +112 -109
  83. package/dist/{vue-ui-annotator-U961V1Kc.js → vue-ui-annotator-BA4hRkfX.js} +2 -2
  84. package/dist/{vue-ui-bullet-BRyBDt56.js → vue-ui-bullet-BCuT1zVr.js} +2 -2
  85. package/dist/{vue-ui-bump-Dulq2vNg.js → vue-ui-bump-BTnwgB5Q.js} +2 -2
  86. package/dist/{vue-ui-candlestick-BJD25FJV.js → vue-ui-candlestick-BMvM7WIc.js} +148 -145
  87. package/dist/{vue-ui-carousel-table-DCHtRFDV.js → vue-ui-carousel-table-DCtWIG49.js} +2 -2
  88. package/dist/{vue-ui-chestnut-46054xSO.js → vue-ui-chestnut-DJ0R3Aqx.js} +2 -2
  89. package/dist/{vue-ui-chord-CSdFVJx2.js → vue-ui-chord-BbWToSBq.js} +2 -2
  90. package/dist/{vue-ui-circle-pack-CmPyW4rp.js → vue-ui-circle-pack-CwuEfQPE.js} +117 -114
  91. package/dist/{vue-ui-cursor-QZjpAemm.js → vue-ui-cursor-C4MnK_CE.js} +2 -2
  92. package/dist/{vue-ui-dag-C051dx6c.js → vue-ui-dag-HKbeFOit.js} +2 -2
  93. package/dist/{vue-ui-dashboard-zCwCXCfe.js → vue-ui-dashboard-DTYz-idn.js} +65 -65
  94. package/dist/{vue-ui-digits-HPy7kRgm.js → vue-ui-digits-CrFH4BlD.js} +2 -2
  95. package/dist/{vue-ui-donut-DxOwX8nC.js → vue-ui-donut-B1C7vzFY.js} +100 -97
  96. package/dist/{vue-ui-donut-evolution-KD1WwwLS.js → vue-ui-donut-evolution-BUIQwZ-c.js} +3 -3
  97. package/dist/{vue-ui-dumbbell-0BJ1t72z.js → vue-ui-dumbbell-Bq-X5L24.js} +2 -2
  98. package/dist/{vue-ui-flow-lPRZK-_Q.js → vue-ui-flow-DUn9hp_J.js} +141 -138
  99. package/dist/{vue-ui-funnel-WJG6UU4c.js → vue-ui-funnel-CNF2ULOQ.js} +2 -2
  100. package/dist/{vue-ui-galaxy-Cnqgwc0G.js → vue-ui-galaxy-BzlU9OSU.js} +75 -72
  101. package/dist/{vue-ui-gauge-BXFwr3H7.js → vue-ui-gauge-aF_V6ynK.js} +2 -2
  102. package/dist/{vue-ui-geo-DeYdEiHT.js → vue-ui-geo-xaZvHjAP.js} +116 -113
  103. package/dist/{vue-ui-gizmo-C0-M2WoG.js → vue-ui-gizmo-BGvS_AHj.js} +2 -2
  104. package/dist/{vue-ui-heatmap-DctMvoRr.js → vue-ui-heatmap-B_BmpyVy.js} +191 -188
  105. package/dist/{vue-ui-history-plot-sLaCn8jd.js → vue-ui-history-plot-DsoLp3aL.js} +124 -121
  106. package/dist/{vue-ui-horizontal-bar-reisxCWX.js → vue-ui-horizontal-bar-JVjE88ZW.js} +218 -215
  107. package/dist/{vue-ui-kpi-z3S4DcoQ.js → vue-ui-kpi-B-v1zpd4.js} +2 -2
  108. package/dist/{vue-ui-mini-loader-DSQ9kcmW.js → vue-ui-mini-loader-CPfZsqWP.js} +1 -1
  109. package/dist/{vue-ui-molecule-CQEaLq9E.js → vue-ui-molecule-Di9_wsME.js} +61 -58
  110. package/dist/{vue-ui-mood-radar-BGIt_k-N.js → vue-ui-mood-radar-CetQpdnu.js} +2 -2
  111. package/dist/{vue-ui-nested-donuts-BxXAWrhM.js → vue-ui-nested-donuts-Y-UMjjYV.js} +131 -128
  112. package/dist/{vue-ui-onion-CMKIYAuh.js → vue-ui-onion-MM3QZLzF.js} +142 -139
  113. package/dist/{vue-ui-parallel-coordinate-plot-Tb8aJ91r.js → vue-ui-parallel-coordinate-plot-CcHmB0MQ.js} +91 -88
  114. package/dist/{vue-ui-quadrant-CLAqGLQH.js → vue-ui-quadrant-CQIMUggy.js} +58 -55
  115. package/dist/{vue-ui-quick-chart-BK2SOFv9.js → vue-ui-quick-chart-lwGufdDj.js} +235 -232
  116. package/dist/{vue-ui-radar-BY7vIWHL.js → vue-ui-radar-CS74L65M.js} +117 -114
  117. package/dist/{vue-ui-rating-hudM2QS0.js → vue-ui-rating-DiLLVHq3.js} +1 -1
  118. package/dist/{vue-ui-relation-circle-BlUbhTZ5.js → vue-ui-relation-circle-D3dO8RTC.js} +2 -2
  119. package/dist/{vue-ui-ridgeline-Bsfw_4y_.js → vue-ui-ridgeline-Dpvq9yp2.js} +2 -2
  120. package/dist/{vue-ui-rings-BaORhzZH.js → vue-ui-rings-D-45pPpZ.js} +122 -119
  121. package/dist/{vue-ui-scatter-D8afRw4d.js → vue-ui-scatter-BzCjfGB9.js} +121 -118
  122. package/dist/{vue-ui-skeleton-BE5ADLxq.js → vue-ui-skeleton-Dai-bZZw.js} +2 -2
  123. package/dist/{vue-ui-smiley-CQ_rGHFe.js → vue-ui-smiley-BioqmYwT.js} +1 -1
  124. package/dist/{vue-ui-spark-trend-C2QdubPf.js → vue-ui-spark-trend-DiC9V0VU.js} +2 -2
  125. package/dist/{vue-ui-sparkbar-BxP_TDR3.js → vue-ui-sparkbar-D6EsbW6u.js} +2 -2
  126. package/dist/{vue-ui-sparkgauge-CgHAoaeu.js → vue-ui-sparkgauge-BHDXZgJH.js} +2 -2
  127. package/dist/{vue-ui-sparkhistogram-0m7QAV93.js → vue-ui-sparkhistogram-DzuOjuNH.js} +2 -2
  128. package/dist/{vue-ui-sparkline-DNt9nHQ9.js → vue-ui-sparkline-B-zOqzrC.js} +2 -2
  129. package/dist/{vue-ui-sparkstackbar-RU8zQLfe.js → vue-ui-sparkstackbar-bqKzIKSg.js} +147 -144
  130. package/dist/{vue-ui-stackbar-C3qGXmTQ.js → vue-ui-stackbar-DPfxqQUG.js} +435 -424
  131. package/dist/{vue-ui-stackline-W24y7z12.js → vue-ui-stackline-Ctqe1OuF.js} +627 -609
  132. package/dist/{vue-ui-strip-plot--MWxAM0R.js → vue-ui-strip-plot-Dg2URhvc.js} +72 -69
  133. package/dist/{vue-ui-table-heatmap-DU7w6PrX.js → vue-ui-table-heatmap-Da6sqBlI.js} +1 -1
  134. package/dist/{vue-ui-table-sparkline-DKbkhX_x.js → vue-ui-table-sparkline-Bkv6Qz6V.js} +2 -2
  135. package/dist/{vue-ui-table-BtkypjfT.js → vue-ui-table-xrD-xqis.js} +3 -3
  136. package/dist/{vue-ui-thermometer-qaGYZUMd.js → vue-ui-thermometer-D7VVeA2i.js} +2 -2
  137. package/dist/{vue-ui-timer-CpQYSD-K.js → vue-ui-timer-D7XYgZfb.js} +2 -2
  138. package/dist/{vue-ui-tiremarks-CUiSLMlj.js → vue-ui-tiremarks-i6e8GTI9.js} +2 -2
  139. package/dist/{vue-ui-treemap-CMfWyA5N.js → vue-ui-treemap-D8Mbfeuc.js} +220 -217
  140. package/dist/{vue-ui-waffle-H02mH3Rc.js → vue-ui-waffle-7rVD530d.js} +123 -120
  141. package/dist/{vue-ui-wheel-agcFNYTs.js → vue-ui-wheel-HQNWtsvJ.js} +2 -2
  142. package/dist/{vue-ui-word-cloud-B0fNWUVr.js → vue-ui-word-cloud-DFAEbzUa.js} +159 -156
  143. package/dist/{vue-ui-world-B8mANOO8.js → vue-ui-world-YvmrdfIm.js} +86 -83
  144. package/dist/vue-ui-xy-canvas-CEaAQ_tr.js +1819 -0
  145. package/dist/{vue-ui-xy-DgyEEqnJ.js → vue-ui-xy-n4juEarQ.js} +402 -398
  146. package/package.json +1 -1
  147. package/dist/SlicerPreview-DTjwV0iY.js +0 -1372
  148. package/dist/vue-ui-xy-canvas-CaoWw3AU.js +0 -1810
@@ -1,1372 +0,0 @@
1
- import { useCssVars as wl, ref as f, computed as s, watch as ee, onMounted as Sl, onBeforeUnmount as He, onUpdated as Ct, nextTick as ve, openBlock as u, createElementBlock as r, normalizeStyle as L, createElementVNode as F, createVNode as Cl, renderSlot as Nt, createCommentVNode as c, unref as ke, Fragment as M, renderList as S, normalizeProps as Pt, mergeProps as pe, normalizeClass as te, withDirectives as Lt, withKeys as At, vModelText as $t, toDisplayString as Xe } from "vue";
2
- import { j as Nl, T as Pl, X as Ll, W as Ke, L as Ft, c as Rt, M as Tt, b as Et, av as Bt } from "./lib-DBptbyyI.js";
3
- import { t as Ze, u as Al, d as $l } from "./useResponsive-DfdjqQps.js";
4
- import Fl from "./BaseIcon-Cb3zzG6s.js";
5
- import { _ as Rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
6
- const Tl = ["data-minimap"], El = {
7
- class: "vue-data-ui-slicer-labels",
8
- style: { position: "relative", "z-index": "1", "pointer-events": "none" }
9
- }, Bl = {
10
- key: 0,
11
- style: { width: "100%", position: "relative" }
12
- }, Il = {
13
- key: 0,
14
- class: "minimap",
15
- style: { width: "100%" }
16
- }, Wl = ["xmlns", "viewBox"], Vl = ["id"], Dl = ["stop-color"], zl = ["width", "height", "stroke"], Hl = ["d", "stroke"], Xl = ["d", "fill"], Kl = ["x", "y", "width", "height", "fill"], Zl = ["d", "stroke", "stroke-dasharray"], jl = ["cx", "cy", "fill", "stroke"], Ul = ["cx", "cy", "fill", "stroke"], Ol = ["x", "width", "height", "fill", "rx"], ql = ["x", "width", "height", "rx", "fill"], Yl = ["x", "width", "height", "fill", "rx", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], Gl = ["x2", "y1", "y2", "stroke"], Jl = { key: "merged-tree" }, Ql = ["d", "fill"], _l = ["d", "stroke"], ea = ["cx", "cy", "stroke", "fill"], ta = ["cx", "cy", "stroke", "fill"], la = { key: "split-tree" }, aa = ["x", "y", "width", "height", "fill"], na = ["d", "stroke", "stroke-dasharray"], ia = ["cx", "cy", "fill", "stroke"], ua = ["x", "width", "height", "fill", "stroke", "stroke-width"], ra = ["x", "width", "height"], oa = ["fill", "stroke"], sa = ["stroke"], ca = ["fill"], ma = ["x", "width", "height", "fill", "stroke", "stroke-width"], va = ["x", "width", "height"], da = ["fill", "stroke"], ha = ["stroke"], fa = ["fill"], ga = { key: "merged-tree" }, ya = ["cx", "cy", "stroke", "fill"], xa = ["cx", "cy", "fill"], ba = ["cx", "cy", "stroke", "fill"], Ma = ["cx", "cy", "fill"], ka = { key: 1 }, pa = ["d", "stroke", "stroke-dasharray"], wa = ["cx", "cy", "fill", "stroke"], Sa = ["cx", "cy", "stroke", "fill"], Ca = ["cx", "cy", "fill"], Na = ["cx", "cy", "stroke", "fill"], Pa = ["cx", "cy", "fill"], La = ["cx", "cy", "fill", "stroke"], Aa = ["x", "height", "width", "onMouseenter"], $a = ["min", "max", "tabindex"], Fa = ["min", "max", "tabindex"], je = 48, Ra = {
17
- __name: "SlicerPreview",
18
- props: {
19
- uuid: {
20
- type: String,
21
- default: ""
22
- },
23
- immediate: {
24
- type: Boolean,
25
- default: !0
26
- },
27
- background: {
28
- type: String,
29
- default: "#FFFFFF"
30
- },
31
- borderColor: {
32
- type: String,
33
- default: "#FFFFFF"
34
- },
35
- fontSize: {
36
- type: Number,
37
- default: 14
38
- },
39
- labelLeft: {
40
- type: [String, Number],
41
- default: ""
42
- },
43
- labelRight: {
44
- type: [String, Number],
45
- default: ""
46
- },
47
- textColor: {
48
- type: String,
49
- default: "#1A1A1A"
50
- },
51
- inputColor: {
52
- type: String,
53
- default: "#1A1A1A"
54
- },
55
- max: {
56
- type: Number,
57
- default: 0
58
- },
59
- min: {
60
- type: Number,
61
- default: 0
62
- },
63
- selectColor: {
64
- type: String,
65
- default: "#4A4A4A"
66
- },
67
- useResetSlot: {
68
- type: Boolean,
69
- default: !1
70
- },
71
- valueStart: {
72
- type: [Number, String],
73
- default: 0
74
- },
75
- valueEnd: {
76
- type: [Number, String],
77
- default: 0
78
- },
79
- minimap: {
80
- type: Array,
81
- default: []
82
- },
83
- smoothMinimap: {
84
- type: Boolean,
85
- default: !1
86
- },
87
- minimapSelectedColor: {
88
- type: String,
89
- default: "#1f77b4"
90
- },
91
- minimapSelectionRadius: {
92
- type: Number,
93
- default: 12
94
- },
95
- minimapLineColor: {
96
- type: String,
97
- default: "#2D353C"
98
- },
99
- minimapSelectedColorOpacity: {
100
- type: Number,
101
- default: 0.2
102
- },
103
- minimapSelectedIndex: {
104
- type: Number,
105
- default: null
106
- },
107
- minimapIndicatorColor: {
108
- type: String,
109
- default: "#2D353C"
110
- },
111
- refreshStartPoint: {
112
- type: Number,
113
- default: 0
114
- },
115
- refreshEndPoint: {
116
- type: Number,
117
- default: null
118
- },
119
- enableRangeHandles: {
120
- type: Boolean,
121
- default: !1
122
- },
123
- enableSelectionDrag: {
124
- type: Boolean,
125
- default: !0
126
- },
127
- verticalHandles: {
128
- type: Boolean,
129
- default: !1
130
- },
131
- timeLabels: {
132
- type: Array
133
- },
134
- isPreview: {
135
- type: Boolean,
136
- default: !1
137
- },
138
- preciseLabels: {
139
- type: Array,
140
- default() {
141
- return [];
142
- }
143
- },
144
- usePreciseLabels: {
145
- type: Boolean,
146
- default: !1
147
- },
148
- selectedSeries: {
149
- type: Object
150
- },
151
- customFormat: {
152
- type: [Function, null]
153
- },
154
- minimapCompact: {
155
- type: Boolean,
156
- default: !1
157
- },
158
- allMinimaps: {
159
- type: Array,
160
- default() {
161
- return [];
162
- }
163
- },
164
- minimapMerged: {
165
- type: Boolean,
166
- default: !1
167
- },
168
- minimapFrameColor: {
169
- type: String,
170
- default: "#e1e5e8"
171
- },
172
- cutNullValues: {
173
- type: Boolean,
174
- default: !1
175
- },
176
- focusOnDrag: {
177
- type: Boolean,
178
- default: !1
179
- },
180
- focusRangeRatio: {
181
- type: Number,
182
- default: 0.1
183
- },
184
- minScale: {
185
- type: Number,
186
- default: null
187
- },
188
- maxScale: {
189
- type: Number,
190
- default: null
191
- },
192
- // Used to center zero line in VueUiStackBar (non distributed mode)
193
- forceZeroCenter: {
194
- type: Boolean,
195
- default: !1
196
- },
197
- maxWidth: {
198
- type: Number,
199
- default: null
200
- },
201
- isCursorPointer: {
202
- type: Boolean,
203
- default: !1
204
- },
205
- additionalMinimapHeight: {
206
- type: Number,
207
- default: 0
208
- },
209
- handleType: {
210
- type: String,
211
- default: ""
212
- },
213
- handleWidth: {
214
- type: Number,
215
- default: 20
216
- },
217
- handleBorderWidth: {
218
- type: Number,
219
- default: 1
220
- },
221
- handleIconColor: {
222
- type: String,
223
- default: null
224
- },
225
- handleBorderColor: {
226
- type: String,
227
- default: null
228
- },
229
- handleFill: {
230
- type: String,
231
- default: null
232
- }
233
- },
234
- emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
235
- setup(n, { expose: It, emit: Wt }) {
236
- wl((e) => ({
237
- v739151cd: Dt.value,
238
- v0b86da41: b.value,
239
- v5dc2f2f2: Ht.value,
240
- v2887c91e: n.selectColor,
241
- v27a3657f: zt.value
242
- }));
243
- const a = n, P = f(null), g = f(a.min), y = f(a.max), x = s(() => !!a.allMinimaps.length), we = f(Nl()), T = f(!1), j = s(() => x.value && a.minimapCompact), Ue = f(0), Se = Ze((e) => E("futureStart", e), 0), Ce = Ze((e) => E("futureEnd", e), 0), U = s({
244
- get: () => g.value,
245
- set(e) {
246
- const l = Math.min(e, y.value - 1);
247
- l !== g.value && (g.value = l, ae.value && (ae.value.value = String(l)), a.immediate ? E("update:start", Number(l)) : T.value && Se(l));
248
- }
249
- }), O = s({
250
- get: () => y.value,
251
- set(e) {
252
- const l = Math.max(e, g.value + 1);
253
- l !== y.value && (y.value = l, ne.value && (ne.value.value = String(l)), a.immediate ? E("update:end", Number(l)) : T.value && Ce(l));
254
- }
255
- });
256
- let Oe = null;
257
- function A() {
258
- clearTimeout(Oe), a.immediate || (E("update:start", Number(g.value)), E("update:end", Number(y.value))), T.value = !1;
259
- }
260
- const Vt = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), E = Wt, de = s(() => {
261
- if (j.value) {
262
- const l = Math.max(1, Y.value - 1);
263
- return fe.value / l * 100;
264
- }
265
- const e = Math.max(1, a.max - a.min);
266
- return (g.value - a.min) / e * 100;
267
- }), Ne = s(() => {
268
- if (j.value) {
269
- const l = Math.max(1, Y.value - 1);
270
- return ge.value / l * 100;
271
- }
272
- const e = Math.max(1, a.max - a.min);
273
- return (y.value - a.min) / e * 100;
274
- }), Pe = s(() => (de.value + Ne.value) / 2), Le = s(() => {
275
- if (!P.value) return !1;
276
- const e = Math.max(1, a.max - a.min);
277
- return P.value.getBoundingClientRect().width * ((g.value - a.min) / e) - ye.value / 2 < 0;
278
- }), Ae = s(() => {
279
- if (!P.value) return !1;
280
- const e = Math.max(1, a.max - a.min), l = P.value.getBoundingClientRect().width;
281
- return l * ((y.value - a.min) / e) + oe.value / 2 > l;
282
- }), R = s(() => {
283
- const e = Ae.value ? `calc(${Pe.value}% - ${ce.value.width}px)` : Le.value ? `calc(${Pe.value}% - 8px)` : `calc(${Pe.value}% - ${ce.value.width / 2}px)`;
284
- return {
285
- left: `${de.value}%`,
286
- width: `${Math.max(0, Ne.value - de.value)}%`,
287
- background: a.selectColor,
288
- tooltipLeft: `calc(${de.value}% - ${Le.value ? 9 : ye.value / 2}px)`,
289
- tooltipRight: `calc(${Ne.value}% - ${Ae.value ? oe.value - 9 : oe.value / 2}px)`,
290
- tooltipCenter: e,
291
- arrowLeft: !Le.value,
292
- arrowRight: !Ae.value
293
- };
294
- }), Dt = s(() => a.inputColor), zt = s(() => a.background), Ht = s(() => `${a.selectColor}33`), b = s(() => a.borderColor), qe = s(() => {
295
- let e = [];
296
- for (let l = 0; l < a.max; l += 1)
297
- e.push(l);
298
- return e;
299
- });
300
- function Ye() {
301
- E("reset");
302
- }
303
- ee(
304
- () => a.min,
305
- (e) => {
306
- Number(g.value) < Number(e) && (g.value = Number(e)), Number(y.value) < Number(e) && (y.value = Number(e));
307
- }
308
- ), ee(
309
- () => a.max,
310
- (e) => {
311
- Number(g.value) > Number(e) && (g.value = Number(e)), Number(y.value) > Number(e) && (y.value = Number(e));
312
- }
313
- );
314
- const he = f(null), d = f({
315
- width: 1,
316
- height: 1
317
- }), q = f(null);
318
- Sl(() => {
319
- if (x.value) {
320
- const e = Ze(() => {
321
- if (!he.value) return;
322
- const { width: l, height: t } = Al({ chart: he.value }), i = Math.max(0, Math.round(l)), o = Math.max(0, Math.round(t - 47));
323
- (i !== d.value.width || o !== d.value.height) && (d.value.width = i, d.value.height = o + a.additionalMinimapHeight);
324
- }, 0);
325
- q.value = new ResizeObserver(e), q.value.observe(he.value);
326
- }
327
- }), He(() => {
328
- q.value && q.value.disconnect();
329
- });
330
- const Y = s(() => Math.max(1, a.max - a.min));
331
- function Ge(e) {
332
- const l = Math.floor(e - a.min);
333
- return Math.min(Math.max(0, l), Y.value);
334
- }
335
- function Xt(e) {
336
- const l = Math.ceil(e - a.min);
337
- return Math.min(Math.max(0, l), Y.value);
338
- }
339
- const K = s(() => Ge(g.value)), G = s(() => Xt(y.value)), $e = s(() => Math.max(...a.allMinimaps.map((e) => e.series.length))), Kt = s(() => x.value && a.minimapCompact ? 40 : 0), Zt = s(() => Kt.value / 2);
340
- s(() => Math.max(1, d.value.width - Zt.value * 2));
341
- const w = s(() => {
342
- const e = Math.max(1, $e.value - (a.minimapCompact ? 1 : 0));
343
- return d.value.width / e;
344
- }), Je = s(() => a.allMinimaps.length ? a.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), Fe = s(() => w.value / (Je.value || 1) * 0.8);
345
- function Qe(e, l, t) {
346
- const i = Fe.value, o = Math.max(1, Je.value), m = $e.value - 1;
347
- return t === 0 ? e + i / 2 * l : t === m ? e - i / 2 * (o - l) : e - o * i / 2 + l * i;
348
- }
349
- function _e(e, l) {
350
- return [0, $e.value - 1].includes(l) ? Fe.value / 2 : Fe.value;
351
- }
352
- const jt = s(() => {
353
- const e = [];
354
- if (Array.isArray(a.minimap) && a.minimap.length && a.minimapMerged && e.push(...a.minimap.filter(Number.isFinite)), Array.isArray(a.allMinimaps) && a.allMinimaps.length)
355
- for (const l of a.allMinimaps)
356
- l?.isVisible && Array.isArray(l?.series) && e.push(...l.series.filter(Number.isFinite));
357
- return e.length ? { min: Math.min(...e), max: Math.max(...e) } : { min: 0, max: 1 };
358
- }), et = s(() => {
359
- if (a.minScale == null && a.forceZeroCenter) return null;
360
- const e = Number(a.minScale);
361
- return Number.isFinite(e) ? e : null;
362
- }), tt = s(() => {
363
- if (a.maxScale == null && a.forceZeroCenter) return null;
364
- const e = Number(a.maxScale);
365
- return Number.isFinite(e) ? e : null;
366
- }), Re = s(() => et.value !== null && tt.value !== null), lt = s(() => {
367
- const { min: e, max: l } = jt.value, t = et.value, i = tt.value;
368
- let o, m;
369
- return t !== null && i !== null ? (o = Math.min(t, e), m = Math.max(i, l)) : (o = t !== null ? t : e, m = i !== null ? i : l), Number.isFinite(o) || (o = 0), Number.isFinite(m) || (m = 1), o === m ? m = o + 1 : o > m && ([o, m] = [m, o]), { min: o, max: m };
370
- }), J = s(() => lt.value.min), le = s(() => lt.value.max), Ut = s(() => J.value < 0 && le.value > 0 || le.value <= 0 ? J.value : 0), Ot = (e) => {
371
- const l = Math.max(1, d.value.height);
372
- return at(
373
- J.value,
374
- le.value,
375
- l,
376
- Re.value
377
- )(e);
378
- }, Te = s(() => Ot(0));
379
- function at(e, l, t, i = !1) {
380
- const o = (h, N, $) => Math.max(N, Math.min($, h)), B = Math.max(1e-9, l - e);
381
- if (i)
382
- return (h) => {
383
- const N = (h - e) / B;
384
- return t - N * t;
385
- };
386
- if (l <= 0) {
387
- const h = Math.max(1e-9, 0 - e);
388
- return (N) => t - (N - e) / h * t;
389
- } else if (e >= 0) {
390
- const h = Math.max(1e-9, l - 0);
391
- return (N) => t - (N - 0) / h * t;
392
- } else {
393
- const h = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
394
- return (N) => (1 - (o(N / h, -1, 1) + 1) / 2) * t;
395
- }
396
- }
397
- function nt(e, l = !1) {
398
- if (!e || !e.length)
399
- return {
400
- fullSet: "",
401
- points: [],
402
- selectionSet: "",
403
- sliced: [],
404
- firstPlot: null,
405
- lastPlot: null,
406
- hasFull: !1,
407
- hasSelection: !1,
408
- fullMarkers: [],
409
- selectionMarkers: [],
410
- dashed: !1
411
- };
412
- const t = Math.max(1, d.value.height), i = at(J.value, le.value, t, Re.value), o = e.length, m = Math.min(Math.max(0, K.value), Math.max(0, o - 1)), B = Math.min(o, Math.max(m + 1, G.value)), h = e.map((p, wt) => {
413
- const me = p, St = Number.isFinite(me), gl = w.value * wt + (a.minimapCompact ? 0 : w.value / 2), yl = (Ml, kl, pl) => Math.max(kl, Math.min(pl, Ml)), xl = Re.value ? yl(0, J.value, le.value) : 0, bl = i(xl);
414
- return {
415
- x: gl,
416
- y: St ? i(me) : NaN,
417
- v: me,
418
- value: me == null ? null : St ? me : null,
419
- y0: bl,
420
- i: wt
421
- };
422
- }), N = (p) => p >= 0 && p < h.length && Number.isFinite(h[p]?.value), $ = h.filter((p) => Number.isFinite(p.value) && !N(p.i - 1) && !N(p.i + 1)), Me = $.filter((p) => p.i >= m && p.i < B), Z = h.slice(m, B), hl = h.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Ft(h) : Rt(h.filter((p) => p.value != null)) : a.cutNullValues ? Tt(h) : Et(h.filter((p) => p.value != null)) : "", fl = Z.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Ft(Z) : Rt(Z.filter((p) => p.value != null)) : a.cutNullValues ? Tt(Z) : Et(Z.filter((p) => p.value != null)) : "";
423
- return {
424
- fullSet: hl,
425
- points: h,
426
- selectionSet: fl,
427
- sliced: Z,
428
- firstPlot: h[m] || null,
429
- lastPlot: h[Math.max(0, B - 1)] || null,
430
- hasFull: h.length >= 2,
431
- hasSelection: Z.length >= 2,
432
- fullMarkers: $,
433
- selectionMarkers: Me
434
- };
435
- }
436
- const v = s(() => a.minimap.length ? nt(a.minimap) : []), I = s(() => a.allMinimaps.length ? a.allMinimaps.map((e, l) => {
437
- const t = nt(e?.series || [], !!e.smooth), i = e?.id ?? e?.name ?? l;
438
- return {
439
- key: typeof i == "object" ? JSON.stringify(i) : String(i),
440
- color: e?.color,
441
- ...t,
442
- temperatureColors: e?.temperatureColors ?? null,
443
- isVisible: e.isVisible,
444
- type: e.type || "line",
445
- dashed: e.dashed ?? !1
446
- };
447
- }) : []), C = s(() => {
448
- const e = K.value, l = Math.max(e + 1, G.value);
449
- return {
450
- x: w.value * e + (a.minimapCompact ? 0 : w.value / 2),
451
- width: w.value * (l - e) - w.value
452
- };
453
- }), W = f(a.minimapSelectedIndex), it = (e) => Math.round(a.min + e), fe = s({
454
- get() {
455
- return j.value ? K.value : Number(U.value);
456
- },
457
- set(e) {
458
- if (j.value) {
459
- const l = Math.round(+e || 0);
460
- Be(it(l));
461
- } else {
462
- let l = Math.round(+e || 0);
463
- const t = Number(y.value) - 1, i = Math.min(Math.max(a.min, l), t);
464
- ae.value && (ae.value.valueAsNumber = i), Be(i);
465
- }
466
- }
467
- }), ge = s({
468
- get() {
469
- return j.value ? Math.max(K.value, G.value - 1) : Number(O.value);
470
- },
471
- set(e) {
472
- if (j.value) {
473
- const l = Math.round(+e || 0);
474
- We(it(l + 1));
475
- } else {
476
- let l = Math.round(+e || 0);
477
- const t = Number(g.value) + 1, i = Math.max(t, Math.min(l, a.max));
478
- ne.value && (ne.value.valueAsNumber = i), We(i);
479
- }
480
- }
481
- });
482
- function qt(e) {
483
- W.value = Ge(a.valueStart) + e;
484
- }
485
- const Yt = $l(qt, 60);
486
- ee(() => a.minimapSelectedIndex, (e, l) => {
487
- if ([null, void 0].includes(e)) {
488
- W.value = null;
489
- return;
490
- }
491
- e !== l && Yt(e);
492
- }, { immediate: !0 });
493
- function Gt(e) {
494
- W.value = e;
495
- const l = K.value, t = G.value;
496
- e >= l && e < t && !X.value && E("trapMouse", e - l);
497
- }
498
- const ae = f(null), ne = f(null);
499
- function ut(e) {
500
- if (typeof e == "object" && e && "target" in e) {
501
- const t = e.target, i = "valueAsNumber" in t ? t.valueAsNumber : +t.value;
502
- return Number.isFinite(i) ? i : NaN;
503
- }
504
- const l = +e;
505
- return Number.isFinite(l) ? l : NaN;
506
- }
507
- let Ee = 0;
508
- function Be(e) {
509
- T.value = !0;
510
- const l = ut(e);
511
- Number.isFinite(l) && (cancelAnimationFrame(Ee), Ee = requestAnimationFrame(() => {
512
- U.value = l;
513
- }));
514
- }
515
- let Ie = 0;
516
- function We(e) {
517
- T.value = !0;
518
- const l = ut(e);
519
- Number.isFinite(l) && (cancelAnimationFrame(Ie), Ie = requestAnimationFrame(() => {
520
- O.value = l;
521
- }));
522
- }
523
- He(() => {
524
- cancelAnimationFrame(Ee), cancelAnimationFrame(Ie);
525
- });
526
- const ie = s(() => a.valueEnd - a.valueStart), Jt = s(() => ie.value < a.max - a.min), Q = f(!1);
527
- let Qt = f(null);
528
- const _t = s(() => (Ue.value - 48) / (a.max - a.min) * ie.value), el = s(() => Math.max(1, Ue.value - je - _t.value)), tl = s(() => Math.max(1, a.max - a.min - ie.value)), ll = s(() => tl.value / el.value), rt = f(0), ot = f(0), al = f(0), nl = f(0);
529
- let V = null, D = null, z = null, H = null;
530
- const st = f(a.min);
531
- function Ve(e) {
532
- if (!P.value) return a.min;
533
- const l = P.value.getBoundingClientRect(), t = l.left + je / 2, i = l.right - je / 2, o = Math.max(1, i - t), B = (Math.max(t, Math.min(e, i)) - t) / o, h = Math.max(1, a.max - a.min);
534
- return Math.round(a.min + B * h);
535
- }
536
- const ct = async (e) => {
537
- if (T.value = !0, _.value = !0, !a.enableSelectionDrag) return;
538
- const l = e.type === "touchstart";
539
- l || e.stopPropagation();
540
- const t = l && e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null, i = l ? t ? t.target : null : e.target;
541
- if (!i || !(i instanceof Element) || i.classList && i.classList.contains("range-handle")) return;
542
- Q.value = !0;
543
- const o = l ? t ? t.clientX : 0 : e.clientX;
544
- if (Qt.value = o, rt.value = o, a.focusOnDrag && !Jt.value && P.value) {
545
- st.value = Ve(o);
546
- const m = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), B = a.max - a.min, h = Math.max(1, Math.round(B * m)), N = Math.floor(h / 2);
547
- let $ = st.value - N;
548
- $ = Math.max(a.min, Math.min($, a.max - h));
549
- const Me = Math.min(a.max, $ + h);
550
- U.value = $, O.value = Me, Se($), Ce(Me), Bt(P.value, "mouseup"), await ve(), Bt(P.value, "mousedown", { clientX: o });
551
- }
552
- ot.value = g.value, al.value = y.value, nl.value = ll.value, V = l ? "touchmove" : "mousemove", D = l ? "touchend" : "mouseup", z = l ? ul : il, H = l ? ol : rl, window.addEventListener(V, z, { passive: !1 }), window.addEventListener(D, H);
553
- };
554
- function il(e) {
555
- Q.value && mt(e.clientX);
556
- }
557
- function ul(e) {
558
- if (!Q.value || !P.value) return;
559
- const l = e.target;
560
- if (!(l instanceof Element) || !P.value.contains(l) || l.classList && l.classList.contains("range-handle")) return;
561
- e.preventDefault();
562
- const t = e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null;
563
- t && mt(t.clientX);
564
- }
565
- function mt(e) {
566
- if (!Q.value) return;
567
- const l = Ve(rt.value), i = Ve(e) - l;
568
- let o = Math.round(ot.value + i);
569
- o = Math.max(a.min, Math.min(o, a.max - ie.value));
570
- const m = o + ie.value;
571
- U.value = o, O.value = m, Se(o), Ce(m);
572
- }
573
- function rl() {
574
- vt();
575
- }
576
- function ol() {
577
- vt();
578
- }
579
- function vt() {
580
- Q.value = !1, V && z && window.removeEventListener(V, z), D && H && window.removeEventListener(D, H), V = D = null, z = H = null, A();
581
- }
582
- const X = f(!1), ue = f(null), re = f(null), ye = f(1), oe = f(1), _ = f(!1);
583
- function De() {
584
- if (ue.value) {
585
- const e = Math.round(ue.value.getBoundingClientRect().width);
586
- e !== ye.value && (ye.value = e);
587
- }
588
- }
589
- function ze() {
590
- if (re.value) {
591
- const e = Math.round(re.value.getBoundingClientRect().width);
592
- e !== oe.value && (oe.value = e);
593
- }
594
- }
595
- Ct(() => {
596
- De(), ze();
597
- });
598
- const dt = f(0);
599
- function ht(e) {
600
- dt.value = e === "start" ? 1 : 0;
601
- }
602
- const se = f(!1), ce = f({
603
- width: 0,
604
- left: 0
605
- });
606
- ee([g, y], async () => {
607
- if (await ve(), !ue.value || !re.value) {
608
- se.value = !1, ce.value = { width: 0, left: 0 };
609
- return;
610
- }
611
- const e = ue.value.getBoundingClientRect(), l = re.value.getBoundingClientRect();
612
- se.value = e.x + e.width > l.x;
613
- const t = e.x + e.width / 2, i = l.x + l.width / 2, o = e.width + l.width, m = (t + i) / 2;
614
- ce.value = {
615
- width: o,
616
- left: m - o / 2
617
- };
618
- }), Ct(() => {
619
- De(), ze();
620
- }), ee(() => a.labelLeft, () => {
621
- ve(De);
622
- }, { deep: !0 }), ee(() => a.labelRight, () => {
623
- ve(ze);
624
- }, { deep: !0 });
625
- const k = s(() => {
626
- let e = "", l = "", t = !1;
627
- if (Pl(a.customFormat))
628
- try {
629
- const i = a.customFormat({
630
- absoluteIndex: g.value,
631
- seriesIndex: g.value,
632
- datapoint: a.selectedSeries,
633
- timeLabel: a.preciseLabels[g.value],
634
- side: "left"
635
- }), o = a.customFormat({
636
- absoluteIndex: y.value - 1,
637
- seriesIndex: -1,
638
- datapoint: a.selectedSeries,
639
- timeLabel: a.preciseLabels[y.value - 1],
640
- side: "right"
641
- });
642
- typeof i == "string" && typeof o == "string" && (e = i, l = o, t = !0);
643
- } catch {
644
- t = !1;
645
- }
646
- if (!t) {
647
- const i = a.usePreciseLabels ? a.preciseLabels.find((m) => m.absoluteIndex === g.value) : a.timeLabels.find((m) => m.absoluteIndex === g.value), o = a.usePreciseLabels ? a.preciseLabels.find((m) => m.absoluteIndex === y.value - 1) : a.timeLabels.find((m) => m.absoluteIndex === y.value - 1);
648
- e = i ? i.text : "", l = o ? o.text : "";
649
- }
650
- return { left: e, right: l };
651
- });
652
- He(() => {
653
- q.value && q.value.disconnect(), V && z && window.removeEventListener(V, z), D && H && window.removeEventListener(D, H), V = D = null, z = H = null, clearTimeout(Oe);
654
- });
655
- const sl = s(() => {
656
- if (!qe.value.length) return null;
657
- if (W.value >= K.value && W.value < G.value) {
658
- const e = W.value, l = w.value * e + (a.minimapCompact ? 0 : w.value / 2);
659
- return {
660
- x1: l,
661
- x2: l,
662
- y1: 0,
663
- y2: Math.max(d.value.height, 0),
664
- stroke: a.minimapIndicatorColor,
665
- "stroke-linecap": "round",
666
- "stroke-dasharray": 2,
667
- "stroke-width": 1
668
- };
669
- }
670
- return null;
671
- }), ft = s(() => Number(g.value) < Number(y.value) - 1), gt = s(() => Number(g.value) > Number(a.min)), yt = s(() => Number(y.value) < Number(a.max)), xt = s(() => Number(y.value) > Number(g.value) + 1);
672
- function bt(e) {
673
- const l = Number(g.value) + e;
674
- e > 0 && !ft.value || e < 0 && !gt.value || (T.value = !0, U.value = l, A());
675
- }
676
- function Mt(e) {
677
- const l = Number(y.value) + e;
678
- e > 0 && !yt.value || e < 0 && !xt.value || (T.value = !0, O.value = l, A());
679
- }
680
- const xe = {
681
- plus: () => bt(1),
682
- minus: () => bt(-1),
683
- canPlus: ft,
684
- canMinus: gt
685
- }, be = {
686
- plus: () => Mt(1),
687
- minus: () => Mt(-1),
688
- canPlus: yt,
689
- canMinus: xt
690
- };
691
- function cl(e) {
692
- if (!e || kt(e.target)) return;
693
- const l = e.key, t = l === "ArrowLeft" || l === "ArrowDown" || l === "-" || l === "Subtract", i = l === "ArrowRight" || l === "ArrowUp" || l === "+" || l === "Add";
694
- !t && !i || (e.preventDefault(), e.stopPropagation(), i ? (xe.plus(), be.plus()) : (xe.minus(), be.minus()));
695
- }
696
- function kt(e) {
697
- return e instanceof HTMLElement && (e.isContentEditable || e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT");
698
- }
699
- function ml(e) {
700
- if (!x.value || !a.minimapCompact) return;
701
- const l = P.value;
702
- if (!l) return;
703
- const t = e === "start" ? '[data-cy="slicer-compact-handle-left"]' : '[data-cy="slicer-compact-handle-right"]', i = l.querySelector(t);
704
- i && i instanceof SVGElement && typeof i.focus == "function" && i.focus();
705
- }
706
- function pt(e, l) {
707
- if (!l || kt(l.target)) return;
708
- const t = l.key, i = t === "ArrowLeft" || t === "ArrowDown" || t === "-" || t === "Subtract", o = t === "ArrowRight" || t === "ArrowUp" || t === "+" || t === "Add";
709
- !i && !o || (l.preventDefault(), l.stopPropagation(), e === "start" ? o ? xe.plus() : xe.minus() : o ? be.plus() : be.minus(), ve(() => ml(e)));
710
- }
711
- const vl = s(() => ({
712
- tabindex: 0,
713
- role: "slider",
714
- "aria-label": "Range start",
715
- "aria-valuemin": Number(a.min),
716
- "aria-valuemax": Math.max(Number(a.min), Number(y.value) - 1),
717
- "aria-valuenow": Number(g.value)
718
- })), dl = s(() => ({
719
- tabindex: 0,
720
- role: "slider",
721
- "aria-label": "Range end",
722
- "aria-valuemin": Math.min(Number(a.max), Number(g.value) + 1),
723
- "aria-valuemax": Number(a.max),
724
- "aria-valuenow": Number(y.value)
725
- }));
726
- return It({
727
- setStartValue: Be,
728
- setEndValue: We
729
- }), (e, l) => (u(), r("div", {
730
- "data-minimap": x.value,
731
- "data-dom-to-png-ignore": "",
732
- style: L([{ padding: "0 48px" }, {
733
- maxWidth: n.maxWidth ? n.maxWidth + "px" : void 0,
734
- margin: n.maxWidth ? "0 auto" : void 0
735
- }]),
736
- class: "vue-data-ui-zoom",
737
- ref_key: "zoomWrapper",
738
- ref: P,
739
- onMousedown: ct,
740
- onTouchstart: ct
741
- }, [
742
- F("div", El, [
743
- n.valueStart !== n.refreshStartPoint || n.valueEnd !== Vt.value ? (u(), r("div", Bl, [
744
- n.useResetSlot ? Nt(e.$slots, "reset-action", {
745
- key: 1,
746
- reset: Ye
747
- }, void 0, !0) : (u(), r("button", {
748
- key: 0,
749
- tabindex: "0",
750
- role: "button",
751
- class: "vue-data-ui-refresh-button",
752
- style: L({
753
- top: x.value ? "36px" : "-16px",
754
- pointerEvents: "all !important",
755
- cursor: n.isCursorPointer ? "pointer" : "default"
756
- }),
757
- onClick: Ye
758
- }, [
759
- Cl(Fl, {
760
- name: "refresh",
761
- stroke: n.textColor
762
- }, null, 8, ["stroke"])
763
- ], 4))
764
- ])) : c("", !0)
765
- ]),
766
- F("div", {
767
- class: "double-range-slider",
768
- ref_key: "minimapWrapper",
769
- ref: he,
770
- style: L([{ "z-index": "0" }, x.value ? {
771
- "--minimap-unit-px": w.value + "px",
772
- "--minimap-offset-px": (n.minimapCompact ? 0 : w.value / 2) + "px"
773
- } : void 0]),
774
- onMouseenter: l[15] || (l[15] = (t) => _.value = !0),
775
- onMouseleave: l[16] || (l[16] = (t) => _.value = !1)
776
- }, [
777
- x.value ? (u(), r("div", Il, [
778
- (u(), r("svg", {
779
- key: `mm-${n.minimapMerged ? "merged" : "split"}-${n.minimapCompact ? "compact" : "normal"}`,
780
- xmlns: ke(Ll),
781
- viewBox: `0 0 ${Math.max(0, d.value.width)} ${Math.max(0, d.value.height)}`
782
- }, [
783
- F("defs", null, [
784
- F("linearGradient", {
785
- id: we.value,
786
- x1: "0%",
787
- y1: "0%",
788
- x2: "0%",
789
- y2: "100%"
790
- }, [
791
- F("stop", {
792
- offset: "0%",
793
- "stop-color": `${n.minimapLineColor}50`
794
- }, null, 8, Dl),
795
- l[17] || (l[17] = F("stop", {
796
- offset: "100%",
797
- "stop-color": "transparent"
798
- }, null, -1))
799
- ], 8, Vl)
800
- ]),
801
- n.minimapCompact ? (u(), r("rect", {
802
- key: 0,
803
- class: "vue-ui-zoom-minimap-frame",
804
- x: 0,
805
- y: 0,
806
- width: d.value.width,
807
- height: d.value.height,
808
- fill: "none",
809
- stroke: n.minimapFrameColor,
810
- rx: 3
811
- }, null, 8, zl)) : c("", !0),
812
- e.$slots.slotMap ? c("", !0) : (u(), r(M, { key: 1 }, [
813
- n.minimapMerged ? (u(), r("path", {
814
- key: 0,
815
- d: `M${v.value.fullSet}`,
816
- stroke: `${n.minimapLineColor}`,
817
- fill: "none",
818
- "stroke-width": "1",
819
- "stroke-linecap": "round",
820
- "stroke-linejoin": "round",
821
- style: { opacity: "0.6" }
822
- }, null, 8, Hl)) : c("", !0),
823
- n.minimapMerged && !n.minimapCompact ? (u(), r("path", {
824
- key: 1,
825
- d: `M${w.value / 2},${Math.max(d.value.height, 0)} ${v.value.fullSet} L${d.value.width - w.value / 2},${Math.max(d.value.height, 0)}Z`,
826
- fill: `url(#${we.value})`,
827
- stroke: "none",
828
- style: { opacity: "0.6" }
829
- }, null, 8, Xl)) : n.minimapMerged ? c("", !0) : (u(), r(M, { key: 2 }, [
830
- (u(!0), r(M, null, S(I.value.filter((t) => t.type === "bar" && t.isVisible), (t, i) => (u(), r("g", null, [
831
- (u(!0), r(M, null, S(t.points, (o, m) => (u(), r(M, null, [
832
- t && !isNaN(o.y) ? (u(), r("rect", {
833
- key: 0,
834
- x: Qe(o.x, i, m),
835
- y: o.v >= 0 ? o.y : o.y0,
836
- width: _e(i, m),
837
- height: o.v >= 0 ? o.y0 - o.y : o.y - o.y0,
838
- fill: t.color,
839
- style: { opacity: 0.6 }
840
- }, null, 8, Kl)) : c("", !0)
841
- ], 64))), 256))
842
- ]))), 256)),
843
- (u(!0), r(M, null, S(I.value.filter((t) => t.type === "line"), (t) => (u(), r("g", null, [
844
- t.isVisible ? (u(), r("path", {
845
- key: 0,
846
- d: `M ${t.fullSet}`,
847
- fill: "none",
848
- stroke: t.color,
849
- style: { opacity: "0.6" },
850
- "stroke-dasharray": t.dashed ? "2 4" : 0
851
- }, null, 8, Zl)) : c("", !0),
852
- t.isVisible && n.cutNullValues ? (u(!0), r(M, { key: 1 }, S(t.fullMarkers, (i) => (u(), r("circle", {
853
- key: `sel-dot-under-${t.key}-${i.i}`,
854
- cx: i.x,
855
- cy: i.y,
856
- r: "2",
857
- fill: t.color,
858
- stroke: b.value,
859
- "stroke-width": "0.5",
860
- style: { opacity: "0.6" }
861
- }, null, 8, jl))), 128)) : c("", !0)
862
- ]))), 256)),
863
- (u(!0), r(M, null, S(I.value.filter((t) => t.type === "plot"), (t) => (u(), r("g", null, [
864
- (u(!0), r(M, null, S(t.points, (i) => (u(), r("g", null, [
865
- t.isVisible && i.value !== null ? (u(), r("circle", {
866
- key: `sel-plot-under-${t.key}-${i.i}`,
867
- cx: i.x,
868
- cy: i.y,
869
- r: "2",
870
- fill: t.color,
871
- stroke: b.value,
872
- "stroke-width": "0.5",
873
- style: { opacity: "0.6" }
874
- }, null, 8, Ul)) : c("", !0)
875
- ]))), 256))
876
- ]))), 256))
877
- ], 64))
878
- ], 64)),
879
- F("rect", {
880
- x: C.value.x,
881
- y: 0,
882
- width: Math.max(0, C.value.width),
883
- height: Math.max(d.value.height, 0),
884
- fill: b.value,
885
- rx: n.minimapSelectionRadius,
886
- stroke: "none"
887
- }, null, 8, Ol),
888
- F("rect", {
889
- x: C.value.x,
890
- y: 0,
891
- width: C.value.width < 0 ? 0 : C.value.width,
892
- height: Math.max(d.value.height, 0),
893
- rx: n.minimapSelectionRadius,
894
- fill: b.value,
895
- style: L({ opacity: Q.value || T.value ? 0 : 1 })
896
- }, null, 12, ql),
897
- F("rect", {
898
- x: C.value.x,
899
- y: 0,
900
- width: C.value.width < 0 ? 0 : C.value.width,
901
- height: Math.max(d.value.height, 0),
902
- fill: n.minimapSelectedColor,
903
- rx: n.minimapSelectionRadius,
904
- style: L({ opacity: n.minimapSelectedColorOpacity }),
905
- tabindex: "0",
906
- role: "slider",
907
- "aria-label": "Selected range",
908
- "aria-valuemin": Number(a.min),
909
- "aria-valuemax": Number(a.max),
910
- "aria-valuenow": Number(g.value),
911
- "aria-valuetext": k.value.left && k.value.right ? `${k.value.left} – ${k.value.right}` : void 0,
912
- onKeydown: cl
913
- }, null, 44, Yl),
914
- !n.minimapMerged && Ut.value < 0 ? (u(), r("line", {
915
- key: 2,
916
- class: "slicer-minimap-zero-line",
917
- x1: 0,
918
- x2: d.value.width,
919
- y1: Te.value,
920
- y2: Te.value,
921
- stroke: n.minimapFrameColor,
922
- "stroke-width": "0.5"
923
- }, null, 8, Gl)) : c("", !0),
924
- e.$slots.slotMap ? c("", !0) : (u(), r(M, { key: 3 }, [
925
- n.minimapMerged ? (u(), r("g", Jl, [
926
- v.value && v.value.sliced && v.value.sliced.length ? (u(), r(M, { key: 0 }, [
927
- v.value.selectionSet ? (u(), r("path", {
928
- key: 0,
929
- d: `M${v.value.sliced[0].x},${Math.max(d.value.height, 0)} ${v.value.selectionSet} L${v.value.sliced[v.value.sliced.length - 1].x},${Math.max(d.value.height, 0)}Z`,
930
- fill: `url(#${we.value})`,
931
- stroke: "none",
932
- style: { opacity: "1" }
933
- }, null, 8, Ql)) : c("", !0),
934
- v.value.selectionSet ? (u(), r("path", {
935
- key: 1,
936
- d: `M ${v.value.selectionSet}`,
937
- stroke: `${n.minimapLineColor}`,
938
- fill: "transparent",
939
- "stroke-width": "2",
940
- "stroke-linecap": "round",
941
- "stroke-linejoin": "round"
942
- }, null, 8, _l)) : c("", !0)
943
- ], 64)) : c("", !0),
944
- v.value && v.value.firstPlot ? (u(), r("circle", {
945
- key: 1,
946
- cx: v.value.firstPlot.x,
947
- cy: v.value.firstPlot.y,
948
- "stroke-width": "0.5",
949
- stroke: b.value,
950
- r: "3",
951
- fill: n.minimapLineColor
952
- }, null, 8, ea)) : c("", !0),
953
- v.value && v.value.lastPlot ? (u(), r("circle", {
954
- key: 2,
955
- cx: v.value.lastPlot.x,
956
- cy: v.value.lastPlot.y,
957
- "stroke-width": "0.5",
958
- stroke: b.value,
959
- r: "3",
960
- fill: n.minimapLineColor
961
- }, null, 8, ta)) : c("", !0)
962
- ])) : (u(), r("g", la, [
963
- (u(!0), r(M, null, S(I.value.filter((t) => t.type === "bar" && t.isVisible), (t, i) => (u(), r("g", null, [
964
- (u(!0), r(M, null, S(t.points, (o, m) => (u(), r(M, null, [
965
- t && !isNaN(o.y) ? (u(), r("rect", {
966
- key: 0,
967
- x: Qe(o.x, i, m),
968
- y: o.v >= 0 ? o.y : o.y0,
969
- width: _e(i, m),
970
- height: o.v >= 0 ? o.y0 - o.y : o.y - o.y0,
971
- fill: t.color,
972
- style: L({ opacity: m >= U.value && m < O.value ? 1 : 0 })
973
- }, null, 12, aa)) : c("", !0)
974
- ], 64))), 256))
975
- ]))), 256)),
976
- (u(!0), r(M, null, S(I.value.filter((t) => t.type === "line"), (t, i) => (u(), r("g", {
977
- key: String(t.key)
978
- }, [
979
- t && t.hasSelection && t.selectionSet && t.isVisible ? (u(), r("path", {
980
- key: 0,
981
- d: `M ${t.selectionSet}`,
982
- stroke: t.temperatureColors ? `url(#temperature_grad_line_${i}_${n.uuid})` : t.color,
983
- fill: "transparent",
984
- "stroke-width": "2",
985
- "stroke-linecap": "round",
986
- "stroke-linejoin": "round",
987
- "stroke-dasharray": t.dashed ? "2 4" : 0
988
- }, null, 8, na)) : c("", !0)
989
- ]))), 128)),
990
- (u(!0), r(M, null, S(I.value.filter((t) => t.type === "plot"), (t) => (u(), r("g", {
991
- key: String(t.key)
992
- }, [
993
- (u(!0), r(M, null, S(t.points, (i) => (u(), r("g", null, [
994
- t.isVisible && i.value !== null ? (u(), r("circle", {
995
- key: 0,
996
- cx: i.x,
997
- cy: i.y,
998
- r: "2",
999
- fill: t.color,
1000
- stroke: b.value,
1001
- "stroke-width": "0.5",
1002
- style: { opacity: "0.6" }
1003
- }, null, 8, ia)) : c("", !0)
1004
- ]))), 256))
1005
- ]))), 128))
1006
- ]))
1007
- ], 64)),
1008
- e.$slots.slotMap ? Nt(e.$slots, "slotMap", Pt(pe({ key: 4 }, {
1009
- width: Math.max(0, d.value.width),
1010
- height: Math.max(0, d.value.height),
1011
- zeroY: Te.value,
1012
- unitW: Math.max(0, w.value)
1013
- })), void 0, !0) : c("", !0),
1014
- x.value && n.minimapCompact ? (u(), r("rect", pe({
1015
- key: 5,
1016
- class: "vue-ui-zoom-compact-minimap-handle",
1017
- x: C.value.x - Math.min(40, Math.max(20, n.handleWidth)),
1018
- y: 0,
1019
- width: Math.min(40, Math.max(20, n.handleWidth)),
1020
- height: d.value.height,
1021
- fill: n.handleFill || b.value,
1022
- stroke: n.handleBorderColor || n.textColor,
1023
- "stroke-width": n.handleBorderWidth,
1024
- rx: 3
1025
- }, vl.value, {
1026
- onKeydown: l[0] || (l[0] = (t) => pt("start", t))
1027
- }), null, 16, ua)) : c("", !0),
1028
- n.handleType && n.handleType !== "empty" ? (u(), r("svg", {
1029
- key: 6,
1030
- x: C.value.x - Math.min(40, Math.max(20, n.handleWidth)),
1031
- y: 0,
1032
- width: Math.min(40, Math.max(20, n.handleWidth)),
1033
- height: d.value.height,
1034
- viewBox: "0 0 20 20"
1035
- }, [
1036
- n.handleType === "arrow" ? (u(), r("path", {
1037
- key: 0,
1038
- 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",
1039
- fill: b.value,
1040
- stroke: n.handleIconColor || n.textColor,
1041
- "stroke-width": 0.618,
1042
- "stroke-linejoin": "round",
1043
- "stroke-linecap": "round"
1044
- }, null, 8, oa)) : n.handleType === "chevron" ? (u(), r("path", {
1045
- key: 1,
1046
- d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
1047
- fill: "none",
1048
- stroke: n.handleIconColor || n.textColor,
1049
- "stroke-width": 0.618,
1050
- "stroke-linejoin": "round",
1051
- "stroke-linecap": "round"
1052
- }, null, 8, sa)) : n.handleType === "grab" ? (u(), r("path", {
1053
- key: 2,
1054
- 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",
1055
- fill: n.handleIconColor || n.textColor,
1056
- stroke: "none",
1057
- opacity: "0.6"
1058
- }, null, 8, ca)) : c("", !0)
1059
- ], 8, ra)) : c("", !0),
1060
- x.value && n.minimapCompact ? (u(), r("rect", pe({
1061
- key: 7,
1062
- class: "vue-ui-zoom-compact-minimap-handle",
1063
- x: C.value.x + C.value.width,
1064
- y: 0,
1065
- width: Math.min(40, Math.max(20, n.handleWidth)),
1066
- height: d.value.height,
1067
- fill: n.handleFill || b.value,
1068
- stroke: n.handleBorderColor || n.textColor,
1069
- "stroke-width": n.handleBorderWidth,
1070
- rx: 3
1071
- }, dl.value, {
1072
- onKeydown: l[1] || (l[1] = (t) => pt("end", t))
1073
- }), null, 16, ma)) : c("", !0),
1074
- n.handleType && n.handleType !== "empty" ? (u(), r("svg", {
1075
- key: 8,
1076
- x: C.value.x + C.value.width,
1077
- y: 0,
1078
- width: Math.min(40, Math.max(20, n.handleWidth)),
1079
- height: d.value.height,
1080
- viewBox: "0 0 20 20"
1081
- }, [
1082
- n.handleType === "arrow" ? (u(), r("path", {
1083
- key: 0,
1084
- 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",
1085
- fill: b.value,
1086
- stroke: n.handleIconColor || n.textColor,
1087
- "stroke-width": 0.618,
1088
- "stroke-linejoin": "round",
1089
- "stroke-linecap": "round"
1090
- }, null, 8, da)) : n.handleType === "chevron" ? (u(), r("path", {
1091
- key: 1,
1092
- d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
1093
- fill: "none",
1094
- stroke: n.handleIconColor || n.textColor,
1095
- "stroke-width": 0.618,
1096
- "stroke-linejoin": "round",
1097
- "stroke-linecap": "round"
1098
- }, null, 8, ha)) : n.handleType === "grab" ? (u(), r("path", {
1099
- key: 2,
1100
- 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",
1101
- fill: n.handleIconColor || n.textColor,
1102
- stroke: "none",
1103
- opacity: "0.6"
1104
- }, null, 8, fa)) : c("", !0)
1105
- ], 8, va)) : c("", !0),
1106
- W.value !== null && !X.value ? (u(), r("line", Pt(pe({ key: 9 }, sl.value)), null, 16)) : c("", !0),
1107
- e.$slots.slotMap ? c("", !0) : (u(), r(M, { key: 10 }, [
1108
- n.minimapMerged ? (u(), r("g", ga, [
1109
- v.value && v.value.firstPlot && v.value.firstPlot.value !== null ? (u(), r("circle", {
1110
- key: 0,
1111
- cx: v.value.firstPlot.x,
1112
- cy: v.value.firstPlot.y,
1113
- "stroke-width": "0.5",
1114
- stroke: b.value,
1115
- r: "4",
1116
- fill: n.minimapLineColor
1117
- }, null, 8, ya)) : c("", !0),
1118
- v.value && v.value.firstPlot && v.value.firstPlot.value !== null ? (u(), r("circle", {
1119
- key: 1,
1120
- cx: v.value.firstPlot.x,
1121
- cy: v.value.firstPlot.y,
1122
- r: 2,
1123
- fill: b.value
1124
- }, null, 8, xa)) : c("", !0),
1125
- v.value && v.value.lastPlot && v.value.lastPlot.value !== null ? (u(), r("circle", {
1126
- key: 2,
1127
- cx: v.value.lastPlot.x,
1128
- cy: v.value.lastPlot.y,
1129
- "stroke-width": "0.5",
1130
- stroke: b.value,
1131
- r: "4",
1132
- fill: n.minimapLineColor
1133
- }, null, 8, ba)) : c("", !0),
1134
- v.value && v.value.lastPlot && v.value.lastPlot.value !== null ? (u(), r("circle", {
1135
- key: 3,
1136
- cx: v.value.lastPlot.x,
1137
- cy: v.value.lastPlot.y,
1138
- r: "2",
1139
- fill: b.value
1140
- }, null, 8, Ma)) : c("", !0)
1141
- ])) : (u(), r("g", ka, [
1142
- (u(!0), r(M, null, S(I.value.filter((t) => t.type === "line"), (t, i) => (u(), r("g", {
1143
- key: String(t.key)
1144
- }, [
1145
- t && t.hasSelection && t.selectionSet && t.isVisible ? (u(), r("path", {
1146
- key: 0,
1147
- d: `M ${t.selectionSet}`,
1148
- stroke: t.temperatureColors ? `url(#temperature_grad_line_${i}_${n.uuid})` : t.color,
1149
- fill: "transparent",
1150
- "stroke-width": "2",
1151
- "stroke-linecap": "round",
1152
- "stroke-linejoin": "round",
1153
- "stroke-dasharray": t.dashed ? "2 4" : 0
1154
- }, null, 8, pa)) : c("", !0),
1155
- t.isVisible && n.cutNullValues ? (u(!0), r(M, { key: 1 }, S(t.selectionMarkers, (o) => (u(), r("circle", {
1156
- key: `sel-dot-${t.key}-${o.i}`,
1157
- cx: o.x,
1158
- cy: o.y,
1159
- r: "2.5",
1160
- fill: t.color,
1161
- stroke: b.value,
1162
- "stroke-width": "0.5"
1163
- }, null, 8, wa))), 128)) : c("", !0),
1164
- t && t.firstPlot && t.isVisible && t.firstPlot.value !== null ? (u(), r("circle", {
1165
- key: 2,
1166
- cx: t.firstPlot.x,
1167
- cy: t.firstPlot.y,
1168
- "stroke-width": "0.5",
1169
- stroke: b.value,
1170
- r: "4",
1171
- fill: t.color
1172
- }, null, 8, Sa)) : c("", !0),
1173
- t && t.firstPlot && t.isVisible && t.firstPlot.value !== null ? (u(), r("circle", {
1174
- key: 3,
1175
- cx: t.firstPlot.x,
1176
- cy: t.firstPlot.y,
1177
- r: "2",
1178
- fill: b.value
1179
- }, null, 8, Ca)) : c("", !0),
1180
- t && t.lastPlot && t.isVisible && t.lastPlot.value !== null ? (u(), r("circle", {
1181
- key: 4,
1182
- cx: t.lastPlot.x,
1183
- cy: t.lastPlot.y,
1184
- "stroke-width": "0.5",
1185
- stroke: b.value,
1186
- r: "4",
1187
- fill: t.color
1188
- }, null, 8, Na)) : c("", !0),
1189
- t && t.lastPlot && t.isVisible && t.lastPlot.value !== null ? (u(), r("circle", {
1190
- key: 5,
1191
- cx: t.lastPlot.x,
1192
- cy: t.lastPlot.y,
1193
- r: "2",
1194
- fill: b.value
1195
- }, null, 8, Pa)) : c("", !0)
1196
- ]))), 128)),
1197
- (u(!0), r(M, null, S(I.value.filter((t) => t.type === "plot"), (t) => (u(), r("g", {
1198
- key: String(t.key)
1199
- }, [
1200
- (u(!0), r(M, null, S(t.points, (i) => (u(), r("g", null, [
1201
- t.isVisible && n.cutNullValues && i.value !== null ? (u(), r("circle", {
1202
- key: `sel-plot-${t.key}-${i.i}`,
1203
- cx: i.x,
1204
- cy: i.y,
1205
- r: "2.5",
1206
- fill: t.color,
1207
- stroke: b.value,
1208
- "stroke-width": "0.5"
1209
- }, null, 8, La)) : c("", !0)
1210
- ]))), 256))
1211
- ]))), 128))
1212
- ]))
1213
- ], 64)),
1214
- (u(!0), r(M, null, S(qe.value, (t, i) => (u(), r("rect", {
1215
- x: w.value * i - (n.minimapCompact ? w.value / 2 : 0),
1216
- y: 0,
1217
- height: Math.max(d.value.height, 0),
1218
- width: w.value < 0 ? 0 : w.value,
1219
- fill: "transparent",
1220
- style: L([{ "pointer-events": "all !important" }, { cursor: t >= K.value && t < G.value && n.enableSelectionDrag ? X.value ? "grabbing" : "grab" : "default" }]),
1221
- onMousedown: l[2] || (l[2] = (o) => X.value = !0),
1222
- onMouseup: l[3] || (l[3] = (o) => X.value = !1),
1223
- onMouseenter: (o) => Gt(t),
1224
- onMouseleave: l[4] || (l[4] = (o) => {
1225
- W.value = null, E("trapMouse", null);
1226
- })
1227
- }, null, 44, Aa))), 256))
1228
- ], 8, Wl))
1229
- ])) : c("", !0),
1230
- F("div", {
1231
- class: "slider-track",
1232
- style: L({ visibility: x.value && n.minimapCompact ? "hidden" : "visible" })
1233
- }, null, 4),
1234
- F("div", {
1235
- class: te({ "range-highlight": !0, move: n.enableSelectionDrag }),
1236
- onMousedown: l[5] || (l[5] = (t) => X.value = !0),
1237
- onMouseup: l[6] || (l[6] = (t) => X.value = !1),
1238
- style: L({
1239
- ...R.value,
1240
- cursor: X.value ? "grabbing" : "grab",
1241
- visibility: x.value && n.minimapCompact ? "hidden" : "visible"
1242
- })
1243
- }, null, 38),
1244
- n.enableRangeHandles ? Lt((u(), r("input", {
1245
- key: 1,
1246
- "aria-label": "range-handle-left",
1247
- ref_key: "rangeStart",
1248
- ref: ae,
1249
- type: "range",
1250
- class: te({
1251
- "range-left": !0,
1252
- "range-handle": !0,
1253
- "range-minimap": x.value && n.verticalHandles,
1254
- "range-invisible": x.value && n.minimapCompact
1255
- }),
1256
- min: n.min,
1257
- max: n.minimapCompact && x.value ? Math.max(0, Y.value - 1) : n.max,
1258
- tabindex: x.value ? -1 : 0,
1259
- "onUpdate:modelValue": l[7] || (l[7] = (t) => fe.value = t),
1260
- onFocus: l[8] || (l[8] = (t) => x.value && t.target.blur()),
1261
- onInput: l[9] || (l[9] = (t) => fe.value = t.target.valueAsNumber),
1262
- onChange: A,
1263
- onKeyup: At(A, ["enter"]),
1264
- onBlur: A,
1265
- onMouseenter: l[10] || (l[10] = (t) => ht("start")),
1266
- onPointerup: A
1267
- }, null, 42, $a)), [
1268
- [
1269
- $t,
1270
- fe.value,
1271
- void 0,
1272
- { number: !0 }
1273
- ]
1274
- ]) : c("", !0),
1275
- n.enableRangeHandles ? Lt((u(), r("input", {
1276
- key: 2,
1277
- "aria-label": "range-handle-right",
1278
- ref_key: "rangeEnd",
1279
- ref: ne,
1280
- type: "range",
1281
- class: te({
1282
- "range-right": !0,
1283
- "range-handle": !0,
1284
- "range-minimap": x.value && n.verticalHandles,
1285
- "range-invisible": x.value && n.minimapCompact
1286
- }),
1287
- min: n.min,
1288
- max: n.minimapCompact && x.value ? Math.max(0, Y.value - 1) : n.max,
1289
- tabindex: x.value ? -1 : 0,
1290
- onFocus: l[11] || (l[11] = (t) => x.value && t.target.blur()),
1291
- "onUpdate:modelValue": l[12] || (l[12] = (t) => ge.value = t),
1292
- onInput: l[13] || (l[13] = (t) => ge.value = t.target.valueAsNumber),
1293
- onChange: A,
1294
- onKeyup: At(A, ["enter"]),
1295
- onBlur: A,
1296
- onMouseenter: l[14] || (l[14] = (t) => ht("end")),
1297
- onPointerup: A
1298
- }, null, 42, Fa)), [
1299
- [
1300
- $t,
1301
- ge.value,
1302
- void 0,
1303
- { number: !0 }
1304
- ]
1305
- ]) : c("", !0),
1306
- k.value.left ? (u(), r("div", {
1307
- key: 3,
1308
- ref_key: "tooltipLeft",
1309
- ref: ue,
1310
- class: te({
1311
- "range-tooltip": !0,
1312
- "range-tooltip-visible": _.value,
1313
- "range-tooltip-arrow": R.value.arrowLeft && !n.verticalHandles,
1314
- "range-tooltip-arrow-left": !R.value.arrowLeft && !n.verticalHandles
1315
- }),
1316
- style: L({
1317
- left: R.value.tooltipLeft,
1318
- color: ke(Ke)(n.selectColor),
1319
- backgroundColor: n.selectColor,
1320
- border: `1px solid ${b.value}`,
1321
- zIndex: `${dt.value + 4}`,
1322
- visibility: se.value || k.value.left === k.value.right ? "hidden" : "visible",
1323
- top: x.value && n.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1324
- })
1325
- }, Xe(k.value.left), 7)) : c("", !0),
1326
- (se.value || k.value.left === k.value.right) && (k.value.left || k.value.right) ? (u(), r("div", {
1327
- key: 4,
1328
- ref: "tooltipMerge",
1329
- class: te({
1330
- "range-tooltip": !0,
1331
- "range-tooltip-visible": _.value,
1332
- "range-tooltip-arrow": !0,
1333
- "range-tooltip-arrow-left": !R.value.arrowLeft && !n.verticalHandles,
1334
- "range-tooltip-arrow-right": !R.value.arrowRight && !n.verticalHandles
1335
- }),
1336
- style: L({
1337
- left: R.value.tooltipCenter,
1338
- width: ce.value.width + "px",
1339
- color: ke(Ke)(n.selectColor),
1340
- backgroundColor: n.selectColor,
1341
- border: `1px solid ${b.value}`,
1342
- zIndex: "4",
1343
- top: x.value && n.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1344
- })
1345
- }, Xe(k.value.left === k.value.right ? k.value.left : `${k.value.left} - ${k.value.right}`), 7)) : c("", !0),
1346
- k.value.right ? (u(), r("div", {
1347
- key: 5,
1348
- ref_key: "tooltipRight",
1349
- ref: re,
1350
- class: te({
1351
- "range-tooltip": !0,
1352
- "range-tooltip-visible": _.value,
1353
- "range-tooltip-arrow": R.value.arrowRight && !n.verticalHandles,
1354
- "range-tooltip-arrow-right": !R.value.arrowRight && !n.verticalHandles
1355
- }),
1356
- style: L({
1357
- left: R.value.tooltipRight,
1358
- color: ke(Ke)(n.selectColor),
1359
- backgroundColor: n.selectColor,
1360
- border: `1px solid ${b.value}`,
1361
- zIndex: "4",
1362
- visibility: se.value || k.value.left === k.value.right ? "hidden" : "visible",
1363
- top: x.value && n.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1364
- })
1365
- }, Xe(k.value.right), 7)) : c("", !0)
1366
- ], 36)
1367
- ], 44, Tl));
1368
- }
1369
- }, Va = /* @__PURE__ */ Rl(Ra, [["__scopeId", "data-v-060b5d70"]]);
1370
- export {
1371
- Va as S
1372
- };