vue-data-ui 2.3.23 → 2.3.25

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 (142) hide show
  1. package/dist/{Arrow-BOSHa3Ag.cjs → Arrow-01eXaB81.cjs} +1 -1
  2. package/dist/{Arrow-DxXzMXB1.js → Arrow-zObQ2VxA.js} +1 -1
  3. package/dist/{BaseIcon-C-k_mqXL.cjs → BaseIcon-BkdELEYE.cjs} +1 -1
  4. package/dist/{BaseIcon-DuMfKUDs.js → BaseIcon-CHBghp3_.js} +1 -1
  5. package/dist/{DataTable-CHXdpx94.cjs → DataTable-D_2ZW2eI.cjs} +1 -1
  6. package/dist/{DataTable-DKHF_NH2.js → DataTable-Dytj5HQM.js} +2 -2
  7. package/dist/{Legend-BqqpwXbu.js → Legend-Ct8LnAy4.js} +1 -1
  8. package/dist/{Legend-BwrzHxLy.cjs → Legend-tvvMRnbi.cjs} +1 -1
  9. package/dist/{Shape-DW18-C9f.cjs → Shape-dvRttq7z.cjs} +1 -1
  10. package/dist/{Shape-Ccky9omb.js → Shape-qo5jcJq9.js} +1 -1
  11. package/dist/{Slicer-BDsv196Y.js → Slicer-BNgHaM2_.js} +1 -1
  12. package/dist/{Slicer-xKlzke1v.cjs → Slicer-DcjEg-ZZ.cjs} +1 -1
  13. package/dist/{Title-Bx2ibobQ.js → Title-BcNPXpKX.js} +1 -1
  14. package/dist/{Title-DxNugmhI.cjs → Title-CSQdI1EY.cjs} +1 -1
  15. package/dist/{Tooltip-BC2Wlz7P.cjs → Tooltip-B-laoopT.cjs} +1 -1
  16. package/dist/{Tooltip-DOEMrisX.js → Tooltip-etzDGo1Y.js} +1 -1
  17. package/dist/{index-BvjCO-wv.js → index-BE6fhUyH.js} +1 -1
  18. package/dist/{index-oufiZvaS.cjs → index-BFH7X8WG.cjs} +1 -1
  19. package/dist/style.css +1 -1
  20. package/dist/{useNestedProp-CmTItGss.cjs → useNestedProp-B_z4-n52.cjs} +1 -1
  21. package/dist/{useNestedProp-2KJaYPfM.js → useNestedProp-BcjRW6BJ.js} +1 -1
  22. package/dist/{usePrinter-CaKXrCiB.js → usePrinter-CdIphKpF.js} +1 -1
  23. package/dist/{usePrinter-Cc8ufBvU.cjs → usePrinter-hyuaFHQj.cjs} +1 -1
  24. package/dist/{vue-data-ui-DnlOZVL-.js → vue-data-ui-DH3---6Y.js} +56 -56
  25. package/dist/{vue-data-ui-D5LrE3dP.cjs → vue-data-ui-dbgbgXfB.cjs} +1 -1
  26. package/dist/vue-data-ui.cjs +1 -1
  27. package/dist/vue-data-ui.js +1 -1
  28. package/dist/{vue-ui-3d-bar-qegO2SzJ.js → vue-ui-3d-bar-CPpeRsrz.js} +7 -7
  29. package/dist/{vue-ui-3d-bar-Cma1NB-u.cjs → vue-ui-3d-bar-ddx9_3_T.cjs} +1 -1
  30. package/dist/{vue-ui-accordion-DiR0dVog.cjs → vue-ui-accordion-CvZhABQM.cjs} +1 -1
  31. package/dist/{vue-ui-accordion-q-bLDiD3.js → vue-ui-accordion-Dmz7RUKz.js} +3 -3
  32. package/dist/{vue-ui-age-pyramid-xk6Gt1LJ.cjs → vue-ui-age-pyramid-BieAbkr7.cjs} +1 -1
  33. package/dist/{vue-ui-age-pyramid-vQvy7rWY.js → vue-ui-age-pyramid-DiOdrFIV.js} +8 -8
  34. package/dist/{vue-ui-annotator-LwO1PGoN.cjs → vue-ui-annotator-CugE3IpZ.cjs} +1 -1
  35. package/dist/{vue-ui-annotator-BYT8v1SY.js → vue-ui-annotator-KClMRKPi.js} +1 -1
  36. package/dist/{vue-ui-candlestick-zvv6_kwp.js → vue-ui-candlestick-D9MajMEG.js} +9 -9
  37. package/dist/{vue-ui-candlestick-CmM0kwJR.cjs → vue-ui-candlestick-DErkX5mF.cjs} +1 -1
  38. package/dist/vue-ui-carousel-table-CLwi79Ly.js +346 -0
  39. package/dist/vue-ui-carousel-table-CsCEcaWp.cjs +1 -0
  40. package/dist/{vue-ui-chestnut-4MvRD28_.cjs → vue-ui-chestnut-BTvQSTQi.cjs} +1 -1
  41. package/dist/{vue-ui-chestnut-A9asY_42.js → vue-ui-chestnut-BnmDdakJ.js} +6 -6
  42. package/dist/{vue-ui-cursor-DusWgM7W.cjs → vue-ui-cursor-Dj8pAXbc.cjs} +1 -1
  43. package/dist/{vue-ui-cursor-CPPPIH2W.js → vue-ui-cursor-KjKhIKTP.js} +2 -2
  44. package/dist/{vue-ui-dashboard-ZTzEd521.cjs → vue-ui-dashboard-BTpiCLaT.cjs} +1 -1
  45. package/dist/{vue-ui-dashboard-CuQ81BKN.js → vue-ui-dashboard-Dm-rDSRt.js} +2 -2
  46. package/dist/{vue-ui-digits-DlupvOo-.cjs → vue-ui-digits-BVVOQfoO.cjs} +1 -1
  47. package/dist/{vue-ui-digits-Czkbi2AR.js → vue-ui-digits-WgEKLYdq.js} +2 -2
  48. package/dist/{vue-ui-donut-Cis7kzDB.js → vue-ui-donut-BjHWw_Mw.js} +9 -9
  49. package/dist/{vue-ui-donut-DA5YfWlL.cjs → vue-ui-donut-DvDqj2od.cjs} +1 -1
  50. package/dist/{vue-ui-donut-evolution-BigmUCTm.cjs → vue-ui-donut-evolution-C0TW-uGR.cjs} +1 -1
  51. package/dist/{vue-ui-donut-evolution-D2I4ZD5a.js → vue-ui-donut-evolution-CWBsLGUw.js} +9 -9
  52. package/dist/{vue-ui-dumbbell-fdV94xQB.js → vue-ui-dumbbell-BlsLMdW8.js} +8 -8
  53. package/dist/{vue-ui-dumbbell-D8ZSCX0H.cjs → vue-ui-dumbbell-Uhw6rKrw.cjs} +1 -1
  54. package/dist/{vue-ui-flow-C1PVwgKX.js → vue-ui-flow-KijZNPzD.js} +7 -7
  55. package/dist/{vue-ui-flow-CH6PmIBT.cjs → vue-ui-flow-fnDs0_mH.cjs} +1 -1
  56. package/dist/{vue-ui-galaxy-IFmqHh3R.cjs → vue-ui-galaxy-BBiGsB2G.cjs} +1 -1
  57. package/dist/{vue-ui-galaxy-DzWOfvyj.js → vue-ui-galaxy-_y9H-beS.js} +9 -9
  58. package/dist/{vue-ui-gauge-Bbda2H3b.cjs → vue-ui-gauge-Bv4YKgIj.cjs} +1 -1
  59. package/dist/{vue-ui-gauge-CeGa1oMf.js → vue-ui-gauge-CGgQqTqT.js} +5 -5
  60. package/dist/{vue-ui-gizmo-DyJngE0E.cjs → vue-ui-gizmo-DFWR7qEg.cjs} +1 -1
  61. package/dist/{vue-ui-gizmo-BILyJylm.js → vue-ui-gizmo-DjAFk58g.js} +2 -2
  62. package/dist/{vue-ui-heatmap-Dp68UbGB.cjs → vue-ui-heatmap-B5McL3SD.cjs} +1 -1
  63. package/dist/{vue-ui-heatmap-DRk0VXaJ.js → vue-ui-heatmap-D1AMro3o.js} +8 -8
  64. package/dist/vue-ui-kpi-BW2na3Yu.js +58 -0
  65. package/dist/vue-ui-kpi-Bb7xdAFU.cjs +1 -0
  66. package/dist/{vue-ui-mini-loader-CXiMb5pi.cjs → vue-ui-mini-loader-22dagCEY.cjs} +1 -1
  67. package/dist/{vue-ui-mini-loader-DLXv9Seq.js → vue-ui-mini-loader-CKZ-PEf5.js} +2 -2
  68. package/dist/{vue-ui-molecule-JlPbVJ8I.js → vue-ui-molecule-BK8HPWvg.js} +9 -9
  69. package/dist/{vue-ui-molecule-DOwGWqSR.cjs → vue-ui-molecule-CWpBfXyk.cjs} +1 -1
  70. package/dist/{vue-ui-mood-radar-BF3WqcyN.cjs → vue-ui-mood-radar-BZE6rvtb.cjs} +1 -1
  71. package/dist/{vue-ui-mood-radar-C3Boyr96.js → vue-ui-mood-radar-CXq465Aj.js} +9 -9
  72. package/dist/{vue-ui-nested-donuts-C9CFBzvj.js → vue-ui-nested-donuts-BSYKxbNL.js} +9 -9
  73. package/dist/{vue-ui-nested-donuts-DkGXmwTg.cjs → vue-ui-nested-donuts-Ca-b8_P3.cjs} +1 -1
  74. package/dist/{vue-ui-onion-BqzUINBq.js → vue-ui-onion-CMv38G-g.js} +9 -9
  75. package/dist/{vue-ui-onion-COYhqrEx.cjs → vue-ui-onion-DvRn35KQ.cjs} +1 -1
  76. package/dist/{vue-ui-parallel-coordinate-plot-BE8Bf0MQ.cjs → vue-ui-parallel-coordinate-plot-C50SGcJo.cjs} +1 -1
  77. package/dist/{vue-ui-parallel-coordinate-plot-DtXx6zpM.js → vue-ui-parallel-coordinate-plot-DBZUno5l.js} +10 -10
  78. package/dist/{vue-ui-quadrant-Cr2jm-2w.js → vue-ui-quadrant-C-jh3Grv.js} +10 -10
  79. package/dist/{vue-ui-quadrant-g34Ky2Hq.cjs → vue-ui-quadrant-CJo9jqLm.cjs} +1 -1
  80. package/dist/{vue-ui-quick-chart-BEXF1YLk.cjs → vue-ui-quick-chart-BJ6lIxf6.cjs} +1 -1
  81. package/dist/{vue-ui-quick-chart-gurflOrc.js → vue-ui-quick-chart-BvTLEmD_.js} +6 -6
  82. package/dist/{vue-ui-radar-B77sXFJD.cjs → vue-ui-radar-CWgrIgHA.cjs} +1 -1
  83. package/dist/{vue-ui-radar-DGXj7kOe.js → vue-ui-radar-Kh4Qt05I.js} +10 -10
  84. package/dist/{vue-ui-rating-D2wmEDux.js → vue-ui-rating-D7AkYGtK.js} +2 -2
  85. package/dist/{vue-ui-rating-J4wpjGDw.cjs → vue-ui-rating-DJsfvOxZ.cjs} +1 -1
  86. package/dist/{vue-ui-relation-circle-8hDVUqzX.js → vue-ui-relation-circle-CXQ9FHnG.js} +5 -5
  87. package/dist/{vue-ui-relation-circle-CkO4PvuL.cjs → vue-ui-relation-circle-DRquG6N9.cjs} +1 -1
  88. package/dist/{vue-ui-rings-Bs4I_DFj.js → vue-ui-rings-BuuiGgkQ.js} +9 -9
  89. package/dist/{vue-ui-rings-Bt4lsykR.cjs → vue-ui-rings-DAuDNTak.cjs} +1 -1
  90. package/dist/{vue-ui-scatter-BcuxFe_0.js → vue-ui-scatter-Ba_1vbfG.js} +10 -10
  91. package/dist/{vue-ui-scatter-pnVV0nUg.cjs → vue-ui-scatter-Db1WHHMt.cjs} +1 -1
  92. package/dist/{vue-ui-screenshot-Q4jzniKW.cjs → vue-ui-screenshot-BgvHfkel.cjs} +1 -1
  93. package/dist/{vue-ui-screenshot-CkunIVDh.js → vue-ui-screenshot-rDwd1nNP.js} +1 -1
  94. package/dist/{vue-ui-skeleton-jYHncdu5.js → vue-ui-skeleton-DZk__alb.js} +2 -2
  95. package/dist/{vue-ui-skeleton-Fsru0dbb.cjs → vue-ui-skeleton-Df1qBO2k.cjs} +1 -1
  96. package/dist/{vue-ui-smiley-B3gIeKih.js → vue-ui-smiley-BPebp5hG.js} +2 -2
  97. package/dist/{vue-ui-smiley-Bd3lgUj_.cjs → vue-ui-smiley-KQFOL39h.cjs} +1 -1
  98. package/dist/{vue-ui-spark-trend-CgEi2LBP.js → vue-ui-spark-trend-CSdQHPuY.js} +4 -4
  99. package/dist/{vue-ui-spark-trend-DfD8Q9Zl.cjs → vue-ui-spark-trend-Cr2Coq5M.cjs} +1 -1
  100. package/dist/{vue-ui-sparkbar-BCmLvKvU.cjs → vue-ui-sparkbar-BIdS6UA_.cjs} +1 -1
  101. package/dist/{vue-ui-sparkbar-Bu_TX-tQ.js → vue-ui-sparkbar-EhBZgeio.js} +3 -3
  102. package/dist/{vue-ui-sparkgauge-C_DSQGId.cjs → vue-ui-sparkgauge-DFlQ-olI.cjs} +1 -1
  103. package/dist/{vue-ui-sparkgauge-Cml4o6Bs.js → vue-ui-sparkgauge-DTUDMW-e.js} +3 -3
  104. package/dist/{vue-ui-sparkhistogram-BsyOeGbq.js → vue-ui-sparkhistogram-CJZN2ZKW.js} +4 -4
  105. package/dist/{vue-ui-sparkhistogram-BZDofxtq.cjs → vue-ui-sparkhistogram-_zChXZnF.cjs} +1 -1
  106. package/dist/{vue-ui-sparkline-DOsWIDug.js → vue-ui-sparkline-B0OAXqfq.js} +3 -3
  107. package/dist/{vue-ui-sparkline-twqIgYC3.cjs → vue-ui-sparkline-IWbHN7-r.cjs} +1 -1
  108. package/dist/{vue-ui-sparkstackbar-DTgoeXjb.cjs → vue-ui-sparkstackbar-C6tBsD3M.cjs} +1 -1
  109. package/dist/{vue-ui-sparkstackbar-DeWgfL12.js → vue-ui-sparkstackbar-wPYlidft.js} +3 -3
  110. package/dist/{vue-ui-strip-plot-BV27VHWB.cjs → vue-ui-strip-plot-BAcR2Zug.cjs} +1 -1
  111. package/dist/{vue-ui-strip-plot-Ci-hICkJ.js → vue-ui-strip-plot-Bm0JThi4.js} +9 -9
  112. package/dist/{vue-ui-table-R_KFQoq4.js → vue-ui-table-6ZR-bgMx.js} +1 -1
  113. package/dist/{vue-ui-table-Bd9ddVGy.cjs → vue-ui-table-B0FlP2RX.cjs} +1 -1
  114. package/dist/{vue-ui-table-heatmap-CPOETxT8.cjs → vue-ui-table-heatmap-B2Xe1T4D.cjs} +1 -1
  115. package/dist/{vue-ui-table-heatmap-TYLCpM_Y.js → vue-ui-table-heatmap-bJUl4rY6.js} +4 -4
  116. package/dist/{vue-ui-table-sparkline-H_qcrFc0.cjs → vue-ui-table-sparkline-DgZQmNaq.cjs} +1 -1
  117. package/dist/{vue-ui-table-sparkline-B-qJP3Yr.js → vue-ui-table-sparkline-Dxinc_iR.js} +5 -5
  118. package/dist/{vue-ui-thermometer-CBybvctJ.cjs → vue-ui-thermometer-BN1harXD.cjs} +1 -1
  119. package/dist/{vue-ui-thermometer-fV6P7B8U.js → vue-ui-thermometer-Nb1pgJ04.js} +5 -5
  120. package/dist/{vue-ui-timer-CU-tJV53.js → vue-ui-timer-C17OoYkC.js} +4 -4
  121. package/dist/{vue-ui-timer-CwQteT9E.cjs → vue-ui-timer-_44ECu7b.cjs} +1 -1
  122. package/dist/{vue-ui-tiremarks-Ba1Er97s.cjs → vue-ui-tiremarks-BSMuOb-Z.cjs} +1 -1
  123. package/dist/{vue-ui-tiremarks-Dxy0W8kp.js → vue-ui-tiremarks-lbnWHaOP.js} +5 -5
  124. package/dist/{vue-ui-treemap-CFqf6BUd.js → vue-ui-treemap-CbdnMlBb.js} +9 -9
  125. package/dist/{vue-ui-treemap-CpPqA91r.cjs → vue-ui-treemap-DinP2PhP.cjs} +1 -1
  126. package/dist/{vue-ui-vertical-bar-Px2OPOQp.cjs → vue-ui-vertical-bar-B7cKvp6J.cjs} +1 -1
  127. package/dist/{vue-ui-vertical-bar-CpIgWUoF.js → vue-ui-vertical-bar-B9HnpW6M.js} +9 -9
  128. package/dist/{vue-ui-waffle-DbR7pPaP.js → vue-ui-waffle-70I35yZY.js} +9 -9
  129. package/dist/{vue-ui-waffle-BEOhRYhC.cjs → vue-ui-waffle-BaqQnh1w.cjs} +1 -1
  130. package/dist/{vue-ui-wheel-BkbAV9mu.js → vue-ui-wheel-C8YTOjwd.js} +5 -5
  131. package/dist/{vue-ui-wheel-C4H-fBbx.cjs → vue-ui-wheel-DZbEyD4l.cjs} +1 -1
  132. package/dist/{vue-ui-word-cloud-B8vX27Pz.cjs → vue-ui-word-cloud-DkJyoTg9.cjs} +1 -1
  133. package/dist/{vue-ui-word-cloud-704bFMO3.js → vue-ui-word-cloud-Don3Oz-A.js} +6 -6
  134. package/dist/{vue-ui-xy-B8qzx04X.cjs → vue-ui-xy-DkBLRZ6y.cjs} +1 -1
  135. package/dist/{vue-ui-xy-kFskWWiT.js → vue-ui-xy-XJp90Tih.js} +12 -12
  136. package/dist/{vue-ui-xy-canvas-CJO0hp3z.js → vue-ui-xy-canvas-CsPcJxOA.js} +10 -10
  137. package/dist/{vue-ui-xy-canvas-BVhRHPYN.cjs → vue-ui-xy-canvas-Do2LgfMo.cjs} +1 -1
  138. package/package.json +1 -1
  139. package/dist/vue-ui-carousel-table-FMfXIF7s.cjs +0 -1
  140. package/dist/vue-ui-carousel-table-S3daEHYR.js +0 -330
  141. package/dist/vue-ui-kpi-Mbre-_3M.cjs +0 -1
  142. package/dist/vue-ui-kpi-u5GBFKBR.js +0 -54
@@ -1,15 +1,15 @@
1
1
  import { ref as c, computed as b, watch as ue, onMounted as da, onBeforeUnmount as ha, openBlock as T, createElementBlock as re, normalizeStyle as U, normalizeClass as ya, createVNode as he, createCommentVNode as A, createBlock as Z, unref as E, createSlots as fa, withCtx as m, renderSlot as k, normalizeProps as G, guardReactiveProps as V, createElementVNode as j, toDisplayString as He, createTextVNode as ga } from "vue";
2
- import { u as pa, c as ba, t as ma, a as xa, p as N, b as La, z as ye, f as q, d as We, T as ka, o as Ca, e as wa, v as Ye, w as Sa, n as za, q as $a, r as J, l as Ta } from "./index-BvjCO-wv.js";
2
+ import { u as pa, c as ba, t as ma, a as xa, p as N, b as La, z as ye, f as q, d as We, T as ka, o as Ca, e as wa, v as Ye, w as Sa, n as za, q as $a, r as J, l as Ta } from "./index-BE6fhUyH.js";
3
3
  import { d as Ma, c as Ra, a as Be, t as Oa, l as C, r as fe, b as P, p as Xe, u as Pa } from "./useResponsive-NZB-WLRF.js";
4
- import { _ as Ia } from "./Tooltip-DOEMrisX.js";
5
- import { L as Fa } from "./Legend-BqqpwXbu.js";
6
- import { _ as Ea } from "./Title-Bx2ibobQ.js";
7
- import { S as Na } from "./Slicer-BDsv196Y.js";
8
- import { u as _a, U as Da } from "./usePrinter-CaKXrCiB.js";
9
- import Ha from "./vue-ui-accordion-q-bLDiD3.js";
10
- import { D as Wa } from "./DataTable-DKHF_NH2.js";
11
- import Ya from "./vue-ui-skeleton-jYHncdu5.js";
12
- import { u as Ue } from "./useNestedProp-2KJaYPfM.js";
4
+ import { _ as Ia } from "./Tooltip-etzDGo1Y.js";
5
+ import { L as Fa } from "./Legend-Ct8LnAy4.js";
6
+ import { _ as Ea } from "./Title-BcNPXpKX.js";
7
+ import { S as Na } from "./Slicer-BNgHaM2_.js";
8
+ import { u as _a, U as Da } from "./usePrinter-CdIphKpF.js";
9
+ import Ha from "./vue-ui-accordion-Dmz7RUKz.js";
10
+ import { D as Wa } from "./DataTable-Dytj5HQM.js";
11
+ import Ya from "./vue-ui-skeleton-DZk__alb.js";
12
+ import { u as Ue } from "./useNestedProp-BcjRW6BJ.js";
13
13
  import { _ as Ba } from "./_plugin-vue_export-helper-CHgC5LLL.js";
14
14
  const Xa = ["id"], Ua = ["onClick"], Aa = {
15
15
  key: 2,
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-oufiZvaS.cjs"),c=require("./useResponsive-B3TrDDIG.cjs"),qe=require("./Tooltip-BC2Wlz7P.cjs"),Ye=require("./Legend-BwrzHxLy.cjs"),Ue=require("./Title-DxNugmhI.cjs"),Xe=require("./Slicer-xKlzke1v.cjs"),xe=require("./usePrinter-Cc8ufBvU.cjs"),Ae=require("./vue-ui-accordion-DiR0dVog.cjs"),Ze=require("./DataTable-CHXdpx94.cjs"),Ge=require("./vue-ui-skeleton-Fsru0dbb.cjs"),ke=require("./useNestedProp-CmTItGss.cjs"),je=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Je=["id"],Ke=["onClick"],Qe={key:2,class:"vue-data-ui-watermark"},et=["innerHTML"],tt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(J,{expose:Le,emit:Ce}){const R=J,{vue_ui_xy_canvas:we}=s.useConfig(),U=l.ref(s.createUid()),D=l.ref(null),C=l.ref(null),E=l.ref(null),i=l.ref(null),g=l.ref(1),z=l.ref(1),_=l.ref(!1),f=l.ref(null),H=l.ref(""),K=l.ref(null),L=l.ref([]),N=l.ref(1),M=l.ref(!0),w=l.ref(!0),X=l.ref(null),Q=l.ref(0),ee=l.ref(0),A=l.ref(!1),te=l.ref(null),le=l.ref(null),ae=l.ref(null),Z=l.computed(()=>!!R.dataset&&R.dataset.length),t=l.computed(()=>{const e=ke.useNestedProp({userConfig:R.config,defaultConfig:we});return e.theme?{...ke.useNestedProp({userConfig:s.themes.vue_ui_xy_canvas[e.theme]||R.config,defaultConfig:e}),customPalette:s.themePalettes[e.theme]||s.palette}:e}),oe=l.ref(t.value.style.chart.aspectRatio),{isPrinting:re,isImaging:ue,generatePdf:ne,generateImage:se}=xe.usePrinter({elementId:`xy_canvas_${U.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),n=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function Se(e){A.value=e,ee.value+=1}const ie=l.computed(()=>s.convertCustomPalette(t.value.customPalette)),P=l.computed(()=>Math.max(...O.value.filter((e,o)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length))),a=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:z.value,left:g.value*t.value.style.chart.paddingProportions.left,top:z.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:z.value-z.value*t.value.style.chart.paddingProportions.bottom,width:e,height:z.value-z.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(u.value.end-u.value.start)}});function ve(e,o){return e/o}function ze({hasAutoScale:e,series:o,min:r,max:d,scale:h,yOffset:p,individualHeight:v,stackIndex:m=null}){return o.map((k,j)=>{const S=h.min<0?Math.abs(h.min):0,$=ve(k+S,S+h.max);let T,F;e&&(T=Math.abs(h.min),F=ve(k+T,h.max+T));let I=0;return m===null?I=a.value.bottom-a.value.height*(e?F:$):I=a.value.bottom-p-v*(e?F:$),{x:a.value.left+a.value.slot*j+a.value.slot/2,y:I,value:k}})}const b=l.computed(()=>{const e=Math.min(...O.value.filter((v,m)=>!L.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(u.value.start,u.value.end))),o=Math.max(...O.value.filter((v,m)=>!L.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(u.value.start,u.value.end))),r=s.calculateNiceScale(e<0?e:0,o===e?e+1<0?0:e+1:o<0?0:o,t.value.style.chart.scale.ticks),d=r.min<0?Math.abs(r.min):0,h=a.value.bottom-a.value.height*(d/(r.max+d)),p=r.ticks.map(v=>({y:a.value.bottom-a.value.height*((v+d)/(r.max+d)),x:a.value.left-8,value:v}));return{absoluteMin:d,max:o,min:e,scale:r,yLabels:p,zero:h}}),$e=l.computed(()=>y.value.map(e=>`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-BFH7X8WG.cjs"),c=require("./useResponsive-B3TrDDIG.cjs"),qe=require("./Tooltip-B-laoopT.cjs"),Ye=require("./Legend-tvvMRnbi.cjs"),Ue=require("./Title-CSQdI1EY.cjs"),Xe=require("./Slicer-DcjEg-ZZ.cjs"),xe=require("./usePrinter-hyuaFHQj.cjs"),Ae=require("./vue-ui-accordion-CvZhABQM.cjs"),Ze=require("./DataTable-D_2ZW2eI.cjs"),Ge=require("./vue-ui-skeleton-Df1qBO2k.cjs"),ke=require("./useNestedProp-B_z4-n52.cjs"),je=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Je=["id"],Ke=["onClick"],Qe={key:2,class:"vue-data-ui-watermark"},et=["innerHTML"],tt={__name:"vue-ui-xy-canvas",props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(J,{expose:Le,emit:Ce}){const R=J,{vue_ui_xy_canvas:we}=s.useConfig(),U=l.ref(s.createUid()),D=l.ref(null),C=l.ref(null),E=l.ref(null),i=l.ref(null),g=l.ref(1),z=l.ref(1),_=l.ref(!1),f=l.ref(null),H=l.ref(""),K=l.ref(null),L=l.ref([]),N=l.ref(1),M=l.ref(!0),w=l.ref(!0),X=l.ref(null),Q=l.ref(0),ee=l.ref(0),A=l.ref(!1),te=l.ref(null),le=l.ref(null),ae=l.ref(null),Z=l.computed(()=>!!R.dataset&&R.dataset.length),t=l.computed(()=>{const e=ke.useNestedProp({userConfig:R.config,defaultConfig:we});return e.theme?{...ke.useNestedProp({userConfig:s.themes.vue_ui_xy_canvas[e.theme]||R.config,defaultConfig:e}),customPalette:s.themePalettes[e.theme]||s.palette}:e}),oe=l.ref(t.value.style.chart.aspectRatio),{isPrinting:re,isImaging:ue,generatePdf:ne,generateImage:se}=xe.usePrinter({elementId:`xy_canvas_${U.value}`,fileName:t.value.style.chart.title.text||"vue-ui-xy-canvas"}),n=l.ref({showTable:t.value.table.show,showDataLabels:t.value.style.chart.dataLabels.show,stacked:t.value.style.chart.stacked,showTooltip:t.value.style.chart.tooltip.show});function Se(e){A.value=e,ee.value+=1}const ie=l.computed(()=>s.convertCustomPalette(t.value.customPalette)),P=l.computed(()=>Math.max(...O.value.filter((e,o)=>!L.value.includes(e.absoluteIndex)).map(e=>e.series.length))),a=l.computed(()=>{const e=g.value-g.value*(t.value.style.chart.paddingProportions.left+t.value.style.chart.paddingProportions.right);return{canvasWidth:g.value,canvasHeight:z.value,left:g.value*t.value.style.chart.paddingProportions.left,top:z.value*t.value.style.chart.paddingProportions.top,right:g.value-g.value*t.value.style.chart.paddingProportions.right,bottom:z.value-z.value*t.value.style.chart.paddingProportions.bottom,width:e,height:z.value-z.value*(t.value.style.chart.paddingProportions.top+t.value.style.chart.paddingProportions.bottom),slot:e/(u.value.end-u.value.start)}});function ve(e,o){return e/o}function ze({hasAutoScale:e,series:o,min:r,max:d,scale:h,yOffset:p,individualHeight:v,stackIndex:m=null}){return o.map((k,j)=>{const S=h.min<0?Math.abs(h.min):0,$=ve(k+S,S+h.max);let T,F;e&&(T=Math.abs(h.min),F=ve(k+T,h.max+T));let I=0;return m===null?I=a.value.bottom-a.value.height*(e?F:$):I=a.value.bottom-p-v*(e?F:$),{x:a.value.left+a.value.slot*j+a.value.slot/2,y:I,value:k}})}const b=l.computed(()=>{const e=Math.min(...O.value.filter((v,m)=>!L.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(u.value.start,u.value.end))),o=Math.max(...O.value.filter((v,m)=>!L.value.includes(v.absoluteIndex)).flatMap(v=>v.series.slice(u.value.start,u.value.end))),r=s.calculateNiceScale(e<0?e:0,o===e?e+1<0?0:e+1:o<0?0:o,t.value.style.chart.scale.ticks),d=r.min<0?Math.abs(r.min):0,h=a.value.bottom-a.value.height*(d/(r.max+d)),p=r.ticks.map(v=>({y:a.value.bottom-a.value.height*((v+d)/(r.max+d)),x:a.value.left-8,value:v}));return{absoluteMin:d,max:o,min:e,scale:r,yLabels:p,zero:h}}),$e=l.computed(()=>y.value.map(e=>`
2
2
  <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
3
3
  <svg viewBox="0 0 10 10" height="12" width="12">
4
4
  <circle cx="5" cy="5" r="5" fill="${e.color}"/>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vue-data-ui",
3
3
  "private": false,
4
- "version": "2.3.23",
4
+ "version": "2.3.25",
5
5
  "type": "module",
6
6
  "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
7
7
  "keywords": [
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-oufiZvaS.cjs"),te=require("./useNestedProp-CmTItGss.cjs"),D=require("./usePrinter-Cc8ufBvU.cjs"),oe=require("./vue-ui-skeleton-Fsru0dbb.cjs"),ae=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ne=["id"],le=["height"],re=["data-cell","height"],ie={__name:"vue-ui-carousel-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(v,{expose:G}){const l=v,{vue_ui_carousel_table:j}=r.useConfig(),w=e.ref(r.createUid()),I=e.ref(!1),f=e.ref(!!l.dataset);e.onMounted(()=>{r.objectIsEmpty(l.dataset)?r.error({componentName:"VueUiCarouselTable",type:"dataset"}):((!l.dataset.head||r.objectIsEmpty(l.dataset.head))&&(r.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"head"}),f.value=!1),(!l.dataset.body||r.objectIsEmpty(l.dataset.body))&&(r.error({componentName:"VueUiCarouselTable",type:"datasetAttribute",property:"body"}),f.value=!1))});const t=e.computed(()=>te.useNestedProp({userConfig:l.config,defaultConfig:j})),{isPrinting:z,isImaging:P,generatePdf:X,generateImage:E}=D.usePrinter({elementId:`carousel-table_${w.value}`,fileName:t.value.caption.text||"vue-ui-carousel-table"}),u=e.ref({showAnimation:t.value.animation.use}),s=e.ref(null),F=e.ref(null),m=e.ref(null),h=e.ref(null),g=e.ref(0),x=e.ref(0),$=e.ref(!1),T=e.ref(null),d=e.ref(null),b=e.ref(0);function N(){T.value&&(d.value={elements:T.value.getElementsByTagName("tr"),heights:Array.from(T.value.getElementsByTagName("tr")).map(o=>o.getBoundingClientRect().height)})}e.onMounted(N);const J=e.computed(()=>!d.value||!d.value.heights.length?0:Math.max(...d.value.heights)+g.value+x.value),K=e.computed(()=>l.dataset.body?t.value.tbody.tr.visible<=l.dataset.body.length?t.value.tbody.tr.visible:l.dataset.body.length:0),Q=e.computed(()=>(t.value.tbody.tr.height+t.value.tbody.tr.td.padding.top+t.value.tbody.tr.td.padding.bottom+t.value.tbody.tr.border.size*2)*K.value+g.value+x.value),A=e.ref(0),y=e.ref(null),k=e.ref(0),c=e.ref(!1),O=e.ref(0);e.onMounted(()=>{m.value&&(g.value=m.value.getBoundingClientRect().height),h.value&&(x.value=h.value.getBoundingClientRect().height),u.value.showAnimation&&d.value&&R()});function W(o){I.value=o,O.value+=1}function R(){!y.value&&!c.value&&(y.value=requestAnimationFrame(V))}function Y(){if(!s.value)return!1;const{scrollTop:o,scrollHeight:a,clientHeight:n}=s.value;return o+n>=a}function V(o){if(c.value)return;k.value||(k.value=o),o-k.value>=t.value.animation.speedMs&&(A.value+=d.value.heights[b.value],(Y()||b.value>=d.value.heights.length)&&(A.value=0,b.value=0),s.value&&(s.value.scrollTo({top:A.value,behavior:"smooth"}),b.value+=1),k.value=o),y.value=requestAnimationFrame(V)}function p(){c.value=!0,cancelAnimationFrame(y.value),y.value=null}e.onBeforeUnmount(p);function C(){!c.value||!u.value.showAnimation||(c.value=!1,k.value=0,R())}function Z(){t.value.animation.pauseOnHover&&p()}const S=e.ref(null);function _(){p(),clearTimeout(S.value)}function H(){clearTimeout(S.value),S.value=setTimeout(C,1e3)}e.watch(()=>t.value.animation.use,o=>{o?(u.value.showAnimation=!0,C()):(u.value.showAnimation=!1,p())});const ee=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{const o=new ResizeObserver(a=>{a.forEach(n=>{$.value=n.contentRect.width<ee.value}),g.value=m.value?m.value.getBoundingClientRect().height:0,x.value=h.value?h.value.getBoundingClientRect().height:0,b.value=0,N()});s.value&&o.observe(s.value)});function M(){X()}function L(){u.value.showAnimation=!u.value.showAnimation,u.value.showAnimation?C():p()}function U(){e.nextTick(()=>{const o=l.dataset.head.map((i,B)=>[[l.dataset.body[B]]]),a=[[t.value.caption.text],[l.dataset.head.map(i=>[i])]].concat(o),n=r.createCsvContent(a);r.downloadCsv({csvContent:n,title:t.value.caption.text||"vue-ui-carousel-table"})})}return G({pauseAnimation:p,resumeAnimation:C,toggleAnimation:L,generateCsv:U,generatePdf:M,generateImage:E}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:{position:"relative",overflow:"visible"},ref_key:"chartContainer",ref:F},[e.createElementVNode("div",{ref_key:"tableContainer",ref:s,id:`carousel-table_${w.value}`,style:e.normalizeStyle({height:e.unref(z)||e.unref(P)?"auto":`${Math.max(Q.value,J.value)}px`,containerType:"inline-size",position:"relative",overflow:"auto",fontFamily:t.value.fontFamily}),class:e.normalizeClass({"vue-ui-responsive":$.value,"is-playing":!c.value}),onMouseenter:a[0]||(a[0]=n=>Z()),onMouseleave:a[1]||(a[1]=n=>C()),onTouchstart:a[2]||(a[2]=n=>_()),onTouchend:a[3]||(a[3]=n=>H()),onTouchcancel:a[4]||(a[4]=n=>H())},[f.value?(e.openBlock(),e.createElementBlock("table",{key:0,class:"vue-data-ui-carousel-table",style:e.normalizeStyle({...t.value.style,border:`${t.value.border.size}px solid ${t.value.border.color}`,width:"100%",borderCollapse:"collapse"})},[e.createElementVNode("caption",{ref_key:"caption",ref:m,class:"vue-data-ui-carousel-table-caption",style:e.normalizeStyle({...t.value.caption.style,fontFamily:"inherit",position:"sticky",top:0,zIndex:2,paddingTop:t.value.caption.padding.top+"px",paddingRight:t.value.caption.padding.right+"px",paddingBottom:t.value.caption.padding.bottom+"px",paddingLeft:t.value.caption.padding.left+"px",boxShadow:$.value?t.value.thead.tr.style.boxShadow:"none",minHeight:"36px"})},[e.createTextVNode(e.toDisplayString(t.value.caption.text&&!o.$slots.caption?t.value.caption.text:"")+" ",1),e.renderSlot(o.$slots,"caption",{},void 0,!0)],4),e.createElementVNode("thead",{style:e.normalizeStyle({...t.value.thead.style,position:"sticky",top:`${g.value}px`,zIndex:1})},[e.createElementVNode("tr",{ref_key:"tableRow",ref:h,role:"row",style:e.normalizeStyle({...t.value.thead.tr.style,border:t.value.thead.tr.border.size?`${t.value.thead.tr.border.size}px solid ${t.value.thead.tr.border.color}`:"none",boxShadow:$.value?"none":t.value.thead.tr.style.boxShadow}),height:`${t.value.thead.tr.height}px`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.dataset.head,(n,i)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",key:`th_${i}`,style:e.normalizeStyle({...t.value.thead.tr.th.style,border:t.value.thead.tr.th.border.size?`${t.value.thead.tr.th.border.size}px solid ${t.value.thead.tr.th.border.color}`:"none",paddingTop:t.value.thead.tr.th.padding.top+"px",paddingRight:t.value.thead.tr.th.padding.right+"px",paddingBottom:t.value.thead.tr.th.padding.bottom+"px",paddingLeft:t.value.thead.tr.th.padding.left+"px"})},[e.createTextVNode(e.toDisplayString(o.$slots.th?"":n)+" ",1),e.renderSlot(o.$slots,"th",e.normalizeProps(e.guardReactiveProps({th:n,colIndex:i})),void 0,!0)],4))),128))],12,le)],4),v.dataset.body&&v.dataset.head?(e.openBlock(),e.createElementBlock("tbody",{key:0,ref_key:"tbody",ref:T},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.dataset.body,(n,i)=>(e.openBlock(),e.createElementBlock("tr",{style:e.normalizeStyle({...t.value.tbody.tr.style,border:`${t.value.tbody.tr.border.size}px solid ${t.value.tbody.tr.border.color}`,verticalAlign:"middle"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(B,q)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":v.dataset.head[q]||"",style:e.normalizeStyle({...t.value.tbody.tr.td.style,border:`${t.value.tbody.tr.td.border.size}px solid ${t.value.tbody.tr.td.border.color}`,backgroundColor:t.value.tbody.tr.td.style.backgroundColor+e.unref(r.opacity)[i%2===0&&t.value.tbody.tr.td.alternateColor?t.value.tbody.tr.td.alternateOpacity*100:100],paddingTop:t.value.tbody.tr.td.padding.top+"px",paddingRight:t.value.tbody.tr.td.padding.right+"px",paddingBottom:t.value.tbody.tr.td.padding.bottom+"px",paddingLeft:t.value.tbody.tr.td.padding.left+"px",verticalAlign:"middle"}),height:`${t.value.tbody.tr.height}px`},[e.createTextVNode(e.toDisplayString(o.$slots.td?"":B)+" ",1),e.renderSlot(o.$slots,"td",e.normalizeProps(e.guardReactiveProps({td:B,rowIndex:i,colIndex:q})),void 0,!0)],12,re))),256))],4))),256))],512)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],46,ne),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(oe.default,{key:0,config:{type:"table"}})),t.value.userOptions.show&&f.value?(e.openBlock(),e.createBlock(D.UserOptions,{ref:"details",key:`user_option_${O.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isPrinting:e.unref(z),isImaging:e.unref(P),uid:w.value,hasTooltip:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:!1,hasLabel:!1,hasAnimation:t.value.userOptions.buttons.animation,isAnimation:!u.value.showAnimation,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:I.value,chartElement:F.value,titles:{...t.value.userOptions.buttonTitles},zIndex:3,noOffset:"",onGeneratePdf:M,onGenerateCsv:U,onGenerateImage:e.unref(E),onToggleAnimation:L,onToggleFullscreen:W},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnimation?{name:"optionAnimation",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionAnimation",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:i})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:i})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasXls","hasAnimation","isAnimation","hasFullscreen","isFullscreen","chartElement","titles","onGenerateImage"])):e.createCommentVNode("",!0)],512))}},ue=ae._export_sfc(ie,[["__scopeId","data-v-c06beec9"]]);exports.default=ue;
@@ -1,330 +0,0 @@
1
- import { ref as a, onMounted as B, computed as w, onBeforeUnmount as be, watch as ye, openBlock as i, createElementBlock as s, createElementVNode as R, normalizeStyle as d, unref as m, normalizeClass as Ce, createTextVNode as U, toDisplayString as L, renderSlot as v, Fragment as G, renderList as M, normalizeProps as V, guardReactiveProps as D, createCommentVNode as N, createBlock as ie, createSlots as $e, withCtx as I, nextTick as Te } from "vue";
2
- import { u as xe, c as Ae, o as q, e as X, r as ke, n as we, q as Ie } from "./index-BvjCO-wv.js";
3
- import { u as Fe } from "./useNestedProp-2KJaYPfM.js";
4
- import { u as Oe, U as Pe } from "./usePrinter-CaKXrCiB.js";
5
- import ze from "./vue-ui-skeleton-jYHncdu5.js";
6
- import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
7
- const Re = ["id"], Ne = ["height"], Ee = ["data-cell", "height"], Se = {
8
- __name: "vue-ui-carousel-table",
9
- props: {
10
- config: {
11
- type: Object,
12
- default() {
13
- return {};
14
- }
15
- },
16
- dataset: {
17
- type: Object,
18
- default() {
19
- return {};
20
- }
21
- }
22
- },
23
- setup(h, { expose: ue }) {
24
- const l = h, { vue_ui_carousel_table: se } = xe(), E = a(Ae()), j = a(!1), b = a(!!l.dataset);
25
- B(() => {
26
- q(l.dataset) ? X({
27
- componentName: "VueUiCarouselTable",
28
- type: "dataset"
29
- }) : ((!l.dataset.head || q(l.dataset.head)) && (X({
30
- componentName: "VueUiCarouselTable",
31
- type: "datasetAttribute",
32
- property: "head"
33
- }), b.value = !1), (!l.dataset.body || q(l.dataset.body)) && (X({
34
- componentName: "VueUiCarouselTable",
35
- type: "datasetAttribute",
36
- property: "body"
37
- }), b.value = !1));
38
- });
39
- const e = w(() => Fe({
40
- userConfig: l.config,
41
- defaultConfig: se
42
- })), { isPrinting: J, isImaging: K, generatePdf: re, generateImage: Q } = Oe({
43
- elementId: `carousel-table_${E.value}`,
44
- fileName: e.value.caption.text || "vue-ui-carousel-table"
45
- }), r = a({
46
- showAnimation: e.value.animation.use
47
- }), p = a(null), W = a(null), y = a(null), C = a(null), $ = a(0), F = a(0), O = a(!1), P = a(null), c = a(null), T = a(0);
48
- function Y() {
49
- P.value && (c.value = {
50
- elements: P.value.getElementsByTagName("tr"),
51
- heights: Array.from(P.value.getElementsByTagName("tr")).map((t) => t.getBoundingClientRect().height)
52
- });
53
- }
54
- B(Y);
55
- const de = w(() => !c.value || !c.value.heights.length ? 0 : Math.max(...c.value.heights) + $.value + F.value), ve = w(() => l.dataset.body ? e.value.tbody.tr.visible <= l.dataset.body.length ? e.value.tbody.tr.visible : l.dataset.body.length : 0), pe = w(() => (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) * ve.value + $.value + F.value), S = a(0), x = a(null), A = a(0), f = a(!1), Z = a(0);
56
- B(() => {
57
- y.value && ($.value = y.value.getBoundingClientRect().height), C.value && (F.value = C.value.getBoundingClientRect().height), r.value.showAnimation && c.value && _();
58
- });
59
- function ce(t) {
60
- j.value = t, Z.value += 1;
61
- }
62
- function _() {
63
- !x.value && !f.value && (x.value = requestAnimationFrame(ee));
64
- }
65
- function he() {
66
- if (!p.value) return !1;
67
- const { scrollTop: t, scrollHeight: o, clientHeight: n } = p.value;
68
- return t + n >= o;
69
- }
70
- function ee(t) {
71
- if (f.value) return;
72
- A.value || (A.value = t), t - A.value >= e.value.animation.speedMs && (S.value += c.value.heights[T.value], (he() || T.value >= c.value.heights.length) && (S.value = 0, T.value = 0), p.value && (p.value.scrollTo({
73
- top: S.value,
74
- behavior: "smooth"
75
- }), T.value += 1), A.value = t), x.value = requestAnimationFrame(ee);
76
- }
77
- function g() {
78
- f.value = !0, cancelAnimationFrame(x.value), x.value = null;
79
- }
80
- be(g);
81
- function k() {
82
- !f.value || !r.value.showAnimation || (f.value = !1, A.value = 0, _());
83
- }
84
- function fe() {
85
- e.value.animation.pauseOnHover && g();
86
- }
87
- const H = a(null);
88
- function ge() {
89
- g(), clearTimeout(H.value);
90
- }
91
- function te() {
92
- clearTimeout(H.value), H.value = setTimeout(k, 1e3);
93
- }
94
- ye(
95
- () => e.value.animation.use,
96
- (t) => {
97
- t ? (r.value.showAnimation = !0, k()) : (r.value.showAnimation = !1, g());
98
- }
99
- );
100
- const me = w(() => e.value.responsiveBreakpoint);
101
- B(() => {
102
- const t = new ResizeObserver((o) => {
103
- o.forEach((n) => {
104
- O.value = n.contentRect.width < me.value;
105
- }), $.value = y.value ? y.value.getBoundingClientRect().height : 0, F.value = C.value ? C.value.getBoundingClientRect().height : 0, T.value = 0, Y();
106
- });
107
- p.value && t.observe(p.value);
108
- });
109
- function ae() {
110
- re();
111
- }
112
- function oe() {
113
- r.value.showAnimation = !r.value.showAnimation, r.value.showAnimation ? k() : g();
114
- }
115
- function ne() {
116
- Te(() => {
117
- const t = l.dataset.head.map((u, z) => [
118
- [l.dataset.body[z]]
119
- ]), o = [
120
- [e.value.caption.text],
121
- [l.dataset.head.map((u) => [u])]
122
- ].concat(t), n = we(o);
123
- Ie({
124
- csvContent: n,
125
- title: e.value.caption.text || "vue-ui-carousel-table"
126
- });
127
- });
128
- }
129
- return ue({
130
- pauseAnimation: g,
131
- resumeAnimation: k,
132
- toggleAnimation: oe,
133
- generateCsv: ne,
134
- generatePdf: ae,
135
- generateImage: Q
136
- }), (t, o) => (i(), s("div", {
137
- style: { position: "relative", overflow: "visible" },
138
- ref_key: "chartContainer",
139
- ref: W
140
- }, [
141
- R("div", {
142
- ref_key: "tableContainer",
143
- ref: p,
144
- id: `carousel-table_${E.value}`,
145
- style: d({
146
- height: m(J) || m(K) ? "auto" : `${Math.max(pe.value, de.value)}px`,
147
- containerType: "inline-size",
148
- position: "relative",
149
- overflow: "auto",
150
- fontFamily: e.value.fontFamily
151
- }),
152
- class: Ce({ "vue-ui-responsive": O.value, "is-playing": !f.value }),
153
- onMouseenter: o[0] || (o[0] = (n) => fe()),
154
- onMouseleave: o[1] || (o[1] = (n) => k()),
155
- onTouchstart: o[2] || (o[2] = (n) => ge()),
156
- onTouchend: o[3] || (o[3] = (n) => te()),
157
- onTouchcancel: o[4] || (o[4] = (n) => te())
158
- }, [
159
- b.value ? (i(), s("table", {
160
- key: 0,
161
- class: "vue-data-ui-carousel-table",
162
- style: d({
163
- ...e.value.style,
164
- border: `${e.value.border.size}px solid ${e.value.border.color}`,
165
- width: "100%",
166
- borderCollapse: "collapse"
167
- })
168
- }, [
169
- R("caption", {
170
- ref_key: "caption",
171
- ref: y,
172
- class: "vue-data-ui-carousel-table-caption",
173
- style: d({
174
- ...e.value.caption.style,
175
- fontFamily: "inherit",
176
- position: "sticky",
177
- top: 0,
178
- zIndex: 2,
179
- paddingTop: e.value.caption.padding.top + "px",
180
- paddingRight: e.value.caption.padding.right + "px",
181
- paddingBottom: e.value.caption.padding.bottom + "px",
182
- paddingLeft: e.value.caption.padding.left + "px",
183
- boxShadow: O.value ? e.value.thead.tr.style.boxShadow : "none",
184
- minHeight: "36px"
185
- })
186
- }, [
187
- U(L(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
188
- v(t.$slots, "caption", {}, void 0, !0)
189
- ], 4),
190
- R("thead", {
191
- style: d({ ...e.value.thead.style, position: "sticky", top: `${$.value}px`, zIndex: 1 })
192
- }, [
193
- R("tr", {
194
- ref_key: "tableRow",
195
- ref: C,
196
- role: "row",
197
- style: d({
198
- ...e.value.thead.tr.style,
199
- border: e.value.thead.tr.border.size ? `${e.value.thead.tr.border.size}px solid ${e.value.thead.tr.border.color}` : "none",
200
- boxShadow: O.value ? "none" : e.value.thead.tr.style.boxShadow
201
- }),
202
- height: `${e.value.thead.tr.height}px`
203
- }, [
204
- (i(!0), s(G, null, M(h.dataset.head, (n, u) => (i(), s("th", {
205
- role: "cell",
206
- key: `th_${u}`,
207
- style: d({
208
- ...e.value.thead.tr.th.style,
209
- border: e.value.thead.tr.th.border.size ? `${e.value.thead.tr.th.border.size}px solid ${e.value.thead.tr.th.border.color}` : "none",
210
- paddingTop: e.value.thead.tr.th.padding.top + "px",
211
- paddingRight: e.value.thead.tr.th.padding.right + "px",
212
- paddingBottom: e.value.thead.tr.th.padding.bottom + "px",
213
- paddingLeft: e.value.thead.tr.th.padding.left + "px"
214
- })
215
- }, [
216
- U(L(t.$slots.th ? "" : n) + " ", 1),
217
- v(t.$slots, "th", V(D({ th: n, colIndex: u })), void 0, !0)
218
- ], 4))), 128))
219
- ], 12, Ne)
220
- ], 4),
221
- h.dataset.body && h.dataset.head ? (i(), s("tbody", {
222
- key: 0,
223
- ref_key: "tbody",
224
- ref: P
225
- }, [
226
- (i(!0), s(G, null, M(h.dataset.body, (n, u) => (i(), s("tr", {
227
- style: d({
228
- ...e.value.tbody.tr.style,
229
- border: `${e.value.tbody.tr.border.size}px solid ${e.value.tbody.tr.border.color}`,
230
- verticalAlign: "middle"
231
- })
232
- }, [
233
- (i(!0), s(G, null, M(n, (z, le) => (i(), s("td", {
234
- role: "cell",
235
- "data-cell": h.dataset.head[le] || "",
236
- style: d({
237
- ...e.value.tbody.tr.td.style,
238
- border: `${e.value.tbody.tr.td.border.size}px solid ${e.value.tbody.tr.td.border.color}`,
239
- backgroundColor: e.value.tbody.tr.td.style.backgroundColor + m(ke)[u % 2 === 0 && e.value.tbody.tr.td.alternateColor ? e.value.tbody.tr.td.alternateOpacity * 100 : 100],
240
- paddingTop: e.value.tbody.tr.td.padding.top + "px",
241
- paddingRight: e.value.tbody.tr.td.padding.right + "px",
242
- paddingBottom: e.value.tbody.tr.td.padding.bottom + "px",
243
- paddingLeft: e.value.tbody.tr.td.padding.left + "px",
244
- verticalAlign: "middle"
245
- }),
246
- height: `${e.value.tbody.tr.height}px`
247
- }, [
248
- U(L(t.$slots.td ? "" : z) + " ", 1),
249
- v(t.$slots, "td", V(D({ td: z, rowIndex: u, colIndex: le })), void 0, !0)
250
- ], 12, Ee))), 256))
251
- ], 4))), 256))
252
- ], 512)) : N("", !0)
253
- ], 4)) : N("", !0)
254
- ], 46, Re),
255
- b.value ? N("", !0) : (i(), ie(ze, {
256
- key: 0,
257
- config: {
258
- type: "table"
259
- }
260
- })),
261
- e.value.userOptions.show && b.value ? (i(), ie(Pe, {
262
- ref: "details",
263
- key: `user_option_${Z.value}`,
264
- backgroundColor: e.value.style.backgroundColor,
265
- color: e.value.style.color,
266
- isPrinting: m(J),
267
- isImaging: m(K),
268
- uid: E.value,
269
- hasTooltip: !1,
270
- hasPdf: e.value.userOptions.buttons.pdf,
271
- hasImg: e.value.userOptions.buttons.img,
272
- hasXls: e.value.userOptions.buttons.csv,
273
- hasTable: !1,
274
- hasLabel: !1,
275
- hasAnimation: e.value.userOptions.buttons.animation,
276
- isAnimation: !r.value.showAnimation,
277
- hasFullscreen: e.value.userOptions.buttons.fullscreen,
278
- isFullscreen: j.value,
279
- chartElement: W.value,
280
- titles: { ...e.value.userOptions.buttonTitles },
281
- zIndex: 3,
282
- noOffset: "",
283
- onGeneratePdf: ae,
284
- onGenerateCsv: ne,
285
- onGenerateImage: m(Q),
286
- onToggleAnimation: oe,
287
- onToggleFullscreen: ce
288
- }, $e({ _: 2 }, [
289
- t.$slots.optionPdf ? {
290
- name: "optionPdf",
291
- fn: I(() => [
292
- v(t.$slots, "optionPdf", {}, void 0, !0)
293
- ]),
294
- key: "0"
295
- } : void 0,
296
- t.$slots.optionCsv ? {
297
- name: "optionCsv",
298
- fn: I(() => [
299
- v(t.$slots, "optionCsv", {}, void 0, !0)
300
- ]),
301
- key: "1"
302
- } : void 0,
303
- t.$slots.optionImg ? {
304
- name: "optionImg",
305
- fn: I(() => [
306
- v(t.$slots, "optionImg", {}, void 0, !0)
307
- ]),
308
- key: "2"
309
- } : void 0,
310
- t.$slots.optionAnimation ? {
311
- name: "optionAnimation",
312
- fn: I(() => [
313
- v(t.$slots, "optionAnimation", {}, void 0, !0)
314
- ]),
315
- key: "3"
316
- } : void 0,
317
- t.$slots.optionFullscreen ? {
318
- name: "optionFullscreen",
319
- fn: I(({ toggleFullscreen: n, isFullscreen: u }) => [
320
- v(t.$slots, "optionFullscreen", V(D({ toggleFullscreen: n, isFullscreen: u })), void 0, !0)
321
- ]),
322
- key: "4"
323
- } : void 0
324
- ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "titles", "onGenerateImage"])) : N("", !0)
325
- ], 512));
326
- }
327
- }, De = /* @__PURE__ */ Be(Se, [["__scopeId", "data-v-c06beec9"]]);
328
- export {
329
- De as default
330
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./useNestedProp-CmTItGss.cjs"),i=require("./index-oufiZvaS.cjs"),m={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(o){const a=o,{vue_ui_kpi:r}=i.useConfig(),e=t.computed(()=>d.useNestedProp({userConfig:a.config,defaultConfig:r})),v=t.ref((typeof a.dataset=="number",a.dataset)),u=t.ref(e.value.useAnimation?e.value.animationValueStart:v.value);return t.onMounted(()=>{const l=e.value.animationFrames,n=a.dataset/l;function s(){u.value+=n,u.value<a.dataset?requestAnimationFrame(s):u.value=a.dataset}e.value.useAnimation&&(u.value=0,s())}),(l,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(`vue-ui-kpi ${e.value.layoutClass}`),style:t.normalizeStyle(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)},[t.createElementVNode("div",{class:t.normalizeClass(`vue-ui-kpi-title ${e.value.titleClass}`),style:t.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold?"bold":"normal"}; ${e.value.titleCss}`)},[t.renderSlot(l.$slots,"title",{comment:o.dataset}),t.createTextVNode(" "+t.toDisplayString(e.value.title),1)],6),t.renderSlot(l.$slots,"comment-before",{comment:o.dataset}),t.createElementVNode("div",{class:t.normalizeClass(`vue-ui-kpi-value ${e.value.valueClass}`),style:t.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold?"bold":"normal"}; ${e.value.valueCss}`)},[t.renderSlot(l.$slots,"value",{comment:o.dataset}),t.createTextVNode(" "+t.toDisplayString(t.unref(i.dataLabel)({p:e.value.prefix,v:u.value,s:e.value.suffix,r:e.value.valueRounding})),1)],6),t.renderSlot(l.$slots,"comment-after",{comment:o.dataset})],6))}};exports.default=m;
@@ -1,54 +0,0 @@
1
- import { computed as p, ref as r, onMounted as y, openBlock as C, createElementBlock as g, normalizeClass as s, normalizeStyle as n, createElementVNode as m, renderSlot as u, createTextVNode as f, toDisplayString as d, unref as k } from "vue";
2
- import { u as F } from "./useNestedProp-2KJaYPfM.js";
3
- import { u as b, f as N } from "./index-BvjCO-wv.js";
4
- const A = {
5
- __name: "vue-ui-kpi",
6
- props: {
7
- config: {
8
- type: Object,
9
- default() {
10
- return {};
11
- }
12
- },
13
- dataset: {
14
- type: Number,
15
- default: 0
16
- }
17
- },
18
- setup(l) {
19
- const a = l, { vue_ui_kpi: c } = b(), e = p(() => F({
20
- userConfig: a.config,
21
- defaultConfig: c
22
- })), $ = r((typeof a.dataset == "number", a.dataset)), o = r(e.value.useAnimation ? e.value.animationValueStart : $.value);
23
- return y(() => {
24
- const t = e.value.animationFrames, i = a.dataset / t;
25
- function v() {
26
- o.value += i, o.value < a.dataset ? requestAnimationFrame(v) : o.value = a.dataset;
27
- }
28
- e.value.useAnimation && (o.value = 0, v());
29
- }), (t, i) => (C(), g("div", {
30
- class: s(`vue-ui-kpi ${e.value.layoutClass}`),
31
- style: n(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)
32
- }, [
33
- m("div", {
34
- class: s(`vue-ui-kpi-title ${e.value.titleClass}`),
35
- style: n(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold ? "bold" : "normal"}; ${e.value.titleCss}`)
36
- }, [
37
- u(t.$slots, "title", { comment: l.dataset }),
38
- f(" " + d(e.value.title), 1)
39
- ], 6),
40
- u(t.$slots, "comment-before", { comment: l.dataset }),
41
- m("div", {
42
- class: s(`vue-ui-kpi-value ${e.value.valueClass}`),
43
- style: n(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold ? "bold" : "normal"}; ${e.value.valueCss}`)
44
- }, [
45
- u(t.$slots, "value", { comment: l.dataset }),
46
- f(" " + d(k(N)({ p: e.value.prefix, v: o.value, s: e.value.suffix, r: e.value.valueRounding })), 1)
47
- ], 6),
48
- u(t.$slots, "comment-after", { comment: l.dataset })
49
- ], 6));
50
- }
51
- };
52
- export {
53
- A as default
54
- };