vue-data-ui 3.4.9 → 3.5.1

package/dist/types/vue-data-ui.d.ts

@@ -271,6 +271,15 @@ declare module "vue-data-ui" {
         bold?: boolean;
     };
 
+    export type ChartFrame = {
+        show?: boolean;
+        stroke?: string;
+        strokeWidth?: number;
+        strokeLinecap?: "round" | "butt" | "square";
+        strokeLinejoin?: "arcs" | "bevel" | "miter" | "miter-clip" | "round";
+        strokeDasharray?: number;
+    }
+
     export type ChartUserOptions = {
         show?: boolean;
         showOnChartHover?: boolean;
@@ -1997,6 +2006,7 @@ declare module "vue-data-ui" {
             };
             labels?: {
                 value?: {
+                    show?: boolean;
                     fontSize?: number;
                     minFontSize?: number; // v3
                     color?: string;
@@ -2008,6 +2018,7 @@ declare module "vue-data-ui" {
                     formatter?: Formatter;
                 };
                 valueLabel?: {
+                    show?: boolean;
                     fontSize?: number;
                     minFontSize?: number; // v3
                     color?: string;
@@ -2015,6 +2026,7 @@ declare module "vue-data-ui" {
                     rounding?: number;
                 };
                 timeLabel?: {
+                    show?: boolean;
                     fontSize?: number;
                     minFontSize?: number; // v3
                     color?: string;
@@ -3478,14 +3490,7 @@ declare module "vue-data-ui" {
                 showHorizontalLines?: boolean;
                 showVerticalLines?: boolean;
                 position?: "middle" | "start";
-                frame?: {
-                    show?: boolean;
-                    stroke?: string;
-                    strokeWidth?: number;
-                    strokeLinecap?: "round" | "butt" | "square";
-                    strokeLinejoin?: "arcs" | "bevel" | "miter" | "miter-clip" | "round";
-                    strokeDasharray?: number;
-                };
+                frame?: ChartFrame;
                 labels?: {
                     color?: string;
                     show?: boolean;
@@ -7897,6 +7902,8 @@ declare module "vue-data-ui" {
                     showTimeLabel?: boolean;
                     useDefaultTimeFormat?: boolean;
                     timeFormat?: string;
+                    showTotal?: boolean;
+                    totalTranslation?: string;
                 };
                 highlighter?: {
                     color?: string;
@@ -7915,6 +7922,7 @@ declare module "vue-data-ui" {
                     totalValues?: {
                         show?: boolean;
                         offsetY?: number;
+                        offsetX?: number;
                         fontSize?: number;
                         bold?: boolean;
                         color?: string;
@@ -7936,6 +7944,7 @@ declare module "vue-data-ui" {
                     };
                 };
                 grid?: {
+                    frame?: ChartFrame;
                     scale?: {
                         ticks?: number;
                         scaleMin?: number | null;

package/dist/{useNestedProp-BjZe1Y85.js → useNestedProp-DjGXw6S9.js}

@@ -274,6 +274,8 @@ function tt() {
           roundingValue: 0,
           roundingPercentage: 0,
           showTimeLabel: !0,
+          showTotal: !1,
+          totalTranslation: "Total",
           useDefaultTimeFormat: !0,
           timeFormat: "yyyy-MM-dd HH:mm:ss"
           // When datetimeFormatter is enabled and useDefaultFormat is false
@@ -295,6 +297,7 @@ function tt() {
           totalValues: {
             show: !0,
             offsetY: 0,
+            offsetX: 0,
             fontSize: t._16,
             bold: !1,
             color: e
@@ -323,6 +326,14 @@ function tt() {
             scaleMax: null
             // Force max scale (defaults to dataset's max)
           },
+          frame: {
+            show: !1,
+            stroke: r,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeDasharray: 0
+          },
           x: {
             showAxis: !0,
             showHorizontalLines: !1,
@@ -1028,7 +1039,7 @@ function tt() {
         roundingPercentage: 0
       }
     }
-  }, q = {
+  }, j = {
     debug: !1,
     // v3
     loading: !1,
@@ -1131,7 +1142,7 @@ function tt() {
         roundingPercentage: 0
       }
     }
-  }, j = {
+  }, q = {
     debug: !1,
     // v3
     loading: !1,
@@ -2788,6 +2799,7 @@ function tt() {
       },
       labels: {
         value: {
+          show: !0,
           fontSize: t._14,
           minFontSize: v,
           // v3
@@ -2800,6 +2812,7 @@ function tt() {
           formatter: null
         },
         valueLabel: {
+          show: !0,
           fontSize: t._14,
           minFontSize: v,
           // v3
@@ -2808,6 +2821,7 @@ function tt() {
           rounding: 0
         },
         timeLabel: {
+          show: !0,
           fontSize: t._12,
           minFontSize: v,
           // v3
@@ -6305,7 +6319,7 @@ function tt() {
         tooltip: f
       }
     }
-  }, qe = {
+  }, je = {
     debug: !1,
     // v3
     loading: !1,
@@ -6405,7 +6419,7 @@ function tt() {
         }
       }
     }
-  }, je = {
+  }, qe = {
     debug: !1,
     // v3
     loading: !1,
@@ -6777,8 +6791,8 @@ function tt() {
     vue_ui_xy: y,
     vue_ui_donut: m,
     vue_ui_treemap: $,
-    vue_ui_waffle: q,
-    vue_ui_radar: j,
+    vue_ui_waffle: j,
+    vue_ui_radar: q,
     vue_ui_quadrant: Z,
     vue_ui_gauge: K,
     vue_ui_wheel: Q,
@@ -6824,7 +6838,7 @@ function tt() {
     vue_ui_bullet: Xe,
     vue_ui_funnel: Ue,
     vue_ui_history_plot: $e,
-    vue_ui_world: je,
+    vue_ui_world: qe,
     vue_ui_ridgeline: Ze,
     vue_ui_chord: Ke,
     // non chart components
@@ -6839,7 +6853,7 @@ function tt() {
     vue_ui_skeleton: Ye,
     vue_ui_table: Be,
     vue_ui_digits: He,
-    vue_ui_circle_pack: qe
+    vue_ui_circle_pack: je
   };
 }
 function ot({ defaultConfig: e, userConfig: k }) {

package/dist/{vue-data-ui-DjxWWa78.js → vue-data-ui-B_RxfmEm.js}

@@ -1,6 +1,6 @@
-import { toRefs as le, defineAsyncComponent as t, computed as c, ref as o, onMounted as ue, watch as q, shallowReactive as se, createElementBlock as ce, createBlock as d, openBlock as g, normalizeStyle as ge, createElementVNode as pe, createTextVNode as me, createCommentVNode as K, toDisplayString as de, resolveDynamicComponent as Ve, mergeProps as Ue, toHandlers as ve, createSlots as fe, renderList as Se, withCtx as ke, renderSlot as he, normalizeProps as be, guardReactiveProps as ye } from "vue";
-import Y from "./BaseIcon-BmMbm4d0.js";
-const Ce = { style: { width: "36px" } }, De = {
+import { toRefs as ue, defineAsyncComponent as t, computed as c, ref as o, onMounted as ce, watch as Y, shallowReactive as ge, createElementBlock as pe, createBlock as d, openBlock as g, normalizeStyle as me, createElementVNode as de, createTextVNode as Ve, createCommentVNode as J, toDisplayString as Ue, resolveDynamicComponent as ve, mergeProps as fe, toHandlers as Se, createSlots as he, renderList as ke, withCtx as be, renderSlot as ye, normalizeProps as Ce, guardReactiveProps as Te } from "vue";
+import R from "./BaseIcon-BmMbm4d0.js";
+const Pe = { style: { width: "36px" } }, He = {
   __name: "vue-data-ui",
   props: {
     component: { type: String },
@@ -34,76 +34,78 @@ const Ce = { style: { width: "36px" } }, De = {
     "selectGroup",
     "selectRibbon",
     "toggleTable",
-    "resetZoom"
+    "resetZoom",
+    "showSeries",
+    "hideSeries"
   ],
-  setup(J, { expose: R, emit: w }) {
-    const a = J, { component: Te, dataset: ee, config: te } = le(a), p = {
-      VueUi3dBar: t(() => import("./vue-ui-3d-bar-CLE7f9pl.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-D73uIOPm.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-BylDgUVb.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-D_FyMdqH.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-DA0g0bDV.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-CeJwbiON.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-ByNNcWXi.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-DjQXHBJE.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-Ca3Svr0B.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-BWr1EMob.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-DQricvo2.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-B-o_i7Hu.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-BGGff8LM.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-CSF-7TJL.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-I2OhrCR2.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-BAT7kZUy.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-CjhJDAQi.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-DTY2p87s.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-DGnasrCR.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-DNI9WI2R.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-CiMoFM_c.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-Dj1jhcsl.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-CnTMFK6R.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-fzR2c0St.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-DUdI2uOO.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-sGFRbn31.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-B44oER5n.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-ix12NZ7M.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-Cs-QDYBR.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-Cb8ZmyUq.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BiRZ51OU.js")),
-      VueUiTable: t(() => import("./vue-ui-table-DdBdLrAL.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-EpCo2Be5.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-DTnfnf9z.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-CrC_tlIx.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-kyuyi2ES.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-yfbEfLqy.js")),
+  setup(w, { expose: ee, emit: te }) {
+    const a = w, { component: Ae, dataset: oe, config: ie } = ue(a), p = {
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-CMNYyVa2.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-Vqa9iYXE.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-nNv10fBm.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-BoLzL0g1.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-BGz1TLXG.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-DcmMvhgM.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-DyE8eU1m.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-CxZcJFTo.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-BVYL-BUJ.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-CUoDRr-O.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-46tSRZN5.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-DKKjl1A2.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-B1yJ83aF.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-BudcNBg-.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-L90GnHee.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-Dhigm5rw.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-D0MCLs5n.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-B7yPJ3gL.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-b0vMRaq-.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-B5Vkoz9M.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-BH4DW1ZY.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-XHbE-ZUX.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-ImGOqm_J.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-CterNJYe.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-CykXHWj-.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-DnGm6qrK.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-Bvsi5DTT.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-DyJmWCWT.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-5eKrkmSb.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-ChKAzlVq.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BXNy6nuw.js")),
+      VueUiTable: t(() => import("./vue-ui-table-DSsIrT4L.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-DpqY_4ay.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-CMKvSA8p.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-CNipzVli.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-DPE8SY0_.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-ZU1GCbX0.js")),
       // delete in v4
-      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-yfbEfLqy.js")),
+      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-ZU1GCbX0.js")),
       // v3 renaming
-      VueUiWaffle: t(() => import("./vue-ui-waffle-m-9sqQik.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-BasM7FWt.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-CIrw1lWQ.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-BqCEBoUf.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-CZ0thhxa.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-Cam_sWet.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-ik59bfC4.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-DxpRfUJz.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-BjG-Jxnb.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-CxCE2luV.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-vNwswYZD.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-DXnLFwW3.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-DEvwXd4W.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-C8aWTcNn.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-Br3wp8hG.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-BvMlNdVo.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-C-fKe3io.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-DubS6Pg8.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-Bybo0xK2.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-Bgcx7xia.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-DzQ9DPUJ.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-BPDm-ro5.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-BsCNyZy_.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-adIls6bj.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-CDgzolI-.js"))
-    }, oe = {
+      VueUiWaffle: t(() => import("./vue-ui-waffle-z7nuSuSV.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-DLRoRjeM.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-NDDbNbds.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DXFHy7-E.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-CqhVCfc2.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-VK2EN7sh.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-qYLAwvzn.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-N1AsNQJA.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-B1wGxP8-.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-QxZn86A3.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-D2r5E3pP.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-2a6NlQe3.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-DEI5LRch.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-DY21ivNe.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-BpdCY_wg.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-Bi6wvUUU.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-BOgbsXao.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-1IwvUYBO.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-BWEBeYV5.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-B_A5orFg.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-C6p_aThr.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-7PJVyKjp.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-goXYnTyM.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-CAMNq-p_.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-CebhS7ln.js"))
+    }, ae = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],
       VueUiAnnotator: ["config", "dataset"],
@@ -169,11 +171,11 @@ const Ce = { style: { width: "36px" } }, De = {
       VueUiWorld: ["config", "dataset"],
       VueUiRidgeline: ["config", "dataset"],
       VueUiChord: ["config", "dataset"]
-    }, ie = w, V = c(() => !p[a.component]), ae = c(() => p[a.component] || null), r = o(null), ne = c(() => {
-      const e = oe[a.component] || [], i = {};
-      return e.includes("config") && (i.config = te.value), e.includes("dataset") && (i.dataset = ee.value), i;
-    }), U = o(() => null), v = o(() => null), f = o(() => null), S = o(() => null), k = o(() => null), h = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), T = o(() => null), P = o(() => null), A = o(() => null), D = o(() => null), I = o(() => null), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), L = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), z = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null), X = o(() => null), j = o(() => null);
-    ue(() => {
+    }, ne = te, V = c(() => !p[a.component]), re = c(() => p[a.component] || null), r = o(null), le = c(() => {
+      const e = ae[a.component] || [], i = {};
+      return e.includes("config") && (i.config = ie.value), e.includes("dataset") && (i.dataset = oe.value), i;
+    }), U = o(() => null), v = o(() => null), f = o(() => null), S = o(() => null), h = o(() => null), k = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), T = o(() => null), P = o(() => null), A = o(() => null), D = o(() => null), I = o(() => null), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), L = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), z = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null), X = o(() => null), j = o(() => null), Q = o(() => null), Z = o(() => null);
+    ce(() => {
       V.value && console.error(`
 
 Vue Data UI exception:
@@ -183,10 +185,10 @@ Available components:
 
 ${Object.keys(p).map((e) => `. ${e}
 `).join("")}`);
-    }), q(r, async (e) => {
-      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (f.value = e.generateImage), e.generateSvg && (S.value = e.generateSvg), e.generateCsv && (v.value = e.generateCsv), e.getItemsPositions && (k.value = e.getItemsPositions), e.toggleReadonly && (h.value = e.toggleReadonly), e.shoot && (b.value = e.shoot), e.close && (y.value = e.close), e.restoreOrder && (C.value = e.restoreOrder), e.recalculateHeight && (T.value = e.recalculateHeight), e.toggleLock && (P.value = e.toggleLock), e.toggleTable && (A.value = e.toggleTable), e.toggleLabels && (D.value = e.toggleLabels), e.toggleSort && (I.value = e.toggleSort), e.toggleStack && (H.value = e.toggleStack), e.toggleTooltip && (x.value = e.toggleTooltip), e.start && (B.value = e.start), e.pause && (F.value = e.pause), e.reset && (L.value = e.reset), e.restart && (N.value = e.restart), e.lap && (E.value = e.lap), e.toggleAnimation && (G.value = e.toggleAnimation), e.pauseAnimation && (z.value = e.pauseAnimation), e.resumeAnimation && (O.value = e.resumeAnimation), e.toggleAnnotator && (_.value = e.toggleAnnotator), e.selectNode && ($.value = e.selectNode), e.selectGroup && (M.value = e.selectGroup), e.selectRibbon && (W.value = e.selectRibbon), e.autoSize && (X.value = e.autoSize), e.resetZoom && (j.value = e.resetZoom));
+    }), Y(r, async (e) => {
+      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (f.value = e.generateImage), e.generateSvg && (S.value = e.generateSvg), e.generateCsv && (v.value = e.generateCsv), e.getItemsPositions && (h.value = e.getItemsPositions), e.toggleReadonly && (k.value = e.toggleReadonly), e.shoot && (b.value = e.shoot), e.close && (y.value = e.close), e.restoreOrder && (C.value = e.restoreOrder), e.recalculateHeight && (T.value = e.recalculateHeight), e.toggleLock && (P.value = e.toggleLock), e.toggleTable && (A.value = e.toggleTable), e.toggleLabels && (D.value = e.toggleLabels), e.toggleSort && (I.value = e.toggleSort), e.toggleStack && (H.value = e.toggleStack), e.toggleTooltip && (x.value = e.toggleTooltip), e.start && (B.value = e.start), e.pause && (F.value = e.pause), e.reset && (L.value = e.reset), e.restart && (N.value = e.restart), e.lap && (E.value = e.lap), e.toggleAnimation && (G.value = e.toggleAnimation), e.pauseAnimation && (z.value = e.pauseAnimation), e.resumeAnimation && (O.value = e.resumeAnimation), e.toggleAnnotator && (_.value = e.toggleAnnotator), e.selectNode && ($.value = e.selectNode), e.selectGroup && (M.value = e.selectGroup), e.selectRibbon && (W.value = e.selectRibbon), e.autoSize && (X.value = e.autoSize), e.resetZoom && (j.value = e.resetZoom), e.showSeries && (Q.value = e.showSeries), e.hideSeries && (Z.value = e.hideSeries));
     });
-    const re = () => {
+    const se = () => {
       const e = [
         "selectLegend",
         "selectDatapoint",
@@ -218,38 +220,40 @@ ${Object.keys(p).map((e) => `. ${e}
         "selectRibbon",
         "autoSize",
         "toggleTable",
-        "resetZoom"
+        "resetZoom",
+        "showSeries",
+        "hideSeries"
       ], i = {};
       return e.forEach((l) => {
-        i[l] = (...n) => ie(l, ...n);
+        i[l] = (...n) => ne(l, ...n);
       }), i;
-    }, m = se([]);
-    function Q(e, i) {
+    }, m = ge([]);
+    function q(e, i) {
       return new Promise((l, n) => {
         m.push({ method: e, args: i, resolve: l, reject: n });
       });
     }
-    q(r, (e) => {
+    Y(r, (e) => {
       if (e)
         for (; m.length; ) {
-          const { method: i, args: l, resolve: n, reject: s } = m.shift(), Z = e[i];
-          typeof Z == "function" ? Promise.resolve().then(() => Z(...l)).then(n).catch(s) : s(new Error(`Method ${i} not found on ${a.component}`));
+          const { method: i, args: l, resolve: n, reject: u } = m.shift(), K = e[i];
+          typeof K == "function" ? Promise.resolve().then(() => K(...l)).then(n).catch(u) : u(new Error(`Method ${i} not found on ${a.component}`));
         }
-    }), R({
+    }), ee({
       getData(...e) {
-        return r.value?.getData ? r.value.getData(...e) : Q("getData", e);
+        return r.value?.getData ? r.value.getData(...e) : q("getData", e);
       },
       getImage(e = {}) {
         const { scale: i = 2 } = e;
-        return r.value?.getImage ? r.value.getImage({ scale: i }) : Q("getImage", [{ scale: i }]);
+        return r.value?.getImage ? r.value.getImage({ scale: i }) : q("getImage", [{ scale: i }]);
       },
       autoSize: X,
       generatePdf: U,
       generateCsv: v,
       generateImage: f,
       generateSvg: S,
-      getItemsPositions: k,
-      toggleReadonly: h,
+      getItemsPositions: h,
+      toggleReadonly: k,
       shoot: b,
       close: y,
       restoreOrder: C,
@@ -272,9 +276,11 @@ ${Object.keys(p).map((e) => `. ${e}
       selectNode: $,
       selectGroup: M,
       selectRibbon: W,
-      resetZoom: j
+      resetZoom: j,
+      showSeries: Q,
+      hideSeries: Z
     });
-    const u = c(() => {
+    const s = c(() => {
       let e = `The provided component ${a.component} does not exist.`;
       return ["VueUiIcon", "VueUiPattern", "Arrow"].includes(a.component) ? (e = `${a.component} is not supported by the VueDataUi universal component. You must import it individually.`, console.warn(e), {
         status: "notSupported",
@@ -284,43 +290,43 @@ ${Object.keys(p).map((e) => `. ${e}
         message: e
       });
     });
-    return (e, i) => V.value ? (g(), ce("div", {
+    return (e, i) => V.value ? (g(), pe("div", {
       key: 0,
-      style: ge({
+      style: me({
         width: "100%",
         display: "flex",
         gap: "6px",
         alignItems: "center",
-        color: u.value.status === "notSupported" ? "#FF9000" : "#FF0000"
+        color: s.value.status === "notSupported" ? "#FF9000" : "#FF0000"
       })
     }, [
-      pe("div", Ce, [
-        u.value.status === "unknown" ? (g(), d(Y, {
+      de("div", Pe, [
+        s.value.status === "unknown" ? (g(), d(R, {
           key: 0,
           name: "moodFlat",
           stroke: "#FF0000"
-        })) : K("", !0),
-        u.value.status === "notSupported" ? (g(), d(Y, {
+        })) : J("", !0),
+        s.value.status === "notSupported" ? (g(), d(R, {
           key: 1,
           name: "circleExclamation",
           stroke: "#FF9000"
-        })) : K("", !0)
+        })) : J("", !0)
       ]),
-      me(" " + de(u.value.message), 1)
-    ], 4)) : (g(), d(Ve(ae.value), Ue({
+      Ve(" " + Ue(s.value.message), 1)
+    ], 4)) : (g(), d(ve(re.value), fe({
       key: 1,
       ref_key: "currentComponentRef",
       ref: r
-    }, ne.value, ve(re())), fe({ _: 2 }, [
-      Se(e.$slots, (l, n) => ({
+    }, le.value, Se(se())), he({ _: 2 }, [
+      ke(e.$slots, (l, n) => ({
         name: n,
-        fn: ke((s) => [
-          he(e.$slots, n, be(ye(s)))
+        fn: be((u) => [
+          ye(e.$slots, n, Ce(Te(u)))
         ])
       }))
     ]), 1040));
   }
 };
 export {
-  De as default
+  He as default
 };