@kong-ui-public/analytics-metric-provider 8.3.0 → 8.4.0

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

@@ -1,10 +1,11 @@
-import { ref as te, watchEffect as He, computed as g, getCurrentInstance as Be, reactive as Ue, onMounted as Ke, onUnmounted as Pe, watch as Ze, isReadonly as Xe, toRefs as Ge, defineComponent as k, inject as ke, toRef as le, provide as je, renderSlot as Le, openBlock as v, createBlock as T, resolveDynamicComponent as L, normalizeStyle as z, withCtx as A, createElementBlock as y, toDisplayString as w, createCommentVNode as R, pushScopeId as V, popScopeId as $, createElementVNode as E, resolveComponent as qe, normalizeClass as Y, unref as N, createTextVNode as Ae, createVNode as G, Fragment as _e, renderList as Ye, mergeProps as Qe, normalizeProps as We, guardReactiveProps as Je } from "vue";
-import { TimePeriods as pe, TimeframeKeys as re, stripUnknownFilters as et, queryableExploreDimensions as tt, DeltaQueryTime as rt, UnaryQueryTime as it } from "@kong-ui-public/analytics-utilities";
-import { createI18n as nt, i18nTComponent as at } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as ot } from "@kong-ui-public/analytics-config-store";
-const st = {
+import { ref as j, watchEffect as Me, computed as g, getCurrentInstance as xe, reactive as qe, onMounted as Ue, onUnmounted as Ke, watch as ze, isReadonly as Pe, toRefs as $e, defineComponent as Q, inject as Ie, toRef as re, provide as Be, renderSlot as Ae, resolveComponent as De, openBlock as T, createElementBlock as C, createElementVNode as M, normalizeClass as P, unref as E, createBlock as N, resolveDynamicComponent as te, createCommentVNode as L, withCtx as he, createTextVNode as be, toDisplayString as D, createVNode as K, Fragment as ge, renderList as Xe, mergeProps as Ge, normalizeProps as je, guardReactiveProps as Ye } from "vue";
+import { TimePeriods as ue, TimeframeKeys as Y, stripUnknownFilters as He, queryableExploreDimensions as Qe, DeltaQueryTime as We, UnaryQueryTime as Je } from "@kong-ui-public/analytics-utilities";
+import { createI18n as Ze, i18nTComponent as er } from "@kong-ui-public/i18n";
+import { useAnalyticsConfigStore as rr } from "@kong-ui-public/analytics-config-store";
+import { TrendUpIcon as tr, TrendDownIcon as nr, IndeterminateSmallIcon as we, VitalsIcon as ar, CloudUploadIcon as ir, WarningOutlineIcon as or, ResponseIcon as sr, InfoIcon as ur, WarningIcon as Oe, EqualIcon as lr } from "@kong/icons";
+const cr = {
   notAvailable: "N/A"
-}, lt = {
+}, dr = {
   short: {
     traffic: "Requests",
     errorRate: "Error Rate",
@@ -17,7 +18,7 @@ const st = {
     averageLatency: "Average Latency",
     p99Latency: "P99 Latency"
   }
-}, ut = {
+}, fr = {
   custom: "vs previous {numDays, plural, =1 {day} other {# days}}",
   "15m": "vs previous 15 minutes",
   "1h": "vs previous hour",
@@ -32,353 +33,353 @@ const st = {
   previous_week: "vs previous time period",
   previous_month: "vs previous time period",
   previous_quarter: "vs previous quarter"
-}, dt = {
-  general: st,
-  metricCard: lt,
-  trendRange: ut
+}, vr = {
+  general: cr,
+  metricCard: dr,
+  trendRange: fr
 };
-function ct() {
-  const e = nt("en-us", dt);
+function mr() {
+  const e = Ze("en-us", vr);
   return {
     i18n: e,
-    i18nT: at(e)
+    i18nT: er(e)
     // Translation component <i18n-t>
   };
 }
-const ft = 2, Q = ["1XX", "2XX", "3XX", "4XX", "5XX"], we = ["4XX", "5XX"], hi = ["1XX", "2XX", "3XX"], vt = 30 * 1e3, pt = "analytics-query-provider";
-var ze = /* @__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))(ze || {});
-const gt = (e) => {
-  var t, r, a, n, i;
+const yr = 2, $ = ["1XX", "2XX", "3XX", "4XX", "5XX"], pe = ["4XX", "5XX"], pt = ["1XX", "2XX", "3XX"], hr = 30 * 1e3, gr = "analytics-query-provider";
+var Le = /* @__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))(Le || {});
+const pr = (e) => {
+  var r, t, o, a, n;
   return e ? !!// TODO: revisit: currently only the first check ever matters?
-  ((t = Object.keys(e)) != null && t.length || (r = e.data) != null && r.length || (n = (a = e.data) == null ? void 0 : a.data) != null && n.length || !((i = e.data) != null && i.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 yt(e = te({}), t, r, a = gt) {
-  const n = te(
+function Rr(e = j({}), r, t, o = pr) {
+  const a = j(
     "PENDING"
     /* PENDING */
   );
-  return He(() => {
-    const i = a(e.value);
-    if (e.value && i && r.value) {
-      n.value = "VALIDATING_HAS_DATA";
+  return Me(() => {
+    const n = o(e.value);
+    if (e.value && n && t.value) {
+      a.value = "VALIDATING_HAS_DATA";
       return;
     }
-    if (e.value && r.value) {
-      n.value = "VALIDATING";
+    if (e.value && t.value) {
+      a.value = "VALIDATING";
       return;
     }
-    if (e.value && t.value) {
-      n.value = "STALE_IF_ERROR";
+    if (e.value && r.value) {
+      a.value = "STALE_IF_ERROR";
       return;
     }
-    if (e.value === void 0 && !t.value) {
-      n.value = "PENDING";
+    if (e.value === void 0 && !r.value) {
+      a.value = "PENDING";
       return;
     }
-    if (e.value && !t.value && i) {
-      n.value = "SUCCESS_HAS_DATA";
+    if (e.value && !r.value && n) {
+      a.value = "SUCCESS_HAS_DATA";
       return;
     }
-    if (e.value && !t.value) {
-      n.value = "SUCCESS";
+    if (e.value && !r.value) {
+      a.value = "SUCCESS";
       return;
     }
-    e.value === void 0 && t && (n.value = "ERROR");
+    e.value === void 0 && r && (a.value = "ERROR");
   }), {
-    state: n,
-    swrvState: ze
+    state: a,
+    swrvState: Le
   };
 }
-const H = Symbol("default"), ue = "status_code_grouped", Ne = (e, t, r, a, n) => {
-  e[t][r] || (e[t][r] = {}), e[t][r][a] = n;
+const O = Symbol("default"), ne = "status_code_grouped", Re = (e, r, t, o, a) => {
+  e[r][t] || (e[r][t] = {}), e[r][t][o] = a;
 };
-function mt(e, t) {
-  var c;
-  const r = ((c = e.meta.metric_names) == null ? void 0 : c[0]) || "", a = e.meta.start_ms, n = Object.keys(e.meta.display || {}), i = !!n.find((d) => d === ue), l = n.find((d) => d !== ue);
-  return n.length > 2 || n.length > 1 && !i ? (console.error("Don't know how to work with provided dimensions:", n), {
-    previous: { [H]: { [H]: 0 } },
-    current: { [H]: { [H]: 0 } }
-  }) : e.data.reduce((d, o) => {
-    const s = o.event[r], u = l ? o.event[l] : H, f = i ? o.event[ue] : H;
-    return new Date(o.timestamp).getTime() === a && t ? Ne(d, "previous", u, f, s) : Ne(d, "current", u, f, s), d;
+function Tr(e, r) {
+  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((c) => c === ne), u = a.find((c) => c !== ne);
+  return a.length > 2 || a.length > 1 && !n ? (console.error("Don't know how to work with provided dimensions:", a), {
+    previous: { [O]: { [O]: 0 } },
+    current: { [O]: { [O]: 0 } }
+  }) : e.data.reduce((c, i) => {
+    const s = i.event[t], l = u ? i.event[u] : O, f = n ? i.event[ne] : O;
+    return new Date(i.timestamp).getTime() === o && r ? Re(c, "previous", l, f, s) : Re(c, "current", l, f, s), c;
   }, {
     previous: {},
     current: {}
   });
 }
-function ht(e) {
+function Er(e) {
   e.queryReady === void 0 && (e.queryReady = g(() => !0));
-  const { i18n: t } = K.useI18n(), r = g(() => {
-    var u, f;
+  const { i18n: r } = F.useI18n(), t = g(() => {
+    var l, f;
     return {
       metrics: e.metrics.value,
       dimensions: [
-        ...(u = e.dimensions) != null && u.length ? [...e.dimensions] : [],
+        ...(l = e.dimensions) != null && l.length ? [...e.dimensions] : [],
         ...e.withTrend.value ? ["time"] : []
       ],
       granularity: e.withTrend.value ? "trend" : void 0,
       ...(f = e.filter.value) != null && f.length ? { filters: e.filter.value } : {},
       time_range: e.timeframe.value.v4Query(e.tz.value)
     };
-  }), a = g(() => {
-    var f, p, b, m;
+  }), o = g(() => {
+    var f, v, p, m;
     if (!((f = e.queryReady) != null && f.value))
       return null;
-    const u = (p = e.filter) != null && p.value ? JSON.stringify(e.filter.value) : "";
-    return `metric-fetcher-${e.timeframe.value.cacheKey()}-${(b = e.dimensions) == null ? void 0 : b.join("-")}-${(m = e.metrics.value) == null ? void 0 : m.join("-")}-${u}`;
-  }), { response: n, error: i, isValidating: l } = K.useRequest(
-    () => a.value,
+    const l = (v = e.filter) != null && v.value ? JSON.stringify(e.filter.value) : "";
+    return `metric-fetcher-${e.timeframe.value.cacheKey()}-${(p = e.dimensions) == null ? void 0 : p.join("-")}-${(m = e.metrics.value) == null ? void 0 : m.join("-")}-${l}`;
+  }), { response: a, error: n, isValidating: u } = F.useRequest(
+    () => o.value,
     () => e.queryFn({
       // TODO: Use a type guard to validate that if the datasource is basic,
       // the query is a valid basic explore query.
       datasource: e.datasource.value,
-      query: r.value
+      query: t.value
     }, e.abortController ?? new AbortController()),
     {
       refreshInterval: e.refreshInterval,
       revalidateOnFocus: !1,
-      errorRetryCount: ft
+      errorRetryCount: yr
     }
-  ), { state: c, swrvState: d } = yt(n, i, l), o = g(() => {
-    var u, f, p, b, m, C, I;
-    return !((f = (u = n.value) == null ? void 0 : u.data) != null && f.length) || !((b = (p = n.value) == null ? void 0 : p.meta) != null && b.display) || !((I = (C = (m = n.value) == null ? void 0 : m.meta) == null ? void 0 : C.metric_names) != null && I.length) ? { current: {}, previous: {} } : mt(n.value, e.withTrend.value);
+  ), { state: d, swrvState: c } = Rr(a, n, u), i = g(() => {
+    var l, f, v, p, m, h, _;
+    return !((f = (l = a.value) == null ? void 0 : l.data) != null && f.length) || !((p = (v = a.value) == null ? void 0 : v.meta) != null && p.display) || !((_ = (h = (m = a.value) == null ? void 0 : m.meta) == null ? void 0 : h.metric_names) != null && _.length) ? { current: {}, previous: {} } : Tr(a.value, e.withTrend.value);
   }), s = g(() => {
-    var u, f, p;
+    var l, f, v;
     if (e.timeframe.value.key === "custom") {
-      if (!((f = (u = n.value) == null ? void 0 : u.meta) != null && f.start_ms))
+      if (!((f = (l = a.value) == null ? void 0 : l.meta) != null && f.start_ms))
         return "";
-      const { start_ms: b, end_ms: m } = n.value.meta;
-      let C = (m - b) / (1e3 * 60 * 60 * 24);
-      return e.withTrend.value && (C /= 2), t.t("trendRange.custom", { numDays: Math.round(C) });
+      const { start_ms: p, end_ms: m } = a.value.meta;
+      let h = (m - p) / (1e3 * 60 * 60 * 24);
+      return e.withTrend.value && (h /= 2), r.t("trendRange.custom", { numDays: Math.round(h) });
     } else
-      return e.withTrend.value ? t.t(`trendRange.${e.timeframe.value.key}`) : t.t(`trendRange.${(p = pe.get(re.ONE_DAY)) == null ? void 0 : p.key}`);
+      return e.withTrend.value ? r.t(`trendRange.${e.timeframe.value.key}`) : r.t(`trendRange.${(v = ue.get(Y.ONE_DAY)) == null ? void 0 : v.key}`);
   });
   return {
-    isLoading: g(() => d.PENDING === c.value),
-    hasError: g(() => d.ERROR === c.value),
-    raw: n,
-    mapped: o,
+    isLoading: g(() => c.PENDING === d.value),
+    hasError: g(() => c.ERROR === d.value),
+    raw: a,
+    mapped: i,
     trendRange: s
   };
 }
-const X = (e, t, r = H, a) => (a ?? [H]).reduce((i, l) => {
-  const c = e[t][r];
-  return c ? i + (c[l] || 0) : i;
+const U = (e, r, t = O, o) => (o ?? [O]).reduce((n, u) => {
+  const d = e[r][t];
+  return d ? n + (d[u] || 0) : n;
 }, 0);
-function Ct(e) {
+function _r(e) {
   const {
-    cardType: t,
-    title: r,
-    description: a,
-    record: n,
-    hasError: i,
-    increaseIsBad: l,
-    formatValueFn: c,
-    trendRange: d
+    cardType: r,
+    title: t,
+    description: o,
+    record: a,
+    hasError: n,
+    increaseIsBad: u,
+    formatValueFn: d,
+    trendRange: c
   } = e;
   return g(() => {
-    let o = 0, s = 0;
-    if (n != null && n.value)
+    let i = 0, s = 0;
+    if (a != null && a.value)
       try {
-        o = X(n.value, "current", e.lookupKey, e.sumGroupedValues), s = X(n.value, "previous", e.lookupKey, e.sumGroupedValues);
-      } catch (u) {
+        i = U(a.value, "current", e.lookupKey, e.sumGroupedValues), s = U(a.value, "previous", e.lookupKey, e.sumGroupedValues);
+      } catch (l) {
         console.error(
           "Metric card data doesn't have the expected structure:",
-          u
+          l
         );
       }
     return {
-      cardType: t,
-      hasError: i.value,
-      currentValue: o,
+      cardType: r,
+      hasError: n.value,
+      currentValue: i,
       previousValue: s,
-      title: r.value,
-      description: a,
-      increaseIsBad: !!l,
+      title: t.value,
+      description: o,
+      increaseIsBad: !!u,
       // Coerce undefined to false
-      formatValueFn: c,
-      trendRange: d == null ? void 0 : d.value
+      formatValueFn: d,
+      trendRange: c == null ? void 0 : c.value
     };
   });
 }
-var de = /* @__PURE__ */ new WeakMap(), Re = 0;
-function bt(e) {
+var ae = /* @__PURE__ */ new WeakMap(), Te = 0;
+function Sr(e) {
   if (!e.length)
     return "";
-  for (var t = "arg", r = 0; r < e.length; ++r) {
-    var a = void 0;
-    e[r] === null || typeof e[r] != "object" && typeof e[r] != "function" ? typeof e[r] == "string" ? a = '"' + e[r] + '"' : a = String(e[r]) : de.has(e[r]) ? a = de.get(e[r]) : (a = Re, de.set(e[r], Re++)), t += "@" + a;
+  for (var r = "arg", t = 0; t < e.length; ++t) {
+    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]) : ae.has(e[t]) ? o = ae.get(e[t]) : (o = Te, ae.set(e[t], Te++)), r += "@" + o;
   }
-  return t;
+  return r;
 }
-function St(e) {
+function Cr(e) {
   if (typeof e == "function")
     try {
       e = e();
     } catch {
       e = "";
     }
-  return Array.isArray(e) ? e = bt(e) : e = String(e || ""), e;
+  return Array.isArray(e) ? e = Sr(e) : e = String(e || ""), e;
 }
-var ge = (
+var le = (
   /** @class */
   function() {
-    function e(t) {
-      t === void 0 && (t = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = t;
+    function e(r) {
+      r === void 0 && (r = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = r;
     }
-    return e.prototype.serializeKey = function(t) {
-      return St(t);
-    }, e.prototype.get = function(t) {
-      var r = this.serializeKey(t);
-      return this.items.get(r);
-    }, e.prototype.set = function(t, r, a) {
-      var n = this.serializeKey(t), i = a || this.ttl, l = Date.now(), c = {
-        data: r,
-        createdAt: l,
-        expiresAt: i ? l + i : 1 / 0
+    return e.prototype.serializeKey = function(r) {
+      return Cr(r);
+    }, e.prototype.get = function(r) {
+      var t = this.serializeKey(r);
+      return this.items.get(t);
+    }, e.prototype.set = function(r, t, o) {
+      var a = this.serializeKey(r), n = o || this.ttl, u = Date.now(), d = {
+        data: t,
+        createdAt: u,
+        expiresAt: n ? u + n : 1 / 0
       };
-      this.dispatchExpire(i, c, n), this.items.set(n, c);
-    }, e.prototype.dispatchExpire = function(t, r, a) {
-      var n = this;
-      t && setTimeout(function() {
-        var i = Date.now(), l = i >= r.expiresAt;
-        l && n.delete(a);
-      }, t);
-    }, e.prototype.delete = function(t) {
-      this.items.delete(t);
+      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(o);
+      }, r);
+    }, e.prototype.delete = function(r) {
+      this.items.delete(r);
     }, e;
   }()
 );
-function _t() {
+function Ir() {
   return typeof navigator.onLine < "u" ? navigator.onLine : !0;
 }
-function wt() {
+function Ar() {
   return typeof document < "u" && typeof document.visibilityState < "u" ? document.visibilityState !== "hidden" : !0;
 }
-var Nt = function(e) {
-  return fetch(e).then(function(t) {
-    return t.json();
+var Dr = function(e) {
+  return fetch(e).then(function(r) {
+    return r.json();
   });
 };
-const ce = {
-  isOnline: _t,
-  isDocumentVisible: wt,
-  fetcher: Nt
+const ie = {
+  isOnline: Ir,
+  isDocumentVisible: Ar,
+  fetcher: Dr
 };
-var O = function() {
-  return O = Object.assign || function(e) {
-    for (var t, r = 1, a = arguments.length; r < a; r++) {
-      t = arguments[r];
-      for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+var A = function() {
+  return A = Object.assign || function(e) {
+    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;
-  }, O.apply(this, arguments);
-}, P = function(e, t, r, a) {
-  function n(i) {
-    return i instanceof r ? i : new r(function(l) {
-      l(i);
+  }, A.apply(this, arguments);
+}, x = function(e, r, t, o) {
+  function a(n) {
+    return n instanceof t ? n : new t(function(u) {
+      u(n);
     });
   }
-  return new (r || (r = Promise))(function(i, l) {
-    function c(s) {
+  return new (t || (t = Promise))(function(n, u) {
+    function d(s) {
       try {
-        o(a.next(s));
-      } catch (u) {
-        l(u);
+        i(o.next(s));
+      } catch (l) {
+        u(l);
       }
     }
-    function d(s) {
+    function c(s) {
       try {
-        o(a.throw(s));
-      } catch (u) {
-        l(u);
+        i(o.throw(s));
+      } catch (l) {
+        u(l);
       }
     }
-    function o(s) {
-      s.done ? i(s.value) : n(s.value).then(c, d);
+    function i(s) {
+      s.done ? n(s.value) : a(s.value).then(d, c);
     }
-    o((a = a.apply(e, t || [])).next());
+    i((o = o.apply(e, r || [])).next());
   });
-}, Z = function(e, t) {
-  var r = { label: 0, sent: function() {
-    if (i[0] & 1) throw i[1];
-    return i[1];
-  }, trys: [], ops: [] }, a, n, i, l;
-  return l = { next: c(0), throw: c(1), return: c(2) }, typeof Symbol == "function" && (l[Symbol.iterator] = function() {
+}, q = function(e, r) {
+  var t = { label: 0, sent: function() {
+    if (n[0] & 1) throw n[1];
+    return n[1];
+  }, trys: [], ops: [] }, o, a, n, u;
+  return u = { next: d(0), throw: d(1), return: d(2) }, typeof Symbol == "function" && (u[Symbol.iterator] = function() {
     return this;
-  }), l;
-  function c(o) {
+  }), u;
+  function d(i) {
     return function(s) {
-      return d([o, s]);
+      return c([i, s]);
     };
   }
-  function d(o) {
-    if (a) throw new TypeError("Generator is already executing.");
-    for (; r; ) try {
-      if (a = 1, n && (i = o[0] & 2 ? n.return : o[0] ? n.throw || ((i = n.return) && i.call(n), 0) : n.next) && !(i = i.call(n, o[1])).done) return i;
-      switch (n = 0, i && (o = [o[0] & 2, i.value]), o[0]) {
+  function c(i) {
+    if (o) throw new TypeError("Generator is already executing.");
+    for (; t; ) try {
+      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:
-          i = o;
+          n = i;
           break;
         case 4:
-          return r.label++, { value: o[1], done: !1 };
+          return t.label++, { value: i[1], done: !1 };
         case 5:
-          r.label++, n = o[1], o = [0];
+          t.label++, a = i[1], i = [0];
           continue;
         case 7:
-          o = r.ops.pop(), r.trys.pop();
+          i = t.ops.pop(), t.trys.pop();
           continue;
         default:
-          if (i = r.trys, !(i = i.length > 0 && i[i.length - 1]) && (o[0] === 6 || o[0] === 2)) {
-            r = 0;
+          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 && (!i || o[1] > i[0] && o[1] < i[3])) {
-            r.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 && r.label < i[1]) {
-            r.label = i[1], i = o;
+          if (i[0] === 6 && t.label < n[1]) {
+            t.label = n[1], n = i;
             break;
           }
-          if (i && r.label < i[2]) {
-            r.label = i[2], r.ops.push(o);
+          if (n && t.label < n[2]) {
+            t.label = n[2], t.ops.push(i);
             break;
           }
-          i[2] && r.ops.pop(), r.trys.pop();
+          n[2] && t.ops.pop(), t.trys.pop();
           continue;
       }
-      o = t.call(e, r);
+      i = r.call(e, t);
     } catch (s) {
-      o = [6, s], n = 0;
+      i = [6, s], a = 0;
     } finally {
-      a = i = 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 };
   }
-}, Rt = function(e, t) {
-  var r = typeof Symbol == "function" && e[Symbol.iterator];
-  if (!r) return e;
-  var a = r.call(e), n, i = [], l;
+}, br = function(e, r) {
+  var t = typeof Symbol == "function" && e[Symbol.iterator];
+  if (!t) return e;
+  var o = t.call(e), a, n = [], u;
   try {
-    for (; (t === void 0 || t-- > 0) && !(n = a.next()).done; ) i.push(n.value);
-  } catch (c) {
-    l = { error: c };
+    for (; (r === void 0 || r-- > 0) && !(a = o.next()).done; ) n.push(a.value);
+  } catch (d) {
+    u = { error: d };
   } finally {
     try {
-      n && !n.done && (r = a.return) && r.call(a);
+      a && !a.done && (t = o.return) && t.call(o);
     } finally {
-      if (l) throw l.error;
+      if (u) throw u.error;
     }
   }
-  return i;
-}, It = function(e, t, r) {
-  if (r || arguments.length === 2) for (var a = 0, n = t.length, i; a < n; a++)
-    (i || !(a in t)) && (i || (i = Array.prototype.slice.call(t, 0, a)), i[a] = t[a]);
-  return e.concat(i || Array.prototype.slice.call(t));
-}, Ve = new ge(), ie = new ge(), fe = new ge(), $e = {
+  return n;
+}, wr = function(e, r, t) {
+  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));
+}, Ve = new le(), H = new le(), oe = new le(), ke = {
   cache: Ve,
   refreshInterval: 0,
   ttl: 0,
@@ -389,121 +390,121 @@ var O = function() {
   shouldRetryOnError: !0,
   errorRetryInterval: 5e3,
   errorRetryCount: 5,
-  fetcher: ce.fetcher,
-  isOnline: ce.isOnline,
-  isDocumentVisible: ce.isDocumentVisible
+  fetcher: ie.fetcher,
+  isOnline: ie.isOnline,
+  isDocumentVisible: ie.isDocumentVisible
 };
-function Tt(e, t, r) {
-  var a = ie.get(e);
-  if (a)
-    a.data.push(t);
+function Or(e, r, t) {
+  var o = H.get(e);
+  if (o)
+    o.data.push(r);
   else {
-    var n = 5e3;
-    ie.set(e, [t], r > 0 ? r + n : r);
+    var a = 5e3;
+    H.set(e, [r], t > 0 ? t + a : t);
   }
 }
-function xt(e, t, r) {
-  if (r.isDocumentVisible() && !(r.errorRetryCount !== void 0 && t > r.errorRetryCount)) {
-    var a = Math.min(t || 0, r.errorRetryCount), n = a * r.errorRetryInterval;
+function Lr(e, r, t) {
+  if (t.isDocumentVisible() && !(t.errorRetryCount !== void 0 && r > t.errorRetryCount)) {
+    var o = Math.min(r || 0, t.errorRetryCount), a = o * t.errorRetryInterval;
     setTimeout(function() {
-      e(null, { errorRetryCount: a + 1, shouldRetryOnError: !0 });
-    }, n);
+      e(null, { errorRetryCount: o + 1, shouldRetryOnError: !0 });
+    }, a);
   }
 }
-var Ie = function(e, t, r, a) {
-  return r === void 0 && (r = Ve), a === void 0 && (a = $e.ttl), P(void 0, void 0, void 0, function() {
-    var n, i, l, c, d, o, s;
-    return Z(this, function(u) {
-      switch (u.label) {
+var Ee = function(e, r, t, o) {
+  return t === void 0 && (t = Ve), o === void 0 && (o = ke.ttl), x(void 0, void 0, void 0, function() {
+    var a, n, u, d, c, i, s;
+    return q(this, function(l) {
+      switch (l.label) {
         case 0:
-          if (!kt(t)) return [3, 5];
-          u.label = 1;
+          if (!kr(r)) return [3, 5];
+          l.label = 1;
         case 1:
-          return u.trys.push([1, 3, , 4]), [4, t];
+          return l.trys.push([1, 3, , 4]), [4, r];
         case 2:
-          return n = u.sent(), [3, 4];
+          return a = l.sent(), [3, 4];
         case 3:
-          return c = u.sent(), i = c, [3, 4];
+          return d = l.sent(), n = d, [3, 4];
         case 4:
           return [3, 6];
         case 5:
-          n = t, u.label = 6;
+          a = r, l.label = 6;
         case 6:
-          if (l = !1, d = { data: n, error: i, isValidating: l }, typeof n < "u")
+          if (u = !1, c = { data: a, error: n, isValidating: u }, typeof a < "u")
             try {
-              r.set(e, d, a);
+              t.set(e, c, o);
             } catch (f) {
               console.error("swrv(mutate): failed to set cache", f);
             }
-          return o = ie.get(e), o && o.data.length && (s = o.data.filter(function(f) {
+          return i = H.get(e), i && i.data.length && (s = i.data.filter(function(f) {
             return f.key === e;
-          }), s.forEach(function(f, p) {
-            typeof d.data < "u" && (f.data = d.data), f.error = d.error, f.isValidating = d.isValidating;
-            var b = p === s.length - 1;
-            b || delete s[p];
-          }), s = s.filter(Boolean)), [2, d];
+          }), s.forEach(function(f, v) {
+            typeof c.data < "u" && (f.data = c.data), f.error = c.error, f.isValidating = c.isValidating;
+            var p = v === s.length - 1;
+            p || delete s[v];
+          }), s = s.filter(Boolean)), [2, c];
       }
     });
   });
 };
-function Et() {
-  for (var e = this, t = [], r = 0; r < arguments.length; r++)
-    t[r] = arguments[r];
-  var a, n, i = O({}, $e), l = !1, c = !1, d = Be(), o = (d == null ? void 0 : d.proxy) || d;
-  if (!o)
+function Vr() {
+  for (var e = this, r = [], t = 0; t < arguments.length; t++)
+    r[t] = arguments[t];
+  var o, a, n = A({}, ke), u = !1, d = !1, c = xe(), i = (c == null ? void 0 : c.proxy) || c;
+  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;
-  t.length >= 1 && (a = t[0]), t.length >= 2 && (n = t[1]), t.length > 2 && (i = O(O({}, i), t[2]));
-  var u = s ? i.serverTTL : i.ttl, f = typeof a == "function" ? a : te(a);
-  typeof n > "u" && (n = i.fetcher);
-  var p = null;
-  p || (p = Ue({
+  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 = A(A({}, n), r[2]));
+  var l = s ? n.serverTTL : n.ttl, f = typeof o == "function" ? o : j(o);
+  typeof a > "u" && (a = n.fetcher);
+  var v = null;
+  v || (v = qe({
     data: void 0,
     error: void 0,
     isValidating: !0,
     key: null
   }));
-  var b = function(S, h) {
-    return P(e, void 0, void 0, function() {
-      var q, x, B, j, ne, he, ae, Ce = this;
-      return Z(this, function(oe) {
-        switch (oe.label) {
+  var p = function(R, y) {
+    return x(e, void 0, void 0, function() {
+      var I, S, V, z, W, fe, J, ve = this;
+      return q(this, function(Z) {
+        switch (Z.label) {
           case 0:
-            return q = p.data === void 0, x = f.value, x ? (B = i.cache.get(x), j = B && B.data, p.isValidating = !0, j && (p.data = j.data, p.error = j.error), ne = S || n, !ne || !i.isDocumentVisible() && !q || (h == null ? void 0 : h.forceRevalidate) !== void 0 && !(h != null && h.forceRevalidate) ? (p.isValidating = !1, [
+            return I = v.data === void 0, S = f.value, S ? (V = n.cache.get(S), z = V && V.data, v.isValidating = !0, z && (v.data = z.data, v.error = z.error), W = R || a, !W || !n.isDocumentVisible() && !I || (y == null ? void 0 : y.forceRevalidate) !== void 0 && !(y != null && y.forceRevalidate) ? (v.isValidating = !1, [
               2
               /*return*/
-            ]) : B && (he = !!(Date.now() - B.createdAt >= i.dedupingInterval || h != null && h.forceRevalidate), !he) ? (p.isValidating = !1, [
+            ]) : V && (fe = !!(Date.now() - V.createdAt >= n.dedupingInterval || y != null && y.forceRevalidate), !fe) ? (v.isValidating = !1, [
               2
               /*return*/
-            ]) : (ae = function() {
-              return P(Ce, void 0, void 0, function() {
-                var U, be, se, Se;
-                return Z(this, function(W) {
-                  switch (W.label) {
+            ]) : (J = function() {
+              return x(ve, void 0, void 0, function() {
+                var k, me, ee, ye;
+                return q(this, function(B) {
+                  switch (B.label) {
                     case 0:
-                      return U = fe.get(x), U ? [3, 2] : (be = Array.isArray(x) ? x : [x], se = ne.apply(void 0, It([], Rt(be), !1)), fe.set(x, se, i.dedupingInterval), [4, Ie(x, se, i.cache, u)]);
+                      return k = oe.get(S), k ? [3, 2] : (me = Array.isArray(S) ? S : [S], ee = W.apply(void 0, wr([], br(me), !1)), oe.set(S, ee, n.dedupingInterval), [4, Ee(S, ee, n.cache, l)]);
                     case 1:
-                      return W.sent(), [3, 4];
+                      return B.sent(), [3, 4];
                     case 2:
-                      return [4, Ie(x, U.data, i.cache, u)];
+                      return [4, Ee(S, k.data, n.cache, l)];
                     case 3:
-                      W.sent(), W.label = 4;
+                      B.sent(), B.label = 4;
                     case 4:
-                      return p.isValidating = !1, fe.delete(x), p.error !== void 0 && (Se = !l && i.shouldRetryOnError && (h ? h.shouldRetryOnError : !0), Se && xt(b, h ? h.errorRetryCount : 1, i)), [
+                      return v.isValidating = !1, oe.delete(S), v.error !== void 0 && (ye = !u && n.shouldRetryOnError && (y ? y.shouldRetryOnError : !0), ye && Lr(p, y ? y.errorRetryCount : 1, n)), [
                         2
                         /*return*/
                       ];
                   }
                 });
               });
-            }, j && i.revalidateDebounce ? (setTimeout(function() {
-              return P(Ce, void 0, void 0, function() {
-                return Z(this, function(U) {
-                  switch (U.label) {
+            }, z && n.revalidateDebounce ? (setTimeout(function() {
+              return x(ve, void 0, void 0, function() {
+                return q(this, function(k) {
+                  switch (k.label) {
                     case 0:
-                      return l ? [3, 2] : [4, ae()];
+                      return u ? [3, 2] : [4, J()];
                     case 1:
-                      U.sent(), U.label = 2;
+                      k.sent(), k.label = 2;
                     case 2:
                       return [
                         2
@@ -512,14 +513,14 @@ function Et() {
                   }
                 });
               });
-            }, i.revalidateDebounce), [3, 3]) : [3, 1])) : [
+            }, n.revalidateDebounce), [3, 3]) : [3, 1])) : [
               2
               /*return*/
             ];
           case 1:
-            return [4, ae()];
+            return [4, J()];
           case 2:
-            oe.sent(), oe.label = 3;
+            Z.sent(), Z.label = 3;
           case 3:
             return [
               2
@@ -529,25 +530,25 @@ function Et() {
       });
     });
   }, m = function() {
-    return P(e, void 0, void 0, function() {
-      return Z(this, function(S) {
-        return [2, b(null, { shouldRetryOnError: !1 })];
+    return x(e, void 0, void 0, function() {
+      return q(this, function(R) {
+        return [2, p(null, { shouldRetryOnError: !1 })];
       });
     });
-  }, C = null;
-  Ke(function() {
-    var S = function() {
-      return P(e, void 0, void 0, function() {
-        return Z(this, function(h) {
-          switch (h.label) {
+  }, h = null;
+  Ue(function() {
+    var R = function() {
+      return x(e, void 0, void 0, function() {
+        return q(this, function(y) {
+          switch (y.label) {
             case 0:
-              return !p.error && i.isOnline() ? [4, b()] : [3, 2];
+              return !v.error && n.isOnline() ? [4, p()] : [3, 2];
             case 1:
-              return h.sent(), [3, 3];
+              return y.sent(), [3, 3];
             case 2:
-              C && clearTimeout(C), h.label = 3;
+              h && clearTimeout(h), y.label = 3;
             case 3:
-              return i.refreshInterval && !l && (C = setTimeout(S, i.refreshInterval)), [
+              return n.refreshInterval && !u && (h = setTimeout(R, n.refreshInterval)), [
                 2
                 /*return*/
               ];
@@ -555,133 +556,133 @@ function Et() {
         });
       });
     };
-    i.refreshInterval && (C = setTimeout(S, i.refreshInterval)), i.revalidateOnFocus && (document.addEventListener("visibilitychange", m, !1), window.addEventListener("focus", m, !1));
-  }), Pe(function() {
-    l = !0, C && clearTimeout(C), i.revalidateOnFocus && (document.removeEventListener("visibilitychange", m, !1), window.removeEventListener("focus", m, !1));
-    var S = ie.get(f.value);
-    S && (S.data = S.data.filter(function(h) {
-      return h !== p;
+    n.refreshInterval && (h = setTimeout(R, n.refreshInterval)), n.revalidateOnFocus && (document.addEventListener("visibilitychange", m, !1), window.addEventListener("focus", m, !1));
+  }), Ke(function() {
+    u = !0, h && clearTimeout(h), n.revalidateOnFocus && (document.removeEventListener("visibilitychange", m, !1), window.removeEventListener("focus", m, !1));
+    var R = H.get(f.value);
+    R && (R.data = R.data.filter(function(y) {
+      return y !== v;
     }));
   });
   try {
-    Ze(f, function(S) {
-      Xe(f) || (f.value = S), p.key = S, p.isValidating = !!S, Tt(f.value, p, u), !s && !c && f.value && b(), c = !1;
+    ze(f, function(R) {
+      Pe(f) || (f.value = R), v.key = R, v.isValidating = !!R, Or(f.value, v, l), !s && !d && f.value && p(), d = !1;
     }, {
       immediate: !0
     });
   } catch {
   }
-  var I = O(O({}, Ge(p)), { mutate: function(S, h) {
-    return b(S, O(O({}, h), { forceRevalidate: !0 }));
+  var _ = A(A({}, $e(v)), { mutate: function(R, y) {
+    return p(R, A(A({}, y), { forceRevalidate: !0 }));
   } });
-  return I;
+  return _;
 }
-function kt(e) {
+function kr(e) {
   return e !== null && typeof e == "object" && typeof e.then == "function";
 }
-function Lt(e, t, r) {
+function Nr(e, r, t) {
   const {
-    data: a,
-    error: n,
-    isValidating: i,
-    mutate: l
-  } = Et(e, t, {
+    data: o,
+    error: a,
+    isValidating: n,
+    mutate: u
+  } = Vr(e, r, {
     revalidateDebounce: 500,
     revalidateOnFocus: !1,
     dedupingInterval: 100,
-    ...r
+    ...t
   });
   return {
-    data: g(() => a.value),
-    response: a,
-    error: n,
-    isValidating: i,
-    revalidate: l
+    data: g(() => o.value),
+    response: o,
+    error: a,
+    isValidating: n,
+    revalidate: u
   };
 }
-const K = {
-  useI18n: ct,
-  useMetricCardBuilder: Ct,
-  useMetricFetcher: ht,
-  useRequest: Lt
-}, De = Symbol("METRICS_PROVIDER_KEY"), qt = (e) => {
+const F = {
+  useI18n: mr,
+  useMetricCardBuilder: _r,
+  useMetricFetcher: Er,
+  useRequest: Nr
+}, Ne = Symbol("METRICS_PROVIDER_KEY"), Fr = (e) => {
   const {
-    datasource: t,
-    dimension: r,
-    dimensionFilterValue: a,
-    additionalFilter: n,
-    queryReady: i,
-    timeframe: l,
-    tz: c,
-    hasTrendAccess: d,
-    refreshInterval: o,
+    datasource: r,
+    dimension: t,
+    dimensionFilterValue: o,
+    additionalFilter: a,
+    queryReady: n,
+    timeframe: u,
+    tz: d,
+    hasTrendAccess: c,
+    refreshInterval: i,
     abortController: s,
-    queryFn: u,
+    queryFn: l,
     averageLatencies: f
   } = e;
-  if (a && !r)
+  if (o && !t)
     throw new Error("Must provide a dimension if filtering by a value");
-  const p = !!(r && a), b = !!(r && !a), m = g(() => {
-    const q = [];
-    return p && q.push({
-      dimension: r,
+  const v = !!(t && o), p = !!(t && !o), m = g(() => {
+    const I = [];
+    return v && I.push({
+      dimension: t,
       type: "in",
-      values: [a]
-    }), n.value && q.push(...et(t.value, n.value)), q;
-  }), C = {
-    datasource: t,
-    metrics: te([
+      values: [o]
+    }), a.value && I.push(...He(r.value, a.value)), I;
+  }), h = {
+    datasource: r,
+    metrics: j([
       "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: [
-      ...r && !p ? [r] : [],
+      ...t && !v ? [t] : [],
       "status_code_grouped"
     ],
     filter: m,
-    queryReady: i,
-    timeframe: l,
-    tz: c,
+    queryReady: n,
+    timeframe: u,
+    tz: d,
     // Traffic and error rate cards can't query trend if multiple entities are expected.
-    withTrend: g(() => d.value && !b),
-    refreshInterval: o,
-    queryFn: u,
+    withTrend: g(() => c.value && !p),
+    refreshInterval: i,
+    queryFn: l,
     abortController: s
-  }, I = {
-    datasource: t,
+  }, _ = {
+    datasource: r,
     metrics: g(() => [
       f.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.
-    ...r && !p ? { dimensions: [r] } : {},
+    ...t && !v ? { dimensions: [t] } : {},
     filter: m,
-    queryReady: i,
-    timeframe: l,
-    tz: c,
+    queryReady: n,
+    timeframe: u,
+    tz: d,
     // Don't query latency trends in the multi-entity case: it's possible, but wasteful.
-    withTrend: g(() => d.value && !b),
-    refreshInterval: o,
-    queryFn: u,
+    withTrend: g(() => c.value && !p),
+    refreshInterval: i,
+    queryFn: l,
     abortController: s
-  }, S = K.useMetricFetcher(C), h = K.useMetricFetcher(I);
+  }, R = F.useMetricFetcher(h), y = F.useMetricFetcher(_);
   return {
-    trafficData: S,
-    latencyData: h
+    trafficData: R,
+    latencyData: y
   };
-}, Ci = /* @__PURE__ */ k({
+}, Rt = /* @__PURE__ */ Q({
   __name: "MetricsProvider",
   props: {
     datasource: { default: void 0 },
-    maxTimeframe: { default: re.THIRTY_DAY },
+    maxTimeframe: { default: Y.THIRTY_DAY },
     overrideTimeframe: { default: void 0 },
     tz: { default: void 0 },
     dimension: { default: void 0 },
     filterValue: { default: void 0 },
     additionalFilter: { default: void 0 },
     queryReady: { type: Boolean, default: !0 },
-    refreshInterval: { default: vt },
+    refreshInterval: { default: hr },
     longCardTitles: { type: Boolean, default: !1 },
     containerTitle: { default: void 0 },
     description: { default: void 0 },
@@ -689,1090 +690,85 @@ const K = {
     abortController: { default: void 0 }
   },
   setup(e) {
-    const t = e;
-    if (t.dimension && tt.findIndex((p) => p === t.dimension) === -1)
-      throw new Error(`Attempted to use MetricsProvider with an invalid dimension: ${t.dimension}`);
-    const r = ke(pt);
-    let a;
-    r ? a = r.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 n = ot(), i = g(() => !0), l = g(() => !n.loading && t.queryReady), c = g(() => t.tz ? t.tz : new Intl.DateTimeFormat().resolvedOptions().timeZone), d = g(() => t.datasource ? t.datasource : "basic"), o = g(() => t.overrideTimeframe || pe.get(re.SEVEN_DAY)), s = g(() => !t.percentileLatency), {
-      trafficData: u,
+    const r = e;
+    if (r.dimension && Qe.findIndex((v) => v === r.dimension) === -1)
+      throw new Error(`Attempted to use MetricsProvider with an invalid dimension: ${r.dimension}`);
+    const t = Ie(gr);
+    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 = rr(), n = g(() => !0), u = g(() => !a.loading && r.queryReady), d = g(() => r.tz ? r.tz : new Intl.DateTimeFormat().resolvedOptions().timeZone), c = g(() => r.datasource ? r.datasource : "basic"), i = g(() => r.overrideTimeframe || ue.get(Y.SEVEN_DAY)), s = g(() => !r.percentileLatency), {
+      trafficData: l,
       latencyData: f
-    } = qt({
-      datasource: d,
-      dimension: t.dimension,
-      dimensionFilterValue: t.filterValue,
-      additionalFilter: le(t, "additionalFilter"),
-      queryReady: l,
-      timeframe: o,
-      tz: c,
-      hasTrendAccess: i,
-      refreshInterval: t.refreshInterval,
-      queryFn: a,
+    } = Fr({
+      datasource: c,
+      dimension: r.dimension,
+      dimensionFilterValue: r.filterValue,
+      additionalFilter: re(r, "additionalFilter"),
+      queryReady: u,
+      timeframe: i,
+      tz: d,
+      hasTrendAccess: n,
+      refreshInterval: r.refreshInterval,
+      queryFn: o,
       averageLatencies: s,
-      abortController: t.abortController
+      abortController: r.abortController
     });
-    return je(De, {
+    return Be(Ne, {
       data: {
-        traffic: u,
+        traffic: l,
         latency: f
       },
-      description: le(() => t.description),
-      containerTitle: le(() => t.containerTitle),
-      hasTrendAccess: i,
-      longCardTitles: t.longCardTitles,
+      description: re(() => r.description),
+      containerTitle: re(() => r.containerTitle),
+      hasTrendAccess: n,
+      longCardTitles: r.longCardTitles,
       averageLatencies: s
-    }), (p, b) => Le(p.$slots, "default", {
-      hasTrendAccess: i.value,
-      timeframe: o.value
+    }), (v, p) => Ae(v.$slots, "default", {
+      hasTrendAccess: n.value,
+      timeframe: i.value
     });
   }
 });
-function At(e) {
+function Mr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Oe = { exports: {} };
+var Fe = { exports: {} };
 (function(e) {
   (function() {
-    function t(o, s) {
-      if (s.separator === !1 || o < 1e3)
-        return o.toString();
-      var u = typeof s.separator == "string" ? s.separator : ",", f = [], p = Math.round(o).toString().split("");
-      return p.reverse().forEach(function(b, m) {
-        m && m % 3 === 0 && f.push(u), f.push(b);
+    function r(i, s) {
+      if (s.separator === !1 || i < 1e3)
+        return i.toString();
+      var l = typeof s.separator == "string" ? s.separator : ",", f = [], v = Math.round(i).toString().split("");
+      return v.reverse().forEach(function(p, m) {
+        m && m % 3 === 0 && f.push(l), f.push(p);
       }), f.reverse().join("");
     }
-    function r(o, s, u) {
-      var f = o / s, p = u.round ? "round" : "floor";
-      return u.decimal === !1 ? (o = Math[p](f), o.toString()) : (u.precision ? o = f : o = f < 10 ? Math[p](f * 10) / 10 : Math[p](f), o = o.toString(), typeof u.decimal == "string" && (o = o.replace(".", u.decimal)), o);
+    function t(i, s, l) {
+      var f = i / s, v = l.round ? "round" : "floor";
+      return l.decimal === !1 ? (i = Math[v](f), i.toString()) : (l.precision ? i = f : i = f < 10 ? Math[v](f * 10) / 10 : Math[v](f), i = i.toString(), typeof l.decimal == "string" && (i = i.replace(".", l.decimal)), i);
     }
-    var a = 1e3, n = 1e4, i = 1e6, l = 1e9, c = 1e12;
-    function d(o, s) {
-      var u;
+    var o = 1e3, a = 1e4, n = 1e6, u = 1e9, d = 1e12;
+    function c(i, s) {
+      var l;
       s = s || {};
-      var f = o < 0;
-      f && (o = Math.abs(o)), s.precision && (o = parseFloat(o.toPrecision(s.precision)));
-      var p = s.min10k ? n : a;
-      return o < p || s.precision && s.precision > Math.log10(o) ? u = t(r(o, 1, s), s) : o < i ? u = r(o, a, s) + "k" : o < l ? u = r(o, i, s) + "m" : o < c ? u = t(r(o, l, s), s) + "b" : u = t(r(o, c, s), s) + "t", f && (u = "-" + u), s.capital && (u = u.toUpperCase()), s.prefix && (u = s.prefix + u), s.suffix && (u = u + s.suffix), u;
+      var f = i < 0;
+      f && (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) ? l = r(t(i, 1, s), s) : i < n ? l = t(i, o, s) + "k" : i < u ? l = t(i, n, s) + "m" : i < d ? l = r(t(i, u, s), s) + "b" : l = r(t(i, d, s), s) + "t", f && (l = "-" + l), s.capital && (l = l.toUpperCase()), s.prefix && (l = s.prefix + l), s.suffix && (l = l + s.suffix), l;
     }
-    d.addCommas = t, e.exports = d;
+    c.addCommas = r, e.exports = c;
   })();
-})(Oe);
-var zt = Oe.exports;
-const Vt = /* @__PURE__ */ At(zt);
-var M = /* @__PURE__ */ ((e) => (e.GENERIC_COUNT = "GenericCount", e.TRAFFIC = "Traffic", e.ERROR_RATE = "ErrorRate", e.LATENCY = "Latency", e))(M || {}), F = /* @__PURE__ */ ((e) => (e.Small = "sm", e.Medium = "md", e.Large = "lg", e.ExtraLarge = "xl", e))(F || {});
-const _ = "24px", D = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [a, n] of t)
-    r[a] = n;
-  return r;
-}, $t = (e) => (V("data-v-c017eab7"), e = e(), $(), e), Dt = ["aria-hidden"], Ot = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, Mt = /* @__PURE__ */ $t(() => /* @__PURE__ */ E("path", {
-  d: "M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H13C12.45 20 11.9792 19.8042 11.5875 19.4125C11.1958 19.0208 11 18.55 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H9V20H6.5Z",
-  fill: "currentColor"
-}, null, -1)), Ft = /* @__PURE__ */ k({
-  __name: "CloudUploadIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon cloud-upload-icon",
-      "data-testid": "kui-icon-wrapper-cloud-upload-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-cloud-upload-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", Ot, w(e.title), 1)) : R("", !0),
-          Mt
-        ], 8, Dt))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), Ht = /* @__PURE__ */ D(Ft, [["__scopeId", "data-v-c017eab7"]]), Bt = (e) => (V("data-v-68742da1"), e = e(), $(), e), Ut = ["aria-hidden"], Kt = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, Pt = /* @__PURE__ */ Bt(() => /* @__PURE__ */ E("path", {
-  d: "M4 17V14H20V17H4ZM4 10V7H20V10H4Z",
-  fill: "currentColor"
-}, null, -1)), Zt = /* @__PURE__ */ k({
-  __name: "EqualIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon equal-icon",
-      "data-testid": "kui-icon-wrapper-equal-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-equal-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", Kt, w(e.title), 1)) : R("", !0),
-          Pt
-        ], 8, Ut))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), Xt = /* @__PURE__ */ D(Zt, [["__scopeId", "data-v-68742da1"]]), Gt = (e) => (V("data-v-e4bfb72f"), e = e(), $(), e), jt = ["aria-hidden"], Yt = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, Qt = /* @__PURE__ */ Gt(() => /* @__PURE__ */ E("path", {
-  d: "M5 11V9H15V11H5Z",
-  fill: "currentColor"
-}, null, -1)), Wt = /* @__PURE__ */ k({
-  __name: "IndeterminateSmallIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon indeterminate-small-icon",
-      "data-testid": "kui-icon-wrapper-indeterminate-small-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-indeterminate-small-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", Yt, w(e.title), 1)) : R("", !0),
-          Qt
-        ], 8, jt))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), Me = /* @__PURE__ */ D(Wt, [["__scopeId", "data-v-e4bfb72f"]]), Jt = (e) => (V("data-v-b700bc86"), e = e(), $(), e), er = ["aria-hidden"], tr = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, rr = /* @__PURE__ */ Jt(() => /* @__PURE__ */ E("path", {
-  d: "M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z",
-  fill: "currentColor"
-}, null, -1)), ir = /* @__PURE__ */ k({
-  __name: "InfoIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon info-icon",
-      "data-testid": "kui-icon-wrapper-info-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-info-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", tr, w(e.title), 1)) : R("", !0),
-          rr
-        ], 8, er))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), nr = /* @__PURE__ */ D(ir, [["__scopeId", "data-v-b700bc86"]]), ar = (e) => (V("data-v-f152798a"), e = e(), $(), e), or = ["aria-hidden"], sr = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, lr = /* @__PURE__ */ ar(() => /* @__PURE__ */ E("path", {
-  d: "M15.25 5C14.9 5 14.6042 4.87917 14.3625 4.6375C14.1208 4.39583 14 4.1 14 3.75C14 3.4 14.1208 3.10417 14.3625 2.8625C14.6042 2.62083 14.9 2.5 15.25 2.5C15.6 2.5 15.8958 2.62083 16.1375 2.8625C16.3792 3.10417 16.5 3.4 16.5 3.75C16.5 4.1 16.3792 4.39583 16.1375 4.6375C15.8958 4.87917 15.6 5 15.25 5ZM15.25 21.5C14.9 21.5 14.6042 21.3792 14.3625 21.1375C14.1208 20.8958 14 20.6 14 20.25C14 19.9 14.1208 19.6042 14.3625 19.3625C14.6042 19.1208 14.9 19 15.25 19C15.6 19 15.8958 19.1208 16.1375 19.3625C16.3792 19.6042 16.5 19.9 16.5 20.25C16.5 20.6 16.3792 20.8958 16.1375 21.1375C15.8958 21.3792 15.6 21.5 15.25 21.5ZM19.25 8.5C18.9 8.5 18.6042 8.37917 18.3625 8.1375C18.1208 7.89583 18 7.6 18 7.25C18 6.9 18.1208 6.60417 18.3625 6.3625C18.6042 6.12083 18.9 6 19.25 6C19.6 6 19.8958 6.12083 20.1375 6.3625C20.3792 6.60417 20.5 6.9 20.5 7.25C20.5 7.6 20.3792 7.89583 20.1375 8.1375C19.8958 8.37917 19.6 8.5 19.25 8.5ZM19.25 18C18.9 18 18.6042 17.8792 18.3625 17.6375C18.1208 17.3958 18 17.1 18 16.75C18 16.4 18.1208 16.1042 18.3625 15.8625C18.6042 15.6208 18.9 15.5 19.25 15.5C19.6 15.5 19.8958 15.6208 20.1375 15.8625C20.3792 16.1042 20.5 16.4 20.5 16.75C20.5 17.1 20.3792 17.3958 20.1375 17.6375C19.8958 17.8792 19.6 18 19.25 18ZM20.75 13.25C20.4 13.25 20.1042 13.1292 19.8625 12.8875C19.6208 12.6458 19.5 12.35 19.5 12C19.5 11.65 19.6208 11.3542 19.8625 11.1125C20.1042 10.8708 20.4 10.75 20.75 10.75C21.1 10.75 21.3958 10.8708 21.6375 11.1125C21.8792 11.3542 22 11.65 22 12C22 12.35 21.8792 12.6458 21.6375 12.8875C21.3958 13.1292 21.1 13.25 20.75 13.25ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20V22ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.9167 10.0042 11.8292 10.0125 11.7375C10.0208 11.6458 10.0417 11.5583 10.075 11.475L8 9.4L9.4 8L11.475 10.075C11.5417 10.0583 11.7167 10.0333 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14Z",
-  fill: "currentColor"
-}, null, -1)), ur = /* @__PURE__ */ k({
-  __name: "ResponseIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon response-icon",
-      "data-testid": "kui-icon-wrapper-response-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-response-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", sr, w(e.title), 1)) : R("", !0),
-          lr
-        ], 8, or))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), dr = /* @__PURE__ */ D(ur, [["__scopeId", "data-v-f152798a"]]), cr = (e) => (V("data-v-218c4e42"), e = e(), $(), e), fr = ["aria-hidden"], vr = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, pr = /* @__PURE__ */ cr(() => /* @__PURE__ */ E("path", {
-  d: "M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z",
-  fill: "currentColor"
-}, null, -1)), gr = /* @__PURE__ */ k({
-  __name: "TrendDownIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon trend-down-icon",
-      "data-testid": "kui-icon-wrapper-trend-down-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-trend-down-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", vr, w(e.title), 1)) : R("", !0),
-          pr
-        ], 8, fr))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), yr = /* @__PURE__ */ D(gr, [["__scopeId", "data-v-218c4e42"]]), mr = (e) => (V("data-v-decff498"), e = e(), $(), e), hr = ["aria-hidden"], Cr = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, br = /* @__PURE__ */ mr(() => /* @__PURE__ */ E("path", {
-  d: "M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z",
-  fill: "currentColor"
-}, null, -1)), Sr = /* @__PURE__ */ k({
-  __name: "TrendUpIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon trend-up-icon",
-      "data-testid": "kui-icon-wrapper-trend-up-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-trend-up-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", Cr, w(e.title), 1)) : R("", !0),
-          br
-        ], 8, hr))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), _r = /* @__PURE__ */ D(Sr, [["__scopeId", "data-v-decff498"]]), wr = (e) => (V("data-v-065a8b56"), e = e(), $(), e), Nr = ["aria-hidden"], Rr = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, Ir = /* @__PURE__ */ wr(() => /* @__PURE__ */ E("path", {
-  d: "M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z",
-  fill: "currentColor"
-}, null, -1)), Tr = /* @__PURE__ */ k({
-  __name: "VitalsIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon vitals-icon",
-      "data-testid": "kui-icon-wrapper-vitals-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-vitals-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", Rr, w(e.title), 1)) : R("", !0),
-          Ir
-        ], 8, Nr))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), xr = /* @__PURE__ */ D(Tr, [["__scopeId", "data-v-065a8b56"]]), Er = (e) => (V("data-v-2776a8e5"), e = e(), $(), e), kr = ["aria-hidden"], Lr = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, qr = /* @__PURE__ */ Er(() => /* @__PURE__ */ E("path", {
-  d: "M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z",
-  fill: "currentColor"
-}, null, -1)), Ar = /* @__PURE__ */ k({
-  __name: "WarningOutlineIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon warning-outline-icon",
-      "data-testid": "kui-icon-wrapper-warning-outline-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-warning-outline-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", Lr, w(e.title), 1)) : R("", !0),
-          qr
-        ], 8, kr))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), zr = /* @__PURE__ */ D(Ar, [["__scopeId", "data-v-2776a8e5"]]), Vr = (e) => (V("data-v-1a0beec9"), e = e(), $(), e), $r = ["aria-hidden"], Dr = {
-  key: 0,
-  "data-testid": "kui-icon-svg-title"
-}, Or = /* @__PURE__ */ Vr(() => /* @__PURE__ */ E("path", {
-  d: "M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z",
-  fill: "currentColor"
-}, null, -1)), Mr = /* @__PURE__ */ k({
-  __name: "WarningIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: _,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (e) => {
-        if (typeof e == "number" && e > 0)
-          return !0;
-        if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), r = Number(t);
-          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    }
-  },
-  setup(e) {
-    const t = e, r = g(() => {
-      if (typeof t.size == "number" && t.size > 0)
-        return `${t.size}px`;
-      if (typeof t.size == "string") {
-        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
-      }
-      return _;
-    }), a = g(() => ({
-      boxSizing: "border-box",
-      color: t.color,
-      display: t.display,
-      flexShrink: "0",
-      height: r.value,
-      lineHeight: "0",
-      width: r.value
-    }));
-    return (n, i) => (v(), T(L(e.as), {
-      "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon warning-icon",
-      "data-testid": "kui-icon-wrapper-warning-icon",
-      style: z(a.value)
-    }, {
-      default: A(() => [
-        (v(), y("svg", {
-          "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-warning-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          e.title ? (v(), y("title", Dr, w(e.title), 1)) : R("", !0),
-          Or
-        ], 8, $r))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style"]));
-  }
-}), Fe = /* @__PURE__ */ D(Mr, [["__scopeId", "data-v-1a0beec9"]]), ye = 2, Te = ye + 2, Fr = (e, t, r = !1) => {
-  let a = !t || Number(e.toFixed(Te)) === 0 ? 0 : Number(e.toFixed(Te)) > 0 ? 1 : -1;
-  return r && (a *= -1), a;
-}, Hr = (e, t, r) => t ? `${Math.abs(e * 100).toFixed(ye)}%` : r, Br = (e, t) => t === 0 ? 0 : e / t - 1, Ur = (e, t = !1) => (t && (e *= -1), e > 0 ? _r : e < 0 ? yr : Me), Kr = "#ad000e", ve = "#6c7489", xe = "#52596e", Pr = "#007d60", J = "16px", Zr = "20px", Xr = { class: "metricscard" }, Gr = {
+})(Fe);
+var xr = Fe.exports;
+const qr = /* @__PURE__ */ Mr(xr);
+var b = /* @__PURE__ */ ((e) => (e.GENERIC_COUNT = "GenericCount", e.TRAFFIC = "Traffic", e.ERROR_RATE = "ErrorRate", e.LATENCY = "Latency", e))(b || {}), w = /* @__PURE__ */ ((e) => (e.Small = "sm", e.Medium = "md", e.Large = "lg", e.ExtraLarge = "xl", e))(w || {});
+const ce = 2, _e = ce + 2, Ur = (e, r, t = !1) => {
+  let o = !r || Number(e.toFixed(_e)) === 0 ? 0 : Number(e.toFixed(_e)) > 0 ? 1 : -1;
+  return t && (o *= -1), o;
+}, Kr = (e, r, t) => r ? `${Math.abs(e * 100).toFixed(ce)}%` : t, zr = (e, r) => r === 0 ? 0 : e / r - 1, Pr = (e, r = !1) => (r && (e *= -1), e > 0 ? tr : e < 0 ? nr : we), $r = "#ad000e", se = "#6c7489", Se = "#52596e", Br = "#007d60", X = "16px", Xr = "20px", Gr = { class: "metricscard" }, jr = {
   key: 0,
   class: "metricscard-description"
-}, jr = { class: "metricscard-valuetrend" }, Yr = {
+}, Yr = { class: "metricscard-valuetrend" }, Hr = {
   key: 0,
   class: "metricscard-error"
 }, Qr = {
@@ -1781,13 +777,13 @@ const _ = "24px", D = (e, t) => {
 }, Wr = { "data-testid": "metric-trend-change" }, Jr = {
   key: 0,
   class: "metricscard-trend-range"
-}, ei = /* @__PURE__ */ k({
+}, Zr = /* @__PURE__ */ Q({
   __name: "MetricsCard",
   props: {
     cardType: {
       type: String,
       required: !0,
-      default: M.GENERIC_COUNT
+      default: b.GENERIC_COUNT
     },
     title: {
       type: String,
@@ -1823,7 +819,7 @@ const _ = "24px", D = (e, t) => {
     },
     trendIcon: {
       type: Object,
-      default: Me
+      default: we
     },
     trendRange: {
       type: String,
@@ -1840,7 +836,7 @@ const _ = "24px", D = (e, t) => {
     cardSize: {
       type: String,
       required: !1,
-      default: () => F.Large
+      default: () => w.Large
     },
     hasContainerTitle: {
       type: Boolean,
@@ -1853,118 +849,118 @@ const _ = "24px", D = (e, t) => {
     }
   },
   setup(e) {
-    const t = /* @__PURE__ */ new Map([
-      [M.GENERIC_COUNT, xr],
-      [M.TRAFFIC, Ht],
-      [M.ERROR_RATE, zr],
-      [M.LATENCY, dr]
-    ]), r = e, a = (c) => {
-      const d = {
-        red: `var(--kui-color-text-danger-strong, ${Kr})`,
-        green: `var(--kui-color-text-success, ${Pr})`,
-        grey: `var(--kui-color-text-neutral-strong, ${xe})`
+    const r = /* @__PURE__ */ new Map([
+      [b.GENERIC_COUNT, ar],
+      [b.TRAFFIC, ir],
+      [b.ERROR_RATE, or],
+      [b.LATENCY, sr]
+    ]), t = e, o = (d) => {
+      const c = {
+        red: `var(--kui-color-text-danger-strong, ${$r})`,
+        green: `var(--kui-color-text-success, ${Br})`,
+        grey: `var(--kui-color-text-neutral-strong, ${Se})`
       };
-      return c > 0 ? d.green : c < 0 ? d.red : d.grey;
-    }, n = (c) => c > 0 ? "positive" : c < 0 ? "negative" : "neutral", i = [F.Medium, F.Large].includes(r.cardSize), l = [F.Small].includes(r.cardSize);
-    return (c, d) => {
-      const o = qe("KTooltip");
-      return v(), y("div", Xr, [
-        E("div", {
-          class: Y(["metricscard-title", e.cardSize])
+      return d > 0 ? c.green : d < 0 ? c.red : c.grey;
+    }, a = (d) => d > 0 ? "positive" : d < 0 ? "negative" : "neutral", n = [w.Medium, w.Large].includes(t.cardSize), u = [w.Small].includes(t.cardSize);
+    return (d, c) => {
+      const i = De("KTooltip");
+      return T(), C("div", Gr, [
+        M("div", {
+          class: P(["metricscard-title", e.cardSize])
         }, [
-          N(l) ? R("", !0) : (v(), T(L(N(t).get(e.cardType)), {
+          E(u) ? L("", !0) : (T(), N(te(E(r).get(e.cardType)), {
             key: 0,
             class: "metricscard-icon",
-            color: `var(--kui-color-text-neutral, ${N(ve)})`,
-            size: N(J)
+            color: `var(--kui-color-text-neutral, ${E(se)})`,
+            size: E(X)
           }, null, 8, ["color", "size"])),
-          (v(), T(L(e.titleTag), null, {
-            default: A(() => [
-              Ae(w(e.title), 1)
+          (T(), N(te(e.titleTag), null, {
+            default: he(() => [
+              be(D(e.title), 1)
             ]),
             _: 1
           })),
-          e.tooltip ? (v(), T(o, {
+          e.tooltip ? (T(), N(i, {
             key: 1,
             class: "metricscard-tooltip",
             placement: "right",
             text: e.tooltip
           }, {
-            default: A(() => [
-              G(N(nr), {
-                color: `var(--kui-color-text-neutral, ${N(ve)})`,
-                size: N(J)
+            default: he(() => [
+              K(E(ur), {
+                color: `var(--kui-color-text-neutral, ${E(se)})`,
+                size: E(X)
               }, null, 8, ["color", "size"])
             ]),
             _: 1
-          }, 8, ["text"])) : R("", !0)
+          }, 8, ["text"])) : L("", !0)
         ], 2),
-        e.description && N(i) ? (v(), y("div", Gr, [
-          E("span", null, w(e.description), 1)
-        ])) : R("", !0),
-        E("div", jr, [
-          e.hasError ? (v(), y("div", Yr, [
-            G(N(Fe), {
-              color: `var(--kui-color-text-neutral, ${N(ve)})`,
-              size: N(Zr)
+        e.description && E(n) ? (T(), C("div", jr, [
+          M("span", null, D(e.description), 1)
+        ])) : L("", !0),
+        M("div", Yr, [
+          e.hasError ? (T(), C("div", Hr, [
+            K(E(Oe), {
+              color: `var(--kui-color-text-neutral, ${E(se)})`,
+              size: E(Xr)
             }, null, 8, ["color", "size"]),
-            E("div", null, " " + w(e.errorMessage), 1)
-          ])) : (v(), y("div", {
+            M("div", null, " " + D(e.errorMessage), 1)
+          ])) : (T(), C("div", {
             key: 1,
-            class: Y(["metricscard-value", e.cardSize]),
+            class: P(["metricscard-value", e.cardSize]),
             "data-testid": "metric-value"
-          }, w(e.metricValue), 3)),
-          N(i) ? (v(), y("div", Qr, [
-            E("div", {
-              class: Y(["metricscard-trend-change", n(e.changePolarity)]),
+          }, D(e.metricValue), 3)),
+          E(n) ? (T(), C("div", Qr, [
+            M("div", {
+              class: P(["metricscard-trend-change", a(e.changePolarity)]),
               "data-testid": "metric-trend-parent"
             }, [
-              e.changePolarity !== 0 ? (v(), T(L(e.trendIcon), {
+              e.changePolarity !== 0 ? (T(), N(te(e.trendIcon), {
                 key: 0,
-                color: a(e.changePolarity),
-                size: N(J)
-              }, null, 8, ["color", "size"])) : (v(), T(N(Xt), {
+                color: o(e.changePolarity),
+                size: E(X)
+              }, null, 8, ["color", "size"])) : (T(), N(E(lr), {
                 key: 1,
-                color: `var(--kui-color-text-neutral-strong, ${N(xe)})`,
-                size: N(J)
+                color: `var(--kui-color-text-neutral-strong, ${E(Se)})`,
+                size: E(X)
               }, null, 8, ["color", "size"])),
-              E("div", Wr, w(e.metricChange), 1)
+              M("div", Wr, D(e.metricChange), 1)
             ], 2),
-            e.trendRange ? (v(), y("div", Jr, w(e.trendRange), 1)) : R("", !0)
-          ])) : R("", !0)
+            e.trendRange ? (T(), C("div", Jr, D(e.trendRange), 1)) : L("", !0)
+          ])) : L("", !0)
         ])
       ]);
     };
   }
-}), me = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [a, n] of t)
-    r[a] = n;
-  return r;
-}, ti = /* @__PURE__ */ me(ei, [["__scopeId", "data-v-43293fa2"]]), ri = {}, ii = { class: "loading-tabs" };
-function ni(e, t) {
-  const r = qe("KSkeletonBox");
-  return v(), y("div", ii, [
-    G(r, { width: "100" }),
-    G(r, { width: "75" })
+}), de = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [o, a] of r)
+    t[o] = a;
+  return t;
+}, et = /* @__PURE__ */ de(Zr, [["__scopeId", "data-v-43293fa2"]]), rt = {}, tt = { class: "loading-tabs" };
+function nt(e, r) {
+  const t = De("KSkeletonBox");
+  return T(), C("div", tt, [
+    K(t, { width: "100" }),
+    K(t, { width: "75" })
   ]);
 }
-const ai = /* @__PURE__ */ me(ri, [["render", ni], ["__scopeId", "data-v-f7eb9c40"]]), oi = {
+const at = /* @__PURE__ */ de(rt, [["render", nt], ["__scopeId", "data-v-f7eb9c40"]]), it = {
   key: 0,
   class: "container-title"
-}, si = {
+}, ot = {
   key: 0,
   class: "container-description"
-}, li = {
+}, st = {
   key: 1,
   class: "error-display"
-}, ui = {
+}, ut = {
   key: 0,
   class: "error-display-message"
-}, di = {
+}, lt = {
   key: 2,
   class: "cards-wrapper"
-}, ci = /* @__PURE__ */ k({
+}, ct = /* @__PURE__ */ Q({
   __name: "MetricCardContainer",
   props: {
     fallbackDisplayText: {
@@ -1993,7 +989,7 @@ const ai = /* @__PURE__ */ me(ri, [["render", ni], ["__scopeId", "data-v-f7eb9c4
     cardSize: {
       type: String,
       required: !1,
-      default: () => F.Large
+      default: () => w.Large
     },
     containerTitle: {
       type: String,
@@ -2007,170 +1003,170 @@ const ai = /* @__PURE__ */ me(ri, [["render", ni], ["__scopeId", "data-v-f7eb9c4
     }
   },
   setup(e) {
-    const t = e, r = g(() => t.cards.every((n) => (n == null ? void 0 : n.hasError) === !0)), a = (n) => {
-      const i = Br(n.currentValue, n.previousValue) || 0, l = Fr(i, t.hasTrendAccess, n.increaseIsBad);
+    const r = e, t = g(() => r.cards.every((a) => (a == null ? void 0 : a.hasError) === !0)), o = (a) => {
+      const n = zr(a.currentValue, a.previousValue) || 0, u = Ur(n, r.hasTrendAccess, a.increaseIsBad);
       return {
-        metricValue: n.formatValueFn ? n.formatValueFn(n.currentValue) : Vt(n.currentValue, { capital: !0, round: !0 }) || "0",
-        metricChange: n.formatChangeFn ? n.formatChangeFn(i) : Hr(i, t.hasTrendAccess, t.fallbackDisplayText),
-        changePolarity: l,
-        trendIcon: Ur(l, n.increaseIsBad),
-        cardSize: t.cardSize,
-        hasContainerTitle: !!t.containerTitle
+        metricValue: a.formatValueFn ? a.formatValueFn(a.currentValue) : qr(a.currentValue, { capital: !0, round: !0 }) || "0",
+        metricChange: a.formatChangeFn ? a.formatChangeFn(n) : Kr(n, r.hasTrendAccess, r.fallbackDisplayText),
+        changePolarity: u,
+        trendIcon: Pr(u, a.increaseIsBad),
+        cardSize: r.cardSize,
+        hasContainerTitle: !!r.containerTitle
       };
     };
-    return (n, i) => (v(), y("div", {
-      class: Y(["kong-ui-public-metric-card-container", e.cardSize])
+    return (a, n) => (T(), C("div", {
+      class: P(["kong-ui-public-metric-card-container", e.cardSize])
     }, [
-      t.containerTitle ? (v(), y("div", oi, [
-        Ae(w(t.containerTitle) + " ", 1),
-        t.containerDescription ? (v(), y("div", si, w(t.containerDescription), 1)) : R("", !0)
-      ])) : R("", !0),
-      r.value ? (v(), y("div", li, [
-        G(N(Fe), { class: "error-display-icon" }),
-        e.errorMessage ? (v(), y("div", ui, w(e.errorMessage), 1)) : R("", !0)
-      ])) : (v(), y("div", di, [
-        (v(!0), y(_e, null, Ye(e.cards, (l, c) => (v(), y(_e, null, [
-          e.loading ? (v(), T(ai, {
-            key: `skeleton-${c}`,
-            class: Y(e.cardSize === N(F).Small ? "loading-tabs-small" : "loading-tabs-large")
-          }, null, 8, ["class"])) : (v(), T(ti, Qe({
-            key: c,
+      r.containerTitle ? (T(), C("div", it, [
+        be(D(r.containerTitle) + " ", 1),
+        r.containerDescription ? (T(), C("div", ot, D(r.containerDescription), 1)) : L("", !0)
+      ])) : L("", !0),
+      t.value ? (T(), C("div", st, [
+        K(E(Oe), { class: "error-display-icon" }),
+        e.errorMessage ? (T(), C("div", ut, D(e.errorMessage), 1)) : L("", !0)
+      ])) : (T(), C("div", lt, [
+        (T(!0), C(ge, null, Xe(e.cards, (u, d) => (T(), C(ge, null, [
+          e.loading ? (T(), N(at, {
+            key: `skeleton-${d}`,
+            class: P(e.cardSize === E(w).Small ? "loading-tabs-small" : "loading-tabs-large")
+          }, null, 8, ["class"])) : (T(), N(et, Ge({
+            key: d,
             ref_for: !0
-          }, a(l), {
+          }, o(u), {
             "card-size": e.cardSize,
-            "card-type": l.cardType,
-            description: l.description,
+            "card-type": u.cardType,
+            description: u.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": u.hasError,
+            title: u.title,
+            "title-tag": u.titleTag,
+            tooltip: u.tooltip,
+            "trend-range": u.trendRange
           }), null, 16, ["card-size", "card-type", "description", "error-message", "has-error", "title", "title-tag", "tooltip", "trend-range"]))
         ], 64))), 256))
       ]))
     ], 2));
   }
-}), fi = /* @__PURE__ */ me(ci, [["__scopeId", "data-v-f8f8341b"]]), bi = /* @__PURE__ */ k({
+}), dt = /* @__PURE__ */ de(ct, [["__scopeId", "data-v-f8f8341b"]]), Tt = /* @__PURE__ */ Q({
   __name: "MetricsConsumer",
   props: {
     lookupKey: { default: void 0 },
-    cardSize: { default: F.Large },
+    cardSize: { default: w.Large },
     cardToDisplay: { default: void 0 }
   },
   setup(e) {
-    const t = e, r = ke(De);
-    if (!r)
+    const r = e, t = Ie(Ne);
+    if (!t)
       throw new Error("MetricsConsumer must be nested inside a MetricsProvider instance.");
-    const { traffic: a, latency: n } = r.data, { i18n: i } = K.useI18n(), l = K.useMetricCardBuilder({
-      cardType: M.TRAFFIC,
-      title: g(() => r.longCardTitles ? i.t("metricCard.long.traffic") : i.t("metricCard.short.traffic")),
-      record: a.mapped,
-      hasError: a.hasError,
-      lookupKey: t.lookupKey,
-      sumGroupedValues: Q,
-      trendRange: a.trendRange
-    }), c = (m) => `${m.toFixed(ye)}%`, d = g(() => {
-      const m = a.mapped.value, C = X(m, "current", t.lookupKey, we), I = X(m, "current", t.lookupKey, Q), S = C / I * 100 || 0, h = X(m, "previous", t.lookupKey, we), q = X(m, "previous", t.lookupKey, Q), x = h / q * 100 || 0;
+    const { traffic: o, latency: a } = t.data, { i18n: n } = F.useI18n(), u = F.useMetricCardBuilder({
+      cardType: b.TRAFFIC,
+      title: g(() => t.longCardTitles ? n.t("metricCard.long.traffic") : n.t("metricCard.short.traffic")),
+      record: o.mapped,
+      hasError: o.hasError,
+      lookupKey: r.lookupKey,
+      sumGroupedValues: $,
+      trendRange: o.trendRange
+    }), d = (m) => `${m.toFixed(ce)}%`, c = g(() => {
+      const m = o.mapped.value, h = U(m, "current", r.lookupKey, pe), _ = U(m, "current", r.lookupKey, $), R = h / _ * 100 || 0, y = U(m, "previous", r.lookupKey, pe), I = U(m, "previous", r.lookupKey, $), S = y / I * 100 || 0;
       return {
-        cardType: M.ERROR_RATE,
-        hasError: a.hasError.value,
-        currentValue: S,
-        previousValue: x,
-        formatValueFn: c,
-        title: r.longCardTitles ? i.t("metricCard.long.errorRate") : i.t("metricCard.short.errorRate"),
+        cardType: b.ERROR_RATE,
+        hasError: o.hasError.value,
+        currentValue: R,
+        previousValue: S,
+        formatValueFn: d,
+        title: t.longCardTitles ? n.t("metricCard.long.errorRate") : n.t("metricCard.short.errorRate"),
         increaseIsBad: !0,
-        trendRange: a.trendRange.value
+        trendRange: o.trendRange.value
       };
-    }), o = (m) => `${m}ms`, s = K.useMetricCardBuilder({
-      cardType: M.LATENCY,
+    }), i = (m) => `${m}ms`, s = F.useMetricCardBuilder({
+      cardType: b.LATENCY,
       title: g(() => {
-        const { longCardTitles: m, averageLatencies: C } = r, I = C.value ? "averageLatency" : "p99Latency";
-        return m ? i.t(`metricCard.long.${I}`) : i.t(`metricCard.short.${I}`);
+        const { longCardTitles: m, averageLatencies: h } = t, _ = h.value ? "averageLatency" : "p99Latency";
+        return m ? n.t(`metricCard.long.${_}`) : n.t(`metricCard.short.${_}`);
       }),
-      hasError: n.hasError,
-      record: n.mapped,
-      lookupKey: t.lookupKey,
+      hasError: a.hasError,
+      record: a.mapped,
+      lookupKey: r.lookupKey,
       increaseIsBad: !0,
-      formatValueFn: o,
-      trendRange: n.trendRange
-    }), u = g(() => t.cardToDisplay === "TRAFFIC" ? [l.value] : t.cardToDisplay === "ERROR_RATE" ? [d.value] : t.cardToDisplay === "LATENCY" ? [s.value] : [l.value, d.value, s.value]), f = g(() => t.cardToDisplay === "TRAFFIC" || t.cardToDisplay === "ERROR_RATE" ? a.isLoading.value : t.cardToDisplay === "LATENCY" ? n.isLoading.value : a.isLoading.value || n.isLoading.value), p = g(() => ({
-      cards: u.value,
-      containerTitle: r.containerTitle.value,
-      containerDescription: r.description.value,
+      formatValueFn: i,
+      trendRange: a.trendRange
+    }), l = g(() => r.cardToDisplay === "TRAFFIC" ? [u.value] : r.cardToDisplay === "ERROR_RATE" ? [c.value] : r.cardToDisplay === "LATENCY" ? [s.value] : [u.value, c.value, s.value]), f = g(() => r.cardToDisplay === "TRAFFIC" || r.cardToDisplay === "ERROR_RATE" ? o.isLoading.value : r.cardToDisplay === "LATENCY" ? a.isLoading.value : o.isLoading.value || a.isLoading.value), v = g(() => ({
+      cards: l.value,
+      containerTitle: t.containerTitle.value,
+      containerDescription: t.description.value,
       loading: f.value,
-      hasTrendAccess: r.hasTrendAccess.value,
-      fallbackDisplayText: i.t("general.notAvailable"),
+      hasTrendAccess: t.hasTrendAccess.value,
+      fallbackDisplayText: n.t("general.notAvailable"),
       // If the parent container has a title, we enforce a Medium card size; otherwise, pass down provided cardSize
-      cardSize: r.containerTitle.value ? F.Medium : t.cardSize,
+      cardSize: t.containerTitle.value ? w.Medium : r.cardSize,
       hideTitle: !0
-    })), b = g(() => ({
-      loading: p.value.loading,
-      trafficCard: l.value,
-      errorRateCard: d.value,
+    })), p = g(() => ({
+      loading: v.value.loading,
+      trafficCard: u.value,
+      errorRateCard: c.value,
       latencyCard: s.value,
-      errorRateFormatted: c(d.value.currentValue),
-      latencyFormatted: o(s.value.currentValue)
+      errorRateFormatted: d(c.value.currentValue),
+      latencyFormatted: i(s.value.currentValue)
     }));
-    return (m, C) => Le(m.$slots, "default", { cardValues: b.value }, () => [
-      G(fi, We(Je(p.value)), null, 16)
+    return (m, h) => Ae(m.$slots, "default", { cardValues: p.value }, () => [
+      K(dt, je(Ye(v.value)), null, 16)
     ]);
   }
-}), ee = (e) => new Date(e), Si = (e, t) => {
-  const r = e.body;
+}), G = (e) => new Date(e), Et = (e, r) => {
+  const t = e.body;
   e.reply({
     statusCode: 200,
-    body: vi(r, t)
+    body: ft(t, r)
   });
-}, Ee = (e) => e.reduce((t, r) => (t[r] = { name: r }, t), {}), vi = (e, t) => {
-  var b, m;
-  const r = pe.get(re.ONE_DAY), a = e.granularity === "trend" ? new rt(r) : new it(r), n = a.endMs(), i = a.startMs(), l = a.granularityMs(), c = e.granularity === "trend" ? 2 : 1;
+}, Ce = (e) => e.reduce((r, t) => (r[t] = { name: t }, r), {}), ft = (e, r) => {
+  var p, m;
+  const t = ue.get(Y.ONE_DAY), o = e.granularity === "trend" ? new We(t) : new Je(t), a = o.endMs(), n = o.startMs(), u = o.granularityMs(), 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 d = (e.dimensions ?? []).find((C) => C !== "time"), o = (t == null ? void 0 : t.dimensionNames) ?? [], s = Math.max(o.length, 1), u = e.metrics || [], f = [];
-  for (let C = 0; C < c; C++)
-    for (let I = 0; I < s; I++) {
-      const S = d ? { [d]: o[I] } : {};
-      (b = e.dimensions) != null && b.includes("status_code_grouped") ? Q.forEach((h) => {
-        const q = u.reduce((x, B) => (x[B] = (c - C) * 1e3 + 100 * I + 1, x), { ...S, status_code_grouped: h });
+  const c = (e.dimensions ?? []).find((h) => h !== "time"), i = (r == null ? void 0 : r.dimensionNames) ?? [], s = Math.max(i.length, 1), l = e.metrics || [], f = [];
+  for (let h = 0; h < d; h++)
+    for (let _ = 0; _ < s; _++) {
+      const R = c ? { [c]: i[_] } : {};
+      (p = e.dimensions) != null && p.includes("status_code_grouped") ? $.forEach((y) => {
+        const I = l.reduce((S, V) => (S[V] = (d - h) * 1e3 + 100 * _ + 1, S), { ...R, status_code_grouped: y });
         f.push({
           version: "v1",
-          timestamp: C === 0 ? ee(i).toISOString() : ee(i + l).toISOString(),
-          event: q
+          timestamp: h === 0 ? G(n).toISOString() : G(n + u).toISOString(),
+          event: I
         });
       }) : f.push({
         version: "v1",
-        timestamp: C === 0 ? ee(i).toISOString() : ee(i + l).toISOString(),
-        event: u.reduce((h, q) => (h[q] = (c - C) * 1e3 + 100 * I + 1, h), { ...S })
+        timestamp: h === 0 ? G(n).toISOString() : G(n + u).toISOString(),
+        event: l.reduce((y, I) => (y[I] = (d - h) * 1e3 + 100 * _ + 1, y), { ...R })
       });
     }
-  const p = {
-    start_ms: i,
-    end_ms: n,
-    granularity_ms: l,
-    display: d ? {
-      [d]: Ee(o),
-      ...(m = e.dimensions) != null && m.includes("status_code_grouped") ? { status_code_grouped: Ee(Q) } : {}
+  const v = {
+    start_ms: n,
+    end_ms: a,
+    granularity_ms: u,
+    display: c ? {
+      [c]: Ce(i),
+      ...(m = e.dimensions) != null && m.includes("status_code_grouped") ? { status_code_grouped: Ce($) } : {}
     } : {},
     metric_names: e.metrics,
     query_id: "test"
   };
   return {
     data: f,
-    meta: p
+    meta: v
   };
 };
 export {
-  Q as ALL_STATUS_CODE_GROUPS,
-  vt as DEFAULT_REFRESH_INTERVAL,
-  pt as INJECT_QUERY_PROVIDER,
-  ft as MAX_ANALYTICS_REQUEST_RETRIES,
-  F as MetricCardSize,
-  M as MetricCardType,
-  bi as MetricsConsumer,
-  Ci as MetricsProvider,
-  we as STATUS_CODES_FAILED,
-  hi as STATUS_CODES_SUCCESS,
-  vi as mockExploreResponse,
-  Si as mockExploreResponseFromCypress
+  $ as ALL_STATUS_CODE_GROUPS,
+  hr as DEFAULT_REFRESH_INTERVAL,
+  gr as INJECT_QUERY_PROVIDER,
+  yr as MAX_ANALYTICS_REQUEST_RETRIES,
+  w as MetricCardSize,
+  b as MetricCardType,
+  Tt as MetricsConsumer,
+  Rt as MetricsProvider,
+  pe as STATUS_CODES_FAILED,
+  pt as STATUS_CODES_SUCCESS,
+  ft as mockExploreResponse,
+  Et as mockExploreResponseFromCypress
 };