vue-data-ui 3.0.0-next.73 → 3.0.0-next.75

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 (95) hide show
  1. package/dist/{Arrow-DSSjD4Ff.js → Arrow-BwHd8_RD.js} +1 -1
  2. package/dist/{BaseDraggableDialog-B95qHlBZ.js → BaseDraggableDialog-KQBTblkY.js} +2 -2
  3. package/dist/{BaseIcon-D4UMFIS-.js → BaseIcon-DtvtEJ1c.js} +1 -1
  4. package/dist/{ColorPicker-DFI3NleD.js → ColorPicker-hzwy_EBE.js} +2 -2
  5. package/dist/{DataTable-CMMsXA0n.js → DataTable-B8A2TrM1.js} +2 -2
  6. package/dist/{Legend-C5UNFNQQ.js → Legend-BEYv5Hve.js} +2 -2
  7. package/dist/{NonSvgPenAndPaper-DAR9-Zzo.js → NonSvgPenAndPaper-BbMZSi-f.js} +3 -3
  8. package/dist/{PackageVersion-B1daxzGa.js → PackageVersion-BcbUFlxz.js} +1 -1
  9. package/dist/{PenAndPaper-CBpnHUIk.js → PenAndPaper-BrZJq3JM.js} +32 -32
  10. package/dist/{RecursiveCircles-Dn3TGoL6.js → RecursiveCircles-BcLb1aRS.js} +15 -13
  11. package/dist/RecursiveLabels-Bgcv0pzu.js +50 -0
  12. package/dist/{RecursiveLinks-ld_gDZH4.js → RecursiveLinks-00zGWPf9.js} +20 -18
  13. package/dist/{Shape-BselAAXg.js → Shape-DMT7NFaa.js} +1 -1
  14. package/dist/{Slicer-D3DQKDKt.js → Slicer-CT611t-v.js} +2 -2
  15. package/dist/{SparkTooltip-Bp_VDs91.js → SparkTooltip-67k4zx5c.js} +1 -1
  16. package/dist/{Title-CP3JSAsP.js → Title-F9zfAAgU.js} +1 -1
  17. package/dist/{Tooltip-H-ElnGwO.js → Tooltip-B68QOkdx.js} +1 -1
  18. package/dist/{UserOptions-HpTycUgM.js → UserOptions-Cbl4nxZJ.js} +2 -2
  19. package/dist/{dom-to-png-CfQgUFBr.js → dom-to-png-DeGmdRyf.js} +1 -1
  20. package/dist/{img-Bim7Y1-m.js → img-Cr2U0nLE.js} +1 -1
  21. package/dist/{index-yC6NjpP_.js → index-DRwxHhnC.js} +862 -778
  22. package/dist/{pdf-DiKUcI4N.js → pdf-Cz5CkYwk.js} +1 -1
  23. package/dist/style.css +1 -1
  24. package/dist/types/vue-data-ui.d.cts +60 -13
  25. package/dist/types/vue-data-ui.d.ts +60 -13
  26. package/dist/{useAutoSizeLabelsInsideViewbox-CZnSPf_C.js → useAutoSizeLabelsInsideViewbox-CjmXpH45.js} +1 -1
  27. package/dist/{useNestedProp-CF55-wsO.js → useNestedProp-8MTWT4Pg.js} +1 -1
  28. package/dist/{usePrinter-DC8yU0M6.js → usePrinter-DKX-yL5f.js} +2 -2
  29. package/dist/{vue-data-ui-D0AafFtx.js → vue-data-ui-BW0lzlcM.js} +64 -64
  30. package/dist/vue-data-ui.js +1 -1
  31. package/dist/{vue-ui-3d-bar-CvHFid3D.js → vue-ui-3d-bar-j9D43HWL.js} +6 -6
  32. package/dist/{vue-ui-accordion-D1RDCQOF.js → vue-ui-accordion-D0325Yrd.js} +3 -3
  33. package/dist/{vue-ui-age-pyramid-BdyLeyYg.js → vue-ui-age-pyramid-dP_NW2kL.js} +59 -58
  34. package/dist/{vue-ui-annotator-C_bRFtcX.js → vue-ui-annotator-Bw2g8LOg.js} +2 -2
  35. package/dist/{vue-ui-bullet-DZUwoLaN.js → vue-ui-bullet-BqVlxHYT.js} +7 -7
  36. package/dist/{vue-ui-candlestick-CS7PhJFI.js → vue-ui-candlestick-CKCagj01.js} +96 -95
  37. package/dist/{vue-ui-carousel-table-BALWOIi7.js → vue-ui-carousel-table-QRNV-0VC.js} +4 -4
  38. package/dist/{vue-ui-chestnut-ofw7Kv6_.js → vue-ui-chestnut-BdIgibam.js} +5 -5
  39. package/dist/{vue-ui-chord-D4COvMcc.js → vue-ui-chord-Dw-UF4RX.js} +8 -8
  40. package/dist/{vue-ui-circle-pack-CN8Y_fbd.js → vue-ui-circle-pack-ImYIQP8V.js} +6 -6
  41. package/dist/{vue-ui-cursor-BZzYhn1r.js → vue-ui-cursor-BIQkbYQz.js} +2 -2
  42. package/dist/{vue-ui-dashboard-CL15hNdX.js → vue-ui-dashboard-CAFip_uX.js} +62 -62
  43. package/dist/{vue-ui-digits-BNgAR6Ty.js → vue-ui-digits-BMEUuWRr.js} +2 -2
  44. package/dist/{vue-ui-donut-vjWFIVVT.js → vue-ui-donut-K3f5Dqve.js} +8 -8
  45. package/dist/{vue-ui-donut-evolution-BGmV-HK9.js → vue-ui-donut-evolution-B5FbgGlB.js} +12 -11
  46. package/dist/{vue-ui-dumbbell-0XOfrNz5.js → vue-ui-dumbbell-CwiKlghV.js} +11 -10
  47. package/dist/{vue-ui-flow-Br-wzIvL.js → vue-ui-flow-CCoZD3YV.js} +7 -7
  48. package/dist/{vue-ui-funnel-DzedRSBG.js → vue-ui-funnel-Gk5bNkol.js} +6 -6
  49. package/dist/{vue-ui-galaxy-CZ_yUdUc.js → vue-ui-galaxy-BhYH8-mt.js} +5 -5
  50. package/dist/{vue-ui-gauge-uy-r5_ts.js → vue-ui-gauge-DR_nvYW0.js} +7 -7
  51. package/dist/{vue-ui-gizmo-BQhw5JEa.js → vue-ui-gizmo-D1CUaofC.js} +3 -3
  52. package/dist/{vue-ui-heatmap-Cp9MFC-v.js → vue-ui-heatmap-Xnjj2b1_.js} +13 -13
  53. package/dist/{vue-ui-history-plot-Cf5Jb5bh.js → vue-ui-history-plot-CuEE88nq.js} +38 -37
  54. package/dist/{vue-ui-kpi-Y1hL7GmA.js → vue-ui-kpi-Br-BibKH.js} +3 -3
  55. package/dist/{vue-ui-mini-loader-CtyAttV-.js → vue-ui-mini-loader-DmGFQW5A.js} +2 -2
  56. package/dist/vue-ui-molecule-BjQ7idOR.js +656 -0
  57. package/dist/{vue-ui-mood-radar-BWzqpz-S.js → vue-ui-mood-radar-CIwcZNTV.js} +7 -7
  58. package/dist/{vue-ui-nested-donuts-CDpwfAN2.js → vue-ui-nested-donuts-Dw1U6JuY.js} +9 -9
  59. package/dist/{vue-ui-onion-DyKREw1v.js → vue-ui-onion-CUQ5JreB.js} +8 -8
  60. package/dist/{vue-ui-parallel-coordinate-plot-DNXNpjFr.js → vue-ui-parallel-coordinate-plot-D3kyw1a6.js} +38 -37
  61. package/dist/{vue-ui-quadrant-CYBYnBGc.js → vue-ui-quadrant-CA_Mh9QR.js} +8 -8
  62. package/dist/{vue-ui-quick-chart-BjdF07yD.js → vue-ui-quick-chart-BUoQKWPQ.js} +72 -71
  63. package/dist/{vue-ui-radar-Di-SJYfb.js → vue-ui-radar-D2SghfL3.js} +8 -8
  64. package/dist/{vue-ui-rating-CU8NifYD.js → vue-ui-rating-C9oYMQRo.js} +2 -2
  65. package/dist/{vue-ui-relation-circle-CAOK7rm3.js → vue-ui-relation-circle-Ds5Gybt6.js} +7 -7
  66. package/dist/{vue-ui-ridgeline-GPu2Vvus.js → vue-ui-ridgeline-Dkn2NjuC.js} +16 -12
  67. package/dist/{vue-ui-rings-BdiWrA9u.js → vue-ui-rings-BmJDXPg9.js} +8 -8
  68. package/dist/{vue-ui-scatter-DDkfRnEn.js → vue-ui-scatter-ovPHb3RJ.js} +8 -8
  69. package/dist/{vue-ui-skeleton-B-hXFx8d.js → vue-ui-skeleton-ZrzdjEiG.js} +3 -3
  70. package/dist/{vue-ui-smiley-BVY3aoLN.js → vue-ui-smiley-Dc580yLr.js} +2 -2
  71. package/dist/{vue-ui-spark-trend-9iJOtdiO.js → vue-ui-spark-trend-CJAm5oNp.js} +3 -3
  72. package/dist/{vue-ui-sparkbar-BUwb_Cai.js → vue-ui-sparkbar-C-K6vOJc.js} +3 -3
  73. package/dist/{vue-ui-sparkgauge-zAH9pBNs.js → vue-ui-sparkgauge-DtBsUB6l.js} +3 -3
  74. package/dist/{vue-ui-sparkhistogram-DJNIVe8_.js → vue-ui-sparkhistogram-1A-UVZ1X.js} +4 -4
  75. package/dist/{vue-ui-sparkline-CLNGpAWN.js → vue-ui-sparkline-BJCBmtYN.js} +3 -3
  76. package/dist/{vue-ui-sparkstackbar-BaBWSDJQ.js → vue-ui-sparkstackbar-D3yEWDpd.js} +3 -3
  77. package/dist/{vue-ui-stackbar-BeYObYAK.js → vue-ui-stackbar-B_u2bU2k.js} +13 -12
  78. package/dist/{vue-ui-strip-plot-Bx_gFqdA.js → vue-ui-strip-plot-B2erBLNX.js} +11 -10
  79. package/dist/{vue-ui-table-BYck0KzF.js → vue-ui-table-CdRtegHC.js} +3 -3
  80. package/dist/{vue-ui-table-heatmap-Bzmq-Cuf.js → vue-ui-table-heatmap-tn4JSmq5.js} +5 -5
  81. package/dist/{vue-ui-table-sparkline-C3hqLejN.js → vue-ui-table-sparkline-y9McUHwt.js} +4 -4
  82. package/dist/{vue-ui-thermometer-D-T8l96n.js → vue-ui-thermometer-CuXs-sfl.js} +7 -7
  83. package/dist/{vue-ui-timer-Cemsg65D.js → vue-ui-timer-BkkUQrej.js} +5 -5
  84. package/dist/{vue-ui-tiremarks-Vpcrptou.js → vue-ui-tiremarks-tZzY1FE6.js} +6 -6
  85. package/dist/{vue-ui-treemap-pDBDb6YS.js → vue-ui-treemap-B3i7f6Tl.js} +8 -8
  86. package/dist/{vue-ui-vertical-bar-c3bZjEFp.js → vue-ui-vertical-bar-CLfMz3aJ.js} +9 -9
  87. package/dist/{vue-ui-waffle-BraVnSOA.js → vue-ui-waffle-BZTtHVM8.js} +8 -8
  88. package/dist/{vue-ui-wheel-C4nBwldq.js → vue-ui-wheel-V8_HgtK2.js} +6 -6
  89. package/dist/{vue-ui-word-cloud-CrUAfQVc.js → vue-ui-word-cloud-BO1aQiDm.js} +6 -6
  90. package/dist/{vue-ui-world-CBvxCA9O.js → vue-ui-world-B7pMvuOq.js} +6 -6
  91. package/dist/{vue-ui-xy-CvjDEG3I.js → vue-ui-xy-CUSoIaeT.js} +13 -12
  92. package/dist/{vue-ui-xy-canvas-BQvj0rhW.js → vue-ui-xy-canvas-C-73QYfd.js} +8 -8
  93. package/package.json +1 -1
  94. package/dist/RecursiveLabels-NTMB9w5C.js +0 -49
  95. package/dist/vue-ui-molecule-CMIkxVGa.js +0 -599
@@ -1,12 +1,12 @@
1
- import { defineAsyncComponent as R, computed as g, ref as v, toRefs as tt, watch as Z, shallowRef as _e, onMounted as lt, onBeforeUnmount as Ae, watchEffect as at, createElementBlock as r, openBlock as i, unref as u, normalizeStyle as ee, normalizeClass as Le, createBlock as M, createCommentVNode as y, renderSlot as h, createVNode as Ce, createSlots as ot, withCtx as p, normalizeProps as P, guardReactiveProps as N, createElementVNode as d, Fragment as L, renderList as $, toDisplayString as C, createTextVNode as Te, nextTick as st } from "vue";
2
- import { u as it, c as ut, t as rt, b as nt, o as $e, f as vt, h as f, X as dt, s as te, x as Se, k as S, i as z, v as yt, w as ht, y as ct, z as ft } from "./index-yC6NjpP_.js";
1
+ import { defineAsyncComponent as R, computed as g, ref as v, toRefs as tt, watch as Z, shallowRef as _e, onMounted as lt, onBeforeUnmount as Ae, watchEffect as at, createElementBlock as n, openBlock as i, unref as u, normalizeStyle as ee, normalizeClass as Le, createBlock as M, createCommentVNode as y, renderSlot as h, createVNode as Ce, createSlots as ot, withCtx as p, normalizeProps as P, guardReactiveProps as N, createElementVNode as d, Fragment as L, renderList as $, toDisplayString as C, createTextVNode as Te, nextTick as st } from "vue";
2
+ import { u as it, c as ut, t as nt, b as rt, o as $e, f as vt, h as f, X as dt, s as te, x as Se, k as S, i as z, v as yt, w as ht, y as ct, z as ft } from "./index-DRwxHhnC.js";
3
3
  import { t as ze, u as gt } from "./useResponsive-DfdjqQps.js";
4
- import { u as Ie } from "./useNestedProp-CF55-wsO.js";
5
- import { u as pt } from "./usePrinter-DC8yU0M6.js";
4
+ import { u as Ie } from "./useNestedProp-8MTWT4Pg.js";
5
+ import { u as pt } from "./usePrinter-DKX-yL5f.js";
6
6
  import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
7
7
  import { u as xt } from "./useChartAccessibility-9icAAmYg.js";
8
- import mt from "./Title-CP3JSAsP.js";
9
- import wt from "./img-Bim7Y1-m.js";
8
+ import mt from "./Title-F9zfAAgU.js";
9
+ import wt from "./img-Cr2U0nLE.js";
10
10
  import { u as kt } from "./useTimeLabelCollider-CIsgDrl9.js";
11
11
  import { u as _t, B as At } from "./useLoading-D7YHNtLX.js";
12
12
  import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -30,7 +30,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
30
30
  }
31
31
  },
32
32
  setup(le, { expose: Oe }) {
33
- const Fe = R(() => import("./vue-ui-accordion-D1RDCQOF.js")), Re = R(() => import("./DataTable-CMMsXA0n.js")), Me = R(() => import("./PackageVersion-B1daxzGa.js")), Pe = R(() => import("./PenAndPaper-CBpnHUIk.js")), Ne = R(() => import("./Tooltip-H-ElnGwO.js")), Ee = R(() => import("./UserOptions-HpTycUgM.js")), { vue_ui_age_pyramid: De } = it(), b = le, ae = g(() => !!b.dataset && b.dataset.length), w = v(ut()), Be = v(null), V = v(!1), W = v(""), D = v(null), oe = v(0), k = v(null), se = v(null), ie = v(null), ue = v(null), re = v(0), ne = v(0), X = v(null), e = v(q()), { loading: ve, FINAL_DATASET: B, manualLoading: j } = _t({
33
+ const Fe = R(() => import("./vue-ui-accordion-D0325Yrd.js")), Re = R(() => import("./DataTable-B8A2TrM1.js")), Me = R(() => import("./PackageVersion-BcbUFlxz.js")), Pe = R(() => import("./PenAndPaper-BrZJq3JM.js")), Ne = R(() => import("./Tooltip-B68QOkdx.js")), Ee = R(() => import("./UserOptions-Cbl4nxZJ.js")), { vue_ui_age_pyramid: De } = it(), b = le, ae = g(() => !!b.dataset && b.dataset.length), w = v(ut()), Be = v(null), V = v(!1), W = v(""), D = v(null), oe = v(0), k = v(null), se = v(null), ie = v(null), ue = v(null), ne = v(0), re = v(0), X = v(null), e = v(q()), { loading: ve, FINAL_DATASET: B, manualLoading: j } = _t({
34
34
  ...tt(b),
35
35
  FINAL_CONFIG: e,
36
36
  prepareConfig: q,
@@ -46,7 +46,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
46
46
  ["_", 1, 89, 89],
47
47
  ["_", 0, 144, 144]
48
48
  ],
49
- skeletonConfig: rt({
49
+ skeletonConfig: nt({
50
50
  defaultConfig: e.value,
51
51
  userConfig: {
52
52
  userOptions: { show: !1 },
@@ -87,13 +87,13 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
87
87
  });
88
88
  return t.theme ? {
89
89
  ...Ie({
90
- userConfig: nt.vue_ui_age_pyramid[t.theme] || b.config,
90
+ userConfig: rt.vue_ui_age_pyramid[t.theme] || b.config,
91
91
  defaultConfig: t
92
92
  })
93
93
  } : t;
94
94
  }
95
95
  Z(() => b.config, (t) => {
96
- ve.value || (e.value = q()), Y.value = !e.value.userOptions.showOnChartHover, ce(), re.value += 1, ne.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.tooltip.show;
96
+ ve.value || (e.value = q()), Y.value = !e.value.userOptions.showOnChartHover, ce(), ne.value += 1, re.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.tooltip.show;
97
97
  }, { deep: !0 }), Z(() => b.dataset, (t) => {
98
98
  Array.isArray(t) && t.length > 0 && (j.value = !1);
99
99
  }, { deep: !0 });
@@ -177,10 +177,10 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
177
177
  }), Xe = g(() => B.value.map((t) => e.value.style.layout.dataLabels.yAxis.display === "age" ? t[1] : t[0])), A = g(() => {
178
178
  const t = je(E.value / 5), o = [], l = [];
179
179
  for (let a = 0; a <= 5; a += 1) {
180
- const n = t * a, m = t * (a - 5);
180
+ const r = t * a, m = t * (a - 5);
181
181
  o.push({
182
- value: n,
183
- x: s.value.left + s.value.width / 2 + e.value.style.layout.centerSlit.width + n / E.value * s.value.leftChart.width
182
+ value: r,
183
+ x: s.value.left + s.value.width / 2 + e.value.style.layout.centerSlit.width + r / E.value * s.value.leftChart.width
184
184
  }), l.push({
185
185
  value: Math.abs(m),
186
186
  x: s.value.left + s.value.width / 2 + m / E.value * s.value.leftChart.width - e.value.style.layout.centerSlit.width
@@ -232,8 +232,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
232
232
  };
233
233
  })), J = v(null);
234
234
  function K(t) {
235
- const [o, l, a, n] = t;
236
- return { segment: o, index: l, left: a, right: n };
235
+ const [o, l, a, r] = t;
236
+ return { segment: o, index: l, left: a, right: r };
237
237
  }
238
238
  function qe(t, o) {
239
239
  e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: K(o), seriesIndex: t });
@@ -273,26 +273,26 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
273
273
  });
274
274
  else {
275
275
  let a = "";
276
- const n = T.value[t];
277
- a += `<div><b>${n.segment}</b></div>`, a += `<div>${e.value.translations.age}: ${S(
276
+ const r = T.value[t];
277
+ a += `<div><b>${r.segment}</b></div>`, a += `<div>${e.value.translations.age}: ${S(
278
278
  e.value.style.layout.dataLabels.yAxis.formatter,
279
- f(n.age),
280
- z({ v: f(n.age) }),
279
+ f(r.age),
280
+ z({ v: f(r.age) }),
281
281
  { datapoint: o, seriesIndex: t }
282
282
  )}</div>`, a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, a += '<div style="display:flex; flex-direction:row;gap:12px">', a += `<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_left_${w.value})` : e.value.style.layout.bars.left.color}"/></svg><div>${e.value.translations.female}</div><div><b>${S(
283
283
  e.value.style.layout.dataLabels.xAxis.formatter,
284
- f(n.left.value),
285
- z({ v: f(n.left.value) }),
284
+ f(r.left.value),
285
+ z({ v: f(r.left.value) }),
286
286
  { datapoint: o, seriesIndex: t }
287
287
  )}</b></div></div>`, a += `<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_right_${w.value})` : e.value.style.layout.bars.right.color}"/></svg><div>${e.value.translations.male}</div><div><b>${S(
288
288
  e.value.style.layout.dataLabels.xAxis.formatter,
289
- f(n.right.value),
290
- z({ v: f(n.right.value) }),
289
+ f(r.right.value),
290
+ z({ v: f(r.right.value) }),
291
291
  { datapoint: o, seriesIndex: t }
292
292
  )}</b></div></div>`, a += "</div>", a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}"><div>${e.value.translations.total}</div><div><b>${S(
293
293
  e.value.style.layout.dataLabels.xAxis.formatter,
294
- f(n.right.value) + f(n.left.value),
295
- z({ v: f(n.right.value) + f(n.left.value) }),
294
+ f(r.right.value) + f(r.left.value),
295
+ z({ v: f(r.right.value) + f(r.left.value) }),
296
296
  { datapoint: o, seriesIndex: t }
297
297
  )}</b></div></div>`, a += "</div>", W.value = `<div>${a}</div>`;
298
298
  }
@@ -306,8 +306,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
306
306
  m[2],
307
307
  m[3],
308
308
  m[2] + m[3]
309
- ]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(l), n = yt(a);
310
- t ? t(n) : ht({ csvContent: n, title: e.value.style.title.text || "vue-ui-heatmap" });
309
+ ]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([o]).concat(l), r = yt(a);
310
+ t ? t(r) : ht({ csvContent: r, title: e.value.style.title.text || "vue-ui-heatmap" });
311
311
  });
312
312
  }
313
313
  const H = g(() => {
@@ -353,9 +353,9 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
353
353
  }
354
354
  async function Qe({ scale: t = 2 } = {}) {
355
355
  if (!k.value) return;
356
- const { width: o, height: l } = k.value.getBoundingClientRect(), a = o / l, { imageUri: n, base64: m } = await wt({ domElement: k.value, base64: !0, img: !0, scale: t });
356
+ const { width: o, height: l } = k.value.getBoundingClientRect(), a = o / l, { imageUri: r, base64: m } = await wt({ domElement: k.value, base64: !0, img: !0, scale: t });
357
357
  return {
358
- imageUri: n,
358
+ imageUri: r,
359
359
  base64: m,
360
360
  title: e.value.style.title.text,
361
361
  width: o,
@@ -370,11 +370,12 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
370
370
  slicer: et,
371
371
  configRef: e,
372
372
  rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
373
- autoRotatePath: ["style", "layout", "dataLabels", "xAxis", "autoRotate"],
373
+ autoRotatePath: ["style", "layout", "dataLabels", "xAxis", "autoRotate", "enable"],
374
374
  isAutoSize: !1,
375
375
  width: Ue,
376
376
  height: Ve,
377
- targetClass: ".vue-ui-age-pyramid-x-axis-label"
377
+ targetClass: ".vue-ui-age-pyramid-x-axis-label",
378
+ rotation: e.value.style.layout.dataLabels.xAxis.autoRotate.angle
378
379
  }), Oe({
379
380
  getImage: Qe,
380
381
  generatePdf: pe,
@@ -384,7 +385,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
384
385
  toggleTooltip: ke,
385
386
  toggleAnnotator: Q,
386
387
  toggleFullscreen: me
387
- }), (t, o) => (i(), r("div", {
388
+ }), (t, o) => (i(), n("div", {
388
389
  class: Le(`vue-ui-age-pyramid ${F.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
389
390
  ref_key: "agePyramid",
390
391
  ref: k,
@@ -401,21 +402,21 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
401
402
  active: U.value,
402
403
  onClose: Q
403
404
  }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
404
- He.value ? (i(), r("div", {
405
+ He.value ? (i(), n("div", {
405
406
  key: 1,
406
407
  ref_key: "noTitle",
407
408
  ref: ue,
408
409
  class: "vue-data-ui-no-title-space",
409
410
  style: "height:36px; width: 100%;background:transparent"
410
411
  }, null, 512)) : y("", !0),
411
- e.value.style.title.text ? (i(), r("div", {
412
+ e.value.style.title.text ? (i(), n("div", {
412
413
  key: 2,
413
414
  ref_key: "chartTitle",
414
415
  ref: se,
415
416
  style: "width:100%;background:transparent"
416
417
  }, [
417
418
  (i(), M(mt, {
418
- key: `title_${re.value}`,
419
+ key: `title_${ne.value}`,
419
420
  config: {
420
421
  title: {
421
422
  cy: "pyramid-div-title",
@@ -520,7 +521,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
520
521
  key: "7"
521
522
  } : void 0
522
523
  ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
523
- (i(), r("svg", {
524
+ (i(), n("svg", {
524
525
  ref_key: "svgRef",
525
526
  ref: he,
526
527
  xmlns: u(dt),
@@ -529,7 +530,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
529
530
  style: ee(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
530
531
  }, [
531
532
  Ce(u(Me)),
532
- t.$slots["chart-background"] ? (i(), r("foreignObject", {
533
+ t.$slots["chart-background"] ? (i(), n("foreignObject", {
533
534
  key: 0,
534
535
  x: s.value.left,
535
536
  y: s.value.top,
@@ -575,7 +576,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
575
576
  }, null, 8, Rt)
576
577
  ], 8, Ot)
577
578
  ]),
578
- (i(!0), r(L, null, $(T.value, (l, a) => (i(), r("g", null, [
579
+ (i(!0), n(L, null, $(T.value, (l, a) => (i(), n("g", null, [
579
580
  d("rect", {
580
581
  x: l.left.x,
581
582
  y: l.left.y,
@@ -610,7 +611,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
610
611
  }, null, 8, Et)
611
612
  ]))), 256)),
612
613
  d("g", null, [
613
- e.value.style.layout.dataLabels.sideTitles.show ? (i(), r("g", Dt, [
614
+ e.value.style.layout.dataLabels.sideTitles.show ? (i(), n("g", Dt, [
614
615
  d("text", {
615
616
  x: s.value.left,
616
617
  y: e.value.style.layout.dataLabels.sideTitles.fontSize,
@@ -628,9 +629,9 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
628
629
  "font-weight": e.value.style.layout.dataLabels.sideTitles.bold ? "bold" : "normal"
629
630
  }, C(e.value.translations.male), 9, Gt)
630
631
  ])) : y("", !0),
631
- e.value.style.layout.dataLabels.yAxis.show ? (i(), r("g", Ht, [
632
- (i(!0), r(L, null, $(Xe.value, (l, a) => (i(), r(L, null, [
633
- a % e.value.style.layout.dataLabels.yAxis.showEvery === 0 ? (i(), r("text", {
632
+ e.value.style.layout.dataLabels.yAxis.show ? (i(), n("g", Ht, [
633
+ (i(!0), n(L, null, $(Xe.value, (l, a) => (i(), n(L, null, [
634
+ a % e.value.style.layout.dataLabels.yAxis.showEvery === 0 ? (i(), n("text", {
634
635
  key: 0,
635
636
  x: s.value.centerX,
636
637
  y: s.value.top + s.value.height / O.value * a + e.value.style.layout.dataLabels.yAxis.fontSize / 3,
@@ -646,8 +647,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
646
647
  )), 9, Ut)) : y("", !0)
647
648
  ], 64))), 256))
648
649
  ])) : y("", !0),
649
- e.value.style.layout.dataLabels.xAxis.show ? (i(), r("g", Vt, [
650
- e.value.style.layout.grid.show ? (i(), r("g", Wt, [
650
+ e.value.style.layout.dataLabels.xAxis.show ? (i(), n("g", Vt, [
651
+ e.value.style.layout.grid.show ? (i(), n("g", Wt, [
651
652
  d("line", {
652
653
  x1: A.value.right[0].x,
653
654
  x2: A.value.right.at(-1).x,
@@ -667,8 +668,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
667
668
  "stroke-linecap": "round"
668
669
  }, null, 8, jt)
669
670
  ])) : y("", !0),
670
- (i(!0), r(L, null, $(A.value.right, (l, a) => (i(), r("g", null, [
671
- e.value.style.layout.grid.show ? (i(), r("line", {
671
+ (i(!0), n(L, null, $(A.value.right, (l, a) => (i(), n("g", null, [
672
+ e.value.style.layout.grid.show ? (i(), n("line", {
672
673
  key: 0,
673
674
  x1: l.x,
674
675
  x2: l.x,
@@ -679,8 +680,8 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
679
680
  "stroke-linecap": "round"
680
681
  }, null, 8, Yt)) : y("", !0)
681
682
  ]))), 256)),
682
- (i(!0), r(L, null, $(A.value.left, (l, a) => (i(), r("g", null, [
683
- e.value.style.layout.grid.show ? (i(), r("line", {
683
+ (i(!0), n(L, null, $(A.value.left, (l, a) => (i(), n("g", null, [
684
+ e.value.style.layout.grid.show ? (i(), n("line", {
684
685
  key: 0,
685
686
  x1: l.x,
686
687
  x2: l.x,
@@ -695,7 +696,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
695
696
  ref_key: "xAxisLabels",
696
697
  ref: X
697
698
  }, [
698
- (i(!0), r(L, null, $(A.value.right, (l, a) => (i(), r("text", {
699
+ (i(!0), n(L, null, $(A.value.right, (l, a) => (i(), n("text", {
699
700
  class: "vue-ui-age-pyramid-x-axis-label",
700
701
  "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
701
702
  fill: e.value.style.layout.dataLabels.xAxis.color,
@@ -710,7 +711,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
710
711
  }),
711
712
  { datapoint: l, seriesIndex: a }
712
713
  )), 9, Jt))), 256)),
713
- (i(!0), r(L, null, $(A.value.left, (l, a) => (i(), r("text", {
714
+ (i(!0), n(L, null, $(A.value.left, (l, a) => (i(), n("text", {
714
715
  class: "vue-ui-age-pyramid-x-axis-label",
715
716
  "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
716
717
  fill: e.value.style.layout.dataLabels.xAxis.color,
@@ -736,25 +737,25 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
736
737
  }, C(e.value.style.layout.dataLabels.xAxis.translation), 9, Qt)
737
738
  ])) : y("", !0)
738
739
  ]),
739
- (i(!0), r(L, null, $(le.dataset, (l, a) => (i(), r("g", null, [
740
+ (i(!0), n(L, null, $(le.dataset, (l, a) => (i(), n("g", null, [
740
741
  d("rect", {
741
742
  x: s.value.left,
742
743
  y: s.value.top + s.value.height / O.value * a - e.value.style.layout.bars.gap / 2,
743
744
  width: s.value.width <= 0 ? 1e-4 : s.value.width,
744
745
  height: s.value.height / O.value <= 0 ? 1e-4 : s.value.height / O.value,
745
746
  fill: D.value !== null && D.value === a ? u(te)(e.value.style.highlighter.color, e.value.style.highlighter.opacity) : "transparent",
746
- onMouseover: (n) => Ke(a, l),
747
- onMouseleave: (n) => Je(a, l),
748
- onClick: (n) => qe(a, l)
747
+ onMouseover: (r) => Ke(a, l),
748
+ onMouseleave: (r) => Je(a, l),
749
+ onClick: (r) => qe(a, l)
749
750
  }, null, 40, Zt)
750
751
  ]))), 256)),
751
752
  h(t.$slots, "svg", { svg: c.value }, void 0, !0)
752
753
  ], 14, Tt)),
753
- t.$slots.watermark ? (i(), r("div", el, [
754
+ t.$slots.watermark ? (i(), n("div", el, [
754
755
  h(t.$slots, "watermark", P(N({ isPrinting: u(fe) || u(ge) })), void 0, !0)
755
756
  ])) : y("", !0),
756
757
  h(t.$slots, "legend", { legend: T.value }, void 0, !0),
757
- t.$slots.source ? (i(), r("div", {
758
+ t.$slots.source ? (i(), n("div", {
758
759
  key: 5,
759
760
  ref_key: "source",
760
761
  ref: ie,
@@ -806,7 +807,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
806
807
  }, {
807
808
  content: p(() => [
808
809
  (i(), M(u(Re), {
809
- key: `table_${ne.value}`,
810
+ key: `table_${re.value}`,
810
811
  colNames: H.value.colNames,
811
812
  head: H.value.head,
812
813
  body: H.value.body,
@@ -828,7 +829,7 @@ const Ct = ["id"], Tt = ["xmlns", "viewBox"], $t = ["x", "y", "width", "height"]
828
829
  u(ve) ? (i(), M(At, { key: 7 })) : y("", !0)
829
830
  ], 46, Ct));
830
831
  }
831
- }, cl = /* @__PURE__ */ Lt(tl, [["__scopeId", "data-v-99100ffe"]]);
832
+ }, cl = /* @__PURE__ */ Lt(tl, [["__scopeId", "data-v-11dae844"]]);
832
833
  export {
833
834
  cl as default
834
835
  };
@@ -1,5 +1,5 @@
1
- import { A as p, t as v, u as w, B as A } from "./index-yC6NjpP_.js";
2
- import { d as M } from "./dom-to-png-CfQgUFBr.js";
1
+ import { A as p, t as v, u as w, B as A } from "./index-DRwxHhnC.js";
2
+ import { d as M } from "./dom-to-png-DeGmdRyf.js";
3
3
  import { createElementBlock as d, openBlock as n, createElementVNode as r, normalizeStyle as c, toDisplayString as u, createCommentVNode as a, normalizeClass as y, createStaticVNode as F, withDirectives as N, vModelCheckbox as g, vModelText as C, renderSlot as O, Fragment as L, renderList as G } from "vue";
4
4
  import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
5
  const m = {
@@ -1,12 +1,12 @@
1
1
  import { defineAsyncComponent as W, ref as c, computed as f, onMounted as Se, toRefs as Ie, watch as ie, onBeforeUnmount as Pe, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as D, normalizeClass as ce, createBlock as C, createCommentVNode as i, createElementVNode as I, createSlots as Fe, withCtx as w, renderSlot as m, normalizeProps as P, guardReactiveProps as F, createVNode as He, Fragment as V, renderList as G, toDisplayString as H } from "vue";
2
- import { u as Me, c as Te, t as Re, l as ze, D as Ne, e as Ue, k as M, i as T, X as Ee, o as he, f as ve, g as We, b as De } from "./index-yC6NjpP_.js";
3
- import { u as de } from "./useNestedProp-CF55-wsO.js";
4
- import { u as Ve } from "./usePrinter-DC8yU0M6.js";
2
+ import { u as Me, c as Te, t as Re, l as ze, D as Ne, e as Ue, k as M, i as T, X as Ee, o as he, f as ve, g as We, b as De } from "./index-DRwxHhnC.js";
3
+ import { u as de } from "./useNestedProp-8MTWT4Pg.js";
4
+ import { u as Ve } from "./usePrinter-DKX-yL5f.js";
5
5
  import { u as Ge } from "./useUserOptionState-BIvW1Kz7.js";
6
6
  import { u as je } from "./useChartAccessibility-9icAAmYg.js";
7
- import qe from "./Legend-C5UNFNQQ.js";
8
- import Xe from "./Title-CP3JSAsP.js";
9
- import Ye from "./img-Bim7Y1-m.js";
7
+ import qe from "./Legend-BEYv5Hve.js";
8
+ import Xe from "./Title-F9zfAAgU.js";
9
+ import Ye from "./img-Cr2U0nLE.js";
10
10
  import { t as Je, u as Ke } from "./useResponsive-DfdjqQps.js";
11
11
  import { u as Qe, B as Ze } from "./useLoading-D7YHNtLX.js";
12
12
  import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -39,7 +39,7 @@ const tt = ["id"], at = {
39
39
  }
40
40
  },
41
41
  setup(ge, { expose: fe }) {
42
- const me = W(() => import("./PackageVersion-B1daxzGa.js")), ye = W(() => import("./PenAndPaper-CBpnHUIk.js")), pe = W(() => import("./UserOptions-HpTycUgM.js")), { vue_ui_bullet: be } = Me(), L = ge, y = c(null), j = c(null), q = c(0), X = c(null), Y = c(null), ke = c(0), x = c(null), O = c(null), p = f({
42
+ const me = W(() => import("./PackageVersion-BcbUFlxz.js")), ye = W(() => import("./PenAndPaper-BrZJq3JM.js")), pe = W(() => import("./UserOptions-Cbl4nxZJ.js")), { vue_ui_bullet: be } = Me(), L = ge, y = c(null), j = c(null), q = c(0), X = c(null), Y = c(null), ke = c(0), x = c(null), O = c(null), p = f({
43
43
  get: () => u.value.hasOwnProperty("value"),
44
44
  set: (t) => t
45
45
  }), A = f(() => u.value.segments ? Array.isArray(u.value.segments) ? u.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure: