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

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

@@ -46,6 +46,7 @@ declare module "vue-data-ui" {
         | VueUiTreemapDatasetItem[]
         | VueUiQuickChartDataset
         | number[]
+        | Array<number | null>
         | VueUiStripPlotDataset[]
         | VueUiWordCloudDatasetItem[]
         | VueUiXyCanvasDatasetItem[]
@@ -133,6 +134,7 @@ declare module "vue-data-ui" {
     export type VueUiXyEvent = ChartEvent<VueUiXyDatapointItem[]>;
     export type VueUiRingsEvent = ChartEvent<VueUiRingsDatapoint>;
     export type VueUiOnionEvent = ChartEvent<VueUiOnionDatapoint>;
+    export type VueUiWorldEvent = ChartEvent<VueUiWorldDatapoint>;
     export type VueUiGalaxyEvent = ChartEvent<VueUiGalaxyDatapoint>;
     export type VueUiWaffleEvent = ChartEvent<VueUiWaffleDatapoint>;
     export type VueUiScatterEvent = ChartEvent<VueUiScatterDatapoint>;
@@ -1556,7 +1558,7 @@ declare module "vue-data-ui" {
 
     export type VueUiDonutEvolutionDatasetItem = {
         name: string;
-        values: number[];
+        values: Array<number | null>;
         color?: string;
     };
 
@@ -1948,7 +1950,7 @@ declare module "vue-data-ui" {
         timeLabel?: string;
         trapX?: number;
         unitWidth?: number;
-        value?: number;
+        value?: number | null;
         valueLabel?: string;
         width?: number;
         x?: number;
@@ -2057,7 +2059,7 @@ declare module "vue-data-ui" {
         proportion?: number;
         proportionLabel?: string;
         start?: number;
-        value?: number;
+        value?: number | null;
         width?: number;
     };
 
@@ -2360,7 +2362,7 @@ declare module "vue-data-ui" {
 
     export type VueUiSparkbarDatasetItem = {
         name: string;
-        value: number;
+        value: number | null;
         suffix?: string;
         prefix?: string;
         rounding?: number;
@@ -2447,7 +2449,14 @@ declare module "vue-data-ui" {
         dataset: VueUiSparkbarDatasetItem[];
     }>;
 
-    export type VueUiAgePyramidDataset = Array<Array<string | number>>;
+    export type VueUiAgePyramidDatasetRow = [
+        year: string,
+        rank: number,
+        v1: number | null,
+        v2: number | null
+    ]
+
+    export type VueUiAgePyramidDataset = VueUiAgePyramidDatasetRow[];
 
     export type VueUiAgePyramidConfig = {
         debug?: boolean; // v3
@@ -3118,7 +3127,7 @@ declare module "vue-data-ui" {
         id: string;
         ratio: number;
         side: "up" | "down";
-        value: number;
+        value: number | null;
         xAxisName: string | undefined;
         yAxisName: string | undefined;
     };
@@ -3126,12 +3135,12 @@ declare module "vue-data-ui" {
     export type VueUiHeatmapRow = {
         name: string;
         temperatures: VueUiHeatmapDatapoint[];
-        values: number[];
+        values: Array<number | null>;
     };
 
     export type VueUiHeatmapDatasetItem = {
         name: string | number;
-        values: number[];
+        values: Array<number | null>;
     };
 
     export type VueUiHeatmapExpose = {
@@ -3187,8 +3196,8 @@ declare module "vue-data-ui" {
     export type VueUiXyAnnotation = {
         show?: boolean;
         yAxis?: {
-            yTop?: number;
-            yBottom?: number;
+            yTop?: number | null;
+            yBottom?: number | null;
             label?: {
                 text?: string;
                 textAnchor?: 'start' | 'end';
@@ -3486,7 +3495,7 @@ declare module "vue-data-ui" {
 
     export type VueUiXyDatasetItem = {
         name: string;
-        series: number[];
+        series: Array<number | null>;
         type: "bar" | "line" | "plot";
         color?: string;
         dashed?: boolean;
@@ -3509,17 +3518,17 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiXyDatasetBarItem = {
-        absoluteValues: number[];
+        absoluteValues: Array<number | null>;
         color: string;
         id: string;
         name: string;
         plots: Array<{ x: number; y: number; value: number }>;
-        series: number[];
+        series: Array<number | null>;
         type: "bar";
     };
 
     export type VueUiXyDatasetLineItem = {
-        absoluteValues: number[];
+        absoluteValues: Array<number | null>;
         area: string;
         color: string;
         curve: string;
@@ -3527,7 +3536,7 @@ declare module "vue-data-ui" {
         id: string;
         name: string;
         plots: Array<{ x: number; y: number; value: number }>;
-        series: number[];
+        series: Array<number | null>;
         shape: Shape | null;
         type: "line";
         useArea: boolean;
@@ -3537,12 +3546,12 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiXyDatasetPlotItem = {
-        absoluteValues: number[];
+        absoluteValues: Array<number | null>;
         color: string;
         id: string;
         name: string;
         plots: Array<{ x: number; y: number; value: number }>;
-        series: number[];
+        series: Array<number | null>;
         shape: Shape | null;
         type: "plot";
         useTag?: boolean;
@@ -3558,7 +3567,7 @@ declare module "vue-data-ui" {
         name: string;
         shape: Shape | null;
         type: "bar" | "line" | "plot";
-        value: number;
+        value: number | null;
     };
 
     export type VueUiXyExpose = {
@@ -5035,14 +5044,14 @@ declare module "vue-data-ui" {
 
     export type VueUiVerticalBarDatasetChild = {
         name: string;
-        value: number;
+        value: number | null;
     };
 
     export type VueUiHorizontalBarDatasetChild = VueUiVerticalBarDatasetChild; // v3 renaming
 
     export type VueUiVerticalBarDatasetItem = {
         name: string;
-        value: number;
+        value: number | null;
         color?: string;
         children?: VueUiVerticalBarDatasetChild[] | VueUiHorizontalBarDatasetChild[];
     };
@@ -5248,8 +5257,8 @@ declare module "vue-data-ui" {
 
     export type VueUiSparklineDatasetItem = {
         period: string | number;
-        value: number;
-        absoluteValue?: number;
+        value: number | null;
+        absoluteValue?: number | null;
         id?: string;
         plotValue?: number;
         toMax?: number;
@@ -6116,11 +6125,11 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiQuickChartDatasetObjectItem = {
-        [key: string]: string | number | number[];
+        [key: string]: string | number | Array<number | null>;
     };
 
     export type VueUiQuickChartDataset =
-        | number[]
+        | Array<number | null>
         | VueUiQuickChartDatasetObjectItem
         | VueUiQuickChartDatasetObjectItem[];
 
@@ -6233,7 +6242,7 @@ declare module "vue-data-ui" {
     };
 
     export const VueUiSparkTrend: DefineComponent<{
-        dataset: number[];
+        dataset: Array<number | null>;
         config?: VueUiSparkTrendConfig;
     }>;
 
@@ -6734,7 +6743,7 @@ declare module "vue-data-ui" {
 
     export type VueUiXyCanvasDatasetItem = {
         name: string;
-        series: number[];
+        series: Array<number | null>;
         color?: string;
         type?: "line" | "plot" | "bar";
         useArea?: boolean;
@@ -6924,7 +6933,7 @@ declare module "vue-data-ui" {
         VueUiXyCanvasExpose
     >;
 
-    export type VueUiFlowDatasetItem = [string, string, number];
+    export type VueUiFlowDatasetItem = [string, string, number | null];
 
     export type VueUiFlowNode = {
         color: string;
@@ -7098,7 +7107,7 @@ declare module "vue-data-ui" {
 
     export type VueUiParallelCoordinatePlotDatasetSerieItem = {
         name: string;
-        values: number[];
+        values: Array<number | null>;
     };
 
     export type VueUiParallelCoordinatePlotDatasetItem = {
@@ -7477,7 +7486,7 @@ declare module "vue-data-ui" {
 
     export type VueUiStackbarDatasetItem = {
         name: string;
-        series: number[];
+        series: Array<number | null>;
         color?: string;
     };
 
@@ -8265,7 +8274,41 @@ declare module "vue-data-ui" {
         VueUiCirclePackExpose
     >;
 
+    export type VueUiWorldDatapoint = {
+        category: string | null;
+        code: string;
+        color: string;
+        geo: {
+            geometry: {
+                coordinates: Array<Array<Array<Array<number>>>>;
+                type: string;
+            };
+            properties: {
+                admin: string;
+                iso_a3: string;
+                name: string;
+            };
+            type: string;
+        },
+        geometry: {
+            coordinates: Array<Array<Array<number>>>;
+            type: string;
+        };
+        isActive: boolean;
+        name: string;
+        path: string;
+        uid: string;
+        value: number | null;
+    }
+
     export type VueUiWorldConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        events?: {
+            datapointEnter?: VueUiWorldEvent; // v3
+            datapointLeave?: VueUiWorldEvent; // v3
+            datapointClick?: VueUiWorldEvent; // v3
+        };
         userOptions?: ChartUserOptions;
         customPalette?: string[];
         projection?: 'aitoff' | 'azimuthalEquidistant' | 'bonne' | 'equirectangular' | 'gallPeters' | 'globe' | 'hammer' | 'mercator' | 'mollweide' | 'robinson' | 'sinusoidal' | 'vanDerGrinten' | 'winkelTripel',
@@ -8362,7 +8405,7 @@ declare module "vue-data-ui" {
 
     export type VueUiRidgelineDatapoint = {
         name: string;
-        values: number[];
+        values: Array<number | null>;
         color?: string;
     }
 
@@ -8374,7 +8417,7 @@ declare module "vue-data-ui" {
     export type VueUiRidgelineDatapointEventUnit = {
         color: string;
         name: string;
-        values: number[];
+        values: Array<number | null>;
         id: string;
     };
 
@@ -8498,7 +8541,7 @@ declare module "vue-data-ui" {
                 yAxis?: {
                     labels?: {
                         fontSize?: number;
-                        bold?: number;
+                        bold?: boolean;
                         color?: string;
                         offsetX?: number;
                     };
@@ -8555,7 +8598,7 @@ declare module "vue-data-ui" {
     >
 
     export type VueUiChordDataset = {
-        matrix: number[][];
+        matrix: Array<Array<number | null>>;
         labels?: string[];
         colors?: string[];
     }
@@ -8628,7 +8671,7 @@ declare module "vue-data-ui" {
                     outerRadiusRatio?: number;
                     padAngle?: number;
                     stroke?: string;
-                    strokeWidth?: string;
+                    strokeWidth?: number;
                     labels?: {
                         show?: boolean;
                         fontSize?: number;

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

@@ -46,6 +46,7 @@ declare module "vue-data-ui" {
         | VueUiTreemapDatasetItem[]
         | VueUiQuickChartDataset
         | number[]
+        | Array<number | null>
         | VueUiStripPlotDataset[]
         | VueUiWordCloudDatasetItem[]
         | VueUiXyCanvasDatasetItem[]
@@ -133,6 +134,7 @@ declare module "vue-data-ui" {
     export type VueUiXyEvent = ChartEvent<VueUiXyDatapointItem[]>;
     export type VueUiRingsEvent = ChartEvent<VueUiRingsDatapoint>;
     export type VueUiOnionEvent = ChartEvent<VueUiOnionDatapoint>;
+    export type VueUiWorldEvent = ChartEvent<VueUiWorldDatapoint>;
     export type VueUiGalaxyEvent = ChartEvent<VueUiGalaxyDatapoint>;
     export type VueUiWaffleEvent = ChartEvent<VueUiWaffleDatapoint>;
     export type VueUiScatterEvent = ChartEvent<VueUiScatterDatapoint>;
@@ -1556,7 +1558,7 @@ declare module "vue-data-ui" {
 
     export type VueUiDonutEvolutionDatasetItem = {
         name: string;
-        values: number[];
+        values: Array<number | null>;
         color?: string;
     };
 
@@ -1948,7 +1950,7 @@ declare module "vue-data-ui" {
         timeLabel?: string;
         trapX?: number;
         unitWidth?: number;
-        value?: number;
+        value?: number | null;
         valueLabel?: string;
         width?: number;
         x?: number;
@@ -2057,7 +2059,7 @@ declare module "vue-data-ui" {
         proportion?: number;
         proportionLabel?: string;
         start?: number;
-        value?: number;
+        value?: number | null;
         width?: number;
     };
 
@@ -2360,7 +2362,7 @@ declare module "vue-data-ui" {
 
     export type VueUiSparkbarDatasetItem = {
         name: string;
-        value: number;
+        value: number | null;
         suffix?: string;
         prefix?: string;
         rounding?: number;
@@ -2447,7 +2449,14 @@ declare module "vue-data-ui" {
         dataset: VueUiSparkbarDatasetItem[];
     }>;
 
-    export type VueUiAgePyramidDataset = Array<Array<string | number>>;
+    export type VueUiAgePyramidDatasetRow = [
+        year: string,
+        rank: number,
+        v1: number | null,
+        v2: number | null
+    ]
+
+    export type VueUiAgePyramidDataset = VueUiAgePyramidDatasetRow[];
 
     export type VueUiAgePyramidConfig = {
         debug?: boolean; // v3
@@ -3118,7 +3127,7 @@ declare module "vue-data-ui" {
         id: string;
         ratio: number;
         side: "up" | "down";
-        value: number;
+        value: number | null;
         xAxisName: string | undefined;
         yAxisName: string | undefined;
     };
@@ -3126,12 +3135,12 @@ declare module "vue-data-ui" {
     export type VueUiHeatmapRow = {
         name: string;
         temperatures: VueUiHeatmapDatapoint[];
-        values: number[];
+        values: Array<number | null>;
     };
 
     export type VueUiHeatmapDatasetItem = {
         name: string | number;
-        values: number[];
+        values: Array<number | null>;
     };
 
     export type VueUiHeatmapExpose = {
@@ -3187,8 +3196,8 @@ declare module "vue-data-ui" {
     export type VueUiXyAnnotation = {
         show?: boolean;
         yAxis?: {
-            yTop?: number;
-            yBottom?: number;
+            yTop?: number | null;
+            yBottom?: number | null;
             label?: {
                 text?: string;
                 textAnchor?: 'start' | 'end';
@@ -3486,7 +3495,7 @@ declare module "vue-data-ui" {
 
     export type VueUiXyDatasetItem = {
         name: string;
-        series: number[];
+        series: Array<number | null>;
         type: "bar" | "line" | "plot";
         color?: string;
         dashed?: boolean;
@@ -3509,17 +3518,17 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiXyDatasetBarItem = {
-        absoluteValues: number[];
+        absoluteValues: Array<number | null>;
         color: string;
         id: string;
         name: string;
         plots: Array<{ x: number; y: number; value: number }>;
-        series: number[];
+        series: Array<number | null>;
         type: "bar";
     };
 
     export type VueUiXyDatasetLineItem = {
-        absoluteValues: number[];
+        absoluteValues: Array<number | null>;
         area: string;
         color: string;
         curve: string;
@@ -3527,7 +3536,7 @@ declare module "vue-data-ui" {
         id: string;
         name: string;
         plots: Array<{ x: number; y: number; value: number }>;
-        series: number[];
+        series: Array<number | null>;
         shape: Shape | null;
         type: "line";
         useArea: boolean;
@@ -3537,12 +3546,12 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiXyDatasetPlotItem = {
-        absoluteValues: number[];
+        absoluteValues: Array<number | null>;
         color: string;
         id: string;
         name: string;
         plots: Array<{ x: number; y: number; value: number }>;
-        series: number[];
+        series: Array<number | null>;
         shape: Shape | null;
         type: "plot";
         useTag?: boolean;
@@ -3558,7 +3567,7 @@ declare module "vue-data-ui" {
         name: string;
         shape: Shape | null;
         type: "bar" | "line" | "plot";
-        value: number;
+        value: number | null;
     };
 
     export type VueUiXyExpose = {
@@ -5035,14 +5044,14 @@ declare module "vue-data-ui" {
 
     export type VueUiVerticalBarDatasetChild = {
         name: string;
-        value: number;
+        value: number | null;
     };
 
     export type VueUiHorizontalBarDatasetChild = VueUiVerticalBarDatasetChild; // v3 renaming
 
     export type VueUiVerticalBarDatasetItem = {
         name: string;
-        value: number;
+        value: number | null;
         color?: string;
         children?: VueUiVerticalBarDatasetChild[] | VueUiHorizontalBarDatasetChild[];
     };
@@ -5248,8 +5257,8 @@ declare module "vue-data-ui" {
 
     export type VueUiSparklineDatasetItem = {
         period: string | number;
-        value: number;
-        absoluteValue?: number;
+        value: number | null;
+        absoluteValue?: number | null;
         id?: string;
         plotValue?: number;
         toMax?: number;
@@ -6116,11 +6125,11 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiQuickChartDatasetObjectItem = {
-        [key: string]: string | number | number[];
+        [key: string]: string | number | Array<number | null>;
     };
 
     export type VueUiQuickChartDataset =
-        | number[]
+        | Array<number | null>
         | VueUiQuickChartDatasetObjectItem
         | VueUiQuickChartDatasetObjectItem[];
 
@@ -6233,7 +6242,7 @@ declare module "vue-data-ui" {
     };
 
     export const VueUiSparkTrend: DefineComponent<{
-        dataset: number[];
+        dataset: Array<number | null>;
         config?: VueUiSparkTrendConfig;
     }>;
 
@@ -6734,7 +6743,7 @@ declare module "vue-data-ui" {
 
     export type VueUiXyCanvasDatasetItem = {
         name: string;
-        series: number[];
+        series: Array<number | null>;
         color?: string;
         type?: "line" | "plot" | "bar";
         useArea?: boolean;
@@ -6924,7 +6933,7 @@ declare module "vue-data-ui" {
         VueUiXyCanvasExpose
     >;
 
-    export type VueUiFlowDatasetItem = [string, string, number];
+    export type VueUiFlowDatasetItem = [string, string, number | null];
 
     export type VueUiFlowNode = {
         color: string;
@@ -7098,7 +7107,7 @@ declare module "vue-data-ui" {
 
     export type VueUiParallelCoordinatePlotDatasetSerieItem = {
         name: string;
-        values: number[];
+        values: Array<number | null>;
     };
 
     export type VueUiParallelCoordinatePlotDatasetItem = {
@@ -7477,7 +7486,7 @@ declare module "vue-data-ui" {
 
     export type VueUiStackbarDatasetItem = {
         name: string;
-        series: number[];
+        series: Array<number | null>;
         color?: string;
     };
 
@@ -8265,7 +8274,41 @@ declare module "vue-data-ui" {
         VueUiCirclePackExpose
     >;
 
+    export type VueUiWorldDatapoint = {
+        category: string | null;
+        code: string;
+        color: string;
+        geo: {
+            geometry: {
+                coordinates: Array<Array<Array<Array<number>>>>;
+                type: string;
+            };
+            properties: {
+                admin: string;
+                iso_a3: string;
+                name: string;
+            };
+            type: string;
+        },
+        geometry: {
+            coordinates: Array<Array<Array<number>>>;
+            type: string;
+        };
+        isActive: boolean;
+        name: string;
+        path: string;
+        uid: string;
+        value: number | null;
+    }
+
     export type VueUiWorldConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        events?: {
+            datapointEnter?: VueUiWorldEvent; // v3
+            datapointLeave?: VueUiWorldEvent; // v3
+            datapointClick?: VueUiWorldEvent; // v3
+        };
         userOptions?: ChartUserOptions;
         customPalette?: string[];
         projection?: 'aitoff' | 'azimuthalEquidistant' | 'bonne' | 'equirectangular' | 'gallPeters' | 'globe' | 'hammer' | 'mercator' | 'mollweide' | 'robinson' | 'sinusoidal' | 'vanDerGrinten' | 'winkelTripel',
@@ -8362,7 +8405,7 @@ declare module "vue-data-ui" {
 
     export type VueUiRidgelineDatapoint = {
         name: string;
-        values: number[];
+        values: Array<number | null>;
         color?: string;
     }
 
@@ -8374,7 +8417,7 @@ declare module "vue-data-ui" {
     export type VueUiRidgelineDatapointEventUnit = {
         color: string;
         name: string;
-        values: number[];
+        values: Array<number | null>;
         id: string;
     };
 
@@ -8498,7 +8541,7 @@ declare module "vue-data-ui" {
                 yAxis?: {
                     labels?: {
                         fontSize?: number;
-                        bold?: number;
+                        bold?: boolean;
                         color?: string;
                         offsetX?: number;
                     };
@@ -8555,7 +8598,7 @@ declare module "vue-data-ui" {
     >
 
     export type VueUiChordDataset = {
-        matrix: number[][];
+        matrix: Array<Array<number | null>>;
         labels?: string[];
         colors?: string[];
     }
@@ -8628,7 +8671,7 @@ declare module "vue-data-ui" {
                     outerRadiusRatio?: number;
                     padAngle?: number;
                     stroke?: string;
-                    strokeWidth?: string;
+                    strokeWidth?: number;
                     labels?: {
                         show?: boolean;
                         fontSize?: number;

package/dist/{useAutoSizeLabelsInsideViewbox-CjmXpH45.js → useAutoSizeLabelsInsideViewbox-saVvCjJw.js}

@@ -1,4 +1,4 @@
-import { a1 as K } from "./index-DRwxHhnC.js";
+import { a1 as K } from "./index-BKhNHhMQ.js";
 function q({
   svgRef: S,
   fontSize: p,

package/dist/{useNestedProp-8MTWT4Pg.js → useNestedProp-DKatlZIE.js}

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

package/dist/{usePrinter-DKX-yL5f.js → usePrinter-BRcK101H.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-Cz5CkYwk.js");
+          const { default: e } = await import("./pdf-BBF7HVTc.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-Cr2U0nLE.js");
+          const { default: e } = await import("./img-rI5uD5oD.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,