vue-data-ui 2.2.8 → 2.2.10

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

@@ -28,6 +28,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTreemapConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         userOptions?: {
             show?: boolean;
@@ -100,6 +101,9 @@ declare module 'vue-data-ui' {
                     fontSize?: number;
                     roundingValue?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiTreemapDatapoint, VueUiTreemapSeriesItem[], VueUiTreemapConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
             };
         };
@@ -186,6 +190,7 @@ declare module 'vue-data-ui' {
     export type VueUiGalaxyDatasetItem = VueUiDonutDatasetItem;
 
     export type VueUiGalaxyConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         useBlurOnHover?: boolean;
@@ -248,6 +253,9 @@ declare module 'vue-data-ui' {
                     roundingValue?: number;
                     roundingPercentage?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiGalaxyDatapoint, VueUiGalaxySeriesItem[], VueUiGalaxyConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
             };
         };
@@ -307,6 +315,7 @@ declare module 'vue-data-ui' {
     }
 
     export type VueUiSparkgaugeConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             fontFamily?: string;
             background?: string;
@@ -409,6 +418,7 @@ declare module 'vue-data-ui' {
     }
 
     export type VueUiTableSparklineConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         responsiveBreakpoint?: number;
         showAverage?: boolean;
@@ -486,6 +496,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiMoleculeConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             fontFamily?: string;
             chart?: {
@@ -516,6 +527,9 @@ declare module 'vue-data-ui' {
                     backgroundColor?: string;
                     fontSize?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiMoleculeDatapoint, VueUiMoleculeDatapoint[], VueUiMoleculeConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
                 zoom?: {
                     speed?: number;
@@ -592,6 +606,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUi3dBarConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         style?: {
             fontFamily?: string;
@@ -697,6 +712,7 @@ declare module 'vue-data-ui' {
     }
 
     export type VueUiMoodRadarConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             fontFamily?: string;
             chart?: {
@@ -804,6 +820,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiDonutEvolutionConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         style?: {
             fontFamily?: string;
@@ -934,6 +951,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiTiremarksConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             fontFamily?: string;
             chart?: {
@@ -995,6 +1013,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiWheelConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             fontFamily?: string;
             chart?: {
@@ -1059,6 +1078,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiRingsConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         useBlurOnHover?: boolean;
@@ -1116,6 +1136,9 @@ declare module 'vue-data-ui' {
                     roundingValue?: number;
                     roundingPercentage?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiRingsDatapoint, VueUiRingsDatapoint[], VueUiRingsConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
             };
         };
@@ -1171,6 +1194,7 @@ declare module 'vue-data-ui' {
     }>
 
     export type VueUiSparkHistogramConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             backgroundColor?: string;
             fontFamily?: string;
@@ -1269,6 +1293,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiSparkStackBarConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         style?: {
             backgroundColor?: string;
@@ -1341,6 +1366,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiThermometerConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         style?: {
             fontFamily?: string;
@@ -1421,6 +1447,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiRelationCircleConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         style?: {
             color?: string;
@@ -1612,6 +1639,7 @@ declare module 'vue-data-ui' {
     }
 
     export type VueUiSparkbarConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         style?: {
             backgroundColor?: string;
@@ -1661,6 +1689,7 @@ declare module 'vue-data-ui' {
     export type VueUiAgePyramidDataset = Array<Array<string | number>>;
 
     export type VueUiAgePyramidConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             backgroundColor?: string;
             color?: string;
@@ -1749,6 +1778,9 @@ declare module 'vue-data-ui' {
                 fontSize?: number;
                 roundingValue?: number;
                 customFormat?: (params: VueUiTooltipParams<VueUiAgePyramidDatapoint, VueUiAgePyramidSeries[], VueUiAgePyramidConfig>) => string;
+                borderRadius?: number;
+                borderColor?: string;
+                borderWidth?: number;
             };
         };
         translations?: {
@@ -1811,6 +1843,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiCandlestickConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         useCssAnimation?: boolean;
         style?: {
             backgroundColor?: string;
@@ -1911,6 +1944,9 @@ declare module 'vue-data-ui' {
                 prefix?: string;
                 suffix?: string;
                 customFormat?: (params: VueUiTooltipParams<VueUiCandlestickDatapoint, VueUiCandlestickDatapoint[], VueUiCandlestickConfig>) => string;
+                borderRadius?: number;
+                borderColor?: string;
+                borderWidth?: number;
             };
         };
         translations?: {
@@ -1979,6 +2015,7 @@ declare module 'vue-data-ui' {
     }
 
     export type VueUiScatterConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         style?: {
@@ -2121,7 +2158,10 @@ declare module 'vue-data-ui' {
                 showShape?: boolean;
                 prefix?: string;
                 suffix?: string;
-                customFormat?: (params: VueUiTooltipParams<VueUiScatterDatapoint, VueUiScatterSeries[], VueUiScatterConfig>) => string
+                customFormat?: (params: VueUiTooltipParams<VueUiScatterDatapoint, VueUiScatterSeries[], VueUiScatterConfig>) => string;
+                borderRadius?: number;
+                borderColor?: string;
+                borderWidth?: number;
             };
         };
         userOptions?: {
@@ -2197,6 +2237,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiHeatmapConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             backgroundColor?: string;
             color?: string;
@@ -2281,6 +2322,9 @@ declare module 'vue-data-ui' {
                 fontSize?: number;
                 roundingValue?: number;
                 customFormat?: (params: VueUiTooltipParams<VueUiHeatmapDatapoint, VueUiHeatmapRow[], VueUiHeatmapConfig>) => string;
+                borderRadius?: number;
+                borderColor?: string;
+                borderWidth?: number;
             };
         };
         userOptions?: {
@@ -2339,6 +2383,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiXyConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         chart?: {
@@ -2469,6 +2514,9 @@ declare module 'vue-data-ui' {
                 roundingPercentage?: number;
                 fontSize?: number;
                 customFormat?: (params: VueUiTooltipParams<VueUiXyDatapointItem[], VueUiXySeries, VueUiXyConfig, VueUiXyDatasetBarItem[], VueUiXyDatasetLineItem[], VueUiXyDatasetPlotItem[]>) => string;
+                borderRadius?: number;
+                borderColor?: string;
+                borderWidth?: number;
             };
             userOptions?: {
                 show?: boolean;
@@ -2629,6 +2677,7 @@ declare module 'vue-data-ui' {
     }>
 
     export type VueUiDonutConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         useBlurOnHover?: boolean;
@@ -2737,6 +2786,9 @@ declare module 'vue-data-ui' {
                     roundingValue?: number;
                     roundingPercentage?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiDonutDatapoint, VueUiDonutSeriesItem[], VueUiDonutConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
             };
         };
@@ -2816,6 +2868,7 @@ declare module 'vue-data-ui' {
     }
 
     export type VueUiNestedDonutsConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         useBlurOnHover?: boolean;
@@ -2892,6 +2945,9 @@ declare module 'vue-data-ui' {
                     roundingValue?: number;
                     roundingPercentage?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiNestedDonutsDatapoint, VueUiNestedDonutsSeriesItem[], VueUiNestedDonutsConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
             };
         };
@@ -2967,6 +3023,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiWaffleConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useBlurOnHover?: boolean;
         useCustomCells?: boolean;
@@ -3033,6 +3090,9 @@ declare module 'vue-data-ui' {
                     roundingValue?: number;
                     roundingPercentage?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiWaffleDatapoint, VueUiWaffleSerieItem[], VueUiWaffleConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
                 legend?: {
                     show?: boolean;
@@ -3110,6 +3170,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiRadarConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         style?: {
@@ -3173,6 +3234,9 @@ declare module 'vue-data-ui' {
                         animationFrames?: number;
                     };
                     customFormat?: (params: VueUiTooltipParams<VueUiRadarDatapoint, VueUiRadarSeries, VueUiRadarConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
                 legend?: {
                     show?: boolean;
@@ -3286,6 +3350,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiQuadrantConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         useCssAnimation?: boolean;
         zoomAnimationFrames?: number;
         style?: {
@@ -3399,6 +3464,9 @@ declare module 'vue-data-ui' {
                     roundingValue?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiQuadrantDatapoint, VueUiQuadrantSerie[], VueUiQuadrantConfig>) => string;
                     showShape?: boolean;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
                 legend?: {
                     show?: boolean;
@@ -3479,6 +3547,7 @@ declare module 'vue-data-ui' {
     }
 
     export type VueUiGaugeConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         style?: {
             fontFamily?: string;
@@ -3583,6 +3652,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiChestnutConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         style?: {
             fontFamily?: string;
@@ -3774,6 +3844,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiOnionConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         style?: {
@@ -3840,6 +3911,9 @@ declare module 'vue-data-ui' {
                     roundingValue?: number;
                     roundingPercentage?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiOnionDatapoint, VueUiOnionSeriesItem[], VueUiOnionConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
             };
         };
@@ -3928,6 +4002,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiVerticalBarConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         style?: {
@@ -4027,6 +4102,9 @@ declare module 'vue-data-ui' {
                     prefix?: string;
                     suffix?: string;
                     customFormat?: (params: VueUiTooltipParams<VueUiVerticalBarDatapoint, VueUiVerticalBarSerie[], VueUiVerticalBarConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number
                 };
             };
         };
@@ -4112,6 +4190,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparklineConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         type?: "line" | "bar";
         style?: {
             backgroundColor?: string;
@@ -4748,6 +4827,7 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiTableHeatmapConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             backgroundColor?: string;
             color?: string;
@@ -4767,6 +4847,7 @@ declare module 'vue-data-ui' {
             showMedian?: boolean;
             head?: {
                 backgroundColor?: string;
+                color?: string;
                 values?: string[];
             };
         };
@@ -4801,6 +4882,7 @@ declare module 'vue-data-ui' {
     }>
 
     export type VueUiQuickChartConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         axisLabelsFontSize?: number;
         backgroundColor?: string;
         barGap?: number;
@@ -4838,6 +4920,9 @@ declare module 'vue-data-ui' {
         titleFontSize?: number;
         titleTextAlign?: "center" | "left" | "right",
         tooltipCustomFormat?: any;
+        tooltipBorderRadius?: number;
+        tooltipBorderColor?: string;
+        tooltipBorderWidth?: number;
         useCustomLegend?: boolean;
         valuePrefix?: string;
         valueSuffix?: string;
@@ -4912,6 +4997,7 @@ declare module 'vue-data-ui' {
     }>;
 
     export type VueUiSparkTrendConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         style?: {
             backgroundColor?: string;
             fontFamily?: string;
@@ -4972,6 +5058,7 @@ declare module 'vue-data-ui' {
     }>
 
     export type VueUiStripPlotConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         customPalette?: string[];
         useCssAnimation?: boolean;
         userOptions?: {
@@ -5090,6 +5177,9 @@ declare module 'vue-data-ui' {
                     fontSize?: number;
                     roundingValue?: number;
                     customFormat?: (params: VueUiTooltipParams<VueUiStripPlotDatapoint, VueUiStripPlotSeriesItem[], VueUiStripPlotConfig>) => string;
+                    borderRadius?: number;
+                    borderColor?: string;
+                    borderWidth?: number;
                 };
             };
         };
@@ -5128,6 +5218,7 @@ declare module 'vue-data-ui' {
     }>
 
     export type VueUiDumbbellConfig = {
+        theme?: "" | "hack" | "zen" | "concrete";
         useAnimation?: boolean;
         animationSpeed?: number;
         userOptions?: {

package/dist/vue-data-ui.js

@@ -1,4 +1,4 @@
-import { I as s, O as u, F as V, V as U, p as r, s as t, o, g as n, X as l, r as p, G as S, b as d, C as k, $ as m, P as c, f as g, m as b, D, Q as T, J as h, H as C, E as R, M as f, h as y, e as A, W as H, d as M, k as P, u as x, z as B, n as G, j as Q, S as W, t as v, y as w, x as E, Y as I, q as K, N as L, l as N, Z as O, a as X, U as j, T as q, w as z, B as F, R as J, i as Y, c as Z, A as $, v as _, K as aa, L as ea } from "./index-acd1f5f1.js";
+import { I as s, P as u, F as V, W as U, p as r, s as t, o, g as n, Y as l, r as p, G as g, b as m, C as S, a0 as d, Q as k, f as c, m as b, D, R as T, J as h, H as C, E as f, N as R, h as y, e as A, X as H, d as M, k as P, u as x, z as B, n as G, j as Q, S as W, t as v, y as w, x as E, Z as I, q as K, O as L, l as N, $ as O, a as X, V as j, T as q, w as z, B as F, U as J, i as Y, c as Z, A as $, v as _, K as aa, M as ea, L as ia } from "./index-df2c6b48.js";
 import "vue";
 export {
   s as Arrow,
@@ -11,19 +11,19 @@ export {
   n as VueUiChestnut,
   l as VueUiCursor,
   p as VueUiDashboard,
-  S as VueUiDigits,
-  d as VueUiDonut,
-  k as VueUiDonutEvolution,
-  m as VueUiDumbbell,
-  c as VueUiGalaxy,
-  g as VueUiGauge,
+  g as VueUiDigits,
+  m as VueUiDonut,
+  S as VueUiDonutEvolution,
+  d as VueUiDumbbell,
+  k as VueUiGalaxy,
+  c as VueUiGauge,
   b as VueUiHeatmap,
   D as VueUiIcon,
   T as VueUiKpi,
   h as VueUiMiniLoader,
   C as VueUiMolecule,
-  R as VueUiMoodRadar,
-  f as VueUiNestedDonuts,
+  f as VueUiMoodRadar,
+  R as VueUiNestedDonuts,
   y as VueUiOnion,
   A as VueUiQuadrant,
   H as VueUiQuickChart,
@@ -53,5 +53,6 @@ export {
   $ as VueUiWheel,
   _ as VueUiXy,
   aa as getPalette,
-  ea as getVueDataUiConfig
+  ea as getThemeConfig,
+  ia as getVueDataUiConfig
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.2.8",
+  "version": "2.2.10",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [