@kong-ui-public/analytics-chart 10.13.4 → 10.13.5

package/dist/vitals-chart.es.js

@@ -1,7 +1,7 @@
 var hm = Object.defineProperty;
 var fm = (n, t, e) => t in n ? hm(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var E = (n, t, e) => fm(n, typeof t != "symbol" ? t + "" : t, e);
-import { computed as L, getCurrentInstance as ec, onUnmounted as ni, shallowRef as Ge, onMounted as ii, onBeforeUnmount as Ah, watch as ce, inject as nr, nextTick as Rh, isRef as gm, toRefs as mm, customRef as pm, toValue as Kt, getCurrentScope as ym, onScopeDispose as bm, ref as Vt, unref as V, watchEffect as jc, defineComponent as de, createElementBlock as rt, openBlock as j, createElementVNode as ot, toDisplayString as ht, createVNode as Zt, Fragment as xi, renderList as Zi, normalizeClass as sn, createCommentVNode as Yt, normalizeStyle as Mi, createBlock as Rt, resolveComponent as Re, createSlots as Ih, withCtx as zt, useTemplateRef as Ki, reactive as ir, toRef as Lt, Teleport as Lh, h as _l, toRaw as vl, version as _m, isProxy as Nh, provide as Uc, createTextVNode as Be, resolveDynamicComponent as vm, renderSlot as sr, withKeys as xm } from "vue";
+import { computed as L, getCurrentInstance as ec, onUnmounted as ni, shallowRef as Ge, onMounted as ii, onBeforeUnmount as Ah, watch as ce, inject as nr, nextTick as Rh, isRef as gm, toRefs as mm, customRef as pm, toValue as Kt, getCurrentScope as ym, onScopeDispose as bm, ref as Vt, unref as V, watchEffect as jc, defineComponent as de, createElementBlock as rt, openBlock as j, createElementVNode as at, toDisplayString as ht, createVNode as Zt, Fragment as xi, renderList as Zi, normalizeClass as sn, createCommentVNode as Yt, normalizeStyle as Mi, createBlock as Rt, resolveComponent as Re, createSlots as Ih, withCtx as zt, useTemplateRef as Ki, reactive as ir, toRef as Lt, Teleport as Lh, h as _l, toRaw as vl, version as _m, isProxy as Nh, provide as Uc, createTextVNode as Be, resolveDynamicComponent as vm, renderSlot as sr, withKeys as xm } from "vue";
 import { createI18n as wm, i18nTComponent as Mm } from "@kong-ui-public/i18n";
 import { CloseIcon as Sm, DragIcon as Tm, WarningIcon as Dm, EqualIcon as km, InfoIcon as Cm } from "@kong/icons";
 import { calculateChange as Om, changePolarity as Pm, defineIcon as Em, metricChange as Am, useTrendRange as Rm } from "@kong-ui-public/analytics-metric-provider";
@@ -14694,7 +14694,7 @@ Oa.exports;
   function Tt(v, I) {
     return v == null ? void 0 : v[I];
   }
-  function at(v) {
+  function ot(v) {
     var I = !1;
     if (v != null && typeof v.toString != "function")
       try {
@@ -14872,7 +14872,7 @@ Oa.exports;
       if (Ir(v))
         return bo(v, I);
       if (Nn == g || Nn == r || zr && !re) {
-        if (at(v))
+        if (ot(v))
           return re ? v : {};
         if (oe = Ar(zr ? {} : v), !I)
           return To(v, fo(oe, v));
@@ -14905,7 +14905,7 @@ Oa.exports;
   function Li(v) {
     if (!_n(v) || Po(v))
       return !1;
-    var I = xs(v) || at(v) ? $t : dt;
+    var I = xs(v) || ot(v) ? $t : dt;
     return I.test(ye(v));
   }
   function yo(v) {
@@ -15594,7 +15594,7 @@ const bg = (n, t, e) => {
     value: t && t[s.text],
     isSegmentEmpty: i.datasets[r].isSegmentEmpty
   })).sort(e);
-}, sP = 2, aS = 10, oS = 12, $l = 10, Hd = "#6c7489", lS = "#d60027", cS = "#ad000e", Cc = "#6c7489", Bd = "#52596e", uS = "#007d60", dS = "#995c00", hS = "#ffc400", dr = "16px", fS = "20px", gS = "'Inter', Roboto, Helvetica, sans-serif", Wd = {
+}, rP = 2, aS = 10, oS = 12, $l = 10, Hd = "#6c7489", lS = "#d60027", cS = "#ad000e", Cc = "#6c7489", Bd = "#52596e", uS = "#007d60", dS = "#995c00", hS = "#ffc400", dr = "16px", fS = "20px", gS = "'Inter', Roboto, Helvetica, sans-serif", Wd = {
   "1XXCount|1XX|1[0-9][0-9]": { solid: "#0072E5", light: "#4DA6FF", description: "Informational" },
   "SuccessfulRequests|2XXCount|2XX|2[0-9][0-9]|SUCCESS": { solid: "#0BB652", light: "#6FCC83", description: "Success" },
   "3XXCount|3XX|3[0-9][0-9]": { solid: "#FDC53B", light: "#FFD982", description: "Redirection" },
@@ -15629,21 +15629,21 @@ const bg = (n, t, e) => {
   300: { background: "#fff1d5", text: "#a06027" },
   400: { background: "#fee3b6", text: "#944d19" },
   500: { background: "#fedada", text: "#852021" }
-}, rP = (n) => {
+}, aP = (n) => {
   var e;
   const t = Math.floor(parseInt(n, 10) / 100) * 100;
   return ((e = yS[t]) == null ? void 0 : e.background) || "#fafafa";
-}, aP = {
+}, oP = {
   SUCCESS: "#6FCC83",
   FAILURE: "#FF8484"
-}, oP = {
+}, lP = {
   "4XX": "#FFBA81",
   "5XX": "#FF8484"
-}, lP = {
+}, cP = {
   LatencyP99: "#1356cb",
   LatencyP95: "#1fbecd",
   LatencyP50: "#1df97d"
-}, cP = "#dad4c7", bS = "#afb7c5", uP = (n) => {
+}, uP = "#dad4c7", bS = "#afb7c5", dP = (n) => {
   const t = Object.entries(Wd).find(([e]) => new RegExp(e).test(n));
   return t && t[1] || Wd.standard;
 }, _g = (n, t, e, i) => {
@@ -15729,7 +15729,7 @@ const bg = (n, t, e) => {
 ]), vg = (n) => {
   const t = parseInt(n, 10), e = Math.floor(t / 100) * 100, i = kS.get(e);
   return i === void 0 ? $d : i.get(t) ?? i.get(-1) ?? $d;
-}, dP = (n) => {
+}, hP = (n) => {
   const t = vg(n);
   return { solid: t, light: t };
 }, CS = Array.from({ length: 500 }, (n, t) => 100 + t), ol = {
@@ -16246,7 +16246,7 @@ const aT = ({
   timezone: e,
   tooltipMap: rT,
   defaultFormat: "MMM dd, yyyy h:mm:ss a"
-}), hP = (n) => {
+}), fP = (n) => {
   var e, i, s, r, a;
   const { i18n: t } = _t.useI18n();
   return (n == null ? void 0 : n.status) === 403 ? {
@@ -18943,11 +18943,11 @@ const gk = { class: "zoom-timerange-container" }, mk = { class: "zoom-timerange-
     return ce(() => [t.start, t.end], ([a, o]) => {
       r(a, o);
     }, { immediate: !0 }), (a, o) => (j(), rt("div", gk, [
-      ot("div", mk, [
-        ot("div", pk, ht(V(e).t("zoom_time_range.from")), 1),
-        ot("div", null, ht(i.value), 1),
-        ot("div", yk, ht(V(e).t("zoom_time_range.to")), 1),
-        ot("div", null, ht(s.value), 1)
+      at("div", mk, [
+        at("div", pk, ht(V(e).t("zoom_time_range.from")), 1),
+        at("div", null, ht(i.value), 1),
+        at("div", yk, ht(V(e).t("zoom_time_range.to")), 1),
+        at("div", null, ht(s.value), 1)
       ])
     ]));
   }
@@ -18969,7 +18969,7 @@ const gk = { class: "zoom-timerange-container" }, mk = { class: "zoom-timerange-
       r.action && (r.action(e.newTimeRange), i("onAction"));
     };
     return (r, a) => (j(), rt("div", _k, [
-      ot("div", vk, [
+      at("div", vk, [
         Zt(Jg, {
           end: n.newTimeRange.end,
           granularity: n.granularity,
@@ -18982,8 +18982,8 @@ const gk = { class: "zoom-timerange-container" }, mk = { class: "zoom-timerange-
           onClick: a[0] || (a[0] = (o) => r.$emit("onAction"))
         }, null, 8, ["color", "size"])
       ]),
-      a[2] || (a[2] = ot("div", { class: "zoom-actions-heading-divider" }, null, -1)),
-      ot("div", xk, [
+      a[2] || (a[2] = at("div", { class: "zoom-actions-heading-divider" }, null, -1)),
+      at("div", xk, [
         (j(!0), rt(xi, null, Zi(n.zoomActionItems, (o) => (j(), rt("div", {
           key: o.key,
           class: sn(["zoom-action-item", { disabled: o.disabled }]),
@@ -19060,9 +19060,9 @@ const gk = { class: "zoom-timerange-container" }, mk = { class: "zoom-timerange-
           "zoom-action-items": n.zoomActionItems,
           onOnAction: g[0] || (g[0] = (x) => e("onAction"))
         }, null, 8, ["granularity", "new-time-range", "zoom-action-items"])) : (j(), rt("div", kk, [
-          ot("div", Ck, [
-            ot("div", Ok, [
-              ot("div", null, ht(n.tooltipTitle), 1),
+          at("div", Ck, [
+            at("div", Ok, [
+              at("div", null, ht(n.tooltipTitle), 1),
               h.value ? (j(), Rt(V(Tm), {
                 key: 0,
                 class: "drag-icon",
@@ -19071,23 +19071,23 @@ const gk = { class: "zoom-timerange-container" }, mk = { class: "zoom-timerange-
               }, null, 8, ["color", "size"])) : Yt("", !0)
             ]),
             u.value || d.value ? (j(), rt("div", Pk, [
-              ot("div", Ek, ht(u.value), 1),
-              ot("div", Ak, ht(d.value), 1)
+              at("div", Ek, ht(u.value), 1),
+              at("div", Ak, ht(d.value), 1)
             ])) : Yt("", !0)
           ]),
-          ot("ul", Rk, [
+          at("ul", Rk, [
             (j(!0), rt(xi, null, Zi(n.state.tooltipSeries, ({ backgroundColor: x, borderColor: w, label: M, value: T, isSegmentEmpty: P }, O) => (j(), rt(xi, {
               key: M + O
             }, [
               n.state.tooltipSeries.length ? (j(), rt("li", Ik, [
-                ot("div", {
+                at("div", {
                   class: "square-marker",
                   style: Mi({ background: x, "border-color": w })
                 }, null, 4),
-                ot("span", {
+                at("span", {
                   class: sn(["display-label", { empty: P }])
                 }, ht(M), 3),
-                ot("span", Lk, ht(T), 1)
+                at("span", Lk, ht(T), 1)
               ])) : Yt("", !0)
             ], 64))), 128))
           ])
@@ -19138,17 +19138,17 @@ const gk = { class: "zoom-timerange-container" }, mk = { class: "zoom-timerange-
           key: h,
           onClick: (x) => r(f, g)
         }, [
-          ot("div", {
+          at("div", {
             class: "square-marker",
             style: Mi({ background: u, "border-color": d })
           }, null, 4),
           Zt(c, null, Ih({
             default: zt(() => [
-              ot("div", {
+              at("div", {
                 class: sn(["label-container", { "strike-through": !a(f, g) }]),
                 title: b && V(i) ? `${h}: ${b.formatted}` : h
               }, [
-                ot("div", Bk, ht(h), 1),
+                at("div", Bk, ht(h), 1),
                 b && V(i) ? (j(), rt("div", Wk, ht(b.formatted), 1)) : Yt("", !0)
               ], 10, Hk)
             ]),
@@ -19157,7 +19157,7 @@ const gk = { class: "zoom-timerange-container" }, mk = { class: "zoom-timerange-
             _ ? {
               name: "content",
               fn: zt(() => [
-                ot("div", Yk, ht(V(e).t("emptyEntityInfo")), 1)
+                at("div", Yk, ht(V(e).t("emptyEntityInfo")), 1)
               ]),
               key: "0"
             } : void 0
@@ -19257,8 +19257,8 @@ const Xk = ["id"], Gk = ["id"], Kk = { class: "axis-tooltip-content" }, Zk = "10
       const K = Y.data, Q = (J = K.labels) == null ? void 0 : J.indexOf(B);
       return K.datasets.reduce((Z, bt, Tt) => {
         if (Y.isDatasetVisible(Tt)) {
-          const at = bt.data[Q];
-          return isNaN(at) ? Z : Z + at;
+          const ot = bt.data[Q];
+          return isNaN(ot) ? Z : Z + ot;
         } else
           return Z;
       }, 0);
@@ -19267,18 +19267,18 @@ const Xk = ["id"], Gk = ["id"], Kk = { class: "axis-tooltip-content" }, Zk = "10
       B === null && (B = e.t("entityNoName"));
       const Z = {
         type: "label",
-        yValue: (at) => J ? B : c(at, B),
-        xValue: (at) => J ? c(at, B) : B
+        yValue: (ot) => J ? B : c(ot, B),
+        xValue: (ot) => J ? c(ot, B) : B
       }, bt = {
         ...Z,
         position: J ? { x: "start", y: "center" } : { x: "center", y: "end" },
         yAdjust: () => J ? 0 : -Math.abs(MS()),
-        content: (at) => Yd(c(at, B), K)
+        content: (ot) => Yd(c(ot, B), K)
       }, Tt = {
         ...Z,
-        content: (at) => TS(c(at, B), SS(at.chart, Y)),
+        content: (ot) => TS(c(ot, B), SS(ot.chart, Y)),
         position: J ? { x: "start", y: "center" } : { x: "center", y: "end" },
-        xAdjust: (at) => J ? wS(Yd(c(at, B), K)) : 0,
+        xAdjust: (ot) => J ? wS(Yd(c(ot, B), K)) : 0,
         color: pS
       };
       return {
@@ -19339,7 +19339,7 @@ const Xk = ["id"], Gk = ["id"], Kk = { class: "axis-tooltip-content" }, Zk = "10
         afterEvent(Y, B) {
           var K;
           if (x.show = !1, B.event.type === "mousemove") {
-            const Q = B.event, J = Y.options.indexAxis, Z = Y.scales, bt = Y.scales[J].getLabelForValue(Number(Y.scales[J].getValueForPixel(Q[J]))), at = Y.scales[J].getLabels().indexOf(bt), wt = (K = t.chartData.isLabelEmpty) == null ? void 0 : K[at];
+            const Q = B.event, J = Y.options.indexAxis, Z = Y.scales, bt = Y.scales[J].getLabelForValue(Number(Y.scales[J].getValueForPixel(Q[J]))), ot = Y.scales[J].getLabels().indexOf(bt), wt = (K = t.chartData.isLabelEmpty) == null ? void 0 : K[ot];
             if (((ne) => ne === "x" ? Q.y > Z.x.top : Q.x < Z.y.right)(J)) {
               T.interactionMode !== "interactive" && (T.showTooltip = !1);
               const ut = Y.canvas.getContext("2d").measureText(bt).width, Dt = Math.abs(Math.round(Q.x - ut * 0.5)), he = Math.round(Q.x + ut * 0.5), pe = Y.canvas.getBoundingClientRect(), ie = 40;
@@ -19437,22 +19437,22 @@ const Xk = ["id"], Gk = ["id"], Kk = { class: "axis-tooltip-content" }, Zk = "10
       ref: "chartParent",
       class: sn(["chart-parent", G[V(_)]])
     }, [
-      ot("canvas", {
+      at("canvas", {
         id: V(s),
         ref: "axis",
         class: "axis"
       }, null, 8, Xk),
-      ot("div", {
+      at("div", {
         ref: "chartContainer",
         class: "chart-container",
         onClick: B[0] || (B[0] = (K) => Mt()),
         onScroll: U
       }, [
-        ot("div", {
+        at("div", {
           class: "chart-body",
           style: Mi({ width: $.value, height: dt.value })
         }, [
-          ot("canvas", {
+          at("canvas", {
             id: V(r),
             ref: "canvas",
             class: "chart-canvas"
@@ -19466,7 +19466,7 @@ const Xk = ["id"], Gk = ["id"], Kk = { class: "axis-tooltip-content" }, Zk = "10
           style: Mi({ top: x.top, left: x.left }),
           width: "auto"
         }, [
-          ot("div", Kk, ht(x.text), 1)
+          at("div", Kk, ht(x.text), 1)
         ], 4)) : Yt("", !0),
         Zt(Ga, {
           "absolute-left": V(P),
@@ -19824,7 +19824,7 @@ const sm = /* @__PURE__ */ Bc("bar", Xs), rm = /* @__PURE__ */ Bc("doughnut", On
       class: sn(["chart-parent", _(n.legendPosition)]),
       "data-testid": "donut-chart-parent"
     }, [
-      ot("div", mC, [
+      at("div", mC, [
         Zt(V(rm), {
           ref_key: "chartInstance",
           ref: b,
@@ -20000,15 +20000,15 @@ class wC {
     this._clearSelectionArea = !0, this._chart && this._chart.update();
   }
 }
-const fP = ["hidden", "single", "full"];
+const gP = ["hidden", "single", "full"];
 var Gi = /* @__PURE__ */ ((n) => (n.String = "string", n.Number = "number", n.Boolean = "boolean", n.Object = "object", n.Undefined = "undefined", n))(Gi || {});
-const gP = [
+const mP = [
   "donut",
   "horizontal_bar",
   "vertical_bar",
   "timeseries_line",
   "timeseries_bar"
-], mP = [
+], pP = [
   "gauge",
   "top_n",
   "single_value"
@@ -20259,7 +20259,7 @@ const OC = /* @__PURE__ */ de({
       class: sn(["chart-parent", C(V(g))]),
       "data-testid": "line-chart-parent"
     }, [
-      ot("div", {
+      at("div", {
         class: "chart-container",
         onClick: G[0] || (G[0] = (et) => tt())
       }, [
@@ -20428,7 +20428,7 @@ const OC = /* @__PURE__ */ de({
             placement: "right"
           }, {
             content: zt(() => [
-              ot("div", AC, ht(f.value), 1)
+              at("div", AC, ht(f.value), 1)
             ]),
             default: zt(() => [
               Zt(V(Dm), {
@@ -20507,7 +20507,7 @@ const OC = /* @__PURE__ */ de({
       ], 2);
     };
   }
-}), pP = /* @__PURE__ */ $e(IC, [["__scopeId", "data-v-de2b8f0e"]]), LC = {
+}), yP = /* @__PURE__ */ $e(IC, [["__scopeId", "data-v-de2b8f0e"]]), LC = {
   class: "chart-parent",
   "data-testid": "gauge-chart-parent"
 }, NC = { class: "chart-totals-flex" }, FC = {
@@ -20585,7 +20585,7 @@ const OC = /* @__PURE__ */ de({
       return `color: ${(h = s == null ? void 0 : s.value[0]) == null ? void 0 : h.backgroundColor[t.numerator]}`;
     }), u = L(() => ["full", "single"].includes(t.metricDisplay)), d = L(() => t.metricDisplay === "full");
     return (h, f) => (j(), rt("div", LC, [
-      ot("div", NC, [
+      at("div", NC, [
         u.value ? (j(), rt("div", {
           key: 0,
           class: "metric-large",
@@ -20594,7 +20594,7 @@ const OC = /* @__PURE__ */ de({
         }, ht(o.value), 5)) : Yt("", !0),
         d.value ? (j(), rt("div", FC, ht(V(e).t("total")) + ": " + ht(l.value), 1)) : Yt("", !0)
       ]),
-      ot("div", {
+      at("div", {
         class: "chart-container",
         style: Mi({ height: n.height, width: n.width })
       }, [
@@ -20609,20 +20609,20 @@ const OC = /* @__PURE__ */ de({
 }), HC = /* @__PURE__ */ $e(zC, [["__scopeId", "data-v-c461b83f"]]), BC = {
   key: 1,
   class: "single-value-wrapper"
-}, WC = {
+}, WC = { class: "single-value-metric" }, YC = {
   class: "single-value",
   "data-testid": "single-value-chart"
-}, YC = {
+}, $C = {
   key: 0,
   class: "single-value-unit"
-}, $C = {
-  key: 1,
-  class: "single-value-trend"
 }, jC = {
+  key: 0,
+  class: "single-value-trend"
+}, UC = {
   key: 0,
   class: "single-value-trend-range",
   "data-testid": "single-value-trend-range"
-}, UC = /* @__PURE__ */ de({
+}, VC = /* @__PURE__ */ de({
   __name: "SingleValue",
   props: {
     data: {
@@ -20712,10 +20712,12 @@ const OC = /* @__PURE__ */ de({
           "icon-variant": "error",
           title: V(t).t("singleValue.valueError")
         }, null, 8, ["title"])) : (j(), rt("div", BC, [
-          ot("span", WC, ht(d.value), 1),
-          l.value ? (j(), rt("span", YC, "  " + ht(o.value), 1)) : Yt("", !0),
-          n.showTrend ? (j(), rt("div", $C, [
-            ot("div", {
+          at("div", WC, [
+            at("span", YC, ht(d.value), 1),
+            l.value ? (j(), rt("span", $C, "  " + ht(o.value), 1)) : Yt("", !0)
+          ]),
+          n.showTrend ? (j(), rt("div", jC, [
+            at("div", {
               class: sn(["trend-change", x(f.value)]),
               "data-testid": "single-value-trend"
             }, [
@@ -20728,18 +20730,18 @@ const OC = /* @__PURE__ */ de({
                 color: `var(--kui-color-text-neutral-strong, ${V(Bd)})`,
                 size: V(dr)
               }, null, 8, ["color", "size"])),
-              ot("div", null, ht(b.value), 1)
+              at("div", null, ht(b.value), 1)
             ], 2),
-            V(_) ? (j(), rt("div", jC, ht(V(_)), 1)) : Yt("", !0)
+            V(_) ? (j(), rt("div", UC, ht(V(_)), 1)) : Yt("", !0)
           ])) : Yt("", !0)
         ]))
       ], 2);
     };
   }
-}), VC = /* @__PURE__ */ $e(UC, [["__scopeId", "data-v-a1bb1dfa"]]), qC = { class: "simple-chart-shell" }, XC = {
+}), qC = /* @__PURE__ */ $e(VC, [["__scopeId", "data-v-31927c15"]]), XC = { class: "simple-chart-shell" }, GC = {
   key: 1,
   class: "analytics-chart-parent"
-}, GC = /* @__PURE__ */ de({
+}, KC = /* @__PURE__ */ de({
   __name: "SimpleChart",
   props: {
     chartData: {
@@ -20797,8 +20799,8 @@ const OC = /* @__PURE__ */ de({
     });
     return (c, u) => {
       const d = Re("KEmptyState");
-      return j(), rt("div", qC, [
-        l.value ? (j(), rt("div", XC, [
+      return j(), rt("div", XC, [
+        l.value ? (j(), rt("div", GC, [
           r.value ? (j(), Rt(HC, {
             key: 0,
             "chart-data": i.value,
@@ -20810,7 +20812,7 @@ const OC = /* @__PURE__ */ de({
             "synthetics-data-key": n.syntheticsDataKey,
             width: n.width
           }, null, 8, ["chart-data", "dataset-colors", "metric-display", "metric-unit", "numerator", "synthetics-data-key", "width"])) : Yt("", !0),
-          a.value ? (j(), Rt(VC, {
+          a.value ? (j(), Rt(qC, {
             key: 1,
             "align-x": n.chartOptions.alignX,
             data: n.chartData,
@@ -20832,17 +20834,17 @@ const OC = /* @__PURE__ */ de({
       ]);
     };
   }
-}), yP = /* @__PURE__ */ $e(GC, [["__scopeId", "data-v-56837d34"]]), KC = {
+}), bP = /* @__PURE__ */ $e(KC, [["__scopeId", "data-v-56837d34"]]), ZC = {
   class: "top-n-card-title",
   "data-testid": "top-n-card-title"
-}, ZC = {
+}, QC = {
   class: "top-n-card-description",
   "data-testid": "top-n-card-description"
-}, QC = {
+}, JC = {
   key: 3,
   class: "top-n-table",
   "data-testid": "top-n-table"
-}, JC = { class: "top-n-table-table" }, tO = { "data-testid": "top-n-table-header" }, eO = { class: "top-n-table-header-row" }, nO = { class: "table-header-label" }, iO = { class: "top-n-table-cell top-n-table-cell--name" }, sO = ["data-testid"], rO = ["data-testid"], aO = ["data-testid"], oO = /* @__PURE__ */ de({
+}, tO = { class: "top-n-table-table" }, eO = { "data-testid": "top-n-table-header" }, nO = { class: "top-n-table-header-row" }, iO = { class: "table-header-label" }, sO = { class: "top-n-table-cell top-n-table-cell--name" }, rO = ["data-testid"], aO = ["data-testid"], oO = ["data-testid"], lO = /* @__PURE__ */ de({
   __name: "TopNTable",
   props: {
     title: { default: "" },
@@ -20960,26 +20962,26 @@ const OC = /* @__PURE__ */ de({
             key: 1,
             "table-columns": 2,
             type: "table"
-          })) : r.value ? (j(), rt("div", QC, [
-            ot("table", JC, [
-              ot("thead", tO, [
-                ot("tr", eO, [
+          })) : r.value ? (j(), rt("div", JC, [
+            at("table", tO, [
+              at("thead", eO, [
+                at("tr", nO, [
                   (j(!0), rt(xi, null, Zi(d.value, (C) => (j(), rt("th", {
                     key: C.key,
                     class: sn(["top-n-table-header-cell", { "top-n-table-header-cell-metric": C.key !== "name" }]),
                     "data-testid": "top-n-table-header-column"
                   }, [
-                    ot("span", nO, ht(C.label), 1)
+                    at("span", iO, ht(C.label), 1)
                   ], 2))), 128))
                 ])
               ]),
-              ot("tbody", null, [
+              at("tbody", null, [
                 (j(!0), rt(xi, null, Zi(w.value, (C) => (j(), rt("tr", {
                   key: C.id,
                   class: "top-n-table-row"
                 }, [
-                  ot("td", iO, [
-                    ot("span", {
+                  at("td", sO, [
+                    at("span", {
                       "data-testid": `row-${C.id}`
                     }, [
                       sr(O.$slots, "name", {
@@ -20992,7 +20994,7 @@ const OC = /* @__PURE__ */ de({
                       }, () => [
                         Be(ht(C.name), 1)
                       ], !0)
-                    ], 8, sO)
+                    ], 8, rO)
                   ]),
                   (j(!0), rt(xi, null, Zi(h.value, (A) => (j(), rt("td", {
                     key: A.key,
@@ -21001,10 +21003,10 @@ const OC = /* @__PURE__ */ de({
                     A.key === "value" ? (j(), rt("span", {
                       key: 0,
                       "data-testid": `row-${C.id}`
-                    }, ht(T(C, A.key)), 9, rO)) : (j(), rt("span", {
+                    }, ht(T(C, A.key)), 9, aO)) : (j(), rt("span", {
                       key: 1,
                       "data-testid": `row-${C.id}-${A.key}`
-                    }, ht(T(C, A.key)), 9, aO))
+                    }, ht(T(C, A.key)), 9, oO))
                   ]))), 128))
                 ]))), 128))
               ])
@@ -21025,29 +21027,29 @@ const OC = /* @__PURE__ */ de({
         n.title ? {
           name: "title",
           fn: zt(() => [
-            ot("span", KC, ht(n.title), 1)
+            at("span", ZC, ht(n.title), 1)
           ]),
           key: "0"
         } : void 0,
         n.description ? {
           name: "actions",
           fn: zt(() => [
-            ot("div", ZC, ht(n.description), 1)
+            at("div", QC, ht(n.description), 1)
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["title-tag"]);
     };
   }
-}), bP = /* @__PURE__ */ $e(oO, [["__scopeId", "data-v-27e5b22c"]]);
+}), _P = /* @__PURE__ */ $e(lO, [["__scopeId", "data-v-27e5b22c"]]);
 var Ia = { exports: {} };
 Ia.exports;
 (function(n, t) {
   var e = 200, i = "Expected a function", s = "__lodash_hash_undefined__", r = 1, a = 2, o = 9007199254740991, l = "[object Arguments]", c = "[object Array]", u = "[object Boolean]", d = "[object Date]", h = "[object Error]", f = "[object Function]", g = "[object GeneratorFunction]", b = "[object Map]", _ = "[object Number]", x = "[object Object]", w = "[object Promise]", M = "[object RegExp]", T = "[object Set]", P = "[object String]", O = "[object Symbol]", k = "[object WeakMap]", m = "[object ArrayBuffer]", y = "[object DataView]", S = "[object Float32Array]", C = "[object Float64Array]", A = "[object Int8Array]", R = "[object Int16Array]", z = "[object Int32Array]", q = "[object Uint8Array]", tt = "[object Uint8ClampedArray]", $ = "[object Uint16Array]", dt = "[object Uint32Array]", X = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, H = /^\w*$/, G = /^\./, et = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, U = /[\\^$.*+?()[\]{}|]/g, xt = /\\(\\)?/g, Mt = /^\[object .+?Constructor\]$/, Y = /^(?:0|[1-9]\d*)$/, B = {};
   B[S] = B[C] = B[A] = B[R] = B[z] = B[q] = B[tt] = B[$] = B[dt] = !0, B[l] = B[c] = B[m] = B[u] = B[y] = B[d] = B[h] = B[f] = B[b] = B[_] = B[x] = B[M] = B[T] = B[P] = B[k] = !1;
-  var K = typeof Le == "object" && Le && Le.Object === Object && Le, Q = typeof self == "object" && self && self.Object === Object && self, J = K || Q || Function("return this")(), Z = t && !t.nodeType && t, bt = Z && !0 && n && !n.nodeType && n, Tt = bt && bt.exports === Z, at = Tt && K.process, wt = function() {
+  var K = typeof Le == "object" && Le && Le.Object === Object && Le, Q = typeof self == "object" && self && self.Object === Object && self, J = K || Q || Function("return this")(), Z = t && !t.nodeType && t, bt = Z && !0 && n && !n.nodeType && n, Tt = bt && bt.exports === Z, ot = Tt && K.process, wt = function() {
     try {
-      return at && at.binding("util");
+      return ot && ot.binding("util");
     } catch {
     }
   }(), gt = wt && wt.isTypedArray;
@@ -21628,10 +21630,10 @@ Ia.exports;
   }
   n.exports = ws;
 })(Ia, Ia.exports);
-var lO = Ia.exports;
-const cO = /* @__PURE__ */ Pc(lO);
-var uO = 9007199254740991, dO = "[object Arguments]", hO = "[object Function]", fO = "[object GeneratorFunction]", gO = "[object Symbol]", mO = typeof Le == "object" && Le && Le.Object === Object && Le, pO = typeof self == "object" && self && self.Object === Object && self, yO = mO || pO || Function("return this")();
-function bO(n, t, e) {
+var cO = Ia.exports;
+const uO = /* @__PURE__ */ Pc(cO);
+var dO = 9007199254740991, hO = "[object Arguments]", fO = "[object Function]", gO = "[object GeneratorFunction]", mO = "[object Symbol]", pO = typeof Le == "object" && Le && Le.Object === Object && Le, yO = typeof self == "object" && self && self.Object === Object && self, bO = pO || yO || Function("return this")();
+function _O(n, t, e) {
   switch (e.length) {
     case 0:
       return n.call(t);
@@ -21644,87 +21646,87 @@ function bO(n, t, e) {
   }
   return n.apply(t, e);
 }
-function _O(n, t) {
+function vO(n, t) {
   for (var e = -1, i = n ? n.length : 0, s = Array(i); ++e < i; )
     s[e] = t(n[e], e, n);
   return s;
 }
-function vO(n, t) {
+function xO(n, t) {
   for (var e = -1, i = t.length, s = n.length; ++e < i; )
     n[s + e] = t[e];
   return n;
 }
-var Wc = Object.prototype, xO = Wc.hasOwnProperty, Yc = Wc.toString, Ch = yO.Symbol, wO = Wc.propertyIsEnumerable, Oh = Ch ? Ch.isConcatSpreadable : void 0, Ph = Math.max;
-function MO(n, t, e, i, s) {
+var Wc = Object.prototype, wO = Wc.hasOwnProperty, Yc = Wc.toString, Ch = bO.Symbol, MO = Wc.propertyIsEnumerable, Oh = Ch ? Ch.isConcatSpreadable : void 0, Ph = Math.max;
+function SO(n, t, e, i, s) {
   var r = -1, a = n.length;
-  for (e || (e = kO), s || (s = []); ++r < a; ) {
+  for (e || (e = CO), s || (s = []); ++r < a; ) {
     var o = n[r];
-    e(o) ? vO(s, o) : s[s.length] = o;
+    e(o) ? xO(s, o) : s[s.length] = o;
   }
   return s;
 }
-function SO(n, t) {
-  return n = Object(n), TO(n, t, function(e, i) {
+function TO(n, t) {
+  return n = Object(n), DO(n, t, function(e, i) {
     return i in n;
   });
 }
-function TO(n, t, e) {
+function DO(n, t, e) {
   for (var i = -1, s = t.length, r = {}; ++i < s; ) {
     var a = t[i], o = n[a];
     e(o, a) && (r[a] = o);
   }
   return r;
 }
-function DO(n, t) {
+function kO(n, t) {
   return t = Ph(t === void 0 ? n.length - 1 : t, 0), function() {
     for (var e = arguments, i = -1, s = Ph(e.length - t, 0), r = Array(s); ++i < s; )
       r[i] = e[t + i];
     i = -1;
     for (var a = Array(t + 1); ++i < t; )
       a[i] = e[i];
-    return a[t] = r, bO(n, this, a);
+    return a[t] = r, _O(n, this, a);
   };
 }
-function kO(n) {
-  return PO(n) || OO(n) || !!(Oh && n && n[Oh]);
-}
 function CO(n) {
-  if (typeof n == "string" || NO(n))
+  return EO(n) || PO(n) || !!(Oh && n && n[Oh]);
+}
+function OO(n) {
+  if (typeof n == "string" || FO(n))
     return n;
   var t = n + "";
   return t == "0" && 1 / n == -1 / 0 ? "-0" : t;
 }
-function OO(n) {
-  return AO(n) && xO.call(n, "callee") && (!wO.call(n, "callee") || Yc.call(n) == dO);
-}
-var PO = Array.isArray;
-function EO(n) {
-  return n != null && IO(n.length) && !RO(n);
+function PO(n) {
+  return RO(n) && wO.call(n, "callee") && (!MO.call(n, "callee") || Yc.call(n) == hO);
 }
+var EO = Array.isArray;
 function AO(n) {
-  return lm(n) && EO(n);
+  return n != null && LO(n.length) && !IO(n);
 }
 function RO(n) {
-  var t = LO(n) ? Yc.call(n) : "";
-  return t == hO || t == fO;
+  return lm(n) && AO(n);
 }
 function IO(n) {
-  return typeof n == "number" && n > -1 && n % 1 == 0 && n <= uO;
+  var t = NO(n) ? Yc.call(n) : "";
+  return t == fO || t == gO;
 }
 function LO(n) {
+  return typeof n == "number" && n > -1 && n % 1 == 0 && n <= dO;
+}
+function NO(n) {
   var t = typeof n;
   return !!n && (t == "object" || t == "function");
 }
 function lm(n) {
   return !!n && typeof n == "object";
 }
-function NO(n) {
-  return typeof n == "symbol" || lm(n) && Yc.call(n) == gO;
+function FO(n) {
+  return typeof n == "symbol" || lm(n) && Yc.call(n) == mO;
 }
-var FO = DO(function(n, t) {
-  return n == null ? {} : SO(n, _O(MO(t), CO));
-}), zO = FO;
-const HO = /* @__PURE__ */ Pc(zO);
+var zO = kO(function(n, t) {
+  return n == null ? {} : TO(n, vO(SO(t), OO));
+}), HO = zO;
+const BO = /* @__PURE__ */ Pc(HO);
 var cm = { exports: {} };
 (function(n, t) {
   (function(e, i) {
@@ -21794,7 +21796,7 @@ var cm = { exports: {} };
     a.saveAs = l.saveAs = l, n.exports = l;
   });
 })(cm);
-var BO = cm.exports, um = { exports: {} };
+var WO = cm.exports, um = { exports: {} };
 /* @license
 Papa Parse
 v5.5.3
@@ -21931,14 +21933,14 @@ License: MIT
           } else U.data.forEach(Z);
         }
         function Q(Z, bt) {
-          for (var Tt = m.header ? {} : [], at = 0; at < Z.length; at++) {
-            var wt = at, gt = Z[at], gt = ((ne, ut) => ((Dt) => (m.dynamicTypingFunction && m.dynamicTyping[Dt] === void 0 && (m.dynamicTyping[Dt] = m.dynamicTypingFunction(Dt)), (m.dynamicTyping[Dt] || m.dynamicTyping) === !0))(ne) ? ut === "true" || ut === "TRUE" || ut !== "false" && ut !== "FALSE" && (((Dt) => {
+          for (var Tt = m.header ? {} : [], ot = 0; ot < Z.length; ot++) {
+            var wt = ot, gt = Z[ot], gt = ((ne, ut) => ((Dt) => (m.dynamicTypingFunction && m.dynamicTyping[Dt] === void 0 && (m.dynamicTyping[Dt] = m.dynamicTypingFunction(Dt)), (m.dynamicTyping[Dt] || m.dynamicTyping) === !0))(ne) ? ut === "true" || ut === "TRUE" || ut !== "false" && ut !== "FALSE" && (((Dt) => {
               if (q.test(Dt) && (Dt = parseFloat(Dt), z < Dt && Dt < R))
                 return 1;
-            })(ut) ? parseFloat(ut) : tt.test(ut) ? new Date(ut) : ut === "" ? null : ut) : ut)(wt = m.header ? at >= et.length ? "__parsed_extra" : et[at] : wt, gt = m.transform ? m.transform(gt, wt) : gt);
+            })(ut) ? parseFloat(ut) : tt.test(ut) ? new Date(ut) : ut === "" ? null : ut) : ut)(wt = m.header ? ot >= et.length ? "__parsed_extra" : et[ot] : wt, gt = m.transform ? m.transform(gt, wt) : gt);
             wt === "__parsed_extra" ? (Tt[wt] = Tt[wt] || [], Tt[wt].push(gt)) : Tt[wt] = gt;
           }
-          return m.header && (at > et.length ? B("FieldMismatch", "TooManyFields", "Too many fields: expected " + et.length + " fields but parsed " + at, X + bt) : at < et.length && B("FieldMismatch", "TooFewFields", "Too few fields: expected " + et.length + " fields but parsed " + at, X + bt)), Tt;
+          return m.header && (ot > et.length ? B("FieldMismatch", "TooManyFields", "Too many fields: expected " + et.length + " fields but parsed " + ot, X + bt) : ot < et.length && B("FieldMismatch", "TooFewFields", "Too few fields: expected " + et.length + " fields but parsed " + ot, X + bt)), Tt;
         }
         var J;
         U && (m.header || m.dynamicTyping || m.transform) && (J = 1, !U.data.length || Array.isArray(U.data[0]) ? (U.data = U.data.map(Q), J = U.data.length) : U.data = Q(U.data, 0), m.header && U.meta && (U.meta.fields = et), X += J);
@@ -21952,11 +21954,11 @@ License: MIT
       k(m.step) && (A = m.step, m.step = function(K) {
         U = K, Y() ? Mt() : (Mt(), U.data.length !== 0 && (dt += K.data.length, m.preview && dt > m.preview ? S.abort() : (U.data = U.data[0], A(U, $))));
       }), this.parse = function(K, Q, J) {
-        var Z = m.quoteChar || '"', Z = (m.newline || (m.newline = this.guessLineEndings(K, Z)), C = !1, m.delimiter ? k(m.delimiter) && (m.delimiter = m.delimiter(K), U.meta.delimiter = m.delimiter) : ((Z = ((bt, Tt, at, wt, gt) => {
+        var Z = m.quoteChar || '"', Z = (m.newline || (m.newline = this.guessLineEndings(K, Z)), C = !1, m.delimiter ? k(m.delimiter) && (m.delimiter = m.delimiter(K), U.meta.delimiter = m.delimiter) : ((Z = ((bt, Tt, ot, wt, gt) => {
           var ne, ut, Dt, he;
           gt = gt || [",", "	", "|", ";", c.RECORD_SEP, c.UNIT_SEP];
           for (var pe = 0; pe < gt.length; pe++) {
-            for (var ie, rn = gt[pe], At = 0, fe = 0, $t = 0, se = (Dt = void 0, new x({ comments: wt, delimiter: rn, newline: Tt, preview: 10 }).parse(bt)), ge = 0; ge < se.data.length; ge++) at && xt(se.data[ge]) ? $t++ : (ie = se.data[ge].length, fe += ie, Dt === void 0 ? Dt = ie : 0 < ie && (At += Math.abs(ie - Dt), Dt = ie));
+            for (var ie, rn = gt[pe], At = 0, fe = 0, $t = 0, se = (Dt = void 0, new x({ comments: wt, delimiter: rn, newline: Tt, preview: 10 }).parse(bt)), ge = 0; ge < se.data.length; ge++) ot && xt(se.data[ge]) ? $t++ : (ie = se.data[ge].length, fe += ie, Dt === void 0 ? Dt = ie : 0 < ie && (At += Math.abs(ie - Dt), Dt = ie));
             0 < se.data.length && (fe /= se.data.length - $t), (ut === void 0 || At <= ut) && (he === void 0 || he < fe) && 1.99 < fe && (ut = At, ne = rn, he = fe);
           }
           return { successful: !!(m.delimiter = ne), bestDelimiter: ne };
@@ -21978,7 +21980,7 @@ License: MIT
 `), bt = 1 < Z.length && Z[0].length < J[0].length;
         if (J.length === 1 || bt) return `
 `;
-        for (var Tt = 0, at = 0; at < J.length; at++) J[at][0] === `
+        for (var Tt = 0, ot = 0; ot < J.length; ot++) J[ot][0] === `
 ` && Tt++;
         return Tt >= J.length / 2 ? `\r
 ` : "\r";
@@ -22000,14 +22002,14 @@ License: MIT
         var xt = G.length, Mt = y.length, Y = S.length, B = C.length, K = k(A), Q = [], J = [], Z = [], bt = X = 0;
         if (!G) return At();
         if (z || z !== !1 && G.indexOf($) === -1) {
-          for (var Tt = G.split(S), at = 0; at < Tt.length; at++) {
-            if (Z = Tt[at], X += Z.length, at !== Tt.length - 1) X += S.length;
+          for (var Tt = G.split(S), ot = 0; ot < Tt.length; ot++) {
+            if (Z = Tt[ot], X += Z.length, ot !== Tt.length - 1) X += S.length;
             else if (U) return At();
             if (!C || Z.substring(0, B) !== C) {
               if (K) {
                 if (Q = [], he(Z.split(y)), fe(), H) return At();
               } else he(Z.split(y));
-              if (R && R <= at) return Q = Q.slice(0, R), At(!0);
+              if (R && R <= ot) return Q = Q.slice(0, R), At(!0);
             }
           }
           return At();
@@ -22152,8 +22154,8 @@ License: MIT
         for (var Q = 0; Q < U.length; Q++) {
           var J = (Y ? et : U[Q]).length, Z = !1, bt = Y ? Object.keys(U[Q]).length === 0 : U[Q].length === 0;
           if (xt && !Y && (Z = xt === "greedy" ? U[Q].join("").trim() === "" : U[Q].length === 1 && U[Q][0].length === 0), xt === "greedy" && Y) {
-            for (var Tt = [], at = 0; at < J; at++) {
-              var wt = B ? et[at] : at;
+            for (var Tt = [], ot = 0; ot < J; ot++) {
+              var wt = B ? et[ot] : ot;
               Tt.push(U[Q][wt]);
             }
             Z = Tt.join("").trim() === "";
@@ -22209,8 +22211,8 @@ License: MIT
     }), (d.prototype = Object.create(u.prototype)).constructor = d, (h.prototype = Object.create(u.prototype)).constructor = h, (f.prototype = Object.create(f.prototype)).constructor = f, (g.prototype = Object.create(u.prototype)).constructor = g, c;
   });
 })(um);
-var WO = um.exports;
-const YO = ["id"], $O = /* @__PURE__ */ de({
+var YO = um.exports;
+const $O = ["id"], jO = /* @__PURE__ */ de({
   __name: "VueJsonCsv",
   props: {
     data: {
@@ -22275,12 +22277,12 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
       const u = i.labels;
       if (typeof i.fields !== Gi.Object)
         throw new Error("Labels needs to be a object containing key / value pairs.");
-      return typeof u === Gi.Object ? (d) => cO(d, (h, f) => u[f] || f) : (d) => d;
+      return typeof u === Gi.Object ? (d) => uO(d, (h, f) => u[f] || f) : (d) => d;
     }, o = () => {
       const u = i.fields;
       if (typeof i.fields !== Gi.Object && !Array.isArray(u))
         throw new Error("Fields needs to be an array of strings.");
-      return Array.isArray(u) ? (d) => HO(d, u) : (d) => d;
+      return Array.isArray(u) ? (d) => BO(d, u) : (d) => d;
     }, l = () => {
       if (typeof i.fields === Gi.Undefined && typeof i.labels === Gi.Undefined)
         return i.data;
@@ -22292,7 +22294,7 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
         return;
       }
       e("export-started", r.value);
-      let u = WO.unparse(r.value, Object.assign({
+      let u = YO.unparse(r.value, Object.assign({
         delimiter: i.delimiter,
         encoding: i.encoding
       }));
@@ -22301,7 +22303,7 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
         const d = new Blob([u], {
           type: "text/csv;charset=" + i.encoding
         });
-        BO.saveAs(d, i.filename);
+        WO.saveAs(d, i.filename);
       }
     };
     return (u, d) => (j(), rt("div", {
@@ -22312,9 +22314,9 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
       sr(u.$slots, "default", {}, () => [
         Be("Download " + ht(n.filename), 1)
       ])
-    ], 8, YO));
+    ], 8, $O));
   }
-}), jO = /* @__PURE__ */ de({
+}), UO = /* @__PURE__ */ de({
   __name: "DownloadCsv",
   props: {
     rows: {},
@@ -22324,7 +22326,7 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
   setup(n) {
     const t = n, e = L(() => Object.keys(t.headers));
     return (i, s) => (j(), rt("div", null, [
-      Zt($O, {
+      Zt(jO, {
         data: n.rows,
         fields: e.value,
         filename: n.filename,
@@ -22337,14 +22339,14 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
       }, 8, ["data", "fields", "filename", "labels"])
     ]));
   }
-}), UO = { class: "kong-ui-public-csv-export-modal" }, VO = {
+}), VO = { class: "kong-ui-public-csv-export-modal" }, qO = {
   key: 0,
   class: "selected-range"
-}, qO = {
+}, XO = {
   key: 4,
   class: "text-muted",
   tag: "span"
-}, Eh = 3, _P = /* @__PURE__ */ de({
+}, Eh = 3, vP = /* @__PURE__ */ de({
   __name: "CsvExportModal",
   props: {
     exportState: {},
@@ -22421,7 +22423,7 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
       a.value++;
     }), (g, b) => {
       const _ = Re("KSkeleton"), x = Re("KEmptyState"), w = Re("KTableData"), M = Re("KTooltip"), T = Re("KButton"), P = Re("KModal");
-      return j(), rt("div", UO, [
+      return j(), rt("div", VO, [
         Zt(P, {
           class: "vitals-report",
           "data-testid": "csv-export-modal",
@@ -22434,10 +22436,10 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
           default: zt(() => {
             var O;
             return [
-              ot("div", null, [
-                n.exportState.status === "success" && l.value ? (j(), rt("div", VO, [
-                  ot("p", null, ht(n.modalDescription ? n.modalDescription : V(e).t("csvExport.exportDescription")), 1),
-                  ot("p", null, ht(V(e).t("csvExport.exportTimeRange")) + ": " + ht(c.value), 1)
+              at("div", null, [
+                n.exportState.status === "success" && l.value ? (j(), rt("div", qO, [
+                  at("p", null, ht(n.modalDescription ? n.modalDescription : V(e).t("csvExport.exportDescription")), 1),
+                  at("p", null, ht(V(e).t("csvExport.exportTimeRange")) + ": " + ht(c.value), 1)
                 ])) : Yt("", !0),
                 n.exportState.status === "loading" ? (j(), Rt(_, {
                   key: 1,
@@ -22456,10 +22458,10 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
                   "empty-state": zt(() => [
                     Zt(x, { "action-button-visible": !1 }, {
                       title: zt(() => [
-                        ot("h5", null, ht(V(e).t("csvExport.noDataRange")), 1)
+                        at("h5", null, ht(V(e).t("csvExport.noDataRange")), 1)
                       ]),
                       default: zt(() => [
-                        ot("p", null, ht(V(e).t("csvExport.noDataRetry")), 1)
+                        at("p", null, ht(V(e).t("csvExport.noDataRetry")), 1)
                       ]),
                       _: 1
                     })
@@ -22470,11 +22472,11 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
                   "action-button-visible": !1
                 }, {
                   title: zt(() => [
-                    ot("h5", null, ht(V(e).t("csvExport.dataError")), 1)
+                    at("h5", null, ht(V(e).t("csvExport.dataError")), 1)
                   ]),
                   _: 1
                 })) : Yt("", !0),
-                n.exportState.status === "success" && l.value ? (j(), rt("div", qO, [
+                n.exportState.status === "success" && l.value ? (j(), rt("div", XO, [
                   Be(ht(u.value) + " ", 1),
                   Zt(M, {
                     class: "preview-tooltip",
@@ -22504,7 +22506,7 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
               ]),
               _: 1
             }),
-            Zt(jO, {
+            Zt(UO, {
               class: "vitals-report-export-button",
               filename: r,
               headers: h.value.csvHeaders,
@@ -22530,11 +22532,11 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
       ]);
     };
   }
-}), XO = { class: "container" }, GO = {
+}), GO = { class: "container" }, KO = {
   key: 0,
   class: "no-data",
   "data-testId": "sparkline-empty"
-}, KO = ["title"], ZO = /* @__PURE__ */ de({
+}, ZO = ["title"], QO = /* @__PURE__ */ de({
   __name: "SparklineChart",
   props: {
     chartKey: { default: () => {
@@ -22696,7 +22698,7 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
       };
     }), ni(() => {
       We.positioners[M] && delete We.positioners[M];
-    }), (k, m) => (j(), rt("div", XO, [
+    }), (k, m) => (j(), rt("div", GO, [
       _.value ? n.type === "sparkline_bar" ? (j(), Rt(V(sm), {
         key: 1,
         "chart-id": V(t),
@@ -22711,7 +22713,7 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
         "data-testId": n.type === "sparkline_line" ? "sparkline-line" : "sparkline-step",
         options: T.value,
         plugins: h.value
-      }, null, 8, ["chart-id", "data", "data-testId", "options", "plugins"])) : Yt("", !0) : (j(), rt("div", GO, [
+      }, null, 8, ["chart-id", "data", "data-testId", "options", "plugins"])) : Yt("", !0) : (j(), rt("div", KO, [
         sr(k.$slots, "empty", {}, () => [
           Be(ht(V(e).t("sparkline_no_data")), 1)
         ], !0)
@@ -22737,43 +22739,43 @@ const YO = ["id"], $O = /* @__PURE__ */ de({
         }, () => [
           Be(ht(g.value), 1)
         ], !0)
-      ], 8, KO)) : Yt("", !0)
+      ], 8, ZO)) : Yt("", !0)
     ]));
   }
-}), vP = /* @__PURE__ */ $e(ZO, [["__scopeId", "data-v-a8f926b6"]]);
+}), xP = /* @__PURE__ */ $e(QO, [["__scopeId", "data-v-a8f926b6"]]);
 export {
-  pP as AnalyticsChart,
+  yP as AnalyticsChart,
   Ye as ChartLegendPosition,
-  _P as CsvExportModal,
-  sP as DECIMAL_DISPLAY,
+  vP as CsvExportModal,
+  rP as DECIMAL_DISPLAY,
   bS as EMPTY_COLOR,
   oS as FONT_SIZE_REGULAR,
   aS as FONT_SIZE_SMALL,
   $l as MAX_LABEL_LENGTH,
-  cP as OTHERS_COLOR,
-  yP as SimpleChart,
-  vP as SparklineChart,
-  bP as TopNTable,
+  uP as OTHERS_COLOR,
+  bP as SimpleChart,
+  xP as SparklineChart,
+  _P as TopNTable,
   Gi as ValidType,
   pS as accessibleGrey,
   yS as apiRequestStatusCodeColors,
-  gP as chartTypes,
+  mP as chartTypes,
   kS as codesInSpec,
   mS as darkenColor,
   ti as datavisPalette,
   ol as defaultStatusCodeColors,
   _g as determineBaseColor,
-  oP as errorRateColors,
-  hP as handleQueryError,
-  lP as latencyColors,
+  lP as errorRateColors,
+  fP as handleQueryError,
+  cP as latencyColors,
   $d as lightGrey,
-  uP as lookupColor,
+  dP as lookupColor,
   jl as lookupDatavisColor,
-  dP as lookupStatusCodeCategoryColor,
+  hP as lookupStatusCodeCategoryColor,
   vg as lookupStatusCodeColor,
-  fP as simpleChartMetricDisplay,
-  mP as simpleChartTypes,
-  rP as statusCodeBadgeBackgroundColor,
+  gP as simpleChartMetricDisplay,
+  pP as simpleChartTypes,
+  aP as statusCodeBadgeBackgroundColor,
   rl as thresholdColor,
-  aP as trafficColors
+  oP as trafficColors
 };