@kong-ui-public/dashboard-renderer 8.12.0 → 8.12.1

package/dist/{index-zjfp5EyV.js → index-Dd_Bn3Eb.js}

@@ -4,16 +4,16 @@ var Nt = (a) => {
 };
 var qi = (a, e, t) => e in a ? Mi(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var Lt = (a, e, t) => qi(a, typeof e != "symbol" ? e + "" : e, t), dt = (a, e, t) => e.has(a) || Nt("Cannot " + t);
-var _ = (a, e, t) => (dt(a, e, "read from private field"), t ? t.call(a) : e.get(a)), U = (a, e, t) => e.has(a) ? Nt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), B = (a, e, t, i) => (dt(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), K = (a, e, t) => (dt(a, e, "access private method"), t);
+var _ = (a, e, t) => (dt(a, e, "read from private field"), t ? t.call(a) : e.get(a)), U = (a, e, t) => e.has(a) ? Nt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), $ = (a, e, t, i) => (dt(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), K = (a, e, t) => (dt(a, e, "access private method"), t);
 var ze = (a, e, t, i) => ({
   set _(s) {
-    B(a, e, s, t);
+    $(a, e, s, t);
   },
   get _() {
     return _(a, e, i);
   }
 });
-import { ref as A, watchEffect as Xt, inject as me, provide as Pi, toRaw as Bi, computed as v, isRef as $i, isReactive as Fi, toRef as Ye, hasInjectionContext as At, onMounted as rt, watch as Ne, onUnmounted as Pe, getCurrentInstance as Gi, defineComponent as J, resolveComponent as le, unref as E, openBlock as R, createBlock as L, createSlots as nt, withCtx as M, createElementVNode as ee, toDisplayString as te, renderSlot as Le, createCommentVNode as X, normalizeStyle as je, normalizeClass as Se, createVNode as ge, mergeProps as Zt, createTextVNode as ot, createElementBlock as G, normalizeProps as Ui, guardReactiveProps as Wi, defineAsyncComponent as Jt, Fragment as pt, useCssVars as yt, useModel as ei, readonly as ct, nextTick as vt, resolveDynamicComponent as ti, toHandlers as Ki, mergeModels as Xe, renderList as ii, useTemplateRef as Ot } from "vue";
+import { ref as A, watchEffect as Xt, inject as me, provide as Pi, toRaw as $i, computed as v, isRef as Bi, isReactive as Fi, toRef as Ye, hasInjectionContext as At, onMounted as rt, watch as Ne, onUnmounted as Pe, getCurrentInstance as Gi, defineComponent as J, resolveComponent as le, unref as E, openBlock as R, createBlock as L, createSlots as nt, withCtx as M, createElementVNode as ee, toDisplayString as te, renderSlot as Le, createCommentVNode as X, normalizeStyle as je, normalizeClass as Se, createVNode as ge, mergeProps as Zt, createTextVNode as ot, createElementBlock as G, normalizeProps as Ui, guardReactiveProps as Wi, defineAsyncComponent as Jt, Fragment as pt, useCssVars as yt, useModel as ei, readonly as ct, nextTick as vt, resolveDynamicComponent as ti, toHandlers as Ki, mergeModels as Xe, renderList as ii, useTemplateRef as Ot } from "vue";
 import { msToGranularity as ft, TimePeriods as Qi, TIMEFRAME_LOOKUP as Vi, formatTime as Ht, EXPORT_RECORD_LIMIT as Yi } from "@kong-ui-public/analytics-utilities";
 import { handleQueryError as ji, SimpleChart as Xi, AnalyticsChart as Zi, TopNTable as Ji, CsvExportModal as es } from "@kong-ui-public/analytics-chart";
 import ts from "swrv";
@@ -133,7 +133,7 @@ function Cs() {
     // Translation component <i18n-t>
   };
 }
-const Be = 170, bt = 6, ye = "analytics-query-provider", It = "{entity-id}", Rs = "{cp-id}", Ts = "{timeframe}", ks = 30 * 1e3, Ss = 3e5, Ds = 36e5;
+const $e = 170, bt = 6, ye = "analytics-query-provider", It = "{entity-id}", Rs = "{cp-id}", ks = "{timeframe}", Ts = 30 * 1e3, Ss = 3e5, Ds = 36e5;
 function zs() {
   const a = me(ye);
   return {
@@ -183,9 +183,9 @@ var ri = { exports: {} };
   }, n.prototype.emit = function(l, h, u, f, g, p) {
     var y = t ? t + l : l;
     if (!this._events[y]) return !1;
-    var m = this._events[y], k = arguments.length, T, w;
+    var m = this._events[y], T = arguments.length, k, w;
     if (m.fn) {
-      switch (m.once && this.removeListener(l, m.fn, void 0, !0), k) {
+      switch (m.once && this.removeListener(l, m.fn, void 0, !0), T) {
         case 1:
           return m.fn.call(m.context), !0;
         case 2:
@@ -199,13 +199,13 @@ var ri = { exports: {} };
         case 6:
           return m.fn.call(m.context, h, u, f, g, p), !0;
       }
-      for (w = 1, T = new Array(k - 1); w < k; w++)
-        T[w - 1] = arguments[w];
-      m.fn.apply(m.context, T);
+      for (w = 1, k = new Array(T - 1); w < T; w++)
+        k[w - 1] = arguments[w];
+      m.fn.apply(m.context, k);
     } else {
       var O = m.length, I;
       for (w = 0; w < O; w++)
-        switch (m[w].once && this.removeListener(l, m[w].fn, void 0, !0), k) {
+        switch (m[w].once && this.removeListener(l, m[w].fn, void 0, !0), T) {
           case 1:
             m[w].fn.call(m[w].context);
             break;
@@ -219,9 +219,9 @@ var ri = { exports: {} };
             m[w].fn.call(m[w].context, h, u, f);
             break;
           default:
-            if (!T) for (I = 1, T = new Array(k - 1); I < k; I++)
-              T[I - 1] = arguments[I];
-            m[w].fn.apply(m[w].context, T);
+            if (!k) for (I = 1, k = new Array(T - 1); I < T; I++)
+              k[I - 1] = arguments[I];
+            m[w].fn.apply(m[w].context, k);
         }
     }
     return !0;
@@ -238,7 +238,7 @@ var ri = { exports: {} };
     if (p.fn)
       p.fn === h && (!f || p.once) && (!u || p.context === u) && o(this, g);
     else {
-      for (var y = 0, m = [], k = p.length; y < k; y++)
+      for (var y = 0, m = [], T = p.length; y < T; y++)
         (p[y].fn !== h || f && !p[y].once || u && p[y].context !== u) && m.push(p[y]);
       m.length ? this._events[g] = m.length === 1 ? m[0] : m : o(this, g);
     }
@@ -360,7 +360,7 @@ class Ms {
   }
 }
 re = new WeakMap();
-var xe, Ce, ve, He, Re, Ie, ne, Te, Z, Me, oe, ke, pe, qe, st, N, oi, ai, li, ui, hi, Ke, gt, mt, Qe, di, Ve;
+var xe, Ce, ve, He, Re, Ie, ne, ke, Z, Me, oe, Te, pe, qe, st, N, oi, ai, li, ui, hi, Ke, gt, mt, Qe, di, Ve;
 class qs extends As {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
@@ -374,12 +374,12 @@ class qs extends As {
     U(this, Re);
     U(this, Ie, 0);
     U(this, ne);
-    U(this, Te);
+    U(this, ke);
     U(this, Z);
     U(this, Me);
     U(this, oe, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
-    U(this, ke);
+    U(this, Te);
     U(this, pe);
     U(this, qe);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
@@ -402,15 +402,15 @@ class qs extends As {
       throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${((i = t.intervalCap) == null ? void 0 : i.toString()) ?? ""}\` (${typeof t.intervalCap})`);
     if (t.interval === void 0 || !(Number.isFinite(t.interval) && t.interval >= 0))
       throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${((s = t.interval) == null ? void 0 : s.toString()) ?? ""}\` (${typeof t.interval})`);
-    B(this, xe, t.carryoverConcurrencyCount), B(this, Ce, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), B(this, He, t.intervalCap), B(this, Re, t.interval), B(this, Z, new t.queueClass()), B(this, Me, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, B(this, qe, t.throwOnTimeout === !0), B(this, pe, t.autoStart === !1);
+    $(this, xe, t.carryoverConcurrencyCount), $(this, Ce, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), $(this, He, t.intervalCap), $(this, Re, t.interval), $(this, Z, new t.queueClass()), $(this, Me, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, $(this, qe, t.throwOnTimeout === !0), $(this, pe, t.autoStart === !1);
   }
   get concurrency() {
-    return _(this, ke);
+    return _(this, Te);
   }
   set concurrency(t) {
     if (!(typeof t == "number" && t >= 1))
       throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${t}\` (${typeof t})`);
-    B(this, ke, t), K(this, N, Qe).call(this);
+    $(this, Te, t), K(this, N, Qe).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -485,19 +485,19 @@ class qs extends As {
   Start (or resume) executing enqueued tasks within concurrency limit. No need to call this if queue is not paused (via `options.autoStart = false` or by `.pause()` method.)
   */
   start() {
-    return _(this, pe) ? (B(this, pe, !1), K(this, N, Qe).call(this), this) : this;
+    return _(this, pe) ? ($(this, pe, !1), K(this, N, Qe).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
   */
   pause() {
-    B(this, pe, !0);
+    $(this, pe, !0);
   }
   /**
   Clear the queue.
   */
   clear() {
-    B(this, Z, new (_(this, Me))());
+    $(this, Z, new (_(this, Me))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -552,29 +552,29 @@ class qs extends As {
     return _(this, pe);
   }
 }
-xe = new WeakMap(), Ce = new WeakMap(), ve = new WeakMap(), He = new WeakMap(), Re = new WeakMap(), Ie = new WeakMap(), ne = new WeakMap(), Te = new WeakMap(), Z = new WeakMap(), Me = new WeakMap(), oe = new WeakMap(), ke = new WeakMap(), pe = new WeakMap(), qe = new WeakMap(), st = new WeakMap(), N = new WeakSet(), oi = function() {
+xe = new WeakMap(), Ce = new WeakMap(), ve = new WeakMap(), He = new WeakMap(), Re = new WeakMap(), Ie = new WeakMap(), ne = new WeakMap(), ke = new WeakMap(), Z = new WeakMap(), Me = new WeakMap(), oe = new WeakMap(), Te = new WeakMap(), pe = new WeakMap(), qe = new WeakMap(), st = new WeakMap(), N = new WeakSet(), oi = function() {
   return _(this, Ce) || _(this, ve) < _(this, He);
 }, ai = function() {
-  return _(this, oe) < _(this, ke);
+  return _(this, oe) < _(this, Te);
 }, li = function() {
   ze(this, oe)._--, K(this, N, Ke).call(this), this.emit("next");
 }, ui = function() {
-  K(this, N, mt).call(this), K(this, N, gt).call(this), B(this, Te, void 0);
+  K(this, N, mt).call(this), K(this, N, gt).call(this), $(this, ke, void 0);
 }, hi = function() {
   const t = Date.now();
   if (_(this, ne) === void 0) {
     const i = _(this, Ie) - t;
     if (i < 0)
-      B(this, ve, _(this, xe) ? _(this, oe) : 0);
+      $(this, ve, _(this, xe) ? _(this, oe) : 0);
     else
-      return _(this, Te) === void 0 && B(this, Te, setTimeout(() => {
+      return _(this, ke) === void 0 && $(this, ke, setTimeout(() => {
         K(this, N, ui).call(this);
       }, i)), !0;
   }
   return !1;
 }, Ke = function() {
   if (_(this, Z).size === 0)
-    return _(this, ne) && clearInterval(_(this, ne)), B(this, ne, void 0), this.emit("empty"), _(this, oe) === 0 && this.emit("idle"), !1;
+    return _(this, ne) && clearInterval(_(this, ne)), $(this, ne, void 0), this.emit("empty"), _(this, oe) === 0 && this.emit("idle"), !1;
   if (!_(this, pe)) {
     const t = !_(this, N, hi);
     if (_(this, N, oi) && _(this, N, ai)) {
@@ -584,11 +584,11 @@ xe = new WeakMap(), Ce = new WeakMap(), ve = new WeakMap(), He = new WeakMap(),
   }
   return !1;
 }, gt = function() {
-  _(this, Ce) || _(this, ne) !== void 0 || (B(this, ne, setInterval(() => {
+  _(this, Ce) || _(this, ne) !== void 0 || ($(this, ne, setInterval(() => {
     K(this, N, mt).call(this);
-  }, _(this, Re))), B(this, Ie, Date.now() + _(this, Re)));
+  }, _(this, Re))), $(this, Ie, Date.now() + _(this, Re)));
 }, mt = function() {
-  _(this, ve) === 0 && _(this, oe) === 0 && _(this, ne) && (clearInterval(_(this, ne)), B(this, ne, void 0)), B(this, ve, _(this, xe) ? _(this, oe) : 0), K(this, N, Qe).call(this);
+  _(this, ve) === 0 && _(this, oe) === 0 && _(this, ne) && (clearInterval(_(this, ne)), $(this, ne, void 0)), $(this, ve, _(this, xe) ? _(this, oe) : 0), K(this, N, Qe).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
@@ -634,23 +634,23 @@ const Ps = () => {
  * (c) 2025 Eduardo San Martin Morote
  * @license MIT
  */
-const Bs = typeof window < "u";
+const $s = typeof window < "u";
 let Pt;
 process.env.NODE_ENV;
-const Bt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+const $t = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
   /* istanbul ignore next */
   Symbol()
 );
-var $t;
+var Bt;
 (function(a) {
   a.direct = "direct", a.patchObject = "patch object", a.patchFunction = "patch function";
-})($t || ($t = {}));
+})(Bt || (Bt = {}));
 process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
 function wt(a) {
-  const e = Bi(a), t = {};
+  const e = $i(a), t = {};
   for (const i in e) {
     const s = e[i];
     s.effect ? t[i] = // ...
@@ -659,12 +659,12 @@ function wt(a) {
       set(r) {
         a[i] = r;
       }
-    }) : ($i(s) || Fi(s)) && (t[i] = // ---
+    }) : (Bi(s) || Fi(s)) && (t[i] = // ---
     Ye(a, i));
   }
   return t;
 }
-const $s = [
+const Bs = [
   "basic",
   "api_usage",
   "llm_usage",
@@ -686,7 +686,7 @@ function Fs({
   const f = v(() => d.analytics && d.percentiles), g = v(() => {
     const z = t.value.chart.type;
     return ["golden_signals", "gauge"].includes(z) ? !1 : z === "top_n" ? e.value.editable || e.value.showTileActions : !0;
-  }), p = v(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && t.value.query.datasource !== "platform" && f.value && !u.value), y = v(() => s.value && t.value.query && $s.includes(t.value.query.datasource) && f.value && !u.value), m = v(() => i.value ? ft(i.value.meta.granularity_ms) : void 0), k = v(() => {
+  }), p = v(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && t.value.query.datasource !== "platform" && f.value && !u.value), y = v(() => s.value && t.value.query && Bs.includes(t.value.query.datasource) && f.value && !u.value), m = v(() => i.value ? ft(i.value.meta.granularity_ms) : void 0), T = v(() => {
     var he;
     const z = [...e.value.filters, ...t.value.query.filters ?? []], q = t.value.query.metrics, W = ((he = t.value.query) == null ? void 0 : he.datasource) ?? "api_usage";
     return h.value({
@@ -694,22 +694,22 @@ function Fs({
       filters: z,
       metrics: q
     });
-  }), T = v(() => {
+  }), k = v(() => {
     if (!y.value || !g.value)
       return "";
-    const z = k.value, q = t.value.query.time_range || e.value.timeSpec, W = Ee(q, z);
+    const z = T.value, q = t.value.query.time_range || e.value.timeSpec, W = Ee(q, z);
     return V(W);
   }), w = v(() => {
     if (!p.value || !g.value)
       return "";
-    const z = k.value, q = I(
+    const z = T.value, q = I(
       t.value.query.time_range || e.value.timeSpec,
       z
     );
     return O(q);
   }), O = (z) => p.value ? `${r.value}?q=${JSON.stringify(z)}` : "", I = (z, q) => {
-    var D, H, $, P;
-    const W = (H = (D = i.value) == null ? void 0 : D.meta) != null && H.start ? new Date(i.value.meta.start) : void 0, he = (P = ($ = i.value) == null ? void 0 : $.meta) != null && P.end ? new Date(i.value.meta.end) : void 0;
+    var D, H, B, P;
+    const W = (H = (D = i.value) == null ? void 0 : D.meta) != null && H.start ? new Date(i.value.meta.start) : void 0, he = (P = (B = i.value) == null ? void 0 : B.meta) != null && P.end ? new Date(i.value.meta.end) : void 0;
     return {
       filter: q,
       timeframe: {
@@ -743,7 +743,7 @@ function Fs({
   return Ne([p, y], ([z, q]) => {
     z && (o.value = { href: "" }), q && (n.value = { href: "" });
   }), {
-    exploreLinkKebabMenu: T,
+    exploreLinkKebabMenu: k,
     requestsLinkKebabMenu: w,
     canShowKebabMenu: g,
     canGenerateRequestsLink: p,
@@ -809,16 +809,16 @@ function Us({
     var p, y, m;
     let { tz: d, refreshInterval: l, editable: h, showTileActions: u } = a.value;
     const f = [...a.value.filters ?? [], ...e.value];
-    if (d || (d = new Intl.DateTimeFormat().resolvedOptions().timeZone), l === void 0 && (l = ks), t.value) {
-      let k = !1;
+    if (d || (d = new Intl.DateTimeFormat().resolvedOptions().timeZone), l === void 0 && (l = Ts), t.value) {
+      let T = !1;
       if (r.value.type === "relative")
-        k = ["15m", "1h", "6h", "12h", "24h"].includes(r.value.time_range);
+        T = ["15m", "1h", "6h", "12h", "24h"].includes(r.value.time_range);
       else {
         const O = r.value.start.getTime(), I = r.value.end.getTime();
-        k = Math.abs(I - O) <= 864e5;
+        T = Math.abs(I - O) <= 864e5;
       }
-      const T = (/* @__PURE__ */ new Date()).getTime();
-      r.value.type === "absolute" && r.value.end.getTime() < T || r.value.type === "relative" && ["previous_week", "previous_month"].includes(r.value.time_range) ? l = 0 : k ? l = Ss : l = Ds;
+      const k = (/* @__PURE__ */ new Date()).getTime();
+      r.value.type === "absolute" && r.value.end.getTime() < k || r.value.type === "relative" && ["previous_week", "previous_month"].includes(r.value.time_range) ? l = 0 : T ? l = Ss : l = Ds;
     }
     (h === void 0 || i.value) && (h = !1), u === void 0 && (u = !0);
     const g = !i.value && !!((m = (y = (p = Gi()) == null ? void 0 : p.vnode) == null ? void 0 : y.props) != null && m.onTileTimeRangeZoom);
@@ -870,12 +870,12 @@ const ae = {
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
     }), { state: u, swrvState: f } = ms(d, l, h), g = A(null), p = v(() => u.value === f.ERROR || !!g.value), y = v(() => !t.queryReady || u.value === f.PENDING);
-    return Ne([() => d.value, () => u.value], ([m, k]) => {
-      m && (k === "SUCCESS_HAS_DATA" || k === "SUCCESS") && i("chart-data", m);
-    }), (m, k) => {
+    return Ne([() => d.value, () => u.value], ([m, T]) => {
+      m && (T === "SUCCESS_HAS_DATA" || T === "SUCCESS") && i("chart-data", m);
+    }), (m, T) => {
       var O;
-      const T = le("KSkeleton"), w = le("KEmptyState");
-      return y.value || !E(d) && !p.value ? (R(), L(T, {
+      const k = le("KSkeleton"), w = le("KEmptyState");
+      return y.value || !E(d) && !p.value ? (R(), L(k, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
@@ -1313,10 +1313,10 @@ const ae = {
     }), g = v(() => async ({ cursor: y, pageSize: m }) => {
       try {
         await r.isReady();
-        const k = er[u.value.datasource];
-        if (!k)
+        const T = er[u.value.datasource];
+        if (!T)
           throw new Error(`No table data grid fetcher found for datasource: ${u.value.datasource}`);
-        const T = await k({
+        const k = await T({
           abortController: n,
           context: t.context,
           cursor: y,
@@ -1328,15 +1328,15 @@ const ae = {
           stripUnknownFilters: r.stripUnknownFilters,
           tabularQueryFn: s == null ? void 0 : s.tabularQueryFn
         });
-        return l.value = !1, T;
-      } catch (k) {
-        throw l.value = !0, k;
+        return l.value = !1, k;
+      } catch (T) {
+        throw l.value = !0, T;
       }
     }), p = (y) => {
       y.state === "error" && (l.value = !0), i("loading-change", y.state === "loading");
     };
     return (y, m) => {
-      const k = le("KSkeleton");
+      const T = le("KSkeleton");
       return R(), G("div", {
         class: "table-data-grid-renderer",
         style: je(h.value)
@@ -1349,7 +1349,7 @@ const ae = {
           "page-size": a.query.page_size,
           "refresh-key": a.refreshCounter,
           onState: p
-        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (R(), L(k, {
+        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (R(), L(T, {
           key: 0,
           "data-testid": "table-skeleton",
           type: "table"
@@ -1387,7 +1387,7 @@ const ae = {
   props: /* @__PURE__ */ Xe({
     context: {},
     definition: {},
-    height: { default: Be },
+    height: { default: $e },
     isFullscreen: { type: Boolean },
     hideActions: { type: Boolean, default: !1 },
     hideZoomActions: { type: Boolean, default: !1 },
@@ -1402,23 +1402,23 @@ const ae = {
   emits: /* @__PURE__ */ Xe(["chart-data", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
   setup(a, { expose: e, emit: t }) {
     yt((x) => ({
-      v5204e4b8: `${x.height}px`
+      v12c7630b: `${x.height}px`
     }));
     const i = parseInt(ci, 10), s = a, r = ei(a, "refreshCounter"), o = () => {
-      T.value = !0, r.value++;
-    }, n = t, d = Jt(() => import("./GeoMapRenderer-RHTs5klO.js")), l = me(ye), h = at(), { stripUnknownFilters: u } = wt(h), { i18n: f } = ae.useI18n(), g = A(), p = A({ status: "loading" }), y = A(!1), m = A(), k = A(!1), T = A(!0), w = v(() => s.tileType === "table"), O = v(() => s.definition), I = v(() => s.definition), Q = v(() => O.value.chart), Ee = v(() => "chart_title" in Q.value ? Q.value.chart_title : void 0), V = v(() => {
+      k.value = !0, r.value++;
+    }, n = t, d = Jt(() => import("./GeoMapRenderer-BLA2uZXF.js")), l = me(ye), h = at(), { stripUnknownFilters: u } = wt(h), { i18n: f } = ae.useI18n(), g = A(), p = A({ status: "loading" }), y = A(!1), m = A(), T = A(!1), k = A(!0), w = v(() => s.tileType === "table"), O = v(() => s.definition), I = v(() => s.definition), Q = v(() => O.value.chart), Ee = v(() => "chart_title" in Q.value ? Q.value.chart_title : void 0), V = v(() => {
       var x;
       return w.value ? (x = I.value) == null ? void 0 : x.config.title : Ee.value;
     }), z = v(() => !w.value && "description" in Q.value ? Q.value.description : void 0), q = v(() => w.value ? "table" : Q.value.type), W = v(() => !w.value && Q.value.type === "slottable"), he = v(() => w.value ? !1 : !("allow_csv_export" in Q.value) || Q.value.allow_csv_export !== !1), {
       exploreLinkKebabMenu: D,
       requestsLinkKebabMenu: H,
-      canShowKebabMenu: $,
+      canShowKebabMenu: B,
       canGenerateRequestsLink: P,
       canGenerateExploreLink: ie,
-      requestsLinkZoomActions: $e,
+      requestsLinkZoomActions: Be,
       exploreLinkZoomActions: Fe,
       buildExploreQuery: Ge,
-      buildExploreLink: Tt,
+      buildExploreLink: kt,
       buildRequestLink: Ue,
       buildRequestsQueryZoomActions: mi
     } = ae.useContextLinks({
@@ -1428,13 +1428,13 @@ const ae = {
       context: ct(Ye(s, "context"))
     }), { issueQuery: pi } = ae.useIssueQuery();
     Ne(() => s.definition, async (x, S) => {
-      await vt(), m.value && (k.value = m.value.scrollWidth > m.value.clientWidth);
+      await vt(), m.value && (T.value = m.value.scrollWidth > m.value.clientWidth);
       try {
-        JSON.stringify(x == null ? void 0 : x.query) !== JSON.stringify(S == null ? void 0 : S.query) && (T.value = !0);
+        JSON.stringify(x == null ? void 0 : x.query) !== JSON.stringify(S == null ? void 0 : S.query) && (k.value = !0);
       } catch {
       }
     }, { immediate: !0, deep: !0 });
-    const yi = v(() => f.t("csvExport.defaultFilename")), ut = v(() => w.value ? s.context.editable : !!D.value || he.value || s.context.editable), vi = v(() => !w.value && $.value && ut.value), _i = v(() => w.value && s.context.editable), We = v(() => !s.hideActions && (vi.value || _i.value)), bi = v(() => We.value && ut.value && !s.isFullscreen), wi = v(() => !w.value && Q.value.type === "golden_signals" && !!z.value), Ei = {
+    const yi = v(() => f.t("csvExport.defaultFilename")), ut = v(() => w.value ? s.context.editable : !!D.value || he.value || s.context.editable), vi = v(() => !w.value && B.value && ut.value), _i = v(() => w.value && s.context.editable), We = v(() => !s.hideActions && (vi.value || _i.value)), bi = v(() => We.value && ut.value && !s.isFullscreen), wi = v(() => !w.value && Q.value.type === "golden_signals" && !!z.value), Ei = {
       timeseries_line: Ut,
       timeseries_bar: Ut,
       horizontal_bar: Gt,
@@ -1482,7 +1482,7 @@ const ae = {
           chartOptions: x.chart,
           height: s.height - i * 2,
           refreshCounter: r.value,
-          requestsLink: s.hideZoomActions ? void 0 : $e.value,
+          requestsLink: s.hideZoomActions ? void 0 : Be.value,
           exploreLink: s.hideZoomActions ? void 0 : Fe.value
         },
         rendererEvents: {
@@ -1507,14 +1507,14 @@ const ae = {
         return `${Ht(S.start, { short: !0, tz: Y })} - ${Ht(S.end, { short: !0, tz: Y })}`;
       }
       return null;
-    }), kt = v(() => W.value ? !1 : [
+    }), Tt = v(() => W.value ? !1 : [
       !!V.value,
       bi.value,
       !!ht.value,
       wi.value,
       s.showRefresh
     ].some(Boolean)), St = v(() => g.value ? ft(g.value.meta.granularity_ms) : void 0), Ci = v(() => !w.value && ["timeseries_line", "timeseries_bar"].includes(Q.value.type)), Dt = v(() => {
-      if (!Ci.value || !s.queryReady || T.value)
+      if (!Ci.value || !s.queryReady || k.value)
         return !1;
       const x = O.value.query.granularity;
       return !x || !St.value ? !1 : x !== St.value;
@@ -1525,7 +1525,7 @@ const ae = {
         currentGranularity: f.t(`granularities.${x}`),
         savedGranularity: f.t(`granularities.${S}`)
       });
-    }), Ti = v(() => {
+    }), ki = v(() => {
       if (w.value)
         return [];
       const x = [...s.context.filters, ...O.value.query.filters ?? []], S = O.value.query.metrics, F = O.value.query.datasource ?? "api_usage";
@@ -1534,16 +1534,16 @@ const ae = {
         filters: x,
         metrics: S
       });
-    }), ki = () => {
+    }), Ti = () => {
       n("edit-tile", s.definition);
     }, Si = () => {
       n("duplicate-tile", s.definition);
     }, Di = () => {
       n("remove-tile", s.definition);
     }, zi = (x) => {
-      g.value = x, T.value = !1, n("chart-data", x);
+      g.value = x, k.value = !1, n("chart-data", x);
     }, Ni = (x) => {
-      T.value = x;
+      k.value = x;
     }, Li = () => {
       y.value = !1;
     }, zt = () => {
@@ -1575,22 +1575,22 @@ const ae = {
       };
       n("tile-bounds-change", S);
     }, Ii = (x) => {
-      const S = Ti.value, F = Ge(x, S);
-      Fe.value = ie.value ? { href: Tt(F) } : void 0, $e.value = P.value ? { href: Ue(mi(x, S)) } : void 0;
+      const S = ki.value, F = Ge(x, S);
+      Fe.value = ie.value ? { href: kt(F) } : void 0, Be.value = P.value ? { href: Ue(mi(x, S)) } : void 0;
     };
     return e({ getExportData: zt }), (x, S) => {
       const F = le("KTooltip"), Y = le("KBadge"), De = le("KButton"), de = le("KDropdownItem"), we = le("KDropdown");
       return R(), G("div", {
         class: Se(["tile-boundary", {
           editable: a.context.editable,
-          headless: !kt.value
+          headless: !Tt.value
         }]),
         "data-testid": `tile-${a.tileId}`
       }, [
-        kt.value && !W.value ? (R(), G("div", or, [
+        Tt.value && !W.value ? (R(), G("div", or, [
           ge(F, {
             class: "title-tooltip",
-            disabled: !k.value,
+            disabled: !T.value,
             "max-width": "500",
             text: V.value
           }, {
@@ -1618,7 +1618,9 @@ const ae = {
               Dt.value ? {
                 name: "icon",
                 fn: M(() => [
-                  ge(E(os), { size: E(sr) }, null, 8, ["size"])
+                  ge(E(os), {
+                    size: `var(--kui-icon-size-20, ${E(sr)})`
+                  }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
@@ -1629,21 +1631,21 @@ const ae = {
               appearance: "secondary",
               class: "refresh-button",
               "data-testid": `tile-refresh-button-${a.tileId}`,
-              disabled: T.value,
+              disabled: k.value,
               icon: "",
               size: "small",
               onClick: o
             }, {
               default: M(() => [
-                T.value ? (R(), L(E(as), {
+                k.value ? (R(), L(E(as), {
                   key: 0,
                   role: "button",
-                  size: E(Vt),
+                  size: `var(--kui-icon-size-60, ${E(Vt)})`,
                   tabindex: "0"
                 }, null, 8, ["size"])) : (R(), L(E(ls), {
                   key: 1,
                   role: "button",
-                  size: E(Vt),
+                  size: `var(--kui-icon-size-60, ${E(Vt)})`,
                   tabindex: "0"
                 }, null, 8, ["size"]))
               ]),
@@ -1658,10 +1660,10 @@ const ae = {
             We.value && a.context.editable && !a.isFullscreen ? (R(), L(E(us), {
               key: 0,
               class: "edit-icon",
-              color: E(Kt),
+              color: `var(--kui-color-text-neutral, ${E(Kt)})`,
               "data-testid": `edit-tile-${a.tileId}`,
-              size: E(Qt),
-              onClick: ki
+              size: `var(--kui-icon-size-40, ${E(Qt)})`,
+              onClick: Ti
             }, null, 8, ["color", "data-testid", "size"])) : X("", !0),
             We.value && ut.value && !a.isFullscreen ? (R(), L(we, {
               key: 1,
@@ -1718,9 +1720,9 @@ const ae = {
               default: M(() => [
                 ge(E(hs), {
                   class: "kebab-action-menu",
-                  color: E(Kt),
+                  color: `var(--kui-color-text-neutral, ${E(Kt)})`,
                   "data-testid": `kebab-action-menu-${a.tileId}`,
-                  size: E(Qt)
+                  size: `var(--kui-icon-size-40, ${E(Qt)})`
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
@@ -1747,7 +1749,7 @@ const ae = {
       ], 10, nr);
     };
   }
-}), fi = /* @__PURE__ */ _e(mr, [["__scopeId", "data-v-e1796421"]]), pr = (a, e) => {
+}), fi = /* @__PURE__ */ _e(mr, [["__scopeId", "data-v-af28753b"]]), pr = (a, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -1764,7 +1766,7 @@ const ae = {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => Be
+      default: () => $e
     },
     columns: {
       type: Number,
@@ -3365,8 +3367,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         this.engine.nodes.forEach((m) => {
           y = Math.max(y, m.y + m.h);
         }), p.forEach((m) => {
-          const k = m.el;
-          k && (m._removeDOM ? (k && k.remove(), delete m._removeDOM) : this._writePosAttr(k, m));
+          const T = m.el;
+          T && (m._removeDOM ? (T && T.remove(), delete m._removeDOM) : this._writePosAttr(T, m));
         }), this._updateStyles(!1, y);
       }
     }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((p) => this._prepareElement(p)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
@@ -3447,8 +3449,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     t.column === "auto" && (d = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
     let l = r.el.querySelector(".grid-stack-item-content"), h, u;
     if (s && (this._removeDD(r.el), u = { ...r, x: 0, y: 0 }, c.removeInternalForSave(u), delete u.subGridOpts, r.content && (u.content = r.content, delete r.content), b.addRemoveCB ? h = b.addRemoveCB(this.el, u, !0, !1) : (h = c.createDiv(["grid-stack-item"]), h.appendChild(l), l = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const m = d ? t.column : r.w, k = r.h + i.h, T = r.el.style;
-      T.transition = "none", this.update(r.el, { w: m, h: k }), setTimeout(() => T.transition = null);
+      const m = d ? t.column : r.w, T = r.h + i.h, k = r.el.style;
+      k.transition = "none", this.update(r.el, { w: m, h: T }), setTimeout(() => k.transition = null);
     }
     const f = r.subGrid = b.addGrid(l, t);
     return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(h, u), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
@@ -4426,8 +4428,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       const m = i.position.top - s._prevYPix;
       s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, m);
-      const k = i.position.left + (i.position.left > s._lastUiPosition.left ? -h : l), T = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : u);
-      n.x = Math.round(k / r), n.y = Math.round(T / o);
+      const T = i.position.left + (i.position.left > s._lastUiPosition.left ? -h : l), k = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : u);
+      n.x = Math.round(T / r), n.y = Math.round(k / o);
       const w = this._extraDragRow;
       if (this.engine.collide(s, n)) {
         const O = this.getRow();
@@ -4440,8 +4442,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     } else if (t.type === "resize") {
       if (n.x < 0 || (c.updateScrollResize(t, e, o), n.w = Math.round((i.size.width - l) / r), n.h = Math.round((i.size.height - u) / o), s.w === n.w && s.h === n.h) || s._lastTried && s._lastTried.w === n.w && s._lastTried.h === n.h)
         return;
-      const m = i.position.left + l, k = i.position.top + u;
-      n.x = Math.round(m / r), n.y = Math.round(k / o), d = !0;
+      const m = i.position.left + l, T = i.position.top + u;
+      n.x = Math.round(m / r), n.y = Math.round(T / o), d = !0;
     }
     s._event = t, s._lastTried = n;
     const y = {
@@ -4485,7 +4487,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
-    tileHeight: { default: Be },
+    tileHeight: { default: $e },
     columns: { default: bt }
   },
   emits: ["update-tiles"],
@@ -4566,7 +4568,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       ], 8, xr))), 128))
     ], 512));
   }
-}), Tr = /* @__PURE__ */ _e(Rr, [["__scopeId", "data-v-1fdec94c"]]), kr = (a) => a.type === "slottable", Sr = (a) => {
+}), kr = /* @__PURE__ */ _e(Rr, [["__scopeId", "data-v-1fdec94c"]]), Tr = (a) => a.type === "slottable", Sr = (a) => {
   const e = a.meta, t = {
     ...e.config,
     title: e.config.title ? `Copy of ${e.config.title}` : ""
@@ -4587,7 +4589,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
     }
   };
 }, Dr = (a) => {
-  const e = a.meta, t = kr(e.chart) ? { ...e.chart } : {
+  const e = a.meta, t = Tr(e.chart) ? { ...e.chart } : {
     ...e.chart,
     chart_title: e.chart.chart_title ? `Copy of ${e.chart.chart_title}` : ""
   };
@@ -4624,24 +4626,24 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
   emits: /* @__PURE__ */ Xe(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
   setup(a, { expose: e, emit: t }) {
     yt((D) => ({
-      v85250cfc: h.value
+      v3094ce86: h.value
     }));
     const i = t, s = ei(a, "modelValue"), { i18n: r } = ae.useI18n(), o = A(0), n = A(null), d = A(), l = A(), h = A("scale(1)"), u = me(ye);
     u || (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/dashboard-renderer/README.md#requirements")), ae.useRequestQueue();
     const f = (D, H) => {
-      const $ = D.layout.position.row - H.layout.position.row;
-      return $ !== 0 ? $ : D.layout.position.col - H.layout.position.col;
+      const B = D.layout.position.row - H.layout.position.row;
+      return B !== 0 ? B : D.layout.position.col - H.layout.position.col;
     }, g = v(() => s.value.tiles.map((D) => {
       var ie;
       let H = D.definition;
-      const $ = D.type ?? "chart", P = H.chart;
-      if ($ === "chart" && "description" in P) {
-        const $e = H, Fe = (ie = P.description) == null ? void 0 : ie.replace(Ts, () => {
+      const B = D.type ?? "chart", P = H.chart;
+      if (B === "chart" && "description" in P) {
+        const Be = H, Fe = (ie = P.description) == null ? void 0 : ie.replace(ks, () => {
           const { timeSpec: Ge } = W.value, Ue = `renderer.trendRange.${Ge.type === "absolute" ? "custom" : Ge.time_range}`;
           return r.te(Ue) ? r.t(Ue) : "";
         });
         H = {
-          ...$e,
+          ...Be,
           chart: {
             ...P,
             description: Fe
@@ -4655,16 +4657,16 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       ), {
         layout: D.layout,
         meta: H,
-        type: $,
+        type: B,
         // Add a unique key to each tile internally.
         id: D.id ?? crypto.randomUUID()
       };
     })), p = (D) => {
       i("edit-tile", D);
-    }, y = (D) => D.type === "chart" && D.meta.chart.type === "slottable", m = (D) => D.type === "slottable", k = (D) => {
+    }, y = (D) => D.type === "chart" && D.meta.chart.type === "slottable", m = (D) => D.type === "slottable", T = (D) => {
       const H = D.meta.chart;
       return m(H) ? H.id : void 0;
-    }, T = (D) => {
+    }, k = (D) => {
       try {
         const H = D.type === "table" ? Sr(D) : Dr(D);
         s.value.tiles.push(JSON.parse(JSON.stringify(H)));
@@ -4676,16 +4678,16 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
     }, O = () => {
       o.value++;
     }, I = (D) => {
-      const H = D.map(($) => ({
-        id: $.id,
-        type: $.type,
-        layout: $.layout,
-        definition: $.meta
+      const H = D.map((B) => ({
+        id: B.id,
+        type: B.type,
+        layout: B.layout,
+        definition: B.meta
       }));
       s.value.tiles = H.sort(f);
     }, Q = async () => {
       if (h.value = "scale(1)", await vt(), l.value) {
-        const { availWidth: D, availHeight: H } = window.screen, { width: $, height: P } = l.value.getBoundingClientRect(), ie = Math.min(H / P, D / $);
+        const { availWidth: D, availHeight: H } = window.screen, { width: B, height: P } = l.value.getBoundingClientRect(), ie = Math.min(H / P, D / B);
         h.value = `scale(${ie})`;
       }
     }, Ee = () => {
@@ -4702,7 +4704,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       refresh: O,
       toggleFullscreen: Ee
     }), (D, H) => {
-      const $ = le("KAlert");
+      const B = le("KAlert");
       return R(), G("div", {
         ref_key: "dashboardContainer",
         ref: d,
@@ -4717,7 +4719,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
           E(u) && V.value ? (R(), G("div", zr, [
             Le(D.$slots, "fullscreenHeader", {}, void 0, !0)
           ])) : X("", !0),
-          E(u) ? (R(), L(ti(E(W).editable && !V.value ? Tr : vr), {
+          E(u) ? (R(), L(ti(E(W).editable && !V.value ? kr : vr), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: n,
@@ -4728,7 +4730,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
           }, {
             tile: M(({ tile: P }) => [
               y(P) ? (R(), G("div", Nr, [
-                Le(D.$slots, k(P), {}, void 0, !0)
+                Le(D.$slots, T(P), {}, void 0, !0)
               ])) : (R(), L(fi, {
                 key: V.value ? `${P.id}-tile` : `${P.id}-tile-fullscreen`,
                 "refresh-counter": o.value,
@@ -4736,21 +4738,21 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
                 class: "tile-container",
                 context: E(W),
                 definition: P.meta,
-                height: P.layout.size.rows * (s.value.tile_height || E(Be)) + parseInt(E(ci), 10),
+                height: P.layout.size.rows * (s.value.tile_height || E($e)) + parseInt(E(ci), 10),
                 "hide-actions": !E(W).showTileActions,
                 "hide-zoom-actions": !E(W).showTileZoomActions,
                 "is-fullscreen": V.value,
                 "query-ready": E(he),
                 "tile-id": P.id,
                 "tile-type": P.type,
-                onDuplicateTile: (ie) => T(P),
+                onDuplicateTile: (ie) => k(P),
                 onEditTile: (ie) => p(P),
                 onRemoveTile: (ie) => w(P),
                 onTileTimeRangeZoom: H[1] || (H[1] = (ie) => i("tile-time-range-zoom", ie))
               }, null, 8, ["refresh-counter", "context", "definition", "height", "hide-actions", "hide-zoom-actions", "is-fullscreen", "query-ready", "tile-id", "tile-type", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
             ]),
             _: 3
-          }, 40, ["columns", "tile-height", "tiles"])) : (R(), L($, {
+          }, 40, ["columns", "tile-height", "tiles"])) : (R(), L(B, {
             key: 1,
             appearance: "danger"
           }, {
@@ -4763,7 +4765,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       ], 34);
     };
   }
-}), Qr = /* @__PURE__ */ _e(Lr, [["__scopeId", "data-v-a69d2a14"]]), Vr = /* @__PURE__ */ J({
+}), Qr = /* @__PURE__ */ _e(Lr, [["__scopeId", "data-v-50b17902"]]), Vr = /* @__PURE__ */ J({
   __name: "DashboardTilePreview",
   props: {
     context: {},
@@ -4773,25 +4775,25 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
   },
   emits: ["chart-data", "tile-time-range-zoom", "tile-bounds-change"],
   setup(a, { expose: e, emit: t }) {
-    const i = Ot("root"), s = Ot("dashboard-tile"), r = crypto.randomUUID(), o = t, n = (T) => {
-      o("tile-time-range-zoom", T);
-    }, d = (T) => {
-      o("chart-data", T);
-    }, l = (T) => {
-      o("tile-bounds-change", T);
+    const i = Ot("root"), s = Ot("dashboard-tile"), r = crypto.randomUUID(), o = t, n = (k) => {
+      o("tile-time-range-zoom", k);
+    }, d = (k) => {
+      o("chart-data", k);
+    }, l = (k) => {
+      o("tile-bounds-change", k);
     }, { i18n: h } = ae.useI18n(), { internalContext: u, queryReady: f } = ae.useDashboardInternalContext({
       globalFilters: Ye(() => a.globalFilters),
       context: Ye(() => a.context),
       preview: v(() => a.preview)
-    }), g = v(() => !("metrics" in a.definition.query) || !a.definition.query.metrics || a.definition.query.metrics.length === 0), p = A(Be);
+    }), g = v(() => !("metrics" in a.definition.query) || !a.definition.query.metrics || a.definition.query.metrics.length === 0), p = A($e);
     let y;
     rt(() => {
       var w;
-      const T = (w = i.value) == null ? void 0 : w.parentElement;
-      T && (p.value = T.getBoundingClientRect().height, y = new ResizeObserver(([O]) => {
+      const k = (w = i.value) == null ? void 0 : w.parentElement;
+      k && (p.value = k.getBoundingClientRect().height, y = new ResizeObserver(([O]) => {
         const { height: I } = O.contentRect;
         p.value = I;
-      }), y.observe(T));
+      }), y.observe(k));
     }), Pe(() => y == null ? void 0 : y.disconnect());
     const m = A(0);
     return e({
@@ -4799,10 +4801,10 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
         m.value++;
       },
       getExportData: () => {
-        var T;
-        return (T = s.value) == null ? void 0 : T.getExportData();
+        var k;
+        return (k = s.value) == null ? void 0 : k.getExportData();
       }
-    }), (T, w) => {
+    }), (k, w) => {
       const O = le("KEmptyState");
       return R(), G("div", {
         ref_key: "root",
@@ -4915,10 +4917,10 @@ export {
   Ds as F,
   vr as G,
   ye as I,
-  Ts as T,
+  ks as T,
   Et as _,
-  Be as a,
-  ks as b,
+  $e as a,
+  Ts as b,
   Qr as c,
   Vr as d,
   Ss as e,