vue-data-ui 3.15.2 → 3.15.3

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

@@ -5905,6 +5905,14 @@ declare module "vue-data-ui" {
         responsive?: boolean;
         skeletonConfig?: VueUiBuiltInSkeletonConfig<VueUiSparklineConfig>;
         skeletonDataset?: VueUiBuiltInSkeletonDataset<number[]>;
+        gradientPath?: {
+            show?: boolean;
+            segments?: number;
+            colors?: {
+                high?: string;
+                low?: string;
+            };
+        };
         events?: { // v3
             datapointEnter?: VueUiSparklineEvent; // v3
             datapointLeave?: VueUiSparklineEvent; // v3

package/dist/{useAutoSizeLabelsInsideViewbox-Bb2gcOS8.js → useAutoSizeLabelsInsideViewbox-BKJ0MI0P.js}

@@ -1,4 +1,4 @@
-import { f as k } from "./lib-swBj76n5.js";
+import { f as k } from "./lib-BLeQNY56.js";
 function v({
   svgRef: x,
   fontSize: A,

package/dist/{useNestedProp-C4DkSVBD.js → useNestedProp-VrHe63vz.js}

@@ -1,5 +1,5 @@
-import { t as ft, w as ct } from "./lib-swBj76n5.js";
-function ht(_ = {}) {
+import { t as ft, w as ct } from "./lib-BLeQNY56.js";
+function gt(_ = {}) {
   const a = "#2D353C", A = "#A1A1A1", R = "#e1e5e8", c = "#CCCCCC", W = "#4A4A4A", l = "#FFFFFF", V = "#fafafa", f = "#1f77b4", z = "#d62728", O = "#2ca02c", E = "#42d392", N = "#FFD055", r = _.colorBackground ?? l, e = _.colorTextPrimary ?? a, T = _.colorTextSecondary ?? A, o = _.colorGrid ?? R, b = _.colorBorder ?? R, t = {
     _6: 6,
     _10: 10,
@@ -58,7 +58,7 @@ function ht(_ = {}) {
       backgroundColor: b,
       color: e
     }
-  }, g = {
+  }, h = {
     show: !0,
     color: e,
     backgroundColor: r,
@@ -171,7 +171,7 @@ function ht(_ = {}) {
       },
       useCursorPointer: !1
     };
-  }, h = (L) => ({
+  }, g = (L) => ({
     top: L[0],
     right: L[1],
     bottom: L[2],
@@ -267,7 +267,7 @@ function ht(_ = {}) {
         color: e,
         height: 500,
         width: 800,
-        padding: h([12, 12, 12, 12]),
+        padding: g([12, 12, 12, 12]),
         title: s,
         legend: {
           ...p,
@@ -297,7 +297,7 @@ function ht(_ = {}) {
           lineWidth: 1
         },
         tooltip: {
-          ...g,
+          ...h,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -483,7 +483,7 @@ function ht(_ = {}) {
         color: e,
         height: 500,
         width: 800,
-        padding: h([12, 12, 12, 12]),
+        padding: g([12, 12, 12, 12]),
         title: s,
         legend: {
           ...p,
@@ -506,7 +506,7 @@ function ht(_ = {}) {
           // overrides all if callback => string
         },
         tooltip: {
-          ...g,
+          ...h,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -681,7 +681,7 @@ function ht(_ = {}) {
               // or end
               offsetX: 0,
               offsetY: 0,
-              padding: h([12, 12, 12, 12]),
+              padding: g([12, 12, 12, 12]),
               border: {
                 stroke: l,
                 strokeWidth: 1,
@@ -721,7 +721,7 @@ function ht(_ = {}) {
         customFormat: null
         // overrides all if callback => string
       },
-      padding: h([12, 12, 6, 6]),
+      padding: g([12, 12, 6, 6]),
       highlighter: {
         color: e,
         opacity: 5,
@@ -871,7 +871,7 @@ function ht(_ = {}) {
         show: !0
       },
       tooltip: {
-        ...g,
+        ...h,
         showTimeLabel: !0,
         showValue: !0,
         showPercentage: !0,
@@ -1071,7 +1071,7 @@ function ht(_ = {}) {
         gradientIntensity: 40,
         backgroundColor: r,
         color: e,
-        padding: h([0, 0, 0, 0]),
+        padding: g([0, 0, 0, 0]),
         width: 512,
         height: 360,
         layout: {
@@ -1181,7 +1181,7 @@ function ht(_ = {}) {
           position: "bottom"
         },
         tooltip: {
-          ...g,
+          ...h,
           ...k,
           showValue: !0,
           showPercentage: !0,
@@ -1227,7 +1227,7 @@ function ht(_ = {}) {
         color: e,
         height: 500,
         width: 800,
-        padding: h([0, 0, 0, 0]),
+        padding: g([0, 0, 0, 0]),
         layout: {
           sorted: !0,
           rects: {
@@ -1284,7 +1284,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           roundingValue: 1
         }
       }
@@ -1369,7 +1369,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           ...k,
           showValue: !0,
           showPercentage: !0,
@@ -1469,7 +1469,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -1633,7 +1633,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           roundingValue: 0,
           showShape: !0
         },
@@ -2149,7 +2149,7 @@ function ht(_ = {}) {
           position: "bottom"
         },
         tooltip: {
-          ...g,
+          ...h,
           ...k,
           showValue: !0,
           showPercentage: !0,
@@ -2282,7 +2282,7 @@ function ht(_ = {}) {
           suffix: ""
         },
         tooltip: {
-          ...g,
+          ...h,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -2350,7 +2350,7 @@ function ht(_ = {}) {
         // v3
         width: 1e3,
         // v3
-        padding: h([0, 0, 0, 0]),
+        padding: g([0, 0, 0, 0]),
         crosshairs: {
           show: !1,
           stroke: a,
@@ -2448,7 +2448,7 @@ function ht(_ = {}) {
         // scaleBorderRadius: 18 // v3 deprecated
       },
       tooltip: {
-        ...g,
+        ...h,
         roundingValue: 0
       }
     },
@@ -2474,7 +2474,7 @@ function ht(_ = {}) {
         roundingValue: 0
       }
     }
-  }, ge = {
+  }, he = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -2503,7 +2503,7 @@ function ht(_ = {}) {
       layout: {
         height: 316,
         width: 512,
-        padding: h([0, 0, 0, 0]),
+        padding: g([0, 0, 0, 0]),
         // v3 modification
         axis: {
           show: !0,
@@ -2624,7 +2624,7 @@ function ht(_ = {}) {
         position: "bottom"
       },
       tooltip: {
-        ...g,
+        ...h,
         roundingValue: 2,
         showShape: !0,
         prefix: "",
@@ -2657,7 +2657,7 @@ function ht(_ = {}) {
         series: "Series"
       }
     }
-  }, he = {
+  }, ge = {
     skeletonDataset: null,
     skeletonConfig: null,
     type: "candlestick",
@@ -2687,7 +2687,7 @@ function ht(_ = {}) {
       height: 316,
       width: 512,
       layout: {
-        padding: h([0, 0, 0, 0]),
+        padding: g([0, 0, 0, 0]),
         selector: {
           color: o,
           opacity: 10
@@ -2792,7 +2792,7 @@ function ht(_ = {}) {
       },
       title: s,
       tooltip: {
-        ...g,
+        ...h,
         roundingValue: 0,
         prefix: "",
         suffix: "",
@@ -2842,6 +2842,14 @@ function ht(_ = {}) {
     responsive: !1,
     type: C.LINE,
     downsample: D,
+    gradientPath: {
+      show: !1,
+      segments: 256,
+      colors: {
+        high: "#34eb96",
+        low: "#eb4034"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -2857,7 +2865,7 @@ function ht(_ = {}) {
         show: !0,
         animationFrames: 360
       },
-      padding: h([12, 12, 3, 0]),
+      padding: g([12, 12, 3, 0]),
       fontFamily: "inherit",
       backgroundColor: r,
       scaleMin: null,
@@ -3084,7 +3092,7 @@ function ht(_ = {}) {
         margin: "0 0 6px 0"
       },
       tooltip: {
-        ...g
+        ...h
       }
     }
   }, ke = {
@@ -3115,7 +3123,7 @@ function ht(_ = {}) {
       layout: {
         height: 96,
         width: 640,
-        padding: h([24, 0, 36, 0])
+        padding: g([24, 0, 36, 0])
       },
       bars: {
         shape: C.SQUARE,
@@ -3294,7 +3302,7 @@ function ht(_ = {}) {
           negative: z
         }
       },
-      padding: h([12, 12, 12, 82])
+      padding: g([12, 12, 12, 82])
     }
   }, ye = {
     skeletonDataset: null,
@@ -3484,7 +3492,7 @@ function ht(_ = {}) {
       height: 500,
       width: 500,
       layout: {
-        padding: h([12, 12, 36, 12]),
+        padding: g([12, 12, 36, 12]),
         grid: {
           show: !0,
           stroke: o,
@@ -3553,7 +3561,7 @@ function ht(_ = {}) {
       },
       title: s,
       tooltip: {
-        ...g,
+        ...h,
         roundingValue: 0
       }
     },
@@ -3787,7 +3795,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -3906,7 +3914,7 @@ function ht(_ = {}) {
         layout: {
           height: 316,
           width: 512,
-          padding: h([5, 10, 5, 10]),
+          padding: g([5, 10, 5, 10]),
           grid: {
             show: !0,
             stroke: o,
@@ -4136,7 +4144,7 @@ function ht(_ = {}) {
           stroke: c
         },
         title: s,
-        tooltip: g,
+        tooltip: h,
         zoom: {
           show: !0,
           speed: 1
@@ -4216,7 +4224,7 @@ function ht(_ = {}) {
         color: e,
         useGradient: !0,
         gradientIntensity: 40,
-        padding: h([0, 0, 0, 0]),
+        padding: g([0, 0, 0, 0]),
         width: 512,
         height: 512,
         layout: {
@@ -4272,7 +4280,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           ...k,
           showAllItemsAtIndex: !0,
           showValue: !0,
@@ -4360,7 +4368,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -4434,7 +4442,7 @@ function ht(_ = {}) {
         width: 600,
         // v3
         // stripWidth: 120, v3 deprecated
-        padding: h([12, 12, 12, 12]),
+        padding: g([12, 12, 12, 12]),
         // v3 modified
         grid: {
           show: !0,
@@ -4510,7 +4518,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           roundingValue: 0
         }
       }
@@ -4566,7 +4574,7 @@ function ht(_ = {}) {
         width: 600,
         rowHeight: 48,
         // v3 modified
-        padding: h([12, 24, 12, 12]),
+        padding: g([12, 24, 12, 12]),
         // v3 modified
         plots: {
           startColor: z,
@@ -5028,7 +5036,7 @@ function ht(_ = {}) {
         },
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           roundingValue: 0
         }
       }
@@ -5108,7 +5116,7 @@ function ht(_ = {}) {
           showHorizontalSelector: !1
         },
         tooltip: {
-          ...g,
+          ...h,
           showTimeLabel: !0,
           useDefaultTimeFormat: !0,
           timeFormat: "yyyy-MM-dd HH:mm:ss"
@@ -5257,11 +5265,11 @@ function ht(_ = {}) {
         height: 600,
         // v3
         color: e,
-        padding: h([12, 12, 12, 12]),
+        padding: g([12, 12, 12, 12]),
         // v3 update
         title: s,
         tooltip: {
-          ...g,
+          ...h,
           showPercentage: !0,
           roundingPercentage: 0,
           translations: {
@@ -5356,7 +5364,7 @@ function ht(_ = {}) {
         color: e,
         height: 600,
         width: 1e3,
-        padding: h([0, 0, 0, 0]),
+        padding: g([0, 0, 0, 0]),
         comments: {
           show: !0,
           showInTooltip: !0,
@@ -5421,7 +5429,7 @@ function ht(_ = {}) {
           ...p,
           position: "bottom"
         },
-        tooltip: g
+        tooltip: h
       }
     },
     table: {
@@ -6293,7 +6301,7 @@ function ht(_ = {}) {
     },
     caption: {
       text: "",
-      padding: h([12, 12, 12, 12]),
+      padding: g([12, 12, 12, 12]),
       style: {
         backgroundColor: r,
         color: e,
@@ -6326,7 +6334,7 @@ function ht(_ = {}) {
             size: 0,
             color: a
           },
-          padding: h([0, 12, 0, 0]),
+          padding: g([0, 12, 0, 0]),
           style: {
             borderSpacing: 0,
             border: "none",
@@ -6356,7 +6364,7 @@ function ht(_ = {}) {
             size: 0,
             color: a
           },
-          padding: h([0, 12, 0, 0]),
+          padding: g([0, 12, 0, 0]),
           style: {
             fontVariantNumeric: "tabular-nums",
             textAlign: "right",
@@ -6410,7 +6418,7 @@ function ht(_ = {}) {
         color: e,
         height: 96,
         width: 600,
-        padding: h([24, 24, 24, 12]),
+        padding: g([24, 24, 24, 12]),
         animation: {
           show: !0,
           animationFrames: 60
@@ -6511,7 +6519,7 @@ function ht(_ = {}) {
         width: 600,
         height: 500,
         title: s,
-        padding: h([12, 128, 24, 24]),
+        padding: g([12, 128, 24, 24]),
         barCircleSpacingRatio: 0.05,
         circles: {
           stroke: l,
@@ -6620,7 +6628,7 @@ function ht(_ = {}) {
         color: e,
         height: 500,
         width: 600,
-        padding: h([12, 12, 12, 12]),
+        padding: g([12, 12, 12, 12]),
         grid: {
           xAxis: {
             show: !0,
@@ -6739,7 +6747,7 @@ function ht(_ = {}) {
           position: "bottom"
         },
         title: s,
-        tooltip: g
+        tooltip: h
       }
     }
   }, rt = {
@@ -6818,7 +6826,7 @@ function ht(_ = {}) {
             }
           }
         },
-        tooltip: g
+        tooltip: h
       }
     }
   }, lt = {
@@ -6856,7 +6864,7 @@ function ht(_ = {}) {
       chart: {
         backgroundColor: r,
         color: e,
-        padding: h([12, 12, 12, 12]),
+        padding: g([12, 12, 12, 12]),
         dataLabels: {
           prefix: "",
           suffix: "",
@@ -6893,7 +6901,7 @@ function ht(_ = {}) {
           showTaiwanAsPartOfChina: !1
         },
         tooltip: {
-          ...g,
+          ...h,
           showMinimap: !0
         },
         title: s,
@@ -6967,7 +6975,7 @@ function ht(_ = {}) {
       chart: {
         backgroundColor: r,
         color: e,
-        padding: h([12, 0, 0, 12]),
+        padding: g([12, 0, 0, 12]),
         title: s,
         legend: p,
         dialog: {
@@ -7386,7 +7394,7 @@ function ht(_ = {}) {
           borderRadius: "0.25rem"
         },
         title: s,
-        tooltip: g,
+        tooltip: h,
         zoom: {
           active: !0
         }
@@ -7497,7 +7505,7 @@ function ht(_ = {}) {
             }
           }
         },
-        padding: h([12, 12, 12, 12]),
+        padding: g([12, 12, 12, 12]),
         title: s
       }
     }
@@ -7519,8 +7527,8 @@ function ht(_ = {}) {
     vue_ui_horizontal_bar: fe,
     // v3
     vue_ui_heatmap: ce,
-    vue_ui_scatter: ge,
-    vue_ui_candlestick: he,
+    vue_ui_scatter: he,
+    vue_ui_candlestick: ge,
     vue_ui_sparkline: pe,
     vue_ui_sparkbar: me,
     vue_ui_sparkstackbar: be,
@@ -7586,5 +7594,5 @@ function pt({ defaultConfig: _, userConfig: a }) {
 }
 export {
   pt as a,
-  ht as u
+  gt as u
 };

package/dist/{usePrinter-QiKp5Ju-.js → usePrinter-2GkN2e42.js}

@@ -10,7 +10,7 @@ function m({
     !a || r.value || (r.value = !0, clearTimeout(l.value), l.value = setTimeout(async () => {
       if (a)
         try {
-          const { default: e } = await import("./pdf-C4seG1qk.js");
+          const { default: e } = await import("./pdf-CGjQTspF.js");
           await e({
             domElement: document.getElementById(u),
             fileName: i,
@@ -30,7 +30,7 @@ function m({
     !a || o.value || (o.value = !0, clearTimeout(l.value), l.value = setTimeout(async () => {
       if (a)
         try {
-          const { default: e } = await import("./img-B3Q1YZJp.js");
+          const { default: e } = await import("./img-atDFcrvY.js");
           await e({
             domElement: document.getElementById(u),
             fileName: i,