@kong-ui-public/analytics-metric-provider 11.0.2-pr.2637.b25f7e003.0 → 11.0.3-pr.2637.08ad5f08e.0

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

@@ -1,4 +1,4 @@
-import { ref as Y, watchEffect as ke, computed as g, getCurrentInstance as Me, reactive as Fe, onMounted as xe, onUnmounted as qe, watch as Ue, isReadonly as Pe, toRefs as $e, defineComponent as W, inject as Ce, toRef as G, provide as ze, renderSlot as Se, resolveComponent as Ie, createElementBlock as C, openBlock as R, normalizeClass as z, createElementVNode as q, createCommentVNode as V, createBlock as U, unref as E, resolveDynamicComponent as re, withCtx as me, createTextVNode as Ae, toDisplayString as w, createVNode as F, Fragment as ye, renderList as Ke, mergeProps as Be, normalizeProps as Xe, guardReactiveProps as Ge } from "vue";
+import { ref as Y, watchEffect as Ne, computed as g, getCurrentInstance as ke, reactive as Fe, onMounted as xe, onUnmounted as qe, watch as Ue, isReadonly as Pe, toRefs as $e, defineComponent as W, inject as Se, toRef as G, provide as ze, renderSlot as Ce, resolveComponent as Ie, createElementBlock as S, openBlock as R, normalizeClass as z, createElementVNode as q, createCommentVNode as M, createBlock as U, unref as E, resolveDynamicComponent as re, withCtx as me, createTextVNode as Ae, toDisplayString as w, createVNode as F, Fragment as ye, renderList as Ke, mergeProps as Be, normalizeProps as Xe, guardReactiveProps as Ge } from "vue";
 import { stripUnknownFilters as je, queryableExploreDimensions as He } from "@kong-ui-public/analytics-utilities";
 import { createI18n as Ye, i18nTComponent as Qe } from "@kong-ui-public/i18n";
 import "axios";
@@ -58,17 +58,17 @@ function cr() {
 const dr = 2, B = ["1XX", "2XX", "3XX", "4XX", "5XX"], ge = ["4XX", "5XX"], yt = ["1XX", "2XX", "3XX"], fr = 30 * 1e3, vr = "analytics-query-provider";
 var we = /* @__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))(we || {});
 const mr = (e) => {
-  var r, t, i, a, n;
+  var r, t, o, a, 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 || (a = (o = e.data) == null ? void 0 : o.data) != null && a.length || !((n = e.data) != null && n.data) && typeof e.data == "object" && Object.keys(e == null ? void 0 : e.data).length) : !1;
 };
-function yr(e = Y({}), r, t, i = mr) {
+function yr(e = Y({}), r, t, o = mr) {
   const a = Y(
     "PENDING"
     /* PENDING */
   );
-  return ke(() => {
-    const n = i(e.value);
+  return Ne(() => {
+    const n = o(e.value);
     if (e.value && n && t.value) {
       a.value = "VALIDATING_HAS_DATA";
       return;
@@ -99,18 +99,18 @@ function yr(e = Y({}), r, t, i = mr) {
     swrvState: we
   };
 }
-const L = Symbol("default"), te = "status_code_grouped", he = (e, r, t, i, a) => {
-  e[r][t] || (e[r][t] = {}), e[r][t][i] = a;
+const L = Symbol("default"), te = "status_code_grouped", he = (e, r, t, o, a) => {
+  e[r][t] || (e[r][t] = {}), e[r][t][o] = a;
 };
 function gr(e, r) {
-  var c;
-  const t = ((c = e.meta.metric_names) == null ? void 0 : c[0]) || "", i = e.meta.start_ms, a = Object.keys(e.meta.display || {}), n = !!a.find((d) => d === te), u = a.find((d) => d !== te);
+  var d;
+  const t = ((d = e.meta.metric_names) == null ? void 0 : d[0]) || "", o = e.meta.start_ms, 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), {
     previous: { [L]: { [L]: 0 } },
     current: { [L]: { [L]: 0 } }
-  }) : e.data.reduce((d, o) => {
-    const s = o.event[t], l = u ? o.event[u] : L, f = n ? o.event[te] : L;
-    return new Date(o.timestamp).getTime() === i && r ? he(d, "previous", l, f, s) : he(d, "current", l, f, s), d;
+  }) : e.data.reduce((f, i) => {
+    const s = i.event[t], u = l ? i.event[l] : L, c = n ? i.event[te] : L;
+    return new Date(i.timestamp).getTime() === o && r ? he(f, "previous", u, c, s) : he(f, "current", u, c, s), f;
   }, {
     previous: {},
     current: {}
@@ -119,7 +119,7 @@ function gr(e, r) {
 function hr(e) {
   e.queryReady === void 0 && (e.queryReady = g(() => !0));
   const r = g(() => {
-    var s, l;
+    var s, u;
     return {
       metrics: e.metrics.value,
       dimensions: [
@@ -127,16 +127,16 @@ function hr(e) {
         ...e.withTrend.value ? ["time"] : []
       ],
       granularity: e.withTrend.value ? "trend" : void 0,
-      ...(l = e.filter.value) != null && l.length ? { filters: e.filter.value } : {},
+      ...(u = e.filter.value) != null && u.length ? { filters: e.filter.value } : {},
       time_range: e.timeRange.value
     };
   }), t = g(() => {
-    var l, f, v, p;
-    if (!((l = e.queryReady) != null && l.value))
+    var u, c, v, p;
+    if (!((u = e.queryReady) != null && u.value))
       return null;
-    const s = (f = e.filter) != null && f.value ? JSON.stringify(e.filter.value) : "";
+    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("-")}-${(p = e.metrics.value) == null ? void 0 : p.join("-")}-${s}-${e.refreshCounter.value}`;
-  }), { response: i, error: a, isValidating: n } = N.useRequest(
+  }), { response: o, error: a, isValidating: n } = V.useRequest(
     () => t.value,
     () => e.queryFn({
       // TODO: Use a type guard to validate that if the datasource is basic,
@@ -149,78 +149,90 @@ function hr(e) {
       revalidateOnFocus: !1,
       errorRetryCount: dr
     }
-  ), { state: u, swrvState: c } = yr(i, a, n), d = g(() => {
-    var s, l, f, v, p, _, h;
-    return !((l = (s = i.value) == null ? void 0 : s.data) != null && l.length) || !((v = (f = i.value) == null ? void 0 : f.meta) != null && v.display) || !((h = (_ = (p = i.value) == null ? void 0 : p.meta) == null ? void 0 : _.metric_names) != null && h.length) ? { current: {}, previous: {} } : gr(i.value, e.withTrend.value);
-  }), o = N.useTrendRange(e.withTrend, e.timeRange, g(() => {
+  ), { state: l, swrvState: d } = yr(o, a, n), f = g(() => {
+    var s, u, c, v, p, _, h;
+    return !((u = (s = o.value) == null ? void 0 : s.data) != null && u.length) || !((v = (c = o.value) == null ? void 0 : c.meta) != null && v.display) || !((h = (_ = (p = o.value) == null ? void 0 : p.meta) == null ? void 0 : _.metric_names) != null && h.length) ? { current: {}, previous: {} } : gr(o.value, e.withTrend.value);
+  }), i = V.useTrendRange(e.withTrend, e.timeRange, g(() => {
     var s;
-    return (s = i.value) == null ? void 0 : s.meta;
+    return (s = o.value) == null ? void 0 : s.meta;
   }));
   return {
-    isLoading: g(() => c.PENDING === u.value),
-    hasError: g(() => c.ERROR === u.value),
-    raw: i,
-    mapped: d,
-    trendRange: o
+    isLoading: g(() => d.PENDING === l.value),
+    hasError: g(() => d.ERROR === l.value),
+    raw: o,
+    mapped: f,
+    trendRange: i
   };
 }
-const K = (e, r, t = L, i) => (i ?? [L]).reduce((n, u) => {
-  const c = e[r][t];
-  return c ? n + (c[u] || 0) : n;
+const K = (e, r, t = L, o) => (o ?? [L]).reduce((n, l) => {
+  const d = e[r][t];
+  return d ? n + (d[l] || 0) : n;
 }, 0);
 function pr(e) {
   const {
     cardType: r,
     title: t,
-    description: i,
+    description: o,
     record: a,
     hasError: n,
-    increaseIsBad: u,
-    formatValueFn: c,
-    trendRange: d
+    increaseIsBad: l,
+    formatValueFn: d,
+    trendRange: f
   } = e;
   return g(() => {
-    let o = 0, s = 0;
+    let i = 0, s = 0;
     if (a != null && a.value)
       try {
-        o = K(a.value, "current", e.lookupKey, e.sumGroupedValues), s = K(a.value, "previous", e.lookupKey, e.sumGroupedValues);
-      } catch (l) {
+        i = K(a.value, "current", e.lookupKey, e.sumGroupedValues), s = K(a.value, "previous", e.lookupKey, e.sumGroupedValues);
+      } catch (u) {
         console.error(
           "Metric card data doesn't have the expected structure:",
-          l
+          u
         );
       }
     return {
       cardType: r,
       hasError: n.value,
-      currentValue: o,
+      currentValue: i,
       previousValue: s,
       title: t.value,
-      description: i,
-      increaseIsBad: !!u,
+      description: o,
+      increaseIsBad: !!l,
       // Coerce undefined to false
-      formatValueFn: c,
-      trendRange: d == null ? void 0 : d.value
+      formatValueFn: d,
+      trendRange: f == null ? void 0 : f.value
     };
   });
 }
 function Rr(e, r, t) {
-  const { i18n: i } = N.useI18n();
+  const { i18n: o } = V.useI18n(), a = 1e3 * 60, n = a * 60, l = n * 24, d = (i, s) => {
+    let u = s - i;
+    e.value && (u /= 2);
+    const c = u / l, v = u / n, p = u / a;
+    return c >= 1 ? o.t("trendRange.custom_days", { numDays: Math.round(c) }) : v >= 1 ? o.t("trendRange.custom_hours", { numHours: Math.round(v) }) : p >= 1 ? o.t("trendRange.custom_minutes", { numMinutes: Math.round(p) }) : o.t("trendRange.custom_days", { numDays: Math.round(c) });
+  }, f = () => {
+    var i, s;
+    if ((i = t == null ? void 0 : t.value) != null && i.start_ms && t.value.end_ms)
+      return {
+        startMs: t.value.start_ms,
+        endMs: t.value.end_ms
+      };
+    if (((s = r == null ? void 0 : r.value) == null ? void 0 : s.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, l;
-    if (!e.value)
-      return "";
-    if (((o = r == null ? void 0 : r.value) == null ? void 0 : o.type) === "relative")
-      return i.t(`trendRange.${r.value.time_range}`);
-    let a, n;
-    if ((s = t == null ? void 0 : t.value) != null && s.start_ms && t.value.end_ms)
-      a = t.value.start_ms, n = t.value.end_ms;
-    else if (((l = r == null ? void 0 : r.value) == null ? void 0 : l.type) === "absolute" && r.value.start && r.value.end)
-      a = new Date(r.value.start).getTime(), n = new Date(r.value.end).getTime();
-    else
-      return "";
-    let u = (n - a) / (1e3 * 60 * 60 * 24), c = (n - a) / (1e3 * 60 * 60), d = (n - a) / (1e3 * 60);
-    return e.value && (u /= 2, c /= 2, d /= 2), u >= 1 ? i.t("trendRange.custom_days", { numDays: Math.round(u) }) : c >= 1 ? i.t("trendRange.custom_hours", { numHours: Math.round(c) }) : d >= 1 ? i.t("trendRange.custom_minutes", { numMinutes: Math.round(d) }) : i.t("trendRange.custom_days", { numDays: Math.round(u) });
+    var i, s;
+    if (((i = r == null ? void 0 : r.value) == null ? void 0 : i.type) === "relative" && e.value)
+      return o.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();
+      if (u)
+        return d(u.startMs, u.endMs);
+    }
+    return "";
   });
 }
 var ne = /* @__PURE__ */ new WeakMap(), pe = 0;
@@ -228,8 +240,8 @@ function Tr(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 = pe, ne.set(e[t], pe++)), r += "@" + i;
+    var o = void 0;
+    e[t] === null || typeof e[t] != "object" && typeof e[t] != "function" ? typeof e[t] == "string" ? o = '"' + e[t] + '"' : o = String(e[t]) : ne.has(e[t]) ? o = ne.get(e[t]) : (o = pe, ne.set(e[t], pe++)), r += "@" + o;
   }
   return r;
 }
@@ -253,18 +265,18 @@ var se = (
     }, 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, u = Date.now(), c = {
+    }, e.prototype.set = function(r, t, o) {
+      var a = this.serializeKey(r), n = o || this.ttl, l = Date.now(), d = {
         data: t,
-        createdAt: u,
-        expiresAt: n ? u + n : 1 / 0
+        createdAt: l,
+        expiresAt: n ? l + n : 1 / 0
       };
-      this.dispatchExpire(n, c, a), this.items.set(a, c);
-    }, e.prototype.dispatchExpire = function(r, t, i) {
+      this.dispatchExpire(n, d, a), this.items.set(a, d);
+    }, e.prototype.dispatchExpire = function(r, t, o) {
       var a = this;
       r && setTimeout(function() {
-        var n = Date.now(), u = n >= t.expiresAt;
-        u && a.delete(i);
+        var n = Date.now(), l = n >= t.expiresAt;
+        l && a.delete(o);
       }, r);
     }, e.prototype.delete = function(r) {
       this.items.delete(r);
@@ -274,131 +286,131 @@ var se = (
 function _r() {
   return typeof navigator.onLine < "u" ? navigator.onLine : !0;
 }
-function Cr() {
+function Sr() {
   return typeof document < "u" && typeof document.visibilityState < "u" ? document.visibilityState !== "hidden" : !0;
 }
-var Sr = function(e) {
+var Cr = function(e) {
   return fetch(e).then(function(r) {
     return r.json();
   });
 };
 const ae = {
   isOnline: _r,
-  isDocumentVisible: Cr,
-  fetcher: Sr
+  isDocumentVisible: Sr,
+  fetcher: Cr
 };
 var b = function() {
   return b = Object.assign || function(e) {
-    for (var r, t = 1, i = arguments.length; t < i; t++) {
+    for (var r, t = 1, o = arguments.length; t < o; t++) {
       r = arguments[t];
       for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
     }
     return e;
   }, b.apply(this, arguments);
-}, P = function(e, r, t, i) {
+}, P = function(e, r, t, o) {
   function a(n) {
-    return n instanceof t ? n : new t(function(u) {
-      u(n);
+    return n instanceof t ? n : new t(function(l) {
+      l(n);
     });
   }
-  return new (t || (t = Promise))(function(n, u) {
-    function c(s) {
+  return new (t || (t = Promise))(function(n, l) {
+    function d(s) {
       try {
-        o(i.next(s));
-      } catch (l) {
-        u(l);
+        i(o.next(s));
+      } catch (u) {
+        l(u);
       }
     }
-    function d(s) {
+    function f(s) {
       try {
-        o(i.throw(s));
-      } catch (l) {
-        u(l);
+        i(o.throw(s));
+      } catch (u) {
+        l(u);
       }
     }
-    function o(s) {
-      s.done ? n(s.value) : a(s.value).then(c, d);
+    function i(s) {
+      s.done ? n(s.value) : a(s.value).then(d, f);
     }
-    o((i = i.apply(e, r || [])).next());
+    i((o = o.apply(e, r || [])).next());
   });
 }, $ = function(e, r) {
   var t = { label: 0, sent: function() {
     if (n[0] & 1) throw n[1];
     return n[1];
-  }, trys: [], ops: [] }, i, a, n, u;
-  return u = { next: c(0), throw: c(1), return: c(2) }, typeof Symbol == "function" && (u[Symbol.iterator] = function() {
+  }, trys: [], ops: [] }, o, a, n, l;
+  return l = { next: d(0), throw: d(1), return: d(2) }, typeof Symbol == "function" && (l[Symbol.iterator] = function() {
     return this;
-  }), u;
-  function c(o) {
+  }), l;
+  function d(i) {
     return function(s) {
-      return d([o, s]);
+      return f([i, s]);
     };
   }
-  function d(o) {
-    if (i) throw new TypeError("Generator is already executing.");
+  function f(i) {
+    if (o) 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 (o = 1, a && (n = i[0] & 2 ? a.return : i[0] ? a.throw || ((n = a.return) && n.call(a), 0) : a.next) && !(n = n.call(a, i[1])).done) return n;
+      switch (a = 0, n && (i = [i[0] & 2, n.value]), i[0]) {
         case 0:
         case 1:
-          n = o;
+          n = i;
           break;
         case 4:
-          return t.label++, { value: o[1], done: !1 };
+          return t.label++, { value: i[1], done: !1 };
         case 5:
-          t.label++, a = o[1], o = [0];
+          t.label++, a = i[1], i = [0];
           continue;
         case 7:
-          o = t.ops.pop(), t.trys.pop();
+          i = t.ops.pop(), t.trys.pop();
           continue;
         default:
-          if (n = t.trys, !(n = n.length > 0 && n[n.length - 1]) && (o[0] === 6 || o[0] === 2)) {
+          if (n = t.trys, !(n = n.length > 0 && n[n.length - 1]) && (i[0] === 6 || i[0] === 2)) {
             t = 0;
             continue;
           }
-          if (o[0] === 3 && (!n || o[1] > n[0] && o[1] < n[3])) {
-            t.label = o[1];
+          if (i[0] === 3 && (!n || i[1] > n[0] && i[1] < n[3])) {
+            t.label = i[1];
             break;
           }
-          if (o[0] === 6 && t.label < n[1]) {
-            t.label = n[1], n = o;
+          if (i[0] === 6 && t.label < n[1]) {
+            t.label = n[1], n = i;
             break;
           }
           if (n && t.label < n[2]) {
-            t.label = n[2], t.ops.push(o);
+            t.label = n[2], t.ops.push(i);
             break;
           }
           n[2] && t.ops.pop(), t.trys.pop();
           continue;
       }
-      o = r.call(e, t);
+      i = r.call(e, t);
     } catch (s) {
-      o = [6, s], a = 0;
+      i = [6, s], a = 0;
     } finally {
-      i = n = 0;
+      o = n = 0;
     }
-    if (o[0] & 5) throw o[1];
-    return { value: o[0] ? o[1] : void 0, done: !0 };
+    if (i[0] & 5) throw i[1];
+    return { value: i[0] ? i[1] : void 0, done: !0 };
   }
 }, Ir = function(e, r) {
   var t = typeof Symbol == "function" && e[Symbol.iterator];
   if (!t) return e;
-  var i = t.call(e), a, n = [], u;
+  var o = t.call(e), a, n = [], l;
   try {
-    for (; (r === void 0 || r-- > 0) && !(a = i.next()).done; ) n.push(a.value);
-  } catch (c) {
-    u = { error: c };
+    for (; (r === void 0 || r-- > 0) && !(a = o.next()).done; ) n.push(a.value);
+  } catch (d) {
+    l = { error: d };
   } finally {
     try {
-      a && !a.done && (t = i.return) && t.call(i);
+      a && !a.done && (t = o.return) && t.call(o);
     } finally {
-      if (u) throw u.error;
+      if (l) throw l.error;
     }
   }
   return n;
 }, Ar = 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]);
+  if (t || arguments.length === 2) for (var o = 0, a = r.length, n; o < a; o++)
+    (n || !(o in r)) && (n || (n = Array.prototype.slice.call(r, 0, o)), n[o] = r[o]);
   return e.concat(n || Array.prototype.slice.call(r));
 }, Oe = new se(), Q = new se(), ie = new se(), Le = {
   cache: Oe,
@@ -416,9 +428,9 @@ var b = function() {
   isDocumentVisible: ae.isDocumentVisible
 };
 function Dr(e, r, t) {
-  var i = Q.get(e);
-  if (i)
-    i.data.push(r);
+  var o = Q.get(e);
+  if (o)
+    o.data.push(r);
   else {
     var a = 5e3;
     Q.set(e, [r], t > 0 ? t + a : t);
@@ -426,44 +438,44 @@ function Dr(e, r, t) {
 }
 function br(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 o = Math.min(r || 0, t.errorRetryCount), a = o * t.errorRetryInterval;
     setTimeout(function() {
-      e(null, { errorRetryCount: i + 1, shouldRetryOnError: !0 });
+      e(null, { errorRetryCount: o + 1, shouldRetryOnError: !0 });
     }, a);
   }
 }
-var Re = function(e, r, t, i) {
-  return t === void 0 && (t = Oe), i === void 0 && (i = Le.ttl), P(void 0, void 0, void 0, function() {
-    var a, n, u, c, d, o, s;
-    return $(this, function(l) {
-      switch (l.label) {
+var Re = function(e, r, t, o) {
+  return t === void 0 && (t = Oe), o === void 0 && (o = Le.ttl), P(void 0, void 0, void 0, function() {
+    var a, n, l, d, f, i, s;
+    return $(this, function(u) {
+      switch (u.label) {
         case 0:
           if (!Or(r)) return [3, 5];
-          l.label = 1;
+          u.label = 1;
         case 1:
-          return l.trys.push([1, 3, , 4]), [4, r];
+          return u.trys.push([1, 3, , 4]), [4, r];
         case 2:
-          return a = l.sent(), [3, 4];
+          return a = u.sent(), [3, 4];
         case 3:
-          return c = l.sent(), n = c, [3, 4];
+          return d = u.sent(), n = d, [3, 4];
         case 4:
           return [3, 6];
         case 5:
-          a = r, l.label = 6;
+          a = r, u.label = 6;
         case 6:
-          if (u = !1, d = { data: a, error: n, isValidating: u }, typeof a < "u")
+          if (l = !1, f = { data: a, error: n, isValidating: l }, typeof a < "u")
             try {
-              t.set(e, d, i);
-            } catch (f) {
-              console.error("swrv(mutate): failed to set cache", f);
+              t.set(e, f, o);
+            } catch (c) {
+              console.error("swrv(mutate): failed to set cache", c);
             }
-          return o = Q.get(e), o && o.data.length && (s = o.data.filter(function(f) {
-            return f.key === e;
-          }), s.forEach(function(f, v) {
-            typeof d.data < "u" && (f.data = d.data), f.error = d.error, f.isValidating = d.isValidating, f.isLoading = d.isValidating;
+          return i = Q.get(e), i && i.data.length && (s = i.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 p = v === s.length - 1;
             p || delete s[v];
-          }), s = s.filter(Boolean)), [2, d];
+          }), s = s.filter(Boolean)), [2, f];
       }
     });
   });
@@ -471,12 +483,12 @@ var Re = function(e, r, t, i) {
 function wr() {
   for (var e = this, r = [], t = 0; t < arguments.length; t++)
     r[t] = arguments[t];
-  var i, a, n = b({}, Le), u = !1, c = !1, d = Me(), o = (d == null ? void 0 : d.proxy) || d;
-  if (!o)
+  var o, a, n = b({}, Le), l = !1, d = !1, f = ke(), i = (f == null ? void 0 : f.proxy) || f;
+  if (!i)
     return console.error("Could not get current instance, check to make sure that `useSwrv` is declared in the top level of the setup function."), null;
-  var s = (o == null ? void 0 : o.$isServer) || !1;
-  r.length >= 1 && (i = r[0]), r.length >= 2 && (a = r[1]), r.length > 2 && (n = b(b({}, n), r[2]));
-  var l = s ? n.serverTTL : n.ttl, f = typeof i == "function" ? i : Y(i);
+  var s = (i == null ? void 0 : i.$isServer) || !1;
+  r.length >= 1 && (o = r[0]), r.length >= 2 && (a = r[1]), r.length > 2 && (n = b(b({}, n), r[2]));
+  var u = s ? n.serverTTL : n.ttl, c = typeof o == "function" ? o : Y(o);
   typeof a > "u" && (a = n.fetcher);
   var v = null;
   v || (v = Fe({
@@ -488,31 +500,31 @@ function wr() {
   }));
   var p = function(m, y) {
     return P(e, void 0, void 0, function() {
-      var k, T, S, A, x, ce, J, de = this;
+      var N, T, C, A, x, ce, J, de = this;
       return $(this, function(Z) {
         switch (Z.label) {
           case 0:
-            return k = v.data === void 0, T = f.value, T ? (S = n.cache.get(T), A = S && S.data, v.isValidating = !0, v.isLoading = !A, A && (v.data = A.data, v.error = A.error), x = m || a, !x || !n.isDocumentVisible() && !k || (y == null ? void 0 : y.forceRevalidate) !== void 0 && !(y != null && y.forceRevalidate) ? (v.isValidating = !1, v.isLoading = !1, [
+            return N = v.data === void 0, T = c.value, T ? (C = n.cache.get(T), A = C && C.data, v.isValidating = !0, v.isLoading = !A, A && (v.data = A.data, v.error = A.error), x = m || a, !x || !n.isDocumentVisible() && !N || (y == null ? void 0 : y.forceRevalidate) !== void 0 && !(y != null && y.forceRevalidate) ? (v.isValidating = !1, v.isLoading = !1, [
               2
               /*return*/
-            ]) : S && (ce = !!(Date.now() - S.createdAt >= n.dedupingInterval || y != null && y.forceRevalidate), !ce) ? (v.isValidating = !1, v.isLoading = !1, [
+            ]) : C && (ce = !!(Date.now() - C.createdAt >= n.dedupingInterval || y != null && y.forceRevalidate), !ce) ? (v.isValidating = !1, v.isLoading = !1, [
               2
               /*return*/
             ]) : (J = function() {
               return P(de, void 0, void 0, function() {
-                var M, fe, ee, ve;
+                var k, fe, ee, ve;
                 return $(this, function(X) {
                   switch (X.label) {
                     case 0:
-                      return M = ie.get(T), M ? [3, 2] : (fe = Array.isArray(T) ? T : [T], ee = x.apply(void 0, Ar([], Ir(fe), !1)), ie.set(T, ee, n.dedupingInterval), [4, Re(T, ee, n.cache, l)]);
+                      return k = ie.get(T), k ? [3, 2] : (fe = Array.isArray(T) ? T : [T], ee = x.apply(void 0, Ar([], Ir(fe), !1)), ie.set(T, ee, n.dedupingInterval), [4, Re(T, ee, n.cache, u)]);
                     case 1:
                       return X.sent(), [3, 4];
                     case 2:
-                      return [4, Re(T, M.data, n.cache, l)];
+                      return [4, Re(T, k.data, n.cache, u)];
                     case 3:
                       X.sent(), X.label = 4;
                     case 4:
-                      return v.isValidating = !1, v.isLoading = !1, ie.delete(T), v.error !== void 0 && (ve = !u && n.shouldRetryOnError && (y ? y.shouldRetryOnError : !0), ve && br(p, y ? y.errorRetryCount : 1, n)), [
+                      return v.isValidating = !1, v.isLoading = !1, ie.delete(T), v.error !== void 0 && (ve = !l && n.shouldRetryOnError && (y ? y.shouldRetryOnError : !0), ve && br(p, y ? y.errorRetryCount : 1, n)), [
                         2
                         /*return*/
                       ];
@@ -521,12 +533,12 @@ function wr() {
               });
             }, A && n.revalidateDebounce ? (setTimeout(function() {
               return P(de, void 0, void 0, function() {
-                return $(this, function(M) {
-                  switch (M.label) {
+                return $(this, function(k) {
+                  switch (k.label) {
                     case 0:
-                      return u ? [3, 2] : [4, J()];
+                      return l ? [3, 2] : [4, J()];
                     case 1:
-                      M.sent(), M.label = 2;
+                      k.sent(), k.label = 2;
                     case 2:
                       return [
                         2
@@ -570,7 +582,7 @@ function wr() {
             case 2:
               h && clearTimeout(h), y.label = 3;
             case 3:
-              return n.refreshInterval && !u && (h = setTimeout(m, n.refreshInterval)), [
+              return n.refreshInterval && !l && (h = setTimeout(m, n.refreshInterval)), [
                 2
                 /*return*/
               ];
@@ -580,15 +592,15 @@ function wr() {
     };
     n.refreshInterval && (h = setTimeout(m, n.refreshInterval)), n.revalidateOnFocus && (document.addEventListener("visibilitychange", _, !1), window.addEventListener("focus", _, !1));
   }), qe(function() {
-    u = !0, h && clearTimeout(h), n.revalidateOnFocus && (document.removeEventListener("visibilitychange", _, !1), window.removeEventListener("focus", _, !1));
-    var m = Q.get(f.value);
+    l = !0, h && clearTimeout(h), n.revalidateOnFocus && (document.removeEventListener("visibilitychange", _, !1), window.removeEventListener("focus", _, !1));
+    var m = Q.get(c.value);
     m && (m.data = m.data.filter(function(y) {
       return y !== v;
     }));
   });
   try {
-    Ue(f, function(m) {
-      Pe(f) || (f.value = m), v.key = m, v.isValidating = !!m, Dr(f.value, v, l), !s && !c && f.value && p(), c = !1;
+    Ue(c, function(m) {
+      Pe(c) || (c.value = m), v.key = m, v.isValidating = !!m, Dr(c.value, v, u), !s && !d && c.value && p(), d = !1;
     }, {
       immediate: !0
     });
@@ -604,10 +616,10 @@ function Or(e) {
 }
 function Lr(e, r, t) {
   const {
-    data: i,
+    data: o,
     error: a,
     isValidating: n,
-    mutate: u
+    mutate: l
   } = wr(e, r, {
     revalidateDebounce: 500,
     revalidateOnFocus: !1,
@@ -615,41 +627,41 @@ function Lr(e, r, t) {
     ...t
   });
   return {
-    data: g(() => i.value),
-    response: i,
+    data: g(() => o.value),
+    response: o,
     error: a,
     isValidating: n,
-    revalidate: u
+    revalidate: l
   };
 }
-const N = {
+const V = {
   useI18n: cr,
   useMetricCardBuilder: pr,
   useMetricFetcher: hr,
   useTrendRange: Rr,
   useRequest: Lr
-}, Ve = Symbol("METRICS_PROVIDER_KEY"), Vr = (e) => {
+}, Me = Symbol("METRICS_PROVIDER_KEY"), Mr = (e) => {
   const {
     datasource: r,
     dimension: t,
-    dimensionFilterValue: i,
+    dimensionFilterValue: o,
     additionalFilter: a,
     queryReady: n,
-    timeRange: u,
-    hasTrendAccess: c,
-    refreshInterval: d,
-    abortController: o,
+    timeRange: l,
+    hasTrendAccess: d,
+    refreshInterval: f,
+    abortController: i,
     queryFn: s,
-    averageLatencies: l
+    averageLatencies: u
   } = e;
-  if (i && !t)
+  if (o && !t)
     throw new Error("Must provide a dimension if filtering by a value");
-  const f = !!(t && i), v = !!(t && !i), p = g(() => {
+  const c = !!(t && o), v = !!(t && !o), p = g(() => {
     const y = [];
-    return f && y.push({
+    return c && y.push({
       field: t,
       operator: "in",
-      value: [i]
+      value: [o]
     }), a.value && y.push(...je(r.value, a.value)), y;
   }), _ = {
     datasource: r,
@@ -659,36 +671,36 @@ const N = {
     // 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 && !f ? [t] : [],
+      ...t && !c ? [t] : [],
       "status_code_grouped"
     ],
     filter: p,
     queryReady: n,
-    timeRange: u,
+    timeRange: l,
     // Traffic and error rate cards can't query trend if multiple entities are expected.
-    withTrend: g(() => c.value && !v),
-    refreshInterval: d,
+    withTrend: g(() => d.value && !v),
+    refreshInterval: f,
     queryFn: s,
-    abortController: o,
+    abortController: i,
     refreshCounter: e.refreshCounter
   }, h = {
     datasource: r,
     metrics: g(() => [
-      l.value ? "response_latency_average" : "response_latency_p99"
+      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 && !f ? { dimensions: [t] } : {},
+    ...t && !c ? { dimensions: [t] } : {},
     filter: p,
     queryReady: n,
-    timeRange: u,
+    timeRange: l,
     // Don't query latency trends in the multi-entity case: it's possible, but wasteful.
-    withTrend: g(() => c.value && !v),
-    refreshInterval: d,
+    withTrend: g(() => d.value && !v),
+    refreshInterval: f,
     queryFn: s,
-    abortController: o,
+    abortController: i,
     refreshCounter: e.refreshCounter
-  }, I = N.useMetricFetcher(_), m = N.useMetricFetcher(h);
+  }, I = V.useMetricFetcher(_), m = V.useMetricFetcher(h);
   return {
     trafficData: I,
     latencyData: m
@@ -713,87 +725,87 @@ const N = {
   },
   setup(e) {
     const r = e;
-    if (r.dimension && He.findIndex((f) => f === r.dimension) === -1)
+    if (r.dimension && He.findIndex((c) => c === r.dimension) === -1)
       throw new Error(`Attempted to use MetricsProvider with an invalid dimension: ${r.dimension}`);
-    const t = Ce(vr);
-    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 = We(), n = g(() => !0), u = g(() => !a.loading && r.queryReady), c = g(() => r.datasource ? r.datasource : "basic"), d = g(() => {
-      const f = r.overrideTimeRange;
-      return f && !f.tz && (f.tz = new Intl.DateTimeFormat().resolvedOptions().timeZone), f || {
+    const t = Se(vr);
+    let o;
+    t ? o = 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"), o = () => Promise.reject(new Error("Query bridge required")));
+    const a = We(), 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 || {
         type: "relative",
         time_range: "7d",
         tz: new Intl.DateTimeFormat().resolvedOptions().timeZone
       };
-    }), o = g(() => !r.percentileLatency), {
+    }), i = g(() => !r.percentileLatency), {
       trafficData: s,
-      latencyData: l
-    } = Vr({
-      datasource: c,
+      latencyData: u
+    } = Mr({
+      datasource: d,
       dimension: r.dimension,
       dimensionFilterValue: r.filterValue,
       additionalFilter: G(r, "additionalFilter"),
-      queryReady: u,
-      timeRange: d,
+      queryReady: l,
+      timeRange: f,
       hasTrendAccess: n,
       refreshInterval: r.refreshInterval,
-      queryFn: i,
-      averageLatencies: o,
+      queryFn: o,
+      averageLatencies: i,
       abortController: r.abortController,
       refreshCounter: G(r, "refreshCounter")
     });
-    return ze(Ve, {
+    return ze(Me, {
       data: {
         traffic: s,
-        latency: l
+        latency: u
       },
       description: G(() => r.description),
       containerTitle: G(() => r.containerTitle),
       hasTrendAccess: n,
       longCardTitles: r.longCardTitles,
-      averageLatencies: o
-    }), (f, v) => Se(f.$slots, "default", {
+      averageLatencies: i
+    }), (c, v) => Ce(c.$slots, "default", {
       hasTrendAccess: n.value,
-      timeRange: d.value
+      timeRange: f.value
     });
   }
 });
-function Nr(e) {
+function Vr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ne = { exports: {} };
+var Ve = { exports: {} };
 (function(e) {
   (function() {
-    function r(o, s) {
-      if (s.separator === !1 || o < 1e3)
-        return o.toString();
-      var l = typeof s.separator == "string" ? s.separator : ",", f = [], v = Math.round(o).toString().split("");
+    function r(i, s) {
+      if (s.separator === !1 || i < 1e3)
+        return i.toString();
+      var u = typeof s.separator == "string" ? s.separator : ",", c = [], v = Math.round(i).toString().split("");
       return v.reverse().forEach(function(p, _) {
-        _ && _ % 3 === 0 && f.push(l), f.push(p);
-      }), f.reverse().join("");
+        _ && _ % 3 === 0 && c.push(u), c.push(p);
+      }), c.reverse().join("");
     }
-    function t(o, s, l) {
-      var f = o / s, v = l.round ? "round" : "floor";
-      return l.decimal === !1 ? (o = Math[v](f), o.toString()) : (l.precision ? o = f : o = f < 10 ? Math[v](f * 10) / 10 : Math[v](f), o = o.toString(), typeof l.decimal == "string" && (o = o.replace(".", l.decimal)), o);
+    function t(i, s, u) {
+      var c = i / s, v = u.round ? "round" : "floor";
+      return u.decimal === !1 ? (i = Math[v](c), i.toString()) : (u.precision ? i = c : i = c < 10 ? Math[v](c * 10) / 10 : Math[v](c), i = i.toString(), typeof u.decimal == "string" && (i = i.replace(".", u.decimal)), i);
     }
-    var i = 1e3, a = 1e4, n = 1e6, u = 1e9, c = 1e12;
-    function d(o, s) {
-      var l;
+    var o = 1e3, a = 1e4, n = 1e6, l = 1e9, d = 1e12;
+    function f(i, s) {
+      var u;
       s = s || {};
-      var f = o < 0;
-      f && (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) ? l = r(t(o, 1, s), s) : o < n ? l = t(o, i, s) + "k" : o < u ? l = t(o, n, s) + "m" : o < c ? l = r(t(o, u, s), s) + "b" : l = r(t(o, c, s), s) + "t", f && (l = "-" + l), s.capital && (l = l.toUpperCase()), s.prefix && (l = s.prefix + l), s.suffix && (l = l + s.suffix), l;
+      var c = i < 0;
+      c && (i = Math.abs(i)), s.precision && (i = parseFloat(i.toPrecision(s.precision)));
+      var v = s.min10k ? a : o;
+      return i < v || s.precision && s.precision > Math.log10(i) ? u = r(t(i, 1, s), s) : i < n ? u = t(i, o, s) + "k" : i < l ? u = t(i, n, s) + "m" : i < d ? u = r(t(i, l, s), s) + "b" : u = r(t(i, 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;
     }
-    d.addCommas = r, e.exports = d;
+    f.addCommas = r, e.exports = f;
   })();
-})(Ne);
-var kr = Ne.exports;
-const Mr = /* @__PURE__ */ Nr(kr);
+})(Ve);
+var Nr = Ve.exports;
+const kr = /* @__PURE__ */ Vr(Nr);
 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 ue = 2, Te = ue + 2, Fr = (e, r, t = !1) => {
-  let i = !r || Number(e.toFixed(Te)) === 0 ? 0 : Number(e.toFixed(Te)) > 0 ? 1 : -1;
-  return t && (i *= -1), i;
+  let o = !r || Number(e.toFixed(Te)) === 0 ? 0 : Number(e.toFixed(Te)) > 0 ? 1 : -1;
+  return t && (o *= -1), o;
 }, xr = (e, r, t) => r ? `${Math.abs(e * 100).toFixed(ue)}%` : t, qr = (e, r) => r === 0 ? 0 : e / r - 1, Ur = (e, r = !1) => (r && (e *= -1), e > 0 ? Je : e < 0 ? Ze : De), Pr = "#ad000e", oe = "#6c7489", Ee = "#52596e", $r = "#007d60", j = "16px", zr = "20px", Kr = {
   key: 0,
   class: "metricscard-description"
@@ -883,23 +895,23 @@ const ue = 2, Te = ue + 2, Fr = (e, r, t = !1) => {
       [O.TRAFFIC, rr],
       [O.ERROR_RATE, tr],
       [O.LATENCY, nr]
-    ]), t = e, i = (c) => {
-      const d = {
+    ]), t = e, o = (d) => {
+      const f = {
         red: `var(--kui-color-text-danger-strong, ${Pr})`,
         green: `var(--kui-color-text-success, ${$r})`,
         grey: `var(--kui-color-text-neutral-strong, ${Ee})`
       };
-      return c > 0 ? d.green : c < 0 ? d.red : d.grey;
-    }, a = (c) => c > 0 ? "positive" : c < 0 ? "negative" : "neutral", n = [D.Medium, D.Large].includes(t.cardSize), u = [D.Small].includes(t.cardSize);
-    return (c, d) => {
-      const o = Ie("KTooltip");
-      return R(), C("div", {
+      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 i = Ie("KTooltip");
+      return R(), S("div", {
         class: z(["metricscard", e.cardSize])
       }, [
         q("div", {
           class: z(["metricscard-title", e.cardSize])
         }, [
-          E(u) ? V("", !0) : (R(), U(re(E(r).get(e.cardType)), {
+          E(l) ? M("", !0) : (R(), U(re(E(r).get(e.cardType)), {
             key: 0,
             class: "metricscard-icon",
             color: `var(--kui-color-text-neutral, ${E(oe)})`,
@@ -911,7 +923,7 @@ const ue = 2, Te = ue + 2, Fr = (e, r, t = !1) => {
             ]),
             _: 1
           })),
-          e.tooltip ? (R(), U(o, {
+          e.tooltip ? (R(), U(i, {
             key: 1,
             class: "metricscard-tooltip",
             placement: "right",
@@ -924,31 +936,31 @@ const ue = 2, Te = ue + 2, Fr = (e, r, t = !1) => {
               }, null, 8, ["color", "size"])
             ]),
             _: 1
-          }, 8, ["text"])) : V("", !0)
+          }, 8, ["text"])) : M("", !0)
         ], 2),
-        e.description && E(n) ? (R(), C("div", Kr, [
+        e.description && E(n) ? (R(), S("div", Kr, [
           q("span", null, w(e.description), 1)
-        ])) : V("", !0),
+        ])) : M("", !0),
         q("div", Br, [
-          e.hasError ? (R(), C("div", Xr, [
+          e.hasError ? (R(), S("div", Xr, [
             F(E(be), {
               color: `var(--kui-color-text-neutral, ${E(oe)})`,
               size: E(zr)
             }, null, 8, ["color", "size"]),
             q("div", null, " " + w(e.errorMessage), 1)
-          ])) : (R(), C("div", {
+          ])) : (R(), S("div", {
             key: 1,
             class: z(["metricscard-value", e.cardSize]),
             "data-testid": "metric-value"
           }, w(e.metricValue), 3)),
-          E(n) ? (R(), C("div", Gr, [
+          E(n) ? (R(), S("div", Gr, [
             q("div", {
               class: z(["metricscard-trend-change", a(e.changePolarity)]),
               "data-testid": "metric-trend-parent"
             }, [
               e.changePolarity !== 0 ? (R(), U(re(e.trendIcon), {
                 key: 0,
-                color: i(e.changePolarity),
+                color: o(e.changePolarity),
                 size: E(j)
               }, null, 8, ["color", "size"])) : (R(), U(E(ir), {
                 key: 1,
@@ -957,21 +969,21 @@ const ue = 2, Te = ue + 2, Fr = (e, r, t = !1) => {
               }, null, 8, ["color", "size"])),
               q("div", jr, w(e.metricChange), 1)
             ], 2),
-            e.trendRange ? (R(), C("div", Hr, w(e.trendRange), 1)) : V("", !0)
-          ])) : V("", !0)
+            e.trendRange ? (R(), S("div", Hr, w(e.trendRange), 1)) : M("", !0)
+          ])) : M("", !0)
         ])
       ], 2);
     };
   }
 }), le = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [i, a] of r)
-    t[i] = a;
+  for (const [o, a] of r)
+    t[o] = a;
   return t;
 }, Qr = /* @__PURE__ */ le(Yr, [["__scopeId", "data-v-b1513f6f"]]), Wr = {}, Jr = { class: "loading-tabs" };
 function Zr(e, r) {
   const t = Ie("KSkeletonBox");
-  return R(), C("div", Jr, [
+  return R(), S("div", Jr, [
     F(t, { width: "100" }),
     F(t, { width: "75" })
   ]);
@@ -1034,46 +1046,46 @@ const et = /* @__PURE__ */ le(Wr, [["render", Zr], ["__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 = qr(a.currentValue, a.previousValue) || 0, u = Fr(n, r.hasTrendAccess, a.increaseIsBad);
+    const r = e, t = g(() => r.cards.every((a) => (a == null ? void 0 : a.hasError) === !0)), o = (a) => {
+      const n = qr(a.currentValue, a.previousValue) || 0, l = Fr(n, r.hasTrendAccess, a.increaseIsBad);
       return {
-        metricValue: a.formatValueFn ? a.formatValueFn(a.currentValue) : Mr(a.currentValue, { capital: !0, round: !0 }) || "0",
+        metricValue: a.formatValueFn ? a.formatValueFn(a.currentValue) : kr(a.currentValue, { capital: !0, round: !0 }) || "0",
         metricChange: a.formatChangeFn ? a.formatChangeFn(n) : xr(n, r.hasTrendAccess, r.fallbackDisplayText),
-        changePolarity: u,
-        trendIcon: Ur(u, a.increaseIsBad),
+        changePolarity: l,
+        trendIcon: Ur(l, a.increaseIsBad),
         cardSize: r.cardSize,
         hasContainerTitle: !!r.containerTitle
       };
     };
-    return (a, n) => (R(), C("div", {
+    return (a, n) => (R(), S("div", {
       class: z(["kong-ui-public-metric-card-container", e.cardSize])
     }, [
-      r.containerTitle || r.containerDescription ? (R(), C("div", rt, [
+      r.containerTitle || r.containerDescription ? (R(), S("div", rt, [
         Ae(w(r.containerTitle) + " ", 1),
-        r.containerDescription ? (R(), C("div", tt, w(r.containerDescription), 1)) : V("", !0)
-      ])) : V("", !0),
-      t.value ? (R(), C("div", nt, [
+        r.containerDescription ? (R(), S("div", tt, w(r.containerDescription), 1)) : M("", !0)
+      ])) : M("", !0),
+      t.value ? (R(), S("div", nt, [
         F(E(be), { class: "error-display-icon" }),
-        e.errorMessage ? (R(), C("div", at, w(e.errorMessage), 1)) : V("", !0)
-      ])) : (R(), C("div", it, [
-        (R(!0), C(ye, null, Ke(e.cards, (u, c) => (R(), C(ye, null, [
-          e.loading ? (R(), C("div", {
-            key: `skeleton-${c}`,
+        e.errorMessage ? (R(), S("div", at, w(e.errorMessage), 1)) : M("", !0)
+      ])) : (R(), S("div", it, [
+        (R(!0), S(ye, null, Ke(e.cards, (l, d) => (R(), S(ye, null, [
+          e.loading ? (R(), S("div", {
+            key: `skeleton-${d}`,
             class: "loading-tab"
           }, [
             F(et, {
               class: z(e.cardSize === E(D).Small ? "loading-tabs-small" : "loading-tabs-large")
             }, null, 8, ["class"])
-          ])) : (R(), U(Qr, Be({ key: c }, { ref_for: !0 }, i(u), {
+          ])) : (R(), U(Qr, Be({ key: d }, { ref_for: !0 }, o(l), {
             "card-size": e.cardSize,
-            "card-type": u.cardType,
-            description: u.description,
+            "card-type": l.cardType,
+            description: l.description,
             "error-message": e.errorMessage,
-            "has-error": u.hasError,
-            title: u.title,
-            "title-tag": u.titleTag,
-            tooltip: u.tooltip,
-            "trend-range": u.trendRange
+            "has-error": l.hasError,
+            title: l.title,
+            "title-tag": l.titleTag,
+            tooltip: l.tooltip,
+            "trend-range": l.trendRange
           }), null, 16, ["card-size", "card-type", "description", "error-message", "has-error", "title", "title-tag", "tooltip", "trend-range"]))
         ], 64))), 256))
       ]))
@@ -1087,34 +1099,34 @@ const et = /* @__PURE__ */ le(Wr, [["render", Zr], ["__scopeId", "data-v-9c7113d
     cardToDisplay: { default: void 0 }
   },
   setup(e) {
-    const r = e, t = Ce(Ve);
+    const r = e, t = Se(Me);
     if (!t)
       throw new Error("MetricsConsumer must be nested inside a MetricsProvider instance.");
-    const { traffic: i, latency: a } = t.data, { i18n: n } = N.useI18n(), u = g(() => t.containerTitle.value ? D.Medium : r.cardSize), c = N.useMetricCardBuilder({
+    const { traffic: o, latency: a } = t.data, { i18n: n } = V.useI18n(), l = g(() => t.containerTitle.value ? D.Medium : r.cardSize), d = V.useMetricCardBuilder({
       cardType: O.TRAFFIC,
       title: g(() => t.longCardTitles ? n.t("metricCard.long.traffic") : n.t("metricCard.short.traffic")),
-      record: i.mapped,
-      hasError: i.hasError,
+      record: o.mapped,
+      hasError: o.hasError,
       lookupKey: r.lookupKey,
       sumGroupedValues: B,
-      trendRange: i.trendRange
-    }), d = (h) => `${h.toFixed(ue)}%`, o = g(() => {
-      const h = i.mapped.value, I = K(h, "current", r.lookupKey, ge), m = K(h, "current", r.lookupKey, B), y = I / m * 100 || 0, k = K(h, "previous", r.lookupKey, ge), T = K(h, "previous", r.lookupKey, B), S = k / T * 100 || 0;
+      trendRange: o.trendRange
+    }), f = (h) => `${h.toFixed(ue)}%`, i = g(() => {
+      const h = o.mapped.value, I = K(h, "current", r.lookupKey, ge), m = K(h, "current", r.lookupKey, B), y = I / m * 100 || 0, N = K(h, "previous", r.lookupKey, ge), T = K(h, "previous", r.lookupKey, B), C = N / T * 100 || 0;
       return {
         cardType: O.ERROR_RATE,
-        hasError: i.hasError.value,
+        hasError: o.hasError.value,
         currentValue: y,
-        previousValue: S,
-        formatValueFn: d,
+        previousValue: C,
+        formatValueFn: f,
         title: t.longCardTitles ? n.t("metricCard.long.errorRate") : n.t("metricCard.short.errorRate"),
         increaseIsBad: !0,
-        trendRange: i.trendRange.value
+        trendRange: o.trendRange.value
       };
-    }), s = (h) => `${h}ms`, l = N.useMetricCardBuilder({
+    }), s = (h) => `${h}ms`, u = V.useMetricCardBuilder({
       cardType: O.LATENCY,
       title: g(() => {
         const { longCardTitles: h, averageLatencies: I } = t, m = I.value ? "averageLatency" : "p99Latency";
-        return h ? n.t(`metricCard.long.${m}`) : u.value === D.Small ? n.t(`metricCard.small.${m}`) : n.t(`metricCard.short.${m}`);
+        return h ? n.t(`metricCard.long.${m}`) : l.value === D.Small ? n.t(`metricCard.small.${m}`) : n.t(`metricCard.short.${m}`);
       }),
       hasError: a.hasError,
       record: a.mapped,
@@ -1122,24 +1134,24 @@ const et = /* @__PURE__ */ le(Wr, [["render", Zr], ["__scopeId", "data-v-9c7113d
       increaseIsBad: !0,
       formatValueFn: s,
       trendRange: a.trendRange
-    }), f = g(() => r.cardToDisplay === "TRAFFIC" ? [c.value] : r.cardToDisplay === "ERROR_RATE" ? [o.value] : r.cardToDisplay === "LATENCY" ? [l.value] : [c.value, o.value, l.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), p = g(() => ({
-      cards: f.value,
+    }), c = g(() => r.cardToDisplay === "TRAFFIC" ? [d.value] : r.cardToDisplay === "ERROR_RATE" ? [i.value] : r.cardToDisplay === "LATENCY" ? [u.value] : [d.value, i.value, u.value]), v = g(() => r.cardToDisplay === "TRAFFIC" || r.cardToDisplay === "ERROR_RATE" ? o.isLoading.value : r.cardToDisplay === "LATENCY" ? a.isLoading.value : o.isLoading.value || a.isLoading.value), p = g(() => ({
+      cards: c.value,
       containerTitle: t.containerTitle.value,
       containerDescription: t.description.value,
       loading: v.value,
       hasTrendAccess: t.hasTrendAccess.value,
       fallbackDisplayText: n.t("general.notAvailable"),
-      cardSize: u.value,
+      cardSize: l.value,
       hideTitle: !0
     })), _ = g(() => ({
       loading: p.value.loading,
-      trafficCard: c.value,
-      errorRateCard: o.value,
-      latencyCard: l.value,
-      errorRateFormatted: d(o.value.currentValue),
-      latencyFormatted: s(l.value.currentValue)
+      trafficCard: d.value,
+      errorRateCard: i.value,
+      latencyCard: u.value,
+      errorRateFormatted: f(i.value.currentValue),
+      latencyFormatted: s(u.value.currentValue)
     }));
-    return (h, I) => Se(h.$slots, "default", { cardValues: _.value }, () => [
+    return (h, I) => Ce(h.$slots, "default", { cardValues: _.value }, () => [
       F(st, Xe(Ge(p.value)), null, 16)
     ]);
   }
@@ -1162,42 +1174,42 @@ const et = /* @__PURE__ */ le(Wr, [["render", Zr], ["__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),
+  }, o = t.end.getTime() - t.start.getTime(), a = e.granularity === "trend" ? {
+    start: new Date(t.start.getTime() - o),
     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(), u = a.start.getTime(), c = a.granularity, d = e.granularity === "trend" ? 2 : 1;
+  }, n = a.end.getTime(), l = a.start.getTime(), d = a.granularity, f = 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) ?? [], l = Math.max(s.length, 1), f = e.metrics || [], v = [];
-  for (let m = 0; m < d; m++)
-    for (let y = 0; y < l; y++) {
-      const k = o ? { [o]: s[y] } : {};
+  const i = (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 y = 0; y < u; y++) {
+      const N = i ? { [i]: s[y] } : {};
       (h = e.dimensions) != null && h.includes("status_code_grouped") ? B.forEach((T) => {
-        const S = f.reduce((A, x) => ((r == null ? void 0 : r.deterministic) ?? !0 ? A[x] = (d - m) * 1e3 + 100 * y + 1 : A[x] = Math.round(Math.random() * 1e3), A), { ...k, status_code_grouped: T });
+        const C = c.reduce((A, x) => ((r == null ? void 0 : r.deterministic) ?? !0 ? A[x] = (f - m) * 1e3 + 100 * y + 1 : A[x] = Math.round(Math.random() * 1e3), A), { ...N, status_code_grouped: T });
         v.push({
           version: "v1",
-          timestamp: m === 0 ? H(u).toISOString() : H(u + c).toISOString(),
-          event: S
+          timestamp: m === 0 ? H(l).toISOString() : H(l + d).toISOString(),
+          event: C
         });
       }) : v.push({
         version: "v1",
-        timestamp: m === 0 ? H(u).toISOString() : H(u + c).toISOString(),
-        event: f.reduce((T, S) => ((r == null ? void 0 : r.deterministic) ?? !0 ? T[S] = (d - m) * 1e3 + 100 * y + 1 : T[S] = Math.round(Math.random() * 1e3), T), { ...k })
+        timestamp: m === 0 ? H(l).toISOString() : H(l + d).toISOString(),
+        event: c.reduce((T, C) => ((r == null ? void 0 : r.deterministic) ?? !0 ? T[C] = (f - m) * 1e3 + 100 * y + 1 : T[C] = Math.round(Math.random() * 1e3), T), { ...N })
       });
     }
   const p = {
-    start_ms: u,
+    start_ms: l,
     end_ms: n,
-    start: new Date(u).toISOString(),
+    start: new Date(l).toISOString(),
     end: new Date(n).toISOString(),
-    granularity_ms: c,
-    display: o ? {
-      [o]: _e(s),
+    granularity_ms: d,
+    display: i ? {
+      [i]: _e(s),
       ...(I = e.dimensions) != null && I.includes("status_code_grouped") ? { status_code_grouped: _e(B) } : {}
     } : {},
     metric_names: e.metrics,