vue-data-ui 2.9.2 → 2.9.3
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/dist/{Arrow-KvKZ2SBJ.cjs → Arrow-Byzfuz-Y.cjs} +1 -1
- package/dist/{Arrow-DIEvl571.js → Arrow-Dd8sFWk7.js} +1 -1
- package/dist/{BaseIcon-BH4bJe82.js → BaseIcon-CLefSNKF.js} +1 -1
- package/dist/{BaseIcon-C6L3qbQ8.cjs → BaseIcon-CSELstL2.cjs} +1 -1
- package/dist/{ColorPicker-Dnjy6olA.js → ColorPicker-CZqXDroo.js} +3 -3
- package/dist/{ColorPicker-BmVm6Lqe.cjs → ColorPicker-DMqX5Kn5.cjs} +1 -1
- package/dist/{DataTable-Cz1SDtvT.cjs → DataTable-CpuMdjPX.cjs} +1 -1
- package/dist/{DataTable-CaUgku7o.js → DataTable-Cuky8ZpI.js} +2 -2
- package/dist/{Legend-BxZxsJCp.js → Legend-BQ5HGf8B.js} +2 -2
- package/dist/{Legend-Bl_MrORk.cjs → Legend-CqHSKd8f.cjs} +1 -1
- package/dist/{PackageVersion-BEE_4baV.js → PackageVersion-DJo_CKR-.js} +1 -1
- package/dist/{PackageVersion-BrUdYdIC.cjs → PackageVersion-DkyZc28_.cjs} +1 -1
- package/dist/{PenAndPaper-B3WdOAcZ.js → PenAndPaper-DK3Wbwoz.js} +3 -3
- package/dist/{PenAndPaper-DyGcaflS.cjs → PenAndPaper-DU2wA7cg.cjs} +1 -1
- package/dist/{Shape-Hrc-BQkc.js → Shape-BchKnVQT.js} +1 -1
- package/dist/{Shape-DuVb3Mev.cjs → Shape-Cp1FyHcE.cjs} +1 -1
- package/dist/{Slicer-DVYmI2V1.cjs → Slicer-CE1LNNRp.cjs} +1 -1
- package/dist/{Slicer-2ZyRAred.js → Slicer-DvQmWmSB.js} +2 -2
- package/dist/{Title-BGh0hWb2.cjs → Title-DV4IpbZv.cjs} +1 -1
- package/dist/{Title-CGY0WlAI.js → Title-DmtXFzpc.js} +1 -1
- package/dist/{Tooltip-BfEhZz9k.js → Tooltip-BMaBMPpZ.js} +1 -1
- package/dist/{Tooltip-DckFFIYj.cjs → Tooltip-De6uq1YK.cjs} +1 -1
- package/dist/{dom-to-png-BgJJyI6M.js → dom-to-png-725pnoVX.js} +1 -1
- package/dist/{dom-to-png-DnnnXKpR.cjs → dom-to-png-BE7poR2a.cjs} +1 -1
- package/dist/{img-DT7UDEPk.cjs → img-CFYnBJP3.cjs} +1 -1
- package/dist/{img-DkpJ0ciT.js → img-Ciiut165.js} +1 -1
- package/dist/index-Bw9yF1Ws.cjs +9 -0
- package/dist/{index-9ZicrZWM.js → index-CeGGP5OF.js} +47 -40
- package/dist/pdf-DLDggJUq.cjs +1 -0
- package/dist/{pdf-zqw8E-me.js → pdf-DyTBDj-k.js} +18 -18
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +2 -0
- package/dist/types/vue-data-ui.d.ts +2 -0
- package/dist/{useNestedProp-s1XZrtPS.js → useNestedProp-CD9pbB7F.js} +1 -1
- package/dist/{useNestedProp-BS9eJthK.cjs → useNestedProp-CuyRUIUu.cjs} +1 -1
- package/dist/{usePrinter-vFXYgZiT.cjs → usePrinter-O9uCoI6k.cjs} +1 -1
- package/dist/{usePrinter-D7IXLE53.js → usePrinter-Ox_AUldH.js} +3 -3
- package/dist/{vue-data-ui-gEqI-hOT.js → vue-data-ui-Bqni-1Zf.js} +61 -61
- package/dist/{vue-data-ui-CNieT2ov.cjs → vue-data-ui-Ci_EB1Pl.cjs} +1 -1
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +18 -18
- package/dist/{vue-ui-3d-bar-DX5baNUz.cjs → vue-ui-3d-bar-CwXVZG3Y.cjs} +1 -1
- package/dist/{vue-ui-3d-bar-Sbk5MT1S.js → vue-ui-3d-bar-Du8HQpHI.js} +9 -9
- package/dist/{vue-ui-accordion-62KnRfCb.js → vue-ui-accordion-B5Gs-td_.js} +3 -3
- package/dist/{vue-ui-accordion-DIMalTE4.cjs → vue-ui-accordion-B7WLy1Jg.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-DfuEC7WE.cjs → vue-ui-age-pyramid-B4H7JQkT.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-BkhVyOTM.js → vue-ui-age-pyramid-B8W-ss5n.js} +10 -10
- package/dist/vue-ui-annotator-BINIZaue.cjs +371 -0
- package/dist/{vue-ui-annotator-CrwbL3rn.js → vue-ui-annotator-DNF_ObQQ.js} +43 -43
- package/dist/{vue-ui-bullet-BVr_zBo7.js → vue-ui-bullet-C70Q3NPV.js} +8 -8
- package/dist/{vue-ui-bullet-TmXeLFPZ.cjs → vue-ui-bullet-DAbmjJO4.cjs} +1 -1
- package/dist/{vue-ui-candlestick-BArypZ1A.js → vue-ui-candlestick-CdC4R7M2.js} +11 -11
- package/dist/{vue-ui-candlestick-BFJ8I4sb.cjs → vue-ui-candlestick-DteMmbOt.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-CqWp06Xz.js → vue-ui-carousel-table-DRia7BnJ.js} +4 -4
- package/dist/{vue-ui-carousel-table-B1i5b5xU.cjs → vue-ui-carousel-table-Dav_wxu5.cjs} +1 -1
- package/dist/{vue-ui-chestnut-B8oiuRgc.cjs → vue-ui-chestnut-B6DIgsRe.cjs} +1 -1
- package/dist/{vue-ui-chestnut-EHo3sSMv.js → vue-ui-chestnut-CHB6EIMR.js} +8 -8
- package/dist/{vue-ui-circle-pack-kx10AVM0.js → vue-ui-circle-pack-DqTsATrx.js} +9 -9
- package/dist/{vue-ui-circle-pack-BGLhSNyo.cjs → vue-ui-circle-pack-ZYPeAycn.cjs} +1 -1
- package/dist/{vue-ui-cursor-C8qofYJh.js → vue-ui-cursor-D6Klb7Ub.js} +2 -2
- package/dist/{vue-ui-cursor-H77Z-m2e.cjs → vue-ui-cursor-pMITkG0c.cjs} +1 -1
- package/dist/{vue-ui-dashboard-Bn2slDQx.js → vue-ui-dashboard-BjOefVNY.js} +62 -62
- package/dist/{vue-ui-dashboard-4YFqFygh.cjs → vue-ui-dashboard-DMKc0NXK.cjs} +1 -1
- package/dist/{vue-ui-digits-DbSV0D-j.cjs → vue-ui-digits-CeQ3UvM5.cjs} +1 -1
- package/dist/{vue-ui-digits-Cv__rzXF.js → vue-ui-digits-D7bnAeht.js} +2 -2
- package/dist/{vue-ui-donut-D_CLR29p.js → vue-ui-donut-B2RReI5v.js} +28 -28
- package/dist/{vue-ui-donut-Bno5POxU.cjs → vue-ui-donut-dt7wntWx.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-Dg6laY3D.cjs → vue-ui-donut-evolution-CEMUyFGj.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-BgNwQ1J8.js → vue-ui-donut-evolution-Q8efqEFi.js} +40 -40
- package/dist/{vue-ui-dumbbell-DWQl4sxh.cjs → vue-ui-dumbbell-Da0UGWon.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-C5Z8rSTk.js → vue-ui-dumbbell-DmJnlQk9.js} +10 -10
- package/dist/{vue-ui-flow-D0t3MSCU.cjs → vue-ui-flow-B2LxKwSy.cjs} +1 -1
- package/dist/{vue-ui-flow-DKS1oZHc.js → vue-ui-flow-DnpEech8.js} +36 -36
- package/dist/{vue-ui-funnel-CqhhBoYG.cjs → vue-ui-funnel-Cfg8_Y28.cjs} +1 -1
- package/dist/{vue-ui-funnel-r57KM4Wi.js → vue-ui-funnel-D1FBngXC.js} +9 -9
- package/dist/{vue-ui-galaxy-BeQSEKLG.cjs → vue-ui-galaxy-BBseh1Xu.cjs} +1 -1
- package/dist/{vue-ui-galaxy-CLIAdqkr.js → vue-ui-galaxy-DeiFZ4-K.js} +35 -35
- package/dist/{vue-ui-gauge-BQ4S55FH.js → vue-ui-gauge-BYAT1lpA.js} +19 -19
- package/dist/{vue-ui-gauge-CcTneeaQ.cjs → vue-ui-gauge-CgbP28Lu.cjs} +1 -1
- package/dist/{vue-ui-gizmo-B_rVeweF.cjs → vue-ui-gizmo-Cg8EOszW.cjs} +1 -1
- package/dist/{vue-ui-gizmo-DACB7BcV.js → vue-ui-gizmo-Dx0a1RXr.js} +3 -3
- package/dist/{vue-ui-heatmap-DNvbR504.js → vue-ui-heatmap-8ztV6WVL.js} +33 -33
- package/dist/{vue-ui-heatmap-DBtRfAWr.cjs → vue-ui-heatmap-Dmnsolb3.cjs} +1 -1
- package/dist/{vue-ui-history-plot-MfnR_Gg0.js → vue-ui-history-plot-Bqjnj0j7.js} +11 -11
- package/dist/{vue-ui-history-plot-B1zXFmOc.cjs → vue-ui-history-plot-Dyh-V9Gh.cjs} +1 -1
- package/dist/{vue-ui-kpi-Dm71j1ZP.cjs → vue-ui-kpi-BC6eewXW.cjs} +1 -1
- package/dist/{vue-ui-kpi-DDMCa5qe.js → vue-ui-kpi-BcquwnAL.js} +3 -3
- package/dist/{vue-ui-mini-loader-mMxdW73Y.js → vue-ui-mini-loader-B5TCB-jm.js} +2 -2
- package/dist/{vue-ui-mini-loader-CROjVz1w.cjs → vue-ui-mini-loader-DwEPWCvw.cjs} +1 -1
- package/dist/{vue-ui-molecule-BHUWRS5i.js → vue-ui-molecule-BlQ9EKHu.js} +22 -22
- package/dist/{vue-ui-molecule-BulwtJre.cjs → vue-ui-molecule-CxdrRZT1.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-CUWTjV4S.js → vue-ui-mood-radar-CaMrzhKf.js} +11 -11
- package/dist/{vue-ui-mood-radar-BhS9UcqE.cjs → vue-ui-mood-radar-D5dAbRIg.cjs} +1 -1
- package/dist/{vue-ui-nested-donuts-BQk9K-uM.js → vue-ui-nested-donuts-B0Msfykw.js} +11 -11
- package/dist/{vue-ui-nested-donuts-Db_lFOB1.cjs → vue-ui-nested-donuts-PH-8er1N.cjs} +1 -1
- package/dist/{vue-ui-onion-C38MS0We.cjs → vue-ui-onion-BdgRqKZC.cjs} +1 -1
- package/dist/{vue-ui-onion-CEP_SVGa.js → vue-ui-onion-CJQvWcZc.js} +11 -11
- package/dist/{vue-ui-parallel-coordinate-plot-DOER4ePV.cjs → vue-ui-parallel-coordinate-plot-CFSlIws_.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-DlIPqsBr.js → vue-ui-parallel-coordinate-plot-e_Fy1AqK.js} +12 -12
- package/dist/{vue-ui-quadrant-hEW2euTx.js → vue-ui-quadrant-BUdDJDiC.js} +40 -40
- package/dist/{vue-ui-quadrant-BzA3R8WL.cjs → vue-ui-quadrant-CgmJi4VO.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-vCYn3Ycg.cjs → vue-ui-quick-chart-WOakiHbL.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-D43_sxe7.js → vue-ui-quick-chart-a0Aq180v.js} +37 -37
- package/dist/{vue-ui-radar-CrPGLRgF.cjs → vue-ui-radar-D3XH7mnS.cjs} +1 -1
- package/dist/{vue-ui-radar-ea-S6hNo.js → vue-ui-radar-Dq5awTJ4.js} +12 -12
- package/dist/{vue-ui-rating-DQhxPqnC.cjs → vue-ui-rating-BLYhtefr.cjs} +1 -1
- package/dist/{vue-ui-rating-Cr7OYhms.js → vue-ui-rating-CbJwIMBH.js} +10 -10
- package/dist/{vue-ui-relation-circle-BD63yYPk.js → vue-ui-relation-circle-Dt3L1hs0.js} +7 -7
- package/dist/{vue-ui-relation-circle-Ci_zTDv6.cjs → vue-ui-relation-circle-QSXzaYcG.cjs} +1 -1
- package/dist/{vue-ui-rings-Dup7cJhU.js → vue-ui-rings-BzzWkMfI.js} +22 -22
- package/dist/{vue-ui-rings-o_5TelyF.cjs → vue-ui-rings-XJSxdsBz.cjs} +1 -1
- package/dist/{vue-ui-scatter-D1p3fd_k.cjs → vue-ui-scatter-KB-arFYU.cjs} +1 -1
- package/dist/{vue-ui-scatter-CpUvuCj4.js → vue-ui-scatter-WfGg6-i5.js} +44 -44
- package/dist/{vue-ui-skeleton-BGykkjYQ.cjs → vue-ui-skeleton-1LYIEAgE.cjs} +1 -1
- package/dist/{vue-ui-skeleton-BjminQzl.js → vue-ui-skeleton-CpGgeJbB.js} +57 -57
- package/dist/{vue-ui-smiley-CFKscwS7.js → vue-ui-smiley-C6NH0Lex.js} +2 -2
- package/dist/{vue-ui-smiley-BtpjYEEP.cjs → vue-ui-smiley-Dz2M3bCK.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-CRcDMTzh.cjs → vue-ui-spark-trend-B_GfxBXt.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-wAANMLZ4.js → vue-ui-spark-trend-DTeJM_9L.js} +5 -5
- package/dist/{vue-ui-sparkbar-BTUT-uco.js → vue-ui-sparkbar-CLGDM4VK.js} +4 -4
- package/dist/{vue-ui-sparkbar-BVh9AOEX.cjs → vue-ui-sparkbar-odjVGeM_.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-B_N07sh6.cjs → vue-ui-sparkgauge-83j8e2xQ.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-DXxoZfG0.js → vue-ui-sparkgauge-DenhO9cj.js} +9 -9
- package/dist/{vue-ui-sparkhistogram-CHbsbOtx.cjs → vue-ui-sparkhistogram-Bsid3CJE.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-cSUQzQ6o.js → vue-ui-sparkhistogram-Ch5_voyg.js} +5 -5
- package/dist/{vue-ui-sparkline-_wbJMVVr.js → vue-ui-sparkline-CFx-n0Ax.js} +15 -15
- package/dist/{vue-ui-sparkline-Cr5KANZ_.cjs → vue-ui-sparkline-LpkWUXEl.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-SRvQImaw.cjs → vue-ui-sparkstackbar-CDpHiCTo.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-D93-i-tg.js → vue-ui-sparkstackbar-ZvPhkKk4.js} +5 -5
- package/dist/{vue-ui-stackbar-D3KicC2k.cjs → vue-ui-stackbar-CKaqcgK_.cjs} +1 -1
- package/dist/{vue-ui-stackbar-CnZsiebh.js → vue-ui-stackbar-CX96MGjz.js} +13 -13
- package/dist/{vue-ui-strip-plot-Dv-C246v.js → vue-ui-strip-plot-BCRGcKhd.js} +13 -14
- package/dist/{vue-ui-strip-plot-Dz8doRxV.cjs → vue-ui-strip-plot-Cw8Su0WV.cjs} +1 -1
- package/dist/vue-ui-table-BcnDEvP5.js +1470 -0
- package/dist/vue-ui-table-DCGpCB-H.cjs +14 -0
- package/dist/{vue-ui-table-heatmap-CYuY_cv8.js → vue-ui-table-heatmap-BvdOkoVy.js} +4 -4
- package/dist/{vue-ui-table-heatmap-C8Vi0yvC.cjs → vue-ui-table-heatmap-XbKVm0qZ.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-C4REu4fs.cjs → vue-ui-table-sparkline-ClWB_nso.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-B76wcNNt.js → vue-ui-table-sparkline-DlAlNznI.js} +5 -5
- package/dist/{vue-ui-thermometer-DiZILoae.js → vue-ui-thermometer-DfTbUkLT.js} +7 -7
- package/dist/{vue-ui-thermometer-DvNlCnAL.cjs → vue-ui-thermometer-zpcoSEWt.cjs} +1 -1
- package/dist/{vue-ui-timer-DUN6vOs9.cjs → vue-ui-timer-DwFy6VaG.cjs} +1 -1
- package/dist/{vue-ui-timer-DxYKc_c7.js → vue-ui-timer-TchnXzem.js} +5 -5
- package/dist/{vue-ui-tiremarks-BV7MTnlS.cjs → vue-ui-tiremarks-CmAFj_nG.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-D52pzq2N.js → vue-ui-tiremarks-fzrlOBsj.js} +7 -7
- package/dist/{vue-ui-treemap-CNbw7CLO.js → vue-ui-treemap-CDo8x9s6.js} +12 -12
- package/dist/{vue-ui-treemap-gQhTSE_P.cjs → vue-ui-treemap-DnNrJ4dw.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-B_nsQpZa.js → vue-ui-vertical-bar-Bx1KnXDB.js} +12 -12
- package/dist/{vue-ui-vertical-bar-ClJttiMf.cjs → vue-ui-vertical-bar-DxcAPPXR.cjs} +1 -1
- package/dist/{vue-ui-waffle-BYBctA3T.cjs → vue-ui-waffle-CvQaobYo.cjs} +1 -1
- package/dist/{vue-ui-waffle-CLfNk30s.js → vue-ui-waffle-faLsv9bZ.js} +37 -37
- package/dist/{vue-ui-wheel-Bj6lxA5M.cjs → vue-ui-wheel-BWXUHx3h.cjs} +1 -1
- package/dist/{vue-ui-wheel-4Yit1iRJ.js → vue-ui-wheel-pn6-k3Wb.js} +7 -7
- package/dist/{vue-ui-word-cloud-AZ1OJrxo.cjs → vue-ui-word-cloud-BPU3c5Z2.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-D94M5Lsf.js → vue-ui-word-cloud-Bfn2BGMh.js} +10 -10
- package/dist/{vue-ui-world-rkzHCxBG.js → vue-ui-world-BbjG83CB.js} +12 -12
- package/dist/{vue-ui-world-BwcOIaHG.cjs → vue-ui-world-DWecwIQS.cjs} +2 -2
- package/dist/{vue-ui-xy-DXgpQ8zr.js → vue-ui-xy-B5DZ8Qmi.js} +34 -35
- package/dist/{vue-ui-xy-DJiY5DSr.cjs → vue-ui-xy-DJZ-eOyQ.cjs} +2 -2
- package/dist/{vue-ui-xy-canvas-DsuvSNM3.cjs → vue-ui-xy-canvas-2gXEGzLd.cjs} +1 -1
- package/dist/{vue-ui-xy-canvas-CAfAcJWj.js → vue-ui-xy-canvas-BwmEkw6g.js} +12 -12
- package/package.json +1 -1
- package/dist/index-DjDcQ8pe.cjs +0 -9
- package/dist/pdf-DuohwkFu.cjs +0 -1
- package/dist/vue-ui-annotator-BGWZZUN7.cjs +0 -371
- package/dist/vue-ui-table-Dkoj_poY.js +0 -1466
- package/dist/vue-ui-table-iE1t-zP9.cjs +0 -14
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { computed as h, onMounted as Fe, ref as n, watch as Ae, createElementBlock as i, openBlock as o, unref as u, normalizeStyle as A, normalizeClass as E, createBlock as $, createCommentVNode as c, renderSlot as v, createVNode as ce, createSlots as Ee, withCtx as d, normalizeProps as _, guardReactiveProps as T, createElementVNode as O, Fragment as ve, renderList as de, createTextVNode as he, toDisplayString as V, nextTick as Ve } from "vue";
|
|
2
|
-
import { u as
|
|
3
|
-
import { L as qe } from "./Legend-
|
|
4
|
-
import { _ as
|
|
5
|
-
import { _ as
|
|
6
|
-
import { D as Qe } from "./DataTable-
|
|
7
|
-
import { u as Ze, U as et } from "./usePrinter-
|
|
8
|
-
import tt from "./vue-ui-skeleton-
|
|
9
|
-
import lt from "./vue-ui-accordion-
|
|
10
|
-
import { u as me } from "./useNestedProp-
|
|
11
|
-
import { _ as at } from "./PackageVersion-
|
|
12
|
-
import { _ as ot } from "./PenAndPaper-
|
|
2
|
+
import { u as De, o as Me, e as pe, g as Be, c as ye, t as Ge, p as D, a as ze, b as Ue, H as fe, d as We, K as He, f as k, X as Re, i as ge, x as be, q as Xe, r as je, y as Ye } from "./index-CeGGP5OF.js";
|
|
3
|
+
import { L as qe } from "./Legend-BQ5HGf8B.js";
|
|
4
|
+
import { _ as Ke } from "./Title-DmtXFzpc.js";
|
|
5
|
+
import { _ as Je } from "./Tooltip-BMaBMPpZ.js";
|
|
6
|
+
import { D as Qe } from "./DataTable-Cuky8ZpI.js";
|
|
7
|
+
import { u as Ze, U as et } from "./usePrinter-Ox_AUldH.js";
|
|
8
|
+
import tt from "./vue-ui-skeleton-CpGgeJbB.js";
|
|
9
|
+
import lt from "./vue-ui-accordion-B5Gs-td_.js";
|
|
10
|
+
import { u as me } from "./useNestedProp-CD9pbB7F.js";
|
|
11
|
+
import { _ as at } from "./PackageVersion-DJo_CKR-.js";
|
|
12
|
+
import { _ as ot } from "./PenAndPaper-DK3Wbwoz.js";
|
|
13
13
|
import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
|
|
14
14
|
import { u as rt } from "./useChartAccessibility-BWojgys7.js";
|
|
15
15
|
import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -46,12 +46,12 @@ const nt = ["id"], it = {
|
|
|
46
46
|
},
|
|
47
47
|
emits: ["selectLegend", "selectDatapoint"],
|
|
48
48
|
setup(ke, { expose: Ce, emit: we }) {
|
|
49
|
-
const { vue_ui_galaxy: $e } =
|
|
49
|
+
const { vue_ui_galaxy: $e } = De(), f = ke, L = h(() => !!f.dataset && f.dataset.length);
|
|
50
50
|
Fe(() => {
|
|
51
|
-
|
|
51
|
+
R();
|
|
52
52
|
});
|
|
53
|
-
function
|
|
54
|
-
|
|
53
|
+
function R() {
|
|
54
|
+
Me(f.dataset) ? pe({
|
|
55
55
|
componentName: "VueUiGalaxy",
|
|
56
56
|
type: "dataset"
|
|
57
57
|
}) : f.dataset.forEach((t, a) => {
|
|
@@ -68,10 +68,10 @@ const nt = ["id"], it = {
|
|
|
68
68
|
});
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
|
-
const S = n(ye()),
|
|
71
|
+
const S = n(ye()), M = n(null), xe = n(null), B = n(!1), G = n(""), g = n(null), X = n(0), j = n(0), Y = n(0), q = n(0), e = h({
|
|
72
72
|
get: () => Z(),
|
|
73
73
|
set: (t) => t
|
|
74
|
-
}), { userOptionsVisible: z, setUserOptionsVisibility:
|
|
74
|
+
}), { userOptionsVisible: z, setUserOptionsVisibility: K, keepUserOptionState: J } = st({ config: e.value }), { svgRef: Q } = rt({ config: e.value.style.chart.title });
|
|
75
75
|
function Z() {
|
|
76
76
|
const t = me({
|
|
77
77
|
userConfig: f.config,
|
|
@@ -82,11 +82,11 @@ const nt = ["id"], it = {
|
|
|
82
82
|
userConfig: ze.vue_ui_galaxy[t.theme] || f.config,
|
|
83
83
|
defaultConfig: t
|
|
84
84
|
}),
|
|
85
|
-
customPalette: Ge[t.theme] ||
|
|
85
|
+
customPalette: Ge[t.theme] || D
|
|
86
86
|
} : t;
|
|
87
87
|
}
|
|
88
88
|
Ae(() => f.config, (t) => {
|
|
89
|
-
e.value = Z(), z.value = !e.value.userOptions.showOnChartHover,
|
|
89
|
+
e.value = Z(), z.value = !e.value.userOptions.showOnChartHover, R(), j.value += 1, Y.value += 1, q.value += 1, p.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show;
|
|
90
90
|
}, { deep: !0 });
|
|
91
91
|
const { isPrinting: ee, isImaging: te, generatePdf: le, generateImage: ae } = Ze({
|
|
92
92
|
elementId: `galaxy_${S.value}`,
|
|
@@ -112,7 +112,7 @@ const nt = ["id"], it = {
|
|
|
112
112
|
}
|
|
113
113
|
const C = h(() => f.dataset.map((t, a) => ({
|
|
114
114
|
name: t.name,
|
|
115
|
-
color: We(t.color) || Te.value[a] ||
|
|
115
|
+
color: We(t.color) || Te.value[a] || D[a] || D[a % D.length],
|
|
116
116
|
value: t.values ? fe(t.values).reduce((l, s) => l + s, 0) : 0,
|
|
117
117
|
absoluteValues: fe(t.values),
|
|
118
118
|
id: ye(),
|
|
@@ -135,7 +135,7 @@ const nt = ["id"], it = {
|
|
|
135
135
|
...l,
|
|
136
136
|
seriesIndex: a,
|
|
137
137
|
proportion: l.value / b.value,
|
|
138
|
-
path:
|
|
138
|
+
path: He({
|
|
139
139
|
points: s,
|
|
140
140
|
startX: 115 + e.value.style.chart.layout.arcs.offsetX,
|
|
141
141
|
startY: 90 + e.value.style.chart.layout.arcs.offsetY
|
|
@@ -266,7 +266,7 @@ const nt = ["id"], it = {
|
|
|
266
266
|
p.value.showTooltip = !p.value.showTooltip;
|
|
267
267
|
}
|
|
268
268
|
const F = n(!1);
|
|
269
|
-
function
|
|
269
|
+
function H() {
|
|
270
270
|
F.value = !F.value;
|
|
271
271
|
}
|
|
272
272
|
return Ce({
|
|
@@ -276,15 +276,15 @@ const nt = ["id"], it = {
|
|
|
276
276
|
generateImage: ae,
|
|
277
277
|
toggleTable: ne,
|
|
278
278
|
toggleTooltip: ie,
|
|
279
|
-
toggleAnnotator:
|
|
279
|
+
toggleAnnotator: H
|
|
280
280
|
}), (t, a) => (o(), i("div", {
|
|
281
281
|
ref_key: "galaxyChart",
|
|
282
|
-
ref:
|
|
282
|
+
ref: M,
|
|
283
283
|
class: E(`vue-ui-galaxy ${x.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
|
|
284
284
|
style: A(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
|
|
285
285
|
id: `galaxy_${S.value}`,
|
|
286
|
-
onMouseenter: a[3] || (a[3] = () => u(
|
|
287
|
-
onMouseleave: a[4] || (a[4] = () => u(
|
|
286
|
+
onMouseenter: a[3] || (a[3] = () => u(K)(!0)),
|
|
287
|
+
onMouseleave: a[4] || (a[4] = () => u(K)(!1))
|
|
288
288
|
}, [
|
|
289
289
|
e.value.userOptions.buttons.annotator ? (o(), $(ot, {
|
|
290
290
|
key: 0,
|
|
@@ -292,11 +292,11 @@ const nt = ["id"], it = {
|
|
|
292
292
|
backgroundColor: e.value.style.chart.backgroundColor,
|
|
293
293
|
color: e.value.style.chart.color,
|
|
294
294
|
active: F.value,
|
|
295
|
-
onClose:
|
|
295
|
+
onClose: H
|
|
296
296
|
}, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
|
|
297
297
|
_e.value ? (o(), i("div", it, null, 512)) : c("", !0),
|
|
298
298
|
e.value.style.chart.title.text ? (o(), i("div", ct, [
|
|
299
|
-
(o(), $(
|
|
299
|
+
(o(), $(Ke, {
|
|
300
300
|
key: `title_${j.value}`,
|
|
301
301
|
config: {
|
|
302
302
|
title: {
|
|
@@ -310,7 +310,7 @@ const nt = ["id"], it = {
|
|
|
310
310
|
}
|
|
311
311
|
}, null, 8, ["config"]))
|
|
312
312
|
])) : c("", !0),
|
|
313
|
-
e.value.userOptions.show && L.value && (u(
|
|
313
|
+
e.value.userOptions.show && L.value && (u(J) || u(z)) ? (o(), $(et, {
|
|
314
314
|
ref_key: "details",
|
|
315
315
|
ref: xe,
|
|
316
316
|
key: `user_option_${X.value}`,
|
|
@@ -328,7 +328,7 @@ const nt = ["id"], it = {
|
|
|
328
328
|
isTooltip: p.value.showTooltip,
|
|
329
329
|
isFullscreen: x.value,
|
|
330
330
|
titles: { ...e.value.userOptions.buttonTitles },
|
|
331
|
-
chartElement:
|
|
331
|
+
chartElement: M.value,
|
|
332
332
|
position: e.value.userOptions.position,
|
|
333
333
|
hasAnnotator: e.value.userOptions.buttons.annotator,
|
|
334
334
|
isAnnotation: F.value,
|
|
@@ -338,9 +338,9 @@ const nt = ["id"], it = {
|
|
|
338
338
|
onGenerateImage: u(ae),
|
|
339
339
|
onToggleTable: ne,
|
|
340
340
|
onToggleTooltip: ie,
|
|
341
|
-
onToggleAnnotator:
|
|
341
|
+
onToggleAnnotator: H,
|
|
342
342
|
style: A({
|
|
343
|
-
visibility: u(
|
|
343
|
+
visibility: u(J) ? u(z) ? "visible" : "hidden" : "visible"
|
|
344
344
|
})
|
|
345
345
|
}, Ee({ _: 2 }, [
|
|
346
346
|
t.$slots.menuIcon ? {
|
|
@@ -404,7 +404,7 @@ const nt = ["id"], it = {
|
|
|
404
404
|
key: 4,
|
|
405
405
|
ref_key: "svgRef",
|
|
406
406
|
ref: Q,
|
|
407
|
-
xmlns: u(
|
|
407
|
+
xmlns: u(Re),
|
|
408
408
|
class: E({ "vue-data-ui-fullscreen--on": x.value, "vue-data-ui-fulscreen--off": !x.value }),
|
|
409
409
|
viewBox: `0 0 ${P.value.width} ${P.value.height}`,
|
|
410
410
|
style: A(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
|
|
@@ -539,7 +539,7 @@ const nt = ["id"], it = {
|
|
|
539
539
|
t.$slots.source ? (o(), i("div", xt, [
|
|
540
540
|
v(t.$slots, "source", {}, void 0, !0)
|
|
541
541
|
], 512)) : c("", !0),
|
|
542
|
-
ce(
|
|
542
|
+
ce(Je, {
|
|
543
543
|
show: p.value.showTooltip && B.value,
|
|
544
544
|
backgroundColor: e.value.style.chart.tooltip.backgroundColor,
|
|
545
545
|
color: e.value.style.chart.tooltip.color,
|
|
@@ -550,7 +550,7 @@ const nt = ["id"], it = {
|
|
|
550
550
|
backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
|
|
551
551
|
position: e.value.style.chart.tooltip.position,
|
|
552
552
|
offsetY: e.value.style.chart.tooltip.offsetY,
|
|
553
|
-
parent:
|
|
553
|
+
parent: M.value,
|
|
554
554
|
content: G.value,
|
|
555
555
|
isFullscreen: x.value,
|
|
556
556
|
isCustom: u(be)(e.value.style.chart.tooltip.customFormat)
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { computed as f, ref as y, watch as pe, onMounted as Ge, onBeforeUnmount as Ee, createElementBlock as u, openBlock as s, unref as i, normalizeStyle as B, normalizeClass as ge, createBlock as G, createCommentVNode as c, createElementVNode as p, withCtx as N, toDisplayString as O, createSlots as Ue, renderSlot as x, normalizeProps as E, guardReactiveProps as U, createVNode as We, Fragment as g, renderList as S, mergeProps as X } from "vue";
|
|
2
|
-
import { u as je, c as
|
|
2
|
+
import { u as je, c as Le, t as Te, p as ke, a as De, b as Be, o as be, d as Ve, e as W, g as _e, m as V, L as z, M as qe, X as He, s as q, n as Ze, i as H, f as Z, F as J } from "./index-CeGGP5OF.js";
|
|
3
3
|
import { t as Je, u as Ke } from "./useResponsive-Cw4oZ8sQ.js";
|
|
4
|
-
import { u as Qe, U as et } from "./usePrinter-
|
|
5
|
-
import tt from "./vue-ui-skeleton-
|
|
6
|
-
import { _ as at } from "./Title-
|
|
7
|
-
import { u as xe } from "./useNestedProp-
|
|
8
|
-
import { _ as lt } from "./PackageVersion-
|
|
9
|
-
import { _ as rt } from "./PenAndPaper-
|
|
4
|
+
import { u as Qe, U as et } from "./usePrinter-Ox_AUldH.js";
|
|
5
|
+
import tt from "./vue-ui-skeleton-CpGgeJbB.js";
|
|
6
|
+
import { _ as at } from "./Title-DmtXFzpc.js";
|
|
7
|
+
import { u as xe } from "./useNestedProp-CD9pbB7F.js";
|
|
8
|
+
import { _ as lt } from "./PackageVersion-DJo_CKR-.js";
|
|
9
|
+
import { _ as rt } from "./PenAndPaper-DK3Wbwoz.js";
|
|
10
10
|
import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
|
|
11
11
|
import { u as ot } from "./useChartAccessibility-BWojgys7.js";
|
|
12
12
|
import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
13
13
|
const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["id"], ht = ["stop-color"], ft = ["stop-color"], yt = ["stop-color"], mt = ["id"], pt = ["stdDeviation"], gt = { key: 1 }, kt = ["d", "fill", "stroke"], bt = ["d", "fill", "stroke"], _t = ["d", "fill"], xt = ["id", "d"], wt = ["fill", "font-size", "font-weight"], St = ["href", "startOffset"], $t = ["x", "y", "text-anchor", "fill", "font-size", "font-weight"], zt = ["d", "filter"], Ft = ["stroke", "stroke-width"], Ct = ["stroke", "stroke-width"], Ot = ["stroke", "stroke-width"], Mt = ["stroke", "stroke-width"], Nt = { key: 8 }, Pt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], Xt = ["x", "y", "font-size", "font-weight", "fill"], It = { key: 0 }, Yt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], At = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Rt = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], Gt = { key: 1 }, Et = ["d", "fill", "stroke", "stroke-width"], Ut = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], Wt = ["x", "y", "font-size", "fill"], jt = {
|
|
14
14
|
key: 5,
|
|
15
15
|
class: "vue-data-ui-watermark"
|
|
16
|
-
},
|
|
16
|
+
}, Lt = {
|
|
17
17
|
__name: "vue-ui-gauge",
|
|
18
18
|
props: {
|
|
19
19
|
config: {
|
|
@@ -30,12 +30,12 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
setup(j, { expose: we }) {
|
|
33
|
-
const { vue_ui_gauge: Se } = je(), d = j, I = f(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), b = y(
|
|
33
|
+
const { vue_ui_gauge: Se } = je(), d = j, I = f(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), b = y(Le()), $e = y(null), K = y(0), Y = y(null), Q = y(null), ee = y(null), te = y(null), ae = y(null), le = y(0), e = f({
|
|
34
34
|
get: () => ue(),
|
|
35
35
|
set: (t) => t
|
|
36
|
-
}), { userOptionsVisible:
|
|
36
|
+
}), { userOptionsVisible: L, setUserOptionsVisibility: re, keepUserOptionState: se } = st({ config: e.value }), { svgRef: oe } = ot({ config: e.value.style.chart.title });
|
|
37
37
|
pe(() => d.config, (t) => {
|
|
38
|
-
e.value = ue(),
|
|
38
|
+
e.value = ue(), L.value = !e.value.userOptions.showOnChartHover, he(), le.value += 1;
|
|
39
39
|
}, { deep: !0 });
|
|
40
40
|
function ue() {
|
|
41
41
|
const t = xe({
|
|
@@ -47,7 +47,7 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
47
47
|
userConfig: De.vue_ui_gauge[t.theme] || d.config,
|
|
48
48
|
defaultConfig: t
|
|
49
49
|
}),
|
|
50
|
-
customPalette:
|
|
50
|
+
customPalette: Te[t.theme] || ke
|
|
51
51
|
} : t;
|
|
52
52
|
}
|
|
53
53
|
const { isPrinting: ne, isImaging: ie, generatePdf: ce, generateImage: ve } = Qe({
|
|
@@ -110,7 +110,7 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
110
110
|
}), de = f(() => {
|
|
111
111
|
const t = l.value.width / 2, o = v.value.base, a = Math.PI * ((m.value + 0 - $.value) / (M.value - $.value)) + Math.PI, r = t + v.value.pointerSize * l.value.pointerSize * 0.9 * Math.cos(a), _ = o + v.value.pointerSize * l.value.pointerSize * 0.9 * Math.sin(a), w = l.value.pointerRadius, Ie = t + w * Math.cos(a + Math.PI / 2), Ye = o + w * Math.sin(a + Math.PI / 2), Ae = t + w * Math.cos(a - Math.PI / 2), Re = o + w * Math.sin(a - Math.PI / 2);
|
|
112
112
|
return isNaN(r) ? null : `M ${r},${_} ${Ie},${Ye} ${Ae},${Re} Z`;
|
|
113
|
-
}),
|
|
113
|
+
}), T = f(() => {
|
|
114
114
|
for (let t = 0; t < F.value.series.length; t += 1) {
|
|
115
115
|
const { color: o, from: a, to: r } = F.value.series[t];
|
|
116
116
|
if (m.value >= a && m.value <= r)
|
|
@@ -352,7 +352,7 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
352
352
|
_: 1
|
|
353
353
|
}, 8, ["config"]))
|
|
354
354
|
], 512)) : c("", !0),
|
|
355
|
-
e.value.userOptions.show && I.value && (i(se) || i(
|
|
355
|
+
e.value.userOptions.show && I.value && (i(se) || i(L)) ? (s(), G(et, {
|
|
356
356
|
ref_key: "details",
|
|
357
357
|
ref: $e,
|
|
358
358
|
key: `user_options_${K.value}`,
|
|
@@ -376,7 +376,7 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
376
376
|
onGenerateImage: i(ve),
|
|
377
377
|
onToggleAnnotator: D,
|
|
378
378
|
style: B({
|
|
379
|
-
visibility: i(se) ? i(
|
|
379
|
+
visibility: i(se) ? i(L) ? "visible" : "hidden" : "visible"
|
|
380
380
|
})
|
|
381
381
|
}, Ue({ _: 2 }, [
|
|
382
382
|
t.$slots.menuIcon ? {
|
|
@@ -633,7 +633,7 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
633
633
|
y1: n.value.y1,
|
|
634
634
|
x2: n.value.x2,
|
|
635
635
|
y2: n.value.y2,
|
|
636
|
-
stroke: e.value.style.chart.layout.pointer.useRatingColor ?
|
|
636
|
+
stroke: e.value.style.chart.layout.pointer.useRatingColor ? T.value : e.value.style.chart.layout.pointer.color,
|
|
637
637
|
"stroke-linecap": "round",
|
|
638
638
|
"stroke-width": l.value.pointerStrokeWidth * 0.7
|
|
639
639
|
}, null, 8, At)),
|
|
@@ -652,7 +652,7 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
652
652
|
de.value ? (s(), u("path", {
|
|
653
653
|
key: 0,
|
|
654
654
|
d: de.value,
|
|
655
|
-
fill: e.value.style.chart.layout.pointer.useRatingColor ?
|
|
655
|
+
fill: e.value.style.chart.layout.pointer.useRatingColor ? T.value : e.value.style.chart.layout.pointer.color,
|
|
656
656
|
stroke: e.value.style.chart.layout.pointer.stroke,
|
|
657
657
|
"stroke-width": e.value.style.chart.layout.pointer.circle.strokeWidth,
|
|
658
658
|
"stroke-linejoin": "round"
|
|
@@ -674,7 +674,7 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
674
674
|
"text-anchor": "middle",
|
|
675
675
|
"font-size": l.value.legendFontSize,
|
|
676
676
|
"font-weight": "bold",
|
|
677
|
-
fill: e.value.style.chart.legend.useRatingColor ?
|
|
677
|
+
fill: e.value.style.chart.legend.useRatingColor ? T.value : e.value.style.chart.legend.color
|
|
678
678
|
}, O(i(H)(
|
|
679
679
|
e.value.style.chart.legend.formatter,
|
|
680
680
|
m.value,
|
|
@@ -718,7 +718,7 @@ const nt = ["id"], it = { key: 0 }, ct = ["xmlns", "viewBox"], vt = ["width", "h
|
|
|
718
718
|
], 512)) : c("", !0)
|
|
719
719
|
], 46, nt));
|
|
720
720
|
}
|
|
721
|
-
}, aa = /* @__PURE__ */ ut(
|
|
721
|
+
}, aa = /* @__PURE__ */ ut(Lt, [["__scopeId", "data-v-d85f8f4f"]]);
|
|
722
722
|
export {
|
|
723
723
|
aa as default
|
|
724
724
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-DjDcQ8pe.cjs"),H=require("./useResponsive-DQmBAoBf.cjs"),Z=require("./usePrinter-vFXYgZiT.cjs"),he=require("./vue-ui-skeleton-BGykkjYQ.cjs"),me=require("./Title-BGh0hWb2.cjs"),J=require("./useNestedProp-BS9eJthK.cjs"),fe=require("./PackageVersion-BrUdYdIC.cjs"),ye=require("./PenAndPaper-DyGcaflS.cjs"),pe=require("./useUserOptionState-BgepsfED.cjs"),ke=require("./useChartAccessibility-Cm7nkzTG.cjs"),ge=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),be=["id"],Be={key:0},Se=["xmlns","viewBox"],_e=["width","height"],xe=["id"],Ce=["stop-color"],we=["stop-color"],Ne=["stop-color"],Fe=["id"],Ee=["stdDeviation"],$e={key:1},ze=["d","fill","stroke"],Pe=["d","fill","stroke"],Oe=["d","fill"],Me=["id","d"],Ve=["fill","font-size","font-weight"],Ie=["href","startOffset"],Xe=["x","y","text-anchor","fill","font-size","font-weight"],Ae=["d","filter"],Ye=["stroke","stroke-width"],Re=["stroke","stroke-width"],Le=["stroke","stroke-width"],De=["stroke","stroke-width"],qe={key:8},Ge=["x","y","text-anchor","font-size","font-weight","fill"],je=["x","y","font-size","font-weight","fill"],Te={key:0},Ue=["x1","y1","x2","y2","stroke","stroke-width"],We=["x1","y1","x2","y2","stroke","stroke-width"],He=["x1","y1","x2","y2","stroke-width","filter"],Ze={key:1},Je=["d","fill","stroke","stroke-width"],Ke=["cx","cy","fill","r","stroke-width","stroke"],Qe=["x","y","font-size","fill"],et={key:5,class:"vue-data-ui-watermark"},tt={__name:"vue-ui-gauge",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(w,{expose:K}){const{vue_ui_gauge:Q}=s.useConfig(),c=w,S=e.computed(()=>!!c.dataset&&Object.keys(c.dataset).length>0&&c.dataset.series&&c.dataset.series.length),m=e.ref(s.createUid()),ee=e.ref(null),$=e.ref(0),_=e.ref(null),z=e.ref(null),P=e.ref(null),O=e.ref(null),M=e.ref(null),V=e.ref(0),t=e.computed({get:()=>Y(),set:a=>a}),{userOptionsVisible:N,setUserOptionsVisibility:I,keepUserOptionState:X}=pe.useUserOptionState({config:t.value}),{svgRef:A}=ke.useChartAccessibility({config:t.value.style.chart.title});e.watch(()=>c.config,a=>{t.value=Y(),N.value=!t.value.userOptions.showOnChartHover,j(),V.value+=1},{deep:!0});function Y(){const a=J.useNestedProp({userConfig:c.config,defaultConfig:Q});return a.theme?{...J.useNestedProp({userConfig:s.themes.vue_ui_gauge[a.theme]||c.config,defaultConfig:a}),customPalette:s.themePalettes[a.theme]||s.palette}:a}const{isPrinting:R,isImaging:L,generatePdf:D,generateImage:q}=Z.usePrinter({elementId:`vue-ui-gauge_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-gauge",options:t.value.userOptions.print}),te=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),ae=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),k=e.computed(()=>{if(!S.value||s.objectIsEmpty(c.dataset.series||{}))return{value:0,series:[{from:0,to:0}]};const a=[];(c.dataset.series||[]).forEach(r=>{a.push(r.from||1e-7),a.push(r.to||1e-7)});const n=Math.max(...a);return{...c.dataset,series:(c.dataset.series||[]).map((r,l)=>({...r,color:s.convertColorToHex(r.color)||ae.value[l]||s.palette[l],value:((r.to||0)-(r.from||0))/n*100}))}}),h=e.ref(512),o=e.ref({height:358.4,width:h.value,top:0,bottom:358.4,centerX:179.2,centerY:h.value/2,labelFontSize:18,legendFontSize:t.value.style.chart.legend.fontSize,pointerRadius:t.value.style.chart.layout.pointer.circle.radius,trackSize:t.value.style.chart.layout.track.size,pointerSize:t.value.style.chart.layout.pointer.size,pointerStrokeWidth:t.value.style.chart.layout.pointer.strokeWidth,markerOffset:t.value.style.chart.layout.markers.offsetY+3,segmentFontSize:t.value.style.chart.layout.segmentNames.fontSize}),b=e.ref(0),p=e.ref(0),d=e.ref(t.value.style.chart.animation.use?Math.min(...c.dataset.series.map(a=>a.from)):c.dataset.value);e.watch(()=>c.dataset.value,()=>{T(c.dataset.value)});const u=e.computed(()=>{const a=o.value.width/2,n=i.value.base,r=Math.PI*((d.value+0-p.value)/(b.value-p.value))+Math.PI;return{x1:a,y1:n,x2:a+i.value.pointerSize*o.value.pointerSize*.9*Math.cos(r),y2:n+i.value.pointerSize*o.value.pointerSize*.9*Math.sin(r)}}),G=e.computed(()=>{const a=o.value.width/2,n=i.value.base,r=Math.PI*((d.value+0-p.value)/(b.value-p.value))+Math.PI,l=a+i.value.pointerSize*o.value.pointerSize*.9*Math.cos(r),f=n+i.value.pointerSize*o.value.pointerSize*.9*Math.sin(r),y=o.value.pointerRadius,ie=a+y*Math.cos(r+Math.PI/2),ce=n+y*Math.sin(r+Math.PI/2),ve=a+y*Math.cos(r-Math.PI/2),de=n+y*Math.sin(r-Math.PI/2);return isNaN(l)?null:`M ${l},${f} ${ie},${ce} ${ve},${de} Z`}),F=e.computed(()=>{for(let a=0;a<k.value.series.length;a+=1){const{color:n,from:r,to:l}=k.value.series[a];if(d.value>=r&&d.value<=l)return n}return"#2D353C"}),x=e.ref(null);function j(){if(s.objectIsEmpty(c.dataset)?s.error({componentName:"VueUiGauge",type:"dataset"}):(s.getMissingDatasetAttributes({datasetObject:c.dataset,requiredAttributes:["value","series"]}).forEach(a=>{s.error({componentName:"VueUiGauge",type:"datasetAttribute",property:a})}),Object.hasOwn(c.dataset,"series")&&(c.dataset.series.length?c.dataset.series.forEach((a,n)=>{s.getMissingDatasetAttributes({datasetObject:a,requiredAttributes:["from","to"]}).forEach(r=>{s.error({componentName:"VueUiGauge",type:"datasetSerieAttribute",property:r,index:n})})}):s.error({componentName:"VueUiGauge",type:"datasetAttributeEmpty",property:"series"}))),T(c.dataset.value||0),t.value.responsive){const a=H.throttle(()=>{const{width:n,height:r}=H.useResponsive({chart:_.value,title:t.value.style.chart.title.text?z.value:null,legend:P.value,source:O.value,noTitle:M.value});requestAnimationFrame(()=>{o.value.width=n,o.value.height=r,o.value.centerX=n/2,o.value.centerY=h.value/2/358.4*r,o.value.bottom=r,o.value.labelFontSize=18/h.value*Math.min(r,n)<10?10:18/h.value*Math.min(r,n),o.value.legendFontSize=t.value.style.chart.legend.fontSize/h.value*Math.min(r,n)<14?14:t.value.style.chart.legend.fontSize/h.value*Math.min(r,n),o.value.pointerRadius=t.value.style.chart.layout.pointer.circle.radius/h.value*Math.min(r,n),o.value.trackSize=t.value.style.chart.layout.track.size/h.value*Math.min(r,n),o.value.pointerStrokeWidth=s.translateSize({relator:Math.min(n,r),adjuster:h.value,source:t.value.style.chart.layout.pointer.strokeWidth,threshold:2,fallback:2}),o.value.markerOffset=s.translateSize({relator:Math.max(n,r),adjuster:h.value,source:t.value.style.chart.layout.markers.offsetY+3,threshold:2,fallback:2}),o.value.segmentFontSize=s.translateSize({relator:Math.min(n,r),adjuster:h.value,source:t.value.style.chart.layout.segmentNames.fontSize,threshold:8,fallback:8})})});x.value=new ResizeObserver(a),x.value.observe(_.value.parentNode)}}e.onMounted(()=>{j()}),e.onBeforeUnmount(()=>{x.value&&x.value.disconnect()});function T(a){const n=[];(k.value.series||[]).forEach(y=>{n.push(y.from||0),n.push(y.to||0)}),b.value=Math.max(...n),p.value=Math.min(...n);let r=t.value.style.chart.animation.speed;const l=Math.abs(a-d.value)/(r*60);function f(){d.value<a?d.value=Math.min(d.value+l,a):d.value>a&&(d.value=Math.max(d.value-l,a)),d.value!==a&&requestAnimationFrame(f)}f()}const i=e.computed(()=>{const a=t.value.responsive?Math.min(o.value.width,o.value.height):o.value.width,n=2.5/t.value.style.chart.layout.radiusRatio;return{arcs:a/n,gradients:a/(n*1.1),base:t.value.responsive?o.value.height/2:o.value.height*.7,ratingBase:t.value.responsive?o.value.height/2+o.value.height/4:o.value.height*.9,pointerSize:t.value.responsive?Math.min(o.value.width,o.value.height)/3:o.value.width/3.2}}),v=e.computed(()=>s.makeDonut({series:k.value.series},o.value.width/2,i.value.base,i.value.arcs,i.value.arcs,1,1,1,180,109.9495,40*o.value.trackSize)),re=e.computed(()=>s.makeDonut({series:k.value.series},o.value.width/2,i.value.base,i.value.arcs*t.value.style.chart.layout.segmentNames.offsetRatio,i.value.arcs*t.value.style.chart.layout.segmentNames.offsetRatio,1,1,1,180,109.9495,40*o.value.trackSize)),g=e.computed(()=>v.value.map(a=>i.value.arcs*t.value.style.chart.layout.segmentNames.offsetRatio*(a.nameOffsetRatio||1))),U=e.computed(()=>{const{x:a,y:n}=s.offsetFromCenterPoint({initX:v.value[0].firstSeparator.x,initY:v.value[0].firstSeparator.y,centerX:u.value.x1,centerY:u.value.y1,offset:-t.value.style.chart.layout.segmentSeparators.offsetIn}),{x:r,y:l}=s.offsetFromCenterPoint({initX:v.value[0].startX,initY:v.value[0].startY,centerX:u.value.x1,centerY:u.value.y1,offset:t.value.style.chart.layout.segmentSeparators.offsetOut});return{x1:a,y1:n,x2:r,y2:l}}),W=e.computed(()=>v.value.map(a=>{const{x:n,y:r}=s.offsetFromCenterPoint({initX:a.separator.x,initY:a.separator.y,centerX:u.value.x1,centerY:u.value.y1,offset:-t.value.style.chart.layout.segmentSeparators.offsetIn}),{x:l,y:f}=s.offsetFromCenterPoint({initX:a.endX,initY:a.endY,centerX:u.value.x1,centerY:u.value.y1,offset:t.value.style.chart.layout.segmentSeparators.offsetOut});return{x1:n,y1:r,x2:l,y2:f}}));function oe(a){if(a.reduce((f,y)=>f+y,0)>100)throw new Error("Total % must not exceed 100");const r=50;let l=0;return a.map(f=>(l+=f,`${l/100*r-f/4}%`))}const le=e.computed(()=>oe(v.value.map(a=>a.proportion*100))),ne=e.computed(()=>s.makeDonut({series:k.value.series},o.value.width/2,i.value.base,i.value.gradients,i.value.gradients,.95,1,1,180,110.02,2*o.value.trackSize)),se=e.computed(()=>{const a=p.value>=0?-p.value:Math.abs(p.value);return s.createHalfCircleArc({radius:t.value.style.chart.layout.indicatorArc.radius*o.value.trackSize,centerX:o.value.width/2,centerY:i.value.base,percentage:(d.value+a)/(b.value+a)})}),B=e.ref(!1);function ue(a){B.value=a,$.value+=1}const C=e.ref(!1);function E(){C.value=!C.value}return K({generatePdf:D,generateImage:q,toggleAnnotator:E}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-gauge ${B.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"gaugeChart",ref:_,id:`vue-ui-gauge_${m.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive?"height: 100%":""}`),onMouseenter:n[0]||(n[0]=()=>e.unref(I)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref(I)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ye._sfc_main,{key:0,svgRef:e.unref(A),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:C.value,onClose:E},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),te.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:M,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:z,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(me._sfc_main,{key:`title_${V.value}`,config:{title:{cy:"gauge-div-title",...t.value.style.chart.title},subtitle:{cy:"gauge-div-subtitle",...t.value.style.chart.title.subtitle}}},{default:e.withCtx(()=>[t.value.translations.base&&w.dataset.base?(e.openBlock(),e.createElementBlock("span",Be,e.toDisplayString(t.value.translations.base)+": "+e.toDisplayString(w.dataset.base),1)):e.createCommentVNode("",!0)]),_:1},8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&S.value&&(e.unref(X)||e.unref(N))?(e.openBlock(),e.createBlock(Z.UserOptions,{ref_key:"details",ref:ee,key:`user_options_${$.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(L),isPrinting:e.unref(R),uid:m.value,hasXls:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:B.value,titles:{...t.value.userOptions.buttonTitles},chartElement:_.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:C.value,onToggleFullscreen:ue,onGeneratePdf:e.unref(D),onGenerateImage:e.unref(q),onToggleAnnotator:E,style:e.normalizeStyle({visibility:e.unref(X)?e.unref(N)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:r,color:l})=>[e.renderSlot(a.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:r,color:l})),void 0,!0)]),key:"0"}:void 0,a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:r,isFullscreen:l})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:r,isFullscreen:l})),void 0,!0)]),key:"3"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:r,isAnnotator:l})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:r,isAnnotator:l})),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),S.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:A,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":B.value,"vue-data-ui-fulscreen--off":!B.value}),viewBox:`0 0 ${o.value.width<=0?10:o.value.width} ${o.value.height<=0?10:o.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:hidden !important;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(fe._sfc_main),a.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:o.value.width<=0?10:o.value.width,height:o.value.height<=0?10:o.value.height,style:{pointerEvents:"none"}},[e.renderSlot(a.$slots,"chart-background",{},void 0,!0)],8,_e)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`gradient_${m.value}`,cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)("#FFFFFF",1)},null,8,Ce),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(s.setOpacity)("#FFFFFF",t.value.style.chart.layout.track.gradientIntensity)},null,8,we),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)("#FFFFFF",1)},null,8,Ne)],8,xe)]),e.createElementVNode("defs",null,[e.createElementVNode("filter",{id:`blur_${m.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:100/t.value.style.chart.layout.track.gradientIntensity},null,8,Ee)],8,Fe)]),a.$slots.pattern?(e.openBlock(),e.createElementBlock("g",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("defs",null,[e.renderSlot(a.$slots,"pattern",e.mergeProps({ref_for:!0},{seriesIndex:l,patternId:`pattern_${m.value}_${l}`}),void 0,!0)]))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("path",{key:`arc_${l}`,d:r.arcSlice,fill:r.color,stroke:t.value.style.chart.backgroundColor,"stroke-linecap":"round"},null,8,ze))),128)),a.$slots.pattern?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("path",{key:`arc_${l}`,d:r.arcSlice,fill:`url(#pattern_${m.value}_${l})`,stroke:t.value.style.chart.backgroundColor,"stroke-linecap":"round"},null,8,Pe))),128)):e.createCommentVNode("",!0),t.value.style.chart.layout.indicatorArc.show?(e.openBlock(),e.createElementBlock("path",{key:3,d:se.value,fill:t.value.style.chart.layout.indicatorArc.fill},null,8,Oe)):e.createCommentVNode("",!0),t.value.style.chart.layout.segmentNames.show&&t.value.style.chart.layout.segmentNames.curved?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("path",{id:`curve_${m.value}_${l}`,d:`M ${u.value.x1},${u.value.y1} m -${g.value[l]},0 a ${g.value[l]},${g.value[l]} 0 1,1 ${2*g.value[l]},0 a ${g.value[l]},${g.value[l]} 0 1,1 -${2*g.value[l]},0`,fill:"transparent"},null,8,Me))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("text",{fill:t.value.style.chart.layout.segmentNames.useSerieColor?r.color:t.value.style.chart.layout.segmentNames.color,"font-size":o.value.segmentFontSize,"font-weight":t.value.style.chart.layout.segmentNames.bold?"bold":"normal","text-anchor":"middle"},[e.createElementVNode("textPath",{href:`#curve_${m.value}_${l}`,startOffset:le.value[l]},e.toDisplayString(r.name||""),9,Ie)],8,Ve))),256))],64)):e.createCommentVNode("",!0),t.value.style.chart.layout.segmentNames.show&&!t.value.style.chart.layout.segmentNames.curved?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:5},e.renderList(re.value,(r,l)=>(e.openBlock(),e.createElementBlock("text",{x:r.center.endX,y:r.center.endY,"text-anchor":e.unref(s.calcMarkerOffsetX)(r,!1,12).anchor,fill:t.value.style.chart.layout.segmentNames.useSerieColor?r.color:t.value.style.chart.layout.segmentNames.color,"font-size":o.value.segmentFontSize,"font-weight":t.value.style.chart.layout.segmentNames.bold?"bold":"normal"},e.toDisplayString(r.name||""),9,Xe))),256)):e.createCommentVNode("",!0),t.value.style.chart.layout.track.useGradient?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:6},e.renderList(ne.value,(r,l)=>(e.openBlock(),e.createElementBlock("path",{key:`arc_${l}`,d:r.arcSlice,fill:"#FFFFFF",stroke:"none","stroke-linecap":"round",filter:`url(#blur_${m.value})`},null,8,Ae))),128)):e.createCommentVNode("",!0),t.value.style.chart.layout.segmentSeparators.show?(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[e.createElementVNode("line",e.mergeProps(U.value,{stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.layout.segmentSeparators.strokeWidth+2,"stroke-linecap":"round"}),null,16,Ye),e.createElementVNode("line",e.mergeProps(U.value,{stroke:t.value.style.chart.layout.segmentSeparators.stroke,"stroke-width":t.value.style.chart.layout.segmentSeparators.strokeWidth,"stroke-linecap":"round"}),null,16,Re),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(W.value,r=>(e.openBlock(),e.createElementBlock("line",e.mergeProps({ref_for:!0},r,{stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.layout.segmentSeparators.strokeWidth+2,"stroke-linecap":"round"}),null,16,Le))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(W.value,r=>(e.openBlock(),e.createElementBlock("line",e.mergeProps({ref_for:!0},r,{stroke:t.value.style.chart.layout.segmentSeparators.stroke,"stroke-width":t.value.style.chart.layout.segmentSeparators.strokeWidth,"stroke-linecap":"round"}),null,16,De))),256))],64)):e.createCommentVNode("",!0),t.value.style.chart.layout.markers.show?(e.openBlock(),e.createElementBlock("g",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("text",{x:e.unref(s.offsetFromCenterPoint)({centerX:u.value.x1,centerY:i.value.base,initX:r.center.startX,initY:r.center.startY,offset:o.value.markerOffset}).x,y:e.unref(s.offsetFromCenterPoint)({centerX:u.value.x1,centerY:i.value.base,initX:r.center.startX,initY:r.center.startY,offset:o.value.markerOffset}).y,"text-anchor":r.center.startX<u.value.x1-5?"end":r.center.startX>u.value.x1+5?"start":"middle","font-size":o.value.labelFontSize*t.value.style.chart.layout.markers.fontSizeRatio,"font-weight":`${t.value.style.chart.layout.markers.bold?"bold":"normal"}`,fill:t.value.style.chart.layout.markers.color},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.layout.markers.formatter,r.from,e.unref(s.dataLabel)({p:t.value.style.chart.layout.markers.prefix,v:r.from,s:t.value.style.chart.layout.markers.suffix,r:t.value.style.chart.layout.markers.roundingValue}))),9,Ge))),256))])):e.createCommentVNode("",!0),t.value.style.chart.layout.markers.show?(e.openBlock(),e.createElementBlock("text",{key:9,x:e.unref(s.offsetFromCenterPoint)({centerX:o.value.width/2,centerY:i.value.base,initX:v.value.at(-1).endX,initY:v.value.at(-1).endY,offset:o.value.markerOffset}).x,y:e.unref(s.offsetFromCenterPoint)({centerX:o.value.width/2,centerY:i.value.base,initX:v.value.at(-1).endX,initY:v.value.at(-1).endY,offset:o.value.markerOffset}).y,"text-anchor":"start","font-size":o.value.labelFontSize*t.value.style.chart.layout.markers.fontSizeRatio,"font-weight":`${t.value.style.chart.layout.markers.bold?"bold":"normal"}`,fill:t.value.style.chart.layout.markers.color},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.layout.markers.formatter,b.value,e.unref(s.dataLabel)({p:t.value.style.chart.layout.markers.prefix,v:b.value,s:t.value.style.chart.layout.markers.suffix,r:t.value.style.chart.layout.markers.roundingValue}))),9,je)):e.createCommentVNode("",!0),t.value.style.chart.layout.pointer.show?(e.openBlock(),e.createElementBlock(e.Fragment,{key:10},[t.value.style.chart.layout.pointer.type==="rounded"?(e.openBlock(),e.createElementBlock("g",Te,[isNaN(u.value.x2)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("line",{key:0,x1:u.value.x1,y1:u.value.y1,x2:u.value.x2,y2:u.value.y2,stroke:t.value.style.chart.layout.pointer.stroke,"stroke-width":o.value.pointerStrokeWidth,"stroke-linecap":"round"},null,8,Ue)),isNaN(u.value.x2)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("line",{key:1,x1:u.value.x1,y1:u.value.y1,x2:u.value.x2,y2:u.value.y2,stroke:t.value.style.chart.layout.pointer.useRatingColor?F.value:t.value.style.chart.layout.pointer.color,"stroke-linecap":"round","stroke-width":o.value.pointerStrokeWidth*.7},null,8,We)),!isNaN(u.value.x2)&&t.value.style.chart.layout.track.useGradient?(e.openBlock(),e.createElementBlock("line",{key:2,x1:u.value.x1,y1:u.value.y1,x2:u.value.x2,y2:u.value.y2,stroke:"white","stroke-linecap":"round","stroke-width":o.value.pointerStrokeWidth*.3,filter:`url(#blur_${m.value})`},null,8,He)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("g",Ze,[G.value?(e.openBlock(),e.createElementBlock("path",{key:0,d:G.value,fill:t.value.style.chart.layout.pointer.useRatingColor?F.value:t.value.style.chart.layout.pointer.color,stroke:t.value.style.chart.layout.pointer.stroke,"stroke-width":t.value.style.chart.layout.pointer.circle.strokeWidth,"stroke-linejoin":"round"},null,8,Je)):e.createCommentVNode("",!0)])),e.createElementVNode("circle",{cx:o.value.width/2,cy:i.value.base,fill:t.value.style.chart.layout.pointer.circle.color,r:o.value.pointerRadius<=0?1e-4:o.value.pointerRadius,"stroke-width":t.value.style.chart.layout.pointer.circle.strokeWidth,stroke:t.value.style.chart.layout.pointer.circle.stroke},null,8,Ke)],64)):e.createCommentVNode("",!0),t.value.style.chart.legend.show?(e.openBlock(),e.createElementBlock("text",{key:11,x:o.value.width/2,y:i.value.ratingBase,"text-anchor":"middle","font-size":o.value.legendFontSize,"font-weight":"bold",fill:t.value.style.chart.legend.useRatingColor?F.value:t.value.style.chart.legend.color},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.legend.formatter,d.value,e.unref(s.dataLabel)({p:t.value.style.chart.legend.prefix+(t.value.style.chart.legend.showPlusSymbol&&d.value>0?"+":""),v:d.value,s:t.value.style.chart.legend.suffix,r:t.value.style.chart.legend.roundingValue}))),9,Qe)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:o.value},void 0,!0)],14,Se)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",et,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(R)||e.unref(L)})),void 0,!0)])):e.createCommentVNode("",!0),S.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(he.default,{key:6,config:{type:"gauge",style:{backgroundColor:t.value.style.chart.backgroundColor,gauge:{color:"#CCCCCC"}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:P},[e.renderSlot(a.$slots,"legend",{legend:k.value},void 0,!0)],512),a.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:O,dir:"auto"},[e.renderSlot(a.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],46,be))}},at=ge._export_sfc(tt,[["__scopeId","data-v-d85f8f4f"]]);exports.default=at;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-Bw9yF1Ws.cjs"),H=require("./useResponsive-DQmBAoBf.cjs"),Z=require("./usePrinter-O9uCoI6k.cjs"),he=require("./vue-ui-skeleton-1LYIEAgE.cjs"),me=require("./Title-DV4IpbZv.cjs"),J=require("./useNestedProp-CuyRUIUu.cjs"),fe=require("./PackageVersion-DkyZc28_.cjs"),ye=require("./PenAndPaper-DU2wA7cg.cjs"),pe=require("./useUserOptionState-BgepsfED.cjs"),ke=require("./useChartAccessibility-Cm7nkzTG.cjs"),ge=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),be=["id"],Be={key:0},Se=["xmlns","viewBox"],_e=["width","height"],xe=["id"],Ce=["stop-color"],we=["stop-color"],Ne=["stop-color"],Fe=["id"],Ee=["stdDeviation"],$e={key:1},ze=["d","fill","stroke"],Pe=["d","fill","stroke"],Oe=["d","fill"],Me=["id","d"],Ve=["fill","font-size","font-weight"],Ie=["href","startOffset"],Xe=["x","y","text-anchor","fill","font-size","font-weight"],Ae=["d","filter"],Ye=["stroke","stroke-width"],Re=["stroke","stroke-width"],Le=["stroke","stroke-width"],De=["stroke","stroke-width"],qe={key:8},Ge=["x","y","text-anchor","font-size","font-weight","fill"],je=["x","y","font-size","font-weight","fill"],Te={key:0},Ue=["x1","y1","x2","y2","stroke","stroke-width"],We=["x1","y1","x2","y2","stroke","stroke-width"],He=["x1","y1","x2","y2","stroke-width","filter"],Ze={key:1},Je=["d","fill","stroke","stroke-width"],Ke=["cx","cy","fill","r","stroke-width","stroke"],Qe=["x","y","font-size","fill"],et={key:5,class:"vue-data-ui-watermark"},tt={__name:"vue-ui-gauge",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(w,{expose:K}){const{vue_ui_gauge:Q}=s.useConfig(),c=w,S=e.computed(()=>!!c.dataset&&Object.keys(c.dataset).length>0&&c.dataset.series&&c.dataset.series.length),m=e.ref(s.createUid()),ee=e.ref(null),$=e.ref(0),_=e.ref(null),z=e.ref(null),P=e.ref(null),O=e.ref(null),M=e.ref(null),V=e.ref(0),t=e.computed({get:()=>Y(),set:a=>a}),{userOptionsVisible:N,setUserOptionsVisibility:I,keepUserOptionState:X}=pe.useUserOptionState({config:t.value}),{svgRef:A}=ke.useChartAccessibility({config:t.value.style.chart.title});e.watch(()=>c.config,a=>{t.value=Y(),N.value=!t.value.userOptions.showOnChartHover,j(),V.value+=1},{deep:!0});function Y(){const a=J.useNestedProp({userConfig:c.config,defaultConfig:Q});return a.theme?{...J.useNestedProp({userConfig:s.themes.vue_ui_gauge[a.theme]||c.config,defaultConfig:a}),customPalette:s.themePalettes[a.theme]||s.palette}:a}const{isPrinting:R,isImaging:L,generatePdf:D,generateImage:q}=Z.usePrinter({elementId:`vue-ui-gauge_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-gauge",options:t.value.userOptions.print}),te=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),ae=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),k=e.computed(()=>{if(!S.value||s.objectIsEmpty(c.dataset.series||{}))return{value:0,series:[{from:0,to:0}]};const a=[];(c.dataset.series||[]).forEach(r=>{a.push(r.from||1e-7),a.push(r.to||1e-7)});const n=Math.max(...a);return{...c.dataset,series:(c.dataset.series||[]).map((r,l)=>({...r,color:s.convertColorToHex(r.color)||ae.value[l]||s.palette[l],value:((r.to||0)-(r.from||0))/n*100}))}}),h=e.ref(512),o=e.ref({height:358.4,width:h.value,top:0,bottom:358.4,centerX:179.2,centerY:h.value/2,labelFontSize:18,legendFontSize:t.value.style.chart.legend.fontSize,pointerRadius:t.value.style.chart.layout.pointer.circle.radius,trackSize:t.value.style.chart.layout.track.size,pointerSize:t.value.style.chart.layout.pointer.size,pointerStrokeWidth:t.value.style.chart.layout.pointer.strokeWidth,markerOffset:t.value.style.chart.layout.markers.offsetY+3,segmentFontSize:t.value.style.chart.layout.segmentNames.fontSize}),b=e.ref(0),p=e.ref(0),d=e.ref(t.value.style.chart.animation.use?Math.min(...c.dataset.series.map(a=>a.from)):c.dataset.value);e.watch(()=>c.dataset.value,()=>{T(c.dataset.value)});const u=e.computed(()=>{const a=o.value.width/2,n=i.value.base,r=Math.PI*((d.value+0-p.value)/(b.value-p.value))+Math.PI;return{x1:a,y1:n,x2:a+i.value.pointerSize*o.value.pointerSize*.9*Math.cos(r),y2:n+i.value.pointerSize*o.value.pointerSize*.9*Math.sin(r)}}),G=e.computed(()=>{const a=o.value.width/2,n=i.value.base,r=Math.PI*((d.value+0-p.value)/(b.value-p.value))+Math.PI,l=a+i.value.pointerSize*o.value.pointerSize*.9*Math.cos(r),f=n+i.value.pointerSize*o.value.pointerSize*.9*Math.sin(r),y=o.value.pointerRadius,ie=a+y*Math.cos(r+Math.PI/2),ce=n+y*Math.sin(r+Math.PI/2),ve=a+y*Math.cos(r-Math.PI/2),de=n+y*Math.sin(r-Math.PI/2);return isNaN(l)?null:`M ${l},${f} ${ie},${ce} ${ve},${de} Z`}),F=e.computed(()=>{for(let a=0;a<k.value.series.length;a+=1){const{color:n,from:r,to:l}=k.value.series[a];if(d.value>=r&&d.value<=l)return n}return"#2D353C"}),x=e.ref(null);function j(){if(s.objectIsEmpty(c.dataset)?s.error({componentName:"VueUiGauge",type:"dataset"}):(s.getMissingDatasetAttributes({datasetObject:c.dataset,requiredAttributes:["value","series"]}).forEach(a=>{s.error({componentName:"VueUiGauge",type:"datasetAttribute",property:a})}),Object.hasOwn(c.dataset,"series")&&(c.dataset.series.length?c.dataset.series.forEach((a,n)=>{s.getMissingDatasetAttributes({datasetObject:a,requiredAttributes:["from","to"]}).forEach(r=>{s.error({componentName:"VueUiGauge",type:"datasetSerieAttribute",property:r,index:n})})}):s.error({componentName:"VueUiGauge",type:"datasetAttributeEmpty",property:"series"}))),T(c.dataset.value||0),t.value.responsive){const a=H.throttle(()=>{const{width:n,height:r}=H.useResponsive({chart:_.value,title:t.value.style.chart.title.text?z.value:null,legend:P.value,source:O.value,noTitle:M.value});requestAnimationFrame(()=>{o.value.width=n,o.value.height=r,o.value.centerX=n/2,o.value.centerY=h.value/2/358.4*r,o.value.bottom=r,o.value.labelFontSize=18/h.value*Math.min(r,n)<10?10:18/h.value*Math.min(r,n),o.value.legendFontSize=t.value.style.chart.legend.fontSize/h.value*Math.min(r,n)<14?14:t.value.style.chart.legend.fontSize/h.value*Math.min(r,n),o.value.pointerRadius=t.value.style.chart.layout.pointer.circle.radius/h.value*Math.min(r,n),o.value.trackSize=t.value.style.chart.layout.track.size/h.value*Math.min(r,n),o.value.pointerStrokeWidth=s.translateSize({relator:Math.min(n,r),adjuster:h.value,source:t.value.style.chart.layout.pointer.strokeWidth,threshold:2,fallback:2}),o.value.markerOffset=s.translateSize({relator:Math.max(n,r),adjuster:h.value,source:t.value.style.chart.layout.markers.offsetY+3,threshold:2,fallback:2}),o.value.segmentFontSize=s.translateSize({relator:Math.min(n,r),adjuster:h.value,source:t.value.style.chart.layout.segmentNames.fontSize,threshold:8,fallback:8})})});x.value=new ResizeObserver(a),x.value.observe(_.value.parentNode)}}e.onMounted(()=>{j()}),e.onBeforeUnmount(()=>{x.value&&x.value.disconnect()});function T(a){const n=[];(k.value.series||[]).forEach(y=>{n.push(y.from||0),n.push(y.to||0)}),b.value=Math.max(...n),p.value=Math.min(...n);let r=t.value.style.chart.animation.speed;const l=Math.abs(a-d.value)/(r*60);function f(){d.value<a?d.value=Math.min(d.value+l,a):d.value>a&&(d.value=Math.max(d.value-l,a)),d.value!==a&&requestAnimationFrame(f)}f()}const i=e.computed(()=>{const a=t.value.responsive?Math.min(o.value.width,o.value.height):o.value.width,n=2.5/t.value.style.chart.layout.radiusRatio;return{arcs:a/n,gradients:a/(n*1.1),base:t.value.responsive?o.value.height/2:o.value.height*.7,ratingBase:t.value.responsive?o.value.height/2+o.value.height/4:o.value.height*.9,pointerSize:t.value.responsive?Math.min(o.value.width,o.value.height)/3:o.value.width/3.2}}),v=e.computed(()=>s.makeDonut({series:k.value.series},o.value.width/2,i.value.base,i.value.arcs,i.value.arcs,1,1,1,180,109.9495,40*o.value.trackSize)),re=e.computed(()=>s.makeDonut({series:k.value.series},o.value.width/2,i.value.base,i.value.arcs*t.value.style.chart.layout.segmentNames.offsetRatio,i.value.arcs*t.value.style.chart.layout.segmentNames.offsetRatio,1,1,1,180,109.9495,40*o.value.trackSize)),g=e.computed(()=>v.value.map(a=>i.value.arcs*t.value.style.chart.layout.segmentNames.offsetRatio*(a.nameOffsetRatio||1))),U=e.computed(()=>{const{x:a,y:n}=s.offsetFromCenterPoint({initX:v.value[0].firstSeparator.x,initY:v.value[0].firstSeparator.y,centerX:u.value.x1,centerY:u.value.y1,offset:-t.value.style.chart.layout.segmentSeparators.offsetIn}),{x:r,y:l}=s.offsetFromCenterPoint({initX:v.value[0].startX,initY:v.value[0].startY,centerX:u.value.x1,centerY:u.value.y1,offset:t.value.style.chart.layout.segmentSeparators.offsetOut});return{x1:a,y1:n,x2:r,y2:l}}),W=e.computed(()=>v.value.map(a=>{const{x:n,y:r}=s.offsetFromCenterPoint({initX:a.separator.x,initY:a.separator.y,centerX:u.value.x1,centerY:u.value.y1,offset:-t.value.style.chart.layout.segmentSeparators.offsetIn}),{x:l,y:f}=s.offsetFromCenterPoint({initX:a.endX,initY:a.endY,centerX:u.value.x1,centerY:u.value.y1,offset:t.value.style.chart.layout.segmentSeparators.offsetOut});return{x1:n,y1:r,x2:l,y2:f}}));function oe(a){if(a.reduce((f,y)=>f+y,0)>100)throw new Error("Total % must not exceed 100");const r=50;let l=0;return a.map(f=>(l+=f,`${l/100*r-f/4}%`))}const le=e.computed(()=>oe(v.value.map(a=>a.proportion*100))),ne=e.computed(()=>s.makeDonut({series:k.value.series},o.value.width/2,i.value.base,i.value.gradients,i.value.gradients,.95,1,1,180,110.02,2*o.value.trackSize)),se=e.computed(()=>{const a=p.value>=0?-p.value:Math.abs(p.value);return s.createHalfCircleArc({radius:t.value.style.chart.layout.indicatorArc.radius*o.value.trackSize,centerX:o.value.width/2,centerY:i.value.base,percentage:(d.value+a)/(b.value+a)})}),B=e.ref(!1);function ue(a){B.value=a,$.value+=1}const C=e.ref(!1);function E(){C.value=!C.value}return K({generatePdf:D,generateImage:q,toggleAnnotator:E}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-gauge ${B.value?"vue-data-ui-wrapper-fullscreen":""}`),ref_key:"gaugeChart",ref:_,id:`vue-ui-gauge_${m.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive?"height: 100%":""}`),onMouseenter:n[0]||(n[0]=()=>e.unref(I)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref(I)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ye._sfc_main,{key:0,svgRef:e.unref(A),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:C.value,onClose:E},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),te.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:M,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:z,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(me._sfc_main,{key:`title_${V.value}`,config:{title:{cy:"gauge-div-title",...t.value.style.chart.title},subtitle:{cy:"gauge-div-subtitle",...t.value.style.chart.title.subtitle}}},{default:e.withCtx(()=>[t.value.translations.base&&w.dataset.base?(e.openBlock(),e.createElementBlock("span",Be,e.toDisplayString(t.value.translations.base)+": "+e.toDisplayString(w.dataset.base),1)):e.createCommentVNode("",!0)]),_:1},8,["config"]))],512)):e.createCommentVNode("",!0),t.value.userOptions.show&&S.value&&(e.unref(X)||e.unref(N))?(e.openBlock(),e.createBlock(Z.UserOptions,{ref_key:"details",ref:ee,key:`user_options_${$.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(L),isPrinting:e.unref(R),uid:m.value,hasXls:!1,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:B.value,titles:{...t.value.userOptions.buttonTitles},chartElement:_.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:C.value,onToggleFullscreen:ue,onGeneratePdf:e.unref(D),onGenerateImage:e.unref(q),onToggleAnnotator:E,style:e.normalizeStyle({visibility:e.unref(X)?e.unref(N)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:r,color:l})=>[e.renderSlot(a.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:r,color:l})),void 0,!0)]),key:"0"}:void 0,a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:r,isFullscreen:l})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:r,isFullscreen:l})),void 0,!0)]),key:"3"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:r,isAnnotator:l})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:r,isAnnotator:l})),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),S.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:A,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":B.value,"vue-data-ui-fulscreen--off":!B.value}),viewBox:`0 0 ${o.value.width<=0?10:o.value.width} ${o.value.height<=0?10:o.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:hidden !important;background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(fe._sfc_main),a.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:o.value.width<=0?10:o.value.width,height:o.value.height<=0?10:o.value.height,style:{pointerEvents:"none"}},[e.renderSlot(a.$slots,"chart-background",{},void 0,!0)],8,_e)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`gradient_${m.value}`,cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)("#FFFFFF",1)},null,8,Ce),e.createElementVNode("stop",{offset:"80%","stop-color":e.unref(s.setOpacity)("#FFFFFF",t.value.style.chart.layout.track.gradientIntensity)},null,8,we),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)("#FFFFFF",1)},null,8,Ne)],8,xe)]),e.createElementVNode("defs",null,[e.createElementVNode("filter",{id:`blur_${m.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:100/t.value.style.chart.layout.track.gradientIntensity},null,8,Ee)],8,Fe)]),a.$slots.pattern?(e.openBlock(),e.createElementBlock("g",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("defs",null,[e.renderSlot(a.$slots,"pattern",e.mergeProps({ref_for:!0},{seriesIndex:l,patternId:`pattern_${m.value}_${l}`}),void 0,!0)]))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("path",{key:`arc_${l}`,d:r.arcSlice,fill:r.color,stroke:t.value.style.chart.backgroundColor,"stroke-linecap":"round"},null,8,ze))),128)),a.$slots.pattern?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("path",{key:`arc_${l}`,d:r.arcSlice,fill:`url(#pattern_${m.value}_${l})`,stroke:t.value.style.chart.backgroundColor,"stroke-linecap":"round"},null,8,Pe))),128)):e.createCommentVNode("",!0),t.value.style.chart.layout.indicatorArc.show?(e.openBlock(),e.createElementBlock("path",{key:3,d:se.value,fill:t.value.style.chart.layout.indicatorArc.fill},null,8,Oe)):e.createCommentVNode("",!0),t.value.style.chart.layout.segmentNames.show&&t.value.style.chart.layout.segmentNames.curved?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("path",{id:`curve_${m.value}_${l}`,d:`M ${u.value.x1},${u.value.y1} m -${g.value[l]},0 a ${g.value[l]},${g.value[l]} 0 1,1 ${2*g.value[l]},0 a ${g.value[l]},${g.value[l]} 0 1,1 -${2*g.value[l]},0`,fill:"transparent"},null,8,Me))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("text",{fill:t.value.style.chart.layout.segmentNames.useSerieColor?r.color:t.value.style.chart.layout.segmentNames.color,"font-size":o.value.segmentFontSize,"font-weight":t.value.style.chart.layout.segmentNames.bold?"bold":"normal","text-anchor":"middle"},[e.createElementVNode("textPath",{href:`#curve_${m.value}_${l}`,startOffset:le.value[l]},e.toDisplayString(r.name||""),9,Ie)],8,Ve))),256))],64)):e.createCommentVNode("",!0),t.value.style.chart.layout.segmentNames.show&&!t.value.style.chart.layout.segmentNames.curved?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:5},e.renderList(re.value,(r,l)=>(e.openBlock(),e.createElementBlock("text",{x:r.center.endX,y:r.center.endY,"text-anchor":e.unref(s.calcMarkerOffsetX)(r,!1,12).anchor,fill:t.value.style.chart.layout.segmentNames.useSerieColor?r.color:t.value.style.chart.layout.segmentNames.color,"font-size":o.value.segmentFontSize,"font-weight":t.value.style.chart.layout.segmentNames.bold?"bold":"normal"},e.toDisplayString(r.name||""),9,Xe))),256)):e.createCommentVNode("",!0),t.value.style.chart.layout.track.useGradient?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:6},e.renderList(ne.value,(r,l)=>(e.openBlock(),e.createElementBlock("path",{key:`arc_${l}`,d:r.arcSlice,fill:"#FFFFFF",stroke:"none","stroke-linecap":"round",filter:`url(#blur_${m.value})`},null,8,Ae))),128)):e.createCommentVNode("",!0),t.value.style.chart.layout.segmentSeparators.show?(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[e.createElementVNode("line",e.mergeProps(U.value,{stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.layout.segmentSeparators.strokeWidth+2,"stroke-linecap":"round"}),null,16,Ye),e.createElementVNode("line",e.mergeProps(U.value,{stroke:t.value.style.chart.layout.segmentSeparators.stroke,"stroke-width":t.value.style.chart.layout.segmentSeparators.strokeWidth,"stroke-linecap":"round"}),null,16,Re),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(W.value,r=>(e.openBlock(),e.createElementBlock("line",e.mergeProps({ref_for:!0},r,{stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.layout.segmentSeparators.strokeWidth+2,"stroke-linecap":"round"}),null,16,Le))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(W.value,r=>(e.openBlock(),e.createElementBlock("line",e.mergeProps({ref_for:!0},r,{stroke:t.value.style.chart.layout.segmentSeparators.stroke,"stroke-width":t.value.style.chart.layout.segmentSeparators.strokeWidth,"stroke-linecap":"round"}),null,16,De))),256))],64)):e.createCommentVNode("",!0),t.value.style.chart.layout.markers.show?(e.openBlock(),e.createElementBlock("g",qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(r,l)=>(e.openBlock(),e.createElementBlock("text",{x:e.unref(s.offsetFromCenterPoint)({centerX:u.value.x1,centerY:i.value.base,initX:r.center.startX,initY:r.center.startY,offset:o.value.markerOffset}).x,y:e.unref(s.offsetFromCenterPoint)({centerX:u.value.x1,centerY:i.value.base,initX:r.center.startX,initY:r.center.startY,offset:o.value.markerOffset}).y,"text-anchor":r.center.startX<u.value.x1-5?"end":r.center.startX>u.value.x1+5?"start":"middle","font-size":o.value.labelFontSize*t.value.style.chart.layout.markers.fontSizeRatio,"font-weight":`${t.value.style.chart.layout.markers.bold?"bold":"normal"}`,fill:t.value.style.chart.layout.markers.color},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.layout.markers.formatter,r.from,e.unref(s.dataLabel)({p:t.value.style.chart.layout.markers.prefix,v:r.from,s:t.value.style.chart.layout.markers.suffix,r:t.value.style.chart.layout.markers.roundingValue}))),9,Ge))),256))])):e.createCommentVNode("",!0),t.value.style.chart.layout.markers.show?(e.openBlock(),e.createElementBlock("text",{key:9,x:e.unref(s.offsetFromCenterPoint)({centerX:o.value.width/2,centerY:i.value.base,initX:v.value.at(-1).endX,initY:v.value.at(-1).endY,offset:o.value.markerOffset}).x,y:e.unref(s.offsetFromCenterPoint)({centerX:o.value.width/2,centerY:i.value.base,initX:v.value.at(-1).endX,initY:v.value.at(-1).endY,offset:o.value.markerOffset}).y,"text-anchor":"start","font-size":o.value.labelFontSize*t.value.style.chart.layout.markers.fontSizeRatio,"font-weight":`${t.value.style.chart.layout.markers.bold?"bold":"normal"}`,fill:t.value.style.chart.layout.markers.color},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.layout.markers.formatter,b.value,e.unref(s.dataLabel)({p:t.value.style.chart.layout.markers.prefix,v:b.value,s:t.value.style.chart.layout.markers.suffix,r:t.value.style.chart.layout.markers.roundingValue}))),9,je)):e.createCommentVNode("",!0),t.value.style.chart.layout.pointer.show?(e.openBlock(),e.createElementBlock(e.Fragment,{key:10},[t.value.style.chart.layout.pointer.type==="rounded"?(e.openBlock(),e.createElementBlock("g",Te,[isNaN(u.value.x2)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("line",{key:0,x1:u.value.x1,y1:u.value.y1,x2:u.value.x2,y2:u.value.y2,stroke:t.value.style.chart.layout.pointer.stroke,"stroke-width":o.value.pointerStrokeWidth,"stroke-linecap":"round"},null,8,Ue)),isNaN(u.value.x2)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("line",{key:1,x1:u.value.x1,y1:u.value.y1,x2:u.value.x2,y2:u.value.y2,stroke:t.value.style.chart.layout.pointer.useRatingColor?F.value:t.value.style.chart.layout.pointer.color,"stroke-linecap":"round","stroke-width":o.value.pointerStrokeWidth*.7},null,8,We)),!isNaN(u.value.x2)&&t.value.style.chart.layout.track.useGradient?(e.openBlock(),e.createElementBlock("line",{key:2,x1:u.value.x1,y1:u.value.y1,x2:u.value.x2,y2:u.value.y2,stroke:"white","stroke-linecap":"round","stroke-width":o.value.pointerStrokeWidth*.3,filter:`url(#blur_${m.value})`},null,8,He)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("g",Ze,[G.value?(e.openBlock(),e.createElementBlock("path",{key:0,d:G.value,fill:t.value.style.chart.layout.pointer.useRatingColor?F.value:t.value.style.chart.layout.pointer.color,stroke:t.value.style.chart.layout.pointer.stroke,"stroke-width":t.value.style.chart.layout.pointer.circle.strokeWidth,"stroke-linejoin":"round"},null,8,Je)):e.createCommentVNode("",!0)])),e.createElementVNode("circle",{cx:o.value.width/2,cy:i.value.base,fill:t.value.style.chart.layout.pointer.circle.color,r:o.value.pointerRadius<=0?1e-4:o.value.pointerRadius,"stroke-width":t.value.style.chart.layout.pointer.circle.strokeWidth,stroke:t.value.style.chart.layout.pointer.circle.stroke},null,8,Ke)],64)):e.createCommentVNode("",!0),t.value.style.chart.legend.show?(e.openBlock(),e.createElementBlock("text",{key:11,x:o.value.width/2,y:i.value.ratingBase,"text-anchor":"middle","font-size":o.value.legendFontSize,"font-weight":"bold",fill:t.value.style.chart.legend.useRatingColor?F.value:t.value.style.chart.legend.color},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.legend.formatter,d.value,e.unref(s.dataLabel)({p:t.value.style.chart.legend.prefix+(t.value.style.chart.legend.showPlusSymbol&&d.value>0?"+":""),v:d.value,s:t.value.style.chart.legend.suffix,r:t.value.style.chart.legend.roundingValue}))),9,Qe)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:o.value},void 0,!0)],14,Se)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",et,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(R)||e.unref(L)})),void 0,!0)])):e.createCommentVNode("",!0),S.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(he.default,{key:6,config:{type:"gauge",style:{backgroundColor:t.value.style.chart.backgroundColor,gauge:{color:"#CCCCCC"}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:P},[e.renderSlot(a.$slots,"legend",{legend:k.value},void 0,!0)],512),a.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:O,dir:"auto"},[e.renderSlot(a.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],46,be))}},at=ge._export_sfc(tt,[["__scopeId","data-v-d85f8f4f"]]);exports.default=at;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-Bw9yF1Ws.cjs"),k=require("./useNestedProp-CuyRUIUu.cjs"),p=require("./PackageVersion-DkyZc28_.cjs"),g=["viewBox","width"],v={key:0},_=["id"],y=["stop-color"],N=["stop-color"],C=["stroke"],V=["stroke"],w=["width","fill"],x=["fill"],B={key:0},E=["id"],b=["stroke"],L=["stroke","stroke-dasharray","stroke-dashoffset"],z=["filter"],G=["stroke","stroke-dasharray","stroke-dashoffset"],F=["fill"],P={__name:"vue-ui-gizmo",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(i){const{vue_ui_gizmo:f}=a.useConfig(),o=i,n=e.ref(a.createUid()),h=e.useSlots();e.onMounted(()=>{c()}),e.onMounted(()=>{h["chart-background"]&&console.warn("VueUiGizmo does not support the #chart-background slot.")});function c(){!o.dataset&&o.dataset!==0&&a.error({componentName:"VueUiGizmo",type:"dataset"}),o.dataset<0&&console.warn("VueUiGizmo: dataset cannot be negative.")}const t=e.computed({get:()=>d(),set:s=>s});function d(){return k.useNestedProp({userConfig:o.config,defaultConfig:f})}e.watch(()=>o.config,s=>{t.value=d(),c()},{deep:!0});const u=e.computed(()=>({battery:{width:t.value.showPercentage?140:80,height:50},gauge:{width:80,height:80}})[t.value.type]),l=e.computed(()=>{const r=2*Math.PI*35,m=r-o.dataset/100*r;return{dasharray:`${r} ${r}`,dashoffset:m}});return(s,r)=>(e.openBlock(),e.createElementBlock("svg",{class:"vue-ui-gizmo",viewBox:`0 0 ${u.value.width} ${u.value.height}`,width:t.value.size,style:e.normalizeStyle({background:"transparent",fontFamily:t.value.fontFamily})},[e.createVNode(p._sfc_main),t.value.useGradient?(e.openBlock(),e.createElementBlock("defs",v,[e.createElementVNode("linearGradient",{id:`gizmo_gradient_${n.value}`,x1:"0%",x2:"100%",y1:"0%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.gradientColor},null,8,y),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.color},null,8,N)],8,_)])):e.createCommentVNode("",!0),t.value.type==="battery"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("path",{d:"M 5 10 L 5 40 C 5 43 7 45 9 45 L 65 45 C 68 45 70 43 70 40 L 70 38 C 73 38 75 38 75 33 L 75 17 C 75 12 73 12 70 12 L 70 10 C 70 7 68 5 65 5 L 10 5 C 7 5 5 7 5 10",stroke:t.value.stroke,"stroke-width":2,fill:"none"},null,8,C),e.createElementVNode("path",{d:"M 70 16 L 70 34",stroke:t.value.stroke,"stroke-width":2,fill:"none",style:{opacity:"0.5"}},null,8,V),e.createElementVNode("rect",{x:10,y:10,height:30,width:55*(i.dataset/100),fill:t.value.useGradient?`url(#gizmo_gradient_${n.value})`:t.value.color,rx:2},null,8,w),t.value.showPercentage?(e.openBlock(),e.createElementBlock("text",{key:0,x:85,y:32,"text-anchor":"start","font-size":"20",fill:t.value.textColor},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.formatter,o.dataset,e.unref(a.dataLabel)({v:o.dataset,s:"%"}))),9,x)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.type==="gauge"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.value.useGradient?(e.openBlock(),e.createElementBlock("defs",B,[e.createElementVNode("filter",{id:`blur_${n.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},r[0]||(r[0]=[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:1},null,-1)]),8,E)])):e.createCommentVNode("",!0),e.createElementVNode("circle",{cx:40,cy:40,r:35,stroke:t.value.stroke,"stroke-width":2*4,fill:"none"},null,8,b),e.createElementVNode("circle",{cx:40,cy:40,r:35,stroke:t.value.color,"stroke-width":2*4,"stroke-dasharray":l.value.dasharray,"stroke-dashoffset":l.value.dashoffset,"stroke-linecap":"round",fill:"none",style:{transform:"rotate(-90deg)","transform-origin":"50% 50%"}},null,8,L),t.value.useGradient?(e.openBlock(),e.createElementBlock("g",{key:1,filter:`url(#blur_${n.value})`},[e.createElementVNode("circle",{cx:40,cy:40,r:35,stroke:t.value.gradientColor,"stroke-width":1,fill:"none","stroke-dasharray":l.value.dasharray,"stroke-dashoffset":l.value.dashoffset,style:{transform:"rotate(-90deg)","transform-origin":"50% 50%"}},null,8,G)],8,z)):e.createCommentVNode("",!0),t.value.showPercentage?(e.openBlock(),e.createElementBlock("text",{key:2,x:40,y:47,"text-anchor":"middle","font-size":"20",fill:t.value.textColor},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.formatter,o.dataset,e.unref(a.dataLabel)({v:o.dataset,s:"%"}))),9,F)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],12,g))}};exports.default=P;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ref as b, useSlots as z, onMounted as g, computed as c, watch as G, createElementBlock as a, openBlock as s, normalizeStyle as L, createVNode as N, createCommentVNode as i, createElementVNode as t, Fragment as p, toDisplayString as y, unref as d } from "vue";
|
|
2
|
-
import { u as $, c as F, e as B, i as k, f as m } from "./index-
|
|
3
|
-
import { u as V } from "./useNestedProp-
|
|
4
|
-
import { _ as P } from "./PackageVersion-
|
|
2
|
+
import { u as $, c as F, e as B, i as k, f as m } from "./index-CeGGP5OF.js";
|
|
3
|
+
import { u as V } from "./useNestedProp-CD9pbB7F.js";
|
|
4
|
+
import { _ as P } from "./PackageVersion-DJo_CKR-.js";
|
|
5
5
|
const U = ["viewBox", "width"], D = { key: 0 }, I = ["id"], M = ["stop-color"], S = ["stop-color"], E = ["stroke"], O = ["stroke"], A = ["width", "fill"], j = ["fill"], T = { key: 0 }, q = ["id"], H = ["stroke"], J = ["stroke", "stroke-dasharray", "stroke-dashoffset"], K = ["filter"], Q = ["stroke", "stroke-dasharray", "stroke-dashoffset"], R = ["fill"], ee = {
|
|
6
6
|
__name: "vue-ui-gizmo",
|
|
7
7
|
props: {
|