vue-data-ui 2.6.19 → 2.6.21
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-QMACp9z-.cjs → Arrow-C1pcd-am.cjs} +1 -1
- package/dist/{Arrow-DTtLZwne.js → Arrow-DQaZQgi6.js} +1 -1
- package/dist/{BaseIcon-BpRuwiFD.cjs → BaseIcon-BQwivF_K.cjs} +1 -1
- package/dist/{BaseIcon-nz-vbP7I.js → BaseIcon-DH34CAFx.js} +1 -1
- package/dist/{DataTable-Dr-djTUz.cjs → DataTable-D5572vAU.cjs} +1 -1
- package/dist/{DataTable-pNLWbeCL.js → DataTable-DfMqgTjL.js} +2 -2
- package/dist/{Legend-BHbX2C8f.cjs → Legend-CoREnR30.cjs} +1 -1
- package/dist/{Legend-s9DRKvJo.js → Legend-PL8rU0J1.js} +2 -2
- package/dist/{PackageVersion-hltZM-fb.js → PackageVersion-1Y7SXTrk.js} +1 -1
- package/dist/{PackageVersion-DsoqDgVf.cjs → PackageVersion-JsuXjgR_.cjs} +1 -1
- package/dist/PenAndPaper-7lGhxIH8.cjs +1 -0
- package/dist/{PenAndPaper-qmkn1GhB.js → PenAndPaper-BYhUvcy4.js} +20 -16
- package/dist/{PenAndPaper.vue_vue_type_style_index_0_scoped_c968a401_lang-z17A_S1M.js → PenAndPaper.vue_vue_type_style_index_0_scoped_3cea7589_lang-AmNwJZI7.js} +3 -3
- package/dist/{PenAndPaper.vue_vue_type_style_index_0_scoped_c968a401_lang-lH7bkq1z.cjs → PenAndPaper.vue_vue_type_style_index_0_scoped_3cea7589_lang-NplvneD1.cjs} +1 -1
- package/dist/{Shape-YhMDtuHk.cjs → Shape-HtDeeGqp.cjs} +1 -1
- package/dist/{Shape-C3y6rj0O.js → Shape-Ov27sl2L.js} +1 -1
- package/dist/{Slicer-BIW17-XH.js → Slicer-6F4tHrZR.js} +3 -3
- package/dist/{Slicer-BA8XF-Ak.cjs → Slicer-COXIFuZ-.cjs} +1 -1
- package/dist/{Title-dsg3PqUg.js → Title-1PWD04Gh.js} +1 -1
- package/dist/{Title-DWqgN4Kv.cjs → Title-Pgt1Ixvo.cjs} +1 -1
- package/dist/{Tooltip-DRFQIslg.js → Tooltip-BTO5NGkn.js} +1 -1
- package/dist/{Tooltip-B6T_qzJD.cjs → Tooltip-te_h24w6.cjs} +1 -1
- package/dist/{index-3OrObUP-.cjs → index-DM-Bs-Ua.cjs} +1 -1
- package/dist/{index-DvAaY6OP.js → index-DUnEDLbc.js} +1 -1
- package/dist/index.es-DvaaoatM.cjs +18 -0
- package/dist/index.es-RWt7DWPC.js +6645 -0
- package/dist/{jspdf.es.min-C5v1xtPn.cjs → jspdf.es.min-Rw70uifz.cjs} +23 -23
- package/dist/{jspdf.es.min-DKXYalZb.js → jspdf.es.min-eTA26cmm.js} +476 -470
- package/dist/{pdf-CHXlEvWj.cjs → pdf-DSkQT5iH.cjs} +1 -1
- package/dist/{pdf-70oZh5Jp.js → pdf-DVWl3Adn.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useNestedProp-CGzX7c5Q.js → useNestedProp-CEMeoM-f.js} +1 -1
- package/dist/{useNestedProp-B53Yi1Rk.cjs → useNestedProp-CYy5g-mh.cjs} +1 -1
- package/dist/usePrinter-DbpIk44f.cjs +1 -0
- package/dist/{usePrinter-D_2jA4x8.js → usePrinter-Undaynpo.js} +73 -71
- package/dist/useResponsive-N8jl0-aC.cjs +1 -0
- package/dist/{useResponsive-BWapHhVH.js → useResponsive-vZgZwV-S.js} +65 -64
- package/dist/{vue-data-ui-CTjgYwlW.cjs → vue-data-ui-BapofDyJ.cjs} +1 -1
- package/dist/{vue-data-ui-DMl9rAwQ.js → vue-data-ui-DnaIYz0z.js} +61 -61
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-DBVRoMwv.js → vue-ui-3d-bar-DLYaW0-y.js} +105 -98
- package/dist/{vue-ui-3d-bar-OwVsZokU.cjs → vue-ui-3d-bar-DansBM76.cjs} +2 -2
- package/dist/{vue-ui-accordion-LbUarYuf.js → vue-ui-accordion-C8Couc_G.js} +3 -3
- package/dist/{vue-ui-accordion-BmScSwW2.cjs → vue-ui-accordion-ZIsT4At8.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-DQ5dL4yb.cjs → vue-ui-age-pyramid-BSXnW9GF.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-rmfEfmj7.js → vue-ui-age-pyramid-BdruKMmo.js} +76 -69
- package/dist/{vue-ui-annotator-nS_RSspz.cjs → vue-ui-annotator-B7Go0M7W.cjs} +1 -1
- package/dist/{vue-ui-annotator-FlMkU7Kj.js → vue-ui-annotator-DVfdPMa7.js} +2 -2
- package/dist/{vue-ui-bullet-esfPgi-9.js → vue-ui-bullet-CkCJgmoJ.js} +145 -138
- package/dist/{vue-ui-bullet-BGTTcXBJ.cjs → vue-ui-bullet-N9ud2cQ7.cjs} +4 -4
- package/dist/{vue-ui-candlestick-RHrlnUqs.js → vue-ui-candlestick-C9B13qeU.js} +116 -109
- package/dist/{vue-ui-candlestick-BUEGFHg_.cjs → vue-ui-candlestick-DPIs9tEW.cjs} +2 -2
- package/dist/{vue-ui-carousel-table-6uP-Kk9U.js → vue-ui-carousel-table-BLo52Rqu.js} +130 -123
- package/dist/{vue-ui-carousel-table-DCcPnWRU.cjs → vue-ui-carousel-table-DgcY4j9y.cjs} +1 -1
- package/dist/{vue-ui-chestnut-B7Ep4Lho.cjs → vue-ui-chestnut-C9Zw_bey.cjs} +2 -2
- package/dist/{vue-ui-chestnut-Dh4y5s_v.js → vue-ui-chestnut-D8oXG8Tf.js} +131 -124
- package/dist/vue-ui-circle-pack-CrEdkNM7.js +648 -0
- package/dist/vue-ui-circle-pack-DYW-e2E5.cjs +1 -0
- package/dist/{vue-ui-cursor-D-IzE_jd.cjs → vue-ui-cursor-CtSijliN.cjs} +1 -1
- package/dist/{vue-ui-cursor-C21WgpGu.js → vue-ui-cursor-DkW4pJcP.js} +2 -2
- package/dist/{vue-ui-dashboard-T0LqYCqM.js → vue-ui-dashboard-5_Du0Yr2.js} +3 -3
- package/dist/{vue-ui-dashboard-DQ_wht4B.cjs → vue-ui-dashboard-Dh5vRbdI.cjs} +1 -1
- package/dist/{vue-ui-digits-CwV6mhHZ.cjs → vue-ui-digits-DEmYk7sS.cjs} +1 -1
- package/dist/{vue-ui-digits-CLFrlUIW.js → vue-ui-digits-DhA1bHdz.js} +2 -2
- package/dist/{vue-ui-donut-dVplEheX.js → vue-ui-donut-B-G7gRdV.js} +118 -111
- package/dist/{vue-ui-donut-b_UXDeKJ.cjs → vue-ui-donut-BrZxaijU.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-Bl50EWBG.js → vue-ui-donut-evolution-B4almlBq.js} +164 -157
- package/dist/{vue-ui-donut-evolution-VxNtQWGH.cjs → vue-ui-donut-evolution-CTbXi7wk.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-B-7s7x7a.cjs → vue-ui-dumbbell-CAIlnhsM.cjs} +2 -2
- package/dist/{vue-ui-dumbbell-Bp685TTG.js → vue-ui-dumbbell-kZGa__IU.js} +75 -68
- package/dist/{vue-ui-flow-CHbfoU97.js → vue-ui-flow-Bc31ZN1W.js} +177 -170
- package/dist/{vue-ui-flow-DJqOVlD7.cjs → vue-ui-flow-D2UNbwlp.cjs} +1 -1
- package/dist/{vue-ui-funnel-B77giO54.cjs → vue-ui-funnel-DfCz1GNN.cjs} +1 -1
- package/dist/{vue-ui-funnel-Bhv0XRzJ.js → vue-ui-funnel-V7hu2Iib.js} +129 -122
- package/dist/{vue-ui-galaxy-Dt4dx9bS.cjs → vue-ui-galaxy-CNBC7IbU.cjs} +1 -1
- package/dist/{vue-ui-galaxy-DMA8AX8h.js → vue-ui-galaxy-DLCcy7Kq.js} +77 -70
- package/dist/{vue-ui-gauge-CBlurlZk.js → vue-ui-gauge-CZMHtEcr.js} +153 -146
- package/dist/{vue-ui-gauge-Bh3iSbSd.cjs → vue-ui-gauge-D8IglqIF.cjs} +1 -1
- package/dist/{vue-ui-gizmo-CHhJKge-.js → vue-ui-gizmo-BuAVBMBp.js} +3 -3
- package/dist/{vue-ui-gizmo-BMrnNfYR.cjs → vue-ui-gizmo-fyC414Iv.cjs} +1 -1
- package/dist/vue-ui-heatmap-CDOry_F1.cjs +1 -0
- package/dist/{vue-ui-heatmap-CB4852rp.js → vue-ui-heatmap-hUfFzGck.js} +139 -132
- package/dist/{vue-ui-history-plot-AwmdEhYL.js → vue-ui-history-plot-C79l8rPm.js} +122 -115
- package/dist/{vue-ui-history-plot-BG7r0ZF7.cjs → vue-ui-history-plot-CIXgvWpk.cjs} +1 -1
- package/dist/{vue-ui-kpi-DcxE4Vv7.js → vue-ui-kpi-C3tHthXH.js} +3 -3
- package/dist/{vue-ui-kpi-BYCMEzBt.cjs → vue-ui-kpi-yiWxNLJ-.cjs} +1 -1
- package/dist/{vue-ui-mini-loader-CdDRH8Rb.js → vue-ui-mini-loader-1p1jAKx_.js} +2 -2
- package/dist/{vue-ui-mini-loader-DOqUfxRJ.cjs → vue-ui-mini-loader-26yCYjxn.cjs} +1 -1
- package/dist/{vue-ui-molecule-C-Z0Ywq1.cjs → vue-ui-molecule-Bw0dYLfu.cjs} +1 -1
- package/dist/{vue-ui-molecule-BskBKGbQ.js → vue-ui-molecule-COQ-yrBr.js} +249 -242
- package/dist/{vue-ui-mood-radar-BAPZ1LyF.js → vue-ui-mood-radar-CwfGiQ43.js} +111 -104
- package/dist/{vue-ui-mood-radar-BIrQKfVf.cjs → vue-ui-mood-radar-Cyde9hnR.cjs} +1 -1
- package/dist/{vue-ui-nested-donuts-BB2Kgb5F.js → vue-ui-nested-donuts-BVaW7w1U.js} +117 -110
- package/dist/{vue-ui-nested-donuts-7YjtP-jC.cjs → vue-ui-nested-donuts-Y07lLGRa.cjs} +2 -2
- package/dist/{vue-ui-onion-BWb18zcN.cjs → vue-ui-onion-DkXss-B_.cjs} +2 -2
- package/dist/{vue-ui-onion-BjMfXAZK.js → vue-ui-onion-h6DP9kOi.js} +143 -136
- package/dist/{vue-ui-parallel-coordinate-plot-D6Vs-5Vh.cjs → vue-ui-parallel-coordinate-plot-CkI21cq2.cjs} +2 -2
- package/dist/{vue-ui-parallel-coordinate-plot-ryqdfkHL.js → vue-ui-parallel-coordinate-plot-O5cwKbzH.js} +113 -106
- package/dist/{vue-ui-quadrant-Cr4ypLzT.js → vue-ui-quadrant-CfywvXnV.js} +112 -105
- package/dist/{vue-ui-quadrant-BmsHBpKo.cjs → vue-ui-quadrant-F6w-QJE_.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-45IEXHb0.cjs → vue-ui-quick-chart-BeMHD_Kz.cjs} +3 -3
- package/dist/{vue-ui-quick-chart-C9dIHRYi.js → vue-ui-quick-chart-C1AwFGSr.js} +195 -188
- package/dist/{vue-ui-radar-Nr5JmVlk.cjs → vue-ui-radar-BejYh3DW.cjs} +1 -1
- package/dist/{vue-ui-radar-T6xdl9ic.js → vue-ui-radar-DDKXLi5o.js} +101 -94
- package/dist/{vue-ui-rating-C5AaiBqZ.js → vue-ui-rating-BrGbM0Op.js} +2 -2
- package/dist/{vue-ui-rating-CFIhZlG-.cjs → vue-ui-rating-C40ktvn7.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-Cw-DcsRY.cjs → vue-ui-relation-circle-C4qT13SI.cjs} +1 -1
- package/dist/{vue-ui-relation-circle-BktS594K.js → vue-ui-relation-circle-DrtdiTMX.js} +103 -96
- package/dist/{vue-ui-rings-_evAK3j7.js → vue-ui-rings-C4IdhEUE.js} +169 -162
- package/dist/{vue-ui-rings-2j5fsO_o.cjs → vue-ui-rings-Cd8WyeDZ.cjs} +2 -2
- package/dist/{vue-ui-scatter-C5ePnByD.js → vue-ui-scatter-BS8sgyMi.js} +85 -78
- package/dist/{vue-ui-scatter-W1_ChsfO.cjs → vue-ui-scatter-MmvIeu4D.cjs} +1 -1
- package/dist/{vue-ui-screenshot-B6ASKPJf.cjs → vue-ui-screenshot-BB51-eRL.cjs} +1 -1
- package/dist/{vue-ui-screenshot-DM-PQM2g.js → vue-ui-screenshot-tnFPT1vi.js} +1 -1
- package/dist/{vue-ui-skeleton-WoggMoff.js → vue-ui-skeleton-DieABKlo.js} +3 -3
- package/dist/{vue-ui-skeleton-DaowWOKJ.cjs → vue-ui-skeleton-DlC-U64G.cjs} +1 -1
- package/dist/{vue-ui-smiley-gulDZ8i7.js → vue-ui-smiley-C32wVXgu.js} +2 -2
- package/dist/{vue-ui-smiley-hlaNlq2y.cjs → vue-ui-smiley-DSxKw3ud.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-LbApLsdt.js → vue-ui-spark-trend-B_x1dX38.js} +5 -5
- package/dist/{vue-ui-spark-trend-BcrMflk6.cjs → vue-ui-spark-trend-vexkCCy9.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-BdfaDBkw.cjs → vue-ui-sparkbar-CsOEiHDQ.cjs} +1 -1
- package/dist/{vue-ui-sparkbar-CnL6FbaE.js → vue-ui-sparkbar-ZSbB6Llo.js} +4 -4
- package/dist/{vue-ui-sparkgauge-CHv1q1cO.cjs → vue-ui-sparkgauge-Bdh7X--h.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-Du7PRJyB.js → vue-ui-sparkgauge-Cf3bDk98.js} +4 -4
- package/dist/{vue-ui-sparkhistogram-CyEyZvbD.js → vue-ui-sparkhistogram-CrZy1xf0.js} +5 -5
- package/dist/{vue-ui-sparkhistogram-CBqKXnvX.cjs → vue-ui-sparkhistogram-fALwb3uK.cjs} +1 -1
- package/dist/{vue-ui-sparkline-DRHE0kK8.cjs → vue-ui-sparkline-D4WDvcZR.cjs} +1 -1
- package/dist/{vue-ui-sparkline-BMNXPHhB.js → vue-ui-sparkline-DTW_lXgp.js} +5 -5
- package/dist/{vue-ui-sparkstackbar-D6wuDd8h.cjs → vue-ui-sparkstackbar-DBPLhUoi.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-D33lwh8d.js → vue-ui-sparkstackbar-Db2Ndf0k.js} +5 -5
- package/dist/{vue-ui-stackbar-CnxGAca-.cjs → vue-ui-stackbar-B3eaSIoO.cjs} +3 -3
- package/dist/{vue-ui-stackbar-C5yoqQAY.js → vue-ui-stackbar-DbF3ZJTD.js} +211 -204
- package/dist/{vue-ui-strip-plot-Cg1B7i3X.js → vue-ui-strip-plot-CpkH2Gfd.js} +83 -76
- package/dist/{vue-ui-strip-plot-DDTTc2jA.cjs → vue-ui-strip-plot-DiCVf5u-.cjs} +1 -1
- package/dist/{vue-ui-table-BGfZl0wF.js → vue-ui-table-D6zWwikN.js} +1 -1
- package/dist/{vue-ui-table-TV5Coa0A.cjs → vue-ui-table-K13fqkDI.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-Jjx8L8St.cjs → vue-ui-table-heatmap-BgenCoVa.cjs} +1 -1
- package/dist/{vue-ui-table-heatmap-D0j2OFv0.js → vue-ui-table-heatmap-EAevgnzN.js} +63 -56
- package/dist/{vue-ui-table-sparkline-D0_FhhN5.cjs → vue-ui-table-sparkline-3JMqr89P.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-C2sUG_7S.js → vue-ui-table-sparkline-s_oWe6MG.js} +90 -83
- package/dist/{vue-ui-thermometer-Bw35Fw8v.cjs → vue-ui-thermometer--mYRly4x.cjs} +1 -1
- package/dist/{vue-ui-thermometer-CdLZ8te2.js → vue-ui-thermometer-Bo3l_0Kf.js} +113 -106
- package/dist/{vue-ui-timer-1-kXQ5_q.js → vue-ui-timer-C9EuUurN.js} +6 -6
- package/dist/{vue-ui-timer-Deg5YPx0.cjs → vue-ui-timer-Djh-ZDNe.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-uSgVLSbo.cjs → vue-ui-tiremarks-CKv_KApZ.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-BHTSw0fa.js → vue-ui-tiremarks-DgdpEDJ1.js} +76 -69
- package/dist/{vue-ui-treemap-7W_lvbV0.cjs → vue-ui-treemap-AkNJjd2c.cjs} +1 -1
- package/dist/{vue-ui-treemap-C2u5sEzh.js → vue-ui-treemap-D13sISL0.js} +144 -137
- package/dist/{vue-ui-vertical-bar-BlzOi8LC.cjs → vue-ui-vertical-bar-CQlvpdJl.cjs} +3 -3
- package/dist/{vue-ui-vertical-bar-U3LQF-NS.js → vue-ui-vertical-bar-DfegzHj4.js} +120 -113
- package/dist/{vue-ui-waffle-DUXvINoC.cjs → vue-ui-waffle-Dve1LWVt.cjs} +1 -1
- package/dist/{vue-ui-waffle-qAheWwiI.js → vue-ui-waffle-f72Lq8_D.js} +78 -71
- package/dist/{vue-ui-wheel-DIoKCgCS.cjs → vue-ui-wheel-BG1GcVvN.cjs} +1 -1
- package/dist/{vue-ui-wheel-CuLQchDK.js → vue-ui-wheel-BxefMdit.js} +105 -98
- package/dist/{vue-ui-word-cloud-B-nFH7hZ.js → vue-ui-word-cloud-BYY4K2G4.js} +123 -116
- package/dist/{vue-ui-word-cloud-BSvmRQ5n.cjs → vue-ui-word-cloud-CRRR7H7h.cjs} +1 -1
- package/dist/{vue-ui-xy-DXMoSF2C.js → vue-ui-xy-BS0_aTIH.js} +73 -66
- package/dist/{vue-ui-xy-BGsFH9wE.cjs → vue-ui-xy-DGYZFgdd.cjs} +2 -2
- package/dist/{vue-ui-xy-canvas-CTymfSH6.js → vue-ui-xy-canvas-Bl2v7Z3U.js} +200 -193
- package/dist/{vue-ui-xy-canvas-i13v43UX.cjs → vue-ui-xy-canvas-R_pPaj0X.cjs} +2 -2
- package/package.json +2 -7
- package/dist/PenAndPaper-Dbw8Fph9.cjs +0 -1
- package/dist/index-Dwoe0gcF.cjs +0 -15
- package/dist/index-Fl-W8YeZ.js +0 -3971
- package/dist/usePrinter-bPnqqKha.cjs +0 -1
- package/dist/useResponsive-YQYQrAZ_.cjs +0 -1
- package/dist/vue-ui-circle-pack-Ce1oEvgz.cjs +0 -1
- package/dist/vue-ui-circle-pack-CrgnQ_jY.js +0 -663
- package/dist/vue-ui-heatmap-DvItO4xs.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-DUnEDLbc.js";
|
|
3
|
+
import { u as ge } from "./useNestedProp-CEMeoM-f.js";
|
|
4
|
+
import Xe from "./vue-ui-sparkline-DTW_lXgp.js";
|
|
5
|
+
import W from "./BaseIcon-DH34CAFx.js";
|
|
6
|
+
import { u as Je, U as Ke, v as Qe } from "./usePrinter-Undaynpo.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"),a=require("./index-3OrObUP-.cjs"),oe=require("./Title-DWqgN4Kv.cjs"),Y=require("./usePrinter-bPnqqKha.cjs"),le=require("./vue-ui-skeleton-DaowWOKJ.cjs"),z=require("./useNestedProp-B53Yi1Rk.cjs"),re=require("./PackageVersion-DsoqDgVf.cjs"),ae=require("./PenAndPaper-Dbw8Fph9.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-DM-Bs-Ua.cjs"),oe=require("./Title-Pgt1Ixvo.cjs"),Y=require("./usePrinter-DbpIk44f.cjs"),re=require("./vue-ui-skeleton-DlC-U64G.cjs"),z=require("./useNestedProp-CYy5g-mh.cjs"),le=require("./PackageVersion-JsuXjgR_.cjs"),ae=require("./PenAndPaper-7lGhxIH8.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;
|