vue-data-ui 2.6.18 → 2.6.20
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/README.md +8 -0
- package/dist/{Arrow-Ci41JBXA.js → Arrow-C9wt_iwE.js} +1 -1
- package/dist/{Arrow-C-haYOvL.cjs → Arrow-mU42Peiq.cjs} +1 -1
- package/dist/{BaseIcon-D0Ifzd3J.js → BaseIcon-CR8s5lLC.js} +1 -1
- package/dist/{BaseIcon-Brc1PN_Z.cjs → BaseIcon-DMhDupLt.cjs} +1 -1
- package/dist/{DataTable-BH56SPdO.js → DataTable-CMUyDj6S.js} +2 -2
- package/dist/{DataTable-AQsQHTem.cjs → DataTable-Qba16zLZ.cjs} +1 -1
- package/dist/{Legend-w7VxyGN0.js → Legend-CaMKYW-V.js} +2 -2
- package/dist/{Legend-CNiGY3Yx.cjs → Legend-EauKcdAx.cjs} +1 -1
- package/dist/{PackageVersion-D1edJun6.js → PackageVersion-CURzw4q1.js} +1 -1
- package/dist/{PackageVersion-DO_17qoR.cjs → PackageVersion-Vv7wNIAl.cjs} +1 -1
- package/dist/{PenAndPaper-DWnLI5jM.js → PenAndPaper-CjiJra09.js} +3 -3
- package/dist/{PenAndPaper-BPAfK8a6.cjs → PenAndPaper-DSEAEpTs.cjs} +1 -1
- package/dist/{PenAndPaper.vue_vue_type_style_index_0_scoped_c968a401_lang-Bnwg64-7.js → PenAndPaper.vue_vue_type_style_index_0_scoped_c968a401_lang-BzSorLrT.js} +3 -3
- package/dist/{PenAndPaper.vue_vue_type_style_index_0_scoped_c968a401_lang-Cw1RBp7H.cjs → PenAndPaper.vue_vue_type_style_index_0_scoped_c968a401_lang-DB_DsgPX.cjs} +1 -1
- package/dist/{Shape-RfSE_FzV.js → Shape-F5v4f45p.js} +1 -1
- package/dist/{Shape-J26jxMZ5.cjs → Shape-gLknKTb6.cjs} +1 -1
- package/dist/{Slicer-oASHP3Lx.cjs → Slicer-CVVRixhP.cjs} +1 -1
- package/dist/{Slicer-DMdxtlpr.js → Slicer-DQp19cm1.js} +2 -2
- package/dist/{Title-xfHZTDT9.js → Title-CUHNtIyE.js} +1 -1
- package/dist/{Title-ypQseB5s.cjs → Title-m1x23s4w.cjs} +1 -1
- package/dist/{Tooltip-DQZLR6XD.cjs → Tooltip-BXY2gKbA.cjs} +1 -1
- package/dist/{Tooltip-CF9cKbnr.js → Tooltip-BuAQ8HVL.js} +1 -1
- package/dist/{index-CkqI12gj.cjs → index-CmhvuQro.cjs} +1 -1
- package/dist/{index-Df45PKBw.js → index-Cq7-va_5.js} +2 -2
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-BaSIdRPe.js → useNestedProp-BEyJNlaO.js} +1 -1
- package/dist/{useNestedProp-B5QzQ7cl.cjs → useNestedProp-CnH-XcZU.cjs} +1 -1
- package/dist/usePrinter-DhZH4pcR.cjs +1 -0
- package/dist/{usePrinter-MC5pKUx5.js → usePrinter-jRjc8Naz.js} +72 -70
- package/dist/{vue-data-ui-BiXf5MnL.js → vue-data-ui-BPSCRfcK.js} +61 -61
- package/dist/{vue-data-ui--Yx3VAj0.cjs → vue-data-ui-DD5SV4SW.cjs} +1 -1
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-BXW-ZMgi.cjs → vue-ui-3d-bar-BlCSdagh.cjs} +2 -2
- package/dist/{vue-ui-3d-bar-DBJJ2kqD.js → vue-ui-3d-bar-TB1XdncJ.js} +105 -98
- package/dist/{vue-ui-accordion-4ngKbp5a.cjs → vue-ui-accordion-C3Ljak65.cjs} +1 -1
- package/dist/{vue-ui-accordion-BbCvey8w.js → vue-ui-accordion-vAQ_LLoP.js} +3 -3
- package/dist/{vue-ui-age-pyramid-04E6Wqie.js → vue-ui-age-pyramid-BUWoRp_B.js} +75 -68
- package/dist/{vue-ui-age-pyramid-Cpi72E7Q.cjs → vue-ui-age-pyramid-CrDKpPil.cjs} +1 -1
- package/dist/{vue-ui-annotator-tv-3u5J-.js → vue-ui-annotator-BVE-xqSy.js} +1 -1
- package/dist/{vue-ui-annotator-BzdyBaoy.cjs → vue-ui-annotator-wjsB7Ihy.cjs} +1 -1
- package/dist/{vue-ui-bullet-B-UjWb-f.cjs → vue-ui-bullet-BcU0lGMw.cjs} +4 -4
- package/dist/{vue-ui-bullet-B0jpb3iz.js → vue-ui-bullet-Cj4GC_-F.js} +145 -138
- package/dist/{vue-ui-candlestick-Cx6UAvss.js → vue-ui-candlestick-C2hAp3Fi.js} +115 -108
- package/dist/{vue-ui-candlestick-DEK3P-Tu.cjs → vue-ui-candlestick-n--kSbN7.cjs} +2 -2
- package/dist/{vue-ui-carousel-table-BPvJKE6W.cjs → vue-ui-carousel-table-CU96d16y.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-Bk6LMH1D.js → vue-ui-carousel-table-Do1uzI_G.js} +130 -123
- package/dist/{vue-ui-chestnut-DKesYDji.cjs → vue-ui-chestnut-DJq8IWIL.cjs} +2 -2
- package/dist/{vue-ui-chestnut-BLYeNCKN.js → vue-ui-chestnut-fb3ioT4a.js} +131 -124
- package/dist/{vue-ui-circle-pack-DF8CPgPU.js → vue-ui-circle-pack-DByIHOMA.js} +165 -158
- package/dist/{vue-ui-circle-pack-D_2k6N20.cjs → vue-ui-circle-pack-DnwKX38S.cjs} +1 -1
- package/dist/{vue-ui-cursor-B29UJWQo.cjs → vue-ui-cursor-DSCiOK2l.cjs} +1 -1
- package/dist/{vue-ui-cursor-DySRIo_p.js → vue-ui-cursor-scYLETJY.js} +2 -2
- package/dist/{vue-ui-dashboard-5JkE1uRk.cjs → vue-ui-dashboard-BBDfkeCW.cjs} +1 -1
- package/dist/{vue-ui-dashboard-CHO6UMlJ.js → vue-ui-dashboard-DjxJGI1j.js} +2 -2
- package/dist/{vue-ui-digits-D5h4HAzq.js → vue-ui-digits-7bQAdMhs.js} +2 -2
- package/dist/{vue-ui-digits-DvANBwd7.cjs → vue-ui-digits-Cmn1NNzQ.cjs} +1 -1
- package/dist/{vue-ui-donut-DLaBSyI4.cjs → vue-ui-donut-C291KoIU.cjs} +1 -1
- package/dist/{vue-ui-donut-rVvCGOGk.js → vue-ui-donut-RJQUTfyW.js} +117 -110
- package/dist/{vue-ui-donut-evolution-DjGFFyxj.js → vue-ui-donut-evolution-DPW_ITH8.js} +164 -157
- package/dist/{vue-ui-donut-evolution-B06eelN-.cjs → vue-ui-donut-evolution-Dp15D88c.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-B3AlzGCf.js → vue-ui-dumbbell-B8Zm8EVd.js} +74 -67
- package/dist/{vue-ui-dumbbell-9Oy-W4-B.cjs → vue-ui-dumbbell-BdEUvUV7.cjs} +2 -2
- package/dist/{vue-ui-flow-1eYWWjX-.js → vue-ui-flow-BNIgPNGy.js} +177 -170
- package/dist/{vue-ui-flow-BakKHKRq.cjs → vue-ui-flow-BukV6_Zl.cjs} +1 -1
- package/dist/{vue-ui-funnel-uSID1YS9.js → vue-ui-funnel-BrPqtGct.js} +128 -121
- package/dist/{vue-ui-funnel-IbAUMuoN.cjs → vue-ui-funnel-CIgZpg3T.cjs} +1 -1
- package/dist/{vue-ui-galaxy-3ksrzeio.js → vue-ui-galaxy-D1IYOUwX.js} +77 -70
- package/dist/{vue-ui-galaxy-BFGRkm7x.cjs → vue-ui-galaxy-FGqZ4tWB.cjs} +1 -1
- package/dist/{vue-ui-gauge-DgPnw4Q5.cjs → vue-ui-gauge-B00JvBFF.cjs} +1 -1
- package/dist/{vue-ui-gauge-DxUp_-uc.js → vue-ui-gauge-BsOXy5MV.js} +152 -145
- package/dist/{vue-ui-gizmo-Dw9HiCwa.js → vue-ui-gizmo-Cyl89etd.js} +3 -3
- package/dist/{vue-ui-gizmo-4T51Z8I8.cjs → vue-ui-gizmo-D_uv6qkV.cjs} +1 -1
- package/dist/vue-ui-heatmap-CGg2_xWH.cjs +1 -0
- package/dist/{vue-ui-heatmap-CwtUNQu0.js → vue-ui-heatmap-CgF4n8Bh.js} +139 -132
- package/dist/{vue-ui-history-plot-CC7sYtWu.cjs → vue-ui-history-plot-DR11Ips0.cjs} +1 -1
- package/dist/{vue-ui-history-plot-BaV1bX_U.js → vue-ui-history-plot-Rdjb-yOk.js} +121 -114
- package/dist/{vue-ui-kpi-DiuK6mKA.js → vue-ui-kpi-COfnJm-X.js} +3 -3
- package/dist/{vue-ui-kpi-DxXlf8be.cjs → vue-ui-kpi-CbAgFb-9.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-DQ_oXH1a.cjs → vue-ui-mini-loader-CizZv79e.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-Kwzi6dLA.js → vue-ui-mini-loader-DNM7jU2W.js} +2 -2
- package/dist/{vue-ui-molecule-Bfhay2Cw.cjs → vue-ui-molecule-CiOIVjFk.cjs} +1 -1
- package/dist/{vue-ui-molecule-BMiNGYBh.js → vue-ui-molecule-Cv6jp9D_.js} +249 -242
- package/dist/{vue-ui-mood-radar-j2_LSQyN.js → vue-ui-mood-radar-B-VE2pVS.js} +111 -104
- package/dist/{vue-ui-mood-radar-C6CXwCzk.cjs → vue-ui-mood-radar-CoHouhrl.cjs} +1 -1
- package/dist/{vue-ui-nested-donuts-CVsN5wLZ.js → vue-ui-nested-donuts-D-7tn_Qe.js} +116 -109
- package/dist/{vue-ui-nested-donuts-BEb5qHRa.cjs → vue-ui-nested-donuts-ITcu4gJW.cjs} +2 -2
- package/dist/{vue-ui-onion-DlqFOcMu.js → vue-ui-onion-B4SgCj8L.js} +143 -136
- package/dist/{vue-ui-onion-C-y9Jsfq.cjs → vue-ui-onion-fzXsWjjI.cjs} +2 -2
- package/dist/{vue-ui-parallel-coordinate-plot-t2isL1XO.cjs → vue-ui-parallel-coordinate-plot-CTFOY5xi.cjs} +2 -2
- package/dist/{vue-ui-parallel-coordinate-plot-DxwECisr.js → vue-ui-parallel-coordinate-plot-CpQOyh-W.js} +112 -105
- package/dist/{vue-ui-quadrant-DMYZ6Rbh.cjs → vue-ui-quadrant-ByRNr-XD.cjs} +1 -1
- package/dist/{vue-ui-quadrant-rVy92h_8.js → vue-ui-quadrant-DhODDM5V.js} +111 -104
- package/dist/{vue-ui-quick-chart-CE-Qg_jo.cjs → vue-ui-quick-chart-BsQAMw9M.cjs} +3 -3
- package/dist/{vue-ui-quick-chart-DkUCMlp7.js → vue-ui-quick-chart-DpeGH277.js} +194 -187
- package/dist/{vue-ui-radar-j-mDD4Dn.js → vue-ui-radar-CWkrni4Y.js} +100 -93
- package/dist/{vue-ui-radar-DkL4kk1W.cjs → vue-ui-radar-D-qttZKw.cjs} +1 -1
- package/dist/{vue-ui-rating-K_pyDN_G.cjs → vue-ui-rating-CY25IY75.cjs} +1 -1
- package/dist/{vue-ui-rating-CpvfKsg0.js → vue-ui-rating-DB4nQsuM.js} +2 -2
- package/dist/{vue-ui-relation-circle-O0d-4bj0.js → vue-ui-relation-circle-B_PxY9ZN.js} +102 -95
- package/dist/{vue-ui-relation-circle-ChFxKSb0.cjs → vue-ui-relation-circle-KDFaFqqu.cjs} +1 -1
- package/dist/{vue-ui-rings-Cv5WcU9y.cjs → vue-ui-rings-C1Upd5ja.cjs} +2 -2
- package/dist/{vue-ui-rings-DK-HgFva.js → vue-ui-rings-D5-sTr38.js} +168 -161
- package/dist/{vue-ui-scatter-BHCYJgHS.cjs → vue-ui-scatter-B-aqlIcn.cjs} +1 -1
- package/dist/{vue-ui-scatter-CTmhFDqS.js → vue-ui-scatter-C8cn3MR5.js} +85 -78
- package/dist/{vue-ui-screenshot-Ci56oD2d.cjs → vue-ui-screenshot-D9EV_KXZ.cjs} +1 -1
- package/dist/{vue-ui-screenshot-Bpp3trys.js → vue-ui-screenshot-kQRZJHLO.js} +1 -1
- package/dist/{vue-ui-skeleton-BIYEApQO.js → vue-ui-skeleton-DIrE1OTF.js} +3 -3
- package/dist/{vue-ui-skeleton-CKwwTTRF.cjs → vue-ui-skeleton-DyJu1ibj.cjs} +1 -1
- package/dist/{vue-ui-smiley-BjcqO7zZ.cjs → vue-ui-smiley-B7dNRQyO.cjs} +1 -1
- package/dist/{vue-ui-smiley-B5ufG407.js → vue-ui-smiley-DVjsjIa4.js} +2 -2
- package/dist/{vue-ui-spark-trend-qz-BtG6X.cjs → vue-ui-spark-trend-DRtaXADG.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-DnB59fUO.js → vue-ui-spark-trend-DsUy3aw-.js} +5 -5
- package/dist/{vue-ui-sparkbar-D_sMmqjC.js → vue-ui-sparkbar-Dm8xksUj.js} +4 -4
- package/dist/{vue-ui-sparkbar-DQ-IFuy6.cjs → vue-ui-sparkbar-x0F1llCZ.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-Ce5NGB8P.cjs → vue-ui-sparkgauge-B4DRMVOW.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-76-wdTdR.js → vue-ui-sparkgauge-_gF53YgV.js} +4 -4
- package/dist/{vue-ui-sparkhistogram-DviUQdRD.js → vue-ui-sparkhistogram-CD_0ihS9.js} +5 -5
- package/dist/{vue-ui-sparkhistogram-DcSCtmaT.cjs → vue-ui-sparkhistogram-CIMJUDlb.cjs} +1 -1
- package/dist/{vue-ui-sparkline-C75odp3q.js → vue-ui-sparkline-Cs0h6tKI.js} +6 -6
- package/dist/{vue-ui-sparkline-_nWAin6t.cjs → vue-ui-sparkline-DzOL1IDW.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-pRfBTPV0.cjs → vue-ui-sparkstackbar-BBz1lDg0.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-JgAJd1j5.js → vue-ui-sparkstackbar-Dhula5ka.js} +5 -5
- package/dist/{vue-ui-stackbar-DK4W1meR.cjs → vue-ui-stackbar-BuUtwfyC.cjs} +3 -3
- package/dist/{vue-ui-stackbar-Ctym-Udc.js → vue-ui-stackbar-DanAQnBd.js} +210 -203
- package/dist/{vue-ui-strip-plot-BU6tkAvd.cjs → vue-ui-strip-plot-95uUJ2fc.cjs} +1 -1
- package/dist/{vue-ui-strip-plot-BLmj_-sa.js → vue-ui-strip-plot-DIlGTBzG.js} +82 -75
- package/dist/{vue-ui-table-Cvt9DTpO.cjs → vue-ui-table-CDS7xlZS.cjs} +1 -1
- package/dist/{vue-ui-table-Bot5LadX.js → vue-ui-table-FKZF6cxI.js} +1 -1
- package/dist/{vue-ui-table-heatmap-DE1swMTl.js → vue-ui-table-heatmap-BcGX_vpU.js} +63 -56
- package/dist/{vue-ui-table-heatmap-fALEi4E_.cjs → vue-ui-table-heatmap-qVmiG576.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-CWGl8LJc.js → vue-ui-table-sparkline-CVY9EZ7Q.js} +90 -83
- package/dist/{vue-ui-table-sparkline-pQlBn8xE.cjs → vue-ui-table-sparkline-CnVFXbUB.cjs} +1 -1
- package/dist/{vue-ui-thermometer-N5j1BAqA.cjs → vue-ui-thermometer-BTer1qaq.cjs} +1 -1
- package/dist/{vue-ui-thermometer-DDOVwF0r.js → vue-ui-thermometer-tcTgQiAu.js} +113 -106
- package/dist/{vue-ui-timer-CQ9pLz7T.cjs → vue-ui-timer-CmLGKRcK.cjs} +1 -1
- package/dist/{vue-ui-timer-1zEhowHL.js → vue-ui-timer-DO_VKZHm.js} +5 -5
- package/dist/{vue-ui-tiremarks-zlgbR7II.js → vue-ui-tiremarks-BKnAiR_H.js} +76 -69
- package/dist/{vue-ui-tiremarks-DOXxQKUB.cjs → vue-ui-tiremarks-BPxAgMQx.cjs} +1 -1
- package/dist/{vue-ui-treemap-ZJAvws86.cjs → vue-ui-treemap-BnKYnm8A.cjs} +1 -1
- package/dist/{vue-ui-treemap-C7oZrYCa.js → vue-ui-treemap-oE2QDc_9.js} +143 -136
- package/dist/{vue-ui-vertical-bar-rtqu_UjN.js → vue-ui-vertical-bar-BfFnXSO5.js} +119 -112
- package/dist/{vue-ui-vertical-bar-BFeF_dBM.cjs → vue-ui-vertical-bar-CHUZAnfv.cjs} +3 -3
- package/dist/{vue-ui-waffle-C0E54-ms.cjs → vue-ui-waffle-DxL_bhhX.cjs} +1 -1
- package/dist/{vue-ui-waffle-CgsNawVA.js → vue-ui-waffle-YwQAGMlZ.js} +77 -70
- package/dist/{vue-ui-wheel-StQOeYIO.cjs → vue-ui-wheel-CbEf5uhL.cjs} +1 -1
- package/dist/{vue-ui-wheel-Cm7g8eux.js → vue-ui-wheel-gZQIZUx1.js} +104 -97
- package/dist/{vue-ui-word-cloud-qNxRgN5J.js → vue-ui-word-cloud-CXpfOcDf.js} +122 -115
- package/dist/{vue-ui-word-cloud-Bc31_IfR.cjs → vue-ui-word-cloud-Ddmhs5i-.cjs} +1 -1
- package/dist/{vue-ui-xy-wbWmX1Zh.cjs → vue-ui-xy-BFdih9uG.cjs} +2 -2
- package/dist/{vue-ui-xy-BTjOTcAY.js → vue-ui-xy-BHGNHgRk.js} +72 -65
- package/dist/{vue-ui-xy-canvas-BpyntzCo.js → vue-ui-xy-canvas-BFZjHXBj.js} +200 -193
- package/dist/{vue-ui-xy-canvas-BljjkGUh.cjs → vue-ui-xy-canvas-hM1oa-dn.cjs} +2 -2
- package/package.json +1 -1
- package/dist/usePrinter-DB2FudbZ.cjs +0 -1
- package/dist/vue-ui-heatmap-Bz5l9BbM.cjs +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { useCssVars as
|
|
2
|
-
import { u as Te, c as We, t as Me, p as F, a as Ee, b as Ue, o as Be, e as
|
|
3
|
-
import { u as ge } from "./useNestedProp-
|
|
4
|
-
import Xe from "./vue-ui-sparkline-
|
|
5
|
-
import W from "./BaseIcon-
|
|
6
|
-
import { u as Je, U as Ke, v as Qe } from "./usePrinter-
|
|
1
|
+
import { useCssVars as ze, ref as p, useSlots as De, onMounted as pe, computed as _, watch as fe, createElementBlock as c, openBlock as d, unref as i, normalizeClass as X, createCommentVNode as g, createElementVNode as f, normalizeStyle as s, toDisplayString as C, withDirectives as Pe, createVNode as z, Fragment as J, renderList as K, createBlock as Ne, createSlots as Fe, withCtx as D, renderSlot as A, mergeProps as me, nextTick as Ve } from "vue";
|
|
2
|
+
import { u as Te, c as We, t as Me, p as F, a as Ee, b as Ue, o as Be, e as be, g as Ge, a3 as Le, d as Re, i as V, f as T, q as He, r as qe } from "./index-Cq7-va_5.js";
|
|
3
|
+
import { u as ge } from "./useNestedProp-BEyJNlaO.js";
|
|
4
|
+
import Xe from "./vue-ui-sparkline-Cs0h6tKI.js";
|
|
5
|
+
import W from "./BaseIcon-CR8s5lLC.js";
|
|
6
|
+
import { u as Je, U as Ke, v as Qe } from "./usePrinter-jRjc8Naz.js";
|
|
7
7
|
import { u as Ye } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
9
9
|
const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } }, tt = {
|
|
@@ -40,13 +40,13 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
|
-
setup(
|
|
44
|
-
|
|
45
|
-
"
|
|
43
|
+
setup(ye, { expose: he }) {
|
|
44
|
+
ze((t) => ({
|
|
45
|
+
"5bf76bd6": t.tdo
|
|
46
46
|
}));
|
|
47
|
-
const { vue_ui_table_sparkline:
|
|
47
|
+
const { vue_ui_table_sparkline: ke } = Te(), x = ye, M = p(We()), Q = p(0), E = p(0), U = p(null), _e = De();
|
|
48
48
|
pe(() => {
|
|
49
|
-
|
|
49
|
+
_e["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
|
|
50
50
|
});
|
|
51
51
|
const e = _({
|
|
52
52
|
get: () => j(),
|
|
@@ -55,7 +55,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
55
55
|
function j() {
|
|
56
56
|
const t = ge({
|
|
57
57
|
userConfig: x.config,
|
|
58
|
-
defaultConfig:
|
|
58
|
+
defaultConfig: ke
|
|
59
59
|
});
|
|
60
60
|
return t.theme ? {
|
|
61
61
|
...ge({
|
|
@@ -68,27 +68,27 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
68
68
|
fe(() => x.config, (t) => {
|
|
69
69
|
e.value = j(), B.value = !e.value.userOptions.showOnChartHover, oe(), E.value += 1;
|
|
70
70
|
}, { deep: !0 }), fe(() => x.dataset, (t) => {
|
|
71
|
-
m.value =
|
|
71
|
+
m.value = O.value, E.value += 1;
|
|
72
72
|
}, { deep: !0 });
|
|
73
73
|
const { isPrinting: ee, isImaging: te, generatePdf: ae, generateImage: le } = Je({
|
|
74
74
|
elementId: `table_${M.value}`,
|
|
75
75
|
fileName: e.value.title.text || "vue-ui-table-sparkline"
|
|
76
|
-
}),
|
|
76
|
+
}), Ce = _(() => Ue(e.value.customPalette)), P = p(null), G = p(!1), xe = _(() => e.value.responsiveBreakpoint);
|
|
77
77
|
pe(() => {
|
|
78
78
|
oe();
|
|
79
79
|
});
|
|
80
80
|
const L = p(e.value.colNames);
|
|
81
81
|
function oe() {
|
|
82
|
-
Be(x.dataset) &&
|
|
82
|
+
Be(x.dataset) && be({
|
|
83
83
|
componentName: "VueUiTableSparkline",
|
|
84
84
|
type: "dataset"
|
|
85
85
|
});
|
|
86
86
|
const t = new ResizeObserver((l) => {
|
|
87
87
|
l.forEach((a) => {
|
|
88
|
-
G.value = a.contentRect.width <
|
|
88
|
+
G.value = a.contentRect.width < xe.value;
|
|
89
89
|
});
|
|
90
90
|
});
|
|
91
|
-
|
|
91
|
+
P.value && t.observe(P.value), L.value = [];
|
|
92
92
|
for (let l = 0; l < se.value; l += 1)
|
|
93
93
|
L.value.push(e.value.colNames[l] || `col ${l}`);
|
|
94
94
|
}
|
|
@@ -97,7 +97,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
97
97
|
datasetObject: t,
|
|
98
98
|
requiredAttributes: ["name", "values"]
|
|
99
99
|
}).forEach((a) => {
|
|
100
|
-
|
|
100
|
+
be({
|
|
101
101
|
componentName: "VueUiTableSparkline",
|
|
102
102
|
type: "datasetSerieAttribute",
|
|
103
103
|
property: a,
|
|
@@ -109,7 +109,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
109
109
|
return {
|
|
110
110
|
...t,
|
|
111
111
|
values: t.values || [],
|
|
112
|
-
color: Re(t.color) ||
|
|
112
|
+
color: Re(t.color) || Ce.value[l] || F[l] || F[l % F.length],
|
|
113
113
|
sum: o,
|
|
114
114
|
average: u,
|
|
115
115
|
median: n,
|
|
@@ -119,7 +119,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
119
119
|
}))
|
|
120
120
|
};
|
|
121
121
|
})));
|
|
122
|
-
function
|
|
122
|
+
function we(t) {
|
|
123
123
|
const a = (t[0].values || []).map(
|
|
124
124
|
(u, n) => t.map((v) => v.values[n] || [])
|
|
125
125
|
).map(
|
|
@@ -131,29 +131,29 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
131
131
|
orders: a[n]
|
|
132
132
|
}));
|
|
133
133
|
}
|
|
134
|
-
const
|
|
134
|
+
const O = _(() => we(ne.value)), m = p(O.value), Se = _(() => Math.max(...m.value.map((t) => (t.values || []).length))), R = p(void 0), H = p(!1), b = p(void 0), ue = p(1);
|
|
135
135
|
function I() {
|
|
136
|
-
H.value = !1,
|
|
136
|
+
H.value = !1, b.value = void 0, y.value = void 0, ue.value = 1, $.value.forEach((t) => t.state = 1), w.value = {
|
|
137
137
|
name: 1,
|
|
138
138
|
sum: 1,
|
|
139
139
|
average: 1,
|
|
140
140
|
median: 1
|
|
141
|
-
}, m.value =
|
|
141
|
+
}, m.value = O.value;
|
|
142
142
|
}
|
|
143
|
-
function
|
|
143
|
+
function N(t, l, a) {
|
|
144
144
|
if (["name", "sum", "average", "median"].includes(t.type)) {
|
|
145
|
-
|
|
145
|
+
Ie(t.type, l, a);
|
|
146
146
|
return;
|
|
147
147
|
}
|
|
148
148
|
if (!de(l)) return;
|
|
149
|
-
if (S.value = l, y.value = void 0, ![null, void 0].includes(
|
|
150
|
-
|
|
149
|
+
if (S.value = l, y.value = void 0, ![null, void 0].includes(b.value) && l !== b.value && (b.value = void 0, I()), $.value[l].state === a && b.value === l) {
|
|
150
|
+
b.value = void 0, I();
|
|
151
151
|
return;
|
|
152
152
|
}
|
|
153
|
-
H.value = !0,
|
|
154
|
-
const o =
|
|
155
|
-
|
|
156
|
-
const v = o.map((r, h) => [h, r]).sort((r, h) => u * (h[1] - r[1])).map((r) => r[0]).map((r) =>
|
|
153
|
+
H.value = !0, b.value = l;
|
|
154
|
+
const o = O.value.map((r) => r.values[l] || []), u = a;
|
|
155
|
+
$.value[l].state = u, ue.value = u, l === R.value ? R.value = void 0 : R.value = l;
|
|
156
|
+
const v = o.map((r, h) => [h, r]).sort((r, h) => u * (h[1] - r[1])).map((r) => r[0]).map((r) => O.value[r]);
|
|
157
157
|
m.value = v, E.value += 1;
|
|
158
158
|
}
|
|
159
159
|
const se = _(() => Math.max(...x.dataset.map((t) => (t.values || []).length))), k = _(() => {
|
|
@@ -177,13 +177,13 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
177
177
|
average: 1,
|
|
178
178
|
median: 1
|
|
179
179
|
}), y = p(void 0);
|
|
180
|
-
function
|
|
180
|
+
function Ie(t, l, a) {
|
|
181
181
|
if (!m.value || m.value.length === 0 || !ve(t)) return;
|
|
182
|
-
if (y.value !== t && (y.value = void 0), ![null, void 0].includes(
|
|
182
|
+
if (y.value !== t && (y.value = void 0), ![null, void 0].includes(b.value) && l !== b.value && I(), b.value = void 0, w.value[t] === a && y.value) {
|
|
183
183
|
y.value = void 0, I();
|
|
184
184
|
return;
|
|
185
185
|
}
|
|
186
|
-
y.value = t, H.value = !0, w.value[t] = a, [null, void 0].includes(l) || (
|
|
186
|
+
y.value = t, H.value = !0, w.value[t] = a, [null, void 0].includes(l) || ($.value[l].state = w.value[t]);
|
|
187
187
|
const o = w.value[t], u = [...m.value].sort((n, v) => {
|
|
188
188
|
const r = n[t] ?? (typeof n[t] == "number" ? 0 : ""), h = v[t] ?? (typeof v[t] == "number" ? 0 : "");
|
|
189
189
|
return typeof r == "string" && typeof h == "string" ? o === -1 ? r.localeCompare(h) : h.localeCompare(r) : typeof r == "number" && typeof h == "number" ? o === -1 ? r - h : h - r : 0;
|
|
@@ -191,11 +191,11 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
191
191
|
m.value = u;
|
|
192
192
|
}
|
|
193
193
|
const S = p(void 0), q = p(void 0);
|
|
194
|
-
function
|
|
194
|
+
function Ae({ dataIndex: t, serieIndex: l }) {
|
|
195
195
|
S.value = t, q.value = l, U.value[t] && !G.value && U.value[t].scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
|
|
196
196
|
}
|
|
197
197
|
const re = p(!1);
|
|
198
|
-
function
|
|
198
|
+
function Oe(t) {
|
|
199
199
|
re.value = t, Q.value += 1;
|
|
200
200
|
}
|
|
201
201
|
function ie() {
|
|
@@ -220,23 +220,23 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
220
220
|
return t.type === "name" || t === "name" ? e.value.sortedSeriesName : t.type === "sum" || t === "sum" ? e.value.sortedSum : t.type === "average" || t === "average" ? e.value.sortedAverage : t.type === "median" || t === "median" ? e.value.sortedMedian : !1;
|
|
221
221
|
}
|
|
222
222
|
function ce(t, l, a) {
|
|
223
|
-
return ["sum", "average", "median"].includes(l.type) ? y.value === l.type && w.value[l.type] === a ? 1 : 0.3 : t ===
|
|
223
|
+
return ["sum", "average", "median"].includes(l.type) ? y.value === l.type && w.value[l.type] === a ? 1 : 0.3 : t === b.value && $.value[t].state === a ? 1 : 0.3;
|
|
224
224
|
}
|
|
225
|
-
function
|
|
225
|
+
function $e() {
|
|
226
226
|
e.value.resetSortOnClickOutside && I();
|
|
227
227
|
}
|
|
228
|
-
const
|
|
228
|
+
const $ = _({
|
|
229
229
|
get: () => k.value.map((t) => ({ state: 1 })),
|
|
230
230
|
set: (t) => t
|
|
231
231
|
});
|
|
232
|
-
return
|
|
232
|
+
return he({
|
|
233
233
|
generatePdf: ae,
|
|
234
234
|
generateImage: le,
|
|
235
235
|
generateCsv: ie,
|
|
236
236
|
restoreOrder: I
|
|
237
237
|
}), (t, l) => (d(), c("div", {
|
|
238
238
|
ref_key: "tableContainer",
|
|
239
|
-
ref:
|
|
239
|
+
ref: P,
|
|
240
240
|
class: X({ "vue-ui-table-sparkline": !0, "vue-ui-responsive": G.value }),
|
|
241
241
|
style: { overflow: "hidden" },
|
|
242
242
|
id: `table_${M.value}`,
|
|
@@ -266,8 +266,8 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
266
266
|
color: e.value.title.subtitle.color,
|
|
267
267
|
textAlign: e.value.title.textAlign
|
|
268
268
|
})
|
|
269
|
-
}, C(e.value.title.subtitle.text), 5)) :
|
|
270
|
-
], 4)) :
|
|
269
|
+
}, C(e.value.title.subtitle.text), 5)) : g("", !0)
|
|
270
|
+
], 4)) : g("", !0),
|
|
271
271
|
f("div", {
|
|
272
272
|
style: { overflow: "auto" },
|
|
273
273
|
onPointerleave: l[2] || (l[2] = (a) => {
|
|
@@ -279,7 +279,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
279
279
|
style: s({ fontFamily: e.value.fontFamily, position: "relative" })
|
|
280
280
|
}, [
|
|
281
281
|
f("thead", et, [
|
|
282
|
-
|
|
282
|
+
Pe((d(), c("tr", {
|
|
283
283
|
role: "row",
|
|
284
284
|
class: "vue-ui-data-table__thead-row",
|
|
285
285
|
style: s({
|
|
@@ -310,9 +310,9 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
310
310
|
m.value.length > 1 && e.value.sortedSeriesName ? (d(), c("div", tt, [
|
|
311
311
|
f("button", {
|
|
312
312
|
class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
|
|
313
|
-
onClick: l[0] || (l[0] = (a) =>
|
|
313
|
+
onClick: l[0] || (l[0] = (a) => N({ type: "name" }, null, -1))
|
|
314
314
|
}, [
|
|
315
|
-
|
|
315
|
+
z(W, {
|
|
316
316
|
size: 12,
|
|
317
317
|
name: "arrowBottom",
|
|
318
318
|
stroke: e.value.thead.color,
|
|
@@ -323,9 +323,9 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
323
323
|
]),
|
|
324
324
|
f("button", {
|
|
325
325
|
class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
|
|
326
|
-
onClick: l[1] || (l[1] = (a) =>
|
|
326
|
+
onClick: l[1] || (l[1] = (a) => N({ type: "name" }, null, 1))
|
|
327
327
|
}, [
|
|
328
|
-
|
|
328
|
+
z(W, {
|
|
329
329
|
size: 12,
|
|
330
330
|
name: "arrowTop",
|
|
331
331
|
stroke: e.value.thead.color,
|
|
@@ -334,7 +334,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
334
334
|
})
|
|
335
335
|
}, null, 8, ["stroke", "style"])
|
|
336
336
|
])
|
|
337
|
-
])) :
|
|
337
|
+
])) : g("", !0)
|
|
338
338
|
], 4)
|
|
339
339
|
], 4),
|
|
340
340
|
(d(!0), c(J, null, K(k.value, (a, o) => (d(), c("th", {
|
|
@@ -362,9 +362,9 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
362
362
|
m.value.length > 1 && (de(o) || ve(a)) ? (d(), c("div", at, [
|
|
363
363
|
f("button", {
|
|
364
364
|
class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",
|
|
365
|
-
onClick: () =>
|
|
365
|
+
onClick: () => N(a, o, -1)
|
|
366
366
|
}, [
|
|
367
|
-
|
|
367
|
+
z(W, {
|
|
368
368
|
size: 12,
|
|
369
369
|
name: "arrowBottom",
|
|
370
370
|
stroke: e.value.thead.color,
|
|
@@ -375,9 +375,9 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
375
375
|
], 8, lt),
|
|
376
376
|
f("button", {
|
|
377
377
|
class: "vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",
|
|
378
|
-
onClick: () =>
|
|
378
|
+
onClick: () => N(a, o, 1)
|
|
379
379
|
}, [
|
|
380
|
-
|
|
380
|
+
z(W, {
|
|
381
381
|
size: 12,
|
|
382
382
|
name: "arrowTop",
|
|
383
383
|
stroke: e.value.thead.color,
|
|
@@ -386,9 +386,9 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
386
386
|
})
|
|
387
387
|
}, null, 8, ["stroke", "style"])
|
|
388
388
|
], 8, ot)
|
|
389
|
-
])) :
|
|
389
|
+
])) : g("", !0)
|
|
390
390
|
], 4),
|
|
391
|
-
e.value.userOptions.show && o === k.value.length - 1 && (i(Z) || i(B)) ? (d(),
|
|
391
|
+
e.value.userOptions.show && o === k.value.length - 1 && (i(Z) || i(B)) ? (d(), Ne(Ke, {
|
|
392
392
|
ref_for: !0,
|
|
393
393
|
ref: "details",
|
|
394
394
|
key: `user_option_${Q.value}`,
|
|
@@ -403,48 +403,55 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
403
403
|
hasFullscreen: e.value.userOptions.buttons.fullscreen,
|
|
404
404
|
isFullscreen: re.value,
|
|
405
405
|
titles: { ...e.value.userOptions.buttonTitles },
|
|
406
|
-
chartElement:
|
|
406
|
+
chartElement: P.value,
|
|
407
407
|
position: e.value.userOptions.position,
|
|
408
|
-
onToggleFullscreen:
|
|
408
|
+
onToggleFullscreen: Oe,
|
|
409
409
|
onGeneratePdf: i(ae),
|
|
410
410
|
onGenerateImage: i(le),
|
|
411
411
|
onGenerateCsv: ie,
|
|
412
412
|
style: s({
|
|
413
413
|
visibility: i(Z) ? i(B) ? "visible" : "hidden" : "visible"
|
|
414
414
|
})
|
|
415
|
-
},
|
|
415
|
+
}, Fe({ _: 2 }, [
|
|
416
|
+
t.$slots.menuIcon ? {
|
|
417
|
+
name: "menuIcon",
|
|
418
|
+
fn: D(({ isOpen: u, color: n }) => [
|
|
419
|
+
A(t.$slots, "menuIcon", me({ ref_for: !0 }, { isOpen: u, color: n }), void 0, !0)
|
|
420
|
+
]),
|
|
421
|
+
key: "0"
|
|
422
|
+
} : void 0,
|
|
416
423
|
t.$slots.optionPdf ? {
|
|
417
424
|
name: "optionPdf",
|
|
418
|
-
fn:
|
|
419
|
-
|
|
425
|
+
fn: D(() => [
|
|
426
|
+
A(t.$slots, "optionPdf", {}, void 0, !0)
|
|
420
427
|
]),
|
|
421
|
-
key: "
|
|
428
|
+
key: "1"
|
|
422
429
|
} : void 0,
|
|
423
430
|
t.$slots.optionCsv ? {
|
|
424
431
|
name: "optionCsv",
|
|
425
|
-
fn:
|
|
426
|
-
|
|
432
|
+
fn: D(() => [
|
|
433
|
+
A(t.$slots, "optionCsv", {}, void 0, !0)
|
|
427
434
|
]),
|
|
428
|
-
key: "
|
|
435
|
+
key: "2"
|
|
429
436
|
} : void 0,
|
|
430
437
|
t.$slots.optionImg ? {
|
|
431
438
|
name: "optionImg",
|
|
432
|
-
fn:
|
|
433
|
-
|
|
439
|
+
fn: D(() => [
|
|
440
|
+
A(t.$slots, "optionImg", {}, void 0, !0)
|
|
434
441
|
]),
|
|
435
|
-
key: "
|
|
442
|
+
key: "3"
|
|
436
443
|
} : void 0,
|
|
437
444
|
t.$slots.optionFullscreen ? {
|
|
438
445
|
name: "optionFullscreen",
|
|
439
|
-
fn:
|
|
440
|
-
|
|
446
|
+
fn: D(({ toggleFullscreen: u, isFullscreen: n }) => [
|
|
447
|
+
A(t.$slots, "optionFullscreen", me({ ref_for: !0 }, { toggleFullscreen: u, isFullscreen: n }), void 0, !0)
|
|
441
448
|
]),
|
|
442
|
-
key: "
|
|
449
|
+
key: "4"
|
|
443
450
|
} : void 0
|
|
444
|
-
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) :
|
|
451
|
+
]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0)
|
|
445
452
|
], 6))), 256))
|
|
446
453
|
], 4)), [
|
|
447
|
-
[i(Qe),
|
|
454
|
+
[i(Qe), $e]
|
|
448
455
|
])
|
|
449
456
|
]),
|
|
450
457
|
f("tbody", null, [
|
|
@@ -481,11 +488,11 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
481
488
|
e.value.tbody.showColorMarker ? (d(), c("span", {
|
|
482
489
|
key: 0,
|
|
483
490
|
style: s({ color: a.color })
|
|
484
|
-
}, "⬤", 4)) :
|
|
491
|
+
}, "⬤", 4)) : g("", !0),
|
|
485
492
|
f("span", null, C(a.name ?? "-"), 1)
|
|
486
493
|
], 4)
|
|
487
494
|
], 12, nt),
|
|
488
|
-
(d(!0), c(J, null, K(
|
|
495
|
+
(d(!0), c(J, null, K(Se.value, (u, n) => (d(), c("td", {
|
|
489
496
|
dir: "auto",
|
|
490
497
|
role: "cell",
|
|
491
498
|
ref_for: !0,
|
|
@@ -536,7 +543,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
536
543
|
r: e.value.roundingTotal
|
|
537
544
|
}),
|
|
538
545
|
{ datapoint: a.sum, seriesIndex: o }
|
|
539
|
-
)), 13, st)) :
|
|
546
|
+
)), 13, st)) : g("", !0),
|
|
540
547
|
e.value.showAverage ? (d(), c("td", {
|
|
541
548
|
key: 1,
|
|
542
549
|
dir: "auto",
|
|
@@ -559,7 +566,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
559
566
|
r: e.value.roundingAverage
|
|
560
567
|
}),
|
|
561
568
|
{ datapoint: a.average, seriesIndex: o }
|
|
562
|
-
)), 13, rt)) :
|
|
569
|
+
)), 13, rt)) : g("", !0),
|
|
563
570
|
e.value.showMedian ? (d(), c("td", {
|
|
564
571
|
key: 2,
|
|
565
572
|
dir: "auto",
|
|
@@ -582,7 +589,7 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
582
589
|
r: e.value.roundingMedian
|
|
583
590
|
}),
|
|
584
591
|
{ datapoint: a.median, seriesIndex: o }
|
|
585
|
-
)), 13, it)) :
|
|
592
|
+
)), 13, it)) : g("", !0),
|
|
586
593
|
e.value.showSparklines ? (d(), c("td", {
|
|
587
594
|
key: 3,
|
|
588
595
|
role: "cell",
|
|
@@ -597,8 +604,8 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
597
604
|
}),
|
|
598
605
|
class: "vue-ui-data-table__tbody__td sticky-col"
|
|
599
606
|
}, [
|
|
600
|
-
|
|
601
|
-
onHoverIndex: ({ index: u }) =>
|
|
607
|
+
z(Xe, {
|
|
608
|
+
onHoverIndex: ({ index: u }) => Ae({ dataIndex: u, serieIndex: o }),
|
|
602
609
|
"height-ratio": e.value.sparkline.dimensions.heightRatio,
|
|
603
610
|
"forced-padding": 30,
|
|
604
611
|
dataset: a.sparklineDataset,
|
|
@@ -636,17 +643,17 @@ const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } },
|
|
|
636
643
|
}
|
|
637
644
|
}
|
|
638
645
|
}, null, 8, ["onHoverIndex", "height-ratio", "dataset", "selectedIndex", "config"])
|
|
639
|
-
], 12, dt)) :
|
|
646
|
+
], 12, dt)) : g("", !0)
|
|
640
647
|
], 6))), 256))
|
|
641
648
|
])
|
|
642
649
|
], 4)
|
|
643
650
|
], 32),
|
|
644
651
|
t.$slots.source ? (d(), c("div", vt, [
|
|
645
|
-
|
|
646
|
-
], 512)) :
|
|
652
|
+
A(t.$slots, "source", {}, void 0, !0)
|
|
653
|
+
], 512)) : g("", !0)
|
|
647
654
|
], 42, je));
|
|
648
655
|
}
|
|
649
|
-
}, _t = /* @__PURE__ */ Ze(ct, [["__scopeId", "data-v-
|
|
656
|
+
}, _t = /* @__PURE__ */ Ze(ct, [["__scopeId", "data-v-938176cd"]]);
|
|
650
657
|
export {
|
|
651
658
|
_t as default
|
|
652
659
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-CkqI12gj.cjs"),Y=require("./useNestedProp-B5QzQ7cl.cjs"),ce=require("./vue-ui-sparkline-_nWAin6t.cjs"),x=require("./BaseIcon-Brc1PN_Z.cjs"),D=require("./usePrinter-DB2FudbZ.cjs"),ve=require("./useUserOptionState-BgepsfED.cjs"),pe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),me=["id"],fe={style:{"z-index":"1","padding-right":"24px"}},ye={key:0,style:{display:"flex",flexDirection:"row",alignItems:"center"}},ge={key:0,style:{display:"flex",flexDirection:"row",alignItems:"center"}},be=["onClick"],ke=["onClick"],he=["data-cell"],Se=["data-cell","onPointerenter"],Ce=["data-cell"],_e=["data-cell"],xe=["data-cell"],we=["data-cell"],Ne={key:1,ref:"source",dir:"auto"},ze={__name:"vue-ui-table-sparkline",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(Z,{expose:ee}){e.useCssVars(l=>({"4055a9ea":l.tdo}));const{vue_ui_table_sparkline:te}=u.useConfig(),y=Z,w=e.ref(u.createUid()),$=e.ref(0),N=e.ref(0),z=e.ref(null),le=e.useSlots();e.onMounted(()=>{le["chart-background"]&&console.warn("VueUiTableSparkline does not support the #chart-background slot.")});const t=e.computed({get:()=>T(),set:l=>l}),{userOptionsVisible:V,setUserOptionsVisibility:P,keepUserOptionState:F}=ve.useUserOptionState({config:t.value});function T(){const l=Y.useNestedProp({userConfig:y.config,defaultConfig:te});return l.theme?{...Y.useNestedProp({userConfig:u.themes.vue_ui_table_sparkline[l.theme]||y.config,defaultConfig:l}),customPalette:u.themePalettes[l.theme]||u.palette}:l}e.watch(()=>y.config,l=>{t.value=T(),V.value=!t.value.userOptions.showOnChartHover,q(),N.value+=1},{deep:!0}),e.watch(()=>y.dataset,l=>{c.value=h.value,N.value+=1},{deep:!0});const{isPrinting:M,isImaging:W,generatePdf:L,generateImage:U}=D.usePrinter({elementId:`table_${w.value}`,fileName:t.value.title.text||"vue-ui-table-sparkline"}),ae=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),C=e.ref(null),B=e.ref(!1),oe=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{q()});const E=e.ref(t.value.colNames);function q(){u.objectIsEmpty(y.dataset)&&u.error({componentName:"VueUiTableSparkline",type:"dataset"});const l=new ResizeObserver(o=>{o.forEach(a=>{B.value=a.contentRect.width<oe.value})});C.value&&l.observe(C.value),E.value=[];for(let o=0;o<R.value;o+=1)E.value.push(t.value.colNames[o]||`col ${o}`)}const G=e.computed(()=>(y.dataset.forEach((l,o)=>{u.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{u.error({componentName:"VueUiTableSparkline",type:"datasetSerieAttribute",property:a,index:o})})}),y.dataset.map((l,o)=>{const a=(l.values||[]).map(d=>isNaN(d)?0:d??0),n=a.reduce((d,i)=>d+i,0),s=n/a.length,r=u.calcMedian(a);return{...l,values:l.values||[],color:u.convertColorToHex(l.color)||ae.value[o]||u.palette[o]||u.palette[o%u.palette.length],sum:n,average:s,median:r,sparklineDataset:a.map((d,i)=>({period:t.value.colNames[i]||`col ${i}`,value:d||0}))}})));function ne(l){const a=(l[0].values||[]).map((s,r)=>l.map(d=>d.values[r]||[])).map(s=>s.map((r,d)=>[r,d]).sort((r,d)=>d[0]-r[0]).map(r=>r[1]));return l.map((s,r)=>({...s,values:s.values||[],orders:a[r]}))}const h=e.computed(()=>ne(G.value)),c=e.ref(h.value),re=e.computed(()=>Math.max(...c.value.map(l=>(l.values||[]).length))),I=e.ref(void 0),A=e.ref(!1),v=e.ref(void 0),H=e.ref(1);function k(){A.value=!1,v.value=void 0,p.value=void 0,H.value=1,S.value.forEach(l=>l.state=1),g.value={name:1,sum:1,average:1,median:1},c.value=h.value}function _(l,o,a){if(["name","sum","average","median"].includes(l.type)){ue(l.type,o,a);return}if(!J(o))return;if(b.value=o,p.value=void 0,![null,void 0].includes(v.value)&&o!==v.value&&(v.value=void 0,k()),S.value[o].state===a&&v.value===o){v.value=void 0,k();return}A.value=!0,v.value=o;const n=h.value.map(i=>i.values[o]||[]),s=a;S.value[o].state=s,H.value=s,o===I.value?I.value=void 0:I.value=o;const d=n.map((i,m)=>[m,i]).sort((i,m)=>s*(m[1]-i[1])).map(i=>i[0]).map(i=>h.value[i]);c.value=d,N.value+=1}const R=e.computed(()=>Math.max(...y.dataset.map(l=>(l.values||[]).length))),f=e.computed(()=>{let l=E.value.map(a=>({type:"reg",value:a}));if(!l.length)for(let a=0;a<R.value;a+=1)l.push({type:"reg",value:`col ${a+1}`});t.value.showTotal&&(l=[...l,{type:"sum",value:t.value.translations.total}]);let o;return t.value.showAverage&&t.value.showMedian?o=[...l,{type:"average",value:t.value.translations.average},{type:"median",value:t.value.translations.median}]:t.value.showAverage&&!t.value.showMedian?o=[...l,{type:"average",value:t.value.translations.average}]:!t.value.showAverage&&t.value.showMedian?o=[...l,{type:"median",value:t.value.translations.median}]:o=l,t.value.showSparklines?[...o,{type:"chart",value:t.value.translations.chart}]:o}),g=e.ref({name:1,sum:1,average:1,median:1}),p=e.ref(void 0);function ue(l,o,a){if(!c.value||c.value.length===0||!K(l))return;if(p.value!==l&&(p.value=void 0),![null,void 0].includes(v.value)&&o!==v.value&&k(),v.value=void 0,g.value[l]===a&&p.value){p.value=void 0,k();return}p.value=l,A.value=!0,g.value[l]=a,[null,void 0].includes(o)||(S.value[o].state=g.value[l]);const n=g.value[l],s=[...c.value].sort((r,d)=>{const i=r[l]??(typeof r[l]=="number"?0:""),m=d[l]??(typeof d[l]=="number"?0:"");return typeof i=="string"&&typeof m=="string"?n===-1?i.localeCompare(m):m.localeCompare(i):typeof i=="number"&&typeof m=="number"?n===-1?i-m:m-i:0});c.value=s}const b=e.ref(void 0),O=e.ref(void 0);function se({dataIndex:l,serieIndex:o}){b.value=l,O.value=o,z.value[l]&&!B.value&&z.value[l].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}const X=e.ref(!1);function ie(l){X.value=l,$.value+=1}function j(){e.nextTick(()=>{const l=[t.value.translations.serie].concat(f.value),o=G.value.map((s,r)=>[[s.name],s.values,[s.sum],[s.average],[s.median]]),a=[l].concat(o),n=u.createCsvContent(a);u.downloadCsv({csvContent:n,title:t.value.title.text||"vue-ui-table-sparkline"})})}function J(l){return t.value.sortedDataColumnIndices.includes(l)}function K(l){return l.type==="name"||l==="name"?t.value.sortedSeriesName:l.type==="sum"||l==="sum"?t.value.sortedSum:l.type==="average"||l==="average"?t.value.sortedAverage:l.type==="median"||l==="median"?t.value.sortedMedian:!1}function Q(l,o,a){return["sum","average","median"].includes(o.type)?p.value===o.type&&g.value[o.type]===a?1:.3:l===v.value&&S.value[l].state===a?1:.3}function de(){t.value.resetSortOnClickOutside&&k()}const S=e.computed({get:()=>f.value.map(l=>({state:1})),set:l=>l});return ee({generatePdf:L,generateImage:U,generateCsv:j,restoreOrder:k}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:C,class:e.normalizeClass({"vue-ui-table-sparkline":!0,"vue-ui-responsive":B.value}),style:{overflow:"hidden"},id:`table_${w.value}`,onMouseenter:o[3]||(o[3]=()=>e.unref(P)(!0)),onMouseleave:o[4]||(o[4]=()=>e.unref(P)(!1))},[t.value.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-table-sparkline-caption",style:e.normalizeStyle({backgroundColor:t.value.title.backgroundColor})},[e.createElementVNode("div",{class:"atom-title",style:e.normalizeStyle({fontSize:`${t.value.title.fontSize}px`,fontWeight:t.value.title.bold?"bold":"normal",color:t.value.title.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.text),5),t.value.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"atom-subtitle",style:e.normalizeStyle({fontSize:`${t.value.title.subtitle.fontSize}px`,fontWeight:t.value.title.subtitle.bold?"bold":"normal",color:t.value.title.subtitle.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{style:{overflow:"auto"},onPointerleave:o[2]||(o[2]=a=>{O.value=void 0,b.value=void 0})},[e.createElementVNode("table",{class:"vue-ui-data-table",style:e.normalizeStyle({fontFamily:t.value.fontFamily,position:"relative"})},[e.createElementVNode("thead",fe,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{role:"row",class:"vue-ui-data-table__thead-row",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color})},[e.createElementVNode("th",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal"}),class:"sticky-col-first"},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"3px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(t.value.translations.serie),1),c.value.length>1&&t.value.sortedSeriesName?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",onClick:o[0]||(o[0]=a=>_({type:"name"},null,-1))},[e.createVNode(x.default,{size:12,name:"arrowBottom",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:p.value==="name"&&g.value.name===-1?1:.3})},null,8,["stroke","style"])]),e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",onClick:o[1]||(o[1]=a=>_({type:"name"},null,1))},[e.createVNode(x.default,{size:12,name:"arrowTop",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:p.value==="name"&&g.value.name===1?1:.3})},null,8,["stroke","style"])])])):e.createCommentVNode("",!0)],4)],4),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(a,n)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",style:e.normalizeStyle({background:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal",minWidth:n===f.value.length-1?`${t.value.sparkline.dimensions.width}px`:"48px",paddingRight:n===f.value.length-1&&t.value.userOptions.show?"36px":""}),class:e.normalizeClass({"sticky-col":n===f.value.length-1&&t.value.showSparklines})},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"3px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(a.value),1),c.value.length>1&&(J(n)||K(a))?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",onClick:()=>_(a,n,-1)},[e.createVNode(x.default,{size:12,name:"arrowBottom",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:Q(n,a,-1)})},null,8,["stroke","style"])],8,be),e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",onClick:()=>_(a,n,1)},[e.createVNode(x.default,{size:12,name:"arrowTop",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:Q(n,a,1)})},null,8,["stroke","style"])],8,ke)])):e.createCommentVNode("",!0)],4),t.value.userOptions.show&&n===f.value.length-1&&(e.unref(F)||e.unref(V))?(e.openBlock(),e.createBlock(D.UserOptions,{ref_for:!0,ref:"details",key:`user_option_${$.value}`,backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color,isPrinting:e.unref(M),isImaging:e.unref(W),uid:w.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:X.value,titles:{...t.value.userOptions.buttonTitles},chartElement:C.value,position:t.value.userOptions.position,onToggleFullscreen:ie,onGeneratePdf:e.unref(L),onGenerateImage:e.unref(U),onGenerateCsv:j,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(V)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:s,isFullscreen:r})=>[e.renderSlot(l.$slots,"optionFullscreen",e.mergeProps({ref_for:!0},{toggleFullscreen:s,isFullscreen:r}),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0)],6))),256))],4)),[[e.unref(D.vClickOutside),de]])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(a,n)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,color:t.value.tbody.color}),class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":n%2===0,"vue-ui-data-table__tbody__row-odd":n%2!==0})},[e.createElementVNode("td",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.serie,class:"vue-ui-data-table__tbody__td sticky-col-first"},[e.createElementVNode("div",{dir:"auto",style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",justifyContent:t.value.tbody.textAlign})},[t.value.tbody.showColorMarker?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({color:a.color})},"⬤",4)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a.name??"-"),1)],4)],12,he),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(re.value,(s,r)=>(e.openBlock(),e.createElementBlock("td",{dir:"auto",role:"cell",ref_for:!0,ref_key:"TD",ref:z,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,background:b.value!==void 0&&r===b.value?t.value.tbody.selectedColor.useSerieColor?`${a.color.length>7?a.color.slice(0,-2):a.color}33`:t.value.tbody.selectedColor.fallback:""}),"data-cell":f.value[r]?f.value[r].value:"",class:"vue-ui-data-table__tbody__td",onPointerenter:d=>{O.value=n,b.value=r}},e.toDisplayString([null,void 0].includes(a.values[r])?"-":e.unref(u.applyDataLabel)(t.value.formatter,Number(a.values[r]),e.unref(u.dataLabel)({p:t.value.prefix,v:Number(a.values[r]),s:t.value.suffix,r:t.value.roundingValues}),{datapoint:a,seriesIndex:n,datapointIndex:r})),45,Se))),256)),t.value.showTotal?(e.openBlock(),e.createElementBlock("td",{key:0,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.total,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,a.sum,e.unref(u.dataLabel)({p:t.value.prefix,v:a.sum,s:t.value.suffix,r:t.value.roundingTotal}),{datapoint:a.sum,seriesIndex:n})),13,Ce)):e.createCommentVNode("",!0),t.value.showAverage?(e.openBlock(),e.createElementBlock("td",{key:1,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.average,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,a.average,e.unref(u.dataLabel)({p:t.value.prefix,v:a.average,s:t.value.suffix,r:t.value.roundingAverage}),{datapoint:a.average,seriesIndex:n})),13,_e)):e.createCommentVNode("",!0),t.value.showMedian?(e.openBlock(),e.createElementBlock("td",{key:2,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.median,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,a.median,e.unref(u.dataLabel)({p:t.value.prefix,v:a.median,s:t.value.suffix,r:t.value.roundingMedian}),{datapoint:a.median,seriesIndex:n})),13,xe)):e.createCommentVNode("",!0),t.value.showSparklines?(e.openBlock(),e.createElementBlock("td",{key:3,role:"cell","data-cell":t.value.translations.chart,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,backgroundColor:t.value.tbody.backgroundColor,padding:"0"}),class:"vue-ui-data-table__tbody__td sticky-col"},[e.createVNode(ce.default,{onHoverIndex:({index:s})=>se({dataIndex:s,serieIndex:n}),"height-ratio":t.value.sparkline.dimensions.heightRatio,"forced-padding":30,dataset:a.sparklineDataset,showInfo:!1,selectedIndex:b.value,config:{type:t.value.sparkline.type,style:{backgroundColor:"transparent",animation:{show:t.value.sparkline.animation.show&&!e.unref(M)&&!e.unref(W),animationFrames:t.value.sparkline.animation.animationFrames},line:{color:a.color,smooth:t.value.sparkline.smooth,strokeWidth:t.value.sparkline.strokeWidth},bar:{color:a.color},area:{color:a.color,opacity:t.value.sparkline.showArea?16:0,useGradient:t.value.sparkline.useGradient},verticalIndicator:{color:a.color},plot:{radius:9,stroke:t.value.tbody.backgroundColor,strokeWidth:3}}}},null,8,["onHoverIndex","height-ratio","dataset","selectedIndex","config"])],12,we)):e.createCommentVNode("",!0)],6))),256))])],4)],32),l.$slots.source?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],42,me))}},Ve=pe._export_sfc(ze,[["__scopeId","data-v-064813d7"]]);exports.default=Ve;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-CmhvuQro.cjs"),Y=require("./useNestedProp-CnH-XcZU.cjs"),ce=require("./vue-ui-sparkline-DzOL1IDW.cjs"),x=require("./BaseIcon-DMhDupLt.cjs"),D=require("./usePrinter-DhZH4pcR.cjs"),ve=require("./useUserOptionState-BgepsfED.cjs"),pe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),me=["id"],fe={style:{"z-index":"1","padding-right":"24px"}},ye={key:0,style:{display:"flex",flexDirection:"row",alignItems:"center"}},ge={key:0,style:{display:"flex",flexDirection:"row",alignItems:"center"}},be=["onClick"],ke=["onClick"],he=["data-cell"],Se=["data-cell","onPointerenter"],Ce=["data-cell"],_e=["data-cell"],xe=["data-cell"],we=["data-cell"],Ne={key:1,ref:"source",dir:"auto"},ze={__name:"vue-ui-table-sparkline",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(Z,{expose:ee}){e.useCssVars(l=>({"5bf76bd6":l.tdo}));const{vue_ui_table_sparkline:te}=s.useConfig(),y=Z,w=e.ref(s.createUid()),$=e.ref(0),N=e.ref(0),z=e.ref(null),le=e.useSlots();e.onMounted(()=>{le["chart-background"]&&console.warn("VueUiTableSparkline does not support the #chart-background slot.")});const t=e.computed({get:()=>T(),set:l=>l}),{userOptionsVisible:V,setUserOptionsVisibility:P,keepUserOptionState:F}=ve.useUserOptionState({config:t.value});function T(){const l=Y.useNestedProp({userConfig:y.config,defaultConfig:te});return l.theme?{...Y.useNestedProp({userConfig:s.themes.vue_ui_table_sparkline[l.theme]||y.config,defaultConfig:l}),customPalette:s.themePalettes[l.theme]||s.palette}:l}e.watch(()=>y.config,l=>{t.value=T(),V.value=!t.value.userOptions.showOnChartHover,q(),N.value+=1},{deep:!0}),e.watch(()=>y.dataset,l=>{c.value=h.value,N.value+=1},{deep:!0});const{isPrinting:M,isImaging:W,generatePdf:L,generateImage:U}=D.usePrinter({elementId:`table_${w.value}`,fileName:t.value.title.text||"vue-ui-table-sparkline"}),ae=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),C=e.ref(null),I=e.ref(!1),oe=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{q()});const B=e.ref(t.value.colNames);function q(){s.objectIsEmpty(y.dataset)&&s.error({componentName:"VueUiTableSparkline",type:"dataset"});const l=new ResizeObserver(o=>{o.forEach(a=>{I.value=a.contentRect.width<oe.value})});C.value&&l.observe(C.value),B.value=[];for(let o=0;o<R.value;o+=1)B.value.push(t.value.colNames[o]||`col ${o}`)}const G=e.computed(()=>(y.dataset.forEach((l,o)=>{s.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{s.error({componentName:"VueUiTableSparkline",type:"datasetSerieAttribute",property:a,index:o})})}),y.dataset.map((l,o)=>{const a=(l.values||[]).map(d=>isNaN(d)?0:d??0),n=a.reduce((d,i)=>d+i,0),u=n/a.length,r=s.calcMedian(a);return{...l,values:l.values||[],color:s.convertColorToHex(l.color)||ae.value[o]||s.palette[o]||s.palette[o%s.palette.length],sum:n,average:u,median:r,sparklineDataset:a.map((d,i)=>({period:t.value.colNames[i]||`col ${i}`,value:d||0}))}})));function ne(l){const a=(l[0].values||[]).map((u,r)=>l.map(d=>d.values[r]||[])).map(u=>u.map((r,d)=>[r,d]).sort((r,d)=>d[0]-r[0]).map(r=>r[1]));return l.map((u,r)=>({...u,values:u.values||[],orders:a[r]}))}const h=e.computed(()=>ne(G.value)),c=e.ref(h.value),re=e.computed(()=>Math.max(...c.value.map(l=>(l.values||[]).length))),E=e.ref(void 0),A=e.ref(!1),v=e.ref(void 0),H=e.ref(1);function k(){A.value=!1,v.value=void 0,p.value=void 0,H.value=1,S.value.forEach(l=>l.state=1),g.value={name:1,sum:1,average:1,median:1},c.value=h.value}function _(l,o,a){if(["name","sum","average","median"].includes(l.type)){ue(l.type,o,a);return}if(!J(o))return;if(b.value=o,p.value=void 0,![null,void 0].includes(v.value)&&o!==v.value&&(v.value=void 0,k()),S.value[o].state===a&&v.value===o){v.value=void 0,k();return}A.value=!0,v.value=o;const n=h.value.map(i=>i.values[o]||[]),u=a;S.value[o].state=u,H.value=u,o===E.value?E.value=void 0:E.value=o;const d=n.map((i,m)=>[m,i]).sort((i,m)=>u*(m[1]-i[1])).map(i=>i[0]).map(i=>h.value[i]);c.value=d,N.value+=1}const R=e.computed(()=>Math.max(...y.dataset.map(l=>(l.values||[]).length))),f=e.computed(()=>{let l=B.value.map(a=>({type:"reg",value:a}));if(!l.length)for(let a=0;a<R.value;a+=1)l.push({type:"reg",value:`col ${a+1}`});t.value.showTotal&&(l=[...l,{type:"sum",value:t.value.translations.total}]);let o;return t.value.showAverage&&t.value.showMedian?o=[...l,{type:"average",value:t.value.translations.average},{type:"median",value:t.value.translations.median}]:t.value.showAverage&&!t.value.showMedian?o=[...l,{type:"average",value:t.value.translations.average}]:!t.value.showAverage&&t.value.showMedian?o=[...l,{type:"median",value:t.value.translations.median}]:o=l,t.value.showSparklines?[...o,{type:"chart",value:t.value.translations.chart}]:o}),g=e.ref({name:1,sum:1,average:1,median:1}),p=e.ref(void 0);function ue(l,o,a){if(!c.value||c.value.length===0||!K(l))return;if(p.value!==l&&(p.value=void 0),![null,void 0].includes(v.value)&&o!==v.value&&k(),v.value=void 0,g.value[l]===a&&p.value){p.value=void 0,k();return}p.value=l,A.value=!0,g.value[l]=a,[null,void 0].includes(o)||(S.value[o].state=g.value[l]);const n=g.value[l],u=[...c.value].sort((r,d)=>{const i=r[l]??(typeof r[l]=="number"?0:""),m=d[l]??(typeof d[l]=="number"?0:"");return typeof i=="string"&&typeof m=="string"?n===-1?i.localeCompare(m):m.localeCompare(i):typeof i=="number"&&typeof m=="number"?n===-1?i-m:m-i:0});c.value=u}const b=e.ref(void 0),O=e.ref(void 0);function se({dataIndex:l,serieIndex:o}){b.value=l,O.value=o,z.value[l]&&!I.value&&z.value[l].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}const X=e.ref(!1);function ie(l){X.value=l,$.value+=1}function j(){e.nextTick(()=>{const l=[t.value.translations.serie].concat(f.value),o=G.value.map((u,r)=>[[u.name],u.values,[u.sum],[u.average],[u.median]]),a=[l].concat(o),n=s.createCsvContent(a);s.downloadCsv({csvContent:n,title:t.value.title.text||"vue-ui-table-sparkline"})})}function J(l){return t.value.sortedDataColumnIndices.includes(l)}function K(l){return l.type==="name"||l==="name"?t.value.sortedSeriesName:l.type==="sum"||l==="sum"?t.value.sortedSum:l.type==="average"||l==="average"?t.value.sortedAverage:l.type==="median"||l==="median"?t.value.sortedMedian:!1}function Q(l,o,a){return["sum","average","median"].includes(o.type)?p.value===o.type&&g.value[o.type]===a?1:.3:l===v.value&&S.value[l].state===a?1:.3}function de(){t.value.resetSortOnClickOutside&&k()}const S=e.computed({get:()=>f.value.map(l=>({state:1})),set:l=>l});return ee({generatePdf:L,generateImage:U,generateCsv:j,restoreOrder:k}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:C,class:e.normalizeClass({"vue-ui-table-sparkline":!0,"vue-ui-responsive":I.value}),style:{overflow:"hidden"},id:`table_${w.value}`,onMouseenter:o[3]||(o[3]=()=>e.unref(P)(!0)),onMouseleave:o[4]||(o[4]=()=>e.unref(P)(!1))},[t.value.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-table-sparkline-caption",style:e.normalizeStyle({backgroundColor:t.value.title.backgroundColor})},[e.createElementVNode("div",{class:"atom-title",style:e.normalizeStyle({fontSize:`${t.value.title.fontSize}px`,fontWeight:t.value.title.bold?"bold":"normal",color:t.value.title.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.text),5),t.value.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"atom-subtitle",style:e.normalizeStyle({fontSize:`${t.value.title.subtitle.fontSize}px`,fontWeight:t.value.title.subtitle.bold?"bold":"normal",color:t.value.title.subtitle.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{style:{overflow:"auto"},onPointerleave:o[2]||(o[2]=a=>{O.value=void 0,b.value=void 0})},[e.createElementVNode("table",{class:"vue-ui-data-table",style:e.normalizeStyle({fontFamily:t.value.fontFamily,position:"relative"})},[e.createElementVNode("thead",fe,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{role:"row",class:"vue-ui-data-table__thead-row",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color})},[e.createElementVNode("th",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal"}),class:"sticky-col-first"},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"3px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(t.value.translations.serie),1),c.value.length>1&&t.value.sortedSeriesName?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",onClick:o[0]||(o[0]=a=>_({type:"name"},null,-1))},[e.createVNode(x.default,{size:12,name:"arrowBottom",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:p.value==="name"&&g.value.name===-1?1:.3})},null,8,["stroke","style"])]),e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",onClick:o[1]||(o[1]=a=>_({type:"name"},null,1))},[e.createVNode(x.default,{size:12,name:"arrowTop",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:p.value==="name"&&g.value.name===1?1:.3})},null,8,["stroke","style"])])])):e.createCommentVNode("",!0)],4)],4),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(a,n)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",style:e.normalizeStyle({background:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal",minWidth:n===f.value.length-1?`${t.value.sparkline.dimensions.width}px`:"48px",paddingRight:n===f.value.length-1&&t.value.userOptions.show?"36px":""}),class:e.normalizeClass({"sticky-col":n===f.value.length-1&&t.value.showSparklines})},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"3px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(a.value),1),c.value.length>1&&(J(n)||K(a))?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",onClick:()=>_(a,n,-1)},[e.createVNode(x.default,{size:12,name:"arrowBottom",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:Q(n,a,-1)})},null,8,["stroke","style"])],8,be),e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",onClick:()=>_(a,n,1)},[e.createVNode(x.default,{size:12,name:"arrowTop",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:Q(n,a,1)})},null,8,["stroke","style"])],8,ke)])):e.createCommentVNode("",!0)],4),t.value.userOptions.show&&n===f.value.length-1&&(e.unref(F)||e.unref(V))?(e.openBlock(),e.createBlock(D.UserOptions,{ref_for:!0,ref:"details",key:`user_option_${$.value}`,backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color,isPrinting:e.unref(M),isImaging:e.unref(W),uid:w.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:X.value,titles:{...t.value.userOptions.buttonTitles},chartElement:C.value,position:t.value.userOptions.position,onToggleFullscreen:ie,onGeneratePdf:e.unref(L),onGenerateImage:e.unref(U),onGenerateCsv:j,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(V)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:u,color:r})=>[e.renderSlot(l.$slots,"menuIcon",e.mergeProps({ref_for:!0},{isOpen:u,color:r}),void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:u,isFullscreen:r})=>[e.renderSlot(l.$slots,"optionFullscreen",e.mergeProps({ref_for:!0},{toggleFullscreen:u,isFullscreen:r}),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0)],6))),256))],4)),[[e.unref(D.vClickOutside),de]])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(a,n)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,color:t.value.tbody.color}),class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":n%2===0,"vue-ui-data-table__tbody__row-odd":n%2!==0})},[e.createElementVNode("td",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.serie,class:"vue-ui-data-table__tbody__td sticky-col-first"},[e.createElementVNode("div",{dir:"auto",style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",justifyContent:t.value.tbody.textAlign})},[t.value.tbody.showColorMarker?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({color:a.color})},"⬤",4)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a.name??"-"),1)],4)],12,he),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(re.value,(u,r)=>(e.openBlock(),e.createElementBlock("td",{dir:"auto",role:"cell",ref_for:!0,ref_key:"TD",ref:z,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,background:b.value!==void 0&&r===b.value?t.value.tbody.selectedColor.useSerieColor?`${a.color.length>7?a.color.slice(0,-2):a.color}33`:t.value.tbody.selectedColor.fallback:""}),"data-cell":f.value[r]?f.value[r].value:"",class:"vue-ui-data-table__tbody__td",onPointerenter:d=>{O.value=n,b.value=r}},e.toDisplayString([null,void 0].includes(a.values[r])?"-":e.unref(s.applyDataLabel)(t.value.formatter,Number(a.values[r]),e.unref(s.dataLabel)({p:t.value.prefix,v:Number(a.values[r]),s:t.value.suffix,r:t.value.roundingValues}),{datapoint:a,seriesIndex:n,datapointIndex:r})),45,Se))),256)),t.value.showTotal?(e.openBlock(),e.createElementBlock("td",{key:0,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.total,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.sum,e.unref(s.dataLabel)({p:t.value.prefix,v:a.sum,s:t.value.suffix,r:t.value.roundingTotal}),{datapoint:a.sum,seriesIndex:n})),13,Ce)):e.createCommentVNode("",!0),t.value.showAverage?(e.openBlock(),e.createElementBlock("td",{key:1,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.average,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.average,e.unref(s.dataLabel)({p:t.value.prefix,v:a.average,s:t.value.suffix,r:t.value.roundingAverage}),{datapoint:a.average,seriesIndex:n})),13,_e)):e.createCommentVNode("",!0),t.value.showMedian?(e.openBlock(),e.createElementBlock("td",{key:2,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.median,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.median,e.unref(s.dataLabel)({p:t.value.prefix,v:a.median,s:t.value.suffix,r:t.value.roundingMedian}),{datapoint:a.median,seriesIndex:n})),13,xe)):e.createCommentVNode("",!0),t.value.showSparklines?(e.openBlock(),e.createElementBlock("td",{key:3,role:"cell","data-cell":t.value.translations.chart,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,backgroundColor:t.value.tbody.backgroundColor,padding:"0"}),class:"vue-ui-data-table__tbody__td sticky-col"},[e.createVNode(ce.default,{onHoverIndex:({index:u})=>se({dataIndex:u,serieIndex:n}),"height-ratio":t.value.sparkline.dimensions.heightRatio,"forced-padding":30,dataset:a.sparklineDataset,showInfo:!1,selectedIndex:b.value,config:{type:t.value.sparkline.type,style:{backgroundColor:"transparent",animation:{show:t.value.sparkline.animation.show&&!e.unref(M)&&!e.unref(W),animationFrames:t.value.sparkline.animation.animationFrames},line:{color:a.color,smooth:t.value.sparkline.smooth,strokeWidth:t.value.sparkline.strokeWidth},bar:{color:a.color},area:{color:a.color,opacity:t.value.sparkline.showArea?16:0,useGradient:t.value.sparkline.useGradient},verticalIndicator:{color:a.color},plot:{radius:9,stroke:t.value.tbody.backgroundColor,strokeWidth:3}}}},null,8,["onHoverIndex","height-ratio","dataset","selectedIndex","config"])],12,we)):e.createCommentVNode("",!0)],6))),256))])],4)],32),l.$slots.source?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],42,me))}},Ve=pe._export_sfc(ze,[["__scopeId","data-v-938176cd"]]);exports.default=Ve;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-CkqI12gj.cjs"),oe=require("./Title-ypQseB5s.cjs"),Y=require("./usePrinter-DB2FudbZ.cjs"),le=require("./vue-ui-skeleton-CKwwTTRF.cjs"),z=require("./useNestedProp-B5QzQ7cl.cjs"),re=require("./PackageVersion-DO_17qoR.cjs"),ae=require("./PenAndPaper-BPAfK8a6.cjs"),se=require("./useUserOptionState-BgepsfED.cjs"),ne=require("./useChartAccessibility-Cm7nkzTG.cjs"),ue=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ie=["id"],ce={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},de={key:2,style:"width:100%"},he=["xmlns","viewBox"],ve=["width","height"],me={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},pe=["fill"],ye=["id"],fe=["stop-color"],ge=["stop-color"],ke=["stop-color"],be={"clip-path":"url(#vueUiPill)"},xe=["x","y","height","width"],Ce=["x","y","height","width","fill"],_e=["x1","x2","y1","y2","stroke-width","stroke"],we=["x1","x2","y1","y2","stroke-width","stroke"],Ne=["x1","x2","y1","y2","stroke-width","stroke"],Be=["x1","x2","y1","y2","stroke-width","stroke"],Ve=["x1","x2","y1","y2","stroke-width","stroke"],Ee=["x1","x2","y1","y2","stroke-width","stroke"],Pe=["x1","x2","y1","y2","stroke-width","stroke"],$e=["x1","x2","y1","y2","stroke-width","stroke"],Fe=["x","y","height","width"],Oe=["y","x","fill","font-size","font-weight"],Se={key:5,class:"vue-data-ui-watermark"},Ie={key:6,ref:"source",dir:"auto"},qe={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:L}){e.useCssVars(l=>({"6c6cb4d6":X.value,"0dcb6e78":D.value,"4dd24165":R.value}));const{vue_ui_thermometer:G}=a.useConfig(),s=m,g=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{B()});function B(){a.objectIsEmpty(s.dataset)?a.error({componentName:"VueUiThermometer",type:"dataset"}):a.getMissingDatasetAttributes({datasetObject:s.dataset,requiredAttributes:["value","from","to"]}).forEach(l=>{a.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:l})})}const d=e.ref(a.createUid()),V=e.ref(null),E=e.ref(0),P=e.ref(0),t=e.computed({get:()=>S(),set:l=>l}),{userOptionsVisible:k,setUserOptionsVisibility:$,keepUserOptionState:F}=se.useUserOptionState({config:t.value}),{svgRef:O}=ne.useChartAccessibility({config:t.value.style.title});function S(){const l=z.useNestedProp({userConfig:s.config,defaultConfig:G});return l.theme?{...z.useNestedProp({userConfig:a.themes.vue_ui_thermometer[l.theme]||s.config,defaultConfig:l}),customPalette:a.themePalettes[l.theme]||a.palette}:l}e.watch(()=>s.config,l=>{t.value=S(),k.value=!t.value.userOptions.showOnChartHover,B(),P.value+=1},{deep:!0});const{isPrinting:I,isImaging:q,generatePdf:A,generateImage:T}=Y.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),H=e.computed(()=>t.value.userOptions.show&&!t.value.style.title.text),p=e.computed(()=>a.convertCustomPalette(t.value.customPalette)),W=e.computed(()=>t.value.style.chart.thermometer.width),c=e.computed(()=>s.dataset.steps||10),i=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function y(l,n,o){const u=[],w=M(l),N=M(n);for(let v=0;v<o;v++){const Q=b(w.red,N.red,v,o),Z=b(w.green,N.green,v,o),ee=b(w.blue,N.blue,v,o),te=`#${x(Q)}${x(Z)}${x(ee)}`;u.push(te)}return u}function M(l){const n=l.slice(1);return{red:parseInt(n.slice(0,2),16),green:parseInt(n.slice(2,4),16),blue:parseInt(n.slice(4,6),16)}}function b(l,n,o,u){return Math.round(l+(n-l)*o/u)}function x(l){return l.toString(16).padStart(2,"0")}const r=e.computed(()=>{const l=W.value+i.value.left+i.value.right,n=t.value.style.chart.height;return{width:l,left:i.value.left,right:l-i.value.right,top:i.value.top,bottom:n-i.value.bottom,height:n}}),j=e.computed(()=>r.value),C=e.computed(()=>{const l=a.checkNaN(s.dataset.from)<0?Math.abs(a.checkNaN(s.dataset.from)):a.checkNaN(s.dataset.from),n=a.checkNaN(s.dataset.to)<0?Math.abs(a.checkNaN(s.dataset.to)):a.checkNaN(s.dataset.to);let o=0;return a.checkNaN(s.dataset.to)>0?o=l+n:l>n?o=l-n:o=n-l,(1-(Math.abs(a.checkNaN(s.dataset.from))+a.checkNaN(s.dataset.value))/o)*(r.value.height-i.value.top-i.value.bottom)}),R=e.computed(()=>`${C.value}px`),D=e.computed(()=>`${r.value.height-t.value.style.chart.padding.bottom-i.value.top}px`),X=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),J=e.computed(()=>{if(s.dataset.colors){if(!s.dataset.colors.from)return y(p.value[0]||a.palette[0],a.convertColorToHex(s.dataset.colors.to),c.value||10);if(!s.dataset.colors.to)return y(a.convertColorToHex(s.dataset.colors.from),p.value[1]||a.palette[1],c.value||10)}else return y(p.value[1]||a.palette[1],p.value[0]||a.palette[0],c.value||10);return y(a.convertColorToHex(s.dataset.colors.from),a.convertColorToHex(s.dataset.colors.to),c.value||10)}),U=e.computed(()=>{const l=[];let n=0;const o=r.value.height-i.value.top-i.value.bottom;for(let u=0;u<o-1;u+=o/c.value)l.push({x:r.value.left,y:r.value.top+u,qYLess:r.value.top+u+o/c.value/4,halfY:r.value.top+u+o/c.value/2,qYMore:r.value.top+u+o/c.value/4*3,color:J.value[n],height:o/c.value}),n+=1;return l}),h=e.ref(!1);function K(l){h.value=l,E.value+=1}const f=e.ref(!1);function _(){f.value=!f.value}return L({generatePdf:A,generateImage:T,toggleAnnotator:_}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:V,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`,onMouseenter:n[0]||(n[0]=()=>e.unref($)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref($)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ae.PenAndPaper,{key:0,svgRef:e.unref(O),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:_},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),H.value?(e.openBlock(),e.createElementBlock("div",ce,null,512)):e.createCommentVNode("",!0),t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(),e.createBlock(oe._sfc_main,{key:`title_${P.value}`,config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&g.value&&(e.unref(F)||e.unref(k))?(e.openBlock(),e.createBlock(Y.UserOptions,{ref:"details",key:`user_options_${E.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(q),isPrinting:e.unref(I),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:V.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:f.value,onToggleFullscreen:K,onGeneratePdf:e.unref(A),onGenerateImage:e.unref(T),onToggleAnnotator:_,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(k)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0,l.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(l.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:u})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:O,xmlns:e.unref(a.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${r.value.width} ${r.value.height}`,style:"background:transparent"},[e.createVNode(re._sfc_main),l.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:r.value.width,height:r.value.height,style:{pointerEvents:"none"}},[e.renderSlot(l.$slots,"chart-background",{},void 0,!0)],8,ve)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",me,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,pe)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,u)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${u}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,fe),e.createElementVNode("stop",{offset:"50%","stop-color":e.unref(a.setOpacity)(o.color,100-t.value.style.chart.graduations.gradient.intensity)},null,8,ge),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,ke)],8,ye))),256))]),e.createElementVNode("g",be,[e.createElementVNode("rect",{x:r.value.left,y:r.value.top,height:r.value.height-i.value.top-i.value.bottom,width:r.value.width-i.value.left-i.value.right,fill:"#FFFFFF"},null,8,xe),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:r.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${u}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,Ce),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,_e)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,we)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ne)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Be)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:r.value.right,x2:r.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ve)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:r.value.right,x2:r.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ee)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:r.value.right,x2:r.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Pe)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:r.value.right,x2:r.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,$e)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:r.value.left,y:r.value.top,height:C.value,width:r.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,Fe)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:C.value+r.value.top+t.value.style.chart.label.fontSize/3,x:r.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(a.dataLabel)({p:t.value.style.chart.label.prefix,v:m.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding}),{datapoint:m.dataset})),11,Oe),e.renderSlot(l.$slots,"svg",{svg:j.value},void 0,!0)],10,he)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(I)||e.unref(q)})),void 0,!0)])):e.createCommentVNode("",!0),l.$slots.source?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(le.default,{key:7,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ie))}},Ae=ue._export_sfc(qe,[["__scopeId","data-v-0d78c7b5"]]);exports.default=Ae;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-CmhvuQro.cjs"),oe=require("./Title-m1x23s4w.cjs"),Y=require("./usePrinter-DhZH4pcR.cjs"),re=require("./vue-ui-skeleton-DyJu1ibj.cjs"),z=require("./useNestedProp-CnH-XcZU.cjs"),le=require("./PackageVersion-Vv7wNIAl.cjs"),ae=require("./PenAndPaper-DSEAEpTs.cjs"),se=require("./useUserOptionState-BgepsfED.cjs"),ne=require("./useChartAccessibility-Cm7nkzTG.cjs"),ue=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ie=["id"],ce={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},de={key:2,style:"width:100%"},he=["xmlns","viewBox"],ve=["width","height"],me={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},pe=["fill"],ye=["id"],fe=["stop-color"],ge=["stop-color"],ke=["stop-color"],be={"clip-path":"url(#vueUiPill)"},xe=["x","y","height","width"],Ce=["x","y","height","width","fill"],we=["x1","x2","y1","y2","stroke-width","stroke"],_e=["x1","x2","y1","y2","stroke-width","stroke"],Ne=["x1","x2","y1","y2","stroke-width","stroke"],Be=["x1","x2","y1","y2","stroke-width","stroke"],Pe=["x1","x2","y1","y2","stroke-width","stroke"],Ve=["x1","x2","y1","y2","stroke-width","stroke"],Ee=["x1","x2","y1","y2","stroke-width","stroke"],$e=["x1","x2","y1","y2","stroke-width","stroke"],Fe=["x","y","height","width"],Oe=["y","x","fill","font-size","font-weight"],Ie={key:5,class:"vue-data-ui-watermark"},Se={key:6,ref:"source",dir:"auto"},qe={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:L}){e.useCssVars(r=>({"81f57fe8":X.value,"0e444a02":D.value,"6100776f":j.value}));const{vue_ui_thermometer:G}=a.useConfig(),s=m,g=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{B()});function B(){a.objectIsEmpty(s.dataset)?a.error({componentName:"VueUiThermometer",type:"dataset"}):a.getMissingDatasetAttributes({datasetObject:s.dataset,requiredAttributes:["value","from","to"]}).forEach(r=>{a.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:r})})}const d=e.ref(a.createUid()),P=e.ref(null),V=e.ref(0),E=e.ref(0),t=e.computed({get:()=>I(),set:r=>r}),{userOptionsVisible:k,setUserOptionsVisibility:$,keepUserOptionState:F}=se.useUserOptionState({config:t.value}),{svgRef:O}=ne.useChartAccessibility({config:t.value.style.title});function I(){const r=z.useNestedProp({userConfig:s.config,defaultConfig:G});return r.theme?{...z.useNestedProp({userConfig:a.themes.vue_ui_thermometer[r.theme]||s.config,defaultConfig:r}),customPalette:a.themePalettes[r.theme]||a.palette}:r}e.watch(()=>s.config,r=>{t.value=I(),k.value=!t.value.userOptions.showOnChartHover,B(),E.value+=1},{deep:!0});const{isPrinting:S,isImaging:q,generatePdf:A,generateImage:T}=Y.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),H=e.computed(()=>t.value.userOptions.show&&!t.value.style.title.text),p=e.computed(()=>a.convertCustomPalette(t.value.customPalette)),R=e.computed(()=>t.value.style.chart.thermometer.width),c=e.computed(()=>s.dataset.steps||10),i=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function y(r,n,o){const u=[],_=M(r),N=M(n);for(let v=0;v<o;v++){const Q=b(_.red,N.red,v,o),Z=b(_.green,N.green,v,o),ee=b(_.blue,N.blue,v,o),te=`#${x(Q)}${x(Z)}${x(ee)}`;u.push(te)}return u}function M(r){const n=r.slice(1);return{red:parseInt(n.slice(0,2),16),green:parseInt(n.slice(2,4),16),blue:parseInt(n.slice(4,6),16)}}function b(r,n,o,u){return Math.round(r+(n-r)*o/u)}function x(r){return r.toString(16).padStart(2,"0")}const l=e.computed(()=>{const r=R.value+i.value.left+i.value.right,n=t.value.style.chart.height;return{width:r,left:i.value.left,right:r-i.value.right,top:i.value.top,bottom:n-i.value.bottom,height:n}}),W=e.computed(()=>l.value),C=e.computed(()=>{const r=a.checkNaN(s.dataset.from)<0?Math.abs(a.checkNaN(s.dataset.from)):a.checkNaN(s.dataset.from),n=a.checkNaN(s.dataset.to)<0?Math.abs(a.checkNaN(s.dataset.to)):a.checkNaN(s.dataset.to);let o=0;return a.checkNaN(s.dataset.to)>0?o=r+n:r>n?o=r-n:o=n-r,(1-(Math.abs(a.checkNaN(s.dataset.from))+a.checkNaN(s.dataset.value))/o)*(l.value.height-i.value.top-i.value.bottom)}),j=e.computed(()=>`${C.value}px`),D=e.computed(()=>`${l.value.height-t.value.style.chart.padding.bottom-i.value.top}px`),X=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),J=e.computed(()=>{if(s.dataset.colors){if(!s.dataset.colors.from)return y(p.value[0]||a.palette[0],a.convertColorToHex(s.dataset.colors.to),c.value||10);if(!s.dataset.colors.to)return y(a.convertColorToHex(s.dataset.colors.from),p.value[1]||a.palette[1],c.value||10)}else return y(p.value[1]||a.palette[1],p.value[0]||a.palette[0],c.value||10);return y(a.convertColorToHex(s.dataset.colors.from),a.convertColorToHex(s.dataset.colors.to),c.value||10)}),U=e.computed(()=>{const r=[];let n=0;const o=l.value.height-i.value.top-i.value.bottom;for(let u=0;u<o-1;u+=o/c.value)r.push({x:l.value.left,y:l.value.top+u,qYLess:l.value.top+u+o/c.value/4,halfY:l.value.top+u+o/c.value/2,qYMore:l.value.top+u+o/c.value/4*3,color:J.value[n],height:o/c.value}),n+=1;return r}),h=e.ref(!1);function K(r){h.value=r,V.value+=1}const f=e.ref(!1);function w(){f.value=!f.value}return L({generatePdf:A,generateImage:T,toggleAnnotator:w}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:P,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`,onMouseenter:n[0]||(n[0]=()=>e.unref($)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref($)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ae.PenAndPaper,{key:0,svgRef:e.unref(O),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:f.value,onClose:w},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),H.value?(e.openBlock(),e.createElementBlock("div",ce,null,512)):e.createCommentVNode("",!0),t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(),e.createBlock(oe._sfc_main,{key:`title_${E.value}`,config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&g.value&&(e.unref(F)||e.unref(k))?(e.openBlock(),e.createBlock(Y.UserOptions,{ref:"details",key:`user_options_${V.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(q),isPrinting:e.unref(S),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:P.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:f.value,onToggleFullscreen:K,onGeneratePdf:e.unref(A),onGenerateImage:e.unref(T),onToggleAnnotator:w,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(k)?"visible":"hidden":"visible"})},e.createSlots({_:2},[r.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:o,color:u})=>[e.renderSlot(r.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:o,color:u})),void 0,!0)]),key:"0"}:void 0,r.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,r.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,r.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(r.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"3"}:void 0,r.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(r.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:u})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:O,xmlns:e.unref(a.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${l.value.width} ${l.value.height}`,style:"background:transparent"},[e.createVNode(le._sfc_main),r.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:l.value.width,height:l.value.height,style:{pointerEvents:"none"}},[e.renderSlot(r.$slots,"chart-background",{},void 0,!0)],8,ve)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",me,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,pe)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,u)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${u}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,fe),e.createElementVNode("stop",{offset:"50%","stop-color":e.unref(a.setOpacity)(o.color,100-t.value.style.chart.graduations.gradient.intensity)},null,8,ge),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,ke)],8,ye))),256))]),e.createElementVNode("g",be,[e.createElementVNode("rect",{x:l.value.left,y:l.value.top,height:l.value.height-i.value.top-i.value.bottom,width:l.value.width-i.value.left-i.value.right,fill:"#FFFFFF"},null,8,xe),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:l.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${u}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,Ce),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,we)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,_e)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ne)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Be)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:l.value.right,x2:l.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Pe)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:l.value.right,x2:l.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ve)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:l.value.right,x2:l.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ee)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:l.value.right,x2:l.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,$e)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:l.value.left,y:l.value.top,height:C.value,width:l.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,Fe)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:C.value+l.value.top+t.value.style.chart.label.fontSize/3,x:l.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(a.dataLabel)({p:t.value.style.chart.label.prefix,v:m.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding}),{datapoint:m.dataset})),11,Oe),e.renderSlot(r.$slots,"svg",{svg:W.value},void 0,!0)],10,he)):e.createCommentVNode("",!0),r.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(r.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(S)||e.unref(q)})),void 0,!0)])):e.createCommentVNode("",!0),r.$slots.source?(e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(r.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(re.default,{key:7,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ie))}},Ae=ue._export_sfc(qe,[["__scopeId","data-v-b9d565e0"]]);exports.default=Ae;
|