vue-data-ui 3.3.2 → 3.4.0

package/dist/{useNestedProp-Ce3PwN8T.js → useNestedProp-B7CiTRDS.js}

@@ -1,6 +1,6 @@
-import { t as Ke, a6 as Qe } from "./lib-CEjkWSLj.js";
-function et() {
-  const e = "#2D353C", k = "#A1A1A1", r = "#e1e5e8", d = "#CCCCCC", A = "#4A4A4A", o = "#FFFFFF", S = "#fafafa", s = "#1f77b4", C = "#d62728", L = "#2ca02c", P = "#42d392", O = "#FFD055", t = {
+import { t as Qe, ai as Je } from "./lib-BcBZIm6u.js";
+function tt() {
+  const e = "#2D353C", k = "#A1A1A1", r = "#e1e5e8", d = "#CCCCCC", O = "#4A4A4A", o = "#FFFFFF", S = "#fafafa", s = "#1f77b4", C = "#d62728", L = "#2ca02c", P = "#42d392", T = "#FFD055", t = {
     _6: 6,
     _10: 10,
     _12: 12,
@@ -11,7 +11,7 @@ function et() {
     _24: 24,
     _32: 32,
     _48: 48
-  }, y = t._6, p = {
+  }, v = t._6, p = {
     LINE: "line",
     SQUARE: "square",
     ROUND: "round",
@@ -19,12 +19,12 @@ function et() {
     CURVED: "curved",
     BAR: "bar",
     STAR: "star"
-  }, h = {
+  }, g = {
     LEFT: "left",
     CENTER: "center",
     BOTTOM: "bottom",
     TOP: "top"
-  }, G = {
+  }, X = {
     DESC: "desc"
   }, _ = {
     threshold: 1095
@@ -34,7 +34,7 @@ function et() {
     color: e,
     fontSize: t._20,
     bold: !0,
-    textAlign: h.CENTER,
+    textAlign: g.CENTER,
     paddingLeft: 0,
     paddingRight: 0,
     subtitle: {
@@ -43,7 +43,7 @@ function et() {
       fontSize: t._16,
       bold: !1
     }
-  }, g = {
+  }, h = {
     show: !0,
     bold: !1,
     backgroundColor: o,
@@ -59,7 +59,7 @@ function et() {
     borderColor: r,
     borderWidth: 1,
     backgroundOpacity: 100,
-    position: h.CENTER,
+    position: g.CENTER,
     offsetY: 24,
     smooth: !0,
     // v3
@@ -82,19 +82,19 @@ function et() {
     }
   }, a = ({
     tooltip: x = !1,
-    pdf: R = !1,
-    csv: W = !1,
-    img: V = !1,
-    table: D = !1,
-    labels: E = !1,
-    fullscreen: N = !1,
+    pdf: W = !1,
+    csv: V = !1,
+    img: D = !1,
+    table: E = !1,
+    labels: N = !1,
+    fullscreen: M = !1,
     sort: Y = !1,
-    stack: M = !1,
-    animation: B = !1,
+    stack: B = !1,
+    animation: H = !1,
     annotator: I = !1,
-    svg: H = !1
+    svg: G = !1
   }) => {
-    const m = {
+    const b = {
       open: "Open options",
       close: "Close options",
       tooltip: "Toggle tooltip",
@@ -110,24 +110,24 @@ function et() {
       annotator: "Toggle annotator",
       svg: "Download SVG"
     };
-    return x || delete m.tooltip, R || delete m.pdf, W || delete m.csv, V || delete m.img, D || delete m.table, E || delete m.labels, N || delete m.fullscreen, Y || delete m.sort, M || delete m.stack, B || delete m.animation, I || delete m.annotator, H || delete m.svg, {
+    return x || delete b.tooltip, W || delete b.pdf, V || delete b.csv, D || delete b.img, E || delete b.table, N || delete b.labels, M || delete b.fullscreen, Y || delete b.sort, B || delete b.stack, H || delete b.animation, I || delete b.annotator, G || delete b.svg, {
       show: !0,
       showOnChartHover: !1,
       keepStateOnChartLeave: !0,
       position: "right",
       buttons: {
         tooltip: x,
-        pdf: R,
-        csv: W,
-        img: V,
-        table: D,
-        labels: E,
-        fullscreen: N,
+        pdf: W,
+        csv: V,
+        img: D,
+        table: E,
+        labels: N,
+        fullscreen: M,
         sort: Y,
-        stack: M,
-        animation: B,
+        stack: B,
+        animation: H,
         annotator: I,
-        svg: H
+        svg: G
       },
       callbacks: {
         animation: null,
@@ -143,7 +143,7 @@ function et() {
         tooltip: null,
         svg: null
       },
-      buttonTitles: m,
+      buttonTitles: b,
       print: {
         scale: 2,
         orientation: "auto",
@@ -170,7 +170,7 @@ function et() {
   }, z = {
     show: !0,
     color: d,
-    highlightColor: A,
+    highlightColor: O,
     fontSize: t._14,
     useResetSlot: !1,
     startIndex: null,
@@ -179,19 +179,21 @@ function et() {
     enableSelectionDrag: !0,
     focusOnDrag: !1,
     focusRangeRatio: 0.2
-  }, T = {
+  }, A = {
     show: !1,
-    smooth: !1,
     selectedColor: s,
     selectedColorOpacity: 0.2,
-    lineColor: e,
-    selectionRadius: 2,
     indicatorColor: e,
     verticalHandles: !1,
     compact: !0,
-    merged: !1,
     frameColor: k
-  }, X = {
+  }, F = {
+    ...A,
+    smooth: !1,
+    lineColor: e,
+    selectionRadius: 2,
+    merged: !1
+  }, U = {
     loading: !1,
     // v3
     debug: !1,
@@ -246,17 +248,35 @@ function et() {
         padding: c([12, 12, 12, 12]),
         title: l,
         legend: {
-          ...g,
+          ...h,
           position: "bottom"
         },
-        zoom: z,
+        zoom: {
+          ...z,
+          minimap: A,
+          preview: {
+            enable: !0,
+            fill: "#CCCCCC50",
+            stroke: "#6A6A6A",
+            strokeWidth: 2,
+            strokeDasharray: 0
+          },
+          useDefaultFormat: !0,
+          timeFormat: "yyyy-MM-dd HH:mm:ss",
+          // When datetimeFormatter is enabled and useDefaultFormat is false
+          customFormat: null
+          // overrides all if callback => string
+        },
         tooltip: {
           ...f,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
           roundingPercentage: 0,
-          showTimeLabel: !0
+          showTimeLabel: !0,
+          useDefaultTimeFormat: !0,
+          timeFormat: "yyyy-MM-dd HH:mm:ss"
+          // When datetimeFormatter is enabled and useDefaultFormat is false
         },
         highlighter: {
           color: e,
@@ -334,7 +354,10 @@ function et() {
               },
               fontSize: t._14,
               color: e,
-              bold: !1
+              bold: !1,
+              showOnlyFirstAndLast: !1,
+              showOnlyAtModulo: !1,
+              modulo: 12
             }
           },
           y: {
@@ -365,7 +388,7 @@ function et() {
         }
       }
     }
-  }, v = {
+  }, y = {
     debug: !1,
     // v3
     theme: "",
@@ -432,7 +455,7 @@ function et() {
       ],
       zoom: {
         ...z,
-        minimap: T,
+        minimap: F,
         preview: {
           // v3
           enable: !0,
@@ -471,7 +494,7 @@ function et() {
           offsetY: 0,
           width: "auto",
           padding: 3,
-          textAlign: h.CENTER
+          textAlign: g.CENTER
         }
       },
       timeTag: {
@@ -718,7 +741,7 @@ function et() {
       timeFormat: "yyyy-MM-dd HH:mm:ss"
     },
     showTable: !1
-  }, b = {
+  }, m = {
     debug: !1,
     // v3
     type: "classic",
@@ -813,7 +836,7 @@ function et() {
               color: e,
               bold: !0,
               fontSize: t._18,
-              minFontSize: y,
+              minFontSize: v,
               // v3
               rounding: 0,
               formatter: null
@@ -822,7 +845,7 @@ function et() {
               color: e,
               bold: !1,
               fontSize: t._14,
-              minFontSize: y
+              minFontSize: v
               // v3
             },
             hollow: {
@@ -887,7 +910,7 @@ function et() {
           offsetX: 0
         },
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           showPercentage: !0,
@@ -904,7 +927,7 @@ function et() {
         title: l
       }
     }
-  }, U = {
+  }, $ = {
     debug: !1,
     // v3
     loading: !1,
@@ -968,7 +991,7 @@ function et() {
           }
         },
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -997,7 +1020,7 @@ function et() {
         roundingPercentage: 0
       }
     }
-  }, $ = {
+  }, q = {
     debug: !1,
     // v3
     loading: !1,
@@ -1066,7 +1089,7 @@ function et() {
           roundingPercentage: 0
         },
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -1100,7 +1123,7 @@ function et() {
         roundingPercentage: 0
       }
     }
-  }, q = {
+  }, j = {
     debug: !1,
     // v3
     loading: !1,
@@ -1166,7 +1189,7 @@ function et() {
           }
         },
         legend: {
-          ...g,
+          ...h,
           roundingPercentage: 0,
           position: "bottom"
         }
@@ -1197,7 +1220,7 @@ function et() {
       value: "Value",
       datapoint: "Datapoint"
     }
-  }, j = {
+  }, Z = {
     debug: !1,
     // v3
     loading: !1,
@@ -1322,7 +1345,7 @@ function et() {
           showShape: !0
         },
         legend: {
-          ...g,
+          ...h,
           position: "bottom"
         }
       }
@@ -1352,7 +1375,7 @@ function et() {
       item: "Item",
       side: "Side"
     }
-  }, Z = {
+  }, K = {
     debug: !1,
     // v3
     loading: !1,
@@ -1400,7 +1423,7 @@ function et() {
             curved: !0,
             offsetRatio: 1.1,
             fontSize: t._16,
-            minFontSize: y,
+            minFontSize: v,
             // v3
             useSerieColor: !0,
             color: e,
@@ -1451,7 +1474,7 @@ function et() {
     translations: {
       base: "Base"
     }
-  }, K = {
+  }, Q = {
     debug: !1,
     // v3
     loading: !1,
@@ -1522,7 +1545,7 @@ function et() {
       annotator: !0,
       svg: !0
     })
-  }, Q = {
+  }, J = {
     debug: !1,
     // v3
     loading: !1,
@@ -1566,8 +1589,8 @@ function et() {
           fontSize: t._16,
           bold: !0,
           rounding: 1,
-          verticalPosition: h.BOTTOM,
-          horizontalPosition: h.LEFT,
+          verticalPosition: g.BOTTOM,
+          horizontalPosition: g.LEFT,
           formatter: null
         },
         title: l
@@ -1580,7 +1603,7 @@ function et() {
       annotator: !0,
       svg: !0
     })
-  }, J = {
+  }, ee = {
     debug: !1,
     // v3
     loading: !1,
@@ -1756,7 +1779,7 @@ function et() {
       proportionToTree: "of grand total",
       of: "of"
     }
-  }, ee = {
+  }, te = {
     debug: !1,
     // v3
     loading: !1,
@@ -1796,7 +1819,7 @@ function et() {
           labels: {
             show: !0,
             fontSize: t._14,
-            minFontSize: y,
+            minFontSize: v,
             // v3
             color: e,
             roundingValue: 0,
@@ -1815,7 +1838,7 @@ function et() {
         },
         title: l,
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           position: "bottom"
@@ -1854,7 +1877,7 @@ function et() {
         serie: "Serie"
       }
     }
-  }, F = {
+  }, R = {
     // v3 renamed to _horizontal_ (yet still works)
     debug: !1,
     // v3
@@ -1879,7 +1902,7 @@ function et() {
         color: e,
         layout: {
           bars: {
-            sort: G.DESC,
+            sort: X.DESC,
             useStroke: !1,
             strokeWidth: 2,
             height: 32,
@@ -1939,8 +1962,8 @@ function et() {
         },
         title: l,
         legend: {
-          ...g,
-          position: h.TOP,
+          ...h,
+          position: g.TOP,
           roundingValue: 0,
           roundingPercentage: 0,
           prefix: "",
@@ -1987,7 +2010,7 @@ function et() {
       percentageToTotal: "%/total",
       percentageToSerie: "%/serie"
     }
-  }, te = F, oe = {
+  }, oe = R, re = {
     debug: !1,
     // v3
     loading: !1,
@@ -2097,7 +2120,7 @@ function et() {
       },
       title: l,
       legend: {
-        ...g,
+        ...h,
         fontSize: t._12,
         roundingValue: 0,
         width: 24
@@ -2131,7 +2154,7 @@ function et() {
         roundingValue: 0
       }
     }
-  }, re = {
+  }, le = {
     debug: !1,
     // v3
     loading: !1,
@@ -2274,7 +2297,7 @@ function et() {
       },
       title: l,
       legend: {
-        ...g,
+        ...h,
         roundingValue: 0,
         position: "bottom"
       },
@@ -2312,7 +2335,9 @@ function et() {
         series: "Series"
       }
     }
-  }, le = {
+  }, ae = {
+    type: "candlestick",
+    // or 'ohlc'
     debug: !1,
     // v3
     loading: !1,
@@ -2347,7 +2372,22 @@ function et() {
           show: !0,
           stroke: r,
           strokeWidth: 0.5,
+          verticalLines: {
+            show: !1,
+            strokeDasharray: 0,
+            strokeWidth: 0.5,
+            stroke: r
+          },
+          horizontalLines: {
+            show: !1,
+            strokeDasharray: 0,
+            strokeWidth: 0.5,
+            stroke: r
+          },
           xAxis: {
+            ticks: {
+              show: !0
+            },
             dataLabels: {
               show: !0,
               fontSize: t._10,
@@ -2362,7 +2402,10 @@ function et() {
                 angle: -30
                 // v3
               },
-              datetimeFormatter: w
+              datetimeFormatter: w,
+              showOnlyFirstAndLast: !1,
+              showOnlyAtModulo: !1,
+              modulo: 12
             }
           },
           yAxis: {
@@ -2407,13 +2450,32 @@ function et() {
           widthRatio: 0.5
         }
       },
-      zoom: z,
+      zoom: {
+        ...z,
+        minimap: A,
+        preview: {
+          enable: !0,
+          fill: "#CCCCCC50",
+          stroke: "#6A6A6A",
+          strokeWidth: 2,
+          strokeDasharray: 0
+        },
+        useDefaultFormat: !0,
+        timeFormat: "yyyy-MM-dd HH:mm:ss",
+        // When datetimeFormatter is enabled and useDefaultFormat is false
+        customFormat: null
+        // overrides all if callback => string
+      },
       title: l,
       tooltip: {
         ...f,
         roundingValue: 0,
         prefix: "",
-        suffix: ""
+        suffix: "",
+        showChart: !0,
+        useDefaultTimeFormat: !0,
+        timeFormat: "yyyy-MM-dd HH:mm:ss"
+        // When datetimeFormatter is enabled and useDefaultFormat is false
       }
     },
     translations: {
@@ -2445,7 +2507,7 @@ function et() {
         suffix: ""
       }
     }
-  }, ae = {
+  }, se = {
     debug: !1,
     // v3
     loading: !1,
@@ -2501,7 +2563,7 @@ function et() {
       },
       dataLabel: {
         show: !0,
-        position: h.LEFT,
+        position: g.LEFT,
         offsetX: 0,
         offsetY: 0,
         fontSize: t._20,
@@ -2517,7 +2579,7 @@ function et() {
       },
       title: {
         show: !0,
-        textAlign: h.LEFT,
+        textAlign: g.LEFT,
         color: e,
         fontSize: t._16,
         bold: !0,
@@ -2541,7 +2603,7 @@ function et() {
         color: s
       }
     }
-  }, se = {
+  }, ie = {
     debug: !1,
     // v3
     loading: !1,
@@ -2600,7 +2662,7 @@ function et() {
         color: e,
         fontSize: t._16,
         bold: !0,
-        textAlign: h.LEFT,
+        textAlign: g.LEFT,
         margin: "0 0 6px 0",
         subtitle: {
           color: k,
@@ -2611,7 +2673,7 @@ function et() {
       },
       gap: 4
     }
-  }, ie = {
+  }, ne = {
     debug: !1,
     // v3
     loading: !1,
@@ -2643,7 +2705,7 @@ function et() {
       },
       legend: {
         show: !0,
-        textAlign: h.LEFT,
+        textAlign: g.LEFT,
         fontSize: t._12,
         margin: "6px 0 0 0",
         name: {
@@ -2668,14 +2730,14 @@ function et() {
       },
       title: {
         ...l,
-        textAlign: h.LEFT,
+        textAlign: g.LEFT,
         margin: "0 0 6px 0"
       },
       tooltip: {
         ...f
       }
     }
-  }, ne = {
+  }, ue = {
     debug: !1,
     // v3
     loading: !1,
@@ -2719,7 +2781,7 @@ function et() {
       labels: {
         value: {
           fontSize: t._14,
-          minFontSize: y,
+          minFontSize: v,
           // v3
           color: e,
           bold: !0,
@@ -2731,7 +2793,7 @@ function et() {
         },
         valueLabel: {
           fontSize: t._14,
-          minFontSize: y,
+          minFontSize: v,
           // v3
           color: e,
           bold: !1,
@@ -2739,7 +2801,7 @@ function et() {
         },
         timeLabel: {
           fontSize: t._12,
-          minFontSize: y,
+          minFontSize: v,
           // v3
           color: e,
           bold: !1
@@ -2757,7 +2819,7 @@ function et() {
         color: e,
         fontSize: t._16,
         bold: !0,
-        textAlign: h.LEFT,
+        textAlign: g.LEFT,
         subtitle: {
           color: k,
           text: "",
@@ -2767,7 +2829,7 @@ function et() {
         margin: "0 0 6px 0"
       }
     }
-  }, ue = {
+  }, de = {
     debug: !1,
     // v3
     loading: !1,
@@ -2785,8 +2847,8 @@ function et() {
       title: {
         show: !0,
         fontSize: t._12,
-        position: h.TOP,
-        textAlign: h.CENTER,
+        position: g.TOP,
+        textAlign: g.CENTER,
         bold: !1,
         color: e
       },
@@ -2816,7 +2878,7 @@ function et() {
         strokeLinecap: p.ROUND
       }
     }
-  }, de = {
+  }, ce = {
     debug: !1,
     // v3
     loading: !1,
@@ -2875,7 +2937,7 @@ function et() {
       },
       padding: c([12, 12, 12, 82])
     }
-  }, ce = {
+  }, fe = {
     debug: !1,
     // v3
     loading: !1,
@@ -2976,7 +3038,7 @@ function et() {
     tooltipBorderColor: r,
     tooltipBorderWidth: 1,
     tooltipFontSize: t._14,
-    tooltipPosition: h.CENTER,
+    tooltipPosition: g.CENTER,
     tooltipOffsetY: 24,
     tooltipSmooth: !0,
     tooltipSmoothForce: 0.18,
@@ -3018,17 +3080,17 @@ function et() {
     yAxisLabel: "",
     zoomXy: !0,
     zoomColor: d,
-    zoomHighlightColor: A,
+    zoomHighlightColor: O,
     zoomFontSize: t._14,
     zoomUseResetSlot: !1,
-    zoomMinimap: T,
+    zoomMinimap: F,
     zoomStartIndex: null,
     zoomEndIndex: null,
     zoomEnableRangeHandles: !0,
     zoomEnableSelectionDrag: !0,
     zoomFocusOnDrag: !1,
     zoomFocusRangeRatio: 0.2
-  }, fe = {
+  }, he = {
     debug: !1,
     // v3
     loading: !1,
@@ -3178,7 +3240,7 @@ function et() {
       labels: {
         color: e,
         fontSize: t._14,
-        minFontSize: y
+        minFontSize: v
         // v3
       },
       weightLabels: {
@@ -3213,7 +3275,7 @@ function et() {
       annotator: !0,
       svg: !0
     })
-  }, he = {
+  }, pe = {
     debug: !1,
     // v3
     loading: !1,
@@ -3258,7 +3320,7 @@ function et() {
           show: !0,
           // v3
           fontSize: t._20,
-          minFontSize: y,
+          minFontSize: v,
           // v3
           rounding: 1,
           bold: !0,
@@ -3277,7 +3339,7 @@ function et() {
       annotator: !0,
       svg: !0
     })
-  }, pe = {
+  }, me = {
     debug: !1,
     // v3
     loading: !1,
@@ -3321,7 +3383,7 @@ function et() {
           }
         },
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -3401,39 +3463,39 @@ function et() {
             color: e
           },
           donutChart: {
-            ...b,
+            ...m,
             responsive: !0,
             userOptions: {
-              ...b.userOptions,
+              ...m.userOptions,
               buttons: {
-                ...b.userOptions.buttons,
+                ...m.userOptions.buttons,
                 pdf: !1
               }
             },
             style: {
-              ...b.style,
+              ...m.style,
               chart: {
-                ...b.style.chart,
+                ...m.style.chart,
                 layout: {
-                  ...b.style.chart.layout,
+                  ...m.style.chart.layout,
                   donut: {
-                    ...b.style.chart.layout.donut,
+                    ...m.style.chart.layout.donut,
                     strokeWidth: 64
                   },
                   labels: {
-                    ...b.style.chart.layout.labels,
+                    ...m.style.chart.layout.labels,
                     percentage: {
-                      ...b.style.chart.layout.labels.percentage,
+                      ...m.style.chart.layout.labels.percentage,
                       fontSize: 16
                     },
                     name: {
-                      ...b.style.chart.layout.labels.name,
+                      ...m.style.chart.layout.labels.name,
                       fontSize: 12
                     },
                     hollow: {
-                      ...b.style.chart.layout.labels.hollow,
+                      ...m.style.chart.layout.labels.hollow,
                       average: {
-                        ...b.style.chart.layout.labels.hollow.average,
+                        ...m.style.chart.layout.labels.hollow.average,
                         show: !1
                       }
                     }
@@ -3514,7 +3576,7 @@ function et() {
         },
         title: l,
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -3546,7 +3608,7 @@ function et() {
         roundingPercentage: 0
       }
     }
-  }, me = {
+  }, ke = {
     debug: !1,
     // v3
     loading: !1,
@@ -3609,7 +3671,7 @@ function et() {
         },
         title: l,
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           position: "bottom"
@@ -3640,7 +3702,7 @@ function et() {
         roundingPercentage: 0
       }
     }
-  }, ke = {
+  }, we = {
     debug: !1,
     // v3
     loading: !1,
@@ -3697,7 +3759,7 @@ function et() {
         ancestor: "Parent node"
       }
     }
-  }, we = {
+  }, ye = {
     debug: !1,
     // v3
     loading: !1,
@@ -3790,7 +3852,7 @@ function et() {
           }
         },
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -3874,7 +3936,7 @@ function et() {
           }
         },
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -3916,7 +3978,7 @@ function et() {
         roundingPercentage: 0
       }
     }
-  }, ye = {
+  }, Ce = {
     debug: !1,
     // v3
     loading: !1,
@@ -4049,7 +4111,7 @@ function et() {
         roundingValue: 0
       }
     }
-  }, Ce = {
+  }, xe = {
     debug: !1,
     // v3
     loading: !1,
@@ -4230,7 +4292,7 @@ function et() {
           }
         },
         legend: {
-          ...g,
+          ...h,
           labelStart: "start",
           labelEnd: "end",
           labelPositive: "positive",
@@ -4260,7 +4322,7 @@ function et() {
         roundingPercentage: 0
       }
     }
-  }, xe = {
+  }, Se = {
     debug: !1,
     // v3
     loading: !1,
@@ -4357,7 +4419,7 @@ function et() {
         roundingPercentage: 0
       }
     }
-  }, Se = {
+  }, _e = {
     theme: "",
     customPalette: [],
     responsiveBreakpoint: 500,
@@ -4421,7 +4483,7 @@ function et() {
       color: e,
       fontSize: t._14,
       outline: "none",
-      textAlign: h.LEFT,
+      textAlign: g.LEFT,
       bold: !1
     },
     tbody: {
@@ -4430,7 +4492,7 @@ function et() {
       color: e,
       fontSize: t._14,
       outline: "none",
-      textAlign: h.LEFT,
+      textAlign: g.LEFT,
       bold: !1,
       selectedColor: {
         useSerieColor: !0,
@@ -4443,7 +4505,7 @@ function et() {
       img: !0,
       fullscreen: !0
     })
-  }, _e = {
+  }, ze = {
     theme: "",
     style: {
       fontFamily: "inherit",
@@ -4474,7 +4536,7 @@ function et() {
       img: !0,
       fullscreen: !0
     })
-  }, ze = {
+  }, Le = {
     debug: !1,
     // v3
     loading: !1,
@@ -4549,7 +4611,9 @@ function et() {
         suffix: ""
       }
     }
-  }, Le = {
+  }, Pe = {
+    debug: !1,
+    loading: !1,
     responsive: !1,
     theme: "",
     customPalette: [],
@@ -4581,16 +4645,38 @@ function et() {
           min: null,
           max: null
         },
-        zoom: z,
+        zoom: {
+          ...z,
+          minimap: F,
+          preview: {
+            // v3
+            enable: !1,
+            fill: "#CCCCCC50",
+            stroke: "#6A6A6A",
+            strokeWidth: 2,
+            strokeDasharray: 0
+          },
+          useDefaultFormat: !0,
+          timeFormat: "yyyy-MM-dd HH:mm:ss",
+          // When datetimeFormatter is enabled
+          customFormat: null
+          // overrides all if callback => string
+        },
         selector: {
           show: !0,
           color: e,
           dashed: !0,
           showHorizontalSelector: !1
         },
-        tooltip: f,
+        tooltip: {
+          ...f,
+          showTimeLabel: !0,
+          useDefaultTimeFormat: !0,
+          timeFormat: "yyyy-MM-dd HH:mm:ss"
+          // When datetimeFormatter is enabled and useDefaultFormat is false
+        },
         legend: {
-          ...g,
+          ...h,
           position: "bottom"
         },
         title: l,
@@ -4662,6 +4748,7 @@ function et() {
           }
         },
         line: {
+          cutNullValues: !0,
           plots: {
             show: !0,
             radiusRatio: 1
@@ -4703,7 +4790,7 @@ function et() {
       th: i,
       td: n
     }
-  }, Pe = {
+  }, Ae = {
     debug: !1,
     // v3
     loading: !1,
@@ -4756,7 +4843,7 @@ function et() {
           }
         },
         legend: {
-          ...g,
+          ...h,
           position: "bottom"
         },
         nodes: {
@@ -4798,7 +4885,7 @@ function et() {
       th: i,
       td: n
     }
-  }, Ae = {
+  }, Fe = {
     debug: !1,
     // v3
     loading: !1,
@@ -4898,7 +4985,7 @@ function et() {
         },
         title: l,
         legend: {
-          ...g,
+          ...h,
           position: "bottom"
         },
         tooltip: f
@@ -5007,7 +5094,7 @@ function et() {
     showCrosshair: !0,
     showIntersectCircles: !0,
     useWaveOnClick: !0
-  }, Fe = {
+  }, Re = {
     open: !1,
     maxHeight: 2e3,
     head: {
@@ -5023,7 +5110,7 @@ function et() {
       backgroundColor: o,
       color: e
     }
-  }, Re = {
+  }, We = {
     debug: !1,
     // v3
     animationFrames: 60,
@@ -5054,7 +5141,7 @@ function et() {
       color: e,
       skeletonColor: r
     }
-  }, We = {
+  }, Ve = {
     type: "onion",
     onion: {
       gutterColor: d,
@@ -5080,7 +5167,7 @@ function et() {
       trackBlur: 1,
       trackColor: P
     }
-  }, Ve = {
+  }, De = {
     readonly: !1,
     style: {
       fontFamily: "inherit",
@@ -5115,7 +5202,7 @@ function et() {
       },
       title: {
         ...l,
-        textAlign: h.CENTER,
+        textAlign: g.CENTER,
         offsetY: 6,
         subtitle: {
           ...l.subtitle,
@@ -5127,7 +5214,7 @@ function et() {
         fontSize: t._24,
         bold: !0,
         roundingValue: 1,
-        position: h.BOTTOM,
+        position: g.BOTTOM,
         offsetX: 0,
         offsetY: 0,
         formatter: null
@@ -5146,7 +5233,7 @@ function et() {
         formatter: null
       }
     }
-  }, De = {
+  }, Ee = {
     type: p.STAR,
     readonly: !1,
     from: 1,
@@ -5157,8 +5244,8 @@ function et() {
       itemSize: 32,
       backgroundColor: o,
       star: {
-        activeColor: O,
-        borderColor: O,
+        activeColor: T,
+        borderColor: T,
         borderWidth: 3,
         apexes: 5,
         inactiveColor: r,
@@ -5170,7 +5257,7 @@ function et() {
         alt: "rating image"
       },
       title: {
-        textAlign: h.CENTER,
+        textAlign: g.CENTER,
         fontSize: t._20,
         color: e,
         bold: !0,
@@ -5189,7 +5276,7 @@ function et() {
         fontSize: t._24,
         bold: !0,
         roundingValue: 1,
-        position: h.BOTTOM,
+        position: g.BOTTOM,
         offsetY: 0,
         offsetX: 0,
         formatter: null
@@ -5208,7 +5295,7 @@ function et() {
         formatter: null
       }
     }
-  }, Ee = {
+  }, Ne = {
     alwaysVisible: !1,
     style: {
       backgroundColor: o,
@@ -5282,7 +5369,7 @@ function et() {
       tooltipShapeColor: "Color",
       tooltipImage: "Download PNG"
     }
-  }, Ne = {
+  }, Me = {
     locked: !1,
     style: {
       board: {
@@ -5511,7 +5598,7 @@ function et() {
         color: r
       }
     }
-  }, Me = {
+  }, Be = {
     fontFamily: "inherit",
     maxHeight: 500,
     rowsPerPage: 25,
@@ -5723,7 +5810,7 @@ function et() {
       xAxisLabels: "X axis labels"
     },
     useChart: !0
-  }, Be = {
+  }, He = {
     height: "100%",
     width: null,
     backgroundColor: o,
@@ -5834,7 +5921,7 @@ function et() {
         }
       }
     }
-  }, He = {
+  }, Ge = {
     debug: !1,
     // v3
     loading: !1,
@@ -5850,7 +5937,7 @@ function et() {
     textColor: e,
     fontFamily: "inherit",
     formatter: null
-  }, Ge = {
+  }, Xe = {
     debug: !1,
     // v3
     loading: !1,
@@ -5928,17 +6015,17 @@ function et() {
         },
         title: {
           ...l,
-          textAlign: h.LEFT,
+          textAlign: g.LEFT,
           paddingLeft: 12
         },
         legend: {
-          ...g,
+          ...h,
           roundingValue: 0,
           position: "bottom"
         }
       }
     }
-  }, Xe = {
+  }, Ue = {
     theme: "",
     responsive: !1,
     responsiveProportionalSizing: !0,
@@ -6031,7 +6118,7 @@ function et() {
         }
       }
     }
-  }, Ue = {
+  }, $e = {
     debug: !1,
     // v3
     loading: !1,
@@ -6200,14 +6287,14 @@ function et() {
           stroke: e
         },
         legend: {
-          ...g,
+          ...h,
           position: "bottom"
         },
         title: l,
         tooltip: f
       }
     }
-  }, $e = {
+  }, qe = {
     debug: !1,
     // v3
     loading: !1,
@@ -6307,7 +6394,7 @@ function et() {
         }
       }
     }
-  }, qe = {
+  }, je = {
     debug: !1,
     // v3
     loading: !1,
@@ -6382,7 +6469,7 @@ function et() {
         },
         title: l,
         legend: {
-          ...g,
+          ...h,
           position: "bottom"
         }
       }
@@ -6401,7 +6488,7 @@ function et() {
         category: "Category"
       }
     }
-  }, je = {
+  }, Ze = {
     debug: !1,
     // v3
     loading: !1,
@@ -6451,7 +6538,7 @@ function et() {
         color: e,
         padding: c([12, 0, 0, 12]),
         title: l,
-        legend: g,
+        legend: h,
         dialog: {
           show: !0,
           backgroundColor: o,
@@ -6461,34 +6548,34 @@ function et() {
             color: e
           },
           xyChart: {
-            ...v,
+            ...y,
             responsive: !0,
             line: {
-              ...v.line,
+              ...y.line,
               showTransition: !1,
               labels: {
-                ...v.line.labels,
+                ...y.line.labels,
                 show: !0
               }
             },
             chart: {
-              ...v.chart,
+              ...y.chart,
               tooltip: {
-                ...v.chart.tooltip,
+                ...y.chart.tooltip,
                 showPercentage: !1
               },
               userOptions: {
-                ...v.chart.userOptions,
+                ...y.chart.userOptions,
                 buttons: {
-                  ...v.chart.userOptions.buttons,
+                  ...y.chart.userOptions.buttons,
                   pdf: !1,
                   fullscreen: !1
                 }
               },
               zoom: {
-                ...v.chart.zoom,
+                ...y.chart.zoom,
                 minimap: {
-                  ...v.chart.zoom.minimap,
+                  ...y.chart.zoom.minimap,
                   show: !0
                 }
               }
@@ -6576,7 +6663,7 @@ function et() {
         }
       }
     }
-  }, Ze = {
+  }, Ke = {
     debug: !1,
     // v3
     loading: !1,
@@ -6620,7 +6707,7 @@ function et() {
         backgroundColor: o,
         color: e,
         legend: {
-          ...g,
+          ...h,
           position: "bottom"
         },
         title: l,
@@ -6676,84 +6763,84 @@ function et() {
     }
   };
   return {
-    vue_ui_xy: v,
-    vue_ui_donut: b,
-    vue_ui_treemap: U,
-    vue_ui_waffle: $,
-    vue_ui_radar: q,
-    vue_ui_quadrant: j,
-    vue_ui_gauge: Z,
-    vue_ui_wheel: K,
-    vue_ui_tiremarks: Q,
-    vue_ui_chestnut: J,
-    vue_ui_onion: ee,
-    vue_ui_vertical_bar: F,
+    vue_ui_xy: y,
+    vue_ui_donut: m,
+    vue_ui_treemap: $,
+    vue_ui_waffle: q,
+    vue_ui_radar: j,
+    vue_ui_quadrant: Z,
+    vue_ui_gauge: K,
+    vue_ui_wheel: Q,
+    vue_ui_tiremarks: J,
+    vue_ui_chestnut: ee,
+    vue_ui_onion: te,
+    vue_ui_vertical_bar: R,
     // deprecate in v4
-    vue_ui_horizontal_bar: te,
+    vue_ui_horizontal_bar: oe,
     // v3
-    vue_ui_heatmap: oe,
-    vue_ui_scatter: re,
-    vue_ui_candlestick: le,
-    vue_ui_sparkline: ae,
-    vue_ui_sparkbar: se,
-    vue_ui_sparkstackbar: ie,
-    vue_ui_sparkhistogram: ne,
-    vue_ui_sparkgauge: ue,
-    vue_ui_spark_trend: de,
-    vue_ui_quick_chart: ce,
-    vue_ui_age_pyramid: fe,
+    vue_ui_heatmap: re,
+    vue_ui_scatter: le,
+    vue_ui_candlestick: ae,
+    vue_ui_sparkline: se,
+    vue_ui_sparkbar: ie,
+    vue_ui_sparkstackbar: ne,
+    vue_ui_sparkhistogram: ue,
+    vue_ui_sparkgauge: de,
+    vue_ui_spark_trend: ce,
+    vue_ui_quick_chart: fe,
+    vue_ui_age_pyramid: he,
     vue_ui_relation_circle: ge,
-    vue_ui_thermometer: he,
-    vue_ui_rings: pe,
+    vue_ui_thermometer: pe,
+    vue_ui_rings: me,
     vue_ui_donut_evolution: be,
-    vue_ui_mood_radar: me,
-    vue_ui_molecule: ke,
-    vue_ui_nested_donuts: we,
+    vue_ui_mood_radar: ke,
+    vue_ui_molecule: we,
+    vue_ui_nested_donuts: ye,
     vue_ui_galaxy: ve,
-    vue_ui_strip_plot: ye,
-    vue_ui_dumbbell: Ce,
-    vue_ui_3d_bar: xe,
-    vue_ui_table_sparkline: Se,
-    vue_ui_table_heatmap: _e,
-    vue_ui_word_cloud: ze,
-    vue_ui_xy_canvas: Le,
-    vue_ui_flow: Pe,
-    vue_ui_parallel_coordinate_plot: Ae,
+    vue_ui_strip_plot: Ce,
+    vue_ui_dumbbell: xe,
+    vue_ui_3d_bar: Se,
+    vue_ui_table_sparkline: _e,
+    vue_ui_table_heatmap: ze,
+    vue_ui_word_cloud: Le,
+    vue_ui_xy_canvas: Pe,
+    vue_ui_flow: Ae,
+    vue_ui_parallel_coordinate_plot: Fe,
     vue_ui_timer: Oe,
     vue_ui_carousel_table: Ie,
-    vue_ui_gizmo: He,
-    vue_ui_stackbar: X,
-    vue_ui_bullet: Ge,
-    vue_ui_funnel: Xe,
-    vue_ui_history_plot: Ue,
-    vue_ui_world: qe,
-    vue_ui_ridgeline: je,
-    vue_ui_chord: Ze,
+    vue_ui_gizmo: Ge,
+    vue_ui_stackbar: U,
+    vue_ui_bullet: Xe,
+    vue_ui_funnel: Ue,
+    vue_ui_history_plot: $e,
+    vue_ui_world: je,
+    vue_ui_ridgeline: Ze,
+    vue_ui_chord: Ke,
     // non chart components
     vue_ui_cursor: Te,
-    vue_ui_accordion: Fe,
-    vue_ui_kpi: Re,
-    vue_ui_mini_loader: We,
-    vue_ui_smiley: Ve,
-    vue_ui_rating: De,
-    vue_ui_annotator: Ee,
-    vue_ui_dashboard: Ne,
+    vue_ui_accordion: Re,
+    vue_ui_kpi: We,
+    vue_ui_mini_loader: Ve,
+    vue_ui_smiley: De,
+    vue_ui_rating: Ee,
+    vue_ui_annotator: Ne,
+    vue_ui_dashboard: Me,
     vue_ui_skeleton: Ye,
-    vue_ui_table: Me,
-    vue_ui_digits: Be,
-    vue_ui_circle_pack: $e
+    vue_ui_table: Be,
+    vue_ui_digits: He,
+    vue_ui_circle_pack: qe
   };
 }
-function tt({ defaultConfig: e, userConfig: k }) {
+function ot({ defaultConfig: e, userConfig: k }) {
   if (!Object.keys(k || {}).length)
     return e;
-  const r = Ke({
+  const r = Qe({
     defaultConfig: e,
     userConfig: k
   });
-  return Qe(r);
+  return Je(r);
 }
 export {
-  tt as a,
-  et as u
+  ot as a,
+  tt as u
 };