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

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 (90) hide show
  1. package/README.md +15 -0
  2. package/dist/{Arrow-HbfibAF0.js → Arrow-kQyQXUUg.js} +1 -1
  3. package/dist/{BaseDraggableDialog-DGrErCX-.js → BaseDraggableDialog-DLRFrsDT.js} +2 -2
  4. package/dist/{BaseIcon-j0c6lJUs.js → BaseIcon-DaR0sIWZ.js} +1 -1
  5. package/dist/{ColorPicker-DitXXl-H.js → ColorPicker-Bj3sq9o7.js} +2 -2
  6. package/dist/{DataTable-CsoAI95B.js → DataTable-BBqbcutV.js} +2 -2
  7. package/dist/{Legend-ZW-PFcHg.js → Legend-DRqzYrP9.js} +2 -2
  8. package/dist/{NonSvgPenAndPaper-DJTUaQ94.js → NonSvgPenAndPaper-CQIC2PMP.js} +3 -3
  9. package/dist/{PackageVersion-DCAZ9Z7V.js → PackageVersion-ClpqQxYT.js} +1 -1
  10. package/dist/{PenAndPaper-B9RP4oFj.js → PenAndPaper-B-T7XvxF.js} +3 -3
  11. package/dist/{Shape-BBbhObHC.js → Shape-DEWxbZ-l.js} +1 -1
  12. package/dist/{Slicer-Vh74fjdf.js → Slicer-o6jJH5bw.js} +2 -2
  13. package/dist/{SparkTooltip-CG-HMbX2.js → SparkTooltip-LPnbBoFu.js} +1 -1
  14. package/dist/{Title-Dx8ctnVy.js → Title-apr_T9tg.js} +1 -1
  15. package/dist/{Tooltip-COHlzpZI.js → Tooltip-BuHsMAfp.js} +1 -1
  16. package/dist/{UserOptions-CGn3YdRV.js → UserOptions-OVNxxnq5.js} +144 -133
  17. package/dist/{dom-to-png-BjSUS-jY.js → dom-to-png-C0Ct8ClX.js} +1 -1
  18. package/dist/{img-DWfzRJdv.js → img-P0SFFw37.js} +1 -1
  19. package/dist/{index-CbcpITE_.js → index-CH_mJIWj.js} +185 -127
  20. package/dist/{pdf-Cy09nTjn.js → pdf-Jun3ogRn.js} +1 -1
  21. package/dist/style.css +1 -1
  22. package/dist/types/vue-data-ui.d.cts +42 -0
  23. package/dist/types/vue-data-ui.d.ts +42 -0
  24. package/dist/{useNestedProp-y56W8I7J.js → useNestedProp-rMR-JeOJ.js} +1 -1
  25. package/dist/{usePrinter-u-gQiRNz.js → usePrinter-DJ7WfWUs.js} +2 -2
  26. package/dist/{vue-data-ui-DGmMT-Yp.js → vue-data-ui-D7AaTKU6.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-BfLLrwWi.js} +8 -7
  29. package/dist/{vue-ui-accordion-BkA7rtwr.js → vue-ui-accordion-Ds4zkPIx.js} +3 -3
  30. package/dist/{vue-ui-age-pyramid-bw7gLRlR.js → vue-ui-age-pyramid-C7ca5TG5.js} +41 -40
  31. package/dist/{vue-ui-annotator-C-_zXB7H.js → vue-ui-annotator-DG2z1gw8.js} +2 -2
  32. package/dist/{vue-ui-bullet-BRnz7E8e.js → vue-ui-bullet-Dh25QAEH.js} +9 -8
  33. package/dist/{vue-ui-candlestick-9cPPnO0t.js → vue-ui-candlestick-7Yo_kEV0.js} +9 -8
  34. package/dist/{vue-ui-carousel-table-BJuSGbk2.js → vue-ui-carousel-table-Det9Kwmy.js} +28 -27
  35. package/dist/{vue-ui-chestnut-D2dnrdHT.js → vue-ui-chestnut-DLlFv6Uj.js} +8 -7
  36. package/dist/{vue-ui-chord-Rvygj27H.js → vue-ui-chord-BXlv5Z2x.js} +35 -34
  37. package/dist/{vue-ui-circle-pack-BR79EDAC.js → vue-ui-circle-pack-DdRcdWmx.js} +43 -42
  38. package/dist/{vue-ui-cursor-K11x9TYc.js → vue-ui-cursor-Djtg6Ppw.js} +2 -2
  39. package/dist/{vue-ui-dashboard-BgxqXwqN.js → vue-ui-dashboard-C4MDDCl6.js} +62 -62
  40. package/dist/{vue-ui-digits-D7StMUym.js → vue-ui-digits-8Ox6q1Ov.js} +2 -2
  41. package/dist/{vue-ui-donut-CyOg8kph.js → vue-ui-donut-Hk4EaVhb.js} +10 -9
  42. package/dist/{vue-ui-donut-evolution-CVhQaMNQ.js → vue-ui-donut-evolution-DzgYokPU.js} +10 -9
  43. package/dist/{vue-ui-dumbbell-C7Wex4VO.js → vue-ui-dumbbell-CAC44_Hu.js} +52 -51
  44. package/dist/{vue-ui-flow-DFNdP-V9.js → vue-ui-flow-CYWiZjrP.js} +9 -8
  45. package/dist/{vue-ui-funnel-DqWcZVvF.js → vue-ui-funnel-C2eqxh_8.js} +20 -19
  46. package/dist/{vue-ui-galaxy-BhPbJqYr.js → vue-ui-galaxy-BBfg84E4.js} +7 -6
  47. package/dist/{vue-ui-gauge-sP6YPTJH.js → vue-ui-gauge-BJgJgef_.js} +33 -32
  48. package/dist/{vue-ui-gizmo-B4fq_bGX.js → vue-ui-gizmo-DBclpybR.js} +3 -3
  49. package/dist/{vue-ui-heatmap-CpNjtuyD.js → vue-ui-heatmap-D65wOgqe.js} +10 -9
  50. package/dist/{vue-ui-history-plot-CtgTg4fG.js → vue-ui-history-plot-CHhDy7Da.js} +9 -8
  51. package/dist/{vue-ui-kpi-CN2AE1VF.js → vue-ui-kpi-uT6fsAaO.js} +3 -3
  52. package/dist/{vue-ui-mini-loader-CYt8LlhO.js → vue-ui-mini-loader-CKVlBiYB.js} +2 -2
  53. package/dist/{vue-ui-molecule-D3kexAu_.js → vue-ui-molecule-BwtHZtGN.js} +22 -21
  54. package/dist/{vue-ui-mood-radar-hHqR8eS7.js → vue-ui-mood-radar-Vf4_-R-m.js} +9 -8
  55. package/dist/{vue-ui-nested-donuts-DXwaOA_n.js → vue-ui-nested-donuts-BVkSns4S.js} +44 -43
  56. package/dist/{vue-ui-onion-C7R2R5tf.js → vue-ui-onion-UzMmwtvF.js} +9 -8
  57. package/dist/{vue-ui-parallel-coordinate-plot-Dh772r8W.js → vue-ui-parallel-coordinate-plot-Dk5T3ZAr.js} +10 -9
  58. package/dist/{vue-ui-quadrant-jrOesLSU.js → vue-ui-quadrant-Ck7xALez.js} +10 -9
  59. package/dist/{vue-ui-quick-chart-CtLnhGZA.js → vue-ui-quick-chart-B62Pa0nG.js} +8 -7
  60. package/dist/{vue-ui-radar-BikYRjfw.js → vue-ui-radar-DMfv2hSb.js} +6 -6
  61. package/dist/{vue-ui-rating-DUYbT-Ve.js → vue-ui-rating-CFYHJrxj.js} +2 -2
  62. package/dist/{vue-ui-relation-circle-CjnDrflp.js → vue-ui-relation-circle-RWlfC5BI.js} +75 -74
  63. package/dist/{vue-ui-ridgeline-o7-RpeJx.js → vue-ui-ridgeline-Bh93VzcO.js} +10 -9
  64. package/dist/{vue-ui-rings-Dinj5ws1.js → vue-ui-rings-CyX30Ccv.js} +23 -22
  65. package/dist/{vue-ui-scatter-CODAsxBq.js → vue-ui-scatter-BEDnWByj.js} +10 -9
  66. package/dist/{vue-ui-skeleton-miKWlCAi.js → vue-ui-skeleton-C6PWt_m5.js} +3 -3
  67. package/dist/{vue-ui-smiley-DwqlNm1O.js → vue-ui-smiley-79itAe84.js} +2 -2
  68. package/dist/{vue-ui-spark-trend-BjL35phT.js → vue-ui-spark-trend-AaA4KuaH.js} +3 -3
  69. package/dist/{vue-ui-sparkbar-2o2ZLL50.js → vue-ui-sparkbar-CYBZeaor.js} +3 -3
  70. package/dist/{vue-ui-sparkgauge-CMlBpOcc.js → vue-ui-sparkgauge-ElGarXVS.js} +3 -3
  71. package/dist/{vue-ui-sparkhistogram-C7Ue-aaI.js → vue-ui-sparkhistogram-C_LV99i1.js} +4 -4
  72. package/dist/{vue-ui-sparkline-w29yzdZG.js → vue-ui-sparkline-DwzCA8d6.js} +3 -3
  73. package/dist/{vue-ui-sparkstackbar-DbIxY7W3.js → vue-ui-sparkstackbar-CobB11uw.js} +3 -3
  74. package/dist/{vue-ui-stackbar-CWqpeYW-.js → vue-ui-stackbar-B4SxM5Ix.js} +11 -10
  75. package/dist/{vue-ui-strip-plot-DyjQVaDX.js → vue-ui-strip-plot-9VK_Y3SC.js} +9 -8
  76. package/dist/{vue-ui-table-Bx82XIlz.js → vue-ui-table-DFTE1OH5.js} +3 -3
  77. package/dist/{vue-ui-table-heatmap-RvSyx9L6.js → vue-ui-table-heatmap-DvyJx0j7.js} +48 -47
  78. package/dist/{vue-ui-table-sparkline-DebvtEV3.js → vue-ui-table-sparkline-SGsBnQTK.js} +8 -7
  79. package/dist/{vue-ui-thermometer-yPKRIlqA.js → vue-ui-thermometer-DEMS6HXl.js} +22 -21
  80. package/dist/{vue-ui-timer-C15nOU7T.js → vue-ui-timer-CQ71yJ_N.js} +5 -5
  81. package/dist/{vue-ui-tiremarks-C2G8HtiX.js → vue-ui-tiremarks-CsN_QtUK.js} +38 -37
  82. package/dist/{vue-ui-treemap-cFhw0xSg.js → vue-ui-treemap-B0CPNusH.js} +229 -228
  83. package/dist/{vue-ui-vertical-bar-dWiOw4sV.js → vue-ui-vertical-bar-Cxv-ahMT.js} +12 -11
  84. package/dist/{vue-ui-waffle-Uldnmn6D.js → vue-ui-waffle-TgNNo9UX.js} +66 -65
  85. package/dist/{vue-ui-wheel-Cz79iDLO.js → vue-ui-wheel-Bq0ZLc-R.js} +8 -7
  86. package/dist/{vue-ui-word-cloud-BGeHV6hS.js → vue-ui-word-cloud-D28awCaT.js} +66 -65
  87. package/dist/{vue-ui-world-D1Dy-4mh.js → vue-ui-world-BhUsfhY5.js} +8 -7
  88. package/dist/{vue-ui-xy-BA7xWU7_.js → vue-ui-xy-CEFkua9H.js} +918 -811
  89. package/dist/{vue-ui-xy-canvas-B2kkKb64.js → vue-ui-xy-canvas-oHhzL0ui.js} +53 -52
  90. package/package.json +1 -1
@@ -1,13 +1,13 @@
1
- import { defineAsyncComponent as _, computed as b, ref as v, watch as Re, shallowRef as ce, onMounted as Be, onBeforeUnmount as De, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as H, normalizeClass as ge, createBlock as O, createCommentVNode as y, renderSlot as h, createVNode as pe, createSlots as Ee, withCtx as c, normalizeProps as I, guardReactiveProps as F, createElementVNode as d, Fragment as M, renderList as R, toDisplayString as k, createTextVNode as be, nextTick as Ge } from "vue";
2
- import { u as Ue, c as Ve, a as We, o as Xe, e as je, v as f, X as He, s as Y, w as xe, i as C, f as $, q as Ye, r as qe, x as Je, y as Ke } from "./index-CbcpITE_.js";
1
+ import { defineAsyncComponent as _, computed as b, ref as v, watch as Re, shallowRef as fe, onMounted as Be, onBeforeUnmount as De, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as H, normalizeClass as ge, createBlock as O, createCommentVNode as y, renderSlot as h, createVNode as pe, createSlots as Ee, withCtx as f, normalizeProps as I, guardReactiveProps as F, createElementVNode as d, Fragment as M, renderList as R, toDisplayString as k, createTextVNode as be, nextTick as Ge } from "vue";
2
+ import { u as Ue, c as Ve, a as We, o as Xe, e as je, v as c, X as He, s as Y, w as xe, i as C, f as $, q as Ye, r as qe, x as Je, y as Ke } from "./index-CH_mJIWj.js";
3
3
  import { t as Qe, u as Ze } from "./useResponsive-JZ9xq-JV.js";
4
- import { u as me } from "./useNestedProp-y56W8I7J.js";
5
- import { u as et } from "./usePrinter-u-gQiRNz.js";
4
+ import { u as me } from "./useNestedProp-rMR-JeOJ.js";
5
+ import { u as et } from "./usePrinter-DJ7WfWUs.js";
6
6
  import { u as tt } from "./useUserOptionState-BIvW1Kz7.js";
7
7
  import { u as lt } from "./useChartAccessibility-9icAAmYg.js";
8
- import at from "./Title-Dx8ctnVy.js";
8
+ import at from "./Title-apr_T9tg.js";
9
9
  import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
10
- const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"], rt = ["id"], nt = ["stop-color"], dt = ["stop-color"], vt = ["id"], yt = ["stop-color"], ht = ["stop-color"], ft = ["x", "y", "width", "height", "fill", "rx"], ct = ["x", "y", "width", "height", "fill", "rx"], gt = ["x", "y", "width", "height", "fill", "rx"], pt = ["x", "y", "width", "height", "fill", "rx"], bt = { key: 0 }, xt = ["x", "y", "fill", "font-size", "font-weight"], mt = ["x", "y", "fill", "font-size", "font-weight"], wt = { key: 1 }, kt = ["x", "y", "font-size", "fill", "font-weight"], _t = { key: 2 }, Ct = { key: 0 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x", "y", "font-size", "fill", "font-weight"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zt = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x", "y", "font-size", "fill", "font-weight"], It = ["x", "y", "width", "height", "fill", "onMouseover"], Ft = {
10
+ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"], rt = ["id"], nt = ["stop-color"], dt = ["stop-color"], vt = ["id"], yt = ["stop-color"], ht = ["stop-color"], ct = ["x", "y", "width", "height", "fill", "rx"], ft = ["x", "y", "width", "height", "fill", "rx"], gt = ["x", "y", "width", "height", "fill", "rx"], pt = ["x", "y", "width", "height", "fill", "rx"], bt = { key: 0 }, xt = ["x", "y", "fill", "font-size", "font-weight"], mt = ["x", "y", "fill", "font-size", "font-weight"], wt = { key: 1 }, kt = ["x", "y", "font-size", "fill", "font-weight"], _t = { key: 2 }, Ct = { key: 0 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x", "y", "font-size", "fill", "font-weight"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zt = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x", "y", "font-size", "fill", "font-weight"], It = ["x", "y", "width", "height", "fill", "onMouseover"], Ft = {
11
11
  key: 5,
12
12
  class: "vue-data-ui-watermark"
13
13
  }, Mt = {
@@ -27,7 +27,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
27
27
  }
28
28
  },
29
29
  setup(q, { expose: we }) {
30
- const ke = _(() => import("./vue-ui-accordion-BkA7rtwr.js")), _e = _(() => import("./DataTable-CsoAI95B.js")), Ce = _(() => import("./PackageVersion-DCAZ9Z7V.js")), $e = _(() => import("./PenAndPaper-B9RP4oFj.js")), Te = _(() => import("./vue-ui-skeleton-miKWlCAi.js")), Ae = _(() => import("./Tooltip-COHlzpZI.js")), Le = _(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_age_pyramid: Se } = Ue(), g = q, B = b(() => !!g.dataset && g.dataset.length), m = v(Ve()), ze = v(null), U = v(!1), V = v(""), D = v(null), J = v(0), P = v(null), K = v(null), Q = v(null), Z = v(null), ee = v(0), te = v(0), e = b({
30
+ const ke = _(() => import("./vue-ui-accordion-Ds4zkPIx.js")), _e = _(() => import("./DataTable-BBqbcutV.js")), Ce = _(() => import("./PackageVersion-ClpqQxYT.js")), $e = _(() => import("./PenAndPaper-B-T7XvxF.js")), Te = _(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Ae = _(() => import("./Tooltip-BuHsMAfp.js")), Le = _(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_age_pyramid: Se } = Ue(), g = q, B = b(() => !!g.dataset && g.dataset.length), m = v(Ve()), ze = v(null), U = v(!1), V = v(""), D = v(null), J = v(0), P = v(null), K = v(null), Q = v(null), Z = v(null), ee = v(0), te = v(0), e = b({
31
31
  get: () => se(),
32
32
  set: (t) => t
33
33
  }), { userOptionsVisible: W, setUserOptionsVisibility: le, keepUserOptionState: ae } = tt({ config: e.value }), { svgRef: oe } = lt({ config: e.value.style.title });
@@ -46,7 +46,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
46
46
  Re(() => g.config, (t) => {
47
47
  e.value = se(), W.value = !e.value.userOptions.showOnChartHover, ie(), ee.value += 1, te.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.tooltip.show;
48
48
  }, { deep: !0 });
49
- const w = ce(null), T = ce(null);
49
+ const w = fe(null), T = fe(null);
50
50
  Be(() => {
51
51
  ie();
52
52
  });
@@ -104,13 +104,13 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
104
104
  }), Ie = b(() => g.dataset.map((t) => e.value.style.layout.dataLabels.yAxis.display === "age" ? t[1] : t[0])), A = b(() => {
105
105
  const t = Fe(N.value / 5), s = [], l = [];
106
106
  for (let a = 0; a <= 5; a += 1) {
107
- const n = t * a, fe = t * (a - 5);
107
+ const n = t * a, ce = t * (a - 5);
108
108
  s.push({
109
109
  value: n,
110
110
  x: o.value.left + o.value.width / 2 + e.value.style.layout.centerSlit.width + n / N.value * o.value.leftChart.width
111
111
  }), l.push({
112
- value: Math.abs(fe),
113
- x: o.value.left + o.value.width / 2 + fe / N.value * o.value.leftChart.width - e.value.style.layout.centerSlit.width
112
+ value: Math.abs(ce),
113
+ x: o.value.left + o.value.width / 2 + ce / N.value * o.value.leftChart.width - e.value.style.layout.centerSlit.width
114
114
  });
115
115
  }
116
116
  return {
@@ -124,7 +124,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
124
124
  let a;
125
125
  return t < 0, a = Math.round(t / l) * l, a;
126
126
  }
127
- const N = b(() => Math.max(...g.dataset.flatMap((t) => t.slice(-2).map((s) => f(s))))), L = b(() => g.dataset.length), Me = b(() => g.dataset.map((t) => ({
127
+ const N = b(() => Math.max(...g.dataset.flatMap((t) => t.slice(-2).map((s) => c(s))))), L = b(() => g.dataset.length), Me = b(() => g.dataset.map((t) => ({
128
128
  segment: t[0],
129
129
  age: t[1],
130
130
  left: {
@@ -145,7 +145,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
145
145
  y: l,
146
146
  color: e.value.style.layout.bars.left.color,
147
147
  x: o.value.leftChart.right - t.left.proportionToMax * o.value.leftChart.width,
148
- width: f(t.left.proportionToMax * o.value.leftChart.width),
148
+ width: c(t.left.proportionToMax * o.value.leftChart.width),
149
149
  height: a
150
150
  },
151
151
  right: {
@@ -153,7 +153,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
153
153
  y: l,
154
154
  color: e.value.style.layout.bars.right.color,
155
155
  x: o.value.rightChart.left,
156
- width: f(t.right.proportionToMax * o.value.rightChart.width),
156
+ width: c(t.right.proportionToMax * o.value.rightChart.width),
157
157
  height: a
158
158
  }
159
159
  };
@@ -193,23 +193,23 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
193
193
  const n = S.value[t];
194
194
  a += `<div><b>${n.segment}</b></div>`, a += `<div>${e.value.translations.age}: ${C(
195
195
  e.value.style.layout.dataLabels.yAxis.formatter,
196
- f(n.age),
197
- $({ v: f(n.age) }),
196
+ c(n.age),
197
+ $({ v: c(n.age) }),
198
198
  { datapoint: s, seriesIndex: t }
199
199
  )}</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_${m.value})` : e.value.style.layout.bars.left.color}"/></svg><div>${e.value.translations.female}</div><div><b>${C(
200
200
  e.value.style.layout.dataLabels.xAxis.formatter,
201
- f(n.left.value),
202
- $({ v: f(n.left.value) }),
201
+ c(n.left.value),
202
+ $({ v: c(n.left.value) }),
203
203
  { datapoint: s, seriesIndex: t }
204
204
  )}</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_${m.value})` : e.value.style.layout.bars.right.color}"/></svg><div>${e.value.translations.male}</div><div><b>${C(
205
205
  e.value.style.layout.dataLabels.xAxis.formatter,
206
- f(n.right.value),
207
- $({ v: f(n.right.value) }),
206
+ c(n.right.value),
207
+ $({ v: c(n.right.value) }),
208
208
  { datapoint: s, seriesIndex: t }
209
209
  )}</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>${C(
210
210
  e.value.style.layout.dataLabels.xAxis.formatter,
211
- f(n.right.value) + f(n.left.value),
212
- $({ v: f(n.right.value) + f(n.left.value) }),
211
+ c(n.right.value) + c(n.left.value),
212
+ $({ v: c(n.right.value) + c(n.left.value) }),
213
213
  { datapoint: s, seriesIndex: t }
214
214
  )}</b></div></div>`, a += "</div>", V.value = `<div>${a}</div>`;
215
215
  }
@@ -341,6 +341,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
341
341
  position: e.value.userOptions.position,
342
342
  hasAnnotator: e.value.userOptions.buttons.annotator,
343
343
  isAnnotation: G.value,
344
+ callbacks: e.value.userOptions.callbacks,
344
345
  onToggleFullscreen: Ne,
345
346
  onGeneratePdf: i(ne),
346
347
  onGenerateCsv: ve,
@@ -354,61 +355,61 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
354
355
  }, Ee({ _: 2 }, [
355
356
  t.$slots.menuIcon ? {
356
357
  name: "menuIcon",
357
- fn: c(({ isOpen: l, color: a }) => [
358
+ fn: f(({ isOpen: l, color: a }) => [
358
359
  h(t.$slots, "menuIcon", I(F({ isOpen: l, color: a })), void 0, !0)
359
360
  ]),
360
361
  key: "0"
361
362
  } : void 0,
362
363
  t.$slots.optionTooltip ? {
363
364
  name: "optionTooltip",
364
- fn: c(() => [
365
+ fn: f(() => [
365
366
  h(t.$slots, "optionTooltip", {}, void 0, !0)
366
367
  ]),
367
368
  key: "1"
368
369
  } : void 0,
369
370
  t.$slots.optionPdf ? {
370
371
  name: "optionPdf",
371
- fn: c(() => [
372
+ fn: f(() => [
372
373
  h(t.$slots, "optionPdf", {}, void 0, !0)
373
374
  ]),
374
375
  key: "2"
375
376
  } : void 0,
376
377
  t.$slots.optionCsv ? {
377
378
  name: "optionCsv",
378
- fn: c(() => [
379
+ fn: f(() => [
379
380
  h(t.$slots, "optionCsv", {}, void 0, !0)
380
381
  ]),
381
382
  key: "3"
382
383
  } : void 0,
383
384
  t.$slots.optionImg ? {
384
385
  name: "optionImg",
385
- fn: c(() => [
386
+ fn: f(() => [
386
387
  h(t.$slots, "optionImg", {}, void 0, !0)
387
388
  ]),
388
389
  key: "4"
389
390
  } : void 0,
390
391
  t.$slots.optionTable ? {
391
392
  name: "optionTable",
392
- fn: c(() => [
393
+ fn: f(() => [
393
394
  h(t.$slots, "optionTable", {}, void 0, !0)
394
395
  ]),
395
396
  key: "5"
396
397
  } : void 0,
397
398
  t.$slots.optionFullscreen ? {
398
399
  name: "optionFullscreen",
399
- fn: c(({ toggleFullscreen: l, isFullscreen: a }) => [
400
+ fn: f(({ toggleFullscreen: l, isFullscreen: a }) => [
400
401
  h(t.$slots, "optionFullscreen", I(F({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
401
402
  ]),
402
403
  key: "6"
403
404
  } : void 0,
404
405
  t.$slots.optionAnnotator ? {
405
406
  name: "optionAnnotator",
406
- fn: c(({ toggleAnnotator: l, isAnnotator: a }) => [
407
+ fn: f(({ toggleAnnotator: l, isAnnotator: a }) => [
407
408
  h(t.$slots, "optionAnnotator", I(F({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
408
409
  ]),
409
410
  key: "7"
410
411
  } : void 0
411
- ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
412
+ ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
412
413
  B.value ? (u(), r("svg", {
413
414
  key: 4,
414
415
  ref_key: "svgRef",
@@ -469,11 +470,11 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
469
470
  d("rect", {
470
471
  x: l.left.x,
471
472
  y: l.left.y,
472
- width: i(f)(l.left.width <= 0 ? 1e-4 : l.left.width),
473
+ width: i(c)(l.left.width <= 0 ? 1e-4 : l.left.width),
473
474
  height: l.left.height <= 0 ? 1e-4 : l.left.height,
474
475
  fill: e.value.style.layout.bars.gradient.underlayer,
475
476
  rx: e.value.style.layout.bars.borderRadius
476
- }, null, 8, ft),
477
+ }, null, 8, ct),
477
478
  d("rect", {
478
479
  x: l.left.x,
479
480
  y: l.left.y,
@@ -481,7 +482,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
481
482
  height: l.left.height <= 0 ? 1e-4 : l.left.height,
482
483
  fill: e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_left_${m.value})` : l.left.color,
483
484
  rx: e.value.style.layout.bars.borderRadius
484
- }, null, 8, ct),
485
+ }, null, 8, ft),
485
486
  d("rect", {
486
487
  x: l.right.x,
487
488
  y: l.right.y,
@@ -676,10 +677,10 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
676
677
  isFullscreen: z.value,
677
678
  isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function"
678
679
  }, {
679
- "tooltip-before": c(() => [
680
+ "tooltip-before": f(() => [
680
681
  h(t.$slots, "tooltip-before", I(F({ ...X.value })), void 0, !0)
681
682
  ]),
682
- "tooltip-after": c(() => [
683
+ "tooltip-after": f(() => [
683
684
  h(t.$slots, "tooltip-after", I(F({ ...X.value })), void 0, !0)
684
685
  ]),
685
686
  _: 3
@@ -700,7 +701,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
700
701
  }
701
702
  }
702
703
  }, {
703
- content: c(() => [
704
+ content: f(() => [
704
705
  (u(), O(i(_e), {
705
706
  key: `table_${te.value}`,
706
707
  colNames: E.value.colNames,
@@ -710,10 +711,10 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
710
711
  title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? ` : ${e.value.style.title.subtitle.text}` : ""}`,
711
712
  onClose: s[1] || (s[1] = (l) => x.value.showTable = !1)
712
713
  }, {
713
- th: c(({ th: l }) => [
714
+ th: f(({ th: l }) => [
714
715
  be(k(l), 1)
715
716
  ]),
716
- td: c(({ td: l }) => [
717
+ td: f(({ td: l }) => [
717
718
  be(k(l), 1)
718
719
  ]),
719
720
  _: 1
@@ -723,7 +724,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
723
724
  }, 8, ["config"])) : y("", !0)
724
725
  ], 46, st));
725
726
  }
726
- }, Wt = /* @__PURE__ */ ot(Mt, [["__scopeId", "data-v-e6b32d38"]]);
727
+ }, Wt = /* @__PURE__ */ ot(Mt, [["__scopeId", "data-v-b31e1c40"]]);
727
728
  export {
728
729
  Wt as default
729
730
  };
@@ -1,5 +1,5 @@
1
- import { z as p, A as v, u as w, B as A } from "./index-CbcpITE_.js";
2
- import { d as M } from "./dom-to-png-BjSUS-jY.js";
1
+ import { z as p, A as v, u as w, B as A } from "./index-CH_mJIWj.js";
2
+ import { d as M } from "./dom-to-png-C0Ct8ClX.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,11 +1,11 @@
1
1
  import { defineAsyncComponent as L, ref as g, computed as f, onMounted as be, watch as Q, onBeforeUnmount as ke, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as M, normalizeClass as Z, createBlock as w, createCommentVNode as i, createElementVNode as x, createSlots as we, withCtx as p, renderSlot as m, normalizeProps as $, guardReactiveProps as O, createVNode as xe, Fragment as T, renderList as N, toDisplayString as A } from "vue";
2
- import { u as _e, o as Ce, e as ee, g as Le, c as $e, l as Oe, D as Ae, d as Be, i as B, f as P, X as Pe, a as Fe } from "./index-CbcpITE_.js";
3
- import { u as te } from "./useNestedProp-y56W8I7J.js";
4
- import { u as Ie } from "./usePrinter-u-gQiRNz.js";
2
+ import { u as _e, o as Ce, e as ee, g as Le, c as $e, l as Oe, D as Ae, d as Be, i as B, f as P, X as Pe, a as Fe } from "./index-CH_mJIWj.js";
3
+ import { u as te } from "./useNestedProp-rMR-JeOJ.js";
4
+ import { u as Ie } from "./usePrinter-DJ7WfWUs.js";
5
5
  import { u as Se } from "./useUserOptionState-BIvW1Kz7.js";
6
6
  import { u as He } from "./useChartAccessibility-9icAAmYg.js";
7
- import Me from "./Legend-ZW-PFcHg.js";
8
- import Te from "./Title-Dx8ctnVy.js";
7
+ import Me from "./Legend-DRqzYrP9.js";
8
+ import Te from "./Title-apr_T9tg.js";
9
9
  import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
10
10
  const Ue = ["id"], ze = {
11
11
  key: 1,
@@ -39,7 +39,7 @@ const Ue = ["id"], ze = {
39
39
  }
40
40
  },
41
41
  setup(ae, { expose: le }) {
42
- const se = L(() => import("./PackageVersion-DCAZ9Z7V.js")), re = L(() => import("./PenAndPaper-B9RP4oFj.js")), oe = L(() => import("./vue-ui-skeleton-miKWlCAi.js")), ne = L(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_bullet: ue } = _e(), u = ae, U = g(null), ie = g(null), z = g(0), ce = g(null), he = g(0), y = f({
42
+ const se = L(() => import("./PackageVersion-ClpqQxYT.js")), re = L(() => import("./PenAndPaper-B-T7XvxF.js")), oe = L(() => import("./vue-ui-skeleton-C6PWt_m5.js")), ne = L(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_bullet: ue } = _e(), u = ae, U = g(null), ie = g(null), z = g(0), ce = g(null), he = g(0), y = f({
43
43
  get: () => u.dataset.hasOwnProperty("value"),
44
44
  set: (t) => t
45
45
  }), b = f(() => u.dataset.segments ? Array.isArray(u.dataset.segments) ? u.dataset.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
@@ -292,6 +292,7 @@ segments: [
292
292
  titles: { ...e.value.userOptions.buttonTitles },
293
293
  hasAnnotator: e.value.userOptions.buttons.annotator,
294
294
  isAnnotation: _.value,
295
+ callbacks: e.value.userOptions.callbacks,
295
296
  onToggleFullscreen: me,
296
297
  onGeneratePdf: o(J),
297
298
  onGenerateImage: o(K),
@@ -335,7 +336,7 @@ segments: [
335
336
  ]),
336
337
  key: "4"
337
338
  } : void 0
338
- ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
339
+ ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
339
340
  y.value ? (r(), n("svg", {
340
341
  key: 4,
341
342
  ref_key: "svgRef",
@@ -490,7 +491,7 @@ segments: [
490
491
  ], 512)) : i("", !0)
491
492
  ], 46, Ue));
492
493
  }
493
- }, vt = /* @__PURE__ */ Ne(at, [["__scopeId", "data-v-d6160365"]]);
494
+ }, vt = /* @__PURE__ */ Ne(at, [["__scopeId", "data-v-6c6b173a"]]);
494
495
  export {
495
496
  vt as default
496
497
  };
@@ -1,12 +1,12 @@
1
1
  import { defineAsyncComponent as z, computed as g, ref as r, watch as Te, shallowRef as Ie, onMounted as ut, onBeforeUnmount as it, nextTick as E, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as le, normalizeClass as Fe, createBlock as S, createCommentVNode as y, createElementVNode as v, createVNode as Re, createSlots as nt, withCtx as m, renderSlot as p, normalizeProps as N, guardReactiveProps as A, Fragment as L, renderList as O, toDisplayString as B, createTextVNode as rt } from "vue";
2
- import { u as vt, c as dt, a as yt, C as Le, o as ct, e as T, D as ht, v as U, X as pt, w as Y, E as ft, s as gt, F as Oe, q as mt, r as bt, x as xt, y as kt } from "./index-CbcpITE_.js";
2
+ import { u as vt, c as dt, a as yt, C as Le, o as ct, e as T, D as ht, v as U, X as pt, w as Y, E as ft, s as gt, F as Oe, q as mt, r as bt, x as xt, y as kt } from "./index-CH_mJIWj.js";
3
3
  import { t as wt, u as $t } from "./useResponsive-JZ9xq-JV.js";
4
- import { u as Ve } from "./useNestedProp-y56W8I7J.js";
5
- import { u as Ct } from "./usePrinter-u-gQiRNz.js";
4
+ import { u as Ve } from "./useNestedProp-rMR-JeOJ.js";
5
+ import { u as Ct } from "./usePrinter-DJ7WfWUs.js";
6
6
  import { u as _t } from "./useUserOptionState-BIvW1Kz7.js";
7
7
  import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
8
- import St from "./Title-Dx8ctnVy.js";
9
- import { S as Nt } from "./Slicer-Vh74fjdf.js";
8
+ import St from "./Title-apr_T9tg.js";
9
+ import { S as Nt } from "./Slicer-o6jJH5bw.js";
10
10
  import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
11
11
  const Tt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"], Rt = { key: 1 }, Lt = ["id"], Ot = ["stop-color"], Vt = ["stop-color"], Pt = ["stop-color"], Mt = ["id"], Et = ["stop-color"], Bt = ["stop-color"], Ut = ["stop-color"], Dt = { key: 0 }, Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ht = { key: 1 }, jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = ["x", "y", "font-size", "fill", "font-weight"], Yt = { key: 2 }, qt = ["transform", "text-anchor", "font-size", "fill", "font-weight"], Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kt = { key: 0 }, Qt = ["cx", "cy", "r", "fill"], Zt = ["cx", "cy", "r", "fill"], el = { key: 1 }, tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ol = ["x", "y", "height", "width", "fill", "rx"], al = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], sl = ["x", "y", "height", "width", "fill", "onMouseover"], ul = {
12
12
  key: 5,
@@ -28,7 +28,7 @@ const Tt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
28
28
  }
29
29
  },
30
30
  setup(C, { expose: Pe }) {
31
- const Me = z(() => import("./vue-ui-accordion-BkA7rtwr.js")), Ee = z(() => import("./DataTable-CsoAI95B.js")), Be = z(() => import("./PackageVersion-DCAZ9Z7V.js")), Ue = z(() => import("./PenAndPaper-B9RP4oFj.js")), De = z(() => import("./vue-ui-skeleton-miKWlCAi.js")), We = z(() => import("./Tooltip-COHlzpZI.js")), Ge = z(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_candlestick: He } = vt(), h = C, V = g(() => !!h.dataset && h.dataset.length), k = r(dt()), je = r(null), q = r(!1), J = r(""), K = r(void 0), oe = r(0), P = r(null), ae = r(null), se = r(null), ue = r(null), ie = r(null), ne = r(null), D = r(0), re = r(0), ve = r(0), e = g({
31
+ const Me = z(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Ee = z(() => import("./DataTable-BBqbcutV.js")), Be = z(() => import("./PackageVersion-ClpqQxYT.js")), Ue = z(() => import("./PenAndPaper-B-T7XvxF.js")), De = z(() => import("./vue-ui-skeleton-C6PWt_m5.js")), We = z(() => import("./Tooltip-BuHsMAfp.js")), Ge = z(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_candlestick: He } = vt(), h = C, V = g(() => !!h.dataset && h.dataset.length), k = r(dt()), je = r(null), q = r(!1), J = r(""), K = r(void 0), oe = r(0), P = r(null), ae = r(null), se = r(null), ue = r(null), ie = r(null), ne = r(null), D = r(0), re = r(0), ve = r(0), e = g({
32
32
  get: () => he(),
33
33
  set: (t) => t
34
34
  }), { userOptionsVisible: Q, setUserOptionsVisibility: de, keepUserOptionState: ye } = _t({ config: e.value }), { svgRef: ce } = zt({ config: e.value.style.title });
@@ -357,6 +357,7 @@ const Tt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
357
357
  position: e.value.userOptions.position,
358
358
  hasAnnotator: e.value.userOptions.buttons.annotator,
359
359
  isAnnotation: H.value,
360
+ callbacks: e.value.userOptions.callbacks,
360
361
  onToggleFullscreen: et,
361
362
  onGeneratePdf: n(me),
362
363
  onGenerateCsv: $e,
@@ -424,7 +425,7 @@ const Tt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
424
425
  ]),
425
426
  key: "7"
426
427
  } : void 0
427
- ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
428
+ ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
428
429
  V.value ? (s(), u("svg", {
429
430
  key: 4,
430
431
  ref_key: "svgRef",
@@ -761,7 +762,7 @@ const Tt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"]
761
762
  }, 8, ["config"])) : y("", !0)
762
763
  ], 46, Tt));
763
764
  }
764
- }, xl = /* @__PURE__ */ At(nl, [["__scopeId", "data-v-59b7e8e3"]]);
765
+ }, xl = /* @__PURE__ */ At(nl, [["__scopeId", "data-v-0f076503"]]);
765
766
  export {
766
767
  xl as default
767
768
  };
@@ -1,7 +1,7 @@
1
- import { defineAsyncComponent as ce, ref as n, useSlots as ze, onMounted as A, computed as P, watch as H, onBeforeUnmount as G, shallowRef as Se, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as N, createBlock as he, createCommentVNode as R, normalizeClass as Ee, normalizeStyle as f, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
2
- import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-CbcpITE_.js";
3
- import { u as Le } from "./useNestedProp-y56W8I7J.js";
4
- import { u as Ge } from "./usePrinter-u-gQiRNz.js";
1
+ import { defineAsyncComponent as pe, ref as n, useSlots as ze, onMounted as A, computed as P, watch as H, onBeforeUnmount as G, shallowRef as Se, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as N, createBlock as he, createCommentVNode as R, normalizeClass as Ee, normalizeStyle as f, createTextVNode as D, renderSlot as c, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
2
+ import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-CH_mJIWj.js";
3
+ import { u as Le } from "./useNestedProp-rMR-JeOJ.js";
4
+ import { u as Ge } from "./usePrinter-DJ7WfWUs.js";
5
5
  import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
6
6
  import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
7
7
  const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
25
25
  }
26
26
  },
27
27
  setup(T, { expose: ye }) {
28
- const Ce = ce(() => import("./vue-ui-skeleton-miKWlCAi.js")), $e = ce(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, U = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
28
+ const Ce = pe(() => import("./vue-ui-skeleton-C6PWt_m5.js")), $e = pe(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, U = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
29
29
  A(() => {
30
30
  Y();
31
31
  }), A(() => {
@@ -74,7 +74,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
74
74
  });
75
75
  }
76
76
  A(M);
77
- const we = P(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = P(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = P(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Oe.value + F.value + z.value), c = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
77
+ const we = P(() => !b.value || !b.value.heights.length ? 0 : Math.max(...b.value.heights) + F.value + z.value), Oe = P(() => i.dataset.body ? e.value.tbody.tr.visible <= i.dataset.body.length ? e.value.tbody.tr.visible : i.dataset.body.length : 0), xe = P(() => (e.value.tbody.tr.height + e.value.tbody.tr.td.padding.top + e.value.tbody.tr.td.padding.bottom + e.value.tbody.tr.border.size * 2) * Oe.value + F.value + z.value), p = n(0), y = n(null), d = n(0), C = n(!1), le = n(0);
78
78
  A(() => {
79
79
  x.value && (F.value = x.value.getBoundingClientRect().height), I.value && (z.value = I.value.getBoundingClientRect().height), h.value.showAnimation && b.value && ie();
80
80
  }), A(() => {
@@ -104,8 +104,8 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
104
104
  }
105
105
  function se(t) {
106
106
  if (C.value) return;
107
- d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (c.value += b.value.heights[k.value], (Fe() || k.value >= b.value.heights.length) && (c.value = 0, k.value = -1), k.value += 1, l.value && l.value.scrollTo({
108
- top: c.value,
107
+ d.value || (d.value = t), t - d.value >= e.value.animation.speedMs && (p.value += b.value.heights[k.value], (Fe() || k.value >= b.value.heights.length) && (p.value = 0, k.value = -1), k.value += 1, l.value && l.value.scrollTo({
108
+ top: p.value,
109
109
  behavior: "smooth"
110
110
  }), d.value = t), y.value = requestAnimationFrame(se);
111
111
  }
@@ -113,8 +113,8 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
113
113
  if (C.value) return;
114
114
  d.value || (d.value = t);
115
115
  const a = t - d.value, o = e.value.animation.speedMs / 4 / 1e3;
116
- a >= o && (c.value += o, c.value >= l.value.scrollHeight - l.value.clientHeight && (c.value = 0), l.value && l.value.scrollTo({
117
- top: c.value,
116
+ a >= o && (p.value += o, p.value >= l.value.scrollHeight - l.value.clientHeight && (p.value = 0), l.value && l.value.scrollTo({
117
+ top: p.value,
118
118
  behavior: "auto"
119
119
  }), d.value = t), y.value = requestAnimationFrame(ue);
120
120
  }
@@ -143,7 +143,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
143
143
  ), H(
144
144
  () => e.value.animation.type,
145
145
  (t) => {
146
- m(), c.value = 0, k.value = 0, l.value.scrollTo({
146
+ m(), p.value = 0, k.value = 0, l.value.scrollTo({
147
147
  top: 0,
148
148
  behavior: "auto"
149
149
  }), $();
@@ -155,7 +155,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
155
155
  t.forEach((a) => {
156
156
  S.value = a.contentRect.width < Re.value;
157
157
  }), F.value = x.value ? x.value.getBoundingClientRect().height : 0, z.value = I.value ? I.value.getBoundingClientRect().height : 0, k.value = 0, fe(() => {
158
- m(), d.value = 0, c.value = 0, M(), $();
158
+ m(), d.value = 0, p.value = 0, M(), $();
159
159
  });
160
160
  }), l.value && E.value.observe(l.value);
161
161
  }), G(() => {
@@ -167,7 +167,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
167
167
  function ve() {
168
168
  h.value.showAnimation = !h.value.showAnimation, h.value.showAnimation ? $() : m();
169
169
  }
170
- function pe() {
170
+ function ce() {
171
171
  fe(() => {
172
172
  const t = i.dataset.head.map((s, g) => [
173
173
  [i.dataset.body[g]]
@@ -185,7 +185,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
185
185
  pauseAnimation: m,
186
186
  resumeAnimation: $,
187
187
  toggleAnimation: ve,
188
- generateCsv: pe,
188
+ generateCsv: ce,
189
189
  generatePdf: de,
190
190
  generateImage: oe
191
191
  }), (t, a) => (r(), v("div", {
@@ -245,7 +245,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
245
245
  })
246
246
  }, [
247
247
  D(X(e.value.caption.text && !t.$slots.caption ? e.value.caption.text : "") + " ", 1),
248
- p(t.$slots, "caption", {}, void 0, !0)
248
+ c(t.$slots, "caption", {}, void 0, !0)
249
249
  ], 4),
250
250
  N("thead", {
251
251
  style: f({ ...e.value.thead.style, position: "sticky", top: `${t.$slots.caption || e.value.caption.text || e.value.userOptions.show ? F.value : 0}px`, zIndex: 1 })
@@ -274,7 +274,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
274
274
  })
275
275
  }, [
276
276
  D(X(t.$slots.th ? "" : o) + " ", 1),
277
- p(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
277
+ c(t.$slots, "th", me({ ref_for: !0 }, { th: o, colIndex: s }), void 0, !0)
278
278
  ], 4))), 128))
279
279
  ], 12, Je)
280
280
  ], 4),
@@ -309,7 +309,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
309
309
  height: `${e.value.tbody.tr.height}px`
310
310
  }, [
311
311
  D(X(t.$slots.td ? "" : g) + " ", 1),
312
- p(t.$slots, "td", me({ ref_for: !0 }, { td: g, rowIndex: s, colIndex: L }), void 0, !0)
312
+ c(t.$slots, "td", me({ ref_for: !0 }, { td: g, rowIndex: s, colIndex: L }), void 0, !0)
313
313
  ], 12, Ke))), 256))
314
314
  ], 4))), 256))
315
315
  ], 512)) : R("", !0)
@@ -344,8 +344,9 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
344
344
  titles: { ...e.value.userOptions.buttonTitles },
345
345
  zIndex: 3,
346
346
  offsetX: 12,
347
+ callbacks: e.value.userOptions.callbacks,
347
348
  onGeneratePdf: de,
348
- onGenerateCsv: pe,
349
+ onGenerateCsv: ce,
349
350
  onGenerateImage: u(oe),
350
351
  onToggleAnimation: ve,
351
352
  onToggleFullscreen: Ie,
@@ -356,52 +357,52 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
356
357
  t.$slots.menuIcon ? {
357
358
  name: "menuIcon",
358
359
  fn: w(({ isOpen: o, color: s }) => [
359
- p(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
360
+ c(t.$slots, "menuIcon", ge(be({ isOpen: o, color: s })), void 0, !0)
360
361
  ]),
361
362
  key: "0"
362
363
  } : void 0,
363
364
  t.$slots.optionPdf ? {
364
365
  name: "optionPdf",
365
366
  fn: w(() => [
366
- p(t.$slots, "optionPdf", {}, void 0, !0)
367
+ c(t.$slots, "optionPdf", {}, void 0, !0)
367
368
  ]),
368
369
  key: "1"
369
370
  } : void 0,
370
371
  t.$slots.optionCsv ? {
371
372
  name: "optionCsv",
372
373
  fn: w(() => [
373
- p(t.$slots, "optionCsv", {}, void 0, !0)
374
+ c(t.$slots, "optionCsv", {}, void 0, !0)
374
375
  ]),
375
376
  key: "2"
376
377
  } : void 0,
377
378
  t.$slots.optionImg ? {
378
379
  name: "optionImg",
379
380
  fn: w(() => [
380
- p(t.$slots, "optionImg", {}, void 0, !0)
381
+ c(t.$slots, "optionImg", {}, void 0, !0)
381
382
  ]),
382
383
  key: "3"
383
384
  } : void 0,
384
385
  t.$slots.optionAnimation ? {
385
386
  name: "optionAnimation",
386
387
  fn: w(() => [
387
- p(t.$slots, "optionAnimation", {}, void 0, !0)
388
+ c(t.$slots, "optionAnimation", {}, void 0, !0)
388
389
  ]),
389
390
  key: "4"
390
391
  } : void 0,
391
392
  t.$slots.optionFullscreen ? {
392
393
  name: "optionFullscreen",
393
394
  fn: w(({ toggleFullscreen: o, isFullscreen: s }) => [
394
- p(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
395
+ c(t.$slots, "optionFullscreen", ge(be({ toggleFullscreen: o, isFullscreen: s })), void 0, !0)
395
396
  ]),
396
397
  key: "5"
397
398
  } : void 0
398
- ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "onGenerateImage", "style"])) : R("", !0),
399
+ ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasAnimation", "isAnimation", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "callbacks", "onGenerateImage", "style"])) : R("", !0),
399
400
  t.$slots.source ? (r(), v("div", Qe, [
400
- p(t.$slots, "source", {}, void 0, !0)
401
+ c(t.$slots, "source", {}, void 0, !0)
401
402
  ], 512)) : R("", !0)
402
403
  ], 544));
403
404
  }
404
- }, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-66be1fbe"]]);
405
+ }, ot = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-4116811f"]]);
405
406
  export {
406
407
  ot as default
407
408
  };
@@ -1,7 +1,7 @@
1
1
  import { useCssVars as lt, defineAsyncComponent as q, computed as m, ref as T, watch as at, shallowRef as ot, onMounted as st, onBeforeUnmount as ut, createElementBlock as o, openBlock as a, unref as s, normalizeStyle as h, normalizeClass as k, createBlock as Q, createCommentVNode as f, renderSlot as S, createSlots as nt, withCtx as B, normalizeProps as Z, guardReactiveProps as ee, createVNode as ze, createElementVNode as u, toDisplayString as c, Fragment as g, renderList as _, createTextVNode as te, withKeys as rt, nextTick as Ne } from "vue";
2
- import { u as it, c as ct, t as dt, p as P, a as vt, b as yt, g as ie, e as le, d as ce, o as ht, X as ft, s as F, w as Se, i as G, f as z, G as Fe, m as Ie, j as bt, k as K, n as V, q as pt, r as gt } from "./index-CbcpITE_.js";
3
- import { u as Le } from "./useNestedProp-y56W8I7J.js";
4
- import { u as _t } from "./usePrinter-u-gQiRNz.js";
2
+ import { u as it, c as ct, t as dt, p as P, a as vt, b as yt, g as ie, e as le, d as ce, o as ht, X as ft, s as F, w as Se, i as G, f as z, G as Fe, m as Ie, j as bt, k as K, n as V, q as pt, r as gt } from "./index-CH_mJIWj.js";
3
+ import { u as Le } from "./useNestedProp-rMR-JeOJ.js";
4
+ import { u as _t } from "./usePrinter-DJ7WfWUs.js";
5
5
  import { u as xt } from "./useUserOptionState-BIvW1Kz7.js";
6
6
  import { u as mt } from "./useChartAccessibility-9icAAmYg.js";
7
7
  import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -44,9 +44,9 @@ const wt = ["id"], $t = {
44
44
  emits: ["selectRoot", "selectBranch", "selectNut"],
45
45
  setup(Pe, { expose: Ve, emit: Oe }) {
46
46
  lt((l) => ({
47
- "2274334f": l.tdo
47
+ "5fc3545f": l.tdo
48
48
  }));
49
- const Re = q(() => import("./PenAndPaper-B9RP4oFj.js")), Me = q(() => import("./vue-ui-accordion-BkA7rtwr.js")), Be = q(() => import("./vue-ui-skeleton-miKWlCAi.js")), Ae = q(() => import("./UserOptions-CGn3YdRV.js")), je = q(() => import("./PackageVersion-DCAZ9Z7V.js")), Xe = q(() => import("./BaseIcon-j0c6lJUs.js")), { vue_ui_chestnut: Ge } = it(), O = Pe, H = m(() => !!O.dataset && O.dataset.length), w = T(ct()), de = T(null), Ee = T(null), ve = T(0), e = m({
49
+ const Re = q(() => import("./PenAndPaper-B-T7XvxF.js")), Me = q(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Be = q(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Ae = q(() => import("./UserOptions-OVNxxnq5.js")), je = q(() => import("./PackageVersion-ClpqQxYT.js")), Xe = q(() => import("./BaseIcon-DaR0sIWZ.js")), { vue_ui_chestnut: Ge } = it(), O = Pe, H = m(() => !!O.dataset && O.dataset.length), w = T(ct()), de = T(null), Ee = T(null), ve = T(0), e = m({
50
50
  get: () => be(),
51
51
  set: (l) => l
52
52
  }), { userOptionsVisible: ae, setUserOptionsVisibility: ye, keepUserOptionState: he } = xt({ config: e.value }), { svgRef: fe } = mt({ config: e.value.style.chart.layout.title });
@@ -345,6 +345,7 @@ const wt = ["id"], $t = {
345
345
  position: e.value.userOptions.position,
346
346
  hasAnnotator: e.value.userOptions.buttons.annotator,
347
347
  isAnnotation: J.value,
348
+ callbacks: e.value.userOptions.callbacks,
348
349
  onToggleFullscreen: tt,
349
350
  onGeneratePdf: s(_e),
350
351
  onGenerateCsv: Ce,
@@ -404,7 +405,7 @@ const wt = ["id"], $t = {
404
405
  ]),
405
406
  key: "6"
406
407
  } : void 0
407
- ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
408
+ ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
408
409
  r.value.height > 0 && H.value ? (a(), o("svg", {
409
410
  key: 3,
410
411
  ref_key: "svgRef",
@@ -1223,7 +1224,7 @@ const wt = ["id"], $t = {
1223
1224
  }, 8, ["config"])) : f("", !0)
1224
1225
  ], 46, wt));
1225
1226
  }
1226
- }, Ba = /* @__PURE__ */ kt(Sa, [["__scopeId", "data-v-e4b07f8f"]]);
1227
+ }, Ba = /* @__PURE__ */ kt(Sa, [["__scopeId", "data-v-a913d301"]]);
1227
1228
  export {
1228
1229
  Ba as default
1229
1230
  };