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.
- package/README.md +2 -1
- package/dist/{Arrow-BAEkZGzL.js → Arrow-BDCVJzQB.js} +1 -1
- package/dist/{BaseDraggableDialog-ChCkcmj_.js → BaseDraggableDialog-BvuWrldK.js} +2 -2
- package/dist/{BaseIcon-naqtCxVi.js → BaseIcon-D9Tz8ARD.js} +1 -1
- package/dist/{ColorPicker-CfIPgxcj.js → ColorPicker-wGf46G2G.js} +2 -2
- package/dist/{DataTable-D0VYDhfx.js → DataTable-Dt-TIOyY.js} +2 -2
- package/dist/{Legend-Bxlv67uY.js → Legend-3LNqqLDg.js} +2 -2
- package/dist/{NonSvgPenAndPaper-b_oVy-Dd.js → NonSvgPenAndPaper-iDdMuUEo.js} +3 -3
- package/dist/{PackageVersion-5TR4ocqp.js → PackageVersion-C-4Ee8BQ.js} +1 -1
- package/dist/{PenAndPaper-D6AqipIO.js → PenAndPaper-Cde-wJ3N.js} +3 -3
- package/dist/{Shape-DtFT5EJa.js → Shape-C75836Jl.js} +1 -1
- package/dist/{Slicer-CL6-MRI6.js → Slicer-CpSu7plp.js} +2 -2
- package/dist/{SparkTooltip-Bcv1aoA5.js → SparkTooltip-B_GXa2tb.js} +1 -1
- package/dist/{Title-B-2bV0SW.js → Title-DpERl1yr.js} +1 -1
- package/dist/{Tooltip-CoQnTnr-.js → Tooltip-DA0bYKFG.js} +1 -1
- package/dist/{UserOptions-Dd34lEKb.js → UserOptions-DTEJ3UM_.js} +2 -2
- package/dist/{dom-to-png-2AA0wHlX.js → dom-to-png-DWDGYXFL.js} +1 -1
- package/dist/{img-Y_hYz-ZC.js → img-utitT2Gd.js} +1 -1
- package/dist/{index-pPGk-uhD.js → index-CobsZUkv.js} +22 -8
- package/dist/{pdf-yfk3d1is.js → pdf-DWZ8IB56.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +63 -160
- package/dist/types/vue-data-ui.d.ts +63 -160
- package/dist/{useNestedProp-DjACxgdZ.js → useNestedProp-BwL5wmVa.js} +1 -1
- package/dist/{usePrinter-DDHcrl0A.js → usePrinter-DPh6U_Qk.js} +2 -2
- package/dist/{vue-data-ui-CIWxgKjd.js → vue-data-ui-D7ZgRDQ_.js} +63 -63
- package/dist/vue-data-ui.js +1 -1
- package/dist/{vue-ui-3d-bar-D5Wpdqfk.js → vue-ui-3d-bar-ORUAjkg7.js} +41 -34
- package/dist/{vue-ui-accordion-CVnA550V.js → vue-ui-accordion-UewqY6OI.js} +3 -3
- package/dist/{vue-ui-age-pyramid-BuAl-zC5.js → vue-ui-age-pyramid-Yl4aRpNc.js} +134 -127
- package/dist/{vue-ui-annotator-gl2A20m3.js → vue-ui-annotator-B1gqiBqq.js} +2 -2
- package/dist/{vue-ui-bullet-D-VMKpwe.js → vue-ui-bullet-C307lCPt.js} +90 -83
- package/dist/{vue-ui-candlestick-1r6YwiUV.js → vue-ui-candlestick-BE6PcEdh.js} +101 -94
- package/dist/{vue-ui-carousel-table-B6UJoNtP.js → vue-ui-carousel-table-Cpvjr677.js} +4 -4
- package/dist/{vue-ui-chestnut-DnlBYpC5.js → vue-ui-chestnut-CUw74AgC.js} +270 -263
- package/dist/{vue-ui-chord-D3kpzYjp.js → vue-ui-chord-CCPGeAiY.js} +60 -53
- package/dist/{vue-ui-circle-pack-CHgdpoYu.js → vue-ui-circle-pack-dfyPiQmy.js} +121 -114
- package/dist/{vue-ui-cursor-63EAvElT.js → vue-ui-cursor-C2zmfeoD.js} +2 -2
- package/dist/{vue-ui-dashboard-Da6CPET-.js → vue-ui-dashboard-CotAqRbX.js} +62 -62
- package/dist/{vue-ui-digits-CA8pUKej.js → vue-ui-digits-7qJFCuoI.js} +2 -2
- package/dist/{vue-ui-donut-CKa7nFjt.js → vue-ui-donut-D41WeqQU.js} +244 -243
- package/dist/{vue-ui-donut-evolution-qeBEA4W8.js → vue-ui-donut-evolution-Deg0dsYg.js} +215 -211
- package/dist/{vue-ui-dumbbell-Bm0PvAKT.js → vue-ui-dumbbell-DDwNoTPG.js} +117 -110
- package/dist/{vue-ui-flow-C2dqXvrU.js → vue-ui-flow-6oR7IMyi.js} +105 -98
- package/dist/{vue-ui-funnel-Dvy5rRld.js → vue-ui-funnel-BnXtOJmh.js} +138 -131
- package/dist/{vue-ui-galaxy-Y8LYp5n2.js → vue-ui-galaxy-75XC8SpV.js} +150 -146
- package/dist/{vue-ui-gauge-BBo0jWAP.js → vue-ui-gauge-w31j915C.js} +125 -118
- package/dist/{vue-ui-gizmo-DjXfTOWn.js → vue-ui-gizmo-bZqk6oZS.js} +3 -3
- package/dist/{vue-ui-heatmap-BbxRpltP.js → vue-ui-heatmap-BfU62tMW.js} +155 -148
- package/dist/{vue-ui-history-plot-ChYf3Nvc.js → vue-ui-history-plot-CFfco-Yj.js} +141 -134
- package/dist/{vue-ui-kpi-Vfc5-JnE.js → vue-ui-kpi-DaJ1U3wf.js} +3 -3
- package/dist/{vue-ui-mini-loader-C0-Nsz8K.js → vue-ui-mini-loader-CF_2jAI8.js} +2 -2
- package/dist/{vue-ui-molecule-B7Yu7vzF.js → vue-ui-molecule-Tdk3Gd8M.js} +141 -134
- package/dist/{vue-ui-mood-radar-C8JUTwNw.js → vue-ui-mood-radar-Dg5wS7W5.js} +126 -119
- package/dist/{vue-ui-nested-donuts-D0RgFifU.js → vue-ui-nested-donuts-CpRe0sQB.js} +244 -244
- package/dist/{vue-ui-onion-D4U7TL_N.js → vue-ui-onion-B8o4ft2v.js} +88 -81
- package/dist/{vue-ui-parallel-coordinate-plot-CXMT7Rjr.js → vue-ui-parallel-coordinate-plot-zW-CNqWC.js} +123 -116
- package/dist/{vue-ui-quadrant-B13pTVVZ.js → vue-ui-quadrant-DiRtZ16w.js} +151 -144
- package/dist/{vue-ui-quick-chart-C0UL4o63.js → vue-ui-quick-chart-BRlYC_yT.js} +39 -32
- package/dist/{vue-ui-radar-XpdiXnhz.js → vue-ui-radar-DKgX1Ibx.js} +58 -51
- package/dist/{vue-ui-rating-CM8ZrUb1.js → vue-ui-rating-DlklKr-X.js} +2 -2
- package/dist/{vue-ui-relation-circle-CYoFNekk.js → vue-ui-relation-circle-MHiAp8dC.js} +127 -120
- package/dist/{vue-ui-ridgeline-QUquE6ck.js → vue-ui-ridgeline-DA8verAe.js} +98 -91
- package/dist/{vue-ui-rings-DwT0IfOh.js → vue-ui-rings-Dh6lFqun.js} +208 -204
- package/dist/{vue-ui-scatter-zDpy1udm.js → vue-ui-scatter-CLC5sTOi.js} +172 -165
- package/dist/{vue-ui-skeleton-DJPjyNYn.js → vue-ui-skeleton-8s4xts8z.js} +3 -3
- package/dist/{vue-ui-smiley-DoDXl6k0.js → vue-ui-smiley-utuzw8uI.js} +2 -2
- package/dist/{vue-ui-spark-trend-CniV6Cpr.js → vue-ui-spark-trend-BODEqGRr.js} +3 -3
- package/dist/{vue-ui-sparkbar-Ds2ITgwn.js → vue-ui-sparkbar-B8MB-kn9.js} +3 -3
- package/dist/{vue-ui-sparkgauge-CosfK-kw.js → vue-ui-sparkgauge-CuD7kTS3.js} +3 -3
- package/dist/{vue-ui-sparkhistogram-C7O1wPAJ.js → vue-ui-sparkhistogram-BYJszvna.js} +4 -4
- package/dist/{vue-ui-sparkline-B_iUj3F2.js → vue-ui-sparkline-D77GyWzG.js} +3 -3
- package/dist/{vue-ui-sparkstackbar-DBhWrysr.js → vue-ui-sparkstackbar-DNb1yD64.js} +3 -3
- package/dist/{vue-ui-stackbar-C3aV4IcL.js → vue-ui-stackbar-C6rjCYDD.js} +61 -54
- package/dist/{vue-ui-strip-plot-Bvr1GAzH.js → vue-ui-strip-plot-B6cYojHQ.js} +116 -109
- package/dist/{vue-ui-table-DQKKRgyo.js → vue-ui-table-IC7SmWVd.js} +3 -3
- package/dist/{vue-ui-table-heatmap-Dyqj5XJC.js → vue-ui-table-heatmap-DHFpJMpA.js} +5 -5
- package/dist/{vue-ui-table-sparkline-D4RubyLj.js → vue-ui-table-sparkline-D7wz-sCj.js} +4 -4
- package/dist/{vue-ui-thermometer-B0FKI5cG.js → vue-ui-thermometer-D-oiVT3n.js} +88 -81
- package/dist/{vue-ui-timer-DUCBRIl-.js → vue-ui-timer-C9jVyX5l.js} +5 -5
- package/dist/{vue-ui-tiremarks-CRt4UQZD.js → vue-ui-tiremarks-B1bM9Aoo.js} +127 -120
- package/dist/vue-ui-treemap-DX48YlU5.js +965 -0
- package/dist/{vue-ui-vertical-bar-C5fPYltO.js → vue-ui-vertical-bar-6SjKPQWR.js} +233 -226
- package/dist/{vue-ui-waffle-BpWLlfpg.js → vue-ui-waffle-CYao9MMw.js} +183 -179
- package/dist/{vue-ui-wheel-CTzuCroy.js → vue-ui-wheel-USuDhMwW.js} +121 -114
- package/dist/{vue-ui-word-cloud-BPokdaP1.js → vue-ui-word-cloud-TOBTs7yF.js} +152 -145
- package/dist/{vue-ui-world-CS6k-oil.js → vue-ui-world-C2qikqBa.js} +77 -70
- package/dist/{vue-ui-xy-CQ425kLR.js → vue-ui-xy-DxwgKoO-.js} +229 -222
- package/dist/{vue-ui-xy-canvas-D2IFwAr7.js → vue-ui-xy-canvas-N69OpVn8.js} +154 -147
- package/package.json +1 -1
- 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-
|
|
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-
|
|
4
|
-
import { u as je } from "./usePrinter-
|
|
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-
|
|
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
|
|
2
|
-
import { u as Se, o as Me, e as le, g as Ue, c as Ye, t as Ne, p as
|
|
3
|
-
import { u as re } from "./useNestedProp-
|
|
4
|
-
import { u as We } from "./usePrinter-
|
|
5
|
-
import { u as
|
|
6
|
-
import { u as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
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(
|
|
44
|
+
setup(P, { expose: ne }) {
|
|
45
45
|
$e((s) => ({
|
|
46
|
-
"
|
|
47
|
-
|
|
48
|
-
"
|
|
46
|
+
"38d215d0": me.value,
|
|
47
|
+
"63dba684": pe.value,
|
|
48
|
+
"2b1fd92b": ge.value
|
|
49
49
|
}));
|
|
50
|
-
const ue =
|
|
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
|
-
|
|
52
|
+
B();
|
|
53
53
|
});
|
|
54
|
-
function
|
|
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()),
|
|
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:
|
|
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] ||
|
|
83
|
+
customPalette: Ne[s.theme] || $
|
|
84
84
|
} : s;
|
|
85
85
|
}
|
|
86
86
|
Fe(() => r.config, (s) => {
|
|
87
|
-
e.value = X(),
|
|
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),
|
|
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
|
|
100
|
-
const n = [],
|
|
101
|
-
for (let
|
|
102
|
-
const xe =
|
|
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
|
|
115
|
+
function L(s, a, t, n) {
|
|
116
116
|
return Math.round(s + (a - s) * t / n);
|
|
117
117
|
}
|
|
118
|
-
function
|
|
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),
|
|
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(() => `${
|
|
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
|
|
138
|
+
return O(F.value[0] || $[0], T(r.dataset.colors.to), y.value || 10);
|
|
139
139
|
if (!r.dataset.colors.to)
|
|
140
|
-
return
|
|
140
|
+
return O(T(r.dataset.colors.from), F.value[1] || $[1], y.value || 10);
|
|
141
141
|
} else
|
|
142
|
-
return
|
|
143
|
-
return
|
|
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
|
-
}),
|
|
159
|
+
}), b = p(!1);
|
|
160
160
|
function se(s) {
|
|
161
|
-
|
|
161
|
+
b.value = s, R.value += 1;
|
|
162
162
|
}
|
|
163
|
-
const
|
|
164
|
-
function
|
|
165
|
-
|
|
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 (!
|
|
169
|
-
const {
|
|
170
|
-
return {
|
|
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:
|
|
183
|
+
toggleAnnotator: W,
|
|
177
184
|
toggleFullscreen: se
|
|
178
185
|
}), (s, a) => (l(), u("div", {
|
|
179
186
|
ref_key: "thermoChart",
|
|
180
|
-
ref:
|
|
181
|
-
class:
|
|
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(
|
|
185
|
-
onMouseleave: a[1] || (a[1] = () => i(
|
|
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(),
|
|
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:
|
|
193
|
-
onClose:
|
|
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(),
|
|
198
|
-
key: `title_${
|
|
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 &&
|
|
218
|
+
e.value.userOptions.show && V.value && (i(D) || i(q)) ? (l(), M(i(he), {
|
|
212
219
|
ref: "details",
|
|
213
|
-
key: `user_options_${
|
|
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:
|
|
230
|
+
isFullscreen: b.value,
|
|
224
231
|
titles: { ...e.value.userOptions.buttonTitles },
|
|
225
|
-
chartElement:
|
|
232
|
+
chartElement: k.value,
|
|
226
233
|
position: e.value.userOptions.position,
|
|
227
234
|
hasAnnotator: e.value.userOptions.buttons.annotator,
|
|
228
|
-
isAnnotation:
|
|
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:
|
|
241
|
+
onToggleAnnotator: W,
|
|
235
242
|
style: oe({
|
|
236
|
-
visibility: i(D) ? i(
|
|
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:
|
|
242
|
-
f(s.$slots, "menuIcon",
|
|
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:
|
|
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:
|
|
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:
|
|
263
|
-
f(s.$slots, "optionFullscreen",
|
|
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:
|
|
270
|
-
f(s.$slots, "optionAnnotator",
|
|
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
|
-
|
|
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:
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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:
|
|
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:
|
|
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:
|
|
446
|
-
y:
|
|
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
|
-
|
|
461
|
+
P.dataset.value,
|
|
455
462
|
i(Ge)({
|
|
456
463
|
p: e.value.style.chart.label.prefix,
|
|
457
|
-
v:
|
|
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:
|
|
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",
|
|
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
|
-
|
|
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-
|
|
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-
|
|
3
|
-
import { u as ce, c as ve, X as de, E as X } from "./index-
|
|
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-
|
|
7
|
-
import R from "./BaseIcon-
|
|
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-
|
|
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
|
});
|