@kong-ui-public/analytics-metric-provider 1.1.15 → 1.1.16

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

@@ -1,7 +1,7 @@
-import { ref as me, watchEffect as We, computed as R, getCurrentInstance as je, reactive as Be, onMounted as Qe, onUnmounted as Ze, watch as Je, isReadonly as Xe, toRefs as et, defineComponent as ne, toRef as _e, provide as tt, renderSlot as Ye, resolveComponent as J, openBlock as S, createElementBlock as O, normalizeClass as X, unref as j, createVNode as $, toDisplayString as q, createCommentVNode as Z, Fragment as Ie, renderList as rt, createBlock as ee, mergeProps as at, createElementVNode as z, withCtx as nt, normalizeStyle as it, inject as st, normalizeProps as ot, guardReactiveProps as ut } from "vue";
+import { ref as me, watchEffect as We, computed as R, getCurrentInstance as je, reactive as Be, onMounted as Qe, onUnmounted as Ze, watch as Je, isReadonly as Xe, toRefs as et, defineComponent as ne, toRef as Ie, provide as tt, renderSlot as xe, resolveComponent as J, openBlock as S, createElementBlock as O, normalizeClass as X, unref as j, createVNode as $, toDisplayString as q, createCommentVNode as Z, Fragment as Ae, renderList as rt, createBlock as ee, mergeProps as at, createElementVNode as z, withCtx as nt, normalizeStyle as it, inject as st, normalizeProps as ot, guardReactiveProps as ut } from "vue";
 import { createI18n as lt, i18nTComponent as ct } from "@kong-ui-public/i18n";
 var dt = Object.defineProperty, ft = (e, t, r) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, I = (e, t, r) => (ft(e, typeof t != "symbol" ? t + "" : t, r), r), v = /* @__PURE__ */ ((e) => (e.MINUTELY = "Minutely", e.HOURLY = "Hourly", e.DAILY = "Daily", e.WEEKLY = "Weekly", e))(v || {}), p = /* @__PURE__ */ ((e) => (e.FIFTEEN_MIN = "15m", e.ONE_HOUR = "1h", e.SIX_HOUR = "6h", e.TWELVE_HOUR = "12h", e.ONE_DAY = "24h", e.SEVEN_DAY = "7d", e.THIRTY_DAY = "30d", e.CURRENT_WEEK = "current_week", e.CURRENT_MONTH = "current_month", e.CURRENT_QUARTER = "current_quarter", e.PREVIOUS_WEEK = "previous_week", e.PREVIOUS_MONTH = "previous_month", e.PREVIOUS_QUARTER = "previous_quarter", e))(p || {});
-const Ae = {
+const Ce = {
   [v.MINUTELY]: 60 * 1e3,
   [v.HOURLY]: 60 * 60 * 1e3,
   [v.DAILY]: 60 * 60 * 24 * 1e3,
@@ -14,15 +14,15 @@ function mt(e, t) {
     origin: t
   } : null;
 }
-function xe(e, t, r) {
-  const i = Ae[r], n = i >= Ae[v.DAILY] ? t.getTimezoneOffset() * 60 * 1e3 : 0;
+function Ve(e, t, r) {
+  const i = Ce[r], n = i >= Ce[v.DAILY] ? t.getTimezoneOffset() * 60 * 1e3 : 0;
   return new Date(e((t.getTime() - n) / i) * i + n);
 }
-function Ce(e, t) {
-  return xe(Math.floor, e, t);
+function Oe(e, t) {
+  return Ve(Math.floor, e, t);
 }
 function vt(e, t) {
-  return xe(Math.ceil, e, t);
+  return Ve(Math.ceil, e, t);
 }
 function te(e) {
   "@babel/helpers - typeof";
@@ -77,7 +77,7 @@ function re(e, t) {
   var f = P(e), m = f.getDay(), h = (m < l ? 7 : 0) + m - l;
   return f.setDate(f.getDate() - h), f.setHours(0, 0, 0, 0), f;
 }
-function Oe(e) {
+function be(e) {
   w(1, arguments);
   var t = P(e);
   return t.setHours(0, 0, 0, 0), t;
@@ -98,7 +98,7 @@ function he(e) {
   var t = P(e), r = t.getTime();
   return r;
 }
-function be(e) {
+function Ne(e) {
   return w(1, arguments), Math.floor(he(e) / 1e3);
 }
 function Rt(e) {
@@ -114,7 +114,7 @@ function wt(e) {
   var t = e / pt;
   return Math.floor(t);
 }
-function Ve(e, t) {
+function ge(e, t) {
   w(2, arguments);
   var r = _(t);
   return ht(e, -r);
@@ -122,12 +122,12 @@ function Ve(e, t) {
 function Dt(e, t) {
   if (w(2, arguments), !t || te(t) !== "object")
     return /* @__PURE__ */ new Date(NaN);
-  var r = t.years ? _(t.years) : 0, i = t.months ? _(t.months) : 0, n = t.weeks ? _(t.weeks) : 0, a = t.days ? _(t.days) : 0, o = t.hours ? _(t.hours) : 0, d = t.minutes ? _(t.minutes) : 0, c = t.seconds ? _(t.seconds) : 0, s = Ve(e, i + r * 12), u = St(s, a + n * 7), l = d + o * 60, f = c + l * 60, m = f * 1e3, h = new Date(u.getTime() - m);
+  var r = t.years ? _(t.years) : 0, i = t.months ? _(t.months) : 0, n = t.weeks ? _(t.weeks) : 0, a = t.days ? _(t.days) : 0, o = t.hours ? _(t.hours) : 0, d = t.minutes ? _(t.minutes) : 0, c = t.seconds ? _(t.seconds) : 0, s = ge(e, i + r * 12), u = St(s, a + n * 7), l = d + o * 60, f = c + l * 60, m = f * 1e3, h = new Date(u.getTime() - m);
   return h;
 }
-class ge {
+class pe {
   constructor(t) {
-    if (I(this, "timeframe"), this.constructor === ge)
+    if (I(this, "timeframe"), this.constructor === pe)
       throw new Error("BaseQueryTime is not meant to be used directly.");
     this.timeframe = t;
   }
@@ -135,8 +135,8 @@ class ge {
     if (t)
       return new Date(this.endDate().getTime() - this.timeframe.timeframeLengthMs() * i);
     {
-      const n = this.endDate(), a = Ce(this.timeframe.rawStart(), r), o = (n.getTime() - a.getTime()) * (i - 1);
-      return Ce(
+      const n = this.endDate(), a = Oe(this.timeframe.rawStart(), r), o = (n.getTime() - a.getTime()) * (i - 1);
+      return Oe(
         new Date(this.timeframe.rawStart().getTime() - o),
         r
       );
@@ -150,11 +150,11 @@ class ge {
   }
   // Return a UNIX timestamp suitable for use in the `start` query param.
   startSeconds() {
-    return be(this.startDate());
+    return Ne(this.startDate());
   }
   // Return a UNIX timestamp suitable for use in the `end` query param.
   endSeconds() {
-    return be(this.endDate());
+    return Ne(this.endDate());
   }
   // Return epoch time in milliseconds, suitable for use in the `startMs` query param.
   startMs() {
@@ -169,7 +169,7 @@ class ge {
     return this.startDate() >= Dt(/* @__PURE__ */ new Date(), { days: 1 });
   }
 }
-let Fe = class extends ge {
+let Fe = class extends pe {
   startDate() {
     return this.calculateStartDate(this.timeframe.isRelative, this.timeframe.dataGranularity);
   }
@@ -241,10 +241,10 @@ let At = class extends A {
     return F(/* @__PURE__ */ new Date());
   }
   rawStart() {
-    return F((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() - 1));
+    return F(ge(/* @__PURE__ */ new Date(), 1));
   }
 };
-const Ne = /* @__PURE__ */ new Map([
+const Ue = /* @__PURE__ */ new Map([
   [
     p.FIFTEEN_MIN,
     new A({
@@ -344,7 +344,7 @@ const Ne = /* @__PURE__ */ new Map([
       timeframeText: "Week",
       timeframeLength: () => {
         const e = re(/* @__PURE__ */ new Date(), { weekStartsOn: 1 });
-        return (Oe(ve(/* @__PURE__ */ new Date(), 1)).getTime() - e.getTime()) / 1e3;
+        return (be(ve(/* @__PURE__ */ new Date(), 1)).getTime() - e.getTime()) / 1e3;
       },
       defaultResponseGranularity: v.DAILY,
       dataGranularity: v.DAILY,
@@ -360,7 +360,7 @@ const Ne = /* @__PURE__ */ new Map([
       timeframeText: "Month",
       timeframeLength: () => {
         const e = F(/* @__PURE__ */ new Date());
-        return (Oe(ve(/* @__PURE__ */ new Date(), 1)).getTime() - e.getTime()) / 1e3;
+        return (be(ve(/* @__PURE__ */ new Date(), 1)).getTime() - e.getTime()) / 1e3;
       },
       defaultResponseGranularity: v.DAILY,
       dataGranularity: v.DAILY,
@@ -389,7 +389,7 @@ const Ne = /* @__PURE__ */ new Map([
       timeframeText: "Month",
       timeframeLength: () => {
         let e = 0;
-        const t = F(/* @__PURE__ */ new Date()), r = F(Ve(/* @__PURE__ */ new Date(), 1));
+        const t = F(/* @__PURE__ */ new Date()), r = F(ge(/* @__PURE__ */ new Date(), 1));
         return t.getTimezoneOffset() !== r.getTimezoneOffset() && (e = bt(t, r)), 60 * 60 * 24 * Et((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() - 1)) + Rt(e);
       },
       defaultResponseGranularity: v.DAILY,
@@ -415,12 +415,12 @@ const Nt = {
     errorRate: "Average Error Rate",
     latency: "P99 Latency"
   }
-}, Mt = {
+}, Lt = {
   general: Nt,
   metricCard: Ut
 };
-function Lt() {
-  const e = lt("en-us", Mt);
+function Mt() {
+  const e = lt("en-us", Lt);
   return {
     i18n: e,
     i18nT: ct(e)
@@ -428,7 +428,7 @@ function Lt() {
   };
 }
 var k = /* @__PURE__ */ ((e) => (e.API_PRODUCT = "API_PRODUCT", e.API_PRODUCT_VERSION = "API_PRODUCT_VERSION", e.RUNTIME_GROUP = "RUNTIME_GROUP", e.GATEWAY_INSTANCE_ID = "GATEWAY_INSTANCE_ID", e.GATEWAY_SERVICE = "GATEWAY_SERVICE", e.ROUTE = "ROUTE", e.APPLICATION = "APPLICATION", e.STATUS_CODE = "STATUS_CODE", e.STATUS_CODE_GROUPED = "STATUS_CODE_GROUPED", e.TIME = "TIME", e.ORGANIZATION = "ORGANIZATION", e))(k || {}), ye = /* @__PURE__ */ ((e) => (e.REQUEST_COUNT = "REQUEST_COUNT", e.REQUEST_PER_MINUTE = "REQUEST_PER_MINUTE", e.RESPONSE_LATENCY_P99 = "RESPONSE_LATENCY_P99", e.RESPONSE_LATENCY_P95 = "RESPONSE_LATENCY_P95", e.RESPONSE_LATENCY_P50 = "RESPONSE_LATENCY_P50", e.RESPONSE_SIZE_P99 = "RESPONSE_SIZE_P99", e.RESPONSE_SIZE_P95 = "RESPONSE_SIZE_P95", e.RESPONSE_SIZE_P50 = "RESPONSE_SIZE_P50", e.REQUEST_SIZE_P99 = "REQUEST_SIZE_P99", e.REQUEST_SIZE_P95 = "REQUEST_SIZE_P95", e.REQUEST_SIZE_P50 = "REQUEST_SIZE_P50", e))(ye || {}), He = /* @__PURE__ */ ((e) => (e.IN = "IN", e.NOT_IN = "NOT_IN", e))(He || {});
-const kt = 2, W = ["1XX", "2XX", "3XX", "4XX", "5XX"], Ue = ["4XX", "5XX"];
+const kt = 2, W = ["1XX", "2XX", "3XX", "4XX", "5XX"], Le = ["4XX", "5XX"];
 var $e = /* @__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))($e || {});
 const Pt = (e) => {
   var t, r, i, n, a;
@@ -517,8 +517,8 @@ function Vt(e) {
       errorRetryCount: kt
     }
   ), { state: c, swrvState: s } = Yt(a, o, d), u = R(() => {
-    var l, f, m, h, y, E, C, T, g, M;
-    return !((m = (f = (l = a.value) == null ? void 0 : l.data) == null ? void 0 : f.records) != null && m.length) || !((E = (y = (h = a.value) == null ? void 0 : h.data) == null ? void 0 : y.meta) != null && E.dimensions) || !((M = (g = (T = (C = a.value) == null ? void 0 : C.data) == null ? void 0 : T.meta) == null ? void 0 : g.metricNames) != null && M.length) ? { current: {}, previous: {} } : xt(a.value.data, t.value, !!e.withTrend);
+    var l, f, m, h, y, E, C, T, g, L;
+    return !((m = (f = (l = a.value) == null ? void 0 : l.data) == null ? void 0 : f.records) != null && m.length) || !((E = (y = (h = a.value) == null ? void 0 : h.data) == null ? void 0 : y.meta) != null && E.dimensions) || !((L = (g = (T = (C = a.value) == null ? void 0 : C.data) == null ? void 0 : T.meta) == null ? void 0 : g.metricNames) != null && L.length) ? { current: {}, previous: {} } : xt(a.value.data, t.value, !!e.withTrend);
   });
   return {
     isLoading: R(() => s.PENDING === c.value),
@@ -561,13 +561,13 @@ function Ft(e) {
     };
   });
 }
-var ce = /* @__PURE__ */ new WeakMap(), Le = 0;
+var ce = /* @__PURE__ */ new WeakMap(), ke = 0;
 function Ht(e) {
   if (!e.length)
     return "";
   for (var t = "arg", r = 0; r < e.length; ++r) {
     var i = void 0;
-    e[r] === null || typeof e[r] != "object" && typeof e[r] != "function" ? typeof e[r] == "string" ? i = '"' + e[r] + '"' : i = String(e[r]) : ce.has(e[r]) ? i = ce.get(e[r]) : (i = Le, ce.set(e[r], Le++)), t += "@" + i;
+    e[r] === null || typeof e[r] != "object" && typeof e[r] != "function" ? typeof e[r] == "string" ? i = '"' + e[r] + '"' : i = String(e[r]) : ce.has(e[r]) ? i = ce.get(e[r]) : (i = ke, ce.set(e[r], ke++)), t += "@" + i;
   }
   return t;
 }
@@ -580,7 +580,7 @@ function $t(e) {
     }
   return Array.isArray(e) ? e = Ht(e) : e = String(e || ""), e;
 }
-var pe = (
+var Te = (
   /** @class */
   function() {
     function e(t) {
@@ -748,7 +748,7 @@ var b = globalThis && globalThis.__assign || function() {
     for (var i = 0, n = t.length, a; i < n; i++)
       (a || !(i in t)) && (a || (a = Array.prototype.slice.call(t, 0, i)), a[i] = t[i]);
   return e.concat(a || Array.prototype.slice.call(t));
-}, Ke = new pe(), ae = new pe(), fe = new pe(), Ge = {
+}, Ke = new Te(), ae = new Te(), fe = new Te(), Ge = {
   cache: Ke,
   refreshInterval: 0,
   ttl: 0,
@@ -780,7 +780,7 @@ function Bt(e, t, r) {
     }, n);
   }
 }
-var ke = function(e, t, r, i) {
+var Pe = function(e, t, r, i) {
   return r === void 0 && (r = Ke), i === void 0 && (i = Ge.ttl), Y(void 0, void 0, void 0, function() {
     var n, a, o, d, c, s, u;
     return x(this, function(l) {
@@ -836,31 +836,31 @@ function Qt() {
   }));
   var h = function(T, g) {
     return Y(e, void 0, void 0, function() {
-      var M, D, K, G, ie, Re, se, Se = this;
+      var L, D, K, G, ie, Se, se, we = this;
       return x(this, function(oe) {
         switch (oe.label) {
           case 0:
-            return M = m.data === void 0, D = f.value, D ? (K = a.cache.get(D), G = K && K.data, m.isValidating = !0, G && (m.data = G.data, m.error = G.error), ie = T || n, !ie || !a.isDocumentVisible() && !M || (g == null ? void 0 : g.forceRevalidate) !== void 0 && !(g != null && g.forceRevalidate) ? (m.isValidating = !1, [
+            return L = m.data === void 0, D = f.value, D ? (K = a.cache.get(D), G = K && K.data, m.isValidating = !0, G && (m.data = G.data, m.error = G.error), ie = T || n, !ie || !a.isDocumentVisible() && !L || (g == null ? void 0 : g.forceRevalidate) !== void 0 && !(g != null && g.forceRevalidate) ? (m.isValidating = !1, [
               2
               /*return*/
-            ]) : K && (Re = !!(Date.now() - K.createdAt >= a.dedupingInterval || g != null && g.forceRevalidate), !Re) ? (m.isValidating = !1, [
+            ]) : K && (Se = !!(Date.now() - K.createdAt >= a.dedupingInterval || g != null && g.forceRevalidate), !Se) ? (m.isValidating = !1, [
               2
               /*return*/
             ]) : (se = function() {
-              return Y(Se, void 0, void 0, function() {
-                var L, we, ue, De;
+              return Y(we, void 0, void 0, function() {
+                var M, De, ue, _e;
                 return x(this, function(B) {
                   switch (B.label) {
                     case 0:
-                      return L = fe.get(D), L ? [3, 2] : (we = Array.isArray(D) ? D : [D], ue = ie.apply(void 0, Wt([], qt(we), !1)), fe.set(D, ue, a.dedupingInterval), [4, ke(D, ue, a.cache, l)]);
+                      return M = fe.get(D), M ? [3, 2] : (De = Array.isArray(D) ? D : [D], ue = ie.apply(void 0, Wt([], qt(De), !1)), fe.set(D, ue, a.dedupingInterval), [4, Pe(D, ue, a.cache, l)]);
                     case 1:
                       return B.sent(), [3, 4];
                     case 2:
-                      return [4, ke(D, L.data, a.cache, l)];
+                      return [4, Pe(D, M.data, a.cache, l)];
                     case 3:
                       B.sent(), B.label = 4;
                     case 4:
-                      return m.isValidating = !1, fe.delete(D), m.error !== void 0 && (De = !o && a.shouldRetryOnError && (g ? g.shouldRetryOnError : !0), De && Bt(h, g ? g.errorRetryCount : 1, a)), [
+                      return m.isValidating = !1, fe.delete(D), m.error !== void 0 && (_e = !o && a.shouldRetryOnError && (g ? g.shouldRetryOnError : !0), _e && Bt(h, g ? g.errorRetryCount : 1, a)), [
                         2
                         /*return*/
                       ];
@@ -868,13 +868,13 @@ function Qt() {
                 });
               });
             }, G && a.revalidateDebounce ? (setTimeout(function() {
-              return Y(Se, void 0, void 0, function() {
-                return x(this, function(L) {
-                  switch (L.label) {
+              return Y(we, void 0, void 0, function() {
+                return x(this, function(M) {
+                  switch (M.label) {
                     case 0:
                       return o ? [3, 2] : [4, se()];
                     case 1:
-                      L.sent(), L.label = 2;
+                      M.sent(), M.label = 2;
                     case 2:
                       return [
                         2
@@ -974,7 +974,7 @@ function Jt(e, t, r) {
   };
 }
 const H = {
-  useI18n: Lt,
+  useI18n: Mt,
   useMetricCardBuilder: Ft,
   useMetricFetcher: Vt,
   useRequest: Jt
@@ -1055,7 +1055,7 @@ const H = {
     const r = R(() => {
       if (t.overrideTimeframe)
         return t.overrideTimeframe;
-      const a = t.hasTrendAccess ? Ne.get(t.maxTimeframe) : Ne.get(p.ONE_DAY);
+      const a = t.hasTrendAccess ? Ue.get(t.maxTimeframe) : Ue.get(p.ONE_DAY);
       if (!a)
         throw new Error("Metrics provider failed to resolve fallback timeframe.");
       return a;
@@ -1065,8 +1065,8 @@ const H = {
     } = Xt({
       dimension: t.dimension,
       dimensionFilterValue: t.filterValue,
-      additionalFilter: _e(t, "additionalFilter"),
-      queryReady: _e(t, "queryReady"),
+      additionalFilter: Ie(t, "additionalFilter"),
+      queryReady: Ie(t, "queryReady"),
       timeframe: r,
       hasTrendAccess: t.hasTrendAccess,
       refreshInterval: t.refreshInterval,
@@ -1079,7 +1079,7 @@ const H = {
       },
       hasTrendAccess: t.hasTrendAccess,
       longCardTitles: t.longCardTitles
-    }), (a, o) => Ye(a.$slots, "default", {
+    }), (a, o) => xe(a.$slots, "default", {
       hasTrendAccess: t.hasTrendAccess,
       timeframe: r.value
     });
@@ -1118,10 +1118,10 @@ var qe = { exports: {} };
 var tr = qe.exports;
 const rr = /* @__PURE__ */ er(tr);
 var N = /* @__PURE__ */ ((e) => (e.Small = "sm", e.Medium = "md", e.Large = "lg", e.ExtraLarge = "xl", e))(N || {});
-const Te = 2, Pe = Te + 2, ar = (e, t, r = !1) => {
-  let i = !t || Number(e.toFixed(Pe)) === 0 ? 0 : Number(e.toFixed(Pe)) > 0 ? 1 : -1;
+const Ee = 2, Ye = Ee + 2, ar = (e, t, r = !1) => {
+  let i = !t || Number(e.toFixed(Ye)) === 0 ? 0 : Number(e.toFixed(Ye)) > 0 ? 1 : -1;
   return r && (i *= -1), i;
-}, nr = (e, t, r) => t ? `${Math.abs(e * 100).toFixed(Te)}%` : r, ir = (e, t) => t === 0 ? 0 : e / t - 1, sr = (e, t = !1) => (t && (e *= -1), e > 0 ? "arrowUp" : e < 0 ? "arrowDown" : "noData"), or = { class: "metricscard" }, ur = {
+}, nr = (e, t, r) => t ? `${Math.abs(e * 100).toFixed(Ee)}%` : r, ir = (e, t) => t === 0 ? 0 : e / t - 1, sr = (e, t = !1) => (t && (e *= -1), e > 0 ? "arrowUp" : e < 0 ? "arrowDown" : "noData"), or = { class: "metricscard" }, ur = {
   key: 0,
   class: "metricscard-error"
 }, lr = {
@@ -1232,12 +1232,12 @@ const Te = 2, Pe = Te + 2, ar = (e, t, r = !1) => {
       ]);
     };
   }
-}), Ee = (e, t) => {
+}), Re = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [i, n] of t)
     r[i] = n;
   return r;
-}, dr = /* @__PURE__ */ Ee(cr, [["__scopeId", "data-v-ee980c4c"]]), fr = {}, mr = { class: "loading-tabs" };
+}, dr = /* @__PURE__ */ Re(cr, [["__scopeId", "data-v-ee980c4c"]]), fr = {}, mr = { class: "loading-tabs" };
 function vr(e, t) {
   const r = J("KSkeletonBox");
   return S(), O("div", mr, [
@@ -1245,7 +1245,7 @@ function vr(e, t) {
     $(r, { width: "75" })
   ]);
 }
-const hr = /* @__PURE__ */ Ee(fr, [["render", vr], ["__scopeId", "data-v-e4239529"]]), yr = {
+const hr = /* @__PURE__ */ Re(fr, [["render", vr], ["__scopeId", "data-v-e4239529"]]), yr = {
   key: 0,
   class: "error-display"
 }, gr = {
@@ -1306,7 +1306,7 @@ const hr = /* @__PURE__ */ Ee(fr, [["render", vr], ["__scopeId", "data-v-e423952
             size: "24"
           }),
           e.errorMessage ? (S(), O("div", gr, q(e.errorMessage), 1)) : Z("", !0)
-        ])) : (S(!0), O(Ie, { key: 1 }, rt(e.cards, (d, c) => (S(), O(Ie, null, [
+        ])) : (S(!0), O(Ae, { key: 1 }, rt(e.cards, (d, c) => (S(), O(Ae, null, [
           e.loading ? (S(), ee(hr, {
             key: `skeleton-${c}`,
             class: X(e.cardSize === j(N).Small ? "loading-tabs-small" : "loading-tabs-large")
@@ -1321,7 +1321,7 @@ const hr = /* @__PURE__ */ Ee(fr, [["render", vr], ["__scopeId", "data-v-e423952
       ], 2);
     };
   }
-}), Tr = /* @__PURE__ */ Ee(pr, [["__scopeId", "data-v-390af84f"]]);
+}), Tr = /* @__PURE__ */ Re(pr, [["__scopeId", "data-v-390af84f"]]);
 const Or = /* @__PURE__ */ ne({
   __name: "MetricsConsumer",
   props: {
@@ -1339,8 +1339,8 @@ const Or = /* @__PURE__ */ ne({
       hasError: i.hasError,
       lookupKey: t.lookupKey,
       sumGroupedValues: W
-    }), d = (y) => `${y.toFixed(Te)}%`, c = R(() => {
-      const y = i.mapped.value, E = V(y, "current", t.lookupKey, Ue), C = V(y, "current", t.lookupKey, W), T = E / C * 100 || 0, g = V(y, "previous", t.lookupKey, Ue), M = V(y, "previous", t.lookupKey, W), D = g / M * 100 || 0;
+    }), d = (y) => `${y.toFixed(Ee)}%`, c = R(() => {
+      const y = i.mapped.value, E = V(y, "current", t.lookupKey, Le), C = V(y, "current", t.lookupKey, W), T = E / C * 100 || 0, g = V(y, "previous", t.lookupKey, Le), L = V(y, "previous", t.lookupKey, W), D = g / L * 100 || 0;
       return {
         hasError: i.hasError.value,
         currentValue: T,
@@ -1371,7 +1371,7 @@ const Or = /* @__PURE__ */ ne({
       errorRateFormatted: d(c.value.currentValue),
       latencyFormatted: s(u.value.currentValue)
     }));
-    return (y, E) => Ye(y.$slots, "default", { cardValues: h.value }, () => [
+    return (y, E) => xe(y.$slots, "default", { cardValues: h.value }, () => [
       $(j(Tr), ot(ut(m.value)), null, 16)
     ]);
   }