vue-data-ui 2.17.0 → 2.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/README.md +2 -1
  2. package/dist/{Arrow-BAEkZGzL.js → Arrow-BDCVJzQB.js} +1 -1
  3. package/dist/{BaseDraggableDialog-ChCkcmj_.js → BaseDraggableDialog-BvuWrldK.js} +2 -2
  4. package/dist/{BaseIcon-naqtCxVi.js → BaseIcon-D9Tz8ARD.js} +1 -1
  5. package/dist/{ColorPicker-CfIPgxcj.js → ColorPicker-wGf46G2G.js} +2 -2
  6. package/dist/{DataTable-D0VYDhfx.js → DataTable-Dt-TIOyY.js} +2 -2
  7. package/dist/{Legend-Bxlv67uY.js → Legend-3LNqqLDg.js} +2 -2
  8. package/dist/{NonSvgPenAndPaper-b_oVy-Dd.js → NonSvgPenAndPaper-iDdMuUEo.js} +3 -3
  9. package/dist/{PackageVersion-5TR4ocqp.js → PackageVersion-C-4Ee8BQ.js} +1 -1
  10. package/dist/{PenAndPaper-D6AqipIO.js → PenAndPaper-Cde-wJ3N.js} +3 -3
  11. package/dist/{Shape-DtFT5EJa.js → Shape-C75836Jl.js} +1 -1
  12. package/dist/{Slicer-CL6-MRI6.js → Slicer-CpSu7plp.js} +2 -2
  13. package/dist/{SparkTooltip-Bcv1aoA5.js → SparkTooltip-B_GXa2tb.js} +1 -1
  14. package/dist/{Title-B-2bV0SW.js → Title-DpERl1yr.js} +1 -1
  15. package/dist/{Tooltip-CoQnTnr-.js → Tooltip-DA0bYKFG.js} +1 -1
  16. package/dist/{UserOptions-Dd34lEKb.js → UserOptions-DTEJ3UM_.js} +2 -2
  17. package/dist/{dom-to-png-2AA0wHlX.js → dom-to-png-DWDGYXFL.js} +1 -1
  18. package/dist/{img-Y_hYz-ZC.js → img-utitT2Gd.js} +1 -1
  19. package/dist/{index-pPGk-uhD.js → index-CobsZUkv.js} +22 -8
  20. package/dist/{pdf-yfk3d1is.js → pdf-DWZ8IB56.js} +1 -1
  21. package/dist/style.css +1 -1
  22. package/dist/types/vue-data-ui.d.cts +63 -160
  23. package/dist/types/vue-data-ui.d.ts +63 -160
  24. package/dist/{useNestedProp-DjACxgdZ.js → useNestedProp-BwL5wmVa.js} +1 -1
  25. package/dist/{usePrinter-DDHcrl0A.js → usePrinter-DPh6U_Qk.js} +2 -2
  26. package/dist/{vue-data-ui-CIWxgKjd.js → vue-data-ui-D7ZgRDQ_.js} +63 -63
  27. package/dist/vue-data-ui.js +1 -1
  28. package/dist/{vue-ui-3d-bar-D5Wpdqfk.js → vue-ui-3d-bar-ORUAjkg7.js} +41 -34
  29. package/dist/{vue-ui-accordion-CVnA550V.js → vue-ui-accordion-UewqY6OI.js} +3 -3
  30. package/dist/{vue-ui-age-pyramid-BuAl-zC5.js → vue-ui-age-pyramid-Yl4aRpNc.js} +134 -127
  31. package/dist/{vue-ui-annotator-gl2A20m3.js → vue-ui-annotator-B1gqiBqq.js} +2 -2
  32. package/dist/{vue-ui-bullet-D-VMKpwe.js → vue-ui-bullet-C307lCPt.js} +90 -83
  33. package/dist/{vue-ui-candlestick-1r6YwiUV.js → vue-ui-candlestick-BE6PcEdh.js} +101 -94
  34. package/dist/{vue-ui-carousel-table-B6UJoNtP.js → vue-ui-carousel-table-Cpvjr677.js} +4 -4
  35. package/dist/{vue-ui-chestnut-DnlBYpC5.js → vue-ui-chestnut-CUw74AgC.js} +270 -263
  36. package/dist/{vue-ui-chord-D3kpzYjp.js → vue-ui-chord-CCPGeAiY.js} +60 -53
  37. package/dist/{vue-ui-circle-pack-CHgdpoYu.js → vue-ui-circle-pack-dfyPiQmy.js} +121 -114
  38. package/dist/{vue-ui-cursor-63EAvElT.js → vue-ui-cursor-C2zmfeoD.js} +2 -2
  39. package/dist/{vue-ui-dashboard-Da6CPET-.js → vue-ui-dashboard-CotAqRbX.js} +62 -62
  40. package/dist/{vue-ui-digits-CA8pUKej.js → vue-ui-digits-7qJFCuoI.js} +2 -2
  41. package/dist/{vue-ui-donut-CKa7nFjt.js → vue-ui-donut-D41WeqQU.js} +244 -243
  42. package/dist/{vue-ui-donut-evolution-qeBEA4W8.js → vue-ui-donut-evolution-Deg0dsYg.js} +215 -211
  43. package/dist/{vue-ui-dumbbell-Bm0PvAKT.js → vue-ui-dumbbell-DDwNoTPG.js} +117 -110
  44. package/dist/{vue-ui-flow-C2dqXvrU.js → vue-ui-flow-6oR7IMyi.js} +105 -98
  45. package/dist/{vue-ui-funnel-Dvy5rRld.js → vue-ui-funnel-BnXtOJmh.js} +138 -131
  46. package/dist/{vue-ui-galaxy-Y8LYp5n2.js → vue-ui-galaxy-75XC8SpV.js} +150 -146
  47. package/dist/{vue-ui-gauge-BBo0jWAP.js → vue-ui-gauge-w31j915C.js} +125 -118
  48. package/dist/{vue-ui-gizmo-DjXfTOWn.js → vue-ui-gizmo-bZqk6oZS.js} +3 -3
  49. package/dist/{vue-ui-heatmap-BbxRpltP.js → vue-ui-heatmap-BfU62tMW.js} +155 -148
  50. package/dist/{vue-ui-history-plot-ChYf3Nvc.js → vue-ui-history-plot-CFfco-Yj.js} +141 -134
  51. package/dist/{vue-ui-kpi-Vfc5-JnE.js → vue-ui-kpi-DaJ1U3wf.js} +3 -3
  52. package/dist/{vue-ui-mini-loader-C0-Nsz8K.js → vue-ui-mini-loader-CF_2jAI8.js} +2 -2
  53. package/dist/{vue-ui-molecule-B7Yu7vzF.js → vue-ui-molecule-Tdk3Gd8M.js} +141 -134
  54. package/dist/{vue-ui-mood-radar-C8JUTwNw.js → vue-ui-mood-radar-Dg5wS7W5.js} +126 -119
  55. package/dist/{vue-ui-nested-donuts-D0RgFifU.js → vue-ui-nested-donuts-CpRe0sQB.js} +244 -244
  56. package/dist/{vue-ui-onion-D4U7TL_N.js → vue-ui-onion-B8o4ft2v.js} +88 -81
  57. package/dist/{vue-ui-parallel-coordinate-plot-CXMT7Rjr.js → vue-ui-parallel-coordinate-plot-zW-CNqWC.js} +123 -116
  58. package/dist/{vue-ui-quadrant-B13pTVVZ.js → vue-ui-quadrant-DiRtZ16w.js} +151 -144
  59. package/dist/{vue-ui-quick-chart-C0UL4o63.js → vue-ui-quick-chart-BRlYC_yT.js} +39 -32
  60. package/dist/{vue-ui-radar-XpdiXnhz.js → vue-ui-radar-DKgX1Ibx.js} +58 -51
  61. package/dist/{vue-ui-rating-CM8ZrUb1.js → vue-ui-rating-DlklKr-X.js} +2 -2
  62. package/dist/{vue-ui-relation-circle-CYoFNekk.js → vue-ui-relation-circle-MHiAp8dC.js} +127 -120
  63. package/dist/{vue-ui-ridgeline-QUquE6ck.js → vue-ui-ridgeline-DA8verAe.js} +98 -91
  64. package/dist/{vue-ui-rings-DwT0IfOh.js → vue-ui-rings-Dh6lFqun.js} +208 -204
  65. package/dist/{vue-ui-scatter-zDpy1udm.js → vue-ui-scatter-CLC5sTOi.js} +172 -165
  66. package/dist/{vue-ui-skeleton-DJPjyNYn.js → vue-ui-skeleton-8s4xts8z.js} +3 -3
  67. package/dist/{vue-ui-smiley-DoDXl6k0.js → vue-ui-smiley-utuzw8uI.js} +2 -2
  68. package/dist/{vue-ui-spark-trend-CniV6Cpr.js → vue-ui-spark-trend-BODEqGRr.js} +3 -3
  69. package/dist/{vue-ui-sparkbar-Ds2ITgwn.js → vue-ui-sparkbar-B8MB-kn9.js} +3 -3
  70. package/dist/{vue-ui-sparkgauge-CosfK-kw.js → vue-ui-sparkgauge-CuD7kTS3.js} +3 -3
  71. package/dist/{vue-ui-sparkhistogram-C7O1wPAJ.js → vue-ui-sparkhistogram-BYJszvna.js} +4 -4
  72. package/dist/{vue-ui-sparkline-B_iUj3F2.js → vue-ui-sparkline-D77GyWzG.js} +3 -3
  73. package/dist/{vue-ui-sparkstackbar-DBhWrysr.js → vue-ui-sparkstackbar-DNb1yD64.js} +3 -3
  74. package/dist/{vue-ui-stackbar-C3aV4IcL.js → vue-ui-stackbar-C6rjCYDD.js} +61 -54
  75. package/dist/{vue-ui-strip-plot-Bvr1GAzH.js → vue-ui-strip-plot-B6cYojHQ.js} +116 -109
  76. package/dist/{vue-ui-table-DQKKRgyo.js → vue-ui-table-IC7SmWVd.js} +3 -3
  77. package/dist/{vue-ui-table-heatmap-Dyqj5XJC.js → vue-ui-table-heatmap-DHFpJMpA.js} +5 -5
  78. package/dist/{vue-ui-table-sparkline-D4RubyLj.js → vue-ui-table-sparkline-D7wz-sCj.js} +4 -4
  79. package/dist/{vue-ui-thermometer-B0FKI5cG.js → vue-ui-thermometer-D-oiVT3n.js} +88 -81
  80. package/dist/{vue-ui-timer-DUCBRIl-.js → vue-ui-timer-C9jVyX5l.js} +5 -5
  81. package/dist/{vue-ui-tiremarks-CRt4UQZD.js → vue-ui-tiremarks-B1bM9Aoo.js} +127 -120
  82. package/dist/vue-ui-treemap-DX48YlU5.js +965 -0
  83. package/dist/{vue-ui-vertical-bar-C5fPYltO.js → vue-ui-vertical-bar-6SjKPQWR.js} +233 -226
  84. package/dist/{vue-ui-waffle-BpWLlfpg.js → vue-ui-waffle-CYao9MMw.js} +183 -179
  85. package/dist/{vue-ui-wheel-CTzuCroy.js → vue-ui-wheel-USuDhMwW.js} +121 -114
  86. package/dist/{vue-ui-word-cloud-BPokdaP1.js → vue-ui-word-cloud-TOBTs7yF.js} +152 -145
  87. package/dist/{vue-ui-world-CS6k-oil.js → vue-ui-world-C2qikqBa.js} +77 -70
  88. package/dist/{vue-ui-xy-CQ425kLR.js → vue-ui-xy-DxwgKoO-.js} +229 -222
  89. package/dist/{vue-ui-xy-canvas-D2IFwAr7.js → vue-ui-xy-canvas-N69OpVn8.js} +154 -147
  90. package/package.json +1 -1
  91. package/dist/vue-ui-treemap-CWP5nYDx.js +0 -961
@@ -1,7 +1,7 @@
1
1
  import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
2
- import { u as ye } from "./useNestedProp-DjACxgdZ.js";
3
- import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a6 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-pPGk-uhD.js";
4
- import { u as je } from "./usePrinter-DDHcrl0A.js";
2
+ import { u as ye } from "./useNestedProp-BwL5wmVa.js";
3
+ import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a6 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-CobsZUkv.js";
4
+ import { u as je } from "./usePrinter-DPh6U_Qk.js";
5
5
  import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
6
6
  import { v as tt } from "./vClickOutside-C6WiFswA.js";
7
7
  import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -43,7 +43,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
43
43
  Fe((t) => ({
44
44
  "3f28d054": t.tdo
45
45
  }));
46
- const Ce = J(() => import("./vue-ui-sparkline-B_iUj3F2.js")), N = J(() => import("./BaseIcon-naqtCxVi.js")), xe = J(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
46
+ const Ce = J(() => import("./vue-ui-sparkline-D77GyWzG.js")), N = J(() => import("./BaseIcon-D9Tz8ARD.js")), xe = J(() => import("./UserOptions-DTEJ3UM_.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
47
47
  me(() => {
48
48
  Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
49
49
  });
@@ -1,11 +1,11 @@
1
- import { useCssVars as $e, computed as d, defineAsyncComponent as O, onMounted as Pe, ref as p, watch as Fe, createElementBlock as u, openBlock as l, unref as i, normalizeStyle as oe, normalizeClass as I, createBlock as A, createCommentVNode as c, createSlots as Oe, withCtx as x, renderSlot as f, normalizeProps as S, guardReactiveProps as M, createVNode as Ie, createElementVNode as v, Fragment as U, renderList as ae, toDisplayString as Ae } from "vue";
2
- import { u as Se, o as Me, e as le, g as Ue, c as Ye, t as Ne, p as w, a as Te, b as Ve, v as g, d as Y, X as qe, s as Le, i as Ee, f as Ge } from "./index-pPGk-uhD.js";
3
- import { u as re } from "./useNestedProp-DjACxgdZ.js";
4
- import { u as We } from "./usePrinter-DDHcrl0A.js";
5
- import { u as je } from "./useUserOptionState-BIvW1Kz7.js";
6
- import { u as ze } from "./useChartAccessibility-9icAAmYg.js";
7
- import Be from "./Title-B-2bV0SW.js";
8
- import Re from "./img-Y_hYz-ZC.js";
1
+ import { useCssVars as $e, computed as d, defineAsyncComponent as A, onMounted as Pe, ref as p, watch as Fe, createElementBlock as u, openBlock as l, unref as i, normalizeStyle as oe, normalizeClass as S, createBlock as M, createCommentVNode as c, createSlots as Oe, withCtx as C, renderSlot as f, normalizeProps as U, guardReactiveProps as Y, createVNode as Ie, createElementVNode as v, Fragment as N, renderList as ae, toDisplayString as Ae } from "vue";
2
+ import { u as Se, o as Me, e as le, g as Ue, c as Ye, t as Ne, p as $, a as Te, b as Ve, v as g, d as T, X as qe, s as Le, i as Ee, f as Ge } from "./index-CobsZUkv.js";
3
+ import { u as re } from "./useNestedProp-BwL5wmVa.js";
4
+ import { u as We } from "./usePrinter-DPh6U_Qk.js";
5
+ import { u as Be } from "./useUserOptionState-BIvW1Kz7.js";
6
+ import { u as Re } from "./useChartAccessibility-9icAAmYg.js";
7
+ import je from "./Title-DpERl1yr.js";
8
+ import ze from "./img-utitT2Gd.js";
9
9
  import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
10
10
  const He = ["id"], Xe = {
11
11
  key: 1,
@@ -41,17 +41,17 @@ const He = ["id"], Xe = {
41
41
  }
42
42
  }
43
43
  },
44
- setup(_, { expose: ne }) {
44
+ setup(P, { expose: ne }) {
45
45
  $e((s) => ({
46
- "27cf4cf6": me.value,
47
- f8d740ae: pe.value,
48
- "22506a54": ge.value
46
+ "38d215d0": me.value,
47
+ "63dba684": pe.value,
48
+ "2b1fd92b": ge.value
49
49
  }));
50
- const ue = O(() => import("./PackageVersion-5TR4ocqp.js")), ie = O(() => import("./PenAndPaper-D6AqipIO.js")), ce = O(() => import("./vue-ui-skeleton-DJPjyNYn.js")), he = O(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_thermometer: de } = Se(), r = _, N = d(() => !!r.dataset && Object.keys(r.dataset).length);
50
+ const ue = A(() => import("./PackageVersion-C-4Ee8BQ.js")), ie = A(() => import("./PenAndPaper-Cde-wJ3N.js")), ce = A(() => import("./vue-ui-skeleton-8s4xts8z.js")), he = A(() => import("./UserOptions-DTEJ3UM_.js")), { vue_ui_thermometer: de } = Se(), r = P, V = d(() => !!r.dataset && Object.keys(r.dataset).length);
51
51
  Pe(() => {
52
- j();
52
+ B();
53
53
  });
54
- function j() {
54
+ function B() {
55
55
  Me(r.dataset) ? le({
56
56
  componentName: "VueUiThermometer",
57
57
  type: "dataset"
@@ -66,10 +66,10 @@ const He = ["id"], Xe = {
66
66
  });
67
67
  });
68
68
  }
69
- const m = p(Ye()), C = p(null), z = p(0), B = p(0), e = d({
69
+ const m = p(Ye()), k = p(null), R = p(0), j = p(0), e = d({
70
70
  get: () => X(),
71
71
  set: (s) => s
72
- }), { userOptionsVisible: T, setUserOptionsVisibility: R, keepUserOptionState: D } = je({ config: e.value }), { svgRef: H } = ze({ config: e.value.style.title });
72
+ }), { userOptionsVisible: q, setUserOptionsVisibility: z, keepUserOptionState: D } = Be({ config: e.value }), { svgRef: H } = Re({ config: e.value.style.title });
73
73
  function X() {
74
74
  const s = re({
75
75
  userConfig: r.config,
@@ -80,26 +80,26 @@ const He = ["id"], Xe = {
80
80
  userConfig: Te.vue_ui_thermometer[s.theme] || r.config,
81
81
  defaultConfig: s
82
82
  }),
83
- customPalette: Ne[s.theme] || w
83
+ customPalette: Ne[s.theme] || $
84
84
  } : s;
85
85
  }
86
86
  Fe(() => r.config, (s) => {
87
- e.value = X(), T.value = !e.value.userOptions.showOnChartHover, j(), B.value += 1;
87
+ e.value = X(), q.value = !e.value.userOptions.showOnChartHover, B(), j.value += 1;
88
88
  }, { deep: !0 });
89
89
  const { isPrinting: J, isImaging: K, generatePdf: Q, generateImage: Z } = We({
90
90
  elementId: `thermometer__${m.value}`,
91
91
  fileName: e.value.style.title.text || "vue-ui-thermometer",
92
92
  options: e.value.userOptions.print
93
- }), ve = d(() => e.value.userOptions.show && !e.value.style.title.text), $ = d(() => Ve(e.value.customPalette)), ye = d(() => e.value.style.chart.thermometer.width), y = d(() => r.dataset.steps || 10), h = p({
93
+ }), ve = d(() => e.value.userOptions.show && !e.value.style.title.text), F = d(() => Ve(e.value.customPalette)), ye = d(() => e.value.style.chart.thermometer.width), y = d(() => r.dataset.steps || 10), h = p({
94
94
  top: e.value.style.chart.padding.top,
95
95
  left: e.value.style.chart.padding.left,
96
96
  right: e.value.style.chart.padding.right,
97
97
  bottom: e.value.style.chart.padding.bottom
98
98
  });
99
- function P(s, a, t) {
100
- const n = [], G = ee(s), W = ee(a);
101
- for (let b = 0; b < t; b++) {
102
- const xe = V(G.red, W.red, b, t), we = V(G.green, W.green, b, t), _e = V(G.blue, W.blue, b, t), Ce = `#${q(xe)}${q(we)}${q(_e)}`;
99
+ function O(s, a, t) {
100
+ const n = [], x = ee(s), w = ee(a);
101
+ for (let _ = 0; _ < t; _++) {
102
+ const xe = L(x.red, w.red, _, t), we = L(x.green, w.green, _, t), _e = L(x.blue, w.blue, _, t), Ce = `#${E(xe)}${E(we)}${E(_e)}`;
103
103
  n.push(Ce);
104
104
  }
105
105
  return n;
@@ -112,10 +112,10 @@ const He = ["id"], Xe = {
112
112
  blue: parseInt(a.slice(4, 6), 16)
113
113
  };
114
114
  }
115
- function V(s, a, t, n) {
115
+ function L(s, a, t, n) {
116
116
  return Math.round(s + (a - s) * t / n);
117
117
  }
118
- function q(s) {
118
+ function E(s) {
119
119
  return s.toString(16).padStart(2, "0");
120
120
  }
121
121
  const o = d(() => {
@@ -128,19 +128,19 @@ const He = ["id"], Xe = {
128
128
  bottom: a - h.value.bottom,
129
129
  height: a
130
130
  };
131
- }), fe = d(() => o.value), L = d(() => {
131
+ }), fe = d(() => o.value), G = d(() => {
132
132
  const s = g(r.dataset.from) < 0 ? Math.abs(g(r.dataset.from)) : g(r.dataset.from), a = g(r.dataset.to) < 0 ? Math.abs(g(r.dataset.to)) : g(r.dataset.to);
133
133
  let t = 0;
134
134
  return g(r.dataset.to) > 0 ? t = s + a : s > a ? t = s - a : t = a - s, (1 - (Math.abs(g(r.dataset.from)) + g(r.dataset.value)) / t) * (o.value.height - h.value.top - h.value.bottom);
135
- }), ge = d(() => `${L.value}px`), pe = d(() => `${o.value.height - e.value.style.chart.padding.bottom - h.value.top}px`), me = d(() => `${e.value.style.chart.animation.speedMs}ms`), ke = d(() => {
135
+ }), ge = d(() => `${G.value}px`), pe = d(() => `${o.value.height - e.value.style.chart.padding.bottom - h.value.top}px`), me = d(() => `${e.value.style.chart.animation.speedMs}ms`), ke = d(() => {
136
136
  if (r.dataset.colors) {
137
137
  if (!r.dataset.colors.from)
138
- return P($.value[0] || w[0], Y(r.dataset.colors.to), y.value || 10);
138
+ return O(F.value[0] || $[0], T(r.dataset.colors.to), y.value || 10);
139
139
  if (!r.dataset.colors.to)
140
- return P(Y(r.dataset.colors.from), $.value[1] || w[1], y.value || 10);
140
+ return O(T(r.dataset.colors.from), F.value[1] || $[1], y.value || 10);
141
141
  } else
142
- return P($.value[1] || w[1], $.value[0] || w[0], y.value || 10);
143
- return P(Y(r.dataset.colors.from), Y(r.dataset.colors.to), y.value || 10);
142
+ return O(F.value[1] || $[1], F.value[0] || $[0], y.value || 10);
143
+ return O(T(r.dataset.colors.from), T(r.dataset.colors.to), y.value || 10);
144
144
  }), te = d(() => {
145
145
  const s = [];
146
146
  let a = 0;
@@ -156,46 +156,53 @@ const He = ["id"], Xe = {
156
156
  height: t / y.value
157
157
  }), a += 1;
158
158
  return s;
159
- }), k = p(!1);
159
+ }), b = p(!1);
160
160
  function se(s) {
161
- k.value = s, z.value += 1;
161
+ b.value = s, R.value += 1;
162
162
  }
163
- const F = p(!1);
164
- function E() {
165
- F.value = !F.value;
163
+ const I = p(!1);
164
+ function W() {
165
+ I.value = !I.value;
166
166
  }
167
167
  async function be({ scale: s = 2 } = {}) {
168
- if (!C.value) return;
169
- const { imageUri: a, base64: t } = await Re({ domElement: C.value, base64: !0, img: !0, scale: s });
170
- return { imageUri: a, base64: t };
168
+ if (!k.value) return;
169
+ const { width: a, height: t } = k.value.getBoundingClientRect(), n = a / t, { imageUri: x, base64: w } = await ze({ domElement: k.value, base64: !0, img: !0, scale: s });
170
+ return {
171
+ imageUri: x,
172
+ base64: w,
173
+ title: e.value.style.title.text,
174
+ width: a,
175
+ height: t,
176
+ aspectRatio: n
177
+ };
171
178
  }
172
179
  return ne({
173
180
  getImage: be,
174
181
  generatePdf: Q,
175
182
  generateImage: Z,
176
- toggleAnnotator: E,
183
+ toggleAnnotator: W,
177
184
  toggleFullscreen: se
178
185
  }), (s, a) => (l(), u("div", {
179
186
  ref_key: "thermoChart",
180
- ref: C,
181
- class: I(`vue-ui-thermometer ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
187
+ ref: k,
188
+ class: S(`vue-ui-thermometer ${b.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
182
189
  style: oe(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
183
190
  id: `thermometer__${m.value}`,
184
- onMouseenter: a[0] || (a[0] = () => i(R)(!0)),
185
- onMouseleave: a[1] || (a[1] = () => i(R)(!1))
191
+ onMouseenter: a[0] || (a[0] = () => i(z)(!0)),
192
+ onMouseleave: a[1] || (a[1] = () => i(z)(!1))
186
193
  }, [
187
- e.value.userOptions.buttons.annotator ? (l(), A(i(ie), {
194
+ e.value.userOptions.buttons.annotator ? (l(), M(i(ie), {
188
195
  key: 0,
189
196
  svgRef: i(H),
190
197
  backgroundColor: e.value.style.chart.backgroundColor,
191
198
  color: e.value.style.chart.color,
192
- active: F.value,
193
- onClose: E
199
+ active: I.value,
200
+ onClose: W
194
201
  }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
195
202
  ve.value ? (l(), u("div", Xe, null, 512)) : c("", !0),
196
203
  e.value.style.title.text ? (l(), u("div", Je, [
197
- (l(), A(Be, {
198
- key: `title_${B.value}`,
204
+ (l(), M(je, {
205
+ key: `title_${j.value}`,
199
206
  config: {
200
207
  title: {
201
208
  cy: "thermometer-div-title",
@@ -208,9 +215,9 @@ const He = ["id"], Xe = {
208
215
  }
209
216
  }, null, 8, ["config"]))
210
217
  ])) : c("", !0),
211
- e.value.userOptions.show && N.value && (i(D) || i(T)) ? (l(), A(i(he), {
218
+ e.value.userOptions.show && V.value && (i(D) || i(q)) ? (l(), M(i(he), {
212
219
  ref: "details",
213
- key: `user_options_${z.value}`,
220
+ key: `user_options_${R.value}`,
214
221
  backgroundColor: e.value.style.chart.backgroundColor,
215
222
  color: e.value.style.chart.color,
216
223
  isImaging: i(K),
@@ -220,64 +227,64 @@ const He = ["id"], Xe = {
220
227
  hasImg: e.value.userOptions.buttons.img,
221
228
  hasFullscreen: e.value.userOptions.buttons.fullscreen,
222
229
  hasXls: !1,
223
- isFullscreen: k.value,
230
+ isFullscreen: b.value,
224
231
  titles: { ...e.value.userOptions.buttonTitles },
225
- chartElement: C.value,
232
+ chartElement: k.value,
226
233
  position: e.value.userOptions.position,
227
234
  hasAnnotator: e.value.userOptions.buttons.annotator,
228
- isAnnotation: F.value,
235
+ isAnnotation: I.value,
229
236
  callbacks: e.value.userOptions.callbacks,
230
237
  printScale: e.value.userOptions.print.scale,
231
238
  onToggleFullscreen: se,
232
239
  onGeneratePdf: i(Q),
233
240
  onGenerateImage: i(Z),
234
- onToggleAnnotator: E,
241
+ onToggleAnnotator: W,
235
242
  style: oe({
236
- visibility: i(D) ? i(T) ? "visible" : "hidden" : "visible"
243
+ visibility: i(D) ? i(q) ? "visible" : "hidden" : "visible"
237
244
  })
238
245
  }, Oe({ _: 2 }, [
239
246
  s.$slots.menuIcon ? {
240
247
  name: "menuIcon",
241
- fn: x(({ isOpen: t, color: n }) => [
242
- f(s.$slots, "menuIcon", S(M({ isOpen: t, color: n })), void 0, !0)
248
+ fn: C(({ isOpen: t, color: n }) => [
249
+ f(s.$slots, "menuIcon", U(Y({ isOpen: t, color: n })), void 0, !0)
243
250
  ]),
244
251
  key: "0"
245
252
  } : void 0,
246
253
  s.$slots.optionPdf ? {
247
254
  name: "optionPdf",
248
- fn: x(() => [
255
+ fn: C(() => [
249
256
  f(s.$slots, "optionPdf", {}, void 0, !0)
250
257
  ]),
251
258
  key: "1"
252
259
  } : void 0,
253
260
  s.$slots.optionImg ? {
254
261
  name: "optionImg",
255
- fn: x(() => [
262
+ fn: C(() => [
256
263
  f(s.$slots, "optionImg", {}, void 0, !0)
257
264
  ]),
258
265
  key: "2"
259
266
  } : void 0,
260
267
  s.$slots.optionFullscreen ? {
261
268
  name: "optionFullscreen",
262
- fn: x(({ toggleFullscreen: t, isFullscreen: n }) => [
263
- f(s.$slots, "optionFullscreen", S(M({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
269
+ fn: C(({ toggleFullscreen: t, isFullscreen: n }) => [
270
+ f(s.$slots, "optionFullscreen", U(Y({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
264
271
  ]),
265
272
  key: "3"
266
273
  } : void 0,
267
274
  s.$slots.optionAnnotator ? {
268
275
  name: "optionAnnotator",
269
- fn: x(({ toggleAnnotator: t, isAnnotator: n }) => [
270
- f(s.$slots, "optionAnnotator", S(M({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
276
+ fn: C(({ toggleAnnotator: t, isAnnotator: n }) => [
277
+ f(s.$slots, "optionAnnotator", U(Y({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
271
278
  ]),
272
279
  key: "4"
273
280
  } : void 0
274
281
  ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
275
- N.value ? (l(), u("svg", {
282
+ V.value ? (l(), u("svg", {
276
283
  key: 4,
277
284
  ref_key: "svgRef",
278
285
  ref: H,
279
286
  xmlns: i(qe),
280
- class: I({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value }),
287
+ class: S({ "vue-data-ui-fullscreen--on": b.value, "vue-data-ui-fulscreen--off": !b.value }),
281
288
  width: "100%",
282
289
  viewBox: `0 0 ${o.value.width} ${o.value.height}`,
283
290
  style: "background:transparent"
@@ -307,7 +314,7 @@ const He = ["id"], Xe = {
307
314
  fill: e.value.style.chart.backgroundColor
308
315
  }, null, 8, et)
309
316
  ]),
310
- (l(!0), u(U, null, ae(te.value, (t, n) => (l(), u("linearGradient", {
317
+ (l(!0), u(N, null, ae(te.value, (t, n) => (l(), u("linearGradient", {
311
318
  id: `vueUiThermometerGradient_${n}_${m.value}`,
312
319
  x1: "0%",
313
320
  y1: "0%",
@@ -336,7 +343,7 @@ const He = ["id"], Xe = {
336
343
  width: o.value.width - h.value.left - h.value.right,
337
344
  fill: "#FFFFFF"
338
345
  }, null, 8, rt),
339
- (l(!0), u(U, null, ae(te.value, (t, n) => (l(), u("g", {
346
+ (l(!0), u(N, null, ae(te.value, (t, n) => (l(), u("g", {
340
347
  key: `graduation_${n}`
341
348
  }, [
342
349
  v("rect", {
@@ -357,7 +364,7 @@ const He = ["id"], Xe = {
357
364
  stroke: e.value.style.chart.graduations.stroke,
358
365
  "stroke-linecap": "round"
359
366
  }, null, 8, ut)) : c("", !0),
360
- e.value.style.chart.graduations.showIntermediate ? (l(), u(U, { key: 1 }, [
367
+ e.value.style.chart.graduations.showIntermediate ? (l(), u(N, { key: 1 }, [
361
368
  e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
362
369
  key: 0,
363
370
  x1: t.x,
@@ -399,7 +406,7 @@ const He = ["id"], Xe = {
399
406
  stroke: e.value.style.chart.graduations.stroke,
400
407
  "stroke-linecap": "round"
401
408
  }, null, 8, dt)) : c("", !0),
402
- e.value.style.chart.graduations.showIntermediate ? (l(), u(U, { key: 3 }, [
409
+ e.value.style.chart.graduations.showIntermediate ? (l(), u(N, { key: 3 }, [
403
410
  e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
404
411
  key: 0,
405
412
  x1: o.value.right,
@@ -433,17 +440,17 @@ const He = ["id"], Xe = {
433
440
  ], 64)) : c("", !0)
434
441
  ]))), 128)),
435
442
  v("rect", {
436
- class: I({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
443
+ class: S({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
437
444
  x: o.value.left,
438
445
  y: o.value.top,
439
- height: L.value,
446
+ height: G.value,
440
447
  width: o.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
441
448
  fill: "#FFFFFF66"
442
449
  }, null, 10, gt)
443
450
  ]),
444
451
  v("text", {
445
- class: I({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
446
- y: L.value + o.value.top + e.value.style.chart.label.fontSize / 3,
452
+ class: S({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
453
+ y: G.value + o.value.top + e.value.style.chart.label.fontSize / 3,
447
454
  x: o.value.left - 10,
448
455
  "text-anchor": "end",
449
456
  fill: e.value.style.chart.label.color,
@@ -451,24 +458,24 @@ const He = ["id"], Xe = {
451
458
  "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
452
459
  }, Ae(i(Ee)(
453
460
  e.value.style.chart.label.formatter,
454
- _.dataset.value,
461
+ P.dataset.value,
455
462
  i(Ge)({
456
463
  p: e.value.style.chart.label.prefix,
457
- v: _.dataset.value,
464
+ v: P.dataset.value,
458
465
  s: e.value.style.chart.label.suffix,
459
466
  r: e.value.style.chart.label.rounding
460
467
  }),
461
- { datapoint: _.dataset }
468
+ { datapoint: P.dataset }
462
469
  )), 11, pt),
463
470
  f(s.$slots, "svg", { svg: fe.value }, void 0, !0)
464
471
  ], 10, Ke)) : c("", !0),
465
472
  s.$slots.watermark ? (l(), u("div", mt, [
466
- f(s.$slots, "watermark", S(M({ isPrinting: i(J) || i(K) })), void 0, !0)
473
+ f(s.$slots, "watermark", U(Y({ isPrinting: i(J) || i(K) })), void 0, !0)
467
474
  ])) : c("", !0),
468
475
  s.$slots.source ? (l(), u("div", kt, [
469
476
  f(s.$slots, "source", {}, void 0, !0)
470
477
  ], 512)) : c("", !0),
471
- N.value ? c("", !0) : (l(), A(i(ce), {
478
+ V.value ? c("", !0) : (l(), M(i(ce), {
472
479
  key: 7,
473
480
  config: {
474
481
  type: "thermometer",
@@ -482,7 +489,7 @@ const He = ["id"], Xe = {
482
489
  }, null, 8, ["config"]))
483
490
  ], 46, He));
484
491
  }
485
- }, At = /* @__PURE__ */ De(bt, [["__scopeId", "data-v-7395d942"]]);
492
+ }, At = /* @__PURE__ */ De(bt, [["__scopeId", "data-v-23a64796"]]);
486
493
  export {
487
494
  At as default
488
495
  };
@@ -1,10 +1,10 @@
1
1
  import { defineAsyncComponent as se, ref as v, shallowRef as K, onMounted as le, computed as F, onBeforeUnmount as oe, watch as re, createElementBlock as r, openBlock as l, normalizeStyle as w, createCommentVNode as d, createElementVNode as M, createBlock as ue, unref as Q, createVNode as T, renderSlot as H, mergeProps as Y, normalizeProps as V, guardReactiveProps as G, toDisplayString as ie } from "vue";
2
- import { u as ne } from "./useNestedProp-DjACxgdZ.js";
3
- import { u as ce, c as ve, X as de, E as X } from "./index-pPGk-uhD.js";
2
+ import { u as ne } from "./useNestedProp-BwL5wmVa.js";
3
+ import { u as ce, c as ve, X as de, E as X } from "./index-CobsZUkv.js";
4
4
  import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
5
5
  import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
6
- import we from "./Title-B-2bV0SW.js";
7
- import R from "./BaseIcon-naqtCxVi.js";
6
+ import we from "./Title-DpERl1yr.js";
7
+ import R from "./BaseIcon-D9Tz8ARD.js";
8
8
  import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
9
9
  class ge {
10
10
  constructor(L, E, S, N = !0, A = !0) {
@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
130
130
  },
131
131
  emits: ["start", "pause", "reset", "restart", "lap"],
132
132
  setup(q, { expose: L, emit: E }) {
133
- const S = se(() => import("./PackageVersion-5TR4ocqp.js")), { vue_ui_timer: N } = ce(), A = q, g = E, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
133
+ const S = se(() => import("./PackageVersion-C-4Ee8BQ.js")), { vue_ui_timer: N } = ce(), A = q, g = E, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
134
134
  le(() => {
135
135
  m();
136
136
  });