vue-data-ui 3.0.0-next.7 → 3.0.0-next.70

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 (136) hide show
  1. package/dist/{Arrow-Bl8urcli.js → Arrow-fzydFjfE.js} +1 -1
  2. package/dist/{BaseDraggableDialog-CyhpaZU5.js → BaseDraggableDialog-BwazM8ka.js} +2 -2
  3. package/dist/{BaseIcon-BCZfTCeM.js → BaseIcon-BnbvQjs5.js} +1 -1
  4. package/dist/{ColorPicker-CSJf42vx.js → ColorPicker-DR1Yr4kR.js} +2 -2
  5. package/dist/{DataTable-mQ6Wd-rR.js → DataTable-CKpA_OA_.js} +2 -2
  6. package/dist/{Legend-B2hrDh4G.js → Legend-ChXhJNzd.js} +2 -2
  7. package/dist/{NonSvgPenAndPaper-DQ8KsK4W.js → NonSvgPenAndPaper-CPOpM7Os.js} +3 -3
  8. package/dist/{PackageVersion-CeEYZfaH.js → PackageVersion-CBHvscRY.js} +1 -1
  9. package/dist/{PenAndPaper-DhSxfUrQ.js → PenAndPaper-BCcfYvgR.js} +3 -3
  10. package/dist/{Shape-C2qH26wh.js → Shape-C1rNfsMY.js} +43 -37
  11. package/dist/Slicer-D8a4Wv1q.js +602 -0
  12. package/dist/{SparkTooltip-BcHgW6YX.js → SparkTooltip-BUdf02cs.js} +1 -1
  13. package/dist/{Title-B7Xb3YuE.js → Title-feqCv0Si.js} +1 -1
  14. package/dist/{Tooltip-BidRoM5E.js → Tooltip-DQbksria.js} +23 -19
  15. package/dist/{UserOptions-0tvMM8PF.js → UserOptions-CGnAZpYs.js} +2 -2
  16. package/dist/{dom-to-png-CTrlbKHr.js → dom-to-png-DTPmkDTK.js} +1 -1
  17. package/dist/{img-D72yZNUg.js → img-_RMhslMZ.js} +1 -1
  18. package/dist/{index-Cg-RjxqH.js → index-CnY41r21.js} +2103 -1411
  19. package/dist/{pdf-DgX01_wu.js → pdf-C02XBmhm.js} +1 -1
  20. package/dist/style.css +1 -1
  21. package/dist/types/vue-data-ui.d.cts +600 -22
  22. package/dist/types/vue-data-ui.d.ts +600 -22
  23. package/dist/useAutoSizeLabelsInsideViewbox-DVYZBwNc.js +81 -0
  24. package/dist/useFitSvgText-2crs6Fv5.js +69 -0
  25. package/dist/useLoading-D7YHNtLX.js +29 -0
  26. package/dist/useNestedProp-DtUATNAU.js +13 -0
  27. package/dist/usePanZoom-BVca3eMk.js +122 -0
  28. package/dist/{usePrinter-BUzmyQf9.js → usePrinter-CJ1uZx0D.js} +2 -2
  29. package/dist/useTimeLabelCollider-CIsgDrl9.js +78 -0
  30. package/dist/{useTimeLabels-Mrr0jrpL.js → useTimeLabels-DkzmKfZn.js} +211 -152
  31. package/dist/{vue-data-ui-DpO93ey5.js → vue-data-ui-DDBabVWX.js} +105 -100
  32. package/dist/vue-data-ui.js +23 -22
  33. package/dist/vue-ui-3d-bar-CtPXePUa.js +1323 -0
  34. package/dist/{vue-ui-accordion-CRomxzaL.js → vue-ui-accordion-CnLY8CrQ.js} +3 -3
  35. package/dist/vue-ui-age-pyramid-CvrNLE47.js +834 -0
  36. package/dist/{vue-ui-annotator-BAOxPiFx.js → vue-ui-annotator-NuSwWka4.js} +2 -2
  37. package/dist/vue-ui-bullet-CpIVgkPB.js +571 -0
  38. package/dist/vue-ui-candlestick-DGWKUeJp.js +999 -0
  39. package/dist/{vue-ui-carousel-table-DVGlPZIa.js → vue-ui-carousel-table-DWbQS8F3.js} +29 -29
  40. package/dist/{vue-ui-chestnut-P1v4ffD0.js → vue-ui-chestnut-K4-oOYff.js} +5 -5
  41. package/dist/vue-ui-chord-DqmP8yTR.js +1038 -0
  42. package/dist/{vue-ui-circle-pack-FXmemXgl.js → vue-ui-circle-pack-D_ufubH5.js} +24 -24
  43. package/dist/{vue-ui-cursor-CdvMgIrP.js → vue-ui-cursor-B0tP4woK.js} +2 -2
  44. package/dist/{vue-ui-dashboard-Vke0452J.js → vue-ui-dashboard-D_7qyx3P.js} +62 -62
  45. package/dist/{vue-ui-digits-BVhyYqCs.js → vue-ui-digits-pUQErY07.js} +2 -2
  46. package/dist/{vue-ui-donut-BpIivKcf.js → vue-ui-donut-Dl__PVfq.js} +320 -308
  47. package/dist/vue-ui-donut-evolution-BCGGTZZI.js +1075 -0
  48. package/dist/vue-ui-dumbbell-KzCa3k9g.js +1119 -0
  49. package/dist/vue-ui-flow-B1AOqk14.js +841 -0
  50. package/dist/{vue-ui-funnel-BbFmbsft.js → vue-ui-funnel-DCl9v71X.js} +16 -16
  51. package/dist/{vue-ui-galaxy-Cn6vHbaw.js → vue-ui-galaxy-0rAzDHe5.js} +60 -58
  52. package/dist/vue-ui-gauge-Cg4qAOEf.js +791 -0
  53. package/dist/vue-ui-gizmo-CQmMkODw.js +210 -0
  54. package/dist/vue-ui-heatmap-CgkgUDI0.js +1078 -0
  55. package/dist/vue-ui-history-plot-CYvkTszV.js +1073 -0
  56. package/dist/{vue-ui-kpi-jN_yMnLj.js → vue-ui-kpi-BDuOZbc2.js} +26 -26
  57. package/dist/{vue-ui-mini-loader-rYr76x8g.js → vue-ui-mini-loader-BZaU_YD-.js} +2 -2
  58. package/dist/{vue-ui-molecule-BWZHOQLi.js → vue-ui-molecule-HYjHgVuN.js} +53 -51
  59. package/dist/vue-ui-mood-radar-4pYtL93A.js +785 -0
  60. package/dist/vue-ui-nested-donuts-BVbvVm19.js +1286 -0
  61. package/dist/vue-ui-onion-DQg97Dwm.js +776 -0
  62. package/dist/vue-ui-parallel-coordinate-plot-KQ4FTUda.js +915 -0
  63. package/dist/{vue-ui-quadrant-BFFzfDw3.js → vue-ui-quadrant-D8OU7TFs.js} +512 -459
  64. package/dist/vue-ui-quick-chart-BOKDoHdK.js +1761 -0
  65. package/dist/vue-ui-radar-2hTf-Qrf.js +796 -0
  66. package/dist/{vue-ui-rating-BAauyqTn.js → vue-ui-rating-QriKDSO7.js} +2 -2
  67. package/dist/vue-ui-relation-circle-DqLiKEHw.js +598 -0
  68. package/dist/vue-ui-ridgeline-CvFlsavM.js +1153 -0
  69. package/dist/vue-ui-rings-B2ges9Ud.js +728 -0
  70. package/dist/vue-ui-scatter-DQJeFlv4.js +1178 -0
  71. package/dist/{vue-ui-skeleton-CUOhCY4p.js → vue-ui-skeleton-Bghm5obp.js} +3 -3
  72. package/dist/{vue-ui-smiley-B6SqWMov.js → vue-ui-smiley-C3SkDNoz.js} +26 -26
  73. package/dist/vue-ui-spark-trend-dd8h3N7H.js +315 -0
  74. package/dist/vue-ui-sparkbar-BTj8M7fY.js +351 -0
  75. package/dist/vue-ui-sparkgauge-BBQAo-W1.js +232 -0
  76. package/dist/vue-ui-sparkhistogram-C4ZEcb8S.js +380 -0
  77. package/dist/vue-ui-sparkline-Bm3GpqJx.js +489 -0
  78. package/dist/vue-ui-sparkstackbar-Dde4iayd.js +421 -0
  79. package/dist/vue-ui-stackbar-DPvfNjwH.js +1370 -0
  80. package/dist/vue-ui-strip-plot-iZIN9U90.js +915 -0
  81. package/dist/{vue-ui-table-Dwjl3L0p.js → vue-ui-table-C4EoviSd.js} +11 -11
  82. package/dist/{vue-ui-table-heatmap-DazTE3fa.js → vue-ui-table-heatmap-D-eqO3LU.js} +5 -5
  83. package/dist/{vue-ui-table-sparkline-BXMPUEpN.js → vue-ui-table-sparkline-CD7IH49g.js} +14 -14
  84. package/dist/vue-ui-thermometer-BKEFH2Xt.js +541 -0
  85. package/dist/{vue-ui-timer-yLvNAZL_.js → vue-ui-timer-hhKj1gPp.js} +5 -5
  86. package/dist/vue-ui-tiremarks-CmNwCnVC.js +406 -0
  87. package/dist/vue-ui-treemap-BL7T8x_B.js +1035 -0
  88. package/dist/{vue-ui-vertical-bar-BrYCoVym.js → vue-ui-vertical-bar-CGn_OX3P.js} +71 -69
  89. package/dist/vue-ui-waffle-qfT-wDhI.js +910 -0
  90. package/dist/vue-ui-wheel-B8J8C3AN.js +379 -0
  91. package/dist/vue-ui-word-cloud-B6oHFfEK.js +765 -0
  92. package/dist/{vue-ui-world-B4Dqrk4l.js → vue-ui-world-BEv_oTrC.js} +11 -9
  93. package/dist/vue-ui-xy-DPBrciAR.js +3771 -0
  94. package/dist/{vue-ui-xy-canvas-D7fL36kT.js → vue-ui-xy-canvas-BXT3mXj5.js} +265 -264
  95. package/package.json +1 -1
  96. package/dist/Slicer-BD8Z8VCW.js +0 -577
  97. package/dist/useLoading-Bt5Doa8m.js +0 -28
  98. package/dist/useNestedProp-C_G5E08Y.js +0 -13
  99. package/dist/usePanZoom-BQMvRXEQ.js +0 -115
  100. package/dist/vue-ui-3d-bar-D8imUwEz.js +0 -1227
  101. package/dist/vue-ui-age-pyramid-CV7gtFOC.js +0 -746
  102. package/dist/vue-ui-bullet-BtuMMBF7.js +0 -513
  103. package/dist/vue-ui-candlestick-BsRtXKrv.js +0 -873
  104. package/dist/vue-ui-chord-CIuzYmpM.js +0 -949
  105. package/dist/vue-ui-donut-evolution-BRlsCA4U.js +0 -903
  106. package/dist/vue-ui-dumbbell-D87Dumjh.js +0 -753
  107. package/dist/vue-ui-flow-D_L_xssL.js +0 -765
  108. package/dist/vue-ui-gauge-Ds4terqY.js +0 -738
  109. package/dist/vue-ui-gizmo-BTncpI62.js +0 -192
  110. package/dist/vue-ui-heatmap-B6GpjeWC.js +0 -877
  111. package/dist/vue-ui-history-plot-DTDzEeGq.js +0 -924
  112. package/dist/vue-ui-mood-radar-CPfS6f1L.js +0 -670
  113. package/dist/vue-ui-nested-donuts-Bsd2kGoJ.js +0 -1177
  114. package/dist/vue-ui-onion-BQ4nISXW.js +0 -701
  115. package/dist/vue-ui-parallel-coordinate-plot-BoHgVgbn.js +0 -807
  116. package/dist/vue-ui-quick-chart-oNMTeOAL.js +0 -1612
  117. package/dist/vue-ui-radar-98mXFZe-.js +0 -741
  118. package/dist/vue-ui-relation-circle-6oDCSxkO.js +0 -542
  119. package/dist/vue-ui-ridgeline-CugMGjOU.js +0 -969
  120. package/dist/vue-ui-rings-bsGXaD2m.js +0 -685
  121. package/dist/vue-ui-scatter-7ssLliGg.js +0 -1045
  122. package/dist/vue-ui-spark-trend-jauInkkN.js +0 -291
  123. package/dist/vue-ui-sparkbar-DXByIxQH.js +0 -301
  124. package/dist/vue-ui-sparkgauge-BMrV2gDi.js +0 -201
  125. package/dist/vue-ui-sparkhistogram-CoNM4G7o.js +0 -313
  126. package/dist/vue-ui-sparkline-DrN3_wS0.js +0 -459
  127. package/dist/vue-ui-sparkstackbar-W1a0JQi9.js +0 -381
  128. package/dist/vue-ui-stackbar-D1-gbUgE.js +0 -1207
  129. package/dist/vue-ui-strip-plot-KhfvrVuN.js +0 -761
  130. package/dist/vue-ui-thermometer-Cn6lJRs3.js +0 -495
  131. package/dist/vue-ui-tiremarks-BYsWePfK.js +0 -358
  132. package/dist/vue-ui-treemap-Ce7RVFG3.js +0 -965
  133. package/dist/vue-ui-waffle-CCrR2T1G.js +0 -863
  134. package/dist/vue-ui-wheel-BuxjnrDN.js +0 -352
  135. package/dist/vue-ui-word-cloud-C6fawHJE.js +0 -659
  136. package/dist/vue-ui-xy-ubRnv9iJ.js +0 -2980
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vue-data-ui",
3
3
  "private": false,
4
- "version": "3.0.0-next.7",
4
+ "version": "3.0.0-next.70",
5
5
  "type": "module",
6
6
  "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
7
7
  "keywords": [
@@ -1,577 +0,0 @@
1
- import { useCssVars as ze, computed as d, ref as i, watch as D, onMounted as Ae, onBeforeUnmount as Fe, watchEffect as He, nextTick as Y, onUpdated as Ve, createElementBlock as c, openBlock as m, createElementVNode as v, createCommentVNode as p, renderSlot as We, normalizeStyle as $, createVNode as Xe, withDirectives as me, unref as F, Fragment as he, renderList as fe, normalizeClass as L, vModelText as ge, toDisplayString as _ } from "vue";
2
- import Ue from "./BaseIcon-BCZfTCeM.js";
3
- import { t as Oe, u as Ze } from "./useResponsive-DfdjqQps.js";
4
- import { c as je, V as be, U as xe, X as Ge, F as ee } from "./index-Cg-RjxqH.js";
5
- import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
6
- const Je = {
7
- class: "vue-data-ui-slicer-labels",
8
- style: { position: "relative", "z-index": "1", "pointer-events": "none" }
9
- }, Ke = {
10
- key: 0,
11
- style: { width: "100%", position: "relative" }
12
- }, Qe = {
13
- key: 0,
14
- class: "minimap",
15
- style: { width: "100%" }
16
- }, Ye = ["xmlns", "viewBox"], _e = ["id"], et = ["stop-color"], tt = ["d", "stroke"], lt = ["x", "width", "height", "fill", "rx"], at = ["d", "fill"], nt = ["x", "width", "height", "rx", "fill"], it = ["x", "width", "height", "fill", "rx"], ot = ["d", "fill"], ut = ["d", "stroke"], rt = ["cx", "cy", "stroke", "fill"], st = ["cx", "cy", "stroke", "fill"], dt = ["x1", "x2", "y2", "stroke"], vt = ["x", "height", "width", "onMouseenter"], ct = ["min", "max"], mt = ["min", "max"], ht = {
17
- __name: "Slicer",
18
- props: {
19
- background: {
20
- type: String,
21
- default: "#FFFFFF"
22
- },
23
- borderColor: {
24
- type: String,
25
- default: "#FFFFFF"
26
- },
27
- fontSize: {
28
- type: Number,
29
- default: 14
30
- },
31
- labelLeft: {
32
- type: [String, Number],
33
- default: ""
34
- },
35
- labelRight: {
36
- type: [String, Number],
37
- default: ""
38
- },
39
- textColor: {
40
- type: String,
41
- default: "#1A1A1A"
42
- },
43
- inputColor: {
44
- type: String,
45
- default: "#1A1A1A"
46
- },
47
- max: {
48
- type: Number,
49
- default: 0
50
- },
51
- min: {
52
- type: Number,
53
- default: 0
54
- },
55
- selectColor: {
56
- type: String,
57
- default: "#4A4A4A"
58
- },
59
- useResetSlot: {
60
- type: Boolean,
61
- default: !1
62
- },
63
- valueStart: {
64
- type: [Number, String],
65
- default: 0
66
- },
67
- valueEnd: {
68
- type: [Number, String],
69
- default: 0
70
- },
71
- minimap: {
72
- type: Array,
73
- default: []
74
- },
75
- smoothMinimap: {
76
- type: Boolean,
77
- default: !1
78
- },
79
- minimapSelectedColor: {
80
- type: String,
81
- default: "#1f77b4"
82
- },
83
- minimapSelectionRadius: {
84
- type: Number,
85
- default: 12
86
- },
87
- minimapLineColor: {
88
- type: String,
89
- default: "#2D353C"
90
- },
91
- minimapSelectedColorOpacity: {
92
- type: Number,
93
- default: 0.2
94
- },
95
- minimapSelectedIndex: {
96
- type: Number,
97
- default: null
98
- },
99
- minimapIndicatorColor: {
100
- type: String,
101
- default: "#2D353C"
102
- },
103
- refreshStartPoint: {
104
- type: Number,
105
- default: 0
106
- },
107
- refreshEndPoint: {
108
- type: Number,
109
- default: null
110
- },
111
- enableRangeHandles: {
112
- type: Boolean,
113
- default: !1
114
- },
115
- enableSelectionDrag: {
116
- type: Boolean,
117
- default: !0
118
- },
119
- verticalHandles: {
120
- type: Boolean,
121
- default: !1
122
- }
123
- },
124
- emits: ["update:start", "update:end", "reset", "trapMouse"],
125
- setup(t, { expose: ye, emit: pe }) {
126
- ze((e) => ({
127
- "4d0617d2": Se.value,
128
- "71727c8b": w.value,
129
- "637a35bc": ke.value,
130
- "51a7bdbb": t.selectColor,
131
- e1fe5a6e: Ce.value
132
- }));
133
- const l = t, g = i(null), u = i(l.min), r = i(l.max), M = d(() => !!l.minimap.length), H = i(je()), we = d(() => l.refreshEndPoint === null ? l.max : l.refreshEndPoint), S = pe, b = d(() => {
134
- const e = l.max - l.min, a = (u.value - l.min) / e * 100, n = (r.value - l.min) / e * 100, s = (a + n) / 2, h = W.value ? `calc(${s}% - ${A.value.width}px)` : V.value ? `calc(${s}%)` : `calc(${s}% - ${A.value.width / 2}px)`;
135
- return {
136
- left: `${a}%`,
137
- width: `${n - a}%`,
138
- background: l.selectColor,
139
- tooltipLeft: `calc(${a}% - ${V.value ? 0 : K.value / 2}px)`,
140
- tooltipRight: `calc(${n}% - ${W.value ? z.value : z.value / 2}px)`,
141
- tooltipCenter: h,
142
- arrowLeft: !V.value,
143
- arrowRight: !W.value
144
- };
145
- }), V = d(() => g.value ? g.value.getBoundingClientRect().width * ((u.value - l.min) / (l.max - l.min)) - K.value / 2 < 0 : !1), W = d(() => g.value ? g.value.getBoundingClientRect().width * ((r.value - l.min) / (l.max - l.min)) + z.value / 2 > g.value.getBoundingClientRect().width : !1), Se = d(() => l.inputColor), Ce = d(() => l.background), ke = d(() => `${l.selectColor}33`), w = d(() => l.borderColor), te = d(() => {
146
- let e = [];
147
- for (let a = 0; a < l.minimap.length; a += 1)
148
- e.push(a);
149
- return e;
150
- });
151
- function le() {
152
- S("reset");
153
- }
154
- function $e() {
155
- Number(u.value) > Number(r.value) - 1 && (u.value = Number(r.value) - 1), S("update:start", Number(u.value));
156
- }
157
- function Re() {
158
- Number(r.value) < Number(u.value) + 1 && (r.value = Number(u.value) + 1), S("update:end", Number(r.value));
159
- }
160
- D(
161
- () => l.min,
162
- (e) => {
163
- Number(u.value) < Number(e) && (u.value = Number(e)), Number(r.value) < Number(e) && (r.value = Number(e));
164
- }
165
- ), D(
166
- () => l.max,
167
- (e) => {
168
- Number(u.value) > Number(e) && (u.value = Number(e)), Number(r.value) > Number(e) && (r.value = Number(e));
169
- }
170
- );
171
- const X = i(null), o = i({
172
- width: 1,
173
- height: 1
174
- }), T = i(null);
175
- Ae(() => {
176
- if (M.value) {
177
- const e = Oe(() => {
178
- const { width: a, height: n } = Ze({
179
- chart: X.value
180
- });
181
- o.value.width = a, o.value.height = n - 47;
182
- });
183
- T.value = new ResizeObserver(e), T.value.observe(X.value);
184
- }
185
- }), Fe(() => {
186
- T.value && T.value.disconnect();
187
- });
188
- const f = d(() => l.minimap.length ? o.value.width / l.minimap.length : 0), x = d(() => {
189
- if (!l.minimap.length) return [];
190
- const e = Math.max(...l.minimap), a = Math.min(...l.minimap) - 10, n = e - (a > 0 ? 0 : a), s = l.minimap.map((Q, Ie) => {
191
- const Pe = Q - a;
192
- return {
193
- x: o.value.width / l.minimap.length * Ie + f.value / 2,
194
- y: o.value.height - Pe / n * (o.value.height * 0.9)
195
- };
196
- }), h = l.smoothMinimap ? be(s) : xe(s), k = [...s].slice(l.valueStart, l.valueEnd), N = l.smoothMinimap ? be(k) : xe(k);
197
- return {
198
- fullSet: h,
199
- selectionSet: N,
200
- sliced: k,
201
- firstPlot: s[l.valueStart],
202
- lastPlot: s[l.valueEnd - 1]
203
- };
204
- }), y = d(() => ({
205
- x: f.value * u.value + f.value / 2,
206
- width: o.value.width * ((r.value - u.value) / l.max) - f.value
207
- })), E = i(l.minimapSelectedIndex);
208
- D(() => l.minimapSelectedIndex, (e) => {
209
- E.value = e + l.valueStart;
210
- }, { immediate: !0 });
211
- function Ne(e) {
212
- E.value = e, e >= l.valueStart && e < l.valueEnd && S("trapMouse", e - l.valueStart);
213
- }
214
- const Le = i(0), U = i(null), O = i(null);
215
- function Z(e) {
216
- u.value = e, U.value && (U.value.value = e), S("update:start", Number(u.value));
217
- }
218
- function j(e) {
219
- r.value = e, O.value && (O.value.value = e), S("update:end", Number(r.value));
220
- }
221
- const G = d(() => l.valueEnd - l.valueStart), q = i(!1);
222
- let J = i(null);
223
- const Me = d(() => g.value ? (g.value.getBoundingClientRect().width - 48) / (l.max - l.min) : 20), Ee = d(() => (g.value.getBoundingClientRect().width - 48) / (l.max - l.min) * G.value), Be = i(2.5), ae = d(() => {
224
- const e = g.value.getBoundingClientRect().width - 48;
225
- return Math.ceil((l.max - l.min) / ((e - Ee.value) / Be.value));
226
- }), ne = (e) => {
227
- if (C.value = !0, !l.enableSelectionDrag)
228
- return;
229
- const a = e.type === "touchstart";
230
- if ((a ? e.targetTouches[0].target : e.target).classList.contains("range-handle"))
231
- return;
232
- q.value = !0, J.value = a ? e.targetTouches[0].clientX : e.clientX;
233
- const s = a ? De : ie, h = a ? Te : ue;
234
- window.addEventListener(a ? "touchmove" : "mousemove", s, { passive: !1 }), window.addEventListener(a ? "touchend" : "mouseup", h);
235
- };
236
- function ie(e) {
237
- oe(e.clientX);
238
- }
239
- function De(e) {
240
- g.value.contains(e.target) && (e.target.classList.contains("range-handle") || (e.preventDefault(), oe(e.targetTouches[0].clientX)));
241
- }
242
- function oe(e) {
243
- if (!q.value) return;
244
- const a = e - J.value;
245
- if (Math.abs(a) > Me.value) {
246
- if (a > 0) {
247
- if (Number(r.value) + 1 <= l.max) {
248
- const n = Math.min(l.max, Number(r.value) + ae.value);
249
- j(n), Z(n - G.value);
250
- }
251
- } else if (Number(u.value) - 1 >= l.min) {
252
- const n = Math.max(0, Number(u.value) - ae.value);
253
- Z(n), j(n + G.value);
254
- }
255
- J.value = e;
256
- }
257
- }
258
- function ue() {
259
- re("mousemove", "mouseup");
260
- }
261
- function Te() {
262
- re("touchmove", "touchend");
263
- }
264
- function re(e, a) {
265
- q.value = !1, window.removeEventListener(e, ie), window.removeEventListener(a, ue);
266
- }
267
- const R = i(!1), I = i(null), P = i(null), K = i(1), z = i(1), C = i(!1);
268
- function se() {
269
- I.value && (K.value = I.value.getBoundingClientRect().width);
270
- }
271
- function de() {
272
- P.value && (z.value = P.value.getBoundingClientRect().width);
273
- }
274
- const ve = i(0);
275
- function ce(e) {
276
- ve.value = e === "start" ? 1 : 0;
277
- }
278
- const B = i(!1), A = i({
279
- width: 0,
280
- left: 0
281
- });
282
- return He(async () => {
283
- const e = I.value, a = P.value;
284
- u.value, r.value;
285
- const n = g.value;
286
- if (!e || !a || !n) {
287
- B.value = !1;
288
- return;
289
- }
290
- await Y();
291
- const { x: s, width: h } = e.getBoundingClientRect(), { x: k, width: N } = a.getBoundingClientRect(), Q = k + N / 2 - (k + N / 2 - (s + h / 2));
292
- B.value = s + h > k, A.value = {
293
- width: h + N,
294
- left: Q - (h + N / 2)
295
- };
296
- }), Ve(() => {
297
- se(), de();
298
- }), D(() => l.labelLeft, () => {
299
- Y(se);
300
- }, { deep: !0 }), D(() => l.labelRight, () => {
301
- Y(de);
302
- }, { deep: !0 }), ye({
303
- setStartValue: Z,
304
- setEndValue: j
305
- }), (e, a) => (m(), c("div", {
306
- "data-dom-to-png-ignore": "",
307
- style: { padding: "0 24px" },
308
- class: "vue-data-ui-zoom",
309
- ref_key: "zoomWrapper",
310
- ref: g,
311
- onMousedown: ne,
312
- onTouchstart: ne,
313
- onTouchend: a[11] || (a[11] = (n) => C.value = !1)
314
- }, [
315
- v("div", Je, [
316
- t.valueStart !== t.refreshStartPoint || t.valueEnd !== we.value ? (m(), c("div", Ke, [
317
- t.useResetSlot ? We(e.$slots, "reset-action", {
318
- key: 1,
319
- reset: le
320
- }, void 0, !0) : (m(), c("button", {
321
- key: 0,
322
- tabindex: "0",
323
- role: "button",
324
- class: "vue-data-ui-refresh-button",
325
- style: $({
326
- top: M.value ? "36px" : "-16px",
327
- pointerEvents: "all !important"
328
- }),
329
- onClick: le
330
- }, [
331
- Xe(Ue, {
332
- name: "refresh",
333
- stroke: t.textColor
334
- }, null, 8, ["stroke"])
335
- ], 4))
336
- ])) : p("", !0)
337
- ]),
338
- v("div", {
339
- class: "double-range-slider",
340
- ref_key: "minimapWrapper",
341
- ref: X,
342
- style: { "z-index": "0" },
343
- onMouseenter: a[9] || (a[9] = (n) => C.value = !0),
344
- onMouseleave: a[10] || (a[10] = (n) => C.value = !1)
345
- }, [
346
- M.value ? (m(), c("div", Qe, [
347
- (m(), c("svg", {
348
- xmlns: F(Ge),
349
- viewBox: `0 0 ${o.value.width < 0 ? 0 : o.value.width} ${o.value.height < 0 ? 0 : o.value.height}`
350
- }, [
351
- v("defs", null, [
352
- v("linearGradient", {
353
- id: H.value,
354
- x1: "0%",
355
- y1: "0%",
356
- x2: "0%",
357
- y2: "100%"
358
- }, [
359
- v("stop", {
360
- offset: "0%",
361
- "stop-color": `${t.minimapLineColor}50`
362
- }, null, 8, et),
363
- a[12] || (a[12] = v("stop", {
364
- offset: "100%",
365
- "stop-color": "transparent"
366
- }, null, -1))
367
- ], 8, _e)
368
- ]),
369
- v("path", {
370
- d: `M${x.value.fullSet}`,
371
- stroke: `${t.minimapLineColor}`,
372
- fill: "none",
373
- "stroke-width": "1",
374
- "stroke-linecap": "round",
375
- "stroke-linejoin": "round",
376
- style: { opacity: "1" }
377
- }, null, 8, tt),
378
- v("rect", {
379
- x: y.value.x,
380
- width: y.value.width < 0 ? 0 : y.value.width,
381
- height: Math.max(o.value.height, 0),
382
- y: 0,
383
- fill: w.value,
384
- rx: t.minimapSelectionRadius,
385
- stroke: "none"
386
- }, null, 8, lt),
387
- v("path", {
388
- d: `M${f.value / 2},${Math.max(o.value.height, 0)} ${x.value.fullSet} L${o.value.width - f.value / 2},${Math.max(o.value.height, 0)}Z`,
389
- fill: `url(#${H.value})`,
390
- stroke: "none",
391
- style: { opacity: "1" }
392
- }, null, 8, at),
393
- v("rect", {
394
- x: y.value.x,
395
- width: y.value.width < 0 ? 0 : y.value.width,
396
- height: Math.max(o.value.height, 0),
397
- y: 0,
398
- rx: t.minimapSelectionRadius,
399
- fill: w.value
400
- }, null, 8, nt),
401
- v("rect", {
402
- x: y.value.x,
403
- width: y.value.width < 0 ? 0 : y.value.width,
404
- height: Math.max(o.value.height, 0),
405
- y: 0,
406
- fill: t.minimapSelectedColor,
407
- rx: t.minimapSelectionRadius,
408
- style: $({
409
- opacity: t.minimapSelectedColorOpacity
410
- })
411
- }, null, 12, it),
412
- v("path", {
413
- d: `M${x.value.sliced[0].x},${Math.max(o.value.height, 0)} ${x.value.selectionSet} L${x.value.sliced.at(-1).x},${Math.max(o.value.height, 0)}Z`,
414
- fill: `url(#${H.value})`,
415
- stroke: "none",
416
- style: { opacity: "1" }
417
- }, null, 8, ot),
418
- v("path", {
419
- d: `M ${x.value.selectionSet}`,
420
- stroke: `${t.minimapLineColor}`,
421
- fill: "transparent",
422
- "stroke-width": "2",
423
- "stroke-linecap": "round",
424
- "stroke-linejoin": "round"
425
- }, null, 8, ut),
426
- v("circle", {
427
- cx: x.value.firstPlot.x,
428
- cy: x.value.firstPlot.y,
429
- "stroke-width": "0.5",
430
- stroke: w.value,
431
- r: "3",
432
- fill: t.minimapLineColor
433
- }, null, 8, rt),
434
- v("circle", {
435
- cx: x.value.lastPlot.x,
436
- cy: x.value.lastPlot.y,
437
- "stroke-width": "0.5",
438
- stroke: w.value,
439
- r: "3",
440
- fill: t.minimapLineColor
441
- }, null, 8, st),
442
- E.value !== null ? (m(!0), c(he, { key: 0 }, fe(te.value, (n, s) => (m(), c("g", null, [
443
- E.value === n && n >= t.valueStart && n < t.valueEnd ? (m(), c("line", {
444
- key: 0,
445
- x1: f.value * s + f.value / 2,
446
- x2: f.value * s + f.value / 2,
447
- y1: 0,
448
- y2: Math.max(o.value.height, 0),
449
- stroke: t.minimapIndicatorColor,
450
- "stroke-linecap": "round",
451
- "stroke-dasharray": "2",
452
- "stroke-width": "1"
453
- }, null, 8, dt)) : p("", !0)
454
- ]))), 256)) : p("", !0),
455
- (m(!0), c(he, null, fe(te.value, (n, s) => (m(), c("rect", {
456
- x: f.value * s,
457
- y: 0,
458
- height: Math.max(o.value.height, 0),
459
- width: f.value < 0 ? 0 : f.value,
460
- fill: "transparent",
461
- style: $([{ "pointer-events": "all !important" }, {
462
- cursor: n >= t.valueStart && n < t.valueEnd && t.enableSelectionDrag ? R.value ? "grabbing" : "grab" : "default"
463
- }]),
464
- onMousedown: a[0] || (a[0] = (h) => R.value = !0),
465
- onMouseup: a[1] || (a[1] = (h) => R.value = !1),
466
- onMouseenter: (h) => Ne(n),
467
- onMouseleave: a[2] || (a[2] = (h) => {
468
- E.value = null, S("trapMouse", null);
469
- })
470
- }, null, 44, vt))), 256))
471
- ], 8, Ye))
472
- ])) : p("", !0),
473
- a[13] || (a[13] = v("div", { class: "slider-track" }, null, -1)),
474
- v("div", {
475
- class: L({
476
- "range-highlight": !0,
477
- move: t.enableSelectionDrag
478
- }),
479
- onMousedown: a[3] || (a[3] = (n) => R.value = !0),
480
- onMouseup: a[4] || (a[4] = (n) => R.value = !1),
481
- style: $({
482
- ...b.value,
483
- cursor: R.value ? "grabbing" : "grab"
484
- })
485
- }, null, 38),
486
- t.enableRangeHandles ? me((m(), c("input", {
487
- ref_key: "rangeStart",
488
- ref: U,
489
- key: `range-min${Le.value}`,
490
- type: "range",
491
- class: L({ "range-left": !0, "range-handle": !0, "range-minimap": M.value && t.verticalHandles }),
492
- min: t.min,
493
- max: t.max,
494
- "onUpdate:modelValue": a[5] || (a[5] = (n) => u.value = n),
495
- onInput: $e,
496
- onMouseenter: a[6] || (a[6] = (n) => ce("start"))
497
- }, null, 42, ct)), [
498
- [ge, u.value]
499
- ]) : p("", !0),
500
- t.enableRangeHandles ? me((m(), c("input", {
501
- key: 2,
502
- ref_key: "rangeEnd",
503
- ref: O,
504
- type: "range",
505
- class: L({ "range-right": !0, "range-handle": !0, "range-minimap": M.value && t.verticalHandles }),
506
- min: t.min,
507
- max: t.max,
508
- "onUpdate:modelValue": a[7] || (a[7] = (n) => r.value = n),
509
- onInput: Re,
510
- onMouseenter: a[8] || (a[8] = (n) => ce("end"))
511
- }, null, 42, mt)), [
512
- [ge, r.value]
513
- ]) : p("", !0),
514
- t.labelLeft ? (m(), c("div", {
515
- key: 3,
516
- ref_key: "tooltipLeft",
517
- ref: I,
518
- class: L({
519
- "range-tooltip": !0,
520
- "range-tooltip-visible": C.value,
521
- "range-tooltip-arrow": b.value.arrowLeft && !t.verticalHandles,
522
- "range-tooltip-arrow-left": !b.value.arrowLeft && !t.verticalHandles
523
- }),
524
- style: $({
525
- left: b.value.tooltipLeft,
526
- color: F(ee)(t.selectColor),
527
- backgroundColor: t.selectColor,
528
- border: `1px solid ${w.value}`,
529
- zIndex: `${ve.value + 4}`,
530
- visibility: B.value || t.labelLeft === t.labelRight ? "hidden" : "visible"
531
- })
532
- }, _(t.labelLeft), 7)) : p("", !0),
533
- B.value || t.labelLeft === t.labelRight ? (m(), c("div", {
534
- key: 4,
535
- ref: "tooltipMerge",
536
- class: L({
537
- "range-tooltip": !0,
538
- "range-tooltip-visible": C.value,
539
- "range-tooltip-arrow": !0,
540
- "range-tooltip-arrow-left": !b.value.arrowLeft && !t.verticalHandles,
541
- "range-tooltip-arrow-right": !b.value.arrowRight && !t.verticalHandles
542
- }),
543
- style: $({
544
- left: b.value.tooltipCenter,
545
- width: A.value.width + "px",
546
- color: F(ee)(t.selectColor),
547
- backgroundColor: t.selectColor,
548
- border: `1px solid ${w.value}`,
549
- zIndex: "4"
550
- })
551
- }, _(t.labelLeft === t.labelRight ? t.labelLeft : `${t.labelLeft} - ${t.labelRight}`), 7)) : p("", !0),
552
- t.labelRight ? (m(), c("div", {
553
- key: 5,
554
- ref_key: "tooltipRight",
555
- ref: P,
556
- class: L({
557
- "range-tooltip": !0,
558
- "range-tooltip-visible": C.value,
559
- "range-tooltip-arrow": b.value.arrowRight && !t.verticalHandles,
560
- "range-tooltip-arrow-right": !b.value.arrowRight && !t.verticalHandles
561
- }),
562
- style: $({
563
- left: b.value.tooltipRight,
564
- color: F(ee)(t.selectColor),
565
- backgroundColor: t.selectColor,
566
- border: `1px solid ${w.value}`,
567
- zIndex: "4",
568
- visibility: B.value || t.labelLeft === t.labelRight ? "hidden" : "visible"
569
- })
570
- }, _(t.labelRight), 7)) : p("", !0)
571
- ], 544)
572
- ], 544));
573
- }
574
- }, pt = /* @__PURE__ */ qe(ht, [["__scopeId", "data-v-9dbe0987"]]);
575
- export {
576
- pt as S
577
- };
@@ -1,28 +0,0 @@
1
- import { createElementBlock as p, openBlock as v, ref as d, computed as g, unref as c, watchEffect as h } from "vue";
2
- import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
- const y = {}, B = { class: "vue-data-ui-scanner" };
4
- function E(a, n) {
5
- return v(), p("div", B);
6
- }
7
- const I = /* @__PURE__ */ A(y, [["render", E], ["__scopeId", "data-v-d6376e44"]]);
8
- function S({
9
- config: a,
10
- dataset: n,
11
- skeletonDataset: r,
12
- skeletonConfig: t,
13
- FINAL_CONFIG: i,
14
- prepareConfig: _,
15
- callback: s = null
16
- }) {
17
- const u = d(!1), o = g(() => {
18
- const f = c(a)?.loading ?? !1, e = c(n), m = e == null || Array.isArray(e) && e.length === 0 || Object.keys(e).length === 0;
19
- return u.value || f || m;
20
- }), l = d(c(n));
21
- return h(() => {
22
- l.value = o.value ? r : c(n), i.value = o.value ? t : _(), s && s();
23
- }), { loading: o, FINAL_DATASET: l, manualLoading: u, skeletonDataset: r, skeletonConfig: t };
24
- }
25
- export {
26
- I as B,
27
- S as u
28
- };
@@ -1,13 +0,0 @@
1
- import { A as o, z as n } from "./index-Cg-RjxqH.js";
2
- function c({ defaultConfig: e, userConfig: r }) {
3
- if (!Object.keys(r || {}).length)
4
- return e;
5
- const t = o({
6
- defaultConfig: e,
7
- userConfig: r
8
- });
9
- return n(t);
10
- }
11
- export {
12
- c as u
13
- };