@kong-ui-public/analytics-chart 5.4.12 → 5.4.13

package/dist/vitals-chart.es.js

@@ -12499,21 +12499,21 @@ const Va = new Intl.NumberFormat(((ed = document == null ? void 0 : document.doc
   300: { background: "#fff1d5", text: "#a06027" },
   400: { background: "#fee3b6", text: "#944d19" },
   500: { background: "#fedada", text: "#852021" }
-}, $T = (n) => {
+}, jT = (n) => {
   var e;
   const t = Math.floor(parseInt(n, 10) / 100) * 100;
   return ((e = Qw[t]) == null ? void 0 : e.background) || "#fafafa";
-}, qT = {
+}, $T = {
   SUCCESS: "#6FCC83",
   FAILURE: "#FF8484"
-}, UT = {
+}, qT = {
   "4XX": "#FFBA81",
   "5XX": "#FF8484"
-}, VT = {
+}, UT = {
   LatencyP99: "#1356cb",
   LatencyP95: "#1fbecd",
   LatencyP50: "#1df97d"
-}, XT = "#dad4c7", GT = (n) => {
+}, VT = "#dad4c7", XT = (n) => {
   const t = Object.entries(Bc).find(([e]) => new RegExp(e).test(n));
   return t && t[1] || Bc.standard;
 }, Jw = {
@@ -12585,7 +12585,7 @@ const Va = new Intl.NumberFormat(((ed = document == null ? void 0 : document.doc
 ]), vh = (n) => {
   const t = parseInt(n, 10), e = Math.floor(t / 100) * 100, i = rv.get(e);
   return i === void 0 ? qc : i.get(t) ?? i.get(-1) ?? qc;
-}, KT = (n) => {
+}, GT = (n) => {
   const t = vh(n);
   return { solid: t, light: t };
 }, av = Array.from({ length: 500 }, (n, t) => 100 + t), da = {
@@ -16830,10 +16830,10 @@ function ek(n, t, e, i) {
   const s = i.element;
   i.main ? (pu(e, s, "beforeDraw"), s.draw(n, t), pu(e, s, "afterDraw")) : s.draw(n, t);
 }
-const sf = "#6c7489", nk = "#995c00", Eu = "20px", ik = "20px", Au = "24px", sk = "40px", rk = "48px", ak = { class: "tooltip-title" }, ok = { class: "title font-bold" }, lk = {
+const sf = "#6c7489", nk = "#995c00", Eu = "20px", Au = "24px", ik = "40px", sk = "48px", rk = { class: "tooltip-title" }, ak = { class: "title font-bold" }, ok = {
   key: 1,
   class: "subtitle"
-}, ck = { class: "tooltip" }, uk = { key: 0 }, dk = { class: "display-label" }, hk = { class: "display-value" }, fk = /* @__PURE__ */ oe({
+}, lk = { class: "tooltip" }, ck = { key: 0 }, uk = { class: "display-label" }, dk = { class: "display-value" }, hk = /* @__PURE__ */ oe({
   __name: "ChartTooltip",
   props: {
     showTooltip: {
@@ -16932,24 +16932,24 @@ const sf = "#6c7489", nk = "#995c00", Eu = "20px", ik = "20px", Au = "24px", sk
       }),
       onMousedown: c
     }, [
-      lt("div", ak, [
-        lt("span", ok, ct(n.tooltipTitle), 1),
+      lt("div", rk, [
+        lt("span", ak, ct(n.tooltipTitle), 1),
         n.locked ? (Z(), $t(it(Lg), {
           key: 0,
           class: "drag-icon",
           color: it(sf)
         }, null, 8, ["color"])) : Ft("", !0),
-        n.context ? (Z(), ht("span", lk, ct(n.context), 1)) : Ft("", !0)
+        n.context ? (Z(), ht("span", ok, ct(n.context), 1)) : Ft("", !0)
       ]),
-      lt("ul", ck, [
+      lt("ul", lk, [
         (Z(!0), ht(ns, null, oo(n.series, ({ backgroundColor: b, borderColor: x, label: _, value: v }) => (Z(), ht(ns, { key: _ }, [
-          n.series.length ? (Z(), ht("li", uk, [
+          n.series.length ? (Z(), ht("li", ck, [
             lt("div", {
               class: "square-marker",
               style: $n({ background: b, "border-color": x })
             }, null, 4),
-            lt("span", dk, ct(_), 1),
-            lt("span", hk, ct(v), 1)
+            lt("span", uk, ct(_), 1),
+            lt("span", dk, ct(v), 1)
           ])) : Ft("", !0)
         ], 64))), 128))
       ])
@@ -16960,10 +16960,10 @@ const sf = "#6c7489", nk = "#995c00", Eu = "20px", ik = "20px", Au = "24px", sk
   for (const [i, s] of t)
     e[i] = s;
   return e;
-}, Xo = /* @__PURE__ */ cn(fk, [["__scopeId", "data-v-06b92295"]]), gk = ["onClick"], pk = ["title"], mk = {
+}, Xo = /* @__PURE__ */ cn(hk, [["__scopeId", "data-v-06b92295"]]), fk = ["onClick"], gk = ["title"], pk = {
   key: 0,
   class: "sub-label"
-}, bk = /* @__PURE__ */ oe({
+}, mk = /* @__PURE__ */ oe({
   __name: "ChartLegend",
   props: {
     id: {
@@ -16994,7 +16994,7 @@ const sf = "#6c7489", nk = "#995c00", Eu = "20px", ik = "20px", Au = "24px", sk
           return !0;
       return !1;
     }, c = H(() => t.items.length > 2 || r.value === Ht.Right), u = () => {
-      e.value && r.value === Ht.Bottom && (l() ? o.value = rk : o.value = Au);
+      e.value && r.value === Ht.Bottom && (l() ? o.value = sk : o.value = Au);
     }, d = () => {
       if (e.value && r.value === Ht.Bottom) {
         let M = 0;
@@ -17002,7 +17002,7 @@ const sf = "#6c7489", nk = "#995c00", Eu = "20px", ik = "20px", Au = "24px", sk
           const P = Array.from(S.children).reduce((D, m) => D + m.offsetWidth, 0);
           P > M && (M = P);
         });
-        const T = parseInt(sk, 10);
+        const T = parseInt(ik, 10);
         e.value.style.gridTemplateColumns = `repeat(auto-fit, ${M + T}px)`;
       }
       u();
@@ -17069,35 +17069,35 @@ const sf = "#6c7489", nk = "#995c00", Eu = "20px", ik = "20px", Au = "24px", sk
           lt("div", {
             class: vn(["label", { "truncate-label": c.value }]),
             title: D
-          }, ct(D), 11, pk),
-          k && it(s) ? (Z(), ht("div", mk, ct(k.formatted), 1)) : Ft("", !0)
+          }, ct(D), 11, gk),
+          k && it(s) ? (Z(), ht("div", pk, ct(k.formatted), 1)) : Ft("", !0)
         ], 2)
-      ], 8, gk))), 128))
+      ], 8, fk))), 128))
     ], 2)) : Ft("", !0);
   }
-}), Go = /* @__PURE__ */ cn(bk, [["__scopeId", "data-v-8e9f2f19"]]);
+}), Go = /* @__PURE__ */ cn(mk, [["__scopeId", "data-v-8e9f2f19"]]);
 var Jt = [];
 for (var _a = 0; _a < 256; ++_a)
   Jt.push((_a + 256).toString(16).slice(1));
-function yk(n, t = 0) {
+function bk(n, t = 0) {
   return (Jt[n[t + 0]] + Jt[n[t + 1]] + Jt[n[t + 2]] + Jt[n[t + 3]] + "-" + Jt[n[t + 4]] + Jt[n[t + 5]] + "-" + Jt[n[t + 6]] + Jt[n[t + 7]] + "-" + Jt[n[t + 8]] + Jt[n[t + 9]] + "-" + Jt[n[t + 10]] + Jt[n[t + 11]] + Jt[n[t + 12]] + Jt[n[t + 13]] + Jt[n[t + 14]] + Jt[n[t + 15]]).toLowerCase();
 }
-var Ks, xk = new Uint8Array(16);
-function _k() {
+var Ks, yk = new Uint8Array(16);
+function xk() {
   if (!Ks && (Ks = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Ks))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Ks(xk);
+  return Ks(yk);
 }
-var wk = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var _k = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const Ru = {
-  randomUUID: wk
+  randomUUID: _k
 };
 function Dn(n, t, e) {
   if (Ru.randomUUID && !t && !n)
     return Ru.randomUUID();
   n = n || {};
-  var i = n.random || (n.rng || _k)();
-  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, yk(i);
+  var i = n.random || (n.rng || xk)();
+  return i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, bk(i);
 }
 const Lu = (n, t) => {
   const e = n.ctx, i = n.scales.y, s = n.scales.x, r = t[t.length - 1].element;
@@ -17119,7 +17119,7 @@ const Lu = (n, t) => {
   beforeDestroy(n) {
     delete this.clickedElements, n.options.hover = this.previousHoverOption || n.options.hover, this.clicked = !1;
   }
-}, Iu = 6, vk = "100%", Mk = "100%", Sk = 20, kk = 20, Fu = 6, Dk = 0, Tk = 10, Ck = 10, Pk = 1, Ok = /* @__PURE__ */ oe({
+}, Iu = 6, wk = "100%", vk = "100%", Mk = 20, Sk = 20, Fu = 6, kk = 0, Dk = 10, Tk = 10, Ck = 1, Pk = /* @__PURE__ */ oe({
   __name: "StackedBarChart",
   props: {
     chartData: {
@@ -17289,11 +17289,11 @@ const Lu = (n, t) => {
     }, 100)), z = H(() => {
       var L, B;
       const O = (B = (L = t.chartData) == null ? void 0 : L.labels) == null ? void 0 : B.length;
-      return o.value && O && !x.value ? `${Math.max(O * (Sk + Fu), k.value)}px` : vk;
+      return o.value && O && !x.value ? `${Math.max(O * (Mk + Fu), k.value)}px` : wk;
     }), $ = H(() => {
       var L, B;
       const O = (B = (L = t.chartData) == null ? void 0 : L.labels) == null ? void 0 : B.length;
-      return o.value && O && x.value ? `${Math.max(O * (kk + Fu), A.value)}px` : Mk;
+      return o.value && O && x.value ? `${Math.max(O * (Sk + Fu), A.value)}px` : vk;
     });
     pt.useReportChartDataForSynthetics(Mt(t, "chartData"), Mt(t, "syntheticsDataKey")), Sr(() => {
       t.annotations && Ae.register(Ou), s.value && (k.value = s.value.offsetWidth, A.value = s.value.offsetHeight, R.observe(s.value));
@@ -17347,7 +17347,7 @@ const Lu = (n, t) => {
       [Ht.Bottom]: "column"
     }, N = H(() => {
       if (l.value && q.value) {
-        const O = window.devicePixelRatio, L = q.value, B = L.scales.y.width * O + Pk, U = (L.scales.y.height + L.scales.y.top + L.scales.x.height) * O, K = l.value.getContext("2d");
+        const O = window.devicePixelRatio, L = q.value, B = L.scales.y.width * O + Ck, U = (L.scales.y.height + L.scales.y.top + L.scales.x.height) * O, K = l.value.getContext("2d");
         return K.scale(O, O), K.canvas.width = B, K.canvas.height = U, K.canvas.style.width = `${B / O}px`, K.canvas.style.height = `${U / O}px`, {
           scale: O,
           width: B * O,
@@ -17360,7 +17360,7 @@ const Lu = (n, t) => {
       const L = O.target;
       if (N.value && q.value && !x.value) {
         const B = N.value.scale, U = N.value.targetCtx, K = N.value.width, j = N.value.height, Y = q.value, et = Y.canvas;
-        U.fillStyle = "white", L.scrollLeft >= Dk && L.scrollLeft <= Tk ? (U.globalCompositeOperation = "source-over", U.clearRect(0, 0, K, j), U.drawImage(et, 0, 0, K, j, 0, 0, K, j), U.globalCompositeOperation = "destination-over", U.fillRect(0, 0, K, j)) : (U.globalCompositeOperation = "source-over", U.fillRect(0, (Y.scales.y.height + Y.scales.y.top + Ck) * B, K, Y.scales.x.height * B));
+        U.fillStyle = "white", L.scrollLeft >= kk && L.scrollLeft <= Dk ? (U.globalCompositeOperation = "source-over", U.clearRect(0, 0, K, j), U.drawImage(et, 0, 0, K, j, 0, 0, K, j), U.globalCompositeOperation = "destination-over", U.fillRect(0, 0, K, j)) : (U.globalCompositeOperation = "source-over", U.fillRect(0, (Y.scales.y.height + Y.scales.y.top + Tk) * B, K, Y.scales.x.height * B));
       }
       _.offsetY = L.scrollTop, _.offsetX = L.scrollLeft, g.value.offset = L.scrollLeft;
     }, vt = ({ width: O, height: L }) => {
@@ -17427,14 +17427,14 @@ const Lu = (n, t) => {
       }, null, 8, ["id", "chart-instance", "items"])
     ], 2));
   }
-}), Ek = /* @__PURE__ */ cn(Ok, [["__scopeId", "data-v-251c3e18"]]);
+}), Ok = /* @__PURE__ */ cn(Pk, [["__scopeId", "data-v-251c3e18"]]);
 /*!
  * chartjs-adapter-date-fns v3.0.0
  * https://www.chartjs.org
  * (c) 2022 chartjs-adapter-date-fns Contributors
  * Released under the MIT license
  */
-const Ak = {
+const Ek = {
   datetime: "MMM d, yyyy, h:mm:ss aaaa",
   millisecond: "h:mm:ss.SSS aaaa",
   second: "h:mm:ss aaaa",
@@ -17450,7 +17450,7 @@ Ad._date.override({
   _id: "date-fns",
   // DEBUG
   formats: function() {
-    return Ak;
+    return Ek;
   },
   parse: function(n, t) {
     if (n === null || typeof n > "u")
@@ -17577,14 +17577,14 @@ const af = {
     type: String,
     default: void 0
   }
-}, Rk = {
+}, Ak = {
   ariaLabel: {
     type: String
   },
   ariaDescribedby: {
     type: String
   }
-}, Lk = {
+}, Rk = {
   type: {
     type: String,
     required: !0
@@ -17595,18 +17595,18 @@ const af = {
     // No delay by default
   },
   ...af,
-  ...Rk
-}, Ik = Tg[0] === "2" ? (n, t) => Object.assign(n, {
+  ...Ak
+}, Lk = Tg[0] === "2" ? (n, t) => Object.assign(n, {
   attrs: t
 }) : (n, t) => Object.assign(n, t);
 function ri(n) {
   return id(n) ? Da(n) : n;
 }
-function Fk(n) {
+function Ik(n) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : n;
   return id(t) ? new Proxy(n, {}) : n;
 }
-function Nk(n, t) {
+function Fk(n, t) {
   const e = n.options;
   e && t && Object.assign(e, t);
 }
@@ -17622,15 +17622,15 @@ function lf(n, t, e) {
     } : (i.push(r), Object.assign(r, s), r);
   });
 }
-function zk(n, t) {
+function Nk(n, t) {
   const e = {
     labels: [],
     datasets: []
   };
   return of(e, n.labels), lf(e, n.datasets, t), e;
 }
-const Hk = oe({
-  props: Lk,
+const zk = oe({
+  props: Rk,
   setup(n, t) {
     let { expose: e, slots: i } = t;
     const s = rt(null), r = ro(null);
@@ -17639,7 +17639,7 @@ const Hk = oe({
     });
     const a = () => {
       if (!s.value) return;
-      const { type: c, data: u, options: d, plugins: h, datasetIdKey: f } = n, g = zk(u, f), b = Fk(g, u);
+      const { type: c, data: u, options: d, plugins: h, datasetIdKey: f } = n, g = Nk(u, f), b = Ik(g, u);
       r.value = new Ae(s.value, {
         type: c,
         data: b,
@@ -17667,7 +17667,7 @@ const Hk = oe({
       let x = !1;
       if (d) {
         const _ = ri(d), v = ri(f);
-        _ && _ !== v && (Nk(b, _), x = !0);
+        _ && _ !== v && (Fk(b, _), x = !0);
       }
       if (h) {
         const _ = ri(h.labels), v = ri(g.labels), M = ri(h.datasets), T = ri(g.datasets);
@@ -17700,7 +17700,7 @@ function Ko(n, t) {
       };
       return s({
         chart: r
-      }), () => Ta(Hk, Ik({
+      }), () => Ta(zk, Lk({
         ref: a
       }, {
         type: n,
@@ -17709,7 +17709,7 @@ function Ko(n, t) {
     }
   });
 }
-const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an), Bk = /* @__PURE__ */ Ko("line", Zi), Yk = { class: "chart-container" }, jk = /* @__PURE__ */ oe({
+const Hk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an), Wk = /* @__PURE__ */ Ko("line", Zi), Bk = { class: "chart-container" }, Yk = /* @__PURE__ */ oe({
   __name: "DoughnutChart",
   props: {
     chartData: {
@@ -17785,7 +17785,7 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
       class: vn(["chart-parent", f(n.legendPosition)]),
       "data-testid": "doughnut-chart-parent"
     }, [
-      lt("div", Yk, [
+      lt("div", Bk, [
         Kt(it(cf), {
           ref_key: "chartInstance",
           ref: h,
@@ -17812,7 +17812,7 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
       }, null, 8, ["id", "chart-instance", "items", "position"])
     ], 2));
   }
-}), $k = /* @__PURE__ */ cn(jk, [["__scopeId", "data-v-5cc0c740"]]), Nu = (n, t, e, i) => {
+}), jk = /* @__PURE__ */ cn(Yk, [["__scopeId", "data-v-5cc0c740"]]), Nu = (n, t, e, i) => {
   n.save(), n.beginPath(), n.moveTo(t, e), n.lineTo(t, i), n.lineWidth = 1, n.strokeStyle = "#0275d8", n.stroke(), n.restore();
 }, Ni = {
   id: "linePlugin",
@@ -17829,7 +17829,7 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
   beforeDestroy() {
     delete this.clickedSegment;
   }
-}, qk = (n, t, e) => {
+}, $k = (n, t, e) => {
   const i = n.ctx;
   i.save(), i.fillStyle = "rgba(200, 200, 200, 0.5)", i.fillRect(t, n.chartArea.top, e - t, n.chartArea.bottom - n.chartArea.top), i.restore();
 }, zu = (n, t, e) => {
@@ -17840,7 +17840,7 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
       xEnd: s
     }
   }));
-}, Uk = {
+}, qk = {
   id: "dragSelectPlugin",
   isDragging: !1,
   startX: 0,
@@ -17868,9 +17868,9 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
     this.isDragging = !1;
   },
   afterDatasetsDraw: function(n) {
-    this.isDragging && qk(n, this.startX, this.endX);
+    this.isDragging && $k(n, this.startX, this.endX);
   }
-}, Vk = /* @__PURE__ */ oe({
+}, Uk = /* @__PURE__ */ oe({
   __name: "TimeSeriesChart",
   props: {
     chartData: {
@@ -17972,7 +17972,7 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
     }, g = H(() => [
       f,
       rf,
-      ...e.zoom ? [Uk] : [],
+      ...e.zoom ? [qk] : [],
       ...e.type === "timeseries_line" ? [Ni] : []
     ]), b = H(() => `line-${g.value.map((m) => m.id).join("-")}`), x = H(() => `bar-${g.value.map((m) => m.id).join("-")}`), { options: _ } = pt.useLinechartOptions({
       tooltipState: h,
@@ -18020,7 +18020,7 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
         class: "chart-container",
         onClick: y[0] || (y[0] = (k) => S())
       }, [
-        n.type === "timeseries_line" ? (Z(), $t(it(Bk), {
+        n.type === "timeseries_line" ? (Z(), $t(it(Wk), {
           key: b.value,
           ref_key: "chartInstance",
           ref: r,
@@ -18030,7 +18030,7 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
           "data-testid": "time-series-line-chart",
           options: it(_),
           plugins: g.value
-        }, null, 8, ["chart-id", "data", "options", "plugins"])) : n.type === "timeseries_bar" ? (Z(), $t(it(Wk), {
+        }, null, 8, ["chart-id", "data", "options", "plugins"])) : n.type === "timeseries_bar" ? (Z(), $t(it(Hk), {
           key: x.value,
           ref_key: "chartInstance",
           ref: r,
@@ -18067,15 +18067,15 @@ const Wk = /* @__PURE__ */ Ko("bar", Ki), cf = /* @__PURE__ */ Ko("doughnut", an
       }, null, 8, ["id", "chart-instance", "items"])
     ], 2));
   }
-}), Xk = /* @__PURE__ */ cn(Vk, [["__scopeId", "data-v-d4af26af"]]);
+}), Vk = /* @__PURE__ */ cn(Uk, [["__scopeId", "data-v-d4af26af"]]);
 var oi = /* @__PURE__ */ ((n) => (n.String = "string", n.Number = "number", n.Boolean = "boolean", n.Object = "object", n.Undefined = "undefined", n))(oi || {});
-const ZT = [
+const KT = [
   "doughnut",
   "horizontal_bar",
   "vertical_bar",
   "timeseries_line",
   "timeseries_bar"
-], QT = [
+], ZT = [
   "gauge",
   "top_n"
 ];
@@ -18667,10 +18667,10 @@ vr.exports;
   }
   n.exports = vg;
 })(vr, vr.exports);
-var Gk = vr.exports;
-const Kk = /* @__PURE__ */ Ho(Gk);
-var Zk = 1 / 0, Qk = 9007199254740991, Jk = "[object Arguments]", tD = "[object Function]", eD = "[object GeneratorFunction]", nD = "[object Symbol]", iD = typeof be == "object" && be && be.Object === Object && be, sD = typeof self == "object" && self && self.Object === Object && self, rD = iD || sD || Function("return this")();
-function aD(n, t, e) {
+var Xk = vr.exports;
+const Gk = /* @__PURE__ */ Ho(Xk);
+var Kk = 1 / 0, Zk = 9007199254740991, Qk = "[object Arguments]", Jk = "[object Function]", tD = "[object GeneratorFunction]", eD = "[object Symbol]", nD = typeof be == "object" && be && be.Object === Object && be, iD = typeof self == "object" && self && self.Object === Object && self, sD = nD || iD || Function("return this")();
+function rD(n, t, e) {
   switch (e.length) {
     case 0:
       return n.call(t);
@@ -18683,87 +18683,87 @@ function aD(n, t, e) {
   }
   return n.apply(t, e);
 }
-function oD(n, t) {
+function aD(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 lD(n, t) {
+function oD(n, t) {
   for (var e = -1, i = t.length, s = n.length; ++e < i; )
     n[s + e] = t[e];
   return n;
 }
-var Zo = Object.prototype, cD = Zo.hasOwnProperty, Qo = Zo.toString, Hu = rD.Symbol, uD = Zo.propertyIsEnumerable, Wu = Hu ? Hu.isConcatSpreadable : void 0, Bu = Math.max;
-function dD(n, t, e, i, s) {
+var Zo = Object.prototype, lD = Zo.hasOwnProperty, Qo = Zo.toString, Hu = sD.Symbol, cD = Zo.propertyIsEnumerable, Wu = Hu ? Hu.isConcatSpreadable : void 0, Bu = Math.max;
+function uD(n, t, e, i, s) {
   var r = -1, a = n.length;
-  for (e || (e = pD), s || (s = []); ++r < a; ) {
+  for (e || (e = gD), s || (s = []); ++r < a; ) {
     var o = n[r];
-    e(o) ? lD(s, o) : s[s.length] = o;
+    e(o) ? oD(s, o) : s[s.length] = o;
   }
   return s;
 }
-function hD(n, t) {
-  return n = Object(n), fD(n, t, function(e, i) {
+function dD(n, t) {
+  return n = Object(n), hD(n, t, function(e, i) {
     return i in n;
   });
 }
-function fD(n, t, e) {
+function hD(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 gD(n, t) {
+function fD(n, t) {
   return t = Bu(t === void 0 ? n.length - 1 : t, 0), function() {
     for (var e = arguments, i = -1, s = Bu(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, aD(n, this, a);
+    return a[t] = r, rD(n, this, a);
   };
 }
-function pD(n) {
-  return yD(n) || bD(n) || !!(Wu && n && n[Wu]);
+function gD(n) {
+  return bD(n) || mD(n) || !!(Wu && n && n[Wu]);
 }
-function mD(n) {
-  if (typeof n == "string" || SD(n))
+function pD(n) {
+  if (typeof n == "string" || MD(n))
     return n;
   var t = n + "";
-  return t == "0" && 1 / n == -Zk ? "-0" : t;
+  return t == "0" && 1 / n == -Kk ? "-0" : t;
 }
-function bD(n) {
-  return _D(n) && cD.call(n, "callee") && (!uD.call(n, "callee") || Qo.call(n) == Jk);
+function mD(n) {
+  return xD(n) && lD.call(n, "callee") && (!cD.call(n, "callee") || Qo.call(n) == Qk);
+}
+var bD = Array.isArray;
+function yD(n) {
+  return n != null && wD(n.length) && !_D(n);
 }
-var yD = Array.isArray;
 function xD(n) {
-  return n != null && vD(n.length) && !wD(n);
+  return uf(n) && yD(n);
 }
 function _D(n) {
-  return uf(n) && xD(n);
+  var t = vD(n) ? Qo.call(n) : "";
+  return t == Jk || t == tD;
 }
 function wD(n) {
-  var t = MD(n) ? Qo.call(n) : "";
-  return t == tD || t == eD;
+  return typeof n == "number" && n > -1 && n % 1 == 0 && n <= Zk;
 }
 function vD(n) {
-  return typeof n == "number" && n > -1 && n % 1 == 0 && n <= Qk;
-}
-function MD(n) {
   var t = typeof n;
   return !!n && (t == "object" || t == "function");
 }
 function uf(n) {
   return !!n && typeof n == "object";
 }
-function SD(n) {
-  return typeof n == "symbol" || uf(n) && Qo.call(n) == nD;
+function MD(n) {
+  return typeof n == "symbol" || uf(n) && Qo.call(n) == eD;
 }
-var kD = gD(function(n, t) {
-  return n == null ? {} : hD(n, oD(dD(t), mD));
-}), DD = kD;
-const TD = /* @__PURE__ */ Ho(DD);
+var SD = fD(function(n, t) {
+  return n == null ? {} : dD(n, aD(uD(t), pD));
+}), kD = SD;
+const DD = /* @__PURE__ */ Ho(kD);
 var df = { exports: {} };
 (function(n, t) {
   (function(e, i) {
@@ -18833,7 +18833,7 @@ var df = { exports: {} };
     a.saveAs = l.saveAs = l, n.exports = l;
   });
 })(df);
-var CD = df.exports, hf = { exports: {} };
+var TD = df.exports, hf = { exports: {} };
 /* @license
 Papa Parse
 v5.4.1
@@ -19324,8 +19324,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, l;
   });
 })(hf);
-var PD = hf.exports;
-const OD = ["id"], ED = /* @__PURE__ */ oe({
+var CD = hf.exports;
+const PD = ["id"], OD = /* @__PURE__ */ oe({
   __name: "VueJsonCsv",
   props: {
     data: {
@@ -19390,12 +19390,12 @@ const OD = ["id"], ED = /* @__PURE__ */ oe({
       const u = i.labels;
       if (typeof i.fields !== oi.Object)
         throw new Error("Labels needs to be a object containing key / value pairs.");
-      return typeof u === oi.Object ? (d) => Kk(d, (h, f) => u[f] || f) : (d) => d;
+      return typeof u === oi.Object ? (d) => Gk(d, (h, f) => u[f] || f) : (d) => d;
     }, o = () => {
       const u = i.fields;
       if (typeof i.fields !== oi.Object && !Array.isArray(u))
         throw new Error("Fields needs to be an array of strings.");
-      return Array.isArray(u) ? (d) => TD(d, u) : (d) => d;
+      return Array.isArray(u) ? (d) => DD(d, u) : (d) => d;
     }, l = () => {
       if (typeof i.fields === oi.Undefined && typeof i.labels === oi.Undefined)
         return i.data;
@@ -19407,7 +19407,7 @@ const OD = ["id"], ED = /* @__PURE__ */ oe({
         return;
       }
       e("export-started", r.value);
-      let u = PD.unparse(r.value, Object.assign({
+      let u = CD.unparse(r.value, Object.assign({
         delimiter: i.delimiter,
         encoding: i.encoding
       }));
@@ -19416,7 +19416,7 @@ const OD = ["id"], ED = /* @__PURE__ */ oe({
         const d = new Blob([u], {
           type: "text/csv;charset=" + i.encoding
         });
-        CD.saveAs(d, i.filename);
+        TD.saveAs(d, i.filename);
       }
     };
     return (u, d) => (Z(), ht("div", {
@@ -19427,9 +19427,9 @@ const OD = ["id"], ED = /* @__PURE__ */ oe({
       kr(u.$slots, "default", {}, () => [
         Ee("Download " + ct(n.filename), 1)
       ])
-    ], 8, OD));
+    ], 8, PD));
   }
-}), AD = /* @__PURE__ */ oe({
+}), ED = /* @__PURE__ */ oe({
   __name: "DownloadCsv",
   props: {
     rows: {},
@@ -19439,7 +19439,7 @@ const OD = ["id"], ED = /* @__PURE__ */ oe({
   setup(n) {
     const t = n, e = H(() => Object.keys(t.headers));
     return (i, s) => (Z(), ht("div", null, [
-      Kt(ED, {
+      Kt(OD, {
         data: i.rows,
         fields: e.value,
         filename: i.filename,
@@ -19454,30 +19454,30 @@ const OD = ["id"], ED = /* @__PURE__ */ oe({
   }
 });
 function Yu(n, t, e) {
-  const i = gh(), s = ID(n, e.timeZone, e.locale ?? i.locale);
-  return "formatToParts" in s ? RD(s, t) : LD(s, t);
+  const i = gh(), s = LD(n, e.timeZone, e.locale ?? i.locale);
+  return "formatToParts" in s ? AD(s, t) : RD(s, t);
 }
-function RD(n, t) {
+function AD(n, t) {
   const e = n.formatToParts(t);
   for (let i = e.length - 1; i >= 0; --i)
     if (e[i].type === "timeZoneName")
       return e[i].value;
 }
-function LD(n, t) {
+function RD(n, t) {
   const e = n.format(t).replace(/\u200E/g, ""), i = / [\w-+ ]+$/.exec(e);
   return i ? i[0].substr(1) : "";
 }
-function ID(n, t, e) {
+function LD(n, t, e) {
   return new Intl.DateTimeFormat(e ? [e.code, "en-US"] : void 0, {
     timeZone: t,
     timeZoneName: n
   });
 }
-function FD(n, t) {
-  const e = BD(t);
-  return "formatToParts" in e ? zD(e, n) : HD(e, n);
+function ID(n, t) {
+  const e = WD(t);
+  return "formatToParts" in e ? ND(e, n) : zD(e, n);
 }
-const ND = {
+const FD = {
   year: 0,
   month: 1,
   day: 2,
@@ -19485,11 +19485,11 @@ const ND = {
   minute: 4,
   second: 5
 };
-function zD(n, t) {
+function ND(n, t) {
   try {
     const e = n.formatToParts(t), i = [];
     for (let s = 0; s < e.length; s++) {
-      const r = ND[e[s].type];
+      const r = FD[e[s].type];
       r !== void 0 && (i[r] = parseInt(e[s].value, 10));
     }
     return i;
@@ -19499,7 +19499,7 @@ function zD(n, t) {
     throw e;
   }
 }
-function HD(n, t) {
+function zD(n, t) {
   const e = n.format(t), i = /(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(e);
   return [
     parseInt(i[3], 10),
@@ -19519,9 +19519,9 @@ const wa = {}, ju = new Intl.DateTimeFormat("en-US", {
   hour: "2-digit",
   minute: "2-digit",
   second: "2-digit"
-}).format(/* @__PURE__ */ new Date("2014-06-25T04:00:00.123Z")), WD = ju === "06/25/2014, 00:00:00" || ju === "‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";
-function BD(n) {
-  return wa[n] || (wa[n] = WD ? new Intl.DateTimeFormat("en-US", {
+}).format(/* @__PURE__ */ new Date("2014-06-25T04:00:00.123Z")), HD = ju === "06/25/2014, 00:00:00" || ju === "‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";
+function WD(n) {
+  return wa[n] || (wa[n] = HD ? new Intl.DateTimeFormat("en-US", {
     hourCycle: "h23",
     timeZone: n,
     year: "numeric",
@@ -19545,7 +19545,7 @@ function ff(n, t, e, i, s, r, a) {
   const o = /* @__PURE__ */ new Date(0);
   return o.setUTCFullYear(n, t, e), o.setUTCHours(i, s, r, a), o;
 }
-const $u = 36e5, YD = 6e4, va = {
+const $u = 36e5, BD = 6e4, va = {
   timezone: /([Z+-].*)$/,
   timezoneZ: /^(Z)$/,
   timezoneHH: /^([+-]\d{2})$/,
@@ -19563,25 +19563,25 @@ function gf(n, t, e) {
   if (i = va.timezoneHHMM.exec(n), i) {
     s = parseInt(i[2], 10);
     const a = parseInt(i[3], 10);
-    return qu(s, a) ? (r = Math.abs(s) * $u + a * YD, i[1] === "+" ? -r : r) : NaN;
+    return qu(s, a) ? (r = Math.abs(s) * $u + a * BD, i[1] === "+" ? -r : r) : NaN;
   }
-  if (qD(n)) {
+  if ($D(n)) {
     t = new Date(t || Date.now());
-    const a = e ? t : jD(t), o = so(a, n);
-    return -(e ? o : $D(t, o, n));
+    const a = e ? t : YD(t), o = so(a, n);
+    return -(e ? o : jD(t, o, n));
   }
   return NaN;
 }
-function jD(n) {
+function YD(n) {
   return ff(n.getFullYear(), n.getMonth(), n.getDate(), n.getHours(), n.getMinutes(), n.getSeconds(), n.getMilliseconds());
 }
 function so(n, t) {
-  const e = FD(n, t), i = ff(e[0], e[1] - 1, e[2], e[3] % 24, e[4], e[5], 0).getTime();
+  const e = ID(n, t), i = ff(e[0], e[1] - 1, e[2], e[3] % 24, e[4], e[5], 0).getTime();
   let s = n.getTime();
   const r = s % 1e3;
   return s -= r >= 0 ? r : 1e3 + r, i - s;
 }
-function $D(n, t, e) {
+function jD(n, t, e) {
   let s = n.getTime() - t;
   const r = so(new Date(s), e);
   if (t === r)
@@ -19594,7 +19594,7 @@ function qu(n, t) {
   return -23 <= n && n <= 23 && (t == null || 0 <= t && t <= 59);
 }
 const Uu = {};
-function qD(n) {
+function $D(n) {
   if (Uu[n])
     return !0;
   try {
@@ -19603,7 +19603,7 @@ function qD(n) {
     return !1;
   }
 }
-const UD = 60 * 1e3, VD = {
+const qD = 60 * 1e3, UD = {
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function(n, t, e) {
     const i = Ma(e.timeZone, n);
@@ -19643,7 +19643,7 @@ const UD = 60 * 1e3, VD = {
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + XD(i, ":");
+        return "GMT" + VD(i, ":");
       case "OOOO":
       default:
         return "GMT" + li(i, ":");
@@ -19663,7 +19663,7 @@ const UD = 60 * 1e3, VD = {
   }
 };
 function Ma(n, t) {
-  const e = n ? gf(n, t, !0) / UD : (t == null ? void 0 : t.getTimezoneOffset()) ?? 0;
+  const e = n ? gf(n, t, !0) / qD : (t == null ? void 0 : t.getTimezoneOffset()) ?? 0;
   if (Number.isNaN(e))
     throw new RangeError("Invalid time zone specified: " + n);
   return e;
@@ -19682,7 +19682,7 @@ function li(n, t = "") {
 function Vu(n, t) {
   return n % 60 === 0 ? (n > 0 ? "-" : "+") + Mr(Math.abs(n) / 60, 2) : li(n, t);
 }
-function XD(n, t = "") {
+function VD(n, t = "") {
   const e = n > 0 ? "-" : "+", i = Math.abs(n), s = Math.floor(i / 60), r = i % 60;
   return r === 0 ? e + String(s) : e + String(s) + t + Mr(r, 2);
 }
@@ -19690,7 +19690,7 @@ function Xu(n) {
   const t = new Date(Date.UTC(n.getFullYear(), n.getMonth(), n.getDate(), n.getHours(), n.getMinutes(), n.getSeconds(), n.getMilliseconds()));
   return t.setUTCFullYear(n.getFullYear()), +n - +t;
 }
-const GD = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/, Sa = 36e5, Gu = 6e4, KD = 2, ae = {
+const XD = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/, Sa = 36e5, Gu = 6e4, GD = 2, ae = {
   dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
   datePattern: /^([0-9W+-]+)(.*)/,
   plainTime: /:/,
@@ -19723,14 +19723,14 @@ const GD = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)
   HHMM: /^(\d{2}):?(\d{2}([.,]\d*)?)$/,
   HHMMSS: /^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,
   // time zone tokens (to identify the presence of a tz)
-  timeZone: GD
+  timeZone: XD
 };
-function ZD(n, t = {}) {
+function KD(n, t = {}) {
   if (arguments.length < 1)
     throw new TypeError("1 argument required, but only " + arguments.length + " present");
   if (n === null)
     return /* @__PURE__ */ new Date(NaN);
-  const e = t.additionalDigits == null ? KD : Number(t.additionalDigits);
+  const e = t.additionalDigits == null ? GD : Number(t.additionalDigits);
   if (e !== 2 && e !== 1 && e !== 0)
     throw new RangeError("additionalDigits must be 0, 1 or 2");
   if (n instanceof Date || typeof n == "object" && Object.prototype.toString.call(n) === "[object Date]")
@@ -19739,13 +19739,13 @@ function ZD(n, t = {}) {
     return new Date(n);
   if (Object.prototype.toString.call(n) !== "[object String]")
     return /* @__PURE__ */ new Date(NaN);
-  const i = QD(n), { year: s, restDateString: r } = JD(i.date, e), a = tT(r, s);
+  const i = ZD(n), { year: s, restDateString: r } = QD(i.date, e), a = JD(r, s);
   if (a === null || isNaN(a.getTime()))
     return /* @__PURE__ */ new Date(NaN);
   if (a) {
     const o = a.getTime();
     let l = 0, c;
-    if (i.time && (l = eT(i.time), l === null || isNaN(l)))
+    if (i.time && (l = tT(i.time), l === null || isNaN(l)))
       return /* @__PURE__ */ new Date(NaN);
     if (i.timeZone || t.timeZone) {
       if (c = gf(i.timeZone || t.timeZone, new Date(o + l)), isNaN(c))
@@ -19756,7 +19756,7 @@ function ZD(n, t = {}) {
   } else
     return /* @__PURE__ */ new Date(NaN);
 }
-function QD(n) {
+function ZD(n) {
   const t = {};
   let e = ae.dateTimePattern.exec(n), i;
   if (e ? (t.date = e[1], i = e[3]) : (e = ae.datePattern.exec(n), e ? (t.date = e[1], i = e[2]) : (t.date = null, i = n)), i) {
@@ -19765,7 +19765,7 @@ function QD(n) {
   }
   return t;
 }
-function JD(n, t) {
+function QD(n, t) {
   if (n) {
     const e = ae.YYY[t], i = ae.YYYYY[t];
     let s = ae.YYYY.exec(n) || i.exec(n);
@@ -19788,7 +19788,7 @@ function JD(n, t) {
     year: null
   };
 }
-function tT(n, t) {
+function JD(n, t) {
   if (t === null)
     return null;
   let e, i, s;
@@ -19800,7 +19800,7 @@ function tT(n, t) {
   if (r = ae.DDD.exec(n), r) {
     e = /* @__PURE__ */ new Date(0);
     const a = parseInt(r[1], 10);
-    return sT(t, a) ? (e.setUTCFullYear(t, 0, a), e) : /* @__PURE__ */ new Date(NaN);
+    return iT(t, a) ? (e.setUTCFullYear(t, 0, a), e) : /* @__PURE__ */ new Date(NaN);
   }
   if (r = ae.MMDD.exec(n), r) {
     e = /* @__PURE__ */ new Date(0), i = parseInt(r[1], 10) - 1;
@@ -19816,7 +19816,7 @@ function tT(n, t) {
   }
   return null;
 }
-function eT(n) {
+function tT(n) {
   let t, e, i = ae.HH.exec(n);
   if (i)
     return t = parseFloat(i[1].replace(",", ".")), ka(t) ? t % 24 * Sa : NaN;
@@ -19836,7 +19836,7 @@ function Ku(n, t, e) {
   const s = i.getUTCDay() || 7, r = t * 7 + e + 1 - s;
   return i.setUTCDate(i.getUTCDate() + r), i;
 }
-const nT = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], iT = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+const eT = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], nT = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 function pf(n) {
   return n % 400 === 0 || n % 4 === 0 && n % 100 !== 0;
 }
@@ -19847,12 +19847,12 @@ function Zu(n, t, e) {
     if (e < 1)
       return !1;
     const i = pf(n);
-    if (i && e > iT[t] || !i && e > nT[t])
+    if (i && e > nT[t] || !i && e > eT[t])
       return !1;
   }
   return !0;
 }
-function sT(n, t) {
+function iT(n, t) {
   if (t < 1)
     return !1;
   const e = pf(n);
@@ -19864,25 +19864,25 @@ function Qu(n, t) {
 function ka(n, t, e) {
   return !(n < 0 || n >= 25 || t != null && (t < 0 || t >= 60) || e != null && (e < 0 || e >= 60));
 }
-const rT = /([xXOz]+)|''|'(''|[^'])+('|$)/g;
+const sT = /([xXOz]+)|''|'(''|[^'])+('|$)/g;
 function Ju(n, t, e = {}) {
   t = String(t);
-  const i = t.match(rT);
+  const i = t.match(sT);
   if (i) {
-    const s = ZD(e.originalDate || n, e);
+    const s = KD(e.originalDate || n, e);
     t = i.reduce(function(r, a) {
       if (a[0] === "'")
         return r;
-      const o = r.indexOf(a), l = r[o - 1] === "'", c = r.replace(a, "'" + VD[a[0]](s, a, e) + "'");
+      const o = r.indexOf(a), l = r[o - 1] === "'", c = r.replace(a, "'" + UD[a[0]](s, a, e) + "'");
       return l ? c.substring(0, o - 1) + c.substring(o + 1) : c;
     }, t);
   }
   return fh(n, t, e);
 }
-const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
+const rT = { class: "kong-ui-public-csv-export-modal" }, aT = {
   key: 0,
   class: "selected-range"
-}, lT = {
+}, oT = {
   key: 1,
   class: "text-muted",
   tag: "span"
@@ -19961,7 +19961,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
       l.value++;
     }), (b, x) => {
       const _ = Se("KEmptyState"), v = Se("KTableData"), M = Se("KButton"), T = Se("KModal");
-      return Z(), ht("div", aT, [
+      return Z(), ht("div", rT, [
         Kt(T, {
           class: "vitals-report",
           "data-testid": "csv-export-modal",
@@ -19975,7 +19975,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
             var S;
             return [
               lt("div", null, [
-                o.value ? (Z(), ht("div", oT, [
+                o.value ? (Z(), ht("div", aT, [
                   lt("p", null, ct(b.modalDescription ? b.modalDescription : it(e).t("csvExport.exportDescription")), 1),
                   lt("p", null, ct(it(e).t("csvExport.exportTimeRange")) + ": " + ct(it(u)), 1)
                 ])) : Ft("", !0),
@@ -20001,7 +20001,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
                   ]),
                   _: 1
                 }, 8, ["fetcher-cache-key", "headers"]),
-                !a.value && o.value ? (Z(), ht("div", lT, ct(d.value), 1)) : Ft("", !0)
+                !a.value && o.value ? (Z(), ht("div", oT, ct(d.value), 1)) : Ft("", !0)
               ])
             ];
           }),
@@ -20016,7 +20016,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
               ]),
               _: 1
             }),
-            Kt(AD, {
+            Kt(ED, {
               class: "vitals-report-export-button",
               filename: r,
               headers: f.value.csvHeaders,
@@ -20042,7 +20042,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
       ]);
     };
   }
-}), cT = /* @__PURE__ */ oe({
+}), lT = /* @__PURE__ */ oe({
   __name: "CsvExportButton",
   props: {
     data: {
@@ -20094,16 +20094,16 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
       ], 64);
     };
   }
-}), uT = { class: "chart-header" }, dT = ["title"], hT = { class: "chart-header-icons-wrapper" }, fT = {
+}), cT = { class: "chart-header" }, uT = ["title"], dT = { class: "chart-header-icons-wrapper" }, hT = {
   key: 1,
   class: "chart-export-button"
-}, gT = ["aria-label"], pT = ["href"], mT = {
+}, fT = ["aria-label"], gT = ["href"], pT = {
   class: "chart-export-trigger",
   "data-testid": "csv-export-button"
-}, bT = {
+}, mT = {
   key: 1,
   class: "analytics-chart-parent"
-}, yT = /* @__PURE__ */ oe({
+}, bT = /* @__PURE__ */ oe({
   __name: "AnalyticsChart",
   props: {
     allowCsvExport: {
@@ -20183,8 +20183,8 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
   emits: ["zoom-time-range"],
   setup(n, { emit: t }) {
     nd((O) => ({
-      "5a64f2e6": N.value,
-      "29164a3c": Ot.value
+      "0c213fc6": N.value,
+      "885d576e": Ot.value
     }));
     const e = n, i = t, { i18n: s } = pt.useI18n(), { evaluateFeatureFlag: r } = pt.useEvaluateFeatureFlag(), a = r("ma-3043-analytics-chart-kebab-menu", !1), o = Mt(e, "chartData"), l = rt(!1), c = H(() => P.value ? pt.useExploreResultToTimeDataset(
       {
@@ -20240,7 +20240,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
       return s.t(`granularityAxisTitles.${O}`);
     }), R = H(() => e.emptyStateTitle || s.t("noDataAvailableTitle")), z = H(() => e.emptyStateDescription || s.t("noDataAvailableDescription")), $ = H(() => P.value ? qw(c.value) : e.chartData && e.chartData.meta && e.chartData.data.length), G = H(() => e.allowCsvExport && $.value || !!e.goToExplore || e.showMenu), q = H(() => e.chartData.meta.granularity_ms ? ya(e.chartData.meta.granularity_ms) || "hourly" : ya(
       new Date(e.chartData.data[1].timestamp).getTime() - new Date(e.chartData.data[0].timestamp).getTime()
-    ) || "hourly"), I = H(() => e.chartOptions.chartLegendSortFn ? e.chartOptions.chartLegendSortFn : (O, L) => O.text === s.t("chartLabels.____OTHER____") ? 1 : L.text === s.t("chartLabels.____OTHER____") ? -1 : !isNaN(parseInt(O.text, 10)) && !isNaN(parseInt(L.text, 10)) ? O.text < L.text ? -1 : 1 : O.value && L.value ? L.value.raw - O.value.raw : 0), at = H(() => e.chartOptions.chartTooltipSortFn ? e.chartOptions.chartTooltipSortFn : (O, L) => O.label === s.t("chartLabels.____OTHER____") ? 1 : L.label === s.t("chartLabels.____OTHER____") ? -1 : !isNaN(parseInt(O.label, 10)) && !isNaN(parseInt(L.label, 10)) ? O.label < L.label ? -1 : 1 : O.value && L.value ? L.rawValue - O.rawValue : 0), N = H(() => e.chartTitle || !a || M.value && v.value ? "relative" : "absolute"), Ot = H(() => N.value === "relative" ? "100%" : ik), vt = () => {
+    ) || "hourly"), I = H(() => e.chartOptions.chartLegendSortFn ? e.chartOptions.chartLegendSortFn : (O, L) => O.text === s.t("chartLabels.____OTHER____") ? 1 : L.text === s.t("chartLabels.____OTHER____") ? -1 : !isNaN(parseInt(O.text, 10)) && !isNaN(parseInt(L.text, 10)) ? O.text < L.text ? -1 : 1 : O.value && L.value ? L.value.raw - O.value.raw : 0), at = H(() => e.chartOptions.chartTooltipSortFn ? e.chartOptions.chartTooltipSortFn : (O, L) => O.label === s.t("chartLabels.____OTHER____") ? 1 : L.label === s.t("chartLabels.____OTHER____") ? -1 : !isNaN(parseInt(O.label, 10)) && !isNaN(parseInt(L.label, 10)) ? O.label < L.label ? -1 : 1 : O.value && L.value ? L.rawValue - O.rawValue : 0), N = H(() => e.chartTitle || !a || M.value && v.value ? "relative" : "absolute"), Ot = H(() => N.value === "relative" ? "100%" : "2ch"), vt = () => {
       l.value = !0;
     }, W = () => {
       l.value = !1;
@@ -20252,13 +20252,13 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
         onMouseenter: vt,
         onMouseleave: W
       }, [
-        lt("div", uT, [
+        lt("div", cT, [
           n.chartTitle ? (Z(), ht("div", {
             key: 0,
             class: "chart-title",
             title: n.chartTitle
-          }, ct(n.chartTitle), 9, dT)) : Ft("", !0),
-          lt("div", hT, [
+          }, ct(n.chartTitle), 9, uT)) : Ft("", !0),
+          lt("div", dT, [
             $.value && M.value && v.value ? (Z(), $t(B, {
               key: 0,
               class: "tooltip",
@@ -20278,8 +20278,8 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
               _: 1
             })) : Ft("", !0)
           ]),
-          n.allowCsvExport && $.value && !it(a) ? (Z(), ht("div", fT, [
-            Kt(cT, {
+          n.allowCsvExport && $.value && !it(a) ? (Z(), ht("div", hT, [
+            Kt(lT, {
               data: o.value,
               "filename-prefix": n.filenamePrefix
             }, null, 8, ["data", "filename-prefix"])
@@ -20295,7 +20295,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
                 "data-testid": "chart-jump-to-explore"
               }, {
                 default: Tt(() => [
-                  lt("a", { href: n.goToExplore }, ct(it(s).t("jumpToExplore")), 9, pT)
+                  lt("a", { href: n.goToExplore }, ct(it(s).t("jumpToExplore")), 9, gT)
                 ]),
                 _: 1
               })) : Ft("", !0),
@@ -20306,7 +20306,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
                 onClick: L[0] || (L[0] = (Y) => f())
               }, {
                 default: Tt(() => [
-                  lt("span", mT, ct(it(s).t("csvExport.exportAsCsv")), 1)
+                  lt("span", pT, ct(it(s).t("csvExport.exportAsCsv")), 1)
                 ]),
                 _: 1
               })) : Ft("", !0),
@@ -20323,7 +20323,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
                   color: it(sf),
                   size: it(Eu)
                 }, null, 8, ["color", "size"])
-              ], 8, gT)
+              ], 8, fT)
             ]),
             _: 3
           })) : Ft("", !0),
@@ -20334,8 +20334,8 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
             onToggleModal: d
           }, null, 8, ["chart-data", "filename"])) : Ft("", !0)
         ]),
-        $.value ? (Z(), ht("div", bT, [
-          P.value ? (Z(), $t(Xk, {
+        $.value ? (Z(), ht("div", mT, [
+          P.value ? (Z(), $t(Vk, {
             key: 0,
             "chart-data": c.value,
             "chart-legend-sort-fn": I.value,
@@ -20353,7 +20353,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
             type: n.chartOptions.type,
             zoom: n.timeseriesZoom,
             onZoomTimeRange: L[1] || (L[1] = (Y) => i("zoom-time-range", Y))
-          }, null, 8, ["chart-data", "chart-legend-sort-fn", "chart-tooltip-sort-fn", "dimension-axes-title", "fill", "granularity", "legend-values", "metric-axes-title", "metric-unit", "stacked", "synthetics-data-key", "time-range-ms", "tooltip-title", "type", "zoom"])) : S.value ? (Z(), $t(Ek, {
+          }, null, 8, ["chart-data", "chart-legend-sort-fn", "chart-tooltip-sort-fn", "dimension-axes-title", "fill", "granularity", "legend-values", "metric-axes-title", "metric-unit", "stacked", "synthetics-data-key", "time-range-ms", "tooltip-title", "type", "zoom"])) : S.value ? (Z(), $t(Ok, {
             key: 1,
             annotations: n.showAnnotations,
             "chart-data": c.value,
@@ -20368,7 +20368,7 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
             stacked: n.chartOptions.stacked,
             "synthetics-data-key": n.syntheticsDataKey,
             "tooltip-title": n.tooltipTitle
-          }, null, 8, ["annotations", "chart-data", "chart-legend-sort-fn", "chart-tooltip-sort-fn", "dimension-axes-title", "legend-values", "metric-axes-title", "metric-unit", "orientation", "stacked", "synthetics-data-key", "tooltip-title"])) : D.value ? (Z(), $t($k, {
+          }, null, 8, ["annotations", "chart-data", "chart-legend-sort-fn", "chart-tooltip-sort-fn", "dimension-axes-title", "legend-values", "metric-axes-title", "metric-unit", "orientation", "stacked", "synthetics-data-key", "tooltip-title"])) : D.value ? (Z(), $t(jk, {
             key: 2,
             "chart-data": c.value,
             "dataset-colors": n.chartOptions.chartDatasetColors || it(da),
@@ -20395,14 +20395,14 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
       ], 34);
     };
   }
-}), JT = /* @__PURE__ */ cn(yT, [["__scopeId", "data-v-31d2bf01"]]), xT = {
+}), QT = /* @__PURE__ */ cn(bT, [["__scopeId", "data-v-cf603b8d"]]), yT = {
   class: "chart-parent",
   "data-testid": "doughnut-chart-parent"
-}, _T = { class: "chart-totals-flex" }, wT = {
+}, xT = { class: "chart-totals-flex" }, _T = {
   key: 1,
   class: "metric-small",
   "data-testid": "doughnut-chart-total"
-}, vT = /* @__PURE__ */ oe({
+}, wT = /* @__PURE__ */ oe({
   __name: "GaugeChart",
   props: {
     chartData: {
@@ -20472,15 +20472,15 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
       var f;
       return `color: ${(f = s == null ? void 0 : s.value[0]) == null ? void 0 : f.backgroundColor[t.numerator]}`;
     }), d = H(() => [$i.Full, $i.SingleMetric].includes(t.metricDisplay)), h = H(() => t.metricDisplay === $i.Full);
-    return (f, g) => (Z(), ht("div", xT, [
-      lt("div", _T, [
+    return (f, g) => (Z(), ht("div", yT, [
+      lt("div", xT, [
         d.value ? (Z(), ht("div", {
           key: 0,
           class: "metric-large",
           "data-testid": "doughnut-chart-metric",
           style: $n(u.value)
         }, ct(l.value), 5)) : Ft("", !0),
-        h.value ? (Z(), ht("div", wT, ct(it(e).t("total")) + ": " + ct(c.value), 1)) : Ft("", !0)
+        h.value ? (Z(), ht("div", _T, ct(it(e).t("total")) + ": " + ct(c.value), 1)) : Ft("", !0)
       ]),
       lt("div", {
         class: "chart-container",
@@ -20496,10 +20496,10 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
       ], 4)
     ]));
   }
-}), MT = /* @__PURE__ */ cn(vT, [["__scopeId", "data-v-b873244e"]]), ST = { class: "simple-chart-shell" }, kT = {
+}), vT = /* @__PURE__ */ cn(wT, [["__scopeId", "data-v-b873244e"]]), MT = { class: "simple-chart-shell" }, ST = {
   key: 1,
   class: "analytics-chart-parent"
-}, DT = /* @__PURE__ */ oe({
+}, kT = /* @__PURE__ */ oe({
   __name: "SimpleChart",
   props: {
     chartData: {
@@ -20549,9 +20549,9 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
     }), r = H(() => t.chartOptions.type === "gauge"), a = H(() => t.emptyStateTitle || e.t("noDataAvailableTitle")), o = H(() => t.chartData && t.chartData.meta && t.chartData.data.length);
     return (l, c) => {
       const u = Se("KEmptyState");
-      return Z(), ht("div", ST, [
-        o.value ? (Z(), ht("div", kT, [
-          r.value ? (Z(), $t(MT, {
+      return Z(), ht("div", MT, [
+        o.value ? (Z(), ht("div", ST, [
+          r.value ? (Z(), $t(vT, {
             key: 0,
             "chart-data": i.value,
             "dataset-colors": n.chartOptions.chartDatasetColors,
@@ -20576,20 +20576,20 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
       ]);
     };
   }
-}), tC = /* @__PURE__ */ cn(DT, [["__scopeId", "data-v-9d13f2fd"]]), TT = {
+}), JT = /* @__PURE__ */ cn(kT, [["__scopeId", "data-v-9d13f2fd"]]), DT = {
   class: "top-n-card-title",
   "data-testid": "top-n-card-title"
-}, CT = {
+}, TT = {
   class: "top-n-card-description",
   "data-testid": "top-n-card-description"
-}, PT = {
+}, CT = {
   key: 3,
   class: "top-n-table",
   "data-testid": "top-n-table"
-}, OT = { class: "table-headings" }, ET = { class: "table-row" }, AT = { class: "column-1" }, RT = { class: "column-2" }, LT = {
+}, PT = { class: "table-headings" }, OT = { class: "table-row" }, ET = { class: "column-1" }, AT = { class: "column-2" }, RT = {
   class: "table-body",
   "data-testid": "top-n-data"
-}, IT = ["data-testid"], FT = { class: "column-1" }, NT = { class: "column-2" }, zT = /* @__PURE__ */ oe({
+}, LT = ["data-testid"], IT = { class: "column-1" }, FT = { class: "column-2" }, NT = /* @__PURE__ */ oe({
   __name: "TopNTable",
   props: {
     title: {
@@ -20676,20 +20676,20 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
             key: 1,
             "table-columns": 2,
             type: "table"
-          })) : s.value ? (Z(), ht("div", PT, [
-            lt("div", OT, [
-              lt("div", ET, [
-                lt("div", AT, ct(it(e).t("topNTable.nameLabel")), 1),
-                lt("div", RT, ct(l.value), 1)
+          })) : s.value ? (Z(), ht("div", CT, [
+            lt("div", PT, [
+              lt("div", OT, [
+                lt("div", ET, ct(it(e).t("topNTable.nameLabel")), 1),
+                lt("div", AT, ct(l.value), 1)
               ])
             ]),
-            lt("div", LT, [
+            lt("div", RT, [
               (Z(!0), ht(ns, null, oo(i.value, (M, T) => (Z(), ht("div", {
                 key: `entry-${T}`,
                 class: "table-row",
                 "data-testid": `row-${u(M)}`
               }, [
-                lt("div", FT, [
+                lt("div", IT, [
                   kr(g.$slots, "name", {
                     record: {
                       id: u(M),
@@ -20701,8 +20701,8 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
                     Ee(ct(d(M)), 1)
                   ], !0)
                 ]),
-                lt("div", NT, "   " + ct(f(M)), 1)
-              ], 8, IT))), 128))
+                lt("div", FT, "   " + ct(f(M)), 1)
+              ], 8, LT))), 128))
             ])
           ])) : (Z(), $t(x, {
             key: 2,
@@ -20720,51 +20720,51 @@ const aT = { class: "kong-ui-public-csv-export-modal" }, oT = {
         n.title ? {
           name: "title",
           fn: Tt(() => [
-            lt("span", TT, ct(n.title), 1)
+            lt("span", DT, ct(n.title), 1)
           ]),
           key: "0"
         } : void 0,
         n.description ? {
           name: "actions",
           fn: Tt(() => [
-            lt("div", CT, ct(n.description), 1)
+            lt("div", TT, ct(n.description), 1)
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["title-tag"]);
     };
   }
-}), eC = /* @__PURE__ */ cn(zT, [["__scopeId", "data-v-61747ee5"]]);
+}), tC = /* @__PURE__ */ cn(NT, [["__scopeId", "data-v-61747ee5"]]);
 export {
-  JT as AnalyticsChart,
+  QT as AnalyticsChart,
   Ht as ChartLegendPosition,
   $i as ChartMetricDisplay,
-  cT as CsvExportButton,
+  lT as CsvExportButton,
   mf as CsvExportModal,
   Vw as DECIMAL_DISPLAY,
   Gw as FONT_SIZE_REGULAR,
   Xw as FONT_SIZE_SMALL,
   Xa as MAX_LABEL_LENGTH,
-  XT as OTHERS_COLOR,
-  tC as SimpleChart,
-  eC as TopNTable,
+  VT as OTHERS_COLOR,
+  JT as SimpleChart,
+  tC as TopNTable,
   oi as ValidType,
   Zw as accessibleGrey,
   Qw as apiRequestStatusCodeColors,
-  ZT as chartTypes,
+  KT as chartTypes,
   rv as codesInSpec,
   Kw as darkenColor,
   Pn as datavisPalette,
   da as defaultStatusCodeColors,
-  UT as errorRateColors,
-  VT as latencyColors,
+  qT as errorRateColors,
+  UT as latencyColors,
   qc as lightGrey,
-  GT as lookupColor,
+  XT as lookupColor,
   ts as lookupDatavisColor,
-  KT as lookupStatusCodeCategoryColor,
+  GT as lookupStatusCodeCategoryColor,
   vh as lookupStatusCodeColor,
   Va as numberFormatter,
-  QT as simpleChartTypes,
-  $T as statusCodeBadgeBackgroundColor,
-  qT as trafficColors
+  ZT as simpleChartTypes,
+  jT as statusCodeBadgeBackgroundColor,
+  $T as trafficColors
 };