vue-data-ui 3.4.9 → 3.5.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 (151) hide show
  1. package/README.md +114 -37
  2. package/dist/{ColorPicker-J5wOPCeB.js → ColorPicker-ChuwChMo.js} +58 -56
  3. package/dist/{NonSvgPenAndPaper-C7TRn0_3.js → NonSvgPenAndPaper-DVgKKLIf.js} +1 -1
  4. package/dist/{PackageVersion-CTUqGqWV.js → PackageVersion-DQvyATVa.js} +1 -1
  5. package/dist/PenAndPaper-SZQIAgkg.js +388 -0
  6. package/dist/{Title-l36lOBMx.js → Title-isbiM8i8.js} +1 -1
  7. package/dist/components/vue-ui-3d-bar.js +1 -1
  8. package/dist/components/vue-ui-accordion.js +1 -1
  9. package/dist/components/vue-ui-age-pyramid.js +1 -1
  10. package/dist/components/vue-ui-annotator.js +1 -1
  11. package/dist/components/vue-ui-bullet.js +1 -1
  12. package/dist/components/vue-ui-candlestick.js +1 -1
  13. package/dist/components/vue-ui-carousel-table.js +1 -1
  14. package/dist/components/vue-ui-chestnut.js +1 -1
  15. package/dist/components/vue-ui-chord.js +1 -1
  16. package/dist/components/vue-ui-circle-pack.js +1 -1
  17. package/dist/components/vue-ui-cursor.js +1 -1
  18. package/dist/components/vue-ui-dashboard.js +1 -1
  19. package/dist/components/vue-ui-digits.js +1 -1
  20. package/dist/components/vue-ui-donut-evolution.js +1 -1
  21. package/dist/components/vue-ui-donut.js +1 -1
  22. package/dist/components/vue-ui-dumbbell.js +1 -1
  23. package/dist/components/vue-ui-flow.js +1 -1
  24. package/dist/components/vue-ui-funnel.js +1 -1
  25. package/dist/components/vue-ui-galaxy.js +1 -1
  26. package/dist/components/vue-ui-gauge.js +1 -1
  27. package/dist/components/vue-ui-gizmo.js +1 -1
  28. package/dist/components/vue-ui-heatmap.js +1 -1
  29. package/dist/components/vue-ui-history-plot.js +1 -1
  30. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  31. package/dist/components/vue-ui-kpi.js +1 -1
  32. package/dist/components/vue-ui-mini-loader.js +1 -1
  33. package/dist/components/vue-ui-molecule.js +1 -1
  34. package/dist/components/vue-ui-mood-radar.js +1 -1
  35. package/dist/components/vue-ui-nested-donuts.js +1 -1
  36. package/dist/components/vue-ui-onion.js +1 -1
  37. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  38. package/dist/components/vue-ui-quadrant.js +1 -1
  39. package/dist/components/vue-ui-quick-chart.js +1 -1
  40. package/dist/components/vue-ui-radar.js +1 -1
  41. package/dist/components/vue-ui-rating.js +1 -1
  42. package/dist/components/vue-ui-relation-circle.js +1 -1
  43. package/dist/components/vue-ui-ridgeline.js +1 -1
  44. package/dist/components/vue-ui-rings.js +1 -1
  45. package/dist/components/vue-ui-scatter.js +1 -1
  46. package/dist/components/vue-ui-skeleton.js +1 -1
  47. package/dist/components/vue-ui-smiley.js +1 -1
  48. package/dist/components/vue-ui-spark-trend.js +1 -1
  49. package/dist/components/vue-ui-sparkbar.js +1 -1
  50. package/dist/components/vue-ui-sparkgauge.js +1 -1
  51. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  52. package/dist/components/vue-ui-sparkline.js +1 -1
  53. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  54. package/dist/components/vue-ui-stackbar.js +1 -1
  55. package/dist/components/vue-ui-strip-plot.js +1 -1
  56. package/dist/components/vue-ui-table-heatmap.js +1 -1
  57. package/dist/components/vue-ui-table-sparkline.js +1 -1
  58. package/dist/components/vue-ui-table.js +1 -1
  59. package/dist/components/vue-ui-thermometer.js +1 -1
  60. package/dist/components/vue-ui-timer.js +1 -1
  61. package/dist/components/vue-ui-tiremarks.js +1 -1
  62. package/dist/components/vue-ui-treemap.js +1 -1
  63. package/dist/components/vue-ui-vertical-bar.js +1 -1
  64. package/dist/components/vue-ui-waffle.js +1 -1
  65. package/dist/components/vue-ui-wheel.js +1 -1
  66. package/dist/components/vue-ui-word-cloud.js +1 -1
  67. package/dist/components/vue-ui-world.js +1 -1
  68. package/dist/components/vue-ui-xy-canvas.js +1 -1
  69. package/dist/components/vue-ui-xy.js +1 -1
  70. package/dist/style.css +1 -1
  71. package/dist/types/vue-data-ui.d.ts +17 -8
  72. package/dist/{useNestedProp-BjZe1Y85.js → useNestedProp-DjGXw6S9.js} +22 -8
  73. package/dist/{vue-data-ui-DjxWWa78.js → vue-data-ui-B_RxfmEm.js} +113 -107
  74. package/dist/vue-data-ui.js +64 -64
  75. package/dist/{vue-ui-3d-bar-CLE7f9pl.js → vue-ui-3d-bar-CMNYyVa2.js} +454 -434
  76. package/dist/{vue-ui-accordion-CZ0thhxa.js → vue-ui-accordion-CqhVCfc2.js} +1 -1
  77. package/dist/{vue-ui-age-pyramid-D73uIOPm.js → vue-ui-age-pyramid-Vqa9iYXE.js} +180 -160
  78. package/dist/{vue-ui-annotator-BylDgUVb.js → vue-ui-annotator-nNv10fBm.js} +3 -3
  79. package/dist/{vue-ui-bullet-Bybo0xK2.js → vue-ui-bullet-BWEBeYV5.js} +190 -170
  80. package/dist/{vue-ui-candlestick-D_FyMdqH.js → vue-ui-candlestick-BoLzL0g1.js} +201 -181
  81. package/dist/{vue-ui-carousel-table-BvMlNdVo.js → vue-ui-carousel-table-Bi6wvUUU.js} +2 -2
  82. package/dist/{vue-ui-chestnut-DA0g0bDV.js → vue-ui-chestnut-BGz1TLXG.js} +375 -355
  83. package/dist/vue-ui-chord-CebhS7ln.js +1153 -0
  84. package/dist/{vue-ui-circle-pack-BPDm-ro5.js → vue-ui-circle-pack-7PJVyKjp.js} +289 -269
  85. package/dist/{vue-ui-cursor-ik59bfC4.js → vue-ui-cursor-qYLAwvzn.js} +1 -1
  86. package/dist/vue-ui-dashboard-DcmMvhgM.js +432 -0
  87. package/dist/{vue-ui-digits-ByNNcWXi.js → vue-ui-digits-DyE8eU1m.js} +1 -1
  88. package/dist/vue-ui-donut-CxZcJFTo.js +1681 -0
  89. package/dist/{vue-ui-donut-evolution-Ca3Svr0B.js → vue-ui-donut-evolution-BVYL-BUJ.js} +480 -444
  90. package/dist/{vue-ui-dumbbell-CxCE2luV.js → vue-ui-dumbbell-QxZn86A3.js} +210 -190
  91. package/dist/{vue-ui-flow-DEvwXd4W.js → vue-ui-flow-DEI5LRch.js} +339 -319
  92. package/dist/{vue-ui-funnel-Bgcx7xia.js → vue-ui-funnel-B_A5orFg.js} +218 -198
  93. package/dist/{vue-ui-galaxy-BWr1EMob.js → vue-ui-galaxy-CUoDRr-O.js} +313 -277
  94. package/dist/{vue-ui-gauge-DQricvo2.js → vue-ui-gauge-46tSRZN5.js} +311 -291
  95. package/dist/{vue-ui-gizmo-C-fKe3io.js → vue-ui-gizmo-BOgbsXao.js} +2 -2
  96. package/dist/{vue-ui-heatmap-B-o_i7Hu.js → vue-ui-heatmap-DKKjl1A2.js} +303 -283
  97. package/dist/{vue-ui-history-plot-DzQ9DPUJ.js → vue-ui-history-plot-C6p_aThr.js} +478 -442
  98. package/dist/{vue-ui-kpi-BGGff8LM.js → vue-ui-kpi-B1yJ83aF.js} +2 -2
  99. package/dist/{vue-ui-mini-loader-CSF-7TJL.js → vue-ui-mini-loader-BudcNBg-.js} +1 -1
  100. package/dist/{vue-ui-molecule-I2OhrCR2.js → vue-ui-molecule-L90GnHee.js} +156 -136
  101. package/dist/{vue-ui-mood-radar-BAT7kZUy.js → vue-ui-mood-radar-Dhigm5rw.js} +266 -246
  102. package/dist/{vue-ui-nested-donuts-CjhJDAQi.js → vue-ui-nested-donuts-D0MCLs5n.js} +597 -557
  103. package/dist/vue-ui-onion-B7yPJ3gL.js +915 -0
  104. package/dist/vue-ui-parallel-coordinate-plot-DY21ivNe.js +1051 -0
  105. package/dist/{vue-ui-quadrant-DGnasrCR.js → vue-ui-quadrant-b0vMRaq-.js} +532 -495
  106. package/dist/{vue-ui-quick-chart-Cam_sWet.js → vue-ui-quick-chart-VK2EN7sh.js} +288 -268
  107. package/dist/{vue-ui-radar-DNI9WI2R.js → vue-ui-radar-B5Vkoz9M.js} +412 -373
  108. package/dist/{vue-ui-rating-CiMoFM_c.js → vue-ui-rating-BH4DW1ZY.js} +1 -1
  109. package/dist/{vue-ui-relation-circle-Dj1jhcsl.js → vue-ui-relation-circle-XHbE-ZUX.js} +228 -208
  110. package/dist/{vue-ui-ridgeline-adIls6bj.js → vue-ui-ridgeline-CAMNq-p_.js} +517 -481
  111. package/dist/vue-ui-rings-ImGOqm_J.js +855 -0
  112. package/dist/vue-ui-scatter-CterNJYe.js +1590 -0
  113. package/dist/{vue-ui-skeleton-DUdI2uOO.js → vue-ui-skeleton-CykXHWj-.js} +2 -2
  114. package/dist/{vue-ui-smiley-sGFRbn31.js → vue-ui-smiley-DnGm6qrK.js} +1 -1
  115. package/dist/{vue-ui-spark-trend-DxpRfUJz.js → vue-ui-spark-trend-N1AsNQJA.js} +2 -2
  116. package/dist/{vue-ui-sparkbar-B44oER5n.js → vue-ui-sparkbar-Bvsi5DTT.js} +2 -2
  117. package/dist/{vue-ui-sparkgauge-ix12NZ7M.js → vue-ui-sparkgauge-DyJmWCWT.js} +2 -2
  118. package/dist/{vue-ui-sparkhistogram-Cs-QDYBR.js → vue-ui-sparkhistogram-5eKrkmSb.js} +143 -140
  119. package/dist/{vue-ui-sparkline-Cb8ZmyUq.js → vue-ui-sparkline-ChKAzlVq.js} +2 -2
  120. package/dist/vue-ui-sparkstackbar-BXNy6nuw.js +441 -0
  121. package/dist/vue-ui-stackbar-1IwvUYBO.js +1827 -0
  122. package/dist/{vue-ui-strip-plot-BjG-Jxnb.js → vue-ui-strip-plot-B1wGxP8-.js} +245 -225
  123. package/dist/{vue-ui-table-DdBdLrAL.js → vue-ui-table-DSsIrT4L.js} +3 -3
  124. package/dist/{vue-ui-table-heatmap-BqCEBoUf.js → vue-ui-table-heatmap-DXFHy7-E.js} +1 -1
  125. package/dist/{vue-ui-table-sparkline-EpCo2Be5.js → vue-ui-table-sparkline-DpqY_4ay.js} +2 -2
  126. package/dist/vue-ui-thermometer-CMKvSA8p.js +584 -0
  127. package/dist/{vue-ui-timer-Br3wp8hG.js → vue-ui-timer-BpdCY_wg.js} +3 -3
  128. package/dist/vue-ui-tiremarks-CNipzVli.js +450 -0
  129. package/dist/vue-ui-treemap-DPE8SY0_.js +1330 -0
  130. package/dist/{vue-ui-vertical-bar-yfbEfLqy.js → vue-ui-vertical-bar-ZU1GCbX0.js} +484 -448
  131. package/dist/{vue-ui-waffle-m-9sqQik.js → vue-ui-waffle-z7nuSuSV.js} +398 -362
  132. package/dist/vue-ui-wheel-DLRoRjeM.js +663 -0
  133. package/dist/{vue-ui-word-cloud-vNwswYZD.js → vue-ui-word-cloud-D2r5E3pP.js} +248 -228
  134. package/dist/{vue-ui-world-BsCNyZy_.js → vue-ui-world-goXYnTyM.js} +287 -267
  135. package/dist/{vue-ui-xy-CIrw1lWQ.js → vue-ui-xy-NDDbNbds.js} +1263 -1227
  136. package/dist/{vue-ui-xy-canvas-DXnLFwW3.js → vue-ui-xy-canvas-2a6NlQe3.js} +338 -322
  137. package/package.json +4 -4
  138. package/dist/PenAndPaper-DSvu9dwa.js +0 -373
  139. package/dist/vue-ui-chord-CDgzolI-.js +0 -1133
  140. package/dist/vue-ui-dashboard-CeJwbiON.js +0 -412
  141. package/dist/vue-ui-donut-DjQXHBJE.js +0 -1645
  142. package/dist/vue-ui-onion-DTY2p87s.js +0 -873
  143. package/dist/vue-ui-parallel-coordinate-plot-C8aWTcNn.js +0 -1014
  144. package/dist/vue-ui-rings-CnTMFK6R.js +0 -813
  145. package/dist/vue-ui-scatter-fzR2c0St.js +0 -1554
  146. package/dist/vue-ui-sparkstackbar-BiRZ51OU.js +0 -424
  147. package/dist/vue-ui-stackbar-DubS6Pg8.js +0 -1708
  148. package/dist/vue-ui-thermometer-DTnfnf9z.js +0 -564
  149. package/dist/vue-ui-tiremarks-CrC_tlIx.js +0 -430
  150. package/dist/vue-ui-treemap-kyuyi2ES.js +0 -1294
  151. package/dist/vue-ui-wheel-BasM7FWt.js +0 -643
@@ -1,5 +1,5 @@
1
1
  import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
2
- import { u as F, a as L } from "./useNestedProp-BjZe1Y85.js";
2
+ import { u as F, a as L } from "./useNestedProp-DjGXw6S9.js";
3
3
  import { c as z, X as O, s as I } from "./lib-C_mNZmhD.js";
4
4
  import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
5
  const N = ["xmlns", "height", "width"], T = {
@@ -0,0 +1,432 @@
1
+ import { useCssVars as we, computed as y, defineAsyncComponent as t, ref as r, watch as W, createElementBlock as S, openBlock as U, createElementVNode as k, createBlock as N, createCommentVNode as _, normalizeStyle as C, Fragment as K, renderList as Te, normalizeClass as Ce, renderSlot as c, resolveDynamicComponent as $e, mergeProps as Ie, withCtx as v, normalizeProps as w, guardReactiveProps as T, unref as $, createSlots as Me } from "vue";
2
+ import { u as Oe, a as Pe } from "./useNestedProp-DjGXw6S9.js";
3
+ import { c as Se } from "./lib-C_mNZmhD.js";
4
+ import { u as Re } from "./usePrinter-DTzqpYKF.js";
5
+ import ze from "./UserOptions-CGnQt6Fd.js";
6
+ import { u as Ae } from "./useUserOptionState-BIvW1Kz7.js";
7
+ import Xe from "./PenAndPaper-SZQIAgkg.js";
8
+ import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
9
+ const De = ["id"], Ye = ["onMousedown", "onTouchstart"], We = ["onMousedown", "onTouchstart"], Ne = ["onMousedown", "onTouchstart"], _e = ["onMousedown", "onTouchstart"], Ee = ["onMousedown", "onTouchstart"], H = 1, Le = {
10
+ __name: "vue-ui-dashboard",
11
+ props: {
12
+ dataset: Array,
13
+ config: Object
14
+ },
15
+ emits: ["change"],
16
+ setup(q, { expose: J, emit: Z }) {
17
+ we((e) => ({
18
+ v7cae28ee: fe.value,
19
+ e73f87a8: he.value
20
+ }));
21
+ const ee = {
22
+ VueDataUi: t(() => import("./vue-data-ui-B_RxfmEm.js")),
23
+ VueUi3dBar: t(() => import("./vue-ui-3d-bar-CMNYyVa2.js")),
24
+ VueUiAccordion: t(() => import("./vue-ui-accordion-CqhVCfc2.js")),
25
+ VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-Vqa9iYXE.js")),
26
+ VueUiAnnotator: t(() => import("./vue-ui-annotator-nNv10fBm.js")),
27
+ VueUiCandlestick: t(() => import("./vue-ui-candlestick-BoLzL0g1.js")),
28
+ VueUiChestnut: t(() => import("./vue-ui-chestnut-BGz1TLXG.js")),
29
+ VueUiDigits: t(() => import("./vue-ui-digits-DyE8eU1m.js")),
30
+ VueUiDonut: t(() => import("./vue-ui-donut-CxZcJFTo.js")),
31
+ VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-BVYL-BUJ.js")),
32
+ VueUiDumbbell: t(() => import("./vue-ui-dumbbell-QxZn86A3.js")),
33
+ VueUiFlow: t(() => import("./vue-ui-flow-DEI5LRch.js")),
34
+ VueUiGalaxy: t(() => import("./vue-ui-galaxy-CUoDRr-O.js")),
35
+ VueUiGauge: t(() => import("./vue-ui-gauge-46tSRZN5.js")),
36
+ VueUiHeatmap: t(() => import("./vue-ui-heatmap-DKKjl1A2.js")),
37
+ VueUiKpi: t(() => import("./vue-ui-kpi-B1yJ83aF.js")),
38
+ VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-BudcNBg-.js")),
39
+ VueUiMolecule: t(() => import("./vue-ui-molecule-L90GnHee.js")),
40
+ VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-Dhigm5rw.js")),
41
+ VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-D0MCLs5n.js")),
42
+ VueUiOnion: t(() => import("./vue-ui-onion-B7yPJ3gL.js")),
43
+ VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-DY21ivNe.js")),
44
+ VueUiQuadrant: t(() => import("./vue-ui-quadrant-b0vMRaq-.js")),
45
+ VueUiQuickChart: t(() => import("./vue-ui-quick-chart-VK2EN7sh.js")),
46
+ VueUiRadar: t(() => import("./vue-ui-radar-B5Vkoz9M.js")),
47
+ VueUiRating: t(() => import("./vue-ui-rating-BH4DW1ZY.js")),
48
+ VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-XHbE-ZUX.js")),
49
+ VueUiRings: t(() => import("./vue-ui-rings-ImGOqm_J.js")),
50
+ VueUiScatter: t(() => import("./vue-ui-scatter-CterNJYe.js")),
51
+ VueUiSkeleton: t(() => import("./vue-ui-skeleton-CykXHWj-.js")),
52
+ VueUiSmiley: t(() => import("./vue-ui-smiley-DnGm6qrK.js")),
53
+ VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-5eKrkmSb.js")),
54
+ VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BXNy6nuw.js")),
55
+ VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-N1AsNQJA.js")),
56
+ VueUiSparkbar: t(() => import("./vue-ui-sparkbar-Bvsi5DTT.js")),
57
+ VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-DyJmWCWT.js")),
58
+ VueUiSparkline: t(() => import("./vue-ui-sparkline-ChKAzlVq.js")),
59
+ VueUiStripPlot: t(() => import("./vue-ui-strip-plot-B1wGxP8-.js")),
60
+ VueUiTable: t(() => import("./vue-ui-table-DSsIrT4L.js")),
61
+ VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DXFHy7-E.js")),
62
+ VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-DpqY_4ay.js")),
63
+ VueUiThermometer: t(() => import("./vue-ui-thermometer-CMKvSA8p.js")),
64
+ VueUiTimer: t(() => import("./vue-ui-timer-BpdCY_wg.js")),
65
+ VueUiTiremarks: t(() => import("./vue-ui-tiremarks-CNipzVli.js")),
66
+ VueUiTreemap: t(() => import("./vue-ui-treemap-DPE8SY0_.js")),
67
+ VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-ZU1GCbX0.js")),
68
+ VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-ZU1GCbX0.js")),
69
+ VueUiWaffle: t(() => import("./vue-ui-waffle-z7nuSuSV.js")),
70
+ VueUiWheel: t(() => import("./vue-ui-wheel-DLRoRjeM.js")),
71
+ VueUiWordCloud: t(() => import("./vue-ui-word-cloud-D2r5E3pP.js")),
72
+ VueUiXy: t(() => import("./vue-ui-xy-NDDbNbds.js")),
73
+ VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-2a6NlQe3.js")),
74
+ VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-Bi6wvUUU.js")),
75
+ VueUiGizmo: t(() => import("./vue-ui-gizmo-BOgbsXao.js")),
76
+ VueUiStackbar: t(() => import("./vue-ui-stackbar-1IwvUYBO.js")),
77
+ VueUiBullet: t(() => import("./vue-ui-bullet-BWEBeYV5.js")),
78
+ VueUiFunnel: t(() => import("./vue-ui-funnel-B_A5orFg.js")),
79
+ VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-C6p_aThr.js")),
80
+ VueUiCirclePack: t(() => import("./vue-ui-circle-pack-7PJVyKjp.js")),
81
+ VueUiWorld: t(() => import("./vue-ui-world-goXYnTyM.js")),
82
+ VueUiChord: t(() => import("./vue-ui-chord-CebhS7ln.js")),
83
+ VueUiRidgeline: t(() => import("./vue-ui-ridgeline-CAMNq-p_.js"))
84
+ }, { vue_ui_dashboard: oe } = Oe(), te = r(null), ne = r(null), D = r(null), R = q, i = y(() => Pe({
85
+ userConfig: R.config,
86
+ defaultConfig: oe
87
+ })), Y = r(Se()), f = r(i.value.locked);
88
+ function ae() {
89
+ f.value = !f.value;
90
+ }
91
+ W(() => R.config, () => {
92
+ f.value = i.value.locked, Q.value = !i.value.userOptions.showOnChartHover;
93
+ });
94
+ function E() {
95
+ return R.dataset.map((e, o) => ({
96
+ ...e,
97
+ index: o
98
+ }));
99
+ }
100
+ const s = r(E());
101
+ W(() => R.dataset, () => {
102
+ s.value = E();
103
+ });
104
+ const I = y(
105
+ () => s.value.map((e) => ({
106
+ ...e,
107
+ resolvedComponent: typeof e.component == "string" ? ee[e.component] : e.component
108
+ }))
109
+ ), h = r(null), l = r(null), m = r({ x: 0, y: 0 }), g = r({ x: 0, y: 0 }), d = r(null), p = r(!1), b = r(null), M = r(!1);
110
+ function L(e) {
111
+ const o = e.target;
112
+ (o.tagName === "INPUT" && o.type === "range" || o.classList.contains("range-handle")) && (M.value = !0);
113
+ }
114
+ function B(e) {
115
+ const o = e.target;
116
+ o.tagName === "INPUT" && o.type === "range" && (M.value = !1);
117
+ }
118
+ const { isPrinting: ie, isImaging: ue, generatePdf: G, generateImage: le } = Re({
119
+ elementId: `vue-ui-dashboard_${Y.value}`,
120
+ fileName: i.value.userOptions.print.filename || "dashboard",
121
+ options: {
122
+ ...i.value.userOptions.print,
123
+ aspectRatio: i.value.style.board.aspectRatio
124
+ }
125
+ });
126
+ function re(e) {
127
+ if (!f.value && (p.value = !0, b.value = e, l.value === null)) {
128
+ h.value = e, m.value = { x: event.clientX, y: event.clientY };
129
+ const o = s.value[e], n = 100 - o.width, a = 100 - o.height;
130
+ o.left < 0 && (o.left = 0), o.top < 0 && (o.top = 0), o.left > n && (o.left = n), o.top > a && (o.top = a), o.left < 0 && (o.left = 0), o.top < 0 && (o.top = 0), o.left + o.width > 100 && (o.left = 100 - o.width), o.top + o.height > 100 && (o.top = 100 - o.height);
131
+ }
132
+ }
133
+ function z(e, o) {
134
+ p.value = !0, b.value = e, l.value = { index: e, direction: o };
135
+ const n = s.value[e];
136
+ g.value = { x: event.clientX, y: event.clientY, initialWidth: n.width, initialHeight: n.height };
137
+ }
138
+ function F(e, o, n) {
139
+ if (l.value.direction.includes("top")) {
140
+ const a = e.height - n / d.value.offsetHeight * 100;
141
+ a >= H && (e.top += n / d.value.offsetHeight * 100, e.height = a);
142
+ }
143
+ if (l.value.direction.includes("bottom")) {
144
+ const a = e.height + n / d.value.offsetHeight * 100;
145
+ a >= H && (e.height = a);
146
+ }
147
+ if (l.value.direction.includes("left")) {
148
+ const a = e.width - o / d.value.offsetWidth * 100;
149
+ a >= H && (e.left += o / d.value.offsetWidth * 100, e.width = a);
150
+ }
151
+ if (l.value.direction.includes("right")) {
152
+ const a = e.width + o / d.value.offsetWidth * 100;
153
+ a >= H && (e.width = a);
154
+ }
155
+ }
156
+ function se(e) {
157
+ if (!(f.value || M.value)) {
158
+ if (p.value = !0, h.value !== null) {
159
+ const o = s.value[h.value], n = e.clientX - m.value.x, a = e.clientY - m.value.y, u = o.left + n / d.value.offsetWidth * 100, V = o.top + a / d.value.offsetHeight * 100;
160
+ u >= 0 && V >= 0 && u + o.width <= 100 && V + o.height <= 100 && (o.left = u, o.top = V), m.value = { x: e.clientX, y: e.clientY };
161
+ }
162
+ if (l.value !== null) {
163
+ const o = s.value[l.value.index], n = e.clientX - g.value.x, a = e.clientY - g.value.y;
164
+ F(o, n, a), g.value = { x: e.clientX, y: e.clientY };
165
+ }
166
+ }
167
+ }
168
+ const de = Z;
169
+ W(
170
+ s,
171
+ (e) => {
172
+ e && !p.value && de("change", s.value);
173
+ },
174
+ { deep: !0 }
175
+ );
176
+ function ce() {
177
+ h.value = null, l.value = null, p.value = !1, b.value = null, s.value.forEach((e) => {
178
+ e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
179
+ });
180
+ }
181
+ function pe(e) {
182
+ f.value || M.value || (p.value = !0, b.value = e, l.value === null && (h.value = e, m.value = { x: event.touches[0].clientX, y: event.touches[0].clientY }));
183
+ }
184
+ function A(e, o, n) {
185
+ if (p.value = !0, b.value = e, l.value === null) {
186
+ l.value = { index: e, direction: o };
187
+ const a = s.value[e];
188
+ g.value = { x: n.touches[0].clientX, y: n.touches[0].clientY, initialWidth: a.width, initialHeight: a.height };
189
+ }
190
+ }
191
+ function X(e) {
192
+ if (p.value = !0, e.preventDefault(), l.value !== null) {
193
+ const o = s.value[l.value.index], n = e.touches[0].clientX - g.value.x, a = e.touches[0].clientY - g.value.y;
194
+ F(o, n, a), g.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
195
+ }
196
+ }
197
+ function ve(e) {
198
+ if (!(f.value || M.value) && (p.value = !0, e.preventDefault(), h.value !== null)) {
199
+ const o = s.value[h.value], n = e.touches[0].clientX - m.value.x, a = e.touches[0].clientY - m.value.y, u = o.left + n / d.value.offsetWidth * 100, V = o.top + a / d.value.offsetHeight * 100;
200
+ u >= 0 && V >= 0 && u + o.width <= 100 && V + o.height <= 100 && (o.left = u, o.top = V), m.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
201
+ }
202
+ }
203
+ function O() {
204
+ p.value = !1, b.value = null, h.value = null, l.value = null, s.value.forEach((e) => {
205
+ e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
206
+ });
207
+ }
208
+ const fe = y(() => i.value.style.item.borderColor), he = y(() => i.value.style.resizeHandles.backgroundColor), me = y(() => i.value.style.board.aspectRatio), ge = y(() => i.value.style.board.backgroundColor), be = y(() => i.value.style.board.border);
209
+ function Ue() {
210
+ return s.value;
211
+ }
212
+ const { userOptionsVisible: Q, setUserOptionsVisibility: j, keepUserOptionState: Ve } = Ae({ config: i.value }), P = r(!1);
213
+ function x() {
214
+ P.value = !P.value;
215
+ }
216
+ function ye() {
217
+ j(!0);
218
+ }
219
+ function ke() {
220
+ j(!1);
221
+ }
222
+ return J({
223
+ generatePdf: G,
224
+ getItemsPositions: Ue,
225
+ toggleLock: ae
226
+ }), (e, o) => (U(), S("div", {
227
+ id: `vue-ui-dashboard_${Y.value}`,
228
+ onMousedown: L,
229
+ onMouseup: B,
230
+ onTouchstart: L,
231
+ onTouchend: B,
232
+ onMouseenter: ye,
233
+ onMouseleave: ke,
234
+ ref_key: "dashboardRef",
235
+ ref: te,
236
+ style: {
237
+ position: "relative"
238
+ },
239
+ class: "vue-data-ui-component"
240
+ }, [
241
+ k("div", {
242
+ class: "vue-ui-dashboard-container",
243
+ ref_key: "dashboardContainer",
244
+ ref: d,
245
+ style: C(`outline:${be.value}; background:${ge.value}; aspect-ratio:${me.value};${P.value ? "pointer-events:none" : ""}`)
246
+ }, [
247
+ k("div", {
248
+ class: "vue-ui-dashboard-grid-container",
249
+ ref: "container",
250
+ onMousemove: se,
251
+ onMouseup: ce,
252
+ onTouchmove: ve,
253
+ onTouchend: O,
254
+ style: C(`background:${i.value.style.board.backgroundColor}`)
255
+ }, [
256
+ o[4] || (o[4] = k("div", { class: "vue-ui-dashboard-grid" }, null, -1)),
257
+ (U(!0), S(K, null, Te(I.value, (n, a) => (U(), S("div", {
258
+ key: n.id,
259
+ class: Ce({ "vue-ui-dashboard-grid-item": !0, "vue-ui-dashboard-grid-item--locked": f.value }),
260
+ style: C({
261
+ width: `${n.width}%`,
262
+ height: `${n.height}%`,
263
+ left: `${n.left}%`,
264
+ top: `${n.top}%`,
265
+ cursor: "move",
266
+ boxShadow: b.value === a ? "0 6px 12px -3px rgba(0,0,0,0.3)" : "",
267
+ zIndex: b.value === a ? I.value.length + 1 : n.index,
268
+ backgroundColor: i.value.style.item.backgroundColor
269
+ }),
270
+ onMousedown: (u) => re(a),
271
+ onTouchstart: (u) => pe(a)
272
+ }, [
273
+ f.value ? _("", !0) : (U(), S(K, { key: 0 }, [
274
+ k("div", {
275
+ class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",
276
+ onMousedown: (u) => z(a, "top-left"),
277
+ onTouchstart: (u) => A(a, "top-left", u),
278
+ onTouchmove: o[0] || (o[0] = (u) => X(u)),
279
+ onTouchend: O
280
+ }, null, 40, We),
281
+ k("div", {
282
+ class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",
283
+ onMousedown: (u) => z(a, "top-right"),
284
+ onTouchstart: (u) => A(a, "top-right", u),
285
+ onTouchmove: o[1] || (o[1] = (u) => X(u)),
286
+ onTouchend: O
287
+ }, null, 40, Ne),
288
+ k("div", {
289
+ class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",
290
+ onMousedown: (u) => z(a, "bottom-left"),
291
+ onTouchstart: (u) => A(a, "bottom-left", u),
292
+ onTouchmove: o[2] || (o[2] = (u) => X(u)),
293
+ onTouchend: O
294
+ }, null, 40, _e),
295
+ k("div", {
296
+ class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",
297
+ onMousedown: (u) => z(a, "bottom-right"),
298
+ onTouchstart: (u) => A(a, "bottom-right", u),
299
+ onTouchmove: o[3] || (o[3] = (u) => X(u)),
300
+ onTouchend: O
301
+ }, null, 40, Ee)
302
+ ], 64)),
303
+ c(e.$slots, "top", {
304
+ item: n,
305
+ index: a
306
+ }, void 0, !0),
307
+ n.resolvedComponent ? (U(), N($e(n.resolvedComponent), Ie({
308
+ key: 1,
309
+ ref_for: !0
310
+ }, n.props), null, 16)) : c(e.$slots, "content", {
311
+ key: 2,
312
+ item: n,
313
+ index: a,
314
+ left: n.left,
315
+ top: n.top,
316
+ height: n.height,
317
+ width: n.width
318
+ }, void 0, !0),
319
+ c(e.$slots, "bottom", {
320
+ item: n,
321
+ index: a
322
+ }, void 0, !0)
323
+ ], 46, Ye))), 128))
324
+ ], 36)
325
+ ], 4),
326
+ (U(), S("svg", {
327
+ style: C({
328
+ width: "100%",
329
+ height: "100%",
330
+ pointerEvents: "none",
331
+ position: "absolute",
332
+ top: 0,
333
+ left: 0,
334
+ zIndex: I.value.length + 1
335
+ }),
336
+ ref_key: "svgRef",
337
+ ref: D
338
+ }, null, 4)),
339
+ i.value.userOptions.buttons.annotator && d.value && D.value ? (U(), N(Xe, {
340
+ key: 0,
341
+ color: i.value.style.board.color,
342
+ backgroundColor: i.value.style.board.backgroundColor,
343
+ active: P.value,
344
+ svgRef: D.value,
345
+ onClose: x,
346
+ style: C({
347
+ zIndex: I.value.length + 1
348
+ })
349
+ }, {
350
+ "annotator-action-close": v(() => [
351
+ c(e.$slots, "annotator-action-close", {}, void 0, !0)
352
+ ]),
353
+ "annotator-action-color": v(({ color: n }) => [
354
+ c(e.$slots, "annotator-action-color", w(T({ color: n })), void 0, !0)
355
+ ]),
356
+ "annotator-action-draw": v(({ mode: n }) => [
357
+ c(e.$slots, "annotator-action-draw", w(T({ mode: n })), void 0, !0)
358
+ ]),
359
+ "annotator-action-undo": v(({ disabled: n }) => [
360
+ c(e.$slots, "annotator-action-undo", w(T({ disabled: n })), void 0, !0)
361
+ ]),
362
+ "annotator-action-redo": v(({ disabled: n }) => [
363
+ c(e.$slots, "annotator-action-redo", w(T({ disabled: n })), void 0, !0)
364
+ ]),
365
+ "annotator-action-delete": v(({ disabled: n }) => [
366
+ c(e.$slots, "annotator-action-delete", w(T({ disabled: n })), void 0, !0)
367
+ ]),
368
+ _: 3
369
+ }, 8, ["color", "backgroundColor", "active", "svgRef", "style"])) : _("", !0),
370
+ (i.value.allowPrint || i.value.userOptions.show) && (i.value.userOptions.buttons.pdf || i.value.userOptions.buttons.img) ? (U(), N(ze, {
371
+ key: 1,
372
+ ref_key: "userOptionsRef",
373
+ ref: ne,
374
+ backgroundColor: i.value.style.board.backgroundColor,
375
+ color: i.value.style.board.color,
376
+ isPrinting: $(ie),
377
+ isImaging: $(ue),
378
+ uid: Y.value,
379
+ position: i.value.userOptions.position,
380
+ hasTooltip: !1,
381
+ hasPdf: i.value.userOptions.buttons.pdf,
382
+ hasImg: i.value.userOptions.buttons.img,
383
+ hasXls: !1,
384
+ hasTable: !1,
385
+ hasLabel: !1,
386
+ hasFullscreen: !1,
387
+ chartElement: d.value,
388
+ callbacks: i.value.userOptions.callbacks,
389
+ hasAnnotator: i.value.userOptions.buttons.annotator,
390
+ isAnnotation: P.value,
391
+ printScale: i.value.userOptions.print.scale,
392
+ titles: { ...i.value.userOptions.buttonTitles },
393
+ onGeneratePdf: $(G),
394
+ onGenerateImage: $(le),
395
+ onToggleAnnotator: x,
396
+ style: C({ visibility: $(Ve) ? $(Q) ? "visible" : "hidden" : "visible", zIndex: I.value.length + 1 })
397
+ }, Me({ _: 2 }, [
398
+ e.$slots.menuIcon ? {
399
+ name: "menuIcon",
400
+ fn: v(({ isOpen: n, color: a }) => [
401
+ c(e.$slots, "menuIcon", w(T({ isOpen: n, color: a })), void 0, !0)
402
+ ]),
403
+ key: "0"
404
+ } : void 0,
405
+ e.$slots.optionPdf ? {
406
+ name: "optionPdf",
407
+ fn: v(() => [
408
+ c(e.$slots, "optionPdf", {}, void 0, !0)
409
+ ]),
410
+ key: "1"
411
+ } : void 0,
412
+ e.$slots.optionImg ? {
413
+ name: "optionImg",
414
+ fn: v(() => [
415
+ c(e.$slots, "optionImg", {}, void 0, !0)
416
+ ]),
417
+ key: "2"
418
+ } : void 0,
419
+ e.$slots.optionAnnotator ? {
420
+ name: "optionAnnotator",
421
+ fn: v(({ toggleAnnotator: n, isAnnotator: a }) => [
422
+ c(e.$slots, "optionAnnotator", w(T({ toggleAnnotator: n, isAnnotator: a })), void 0, !0)
423
+ ]),
424
+ key: "3"
425
+ } : void 0
426
+ ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "position", "hasPdf", "hasImg", "chartElement", "callbacks", "hasAnnotator", "isAnnotation", "printScale", "titles", "onGeneratePdf", "onGenerateImage", "style"])) : _("", !0)
427
+ ], 40, De));
428
+ }
429
+ }, Je = /* @__PURE__ */ He(Le, [["__scopeId", "data-v-f1ae6c41"]]);
430
+ export {
431
+ Je as default
432
+ };
@@ -1,5 +1,5 @@
1
1
  import { ref as v, computed as d, createElementBlock as i, openBlock as $, Fragment as m, createCommentVNode as o, createElementVNode as l, normalizeStyle as k, unref as C, renderList as b, createBlock as N } from "vue";
2
- import { u as q, a as M } from "./useNestedProp-BjZe1Y85.js";
2
+ import { u as q, a as M } from "./useNestedProp-DjGXw6S9.js";
3
3
  import { X as S } from "./lib-C_mNZmhD.js";
4
4
  const w = { key: 0 }, B = ["d", "fill"], F = ["d", "fill"], X = ["d", "fill"], E = ["d", "fill"], I = ["d", "fill"], O = ["d", "fill"], A = ["d", "fill"], D = { key: 1 }, G = ["cx", "cy", "fill"], V = {
5
5
  __name: "Digit",