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,6 +1,6 @@
1
1
  import { ref as $, useSlots as q, onMounted as R, computed as x, watch as J, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as f, unref as n, Fragment as B, renderList as Q, renderSlot as j, mergeProps as O, withKeys as ee } from "vue";
2
- import { u as te, c as le, o as oe, e as ae, i as b, f as _, X as z, w as X, Z as I } from "./index-CbcpITE_.js";
3
- import { u as ie } from "./useNestedProp-y56W8I7J.js";
2
+ import { u as te, c as le, o as oe, e as ae, i as b, f as _, X as z, w as X, Z as I } from "./index-BzQ0j5xI.js";
3
+ import { u as ie } from "./useNestedProp-DqpZEE3h.js";
4
4
  import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
5
  const ne = {
6
6
  key: 0,
@@ -1,13 +1,13 @@
1
- import { useCssVars as Je, computed as y, defineAsyncComponent as R, ref as o, watch as Ke, shallowRef as ke, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as a, openBlock as i, unref as n, normalizeStyle as L, createBlock as B, createCommentVNode as v, createSlots as et, withCtx as I, renderSlot as h, normalizeProps as E, guardReactiveProps as T, normalizeClass as Y, createVNode as tt, createElementVNode as lt, Fragment as O, renderList as z, mergeProps as we, toDisplayString as N } from "vue";
2
- import { u as st, c as it, t as nt, p as be, a as at, b as rt, o as ut, e as xe, g as ot, X as ct, G as $e, i as q, f as H, F as J } from "./index-CbcpITE_.js";
1
+ import { useCssVars as Je, computed as y, defineAsyncComponent as R, ref as o, watch as Ke, shallowRef as ke, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as n, openBlock as i, unref as a, normalizeStyle as L, createBlock as B, createCommentVNode as v, createSlots as et, withCtx as I, renderSlot as h, normalizeProps as E, guardReactiveProps as T, normalizeClass as Y, createVNode as tt, createElementVNode as lt, Fragment as O, renderList as z, mergeProps as be, toDisplayString as N } from "vue";
2
+ import { u as st, c as it, t as at, p as we, a as nt, b as rt, o as ut, e as xe, g as ot, X as ct, G as $e, i as q, f as H, F as J } from "./index-BzQ0j5xI.js";
3
3
  import { t as dt, u as vt } from "./useResponsive-JZ9xq-JV.js";
4
- import { u as _e } from "./useNestedProp-y56W8I7J.js";
5
- import { u as ft } from "./usePrinter-u-gQiRNz.js";
4
+ import { u as _e } from "./useNestedProp-DqpZEE3h.js";
5
+ import { u as ft } from "./usePrinter-CpG5jh_z.js";
6
6
  import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
7
7
  import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
8
- import gt from "./Title-Dx8ctnVy.js";
8
+ import gt from "./Title-CJcZXNtK.js";
9
9
  import { _ as mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
10
- const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["cx", "cy", "r", "stroke", "stroke-width"], xt = { key: 1 }, $t = ["stroke", "d", "stroke-width"], _t = { style: { "pointer-events": "none" } }, Ct = ["cx", "cy", "fill", "r", "stroke"], Pt = ["x", "y", "fill", "font-size"], Lt = { key: 2 }, Ot = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], zt = { style: { "pointer-events": "none" } }, At = ["cx", "cy", "fill", "r", "stroke"], It = ["x", "y", "fill", "font-size"], Mt = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], St = ["cx", "cy", "fill", "stroke", "onClick", "r"], Ft = {
10
+ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["cx", "cy", "r", "stroke", "stroke-width"], xt = { key: 1 }, $t = ["stroke", "d", "stroke-width"], _t = { style: { "pointer-events": "none" } }, Ct = ["cx", "cy", "fill", "r", "stroke"], Pt = ["x", "y", "fill", "font-size"], Lt = { key: 2 }, Ot = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], zt = { style: { "pointer-events": "none" } }, At = ["cx", "cy", "fill", "r", "stroke"], It = ["x", "y", "fill", "font-size"], Mt = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], St = ["cx", "cy", "fill", "stroke", "onClick", "r"], Ft = {
11
11
  key: 5,
12
12
  class: "vue-data-ui-watermark"
13
13
  }, Rt = {
@@ -28,31 +28,31 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
28
28
  },
29
29
  setup(Ce, { expose: Pe }) {
30
30
  Je((e) => ({
31
- "411a5426": Be.value,
32
- "8be339f6": Re.value,
33
- "76dbf427": Ee.value
31
+ "0da519e6": Be.value,
32
+ "144048c5": Re.value,
33
+ "4bcc49e7": Ee.value
34
34
  }));
35
- const Le = R(() => import("./PackageVersion-DCAZ9Z7V.js")), Oe = R(() => import("./PenAndPaper-B9RP4oFj.js")), ze = R(() => import("./vue-ui-skeleton-miKWlCAi.js")), Ae = R(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_relation_circle: Ie } = st(), k = Ce, j = y(() => !!k.dataset && Object.keys(k.dataset).length), A = o(it()), K = o(0), M = o(null), Q = o(null), Z = o(null), ee = o(null), te = o(0), l = y({
36
- get: () => ne(),
35
+ const Le = R(() => import("./PackageVersion-OcbP0WH2.js")), Oe = R(() => import("./PenAndPaper-BgPXmpGI.js")), ze = R(() => import("./vue-ui-skeleton-CavMQlAm.js")), Ae = R(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_relation_circle: Ie } = st(), k = Ce, j = y(() => !!k.dataset && Object.keys(k.dataset).length), A = o(it()), K = o(0), M = o(null), Q = o(null), Z = o(null), ee = o(null), te = o(0), l = y({
36
+ get: () => ae(),
37
37
  set: (e) => e
38
38
  }), { userOptionsVisible: U, setUserOptionsVisibility: le, keepUserOptionState: se } = yt({ config: l.value }), { svgRef: ie } = ht({ config: l.value.style.title });
39
- function ne() {
39
+ function ae() {
40
40
  const e = _e({
41
41
  userConfig: k.config,
42
42
  defaultConfig: Ie
43
43
  });
44
44
  return e.theme ? {
45
45
  ..._e({
46
- userConfig: at.vue_ui_relation_circle[e.theme] || k.config,
46
+ userConfig: nt.vue_ui_relation_circle[e.theme] || k.config,
47
47
  defaultConfig: e
48
48
  }),
49
- customPalette: nt[e.theme] || be
49
+ customPalette: at[e.theme] || we
50
50
  } : e;
51
51
  }
52
52
  Ke(() => k.config, (e) => {
53
- l.value = ne(), U.value = !l.value.userOptions.showOnChartHover, fe(), te.value += 1;
53
+ l.value = ae(), U.value = !l.value.userOptions.showOnChartHover, fe(), te.value += 1;
54
54
  }, { deep: !0 });
55
- const { isPrinting: ae, isImaging: re, generatePdf: ue, generateImage: oe } = ft({
55
+ const { isPrinting: ne, isImaging: re, generatePdf: ue, generateImage: oe } = ft({
56
56
  elementId: `relation_circle_${A.value}`,
57
57
  fileName: l.value.style.title.text || "vue-ui-relation-circle",
58
58
  options: l.value.userOptions.print
@@ -66,7 +66,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
66
66
  set(e) {
67
67
  return e;
68
68
  }
69
- }), Fe = y(() => l.value.style.links.curved), Re = y(() => `${l.value.style.animation.speedMs}ms`), Be = y(() => $.value * 2), Ee = y(() => $.value * 4), w = ke(null), C = ke(null);
69
+ }), Fe = y(() => l.value.style.links.curved), Re = y(() => `${l.value.style.animation.speedMs}ms`), Be = y(() => $.value * 2), Ee = y(() => $.value * 4), b = ke(null), C = ke(null);
70
70
  Qe(() => {
71
71
  fe(), document.getElementById(`relation_circle_${A.value}`).addEventListener("click", ye);
72
72
  });
@@ -116,12 +116,12 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
116
116
  }));
117
117
  });
118
118
  });
119
- w.value && (C.value && w.value.unobserve(C.value), w.value.disconnect()), w.value = new ResizeObserver(e), C.value = M.value.parentNode, w.value.observe(C.value);
119
+ b.value && (C.value && b.value.unobserve(C.value), b.value.disconnect()), b.value = new ResizeObserver(e), C.value = M.value.parentNode, b.value.observe(C.value);
120
120
  } else
121
121
  x.value = [], g.value = [], he(), ge();
122
122
  }
123
123
  Ze(() => {
124
- document.getElementById(`relation_circle_${A.value}`).removeEventListener("click", ye), w.value && (C.value && w.value.unobserve(C.value), w.value.disconnect());
124
+ document.getElementById(`relation_circle_${A.value}`).removeEventListener("click", ye), b.value && (C.value && b.value.unobserve(C.value), b.value.disconnect());
125
125
  });
126
126
  function ye(e) {
127
127
  const s = e.target;
@@ -132,7 +132,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
132
132
  let t = 0, r = 0;
133
133
  G.value.forEach((f, d) => {
134
134
  const D = f.weights.reduce((qe, He) => qe + He, 0), X = $.value * Math.cos(t) + u.value.width / 2, Ye = $.value * Math.sin(t) + u.value.height / 2 + l.value.style.circle.offsetY;
135
- x.value.push({ x: X, y: Ye, ...f, color: f.color ? f.color : ce.value[d] ? ce.value[d] : be[d], regAngle: r, totalWeight: D }), t += e, r += s;
135
+ x.value.push({ x: X, y: Ye, ...f, color: f.color ? f.color : ce.value[d] ? ce.value[d] : we[d], regAngle: r, totalWeight: D }), t += e, r += s;
136
136
  });
137
137
  }
138
138
  function Te(e, s) {
@@ -175,7 +175,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
175
175
  function Ue(e) {
176
176
  return Object.hasOwn(c.value, "x") ? m.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
177
177
  }
178
- function b(e) {
178
+ function w(e) {
179
179
  return e.colorSource;
180
180
  }
181
181
  function me(e) {
@@ -215,31 +215,31 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
215
215
  generatePdf: ue,
216
216
  generateImage: oe,
217
217
  toggleAnnotator: W
218
- }), (e, s) => (i(), a("div", {
218
+ }), (e, s) => (i(), n("div", {
219
219
  ref_key: "relationCircleChart",
220
220
  ref: M,
221
221
  class: "vue-ui-relation-circle",
222
222
  style: L(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
223
223
  id: `relation_circle_${A.value}`,
224
- onMouseenter: s[0] || (s[0] = () => n(le)(!0)),
225
- onMouseleave: s[1] || (s[1] = () => n(le)(!1))
224
+ onMouseenter: s[0] || (s[0] = () => a(le)(!0)),
225
+ onMouseleave: s[1] || (s[1] = () => a(le)(!1))
226
226
  }, [
227
- l.value.userOptions.buttons.annotator ? (i(), B(n(Oe), {
227
+ l.value.userOptions.buttons.annotator ? (i(), B(a(Oe), {
228
228
  key: 0,
229
- svgRef: n(ie),
229
+ svgRef: a(ie),
230
230
  backgroundColor: l.value.style.backgroundColor,
231
231
  color: l.value.style.color,
232
232
  active: F.value,
233
233
  onClose: W
234
234
  }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : v("", !0),
235
- Me.value ? (i(), a("div", {
235
+ Me.value ? (i(), n("div", {
236
236
  key: 1,
237
237
  ref_key: "noTitle",
238
238
  ref: ee,
239
239
  class: "vue-data-ui-no-title-space",
240
240
  style: "height:36px; width: 100%;background:transparent"
241
241
  }, null, 512)) : v("", !0),
242
- l.value.style.title.text ? (i(), a("div", {
242
+ l.value.style.title.text ? (i(), n("div", {
243
243
  key: 2,
244
244
  ref_key: "chartTitle",
245
245
  ref: Q,
@@ -259,13 +259,13 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
259
259
  }
260
260
  }, null, 8, ["config"]))
261
261
  ], 512)) : v("", !0),
262
- l.value.userOptions.show && j.value && (n(se) || n(U)) ? (i(), B(n(Ae), {
262
+ l.value.userOptions.show && j.value && (a(se) || a(U)) ? (i(), B(a(Ae), {
263
263
  ref: "details",
264
264
  key: `user_options_${K.value}`,
265
265
  backgroundColor: l.value.style.backgroundColor,
266
266
  color: l.value.style.color,
267
- isPrinting: n(ae),
268
- isImaging: n(re),
267
+ isPrinting: a(ne),
268
+ isImaging: a(re),
269
269
  uid: A.value,
270
270
  hasPdf: l.value.userOptions.buttons.pdf,
271
271
  hasImg: l.value.userOptions.buttons.img,
@@ -277,12 +277,13 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
277
277
  position: l.value.userOptions.position,
278
278
  hasAnnotator: l.value.userOptions.buttons.annotator,
279
279
  isAnnotation: F.value,
280
+ callbacks: l.value.userOptions.callbacks,
280
281
  onToggleFullscreen: Xe,
281
- onGeneratePdf: n(ue),
282
- onGenerateImage: n(oe),
282
+ onGeneratePdf: a(ue),
283
+ onGenerateImage: a(oe),
283
284
  onToggleAnnotator: W,
284
285
  style: L({
285
- visibility: n(se) ? n(U) ? "visible" : "hidden" : "visible"
286
+ visibility: a(se) ? a(U) ? "visible" : "hidden" : "visible"
286
287
  })
287
288
  }, et({ _: 2 }, [
288
289
  e.$slots.menuIcon ? {
@@ -320,19 +321,19 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
320
321
  ]),
321
322
  key: "4"
322
323
  } : void 0
323
- ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
324
- j.value ? (i(), a("svg", {
324
+ ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
325
+ j.value ? (i(), n("svg", {
325
326
  key: 4,
326
327
  ref_key: "svgRef",
327
328
  ref: ie,
328
- xmlns: n(ct),
329
+ xmlns: a(ct),
329
330
  class: Y([{ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }, "relation-circle"]),
330
331
  viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
331
332
  width: "100%",
332
333
  style: "user-select:none; background:transparent"
333
334
  }, [
334
- tt(n(Le)),
335
- e.$slots["chart-background"] ? (i(), a("foreignObject", {
335
+ tt(a(Le)),
336
+ e.$slots["chart-background"] ? (i(), n("foreignObject", {
336
337
  key: 0,
337
338
  x: 0,
338
339
  y: 0,
@@ -343,7 +344,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
343
344
  }
344
345
  }, [
345
346
  h(e.$slots, "chart-background", {}, void 0, !0)
346
- ], 8, wt)) : v("", !0),
347
+ ], 8, bt)) : v("", !0),
347
348
  lt("circle", {
348
349
  cx: (u.value.width <= 0 ? 1e-4 : u.value.width) / 2,
349
350
  cy: (u.value.height <= 0 ? 1e-4 : u.value.height) / 2 + l.value.style.circle.offsetY,
@@ -352,49 +353,49 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
352
353
  "stroke-width": l.value.style.circle.strokeWidth,
353
354
  fill: "transparent",
354
355
  class: "main-circle"
355
- }, null, 8, bt),
356
- Fe.value ? (i(), a("g", xt, [
357
- (i(!0), a(O, null, z(g.value, (t, r) => (i(), a("path", {
356
+ }, null, 8, wt),
357
+ Fe.value ? (i(), n("g", xt, [
358
+ (i(!0), n(O, null, z(g.value, (t, r) => (i(), n("path", {
358
359
  key: `relation_${r}`,
359
360
  style: L(me(t)),
360
- stroke: b(t),
361
+ stroke: w(t),
361
362
  class: Y(["relation", { "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && m.value.includes(t.id) }]),
362
363
  d: `M${t.x1},${t.y1} C${t.x1},${t.y1} ${u.value.width / 2},${u.value.height / 2 + l.value.style.circle.offsetY} ${t.x2},${t.y2}`,
363
364
  fill: "none",
364
365
  "stroke-width": V(t),
365
366
  "stroke-linecap": "round"
366
367
  }, null, 14, $t))), 128)),
367
- (i(!0), a(O, null, z(g.value, (t, r) => (i(), a("g", _t, [
368
- P(t) ? h(e.$slots, "dataLabel", we({
368
+ (i(!0), n(O, null, z(g.value, (t, r) => (i(), n("g", _t, [
369
+ P(t) ? h(e.$slots, "dataLabel", be({
369
370
  key: 0,
370
371
  ref_for: !0
371
372
  }, {
372
373
  x: t.midPointBezier.x,
373
374
  y: t.midPointBezier.y,
374
- color: b(t),
375
+ color: w(t),
375
376
  weight: t.weight,
376
377
  fontSize: p.value
377
378
  }), void 0, !0) : v("", !0),
378
- P(t) && !e.$slots.dataLabel ? (i(), a("circle", {
379
+ P(t) && !e.$slots.dataLabel ? (i(), n("circle", {
379
380
  key: 1,
380
381
  cx: t.midPointBezier.x,
381
382
  cy: t.midPointBezier.y,
382
- fill: b(t),
383
+ fill: w(t),
383
384
  r: p.value,
384
385
  stroke: l.value.style.backgroundColor,
385
386
  "stroke-width": "1"
386
387
  }, null, 8, Ct)) : v("", !0),
387
- P(t) && !e.$slots.dataLabel ? (i(), a("text", {
388
+ P(t) && !e.$slots.dataLabel ? (i(), n("text", {
388
389
  key: 2,
389
390
  x: t.midPointBezier.x,
390
391
  y: t.midPointBezier.y + p.value / 3,
391
- fill: n($e)(b(t)),
392
+ fill: a($e)(w(t)),
392
393
  "text-anchor": "middle",
393
394
  "font-size": p.value
394
- }, N(n(q)(
395
+ }, N(a(q)(
395
396
  l.value.style.weightLabels.formatter,
396
397
  t.weight,
397
- n(H)({
398
+ a(H)({
398
399
  p: l.value.style.weightLabels.prefix,
399
400
  v: t.weight,
400
401
  s: l.value.style.weightLabels.suffix,
@@ -403,10 +404,10 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
403
404
  { ...t }
404
405
  )), 9, Pt)) : v("", !0)
405
406
  ]))), 256))
406
- ])) : (i(), a("g", Lt, [
407
- (i(!0), a(O, null, z(g.value, (t, r) => (i(), a("line", {
407
+ ])) : (i(), n("g", Lt, [
408
+ (i(!0), n(O, null, z(g.value, (t, r) => (i(), n("line", {
408
409
  key: `relation_${r}`,
409
- stroke: b(t),
410
+ stroke: w(t),
410
411
  "stroke-width": V(t),
411
412
  style: L(me(t)),
412
413
  x1: t.x1,
@@ -416,37 +417,37 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
416
417
  class: Y({ "vue-ui-relation-circle-selected": c.value.hasOwnProperty("id") && m.value.includes(t.id) }),
417
418
  "stroke-linecap": "round"
418
419
  }, null, 14, Ot))), 128)),
419
- (i(!0), a(O, null, z(g.value, (t, r) => (i(), a("g", zt, [
420
- P(t) ? h(e.$slots, "dataLabel", we({
420
+ (i(!0), n(O, null, z(g.value, (t, r) => (i(), n("g", zt, [
421
+ P(t) ? h(e.$slots, "dataLabel", be({
421
422
  key: 0,
422
423
  ref_for: !0
423
424
  }, {
424
425
  x: t.midPointLine.x,
425
426
  y: t.midPointLine.y,
426
- color: b(t),
427
+ color: w(t),
427
428
  weight: t.weight,
428
429
  fontSize: p.value
429
430
  }), void 0, !0) : v("", !0),
430
- P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), a("circle", {
431
+ P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("circle", {
431
432
  key: 1,
432
433
  cx: t.midPointLine.x,
433
434
  cy: t.midPointLine.y,
434
- fill: b(t),
435
+ fill: w(t),
435
436
  r: p.value,
436
437
  stroke: l.value.style.backgroundColor,
437
438
  "stroke-width": "1"
438
439
  }, null, 8, At)) : v("", !0),
439
- P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), a("text", {
440
+ P(t) && !e.$slots.dataLabel && l.value.style.weightLabels.show ? (i(), n("text", {
440
441
  key: 2,
441
442
  x: t.midPointLine.x,
442
443
  y: t.midPointLine.y + p.value / 3,
443
- fill: n($e)(b(t)),
444
+ fill: a($e)(w(t)),
444
445
  "text-anchor": "middle",
445
446
  "font-size": p.value
446
- }, N(n(q)(
447
+ }, N(a(q)(
447
448
  l.value.style.weightLabels.formatter,
448
449
  t.weight,
449
- n(H)({
450
+ a(H)({
450
451
  p: l.value.style.weightLabels.prefix,
451
452
  v: t.weight,
452
453
  s: l.value.style.weightLabels.suffix,
@@ -456,7 +457,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
456
457
  )), 9, It)) : v("", !0)
457
458
  ]))), 256))
458
459
  ])),
459
- (i(!0), a(O, null, z(x.value, (t, r) => (i(), a("text", {
460
+ (i(!0), n(O, null, z(x.value, (t, r) => (i(), n("text", {
460
461
  key: `plot_text_${r}`,
461
462
  "text-anchor": Ge(t),
462
463
  transform: De(t),
@@ -469,10 +470,10 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
469
470
  style: L(`font-family:${l.value.style.fontFamily};${We(t)}`),
470
471
  "font-size": ve.value,
471
472
  fill: l.value.style.labels.color
472
- }, N(t.label) + " (" + N(n(q)(
473
+ }, N(t.label) + " (" + N(a(q)(
473
474
  l.value.style.weightLabels.formatter,
474
475
  t.totalWeight,
475
- n(H)({
476
+ a(H)({
476
477
  p: l.value.style.weightLabels.prefix,
477
478
  v: t.totalWeight,
478
479
  s: l.value.style.weightLabels.suffix,
@@ -480,7 +481,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
480
481
  }),
481
482
  { ...t }
482
483
  )) + ") ", 13, Mt))), 128)),
483
- (i(!0), a(O, null, z(x.value, (t, r) => (i(), a("circle", {
484
+ (i(!0), n(O, null, z(x.value, (t, r) => (i(), n("circle", {
484
485
  cx: t.x,
485
486
  cy: t.y,
486
487
  key: `plot_${r}`,
@@ -494,10 +495,10 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
494
495
  }, null, 12, St))), 128)),
495
496
  h(e.$slots, "svg", { svg: u.value }, void 0, !0)
496
497
  ], 10, kt)) : v("", !0),
497
- e.$slots.watermark ? (i(), a("div", Ft, [
498
- h(e.$slots, "watermark", E(T({ isPrinting: n(ae) || n(re) })), void 0, !0)
498
+ e.$slots.watermark ? (i(), n("div", Ft, [
499
+ h(e.$slots, "watermark", E(T({ isPrinting: a(ne) || a(re) })), void 0, !0)
499
500
  ])) : v("", !0),
500
- e.$slots.source ? (i(), a("div", {
501
+ e.$slots.source ? (i(), n("div", {
501
502
  key: 6,
502
503
  ref_key: "source",
503
504
  ref: Z,
@@ -505,7 +506,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
505
506
  }, [
506
507
  h(e.$slots, "source", {}, void 0, !0)
507
508
  ], 512)) : v("", !0),
508
- j.value ? v("", !0) : (i(), B(n(ze), {
509
+ j.value ? v("", !0) : (i(), B(a(ze), {
509
510
  key: 7,
510
511
  config: {
511
512
  type: "relationCircle",
@@ -519,7 +520,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], wt = ["width", "height"], bt = ["c
519
520
  }, null, 8, ["config"]))
520
521
  ], 44, pt));
521
522
  }
522
- }, Dt = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-e87da162"]]);
523
+ }, Dt = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-99ea3a35"]]);
523
524
  export {
524
525
  Dt as default
525
526
  };