vue-data-ui 3.22.13 → 3.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +13 -1
- package/dist/{Arrow-DKx74WtM.js → Arrow-o2qHNvrC.js} +1 -1
- package/dist/{BaseDraggableDialog-3n8udWmh.js → BaseDraggableDialog-qTnfhLBz.js} +2 -2
- package/dist/{BaseIcon-CP5RWnqt.js → BaseIcon-91MZoczJ.js} +4 -3
- package/dist/{BaseLegendToggle-DsWphmIb.js → BaseLegendToggle-CtAPwzr2.js} +1 -1
- package/dist/{BaseZoomControls-C9_ygNN4.js → BaseZoomControls-rdzlicuz.js} +2 -2
- package/dist/{ColorPicker-3N_HVgXs.js → ColorPicker-CIAkdPrj.js} +2 -2
- package/dist/{DataTable-DzPEVvSo.js → DataTable-D4tM9s5Y.js} +2 -2
- package/dist/HillActions-BWhxHlrj.js +187 -0
- package/dist/{Legend-C0xAnJdO.js → Legend-CQTRlzK-.js} +2 -2
- package/dist/{NonSvgPenAndPaper-B_mE5UbR.js → NonSvgPenAndPaper-Cawacw1W.js} +19 -19
- package/dist/{PackageVersion-B6Hokxw9.js → PackageVersion--QCMh5k_.js} +1 -1
- package/dist/{PenAndPaper-CSMVXpg2.js → PenAndPaper-cE4J8-rA.js} +11 -11
- package/dist/{Shape-BfnXr1nJ.js → Shape-BPMV94Ij.js} +3 -3
- package/dist/{Slicer-C6qNUmZ4.js → Slicer-5yIrdoJv.js} +15 -15
- package/dist/SlicerPreview-DvjLV2TW.js +1689 -0
- package/dist/{SparkTooltip-uoUiL_P8.js → SparkTooltip-BaYtEKS6.js} +6 -6
- package/dist/Title-BODtwViI.js +87 -0
- package/dist/{Tooltip-CA1rtSyl.js → Tooltip-CMTGxeYO.js} +1 -1
- package/dist/{UserOptions-DzAFK9cY.js → UserOptions-3ujTo3LD.js} +2 -2
- package/dist/components/arrow.js +1 -1
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-accordion.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-bump.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dag.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-geo.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-hill.js +2 -0
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-icon.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-mini-loader.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-rating.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-smiley.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-stackline.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/{dom-to-png-BdAFKZQg.js → dom-to-png-4tdMNGPX.js} +1 -1
- package/dist/exposedLib-DWLRqRhv.js +25 -0
- package/dist/{img-Bikk1dGb.js → img-DIQG5q8T.js} +1 -1
- package/dist/{labelUtils-BUhssos9.js → labelUtils-C5lnc_xc.js} +1 -1
- package/dist/{lib-CFm_J26b.js → lib-BuMGJ_a0.js} +216 -173
- package/dist/{package-DmDydylu.js → package-BMc_ZieJ.js} +1 -1
- package/dist/{pdf-zmz3l2uy.js → pdf-Cnz4NKM9.js} +1 -1
- package/dist/{render-common-BIG8JYGK.js → render-common-Ktg2LZFG.js} +21 -21
- package/dist/ssr/vue-ui-donut.js +1 -1
- package/dist/ssr/vue-ui-xy.js +1 -1
- package/dist/ssr.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +493 -0
- package/dist/types/vue-ui-hill.d.ts +90 -0
- package/dist/useAutoSizeLabelsInsideViewbox-DvDwcwi_.js +122 -0
- package/dist/{useConfig-C0V0eG7L.js → useConfig-BilxnBNr.js} +767 -476
- package/dist/useHints-Dq_w2E8B.js +66 -0
- package/dist/{useNestedProp-BY6DNN3i.js → useNestedProp--NSEmhOH.js} +1 -1
- package/dist/{useObjectBindings-Djwpii4d.js → useObjectBindings-Cwq7NcQz.js} +3 -2
- package/dist/{usePrinter-BH-xle1O.js → usePrinter-BFvi4jVy.js} +2 -2
- package/dist/useTransitions-g_zBREk2.js +39 -0
- package/dist/utils.js +14 -14
- package/dist/{vue-data-ui-rkzh6EkO.js → vue-data-ui-EsawKe_W.js} +85 -81
- package/dist/vue-data-ui.js +77 -76
- package/dist/vue-ui-3d-bar-RSUS2xpL.js +1849 -0
- package/dist/{vue-ui-accordion-UA88lv4d.js → vue-ui-accordion-61MlW-Ge.js} +4 -4
- package/dist/vue-ui-age-pyramid-CgnPWA93.js +1263 -0
- package/dist/vue-ui-annotator-DBRT85HG.js +2913 -0
- package/dist/vue-ui-bullet-Bc3-WaN1.js +724 -0
- package/dist/{vue-ui-bump-BS7RCf0Z.js → vue-ui-bump-Dvv3iSKr.js} +332 -295
- package/dist/{vue-ui-candlestick-BZSGDKrM.js → vue-ui-candlestick-DvvsrIdp.js} +464 -440
- package/dist/vue-ui-carousel-table-DtsNVim8.js +463 -0
- package/dist/vue-ui-chestnut-ArloORzP.js +2068 -0
- package/dist/{vue-ui-chord-D6G7ceE-.js → vue-ui-chord-xX5gWZy8.js} +430 -424
- package/dist/vue-ui-circle-pack-D8wykmqg.js +1638 -0
- package/dist/{vue-ui-cursor-BpN5MsXM.js → vue-ui-cursor-CxgE6Phh.js} +61 -61
- package/dist/{vue-ui-dag-BzgOgXzU.js → vue-ui-dag-C9Sf9vH7.js} +924 -916
- package/dist/vue-ui-dashboard-bGmaglAj.js +520 -0
- package/dist/{vue-ui-digits-OMPrn8fb.js → vue-ui-digits-DgDE-_Fn.js} +58 -50
- package/dist/vue-ui-donut-B_n6wF6B.js +2440 -0
- package/dist/{vue-ui-donut-Cp5NbZ1r.js → vue-ui-donut-Bmo149AR.js} +113 -113
- package/dist/{vue-ui-donut-evolution-DHVi5rOn.js → vue-ui-donut-evolution-D6vH_hfx.js} +528 -447
- package/dist/vue-ui-dumbbell-BX4Ao_wR.js +1582 -0
- package/dist/{vue-ui-flow-BusUK3H0.js → vue-ui-flow-Bshw8pT_.js} +415 -407
- package/dist/vue-ui-funnel-CjYosIik.js +797 -0
- package/dist/vue-ui-galaxy-CvXgy-dy.js +1111 -0
- package/dist/vue-ui-gauge-CByT0_vF.js +953 -0
- package/dist/{vue-ui-geo-CyFgFKlh.js → vue-ui-geo-C-gSZL2q.js} +378 -363
- package/dist/{vue-ui-gizmo-DdeXwCQp.js → vue-ui-gizmo-CJdxyPID.js} +57 -49
- package/dist/{vue-ui-heatmap-D8-qJ7fg.js → vue-ui-heatmap-DEEKv8ip.js} +498 -490
- package/dist/vue-ui-hill-D7LYAgAL.js +1768 -0
- package/dist/{vue-ui-history-plot-C2Aqk2ON.js → vue-ui-history-plot-BhcU94Pt.js} +553 -556
- package/dist/vue-ui-horizontal-bar-CfFye5tL.js +1733 -0
- package/dist/vue-ui-kpi-DCBnNfTb.js +104 -0
- package/dist/vue-ui-mini-loader-CtWpqnLW.js +133 -0
- package/dist/vue-ui-molecule-D3igGyOy.js +958 -0
- package/dist/{vue-ui-mood-radar-BiOjxFEN.js → vue-ui-mood-radar-sl6DMxqR.js} +349 -341
- package/dist/{vue-ui-nested-donuts-Cl1HVvDp.js → vue-ui-nested-donuts-aS4YzaB3.js} +449 -413
- package/dist/vue-ui-onion-EhPTZpW_.js +1258 -0
- package/dist/vue-ui-parallel-coordinate-plot-DE9wTmQQ.js +1455 -0
- package/dist/{vue-ui-quadrant-B21LkUc8.js → vue-ui-quadrant-SaY_RPSE.js} +625 -617
- package/dist/vue-ui-quick-chart-CJ9rejnj.js +2389 -0
- package/dist/{vue-ui-radar-CyzAyVos.js → vue-ui-radar-CaNen5Fj.js} +356 -310
- package/dist/vue-ui-rating--K7rX2an.js +360 -0
- package/dist/vue-ui-relation-circle-FLs8vOxQ.js +925 -0
- package/dist/vue-ui-ridgeline-Beg5hshN.js +1663 -0
- package/dist/{vue-ui-rings-FtcdX8xl.js → vue-ui-rings-BevKD8P-.js} +449 -423
- package/dist/{vue-ui-scatter-Cp_-2ahf.js → vue-ui-scatter-CNA7jF-o.js} +721 -702
- package/dist/{vue-ui-skeleton-COytVrfN.js → vue-ui-skeleton-B9ZP1w-i.js} +395 -387
- package/dist/{vue-ui-smiley-Da2jgkb7.js → vue-ui-smiley-DYnqqk6u.js} +128 -120
- package/dist/{vue-ui-spark-trend-DC2KUlEY.js → vue-ui-spark-trend-R0ebpg-G.js} +132 -117
- package/dist/{vue-ui-sparkbar-DdxQOFIF.js → vue-ui-sparkbar-DYC3By0v.js} +119 -111
- package/dist/{vue-ui-sparkgauge-DTA-fORH.js → vue-ui-sparkgauge-Bw6no-In.js} +76 -68
- package/dist/vue-ui-sparkhistogram-DvRKy8rq.js +590 -0
- package/dist/{vue-ui-sparkline-DcR_N-zT.js → vue-ui-sparkline-Dz1uzBos.js} +389 -364
- package/dist/vue-ui-sparkstackbar-DlnPdZih.js +692 -0
- package/dist/vue-ui-stackbar-B-THcavY.js +2350 -0
- package/dist/vue-ui-stackline-3dBPoI0h.js +2464 -0
- package/dist/{vue-ui-strip-plot-NLCwYvyw.js → vue-ui-strip-plot-ACeYOoHj.js} +505 -484
- package/dist/vue-ui-table-heatmap-DVwMqzje.js +364 -0
- package/dist/{vue-ui-table-AM9brdwU.js → vue-ui-table-rFy16bp0.js} +512 -504
- package/dist/{vue-ui-table-sparkline-BE6DAvur.js → vue-ui-table-sparkline-CABJzK8p.js} +207 -181
- package/dist/vue-ui-thermometer-CVQ-H69Q.js +777 -0
- package/dist/{vue-ui-timer-BZM5ITG9.js → vue-ui-timer-Bm8LpsnI.js} +66 -58
- package/dist/{vue-ui-tiremarks-BCncDpHX.js → vue-ui-tiremarks-DB3f5qiz.js} +127 -119
- package/dist/vue-ui-treemap-DP0Sx8Y8.js +1760 -0
- package/dist/vue-ui-waffle-iPpdk1Bm.js +1412 -0
- package/dist/vue-ui-wheel-BJkEYfLj.js +892 -0
- package/dist/{vue-ui-word-cloud-D7R7nhk1.js → vue-ui-word-cloud-B2sxtel9.js} +440 -432
- package/dist/{vue-ui-world-DZBt-07p.js → vue-ui-world-BBQZLnzm.js} +343 -335
- package/dist/vue-ui-xy-ChZg7AtI.js +1364 -0
- package/dist/{vue-ui-xy-CluEZ7lS.js → vue-ui-xy-DZj5DT-q.js} +1633 -1587
- package/dist/{vue-ui-xy-canvas-7YSYRdwr.js → vue-ui-xy-canvas-BN2u0bOJ.js} +456 -430
- package/dist/vue_ui_hill-dnltu0L-.js +368 -0
- package/package.json +2 -2
- package/dist/SlicerPreview-Cw6WMVhG.js +0 -1689
- package/dist/Title-BuPs74IB.js +0 -87
- package/dist/exposedLib-Ciw6TGtP.js +0 -25
- package/dist/useAutoSizeLabelsInsideViewbox-C9RNjsGv.js +0 -50
- package/dist/useMountedDelay-BAjrhRJb.js +0 -14
- package/dist/vue-ui-3d-bar-D5xHEWr1.js +0 -1824
- package/dist/vue-ui-age-pyramid-CAJg01c7.js +0 -1246
- package/dist/vue-ui-annotator-q3ZKx6ua.js +0 -2905
- package/dist/vue-ui-bullet-ByeaWGfI.js +0 -709
- package/dist/vue-ui-carousel-table-DO5NRXvX.js +0 -455
- package/dist/vue-ui-chestnut-BfeSPeEh.js +0 -2042
- package/dist/vue-ui-circle-pack-Cqmlw7AV.js +0 -1610
- package/dist/vue-ui-dashboard-DLvGJXJY.js +0 -512
- package/dist/vue-ui-donut-ZIRebAWc.js +0 -2418
- package/dist/vue-ui-dumbbell-gDYjU2oF.js +0 -1564
- package/dist/vue-ui-funnel-BtaYaU0r.js +0 -781
- package/dist/vue-ui-galaxy-BMp-HzDh.js +0 -1076
- package/dist/vue-ui-gauge-CBou0cFE.js +0 -925
- package/dist/vue-ui-horizontal-bar-BuwxI7d1.js +0 -1689
- package/dist/vue-ui-kpi-ByxoO01r.js +0 -96
- package/dist/vue-ui-mini-loader-D9pprk2c.js +0 -125
- package/dist/vue-ui-molecule-BqJJq49_.js +0 -932
- package/dist/vue-ui-onion-CRQOxurS.js +0 -1199
- package/dist/vue-ui-parallel-coordinate-plot-Dhn18RtR.js +0 -1412
- package/dist/vue-ui-quick-chart-DAhSXYnp.js +0 -2443
- package/dist/vue-ui-rating-DbxK-ftN.js +0 -352
- package/dist/vue-ui-relation-circle-Cb33DMZo.js +0 -917
- package/dist/vue-ui-ridgeline-D7aArzQk.js +0 -1627
- package/dist/vue-ui-sparkhistogram-D1oFTrvt.js +0 -575
- package/dist/vue-ui-sparkstackbar-BlFio0lP.js +0 -674
- package/dist/vue-ui-stackbar-Cu13EdVa.js +0 -2322
- package/dist/vue-ui-stackline-DKL0o_-3.js +0 -2427
- package/dist/vue-ui-table-heatmap-CSI482KG.js +0 -338
- package/dist/vue-ui-thermometer-D6Czx7Fb.js +0 -769
- package/dist/vue-ui-treemap-BOEYCOdk.js +0 -1727
- package/dist/vue-ui-waffle-BrM8IHdG.js +0 -1367
- package/dist/vue-ui-wheel-BNsajigQ.js +0 -884
- package/dist/vue-ui-xy-Dt_1bSBT.js +0 -1364
|
@@ -1,104 +1,105 @@
|
|
|
1
1
|
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import {
|
|
3
|
-
import { t as
|
|
4
|
-
import { t as
|
|
5
|
-
import { t as
|
|
6
|
-
import { t as u } from "./
|
|
7
|
-
import { t as d } from "./
|
|
8
|
-
import {
|
|
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";
|
|
9
10
|
//#region src/components/vue-ui-table.vue
|
|
10
|
-
var
|
|
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 = {
|
|
11
12
|
class: "label vue-ui-table-dialog-input-label",
|
|
12
13
|
style: { width: "100%" }
|
|
13
|
-
},
|
|
14
|
+
}, je = { style: { width: "fit-content" } }, Me = { class: "vue-ui-table" }, Ne = { key: 0 }, Pe = { key: 0 }, Fe = { key: 1 }, Ie = {
|
|
14
15
|
key: 0,
|
|
15
16
|
style: {
|
|
16
17
|
display: "flex",
|
|
17
18
|
"align-items": "center",
|
|
18
19
|
"justify-content": "flex-end"
|
|
19
20
|
}
|
|
20
|
-
},
|
|
21
|
+
}, Le = ["innerHTML"], Re = {
|
|
21
22
|
key: 0,
|
|
22
23
|
style: { "margin-left": "3px" }
|
|
23
|
-
},
|
|
24
|
+
}, ze = { key: 0 }, Be = { class: "th-filter" }, Ve = {
|
|
24
25
|
key: 0,
|
|
25
26
|
class: "th-date"
|
|
26
|
-
},
|
|
27
|
+
}, He = { class: "date-wrapper--inputs" }, Ue = { class: "date-fieldset" }, We = ["for"], Ge = [
|
|
27
28
|
"id",
|
|
28
29
|
"onUpdate:modelValue",
|
|
29
30
|
"onInput"
|
|
30
|
-
],
|
|
31
|
+
], Ke = { class: "date-fieldset" }, qe = ["for"], Je = [
|
|
31
32
|
"id",
|
|
32
33
|
"onUpdate:modelValue",
|
|
33
34
|
"onInput"
|
|
34
|
-
],
|
|
35
|
+
], Ye = { class: "date-wrapper--button" }, Xe = ["onClick"], Ze = ["innerHTML"], Qe = ["innerHTML"], $e = ["innerHTML"], et = ["onClick", "disabled"], tt = [
|
|
35
36
|
"placeholder",
|
|
36
37
|
"onUpdate:modelValue",
|
|
37
38
|
"name"
|
|
38
|
-
],
|
|
39
|
+
], nt = ["onClick"], rt = ["innerHTML"], it = ["innerHTML"], at = ["innerHTML"], ot = ["onClick", "innerHTML"], st = ["innerHTML"], ct = {
|
|
39
40
|
key: 5,
|
|
40
41
|
class: "th-range-filter"
|
|
41
|
-
},
|
|
42
|
+
}, lt = ["for"], ut = [
|
|
42
43
|
"id",
|
|
43
44
|
"max",
|
|
44
45
|
"min",
|
|
45
46
|
"onUpdate:modelValue"
|
|
46
|
-
],
|
|
47
|
+
], dt = [
|
|
47
48
|
"id",
|
|
48
49
|
"max",
|
|
49
50
|
"min",
|
|
50
51
|
"onUpdate:modelValue"
|
|
51
|
-
],
|
|
52
|
+
], ft = ["for"], pt = ["onClick", "disabled"], mt = ["id"], ht = ["onClick"], gt = ["onClick", "onKeyup"], _t = [
|
|
52
53
|
"innerHTML",
|
|
53
54
|
"onClick",
|
|
54
55
|
"onKeyup"
|
|
55
|
-
],
|
|
56
|
+
], vt = ["data-row"], yt = ["data-row"], bt = [
|
|
56
57
|
"data-row",
|
|
57
58
|
"onClick",
|
|
58
59
|
"onKeyup",
|
|
59
60
|
"id"
|
|
60
|
-
],
|
|
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 = {
|
|
61
62
|
key: 0,
|
|
62
63
|
class: "format-num"
|
|
63
|
-
},
|
|
64
|
+
}, jt = {
|
|
64
65
|
key: 1,
|
|
65
66
|
class: "format-num"
|
|
66
|
-
},
|
|
67
|
+
}, Mt = { key: 2 }, Nt = { style: { "margin-left": "12px" } }, Pt = {
|
|
67
68
|
key: 0,
|
|
68
69
|
class: "format-num"
|
|
69
|
-
},
|
|
70
|
+
}, Ft = {
|
|
70
71
|
key: 1,
|
|
71
72
|
class: "format-num"
|
|
72
|
-
},
|
|
73
|
+
}, It = { key: 2 }, Lt = {
|
|
73
74
|
key: 1,
|
|
74
75
|
class: "vue-ui-table-paginator format-num"
|
|
75
|
-
},
|
|
76
|
+
}, Rt = {
|
|
76
77
|
key: 2,
|
|
77
78
|
class: "vue-ui-table-size-warning"
|
|
78
|
-
},
|
|
79
|
+
}, zt = ["innerHTML"], Bt = {
|
|
79
80
|
key: 4,
|
|
80
81
|
class: "vue-ui-table-pagination format-num"
|
|
81
|
-
},
|
|
82
|
+
}, Vt = ["innerHTML", "disabled"], Ht = ["disabled"], Ut = {
|
|
82
83
|
for: "pageScroller",
|
|
83
84
|
style: { "font-size": "14px" }
|
|
84
|
-
},
|
|
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: {
|
|
85
86
|
width: "100%",
|
|
86
87
|
height: "fit-content"
|
|
87
|
-
} },
|
|
88
|
+
} }, $t = { class: "vue-ui-table-fieldset" }, en = { class: "vue-ui-table-fieldset-wrapper" }, tn = [
|
|
88
89
|
"name",
|
|
89
90
|
"id",
|
|
90
91
|
"checked",
|
|
91
92
|
"onInput"
|
|
92
|
-
],
|
|
93
|
+
], nn = ["for"], rn = ["disabled"], an = ["innerHTML"], on = { style: {
|
|
93
94
|
width: "100%",
|
|
94
95
|
"margin-bottom": "12px"
|
|
95
|
-
} },
|
|
96
|
+
} }, sn = {
|
|
96
97
|
key: 2,
|
|
97
98
|
style: {
|
|
98
99
|
width: "100%",
|
|
99
100
|
"margin-bottom": "32px"
|
|
100
101
|
}
|
|
101
|
-
},
|
|
102
|
+
}, cn = /*#__PURE__*/ u({
|
|
102
103
|
__name: "vue-ui-table",
|
|
103
104
|
props: {
|
|
104
105
|
config: {
|
|
@@ -115,21 +116,21 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
115
116
|
}
|
|
116
117
|
},
|
|
117
118
|
emits: ["page-change"],
|
|
118
|
-
setup(e, { expose:
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
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
|
|
129
130
|
}));
|
|
130
|
-
let
|
|
131
|
+
let cn = le(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), E = e, ln = ye, { vue_ui_table: un } = l(), D = te();
|
|
131
132
|
x(null);
|
|
132
|
-
let
|
|
133
|
+
let dn = x(null), fn = x(null), O = x({
|
|
133
134
|
height: 316,
|
|
134
135
|
type: "bar",
|
|
135
136
|
width: 512
|
|
@@ -143,17 +144,17 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
143
144
|
NUMERIC: "numeric",
|
|
144
145
|
PERCENTAGE: "percentage",
|
|
145
146
|
TEXT: "text"
|
|
146
|
-
}),
|
|
147
|
+
}), pn = x(100), mn = x(100);
|
|
147
148
|
x(0), x(0), x(400), x(200);
|
|
148
|
-
let
|
|
149
|
+
let hn = x({
|
|
149
150
|
CELL: "smart-td-selected",
|
|
150
151
|
FIRST_TD: "smart-td-selected-first",
|
|
151
152
|
LAST_TD: "smart-td-selected-last",
|
|
152
153
|
ROW: "smart-td-selected-neighbor"
|
|
153
|
-
}),
|
|
154
|
+
}), gn = x(void 0), _n = x(void 0), A = x({
|
|
154
155
|
col: void 0,
|
|
155
156
|
rows: []
|
|
156
|
-
}), j = x(0), M = x(20),
|
|
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([
|
|
157
158
|
10,
|
|
158
159
|
25,
|
|
159
160
|
50,
|
|
@@ -162,13 +163,13 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
162
163
|
500,
|
|
163
164
|
E.config.rowsPerPage ? E.config.rowsPerPage : 25,
|
|
164
165
|
E.dataset.body.length
|
|
165
|
-
])].sort((e, t) => e - t)),
|
|
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) => ({
|
|
166
167
|
...e,
|
|
167
168
|
absoluteIndex: t
|
|
168
|
-
}))),
|
|
169
|
+
}))), Dn = x(JSON.parse(JSON.stringify(E.dataset.body)).map((e, t) => ({
|
|
169
170
|
...e,
|
|
170
171
|
absoluteIndex: t
|
|
171
|
-
}))),
|
|
172
|
+
}))), K = x(JSON.parse(JSON.stringify(E.dataset.header)).map((e, t) => ({
|
|
172
173
|
average: Object.hasOwn(e, "average") ? e.average : !1,
|
|
173
174
|
decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
|
|
174
175
|
isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
|
|
@@ -183,21 +184,28 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
183
184
|
sum: Object.hasOwn(e, "sum") ? e.sum : !1,
|
|
184
185
|
type: e.type,
|
|
185
186
|
index: t
|
|
186
|
-
}))),
|
|
187
|
-
defaultConfig:
|
|
187
|
+
}))), On = p(() => dn.value ? dn.value.getBoundingClientRect().height + 3 : 3), q = p(() => Object.keys(E.config || {}).length ? r(a({
|
|
188
|
+
defaultConfig: un,
|
|
188
189
|
userConfig: E.config
|
|
189
|
-
})) :
|
|
190
|
-
|
|
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);
|
|
191
199
|
return e ? e.index : null;
|
|
192
|
-
}),
|
|
200
|
+
}), Y = p(() => {
|
|
193
201
|
let e = [];
|
|
194
|
-
if (
|
|
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));
|
|
195
203
|
return e;
|
|
196
|
-
}),
|
|
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) => ({
|
|
197
205
|
index: e,
|
|
198
206
|
name: E.dataset.header[e].name,
|
|
199
207
|
options: I.value[e]
|
|
200
|
-
}))),
|
|
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(() => ({
|
|
201
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>`,
|
|
202
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>`,
|
|
203
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>`,
|
|
@@ -217,81 +225,81 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
217
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>`,
|
|
218
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>`,
|
|
219
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>`
|
|
220
|
-
})),
|
|
228
|
+
})), Kn = p(() => G.value.map((e) => e.td)), qn = p(() => ({
|
|
221
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(),
|
|
222
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(),
|
|
223
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(),
|
|
224
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()
|
|
225
|
-
})),
|
|
233
|
+
})), Jn = x({
|
|
226
234
|
width: 1e3,
|
|
227
235
|
height: 500
|
|
228
236
|
});
|
|
229
|
-
function
|
|
230
|
-
|
|
237
|
+
function Yn({ width: e, height: t }) {
|
|
238
|
+
Jn.value = {
|
|
231
239
|
width: e,
|
|
232
240
|
height: t
|
|
233
241
|
};
|
|
234
242
|
}
|
|
235
|
-
let
|
|
236
|
-
if (!
|
|
237
|
-
let e =
|
|
238
|
-
name:
|
|
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,
|
|
239
247
|
series: A.value.rows.map((e) => e.value),
|
|
240
248
|
type: "line",
|
|
241
249
|
useProgression: !0,
|
|
242
|
-
smooth:
|
|
243
|
-
color:
|
|
244
|
-
useArea:
|
|
245
|
-
}],
|
|
246
|
-
name:
|
|
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,
|
|
247
255
|
series: A.value.rows.map((e) => e.value),
|
|
248
256
|
type: "bar",
|
|
249
257
|
useProgression: !0,
|
|
250
|
-
color:
|
|
251
|
-
}],
|
|
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 = {
|
|
252
260
|
useCssAnimation: !1,
|
|
253
261
|
chart: {
|
|
254
|
-
width:
|
|
262
|
+
width: t,
|
|
255
263
|
height: e - 250,
|
|
256
|
-
backgroundColor:
|
|
257
|
-
color:
|
|
264
|
+
backgroundColor: l,
|
|
265
|
+
color: u,
|
|
258
266
|
labels: {
|
|
259
267
|
fontSize: 18,
|
|
260
268
|
prefix: te,
|
|
261
|
-
suffix:
|
|
269
|
+
suffix: re
|
|
262
270
|
},
|
|
263
271
|
grid: {
|
|
264
|
-
stroke:
|
|
272
|
+
stroke: o(u, .5),
|
|
265
273
|
labels: {
|
|
266
|
-
color:
|
|
274
|
+
color: u,
|
|
267
275
|
xAxisLabels: {
|
|
268
|
-
color:
|
|
269
|
-
show:
|
|
270
|
-
values:
|
|
271
|
-
datetimeFormatter:
|
|
272
|
-
showOnlyAtModulo:
|
|
273
|
-
modulo:
|
|
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
|
|
274
282
|
}
|
|
275
283
|
}
|
|
276
284
|
},
|
|
277
|
-
highlighter: { color:
|
|
285
|
+
highlighter: { color: u },
|
|
278
286
|
legend: {
|
|
279
|
-
color:
|
|
287
|
+
color: u,
|
|
280
288
|
show: !1
|
|
281
289
|
},
|
|
282
290
|
title: {
|
|
283
|
-
text:
|
|
284
|
-
color:
|
|
291
|
+
text: s,
|
|
292
|
+
color: u,
|
|
285
293
|
textAlign: "center",
|
|
286
294
|
fontSize: 18
|
|
287
295
|
},
|
|
288
296
|
tooltip: {
|
|
289
|
-
showTimeLabel:
|
|
297
|
+
showTimeLabel: Hn.value.length,
|
|
290
298
|
backgroundOpacity: 30,
|
|
291
|
-
color:
|
|
292
|
-
backgroundColor:
|
|
299
|
+
color: u,
|
|
300
|
+
backgroundColor: l,
|
|
293
301
|
showPercentage: !1,
|
|
294
|
-
roundingValue:
|
|
302
|
+
roundingValue: d
|
|
295
303
|
},
|
|
296
304
|
userOptions: { buttons: {
|
|
297
305
|
pdf: !1,
|
|
@@ -300,7 +308,7 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
300
308
|
annotator: !1
|
|
301
309
|
} },
|
|
302
310
|
zoom: {
|
|
303
|
-
show:
|
|
311
|
+
show: q.value.style.chart.layout.zoom.show,
|
|
304
312
|
focusOnDrag: !0,
|
|
305
313
|
minimap: { show: !0 }
|
|
306
314
|
}
|
|
@@ -308,36 +316,36 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
308
316
|
line: {
|
|
309
317
|
labels: {
|
|
310
318
|
show: !0,
|
|
311
|
-
color:
|
|
312
|
-
rounding:
|
|
319
|
+
color: u,
|
|
320
|
+
rounding: d
|
|
313
321
|
},
|
|
314
322
|
dot: {
|
|
315
323
|
useSerieColor: !1,
|
|
316
|
-
fill:
|
|
317
|
-
strokeWidth:
|
|
324
|
+
fill: q.value.style.chart.layout.line.plot.fill,
|
|
325
|
+
strokeWidth: q.value.style.chart.layout.line.plot.strokeWidth
|
|
318
326
|
}
|
|
319
327
|
},
|
|
320
328
|
bar: {
|
|
321
329
|
useGradient: !1,
|
|
322
330
|
border: {
|
|
323
331
|
useSerieColor: !1,
|
|
324
|
-
stroke:
|
|
325
|
-
strokeWidth:
|
|
332
|
+
stroke: q.value.style.chart.layout.bar.stroke,
|
|
333
|
+
strokeWidth: q.value.style.chart.layout.bar.strokeWidth
|
|
326
334
|
},
|
|
327
335
|
labels: {
|
|
328
336
|
show: !0,
|
|
329
|
-
color:
|
|
330
|
-
rounding:
|
|
337
|
+
color: u,
|
|
338
|
+
rounding: d
|
|
331
339
|
}
|
|
332
340
|
}
|
|
333
|
-
},
|
|
334
|
-
x:
|
|
335
|
-
y: (1 - (t.value +
|
|
336
|
-
value:
|
|
337
|
-
suffix:
|
|
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 : "",
|
|
338
346
|
prefix: E.dataset.header[A.value.col].prefix ? E.dataset.header[A.value.col].prefix : "",
|
|
339
347
|
index: t.index,
|
|
340
|
-
absoluteValue:
|
|
348
|
+
absoluteValue: se ? Math.abs(t.value) * 100 : Math.abs(t.value)
|
|
341
349
|
}));
|
|
342
350
|
return {
|
|
343
351
|
donutConfig: {
|
|
@@ -352,34 +360,34 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
352
360
|
}
|
|
353
361
|
},
|
|
354
362
|
style: { chart: {
|
|
355
|
-
backgroundColor:
|
|
356
|
-
color:
|
|
363
|
+
backgroundColor: l,
|
|
364
|
+
color: u,
|
|
357
365
|
layout: {
|
|
358
366
|
curvedMarkers: !0,
|
|
359
367
|
donut: { strokeWidth: 64 },
|
|
360
368
|
labels: {
|
|
361
369
|
dataLabels: {
|
|
362
|
-
suffix:
|
|
370
|
+
suffix: se ? "%" : "",
|
|
363
371
|
prefix: te
|
|
364
372
|
},
|
|
365
|
-
value: { rounding:
|
|
373
|
+
value: { rounding: d },
|
|
366
374
|
percentage: {
|
|
367
|
-
color:
|
|
368
|
-
rounding:
|
|
375
|
+
color: u,
|
|
376
|
+
rounding: d
|
|
369
377
|
},
|
|
370
|
-
name: { color:
|
|
378
|
+
name: { color: u },
|
|
371
379
|
hollow: {
|
|
372
380
|
average: {
|
|
373
|
-
color:
|
|
374
|
-
text:
|
|
375
|
-
value: { color:
|
|
381
|
+
color: u,
|
|
382
|
+
text: q.value.translations.average,
|
|
383
|
+
value: { color: u }
|
|
376
384
|
},
|
|
377
385
|
total: {
|
|
378
|
-
color:
|
|
386
|
+
color: u,
|
|
379
387
|
offsetY: -12,
|
|
380
|
-
text:
|
|
388
|
+
text: q.value.translations.total,
|
|
381
389
|
value: {
|
|
382
|
-
color:
|
|
390
|
+
color: u,
|
|
383
391
|
offsetY: -12
|
|
384
392
|
}
|
|
385
393
|
}
|
|
@@ -387,63 +395,63 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
387
395
|
}
|
|
388
396
|
},
|
|
389
397
|
legend: {
|
|
390
|
-
backgroundColor:
|
|
391
|
-
color:
|
|
392
|
-
roundingValue:
|
|
393
|
-
roundingPercentage:
|
|
398
|
+
backgroundColor: l,
|
|
399
|
+
color: u,
|
|
400
|
+
roundingValue: d,
|
|
401
|
+
roundingPercentage: d
|
|
394
402
|
},
|
|
395
403
|
padding: {
|
|
396
404
|
left: 12,
|
|
397
405
|
right: 12
|
|
398
406
|
},
|
|
399
407
|
title: {
|
|
400
|
-
text:
|
|
401
|
-
color:
|
|
408
|
+
text: s,
|
|
409
|
+
color: u,
|
|
402
410
|
fontSize: 18
|
|
403
411
|
},
|
|
404
412
|
tooltip: {
|
|
405
413
|
backgroundOpacity: 30,
|
|
406
|
-
color:
|
|
407
|
-
backgroundColor:
|
|
408
|
-
roundingValue:
|
|
409
|
-
roundingValue:
|
|
414
|
+
color: u,
|
|
415
|
+
backgroundColor: l,
|
|
416
|
+
roundingValue: d,
|
|
417
|
+
roundingValue: d
|
|
410
418
|
}
|
|
411
419
|
} }
|
|
412
420
|
},
|
|
413
|
-
xyConfig:
|
|
414
|
-
xyDatasetLine:
|
|
415
|
-
xyDatasetBar:
|
|
416
|
-
progression:
|
|
421
|
+
xyConfig: oe,
|
|
422
|
+
xyDatasetLine: ie,
|
|
423
|
+
xyDatasetBar: ae,
|
|
424
|
+
progression: m.length >= 2 && c(m)
|
|
417
425
|
};
|
|
418
426
|
});
|
|
419
|
-
function
|
|
420
|
-
let e =
|
|
427
|
+
function Zn() {
|
|
428
|
+
let e = H.value.options.map((e, t) => ({
|
|
421
429
|
name: e,
|
|
422
|
-
color:
|
|
423
|
-
values: [
|
|
424
|
-
absoluteValue:
|
|
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)
|
|
425
433
|
})).sort((e, t) => t.value - e.value);
|
|
426
|
-
|
|
427
|
-
O.value.type = k.value.DONUT,
|
|
434
|
+
gn.value = e, ue(() => {
|
|
435
|
+
O.value.type = k.value.DONUT, W.value = !1;
|
|
428
436
|
});
|
|
429
437
|
}
|
|
430
|
-
function
|
|
438
|
+
function Qn(e, t) {
|
|
431
439
|
return !P.value[e] && (t.isSort || t.isSearch || t.isMultiselect || t.rangeFilter) && ![k.value.DATE].includes(t.type);
|
|
432
440
|
}
|
|
433
|
-
function
|
|
434
|
-
let
|
|
435
|
-
|
|
436
|
-
csvContent:
|
|
437
|
-
title:
|
|
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
|
|
438
446
|
});
|
|
439
447
|
}
|
|
440
|
-
function
|
|
448
|
+
function er() {
|
|
441
449
|
let e = document.getElementsByClassName("th-dropdown");
|
|
442
450
|
e.length && Array.from(e).forEach((e) => {
|
|
443
451
|
e.dataset.isOpen = !1;
|
|
444
452
|
});
|
|
445
453
|
}
|
|
446
|
-
function
|
|
454
|
+
function tr(e, t) {
|
|
447
455
|
let n;
|
|
448
456
|
clearTimeout(n), n = setTimeout(e, t);
|
|
449
457
|
}
|
|
@@ -451,36 +459,36 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
451
459
|
let e = document.getElementsByClassName(`tr_${D}`);
|
|
452
460
|
Array.from(e).forEach((e) => {
|
|
453
461
|
Array.from(e.getElementsByTagName("td")).forEach((e) => {
|
|
454
|
-
e.dataset.row === "even" ? (e.style.background =
|
|
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);
|
|
455
463
|
});
|
|
456
|
-
}), Array.from(e).forEach((e) => e.dataset.selected = "false"), j.value >
|
|
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 = {
|
|
457
465
|
col: void 0,
|
|
458
466
|
rows: []
|
|
459
|
-
},
|
|
467
|
+
}, pn.value = 100, mn.value = 100;
|
|
460
468
|
}
|
|
461
|
-
function
|
|
462
|
-
|
|
469
|
+
function nr(e, t) {
|
|
470
|
+
G.value = e.filter((e) => e.td[t] >= R.value[t].min && e[t] <= R.value[t].max);
|
|
463
471
|
}
|
|
464
|
-
function
|
|
472
|
+
function rr(e, t) {
|
|
465
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]);
|
|
466
474
|
else return 0;
|
|
467
475
|
}
|
|
468
|
-
function
|
|
476
|
+
function ir() {
|
|
469
477
|
Z(), Object.keys(R.value).forEach((e) => {
|
|
470
|
-
|
|
478
|
+
nr(G.value, e);
|
|
471
479
|
}), Object.keys(B.value).forEach((e) => {
|
|
472
|
-
|
|
473
|
-
}),
|
|
480
|
+
rr(G.value, e);
|
|
481
|
+
}), _n.value !== void 0 && rr(G.value, _n.value), E.dataset.header.forEach((e, t) => {
|
|
474
482
|
if (e.isPercentage) {
|
|
475
|
-
let e = L.value[t].referenceIndex, n =
|
|
476
|
-
|
|
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) => {
|
|
477
485
|
r.td[t] = r.td[e] / n;
|
|
478
486
|
});
|
|
479
487
|
}
|
|
480
|
-
}), j.value >
|
|
488
|
+
}), j.value > Y.value.length - 1 && (j.value = Y.value.length - 1), [-1].includes(j.value) && (j.value = 0);
|
|
481
489
|
}
|
|
482
490
|
function Q() {
|
|
483
|
-
|
|
491
|
+
G.value = Dn.value.filter((e) => {
|
|
484
492
|
for (let t in z.value) if (!e.td[t].toUpperCase().includes(z.value[t].toUpperCase())) return !1;
|
|
485
493
|
for (let t in I.value) if (!I.value[t].some((n) => n === e.td[t])) return !1;
|
|
486
494
|
for (let t in N.value) {
|
|
@@ -488,34 +496,34 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
488
496
|
if (n < r || n > i) return !1;
|
|
489
497
|
}
|
|
490
498
|
return !0;
|
|
491
|
-
}),
|
|
499
|
+
}), ir();
|
|
492
500
|
}
|
|
493
|
-
function
|
|
494
|
-
return
|
|
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;
|
|
495
503
|
}
|
|
496
|
-
function
|
|
497
|
-
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"),
|
|
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");
|
|
498
506
|
return {
|
|
499
|
-
from: `${i}-${o}-${
|
|
500
|
-
to: `${a}-${
|
|
507
|
+
from: `${i}-${o}-${s}`,
|
|
508
|
+
to: `${a}-${ee}-${c}`
|
|
501
509
|
};
|
|
502
510
|
}
|
|
503
511
|
function $(e) {
|
|
504
512
|
return [...new Set(E.dataset.body.map((t) => t.td[e]))];
|
|
505
513
|
}
|
|
506
|
-
function
|
|
507
|
-
return
|
|
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);
|
|
508
516
|
}
|
|
509
|
-
function
|
|
517
|
+
function cr(e) {
|
|
510
518
|
return e.includes(NaN);
|
|
511
519
|
}
|
|
512
|
-
function
|
|
520
|
+
function lr(e, t) {
|
|
513
521
|
return !I.value[t] || I.value[t].includes(e);
|
|
514
522
|
}
|
|
515
|
-
function
|
|
523
|
+
function ur(e) {
|
|
516
524
|
return !isNaN(Number(String(e).replaceAll("%", "")));
|
|
517
525
|
}
|
|
518
|
-
function
|
|
526
|
+
function dr(e, t) {
|
|
519
527
|
let n = t.isSort, r = t.isSearch, i = t.isMultiselect && I.value[e], a = t.rangeFilter, o = (e) => {
|
|
520
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;
|
|
521
529
|
};
|
|
@@ -534,35 +542,35 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
534
542
|
if (i && a) return I.value[e].length === $(e).length && o(e);
|
|
535
543
|
if (i) return I.value[e].length === $(e).length;
|
|
536
544
|
}
|
|
537
|
-
function
|
|
545
|
+
function fr() {
|
|
538
546
|
return {
|
|
539
|
-
totalPages:
|
|
540
|
-
itemsPerPage:
|
|
547
|
+
totalPages: Y.value.length,
|
|
548
|
+
itemsPerPage: V.value,
|
|
541
549
|
currentPage: j.value,
|
|
542
|
-
currentPageData:
|
|
550
|
+
currentPageData: Vn.value.map((e) => e.td)
|
|
543
551
|
};
|
|
544
552
|
}
|
|
545
|
-
|
|
546
|
-
function
|
|
547
|
-
|
|
553
|
+
u({ getCurrentPageData: fr });
|
|
554
|
+
function pr() {
|
|
555
|
+
ln("page-change", fr());
|
|
548
556
|
}
|
|
549
|
-
let
|
|
550
|
-
function
|
|
551
|
-
if (Z(), e === "next" && j.value <
|
|
552
|
-
if (j.value + 1 >
|
|
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;
|
|
553
561
|
j.value += 1;
|
|
554
562
|
} else if (e === "previous" && j.value >= 1) --j.value;
|
|
555
563
|
else {
|
|
556
|
-
if (e - 1 < 0 || e >
|
|
564
|
+
if (e - 1 < 0 || e > Y.value.length || e === "previous") return;
|
|
557
565
|
j.value = e - 1;
|
|
558
566
|
}
|
|
559
|
-
|
|
567
|
+
pr(), mr.value && mr.value.scrollTo({
|
|
560
568
|
top: 0,
|
|
561
569
|
left: 0,
|
|
562
570
|
behavior: "smooth"
|
|
563
571
|
});
|
|
564
572
|
}
|
|
565
|
-
function
|
|
573
|
+
function gr(e) {
|
|
566
574
|
e.preventDefault();
|
|
567
575
|
let t = e.keyCode;
|
|
568
576
|
if (![
|
|
@@ -571,37 +579,37 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
571
579
|
37,
|
|
572
580
|
39
|
|
573
581
|
].includes(t)) return;
|
|
574
|
-
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}`),
|
|
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;
|
|
575
583
|
switch (!0) {
|
|
576
584
|
case t === 39:
|
|
577
|
-
|
|
585
|
+
c = a;
|
|
578
586
|
break;
|
|
579
587
|
case t === 37:
|
|
580
|
-
|
|
588
|
+
c = o;
|
|
581
589
|
break;
|
|
582
590
|
case t === 38:
|
|
583
|
-
|
|
591
|
+
c = s;
|
|
584
592
|
break;
|
|
585
593
|
case t === 40:
|
|
586
|
-
|
|
594
|
+
c = ee;
|
|
587
595
|
break;
|
|
588
596
|
default: return;
|
|
589
597
|
}
|
|
590
|
-
|
|
598
|
+
c && (c.focus(), c.scrollIntoView({
|
|
591
599
|
behavior: "smooth",
|
|
592
600
|
block: "center"
|
|
593
601
|
}));
|
|
594
602
|
}
|
|
595
|
-
function
|
|
603
|
+
function _r(e) {
|
|
596
604
|
let t = 0;
|
|
597
605
|
for (let n = 0; n < e.length; n += 1) t += e.charCodeAt(n);
|
|
598
606
|
return t;
|
|
599
607
|
}
|
|
600
|
-
async function
|
|
608
|
+
async function vr() {
|
|
601
609
|
return new Promise((e) => {
|
|
602
610
|
let t = [];
|
|
603
|
-
|
|
604
|
-
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]:
|
|
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]: {
|
|
605
613
|
reference: e.percentageTo,
|
|
606
614
|
referenceIndex: E.dataset.header.map((e) => e.name).indexOf(e.percentageTo)
|
|
607
615
|
} }), e.rangeFilter && (Object.assign(R.value, { [n]: {
|
|
@@ -618,18 +626,18 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
618
626
|
i
|
|
619
627
|
]);
|
|
620
628
|
}
|
|
621
|
-
e.type === k.value.NUMERIC && !e.isPercentage && Object.assign(P.value, { [n]:
|
|
622
|
-
}),
|
|
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) => {
|
|
623
631
|
t.map((t) => {
|
|
624
632
|
let [n, r, i] = t;
|
|
625
633
|
e.td[n] = e.td[r] / i;
|
|
626
634
|
}), e.td.forEach((t, r) => {
|
|
627
|
-
E.dataset.header[r].type === k.value.TEXT && E.dataset.header[r].isSearch && (e[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];
|
|
628
636
|
});
|
|
629
637
|
}), e(!0);
|
|
630
638
|
});
|
|
631
639
|
}
|
|
632
|
-
function
|
|
640
|
+
function yr(e, t) {
|
|
633
641
|
return new Promise((n, r) => {
|
|
634
642
|
e().then((e) => {
|
|
635
643
|
try {
|
|
@@ -642,87 +650,87 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
642
650
|
});
|
|
643
651
|
});
|
|
644
652
|
}
|
|
645
|
-
async function
|
|
653
|
+
async function br(e) {
|
|
646
654
|
N.value[e] = {
|
|
647
|
-
from:
|
|
648
|
-
to:
|
|
649
|
-
},
|
|
655
|
+
from: or(e).from,
|
|
656
|
+
to: or(e).to
|
|
657
|
+
}, bn.value[e] = !1, await ue(), Q();
|
|
650
658
|
}
|
|
651
|
-
function
|
|
659
|
+
function xr(e, t, n) {
|
|
652
660
|
let r = n.currentTarget;
|
|
653
|
-
clearTimeout(
|
|
661
|
+
clearTimeout(fn.value), r.classList.add("clicked"), fn.value = setTimeout(() => {
|
|
654
662
|
r.classList.remove("clicked");
|
|
655
|
-
}, 200),
|
|
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();
|
|
656
664
|
}
|
|
657
|
-
function
|
|
665
|
+
function Sr({ td: e, rowIndex: t, colIndex: n, headerType: r, event: i }) {
|
|
658
666
|
if (r !== k.value.NUMERIC || isNaN(Number(e))) {
|
|
659
667
|
Z();
|
|
660
668
|
return;
|
|
661
669
|
}
|
|
662
670
|
A.value.col !== n && Z();
|
|
663
671
|
let a = i.currentTarget.parentNode;
|
|
664
|
-
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(
|
|
665
|
-
e.dataset.row === "even" ? (e.style.background =
|
|
666
|
-
}), i.currentTarget.dataset.row === "even" ? (i.currentTarget.style.background =
|
|
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({
|
|
667
675
|
index: t,
|
|
668
676
|
value: e
|
|
669
677
|
}), Array.from(a.children).forEach((e, t) => {
|
|
670
|
-
e.dataset.row === "even" ? (e.style.background =
|
|
671
|
-
}), i.currentTarget.dataset.row === "odd" ? (i.currentTarget.style.background =
|
|
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();
|
|
672
680
|
}
|
|
673
|
-
function
|
|
674
|
-
A.value.col === e ? (
|
|
675
|
-
|
|
681
|
+
function Cr(e) {
|
|
682
|
+
A.value.col === e ? (Sn.value = void 0, Z()) : (Vn.value.forEach((t, n) => {
|
|
683
|
+
Sr({
|
|
676
684
|
td: t.td[e],
|
|
677
685
|
rowIndex: n,
|
|
678
686
|
colIndex: e,
|
|
679
687
|
headerType: k.value.NUMERIC,
|
|
680
688
|
event: { currentTarget: document.getElementById(`cell_${n}_${e}_${D}`) }
|
|
681
689
|
});
|
|
682
|
-
}),
|
|
690
|
+
}), Sn.value = e);
|
|
683
691
|
}
|
|
684
|
-
async function
|
|
685
|
-
I.value[t].includes(e) ? I.value[t] = I.value[t].filter((t) => t !== e) : I.value[t].push(e), await
|
|
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();
|
|
686
694
|
}
|
|
687
|
-
function
|
|
688
|
-
|
|
695
|
+
function Tr(e) {
|
|
696
|
+
bn.value[e] = !(or(e).from === N.value[e].from && or(e).to === N.value[e].to);
|
|
689
697
|
}
|
|
690
|
-
function
|
|
691
|
-
|
|
698
|
+
function Er(e, t) {
|
|
699
|
+
_n.value = e;
|
|
692
700
|
let n = t.currentTarget;
|
|
693
|
-
clearTimeout(
|
|
701
|
+
clearTimeout(fn.value), n.classList.add("clicked"), fn.value = setTimeout(() => {
|
|
694
702
|
n.classList.remove("clicked");
|
|
695
|
-
}, 200), B.value[e] === 1 ? B.value[e] = k.value.DESC : B.value[e] = k.value.ASC,
|
|
703
|
+
}, 200), B.value[e] === 1 ? B.value[e] = k.value.DESC : B.value[e] = k.value.ASC, ir();
|
|
696
704
|
}
|
|
697
|
-
function
|
|
705
|
+
function Dr(e, t, n) {
|
|
698
706
|
let r = n.currentTarget;
|
|
699
|
-
clearTimeout(
|
|
707
|
+
clearTimeout(fn.value), r.classList.add("clicked"), fn.value = setTimeout(() => {
|
|
700
708
|
r.classList.remove("clicked");
|
|
701
709
|
}, 200);
|
|
702
710
|
let i = document.getElementById(`th_dropdown_${e}`);
|
|
703
711
|
i.dataset.isOpen === "false" ? i.dataset.isOpen = "true" : i.dataset.isOpen = "false";
|
|
704
712
|
}
|
|
705
|
-
function
|
|
706
|
-
Z(), !e || !e.target.value ? j.value = 0 : j.value = Number(e.target.value),
|
|
713
|
+
function Or(e) {
|
|
714
|
+
Z(), !e || !e.target.value ? j.value = 0 : j.value = Number(e.target.value), pr();
|
|
707
715
|
}
|
|
708
|
-
let
|
|
709
|
-
|
|
716
|
+
let kr = x(null);
|
|
717
|
+
de(() => {
|
|
710
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}");
|
|
711
719
|
if (E.dataset.body.length === 0) throw Error("vue-ui-table error: missing body data");
|
|
712
|
-
|
|
713
|
-
await
|
|
720
|
+
yn.value = !0, yr(vr, async () => {
|
|
721
|
+
await ue(), yn.value = !1;
|
|
714
722
|
}), document.addEventListener("keydown", (e) => {
|
|
715
723
|
let t = document.activeElement;
|
|
716
724
|
(t && Array.from(t.classList).includes("td-focusable") && e.key.includes("Arrow") || e.code === "Space") && e.preventDefault();
|
|
717
|
-
}),
|
|
718
|
-
}),
|
|
719
|
-
|
|
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) => ({
|
|
720
728
|
...e,
|
|
721
729
|
absoluteIndex: t
|
|
722
|
-
})),
|
|
730
|
+
})), Dn.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
|
|
723
731
|
...e,
|
|
724
732
|
absoluteIndex: t
|
|
725
|
-
})),
|
|
733
|
+
})), K.value = JSON.parse(JSON.stringify(e.header)).map((e, t) => ({
|
|
726
734
|
average: Object.hasOwn(e, "average") ? e.average : !1,
|
|
727
735
|
decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
|
|
728
736
|
isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
|
|
@@ -740,251 +748,251 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
740
748
|
})), A.value = {
|
|
741
749
|
col: void 0,
|
|
742
750
|
rows: []
|
|
743
|
-
},
|
|
744
|
-
|
|
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;
|
|
745
753
|
});
|
|
746
754
|
}, {
|
|
747
755
|
immediate: !0,
|
|
748
756
|
deep: !0
|
|
749
757
|
});
|
|
750
|
-
let
|
|
751
|
-
return
|
|
752
|
-
e &&
|
|
753
|
-
}),
|
|
754
|
-
e ?
|
|
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();
|
|
755
763
|
}), (t, n) => (b(), h("div", {
|
|
756
764
|
class: "vue-data-ui-component vue-ui-table-main",
|
|
757
|
-
style: y(`font-family: ${
|
|
765
|
+
style: y(`font-family: ${q.value.fontFamily}`)
|
|
758
766
|
}, [
|
|
759
|
-
|
|
767
|
+
q.value.style.exportMenu.show ? (b(), h("div", {
|
|
760
768
|
key: 0,
|
|
761
769
|
class: "vue-ui-table-export-hub",
|
|
762
|
-
style: y({ top:
|
|
770
|
+
style: y({ top: On.value + "px" })
|
|
763
771
|
}, [g("button", {
|
|
764
|
-
onClick: n[0] ||= (e) =>
|
|
772
|
+
onClick: n[0] ||= (e) => vn.value = !vn.value,
|
|
765
773
|
innerHTML: X.value.export,
|
|
766
|
-
style: y(`background:${
|
|
767
|
-
}, null, 12,
|
|
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", {
|
|
768
776
|
class: "vue-ui-table-export-hub-dropdown",
|
|
769
|
-
"data-is-open":
|
|
770
|
-
style: y(`background:${
|
|
777
|
+
"data-is-open": vn.value || "false",
|
|
778
|
+
style: y(`background:${q.value.style.exportMenu.backgroundColor};color:${q.value.style.exportMenu.color}`)
|
|
771
779
|
}, [
|
|
772
780
|
n[24] ||= g("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1),
|
|
773
781
|
g("button", {
|
|
774
782
|
class: "close-dropdown",
|
|
775
|
-
onClick: n[1] ||= (e) =>
|
|
776
|
-
style: y(`background:${
|
|
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}`)
|
|
777
785
|
}, " ✖ ", 4),
|
|
778
|
-
g("div",
|
|
779
|
-
g("div",
|
|
786
|
+
g("div", Se, [
|
|
787
|
+
g("div", Ce, [g("div", we, C(q.value.translations.exportAllLabel) + " (" + C(G.value.length) + ") ", 1), g("button", {
|
|
780
788
|
id: "exportAll",
|
|
781
|
-
onClick: n[2] ||= (e) =>
|
|
782
|
-
style: y(`background:${
|
|
783
|
-
}, [g("div", { innerHTML: X.value.fileDownload }, null, 8,
|
|
784
|
-
g("div",
|
|
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", {
|
|
785
793
|
id: "exportPage",
|
|
786
|
-
onClick: n[3] ||= (e) =>
|
|
787
|
-
style: y(`background:${
|
|
788
|
-
}, [g("div", { innerHTML: X.value.fileDownload }, null, 8,
|
|
789
|
-
g("div",
|
|
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", {
|
|
790
798
|
name: "filename",
|
|
791
799
|
ref_key: "filenameInputRef",
|
|
792
|
-
ref:
|
|
793
|
-
onKeydown: n[4] ||=
|
|
800
|
+
ref: Ar,
|
|
801
|
+
onKeydown: n[4] ||= _e(ve(() => {}, ["stop"]), ["space"]),
|
|
794
802
|
pattern: ".*",
|
|
795
803
|
class: "vue-ui-table-dialog-input",
|
|
796
804
|
type: "text",
|
|
797
|
-
"onUpdate:modelValue": n[5] ||= (e) =>
|
|
798
|
-
}, null, 544), [[
|
|
805
|
+
"onUpdate:modelValue": n[5] ||= (e) => En.value = e
|
|
806
|
+
}, null, 544), [[me, En.value]])]), En.value ? (b(), h("button", {
|
|
799
807
|
key: 0,
|
|
800
808
|
class: "vue-ui-table-dialog-field-button",
|
|
801
|
-
onClick: n[6] ||= (e) =>
|
|
802
|
-
style: y({ cursor:
|
|
803
|
-
}, [
|
|
809
|
+
onClick: n[6] ||= (e) => En.value = "",
|
|
810
|
+
style: y({ cursor: J.value ? "pointer" : "default" })
|
|
811
|
+
}, [ce(d, {
|
|
804
812
|
name: "close",
|
|
805
|
-
stroke:
|
|
813
|
+
stroke: q.value.style.exportMenu.color,
|
|
806
814
|
size: 18
|
|
807
815
|
}, null, 8, ["stroke"])], 4)) : m("", !0)])
|
|
808
816
|
])
|
|
809
|
-
], 12,
|
|
817
|
+
], 12, xe)], 4)) : m("", !0),
|
|
810
818
|
g("div", {
|
|
811
819
|
class: "vue-ui-table__wrapper",
|
|
812
|
-
style: y(`max-height:${
|
|
820
|
+
style: y(`max-height:${q.value.maxHeight}px`),
|
|
813
821
|
ref_key: "tableWrapper",
|
|
814
|
-
ref:
|
|
815
|
-
}, [g("table",
|
|
816
|
-
|
|
822
|
+
ref: mr
|
|
823
|
+
}, [g("table", Me, [
|
|
824
|
+
q.value.style.title.text ? (b(), h("caption", {
|
|
817
825
|
key: 0,
|
|
818
826
|
class: "vue-ui-table__caption",
|
|
819
827
|
ref_key: "tableCaption",
|
|
820
|
-
ref:
|
|
828
|
+
ref: dn,
|
|
821
829
|
style: y({
|
|
822
|
-
textAlign:
|
|
823
|
-
paddingLeft:
|
|
824
|
-
paddingRight:
|
|
825
|
-
backgroundColor:
|
|
826
|
-
boxShadow: `${
|
|
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`
|
|
827
835
|
})
|
|
828
836
|
}, [g("span", { style: y({
|
|
829
|
-
fontSize:
|
|
830
|
-
fontWeight:
|
|
831
|
-
color:
|
|
832
|
-
}) }, C(
|
|
833
|
-
fontSize:
|
|
834
|
-
fontWeight:
|
|
835
|
-
color:
|
|
836
|
-
}) }, C(
|
|
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),
|
|
837
845
|
g("thead", {
|
|
838
846
|
id: "tableHead",
|
|
839
847
|
class: "vue-ui-table__head",
|
|
840
848
|
style: y({
|
|
841
|
-
background:
|
|
842
|
-
boxShadow: `-1px 0 0 ${
|
|
843
|
-
top:
|
|
849
|
+
background: q.value.style.th.backgroundColor,
|
|
850
|
+
boxShadow: `-1px 0 0 ${q.value.style.th.backgroundColor}`,
|
|
851
|
+
top: On.value - 3 + "px"
|
|
844
852
|
})
|
|
845
853
|
}, [
|
|
846
|
-
g("tr", null, [n[26] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(
|
|
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", {
|
|
847
855
|
key: `thead_${t}`,
|
|
848
|
-
style: y(`overflow: visible;background:${
|
|
856
|
+
style: y(`overflow: visible;background:${q.value.style.th.backgroundColor};color:${q.value.style.th.color};outline:${q.value.style.th.outline}`),
|
|
849
857
|
class: v({ "th-has-nan": P.value[t] })
|
|
850
|
-
}, [
|
|
851
|
-
|
|
852
|
-
g("tr", null, [n[27] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(
|
|
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", {
|
|
853
861
|
key: `thead_${t}`,
|
|
854
862
|
class: v({
|
|
855
863
|
"th-numeric": !0,
|
|
856
864
|
"th-has-nan": P.value[t]
|
|
857
865
|
}),
|
|
858
|
-
style: y(`background:${
|
|
859
|
-
}, [e.sum && !P.value[t] ? (b(), h("span",
|
|
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, [
|
|
860
868
|
g("span", {
|
|
861
869
|
innerHTML: X.value.sum,
|
|
862
870
|
style: {
|
|
863
871
|
"margin-bottom": "-4px",
|
|
864
872
|
"margin-right": "3px"
|
|
865
873
|
}
|
|
866
|
-
}, null, 8,
|
|
874
|
+
}, null, 8, Le),
|
|
867
875
|
_(" " + C(w(s)({
|
|
868
876
|
p: e.prefix,
|
|
869
|
-
v: Number(
|
|
877
|
+
v: Number(sr(t)),
|
|
870
878
|
s: e.suffix,
|
|
871
879
|
r: e.decimals
|
|
872
880
|
})) + " ", 1),
|
|
873
|
-
L.value[t] && e.percentageTo && !e.isPercentage ? (b(), h("span",
|
|
874
|
-
v:
|
|
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,
|
|
875
883
|
s: "%",
|
|
876
884
|
r: e.decimals
|
|
877
885
|
})) + ") ", 1)) : m("", !0)
|
|
878
886
|
])) : m("", !0)], 6))), 128))]),
|
|
879
|
-
g("tr", null, [n[28] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(
|
|
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", {
|
|
880
888
|
key: `thead_${t}`,
|
|
881
889
|
class: v({
|
|
882
890
|
"th-numeric": !0,
|
|
883
891
|
"th-has-nan": P.value[t]
|
|
884
892
|
}),
|
|
885
|
-
style: y(`background:${
|
|
886
|
-
}, [e.average && !P.value[t] ? (b(), h("span",
|
|
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)({
|
|
887
895
|
p: e.prefix,
|
|
888
|
-
v: Number(
|
|
896
|
+
v: Number(ar(t)),
|
|
889
897
|
s: e.suffix,
|
|
890
898
|
r: e.decimals
|
|
891
899
|
})), 1)) : m("", !0)], 6))), 128))]),
|
|
892
|
-
g("tr", null, [n[31] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(
|
|
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", {
|
|
893
901
|
key: `thead_${t}`,
|
|
894
902
|
class: v({ "th-has-nan": P.value[t] }),
|
|
895
|
-
style: y(`background:${
|
|
896
|
-
}, [g("div",
|
|
897
|
-
e.type === k.value.DATE && N.value[t] ? (b(), h("div",
|
|
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", {
|
|
898
906
|
id: `from_${t}`,
|
|
899
907
|
type: "date",
|
|
900
908
|
"onUpdate:modelValue": (e) => N.value[t].from = e,
|
|
901
909
|
onInput: (e) => {
|
|
902
|
-
Q(),
|
|
910
|
+
Q(), Tr(t);
|
|
903
911
|
},
|
|
904
|
-
style: y(`background:${
|
|
905
|
-
}, null, 44,
|
|
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", {
|
|
906
914
|
id: `to_${t}`,
|
|
907
915
|
type: "date",
|
|
908
916
|
"onUpdate:modelValue": (e) => N.value[t].to = e,
|
|
909
917
|
onInput: (e) => {
|
|
910
|
-
Q(),
|
|
918
|
+
Q(), Tr(t);
|
|
911
919
|
},
|
|
912
|
-
style: y(`background:${
|
|
913
|
-
}, null, 44,
|
|
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", {
|
|
914
922
|
key: 0,
|
|
915
|
-
onClick: (e) =>
|
|
923
|
+
onClick: (e) => Er(t, e),
|
|
916
924
|
class: v({ "th-button-active": [k.value.DESC, k.value.ASC].includes(B.value[t]) }),
|
|
917
|
-
style: y(`cursor:${
|
|
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}`)
|
|
918
926
|
}, [B.value[t] === k.value.ASC ? (b(), h("span", {
|
|
919
927
|
key: 0,
|
|
920
928
|
innerHTML: [k.value.DATE].includes(e.type) ? X.value.sort09 : X.value.sortAZ
|
|
921
|
-
}, null, 8,
|
|
929
|
+
}, null, 8, Ze)) : B.value[t] === k.value.DESC ? (b(), h("span", {
|
|
922
930
|
key: 1,
|
|
923
931
|
innerHTML: [k.value.DATE].includes(e.type) ? X.value.sort90 : X.value.sortZA
|
|
924
|
-
}, null, 8,
|
|
932
|
+
}, null, 8, Qe)) : (b(), h("span", {
|
|
925
933
|
key: 2,
|
|
926
934
|
innerHTML: X.value.arrowSort
|
|
927
|
-
}, null, 8,
|
|
935
|
+
}, null, 8, $e))], 14, Xe)) : m("", !0), g("button", {
|
|
928
936
|
onClick: (n) => {
|
|
929
|
-
|
|
937
|
+
br(t), xr(t, e, n);
|
|
930
938
|
},
|
|
931
|
-
disabled: !
|
|
939
|
+
disabled: !bn.value[t] && dr(t, e),
|
|
932
940
|
class: "th-reset",
|
|
933
|
-
style: y({ cursor:
|
|
934
|
-
}, " ✖ ", 12,
|
|
941
|
+
style: y({ cursor: J.value ? "pointer" : "default" })
|
|
942
|
+
}, " ✖ ", 12, et)])])) : m("", !0),
|
|
935
943
|
e.isSearch ? T((b(), h("input", {
|
|
936
944
|
key: 1,
|
|
937
|
-
placeholder:
|
|
945
|
+
placeholder: q.value.translations.inputPlaceholder,
|
|
938
946
|
"onUpdate:modelValue": (e) => z.value[t] = e,
|
|
939
|
-
onInput: n[7] ||= (e) =>
|
|
947
|
+
onInput: n[7] ||= (e) => tr(Q, 400),
|
|
940
948
|
name: `search_${t}`,
|
|
941
|
-
style: y(`background:${
|
|
942
|
-
}, null, 44,
|
|
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),
|
|
943
951
|
!P.value[t] && e.isSort && e.type !== k.value.DATE ? (b(), h("button", {
|
|
944
952
|
key: 2,
|
|
945
|
-
onClick: (e) =>
|
|
953
|
+
onClick: (e) => Er(t, e),
|
|
946
954
|
class: v({ "th-button-active": [k.value.DESC, k.value.ASC].includes(B.value[t]) }),
|
|
947
|
-
style: y(`cursor:${
|
|
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}`)
|
|
948
956
|
}, [B.value[t] === k.value.ASC ? (b(), h("span", {
|
|
949
957
|
key: 0,
|
|
950
958
|
innerHTML: [k.value.NUMERIC].includes(e.type) ? X.value.sort09 : X.value.sortZA
|
|
951
|
-
}, null, 8,
|
|
959
|
+
}, null, 8, rt)) : B.value[t] === k.value.DESC ? (b(), h("span", {
|
|
952
960
|
key: 1,
|
|
953
961
|
innerHTML: [k.value.NUMERIC].includes(e.type) ? X.value.sort90 : X.value.sortAZ
|
|
954
|
-
}, null, 8,
|
|
962
|
+
}, null, 8, it)) : (b(), h("span", {
|
|
955
963
|
key: 2,
|
|
956
964
|
innerHTML: X.value.arrowSort
|
|
957
|
-
}, null, 8,
|
|
965
|
+
}, null, 8, at))], 14, nt)) : m("", !0),
|
|
958
966
|
e.isMultiselect ? (b(), h("button", {
|
|
959
967
|
key: 3,
|
|
960
|
-
onClick: (n) =>
|
|
968
|
+
onClick: (n) => Dr(t, e, n),
|
|
961
969
|
innerHTML: X.value.filter,
|
|
962
970
|
class: v({ "th-button-active": I.value[t] && I.value[t].length !== $(t).length }),
|
|
963
|
-
style: y(`cursor:${
|
|
964
|
-
}, null, 14,
|
|
965
|
-
A.value.col === t &&
|
|
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", {
|
|
966
974
|
key: 4,
|
|
967
|
-
onClick: n[8] ||= (e) =>
|
|
975
|
+
onClick: n[8] ||= (e) => U.value = !U.value,
|
|
968
976
|
innerHTML: X.value.chart,
|
|
969
|
-
class: v({ "th-button-active":
|
|
970
|
-
style: y(`cursor:${
|
|
971
|
-
}, null, 14,
|
|
972
|
-
e.rangeFilter && R.value[t] && !P.value[t] ? (b(), h("div",
|
|
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, [
|
|
973
981
|
g("label", { for: `rangeMin${t}` }, [...n[29] ||= [
|
|
974
982
|
g("span", { style: { color: "grey" } }, "ᒥ", -1),
|
|
975
983
|
_(" min ", -1),
|
|
976
984
|
g("span", { style: { color: "grey" } }, "ᒣ", -1)
|
|
977
|
-
]], 8,
|
|
985
|
+
]], 8, lt),
|
|
978
986
|
T(g("input", {
|
|
979
987
|
type: "number",
|
|
980
988
|
id: `rangeMin${t}`,
|
|
981
989
|
max: F.value[t].max,
|
|
982
990
|
min: F.value[t].min,
|
|
983
991
|
"onUpdate:modelValue": (e) => R.value[t].min = e,
|
|
984
|
-
onInput: n[9] ||= (e) =>
|
|
985
|
-
style: y(`background:${
|
|
986
|
-
}, null, 44,
|
|
987
|
-
|
|
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,
|
|
988
996
|
R.value[t].min,
|
|
989
997
|
void 0,
|
|
990
998
|
{ number: !0 }
|
|
@@ -995,10 +1003,10 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
995
1003
|
max: F.value[t].max,
|
|
996
1004
|
min: F.value[t].min,
|
|
997
1005
|
"onUpdate:modelValue": (e) => R.value[t].max = e,
|
|
998
|
-
onInput: n[10] ||= (e) =>
|
|
999
|
-
style: y(`background:${
|
|
1000
|
-
}, null, 44,
|
|
1001
|
-
|
|
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,
|
|
1002
1010
|
R.value[t].max,
|
|
1003
1011
|
void 0,
|
|
1004
1012
|
{ number: !0 }
|
|
@@ -1007,90 +1015,90 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
1007
1015
|
g("span", { style: { color: "grey" } }, "ᒪ", -1),
|
|
1008
1016
|
_(" max ", -1),
|
|
1009
1017
|
g("span", { style: { color: "grey" } }, "ᒧ", -1)
|
|
1010
|
-
]], 8,
|
|
1018
|
+
]], 8, ft)
|
|
1011
1019
|
])) : m("", !0),
|
|
1012
|
-
|
|
1020
|
+
Qn(t, e) ? (b(), h("button", {
|
|
1013
1021
|
key: 6,
|
|
1014
|
-
onClick: (n) =>
|
|
1015
|
-
disabled:
|
|
1022
|
+
onClick: (n) => xr(t, e, n),
|
|
1023
|
+
disabled: dr(t, e),
|
|
1016
1024
|
class: "th-reset",
|
|
1017
|
-
style: y({ cursor:
|
|
1018
|
-
}, " ✖ ", 12,
|
|
1025
|
+
style: y({ cursor: J.value ? "pointer" : "default" })
|
|
1026
|
+
}, " ✖ ", 12, pt)) : m("", !0),
|
|
1019
1027
|
e.isMultiselect ? (b(), h("div", {
|
|
1020
1028
|
key: 7,
|
|
1021
1029
|
class: "th-dropdown",
|
|
1022
1030
|
"data-is-open": "false",
|
|
1023
1031
|
id: `th_dropdown_${t}`,
|
|
1024
|
-
style: y(`background:${
|
|
1032
|
+
style: y(`background:${q.value.style.dropdowns.backgroundColor};color:${q.value.style.dropdowns.color}`)
|
|
1025
1033
|
}, [g("button", {
|
|
1026
1034
|
class: "close-dropdown",
|
|
1027
|
-
onClick: (n) =>
|
|
1028
|
-
style: y(`cursor:${
|
|
1029
|
-
}, " ✖ ", 12,
|
|
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", {
|
|
1030
1038
|
class: "th-option",
|
|
1031
1039
|
key: `th_option_${t}_${n}`,
|
|
1032
|
-
onClick: (n) =>
|
|
1033
|
-
onKeyup: [
|
|
1034
|
-
style: y(`opacity:${
|
|
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}`),
|
|
1035
1043
|
tabindex: "0"
|
|
1036
|
-
}, [
|
|
1044
|
+
}, [lr(e, t) ? (b(), h("span", {
|
|
1037
1045
|
key: 0,
|
|
1038
|
-
style: y(`color:${
|
|
1046
|
+
style: y(`color:${q.value.style.dropdowns.icons.selected.color};margin-right:5px`),
|
|
1039
1047
|
class: "th-icon-green"
|
|
1040
|
-
}, C(
|
|
1048
|
+
}, C(q.value.style.dropdowns.icons.selected.unicode), 5)) : (b(), h("span", {
|
|
1041
1049
|
key: 1,
|
|
1042
|
-
style: y(`color:${
|
|
1050
|
+
style: y(`color:${q.value.style.dropdowns.icons.unselected.color};margin-right:5px`),
|
|
1043
1051
|
class: "th-icon-red"
|
|
1044
|
-
}, C(
|
|
1052
|
+
}, C(q.value.style.dropdowns.icons.unselected.unicode), 5)), g("span", null, C(e), 1)], 44, gt))), 128))], 12, mt)) : m("", !0)
|
|
1045
1053
|
])], 6))), 128))])
|
|
1046
1054
|
], 64)) : m("", !0),
|
|
1047
|
-
g("tr", null, [n[32] ||= g("th", { class: "invisible-cell" }, null, -1), (b(!0), h(f, null, S(
|
|
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", {
|
|
1048
1056
|
key: `col_selector_${t}`,
|
|
1049
1057
|
class: v({
|
|
1050
1058
|
"vue-ui-table-col-selector": !P.value[t],
|
|
1051
1059
|
"th-has-nan": P.value[t]
|
|
1052
1060
|
}),
|
|
1053
|
-
style: y(`background:${t ===
|
|
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}`)
|
|
1054
1062
|
}, [P.value[t] ? m("", !0) : (b(), h("div", {
|
|
1055
1063
|
key: 0,
|
|
1056
|
-
innerHTML:
|
|
1057
|
-
class: v({ "col-selector":
|
|
1064
|
+
innerHTML: K.value[t].type === k.value.NUMERIC ? X.value.chevronDown : "",
|
|
1065
|
+
class: v({ "col-selector": K.value[t].type === k.value.NUMERIC }),
|
|
1058
1066
|
tabindex: "0",
|
|
1059
|
-
style: y({ cursor:
|
|
1060
|
-
onClick:
|
|
1061
|
-
onKeyup:
|
|
1062
|
-
}, null, 46,
|
|
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))])
|
|
1063
1071
|
], 4),
|
|
1064
1072
|
g("tbody", {
|
|
1065
|
-
onClick:
|
|
1066
|
-
onKeydown: n[11] ||= (e) =>
|
|
1067
|
-
}, [(b(!0), h(f, null, S(
|
|
1073
|
+
onClick: er,
|
|
1074
|
+
onKeydown: n[11] ||= (e) => gr(e)
|
|
1075
|
+
}, [(b(!0), h(f, null, S(Vn.value, (t, n) => (b(), h("tr", {
|
|
1068
1076
|
key: `tbody_${n}`,
|
|
1069
1077
|
"data-row": n % 2 == 0 ? "odd" : "even",
|
|
1070
1078
|
class: v(`tr_${w(D)}`),
|
|
1071
|
-
style: y(`${n % 2 == 0 ? `background:${
|
|
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}`}`)
|
|
1072
1080
|
}, [g("td", {
|
|
1073
1081
|
class: "vue-ui-table-td-iteration",
|
|
1074
1082
|
"data-row": n % 2 == 0 ? "odd" : "even",
|
|
1075
|
-
style: y({ outline:
|
|
1076
|
-
}, C(t.absoluteIndex + 1), 13,
|
|
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", {
|
|
1077
1085
|
"data-row": n % 2 == 0 ? "odd" : "even",
|
|
1078
1086
|
key: `td_${n}_${i}`,
|
|
1079
|
-
style: y(
|
|
1080
|
-
onClick: (t) =>
|
|
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({
|
|
1081
1089
|
td: r,
|
|
1082
1090
|
rowIndex: n,
|
|
1083
1091
|
colIndex: i,
|
|
1084
1092
|
headerType: e.dataset.header[i].type,
|
|
1085
1093
|
event: t
|
|
1086
1094
|
}),
|
|
1087
|
-
onKeyup: [
|
|
1095
|
+
onKeyup: [_e((t) => Sr({
|
|
1088
1096
|
td: r,
|
|
1089
1097
|
rowIndex: n,
|
|
1090
1098
|
colIndex: i,
|
|
1091
1099
|
headerType: e.dataset.header[i].type,
|
|
1092
1100
|
event: t
|
|
1093
|
-
}), ["enter"]),
|
|
1101
|
+
}), ["enter"]), _e((t) => Sr({
|
|
1094
1102
|
td: r,
|
|
1095
1103
|
rowIndex: n,
|
|
1096
1104
|
colIndex: i,
|
|
@@ -1108,7 +1116,7 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
1108
1116
|
key: 0,
|
|
1109
1117
|
style: y(`color:${t.meta.color};margin-right:3px`),
|
|
1110
1118
|
innerHTML: t.meta.unicodeIcon
|
|
1111
|
-
}, null, 12,
|
|
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)({
|
|
1112
1120
|
v: Number(r * 100),
|
|
1113
1121
|
s: "%",
|
|
1114
1122
|
r: e.dataset.header[i].decimals
|
|
@@ -1121,7 +1129,7 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
1121
1129
|
s: e.dataset.header[i].suffix,
|
|
1122
1130
|
r: e.dataset.header[i].decimals
|
|
1123
1131
|
})) + " (" + C(isNaN(Number(r)) ? "" : w(s)({
|
|
1124
|
-
v: Number(r /
|
|
1132
|
+
v: Number(r / sr(L.value[i].referenceIndex) * 100),
|
|
1125
1133
|
s: "%",
|
|
1126
1134
|
r: e.dataset.header[i].decimals
|
|
1127
1135
|
})) + ") ", 3)) : e.dataset.header[i].type === k.value.NUMERIC ? (b(), h("span", {
|
|
@@ -1132,197 +1140,197 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
1132
1140
|
v: Number(r.toFixed(e.dataset.header[i].decimals)),
|
|
1133
1141
|
s: e.dataset.header[i].suffix,
|
|
1134
1142
|
r: e.dataset.header[i].decimals
|
|
1135
|
-
})), 3)) : (b(), h("span",
|
|
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)
|
|
1136
1144
|
])], 4),
|
|
1137
1145
|
g("div", {
|
|
1138
1146
|
class: v({
|
|
1139
1147
|
"td-selector-info": !0,
|
|
1140
1148
|
"td-selector-info--active": A.value.col !== void 0 && A.value.rows.length
|
|
1141
1149
|
}),
|
|
1142
|
-
style: y(`background:${
|
|
1150
|
+
style: y(`background:${q.value.style.infoBar.backgroundColor};color:${q.value.style.infoBar.color}`)
|
|
1143
1151
|
}, [A.value.col !== void 0 && A.value.rows.length ? (b(), h(f, { key: 0 }, [
|
|
1144
1152
|
g("div", {
|
|
1145
1153
|
innerHTML: X.value.table,
|
|
1146
1154
|
class: "td-selector-icon"
|
|
1147
|
-
}, null, 8,
|
|
1155
|
+
}, null, 8, Tt),
|
|
1148
1156
|
g("span", null, [
|
|
1149
|
-
g("b", null, [_(C(e.dataset.header[A.value.col].name) + " ", 1), e.dataset.header[A.value.col].isPercentage ? (b(), h("span",
|
|
1150
|
-
g("span",
|
|
1151
|
-
g("span",
|
|
1152
|
-
_(C(
|
|
1153
|
-
e.dataset.header[A.value.col].isPercentage ? (b(), h("b",
|
|
1154
|
-
e.dataset.header[A.value.col].isPercentage ? (b(), h("b",
|
|
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)
|
|
1155
1163
|
]),
|
|
1156
|
-
g("span",
|
|
1157
|
-
_(C(
|
|
1158
|
-
e.dataset.header[A.value.col].isPercentage ? (b(), h("b",
|
|
1159
|
-
e.dataset.header[A.value.col].isPercentage ? (b(), h("b",
|
|
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)
|
|
1160
1168
|
])
|
|
1161
1169
|
]),
|
|
1162
1170
|
g("button", {
|
|
1163
1171
|
onClick: Z,
|
|
1164
1172
|
class: "td-selector-info-reset",
|
|
1165
|
-
style: y(`cursor:${
|
|
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}`)
|
|
1166
1174
|
}, " ✖ ", 4)
|
|
1167
1175
|
], 64)) : m("", !0)], 6),
|
|
1168
|
-
|
|
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", {
|
|
1169
1177
|
key: 0,
|
|
1170
1178
|
id: "paginatorSelector",
|
|
1171
|
-
"onUpdate:modelValue": n[12] ||= (e) =>
|
|
1179
|
+
"onUpdate:modelValue": n[12] ||= (e) => V.value = e,
|
|
1172
1180
|
onChange: n[13] ||= (e) => {
|
|
1173
|
-
Z(),
|
|
1181
|
+
Z(), pr();
|
|
1174
1182
|
},
|
|
1175
|
-
style: y(`background:${
|
|
1176
|
-
}, [(b(!0), h(f, null, S(
|
|
1177
|
-
|
|
1178
|
-
|
|
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,
|
|
1179
1187
|
void 0,
|
|
1180
1188
|
{ number: !0 }
|
|
1181
1189
|
]]) : m("", !0)])) : m("", !0),
|
|
1182
|
-
|
|
1183
|
-
|
|
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", {
|
|
1184
1192
|
key: 3,
|
|
1185
1193
|
class: "vue-ui-table-navigation-indicator",
|
|
1186
|
-
style: y(`background:${
|
|
1194
|
+
style: y(`background:${q.value.style.pagination.navigationIndicator.backgroundColor};width:calc(${j.value / (Y.value.length - 1) * 100}%)`)
|
|
1187
1195
|
}, null, 4)) : m("", !0),
|
|
1188
|
-
|
|
1196
|
+
Y.value.length > 1 ? (b(), h("div", Bt, [
|
|
1189
1197
|
g("button", {
|
|
1190
1198
|
class: "vue-ui-table-navigation",
|
|
1191
|
-
onClick: n[14] ||=
|
|
1199
|
+
onClick: n[14] ||= ve((e) => hr("previous"), ["stop"]),
|
|
1192
1200
|
innerHTML: X.value.chevronLeft,
|
|
1193
1201
|
disabled: j.value === 0,
|
|
1194
|
-
style: y(`cursor:${
|
|
1195
|
-
}, null, 12,
|
|
1196
|
-
|
|
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 }, [
|
|
1197
1205
|
g("button", {
|
|
1198
1206
|
class: "vue-ui-table-navigation",
|
|
1199
|
-
onClick: n[15] ||=
|
|
1207
|
+
onClick: n[15] ||= ve((e) => hr(1), ["stop"]),
|
|
1200
1208
|
disabled: j.value === 0,
|
|
1201
|
-
style: y(`cursor:${
|
|
1202
|
-
}, " 1 ", 12,
|
|
1203
|
-
|
|
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", {
|
|
1204
1212
|
key: 0,
|
|
1205
1213
|
class: "vue-ui-table-page-scroller-wrapper",
|
|
1206
|
-
style: y({ cursor:
|
|
1207
|
-
}, [g("label",
|
|
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", {
|
|
1208
1216
|
class: "vue-ui-table-page-scroller",
|
|
1209
1217
|
id: "pageScroller",
|
|
1210
1218
|
type: "range",
|
|
1211
1219
|
step: "1",
|
|
1212
1220
|
min: 0,
|
|
1213
|
-
max:
|
|
1214
|
-
onInput: n[16] ||= (e) =>
|
|
1221
|
+
max: Y.value.length - 1,
|
|
1222
|
+
onInput: n[16] ||= (e) => Or(e),
|
|
1215
1223
|
value: j.value,
|
|
1216
|
-
style: y(`background:${
|
|
1217
|
-
}, null, 44,
|
|
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)),
|
|
1218
1226
|
g("button", {
|
|
1219
1227
|
class: "vue-ui-table-navigation",
|
|
1220
|
-
onClick: n[17] ||=
|
|
1221
|
-
disabled: j.value ===
|
|
1222
|
-
style: y(`cursor:${
|
|
1223
|
-
}, C(
|
|
1224
|
-
], 64)) : (b(), h(f, { key: 1 }, [_(C(
|
|
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)),
|
|
1225
1233
|
g("button", {
|
|
1226
1234
|
class: "vue-ui-table-navigation",
|
|
1227
|
-
onClick: n[18] ||=
|
|
1235
|
+
onClick: n[18] ||= ve((e) => hr("next"), ["stop"]),
|
|
1228
1236
|
innerHTML: X.value.chevronRight,
|
|
1229
|
-
disabled: j.value ===
|
|
1230
|
-
style: y(`cursor:${
|
|
1231
|
-
}, null, 12,
|
|
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)
|
|
1232
1240
|
])) : m("", !0),
|
|
1233
|
-
|
|
1241
|
+
ce(w(cn), {
|
|
1234
1242
|
ref_key: "chartModal",
|
|
1235
|
-
ref:
|
|
1236
|
-
backgroundColor:
|
|
1237
|
-
headerColor:
|
|
1238
|
-
color:
|
|
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,
|
|
1239
1247
|
forcedHeight: 500,
|
|
1240
|
-
isCursorPointer:
|
|
1248
|
+
isCursorPointer: J.value,
|
|
1241
1249
|
withPadding: "",
|
|
1242
1250
|
withFullWidth: "",
|
|
1243
1251
|
noLayerUpdate: "",
|
|
1244
|
-
onClose: n[23] ||= (e) =>
|
|
1245
|
-
onSize:
|
|
1252
|
+
onClose: n[23] ||= (e) => U.value = !1,
|
|
1253
|
+
onSize: Yn
|
|
1246
1254
|
}, {
|
|
1247
|
-
before:
|
|
1248
|
-
|
|
1255
|
+
before: ge(() => [g("div", Jt, [
|
|
1256
|
+
Un.value.length ? (b(), h("button", {
|
|
1249
1257
|
key: 0,
|
|
1250
|
-
onClick: n[19] ||= (e) =>
|
|
1258
|
+
onClick: n[19] ||= (e) => W.value = !0,
|
|
1251
1259
|
innerHTML: X.value.donut,
|
|
1252
|
-
class: v({ "is-active-chart": O.value.type === k.value.DONUT ||
|
|
1253
|
-
style: y(`cursor:${
|
|
1254
|
-
}, null, 14,
|
|
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),
|
|
1255
1263
|
g("button", {
|
|
1256
1264
|
onClick: n[20] ||= (e) => {
|
|
1257
|
-
O.value.type = k.value.LINE,
|
|
1265
|
+
O.value.type = k.value.LINE, W.value = !1;
|
|
1258
1266
|
},
|
|
1259
1267
|
innerHTML: X.value.chart,
|
|
1260
|
-
class: v({ "is-active-chart": O.value.type === k.value.LINE && !
|
|
1261
|
-
style: y(`cursor:${
|
|
1262
|
-
}, null, 14,
|
|
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),
|
|
1263
1271
|
g("button", {
|
|
1264
1272
|
onClick: n[21] ||= (e) => {
|
|
1265
|
-
O.value.type = k.value.BAR,
|
|
1273
|
+
O.value.type = k.value.BAR, W.value = !1;
|
|
1266
1274
|
},
|
|
1267
1275
|
innerHTML: X.value.bar,
|
|
1268
|
-
class: v({ "is-active-chart": O.value.type === k.value.BAR && !
|
|
1269
|
-
style: y(`cursor:${
|
|
1270
|
-
}, null, 14,
|
|
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)
|
|
1271
1279
|
])]),
|
|
1272
|
-
content:
|
|
1273
|
-
|
|
1280
|
+
content: ge(() => [g("div", Qt, [
|
|
1281
|
+
W.value && Un.value.length ? (b(), h("div", {
|
|
1274
1282
|
key: 0,
|
|
1275
|
-
style: y(`background:${
|
|
1276
|
-
}, [g("fieldset",
|
|
1277
|
-
g("legend", null, C(
|
|
1278
|
-
g("div",
|
|
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", {
|
|
1279
1287
|
key: `donut_radio_${t}`,
|
|
1280
1288
|
class: "vue-ui-table-fieldset-option"
|
|
1281
1289
|
}, [g("input", {
|
|
1282
1290
|
type: "radio",
|
|
1283
1291
|
name: e.name,
|
|
1284
1292
|
id: e.name,
|
|
1285
|
-
checked:
|
|
1286
|
-
onInput: (e) =>
|
|
1287
|
-
style: y(`background:${
|
|
1288
|
-
}, null, 44,
|
|
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))]),
|
|
1289
1297
|
g("button", {
|
|
1290
1298
|
class: "vue-ui-table-generate-donut",
|
|
1291
|
-
disabled: !
|
|
1292
|
-
onClick:
|
|
1293
|
-
style: y(`cursor:${
|
|
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}`)
|
|
1294
1302
|
}, [g("div", {
|
|
1295
1303
|
style: { "margin-bottom": "-3px" },
|
|
1296
1304
|
innerHTML: X.value.donut
|
|
1297
|
-
}, null, 8,
|
|
1305
|
+
}, null, 8, an), _(" " + C(q.value.translations.makeDonut), 1)], 12, rn)
|
|
1298
1306
|
])], 4)) : m("", !0),
|
|
1299
|
-
[k.value.BAR, k.value.LINE].includes(O.value.type) && !
|
|
1300
|
-
|
|
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", {
|
|
1301
1309
|
key: 0,
|
|
1302
|
-
style: y({ color:
|
|
1303
|
-
}, [_(C(
|
|
1304
|
-
g("div",
|
|
1305
|
-
key: `chart_line_${
|
|
1306
|
-
dataset:
|
|
1307
|
-
config:
|
|
1308
|
-
}, null, 8, ["dataset", "config"])) : m("", !0), O.value.type === k.value.BAR ? (b(),
|
|
1309
|
-
key: `chart_bar_${
|
|
1310
|
-
dataset:
|
|
1311
|
-
config:
|
|
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
|
|
1312
1320
|
}, null, 8, ["dataset", "config"])) : m("", !0)]),
|
|
1313
1321
|
A.value.rows.length >= 2 ? (b(), h("div", {
|
|
1314
1322
|
key: 1,
|
|
1315
1323
|
class: "chart-trend",
|
|
1316
|
-
style: y(`color:${
|
|
1324
|
+
style: y(`color:${q.value.style.chart.modal.color}`)
|
|
1317
1325
|
}, [n[33] ||= g("span", null, "---", -1), _(" Trend: " + C(w(s)({
|
|
1318
|
-
v:
|
|
1326
|
+
v: Xn.value.progression.trend * 100,
|
|
1319
1327
|
s: "%",
|
|
1320
1328
|
r: 1
|
|
1321
1329
|
})), 1)], 4)) : m("", !0)
|
|
1322
1330
|
], 64)) : m("", !0),
|
|
1323
|
-
[k.value.DONUT].includes(O.value.type) && !
|
|
1324
|
-
dataset:
|
|
1325
|
-
config:
|
|
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
|
|
1326
1334
|
}, null, 8, ["dataset", "config"])])) : m("", !0)
|
|
1327
1335
|
])]),
|
|
1328
1336
|
_: 1
|
|
@@ -1334,6 +1342,6 @@ var _e = /* @__PURE__ */ e({ default: () => on }), ve = ["innerHTML"], ye = ["da
|
|
|
1334
1342
|
])
|
|
1335
1343
|
], 4));
|
|
1336
1344
|
}
|
|
1337
|
-
}, [["__scopeId", "data-v-
|
|
1345
|
+
}, [["__scopeId", "data-v-4a848448"]]);
|
|
1338
1346
|
//#endregion
|
|
1339
|
-
export {
|
|
1347
|
+
export { ye as n, cn as t };
|