vue-data-ui 3.23.0 → 3.23.2

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 (206) hide show
  1. package/dist/{Arrow-o2qHNvrC.js → Arrow-CF0VFcBH.js} +1 -1
  2. package/dist/{BaseDraggableDialog-qTnfhLBz.js → BaseDraggableDialog-LoqqwRtV.js} +2 -2
  3. package/dist/{BaseIcon-91MZoczJ.js → BaseIcon-BfndwIWE.js} +1 -1
  4. package/dist/{BaseLegendToggle-CtAPwzr2.js → BaseLegendToggle-DZVucLnv.js} +1 -1
  5. package/dist/{BaseZoomControls-rdzlicuz.js → BaseZoomControls-BZvCnZEi.js} +2 -2
  6. package/dist/{ColorPicker-CIAkdPrj.js → ColorPicker--ayG2YHf.js} +2 -2
  7. package/dist/{DataTable-D4tM9s5Y.js → DataTable-BbKgJ5UI.js} +2 -2
  8. package/dist/{HillActions-BWhxHlrj.js → HillActions-BD9j_sOU.js} +1 -1
  9. package/dist/{Legend-CQTRlzK-.js → Legend-CQxUgOd-.js} +2 -2
  10. package/dist/{NonSvgPenAndPaper-Cawacw1W.js → NonSvgPenAndPaper-4ypecDg1.js} +6 -6
  11. package/dist/{PackageVersion--QCMh5k_.js → PackageVersion-DXU7nRr9.js} +1 -1
  12. package/dist/{PenAndPaper-cE4J8-rA.js → PenAndPaper-DAE-tnEQ.js} +6 -6
  13. package/dist/{Shape-BPMV94Ij.js → Shape-C21CMlWS.js} +1 -1
  14. package/dist/SlicerPreview-wUw1hFwe.js +1703 -0
  15. package/dist/{SparkTooltip-BaYtEKS6.js → SparkTooltip-CjsbIhzi.js} +1 -1
  16. package/dist/{Title-BODtwViI.js → Title-BE3qg9xl.js} +1 -1
  17. package/dist/{Tooltip-CMTGxeYO.js → Tooltip-DhjyfHwz.js} +2 -2
  18. package/dist/{UserOptions-3ujTo3LD.js → UserOptions-Dt98of5H.js} +2 -2
  19. package/dist/components/arrow.js +1 -1
  20. package/dist/components/vue-ui-3d-bar.js +1 -1
  21. package/dist/components/vue-ui-accordion.js +1 -1
  22. package/dist/components/vue-ui-age-pyramid.js +1 -1
  23. package/dist/components/vue-ui-annotator.js +1 -1
  24. package/dist/components/vue-ui-bullet.js +1 -1
  25. package/dist/components/vue-ui-bump.js +1 -1
  26. package/dist/components/vue-ui-candlestick.js +1 -1
  27. package/dist/components/vue-ui-carousel-table.js +1 -1
  28. package/dist/components/vue-ui-chestnut.js +1 -1
  29. package/dist/components/vue-ui-chord.js +1 -1
  30. package/dist/components/vue-ui-circle-pack.js +1 -1
  31. package/dist/components/vue-ui-cursor.js +1 -1
  32. package/dist/components/vue-ui-dag.js +1 -1
  33. package/dist/components/vue-ui-dashboard.js +1 -1
  34. package/dist/components/vue-ui-digits.js +1 -1
  35. package/dist/components/vue-ui-donut-evolution.js +1 -1
  36. package/dist/components/vue-ui-donut.js +1 -1
  37. package/dist/components/vue-ui-dumbbell.js +1 -1
  38. package/dist/components/vue-ui-flow.js +1 -1
  39. package/dist/components/vue-ui-funnel.js +1 -1
  40. package/dist/components/vue-ui-galaxy.js +1 -1
  41. package/dist/components/vue-ui-gauge.js +1 -1
  42. package/dist/components/vue-ui-geo.js +1 -1
  43. package/dist/components/vue-ui-gizmo.js +1 -1
  44. package/dist/components/vue-ui-heatmap.js +1 -1
  45. package/dist/components/vue-ui-hill.js +1 -1
  46. package/dist/components/vue-ui-history-plot.js +1 -1
  47. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  48. package/dist/components/vue-ui-icon.js +1 -1
  49. package/dist/components/vue-ui-kpi.js +1 -1
  50. package/dist/components/vue-ui-mini-loader.js +1 -1
  51. package/dist/components/vue-ui-molecule.js +1 -1
  52. package/dist/components/vue-ui-mood-radar.js +1 -1
  53. package/dist/components/vue-ui-nested-donuts.js +1 -1
  54. package/dist/components/vue-ui-onion.js +1 -1
  55. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  56. package/dist/components/vue-ui-quadrant.js +1 -1
  57. package/dist/components/vue-ui-quick-chart.js +1 -1
  58. package/dist/components/vue-ui-radar.js +1 -1
  59. package/dist/components/vue-ui-rating.js +1 -1
  60. package/dist/components/vue-ui-relation-circle.js +1 -1
  61. package/dist/components/vue-ui-ridgeline.js +1 -1
  62. package/dist/components/vue-ui-rings.js +1 -1
  63. package/dist/components/vue-ui-scatter.js +1 -1
  64. package/dist/components/vue-ui-skeleton.js +1 -1
  65. package/dist/components/vue-ui-smiley.js +1 -1
  66. package/dist/components/vue-ui-spark-trend.js +1 -1
  67. package/dist/components/vue-ui-sparkbar.js +1 -1
  68. package/dist/components/vue-ui-sparkgauge.js +1 -1
  69. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  70. package/dist/components/vue-ui-sparkline.js +1 -1
  71. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  72. package/dist/components/vue-ui-stackbar.js +1 -1
  73. package/dist/components/vue-ui-stackline.js +1 -1
  74. package/dist/components/vue-ui-strip-plot.js +1 -1
  75. package/dist/components/vue-ui-table-heatmap.js +1 -1
  76. package/dist/components/vue-ui-table-sparkline.js +1 -1
  77. package/dist/components/vue-ui-table.js +1 -1
  78. package/dist/components/vue-ui-thermometer.js +1 -1
  79. package/dist/components/vue-ui-timer.js +1 -1
  80. package/dist/components/vue-ui-tiremarks.js +1 -1
  81. package/dist/components/vue-ui-treemap.js +1 -1
  82. package/dist/components/vue-ui-vertical-bar.js +1 -1
  83. package/dist/components/vue-ui-waffle.js +1 -1
  84. package/dist/components/vue-ui-wheel.js +1 -1
  85. package/dist/components/vue-ui-word-cloud.js +1 -1
  86. package/dist/components/vue-ui-world.js +1 -1
  87. package/dist/components/vue-ui-xy-canvas.js +1 -1
  88. package/dist/components/vue-ui-xy.js +1 -1
  89. package/dist/composables.js +1 -1
  90. package/dist/{dom-to-png-4tdMNGPX.js → dom-to-png-BYIvdTe8.js} +1 -1
  91. package/dist/{exposedLib-DWLRqRhv.js → exposedLib-C0DPCgFj.js} +7 -4
  92. package/dist/{geoProjections-BCP_PoiB.js → geoProjections-CEo3dVaL.js} +1 -1
  93. package/dist/{img-DIQG5q8T.js → img-Bnokohej.js} +1 -1
  94. package/dist/{labelUtils-C5lnc_xc.js → labelUtils-BeVpDvTJ.js} +1 -1
  95. package/dist/{lib-BuMGJ_a0.js → lib-Bttd6u5E.js} +21 -11
  96. package/dist/{package-BMc_ZieJ.js → package-bsfpO6y3.js} +1 -1
  97. package/dist/{pdf-Cnz4NKM9.js → pdf-CVIDfCrS.js} +1 -1
  98. package/dist/{render-common-Ktg2LZFG.js → render-common-C0PEe9so.js} +2 -2
  99. package/dist/ssr/vue-ui-donut.js +1 -1
  100. package/dist/ssr/vue-ui-xy.js +1 -1
  101. package/dist/ssr.js +2 -2
  102. package/dist/style.css +1 -1
  103. package/dist/types/vue-data-ui.d.ts +9 -0
  104. package/dist/{useSvgExport-Ba9qBr9M.js → useChartExport-DNiwdPmb.js} +48 -2
  105. package/dist/{useConfig-BilxnBNr.js → useConfig-DlNpz6P8.js} +13 -1
  106. package/dist/{useNestedProp--NSEmhOH.js → useNestedProp-vPNvh7rV.js} +5 -3
  107. package/dist/{useObjectBindings-Cwq7NcQz.js → useObjectBindings-BeWS5v0i.js} +1 -1
  108. package/dist/{usePrinter-BFvi4jVy.js → usePrinter-DN5bYhTG.js} +2 -2
  109. package/dist/{useTimeLabels-B9CEuiLZ.js → useTimeLabels-d2f-W1L4.js} +2 -4
  110. package/dist/{useTooltipPosition-BsRysTrw.js → useTooltipPosition-DifeoeQW.js} +13 -13
  111. package/dist/utils.js +3 -3
  112. package/dist/{vue-data-ui-EsawKe_W.js → vue-data-ui-BNxtW8pK.js} +69 -69
  113. package/dist/vue-data-ui.js +74 -74
  114. package/dist/{vue-ui-3d-bar-RSUS2xpL.js → vue-ui-3d-bar-BYumVxZG.js} +147 -165
  115. package/dist/{vue-ui-accordion-61MlW-Ge.js → vue-ui-accordion-DegI2lzR.js} +4 -4
  116. package/dist/vue-ui-age-pyramid-tJx_hCsS.js +1241 -0
  117. package/dist/{vue-ui-annotator-DBRT85HG.js → vue-ui-annotator-DfG79D4r.js} +41 -68
  118. package/dist/vue-ui-bullet-DrWG4jRy.js +700 -0
  119. package/dist/{vue-ui-bump-Dvv3iSKr.js → vue-ui-bump-mKysp0KO.js} +222 -272
  120. package/dist/vue-ui-candlestick-PgKcBZdy.js +1837 -0
  121. package/dist/vue-ui-carousel-table-DRvycNBl.js +467 -0
  122. package/dist/{vue-ui-chestnut-ArloORzP.js → vue-ui-chestnut-Dpklo-VE.js} +311 -365
  123. package/dist/vue-ui-chord-7PPVH_iG.js +1345 -0
  124. package/dist/vue-ui-circle-pack-DW4Os6_8.js +1636 -0
  125. package/dist/{vue-ui-cursor-CxgE6Phh.js → vue-ui-cursor-DIt7vOwc.js} +4 -4
  126. package/dist/{vue-ui-dag-C9Sf9vH7.js → vue-ui-dag-Cl0WdSLb.js} +812 -840
  127. package/dist/{vue-ui-dashboard-bGmaglAj.js → vue-ui-dashboard-BwxRLR4E.js} +70 -70
  128. package/dist/{vue-ui-digits-DgDE-_Fn.js → vue-ui-digits-Bp1OH_t1.js} +5 -5
  129. package/dist/{vue-ui-donut-B_n6wF6B.js → vue-ui-donut-BZUT7QYt.js} +352 -377
  130. package/dist/vue-ui-donut-evolution-CQy3ZKXk.js +1549 -0
  131. package/dist/{vue-ui-donut-Bmo149AR.js → vue-ui-donut-y6tOAVyY.js} +18 -17
  132. package/dist/{vue-ui-dumbbell-BX4Ao_wR.js → vue-ui-dumbbell-BtKZcAOV.js} +370 -420
  133. package/dist/{vue-ui-flow-Bshw8pT_.js → vue-ui-flow-BF_cndsv.js} +191 -216
  134. package/dist/vue-ui-funnel-z3AeiDu6.js +750 -0
  135. package/dist/{vue-ui-galaxy-CvXgy-dy.js → vue-ui-galaxy-ClWaSOmM.js} +276 -302
  136. package/dist/vue-ui-gauge-CJstpakj.js +932 -0
  137. package/dist/{vue-ui-geo-C-gSZL2q.js → vue-ui-geo-B1tOD3HC.js} +398 -449
  138. package/dist/{vue-ui-gizmo-CJdxyPID.js → vue-ui-gizmo-foatosAv.js} +4 -4
  139. package/dist/{vue-ui-heatmap-DEEKv8ip.js → vue-ui-heatmap-By33A9dZ.js} +479 -502
  140. package/dist/{vue-ui-hill-D7LYAgAL.js → vue-ui-hill-ewqkK9s5.js} +570 -593
  141. package/dist/vue-ui-history-plot-FEIwXlsz.js +1698 -0
  142. package/dist/{vue-ui-horizontal-bar-CfFye5tL.js → vue-ui-horizontal-bar-D51sAeVu.js} +307 -332
  143. package/dist/{vue-ui-kpi-DCBnNfTb.js → vue-ui-kpi-y3EkgqJQ.js} +4 -4
  144. package/dist/{vue-ui-mini-loader-CtWpqnLW.js → vue-ui-mini-loader-CtTewZJG.js} +3 -3
  145. package/dist/vue-ui-molecule-paWHp18h.js +935 -0
  146. package/dist/{vue-ui-mood-radar-sl6DMxqR.js → vue-ui-mood-radar-wBRTZI5k.js} +341 -390
  147. package/dist/vue-ui-nested-donuts-CB-HOLo2.js +1503 -0
  148. package/dist/vue-ui-onion-B2Q2n55x.js +1233 -0
  149. package/dist/{vue-ui-parallel-coordinate-plot-DE9wTmQQ.js → vue-ui-parallel-coordinate-plot-GpkXiIZA.js} +189 -214
  150. package/dist/{vue-ui-quadrant-SaY_RPSE.js → vue-ui-quadrant-DOPuejDE.js} +254 -284
  151. package/dist/{vue-ui-quick-chart-CJ9rejnj.js → vue-ui-quick-chart-CgHX9njq.js} +108 -109
  152. package/dist/{vue-ui-radar-CaNen5Fj.js → vue-ui-radar-BLvG-_zE.js} +407 -434
  153. package/dist/{vue-ui-rating--K7rX2an.js → vue-ui-rating-BDVSVFA0.js} +10 -11
  154. package/dist/vue-ui-relation-circle-plOXwxJ5.js +903 -0
  155. package/dist/vue-ui-ridgeline-BbrnXvBo.js +1614 -0
  156. package/dist/{vue-ui-rings-BevKD8P-.js → vue-ui-rings-B3cKfMWy.js} +419 -444
  157. package/dist/vue-ui-scatter-BY7waF2T.js +2403 -0
  158. package/dist/{vue-ui-skeleton-B9ZP1w-i.js → vue-ui-skeleton-DwKxd7fk.js} +4 -4
  159. package/dist/{vue-ui-smiley-DYnqqk6u.js → vue-ui-smiley-5iHJeTPc.js} +64 -65
  160. package/dist/{vue-ui-spark-trend-R0ebpg-G.js → vue-ui-spark-trend-MpvrV5Wd.js} +11 -11
  161. package/dist/{vue-ui-sparkbar-DYC3By0v.js → vue-ui-sparkbar-s-2rBmEz.js} +97 -100
  162. package/dist/{vue-ui-sparkgauge-Bw6no-In.js → vue-ui-sparkgauge-B-BYVv4p.js} +4 -4
  163. package/dist/{vue-ui-sparkhistogram-DvRKy8rq.js → vue-ui-sparkhistogram-D7D4NHdi.js} +18 -19
  164. package/dist/{vue-ui-sparkline-Dz1uzBos.js → vue-ui-sparkline-RbeYtLWp.js} +11 -11
  165. package/dist/{vue-ui-sparkstackbar-DlnPdZih.js → vue-ui-sparkstackbar-ohN7mtbg.js} +194 -198
  166. package/dist/{vue-ui-stackbar-B-THcavY.js → vue-ui-stackbar-D2bpvQYt.js} +530 -552
  167. package/dist/{vue-ui-stackline-3dBPoI0h.js → vue-ui-stackline-Bo1oE8yq.js} +592 -614
  168. package/dist/vue-ui-strip-plot-CZ-C4a5x.js +1734 -0
  169. package/dist/vue-ui-table-3PPiJPV6.js +1352 -0
  170. package/dist/{vue-ui-table-heatmap-DVwMqzje.js → vue-ui-table-heatmap-D1bbPXKG.js} +56 -57
  171. package/dist/{vue-ui-table-sparkline-CABJzK8p.js → vue-ui-table-sparkline-l1cUX3ny.js} +13 -15
  172. package/dist/{vue-ui-thermometer-CVQ-H69Q.js → vue-ui-thermometer-DltAELO7.js} +240 -261
  173. package/dist/{vue-ui-timer-Bm8LpsnI.js → vue-ui-timer-DWNdx47q.js} +6 -6
  174. package/dist/vue-ui-tiremarks-GYhji_fa.js +538 -0
  175. package/dist/{vue-ui-treemap-DP0Sx8Y8.js → vue-ui-treemap-DjNlnOG5.js} +521 -547
  176. package/dist/vue-ui-waffle-BAA9EX6O.js +1386 -0
  177. package/dist/vue-ui-wheel-DrefGLos.js +871 -0
  178. package/dist/{vue-ui-word-cloud-B2sxtel9.js → vue-ui-word-cloud-CQZ8AyOi.js} +382 -405
  179. package/dist/{vue-ui-world-BBQZLnzm.js → vue-ui-world-Y7a3VEjq.js} +426 -451
  180. package/dist/{vue-ui-xy-DZj5DT-q.js → vue-ui-xy-CJcdttNL.js} +879 -905
  181. package/dist/{vue-ui-xy-ChZg7AtI.js → vue-ui-xy-DPxtkYGc.js} +329 -326
  182. package/dist/{vue-ui-xy-canvas-BN2u0bOJ.js → vue-ui-xy-canvas-1rbwMA1m.js} +30 -27
  183. package/package.json +4 -4
  184. package/dist/Slicer-5yIrdoJv.js +0 -1149
  185. package/dist/SlicerPreview-DvjLV2TW.js +0 -1689
  186. package/dist/vue-ui-age-pyramid-CgnPWA93.js +0 -1263
  187. package/dist/vue-ui-bullet-Bc3-WaN1.js +0 -724
  188. package/dist/vue-ui-candlestick-DvvsrIdp.js +0 -1864
  189. package/dist/vue-ui-carousel-table-DtsNVim8.js +0 -463
  190. package/dist/vue-ui-chord-xX5gWZy8.js +0 -1396
  191. package/dist/vue-ui-circle-pack-D8wykmqg.js +0 -1638
  192. package/dist/vue-ui-donut-evolution-D6vH_hfx.js +0 -1598
  193. package/dist/vue-ui-funnel-CjYosIik.js +0 -797
  194. package/dist/vue-ui-gauge-CByT0_vF.js +0 -953
  195. package/dist/vue-ui-history-plot-BhcU94Pt.js +0 -1722
  196. package/dist/vue-ui-molecule-D3igGyOy.js +0 -958
  197. package/dist/vue-ui-nested-donuts-aS4YzaB3.js +0 -1528
  198. package/dist/vue-ui-onion-EhPTZpW_.js +0 -1258
  199. package/dist/vue-ui-relation-circle-FLs8vOxQ.js +0 -925
  200. package/dist/vue-ui-ridgeline-Beg5hshN.js +0 -1663
  201. package/dist/vue-ui-scatter-CNA7jF-o.js +0 -2428
  202. package/dist/vue-ui-strip-plot-ACeYOoHj.js +0 -1757
  203. package/dist/vue-ui-table-rFy16bp0.js +0 -1347
  204. package/dist/vue-ui-tiremarks-DB3f5qiz.js +0 -559
  205. package/dist/vue-ui-waffle-iPpdk1Bm.js +0 -1412
  206. package/dist/vue-ui-wheel-BJkEYfLj.js +0 -892
@@ -1,1347 +0,0 @@
1
- import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
2
- import { $ as t, Bt as n, C as r, D as i, Jt as a, Ot as o, Pt as ee, X as s, d as c, q as te, r as ne } from "./lib-BuMGJ_a0.js";
3
- import { t as re } from "./vue-ui-xy-DZj5DT-q.js";
4
- import { n as ie, t as ae } from "./useHints-Dq_w2E8B.js";
5
- import { t as l } from "./useConfig-BilxnBNr.js";
6
- import { t as u } from "./_plugin-vue_export-helper-B3ysoDQm.js";
7
- import { t as d } from "./BaseIcon-91MZoczJ.js";
8
- import { t as oe } from "./vue-ui-donut-B_n6wF6B.js";
9
- import { Fragment as f, computed as p, createBlock as se, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as ce, defineAsyncComponent as le, nextTick as ue, normalizeClass as v, normalizeStyle as y, onMounted as de, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, useCssVars as fe, vModelSelect as pe, vModelText as me, watch as he, withCtx as ge, withDirectives as T, withKeys as _e, withModifiers as ve } from "vue";
10
- //#region src/components/vue-ui-table.vue
11
- var ye = /* @__PURE__ */ e({ default: () => cn }), be = ["innerHTML"], xe = ["data-is-open"], Se = { class: "vue-ui-table-export-hub-options" }, Ce = { class: "vue-ui-table-export-hub-option-wrapper" }, we = { class: "label" }, Te = ["innerHTML"], Ee = { class: "vue-ui-table-export-hub-option-wrapper" }, De = { class: "label" }, Oe = ["innerHTML"], ke = { class: "vue-ui-table-dialog-field" }, Ae = {
12
- class: "label vue-ui-table-dialog-input-label",
13
- style: { width: "100%" }
14
- }, je = { style: { width: "fit-content" } }, Me = { class: "vue-ui-table" }, Ne = { key: 0 }, Pe = { key: 0 }, Fe = { key: 1 }, Ie = {
15
- key: 0,
16
- style: {
17
- display: "flex",
18
- "align-items": "center",
19
- "justify-content": "flex-end"
20
- }
21
- }, Le = ["innerHTML"], Re = {
22
- key: 0,
23
- style: { "margin-left": "3px" }
24
- }, ze = { key: 0 }, Be = { class: "th-filter" }, Ve = {
25
- key: 0,
26
- class: "th-date"
27
- }, He = { class: "date-wrapper--inputs" }, Ue = { class: "date-fieldset" }, We = ["for"], Ge = [
28
- "id",
29
- "onUpdate:modelValue",
30
- "onInput"
31
- ], Ke = { class: "date-fieldset" }, qe = ["for"], Je = [
32
- "id",
33
- "onUpdate:modelValue",
34
- "onInput"
35
- ], Ye = { class: "date-wrapper--button" }, Xe = ["onClick"], Ze = ["innerHTML"], Qe = ["innerHTML"], $e = ["innerHTML"], et = ["onClick", "disabled"], tt = [
36
- "placeholder",
37
- "onUpdate:modelValue",
38
- "name"
39
- ], nt = ["onClick"], rt = ["innerHTML"], it = ["innerHTML"], at = ["innerHTML"], ot = ["onClick", "innerHTML"], st = ["innerHTML"], ct = {
40
- key: 5,
41
- class: "th-range-filter"
42
- }, lt = ["for"], ut = [
43
- "id",
44
- "max",
45
- "min",
46
- "onUpdate:modelValue"
47
- ], dt = [
48
- "id",
49
- "max",
50
- "min",
51
- "onUpdate:modelValue"
52
- ], ft = ["for"], pt = ["onClick", "disabled"], mt = ["id"], ht = ["onClick"], gt = ["onClick", "onKeyup"], _t = [
53
- "innerHTML",
54
- "onClick",
55
- "onKeyup"
56
- ], vt = ["data-row"], yt = ["data-row"], bt = [
57
- "data-row",
58
- "onClick",
59
- "onKeyup",
60
- "id"
61
- ], xt = ["innerHTML"], St = { key: 1 }, Ct = { key: 2 }, wt = { key: 5 }, Tt = ["innerHTML"], Et = { key: 0 }, Dt = { style: { "margin-left": "12px" } }, Ot = { class: "format-num" }, kt = { style: { "margin-left": "12px" } }, At = {
62
- key: 0,
63
- class: "format-num"
64
- }, jt = {
65
- key: 1,
66
- class: "format-num"
67
- }, Mt = { key: 2 }, Nt = { style: { "margin-left": "12px" } }, Pt = {
68
- key: 0,
69
- class: "format-num"
70
- }, Ft = {
71
- key: 1,
72
- class: "format-num"
73
- }, It = { key: 2 }, Lt = {
74
- key: 1,
75
- class: "vue-ui-table-paginator format-num"
76
- }, Rt = {
77
- key: 2,
78
- class: "vue-ui-table-size-warning"
79
- }, zt = ["innerHTML"], Bt = {
80
- key: 4,
81
- class: "vue-ui-table-pagination format-num"
82
- }, Vt = ["innerHTML", "disabled"], Ht = ["disabled"], Ut = {
83
- for: "pageScroller",
84
- style: { "font-size": "14px" }
85
- }, Wt = ["max", "value"], Gt = { key: 1 }, Kt = ["disabled"], qt = ["innerHTML", "disabled"], Jt = { class: "vue-ui-table-chart-modal-options" }, Yt = ["innerHTML"], Xt = ["innerHTML"], Zt = ["innerHTML"], Qt = { style: {
86
- width: "100%",
87
- height: "fit-content"
88
- } }, $t = { class: "vue-ui-table-fieldset" }, en = { class: "vue-ui-table-fieldset-wrapper" }, tn = [
89
- "name",
90
- "id",
91
- "checked",
92
- "onInput"
93
- ], nn = ["for"], rn = ["disabled"], an = ["innerHTML"], on = { style: {
94
- width: "100%",
95
- "margin-bottom": "12px"
96
- } }, sn = {
97
- key: 2,
98
- style: {
99
- width: "100%",
100
- "margin-bottom": "32px"
101
- }
102
- }, cn = /*#__PURE__*/ u({
103
- __name: "vue-ui-table",
104
- props: {
105
- config: {
106
- type: Object,
107
- default() {
108
- return {};
109
- }
110
- },
111
- dataset: {
112
- type: Object,
113
- default() {
114
- return {};
115
- }
116
- }
117
- },
118
- emits: ["page-change"],
119
- setup(e, { expose: u, emit: ye }) {
120
- fe((e) => ({
121
- v400b4689: kn.value,
122
- faa060c8: An.value,
123
- ea409a5c: Pn.value,
124
- v571258a4: jn.value,
125
- v05a406fe: Fn.value,
126
- dd5114c8: In.value,
127
- v578a7f9a: Mn.value,
128
- v56f1e694: Nn.value,
129
- v4d363f48: Ln.value
130
- }));
131
- let cn = le(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), E = e, ln = ye, { vue_ui_table: un } = l(), D = te();
132
- x(null);
133
- let dn = x(null), fn = x(null), O = x({
134
- height: 316,
135
- type: "bar",
136
- width: 512
137
- }), k = x({
138
- ASC: 1,
139
- BAR: "bar",
140
- DATE: "date",
141
- DESC: -1,
142
- DONUT: "donut",
143
- LINE: "line",
144
- NUMERIC: "numeric",
145
- PERCENTAGE: "percentage",
146
- TEXT: "text"
147
- }), pn = x(100), mn = x(100);
148
- x(0), x(0), x(400), x(200);
149
- let hn = x({
150
- CELL: "smart-td-selected",
151
- FIRST_TD: "smart-td-selected-first",
152
- LAST_TD: "smart-td-selected-last",
153
- ROW: "smart-td-selected-neighbor"
154
- }), gn = x(void 0), _n = x(void 0), A = x({
155
- col: void 0,
156
- rows: []
157
- }), j = x(0), M = x(20), vn = x(!1), yn = x(!1), N = x({}), P = x({}), bn = x({}), F = x({}), I = x({}), L = x({}), R = x({}), z = x({}), B = x({}), V = x(E.config.rowsPerPage ? E.config.rowsPerPage : 25), xn = x([.../* @__PURE__ */ new Set([
158
- 10,
159
- 25,
160
- 50,
161
- 100,
162
- 250,
163
- 500,
164
- E.config.rowsPerPage ? E.config.rowsPerPage : 25,
165
- E.dataset.body.length
166
- ])].sort((e, t) => e - t)), Sn = x(void 0), H = x(void 0), Cn = x(void 0), U = x(!1), wn = x(0), Tn = x(""), En = x(""), W = x(!1), G = x(JSON.parse(JSON.stringify(E.dataset.body)).map((e, t) => ({
167
- ...e,
168
- absoluteIndex: t
169
- }))), Dn = x(JSON.parse(JSON.stringify(E.dataset.body)).map((e, t) => ({
170
- ...e,
171
- absoluteIndex: t
172
- }))), K = x(JSON.parse(JSON.stringify(E.dataset.header)).map((e, t) => ({
173
- average: Object.hasOwn(e, "average") ? e.average : !1,
174
- decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
175
- isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
176
- isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
177
- isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
178
- isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
179
- name: e.name,
180
- percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
181
- prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
182
- rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
183
- suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
184
- sum: Object.hasOwn(e, "sum") ? e.sum : !1,
185
- type: e.type,
186
- index: t
187
- }))), On = p(() => dn.value ? dn.value.getBoundingClientRect().height + 3 : 3), q = p(() => Object.keys(E.config || {}).length ? r(a({
188
- defaultConfig: un,
189
- userConfig: E.config
190
- })) : un);
191
- ie({
192
- config: () => q.value,
193
- dataset: () => E.dataset,
194
- component: "VueUiTable",
195
- rules: [ae.noHint]
196
- });
197
- let J = p(() => q.value.useCursorPointer), kn = p(() => q.value.style.th.buttons.cancel.inactive.backgroundColor), An = p(() => q.value.style.th.buttons.cancel.inactive.color), jn = p(() => q.value.style.th.buttons.cancel.active.backgroundColor), Mn = p(() => q.value.style.th.buttons.filter.active.backgroundColor), Nn = p(() => q.value.style.th.buttons.filter.active.color), Pn = p(() => o(jn.value, .33)), Fn = p(() => n(jn.value, 33)), In = p(() => o(Mn.value, .33)), Ln = p(() => n(Mn, 33)), Rn = p(() => [...K.value].filter((e) => e.type === k.value.DATE)), zn = p(() => ["", ...Rn.value.map((e) => e.name)]), Bn = p(() => {
198
- let e = Rn.value.find((e) => e.name === Tn.value);
199
- return e ? e.index : null;
200
- }), Y = p(() => {
201
- let e = [];
202
- if (G.value.length) for (let t = 0; t < G.value.length; t += V.value) e.push(G.value.slice(t, t + V.value));
203
- return e;
204
- }), Vn = p(() => Y.value[j.value]), Hn = p(() => Bn.value == null ? [] : Vn.value.map((e) => e.td[Bn.value])), Un = p(() => Object.keys(I.value).map((e) => ({
205
- index: e,
206
- name: E.dataset.header[e].name,
207
- options: I.value[e]
208
- }))), Wn = p(() => q.value.useChart && A.value.rows.length > 1), Gn = p(() => E.dataset.header.map((e) => e.type).includes(k.value.NUMERIC)), X = p(() => ({
209
- arrowSort: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>`,
210
- bar: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M4 20l14 0" /></svg>`,
211
- chart: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19l16 0" /><path d="M4 15l4 -6l4 2l4 -5l4 4" /></svg>`,
212
- chevronDown: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9l6 6l6 -6" /></svg>`,
213
- chevronLeft: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value * 1.6}" height="${M.value * 1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>`,
214
- chevronRight: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value * 1.6}" height="${M.value * 1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>`,
215
- donut: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value * .8}" height="${M.value * .8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v5m4 4h5" /><path d="M8.929 14.582l-3.429 2.918" /><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>`,
216
- export: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" /><path d="M3 10h18" /><path d="M10 3v18" /><path d="M16 19h6" /><path d="M19 16l3 3l-3 3" /></svg>`,
217
- fileDownload: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M12 17v-6" /><path d="M9.5 14.5l2.5 2.5l2.5 -2.5" /></svg>`,
218
- filter: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" /></svg>`,
219
- move: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9l3 3l-3 3" /><path d="M15 12h6" /><path d="M6 9l-3 3l3 3" /><path d="M3 12h6" /><path d="M9 18l3 3l3 -3" /><path d="M12 15v6" /><path d="M15 6l-3 -3l-3 3" /><path d="M12 3v6" /></svg>`,
220
- sort09: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 3a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 16m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 16v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,
221
- sort90: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 14a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 5v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,
222
- sortAZ: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 21h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,
223
- sortZA: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 10h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,
224
- sum: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>`,
225
- table: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" fill="white" d="M 10 2, 21 2, 21 21, 10 21Z"/><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /><path d="M3 10h18" /><path d="M10 3v18" /></svg>`,
226
- warning: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value * .8}" height="${M.value * .8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,
227
- grip: `<svg xmlns="http://www.w3.org/2000/svg" width="${M.value}" height="${M.value}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`
228
- })), Kn = p(() => G.value.map((e) => e.td)), qn = p(() => ({
229
- sumPercentage: Number((A.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) * 100).toFixed(E.dataset.header[A.value.col].decimals)).toLocaleString(),
230
- sumRegular: Number(A.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0).toFixed(E.dataset.header[A.value.col].decimals)).toLocaleString(),
231
- averagePercentage: Number((A.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / A.value.rows.length * 100).toFixed(E.dataset.header[A.value.col].decimals)).toLocaleString(),
232
- averageRegular: Number((A.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / A.value.rows.length).toFixed(E.dataset.header[A.value.col].decimals)).toLocaleString()
233
- })), Jn = x({
234
- width: 1e3,
235
- height: 500
236
- });
237
- function Yn({ width: e, height: t }) {
238
- Jn.value = {
239
- width: e,
240
- height: t
241
- };
242
- }
243
- let Xn = p(() => {
244
- if (!Wn.value) return [];
245
- let e = Jn.value.height, t = Jn.value.width, n = t / A.value.rows.length, r = Math.max(...A.value.rows.map((e) => e.value)), i = Math.min(...A.value.rows.map((e) => e.value)), a = E.dataset.header[A.value.col].isPercentage && E.dataset.header[A.value.col].percentageTo, ee = O.value.type === k.value.DONUT && H.value && H.value.name, s = E.dataset.header[A.value.col].name + (a ? ` / ${E.dataset.header[L.value[A.value.col].referenceIndex].name}` : "") + (ee ? ` ${q.value.translations.by} ${H.value.name}` : ""), te = E.dataset.header[A.value.col].prefix, re = E.dataset.header[A.value.col].suffix, ie = [{
246
- name: s,
247
- series: A.value.rows.map((e) => e.value),
248
- type: "line",
249
- useProgression: !0,
250
- smooth: q.value.style.chart.layout.line.smooth,
251
- color: q.value.style.chart.layout.line.stroke,
252
- useArea: q.value.style.chart.layout.line.useArea
253
- }], ae = [{
254
- name: s,
255
- series: A.value.rows.map((e) => e.value),
256
- type: "bar",
257
- useProgression: !0,
258
- color: q.value.style.chart.layout.bar.fill
259
- }], l = q.value.style.chart.modal.backgroundColor, u = ne(l), d = E.dataset.header[A.value.col].decimals, oe = {
260
- useCssAnimation: !1,
261
- chart: {
262
- width: t,
263
- height: e - 250,
264
- backgroundColor: l,
265
- color: u,
266
- labels: {
267
- fontSize: 18,
268
- prefix: te,
269
- suffix: re
270
- },
271
- grid: {
272
- stroke: o(u, .5),
273
- labels: {
274
- color: u,
275
- xAxisLabels: {
276
- color: u,
277
- show: Hn.value.length,
278
- values: Hn.value,
279
- datetimeFormatter: q.value.style.chart.layout.datetimeFormatter,
280
- showOnlyAtModulo: q.value.style.chart.layout.timeLabels.showOnlyAtModulo,
281
- modulo: q.value.style.chart.layout.timeLabels.modulo
282
- }
283
- }
284
- },
285
- highlighter: { color: u },
286
- legend: {
287
- color: u,
288
- show: !1
289
- },
290
- title: {
291
- text: s,
292
- color: u,
293
- textAlign: "center",
294
- fontSize: 18
295
- },
296
- tooltip: {
297
- showTimeLabel: Hn.value.length,
298
- backgroundOpacity: 30,
299
- color: u,
300
- backgroundColor: l,
301
- showPercentage: !1,
302
- roundingValue: d
303
- },
304
- userOptions: { buttons: {
305
- pdf: !1,
306
- csv: !1,
307
- table: !1,
308
- annotator: !1
309
- } },
310
- zoom: {
311
- show: q.value.style.chart.layout.zoom.show,
312
- focusOnDrag: !0,
313
- minimap: { show: !0 }
314
- }
315
- },
316
- line: {
317
- labels: {
318
- show: !0,
319
- color: u,
320
- rounding: d
321
- },
322
- dot: {
323
- useSerieColor: !1,
324
- fill: q.value.style.chart.layout.line.plot.fill,
325
- strokeWidth: q.value.style.chart.layout.line.plot.strokeWidth
326
- }
327
- },
328
- bar: {
329
- useGradient: !1,
330
- border: {
331
- useSerieColor: !1,
332
- stroke: q.value.style.chart.layout.bar.stroke,
333
- strokeWidth: q.value.style.chart.layout.bar.strokeWidth
334
- },
335
- labels: {
336
- show: !0,
337
- color: u,
338
- rounding: d
339
- }
340
- }
341
- }, f = i >= 0 ? 0 : Math.abs(i), p = r + f, se = E.dataset.header[A.value.col].isPercentage, m = A.value.rows.map((t, r) => ({
342
- x: n * r + n / 2,
343
- y: (1 - (t.value + f) / p) * e,
344
- value: se ? t.value * 100 : t.value,
345
- suffix: se ? "%" : E.dataset.header[A.value.col].suffix ? E.dataset.header[A.value.col].suffix : "",
346
- prefix: E.dataset.header[A.value.col].prefix ? E.dataset.header[A.value.col].prefix : "",
347
- index: t.index,
348
- absoluteValue: se ? Math.abs(t.value) * 100 : Math.abs(t.value)
349
- }));
350
- return {
351
- donutConfig: {
352
- useCssAnimation: !1,
353
- userOptions: {
354
- position: "left",
355
- buttons: {
356
- pdf: !1,
357
- csv: !1,
358
- table: !1,
359
- annotator: !1
360
- }
361
- },
362
- style: { chart: {
363
- backgroundColor: l,
364
- color: u,
365
- layout: {
366
- curvedMarkers: !0,
367
- donut: { strokeWidth: 64 },
368
- labels: {
369
- dataLabels: {
370
- suffix: se ? "%" : "",
371
- prefix: te
372
- },
373
- value: { rounding: d },
374
- percentage: {
375
- color: u,
376
- rounding: d
377
- },
378
- name: { color: u },
379
- hollow: {
380
- average: {
381
- color: u,
382
- text: q.value.translations.average,
383
- value: { color: u }
384
- },
385
- total: {
386
- color: u,
387
- offsetY: -12,
388
- text: q.value.translations.total,
389
- value: {
390
- color: u,
391
- offsetY: -12
392
- }
393
- }
394
- }
395
- }
396
- },
397
- legend: {
398
- backgroundColor: l,
399
- color: u,
400
- roundingValue: d,
401
- roundingPercentage: d
402
- },
403
- padding: {
404
- left: 12,
405
- right: 12
406
- },
407
- title: {
408
- text: s,
409
- color: u,
410
- fontSize: 18
411
- },
412
- tooltip: {
413
- backgroundOpacity: 30,
414
- color: u,
415
- backgroundColor: l,
416
- roundingValue: d,
417
- roundingValue: d
418
- }
419
- } }
420
- },
421
- xyConfig: oe,
422
- xyDatasetLine: ie,
423
- xyDatasetBar: ae,
424
- progression: m.length >= 2 && c(m)
425
- };
426
- });
427
- function Zn() {
428
- let e = H.value.options.map((e, t) => ({
429
- name: e,
430
- color: ee[t] || ee[t % ee.length],
431
- values: [Vn.value.filter((t, n) => t.td[H.value.index] === e && A.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[A.value.col]).reduce((e, t) => Math.abs(e) + Math.abs(t), 0)],
432
- absoluteValue: Vn.value.filter((t, n) => t.td[H.value.index] === e && A.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[A.value.col]).reduce((e, t) => e + t, 0)
433
- })).sort((e, t) => t.value - e.value);
434
- gn.value = e, ue(() => {
435
- O.value.type = k.value.DONUT, W.value = !1;
436
- });
437
- }
438
- function Qn(e, t) {
439
- return !P.value[e] && (t.isSort || t.isSearch || t.isMultiselect || t.rangeFilter) && ![k.value.DATE].includes(t.type);
440
- }
441
- function $n(e = "all") {
442
- let n = E.dataset.header.map((e) => e.name), r = e === "all" ? G.value.map((e) => e.td) : Vn.value.map((e) => e.td);
443
- t({
444
- csvContent: i([n].concat(r)),
445
- title: En.value
446
- });
447
- }
448
- function er() {
449
- let e = document.getElementsByClassName("th-dropdown");
450
- e.length && Array.from(e).forEach((e) => {
451
- e.dataset.isOpen = !1;
452
- });
453
- }
454
- function tr(e, t) {
455
- let n;
456
- clearTimeout(n), n = setTimeout(e, t);
457
- }
458
- function Z() {
459
- let e = document.getElementsByClassName(`tr_${D}`);
460
- Array.from(e).forEach((e) => {
461
- Array.from(e.getElementsByTagName("td")).forEach((e) => {
462
- e.dataset.row === "even" ? (e.style.background = q.value.style.rows.even.backgroundColor, e.style.color = q.value.style.rows.even.color) : (e.style.background = q.value.style.rows.odd.backgroundColor, e.style.color = q.value.style.rows.odd.color);
463
- });
464
- }), Array.from(e).forEach((e) => e.dataset.selected = "false"), j.value > Y.value.length - 1 && (j.value = Y.value.length - 1), U.value = !1, gn.value = void 0, Sn.value = void 0, O.value.type = k.value.BAR, A.value = {
465
- col: void 0,
466
- rows: []
467
- }, pn.value = 100, mn.value = 100;
468
- }
469
- function nr(e, t) {
470
- G.value = e.filter((e) => e.td[t] >= R.value[t].min && e[t] <= R.value[t].max);
471
- }
472
- function rr(e, t) {
473
- if (B.value[t] === k.value.ASC && (e = e.sort((e, n) => e[t] - n[t])), B.value[t] === k.value.DESC) e = e.sort((e, n) => n[t] - e[t]);
474
- else return 0;
475
- }
476
- function ir() {
477
- Z(), Object.keys(R.value).forEach((e) => {
478
- nr(G.value, e);
479
- }), Object.keys(B.value).forEach((e) => {
480
- rr(G.value, e);
481
- }), _n.value !== void 0 && rr(G.value, _n.value), E.dataset.header.forEach((e, t) => {
482
- if (e.isPercentage) {
483
- let e = L.value[t].referenceIndex, n = G.value.map((t) => t.td[e]).reduce((e, t) => e + t, 0);
484
- G.value.forEach((r) => {
485
- r.td[t] = r.td[e] / n;
486
- });
487
- }
488
- }), j.value > Y.value.length - 1 && (j.value = Y.value.length - 1), [-1].includes(j.value) && (j.value = 0);
489
- }
490
- function Q() {
491
- G.value = Dn.value.filter((e) => {
492
- for (let t in z.value) if (!e.td[t].toUpperCase().includes(z.value[t].toUpperCase())) return !1;
493
- for (let t in I.value) if (!I.value[t].some((n) => n === e.td[t])) return !1;
494
- for (let t in N.value) {
495
- let n = new Date(e.td[t]), r = new Date(N.value[t].from), i = new Date(N.value[t].to);
496
- if (n < r || n > i) return !1;
497
- }
498
- return !0;
499
- }), ir();
500
- }
501
- function ar(e) {
502
- return Kn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0) / G.value.length;
503
- }
504
- function or(e) {
505
- let t = E.dataset.body.map((t) => new Date(t.td[e])), n = new Date(Math.min(...t)), r = new Date(Math.max(...t)), i = n.getFullYear(), a = r.getFullYear(), o = String(n.getMonth() + 1).padStart(2, "0"), ee = String(r.getMonth() + 1).padStart(2, "0"), s = String(n.getDate()).padStart(2, "0"), c = String(r.getDate()).padStart(2, "0");
506
- return {
507
- from: `${i}-${o}-${s}`,
508
- to: `${a}-${ee}-${c}`
509
- };
510
- }
511
- function $(e) {
512
- return [...new Set(E.dataset.body.map((t) => t.td[e]))];
513
- }
514
- function sr(e) {
515
- return Kn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0);
516
- }
517
- function cr(e) {
518
- return e.includes(NaN);
519
- }
520
- function lr(e, t) {
521
- return !I.value[t] || I.value[t].includes(e);
522
- }
523
- function ur(e) {
524
- return !isNaN(Number(String(e).replaceAll("%", "")));
525
- }
526
- function dr(e, t) {
527
- let n = t.isSort, r = t.isSearch, i = t.isMultiselect && I.value[e], a = t.rangeFilter, o = (e) => {
528
- if (a && R.value[e]) return Math.round(R.value[e].min) === F.value[e].min && Math.round(R.value[e].max) === F.value[e].max;
529
- };
530
- if (n && r && i && a) return ["", void 0].includes(z.value[e]) && [void 0].includes(B.value[e]) && I.value[e].length === $(e).length && o(e);
531
- if (n && r && i) return ["", void 0].includes(z.value[e]) && [void 0].includes(B.value[e]) && I.value[e].length === $(e).length;
532
- if (n && r && a) return ["", void 0].includes(z.value[e]) && [void 0].includes(B.value[e]) && o(e);
533
- if (n && r) return ["", void 0].includes(z.value[e]) && [void 0].includes(B.value[e]);
534
- if (n && i && a) return [void 0].includes(B.value[e]) && I.value[e].length === $(e).length && o(e);
535
- if (n && i) return [void 0].includes(B.value[e]) && I.value[e].length === $(e).length;
536
- if (r && i && a) return ["", void 0].includes(z.value[e]) && I.value[e].length === $(e).length && o(e);
537
- if (r && i) return ["", void 0].includes(z.value[e]) && I.value[e].length === $(e).length;
538
- if (r && a) return ["", void 0].includes(z.value[e]) && o(e);
539
- if (r) return ["", void 0].includes(z.value[e]);
540
- if (n && a) return [void 0].includes(B.value[e]) && o(e);
541
- if (n) return [void 0].includes(B.value[e]);
542
- if (i && a) return I.value[e].length === $(e).length && o(e);
543
- if (i) return I.value[e].length === $(e).length;
544
- }
545
- function fr() {
546
- return {
547
- totalPages: Y.value.length,
548
- itemsPerPage: V.value,
549
- currentPage: j.value,
550
- currentPageData: Vn.value.map((e) => e.td)
551
- };
552
- }
553
- u({ getCurrentPageData: fr });
554
- function pr() {
555
- ln("page-change", fr());
556
- }
557
- let mr = x(null);
558
- function hr(e) {
559
- if (Z(), e === "next" && j.value < Y.value.length) {
560
- if (j.value + 1 > Y.value.length - 1) return;
561
- j.value += 1;
562
- } else if (e === "previous" && j.value >= 1) --j.value;
563
- else {
564
- if (e - 1 < 0 || e > Y.value.length || e === "previous") return;
565
- j.value = e - 1;
566
- }
567
- pr(), mr.value && mr.value.scrollTo({
568
- top: 0,
569
- left: 0,
570
- behavior: "smooth"
571
- });
572
- }
573
- function gr(e) {
574
- e.preventDefault();
575
- let t = e.keyCode;
576
- if (![
577
- 38,
578
- 40,
579
- 37,
580
- 39
581
- ].includes(t)) return;
582
- let n = e.target.id.match(/cell_(\d+)_(\d+)_([0-9a-fA-F-]{36})/), r = parseInt(n[1]), i = parseInt(n[2]), a = document.getElementById(`cell_${r}_${i + 1}_${D}`), o = document.getElementById(`cell_${r}_${i - 1}_${D}`), ee = document.getElementById(`cell_${r + 1}_${i}_${D}`), s = document.getElementById(`cell_${r - 1}_${i}_${D}`), c;
583
- switch (!0) {
584
- case t === 39:
585
- c = a;
586
- break;
587
- case t === 37:
588
- c = o;
589
- break;
590
- case t === 38:
591
- c = s;
592
- break;
593
- case t === 40:
594
- c = ee;
595
- break;
596
- default: return;
597
- }
598
- c && (c.focus(), c.scrollIntoView({
599
- behavior: "smooth",
600
- block: "center"
601
- }));
602
- }
603
- function _r(e) {
604
- let t = 0;
605
- for (let n = 0; n < e.length; n += 1) t += e.charCodeAt(n);
606
- return t;
607
- }
608
- async function vr() {
609
- return new Promise((e) => {
610
- let t = [];
611
- K.value.forEach((e, n) => {
612
- if (e.isSearch && Object.assign(z.value, { [n]: "" }), e.isMultiselect && Object.assign(I.value, { [n]: $(n) }), e.type === k.value.DATE && (Object.assign(N.value, { [n]: or(n) }), Object.assign(bn.value, { [n]: !1 })), (e.isPercentage || e.percentageTo) && Object.assign(L.value, { [n]: {
613
- reference: e.percentageTo,
614
- referenceIndex: E.dataset.header.map((e) => e.name).indexOf(e.percentageTo)
615
- } }), e.rangeFilter && (Object.assign(R.value, { [n]: {
616
- min: Math.round(Math.min(...E.dataset.body.map((e) => e.td).map((e) => e[n]))),
617
- max: Math.round(Math.max(...E.dataset.body.map((e) => e.td).map((e) => e[n])))
618
- } }), Object.assign(F.value, { [n]: {
619
- min: Math.round(Math.min(...E.dataset.body.map((e) => e.td).map((e) => e[n]))),
620
- max: Math.round(Math.max(...E.dataset.body.map((e) => e.td).map((e) => e[n])))
621
- } })), e.isPercentage) {
622
- let r = E.dataset.header.map((e) => e.name).indexOf(e.percentageTo), i = E.dataset.body.map((e) => e.td[r]).reduce((e, t) => e + t, 0);
623
- t.push([
624
- n,
625
- r,
626
- i
627
- ]);
628
- }
629
- e.type === k.value.NUMERIC && !e.isPercentage && Object.assign(P.value, { [n]: cr(E.dataset.body.map((e) => Number(e.td[n]))) });
630
- }), G.value.forEach((e, n) => {
631
- t.map((t) => {
632
- let [n, r, i] = t;
633
- e.td[n] = e.td[r] / i;
634
- }), e.td.forEach((t, r) => {
635
- E.dataset.header[r].type === k.value.TEXT && E.dataset.header[r].isSearch && (e[r] = _r(t)), E.dataset.header[r].type === k.value.DATE && (e[r] = new Date(t).getTime()), E.dataset.header[r].type === k.value.NUMERIC && (e[r] = isNaN(Number(t)) ? r : t), Dn.value[n][r] = e[r];
636
- });
637
- }), e(!0);
638
- });
639
- }
640
- function yr(e, t) {
641
- return new Promise((n, r) => {
642
- e().then((e) => {
643
- try {
644
- n(t(e));
645
- } catch (e) {
646
- r(e);
647
- }
648
- }).catch((e) => {
649
- r(e);
650
- });
651
- });
652
- }
653
- async function br(e) {
654
- N.value[e] = {
655
- from: or(e).from,
656
- to: or(e).to
657
- }, bn.value[e] = !1, await ue(), Q();
658
- }
659
- function xr(e, t, n) {
660
- let r = n.currentTarget;
661
- clearTimeout(fn.value), r.classList.add("clicked"), fn.value = setTimeout(() => {
662
- r.classList.remove("clicked");
663
- }, 200), _n.value = void 0, t.rangeFilter && (R.value[e].min = F.value[e].min, R.value[e].max = F.value[e].max), t.isMultiselect ? (I.value[e] = $(e), t.type === k.value.TEXT && (B.value[e] = void 0), t.isSearch && (z.value[e] = "")) : t.type === k.value.NUMERIC ? B.value[e] = void 0 : t.type === k.value.TEXT ? (B.value[e] = void 0, z.value[e] = "") : t.type === k.value.DATE && (B.value[e] = void 0), Q();
664
- }
665
- function Sr({ td: e, rowIndex: t, colIndex: n, headerType: r, event: i }) {
666
- if (r !== k.value.NUMERIC || isNaN(Number(e))) {
667
- Z();
668
- return;
669
- }
670
- A.value.col !== n && Z();
671
- let a = i.currentTarget.parentNode;
672
- A.value.col = n, A.value.rows.map((e) => e.index).includes(t) ? (a.dataset.selected = "false", A.value.rows = A.value.rows.filter((e) => e.index !== t), i.currentTarget.classList.remove(hn.value.CELL), Array.from(a.children).forEach((e, t) => {
673
- e.dataset.row === "even" ? (e.style.background = q.value.style.rows.even.backgroundColor, e.style.color = q.value.style.rows.even.olor) : (e.style.background = q.value.style.rows.odd.backgroundColor, e.style.color = q.value.style.rows.odd.color);
674
- }), i.currentTarget.dataset.row === "even" ? (i.currentTarget.style.background = q.value.style.rows.even.backgroundColor, i.currentTarget.style.color = q.value.style.rows.even.color) : (i.currentTarget.style.background = q.value.style.rows.odd.backgroundColor, i.currentTarget.style.color = q.value.style.rows.odd.color)) : (a.dataset.selected = "true", A.value.rows.push({
675
- index: t,
676
- value: e
677
- }), Array.from(a.children).forEach((e, t) => {
678
- e.dataset.row === "even" ? (e.style.background = q.value.style.rows.even.selectedNeighbors.backgroundColor, e.style.color = q.value.style.rows.even.selectedNeighbors.color) : (e.style.background = q.value.style.rows.odd.selectedNeighbors.backgroundColor, e.style.color = q.value.style.rows.odd.selectedNeighbors.color);
679
- }), i.currentTarget.dataset.row === "odd" ? (i.currentTarget.style.background = q.value.style.rows.odd.selectedCell.backgroundColor, i.currentTarget.style.color = q.value.style.rows.odd.selectedCell.color) : (i.currentTarget.style.background = q.value.style.rows.even.selectedCell.backgroundColor, i.currentTarget.style.color = q.value.style.rows.even.selectedCell.color)), A.value.rows = A.value.rows.sort((e, t) => e.index - t.index), O.value.type === k.value.DONUT && A.value.rows.length > 0 && Zn();
680
- }
681
- function Cr(e) {
682
- A.value.col === e ? (Sn.value = void 0, Z()) : (Vn.value.forEach((t, n) => {
683
- Sr({
684
- td: t.td[e],
685
- rowIndex: n,
686
- colIndex: e,
687
- headerType: k.value.NUMERIC,
688
- event: { currentTarget: document.getElementById(`cell_${n}_${e}_${D}`) }
689
- });
690
- }), Sn.value = e);
691
- }
692
- async function wr(e, t) {
693
- I.value[t].includes(e) ? I.value[t] = I.value[t].filter((t) => t !== e) : I.value[t].push(e), await ue(), Q();
694
- }
695
- function Tr(e) {
696
- bn.value[e] = !(or(e).from === N.value[e].from && or(e).to === N.value[e].to);
697
- }
698
- function Er(e, t) {
699
- _n.value = e;
700
- let n = t.currentTarget;
701
- clearTimeout(fn.value), n.classList.add("clicked"), fn.value = setTimeout(() => {
702
- n.classList.remove("clicked");
703
- }, 200), B.value[e] === 1 ? B.value[e] = k.value.DESC : B.value[e] = k.value.ASC, ir();
704
- }
705
- function Dr(e, t, n) {
706
- let r = n.currentTarget;
707
- clearTimeout(fn.value), r.classList.add("clicked"), fn.value = setTimeout(() => {
708
- r.classList.remove("clicked");
709
- }, 200);
710
- let i = document.getElementById(`th_dropdown_${e}`);
711
- i.dataset.isOpen === "false" ? i.dataset.isOpen = "true" : i.dataset.isOpen = "false";
712
- }
713
- function Or(e) {
714
- Z(), !e || !e.target.value ? j.value = 0 : j.value = Number(e.target.value), pr();
715
- }
716
- let kr = x(null);
717
- de(() => {
718
- if (E.dataset.header.length === 0) throw Error("vue-ui-table error: missing header data.\nProvide an array of objects of type:\n{\n name: string;\n type: string; ('text' | 'numeric' | 'date')\n average: boolean;\n decimals: number | undefined;\n sum: boolean;\n isSort:boolean;\n isSearch: boolean;\n isMultiselect: boolean;\n isPercentage: boolean;\n percentageTo: string; (or '')\n}");
719
- if (E.dataset.body.length === 0) throw Error("vue-ui-table error: missing body data");
720
- yn.value = !0, yr(vr, async () => {
721
- await ue(), yn.value = !1;
722
- }), document.addEventListener("keydown", (e) => {
723
- let t = document.activeElement;
724
- (t && Array.from(t.classList).includes("td-focusable") && e.key.includes("Arrow") || e.code === "Space") && e.preventDefault();
725
- }), En.value = q.value.style.exportMenu.filename, Tn.value = Rn.value[0]?.name ?? "";
726
- }), he(() => E.dataset, (e) => {
727
- yn.value = !0, G.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
728
- ...e,
729
- absoluteIndex: t
730
- })), Dn.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
731
- ...e,
732
- absoluteIndex: t
733
- })), K.value = JSON.parse(JSON.stringify(e.header)).map((e, t) => ({
734
- average: Object.hasOwn(e, "average") ? e.average : !1,
735
- decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
736
- isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
737
- isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
738
- isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
739
- isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
740
- name: e.name,
741
- percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
742
- prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
743
- rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
744
- suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
745
- sum: Object.hasOwn(e, "sum") ? e.sum : !1,
746
- type: e.type,
747
- index: t
748
- })), A.value = {
749
- col: void 0,
750
- rows: []
751
- }, Sn.value = void 0, V.value = E.config.rowsPerPage ? E.config.rowsPerPage : 25, L.value = {}, N.value = {}, bn.value = {}, P.value = {}, F.value = {}, R.value = {}, I.value = {}, z.value = {}, B.value = {}, U.value = !1, gn.value = void 0, H.value = void 0, Cn.value = void 0, W.value = !1, A.value.col = void 0, A.value.rows = [], yr(vr, async () => {
752
- Or(), await ue(), yn.value = !1;
753
- });
754
- }, {
755
- immediate: !0,
756
- deep: !0
757
- });
758
- let Ar = x(null);
759
- return he(vn, (e) => {
760
- e && Ar.value && Ar.value.focus();
761
- }), he(U, (e) => {
762
- e ? kr.value && kr.value.open() : kr.value && kr.value.close();
763
- }), (t, n) => (b(), h("div", {
764
- class: "vue-data-ui-component vue-ui-table-main",
765
- style: y(`font-family: ${q.value.fontFamily}`)
766
- }, [
767
- q.value.style.exportMenu.show ? (b(), h("div", {
768
- key: 0,
769
- class: "vue-ui-table-export-hub",
770
- style: y({ top: On.value + "px" })
771
- }, [g("button", {
772
- onClick: n[0] ||= (e) => vn.value = !vn.value,
773
- innerHTML: X.value.export,
774
- style: y(`background:${q.value.style.exportMenu.backgroundColor};color:${q.value.style.exportMenu.color};cursor:${J.value ? "pointer" : "default"}`)
775
- }, null, 12, be), g("div", {
776
- class: "vue-ui-table-export-hub-dropdown",
777
- "data-is-open": vn.value || "false",
778
- style: y(`background:${q.value.style.exportMenu.backgroundColor};color:${q.value.style.exportMenu.color}`)
779
- }, [
780
- n[24] ||= g("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1),
781
- g("button", {
782
- class: "close-dropdown",
783
- onClick: n[1] ||= (e) => vn.value = !1,
784
- style: y(`background:${q.value.style.closeButtons.backgroundColor};color:${q.value.style.closeButtons.color};border-radius:${q.value.style.closeButtons.borderRadius}`)
785
- }, " ✖ ", 4),
786
- g("div", Se, [
787
- g("div", Ce, [g("div", we, C(q.value.translations.exportAllLabel) + " (" + C(G.value.length) + ") ", 1), g("button", {
788
- id: "exportAll",
789
- onClick: n[2] ||= (e) => $n("all"),
790
- style: y(`background:${q.value.style.exportMenu.buttons.backgroundColor};color:${q.value.style.exportMenu.buttons.color};cursor:${J.value ? "pointer" : "default"}`)
791
- }, [g("div", { innerHTML: X.value.fileDownload }, null, 8, Te), g("span", null, C(q.value.translations.exportAllButton), 1)], 4)]),
792
- g("div", Ee, [g("div", De, C(q.value.translations.exportPageLabel), 1), g("button", {
793
- id: "exportPage",
794
- onClick: n[3] ||= (e) => $n("page"),
795
- style: y(`background:${q.value.style.exportMenu.buttons.backgroundColor};color:${q.value.style.exportMenu.buttons.color};cursor:${J.value ? "pointer" : "default"}`)
796
- }, [g("div", { innerHTML: X.value.fileDownload }, null, 8, Oe), g("span", null, C(q.value.translations.exportPageButton), 1)], 4)]),
797
- g("div", ke, [g("label", Ae, [g("span", je, C(q.value.translations.filename), 1), T(g("input", {
798
- name: "filename",
799
- ref_key: "filenameInputRef",
800
- ref: Ar,
801
- onKeydown: n[4] ||= _e(ve(() => {}, ["stop"]), ["space"]),
802
- pattern: ".*",
803
- class: "vue-ui-table-dialog-input",
804
- type: "text",
805
- "onUpdate:modelValue": n[5] ||= (e) => En.value = e
806
- }, null, 544), [[me, En.value]])]), En.value ? (b(), h("button", {
807
- key: 0,
808
- class: "vue-ui-table-dialog-field-button",
809
- onClick: n[6] ||= (e) => En.value = "",
810
- style: y({ cursor: J.value ? "pointer" : "default" })
811
- }, [ce(d, {
812
- name: "close",
813
- stroke: q.value.style.exportMenu.color,
814
- size: 18
815
- }, null, 8, ["stroke"])], 4)) : m("", !0)])
816
- ])
817
- ], 12, xe)], 4)) : m("", !0),
818
- g("div", {
819
- class: "vue-ui-table__wrapper",
820
- style: y(`max-height:${q.value.maxHeight}px`),
821
- ref_key: "tableWrapper",
822
- ref: mr
823
- }, [g("table", Me, [
824
- q.value.style.title.text ? (b(), h("caption", {
825
- key: 0,
826
- class: "vue-ui-table__caption",
827
- ref_key: "tableCaption",
828
- ref: dn,
829
- style: y({
830
- textAlign: q.value.style.title.textAlign,
831
- paddingLeft: q.value.style.title.paddingLeft + "px",
832
- paddingRight: q.value.style.title.paddingRight + "px",
833
- backgroundColor: q.value.style.title.backgroundColor,
834
- boxShadow: `${q.value.style.title.backgroundColor} -1px 0px 0px 0px`
835
- })
836
- }, [g("span", { style: y({
837
- fontSize: q.value.style.title.fontSize + "px",
838
- fontWeight: q.value.style.title.bold ? "bold" : "normal",
839
- color: q.value.style.title.color
840
- }) }, C(q.value.style.title.text), 5), q.value.style.title.subtitle.text ? (b(), h(f, { key: 0 }, [n[25] ||= g("br", null, null, -1), g("span", { style: y({
841
- fontSize: q.value.style.title.subtitle.fontSize,
842
- fontWeight: q.value.style.title.subtitle.bold ? "bold" : "normal",
843
- color: q.value.style.title.subtitle.color
844
- }) }, C(q.value.style.title.subtitle.text), 5)], 64)) : m("", !0)], 4)) : m("", !0),
845
- g("thead", {
846
- id: "tableHead",
847
- class: "vue-ui-table__head",
848
- style: y({
849
- background: q.value.style.th.backgroundColor,
850
- boxShadow: `-1px 0 0 ${q.value.style.th.backgroundColor}`,
851
- top: On.value - 3 + "px"
852
- })
853
- }, [
854
- g("tr", null, [n[26] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(K.value, (e, t) => (b(), h("th", {
855
- key: `thead_${t}`,
856
- style: y(`overflow: visible;background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`),
857
- class: v({ "th-has-nan": P.value[t] })
858
- }, [Gn.value && ([k.value.TEXT, k.value.DATE].includes(e.type) || e.isPercentage) ? (b(), h("span", Ne, [_(C(e.name) + " ", 1), e.isPercentage ? (b(), h("span", Pe, " / " + C(e.percentageTo), 1)) : m("", !0)])) : (b(), h("span", Fe, C(e.name), 1))], 6))), 128))]),
859
- Gn.value ? (b(), h(f, { key: 0 }, [
860
- g("tr", null, [n[27] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(K.value, (e, t) => (b(), h("th", {
861
- key: `thead_${t}`,
862
- class: v({
863
- "th-numeric": !0,
864
- "th-has-nan": P.value[t]
865
- }),
866
- style: y(`background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`)
867
- }, [e.sum && !P.value[t] ? (b(), h("span", Ie, [
868
- g("span", {
869
- innerHTML: X.value.sum,
870
- style: {
871
- "margin-bottom": "-4px",
872
- "margin-right": "3px"
873
- }
874
- }, null, 8, Le),
875
- _(" " + C(w(s)({
876
- p: e.prefix,
877
- v: Number(sr(t)),
878
- s: e.suffix,
879
- r: e.decimals
880
- })) + " ", 1),
881
- L.value[t] && e.percentageTo && !e.isPercentage ? (b(), h("span", Re, " (" + C(isNaN(sr(t) / sr(L.value[t].referenceIndex)) ? "-" : w(s)({
882
- v: sr(t) / sr(L.value[t].referenceIndex) * 100,
883
- s: "%",
884
- r: e.decimals
885
- })) + ") ", 1)) : m("", !0)
886
- ])) : m("", !0)], 6))), 128))]),
887
- g("tr", null, [n[28] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(K.value, (e, t) => (b(), h("th", {
888
- key: `thead_${t}`,
889
- class: v({
890
- "th-numeric": !0,
891
- "th-has-nan": P.value[t]
892
- }),
893
- style: y(`background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`)
894
- }, [e.average && !P.value[t] ? (b(), h("span", ze, " ~ " + C(isNaN(ar(t)) ? "" : w(s)({
895
- p: e.prefix,
896
- v: Number(ar(t)),
897
- s: e.suffix,
898
- r: e.decimals
899
- })), 1)) : m("", !0)], 6))), 128))]),
900
- g("tr", null, [n[31] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(K.value, (e, t) => (b(), h("th", {
901
- key: `thead_${t}`,
902
- class: v({ "th-has-nan": P.value[t] }),
903
- style: y(`background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`)
904
- }, [g("div", Be, [
905
- e.type === k.value.DATE && N.value[t] ? (b(), h("div", Ve, [g("div", He, [g("div", Ue, [g("label", { for: `from_${t}` }, C(q.value.translations.from), 9, We), T(g("input", {
906
- id: `from_${t}`,
907
- type: "date",
908
- "onUpdate:modelValue": (e) => N.value[t].from = e,
909
- onInput: (e) => {
910
- Q(), Tr(t);
911
- },
912
- style: y(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
913
- }, null, 44, Ge), [[me, N.value[t].from]])]), g("div", Ke, [g("label", { for: `to_${t}` }, C(q.value.translations.to), 9, qe), T(g("input", {
914
- id: `to_${t}`,
915
- type: "date",
916
- "onUpdate:modelValue": (e) => N.value[t].to = e,
917
- onInput: (e) => {
918
- Q(), Tr(t);
919
- },
920
- style: y(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
921
- }, null, 44, Je), [[me, N.value[t].to]])])]), g("div", Ye, [e.isSort ? (b(), h("button", {
922
- key: 0,
923
- onClick: (e) => Er(t, e),
924
- class: v({ "th-button-active": [k.value.DESC, k.value.ASC].includes(B.value[t]) }),
925
- style: y(`cursor:${J.value ? "pointer" : "default"}; background:${[k.value.DESC, k.value.ASC].includes(B.value[t]) ? "" : q.value.style.th.buttons.filter.inactive.backgroundColor};color:${[k.value.DESC, k.value.ASC].includes(B.value[t]) ? "" : q.value.style.th.buttons.filter.inactive.color}`)
926
- }, [B.value[t] === k.value.ASC ? (b(), h("span", {
927
- key: 0,
928
- innerHTML: [k.value.DATE].includes(e.type) ? X.value.sort09 : X.value.sortAZ
929
- }, null, 8, Ze)) : B.value[t] === k.value.DESC ? (b(), h("span", {
930
- key: 1,
931
- innerHTML: [k.value.DATE].includes(e.type) ? X.value.sort90 : X.value.sortZA
932
- }, null, 8, Qe)) : (b(), h("span", {
933
- key: 2,
934
- innerHTML: X.value.arrowSort
935
- }, null, 8, $e))], 14, Xe)) : m("", !0), g("button", {
936
- onClick: (n) => {
937
- br(t), xr(t, e, n);
938
- },
939
- disabled: !bn.value[t] && dr(t, e),
940
- class: "th-reset",
941
- style: y({ cursor: J.value ? "pointer" : "default" })
942
- }, " ✖ ", 12, et)])])) : m("", !0),
943
- e.isSearch ? T((b(), h("input", {
944
- key: 1,
945
- placeholder: q.value.translations.inputPlaceholder,
946
- "onUpdate:modelValue": (e) => z.value[t] = e,
947
- onInput: n[7] ||= (e) => tr(Q, 400),
948
- name: `search_${t}`,
949
- style: y(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
950
- }, null, 44, tt)), [[me, z.value[t]]]) : m("", !0),
951
- !P.value[t] && e.isSort && e.type !== k.value.DATE ? (b(), h("button", {
952
- key: 2,
953
- onClick: (e) => Er(t, e),
954
- class: v({ "th-button-active": [k.value.DESC, k.value.ASC].includes(B.value[t]) }),
955
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${[k.value.DESC, k.value.ASC].includes(B.value[t]) ? "" : q.value.style.th.buttons.filter.inactive.backgroundColor};color:${[k.value.DESC, k.value.ASC].includes(B.value[t]) ? "" : q.value.style.th.buttons.filter.inactive.color}`)
956
- }, [B.value[t] === k.value.ASC ? (b(), h("span", {
957
- key: 0,
958
- innerHTML: [k.value.NUMERIC].includes(e.type) ? X.value.sort09 : X.value.sortZA
959
- }, null, 8, rt)) : B.value[t] === k.value.DESC ? (b(), h("span", {
960
- key: 1,
961
- innerHTML: [k.value.NUMERIC].includes(e.type) ? X.value.sort90 : X.value.sortAZ
962
- }, null, 8, it)) : (b(), h("span", {
963
- key: 2,
964
- innerHTML: X.value.arrowSort
965
- }, null, 8, at))], 14, nt)) : m("", !0),
966
- e.isMultiselect ? (b(), h("button", {
967
- key: 3,
968
- onClick: (n) => Dr(t, e, n),
969
- innerHTML: X.value.filter,
970
- class: v({ "th-button-active": I.value[t] && I.value[t].length !== $(t).length }),
971
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${I.value[t] && I.value[t].length !== $(t).length ? "" : q.value.style.th.buttons.filter.inactive.backgroundColor};color:${I.value[t] && I.value[t].length !== $(t).length ? "" : q.value.style.th.buttons.filter.inactive.color}`)
972
- }, null, 14, ot)) : m("", !0),
973
- A.value.col === t && Wn.value ? (b(), h("button", {
974
- key: 4,
975
- onClick: n[8] ||= (e) => U.value = !U.value,
976
- innerHTML: X.value.chart,
977
- class: v({ "th-button-active": U.value }),
978
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${U.value ? "" : q.value.style.th.buttons.filter.inactive.backgroundColor};color:${U.value ? "" : q.value.style.th.buttons.filter.inactive.color}`)
979
- }, null, 14, st)) : m("", !0),
980
- e.rangeFilter && R.value[t] && !P.value[t] ? (b(), h("div", ct, [
981
- g("label", { for: `rangeMin${t}` }, [...n[29] ||= [
982
- g("span", { style: { color: "grey" } }, "ᒥ", -1),
983
- _(" min ", -1),
984
- g("span", { style: { color: "grey" } }, "ᒣ", -1)
985
- ]], 8, lt),
986
- T(g("input", {
987
- type: "number",
988
- id: `rangeMin${t}`,
989
- max: F.value[t].max,
990
- min: F.value[t].min,
991
- "onUpdate:modelValue": (e) => R.value[t].min = e,
992
- onInput: n[9] ||= (e) => tr(Q, 400),
993
- style: y(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
994
- }, null, 44, ut), [[
995
- me,
996
- R.value[t].min,
997
- void 0,
998
- { number: !0 }
999
- ]]),
1000
- T(g("input", {
1001
- type: "number",
1002
- id: `rangeMax${t}`,
1003
- max: F.value[t].max,
1004
- min: F.value[t].min,
1005
- "onUpdate:modelValue": (e) => R.value[t].max = e,
1006
- onInput: n[10] ||= (e) => tr(Q, 400),
1007
- style: y(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
1008
- }, null, 44, dt), [[
1009
- me,
1010
- R.value[t].max,
1011
- void 0,
1012
- { number: !0 }
1013
- ]]),
1014
- g("label", { for: `rangeMax${t}` }, [...n[30] ||= [
1015
- g("span", { style: { color: "grey" } }, "ᒪ", -1),
1016
- _(" max ", -1),
1017
- g("span", { style: { color: "grey" } }, "ᒧ", -1)
1018
- ]], 8, ft)
1019
- ])) : m("", !0),
1020
- Qn(t, e) ? (b(), h("button", {
1021
- key: 6,
1022
- onClick: (n) => xr(t, e, n),
1023
- disabled: dr(t, e),
1024
- class: "th-reset",
1025
- style: y({ cursor: J.value ? "pointer" : "default" })
1026
- }, " ✖ ", 12, pt)) : m("", !0),
1027
- e.isMultiselect ? (b(), h("div", {
1028
- key: 7,
1029
- class: "th-dropdown",
1030
- "data-is-open": "false",
1031
- id: `th_dropdown_${t}`,
1032
- style: y(`background:${q.value.style.dropdowns.backgroundColor};color:${q.value.style.dropdowns.color}`)
1033
- }, [g("button", {
1034
- class: "close-dropdown",
1035
- onClick: (n) => Dr(t, e, n),
1036
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.closeButtons.backgroundColor};color:${q.value.style.closeButtons.color}`)
1037
- }, " ✖ ", 12, ht), (b(!0), h(f, null, S($(t), (e, n) => (b(), h("span", {
1038
- class: "th-option",
1039
- key: `th_option_${t}_${n}`,
1040
- onClick: (n) => wr(e, t),
1041
- onKeyup: [_e((n) => wr(e, t), ["enter"]), _e((n) => wr(e, t), ["space"])],
1042
- style: y(`opacity:${lr(e, t) ? 1 : .5}`),
1043
- tabindex: "0"
1044
- }, [lr(e, t) ? (b(), h("span", {
1045
- key: 0,
1046
- style: y(`color:${q.value.style.dropdowns.icons.selected.color};margin-right:5px`),
1047
- class: "th-icon-green"
1048
- }, C(q.value.style.dropdowns.icons.selected.unicode), 5)) : (b(), h("span", {
1049
- key: 1,
1050
- style: y(`color:${q.value.style.dropdowns.icons.unselected.color};margin-right:5px`),
1051
- class: "th-icon-red"
1052
- }, C(q.value.style.dropdowns.icons.unselected.unicode), 5)), g("span", null, C(e), 1)], 44, gt))), 128))], 12, mt)) : m("", !0)
1053
- ])], 6))), 128))])
1054
- ], 64)) : m("", !0),
1055
- g("tr", null, [n[32] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(K.value, (e, t) => (b(), h("th", {
1056
- key: `col_selector_${t}`,
1057
- class: v({
1058
- "vue-ui-table-col-selector": !P.value[t],
1059
- "th-has-nan": P.value[t]
1060
- }),
1061
- style: y(`background:${t === Sn.value && !P.value[t] ? q.value.style.th.selected.backgroundColor : q.value.style.th.backgroundColor};color:${t === Sn.value && !P.value[t] ? q.value.style.th.selected.color : q.value.style.th.color};outline:${q.value.style.th.outline}`)
1062
- }, [P.value[t] ? m("", !0) : (b(), h("div", {
1063
- key: 0,
1064
- innerHTML: K.value[t].type === k.value.NUMERIC ? X.value.chevronDown : "",
1065
- class: v({ "col-selector": K.value[t].type === k.value.NUMERIC }),
1066
- tabindex: "0",
1067
- style: y({ cursor: J.value ? "pointer" : "default" }),
1068
- onClick: ve((e) => Cr(t), ["stop"]),
1069
- onKeyup: _e((e) => Cr(t), ["enter"])
1070
- }, null, 46, _t))], 6))), 128))])
1071
- ], 4),
1072
- g("tbody", {
1073
- onClick: er,
1074
- onKeydown: n[11] ||= (e) => gr(e)
1075
- }, [(b(!0), h(f, null, S(Vn.value, (t, n) => (b(), h("tr", {
1076
- key: `tbody_${n}`,
1077
- "data-row": n % 2 == 0 ? "odd" : "even",
1078
- class: v(`tr_${w(D)}`),
1079
- style: y(`${n % 2 == 0 ? `background:${q.value.style.rows.odd.backgroundColor};color:${q.value.style.rows.odd.color}` : `background:${q.value.style.rows.even.backgroundColor};color:${q.value.style.rows.even.color}`}`)
1080
- }, [g("td", {
1081
- class: "vue-ui-table-td-iteration",
1082
- "data-row": n % 2 == 0 ? "odd" : "even",
1083
- style: y({ outline: q.value.style.rows.outline })
1084
- }, C(t.absoluteIndex + 1), 13, yt), (b(!0), h(f, null, S(t.td, (r, i) => (b(), h("td", {
1085
- "data-row": n % 2 == 0 ? "odd" : "even",
1086
- key: `td_${n}_${i}`,
1087
- style: y(ur(r) || e.dataset.header[i].type === k.value.DATE ? `text-align:right;font-variant-numeric: tabular-nums;outline:${q.value.style.rows.outline}` : `outline:${q.value.style.rows.outline}`),
1088
- onClick: (t) => Sr({
1089
- td: r,
1090
- rowIndex: n,
1091
- colIndex: i,
1092
- headerType: e.dataset.header[i].type,
1093
- event: t
1094
- }),
1095
- onKeyup: [_e((t) => Sr({
1096
- td: r,
1097
- rowIndex: n,
1098
- colIndex: i,
1099
- headerType: e.dataset.header[i].type,
1100
- event: t
1101
- }), ["enter"]), _e((t) => Sr({
1102
- td: r,
1103
- rowIndex: n,
1104
- colIndex: i,
1105
- headerType: e.dataset.header[i].type,
1106
- event: t
1107
- }), ["space"])],
1108
- class: v({
1109
- "td-numeric": e.dataset.header[i].type === k.value.NUMERIC,
1110
- "td-focusable": !0,
1111
- "td-has-nan": P.value[i]
1112
- }),
1113
- id: `cell_${n}_${i}_${w(D)}`,
1114
- tabindex: "0"
1115
- }, [t.meta && t.meta.markerIndices.includes(i) && t.meta.unicodeIcon ? (b(), h("span", {
1116
- key: 0,
1117
- style: y(`color:${t.meta.color};margin-right:3px`),
1118
- innerHTML: t.meta.unicodeIcon
1119
- }, null, 12, xt)) : m("", !0), e.dataset.header[i].type === k.value.DATE ? (b(), h("span", St, C(e.dataset.header[i].prefix) + " " + C(new Date(r).toLocaleString().slice(0, 10)) + " " + C(e.dataset.header[i].suffix), 1)) : e.dataset.header[i].isPercentage ? (b(), h("span", Ct, C(w(s)({
1120
- v: Number(r * 100),
1121
- s: "%",
1122
- r: e.dataset.header[i].decimals
1123
- })), 1)) : L.value[i] && e.dataset.header[i].percentageTo && !e.dataset.header[i].isPercentage ? (b(), h("span", {
1124
- key: 3,
1125
- class: v({ "td-nan": isNaN(Number(r)) })
1126
- }, C(isNaN(Number(r)) ? `${r} is not ${k.value.NUMERIC}` : w(s)({
1127
- p: e.dataset.header[i].prefix,
1128
- v: Number(r),
1129
- s: e.dataset.header[i].suffix,
1130
- r: e.dataset.header[i].decimals
1131
- })) + " (" + C(isNaN(Number(r)) ? "" : w(s)({
1132
- v: Number(r / sr(L.value[i].referenceIndex) * 100),
1133
- s: "%",
1134
- r: e.dataset.header[i].decimals
1135
- })) + ") ", 3)) : e.dataset.header[i].type === k.value.NUMERIC ? (b(), h("span", {
1136
- key: 4,
1137
- class: v({ "td-nan": isNaN(Number(r)) })
1138
- }, C(isNaN(Number(r)) ? `${r} is not ${k.value.NUMERIC}` : w(s)({
1139
- p: e.dataset.header[i].prefix,
1140
- v: Number(r.toFixed(e.dataset.header[i].decimals)),
1141
- s: e.dataset.header[i].suffix,
1142
- r: e.dataset.header[i].decimals
1143
- })), 3)) : (b(), h("span", wt, C(e.dataset.header[i].prefix) + " " + C(r) + " " + C(e.dataset.header[i].suffix), 1))], 46, bt))), 128))], 14, vt))), 128))], 32)
1144
- ])], 4),
1145
- g("div", {
1146
- class: v({
1147
- "td-selector-info": !0,
1148
- "td-selector-info--active": A.value.col !== void 0 && A.value.rows.length
1149
- }),
1150
- style: y(`background:${q.value.style.infoBar.backgroundColor};color:${q.value.style.infoBar.color}`)
1151
- }, [A.value.col !== void 0 && A.value.rows.length ? (b(), h(f, { key: 0 }, [
1152
- g("div", {
1153
- innerHTML: X.value.table,
1154
- class: "td-selector-icon"
1155
- }, null, 8, Tt),
1156
- g("span", null, [
1157
- g("b", null, [_(C(e.dataset.header[A.value.col].name) + " ", 1), e.dataset.header[A.value.col].isPercentage ? (b(), h("span", Et, " / " + C(e.dataset.header[L.value[A.value.col].referenceIndex].name), 1)) : m("", !0)]),
1158
- g("span", Dt, [_(C(q.value.translations.nb) + " : ", 1), g("b", Ot, C(A.value.rows.length), 1)]),
1159
- g("span", kt, [
1160
- _(C(q.value.translations.sum) + " : ", 1),
1161
- e.dataset.header[A.value.col].isPercentage ? (b(), h("b", At, C(qn.value.sumPercentage), 1)) : (b(), h("b", jt, C(e.dataset.header[A.value.col].prefix) + " " + C(qn.value.sumRegular) + " " + C(e.dataset.header[A.value.col].suffix), 1)),
1162
- e.dataset.header[A.value.col].isPercentage ? (b(), h("b", Mt, "%")) : m("", !0)
1163
- ]),
1164
- g("span", Nt, [
1165
- _(C(q.value.translations.average) + " : ", 1),
1166
- e.dataset.header[A.value.col].isPercentage ? (b(), h("b", Pt, C(qn.value.averagePercentage), 1)) : (b(), h("b", Ft, C(e.dataset.header[A.value.col].prefix) + " " + C(qn.value.averageRegular) + " " + C(e.dataset.header[A.value.col].suffix), 1)),
1167
- e.dataset.header[A.value.col].isPercentage ? (b(), h("b", It, "%")) : m("", !0)
1168
- ])
1169
- ]),
1170
- g("button", {
1171
- onClick: Z,
1172
- class: "td-selector-info-reset",
1173
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.closeButtons.backgroundColor};color:${q.value.style.closeButtons.color};border-radius:${q.value.style.closeButtons.borderRadius}`)
1174
- }, " ✖ ", 4)
1175
- ], 64)) : m("", !0)], 6),
1176
- G.value.length > 10 ? (b(), h("div", Lt, [_(C(q.value.translations.totalRows) + " : " + C(e.dataset.body.length) + " | " + C(q.value.translations.paginatorLabel) + " : ", 1), G.value.length > 10 ? T((b(), h("select", {
1177
- key: 0,
1178
- id: "paginatorSelector",
1179
- "onUpdate:modelValue": n[12] ||= (e) => V.value = e,
1180
- onChange: n[13] ||= (e) => {
1181
- Z(), pr();
1182
- },
1183
- style: y(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border}`)
1184
- }, [(b(!0), h(f, null, S(xn.value, (t, n) => (b(), h(f, null, [G.value.length > t || e.dataset.body.length === t ? (b(), h("option", { key: `paginator_option_${n}` }, C(t), 1)) : m("", !0)], 64))), 256))], 36)), [[
1185
- pe,
1186
- V.value,
1187
- void 0,
1188
- { number: !0 }
1189
- ]]) : m("", !0)])) : m("", !0),
1190
- V.value >= 250 ? (b(), h("div", Rt, [g("span", { innerHTML: X.value.warning }, null, 8, zt), _(C(q.value.translations.sizeWarning), 1)])) : m("", !0),
1191
- Y.value.length > 1 && Y.value.length <= 10 ? (b(), h("div", {
1192
- key: 3,
1193
- class: "vue-ui-table-navigation-indicator",
1194
- style: y(`background:${q.value.style.pagination.navigationIndicator.backgroundColor};width:calc(${j.value / (Y.value.length - 1) * 100}%)`)
1195
- }, null, 4)) : m("", !0),
1196
- Y.value.length > 1 ? (b(), h("div", Bt, [
1197
- g("button", {
1198
- class: "vue-ui-table-navigation",
1199
- onClick: n[14] ||= ve((e) => hr("previous"), ["stop"]),
1200
- innerHTML: X.value.chevronLeft,
1201
- disabled: j.value === 0,
1202
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.pagination.buttons.backgroundColor};color:${q.value.style.pagination.buttons.color};opacity:${j.value === 0 ? q.value.style.pagination.buttons.opacityDisabled : 1}`)
1203
- }, null, 12, Vt),
1204
- Y.value.length > 3 ? (b(), h(f, { key: 0 }, [
1205
- g("button", {
1206
- class: "vue-ui-table-navigation",
1207
- onClick: n[15] ||= ve((e) => hr(1), ["stop"]),
1208
- disabled: j.value === 0,
1209
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.pagination.buttons.backgroundColor};color:${q.value.style.pagination.buttons.color};opacity:${j.value === 0 ? q.value.style.pagination.buttons.opacityDisabled : 1}`)
1210
- }, " 1 ", 12, Ht),
1211
- Y.value.length > 10 ? (b(), h("div", {
1212
- key: 0,
1213
- class: "vue-ui-table-page-scroller-wrapper",
1214
- style: y({ cursor: J.value ? "pointer" : "default" })
1215
- }, [g("label", Ut, C(q.value.translations.page) + " " + C(j.value + 1) + " / " + C(Y.value.length), 1), g("input", {
1216
- class: "vue-ui-table-page-scroller",
1217
- id: "pageScroller",
1218
- type: "range",
1219
- step: "1",
1220
- min: 0,
1221
- max: Y.value.length - 1,
1222
- onInput: n[16] ||= (e) => Or(e),
1223
- value: j.value,
1224
- style: y(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border};accent-color:${q.value.style.inputs.accentColor}`)
1225
- }, null, 44, Wt)], 4)) : (b(), h("span", Gt, C(q.value.translations.page) + " " + C(j.value + 1) + " / " + C(Y.value.length), 1)),
1226
- g("button", {
1227
- class: "vue-ui-table-navigation",
1228
- onClick: n[17] ||= ve((e) => hr(Y.value.length), ["stop"]),
1229
- disabled: j.value === Y.value.length - 1,
1230
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.pagination.buttons.backgroundColor};color:${q.value.style.pagination.buttons.color};opacity:${j.value === Y.value.length - 1 ? q.value.style.pagination.buttons.opacityDisabled : 1}`)
1231
- }, C(Y.value.length), 13, Kt)
1232
- ], 64)) : (b(), h(f, { key: 1 }, [_(C(q.value.translations.page) + " " + C(j.value + 1) + " / " + C(Y.value.length), 1)], 64)),
1233
- g("button", {
1234
- class: "vue-ui-table-navigation",
1235
- onClick: n[18] ||= ve((e) => hr("next"), ["stop"]),
1236
- innerHTML: X.value.chevronRight,
1237
- disabled: j.value === Y.value.length - 1,
1238
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.pagination.buttons.backgroundColor};color:${q.value.style.pagination.buttons.color};opacity:${j.value === Y.value.length - 1 ? q.value.style.pagination.buttons.opacityDisabled : 1}`)
1239
- }, null, 12, qt)
1240
- ])) : m("", !0),
1241
- ce(w(cn), {
1242
- ref_key: "chartModal",
1243
- ref: kr,
1244
- backgroundColor: q.value.style.chart.modal.backgroundColor,
1245
- headerColor: q.value.style.chart.modal.color,
1246
- color: q.value.style.chart.modal.color,
1247
- forcedHeight: 500,
1248
- isCursorPointer: J.value,
1249
- withPadding: "",
1250
- withFullWidth: "",
1251
- noLayerUpdate: "",
1252
- onClose: n[23] ||= (e) => U.value = !1,
1253
- onSize: Yn
1254
- }, {
1255
- before: ge(() => [g("div", Jt, [
1256
- Un.value.length ? (b(), h("button", {
1257
- key: 0,
1258
- onClick: n[19] ||= (e) => W.value = !0,
1259
- innerHTML: X.value.donut,
1260
- class: v({ "is-active-chart": O.value.type === k.value.DONUT || W.value }),
1261
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${O.value.type === k.value.DONUT || W.value ? q.value.style.chart.modal.buttons.selected.backgroundColor : q.value.style.chart.modal.buttons.unselected.backgroundColor};color:${O.value.type === k.value.DONUT || W.value ? q.value.style.chart.modal.buttons.selected.color : q.value.style.chart.modal.buttons.unselected.color}`)
1262
- }, null, 14, Yt)) : m("", !0),
1263
- g("button", {
1264
- onClick: n[20] ||= (e) => {
1265
- O.value.type = k.value.LINE, W.value = !1;
1266
- },
1267
- innerHTML: X.value.chart,
1268
- class: v({ "is-active-chart": O.value.type === k.value.LINE && !W.value }),
1269
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${O.value.type === k.value.LINE && !W.value ? q.value.style.chart.modal.buttons.selected.backgroundColor : q.value.style.chart.modal.buttons.unselected.backgroundColor};color:${O.value.type === k.value.LINE && !W.value ? q.value.style.chart.modal.buttons.selected.color : q.value.style.chart.modal.buttons.unselected.color}`)
1270
- }, null, 14, Xt),
1271
- g("button", {
1272
- onClick: n[21] ||= (e) => {
1273
- O.value.type = k.value.BAR, W.value = !1;
1274
- },
1275
- innerHTML: X.value.bar,
1276
- class: v({ "is-active-chart": O.value.type === k.value.BAR && !W.value }),
1277
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${O.value.type === k.value.BAR && !W.value ? q.value.style.chart.modal.buttons.selected.backgroundColor : q.value.style.chart.modal.buttons.unselected.backgroundColor};color:${O.value.type === k.value.BAR && !W.value ? q.value.style.chart.modal.buttons.selected.color : q.value.style.chart.modal.buttons.unselected.color}`)
1278
- }, null, 14, Zt)
1279
- ])]),
1280
- content: ge(() => [g("div", Qt, [
1281
- W.value && Un.value.length ? (b(), h("div", {
1282
- key: 0,
1283
- style: y(`background:${q.value.style.chart.modal.backgroundColor};color:${q.value.style.chart.modal.color}`)
1284
- }, [g("fieldset", $t, [
1285
- g("legend", null, C(q.value.translations.chooseCategoryColumn), 1),
1286
- g("div", en, [(b(!0), h(f, null, S(Un.value, (e, t) => (b(), h("div", {
1287
- key: `donut_radio_${t}`,
1288
- class: "vue-ui-table-fieldset-option"
1289
- }, [g("input", {
1290
- type: "radio",
1291
- name: e.name,
1292
- id: e.name,
1293
- checked: H.value && e.name === H.value.name,
1294
- onInput: (e) => H.value = Un.value[t],
1295
- style: y(`background:${q.value.style.inputs.backgroundColor};color:${q.value.style.inputs.color};border:${q.value.style.inputs.border};accent-color:${q.value.style.inputs.accentColor}`)
1296
- }, null, 44, tn), g("label", { for: e.name }, C(e.name), 9, nn)]))), 128))]),
1297
- g("button", {
1298
- class: "vue-ui-table-generate-donut",
1299
- disabled: !H.value,
1300
- onClick: Zn,
1301
- style: y(`cursor:${J.value ? "pointer" : "default"};background:${q.value.style.chart.modal.buttons.selected.backgroundColor};color:${q.value.style.chart.modal.buttons.selected.color}`)
1302
- }, [g("div", {
1303
- style: { "margin-bottom": "-3px" },
1304
- innerHTML: X.value.donut
1305
- }, null, 8, an), _(" " + C(q.value.translations.makeDonut), 1)], 12, rn)
1306
- ])], 4)) : m("", !0),
1307
- [k.value.BAR, k.value.LINE].includes(O.value.type) && !W.value ? (b(), h(f, { key: 1 }, [
1308
- zn.value.length > 1 ? (b(), h("label", {
1309
- key: 0,
1310
- style: y({ color: q.value.style.chart.modal.color })
1311
- }, [_(C(q.value.translations.xAxisLabels) + " ", 1), T(g("select", { "onUpdate:modelValue": n[22] ||= (e) => Tn.value = e }, [(b(!0), h(f, null, S(zn.value, (e) => (b(), h("option", null, C(e), 1))), 256))], 512), [[pe, Tn.value]])], 4)) : m("", !0),
1312
- g("div", on, [O.value.type === k.value.LINE ? (b(), se(re, {
1313
- key: `chart_line_${wn.value}`,
1314
- dataset: Xn.value.xyDatasetLine,
1315
- config: Xn.value.xyConfig
1316
- }, null, 8, ["dataset", "config"])) : m("", !0), O.value.type === k.value.BAR ? (b(), se(re, {
1317
- key: `chart_bar_${wn.value}`,
1318
- dataset: Xn.value.xyDatasetBar,
1319
- config: Xn.value.xyConfig
1320
- }, null, 8, ["dataset", "config"])) : m("", !0)]),
1321
- A.value.rows.length >= 2 ? (b(), h("div", {
1322
- key: 1,
1323
- class: "chart-trend",
1324
- style: y(`color:${q.value.style.chart.modal.color}`)
1325
- }, [n[33] ||= g("span", null, "---", -1), _(" Trend: " + C(w(s)({
1326
- v: Xn.value.progression.trend * 100,
1327
- s: "%",
1328
- r: 1
1329
- })), 1)], 4)) : m("", !0)
1330
- ], 64)) : m("", !0),
1331
- [k.value.DONUT].includes(O.value.type) && !W.value ? (b(), h("div", sn, [ce(oe, {
1332
- dataset: gn.value,
1333
- config: Xn.value.donutConfig
1334
- }, null, 8, ["dataset", "config"])])) : m("", !0)
1335
- ])]),
1336
- _: 1
1337
- }, 8, [
1338
- "backgroundColor",
1339
- "headerColor",
1340
- "color",
1341
- "isCursorPointer"
1342
- ])
1343
- ], 4));
1344
- }
1345
- }, [["__scopeId", "data-v-4a848448"]]);
1346
- //#endregion
1347
- export { ye as n, cn as t };