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

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

@@ -216,6 +216,19 @@ declare module "vue-data-ui" {
             table?: string;
             tooltip?: string;
         };
+        callbacks?: {
+            animation?: null | (() => void);
+            annotator?: null | (() => void);
+            csv?: null | ((csvStr?: string) => void);
+            fullscreen?: null | (() => void);
+            img?: null | ((base64?: string) => void);
+            labels?: null | (() => void);
+            pdf?: null | ((chart?: HTMLElement) => void);
+            sort?: null | (() => void);
+            stack?: null | (() => void);
+            table?: null | (() => void);
+            tooltip?: null | (() => void);
+        };
         // old html2canvas options
         print?: {
             allowTaint?: boolean;
@@ -2624,6 +2637,40 @@ declare module "vue-data-ui" {
         };
     };
 
+    export type VueUiXyAnnotation = {
+        show?: boolean;
+        yAxis?: {
+            yTop?: number;
+            yBottom?: number;
+            label?: {
+                text?: string;
+                textAnchor?: 'start' | 'end';
+                position?: 'start' | 'end';
+                offsetX?: number;
+                offsetY?: number;
+                padding?: ChartPadding;
+                border?: {
+                    stroke?: string;
+                    strokeWidth?: number;
+                    rx?: number;
+                    ry?: number;
+                };
+                fontSize?: number;
+                color?: string;
+                backgroundColor?: string;
+            };
+            line?: {
+                stroke?: string;
+                strokeWidth?: number;
+                strokeDasharray?: number;
+            };
+            area?: {
+                fill?: string;
+                opacity?: number; // 0 - 100
+            }
+        }
+    }
+
     export type VueUiXyConfig = {
         responsive?: boolean;
         responsiveProportionalSizing?: boolean;
@@ -2641,6 +2688,7 @@ declare module "vue-data-ui" {
             width?: number;
             zoom?: ChartZoom;
             padding?: ChartPadding;
+            annotations?: VueUiXyAnnotation[];
             highlighter?: {
                 color?: string;
                 opacity?: number;
@@ -2694,6 +2742,8 @@ declare module "vue-data-ui" {
                         gap?: number;
                         labelWidth?: number;
                         showBaseline?: boolean;
+                        showCrosshairs?: boolean;
+                        crosshairSize?: number;
                         formatter?: Formatter;
                         scaleMin?: number | null;
                         scaleMax?: number | null;
@@ -2703,6 +2753,8 @@ declare module "vue-data-ui" {
                     };
                     xAxis?: {
                         showBaseline?: boolean;
+                        showCrosshairs?: boolean;
+                        crosshairSize?: number;
                     };
                     xAxisLabels?: {
                         color?: string;
@@ -5134,6 +5186,13 @@ declare module "vue-data-ui" {
             scale?: number;
             logging?: boolean;
         };
+        userOptionsCallbacks?: {
+            tooltip?: null | (() => void);
+            pdf?: null | ((chart?: HTMLElement) => void);
+            img?: null | ((base64?: string) => void);
+            fullscreen?: null | (() => void);
+            annotator?: null | (() => void);
+        };
         showUserOptionsOnChartHover?: boolean;
         keepUserOptionsStateOnChartLeave?: boolean;
     };
@@ -5142,7 +5201,7 @@ declare module "vue-data-ui" {
         [key: string]: string | number | number[];
     };
 
-    export type VueUiQuickChartDataset =
+    export type VueUiQuickChartDataset = 
         | number[]
         | VueUiQuickChartDatasetObjectItem
         | VueUiQuickChartDatasetObjectItem[];

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

@@ -216,6 +216,19 @@ declare module "vue-data-ui" {
             table?: string;
             tooltip?: string;
         };
+        callbacks?: {
+            animation?: null | (() => void);
+            annotator?: null | (() => void);
+            csv?: null | ((csvStr?: string) => void);
+            fullscreen?: null | (() => void);
+            img?: null | ((base64?: string) => void);
+            labels?: null | (() => void);
+            pdf?: null | ((chart?: HTMLElement) => void);
+            sort?: null | (() => void);
+            stack?: null | (() => void);
+            table?: null | (() => void);
+            tooltip?: null | (() => void);
+        };
         // old html2canvas options
         print?: {
             allowTaint?: boolean;
@@ -2624,6 +2637,40 @@ declare module "vue-data-ui" {
         };
     };
 
+    export type VueUiXyAnnotation = {
+        show?: boolean;
+        yAxis?: {
+            yTop?: number;
+            yBottom?: number;
+            label?: {
+                text?: string;
+                textAnchor?: 'start' | 'end';
+                position?: 'start' | 'end';
+                offsetX?: number;
+                offsetY?: number;
+                padding?: ChartPadding;
+                border?: {
+                    stroke?: string;
+                    strokeWidth?: number;
+                    rx?: number;
+                    ry?: number;
+                };
+                fontSize?: number;
+                color?: string;
+                backgroundColor?: string;
+            };
+            line?: {
+                stroke?: string;
+                strokeWidth?: number;
+                strokeDasharray?: number;
+            };
+            area?: {
+                fill?: string;
+                opacity?: number; // 0 - 100
+            }
+        }
+    }
+
     export type VueUiXyConfig = {
         responsive?: boolean;
         responsiveProportionalSizing?: boolean;
@@ -2641,6 +2688,7 @@ declare module "vue-data-ui" {
             width?: number;
             zoom?: ChartZoom;
             padding?: ChartPadding;
+            annotations?: VueUiXyAnnotation[];
             highlighter?: {
                 color?: string;
                 opacity?: number;
@@ -2694,6 +2742,8 @@ declare module "vue-data-ui" {
                         gap?: number;
                         labelWidth?: number;
                         showBaseline?: boolean;
+                        showCrosshairs?: boolean;
+                        crosshairSize?: number;
                         formatter?: Formatter;
                         scaleMin?: number | null;
                         scaleMax?: number | null;
@@ -2703,6 +2753,8 @@ declare module "vue-data-ui" {
                     };
                     xAxis?: {
                         showBaseline?: boolean;
+                        showCrosshairs?: boolean;
+                        crosshairSize?: number;
                     };
                     xAxisLabels?: {
                         color?: string;
@@ -5134,6 +5186,13 @@ declare module "vue-data-ui" {
             scale?: number;
             logging?: boolean;
         };
+        userOptionsCallbacks?: {
+            tooltip?: null | (() => void);
+            pdf?: null | ((chart?: HTMLElement) => void);
+            img?: null | ((base64?: string) => void);
+            fullscreen?: null | (() => void);
+            annotator?: null | (() => void);
+        };
         showUserOptionsOnChartHover?: boolean;
         keepUserOptionsStateOnChartLeave?: boolean;
     };
@@ -5142,7 +5201,7 @@ declare module "vue-data-ui" {
         [key: string]: string | number | number[];
     };
 
-    export type VueUiQuickChartDataset =
+    export type VueUiQuickChartDataset = 
         | number[]
         | VueUiQuickChartDatasetObjectItem
         | VueUiQuickChartDatasetObjectItem[];

package/dist/{useNestedProp-y56W8I7J.js → useNestedProp-DqpZEE3h.js}

@@ -1,4 +1,4 @@
-import { A as o, z as n } from "./index-CbcpITE_.js";
+import { A as o, z as n } from "./index-BzQ0j5xI.js";
 function c({ defaultConfig: e, userConfig: r }) {
   if (!Object.keys(r || {}).length)
     return e;

package/dist/{usePrinter-u-gQiRNz.js → usePrinter-CpG5jh_z.js}

@@ -10,7 +10,7 @@ function m({
     !t || r.value || (r.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./pdf-Cy09nTjn.js");
+          const { default: e } = await import("./pdf-Bj65uPK-.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,
@@ -27,7 +27,7 @@ function m({
     !t || a.value || (a.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./img-DWfzRJdv.js");
+          const { default: e } = await import("./img-fdViJw1e.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/{vue-data-ui-DGmMT-Yp.js → vue-data-ui-CeIncf6V.js}

@@ -1,5 +1,5 @@
 import { toRefs as ot, defineAsyncComponent as e, computed as s, ref as o, onMounted as it, watch as $, shallowReactive as at, createElementBlock as nt, createBlock as m, openBlock as c, normalizeStyle as lt, createElementVNode as rt, createTextVNode as ut, createCommentVNode as X, toDisplayString as st, resolveDynamicComponent as ct, mergeProps as gt, toHandlers as pt, createSlots as mt, renderList as dt, withCtx as Vt, renderSlot as Ut, normalizeProps as ft, guardReactiveProps as vt } from "vue";
-import Q from "./BaseIcon-j0c6lJUs.js";
+import Q from "./BaseIcon-d4dmqhkb.js";
 const kt = { style: { width: "36px" } }, yt = {
   __name: "vue-data-ui",
   props: {
@@ -36,68 +36,68 @@ const kt = { style: { width: "36px" } }, yt = {
   ],
   setup(j, { expose: z, emit: K }) {
     const n = j, { component: St, dataset: q, config: Y } = ot(n), g = {
-      VueUi3dBar: e(() => import("./vue-ui-3d-bar-Du4TkjPV.js")),
-      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-bw7gLRlR.js")),
-      VueUiAnnotator: e(() => import("./vue-ui-annotator-C-_zXB7H.js")),
-      VueUiCandlestick: e(() => import("./vue-ui-candlestick-9cPPnO0t.js")),
-      VueUiChestnut: e(() => import("./vue-ui-chestnut-D2dnrdHT.js")),
-      VueUiDashboard: e(() => import("./vue-ui-dashboard-BgxqXwqN.js")),
-      VueUiDigits: e(() => import("./vue-ui-digits-D7StMUym.js")),
-      VueUiDonut: e(() => import("./vue-ui-donut-CyOg8kph.js")),
-      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-CVhQaMNQ.js")),
-      VueUiGalaxy: e(() => import("./vue-ui-galaxy-BhPbJqYr.js")),
-      VueUiGauge: e(() => import("./vue-ui-gauge-sP6YPTJH.js")),
-      VueUiHeatmap: e(() => import("./vue-ui-heatmap-CpNjtuyD.js")),
-      VueUiKpi: e(() => import("./vue-ui-kpi-CN2AE1VF.js")),
-      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-CYt8LlhO.js")),
-      VueUiMolecule: e(() => import("./vue-ui-molecule-D3kexAu_.js")),
-      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-hHqR8eS7.js")),
-      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-DXwaOA_n.js")),
-      VueUiOnion: e(() => import("./vue-ui-onion-C7R2R5tf.js")),
-      VueUiQuadrant: e(() => import("./vue-ui-quadrant-jrOesLSU.js")),
-      VueUiRadar: e(() => import("./vue-ui-radar-BikYRjfw.js")),
-      VueUiRating: e(() => import("./vue-ui-rating-DUYbT-Ve.js")),
-      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-CjnDrflp.js")),
-      VueUiRings: e(() => import("./vue-ui-rings-Dinj5ws1.js")),
-      VueUiScatter: e(() => import("./vue-ui-scatter-CODAsxBq.js")),
-      VueUiSkeleton: e(() => import("./vue-ui-skeleton-miKWlCAi.js")),
-      VueUiSmiley: e(() => import("./vue-ui-smiley-DwqlNm1O.js")),
-      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-2o2ZLL50.js")),
-      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-CMlBpOcc.js")),
-      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-C7Ue-aaI.js")),
-      VueUiSparkline: e(() => import("./vue-ui-sparkline-w29yzdZG.js")),
-      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-DbIxY7W3.js")),
-      VueUiTable: e(() => import("./vue-ui-table-Bx82XIlz.js")),
-      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-DebvtEV3.js")),
-      VueUiThermometer: e(() => import("./vue-ui-thermometer-yPKRIlqA.js")),
-      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-C2G8HtiX.js")),
-      VueUiTreemap: e(() => import("./vue-ui-treemap-cFhw0xSg.js")),
-      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-dWiOw4sV.js")),
-      VueUiWaffle: e(() => import("./vue-ui-waffle-Uldnmn6D.js")),
-      VueUiWheel: e(() => import("./vue-ui-wheel-Cz79iDLO.js")),
-      VueUiXy: e(() => import("./vue-ui-xy-BA7xWU7_.js")),
-      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-RvSyx9L6.js")),
-      VueUiAccordion: e(() => import("./vue-ui-accordion-BkA7rtwr.js")),
-      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-CtLnhGZA.js")),
-      VueUiCursor: e(() => import("./vue-ui-cursor-K11x9TYc.js")),
-      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-BjL35phT.js")),
-      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-DyjQVaDX.js")),
-      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-C7Wex4VO.js")),
-      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-BGeHV6hS.js")),
-      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-B2kkKb64.js")),
-      VueUiFlow: e(() => import("./vue-ui-flow-DFNdP-V9.js")),
-      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-Dh772r8W.js")),
-      VueUiTimer: e(() => import("./vue-ui-timer-C15nOU7T.js")),
-      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-BJuSGbk2.js")),
-      VueUiGizmo: e(() => import("./vue-ui-gizmo-B4fq_bGX.js")),
-      VueUiStackbar: e(() => import("./vue-ui-stackbar-CWqpeYW-.js")),
-      VueUiBullet: e(() => import("./vue-ui-bullet-BRnz7E8e.js")),
-      VueUiFunnel: e(() => import("./vue-ui-funnel-DqWcZVvF.js")),
-      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-CtgTg4fG.js")),
-      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-BR79EDAC.js")),
-      VueUiWorld: e(() => import("./vue-ui-world-D1Dy-4mh.js")),
-      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-o7-RpeJx.js")),
-      VueUiChord: e(() => import("./vue-ui-chord-Rvygj27H.js"))
+      VueUi3dBar: e(() => import("./vue-ui-3d-bar-fAJK0nIB.js")),
+      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-D5w5EqmV.js")),
+      VueUiAnnotator: e(() => import("./vue-ui-annotator-CSGemK-O.js")),
+      VueUiCandlestick: e(() => import("./vue-ui-candlestick-BpP9MQC2.js")),
+      VueUiChestnut: e(() => import("./vue-ui-chestnut-D5um0tmC.js")),
+      VueUiDashboard: e(() => import("./vue-ui-dashboard-CQ0B1DMq.js")),
+      VueUiDigits: e(() => import("./vue-ui-digits-B3h4BufU.js")),
+      VueUiDonut: e(() => import("./vue-ui-donut-DcjJqRof.js")),
+      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-DmSbXlMu.js")),
+      VueUiGalaxy: e(() => import("./vue-ui-galaxy-Cpnr2YW-.js")),
+      VueUiGauge: e(() => import("./vue-ui-gauge-BhPFNziU.js")),
+      VueUiHeatmap: e(() => import("./vue-ui-heatmap-CpwNMx3i.js")),
+      VueUiKpi: e(() => import("./vue-ui-kpi-CvqXwiiE.js")),
+      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-DIjSfc7L.js")),
+      VueUiMolecule: e(() => import("./vue-ui-molecule-3-vg0Re6.js")),
+      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-B7W7wGkW.js")),
+      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-ByoeDL-3.js")),
+      VueUiOnion: e(() => import("./vue-ui-onion-CNVwf4QX.js")),
+      VueUiQuadrant: e(() => import("./vue-ui-quadrant-C-wPn5l5.js")),
+      VueUiRadar: e(() => import("./vue-ui-radar-DqOzvLUy.js")),
+      VueUiRating: e(() => import("./vue-ui-rating-CsZXcINB.js")),
+      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-B0zxq02O.js")),
+      VueUiRings: e(() => import("./vue-ui-rings-DoJwXgd3.js")),
+      VueUiScatter: e(() => import("./vue-ui-scatter-BTT3BYrI.js")),
+      VueUiSkeleton: e(() => import("./vue-ui-skeleton-CavMQlAm.js")),
+      VueUiSmiley: e(() => import("./vue-ui-smiley-DdT6TBz8.js")),
+      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-DCS_f__b.js")),
+      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-CGDjBHjo.js")),
+      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-Ctpm0106.js")),
+      VueUiSparkline: e(() => import("./vue-ui-sparkline-BVyjNK_A.js")),
+      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-BsNDucJO.js")),
+      VueUiTable: e(() => import("./vue-ui-table-Bb6pNaIM.js")),
+      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-_pPedR_D.js")),
+      VueUiThermometer: e(() => import("./vue-ui-thermometer-CmLnTIU7.js")),
+      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-DXgmJClr.js")),
+      VueUiTreemap: e(() => import("./vue-ui-treemap-Ci2Yi9Gh.js")),
+      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-pn_EqFmU.js")),
+      VueUiWaffle: e(() => import("./vue-ui-waffle-vqh1kEDT.js")),
+      VueUiWheel: e(() => import("./vue-ui-wheel-BCcK6wwZ.js")),
+      VueUiXy: e(() => import("./vue-ui-xy-0gHPOOwZ.js")),
+      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-_ypWL_z2.js")),
+      VueUiAccordion: e(() => import("./vue-ui-accordion-bpaEpjqI.js")),
+      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-SV-m_FhA.js")),
+      VueUiCursor: e(() => import("./vue-ui-cursor-BjmAMjTd.js")),
+      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-D9q63V2-.js")),
+      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-C6vbloAI.js")),
+      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-BLcmTUd_.js")),
+      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-Bu8Giu0b.js")),
+      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-DuAgXbBB.js")),
+      VueUiFlow: e(() => import("./vue-ui-flow-BmIGl6DC.js")),
+      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-C0KJrBX8.js")),
+      VueUiTimer: e(() => import("./vue-ui-timer-CpAJT80M.js")),
+      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-lpdLFAfT.js")),
+      VueUiGizmo: e(() => import("./vue-ui-gizmo-B2wA-kmz.js")),
+      VueUiStackbar: e(() => import("./vue-ui-stackbar-DuGcJQ6F.js")),
+      VueUiBullet: e(() => import("./vue-ui-bullet-FPBahjOr.js")),
+      VueUiFunnel: e(() => import("./vue-ui-funnel-BJfxaSQC.js")),
+      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-DpxHqDZw.js")),
+      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-Jk-Yd8T_.js")),
+      VueUiWorld: e(() => import("./vue-ui-world-CzRlg19V.js")),
+      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-CykFyAin.js")),
+      VueUiChord: e(() => import("./vue-ui-chord-CgrXXOgv.js"))
     }, J = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],

package/dist/vue-data-ui.js

@@ -1,5 +1,5 @@
 import "vue";
-import { an as s, ao as u, ap as U, aq as V, ar as r, as as t, bh as o, at as b, be as l, au as n, bo as d, bl as g, av as m, aw as C, ax as c, ay as p, az as S, aA as k, aB as h, bi as T, aC as P, aD as D, bf as f, aE as v, bj as y, aF as R, aG as A, aH as H, aI as W, aJ as x, aK as M, aL as w, aM as B, bk as F, aN as G, aO as K, aP as Q, aQ as X, aR as j, bn as q, aS as z, aT as E, aU as I, aV as L, aW as N, aX as O, aY as J, aZ as Y, a_ as Z, a$ as _, bg as $, b0 as aa, b1 as ea, b2 as ia, b3 as sa, b4 as ua, b5 as Ua, b6 as Va, b7 as ra, b8 as ta, b9 as oa, ba, bb as la, bm as na, bc as da, bd as ga, K as ma, U as Ca, T as ca, af as pa, aj as Sa, bp as ka, bq as ha, br as Ta, bs as Pa, bt as Da, bu as fa, bv as va, bw as ya, bx as Ra } from "./index-CbcpITE_.js";
+import { an as s, ao as u, ap as U, aq as V, ar as r, as as t, bh as o, at as b, be as l, au as n, bo as d, bl as g, av as m, aw as C, ax as c, ay as p, az as S, aA as k, aB as h, bi as T, aC as P, aD as D, bf as f, aE as v, bj as y, aF as R, aG as A, aH as H, aI as W, aJ as x, aK as M, aL as w, aM as B, bk as F, aN as G, aO as K, aP as Q, aQ as X, aR as j, bn as q, aS as z, aT as E, aU as I, aV as L, aW as N, aX as O, aY as J, aZ as Y, a_ as Z, a$ as _, bg as $, b0 as aa, b1 as ea, b2 as ia, b3 as sa, b4 as ua, b5 as Ua, b6 as Va, b7 as ra, b8 as ta, b9 as oa, ba, bb as la, bm as na, bc as da, bd as ga, K as ma, U as Ca, T as ca, af as pa, aj as Sa, bp as ka, bq as ha, br as Ta, bs as Pa, bt as Da, bu as fa, bv as va, bw as ya, bx as Ra } from "./index-BzQ0j5xI.js";
 export {
   s as Arrow,
   u as VueDataUi,