vue-data-ui 3.20.9 → 3.20.11
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.
- package/dist/{PackageVersion-CmKUFcwh.js → PackageVersion-eS823iMF.js} +1 -1
- package/dist/SlicerPreview-By4kBVCY.js +1676 -0
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-bump.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dag.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-geo.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-stackline.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/style.css +1 -1
- package/dist/{vue-data-ui-BSpoS20D.js → vue-data-ui-0t8DsSSW.js} +61 -61
- package/dist/vue-data-ui.js +64 -64
- package/dist/{vue-ui-3d-bar-D024eh9a.js → vue-ui-3d-bar-D1dX4mDU.js} +1 -1
- package/dist/{vue-ui-age-pyramid-BqyQ2Cok.js → vue-ui-age-pyramid-BYIxO-rR.js} +1 -1
- package/dist/{vue-ui-bullet-Cvqw7WYu.js → vue-ui-bullet-B65T4IyK.js} +1 -1
- package/dist/{vue-ui-bump-J-UuSmQh.js → vue-ui-bump-CE8VRCs2.js} +1 -1
- package/dist/{vue-ui-candlestick-BnAVc5_h.js → vue-ui-candlestick-B4tkLoQe.js} +2 -2
- package/dist/{vue-ui-carousel-table-JlfYfTAg.js → vue-ui-carousel-table-DB1kG5AJ.js} +1 -1
- package/dist/{vue-ui-chestnut-vobCcg4_.js → vue-ui-chestnut-CXzK4gsf.js} +1 -1
- package/dist/{vue-ui-chord-CEddjOc-.js → vue-ui-chord-BhuABwXT.js} +1 -1
- package/dist/{vue-ui-circle-pack-CiXhHgVT.js → vue-ui-circle-pack-SCxS2mrl.js} +1 -1
- package/dist/{vue-ui-cursor-Dqmc1hs-.js → vue-ui-cursor-DT8uNrQa.js} +1 -1
- package/dist/{vue-ui-dag-CpS4yLsg.js → vue-ui-dag-CK30vhll.js} +1 -1
- package/dist/{vue-ui-dashboard-BXQpAD1s.js → vue-ui-dashboard-Cf21Q0H0.js} +58 -58
- package/dist/{vue-ui-digits-hNYMWdKd.js → vue-ui-digits-DiapBzIK.js} +1 -1
- package/dist/{vue-ui-donut-HJ0NKH1V.js → vue-ui-donut-DrM628Ge.js} +1 -1
- package/dist/{vue-ui-donut-evolution-BWiPV0Tm.js → vue-ui-donut-evolution-CIXY4tKY.js} +1 -1
- package/dist/{vue-ui-dumbbell-spLJ9JNd.js → vue-ui-dumbbell-B8V84XkY.js} +1 -1
- package/dist/{vue-ui-flow-8cqVvhP2.js → vue-ui-flow-uPuvDSxv.js} +1 -1
- package/dist/{vue-ui-funnel-CfHtjEj_.js → vue-ui-funnel-CCy9NFKa.js} +1 -1
- package/dist/{vue-ui-galaxy-DrtwzQ3c.js → vue-ui-galaxy-BjoOO1lq.js} +1 -1
- package/dist/{vue-ui-gauge-BDBOAwIq.js → vue-ui-gauge-DbV0oQs3.js} +1 -1
- package/dist/{vue-ui-geo-Ct09zefu.js → vue-ui-geo-C8FXD9it.js} +1 -1
- package/dist/{vue-ui-gizmo-CF1VPTPK.js → vue-ui-gizmo-BiLdRUEw.js} +1 -1
- package/dist/{vue-ui-heatmap-B4B21GPM.js → vue-ui-heatmap-D3ewCJX6.js} +1 -1
- package/dist/{vue-ui-history-plot-DdghdOHn.js → vue-ui-history-plot-BpyvvMPA.js} +1 -1
- package/dist/{vue-ui-horizontal-bar-tmd6KVIi.js → vue-ui-horizontal-bar-DoCvNzdC.js} +1 -1
- package/dist/{vue-ui-kpi-CN6_muTB.js → vue-ui-kpi-YCPfpGty.js} +1 -1
- package/dist/{vue-ui-molecule-DXuMRA0C.js → vue-ui-molecule-IFNTvQdE.js} +1 -1
- package/dist/{vue-ui-mood-radar-Bx2S6yeC.js → vue-ui-mood-radar-81X63j-D.js} +1 -1
- package/dist/{vue-ui-nested-donuts-BLv-N1Ha.js → vue-ui-nested-donuts-C1j-h8RW.js} +1 -1
- package/dist/{vue-ui-onion-Xk2olRa-.js → vue-ui-onion-CZLJxedN.js} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-DBltp4ii.js → vue-ui-parallel-coordinate-plot-Czndz3oA.js} +1 -1
- package/dist/{vue-ui-quadrant-C95_irsF.js → vue-ui-quadrant-LwMr7DKL.js} +1 -1
- package/dist/{vue-ui-quick-chart-BhfLpyQB.js → vue-ui-quick-chart-C20W7LNY.js} +1 -1
- package/dist/{vue-ui-radar-Byul1CzU.js → vue-ui-radar-Dxopl3RI.js} +1 -1
- package/dist/{vue-ui-relation-circle-RVYY4x_w.js → vue-ui-relation-circle-CMRXow6X.js} +1 -1
- package/dist/{vue-ui-ridgeline-CIDhyB98.js → vue-ui-ridgeline-B5BRKUoc.js} +1 -1
- package/dist/{vue-ui-rings-D-CB0M9S.js → vue-ui-rings-DVA3hiUL.js} +1 -1
- package/dist/{vue-ui-scatter-fVKKzjsm.js → vue-ui-scatter-DcveiIfl.js} +1 -1
- package/dist/{vue-ui-skeleton-reB7WIVX.js → vue-ui-skeleton-DxXA3XSP.js} +1 -1
- package/dist/{vue-ui-spark-trend-BY_3zqih.js → vue-ui-spark-trend-B3mkyeZ3.js} +1 -1
- package/dist/{vue-ui-sparkbar-BamIkGuh.js → vue-ui-sparkbar-BlmV-ndv.js} +1 -1
- package/dist/{vue-ui-sparkgauge-DrfGEdZr.js → vue-ui-sparkgauge-DKRJDqAS.js} +1 -1
- package/dist/{vue-ui-sparkhistogram-CyuHfUIV.js → vue-ui-sparkhistogram-BNiXxI65.js} +1 -1
- package/dist/{vue-ui-sparkline-Dp90_uPz.js → vue-ui-sparkline-C5EDZIAt.js} +1 -1
- package/dist/{vue-ui-sparkstackbar-BaqjgMU7.js → vue-ui-sparkstackbar-C6qMimoL.js} +1 -1
- package/dist/{vue-ui-stackbar-BP_jVdDa.js → vue-ui-stackbar-C7jTnGyT.js} +2 -2
- package/dist/{vue-ui-stackline-BFgV-b6g.js → vue-ui-stackline-fdOF6lLn.js} +2 -2
- package/dist/{vue-ui-strip-plot-CtCxmnTE.js → vue-ui-strip-plot-CvjdxEOT.js} +1 -1
- package/dist/{vue-ui-table-CTsFoA0W.js → vue-ui-table-B0zkvlw5.js} +12 -12
- package/dist/{vue-ui-table-sparkline-BFeNK6gz.js → vue-ui-table-sparkline-BQjo2sbB.js} +1 -1
- package/dist/{vue-ui-thermometer-B2bVAg-x.js → vue-ui-thermometer-CVhxnkN-.js} +1 -1
- package/dist/{vue-ui-timer-Cki5QYSJ.js → vue-ui-timer-Cimuw9rF.js} +1 -1
- package/dist/{vue-ui-tiremarks-BRHPSHXv.js → vue-ui-tiremarks-CSPL1oli.js} +1 -1
- package/dist/{vue-ui-treemap-BKZkR810.js → vue-ui-treemap-BWivpffU.js} +1 -1
- package/dist/{vue-ui-waffle-zLeNZlJY.js → vue-ui-waffle-FmLPDL2g.js} +1 -1
- package/dist/{vue-ui-wheel-Dbp2p838.js → vue-ui-wheel-BjdVO5f4.js} +1 -1
- package/dist/{vue-ui-word-cloud-Dgl2Gfyr.js → vue-ui-word-cloud-hhjEM6ee.js} +1 -1
- package/dist/{vue-ui-world-BjwSut9R.js → vue-ui-world-H9HX6smc.js} +1 -1
- package/dist/{vue-ui-xy-canvas-DFNKh8Tu.js → vue-ui-xy-canvas-kbP-mjEo.js} +1 -1
- package/dist/{vue-ui-xy-CXjPw-9e.js → vue-ui-xy-omDIF90L.js} +1001 -1004
- package/package.json +2 -2
- package/dist/SlicerPreview-DdihbUSJ.js +0 -1668
|
@@ -1,1668 +0,0 @@
|
|
|
1
|
-
import { F as e, H as t, I as n, L as r, Vt as i, j as a, k as o, pt as ee, r as te, t as ne } from "./lib-DUeYQsS0.js";
|
|
2
|
-
import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
3
|
-
import { c, r as re } from "./canvas-lib-BOP_HS11.js";
|
|
4
|
-
import { t as l } from "./useResponsive-BfnK0KxU.js";
|
|
5
|
-
import { t as ie } from "./BaseIcon-DfLoHNUj.js";
|
|
6
|
-
import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as ae, mergeProps as oe, nextTick as se, normalizeClass as h, normalizeProps as ce, normalizeStyle as g, onBeforeUnmount as le, onMounted as ue, onUpdated as de, openBlock as _, ref as v, renderList as y, renderSlot as fe, toDisplayString as pe, unref as me, useCssVars as he, vModelText as ge, watch as b, withDirectives as _e, withKeys as ve, withModifiers as ye } from "vue";
|
|
7
|
-
//#region src/atoms/SlicerPreview.vue
|
|
8
|
-
var be = ["data-minimap"], xe = {
|
|
9
|
-
class: "vue-data-ui-slicer-labels",
|
|
10
|
-
style: {
|
|
11
|
-
position: "relative",
|
|
12
|
-
"z-index": "1",
|
|
13
|
-
"pointer-events": "none"
|
|
14
|
-
}
|
|
15
|
-
}, Se = {
|
|
16
|
-
key: 0,
|
|
17
|
-
style: {
|
|
18
|
-
width: "100%",
|
|
19
|
-
position: "relative",
|
|
20
|
-
"pointer-events": "all"
|
|
21
|
-
}
|
|
22
|
-
}, Ce = {
|
|
23
|
-
key: 0,
|
|
24
|
-
class: "minimap",
|
|
25
|
-
style: { width: "100%" }
|
|
26
|
-
}, we = ["xmlns", "viewBox"], Te = ["id"], Ee = ["stop-color"], De = ["id"], Oe = [
|
|
27
|
-
"x",
|
|
28
|
-
"width",
|
|
29
|
-
"height"
|
|
30
|
-
], ke = [
|
|
31
|
-
"width",
|
|
32
|
-
"height",
|
|
33
|
-
"stroke"
|
|
34
|
-
], Ae = ["d", "stroke"], je = ["d", "fill"], Me = [
|
|
35
|
-
"x",
|
|
36
|
-
"y",
|
|
37
|
-
"width",
|
|
38
|
-
"height",
|
|
39
|
-
"fill"
|
|
40
|
-
], Ne = [
|
|
41
|
-
"d",
|
|
42
|
-
"stroke",
|
|
43
|
-
"stroke-dasharray"
|
|
44
|
-
], Pe = [
|
|
45
|
-
"cx",
|
|
46
|
-
"cy",
|
|
47
|
-
"fill",
|
|
48
|
-
"stroke"
|
|
49
|
-
], Fe = [
|
|
50
|
-
"cx",
|
|
51
|
-
"cy",
|
|
52
|
-
"fill",
|
|
53
|
-
"stroke"
|
|
54
|
-
], Ie = [
|
|
55
|
-
"x",
|
|
56
|
-
"width",
|
|
57
|
-
"height",
|
|
58
|
-
"fill",
|
|
59
|
-
"rx"
|
|
60
|
-
], Le = [
|
|
61
|
-
"x",
|
|
62
|
-
"width",
|
|
63
|
-
"height",
|
|
64
|
-
"rx",
|
|
65
|
-
"fill"
|
|
66
|
-
], Re = [
|
|
67
|
-
"x",
|
|
68
|
-
"width",
|
|
69
|
-
"height",
|
|
70
|
-
"fill",
|
|
71
|
-
"rx",
|
|
72
|
-
"aria-valuemin",
|
|
73
|
-
"aria-valuemax",
|
|
74
|
-
"aria-valuenow",
|
|
75
|
-
"aria-valuetext"
|
|
76
|
-
], ze = [
|
|
77
|
-
"x2",
|
|
78
|
-
"y1",
|
|
79
|
-
"y2",
|
|
80
|
-
"stroke"
|
|
81
|
-
], Be = { key: "merged-tree" }, Ve = ["d", "stroke"], He = [
|
|
82
|
-
"cx",
|
|
83
|
-
"cy",
|
|
84
|
-
"stroke",
|
|
85
|
-
"fill"
|
|
86
|
-
], Ue = [
|
|
87
|
-
"cx",
|
|
88
|
-
"cy",
|
|
89
|
-
"stroke",
|
|
90
|
-
"fill"
|
|
91
|
-
], We = { key: "split-tree" }, Ge = [
|
|
92
|
-
"x",
|
|
93
|
-
"y",
|
|
94
|
-
"width",
|
|
95
|
-
"height",
|
|
96
|
-
"fill"
|
|
97
|
-
], Ke = [
|
|
98
|
-
"d",
|
|
99
|
-
"stroke",
|
|
100
|
-
"stroke-dasharray"
|
|
101
|
-
], qe = [
|
|
102
|
-
"cx",
|
|
103
|
-
"cy",
|
|
104
|
-
"fill",
|
|
105
|
-
"stroke"
|
|
106
|
-
], Je = ["width", "height"], Ye = [
|
|
107
|
-
"x",
|
|
108
|
-
"width",
|
|
109
|
-
"height",
|
|
110
|
-
"fill",
|
|
111
|
-
"stroke",
|
|
112
|
-
"stroke-width"
|
|
113
|
-
], Xe = ["transform"], Ze = ["width", "height"], Qe = ["fill", "stroke"], $e = ["stroke"], et = ["fill"], tt = [
|
|
114
|
-
"x",
|
|
115
|
-
"width",
|
|
116
|
-
"height",
|
|
117
|
-
"fill",
|
|
118
|
-
"stroke",
|
|
119
|
-
"stroke-width"
|
|
120
|
-
], nt = ["transform"], rt = ["width", "height"], it = ["fill", "stroke"], at = ["stroke"], ot = ["fill"], st = {
|
|
121
|
-
key: "merged-tree",
|
|
122
|
-
style: { "pointer-events": "none" }
|
|
123
|
-
}, ct = [
|
|
124
|
-
"cx",
|
|
125
|
-
"cy",
|
|
126
|
-
"stroke",
|
|
127
|
-
"fill"
|
|
128
|
-
], lt = [
|
|
129
|
-
"cx",
|
|
130
|
-
"cy",
|
|
131
|
-
"fill"
|
|
132
|
-
], ut = [
|
|
133
|
-
"cx",
|
|
134
|
-
"cy",
|
|
135
|
-
"stroke",
|
|
136
|
-
"fill"
|
|
137
|
-
], dt = [
|
|
138
|
-
"cx",
|
|
139
|
-
"cy",
|
|
140
|
-
"fill"
|
|
141
|
-
], ft = {
|
|
142
|
-
key: 1,
|
|
143
|
-
style: { "pointer-events": "none" }
|
|
144
|
-
}, pt = [
|
|
145
|
-
"d",
|
|
146
|
-
"stroke",
|
|
147
|
-
"stroke-dasharray"
|
|
148
|
-
], mt = [
|
|
149
|
-
"cx",
|
|
150
|
-
"cy",
|
|
151
|
-
"fill",
|
|
152
|
-
"stroke"
|
|
153
|
-
], ht = [
|
|
154
|
-
"cx",
|
|
155
|
-
"cy",
|
|
156
|
-
"stroke",
|
|
157
|
-
"fill"
|
|
158
|
-
], gt = [
|
|
159
|
-
"cx",
|
|
160
|
-
"cy",
|
|
161
|
-
"fill"
|
|
162
|
-
], _t = [
|
|
163
|
-
"cx",
|
|
164
|
-
"cy",
|
|
165
|
-
"stroke",
|
|
166
|
-
"fill"
|
|
167
|
-
], vt = [
|
|
168
|
-
"cx",
|
|
169
|
-
"cy",
|
|
170
|
-
"fill"
|
|
171
|
-
], yt = [
|
|
172
|
-
"cx",
|
|
173
|
-
"cy",
|
|
174
|
-
"fill",
|
|
175
|
-
"stroke"
|
|
176
|
-
], bt = [
|
|
177
|
-
"step",
|
|
178
|
-
"min",
|
|
179
|
-
"max",
|
|
180
|
-
"tabindex"
|
|
181
|
-
], xt = [
|
|
182
|
-
"step",
|
|
183
|
-
"min",
|
|
184
|
-
"max",
|
|
185
|
-
"tabindex"
|
|
186
|
-
], St = {
|
|
187
|
-
key: 3,
|
|
188
|
-
class: "minimap-handle-overlay"
|
|
189
|
-
}, Ct = ["xmlns", "viewBox"], wt = [
|
|
190
|
-
"x",
|
|
191
|
-
"width",
|
|
192
|
-
"height"
|
|
193
|
-
], Tt = [
|
|
194
|
-
"x",
|
|
195
|
-
"width",
|
|
196
|
-
"height"
|
|
197
|
-
], Et = 48, Dt = /* @__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: Dt, emit: Ot }) {
|
|
426
|
-
he((e) => ({
|
|
427
|
-
v2549f374: en.value,
|
|
428
|
-
f55ee28c: P.value,
|
|
429
|
-
v7f47a8ab: nn.value,
|
|
430
|
-
v6585cfea: s.selectColor,
|
|
431
|
-
f7c79510: tn.value,
|
|
432
|
-
v4dc4f52a: x.additionalMinimapHeight
|
|
433
|
-
}));
|
|
434
|
-
let x = s;
|
|
435
|
-
function kt(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), At = v(t()), E = v(!1), jt = d(() => T.value && x.minimapCompact), D = 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 I.value.width * (Rt(e) / 100);
|
|
445
|
-
}
|
|
446
|
-
function Bt(e) {
|
|
447
|
-
let t = Math.min(1, Math.max(0, e / Math.max(1, I.value.width)));
|
|
448
|
-
return kt(Number(x.min) + Lt.value * t);
|
|
449
|
-
}
|
|
450
|
-
function Vt(e) {
|
|
451
|
-
return x.useValueRange ? Number(e?.y) : Number(e);
|
|
452
|
-
}
|
|
453
|
-
function Ht(e, t) {
|
|
454
|
-
return x.useValueRange ? Number(e?.x) : t + Number(x.min);
|
|
455
|
-
}
|
|
456
|
-
function Ut(e, t) {
|
|
457
|
-
return x.useValueRange ? zt(Ht(e, t)) : V.value * t + (x.minimapCompact ? 0 : V.value / 2);
|
|
458
|
-
}
|
|
459
|
-
let Wt = d(() => Math.min(40, Math.max(20, x.handleWidth))), Gt = v(0), Kt = c((e) => M("futureStart", e), 0), qt = c((e) => M("futureEnd", e), 0), O = d(() => x.precision > 0 ? 1 / 10 ** x.precision : 1), k = d({
|
|
460
|
-
get: () => C.value,
|
|
461
|
-
set(e) {
|
|
462
|
-
let t = Math.min(Number(e), Number(w.value) - O.value);
|
|
463
|
-
t !== C.value && (C.value = t, In.value && (In.value.value = String(t)), x.immediate ? M("update:start", Number(t)) : E.value && Kt(t));
|
|
464
|
-
}
|
|
465
|
-
}), A = d({
|
|
466
|
-
get: () => w.value,
|
|
467
|
-
set(e) {
|
|
468
|
-
let t = Math.max(Number(e), Number(C.value) + O.value);
|
|
469
|
-
t !== w.value && (w.value = t, Ln.value && (Ln.value.value = String(t)), x.immediate ? M("update:end", Number(t)) : E.value && qt(t));
|
|
470
|
-
}
|
|
471
|
-
});
|
|
472
|
-
function j() {
|
|
473
|
-
clearTimeout(null), x.immediate || (M("update:start", Number(C.value)), M("update:end", Number(w.value))), E.value = !1;
|
|
474
|
-
}
|
|
475
|
-
let Jt = d(() => x.refreshEndPoint === null ? x.max : x.refreshEndPoint), M = Ot, Yt = d(() => {
|
|
476
|
-
if (x.useValueRange) return Rt(C.value);
|
|
477
|
-
if (jt.value) {
|
|
478
|
-
let e = Math.max(1, R.value - 1);
|
|
479
|
-
return On.value / e * 100;
|
|
480
|
-
}
|
|
481
|
-
let e = Math.max(1, x.max - x.min);
|
|
482
|
-
return (C.value - x.min) / e * 100;
|
|
483
|
-
}), Xt = d(() => {
|
|
484
|
-
if (x.useValueRange) return Rt(w.value);
|
|
485
|
-
if (jt.value) {
|
|
486
|
-
let e = Math.max(1, R.value - 1);
|
|
487
|
-
return kn.value / e * 100;
|
|
488
|
-
}
|
|
489
|
-
let e = Math.max(1, x.max - x.min);
|
|
490
|
-
return (w.value - x.min) / e * 100;
|
|
491
|
-
}), Zt = d(() => (Yt.value + Xt.value) / 2), Qt = d(() => {
|
|
492
|
-
if (!S.value) return !1;
|
|
493
|
-
let e = Math.max(1, x.max - x.min);
|
|
494
|
-
return S.value.getBoundingClientRect().width * ((C.value - x.min) / e) - fr.value / 2 < 0;
|
|
495
|
-
}), $t = d(() => {
|
|
496
|
-
if (!S.value) return !1;
|
|
497
|
-
let e = Math.max(1, x.max - x.min), t = S.value.getBoundingClientRect().width;
|
|
498
|
-
return t * ((w.value - x.min) / e) + pr.value / 2 > t;
|
|
499
|
-
}), N = d(() => {
|
|
500
|
-
let e = $t.value ? `calc(${Zt.value}% - ${yr.value.width}px)` : Qt.value ? `calc(${Zt.value}% - 8px)` : `calc(${Zt.value}% - ${yr.value.width / 2}px)`;
|
|
501
|
-
return {
|
|
502
|
-
left: `${Yt.value}%`,
|
|
503
|
-
width: `${Math.max(0, Xt.value - Yt.value)}%`,
|
|
504
|
-
background: x.selectColor,
|
|
505
|
-
tooltipLeft: `calc(${Yt.value}% - ${Qt.value ? 9 : fr.value / 2}px)`,
|
|
506
|
-
tooltipRight: `calc(${Xt.value}% - ${$t.value ? pr.value - 9 : pr.value / 2}px)`,
|
|
507
|
-
tooltipCenter: e,
|
|
508
|
-
arrowLeft: !Qt.value,
|
|
509
|
-
arrowRight: !$t.value
|
|
510
|
-
};
|
|
511
|
-
}), en = d(() => x.inputColor), tn = d(() => x.background), nn = d(() => `${x.selectColor}33`), P = d(() => x.borderColor), rn = d(() => Number(x.max) > Number(x.min));
|
|
512
|
-
function an() {
|
|
513
|
-
M("reset");
|
|
514
|
-
}
|
|
515
|
-
b(() => x.min, (e) => {
|
|
516
|
-
Number(C.value) < Number(e) && (C.value = Number(e)), Number(w.value) < Number(e) && (w.value = Number(e));
|
|
517
|
-
}), b(() => x.max, (e) => {
|
|
518
|
-
Number(C.value) > Number(e) && (C.value = Number(e)), Number(w.value) > Number(e) && (w.value = Number(e));
|
|
519
|
-
});
|
|
520
|
-
let F = v(null), I = v({
|
|
521
|
-
width: 1,
|
|
522
|
-
height: 1
|
|
523
|
-
}), L = v(null);
|
|
524
|
-
ue(() => {
|
|
525
|
-
if (T.value) {
|
|
526
|
-
let e = c(() => {
|
|
527
|
-
if (!F.value) return;
|
|
528
|
-
let { width: e, height: t } = l({ chart: F.value }), n = Math.max(0, Math.round(e)), r = Math.max(0, Math.round(t - 47));
|
|
529
|
-
(n !== I.value.width || r !== I.value.height) && (I.value.width = n, I.value.height = r + x.additionalMinimapHeight);
|
|
530
|
-
}, 0);
|
|
531
|
-
L.value = new ResizeObserver(e), L.value.observe(F.value);
|
|
532
|
-
}
|
|
533
|
-
}), le(() => {
|
|
534
|
-
L.value && L.value.disconnect();
|
|
535
|
-
});
|
|
536
|
-
let R = d(() => Math.max(1, x.max - x.min));
|
|
537
|
-
function on(e) {
|
|
538
|
-
let t = Math.floor(e - x.min);
|
|
539
|
-
return Math.min(Math.max(0, t), R.value);
|
|
540
|
-
}
|
|
541
|
-
function sn(e) {
|
|
542
|
-
let t = Math.ceil(e - x.min);
|
|
543
|
-
return Math.min(Math.max(0, t), R.value);
|
|
544
|
-
}
|
|
545
|
-
let z = d(() => on(C.value)), B = d(() => sn(w.value)), cn = d(() => Math.max(...x.allMinimaps.map((e) => e.series.length))), ln = d(() => T.value && x.minimapCompact ? 40 : 0), un = d(() => ln.value / 2);
|
|
546
|
-
d(() => Math.max(1, I.value.width - un.value * 2));
|
|
547
|
-
let V = d(() => {
|
|
548
|
-
let e = Math.max(1, cn.value - +!!x.minimapCompact);
|
|
549
|
-
return I.value.width / e;
|
|
550
|
-
}), dn = d(() => x.allMinimaps.length ? x.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), fn = d(() => V.value / (dn.value || 1) * .8);
|
|
551
|
-
function pn(e, t, n) {
|
|
552
|
-
let r = fn.value, i = Math.max(1, dn.value), a = cn.value - 1;
|
|
553
|
-
return n === 0 ? e + r / 2 * t : n === a ? e - r / 2 * (i - t) : e - i * r / 2 + t * r;
|
|
554
|
-
}
|
|
555
|
-
function mn(e, t) {
|
|
556
|
-
return [0, cn.value - 1].includes(t) ? fn.value / 2 : fn.value;
|
|
557
|
-
}
|
|
558
|
-
let hn = d(() => {
|
|
559
|
-
let e = [];
|
|
560
|
-
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));
|
|
561
|
-
return e.length ? {
|
|
562
|
-
min: Math.min(...e),
|
|
563
|
-
max: Math.max(...e)
|
|
564
|
-
} : {
|
|
565
|
-
min: 0,
|
|
566
|
-
max: 1
|
|
567
|
-
};
|
|
568
|
-
}), gn = d(() => {
|
|
569
|
-
if (x.minScale == null && x.forceZeroCenter) return null;
|
|
570
|
-
let e = Number(x.minScale);
|
|
571
|
-
return Number.isFinite(e) ? e : null;
|
|
572
|
-
}), _n = d(() => {
|
|
573
|
-
if (x.maxScale == null && x.forceZeroCenter) return null;
|
|
574
|
-
let e = Number(x.maxScale);
|
|
575
|
-
return Number.isFinite(e) ? e : null;
|
|
576
|
-
}), vn = d(() => gn.value !== null && _n.value !== null), yn = d(() => {
|
|
577
|
-
let { min: e, max: t } = hn.value, n = gn.value, r = _n.value, i, a;
|
|
578
|
-
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]), {
|
|
579
|
-
min: i,
|
|
580
|
-
max: a
|
|
581
|
-
};
|
|
582
|
-
}), bn = d(() => yn.value.min), xn = d(() => yn.value.max), Sn = d(() => bn.value < 0 && xn.value > 0 || xn.value <= 0 ? bn.value : 0), Cn = (e) => {
|
|
583
|
-
let t = Math.max(1, I.value.height);
|
|
584
|
-
return Tn(bn.value, xn.value, t, vn.value)(e);
|
|
585
|
-
}, wn = d(() => Cn(0));
|
|
586
|
-
function Tn(e, t, n, r = !1) {
|
|
587
|
-
let i = (e, t, n) => Math.max(t, Math.min(n, e)), a = 1e-9, o = Math.max(a, t - e);
|
|
588
|
-
if (r) return (t) => n - (t - e) / o * n;
|
|
589
|
-
if (t <= 0) {
|
|
590
|
-
let t = Math.max(a, 0 - e);
|
|
591
|
-
return (r) => n - (r - e) / t * n;
|
|
592
|
-
} else if (e >= 0) {
|
|
593
|
-
let e = Math.max(a, t - 0);
|
|
594
|
-
return (t) => n - (t - 0) / e * n;
|
|
595
|
-
} else {
|
|
596
|
-
let r = Math.max(a, Math.max(Math.abs(e), Math.abs(t)));
|
|
597
|
-
return (e) => (1 - (i(e / r, -1, 1) + 1) / 2) * n;
|
|
598
|
-
}
|
|
599
|
-
}
|
|
600
|
-
function En(t, i = !1, ee = !1) {
|
|
601
|
-
if (!t || !t.length) return {
|
|
602
|
-
fullSet: "",
|
|
603
|
-
points: [],
|
|
604
|
-
selectionSet: "",
|
|
605
|
-
sliced: [],
|
|
606
|
-
firstPlot: null,
|
|
607
|
-
lastPlot: null,
|
|
608
|
-
hasFull: !1,
|
|
609
|
-
hasSelection: !1,
|
|
610
|
-
fullMarkers: [],
|
|
611
|
-
selectionMarkers: [],
|
|
612
|
-
dashed: !1
|
|
613
|
-
};
|
|
614
|
-
let te = Math.max(1, I.value.height), ne = Tn(bn.value, xn.value, te, vn.value), s = t.length, c = Math.min(Math.max(0, z.value), Math.max(0, s - 1)), re = Math.min(s, Math.max(c + 1, B.value)), l = t.map((e, t) => {
|
|
615
|
-
let n = Vt(e), r = Number.isFinite(n), i = Ut(e, t), a = ne(vn.value ? ((e, t, n) => Math.max(t, Math.min(n, e)))(0, bn.value, xn.value) : 0);
|
|
616
|
-
return {
|
|
617
|
-
x: i,
|
|
618
|
-
y: r ? ne(n) : NaN,
|
|
619
|
-
v: n,
|
|
620
|
-
value: r ? n : null,
|
|
621
|
-
y0: a,
|
|
622
|
-
i: t,
|
|
623
|
-
xValue: Ht(e, t)
|
|
624
|
-
};
|
|
625
|
-
}), ie = (e) => e >= 0 && e < l.length && Number.isFinite(l[e]?.value), u = l.filter((e) => Number.isFinite(e.value) && !ie(e.i - 1) && !ie(e.i + 1)), d = x.useValueRange ? u.filter((e) => e.xValue >= Number(C.value) && e.xValue <= Number(w.value)) : u.filter((e) => e.i >= c && e.i < re), f = x.useValueRange ? l.filter((e) => e.xValue >= Number(C.value) && e.xValue <= Number(w.value)) : l.slice(c, re);
|
|
626
|
-
return {
|
|
627
|
-
fullSet: l.length >= 2 ? ee ? e(x.cutNullValues ? l : l.filter((e) => e.value != null)) : x.smoothMinimap || i ? x.cutNullValues ? a(l) : o(l.filter((e) => e.value != null)) : x.cutNullValues ? r(l) : n(l.filter((e) => e.value != null)) : "",
|
|
628
|
-
points: l,
|
|
629
|
-
selectionSet: f.length >= 2 ? ee ? e(x.cutNullValues ? f : f.filter((e) => e.value != null)) : x.smoothMinimap || i ? x.cutNullValues ? a(f) : o(f.filter((e) => e.value != null)) : x.cutNullValues ? r(f) : n(f.filter((e) => e.value != null)) : "",
|
|
630
|
-
sliced: f,
|
|
631
|
-
firstPlot: x.useValueRange ? f[0] || null : l[c] || null,
|
|
632
|
-
lastPlot: x.useValueRange ? f[f.length - 1] || null : l[Math.max(0, re - 1)] || null,
|
|
633
|
-
hasFull: l.length >= 2,
|
|
634
|
-
hasSelection: f.length >= 2,
|
|
635
|
-
fullMarkers: u,
|
|
636
|
-
selectionMarkers: d
|
|
637
|
-
};
|
|
638
|
-
}
|
|
639
|
-
let H = d(() => x.minimap.length ? En(x.minimap) : []), U = d(() => x.allMinimaps.length ? x.allMinimaps.map((e, t) => {
|
|
640
|
-
let n = En(e?.series || [], !!e.smooth, !!e.useStepper), r = e?.id ?? e?.name ?? t;
|
|
641
|
-
return {
|
|
642
|
-
key: typeof r == "object" ? JSON.stringify(r) : String(r),
|
|
643
|
-
color: e?.color,
|
|
644
|
-
...n,
|
|
645
|
-
temperatureColors: e?.temperatureColors ?? null,
|
|
646
|
-
isVisible: e.isVisible,
|
|
647
|
-
type: e.type || void 0,
|
|
648
|
-
dashed: e.dashed ?? !1,
|
|
649
|
-
useStepper: !!e.useStepper
|
|
650
|
-
};
|
|
651
|
-
}) : []), W = d(() => {
|
|
652
|
-
if (x.useValueRange) {
|
|
653
|
-
let e = zt(C.value), t = zt(w.value);
|
|
654
|
-
return {
|
|
655
|
-
x: e,
|
|
656
|
-
width: Math.max(0, t - e)
|
|
657
|
-
};
|
|
658
|
-
}
|
|
659
|
-
let e = z.value, t = Math.max(e + 1, B.value);
|
|
660
|
-
return {
|
|
661
|
-
x: V.value * e + (x.minimapCompact ? 0 : V.value / 2),
|
|
662
|
-
width: V.value * (t - e) - V.value
|
|
663
|
-
};
|
|
664
|
-
}), G = v(x.minimapSelectedIndex), Dn = (e) => Math.round(x.min + e), On = d({
|
|
665
|
-
get() {
|
|
666
|
-
return jt.value ? z.value : Number(k.value);
|
|
667
|
-
},
|
|
668
|
-
set(e) {
|
|
669
|
-
if (jt.value) {
|
|
670
|
-
if (x.useValueRange) {
|
|
671
|
-
let t = kt(e);
|
|
672
|
-
Bn(Math.min(Math.max(Number(x.min), t), Number(w.value) - O.value));
|
|
673
|
-
return;
|
|
674
|
-
}
|
|
675
|
-
Bn(Dn(Math.round(+e || 0)));
|
|
676
|
-
} else {
|
|
677
|
-
let t = kt(e), n = Number(w.value) - O.value, r = Math.min(Math.max(x.min, t), n);
|
|
678
|
-
In.value && (In.value.valueAsNumber = r), Bn(r);
|
|
679
|
-
}
|
|
680
|
-
}
|
|
681
|
-
}), kn = d({
|
|
682
|
-
get() {
|
|
683
|
-
return jt.value ? Math.max(z.value, B.value - 1) : Number(A.value);
|
|
684
|
-
},
|
|
685
|
-
set(e) {
|
|
686
|
-
if (jt.value) {
|
|
687
|
-
if (x.useValueRange) {
|
|
688
|
-
let t = kt(e);
|
|
689
|
-
Hn(Math.max(Number(C.value) + O.value, Math.min(t, Number(x.max))));
|
|
690
|
-
return;
|
|
691
|
-
}
|
|
692
|
-
Hn(Dn(Math.round(+e || 0) + 1));
|
|
693
|
-
} else {
|
|
694
|
-
let t = kt(e), n = Number(C.value) + O.value, r = Math.max(n, Math.min(t, x.max));
|
|
695
|
-
Ln.value && (Ln.value.valueAsNumber = r), Hn(r);
|
|
696
|
-
}
|
|
697
|
-
}
|
|
698
|
-
});
|
|
699
|
-
function An(e) {
|
|
700
|
-
if (x.useValueRange) {
|
|
701
|
-
G.value = Number.isFinite(Number(e)) ? zt(Number(e)) : null;
|
|
702
|
-
return;
|
|
703
|
-
}
|
|
704
|
-
G.value = on(x.valueStart) + e;
|
|
705
|
-
}
|
|
706
|
-
let jn = re(An, 60);
|
|
707
|
-
b(() => x.minimapSelectedIndex, (e, t) => {
|
|
708
|
-
if ([null, void 0].includes(e)) {
|
|
709
|
-
G.value = null;
|
|
710
|
-
return;
|
|
711
|
-
}
|
|
712
|
-
e !== t && jn(e);
|
|
713
|
-
}, { immediate: !0 });
|
|
714
|
-
function Mn(e) {
|
|
715
|
-
G.value = e;
|
|
716
|
-
let t = z.value, n = B.value;
|
|
717
|
-
e >= t && e < n && !X.value && M("trapMouse", e - t);
|
|
718
|
-
}
|
|
719
|
-
function Nn(e) {
|
|
720
|
-
let t = Bt(e), n = x.allMinimaps.flatMap((e) => (e.series || []).map((e, n) => ({
|
|
721
|
-
point: e,
|
|
722
|
-
index: n,
|
|
723
|
-
x: Number(e?.x),
|
|
724
|
-
distance: Math.abs(Number(e?.x) - t)
|
|
725
|
-
}))).filter((e) => Number.isFinite(e.x));
|
|
726
|
-
return n.length ? n.reduce((e, t) => t.distance < e.distance ? t : e, n[0]) : null;
|
|
727
|
-
}
|
|
728
|
-
function Pn(e) {
|
|
729
|
-
if (!rn.value) return;
|
|
730
|
-
let t = Fr(e.clientX);
|
|
731
|
-
if (x.useValueRange) {
|
|
732
|
-
let e = Nn(t);
|
|
733
|
-
if (!e) {
|
|
734
|
-
Fn();
|
|
735
|
-
return;
|
|
736
|
-
}
|
|
737
|
-
G.value = zt(e.x), M("trapMouse", e.index), M("trapMouseValue", e.x);
|
|
738
|
-
return;
|
|
739
|
-
}
|
|
740
|
-
Mn(Ir(t));
|
|
741
|
-
}
|
|
742
|
-
function Fn() {
|
|
743
|
-
G.value = null, M("trapMouse", null), M("trapMouseValue", null);
|
|
744
|
-
}
|
|
745
|
-
let In = v(null), Ln = v(null);
|
|
746
|
-
function Rn(e) {
|
|
747
|
-
if (typeof e == "object" && e && "target" in e) {
|
|
748
|
-
let t = e.target, n = "valueAsNumber" in t ? t.valueAsNumber : +t.value;
|
|
749
|
-
return Number.isFinite(n) ? n : NaN;
|
|
750
|
-
}
|
|
751
|
-
let t = +e;
|
|
752
|
-
return Number.isFinite(t) ? t : NaN;
|
|
753
|
-
}
|
|
754
|
-
let zn = 0;
|
|
755
|
-
function Bn(e) {
|
|
756
|
-
E.value = !0;
|
|
757
|
-
let t = Rn(e);
|
|
758
|
-
Number.isFinite(t) && (cancelAnimationFrame(zn), zn = requestAnimationFrame(() => {
|
|
759
|
-
k.value = t;
|
|
760
|
-
}));
|
|
761
|
-
}
|
|
762
|
-
let Vn = 0;
|
|
763
|
-
function Hn(e) {
|
|
764
|
-
E.value = !0;
|
|
765
|
-
let t = Rn(e);
|
|
766
|
-
Number.isFinite(t) && (cancelAnimationFrame(Vn), Vn = requestAnimationFrame(() => {
|
|
767
|
-
A.value = t;
|
|
768
|
-
}));
|
|
769
|
-
}
|
|
770
|
-
le(() => {
|
|
771
|
-
cancelAnimationFrame(zn), cancelAnimationFrame(Vn);
|
|
772
|
-
});
|
|
773
|
-
let Un = d(() => x.valueEnd - x.valueStart), Wn = d(() => Un.value < x.max - x.min), Gn = v(!1), Kn = v(null), qn = d(() => (Gt.value - 48) / (x.max - x.min) * Un.value), Jn = d(() => Math.max(1, Gt.value - Et - qn.value)), Yn = d(() => Math.max(1, x.max - x.min - Un.value)), Xn = d(() => Yn.value / Jn.value), Zn = v(0), Qn = v(0), $n = v(0), er = v(0), K = null, q = null, J = null, Y = null, tr = v(x.min);
|
|
774
|
-
function nr(e) {
|
|
775
|
-
if (!S.value) return x.min;
|
|
776
|
-
let t = S.value.getBoundingClientRect(), n = t.left + Et / 2, r = t.right - Et / 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);
|
|
777
|
-
return Math.round(x.min + a * o);
|
|
778
|
-
}
|
|
779
|
-
let rr = async (e) => {
|
|
780
|
-
if (E.value = !0, Z.value = !0, !x.enableSelectionDrag) return;
|
|
781
|
-
let t = e.type === "touchstart";
|
|
782
|
-
t || e.stopPropagation();
|
|
783
|
-
let n = t && e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null, r = t ? n ? n.target : null : e.target;
|
|
784
|
-
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;
|
|
785
|
-
Gn.value = !0;
|
|
786
|
-
let a = t ? n ? n.clientX : 0 : e.clientX;
|
|
787
|
-
if (Kn.value = a, Zn.value = a, x.focusOnDrag && !Wn.value && S.value) {
|
|
788
|
-
tr.value = nr(a);
|
|
789
|
-
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 = tr.value - r;
|
|
790
|
-
o = Math.max(x.min, Math.min(o, x.max - n));
|
|
791
|
-
let ee = Math.min(x.max, o + n);
|
|
792
|
-
k.value = o, A.value = ee, Kt(o), qt(ee), i(S.value, "mouseup"), await se(), i(S.value, "mousedown", { clientX: a });
|
|
793
|
-
}
|
|
794
|
-
Qn.value = C.value, $n.value = w.value, er.value = Xn.value, K = t ? "touchmove" : "mousemove", q = t ? "touchend" : "mouseup", J = t ? ar : ir, Y = t ? cr : sr, window.addEventListener(K, J, { passive: !1 }), window.addEventListener(q, Y);
|
|
795
|
-
};
|
|
796
|
-
function ir(e) {
|
|
797
|
-
Gn.value && or(e.clientX);
|
|
798
|
-
}
|
|
799
|
-
function ar(e) {
|
|
800
|
-
if (!Gn.value || !S.value) return;
|
|
801
|
-
let t = e.target;
|
|
802
|
-
if (!(t instanceof Element) || !S.value.contains(t) || t.classList && t.classList.contains("range-handle")) return;
|
|
803
|
-
e.preventDefault();
|
|
804
|
-
let n = e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null;
|
|
805
|
-
n && or(n.clientX);
|
|
806
|
-
}
|
|
807
|
-
function or(e) {
|
|
808
|
-
if (!Gn.value) return;
|
|
809
|
-
let t = nr(Zn.value), n = nr(e) - t, r = Math.round(Qn.value + n);
|
|
810
|
-
r = Math.max(x.min, Math.min(r, x.max - Un.value));
|
|
811
|
-
let i = r + Un.value;
|
|
812
|
-
k.value = r, A.value = i, Kt(r), qt(i);
|
|
813
|
-
}
|
|
814
|
-
function sr() {
|
|
815
|
-
lr();
|
|
816
|
-
}
|
|
817
|
-
function cr() {
|
|
818
|
-
lr();
|
|
819
|
-
}
|
|
820
|
-
function lr() {
|
|
821
|
-
Gn.value = !1, K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, j();
|
|
822
|
-
}
|
|
823
|
-
let X = v(!1), ur = v(null), dr = v(null), fr = v(1), pr = v(1), Z = v(!1);
|
|
824
|
-
function mr() {
|
|
825
|
-
if (ur.value) {
|
|
826
|
-
let e = Math.round(ur.value.getBoundingClientRect().width);
|
|
827
|
-
e !== fr.value && (fr.value = e);
|
|
828
|
-
}
|
|
829
|
-
}
|
|
830
|
-
function hr() {
|
|
831
|
-
if (dr.value) {
|
|
832
|
-
let e = Math.round(dr.value.getBoundingClientRect().width);
|
|
833
|
-
e !== pr.value && (pr.value = e);
|
|
834
|
-
}
|
|
835
|
-
}
|
|
836
|
-
de(() => {
|
|
837
|
-
mr(), hr();
|
|
838
|
-
});
|
|
839
|
-
let gr = v(0);
|
|
840
|
-
function _r(e) {
|
|
841
|
-
gr.value = +(e === "start");
|
|
842
|
-
}
|
|
843
|
-
let vr = v(!1), yr = v({
|
|
844
|
-
width: 0,
|
|
845
|
-
left: 0
|
|
846
|
-
});
|
|
847
|
-
b([C, w], async () => {
|
|
848
|
-
if (await se(), !ur.value || !dr.value) {
|
|
849
|
-
vr.value = !1, yr.value = {
|
|
850
|
-
width: 0,
|
|
851
|
-
left: 0
|
|
852
|
-
};
|
|
853
|
-
return;
|
|
854
|
-
}
|
|
855
|
-
let e = ur.value.getBoundingClientRect(), t = dr.value.getBoundingClientRect();
|
|
856
|
-
vr.value = e.x + e.width > t.x;
|
|
857
|
-
let n = e.x + e.width / 2, r = t.x + t.width / 2, i = e.width + t.width;
|
|
858
|
-
yr.value = {
|
|
859
|
-
width: i,
|
|
860
|
-
left: (n + r) / 2 - i / 2
|
|
861
|
-
};
|
|
862
|
-
}), de(() => {
|
|
863
|
-
mr(), hr();
|
|
864
|
-
}), b(() => x.labelLeft, () => {
|
|
865
|
-
se(mr);
|
|
866
|
-
}, { deep: !0 }), b(() => x.labelRight, () => {
|
|
867
|
-
se(hr);
|
|
868
|
-
}, { deep: !0 });
|
|
869
|
-
let Q = d(() => {
|
|
870
|
-
let e = "", t = "", n = !1;
|
|
871
|
-
if (ee(x.customFormat)) try {
|
|
872
|
-
let r = x.customFormat({
|
|
873
|
-
absoluteIndex: C.value,
|
|
874
|
-
seriesIndex: C.value,
|
|
875
|
-
datapoint: x.selectedSeries,
|
|
876
|
-
timeLabel: x.preciseLabels[C.value],
|
|
877
|
-
side: "left"
|
|
878
|
-
}), i = x.customFormat({
|
|
879
|
-
absoluteIndex: It.value,
|
|
880
|
-
seriesIndex: -1,
|
|
881
|
-
datapoint: x.selectedSeries,
|
|
882
|
-
timeLabel: x.useValueRange ? null : x.preciseLabels[It.value],
|
|
883
|
-
side: "right"
|
|
884
|
-
});
|
|
885
|
-
typeof r == "string" && typeof i == "string" && (e = r, t = i, n = !0);
|
|
886
|
-
} catch {
|
|
887
|
-
n = !1;
|
|
888
|
-
}
|
|
889
|
-
if (!n) {
|
|
890
|
-
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);
|
|
891
|
-
e = n ? n.text : "", t = r ? r.text : "";
|
|
892
|
-
}
|
|
893
|
-
return {
|
|
894
|
-
left: e,
|
|
895
|
-
right: t
|
|
896
|
-
};
|
|
897
|
-
});
|
|
898
|
-
le(() => {
|
|
899
|
-
L.value && L.value.disconnect(), K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, clearTimeout(null);
|
|
900
|
-
});
|
|
901
|
-
let br = d(() => {
|
|
902
|
-
if (!rn.value || G.value === null) return null;
|
|
903
|
-
if (x.useValueRange) {
|
|
904
|
-
let e = G.value;
|
|
905
|
-
return e < W.value.x || e > W.value.x + W.value.width ? null : {
|
|
906
|
-
x1: e,
|
|
907
|
-
x2: e,
|
|
908
|
-
y1: 0,
|
|
909
|
-
y2: Math.max(I.value.height, 0),
|
|
910
|
-
stroke: x.minimapIndicatorColor,
|
|
911
|
-
"stroke-linecap": "round",
|
|
912
|
-
"stroke-dasharray": 2,
|
|
913
|
-
"stroke-width": 1
|
|
914
|
-
};
|
|
915
|
-
}
|
|
916
|
-
if (G.value >= z.value && G.value < B.value) {
|
|
917
|
-
let e = G.value, t = V.value * e + (x.minimapCompact ? 0 : V.value / 2);
|
|
918
|
-
return {
|
|
919
|
-
x1: t,
|
|
920
|
-
x2: t,
|
|
921
|
-
y1: 0,
|
|
922
|
-
y2: Math.max(I.value.height, 0),
|
|
923
|
-
stroke: x.minimapIndicatorColor,
|
|
924
|
-
"stroke-linecap": "round",
|
|
925
|
-
"stroke-dasharray": 2,
|
|
926
|
-
"stroke-width": 1
|
|
927
|
-
};
|
|
928
|
-
}
|
|
929
|
-
return null;
|
|
930
|
-
}), xr = d(() => Number(C.value) < Number(w.value) - 1), Sr = d(() => Number(C.value) > Number(x.min)), Cr = d(() => Number(w.value) < Number(x.max)), wr = d(() => Number(w.value) > Number(C.value) + 1);
|
|
931
|
-
function Tr(e) {
|
|
932
|
-
let t = Number(C.value) + e;
|
|
933
|
-
e > 0 && !xr.value || e < 0 && !Sr.value || (E.value = !0, k.value = t, j());
|
|
934
|
-
}
|
|
935
|
-
function Er(e) {
|
|
936
|
-
let t = Number(w.value) + e;
|
|
937
|
-
e > 0 && !Cr.value || e < 0 && !wr.value || (E.value = !0, A.value = t, j());
|
|
938
|
-
}
|
|
939
|
-
let Dr = {
|
|
940
|
-
plus: () => Tr(1),
|
|
941
|
-
minus: () => Tr(-1),
|
|
942
|
-
canPlus: xr,
|
|
943
|
-
canMinus: Sr
|
|
944
|
-
}, Or = {
|
|
945
|
-
plus: () => Er(1),
|
|
946
|
-
minus: () => Er(-1),
|
|
947
|
-
canPlus: Cr,
|
|
948
|
-
canMinus: wr
|
|
949
|
-
};
|
|
950
|
-
function kr(e) {
|
|
951
|
-
if (!e || Ar(e.target)) return;
|
|
952
|
-
let t = e.key, n = t === "ArrowLeft" || t === "ArrowDown" || t === "-" || t === "Subtract", r = t === "ArrowRight" || t === "ArrowUp" || t === "+" || t === "Add";
|
|
953
|
-
!n && !r || (e.preventDefault(), e.stopPropagation(), r ? (Dr.plus(), Or.plus()) : (Dr.minus(), Or.minus()));
|
|
954
|
-
}
|
|
955
|
-
function Ar(e) {
|
|
956
|
-
return e instanceof HTMLElement && (e.isContentEditable || e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT");
|
|
957
|
-
}
|
|
958
|
-
function jr(e) {
|
|
959
|
-
if (!T.value || !x.minimapCompact) return;
|
|
960
|
-
let t = S.value;
|
|
961
|
-
if (!t) return;
|
|
962
|
-
let n = e === "start" ? "[data-cy=\"slicer-compact-handle-left\"]" : "[data-cy=\"slicer-compact-handle-right\"]", r = t.querySelector(n);
|
|
963
|
-
r && r instanceof SVGElement && typeof r.focus == "function" && r.focus();
|
|
964
|
-
}
|
|
965
|
-
function Mr(e, t) {
|
|
966
|
-
if (!t || Ar(t.target)) return;
|
|
967
|
-
let n = t.key, r = n === "ArrowLeft" || n === "ArrowDown" || n === "-" || n === "Subtract", i = n === "ArrowRight" || n === "ArrowUp" || n === "+" || n === "Add";
|
|
968
|
-
!r && !i || (t.preventDefault(), t.stopPropagation(), e === "start" ? i ? Dr.plus() : Dr.minus() : i ? Or.plus() : Or.minus(), se(() => jr(e)));
|
|
969
|
-
}
|
|
970
|
-
let Nr = d(() => ({
|
|
971
|
-
tabindex: 0,
|
|
972
|
-
role: "slider",
|
|
973
|
-
"aria-label": "Range start",
|
|
974
|
-
"aria-valuemin": Number(x.min),
|
|
975
|
-
"aria-valuemax": Math.max(Number(x.min), Number(w.value) - 1),
|
|
976
|
-
"aria-valuenow": Number(C.value)
|
|
977
|
-
})), Pr = d(() => ({
|
|
978
|
-
tabindex: 0,
|
|
979
|
-
role: "slider",
|
|
980
|
-
"aria-label": "Range end",
|
|
981
|
-
"aria-valuemin": Math.min(Number(x.max), Number(C.value) + 1),
|
|
982
|
-
"aria-valuemax": Number(x.max),
|
|
983
|
-
"aria-valuenow": Number(w.value)
|
|
984
|
-
}));
|
|
985
|
-
function Fr(e) {
|
|
986
|
-
if (!Ft.value) return 0;
|
|
987
|
-
let t = Ft.value.getBoundingClientRect();
|
|
988
|
-
return t.width ? (e - t.left) / t.width * I.value.width : 0;
|
|
989
|
-
}
|
|
990
|
-
function Ir(e) {
|
|
991
|
-
let t = (e - (x.minimapCompact ? 0 : V.value / 2)) / Math.max(1, V.value);
|
|
992
|
-
return Math.max(0, Math.min(Math.max(0, R.value - 1), Math.round(t)));
|
|
993
|
-
}
|
|
994
|
-
function Lr(e) {
|
|
995
|
-
if (x.useValueRange) {
|
|
996
|
-
let t = Bt(e);
|
|
997
|
-
if (D.value === "start") {
|
|
998
|
-
let e = Math.min(t, Number(w.value) - O.value);
|
|
999
|
-
k.value = e, Kt(e);
|
|
1000
|
-
return;
|
|
1001
|
-
}
|
|
1002
|
-
if (D.value === "end") {
|
|
1003
|
-
let e = Math.max(Number(C.value) + O.value, t), n = Math.min(Number(x.max), e);
|
|
1004
|
-
A.value = n, qt(n);
|
|
1005
|
-
return;
|
|
1006
|
-
}
|
|
1007
|
-
}
|
|
1008
|
-
let t = Ir(e);
|
|
1009
|
-
if (D.value === "start") {
|
|
1010
|
-
let e = Math.min(x.min + t, Number(w.value) - 1);
|
|
1011
|
-
k.value = e, Kt(e);
|
|
1012
|
-
return;
|
|
1013
|
-
}
|
|
1014
|
-
if (D.value === "end") {
|
|
1015
|
-
let e = Math.max(Number(C.value) + 1, x.min + t + 1), n = Math.min(x.max, e);
|
|
1016
|
-
A.value = n, qt(n);
|
|
1017
|
-
}
|
|
1018
|
-
}
|
|
1019
|
-
function Rr(e) {
|
|
1020
|
-
if (!D.value || !F.value) return;
|
|
1021
|
-
let t = e.clientX - Nt.value;
|
|
1022
|
-
if (!Mt.value) {
|
|
1023
|
-
if (Math.abs(t) < 4) return;
|
|
1024
|
-
Mt.value = !0, E.value = !0, Z.value = !0;
|
|
1025
|
-
}
|
|
1026
|
-
let n = Fr(e.clientX) - Pt.value;
|
|
1027
|
-
Lr(D.value === "start" ? n + Wt.value : n);
|
|
1028
|
-
}
|
|
1029
|
-
function zr() {
|
|
1030
|
-
if (!D.value) return;
|
|
1031
|
-
window.removeEventListener("mousemove", Rr, !0), window.removeEventListener("mouseup", zr, !0);
|
|
1032
|
-
let e = Mt.value;
|
|
1033
|
-
D.value = null, Mt.value = !1, Nt.value = 0, Pt.value = 0, e && j();
|
|
1034
|
-
}
|
|
1035
|
-
function Br(e, t) {
|
|
1036
|
-
if (!T.value || !x.minimapCompact || !F.value) return;
|
|
1037
|
-
t.preventDefault(), t.stopPropagation();
|
|
1038
|
-
let n = Fr(t.clientX), r = e === "start" ? W.value.x - Wt.value : W.value.x + W.value.width;
|
|
1039
|
-
D.value = e, Mt.value = !1, Nt.value = t.clientX, Pt.value = n - r, window.addEventListener("mousemove", Rr, !0), window.addEventListener("mouseup", zr, !0);
|
|
1040
|
-
}
|
|
1041
|
-
let Vr = d(() => z.value), Hr = d(() => Math.max(z.value, B.value - 1));
|
|
1042
|
-
d(() => {
|
|
1043
|
-
if (!T.value || !x.minimapCompact || !x.allMinimaps.length) return [];
|
|
1044
|
-
let e = Vr.value, t = Hr.value;
|
|
1045
|
-
return U.value.flatMap((n) => {
|
|
1046
|
-
if (!n?.isVisible || !["line", "plot"].includes(n.type) || !n.type) return [];
|
|
1047
|
-
let r = [], i = n.points?.find((t) => t.i === e && t.value !== null), a = n.points?.find((e) => e.i === t && e.value !== null);
|
|
1048
|
-
return i && r.push({
|
|
1049
|
-
key: `${n.key}-left-${i.i}`,
|
|
1050
|
-
x: i.x,
|
|
1051
|
-
y: i.y,
|
|
1052
|
-
color: n.color
|
|
1053
|
-
}), a && t !== e && r.push({
|
|
1054
|
-
key: `${n.key}-right-${a.i}`,
|
|
1055
|
-
x: a.x,
|
|
1056
|
-
y: a.y,
|
|
1057
|
-
color: n.color
|
|
1058
|
-
}), r;
|
|
1059
|
-
});
|
|
1060
|
-
});
|
|
1061
|
-
let $ = d(() => Math.min(40, Math.max(20, x.handleWidth))), Ur = d(() => W.value.x - $.value), Wr = d(() => W.value.x + W.value.width);
|
|
1062
|
-
return Dt({
|
|
1063
|
-
setStartValue: Bn,
|
|
1064
|
-
setEndValue: Hn
|
|
1065
|
-
}), (e, t) => (_(), p("div", {
|
|
1066
|
-
"data-minimap": T.value,
|
|
1067
|
-
"data-dom-to-png-ignore": "",
|
|
1068
|
-
style: g([{ padding: "0 48px" }, {
|
|
1069
|
-
maxWidth: s.maxWidth ? s.maxWidth + "px" : void 0,
|
|
1070
|
-
margin: s.maxWidth ? "0 auto" : void 0
|
|
1071
|
-
}]),
|
|
1072
|
-
class: "vue-data-ui-zoom",
|
|
1073
|
-
ref_key: "zoomWrapper",
|
|
1074
|
-
ref: S,
|
|
1075
|
-
onMousedown: rr,
|
|
1076
|
-
onTouchstart: rr
|
|
1077
|
-
}, [m("div", xe, [s.valueStart !== s.refreshStartPoint || s.valueEnd !== Jt.value ? (_(), p("div", Se, [fe(e.$slots, "reset-action", { reset: an }, () => [m("button", {
|
|
1078
|
-
tabindex: "0",
|
|
1079
|
-
role: "button",
|
|
1080
|
-
class: "vue-data-ui-refresh-button",
|
|
1081
|
-
style: g({
|
|
1082
|
-
top: T.value ? "36px" : "-16px",
|
|
1083
|
-
cursor: s.isCursorPointer ? "pointer" : "default"
|
|
1084
|
-
}),
|
|
1085
|
-
onClick: an
|
|
1086
|
-
}, [ae(ie, {
|
|
1087
|
-
name: "refresh",
|
|
1088
|
-
stroke: s.textColor
|
|
1089
|
-
}, null, 8, ["stroke"])], 4)], !0)])) : f("", !0)]), m("div", {
|
|
1090
|
-
class: "double-range-slider",
|
|
1091
|
-
ref_key: "minimapWrapper",
|
|
1092
|
-
ref: F,
|
|
1093
|
-
style: g([{ "z-index": "0" }, T.value ? {
|
|
1094
|
-
"--minimap-unit-px": V.value + "px",
|
|
1095
|
-
"--minimap-offset-px": (s.minimapCompact ? 0 : V.value / 2) + "px"
|
|
1096
|
-
} : void 0]),
|
|
1097
|
-
onMouseenter: t[18] ||= (e) => Z.value = !0,
|
|
1098
|
-
onMouseleave: t[19] ||= (e) => Z.value = !1
|
|
1099
|
-
}, [
|
|
1100
|
-
T.value ? (_(), p("div", Ce, [(_(), p("svg", {
|
|
1101
|
-
ref_key: "minimapSvg",
|
|
1102
|
-
ref: Ft,
|
|
1103
|
-
key: `mm-${s.minimapMerged ? "merged" : "split"}-${s.minimapCompact ? "compact" : "normal"}`,
|
|
1104
|
-
xmlns: me(ne),
|
|
1105
|
-
viewBox: `0 0 ${Math.max(0, I.value.width)} ${Math.max(0, I.value.height)}`,
|
|
1106
|
-
preserveAspectRatio: "none"
|
|
1107
|
-
}, [
|
|
1108
|
-
m("defs", null, [m("linearGradient", {
|
|
1109
|
-
id: At.value,
|
|
1110
|
-
x1: "0%",
|
|
1111
|
-
y1: "0%",
|
|
1112
|
-
x2: "0%",
|
|
1113
|
-
y2: "100%"
|
|
1114
|
-
}, [m("stop", {
|
|
1115
|
-
offset: "0%",
|
|
1116
|
-
"stop-color": `${s.minimapLineColor}50`
|
|
1117
|
-
}, null, 8, Ee), t[20] ||= m("stop", {
|
|
1118
|
-
offset: "100%",
|
|
1119
|
-
"stop-color": "transparent"
|
|
1120
|
-
}, null, -1)], 8, Te), m("clipPath", { id: `selection_clip_${At.value}` }, [m("rect", {
|
|
1121
|
-
x: W.value.x,
|
|
1122
|
-
y: "0",
|
|
1123
|
-
width: Math.max(0, W.value.width),
|
|
1124
|
-
height: Math.max(I.value.height, 0)
|
|
1125
|
-
}, null, 8, Oe)], 8, De)]),
|
|
1126
|
-
s.minimapCompact ? (_(), p("rect", {
|
|
1127
|
-
key: 0,
|
|
1128
|
-
class: "vue-ui-zoom-minimap-frame",
|
|
1129
|
-
x: 0,
|
|
1130
|
-
y: 0,
|
|
1131
|
-
width: I.value.width,
|
|
1132
|
-
height: I.value.height,
|
|
1133
|
-
fill: "none",
|
|
1134
|
-
stroke: s.minimapFrameColor,
|
|
1135
|
-
rx: 3
|
|
1136
|
-
}, null, 8, ke)) : f("", !0),
|
|
1137
|
-
e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 1 }, [s.minimapMerged ? (_(), p("path", {
|
|
1138
|
-
key: 0,
|
|
1139
|
-
d: `M${H.value.fullSet}`,
|
|
1140
|
-
stroke: `${s.minimapLineColor}`,
|
|
1141
|
-
fill: "none",
|
|
1142
|
-
"stroke-width": "1",
|
|
1143
|
-
"stroke-linecap": "round",
|
|
1144
|
-
"stroke-linejoin": "round",
|
|
1145
|
-
style: { opacity: "0.6" }
|
|
1146
|
-
}, null, 8, Ae)) : f("", !0), s.minimapMerged && !s.minimapCompact ? (_(), p("path", {
|
|
1147
|
-
key: 1,
|
|
1148
|
-
d: `M${V.value / 2},${Math.max(I.value.height, 0)} ${H.value.fullSet} L${I.value.width - V.value / 2},${Math.max(I.value.height, 0)}Z`,
|
|
1149
|
-
fill: `url(#${At.value})`,
|
|
1150
|
-
stroke: "none",
|
|
1151
|
-
style: { opacity: "0.6" }
|
|
1152
|
-
}, null, 8, je)) : s.minimapMerged ? f("", !0) : (_(), p(u, { key: 2 }, [
|
|
1153
|
-
(_(!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", {
|
|
1154
|
-
key: 0,
|
|
1155
|
-
x: pn(n.x, t, r),
|
|
1156
|
-
y: n.v >= 0 ? n.y : n.y0,
|
|
1157
|
-
width: mn(t, r),
|
|
1158
|
-
height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
|
|
1159
|
-
fill: e.color,
|
|
1160
|
-
style: { opacity: .6 }
|
|
1161
|
-
}, null, 8, Me)) : f("", !0)], 64))), 256))]))), 256)),
|
|
1162
|
-
(_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e) => (_(), p("g", null, [e.isVisible ? (_(), p("path", {
|
|
1163
|
-
key: 0,
|
|
1164
|
-
d: `M ${e.fullSet}`,
|
|
1165
|
-
fill: "none",
|
|
1166
|
-
stroke: e.color,
|
|
1167
|
-
style: { opacity: "0.6" },
|
|
1168
|
-
"stroke-dasharray": e.dashed ? "2 4" : 0
|
|
1169
|
-
}, null, 8, Ne)) : f("", !0), e.isVisible && s.cutNullValues ? (_(!0), p(u, { key: 1 }, y(e.fullMarkers, (t) => (_(), p("circle", {
|
|
1170
|
-
key: `sel-dot-under-${e.key}-${t.i}`,
|
|
1171
|
-
cx: t.x,
|
|
1172
|
-
cy: t.y,
|
|
1173
|
-
r: "2",
|
|
1174
|
-
fill: e.color,
|
|
1175
|
-
stroke: P.value,
|
|
1176
|
-
"stroke-width": "0.5",
|
|
1177
|
-
style: { opacity: "0.6" }
|
|
1178
|
-
}, null, 8, Pe))), 128)) : f("", !0)]))), 256)),
|
|
1179
|
-
(_(!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", {
|
|
1180
|
-
key: `sel-plot-under-${e.key}-${t.i}`,
|
|
1181
|
-
cx: t.x,
|
|
1182
|
-
cy: t.y,
|
|
1183
|
-
r: "2",
|
|
1184
|
-
fill: e.color,
|
|
1185
|
-
stroke: P.value,
|
|
1186
|
-
"stroke-width": "0.5",
|
|
1187
|
-
style: { opacity: "0.6" }
|
|
1188
|
-
}, null, 8, Fe)) : f("", !0)]))), 256))]))), 256))
|
|
1189
|
-
], 64))], 64)),
|
|
1190
|
-
m("rect", {
|
|
1191
|
-
x: W.value.x,
|
|
1192
|
-
y: 0,
|
|
1193
|
-
width: Math.max(0, W.value.width),
|
|
1194
|
-
height: Math.max(I.value.height, 0),
|
|
1195
|
-
fill: P.value,
|
|
1196
|
-
rx: s.minimapSelectionRadius,
|
|
1197
|
-
stroke: "none"
|
|
1198
|
-
}, null, 8, Ie),
|
|
1199
|
-
m("rect", {
|
|
1200
|
-
x: W.value.x,
|
|
1201
|
-
y: 0,
|
|
1202
|
-
width: W.value.width < 0 ? 0 : W.value.width,
|
|
1203
|
-
height: Math.max(I.value.height, 0),
|
|
1204
|
-
rx: s.minimapSelectionRadius,
|
|
1205
|
-
fill: P.value,
|
|
1206
|
-
style: g({ opacity: Gn.value || E.value ? 0 : 1 })
|
|
1207
|
-
}, null, 12, Le),
|
|
1208
|
-
m("rect", {
|
|
1209
|
-
x: W.value.x,
|
|
1210
|
-
y: 0,
|
|
1211
|
-
width: W.value.width < 0 ? 0 : W.value.width,
|
|
1212
|
-
height: Math.max(I.value.height, 0),
|
|
1213
|
-
fill: s.minimapSelectedColor,
|
|
1214
|
-
rx: s.minimapSelectionRadius,
|
|
1215
|
-
style: g({ opacity: s.minimapSelectedColorOpacity }),
|
|
1216
|
-
tabindex: "0",
|
|
1217
|
-
role: "slider",
|
|
1218
|
-
"aria-label": "Selected range",
|
|
1219
|
-
"aria-valuemin": Number(x.min),
|
|
1220
|
-
"aria-valuemax": Number(x.max),
|
|
1221
|
-
"aria-valuenow": Number(C.value),
|
|
1222
|
-
"aria-valuetext": Q.value.left && Q.value.right ? `${Q.value.left} – ${Q.value.right}` : void 0,
|
|
1223
|
-
onKeydown: kr
|
|
1224
|
-
}, null, 44, Re),
|
|
1225
|
-
!s.minimapMerged && Sn.value < 0 ? (_(), p("line", {
|
|
1226
|
-
key: 2,
|
|
1227
|
-
class: "slicer-minimap-zero-line",
|
|
1228
|
-
x1: 0,
|
|
1229
|
-
x2: I.value.width,
|
|
1230
|
-
y1: wn.value,
|
|
1231
|
-
y2: wn.value,
|
|
1232
|
-
stroke: s.minimapFrameColor,
|
|
1233
|
-
"stroke-width": "0.5"
|
|
1234
|
-
}, null, 8, ze)) : f("", !0),
|
|
1235
|
-
e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 3 }, [s.minimapMerged ? (_(), p("g", Be, [
|
|
1236
|
-
H.value && H.value.sliced && H.value.sliced.length ? (_(), p(u, { key: 0 }, [H.value.selectionSet ? (_(), p("path", {
|
|
1237
|
-
key: 0,
|
|
1238
|
-
d: `M ${H.value.selectionSet}`,
|
|
1239
|
-
stroke: `${s.minimapLineColor}`,
|
|
1240
|
-
fill: "transparent",
|
|
1241
|
-
"stroke-width": "2",
|
|
1242
|
-
"stroke-linecap": "round",
|
|
1243
|
-
"stroke-linejoin": "round"
|
|
1244
|
-
}, null, 8, Ve)) : f("", !0)], 64)) : f("", !0),
|
|
1245
|
-
H.value && H.value.firstPlot ? (_(), p("circle", {
|
|
1246
|
-
key: 1,
|
|
1247
|
-
cx: H.value.firstPlot.x,
|
|
1248
|
-
cy: H.value.firstPlot.y,
|
|
1249
|
-
"stroke-width": "0.5",
|
|
1250
|
-
stroke: P.value,
|
|
1251
|
-
r: "3",
|
|
1252
|
-
fill: s.minimapLineColor
|
|
1253
|
-
}, null, 8, He)) : f("", !0),
|
|
1254
|
-
H.value && H.value.lastPlot ? (_(), p("circle", {
|
|
1255
|
-
key: 2,
|
|
1256
|
-
cx: H.value.lastPlot.x,
|
|
1257
|
-
cy: H.value.lastPlot.y,
|
|
1258
|
-
"stroke-width": "0.5",
|
|
1259
|
-
stroke: P.value,
|
|
1260
|
-
r: "3",
|
|
1261
|
-
fill: s.minimapLineColor
|
|
1262
|
-
}, null, 8, Ue)) : f("", !0)
|
|
1263
|
-
])) : (_(), p("g", We, [
|
|
1264
|
-
(_(!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", {
|
|
1265
|
-
key: 0,
|
|
1266
|
-
x: pn(n.x, t, r),
|
|
1267
|
-
y: n.v >= 0 ? n.y : n.y0,
|
|
1268
|
-
width: mn(t, r),
|
|
1269
|
-
height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
|
|
1270
|
-
fill: e.color,
|
|
1271
|
-
style: g({ opacity: +(r >= k.value && r < A.value) })
|
|
1272
|
-
}, null, 12, Ge)) : f("", !0)], 64))), 256))]))), 256)),
|
|
1273
|
-
(_(!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", {
|
|
1274
|
-
key: 0,
|
|
1275
|
-
d: `M ${e.selectionSet}`,
|
|
1276
|
-
stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${s.uuid})` : e.color,
|
|
1277
|
-
fill: "transparent",
|
|
1278
|
-
"stroke-width": "2",
|
|
1279
|
-
"stroke-linecap": "round",
|
|
1280
|
-
"stroke-linejoin": "round",
|
|
1281
|
-
"stroke-dasharray": e.dashed ? "2 4" : 0
|
|
1282
|
-
}, null, 8, Ke)) : f("", !0)]))), 128)),
|
|
1283
|
-
(_(!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", {
|
|
1284
|
-
key: 0,
|
|
1285
|
-
cx: t.x,
|
|
1286
|
-
cy: t.y,
|
|
1287
|
-
r: "2",
|
|
1288
|
-
fill: e.color,
|
|
1289
|
-
stroke: P.value,
|
|
1290
|
-
"stroke-width": "0.5",
|
|
1291
|
-
style: { opacity: "0.6" }
|
|
1292
|
-
}, null, 8, qe)) : f("", !0)]))), 256))]))), 128))
|
|
1293
|
-
]))], 64)),
|
|
1294
|
-
e.$slots.slotMap ? fe(e.$slots, "slotMap", ce(oe({ key: 4 }, {
|
|
1295
|
-
width: Math.max(0, I.value.width),
|
|
1296
|
-
height: Math.max(0, I.value.height),
|
|
1297
|
-
zeroY: wn.value,
|
|
1298
|
-
unitW: Math.max(0, V.value)
|
|
1299
|
-
})), void 0, !0) : f("", !0),
|
|
1300
|
-
G.value !== null && !X.value ? (_(), p("line", ce(oe({ key: 5 }, br.value)), null, 16)) : f("", !0),
|
|
1301
|
-
m("rect", {
|
|
1302
|
-
x: 0,
|
|
1303
|
-
y: 0,
|
|
1304
|
-
width: Math.max(0, I.value.width),
|
|
1305
|
-
height: Math.max(0, I.value.height),
|
|
1306
|
-
fill: "transparent",
|
|
1307
|
-
style: g([{ "pointer-events": "all !important" }, { cursor: s.enableSelectionDrag ? X.value ? "grabbing" : "grab" : "default" }]),
|
|
1308
|
-
onMousedown: t[0] ||= (e) => X.value = !0,
|
|
1309
|
-
onMouseup: t[1] ||= (e) => X.value = !1,
|
|
1310
|
-
onMousemove: Pn,
|
|
1311
|
-
onMouseleave: Fn
|
|
1312
|
-
}, null, 44, Je),
|
|
1313
|
-
T.value && s.minimapCompact ? (_(), p(u, { key: 6 }, [
|
|
1314
|
-
m("rect", {
|
|
1315
|
-
class: "vue-ui-zoom-compact-minimap-handle",
|
|
1316
|
-
x: Ur.value,
|
|
1317
|
-
y: 0,
|
|
1318
|
-
width: $.value,
|
|
1319
|
-
height: I.value.height,
|
|
1320
|
-
fill: s.handleFill || P.value,
|
|
1321
|
-
stroke: s.handleBorderColor || s.textColor,
|
|
1322
|
-
"stroke-width": s.handleBorderWidth,
|
|
1323
|
-
rx: 3
|
|
1324
|
-
}, null, 8, Ye),
|
|
1325
|
-
s.handleType && s.handleType !== "empty" ? (_(), p("g", {
|
|
1326
|
-
key: 0,
|
|
1327
|
-
class: "compact-handle-icon",
|
|
1328
|
-
transform: `translate(${Ur.value}, 0)`,
|
|
1329
|
-
style: { "pointer-events": "none" }
|
|
1330
|
-
}, [(_(), p("svg", {
|
|
1331
|
-
width: $.value,
|
|
1332
|
-
height: I.value.height,
|
|
1333
|
-
viewBox: "0 0 20 20",
|
|
1334
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
1335
|
-
}, [s.handleType === "arrow" ? (_(), p("path", {
|
|
1336
|
-
key: 0,
|
|
1337
|
-
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",
|
|
1338
|
-
fill: P.value,
|
|
1339
|
-
stroke: s.handleIconColor || s.textColor,
|
|
1340
|
-
"stroke-width": .618,
|
|
1341
|
-
"stroke-linejoin": "round",
|
|
1342
|
-
"stroke-linecap": "round"
|
|
1343
|
-
}, null, 8, Qe)) : s.handleType === "chevron" ? (_(), p("path", {
|
|
1344
|
-
key: 1,
|
|
1345
|
-
d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
|
|
1346
|
-
fill: "none",
|
|
1347
|
-
stroke: s.handleIconColor || s.textColor,
|
|
1348
|
-
"stroke-width": .618,
|
|
1349
|
-
"stroke-linejoin": "round",
|
|
1350
|
-
"stroke-linecap": "round"
|
|
1351
|
-
}, null, 8, $e)) : s.handleType === "grab" ? (_(), p("path", {
|
|
1352
|
-
key: 2,
|
|
1353
|
-
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",
|
|
1354
|
-
fill: s.handleIconColor || s.textColor,
|
|
1355
|
-
stroke: "none",
|
|
1356
|
-
opacity: "0.6"
|
|
1357
|
-
}, null, 8, et)) : f("", !0)], 8, Ze))], 8, Xe)) : f("", !0),
|
|
1358
|
-
m("rect", {
|
|
1359
|
-
class: "vue-ui-zoom-compact-minimap-handle",
|
|
1360
|
-
x: Wr.value,
|
|
1361
|
-
y: 0,
|
|
1362
|
-
width: $.value,
|
|
1363
|
-
height: I.value.height,
|
|
1364
|
-
fill: s.handleFill || P.value,
|
|
1365
|
-
stroke: s.handleBorderColor || s.textColor,
|
|
1366
|
-
"stroke-width": s.handleBorderWidth,
|
|
1367
|
-
rx: 3
|
|
1368
|
-
}, null, 8, tt),
|
|
1369
|
-
s.handleType && s.handleType !== "empty" ? (_(), p("g", {
|
|
1370
|
-
key: 1,
|
|
1371
|
-
class: "compact-handle-icon",
|
|
1372
|
-
transform: `translate(${Wr.value}, 0)`,
|
|
1373
|
-
style: { "pointer-events": "none" }
|
|
1374
|
-
}, [(_(), p("svg", {
|
|
1375
|
-
width: $.value,
|
|
1376
|
-
height: I.value.height,
|
|
1377
|
-
viewBox: "0 0 20 20",
|
|
1378
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
1379
|
-
}, [s.handleType === "arrow" ? (_(), p("path", {
|
|
1380
|
-
key: 0,
|
|
1381
|
-
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",
|
|
1382
|
-
fill: P.value,
|
|
1383
|
-
stroke: s.handleIconColor || s.textColor,
|
|
1384
|
-
"stroke-width": .618,
|
|
1385
|
-
"stroke-linejoin": "round",
|
|
1386
|
-
"stroke-linecap": "round"
|
|
1387
|
-
}, null, 8, it)) : s.handleType === "chevron" ? (_(), p("path", {
|
|
1388
|
-
key: 1,
|
|
1389
|
-
d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
|
|
1390
|
-
fill: "none",
|
|
1391
|
-
stroke: s.handleIconColor || s.textColor,
|
|
1392
|
-
"stroke-width": .618,
|
|
1393
|
-
"stroke-linejoin": "round",
|
|
1394
|
-
"stroke-linecap": "round"
|
|
1395
|
-
}, null, 8, at)) : s.handleType === "grab" ? (_(), p("path", {
|
|
1396
|
-
key: 2,
|
|
1397
|
-
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",
|
|
1398
|
-
fill: s.handleIconColor || s.textColor,
|
|
1399
|
-
stroke: "none",
|
|
1400
|
-
opacity: "0.6"
|
|
1401
|
-
}, null, 8, ot)) : f("", !0)], 8, rt))], 8, nt)) : f("", !0)
|
|
1402
|
-
], 64)) : f("", !0),
|
|
1403
|
-
e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 7 }, [s.minimapMerged ? (_(), p("g", st, [
|
|
1404
|
-
H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (_(), p("circle", {
|
|
1405
|
-
key: 0,
|
|
1406
|
-
cx: H.value.firstPlot.x,
|
|
1407
|
-
cy: H.value.firstPlot.y,
|
|
1408
|
-
"stroke-width": "0.5",
|
|
1409
|
-
stroke: P.value,
|
|
1410
|
-
r: "4",
|
|
1411
|
-
fill: s.minimapLineColor
|
|
1412
|
-
}, null, 8, ct)) : f("", !0),
|
|
1413
|
-
H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (_(), p("circle", {
|
|
1414
|
-
key: 1,
|
|
1415
|
-
cx: H.value.firstPlot.x,
|
|
1416
|
-
cy: H.value.firstPlot.y,
|
|
1417
|
-
r: 2,
|
|
1418
|
-
fill: P.value
|
|
1419
|
-
}, null, 8, lt)) : f("", !0),
|
|
1420
|
-
H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (_(), p("circle", {
|
|
1421
|
-
key: 2,
|
|
1422
|
-
cx: H.value.lastPlot.x,
|
|
1423
|
-
cy: H.value.lastPlot.y,
|
|
1424
|
-
"stroke-width": "0.5",
|
|
1425
|
-
stroke: P.value,
|
|
1426
|
-
r: "4",
|
|
1427
|
-
fill: s.minimapLineColor
|
|
1428
|
-
}, null, 8, ut)) : f("", !0),
|
|
1429
|
-
H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (_(), p("circle", {
|
|
1430
|
-
key: 3,
|
|
1431
|
-
cx: H.value.lastPlot.x,
|
|
1432
|
-
cy: H.value.lastPlot.y,
|
|
1433
|
-
r: "2",
|
|
1434
|
-
fill: P.value
|
|
1435
|
-
}, null, 8, dt)) : f("", !0)
|
|
1436
|
-
])) : (_(), p("g", ft, [(_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e, t) => (_(), p("g", { key: String(e.key) }, [
|
|
1437
|
-
e && e.hasSelection && e.selectionSet && e.isVisible ? (_(), p("path", {
|
|
1438
|
-
key: 0,
|
|
1439
|
-
d: `M ${e.selectionSet}`,
|
|
1440
|
-
stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${s.uuid})` : e.color,
|
|
1441
|
-
fill: "transparent",
|
|
1442
|
-
"stroke-width": "2",
|
|
1443
|
-
"stroke-linecap": "round",
|
|
1444
|
-
"stroke-linejoin": "round",
|
|
1445
|
-
"stroke-dasharray": e.dashed ? "2 4" : 0
|
|
1446
|
-
}, null, 8, pt)) : f("", !0),
|
|
1447
|
-
e.isVisible && s.cutNullValues ? (_(!0), p(u, { key: 1 }, y(e.selectionMarkers, (t) => (_(), p("circle", {
|
|
1448
|
-
key: `sel-dot-${e.key}-${t.i}`,
|
|
1449
|
-
cx: t.x,
|
|
1450
|
-
cy: t.y,
|
|
1451
|
-
r: "2.5",
|
|
1452
|
-
fill: e.color,
|
|
1453
|
-
stroke: P.value,
|
|
1454
|
-
"stroke-width": "0.5"
|
|
1455
|
-
}, null, 8, mt))), 128)) : f("", !0),
|
|
1456
|
-
e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
|
|
1457
|
-
key: 2,
|
|
1458
|
-
cx: e.firstPlot.x,
|
|
1459
|
-
cy: e.firstPlot.y,
|
|
1460
|
-
"stroke-width": "0.5",
|
|
1461
|
-
stroke: P.value,
|
|
1462
|
-
r: "4",
|
|
1463
|
-
fill: e.color
|
|
1464
|
-
}, null, 8, ht)) : f("", !0),
|
|
1465
|
-
e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
|
|
1466
|
-
key: 3,
|
|
1467
|
-
cx: e.firstPlot.x,
|
|
1468
|
-
cy: e.firstPlot.y,
|
|
1469
|
-
r: "2",
|
|
1470
|
-
fill: P.value
|
|
1471
|
-
}, null, 8, gt)) : f("", !0),
|
|
1472
|
-
e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
|
|
1473
|
-
key: 4,
|
|
1474
|
-
cx: e.lastPlot.x,
|
|
1475
|
-
cy: e.lastPlot.y,
|
|
1476
|
-
"stroke-width": "0.5",
|
|
1477
|
-
stroke: P.value,
|
|
1478
|
-
r: "4",
|
|
1479
|
-
fill: e.color
|
|
1480
|
-
}, null, 8, _t)) : f("", !0),
|
|
1481
|
-
e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
|
|
1482
|
-
key: 5,
|
|
1483
|
-
cx: e.lastPlot.x,
|
|
1484
|
-
cy: e.lastPlot.y,
|
|
1485
|
-
r: "2",
|
|
1486
|
-
fill: P.value
|
|
1487
|
-
}, null, 8, vt)) : f("", !0)
|
|
1488
|
-
]))), 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", {
|
|
1489
|
-
key: `sel-plot-${e.key}-${t.i}`,
|
|
1490
|
-
cx: t.x,
|
|
1491
|
-
cy: t.y,
|
|
1492
|
-
r: "2.5",
|
|
1493
|
-
fill: e.color,
|
|
1494
|
-
stroke: P.value,
|
|
1495
|
-
"stroke-width": "0.5"
|
|
1496
|
-
}, null, 8, yt)) : f("", !0)]))), 256))]))), 128))]))], 64))
|
|
1497
|
-
], 8, we))])) : f("", !0),
|
|
1498
|
-
m("div", {
|
|
1499
|
-
class: "slider-track",
|
|
1500
|
-
style: g({ visibility: T.value && s.minimapCompact ? "hidden" : "visible" })
|
|
1501
|
-
}, null, 4),
|
|
1502
|
-
m("div", {
|
|
1503
|
-
class: h({
|
|
1504
|
-
"range-highlight": !0,
|
|
1505
|
-
move: s.enableSelectionDrag
|
|
1506
|
-
}),
|
|
1507
|
-
onMousedown: t[2] ||= (e) => X.value = !0,
|
|
1508
|
-
onMouseup: t[3] ||= (e) => X.value = !1,
|
|
1509
|
-
style: g({
|
|
1510
|
-
...N.value,
|
|
1511
|
-
cursor: X.value ? "grabbing" : "grab",
|
|
1512
|
-
visibility: T.value && s.minimapCompact ? "hidden" : "visible"
|
|
1513
|
-
})
|
|
1514
|
-
}, null, 38),
|
|
1515
|
-
s.enableRangeHandles ? _e((_(), p("input", {
|
|
1516
|
-
key: 1,
|
|
1517
|
-
"aria-label": "range-handle-left",
|
|
1518
|
-
ref_key: "rangeStart",
|
|
1519
|
-
ref: In,
|
|
1520
|
-
type: "range",
|
|
1521
|
-
step: s.precision > 0 ? 1 / 10 ** s.precision : 1,
|
|
1522
|
-
class: h({
|
|
1523
|
-
"range-left": !0,
|
|
1524
|
-
"range-handle": !0,
|
|
1525
|
-
"range-minimap": T.value && s.verticalHandles,
|
|
1526
|
-
"range-invisible": T.value && s.minimapCompact
|
|
1527
|
-
}),
|
|
1528
|
-
min: s.min,
|
|
1529
|
-
max: s.minimapCompact && T.value && !s.useValueRange ? Math.max(0, R.value - 1) : s.max,
|
|
1530
|
-
tabindex: T.value ? -1 : 0,
|
|
1531
|
-
"onUpdate:modelValue": t[4] ||= (e) => On.value = e,
|
|
1532
|
-
onFocus: t[5] ||= (e) => T.value && e.target.blur(),
|
|
1533
|
-
onInput: t[6] ||= (e) => On.value = e.target.valueAsNumber,
|
|
1534
|
-
onChange: j,
|
|
1535
|
-
onKeyup: ve(j, ["enter"]),
|
|
1536
|
-
onBlur: j,
|
|
1537
|
-
onMouseenter: t[7] ||= (e) => _r("start"),
|
|
1538
|
-
onPointerup: j
|
|
1539
|
-
}, null, 42, bt)), [[
|
|
1540
|
-
ge,
|
|
1541
|
-
On.value,
|
|
1542
|
-
void 0,
|
|
1543
|
-
{ number: !0 }
|
|
1544
|
-
]]) : f("", !0),
|
|
1545
|
-
s.enableRangeHandles ? _e((_(), p("input", {
|
|
1546
|
-
key: 2,
|
|
1547
|
-
"aria-label": "range-handle-right",
|
|
1548
|
-
ref_key: "rangeEnd",
|
|
1549
|
-
ref: Ln,
|
|
1550
|
-
type: "range",
|
|
1551
|
-
step: s.precision > 0 ? 1 / 10 ** s.precision : 1,
|
|
1552
|
-
class: h({
|
|
1553
|
-
"range-right": !0,
|
|
1554
|
-
"range-handle": !0,
|
|
1555
|
-
"range-minimap": T.value && s.verticalHandles,
|
|
1556
|
-
"range-invisible": T.value && s.minimapCompact
|
|
1557
|
-
}),
|
|
1558
|
-
min: s.min,
|
|
1559
|
-
max: s.minimapCompact && T.value && !s.useValueRange ? Math.max(0, R.value - 1) : s.max,
|
|
1560
|
-
tabindex: T.value ? -1 : 0,
|
|
1561
|
-
onFocus: t[8] ||= (e) => T.value && e.target.blur(),
|
|
1562
|
-
"onUpdate:modelValue": t[9] ||= (e) => kn.value = e,
|
|
1563
|
-
onInput: t[10] ||= (e) => kn.value = e.target.valueAsNumber,
|
|
1564
|
-
onChange: j,
|
|
1565
|
-
onKeyup: ve(j, ["enter"]),
|
|
1566
|
-
onBlur: j,
|
|
1567
|
-
onMouseenter: t[11] ||= (e) => _r("end"),
|
|
1568
|
-
onPointerup: j
|
|
1569
|
-
}, null, 42, xt)), [[
|
|
1570
|
-
ge,
|
|
1571
|
-
kn.value,
|
|
1572
|
-
void 0,
|
|
1573
|
-
{ number: !0 }
|
|
1574
|
-
]]) : f("", !0),
|
|
1575
|
-
T.value && s.minimapCompact ? (_(), p("div", St, [(_(), p("svg", {
|
|
1576
|
-
xmlns: me(ne),
|
|
1577
|
-
viewBox: `0 0 ${Math.max(0, I.value.width)} ${Math.max(0, I.value.height + 1)}`
|
|
1578
|
-
}, [m("rect", oe({
|
|
1579
|
-
class: "vue-ui-zoom-compact-minimap-handle",
|
|
1580
|
-
x: Ur.value,
|
|
1581
|
-
y: 0,
|
|
1582
|
-
width: $.value,
|
|
1583
|
-
height: I.value.height,
|
|
1584
|
-
fill: "transparent",
|
|
1585
|
-
stroke: "none"
|
|
1586
|
-
}, Nr.value, {
|
|
1587
|
-
onKeydown: t[12] ||= (e) => Mr("start", e),
|
|
1588
|
-
onMousedown: t[13] ||= ye((e) => Br("start", e), ["stop", "prevent"]),
|
|
1589
|
-
onClick: t[14] ||= ye(() => {}, ["stop", "prevent"])
|
|
1590
|
-
}), null, 16, wt), m("rect", oe({
|
|
1591
|
-
class: "vue-ui-zoom-compact-minimap-handle",
|
|
1592
|
-
x: Wr.value,
|
|
1593
|
-
y: 0,
|
|
1594
|
-
width: $.value,
|
|
1595
|
-
height: I.value.height,
|
|
1596
|
-
fill: "transparent",
|
|
1597
|
-
stroke: "none",
|
|
1598
|
-
rx: 3
|
|
1599
|
-
}, Pr.value, {
|
|
1600
|
-
onKeydown: t[15] ||= (e) => Mr("end", e),
|
|
1601
|
-
onMousedown: t[16] ||= ye((e) => Br("end", e), ["stop", "prevent"]),
|
|
1602
|
-
onClick: t[17] ||= ye(() => {}, ["stop", "prevent"])
|
|
1603
|
-
}), null, 16, Tt)], 8, Ct))])) : f("", !0),
|
|
1604
|
-
Q.value.left ? (_(), p("div", {
|
|
1605
|
-
key: 4,
|
|
1606
|
-
ref_key: "tooltipLeft",
|
|
1607
|
-
ref: ur,
|
|
1608
|
-
class: h({
|
|
1609
|
-
"range-tooltip": !0,
|
|
1610
|
-
"range-tooltip-visible": Z.value,
|
|
1611
|
-
"range-tooltip-arrow": N.value.arrowLeft && !s.verticalHandles,
|
|
1612
|
-
"range-tooltip-arrow-left": !N.value.arrowLeft && !s.verticalHandles
|
|
1613
|
-
}),
|
|
1614
|
-
style: g({
|
|
1615
|
-
left: N.value.tooltipLeft,
|
|
1616
|
-
color: me(te)(s.selectColor),
|
|
1617
|
-
backgroundColor: s.selectColor,
|
|
1618
|
-
border: `1px solid ${P.value}`,
|
|
1619
|
-
zIndex: `${gr.value + 4}`,
|
|
1620
|
-
visibility: vr.value || Q.value.left === Q.value.right ? "hidden" : "visible",
|
|
1621
|
-
top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
|
|
1622
|
-
})
|
|
1623
|
-
}, pe(Q.value.left), 7)) : f("", !0),
|
|
1624
|
-
(vr.value || Q.value.left === Q.value.right) && (Q.value.left || Q.value.right) ? (_(), p("div", {
|
|
1625
|
-
key: 5,
|
|
1626
|
-
ref: "tooltipMerge",
|
|
1627
|
-
class: h({
|
|
1628
|
-
"range-tooltip": !0,
|
|
1629
|
-
"range-tooltip-visible": Z.value,
|
|
1630
|
-
"range-tooltip-arrow": !0,
|
|
1631
|
-
"range-tooltip-arrow-left": !N.value.arrowLeft && !s.verticalHandles,
|
|
1632
|
-
"range-tooltip-arrow-right": !N.value.arrowRight && !s.verticalHandles
|
|
1633
|
-
}),
|
|
1634
|
-
style: g({
|
|
1635
|
-
left: N.value.tooltipCenter,
|
|
1636
|
-
width: yr.value.width + "px",
|
|
1637
|
-
color: me(te)(s.selectColor),
|
|
1638
|
-
backgroundColor: s.selectColor,
|
|
1639
|
-
border: `1px solid ${P.value}`,
|
|
1640
|
-
zIndex: "4",
|
|
1641
|
-
top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
|
|
1642
|
-
})
|
|
1643
|
-
}, pe(Q.value.left === Q.value.right ? Q.value.left : `${Q.value.left} - ${Q.value.right}`), 7)) : f("", !0),
|
|
1644
|
-
Q.value.right ? (_(), p("div", {
|
|
1645
|
-
key: 6,
|
|
1646
|
-
ref_key: "tooltipRight",
|
|
1647
|
-
ref: dr,
|
|
1648
|
-
class: h({
|
|
1649
|
-
"range-tooltip": !0,
|
|
1650
|
-
"range-tooltip-visible": Z.value,
|
|
1651
|
-
"range-tooltip-arrow": N.value.arrowRight && !s.verticalHandles,
|
|
1652
|
-
"range-tooltip-arrow-right": !N.value.arrowRight && !s.verticalHandles
|
|
1653
|
-
}),
|
|
1654
|
-
style: g({
|
|
1655
|
-
left: N.value.tooltipRight,
|
|
1656
|
-
color: me(te)(s.selectColor),
|
|
1657
|
-
backgroundColor: s.selectColor,
|
|
1658
|
-
border: `1px solid ${P.value}`,
|
|
1659
|
-
zIndex: "4",
|
|
1660
|
-
visibility: vr.value || Q.value.left === Q.value.right ? "hidden" : "visible",
|
|
1661
|
-
top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
|
|
1662
|
-
})
|
|
1663
|
-
}, pe(Q.value.right), 7)) : f("", !0)
|
|
1664
|
-
], 36)], 44, be));
|
|
1665
|
-
}
|
|
1666
|
-
}, [["__scopeId", "data-v-0cedccd9"]]);
|
|
1667
|
-
//#endregion
|
|
1668
|
-
export { Dt as t };
|