@kong-ui-public/analytics-metric-provider 7.0.5 → 7.1.1

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

@@ -1,10 +1,10 @@
-import { ref as te, watchEffect as Be, computed as g, getCurrentInstance as $e, reactive as Pe, onMounted as Ke, onUnmounted as Ze, watch as Ue, isReadonly as Ge, toRefs as je, defineComponent as k, inject as ke, toRef as J, provide as Xe, renderSlot as qe, resolveComponent as ze, openBlock as p, createElementBlock as y, createElementVNode as x, normalizeClass as G, unref as _, createCommentVNode as T, createBlock as E, resolveDynamicComponent as z, withCtx as L, createTextVNode as Le, toDisplayString as R, createVNode as X, normalizeStyle as A, Fragment as _e, renderList as Ye, mergeProps as Qe, pushScopeId as V, popScopeId as D, normalizeProps as We, guardReactiveProps as Je } from "vue";
-import { TimePeriods as ie, TimeframeKeys as ne, queryableExploreDimensions as er, DeltaQueryTime as rr, UnaryQueryTime as tr } from "@kong-ui-public/analytics-utilities";
-import { createI18n as ir, i18nTComponent as nr } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as ar } from "@kong-ui-public/analytics-config-store";
-const or = {
+import { ref as re, watchEffect as $e, computed as g, getCurrentInstance as Be, reactive as Ue, onMounted as Ke, onUnmounted as Pe, watch as Ge, isReadonly as Ze, toRefs as Xe, defineComponent as k, inject as ke, toRef as J, provide as je, renderSlot as Le, openBlock as p, createBlock as I, resolveDynamicComponent as L, normalizeStyle as q, withCtx as A, createElementBlock as y, toDisplayString as w, createCommentVNode as N, pushScopeId as z, popScopeId as D, createElementVNode as x, resolveComponent as Ae, normalizeClass as Y, unref as R, createTextVNode as qe, createVNode as X, Fragment as _e, renderList as Ye, mergeProps as Qe, normalizeProps as We, guardReactiveProps as Je } from "vue";
+import { TimePeriods as ie, TimeframeKeys as ne, queryableExploreDimensions as et, DeltaQueryTime as tt, UnaryQueryTime as rt } from "@kong-ui-public/analytics-utilities";
+import { createI18n as it, i18nTComponent as nt } from "@kong-ui-public/i18n";
+import { useAnalyticsConfigStore as at } from "@kong-ui-public/analytics-config-store";
+const ot = {
   notAvailable: "N/A"
-}, sr = {
+}, st = {
   short: {
     traffic: "Requests",
     errorRate: "Error Rate",
@@ -17,7 +17,7 @@ const or = {
     averageLatency: "Average Latency",
     p99Latency: "P99 Latency"
   }
-}, ur = {
+}, lt = {
   custom: "vs previous {numDays, plural, =1 {day} other {# days}}",
   "15m": "vs previous 15 minutes",
   "1h": "vs previous hour",
@@ -32,287 +32,287 @@ const or = {
   previous_week: "vs previous time period",
   previous_month: "vs previous time period",
   previous_quarter: "vs previous quarter"
-}, lr = {
-  general: or,
-  metricCard: sr,
-  trendRange: ur
+}, ut = {
+  general: ot,
+  metricCard: st,
+  trendRange: lt
 };
-function dr() {
-  const e = ir("en-us", lr);
+function dt() {
+  const e = it("en-us", ut);
   return {
     i18n: e,
-    i18nT: nr(e)
+    i18nT: nt(e)
     // Translation component <i18n-t>
   };
 }
-const cr = 2, Q = ["1XX", "2XX", "3XX", "4XX", "5XX"], we = ["4XX", "5XX"], fr = 30 * 1e3, pr = "analytics-query-provider";
-var Ae = /* @__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))(Ae || {});
-const vr = (e) => {
-  var r, t, a, n, i;
+const ct = 2, Q = ["1XX", "2XX", "3XX", "4XX", "5XX"], we = ["4XX", "5XX"], mi = ["1XX", "2XX", "3XX"], ft = 30 * 1e3, vt = "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 pt = (e) => {
+  var t, r, a, n, i;
   return e ? !!// TODO: revisit: currently only the first check ever matters?
-  ((r = Object.keys(e)) != null && r.length || (t = e.data) != null && t.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;
+  ((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;
 };
-function gr(e = te({}), r, t, a = vr) {
-  const n = te(
+function gt(e = re({}), t, r, a = pt) {
+  const n = re(
     "PENDING"
     /* PENDING */
   );
-  return Be(() => {
+  return $e(() => {
     const i = a(e.value);
-    if (e.value && i && t.value) {
+    if (e.value && i && r.value) {
       n.value = "VALIDATING_HAS_DATA";
       return;
     }
-    if (e.value && t.value) {
+    if (e.value && r.value) {
       n.value = "VALIDATING";
       return;
     }
-    if (e.value && r.value) {
+    if (e.value && t.value) {
       n.value = "STALE_IF_ERROR";
       return;
     }
-    if (e.value === void 0 && !r.value) {
+    if (e.value === void 0 && !t.value) {
       n.value = "PENDING";
       return;
     }
-    if (e.value && !r.value && i) {
+    if (e.value && !t.value && i) {
       n.value = "SUCCESS_HAS_DATA";
       return;
     }
-    if (e.value && !r.value) {
+    if (e.value && !t.value) {
       n.value = "SUCCESS";
       return;
     }
-    e.value === void 0 && r && (n.value = "ERROR");
+    e.value === void 0 && t && (n.value = "ERROR");
   }), {
     state: n,
-    swrvState: Ae
+    swrvState: ze
   };
 }
-const B = Symbol("default"), de = "status_code_grouped", Re = (e, r, t, a, n) => {
-  e[r][t] || (e[r][t] = {}), e[r][t][a] = n;
+const $ = Symbol("default"), de = "status_code_grouped", Re = (e, t, r, a, n) => {
+  e[t][r] || (e[t][r] = {}), e[t][r][a] = n;
 };
-function yr(e, r) {
-  var v;
-  const t = ((v = e.meta.metric_names) == null ? void 0 : v[0]) || "", a = e.meta.start_ms, n = Object.keys(e.meta.display || {}), i = !!n.find((d) => d === de), u = n.find((d) => d !== de);
+function yt(e, t) {
+  var f;
+  const r = ((f = e.meta.metric_names) == null ? void 0 : f[0]) || "", a = e.meta.start_ms, n = Object.keys(e.meta.display || {}), i = !!n.find((c) => c === de), l = n.find((c) => c !== de);
   return n.length > 2 || n.length > 1 && !i ? (console.error("Don't know how to work with provided dimensions:", n), {
-    previous: { [B]: { [B]: 0 } },
-    current: { [B]: { [B]: 0 } }
-  }) : e.data.reduce((d, o) => {
-    const s = o.event[t], l = u ? o.event[u] : B, c = i ? o.event[de] : B;
-    return new Date(o.timestamp).getTime() === a && r ? Re(d, "previous", l, c, s) : Re(d, "current", l, c, s), d;
+    previous: { [$]: { [$]: 0 } },
+    current: { [$]: { [$]: 0 } }
+  }) : e.data.reduce((c, o) => {
+    const s = o.event[r], u = l ? o.event[l] : $, d = i ? o.event[de] : $;
+    return new Date(o.timestamp).getTime() === a && t ? Re(c, "previous", u, d, s) : Re(c, "current", u, d, s), c;
   }, {
     previous: {},
     current: {}
   });
 }
-function mr(e) {
+function mt(e) {
   e.queryReady === void 0 && (e.queryReady = g(() => !0));
-  const { i18n: r } = K.useI18n(), t = g(() => {
-    var l, c;
+  const { i18n: t } = K.useI18n(), r = g(() => {
+    var u, d;
     return {
       metrics: e.metrics.value,
       dimensions: [
-        ...(l = e.dimensions) != null && l.length ? [...e.dimensions] : [],
+        ...(u = e.dimensions) != null && u.length ? [...e.dimensions] : [],
         ...e.withTrend.value ? ["time"] : []
       ],
       granularity: e.withTrend.value ? "trend" : void 0,
-      ...(c = e.filter.value) != null && c.length ? { filters: e.filter.value } : {},
+      ...(d = e.filter.value) != null && d.length ? { filters: e.filter.value } : {},
       time_range: e.timeframe.value.v4Query(e.tz.value)
     };
   }), a = g(() => {
-    var c, f, C, m;
-    if (!((c = e.queryReady) != null && c.value))
+    var d, v, C, m;
+    if (!((d = e.queryReady) != null && d.value))
       return null;
-    const l = (f = e.filter) != null && f.value ? JSON.stringify(e.filter.value) : "";
-    return `metric-fetcher-${e.timeframe.value.cacheKey()}-${(C = e.dimensions) == null ? void 0 : C.join("-")}-${(m = e.metrics.value) == null ? void 0 : m.join("-")}-${l}`;
-  }), { response: n, error: i, isValidating: u } = K.useRequest(
+    const u = (v = e.filter) != null && v.value ? JSON.stringify(e.filter.value) : "";
+    return `metric-fetcher-${e.timeframe.value.cacheKey()}-${(C = e.dimensions) == null ? void 0 : C.join("-")}-${(m = e.metrics.value) == null ? void 0 : m.join("-")}-${u}`;
+  }), { response: n, error: i, isValidating: l } = K.useRequest(
     () => a.value,
-    () => e.queryFn(t.value, e.abortController ?? new AbortController()),
+    () => e.queryFn(r.value, e.abortController ?? new AbortController()),
     {
       refreshInterval: e.refreshInterval,
       revalidateOnFocus: !1,
-      errorRetryCount: cr
+      errorRetryCount: ct
     }
-  ), { state: v, swrvState: d } = gr(n, i, u), o = g(() => {
-    var l, c, f, C, m, b, N;
-    return !((c = (l = n.value) == null ? void 0 : l.data) != null && c.length) || !((C = (f = n.value) == null ? void 0 : f.meta) != null && C.display) || !((N = (b = (m = n.value) == null ? void 0 : m.meta) == null ? void 0 : b.metric_names) != null && N.length) ? { current: {}, previous: {} } : yr(n.value, e.withTrend.value);
+  ), { state: f, swrvState: c } = gt(n, i, l), o = g(() => {
+    var u, d, v, C, m, S, T;
+    return !((d = (u = n.value) == null ? void 0 : u.data) != null && d.length) || !((C = (v = n.value) == null ? void 0 : v.meta) != null && C.display) || !((T = (S = (m = n.value) == null ? void 0 : m.meta) == null ? void 0 : S.metric_names) != null && T.length) ? { current: {}, previous: {} } : yt(n.value, e.withTrend.value);
   }), s = g(() => {
-    var l, c, f;
+    var u, d, v;
     if (e.timeframe.value.key === "custom") {
-      if (!((c = (l = n.value) == null ? void 0 : l.meta) != null && c.start_ms))
+      if (!((d = (u = n.value) == null ? void 0 : u.meta) != null && d.start_ms))
         return "";
       const { start_ms: C, end_ms: m } = n.value.meta;
-      let b = (m - C) / (1e3 * 60 * 60 * 24);
-      return e.withTrend.value && (b /= 2), r.t("trendRange.custom", { numDays: Math.round(b) });
+      let S = (m - C) / (1e3 * 60 * 60 * 24);
+      return e.withTrend.value && (S /= 2), t.t("trendRange.custom", { numDays: Math.round(S) });
     } else
-      return e.withTrend.value ? r.t(`trendRange.${e.timeframe.value.key}`) : r.t(`trendRange.${(f = ie.get(ne.ONE_DAY)) == null ? void 0 : f.key}`);
+      return e.withTrend.value ? t.t(`trendRange.${e.timeframe.value.key}`) : t.t(`trendRange.${(v = ie.get(ne.ONE_DAY)) == null ? void 0 : v.key}`);
   });
   return {
-    isLoading: g(() => d.PENDING === v.value),
-    hasError: g(() => d.ERROR === v.value),
+    isLoading: g(() => c.PENDING === f.value),
+    hasError: g(() => c.ERROR === f.value),
     raw: n,
     mapped: o,
     trendRange: s
   };
 }
-const j = (e, r, t = B, a) => (a ?? [B]).reduce((i, u) => {
-  const v = e[r][t];
-  return v ? i + (v[u] || 0) : i;
+const Z = (e, t, r = $, a) => (a ?? [$]).reduce((i, l) => {
+  const f = e[t][r];
+  return f ? i + (f[l] || 0) : i;
 }, 0);
-function hr(e) {
+function ht(e) {
   const {
-    cardType: r,
-    title: t,
+    cardType: t,
+    title: r,
     description: a,
     record: n,
     hasError: i,
-    increaseIsBad: u,
-    formatValueFn: v,
-    trendRange: d
+    increaseIsBad: l,
+    formatValueFn: f,
+    trendRange: c
   } = e;
   return g(() => {
     let o = 0, s = 0;
     if (n != null && n.value)
       try {
-        o = j(n.value, "current", e.lookupKey, e.sumGroupedValues), s = j(n.value, "previous", e.lookupKey, e.sumGroupedValues);
-      } catch (l) {
+        o = Z(n.value, "current", e.lookupKey, e.sumGroupedValues), s = Z(n.value, "previous", e.lookupKey, e.sumGroupedValues);
+      } catch (u) {
         console.error(
           "Metric card data doesn't have the expected structure:",
-          l
+          u
         );
       }
     return {
-      cardType: r,
+      cardType: t,
       hasError: i.value,
       currentValue: o,
       previousValue: s,
-      title: t.value,
+      title: r.value,
       description: a,
-      increaseIsBad: !!u,
+      increaseIsBad: !!l,
       // Coerce undefined to false
-      formatValueFn: v,
-      trendRange: d == null ? void 0 : d.value
+      formatValueFn: f,
+      trendRange: c == null ? void 0 : c.value
     };
   });
 }
-var ce = /* @__PURE__ */ new WeakMap(), Te = 0;
-function Cr(e) {
+var ce = /* @__PURE__ */ new WeakMap(), Ne = 0;
+function Ct(e) {
   if (!e.length)
     return "";
-  for (var r = "arg", t = 0; t < e.length; ++t) {
+  for (var t = "arg", r = 0; r < e.length; ++r) {
     var a = void 0;
-    e[t] === null || typeof e[t] != "object" && typeof e[t] != "function" ? typeof e[t] == "string" ? a = '"' + e[t] + '"' : a = String(e[t]) : ce.has(e[t]) ? a = ce.get(e[t]) : (a = Te, ce.set(e[t], Te++)), r += "@" + a;
+    e[r] === null || typeof e[r] != "object" && typeof e[r] != "function" ? typeof e[r] == "string" ? a = '"' + e[r] + '"' : a = String(e[r]) : ce.has(e[r]) ? a = ce.get(e[r]) : (a = Ne, ce.set(e[r], Ne++)), t += "@" + a;
   }
-  return r;
+  return t;
 }
-function br(e) {
+function St(e) {
   if (typeof e == "function")
     try {
       e = e();
     } catch {
       e = "";
     }
-  return Array.isArray(e) ? e = Cr(e) : e = String(e || ""), e;
+  return Array.isArray(e) ? e = Ct(e) : e = String(e || ""), e;
 }
 var ge = (
   /** @class */
   function() {
-    function e(r) {
-      r === void 0 && (r = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = r;
+    function e(t) {
+      t === void 0 && (t = 0), this.items = /* @__PURE__ */ new Map(), this.ttl = t;
     }
-    return e.prototype.serializeKey = function(r) {
-      return br(r);
-    }, e.prototype.get = function(r) {
-      var t = this.serializeKey(r);
-      return this.items.get(t);
-    }, e.prototype.set = function(r, t, a) {
-      var n = this.serializeKey(r), i = a || this.ttl, u = Date.now(), v = {
-        data: t,
-        createdAt: u,
-        expiresAt: i ? u + i : 1 / 0
+    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(), f = {
+        data: r,
+        createdAt: l,
+        expiresAt: i ? l + i : 1 / 0
       };
-      this.dispatchExpire(i, v, n), this.items.set(n, v);
-    }, e.prototype.dispatchExpire = function(r, t, a) {
+      this.dispatchExpire(i, f, n), this.items.set(n, f);
+    }, e.prototype.dispatchExpire = function(t, r, a) {
       var n = this;
-      r && setTimeout(function() {
-        var i = Date.now(), u = i >= t.expiresAt;
-        u && n.delete(a);
-      }, r);
-    }, e.prototype.delete = function(r) {
-      this.items.delete(r);
+      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);
     }, e;
   }()
 );
-function Sr() {
+function bt() {
   return typeof navigator.onLine < "u" ? navigator.onLine : !0;
 }
-function _r() {
+function _t() {
   return typeof document < "u" && typeof document.visibilityState < "u" ? document.visibilityState !== "hidden" : !0;
 }
-var wr = function(e) {
-  return fetch(e).then(function(r) {
-    return r.json();
+var wt = function(e) {
+  return fetch(e).then(function(t) {
+    return t.json();
   });
 };
 const fe = {
-  isOnline: Sr,
-  isDocumentVisible: _r,
-  fetcher: wr
+  isOnline: bt,
+  isDocumentVisible: _t,
+  fetcher: wt
 };
-var F = function() {
-  return F = Object.assign || function(e) {
-    for (var r, t = 1, a = arguments.length; t < a; t++) {
-      r = arguments[t];
-      for (var n in r)
-        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
+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]);
     }
     return e;
-  }, F.apply(this, arguments);
-}, Z = function(e, r, t, a) {
+  }, O.apply(this, arguments);
+}, P = function(e, t, r, a) {
   function n(i) {
-    return i instanceof t ? i : new t(function(u) {
-      u(i);
+    return i instanceof r ? i : new r(function(l) {
+      l(i);
     });
   }
-  return new (t || (t = Promise))(function(i, u) {
-    function v(s) {
+  return new (r || (r = Promise))(function(i, l) {
+    function f(s) {
       try {
         o(a.next(s));
-      } catch (l) {
-        u(l);
+      } catch (u) {
+        l(u);
       }
     }
-    function d(s) {
+    function c(s) {
       try {
         o(a.throw(s));
-      } catch (l) {
-        u(l);
+      } catch (u) {
+        l(u);
       }
     }
     function o(s) {
-      s.done ? i(s.value) : n(s.value).then(v, d);
+      s.done ? i(s.value) : n(s.value).then(f, c);
     }
-    o((a = a.apply(e, r || [])).next());
+    o((a = a.apply(e, t || [])).next());
   });
-}, U = function(e, r) {
-  var t = { label: 0, sent: function() {
+}, G = function(e, t) {
+  var r = { label: 0, sent: function() {
     if (i[0] & 1)
       throw i[1];
     return i[1];
-  }, trys: [], ops: [] }, a, n, i, u;
-  return u = { next: v(0), throw: v(1), return: v(2) }, typeof Symbol == "function" && (u[Symbol.iterator] = function() {
+  }, trys: [], ops: [] }, a, n, i, l;
+  return l = { next: f(0), throw: f(1), return: f(2) }, typeof Symbol == "function" && (l[Symbol.iterator] = function() {
     return this;
-  }), u;
-  function v(o) {
+  }), l;
+  function f(o) {
     return function(s) {
-      return d([o, s]);
+      return c([o, s]);
     };
   }
-  function d(o) {
+  function c(o) {
     if (a)
       throw new TypeError("Generator is already executing.");
-    for (; t; )
+    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;
@@ -322,34 +322,34 @@ var F = function() {
             i = o;
             break;
           case 4:
-            return t.label++, { value: o[1], done: !1 };
+            return r.label++, { value: o[1], done: !1 };
           case 5:
-            t.label++, n = o[1], o = [0];
+            r.label++, n = o[1], o = [0];
             continue;
           case 7:
-            o = t.ops.pop(), t.trys.pop();
+            o = r.ops.pop(), r.trys.pop();
             continue;
           default:
-            if (i = t.trys, !(i = i.length > 0 && i[i.length - 1]) && (o[0] === 6 || o[0] === 2)) {
-              t = 0;
+            if (i = r.trys, !(i = i.length > 0 && i[i.length - 1]) && (o[0] === 6 || o[0] === 2)) {
+              r = 0;
               continue;
             }
             if (o[0] === 3 && (!i || o[1] > i[0] && o[1] < i[3])) {
-              t.label = o[1];
+              r.label = o[1];
               break;
             }
-            if (o[0] === 6 && t.label < i[1]) {
-              t.label = i[1], i = o;
+            if (o[0] === 6 && r.label < i[1]) {
+              r.label = i[1], i = o;
               break;
             }
-            if (i && t.label < i[2]) {
-              t.label = i[2], t.ops.push(o);
+            if (i && r.label < i[2]) {
+              r.label = i[2], r.ops.push(o);
               break;
             }
-            i[2] && t.ops.pop(), t.trys.pop();
+            i[2] && r.ops.pop(), r.trys.pop();
             continue;
         }
-        o = r.call(e, t);
+        o = t.call(e, r);
       } catch (s) {
         o = [6, s], n = 0;
       } finally {
@@ -359,32 +359,32 @@ var F = function() {
       throw o[1];
     return { value: o[0] ? o[1] : void 0, done: !0 };
   }
-}, Rr = function(e, r) {
-  var t = typeof Symbol == "function" && e[Symbol.iterator];
-  if (!t)
+}, Rt = function(e, t) {
+  var r = typeof Symbol == "function" && e[Symbol.iterator];
+  if (!r)
     return e;
-  var a = t.call(e), n, i = [], u;
+  var a = r.call(e), n, i = [], l;
   try {
-    for (; (r === void 0 || r-- > 0) && !(n = a.next()).done; )
+    for (; (t === void 0 || t-- > 0) && !(n = a.next()).done; )
       i.push(n.value);
-  } catch (v) {
-    u = { error: v };
+  } catch (f) {
+    l = { error: f };
   } finally {
     try {
-      n && !n.done && (t = a.return) && t.call(a);
+      n && !n.done && (r = a.return) && r.call(a);
     } finally {
-      if (u)
-        throw u.error;
+      if (l)
+        throw l.error;
     }
   }
   return i;
-}, Tr = function(e, r, t) {
-  if (t || arguments.length === 2)
-    for (var a = 0, n = r.length, i; a < n; a++)
-      (i || !(a in r)) && (i || (i = Array.prototype.slice.call(r, 0, a)), i[a] = r[a]);
-  return e.concat(i || Array.prototype.slice.call(r));
-}, Ve = new ge(), ae = new ge(), pe = new ge(), De = {
-  cache: Ve,
+}, Nt = 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));
+}, De = new ge(), ae = new ge(), ve = new ge(), Ve = {
+  cache: De,
   refreshInterval: 0,
   ttl: 0,
   serverTTL: 1e3,
@@ -398,118 +398,118 @@ var F = function() {
   isOnline: fe.isOnline,
   isDocumentVisible: fe.isDocumentVisible
 };
-function Nr(e, r, t) {
+function Tt(e, t, r) {
   var a = ae.get(e);
   if (a)
-    a.data.push(r);
+    a.data.push(t);
   else {
     var n = 5e3;
-    ae.set(e, [r], t > 0 ? t + n : t);
+    ae.set(e, [t], r > 0 ? r + n : r);
   }
 }
-function Er(e, r, t) {
-  if (t.isDocumentVisible() && !(t.errorRetryCount !== void 0 && r > t.errorRetryCount)) {
-    var a = Math.min(r || 0, t.errorRetryCount), n = a * t.errorRetryInterval;
+function It(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;
     setTimeout(function() {
       e(null, { errorRetryCount: a + 1, shouldRetryOnError: !0 });
     }, n);
   }
 }
-var Ne = function(e, r, t, a) {
-  return t === void 0 && (t = Ve), a === void 0 && (a = De.ttl), Z(void 0, void 0, void 0, function() {
-    var n, i, u, v, d, o, s;
-    return U(this, function(l) {
-      switch (l.label) {
+var Te = function(e, t, r, a) {
+  return r === void 0 && (r = De), a === void 0 && (a = Ve.ttl), P(void 0, void 0, void 0, function() {
+    var n, i, l, f, c, o, s;
+    return G(this, function(u) {
+      switch (u.label) {
         case 0:
-          if (!xr(r))
+          if (!xt(t))
             return [3, 5];
-          l.label = 1;
+          u.label = 1;
         case 1:
-          return l.trys.push([1, 3, , 4]), [4, r];
+          return u.trys.push([1, 3, , 4]), [4, t];
         case 2:
-          return n = l.sent(), [3, 4];
+          return n = u.sent(), [3, 4];
         case 3:
-          return v = l.sent(), i = v, [3, 4];
+          return f = u.sent(), i = f, [3, 4];
         case 4:
           return [3, 6];
         case 5:
-          n = r, l.label = 6;
+          n = t, u.label = 6;
         case 6:
-          if (u = !1, d = { data: n, error: i, isValidating: u }, typeof n < "u")
+          if (l = !1, c = { data: n, error: i, isValidating: l }, typeof n < "u")
             try {
-              t.set(e, d, a);
-            } catch (c) {
-              console.error("swrv(mutate): failed to set cache", c);
+              r.set(e, c, a);
+            } catch (d) {
+              console.error("swrv(mutate): failed to set cache", d);
             }
-          return o = ae.get(e), o && o.data.length && (s = o.data.filter(function(c) {
-            return c.key === e;
-          }), s.forEach(function(c, f) {
-            typeof d.data < "u" && (c.data = d.data), c.error = d.error, c.isValidating = d.isValidating;
-            var C = f === s.length - 1;
-            C || delete s[f];
-          }), s = s.filter(Boolean)), [2, d];
+          return o = ae.get(e), o && o.data.length && (s = o.data.filter(function(d) {
+            return d.key === e;
+          }), s.forEach(function(d, v) {
+            typeof c.data < "u" && (d.data = c.data), d.error = c.error, d.isValidating = c.isValidating;
+            var C = v === s.length - 1;
+            C || delete s[v];
+          }), s = s.filter(Boolean)), [2, c];
       }
     });
   });
 };
-function Ir() {
-  for (var e = this, r = [], t = 0; t < arguments.length; t++)
-    r[t] = arguments[t];
-  var a, n, i = F({}, De), u = !1, v = !1, d = $e(), o = (d == null ? void 0 : d.proxy) || d;
+function Et() {
+  for (var e = this, t = [], r = 0; r < arguments.length; r++)
+    t[r] = arguments[r];
+  var a, n, i = O({}, Ve), l = !1, f = !1, c = Be(), o = (c == null ? void 0 : c.proxy) || c;
   if (!o)
     return console.error("Could not get current instance, check to make sure that `useSwrv` is declared in the top level of the setup function."), null;
   var s = (o == null ? void 0 : o.$isServer) || !1;
-  r.length >= 1 && (a = r[0]), r.length >= 2 && (n = r[1]), r.length > 2 && (i = F(F({}, i), r[2]));
-  var l = s ? i.serverTTL : i.ttl, c = typeof a == "function" ? a : te(a);
+  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, d = typeof a == "function" ? a : re(a);
   typeof n > "u" && (n = i.fetcher);
-  var f = null;
-  f || (f = Pe({
+  var v = null;
+  v || (v = Ue({
     data: void 0,
     error: void 0,
     isValidating: !0,
     key: null
   }));
-  var C = function(S, h) {
-    return Z(e, void 0, void 0, function() {
-      var H, I, $, Y, oe, he, se, Ce = this;
-      return U(this, function(ue) {
-        switch (ue.label) {
+  var C = function(b, h) {
+    return P(e, void 0, void 0, function() {
+      var H, E, B, j, oe, he, se, Ce = this;
+      return G(this, function(le) {
+        switch (le.label) {
           case 0:
-            return H = f.data === void 0, I = c.value, I ? ($ = i.cache.get(I), Y = $ && $.data, f.isValidating = !0, Y && (f.data = Y.data, f.error = Y.error), oe = S || n, !oe || !i.isDocumentVisible() && !H || (h == null ? void 0 : h.forceRevalidate) !== void 0 && !(h != null && h.forceRevalidate) ? (f.isValidating = !1, [
+            return H = v.data === void 0, E = d.value, E ? (B = i.cache.get(E), j = B && B.data, v.isValidating = !0, j && (v.data = j.data, v.error = j.error), oe = b || n, !oe || !i.isDocumentVisible() && !H || (h == null ? void 0 : h.forceRevalidate) !== void 0 && !(h != null && h.forceRevalidate) ? (v.isValidating = !1, [
               2
               /*return*/
-            ]) : $ && (he = !!(Date.now() - $.createdAt >= i.dedupingInterval || h != null && h.forceRevalidate), !he) ? (f.isValidating = !1, [
+            ]) : B && (he = !!(Date.now() - B.createdAt >= i.dedupingInterval || h != null && h.forceRevalidate), !he) ? (v.isValidating = !1, [
               2
               /*return*/
             ]) : (se = function() {
-              return Z(Ce, void 0, void 0, function() {
-                var P, be, le, Se;
-                return U(this, function(W) {
+              return P(Ce, void 0, void 0, function() {
+                var U, Se, ue, be;
+                return G(this, function(W) {
                   switch (W.label) {
                     case 0:
-                      return P = pe.get(I), P ? [3, 2] : (be = Array.isArray(I) ? I : [I], le = oe.apply(void 0, Tr([], Rr(be), !1)), pe.set(I, le, i.dedupingInterval), [4, Ne(I, le, i.cache, l)]);
+                      return U = ve.get(E), U ? [3, 2] : (Se = Array.isArray(E) ? E : [E], ue = oe.apply(void 0, Nt([], Rt(Se), !1)), ve.set(E, ue, i.dedupingInterval), [4, Te(E, ue, i.cache, u)]);
                     case 1:
                       return W.sent(), [3, 4];
                     case 2:
-                      return [4, Ne(I, P.data, i.cache, l)];
+                      return [4, Te(E, U.data, i.cache, u)];
                     case 3:
                       W.sent(), W.label = 4;
                     case 4:
-                      return f.isValidating = !1, pe.delete(I), f.error !== void 0 && (Se = !u && i.shouldRetryOnError && (h ? h.shouldRetryOnError : !0), Se && Er(C, h ? h.errorRetryCount : 1, i)), [
+                      return v.isValidating = !1, ve.delete(E), v.error !== void 0 && (be = !l && i.shouldRetryOnError && (h ? h.shouldRetryOnError : !0), be && It(C, h ? h.errorRetryCount : 1, i)), [
                         2
                         /*return*/
                       ];
                   }
                 });
               });
-            }, Y && i.revalidateDebounce ? (setTimeout(function() {
-              return Z(Ce, void 0, void 0, function() {
-                return U(this, function(P) {
-                  switch (P.label) {
+            }, j && i.revalidateDebounce ? (setTimeout(function() {
+              return P(Ce, void 0, void 0, function() {
+                return G(this, function(U) {
+                  switch (U.label) {
                     case 0:
-                      return u ? [3, 2] : [4, se()];
+                      return l ? [3, 2] : [4, se()];
                     case 1:
-                      P.sent(), P.label = 2;
+                      U.sent(), U.label = 2;
                     case 2:
                       return [
                         2
@@ -525,7 +525,7 @@ function Ir() {
           case 1:
             return [4, se()];
           case 2:
-            ue.sent(), ue.label = 3;
+            le.sent(), le.label = 3;
           case 3:
             return [
               2
@@ -535,25 +535,25 @@ function Ir() {
       });
     });
   }, m = function() {
-    return Z(e, void 0, void 0, function() {
-      return U(this, function(S) {
+    return P(e, void 0, void 0, function() {
+      return G(this, function(b) {
         return [2, C(null, { shouldRetryOnError: !1 })];
       });
     });
-  }, b = null;
+  }, S = null;
   Ke(function() {
-    var S = function() {
-      return Z(e, void 0, void 0, function() {
-        return U(this, function(h) {
+    var b = function() {
+      return P(e, void 0, void 0, function() {
+        return G(this, function(h) {
           switch (h.label) {
             case 0:
-              return !f.error && i.isOnline() ? [4, C()] : [3, 2];
+              return !v.error && i.isOnline() ? [4, C()] : [3, 2];
             case 1:
               return h.sent(), [3, 3];
             case 2:
-              b && clearTimeout(b), h.label = 3;
+              S && clearTimeout(S), h.label = 3;
             case 3:
-              return i.refreshInterval && !u && (b = setTimeout(S, i.refreshInterval)), [
+              return i.refreshInterval && !l && (S = setTimeout(b, i.refreshInterval)), [
                 2
                 /*return*/
               ];
@@ -561,119 +561,119 @@ function Ir() {
         });
       });
     };
-    i.refreshInterval && (b = setTimeout(S, i.refreshInterval)), i.revalidateOnFocus && (document.addEventListener("visibilitychange", m, !1), window.addEventListener("focus", m, !1));
-  }), Ze(function() {
-    u = !0, b && clearTimeout(b), i.revalidateOnFocus && (document.removeEventListener("visibilitychange", m, !1), window.removeEventListener("focus", m, !1));
-    var S = ae.get(c.value);
-    S && (S.data = S.data.filter(function(h) {
-      return h !== f;
+    i.refreshInterval && (S = setTimeout(b, i.refreshInterval)), i.revalidateOnFocus && (document.addEventListener("visibilitychange", m, !1), window.addEventListener("focus", m, !1));
+  }), Pe(function() {
+    l = !0, S && clearTimeout(S), i.revalidateOnFocus && (document.removeEventListener("visibilitychange", m, !1), window.removeEventListener("focus", m, !1));
+    var b = ae.get(d.value);
+    b && (b.data = b.data.filter(function(h) {
+      return h !== v;
     }));
   });
   try {
-    Ue(c, function(S) {
-      Ge(c) || (c.value = S), f.key = S, f.isValidating = !!S, Nr(c.value, f, l), !s && !v && c.value && C(), v = !1;
+    Ge(d, function(b) {
+      Ze(d) || (d.value = b), v.key = b, v.isValidating = !!b, Tt(d.value, v, u), !s && !f && d.value && C(), f = !1;
     }, {
       immediate: !0
     });
   } catch {
   }
-  var N = F(F({}, je(f)), { mutate: function(S, h) {
-    return C(S, F(F({}, h), { forceRevalidate: !0 }));
+  var T = O(O({}, Xe(v)), { mutate: function(b, h) {
+    return C(b, O(O({}, h), { forceRevalidate: !0 }));
   } });
-  return N;
+  return T;
 }
-function xr(e) {
+function xt(e) {
   return e !== null && typeof e == "object" && typeof e.then == "function";
 }
-function kr(e, r, t) {
+function kt(e, t, r) {
   const {
     data: a,
     error: n,
     isValidating: i,
-    mutate: u
-  } = Ir(e, r, {
+    mutate: l
+  } = Et(e, t, {
     revalidateDebounce: 500,
     revalidateOnFocus: !1,
     dedupingInterval: 100,
-    ...t
+    ...r
   });
   return {
     data: g(() => a.value),
     response: a,
     error: n,
     isValidating: i,
-    revalidate: u
+    revalidate: l
   };
 }
 const K = {
-  useI18n: dr,
-  useMetricCardBuilder: hr,
-  useMetricFetcher: mr,
-  useRequest: kr
-}, Me = Symbol("METRICS_PROVIDER_KEY"), qr = (e) => {
+  useI18n: dt,
+  useMetricCardBuilder: ht,
+  useMetricFetcher: mt,
+  useRequest: kt
+}, Oe = Symbol("METRICS_PROVIDER_KEY"), Lt = (e) => {
   const {
-    dimension: r,
-    dimensionFilterValue: t,
+    dimension: t,
+    dimensionFilterValue: r,
     additionalFilter: a,
     queryReady: n,
     timeframe: i,
-    tz: u,
-    hasTrendAccess: v,
-    refreshInterval: d,
+    tz: l,
+    hasTrendAccess: f,
+    refreshInterval: c,
     abortController: o,
     queryFn: s,
-    averageLatencies: l
+    averageLatencies: u
   } = e;
-  if (t && !r)
+  if (r && !t)
     throw new Error("Must provide a dimension if filtering by a value");
-  const c = !!(r && t), f = !!(r && !t), C = g(() => {
+  const d = !!(t && r), v = !!(t && !r), C = g(() => {
     const h = [];
-    return c && h.push({
-      dimension: r,
+    return d && h.push({
+      dimension: t,
       type: "in",
-      values: [t]
+      values: [r]
     }), a.value && h.push(...a.value), h;
   }), m = {
-    metrics: te([
+    metrics: re([
       "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 && !c ? [r] : [],
+      ...t && !d ? [t] : [],
       "status_code_grouped"
     ],
     filter: C,
     queryReady: n,
     timeframe: i,
-    tz: u,
+    tz: l,
     // Traffic and error rate cards can't query trend if multiple entities are expected.
-    withTrend: g(() => v.value && !f),
-    refreshInterval: d,
+    withTrend: g(() => f.value && !v),
+    refreshInterval: c,
     queryFn: s,
     abortController: o
-  }, b = {
+  }, S = {
     metrics: g(() => [
-      l.value ? "response_latency_average" : "response_latency_p99"
+      u.value ? "response_latency_average" : "response_latency_p99"
     ]),
     // To keep single-entity queries consistent, don't bother querying the dimension for latency
     // in the single-entity case, even though it's possible.
-    ...r && !c ? { dimensions: [r] } : {},
+    ...t && !d ? { dimensions: [t] } : {},
     filter: C,
     queryReady: n,
     timeframe: i,
-    tz: u,
+    tz: l,
     // Don't query latency trends in the multi-entity case: it's possible, but wasteful.
-    withTrend: g(() => v.value && !f),
-    refreshInterval: d,
+    withTrend: g(() => f.value && !v),
+    refreshInterval: c,
     queryFn: s,
     abortController: o
-  }, N = K.useMetricFetcher(m), S = K.useMetricFetcher(b);
+  }, T = K.useMetricFetcher(m), b = K.useMetricFetcher(S);
   return {
-    trafficData: N,
-    latencyData: S
+    trafficData: T,
+    latencyData: b
   };
-}, yi = /* @__PURE__ */ k({
+}, hi = /* @__PURE__ */ k({
   __name: "MetricsProvider",
   props: {
     maxTimeframe: { default: ne.THIRTY_DAY },
@@ -683,7 +683,7 @@ const K = {
     filterValue: { default: void 0 },
     additionalFilter: { default: void 0 },
     queryReady: { type: Boolean, default: !0 },
-    refreshInterval: { default: fr },
+    refreshInterval: { default: ft },
     longCardTitles: { type: Boolean, default: !1 },
     containerTitle: { default: void 0 },
     description: { default: void 0 },
@@ -691,96 +691,96 @@ const K = {
     abortController: { default: void 0 }
   },
   setup(e) {
-    const r = e;
-    if (r.dimension && er.findIndex((f) => f === r.dimension) === -1)
-      throw new Error(`Attempted to use MetricsProvider with an invalid dimension: ${r.dimension}`);
-    const t = ke(pr);
+    const t = e;
+    if (t.dimension && et.findIndex((v) => v === t.dimension) === -1)
+      throw new Error(`Attempted to use MetricsProvider with an invalid dimension: ${t.dimension}`);
+    const r = ke(vt);
     let a, n;
-    t ? (a = t.queryFn, n = t.evaluateFeatureFlagFn) : (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")), n = (f, C) => C);
-    const i = ar(), u = J(() => i.longRetention), v = g(() => !i.loading && r.queryReady), d = g(() => r.tz ? r.tz : new Intl.DateTimeFormat().resolvedOptions().timeZone), o = g(() => {
-      if (r.overrideTimeframe)
-        return r.overrideTimeframe;
-      const f = u.value ? ie.get(r.maxTimeframe) : ie.get(ne.ONE_DAY);
-      if (!f)
+    r ? (a = r.queryFn, n = r.evaluateFeatureFlagFn) : (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")), n = (v, C) => C);
+    const i = at(), l = J(() => i.longRetention), f = g(() => !i.loading && t.queryReady), c = g(() => t.tz ? t.tz : new Intl.DateTimeFormat().resolvedOptions().timeZone), o = g(() => {
+      if (t.overrideTimeframe)
+        return t.overrideTimeframe;
+      const v = l.value ? ie.get(t.maxTimeframe) : ie.get(ne.ONE_DAY);
+      if (!v)
         throw new Error("Metrics provider failed to resolve fallback timeframe.");
-      return f;
-    }), s = g(() => r.percentileLatency ? !1 : n("MA-2527-analytics-sku-config-endpoint", !1)), {
-      trafficData: l,
-      latencyData: c
-    } = qr({
-      dimension: r.dimension,
-      dimensionFilterValue: r.filterValue,
-      additionalFilter: J(r, "additionalFilter"),
-      queryReady: v,
+      return v;
+    }), s = g(() => t.percentileLatency ? !1 : n("MA-2527-analytics-sku-config-endpoint", !1)), {
+      trafficData: u,
+      latencyData: d
+    } = Lt({
+      dimension: t.dimension,
+      dimensionFilterValue: t.filterValue,
+      additionalFilter: J(t, "additionalFilter"),
+      queryReady: f,
       timeframe: o,
-      tz: d,
-      hasTrendAccess: u,
-      refreshInterval: r.refreshInterval,
+      tz: c,
+      hasTrendAccess: l,
+      refreshInterval: t.refreshInterval,
       queryFn: a,
       averageLatencies: s,
-      abortController: r.abortController
+      abortController: t.abortController
     });
-    return Xe(Me, {
+    return je(Oe, {
       data: {
-        traffic: l,
-        latency: c
+        traffic: u,
+        latency: d
       },
-      description: J(() => r.description),
-      containerTitle: J(() => r.containerTitle),
-      hasTrendAccess: u,
-      longCardTitles: r.longCardTitles,
+      description: J(() => t.description),
+      containerTitle: J(() => t.containerTitle),
+      hasTrendAccess: l,
+      longCardTitles: t.longCardTitles,
       averageLatencies: s
-    }), (f, C) => qe(f.$slots, "default", {
-      hasTrendAccess: u.value,
+    }), (v, C) => Le(v.$slots, "default", {
+      hasTrendAccess: l.value,
       timeframe: o.value
     });
   }
 });
-function zr(e) {
+function At(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Fe = { exports: {} };
+var Me = { exports: {} };
 (function(e) {
   (function() {
-    function r(o, s) {
+    function t(o, s) {
       if (s.separator === !1 || o < 1e3)
         return o.toString();
-      var l = typeof s.separator == "string" ? s.separator : ",", c = [], f = Math.round(o).toString().split("");
-      return f.reverse().forEach(function(C, m) {
-        m && m % 3 === 0 && c.push(l), c.push(C);
-      }), c.reverse().join("");
+      var u = typeof s.separator == "string" ? s.separator : ",", d = [], v = Math.round(o).toString().split("");
+      return v.reverse().forEach(function(C, m) {
+        m && m % 3 === 0 && d.push(u), d.push(C);
+      }), d.reverse().join("");
     }
-    function t(o, s, l) {
-      var c = o / s, f = l.round ? "round" : "floor";
-      return l.decimal === !1 ? (o = Math[f](c), o.toString()) : (l.precision ? o = c : o = c < 10 ? Math[f](c * 10) / 10 : Math[f](c), o = o.toString(), typeof l.decimal == "string" && (o = o.replace(".", l.decimal)), o);
+    function r(o, s, u) {
+      var d = o / s, v = u.round ? "round" : "floor";
+      return u.decimal === !1 ? (o = Math[v](d), o.toString()) : (u.precision ? o = d : o = d < 10 ? Math[v](d * 10) / 10 : Math[v](d), o = o.toString(), typeof u.decimal == "string" && (o = o.replace(".", u.decimal)), o);
     }
-    var a = 1e3, n = 1e4, i = 1e6, u = 1e9, v = 1e12;
-    function d(o, s) {
-      var l;
+    var a = 1e3, n = 1e4, i = 1e6, l = 1e9, f = 1e12;
+    function c(o, s) {
+      var u;
       s = s || {};
-      var c = o < 0;
-      c && (o = Math.abs(o)), s.precision && (o = parseFloat(o.toPrecision(s.precision)));
-      var f = s.min10k ? n : a;
-      return o < f || s.precision && s.precision > Math.log10(o) ? l = r(t(o, 1, s), s) : o < i ? l = t(o, a, s) + "k" : o < u ? l = t(o, i, s) + "m" : o < v ? l = r(t(o, u, s), s) + "b" : l = r(t(o, v, s), s) + "t", c && (l = "-" + l), s.capital && (l = l.toUpperCase()), s.prefix && (l = s.prefix + l), s.suffix && (l = l + s.suffix), l;
+      var d = o < 0;
+      d && (o = Math.abs(o)), s.precision && (o = parseFloat(o.toPrecision(s.precision)));
+      var v = s.min10k ? n : a;
+      return o < v || 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 < f ? u = t(r(o, l, s), s) + "b" : u = t(r(o, f, s), s) + "t", d && (u = "-" + u), s.capital && (u = u.toUpperCase()), s.prefix && (u = s.prefix + u), s.suffix && (u = u + s.suffix), u;
     }
-    d.addCommas = r, e.exports = d;
+    c.addCommas = t, e.exports = c;
   })();
-})(Fe);
-var Lr = Fe.exports;
-const Ar = /* @__PURE__ */ zr(Lr);
-var q = /* @__PURE__ */ ((e) => (e.Small = "sm", e.Medium = "md", e.Large = "lg", e.LargeCompact = "lgc", e.ExtraLarge = "xl", e))(q || {});
-const w = "24px", M = (e, r) => {
-  const t = e.__vccOpts || e;
-  for (const [a, n] of r)
-    t[a] = n;
-  return t;
-}, Vr = (e) => (V("data-v-80a84c23"), e = e(), D(), e), Dr = ["aria-hidden"], Mr = {
+})(Me);
+var qt = Me.exports;
+const zt = /* @__PURE__ */ At(qt);
+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", V = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [a, n] of t)
+    r[a] = n;
+  return r;
+}, Dt = (e) => (z("data-v-80a84c23"), e = e(), D(), e), Vt = ["aria-hidden"], Ot = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Fr = /* @__PURE__ */ Vr(() => /* @__PURE__ */ x("path", {
+}, Mt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ x("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)), Or = /* @__PURE__ */ k({
+}, null, -1)), Ft = /* @__PURE__ */ k({
   __name: "CloudUploadIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -811,14 +811,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -832,30 +832,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(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: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-cloud-upload-icon",
@@ -866,20 +866,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", Mr, R(e.title), 1)) : T("", !0),
-          Fr
-        ], 8, Dr))
+          e.title ? (p(), y("title", Ot, w(e.title), 1)) : N("", !0),
+          Mt
+        ], 8, Vt))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Hr = /* @__PURE__ */ M(Or, [["__scopeId", "data-v-80a84c23"]]), Br = (e) => (V("data-v-51fd13af"), e = e(), D(), e), $r = ["aria-hidden"], Pr = {
+}), Ht = /* @__PURE__ */ V(Ft, [["__scopeId", "data-v-80a84c23"]]), $t = (e) => (z("data-v-51fd13af"), e = e(), D(), e), Bt = ["aria-hidden"], Ut = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Kr = /* @__PURE__ */ Br(() => /* @__PURE__ */ x("path", {
+}, Kt = /* @__PURE__ */ $t(() => /* @__PURE__ */ x("path", {
   d: "M4 17V14H20V17H4ZM4 10V7H20V10H4Z",
   fill: "currentColor"
-}, null, -1)), Zr = /* @__PURE__ */ k({
+}, null, -1)), Pt = /* @__PURE__ */ k({
   __name: "EqualIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -910,14 +910,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -931,30 +931,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(L(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon equal-icon",
       "data-testid": "kui-icon-wrapper-equal-icon",
-      style: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-equal-icon",
@@ -965,20 +965,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", Pr, R(e.title), 1)) : T("", !0),
-          Kr
-        ], 8, $r))
+          e.title ? (p(), y("title", Ut, w(e.title), 1)) : N("", !0),
+          Kt
+        ], 8, Bt))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Ur = /* @__PURE__ */ M(Zr, [["__scopeId", "data-v-51fd13af"]]), Gr = (e) => (V("data-v-c5283a2c"), e = e(), D(), e), jr = ["aria-hidden"], Xr = {
+}), Gt = /* @__PURE__ */ V(Pt, [["__scopeId", "data-v-51fd13af"]]), Zt = (e) => (z("data-v-c5283a2c"), e = e(), D(), e), Xt = ["aria-hidden"], jt = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Yr = /* @__PURE__ */ Gr(() => /* @__PURE__ */ x("path", {
+}, Yt = /* @__PURE__ */ Zt(() => /* @__PURE__ */ x("path", {
   d: "M5 11V9H15V11H5Z",
   fill: "currentColor"
-}, null, -1)), Qr = /* @__PURE__ */ k({
+}, null, -1)), Qt = /* @__PURE__ */ k({
   __name: "IndeterminateSmallIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1009,14 +1009,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -1030,30 +1030,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(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: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-indeterminate-small-icon",
@@ -1064,20 +1064,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", Xr, R(e.title), 1)) : T("", !0),
-          Yr
-        ], 8, jr))
+          e.title ? (p(), y("title", jt, w(e.title), 1)) : N("", !0),
+          Yt
+        ], 8, Xt))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Oe = /* @__PURE__ */ M(Qr, [["__scopeId", "data-v-c5283a2c"]]), Wr = (e) => (V("data-v-7958c198"), e = e(), D(), e), Jr = ["aria-hidden"], et = {
+}), Fe = /* @__PURE__ */ V(Qt, [["__scopeId", "data-v-c5283a2c"]]), Wt = (e) => (z("data-v-7958c198"), e = e(), D(), e), Jt = ["aria-hidden"], er = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, rt = /* @__PURE__ */ Wr(() => /* @__PURE__ */ x("path", {
+}, tr = /* @__PURE__ */ Wt(() => /* @__PURE__ */ x("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)), tt = /* @__PURE__ */ k({
+}, null, -1)), rr = /* @__PURE__ */ k({
   __name: "InfoIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1108,14 +1108,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -1129,30 +1129,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(L(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon info-icon",
       "data-testid": "kui-icon-wrapper-info-icon",
-      style: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-info-icon",
@@ -1163,20 +1163,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", et, R(e.title), 1)) : T("", !0),
-          rt
-        ], 8, Jr))
+          e.title ? (p(), y("title", er, w(e.title), 1)) : N("", !0),
+          tr
+        ], 8, Jt))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), it = /* @__PURE__ */ M(tt, [["__scopeId", "data-v-7958c198"]]), nt = (e) => (V("data-v-d0ffb1de"), e = e(), D(), e), at = ["aria-hidden"], ot = {
+}), ir = /* @__PURE__ */ V(rr, [["__scopeId", "data-v-7958c198"]]), nr = (e) => (z("data-v-d0ffb1de"), e = e(), D(), e), ar = ["aria-hidden"], or = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, st = /* @__PURE__ */ nt(() => /* @__PURE__ */ x("path", {
+}, sr = /* @__PURE__ */ nr(() => /* @__PURE__ */ x("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)), ut = /* @__PURE__ */ k({
+}, null, -1)), lr = /* @__PURE__ */ k({
   __name: "ResponseIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1207,14 +1207,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -1228,30 +1228,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(L(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon response-icon",
       "data-testid": "kui-icon-wrapper-response-icon",
-      style: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-response-icon",
@@ -1262,20 +1262,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", ot, R(e.title), 1)) : T("", !0),
-          st
-        ], 8, at))
+          e.title ? (p(), y("title", or, w(e.title), 1)) : N("", !0),
+          sr
+        ], 8, ar))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), lt = /* @__PURE__ */ M(ut, [["__scopeId", "data-v-d0ffb1de"]]), dt = (e) => (V("data-v-7939cf04"), e = e(), D(), e), ct = ["aria-hidden"], ft = {
+}), ur = /* @__PURE__ */ V(lr, [["__scopeId", "data-v-d0ffb1de"]]), dr = (e) => (z("data-v-7939cf04"), e = e(), D(), e), cr = ["aria-hidden"], fr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, pt = /* @__PURE__ */ dt(() => /* @__PURE__ */ x("path", {
+}, vr = /* @__PURE__ */ dr(() => /* @__PURE__ */ x("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)), vt = /* @__PURE__ */ k({
+}, null, -1)), pr = /* @__PURE__ */ k({
   __name: "TrendDownIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1306,14 +1306,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -1327,30 +1327,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(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: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-trend-down-icon",
@@ -1361,20 +1361,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", ft, R(e.title), 1)) : T("", !0),
-          pt
-        ], 8, ct))
+          e.title ? (p(), y("title", fr, w(e.title), 1)) : N("", !0),
+          vr
+        ], 8, cr))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), gt = /* @__PURE__ */ M(vt, [["__scopeId", "data-v-7939cf04"]]), yt = (e) => (V("data-v-c6ab90e9"), e = e(), D(), e), mt = ["aria-hidden"], ht = {
+}), gr = /* @__PURE__ */ V(pr, [["__scopeId", "data-v-7939cf04"]]), yr = (e) => (z("data-v-c6ab90e9"), e = e(), D(), e), mr = ["aria-hidden"], hr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Ct = /* @__PURE__ */ yt(() => /* @__PURE__ */ x("path", {
+}, Cr = /* @__PURE__ */ yr(() => /* @__PURE__ */ x("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)), bt = /* @__PURE__ */ k({
+}, null, -1)), Sr = /* @__PURE__ */ k({
   __name: "TrendUpIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1405,14 +1405,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -1426,30 +1426,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(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: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-trend-up-icon",
@@ -1460,20 +1460,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", ht, R(e.title), 1)) : T("", !0),
-          Ct
-        ], 8, mt))
+          e.title ? (p(), y("title", hr, w(e.title), 1)) : N("", !0),
+          Cr
+        ], 8, mr))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), St = /* @__PURE__ */ M(bt, [["__scopeId", "data-v-c6ab90e9"]]), _t = (e) => (V("data-v-989e7f51"), e = e(), D(), e), wt = ["aria-hidden"], Rt = {
+}), br = /* @__PURE__ */ V(Sr, [["__scopeId", "data-v-c6ab90e9"]]), _r = (e) => (z("data-v-989e7f51"), e = e(), D(), e), wr = ["aria-hidden"], Rr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Tt = /* @__PURE__ */ _t(() => /* @__PURE__ */ x("path", {
+}, Nr = /* @__PURE__ */ _r(() => /* @__PURE__ */ x("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)), Nt = /* @__PURE__ */ k({
+}, null, -1)), Tr = /* @__PURE__ */ k({
   __name: "VitalsIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1504,14 +1504,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -1525,30 +1525,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(L(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon vitals-icon",
       "data-testid": "kui-icon-wrapper-vitals-icon",
-      style: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-vitals-icon",
@@ -1559,20 +1559,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", Rt, R(e.title), 1)) : T("", !0),
-          Tt
-        ], 8, wt))
+          e.title ? (p(), y("title", Rr, w(e.title), 1)) : N("", !0),
+          Nr
+        ], 8, wr))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Et = /* @__PURE__ */ M(Nt, [["__scopeId", "data-v-989e7f51"]]), It = (e) => (V("data-v-5fc3c6c8"), e = e(), D(), e), xt = ["aria-hidden"], kt = {
+}), Ir = /* @__PURE__ */ V(Tr, [["__scopeId", "data-v-989e7f51"]]), Er = (e) => (z("data-v-5fc3c6c8"), e = e(), D(), e), xr = ["aria-hidden"], kr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, qt = /* @__PURE__ */ It(() => /* @__PURE__ */ x("path", {
+}, Lr = /* @__PURE__ */ Er(() => /* @__PURE__ */ x("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)), zt = /* @__PURE__ */ k({
+}, null, -1)), Ar = /* @__PURE__ */ k({
   __name: "WarningOutlineIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1603,14 +1603,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -1624,30 +1624,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(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: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-warning-outline-icon",
@@ -1658,20 +1658,20 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", kt, R(e.title), 1)) : T("", !0),
-          qt
-        ], 8, xt))
+          e.title ? (p(), y("title", kr, w(e.title), 1)) : N("", !0),
+          Lr
+        ], 8, xr))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Lt = /* @__PURE__ */ M(zt, [["__scopeId", "data-v-5fc3c6c8"]]), At = (e) => (V("data-v-9f0a015f"), e = e(), D(), e), Vt = ["aria-hidden"], Dt = {
+}), qr = /* @__PURE__ */ V(Ar, [["__scopeId", "data-v-5fc3c6c8"]]), zr = (e) => (z("data-v-9f0a015f"), e = e(), D(), e), Dr = ["aria-hidden"], Vr = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Mt = /* @__PURE__ */ At(() => /* @__PURE__ */ x("path", {
+}, Or = /* @__PURE__ */ zr(() => /* @__PURE__ */ x("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)), Ft = /* @__PURE__ */ k({
+}, null, -1)), Mr = /* @__PURE__ */ k({
   __name: "WarningIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -1702,14 +1702,14 @@ const w = "24px", M = (e, r) => {
     size: {
       type: [Number, String],
       required: !1,
-      default: w,
+      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 r = String(e).replace(/px/gi, ""), t = Number(r);
-          if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
         return !1;
@@ -1723,30 +1723,30 @@ const w = "24px", M = (e, r) => {
     }
   },
   setup(e) {
-    const r = e, t = g(() => {
-      if (typeof r.size == "number" && r.size > 0)
-        return `${r.size}px`;
-      if (typeof r.size == "string") {
-        const n = String(r.size).replace(/px/gi, ""), i = Number(n);
+    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 w;
+      return _;
     }), a = g(() => ({
       boxSizing: "border-box",
-      color: r.color,
-      display: r.display,
-      height: t.value,
+      color: t.color,
+      display: t.display,
+      height: r.value,
       lineHeight: "0",
-      width: t.value
+      width: r.value
     }));
-    return (n, i) => (p(), E(z(e.as), {
+    return (n, i) => (p(), I(L(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon warning-icon",
       "data-testid": "kui-icon-wrapper-warning-icon",
-      style: A(a.value)
+      style: q(a.value)
     }, {
-      default: L(() => [
+      default: A(() => [
         (p(), y("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-warning-icon",
@@ -1757,37 +1757,35 @@ const w = "24px", M = (e, r) => {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (p(), y("title", Dt, R(e.title), 1)) : T("", !0),
-          Mt
-        ], 8, Vt))
+          e.title ? (p(), y("title", Vr, w(e.title), 1)) : N("", !0),
+          Or
+        ], 8, Dr))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), He = /* @__PURE__ */ M(Ft, [["__scopeId", "data-v-9f0a015f"]]), ye = 2, Ee = ye + 2, Ot = (e, r, t = !1) => {
-  let a = !r || Number(e.toFixed(Ee)) === 0 ? 0 : Number(e.toFixed(Ee)) > 0 ? 1 : -1;
-  return t && (a *= -1), a;
-}, Ht = (e, r, t) => r ? `${Math.abs(e * 100).toFixed(ye)}%` : t, Bt = (e, r) => r === 0 ? 0 : e / r - 1, $t = (e, r = !1) => (r && (e *= -1), e > 0 ? St : e < 0 ? gt : Oe), Pt = "#ad000e", ve = "#6c7489", Ie = "#52596e", Kt = "#007d60", ee = "16px", Zt = "20px";
-var O = /* @__PURE__ */ ((e) => (e.GENERIC_COUNT = "GenericCount", e.TRAFFIC = "Traffic", e.ERROR_RATE = "ErrorRate", e.LATENCY = "Latency", e))(O || {});
-const Ut = { class: "metricscard" }, Gt = {
+}), He = /* @__PURE__ */ V(Mr, [["__scopeId", "data-v-9f0a015f"]]), ye = 2, Ie = ye + 2, Fr = (e, t, r = !1) => {
+  let a = !t || Number(e.toFixed(Ie)) === 0 ? 0 : Number(e.toFixed(Ie)) > 0 ? 1 : -1;
+  return r && (a *= -1), a;
+}, Hr = (e, t, r) => t ? `${Math.abs(e * 100).toFixed(ye)}%` : r, $r = (e, t) => t === 0 ? 0 : e / t - 1, Br = (e, t = !1) => (t && (e *= -1), e > 0 ? br : e < 0 ? gr : Fe), Ur = "#ad000e", pe = "#6c7489", Ee = "#52596e", Kr = "#007d60", ee = "16px", Pr = "20px", Gr = { class: "metricscard" }, Zr = {
   key: 0,
   class: "metricscard-description"
-}, jt = {
+}, Xr = { class: "metricscard-valuetrend" }, jr = {
   key: 0,
   class: "metricscard-error"
-}, Xt = {
+}, Yr = {
   key: 2,
   class: "metricscard-trend"
-}, Yt = { "data-testid": "metric-trend-change" }, Qt = {
+}, Qr = { "data-testid": "metric-trend-change" }, Wr = {
   key: 0,
   class: "metricscard-trend-range"
-}, Wt = /* @__PURE__ */ k({
+}, Jr = /* @__PURE__ */ k({
   __name: "MetricsCard",
   props: {
     cardType: {
       type: String,
       required: !0,
-      default: O.GENERIC_COUNT
+      default: M.GENERIC_COUNT
     },
     title: {
       type: String,
@@ -1823,7 +1821,7 @@ const Ut = { class: "metricscard" }, Gt = {
     },
     trendIcon: {
       type: Object,
-      default: Oe
+      default: Fe
     },
     trendRange: {
       type: String,
@@ -1840,7 +1838,7 @@ const Ut = { class: "metricscard" }, Gt = {
     cardSize: {
       type: String,
       required: !1,
-      default: () => q.Large
+      default: () => F.Large
     },
     hasContainerTitle: {
       type: Boolean,
@@ -1853,120 +1851,118 @@ const Ut = { class: "metricscard" }, Gt = {
     }
   },
   setup(e) {
-    const r = /* @__PURE__ */ new Map([
-      [O.GENERIC_COUNT, Et],
-      [O.TRAFFIC, Hr],
-      [O.ERROR_RATE, Lt],
-      [O.LATENCY, lt]
-    ]), t = e, a = (d) => {
-      const o = {
-        red: `var(--kong-ui-metric-card-trend-negative, ${Pt})`,
-        green: `var(--kong-ui-metric-card-trend-positive, ${Kt})`,
-        grey: `var(--kong-ui-metric-card-trend-neutral, ${Ie})`
+    const t = /* @__PURE__ */ new Map([
+      [M.GENERIC_COUNT, Ir],
+      [M.TRAFFIC, Ht],
+      [M.ERROR_RATE, qr],
+      [M.LATENCY, ur]
+    ]), r = e, a = (f) => {
+      const c = {
+        red: `var(--kong-ui-metric-card-trend-negative, ${Ur})`,
+        green: `var(--kong-ui-metric-card-trend-positive, ${Kr})`,
+        grey: `var(--kong-ui-metric-card-trend-neutral, ${Ee})`
       };
-      return d > 0 ? o.green : d < 0 ? o.red : o.grey;
-    }, n = (d) => d > 0 ? "positive" : d < 0 ? "negative" : "neutral", i = [q.Medium, q.Large, q.LargeCompact].includes(t.cardSize), u = g(() => t.cardSize === q.LargeCompact), v = [q.Small, q.LargeCompact].includes(t.cardSize);
-    return (d, o) => {
-      const s = ze("KTooltip");
-      return p(), y("div", Ut, [
+      return f > 0 ? c.green : f < 0 ? c.red : c.grey;
+    }, n = (f) => f > 0 ? "positive" : f < 0 ? "negative" : "neutral", i = [F.Medium, F.Large].includes(r.cardSize), l = [F.Small].includes(r.cardSize);
+    return (f, c) => {
+      const o = Ae("KTooltip");
+      return p(), y("div", Gr, [
         x("div", {
-          class: G(["metricscard-title", e.cardSize])
+          class: Y(["metricscard-title", e.cardSize])
         }, [
-          _(v) ? T("", !0) : (p(), E(z(_(r).get(e.cardType)), {
+          R(l) ? N("", !0) : (p(), I(L(R(t).get(e.cardType)), {
             key: 0,
             class: "metricscard-icon",
-            color: _(ve),
-            size: _(ee)
+            color: R(pe),
+            size: R(ee)
           }, null, 8, ["color", "size"])),
-          (p(), E(z(e.titleTag), null, {
-            default: L(() => [
-              Le(R(e.title), 1)
+          (p(), I(L(e.titleTag), null, {
+            default: A(() => [
+              qe(w(e.title), 1)
             ]),
             _: 1
           })),
-          e.tooltip ? (p(), E(s, {
+          e.tooltip ? (p(), I(o, {
             key: 1,
             class: "metricscard-tooltip",
             placement: "right",
             text: e.tooltip
           }, {
-            default: L(() => [
-              X(_(it), {
-                color: _(ve),
-                size: _(ee)
+            default: A(() => [
+              X(R(ir), {
+                color: R(pe),
+                size: R(ee)
               }, null, 8, ["color", "size"])
             ]),
             _: 1
-          }, 8, ["text"])) : T("", !0)
+          }, 8, ["text"])) : N("", !0)
         ], 2),
-        e.description && _(i) && !u.value ? (p(), y("div", Gt, [
-          x("span", null, R(e.description), 1)
-        ])) : T("", !0),
-        x("div", {
-          class: G(["metricscard-valuetrend", { "is-compact": u.value }])
-        }, [
-          e.hasError ? (p(), y("div", jt, [
-            X(_(He), {
-              color: _(ve),
-              size: _(Zt)
+        e.description && R(i) ? (p(), y("div", Zr, [
+          x("span", null, w(e.description), 1)
+        ])) : N("", !0),
+        x("div", Xr, [
+          e.hasError ? (p(), y("div", jr, [
+            X(R(He), {
+              color: R(pe),
+              size: R(Pr)
             }, null, 8, ["color", "size"]),
-            x("div", null, " " + R(e.errorMessage), 1)
+            x("div", null, " " + w(e.errorMessage), 1)
           ])) : (p(), y("div", {
             key: 1,
-            class: G(["metricscard-value", e.cardSize]),
+            class: Y(["metricscard-value", e.cardSize]),
             "data-testid": "metric-value"
-          }, R(e.metricValue), 3)),
-          _(i) ? (p(), y("div", Xt, [
+          }, w(e.metricValue), 3)),
+          R(i) ? (p(), y("div", Yr, [
             x("div", {
-              class: G(["metricscard-trend-change", n(e.changePolarity)]),
+              class: Y(["metricscard-trend-change", n(e.changePolarity)]),
               "data-testid": "metric-trend-parent"
             }, [
-              e.changePolarity !== 0 ? (p(), E(z(e.trendIcon), {
+              e.changePolarity !== 0 ? (p(), I(L(e.trendIcon), {
                 key: 0,
                 color: a(e.changePolarity),
-                size: _(ee)
-              }, null, 8, ["color", "size"])) : (p(), E(_(Ur), {
+                size: R(ee)
+              }, null, 8, ["color", "size"])) : (p(), I(R(Gt), {
                 key: 1,
-                color: _(Ie),
-                size: _(ee)
+                color: R(Ee),
+                size: R(ee)
               }, null, 8, ["color", "size"])),
-              x("div", Yt, R(e.metricChange), 1)
+              x("div", Qr, w(e.metricChange), 1)
             ], 2),
-            e.trendRange && e.cardSize !== _(q).LargeCompact ? (p(), y("div", Qt, R(e.trendRange), 1)) : T("", !0)
-          ])) : T("", !0)
-        ], 2)
+            e.trendRange ? (p(), y("div", Wr, w(e.trendRange), 1)) : N("", !0)
+          ])) : N("", !0)
+        ])
       ]);
     };
   }
-}), me = (e, r) => {
-  const t = e.__vccOpts || e;
-  for (const [a, n] of r)
-    t[a] = n;
-  return t;
-}, Jt = /* @__PURE__ */ me(Wt, [["__scopeId", "data-v-bb9e718a"]]), ei = {}, ri = { class: "loading-tabs" };
-function ti(e, r) {
-  const t = ze("KSkeletonBox");
+}), me = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [a, n] of t)
+    r[a] = n;
+  return r;
+}, ei = /* @__PURE__ */ me(Jr, [["__scopeId", "data-v-1b8a31a0"]]), ti = {}, ri = { class: "loading-tabs" };
+function ii(e, t) {
+  const r = Ae("KSkeletonBox");
   return p(), y("div", ri, [
-    X(t, { width: "100" }),
-    X(t, { width: "75" })
+    X(r, { width: "100" }),
+    X(r, { width: "75" })
   ]);
 }
-const ii = /* @__PURE__ */ me(ei, [["render", ti], ["__scopeId", "data-v-f7eb9c40"]]), ni = {
+const ni = /* @__PURE__ */ me(ti, [["render", ii], ["__scopeId", "data-v-f7eb9c40"]]), ai = {
   key: 0,
   class: "container-title"
-}, ai = {
+}, oi = {
   key: 0,
   class: "container-description"
-}, oi = {
+}, si = {
   key: 1,
   class: "error-display"
-}, si = {
+}, li = {
   key: 0,
   class: "error-display-message"
 }, ui = {
   key: 2,
   class: "cards-wrapper"
-}, li = /* @__PURE__ */ k({
+}, di = /* @__PURE__ */ k({
   __name: "MetricCardContainer",
   props: {
     fallbackDisplayText: {
@@ -1995,7 +1991,7 @@ const ii = /* @__PURE__ */ me(ei, [["render", ti], ["__scopeId", "data-v-f7eb9c4
     cardSize: {
       type: String,
       required: !1,
-      default: () => q.Large
+      default: () => F.Large
     },
     containerTitle: {
       type: String,
@@ -2009,162 +2005,170 @@ const ii = /* @__PURE__ */ me(ei, [["render", ti], ["__scopeId", "data-v-f7eb9c4
     }
   },
   setup(e) {
-    const r = e, t = g(() => r.cards.every((n) => (n == null ? void 0 : n.hasError) === !0)), a = (n) => {
-      const i = Bt(n.currentValue, n.previousValue) || 0, u = Ot(i, r.hasTrendAccess, n.increaseIsBad);
+    const t = e, r = g(() => t.cards.every((n) => (n == null ? void 0 : n.hasError) === !0)), a = (n) => {
+      const i = $r(n.currentValue, n.previousValue) || 0, l = Fr(i, t.hasTrendAccess, n.increaseIsBad);
       return {
-        metricValue: n.formatValueFn ? n.formatValueFn(n.currentValue) : Ar(n.currentValue, { capital: !0, round: !0 }) || "0",
-        metricChange: n.formatChangeFn ? n.formatChangeFn(i) : Ht(i, r.hasTrendAccess, r.fallbackDisplayText),
-        changePolarity: u,
-        trendIcon: $t(u, n.increaseIsBad),
-        cardSize: r.cardSize,
-        hasContainerTitle: !!r.containerTitle
+        metricValue: n.formatValueFn ? n.formatValueFn(n.currentValue) : zt(n.currentValue, { capital: !0, round: !0 }) || "0",
+        metricChange: n.formatChangeFn ? n.formatChangeFn(i) : Hr(i, t.hasTrendAccess, t.fallbackDisplayText),
+        changePolarity: l,
+        trendIcon: Br(l, n.increaseIsBad),
+        cardSize: t.cardSize,
+        hasContainerTitle: !!t.containerTitle
       };
     };
     return (n, i) => (p(), y("div", {
-      class: G(["kong-ui-public-metric-card-container", e.cardSize])
+      class: Y(["kong-ui-public-metric-card-container", e.cardSize])
     }, [
-      r.containerTitle ? (p(), y("div", ni, [
-        Le(R(r.containerTitle) + " ", 1),
-        r.containerDescription ? (p(), y("div", ai, R(r.containerDescription), 1)) : T("", !0)
-      ])) : T("", !0),
-      t.value ? (p(), y("div", oi, [
-        X(_(He), { class: "error-display-icon" }),
-        e.errorMessage ? (p(), y("div", si, R(e.errorMessage), 1)) : T("", !0)
+      t.containerTitle ? (p(), y("div", ai, [
+        qe(w(t.containerTitle) + " ", 1),
+        t.containerDescription ? (p(), y("div", oi, w(t.containerDescription), 1)) : N("", !0)
+      ])) : N("", !0),
+      r.value ? (p(), y("div", si, [
+        X(R(He), { class: "error-display-icon" }),
+        e.errorMessage ? (p(), y("div", li, w(e.errorMessage), 1)) : N("", !0)
       ])) : (p(), y("div", ui, [
-        (p(!0), y(_e, null, Ye(e.cards, (u, v) => (p(), y(_e, null, [
-          e.loading ? (p(), E(ii, {
-            key: `skeleton-${v}`,
-            class: G(e.cardSize === _(q).Small ? "loading-tabs-small" : "loading-tabs-large")
-          }, null, 8, ["class"])) : (p(), E(Jt, Qe({
-            key: v,
+        (p(!0), y(_e, null, Ye(e.cards, (l, f) => (p(), y(_e, null, [
+          e.loading ? (p(), I(ni, {
+            key: `skeleton-${f}`,
+            class: Y(e.cardSize === R(F).Small ? "loading-tabs-small" : "loading-tabs-large")
+          }, null, 8, ["class"])) : (p(), I(ei, Qe({
+            key: f,
             ref_for: !0
-          }, a(u), {
+          }, a(l), {
             "card-size": e.cardSize,
-            "card-type": u.cardType,
-            description: u.description,
+            "card-type": l.cardType,
+            description: l.description,
             "error-message": e.errorMessage,
-            "has-error": u.hasError,
-            title: u.title,
-            "title-tag": u.titleTag,
-            tooltip: u.tooltip,
-            "trend-range": u.trendRange
+            "has-error": l.hasError,
+            title: l.title,
+            "title-tag": l.titleTag,
+            tooltip: l.tooltip,
+            "trend-range": l.trendRange
           }), null, 16, ["card-size", "card-type", "description", "error-message", "has-error", "title", "title-tag", "tooltip", "trend-range"]))
         ], 64))), 256))
       ]))
     ], 2));
   }
-}), di = /* @__PURE__ */ me(li, [["__scopeId", "data-v-1bb4a6a4"]]), mi = /* @__PURE__ */ k({
+}), ci = /* @__PURE__ */ me(di, [["__scopeId", "data-v-d3a810e0"]]), Ci = /* @__PURE__ */ k({
   __name: "MetricsConsumer",
   props: {
     lookupKey: { default: void 0 },
-    cardSize: { default: q.Large },
+    cardSize: { default: F.Large },
     cardToDisplay: { default: void 0 }
   },
   setup(e) {
-    const r = e, t = ke(Me);
-    if (!t)
+    const t = e, r = ke(Oe);
+    if (!r)
       throw new Error("MetricsConsumer must be nested inside a MetricsProvider instance.");
-    const { traffic: a, latency: n } = t.data, { i18n: i } = K.useI18n(), u = K.useMetricCardBuilder({
-      cardType: O.TRAFFIC,
-      title: g(() => t.longCardTitles ? i.t("metricCard.long.traffic") : i.t("metricCard.short.traffic")),
+    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: r.lookupKey,
+      lookupKey: t.lookupKey,
       sumGroupedValues: Q,
       trendRange: a.trendRange
-    }), v = (m) => `${m.toFixed(ye)}%`, d = g(() => {
-      const m = a.mapped.value, b = j(m, "current", r.lookupKey, we), N = j(m, "current", r.lookupKey, Q), S = b / N * 100 || 0, h = j(m, "previous", r.lookupKey, we), H = j(m, "previous", r.lookupKey, Q), I = h / H * 100 || 0;
+    }), f = (m) => `${m.toFixed(ye)}%`, c = g(() => {
+      const m = a.mapped.value, S = Z(m, "current", t.lookupKey, we), T = Z(m, "current", t.lookupKey, Q), b = S / T * 100 || 0, h = Z(m, "previous", t.lookupKey, we), H = Z(m, "previous", t.lookupKey, Q), E = h / H * 100 || 0;
       return {
-        cardType: O.ERROR_RATE,
+        cardType: M.ERROR_RATE,
         hasError: a.hasError.value,
-        currentValue: S,
-        previousValue: I,
-        formatValueFn: v,
-        title: t.longCardTitles ? i.t("metricCard.long.errorRate") : i.t("metricCard.short.errorRate"),
+        currentValue: b,
+        previousValue: E,
+        formatValueFn: f,
+        title: r.longCardTitles ? i.t("metricCard.long.errorRate") : i.t("metricCard.short.errorRate"),
         increaseIsBad: !0,
         trendRange: a.trendRange.value
       };
     }), o = (m) => `${m}ms`, s = K.useMetricCardBuilder({
-      cardType: O.LATENCY,
+      cardType: M.LATENCY,
       title: g(() => {
-        const { longCardTitles: m, averageLatencies: b } = t, N = b.value ? "averageLatency" : "p99Latency";
-        return m ? i.t(`metricCard.long.${N}`) : i.t(`metricCard.short.${N}`);
+        const { longCardTitles: m, averageLatencies: S } = r, T = S.value ? "averageLatency" : "p99Latency";
+        return m ? i.t(`metricCard.long.${T}`) : i.t(`metricCard.short.${T}`);
       }),
       hasError: n.hasError,
       record: n.mapped,
-      lookupKey: r.lookupKey,
+      lookupKey: t.lookupKey,
       increaseIsBad: !0,
       formatValueFn: o,
       trendRange: n.trendRange
-    }), l = g(() => r.cardToDisplay === "TRAFFIC" ? [u.value] : r.cardToDisplay === "ERROR_RATE" ? [d.value] : r.cardToDisplay === "LATENCY" ? [s.value] : [u.value, d.value, s.value]), c = g(() => r.cardToDisplay === "TRAFFIC" || r.cardToDisplay === "ERROR_RATE" ? a.isLoading.value : r.cardToDisplay === "LATENCY" ? n.isLoading.value : a.isLoading.value || n.isLoading.value), f = g(() => ({
-      cards: l.value,
-      containerTitle: t.containerTitle.value,
-      containerDescription: t.description.value,
-      loading: c.value,
-      hasTrendAccess: t.hasTrendAccess.value,
+    }), u = g(() => t.cardToDisplay === "TRAFFIC" ? [l.value] : t.cardToDisplay === "ERROR_RATE" ? [c.value] : t.cardToDisplay === "LATENCY" ? [s.value] : [l.value, c.value, s.value]), d = g(() => t.cardToDisplay === "TRAFFIC" || t.cardToDisplay === "ERROR_RATE" ? a.isLoading.value : t.cardToDisplay === "LATENCY" ? n.isLoading.value : a.isLoading.value || n.isLoading.value), v = g(() => ({
+      cards: u.value,
+      containerTitle: r.containerTitle.value,
+      containerDescription: r.description.value,
+      loading: d.value,
+      hasTrendAccess: r.hasTrendAccess.value,
       fallbackDisplayText: i.t("general.notAvailable"),
       // If the parent container has a title, we enforce a Medium card size; otherwise, pass down provided cardSize
-      cardSize: t.containerTitle.value ? q.Medium : r.cardSize,
+      cardSize: r.containerTitle.value ? F.Medium : t.cardSize,
       hideTitle: !0
     })), C = g(() => ({
-      loading: f.value.loading,
-      trafficCard: u.value,
-      errorRateCard: d.value,
+      loading: v.value.loading,
+      trafficCard: l.value,
+      errorRateCard: c.value,
       latencyCard: s.value,
-      errorRateFormatted: v(d.value.currentValue),
+      errorRateFormatted: f(c.value.currentValue),
       latencyFormatted: o(s.value.currentValue)
     }));
-    return (m, b) => qe(m.$slots, "default", { cardValues: C.value }, () => [
-      X(_(di), We(Je(f.value)), null, 16)
+    return (m, S) => Le(m.$slots, "default", { cardValues: C.value }, () => [
+      X(ci, We(Je(v.value)), null, 16)
     ]);
   }
-}), re = (e) => new Date(e), hi = (e, r) => {
-  const t = e.body;
+}), te = (e) => new Date(e), Si = (e, t) => {
+  const r = e.body;
   e.reply({
     statusCode: 200,
-    body: ci(t, r)
+    body: fi(r, t)
   });
-}, xe = (e) => e.reduce((r, t) => (r[t] = { name: t }, r), {}), ci = (e, r) => {
+}, xe = (e) => e.reduce((t, r) => (t[r] = { name: r }, t), {}), fi = (e, t) => {
   var C, m;
-  const t = ie.get(ne.ONE_DAY), a = e.granularity === "trend" ? new rr(t) : new tr(t), n = a.endMs(), i = a.startMs(), u = a.granularityMs(), v = e.granularity === "trend" ? 2 : 1;
+  const r = ie.get(ne.ONE_DAY), a = e.granularity === "trend" ? new tt(r) : new rt(r), n = a.endMs(), i = a.startMs(), l = a.granularityMs(), f = e.granularity === "trend" ? 2 : 1;
   if ((e.dimensions ?? []).length > 2)
     throw new Error(`Explore only supports 0-2 dimensions; got: ${JSON.stringify(e.dimensions)}`);
-  const d = (e.dimensions ?? []).find((b) => b !== "time"), o = (r == null ? void 0 : r.dimensionNames) ?? [], s = Math.max(o.length, 1), l = e.metrics || [], c = [];
-  for (let b = 0; b < v; b++)
-    for (let N = 0; N < s; N++) {
-      const S = d ? { [d]: o[N] } : {};
+  const c = (e.dimensions ?? []).find((S) => S !== "time"), o = (t == null ? void 0 : t.dimensionNames) ?? [], s = Math.max(o.length, 1), u = e.metrics || [], d = [];
+  for (let S = 0; S < f; S++)
+    for (let T = 0; T < s; T++) {
+      const b = c ? { [c]: o[T] } : {};
       (C = e.dimensions) != null && C.includes("status_code_grouped") ? Q.forEach((h) => {
-        const H = l.reduce((I, $) => (I[$] = (v - b) * 1e3 + 100 * N + 1, I), { ...S, status_code_grouped: h });
-        c.push({
+        const H = u.reduce((E, B) => (E[B] = (f - S) * 1e3 + 100 * T + 1, E), { ...b, status_code_grouped: h });
+        d.push({
           version: "v1",
-          timestamp: b === 0 ? re(i).toISOString() : re(i + u).toISOString(),
+          timestamp: S === 0 ? te(i).toISOString() : te(i + l).toISOString(),
           event: H
         });
-      }) : c.push({
+      }) : d.push({
         version: "v1",
-        timestamp: b === 0 ? re(i).toISOString() : re(i + u).toISOString(),
-        event: l.reduce((h, H) => (h[H] = (v - b) * 1e3 + 100 * N + 1, h), { ...S })
+        timestamp: S === 0 ? te(i).toISOString() : te(i + l).toISOString(),
+        event: u.reduce((h, H) => (h[H] = (f - S) * 1e3 + 100 * T + 1, h), { ...b })
       });
     }
-  const f = {
+  const v = {
     start_ms: i,
     end_ms: n,
-    granularity_ms: u,
-    display: d ? {
-      [d]: xe(o),
+    granularity_ms: l,
+    display: c ? {
+      [c]: xe(o),
       ...(m = e.dimensions) != null && m.includes("status_code_grouped") ? { status_code_grouped: xe(Q) } : {}
     } : {},
     metric_names: e.metrics,
     query_id: "test"
   };
   return {
-    data: c,
-    meta: f
+    data: d,
+    meta: v
   };
 };
 export {
-  mi as MetricsConsumer,
-  yi as MetricsProvider,
-  ci as mockExploreResponse,
-  hi as mockExploreResponseFromCypress
+  Q as ALL_STATUS_CODE_GROUPS,
+  ft as DEFAULT_REFRESH_INTERVAL,
+  vt as INJECT_QUERY_PROVIDER,
+  ct as MAX_ANALYTICS_REQUEST_RETRIES,
+  F as MetricCardSize,
+  M as MetricCardType,
+  Ci as MetricsConsumer,
+  hi as MetricsProvider,
+  we as STATUS_CODES_FAILED,
+  mi as STATUS_CODES_SUCCESS,
+  fi as mockExploreResponse,
+  Si as mockExploreResponseFromCypress
 };