vue-data-ui 2.2.92 → 2.2.94

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 (58) hide show
  1. package/dist/index-DZlxUin4.js +57288 -0
  2. package/dist/{index.es-Dc9Fd4o6.js → index.es-Cgqo-FBk.js} +1 -1
  3. package/dist/style.css +1 -1
  4. package/dist/vue-data-ui.js +61 -455
  5. package/package.json +1 -1
  6. package/dist/data-table-d-VcuH-r.js +0 -1488
  7. package/dist/legend-DJCYLsl_.js +0 -61
  8. package/dist/themes-lgjsYHsH.js +0 -4967
  9. package/dist/title-BF-9Qcni.js +0 -56
  10. package/dist/tooltip-D85WEOKi.js +0 -94
  11. package/dist/user-options-DZgCz8UA.js +0 -415
  12. package/dist/vue-ui-3d-bar-DW7kGJSz.js +0 -20360
  13. package/dist/vue-ui-age-pyramid-4hcuKpFY.js +0 -781
  14. package/dist/vue-ui-annotator-C83FVvl8.js +0 -2175
  15. package/dist/vue-ui-candlestick-diclGj95.js +0 -807
  16. package/dist/vue-ui-chestnut-ACetHLdG.js +0 -1049
  17. package/dist/vue-ui-cursor-Rx7UNaYT.js +0 -229
  18. package/dist/vue-ui-dashboard-B3PlN0ks.js +0 -231
  19. package/dist/vue-ui-digits-CxMXID42.js +0 -154
  20. package/dist/vue-ui-donut-DMiwVXNd.js +0 -1534
  21. package/dist/vue-ui-dumbbell-B_X1T8TR.js +0 -621
  22. package/dist/vue-ui-flow-B72wzQ6V.js +0 -451
  23. package/dist/vue-ui-galaxy-DXX5yivT.js +0 -482
  24. package/dist/vue-ui-gauge-Cs9PDurH.js +0 -466
  25. package/dist/vue-ui-heatmap-PcoNSLdN.js +0 -581
  26. package/dist/vue-ui-kpi-DchEmPtB.js +0 -55
  27. package/dist/vue-ui-mini-loader-DltJLkqy.js +0 -131
  28. package/dist/vue-ui-molecule-CWvukBzs.js +0 -746
  29. package/dist/vue-ui-mood-radar-DEfdtIi8.js +0 -544
  30. package/dist/vue-ui-nested-donuts-9URpqgXE.js +0 -768
  31. package/dist/vue-ui-onion-C0eowUT6.js +0 -551
  32. package/dist/vue-ui-parallel-coordinate-plot-Bc_pAaPJ.js +0 -647
  33. package/dist/vue-ui-quadrant-_ddVAm9V.js +0 -1174
  34. package/dist/vue-ui-quick-chart-Cio0hDYO.js +0 -1310
  35. package/dist/vue-ui-radar-Dyg38i33.js +0 -853
  36. package/dist/vue-ui-rating-CE1Lmwd2.js +0 -271
  37. package/dist/vue-ui-relation-circle-BMlB3k3d.js +0 -303
  38. package/dist/vue-ui-rings-BuXeijvb.js +0 -507
  39. package/dist/vue-ui-scatter-B1hZfOua.js +0 -870
  40. package/dist/vue-ui-screenshot-0QXgxzGs.js +0 -160
  41. package/dist/vue-ui-smiley-B7kR7exr.js +0 -763
  42. package/dist/vue-ui-spark-trend-BmL2KiYL.js +0 -245
  43. package/dist/vue-ui-sparkgauge-BMzFv14L.js +0 -158
  44. package/dist/vue-ui-sparkhistogram-DWpOXqHm.js +0 -243
  45. package/dist/vue-ui-sparkstackbar-DB9VQXlc.js +0 -244
  46. package/dist/vue-ui-strip-plot-DyN6P0JO.js +0 -614
  47. package/dist/vue-ui-table-DM3zL89q.js +0 -2180
  48. package/dist/vue-ui-table-heatmap-gWx0Nslu.js +0 -237
  49. package/dist/vue-ui-thermometer-Bcqv5kd_.js +0 -384
  50. package/dist/vue-ui-timer-BIFxjujK.js +0 -451
  51. package/dist/vue-ui-tiremarks-zBwHpED_.js +0 -248
  52. package/dist/vue-ui-treemap-BaplVc_z.js +0 -719
  53. package/dist/vue-ui-vertical-bar-CdK6ZJPM.js +0 -734
  54. package/dist/vue-ui-waffle-COOzH7M3.js +0 -635
  55. package/dist/vue-ui-wheel-BEpuVTBk.js +0 -226
  56. package/dist/vue-ui-word-cloud-DNqxAAiX.js +0 -344
  57. package/dist/vue-ui-xy-_mHq-czW.js +0 -2058
  58. package/dist/vue-ui-xy-canvas-DqX8Gee5.js +0 -1003
@@ -1,226 +0,0 @@
1
- import { computed as m, ref as n, watch as D, onMounted as H, onBeforeUnmount as W, openBlock as c, createElementBlock as h, normalizeStyle as C, createVNode as q, createCommentVNode as v, createBlock as z, unref as d, createSlots as J, withCtx as _, renderSlot as p, normalizeProps as K, guardReactiveProps as Q, normalizeClass as O, Fragment as Z, renderList as ee, toDisplayString as te } from "vue";
2
- import { t as ae } from "./themes-lgjsYHsH.js";
3
- import { u as N, _ as le } from "./title-BF-9Qcni.js";
4
- import { U as ne } from "./user-options-DZgCz8UA.js";
5
- import { _ as oe, e as se, i as re, j as ue, x as A, X as ie } from "./data-table-d-VcuH-r.js";
6
- import { t as ce, u as he } from "./vue-ui-age-pyramid-4hcuKpFY.js";
7
- import { u as ve, a as de, S as ye } from "./vue-ui-3d-bar-DW7kGJSz.js";
8
- const fe = ["id"], ge = ["xmlns", "viewBox"], me = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], pe = ["cx", "cy", "r", "stroke", "stroke-width"], ke = ["x", "y", "font-size", "fill", "font-weight"], we = {
9
- __name: "vue-ui-wheel",
10
- props: {
11
- config: {
12
- type: Object,
13
- default() {
14
- return {};
15
- }
16
- },
17
- dataset: {
18
- type: Object,
19
- default() {
20
- return {};
21
- }
22
- }
23
- },
24
- setup(M, { expose: U }) {
25
- const o = M, { vue_ui_wheel: X } = ve(), k = m(() => !!o.dataset && Object.keys(o.dataset).length), w = n(se()), B = n(null), x = n(0), y = n(null), I = n(null), e = m(() => {
26
- const t = N({
27
- userConfig: o.config,
28
- defaultConfig: X
29
- });
30
- return t.theme ? {
31
- ...N({
32
- userConfig: ae.vue_ui_wheel[t.theme] || o.config,
33
- defaultConfig: t
34
- })
35
- } : t;
36
- }), { isPrinting: G, isImaging: L, generatePdf: F, generateImage: P } = de({
37
- elementId: w.value,
38
- fileName: e.value.style.chart.title.text || "vue-ui-wheel"
39
- }), l = n({
40
- size: 360,
41
- height: 360,
42
- width: 360
43
- }), b = n(e.value.style.chart.layout.percentage.fontSize), s = m(() => ({
44
- radius: Math.min(l.value.width, l.value.height) * 0.9 / 2,
45
- centerX: l.value.width / 2,
46
- centerY: l.value.height / 2
47
- }));
48
- function $(t, u = 1) {
49
- return {
50
- x: s.value.centerX + s.value.radius * Math.cos(29.85 + t * Math.PI / 180) * u,
51
- y: s.value.centerY + s.value.radius * Math.sin(29.85 + t * Math.PI / 180) * u
52
- };
53
- }
54
- const r = n(e.value.style.chart.animation.use ? 0 : o.dataset.percentage || 0);
55
- D(() => o.dataset.percentage, () => {
56
- r.value = n(e.value.style.chart.animation.use ? 0 : o.dataset.percentage || 0), S();
57
- });
58
- const f = n(null);
59
- H(() => {
60
- if (re(o.dataset) && ue({
61
- componentName: "VueUiWheel",
62
- type: "dataset"
63
- }), S(), e.value.responsive) {
64
- const t = ce(() => {
65
- const { width: u, height: a } = he({
66
- chart: y.value,
67
- title: e.value.style.chart.title.text ? I.value : null
68
- });
69
- l.value.width = u, l.value.height = a, b.value = e.value.style.chart.layout.percentage.fontSize / 360 * Math.min(u, a);
70
- });
71
- f.value = new ResizeObserver(t), f.value.observe(y.value.parentNode);
72
- }
73
- }), W(() => {
74
- f.value && f.value.disconnect();
75
- });
76
- function S() {
77
- let t = 0, u = e.value.style.chart.animation.speed, a = 5e-3 * e.value.style.chart.animation.acceleration;
78
- function i() {
79
- r.value += u + t, t += a, r.value < (o.dataset.percentage || 0) ? requestAnimationFrame(i) : r.value = o.dataset.percentage || 0;
80
- }
81
- e.value.style.chart.animation.use && (r.value = 0, i());
82
- }
83
- const T = m(() => {
84
- const t = [];
85
- for (let a = 0; a < 100; a += 1) {
86
- const i = r.value > a ? e.value.style.chart.layout.wheel.ticks.activeColor : e.value.style.chart.layout.wheel.ticks.inactiveColor, { x: E, y: R } = $(l.value.size / 100 * a), { x: V, y: Y } = $(l.value.size / 100 * a, 0.9);
87
- t.push({
88
- x1: E,
89
- y1: R,
90
- x2: V,
91
- y2: Y,
92
- color: e.value.style.chart.layout.wheel.ticks.gradient.show ? A(i, a / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : i
93
- });
94
- }
95
- return t;
96
- }), g = n(!1);
97
- function j(t) {
98
- g.value = t, x.value += 1;
99
- }
100
- return U({
101
- generatePdf: F,
102
- generateImage: P
103
- }), (t, u) => (c(), h("div", {
104
- class: "vue-ui-wheel",
105
- ref_key: "wheelChart",
106
- ref: y,
107
- id: w.value,
108
- style: C(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`)
109
- }, [
110
- e.value.style.chart.title.text ? (c(), h("div", {
111
- key: 0,
112
- ref_key: "chartTitle",
113
- ref: I,
114
- style: C(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:12px`)
115
- }, [
116
- q(le, {
117
- config: {
118
- title: {
119
- cy: "wheel-title",
120
- ...e.value.style.chart.title
121
- },
122
- subtitle: {
123
- cy: "wheel-subtitle",
124
- ...e.value.style.chart.title.subtitle
125
- }
126
- }
127
- }, null, 8, ["config"])
128
- ], 4)) : v("", !0),
129
- e.value.userOptions.show && k.value ? (c(), z(ne, {
130
- ref_key: "details",
131
- ref: B,
132
- key: `user_options_${x.value}`,
133
- backgroundColor: e.value.style.chart.backgroundColor,
134
- color: e.value.style.chart.color,
135
- isPrinting: d(G),
136
- isImaging: d(L),
137
- uid: w.value,
138
- hasPdf: e.value.userOptions.buttons.pdf,
139
- hasImg: e.value.userOptions.buttons.img,
140
- hasFullscreen: e.value.userOptions.buttons.fullscreen,
141
- hasXls: !1,
142
- isFullscreen: g.value,
143
- titles: { ...e.value.userOptions.buttonTitles },
144
- chartElement: y.value,
145
- onToggleFullscreen: j,
146
- onGeneratePdf: d(F),
147
- onGenerateImage: d(P)
148
- }, J({ _: 2 }, [
149
- t.$slots.optionPdf ? {
150
- name: "optionPdf",
151
- fn: _(() => [
152
- p(t.$slots, "optionPdf", {}, void 0, !0)
153
- ]),
154
- key: "0"
155
- } : void 0,
156
- t.$slots.optionImg ? {
157
- name: "optionImg",
158
- fn: _(() => [
159
- p(t.$slots, "optionImg", {}, void 0, !0)
160
- ]),
161
- key: "1"
162
- } : void 0,
163
- t.$slots.optionFullscreen ? {
164
- name: "optionFullscreen",
165
- fn: _(({ toggleFullscreen: a, isFullscreen: i }) => [
166
- p(t.$slots, "optionFullscreen", K(Q({ toggleFullscreen: a, isFullscreen: i })), void 0, !0)
167
- ]),
168
- key: "2"
169
- } : void 0
170
- ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
171
- k.value ? (c(), h("svg", {
172
- key: 2,
173
- xmlns: d(ie),
174
- class: O({ "vue-data-ui-fullscreen--on": g.value, "vue-data-ui-fulscreen--off": !g.value }),
175
- viewBox: `0 0 ${l.value.width <= 0 ? 10 : l.value.width} ${l.value.height <= 0 ? 10 : l.value.height}`,
176
- style: C(`max-width:100%;overflow:visible;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
177
- }, [
178
- (c(!0), h(Z, null, ee(T.value, (a, i) => (c(), h("line", {
179
- x1: a.x1,
180
- x2: a.x2,
181
- y1: a.y1,
182
- y2: a.y2,
183
- stroke: a.color,
184
- "stroke-width": 5 / 360 * Math.min(l.value.width, l.value.height),
185
- "stroke-linecap": e.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
186
- class: O({ "vue-ui-tick-animated": e.value.style.chart.animation.use && i <= r.value })
187
- }, null, 10, me))), 256)),
188
- e.value.style.chart.layout.innerCircle.show ? (c(), h("circle", {
189
- key: 0,
190
- cx: s.value.centerX,
191
- cy: s.value.centerY,
192
- r: s.value.radius * 0.8 <= 0 ? 1e-4 : s.value.radius * 0.8,
193
- stroke: e.value.style.chart.layout.innerCircle.stroke,
194
- "stroke-width": e.value.style.chart.layout.innerCircle.strokeWidth,
195
- fill: "none"
196
- }, null, 8, pe)) : v("", !0),
197
- e.value.style.chart.layout.percentage.show ? (c(), h("text", {
198
- key: 1,
199
- x: s.value.centerX,
200
- y: s.value.centerY + b.value / 3,
201
- "font-size": b.value,
202
- fill: e.value.style.chart.layout.wheel.ticks.gradient.show ? d(A)(e.value.style.chart.layout.wheel.ticks.activeColor, r.value / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.wheel.ticks.activeColor,
203
- "text-anchor": "middle",
204
- "font-weight": e.value.style.chart.layout.percentage.bold ? "bold" : "normal",
205
- style: { "font-variant-numeric": "tabluar-nums" }
206
- }, te(Number(r.value.toFixed(e.value.style.chart.layout.percentage.rounding)).toLocaleString()) + "% ", 9, ke)) : v("", !0),
207
- p(t.$slots, "svg", { svg: l.value }, void 0, !0)
208
- ], 14, ge)) : v("", !0),
209
- k.value ? v("", !0) : (c(), z(ye, {
210
- key: 3,
211
- config: {
212
- type: "wheel",
213
- style: {
214
- backgroundColor: e.value.style.chart.backgroundColor,
215
- wheel: {
216
- color: "#CCCCCC"
217
- }
218
- }
219
- }
220
- }, null, 8, ["config"]))
221
- ], 12, fe));
222
- }
223
- }, $e = /* @__PURE__ */ oe(we, [["__scopeId", "data-v-9e158d61"]]);
224
- export {
225
- $e as default
226
- };
@@ -1,344 +0,0 @@
1
- import { computed as P, ref as r, onMounted as he, onBeforeUnmount as me, watch as fe, openBlock as d, createElementBlock as f, normalizeStyle as F, createVNode as L, createCommentVNode as N, createBlock as X, unref as b, createSlots as ge, withCtx as v, renderSlot as g, normalizeProps as pe, guardReactiveProps as be, normalizeClass as j, createElementVNode as R, Fragment as ye, renderList as Ce, toDisplayString as H, createTextVNode as we, nextTick as q } from "vue";
2
- import { t as xe } from "./themes-lgjsYHsH.js";
3
- import { u as Y, _ as ke } from "./title-BF-9Qcni.js";
4
- import { U as $e } from "./user-options-DZgCz8UA.js";
5
- import { _ as Te, T as _e, e as J, f as Pe, p as z, i as Fe, j as K, k as Ne, n as ze, X as Ie, D as Se, v as Oe, w as Me } from "./data-table-d-VcuH-r.js";
6
- import { t as De, u as We } from "./vue-ui-age-pyramid-4hcuKpFY.js";
7
- import { u as Ae, a as Ee, A as Ve } from "./vue-ui-3d-bar-DW7kGJSz.js";
8
- const Be = ["id"], Ue = ["xmlns", "viewBox"], Ge = ["transform"], Le = ["fill", "font-weight", "x", "y", "font-size", "transform"], Xe = ["innerHTML"], je = {
9
- __name: "vue-ui-word-cloud",
10
- props: {
11
- config: {
12
- type: Object,
13
- default() {
14
- return {};
15
- }
16
- },
17
- dataset: {
18
- type: [Array, String],
19
- default() {
20
- return [];
21
- }
22
- }
23
- },
24
- setup(Q, { expose: Z }) {
25
- const i = Q, { vue_ui_word_cloud: ee } = Ae(), y = P({
26
- get() {
27
- return !!i.dataset && i.dataset.length;
28
- },
29
- set(t) {
30
- return t;
31
- }
32
- }), I = r(typeof i.dataset == "string" ? _e(i.dataset) : i.dataset), S = r(J()), D = r(0), C = r(null), W = r(null), e = P(() => {
33
- const t = Y({
34
- userConfig: i.config,
35
- defaultConfig: ee
36
- });
37
- return t.theme ? {
38
- ...Y({
39
- userConfig: xe.vue_ui_word_cloud[t.theme] || i.config,
40
- defaultConfig: t
41
- }),
42
- customPalette: Pe[t.theme] || z
43
- } : t;
44
- }), n = r({
45
- width: e.value.style.chart.width,
46
- height: e.value.style.chart.height,
47
- maxFontSize: e.value.style.chart.words.maxFontSize,
48
- minFontSize: e.value.style.chart.words.minFontSize
49
- }), w = r(null);
50
- he(() => {
51
- if (Fe(i.dataset) ? K({
52
- componentName: "VueUiWordCloud",
53
- type: "dataset"
54
- }) : I.value.forEach((t, o) => {
55
- Ne({
56
- datasetObject: t,
57
- requiredAttributes: ["name", "value"]
58
- }).forEach((a) => {
59
- y.value = !1, K({
60
- componentName: "VueUiWordCloud",
61
- type: "datasetSerieAttribute",
62
- property: a,
63
- index: o
64
- });
65
- });
66
- }), e.value.responsive) {
67
- const t = De(() => {
68
- const { width: o, height: a } = We({
69
- chart: C.value,
70
- title: e.value.style.chart.title.text ? W.value : null
71
- });
72
- n.value.width = o, n.value.height = a, q(V);
73
- });
74
- w.value = new ResizeObserver(t), w.value.observe(C.value.parentNode);
75
- }
76
- }), me(() => {
77
- w.value && w.value.disconnect();
78
- });
79
- const { isPrinting: te, isImaging: ae, generatePdf: A, generateImage: E } = Ee({
80
- elementId: `wordCloud_${S.value}`,
81
- fileName: e.value.style.chart.title.text || "vue-ui-word-cloud"
82
- }), x = r({
83
- showTable: e.value.table.show
84
- });
85
- function oe(t, o, a = "Arial") {
86
- const l = document.createElement("canvas").getContext("2d");
87
- return l.font = `${o}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${a}`, {
88
- width: l.measureText(t).width + e.value.style.chart.words.proximity,
89
- height: o
90
- };
91
- }
92
- function le(t, o) {
93
- return t.x < o.x + o.width && t.x + t.width > o.x && t.y < o.y + o.height && t.y + t.height > o.y;
94
- }
95
- function ne(t, o, a) {
96
- const s = [], l = { x: -o / 2, y: -a / 2, width: o, height: a }, u = 0, h = 0;
97
- return t.forEach((m) => {
98
- let O = !1;
99
- for (let _ = 0; _ < Math.max(o, a) / 2 && !O; _ += e.value.style.chart.words.packingWeight)
100
- for (let M = 0; M < 360 && !O; M += e.value.style.chart.words.packingWeight) {
101
- const G = M * Math.PI / 180, re = u + _ * Math.cos(G) - m.width / 2, ie = h + _ * Math.sin(G) - m.height / 2, c = { ...m, x: re, y: ie }, ce = c.x >= l.x && c.y >= l.y && c.x + c.width <= l.x + l.width && c.y + c.height <= l.y + l.height, de = s.some((ve) => le(c, ve));
102
- ce && !de && (s.push(c), O = !0);
103
- }
104
- }), s;
105
- }
106
- const p = r([]);
107
- fe(() => i.dataset, V, { immediate: !0 });
108
- function V() {
109
- const t = I.value.map((l) => l.value), o = Math.max(...t), a = Math.min(...t), s = I.value.map((l, u) => {
110
- const h = (l.value - a) / (o - a) * (n.value.maxFontSize - n.value.minFontSize) + n.value.minFontSize, m = oe(l.name, h);
111
- return {
112
- ...l,
113
- id: J(),
114
- fontSize: h,
115
- width: m.width,
116
- height: m.height,
117
- color: e.value.style.chart.words.usePalette ? e.value.customPalette[u] || e.value.customPalette[u % e.value.customPalette.length] || z[u] || z[u % z.length] : e.value.style.chart.words.color
118
- };
119
- });
120
- p.value = ne(s, n.value.width, n.value.height).sort((l, u) => u.fontSize - l.fontSize);
121
- }
122
- const k = P(() => {
123
- const t = p.value.map((a) => ({
124
- name: a.name,
125
- color: a.color
126
- })), o = p.value.map((a) => a.value);
127
- return { head: t, body: o };
128
- });
129
- function B() {
130
- q(() => {
131
- const t = k.value.head.map((s, l) => [[
132
- s.name
133
- ], [k.value.body[l]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), a = Oe(o);
134
- Me({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
135
- });
136
- }
137
- const $ = P(() => {
138
- const t = [
139
- e.value.table.columnNames.series,
140
- e.value.table.columnNames.value
141
- ], o = k.value.head.map((l, u) => {
142
- const h = ze({ p: e.value.table.td.prefix, v: k.value.body[u], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
143
- return [
144
- {
145
- color: l.color,
146
- name: l.name
147
- },
148
- h
149
- ];
150
- }), a = {
151
- th: {
152
- backgroundColor: e.value.table.th.backgroundColor,
153
- color: e.value.table.th.color,
154
- outline: e.value.table.th.outline
155
- },
156
- td: {
157
- backgroundColor: e.value.table.td.backgroundColor,
158
- color: e.value.table.td.color,
159
- outline: e.value.table.td.outline
160
- },
161
- breakpoint: e.value.table.responsiveBreakpoint
162
- };
163
- return {
164
- colNames: [
165
- e.value.table.columnNames.series,
166
- e.value.table.columnNames.value
167
- ],
168
- head: t,
169
- body: o,
170
- config: a
171
- };
172
- }), T = r(!1);
173
- function se(t) {
174
- T.value = t, D.value += 1;
175
- }
176
- function ue() {
177
- return p.value;
178
- }
179
- function U() {
180
- x.value.showTable = !x.value.showTable;
181
- }
182
- return Z({
183
- getData: ue,
184
- generateCsv: B,
185
- generatePdf: A,
186
- generateImage: E,
187
- toggleTable: U
188
- }), (t, o) => (d(), f("div", {
189
- class: "vue-ui-word-cloud",
190
- ref_key: "wordCloudChart",
191
- ref: C,
192
- id: `wordCloud_${S.value}`,
193
- style: F(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`)
194
- }, [
195
- e.value.style.chart.title.text ? (d(), f("div", {
196
- key: 0,
197
- ref_key: "chartTitle",
198
- ref: W,
199
- style: F(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:24px`)
200
- }, [
201
- L(ke, {
202
- config: {
203
- title: {
204
- ...e.value.style.chart.title
205
- },
206
- subtitle: {
207
- ...e.value.style.chart.title.subtitle
208
- }
209
- }
210
- }, null, 8, ["config"])
211
- ], 4)) : N("", !0),
212
- e.value.userOptions.show && y.value ? (d(), X($e, {
213
- ref: "details",
214
- key: `user_option_${D.value}`,
215
- backgroundColor: e.value.style.chart.backgroundColor,
216
- color: e.value.style.chart.color,
217
- isPrinting: b(te),
218
- isImaging: b(ae),
219
- uid: S.value,
220
- hasPdf: e.value.userOptions.buttons.pdf,
221
- hasXls: e.value.userOptions.buttons.csv,
222
- hasImg: e.value.userOptions.buttons.img,
223
- hasTable: e.value.userOptions.buttons.table,
224
- hasFullscreen: e.value.userOptions.buttons.fullscreen,
225
- isFullscreen: T.value,
226
- titles: { ...e.value.userOptions.buttonTitles },
227
- chartElement: C.value,
228
- onToggleFullscreen: se,
229
- onGeneratePdf: b(A),
230
- onGenerateCsv: B,
231
- onGenerateImage: b(E),
232
- onToggleTable: U
233
- }, ge({ _: 2 }, [
234
- t.$slots.optionPdf ? {
235
- name: "optionPdf",
236
- fn: v(() => [
237
- g(t.$slots, "optionPdf", {}, void 0, !0)
238
- ]),
239
- key: "0"
240
- } : void 0,
241
- t.$slots.optionCsv ? {
242
- name: "optionCsv",
243
- fn: v(() => [
244
- g(t.$slots, "optionCsv", {}, void 0, !0)
245
- ]),
246
- key: "1"
247
- } : void 0,
248
- t.$slots.optionImg ? {
249
- name: "optionImg",
250
- fn: v(() => [
251
- g(t.$slots, "optionImg", {}, void 0, !0)
252
- ]),
253
- key: "2"
254
- } : void 0,
255
- t.$slots.optionTable ? {
256
- name: "optionTable",
257
- fn: v(() => [
258
- g(t.$slots, "optionTable", {}, void 0, !0)
259
- ]),
260
- key: "3"
261
- } : void 0,
262
- t.$slots.optionFullscreen ? {
263
- name: "optionFullscreen",
264
- fn: v(({ toggleFullscreen: a, isFullscreen: s }) => [
265
- g(t.$slots, "optionFullscreen", pe(be({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
266
- ]),
267
- key: "4"
268
- } : void 0
269
- ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : N("", !0),
270
- y.value ? (d(), f("svg", {
271
- key: 2,
272
- class: j({ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }),
273
- xmlns: b(Ie),
274
- viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
275
- style: F(`overflow:visible;background:${e.value.style.chart.backgroundColor};`)
276
- }, [
277
- R("g", {
278
- transform: `translate(${(n.value.width <= 0 ? 10 : n.value.width) / 2}, ${(n.value.height <= 0 ? 10 : n.value.height) / 2})`
279
- }, [
280
- (d(!0), f(ye, null, Ce(p.value, (a, s) => (d(), f("g", null, [
281
- (d(), f("text", {
282
- fill: a.color,
283
- "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
284
- key: s,
285
- x: a.x,
286
- y: a.y,
287
- "font-size": a.fontSize,
288
- transform: `translate(${a.width / 2}, ${a.height / 2})`,
289
- style: F(`animation-delay:${s * e.value.animationDelayMs}ms !important`),
290
- class: j({ animated: e.value.useCssAnimation }),
291
- "text-anchor": "middle",
292
- "dominant-baseline": "middle"
293
- }, H(a.name), 15, Le))
294
- ]))), 256))
295
- ], 8, Ge),
296
- g(t.$slots, "svg", {
297
- svg: { height: n.value.height, width: n.value.width }
298
- }, void 0, !0)
299
- ], 14, Ue)) : N("", !0),
300
- y.value ? (d(), X(Ve, {
301
- key: 3,
302
- hideDetails: "",
303
- config: {
304
- open: x.value.showTable,
305
- maxHeight: 1e4,
306
- body: {
307
- backgroundColor: e.value.style.chart.backgroundColor,
308
- color: e.value.style.chart.color
309
- },
310
- head: {
311
- backgroundColor: e.value.style.chart.backgroundColor,
312
- color: e.value.style.chart.color
313
- }
314
- }
315
- }, {
316
- content: v(() => [
317
- L(Se, {
318
- colNames: $.value.colNames,
319
- head: $.value.head,
320
- body: $.value.body,
321
- config: $.value.config,
322
- title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
323
- onClose: o[0] || (o[0] = (a) => x.value.showTable = !1)
324
- }, {
325
- th: v(({ th: a }) => [
326
- R("div", {
327
- innerHTML: a,
328
- style: { display: "flex", "align-items": "center" }
329
- }, null, 8, Xe)
330
- ]),
331
- td: v(({ td: a }) => [
332
- we(H(a.name || a), 1)
333
- ]),
334
- _: 1
335
- }, 8, ["colNames", "head", "body", "config", "title"])
336
- ]),
337
- _: 1
338
- }, 8, ["config"])) : N("", !0)
339
- ], 12, Be));
340
- }
341
- }, Ze = /* @__PURE__ */ Te(je, [["__scopeId", "data-v-83c65691"]]);
342
- export {
343
- Ze as default
344
- };