vue-data-ui 3.25.4 → 3.25.6

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 (213) hide show
  1. package/README.md +13 -13
  2. package/dist/{BaseDraggableDialog-BM_R41j8.js → BaseDraggableDialog-Gm4Q30j0.js} +1 -1
  3. package/dist/{BaseIcon-t83PDe9k.js → BaseIcon-D8R6_sKH.js} +5 -5
  4. package/dist/{BaseLegendToggle-__JnV08B.js → BaseLegendToggle-CXQrLjd-.js} +1 -1
  5. package/dist/{BaseZoomControls-Xo16vFa4.js → BaseZoomControls-BTzjVDPM.js} +1 -1
  6. package/dist/{ColorPicker-ZJrR3Olp.js → ColorPicker-CUy15T72.js} +102 -100
  7. package/dist/{DataTable-COIO9gi4.js → DataTable-oiM9uWrQ.js} +1 -1
  8. package/dist/{HillActions-Cl-dNBZR.js → HillActions-Dn8aKOVJ.js} +1 -1
  9. package/dist/{NonSvgPenAndPaper-DS84BAOx.js → NonSvgPenAndPaper-DFXjpRyl.js} +2 -2
  10. package/dist/{PackageVersion-5SWftabm.js → PackageVersion-ur6jKRL5.js} +1 -1
  11. package/dist/{PenAndPaper-B_SdRSKH.js → PenAndPaper-KFzKlvbi.js} +20 -4
  12. package/dist/{SlicerPreview-GvsdvE-h.js → SlicerPreview-B6iHOC9L.js} +1 -1
  13. package/dist/{UserOptions-f3Q0nqrj.js → UserOptions-2x4VklMW.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-hill.js +1 -1
  40. package/dist/components/vue-ui-history-plot.js +1 -1
  41. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  42. package/dist/components/vue-ui-icon.js +1 -1
  43. package/dist/components/vue-ui-kpi.js +1 -1
  44. package/dist/components/vue-ui-label.js +1 -1
  45. package/dist/components/vue-ui-mini-loader.js +1 -1
  46. package/dist/components/vue-ui-molecule.js +1 -1
  47. package/dist/components/vue-ui-mood-radar.js +1 -1
  48. package/dist/components/vue-ui-nested-donuts.js +1 -1
  49. package/dist/components/vue-ui-onion.js +1 -1
  50. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  51. package/dist/components/vue-ui-quadrant.js +1 -1
  52. package/dist/components/vue-ui-quick-chart.js +1 -1
  53. package/dist/components/vue-ui-radar.js +1 -1
  54. package/dist/components/vue-ui-rating.js +1 -1
  55. package/dist/components/vue-ui-relation-circle.js +1 -1
  56. package/dist/components/vue-ui-ridgeline.js +1 -1
  57. package/dist/components/vue-ui-rings.js +1 -1
  58. package/dist/components/vue-ui-scatter.js +1 -1
  59. package/dist/components/vue-ui-skeleton.js +1 -1
  60. package/dist/components/vue-ui-smiley.js +1 -1
  61. package/dist/components/vue-ui-spark-trend.js +1 -1
  62. package/dist/components/vue-ui-sparkbar.js +1 -1
  63. package/dist/components/vue-ui-sparkgauge.js +1 -1
  64. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  65. package/dist/components/vue-ui-sparkline.js +1 -1
  66. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  67. package/dist/components/vue-ui-stackbar.js +1 -1
  68. package/dist/components/vue-ui-stackline.js +1 -1
  69. package/dist/components/vue-ui-strip-plot.js +1 -1
  70. package/dist/components/vue-ui-table-heatmap.js +1 -1
  71. package/dist/components/vue-ui-table-sparkline.js +1 -1
  72. package/dist/components/vue-ui-table.js +1 -1
  73. package/dist/components/vue-ui-thermometer.js +1 -1
  74. package/dist/components/vue-ui-timer.js +1 -1
  75. package/dist/components/vue-ui-tiremarks.js +1 -1
  76. package/dist/components/vue-ui-treemap.js +1 -1
  77. package/dist/components/vue-ui-vertical-bar.js +1 -1
  78. package/dist/components/vue-ui-waffle.js +1 -1
  79. package/dist/components/vue-ui-wheel.js +1 -1
  80. package/dist/components/vue-ui-word-cloud.js +1 -1
  81. package/dist/components/vue-ui-world.js +1 -1
  82. package/dist/components/vue-ui-xy-canvas.js +1 -1
  83. package/dist/components/vue-ui-xy.js +1 -1
  84. package/dist/{package-DmsdiyeS.js → package-Dx7M6sYy.js} +1 -1
  85. package/dist/{render-common-zoPh9a78.js → render-common-DETHvNhl.js} +1 -1
  86. package/dist/ssr/vue-ui-donut.js +1 -1
  87. package/dist/ssr/vue-ui-xy.js +1 -1
  88. package/dist/ssr.js +2 -2
  89. package/dist/style.css +1 -1
  90. package/dist/types/vue-data-ui.d.ts +80 -1
  91. package/dist/types/vue-ui-annotator.d.ts +58 -2
  92. package/dist/{useConfig-CyCVHo81.js → useConfig-CIQZ6_r7.js} +1339 -1313
  93. package/dist/{useObjectBindings-ByORl1rV.js → useObjectBindings---mHNfbS.js} +2 -2
  94. package/dist/utils.js +1 -1
  95. package/dist/{vue-data-ui-DTj71yB7.js → vue-data-ui-Dh3_EsHb.js} +70 -70
  96. package/dist/vue-data-ui.js +71 -71
  97. package/dist/vue-ui-3d-bar-i1REAKnM.js +1831 -0
  98. package/dist/{vue-ui-accordion-D4zsdacF.js → vue-ui-accordion-BSmBUjwZ.js} +2 -2
  99. package/dist/vue-ui-age-pyramid-DuHblCNO.js +1293 -0
  100. package/dist/vue-ui-annotator-CTQHAPho.js +3325 -0
  101. package/dist/vue-ui-bullet-CYLnKrmM.js +702 -0
  102. package/dist/{vue-ui-bump-BkOtQNWe.js → vue-ui-bump-DhwySwgn.js} +382 -380
  103. package/dist/vue-ui-candlestick-BpiECaDj.js +1859 -0
  104. package/dist/{vue-ui-carousel-table-CRgbs7jR.js → vue-ui-carousel-table-D-T2yA7-.js} +2 -2
  105. package/dist/vue-ui-chestnut-1MsZ9Q3r.js +2016 -0
  106. package/dist/vue-ui-chord-QBQUSe7r.js +1347 -0
  107. package/dist/vue-ui-circle-pack-ZWEwtesD.js +1635 -0
  108. package/dist/{vue-ui-cursor-BHyXRadA.js → vue-ui-cursor-CHQcHAHQ.js} +2 -2
  109. package/dist/{vue-ui-dag-CyVqaLbF.js → vue-ui-dag-C_inEafb.js} +794 -792
  110. package/dist/{vue-ui-dashboard-7I-7wvCP.js → vue-ui-dashboard-Bs2mBur5.js} +74 -72
  111. package/dist/{vue-ui-digits-BBL8uERO.js → vue-ui-digits-DwE4MoXI.js} +2 -2
  112. package/dist/vue-ui-donut-BM9dMHXj.js +2415 -0
  113. package/dist/{vue-ui-donut-DcgUuefk.js → vue-ui-donut-CbOSJmRu.js} +2 -2
  114. package/dist/vue-ui-donut-evolution-C97_RHus.js +1552 -0
  115. package/dist/vue-ui-dumbbell-DwKa5EL5.js +1533 -0
  116. package/dist/vue-ui-flow-DTTr3YL9.js +1217 -0
  117. package/dist/vue-ui-funnel-C4pkBk3D.js +749 -0
  118. package/dist/vue-ui-galaxy-CuAPLOvX.js +1085 -0
  119. package/dist/vue-ui-gauge-DLDULH26.js +934 -0
  120. package/dist/{vue-ui-geo-jR4P4pbt.js → vue-ui-geo-DXIHhp-G.js} +431 -429
  121. package/dist/{vue-ui-gizmo-D6W86s9o.js → vue-ui-gizmo-PuURiePo.js} +2 -2
  122. package/dist/vue-ui-heatmap-mvWLKB99.js +1555 -0
  123. package/dist/{vue-ui-hill-fFq7pm-g.js → vue-ui-hill-DqsVJkmO.js} +472 -470
  124. package/dist/vue-ui-history-plot-BBVLgt9_.js +1698 -0
  125. package/dist/{vue-ui-horizontal-bar-D3Sft4kp.js → vue-ui-horizontal-bar-y8Q8PZwT.js} +513 -511
  126. package/dist/{vue-ui-kpi-fzLsKlyE.js → vue-ui-kpi-B2hf3kpp.js} +2 -2
  127. package/dist/{vue-ui-label-BSgLalWD.js → vue-ui-label-ClMQ5Gez.js} +1 -1
  128. package/dist/{vue-ui-mini-loader-BL2odRfu.js → vue-ui-mini-loader-DtPOVIkK.js} +1 -1
  129. package/dist/vue-ui-molecule-eeW1Pmg8.js +929 -0
  130. package/dist/{vue-ui-mood-radar-bvGx6XgG.js → vue-ui-mood-radar-Dd1qfUiu.js} +378 -376
  131. package/dist/vue-ui-nested-donuts-CUARCr6O.js +1503 -0
  132. package/dist/vue-ui-onion-NoxHP0cG.js +1235 -0
  133. package/dist/{vue-ui-parallel-coordinate-plot-B_QJ4N9o.js → vue-ui-parallel-coordinate-plot-Cp3pCyxK.js} +409 -407
  134. package/dist/vue-ui-quadrant-C3kQtaeX.js +1967 -0
  135. package/dist/{vue-ui-quick-chart-BFscCR59.js → vue-ui-quick-chart-BZq517pL.js} +8 -6
  136. package/dist/vue-ui-radar-DvNrl4uD.js +1374 -0
  137. package/dist/vue-ui-rating-CWFMoYpE.js +359 -0
  138. package/dist/vue-ui-relation-circle-1iS6C0xx.js +905 -0
  139. package/dist/vue-ui-ridgeline-B-EZiPCF.js +1630 -0
  140. package/dist/vue-ui-rings-BXuwrHos.js +1252 -0
  141. package/dist/vue-ui-scatter-ByL-ZZ3B.js +2405 -0
  142. package/dist/{vue-ui-skeleton-zmbcOVEf.js → vue-ui-skeleton-BcU1onF6.js} +698 -698
  143. package/dist/vue-ui-smiley-DJVusLnp.js +376 -0
  144. package/dist/vue-ui-spark-trend-DjS31avb.js +457 -0
  145. package/dist/vue-ui-sparkbar-1Al_TLw1.js +401 -0
  146. package/dist/vue-ui-sparkgauge-CwLo53Y8.js +268 -0
  147. package/dist/vue-ui-sparkhistogram-CGw6SThG.js +589 -0
  148. package/dist/{vue-ui-sparkline-Dv7XrEzO.js → vue-ui-sparkline-CSZGBFfI.js} +511 -511
  149. package/dist/vue-ui-sparkstackbar-B8dloLMp.js +738 -0
  150. package/dist/vue-ui-stackbar-FvNd77t1.js +2355 -0
  151. package/dist/vue-ui-stackline-CP7PkqiG.js +2469 -0
  152. package/dist/vue-ui-strip-plot-DSMlDkv1.js +1740 -0
  153. package/dist/{vue-ui-table-heatmap-Dv_ZKKm3.js → vue-ui-table-heatmap-DnP3pzh2.js} +2 -2
  154. package/dist/vue-ui-table-rwKtnJKt.js +1352 -0
  155. package/dist/vue-ui-table-sparkline-B6wyEAyC.js +738 -0
  156. package/dist/{vue-ui-thermometer-DytlLJ32.js → vue-ui-thermometer-D0_KsB-y.js} +194 -192
  157. package/dist/{vue-ui-timer-CvHP4HoW.js → vue-ui-timer-1Z2zginj.js} +153 -153
  158. package/dist/vue-ui-tiremarks-zbl7aooy.js +540 -0
  159. package/dist/vue-ui-treemap-Drs4gK6L.js +1733 -0
  160. package/dist/vue-ui-waffle-DqUVsVNE.js +1621 -0
  161. package/dist/vue-ui-wheel-DLCBPW9t.js +873 -0
  162. package/dist/vue-ui-word-cloud-8Agk9h6c.js +1710 -0
  163. package/dist/{vue-ui-world-D0_2upjg.js → vue-ui-world-BOBHo7-L.js} +526 -524
  164. package/dist/vue-ui-xy-CSTJzRkk.js +5283 -0
  165. package/dist/{vue-ui-xy-D_5FfaH-.js → vue-ui-xy-Dmk1gQkI.js} +2 -2
  166. package/dist/vue-ui-xy-canvas-DANPuyf4.js +1824 -0
  167. package/dist/{vue_ui_age_pyramid-BY6c-oX_.js → vue_ui_age_pyramid-B2R66DgQ.js} +15 -6
  168. package/package.json +1 -1
  169. package/dist/vue-ui-3d-bar-CH8SpxS2.js +0 -1829
  170. package/dist/vue-ui-age-pyramid-B9MUVi75.js +0 -1241
  171. package/dist/vue-ui-annotator-CmlcWPIm.js +0 -2886
  172. package/dist/vue-ui-bullet-n8KNnDwh.js +0 -700
  173. package/dist/vue-ui-candlestick-Bxlvqk49.js +0 -1857
  174. package/dist/vue-ui-chestnut-ByDKbkG9.js +0 -2014
  175. package/dist/vue-ui-chord-DQRBgVOx.js +0 -1345
  176. package/dist/vue-ui-circle-pack-CBBc0HOe.js +0 -1633
  177. package/dist/vue-ui-donut-DfiocufT.js +0 -2413
  178. package/dist/vue-ui-donut-evolution-BoqO8By2.js +0 -1550
  179. package/dist/vue-ui-dumbbell-7M_oUQdi.js +0 -1529
  180. package/dist/vue-ui-flow-CoylrfnO.js +0 -1215
  181. package/dist/vue-ui-funnel-DaBYHWIC.js +0 -747
  182. package/dist/vue-ui-galaxy-BIebStQ3.js +0 -1083
  183. package/dist/vue-ui-gauge-CwdTmiRP.js +0 -932
  184. package/dist/vue-ui-heatmap-DXYlGwqR.js +0 -1553
  185. package/dist/vue-ui-history-plot-CgIELoD2.js +0 -1696
  186. package/dist/vue-ui-molecule-DeHWkkhy.js +0 -929
  187. package/dist/vue-ui-nested-donuts-CeAV2xPk.js +0 -1501
  188. package/dist/vue-ui-onion-B7oFulsQ.js +0 -1233
  189. package/dist/vue-ui-quadrant-DrKnz37q.js +0 -1965
  190. package/dist/vue-ui-radar-Bzx69q8f.js +0 -1372
  191. package/dist/vue-ui-rating-CimC9FQ9.js +0 -359
  192. package/dist/vue-ui-relation-circle-DIQYyDGb.js +0 -903
  193. package/dist/vue-ui-ridgeline-CPEnM45x.js +0 -1621
  194. package/dist/vue-ui-rings-qPL5Iwji.js +0 -1250
  195. package/dist/vue-ui-scatter-BB0ClTsU.js +0 -2403
  196. package/dist/vue-ui-smiley-DzPkCMN-.js +0 -376
  197. package/dist/vue-ui-spark-trend-Ciq7-k_q.js +0 -457
  198. package/dist/vue-ui-sparkbar-D1M7-naP.js +0 -401
  199. package/dist/vue-ui-sparkgauge-rsqaeR_n.js +0 -268
  200. package/dist/vue-ui-sparkhistogram-C4WXt2Ni.js +0 -589
  201. package/dist/vue-ui-sparkstackbar-DDOXdeV-.js +0 -738
  202. package/dist/vue-ui-stackbar-C_hMnOLb.js +0 -2353
  203. package/dist/vue-ui-stackline-BHGi63lD.js +0 -2467
  204. package/dist/vue-ui-strip-plot-Cygpn-l8.js +0 -1738
  205. package/dist/vue-ui-table-BQna1wL6.js +0 -1352
  206. package/dist/vue-ui-table-sparkline-BCuimtk6.js +0 -738
  207. package/dist/vue-ui-tiremarks-BvjdZwgh.js +0 -538
  208. package/dist/vue-ui-treemap-C5OpqzSc.js +0 -1731
  209. package/dist/vue-ui-waffle-B7T_Zzan.js +0 -1619
  210. package/dist/vue-ui-wheel-D1B0k7IW.js +0 -871
  211. package/dist/vue-ui-word-cloud-C4pX6jop.js +0 -1708
  212. package/dist/vue-ui-xy-Ck41KYqF.js +0 -5281
  213. package/dist/vue-ui-xy-canvas-B_8Mu19r.js +0 -1824
@@ -1,538 +0,0 @@
1
- import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
2
- import { Pt as t, Wt as n, X as r, Zt as i, b as a, i as o, nt as s, q as c, t as l } from "./lib-Dql7cqyA.js";
3
- import { n as ee, t as te } from "./useHints-Dq_w2E8B.js";
4
- import { t as ne } from "./useConfig-CyCVHo81.js";
5
- import { t as re } from "./usePrinter-DISD7q5m.js";
6
- import { n as ie, t as ae } from "./BaseScanner-DZvpgOjM.js";
7
- import { t as u } from "./useNestedProp-Chvyfpl-.js";
8
- import { t as oe } from "./useThemeCheck-C43Tcqmk.js";
9
- import { t as se } from "./useChartExport-iwOqiIWX.js";
10
- import { t as ce } from "./img-DhGApYG0.js";
11
- import { n as le } from "./Title-CPHi-evi.js";
12
- import { t as ue } from "./_plugin-vue_export-helper-B3ysoDQm.js";
13
- import { l as de, t as fe } from "./useResponsive-ZtArZtUf.js";
14
- import { t as pe } from "./useUserOptionState-DK-_1ddE.js";
15
- import { t as me } from "./useChartAccessibility-DYqac8yF.js";
16
- import { t as he } from "./usePrefersMotion-BC-CsqR1.js";
17
- import { t as ge } from "./vue_ui_tiremarks-CdEPieWV.js";
18
- import { Fragment as _e, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as ve, createSlots as ye, createVNode as be, defineAsyncComponent as h, guardReactiveProps as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onMounted as xe, openBlock as b, ref as x, renderList as Se, renderSlot as S, toDisplayString as C, toRefs as Ce, unref as w, watch as we, withCtx as T } from "vue";
19
- //#region src/components/vue-ui-tiremarks.vue
20
- var Te = /* @__PURE__ */ e({ default: () => E }), Ee = ["id"], De = [
21
- "xmlns",
22
- "viewBox",
23
- "aria-labelledby",
24
- "aria-describedby"
25
- ], Oe = ["id"], ke = ["id"], Ae = ["width", "height"], je = { key: 1 }, Me = [
26
- "d",
27
- "stroke-width",
28
- "stroke"
29
- ], Ne = { key: 2 }, Pe = [
30
- "x1",
31
- "y1",
32
- "x2",
33
- "y2",
34
- "stroke-width",
35
- "stroke"
36
- ], Fe = ["aria-label"], Ie = [
37
- "x",
38
- "y",
39
- "height"
40
- ], Le = [
41
- "x",
42
- "y",
43
- "font-size",
44
- "fill",
45
- "font-weight",
46
- "text-anchor"
47
- ], Re = {
48
- key: 4,
49
- class: "vue-data-ui-watermark"
50
- }, E = /*#__PURE__*/ ue({
51
- __name: "vue-ui-tiremarks",
52
- props: {
53
- config: {
54
- type: Object,
55
- default() {
56
- return {};
57
- }
58
- },
59
- dataset: {
60
- type: Object,
61
- default() {
62
- return {};
63
- }
64
- }
65
- },
66
- emits: ["copyAlt"],
67
- setup(e, { expose: ue, emit: Te }) {
68
- let E = h(() => import("./PenAndPaper-B_SdRSKH.js").then((e) => e.t)), ze = h(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), Be = h(() => import("./PackageVersion-5SWftabm.js").then((e) => e.t)), { vue_ui_tiremarks: Ve } = ne(), { isThemeValid: He, warnInvalidTheme: Ue } = oe(), D = he(), O = e, We = Te, Ge = d(() => !!O.dataset && Object.keys(O.dataset).length), k = x(c()), A = x(null), Ke = x(null), qe = x(null), Je = x(null), Ye = x(0), Xe = x(0), j = x(null), M = x(null), N = x(R());
69
- ee({
70
- config: () => N.value,
71
- dataset: () => O.dataset,
72
- component: "VueUiTiremarks",
73
- rules: [te.noHint]
74
- });
75
- let Ze = d(() => N.value.userOptions.useCursorPointer), Qe = d(() => i({
76
- defaultConfig: {
77
- userOptions: { show: !1 },
78
- style: { chart: {
79
- backgroundColor: "#99999930",
80
- animation: { use: !1 },
81
- layout: {
82
- activeColor: "#6A6A6A80",
83
- inactiveColor: "#CACACA80",
84
- ticks: { gradient: { show: !1 } }
85
- }
86
- } }
87
- },
88
- userConfig: N.value.skeletonConfig ?? {}
89
- })), { loading: P, FINAL_DATASET: F } = ie({
90
- ...Ce(O),
91
- FINAL_CONFIG: N,
92
- prepareConfig: R,
93
- skeletonDataset: O.config?.skeletonDataset ?? { percentage: 50 },
94
- skeletonConfig: i({
95
- defaultConfig: N.value,
96
- userConfig: Qe.value
97
- })
98
- }), { userOptionsVisible: I, setUserOptionsVisibility: $e, keepUserOptionState: et } = pe({ config: N.value }), { svgRef: L } = me({ config: N.value.style.chart.title });
99
- function R() {
100
- let e = u({
101
- userConfig: O.config,
102
- defaultConfig: Ve
103
- }), t = e.theme;
104
- if (!t) return e;
105
- if (!He.value(e)) return Ue(e), e;
106
- let n = u({
107
- userConfig: ge[t] || O.config,
108
- defaultConfig: e
109
- });
110
- return u({
111
- userConfig: O.config,
112
- defaultConfig: n
113
- });
114
- }
115
- we(() => O.config, (e) => {
116
- N.value = R(), I.value = !N.value.userOptions.showOnChartHover, G.value = N.value.style.chart.width, K.value = N.value.style.chart.height, ot(), Xe.value += 1;
117
- }, { deep: !0 });
118
- let { isPrinting: z, isImaging: B, generatePdf: tt, generateImage: nt } = re({
119
- elementId: k.value,
120
- fileName: N.value.style.chart.title.text || "vue-ui-tiremarks",
121
- options: N.value.userOptions.print
122
- }), rt = d(() => N.value.userOptions.show && !N.value.style.chart.title.text), V = x(N.value.style.chart.animation.use && !D.value ? 0 : a(F.value.percentage));
123
- we(() => F.value, (e) => {
124
- N.value.style.chart.animation.use && !D.value ? it(e.percentage) : V.value = e.percentage || 0;
125
- }, { deep: !0 }), xe(() => {
126
- ot();
127
- });
128
- function it(e) {
129
- let t = N.value.style.chart.animation.speed, n = Math.abs(e - V.value) / (t * 120);
130
- function r() {
131
- V.value < e ? V.value = Math.min(V.value + n, e) : V.value > e && (V.value = Math.max(V.value - n, e)), V.value !== e && requestAnimationFrame(r);
132
- }
133
- r();
134
- }
135
- let at = d(() => N.value.debug);
136
- function ot() {
137
- if (t(O.dataset) && s({
138
- componentName: "VueUiTiremarks",
139
- type: "dataset",
140
- debug: at.value
141
- }), N.value.responsive) {
142
- let e = de(() => {
143
- let { width: e, height: t } = fe({
144
- chart: A.value,
145
- title: N.value.style.chart.title.text ? qe.value : null,
146
- source: Je.value
147
- });
148
- requestAnimationFrame(() => {
149
- G.value = Math.max(.1, e), K.value = Math.max(.1, t - 12);
150
- });
151
- });
152
- j.value && (M.value && j.value.unobserve(M.value), j.value.disconnect()), j.value = new ResizeObserver(e), M.value = A.value.parentNode, j.value.observe(M.value);
153
- }
154
- it(F.value.percentage || 0);
155
- }
156
- let H = d(() => N.value.style.chart.layout.display === "vertical"), U = d(() => {
157
- let e = N.value.style.chart.percentage.show, t = {
158
- top: e ? 48 : 12,
159
- left: e ? 64 : 16,
160
- right: e ? 64 : 16,
161
- bottom: e ? 48 : 12
162
- };
163
- return H.value ? {
164
- top: N.value.style.chart.percentage.verticalPosition === "top" ? t.top : 3,
165
- left: 3,
166
- right: 3,
167
- bottom: N.value.style.chart.percentage.verticalPosition === "bottom" ? t.bottom : 3
168
- } : {
169
- top: 0,
170
- bottom: 0,
171
- left: N.value.style.chart.percentage.horizontalPosition === "left" ? t.left : 16,
172
- right: N.value.style.chart.percentage.horizontalPosition === "right" ? t.right : 10
173
- };
174
- }), W = d(() => Object.values(U.value).reduce((e, t) => e + t, 0)), G = x(N.value.style.chart.width), K = x(N.value.style.chart.height), q = d(() => ({
175
- height: K.value,
176
- width: G.value
177
- })), st = d(() => ({
178
- horizontal: {
179
- x: Y.value.x + (N.value.style.chart.percentage.horizontalPosition === "left" ? 6 : 3),
180
- y: q.value.height / 2 - Y.value.fontSize / 2
181
- },
182
- vertical: {
183
- x: q.value.width / 2 - 20,
184
- y: Y.value.y - Y.value.fontSize / 2
185
- }
186
- })[N.value.style.chart.layout.display]), J = d(() => H.value ? {
187
- mark: (q.value.height - W.value) / 100 * .5,
188
- space: (q.value.height - W.value) / 100 * .5
189
- } : {
190
- mark: (q.value.width - W.value) / 100 * .5,
191
- space: (q.value.width - W.value) / 100 * .5
192
- }), ct = d(() => {
193
- let e = [];
194
- for (let t = 0; t < 100; t += 1) {
195
- let r = N.value.style.chart.layout.ticks.gradient.show ? n(N.value.style.chart.layout.activeColor, t / 100 * (N.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : N.value.style.chart.layout.activeColor;
196
- if (H.value) {
197
- let n = N.value.style.chart.layout.crescendo ? (100 - t) * (q.value.width - U.value.left - U.value.right) / 100 / 3 : 0, i = U.value.left + 4 + n, a = q.value.width - U.value.right - 4 - n, o = q.value.height - U.value.bottom - t * J.value.mark - t * J.value.space - J.value.mark, s = q.value.height - U.value.bottom - t * J.value.mark - t * J.value.space - J.value.mark, c = (a - i) / N.value.style.chart.layout.curveAngleX, l = N.value.style.chart.layout.curveAngleY * ((1 + t) / 100);
198
- e.push({
199
- x1: i,
200
- x2: a,
201
- y1: o,
202
- y2: s,
203
- curve: `M ${i} ${o} C ${i + c} ${o - l}, ${a - c} ${s - l}, ${a} ${s}`,
204
- color: r
205
- });
206
- } else {
207
- let n = N.value.style.chart.layout.crescendo ? (100 - t) * (q.value.height - U.value.top - U.value.bottom) / 100 / 3 : 0, i = U.value.left + t * J.value.mark + t * J.value.space - J.value.mark, a = i, o = U.value.top + 4 + n, s = q.value.height - U.value.bottom - 4 - n, c = N.value.style.chart.layout.curveAngleY * ((1 + t) / 100), l = (s - o) / N.value.style.chart.layout.curveAngleX;
208
- e.push({
209
- x1: i,
210
- x2: a,
211
- y1: o,
212
- y2: s,
213
- curve: `M ${i} ${o} C ${i + c} ${o + l}, ${a + c} ${s - l}, ${a} ${s}`,
214
- color: r
215
- });
216
- }
217
- }
218
- return e;
219
- }), Y = d(() => {
220
- let e, t, n, r = N.value.style.chart.percentage.fontSize / 3;
221
- return H.value ? N.value.style.chart.percentage.verticalPosition === "top" ? (e = q.value.width / 2, t = U.value.top / 2, n = "middle") : N.value.style.chart.percentage.verticalPosition === "bottom" && (e = q.value.width / 2, t = q.value.height - U.value.bottom / 2 + r, n = "middle") : N.value.style.chart.percentage.horizontalPosition === "left" ? (e = 4, t = q.value.height / 2 + r, n = "start") : N.value.style.chart.percentage.horizontalPosition === "right" && (e = q.value.width - U.value.right + 8, t = q.value.height / 2 + r, n = "start"), {
222
- x: e,
223
- y: t,
224
- textAnchor: n,
225
- bold: N.value.style.chart.percentage.bold,
226
- fontSize: N.value.style.chart.percentage.fontSize,
227
- fill: N.value.style.chart.percentage.color
228
- };
229
- }), X = x(!1);
230
- function lt(e) {
231
- X.value = e, Ye.value += 1;
232
- }
233
- let Z = x(!1);
234
- function Q() {
235
- Z.value = !Z.value;
236
- }
237
- async function ut({ scale: e = 2 } = {}) {
238
- if (!A.value) return;
239
- let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ce({
240
- domElement: A.value,
241
- base64: !0,
242
- img: !0,
243
- scale: e
244
- });
245
- return {
246
- imageUri: i,
247
- base64: a,
248
- title: N.value.style.chart.title.text,
249
- width: t,
250
- height: n,
251
- aspectRatio: r
252
- };
253
- }
254
- let dt = d(() => N.value.style.chart.backgroundColor), ft = d(() => N.value.style.chart.title), { isCallbackImaging: pt, isCallbackSvg: mt, generateSvg: ht, onGenerateImage: gt } = se({
255
- svg: L,
256
- title: ft,
257
- legend: null,
258
- legendItems: null,
259
- backgroundColor: dt,
260
- getSvgCallback: () => N.value.userOptions.callbacks.svg,
261
- generateImage: nt
262
- });
263
- async function _t() {
264
- if (We("copyAlt", {
265
- config: N.value,
266
- dataset: F.value
267
- }), !N.value.userOptions.callbacks.altCopy) {
268
- console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
269
- return;
270
- }
271
- await Promise.resolve(N.value.userOptions.callbacks.altCopy({
272
- config: N.value,
273
- dataset: F.value
274
- }));
275
- }
276
- let vt = d(() => `${k.value}-title`), yt = d(() => `${k.value}-desc`), $ = d(() => o(N.value.style.chart.percentage.formatter, V.value, r({
277
- v: V.value,
278
- s: "%",
279
- r: N.value.style.chart.percentage.rounding
280
- }))), bt = d(() => N.value.style.chart.title.text || ""), xt = d(() => P.value ? "Loading data" : `Value: ${$.value}`);
281
- return ue({
282
- getImage: ut,
283
- generatePdf: tt,
284
- generateImage: nt,
285
- generateSvg: ht,
286
- toggleAnnotator: Q,
287
- toggleFullscreen: lt,
288
- copyAlt: _t
289
- }), (e, t) => (b(), m("div", {
290
- ref_key: "tiremarksChart",
291
- ref: A,
292
- class: _(`vue-data-ui-component vue-ui-tiremarks ${N.value.useCssAnimation ? "" : "vue-ui-dna"}`),
293
- style: y(`font-family:${N.value.style.fontFamily};width:100%; text-align:center;background:${N.value.style.chart.backgroundColor}`),
294
- id: k.value,
295
- onMouseenter: t[0] ||= () => w($e)(!0),
296
- onMouseleave: t[1] ||= () => w($e)(!1)
297
- }, [
298
- N.value.userOptions.buttons.annotator ? (b(), f(w(E), {
299
- key: 0,
300
- svgRef: w(L),
301
- backgroundColor: N.value.style.chart.backgroundColor,
302
- color: N.value.style.chart.color,
303
- active: Z.value,
304
- isCursorPointer: Ze.value,
305
- onClose: Q
306
- }, {
307
- "annotator-action-close": T(() => [S(e.$slots, "annotator-action-close", {}, void 0, !0)]),
308
- "annotator-action-color": T(({ color: t }) => [S(e.$slots, "annotator-action-color", v(g({ color: t })), void 0, !0)]),
309
- "annotator-action-draw": T(({ mode: t }) => [S(e.$slots, "annotator-action-draw", v(g({ mode: t })), void 0, !0)]),
310
- "annotator-action-undo": T(({ disabled: t }) => [S(e.$slots, "annotator-action-undo", v(g({ disabled: t })), void 0, !0)]),
311
- "annotator-action-redo": T(({ disabled: t }) => [S(e.$slots, "annotator-action-redo", v(g({ disabled: t })), void 0, !0)]),
312
- "annotator-action-delete": T(({ disabled: t }) => [S(e.$slots, "annotator-action-delete", v(g({ disabled: t })), void 0, !0)]),
313
- _: 3
314
- }, 8, [
315
- "svgRef",
316
- "backgroundColor",
317
- "color",
318
- "active",
319
- "isCursorPointer"
320
- ])) : p("", !0),
321
- rt.value ? (b(), m("div", {
322
- key: 1,
323
- ref_key: "noTitle",
324
- ref: Ke,
325
- class: "vue-data-ui-no-title-space",
326
- style: "height:36px; width: 100%;background:transparent"
327
- }, null, 512)) : p("", !0),
328
- N.value.style.chart.title.text ? (b(), m("div", {
329
- key: 2,
330
- ref_key: "chartTitle",
331
- ref: qe,
332
- style: "width:100%;background:transparent;padding-bottom:12px"
333
- }, [(b(), f(le, {
334
- key: `title_${Xe.value}`,
335
- config: {
336
- title: {
337
- cy: "wheel-title",
338
- ...N.value.style.chart.title
339
- },
340
- subtitle: {
341
- cy: "wheel-subtitle",
342
- ...N.value.style.chart.title.subtitle
343
- }
344
- }
345
- }, null, 8, ["config"]))], 512)) : p("", !0),
346
- N.value.userOptions.show && Ge.value && (w(et) || w(I)) ? (b(), f(w(ze), {
347
- ref: "details",
348
- key: `user_options_${Ye.value}`,
349
- backgroundColor: N.value.style.chart.backgroundColor,
350
- color: N.value.style.chart.color,
351
- isPrinting: w(z),
352
- isImaging: w(B),
353
- uid: k.value,
354
- hasPdf: N.value.userOptions.buttons.pdf,
355
- hasImg: N.value.userOptions.buttons.img,
356
- hasSvg: N.value.userOptions.buttons.svg,
357
- hasFullscreen: N.value.userOptions.buttons.fullscreen,
358
- hasAltCopy: N.value.userOptions.buttons.altCopy,
359
- hasXls: !1,
360
- isFullscreen: X.value,
361
- titles: { ...N.value.userOptions.buttonTitles },
362
- chartElement: A.value,
363
- position: N.value.userOptions.position,
364
- hasAnnotator: N.value.userOptions.buttons.annotator,
365
- isAnnotation: Z.value,
366
- callbacks: N.value.userOptions.callbacks,
367
- printScale: N.value.userOptions.print.scale,
368
- isCursorPointer: Ze.value,
369
- onToggleFullscreen: lt,
370
- onGeneratePdf: w(tt),
371
- onGenerateImage: w(gt),
372
- onGenerateSvg: w(ht),
373
- onToggleAnnotator: Q,
374
- onCopyAlt: _t,
375
- style: y({ visibility: w(et) ? w(I) ? "visible" : "hidden" : "visible" })
376
- }, ye({ _: 2 }, [
377
- e.$slots.menuIcon ? {
378
- name: "menuIcon",
379
- fn: T(({ isOpen: t, color: n }) => [S(e.$slots, "menuIcon", v(g({
380
- isOpen: t,
381
- color: n
382
- })), void 0, !0)]),
383
- key: "0"
384
- } : void 0,
385
- e.$slots.optionPdf ? {
386
- name: "optionPdf",
387
- fn: T(() => [S(e.$slots, "optionPdf", {}, void 0, !0)]),
388
- key: "1"
389
- } : void 0,
390
- e.$slots.optionImg ? {
391
- name: "optionImg",
392
- fn: T(() => [S(e.$slots, "optionImg", {}, void 0, !0)]),
393
- key: "2"
394
- } : void 0,
395
- e.$slots.optionSvg ? {
396
- name: "optionSvg",
397
- fn: T(() => [S(e.$slots, "optionSvg", {}, void 0, !0)]),
398
- key: "3"
399
- } : void 0,
400
- e.$slots.optionFullscreen ? {
401
- name: "optionFullscreen",
402
- fn: T(({ toggleFullscreen: t, isFullscreen: n }) => [S(e.$slots, "optionFullscreen", v(g({
403
- toggleFullscreen: t,
404
- isFullscreen: n
405
- })), void 0, !0)]),
406
- key: "4"
407
- } : void 0,
408
- e.$slots.optionAnnotator ? {
409
- name: "optionAnnotator",
410
- fn: T(({ toggleAnnotator: t, isAnnotator: n }) => [S(e.$slots, "optionAnnotator", v(g({
411
- toggleAnnotator: t,
412
- isAnnotator: n
413
- })), void 0, !0)]),
414
- key: "5"
415
- } : void 0,
416
- e.$slots.optionAltCopy ? {
417
- name: "optionAltCopy",
418
- fn: T(({ altCopy: t }) => [S(e.$slots, "optionAltCopy", v(g({ altCopy: t })), void 0, !0)]),
419
- key: "6"
420
- } : void 0,
421
- e.$slots["custom-menu-before"] ? {
422
- name: "custom-menu-before",
423
- fn: T(() => [S(e.$slots, "custom-menu-before", {}, void 0, !0)]),
424
- key: "7"
425
- } : void 0,
426
- e.$slots["custom-menu-after"] ? {
427
- name: "custom-menu-after",
428
- fn: T(() => [S(e.$slots, "custom-menu-after", {}, void 0, !0)]),
429
- key: "8"
430
- } : void 0
431
- ]), 1032, [
432
- "backgroundColor",
433
- "color",
434
- "isPrinting",
435
- "isImaging",
436
- "uid",
437
- "hasPdf",
438
- "hasImg",
439
- "hasSvg",
440
- "hasFullscreen",
441
- "hasAltCopy",
442
- "isFullscreen",
443
- "titles",
444
- "chartElement",
445
- "position",
446
- "hasAnnotator",
447
- "isAnnotation",
448
- "callbacks",
449
- "printScale",
450
- "isCursorPointer",
451
- "onGeneratePdf",
452
- "onGenerateImage",
453
- "onGenerateSvg",
454
- "style"
455
- ])) : p("", !0),
456
- (b(), m("svg", {
457
- ref_key: "svgRef",
458
- ref: L,
459
- xmlns: w(l),
460
- class: _({
461
- "vue-data-ui-fullscreen--on": X.value,
462
- "vue-data-ui-fulscreen--off": !X.value
463
- }),
464
- viewBox: `0 0 ${G.value} ${K.value}`,
465
- style: y(`max-width:100%; overflow: visible; background:transparent;color:${N.value.style.chart.color}`),
466
- role: "img",
467
- "aria-labelledby": vt.value,
468
- "aria-describedby": yt.value
469
- }, [
470
- ve("title", { id: vt.value }, C(bt.value), 9, Oe),
471
- ve("desc", { id: yt.value }, C(xt.value), 9, ke),
472
- be(w(Be)),
473
- e.$slots["chart-background"] ? (b(), m("foreignObject", {
474
- key: 0,
475
- x: 0,
476
- y: 0,
477
- width: q.value.width,
478
- height: q.value.height,
479
- style: { pointerEvents: "none" }
480
- }, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, Ae)) : p("", !0),
481
- N.value.style.chart.layout.curved ? (b(), m("g", je, [(b(!0), m(_e, null, Se(ct.value, (e, t) => (b(), m("path", {
482
- d: e.curve,
483
- "stroke-width": J.value.mark,
484
- stroke: V.value >= t ? e.color : N.value.style.chart.layout.inactiveColor,
485
- "stroke-linecap": "round",
486
- fill: "none",
487
- class: _({ "vue-ui-tick-animated": N.value.style.chart.animation.use && !w(D) && t <= V.value })
488
- }, null, 10, Me))), 256))])) : (b(), m("g", Ne, [(b(!0), m(_e, null, Se(ct.value, (e, t) => (b(), m("line", {
489
- x1: e.x1,
490
- y1: e.y1,
491
- x2: e.x2,
492
- y2: e.y2,
493
- "stroke-width": J.value.mark,
494
- stroke: V.value >= t ? e.color : N.value.style.chart.layout.inactiveColor,
495
- "stroke-linecap": "round"
496
- }, null, 8, Pe))), 256))])),
497
- N.value.style.chart.percentage.show ? (b(), m("g", {
498
- key: 3,
499
- role: "status",
500
- "aria-live": "polite",
501
- "aria-label": w(P) ? "..." : `${$.value}`
502
- }, [w(P) ? (b(), m("rect", {
503
- key: 0,
504
- x: st.value.x,
505
- y: st.value.y,
506
- width: 40,
507
- height: Y.value.fontSize,
508
- fill: "#6A6A6A80",
509
- rx: 3
510
- }, null, 8, Ie)) : (b(), m("text", {
511
- key: 1,
512
- "aria-hidden": "true",
513
- x: Y.value.x,
514
- y: Y.value.y,
515
- "font-size": Y.value.fontSize,
516
- fill: N.value.style.chart.layout.ticks.gradient.show && N.value.style.chart.percentage.useGradientColor ? w(n)(N.value.style.chart.layout.activeColor, V.value / 100 * (N.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : N.value.style.chart.percentage.color,
517
- "font-weight": Y.value.bold ? "bold" : "normal",
518
- "text-anchor": Y.value.textAnchor
519
- }, C($.value), 9, Le))], 8, Fe)) : p("", !0),
520
- S(e.$slots, "svg", { svg: {
521
- ...q.value,
522
- isPrintingImg: w(z) || w(B) || w(pt),
523
- isPrintingSvg: w(mt)
524
- } }, void 0, !0)
525
- ], 14, De)),
526
- e.$slots.watermark ? (b(), m("div", Re, [S(e.$slots, "watermark", v(g({ isPrinting: w(z) || w(B) || w(pt) || w(mt) })), void 0, !0)])) : p("", !0),
527
- e.$slots.source ? (b(), m("div", {
528
- key: 5,
529
- ref_key: "source",
530
- ref: Je,
531
- dir: "auto"
532
- }, [S(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
533
- S(e.$slots, "skeleton", {}, () => [w(P) ? (b(), f(ae, { key: 0 })) : p("", !0)], !0)
534
- ], 46, Ee));
535
- }
536
- }, [["__scopeId", "data-v-2c6b8285"]]);
537
- //#endregion
538
- export { Te as n, E as t };