vue-data-ui 3.7.9 → 3.7.10

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 (152) hide show
  1. package/README.md +2 -2
  2. package/dist/{BaseDraggableDialog-B8FpOTTF.js → BaseDraggableDialog-BDY-Jn9S.js} +1 -1
  3. package/dist/{BaseIcon-5acZpJev.js → BaseIcon-Dl4VBlHV.js} +6 -2
  4. package/dist/{ColorPicker-BojTf32H.js → ColorPicker-BrMbLQds.js} +1 -1
  5. package/dist/{DataTable-ScRMrNB6.js → DataTable-Ho3Bf5oq.js} +1 -1
  6. package/dist/{NonSvgPenAndPaper-Bajn2Y5l.js → NonSvgPenAndPaper-MX5IsudW.js} +2 -2
  7. package/dist/{PackageVersion-D2zuSCLX.js → PackageVersion-BTPIkPFM.js} +1 -1
  8. package/dist/{PenAndPaper-Bfbd6BHc.js → PenAndPaper-kymjF6_b.js} +2 -2
  9. package/dist/{RecursiveCircles-BcLb1aRS.js → RecursiveCircles-CM4bn2Vg.js} +33 -30
  10. package/dist/RecursiveLabels-DxmctYbA.js +55 -0
  11. package/dist/{RecursiveLinks-00zGWPf9.js → RecursiveLinks-Da489v6n.js} +31 -19
  12. package/dist/{Slicer-DX5CaF9H.js → Slicer-DScoMPmj.js} +1 -1
  13. package/dist/{SlicerPreview-CeJ3ecDs.js → SlicerPreview-B1QUTxTZ.js} +1 -1
  14. package/dist/{Title-CmZh1pjz.js → Title-BwhstTFA.js} +1 -1
  15. package/dist/{UserOptions-D-GV6kfB.js → UserOptions-DgscxIaa.js} +194 -151
  16. package/dist/components/vue-ui-3d-bar.js +1 -1
  17. package/dist/components/vue-ui-accordion.js +1 -1
  18. package/dist/components/vue-ui-age-pyramid.js +1 -1
  19. package/dist/components/vue-ui-annotator.js +1 -1
  20. package/dist/components/vue-ui-bullet.js +1 -1
  21. package/dist/components/vue-ui-candlestick.js +1 -1
  22. package/dist/components/vue-ui-carousel-table.js +1 -1
  23. package/dist/components/vue-ui-chestnut.js +1 -1
  24. package/dist/components/vue-ui-chord.js +1 -1
  25. package/dist/components/vue-ui-circle-pack.js +1 -1
  26. package/dist/components/vue-ui-cursor.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-gizmo.js +1 -1
  37. package/dist/components/vue-ui-heatmap.js +1 -1
  38. package/dist/components/vue-ui-history-plot.js +1 -1
  39. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  40. package/dist/components/vue-ui-icon.js +1 -1
  41. package/dist/components/vue-ui-kpi.js +1 -1
  42. package/dist/components/vue-ui-mini-loader.js +1 -1
  43. package/dist/components/vue-ui-molecule.js +1 -1
  44. package/dist/components/vue-ui-mood-radar.js +1 -1
  45. package/dist/components/vue-ui-nested-donuts.js +1 -1
  46. package/dist/components/vue-ui-onion.js +1 -1
  47. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  48. package/dist/components/vue-ui-quadrant.js +1 -1
  49. package/dist/components/vue-ui-quick-chart.js +1 -1
  50. package/dist/components/vue-ui-radar.js +1 -1
  51. package/dist/components/vue-ui-rating.js +1 -1
  52. package/dist/components/vue-ui-relation-circle.js +1 -1
  53. package/dist/components/vue-ui-ridgeline.js +1 -1
  54. package/dist/components/vue-ui-rings.js +1 -1
  55. package/dist/components/vue-ui-scatter.js +1 -1
  56. package/dist/components/vue-ui-skeleton.js +1 -1
  57. package/dist/components/vue-ui-smiley.js +1 -1
  58. package/dist/components/vue-ui-spark-trend.js +1 -1
  59. package/dist/components/vue-ui-sparkbar.js +1 -1
  60. package/dist/components/vue-ui-sparkgauge.js +1 -1
  61. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  62. package/dist/components/vue-ui-sparkline.js +1 -1
  63. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  64. package/dist/components/vue-ui-stackbar.js +1 -1
  65. package/dist/components/vue-ui-stackline.js +1 -1
  66. package/dist/components/vue-ui-strip-plot.js +1 -1
  67. package/dist/components/vue-ui-table-heatmap.js +1 -1
  68. package/dist/components/vue-ui-table-sparkline.js +1 -1
  69. package/dist/components/vue-ui-table.js +1 -1
  70. package/dist/components/vue-ui-thermometer.js +1 -1
  71. package/dist/components/vue-ui-timer.js +1 -1
  72. package/dist/components/vue-ui-tiremarks.js +1 -1
  73. package/dist/components/vue-ui-treemap.js +1 -1
  74. package/dist/components/vue-ui-vertical-bar.js +1 -1
  75. package/dist/components/vue-ui-waffle.js +1 -1
  76. package/dist/components/vue-ui-wheel.js +1 -1
  77. package/dist/components/vue-ui-word-cloud.js +1 -1
  78. package/dist/components/vue-ui-world.js +1 -1
  79. package/dist/components/vue-ui-xy-canvas.js +1 -1
  80. package/dist/components/vue-ui-xy.js +1 -1
  81. package/dist/style.css +1 -1
  82. package/dist/types/vue-data-ui.d.ts +11 -1
  83. package/dist/{useNestedProp-xVOMUtFl.js → useNestedProp-BjZ1Lg9E.js} +179 -172
  84. package/dist/usePanZoom-DZtyJi5q.js +127 -0
  85. package/dist/{vue-data-ui-DZK-7Yx5.js → vue-data-ui-CP-yTXfr.js} +114 -111
  86. package/dist/vue-data-ui.js +67 -67
  87. package/dist/{vue-ui-3d-bar-DO8GurA_.js → vue-ui-3d-bar-BgYBmllX.js} +3 -3
  88. package/dist/{vue-ui-accordion-Cxz5Cxwj.js → vue-ui-accordion-BXTVRRX7.js} +2 -2
  89. package/dist/{vue-ui-age-pyramid-CK7PpmzU.js → vue-ui-age-pyramid-FTpPv1-m.js} +3 -3
  90. package/dist/{vue-ui-annotator-DyoPgq71.js → vue-ui-annotator-CmCG1U2b.js} +4 -4
  91. package/dist/{vue-ui-bullet-DQ8RujAn.js → vue-ui-bullet-CumDaUkg.js} +3 -3
  92. package/dist/{vue-ui-candlestick-DGFySyJf.js → vue-ui-candlestick-Dy1nA73c.js} +4 -4
  93. package/dist/{vue-ui-carousel-table-JxoqQnNA.js → vue-ui-carousel-table-DPDyjz_Y.js} +2 -2
  94. package/dist/{vue-ui-chestnut-D9jJm6rb.js → vue-ui-chestnut-DjoZUQ_f.js} +2 -2
  95. package/dist/{vue-ui-chord-DPN3Fwm7.js → vue-ui-chord-BWi8pIFv.js} +3 -3
  96. package/dist/{vue-ui-circle-pack-BozsdDqp.js → vue-ui-circle-pack-CwPkez44.js} +3 -3
  97. package/dist/{vue-ui-cursor-BUgTz119.js → vue-ui-cursor-4Ldkkd2T.js} +1 -1
  98. package/dist/{vue-ui-dashboard-ntPdgRZR.js → vue-ui-dashboard-qRVGPD_v.js} +66 -66
  99. package/dist/{vue-ui-digits-BGIYOfXp.js → vue-ui-digits-uszbkbEK.js} +1 -1
  100. package/dist/{vue-ui-donut-CwcL0B7h.js → vue-ui-donut-CPXX0FSV.js} +4 -4
  101. package/dist/{vue-ui-donut-evolution-B-5PeTiF.js → vue-ui-donut-evolution-G8AGdNA0.js} +4 -4
  102. package/dist/{vue-ui-dumbbell-BpRrh_Li.js → vue-ui-dumbbell-BOJbuZkm.js} +3 -3
  103. package/dist/{vue-ui-flow-CVAqaYNz.js → vue-ui-flow-CiPerJXK.js} +3 -3
  104. package/dist/{vue-ui-funnel-AUONOn8i.js → vue-ui-funnel-hrWmFaMt.js} +3 -3
  105. package/dist/{vue-ui-galaxy-CilgiQ8O.js → vue-ui-galaxy-OZkQxG_b.js} +3 -3
  106. package/dist/{vue-ui-gauge-CwfYnW0H.js → vue-ui-gauge-B8QQH9DO.js} +3 -3
  107. package/dist/{vue-ui-gizmo-ylawNFfS.js → vue-ui-gizmo-UgzqsNv3.js} +2 -2
  108. package/dist/{vue-ui-heatmap-Ds7paMOa.js → vue-ui-heatmap-C98MtcKi.js} +4 -4
  109. package/dist/{vue-ui-history-plot-Bg1xXaPb.js → vue-ui-history-plot-I2uOmeXc.js} +3 -3
  110. package/dist/{vue-ui-horizontal-bar-D4fJhwhe.js → vue-ui-horizontal-bar-DrauRY8J.js} +8 -8
  111. package/dist/{vue-ui-kpi-CdTb340S.js → vue-ui-kpi-Bkxvv0Re.js} +2 -2
  112. package/dist/{vue-ui-mini-loader-AdFMCD9m.js → vue-ui-mini-loader-oYhRTSA7.js} +1 -1
  113. package/dist/{vue-ui-molecule-BtdwWTBN.js → vue-ui-molecule-qoA-oi2j.js} +263 -247
  114. package/dist/{vue-ui-mood-radar-BuAl5l8_.js → vue-ui-mood-radar-DQULF8Nx.js} +3 -3
  115. package/dist/{vue-ui-nested-donuts-B_4SY6Fv.js → vue-ui-nested-donuts-BcTOOXwM.js} +3 -3
  116. package/dist/{vue-ui-onion-BPDXH_KT.js → vue-ui-onion-BH0dcycx.js} +3 -3
  117. package/dist/{vue-ui-parallel-coordinate-plot-CvJWNuGi.js → vue-ui-parallel-coordinate-plot-B5Wz6izN.js} +5 -5
  118. package/dist/{vue-ui-quadrant-CsNUMCAf.js → vue-ui-quadrant-D7Bx8ZhG.js} +3 -3
  119. package/dist/{vue-ui-quick-chart-BVHExcyO.js → vue-ui-quick-chart-BLD1S_DA.js} +3 -3
  120. package/dist/{vue-ui-radar-JA9GM1hs.js → vue-ui-radar-C6URuNkO.js} +3 -3
  121. package/dist/{vue-ui-rating-LYeiyamN.js → vue-ui-rating-BALFx0aJ.js} +1 -1
  122. package/dist/{vue-ui-relation-circle-et8nSv3K.js → vue-ui-relation-circle-CTuxeQGv.js} +3 -3
  123. package/dist/{vue-ui-ridgeline-D6L0QodO.js → vue-ui-ridgeline-DPwJniHl.js} +3 -3
  124. package/dist/{vue-ui-rings-C-NPPZN9.js → vue-ui-rings-CV8WVGDf.js} +3 -3
  125. package/dist/{vue-ui-scatter-HIueYGgk.js → vue-ui-scatter-AB5CJST5.js} +3 -3
  126. package/dist/{vue-ui-skeleton-CDvWjjvT.js → vue-ui-skeleton-CG-kTHxc.js} +2 -2
  127. package/dist/{vue-ui-smiley-DI2YHo7_.js → vue-ui-smiley-DABDSgAF.js} +1 -1
  128. package/dist/{vue-ui-spark-trend-BSOVrCEk.js → vue-ui-spark-trend-6DEoAhz2.js} +2 -2
  129. package/dist/{vue-ui-sparkbar-DaprJTqM.js → vue-ui-sparkbar-Bqje9P11.js} +2 -2
  130. package/dist/{vue-ui-sparkgauge-eSRxebIu.js → vue-ui-sparkgauge-DK2HYPG8.js} +2 -2
  131. package/dist/{vue-ui-sparkhistogram-DRx-JoYq.js → vue-ui-sparkhistogram-Db_xO32F.js} +2 -2
  132. package/dist/{vue-ui-sparkline-BVe4LWkU.js → vue-ui-sparkline-IGFr7ojq.js} +2 -2
  133. package/dist/{vue-ui-sparkstackbar-DDGQ9uMY.js → vue-ui-sparkstackbar-BYTe-W9l.js} +2 -2
  134. package/dist/{vue-ui-stackbar-iP02IXUA.js → vue-ui-stackbar-DHARDfHR.js} +4 -4
  135. package/dist/{vue-ui-stackline-B2mdBy6-.js → vue-ui-stackline--ct2hMXb.js} +4 -4
  136. package/dist/{vue-ui-strip-plot-B_r0DhOo.js → vue-ui-strip-plot-BhUAax7p.js} +3 -3
  137. package/dist/{vue-ui-table-Bh4ymroj.js → vue-ui-table-C01JSJY_.js} +4 -4
  138. package/dist/{vue-ui-table-heatmap-CWPVPHU5.js → vue-ui-table-heatmap-BHqtF71-.js} +2 -2
  139. package/dist/{vue-ui-table-sparkline-CnZgAbZi.js → vue-ui-table-sparkline-BComiXTb.js} +2 -2
  140. package/dist/{vue-ui-thermometer-EYtAEuYR.js → vue-ui-thermometer-DdGx_SCS.js} +3 -3
  141. package/dist/{vue-ui-timer-N9Sh6YWG.js → vue-ui-timer-BoVpVQl2.js} +4 -4
  142. package/dist/{vue-ui-tiremarks-CR8nCXfb.js → vue-ui-tiremarks-CPBV1tbk.js} +3 -3
  143. package/dist/{vue-ui-treemap-ubsPya59.js → vue-ui-treemap-C94wp5-s.js} +4 -4
  144. package/dist/{vue-ui-waffle-Bxu6ZXFr.js → vue-ui-waffle-DUSfyAav.js} +3 -3
  145. package/dist/{vue-ui-wheel-Bmy5D-bu.js → vue-ui-wheel-BzPZhMGj.js} +3 -3
  146. package/dist/{vue-ui-word-cloud-DXW_2Hj8.js → vue-ui-word-cloud-BTPT8St3.js} +351 -334
  147. package/dist/{vue-ui-world-B2H2E1l2.js → vue-ui-world-VSCQYYn5.js} +2 -2
  148. package/dist/{vue-ui-xy-canvas-VnX4al_h.js → vue-ui-xy-canvas-3x-UDcCu.js} +6 -6
  149. package/dist/{vue-ui-xy-CS1Gu1gs.js → vue-ui-xy-kwHl6eC3.js} +5 -5
  150. package/package.json +1 -1
  151. package/dist/RecursiveLabels-Bgcv0pzu.js +0 -50
  152. package/dist/usePanZoom-BVca3eMk.js +0 -122
@@ -1,5 +1,5 @@
1
1
  import { defineAsyncComponent as z, computed as T, ref as F, onMounted as n4, toRefs as r4, watch as C1, createElementBlock as x, openBlock as b, unref as f, normalizeStyle as k1, normalizeClass as c2, createBlock as Q, createCommentVNode as A, renderSlot as C, createElementVNode as I, createVNode as w1, withCtx as k, normalizeProps as D, guardReactiveProps as U, createSlots as O1, withModifiers as i4, Fragment as h1, renderList as d2, mergeProps as m2, createTextVNode as T1, toDisplayString as v1, Teleport as s4, resolveDynamicComponent as l4, nextTick as u4 } from "vue";
2
- import { u as p4, a as y4 } from "./useNestedProp-xVOMUtFl.js";
2
+ import { u as p4, a as y4 } from "./useNestedProp-BjZ1Lg9E.js";
3
3
  import { c as g2, t as c4, j as d4, l as S1, p as f1, X as m4, n as g4, r as h2, a as v2, d as f2, W as I1, ai as h4, u as v4, q as f4, x as P4 } from "./lib-DUaaQGCv.js";
4
4
  import { u as M4, B as b4 } from "./BaseScanner-BgWxam9d.js";
5
5
  import { u as F4 } from "./usePrinter-BdVu83IN.js";
@@ -180,7 +180,7 @@ const $4 = {
180
180
  },
181
181
  emits: ["selectDatapoint", "selectLegend"],
182
182
  setup(y, { expose: i, emit: s }) {
183
- const l = z(() => import("./Title-CmZh1pjz.js")), g = z(() => import("./Legend-DSyOOSJ1.js")), r = z(() => import("./Tooltip-De7i-i20.js")), M = z(() => import("./BaseIcon-5acZpJev.js")), d = z(() => import("./vue-ui-accordion-Cxz5Cxwj.js")), n = z(() => import("./DataTable-ScRMrNB6.js")), m = z(() => import("./PenAndPaper-Bfbd6BHc.js")), p = z(() => import("./UserOptions-D-GV6kfB.js")), v = z(() => import("./PackageVersion-D2zuSCLX.js")), c = z(() => import("./BaseDraggableDialog-B8FpOTTF.js")), { vue_ui_world: _ } = p4(), h = y, N = s, w = T({
183
+ const l = z(() => import("./Title-BwhstTFA.js")), g = z(() => import("./Legend-DSyOOSJ1.js")), r = z(() => import("./Tooltip-De7i-i20.js")), M = z(() => import("./BaseIcon-Dl4VBlHV.js")), d = z(() => import("./vue-ui-accordion-BXTVRRX7.js")), n = z(() => import("./DataTable-Ho3Bf5oq.js")), m = z(() => import("./PenAndPaper-kymjF6_b.js")), p = z(() => import("./UserOptions-DgscxIaa.js")), v = z(() => import("./PackageVersion-BTPIkPFM.js")), c = z(() => import("./BaseDraggableDialog-BDY-Jn9S.js")), { vue_ui_world: _ } = p4(), h = y, N = s, w = T({
184
184
  get() {
185
185
  return !!d1.value;
186
186
  },
@@ -1,7 +1,7 @@
1
1
  import { defineAsyncComponent as pe, ref as d, computed as p, useSlots as Na, onMounted as $l, toRefs as _a, watch as R, nextTick as be, onBeforeUnmount as Tl, shallowRef as je, createElementBlock as Te, openBlock as I, normalizeClass as Ha, normalizeStyle as xe, createCommentVNode as W, createElementVNode as J, createBlock as V, unref as C, createSlots as Il, withCtx as b, renderSlot as S, normalizeProps as Q, guardReactiveProps as ee, createVNode as El, Teleport as Xa, toDisplayString as qe, resolveDynamicComponent as Ua, mergeProps as Wa, createTextVNode as Rl } from "vue";
2
2
  import { c as Va, t as Ya, i as ja, p as le, W as Ce, j as qa, F as Ge, a as se, d as ue, l as Ol, J as Ga, a5 as Za, L as Ja, o as Ka, g as Qa, x as Pl, s as Le, n as et, u as lt, q as at, R as tt } from "./lib-DUaaQGCv.js";
3
3
  import { c as ot, a as Ze, d as rt, t as st, u as ut, l as k, r as Ie, b as Y, p as Bl } from "./useResponsive-DfdjqQps.js";
4
- import { u as nt, a as Ee } from "./useNestedProp-xVOMUtFl.js";
4
+ import { u as nt, a as Ee } from "./useNestedProp-BjZ1Lg9E.js";
5
5
  import { u as it, B as ct } from "./BaseScanner-BgWxam9d.js";
6
6
  import { u as vt } from "./usePrinter-BdVu83IN.js";
7
7
  import { u as dt, a as ht, l as ft } from "./useTimeLabels-C5qMhpbe.js";
@@ -10,10 +10,10 @@ import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
10
10
  import { u as gt } from "./useChartAccessibility-9icAAmYg.js";
11
11
  import pt from "./img-BYzbY8TZ.js";
12
12
  import bt from "./Legend-DSyOOSJ1.js";
13
- import xt from "./Title-CmZh1pjz.js";
14
- import Ct from "./BaseIcon-5acZpJev.js";
15
- import Lt from "./vue-ui-accordion-Cxz5Cxwj.js";
16
- import { S as kt } from "./SlicerPreview-CeJ3ecDs.js";
13
+ import xt from "./Title-BwhstTFA.js";
14
+ import Ct from "./BaseIcon-Dl4VBlHV.js";
15
+ import Lt from "./vue-ui-accordion-BXTVRRX7.js";
16
+ import { S as kt } from "./SlicerPreview-B1QUTxTZ.js";
17
17
  import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
18
18
  const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, selector: { color: "#CCCCCC" }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, grid: { y: { axisColor: "#5A5A5A", axisLabels: { color: "#CCCCCC" }, verticalLines: { color: "#4A4A4A" } }, x: { axisColor: "#5A5A5A", horizontalLines: { color: "#4A4A4A" }, timeLabels: { color: "#CCCCCC" } }, zeroLine: { color: "#5A5A5A" } }, dataLabels: { color: "#CCCCCC" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, _l = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#5D4037" }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#424242" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#9A9A9A" }, timeLabels: { color: "#424242" } }, zeroLine: { color: "#424242" } }, dataLabels: { color: "#424242" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Hl = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, selector: { color: "#BDBDBD" }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, grid: { y: { axisColor: "#5D4037", axisLabels: { color: "#BDBDBD" }, verticalLines: { show: !1 } }, x: { axisColor: "#5D4037", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#BDBDBD" } }, zeroLine: { color: "#5D4037" } }, dataLabels: { color: "#BDBDBD" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Xl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, selector: { color: "#66CC66" }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, grid: { y: { axisColor: "#5F6A5F", axisLabels: { color: "#99AA99" }, verticalLines: { show: !1 } }, x: { axisColor: "#5F6A5F", horizontalLines: { color: "#3A3A3A" }, timeLabels: { color: "#99AA99" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#99AA99" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ul = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, selector: { color: "#8F837A" }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, grid: { y: { axisColor: "#8F837A", axisLabels: { color: "#8F837A" }, verticalLines: { show: !1 } }, x: { axisColor: "#8F837A", horizontalLines: { show: !1, alternate: !1 }, timeLabels: { color: "#8F837A" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#8F837A" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Wl = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, selector: { color: "#7DA9B5" }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, grid: { y: { axisColor: "#829C98", axisLabels: { color: "#50606C" }, verticalLines: { show: !1 } }, x: { axisColor: "#829C98", timeLabels: { color: "#50606C" } }, zeroLine: { color: "#444444" } }, dataLabels: { color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Vl = {
19
19
  default: {},
@@ -57,7 +57,7 @@ const Nl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoo
57
57
  },
58
58
  emits: ["selectLegend", "selectX"],
59
59
  setup(Je, { expose: Yl, emit: jl }) {
60
- const ql = pe(() => import("./Tooltip-De7i-i20.js")), Gl = pe(() => import("./DataTable-ScRMrNB6.js")), Zl = pe(() => import("./UserOptions-D-GV6kfB.js")), Jl = pe(() => import("./NonSvgPenAndPaper-Bajn2Y5l.js")), Kl = pe(() => import("./BaseDraggableDialog-B8FpOTTF.js")), { vue_ui_xy_canvas: Ql } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, K = d(Va()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Ke = d(null), F = d([]), te = d(1), O = d(!0), H = d(!0), Ae = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Oe = d(0), Pe = d(0), P = d(null), tl = d(!1), ce = d(null), Be = d(null), ve = d(!1), ol = d(!1), we = d(!1), A = d(null), X = p(() => Array.isArray(He.value) && He.value.length > 0), Ne = jl, aa = Na();
60
+ const ql = pe(() => import("./Tooltip-De7i-i20.js")), Gl = pe(() => import("./DataTable-Ho3Bf5oq.js")), Zl = pe(() => import("./UserOptions-DgscxIaa.js")), Jl = pe(() => import("./NonSvgPenAndPaper-MX5IsudW.js")), Kl = pe(() => import("./BaseDraggableDialog-BDY-Jn9S.js")), { vue_ui_xy_canvas: Ql } = nt(), { isThemeValid: ea, warnInvalidTheme: la } = yt(), g = Je, K = d(Va()), _ = d(null), ae = d(null), c = d(null), m = d(1), j = d(1), ne = d(!1), h = d(null), ke = d(""), Ke = d(null), F = d([]), te = d(1), O = d(!0), H = d(!0), Ae = d(null), Qe = d(0), ie = d(!1), el = d(null), ll = d(null), q = d(null), al = d(null), Re = d(0), Oe = d(0), Pe = d(0), P = d(null), tl = d(!1), ce = d(null), Be = d(null), ve = d(!1), ol = d(!1), we = d(!1), A = d(null), X = p(() => Array.isArray(He.value) && He.value.length > 0), Ne = jl, aa = Na();
61
61
  $l(() => {
62
62
  aa["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
63
63
  });
@@ -1,7 +1,7 @@
1
1
  import { defineAsyncComponent as Xe, useSlots as er, getCurrentInstance as lr, ref as x, computed as b, onMounted as Zl, toRefs as ar, watch as Ll, watchEffect as Lt, onBeforeUnmount as ka, nextTick as Mt, createElementBlock as n, openBlock as u, normalizeStyle as C, normalizeClass as ll, createBlock as Te, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, withCtx as G, renderSlot as P, normalizeProps as ke, guardReactiveProps as _e, createSlots as Tt, Fragment as d, renderList as w, mergeProps as al, toDisplayString as ae, Teleport as tr, resolveDynamicComponent as or, withDirectives as rr, vModelCheckbox as sr, createTextVNode as zt } from "vue";
2
2
  import { c as _a, g as wa, t as ir, j as ur, F as Ml, G as tl, l as It, p as Sa, H as Jl, I as Y, J as Ca, K as nr, L as cr, M as N, y as Ft, z as Ot, A as Bt, B as Nt, N as vr, O as Vt, P as Dt, a as re, Q as dr, x as Pt, R as hr, b as Et, e as Ne, d as Ve, h as ol, s as ze, S as fr, w as Ge, T as Kl, m as Ce, U as gr, V as Ue, W as fe, i as mr, o as Rt, u as br, q as xr, Y as dl } from "./lib-DUaaQGCv.js";
3
3
  import { t as pr } from "./useResponsive-DfdjqQps.js";
4
- import { u as yr, a as Tl } from "./useNestedProp-xVOMUtFl.js";
4
+ import { u as yr, a as Tl } from "./useNestedProp-BjZ1Lg9E.js";
5
5
  import { u as kr } from "./usePrinter-BdVu83IN.js";
6
6
  import { u as _r, B as wr } from "./BaseScanner-BgWxam9d.js";
7
7
  import { u as Ht, a as Sr, l as Cr } from "./useTimeLabels-C5qMhpbe.js";
@@ -9,10 +9,10 @@ import { u as $r } from "./useSvgExport-DrjCWun4.js";
9
9
  import { u as Ar } from "./useThemeCheck-DGJ31Vi5.js";
10
10
  import { u as Lr } from "./useTimeLabelCollider-CIsgDrl9.js";
11
11
  import Mr from "./img-BYzbY8TZ.js";
12
- import Tr from "./Title-CmZh1pjz.js";
12
+ import Tr from "./Title-BwhstTFA.js";
13
13
  import { _ as Ql } from "./Shape-rPzC8L-O.js";
14
- import { S as zr } from "./SlicerPreview-CeJ3ecDs.js";
15
- import Ir from "./vue-ui-accordion-Cxz5Cxwj.js";
14
+ import { S as zr } from "./SlicerPreview-B1QUTxTZ.js";
15
+ import Ir from "./vue-ui-accordion-BXTVRRX7.js";
16
16
  import { _ as Fr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
17
17
  const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Wt = { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Xt = { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Gt = { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ut = { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, qt = { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Zt = {
18
18
  default: {},
@@ -97,7 +97,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
97
97
  },
98
98
  emits: ["selectTimeLabel", "selectX", "selectLegend"],
99
99
  setup(jl, { expose: Jt, emit: Kt }) {
100
- const g = jl, Qt = Xe(() => import("./DataTable-ScRMrNB6.js")), jt = Xe(() => import("./Tooltip-De7i-i20.js")), eo = Xe(() => import("./UserOptions-D-GV6kfB.js")), $a = Xe(() => import("./BaseIcon-5acZpJev.js")), lo = Xe(() => import("./vue-ui-table-sparkline-CnZgAbZi.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-D2zuSCLX.js")), to = Xe(() => import("./PenAndPaper-Bfbd6BHc.js")), oo = Xe(() => import("./BaseDraggableDialog-B8FpOTTF.js")), ea = Kt, Aa = er(), ro = lr(), { vue_ui_xy: hl } = yr(), { isThemeValid: so, warnInvalidTheme: io } = Ar(), Ie = x(null), fl = x(null), Fe = x(null), rl = x(null), gl = x(null), ml = x(null), uo = x(null), la = x(null), aa = x(null), sl = x(null), ta = x(null), oa = x(null), Ee = x(null), ra = x(null), no = x(0), I = x(null), La = x(!0), ve = x(600), ee = x(1e3), zl = x("0 0 1000 600"), co = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), Ma = x(!1), Ze = x(null), J = x([]), H = x(_a()), Ta = x(0), za = x(0), Ia = x(0), pl = x(!0), sa = x(0), B = x(null), Fa = x(!1), ia = x(!0), Il = x(!0), se = x(null), De = x({}), Fl = x(null), Oa = x(!1), il = x(null), _ = x(null), vo = b(() => ({
100
+ const g = jl, Qt = Xe(() => import("./DataTable-Ho3Bf5oq.js")), jt = Xe(() => import("./Tooltip-De7i-i20.js")), eo = Xe(() => import("./UserOptions-DgscxIaa.js")), $a = Xe(() => import("./BaseIcon-Dl4VBlHV.js")), lo = Xe(() => import("./vue-ui-table-sparkline-BComiXTb.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-BTPIkPFM.js")), to = Xe(() => import("./PenAndPaper-kymjF6_b.js")), oo = Xe(() => import("./BaseDraggableDialog-BDY-Jn9S.js")), ea = Kt, Aa = er(), ro = lr(), { vue_ui_xy: hl } = yr(), { isThemeValid: so, warnInvalidTheme: io } = Ar(), Ie = x(null), fl = x(null), Fe = x(null), rl = x(null), gl = x(null), ml = x(null), uo = x(null), la = x(null), aa = x(null), sl = x(null), ta = x(null), oa = x(null), Ee = x(null), ra = x(null), no = x(0), I = x(null), La = x(!0), ve = x(600), ee = x(1e3), zl = x("0 0 1000 600"), co = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), Ma = x(!1), Ze = x(null), J = x([]), H = x(_a()), Ta = x(0), za = x(0), Ia = x(0), pl = x(!0), sa = x(0), B = x(null), Fa = x(!1), ia = x(!0), Il = x(!0), se = x(null), De = x({}), Fl = x(null), Oa = x(!1), il = x(null), _ = x(null), vo = b(() => ({
101
101
  height: ve.value,
102
102
  width: ee.value
103
103
  }));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vue-data-ui",
3
3
  "private": false,
4
- "version": "3.7.9",
4
+ "version": "3.7.10",
5
5
  "type": "module",
6
6
  "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
7
7
  "keywords": [
@@ -1,50 +0,0 @@
1
- import { toRef as y, resolveComponent as h, createElementBlock as l, openBlock as t, Fragment as n, renderList as c, createCommentVNode as i, createBlock as f, toDisplayString as p } from "vue";
2
- const v = ["x", "y", "fill", "font-size"], _ = {
3
- __name: "RecursiveLabels",
4
- props: {
5
- color: {
6
- type: String,
7
- default: "#000000"
8
- },
9
- dataset: {
10
- type: Array,
11
- default: () => []
12
- },
13
- hoveredUid: {
14
- type: String,
15
- default: null
16
- }
17
- },
18
- emits: ["zoom", "hover"],
19
- setup(o, { emit: g }) {
20
- return y(o, "dataset").value.forEach((r) => {
21
- r.nodes && r.nodes.length > 0 && r.nodes.forEach((a) => {
22
- a.ancestor = r;
23
- });
24
- }), (r, a) => {
25
- const u = h("RecursiveLabels", !0);
26
- return t(!0), l(n, null, c(o.dataset, (e, d) => (t(), l(n, null, [
27
- e.polygonPath && e.polygonPath.coordinates ? (t(), l(n, { key: 0 }, [
28
- (t(!0), l(n, null, c(e.polygonPath.coordinates, (s, m) => (t(), l("text", {
29
- key: `node_${d}_${m}`,
30
- x: s.x,
31
- y: s.y + e.circleRadius * 2,
32
- fill: o.color,
33
- "font-size": e.circleRadius,
34
- "text-anchor": "middle",
35
- style: { opacity: "0.8", "pointer-events": "none" }
36
- }, p(e.name), 9, v))), 128)),
37
- e.nodes && e.nodes.length > 0 ? (t(), f(u, {
38
- key: 0,
39
- dataset: e.nodes,
40
- color: o.color,
41
- hoveredUid: o.hoveredUid
42
- }, null, 8, ["dataset", "color", "hoveredUid"])) : i("", !0)
43
- ], 64)) : i("", !0)
44
- ], 64))), 256);
45
- };
46
- }
47
- };
48
- export {
49
- _ as default
50
- };
@@ -1,122 +0,0 @@
1
- import { ref as h, computed as H, onMounted as I, onUnmounted as W, watchEffect as _, watch as G } from "vue";
2
- function U(r, A = { x: 0, y: 0, width: 100, height: 100 }, C = 1, k) {
3
- const l = h({ ...A }), o = h({ ...l.value }), v = h(1), E = h(!1), p = h(!1), w = h(0), X = h(null), m = h({ x: 0, y: 0 }), D = H(
4
- () => o.value.x !== l.value.x || o.value.y !== l.value.y || o.value.width !== l.value.width || o.value.height !== l.value.height
5
- );
6
- let f = null;
7
- function M(e) {
8
- if (e.length < 2) return 0;
9
- const t = e[0].clientX - e[1].clientX, n = e[0].clientY - e[1].clientY;
10
- return Math.hypot(t, n);
11
- }
12
- function g(e) {
13
- const t = r.value;
14
- if (!t) return { x: 0, y: 0 };
15
- const n = t.createSVGPoint();
16
- n.x = e.clientX, n.y = e.clientY;
17
- const a = t.getScreenCTM()?.inverse();
18
- return a ? n.matrixTransform(a) : { x: 0, y: 0 };
19
- }
20
- function B(e, t) {
21
- const n = r.value;
22
- if (!n) return { dx: 0, dy: 0 };
23
- const a = Math.max(1, n.clientWidth), i = Math.max(1, n.clientHeight), c = o.value.width / a, s = o.value.height / i;
24
- return { dx: e * c, dy: t * s };
25
- }
26
- function L(e) {
27
- E.value = !0;
28
- const t = e.touches?.[0] || e;
29
- m.value = { x: t.clientX, y: t.clientY }, r.value && (r.value.style.cursor = "grabbing");
30
- }
31
- function P(e) {
32
- if (!E.value) return;
33
- const t = e.touches?.[0] || e, n = t.clientX - m.value.x, a = t.clientY - m.value.y;
34
- if (n === 0 && a === 0) return;
35
- const { dx: i, dy: c } = B(n, a);
36
- o.value.x -= i, o.value.y -= c, m.value = { x: t.clientX, y: t.clientY };
37
- }
38
- function d() {
39
- E.value = !1, r.value && (r.value.style.cursor = "");
40
- }
41
- function T(e) {
42
- e.preventDefault();
43
- const t = e.deltaY > 0 ? 0.9 : 1.1;
44
- S(t, g(e));
45
- }
46
- function Z(e) {
47
- e.preventDefault();
48
- const t = g(e), n = 1.02 * (1 + C / 100);
49
- V(n, t);
50
- }
51
- function V(e, t) {
52
- f && cancelAnimationFrame(f);
53
- const n = v.value, a = n * e;
54
- let i = 0;
55
- const c = (u) => u < 0.5 ? 2 * u * u : -1 + (4 - 2 * u) * u, s = () => {
56
- i += 0.02;
57
- const u = n + (a - n) * c(i);
58
- S(u / n, t), i < 1 ? f = requestAnimationFrame(s) : f = null;
59
- };
60
- s();
61
- }
62
- function S(e, t) {
63
- const n = v.value * e, a = n / v.value, i = o.value.width / a, c = o.value.height / a, s = (t.x - o.value.x) * (1 - 1 / a), u = (t.y - o.value.y) * (1 - 1 / a);
64
- o.value.x += s, o.value.y += u, o.value.width = i, o.value.height = c, v.value = n;
65
- }
66
- function b(e) {
67
- e.touches.length === 2 ? (p.value = !0, w.value = M(e.touches), X.value = { ...o.value }) : (e.preventDefault(), L(e));
68
- }
69
- function F(e) {
70
- if (p.value && e.touches.length === 2) {
71
- e.preventDefault();
72
- const t = M(e.touches);
73
- if (w.value) {
74
- const n = t / w.value;
75
- r.value.getBoundingClientRect();
76
- const i = (e.touches[0].clientX + e.touches[1].clientX) / 2, c = (e.touches[0].clientY + e.touches[1].clientY) / 2, s = g({ clientX: i, clientY: c });
77
- o.value = { ...X.value }, S(n, s);
78
- }
79
- } else
80
- e.preventDefault(), P(e);
81
- }
82
- function x(e) {
83
- e.touches.length < 2 && (p.value = !1), d();
84
- }
85
- function q(e = !1) {
86
- if (!e) {
87
- o.value = { ...l.value }, v.value = 1;
88
- return;
89
- }
90
- const t = { ...o.value }, n = v.value, a = 300;
91
- let i = null;
92
- const c = (s) => {
93
- i == null && (i = s);
94
- const u = Math.min((s - i) / a, 1);
95
- o.value = {
96
- x: t.x + (l.value.x - t.x) * u,
97
- y: t.y + (l.value.y - t.y) * u,
98
- width: t.width + (l.value.width - t.width) * u,
99
- height: t.height + (l.value.height - t.height) * u
100
- }, v.value = n + (1 - n) * u, u < 1 && requestAnimationFrame(c);
101
- };
102
- requestAnimationFrame(c);
103
- }
104
- function z(e, t = {}) {
105
- const { overwriteCurrentIfNotZoomed: n = !0 } = t;
106
- l.value = { ...e }, !D.value && n && (o.value = { ...l.value }, v.value = 1);
107
- }
108
- function Y() {
109
- const e = r.value;
110
- e && (e.addEventListener("mousedown", L), e.addEventListener("mousemove", P), e.addEventListener("mouseup", d), e.addEventListener("mouseleave", d), e.addEventListener("wheel", T, { passive: !1 }), e.addEventListener("dblclick", Z), e.addEventListener("touchstart", b, { passive: !1 }), e.addEventListener("touchmove", F, { passive: !1 }), e.addEventListener("touchend", x), e.addEventListener("touchcancel", x));
111
- }
112
- function y() {
113
- const e = r.value;
114
- e && (e.removeEventListener("mousedown", L), e.removeEventListener("mousemove", P), e.removeEventListener("mouseup", d), e.removeEventListener("mouseleave", d), e.removeEventListener("wheel", T), e.removeEventListener("dblclick", Z), e.removeEventListener("touchstart", b), e.removeEventListener("touchmove", F), e.removeEventListener("touchend", x), e.removeEventListener("touchcancel", x));
115
- }
116
- return I(Y), W(y), _(() => (k?.value ? Y() : y(), () => y())), G(r, (e, t) => {
117
- y(), Y();
118
- }), { viewBox: o, resetZoom: q, isZoom: D, setInitialViewBox: z };
119
- }
120
- export {
121
- U as u
122
- };