vue-data-ui 3.23.9 → 3.23.11

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 (200) hide show
  1. package/README.md +40 -40
  2. package/dist/{Arrow-CF0VFcBH.js → Arrow-DrF4NNJO.js} +1 -1
  3. package/dist/{BaseDraggableDialog-LoqqwRtV.js → BaseDraggableDialog-Dr_Q6Yt5.js} +2 -2
  4. package/dist/{BaseIcon-BfndwIWE.js → BaseIcon-BbElSC8_.js} +1 -1
  5. package/dist/{BaseLegendToggle-DZVucLnv.js → BaseLegendToggle-CtEdLr4R.js} +1 -1
  6. package/dist/{BaseZoomControls-BZvCnZEi.js → BaseZoomControls-Cvq4UmNG.js} +2 -2
  7. package/dist/{ColorPicker--ayG2YHf.js → ColorPicker-ChOgAmCi.js} +2 -2
  8. package/dist/{DataTable-BbKgJ5UI.js → DataTable-CmyEubtT.js} +2 -2
  9. package/dist/{HillActions-BD9j_sOU.js → HillActions-3HneGJhS.js} +1 -1
  10. package/dist/{Legend-CQxUgOd-.js → Legend-BJtY2RA9.js} +2 -2
  11. package/dist/{NonSvgPenAndPaper-4ypecDg1.js → NonSvgPenAndPaper-DmxzHJtV.js} +3 -3
  12. package/dist/{PackageVersion-B629oKuX.js → PackageVersion-C0b7KAMa.js} +1 -1
  13. package/dist/{PenAndPaper-C0UZ74fa.js → PenAndPaper-CIa1F5Jq.js} +3 -3
  14. package/dist/{Shape-C21CMlWS.js → Shape-BAL5bQmA.js} +1 -1
  15. package/dist/{SlicerPreview-wUw1hFwe.js → SlicerPreview-BRRyc1p7.js} +426 -426
  16. package/dist/{SparkTooltip-CjsbIhzi.js → SparkTooltip-Bou05CV_.js} +1 -1
  17. package/dist/{Title-BE3qg9xl.js → Title-CaVA8EIw.js} +1 -1
  18. package/dist/{Tooltip-DhjyfHwz.js → Tooltip-CVxJe3UW.js} +1 -1
  19. package/dist/{UserOptions-Dt98of5H.js → UserOptions-WH7-49V0.js} +2 -2
  20. package/dist/components/arrow.js +1 -1
  21. package/dist/components/vue-ui-3d-bar.js +1 -1
  22. package/dist/components/vue-ui-accordion.js +1 -1
  23. package/dist/components/vue-ui-age-pyramid.js +1 -1
  24. package/dist/components/vue-ui-annotator.js +1 -1
  25. package/dist/components/vue-ui-bullet.js +1 -1
  26. package/dist/components/vue-ui-bump.js +1 -1
  27. package/dist/components/vue-ui-candlestick.js +1 -1
  28. package/dist/components/vue-ui-carousel-table.js +1 -1
  29. package/dist/components/vue-ui-chestnut.js +1 -1
  30. package/dist/components/vue-ui-chord.js +1 -1
  31. package/dist/components/vue-ui-circle-pack.js +1 -1
  32. package/dist/components/vue-ui-cursor.js +1 -1
  33. package/dist/components/vue-ui-dag.js +1 -1
  34. package/dist/components/vue-ui-dashboard.js +1 -1
  35. package/dist/components/vue-ui-digits.js +1 -1
  36. package/dist/components/vue-ui-donut-evolution.js +1 -1
  37. package/dist/components/vue-ui-donut.js +1 -1
  38. package/dist/components/vue-ui-dumbbell.js +1 -1
  39. package/dist/components/vue-ui-flow.js +1 -1
  40. package/dist/components/vue-ui-funnel.js +1 -1
  41. package/dist/components/vue-ui-galaxy.js +1 -1
  42. package/dist/components/vue-ui-gauge.js +1 -1
  43. package/dist/components/vue-ui-geo.js +1 -1
  44. package/dist/components/vue-ui-gizmo.js +1 -1
  45. package/dist/components/vue-ui-heatmap.js +1 -1
  46. package/dist/components/vue-ui-hill.js +1 -1
  47. package/dist/components/vue-ui-history-plot.js +1 -1
  48. package/dist/components/vue-ui-horizontal-bar.js +1 -1
  49. package/dist/components/vue-ui-icon.js +1 -1
  50. package/dist/components/vue-ui-kpi.js +1 -1
  51. package/dist/components/vue-ui-mini-loader.js +1 -1
  52. package/dist/components/vue-ui-molecule.js +1 -1
  53. package/dist/components/vue-ui-mood-radar.js +1 -1
  54. package/dist/components/vue-ui-nested-donuts.js +1 -1
  55. package/dist/components/vue-ui-onion.js +1 -1
  56. package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
  57. package/dist/components/vue-ui-quadrant.js +1 -1
  58. package/dist/components/vue-ui-quick-chart.js +1 -1
  59. package/dist/components/vue-ui-radar.js +1 -1
  60. package/dist/components/vue-ui-rating.js +1 -1
  61. package/dist/components/vue-ui-relation-circle.js +1 -1
  62. package/dist/components/vue-ui-ridgeline.js +1 -1
  63. package/dist/components/vue-ui-rings.js +1 -1
  64. package/dist/components/vue-ui-scatter.js +1 -1
  65. package/dist/components/vue-ui-skeleton.js +1 -1
  66. package/dist/components/vue-ui-smiley.js +1 -1
  67. package/dist/components/vue-ui-spark-trend.js +1 -1
  68. package/dist/components/vue-ui-sparkbar.js +1 -1
  69. package/dist/components/vue-ui-sparkgauge.js +1 -1
  70. package/dist/components/vue-ui-sparkhistogram.js +1 -1
  71. package/dist/components/vue-ui-sparkline.js +1 -1
  72. package/dist/components/vue-ui-sparkstackbar.js +1 -1
  73. package/dist/components/vue-ui-stackbar.js +1 -1
  74. package/dist/components/vue-ui-stackline.js +1 -1
  75. package/dist/components/vue-ui-strip-plot.js +1 -1
  76. package/dist/components/vue-ui-table-heatmap.js +1 -1
  77. package/dist/components/vue-ui-table-sparkline.js +1 -1
  78. package/dist/components/vue-ui-table.js +1 -1
  79. package/dist/components/vue-ui-thermometer.js +1 -1
  80. package/dist/components/vue-ui-timer.js +1 -1
  81. package/dist/components/vue-ui-tiremarks.js +1 -1
  82. package/dist/components/vue-ui-treemap.js +1 -1
  83. package/dist/components/vue-ui-vertical-bar.js +1 -1
  84. package/dist/components/vue-ui-waffle.js +1 -1
  85. package/dist/components/vue-ui-wheel.js +1 -1
  86. package/dist/components/vue-ui-word-cloud.js +1 -1
  87. package/dist/components/vue-ui-world.js +1 -1
  88. package/dist/components/vue-ui-xy-canvas.js +1 -1
  89. package/dist/components/vue-ui-xy.js +1 -1
  90. package/dist/{dom-to-png-BYIvdTe8.js → dom-to-png-COvyU2SG.js} +1 -1
  91. package/dist/exposedLib-DrUEXSyf.js +28 -0
  92. package/dist/{img-Bnokohej.js → img-Bkzj3lDD.js} +1 -1
  93. package/dist/{labelUtils-BeVpDvTJ.js → labelUtils-iX76cA2-.js} +1 -1
  94. package/dist/{lib-Bttd6u5E.js → lib-Dqr_-I6Y.js} +166 -163
  95. package/dist/{package-C01DAl-Z.js → package-D7_0M69J.js} +1 -1
  96. package/dist/{pdf-CVIDfCrS.js → pdf-Bk_9lTdQ.js} +1 -1
  97. package/dist/{render-common-Dv5BvuwZ.js → render-common-B0f5NTO9.js} +12 -12
  98. package/dist/ssr/vue-ui-donut.js +1 -1
  99. package/dist/ssr/vue-ui-xy.js +1 -1
  100. package/dist/ssr.js +2 -2
  101. package/dist/style.css +1 -1
  102. package/dist/types/vue-data-ui.d.ts +13 -2
  103. package/dist/types/vue-ui-dag.d.ts +2 -0
  104. package/dist/{useNestedProp-vPNvh7rV.js → useNestedProp-CulPqtou.js} +1 -1
  105. package/dist/{usePrinter-DN5bYhTG.js → usePrinter-CEiH1b6R.js} +2 -2
  106. package/dist/utils.js +9 -9
  107. package/dist/{vue-data-ui-DDZLOx_v.js → vue-data-ui-BlZHZHoH.js} +69 -69
  108. package/dist/vue-data-ui.js +73 -73
  109. package/dist/{vue-ui-3d-bar-C9Y9Uklb.js → vue-ui-3d-bar-CtT2BovY.js} +379 -381
  110. package/dist/{vue-ui-accordion-CLU_su1P.js → vue-ui-accordion-C6L7glHU.js} +3 -3
  111. package/dist/{vue-ui-age-pyramid-D98P16h3.js → vue-ui-age-pyramid-BhGNgnLB.js} +27 -27
  112. package/dist/{vue-ui-annotator-QjHngrui.js → vue-ui-annotator-BwIu0JUV.js} +9 -9
  113. package/dist/vue-ui-bullet-BI7KJyJx.js +700 -0
  114. package/dist/{vue-ui-bump-BP7UOMFX.js → vue-ui-bump-BCQ97z1G.js} +325 -325
  115. package/dist/{vue-ui-candlestick-XPQeeduK.js → vue-ui-candlestick-Cs7I5MQS.js} +245 -245
  116. package/dist/{vue-ui-carousel-table-D39rMqRb.js → vue-ui-carousel-table-CDjAjc4b.js} +108 -108
  117. package/dist/{vue-ui-chestnut-B0xezYHS.js → vue-ui-chestnut-d6GxjfcP.js} +86 -86
  118. package/dist/vue-ui-chord-BuConnPN.js +1345 -0
  119. package/dist/vue-ui-circle-pack-CmxANHap.js +1633 -0
  120. package/dist/{vue-ui-cursor-JXCd2JAw.js → vue-ui-cursor-CQcnZYBv.js} +3 -3
  121. package/dist/{vue-ui-dag-D42c5rJN.js → vue-ui-dag-DKUZN-aQ.js} +923 -885
  122. package/dist/{vue-ui-dashboard-9-9eUWEy.js → vue-ui-dashboard-ciI4wMe6.js} +69 -69
  123. package/dist/{vue-ui-digits-CCkSVNpz.js → vue-ui-digits-DWf1vzYE.js} +3 -3
  124. package/dist/{vue-ui-donut-BnVCS9Ll.js → vue-ui-donut-CvCViwSI.js} +64 -64
  125. package/dist/vue-ui-donut-DZTtuFAG.js +2413 -0
  126. package/dist/{vue-ui-donut-evolution-CgjBE6EG.js → vue-ui-donut-evolution-BvZX3Gi8.js} +347 -347
  127. package/dist/{vue-ui-dumbbell-CVX2tGDU.js → vue-ui-dumbbell-BZywCpHd.js} +233 -236
  128. package/dist/vue-ui-flow-D5jcKr_S.js +1214 -0
  129. package/dist/vue-ui-funnel-7zX5QnQx.js +747 -0
  130. package/dist/{vue-ui-galaxy-CThLjvdQ.js → vue-ui-galaxy-BuGd-Ojm.js} +323 -325
  131. package/dist/vue-ui-gauge-BlDQIpBk.js +932 -0
  132. package/dist/{vue-ui-geo-DwNCnH_W.js → vue-ui-geo-PWGZw4Un.js} +34 -34
  133. package/dist/{vue-ui-gizmo-BkQUnPvN.js → vue-ui-gizmo-CTxB3PAl.js} +10 -10
  134. package/dist/{vue-ui-heatmap-COX6rafn.js → vue-ui-heatmap-sFF5IbM8.js} +472 -472
  135. package/dist/{vue-ui-hill-7BisXEYH.js → vue-ui-hill-DO3r2s-i.js} +10 -10
  136. package/dist/vue-ui-history-plot-Cj-Olvhn.js +1695 -0
  137. package/dist/vue-ui-horizontal-bar-B34aYuDZ.js +1708 -0
  138. package/dist/{vue-ui-kpi-R9bl7je_.js → vue-ui-kpi-Co6y1YlE.js} +3 -3
  139. package/dist/{vue-ui-mini-loader-SNMKnmMa.js → vue-ui-mini-loader-BVSIAFYi.js} +2 -2
  140. package/dist/{vue-ui-molecule-CNtY2_yF.js → vue-ui-molecule-ERAB4YzZ.js} +157 -163
  141. package/dist/{vue-ui-mood-radar-DUxhOQpR.js → vue-ui-mood-radar-BPp7L6OP.js} +302 -304
  142. package/dist/{vue-ui-nested-donuts-Bbub_wCe.js → vue-ui-nested-donuts-CX5ut2yp.js} +110 -113
  143. package/dist/vue-ui-onion-CWYJTUCq.js +1233 -0
  144. package/dist/vue-ui-parallel-coordinate-plot-DJrV-dVt.js +1430 -0
  145. package/dist/{vue-ui-quadrant-CFvonilu.js → vue-ui-quadrant-wj8Up03L.js} +32 -32
  146. package/dist/{vue-ui-quick-chart-iEJt6333.js → vue-ui-quick-chart-CPYdScHL.js} +153 -153
  147. package/dist/{vue-ui-radar-ClZ_OIr5.js → vue-ui-radar-D3gLQcI5.js} +41 -41
  148. package/dist/{vue-ui-rating-BnXrMeGg.js → vue-ui-rating-dBCk6ECe.js} +26 -26
  149. package/dist/vue-ui-relation-circle-DeNBOPjz.js +903 -0
  150. package/dist/vue-ui-ridgeline-DQcZJ_hv.js +1614 -0
  151. package/dist/vue-ui-rings-CF9NfFW2.js +1250 -0
  152. package/dist/vue-ui-scatter-U_xxKOte.js +2403 -0
  153. package/dist/{vue-ui-skeleton-Drk48XZi.js → vue-ui-skeleton-GA4wzjXV.js} +3 -3
  154. package/dist/{vue-ui-smiley-BQuXRW4o.js → vue-ui-smiley-D1pW2Fdy.js} +23 -23
  155. package/dist/{vue-ui-spark-trend-CYcS6-FN.js → vue-ui-spark-trend-BXRGMn5-.js} +23 -23
  156. package/dist/{vue-ui-sparkbar-eqLrT50j.js → vue-ui-sparkbar-96D0eR-o.js} +24 -24
  157. package/dist/{vue-ui-sparkgauge-C_b1h4DY.js → vue-ui-sparkgauge-BWBek2u2.js} +61 -61
  158. package/dist/{vue-ui-sparkhistogram-BzJr83-i.js → vue-ui-sparkhistogram-Cqs068RX.js} +15 -15
  159. package/dist/vue-ui-sparkline-B8cyY_P1.js +1584 -0
  160. package/dist/{vue-ui-sparkstackbar-O6Ojc2m8.js → vue-ui-sparkstackbar-C0BkLc2b.js} +207 -207
  161. package/dist/vue-ui-stackbar-DtsOc7B_.js +2332 -0
  162. package/dist/{vue-ui-stackline-D7d_Yqid.js → vue-ui-stackline-MSs0pdhE.js} +751 -747
  163. package/dist/{vue-ui-strip-plot-AljSBqsw.js → vue-ui-strip-plot-Df-TomML.js} +63 -66
  164. package/dist/vue-ui-table-BKSRQGVK.js +1352 -0
  165. package/dist/{vue-ui-table-heatmap-DRABMw2H.js → vue-ui-table-heatmap-CglQqfWH.js} +84 -84
  166. package/dist/{vue-ui-table-sparkline-OScDr7Z5.js → vue-ui-table-sparkline-B7Dh-fN2.js} +11 -11
  167. package/dist/vue-ui-thermometer-DXuLn8NC.js +756 -0
  168. package/dist/{vue-ui-timer--q-f8RPJ.js → vue-ui-timer-orCjVwS4.js} +12 -12
  169. package/dist/{vue-ui-tiremarks-B2Fji5g0.js → vue-ui-tiremarks-DNoQ6Fl2.js} +12 -12
  170. package/dist/{vue-ui-treemap-CHqCU3Mt.js → vue-ui-treemap-90_Clj0e.js} +51 -54
  171. package/dist/vue-ui-waffle-BSQXyJ1S.js +1610 -0
  172. package/dist/{vue-ui-wheel-Dz2QzZcJ.js → vue-ui-wheel-CfU0Nnn0.js} +28 -28
  173. package/dist/{vue-ui-word-cloud-DBp8kZ4A.js → vue-ui-word-cloud-AgMvmPlI.js} +38 -41
  174. package/dist/{vue-ui-world-DbYSOiC4.js → vue-ui-world-D0Z9B6M2.js} +120 -123
  175. package/dist/{vue-ui-xy-C23skZ-G.js → vue-ui-xy-5Te2TfRK.js} +1645 -1641
  176. package/dist/vue-ui-xy-canvas-BHpBO5dS.js +1823 -0
  177. package/dist/{vue-ui-xy-CrHCmWhv.js → vue-ui-xy-ua_mFu_a.js} +99 -99
  178. package/package.json +1 -1
  179. package/dist/exposedLib-C0DPCgFj.js +0 -28
  180. package/dist/vue-ui-bullet-GgRg9sbN.js +0 -700
  181. package/dist/vue-ui-chord-eOIKOfDO.js +0 -1345
  182. package/dist/vue-ui-circle-pack-kCN1R-pw.js +0 -1636
  183. package/dist/vue-ui-donut-HrEXYDqO.js +0 -2415
  184. package/dist/vue-ui-flow-R-fW_EeT.js +0 -1217
  185. package/dist/vue-ui-funnel-CT3ixpCM.js +0 -750
  186. package/dist/vue-ui-gauge-DRXsVxYq.js +0 -932
  187. package/dist/vue-ui-history-plot-Bn_M0AFg.js +0 -1698
  188. package/dist/vue-ui-horizontal-bar-CkRRidx3.js +0 -1708
  189. package/dist/vue-ui-onion-Bix9MN3w.js +0 -1233
  190. package/dist/vue-ui-parallel-coordinate-plot-6SI2vJOo.js +0 -1430
  191. package/dist/vue-ui-relation-circle-CZ68uWhc.js +0 -903
  192. package/dist/vue-ui-ridgeline-BSiPLA08.js +0 -1614
  193. package/dist/vue-ui-rings-mGN_bpo1.js +0 -1252
  194. package/dist/vue-ui-scatter-C0PouRMY.js +0 -2403
  195. package/dist/vue-ui-sparkline-CyJKVGYw.js +0 -1584
  196. package/dist/vue-ui-stackbar-J5QzbBaA.js +0 -2328
  197. package/dist/vue-ui-table-CBdCPS2r.js +0 -1352
  198. package/dist/vue-ui-thermometer-DWmM_Hn9.js +0 -756
  199. package/dist/vue-ui-waffle-C1ksX6OD.js +0 -1612
  200. package/dist/vue-ui-xy-canvas-B-KxaFGF.js +0 -1819
@@ -1,1352 +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-Bttd6u5E.js";
3
- import { t as re } from "./vue-ui-xy-C23skZ-G.js";
4
- import { n as ie, t as ae } from "./useHints-Dq_w2E8B.js";
5
- import { t as oe } from "./useConfig-DwdGsXTx.js";
6
- import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
7
- import { t as u } from "./BaseIcon-BfndwIWE.js";
8
- import { t as se } from "./vue-ui-donut-HrEXYDqO.js";
9
- import { Fragment as d, computed as f, createBlock as ce, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as le, defineAsyncComponent as ue, nextTick as de, normalizeClass as _, normalizeStyle as v, onMounted as fe, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, useCssVars as pe, vModelSelect as me, vModelText as he, watch as ge, withCtx as _e, withDirectives as w, withKeys as ve, withModifiers as ye } from "vue";
10
- //#region src/components/vue-ui-table.vue
11
- var be = /* @__PURE__ */ e({ default: () => ln }), xe = ["innerHTML"], Se = ["data-is-open"], Ce = { class: "vue-ui-table-export-hub-options" }, we = { class: "vue-ui-table-export-hub-option-wrapper" }, Te = { class: "label" }, Ee = ["innerHTML"], De = { class: "vue-ui-table-export-hub-option-wrapper" }, Oe = { class: "label" }, ke = ["innerHTML"], Ae = { class: "vue-ui-table-dialog-field" }, je = {
12
- class: "label vue-ui-table-dialog-input-label",
13
- style: { width: "100%" }
14
- }, Me = { style: { width: "fit-content" } }, Ne = { class: "vue-ui-table" }, Pe = { key: 0 }, Fe = { key: 0 }, Ie = { key: 1 }, Le = {
15
- key: 0,
16
- style: {
17
- display: "flex",
18
- "align-items": "center",
19
- "justify-content": "flex-end"
20
- }
21
- }, Re = ["innerHTML"], ze = {
22
- key: 0,
23
- style: { "margin-left": "3px" }
24
- }, Be = { key: 0 }, Ve = { class: "th-filter" }, He = {
25
- key: 0,
26
- class: "th-date"
27
- }, Ue = { class: "date-wrapper--inputs" }, We = { class: "date-fieldset" }, Ge = ["for"], Ke = [
28
- "id",
29
- "onUpdate:modelValue",
30
- "onInput"
31
- ], qe = { class: "date-fieldset" }, Je = ["for"], Ye = [
32
- "id",
33
- "onUpdate:modelValue",
34
- "onInput"
35
- ], Xe = { class: "date-wrapper--button" }, Ze = ["onClick"], Qe = ["innerHTML"], $e = ["innerHTML"], et = ["innerHTML"], tt = ["onClick", "disabled"], nt = [
36
- "placeholder",
37
- "onUpdate:modelValue",
38
- "name"
39
- ], rt = ["onClick"], it = ["innerHTML"], at = ["innerHTML"], ot = ["innerHTML"], st = ["onClick", "innerHTML"], ct = ["innerHTML"], lt = {
40
- key: 5,
41
- class: "th-range-filter"
42
- }, ut = ["for"], dt = [
43
- "id",
44
- "max",
45
- "min",
46
- "onUpdate:modelValue"
47
- ], ft = [
48
- "id",
49
- "max",
50
- "min",
51
- "onUpdate:modelValue"
52
- ], pt = ["for"], mt = ["onClick", "disabled"], ht = ["id"], gt = ["onClick"], _t = ["onClick", "onKeyup"], vt = [
53
- "innerHTML",
54
- "onClick",
55
- "onKeyup"
56
- ], yt = ["data-row"], bt = ["data-row"], xt = [
57
- "data-row",
58
- "onClick",
59
- "onKeyup",
60
- "id"
61
- ], St = ["innerHTML"], Ct = { key: 1 }, wt = { key: 2 }, Tt = { key: 5 }, Et = ["innerHTML"], Dt = { key: 0 }, Ot = { style: { "margin-left": "12px" } }, kt = { class: "format-num" }, At = { style: { "margin-left": "12px" } }, jt = {
62
- key: 0,
63
- class: "format-num"
64
- }, Mt = {
65
- key: 1,
66
- class: "format-num"
67
- }, Nt = { key: 2 }, Pt = { style: { "margin-left": "12px" } }, Ft = {
68
- key: 0,
69
- class: "format-num"
70
- }, It = {
71
- key: 1,
72
- class: "format-num"
73
- }, Lt = { key: 2 }, Rt = {
74
- key: 1,
75
- class: "vue-ui-table-paginator format-num"
76
- }, zt = {
77
- key: 2,
78
- class: "vue-ui-table-size-warning"
79
- }, Bt = ["innerHTML"], Vt = {
80
- key: 4,
81
- class: "vue-ui-table-pagination format-num"
82
- }, Ht = ["innerHTML", "disabled"], Ut = ["disabled"], Wt = {
83
- for: "pageScroller",
84
- style: { "font-size": "14px" }
85
- }, Gt = ["max", "value"], Kt = { key: 1 }, qt = ["disabled"], Jt = ["innerHTML", "disabled"], Yt = { class: "vue-ui-table-chart-modal-options" }, Xt = ["innerHTML"], Zt = ["innerHTML"], Qt = ["innerHTML"], $t = { style: {
86
- width: "100%",
87
- height: "fit-content"
88
- } }, en = { class: "vue-ui-table-fieldset" }, tn = { class: "vue-ui-table-fieldset-wrapper" }, nn = [
89
- "name",
90
- "id",
91
- "checked",
92
- "onInput"
93
- ], rn = ["for"], an = ["disabled"], on = ["innerHTML"], sn = { style: {
94
- width: "100%",
95
- "margin-bottom": "12px"
96
- } }, cn = {
97
- key: 2,
98
- style: {
99
- width: "100%",
100
- "margin-bottom": "32px"
101
- }
102
- }, ln = /*#__PURE__*/ l({
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: l, emit: be }) {
120
- pe((e) => ({
121
- d1121f2a: An.value,
122
- f2e08f04: jn.value,
123
- v7663b4a0: Fn.value,
124
- v17c31306: Mn.value,
125
- v7dc13a5c: In.value,
126
- v76f5497a: Ln.value,
127
- fa998e08: Nn.value,
128
- v4d3bc194: Pn.value,
129
- v42ae93a6: Rn.value
130
- }));
131
- let ln = ue(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), T = e, un = be, { vue_ui_table: dn } = oe(), E = te();
132
- b(null);
133
- let fn = b(null), pn = b(null), D = b({
134
- height: 316,
135
- type: "bar",
136
- width: 512
137
- }), O = b({
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
- }), mn = b(100), hn = b(100);
148
- b(0), b(0), b(400), b(200);
149
- let gn = b({
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
- }), _n = b(void 0), vn = b(void 0), k = b({
155
- col: void 0,
156
- rows: []
157
- }), A = b(0), j = b(20), yn = b(!1), bn = b(!1), M = b({}), N = b({}), xn = b({}), P = b({}), F = b({}), I = b({}), L = b({}), R = b({}), z = b({}), B = b(T.config.rowsPerPage ? T.config.rowsPerPage : 25), Sn = b([.../* @__PURE__ */ new Set([
158
- 10,
159
- 25,
160
- 50,
161
- 100,
162
- 250,
163
- 500,
164
- T.config.rowsPerPage ? T.config.rowsPerPage : 25,
165
- T.dataset.body.length
166
- ])].sort((e, t) => e - t)), Cn = b(void 0), V = b(void 0), wn = b(void 0), H = b(!1), Tn = b(0), En = b(""), Dn = b(""), U = b(!1), W = b(JSON.parse(JSON.stringify(T.dataset.body)).map((e, t) => ({
167
- ...e,
168
- absoluteIndex: t
169
- }))), On = b(JSON.parse(JSON.stringify(T.dataset.body)).map((e, t) => ({
170
- ...e,
171
- absoluteIndex: t
172
- }))), G = b(JSON.parse(JSON.stringify(T.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
- }))), kn = f(() => fn.value ? fn.value.getBoundingClientRect().height + 3 : 3), K = f(() => {
188
- if (!Object.keys(T.config || {}).length) return dn;
189
- let e = a({
190
- defaultConfig: dn,
191
- userConfig: T.config
192
- });
193
- return r(e);
194
- });
195
- ie({
196
- config: () => K.value,
197
- dataset: () => T.dataset,
198
- component: "VueUiTable",
199
- rules: [ae.noHint]
200
- });
201
- let q = f(() => K.value.useCursorPointer), An = f(() => K.value.style.th.buttons.cancel.inactive.backgroundColor), jn = f(() => K.value.style.th.buttons.cancel.inactive.color), Mn = f(() => K.value.style.th.buttons.cancel.active.backgroundColor), Nn = f(() => K.value.style.th.buttons.filter.active.backgroundColor), Pn = f(() => K.value.style.th.buttons.filter.active.color), Fn = f(() => o(Mn.value, .33)), In = f(() => n(Mn.value, 33)), Ln = f(() => o(Nn.value, .33)), Rn = f(() => n(Nn, 33)), zn = f(() => [...G.value].filter((e) => e.type === O.value.DATE)), Bn = f(() => ["", ...zn.value.map((e) => e.name)]), Vn = f(() => {
202
- let e = zn.value.find((e) => e.name === En.value);
203
- return e ? e.index : null;
204
- }), J = f(() => {
205
- let e = [];
206
- if (W.value.length) for (let t = 0; t < W.value.length; t += B.value) e.push(W.value.slice(t, t + B.value));
207
- return e;
208
- }), Y = f(() => J.value[A.value]), Hn = f(() => Vn.value == null ? [] : Y.value.map((e) => e.td[Vn.value])), Un = f(() => Object.keys(F.value).map((e) => ({
209
- index: e,
210
- name: T.dataset.header[e].name,
211
- options: F.value[e]
212
- }))), Wn = f(() => K.value.useChart && k.value.rows.length > 1), Gn = f(() => T.dataset.header.map((e) => e.type).includes(O.value.NUMERIC)), X = f(() => ({
213
- arrowSort: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
214
- bar: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
215
- chart: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
216
- chevronDown: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
217
- chevronLeft: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * 1.6}" height="${j.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>`,
218
- chevronRight: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * 1.6}" height="${j.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>`,
219
- donut: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * .8}" height="${j.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>`,
220
- export: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
221
- fileDownload: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
222
- filter: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
223
- move: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
224
- sort09: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
225
- sort90: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
226
- sortAZ: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
227
- sortZA: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
228
- sum: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
229
- table: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`,
230
- warning: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * .8}" height="${j.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>`,
231
- grip: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.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>`
232
- })), Kn = f(() => W.value.map((e) => e.td)), qn = f(() => ({
233
- sumPercentage: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) * 100).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
234
- sumRegular: Number(k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
235
- averagePercentage: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / k.value.rows.length * 100).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
236
- averageRegular: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / k.value.rows.length).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString()
237
- })), Jn = b({
238
- width: 1e3,
239
- height: 500
240
- });
241
- function Yn({ width: e, height: t }) {
242
- Jn.value = {
243
- width: e,
244
- height: t
245
- };
246
- }
247
- let Xn = f(() => {
248
- if (!Wn.value) return [];
249
- let e = Jn.value.height, t = Jn.value.width, n = t / k.value.rows.length, r = Math.max(...k.value.rows.map((e) => e.value)), i = Math.min(...k.value.rows.map((e) => e.value)), a = T.dataset.header[k.value.col].isPercentage && T.dataset.header[k.value.col].percentageTo, ee = D.value.type === O.value.DONUT && V.value && V.value.name, s = T.dataset.header[k.value.col].name + (a ? ` / ${T.dataset.header[I.value[k.value.col].referenceIndex].name}` : "") + (ee ? ` ${K.value.translations.by} ${V.value.name}` : ""), te = T.dataset.header[k.value.col].prefix, re = T.dataset.header[k.value.col].suffix, ie = [{
250
- name: s,
251
- series: k.value.rows.map((e) => e.value),
252
- type: "line",
253
- useProgression: !0,
254
- smooth: K.value.style.chart.layout.line.smooth,
255
- color: K.value.style.chart.layout.line.stroke,
256
- useArea: K.value.style.chart.layout.line.useArea
257
- }], ae = [{
258
- name: s,
259
- series: k.value.rows.map((e) => e.value),
260
- type: "bar",
261
- useProgression: !0,
262
- color: K.value.style.chart.layout.bar.fill
263
- }], oe = K.value.style.chart.modal.backgroundColor, l = ne(oe), u = T.dataset.header[k.value.col].decimals, se = {
264
- useCssAnimation: !1,
265
- chart: {
266
- width: t,
267
- height: e - 250,
268
- backgroundColor: oe,
269
- color: l,
270
- labels: {
271
- fontSize: 18,
272
- prefix: te,
273
- suffix: re
274
- },
275
- grid: {
276
- stroke: o(l, .5),
277
- labels: {
278
- color: l,
279
- xAxisLabels: {
280
- color: l,
281
- show: Hn.value.length,
282
- values: Hn.value,
283
- datetimeFormatter: K.value.style.chart.layout.datetimeFormatter,
284
- showOnlyAtModulo: K.value.style.chart.layout.timeLabels.showOnlyAtModulo,
285
- modulo: K.value.style.chart.layout.timeLabels.modulo
286
- }
287
- }
288
- },
289
- highlighter: { color: l },
290
- legend: {
291
- color: l,
292
- show: !1
293
- },
294
- title: {
295
- text: s,
296
- color: l,
297
- textAlign: "center",
298
- fontSize: 18
299
- },
300
- tooltip: {
301
- showTimeLabel: Hn.value.length,
302
- backgroundOpacity: 30,
303
- color: l,
304
- backgroundColor: oe,
305
- showPercentage: !1,
306
- roundingValue: u
307
- },
308
- userOptions: { buttons: {
309
- pdf: !1,
310
- csv: !1,
311
- table: !1,
312
- annotator: !1
313
- } },
314
- zoom: {
315
- show: K.value.style.chart.layout.zoom.show,
316
- autoFit: K.value.style.chart.layout.zoom.autoFit,
317
- focusOnDrag: !0,
318
- minimap: { show: !0 }
319
- }
320
- },
321
- line: {
322
- labels: {
323
- show: !0,
324
- color: l,
325
- rounding: u
326
- },
327
- dot: {
328
- useSerieColor: !1,
329
- fill: K.value.style.chart.layout.line.plot.fill,
330
- strokeWidth: K.value.style.chart.layout.line.plot.strokeWidth
331
- }
332
- },
333
- bar: {
334
- useGradient: !1,
335
- border: {
336
- useSerieColor: !1,
337
- stroke: K.value.style.chart.layout.bar.stroke,
338
- strokeWidth: K.value.style.chart.layout.bar.strokeWidth
339
- },
340
- labels: {
341
- show: !0,
342
- color: l,
343
- rounding: u
344
- }
345
- }
346
- }, d = i >= 0 ? 0 : Math.abs(i), f = r + d, ce = T.dataset.header[k.value.col].isPercentage, p = k.value.rows.map((t, r) => ({
347
- x: n * r + n / 2,
348
- y: (1 - (t.value + d) / f) * e,
349
- value: ce ? t.value * 100 : t.value,
350
- suffix: ce ? "%" : T.dataset.header[k.value.col].suffix ? T.dataset.header[k.value.col].suffix : "",
351
- prefix: T.dataset.header[k.value.col].prefix ? T.dataset.header[k.value.col].prefix : "",
352
- index: t.index,
353
- absoluteValue: ce ? Math.abs(t.value) * 100 : Math.abs(t.value)
354
- }));
355
- return {
356
- donutConfig: {
357
- useCssAnimation: !1,
358
- userOptions: {
359
- position: "left",
360
- buttons: {
361
- pdf: !1,
362
- csv: !1,
363
- table: !1,
364
- annotator: !1
365
- }
366
- },
367
- style: { chart: {
368
- backgroundColor: oe,
369
- color: l,
370
- layout: {
371
- curvedMarkers: !0,
372
- donut: { strokeWidth: 64 },
373
- labels: {
374
- dataLabels: {
375
- suffix: ce ? "%" : "",
376
- prefix: te
377
- },
378
- value: { rounding: u },
379
- percentage: {
380
- color: l,
381
- rounding: u
382
- },
383
- name: { color: l },
384
- hollow: {
385
- average: {
386
- color: l,
387
- text: K.value.translations.average,
388
- value: { color: l }
389
- },
390
- total: {
391
- color: l,
392
- offsetY: -12,
393
- text: K.value.translations.total,
394
- value: {
395
- color: l,
396
- offsetY: -12
397
- }
398
- }
399
- }
400
- }
401
- },
402
- legend: {
403
- backgroundColor: oe,
404
- color: l,
405
- roundingValue: u,
406
- roundingPercentage: u
407
- },
408
- padding: {
409
- left: 12,
410
- right: 12
411
- },
412
- title: {
413
- text: s,
414
- color: l,
415
- fontSize: 18
416
- },
417
- tooltip: {
418
- backgroundOpacity: 30,
419
- color: l,
420
- backgroundColor: oe,
421
- roundingValue: u,
422
- roundingValue: u
423
- }
424
- } }
425
- },
426
- xyConfig: se,
427
- xyDatasetLine: ie,
428
- xyDatasetBar: ae,
429
- progression: p.length >= 2 && c(p)
430
- };
431
- });
432
- function Zn() {
433
- let e = V.value.options.map((e, t) => ({
434
- name: e,
435
- color: ee[t] || ee[t % ee.length],
436
- values: [Y.value.filter((t, n) => t.td[V.value.index] === e && k.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[k.value.col]).reduce((e, t) => Math.abs(e) + Math.abs(t), 0)],
437
- absoluteValue: Y.value.filter((t, n) => t.td[V.value.index] === e && k.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[k.value.col]).reduce((e, t) => e + t, 0)
438
- })).sort((e, t) => t.value - e.value);
439
- _n.value = e, de(() => {
440
- D.value.type = O.value.DONUT, U.value = !1;
441
- });
442
- }
443
- function Qn(e, t) {
444
- return !N.value[e] && (t.isSort || t.isSearch || t.isMultiselect || t.rangeFilter) && ![O.value.DATE].includes(t.type);
445
- }
446
- function $n(e = "all") {
447
- let n = T.dataset.header.map((e) => e.name), r = e === "all" ? W.value.map((e) => e.td) : Y.value.map((e) => e.td), a = [n].concat(r), o = i(a);
448
- t({
449
- csvContent: o,
450
- title: Dn.value
451
- });
452
- }
453
- function er() {
454
- let e = document.getElementsByClassName("th-dropdown");
455
- e.length && Array.from(e).forEach((e) => {
456
- e.dataset.isOpen = !1;
457
- });
458
- }
459
- function tr(e, t) {
460
- let n;
461
- clearTimeout(n), n = setTimeout(e, t);
462
- }
463
- function Z() {
464
- let e = document.getElementsByClassName(`tr_${E}`);
465
- Array.from(e).forEach((e) => {
466
- Array.from(e.getElementsByTagName("td")).forEach((e) => {
467
- e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.backgroundColor, e.style.color = K.value.style.rows.even.color) : (e.style.background = K.value.style.rows.odd.backgroundColor, e.style.color = K.value.style.rows.odd.color);
468
- });
469
- }), Array.from(e).forEach((e) => e.dataset.selected = "false"), A.value > J.value.length - 1 && (A.value = J.value.length - 1), H.value = !1, _n.value = void 0, Cn.value = void 0, D.value.type = O.value.BAR, k.value = {
470
- col: void 0,
471
- rows: []
472
- }, mn.value = 100, hn.value = 100;
473
- }
474
- function nr(e, t) {
475
- W.value = e.filter((e) => e.td[t] >= L.value[t].min && e[t] <= L.value[t].max);
476
- }
477
- function rr(e, t) {
478
- if (z.value[t] === O.value.ASC && (e = e.sort((e, n) => e[t] - n[t])), z.value[t] === O.value.DESC) e = e.sort((e, n) => n[t] - e[t]);
479
- else return 0;
480
- }
481
- function ir() {
482
- Z(), Object.keys(L.value).forEach((e) => {
483
- nr(W.value, e);
484
- }), Object.keys(z.value).forEach((e) => {
485
- rr(W.value, e);
486
- }), vn.value !== void 0 && rr(W.value, vn.value), T.dataset.header.forEach((e, t) => {
487
- if (e.isPercentage) {
488
- let e = I.value[t].referenceIndex, n = W.value.map((t) => t.td[e]).reduce((e, t) => e + t, 0);
489
- W.value.forEach((r) => {
490
- r.td[t] = r.td[e] / n;
491
- });
492
- }
493
- }), A.value > J.value.length - 1 && (A.value = J.value.length - 1), [-1].includes(A.value) && (A.value = 0);
494
- }
495
- function Q() {
496
- W.value = On.value.filter((e) => {
497
- for (let t in R.value) if (!e.td[t].toUpperCase().includes(R.value[t].toUpperCase())) return !1;
498
- for (let t in F.value) if (!F.value[t].some((n) => n === e.td[t])) return !1;
499
- for (let t in M.value) {
500
- let n = new Date(e.td[t]), r = new Date(M.value[t].from), i = new Date(M.value[t].to);
501
- if (n < r || n > i) return !1;
502
- }
503
- return !0;
504
- }), ir();
505
- }
506
- function ar(e) {
507
- return Kn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0) / W.value.length;
508
- }
509
- function or(e) {
510
- let t = T.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");
511
- return {
512
- from: `${i}-${o}-${s}`,
513
- to: `${a}-${ee}-${c}`
514
- };
515
- }
516
- function $(e) {
517
- return [...new Set(T.dataset.body.map((t) => t.td[e]))];
518
- }
519
- function sr(e) {
520
- return Kn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0);
521
- }
522
- function cr(e) {
523
- return e.includes(NaN);
524
- }
525
- function lr(e, t) {
526
- return !F.value[t] || F.value[t].includes(e);
527
- }
528
- function ur(e) {
529
- return !isNaN(Number(String(e).replaceAll("%", "")));
530
- }
531
- function dr(e, t) {
532
- let n = t.isSort, r = t.isSearch, i = t.isMultiselect && F.value[e], a = t.rangeFilter, o = (e) => {
533
- if (a && L.value[e]) return Math.round(L.value[e].min) === P.value[e].min && Math.round(L.value[e].max) === P.value[e].max;
534
- };
535
- if (n && r && i && a) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && F.value[e].length === $(e).length && o(e);
536
- if (n && r && i) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && F.value[e].length === $(e).length;
537
- if (n && r && a) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && o(e);
538
- if (n && r) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]);
539
- if (n && i && a) return [void 0].includes(z.value[e]) && F.value[e].length === $(e).length && o(e);
540
- if (n && i) return [void 0].includes(z.value[e]) && F.value[e].length === $(e).length;
541
- if (r && i && a) return ["", void 0].includes(R.value[e]) && F.value[e].length === $(e).length && o(e);
542
- if (r && i) return ["", void 0].includes(R.value[e]) && F.value[e].length === $(e).length;
543
- if (r && a) return ["", void 0].includes(R.value[e]) && o(e);
544
- if (r) return ["", void 0].includes(R.value[e]);
545
- if (n && a) return [void 0].includes(z.value[e]) && o(e);
546
- if (n) return [void 0].includes(z.value[e]);
547
- if (i && a) return F.value[e].length === $(e).length && o(e);
548
- if (i) return F.value[e].length === $(e).length;
549
- }
550
- function fr() {
551
- return {
552
- totalPages: J.value.length,
553
- itemsPerPage: B.value,
554
- currentPage: A.value,
555
- currentPageData: Y.value.map((e) => e.td)
556
- };
557
- }
558
- l({ getCurrentPageData: fr });
559
- function pr() {
560
- un("page-change", fr());
561
- }
562
- let mr = b(null);
563
- function hr(e) {
564
- if (Z(), e === "next" && A.value < J.value.length) {
565
- if (A.value + 1 > J.value.length - 1) return;
566
- A.value += 1;
567
- } else if (e === "previous" && A.value >= 1) --A.value;
568
- else {
569
- if (e - 1 < 0 || e > J.value.length || e === "previous") return;
570
- A.value = e - 1;
571
- }
572
- pr(), mr.value && mr.value.scrollTo({
573
- top: 0,
574
- left: 0,
575
- behavior: "smooth"
576
- });
577
- }
578
- function gr(e) {
579
- e.preventDefault();
580
- let t = e.keyCode;
581
- if (![
582
- 38,
583
- 40,
584
- 37,
585
- 39
586
- ].includes(t)) return;
587
- 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}_${E}`), o = document.getElementById(`cell_${r}_${i - 1}_${E}`), ee = document.getElementById(`cell_${r + 1}_${i}_${E}`), s = document.getElementById(`cell_${r - 1}_${i}_${E}`), c;
588
- switch (!0) {
589
- case t === 39:
590
- c = a;
591
- break;
592
- case t === 37:
593
- c = o;
594
- break;
595
- case t === 38:
596
- c = s;
597
- break;
598
- case t === 40:
599
- c = ee;
600
- break;
601
- default: return;
602
- }
603
- c && (c.focus(), c.scrollIntoView({
604
- behavior: "smooth",
605
- block: "center"
606
- }));
607
- }
608
- function _r(e) {
609
- let t = 0;
610
- for (let n = 0; n < e.length; n += 1) t += e.charCodeAt(n);
611
- return t;
612
- }
613
- async function vr() {
614
- return new Promise((e) => {
615
- let t = [];
616
- G.value.forEach((e, n) => {
617
- if (e.isSearch && Object.assign(R.value, { [n]: "" }), e.isMultiselect && Object.assign(F.value, { [n]: $(n) }), e.type === O.value.DATE && (Object.assign(M.value, { [n]: or(n) }), Object.assign(xn.value, { [n]: !1 })), (e.isPercentage || e.percentageTo) && Object.assign(I.value, { [n]: {
618
- reference: e.percentageTo,
619
- referenceIndex: T.dataset.header.map((e) => e.name).indexOf(e.percentageTo)
620
- } }), e.rangeFilter && (Object.assign(L.value, { [n]: {
621
- min: Math.round(Math.min(...T.dataset.body.map((e) => e.td).map((e) => e[n]))),
622
- max: Math.round(Math.max(...T.dataset.body.map((e) => e.td).map((e) => e[n])))
623
- } }), Object.assign(P.value, { [n]: {
624
- min: Math.round(Math.min(...T.dataset.body.map((e) => e.td).map((e) => e[n]))),
625
- max: Math.round(Math.max(...T.dataset.body.map((e) => e.td).map((e) => e[n])))
626
- } })), e.isPercentage) {
627
- let r = T.dataset.header.map((e) => e.name).indexOf(e.percentageTo), i = T.dataset.body.map((e) => e.td[r]).reduce((e, t) => e + t, 0);
628
- t.push([
629
- n,
630
- r,
631
- i
632
- ]);
633
- }
634
- e.type === O.value.NUMERIC && !e.isPercentage && Object.assign(N.value, { [n]: cr(T.dataset.body.map((e) => Number(e.td[n]))) });
635
- }), W.value.forEach((e, n) => {
636
- t.map((t) => {
637
- let [n, r, i] = t;
638
- e.td[n] = e.td[r] / i;
639
- }), e.td.forEach((t, r) => {
640
- T.dataset.header[r].type === O.value.TEXT && T.dataset.header[r].isSearch && (e[r] = _r(t)), T.dataset.header[r].type === O.value.DATE && (e[r] = new Date(t).getTime()), T.dataset.header[r].type === O.value.NUMERIC && (e[r] = isNaN(Number(t)) ? r : t), On.value[n][r] = e[r];
641
- });
642
- }), e(!0);
643
- });
644
- }
645
- function yr(e, t) {
646
- return new Promise((n, r) => {
647
- e().then((e) => {
648
- try {
649
- n(t(e));
650
- } catch (e) {
651
- r(e);
652
- }
653
- }).catch((e) => {
654
- r(e);
655
- });
656
- });
657
- }
658
- async function br(e) {
659
- M.value[e] = {
660
- from: or(e).from,
661
- to: or(e).to
662
- }, xn.value[e] = !1, await de(), Q();
663
- }
664
- function xr(e, t, n) {
665
- let r = n.currentTarget;
666
- clearTimeout(pn.value), r.classList.add("clicked"), pn.value = setTimeout(() => {
667
- r.classList.remove("clicked");
668
- }, 200), vn.value = void 0, t.rangeFilter && (L.value[e].min = P.value[e].min, L.value[e].max = P.value[e].max), t.isMultiselect ? (F.value[e] = $(e), t.type === O.value.TEXT && (z.value[e] = void 0), t.isSearch && (R.value[e] = "")) : t.type === O.value.NUMERIC ? z.value[e] = void 0 : t.type === O.value.TEXT ? (z.value[e] = void 0, R.value[e] = "") : t.type === O.value.DATE && (z.value[e] = void 0), Q();
669
- }
670
- function Sr({ td: e, rowIndex: t, colIndex: n, headerType: r, event: i }) {
671
- if (r !== O.value.NUMERIC || isNaN(Number(e))) {
672
- Z();
673
- return;
674
- }
675
- k.value.col !== n && Z();
676
- let a = i.currentTarget.parentNode;
677
- k.value.col = n, k.value.rows.map((e) => e.index).includes(t) ? (a.dataset.selected = "false", k.value.rows = k.value.rows.filter((e) => e.index !== t), i.currentTarget.classList.remove(gn.value.CELL), Array.from(a.children).forEach((e, t) => {
678
- e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.backgroundColor, e.style.color = K.value.style.rows.even.olor) : (e.style.background = K.value.style.rows.odd.backgroundColor, e.style.color = K.value.style.rows.odd.color);
679
- }), i.currentTarget.dataset.row === "even" ? (i.currentTarget.style.background = K.value.style.rows.even.backgroundColor, i.currentTarget.style.color = K.value.style.rows.even.color) : (i.currentTarget.style.background = K.value.style.rows.odd.backgroundColor, i.currentTarget.style.color = K.value.style.rows.odd.color)) : (a.dataset.selected = "true", k.value.rows.push({
680
- index: t,
681
- value: e
682
- }), Array.from(a.children).forEach((e, t) => {
683
- e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.selectedNeighbors.backgroundColor, e.style.color = K.value.style.rows.even.selectedNeighbors.color) : (e.style.background = K.value.style.rows.odd.selectedNeighbors.backgroundColor, e.style.color = K.value.style.rows.odd.selectedNeighbors.color);
684
- }), i.currentTarget.dataset.row === "odd" ? (i.currentTarget.style.background = K.value.style.rows.odd.selectedCell.backgroundColor, i.currentTarget.style.color = K.value.style.rows.odd.selectedCell.color) : (i.currentTarget.style.background = K.value.style.rows.even.selectedCell.backgroundColor, i.currentTarget.style.color = K.value.style.rows.even.selectedCell.color)), k.value.rows = k.value.rows.sort((e, t) => e.index - t.index), D.value.type === O.value.DONUT && k.value.rows.length > 0 && Zn();
685
- }
686
- function Cr(e) {
687
- k.value.col === e ? (Cn.value = void 0, Z()) : (Y.value.forEach((t, n) => {
688
- Sr({
689
- td: t.td[e],
690
- rowIndex: n,
691
- colIndex: e,
692
- headerType: O.value.NUMERIC,
693
- event: { currentTarget: document.getElementById(`cell_${n}_${e}_${E}`) }
694
- });
695
- }), Cn.value = e);
696
- }
697
- async function wr(e, t) {
698
- F.value[t].includes(e) ? F.value[t] = F.value[t].filter((t) => t !== e) : F.value[t].push(e), await de(), Q();
699
- }
700
- function Tr(e) {
701
- xn.value[e] = or(e).from !== M.value[e].from || or(e).to !== M.value[e].to;
702
- }
703
- function Er(e, t) {
704
- vn.value = e;
705
- let n = t.currentTarget;
706
- clearTimeout(pn.value), n.classList.add("clicked"), pn.value = setTimeout(() => {
707
- n.classList.remove("clicked");
708
- }, 200), z.value[e] === 1 ? z.value[e] = O.value.DESC : z.value[e] = O.value.ASC, ir();
709
- }
710
- function Dr(e, t, n) {
711
- let r = n.currentTarget;
712
- clearTimeout(pn.value), r.classList.add("clicked"), pn.value = setTimeout(() => {
713
- r.classList.remove("clicked");
714
- }, 200);
715
- let i = document.getElementById(`th_dropdown_${e}`);
716
- i.dataset.isOpen === "false" ? i.dataset.isOpen = "true" : i.dataset.isOpen = "false";
717
- }
718
- function Or(e) {
719
- Z(), !e || !e.target.value ? A.value = 0 : A.value = Number(e.target.value), pr();
720
- }
721
- let kr = b(null);
722
- fe(() => {
723
- if (T.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}");
724
- if (T.dataset.body.length === 0) throw Error("vue-ui-table error: missing body data");
725
- bn.value = !0, yr(vr, async () => {
726
- await de(), bn.value = !1;
727
- }), document.addEventListener("keydown", (e) => {
728
- let t = document.activeElement;
729
- (t && Array.from(t.classList).includes("td-focusable") && e.key.includes("Arrow") || e.code === "Space") && e.preventDefault();
730
- }), Dn.value = K.value.style.exportMenu.filename, En.value = zn.value[0]?.name ?? "";
731
- }), ge(() => T.dataset, (e) => {
732
- bn.value = !0, W.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
733
- ...e,
734
- absoluteIndex: t
735
- })), On.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
736
- ...e,
737
- absoluteIndex: t
738
- })), G.value = JSON.parse(JSON.stringify(e.header)).map((e, t) => ({
739
- average: Object.hasOwn(e, "average") ? e.average : !1,
740
- decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
741
- isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
742
- isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
743
- isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
744
- isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
745
- name: e.name,
746
- percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
747
- prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
748
- rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
749
- suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
750
- sum: Object.hasOwn(e, "sum") ? e.sum : !1,
751
- type: e.type,
752
- index: t
753
- })), k.value = {
754
- col: void 0,
755
- rows: []
756
- }, Cn.value = void 0, B.value = T.config.rowsPerPage ? T.config.rowsPerPage : 25, I.value = {}, M.value = {}, xn.value = {}, N.value = {}, P.value = {}, L.value = {}, F.value = {}, R.value = {}, z.value = {}, H.value = !1, _n.value = void 0, V.value = void 0, wn.value = void 0, U.value = !1, k.value.col = void 0, k.value.rows = [], yr(vr, async () => {
757
- Or(), await de(), bn.value = !1;
758
- });
759
- }, {
760
- immediate: !0,
761
- deep: !0
762
- });
763
- let Ar = b(null);
764
- return ge(yn, (e) => {
765
- e && Ar.value && Ar.value.focus();
766
- }), ge(H, (e) => {
767
- e ? kr.value && kr.value.open() : kr.value && kr.value.close();
768
- }), (t, n) => (y(), m("div", {
769
- class: "vue-data-ui-component vue-ui-table-main",
770
- style: v(`font-family: ${K.value.fontFamily}`)
771
- }, [
772
- K.value.style.exportMenu.show ? (y(), m("div", {
773
- key: 0,
774
- class: "vue-ui-table-export-hub",
775
- style: v({ top: kn.value + "px" })
776
- }, [h("button", {
777
- onClick: n[0] ||= (e) => yn.value = !yn.value,
778
- innerHTML: X.value.export,
779
- style: v(`background:${K.value.style.exportMenu.backgroundColor};color:${K.value.style.exportMenu.color};cursor:${q.value ? "pointer" : "default"}`)
780
- }, null, 12, xe), h("div", {
781
- class: "vue-ui-table-export-hub-dropdown",
782
- "data-is-open": yn.value || "false",
783
- style: v(`background:${K.value.style.exportMenu.backgroundColor};color:${K.value.style.exportMenu.color}`)
784
- }, [
785
- n[24] ||= h("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1),
786
- h("button", {
787
- class: "close-dropdown",
788
- onClick: n[1] ||= (e) => yn.value = !1,
789
- style: v(`background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color};border-radius:${K.value.style.closeButtons.borderRadius}`)
790
- }, " ✖ ", 4),
791
- h("div", Ce, [
792
- h("div", we, [h("div", Te, S(K.value.translations.exportAllLabel) + " (" + S(W.value.length) + ") ", 1), h("button", {
793
- id: "exportAll",
794
- onClick: n[2] ||= (e) => $n("all"),
795
- style: v(`background:${K.value.style.exportMenu.buttons.backgroundColor};color:${K.value.style.exportMenu.buttons.color};cursor:${q.value ? "pointer" : "default"}`)
796
- }, [h("div", { innerHTML: X.value.fileDownload }, null, 8, Ee), h("span", null, S(K.value.translations.exportAllButton), 1)], 4)]),
797
- h("div", De, [h("div", Oe, S(K.value.translations.exportPageLabel), 1), h("button", {
798
- id: "exportPage",
799
- onClick: n[3] ||= (e) => $n("page"),
800
- style: v(`background:${K.value.style.exportMenu.buttons.backgroundColor};color:${K.value.style.exportMenu.buttons.color};cursor:${q.value ? "pointer" : "default"}`)
801
- }, [h("div", { innerHTML: X.value.fileDownload }, null, 8, ke), h("span", null, S(K.value.translations.exportPageButton), 1)], 4)]),
802
- h("div", Ae, [h("label", je, [h("span", Me, S(K.value.translations.filename), 1), w(h("input", {
803
- name: "filename",
804
- ref_key: "filenameInputRef",
805
- ref: Ar,
806
- onKeydown: n[4] ||= ve(ye(() => {}, ["stop"]), ["space"]),
807
- pattern: ".*",
808
- class: "vue-ui-table-dialog-input",
809
- type: "text",
810
- "onUpdate:modelValue": n[5] ||= (e) => Dn.value = e
811
- }, null, 544), [[he, Dn.value]])]), Dn.value ? (y(), m("button", {
812
- key: 0,
813
- class: "vue-ui-table-dialog-field-button",
814
- onClick: n[6] ||= (e) => Dn.value = "",
815
- style: v({ cursor: q.value ? "pointer" : "default" })
816
- }, [le(u, {
817
- name: "close",
818
- stroke: K.value.style.exportMenu.color,
819
- size: 18
820
- }, null, 8, ["stroke"])], 4)) : p("", !0)])
821
- ])
822
- ], 12, Se)], 4)) : p("", !0),
823
- h("div", {
824
- class: "vue-ui-table__wrapper",
825
- style: v(`max-height:${K.value.maxHeight}px`),
826
- ref_key: "tableWrapper",
827
- ref: mr
828
- }, [h("table", Ne, [
829
- K.value.style.title.text ? (y(), m("caption", {
830
- key: 0,
831
- class: "vue-ui-table__caption",
832
- ref_key: "tableCaption",
833
- ref: fn,
834
- style: v({
835
- textAlign: K.value.style.title.textAlign,
836
- paddingLeft: K.value.style.title.paddingLeft + "px",
837
- paddingRight: K.value.style.title.paddingRight + "px",
838
- backgroundColor: K.value.style.title.backgroundColor,
839
- boxShadow: `${K.value.style.title.backgroundColor} -1px 0px 0px 0px`
840
- })
841
- }, [h("span", { style: v({
842
- fontSize: K.value.style.title.fontSize + "px",
843
- fontWeight: K.value.style.title.bold ? "bold" : "normal",
844
- color: K.value.style.title.color
845
- }) }, S(K.value.style.title.text), 5), K.value.style.title.subtitle.text ? (y(), m(d, { key: 0 }, [n[25] ||= h("br", null, null, -1), h("span", { style: v({
846
- fontSize: K.value.style.title.subtitle.fontSize,
847
- fontWeight: K.value.style.title.subtitle.bold ? "bold" : "normal",
848
- color: K.value.style.title.subtitle.color
849
- }) }, S(K.value.style.title.subtitle.text), 5)], 64)) : p("", !0)], 4)) : p("", !0),
850
- h("thead", {
851
- id: "tableHead",
852
- class: "vue-ui-table__head",
853
- style: v({
854
- background: K.value.style.th.backgroundColor,
855
- boxShadow: `-1px 0 0 ${K.value.style.th.backgroundColor}`,
856
- top: kn.value - 3 + "px"
857
- })
858
- }, [
859
- h("tr", null, [n[26] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
860
- key: `thead_${t}`,
861
- style: v(`overflow: visible;background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`),
862
- class: _({ "th-has-nan": N.value[t] })
863
- }, [Gn.value && ([O.value.TEXT, O.value.DATE].includes(e.type) || e.isPercentage) ? (y(), m("span", Pe, [g(S(e.name) + " ", 1), e.isPercentage ? (y(), m("span", Fe, " / " + S(e.percentageTo), 1)) : p("", !0)])) : (y(), m("span", Ie, S(e.name), 1))], 6))), 128))]),
864
- Gn.value ? (y(), m(d, { key: 0 }, [
865
- h("tr", null, [n[27] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
866
- key: `thead_${t}`,
867
- class: _({
868
- "th-numeric": !0,
869
- "th-has-nan": N.value[t]
870
- }),
871
- style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
872
- }, [e.sum && !N.value[t] ? (y(), m("span", Le, [
873
- h("span", {
874
- innerHTML: X.value.sum,
875
- style: {
876
- "margin-bottom": "-4px",
877
- "margin-right": "3px"
878
- }
879
- }, null, 8, Re),
880
- g(" " + S(C(s)({
881
- p: e.prefix,
882
- v: Number(sr(t)),
883
- s: e.suffix,
884
- r: e.decimals
885
- })) + " ", 1),
886
- I.value[t] && e.percentageTo && !e.isPercentage ? (y(), m("span", ze, " (" + S(isNaN(sr(t) / sr(I.value[t].referenceIndex)) ? "-" : C(s)({
887
- v: sr(t) / sr(I.value[t].referenceIndex) * 100,
888
- s: "%",
889
- r: e.decimals
890
- })) + ") ", 1)) : p("", !0)
891
- ])) : p("", !0)], 6))), 128))]),
892
- h("tr", null, [n[28] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
893
- key: `thead_${t}`,
894
- class: _({
895
- "th-numeric": !0,
896
- "th-has-nan": N.value[t]
897
- }),
898
- style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
899
- }, [e.average && !N.value[t] ? (y(), m("span", Be, " ~ " + S(isNaN(ar(t)) ? "" : C(s)({
900
- p: e.prefix,
901
- v: Number(ar(t)),
902
- s: e.suffix,
903
- r: e.decimals
904
- })), 1)) : p("", !0)], 6))), 128))]),
905
- h("tr", null, [n[31] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
906
- key: `thead_${t}`,
907
- class: _({ "th-has-nan": N.value[t] }),
908
- style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
909
- }, [h("div", Ve, [
910
- e.type === O.value.DATE && M.value[t] ? (y(), m("div", He, [h("div", Ue, [h("div", We, [h("label", { for: `from_${t}` }, S(K.value.translations.from), 9, Ge), w(h("input", {
911
- id: `from_${t}`,
912
- type: "date",
913
- "onUpdate:modelValue": (e) => M.value[t].from = e,
914
- onInput: (e) => {
915
- Q(), Tr(t);
916
- },
917
- style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
918
- }, null, 44, Ke), [[he, M.value[t].from]])]), h("div", qe, [h("label", { for: `to_${t}` }, S(K.value.translations.to), 9, Je), w(h("input", {
919
- id: `to_${t}`,
920
- type: "date",
921
- "onUpdate:modelValue": (e) => M.value[t].to = e,
922
- onInput: (e) => {
923
- Q(), Tr(t);
924
- },
925
- style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
926
- }, null, 44, Ye), [[he, M.value[t].to]])])]), h("div", Xe, [e.isSort ? (y(), m("button", {
927
- key: 0,
928
- onClick: (e) => Er(t, e),
929
- class: _({ "th-button-active": [O.value.DESC, O.value.ASC].includes(z.value[t]) }),
930
- style: v(`cursor:${q.value ? "pointer" : "default"}; background:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.color}`)
931
- }, [z.value[t] === O.value.ASC ? (y(), m("span", {
932
- key: 0,
933
- innerHTML: [O.value.DATE].includes(e.type) ? X.value.sort09 : X.value.sortAZ
934
- }, null, 8, Qe)) : z.value[t] === O.value.DESC ? (y(), m("span", {
935
- key: 1,
936
- innerHTML: [O.value.DATE].includes(e.type) ? X.value.sort90 : X.value.sortZA
937
- }, null, 8, $e)) : (y(), m("span", {
938
- key: 2,
939
- innerHTML: X.value.arrowSort
940
- }, null, 8, et))], 14, Ze)) : p("", !0), h("button", {
941
- onClick: (n) => {
942
- br(t), xr(t, e, n);
943
- },
944
- disabled: !xn.value[t] && dr(t, e),
945
- class: "th-reset",
946
- style: v({ cursor: q.value ? "pointer" : "default" })
947
- }, " ✖ ", 12, tt)])])) : p("", !0),
948
- e.isSearch ? w((y(), m("input", {
949
- key: 1,
950
- placeholder: K.value.translations.inputPlaceholder,
951
- "onUpdate:modelValue": (e) => R.value[t] = e,
952
- onInput: n[7] ||= (e) => tr(Q, 400),
953
- name: `search_${t}`,
954
- style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
955
- }, null, 44, nt)), [[he, R.value[t]]]) : p("", !0),
956
- !N.value[t] && e.isSort && e.type !== O.value.DATE ? (y(), m("button", {
957
- key: 2,
958
- onClick: (e) => Er(t, e),
959
- class: _({ "th-button-active": [O.value.DESC, O.value.ASC].includes(z.value[t]) }),
960
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.color}`)
961
- }, [z.value[t] === O.value.ASC ? (y(), m("span", {
962
- key: 0,
963
- innerHTML: [O.value.NUMERIC].includes(e.type) ? X.value.sort09 : X.value.sortZA
964
- }, null, 8, it)) : z.value[t] === O.value.DESC ? (y(), m("span", {
965
- key: 1,
966
- innerHTML: [O.value.NUMERIC].includes(e.type) ? X.value.sort90 : X.value.sortAZ
967
- }, null, 8, at)) : (y(), m("span", {
968
- key: 2,
969
- innerHTML: X.value.arrowSort
970
- }, null, 8, ot))], 14, rt)) : p("", !0),
971
- e.isMultiselect ? (y(), m("button", {
972
- key: 3,
973
- onClick: (n) => Dr(t, e, n),
974
- innerHTML: X.value.filter,
975
- class: _({ "th-button-active": F.value[t] && F.value[t].length !== $(t).length }),
976
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${F.value[t] && F.value[t].length !== $(t).length ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${F.value[t] && F.value[t].length !== $(t).length ? "" : K.value.style.th.buttons.filter.inactive.color}`)
977
- }, null, 14, st)) : p("", !0),
978
- k.value.col === t && Wn.value ? (y(), m("button", {
979
- key: 4,
980
- onClick: n[8] ||= (e) => H.value = !H.value,
981
- innerHTML: X.value.chart,
982
- class: _({ "th-button-active": H.value }),
983
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${H.value ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${H.value ? "" : K.value.style.th.buttons.filter.inactive.color}`)
984
- }, null, 14, ct)) : p("", !0),
985
- e.rangeFilter && L.value[t] && !N.value[t] ? (y(), m("div", lt, [
986
- h("label", { for: `rangeMin${t}` }, [...n[29] ||= [
987
- h("span", { style: { color: "grey" } }, "ᒥ", -1),
988
- g(" min ", -1),
989
- h("span", { style: { color: "grey" } }, "ᒣ", -1)
990
- ]], 8, ut),
991
- w(h("input", {
992
- type: "number",
993
- id: `rangeMin${t}`,
994
- max: P.value[t].max,
995
- min: P.value[t].min,
996
- "onUpdate:modelValue": (e) => L.value[t].min = e,
997
- onInput: n[9] ||= (e) => tr(Q, 400),
998
- style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
999
- }, null, 44, dt), [[
1000
- he,
1001
- L.value[t].min,
1002
- void 0,
1003
- { number: !0 }
1004
- ]]),
1005
- w(h("input", {
1006
- type: "number",
1007
- id: `rangeMax${t}`,
1008
- max: P.value[t].max,
1009
- min: P.value[t].min,
1010
- "onUpdate:modelValue": (e) => L.value[t].max = e,
1011
- onInput: n[10] ||= (e) => tr(Q, 400),
1012
- style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
1013
- }, null, 44, ft), [[
1014
- he,
1015
- L.value[t].max,
1016
- void 0,
1017
- { number: !0 }
1018
- ]]),
1019
- h("label", { for: `rangeMax${t}` }, [...n[30] ||= [
1020
- h("span", { style: { color: "grey" } }, "ᒪ", -1),
1021
- g(" max ", -1),
1022
- h("span", { style: { color: "grey" } }, "ᒧ", -1)
1023
- ]], 8, pt)
1024
- ])) : p("", !0),
1025
- Qn(t, e) ? (y(), m("button", {
1026
- key: 6,
1027
- onClick: (n) => xr(t, e, n),
1028
- disabled: dr(t, e),
1029
- class: "th-reset",
1030
- style: v({ cursor: q.value ? "pointer" : "default" })
1031
- }, " ✖ ", 12, mt)) : p("", !0),
1032
- e.isMultiselect ? (y(), m("div", {
1033
- key: 7,
1034
- class: "th-dropdown",
1035
- "data-is-open": "false",
1036
- id: `th_dropdown_${t}`,
1037
- style: v(`background:${K.value.style.dropdowns.backgroundColor};color:${K.value.style.dropdowns.color}`)
1038
- }, [h("button", {
1039
- class: "close-dropdown",
1040
- onClick: (n) => Dr(t, e, n),
1041
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color}`)
1042
- }, " ✖ ", 12, gt), (y(!0), m(d, null, x($(t), (e, n) => (y(), m("span", {
1043
- class: "th-option",
1044
- key: `th_option_${t}_${n}`,
1045
- onClick: (n) => wr(e, t),
1046
- onKeyup: [ve((n) => wr(e, t), ["enter"]), ve((n) => wr(e, t), ["space"])],
1047
- style: v(`opacity:${lr(e, t) ? 1 : .5}`),
1048
- tabindex: "0"
1049
- }, [lr(e, t) ? (y(), m("span", {
1050
- key: 0,
1051
- style: v(`color:${K.value.style.dropdowns.icons.selected.color};margin-right:5px`),
1052
- class: "th-icon-green"
1053
- }, S(K.value.style.dropdowns.icons.selected.unicode), 5)) : (y(), m("span", {
1054
- key: 1,
1055
- style: v(`color:${K.value.style.dropdowns.icons.unselected.color};margin-right:5px`),
1056
- class: "th-icon-red"
1057
- }, S(K.value.style.dropdowns.icons.unselected.unicode), 5)), h("span", null, S(e), 1)], 44, _t))), 128))], 12, ht)) : p("", !0)
1058
- ])], 6))), 128))])
1059
- ], 64)) : p("", !0),
1060
- h("tr", null, [n[32] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
1061
- key: `col_selector_${t}`,
1062
- class: _({
1063
- "vue-ui-table-col-selector": !N.value[t],
1064
- "th-has-nan": N.value[t]
1065
- }),
1066
- style: v(`background:${t === Cn.value && !N.value[t] ? K.value.style.th.selected.backgroundColor : K.value.style.th.backgroundColor};color:${t === Cn.value && !N.value[t] ? K.value.style.th.selected.color : K.value.style.th.color};outline:${K.value.style.th.outline}`)
1067
- }, [N.value[t] ? p("", !0) : (y(), m("div", {
1068
- key: 0,
1069
- innerHTML: G.value[t].type === O.value.NUMERIC ? X.value.chevronDown : "",
1070
- class: _({ "col-selector": G.value[t].type === O.value.NUMERIC }),
1071
- tabindex: "0",
1072
- style: v({ cursor: q.value ? "pointer" : "default" }),
1073
- onClick: ye((e) => Cr(t), ["stop"]),
1074
- onKeyup: ve((e) => Cr(t), ["enter"])
1075
- }, null, 46, vt))], 6))), 128))])
1076
- ], 4),
1077
- h("tbody", {
1078
- onClick: er,
1079
- onKeydown: n[11] ||= (e) => gr(e)
1080
- }, [(y(!0), m(d, null, x(Y.value, (t, n) => (y(), m("tr", {
1081
- key: `tbody_${n}`,
1082
- "data-row": n % 2 == 0 ? "odd" : "even",
1083
- class: _(`tr_${C(E)}`),
1084
- style: v(`${n % 2 == 0 ? `background:${K.value.style.rows.odd.backgroundColor};color:${K.value.style.rows.odd.color}` : `background:${K.value.style.rows.even.backgroundColor};color:${K.value.style.rows.even.color}`}`)
1085
- }, [h("td", {
1086
- class: "vue-ui-table-td-iteration",
1087
- "data-row": n % 2 == 0 ? "odd" : "even",
1088
- style: v({ outline: K.value.style.rows.outline })
1089
- }, S(t.absoluteIndex + 1), 13, bt), (y(!0), m(d, null, x(t.td, (r, i) => (y(), m("td", {
1090
- "data-row": n % 2 == 0 ? "odd" : "even",
1091
- key: `td_${n}_${i}`,
1092
- style: v(ur(r) || e.dataset.header[i].type === O.value.DATE ? `text-align:right;font-variant-numeric: tabular-nums;outline:${K.value.style.rows.outline}` : `outline:${K.value.style.rows.outline}`),
1093
- onClick: (t) => Sr({
1094
- td: r,
1095
- rowIndex: n,
1096
- colIndex: i,
1097
- headerType: e.dataset.header[i].type,
1098
- event: t
1099
- }),
1100
- onKeyup: [ve((t) => Sr({
1101
- td: r,
1102
- rowIndex: n,
1103
- colIndex: i,
1104
- headerType: e.dataset.header[i].type,
1105
- event: t
1106
- }), ["enter"]), ve((t) => Sr({
1107
- td: r,
1108
- rowIndex: n,
1109
- colIndex: i,
1110
- headerType: e.dataset.header[i].type,
1111
- event: t
1112
- }), ["space"])],
1113
- class: _({
1114
- "td-numeric": e.dataset.header[i].type === O.value.NUMERIC,
1115
- "td-focusable": !0,
1116
- "td-has-nan": N.value[i]
1117
- }),
1118
- id: `cell_${n}_${i}_${C(E)}`,
1119
- tabindex: "0"
1120
- }, [t.meta && t.meta.markerIndices.includes(i) && t.meta.unicodeIcon ? (y(), m("span", {
1121
- key: 0,
1122
- style: v(`color:${t.meta.color};margin-right:3px`),
1123
- innerHTML: t.meta.unicodeIcon
1124
- }, null, 12, St)) : p("", !0), e.dataset.header[i].type === O.value.DATE ? (y(), m("span", Ct, S(e.dataset.header[i].prefix) + " " + S(new Date(r).toLocaleString().slice(0, 10)) + " " + S(e.dataset.header[i].suffix), 1)) : e.dataset.header[i].isPercentage ? (y(), m("span", wt, S(C(s)({
1125
- v: Number(r * 100),
1126
- s: "%",
1127
- r: e.dataset.header[i].decimals
1128
- })), 1)) : I.value[i] && e.dataset.header[i].percentageTo && !e.dataset.header[i].isPercentage ? (y(), m("span", {
1129
- key: 3,
1130
- class: _({ "td-nan": isNaN(Number(r)) })
1131
- }, S(isNaN(Number(r)) ? `${r} is not ${O.value.NUMERIC}` : C(s)({
1132
- p: e.dataset.header[i].prefix,
1133
- v: Number(r),
1134
- s: e.dataset.header[i].suffix,
1135
- r: e.dataset.header[i].decimals
1136
- })) + " (" + S(isNaN(Number(r)) ? "" : C(s)({
1137
- v: Number(r / sr(I.value[i].referenceIndex) * 100),
1138
- s: "%",
1139
- r: e.dataset.header[i].decimals
1140
- })) + ") ", 3)) : e.dataset.header[i].type === O.value.NUMERIC ? (y(), m("span", {
1141
- key: 4,
1142
- class: _({ "td-nan": isNaN(Number(r)) })
1143
- }, S(isNaN(Number(r)) ? `${r} is not ${O.value.NUMERIC}` : C(s)({
1144
- p: e.dataset.header[i].prefix,
1145
- v: Number(r.toFixed(e.dataset.header[i].decimals)),
1146
- s: e.dataset.header[i].suffix,
1147
- r: e.dataset.header[i].decimals
1148
- })), 3)) : (y(), m("span", Tt, S(e.dataset.header[i].prefix) + " " + S(r) + " " + S(e.dataset.header[i].suffix), 1))], 46, xt))), 128))], 14, yt))), 128))], 32)
1149
- ])], 4),
1150
- h("div", {
1151
- class: _({
1152
- "td-selector-info": !0,
1153
- "td-selector-info--active": k.value.col !== void 0 && k.value.rows.length
1154
- }),
1155
- style: v(`background:${K.value.style.infoBar.backgroundColor};color:${K.value.style.infoBar.color}`)
1156
- }, [k.value.col !== void 0 && k.value.rows.length ? (y(), m(d, { key: 0 }, [
1157
- h("div", {
1158
- innerHTML: X.value.table,
1159
- class: "td-selector-icon"
1160
- }, null, 8, Et),
1161
- h("span", null, [
1162
- h("b", null, [g(S(e.dataset.header[k.value.col].name) + " ", 1), e.dataset.header[k.value.col].isPercentage ? (y(), m("span", Dt, " / " + S(e.dataset.header[I.value[k.value.col].referenceIndex].name), 1)) : p("", !0)]),
1163
- h("span", Ot, [g(S(K.value.translations.nb) + " : ", 1), h("b", kt, S(k.value.rows.length), 1)]),
1164
- h("span", At, [
1165
- g(S(K.value.translations.sum) + " : ", 1),
1166
- e.dataset.header[k.value.col].isPercentage ? (y(), m("b", jt, S(qn.value.sumPercentage), 1)) : (y(), m("b", Mt, S(e.dataset.header[k.value.col].prefix) + " " + S(qn.value.sumRegular) + " " + S(e.dataset.header[k.value.col].suffix), 1)),
1167
- e.dataset.header[k.value.col].isPercentage ? (y(), m("b", Nt, "%")) : p("", !0)
1168
- ]),
1169
- h("span", Pt, [
1170
- g(S(K.value.translations.average) + " : ", 1),
1171
- e.dataset.header[k.value.col].isPercentage ? (y(), m("b", Ft, S(qn.value.averagePercentage), 1)) : (y(), m("b", It, S(e.dataset.header[k.value.col].prefix) + " " + S(qn.value.averageRegular) + " " + S(e.dataset.header[k.value.col].suffix), 1)),
1172
- e.dataset.header[k.value.col].isPercentage ? (y(), m("b", Lt, "%")) : p("", !0)
1173
- ])
1174
- ]),
1175
- h("button", {
1176
- onClick: Z,
1177
- class: "td-selector-info-reset",
1178
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color};border-radius:${K.value.style.closeButtons.borderRadius}`)
1179
- }, " ✖ ", 4)
1180
- ], 64)) : p("", !0)], 6),
1181
- W.value.length > 10 ? (y(), m("div", Rt, [g(S(K.value.translations.totalRows) + " : " + S(e.dataset.body.length) + " | " + S(K.value.translations.paginatorLabel) + " : ", 1), W.value.length > 10 ? w((y(), m("select", {
1182
- key: 0,
1183
- id: "paginatorSelector",
1184
- "onUpdate:modelValue": n[12] ||= (e) => B.value = e,
1185
- onChange: n[13] ||= (e) => {
1186
- Z(), pr();
1187
- },
1188
- style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
1189
- }, [(y(!0), m(d, null, x(Sn.value, (t, n) => (y(), m(d, null, [W.value.length > t || e.dataset.body.length === t ? (y(), m("option", { key: `paginator_option_${n}` }, S(t), 1)) : p("", !0)], 64))), 256))], 36)), [[
1190
- me,
1191
- B.value,
1192
- void 0,
1193
- { number: !0 }
1194
- ]]) : p("", !0)])) : p("", !0),
1195
- B.value >= 250 ? (y(), m("div", zt, [h("span", { innerHTML: X.value.warning }, null, 8, Bt), g(S(K.value.translations.sizeWarning), 1)])) : p("", !0),
1196
- J.value.length > 1 && J.value.length <= 10 ? (y(), m("div", {
1197
- key: 3,
1198
- class: "vue-ui-table-navigation-indicator",
1199
- style: v(`background:${K.value.style.pagination.navigationIndicator.backgroundColor};width:calc(${A.value / (J.value.length - 1) * 100}%)`)
1200
- }, null, 4)) : p("", !0),
1201
- J.value.length > 1 ? (y(), m("div", Vt, [
1202
- h("button", {
1203
- class: "vue-ui-table-navigation",
1204
- onClick: n[14] ||= ye((e) => hr("previous"), ["stop"]),
1205
- innerHTML: X.value.chevronLeft,
1206
- disabled: A.value === 0,
1207
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === 0 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
1208
- }, null, 12, Ht),
1209
- J.value.length > 3 ? (y(), m(d, { key: 0 }, [
1210
- h("button", {
1211
- class: "vue-ui-table-navigation",
1212
- onClick: n[15] ||= ye((e) => hr(1), ["stop"]),
1213
- disabled: A.value === 0,
1214
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === 0 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
1215
- }, " 1 ", 12, Ut),
1216
- J.value.length > 10 ? (y(), m("div", {
1217
- key: 0,
1218
- class: "vue-ui-table-page-scroller-wrapper",
1219
- style: v({ cursor: q.value ? "pointer" : "default" })
1220
- }, [h("label", Wt, S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1), h("input", {
1221
- class: "vue-ui-table-page-scroller",
1222
- id: "pageScroller",
1223
- type: "range",
1224
- step: "1",
1225
- min: 0,
1226
- max: J.value.length - 1,
1227
- onInput: n[16] ||= (e) => Or(e),
1228
- value: A.value,
1229
- style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border};accent-color:${K.value.style.inputs.accentColor}`)
1230
- }, null, 44, Gt)], 4)) : (y(), m("span", Kt, S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1)),
1231
- h("button", {
1232
- class: "vue-ui-table-navigation",
1233
- onClick: n[17] ||= ye((e) => hr(J.value.length), ["stop"]),
1234
- disabled: A.value === J.value.length - 1,
1235
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === J.value.length - 1 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
1236
- }, S(J.value.length), 13, qt)
1237
- ], 64)) : (y(), m(d, { key: 1 }, [g(S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1)], 64)),
1238
- h("button", {
1239
- class: "vue-ui-table-navigation",
1240
- onClick: n[18] ||= ye((e) => hr("next"), ["stop"]),
1241
- innerHTML: X.value.chevronRight,
1242
- disabled: A.value === J.value.length - 1,
1243
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === J.value.length - 1 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
1244
- }, null, 12, Jt)
1245
- ])) : p("", !0),
1246
- le(C(ln), {
1247
- ref_key: "chartModal",
1248
- ref: kr,
1249
- backgroundColor: K.value.style.chart.modal.backgroundColor,
1250
- headerColor: K.value.style.chart.modal.color,
1251
- color: K.value.style.chart.modal.color,
1252
- forcedHeight: 500,
1253
- isCursorPointer: q.value,
1254
- withPadding: "",
1255
- withFullWidth: "",
1256
- noLayerUpdate: "",
1257
- onClose: n[23] ||= (e) => H.value = !1,
1258
- onSize: Yn
1259
- }, {
1260
- before: _e(() => [h("div", Yt, [
1261
- Un.value.length ? (y(), m("button", {
1262
- key: 0,
1263
- onClick: n[19] ||= (e) => U.value = !0,
1264
- innerHTML: X.value.donut,
1265
- class: _({ "is-active-chart": D.value.type === O.value.DONUT || U.value }),
1266
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.DONUT || U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.DONUT || U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
1267
- }, null, 14, Xt)) : p("", !0),
1268
- h("button", {
1269
- onClick: n[20] ||= (e) => {
1270
- D.value.type = O.value.LINE, U.value = !1;
1271
- },
1272
- innerHTML: X.value.chart,
1273
- class: _({ "is-active-chart": D.value.type === O.value.LINE && !U.value }),
1274
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.LINE && !U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.LINE && !U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
1275
- }, null, 14, Zt),
1276
- h("button", {
1277
- onClick: n[21] ||= (e) => {
1278
- D.value.type = O.value.BAR, U.value = !1;
1279
- },
1280
- innerHTML: X.value.bar,
1281
- class: _({ "is-active-chart": D.value.type === O.value.BAR && !U.value }),
1282
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.BAR && !U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.BAR && !U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
1283
- }, null, 14, Qt)
1284
- ])]),
1285
- content: _e(() => [h("div", $t, [
1286
- U.value && Un.value.length ? (y(), m("div", {
1287
- key: 0,
1288
- style: v(`background:${K.value.style.chart.modal.backgroundColor};color:${K.value.style.chart.modal.color}`)
1289
- }, [h("fieldset", en, [
1290
- h("legend", null, S(K.value.translations.chooseCategoryColumn), 1),
1291
- h("div", tn, [(y(!0), m(d, null, x(Un.value, (e, t) => (y(), m("div", {
1292
- key: `donut_radio_${t}`,
1293
- class: "vue-ui-table-fieldset-option"
1294
- }, [h("input", {
1295
- type: "radio",
1296
- name: e.name,
1297
- id: e.name,
1298
- checked: V.value && e.name === V.value.name,
1299
- onInput: (e) => V.value = Un.value[t],
1300
- style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border};accent-color:${K.value.style.inputs.accentColor}`)
1301
- }, null, 44, nn), h("label", { for: e.name }, S(e.name), 9, rn)]))), 128))]),
1302
- h("button", {
1303
- class: "vue-ui-table-generate-donut",
1304
- disabled: !V.value,
1305
- onClick: Zn,
1306
- style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.chart.modal.buttons.selected.backgroundColor};color:${K.value.style.chart.modal.buttons.selected.color}`)
1307
- }, [h("div", {
1308
- style: { "margin-bottom": "-3px" },
1309
- innerHTML: X.value.donut
1310
- }, null, 8, on), g(" " + S(K.value.translations.makeDonut), 1)], 12, an)
1311
- ])], 4)) : p("", !0),
1312
- [O.value.BAR, O.value.LINE].includes(D.value.type) && !U.value ? (y(), m(d, { key: 1 }, [
1313
- Bn.value.length > 1 ? (y(), m("label", {
1314
- key: 0,
1315
- style: v({ color: K.value.style.chart.modal.color })
1316
- }, [g(S(K.value.translations.xAxisLabels) + " ", 1), w(h("select", { "onUpdate:modelValue": n[22] ||= (e) => En.value = e }, [(y(!0), m(d, null, x(Bn.value, (e) => (y(), m("option", null, S(e), 1))), 256))], 512), [[me, En.value]])], 4)) : p("", !0),
1317
- h("div", sn, [D.value.type === O.value.LINE ? (y(), ce(re, {
1318
- key: `chart_line_${Tn.value}`,
1319
- dataset: Xn.value.xyDatasetLine,
1320
- config: Xn.value.xyConfig
1321
- }, null, 8, ["dataset", "config"])) : p("", !0), D.value.type === O.value.BAR ? (y(), ce(re, {
1322
- key: `chart_bar_${Tn.value}`,
1323
- dataset: Xn.value.xyDatasetBar,
1324
- config: Xn.value.xyConfig
1325
- }, null, 8, ["dataset", "config"])) : p("", !0)]),
1326
- k.value.rows.length >= 2 ? (y(), m("div", {
1327
- key: 1,
1328
- class: "chart-trend",
1329
- style: v(`color:${K.value.style.chart.modal.color}`)
1330
- }, [n[33] ||= h("span", null, "---", -1), g(" Trend: " + S(C(s)({
1331
- v: Xn.value.progression.trend * 100,
1332
- s: "%",
1333
- r: 1
1334
- })), 1)], 4)) : p("", !0)
1335
- ], 64)) : p("", !0),
1336
- [O.value.DONUT].includes(D.value.type) && !U.value ? (y(), m("div", cn, [le(se, {
1337
- dataset: _n.value,
1338
- config: Xn.value.donutConfig
1339
- }, null, 8, ["dataset", "config"])])) : p("", !0)
1340
- ])]),
1341
- _: 1
1342
- }, 8, [
1343
- "backgroundColor",
1344
- "headerColor",
1345
- "color",
1346
- "isCursorPointer"
1347
- ])
1348
- ], 4));
1349
- }
1350
- }, [["__scopeId", "data-v-4acdb715"]]);
1351
- //#endregion
1352
- export { be as n, ln as t };