vue-data-ui 2.12.5 → 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 (112) hide show
  1. package/README.md +56 -1
  2. package/dist/{Arrow-CD7YT-M0.js → Arrow-CmqjRRUl.js} +1 -1
  3. package/dist/BaseDraggableDialog-BMlyvt7E.js +180 -0
  4. package/dist/{BaseIcon-CgSWwnK7.js → BaseIcon-CZdMutjs.js} +1 -1
  5. package/dist/{ColorPicker-w8R8Tqdv.js → ColorPicker-DvVKgyAl.js} +23 -24
  6. package/dist/{DataTable-CicthvOV.js → DataTable-Cv9CIz-a.js} +11 -11
  7. package/dist/{Legend-0UY0Mmli.js → Legend-DFunFf8i.js} +8 -8
  8. package/dist/NonSvgPenAndPaper-pVuHj6_A.js +467 -0
  9. package/dist/PackageVersion-CLY-udAA.js +10 -0
  10. package/dist/{PenAndPaper-DLsvRwoD.js → PenAndPaper-B9na2mbr.js} +8 -10
  11. package/dist/RecursiveCircles-Dn3TGoL6.js +96 -0
  12. package/dist/RecursiveLabels-NTMB9w5C.js +49 -0
  13. package/dist/RecursiveLinks-ld_gDZH4.js +64 -0
  14. package/dist/{Shape-DICeBEtN.js → Shape-D3w9qas1.js} +2 -2
  15. package/dist/{Slicer-D1nsbsWE.js → Slicer-ncY8krrM.js} +2 -2
  16. package/dist/SparkTooltip-CwThutH2.js +68 -0
  17. package/dist/{Title-xO1jFsSw.js → Title-B5qqUI3M.js} +2 -2
  18. package/dist/Tooltip-C9rxJ-Ru.js +149 -0
  19. package/dist/{usePrinter-CcgJXHIK.js → UserOptions-Ddy6CuLC.js} +172 -231
  20. package/dist/{dom-to-png-CS4NRYd_.js → dom-to-png-DDlooC9r.js} +1 -1
  21. package/dist/{img-CsXjm5I4.js → img-m9g7lR5d.js} +1 -1
  22. package/dist/{index-vjCxtaM0.js → index-BiHmNd1-.js} +153 -118
  23. package/dist/{pdf-DHexTTpK.js → pdf-BqM953uL.js} +1 -1
  24. package/dist/style.css +1 -1
  25. package/dist/types/vue-data-ui.d.cts +96 -2
  26. package/dist/types/vue-data-ui.d.ts +96 -2
  27. package/dist/useChartAccessibility-9icAAmYg.js +12 -0
  28. package/dist/useMouse-AicQS8Vf.js +13 -0
  29. package/dist/{useNestedProp-Du1hnYFA.js → useNestedProp-tRqS0ZAM.js} +1 -1
  30. package/dist/{usePanZoom-CUkkqW81.js → usePanZoom-BQMvRXEQ.js} +16 -17
  31. package/dist/usePrinter-CRCbl1WG.js +53 -0
  32. package/dist/vClickOutside-C6WiFswA.js +13 -0
  33. package/dist/{vue-data-ui-BOrA3Tc9.js → vue-data-ui-D9uTDt73.js} +63 -63
  34. package/dist/vue-data-ui.js +42 -40
  35. package/dist/{vue-ui-3d-bar-Z8yAd4bw.js → vue-ui-3d-bar-rtuSc8FS.js} +397 -402
  36. package/dist/{vue-ui-accordion-CAN430Oy.js → vue-ui-accordion-CmCs2yR2.js} +3 -3
  37. package/dist/{vue-ui-age-pyramid-C6PZU9Ez.js → vue-ui-age-pyramid-BrzMSiyu.js} +215 -218
  38. package/dist/{vue-ui-annotator-CqoDLx3t.js → vue-ui-annotator-CYxmTpf6.js} +2 -2
  39. package/dist/{vue-ui-bullet-DZC3aY3d.js → vue-ui-bullet-D25qNQfb.js} +137 -140
  40. package/dist/{vue-ui-candlestick-B5mq_lgW.js → vue-ui-candlestick-BuerNa-r.js} +265 -271
  41. package/dist/{vue-ui-carousel-table-CBwerU49.js → vue-ui-carousel-table-aN0HLsOO.js} +137 -137
  42. package/dist/{vue-ui-chestnut-COyOAY28.js → vue-ui-chestnut-oUj2ocsZ.js} +397 -400
  43. package/dist/{vue-ui-chord-Cw0F_jHM.js → vue-ui-chord-C4evlXYB.js} +356 -365
  44. package/dist/vue-ui-circle-pack-CWrNiKTY.js +656 -0
  45. package/dist/{vue-ui-cursor-CWXqmlVy.js → vue-ui-cursor-DgpSttlt.js} +2 -2
  46. package/dist/{vue-ui-dashboard-Ba2tF4md.js → vue-ui-dashboard-BN2ha1Eh.js} +62 -62
  47. package/dist/{vue-ui-digits-BV7yyUdY.js → vue-ui-digits-BhjAxXgm.js} +2 -2
  48. package/dist/vue-ui-donut-D3_z61HI.js +1291 -0
  49. package/dist/vue-ui-donut-evolution-oKtmZPx4.js +864 -0
  50. package/dist/{vue-ui-dumbbell-SDCcLJIc.js → vue-ui-dumbbell-C8Lokx-F.js} +265 -270
  51. package/dist/{vue-ui-flow-CrqGSDNK.js → vue-ui-flow-BVRkH0PS.js} +291 -300
  52. package/dist/{vue-ui-funnel-CcDOoxp8.js → vue-ui-funnel-DFxcmAB5.js} +216 -219
  53. package/dist/{vue-ui-galaxy-jlDp0DRJ.js → vue-ui-galaxy-CGE0hlBC.js} +227 -235
  54. package/dist/{vue-ui-gauge-8t8rWb1C.js → vue-ui-gauge-B48eMvOR.js} +240 -243
  55. package/dist/{vue-ui-gizmo-CFwdrMYP.js → vue-ui-gizmo-zTKNpjvv.js} +57 -58
  56. package/dist/{vue-ui-heatmap-BT-mIeZp.js → vue-ui-heatmap-UNfTt8SM.js} +239 -242
  57. package/dist/{vue-ui-history-plot-crLloc7J.js → vue-ui-history-plot-CbCWmvtg.js} +257 -262
  58. package/dist/{vue-ui-kpi-96v4ZIYo.js → vue-ui-kpi-Drf_lrlh.js} +29 -30
  59. package/dist/{vue-ui-mini-loader-rBHBxNIT.js → vue-ui-mini-loader-DU3G6BVs.js} +2 -2
  60. package/dist/vue-ui-molecule-B5MOXYEA.js +580 -0
  61. package/dist/{vue-ui-mood-radar-DrVSXIY4.js → vue-ui-mood-radar-CC_CVLvn.js} +180 -186
  62. package/dist/{vue-ui-nested-donuts-C9Ah9lgv.js → vue-ui-nested-donuts-D_H962kk.js} +366 -374
  63. package/dist/{vue-ui-onion-DwNPyn4X.js → vue-ui-onion-P8k6T724.js} +252 -258
  64. package/dist/{vue-ui-parallel-coordinate-plot-tSuK6xWu.js → vue-ui-parallel-coordinate-plot-B5Los0vX.js} +296 -303
  65. package/dist/{vue-ui-quadrant-C0Kaoo7K.js → vue-ui-quadrant-B3wzCTxK.js} +402 -409
  66. package/dist/{vue-ui-quick-chart-xMh_Ygct.js → vue-ui-quick-chart-oucj6hXk.js} +611 -616
  67. package/dist/{vue-ui-radar-C1jSDQt_.js → vue-ui-radar-Cjqlyu6d.js} +270 -277
  68. package/dist/{vue-ui-rating-6Kb7hsKF.js → vue-ui-rating-gryk_h_6.js} +2 -2
  69. package/dist/vue-ui-relation-circle-ielvWC-1.js +525 -0
  70. package/dist/{vue-ui-ridgeline-BBvPVQjC.js → vue-ui-ridgeline-Dydqo68b.js} +321 -326
  71. package/dist/{vue-ui-rings-B92cXv7f.js → vue-ui-rings-BRBXektJ.js} +262 -269
  72. package/dist/{vue-ui-scatter-Bt1aty87.js → vue-ui-scatter-Df-BM7Ts.js} +372 -379
  73. package/dist/{vue-ui-skeleton-DfOIDTJM.js → vue-ui-skeleton-CbYQYRvD.js} +19 -19
  74. package/dist/{vue-ui-smiley-sVgBnkbx.js → vue-ui-smiley-BfHaQMaW.js} +2 -2
  75. package/dist/{vue-ui-spark-trend-D6uzJ4Qd.js → vue-ui-spark-trend-z3fUChs_.js} +114 -117
  76. package/dist/{vue-ui-sparkbar-D4c2EE7J.js → vue-ui-sparkbar-ChtFIugH.js} +104 -106
  77. package/dist/{vue-ui-sparkgauge-DaQ6iz98.js → vue-ui-sparkgauge-DtpODCww.js} +72 -74
  78. package/dist/{vue-ui-sparkhistogram-D_YnmM2T.js → vue-ui-sparkhistogram-C3XnYiXI.js} +83 -86
  79. package/dist/vue-ui-sparkline-CoL8jiX8.js +459 -0
  80. package/dist/{vue-ui-sparkstackbar-DecnmqgJ.js → vue-ui-sparkstackbar-CYk3mZJH.js} +102 -105
  81. package/dist/{vue-ui-stackbar-D1eNs1j_.js → vue-ui-stackbar-D9LGbuG5.js} +433 -437
  82. package/dist/{vue-ui-strip-plot-iPZ8Hhmr.js → vue-ui-strip-plot-C5r1Ee2R.js} +245 -252
  83. package/dist/{vue-ui-table-BFjE28sw.js → vue-ui-table-DBaT_TfA.js} +3 -3
  84. package/dist/{vue-ui-table-heatmap-DipFDu39.js → vue-ui-table-heatmap-CYW4YfKN.js} +93 -94
  85. package/dist/{vue-ui-table-sparkline-CGAecOZh.js → vue-ui-table-sparkline-Di0MYR4p.js} +212 -212
  86. package/dist/{vue-ui-thermometer-Cx_yr-hs.js → vue-ui-thermometer-BF1btHY2.js} +154 -157
  87. package/dist/{vue-ui-timer-ClVmS8MH.js → vue-ui-timer-D9FfRWN5.js} +180 -181
  88. package/dist/vue-ui-tiremarks-CQ0lk8fJ.js +341 -0
  89. package/dist/vue-ui-treemap-1Lx7YRtc.js +947 -0
  90. package/dist/{vue-ui-vertical-bar-BHYCnFEN.js → vue-ui-vertical-bar-DdVVQ1ED.js} +397 -403
  91. package/dist/{vue-ui-waffle-DEPUbrOt.js → vue-ui-waffle-BhnuPiRD.js} +317 -324
  92. package/dist/vue-ui-wheel-BIjJ0fg8.js +335 -0
  93. package/dist/vue-ui-word-cloud-3-r8HwO_.js +642 -0
  94. package/dist/{vue-ui-world-DStJ5i0i.js → vue-ui-world-CPIGEswq.js} +430 -442
  95. package/dist/{vue-ui-xy-CEop49z6.js → vue-ui-xy-9e_epIN4.js} +845 -846
  96. package/dist/vue-ui-xy-canvas-DcGgQ7s4.js +1206 -0
  97. package/package.json +6 -6
  98. package/dist/BaseDraggableDialog-BjFEob7i.js +0 -186
  99. package/dist/PackageVersion-Cw2caN1c.js +0 -10
  100. package/dist/Tooltip-LKe8L-Mg.js +0 -158
  101. package/dist/useChartAccessibility-BWojgys7.js +0 -13
  102. package/dist/vue-ui-circle-pack-BtpaZLYs.js +0 -659
  103. package/dist/vue-ui-donut-CRdQFQgA.js +0 -1292
  104. package/dist/vue-ui-donut-evolution-De3-5OgR.js +0 -871
  105. package/dist/vue-ui-molecule-DSr_bHGG.js +0 -782
  106. package/dist/vue-ui-relation-circle-fh0Hl9m0.js +0 -528
  107. package/dist/vue-ui-sparkline-C2HuTMDz.js +0 -519
  108. package/dist/vue-ui-tiremarks-4Sa3RCSv.js +0 -344
  109. package/dist/vue-ui-treemap-CD5pPg7v.js +0 -956
  110. package/dist/vue-ui-wheel-qU0bgJsi.js +0 -338
  111. package/dist/vue-ui-word-cloud-z2ZguOdy.js +0 -648
  112. package/dist/vue-ui-xy-canvas-DV0BVdZb.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-vjCxtaM0.js";
3
- import { u as Ne } from "./useNestedProp-Du1hnYFA.js";
4
- import { u as Ue, U as Ve } from "./usePrinter-CcgJXHIK.js";
5
- import Me from "./vue-ui-skeleton-DfOIDTJM.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
  };