vue-data-ui 2.12.6 → 2.12.7-beta.0

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 (109) hide show
  1. package/dist/{Arrow-Bd9ZVBnX.js → Arrow-CmqjRRUl.js} +1 -1
  2. package/dist/BaseDraggableDialog-BMlyvt7E.js +180 -0
  3. package/dist/{BaseIcon-CNbwMh_-.js → BaseIcon-CZdMutjs.js} +1 -1
  4. package/dist/{ColorPicker-B_FoQwtO.js → ColorPicker-DvVKgyAl.js} +23 -24
  5. package/dist/{DataTable-Rajdtaf6.js → DataTable-Cv9CIz-a.js} +11 -11
  6. package/dist/{Legend-BxtDQCIv.js → Legend-DFunFf8i.js} +8 -8
  7. package/dist/NonSvgPenAndPaper-pVuHj6_A.js +467 -0
  8. package/dist/PackageVersion-CLY-udAA.js +10 -0
  9. package/dist/{PenAndPaper-BkP3J-Ft.js → PenAndPaper-B9na2mbr.js} +8 -10
  10. package/dist/RecursiveCircles-Dn3TGoL6.js +96 -0
  11. package/dist/RecursiveLabels-NTMB9w5C.js +49 -0
  12. package/dist/RecursiveLinks-ld_gDZH4.js +64 -0
  13. package/dist/{Shape-C69a0f29.js → Shape-D3w9qas1.js} +2 -2
  14. package/dist/{Slicer-7qFdY-bT.js → Slicer-ncY8krrM.js} +2 -2
  15. package/dist/SparkTooltip-CwThutH2.js +68 -0
  16. package/dist/{Title-CzaCeCOm.js → Title-B5qqUI3M.js} +2 -2
  17. package/dist/Tooltip-C9rxJ-Ru.js +149 -0
  18. package/dist/{usePrinter-C5bLp34h.js → UserOptions-Ddy6CuLC.js} +172 -231
  19. package/dist/{dom-to-png-Bm0D0yPL.js → dom-to-png-DDlooC9r.js} +1 -1
  20. package/dist/{img-BN9AzqUr.js → img-m9g7lR5d.js} +1 -1
  21. package/dist/{index-BFzQMJda.js → index-BiHmNd1-.js} +21 -21
  22. package/dist/{pdf-uTbs813M.js → pdf-BqM953uL.js} +1 -1
  23. package/dist/style.css +1 -1
  24. package/dist/useChartAccessibility-9icAAmYg.js +12 -0
  25. package/dist/useMouse-AicQS8Vf.js +13 -0
  26. package/dist/{useNestedProp-v7KPpwuP.js → useNestedProp-tRqS0ZAM.js} +1 -1
  27. package/dist/{usePanZoom-CUkkqW81.js → usePanZoom-BQMvRXEQ.js} +16 -17
  28. package/dist/usePrinter-CRCbl1WG.js +53 -0
  29. package/dist/vClickOutside-C6WiFswA.js +13 -0
  30. package/dist/{vue-data-ui-D1k8FeRp.js → vue-data-ui-D9uTDt73.js} +63 -63
  31. package/dist/vue-data-ui.js +19 -19
  32. package/dist/{vue-ui-3d-bar-DoklA4DT.js → vue-ui-3d-bar-rtuSc8FS.js} +397 -402
  33. package/dist/{vue-ui-accordion-BUz4JIIX.js → vue-ui-accordion-CmCs2yR2.js} +3 -3
  34. package/dist/{vue-ui-age-pyramid-4kyBq-Dy.js → vue-ui-age-pyramid-BrzMSiyu.js} +215 -218
  35. package/dist/{vue-ui-annotator-Bq1ZeFfb.js → vue-ui-annotator-CYxmTpf6.js} +2 -2
  36. package/dist/{vue-ui-bullet-DU10avvA.js → vue-ui-bullet-D25qNQfb.js} +137 -140
  37. package/dist/{vue-ui-candlestick-BI1t3flz.js → vue-ui-candlestick-BuerNa-r.js} +265 -271
  38. package/dist/{vue-ui-carousel-table-VowLf_oc.js → vue-ui-carousel-table-aN0HLsOO.js} +137 -137
  39. package/dist/{vue-ui-chestnut-BHjV3d94.js → vue-ui-chestnut-oUj2ocsZ.js} +397 -400
  40. package/dist/{vue-ui-chord-CPr7r-2_.js → vue-ui-chord-C4evlXYB.js} +356 -365
  41. package/dist/vue-ui-circle-pack-CWrNiKTY.js +656 -0
  42. package/dist/{vue-ui-cursor-C9teAbVI.js → vue-ui-cursor-DgpSttlt.js} +2 -2
  43. package/dist/{vue-ui-dashboard-CwDYB8tP.js → vue-ui-dashboard-BN2ha1Eh.js} +62 -62
  44. package/dist/{vue-ui-digits-CHmkL0hn.js → vue-ui-digits-BhjAxXgm.js} +2 -2
  45. package/dist/vue-ui-donut-D3_z61HI.js +1291 -0
  46. package/dist/vue-ui-donut-evolution-oKtmZPx4.js +864 -0
  47. package/dist/{vue-ui-dumbbell-DTKLLd1N.js → vue-ui-dumbbell-C8Lokx-F.js} +265 -270
  48. package/dist/{vue-ui-flow-BLBhsU2n.js → vue-ui-flow-BVRkH0PS.js} +291 -300
  49. package/dist/{vue-ui-funnel-CIrWdeBk.js → vue-ui-funnel-DFxcmAB5.js} +216 -219
  50. package/dist/{vue-ui-galaxy-ByhKyIV4.js → vue-ui-galaxy-CGE0hlBC.js} +227 -235
  51. package/dist/{vue-ui-gauge-BbfBMpng.js → vue-ui-gauge-B48eMvOR.js} +240 -243
  52. package/dist/{vue-ui-gizmo-BM-_QfHM.js → vue-ui-gizmo-zTKNpjvv.js} +57 -58
  53. package/dist/{vue-ui-heatmap-BA4z4hsw.js → vue-ui-heatmap-UNfTt8SM.js} +239 -242
  54. package/dist/{vue-ui-history-plot-8vM_IUy8.js → vue-ui-history-plot-CbCWmvtg.js} +257 -262
  55. package/dist/{vue-ui-kpi-D57QLK6A.js → vue-ui-kpi-Drf_lrlh.js} +29 -30
  56. package/dist/{vue-ui-mini-loader-CR4c-xJQ.js → vue-ui-mini-loader-DU3G6BVs.js} +2 -2
  57. package/dist/vue-ui-molecule-B5MOXYEA.js +580 -0
  58. package/dist/{vue-ui-mood-radar-Brc9cxoD.js → vue-ui-mood-radar-CC_CVLvn.js} +180 -186
  59. package/dist/{vue-ui-nested-donuts-W3Z5F--L.js → vue-ui-nested-donuts-D_H962kk.js} +366 -374
  60. package/dist/{vue-ui-onion-BNBlGNlF.js → vue-ui-onion-P8k6T724.js} +252 -258
  61. package/dist/{vue-ui-parallel-coordinate-plot-B5G3jyvg.js → vue-ui-parallel-coordinate-plot-B5Los0vX.js} +296 -303
  62. package/dist/{vue-ui-quadrant-CUy9mVIA.js → vue-ui-quadrant-B3wzCTxK.js} +402 -409
  63. package/dist/{vue-ui-quick-chart-D4_8mRXU.js → vue-ui-quick-chart-oucj6hXk.js} +611 -616
  64. package/dist/{vue-ui-radar-BUk56jGL.js → vue-ui-radar-Cjqlyu6d.js} +270 -277
  65. package/dist/{vue-ui-rating-B9TQl5KP.js → vue-ui-rating-gryk_h_6.js} +2 -2
  66. package/dist/vue-ui-relation-circle-ielvWC-1.js +525 -0
  67. package/dist/{vue-ui-ridgeline-Cl06bGom.js → vue-ui-ridgeline-Dydqo68b.js} +321 -326
  68. package/dist/{vue-ui-rings-B6bpFlFp.js → vue-ui-rings-BRBXektJ.js} +262 -269
  69. package/dist/{vue-ui-scatter--WUuVw5G.js → vue-ui-scatter-Df-BM7Ts.js} +372 -379
  70. package/dist/{vue-ui-skeleton-B_YI7Yuc.js → vue-ui-skeleton-CbYQYRvD.js} +19 -19
  71. package/dist/{vue-ui-smiley-Bbam2fDz.js → vue-ui-smiley-BfHaQMaW.js} +2 -2
  72. package/dist/{vue-ui-spark-trend-DavXuwGt.js → vue-ui-spark-trend-z3fUChs_.js} +114 -117
  73. package/dist/{vue-ui-sparkbar-9N1FU9-J.js → vue-ui-sparkbar-ChtFIugH.js} +104 -106
  74. package/dist/{vue-ui-sparkgauge-_9ntq4EK.js → vue-ui-sparkgauge-DtpODCww.js} +72 -74
  75. package/dist/{vue-ui-sparkhistogram-BEzOV4HV.js → vue-ui-sparkhistogram-C3XnYiXI.js} +83 -86
  76. package/dist/vue-ui-sparkline-CoL8jiX8.js +459 -0
  77. package/dist/{vue-ui-sparkstackbar-BSWcs3v0.js → vue-ui-sparkstackbar-CYk3mZJH.js} +102 -105
  78. package/dist/{vue-ui-stackbar-gG5BLlAr.js → vue-ui-stackbar-D9LGbuG5.js} +433 -437
  79. package/dist/{vue-ui-strip-plot-BJouRmxh.js → vue-ui-strip-plot-C5r1Ee2R.js} +245 -252
  80. package/dist/{vue-ui-table-D9Ry8s4N.js → vue-ui-table-DBaT_TfA.js} +3 -3
  81. package/dist/{vue-ui-table-heatmap-Bizzpi31.js → vue-ui-table-heatmap-CYW4YfKN.js} +93 -94
  82. package/dist/{vue-ui-table-sparkline-Dg54Ovs2.js → vue-ui-table-sparkline-Di0MYR4p.js} +212 -212
  83. package/dist/{vue-ui-thermometer-6MSdF_Gm.js → vue-ui-thermometer-BF1btHY2.js} +154 -157
  84. package/dist/{vue-ui-timer-ByaKokk8.js → vue-ui-timer-D9FfRWN5.js} +180 -181
  85. package/dist/vue-ui-tiremarks-CQ0lk8fJ.js +341 -0
  86. package/dist/vue-ui-treemap-1Lx7YRtc.js +947 -0
  87. package/dist/{vue-ui-vertical-bar-CE4oBwBv.js → vue-ui-vertical-bar-DdVVQ1ED.js} +397 -403
  88. package/dist/{vue-ui-waffle-DNEEnY_G.js → vue-ui-waffle-BhnuPiRD.js} +317 -324
  89. package/dist/vue-ui-wheel-BIjJ0fg8.js +335 -0
  90. package/dist/vue-ui-word-cloud-3-r8HwO_.js +642 -0
  91. package/dist/{vue-ui-world-Brhq17TE.js → vue-ui-world-CPIGEswq.js} +430 -442
  92. package/dist/{vue-ui-xy-K2G7QQxG.js → vue-ui-xy-9e_epIN4.js} +845 -846
  93. package/dist/vue-ui-xy-canvas-DcGgQ7s4.js +1206 -0
  94. package/package.json +6 -6
  95. package/dist/BaseDraggableDialog-Bzwlfmy1.js +0 -186
  96. package/dist/PackageVersion-BjrblLPQ.js +0 -10
  97. package/dist/Tooltip-CWmRmhJr.js +0 -158
  98. package/dist/useChartAccessibility-BWojgys7.js +0 -13
  99. package/dist/vue-ui-circle-pack-D_jYpsuD.js +0 -659
  100. package/dist/vue-ui-donut-WRUDvvZa.js +0 -1292
  101. package/dist/vue-ui-donut-evolution-BQxV5D_L.js +0 -871
  102. package/dist/vue-ui-molecule-Bq69N7rC.js +0 -782
  103. package/dist/vue-ui-relation-circle-T6aTibIU.js +0 -528
  104. package/dist/vue-ui-sparkline-D__GCUAz.js +0 -519
  105. package/dist/vue-ui-tiremarks-Z8pjUT1g.js +0 -344
  106. package/dist/vue-ui-treemap-pRJ3be5l.js +0 -956
  107. package/dist/vue-ui-wheel-DWPYZxdT.js +0 -338
  108. package/dist/vue-ui-word-cloud-DAR7R8F8.js +0 -648
  109. package/dist/vue-ui-xy-canvas-ml44sPHS.js +0 -1673
@@ -1,15 +1,14 @@
1
- import { ref as n, useSlots as Fe, onMounted as A, computed as P, watch as E, onBeforeUnmount as ve, nextTick as pe, createElementBlock as v, openBlock as u, unref as r, createElementVNode as H, createBlock as ce, createCommentVNode as R, normalizeClass as Be, normalizeStyle as f, createTextVNode as L, renderSlot as p, toDisplayString as G, Fragment as D, renderList as X, mergeProps as fe, createSlots as Pe, withCtx as w, normalizeProps as he, guardReactiveProps as me } from "vue";
2
- import { u as Re, c as ze, o as j, e as J, s as Se, q as Ee, r as He } from "./index-BFzQMJda.js";
3
- import { u as Ne } from "./useNestedProp-v7KPpwuP.js";
4
- import { u as Ue, U as Ve } from "./usePrinter-C5bLp34h.js";
5
- import Me from "./vue-ui-skeleton-B_YI7Yuc.js";
6
- import { u as qe } from "./useUserOptionState-BIvW1Kz7.js";
7
- import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
8
- const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
1
+ import { defineAsyncComponent as ce, ref as n, useSlots as ze, onMounted as A, computed as P, watch as H, onBeforeUnmount as G, shallowRef as Se, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as N, createBlock as he, createCommentVNode as R, normalizeClass as Ee, normalizeStyle as f, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
2
+ import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-BiHmNd1-.js";
3
+ import { u as Le } from "./useNestedProp-tRqS0ZAM.js";
4
+ import { u as Ge } from "./usePrinter-CRCbl1WG.js";
5
+ import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
6
+ import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
7
+ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
9
8
  key: 2,
10
9
  ref: "source",
11
10
  dir: "auto"
12
- }, Je = {
11
+ }, We = {
13
12
  __name: "vue-ui-carousel-table",
14
13
  props: {
15
14
  config: {
@@ -25,123 +24,123 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
25
24
  }
26
25
  }
27
26
  },
28
- setup(T, { expose: ge }) {
29
- const { vue_ui_carousel_table: be } = Re(), i = T, N = n(ze()), K = n(!1), O = n(!!i.dataset), ye = Fe();
27
+ setup(T, { expose: ye }) {
28
+ const Ce = ce(() => import("./vue-ui-skeleton-CbYQYRvD.js")), $e = ce(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, U = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
30
29
  A(() => {
31
- Q();
30
+ Y();
32
31
  }), A(() => {
33
- ye["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
32
+ ke["chart-background"] && console.warn("VueUiCarouselTable does not support the #chart-background slot.");
34
33
  });
35
- function Q() {
36
- j(i.dataset) ? J({
34
+ function Y() {
35
+ K(i.dataset) ? Q({
37
36
  componentName: "VueUiCarouselTable",
38
37
  type: "dataset"
39
- }) : ((!i.dataset.head || j(i.dataset.head)) && (J({
38
+ }) : ((!i.dataset.head || K(i.dataset.head)) && (Q({
40
39
  componentName: "VueUiCarouselTable",
41
40
  type: "datasetAttribute",
42
41
  property: "head"
43
- }), O.value = !1), (!i.dataset.body || j(i.dataset.body)) && (J({
42
+ }), O.value = !1), (!i.dataset.body || K(i.dataset.body)) && (Q({
44
43
  componentName: "VueUiCarouselTable",
45
44
  type: "datasetAttribute",
46
45
  property: "body"
47
46
  }), O.value = !1));
48
47
  }
49
48
  const e = P({
50
- get: () => Z(),
49
+ get: () => ee(),
51
50
  set: (t) => t
52
- }), { userOptionsVisible: U, setUserOptionsVisibility: W, keepUserOptionState: Y } = qe({ config: e.value });
53
- function Z() {
54
- return Ne({
51
+ }), { userOptionsVisible: V, setUserOptionsVisibility: Z, keepUserOptionState: _ } = De({ config: e.value });
52
+ function ee() {
53
+ return Le({
55
54
  userConfig: i.config,
56
- defaultConfig: be
55
+ defaultConfig: Te
57
56
  });
58
57
  }
59
- E(() => i.config, (t) => {
60
- e.value = Z(), U.value = !e.value.userOptions.showOnChartHover, Q();
61
- }, { deep: !0 }), E(() => i.dataset, (t) => {
62
- V();
58
+ H(() => i.config, (t) => {
59
+ e.value = ee(), V.value = !e.value.userOptions.showOnChartHover, Y();
60
+ }, { deep: !0 }), H(() => i.dataset, (t) => {
61
+ M();
63
62
  }, { deep: !0 });
64
- const { isPrinting: _, isImaging: ee, generatePdf: Ce, generateImage: te } = Ue({
65
- elementId: `carousel-table_${N.value}`,
63
+ const { isPrinting: te, isImaging: ae, generatePdf: Ae, generateImage: oe } = Ge({
64
+ elementId: `carousel-table_${U.value}`,
66
65
  fileName: e.value.caption.text || "vue-ui-carousel-table",
67
66
  options: e.value.userOptions.print
68
67
  }), h = n({
69
68
  showAnimation: e.value.animation.use
70
- }), l = n(null), ae = n(null), x = n(null), I = n(null), F = n(0), z = n(0), S = n(!1), B = n(null), b = n(null), k = n(0);
71
- function V() {
69
+ }), l = n(null), ne = n(null), x = n(null), I = n(null), F = n(0), z = n(0), S = n(!1), B = n(null), b = n(null), k = n(0);
70
+ function M() {
72
71
  B.value && (b.value = {
73
72
  elements: B.value.getElementsByTagName("tr"),
74
73
  heights: Array.from(B.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
75
74
  });
76
75
  }
77
- A(V);
78
- const $e = P(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Te = P(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), ke = P(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Te.value + F.value + z.value), c = n(0), y = n(null), d = n(0), C = n(!1), oe = n(0);
76
+ A(M);
77
+ const we = P(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = P(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = P(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Oe.value + F.value + z.value), c = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
79
78
  A(() => {
80
- x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), h.value.showAnimation && b.value && ne();
79
+ x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), h.value.showAnimation && b.value && ie();
81
80
  }), A(() => {
82
81
  if (l.value) {
83
- let a = function() {
82
+ let o = function() {
84
83
  const s = t.getBoundingClientRect().bottom;
85
- o.forEach((g) => {
84
+ a.forEach((g) => {
86
85
  g.getBoundingClientRect().top < s ? g.style.visibility = "hidden" : g.style.visibility = "visible";
87
86
  });
88
87
  };
89
- const t = l.value.querySelector("thead"), o = Array.from(B.value.querySelectorAll("tr"));
90
- l.value.addEventListener("scroll", a), a(), ve(() => {
91
- l.value.removeEventListener("scroll", a);
88
+ const t = l.value.querySelector("thead"), a = Array.from(B.value.querySelectorAll("tr"));
89
+ l.value.addEventListener("scroll", o), o(), G(() => {
90
+ l.value.removeEventListener("scroll", o);
92
91
  });
93
92
  }
94
93
  });
95
- function Ae(t) {
96
- K.value = t, oe.value += 1;
94
+ function Ie(t) {
95
+ W.value = t, le.value += 1;
97
96
  }
98
- function ne() {
99
- !y.value && !C.value && (e.value.animation.type === "scroll" ? y.value = requestAnimationFrame(le) : y.value = requestAnimationFrame(ie));
97
+ function ie() {
98
+ !y.value && !C.value && (e.value.animation.type === "scroll" ? y.value = requestAnimationFrame(se) : y.value = requestAnimationFrame(ue));
100
99
  }
101
- function we() {
100
+ function Fe() {
102
101
  if (!l.value) return !1;
103
- const { scrollTop: t, scrollHeight: o, clientHeight: a } = l.value;
104
- return t + a >= o;
102
+ const { scrollTop: t, scrollHeight: a, clientHeight: o } = l.value;
103
+ return t + o >= a;
105
104
  }
106
- function le(t) {
105
+ function se(t) {
107
106
  if (C.value) return;
108
- d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (c.value += b.value.heights[k.value], (we() || k.value >= b.value.heights.length) && (c.value = 0, k.value = -1), k.value += 1, l.value && l.value.scrollTo({
107
+ d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (c.value += b.value.heights[k.value], (Fe() || k.value >= b.value.heights.length) && (c.value = 0, k.value = -1), k.value += 1, l.value && l.value.scrollTo({
109
108
  top: c.value,
110
109
  behavior: "smooth"
111
- }), d.value = t), y.value = requestAnimationFrame(le);
110
+ }), d.value = t), y.value = requestAnimationFrame(se);
112
111
  }
113
- function ie(t) {
112
+ function ue(t) {
114
113
  if (C.value) return;
115
114
  d.value || (d.value = t);
116
- const o = t - d.value, a = e.value.animation.speedMs / 4 / 1e3;
117
- o >= a && (c.value += a, c.value >= l.value.scrollHeight - l.value.clientHeight && (c.value = 0), l.value && l.value.scrollTo({
115
+ const a = t - d.value, o = e.value.animation.speedMs / 4 / 1e3;
116
+ a >= o && (c.value += o, c.value >= l.value.scrollHeight - l.value.clientHeight && (c.value = 0), l.value && l.value.scrollTo({
118
117
  top: c.value,
119
118
  behavior: "auto"
120
- }), d.value = t), y.value = requestAnimationFrame(ie);
119
+ }), d.value = t), y.value = requestAnimationFrame(ue);
121
120
  }
122
121
  function m() {
123
122
  C.value = !0, cancelAnimationFrame(y.value), y.value = null;
124
123
  }
125
- ve(m);
124
+ G(m);
126
125
  function $() {
127
- !C.value || !h.value.showAnimation || (C.value = !1, d.value = 0, ne());
126
+ !C.value || !h.value.showAnimation || (C.value = !1, d.value = 0, ie());
128
127
  }
129
- function Oe() {
128
+ function Be() {
130
129
  e.value.animation.pauseOnHover && m();
131
130
  }
132
- const M = n(null);
133
- function xe() {
134
- m(), clearTimeout(M.value);
131
+ const q = n(null);
132
+ function Pe() {
133
+ m(), clearTimeout(q.value);
135
134
  }
136
- function se() {
137
- clearTimeout(M.value), M.value = setTimeout($, 1e3);
135
+ function re() {
136
+ clearTimeout(q.value), q.value = setTimeout($, 1e3);
138
137
  }
139
- E(
138
+ H(
140
139
  () => e.value.animation.use,
141
140
  (t) => {
142
141
  t ? (h.value.showAnimation = !0, $()) : (h.value.showAnimation = !1, m());
143
142
  }
144
- ), E(
143
+ ), H(
145
144
  () => e.value.animation.type,
146
145
  (t) => {
147
146
  m(), c.value = 0, k.value = 0, l.value.scrollTo({
@@ -150,71 +149,72 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
150
149
  }), $();
151
150
  }
152
151
  );
153
- const Ie = P(() => e.value.responsiveBreakpoint);
152
+ const Re = P(() => e.value.responsiveBreakpoint), E = Se(null);
154
153
  A(() => {
155
- const t = new ResizeObserver((o) => {
156
- o.forEach((a) => {
157
- S.value = a.contentRect.width < Ie.value;
158
- }), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0, pe(() => {
159
- m(), d.value = 0, c.value = 0, V(), $();
154
+ E.value = new ResizeObserver((t) => {
155
+ t.forEach((a) => {
156
+ S.value = a.contentRect.width < Re.value;
157
+ }), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0, fe(() => {
158
+ m(), d.value = 0, c.value = 0, M(), $();
160
159
  });
161
- });
162
- l.value && t.observe(l.value);
160
+ }), l.value && E.value.observe(l.value);
161
+ }), G(() => {
162
+ E.value && E.value.disconnect();
163
163
  });
164
- function ue() {
165
- Ce();
164
+ function de() {
165
+ Ae();
166
166
  }
167
- function re() {
167
+ function ve() {
168
168
  h.value.showAnimation = !h.value.showAnimation, h.value.showAnimation ? $() : m();
169
169
  }
170
- function de() {
171
- pe(() => {
170
+ function pe() {
171
+ fe(() => {
172
172
  const t = i.dataset.head.map((s, g) => [
173
173
  [i.dataset.body[g]]
174
- ]), o = [
174
+ ]), a = [
175
175
  [e.value.caption.text],
176
176
  [i.dataset.head.map((s) => [s])]
177
- ].concat(t), a = Ee(o);
178
- He({
179
- csvContent: a,
177
+ ].concat(t), o = Me(a);
178
+ qe({
179
+ csvContent: o,
180
180
  title: e.value.caption.text || "vue-ui-carousel-table"
181
181
  });
182
182
  });
183
183
  }
184
- return ge({
184
+ return ye({
185
185
  pauseAnimation: m,
186
186
  resumeAnimation: $,
187
- toggleAnimation: re,
188
- generateCsv: de,
189
- generatePdf: ue,
190
- generateImage: te
191
- }), (t, o) => (u(), v("div", {
187
+ toggleAnimation: ve,
188
+ generateCsv: pe,
189
+ generatePdf: de,
190
+ generateImage: oe
191
+ }), (t, a) => (r(), v("div", {
192
192
  class: "vue-ui-carousel-table",
193
193
  style: { position: "relative", overflow: "visible" },
194
194
  ref_key: "chartContainer",
195
- ref: ae,
196
- onMouseenter: o[5] || (o[5] = () => r(W)(!0)),
197
- onMouseleave: o[6] || (o[6] = () => r(W)(!1))
195
+ ref: ne,
196
+ onMouseenter: a[5] || (a[5] = () => u(Z)(!0)),
197
+ onMouseleave: a[6] || (a[6] = () => u(Z)(!1))
198
198
  }, [
199
- H("div", {
199
+ N("div", {
200
200
  ref_key: "tableContainer",
201
201
  ref: l,
202
- id: `carousel-table_${N.value}`,
202
+ id: `carousel-table_${U.value}`,
203
203
  style: f({
204
- height: r(_) || r(ee) ? "auto" : `${Math.max(ke.value, $e.value)}px`,
204
+ height: u(te) || u(ae) ? "auto" : `${Math.max(xe.value, we.value)}px`,
205
205
  containerType: "inline-size",
206
206
  position: "relative",
207
207
  overflow: "auto",
208
208
  fontFamily: e.value.fontFamily
209
209
  }),
210
- class: Be({ "vue-ui-responsive": S.value, "is-playing": e.value.scrollbar.hide || !C.value && e.value.scrollbar.showOnlyOnHover }),
211
- onMouseover: o[0] || (o[0] = (a) => Oe()),
212
- onMouseleave: o[1] || (o[1] = (a) => $()),
213
- onTouchstart: o[2] || (o[2] = (a) => xe()),
214
- onTouchend: o[3] || (o[3] = (a) => se()),
215
- onTouchcancel: o[4] || (o[4] = (a) => se())
210
+ class: Ee({ "vue-ui-responsive": S.value, "is-playing": e.value.scrollbar.hide || !C.value && e.value.scrollbar.showOnlyOnHover }),
211
+ onMouseover: a[0] || (a[0] = (o) => Be()),
212
+ onMouseleave: a[1] || (a[1] = (o) => $()),
213
+ onTouchstart: a[2] || (a[2] = (o) => Pe()),
214
+ onTouchend: a[3] || (a[3] = (o) => re()),
215
+ onTouchcancel: a[4] || (a[4] = (o) => re())
216
216
  }, [
217
- O.value ? (u(), v("table", {
217
+ O.value ? (r(), v("table", {
218
218
  key: 0,
219
219
  class: "vue-data-ui-carousel-table",
220
220
  style: f({
@@ -225,7 +225,7 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
225
225
  backgroundColor: e.value.tbody.backgroundColor
226
226
  })
227
227
  }, [
228
- H("caption", {
228
+ N("caption", {
229
229
  ref_key: "caption",
230
230
  ref: x,
231
231
  class: "vue-data-ui-carousel-table-caption",
@@ -244,13 +244,13 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
244
244
  display: t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? "" : "none"
245
245
  })
246
246
  }, [
247
- L(G(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
247
+ D(X(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
248
248
  p(t.$slots, "caption", {}, void 0, !0)
249
249
  ], 4),
250
- H("thead", {
250
+ N("thead", {
251
251
  style: f({ ...e.value.thead.style, position: "sticky", top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? F.value : 0}px`, zIndex: 1 })
252
252
  }, [
253
- H("tr", {
253
+ N("tr", {
254
254
  ref_key: "tableRow",
255
255
  ref: I,
256
256
  role: "row",
@@ -261,7 +261,7 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
261
261
  }),
262
262
  height: `${e.value.thead.tr.height}px`
263
263
  }, [
264
- (u(!0), v(D, null, X(T.dataset.head, (a, s) => (u(), v("th", {
264
+ (r(!0), v(j, null, J(T.dataset.head, (o, s) => (r(), v("th", {
265
265
  role: "cell",
266
266
  key: `th_${s}`,
267
267
  style: f({
@@ -273,12 +273,12 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
273
273
  paddingLeft: e.value.thead.tr.th.padding.left + "px"
274
274
  })
275
275
  }, [
276
- L(G(t.$slots.th ? "" : a) + " ", 1),
277
- p(t.$slots, "th", fe({ ref_for: !0 }, { th: a, colIndex: s }), void 0, !0)
276
+ D(X(t.$slots.th ? "" : o) + " ", 1),
277
+ p(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
278
278
  ], 4))), 128))
279
- ], 12, De)
279
+ ], 12, Je)
280
280
  ], 4),
281
- T.dataset.body && T.dataset.head ? (u(), v("tbody", {
281
+ T.dataset.body && T.dataset.head ? (r(), v("tbody", {
282
282
  key: 0,
283
283
  ref_key: "tbody",
284
284
  ref: B,
@@ -286,20 +286,20 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
286
286
  clipPath: "inset(0,0,0,0)"
287
287
  }
288
288
  }, [
289
- (u(!0), v(D, null, X(T.dataset.body, (a, s) => (u(), v("tr", {
289
+ (r(!0), v(j, null, J(T.dataset.body, (o, s) => (r(), v("tr", {
290
290
  style: f({
291
291
  ...e.value.tbody.tr.style,
292
292
  border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`,
293
293
  verticalAlign: "middle"
294
294
  })
295
295
  }, [
296
- (u(!0), v(D, null, X(a, (g, q) => (u(), v("td", {
296
+ (r(!0), v(j, null, J(o, (g, L) => (r(), v("td", {
297
297
  role: "cell",
298
- "data-cell": T.dataset.head[q] || "",
298
+ "data-cell": T.dataset.head[L] || "",
299
299
  style: f({
300
300
  ...e.value.tbody.tr.td.style,
301
301
  border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
302
- backgroundColor: r(Se)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
302
+ backgroundColor: u(Ve)(e.value.tbody.tr.td.style.backgroundColor, s % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100),
303
303
  paddingTop: e.value.tbody.tr.td.padding.top + "px",
304
304
  paddingRight: e.value.tbody.tr.td.padding.right + "px",
305
305
  paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
@@ -308,27 +308,27 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
308
308
  }),
309
309
  height: `${e.value.tbody.tr.height}px`
310
310
  }, [
311
- L(G(t.$slots.td ? "" : g) + " ", 1),
312
- p(t.$slots, "td", fe({ ref_for: !0 }, { td: g, rowIndex: s, colIndex: q }), void 0, !0)
313
- ], 12, Xe))), 256))
311
+ D(X(t.$slots.td ? "" : g) + " ", 1),
312
+ p(t.$slots, "td", me({ ref_for: !0 }, { td: g, rowIndex: s, colIndex: L }), void 0, !0)
313
+ ], 12, Ke))), 256))
314
314
  ], 4))), 256))
315
315
  ], 512)) : R("", !0)
316
316
  ], 4)) : R("", !0)
317
- ], 46, Ge),
318
- O.value ? R("", !0) : (u(), ce(Me, {
317
+ ], 46, je),
318
+ O.value ? R("", !0) : (r(), he(u(Ce), {
319
319
  key: 0,
320
320
  config: {
321
321
  type: "table"
322
322
  }
323
323
  })),
324
- e.value.userOptions.show && O.value && (r(Y) || r(U)) ? (u(), ce(Ve, {
324
+ e.value.userOptions.show && O.value && (u(_) || u(V)) ? (r(), he(u($e), {
325
325
  ref: "details",
326
- key: `user_option_${oe.value}`,
326
+ key: `user_option_${le.value}`,
327
327
  backgroundColor: e.value.style.backgroundColor,
328
328
  color: e.value.style.color,
329
- isPrinting: r(_),
330
- isImaging: r(ee),
331
- uid: N.value,
329
+ isPrinting: u(te),
330
+ isImaging: u(ae),
331
+ uid: U.value,
332
332
  hasTooltip: !1,
333
333
  hasPdf: e.value.userOptions.buttons.pdf,
334
334
  hasImg: e.value.userOptions.buttons.img,
@@ -338,25 +338,25 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
338
338
  hasAnimation: e.value.userOptions.buttons.animation,
339
339
  isAnimation: !h.value.showAnimation,
340
340
  hasFullscreen: e.value.userOptions.buttons.fullscreen,
341
- isFullscreen: K.value,
342
- chartElement: ae.value,
341
+ isFullscreen: W.value,
342
+ chartElement: ne.value,
343
343
  position: e.value.userOptions.position,
344
344
  titles: { ...e.value.userOptions.buttonTitles },
345
345
  zIndex: 3,
346
346
  offsetX: 12,
347
- onGeneratePdf: ue,
348
- onGenerateCsv: de,
349
- onGenerateImage: r(te),
350
- onToggleAnimation: re,
351
- onToggleFullscreen: Ae,
347
+ onGeneratePdf: de,
348
+ onGenerateCsv: pe,
349
+ onGenerateImage: u(oe),
350
+ onToggleAnimation: ve,
351
+ onToggleFullscreen: Ie,
352
352
  style: f({
353
- visibility: r(Y) ? r(U) ? "visible" : "hidden" : "visible"
353
+ visibility: u(_) ? u(V) ? "visible" : "hidden" : "visible"
354
354
  })
355
- }, Pe({ _: 2 }, [
355
+ }, He({ _: 2 }, [
356
356
  t.$slots.menuIcon ? {
357
357
  name: "menuIcon",
358
- fn: w(({ isOpen: a, color: s }) => [
359
- p(t.$slots, "menuIcon", he(me({ isOpen: a, color: s })), void 0, !0)
358
+ fn: w(({ isOpen: o, color: s }) => [
359
+ p(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
360
360
  ]),
361
361
  key: "0"
362
362
  } : void 0,
@@ -390,18 +390,18 @@ const Ge = ["id"], De = ["height"], Xe = ["data-cell", "height"], je = {
390
390
  } : void 0,
391
391
  t.$slots.optionFullscreen ? {
392
392
  name: "optionFullscreen",
393
- fn: w(({ toggleFullscreen: a, isFullscreen: s }) => [
394
- p(t.$slots, "optionFullscreen", he(me({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
393
+ fn: w(({ toggleFullscreen: o, isFullscreen: s }) => [
394
+ p(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
395
395
  ]),
396
396
  key: "5"
397
397
  } : void 0
398
398
  ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "onGenerateImage", "style"])) : R("", !0),
399
- t.$slots.source ? (u(), v("div", je, [
399
+ t.$slots.source ? (r(), v("div", Qe, [
400
400
  p(t.$slots, "source", {}, void 0, !0)
401
401
  ], 512)) : R("", !0)
402
402
  ], 544));
403
403
  }
404
- }, tt = /* @__PURE__ */ Le(Je, [["__scopeId", "data-v-751c3b08"]]);
404
+ }, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-66be1fbe"]]);
405
405
  export {
406
- tt as default
406
+ ot as default
407
407
  };