vue-data-ui 2.0.51 → 2.0.52

package/dist/{index.es-5805e018.js → index.es-c3da1fd7.js}

@@ -1,4 +1,4 @@
-import { _ as Ha } from "./index-8b02abed.js";
+import { _ as Ha } from "./index-36bbc464.js";
 import "vue";
 var Tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Vo(a) {

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

@@ -7,7 +7,7 @@ declare module 'vue-data-ui' {
 
     export const VueDataUi: DefineComponent<{
         dataset?: VueUi3dBarDataset | VueUiAgePyramidDataset | VueUiAnnotatorDataset | Array<Array<string | number>> | VueUiChestnutDatasetRoot[] | VueUiDashboardElement[] | number | VueUiDonutEvolutionDatasetItem[] | VueUiDonutDatasetItem[] | VueUiGaugeDataset | VueUiHeatmapDatasetItem[] | VueUiMoleculeDatasetNode[] | VueUiMoodRadarDataset | VueUiNestedDonutsDatasetItem[] | VueUiOnionDatasetItem[] | VueUiQuadrantDatasetItem[] | VueUiRadarDataset | VueUiRatingDataset | VueUiRelationCircleDatasetItem[] | VueUiRingsDatasetItem[] | VueUiScatterDatasetItem[] | VueUiSparkbarDatasetItem[] | VueUiSparkgaugeDataset | VueUiSparkHistogramDatasetItem[] | VueUiSparklineDatasetItem[] | VueUiSparkStackBarDatasetItem[] | VueUiTableSparklineDatasetItem[] | VueUiTableDataset | VueUiThermometerDataset | VueUiTiremarksDataset | VueUiVerticalBarDatasetItem[] | VueUiWaffleDatasetItem[] | VueUiWheelDataset | VueUiXyDatasetItem[],
-        config?: VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutEvolutionConfig | VueUiDonutConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiNestedDonutsConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkbarConfig | VueUiSparkgaugeConfig | VueUiSparkHistogramConfig | VueUiSparklineConfig | VueUiSparkStackBarConfig | VueUiTableSparklineConfig | VueUiTableConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig
+        config?: VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutEvolutionConfig | VueUiDonutConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiNestedDonutsConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkbarConfig | VueUiSparkgaugeConfig | VueUiSparkHistogramConfig | VueUiSparklineConfig | VueUiSparkStackBarConfig | VueUiTableSparklineConfig | VueUiTableConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiKpiConfig;
     }>
 
     export type VueUiTooltipParams<TDatapoint, TSeries, TConfig, TBar = any, TLine = any, TPlot = any> = {
@@ -20,6 +20,35 @@ declare module 'vue-data-ui' {
         plots?: TPlot;
     }
 
+    export type VueUiKpiConfig = {
+        animationFrames?: number;
+        animationValueStart?: number;
+        backgroundColor?: string;
+        fontFamily?: string;
+        layoutClass?: string;
+        layoutCss?: string;
+        prefix?: string;
+        suffix?: string;
+        title?: string;
+        titleBold?: boolean;
+        titleColor?: string;
+        titleClass?: string;
+        titleCss?: string;
+        titleFontSize?: number;
+        useAnimation?: boolean;
+        valueBold?: boolean;
+        valueColor?: string;
+        valueClass?: string;
+        valueCss?: string;
+        valueFontSize?: number;
+        valueRounding?: number;
+    }
+
+    export const VueUiKpi: DefineComponent<{
+        dataset: number,
+        config?: VueUiKpiConfig
+    }>;
+
     export type VueUiGalaxyDatasetItem = VueUiDonutDatasetItem;
 
     export type VueUiGalaxyConfig = {
@@ -4344,9 +4373,9 @@ declare module 'vue-data-ui' {
         config?: VueUiSkeletonConfig
     }>;
 
-    export type VueDataUiConfig = VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutConfig | VueUiDonutEvolutionConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkHistogramConfig | VueUiSparkStackBarConfig | VueUiSparkbarConfig | VueUiSparklineConfig | VueUiTableConfig | VueUiTableSparklineConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiNestedDonutsConfig | VueUiGalaxyConfig;
+    export type VueDataUiConfig = VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutConfig | VueUiDonutEvolutionConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkHistogramConfig | VueUiSparkStackBarConfig | VueUiSparkbarConfig | VueUiSparklineConfig | VueUiTableConfig | VueUiTableSparklineConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiNestedDonutsConfig | VueUiGalaxyConfig | VueUiKpi;
 
-    export type VueDataUiConfigKey = "vue_ui_3d_bar" | "vue_ui_age_pyramid" | "vue_ui_annotator" | "vue_ui_candlestick" | "vue_ui_chestnut" | "vue_ui_dashboard" | "vue_ui_digits" | "vue_ui_donut" | "vue_ui_donut_evolution" | "vue_ui_gauge" | "vue_ui_heatmap" | "vue_ui_mini_loader" | "vue_ui_molecule" | "vue_ui_mood_radar" | "vue_ui_onion" | "vue_ui_quadrant" | "vue_ui_radar" | "vue_ui_rating" | "vue_ui_relation_circle" | "vue_ui_rings" | "vue_ui_scatter" | "vue_ui_screenshot" | "vue_ui_skeleton" | "vue_ui_smiley" | "vue_ui_sparkhistogram" | "vue_ui_sparkstackbar" | "vue_ui_sparkbar" | "vue_ui_sparkline" | "vue_ui_table" | "vue_ui_table_sparkline" | "vue_ui_thermometer" | "vue_ui_tiremarks" | "vue_ui_vertical_bar" | "vue_ui_waffle" | "vue_ui_wheel" | "vue_ui_xy" | "vue_ui_nested_donuts" | "vue_ui_galaxy";
+    export type VueDataUiConfigKey = "vue_ui_3d_bar" | "vue_ui_age_pyramid" | "vue_ui_annotator" | "vue_ui_candlestick" | "vue_ui_chestnut" | "vue_ui_dashboard" | "vue_ui_digits" | "vue_ui_donut" | "vue_ui_donut_evolution" | "vue_ui_gauge" | "vue_ui_heatmap" | "vue_ui_mini_loader" | "vue_ui_molecule" | "vue_ui_mood_radar" | "vue_ui_onion" | "vue_ui_quadrant" | "vue_ui_radar" | "vue_ui_rating" | "vue_ui_relation_circle" | "vue_ui_rings" | "vue_ui_scatter" | "vue_ui_screenshot" | "vue_ui_skeleton" | "vue_ui_smiley" | "vue_ui_sparkhistogram" | "vue_ui_sparkstackbar" | "vue_ui_sparkbar" | "vue_ui_sparkline" | "vue_ui_table" | "vue_ui_table_sparkline" | "vue_ui_thermometer" | "vue_ui_tiremarks" | "vue_ui_vertical_bar" | "vue_ui_waffle" | "vue_ui_wheel" | "vue_ui_xy" | "vue_ui_nested_donuts" | "vue_ui_galaxy" | "vue_ui_kpi";
 
     export const getVueDataUiConfig: () => VueDataUiConfig;
 }

package/dist/vue-data-ui.js

@@ -1,4 +1,4 @@
-import { J as s, O as u, F as V, q as U, t as r, p as t, g as o, s as n, G as l, b as d, C as g, P as k, f as S, n as m, D as p, K as c, H as D, E as b, M as h, h as f, e as y, d as C, k as R, v as A, z as M, o as T, j as x, l as B, u as G, y as H, x as v, r as w, N as E, m as I, a as L, I as N, w as O, B as P, i as W, c as j, A as q, V as z, L as F } from "./index-8b02abed.js";
+import { J as s, O as u, F as V, q as U, t as r, p as t, g as o, s as n, G as l, b as d, C as g, P as k, f as p, n as S, D as m, Q as c, K as D, H as b, E as h, M as f, h as y, e as C, d as R, k as A, v as M, z as T, o as x, j as B, l as G, u as H, y as v, x as w, r as E, N as I, m as K, a as L, I as N, w as O, B as P, i as Q, c as W, A as j, V as q, L as z } from "./index-36bbc464.js";
 import "vue";
 export {
   s as Arrow,
@@ -13,35 +13,36 @@ export {
   d as VueUiDonut,
   g as VueUiDonutEvolution,
   k as VueUiGalaxy,
-  S as VueUiGauge,
-  m as VueUiHeatmap,
-  p as VueUiIcon,
-  c as VueUiMiniLoader,
-  D as VueUiMolecule,
-  b as VueUiMoodRadar,
-  h as VueUiNestedDonuts,
-  f as VueUiOnion,
-  y as VueUiQuadrant,
-  C as VueUiRadar,
-  R as VueUiRating,
-  A as VueUiRelationCircle,
-  M as VueUiRings,
-  T as VueUiScatter,
-  x as VueUiScreenshot,
-  B as VueUiSkeleton,
-  G as VueUiSmiley,
-  H as VueUiSparkHistogram,
-  v as VueUiSparkStackbar,
-  w as VueUiSparkbar,
-  E as VueUiSparkgauge,
-  I as VueUiSparkline,
+  p as VueUiGauge,
+  S as VueUiHeatmap,
+  m as VueUiIcon,
+  c as VueUiKpi,
+  D as VueUiMiniLoader,
+  b as VueUiMolecule,
+  h as VueUiMoodRadar,
+  f as VueUiNestedDonuts,
+  y as VueUiOnion,
+  C as VueUiQuadrant,
+  R as VueUiRadar,
+  A as VueUiRating,
+  M as VueUiRelationCircle,
+  T as VueUiRings,
+  x as VueUiScatter,
+  B as VueUiScreenshot,
+  G as VueUiSkeleton,
+  H as VueUiSmiley,
+  v as VueUiSparkHistogram,
+  w as VueUiSparkStackbar,
+  E as VueUiSparkbar,
+  I as VueUiSparkgauge,
+  K as VueUiSparkline,
   L as VueUiTable,
   N as VueUiTableSparkline,
   O as VueUiThermometer,
   P as VueUiTiremarks,
-  W as VueUiVerticalBar,
-  j as VueUiWaffle,
-  q as VueUiWheel,
-  z as VueUiXy,
-  F as getVueDataUiConfig
+  Q as VueUiVerticalBar,
+  W as VueUiWaffle,
+  j as VueUiWheel,
+  q as VueUiXy,
+  z as getVueDataUiConfig
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.0.51",
+  "version": "2.0.52",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [
@@ -20,6 +20,7 @@
     "gauge",
     "graph",
     "heatmap",
+    "kpi",
     "line",
     "molecule",
     "mood radar",