vue-data-ui 3.10.5 → 3.11.1

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 (154) hide show
  1. package/README.md +41 -3
  2. package/dist/{BaseDraggableDialog-BY2cU9MA.js → BaseDraggableDialog-SswGoxlj.js} +1 -1
  3. package/dist/{BaseIcon-OrBtj3Mf.js → BaseIcon-CYSJuCRd.js} +14 -11
  4. package/dist/{BaseZoomControls-vclc8z8d.js → BaseZoomControls-C6oe8vvf.js} +1 -1
  5. package/dist/{ColorPicker-KHEkeGjG.js → ColorPicker-Cb8oPDuF.js} +1 -1
  6. package/dist/{DataTable-tQHYiviu.js → DataTable-DiaJI04f.js} +1 -1
  7. package/dist/{NonSvgPenAndPaper-wmEv8nAJ.js → NonSvgPenAndPaper-CEPPMuvv.js} +2 -2
  8. package/dist/{PackageVersion-CKte9SJp.js → PackageVersion-B-XfBrZ7.js} +1 -1
  9. package/dist/{PenAndPaper-v4Uz9Ltu.js → PenAndPaper-B26d81vz.js} +2 -2
  10. package/dist/{Slicer-D_WE8Lxw.js → Slicer-DbgiQkoS.js} +1 -1
  11. package/dist/SlicerPreview-lQoYQ0EQ.js +1170 -0
  12. package/dist/{Title-I3MXGnNV.js → Title-ByPv-v1s.js} +1 -1
  13. package/dist/{UserOptions-BLbi1l3N.js → UserOptions-CZTaqf79.js} +1 -1
  14. package/dist/components/vue-ui-3d-bar.js +1 -1
  15. package/dist/components/vue-ui-accordion.js +1 -1
  16. package/dist/components/vue-ui-age-pyramid.js +1 -1
  17. package/dist/components/vue-ui-annotator.js +1 -1
  18. package/dist/components/vue-ui-bullet.js +1 -1
  19. package/dist/components/vue-ui-bump.js +1 -1
  20. package/dist/components/vue-ui-candlestick.js +1 -1
  21. package/dist/components/vue-ui-carousel-table.js +1 -1
  22. package/dist/components/vue-ui-chestnut.js +1 -1
  23. package/dist/components/vue-ui-chord.js +1 -1
  24. package/dist/components/vue-ui-circle-pack.js +1 -1
  25. package/dist/components/vue-ui-cursor.js +1 -1
  26. package/dist/components/vue-ui-dag.js +1 -1
  27. package/dist/components/vue-ui-dashboard.js +1 -1
  28. package/dist/components/vue-ui-digits.js +1 -1
  29. package/dist/components/vue-ui-donut-evolution.js +1 -1
  30. package/dist/components/vue-ui-donut.js +1 -1
  31. package/dist/components/vue-ui-dumbbell.js +1 -1
  32. package/dist/components/vue-ui-flow.js +1 -1
  33. package/dist/components/vue-ui-funnel.js +1 -1
  34. package/dist/components/vue-ui-galaxy.js +1 -1
  35. package/dist/components/vue-ui-gauge.js +1 -1
  36. package/dist/components/vue-ui-geo.js +1 -1
  37. package/dist/components/vue-ui-gizmo.js +1 -1
  38. package/dist/components/vue-ui-heatmap.js +1 -1
  39. package/dist/components/vue-ui-history-plot.js +1 -1
  40. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  41. package/dist/components/vue-ui-icon.js +1 -1
  42. package/dist/components/vue-ui-kpi.js +1 -1
  43. package/dist/components/vue-ui-mini-loader.js +1 -1
  44. package/dist/components/vue-ui-molecule.js +1 -1
  45. package/dist/components/vue-ui-mood-radar.js +1 -1
  46. package/dist/components/vue-ui-nested-donuts.js +1 -1
  47. package/dist/components/vue-ui-onion.js +1 -1
  48. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  49. package/dist/components/vue-ui-quadrant.js +1 -1
  50. package/dist/components/vue-ui-quick-chart.js +1 -1
  51. package/dist/components/vue-ui-radar.js +1 -1
  52. package/dist/components/vue-ui-rating.js +1 -1
  53. package/dist/components/vue-ui-relation-circle.js +1 -1
  54. package/dist/components/vue-ui-ridgeline.js +1 -1
  55. package/dist/components/vue-ui-rings.js +1 -1
  56. package/dist/components/vue-ui-scatter.js +1 -1
  57. package/dist/components/vue-ui-skeleton.js +1 -1
  58. package/dist/components/vue-ui-smiley.js +1 -1
  59. package/dist/components/vue-ui-spark-trend.js +1 -1
  60. package/dist/components/vue-ui-sparkbar.js +1 -1
  61. package/dist/components/vue-ui-sparkgauge.js +1 -1
  62. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  63. package/dist/components/vue-ui-sparkline.js +1 -1
  64. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  65. package/dist/components/vue-ui-stackbar.js +1 -1
  66. package/dist/components/vue-ui-stackline.js +1 -1
  67. package/dist/components/vue-ui-strip-plot.js +1 -1
  68. package/dist/components/vue-ui-table-heatmap.js +1 -1
  69. package/dist/components/vue-ui-table-sparkline.js +1 -1
  70. package/dist/components/vue-ui-table.js +1 -1
  71. package/dist/components/vue-ui-thermometer.js +1 -1
  72. package/dist/components/vue-ui-timer.js +1 -1
  73. package/dist/components/vue-ui-tiremarks.js +1 -1
  74. package/dist/components/vue-ui-treemap.js +1 -1
  75. package/dist/components/vue-ui-vertical-bar.js +1 -1
  76. package/dist/components/vue-ui-waffle.js +1 -1
  77. package/dist/components/vue-ui-wheel.js +1 -1
  78. package/dist/components/vue-ui-word-cloud.js +1 -1
  79. package/dist/components/vue-ui-world.js +1 -1
  80. package/dist/components/vue-ui-xy-canvas.js +1 -1
  81. package/dist/components/vue-ui-xy.js +1 -1
  82. package/dist/style.css +1 -1
  83. package/dist/types/vue-data-ui.d.ts +13 -1
  84. package/dist/{useNestedProp-B2E1V8tM.js → useNestedProp-xXVO6hRJ.js} +1026 -1039
  85. package/dist/{vue-data-ui-aV-APR48.js → vue-data-ui-BD7ruFgy.js} +68 -68
  86. package/dist/vue-data-ui.js +275 -205
  87. package/dist/{vue-ui-3d-bar-BjS_WVZs.js → vue-ui-3d-bar-CDxVAvf_.js} +3 -3
  88. package/dist/{vue-ui-accordion-0e2hESwi.js → vue-ui-accordion-D9NWWdmm.js} +2 -2
  89. package/dist/{vue-ui-age-pyramid-2kTXpOdP.js → vue-ui-age-pyramid-BJNtLarM.js} +3 -3
  90. package/dist/{vue-ui-annotator-DF5PBP12.js → vue-ui-annotator-C32PJed6.js} +4 -4
  91. package/dist/{vue-ui-bullet-WP_XT9fO.js → vue-ui-bullet-BbErQ2-D.js} +3 -3
  92. package/dist/{vue-ui-bump-CuIbF2l9.js → vue-ui-bump-BaX0pxv1.js} +4 -4
  93. package/dist/{vue-ui-candlestick-YW2l-GP_.js → vue-ui-candlestick-PWOWVy5O.js} +8 -6
  94. package/dist/{vue-ui-carousel-table-B5ErNV3r.js → vue-ui-carousel-table-hS4QCfxm.js} +2 -2
  95. package/dist/{vue-ui-chestnut-kXqyi42f.js → vue-ui-chestnut-j96F9uen.js} +2 -2
  96. package/dist/{vue-ui-chord-8DcLEfMJ.js → vue-ui-chord-BfwWd0ua.js} +3 -3
  97. package/dist/{vue-ui-circle-pack-DINvAv8d.js → vue-ui-circle-pack-C5GwnUWo.js} +3 -3
  98. package/dist/{vue-ui-cursor-dyQxktBa.js → vue-ui-cursor-Dvjgo9pD.js} +2 -2
  99. package/dist/{vue-ui-dag-B_jLyZIG.js → vue-ui-dag-BURMM9_T.js} +4 -4
  100. package/dist/{vue-ui-dashboard-BNZuF_Y6.js → vue-ui-dashboard-CSlS75x4.js} +66 -66
  101. package/dist/{vue-ui-digits-HQ-G65FF.js → vue-ui-digits-C_VT43rS.js} +1 -1
  102. package/dist/{vue-ui-donut-DTaPCOD2.js → vue-ui-donut-CojjiPZo.js} +3 -3
  103. package/dist/{vue-ui-donut-evolution-8PFPP79C.js → vue-ui-donut-evolution-BI0R-gYZ.js} +4 -4
  104. package/dist/{vue-ui-dumbbell-C615o0Ny.js → vue-ui-dumbbell-BqGi7cLi.js} +3 -3
  105. package/dist/{vue-ui-flow-CP7LYm9E.js → vue-ui-flow-DYQs1T1O.js} +3 -3
  106. package/dist/{vue-ui-funnel-Alssi2NT.js → vue-ui-funnel-BweMW-UO.js} +3 -3
  107. package/dist/{vue-ui-galaxy-B0AT6saj.js → vue-ui-galaxy-z3Qwfuf8.js} +3 -3
  108. package/dist/{vue-ui-gauge-CALXou3R.js → vue-ui-gauge-Cp9YFBsK.js} +3 -3
  109. package/dist/{vue-ui-geo-DS_0k2_6.js → vue-ui-geo-C04swwXu.js} +4 -4
  110. package/dist/{vue-ui-gizmo-CCB9ZI9L.js → vue-ui-gizmo-Cxtg6UxH.js} +2 -2
  111. package/dist/{vue-ui-heatmap-B02GzSNx.js → vue-ui-heatmap-DvGk3_pz.js} +4 -4
  112. package/dist/{vue-ui-history-plot-hY28zMGM.js → vue-ui-history-plot-Cho9dl5y.js} +3 -3
  113. package/dist/{vue-ui-horizontal-bar-BMbJVk_r.js → vue-ui-horizontal-bar-BYlXuHli.js} +8 -8
  114. package/dist/{vue-ui-kpi-KovdGbo0.js → vue-ui-kpi-ukaoY0am.js} +2 -2
  115. package/dist/{vue-ui-mini-loader-DHwgAVTI.js → vue-ui-mini-loader-CEfxU4dT.js} +1 -1
  116. package/dist/{vue-ui-molecule-CSohfYTk.js → vue-ui-molecule-CkGw5-v8.js} +2 -2
  117. package/dist/{vue-ui-mood-radar-CbDsyrPq.js → vue-ui-mood-radar-DOfuX1Kn.js} +3 -3
  118. package/dist/{vue-ui-nested-donuts-DhixFIgI.js → vue-ui-nested-donuts-CrSE26zp.js} +3 -3
  119. package/dist/{vue-ui-onion-Cz9ybYji.js → vue-ui-onion-B7gShnHc.js} +3 -3
  120. package/dist/{vue-ui-parallel-coordinate-plot-Dqy9Lcrb.js → vue-ui-parallel-coordinate-plot-CORzH2oT.js} +3 -3
  121. package/dist/{vue-ui-quadrant-SZwpYzey.js → vue-ui-quadrant-Cpz92LOD.js} +3 -3
  122. package/dist/{vue-ui-quick-chart-BjXHaDXD.js → vue-ui-quick-chart-B-DRRpCe.js} +3 -3
  123. package/dist/{vue-ui-radar-CQUlTKO-.js → vue-ui-radar-CUOR6uFT.js} +3 -3
  124. package/dist/{vue-ui-rating-BHn34zul.js → vue-ui-rating-A8MUSqQc.js} +1 -1
  125. package/dist/{vue-ui-relation-circle-DWazrtck.js → vue-ui-relation-circle-D2Rwj0uA.js} +3 -3
  126. package/dist/{vue-ui-ridgeline-BI188NqF.js → vue-ui-ridgeline-D-A1IiMg.js} +3 -3
  127. package/dist/{vue-ui-rings-BW092-BK.js → vue-ui-rings-0ItW_B0U.js} +3 -3
  128. package/dist/{vue-ui-scatter-LUmeNEQq.js → vue-ui-scatter-CdAjV8Ms.js} +3 -3
  129. package/dist/{vue-ui-skeleton-DHvd3AX5.js → vue-ui-skeleton-Dt6d7Hw2.js} +2 -2
  130. package/dist/{vue-ui-smiley-C67CEdAZ.js → vue-ui-smiley-BH40_Lrp.js} +1 -1
  131. package/dist/{vue-ui-spark-trend-X1htmT_A.js → vue-ui-spark-trend-L85b5iw6.js} +2 -2
  132. package/dist/{vue-ui-sparkbar-DZIXcWGc.js → vue-ui-sparkbar-Dr7BGmos.js} +2 -2
  133. package/dist/{vue-ui-sparkgauge-BEMSmlGu.js → vue-ui-sparkgauge-DRpEeJVr.js} +2 -2
  134. package/dist/{vue-ui-sparkhistogram-BmmctwYO.js → vue-ui-sparkhistogram-0Gd826NI.js} +2 -2
  135. package/dist/{vue-ui-sparkline-TOwxvUuT.js → vue-ui-sparkline-5XjQ8eNz.js} +2 -2
  136. package/dist/{vue-ui-sparkstackbar-BeE3lwCk.js → vue-ui-sparkstackbar-Cfz1shwc.js} +2 -2
  137. package/dist/{vue-ui-stackbar-CngSfqJZ.js → vue-ui-stackbar-DlUZhRGq.js} +4 -4
  138. package/dist/{vue-ui-stackline-B8jzm_bo.js → vue-ui-stackline-DwOqfNsc.js} +4 -4
  139. package/dist/{vue-ui-strip-plot-CD_Eb_P0.js → vue-ui-strip-plot-D5cQmeQE.js} +3 -3
  140. package/dist/{vue-ui-table-DZYTO3H9.js → vue-ui-table-DA5ST3fI.js} +4 -4
  141. package/dist/{vue-ui-table-heatmap-D6NO6NZz.js → vue-ui-table-heatmap-CYn_-4-k.js} +2 -2
  142. package/dist/{vue-ui-table-sparkline-ByNAx7h-.js → vue-ui-table-sparkline-CTjoQ_5H.js} +2 -2
  143. package/dist/{vue-ui-thermometer-DUN_5Lt5.js → vue-ui-thermometer-CpHLzn9_.js} +3 -3
  144. package/dist/{vue-ui-timer-w1_uZgQ2.js → vue-ui-timer-uuEZdXZD.js} +4 -4
  145. package/dist/{vue-ui-tiremarks-irWojm2N.js → vue-ui-tiremarks-DcfG4v-k.js} +3 -3
  146. package/dist/{vue-ui-treemap-CGpo4rix.js → vue-ui-treemap-Ct75CLTa.js} +4 -4
  147. package/dist/{vue-ui-waffle-Cukn6oPE.js → vue-ui-waffle-CZVQ_PsD.js} +3 -3
  148. package/dist/{vue-ui-wheel-CdLHd_3r.js → vue-ui-wheel-DfvtkrzP.js} +3 -3
  149. package/dist/{vue-ui-word-cloud-DGBO_MCa.js → vue-ui-word-cloud-Iy1QcS2n.js} +4 -4
  150. package/dist/{vue-ui-world-CHCHjsWp.js → vue-ui-world-BYYAfrOH.js} +2 -2
  151. package/dist/{vue-ui-xy-B0_cRcAx.js → vue-ui-xy-Bdpwrw0D.js} +858 -823
  152. package/dist/{vue-ui-xy-canvas-bE_Qe7Wa.js → vue-ui-xy-canvas-BQse8x4G.js} +6 -6
  153. package/package.json +1 -1
  154. package/dist/SlicerPreview-Cxq4nls2.js +0 -1148
@@ -1,1148 +0,0 @@
1
- import { useCssVars as el, computed as s, ref as h, watch as Q, onMounted as tl, onBeforeUnmount as Ve, onUpdated as ct, nextTick as xe, createElementBlock as n, openBlock as i, createElementVNode as $, createCommentVNode as c, renderSlot as vt, normalizeStyle as F, createVNode as ll, withDirectives as mt, unref as pe, Fragment as g, renderList as S, normalizeProps as ht, mergeProps as dt, normalizeClass as _, withKeys as ft, vModelText as gt, toDisplayString as De } from "vue";
2
- import { c as al, y as nl, X as il, x as ze, z as yt, A as xt, B as pt, C as bt, D as Mt } from "./lib-CVHM9FhP.js";
3
- import { t as We, d as ul, u as ol } from "./useResponsive-DfdjqQps.js";
4
- import rl from "./BaseIcon-OrBtj3Mf.js";
5
- import { _ as sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
6
- const cl = {
7
- class: "vue-data-ui-slicer-labels",
8
- style: { position: "relative", "z-index": "1", "pointer-events": "none" }
9
- }, vl = {
10
- key: 0,
11
- style: { width: "100%", position: "relative" }
12
- }, ml = {
13
- key: 0,
14
- class: "minimap",
15
- style: { width: "100%" }
16
- }, hl = ["xmlns", "viewBox"], dl = ["id"], fl = ["stop-color"], gl = ["width", "height", "stroke"], yl = ["d", "stroke"], xl = ["d", "fill"], pl = ["x", "y", "width", "height", "fill"], bl = ["d", "stroke"], Ml = ["cx", "cy", "fill", "stroke"], kl = ["cx", "cy", "fill", "stroke"], wl = ["x", "width", "height", "fill", "rx"], Sl = ["x", "width", "height", "rx", "fill"], Cl = ["x", "width", "height", "fill", "rx"], Pl = ["x2", "y1", "y2", "stroke"], Nl = { key: "merged-tree" }, $l = ["d", "fill"], Ll = ["d", "stroke"], Fl = ["cx", "cy", "stroke", "fill"], Rl = ["cx", "cy", "stroke", "fill"], Al = { key: "split-tree" }, El = ["x", "y", "width", "height", "fill"], Bl = ["d", "stroke"], Tl = ["cx", "cy", "fill", "stroke"], Il = ["x", "height", "fill", "stroke"], Vl = ["x", "height", "fill", "stroke"], Dl = { key: "merged-tree" }, zl = ["cx", "cy", "stroke", "fill"], Wl = ["cx", "cy", "fill"], Hl = ["cx", "cy", "stroke", "fill"], Xl = ["cx", "cy", "fill"], Zl = { key: 1 }, Ol = ["d", "stroke"], Ul = ["cx", "cy", "fill", "stroke"], Kl = ["cx", "cy", "stroke", "fill"], Yl = ["cx", "cy", "fill"], jl = ["cx", "cy", "stroke", "fill"], ql = ["cx", "cy", "fill"], Gl = ["cx", "cy", "fill", "stroke"], Jl = ["x", "height", "width", "onMouseenter"], Ql = ["min", "max"], _l = ["min", "max"], He = 48, ea = {
17
- __name: "SlicerPreview",
18
- props: {
19
- immediate: {
20
- type: Boolean,
21
- default: !0
22
- },
23
- background: {
24
- type: String,
25
- default: "#FFFFFF"
26
- },
27
- borderColor: {
28
- type: String,
29
- default: "#FFFFFF"
30
- },
31
- fontSize: {
32
- type: Number,
33
- default: 14
34
- },
35
- labelLeft: {
36
- type: [String, Number],
37
- default: ""
38
- },
39
- labelRight: {
40
- type: [String, Number],
41
- default: ""
42
- },
43
- textColor: {
44
- type: String,
45
- default: "#1A1A1A"
46
- },
47
- inputColor: {
48
- type: String,
49
- default: "#1A1A1A"
50
- },
51
- max: {
52
- type: Number,
53
- default: 0
54
- },
55
- min: {
56
- type: Number,
57
- default: 0
58
- },
59
- selectColor: {
60
- type: String,
61
- default: "#4A4A4A"
62
- },
63
- useResetSlot: {
64
- type: Boolean,
65
- default: !1
66
- },
67
- valueStart: {
68
- type: [Number, String],
69
- default: 0
70
- },
71
- valueEnd: {
72
- type: [Number, String],
73
- default: 0
74
- },
75
- minimap: {
76
- type: Array,
77
- default: []
78
- },
79
- smoothMinimap: {
80
- type: Boolean,
81
- default: !1
82
- },
83
- minimapSelectedColor: {
84
- type: String,
85
- default: "#1f77b4"
86
- },
87
- minimapSelectionRadius: {
88
- type: Number,
89
- default: 12
90
- },
91
- minimapLineColor: {
92
- type: String,
93
- default: "#2D353C"
94
- },
95
- minimapSelectedColorOpacity: {
96
- type: Number,
97
- default: 0.2
98
- },
99
- minimapSelectedIndex: {
100
- type: Number,
101
- default: null
102
- },
103
- minimapIndicatorColor: {
104
- type: String,
105
- default: "#2D353C"
106
- },
107
- refreshStartPoint: {
108
- type: Number,
109
- default: 0
110
- },
111
- refreshEndPoint: {
112
- type: Number,
113
- default: null
114
- },
115
- enableRangeHandles: {
116
- type: Boolean,
117
- default: !1
118
- },
119
- enableSelectionDrag: {
120
- type: Boolean,
121
- default: !0
122
- },
123
- verticalHandles: {
124
- type: Boolean,
125
- default: !1
126
- },
127
- timeLabels: {
128
- type: Array
129
- },
130
- isPreview: {
131
- type: Boolean,
132
- default: !1
133
- },
134
- preciseLabels: {
135
- type: Array,
136
- default() {
137
- return [];
138
- }
139
- },
140
- usePreciseLabels: {
141
- type: Boolean,
142
- default: !1
143
- },
144
- selectedSeries: {
145
- type: Object
146
- },
147
- customFormat: {
148
- type: [Function, null]
149
- },
150
- minimapCompact: {
151
- type: Boolean,
152
- default: !1
153
- },
154
- allMinimaps: {
155
- type: Array,
156
- default() {
157
- return [];
158
- }
159
- },
160
- minimapMerged: {
161
- type: Boolean,
162
- default: !1
163
- },
164
- minimapFrameColor: {
165
- type: String,
166
- default: "#e1e5e8"
167
- },
168
- cutNullValues: {
169
- type: Boolean,
170
- default: !1
171
- },
172
- focusOnDrag: {
173
- type: Boolean,
174
- default: !1
175
- },
176
- focusRangeRatio: {
177
- type: Number,
178
- default: 0.1
179
- }
180
- },
181
- emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
182
- setup(o, { expose: kt, emit: wt }) {
183
- el((t) => ({
184
- b2de82f6: Ct.value,
185
- v3e8646f9: f.value,
186
- v3bfbf5aa: Nt.value,
187
- v1ebb8829: o.selectColor,
188
- v81a49392: Pt.value
189
- }));
190
- const a = o, P = h(null), x = h(a.min), b = h(a.max), k = s(() => !!a.minimap.length), be = h(al()), H = h(!1), U = s(() => k.value && a.minimapCompact), Xe = h(0), Me = We((t) => A("futureStart", t), 0), ke = We((t) => A("futureEnd", t), 0), ee = s({
191
- get: () => x.value,
192
- set(t) {
193
- const l = Math.min(t, b.value - 1);
194
- l !== x.value && (x.value = l, le.value && (le.value.value = String(l)), a.immediate ? A("update:start", Number(l)) : H.value && Me(l));
195
- }
196
- }), te = s({
197
- get: () => b.value,
198
- set(t) {
199
- const l = Math.max(t, x.value + 1);
200
- l !== b.value && (b.value = l, ae.value && (ae.value.value = String(l)), a.immediate ? A("update:end", Number(l)) : H.value && ke(l));
201
- }
202
- });
203
- let Ze = null;
204
- function R() {
205
- clearTimeout(Ze), a.immediate || (A("update:start", Number(x.value)), A("update:end", Number(b.value))), H.value = !1;
206
- }
207
- const St = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), A = wt, ve = s(() => {
208
- if (U.value) {
209
- const l = Math.max(1, Y.value - 1);
210
- return he.value / l * 100;
211
- }
212
- const t = Math.max(1, a.max - a.min);
213
- return (x.value - a.min) / t * 100;
214
- }), we = s(() => {
215
- if (U.value) {
216
- const l = Math.max(1, Y.value - 1);
217
- return de.value / l * 100;
218
- }
219
- const t = Math.max(1, a.max - a.min);
220
- return (b.value - a.min) / t * 100;
221
- }), Se = s(() => (ve.value + we.value) / 2), Ce = s(() => {
222
- if (!P.value) return !1;
223
- const t = Math.max(1, a.max - a.min);
224
- return P.value.getBoundingClientRect().width * ((x.value - a.min) / t) - fe.value / 2 < 0;
225
- }), Pe = s(() => {
226
- if (!P.value) return !1;
227
- const t = Math.max(1, a.max - a.min), l = P.value.getBoundingClientRect().width;
228
- return l * ((b.value - a.min) / t) + oe.value / 2 > l;
229
- }), L = s(() => {
230
- const t = Pe.value ? `calc(${Se.value}% - ${se.value.width}px - 2px)` : Ce.value ? `calc(${Se.value}% - 8px)` : `calc(${Se.value}% - ${se.value.width / 2}px - 4px)`;
231
- return {
232
- left: `${ve.value}%`,
233
- width: `${Math.max(0, we.value - ve.value)}%`,
234
- background: a.selectColor,
235
- tooltipLeft: `calc(${ve.value}% - ${Ce.value ? 9 : fe.value / 2 + 3.5}px)`,
236
- tooltipRight: `calc(${we.value}% - ${Pe.value ? oe.value - 9 : oe.value / 2 - 3.5}px)`,
237
- tooltipCenter: t,
238
- arrowLeft: !Ce.value,
239
- arrowRight: !Pe.value
240
- };
241
- }), Ct = s(() => a.inputColor), Pt = s(() => a.background), Nt = s(() => `${a.selectColor}33`), f = s(() => a.borderColor), Oe = s(() => {
242
- let t = [];
243
- for (let l = 0; l < a.max; l += 1)
244
- t.push(l);
245
- return t;
246
- });
247
- function Ue() {
248
- A("reset");
249
- }
250
- Q(
251
- () => a.min,
252
- (t) => {
253
- Number(x.value) < Number(t) && (x.value = Number(t)), Number(b.value) < Number(t) && (b.value = Number(t));
254
- }
255
- ), Q(
256
- () => a.max,
257
- (t) => {
258
- Number(x.value) > Number(t) && (x.value = Number(t)), Number(b.value) > Number(t) && (b.value = Number(t));
259
- }
260
- );
261
- const me = h(null), d = h({
262
- width: 1,
263
- height: 1
264
- }), K = h(null);
265
- tl(() => {
266
- if (k.value) {
267
- const t = We(() => {
268
- if (!me.value) return;
269
- const { width: l, height: e } = ol({ chart: me.value }), u = Math.max(0, Math.round(l)), r = Math.max(0, Math.round(e - 47));
270
- (u !== d.value.width || r !== d.value.height) && (d.value.width = u, d.value.height = r);
271
- }, 0);
272
- K.value = new ResizeObserver(t), K.value.observe(me.value);
273
- }
274
- }), Ve(() => {
275
- K.value && K.value.disconnect();
276
- });
277
- const Y = s(() => Math.max(1, a.max - a.min));
278
- function Ke(t) {
279
- const l = Math.floor(t - a.min);
280
- return Math.min(Math.max(0, l), Y.value);
281
- }
282
- function $t(t) {
283
- const l = Math.ceil(t - a.min);
284
- return Math.min(Math.max(0, l), Y.value);
285
- }
286
- const X = s(() => Ke(x.value)), j = s(() => $t(b.value)), Ne = s(() => Math.max(...a.allMinimaps.map((t) => t.series.length))), M = s(() => {
287
- if (!a.minimap.length) return 0;
288
- const t = Math.max(1, Ne.value - (a.minimapCompact ? 1 : 0));
289
- return d.value.width / t;
290
- }), Ye = s(() => a.allMinimaps.length ? a.allMinimaps.filter((t) => t.type === "bar" && t.isVisible).length : 0), $e = s(() => M.value / (Ye.value || 1) * 0.8);
291
- function je(t, l, e) {
292
- const u = $e.value, r = Math.max(1, Ye.value), m = Ne.value - 1;
293
- return e === 0 ? t + u / 2 * l : e === m ? t - u / 2 * (r - l) : t - r * u / 2 + l * u;
294
- }
295
- function qe(t, l) {
296
- return [0, Ne.value - 1].includes(l) ? $e.value / 2 : $e.value;
297
- }
298
- const Ge = s(() => {
299
- const t = [];
300
- if (Array.isArray(a.minimap) && a.minimap.length && a.minimapMerged && t.push(...a.minimap.filter(Number.isFinite)), Array.isArray(a.allMinimaps) && a.allMinimaps.length)
301
- for (const l of a.allMinimaps)
302
- l?.isVisible && Array.isArray(l?.series) && t.push(...l.series.filter(Number.isFinite));
303
- return t.length ? { min: Math.min(...t), max: Math.max(...t) } : { min: 0, max: 1 };
304
- }), Z = s(() => Ge.value.min), q = s(() => Ge.value.max), Lt = s(() => Z.value < 0 && q.value > 0 || q.value <= 0 ? Z.value : 0), Ft = s(() => Math.max(1e-9, Math.max(Math.abs(Z.value), Math.abs(q.value)))), Rt = s(() => Z.value < 0 && q.value > 0), At = (t) => {
305
- const l = Math.max(1, d.value.height);
306
- if (Rt.value) {
307
- const e = Ft.value;
308
- return (1 - (Math.max(-1, Math.min(1, t / e)) + 1) / 2) * l;
309
- } else {
310
- const e = Math.min(0, Z.value), u = Math.max(0, q.value);
311
- return l - (t - e) / Math.max(1e-9, u - e) * l;
312
- }
313
- }, Le = s(() => At(0));
314
- function Et(t, l, e) {
315
- const u = (m, C, y) => Math.max(C, Math.min(y, m));
316
- if (l <= 0) {
317
- const m = Math.max(1e-9, 0 - t);
318
- return (C) => e - (C - t) / m * e;
319
- } else if (t >= 0) {
320
- const m = Math.max(1e-9, l - 0);
321
- return (C) => e - (C - 0) / m * e;
322
- } else {
323
- const m = Math.max(1e-9, Math.max(Math.abs(t), Math.abs(l)));
324
- return (C) => (1 - (u(C / m, -1, 1) + 1) / 2) * e;
325
- }
326
- }
327
- function Je(t, l = !1) {
328
- if (!t || !t.length)
329
- return {
330
- fullSet: "",
331
- points: [],
332
- selectionSet: "",
333
- sliced: [],
334
- firstPlot: null,
335
- lastPlot: null,
336
- hasFull: !1,
337
- hasSelection: !1,
338
- fullMarkers: [],
339
- selectionMarkers: []
340
- };
341
- const e = Math.max(1, d.value.height), u = Et(Z.value, q.value, e), r = t.length, m = Math.min(Math.max(0, X.value), Math.max(0, r - 1)), C = Math.min(r, Math.max(m + 1, j.value)), y = t.map((p, rt) => {
342
- const ce = p, st = Number.isFinite(ce), Qt = M.value * rt + (a.minimapCompact ? 0 : M.value / 2), _t = u(0);
343
- return {
344
- x: Qt,
345
- y: st ? u(ce) : NaN,
346
- v: ce,
347
- value: ce == null ? null : st ? ce : null,
348
- y0: _t,
349
- i: rt
350
- };
351
- }), ge = (p) => p >= 0 && p < y.length && Number.isFinite(y[p]?.value), W = y.filter((p) => Number.isFinite(p.value) && !ge(p.i - 1) && !ge(p.i + 1)), ye = W.filter((p) => p.i >= m && p.i < C), O = y.slice(m, C), Gt = y.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? yt(y) : xt(y.filter((p) => p.value != null)) : a.cutNullValues ? pt(y) : bt(y.filter((p) => p.value != null)) : "", Jt = O.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? yt(O) : xt(O.filter((p) => p.value != null)) : a.cutNullValues ? pt(O) : bt(O.filter((p) => p.value != null)) : "";
352
- return {
353
- fullSet: Gt,
354
- points: y,
355
- selectionSet: Jt,
356
- sliced: O,
357
- firstPlot: y[m] || null,
358
- lastPlot: y[Math.max(0, C - 1)] || null,
359
- hasFull: y.length >= 2,
360
- hasSelection: O.length >= 2,
361
- fullMarkers: W,
362
- selectionMarkers: ye
363
- };
364
- }
365
- const v = s(() => a.minimap.length ? Je(a.minimap) : []), E = s(() => a.allMinimaps.length ? a.allMinimaps.map((t, l) => {
366
- const e = Je(t?.series || [], !!t.smooth), u = t?.id ?? t?.name ?? l;
367
- return {
368
- key: typeof u == "object" ? JSON.stringify(u) : String(u),
369
- color: t?.color,
370
- ...e,
371
- isVisible: t.isVisible,
372
- type: t.type || "line"
373
- };
374
- }) : []), N = s(() => {
375
- const t = X.value, l = Math.max(t + 1, j.value);
376
- return {
377
- x: M.value * t + (a.minimapCompact ? 0 : M.value / 2),
378
- width: M.value * (l - t) - M.value
379
- };
380
- }), B = h(a.minimapSelectedIndex), Qe = (t) => Math.round(a.min + t), he = s({
381
- get() {
382
- return U.value ? X.value : Number(ee.value);
383
- },
384
- set(t) {
385
- if (U.value) {
386
- const l = Math.round(+t || 0);
387
- Re(Qe(l));
388
- } else {
389
- let l = Math.round(+t || 0);
390
- const e = Number(b.value) - 1, u = Math.min(Math.max(a.min, l), e);
391
- le.value && (le.value.valueAsNumber = u), Re(u);
392
- }
393
- }
394
- }), de = s({
395
- get() {
396
- return U.value ? Math.max(X.value, j.value - 1) : Number(te.value);
397
- },
398
- set(t) {
399
- if (U.value) {
400
- const l = Math.round(+t || 0);
401
- Ee(Qe(l + 1));
402
- } else {
403
- let l = Math.round(+t || 0);
404
- const e = Number(x.value) + 1, u = Math.max(e, Math.min(l, a.max));
405
- ae.value && (ae.value.valueAsNumber = u), Ee(u);
406
- }
407
- }
408
- });
409
- function Bt(t) {
410
- B.value = Ke(a.valueStart) + t;
411
- }
412
- const Tt = ul(Bt, 60);
413
- Q(() => a.minimapSelectedIndex, (t, l) => {
414
- if ([null, void 0].includes(t)) {
415
- B.value = null;
416
- return;
417
- }
418
- t !== l && Tt(t);
419
- }, { immediate: !0 });
420
- function It(t) {
421
- B.value = t;
422
- const l = X.value, e = j.value;
423
- t >= l && t < e && !z.value && A("trapMouse", t - l);
424
- }
425
- const le = h(null), ae = h(null);
426
- function _e(t) {
427
- if (typeof t == "object" && t && "target" in t) {
428
- const e = t.target, u = "valueAsNumber" in e ? e.valueAsNumber : +e.value;
429
- return Number.isFinite(u) ? u : NaN;
430
- }
431
- const l = +t;
432
- return Number.isFinite(l) ? l : NaN;
433
- }
434
- let Fe = 0;
435
- function Re(t) {
436
- H.value = !0;
437
- const l = _e(t);
438
- Number.isFinite(l) && (cancelAnimationFrame(Fe), Fe = requestAnimationFrame(() => {
439
- ee.value = l;
440
- }));
441
- }
442
- let Ae = 0;
443
- function Ee(t) {
444
- H.value = !0;
445
- const l = _e(t);
446
- Number.isFinite(l) && (cancelAnimationFrame(Ae), Ae = requestAnimationFrame(() => {
447
- te.value = l;
448
- }));
449
- }
450
- Ve(() => {
451
- cancelAnimationFrame(Fe), cancelAnimationFrame(Ae);
452
- });
453
- const ne = s(() => a.valueEnd - a.valueStart), Vt = s(() => ne.value < a.max - a.min), G = h(!1);
454
- let Dt = h(null);
455
- const zt = s(() => (Xe.value - 48) / (a.max - a.min) * ne.value), Wt = s(() => Math.max(1, Xe.value - He - zt.value)), Ht = s(() => Math.max(1, a.max - a.min - ne.value)), Xt = s(() => Ht.value / Wt.value), et = h(0), tt = h(0), Zt = h(0), Ot = h(0);
456
- let T = null, I = null, V = null, D = null;
457
- const lt = h(a.min);
458
- function Be(t) {
459
- if (!P.value) return a.min;
460
- const l = P.value.getBoundingClientRect(), e = l.left + He / 2, u = l.right - He / 2, r = Math.max(1, u - e), C = (Math.max(e, Math.min(t, u)) - e) / r, y = Math.max(1, a.max - a.min);
461
- return Math.round(a.min + C * y);
462
- }
463
- const at = async (t) => {
464
- if (H.value = !0, J.value = !0, !a.enableSelectionDrag) return;
465
- const l = t.type === "touchstart";
466
- l || t.stopPropagation();
467
- const e = l && t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null, u = l ? e ? e.target : null : t.target;
468
- if (!u || !(u instanceof Element) || u.classList && u.classList.contains("range-handle")) return;
469
- G.value = !0;
470
- const r = l ? e ? e.clientX : 0 : t.clientX;
471
- if (Dt.value = r, et.value = r, a.focusOnDrag && !Vt.value && P.value) {
472
- lt.value = Be(r);
473
- const m = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), C = a.max - a.min, y = Math.max(1, Math.round(C * m)), ge = Math.floor(y / 2);
474
- let W = lt.value - ge;
475
- W = Math.max(a.min, Math.min(W, a.max - y));
476
- const ye = Math.min(a.max, W + y);
477
- ee.value = W, te.value = ye, Me(W), ke(ye), Mt(P.value, "mouseup"), await xe(), Mt(P.value, "mousedown", { clientX: r });
478
- }
479
- tt.value = x.value, Zt.value = b.value, Ot.value = Xt.value, T = l ? "touchmove" : "mousemove", I = l ? "touchend" : "mouseup", V = l ? Kt : Ut, D = l ? jt : Yt, window.addEventListener(T, V, { passive: !1 }), window.addEventListener(I, D);
480
- };
481
- function Ut(t) {
482
- G.value && nt(t.clientX);
483
- }
484
- function Kt(t) {
485
- if (!G.value || !P.value) return;
486
- const l = t.target;
487
- if (!(l instanceof Element) || !P.value.contains(l) || l.classList && l.classList.contains("range-handle")) return;
488
- t.preventDefault();
489
- const e = t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null;
490
- e && nt(e.clientX);
491
- }
492
- function nt(t) {
493
- if (!G.value) return;
494
- const l = Be(et.value), u = Be(t) - l;
495
- let r = Math.round(tt.value + u);
496
- r = Math.max(a.min, Math.min(r, a.max - ne.value));
497
- const m = r + ne.value;
498
- ee.value = r, te.value = m, Me(r), ke(m);
499
- }
500
- function Yt() {
501
- it();
502
- }
503
- function jt() {
504
- it();
505
- }
506
- function it() {
507
- G.value = !1, T && V && window.removeEventListener(T, V), I && D && window.removeEventListener(I, D), T = I = null, V = D = null, R();
508
- }
509
- const z = h(!1), ie = h(null), ue = h(null), fe = h(1), oe = h(1), J = h(!1);
510
- function Te() {
511
- if (ie.value) {
512
- const t = Math.round(ie.value.getBoundingClientRect().width);
513
- t !== fe.value && (fe.value = t);
514
- }
515
- }
516
- function Ie() {
517
- if (ue.value) {
518
- const t = Math.round(ue.value.getBoundingClientRect().width);
519
- t !== oe.value && (oe.value = t);
520
- }
521
- }
522
- ct(() => {
523
- Te(), Ie();
524
- });
525
- const ut = h(0);
526
- function ot(t) {
527
- ut.value = t === "start" ? 1 : 0;
528
- }
529
- const re = h(!1), se = h({
530
- width: 0,
531
- left: 0
532
- });
533
- Q([x, b], async () => {
534
- if (await xe(), !ie.value || !ue.value) {
535
- re.value = !1, se.value = { width: 0, left: 0 };
536
- return;
537
- }
538
- const t = ie.value.getBoundingClientRect(), l = ue.value.getBoundingClientRect();
539
- re.value = t.x + t.width > l.x;
540
- const e = t.x + t.width / 2, u = l.x + l.width / 2, r = t.width + l.width, m = (e + u) / 2;
541
- se.value = {
542
- width: r,
543
- left: m - r / 2
544
- };
545
- }), ct(() => {
546
- Te(), Ie();
547
- }), Q(() => a.labelLeft, () => {
548
- xe(Te);
549
- }, { deep: !0 }), Q(() => a.labelRight, () => {
550
- xe(Ie);
551
- }, { deep: !0 });
552
- const w = s(() => {
553
- let t = "", l = "", e = !1;
554
- if (nl(a.customFormat))
555
- try {
556
- const u = a.customFormat({
557
- absoluteIndex: x.value,
558
- seriesIndex: x.value,
559
- datapoint: a.selectedSeries,
560
- timeLabel: a.preciseLabels[x.value]
561
- }), r = a.customFormat({
562
- absoluteIndex: b.value - 1,
563
- seriesIndex: -1,
564
- datapoint: a.selectedSeries,
565
- timeLabel: a.preciseLabels[b.value - 1]
566
- });
567
- typeof u == "string" && typeof r == "string" && (t = u, l = r, e = !0);
568
- } catch {
569
- e = !1;
570
- }
571
- if (!e) {
572
- const u = a.usePreciseLabels ? a.preciseLabels.find((m) => m.absoluteIndex === x.value) : a.timeLabels.find((m) => m.absoluteIndex === x.value), r = a.usePreciseLabels ? a.preciseLabels.find((m) => m.absoluteIndex === b.value - 1) : a.timeLabels.find((m) => m.absoluteIndex === b.value - 1);
573
- t = u ? u.text : "", l = r ? r.text : "";
574
- }
575
- return { left: t, right: l };
576
- });
577
- Ve(() => {
578
- K.value && K.value.disconnect(), T && V && window.removeEventListener(T, V), I && D && window.removeEventListener(I, D), T = I = null, V = D = null, clearTimeout(Ze);
579
- });
580
- const qt = s(() => {
581
- if (!Oe.value.length) return null;
582
- if (B.value >= X.value && B.value < j.value) {
583
- const t = B.value;
584
- return {
585
- x1: M.value * t + (a.minimapCompact ? 0 : M.value / 2),
586
- x2: M.value * t + (a.minimapCompact ? 0 : M.value / 2),
587
- y1: 0,
588
- y2: Math.max(d.value.height, 0),
589
- stroke: a.minimapIndicatorColor,
590
- "stroke-linecap": "round",
591
- "stroke-dasharray": 2,
592
- "stroke-width": 1
593
- };
594
- } else
595
- return null;
596
- });
597
- return kt({
598
- setStartValue: Re,
599
- setEndValue: Ee
600
- }), (t, l) => (i(), n("div", {
601
- "data-dom-to-png-ignore": "",
602
- style: { padding: "0 24px" },
603
- class: "vue-data-ui-zoom",
604
- ref_key: "zoomWrapper",
605
- ref: P,
606
- onMousedown: at,
607
- onTouchstart: at
608
- }, [
609
- $("div", cl, [
610
- o.valueStart !== o.refreshStartPoint || o.valueEnd !== St.value ? (i(), n("div", vl, [
611
- o.useResetSlot ? vt(t.$slots, "reset-action", {
612
- key: 1,
613
- reset: Ue
614
- }, void 0, !0) : (i(), n("button", {
615
- key: 0,
616
- tabindex: "0",
617
- role: "button",
618
- class: "vue-data-ui-refresh-button",
619
- style: F({
620
- top: k.value ? "36px" : "-16px",
621
- pointerEvents: "all !important"
622
- }),
623
- onClick: Ue
624
- }, [
625
- ll(rl, {
626
- name: "refresh",
627
- stroke: o.textColor
628
- }, null, 8, ["stroke"])
629
- ], 4))
630
- ])) : c("", !0)
631
- ]),
632
- $("div", {
633
- class: "double-range-slider",
634
- ref_key: "minimapWrapper",
635
- ref: me,
636
- style: { "z-index": "0" },
637
- onMouseenter: l[11] || (l[11] = (e) => J.value = !0),
638
- onMouseleave: l[12] || (l[12] = (e) => J.value = !1)
639
- }, [
640
- k.value ? (i(), n("div", ml, [
641
- (i(), n("svg", {
642
- key: `mm-${o.minimapMerged ? "merged" : "split"}-${o.minimapCompact ? "compact" : "normal"}`,
643
- xmlns: pe(il),
644
- viewBox: `0 0 ${Math.max(0, d.value.width)} ${Math.max(0, d.value.height)}`
645
- }, [
646
- $("defs", null, [
647
- $("linearGradient", {
648
- id: be.value,
649
- x1: "0%",
650
- y1: "0%",
651
- x2: "0%",
652
- y2: "100%"
653
- }, [
654
- $("stop", {
655
- offset: "0%",
656
- "stop-color": `${o.minimapLineColor}50`
657
- }, null, 8, fl),
658
- l[13] || (l[13] = $("stop", {
659
- offset: "100%",
660
- "stop-color": "transparent"
661
- }, null, -1))
662
- ], 8, dl)
663
- ]),
664
- o.minimapCompact ? (i(), n("rect", {
665
- key: 0,
666
- class: "vue-ui-zoom-minimap-frame",
667
- x: 0,
668
- y: 0,
669
- width: d.value.width,
670
- height: d.value.height,
671
- fill: "none",
672
- stroke: o.minimapFrameColor,
673
- rx: 3
674
- }, null, 8, gl)) : c("", !0),
675
- t.$slots.slotMap ? c("", !0) : (i(), n(g, { key: 1 }, [
676
- o.minimapMerged ? (i(), n("path", {
677
- key: 0,
678
- d: `M${v.value.fullSet}`,
679
- stroke: `${o.minimapLineColor}`,
680
- fill: "none",
681
- "stroke-width": "1",
682
- "stroke-linecap": "round",
683
- "stroke-linejoin": "round",
684
- style: { opacity: "0.6" }
685
- }, null, 8, yl)) : c("", !0),
686
- o.minimapMerged && !o.minimapCompact ? (i(), n("path", {
687
- key: 1,
688
- d: `M${M.value / 2},${Math.max(d.value.height, 0)} ${v.value.fullSet} L${d.value.width - M.value / 2},${Math.max(d.value.height, 0)}Z`,
689
- fill: `url(#${be.value})`,
690
- stroke: "none",
691
- style: { opacity: "0.6" }
692
- }, null, 8, xl)) : o.minimapMerged ? c("", !0) : (i(), n(g, { key: 2 }, [
693
- (i(!0), n(g, null, S(E.value.filter((e) => e.type === "bar" && e.isVisible), (e, u) => (i(), n("g", null, [
694
- (i(!0), n(g, null, S(e.points, (r, m) => (i(), n(g, null, [
695
- e && !isNaN(r.y) ? (i(), n("rect", {
696
- key: 0,
697
- x: je(r.x, u, m),
698
- y: r.v >= 0 ? r.y : r.y0,
699
- width: qe(u, m),
700
- height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
701
- fill: e.color,
702
- style: { opacity: 0.6 }
703
- }, null, 8, pl)) : c("", !0)
704
- ], 64))), 256))
705
- ]))), 256)),
706
- (i(!0), n(g, null, S(E.value.filter((e) => e.type === "line"), (e) => (i(), n("g", null, [
707
- e.isVisible ? (i(), n("path", {
708
- key: 0,
709
- d: `M ${e.fullSet}`,
710
- fill: "none",
711
- stroke: e.color,
712
- style: { opacity: "0.6" }
713
- }, null, 8, bl)) : c("", !0),
714
- e.isVisible && o.cutNullValues ? (i(!0), n(g, { key: 1 }, S(e.fullMarkers, (u) => (i(), n("circle", {
715
- key: `sel-dot-under-${e.key}-${u.i}`,
716
- cx: u.x,
717
- cy: u.y,
718
- r: "2",
719
- fill: e.color,
720
- stroke: f.value,
721
- "stroke-width": "0.5",
722
- style: { opacity: "0.6" }
723
- }, null, 8, Ml))), 128)) : c("", !0)
724
- ]))), 256)),
725
- (i(!0), n(g, null, S(E.value.filter((e) => e.type === "plot"), (e) => (i(), n("g", null, [
726
- (i(!0), n(g, null, S(e.points, (u) => (i(), n("g", null, [
727
- e.isVisible && u.value !== null ? (i(), n("circle", {
728
- key: `sel-plot-under-${e.key}-${u.i}`,
729
- cx: u.x,
730
- cy: u.y,
731
- r: "2",
732
- fill: e.color,
733
- stroke: f.value,
734
- "stroke-width": "0.5",
735
- style: { opacity: "0.6" }
736
- }, null, 8, kl)) : c("", !0)
737
- ]))), 256))
738
- ]))), 256))
739
- ], 64))
740
- ], 64)),
741
- $("rect", {
742
- x: N.value.x,
743
- y: 0,
744
- width: Math.max(0, N.value.width),
745
- height: Math.max(d.value.height, 0),
746
- fill: f.value,
747
- rx: o.minimapSelectionRadius,
748
- stroke: "none"
749
- }, null, 8, wl),
750
- $("rect", {
751
- x: N.value.x,
752
- y: 0,
753
- width: N.value.width < 0 ? 0 : N.value.width,
754
- height: Math.max(d.value.height, 0),
755
- rx: o.minimapSelectionRadius,
756
- fill: f.value,
757
- style: F({ opacity: G.value || H.value ? 0 : 1 })
758
- }, null, 12, Sl),
759
- $("rect", {
760
- x: N.value.x,
761
- y: 0,
762
- width: N.value.width < 0 ? 0 : N.value.width,
763
- height: Math.max(d.value.height, 0),
764
- fill: o.minimapSelectedColor,
765
- rx: o.minimapSelectionRadius,
766
- style: F({ opacity: o.minimapSelectedColorOpacity })
767
- }, null, 12, Cl),
768
- !o.minimapMerged && Lt.value < 0 ? (i(), n("line", {
769
- key: 2,
770
- class: "slicer-minimap-zero-line",
771
- x1: 0,
772
- x2: d.value.width,
773
- y1: Le.value,
774
- y2: Le.value,
775
- stroke: o.minimapFrameColor,
776
- "stroke-width": "0.5"
777
- }, null, 8, Pl)) : c("", !0),
778
- t.$slots.slotMap ? c("", !0) : (i(), n(g, { key: 3 }, [
779
- o.minimapMerged ? (i(), n("g", Nl, [
780
- v.value && v.value.sliced && v.value.sliced.length ? (i(), n(g, { key: 0 }, [
781
- v.value.selectionSet ? (i(), n("path", {
782
- key: 0,
783
- 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`,
784
- fill: `url(#${be.value})`,
785
- stroke: "none",
786
- style: { opacity: "1" }
787
- }, null, 8, $l)) : c("", !0),
788
- v.value.selectionSet ? (i(), n("path", {
789
- key: 1,
790
- d: `M ${v.value.selectionSet}`,
791
- stroke: `${o.minimapLineColor}`,
792
- fill: "transparent",
793
- "stroke-width": "2",
794
- "stroke-linecap": "round",
795
- "stroke-linejoin": "round"
796
- }, null, 8, Ll)) : c("", !0)
797
- ], 64)) : c("", !0),
798
- v.value && v.value.firstPlot ? (i(), n("circle", {
799
- key: 1,
800
- cx: v.value.firstPlot.x,
801
- cy: v.value.firstPlot.y,
802
- "stroke-width": "0.5",
803
- stroke: f.value,
804
- r: "3",
805
- fill: o.minimapLineColor
806
- }, null, 8, Fl)) : c("", !0),
807
- v.value && v.value.lastPlot ? (i(), n("circle", {
808
- key: 2,
809
- cx: v.value.lastPlot.x,
810
- cy: v.value.lastPlot.y,
811
- "stroke-width": "0.5",
812
- stroke: f.value,
813
- r: "3",
814
- fill: o.minimapLineColor
815
- }, null, 8, Rl)) : c("", !0)
816
- ])) : (i(), n("g", Al, [
817
- (i(!0), n(g, null, S(E.value.filter((e) => e.type === "bar" && e.isVisible), (e, u) => (i(), n("g", null, [
818
- (i(!0), n(g, null, S(e.points, (r, m) => (i(), n(g, null, [
819
- e && !isNaN(r.y) ? (i(), n("rect", {
820
- key: 0,
821
- x: je(r.x, u, m),
822
- y: r.v >= 0 ? r.y : r.y0,
823
- width: qe(u, m),
824
- height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
825
- fill: e.color,
826
- style: F({ opacity: m >= ee.value && m < te.value ? 1 : 0 })
827
- }, null, 12, El)) : c("", !0)
828
- ], 64))), 256))
829
- ]))), 256)),
830
- (i(!0), n(g, null, S(E.value.filter((e) => e.type === "line"), (e) => (i(), n("g", {
831
- key: String(e.key)
832
- }, [
833
- e && e.hasSelection && e.selectionSet && e.isVisible ? (i(), n("path", {
834
- key: 0,
835
- d: `M ${e.selectionSet}`,
836
- stroke: e.color,
837
- fill: "transparent",
838
- "stroke-width": "2",
839
- "stroke-linecap": "round",
840
- "stroke-linejoin": "round"
841
- }, null, 8, Bl)) : c("", !0)
842
- ]))), 128)),
843
- (i(!0), n(g, null, S(E.value.filter((e) => e.type === "plot"), (e) => (i(), n("g", {
844
- key: String(e.key)
845
- }, [
846
- (i(!0), n(g, null, S(e.points, (u) => (i(), n("g", null, [
847
- e.isVisible && u.value !== null ? (i(), n("circle", {
848
- key: 0,
849
- cx: u.x,
850
- cy: u.y,
851
- r: "2",
852
- fill: e.color,
853
- stroke: f.value,
854
- "stroke-width": "0.5",
855
- style: { opacity: "0.6" }
856
- }, null, 8, Tl)) : c("", !0)
857
- ]))), 256))
858
- ]))), 128))
859
- ]))
860
- ], 64)),
861
- t.$slots.slotMap ? vt(t.$slots, "slotMap", ht(dt({ key: 4 }, {
862
- width: Math.max(0, d.value.width),
863
- height: Math.max(0, d.value.height),
864
- zeroY: Le.value,
865
- unitW: Math.max(0, M.value)
866
- })), void 0, !0) : c("", !0),
867
- k.value && o.minimapCompact ? (i(), n("rect", {
868
- key: 5,
869
- class: "vue-ui-zoom-compact-minimap-handle",
870
- x: N.value.x - 8,
871
- y: 0,
872
- width: 8,
873
- height: d.value.height,
874
- fill: f.value,
875
- stroke: o.textColor,
876
- rx: 3
877
- }, null, 8, Il)) : c("", !0),
878
- k.value && o.minimapCompact ? (i(), n("rect", {
879
- key: 6,
880
- class: "vue-ui-zoom-compact-minimap-handle",
881
- x: N.value.x + N.value.width,
882
- y: 0,
883
- width: 8,
884
- height: d.value.height,
885
- fill: f.value,
886
- stroke: o.textColor,
887
- rx: 3
888
- }, null, 8, Vl)) : c("", !0),
889
- B.value !== null && !z.value ? (i(), n("line", ht(dt({ key: 7 }, qt.value)), null, 16)) : c("", !0),
890
- t.$slots.slotMap ? c("", !0) : (i(), n(g, { key: 8 }, [
891
- o.minimapMerged ? (i(), n("g", Dl, [
892
- v.value && v.value.firstPlot && v.value.firstPlot.value !== null ? (i(), n("circle", {
893
- key: 0,
894
- cx: v.value.firstPlot.x,
895
- cy: v.value.firstPlot.y,
896
- "stroke-width": "0.5",
897
- stroke: f.value,
898
- r: "4",
899
- fill: o.minimapLineColor
900
- }, null, 8, zl)) : c("", !0),
901
- v.value && v.value.firstPlot && v.value.firstPlot.value !== null ? (i(), n("circle", {
902
- key: 1,
903
- cx: v.value.firstPlot.x,
904
- cy: v.value.firstPlot.y,
905
- r: 2,
906
- fill: f.value
907
- }, null, 8, Wl)) : c("", !0),
908
- v.value && v.value.lastPlot && v.value.lastPlot.value !== null ? (i(), n("circle", {
909
- key: 2,
910
- cx: v.value.lastPlot.x,
911
- cy: v.value.lastPlot.y,
912
- "stroke-width": "0.5",
913
- stroke: f.value,
914
- r: "4",
915
- fill: o.minimapLineColor
916
- }, null, 8, Hl)) : c("", !0),
917
- v.value && v.value.lastPlot && v.value.lastPlot.value !== null ? (i(), n("circle", {
918
- key: 3,
919
- cx: v.value.lastPlot.x,
920
- cy: v.value.lastPlot.y,
921
- r: "2",
922
- fill: f.value
923
- }, null, 8, Xl)) : c("", !0)
924
- ])) : (i(), n("g", Zl, [
925
- (i(!0), n(g, null, S(E.value.filter((e) => e.type === "line"), (e) => (i(), n("g", {
926
- key: String(e.key)
927
- }, [
928
- e && e.hasSelection && e.selectionSet && e.isVisible ? (i(), n("path", {
929
- key: 0,
930
- d: `M ${e.selectionSet}`,
931
- stroke: e.color,
932
- fill: "transparent",
933
- "stroke-width": "2",
934
- "stroke-linecap": "round",
935
- "stroke-linejoin": "round"
936
- }, null, 8, Ol)) : c("", !0),
937
- e.isVisible && o.cutNullValues ? (i(!0), n(g, { key: 1 }, S(e.selectionMarkers, (u) => (i(), n("circle", {
938
- key: `sel-dot-${e.key}-${u.i}`,
939
- cx: u.x,
940
- cy: u.y,
941
- r: "2.5",
942
- fill: e.color,
943
- stroke: f.value,
944
- "stroke-width": "0.5"
945
- }, null, 8, Ul))), 128)) : c("", !0),
946
- e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (i(), n("circle", {
947
- key: 2,
948
- cx: e.firstPlot.x,
949
- cy: e.firstPlot.y,
950
- "stroke-width": "0.5",
951
- stroke: f.value,
952
- r: "4",
953
- fill: e.color
954
- }, null, 8, Kl)) : c("", !0),
955
- e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (i(), n("circle", {
956
- key: 3,
957
- cx: e.firstPlot.x,
958
- cy: e.firstPlot.y,
959
- r: "2",
960
- fill: f.value
961
- }, null, 8, Yl)) : c("", !0),
962
- e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (i(), n("circle", {
963
- key: 4,
964
- cx: e.lastPlot.x,
965
- cy: e.lastPlot.y,
966
- "stroke-width": "0.5",
967
- stroke: f.value,
968
- r: "4",
969
- fill: e.color
970
- }, null, 8, jl)) : c("", !0),
971
- e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (i(), n("circle", {
972
- key: 5,
973
- cx: e.lastPlot.x,
974
- cy: e.lastPlot.y,
975
- r: "2",
976
- fill: f.value
977
- }, null, 8, ql)) : c("", !0)
978
- ]))), 128)),
979
- (i(!0), n(g, null, S(E.value.filter((e) => e.type === "plot"), (e) => (i(), n("g", {
980
- key: String(e.key)
981
- }, [
982
- (i(!0), n(g, null, S(e.points, (u) => (i(), n("g", null, [
983
- e.isVisible && o.cutNullValues && u.value !== null ? (i(), n("circle", {
984
- key: `sel-plot-${e.key}-${u.i}`,
985
- cx: u.x,
986
- cy: u.y,
987
- r: "2.5",
988
- fill: e.color,
989
- stroke: f.value,
990
- "stroke-width": "0.5"
991
- }, null, 8, Gl)) : c("", !0)
992
- ]))), 256))
993
- ]))), 128))
994
- ]))
995
- ], 64)),
996
- (i(!0), n(g, null, S(Oe.value, (e, u) => (i(), n("rect", {
997
- x: M.value * u - (o.minimapCompact ? M.value / 2 : 0),
998
- y: 0,
999
- height: Math.max(d.value.height, 0),
1000
- width: M.value < 0 ? 0 : M.value,
1001
- fill: "transparent",
1002
- style: F([{ "pointer-events": "all !important" }, { cursor: e >= X.value && e < j.value && o.enableSelectionDrag ? z.value ? "grabbing" : "grab" : "default" }]),
1003
- onMousedown: l[0] || (l[0] = (r) => z.value = !0),
1004
- onMouseup: l[1] || (l[1] = (r) => z.value = !1),
1005
- onMouseenter: (r) => It(e),
1006
- onMouseleave: l[2] || (l[2] = (r) => {
1007
- B.value = null, A("trapMouse", null);
1008
- })
1009
- }, null, 44, Jl))), 256))
1010
- ], 8, hl))
1011
- ])) : c("", !0),
1012
- $("div", {
1013
- class: "slider-track",
1014
- style: F({ visibility: k.value && o.minimapCompact ? "hidden" : "visible" })
1015
- }, null, 4),
1016
- $("div", {
1017
- class: _({ "range-highlight": !0, move: o.enableSelectionDrag }),
1018
- onMousedown: l[3] || (l[3] = (e) => z.value = !0),
1019
- onMouseup: l[4] || (l[4] = (e) => z.value = !1),
1020
- style: F({
1021
- ...L.value,
1022
- cursor: z.value ? "grabbing" : "grab",
1023
- visibility: k.value && o.minimapCompact ? "hidden" : "visible"
1024
- })
1025
- }, null, 38),
1026
- o.enableRangeHandles ? mt((i(), n("input", {
1027
- key: 1,
1028
- ref_key: "rangeStart",
1029
- ref: le,
1030
- type: "range",
1031
- class: _({
1032
- "range-left": !0,
1033
- "range-handle": !0,
1034
- "range-minimap": k.value && o.verticalHandles,
1035
- "range-invisible": k.value && o.minimapCompact
1036
- }),
1037
- min: o.min,
1038
- max: o.minimapCompact && k.value ? Math.max(0, Y.value - 1) : o.max,
1039
- "onUpdate:modelValue": l[5] || (l[5] = (e) => he.value = e),
1040
- onInput: l[6] || (l[6] = (e) => he.value = e.target.valueAsNumber),
1041
- onChange: R,
1042
- onKeyup: ft(R, ["enter"]),
1043
- onBlur: R,
1044
- onMouseenter: l[7] || (l[7] = (e) => ot("start")),
1045
- onPointerup: R
1046
- }, null, 42, Ql)), [
1047
- [
1048
- gt,
1049
- he.value,
1050
- void 0,
1051
- { number: !0 }
1052
- ]
1053
- ]) : c("", !0),
1054
- o.enableRangeHandles ? mt((i(), n("input", {
1055
- key: 2,
1056
- ref_key: "rangeEnd",
1057
- ref: ae,
1058
- type: "range",
1059
- class: _({
1060
- "range-right": !0,
1061
- "range-handle": !0,
1062
- "range-minimap": k.value && o.verticalHandles,
1063
- "range-invisible": k.value && o.minimapCompact
1064
- }),
1065
- min: o.min,
1066
- max: o.minimapCompact && k.value ? Math.max(0, Y.value - 1) : o.max,
1067
- "onUpdate:modelValue": l[8] || (l[8] = (e) => de.value = e),
1068
- onInput: l[9] || (l[9] = (e) => de.value = e.target.valueAsNumber),
1069
- onChange: R,
1070
- onKeyup: ft(R, ["enter"]),
1071
- onBlur: R,
1072
- onMouseenter: l[10] || (l[10] = (e) => ot("end")),
1073
- onPointerup: R
1074
- }, null, 42, _l)), [
1075
- [
1076
- gt,
1077
- de.value,
1078
- void 0,
1079
- { number: !0 }
1080
- ]
1081
- ]) : c("", !0),
1082
- w.value.left ? (i(), n("div", {
1083
- key: 3,
1084
- ref_key: "tooltipLeft",
1085
- ref: ie,
1086
- class: _({
1087
- "range-tooltip": !0,
1088
- "range-tooltip-visible": J.value,
1089
- "range-tooltip-arrow": L.value.arrowLeft && !o.verticalHandles,
1090
- "range-tooltip-arrow-left": !L.value.arrowLeft && !o.verticalHandles
1091
- }),
1092
- style: F({
1093
- left: L.value.tooltipLeft,
1094
- color: pe(ze)(o.selectColor),
1095
- backgroundColor: o.selectColor,
1096
- border: `1px solid ${f.value}`,
1097
- zIndex: `${ut.value + 4}`,
1098
- visibility: re.value || w.value.left === w.value.right ? "hidden" : "visible",
1099
- top: k.value && o.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1100
- })
1101
- }, De(w.value.left), 7)) : c("", !0),
1102
- (re.value || w.value.left === w.value.right) && (w.value.left || w.value.right) ? (i(), n("div", {
1103
- key: 4,
1104
- ref: "tooltipMerge",
1105
- class: _({
1106
- "range-tooltip": !0,
1107
- "range-tooltip-visible": J.value,
1108
- "range-tooltip-arrow": !0,
1109
- "range-tooltip-arrow-left": !L.value.arrowLeft && !o.verticalHandles,
1110
- "range-tooltip-arrow-right": !L.value.arrowRight && !o.verticalHandles
1111
- }),
1112
- style: F({
1113
- left: L.value.tooltipCenter,
1114
- width: se.value.width + "px",
1115
- color: pe(ze)(o.selectColor),
1116
- backgroundColor: o.selectColor,
1117
- border: `1px solid ${f.value}`,
1118
- zIndex: "4",
1119
- top: k.value && o.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1120
- })
1121
- }, De(w.value.left === w.value.right ? w.value.left : `${w.value.left} - ${w.value.right}`), 7)) : c("", !0),
1122
- w.value.right ? (i(), n("div", {
1123
- key: 5,
1124
- ref_key: "tooltipRight",
1125
- ref: ue,
1126
- class: _({
1127
- "range-tooltip": !0,
1128
- "range-tooltip-visible": J.value,
1129
- "range-tooltip-arrow": L.value.arrowRight && !o.verticalHandles,
1130
- "range-tooltip-arrow-right": !L.value.arrowRight && !o.verticalHandles
1131
- }),
1132
- style: F({
1133
- left: L.value.tooltipRight,
1134
- color: pe(ze)(o.selectColor),
1135
- backgroundColor: o.selectColor,
1136
- border: `1px solid ${f.value}`,
1137
- zIndex: "4",
1138
- visibility: re.value || w.value.left === w.value.right ? "hidden" : "visible",
1139
- top: k.value && o.minimapCompact ? "calc(-100% - 12px)" : "-100%"
1140
- })
1141
- }, De(w.value.right), 7)) : c("", !0)
1142
- ], 544)
1143
- ], 544));
1144
- }
1145
- }, ua = /* @__PURE__ */ sl(ea, [["__scopeId", "data-v-a5d41db3"]]);
1146
- export {
1147
- ua as S
1148
- };