@kong-ui-public/dashboard-renderer 8.0.5-pr.2640.fb8bab909.0 → 8.1.0

package/dist/{index-CX3wdV77.js → index-BvfDmE92.js}

@@ -1,11 +1,11 @@
-var ni = Object.defineProperty;
+var oi = Object.defineProperty;
 var _t = (a) => {
   throw TypeError(a);
 };
-var oi = (a, e, t) => e in a ? ni(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var bt = (a, e, t) => oi(a, typeof e != "symbol" ? e + "" : e, t), it = (a, e, t) => e.has(a) || _t("Cannot " + t);
+var ai = (a, e, t) => e in a ? oi(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var bt = (a, e, t) => ai(a, typeof e != "symbol" ? e + "" : e, t), it = (a, e, t) => e.has(a) || _t("Cannot " + t);
 var v = (a, e, t) => (it(a, e, "read from private field"), t ? t.call(a) : e.get(a)), F = (a, e, t) => e.has(a) ? _t("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), I = (a, e, t, i) => (it(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), G = (a, e, t) => (it(a, e, "access private method"), t);
-var Te = (a, e, t, i) => ({
+var ze = (a, e, t, i) => ({
   set _(s) {
     I(a, e, s, t);
   },
@@ -13,22 +13,22 @@ var Te = (a, e, t, i) => ({
     return v(a, e, i);
   }
 });
-import { ref as H, watchEffect as Mt, inject as ve, provide as ai, onMounted as at, computed as T, watch as ze, onUnmounted as lt, defineComponent as Z, resolveComponent as ge, createBlock as O, renderSlot as De, createCommentVNode as V, unref as E, openBlock as x, createSlots as Qe, withCtx as $, createElementVNode as oe, toDisplayString as ne, useCssVars as Ye, normalizeClass as je, createVNode as ue, mergeProps as It, createTextVNode as ht, createElementBlock as K, normalizeProps as li, guardReactiveProps as hi, defineAsyncComponent as qt, readonly as st, toRef as wt, nextTick as ut, resolveDynamicComponent as Pt, toHandlers as ui, Fragment as $t, renderList as Ft, normalizeStyle as Et, mergeModels as xt, useModel as di, getCurrentInstance as ci } from "vue";
-import { msToGranularity as rt, getFieldDataSources as Gt, stripUnknownFilters as fi, TimePeriods as gi, TIMEFRAME_LOOKUP as mi, formatTime as Ct, EXPORT_RECORD_LIMIT as pi } from "@kong-ui-public/analytics-utilities";
-import { handleQueryError as yi, SimpleChart as vi, AnalyticsChart as _i, TopNTable as bi, CsvExportModal as wi } from "@kong-ui-public/analytics-chart";
-import Ei from "swrv";
+import { ref as H, watchEffect as Mt, inject as ve, provide as li, onMounted as at, computed as k, watch as De, onUnmounted as lt, defineComponent as J, resolveComponent as me, createBlock as O, renderSlot as Se, createCommentVNode as V, unref as E, openBlock as x, createSlots as Ye, withCtx as $, createElementVNode as oe, toDisplayString as ne, useCssVars as je, normalizeClass as Ne, createVNode as ue, mergeProps as It, createTextVNode as ht, createElementBlock as K, normalizeProps as hi, guardReactiveProps as ui, defineAsyncComponent as qt, readonly as st, toRef as wt, nextTick as ut, resolveDynamicComponent as Pt, toHandlers as di, Fragment as $t, renderList as Ft, normalizeStyle as Et, mergeModels as xt, useModel as ci, getCurrentInstance as fi } from "vue";
+import { msToGranularity as rt, getFieldDataSources as Gt, stripUnknownFilters as gi, TimePeriods as mi, TIMEFRAME_LOOKUP as pi, formatTime as Ct, EXPORT_RECORD_LIMIT as yi } from "@kong-ui-public/analytics-utilities";
+import { handleQueryError as vi, SimpleChart as _i, AnalyticsChart as bi, TopNTable as wi, CsvExportModal as Ei } from "@kong-ui-public/analytics-chart";
+import xi from "swrv";
 import "axios";
-import { createI18n as xi, i18nTComponent as Ci } from "@kong-ui-public/i18n";
+import { createI18n as Ci, i18nTComponent as Ri } from "@kong-ui-public/i18n";
 import { useAnalyticsConfigStore as dt } from "@kong-ui-public/analytics-config-store";
-import { VisibilityOffIcon as Ri, WarningOutlineIcon as ki, WarningIcon as Ti, EditIcon as zi, MoreIcon as Di } from "@kong/icons";
-import { MetricsProvider as Si, MetricsConsumer as Ni } from "@kong-ui-public/analytics-metric-provider";
+import { VisibilityOffIcon as ki, WarningOutlineIcon as Ti, WarningIcon as zi, EditIcon as Di, MoreIcon as Si } from "@kong/icons";
+import { MetricsProvider as Ni, MetricsConsumer as Li } from "@kong-ui-public/analytics-metric-provider";
 var Bt = /* @__PURE__ */ ((a) => (a.VALIDATING = "VALIDATING", a.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", a.PENDING = "PENDING", a.SUCCESS = "SUCCESS", a.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", a.ERROR = "ERROR", a.STALE_IF_ERROR = "STALE_IF_ERROR", a))(Bt || {});
-const Li = (a) => {
+const Ai = (a) => {
   var e, t, i, s, r;
   return a ? !!// TODO: revisit: currently only the first check ever matters?
   ((e = Object.keys(a)) != null && e.length || (t = a.data) != null && t.length || (s = (i = a.data) == null ? void 0 : i.data) != null && s.length || !((r = a.data) != null && r.data) && typeof a.data == "object" && Object.keys(a == null ? void 0 : a.data).length) : !1;
 };
-function Ai(a = H({}), e, t, i = Li) {
+function Oi(a = H({}), e, t, i = Ai) {
   const s = H(
     "PENDING"
     /* PENDING */
@@ -65,7 +65,7 @@ function Ai(a = H({}), e, t, i = Li) {
     swrvState: Bt
   };
 }
-const Oi = {
+const Hi = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard.",
   trendRange: {
     "24h": "Last 24-hour summary",
@@ -78,10 +78,10 @@ const Oi = {
   fullscreen: "Fullscreen",
   remove: "Remove",
   delete: "Delete"
-}, Hi = {
+}, Mi = {
   defaultFilename: "Chart export",
   exportAsCsv: "Export as CSV"
-}, Mi = "Explore", Ii = "View requests", qi = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", Pi = {
+}, Ii = "Explore", qi = "View requests", Pi = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", $i = {
   daily: "1 day",
   fiveMinutely: "5 minutes",
   hourly: "1 hour",
@@ -94,30 +94,30 @@ const Oi = {
   twoHourly: "2 hours",
   weekly: "1 week",
   unknown: "Unknown"
-}, $i = {
-  renderer: Oi,
-  csvExport: Hi,
-  jumpToExplore: Mi,
-  jumpToRequests: Ii,
-  query_aged_out_warning: qi,
-  granularities: Pi
+}, Fi = {
+  renderer: Hi,
+  csvExport: Mi,
+  jumpToExplore: Ii,
+  jumpToRequests: qi,
+  query_aged_out_warning: Pi,
+  granularities: $i
 };
-function Fi() {
-  const a = xi("en-us", $i);
+function Gi() {
+  const a = Ci("en-us", Fi);
   return {
     i18n: a,
-    i18nT: Ci(a)
+    i18nT: Ri(a)
     // Translation component <i18n-t>
   };
 }
-const Xe = 170, Ut = 6, me = "analytics-query-provider", Rt = "{entity-id}", Gi = "{cp-id}", Bi = "{timeframe}", Ui = 30 * 1e3, Wi = 3e5, Ki = 36e5;
-function Vi() {
-  const a = ve(me);
+const Xe = 170, Ut = 6, pe = "analytics-query-provider", Rt = "{entity-id}", Bi = "{cp-id}", Ui = "{timeframe}", Wi = 30 * 1e3, Ki = 3e5, Vi = 36e5;
+function Qi() {
+  const a = ve(pe);
   return {
     evaluateFeatureFlag: (t, i) => a ? a.evaluateFeatureFlagFn(t, i) : i
   };
 }
-function Qi(a) {
+function Yi(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var Wt = { exports: {} };
@@ -160,7 +160,7 @@ var Wt = { exports: {} };
   }, n.prototype.emit = function(h, u, l, f, m, g) {
     var y = t ? t + h : h;
     if (!this._events[y]) return !1;
-    var p = this._events[y], D = arguments.length, q, z;
+    var p = this._events[y], D = arguments.length, P, z;
     if (p.fn) {
       switch (p.once && this.removeListener(h, p.fn, void 0, !0), D) {
         case 1:
@@ -176,9 +176,9 @@ var Wt = { exports: {} };
         case 6:
           return p.fn.call(p.context, u, l, f, m, g), !0;
       }
-      for (z = 1, q = new Array(D - 1); z < D; z++)
-        q[z - 1] = arguments[z];
-      p.fn.apply(p.context, q);
+      for (z = 1, P = new Array(D - 1); z < D; z++)
+        P[z - 1] = arguments[z];
+      p.fn.apply(p.context, P);
     } else {
       var Q = p.length, B;
       for (z = 0; z < Q; z++)
@@ -196,9 +196,9 @@ var Wt = { exports: {} };
             p[z].fn.call(p[z].context, u, l, f);
             break;
           default:
-            if (!q) for (B = 1, q = new Array(D - 1); B < D; B++)
-              q[B - 1] = arguments[B];
-            p[z].fn.apply(p[z].context, q);
+            if (!P) for (B = 1, P = new Array(D - 1); B < D; B++)
+              P[B - 1] = arguments[B];
+            p[z].fn.apply(p[z].context, P);
         }
     }
     return !0;
@@ -225,23 +225,23 @@ var Wt = { exports: {} };
     return h ? (u = t ? t + h : h, this._events[u] && o(this, u)) : (this._events = new i(), this._eventsCount = 0), this;
   }, n.prototype.off = n.prototype.removeListener, n.prototype.addListener = n.prototype.on, n.prefixed = t, n.EventEmitter = n, a.exports = n;
 })(Wt);
-var Yi = Wt.exports;
-const ji = /* @__PURE__ */ Qi(Yi);
+var ji = Wt.exports;
+const Xi = /* @__PURE__ */ Yi(ji);
 class Kt extends Error {
   constructor(e) {
     super(e), this.name = "TimeoutError";
   }
 }
-class Xi extends Error {
+class Zi extends Error {
   constructor(e) {
     super(), this.name = "AbortError", this.message = e;
   }
 }
-const kt = (a) => globalThis.DOMException === void 0 ? new Xi(a) : new DOMException(a), Tt = (a) => {
+const kt = (a) => globalThis.DOMException === void 0 ? new Zi(a) : new DOMException(a), Tt = (a) => {
   const e = a.reason === void 0 ? kt("This operation was aborted.") : a.reason;
   return e instanceof Error ? e : kt(e);
 };
-function Zi(a, e) {
+function Ji(a, e) {
   const {
     milliseconds: t,
     fallback: i,
@@ -287,7 +287,7 @@ function Zi(a, e) {
     r.clearTimeout.call(void 0, o), o = void 0;
   }, h;
 }
-function Ji(a, e, t) {
+function es(a, e, t) {
   let i = 0, s = a.length;
   for (; s > 0; ) {
     const r = Math.trunc(s / 2);
@@ -296,10 +296,10 @@ function Ji(a, e, t) {
   }
   return i;
 }
-var ie;
-class es {
+var te;
+class ts {
   constructor() {
-    F(this, ie, []);
+    F(this, te, []);
   }
   enqueue(e, t) {
     t = {
@@ -311,56 +311,56 @@ class es {
       id: t.id,
       run: e
     };
-    if (this.size === 0 || v(this, ie)[this.size - 1].priority >= t.priority) {
-      v(this, ie).push(i);
+    if (this.size === 0 || v(this, te)[this.size - 1].priority >= t.priority) {
+      v(this, te).push(i);
       return;
     }
-    const s = Ji(v(this, ie), i, (r, o) => o.priority - r.priority);
-    v(this, ie).splice(s, 0, i);
+    const s = es(v(this, te), i, (r, o) => o.priority - r.priority);
+    v(this, te).splice(s, 0, i);
   }
   setPriority(e, t) {
-    const i = v(this, ie).findIndex((r) => r.id === e);
+    const i = v(this, te).findIndex((r) => r.id === e);
     if (i === -1)
       throw new ReferenceError(`No promise function with the id "${e}" exists in the queue.`);
-    const [s] = v(this, ie).splice(i, 1);
+    const [s] = v(this, te).splice(i, 1);
     this.enqueue(s.run, { priority: t, id: e });
   }
   dequeue() {
-    const e = v(this, ie).shift();
+    const e = v(this, te).shift();
     return e == null ? void 0 : e.run;
   }
   filter(e) {
-    return v(this, ie).filter((t) => t.priority === e.priority).map((t) => t.run);
+    return v(this, te).filter((t) => t.priority === e.priority).map((t) => t.run);
   }
   get size() {
-    return v(this, ie).length;
+    return v(this, te).length;
   }
 }
-ie = new WeakMap();
-var be, we, fe, Le, Ee, Ae, se, xe, W, Oe, re, Ce, ce, He, Ve, k, Vt, Qt, Yt, jt, Xt, Pe, nt, ot, $e, Zt, Fe;
-class ts extends ji {
+te = new WeakMap();
+var be, we, ge, Oe, Ee, He, ie, xe, W, Me, se, Ce, ce, Ie, Qe, T, Vt, Qt, Yt, jt, Xt, $e, nt, ot, Fe, Zt, Ge;
+class is extends Xi {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
-    F(this, k);
+    F(this, T);
     F(this, be);
     F(this, we);
-    F(this, fe, 0);
-    F(this, Le);
+    F(this, ge, 0);
+    F(this, Oe);
     F(this, Ee);
-    F(this, Ae, 0);
-    F(this, se);
+    F(this, He, 0);
+    F(this, ie);
     F(this, xe);
     F(this, W);
-    F(this, Oe);
-    F(this, re, 0);
+    F(this, Me);
+    F(this, se, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
     F(this, Ce);
     F(this, ce);
-    F(this, He);
+    F(this, Ie);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
-    F(this, Ve, 1n);
+    F(this, Qe, 1n);
     /**
         Per-operation timeout in milliseconds. Operations fulfill once `timeout` elapses if they haven't already.
     
@@ -373,13 +373,13 @@ class ts extends ji {
       interval: 0,
       concurrency: Number.POSITIVE_INFINITY,
       autoStart: !0,
-      queueClass: es,
+      queueClass: ts,
       ...t
     }, !(typeof t.intervalCap == "number" && t.intervalCap >= 1))
       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})`);
-    I(this, be, t.carryoverConcurrencyCount), I(this, we, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), I(this, Le, t.intervalCap), I(this, Ee, t.interval), I(this, W, new t.queueClass()), I(this, Oe, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, I(this, He, t.throwOnTimeout === !0), I(this, ce, t.autoStart === !1);
+    I(this, be, t.carryoverConcurrencyCount), I(this, we, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), I(this, Oe, t.intervalCap), I(this, Ee, t.interval), I(this, W, new t.queueClass()), I(this, Me, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, I(this, Ie, t.throwOnTimeout === !0), I(this, ce, t.autoStart === !1);
   }
   get concurrency() {
     return v(this, Ce);
@@ -387,7 +387,7 @@ class ts extends ji {
   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})`);
-    I(this, Ce, t), G(this, k, $e).call(this);
+    I(this, Ce, t), G(this, T, Fe).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -429,18 +429,18 @@ class ts extends ji {
     v(this, W).setPriority(t, i);
   }
   async add(t, i = {}) {
-    return i.id ?? (i.id = (Te(this, Ve)._++).toString()), i = {
+    return i.id ?? (i.id = (ze(this, Qe)._++).toString()), i = {
       timeout: this.timeout,
-      throwOnTimeout: v(this, He),
+      throwOnTimeout: v(this, Ie),
       ...i
     }, new Promise((s, r) => {
       v(this, W).enqueue(async () => {
         var o;
-        Te(this, re)._++, Te(this, fe)._++;
+        ze(this, se)._++, ze(this, ge)._++;
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
-          i.timeout && (n = Zi(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, G(this, k, Zt).call(this, i.signal)]));
+          i.timeout && (n = Ji(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, G(this, T, Zt).call(this, i.signal)]));
           const d = await n;
           s(d), this.emit("completed", d);
         } catch (n) {
@@ -450,9 +450,9 @@ class ts extends ji {
           }
           r(n), this.emit("error", n);
         } finally {
-          G(this, k, Yt).call(this);
+          G(this, T, Yt).call(this);
         }
-      }, i), this.emit("add"), G(this, k, Pe).call(this);
+      }, i), this.emit("add"), G(this, T, $e).call(this);
     });
   }
   async addAll(t, i) {
@@ -462,7 +462,7 @@ class ts extends ji {
   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 v(this, ce) ? (I(this, ce, !1), G(this, k, $e).call(this), this) : this;
+    return v(this, ce) ? (I(this, ce, !1), G(this, T, Fe).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
@@ -474,7 +474,7 @@ class ts extends ji {
   Clear the queue.
   */
   clear() {
-    I(this, W, new (v(this, Oe))());
+    I(this, W, new (v(this, Me))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -482,7 +482,7 @@ class ts extends ji {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    v(this, W).size !== 0 && await G(this, k, Fe).call(this, "empty");
+    v(this, W).size !== 0 && await G(this, T, Ge).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -492,7 +492,7 @@ class ts extends ji {
       Note that this only limits the number of items waiting to start. There could still be up to `concurrency` jobs already running that this call does not include in its calculation.
       */
   async onSizeLessThan(t) {
-    v(this, W).size < t || await G(this, k, Fe).call(this, "next", () => v(this, W).size < t);
+    v(this, W).size < t || await G(this, T, Ge).call(this, "next", () => v(this, W).size < t);
   }
   /**
       The difference with `.onEmpty` is that `.onIdle` guarantees that all work from the queue has finished. `.onEmpty` merely signals that the queue is empty, but it could mean that some promises haven't completed yet.
@@ -500,7 +500,7 @@ class ts extends ji {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    v(this, re) === 0 && v(this, W).size === 0 || await G(this, k, Fe).call(this, "idle");
+    v(this, se) === 0 && v(this, W).size === 0 || await G(this, T, Ge).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
@@ -520,7 +520,7 @@ class ts extends ji {
   Number of running items (no longer in the queue).
   */
   get pending() {
-    return v(this, re);
+    return v(this, se);
   }
   /**
   Whether the queue is currently paused.
@@ -529,48 +529,48 @@ class ts extends ji {
     return v(this, ce);
   }
 }
-be = new WeakMap(), we = new WeakMap(), fe = new WeakMap(), Le = new WeakMap(), Ee = new WeakMap(), Ae = new WeakMap(), se = new WeakMap(), xe = new WeakMap(), W = new WeakMap(), Oe = new WeakMap(), re = new WeakMap(), Ce = new WeakMap(), ce = new WeakMap(), He = new WeakMap(), Ve = new WeakMap(), k = new WeakSet(), Vt = function() {
-  return v(this, we) || v(this, fe) < v(this, Le);
+be = new WeakMap(), we = new WeakMap(), ge = new WeakMap(), Oe = new WeakMap(), Ee = new WeakMap(), He = new WeakMap(), ie = new WeakMap(), xe = new WeakMap(), W = new WeakMap(), Me = new WeakMap(), se = new WeakMap(), Ce = new WeakMap(), ce = new WeakMap(), Ie = new WeakMap(), Qe = new WeakMap(), T = new WeakSet(), Vt = function() {
+  return v(this, we) || v(this, ge) < v(this, Oe);
 }, Qt = function() {
-  return v(this, re) < v(this, Ce);
+  return v(this, se) < v(this, Ce);
 }, Yt = function() {
-  Te(this, re)._--, G(this, k, Pe).call(this), this.emit("next");
+  ze(this, se)._--, G(this, T, $e).call(this), this.emit("next");
 }, jt = function() {
-  G(this, k, ot).call(this), G(this, k, nt).call(this), I(this, xe, void 0);
+  G(this, T, ot).call(this), G(this, T, nt).call(this), I(this, xe, void 0);
 }, Xt = function() {
   const t = Date.now();
-  if (v(this, se) === void 0) {
-    const i = v(this, Ae) - t;
+  if (v(this, ie) === void 0) {
+    const i = v(this, He) - t;
     if (i < 0)
-      I(this, fe, v(this, be) ? v(this, re) : 0);
+      I(this, ge, v(this, be) ? v(this, se) : 0);
     else
       return v(this, xe) === void 0 && I(this, xe, setTimeout(() => {
-        G(this, k, jt).call(this);
+        G(this, T, jt).call(this);
       }, i)), !0;
   }
   return !1;
-}, Pe = function() {
+}, $e = function() {
   if (v(this, W).size === 0)
-    return v(this, se) && clearInterval(v(this, se)), I(this, se, void 0), this.emit("empty"), v(this, re) === 0 && this.emit("idle"), !1;
+    return v(this, ie) && clearInterval(v(this, ie)), I(this, ie, void 0), this.emit("empty"), v(this, se) === 0 && this.emit("idle"), !1;
   if (!v(this, ce)) {
-    const t = !v(this, k, Xt);
-    if (v(this, k, Vt) && v(this, k, Qt)) {
+    const t = !v(this, T, Xt);
+    if (v(this, T, Vt) && v(this, T, Qt)) {
       const i = v(this, W).dequeue();
-      return i ? (this.emit("active"), i(), t && G(this, k, nt).call(this), !0) : !1;
+      return i ? (this.emit("active"), i(), t && G(this, T, nt).call(this), !0) : !1;
     }
   }
   return !1;
 }, nt = function() {
-  v(this, we) || v(this, se) !== void 0 || (I(this, se, setInterval(() => {
-    G(this, k, ot).call(this);
-  }, v(this, Ee))), I(this, Ae, Date.now() + v(this, Ee)));
+  v(this, we) || v(this, ie) !== void 0 || (I(this, ie, setInterval(() => {
+    G(this, T, ot).call(this);
+  }, v(this, Ee))), I(this, He, Date.now() + v(this, Ee)));
 }, ot = function() {
-  v(this, fe) === 0 && v(this, re) === 0 && v(this, se) && (clearInterval(v(this, se)), I(this, se, void 0)), I(this, fe, v(this, be) ? v(this, re) : 0), G(this, k, $e).call(this);
+  v(this, ge) === 0 && v(this, se) === 0 && v(this, ie) && (clearInterval(v(this, ie)), I(this, ie, void 0)), I(this, ge, v(this, be) ? v(this, se) : 0), G(this, T, Fe).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
-$e = function() {
-  for (; G(this, k, Pe).call(this); )
+Fe = function() {
+  for (; G(this, T, $e).call(this); )
     ;
 }, Zt = async function(t) {
   return new Promise((i, s) => {
@@ -578,7 +578,7 @@ $e = function() {
       s(t.reason);
     }, { once: !0 });
   });
-}, Fe = async function(t, i) {
+}, Ge = async function(t, i) {
   return new Promise((s) => {
     const r = () => {
       i && !i() || (this.off(t, r), s());
@@ -586,15 +586,15 @@ $e = function() {
     this.on(t, r);
   });
 };
-const is = () => {
-  const a = dt(), e = ve(me);
+const ss = () => {
+  const a = dt(), e = ve(pe);
   if (!e)
     return;
   if (e.queryFnOverride) {
     console.warn("Detected incorrect use of useRequestQueue.  This composable should not be used in nested components.  Please discuss with team-data or report an issue if you feel you have a use case.");
     return;
   }
-  const t = new ts({
+  const t = new is({
     carryoverConcurrencyCount: !0,
     concurrency: a.maxParallelRequests,
     interval: a.requestInterval,
@@ -604,9 +604,9 @@ const is = () => {
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  ai(me, i);
+  li(pe, i);
 };
-function ss({
+function rs({
   queryBridge: a,
   context: e,
   definition: t,
@@ -617,24 +617,24 @@ function ss({
     var R, M;
     s.value = await ((R = a == null ? void 0 : a.exploreBaseUrl) == null ? void 0 : R.call(a)) ?? "", r.value = await ((M = a == null ? void 0 : a.requestsBaseUrl) == null ? void 0 : M.call(a)) ?? "";
   });
-  const h = T(() => d.analytics && d.percentiles), u = T(() => !["golden_signals", "top_n", "gauge"].includes(t.value.chart.type)), l = T(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && h.value), f = T(() => s.value && t.value.query && ["basic", "api_usage", "llm_usage", void 0].includes(t.value.query.datasource) && h.value), m = T(() => i.value ? rt(i.value.meta.granularity_ms) : void 0), g = T(() => {
+  const h = k(() => d.analytics && d.percentiles), u = k(() => !["golden_signals", "top_n", "gauge"].includes(t.value.chart.type)), l = k(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && h.value), f = k(() => s.value && t.value.query && ["basic", "api_usage", "llm_usage", void 0].includes(t.value.query.datasource) && h.value), m = k(() => i.value ? rt(i.value.meta.granularity_ms) : void 0), g = k(() => {
     var Y;
     const R = [...e.value.filters, ...t.value.query.filters ?? []], M = ((Y = t.value.query) == null ? void 0 : Y.datasource) ?? "api_usage";
-    return R.filter((de) => Gt(de.field).some((J) => M === J));
-  }), y = T(() => {
+    return R.filter((de) => Gt(de.field).some((j) => M === j));
+  }), y = k(() => {
     if (!f.value || !u.value)
       return "";
     const R = g.value, M = t.value.query.time_range || e.value.timeSpec, Y = Q(M, R);
     return B(Y);
-  }), p = T(() => {
+  }), p = k(() => {
     if (!l.value || !u.value)
       return "";
-    const R = g.value, M = q(
+    const R = g.value, M = P(
       t.value.query.time_range || e.value.timeSpec,
       R
     );
     return D(M);
-  }), D = (R) => l.value ? `${r.value}?q=${JSON.stringify(R)}` : "", q = (R, M) => {
+  }), D = (R) => l.value ? `${r.value}?q=${JSON.stringify(R)}` : "", P = (R, M) => {
     var Y, de;
     return {
       filter: M,
@@ -666,7 +666,7 @@ function ss({
     const M = ["api_usage", "llm_usage"].includes(t.value.query.datasource) ? t.value.query.datasource : "api_usage";
     return `${s.value}?q=${JSON.stringify(R)}&d=${M}&c=${t.value.chart.type}`;
   };
-  return ze([l, f], ([R, M]) => {
+  return De([l, f], ([R, M]) => {
     R && (o.value = { href: "" }), M && (n.value = { href: "" });
   }), {
     exploreLinkKebabMenu: y,
@@ -682,12 +682,12 @@ function ss({
     buildRequestLink: D
   };
 }
-const rs = (a, e, t) => {
+const ns = (a, e, t) => {
   const i = [];
-  return e && i.push(...e), i.push(...fi(a, t)), i;
+  return e && i.push(...e), i.push(...gi(a, t)), i;
 };
-function ns() {
-  const a = ve(me), e = new AbortController();
+function os() {
+  const a = ve(pe), e = new AbortController();
   return lt(() => {
     e.abort();
   }), { issueQuery: async (i, s, r) => {
@@ -697,7 +697,7 @@ function ns() {
       datasource: o,
       limit: n,
       ...d
-    } = i, h = o || "basic", u = rs(h, i.filters, s.filters);
+    } = i, h = o || "basic", u = ns(h, i.filters, s.filters);
     let l = i.time_range;
     l ? l.tz || (l = {
       ...l,
@@ -719,12 +719,12 @@ function ns() {
   } };
 }
 const ye = {
-  useContextLinks: ss,
-  useEvaluateFeatureFlag: Vi,
-  useI18n: Fi,
-  useIssueQuery: ns,
-  useRequestQueue: is
-}, ct = /* @__PURE__ */ Z({
+  useContextLinks: rs,
+  useEvaluateFeatureFlag: Qi,
+  useI18n: Gi,
+  useIssueQuery: os,
+  useRequestQueue: ss
+}, ct = /* @__PURE__ */ J({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -735,12 +735,12 @@ const ye = {
   },
   emits: ["chart-data", "queryComplete"],
   setup(a, { emit: e }) {
-    const t = a, i = e, { issueQuery: s } = ye.useIssueQuery(), r = ve(me), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: n, error: d, isValidating: h } = Ei(o, async () => {
+    const t = a, i = e, { issueQuery: s } = ye.useIssueQuery(), r = ve(pe), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: n, error: d, isValidating: h } = xi(o, async () => {
       try {
         const y = await s(t.query, t.context, t.limitOverride);
         return f.value = null, y;
       } catch (y) {
-        throw f.value = yi(y), y;
+        throw f.value = vi(y), y;
       } finally {
         i("queryComplete");
       }
@@ -748,22 +748,22 @@ const ye = {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
-    }), { state: u, swrvState: l } = Ai(n, d, h), f = H(null), m = T(() => u.value === l.ERROR || !!f.value), g = T(() => !t.queryReady || u.value === l.PENDING);
-    return ze(n, (y) => {
+    }), { state: u, swrvState: l } = Oi(n, d, h), f = H(null), m = k(() => u.value === l.ERROR || !!f.value), g = k(() => !t.queryReady || u.value === l.PENDING);
+    return De(n, (y) => {
       y && i("chart-data", y);
     }), (y, p) => {
-      const D = ge("KSkeleton"), q = ge("KEmptyState");
+      const D = me("KSkeleton"), P = me("KEmptyState");
       return g.value || !E(n) && !m.value ? (x(), O(D, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : m.value && f.value ? (x(), O(q, {
+      })) : m.value && f.value ? (x(), O(P, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state"
-      }, Qe({
+      }, Ye({
         icon: $(() => [
-          f.value.type === "forbidden" ? (x(), O(E(Ri), { key: 0 })) : (x(), O(E(ki), { key: 1 }))
+          f.value.type === "forbidden" ? (x(), O(E(ki), { key: 0 })) : (x(), O(E(Ti), { key: 1 }))
         ]),
         title: $(() => [
           oe("p", null, ne(f.value.message), 1)
@@ -777,13 +777,13 @@ const ye = {
           ]),
           key: "0"
         } : void 0
-      ]), 1024)) : E(n) ? De(y.$slots, "default", {
+      ]), 1024)) : E(n) ? Se(y.$slots, "default", {
         key: 2,
         data: E(n)
       }) : V("", !0);
     };
   }
-}), os = /* @__PURE__ */ Z({
+}), as = /* @__PURE__ */ J({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -796,10 +796,10 @@ const ye = {
     exploreLink: {}
   },
   setup(a) {
-    Ye((i) => ({
+    je((i) => ({
       v088169ae: `${i.height}px`
     }));
-    const e = a, t = T(() => e.chartOptions.type === "single_value");
+    const e = a, t = k(() => e.chartOptions.type === "single_value");
     return (i, s) => (x(), O(ct, {
       context: a.context,
       query: a.query,
@@ -808,9 +808,9 @@ const ye = {
     }, {
       default: $(({ data: r }) => [
         oe("div", {
-          class: je(["analytics-chart", { "single-value": t.value }])
+          class: Ne(["analytics-chart", { "single-value": t.value }])
         }, [
-          ue(E(vi), {
+          ue(E(_i), {
             "chart-data": r,
             "chart-options": a.chartOptions,
             "synthetics-data-key": t.value ? void 0 : a.chartOptions.synthetics_data_key
@@ -825,7 +825,7 @@ const ye = {
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, zt = /* @__PURE__ */ _e(os, [["__scopeId", "data-v-1e9ff912"]]), as = { class: "analytics-chart" }, ls = /* @__PURE__ */ Z({
+}, zt = /* @__PURE__ */ _e(as, [["__scopeId", "data-v-1e9ff912"]]), ls = { class: "analytics-chart" }, hs = /* @__PURE__ */ J({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -840,19 +840,19 @@ const ye = {
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range", "view-requests", "select-chart-range"],
   setup(a, { emit: e }) {
-    const t = a, i = e, { i18n: s } = ye.useI18n(), r = T(() => ({
+    const t = a, i = e, { i18n: s } = ye.useI18n(), r = k(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chart_dataset_colors,
       threshold: t.chartOptions.threshold,
       hideTruncationWarning: t.query.limit !== void 0 && t.query.limit > 0
-    })), o = T(() => t.context.zoomable), n = () => {
+    })), o = k(() => t.context.zoomable), n = () => {
       i("edit-tile");
     }, d = (h) => {
       i("chart-data", h);
     };
     return (h, u) => {
-      const l = ge("KDropdownItem");
+      const l = me("KDropdownItem");
       return x(), O(ct, {
         context: a.context,
         query: a.query,
@@ -861,8 +861,8 @@ const ye = {
         onChartData: d
       }, {
         default: $(({ data: f }) => [
-          oe("div", as, [
-            ue(E(_i), It({
+          oe("div", ls, [
+            ue(E(bi), It({
               "chart-data": f,
               "chart-options": r.value,
               "explore-link": a.exploreLink,
@@ -874,7 +874,7 @@ const ye = {
             }, a.extraProps, {
               onSelectChartRange: u[0] || (u[0] = (m) => i("select-chart-range", m)),
               onZoomTimeRange: u[1] || (u[1] = (m) => i("zoom-time-range", m))
-            }), Qe({ _: 2 }, [
+            }), Ye({ _: 2 }, [
               a.context.editable ? {
                 name: "menu-items",
                 fn: $(() => [
@@ -894,7 +894,7 @@ const ye = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), ft = /* @__PURE__ */ _e(ls, [["__scopeId", "data-v-52357845"]]), Dt = /* @__PURE__ */ Z({
+}), ft = /* @__PURE__ */ _e(hs, [["__scopeId", "data-v-52357845"]]), Dt = /* @__PURE__ */ J({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -917,7 +917,7 @@ const ye = {
       "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), St = /* @__PURE__ */ Z({
+}), St = /* @__PURE__ */ J({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -945,7 +945,7 @@ const ye = {
       onZoomTimeRange: s[1] || (s[1] = (r) => t("zoom-time-range", r))
     }, null, 8, ["chart-options", "context", "explore-link", "height", "query", "query-ready", "refresh-counter", "requests-link"]));
   }
-}), hs = { class: "metric-card-tile-wrapper" }, us = /* @__PURE__ */ Z({
+}), us = { class: "metric-card-tile-wrapper" }, ds = /* @__PURE__ */ J({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -958,7 +958,7 @@ const ye = {
     exploreLink: {}
   },
   setup(a) {
-    const e = a, t = T(() => {
+    const e = a, t = k(() => {
       var s, r;
       const i = (s = e.query) == null ? void 0 : s.datasource;
       if (i && i !== "api_usage" && i !== "basic")
@@ -976,27 +976,27 @@ const ye = {
         refreshCounter: e.refreshCounter
       };
     });
-    return (i, s) => (x(), K("div", hs, [
-      ue(E(Si), li(hi(t.value)), {
+    return (i, s) => (x(), K("div", us, [
+      ue(E(Ni), hi(ui(t.value)), {
         default: $(() => [
-          ue(E(Ni))
+          ue(E(Li))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), ds = /* @__PURE__ */ _e(us, [["__scopeId", "data-v-85e02b8d"]]), Nt = "#6c7489", cs = "12px", Lt = "20px", Jt = "20px", fs = {
+}), cs = /* @__PURE__ */ _e(ds, [["__scopeId", "data-v-86bb2448"]]), Nt = "#6c7489", fs = "12px", Lt = "20px", Jt = "20px", gs = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, At = /* @__PURE__ */ Z({
+}, At = /* @__PURE__ */ J({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
   setup(a) {
-    return (e, t) => (x(), K("div", fs, ne(a.entityLinkData.label), 1));
+    return (e, t) => (x(), K("div", gs, ne(a.entityLinkData.label), 1));
   }
-}), gs = /* @__PURE__ */ Z({
+}), ms = /* @__PURE__ */ J({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1009,7 +1009,7 @@ const ye = {
     exploreLink: {}
   },
   setup(a) {
-    const e = a, t = ve(me), i = qt(async () => {
+    const e = a, t = ve(pe), i = qt(async () => {
       if (t != null && t.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
@@ -1022,7 +1022,7 @@ const ye = {
       if ((o = e.chartOptions) != null && o.entity_link)
         if (r.id.includes(":")) {
           const [n, d] = r.id.split(":");
-          return e.chartOptions.entity_link.replace(Gi, n).replace(Rt, d);
+          return e.chartOptions.entity_link.replace(Bi, n).replace(Rt, d);
         } else
           return e.chartOptions.entity_link.replace(Rt, r.id);
       return "";
@@ -1034,10 +1034,10 @@ const ye = {
       "refresh-counter": a.refreshCounter
     }, {
       default: $(({ data: n }) => [
-        ue(E(bi), {
+        ue(E(wi), {
           data: n,
           "synthetics-data-key": a.chartOptions.synthetics_data_key
-        }, Qe({ _: 2 }, [
+        }, Ye({ _: 2 }, [
           e.chartOptions.entity_link ? {
             name: "name",
             fn: $(({ record: d }) => [
@@ -1057,7 +1057,7 @@ const ye = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), ms = /* @__PURE__ */ Z({
+}), ps = /* @__PURE__ */ J({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1079,10 +1079,10 @@ const ye = {
       "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), ps = ["data-testid"], ys = {
+}), ys = ["data-testid"], vs = {
   key: 0,
   class: "tile-header"
-}, vs = ["data-testid"], _s = { class: "badge-text" }, bs = ["data-testid"], ws = { class: "delete-option" }, Es = ["data-testid"], xs = ["data-testid"], Cs = /* @__PURE__ */ Z({
+}, _s = ["data-testid"], bs = { class: "badge-text" }, ws = ["data-testid"], Es = { class: "delete-option" }, xs = ["data-testid"], Cs = ["data-testid"], Rs = /* @__PURE__ */ J({
   __name: "DashboardTile",
   props: {
     definition: {},
@@ -1095,15 +1095,15 @@ const ye = {
   },
   emits: ["edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom"],
   setup(a, { emit: e }) {
-    Ye((w) => ({
-      v1eb84fc4: `${w.height}px`
+    je((w) => ({
+      v366e6507: `${w.height}px`
     }));
-    const t = parseInt(Jt, 10), i = a, s = e, r = qt(() => import("./GeoMapRenderer-FpLm9dew.js")), o = ve(me), { i18n: n } = ye.useI18n(), d = H(), h = H({ status: "loading" }), u = H(!1), l = H(), f = H(!1), m = H(!0), {
+    const t = parseInt(Jt, 10), i = a, s = e, r = qt(() => import("./GeoMapRenderer-By3cIZ7B.js")), o = ve(pe), { i18n: n } = ye.useI18n(), d = H(), h = H({ status: "loading" }), u = H(!1), l = H(), f = H(!1), m = H(!0), {
       exploreLinkKebabMenu: g,
       requestsLinkKebabMenu: y,
       canShowKebabMenu: p,
       canGenerateRequestsLink: D,
-      canGenerateExploreLink: q,
+      canGenerateExploreLink: P,
       requestsLinkZoomActions: z,
       exploreLinkZoomActions: Q,
       buildExploreQuery: B,
@@ -1116,30 +1116,30 @@ const ye = {
       definition: st(wt(i, "definition")),
       context: st(wt(i, "context"))
     }), { issueQuery: de } = ye.useIssueQuery();
-    ze(() => i.definition, async () => {
+    De(() => i.definition, async () => {
       await ut(), l.value && (f.value = l.value.scrollWidth > l.value.clientWidth), m.value = !0;
     }, { immediate: !0, deep: !0 });
-    const Me = T(() => n.t("csvExport.defaultFilename")), J = T(() => p.value && (Ie.value || i.context.editable) || !!P.value), Ie = T(() => !!g.value || ("allow_csv_export" in i.definition.chart ? i.definition.chart.allow_csv_export : !0) || i.context.editable), C = {
+    const qe = k(() => n.t("csvExport.defaultFilename")), j = k(() => p.value && (Re.value || i.context.editable) || !!q.value), Re = k(() => !!g.value || ("allow_csv_export" in i.definition.chart ? i.definition.chart.allow_csv_export : !0) || i.context.editable), C = {
       timeseries_line: St,
       timeseries_bar: St,
       horizontal_bar: Dt,
       vertical_bar: Dt,
       gauge: zt,
-      donut: ms,
-      golden_signals: ds,
-      top_n: gs,
+      donut: ps,
+      golden_signals: cs,
+      top_n: ms,
       slottable: void 0,
       single_value: zt,
       choropleth_map: r
-    }, S = T(() => {
-      var w, L;
+    }, N = k(() => {
+      var w, S;
       return {
-        ...(w = N.value) != null && w.rendererEvents.supportsRequests ? { "select-chart-range": si } : {},
-        ...(L = N.value) != null && L.rendererEvents.supportsZoom ? { "zoom-time-range": ii } : {}
+        ...(w = L.value) != null && w.rendererEvents.supportsRequests ? { "select-chart-range": ri } : {},
+        ...(S = L.value) != null && S.rendererEvents.supportsZoom ? { "zoom-time-range": si } : {}
       };
-    }), N = T(() => {
-      var te, j;
-      const w = C[i.definition.chart.type], L = !!((te = w == null ? void 0 : w.emits) != null && te.includes("select-chart-range")), A = !!((j = w == null ? void 0 : w.emits) != null && j.includes("zoom-time-range"));
+    }), L = k(() => {
+      var ee, X;
+      const w = C[i.definition.chart.type], S = !!((ee = w == null ? void 0 : w.emits) != null && ee.includes("select-chart-range")), A = !!((X = w == null ? void 0 : w.emits) != null && X.includes("zoom-time-range"));
       return w && {
         component: w,
         rendererProps: {
@@ -1153,80 +1153,88 @@ const ye = {
           exploreLink: Q.value
         },
         rendererEvents: {
-          supportsRequests: L,
+          supportsRequests: S,
           supportsZoom: A
         }
       };
-    }), P = T(() => {
-      var L;
-      const w = (L = i.definition.query) == null ? void 0 : L.time_range;
+    }), q = k(() => {
+      var S;
+      const w = (S = i.definition.query) == null ? void 0 : S.time_range;
       if ((w == null ? void 0 : w.type) === "relative") {
-        const A = gi.get(mi[w.time_range]);
+        const A = mi.get(pi[w.time_range]);
         return A ? A.display : (console.warn("Did not recognize the given relative time range:", w.time_range), w.time_range);
       } else if ((w == null ? void 0 : w.type) === "absolute") {
         const A = w.tz || "Etc/UTC";
         return `${Ct(w.start, { short: !0, tz: A })} - ${Ct(w.end, { short: !0, tz: A })}`;
       }
       return null;
-    }), ee = T(() => d.value ? rt(d.value.meta.granularity_ms) : void 0), pe = T(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), Re = T(() => {
-      var L, A;
-      if (!pe.value || !i.queryReady || m.value)
+    }), re = k(() => {
+      if (i.definition.chart.type === "slottable")
+        return !1;
+      const w = !!i.definition.chart.chart_title, S = j.value && Re.value && !i.isFullscreen, A = !!q.value;
+      return w || S || A;
+    }), fe = k(() => d.value ? rt(d.value.meta.granularity_ms) : void 0), Pe = k(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), ke = k(() => {
+      var S, A;
+      if (!Pe.value || !i.queryReady || m.value)
         return !1;
-      const w = (A = (L = i.definition) == null ? void 0 : L.query) == null ? void 0 : A.granularity;
-      return !w || !ee.value ? !1 : w !== ee.value;
-    }), qe = T(() => {
-      var A, te, j;
-      const w = rt(((A = d.value) == null ? void 0 : A.meta.granularity_ms) ?? 0) ?? "unknown", L = ((j = (te = i.definition) == null ? void 0 : te.query) == null ? void 0 : j.granularity) ?? "unknown";
+      const w = (A = (S = i.definition) == null ? void 0 : S.query) == null ? void 0 : A.granularity;
+      return !w || !fe.value ? !1 : w !== fe.value;
+    }), Te = k(() => {
+      var A, ee, X;
+      const w = rt(((A = d.value) == null ? void 0 : A.meta.granularity_ms) ?? 0) ?? "unknown", S = ((X = (ee = i.definition) == null ? void 0 : ee.query) == null ? void 0 : X.granularity) ?? "unknown";
       return n.t("query_aged_out_warning", {
         currentGranularity: n.t(`granularities.${w}`),
-        savedGranularity: n.t(`granularities.${L}`)
+        savedGranularity: n.t(`granularities.${S}`)
       });
-    }), ke = T(() => {
-      var A, te;
-      const w = [...i.context.filters, ...i.definition.query.filters ?? []], L = ((te = (A = i.definition) == null ? void 0 : A.query) == null ? void 0 : te.datasource) ?? "api_usage";
-      return w.filter((j) => Gt(j.field).some((ri) => L === ri));
-    }), Je = () => {
+    }), Je = k(() => {
+      var A, ee;
+      const w = [...i.context.filters, ...i.definition.query.filters ?? []], S = ((ee = (A = i.definition) == null ? void 0 : A.query) == null ? void 0 : ee.datasource) ?? "api_usage";
+      return w.filter((X) => Gt(X.field).some((ni) => S === ni));
+    }), pt = () => {
       s("edit-tile", i.definition);
-    }, pt = () => {
-      s("duplicate-tile", i.definition);
     }, et = () => {
+      s("duplicate-tile", i.definition);
+    }, tt = () => {
       s("remove-tile", i.definition);
-    }, tt = (w) => {
+    }, yt = (w) => {
       d.value = w, m.value = !1;
-    }, yt = () => {
+    }, ti = () => {
       u.value = !1;
-    }, ti = async () => {
+    }, ii = async () => {
       var w;
       if (u.value = !0, h.value = { status: "loading" }, ((w = o == null ? void 0 : o.staticConfig) == null ? void 0 : w.increaseCsvExportLimit) ?? !0)
-        de(i.definition.query, i.context, pi).then((L) => {
-          h.value = { status: "success", chartData: L };
-        }).catch((L) => {
-          h.value = { status: "error", error: L };
+        de(i.definition.query, i.context, yi).then((S) => {
+          h.value = { status: "success", chartData: S };
+        }).catch((S) => {
+          h.value = { status: "error", error: S };
         });
       else if (d.value)
         h.value = { status: "success", chartData: d.value };
       else {
-        const L = ze(d, (A) => {
-          A && (h.value = { status: "success", chartData: A }, L());
+        const S = De(d, (A) => {
+          A && (h.value = { status: "success", chartData: A }, S());
         });
       }
-    }, ii = (w) => {
-      const L = {
+    }, si = (w) => {
+      const S = {
         tileId: i.tileId.toString(),
         timeRange: w
       };
-      s("tile-time-range-zoom", L);
-    }, si = (w) => {
-      const L = ke.value, A = Y(w, L), te = B(w, L);
-      z.value = D.value ? { href: M(A) } : void 0, Q.value = q.value ? { href: R(te) } : void 0;
+      s("tile-time-range-zoom", S);
+    }, ri = (w) => {
+      const S = Je.value, A = Y(w, S), ee = B(w, S);
+      z.value = D.value ? { href: M(A) } : void 0, Q.value = P.value ? { href: R(ee) } : void 0;
     };
-    return (w, L) => {
-      const A = ge("KTooltip"), te = ge("KBadge"), j = ge("KDropdownItem"), vt = ge("KDropdown");
+    return (w, S) => {
+      const A = me("KTooltip"), ee = me("KBadge"), X = me("KDropdownItem"), vt = me("KDropdown");
       return x(), K("div", {
-        class: je(["tile-boundary", { editable: a.context.editable }]),
+        class: Ne(["tile-boundary", {
+          editable: a.context.editable,
+          headless: !re.value
+        }]),
         "data-testid": `tile-${a.tileId}`
       }, [
-        a.definition.chart.type !== "slottable" ? (x(), K("div", ys, [
+        a.definition.chart.type !== "slottable" ? (x(), K("div", vs, [
           ue(A, {
             class: "title-tooltip",
             disabled: !f.value,
@@ -1242,92 +1250,92 @@ const ye = {
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          J.value ? (x(), K("div", {
+          j.value ? (x(), K("div", {
             key: 0,
             class: "tile-actions",
             "data-testid": `tile-actions-${a.tileId}`
           }, [
-            P.value ? (x(), O(te, {
+            q.value ? (x(), O(ee, {
               key: 0,
               "data-testid": "time-range-badge",
-              tooltip: Re.value ? qe.value : void 0,
+              tooltip: ke.value ? Te.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
-            }, Qe({
+            }, Ye({
               default: $(() => [
-                oe("span", _s, ne(P.value), 1)
+                oe("span", bs, ne(q.value), 1)
               ]),
               _: 2
             }, [
-              Re.value ? {
+              ke.value ? {
                 name: "icon",
                 fn: $(() => [
-                  ue(E(Ti), { size: E(cs) }, null, 8, ["size"])
+                  ue(E(zi), { size: E(fs) }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["tooltip"])) : V("", !0),
-            E(p) && a.context.editable && !a.isFullscreen ? (x(), O(E(zi), {
+            E(p) && a.context.editable && !a.isFullscreen ? (x(), O(E(Di), {
               key: 1,
               class: "edit-icon",
               color: E(Nt),
               "data-testid": `edit-tile-${a.tileId}`,
               size: E(Lt),
-              onClick: Je
+              onClick: pt
             }, null, 8, ["color", "data-testid", "size"])) : V("", !0),
-            E(p) && Ie.value && !a.isFullscreen ? (x(), O(vt, {
+            E(p) && Re.value && !a.isFullscreen ? (x(), O(vt, {
               key: 2,
               class: "dropdown",
               "data-testid": `chart-action-menu-${a.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: $(() => [
-                E(g) ? (x(), O(j, {
+                E(g) ? (x(), O(X, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${a.tileId}`,
                   item: { label: E(n).t("jumpToExplore"), to: E(g) }
                 }, null, 8, ["data-testid", "item"])) : V("", !0),
-                E(y) ? (x(), O(j, {
+                E(y) ? (x(), O(X, {
                   key: 1,
                   "data-testid": `chart-jump-to-requests-${a.tileId}`,
                   item: { label: E(n).t("jumpToRequests"), to: E(y) }
                 }, null, 8, ["data-testid", "item"])) : V("", !0),
-                !("allow_csv_export" in a.definition.chart) || a.definition.chart.allow_csv_export ? (x(), O(j, {
+                !("allow_csv_export" in a.definition.chart) || a.definition.chart.allow_csv_export ? (x(), O(X, {
                   key: 2,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${a.tileId}`,
-                  onClick: ti
+                  onClick: ii
                 }, {
                   default: $(() => [
                     oe("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${a.tileId}`
-                    }, ne(E(n).t("csvExport.exportAsCsv")), 9, bs)
+                    }, ne(E(n).t("csvExport.exportAsCsv")), 9, ws)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0),
-                a.context.editable ? (x(), O(j, {
+                a.context.editable ? (x(), O(X, {
                   key: 3,
                   "data-testid": `duplicate-tile-${a.tileId}`,
-                  onClick: pt
+                  onClick: et
                 }, {
                   default: $(() => [
                     ht(ne(E(n).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0),
-                a.context.editable ? (x(), O(j, {
+                a.context.editable ? (x(), O(X, {
                   key: 4,
                   "data-testid": `remove-tile-${a.tileId}`,
-                  onClick: et
+                  onClick: tt
                 }, {
                   default: $(() => [
-                    oe("span", ws, ne(E(n).t("renderer.delete")), 1)
+                    oe("span", Es, ne(E(n).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0)
               ]),
               default: $(() => [
-                ue(E(Di), {
+                ue(E(Si), {
                   class: "kebab-action-menu",
                   color: E(Nt),
                   "data-testid": `kebab-action-menu-${a.tileId}`,
@@ -1336,29 +1344,29 @@ const ye = {
               ]),
               _: 1
             }, 8, ["data-testid"])) : V("", !0)
-          ], 8, vs)) : "description" in a.definition.chart ? (x(), K("div", {
+          ], 8, _s)) : "description" in a.definition.chart ? (x(), K("div", {
             key: 1,
             class: "header-description",
             "data-testid": `tile-description-${a.tileId}`
-          }, ne(a.definition.chart.description), 9, Es)) : V("", !0),
-          u.value ? (x(), O(E(wi), {
+          }, ne(a.definition.chart.description), 9, xs)) : V("", !0),
+          u.value ? (x(), O(E(Ei), {
             key: 2,
             "data-testid": `csv-export-modal-${a.tileId}`,
             "export-state": h.value,
-            filename: Me.value,
-            onCloseModal: yt
+            filename: qe.value,
+            onCloseModal: ti
           }, null, 8, ["data-testid", "export-state", "filename"])) : V("", !0)
         ])) : V("", !0),
         oe("div", {
-          class: "tile-content",
+          class: Ne(["tile-content", `type-${a.definition.chart.type}`]),
           "data-testid": `tile-content-${a.tileId}`
         }, [
-          N.value ? (x(), O(Pt(N.value.component), It({ key: 0 }, N.value.rendererProps, ui(S.value), { onChartData: tt }), null, 16)) : V("", !0)
-        ], 8, xs)
-      ], 10, ps);
+          L.value ? (x(), O(Pt(L.value.component), It({ key: 0 }, L.value.rendererProps, di(N.value), { onChartData: yt }), null, 16)) : V("", !0)
+        ], 10, Cs)
+      ], 10, ys);
     };
   }
-}), Rs = /* @__PURE__ */ _e(Cs, [["__scopeId", "data-v-543445fd"]]), ks = (a, e) => {
+}), ks = /* @__PURE__ */ _e(Rs, [["__scopeId", "data-v-a02a6a1d"]]), Ts = (a, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -1369,7 +1377,7 @@ const ye = {
   for (let r = 0; r < t; r++)
     i.get(r) ? s.push("auto") : s.push(`${a}px`);
   return s;
-}, Ts = /* @__PURE__ */ Z({
+}, zs = /* @__PURE__ */ J({
   __name: "GridLayout",
   props: {
     tileHeight: {
@@ -1383,7 +1391,7 @@ const ye = {
     }
   },
   setup(a) {
-    Ye((n) => ({
+    je((n) => ({
       v2a38e79e: E(Ut),
       v4cc71de6: r.value
     }));
@@ -1397,7 +1405,7 @@ const ye = {
     }), lt(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = T(() => ks(e.tileHeight, e.tiles).join(" ")), o = T(() => e.tiles.map((n, d) => ({
+    const r = k(() => Ts(e.tileHeight, e.tiles).join(" ")), o = k(() => e.tiles.map((n, d) => ({
       key: `tile-${d}`,
       tile: n,
       style: {
@@ -1414,20 +1422,20 @@ const ye = {
     }, [
       (x(!0), K($t, null, Ft(o.value, (h) => (x(), K("div", {
         key: h.key,
-        class: je(["grid-cell", {
+        class: Ne(["grid-cell", {
           "empty-cell": !h.tile
         }]),
         style: Et(h.style)
       }, [
-        De(n.$slots, "tile", {
+        Se(n.$slots, "tile", {
           style: Et(h.style),
           tile: h.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), zs = /* @__PURE__ */ _e(Ts, [["__scopeId", "data-v-354b7177"]]);
-function Ds(a, e, t, i, s) {
+}), Ds = /* @__PURE__ */ _e(zs, [["__scopeId", "data-v-354b7177"]]);
+function Ss(a, e, t, i, s) {
   const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(a, o));
   return r.prototype = e.prototype, r;
 }
@@ -2234,7 +2242,7 @@ class le {
   }
 }
 le._idSeq = 0;
-const X = {
+const Z = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2269,26 +2277,26 @@ class b {
 const ae = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
 class he {
 }
-function Ge(a, e) {
+function Be(a, e) {
   a.touches.length > 1 || (a.cancelable && a.preventDefault(), c.simulateMouseEvent(a.changedTouches[0], e));
 }
 function ei(a, e) {
   a.cancelable && a.preventDefault(), c.simulateMouseEvent(a, e);
 }
-function Be(a) {
-  he.touchHandled || (he.touchHandled = !0, Ge(a, "mousedown"));
-}
 function Ue(a) {
-  he.touchHandled && Ge(a, "mousemove");
+  he.touchHandled || (he.touchHandled = !0, Be(a, "mousedown"));
 }
 function We(a) {
+  he.touchHandled && Be(a, "mousemove");
+}
+function Ke(a) {
   if (!he.touchHandled)
     return;
   he.pointerLeaveTimeout && (window.clearTimeout(he.pointerLeaveTimeout), delete he.pointerLeaveTimeout);
   const e = !!b.dragElement;
-  Ge(a, "mouseup"), e || Ge(a, "click"), he.touchHandled = !1;
+  Be(a, "mouseup"), e || Be(a, "click"), he.touchHandled = !1;
 }
-function Ke(a) {
+function Ve(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
 function Ot(a) {
@@ -2306,15 +2314,15 @@ class Ze {
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ze.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ae && (this.el.addEventListener("touchstart", Be), this.el.addEventListener("pointerdown", Ke)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ze.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ae && (this.el.addEventListener("touchstart", Ue), this.el.addEventListener("pointerdown", Ve)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
-    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), ae && (this.el.removeEventListener("touchstart", Be), this.el.removeEventListener("pointerdown", Ke)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
+    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), ae && (this.el.removeEventListener("touchstart", Ue), this.el.removeEventListener("pointerdown", Ve)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
   }
   /** @internal called on mouse down on us: capture move on the entire document (mouse might not stay on us) until we release the mouse */
   _mouseDown(e) {
-    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (this.el.addEventListener("touchmove", Ue), this.el.addEventListener("touchend", We)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (this.el.addEventListener("touchmove", We), this.el.addEventListener("touchend", Ke)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2323,7 +2331,7 @@ class Ze {
   }
   /** @internal */
   _mouseUp(e) {
-    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ae && (this.el.removeEventListener("touchmove", Ue), this.el.removeEventListener("touchend", We)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ae && (this.el.removeEventListener("touchmove", We), this.el.removeEventListener("touchend", Ke)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2364,7 +2372,7 @@ class gt {
       return this._eventRegister[e](t);
   }
 }
-class Se extends gt {
+class Le extends gt {
   // have to be public else complains for HTMLElementExtendOpt ?
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.rectScale = { x: 1, y: 1 }, this._ui = () => {
@@ -2465,7 +2473,7 @@ class Se extends gt {
   }
   /** @internal */
   _setupHelper() {
-    this.elOriginStyleVal = Se._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
+    this.elOriginStyleVal = Le._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
     const e = this.el.parentElement, t = c.getValuesFromTransformedElement(e);
     return this.rectScale = {
       x: t.xScale,
@@ -2474,7 +2482,7 @@ class Se extends gt {
   }
   /** @internal */
   _cleanHelper() {
-    return Se._originStyleProp.forEach((e, t) => {
+    return Le._originStyleProp.forEach((e, t) => {
       this.el.style[e] = this.elOriginStyleVal[t] || null;
     }), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
   }
@@ -2513,9 +2521,9 @@ class Se extends gt {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-Se._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Ss = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Ne extends gt {
+Le._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
+const Ns = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class Ae extends gt {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -2535,12 +2543,12 @@ class Ne extends gt {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), ae && (e.addEventListener("touchstart", Be), e.addEventListener("pointerdown", Ke));
+      e.addEventListener("mousedown", this._mouseDown), ae && (e.addEventListener("touchstart", Ue), e.addEventListener("pointerdown", Ve));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), ae && (t.removeEventListener("touchstart", Be), t.removeEventListener("pointerdown", Ke));
+      t.removeEventListener("mousedown", this._mouseDown), ae && (t.removeEventListener("touchstart", Ue), t.removeEventListener("pointerdown", Ve));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -2552,7 +2560,7 @@ class Ne extends gt {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!b.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ss) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete b.dragElement, delete b.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (e.currentTarget.addEventListener("touchmove", Ue), e.currentTarget.addEventListener("touchend", We)), e.preventDefault(), document.activeElement && document.activeElement.blur(), b.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ns) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete b.dragElement, delete b.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (e.currentTarget.addEventListener("touchmove", We), e.currentTarget.addEventListener("touchend", Ke)), e.preventDefault(), document.activeElement && document.activeElement.blur(), b.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2583,7 +2591,7 @@ class Ne extends gt {
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
     var t, i;
-    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ae && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Ue, !0), e.currentTarget.removeEventListener("touchend", We, !0)), this.dragging) {
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ae && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", We, !0), e.currentTarget.removeEventListener("touchend", Ke, !0)), this.dragging) {
       delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = b.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete b.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const s = c.initEvent(e, { target: this.el, type: "dragstop" });
       this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), b.dropElement && b.dropElement.drop(e);
@@ -2605,7 +2613,7 @@ class Ne extends gt {
   /** @internal create a clone copy (or user defined method) of the original drag item if set */
   _createHelper() {
     let e = this.el;
-    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = c.cloneNode(this.el)), e.parentElement || c.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Ne.originStyleProp.map((t) => this.el.style[t]), e;
+    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = c.cloneNode(this.el)), e.parentElement || c.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Ae.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -2622,7 +2630,7 @@ class Ne extends gt {
     const e = (t = this.helper) == null ? void 0 : t.gridstackNode;
     if (!(e != null && e._isAboutToRemove) && this.dragElementOriginStyle) {
       const i = this.helper, s = this.dragElementOriginStyle.transition || null;
-      i.style.transition = this.dragElementOriginStyle.transition = "none", Ne.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
+      i.style.transition = this.dragElementOriginStyle.transition = "none", Ae.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -2664,8 +2672,8 @@ class Ne extends gt {
     };
   }
 }
-Ne.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Ns extends gt {
+Ae.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+class Ls extends gt {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
   }
@@ -2745,25 +2753,25 @@ class mt {
     return this.ddDraggable && ["drag", "dragstart", "dragstop"].indexOf(e) > -1 ? this.ddDraggable.off(e) : this.ddDroppable && ["drop", "dropover", "dropout"].indexOf(e) > -1 ? this.ddDroppable.off(e) : this.ddResizable && ["resizestart", "resize", "resizestop"].indexOf(e) > -1 && this.ddResizable.off(e), this;
   }
   setupDraggable(e) {
-    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Ne(this.el, e), this;
+    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Ae(this.el, e), this;
   }
   cleanDraggable() {
     return this.ddDraggable && (this.ddDraggable.destroy(), delete this.ddDraggable), this;
   }
   setupResizable(e) {
-    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Se(this.el, e), this;
+    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Le(this.el, e), this;
   }
   cleanResizable() {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Ns(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Ls(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Ls {
+class As {
   resizable(e, t, i, s) {
     return this._getDDElements(e, t).forEach((r) => {
       if (t === "disable" || t === "enable")
@@ -2852,7 +2860,7 @@ class Ls {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const U = new Ls();
+const U = new As();
 class _ {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -2917,7 +2925,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   /** @internal create placeholder DIV as needed */
   get placeholder() {
     if (!this._placeholder) {
-      this._placeholder = c.createDiv([this.opts.placeholderClass, X.itemClass, this.opts.itemClass]);
+      this._placeholder = c.createDiv([this.opts.placeholderClass, Z.itemClass, this.opts.itemClass]);
       const e = c.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
@@ -2944,23 +2952,23 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const o = t.columnOpts;
     o && (!o.columnWidth && !((f = o.breakpoints) != null && f.length) ? (delete t.columnOpts, s = void 0) : o.columnMax = o.columnMax || 12), (s == null ? void 0 : s.length) > 1 && s.sort((g, y) => (y.w || 0) - (g.w || 0));
     const n = {
-      ...c.cloneDeep(X),
-      column: c.toNumber(e.getAttribute("gs-column")) || X.column,
-      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || X.minRow,
-      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || X.maxRow,
-      staticGrid: c.toBool(e.getAttribute("gs-static")) || X.staticGrid,
+      ...c.cloneDeep(Z),
+      column: c.toNumber(e.getAttribute("gs-column")) || Z.column,
+      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || Z.minRow,
+      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || Z.maxRow,
+      staticGrid: c.toBool(e.getAttribute("gs-static")) || Z.staticGrid,
       sizeToContent: c.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || X.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || Z.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || X.removableOptions.accept,
-        decline: X.removableOptions.decline
+        accept: t.itemClass || Z.removableOptions.accept,
+        decline: Z.removableOptions.decline
       }
     };
     e.getAttribute("gs-animate") && (n.animate = c.toBool(e.getAttribute("gs-animate"))), t = c.defaults(t, n), this._initMargin(), this.checkDynamicColumn(), this.el.classList.add("gs-" + t.column), t.rtl === "auto" && (t.rtl = e.style.direction === "rtl"), t.rtl && this.el.classList.add("grid-stack-rtl");
-    const d = this.el.closest("." + X.itemClass), h = d == null ? void 0 : d.gridstackNode;
-    h && (h.subGrid = this, this.parentGridNode = h, this.el.classList.add("grid-stack-nested"), h.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== X.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ae), this._styleSheetClass = "gs-id-" + le._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    const d = this.el.closest("." + Z.itemClass), h = d == null ? void 0 : d.gridstackNode;
+    h && (h.subGrid = this, this.parentGridNode = h, this.el.classList.add("grid-stack-nested"), h.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== Z.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ae), this._styleSheetClass = "gs-id-" + le._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
     const u = t.engineClass || _.engineClass || le;
     if (this.engine = new u({
       column: this.getColumn(),
@@ -3053,8 +3061,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 h = r.el.querySelector(".grid-stack-item-content"), u, l;
     if (s && (this._removeDD(r.el), l = { ...r, x: 0, y: 0 }, c.removeInternalForSave(l), delete l.subGridOpts, r.content && (l.content = r.content, delete r.content), _.addRemoveCB ? u = _.addRemoveCB(this.el, l, !0, !1) : (u = c.createDiv(["grid-stack-item"]), u.appendChild(h), h = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const p = d ? t.column : r.w, D = r.h + i.h, q = r.el.style;
-      q.transition = "none", this.update(r.el, { w: p, h: D }), setTimeout(() => q.transition = null);
+      const p = d ? t.column : r.w, D = r.h + i.h, P = r.el.style;
+      P.transition = "none", this.update(r.el, { w: p, h: D }), setTimeout(() => P.transition = null);
     }
     const f = r.subGrid = _.addGrid(h, t);
     return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(u, l), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
@@ -3095,7 +3103,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const r = c.cloneDeep(this.opts);
       r.marginBottom === r.marginTop && r.marginRight === r.marginLeft && r.marginTop === r.marginRight && (r.margin = r.marginTop, delete r.marginTop, delete r.marginRight, delete r.marginBottom, delete r.marginLeft), r.rtl === (this.el.style.direction === "rtl") && (r.rtl = "auto"), this._isAutoCellHeight && (r.cellHeight = "auto"), this._autoColumn && (r.column = "auto");
       const o = r._alwaysShowResizeHandle;
-      return delete r._alwaysShowResizeHandle, o !== void 0 ? r.alwaysShowResizeHandle = o : delete r.alwaysShowResizeHandle, c.removeInternalAndSame(r, X), r.children = s, r;
+      return delete r._alwaysShowResizeHandle, o !== void 0 ? r.alwaysShowResizeHandle = o : delete r.alwaysShowResizeHandle, c.removeInternalAndSame(r, Z), r.children = s, r;
     }
     return s;
   }
@@ -3646,7 +3654,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   _prepareElement(e, t = !1, i) {
-    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(X.itemClass, this.opts.itemClass);
+    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(Z.itemClass, this.opts.itemClass);
     const s = c.shouldSizeToContent(i);
     return s ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), s && this.resizeToContentCheck(!1, i), c.lazyLoad(i) || this.prepareDragDrop(i.el), this;
   }
@@ -4032,8 +4040,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       const p = i.position.top - s._prevYPix;
       s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, p);
-      const D = i.position.left + (i.position.left > s._lastUiPosition.left ? -u : h), q = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
-      n.x = Math.round(D / r), n.y = Math.round(q / o);
+      const D = i.position.left + (i.position.left > s._lastUiPosition.left ? -u : h), P = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
+      n.x = Math.round(D / r), n.y = Math.round(P / o);
       const z = this._extraDragRow;
       if (this.engine.collide(s, n)) {
         const Q = this.getRow();
@@ -4077,7 +4085,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return Ds(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Ss(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 _.renderCB = (a, e) => {
@@ -4087,7 +4095,7 @@ _.resizeToContentParent = ".grid-stack-item-content";
 _.Utils = c;
 _.Engine = le;
 _.GDRev = "11.5.1";
-const As = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { class: "grid-stack-item-content" }, Hs = /* @__PURE__ */ Z({
+const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { class: "grid-stack-item-content" }, Ms = /* @__PURE__ */ J({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
@@ -4135,7 +4143,7 @@ const As = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
         g && n.removeWidget(g);
       }
     };
-    return ze(() => i.tiles.length, async (m, g) => {
+    return De(() => i.tiles.length, async (m, g) => {
       if (m > g && n) {
         const y = i.tiles.slice(g);
         for (const p of y)
@@ -4165,19 +4173,19 @@ const As = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
         "gs-x": y.layout.position.col,
         "gs-y": y.layout.position.row
       }, [
-        oe("div", Os, [
-          De(m.$slots, "tile", { tile: y }, void 0, !0)
+        oe("div", Hs, [
+          Se(m.$slots, "tile", { tile: y }, void 0, !0)
         ])
-      ], 8, As))), 128))
+      ], 8, Os))), 128))
     ], 512));
   }
-}), Ms = /* @__PURE__ */ _e(Hs, [["__scopeId", "data-v-a68d6821"]]), Is = {
+}), Is = /* @__PURE__ */ _e(Ms, [["__scopeId", "data-v-a68d6821"]]), qs = {
   key: 0,
   class: "fullscreen-header"
-}, qs = {
+}, Ps = {
   key: 0,
   class: "tile-container slottable-tile"
-}, Ps = /* @__PURE__ */ Z({
+}, $s = /* @__PURE__ */ J({
   __name: "DashboardRenderer",
   props: /* @__PURE__ */ xt({
     context: {}
@@ -4187,30 +4195,30 @@ const As = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
   }),
   emits: /* @__PURE__ */ xt(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
   setup(a, { expose: e, emit: t }) {
-    Ye((C) => ({
+    je((C) => ({
       v82baf22a: l.value
     }));
-    const i = a, s = t, r = di(a, "modelValue"), { i18n: o } = ye.useI18n(), n = H(0), d = H(null), h = H(), u = H(), l = H("scale(1)"), f = ve(me);
+    const i = a, s = t, r = ci(a, "modelValue"), { i18n: o } = ye.useI18n(), n = H(0), d = H(null), h = H(), u = H(), l = H("scale(1)"), f = ve(pe);
     f || (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")), ye.useRequestQueue();
-    const m = dt(), g = T(() => i.context.timeSpec ? i.context.timeSpec : {
+    const m = dt(), g = k(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
       time_range: m.defaultQueryTimeForOrg
-    }), y = T(() => !!i.context.timeSpec || !m.loading), p = (C, S) => {
-      const N = C.layout.position.row - S.layout.position.row;
-      return N !== 0 ? N : C.layout.position.col - S.layout.position.col;
-    }, D = T(() => r.value.tiles.map((C) => {
-      var N;
-      let S = C.definition;
-      if ("description" in S.chart) {
-        const P = (N = S.chart.description) == null ? void 0 : N.replace(Bi, () => {
-          const pe = `renderer.trendRange.${g.value.type === "absolute" ? "custom" : g.value.time_range}`;
-          return o.te(pe) ? o.t(pe) : "";
+    }), y = k(() => !!i.context.timeSpec || !m.loading), p = (C, N) => {
+      const L = C.layout.position.row - N.layout.position.row;
+      return L !== 0 ? L : C.layout.position.col - N.layout.position.col;
+    }, D = k(() => r.value.tiles.map((C) => {
+      var L;
+      let N = C.definition;
+      if ("description" in N.chart) {
+        const q = (L = N.chart.description) == null ? void 0 : L.replace(Ui, () => {
+          const fe = `renderer.trendRange.${g.value.type === "absolute" ? "custom" : g.value.time_range}`;
+          return o.te(fe) ? o.t(fe) : "";
         });
-        S = {
-          ...S,
+        N = {
+          ...N,
           chart: {
-            ...S.chart,
-            description: P
+            ...N.chart,
+            description: q
           }
         };
       }
@@ -4220,48 +4228,48 @@ const As = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
         C
       ), {
         layout: C.layout,
-        meta: S,
+        meta: N,
         type: C.type,
         // Add a unique key to each tile internally.
         id: C.id ?? crypto.randomUUID()
       };
-    })), q = T(() => {
-      var pe, Re, qe;
-      let { tz: C, refreshInterval: S, editable: N } = i.context;
-      const P = [...i.context.filters ?? [], ...r.value.preset_filters ?? []];
-      if (C || (C = new Intl.DateTimeFormat().resolvedOptions().timeZone), S === void 0 && (S = Ui), J.value) {
-        let ke = !1;
+    })), P = k(() => {
+      var fe, Pe, ke;
+      let { tz: C, refreshInterval: N, editable: L } = i.context;
+      const q = [...i.context.filters ?? [], ...r.value.preset_filters ?? []];
+      if (C || (C = new Intl.DateTimeFormat().resolvedOptions().timeZone), N === void 0 && (N = Wi), j.value) {
+        let Te = !1;
         if (g.value.type === "relative")
-          ke = ["15m", "1h", "6h", "12h", "24h"].includes(g.value.time_range);
+          Te = ["15m", "1h", "6h", "12h", "24h"].includes(g.value.time_range);
         else {
           const et = g.value.start.getTime(), tt = g.value.end.getTime();
-          ke = Math.abs(tt - et) <= 864e5;
+          Te = Math.abs(tt - et) <= 864e5;
         }
         const Je = (/* @__PURE__ */ new Date()).getTime();
-        g.value.type === "absolute" && g.value.end.getTime() < Je ? S = 0 : ke ? S = Wi : S = Ki;
+        g.value.type === "absolute" && g.value.end.getTime() < Je ? N = 0 : Te ? N = Ki : N = Vi;
       }
-      N === void 0 && (N = !1);
-      const ee = !!((qe = (Re = (pe = ci()) == null ? void 0 : pe.vnode) == null ? void 0 : Re.props) != null && qe.onTileTimeRangeZoom);
+      L === void 0 && (L = !1);
+      const re = !!((ke = (Pe = (fe = fi()) == null ? void 0 : fe.vnode) == null ? void 0 : Pe.props) != null && ke.onTileTimeRangeZoom);
       return {
-        filters: P,
+        filters: q,
         tz: C,
         timeSpec: g.value,
-        refreshInterval: S,
-        editable: N,
-        zoomable: ee
+        refreshInterval: N,
+        editable: L,
+        zoomable: re
       };
     }), z = (C) => {
       s("edit-tile", C);
     }, Q = (C) => C.type === "slottable", B = (C) => {
-      const S = Q(C.meta.chart) ? { ...C.meta.chart } : {
+      const N = Q(C.meta.chart) ? { ...C.meta.chart } : {
         ...C.meta.chart,
         chart_title: C.meta.chart.chart_title ? `Copy of ${C.meta.chart.chart_title}` : ""
-      }, N = {
+      }, L = {
         id: crypto.randomUUID(),
         type: "chart",
         definition: {
           ...C.meta,
-          chart: S
+          chart: N
         },
         layout: {
           position: {
@@ -4271,49 +4279,49 @@ const As = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
           size: C.layout.size
         }
       };
-      r.value.tiles.push(N);
+      r.value.tiles.push(L);
     }, R = (C) => {
       d.value && d.value.removeWidget(C.id);
     }, M = () => {
       n.value++;
     }, Y = (C) => {
-      const S = C.map((N) => ({
-        id: N.id,
-        type: N.type,
-        layout: N.layout,
-        definition: N.meta
+      const N = C.map((L) => ({
+        id: L.id,
+        type: L.type,
+        layout: L.layout,
+        definition: L.meta
       }));
-      r.value.tiles = S.sort(p);
+      r.value.tiles = N.sort(p);
     }, de = async () => {
       if (l.value = "scale(1)", await ut(), u.value) {
-        const { availWidth: C, availHeight: S } = window.screen, { width: N, height: P } = u.value.getBoundingClientRect(), ee = Math.min(S / P, C / N);
-        l.value = `scale(${ee})`;
+        const { availWidth: C, availHeight: N } = window.screen, { width: L, height: q } = u.value.getBoundingClientRect(), re = Math.min(N / q, C / L);
+        l.value = `scale(${re})`;
       }
-    }, Me = () => {
+    }, qe = () => {
       h.value && (document.fullscreenElement ? document.exitFullscreen() : h.value.requestFullscreen());
-    }, J = H(!1), Ie = () => {
-      J.value = document.fullscreenElement !== null, J.value && de();
+    }, j = H(!1), Re = () => {
+      j.value = document.fullscreenElement !== null, j.value && de();
     };
     return e({
       refresh: M,
-      toggleFullscreen: Me
-    }), (C, S) => {
-      const N = ge("KAlert");
+      toggleFullscreen: qe
+    }), (C, N) => {
+      const L = me("KAlert");
       return x(), K("div", {
         ref_key: "dashboardContainer",
         ref: h,
-        class: je(["kong-ui-public-dashboard-renderer", { "is-fullscreen": J.value }]),
-        onFullscreenchange: Ie
+        class: Ne(["kong-ui-public-dashboard-renderer", { "is-fullscreen": j.value }]),
+        onFullscreenchange: Re
       }, [
         oe("div", {
           ref_key: "layoutContainer",
           ref: u,
           class: "layout"
         }, [
-          E(f) && J.value ? (x(), K("div", Is, [
-            De(C.$slots, "fullscreenHeader", {}, void 0, !0)
+          E(f) && j.value ? (x(), K("div", qs, [
+            Se(C.$slots, "fullscreenHeader", {}, void 0, !0)
           ])) : V("", !0),
-          E(f) ? (x(), O(Pt(a.context.editable && !J.value ? Ms : zs), {
+          E(f) ? (x(), O(Pt(a.context.editable && !j.value ? Is : Ds), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: d,
@@ -4321,27 +4329,27 @@ const As = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
             tiles: D.value,
             onUpdateTiles: Y
           }, {
-            tile: $(({ tile: P }) => [
-              P.meta.chart.type === "slottable" ? (x(), K("div", qs, [
-                De(C.$slots, P.meta.chart.id, {}, void 0, !0)
-              ])) : (x(), O(Rs, {
-                key: J.value ? `${P.id}-tile` : `${P.id}-tile-fullscreen`,
+            tile: $(({ tile: q }) => [
+              q.meta.chart.type === "slottable" ? (x(), K("div", Ps, [
+                Se(C.$slots, q.meta.chart.id, {}, void 0, !0)
+              ])) : (x(), O(ks, {
+                key: j.value ? `${q.id}-tile` : `${q.id}-tile-fullscreen`,
                 class: "tile-container",
-                context: q.value,
-                definition: P.meta,
-                height: P.layout.size.rows * (r.value.tile_height || E(Xe)) + parseInt(E(Jt), 10),
-                "is-fullscreen": J.value,
+                context: P.value,
+                definition: q.meta,
+                height: q.layout.size.rows * (r.value.tile_height || E(Xe)) + parseInt(E(Jt), 10),
+                "is-fullscreen": j.value,
                 "query-ready": y.value,
                 "refresh-counter": n.value,
-                "tile-id": P.id,
-                onDuplicateTile: (ee) => B(P),
-                onEditTile: (ee) => z(P),
-                onRemoveTile: (ee) => R(P),
-                onTileTimeRangeZoom: S[0] || (S[0] = (ee) => s("tile-time-range-zoom", ee))
+                "tile-id": q.id,
+                onDuplicateTile: (re) => B(q),
+                onEditTile: (re) => z(q),
+                onRemoveTile: (re) => R(q),
+                onTileTimeRangeZoom: N[0] || (N[0] = (re) => s("tile-time-range-zoom", re))
               }, null, 8, ["context", "definition", "height", "is-fullscreen", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
             ]),
             _: 3
-          }, 40, ["tile-height", "tiles"])) : (x(), O(N, {
+          }, 40, ["tile-height", "tiles"])) : (x(), O(L, {
             key: 1,
             appearance: "danger"
           }, {
@@ -4354,18 +4362,18 @@ const As = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
       ], 34);
     };
   }
-}), js = /* @__PURE__ */ _e(Ps, [["__scopeId", "data-v-8d8a6181"]]);
+}), Xs = /* @__PURE__ */ _e($s, [["__scopeId", "data-v-8d8a6181"]]);
 export {
-  Gi as C,
-  js as D,
+  Bi as C,
+  Xs as D,
   Rt as E,
-  Wi as F,
-  zs as G,
-  me as I,
-  Bi as T,
+  Ki as F,
+  Ds as G,
+  pe as I,
+  Ui as T,
   ct as _,
   Xe as a,
   Ut as b,
-  Ui as c,
-  Ki as d
+  Wi as c,
+  Vi as d
 };