vue-data-ui 3.15.12 → 3.16.1

package/dist/{useConfig-CIgyKZ6R.js → useConfig-DO94Aj5s.js}

@@ -1,5 +1,11 @@
-function ft(P = {}) {
-  const a = "#2D353C", F = "#A1A1A1", R = "#e1e5e8", c = "#CCCCCC", W = "#4A4A4A", l = "#FFFFFF", V = "#fafafa", f = "#1f77b4", _ = "#d62728", D = "#2ca02c", E = "#42d392", N = "#FFD055", r = P.colorBackground ?? l, e = P.colorTextPrimary ?? a, A = P.colorTextSecondary ?? F, o = P.colorGrid ?? R, b = P.colorBorder ?? R, t = {
+function ct(A = {}) {
+  const s = "#2D353C", R = "#A1A1A1", W = "#e1e5e8", h = "#CCCCCC", V = "#4A4A4A", l = "#FFFFFF", E = "#fafafa", c = "#1f77b4", z = "#d62728", O = "#2ca02c", N = "#42d392", Y = "#FFD055", r = A.colorBackground ?? l, e = A.colorTextPrimary ?? s, T = A.colorTextSecondary ?? R, o = A.colorGrid ?? W, k = A.colorBorder ?? W, a = {
+    translations: {
+      keyboardNavigation: "Use the left and right arrow keys to move between data points.",
+      tableAvailable: "A data table for this chart is available below.",
+      tableCaption: "Chart data table"
+    }
+  }, t = {
     _6: 6,
     _10: 10,
     _12: 12,
@@ -10,7 +16,7 @@ function ft(P = {}) {
     _24: 24,
     _32: 32,
     _48: 48
-  }, S = t._6, C = {
+  }, _ = t._6, v = {
     LINE: "line",
     SQUARE: "square",
     ROUND: "round",
@@ -23,16 +29,16 @@ function ft(P = {}) {
     CENTER: "center",
     BOTTOM: "bottom",
     TOP: "top"
-  }, J = {
+  }, ee = {
     DESC: "desc"
-  }, T = {
+  }, D = {
     threshold: 1095
     // v2 = 500
-  }, k = {
+  }, w = {
     showValueFirst: !0,
     usePercentageParens: !0,
     useValueParens: !1
-  }, s = {
+  }, n = {
     text: "",
     color: e,
     fontSize: t._20,
@@ -41,12 +47,12 @@ function ft(P = {}) {
     paddingLeft: 0,
     paddingRight: 0,
     subtitle: {
-      color: A,
+      color: T,
       text: "",
       fontSize: t._16,
       bold: !1
     }
-  }, p = {
+  }, b = {
     show: !0,
     bold: !1,
     backgroundColor: r,
@@ -54,17 +60,17 @@ function ft(P = {}) {
     fontSize: t._14,
     selectAllToggle: {
       show: !1,
-      backgroundColor: b,
+      backgroundColor: k,
       color: e
     }
-  }, h = {
+  }, g = {
     show: !0,
     color: e,
     backgroundColor: r,
     fontSize: t._14,
     customFormat: null,
     borderRadius: 4,
-    borderColor: b,
+    borderColor: k,
     borderWidth: 1,
     backgroundOpacity: 100,
     position: m.CENTER,
@@ -77,7 +83,7 @@ function ft(P = {}) {
     smoothSnapThreshold: 0.25,
     teleportTo: "body"
     // or any other css selector (used in the `to` attr of the Teleport component)
-  }, y = {
+  }, C = {
     enable: !1,
     locale: "en",
     useUTC: !1,
@@ -90,23 +96,23 @@ function ft(P = {}) {
       minute: "HH:mm:ss",
       second: "HH:mm:ss"
     }
-  }, n = ({
-    tooltip: z = !1,
-    pdf: B = !1,
-    csv: H = !1,
+  }, i = ({
+    tooltip: L = !1,
+    pdf: H = !1,
+    csv: U = !1,
     img: I = !1,
     table: X = !1,
     labels: G = !1,
-    fullscreen: U = !1,
-    sort: $ = !1,
-    stack: j = !1,
-    animation: q = !1,
-    annotator: Z = !1,
-    svg: K = !1,
-    zoom: Q = !1,
-    altCopy: dt = !1
+    fullscreen: $ = !1,
+    sort: j = !1,
+    stack: q = !1,
+    animation: Z = !1,
+    annotator: K = !1,
+    svg: Q = !1,
+    zoom: J = !1,
+    altCopy: ft = !1
   }) => {
-    const w = {
+    const y = {
       open: "Open options",
       close: "Close options",
       tooltip: "Toggle tooltip",
@@ -124,26 +130,26 @@ function ft(P = {}) {
       zoom: "Toggle zoom lock",
       altCopy: "Copy alt text"
     };
-    return z || delete w.tooltip, B || delete w.pdf, H || delete w.csv, I || delete w.img, X || delete w.table, G || delete w.labels, U || delete w.fullscreen, $ || delete w.sort, j || delete w.stack, q || delete w.animation, Z || delete w.annotator, K || delete w.svg, Q || delete w.zoom, {
+    return L || delete y.tooltip, H || delete y.pdf, U || delete y.csv, I || delete y.img, X || delete y.table, G || delete y.labels, $ || delete y.fullscreen, j || delete y.sort, q || delete y.stack, Z || delete y.animation, K || delete y.annotator, Q || delete y.svg, J || delete y.zoom, {
       show: !0,
       showOnChartHover: !1,
       keepStateOnChartLeave: !0,
       position: "right",
       buttons: {
-        tooltip: z,
-        pdf: B,
-        csv: H,
+        tooltip: L,
+        pdf: H,
+        csv: U,
         img: I,
         table: X,
         labels: G,
-        fullscreen: U,
-        sort: $,
-        stack: j,
-        animation: q,
-        annotator: Z,
-        svg: K,
-        zoom: Q,
-        altCopy: dt
+        fullscreen: $,
+        sort: j,
+        stack: q,
+        animation: Z,
+        annotator: K,
+        svg: Q,
+        zoom: J,
+        altCopy: ft
       },
       callbacks: {
         animation: null,
@@ -161,7 +167,7 @@ function ft(P = {}) {
         zoom: null,
         altCopy: null
       },
-      buttonTitles: w,
+      buttonTitles: y,
       print: {
         scale: 2,
         orientation: "auto",
@@ -170,26 +176,26 @@ function ft(P = {}) {
       },
       useCursorPointer: !1
     };
-  }, g = (z) => ({
-    top: z[0],
-    right: z[1],
-    bottom: z[2],
-    left: z[3]
-  }), i = {
+  }, p = (L) => ({
+    top: L[0],
+    right: L[1],
+    bottom: L[2],
+    left: L[3]
+  }), u = {
     backgroundColor: r,
     color: e,
     outline: "none"
-  }, u = {
+  }, d = {
     backgroundColor: r,
     color: e,
     outline: "none"
-  }, d = {
+  }, f = {
     show: !1,
     responsiveBreakpoint: 400
-  }, L = {
+  }, P = {
     show: !0,
-    color: c,
-    highlightColor: W,
+    color: h,
+    highlightColor: V,
     fontSize: t._14,
     useResetSlot: !1,
     startIndex: null,
@@ -199,14 +205,14 @@ function ft(P = {}) {
     focusOnDrag: !1,
     focusRangeRatio: 0.2,
     maxWidth: null
-  }, O = {
+  }, F = {
     show: !1,
-    selectedColor: f,
+    selectedColor: c,
     selectedColorOpacity: 0.2,
-    indicatorColor: a,
+    indicatorColor: s,
     verticalHandles: !1,
     compact: !0,
-    frameColor: F,
+    frameColor: R,
     additionalHeight: 0,
     handleIconColor: null,
     handleBorderWidth: 1,
@@ -216,18 +222,19 @@ function ft(P = {}) {
     handleType: "grab"
     // 'empty' | 'chevron' | 'grab' | 'arrow'
   }, M = {
-    ...O,
+    ...F,
     smooth: !1,
-    lineColor: a,
+    lineColor: s,
     selectionRadius: 2,
     merged: !1
-  }, ee = {
+  }, te = {
     skeletonDataset: null,
     skeletonConfig: null,
     loading: !1,
     debug: !1,
     theme: "",
     responsive: !1,
+    a11y: a,
     events: {
       datapointEnter: null,
       datapointLeave: null,
@@ -236,19 +243,19 @@ function ft(P = {}) {
     customPalette: [],
     useCssAnimation: !1,
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         period: "Period",
         total: "Total"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -266,15 +273,15 @@ function ft(P = {}) {
         color: e,
         height: 500,
         width: 800,
-        padding: g([12, 12, 12, 12]),
-        title: s,
+        padding: p([12, 12, 12, 12]),
+        title: n,
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         },
         zoom: {
-          ...L,
-          minimap: O,
+          ...P,
+          minimap: F,
           preview: {
             enable: !0,
             fill: "#CCCCCC50",
@@ -296,7 +303,7 @@ function ft(P = {}) {
           lineWidth: 1
         },
         tooltip: {
-          ...h,
+          ...g,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -343,7 +350,7 @@ function ft(P = {}) {
             timeLabels: {
               show: !0,
               values: [],
-              datetimeFormatter: y,
+              datetimeFormatter: C,
               offsetY: 0,
               rotation: 0,
               autoRotate: {
@@ -428,7 +435,7 @@ function ft(P = {}) {
         }
       }
     }
-  }, te = {
+  }, oe = {
     skeletonDataset: null,
     skeletonConfig: null,
     loading: !1,
@@ -437,6 +444,13 @@ function ft(P = {}) {
     // v3
     theme: "",
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -452,19 +466,19 @@ function ft(P = {}) {
     orientation: "vertical",
     // or 'horizontal'
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         period: "Period",
         total: "Total"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -482,15 +496,15 @@ function ft(P = {}) {
         color: e,
         height: 500,
         width: 800,
-        padding: g([12, 12, 12, 12]),
-        title: s,
+        padding: p([12, 12, 12, 12]),
+        title: n,
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         },
         zoom: {
-          ...L,
-          minimap: O,
+          ...P,
+          minimap: F,
           preview: {
             enable: !0,
             fill: "#CCCCCC50",
@@ -505,7 +519,7 @@ function ft(P = {}) {
           // overrides all if callback => string
         },
         tooltip: {
-          ...h,
+          ...g,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -590,7 +604,7 @@ function ft(P = {}) {
             timeLabels: {
               show: !0,
               values: [],
-              datetimeFormatter: y,
+              datetimeFormatter: C,
               offsetY: 0,
               rotation: 0,
               autoRotate: {
@@ -636,7 +650,7 @@ function ft(P = {}) {
         }
       }
     }
-  }, x = {
+  }, S = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -645,6 +659,7 @@ function ft(P = {}) {
     responsive: !1,
     loading: !1,
     // v3
+    a11y: a,
     events: {
       // v3
       datapointEnter: null,
@@ -658,7 +673,7 @@ function ft(P = {}) {
     customPalette: [],
     useCssAnimation: !1,
     // v3 (v2 = true)
-    downsample: T,
+    downsample: D,
     chart: {
       fontFamily: "inherit",
       backgroundColor: r,
@@ -680,7 +695,7 @@ function ft(P = {}) {
               // or end
               offsetX: 0,
               offsetY: 0,
-              padding: g([12, 12, 12, 12]),
+              padding: p([12, 12, 12, 12]),
               border: {
                 stroke: l,
                 strokeWidth: 1,
@@ -692,7 +707,7 @@ function ft(P = {}) {
               backgroundColor: o
             },
             line: {
-              stroke: a,
+              stroke: s,
               strokeWidth: 1,
               strokeDasharray: 0
             },
@@ -704,7 +719,7 @@ function ft(P = {}) {
         }
       ],
       zoom: {
-        ...L,
+        ...P,
         minimap: M,
         preview: {
           // v3
@@ -720,7 +735,7 @@ function ft(P = {}) {
         customFormat: null
         // overrides all if callback => string
       },
-      padding: g([12, 12, 6, 6]),
+      padding: p([12, 12, 6, 6]),
       highlighter: {
         color: e,
         opacity: 5,
@@ -734,7 +749,7 @@ function ft(P = {}) {
         show: !1,
         from: 0,
         to: 0,
-        color: a,
+        color: s,
         opacity: 20,
         caption: {
           text: "",
@@ -824,7 +839,7 @@ function ft(P = {}) {
             color: e,
             show: !0,
             values: [],
-            datetimeFormatter: y,
+            datetimeFormatter: C,
             fontSize: t._14,
             showOnlyFirstAndLast: !1,
             showOnlyAtModulo: !1,
@@ -861,16 +876,16 @@ function ft(P = {}) {
         // bottom | top
         selectAllToggle: {
           show: !1,
-          backgroundColor: b,
+          backgroundColor: k,
           color: e
         }
       },
       title: {
-        ...s,
+        ...n,
         show: !0
       },
       tooltip: {
-        ...h,
+        ...g,
         showTimeLabel: !0,
         showValue: !0,
         showPercentage: !0,
@@ -880,7 +895,7 @@ function ft(P = {}) {
         timeFormat: "yyyy-MM-dd HH:mm:ss"
         // When datetimeFormatter is used
       },
-      userOptions: n({
+      userOptions: i({
         tooltip: !0,
         pdf: !0,
         csv: !0,
@@ -990,13 +1005,13 @@ function ft(P = {}) {
         period: "Period",
         total: "Total"
       },
-      th: i,
-      td: u,
+      th: u,
+      td: d,
       useDefaultTimeFormat: !0,
       timeFormat: "yyyy-MM-dd HH:mm:ss"
     },
     showTable: !1
-  }, v = {
+  }, x = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -1013,6 +1028,13 @@ function ft(P = {}) {
     customPalette: [],
     useCssAnimation: !1,
     // v3 (v2 = true)
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -1033,7 +1055,7 @@ function ft(P = {}) {
       staggerMs: 50
     },
     useBlurOnHover: !0,
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -1049,11 +1071,11 @@ function ft(P = {}) {
       average: "Average"
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       },
@@ -1070,14 +1092,14 @@ function ft(P = {}) {
         gradientIntensity: 40,
         backgroundColor: r,
         color: e,
-        padding: g([0, 0, 0, 0]),
+        padding: p([0, 0, 0, 0]),
         width: 512,
         height: 360,
         layout: {
           curvedMarkers: !1,
           labels: {
             dataLabels: {
-              ...k,
+              ...w,
               show: !0,
               useLabelSlots: !1,
               hideUnderValue: 3,
@@ -1094,19 +1116,21 @@ function ft(P = {}) {
               formatter: null
             },
             percentage: {
+              show: !0,
               color: e,
               bold: !0,
               fontSize: t._18,
-              minFontSize: S,
+              minFontSize: _,
               // v3
               rounding: 0,
               formatter: null
             },
             name: {
+              show: !0,
               color: e,
               bold: !1,
               fontSize: t._14,
-              minFontSize: S
+              minFontSize: _
               // v3
             },
             hollow: {
@@ -1133,7 +1157,7 @@ function ft(P = {}) {
                 show: !0,
                 bold: !1,
                 fontSize: t._18,
-                color: A,
+                color: T,
                 text: "Average",
                 offsetY: 0,
                 value: {
@@ -1156,11 +1180,11 @@ function ft(P = {}) {
             // v3 (v2 = 55)
             borderWidth: 1,
             useShadow: !1,
-            shadowColor: a,
+            shadowColor: s,
             emptyFill: o,
             selectedColor: "#0000001A",
             borderColorAuto: !0,
-            borderColor: b
+            borderColor: k
           }
         },
         comments: {
@@ -1171,8 +1195,8 @@ function ft(P = {}) {
           offsetX: 0
         },
         legend: {
-          ...p,
-          ...k,
+          ...b,
+          ...w,
           roundingValue: 0,
           roundingPercentage: 0,
           showPercentage: !0,
@@ -1180,17 +1204,17 @@ function ft(P = {}) {
           position: "bottom"
         },
         tooltip: {
-          ...h,
-          ...k,
+          ...g,
+          ...w,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
           roundingPercentage: 0
         },
-        title: s
+        title: n
       }
     }
-  }, oe = {
+  }, re = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -1198,6 +1222,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -1209,7 +1240,7 @@ function ft(P = {}) {
     },
     theme: "",
     customPalette: [],
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -1226,7 +1257,7 @@ function ft(P = {}) {
         color: e,
         height: 500,
         width: 800,
-        padding: g([0, 0, 0, 0]),
+        padding: p([0, 0, 0, 0]),
         layout: {
           sorted: !0,
           rects: {
@@ -1274,36 +1305,36 @@ function ft(P = {}) {
           }
         },
         legend: {
-          ...p,
+          ...b,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
           showPercentage: !0,
           position: "bottom"
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
+          ...g,
           roundingValue: 1
         }
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         value: "Value",
         percentage: "Percentage"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     }
-  }, re = {
+  }, ae = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -1311,6 +1342,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -1333,7 +1371,7 @@ function ft(P = {}) {
         layout: {
           labels: {
             dataLabels: {
-              ...k,
+              ...w,
               prefix: "",
               suffix: "",
               formatter: null
@@ -1360,24 +1398,24 @@ function ft(P = {}) {
           rect: {
             rounded: !0,
             rounding: 2,
-            stroke: a,
+            stroke: s,
             strokeWidth: 1,
             useGradient: !0,
             gradientIntensity: 40
           }
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
-          ...k,
+          ...g,
+          ...w,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
           roundingPercentage: 0
         },
         legend: {
-          ...p,
-          ...k,
+          ...b,
+          ...w,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -1386,7 +1424,7 @@ function ft(P = {}) {
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -1397,16 +1435,16 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         value: "Value",
         percentage: "Percentage"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
@@ -1419,6 +1457,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -1443,7 +1488,7 @@ function ft(P = {}) {
             radius: 2
           },
           outerPolygon: {
-            stroke: c,
+            stroke: h,
             strokeWidth: 1
           },
           dataPolygon: {
@@ -1466,9 +1511,9 @@ function ft(P = {}) {
             }
           }
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
+          ...g,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -1479,23 +1524,23 @@ function ft(P = {}) {
           }
         },
         legend: {
-          ...p,
+          ...b,
           roundingPercentage: 0,
           position: "bottom"
         }
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -1510,7 +1555,7 @@ function ft(P = {}) {
       value: "Value",
       datapoint: "Datapoint"
     }
-  }, ae = {
+  }, se = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -1518,6 +1563,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -1532,7 +1584,7 @@ function ft(P = {}) {
     useCssAnimation: !1,
     // v2 = true
     zoomAnimationFrames: 20,
-    downsample: T,
+    downsample: D,
     style: {
       fontFamily: "inherit",
       chart: {
@@ -1630,28 +1682,28 @@ function ft(P = {}) {
             useGradient: !0
           }
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
+          ...g,
           roundingValue: 0,
           showShape: !0
         },
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         }
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -1667,7 +1719,7 @@ function ft(P = {}) {
       item: "Item",
       side: "Side"
     }
-  }, se = {
+  }, ne = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -1709,7 +1761,7 @@ function ft(P = {}) {
             show: !1,
             offsetOut: 0,
             offsetIn: 0,
-            stroke: a,
+            stroke: s,
             strokeWidth: 2
           },
           segmentNames: {
@@ -1717,7 +1769,7 @@ function ft(P = {}) {
             curved: !0,
             offsetRatio: 1.1,
             fontSize: t._16,
-            minFontSize: S,
+            minFontSize: _,
             // v3
             useSerieColor: !0,
             color: e,
@@ -1735,10 +1787,10 @@ function ft(P = {}) {
             stroke: l,
             strokeWidth: 12,
             useRatingColor: !0,
-            color: c,
+            color: h,
             circle: {
               radius: 10,
-              stroke: a,
+              stroke: s,
               strokeWidth: 2,
               color: l
             }
@@ -1755,10 +1807,10 @@ function ft(P = {}) {
           color: e,
           formatter: null
         },
-        title: s
+        title: n
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       img: !0,
       fullscreen: !0,
@@ -1768,7 +1820,7 @@ function ft(P = {}) {
     translations: {
       base: "Base"
     }
-  }, ne = {
+  }, ie = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -1798,7 +1850,7 @@ function ft(P = {}) {
               // or 'arc'
               rounded: !0,
               inactiveColor: o,
-              activeColor: f,
+              activeColor: c,
               sizeRatio: 0.9,
               quantity: 100,
               // min: 12, max: 200
@@ -1831,17 +1883,17 @@ function ft(P = {}) {
             strokeWidth: 0
           }
         },
-        title: s
+        title: n
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       img: !0,
       fullscreen: !0,
       annotator: !0,
       svg: !0
     })
-  }, ie = {
+  }, ue = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -1871,7 +1923,7 @@ function ft(P = {}) {
           curved: !1,
           curveAngleX: 10,
           curveAngleY: 10,
-          activeColor: f,
+          activeColor: c,
           inactiveColor: o,
           ticks: {
             gradient: {
@@ -1883,7 +1935,7 @@ function ft(P = {}) {
         percentage: {
           show: !0,
           useGradientColor: !0,
-          color: f,
+          color: c,
           fontSize: t._16,
           bold: !0,
           rounding: 1,
@@ -1891,23 +1943,30 @@ function ft(P = {}) {
           horizontalPosition: m.LEFT,
           formatter: null
         },
-        title: s
+        title: n
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       img: !0,
       fullscreen: !0,
       annotator: !0,
       svg: !0
     })
-  }, ue = {
+  }, de = {
     debug: !1,
     // v3
     loading: !1,
     // v3
     theme: "",
     customPalette: [],
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     style: {
       fontFamily: "inherit",
       chart: {
@@ -2027,10 +2086,10 @@ function ft(P = {}) {
             suffix: ""
           },
           title: {
-            ...s,
+            ...n,
             offsetY: 0,
             subtitle: {
-              ...s.subtitle,
+              ...n.subtitle,
               offsetY: 0
             }
           }
@@ -2038,10 +2097,10 @@ function ft(P = {}) {
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       th: {
-        ...i,
+        ...u,
         translations: {
           rootName: "root name",
           rootValue: "root value",
@@ -2058,12 +2117,12 @@ function ft(P = {}) {
         }
       },
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       csv: !0,
       img: !0,
@@ -2077,7 +2136,7 @@ function ft(P = {}) {
       proportionToTree: "of grand total",
       of: "of"
     }
-  }, de = {
+  }, fe = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -2085,6 +2144,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -2117,10 +2183,10 @@ function ft(P = {}) {
             width: 0.62
           },
           labels: {
-            ...k,
+            ...w,
             show: !0,
             fontSize: t._14,
-            minFontSize: S,
+            minFontSize: _,
             // v3
             color: e,
             roundingValue: 0,
@@ -2137,10 +2203,10 @@ function ft(P = {}) {
             }
           }
         },
-        title: s,
+        title: n,
         legend: {
-          ...p,
-          ...k,
+          ...b,
+          ...w,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -2148,8 +2214,8 @@ function ft(P = {}) {
           position: "bottom"
         },
         tooltip: {
-          ...h,
-          ...k,
+          ...g,
+          ...w,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -2157,7 +2223,7 @@ function ft(P = {}) {
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -2168,11 +2234,11 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       },
@@ -2182,7 +2248,7 @@ function ft(P = {}) {
         serie: "Serie"
       }
     }
-  }, Y = {
+  }, B = {
     // v3 renamed to _horizontal_ (yet still works)
     skeletonDataset: null,
     skeletonConfig: null,
@@ -2197,6 +2263,13 @@ function ft(P = {}) {
     customPalette: [],
     useCssAnimation: !1,
     // v3 (v2 = true)
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       datapointEnter: null,
       datapointLeave: null,
@@ -2213,7 +2286,7 @@ function ft(P = {}) {
           bars: {
             rowColor: null,
             rowRadius: 4,
-            sort: J.DESC,
+            sort: ee.DESC,
             useStroke: !1,
             strokeWidth: 2,
             height: 32,
@@ -2263,7 +2336,7 @@ function ft(P = {}) {
             }
           },
           highlighter: {
-            color: a,
+            color: s,
             opacity: 5
           },
           separators: {
@@ -2273,9 +2346,9 @@ function ft(P = {}) {
             fullWidth: !0
           }
         },
-        title: s,
+        title: n,
         legend: {
-          ...p,
+          ...b,
           position: m.TOP,
           roundingValue: 0,
           roundingPercentage: 0,
@@ -2283,7 +2356,7 @@ function ft(P = {}) {
           suffix: ""
         },
         tooltip: {
-          ...h,
+          ...g,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -2293,7 +2366,7 @@ function ft(P = {}) {
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -2305,11 +2378,11 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0,
         prefix: "",
@@ -2323,7 +2396,7 @@ function ft(P = {}) {
       percentageToTotal: "%/total",
       percentageToSerie: "%/serie"
     }
-  }, fe = Y, ce = {
+  }, ce = B, he = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -2332,6 +2405,13 @@ function ft(P = {}) {
     // v3
     responsive: !1,
     // v3
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -2351,10 +2431,10 @@ function ft(P = {}) {
         // v3
         width: 1e3,
         // v3
-        padding: g([0, 0, 0, 0]),
+        padding: p([0, 0, 0, 0]),
         crosshairs: {
           show: !1,
-          stroke: a,
+          stroke: s,
           strokeWidth: 1,
           strokeDasharray: 0
         },
@@ -2395,14 +2475,14 @@ function ft(P = {}) {
             formatter: null
           },
           colors: {
-            hot: _,
-            cold: f,
+            hot: z,
+            cold: c,
             underlayer: l
           },
           spacing: 2,
           selected: {
             border: 4,
-            color: a
+            color: s
           }
         },
         dataLabels: {
@@ -2411,7 +2491,7 @@ function ft(P = {}) {
           xAxis: {
             show: !0,
             values: [],
-            datetimeFormatter: y,
+            datetimeFormatter: C,
             showOnlyAtModulo: null,
             rotation: 0,
             autoRotate: {
@@ -2430,7 +2510,7 @@ function ft(P = {}) {
           yAxis: {
             show: !0,
             values: [],
-            datetimeFormatter: y,
+            datetimeFormatter: C,
             fontSize: t._10,
             color: e,
             bold: !1,
@@ -2439,9 +2519,9 @@ function ft(P = {}) {
           }
         }
       },
-      title: s,
+      title: n,
       legend: {
-        ...p,
+        ...b,
         fontSize: t._12,
         roundingValue: 0,
         width: 24
@@ -2449,11 +2529,11 @@ function ft(P = {}) {
         // scaleBorderRadius: 18 // v3 deprecated
       },
       tooltip: {
-        ...h,
+        ...g,
         roundingValue: 0
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -2464,18 +2544,18 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       colNames: {
         xAxis: "X"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       }
     }
-  }, he = {
+  }, ge = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -2483,6 +2563,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       datapointEnter: null,
       // v3
@@ -2495,7 +2582,7 @@ function ft(P = {}) {
     customPalette: [],
     useCssAnimation: !1,
     // v2 = true
-    downsample: T,
+    downsample: D,
     usePerformanceMode: !1,
     style: {
       fontFamily: "inherit",
@@ -2504,7 +2591,7 @@ function ft(P = {}) {
       layout: {
         height: 316,
         width: 512,
-        padding: g([0, 0, 0, 0]),
+        padding: p([0, 0, 0, 0]),
         // v3 modification
         axis: {
           show: !0,
@@ -2516,7 +2603,7 @@ function ft(P = {}) {
           size: 40,
           tranches: 20,
           opacity: 0.6,
-          fill: a,
+          fill: s,
           strokeWidth: 1,
           offset: 20,
           borderRadius: 2,
@@ -2526,8 +2613,8 @@ function ft(P = {}) {
           highlighter: {
             show: !0,
             opacity: 0.1,
-            color: a,
-            stroke: a,
+            color: s,
+            stroke: s,
             strokeWidth: 0.5,
             strokeDasharray: 2,
             highlightBothAxes: !1
@@ -2556,7 +2643,7 @@ function ft(P = {}) {
           },
           selectors: {
             show: !0,
-            stroke: a,
+            stroke: s,
             strokeWidth: 0.7,
             strokeDasharray: 0,
             labels: {
@@ -2578,7 +2665,7 @@ function ft(P = {}) {
               radius: 1.5,
               stroke: l,
               strokeWidth: 0.5,
-              fill: a
+              fill: s
             }
           }
         },
@@ -2618,21 +2705,21 @@ function ft(P = {}) {
           }
         }
       },
-      title: s,
+      title: n,
       legend: {
-        ...p,
+        ...b,
         roundingValue: 0,
         position: "bottom"
       },
       tooltip: {
-        ...h,
+        ...g,
         roundingValue: 2,
         showShape: !0,
         prefix: "",
         suffix: ""
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -2643,11 +2730,11 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 2,
         roundingAverage: 1
       },
@@ -2658,7 +2745,7 @@ function ft(P = {}) {
         series: "Series"
       }
     }
-  }, ge = {
+  }, pe = {
     skeletonDataset: null,
     skeletonConfig: null,
     type: "candlestick",
@@ -2669,6 +2756,7 @@ function ft(P = {}) {
     // v3
     responsive: !1,
     responsiveProportionalSizing: !0,
+    a11y: a,
     events: {
       // v3
       datapointEnter: null,
@@ -2688,7 +2776,7 @@ function ft(P = {}) {
       height: 316,
       width: 512,
       layout: {
-        padding: g([0, 0, 0, 0]),
+        padding: p([0, 0, 0, 0]),
         selector: {
           color: o,
           opacity: 10
@@ -2727,7 +2815,7 @@ function ft(P = {}) {
                 angle: -30
                 // v3
               },
-              datetimeFormatter: y,
+              datetimeFormatter: C,
               showOnlyFirstAndLast: !1,
               showOnlyAtModulo: !1,
               modulo: 12
@@ -2752,21 +2840,21 @@ function ft(P = {}) {
           }
         },
         wick: {
-          stroke: a,
+          stroke: s,
           strokeWidth: 0.5,
           extremity: {
-            shape: C.LINE,
+            shape: v.LINE,
             size: "auto",
-            color: a
+            color: s
           }
         },
         candle: {
           borderRadius: 1,
-          stroke: a,
+          stroke: s,
           strokeWidth: 0.5,
           colors: {
-            bearish: _,
-            bullish: D
+            bearish: z,
+            bullish: O
           },
           gradient: {
             show: !0,
@@ -2776,8 +2864,8 @@ function ft(P = {}) {
         }
       },
       zoom: {
-        ...L,
-        minimap: O,
+        ...P,
+        minimap: F,
         preview: {
           enable: !0,
           fill: "#CCCCCC50",
@@ -2791,9 +2879,9 @@ function ft(P = {}) {
         customFormat: null
         // overrides all if callback => string
       },
-      title: s,
+      title: n,
       tooltip: {
-        ...h,
+        ...g,
         roundingValue: 0,
         prefix: "",
         suffix: "",
@@ -2811,7 +2899,7 @@ function ft(P = {}) {
       last: "Close",
       volume: "Volume"
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -2822,17 +2910,17 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
-      th: i,
+      ...f,
+      th: u,
       useDialog: !1,
       td: {
-        ...u,
+        ...d,
         roundingValue: 2,
         prefix: "",
         suffix: ""
       }
     }
-  }, pe = {
+  }, be = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -2841,8 +2929,13 @@ function ft(P = {}) {
     // v3
     theme: "",
     responsive: !1,
-    type: C.LINE,
-    downsample: T,
+    type: v.LINE,
+    downsample: D,
+    a11y: a,
+    translations: {
+      period: "period",
+      value: "value"
+    },
     // `gradientPath` creates multiple path segments to fake a gradient that follows the path
     // Only 2 colors are possible.
     // Could be considered 'experimental'
@@ -2876,13 +2969,13 @@ function ft(P = {}) {
         show: !0,
         animationFrames: 360
       },
-      padding: g([12, 12, 3, 0]),
+      padding: p([12, 12, 3, 0]),
       fontFamily: "inherit",
       backgroundColor: r,
       scaleMin: null,
       scaleMax: null,
       line: {
-        color: f,
+        color: c,
         strokeWidth: 3,
         smooth: !1,
         pulse: {
@@ -2902,10 +2995,10 @@ function ft(P = {}) {
       },
       bar: {
         borderRadius: 3,
-        color: f
+        color: c
       },
       zeroLine: {
-        color: a,
+        color: s,
         strokeWidth: 1
       },
       plot: {
@@ -2917,7 +3010,7 @@ function ft(P = {}) {
       verticalIndicator: {
         show: !0,
         strokeWidth: 1.5,
-        color: f,
+        color: c,
         strokeDasharray: 3
       },
       dataLabel: {
@@ -2933,7 +3026,7 @@ function ft(P = {}) {
         prefix: "",
         suffix: "",
         formatter: null,
-        datetimeFormatter: y
+        datetimeFormatter: C
         // v3
       },
       title: {
@@ -2951,7 +3044,7 @@ function ft(P = {}) {
         backgroundColor: r,
         offsetY: 0,
         borderWidth: 0,
-        borderColor: b,
+        borderColor: k,
         borderRadius: 2,
         backgroundOpacity: 100
       },
@@ -2959,7 +3052,7 @@ function ft(P = {}) {
         show: !0,
         useGradient: !0,
         opacity: 30,
-        color: f
+        color: c
       }
     }
   }, me = {
@@ -3026,7 +3119,7 @@ function ft(P = {}) {
         textAlign: m.LEFT,
         margin: "0 0 6px 0",
         subtitle: {
-          color: A,
+          color: T,
           text: "",
           fontSize: t._12,
           bold: !1
@@ -3034,7 +3127,7 @@ function ft(P = {}) {
       },
       gap: 4
     }
-  }, be = {
+  }, ke = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -3042,6 +3135,15 @@ function ft(P = {}) {
     loading: !1,
     // v3
     useCursorPointer: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        series: "Series",
+        percentage: "Percentage",
+        value: "Value"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -3093,20 +3195,20 @@ function ft(P = {}) {
         },
         selectAllToggle: {
           show: !1,
-          backgroundColor: b,
+          backgroundColor: k,
           color: e
         }
       },
       title: {
-        ...s,
+        ...n,
         textAlign: m.LEFT,
         margin: "0 0 6px 0"
       },
       tooltip: {
-        ...h
+        ...g
       }
     }
-  }, ke = {
+  }, we = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -3115,6 +3217,16 @@ function ft(P = {}) {
     // v3
     responsive: !1,
     // v3
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        series: "Series",
+        time: "Time",
+        value: "Value",
+        label: "Label"
+      }
+    },
     events: {
       datapointEnter: null,
       // v3
@@ -3134,14 +3246,14 @@ function ft(P = {}) {
       layout: {
         height: 96,
         width: 640,
-        padding: g([24, 0, 36, 0])
+        padding: p([24, 0, 36, 0])
       },
       bars: {
-        shape: C.SQUARE,
+        shape: v.SQUARE,
         strokeWidth: 0,
         colors: {
-          positive: f,
-          negative: _,
+          positive: c,
+          negative: z,
           gradient: {
             show: !0
           }
@@ -3153,7 +3265,7 @@ function ft(P = {}) {
         value: {
           show: !0,
           fontSize: t._14,
-          minFontSize: S,
+          minFontSize: _,
           // v3
           color: e,
           bold: !0,
@@ -3166,7 +3278,7 @@ function ft(P = {}) {
         valueLabel: {
           show: !0,
           fontSize: t._14,
-          minFontSize: S,
+          minFontSize: _,
           // v3
           color: e,
           bold: !1,
@@ -3175,14 +3287,14 @@ function ft(P = {}) {
         timeLabel: {
           show: !0,
           fontSize: t._12,
-          minFontSize: S,
+          minFontSize: _,
           // v3
           color: e,
           bold: !1
         }
       },
       selector: {
-        stroke: f,
+        stroke: c,
         fill: "#2D353C10",
         strokeWidth: 2,
         strokeDasharray: 0,
@@ -3195,7 +3307,7 @@ function ft(P = {}) {
         bold: !0,
         textAlign: m.LEFT,
         subtitle: {
-          color: A,
+          color: T,
           text: "",
           fontSize: t._12,
           bold: !1
@@ -3203,7 +3315,7 @@ function ft(P = {}) {
         margin: "0 0 6px 0"
       }
     }
-  }, we = {
+  }, ye = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -3240,21 +3352,21 @@ function ft(P = {}) {
         formatter: null
       },
       colors: {
-        min: _,
-        max: D,
+        min: z,
+        max: O,
         showGradient: !0
       },
       track: {
         autoColor: !0,
-        color: f,
-        strokeLinecap: C.ROUND
+        color: c,
+        strokeLinecap: v.ROUND
       },
       gutter: {
         color: o,
-        strokeLinecap: C.ROUND
+        strokeLinecap: v.ROUND
       }
     }
-  }, Ce = {
+  }, ve = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -3264,7 +3376,7 @@ function ft(P = {}) {
     responsive: !1,
     // v3
     theme: "",
-    downsample: T,
+    downsample: D,
     style: {
       fontFamily: "inherit",
       backgroundColor: r,
@@ -3275,10 +3387,10 @@ function ft(P = {}) {
         animationFrames: 20
       },
       line: {
-        stroke: a,
+        stroke: s,
         strokeWidth: 2,
-        strokeLinecap: C.ROUND,
-        strokeLinejoin: C.ROUND,
+        strokeLinecap: v.ROUND,
+        strokeLinejoin: v.ROUND,
         smooth: !0,
         useColorTrend: !0
       },
@@ -3308,20 +3420,21 @@ function ft(P = {}) {
       },
       arrow: {
         colors: {
-          positive: D,
-          neutral: F,
-          negative: _
+          positive: O,
+          neutral: R,
+          negative: z
         }
       },
-      padding: g([12, 12, 12, 82])
+      padding: p([12, 12, 12, 82])
     }
-  }, ye = {
+  }, Ce = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
     // v3
     loading: !1,
     // v3
+    a11y: a,
     events: {
       // v3
       datapointEnter: null,
@@ -3358,7 +3471,7 @@ function ft(P = {}) {
     donutTotalLabelOffsetY: 0,
     donutTotalLabelText: "Total",
     donutUseShadow: !1,
-    donutShadowColor: a,
+    donutShadowColor: s,
     fontFamily: "inherit",
     formatter: null,
     height: 338,
@@ -3367,7 +3480,7 @@ function ft(P = {}) {
     legendIconSize: t._12,
     legendPosition: "bottom",
     showLegendSelectAllToggle: !1,
-    legendSelectAllToggleBackgroundColor: b,
+    legendSelectAllToggleBackgroundColor: k,
     legendSelectAllToggleColor: e,
     lineAnimated: !0,
     lineSmooth: !0,
@@ -3422,7 +3535,7 @@ function ft(P = {}) {
     tooltipCustomFormat: null,
     tooltipBackgroundOpacity: 100,
     tooltipBorderRadius: 4,
-    tooltipBorderColor: R,
+    tooltipBorderColor: W,
     tooltipBorderWidth: 1,
     tooltipFontSize: t._14,
     tooltipPosition: m.CENTER,
@@ -3440,7 +3553,7 @@ function ft(P = {}) {
     xyAxisStrokeWidth: 1,
     xyGridStroke: o,
     xyGridStrokeWidth: 0.5,
-    xyHighlighterColor: a,
+    xyHighlighterColor: s,
     xyHighlighterOpacity: 0.05,
     xyLabelsXFontSize: t._10,
     xyLabelsYFontSize: t._12,
@@ -3457,7 +3570,7 @@ function ft(P = {}) {
       // v3
     },
     xyPeriods: [],
-    datetimeFormatter: y,
+    datetimeFormatter: C,
     xyPeriodsShowOnlyAtModulo: !1,
     xyPeriodsModulo: 12,
     xyScaleSegments: 15,
@@ -3466,8 +3579,8 @@ function ft(P = {}) {
     xyShowScale: !0,
     yAxisLabel: "",
     zoomXy: !0,
-    zoomColor: c,
-    zoomHighlightColor: W,
+    zoomColor: h,
+    zoomHighlightColor: V,
     zoomFontSize: t._14,
     zoomUseResetSlot: !1,
     zoomMinimap: M,
@@ -3478,7 +3591,7 @@ function ft(P = {}) {
     zoomFocusOnDrag: !1,
     zoomFocusRangeRatio: 0.2,
     zoomMaxWidth: null
-  }, ve = {
+  }, xe = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -3486,6 +3599,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -3503,7 +3623,7 @@ function ft(P = {}) {
       height: 500,
       width: 500,
       layout: {
-        padding: g([12, 12, 36, 12]),
+        padding: p([12, 12, 36, 12]),
         grid: {
           show: !0,
           stroke: o,
@@ -3553,10 +3673,10 @@ function ft(P = {}) {
           gap: 2,
           borderRadius: 2,
           left: {
-            color: _
+            color: z
           },
           right: {
-            color: f
+            color: c
           },
           gradient: {
             show: !0,
@@ -3567,12 +3687,12 @@ function ft(P = {}) {
         }
       },
       highlighter: {
-        color: a,
+        color: s,
         opacity: 5
       },
-      title: s,
+      title: n,
       tooltip: {
-        ...h,
+        ...g,
         roundingValue: 0
       }
     },
@@ -3583,7 +3703,7 @@ function ft(P = {}) {
       total: "total",
       year: "year"
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -3594,12 +3714,12 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
-      td: u
+      th: u,
+      td: d
     }
-  }, xe = {
+  }, Se = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -3607,6 +3727,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -3632,7 +3759,7 @@ function ft(P = {}) {
       labels: {
         color: e,
         fontSize: t._14,
-        minFontSize: S
+        minFontSize: _
         // v3
       },
       weightLabels: {
@@ -3649,25 +3776,25 @@ function ft(P = {}) {
       },
       circle: {
         radiusProportion: 0.2,
-        stroke: c,
+        stroke: h,
         strokeWidth: 1,
         offsetY: 0
       },
       plot: {
         radius: 3,
         useSerieColor: !0,
-        color: a
+        color: s
       },
-      title: s
+      title: n
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       img: !0,
       fullscreen: !0,
       annotator: !0,
       svg: !0
     })
-  }, Se = {
+  }, _e = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -3714,7 +3841,7 @@ function ft(P = {}) {
           show: !0,
           // v3
           fontSize: t._20,
-          minFontSize: S,
+          minFontSize: _,
           // v3
           rounding: 1,
           bold: !0,
@@ -3724,16 +3851,16 @@ function ft(P = {}) {
           formatter: null
         }
       },
-      title: s
+      title: n
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       img: !0,
       fullscreen: !0,
       annotator: !0,
       svg: !0
     })
-  }, _e = {
+  }, ze = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -3741,6 +3868,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       datapointEnter: null,
       // v3
@@ -3763,7 +3897,7 @@ function ft(P = {}) {
         layout: {
           labels: {
             dataLabels: {
-              ...k,
+              ...w,
               prefix: "",
               suffix: "",
               formatter: null,
@@ -3797,16 +3931,16 @@ function ft(P = {}) {
           }
         },
         legend: {
-          ...p,
+          ...b,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
           showPercentage: !0,
           position: "bottom"
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
+          ...g,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -3814,7 +3948,7 @@ function ft(P = {}) {
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -3826,21 +3960,21 @@ function ft(P = {}) {
       labels: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         value: "Value",
         percentage: "Percentage"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     }
-  }, ze = {
+  }, Le = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -3850,6 +3984,7 @@ function ft(P = {}) {
     responsive: !1,
     // v3
     theme: "",
+    a11y: a,
     events: {
       // v3
       datapointEnter: null,
@@ -3865,7 +4000,7 @@ function ft(P = {}) {
       chart: {
         backgroundColor: r,
         color: e,
-        zoom: L,
+        zoom: P,
         donuts: {
           hover: {
             hideLabelsUnderValue: 5
@@ -3880,39 +4015,39 @@ function ft(P = {}) {
             color: e
           },
           donutChart: {
-            ...v,
+            ...x,
             responsive: !0,
             userOptions: {
-              ...v.userOptions,
+              ...x.userOptions,
               buttons: {
-                ...v.userOptions.buttons,
+                ...x.userOptions.buttons,
                 pdf: !1
               }
             },
             style: {
-              ...v.style,
+              ...x.style,
               chart: {
-                ...v.style.chart,
+                ...x.style.chart,
                 layout: {
-                  ...v.style.chart.layout,
+                  ...x.style.chart.layout,
                   donut: {
-                    ...v.style.chart.layout.donut,
+                    ...x.style.chart.layout.donut,
                     strokeWidth: 64
                   },
                   labels: {
-                    ...v.style.chart.layout.labels,
+                    ...x.style.chart.layout.labels,
                     percentage: {
-                      ...v.style.chart.layout.labels.percentage,
+                      ...x.style.chart.layout.labels.percentage,
                       fontSize: 16
                     },
                     name: {
-                      ...v.style.chart.layout.labels.name,
+                      ...x.style.chart.layout.labels.name,
                       fontSize: 12
                     },
                     hollow: {
-                      ...v.style.chart.layout.labels.hollow,
+                      ...x.style.chart.layout.labels.hollow,
                       average: {
-                        ...v.style.chart.layout.labels.hollow.average,
+                        ...x.style.chart.layout.labels.hollow.average,
                         show: !1
                       }
                     }
@@ -3925,7 +4060,7 @@ function ft(P = {}) {
         layout: {
           height: 316,
           width: 512,
-          padding: g([5, 10, 5, 10]),
+          padding: p([5, 10, 5, 10]),
           grid: {
             show: !0,
             stroke: o,
@@ -3957,7 +4092,7 @@ function ft(P = {}) {
               dataLabels: {
                 show: !0,
                 values: [],
-                datetimeFormatter: y,
+                datetimeFormatter: C,
                 fontSize: t._10,
                 showOnlyFirstAndLast: !1,
                 color: e,
@@ -3975,11 +4110,11 @@ function ft(P = {}) {
           },
           line: {
             show: !0,
-            stroke: c,
+            stroke: h,
             strokeWidth: 4
           },
           highlighter: {
-            color: a,
+            color: s,
             opacity: 5
           },
           dataLabels: {
@@ -3994,9 +4129,9 @@ function ft(P = {}) {
             formatter: null
           }
         },
-        title: s,
+        title: n,
         legend: {
-          ...p,
+          ...b,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
@@ -4005,7 +4140,7 @@ function ft(P = {}) {
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       csv: !0,
       img: !0,
@@ -4015,20 +4150,20 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         period: "Period",
         total: "Total"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     }
-  }, Le = {
+  }, Pe = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -4037,6 +4172,13 @@ function ft(P = {}) {
     // v3
     responsive: !1,
     // v3
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       datapointEnter: null,
       // v3
@@ -4062,13 +4204,13 @@ function ft(P = {}) {
             strokeWidth: 1
           },
           dataPolygon: {
-            color: f,
+            color: c,
             opacity: 60,
             gradient: {
               show: !0,
               intensity: 1
             },
-            stroke: f,
+            stroke: c,
             strokeWidth: 0
           },
           smileys: {
@@ -4091,16 +4233,16 @@ function ft(P = {}) {
             formatter: null
           }
         },
-        title: s,
+        title: n,
         legend: {
-          ...p,
+          ...b,
           roundingValue: 0,
           roundingPercentage: 0,
           position: "bottom"
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       csv: !0,
       img: !0,
@@ -4110,21 +4252,21 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         value: "Value",
         percentage: "Percentage"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     }
-  }, Pe = {
+  }, Ae = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -4149,20 +4291,20 @@ function ft(P = {}) {
         color: e,
         nodes: {
           stroke: l,
-          strokeHovered: a
+          strokeHovered: s
         },
         links: {
-          stroke: c
+          stroke: h
         },
-        title: s,
-        tooltip: h,
+        title: n,
+        tooltip: g,
         zoom: {
           show: !0,
           speed: 1
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -4175,17 +4317,17 @@ function ft(P = {}) {
       zoom: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
-      td: u,
+      th: u,
+      td: d,
       translations: {
         nodeName: "Node name",
         details: "Details",
         ancestor: "Parent node"
       }
     }
-  }, Ae = {
+  }, Te = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -4198,6 +4340,13 @@ function ft(P = {}) {
     useCssAnimation: !1,
     // v3 (v2 = true)
     useBlurOnHover: !0,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -4217,7 +4366,7 @@ function ft(P = {}) {
       durationMs: 1e3,
       staggerMs: 50
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -4235,13 +4384,13 @@ function ft(P = {}) {
         color: e,
         useGradient: !0,
         gradientIntensity: 40,
-        padding: g([0, 0, 0, 0]),
+        padding: p([0, 0, 0, 0]),
         width: 512,
         height: 512,
         layout: {
           labels: {
             dataLabels: {
-              ...k,
+              ...w,
               show: !0,
               prefix: "",
               suffix: "",
@@ -4273,26 +4422,26 @@ function ft(P = {}) {
             borderWidth: 2,
             spacingRatio: 0.5,
             useShadow: !1,
-            shadowColor: a,
+            shadowColor: s,
             emptyFill: o,
             selectedColor: "#0000001A",
             borderColorAuto: !0,
-            borderColor: b
+            borderColor: k
           }
         },
         legend: {
-          ...p,
-          ...k,
+          ...b,
+          ...w,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
           showPercentage: !0,
           position: "bottom"
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
-          ...k,
+          ...g,
+          ...w,
           showAllItemsAtIndex: !0,
           showValue: !0,
           showPercentage: !0,
@@ -4302,21 +4451,21 @@ function ft(P = {}) {
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         value: "Value",
         percentage: "Percentage"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     }
-  }, Te = {
+  }, De = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -4325,6 +4474,13 @@ function ft(P = {}) {
     // v3
     responsive: !1,
     // v3
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -4362,7 +4518,7 @@ function ft(P = {}) {
           },
           labels: {
             dataLabels: {
-              ...k,
+              ...w,
               prefix: "",
               suffix: "",
               formatter: null
@@ -4370,16 +4526,16 @@ function ft(P = {}) {
           }
         },
         legend: {
-          ...p,
+          ...b,
           roundingValue: 0,
           roundingPercentage: 0,
           showValue: !0,
           showPercentage: !0,
           position: "bottom"
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
+          ...g,
           showValue: !0,
           showPercentage: !0,
           roundingValue: 0,
@@ -4387,7 +4543,7 @@ function ft(P = {}) {
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -4398,21 +4554,21 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         value: "Value",
         percentage: "Percentage"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     }
-  }, De = {
+  }, Oe = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -4420,6 +4576,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -4433,7 +4596,7 @@ function ft(P = {}) {
     theme: "",
     customPalette: [],
     useCssAnimation: !0,
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -4453,22 +4616,22 @@ function ft(P = {}) {
         width: 600,
         // v3
         // stripWidth: 120, v3 deprecated
-        padding: g([12, 12, 12, 12]),
+        padding: p([12, 12, 12, 12]),
         // v3 modified
         grid: {
           show: !0,
-          stroke: c,
+          stroke: h,
           strokeWidth: 1,
           scaleSteps: 10,
           horizontalGrid: {
             show: !0,
-            stroke: c,
+            stroke: h,
             strokeWidth: 0.5,
             strokeDasharray: 4
           },
           verticalGrid: {
             show: !0,
-            stroke: c,
+            stroke: h,
             strokeWidth: 0.5,
             strokeDasharray: 4
           }
@@ -4478,7 +4641,7 @@ function ft(P = {}) {
           radius: 20,
           stroke: l,
           strokeWidth: 1,
-          shape: C.CIRCLE,
+          shape: v.CIRCLE,
           gradient: {
             show: !0,
             intensity: 40
@@ -4527,27 +4690,27 @@ function ft(P = {}) {
             offsetX: 0
           }
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
+          ...g,
           roundingValue: 0
         }
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         value: "Value"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       }
     }
-  }, Oe = {
+  }, Fe = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -4555,6 +4718,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -4568,7 +4738,7 @@ function ft(P = {}) {
     useAnimation: !1,
     // v2 = true
     animationSpeed: 2,
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       csv: !0,
       img: !0,
@@ -4585,11 +4755,11 @@ function ft(P = {}) {
         width: 600,
         rowHeight: 48,
         // v3 modified
-        padding: g([12, 24, 12, 12]),
+        padding: p([12, 24, 12, 12]),
         // v3 modified
         plots: {
-          startColor: _,
-          endColor: f,
+          startColor: z,
+          endColor: c,
           evaluationColors: {
             // v3
             enable: !1,
@@ -4606,7 +4776,7 @@ function ft(P = {}) {
           strokeWidth: 1,
           link: {
             strokeWidth: 2,
-            type: C.CURVED
+            type: v.CURVED
           },
           gradient: {
             show: !0,
@@ -4622,13 +4792,13 @@ function ft(P = {}) {
           // V3
           horizontalGrid: {
             show: !0,
-            stroke: c,
+            stroke: h,
             strokeWidth: 0.5,
             strokeDasharray: 0
           },
           verticalGrid: {
             show: !0,
-            stroke: c,
+            stroke: h,
             strokeWidth: 0.5,
             strokeDasharray: 0
           }
@@ -4643,20 +4813,20 @@ function ft(P = {}) {
           // v3
           showRect: !0,
           // v3
-          rectColor: a,
+          rectColor: s,
           // v3
           rectOpacity: 5,
           // v3
           showLabel: !0,
           // v3
-          labelColor: a,
+          labelColor: s,
           // v3
           labelFontSize: t._12
           // v3
         },
         highlighter: {
           // v3
-          color: a,
+          color: s,
           // v3
           opacity: 5
           // v3
@@ -4730,7 +4900,7 @@ function ft(P = {}) {
           }
         },
         legend: {
-          ...p,
+          ...b,
           labelStart: "start",
           labelEnd: "end",
           labelPositive: "positive",
@@ -4741,11 +4911,11 @@ function ft(P = {}) {
           // v3
           position: "bottom"
         },
-        title: s
+        title: n
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
@@ -4753,14 +4923,14 @@ function ft(P = {}) {
         end: "End value",
         progression: "Progression"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     }
-  }, Fe = {
+  }, Re = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -4769,6 +4939,13 @@ function ft(P = {}) {
     // v3
     responsive: !1,
     // v3
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -4784,7 +4961,7 @@ function ft(P = {}) {
     // v3
     style: {
       fontFamily: "inherit",
-      shape: C.BAR,
+      shape: v.BAR,
       chart: {
         animation: {
           use: !0,
@@ -4794,13 +4971,13 @@ function ft(P = {}) {
         backgroundColor: r,
         color: e,
         bar: {
-          color: f,
-          stroke: f,
+          color: c,
+          stroke: c,
           strokeWidth: 0.7,
-          shadeColor: a
+          shadeColor: s
         },
         box: {
-          stroke: c,
+          stroke: h,
           strokeWidth: 0.7,
           strokeDasharray: 2,
           dimensions: {
@@ -4813,7 +4990,7 @@ function ft(P = {}) {
             perspective: 18
           }
         },
-        title: s,
+        title: n,
         legend: {
           showDefault: !0,
           fontSize: t._10,
@@ -4828,14 +5005,14 @@ function ft(P = {}) {
         dataLabel: {
           show: !0,
           bold: !0,
-          color: f,
+          color: c,
           fontSize: t._12,
           rounding: 1,
           formatter: null
         }
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       csv: !0,
       img: !0,
@@ -4845,21 +5022,21 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         value: "Value",
         percentage: "Percentage"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       }
     }
-  }, Re = {
+  }, We = {
     theme: "",
     customPalette: [],
     responsiveBreakpoint: 500,
@@ -4886,7 +5063,7 @@ function ft(P = {}) {
       useGradient: !0,
       showArea: !0,
       strokeWidth: 3,
-      type: C.LINE,
+      type: v.LINE,
       smooth: !0,
       dimensions: {
         width: 150,
@@ -4912,7 +5089,7 @@ function ft(P = {}) {
       textAlign: "center",
       backgroundColor: r,
       subtitle: {
-        color: A,
+        color: T,
         text: "",
         fontSize: t._16,
         bold: !1
@@ -4939,13 +5116,13 @@ function ft(P = {}) {
         fallback: o
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       csv: !0,
       img: !0,
       fullscreen: !0
     })
-  }, We = {
+  }, Ve = {
     theme: "",
     style: {
       fontFamily: "inherit",
@@ -4955,7 +5132,7 @@ function ft(P = {}) {
       heatmapColors: {
         useIndividualScale: !1,
         min: l,
-        max: f
+        max: c
       }
     },
     table: {
@@ -4970,13 +5147,13 @@ function ft(P = {}) {
         values: []
       }
     },
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       csv: !0,
       img: !0,
       fullscreen: !0
     })
-  }, Ve = {
+  }, Ee = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -4984,6 +5161,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -5000,7 +5184,7 @@ function ft(P = {}) {
     animationDelayMs: 20,
     strictPixelPadding: !0,
     // If true, strict per-pixel padding is used (dilateWordMask); if false, just rectangular bounding box (or pad).
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -5030,7 +5214,7 @@ function ft(P = {}) {
           buttonColor: o,
           color: e,
           fontSize: 14,
-          border: `1px solid ${b}`,
+          border: `1px solid ${k}`,
           padding: "0.5rem",
           borderRadius: "0.25rem"
         },
@@ -5045,29 +5229,29 @@ function ft(P = {}) {
           hoverOpacity: 0.5,
           selectedStroke: "transparent"
         },
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
+          ...g,
           roundingValue: 0
         }
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Word",
         value: "Value"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         prefix: "",
         suffix: ""
       }
     }
-  }, Ee = {
+  }, Ne = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -5075,10 +5259,11 @@ function ft(P = {}) {
     responsive: !1,
     theme: "",
     customPalette: [],
+    a11y: a,
     downsample: {
       threshold: 1e4
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -5104,7 +5289,7 @@ function ft(P = {}) {
           max: null
         },
         zoom: {
-          ...L,
+          ...P,
           minimap: M,
           preview: {
             // v3
@@ -5122,26 +5307,26 @@ function ft(P = {}) {
         },
         selector: {
           show: !0,
-          color: a,
+          color: s,
           dashed: !0,
           showHorizontalSelector: !1
         },
         tooltip: {
-          ...h,
+          ...g,
           showTimeLabel: !0,
           useDefaultTimeFormat: !0,
           timeFormat: "yyyy-MM-dd HH:mm:ss"
           // When datetimeFormatter is enabled and useDefaultFormat is false
         },
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         },
-        title: s,
+        title: n,
         grid: {
           y: {
             showAxis: !0,
-            axisColor: a,
+            axisColor: s,
             axisThickness: 2,
             axisName: "",
             axisLabels: {
@@ -5156,7 +5341,7 @@ function ft(P = {}) {
             },
             verticalLines: {
               show: !0,
-              color: c,
+              color: h,
               hideUnderXLength: 20,
               position: "middle"
               // 'start'
@@ -5164,12 +5349,12 @@ function ft(P = {}) {
           },
           x: {
             showAxis: !0,
-            axisColor: a,
+            axisColor: s,
             axisThickness: 2,
             axisName: "",
             horizontalLines: {
               show: !0,
-              color: c,
+              color: h,
               alternate: !0,
               opacity: 20
             },
@@ -5178,7 +5363,7 @@ function ft(P = {}) {
               showMarker: !0,
               fontSizeRatio: 0.8,
               values: [],
-              datetimeFormatter: y,
+              datetimeFormatter: C,
               rotation: 0,
               offsetY: 30,
               color: e,
@@ -5188,7 +5373,7 @@ function ft(P = {}) {
           },
           zeroLine: {
             show: !0,
-            color: a,
+            color: s,
             dashed: !0
           }
         },
@@ -5225,15 +5410,15 @@ function ft(P = {}) {
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       rounding: 1,
       columnNames: {
         period: "Period",
         total: "Total"
       },
-      th: i,
-      td: u
+      th: u,
+      td: d
     }
   }, Me = {
     skeletonDataset: null,
@@ -5244,6 +5429,13 @@ function ft(P = {}) {
     // v3
     responsive: !1,
     // v3
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -5255,7 +5447,7 @@ function ft(P = {}) {
     },
     theme: "",
     customPalette: [],
-    userOptions: n({
+    userOptions: i({
       pdf: !0,
       csv: !0,
       img: !0,
@@ -5276,11 +5468,11 @@ function ft(P = {}) {
         height: 600,
         // v3
         color: e,
-        padding: g([12, 12, 12, 12]),
+        padding: p([12, 12, 12, 12]),
         // v3 update
-        title: s,
+        title: n,
         tooltip: {
-          ...h,
+          ...g,
           showPercentage: !0,
           roundingPercentage: 0,
           translations: {
@@ -5290,7 +5482,7 @@ function ft(P = {}) {
           }
         },
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         },
         nodes: {
@@ -5325,17 +5517,17 @@ function ft(P = {}) {
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         source: "Source",
         target: "Target",
         value: "Value"
       },
-      th: i,
-      td: u
+      th: u,
+      td: d
     }
-  }, Ne = {
+  }, Ye = {
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -5343,6 +5535,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -5357,7 +5556,7 @@ function ft(P = {}) {
     useCssAnimation: !1,
     // v3
     customPalette: [],
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -5375,7 +5574,7 @@ function ft(P = {}) {
         color: e,
         height: 600,
         width: 1e3,
-        padding: g([0, 0, 0, 0]),
+        padding: p([0, 0, 0, 0]),
         comments: {
           show: !0,
           showInTooltip: !0,
@@ -5395,7 +5594,7 @@ function ft(P = {}) {
         },
         yAxis: {
           scaleTicks: 10,
-          stroke: a,
+          stroke: s,
           strokeWidth: 1,
           labels: {
             showAxisNames: !0,
@@ -5435,25 +5634,25 @@ function ft(P = {}) {
             }
           }
         },
-        title: s,
+        title: n,
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         },
-        tooltip: h
+        tooltip: g
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
         item: "Item"
       },
-      th: i,
-      td: u
+      th: u,
+      td: d
     }
-  }, Ye = {
+  }, Be = {
     type: "stopwatch",
     responsive: !1,
     responsiveProportionalSizing: !0,
@@ -5463,7 +5662,7 @@ function ft(P = {}) {
       backgroundColor: r,
       height: 300,
       width: 300,
-      title: s
+      title: n
     },
     stopwatch: {
       showHours: !1,
@@ -5479,7 +5678,7 @@ function ft(P = {}) {
         radiusRatio: 1,
         stroke: l,
         strokeWidth: 1,
-        fill: a,
+        fill: s,
         gradient: {
           show: !0,
           color: l
@@ -5487,14 +5686,14 @@ function ft(P = {}) {
         aura: {
           show: !0,
           radiusRatio: 1,
-          fill: a,
+          fill: s,
           stroke: l,
           strokeWidth: 0
         }
       },
       cycleTrack: {
         show: !0,
-        stroke: a,
+        stroke: s,
         strokeWidth: 3
       },
       label: {
@@ -5510,7 +5709,7 @@ function ft(P = {}) {
           reset: !0,
           restart: !0,
           lap: !0,
-          iconColor: a
+          iconColor: s
         },
         buttonTitles: {
           start: "Start",
@@ -5522,7 +5721,7 @@ function ft(P = {}) {
         }
       }
     }
-  }, Be = {
+  }, He = {
     bubbleEffect: !0,
     bubbleEffectColor: l,
     bubbleEffectOpacity: 0.1,
@@ -5530,15 +5729,15 @@ function ft(P = {}) {
     centerCircleDasharray: 0,
     centerCircleOpacity: 0,
     centerCircleRadius: 50,
-    centerCircleStroke: c,
+    centerCircleStroke: h,
     centerCircleStrokeWidth: 0.5,
-    coordinatesColor: c,
+    coordinatesColor: h,
     coordinatesFontSize: t._10,
     coordinatesOffset: 0,
     crosshairDasharray: 0,
-    crosshairStroke: c,
+    crosshairStroke: h,
     crosshairStrokeWidth: 0.5,
-    intersectCirclesFill: c,
+    intersectCirclesFill: h,
     intersectCirclesRadius: 2,
     isLoading: !1,
     parentId: "",
@@ -5547,7 +5746,7 @@ function ft(P = {}) {
     showCrosshair: !0,
     showIntersectCircles: !0,
     useWaveOnClick: !0
-  }, He = {
+  }, Ue = {
     open: !1,
     maxHeight: 2e3,
     useCursorPointer: !1,
@@ -5555,7 +5754,7 @@ function ft(P = {}) {
       useArrowSlot: !1,
       backgroundColor: r,
       color: e,
-      iconColor: f,
+      iconColor: c,
       iconSize: 20,
       icon: "arrowRight",
       padding: "12px 6px"
@@ -5583,7 +5782,7 @@ function ft(P = {}) {
     titleFontSize: t._16,
     useAnimation: !0,
     valueBold: !0,
-    valueColor: f,
+    valueColor: c,
     valueClass: "",
     valueCss: "",
     valueFontSize: t._32,
@@ -5598,28 +5797,28 @@ function ft(P = {}) {
   }, Xe = {
     type: "onion",
     onion: {
-      gutterColor: c,
+      gutterColor: h,
       gutterOpacity: 0.3,
       gutterBlur: 0,
       trackHueRotate: 20,
       trackBlur: 1,
-      trackColor: E
+      trackColor: N
     },
     line: {
-      gutterColor: c,
+      gutterColor: h,
       gutterOpacity: 0.3,
       gutterBlur: 0,
       trackHueRotate: 20,
       trackBlur: 1,
-      trackColor: E
+      trackColor: N
     },
     bar: {
-      gutterColor: c,
+      gutterColor: h,
       gutterOpacity: 0.3,
       gutterBlur: 0,
       trackHueRotate: 20,
       trackBlur: 1,
-      trackColor: E
+      trackColor: N
     }
   }, Ge = {
     readonly: !1,
@@ -5656,11 +5855,11 @@ function ft(P = {}) {
         useGradient: !0
       },
       title: {
-        ...s,
+        ...n,
         textAlign: m.CENTER,
         offsetY: 6,
         subtitle: {
-          ...s.subtitle,
+          ...n.subtitle,
           offsetY: 12
         }
       },
@@ -5681,15 +5880,15 @@ function ft(P = {}) {
         color: e,
         bold: !0,
         backgroundColor: r,
-        borderColor: b,
+        borderColor: k,
         borderRadius: 4,
         boxShadow: "0 6px 12px -6px rgba(0,0,0,0.2)",
         roundingValue: 0,
         formatter: null
       }
     }
-  }, Ue = {
-    type: C.STAR,
+  }, $e = {
+    type: v.STAR,
     readonly: !1,
     from: 1,
     to: 5,
@@ -5700,8 +5899,8 @@ function ft(P = {}) {
       itemSize: 32,
       backgroundColor: r,
       star: {
-        activeColor: N,
-        borderColor: N,
+        activeColor: Y,
+        borderColor: Y,
         borderWidth: 3,
         apexes: 5,
         inactiveColor: o,
@@ -5721,7 +5920,7 @@ function ft(P = {}) {
         offsetY: 6,
         subtitle: {
           fontSize: t._14,
-          color: c,
+          color: h,
           bold: !1,
           text: "",
           offsetY: 12
@@ -5744,14 +5943,14 @@ function ft(P = {}) {
         color: e,
         bold: !0,
         backgroundColor: r,
-        borderColor: b,
+        borderColor: k,
         borderRadius: 4,
         boxShadow: "0 6px 12px -6px rgba(0,0,0,0.2)",
         roundingValue: 0,
         formatter: null
       }
     }
-  }, $e = {
+  }, je = {
     alwaysVisible: !1,
     useCursorPointer: !1,
     style: {
@@ -5769,9 +5968,9 @@ function ft(P = {}) {
           color: e,
           border: "1px solid #262626",
           selected: {
-            backgroundColor: a,
-            color: V,
-            border: `1px solid ${b}`
+            backgroundColor: s,
+            color: E,
+            border: `1px solid ${k}`
           }
         },
         shapes: {
@@ -5781,14 +5980,14 @@ function ft(P = {}) {
           selected: {
             backgroundColor: e,
             color: r,
-            border: `1px solid ${b}`
+            border: `1px solid ${k}`
           }
         }
       },
       tooltips: {
-        backgroundColor: V,
+        backgroundColor: E,
         color: e,
-        border: `1px solid ${b}`,
+        border: `1px solid ${k}`,
         borderRadius: 6,
         boxShadow: "0 6px 12px -6px rgba(0,0,0,0.2)"
       }
@@ -5826,7 +6025,7 @@ function ft(P = {}) {
       tooltipShapeColor: "Color",
       tooltipImage: "Download PNG"
     }
-  }, je = {
+  }, qe = {
     locked: !1,
     style: {
       board: {
@@ -5837,7 +6036,7 @@ function ft(P = {}) {
       },
       item: {
         backgroundColor: r,
-        borderColor: b
+        borderColor: k
       },
       resizeHandles: {
         backgroundColor: e
@@ -5872,8 +6071,8 @@ function ft(P = {}) {
         filename: ""
       }
     }
-  }, qe = {
-    type: C.LINE,
+  }, Ze = {
+    type: v.LINE,
     style: {
       backgroundColor: r,
       color: e,
@@ -6059,14 +6258,14 @@ function ft(P = {}) {
         color: o
       }
     }
-  }, Ze = {
+  }, Ke = {
     fontFamily: "inherit",
     maxHeight: 500,
     rowsPerPage: 25,
     useCursorPointer: !1,
     style: {
       title: {
-        ...s,
+        ...n,
         backgroundColor: r
       },
       th: {
@@ -6074,7 +6273,7 @@ function ft(P = {}) {
         color: e,
         outline: `1px solid ${l}`,
         selected: {
-          backgroundColor: f,
+          backgroundColor: c,
           color: l
         },
         buttons: {
@@ -6084,14 +6283,14 @@ function ft(P = {}) {
               color: e
             },
             active: {
-              backgroundColor: f,
+              backgroundColor: c,
               color: l
             }
           },
           cancel: {
             inactive: {
               backgroundColor: o,
-              color: a
+              color: s
             },
             active: {
               backgroundColor: "#F17171",
@@ -6130,19 +6329,19 @@ function ft(P = {}) {
       inputs: {
         backgroundColor: r,
         color: e,
-        border: `1px solid ${b}`,
-        accentColor: f
+        border: `1px solid ${k}`,
+        accentColor: c
       },
       dropdowns: {
         backgroundColor: o,
         color: e,
         icons: {
           selected: {
-            color: D,
+            color: O,
             unicode: "✔"
           },
           unselected: {
-            color: _,
+            color: z,
             unicode: "✖"
           }
         }
@@ -6158,7 +6357,7 @@ function ft(P = {}) {
           opacityDisabled: 0.5
         },
         navigationIndicator: {
-          backgroundColor: f
+          backgroundColor: c
         }
       },
       exportMenu: {
@@ -6166,7 +6365,7 @@ function ft(P = {}) {
         backgroundColor: o,
         color: e,
         buttons: {
-          backgroundColor: V,
+          backgroundColor: E,
           color: e
         },
         filename: ""
@@ -6182,7 +6381,7 @@ function ft(P = {}) {
           color: e,
           buttons: {
             selected: {
-              backgroundColor: f,
+              backgroundColor: c,
               color: l
             },
             unselected: {
@@ -6198,16 +6397,16 @@ function ft(P = {}) {
             strokeWidth: 2
           },
           bar: {
-            fill: f,
+            fill: c,
             stroke: l
           },
           line: {
             smooth: !0,
             useArea: !1,
-            stroke: f,
+            stroke: c,
             strokeWidth: 4,
             plot: {
-              fill: f,
+              fill: c,
               stroke: l,
               // DEPRECATED
               strokeWidth: 1,
@@ -6230,7 +6429,7 @@ function ft(P = {}) {
             color: e
           },
           progression: {
-            stroke: a,
+            stroke: s,
             strokeWidth: 2,
             strokeDasharray: 4,
             arrowSize: 7
@@ -6240,7 +6439,7 @@ function ft(P = {}) {
             modulo: 12
           },
           datetimeFormatter: {
-            ...y,
+            ...C,
             enable: !0
           },
           zoom: {
@@ -6272,7 +6471,7 @@ function ft(P = {}) {
       xAxisLabels: "X axis labels"
     },
     useChart: !0
-  }, Ke = {
+  }, Qe = {
     height: "100%",
     width: null,
     backgroundColor: r,
@@ -6281,9 +6480,9 @@ function ft(P = {}) {
       skeletonColor: o,
       thickness: 1
     }
-  }, Qe = {
+  }, Je = {
     responsiveBreakpoint: 400,
-    userOptions: n({
+    userOptions: i({
       tooltip: !1,
       pdf: !0,
       csv: !0,
@@ -6308,11 +6507,11 @@ function ft(P = {}) {
     },
     border: {
       size: 0,
-      color: a
+      color: s
     },
     caption: {
       text: "",
-      padding: g([12, 12, 12, 12]),
+      padding: p([12, 12, 12, 12]),
       style: {
         backgroundColor: r,
         color: e,
@@ -6333,19 +6532,19 @@ function ft(P = {}) {
         height: 32,
         border: {
           size: 0,
-          color: a
+          color: s
         },
         style: {
           backgroundColor: r,
           color: e,
-          boxShadow: `0px 6px 12px -6px ${a}50`
+          boxShadow: `0px 6px 12px -6px ${s}50`
         },
         th: {
           border: {
             size: 0,
-            color: a
+            color: s
           },
-          padding: g([0, 12, 0, 0]),
+          padding: p([0, 12, 0, 0]),
           style: {
             borderSpacing: 0,
             border: "none",
@@ -6362,7 +6561,7 @@ function ft(P = {}) {
         height: 32,
         border: {
           size: 0,
-          color: a
+          color: s
         },
         style: {
           backgroundColor: r,
@@ -6373,9 +6572,9 @@ function ft(P = {}) {
           alternateOpacity: 0.5,
           border: {
             size: 0,
-            color: a
+            color: s
           },
-          padding: g([0, 12, 0, 0]),
+          padding: p([0, 12, 0, 0]),
           style: {
             fontVariantNumeric: "tabular-nums",
             textAlign: "right",
@@ -6384,7 +6583,12 @@ function ft(P = {}) {
         }
       }
     }
-  }, Je = {
+  }, et = {
+    a11y: {
+      translations: {
+        label: "Progress"
+      }
+    },
     skeletonConfig: null,
     skeletonDataset: null,
     debug: !1,
@@ -6394,15 +6598,15 @@ function ft(P = {}) {
     type: "battery",
     // battery | gauge
     size: 64,
-    stroke: c,
-    color: f,
+    stroke: h,
+    color: c,
     useGradient: !0,
     gradientColor: "#9db5ed",
     showPercentage: !0,
-    textColor: a,
+    textColor: s,
     fontFamily: "inherit",
     formatter: null
-  }, et = {
+  }, tt = {
     debug: !1,
     // v3
     loading: !1,
@@ -6410,7 +6614,7 @@ function ft(P = {}) {
     responsive: !1,
     // v3
     theme: "",
-    userOptions: n({
+    userOptions: i({
       tooltip: !1,
       pdf: !0,
       csv: !1,
@@ -6429,7 +6633,7 @@ function ft(P = {}) {
         color: e,
         height: 96,
         width: 600,
-        padding: g([24, 24, 24, 12]),
+        padding: p([24, 24, 24, 12]),
         animation: {
           show: !0,
           animationFrames: 60
@@ -6479,28 +6683,28 @@ function ft(P = {}) {
           }
         },
         title: {
-          ...s,
+          ...n,
           textAlign: m.LEFT,
           paddingLeft: 12
         },
         legend: {
-          ...p,
+          ...b,
           roundingValue: 0,
           position: "bottom"
         }
       }
     }
-  }, tt = {
+  }, ot = {
     theme: "",
     responsive: !1,
     responsiveProportionalSizing: !0,
     useCssAnimation: !0,
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0,
         roundingPercentage: 0
       },
@@ -6510,7 +6714,7 @@ function ft(P = {}) {
         percentage: "Percentage"
       }
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -6529,8 +6733,8 @@ function ft(P = {}) {
         color: e,
         width: 600,
         height: 500,
-        title: s,
-        padding: g([12, 128, 24, 24]),
+        title: n,
+        padding: p([12, 128, 24, 24]),
         barCircleSpacingRatio: 0.05,
         circles: {
           stroke: l,
@@ -6556,7 +6760,7 @@ function ft(P = {}) {
         },
         bars: {
           stroke: l,
-          defaultColor: f,
+          defaultColor: c,
           strokeWidth: 1,
           gapRatio: 0.2,
           borderRadius: 3,
@@ -6583,7 +6787,7 @@ function ft(P = {}) {
         }
       }
     }
-  }, ot = {
+  }, rt = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -6591,6 +6795,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -6605,7 +6816,7 @@ function ft(P = {}) {
     customPalette: [],
     useCssAnimation: !1,
     // v2 = true
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -6618,11 +6829,11 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       },
       columnNames: {
@@ -6639,7 +6850,7 @@ function ft(P = {}) {
         color: e,
         height: 500,
         width: 600,
-        padding: g([12, 12, 12, 12]),
+        padding: p([12, 12, 12, 12]),
         grid: {
           xAxis: {
             show: !0,
@@ -6751,22 +6962,29 @@ function ft(P = {}) {
           show: !0,
           strokeWidth: 1.6,
           useSerieColor: !0,
-          stroke: a
+          stroke: s
         },
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         },
-        title: s,
-        tooltip: h
+        title: n,
+        tooltip: g
       }
     }
-  }, rt = {
+  }, at = {
     debug: !1,
     // v3
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -6778,7 +6996,7 @@ function ft(P = {}) {
     },
     theme: "",
     customPalette: [],
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -6791,10 +7009,10 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
-      td: u,
+      th: u,
+      td: d,
       columnNames: {
         datapoint: "Datapoint",
         value: "Value"
@@ -6805,13 +7023,13 @@ function ft(P = {}) {
       chart: {
         backgroundColor: r,
         color: e,
-        title: s,
+        title: n,
         width: 512,
         height: 316,
         circles: {
           stroke: l,
           strokeWidth: 1,
-          selectedShadowColor: a,
+          selectedShadowColor: s,
           gradient: {
             show: !0,
             intensity: 40
@@ -6837,7 +7055,7 @@ function ft(P = {}) {
             }
           }
         },
-        tooltip: h
+        tooltip: g
       }
     }
   }, lt = {
@@ -6856,7 +7074,7 @@ function ft(P = {}) {
       datapointClick: null
       // v3
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !0,
@@ -6875,7 +7093,7 @@ function ft(P = {}) {
       chart: {
         backgroundColor: r,
         color: e,
-        padding: g([12, 12, 12, 12]),
+        padding: p([12, 12, 12, 12]),
         dataLabels: {
           prefix: "",
           suffix: "",
@@ -6897,7 +7115,7 @@ function ft(P = {}) {
             x: 0,
             y: 0
           },
-          waterColor: f
+          waterColor: c
         },
         territory: {
           stroke: "#666666",
@@ -6912,22 +7130,22 @@ function ft(P = {}) {
           showTaiwanAsPartOfChina: !1
         },
         tooltip: {
-          ...h,
+          ...g,
           showMinimap: !0
         },
-        title: s,
+        title: n,
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         }
       }
     },
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       },
       columnNames: {
@@ -6936,7 +7154,7 @@ function ft(P = {}) {
         category: "Category"
       }
     }
-  }, at = {
+  }, st = {
     skeletonDataset: null,
     skeletonConfig: null,
     debug: !1,
@@ -6944,6 +7162,13 @@ function ft(P = {}) {
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       // v3
       datapointEnter: null,
@@ -6957,7 +7182,7 @@ function ft(P = {}) {
     customPalette: [],
     useCssAnimation: !1,
     // v2 = true
-    userOptions: n({
+    userOptions: i({
       tooltip: !1,
       pdf: !0,
       csv: !0,
@@ -6970,11 +7195,11 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       },
       columnNames: {
@@ -6986,9 +7211,9 @@ function ft(P = {}) {
       chart: {
         backgroundColor: r,
         color: e,
-        padding: g([12, 0, 0, 12]),
-        title: s,
-        legend: p,
+        padding: p([12, 0, 0, 12]),
+        title: n,
+        legend: b,
         dialog: {
           show: !0,
           backgroundColor: r,
@@ -6998,34 +7223,34 @@ function ft(P = {}) {
             color: e
           },
           xyChart: {
-            ...x,
+            ...S,
             responsive: !0,
             line: {
-              ...x.line,
+              ...S.line,
               showTransition: !1,
               labels: {
-                ...x.line.labels,
+                ...S.line.labels,
                 show: !0
               }
             },
             chart: {
-              ...x.chart,
+              ...S.chart,
               tooltip: {
-                ...x.chart.tooltip,
+                ...S.chart.tooltip,
                 showPercentage: !1
               },
               userOptions: {
-                ...x.chart.userOptions,
+                ...S.chart.userOptions,
                 buttons: {
-                  ...x.chart.userOptions.buttons,
+                  ...S.chart.userOptions.buttons,
                   pdf: !1,
                   fullscreen: !1
                 }
               },
               zoom: {
-                ...x.chart.zoom,
+                ...S.chart.zoom,
                 minimap: {
-                  ...x.chart.zoom.minimap,
+                  ...S.chart.zoom.minimap,
                   show: !0
                 }
               }
@@ -7049,14 +7274,14 @@ function ft(P = {}) {
           maxPoint: {
             show: !0,
             adaptStrokeToBackground: !0,
-            stroke: a,
+            stroke: s,
             strokeWidth: 1,
             strokeDasharray: 4
           }
         },
         selector: {
           show: !0,
-          stroke: c,
+          stroke: h,
           strokeWidth: 1,
           strokeDasharray: 2,
           labels: {
@@ -7068,7 +7293,7 @@ function ft(P = {}) {
           dot: {
             radius: 4,
             useDatapointColor: !0,
-            fill: c,
+            fill: h,
             stroke: l,
             strokeWidth: 0.5
           }
@@ -7078,7 +7303,7 @@ function ft(P = {}) {
           strokeWidth: 1,
           strokeDasharray: 0,
           useSerieColor: !1,
-          stroke: c
+          stroke: h
         },
         xAxis: {
           labels: {
@@ -7093,7 +7318,7 @@ function ft(P = {}) {
               // v3
             },
             values: [],
-            datetimeFormatter: y,
+            datetimeFormatter: C,
             color: e,
             fontSize: 14,
             bold: !1,
@@ -7113,12 +7338,19 @@ function ft(P = {}) {
         }
       }
     }
-  }, st = {
+  }, nt = {
     debug: !1,
     // v3
     loading: !1,
     // v3
     responsive: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       datapointEnter: null,
       // v3
@@ -7133,7 +7365,7 @@ function ft(P = {}) {
     initialRotation: 0,
     useCssAnimation: !1,
     // v2 = true
-    userOptions: n({
+    userOptions: i({
       tooltip: !1,
       pdf: !0,
       csv: !0,
@@ -7146,10 +7378,10 @@ function ft(P = {}) {
       svg: !0
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
-      th: i,
-      td: u
+      th: u,
+      td: d
     },
     style: {
       fontFamily: "inherit",
@@ -7157,10 +7389,10 @@ function ft(P = {}) {
         backgroundColor: r,
         color: e,
         legend: {
-          ...p,
+          ...b,
           position: "bottom"
         },
-        title: s,
+        title: n,
         arcs: {
           innerRadiusRatio: 1,
           outerRadiusRatio: 1,
@@ -7198,7 +7430,7 @@ function ft(P = {}) {
             offset: 0,
             minSeparationDeg: 3,
             connector: {
-              stroke: a,
+              stroke: s,
               strokeWidth: 1
             },
             marker: {
@@ -7211,14 +7443,21 @@ function ft(P = {}) {
         }
       }
     }
-  }, nt = {
+  }, it = {
     skeletonConfig: null,
     skeletonDataset: null,
     loading: !1,
     debug: !1,
     responsive: !1,
     theme: "",
-    userOptions: n({
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
+    userOptions: i({
       tooltip: !1,
       pdf: !0,
       csv: !1,
@@ -7256,7 +7495,7 @@ function ft(P = {}) {
           align: void 0
         },
         nodes: {
-          stroke: c,
+          stroke: h,
           strokeWidth: 1,
           borderRadius: 3,
           backgroundColor: r,
@@ -7287,7 +7526,7 @@ function ft(P = {}) {
           }
         },
         edges: {
-          stroke: c,
+          stroke: h,
           strokeWidth: 1,
           animations: {
             dasharray: "2 6",
@@ -7297,7 +7536,7 @@ function ft(P = {}) {
         midpoints: {
           show: !1,
           radius: 4,
-          stroke: c,
+          stroke: h,
           fill: l,
           strokeWidth: 1,
           tooltip: {
@@ -7317,17 +7556,17 @@ function ft(P = {}) {
           buttonColor: o,
           color: e,
           fontSize: 14,
-          border: `1px solid ${b}`,
+          border: `1px solid ${k}`,
           padding: "0.5rem",
           borderRadius: "0.25rem"
         },
         zoom: {
           active: !0
         },
-        title: s
+        title: n
       }
     }
-  }, it = {
+  }, ut = {
     skeletonDataset: null,
     skeletonConfig: null,
     loading: !1,
@@ -7335,7 +7574,14 @@ function ft(P = {}) {
     responsive: !1,
     projection: "equirectangular",
     theme: "",
-    userOptions: n({
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
+    userOptions: i({
       tooltip: !0,
       pdf: !0,
       csv: !1,
@@ -7376,7 +7622,7 @@ function ft(P = {}) {
           hover: {
             enabledWhenEmpty: !1,
             fill: o,
-            stroke: c,
+            stroke: h,
             strokeWidth: 1.5
           }
         },
@@ -7384,7 +7630,7 @@ function ft(P = {}) {
           radius: 1,
           stroke: l,
           strokeWidth: 1,
-          fill: W,
+          fill: V,
           hoverRadiusRatio: 1.2,
           labels: {
             show: !0,
@@ -7400,18 +7646,18 @@ function ft(P = {}) {
           buttonColor: o,
           color: e,
           fontSize: 14,
-          border: `1px solid ${b}`,
+          border: `1px solid ${k}`,
           padding: "0.5rem",
           borderRadius: "0.25rem"
         },
-        title: s,
-        tooltip: h,
+        title: n,
+        tooltip: g,
         zoom: {
           active: !0
         }
       }
     }
-  }, ut = {
+  }, dt = {
     skeletonConfig: null,
     skeletonDataset: null,
     loading: !1,
@@ -7420,12 +7666,19 @@ function ft(P = {}) {
     theme: "",
     customPalette: [],
     useCssAnimation: !1,
+    a11y: {
+      ...a,
+      translations: {
+        ...a.translations,
+        keyboardNavigation: "Use the left and right, or up and down arrow keys to move between datapoints"
+      }
+    },
     events: {
       datapointEnter: null,
       datapointLeave: null,
       datapointClick: null
     },
-    userOptions: n({
+    userOptions: i({
       tooltip: !1,
       pdf: !0,
       csv: !0,
@@ -7441,7 +7694,7 @@ function ft(P = {}) {
       zoom: !1
     }),
     table: {
-      ...d,
+      ...f,
       useDialog: !1,
       columnNames: {
         series: "Series",
@@ -7449,9 +7702,9 @@ function ft(P = {}) {
         values: "Values",
         ranking: "Ranking"
       },
-      th: i,
+      th: u,
       td: {
-        ...u,
+        ...d,
         roundingValue: 0
       }
     },
@@ -7466,7 +7719,7 @@ function ft(P = {}) {
           timeLabels: {
             show: !0,
             values: [],
-            datetimeFormatter: y,
+            datetimeFormatter: C,
             offsetY: 0,
             rotation: 0,
             autoRotate: {
@@ -7516,84 +7769,84 @@ function ft(P = {}) {
             }
           }
         },
-        padding: g([12, 12, 12, 12]),
-        title: s
+        padding: p([12, 12, 12, 12]),
+        title: n
       }
     }
   };
   return {
-    vue_ui_xy: x,
-    vue_ui_donut: v,
-    vue_ui_treemap: oe,
-    vue_ui_waffle: re,
+    vue_ui_xy: S,
+    vue_ui_donut: x,
+    vue_ui_treemap: re,
+    vue_ui_waffle: ae,
     vue_ui_radar: le,
-    vue_ui_quadrant: ae,
-    vue_ui_gauge: se,
-    vue_ui_wheel: ne,
-    vue_ui_tiremarks: ie,
-    vue_ui_chestnut: ue,
-    vue_ui_onion: de,
-    vue_ui_vertical_bar: Y,
+    vue_ui_quadrant: se,
+    vue_ui_gauge: ne,
+    vue_ui_wheel: ie,
+    vue_ui_tiremarks: ue,
+    vue_ui_chestnut: de,
+    vue_ui_onion: fe,
+    vue_ui_vertical_bar: B,
     // deprecate in v4
-    vue_ui_horizontal_bar: fe,
+    vue_ui_horizontal_bar: ce,
     // v3
-    vue_ui_heatmap: ce,
-    vue_ui_scatter: he,
-    vue_ui_candlestick: ge,
-    vue_ui_sparkline: pe,
+    vue_ui_heatmap: he,
+    vue_ui_scatter: ge,
+    vue_ui_candlestick: pe,
+    vue_ui_sparkline: be,
     vue_ui_sparkbar: me,
-    vue_ui_sparkstackbar: be,
-    vue_ui_sparkhistogram: ke,
-    vue_ui_sparkgauge: we,
-    vue_ui_spark_trend: Ce,
-    vue_ui_quick_chart: ye,
-    vue_ui_age_pyramid: ve,
-    vue_ui_relation_circle: xe,
-    vue_ui_thermometer: Se,
-    vue_ui_rings: _e,
-    vue_ui_donut_evolution: ze,
-    vue_ui_mood_radar: Le,
-    vue_ui_molecule: Pe,
-    vue_ui_nested_donuts: Ae,
-    vue_ui_galaxy: Te,
-    vue_ui_strip_plot: De,
-    vue_ui_dumbbell: Oe,
-    vue_ui_3d_bar: Fe,
-    vue_ui_table_sparkline: Re,
-    vue_ui_table_heatmap: We,
-    vue_ui_word_cloud: Ve,
-    vue_ui_xy_canvas: Ee,
+    vue_ui_sparkstackbar: ke,
+    vue_ui_sparkhistogram: we,
+    vue_ui_sparkgauge: ye,
+    vue_ui_spark_trend: ve,
+    vue_ui_quick_chart: Ce,
+    vue_ui_age_pyramid: xe,
+    vue_ui_relation_circle: Se,
+    vue_ui_thermometer: _e,
+    vue_ui_rings: ze,
+    vue_ui_donut_evolution: Le,
+    vue_ui_mood_radar: Pe,
+    vue_ui_molecule: Ae,
+    vue_ui_nested_donuts: Te,
+    vue_ui_galaxy: De,
+    vue_ui_strip_plot: Oe,
+    vue_ui_dumbbell: Fe,
+    vue_ui_3d_bar: Re,
+    vue_ui_table_sparkline: We,
+    vue_ui_table_heatmap: Ve,
+    vue_ui_word_cloud: Ee,
+    vue_ui_xy_canvas: Ne,
     vue_ui_flow: Me,
-    vue_ui_parallel_coordinate_plot: Ne,
-    vue_ui_timer: Ye,
-    vue_ui_carousel_table: Qe,
-    vue_ui_gizmo: Je,
-    vue_ui_stackbar: te,
-    vue_ui_bullet: et,
-    vue_ui_funnel: tt,
-    vue_ui_history_plot: ot,
+    vue_ui_parallel_coordinate_plot: Ye,
+    vue_ui_timer: Be,
+    vue_ui_carousel_table: Je,
+    vue_ui_gizmo: et,
+    vue_ui_stackbar: oe,
+    vue_ui_bullet: tt,
+    vue_ui_funnel: ot,
+    vue_ui_history_plot: rt,
     vue_ui_world: lt,
-    vue_ui_ridgeline: at,
-    vue_ui_chord: st,
-    vue_ui_stackline: ee,
-    vue_ui_dag: nt,
-    vue_ui_geo: it,
-    vue_ui_bump: ut,
+    vue_ui_ridgeline: st,
+    vue_ui_chord: nt,
+    vue_ui_stackline: te,
+    vue_ui_dag: it,
+    vue_ui_geo: ut,
+    vue_ui_bump: dt,
     // non chart components
-    vue_ui_cursor: Be,
-    vue_ui_accordion: He,
+    vue_ui_cursor: He,
+    vue_ui_accordion: Ue,
     vue_ui_kpi: Ie,
     vue_ui_mini_loader: Xe,
     vue_ui_smiley: Ge,
-    vue_ui_rating: Ue,
-    vue_ui_annotator: $e,
-    vue_ui_dashboard: je,
-    vue_ui_skeleton: qe,
-    vue_ui_table: Ze,
-    vue_ui_digits: Ke,
-    vue_ui_circle_pack: rt
+    vue_ui_rating: $e,
+    vue_ui_annotator: je,
+    vue_ui_dashboard: qe,
+    vue_ui_skeleton: Ze,
+    vue_ui_table: Ke,
+    vue_ui_digits: Qe,
+    vue_ui_circle_pack: at
   };
 }
 export {
-  ft as u
+  ct as u
 };