@kong-ui-public/analytics-metric-provider 11.3.19 → 11.3.21

package/dist/vitals-metric-provider.es.js

@@ -1,12 +1,12 @@
-import { ref as Y, watchEffect as Fe, computed as g, getCurrentScope as xe, reactive as qe, onScopeDispose as Pe, watch as Ue, isReadonly as ze, toRefs as Ke, defineComponent as W, inject as Ae, toRef as G, provide as $e, renderSlot as De, resolveComponent as we, openBlock as R, createElementBlock as S, normalizeClass as z, createElementVNode as x, unref as T, createBlock as q, resolveDynamicComponent as re, createCommentVNode as V, withCtx as ge, createTextVNode as be, toDisplayString as b, createVNode as F, Fragment as he, renderList as Be, mergeProps as Xe, normalizeProps as Ge, guardReactiveProps as je } from "vue";
-import { stripUnknownFilters as He, queryableExploreDimensions as Ye } from "@kong-ui-public/analytics-utilities";
-import { createI18n as Qe, i18nTComponent as We } from "@kong-ui-public/i18n";
+import { ref as W, watchEffect as ze, computed as m, getCurrentScope as Ke, reactive as Be, onScopeDispose as Xe, watch as Ge, isReadonly as He, toRefs as je, defineComponent as Z, inject as Ve, toRef as j, provide as Ye, renderSlot as Me, resolveComponent as Ne, openBlock as R, createElementBlock as S, normalizeClass as z, createElementVNode as x, unref as T, createBlock as $, resolveDynamicComponent as ne, createCommentVNode as V, withCtx as pe, createTextVNode as ke, toDisplayString as b, createVNode as F, Fragment as Re, renderList as Qe, mergeProps as We, normalizeProps as Je, guardReactiveProps as Ze } from "vue";
+import { stripUnknownFilters as er, queryableExploreDimensions as rr } from "@kong-ui-public/analytics-utilities";
+import { createI18n as tr, i18nTComponent as nr } from "@kong-ui-public/i18n";
 import "axios";
-import { useAnalyticsConfigStore as Je } from "@kong-ui-public/analytics-config-store";
-import { TrendUpIcon as Ze, TrendDownIcon as er, IndeterminateSmallIcon as Oe, VitalsIcon as rr, CloudUploadIcon as tr, WarningOutlineIcon as nr, ResponseIcon as ar, InfoIcon as ir, WarningIcon as Le, EqualIcon as or } from "@kong/icons";
-const sr = {
+import { useAnalyticsConfigStore as ar } from "@kong-ui-public/analytics-config-store";
+import { TrendUpIcon as ir, TrendDownIcon as or, IndeterminateSmallIcon as Fe, VitalsIcon as sr, CloudUploadIcon as ur, WarningOutlineIcon as lr, ResponseIcon as cr, InfoIcon as dr, WarningIcon as xe, EqualIcon as fr } from "@kong/icons";
+const vr = {
   notAvailable: "N/A"
-}, ur = {
+}, mr = {
   small: {
     traffic: "Requests",
     errorRate: "Error rate",
@@ -25,7 +25,7 @@ const sr = {
     averageLatency: "Average latency",
     p99Latency: "P99 latency"
   }
-}, lr = {
+}, yr = {
   custom_days: "vs previous {numDays, plural, =1 {day} other {# days}}",
   custom_hours: "vs previous {numHours, plural, =1 {hour} other {# hours}}",
   custom_minutes: "vs previous {numMinutes, plural, =1 {minute} other {# minutes}}",
@@ -42,101 +42,101 @@ const sr = {
   previous_week: "vs previous time period",
   previous_month: "vs previous time period",
   previous_quarter: "vs previous quarter"
-}, cr = {
-  general: sr,
-  metricCard: ur,
-  trendRange: lr
+}, gr = {
+  general: vr,
+  metricCard: mr,
+  trendRange: yr
 };
-function dr() {
-  const e = Qe("en-us", cr);
+function hr() {
+  const e = tr("en-us", gr);
   return {
     i18n: e,
-    i18nT: We(e)
+    i18nT: nr(e)
     // Translation component <i18n-t>
   };
 }
-const fr = 2, B = ["1XX", "2XX", "3XX", "4XX", "5XX"], pe = ["4XX", "5XX"], gt = ["1XX", "2XX", "3XX"], vr = 30 * 1e3, mr = "analytics-query-provider";
-var Ve = /* @__PURE__ */ ((e) => (e.VALIDATING = "VALIDATING", e.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", e.PENDING = "PENDING", e.SUCCESS = "SUCCESS", e.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", e.ERROR = "ERROR", e.STALE_IF_ERROR = "STALE_IF_ERROR", e))(Ve || {});
-const yr = (e) => {
-  var r, t, i, a, n;
+const pr = 2, G = ["1XX", "2XX", "3XX", "4XX", "5XX"], Te = ["4XX", "5XX"], Tt = ["1XX", "2XX", "3XX"], Rr = 30 * 1e3, Tr = "analytics-query-provider";
+var qe = /* @__PURE__ */ ((e) => (e.VALIDATING = "VALIDATING", e.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", e.PENDING = "PENDING", e.SUCCESS = "SUCCESS", e.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", e.ERROR = "ERROR", e.STALE_IF_ERROR = "STALE_IF_ERROR", e))(qe || {});
+const Er = (e) => {
+  var r, t, a, i, n;
   return e ? !!// TODO: revisit: currently only the first check ever matters?
-  ((r = Object.keys(e)) != null && r.length || (t = e.data) != null && t.length || (a = (i = e.data) == null ? void 0 : i.data) != null && a.length || !((n = e.data) != null && n.data) && typeof e.data == "object" && Object.keys(e == null ? void 0 : e.data).length) : !1;
+  ((r = Object.keys(e)) != null && r.length || (t = e.data) != null && t.length || (i = (a = e.data) == null ? void 0 : a.data) != null && i.length || !((n = e.data) != null && n.data) && typeof e.data == "object" && Object.keys(e == null ? void 0 : e.data).length) : !1;
 };
-function gr(e = Y({}), r, t, i = yr) {
-  const a = Y(
+function Sr(e = W({}), r, t, a = Er) {
+  const i = W(
     "PENDING"
     /* PENDING */
   );
-  return Fe(() => {
-    const n = i(e.value);
+  return ze(() => {
+    const n = a(e.value);
     if (e.value && n && t.value) {
-      a.value = "VALIDATING_HAS_DATA";
+      i.value = "VALIDATING_HAS_DATA";
       return;
     }
     if (e.value && t.value) {
-      a.value = "VALIDATING";
+      i.value = "VALIDATING";
       return;
     }
     if (e.value && r.value) {
-      a.value = "STALE_IF_ERROR";
+      i.value = "STALE_IF_ERROR";
       return;
     }
     if (e.value === void 0 && !r.value) {
-      a.value = "PENDING";
+      i.value = "PENDING";
       return;
     }
     if (e.value && !r.value && n) {
-      a.value = "SUCCESS_HAS_DATA";
+      i.value = "SUCCESS_HAS_DATA";
       return;
     }
     if (e.value && !r.value) {
-      a.value = "SUCCESS";
+      i.value = "SUCCESS";
       return;
     }
-    e.value === void 0 && r && (a.value = "ERROR");
+    e.value === void 0 && r && (i.value = "ERROR");
   }), {
-    state: a,
-    swrvState: Ve
+    state: i,
+    swrvState: qe
   };
 }
-const L = Symbol("default"), te = "status_code_grouped", Re = (e, r, t, i, a) => {
-  e[r][t] || (e[r][t] = {}), e[r][t][i] = a;
+const L = Symbol("default"), ae = "status_code_grouped", Ee = (e, r, t, a, i) => {
+  e[r][t] || (e[r][t] = {}), e[r][t][a] = i;
 };
-function hr(e, r) {
-  var d;
-  const t = ((d = e.meta.metric_names) == null ? void 0 : d[0]) || "", i = new Date(e.meta.start).getTime(), a = Object.keys(e.meta.display || {}), n = !!a.find((f) => f === te), l = a.find((f) => f !== te);
-  return a.length > 2 || a.length > 1 && !n ? (console.error("Don't know how to work with provided dimensions:", a), {
+function _r(e, r) {
+  var c;
+  const t = ((c = e.meta.metric_names) == null ? void 0 : c[0]) || "", a = new Date(e.meta.start).getTime(), i = Object.keys(e.meta.display || {}), n = !!i.find((d) => d === ae), s = i.find((d) => d !== ae);
+  return i.length > 2 || i.length > 1 && !n ? (console.error("Don't know how to work with provided dimensions:", i), {
     previous: { [L]: { [L]: 0 } },
     current: { [L]: { [L]: 0 } }
-  }) : e.data.reduce((f, o) => {
-    const s = o.event[t], u = l ? o.event[l] : L, c = n ? o.event[te] : L;
-    return new Date(o.timestamp).getTime() === i && r ? Re(f, "previous", u, c, s) : Re(f, "current", u, c, s), f;
+  }) : e.data.reduce((d, o) => {
+    const l = o.event[t], u = s ? o.event[s] : L, f = n ? o.event[ae] : L;
+    return new Date(o.timestamp).getTime() === a && r ? Ee(d, "previous", u, f, l) : Ee(d, "current", u, f, l), d;
   }, {
     previous: {},
     current: {}
   });
 }
-function pr(e) {
-  e.queryReady === void 0 && (e.queryReady = g(() => !0));
-  const r = g(() => {
-    var s, u;
+function Cr(e) {
+  e.queryReady === void 0 && (e.queryReady = m(() => !0));
+  const r = m(() => {
+    var l, u;
     return {
       metrics: e.metrics.value,
       dimensions: [
-        ...(s = e.dimensions) != null && s.length ? [...e.dimensions] : [],
+        ...(l = e.dimensions) != null && l.length ? [...e.dimensions] : [],
         ...e.withTrend.value ? ["time"] : []
       ],
       granularity: e.withTrend.value ? "trend" : void 0,
       ...(u = e.filter.value) != null && u.length ? { filters: e.filter.value } : {},
       time_range: e.timeRange.value
     };
-  }), t = g(() => {
-    var u, c, v, y;
+  }), t = m(() => {
+    var u, f, h, y;
     if (!((u = e.queryReady) != null && u.value))
       return null;
-    const s = (c = e.filter) != null && c.value ? JSON.stringify(e.filter.value) : "";
-    return `metric-fetcher-${JSON.stringify(e.timeRange.value)}-${(v = e.dimensions) == null ? void 0 : v.join("-")}-${(y = e.metrics.value) == null ? void 0 : y.join("-")}-${s}-${e.refreshCounter.value}`;
-  }), { response: i, error: a, isValidating: n } = M.useRequest(
+    const l = (f = e.filter) != null && f.value ? JSON.stringify(e.filter.value) : "";
+    return `metric-fetcher-${JSON.stringify(e.timeRange.value)}-${(h = e.dimensions) == null ? void 0 : h.join("-")}-${(y = e.metrics.value) == null ? void 0 : y.join("-")}-${l}-${e.refreshCounter.value}`;
+  }), { response: a, error: i, isValidating: n } = M.useRequest(
     () => t.value,
     () => e.queryFn({
       // TODO: Use a type guard to validate that if the datasource is basic,
@@ -147,43 +147,43 @@ function pr(e) {
     {
       refreshInterval: e.refreshInterval,
       revalidateOnFocus: !1,
-      errorRetryCount: fr
+      errorRetryCount: pr
     }
-  ), { state: l, swrvState: d } = gr(i, a, n), f = g(() => {
-    var s, u, c, v, y, _, p;
-    return !((u = (s = i.value) == null ? void 0 : s.data) != null && u.length) || !((v = (c = i.value) == null ? void 0 : c.meta) != null && v.display) || !((p = (_ = (y = i.value) == null ? void 0 : y.meta) == null ? void 0 : _.metric_names) != null && p.length) ? { current: {}, previous: {} } : hr(i.value, e.withTrend.value);
-  }), o = M.useTrendRange(e.withTrend, e.timeRange, g(() => {
-    var s;
-    return (s = i.value) == null ? void 0 : s.meta;
+  ), { state: s, swrvState: c } = Sr(a, i, n), d = m(() => {
+    var l, u, f, h, y, A, p;
+    return !((u = (l = a.value) == null ? void 0 : l.data) != null && u.length) || !((h = (f = a.value) == null ? void 0 : f.meta) != null && h.display) || !((p = (A = (y = a.value) == null ? void 0 : y.meta) == null ? void 0 : A.metric_names) != null && p.length) ? { current: {}, previous: {} } : _r(a.value, e.withTrend.value);
+  }), o = M.useTrendRange(e.withTrend, e.timeRange, m(() => {
+    var l;
+    return (l = a.value) == null ? void 0 : l.meta;
   }));
   return {
-    isLoading: g(() => d.PENDING === l.value),
-    hasError: g(() => d.ERROR === l.value),
-    raw: i,
-    mapped: f,
+    isLoading: m(() => c.PENDING === s.value),
+    hasError: m(() => c.ERROR === s.value),
+    raw: a,
+    mapped: d,
     trendRange: o
   };
 }
-const K = (e, r, t = L, i) => (i ?? [L]).reduce((n, l) => {
-  const d = e[r][t];
-  return d ? n + (d[l] || 0) : n;
+const K = (e, r, t = L, a) => (a ?? [L]).reduce((n, s) => {
+  const c = e[r][t];
+  return c ? n + (c[s] || 0) : n;
 }, 0);
-function Rr(e) {
+function Ir(e) {
   const {
     cardType: r,
     title: t,
-    description: i,
-    record: a,
+    description: a,
+    record: i,
     hasError: n,
-    increaseIsBad: l,
-    formatValueFn: d,
-    trendRange: f
+    increaseIsBad: s,
+    formatValueFn: c,
+    trendRange: d
   } = e;
-  return g(() => {
-    let o = 0, s = 0;
-    if (a != null && a.value)
+  return m(() => {
+    let o = 0, l = 0;
+    if (i != null && i.value)
       try {
-        o = K(a.value, "current", e.lookupKey, e.sumGroupedValues), s = K(a.value, "previous", e.lookupKey, e.sumGroupedValues);
+        o = K(i.value, "current", e.lookupKey, e.sumGroupedValues), l = K(i.value, "previous", e.lookupKey, e.sumGroupedValues);
       } catch (u) {
         console.error(
           "Metric card data doesn't have the expected structure:",
@@ -194,163 +194,163 @@ function Rr(e) {
       cardType: r,
       hasError: n.value,
       currentValue: o,
-      previousValue: s,
+      previousValue: l,
       title: t.value,
-      description: i,
-      increaseIsBad: !!l,
+      description: a,
+      increaseIsBad: !!s,
       // Coerce undefined to false
-      formatValueFn: d,
-      trendRange: f == null ? void 0 : f.value
+      formatValueFn: c,
+      trendRange: d == null ? void 0 : d.value
     };
   });
 }
-function Tr(e, r, t) {
-  const { i18n: i } = M.useI18n(), a = 1e3 * 60, n = a * 60, l = n * 24, d = (o, s) => {
-    let u = s - o;
+function Ar(e, r, t) {
+  const { i18n: a } = M.useI18n(), i = 1e3 * 60, n = i * 60, s = n * 24, c = (o, l) => {
+    let u = l - o;
     e.value && (u /= 2);
-    const c = u / l, v = u / n, y = u / a;
-    return c >= 1 ? i.t("trendRange.custom_days", { numDays: Math.round(c) }) : v >= 1 ? i.t("trendRange.custom_hours", { numHours: Math.round(v) }) : y >= 1 ? i.t("trendRange.custom_minutes", { numMinutes: Math.round(y) }) : i.t("trendRange.custom_days", { numDays: Math.round(c) });
-  }, f = () => {
-    var o, s;
+    const f = u / s, h = u / n, y = u / i;
+    return f >= 1 ? a.t("trendRange.custom_days", { numDays: Math.round(f) }) : h >= 1 ? a.t("trendRange.custom_hours", { numHours: Math.round(h) }) : y >= 1 ? a.t("trendRange.custom_minutes", { numMinutes: Math.round(y) }) : a.t("trendRange.custom_days", { numDays: Math.round(f) });
+  }, d = () => {
+    var o, l;
     if ((o = t == null ? void 0 : t.value) != null && o.start && t.value.end)
       return {
         startMs: new Date(t.value.start).getTime(),
         endMs: new Date(t.value.end).getTime()
       };
-    if (((s = r == null ? void 0 : r.value) == null ? void 0 : s.type) === "absolute" && r.value.start && r.value.end)
+    if (((l = r == null ? void 0 : r.value) == null ? void 0 : l.type) === "absolute" && r.value.start && r.value.end)
       return {
         startMs: new Date(r.value.start).getTime(),
         endMs: new Date(r.value.end).getTime()
       };
   };
-  return g(() => {
-    var o, s;
+  return m(() => {
+    var o, l;
     if (((o = r == null ? void 0 : r.value) == null ? void 0 : o.type) === "relative" && e.value)
-      return i.t(`trendRange.${r.value.time_range}`);
-    if (e.value || ((s = r == null ? void 0 : r.value) == null ? void 0 : s.type) === "absolute") {
-      const u = f();
+      return a.t(`trendRange.${r.value.time_range}`);
+    if (e.value || ((l = r == null ? void 0 : r.value) == null ? void 0 : l.type) === "absolute") {
+      const u = d();
       if (u)
-        return d(u.startMs, u.endMs);
+        return c(u.startMs, u.endMs);
     }
     return "";
   });
 }
-var ne = /* @__PURE__ */ new WeakMap(), Te = 0;
-function Er(e) {
+var ie = /* @__PURE__ */ new WeakMap(), Se = 0;
+function Dr(e) {
   if (!e.length)
     return "";
   for (var r = "arg", t = 0; t < e.length; ++t) {
-    var i = void 0;
-    e[t] === null || typeof e[t] != "object" && typeof e[t] != "function" ? typeof e[t] == "string" ? i = '"' + e[t] + '"' : i = String(e[t]) : ne.has(e[t]) ? i = ne.get(e[t]) : (i = Te, ne.set(e[t], Te++)), r += "@" + i;
+    var a = void 0;
+    e[t] === null || typeof e[t] != "object" && typeof e[t] != "function" ? typeof e[t] == "string" ? a = '"' + e[t] + '"' : a = String(e[t]) : ie.has(e[t]) ? a = ie.get(e[t]) : (a = Se, ie.set(e[t], Se++)), r += "@" + a;
   }
   return r;
 }
-function Sr(e) {
+function wr(e) {
   if (typeof e == "function")
     try {
       e = e();
     } catch {
       e = "";
     }
-  return Array.isArray(e) ? e = Er(e) : e = String(e || ""), e;
+  return Array.isArray(e) ? e = Dr(e) : e = String(e || ""), e;
 }
-var se = (
+var le = (
   /** @class */
   function() {
     function e(r) {
       r === void 0 && (r = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = r;
     }
     return e.prototype.serializeKey = function(r) {
-      return Sr(r);
+      return wr(r);
     }, e.prototype.get = function(r) {
       var t = this.serializeKey(r);
       return this.items.get(t);
-    }, e.prototype.set = function(r, t, i) {
-      var a = this.serializeKey(r), n = i || this.ttl, l = Date.now(), d = {
+    }, e.prototype.set = function(r, t, a) {
+      var i = this.serializeKey(r), n = a || this.ttl, s = Date.now(), c = {
         data: t,
-        createdAt: l,
-        expiresAt: n ? l + n : 1 / 0
+        createdAt: s,
+        expiresAt: n ? s + n : 1 / 0
       };
-      this.dispatchExpire(n, d, a), this.items.set(a, d);
-    }, e.prototype.dispatchExpire = function(r, t, i) {
-      var a = this;
+      this.dispatchExpire(n, c, i), this.items.set(i, c);
+    }, e.prototype.dispatchExpire = function(r, t, a) {
+      var i = this;
       r && setTimeout(function() {
-        var n = Date.now(), l = n >= t.expiresAt;
-        l && a.delete(i);
+        var n = Date.now(), s = n >= t.expiresAt;
+        s && i.delete(a);
       }, r);
     }, e.prototype.delete = function(r) {
       this.items.delete(r);
     }, e;
   }()
 );
-function _r() {
+function br() {
   return typeof navigator.onLine < "u" ? navigator.onLine : !0;
 }
-function Cr() {
+function Or() {
   return typeof document < "u" && typeof document.visibilityState < "u" ? document.visibilityState !== "hidden" : !0;
 }
-var Ir = function(e) {
+var Lr = function(e) {
   return fetch(e).then(function(r) {
     return r.json();
   });
 };
-const ae = {
-  isOnline: _r,
-  isDocumentVisible: Cr,
-  fetcher: Ir
+const oe = {
+  isOnline: br,
+  isDocumentVisible: Or,
+  fetcher: Lr
 };
 var w = function() {
   return w = Object.assign || function(e) {
-    for (var r, t = 1, i = arguments.length; t < i; t++) {
+    for (var r, t = 1, a = arguments.length; t < a; t++) {
       r = arguments[t];
-      for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
+      for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
     }
     return e;
   }, w.apply(this, arguments);
-}, P = function(e, r, t, i) {
-  function a(n) {
-    return n instanceof t ? n : new t(function(l) {
-      l(n);
+}, U = function(e, r, t, a) {
+  function i(n) {
+    return n instanceof t ? n : new t(function(s) {
+      s(n);
     });
   }
-  return new (t || (t = Promise))(function(n, l) {
-    function d(s) {
+  return new (t || (t = Promise))(function(n, s) {
+    function c(l) {
       try {
-        o(i.next(s));
+        o(a.next(l));
       } catch (u) {
-        l(u);
+        s(u);
       }
     }
-    function f(s) {
+    function d(l) {
       try {
-        o(i.throw(s));
+        o(a.throw(l));
       } catch (u) {
-        l(u);
+        s(u);
       }
     }
-    function o(s) {
-      s.done ? n(s.value) : a(s.value).then(d, f);
+    function o(l) {
+      l.done ? n(l.value) : i(l.value).then(c, d);
     }
-    o((i = i.apply(e, r || [])).next());
+    o((a = a.apply(e, r || [])).next());
   });
-}, U = function(e, r) {
+}, P = function(e, r) {
   var t = { label: 0, sent: function() {
     if (n[0] & 1) throw n[1];
     return n[1];
-  }, trys: [], ops: [] }, i, a, n, l;
-  return l = { next: d(0), throw: d(1), return: d(2) }, typeof Symbol == "function" && (l[Symbol.iterator] = function() {
+  }, trys: [], ops: [] }, a, i, n, s;
+  return s = { next: c(0), throw: c(1), return: c(2) }, typeof Symbol == "function" && (s[Symbol.iterator] = function() {
     return this;
-  }), l;
-  function d(o) {
-    return function(s) {
-      return f([o, s]);
+  }), s;
+  function c(o) {
+    return function(l) {
+      return d([o, l]);
     };
   }
-  function f(o) {
-    if (i) throw new TypeError("Generator is already executing.");
+  function d(o) {
+    if (a) throw new TypeError("Generator is already executing.");
     for (; t; ) try {
-      if (i = 1, a && (n = o[0] & 2 ? a.return : o[0] ? a.throw || ((n = a.return) && n.call(a), 0) : a.next) && !(n = n.call(a, o[1])).done) return n;
-      switch (a = 0, n && (o = [o[0] & 2, n.value]), o[0]) {
+      if (a = 1, i && (n = o[0] & 2 ? i.return : o[0] ? i.throw || ((n = i.return) && n.call(i), 0) : i.next) && !(n = n.call(i, o[1])).done) return n;
+      switch (i = 0, n && (o = [o[0] & 2, n.value]), o[0]) {
         case 0:
         case 1:
           n = o;
@@ -358,7 +358,7 @@ var w = function() {
         case 4:
           return t.label++, { value: o[1], done: !1 };
         case 5:
-          t.label++, a = o[1], o = [0];
+          t.label++, i = o[1], o = [0];
           continue;
         case 7:
           o = t.ops.pop(), t.trys.pop();
@@ -384,36 +384,36 @@ var w = function() {
           continue;
       }
       o = r.call(e, t);
-    } catch (s) {
-      o = [6, s], a = 0;
+    } catch (l) {
+      o = [6, l], i = 0;
     } finally {
-      i = n = 0;
+      a = n = 0;
     }
     if (o[0] & 5) throw o[1];
     return { value: o[0] ? o[1] : void 0, done: !0 };
   }
-}, Ar = function(e, r) {
+}, Vr = function(e, r) {
   var t = typeof Symbol == "function" && e[Symbol.iterator];
   if (!t) return e;
-  var i = t.call(e), a, n = [], l;
+  var a = t.call(e), i, n = [], s;
   try {
-    for (; (r === void 0 || r-- > 0) && !(a = i.next()).done; ) n.push(a.value);
-  } catch (d) {
-    l = { error: d };
+    for (; (r === void 0 || r-- > 0) && !(i = a.next()).done; ) n.push(i.value);
+  } catch (c) {
+    s = { error: c };
   } finally {
     try {
-      a && !a.done && (t = i.return) && t.call(i);
+      i && !i.done && (t = a.return) && t.call(a);
     } finally {
-      if (l) throw l.error;
+      if (s) throw s.error;
     }
   }
   return n;
-}, Dr = function(e, r, t) {
-  if (t || arguments.length === 2) for (var i = 0, a = r.length, n; i < a; i++)
-    (n || !(i in r)) && (n || (n = Array.prototype.slice.call(r, 0, i)), n[i] = r[i]);
+}, Mr = function(e, r, t) {
+  if (t || arguments.length === 2) for (var a = 0, i = r.length, n; a < i; a++)
+    (n || !(a in r)) && (n || (n = Array.prototype.slice.call(r, 0, a)), n[a] = r[a]);
   return e.concat(n || Array.prototype.slice.call(r));
-}, Me = new se(), Q = new se(), ie = new se(), ue = {
-  cache: Me,
+}, $e = new le(), J = new le(), se = new le(), ce = {
+  cache: $e,
   refreshInterval: 0,
   ttl: 0,
   serverTTL: 1e3,
@@ -423,127 +423,127 @@ var w = function() {
   shouldRetryOnError: !0,
   errorRetryInterval: 5e3,
   errorRetryCount: 5,
-  fetcher: ae.fetcher,
-  isOnline: ae.isOnline,
-  isDocumentVisible: ae.isDocumentVisible
+  fetcher: oe.fetcher,
+  isOnline: oe.isOnline,
+  isDocumentVisible: oe.isDocumentVisible
 };
-function wr(e, r, t) {
-  var i = Q.get(e);
-  if (i)
-    i.data.push(r);
+function Nr(e, r, t) {
+  var a = J.get(e);
+  if (a)
+    a.data.push(r);
   else {
-    var a = 5e3;
-    Q.set(e, [r], t > 0 ? t + a : t);
+    var i = 5e3;
+    J.set(e, [r], t > 0 ? t + i : t);
   }
 }
-function br(e, r, t) {
+function kr(e, r, t) {
   if (t.isDocumentVisible() && !(t.errorRetryCount !== void 0 && r > t.errorRetryCount)) {
-    var i = Math.min(r || 0, t.errorRetryCount), a = i * t.errorRetryInterval;
+    var a = Math.min(r || 0, t.errorRetryCount), i = a * t.errorRetryInterval;
     setTimeout(function() {
-      e(null, { errorRetryCount: i + 1, shouldRetryOnError: !0 });
-    }, a);
+      e(null, { errorRetryCount: a + 1, shouldRetryOnError: !0 });
+    }, i);
   }
 }
-function Ee(e) {
-  var r = e.shouldRetry, t = r === void 0 ? void 0 : r, i = e.error;
-  return typeof t == "function" ? t(i) : typeof t == "boolean" ? t : ue.shouldRetryOnError;
+function _e(e) {
+  var r = e.shouldRetry, t = r === void 0 ? void 0 : r, a = e.error;
+  return typeof t == "function" ? t(a) : typeof t == "boolean" ? t : ce.shouldRetryOnError;
 }
-var Se = function(e, r, t, i) {
-  return t === void 0 && (t = Me), i === void 0 && (i = ue.ttl), P(void 0, void 0, void 0, function() {
-    var a, n, l, d, f, o, s;
-    return U(this, function(u) {
+var Ce = function(e, r, t, a) {
+  return t === void 0 && (t = $e), a === void 0 && (a = ce.ttl), U(void 0, void 0, void 0, function() {
+    var i, n, s, c, d, o, l;
+    return P(this, function(u) {
       switch (u.label) {
         case 0:
-          if (!Lr(r)) return [3, 5];
+          if (!xr(r)) return [3, 5];
           u.label = 1;
         case 1:
           return u.trys.push([1, 3, , 4]), [4, r];
         case 2:
-          return a = u.sent(), [3, 4];
+          return i = u.sent(), [3, 4];
         case 3:
-          return d = u.sent(), n = d, [3, 4];
+          return c = u.sent(), n = c, [3, 4];
         case 4:
           return [3, 6];
         case 5:
-          a = r, u.label = 6;
+          i = r, u.label = 6;
         case 6:
-          if (l = !1, f = { data: a, error: n, isValidating: l }, typeof a < "u")
+          if (s = !1, d = { data: i, error: n, isValidating: s }, typeof i < "u")
             try {
-              t.set(e, f, i);
-            } catch (c) {
-              console.error("swrv(mutate): failed to set cache", c);
+              t.set(e, d, a);
+            } catch (f) {
+              console.error("swrv(mutate): failed to set cache", f);
             }
-          return o = Q.get(e), o && o.data.length && (s = o.data.filter(function(c) {
-            return c.key === e;
-          }), s.forEach(function(c, v) {
-            typeof f.data < "u" && (c.data = f.data), c.error = f.error, c.isValidating = f.isValidating, c.isLoading = f.isValidating;
-            var y = v === s.length - 1;
-            y || delete s[v];
-          }), s = s.filter(Boolean)), [2, f];
+          return o = J.get(e), o && o.data.length && (l = o.data.filter(function(f) {
+            return f.key === e;
+          }), l.forEach(function(f, h) {
+            typeof d.data < "u" && (f.data = d.data), f.error = d.error, f.isValidating = d.isValidating, f.isLoading = d.isValidating;
+            var y = h === l.length - 1;
+            y || delete l[h];
+          }), l = l.filter(Boolean)), [2, d];
       }
     });
   });
 };
-function Or() {
+function Fr() {
   for (var e = this, r = [], t = 0; t < arguments.length; t++)
     r[t] = arguments[t];
-  var i, a, n = w({}, ue), l = !1, d = !1;
-  if (!xe())
+  var a, i, n = w({}, ce), s = !1, c = !1;
+  if (!Ke())
     return console.error("useSWRV must be called inside setup() or an active effectScope()."), null;
-  var f = typeof window > "u" || typeof document > "u";
-  r.length >= 1 && (i = r[0]), r.length >= 2 && (a = r[1]), r.length > 2 && (n = w(w({}, n), r[2]));
-  var o = f ? n.serverTTL : n.ttl, s = typeof i == "function" ? i : Y(i);
-  typeof a > "u" && (a = n.fetcher);
+  var d = typeof window > "u" || typeof document > "u";
+  r.length >= 1 && (a = r[0]), r.length >= 2 && (i = r[1]), r.length > 2 && (n = w(w({}, n), r[2]));
+  var o = d ? n.serverTTL : n.ttl, l = typeof a == "function" ? a : W(a);
+  typeof i > "u" && (i = n.fetcher);
   var u = null;
-  u || (u = qe({
+  u || (u = Be({
     data: void 0,
     error: void 0,
     isValidating: !0,
     isLoading: !0,
     key: null
   }));
-  var c = function(h, m) {
-    return P(e, void 0, void 0, function() {
-      var C, E, I, A, N, $, J, de = this;
-      return U(this, function(Z) {
-        switch (Z.label) {
+  var f = function(g, v) {
+    return U(e, void 0, void 0, function() {
+      var _, E, C, I, N, B, ee, ve = this;
+      return P(this, function(re) {
+        switch (re.label) {
           case 0:
-            return C = u.data === void 0, E = s.value, E ? (I = n.cache.get(E), A = I && I.data, u.isValidating = !0, u.isLoading = !A, A && (u.data = A.data, u.error = A.error), N = h || a, !N || !n.isDocumentVisible() && !C || (m == null ? void 0 : m.forceRevalidate) !== void 0 && !(m != null && m.forceRevalidate) ? (u.isValidating = !1, u.isLoading = !1, [
+            return _ = u.data === void 0, E = l.value, E ? (C = n.cache.get(E), I = C && C.data, u.isValidating = !0, u.isLoading = !I, I && (u.data = I.data, u.error = I.error), N = g || i, !N || !n.isDocumentVisible() && !_ || (v == null ? void 0 : v.forceRevalidate) !== void 0 && !(v != null && v.forceRevalidate) ? (u.isValidating = !1, u.isLoading = !1, [
               2
               /*return*/
-            ]) : I && ($ = !!(Date.now() - I.createdAt >= n.dedupingInterval || m != null && m.forceRevalidate), !$) ? (u.isValidating = !1, u.isLoading = !1, [
+            ]) : C && (B = !!(Date.now() - C.createdAt >= n.dedupingInterval || v != null && v.forceRevalidate), !B) ? (u.isValidating = !1, u.isLoading = !1, [
               2
               /*return*/
-            ]) : (J = function() {
-              return P(de, void 0, void 0, function() {
-                var k, fe, ee, ve, me, ye;
-                return U(this, function(X) {
-                  switch (X.label) {
+            ]) : (ee = function() {
+              return U(ve, void 0, void 0, function() {
+                var k, me, te, ye, ge, he;
+                return P(this, function(H) {
+                  switch (H.label) {
                     case 0:
-                      return k = ie.get(E), k ? [3, 2] : (fe = Array.isArray(E) ? E : [E], ee = N.apply(void 0, Dr([], Ar(fe), !1)), ie.set(E, ee, n.dedupingInterval), [4, Se(E, ee, n.cache, o)]);
+                      return k = se.get(E), k ? [3, 2] : (me = Array.isArray(E) ? E : [E], te = N.apply(void 0, Mr([], Vr(me), !1)), se.set(E, te, n.dedupingInterval), [4, Ce(E, te, n.cache, o)]);
                     case 1:
-                      return X.sent(), [3, 4];
+                      return H.sent(), [3, 4];
                     case 2:
-                      return [4, Se(E, k.data, n.cache, o)];
+                      return [4, Ce(E, k.data, n.cache, o)];
                     case 3:
-                      X.sent(), X.label = 4;
+                      H.sent(), H.label = 4;
                     case 4:
-                      return u.isValidating = !1, u.isLoading = !1, ie.delete(E), u.error !== void 0 && (ve = Ee({ shouldRetry: n.shouldRetryOnError, error: u.error }), me = Ee({
-                        shouldRetry: m ? m.shouldRetryOnError : !0,
+                      return u.isValidating = !1, u.isLoading = !1, se.delete(E), u.error !== void 0 && (ye = _e({ shouldRetry: n.shouldRetryOnError, error: u.error }), ge = _e({
+                        shouldRetry: v ? v.shouldRetryOnError : !0,
                         error: u.error
-                      }), ye = !l && ve && me, ye && br(c, m ? m.errorRetryCount : 1, n)), [
+                      }), he = !s && ye && ge, he && kr(f, v ? v.errorRetryCount : 1, n)), [
                         2
                         /*return*/
                       ];
                   }
                 });
               });
-            }, A && n.revalidateDebounce ? (setTimeout(function() {
-              return P(de, void 0, void 0, function() {
-                return U(this, function(k) {
+            }, I && n.revalidateDebounce ? (setTimeout(function() {
+              return U(ve, void 0, void 0, function() {
+                return P(this, function(k) {
                   switch (k.label) {
                     case 0:
-                      return l ? [3, 2] : [4, J()];
+                      return s ? [3, 2] : [4, ee()];
                     case 1:
                       k.sent(), k.label = 2;
                     case 2:
@@ -559,9 +559,9 @@ function Or() {
               /*return*/
             ];
           case 1:
-            return [4, J()];
+            return [4, ee()];
           case 2:
-            Z.sent(), Z.label = 3;
+            re.sent(), re.label = 3;
           case 3:
             return [
               2
@@ -570,26 +570,26 @@ function Or() {
         }
       });
     });
-  }, v = function() {
-    return P(e, void 0, void 0, function() {
-      return U(this, function(h) {
-        return [2, c(null, { shouldRetryOnError: !1 })];
+  }, h = function() {
+    return U(e, void 0, void 0, function() {
+      return P(this, function(g) {
+        return [2, f(null, { shouldRetryOnError: !1 })];
       });
     });
   }, y = null;
-  if (!f) {
-    var _ = function() {
-      return P(e, void 0, void 0, function() {
-        return U(this, function(h) {
-          switch (h.label) {
+  if (!d) {
+    var A = function() {
+      return U(e, void 0, void 0, function() {
+        return P(this, function(g) {
+          switch (g.label) {
             case 0:
-              return !u.error && n.isOnline() ? [4, c()] : [3, 2];
+              return !u.error && n.isOnline() ? [4, f()] : [3, 2];
             case 1:
-              return h.sent(), [3, 3];
+              return g.sent(), [3, 3];
             case 2:
-              y && (clearTimeout(y), y = null), h.label = 3;
+              y && (clearTimeout(y), y = null), g.label = 3;
             case 3:
-              return n.refreshInterval && !l && (y = setTimeout(_, n.refreshInterval)), [
+              return n.refreshInterval && !s && (y = setTimeout(A, n.refreshInterval)), [
                 2
                 /*return*/
               ];
@@ -597,123 +597,123 @@ function Or() {
         });
       });
     };
-    n.refreshInterval && (y = setTimeout(_, n.refreshInterval)), n.revalidateOnFocus && (document.addEventListener("visibilitychange", v, !1), window.addEventListener("focus", v, !1));
+    n.refreshInterval && (y = setTimeout(A, n.refreshInterval)), n.revalidateOnFocus && (document.addEventListener("visibilitychange", h, !1), window.addEventListener("focus", h, !1));
   }
-  Pe(function() {
-    l = !0, y && (clearTimeout(y), y = null), !f && n.revalidateOnFocus && (document.removeEventListener("visibilitychange", v, !1), window.removeEventListener("focus", v, !1));
-    var h = Q.get(s.value);
-    h && (h.data = h.data.filter(function(m) {
-      return m !== u;
+  Xe(function() {
+    s = !0, y && (clearTimeout(y), y = null), !d && n.revalidateOnFocus && (document.removeEventListener("visibilitychange", h, !1), window.removeEventListener("focus", h, !1));
+    var g = J.get(l.value);
+    g && (g.data = g.data.filter(function(v) {
+      return v !== u;
     }));
   });
   try {
-    Ue(s, function(h) {
-      ze(s) || (s.value = h), u.key = h, u.isValidating = !!h, wr(s.value, u, o), !f && !d && s.value && c(), d = !1;
+    Ge(l, function(g) {
+      He(l) || (l.value = g), u.key = g, u.isValidating = !!g, Nr(l.value, u, o), !d && !c && l.value && f(), c = !1;
     }, {
       immediate: !0
     });
   } catch {
   }
-  var p = w(w({}, Ke(u)), { mutate: function(h, m) {
-    return c(h, w(w({}, m), { forceRevalidate: !0 }));
+  var p = w(w({}, je(u)), { mutate: function(g, v) {
+    return f(g, w(w({}, v), { forceRevalidate: !0 }));
   } });
   return p;
 }
-function Lr(e) {
+function xr(e) {
   return e !== null && typeof e == "object" && typeof e.then == "function";
 }
-function Vr(e, r, t) {
+function qr(e, r, t) {
   const {
-    data: i,
-    error: a,
+    data: a,
+    error: i,
     isValidating: n,
-    mutate: l
-  } = Or(e, r, {
+    mutate: s
+  } = Fr(e, r, {
     revalidateDebounce: 500,
     revalidateOnFocus: !1,
     dedupingInterval: 100,
     ...t
   });
   return {
-    data: g(() => i.value),
-    response: i,
-    error: a,
+    data: m(() => a.value),
+    response: a,
+    error: i,
     isValidating: n,
-    revalidate: l
+    revalidate: s
   };
 }
 const M = {
-  useI18n: dr,
-  useMetricCardBuilder: Rr,
-  useMetricFetcher: pr,
-  useTrendRange: Tr,
-  useRequest: Vr
-}, Ne = Symbol("METRICS_PROVIDER_KEY"), Mr = (e) => {
+  useI18n: hr,
+  useMetricCardBuilder: Ir,
+  useMetricFetcher: Cr,
+  useTrendRange: Ar,
+  useRequest: qr
+}, Ue = Symbol("METRICS_PROVIDER_KEY"), $r = (e) => {
   const {
     datasource: r,
     dimension: t,
-    dimensionFilterValue: i,
-    additionalFilter: a,
+    dimensionFilterValue: a,
+    additionalFilter: i,
     queryReady: n,
-    timeRange: l,
-    hasTrendAccess: d,
-    refreshInterval: f,
+    timeRange: s,
+    hasTrendAccess: c,
+    refreshInterval: d,
     abortController: o,
-    queryFn: s,
+    queryFn: l,
     averageLatencies: u
   } = e;
-  if (i && !t)
+  if (a && !t)
     throw new Error("Must provide a dimension if filtering by a value");
-  const c = !!(t && i), v = !!(t && !i), y = g(() => {
-    const C = [];
-    return c && C.push({
+  const f = !!(t && a), h = !!(t && !a), y = m(() => {
+    const _ = [];
+    return f && _.push({
       field: t,
       operator: "in",
-      value: [i]
-    }), a.value && C.push(...He(r.value, a.value)), C;
-  }), _ = {
+      value: [a]
+    }), i.value && _.push(...er(r.value, i.value)), _;
+  }), A = {
     datasource: r,
-    metrics: Y([
+    metrics: W([
       "request_count"
     ]),
     // Traffic and error rate cards should only try to query for the dimension if it's going to be used.
     // It isn't used for single entity queries.
     dimensions: [
-      ...t && !c ? [t] : [],
+      ...t && !f ? [t] : [],
       "status_code_grouped"
     ],
     filter: y,
     queryReady: n,
-    timeRange: l,
+    timeRange: s,
     // Traffic and error rate cards can't query trend if multiple entities are expected.
-    withTrend: g(() => d.value && !v),
-    refreshInterval: f,
-    queryFn: s,
+    withTrend: m(() => c.value && !h),
+    refreshInterval: d,
+    queryFn: l,
     abortController: o,
     refreshCounter: e.refreshCounter
   }, p = {
     datasource: r,
-    metrics: g(() => [
+    metrics: m(() => [
       u.value ? "response_latency_average" : "response_latency_p99"
     ]),
     // To keep single-entity queries consistent, don't bother querying the dimension for latency
     // in the single-entity case, even though it's possible.
-    ...t && !c ? { dimensions: [t] } : {},
+    ...t && !f ? { dimensions: [t] } : {},
     filter: y,
     queryReady: n,
-    timeRange: l,
+    timeRange: s,
     // Don't query latency trends in the multi-entity case: it's possible, but wasteful.
-    withTrend: g(() => d.value && !v),
-    refreshInterval: f,
-    queryFn: s,
+    withTrend: m(() => c.value && !h),
+    refreshInterval: d,
+    queryFn: l,
     abortController: o,
     refreshCounter: e.refreshCounter
-  }, h = M.useMetricFetcher(_), m = M.useMetricFetcher(p);
+  }, g = M.useMetricFetcher(A), v = M.useMetricFetcher(p);
   return {
-    trafficData: h,
-    latencyData: m
+    trafficData: g,
+    latencyData: v
   };
-}, ht = /* @__PURE__ */ W({
+}, Et = /* @__PURE__ */ Z({
   __name: "MetricsProvider",
   props: {
     datasource: { default: void 0 },
@@ -723,7 +723,7 @@ const M = {
     filterValue: { default: void 0 },
     additionalFilter: { default: void 0 },
     queryReady: { type: Boolean, default: !0 },
-    refreshInterval: { default: vr },
+    refreshInterval: { default: Rr },
     longCardTitles: { type: Boolean, default: !1 },
     containerTitle: { default: void 0 },
     description: { default: void 0 },
@@ -733,100 +733,91 @@ const M = {
   },
   setup(e) {
     const r = e;
-    if (r.dimension && Ye.findIndex((c) => c === r.dimension) === -1)
+    if (r.dimension && rr.findIndex((f) => f === r.dimension) === -1)
       throw new Error(`Attempted to use MetricsProvider with an invalid dimension: ${r.dimension}`);
-    const t = Ae(mr);
-    let i;
-    t ? i = t.queryFn : (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/analytics-metric-provider/README.md#requirements"), i = () => Promise.reject(new Error("Query bridge required")));
-    const a = Je(), n = g(() => !0), l = g(() => !a.loading && r.queryReady), d = g(() => r.datasource ? r.datasource : "basic"), f = g(() => {
-      const c = r.overrideTimeRange;
-      return c && !c.tz && (c.tz = new Intl.DateTimeFormat().resolvedOptions().timeZone), c || {
+    const t = Ve(Tr);
+    let a;
+    t ? a = t.queryFn : (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/analytics-metric-provider/README.md#requirements"), a = () => Promise.reject(new Error("Query bridge required")));
+    const i = ar(), n = m(() => !0), s = m(() => !i.loading && r.queryReady), c = m(() => r.datasource ? r.datasource : "basic"), d = m(() => {
+      const f = r.overrideTimeRange;
+      return f && !f.tz && (f.tz = new Intl.DateTimeFormat().resolvedOptions().timeZone), f || {
         type: "relative",
         time_range: "7d",
         tz: new Intl.DateTimeFormat().resolvedOptions().timeZone
       };
-    }), o = g(() => !r.percentileLatency), {
-      trafficData: s,
+    }), o = m(() => !r.percentileLatency), {
+      trafficData: l,
       latencyData: u
-    } = Mr({
-      datasource: d,
+    } = $r({
+      datasource: c,
       dimension: r.dimension,
       dimensionFilterValue: r.filterValue,
-      additionalFilter: G(r, "additionalFilter"),
-      queryReady: l,
-      timeRange: f,
+      additionalFilter: j(r, "additionalFilter"),
+      queryReady: s,
+      timeRange: d,
       hasTrendAccess: n,
       refreshInterval: r.refreshInterval,
-      queryFn: i,
+      queryFn: a,
       averageLatencies: o,
       abortController: r.abortController,
-      refreshCounter: G(r, "refreshCounter")
+      refreshCounter: j(r, "refreshCounter")
     });
-    return $e(Ne, {
+    return Ye(Ue, {
       data: {
-        traffic: s,
+        traffic: l,
         latency: u
       },
-      description: G(() => r.description),
-      containerTitle: G(() => r.containerTitle),
+      description: j(() => r.description),
+      containerTitle: j(() => r.containerTitle),
       hasTrendAccess: n,
       longCardTitles: r.longCardTitles,
       averageLatencies: o
-    }), (c, v) => De(c.$slots, "default", {
+    }), (f, h) => Me(f.$slots, "default", {
       hasTrendAccess: n.value,
-      timeRange: f.value
+      timeRange: d.value
     });
   }
-});
-function Nr(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}), Ie = 1e3, Ur = 1e4, Ae = 1e6, De = 1e9, we = 1e12, X = (e, r) => {
+  if (r.separator === !1 || e < 1e3)
+    return e.toString();
+  const t = typeof r.separator == "string" ? r.separator : ",", a = [];
+  return Math.round(e).toString().split("").reverse().forEach((n, s) => {
+    s && s % 3 === 0 && a.push(t), a.push(n);
+  }), a.reverse().join("");
+}, q = (e, r, t) => {
+  const a = e / r, i = t.round ? "round" : "floor";
+  if (t.decimal === !1)
+    return Math[i](a).toString();
+  let n;
+  t.precision ? n = a : n = a < 10 ? Math[i](a * 10) / 10 : Math[i](a);
+  let s = n.toString();
+  return typeof t.decimal == "string" && (s = s.replace(".", t.decimal)), s;
+};
+function Pe(e, r = {}) {
+  let t;
+  const a = e < 0;
+  a && (e = Math.abs(e)), r.precision && (e = parseFloat(e.toPrecision(r.precision)));
+  const i = r.min10k ? Ur : Ie;
+  return e < i || r.precision && r.precision > Math.log10(e) ? t = X(q(e, 1, r), r) : e < Ae ? t = `${q(e, Ie, r)}k` : e < De ? t = `${q(e, Ae, r)}m` : e < we ? t = `${X(q(e, De, r), r)}b` : t = `${X(q(e, we, r), r)}t`, a && (t = `-${t}`), r.capital && (t = t.toUpperCase()), r.prefix && (t = `${r.prefix}${t}`), r.suffix && (t = `${t}${r.suffix}`), t;
 }
-var ke = { exports: {} };
-(function(e) {
-  (function() {
-    function r(o, s) {
-      if (s.separator === !1 || o < 1e3)
-        return o.toString();
-      var u = typeof s.separator == "string" ? s.separator : ",", c = [], v = Math.round(o).toString().split("");
-      return v.reverse().forEach(function(y, _) {
-        _ && _ % 3 === 0 && c.push(u), c.push(y);
-      }), c.reverse().join("");
-    }
-    function t(o, s, u) {
-      var c = o / s, v = u.round ? "round" : "floor";
-      return u.decimal === !1 ? (o = Math[v](c), o.toString()) : (u.precision ? o = c : o = c < 10 ? Math[v](c * 10) / 10 : Math[v](c), o = o.toString(), typeof u.decimal == "string" && (o = o.replace(".", u.decimal)), o);
-    }
-    var i = 1e3, a = 1e4, n = 1e6, l = 1e9, d = 1e12;
-    function f(o, s) {
-      var u;
-      s = s || {};
-      var c = o < 0;
-      c && (o = Math.abs(o)), s.precision && (o = parseFloat(o.toPrecision(s.precision)));
-      var v = s.min10k ? a : i;
-      return o < v || s.precision && s.precision > Math.log10(o) ? u = r(t(o, 1, s), s) : o < n ? u = t(o, i, s) + "k" : o < l ? u = t(o, n, s) + "m" : o < d ? u = r(t(o, l, s), s) + "b" : u = r(t(o, d, s), s) + "t", c && (u = "-" + u), s.capital && (u = u.toUpperCase()), s.prefix && (u = s.prefix + u), s.suffix && (u = u + s.suffix), u;
-    }
-    f.addCommas = r, e.exports = f;
-  })();
-})(ke);
-var kr = ke.exports;
-const Fr = /* @__PURE__ */ Nr(kr);
+Pe.addCommas = X;
 var O = /* @__PURE__ */ ((e) => (e.GENERIC_COUNT = "GenericCount", e.TRAFFIC = "Traffic", e.ERROR_RATE = "ErrorRate", e.LATENCY = "Latency", e))(O || {}), D = /* @__PURE__ */ ((e) => (e.Small = "sm", e.Medium = "md", e.Large = "lg", e.ExtraLarge = "xl", e))(D || {});
-const le = 2, _e = le + 2, xr = (e, r, t = !1) => {
-  let i = !r || Number(e.toFixed(_e)) === 0 ? 0 : Number(e.toFixed(_e)) > 0 ? 1 : -1;
-  return t && (i *= -1), i;
-}, qr = (e, r, t) => r ? `${Math.abs(e * 100).toFixed(le)}%` : t, Pr = (e, r) => r === 0 ? 0 : e / r - 1, Ur = (e, r = !1) => (r && (e *= -1), e > 0 ? Ze : e < 0 ? er : Oe), zr = "#ad000e", oe = "#6c7489", Ce = "#52596e", Kr = "#007d60", j = "16px", $r = "20px", Br = {
+const de = 2, be = de + 2, Pr = (e, r, t = !1) => {
+  let a = !r || Number(e.toFixed(be)) === 0 ? 0 : Number(e.toFixed(be)) > 0 ? 1 : -1;
+  return t && (a *= -1), a;
+}, zr = (e, r, t) => r ? `${Math.abs(e * 100).toFixed(de)}%` : t, Kr = (e, r) => r === 0 ? 0 : e / r - 1, Br = (e, r = !1) => (r && (e *= -1), e > 0 ? ir : e < 0 ? or : Fe), Xr = "#ad000e", ue = "#6c7489", Oe = "#52596e", Gr = "#007d60", Y = "16px", Hr = "20px", jr = {
   key: 0,
   class: "metricscard-description"
-}, Xr = { class: "metricscard-valuetrend" }, Gr = {
+}, Yr = { class: "metricscard-valuetrend" }, Qr = {
   key: 0,
   class: "metricscard-error"
-}, jr = {
+}, Wr = {
   key: 2,
   class: "metricscard-trend"
-}, Hr = { "data-testid": "metric-trend-change" }, Yr = {
+}, Jr = { "data-testid": "metric-trend-change" }, Zr = {
   key: 0,
   class: "metricscard-trend-range"
-}, Qr = /* @__PURE__ */ W({
+}, et = /* @__PURE__ */ Z({
   __name: "MetricsCard",
   props: {
     cardType: {
@@ -868,7 +859,7 @@ const le = 2, _e = le + 2, xr = (e, r, t = !1) => {
     },
     trendIcon: {
       type: Object,
-      default: Oe
+      default: Fe
     },
     trendRange: {
       type: String,
@@ -899,61 +890,61 @@ const le = 2, _e = le + 2, xr = (e, r, t = !1) => {
   },
   setup(e) {
     const r = /* @__PURE__ */ new Map([
-      [O.GENERIC_COUNT, rr],
-      [O.TRAFFIC, tr],
-      [O.ERROR_RATE, nr],
-      [O.LATENCY, ar]
-    ]), t = e, i = (d) => {
-      const f = {
-        red: `var(--kui-color-text-danger-strong, ${zr})`,
-        green: `var(--kui-color-text-success, ${Kr})`,
-        grey: `var(--kui-color-text-neutral-strong, ${Ce})`
+      [O.GENERIC_COUNT, sr],
+      [O.TRAFFIC, ur],
+      [O.ERROR_RATE, lr],
+      [O.LATENCY, cr]
+    ]), t = e, a = (c) => {
+      const d = {
+        red: `var(--kui-color-text-danger-strong, ${Xr})`,
+        green: `var(--kui-color-text-success, ${Gr})`,
+        grey: `var(--kui-color-text-neutral-strong, ${Oe})`
       };
-      return d > 0 ? f.green : d < 0 ? f.red : f.grey;
-    }, a = (d) => d > 0 ? "positive" : d < 0 ? "negative" : "neutral", n = [D.Medium, D.Large].includes(t.cardSize), l = [D.Small].includes(t.cardSize);
-    return (d, f) => {
-      const o = we("KTooltip");
+      return c > 0 ? d.green : c < 0 ? d.red : d.grey;
+    }, i = (c) => c > 0 ? "positive" : c < 0 ? "negative" : "neutral", n = [D.Medium, D.Large].includes(t.cardSize), s = [D.Small].includes(t.cardSize);
+    return (c, d) => {
+      const o = Ne("KTooltip");
       return R(), S("div", {
         class: z(["metricscard", e.cardSize])
       }, [
         x("div", {
           class: z(["metricscard-title", e.cardSize])
         }, [
-          T(l) ? V("", !0) : (R(), q(re(T(r).get(e.cardType)), {
+          T(s) ? V("", !0) : (R(), $(ne(T(r).get(e.cardType)), {
             key: 0,
             class: "metricscard-icon",
-            color: `var(--kui-color-text-neutral, ${T(oe)})`,
-            size: T(j)
+            color: `var(--kui-color-text-neutral, ${T(ue)})`,
+            size: T(Y)
           }, null, 8, ["color", "size"])),
-          (R(), q(re(e.titleTag), null, {
-            default: ge(() => [
-              be(b(e.title), 1)
+          (R(), $(ne(e.titleTag), null, {
+            default: pe(() => [
+              ke(b(e.title), 1)
             ]),
             _: 1
           })),
-          e.tooltip ? (R(), q(o, {
+          e.tooltip ? (R(), $(o, {
             key: 1,
             class: "metricscard-tooltip",
             placement: "right",
             text: e.tooltip
           }, {
-            default: ge(() => [
-              F(T(ir), {
-                color: `var(--kui-color-text-neutral, ${T(oe)})`,
-                size: T(j)
+            default: pe(() => [
+              F(T(dr), {
+                color: `var(--kui-color-text-neutral, ${T(ue)})`,
+                size: T(Y)
               }, null, 8, ["color", "size"])
             ]),
             _: 1
           }, 8, ["text"])) : V("", !0)
         ], 2),
-        e.description && T(n) ? (R(), S("div", Br, [
+        e.description && T(n) ? (R(), S("div", jr, [
           x("span", null, b(e.description), 1)
         ])) : V("", !0),
-        x("div", Xr, [
-          e.hasError ? (R(), S("div", Gr, [
-            F(T(Le), {
-              color: `var(--kui-color-text-neutral, ${T(oe)})`,
-              size: T($r)
+        x("div", Yr, [
+          e.hasError ? (R(), S("div", Qr, [
+            F(T(xe), {
+              color: `var(--kui-color-text-neutral, ${T(ue)})`,
+              size: T(Hr)
             }, null, 8, ["color", "size"]),
             x("div", null, " " + b(e.errorMessage), 1)
           ])) : (R(), S("div", {
@@ -961,57 +952,57 @@ const le = 2, _e = le + 2, xr = (e, r, t = !1) => {
             class: z(["metricscard-value", e.cardSize]),
             "data-testid": "metric-value"
           }, b(e.metricValue), 3)),
-          T(n) ? (R(), S("div", jr, [
+          T(n) ? (R(), S("div", Wr, [
             x("div", {
-              class: z(["metricscard-trend-change", a(e.changePolarity)]),
+              class: z(["metricscard-trend-change", i(e.changePolarity)]),
               "data-testid": "metric-trend-parent"
             }, [
-              e.changePolarity !== 0 ? (R(), q(re(e.trendIcon), {
+              e.changePolarity !== 0 ? (R(), $(ne(e.trendIcon), {
                 key: 0,
-                color: i(e.changePolarity),
-                size: T(j)
-              }, null, 8, ["color", "size"])) : (R(), q(T(or), {
+                color: a(e.changePolarity),
+                size: T(Y)
+              }, null, 8, ["color", "size"])) : (R(), $(T(fr), {
                 key: 1,
-                color: `var(--kui-color-text-neutral-strong, ${T(Ce)})`,
-                size: T(j)
+                color: `var(--kui-color-text-neutral-strong, ${T(Oe)})`,
+                size: T(Y)
               }, null, 8, ["color", "size"])),
-              x("div", Hr, b(e.metricChange), 1)
+              x("div", Jr, b(e.metricChange), 1)
             ], 2),
-            e.trendRange ? (R(), S("div", Yr, b(e.trendRange), 1)) : V("", !0)
+            e.trendRange ? (R(), S("div", Zr, b(e.trendRange), 1)) : V("", !0)
           ])) : V("", !0)
         ])
       ], 2);
     };
   }
-}), ce = (e, r) => {
+}), fe = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [i, a] of r)
-    t[i] = a;
+  for (const [a, i] of r)
+    t[a] = i;
   return t;
-}, Wr = /* @__PURE__ */ ce(Qr, [["__scopeId", "data-v-b1513f6f"]]), Jr = {}, Zr = { class: "loading-tabs" };
-function et(e, r) {
-  const t = we("KSkeletonBox");
-  return R(), S("div", Zr, [
+}, rt = /* @__PURE__ */ fe(et, [["__scopeId", "data-v-b1513f6f"]]), tt = {}, nt = { class: "loading-tabs" };
+function at(e, r) {
+  const t = Ne("KSkeletonBox");
+  return R(), S("div", nt, [
     F(t, { width: "100" }),
     F(t, { width: "75" })
   ]);
 }
-const rt = /* @__PURE__ */ ce(Jr, [["render", et], ["__scopeId", "data-v-9c7113d7"]]), tt = {
+const it = /* @__PURE__ */ fe(tt, [["render", at], ["__scopeId", "data-v-9c7113d7"]]), ot = {
   key: 0,
   class: "container-title"
-}, nt = {
+}, st = {
   key: 0,
   class: "container-description"
-}, at = {
+}, ut = {
   key: 1,
   class: "error-display"
-}, it = {
+}, lt = {
   key: 0,
   class: "error-display-message"
-}, ot = {
+}, ct = {
   key: 2,
   class: "cards-wrapper"
-}, st = /* @__PURE__ */ W({
+}, dt = /* @__PURE__ */ Z({
   __name: "MetricCardContainer",
   props: {
     fallbackDisplayText: {
@@ -1054,52 +1045,52 @@ const rt = /* @__PURE__ */ ce(Jr, [["render", et], ["__scopeId", "data-v-9c7113d
     }
   },
   setup(e) {
-    const r = e, t = g(() => r.cards.every((a) => (a == null ? void 0 : a.hasError) === !0)), i = (a) => {
-      const n = Pr(a.currentValue, a.previousValue) || 0, l = xr(n, r.hasTrendAccess, a.increaseIsBad);
+    const r = e, t = m(() => r.cards.every((i) => (i == null ? void 0 : i.hasError) === !0)), a = (i) => {
+      const n = Kr(i.currentValue, i.previousValue) || 0, s = Pr(n, r.hasTrendAccess, i.increaseIsBad);
       return {
-        metricValue: a.formatValueFn ? a.formatValueFn(a.currentValue) : Fr(a.currentValue, { capital: !0, round: !0 }) || "0",
-        metricChange: a.formatChangeFn ? a.formatChangeFn(n) : qr(n, r.hasTrendAccess, r.fallbackDisplayText),
-        changePolarity: l,
-        trendIcon: Ur(l, a.increaseIsBad),
+        metricValue: i.formatValueFn ? i.formatValueFn(i.currentValue) : Pe(i.currentValue, { capital: !0, round: !0 }) || "0",
+        metricChange: i.formatChangeFn ? i.formatChangeFn(n) : zr(n, r.hasTrendAccess, r.fallbackDisplayText),
+        changePolarity: s,
+        trendIcon: Br(s, i.increaseIsBad),
         cardSize: r.cardSize,
         hasContainerTitle: !!r.containerTitle
       };
     };
-    return (a, n) => (R(), S("div", {
+    return (i, n) => (R(), S("div", {
       class: z(["kong-ui-public-metric-card-container", e.cardSize])
     }, [
-      r.containerTitle || r.containerDescription ? (R(), S("div", tt, [
-        be(b(r.containerTitle) + " ", 1),
-        r.containerDescription ? (R(), S("div", nt, b(r.containerDescription), 1)) : V("", !0)
+      r.containerTitle || r.containerDescription ? (R(), S("div", ot, [
+        ke(b(r.containerTitle) + " ", 1),
+        r.containerDescription ? (R(), S("div", st, b(r.containerDescription), 1)) : V("", !0)
       ])) : V("", !0),
-      t.value ? (R(), S("div", at, [
-        F(T(Le), { class: "error-display-icon" }),
-        e.errorMessage ? (R(), S("div", it, b(e.errorMessage), 1)) : V("", !0)
-      ])) : (R(), S("div", ot, [
-        (R(!0), S(he, null, Be(e.cards, (l, d) => (R(), S(he, null, [
+      t.value ? (R(), S("div", ut, [
+        F(T(xe), { class: "error-display-icon" }),
+        e.errorMessage ? (R(), S("div", lt, b(e.errorMessage), 1)) : V("", !0)
+      ])) : (R(), S("div", ct, [
+        (R(!0), S(Re, null, Qe(e.cards, (s, c) => (R(), S(Re, null, [
           e.loading ? (R(), S("div", {
-            key: `skeleton-${d}`,
+            key: `skeleton-${c}`,
             class: "loading-tab"
           }, [
-            F(rt, {
+            F(it, {
               class: z(e.cardSize === T(D).Small ? "loading-tabs-small" : "loading-tabs-large")
             }, null, 8, ["class"])
-          ])) : (R(), q(Wr, Xe({ key: d }, { ref_for: !0 }, i(l), {
+          ])) : (R(), $(rt, We({ key: c }, { ref_for: !0 }, a(s), {
             "card-size": e.cardSize,
-            "card-type": l.cardType,
-            description: l.description,
+            "card-type": s.cardType,
+            description: s.description,
             "error-message": e.errorMessage,
-            "has-error": l.hasError,
-            title: l.title,
-            "title-tag": l.titleTag,
-            tooltip: l.tooltip,
-            "trend-range": l.trendRange
+            "has-error": s.hasError,
+            title: s.title,
+            "title-tag": s.titleTag,
+            tooltip: s.tooltip,
+            "trend-range": s.trendRange
           }), null, 16, ["card-size", "card-type", "description", "error-message", "has-error", "title", "title-tag", "tooltip", "trend-range"]))
         ], 64))), 256))
       ]))
     ], 2));
   }
-}), ut = /* @__PURE__ */ ce(st, [["__scopeId", "data-v-7080ba56"]]), pt = /* @__PURE__ */ W({
+}), ft = /* @__PURE__ */ fe(dt, [["__scopeId", "data-v-7080ba56"]]), St = /* @__PURE__ */ Z({
   __name: "MetricsConsumer",
   props: {
     lookupKey: { default: void 0 },
@@ -1107,74 +1098,74 @@ const rt = /* @__PURE__ */ ce(Jr, [["render", et], ["__scopeId", "data-v-9c7113d
     cardToDisplay: { default: void 0 }
   },
   setup(e) {
-    const r = e, t = Ae(Ne);
+    const r = e, t = Ve(Ue);
     if (!t)
       throw new Error("MetricsConsumer must be nested inside a MetricsProvider instance.");
-    const { traffic: i, latency: a } = t.data, { i18n: n } = M.useI18n(), l = g(() => t.containerTitle.value ? D.Medium : r.cardSize), d = M.useMetricCardBuilder({
+    const { traffic: a, latency: i } = t.data, { i18n: n } = M.useI18n(), s = m(() => t.containerTitle.value ? D.Medium : r.cardSize), c = M.useMetricCardBuilder({
       cardType: O.TRAFFIC,
-      title: g(() => t.longCardTitles ? n.t("metricCard.long.traffic") : n.t("metricCard.short.traffic")),
-      record: i.mapped,
-      hasError: i.hasError,
+      title: m(() => t.longCardTitles ? n.t("metricCard.long.traffic") : n.t("metricCard.short.traffic")),
+      record: a.mapped,
+      hasError: a.hasError,
       lookupKey: r.lookupKey,
-      sumGroupedValues: B,
-      trendRange: i.trendRange
-    }), f = (p) => `${p.toFixed(le)}%`, o = g(() => {
-      const p = i.mapped.value, h = K(p, "current", r.lookupKey, pe), m = K(p, "current", r.lookupKey, B), C = h / m * 100 || 0, E = K(p, "previous", r.lookupKey, pe), I = K(p, "previous", r.lookupKey, B), A = E / I * 100 || 0;
+      sumGroupedValues: G,
+      trendRange: a.trendRange
+    }), d = (p) => `${p.toFixed(de)}%`, o = m(() => {
+      const p = a.mapped.value, g = K(p, "current", r.lookupKey, Te), v = K(p, "current", r.lookupKey, G), _ = g / v * 100 || 0, E = K(p, "previous", r.lookupKey, Te), C = K(p, "previous", r.lookupKey, G), I = E / C * 100 || 0;
       return {
         cardType: O.ERROR_RATE,
-        hasError: i.hasError.value,
-        currentValue: C,
-        previousValue: A,
-        formatValueFn: f,
+        hasError: a.hasError.value,
+        currentValue: _,
+        previousValue: I,
+        formatValueFn: d,
         title: t.longCardTitles ? n.t("metricCard.long.errorRate") : n.t("metricCard.short.errorRate"),
         increaseIsBad: !0,
-        trendRange: i.trendRange.value
+        trendRange: a.trendRange.value
       };
-    }), s = (p) => `${p}ms`, u = M.useMetricCardBuilder({
+    }), l = (p) => `${p}ms`, u = M.useMetricCardBuilder({
       cardType: O.LATENCY,
-      title: g(() => {
-        const { longCardTitles: p, averageLatencies: h } = t, m = h.value ? "averageLatency" : "p99Latency";
-        return p ? n.t(`metricCard.long.${m}`) : l.value === D.Small ? n.t(`metricCard.small.${m}`) : n.t(`metricCard.short.${m}`);
+      title: m(() => {
+        const { longCardTitles: p, averageLatencies: g } = t, v = g.value ? "averageLatency" : "p99Latency";
+        return p ? n.t(`metricCard.long.${v}`) : s.value === D.Small ? n.t(`metricCard.small.${v}`) : n.t(`metricCard.short.${v}`);
       }),
-      hasError: a.hasError,
-      record: a.mapped,
+      hasError: i.hasError,
+      record: i.mapped,
       lookupKey: r.lookupKey,
       increaseIsBad: !0,
-      formatValueFn: s,
-      trendRange: a.trendRange
-    }), c = g(() => r.cardToDisplay === "TRAFFIC" ? [d.value] : r.cardToDisplay === "ERROR_RATE" ? [o.value] : r.cardToDisplay === "LATENCY" ? [u.value] : [d.value, o.value, u.value]), v = g(() => r.cardToDisplay === "TRAFFIC" || r.cardToDisplay === "ERROR_RATE" ? i.isLoading.value : r.cardToDisplay === "LATENCY" ? a.isLoading.value : i.isLoading.value || a.isLoading.value), y = g(() => ({
-      cards: c.value,
+      formatValueFn: l,
+      trendRange: i.trendRange
+    }), f = m(() => r.cardToDisplay === "TRAFFIC" ? [c.value] : r.cardToDisplay === "ERROR_RATE" ? [o.value] : r.cardToDisplay === "LATENCY" ? [u.value] : [c.value, o.value, u.value]), h = m(() => r.cardToDisplay === "TRAFFIC" || r.cardToDisplay === "ERROR_RATE" ? a.isLoading.value : r.cardToDisplay === "LATENCY" ? i.isLoading.value : a.isLoading.value || i.isLoading.value), y = m(() => ({
+      cards: f.value,
       containerTitle: t.containerTitle.value,
       containerDescription: t.description.value,
-      loading: v.value,
+      loading: h.value,
       hasTrendAccess: t.hasTrendAccess.value,
       fallbackDisplayText: n.t("general.notAvailable"),
-      cardSize: l.value,
+      cardSize: s.value,
       hideTitle: !0
-    })), _ = g(() => ({
+    })), A = m(() => ({
       loading: y.value.loading,
-      trafficCard: d.value,
+      trafficCard: c.value,
       errorRateCard: o.value,
       latencyCard: u.value,
-      errorRateFormatted: f(o.value.currentValue),
-      latencyFormatted: s(u.value.currentValue)
+      errorRateFormatted: d(o.value.currentValue),
+      latencyFormatted: l(u.value.currentValue)
     }));
-    return (p, h) => De(p.$slots, "default", { cardValues: _.value }, () => [
-      F(ut, Ge(je(y.value)), null, 16)
+    return (p, g) => Me(p.$slots, "default", { cardValues: A.value }, () => [
+      F(ft, Je(Ze(y.value)), null, 16)
     ]);
   }
-}), H = (e) => new Date(e), Rt = (e, r) => {
+}), Q = (e) => new Date(e), _t = (e, r) => {
   const t = e.body;
   e.reply({
     statusCode: 200,
-    body: lt(t, r)
+    body: vt(t, r)
   });
-}, Ie = (e) => e.reduce((r, t) => (r[t] = { name: t }, r), {}), lt = (e, r) => {
-  var _, p, h;
+}, Le = (e) => e.reduce((r, t) => (r[t] = { name: t }, r), {}), vt = (e, r) => {
+  var A, p, g;
   const t = r != null && r.timeRange && {
     start: r.timeRange.start,
     end: r.timeRange.end
-  } || ((_ = e.time_range) == null ? void 0 : _.type) === "absolute" ? {
+  } || ((A = e.time_range) == null ? void 0 : A.type) === "absolute" ? {
     // @ts-ignore - already asserted time range is absolute above
     start: new Date(e.time_range.start),
     // @ts-ignore - already asserted time range is absolute above
@@ -1182,68 +1173,68 @@ const rt = /* @__PURE__ */ ce(Jr, [["render", et], ["__scopeId", "data-v-9c7113d
   } : {
     start: new Date(Date.now() - 864e5),
     end: /* @__PURE__ */ new Date()
-  }, i = t.end.getTime() - t.start.getTime(), a = e.granularity === "trend" ? {
-    start: new Date(t.start.getTime() - i),
+  }, a = t.end.getTime() - t.start.getTime(), i = e.granularity === "trend" ? {
+    start: new Date(t.start.getTime() - a),
     end: t.end,
     granularity: t.end.getTime() - t.start.getTime()
   } : {
     start: t.start,
     end: t.end,
     granularity: t.end.getTime() - t.start.getTime()
-  }, n = a.end.getTime(), l = a.start.getTime(), d = a.granularity, f = e.granularity === "trend" ? 2 : 1;
+  }, n = i.end.getTime(), s = i.start.getTime(), c = i.granularity, d = e.granularity === "trend" ? 2 : 1;
   if ((e.dimensions ?? []).length > 2)
     throw new Error(`Explore only supports 0-2 dimensions; got: ${JSON.stringify(e.dimensions)}`);
-  const o = (e.dimensions ?? []).find((m) => m !== "time"), s = (r == null ? void 0 : r.dimensionNames) ?? [], u = Math.max(s.length, 1), c = e.metrics || [], v = [];
-  for (let m = 0; m < f; m++)
-    for (let C = 0; C < u; C++) {
-      const E = o ? { [o]: s[C] } : {};
-      (p = e.dimensions) != null && p.includes("status_code_grouped") ? B.forEach((I) => {
-        const A = c.reduce((N, $) => ((r == null ? void 0 : r.deterministic) ?? !0 ? N[$] = (f - m) * 1e3 + 100 * C + 1 : N[$] = Math.round(Math.random() * 1e3), N), { ...E, status_code_grouped: I });
-        v.push({
+  const o = (e.dimensions ?? []).find((v) => v !== "time"), l = (r == null ? void 0 : r.dimensionNames) ?? [], u = Math.max(l.length, 1), f = e.metrics || [], h = [];
+  for (let v = 0; v < d; v++)
+    for (let _ = 0; _ < u; _++) {
+      const E = o ? { [o]: l[_] } : {};
+      (p = e.dimensions) != null && p.includes("status_code_grouped") ? G.forEach((C) => {
+        const I = f.reduce((N, B) => ((r == null ? void 0 : r.deterministic) ?? !0 ? N[B] = (d - v) * 1e3 + 100 * _ + 1 : N[B] = Math.round(Math.random() * 1e3), N), { ...E, status_code_grouped: C });
+        h.push({
           version: "v1",
-          timestamp: m === 0 ? H(l).toISOString() : H(l + d).toISOString(),
-          event: A
+          timestamp: v === 0 ? Q(s).toISOString() : Q(s + c).toISOString(),
+          event: I
         });
-      }) : v.push({
+      }) : h.push({
         version: "v1",
-        timestamp: m === 0 ? H(l).toISOString() : H(l + d).toISOString(),
-        event: c.reduce((I, A) => ((r == null ? void 0 : r.deterministic) ?? !0 ? I[A] = (f - m) * 1e3 + 100 * C + 1 : I[A] = Math.round(Math.random() * 1e3), I), { ...E })
+        timestamp: v === 0 ? Q(s).toISOString() : Q(s + c).toISOString(),
+        event: f.reduce((C, I) => ((r == null ? void 0 : r.deterministic) ?? !0 ? C[I] = (d - v) * 1e3 + 100 * _ + 1 : C[I] = Math.round(Math.random() * 1e3), C), { ...E })
       });
     }
   const y = {
-    start: new Date(l).toISOString(),
+    start: new Date(s).toISOString(),
     end: new Date(n).toISOString(),
-    granularity_ms: d,
+    granularity_ms: c,
     display: o ? {
-      [o]: Ie(s),
-      ...(h = e.dimensions) != null && h.includes("status_code_grouped") ? { status_code_grouped: Ie(B) } : {}
+      [o]: Le(l),
+      ...(g = e.dimensions) != null && g.includes("status_code_grouped") ? { status_code_grouped: Le(G) } : {}
     } : {},
     metric_names: e.metrics,
     query_id: "test"
   };
   return {
-    data: v,
+    data: h,
     meta: y
   };
 };
 export {
-  B as ALL_STATUS_CODE_GROUPS,
-  le as DECIMAL_DISPLAY,
-  _e as DECIMAL_ROUNDING_PRECISION,
-  vr as DEFAULT_REFRESH_INTERVAL,
-  mr as INJECT_QUERY_PROVIDER,
-  fr as MAX_ANALYTICS_REQUEST_RETRIES,
+  G as ALL_STATUS_CODE_GROUPS,
+  de as DECIMAL_DISPLAY,
+  be as DECIMAL_ROUNDING_PRECISION,
+  Rr as DEFAULT_REFRESH_INTERVAL,
+  Tr as INJECT_QUERY_PROVIDER,
+  pr as MAX_ANALYTICS_REQUEST_RETRIES,
   D as MetricCardSize,
   O as MetricCardType,
-  pt as MetricsConsumer,
-  ht as MetricsProvider,
-  pe as STATUS_CODES_FAILED,
-  gt as STATUS_CODES_SUCCESS,
-  Pr as calculateChange,
-  xr as changePolarity,
-  Ur as defineIcon,
-  qr as metricChange,
-  lt as mockExploreResponse,
-  Rt as mockExploreResponseFromCypress,
-  Tr as useTrendRange
+  St as MetricsConsumer,
+  Et as MetricsProvider,
+  Te as STATUS_CODES_FAILED,
+  Tt as STATUS_CODES_SUCCESS,
+  Kr as calculateChange,
+  Pr as changePolarity,
+  Br as defineIcon,
+  zr as metricChange,
+  vt as mockExploreResponse,
+  _t as mockExploreResponseFromCypress,
+  Ar as useTrendRange
 };