vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.4

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 (92) hide show
  1. package/README.md +21 -0
  2. package/dist/{Arrow-HbfibAF0.js → Arrow-XoY1VXNf.js} +1 -1
  3. package/dist/{BaseDraggableDialog-DGrErCX-.js → BaseDraggableDialog-CXe0WfN-.js} +2 -2
  4. package/dist/{BaseIcon-j0c6lJUs.js → BaseIcon-d4dmqhkb.js} +1 -1
  5. package/dist/{ColorPicker-DitXXl-H.js → ColorPicker-B3v0IhDO.js} +2 -2
  6. package/dist/{DataTable-CsoAI95B.js → DataTable-CmbjnjRg.js} +2 -2
  7. package/dist/{Legend-ZW-PFcHg.js → Legend-YPYnzTBz.js} +2 -2
  8. package/dist/{NonSvgPenAndPaper-DJTUaQ94.js → NonSvgPenAndPaper-SD-bH_GI.js} +3 -3
  9. package/dist/{PackageVersion-DCAZ9Z7V.js → PackageVersion-OcbP0WH2.js} +1 -1
  10. package/dist/{PenAndPaper-B9RP4oFj.js → PenAndPaper-BgPXmpGI.js} +3 -3
  11. package/dist/{Shape-BBbhObHC.js → Shape-WvXjwML_.js} +1 -1
  12. package/dist/{Slicer-Vh74fjdf.js → Slicer-CaMHCF_p.js} +2 -2
  13. package/dist/{SparkTooltip-CG-HMbX2.js → SparkTooltip-BTLad6y3.js} +1 -1
  14. package/dist/{Title-Dx8ctnVy.js → Title-CJcZXNtK.js} +1 -1
  15. package/dist/{Tooltip-COHlzpZI.js → Tooltip-dXp8FaUj.js} +1 -1
  16. package/dist/{UserOptions-CGn3YdRV.js → UserOptions-Cs7JW3dK.js} +154 -138
  17. package/dist/dom-to-png-DGfv21rX.js +247 -0
  18. package/dist/img-fdViJw1e.js +20 -0
  19. package/dist/{index-CbcpITE_.js → index-BzQ0j5xI.js} +190 -128
  20. package/dist/{pdf-Cy09nTjn.js → pdf-Bj65uPK-.js} +1 -1
  21. package/dist/style.css +1 -1
  22. package/dist/types/vue-data-ui.d.cts +60 -1
  23. package/dist/types/vue-data-ui.d.ts +60 -1
  24. package/dist/{useNestedProp-y56W8I7J.js → useNestedProp-DqpZEE3h.js} +1 -1
  25. package/dist/{usePrinter-u-gQiRNz.js → usePrinter-CpG5jh_z.js} +2 -2
  26. package/dist/{vue-data-ui-DGmMT-Yp.js → vue-data-ui-CeIncf6V.js} +63 -63
  27. package/dist/vue-data-ui.js +1 -1
  28. package/dist/{vue-ui-3d-bar-Du4TkjPV.js → vue-ui-3d-bar-fAJK0nIB.js} +175 -174
  29. package/dist/{vue-ui-accordion-BkA7rtwr.js → vue-ui-accordion-bpaEpjqI.js} +3 -3
  30. package/dist/{vue-ui-age-pyramid-bw7gLRlR.js → vue-ui-age-pyramid-D5w5EqmV.js} +200 -199
  31. package/dist/{vue-ui-annotator-C-_zXB7H.js → vue-ui-annotator-CSGemK-O.js} +2 -2
  32. package/dist/{vue-ui-bullet-BRnz7E8e.js → vue-ui-bullet-FPBahjOr.js} +9 -8
  33. package/dist/{vue-ui-candlestick-9cPPnO0t.js → vue-ui-candlestick-BpP9MQC2.js} +115 -114
  34. package/dist/{vue-ui-carousel-table-BJuSGbk2.js → vue-ui-carousel-table-lpdLFAfT.js} +80 -79
  35. package/dist/{vue-ui-chestnut-D2dnrdHT.js → vue-ui-chestnut-D5um0tmC.js} +453 -452
  36. package/dist/{vue-ui-chord-Rvygj27H.js → vue-ui-chord-CgrXXOgv.js} +43 -42
  37. package/dist/{vue-ui-circle-pack-BR79EDAC.js → vue-ui-circle-pack-Jk-Yd8T_.js} +143 -142
  38. package/dist/{vue-ui-cursor-K11x9TYc.js → vue-ui-cursor-BjmAMjTd.js} +2 -2
  39. package/dist/{vue-ui-dashboard-BgxqXwqN.js → vue-ui-dashboard-CQ0B1DMq.js} +62 -62
  40. package/dist/{vue-ui-digits-D7StMUym.js → vue-ui-digits-B3h4BufU.js} +2 -2
  41. package/dist/{vue-ui-donut-CyOg8kph.js → vue-ui-donut-DcjJqRof.js} +151 -150
  42. package/dist/{vue-ui-donut-evolution-CVhQaMNQ.js → vue-ui-donut-evolution-DmSbXlMu.js} +111 -110
  43. package/dist/{vue-ui-dumbbell-C7Wex4VO.js → vue-ui-dumbbell-BLcmTUd_.js} +54 -53
  44. package/dist/{vue-ui-flow-DFNdP-V9.js → vue-ui-flow-BmIGl6DC.js} +14 -13
  45. package/dist/{vue-ui-funnel-DqWcZVvF.js → vue-ui-funnel-BJfxaSQC.js} +75 -74
  46. package/dist/{vue-ui-galaxy-BhPbJqYr.js → vue-ui-galaxy-Cpnr2YW-.js} +84 -83
  47. package/dist/{vue-ui-gauge-sP6YPTJH.js → vue-ui-gauge-BhPFNziU.js} +33 -32
  48. package/dist/{vue-ui-gizmo-B4fq_bGX.js → vue-ui-gizmo-B2wA-kmz.js} +3 -3
  49. package/dist/{vue-ui-heatmap-CpNjtuyD.js → vue-ui-heatmap-CpwNMx3i.js} +222 -221
  50. package/dist/{vue-ui-history-plot-CtgTg4fG.js → vue-ui-history-plot-DpxHqDZw.js} +234 -233
  51. package/dist/{vue-ui-kpi-CN2AE1VF.js → vue-ui-kpi-CvqXwiiE.js} +3 -3
  52. package/dist/{vue-ui-mini-loader-CYt8LlhO.js → vue-ui-mini-loader-DIjSfc7L.js} +2 -2
  53. package/dist/{vue-ui-molecule-D3kexAu_.js → vue-ui-molecule-3-vg0Re6.js} +44 -43
  54. package/dist/{vue-ui-mood-radar-hHqR8eS7.js → vue-ui-mood-radar-B7W7wGkW.js} +76 -75
  55. package/dist/{vue-ui-nested-donuts-DXwaOA_n.js → vue-ui-nested-donuts-ByoeDL-3.js} +53 -52
  56. package/dist/{vue-ui-onion-C7R2R5tf.js → vue-ui-onion-CNVwf4QX.js} +72 -71
  57. package/dist/{vue-ui-parallel-coordinate-plot-Dh772r8W.js → vue-ui-parallel-coordinate-plot-C0KJrBX8.js} +13 -12
  58. package/dist/{vue-ui-quadrant-jrOesLSU.js → vue-ui-quadrant-C-wPn5l5.js} +13 -12
  59. package/dist/{vue-ui-quick-chart-CtLnhGZA.js → vue-ui-quick-chart-SV-m_FhA.js} +8 -7
  60. package/dist/{vue-ui-radar-BikYRjfw.js → vue-ui-radar-DqOzvLUy.js} +283 -282
  61. package/dist/{vue-ui-rating-DUYbT-Ve.js → vue-ui-rating-CsZXcINB.js} +2 -2
  62. package/dist/{vue-ui-relation-circle-CjnDrflp.js → vue-ui-relation-circle-B0zxq02O.js} +75 -74
  63. package/dist/{vue-ui-ridgeline-o7-RpeJx.js → vue-ui-ridgeline-CykFyAin.js} +102 -101
  64. package/dist/{vue-ui-rings-Dinj5ws1.js → vue-ui-rings-DoJwXgd3.js} +110 -109
  65. package/dist/{vue-ui-scatter-CODAsxBq.js → vue-ui-scatter-BTT3BYrI.js} +166 -165
  66. package/dist/{vue-ui-skeleton-miKWlCAi.js → vue-ui-skeleton-CavMQlAm.js} +3 -3
  67. package/dist/{vue-ui-smiley-DwqlNm1O.js → vue-ui-smiley-DdT6TBz8.js} +2 -2
  68. package/dist/{vue-ui-spark-trend-BjL35phT.js → vue-ui-spark-trend-D9q63V2-.js} +3 -3
  69. package/dist/{vue-ui-sparkbar-2o2ZLL50.js → vue-ui-sparkbar-DCS_f__b.js} +3 -3
  70. package/dist/{vue-ui-sparkgauge-CMlBpOcc.js → vue-ui-sparkgauge-CGDjBHjo.js} +3 -3
  71. package/dist/{vue-ui-sparkhistogram-C7Ue-aaI.js → vue-ui-sparkhistogram-Ctpm0106.js} +4 -4
  72. package/dist/{vue-ui-sparkline-w29yzdZG.js → vue-ui-sparkline-BVyjNK_A.js} +3 -3
  73. package/dist/{vue-ui-sparkstackbar-DbIxY7W3.js → vue-ui-sparkstackbar-BsNDucJO.js} +3 -3
  74. package/dist/{vue-ui-stackbar-CWqpeYW-.js → vue-ui-stackbar-DuGcJQ6F.js} +39 -38
  75. package/dist/{vue-ui-strip-plot-DyjQVaDX.js → vue-ui-strip-plot-C6vbloAI.js} +82 -81
  76. package/dist/{vue-ui-table-Bx82XIlz.js → vue-ui-table-Bb6pNaIM.js} +3 -3
  77. package/dist/{vue-ui-table-heatmap-RvSyx9L6.js → vue-ui-table-heatmap-_ypWL_z2.js} +77 -76
  78. package/dist/{vue-ui-table-sparkline-DebvtEV3.js → vue-ui-table-sparkline-_pPedR_D.js} +74 -73
  79. package/dist/{vue-ui-thermometer-yPKRIlqA.js → vue-ui-thermometer-CmLnTIU7.js} +22 -21
  80. package/dist/{vue-ui-timer-C15nOU7T.js → vue-ui-timer-CpAJT80M.js} +5 -5
  81. package/dist/{vue-ui-tiremarks-C2G8HtiX.js → vue-ui-tiremarks-DXgmJClr.js} +38 -37
  82. package/dist/{vue-ui-treemap-cFhw0xSg.js → vue-ui-treemap-Ci2Yi9Gh.js} +109 -108
  83. package/dist/{vue-ui-vertical-bar-dWiOw4sV.js → vue-ui-vertical-bar-pn_EqFmU.js} +82 -81
  84. package/dist/{vue-ui-waffle-Uldnmn6D.js → vue-ui-waffle-vqh1kEDT.js} +33 -32
  85. package/dist/{vue-ui-wheel-Cz79iDLO.js → vue-ui-wheel-BCcK6wwZ.js} +8 -7
  86. package/dist/{vue-ui-word-cloud-BGeHV6hS.js → vue-ui-word-cloud-Bu8Giu0b.js} +110 -109
  87. package/dist/{vue-ui-world-D1Dy-4mh.js → vue-ui-world-CzRlg19V.js} +57 -56
  88. package/dist/{vue-ui-xy-BA7xWU7_.js → vue-ui-xy-0gHPOOwZ.js} +982 -856
  89. package/dist/{vue-ui-xy-canvas-B2kkKb64.js → vue-ui-xy-canvas-DuAgXbBB.js} +41 -40
  90. package/package.json +1 -1
  91. package/dist/dom-to-png-BjSUS-jY.js +0 -243
  92. package/dist/img-DWfzRJdv.js +0 -19
@@ -1,12 +1,12 @@
1
- import { defineAsyncComponent as A, computed as f, ref as v, watch as Ke, shallowRef as Ae, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as u, openBlock as s, unref as i, normalizeStyle as j, normalizeClass as G, createBlock as L, createCommentVNode as c, createVNode as Le, createSlots as et, withCtx as y, renderSlot as p, normalizeProps as F, guardReactiveProps as M, createElementVNode as k, Fragment as g, renderList as C, toDisplayString as P, mergeProps as tt, createTextVNode as lt, nextTick as at } from "vue";
2
- import { u as ot, c as le, t as st, p as S, a as rt, o as ut, e as ae, g as Pe, b as nt, d as Se, v as it, D as vt, f as Y, X as ct, i as oe, l as ht, h as dt, x as Oe, F as pt, q as ft, r as yt, y as bt } from "./index-CbcpITE_.js";
1
+ import { defineAsyncComponent as A, computed as f, ref as v, watch as Ke, shallowRef as Ae, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as u, openBlock as r, unref as i, normalizeStyle as j, normalizeClass as G, createBlock as L, createCommentVNode as c, createVNode as Le, createSlots as et, withCtx as y, renderSlot as p, normalizeProps as F, guardReactiveProps as M, createElementVNode as k, Fragment as g, renderList as $, toDisplayString as P, mergeProps as tt, createTextVNode as lt, nextTick as at } from "vue";
2
+ import { u as ot, c as le, t as st, p as S, a as rt, o as ut, e as ae, g as Pe, b as nt, d as Se, v as it, D as vt, f as Y, X as ct, i as oe, l as ht, h as dt, x as Oe, F as pt, q as ft, r as yt, y as bt } from "./index-BzQ0j5xI.js";
3
3
  import { t as mt, u as gt } from "./useResponsive-JZ9xq-JV.js";
4
- import { u as ze } from "./useNestedProp-y56W8I7J.js";
5
- import { u as kt } from "./usePrinter-u-gQiRNz.js";
4
+ import { u as ze } from "./useNestedProp-DqpZEE3h.js";
5
+ import { u as kt } from "./usePrinter-CpG5jh_z.js";
6
6
  import { u as xt } from "./useUserOptionState-BIvW1Kz7.js";
7
7
  import { u as wt } from "./useChartAccessibility-9icAAmYg.js";
8
- import Ct from "./Title-Dx8ctnVy.js";
9
- import { _ as $t } from "./Shape-BBbhObHC.js";
8
+ import Ct from "./Title-CJcZXNtK.js";
9
+ import { _ as $t } from "./Shape-WvXjwML_.js";
10
10
  import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
11
11
  const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"], Pt = { key: 1 }, St = { key: 0 }, Ot = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = { key: 1 }, Nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], It = ["x", "y", "fill", "font-size"], Wt = ["x", "y", "font-size", "fill"], Dt = ["fill", "font-size", "transform"], Gt = ["fill", "font-size", "x", "y"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Vt = ["cx", "cy", "fill"], Et = ["cx", "cy", "fill"], Ut = ["id"], Ht = ["stop-color"], Bt = ["stop-color"], Xt = ["stop-color"], jt = { key: 0 }, Yt = ["x", "y", "font-size", "fill"], qt = {
12
12
  key: 5,
@@ -29,7 +29,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
29
29
  },
30
30
  emits: ["selectDatapoint"],
31
31
  setup(Ne, { expose: Fe, emit: Me }) {
32
- const Ie = A(() => import("./vue-ui-accordion-BkA7rtwr.js")), We = A(() => import("./DataTable-CsoAI95B.js")), De = A(() => import("./PackageVersion-DCAZ9Z7V.js")), Ge = A(() => import("./PenAndPaper-B9RP4oFj.js")), Re = A(() => import("./vue-ui-skeleton-miKWlCAi.js")), Ve = A(() => import("./Tooltip-COHlzpZI.js")), Ee = A(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_strip_plot: Ue } = ot(), b = Ne, He = Me, $ = f({
32
+ const Ie = A(() => import("./vue-ui-accordion-bpaEpjqI.js")), We = A(() => import("./DataTable-CmbjnjRg.js")), De = A(() => import("./PackageVersion-OcbP0WH2.js")), Ge = A(() => import("./PenAndPaper-BgPXmpGI.js")), Re = A(() => import("./vue-ui-skeleton-CavMQlAm.js")), Ve = A(() => import("./Tooltip-dXp8FaUj.js")), Ee = A(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_strip_plot: Ue } = ot(), b = Ne, He = Me, T = f({
33
33
  get() {
34
34
  return !!b.dataset && b.dataset.length;
35
35
  },
@@ -56,7 +56,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
56
56
  Ke(() => b.config, (t) => {
57
57
  e.value = fe(), Q.value = !e.value.userOptions.showOnChartHover, ye(), ve.value += 1, ce.value += 1, d.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, d.value.showTable = e.value.table.show, d.value.showTooltip = e.value.style.chart.tooltip.show;
58
58
  }, { deep: !0 });
59
- const w = Ae(null), O = Ae(null);
59
+ const C = Ae(null), O = Ae(null);
60
60
  Qe(() => {
61
61
  ye();
62
62
  });
@@ -69,22 +69,22 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
69
69
  datasetObject: t,
70
70
  requiredAttributes: ["name", "plots"]
71
71
  }).forEach((l) => {
72
- $.value = !1, ae({
72
+ T.value = !1, ae({
73
73
  componentName: "VueUiStripPlot",
74
74
  type: "datasetSerieAttribute",
75
75
  property: l,
76
76
  index: o
77
77
  });
78
- }), t.plots && t.plots.forEach((l, r) => {
78
+ }), t.plots && t.plots.forEach((l, s) => {
79
79
  Pe({
80
80
  datasetObject: l,
81
81
  requiredAttributes: ["name", "value"]
82
82
  }).forEach((n) => {
83
- $.value = !1, ae({
83
+ T.value = !1, ae({
84
84
  componentName: "VueUiStripPlot",
85
85
  type: "datasetSerieAttribute",
86
86
  property: n,
87
- index: `${o},${r}`
87
+ index: `${o},${s}`
88
88
  });
89
89
  });
90
90
  });
@@ -106,14 +106,14 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
106
106
  }));
107
107
  });
108
108
  });
109
- w.value && (O.value && w.value.unobserve(O.value), w.value.disconnect()), w.value = new ResizeObserver(t), O.value = I.value.parentNode, w.value.observe(O.value);
109
+ C.value && (O.value && C.value.unobserve(O.value), C.value.disconnect()), C.value = new ResizeObserver(t), O.value = I.value.parentNode, C.value.observe(O.value);
110
110
  }
111
111
  ie.value = !0, setTimeout(() => {
112
112
  W.value = !1;
113
113
  }, Xe.value * 50);
114
114
  }
115
115
  Ze(() => {
116
- w.value && (O.value && w.value.unobserve(O.value), w.value.disconnect());
116
+ C.value && (O.value && C.value.unobserve(O.value), C.value.disconnect());
117
117
  });
118
118
  const { isPrinting: be, isImaging: me, generatePdf: ge, generateImage: ke } = kt({
119
119
  elementId: `strip-plot_${q.value}`,
@@ -146,19 +146,19 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
146
146
  absoluteHeight: R.value,
147
147
  absoluteWidth: t
148
148
  };
149
- }), E = f(() => $.value ? b.dataset.map((t, o) => {
149
+ }), E = f(() => T.value ? b.dataset.map((t, o) => {
150
150
  const l = le();
151
151
  return {
152
152
  ...t,
153
153
  id: l,
154
154
  color: t.color ? Se(t.color) : xe.value[o] || S[o] || S[o % S.length],
155
- plots: t.plots.map((r) => ({
156
- ...r,
157
- value: it(r.value),
155
+ plots: t.plots.map((s) => ({
156
+ ...s,
157
+ value: it(s.value),
158
158
  parentId: l,
159
159
  color: t.color ? Se(t.color) : xe.value[o] || S[o] || S[o % S.length],
160
160
  id: le()
161
- })).sort((r, n) => r.value - n.value)
161
+ })).sort((s, n) => s.value - n.value)
162
162
  };
163
163
  }) : null), x = f(() => (E.value || []).map((t, o) => ({
164
164
  ...t,
@@ -172,14 +172,14 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
172
172
  max: Math.max(...t),
173
173
  min: Math.min(...t)
174
174
  };
175
- }), T = f(() => vt(Z.value.min < 0 ? Z.value.min : 0, Z.value.max, e.value.style.chart.grid.scaleSteps)), je = f(() => (x.value || []).map((t, o) => ({
175
+ }), _ = f(() => vt(Z.value.min < 0 ? Z.value.min : 0, Z.value.max, e.value.style.chart.grid.scaleSteps)), je = f(() => (x.value || []).map((t, o) => ({
176
176
  ...t,
177
177
  plots: t.plots.map((l) => ({
178
178
  ...l,
179
- y: a.value.bottom - (l.value + Math.abs(T.value.min)) / (T.value.max + Math.abs(T.value.min)) * a.value.height
179
+ y: a.value.bottom - (l.value + Math.abs(_.value.min)) / (_.value.max + Math.abs(_.value.min)) * a.value.height
180
180
  }))
181
- }))), we = f(() => T.value.ticks.map((t) => ({
182
- y: a.value.bottom - a.value.height * ((t + Math.abs(T.value.min)) / (T.value.max + Math.abs(T.value.min))),
181
+ }))), we = f(() => _.value.ticks.map((t) => ({
182
+ y: a.value.bottom - a.value.height * ((t + Math.abs(_.value.min)) / (_.value.max + Math.abs(_.value.min))),
183
183
  x1: a.value.left,
184
184
  x2: a.value.right,
185
185
  value: t
@@ -200,8 +200,8 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
200
200
  config: e.value
201
201
  });
202
202
  else {
203
- let r = "";
204
- r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.value.style.chart.plots.gradient.show ? `url(#${t.parentId})` : t.color}"/></svg>${t.name}</div>`, r += `<div>${oe(
203
+ let s = "";
204
+ s += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.value.style.chart.plots.gradient.show ? `url(#${t.parentId})` : t.color}"/></svg>${t.name}</div>`, s += `<div>${oe(
205
205
  e.value.style.chart.labels.formatter,
206
206
  t.value,
207
207
  Y({
@@ -211,32 +211,32 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
211
211
  r: e.value.style.chart.tooltip.roundingValue
212
212
  }),
213
213
  { datapoint: t, seriesIndex: o }
214
- )}</div>`, K.value = `<div>${r}</div>`;
214
+ )}</div>`, K.value = `<div>${s}</div>`;
215
215
  }
216
216
  }
217
217
  const U = f(() => {
218
- const t = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((r, n) => n.value - r.value).map((r) => ({
219
- name: `${l.name} - ${r.name}`,
220
- color: r.color
221
- }))), o = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((r, n) => n.value - r.value).map((r) => r.value));
218
+ const t = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((s, n) => n.value - s.value).map((s) => ({
219
+ name: `${l.name} - ${s.name}`,
220
+ color: s.color
221
+ }))), o = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((s, n) => n.value - s.value).map((s) => s.value));
222
222
  return { head: t, body: o };
223
223
  });
224
- function Ce() {
224
+ function Ce(t = null) {
225
225
  at(() => {
226
- const t = U.value.head.map((r, n) => [[
227
- r.name
228
- ], [U.value.body[n]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(t), l = ft(o);
229
- yt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
226
+ const o = U.value.head.map((n, w) => [[
227
+ n.name
228
+ ], [U.value.body[w]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(o), s = ft(l);
229
+ t ? t(s) : yt({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
230
230
  });
231
231
  }
232
232
  const H = f(() => {
233
233
  const t = [
234
234
  e.value.table.columnNames.series,
235
235
  e.value.table.columnNames.value
236
- ], o = U.value.head.map((n, _) => {
236
+ ], o = U.value.head.map((n, w) => {
237
237
  const X = Y({
238
238
  p: e.value.style.chart.labels.prefix,
239
- v: U.value.body[_],
239
+ v: U.value.body[w],
240
240
  s: e.value.style.chart.labels.suffix,
241
241
  r: e.value.table.td.roundingValue
242
242
  });
@@ -298,7 +298,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
298
298
  toggleLabels: Te,
299
299
  toggleTooltip: _e,
300
300
  toggleAnnotator: te
301
- }), (t, o) => (s(), u("div", {
301
+ }), (t, o) => (r(), u("div", {
302
302
  ref_key: "stripPlotChart",
303
303
  ref: I,
304
304
  class: G(`vue-ui-strip-plot ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -307,7 +307,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
307
307
  onMouseenter: o[2] || (o[2] = () => i(he)(!0)),
308
308
  onMouseleave: o[3] || (o[3] = () => i(he)(!1))
309
309
  }, [
310
- e.value.userOptions.buttons.annotator ? (s(), L(i(Ge), {
310
+ e.value.userOptions.buttons.annotator ? (r(), L(i(Ge), {
311
311
  key: 0,
312
312
  svgRef: i(pe),
313
313
  backgroundColor: e.value.style.chart.backgroundColor,
@@ -315,20 +315,20 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
315
315
  active: B.value,
316
316
  onClose: te
317
317
  }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
318
- Be.value ? (s(), u("div", {
318
+ Be.value ? (r(), u("div", {
319
319
  key: 1,
320
320
  ref_key: "noTitle",
321
321
  ref: ne,
322
322
  class: "vue-data-ui-no-title-space",
323
323
  style: "height:36px; width: 100%;background:transparent"
324
324
  }, null, 512)) : c("", !0),
325
- e.value.style.chart.title.text ? (s(), u("div", {
325
+ e.value.style.chart.title.text ? (r(), u("div", {
326
326
  key: 2,
327
327
  ref_key: "chartTitle",
328
328
  ref: re,
329
329
  style: "width:100%;background:transparent;padding-bottom:24px"
330
330
  }, [
331
- (s(), L(Ct, {
331
+ (r(), L(Ct, {
332
332
  key: `title_${ve.value}`,
333
333
  config: {
334
334
  title: {
@@ -342,7 +342,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
342
342
  }
343
343
  }, null, 8, ["config"]))
344
344
  ], 512)) : c("", !0),
345
- e.value.userOptions.show && $.value && (i(de) || i(Q)) ? (s(), L(i(Ee), {
345
+ e.value.userOptions.show && T.value && (i(de) || i(Q)) ? (r(), L(i(Ee), {
346
346
  ref: "details",
347
347
  key: `user_option_${se.value}`,
348
348
  backgroundColor: e.value.style.chart.backgroundColor,
@@ -364,6 +364,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
364
364
  position: e.value.userOptions.position,
365
365
  hasAnnotator: e.value.userOptions.buttons.annotator,
366
366
  isAnnotation: B.value,
367
+ callbacks: e.value.userOptions.callbacks,
367
368
  onToggleFullscreen: qe,
368
369
  onGeneratePdf: i(ge),
369
370
  onGenerateCsv: Ce,
@@ -378,8 +379,8 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
378
379
  }, et({ _: 2 }, [
379
380
  t.$slots.menuIcon ? {
380
381
  name: "menuIcon",
381
- fn: y(({ isOpen: l, color: r }) => [
382
- p(t.$slots, "menuIcon", F(M({ isOpen: l, color: r })), void 0, !0)
382
+ fn: y(({ isOpen: l, color: s }) => [
383
+ p(t.$slots, "menuIcon", F(M({ isOpen: l, color: s })), void 0, !0)
383
384
  ]),
384
385
  key: "0"
385
386
  } : void 0,
@@ -427,20 +428,20 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
427
428
  } : void 0,
428
429
  t.$slots.optionFullscreen ? {
429
430
  name: "optionFullscreen",
430
- fn: y(({ toggleFullscreen: l, isFullscreen: r }) => [
431
- p(t.$slots, "optionFullscreen", F(M({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
431
+ fn: y(({ toggleFullscreen: l, isFullscreen: s }) => [
432
+ p(t.$slots, "optionFullscreen", F(M({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
432
433
  ]),
433
434
  key: "7"
434
435
  } : void 0,
435
436
  t.$slots.optionAnnotator ? {
436
437
  name: "optionAnnotator",
437
- fn: y(({ toggleAnnotator: l, isAnnotator: r }) => [
438
- p(t.$slots, "optionAnnotator", F(M({ toggleAnnotator: l, isAnnotator: r })), void 0, !0)
438
+ fn: y(({ toggleAnnotator: l, isAnnotator: s }) => [
439
+ p(t.$slots, "optionAnnotator", F(M({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
439
440
  ]),
440
441
  key: "8"
441
442
  } : void 0
442
- ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
443
- $.value ? (s(), u("svg", {
443
+ ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
444
+ T.value ? (r(), u("svg", {
444
445
  key: 4,
445
446
  ref_key: "svgRef",
446
447
  ref: pe,
@@ -450,7 +451,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
450
451
  style: j(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
451
452
  }, [
452
453
  Le(i(De)),
453
- t.$slots["chart-background"] ? (s(), u("foreignObject", {
454
+ t.$slots["chart-background"] ? (r(), u("foreignObject", {
454
455
  key: 0,
455
456
  x: a.value.left,
456
457
  y: a.value.top,
@@ -462,9 +463,9 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
462
463
  }, [
463
464
  p(t.$slots, "chart-background", {}, void 0, !0)
464
465
  ], 8, Lt)) : c("", !0),
465
- e.value.style.chart.grid.show ? (s(), u("g", Pt, [
466
- e.value.style.chart.grid.horizontalGrid.show ? (s(), u("g", St, [
467
- (s(!0), u(g, null, C(we.value, (l) => (s(), u("line", {
466
+ e.value.style.chart.grid.show ? (r(), u("g", Pt, [
467
+ e.value.style.chart.grid.horizontalGrid.show ? (r(), u("g", St, [
468
+ (r(!0), u(g, null, $(we.value, (l) => (r(), u("line", {
468
469
  x1: l.x1,
469
470
  x2: l.x2,
470
471
  y1: l.y,
@@ -475,10 +476,10 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
475
476
  "stroke-linecap": "round"
476
477
  }, null, 8, Ot))), 256))
477
478
  ])) : c("", !0),
478
- e.value.style.chart.grid.verticalGrid.show ? (s(), u("g", zt, [
479
- (s(!0), u(g, null, C(x.value, (l, r) => (s(), u("line", {
480
- x1: a.value.left + (r + 1) * a.value.stripWidth,
481
- x2: a.value.left + (r + 1) * a.value.stripWidth,
479
+ e.value.style.chart.grid.verticalGrid.show ? (r(), u("g", zt, [
480
+ (r(!0), u(g, null, $(x.value, (l, s) => (r(), u("line", {
481
+ x1: a.value.left + (s + 1) * a.value.stripWidth,
482
+ x2: a.value.left + (s + 1) * a.value.stripWidth,
482
483
  y1: a.value.top,
483
484
  y2: a.value.bottom,
484
485
  stroke: e.value.style.chart.grid.verticalGrid.stroke,
@@ -506,7 +507,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
506
507
  "stroke-linecap": "round"
507
508
  }, null, 8, Mt)
508
509
  ])) : c("", !0),
509
- e.value.style.chart.labels.yAxisLabels.show ? (s(!0), u(g, { key: 2 }, C(we.value, (l, r) => (s(), u("text", {
510
+ e.value.style.chart.labels.yAxisLabels.show ? (r(!0), u(g, { key: 2 }, $(we.value, (l, s) => (r(), u("text", {
510
511
  x: l.x1 - e.value.style.chart.labels.yAxisLabels.fontSize / 2 + e.value.style.chart.labels.yAxisLabels.offsetX,
511
512
  y: l.y + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
512
513
  fill: e.value.style.chart.labels.yAxisLabels.color,
@@ -521,23 +522,23 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
521
522
  s: e.value.style.chart.labels.suffix,
522
523
  r: e.value.style.chart.labels.yAxisLabels.rounding
523
524
  }),
524
- { datapoint: l, seriesIndex: r }
525
+ { datapoint: l, seriesIndex: s }
525
526
  )), 9, It))), 256)) : c("", !0),
526
- e.value.style.chart.labels.xAxisLabels.show ? (s(!0), u(g, { key: 3 }, C(x.value, (l, r) => (s(), u("text", {
527
- x: a.value.left + (r + 1) * a.value.stripWidth - a.value.stripWidth / 2,
527
+ e.value.style.chart.labels.xAxisLabels.show ? (r(!0), u(g, { key: 3 }, $(x.value, (l, s) => (r(), u("text", {
528
+ x: a.value.left + (s + 1) * a.value.stripWidth - a.value.stripWidth / 2,
528
529
  y: a.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize * 2 + e.value.style.chart.labels.xAxisLabels.offsetY,
529
530
  "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
530
531
  fill: e.value.style.chart.labels.xAxisLabels.color,
531
532
  "text-anchor": "middle"
532
533
  }, P(l.name), 9, Wt))), 256)) : c("", !0),
533
- e.value.style.chart.labels.axis.yLabel ? (s(), u("text", {
534
+ e.value.style.chart.labels.axis.yLabel ? (r(), u("text", {
534
535
  key: 4,
535
536
  fill: e.value.style.chart.labels.axis.color,
536
537
  "font-size": e.value.style.chart.labels.axis.fontSize,
537
538
  transform: `translate(${e.value.style.chart.labels.axis.fontSize + e.value.style.chart.labels.axis.yLabelOffsetX}, ${a.value.top + a.value.height / 2}) rotate(-90)`,
538
539
  "text-anchor": "middle"
539
540
  }, P(e.value.style.chart.labels.axis.yLabel), 9, Dt)) : c("", !0),
540
- e.value.style.chart.labels.axis.xLabel ? (s(), u("text", {
541
+ e.value.style.chart.labels.axis.xLabel ? (r(), u("text", {
541
542
  key: 5,
542
543
  fill: e.value.style.chart.labels.axis.color,
543
544
  "font-size": e.value.style.chart.labels.axis.fontSize,
@@ -545,7 +546,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
545
546
  y: a.value.absoluteHeight,
546
547
  "text-anchor": "middle"
547
548
  }, P(e.value.style.chart.labels.axis.xLabel), 9, Gt)) : c("", !0),
548
- h.value ? (s(), u(g, { key: 6 }, [
549
+ h.value ? (r(), u(g, { key: 6 }, [
549
550
  k("line", {
550
551
  x1: a.value.left,
551
552
  x2: a.value.right,
@@ -571,7 +572,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
571
572
  }, null, 10, Et)
572
573
  ], 64)) : c("", !0),
573
574
  k("defs", null, [
574
- (s(!0), u(g, null, C(x.value, (l) => (s(), u("radialGradient", {
575
+ (r(!0), u(g, null, $(x.value, (l) => (r(), u("radialGradient", {
575
576
  id: l.id,
576
577
  fy: "30%"
577
578
  }, [
@@ -589,25 +590,25 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
589
590
  }, null, 8, Xt)
590
591
  ], 8, Ut))), 256))
591
592
  ]),
592
- (s(!0), u(g, null, C(je.value, (l, r) => (s(), u(g, null, [
593
- (s(!0), u(g, null, C(l.plots, (n, _) => (s(), L($t, tt({
593
+ (r(!0), u(g, null, $(je.value, (l, s) => (r(), u(g, null, [
594
+ (r(!0), u(g, null, $(l.plots, (n, w) => (r(), L($t, tt({
594
595
  plot: { x: n.x, y: ie.value ? n.y : a.value.top },
595
596
  radius: h.value && h.value.id === n.id ? V.value * 1.5 : V.value,
596
597
  shape: e.value.style.chart.plots.shape,
597
598
  stroke: e.value.style.chart.plots.stroke,
598
599
  strokeWidth: e.value.style.chart.plots.strokeWidth,
599
600
  color: e.value.style.chart.plots.gradient.show ? `url(#${l.id})` : l.color,
600
- onMouseenter: (X) => Ye({ datapoint: n, seriesIndex: _ }),
601
+ onMouseenter: (X) => Ye({ datapoint: n, seriesIndex: w }),
601
602
  onMouseleave: o[0] || (o[0] = (X) => {
602
603
  J.value = !1, h.value = null;
603
604
  }),
604
605
  onClick: (X) => He("selectDatapoint", n),
605
- style: `transition: all 0.2s ease-in-out; opacity:${h.value ? h.value.id === n.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${W.value ? `transition-delay:${_ * 50}ms` : ""}`,
606
+ style: `transition: all 0.2s ease-in-out; opacity:${h.value ? h.value.id === n.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${W.value ? `transition-delay:${w * 50}ms` : ""}`,
606
607
  class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && W.value, "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !W.value }
607
608
  }, { ref_for: !0 }, t.$attrs), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "onMouseenter", "onClick", "style", "class"]))), 256)),
608
- d.value.dataLabels.show ? (s(), u("g", jt, [
609
- (s(!0), u(g, null, C(l.plots, (n, _) => (s(), u(g, null, [
610
- _ === l.plots.length - 1 || h.value && h.value.id === n.id && !d.value.showTooltip ? (s(), u("text", {
609
+ d.value.dataLabels.show ? (r(), u("g", jt, [
610
+ (r(!0), u(g, null, $(l.plots, (n, w) => (r(), u(g, null, [
611
+ w === l.plots.length - 1 || h.value && h.value.id === n.id && !d.value.showTooltip ? (r(), u("text", {
611
612
  key: 0,
612
613
  x: n.x,
613
614
  y: n.y + e.value.style.chart.labels.bestPlotLabel.offsetY - V.value * (h.value && h.value.id === n.id && !d.value.showTooltip ? 2 : 1.5),
@@ -624,17 +625,17 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
624
625
  s: `${e.value.style.chart.labels.suffix})`,
625
626
  r: e.value.style.chart.labels.bestPlotLabel.rounding
626
627
  }),
627
- { datapoint: n, seriesIndex: _ }
628
+ { datapoint: n, seriesIndex: w }
628
629
  ) : ""), 13, Yt)) : c("", !0)
629
630
  ], 64))), 256))
630
631
  ])) : c("", !0)
631
632
  ], 64))), 256)),
632
633
  p(t.$slots, "svg", { svg: a.value }, void 0, !0)
633
634
  ], 14, At)) : c("", !0),
634
- t.$slots.watermark ? (s(), u("div", qt, [
635
+ t.$slots.watermark ? (r(), u("div", qt, [
635
636
  p(t.$slots, "watermark", F(M({ isPrinting: i(be) || i(me) })), void 0, !0)
636
637
  ])) : c("", !0),
637
- $.value ? c("", !0) : (s(), L(i(Re), {
638
+ T.value ? c("", !0) : (r(), L(i(Re), {
638
639
  key: 6,
639
640
  config: {
640
641
  type: "stripPlot",
@@ -646,7 +647,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
646
647
  }
647
648
  }
648
649
  }, null, 8, ["config"])),
649
- t.$slots.source ? (s(), u("div", {
650
+ t.$slots.source ? (r(), u("div", {
650
651
  key: 7,
651
652
  ref_key: "source",
652
653
  ref: ue,
@@ -678,7 +679,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
678
679
  ]),
679
680
  _: 3
680
681
  }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
681
- $.value ? (s(), L(i(Ie), {
682
+ T.value ? (r(), L(i(Ie), {
682
683
  key: 8,
683
684
  hideDetails: "",
684
685
  config: {
@@ -695,7 +696,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
695
696
  }
696
697
  }, {
697
698
  content: y(() => [
698
- (s(), L(i(We), {
699
+ (r(), L(i(We), {
699
700
  key: `table_${ce.value}`,
700
701
  colNames: H.value.colNames,
701
702
  head: H.value.head,
@@ -720,7 +721,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
720
721
  }, 8, ["config"])) : c("", !0)
721
722
  ], 46, _t));
722
723
  }
723
- }, nl = /* @__PURE__ */ Tt(Kt, [["__scopeId", "data-v-30199d7e"]]);
724
+ }, nl = /* @__PURE__ */ Tt(Kt, [["__scopeId", "data-v-2953e6f7"]]);
724
725
  export {
725
726
  nl as default
726
727
  };
@@ -1,6 +1,6 @@
1
- import { a4 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, G as J, u as K, p as Z } from "./index-CbcpITE_.js";
2
- import q from "./vue-ui-xy-BA7xWU7_.js";
3
- import Q from "./vue-ui-donut-CyOg8kph.js";
1
+ import { a4 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, G as J, u as K, p as Z } from "./index-BzQ0j5xI.js";
2
+ import q from "./vue-ui-xy-0gHPOOwZ.js";
3
+ import Q from "./vue-ui-donut-DcjJqRof.js";
4
4
  import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createElementVNode as a, createCommentVNode as b, toDisplayString as d, Fragment as I, renderList as _, normalizeClass as p, createTextVNode as w, withDirectives as O, vModelText as S, withKeys as L, withModifiers as A, vModelSelect as $, createBlock as E, createVNode as ee } from "vue";
5
5
  import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
6
6
  const se = {