@kong-ui-public/dashboard-renderer 8.12.14 → 8.12.16

package/dist/{index-B-sUo98c.js → index-DxrhvuyE.js}

@@ -1,72 +1,72 @@
-var Mi = Object.defineProperty;
-var Nt = (a) => {
-  throw TypeError(a);
+var Ii = Object.defineProperty;
+var Lt = (o) => {
+  throw TypeError(o);
 };
-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), ht = (a, e, t) => e.has(a) || Nt("Cannot " + t);
-var _ = (a, e, t) => (ht(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) => (ht(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), K = (a, e, t) => (ht(a, e, "access private method"), t);
-var ze = (a, e, t, i) => ({
+var Mi = (o, e, t) => e in o ? Ii(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var At = (o, e, t) => Mi(o, typeof e != "symbol" ? e + "" : e, t), ht = (o, e, t) => e.has(o) || Lt("Cannot " + t);
+var _ = (o, e, t) => (ht(o, e, "read from private field"), t ? t.call(o) : e.get(o)), U = (o, e, t) => e.has(o) ? Lt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), $ = (o, e, t, i) => (ht(o, e, "write to private field"), i ? i.call(o, t) : e.set(o, t), t), K = (o, e, t) => (ht(o, e, "access private method"), t);
+var Le = (o, e, t, i) => ({
   set _(s) {
-    $(a, e, s, t);
+    $(o, e, s, t);
   },
   get _() {
-    return _(a, e, i);
+    return _(o, e, i);
   }
 });
-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 ee, resolveComponent as le, unref as E, openBlock as x, createBlock as L, createSlots as nt, withCtx as M, createElementVNode as te, toDisplayString as J, renderSlot as Le, createCommentVNode as X, normalizeStyle as je, normalizeClass as Se, createVNode as ge, mergeProps as Zt, createTextVNode as mt, createElementBlock as B, normalizeProps as Ui, guardReactiveProps as Wi, defineAsyncComponent as Jt, Fragment as pt, useCssVars as yt, useModel as ei, readonly as dt, nextTick as vt, resolveDynamicComponent as ti, toHandlers as Ki, mergeModels as Xe, renderList as ii, useTemplateRef as Ot } from "vue";
-import { msToGranularity as ct, 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";
+import { ref as H, watchEffect as Jt, inject as ge, provide as qi, toRaw as Pi, computed as E, isRef as $i, isReactive as Bi, toRef as Ae, hasInjectionContext as Ot, onMounted as st, watch as Oe, onUnmounted as Fe, getCurrentInstance as Fi, defineComponent as ee, resolveComponent as ue, unref as w, openBlock as C, createBlock as O, createSlots as rt, withCtx as q, createElementVNode as te, toDisplayString as J, renderSlot as He, createCommentVNode as X, normalizeStyle as Ye, normalizeClass as ze, createVNode as fe, mergeProps as ei, createTextVNode as gt, createElementBlock as B, normalizeProps as Gi, guardReactiveProps as Ui, defineAsyncComponent as ti, Fragment as mt, useCssVars as pt, useModel as ii, readonly as Ht, nextTick as yt, resolveDynamicComponent as si, toHandlers as Wi, mergeModels as je, renderList as ri, useTemplateRef as It } from "vue";
+import { msToGranularity as dt, TimePeriods as Ki, TIMEFRAME_LOOKUP as Qi, formatTime as Mt, EXPORT_RECORD_LIMIT as Vi } from "@kong-ui-public/analytics-utilities";
+import { handleQueryError as Yi, SimpleChart as ji, AnalyticsChart as Xi, TopNTable as Zi, CsvExportModal as Ji } from "@kong-ui-public/analytics-chart";
+import es from "swrv";
 import "axios";
-import { createI18n as is, i18nTComponent as ss } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as _t, useDatasourceConfigStore as ot } from "@kong-ui-public/analytics-config-store";
-import { VisibilityOffIcon as rs, WarningOutlineIcon as ns, WarningIcon as os, ProgressIcon as as, RefreshIcon as ls, EditIcon as us, MoreIcon as hs } from "@kong/icons";
-import { MetricsProvider as ds, MetricsConsumer as cs } from "@kong-ui-public/analytics-metric-provider";
-import { TableDataGrid as fs } from "@kong-ui-public/table-data-grid";
-var si = /* @__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))(si || {});
-const gs = (a) => {
+import { createI18n as ts, i18nTComponent as is } from "@kong-ui-public/i18n";
+import { useAnalyticsConfigStore as vt, useDatasourceConfigStore as nt } from "@kong-ui-public/analytics-config-store";
+import { VisibilityOffIcon as ss, WarningOutlineIcon as rs, WarningIcon as ns, ProgressIcon as os, RefreshIcon as as, EditIcon as ls, MoreIcon as us } from "@kong/icons";
+import { MetricsProvider as hs, MetricsConsumer as ds } from "@kong-ui-public/analytics-metric-provider";
+import { TableDataGrid as cs } from "@kong-ui-public/table-data-grid";
+var ni = /* @__PURE__ */ ((o) => (o.VALIDATING = "VALIDATING", o.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", o.PENDING = "PENDING", o.SUCCESS = "SUCCESS", o.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", o.ERROR = "ERROR", o.STALE_IF_ERROR = "STALE_IF_ERROR", o))(ni || {});
+const fs = (o) => {
   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;
+  return o ? !!// TODO: revisit: currently only the first check ever matters?
+  ((e = Object.keys(o)) != null && e.length || (t = o.data) != null && t.length || (s = (i = o.data) == null ? void 0 : i.data) != null && s.length || !((r = o.data) != null && r.data) && typeof o.data == "object" && Object.keys(o == null ? void 0 : o.data).length) : !1;
 };
-function ms(a = A({}), e, t, i = gs) {
-  const s = A(
+function gs(o = H({}), e, t, i = fs) {
+  const s = H(
     "PENDING"
     /* PENDING */
   );
-  return Xt(() => {
-    const r = i(a.value);
-    if (a.value && r && t.value) {
+  return Jt(() => {
+    const r = i(o.value);
+    if (o.value && r && t.value) {
       s.value = "VALIDATING_HAS_DATA";
       return;
     }
-    if (a.value && t.value) {
+    if (o.value && t.value) {
       s.value = "VALIDATING";
       return;
     }
-    if (a.value && e.value) {
+    if (o.value && e.value) {
       s.value = "STALE_IF_ERROR";
       return;
     }
-    if (a.value === void 0 && !e.value) {
+    if (o.value === void 0 && !e.value) {
       s.value = "PENDING";
       return;
     }
-    if (a.value && !e.value && r) {
+    if (o.value && !e.value && r) {
       s.value = "SUCCESS_HAS_DATA";
       return;
     }
-    if (a.value && !e.value) {
+    if (o.value && !e.value) {
       s.value = "SUCCESS";
       return;
     }
-    a.value === void 0 && e && (s.value = "ERROR");
+    o.value === void 0 && e && (s.value = "ERROR");
   }), {
     state: s,
-    swrvState: si
+    swrvState: ni
   };
 }
-const ps = {
+const ms = {
   not_configured: {
     title: "Chart is not fully configured",
     description: "Begin by choosing at least one metric"
@@ -85,10 +85,10 @@ const ps = {
   remove: "Remove",
   delete: "Delete",
   as_of_today: "As of today"
-}, ys = {
+}, ps = {
   defaultFilename: "Chart export",
   exportAsCsv: "Export as CSV"
-}, vs = {
+}, ys = {
   control_plane: "Control plane",
   data_plane_node_version: "Data plane node version",
   env: "Environment",
@@ -103,7 +103,7 @@ const ps = {
   status_code: "Status code",
   team: "Team",
   name: "Name"
-}, _s = "Explore", bs = "View requests", ws = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", Es = {
+}, vs = "Explore", _s = "View requests", bs = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", ws = {
   daily: "1 day",
   fiveMinutely: "5 minutes",
   hourly: "1 hour",
@@ -116,35 +116,35 @@ const ps = {
   twoHourly: "2 hours",
   weekly: "1 week",
   unknown: "Unknown"
-}, xs = {
-  renderer: ps,
-  csvExport: ys,
-  chartLabels: vs,
-  jumpToExplore: _s,
-  jumpToRequests: bs,
-  query_aged_out_warning: ws,
-  granularities: Es
+}, Es = {
+  renderer: ms,
+  csvExport: ps,
+  chartLabels: ys,
+  jumpToExplore: vs,
+  jumpToRequests: _s,
+  query_aged_out_warning: bs,
+  granularities: ws
 };
-function Cs() {
-  const a = is("en-us", xs);
+function xs() {
+  const o = ts("en-us", Es);
   return {
-    i18n: a,
-    i18nT: ss(a)
+    i18n: o,
+    i18nT: is(o)
     // Translation component <i18n-t>
   };
 }
-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);
+const Ge = 170, _t = 6, ye = "analytics-query-provider", qt = "{entity-id}", Cs = "{cp-id}", Rs = "{timeframe}", ks = 30 * 1e3, Ts = 3e5, Ss = 36e5;
+function Ds() {
+  const o = ge(ye);
   return {
-    evaluateFeatureFlag: (t, i) => a ? a.evaluateFeatureFlagFn(t, i) : i
+    evaluateFeatureFlag: (t, i) => o ? o.evaluateFeatureFlagFn(t, i) : i
   };
 }
-function Ns(a) {
-  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
+function zs(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var ri = { exports: {} };
-(function(a) {
+var oi = { exports: {} };
+(function(o) {
   var e = Object.prototype.hasOwnProperty, t = "~";
   function i() {
   }
@@ -155,10 +155,10 @@ var ri = { exports: {} };
   function r(d, l, h, u, f) {
     if (typeof h != "function")
       throw new TypeError("The listener must be a function");
-    var g = new s(h, u || d, f), p = t ? t + l : l;
-    return d._events[p] ? d._events[p].fn ? d._events[p] = [d._events[p], g] : d._events[p].push(g) : (d._events[p] = g, d._eventsCount++), d;
+    var m = new s(h, u || d, f), p = t ? t + l : l;
+    return d._events[p] ? d._events[p].fn ? d._events[p] = [d._events[p], m] : d._events[p].push(m) : (d._events[p] = m, d._eventsCount++), d;
   }
-  function o(d, l) {
+  function a(d, l) {
     --d._eventsCount === 0 ? d._events = new i() : delete d._events[l];
   }
   function n() {
@@ -174,54 +174,54 @@ var ri = { exports: {} };
     var h = t ? t + l : l, u = this._events[h];
     if (!u) return [];
     if (u.fn) return [u.fn];
-    for (var f = 0, g = u.length, p = new Array(g); f < g; f++)
+    for (var f = 0, m = u.length, p = new Array(m); f < m; f++)
       p[f] = u[f].fn;
     return p;
   }, n.prototype.listenerCount = function(l) {
     var h = t ? t + l : l, u = this._events[h];
     return u ? u.fn ? 1 : u.length : 0;
-  }, n.prototype.emit = function(l, h, u, f, g, p) {
+  }, n.prototype.emit = function(l, h, u, f, m, p) {
     var y = t ? t + l : l;
     if (!this._events[y]) return !1;
-    var m = this._events[y], T = arguments.length, k, w;
-    if (m.fn) {
-      switch (m.once && this.removeListener(l, m.fn, void 0, !0), T) {
+    var g = this._events[y], k = arguments.length, N, v;
+    if (g.fn) {
+      switch (g.once && this.removeListener(l, g.fn, void 0, !0), k) {
         case 1:
-          return m.fn.call(m.context), !0;
+          return g.fn.call(g.context), !0;
         case 2:
-          return m.fn.call(m.context, h), !0;
+          return g.fn.call(g.context, h), !0;
         case 3:
-          return m.fn.call(m.context, h, u), !0;
+          return g.fn.call(g.context, h, u), !0;
         case 4:
-          return m.fn.call(m.context, h, u, f), !0;
+          return g.fn.call(g.context, h, u, f), !0;
         case 5:
-          return m.fn.call(m.context, h, u, f, g), !0;
+          return g.fn.call(g.context, h, u, f, m), !0;
         case 6:
-          return m.fn.call(m.context, h, u, f, g, p), !0;
+          return g.fn.call(g.context, h, u, f, m, p), !0;
       }
-      for (w = 1, k = new Array(T - 1); w < T; w++)
-        k[w - 1] = arguments[w];
-      m.fn.apply(m.context, k);
+      for (v = 1, N = new Array(k - 1); v < k; v++)
+        N[v - 1] = arguments[v];
+      g.fn.apply(g.context, N);
     } 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), T) {
+      var M = g.length, A;
+      for (v = 0; v < M; v++)
+        switch (g[v].once && this.removeListener(l, g[v].fn, void 0, !0), k) {
           case 1:
-            m[w].fn.call(m[w].context);
+            g[v].fn.call(g[v].context);
             break;
           case 2:
-            m[w].fn.call(m[w].context, h);
+            g[v].fn.call(g[v].context, h);
             break;
           case 3:
-            m[w].fn.call(m[w].context, h, u);
+            g[v].fn.call(g[v].context, h, u);
             break;
           case 4:
-            m[w].fn.call(m[w].context, h, u, f);
+            g[v].fn.call(g[v].context, h, u, f);
             break;
           default:
-            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);
+            if (!N) for (A = 1, N = new Array(k - 1); A < k; A++)
+              N[A - 1] = arguments[A];
+            g[v].fn.apply(g[v].context, N);
         }
     }
     return !0;
@@ -230,99 +230,99 @@ var ri = { exports: {} };
   }, n.prototype.once = function(l, h, u) {
     return r(this, l, h, u, !0);
   }, n.prototype.removeListener = function(l, h, u, f) {
-    var g = t ? t + l : l;
-    if (!this._events[g]) return this;
+    var m = t ? t + l : l;
+    if (!this._events[m]) return this;
     if (!h)
-      return o(this, g), this;
-    var p = this._events[g];
+      return a(this, m), this;
+    var p = this._events[m];
     if (p.fn)
-      p.fn === h && (!f || p.once) && (!u || p.context === u) && o(this, g);
+      p.fn === h && (!f || p.once) && (!u || p.context === u) && a(this, m);
     else {
-      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);
+      for (var y = 0, g = [], k = p.length; y < k; y++)
+        (p[y].fn !== h || f && !p[y].once || u && p[y].context !== u) && g.push(p[y]);
+      g.length ? this._events[m] = g.length === 1 ? g[0] : g : a(this, m);
     }
     return this;
   }, n.prototype.removeAllListeners = function(l) {
     var h;
-    return l ? (h = t ? t + l : l, this._events[h] && o(this, h)) : (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;
-})(ri);
-var Ls = ri.exports;
-const As = /* @__PURE__ */ Ns(Ls);
-class ni extends Error {
+    return l ? (h = t ? t + l : l, this._events[h] && a(this, h)) : (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, o.exports = n;
+})(oi);
+var Ns = oi.exports;
+const Ls = /* @__PURE__ */ zs(Ns);
+class ai extends Error {
   constructor(e) {
     super(e), this.name = "TimeoutError";
   }
 }
-class Os extends Error {
+class As extends Error {
   constructor(e) {
     super(), this.name = "AbortError", this.message = e;
   }
 }
-const Mt = (a) => globalThis.DOMException === void 0 ? new Os(a) : new DOMException(a), qt = (a) => {
-  const e = a.reason === void 0 ? Mt("This operation was aborted.") : a.reason;
-  return e instanceof Error ? e : Mt(e);
+const Pt = (o) => globalThis.DOMException === void 0 ? new As(o) : new DOMException(o), $t = (o) => {
+  const e = o.reason === void 0 ? Pt("This operation was aborted.") : o.reason;
+  return e instanceof Error ? e : Pt(e);
 };
-function Hs(a, e) {
+function Os(o, e) {
   const {
     milliseconds: t,
     fallback: i,
     message: s,
     customTimers: r = { setTimeout, clearTimeout }
   } = e;
-  let o, n;
+  let a, n;
   const l = new Promise((h, u) => {
     if (typeof t != "number" || Math.sign(t) !== 1)
       throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);
     if (e.signal) {
-      const { signal: g } = e;
-      g.aborted && u(qt(g)), n = () => {
-        u(qt(g));
-      }, g.addEventListener("abort", n, { once: !0 });
+      const { signal: m } = e;
+      m.aborted && u($t(m)), n = () => {
+        u($t(m));
+      }, m.addEventListener("abort", n, { once: !0 });
     }
     if (t === Number.POSITIVE_INFINITY) {
-      a.then(h, u);
+      o.then(h, u);
       return;
     }
-    const f = new ni();
-    o = r.setTimeout.call(void 0, () => {
+    const f = new ai();
+    a = r.setTimeout.call(void 0, () => {
       if (i) {
         try {
           h(i());
-        } catch (g) {
-          u(g);
+        } catch (m) {
+          u(m);
         }
         return;
       }
-      typeof a.cancel == "function" && a.cancel(), s === !1 ? h() : s instanceof Error ? u(s) : (f.message = s ?? `Promise timed out after ${t} milliseconds`, u(f));
+      typeof o.cancel == "function" && o.cancel(), s === !1 ? h() : s instanceof Error ? u(s) : (f.message = s ?? `Promise timed out after ${t} milliseconds`, u(f));
     }, t), (async () => {
       try {
-        h(await a);
-      } catch (g) {
-        u(g);
+        h(await o);
+      } catch (m) {
+        u(m);
       }
     })();
   }).finally(() => {
     l.clear(), n && e.signal && e.signal.removeEventListener("abort", n);
   });
   return l.clear = () => {
-    r.clearTimeout.call(void 0, o), o = void 0;
+    r.clearTimeout.call(void 0, a), a = void 0;
   }, l;
 }
-function Is(a, e, t) {
-  let i = 0, s = a.length;
+function Hs(o, e, t) {
+  let i = 0, s = o.length;
   for (; s > 0; ) {
     const r = Math.trunc(s / 2);
-    let o = i + r;
-    t(a[o], e) <= 0 ? (i = ++o, s -= r + 1) : s = r;
+    let a = i + r;
+    t(o[a], e) <= 0 ? (i = ++a, s -= r + 1) : s = r;
   }
   return i;
 }
-var re;
-class Ms {
+var se;
+class Is {
   constructor() {
-    U(this, re, []);
+    U(this, se, []);
   }
   enqueue(e, t) {
     t = {
@@ -334,83 +334,83 @@ class Ms {
       id: t.id,
       run: e
     };
-    if (this.size === 0 || _(this, re)[this.size - 1].priority >= t.priority) {
-      _(this, re).push(i);
+    if (this.size === 0 || _(this, se)[this.size - 1].priority >= t.priority) {
+      _(this, se).push(i);
       return;
     }
-    const s = Is(_(this, re), i, (r, o) => o.priority - r.priority);
-    _(this, re).splice(s, 0, i);
+    const s = Hs(_(this, se), i, (r, a) => a.priority - r.priority);
+    _(this, se).splice(s, 0, i);
   }
   setPriority(e, t) {
-    const i = _(this, re).findIndex((r) => r.id === e);
+    const i = _(this, se).findIndex((r) => r.id === e);
     if (i === -1)
       throw new ReferenceError(`No promise function with the id "${e}" exists in the queue.`);
-    const [s] = _(this, re).splice(i, 1);
+    const [s] = _(this, se).splice(i, 1);
     this.enqueue(s.run, { priority: t, id: e });
   }
   dequeue() {
-    const e = _(this, re).shift();
+    const e = _(this, se).shift();
     return e == null ? void 0 : e.run;
   }
   filter(e) {
-    return _(this, re).filter((t) => t.priority === e.priority).map((t) => t.run);
+    return _(this, se).filter((t) => t.priority === e.priority).map((t) => t.run);
   }
   get size() {
-    return _(this, re).length;
+    return _(this, se).length;
   }
 }
-re = new WeakMap();
-var xe, Ce, ve, He, Re, Ie, ne, ke, Z, Me, oe, Te, pe, qe, st, N, oi, ai, li, ui, hi, Ke, ft, gt, Qe, di, Ve;
-class qs extends As {
+se = new WeakMap();
+var Re, ke, _e, qe, Te, Pe, re, Se, Z, $e, ne, De, pe, Be, it, L, li, ui, hi, di, ci, Ke, ct, ft, Qe, fi, Ve;
+class Ms extends Ls {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
-    U(this, N);
-    U(this, xe);
-    U(this, Ce);
-    U(this, ve, 0);
-    U(this, He);
+    U(this, L);
     U(this, Re);
-    U(this, Ie, 0);
-    U(this, ne);
     U(this, ke);
+    U(this, _e, 0);
+    U(this, qe);
+    U(this, Te);
+    U(this, Pe, 0);
+    U(this, re);
+    U(this, Se);
     U(this, Z);
-    U(this, Me);
-    U(this, oe, 0);
+    U(this, $e);
+    U(this, ne, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
-    U(this, Te);
+    U(this, De);
     U(this, pe);
-    U(this, qe);
+    U(this, Be);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
-    U(this, st, 1n);
+    U(this, it, 1n);
     /**
         Per-operation timeout in milliseconds. Operations fulfill once `timeout` elapses if they haven't already.
     
         Applies to each future operation.
         */
-    Lt(this, "timeout");
+    At(this, "timeout");
     if (t = {
       carryoverConcurrencyCount: !1,
       intervalCap: Number.POSITIVE_INFINITY,
       interval: 0,
       concurrency: Number.POSITIVE_INFINITY,
       autoStart: !0,
-      queueClass: Ms,
+      queueClass: Is,
       ...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})`);
-    $(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);
+    $(this, Re, t.carryoverConcurrencyCount), $(this, ke, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), $(this, qe, t.intervalCap), $(this, Te, t.interval), $(this, Z, new t.queueClass()), $(this, $e, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, $(this, Be, t.throwOnTimeout === !0), $(this, pe, t.autoStart === !1);
   }
   get concurrency() {
-    return _(this, Te);
+    return _(this, De);
   }
   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})`);
-    $(this, Te, t), K(this, N, Qe).call(this);
+    $(this, De, t), K(this, L, 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.
@@ -452,30 +452,30 @@ class qs extends As {
     _(this, Z).setPriority(t, i);
   }
   async add(t, i = {}) {
-    return i.id ?? (i.id = (ze(this, st)._++).toString()), i = {
+    return i.id ?? (i.id = (Le(this, it)._++).toString()), i = {
       timeout: this.timeout,
-      throwOnTimeout: _(this, qe),
+      throwOnTimeout: _(this, Be),
       ...i
     }, new Promise((s, r) => {
       _(this, Z).enqueue(async () => {
-        var o;
-        ze(this, oe)._++;
+        var a;
+        Le(this, ne)._++;
         try {
-          (o = i.signal) == null || o.throwIfAborted(), ze(this, ve)._++;
+          (a = i.signal) == null || a.throwIfAborted(), Le(this, _e)._++;
           let n = t({ signal: i.signal });
-          i.timeout && (n = Hs(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, K(this, N, di).call(this, i.signal)]));
+          i.timeout && (n = Os(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, K(this, L, fi).call(this, i.signal)]));
           const d = await n;
           s(d), this.emit("completed", d);
         } catch (n) {
-          if (n instanceof ni && !i.throwOnTimeout) {
+          if (n instanceof ai && !i.throwOnTimeout) {
             s();
             return;
           }
           r(n), this.emit("error", n);
         } finally {
-          K(this, N, li).call(this);
+          K(this, L, hi).call(this);
         }
-      }, i), this.emit("add"), K(this, N, Ke).call(this);
+      }, i), this.emit("add"), K(this, L, Ke).call(this);
     });
   }
   async addAll(t, i) {
@@ -485,7 +485,7 @@ 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) ? ($(this, pe, !1), K(this, N, Qe).call(this), this) : this;
+    return _(this, pe) ? ($(this, pe, !1), K(this, L, Qe).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
@@ -497,7 +497,7 @@ class qs extends As {
   Clear the queue.
   */
   clear() {
-    $(this, Z, new (_(this, Me))());
+    $(this, Z, new (_(this, $e))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -505,7 +505,7 @@ class qs extends As {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    _(this, Z).size !== 0 && await K(this, N, Ve).call(this, "empty");
+    _(this, Z).size !== 0 && await K(this, L, Ve).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -515,7 +515,7 @@ class qs extends As {
       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) {
-    _(this, Z).size < t || await K(this, N, Ve).call(this, "next", () => _(this, Z).size < t);
+    _(this, Z).size < t || await K(this, L, Ve).call(this, "next", () => _(this, Z).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.
@@ -523,7 +523,7 @@ class qs extends As {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    _(this, oe) === 0 && _(this, Z).size === 0 || await K(this, N, Ve).call(this, "idle");
+    _(this, ne) === 0 && _(this, Z).size === 0 || await K(this, L, Ve).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
@@ -543,7 +543,7 @@ class qs extends As {
   Number of running items (no longer in the queue).
   */
   get pending() {
-    return _(this, oe);
+    return _(this, ne);
   }
   /**
   Whether the queue is currently paused.
@@ -552,50 +552,50 @@ 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(), 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, Te);
-}, li = function() {
-  ze(this, oe)._--, K(this, N, Ke).call(this), this.emit("next");
+Re = new WeakMap(), ke = new WeakMap(), _e = new WeakMap(), qe = new WeakMap(), Te = new WeakMap(), Pe = new WeakMap(), re = new WeakMap(), Se = new WeakMap(), Z = new WeakMap(), $e = new WeakMap(), ne = new WeakMap(), De = new WeakMap(), pe = new WeakMap(), Be = new WeakMap(), it = new WeakMap(), L = new WeakSet(), li = function() {
+  return _(this, ke) || _(this, _e) < _(this, qe);
 }, ui = function() {
-  K(this, N, gt).call(this), K(this, N, ft).call(this), $(this, ke, void 0);
+  return _(this, ne) < _(this, De);
 }, hi = function() {
+  Le(this, ne)._--, K(this, L, Ke).call(this), this.emit("next");
+}, di = function() {
+  K(this, L, ft).call(this), K(this, L, ct).call(this), $(this, Se, void 0);
+}, ci = function() {
   const t = Date.now();
-  if (_(this, ne) === void 0) {
-    const i = _(this, Ie) - t;
+  if (_(this, re) === void 0) {
+    const i = _(this, Pe) - t;
     if (i < 0)
-      $(this, ve, _(this, xe) ? _(this, oe) : 0);
+      $(this, _e, _(this, Re) ? _(this, ne) : 0);
     else
-      return _(this, ke) === void 0 && $(this, ke, setTimeout(() => {
-        K(this, N, ui).call(this);
+      return _(this, Se) === void 0 && $(this, Se, setTimeout(() => {
+        K(this, L, di).call(this);
       }, i)), !0;
   }
   return !1;
 }, Ke = function() {
   if (_(this, Z).size === 0)
-    return _(this, ne) && clearInterval(_(this, ne)), $(this, ne, void 0), this.emit("empty"), _(this, oe) === 0 && this.emit("idle"), !1;
+    return _(this, re) && clearInterval(_(this, re)), $(this, re, void 0), this.emit("empty"), _(this, ne) === 0 && this.emit("idle"), !1;
   if (!_(this, pe)) {
-    const t = !_(this, N, hi);
-    if (_(this, N, oi) && _(this, N, ai)) {
+    const t = !_(this, L, ci);
+    if (_(this, L, li) && _(this, L, ui)) {
       const i = _(this, Z).dequeue();
-      return i ? (this.emit("active"), i(), t && K(this, N, ft).call(this), !0) : !1;
+      return i ? (this.emit("active"), i(), t && K(this, L, ct).call(this), !0) : !1;
     }
   }
   return !1;
+}, ct = function() {
+  _(this, ke) || _(this, re) !== void 0 || ($(this, re, setInterval(() => {
+    K(this, L, ft).call(this);
+  }, _(this, Te))), $(this, Pe, Date.now() + _(this, Te)));
 }, ft = function() {
-  _(this, Ce) || _(this, ne) !== void 0 || ($(this, ne, setInterval(() => {
-    K(this, N, gt).call(this);
-  }, _(this, Re))), $(this, Ie, Date.now() + _(this, Re)));
-}, gt = function() {
-  _(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);
+  _(this, _e) === 0 && _(this, ne) === 0 && _(this, re) && (clearInterval(_(this, re)), $(this, re, void 0)), $(this, _e, _(this, Re) ? _(this, ne) : 0), K(this, L, Qe).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
 Qe = function() {
-  for (; K(this, N, Ke).call(this); )
+  for (; K(this, L, Ke).call(this); )
     ;
-}, di = async function(t) {
+}, fi = async function(t) {
   return new Promise((i, s) => {
     t.addEventListener("abort", () => {
       s(t.reason);
@@ -609,159 +609,171 @@ Qe = function() {
     this.on(t, r);
   });
 };
-const Ps = () => {
-  const a = _t(), e = me(ye);
+const qs = () => {
+  const o = vt(), e = ge(ye);
   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 qs({
+  const t = new Ms({
     carryoverConcurrencyCount: !0,
-    concurrency: a.maxParallelRequests,
-    interval: a.requestInterval,
-    intervalCap: a.requestIntervalCap
+    concurrency: o.maxParallelRequests,
+    interval: o.requestInterval,
+    intervalCap: o.requestIntervalCap
   }), i = {
     ...e,
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  Pi(ye, i);
+  qi(ye, i);
 };
 /*!
  * pinia v3.0.4
  * (c) 2025 Eduardo San Martin Morote
  * @license MIT
  */
-const $s = typeof window < "u";
-let Pt;
+const Ps = typeof window < "u";
+let Bt;
 process.env.NODE_ENV;
-const $t = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+const Ft = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
   /* istanbul ignore next */
   Symbol()
 );
-var Bt;
-(function(a) {
-  a.direct = "direct", a.patchObject = "patch object", a.patchFunction = "patch function";
-})(Bt || (Bt = {}));
+var Gt;
+(function(o) {
+  o.direct = "direct", o.patchObject = "patch object", o.patchFunction = "patch function";
+})(Gt || (Gt = {}));
 process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
-function wt(a) {
-  const e = $i(a), t = {};
+function bt(o) {
+  const e = Pi(o), t = {};
   for (const i in e) {
     const s = e[i];
     s.effect ? t[i] = // ...
-    v({
-      get: () => a[i],
+    E({
+      get: () => o[i],
       set(r) {
-        a[i] = r;
+        o[i] = r;
       }
-    }) : (Bi(s) || Fi(s)) && (t[i] = // ---
-    Ye(a, i));
+    }) : ($i(s) || Bi(s)) && (t[i] = // ---
+    Ae(o, i));
   }
   return t;
 }
-const Bs = [
+const oe = (o) => (o == null ? void 0 : o.chart.type) === "table", $s = [
   "basic",
   "api_usage",
   "llm_usage",
   "agentic_usage",
   "platform",
   void 0
-];
+], Bs = (o) => $s.includes(o);
 function Fs({
-  queryBridge: a,
+  queryBridge: o,
   context: e,
   definition: t,
   chartData: i
 }) {
-  const s = A(""), r = A(""), o = A(void 0), n = A(void 0), d = _t(), l = ot(), { stripUnknownFilters: h, loading: u } = wt(l);
-  rt(async () => {
-    var z, q;
-    s.value = await ((z = a == null ? void 0 : a.exploreBaseUrl) == null ? void 0 : z.call(a)) ?? "", r.value = await ((q = a == null ? void 0 : a.requestsBaseUrl) == null ? void 0 : q.call(a)) ?? "";
+  const s = H(""), r = H(""), a = H(void 0), n = H(void 0), d = vt(), l = nt(), { stripUnknownFilters: h, loading: u } = bt(l), f = E(() => oe(t.value));
+  st(async () => {
+    var S, I;
+    s.value = await ((S = o == null ? void 0 : o.exploreBaseUrl) == null ? void 0 : S.call(o)) ?? "", r.value = await ((I = o == null ? void 0 : o.requestsBaseUrl) == null ? void 0 : I.call(o)) ?? "";
   });
-  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 && Bs.includes(t.value.query.datasource) && f.value && !u.value), m = v(() => i.value ? ct(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";
+  const m = E(() => d.analytics && d.percentiles), p = E(() => {
+    const S = t.value.chart.type;
+    return ["golden_signals", "gauge"].includes(S) ? !1 : S === "top_n" ? e.value.editable || e.value.showTileActions : !0;
+  }), y = E(() => r.value && t.value.query && !f.value && t.value.query.datasource !== "llm_usage" && t.value.query.datasource !== "platform" && m.value && !u.value), g = E(() => s.value && t.value.query && Bs(t.value.query.datasource) && m.value && !u.value), k = E(() => i.value ? dt(i.value.meta.granularity_ms) : void 0), N = E(() => {
+    var z;
+    const S = t.value, I = [...e.value.filters, ...S.query.filters ?? []], Q = "metrics" in S.query ? S.query.metrics : void 0, D = ((z = S.query) == null ? void 0 : z.datasource) ?? "api_usage";
     return h.value({
-      datasource: W,
-      filters: z,
-      metrics: q
+      datasource: D,
+      filters: I,
+      metrics: Q
     });
-  }), k = v(() => {
-    if (!y.value || !g.value)
+  }), v = E(() => {
+    if (!g.value || !p.value)
+      return "";
+    const S = t.value;
+    if (oe(S))
+      return ve({
+        ...S.query,
+        filters: N.value
+      });
+    const I = S.query.time_range || e.value.timeSpec, Q = Y(I, N.value);
+    return ve(Q);
+  }), M = E(() => {
+    if (!y.value || !p.value)
       return "";
-    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)
+    const S = N.value, I = t.value;
+    if (oe(I))
       return "";
-    const z = T.value, q = I(
-      t.value.query.time_range || e.value.timeSpec,
-      z
+    const Q = le(
+      I.query.time_range || e.value.timeSpec,
+      S
     );
-    return O(q);
-  }), O = (z) => p.value ? `${r.value}?q=${JSON.stringify(z)}` : "", I = (z, q) => {
-    var D, H, F, 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 = (F = i.value) == null ? void 0 : F.meta) != null && P.end ? new Date(i.value.meta.end) : void 0;
+    return A(Q);
+  }), A = (S) => y.value ? `${r.value}?q=${JSON.stringify(S)}` : "", le = (S, I) => {
+    var z, F, P, V;
+    const Q = (F = (z = i.value) == null ? void 0 : z.meta) != null && F.start ? new Date(i.value.meta.start) : void 0, D = (V = (P = i.value) == null ? void 0 : P.meta) != null && V.end ? new Date(i.value.meta.end) : void 0;
     return {
-      filter: q,
+      filter: I,
       timeframe: {
-        timePeriodsKey: z.type === "relative" ? z.time_range : "custom",
-        start: z.type === "absolute" ? W : void 0,
-        end: z.type === "absolute" ? he : void 0
+        timePeriodsKey: S.type === "relative" ? S.time_range : "custom",
+        start: S.type === "absolute" ? Q : void 0,
+        end: S.type === "absolute" ? D : void 0
       }
     };
-  }, Q = (z, q) => ({
-    filter: q,
+  }, xe = (S, I) => ({
+    filter: I,
     timeframe: {
-      timePeriodsKey: z.type === "relative" ? z.time_range : "custom",
-      start: z.type === "absolute" ? z.start : void 0,
-      end: z.type === "absolute" ? z.end : void 0
+      timePeriodsKey: S.type === "relative" ? S.time_range : "custom",
+      start: S.type === "absolute" ? S.start : void 0,
+      end: S.type === "absolute" ? S.end : void 0
     }
-  }), Ee = (z, q) => {
-    const W = t.value.query.dimensions ?? [];
+  }), Y = (S, I) => {
+    const Q = t.value;
+    if (oe(Q))
+      throw new Error("Cannot build a chart explore query for table chart definitions");
+    const D = [...Q.query.dimensions ?? []], z = [...Q.query.metrics ?? []];
     return {
-      filters: q,
-      metrics: t.value.query.metrics ?? [],
-      dimensions: W,
-      time_range: z,
-      granularity: t.value.query.granularity || m.value
+      filters: I,
+      metrics: z,
+      dimensions: D,
+      time_range: S,
+      granularity: Q.query.granularity || k.value || void 0
     };
-  }, V = (z) => {
-    if (!y.value)
+  }, ve = (S) => {
+    if (!g.value)
       return "";
-    const q = t.value.query.datasource && t.value.query.datasource !== "basic" ? t.value.query.datasource : "api_usage";
-    return `${s.value}?q=${JSON.stringify(z)}&d=${q}&c=${t.value.chart.type}`;
+    const I = t.value.query.datasource && t.value.query.datasource !== "basic" ? t.value.query.datasource : "api_usage";
+    return `${s.value}?q=${JSON.stringify(S)}&d=${I}&c=${t.value.chart.type}`;
   };
-  return Ne([p, y], ([z, q]) => {
-    z && (o.value = { href: "" }), q && (n.value = { href: "" });
+  return Oe([y, g], ([S, I]) => {
+    S && (a.value = { href: "" }), I && (n.value = { href: "" });
   }), {
-    exploreLinkKebabMenu: k,
-    requestsLinkKebabMenu: w,
-    canShowKebabMenu: g,
-    canGenerateRequestsLink: p,
-    canGenerateExploreLink: y,
-    requestsLinkZoomActions: o,
+    exploreLinkKebabMenu: v,
+    requestsLinkKebabMenu: M,
+    canShowKebabMenu: p,
+    canGenerateRequestsLink: y,
+    canGenerateExploreLink: g,
+    requestsLinkZoomActions: a,
     exploreLinkZoomActions: n,
-    buildExploreQuery: Ee,
-    buildRequestsQueryZoomActions: Q,
-    buildExploreLink: V,
-    buildRequestLink: O
+    buildExploreQuery: Y,
+    buildRequestsQueryZoomActions: xe,
+    buildExploreLink: ve,
+    buildRequestLink: A
   };
 }
 function Gs() {
-  const a = me(ye), e = ot(), { stripUnknownFilters: t } = wt(e), i = new AbortController();
-  return Pe(() => {
+  const o = ge(ye), e = nt(), { stripUnknownFilters: t } = bt(e), i = new AbortController();
+  return Fe(() => {
     i.abort();
-  }), { issueQuery: async (r, o, n) => {
-    if (!a)
+  }), { issueQuery: async (r, a, n) => {
+    if (!o)
       throw new Error("Query bridge is not defined");
     await e.isReady();
     const {
@@ -772,56 +784,56 @@ function Gs() {
       datasource: u,
       filters: [
         ...r.filters ?? [],
-        ...o.filters
+        ...a.filters
       ],
       metrics: r.metrics
     });
-    let g = r.time_range;
-    g ? g.tz || (g = {
-      ...g,
-      tz: o.tz
-    }) : g = {
-      ...o.timeSpec,
-      tz: o.tz
+    let m = r.time_range;
+    m ? m.tz || (m = {
+      ...m,
+      tz: a.tz
+    }) : m = {
+      ...a.timeSpec,
+      tz: a.tz
     };
     const p = {
       datasource: u,
       query: {
         ...h,
-        time_range: g,
+        time_range: m,
         filters: f,
         limit: n ?? l
       }
     };
-    return a.queryFn(p, i);
+    return o.queryFn(p, i);
   } };
 }
 function Us({
-  context: a,
-  globalFilters: e = A([]),
-  isFullscreen: t = A(!1),
-  preview: i = A(!1)
+  context: o,
+  globalFilters: e = H([]),
+  isFullscreen: t = H(!1),
+  preview: i = H(!1)
 }) {
-  const s = _t(), r = v(() => a.value.timeSpec ? a.value.timeSpec : {
+  const s = vt(), r = E(() => o.value.timeSpec ? o.value.timeSpec : {
     type: "relative",
     time_range: s.defaultQueryTimeForOrg
-  }), o = v(() => {
-    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 = Ts), t.value) {
-      let T = !1;
+  }), a = E(() => {
+    var p, y, g;
+    let { tz: d, refreshInterval: l, editable: h, showTileActions: u } = o.value;
+    const f = [...o.value.filters ?? [], ...e.value];
+    if (d || (d = new Intl.DateTimeFormat().resolvedOptions().timeZone), l === void 0 && (l = ks), t.value) {
+      let k = !1;
       if (r.value.type === "relative")
-        T = ["15m", "1h", "6h", "12h", "24h"].includes(r.value.time_range);
+        k = ["15m", "1h", "6h", "12h", "24h"].includes(r.value.time_range);
       else {
-        const O = r.value.start.getTime(), I = r.value.end.getTime();
-        T = Math.abs(I - O) <= 864e5;
+        const M = r.value.start.getTime(), A = r.value.end.getTime();
+        k = Math.abs(A - M) <= 864e5;
       }
-      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;
+      const N = (/* @__PURE__ */ new Date()).getTime();
+      r.value.type === "absolute" && r.value.end.getTime() < N || r.value.type === "relative" && ["previous_week", "previous_month"].includes(r.value.time_range) ? l = 0 : k ? l = Ts : l = Ss;
     }
     (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);
+    const m = !i.value && !!((g = (y = (p = Fi()) == null ? void 0 : p.vnode) == null ? void 0 : y.props) != null && g.onTileTimeRangeZoom);
     return {
       filters: f,
       tz: d,
@@ -830,22 +842,22 @@ function Us({
       editable: h,
       showTileActions: u && !i.value,
       showTileZoomActions: !i.value,
-      zoomable: g
+      zoomable: m
     };
-  }), n = v(() => !!a.value.timeSpec || !s.loading);
+  }), n = E(() => !!o.value.timeSpec || !s.loading);
   return {
-    internalContext: o,
+    internalContext: a,
     queryReady: n
   };
 }
 const ae = {
   useContextLinks: Fs,
   useDashboardInternalContext: Us,
-  useEvaluateFeatureFlag: zs,
-  useI18n: Cs,
+  useEvaluateFeatureFlag: Ds,
+  useI18n: xs,
   useIssueQuery: Gs,
-  useRequestQueue: Ps
-}, Et = /* @__PURE__ */ ee({
+  useRequestQueue: qs
+}, wt = /* @__PURE__ */ ee({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -855,13 +867,13 @@ const ae = {
     refreshCounter: {}
   },
   emits: ["chart-data", "queryComplete"],
-  setup(a, { emit: e }) {
-    const t = a, i = e, { i18n: s } = ae.useI18n(), { issueQuery: r } = ae.useIssueQuery(), o = me(ye), n = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: d, error: l, isValidating: h } = ts(n, async () => {
+  setup(o, { emit: e }) {
+    const t = o, i = e, { i18n: s } = ae.useI18n(), { issueQuery: r } = ae.useIssueQuery(), a = ge(ye), n = () => t.queryReady && a ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: d, error: l, isValidating: h } = es(n, async () => {
       try {
-        const m = await r(t.query, t.context, t.limitOverride);
-        return g.value = null, m;
-      } catch (m) {
-        throw g.value = ji(m), m;
+        const g = await r(t.query, t.context, t.limitOverride);
+        return m.value = null, g;
+      } catch (g) {
+        throw m.value = Yi(g), g;
       } finally {
         i("queryComplete");
       }
@@ -869,45 +881,45 @@ const ae = {
       refreshInterval: t.context.refreshInterval,
       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, T]) => {
-      m && (T === "SUCCESS_HAS_DATA" || T === "SUCCESS") && i("chart-data", m);
-    }), (m, T) => {
-      var O;
-      const k = le("KSkeleton"), w = le("KEmptyState");
-      return y.value || !E(d) && !p.value ? (x(), L(k, {
+    }), { state: u, swrvState: f } = gs(d, l, h), m = H(null), p = E(() => u.value === f.ERROR || !!m.value), y = E(() => !t.queryReady || u.value === f.PENDING);
+    return Oe([() => d.value, () => u.value], ([g, k]) => {
+      g && (k === "SUCCESS_HAS_DATA" || k === "SUCCESS") && i("chart-data", g);
+    }), (g, k) => {
+      var M;
+      const N = ue("KSkeleton"), v = ue("KEmptyState");
+      return y.value || !w(d) && !p.value ? (C(), O(N, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : p.value ? (x(), L(w, {
+      })) : p.value ? (C(), O(v, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state"
-      }, nt({
-        icon: M(() => {
-          var I;
+      }, rt({
+        icon: q(() => {
+          var A;
           return [
-            ((I = g.value) == null ? void 0 : I.type) === "forbidden" ? (x(), L(E(rs), { key: 0 })) : (x(), L(E(ns), { key: 1 }))
+            ((A = m.value) == null ? void 0 : A.type) === "forbidden" ? (C(), O(w(ss), { key: 0 })) : (C(), O(w(rs), { key: 1 }))
           ];
         }),
-        title: M(() => {
-          var I;
+        title: q(() => {
+          var A;
           return [
-            te("p", null, J(((I = g.value) == null ? void 0 : I.message) || E(s).t("renderer.unexpectedError")), 1)
+            te("p", null, J(((A = m.value) == null ? void 0 : A.message) || w(s).t("renderer.unexpectedError")), 1)
           ];
         }),
         _: 2
       }, [
-        (O = g.value) != null && O.details ? {
+        (M = m.value) != null && M.details ? {
           name: "default",
-          fn: M(() => [
-            te("p", null, J(g.value.details), 1)
+          fn: q(() => [
+            te("p", null, J(m.value.details), 1)
           ]),
           key: "0"
         } : void 0
-      ]), 1024)) : E(d) ? Le(m.$slots, "default", {
+      ]), 1024)) : w(d) ? He(g.$slots, "default", {
         key: 2,
-        data: E(d)
+        data: w(d)
       }) : X("", !0);
     };
   }
@@ -923,35 +935,35 @@ const ae = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(a) {
-    const e = a, t = v(() => e.chartOptions.type === "single_value");
-    return (i, s) => (x(), L(Et, {
-      context: a.context,
-      query: a.query,
-      "query-ready": a.queryReady,
-      "refresh-counter": a.refreshCounter
+  setup(o) {
+    const e = o, t = E(() => e.chartOptions.type === "single_value");
+    return (i, s) => (C(), O(wt, {
+      context: o.context,
+      query: o.query,
+      "query-ready": o.queryReady,
+      "refresh-counter": o.refreshCounter
     }, {
-      default: M(({ data: r }) => [
+      default: q(({ data: r }) => [
         te("div", {
-          class: Se(["analytics-chart", { "single-value": t.value }]),
-          style: je(t.value ? void 0 : { height: `${a.height}px` })
+          class: ze(["analytics-chart", { "single-value": t.value }]),
+          style: Ye(t.value ? void 0 : { height: `${o.height}px` })
         }, [
-          ge(E(Xi), {
+          fe(w(ji), {
             "chart-data": r,
-            "chart-options": a.chartOptions,
-            "synthetics-data-key": t.value ? void 0 : a.chartOptions.synthetics_data_key
+            "chart-options": o.chartOptions,
+            "synthetics-data-key": t.value ? void 0 : o.chartOptions.synthetics_data_key
           }, null, 8, ["chart-data", "chart-options", "synthetics-data-key"])
         ], 6)
       ]),
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), _e = (a, e) => {
-  const t = a.__vccOpts || a;
+}), be = (o, e) => {
+  const t = o.__vccOpts || o;
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, Ft = /* @__PURE__ */ _e(Ws, [["__scopeId", "data-v-2cbfac70"]]), Ks = { class: "analytics-chart" }, Qs = /* @__PURE__ */ ee({
+}, Ut = /* @__PURE__ */ be(Ws, [["__scopeId", "data-v-2cbfac70"]]), Ks = { class: "analytics-chart" }, Qs = /* @__PURE__ */ ee({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -965,48 +977,48 @@ const ae = {
     extraProps: {}
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range", "view-requests", "select-chart-range"],
-  setup(a, { emit: e }) {
-    const t = a, i = e, { i18n: s } = ae.useI18n(), r = v(() => ({
+  setup(o, { emit: e }) {
+    const t = o, i = e, { i18n: s } = ae.useI18n(), r = E(() => ({
       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 = v(() => t.context.zoomable), n = () => {
+    })), a = E(() => t.context.zoomable), n = () => {
       i("edit-tile");
     }, d = (l) => {
       i("chart-data", l);
     };
     return (l, h) => {
-      const u = le("KDropdownItem");
-      return x(), L(Et, {
-        context: a.context,
-        query: a.query,
-        "query-ready": a.queryReady,
-        "refresh-counter": a.refreshCounter,
+      const u = ue("KDropdownItem");
+      return C(), O(wt, {
+        context: o.context,
+        query: o.query,
+        "query-ready": o.queryReady,
+        "refresh-counter": o.refreshCounter,
         onChartData: d
       }, {
-        default: M(({ data: f }) => [
+        default: q(({ data: f }) => [
           te("div", Ks, [
-            ge(E(Zi), Zt({
+            fe(w(Xi), ei({
               "chart-data": f,
               "chart-options": r.value,
-              "explore-link": a.exploreLink,
+              "explore-link": o.exploreLink,
               "legend-position": "bottom",
-              "requests-link": a.requestsLink,
-              "synthetics-data-key": a.chartOptions.synthetics_data_key,
-              "timeseries-zoom": o.value,
+              "requests-link": o.requestsLink,
+              "synthetics-data-key": o.chartOptions.synthetics_data_key,
+              "timeseries-zoom": a.value,
               "tooltip-title": ""
-            }, a.extraProps, {
-              onSelectChartRange: h[0] || (h[0] = (g) => i("select-chart-range", g)),
-              onZoomTimeRange: h[1] || (h[1] = (g) => i("zoom-time-range", g))
-            }), nt({ _: 2 }, [
-              a.context.editable ? {
+            }, o.extraProps, {
+              onSelectChartRange: h[0] || (h[0] = (m) => i("select-chart-range", m)),
+              onZoomTimeRange: h[1] || (h[1] = (m) => i("zoom-time-range", m))
+            }), rt({ _: 2 }, [
+              o.context.editable ? {
                 name: "menu-items",
-                fn: M(() => [
-                  ge(u, { onClick: n }, {
-                    default: M(() => [
-                      mt(J(E(s).t("renderer.edit")), 1)
+                fn: q(() => [
+                  fe(u, { onClick: n }, {
+                    default: q(() => [
+                      gt(J(w(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -1020,7 +1032,7 @@ const ae = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), xt = /* @__PURE__ */ _e(Qs, [["__scopeId", "data-v-e1e7f610"]]), Gt = /* @__PURE__ */ ee({
+}), Et = /* @__PURE__ */ be(Qs, [["__scopeId", "data-v-e1e7f610"]]), Wt = /* @__PURE__ */ ee({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -1032,18 +1044,18 @@ const ae = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(a) {
-    return (e, t) => (x(), L(xt, {
-      "chart-options": a.chartOptions,
-      context: a.context,
+  setup(o) {
+    return (e, t) => (C(), O(Et, {
+      "chart-options": o.chartOptions,
+      context: o.context,
       "extra-props": { showAnnotations: !1 },
-      height: a.height,
-      query: a.query,
-      "query-ready": a.queryReady,
-      "refresh-counter": a.refreshCounter
+      height: o.height,
+      query: o.query,
+      "query-ready": o.queryReady,
+      "refresh-counter": o.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), Ut = /* @__PURE__ */ ee({
+}), Kt = /* @__PURE__ */ ee({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -1056,17 +1068,17 @@ const ae = {
     exploreLink: {}
   },
   emits: ["zoom-time-range", "select-chart-range"],
-  setup(a, { emit: e }) {
+  setup(o, { emit: e }) {
     const t = e;
-    return (i, s) => (x(), L(xt, {
-      "chart-options": a.chartOptions,
-      context: a.context,
-      "explore-link": a.exploreLink,
-      height: a.height,
-      query: a.query,
-      "query-ready": a.queryReady,
-      "refresh-counter": a.refreshCounter,
-      "requests-link": a.requestsLink,
+    return (i, s) => (C(), O(Et, {
+      "chart-options": o.chartOptions,
+      context: o.context,
+      "explore-link": o.exploreLink,
+      height: o.height,
+      query: o.query,
+      "query-ready": o.queryReady,
+      "refresh-counter": o.refreshCounter,
+      "requests-link": o.requestsLink,
       onSelectChartRange: s[0] || (s[0] = (r) => t("select-chart-range", r)),
       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"]));
@@ -1083,8 +1095,8 @@ const ae = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(a) {
-    const e = a, t = v(() => {
+  setup(o) {
+    const e = o, t = E(() => {
       var s, r;
       const i = (s = e.query) == null ? void 0 : s.datasource;
       if (i && i !== "api_usage" && i !== "basic")
@@ -1101,27 +1113,27 @@ const ae = {
         refreshCounter: e.refreshCounter
       };
     });
-    return (i, s) => (x(), B("div", {
-      class: Se(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
+    return (i, s) => (C(), B("div", {
+      class: ze(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
     }, [
-      ge(E(ds), Ui(Wi(t.value)), {
-        default: M(() => [
-          ge(E(cs))
+      fe(w(hs), Gi(Ui(t.value)), {
+        default: q(() => [
+          fe(w(ds))
         ]),
         _: 1
       }, 16)
     ], 2));
   }
-}), Ys = /* @__PURE__ */ _e(Vs, [["__scopeId", "data-v-b77f52b8"]]), js = {
+}), Ys = /* @__PURE__ */ be(Vs, [["__scopeId", "data-v-b77f52b8"]]), js = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, Wt = /* @__PURE__ */ ee({
+}, Qt = /* @__PURE__ */ ee({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
-  setup(a) {
-    return (e, t) => (x(), B("div", js, J(a.entityLinkData.label), 1));
+  setup(o) {
+    return (e, t) => (C(), B("div", js, J(o.entityLinkData.label), 1));
   }
 }), Xs = { key: 0 }, Zs = { key: 1 }, Js = /* @__PURE__ */ ee({
   __name: "TopNTableRenderer",
@@ -1135,48 +1147,48 @@ const ae = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(a) {
-    const e = a, t = me(ye), i = Jt(async () => {
+  setup(o) {
+    const e = o, t = ge(ye), i = ti(async () => {
       if (t != null && t.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
         } catch {
-          return Wt;
+          return Qt;
         }
-      return Wt;
-    }), s = v(() => !!e.chartOptions.entity_link || !!Object.keys(e.chartOptions.entity_links || {}).length), r = (l) => {
+      return Qt;
+    }), s = E(() => !!e.chartOptions.entity_link || !!Object.keys(e.chartOptions.entity_links || {}).length), r = (l) => {
       var u;
       const h = e.chartOptions.entity_links;
       return h && (h[l] || ((u = Object.entries(h).find(([f]) => f.toLowerCase() === l.toLowerCase())) == null ? void 0 : u[1])) || "";
-    }, o = (l) => {
+    }, a = (l) => {
       var u, f;
       const h = (f = (u = l.dimensions) == null ? void 0 : u[0]) == null ? void 0 : f.dimension;
       return !h || h === l.dimension;
-    }, n = (l) => r(l.dimension) || o(l) && e.chartOptions.entity_link || "", d = (l) => {
+    }, n = (l) => r(l.dimension) || a(l) && e.chartOptions.entity_link || "", d = (l) => {
       const h = n(l);
       if (h)
         if (l.id.includes(":")) {
           const [u, f] = l.id.split(":");
-          return h.replace(Rs, u).replace(It, f);
+          return h.replace(Cs, u).replace(qt, f);
         } else
-          return h.replace(It, l.id);
+          return h.replace(qt, l.id);
       return "";
     };
-    return (l, h) => (x(), L(Et, {
-      context: a.context,
-      query: a.query,
-      "query-ready": a.queryReady,
-      "refresh-counter": a.refreshCounter
+    return (l, h) => (C(), O(wt, {
+      context: o.context,
+      query: o.query,
+      "query-ready": o.queryReady,
+      "refresh-counter": o.refreshCounter
     }, {
-      default: M(({ data: u }) => [
-        ge(E(Ji), {
+      default: q(({ data: u }) => [
+        fe(w(Zi), {
           data: u,
-          "synthetics-data-key": a.chartOptions.synthetics_data_key
-        }, nt({ _: 2 }, [
+          "synthetics-data-key": o.chartOptions.synthetics_data_key
+        }, rt({ _: 2 }, [
           s.value ? {
             name: "name",
-            fn: M(({ record: f }) => [
-              !f.isEmpty && n(f) ? (x(), L(E(i), {
+            fn: q(({ record: f }) => [
+              !f.isEmpty && n(f) ? (C(), O(w(i), {
                 key: 0,
                 "entity-link-data": {
                   id: f.id,
@@ -1184,8 +1196,8 @@ const ae = {
                   deleted: f.deleted
                 },
                 "external-link": d(f)
-              }, null, 8, ["entity-link-data", "external-link"])) : (x(), B(pt, { key: 1 }, [
-                f.name === "empty" ? (x(), B("i", Xs, J(f.name), 1)) : (x(), B("span", Zs, J(f.name), 1))
+              }, null, 8, ["entity-link-data", "external-link"])) : (C(), B(mt, { key: 1 }, [
+                f.name === "empty" ? (C(), B("i", Xs, J(f.name), 1)) : (C(), B("span", Zs, J(f.name), 1))
               ], 64))
             ]),
             key: "0"
@@ -1195,13 +1207,13 @@ const ae = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), er = (a) => a.records.map((e) => {
+}), er = (o) => o.records.map((e) => {
   const t = { ...e };
   return Object.entries(e).forEach(([i, s]) => {
-    var o, n, d;
+    var a, n, d;
     if (s === null)
       return;
-    const r = (d = (n = (o = a.meta.display) == null ? void 0 : o[i]) == null ? void 0 : n[String(s)]) == null ? void 0 : d.name;
+    const r = (d = (n = (a = o.meta.display) == null ? void 0 : a[i]) == null ? void 0 : n[String(s)]) == null ? void 0 : d.name;
     r && (t[i] = r);
   }), t;
 }), tr = {
@@ -1216,14 +1228,14 @@ const ae = {
    * @returns TableDataGrid header definitions for the provided columns.
    */
   platform: ({
-    canTranslate: a,
+    canTranslate: o,
     columns: e,
     translate: t
   }) => e.map((i) => {
     const s = `chartLabels.${i}`;
     return {
       key: i,
-      label: a(s) ? t(s) : i
+      label: o(s) ? t(s) : i
     };
   })
 }, ir = {
@@ -1243,19 +1255,19 @@ const ae = {
    * @returns A TableDataGrid page result with rows, the next cursor, and whether more pages are available.
    */
   platform: async ({
-    abortController: a,
+    abortController: o,
     context: e,
     cursor: t,
     pageSize: i,
     query: s,
     onResponseColumns: r,
-    stripUnknownFilters: o,
+    stripUnknownFilters: a,
     tabularQueryFn: n
   }) => {
     var u;
     if (!n)
       throw new Error("AnalyticsBridge.tabularQueryFn is not defined");
-    const d = s.query, l = o({
+    const d = s.query, l = a({
       datasource: "platform",
       filters: [
         ...d.filters ?? [],
@@ -1270,7 +1282,7 @@ const ae = {
         filters: l,
         page_size: i
       }
-    }, a);
+    }, o);
     return (u = h.meta.columns) != null && u.length && (r == null || r(h.meta.columns)), {
       data: er(h),
       cursor: h.meta.cursor,
@@ -1287,8 +1299,8 @@ const ae = {
     refreshCounter: {}
   },
   emits: ["loading-change"],
-  setup(a, { emit: e }) {
-    const t = a, i = e, s = me(ye), r = ot(), { i18n: o } = ae.useI18n(), n = new AbortController(), d = A([]), l = A(!1), h = v(() => t.height === void 0 ? void 0 : { height: `${t.height}px` }), u = v(() => ({
+  setup(o, { emit: e }) {
+    const t = o, i = e, s = ge(ye), r = nt(), { i18n: a } = ae.useI18n(), n = new AbortController(), d = H([]), l = H(!1), h = E(() => t.height === void 0 ? void 0 : { height: `${t.height}px` }), u = E(() => ({
       datasource: t.query.datasource,
       query: {
         columns: t.query.columns,
@@ -1298,58 +1310,58 @@ const ae = {
         page_size: t.query.page_size
       }
     }));
-    Pe(() => {
+    Fe(() => {
       n.abort();
     });
-    const f = v(() => {
+    const f = E(() => {
       var y;
       return tr[t.query.datasource]({
         // query.columns are optional in the API. If not provided, backend will return default columns.
         // If query columns are not provided, fallback to using columns from the response metadata for header configuration.
         columns: (y = t.query.columns) != null && y.length ? t.query.columns : d.value,
-        translate: (m) => o.t(m),
-        canTranslate: (m) => o.te(m)
+        translate: (g) => a.t(g),
+        canTranslate: (g) => a.te(g)
       });
-    }), g = v(() => async ({ cursor: y, pageSize: m }) => {
+    }), m = E(() => async ({ cursor: y, pageSize: g }) => {
       try {
         await r.isReady();
-        const T = ir[u.value.datasource];
-        if (!T)
+        const k = ir[u.value.datasource];
+        if (!k)
           throw new Error(`No table data grid fetcher found for datasource: ${u.value.datasource}`);
-        const k = await T({
+        const N = await k({
           abortController: n,
           context: t.context,
           cursor: y,
-          pageSize: m,
+          pageSize: g,
           query: u.value,
-          onResponseColumns: (w) => {
-            d.value = w;
+          onResponseColumns: (v) => {
+            d.value = v;
           },
           stripUnknownFilters: r.stripUnknownFilters,
           tabularQueryFn: s == null ? void 0 : s.tabularQueryFn
         });
-        return l.value = !1, k;
-      } catch (T) {
-        throw l.value = !0, T;
+        return l.value = !1, N;
+      } catch (k) {
+        throw l.value = !0, k;
       }
     }), p = (y) => {
       y.state === "error" && (l.value = !0), i("loading-change", y.state === "loading");
     };
-    return (y, m) => {
-      const T = le("KSkeleton");
-      return x(), B("div", {
+    return (y, g) => {
+      const k = ue("KSkeleton");
+      return C(), B("div", {
         class: "table-data-grid-renderer",
-        style: je(h.value)
+        style: Ye(h.value)
       }, [
-        a.queryReady ? (x(), L(E(fs), {
+        o.queryReady ? (C(), O(w(cs), {
           key: 1,
           error: l.value,
-          fetcher: g.value,
+          fetcher: m.value,
           headers: f.value,
-          "page-size": a.query.page_size,
-          "refresh-key": a.refreshCounter,
+          "page-size": o.query.page_size,
+          "refresh-key": o.refreshCounter,
           onState: p
-        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (x(), L(T, {
+        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (C(), O(k, {
           key: 0,
           "data-testid": "table-skeleton",
           type: "table"
@@ -1357,7 +1369,7 @@ const ae = {
       ], 4);
     };
   }
-}), rr = /* @__PURE__ */ _e(sr, [["__scopeId", "data-v-9127c323"]]), Kt = "#6c7489", nr = "12px", Qt = "20px", Vt = "32px", ci = "20px", or = /* @__PURE__ */ ee({
+}), rr = /* @__PURE__ */ be(sr, [["__scopeId", "data-v-9127c323"]]), Vt = "#6c7489", nr = "12px", Yt = "20px", jt = "32px", gi = "20px", or = /* @__PURE__ */ ee({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1369,14 +1381,14 @@ const ae = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(a) {
-    return (e, t) => (x(), L(xt, {
-      "chart-options": a.chartOptions,
-      context: a.context,
-      height: a.height,
-      query: a.query,
-      "query-ready": a.queryReady,
-      "refresh-counter": a.refreshCounter
+  setup(o) {
+    return (e, t) => (C(), O(Et, {
+      "chart-options": o.chartOptions,
+      context: o.context,
+      height: o.height,
+      query: o.query,
+      "query-ready": o.queryReady,
+      "refresh-counter": o.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
 }), ar = ["data-testid"], lr = {
@@ -1384,10 +1396,10 @@ const ae = {
   class: "tile-header"
 }, ur = { class: "badge-container" }, hr = { class: "badge-text" }, dr = { key: 0 }, cr = ["data-testid"], fr = ["data-testid"], gr = { class: "delete-option" }, mr = ["data-testid"], pr = ["data-testid"], yr = /* @__PURE__ */ ee({
   __name: "DashboardTile",
-  props: /* @__PURE__ */ Xe({
+  props: /* @__PURE__ */ je({
     context: {},
     definition: {},
-    height: { default: $e },
+    height: { default: Ge },
     isFullscreen: { type: Boolean },
     hideActions: { type: Boolean, default: !1 },
     hideZoomActions: { type: Boolean, default: !1 },
@@ -1399,366 +1411,350 @@ const ae = {
     refreshCounter: { default: 0 },
     refreshCounterModifiers: {}
   }),
-  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((C) => ({
-      v12c7630b: `${C.height}px`
+  emits: /* @__PURE__ */ je(["chart-data", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
+  setup(o, { expose: e, emit: t }) {
+    pt((x) => ({
+      v76e9feba: `${x.height}px`
     }));
-    const i = parseInt(ci, 10), s = a, r = ei(a, "refreshCounter"), o = () => {
-      k.value = !0, r.value++;
-    }, n = t, d = Jt(() => import("./GeoMapRenderer-azbs6_67.js")), l = me(ye), h = ot(), { 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 C;
-      return w.value ? (C = I.value) == null ? void 0 : C.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: F,
-      canGenerateRequestsLink: P,
-      canGenerateExploreLink: ie,
-      requestsLinkZoomActions: Be,
-      exploreLinkZoomActions: Fe,
-      buildExploreQuery: Ge,
-      buildExploreLink: kt,
-      buildRequestLink: Ue,
-      buildRequestsQueryZoomActions: mi
+    const i = parseInt(gi, 10), s = o, r = ii(o, "refreshCounter"), a = () => {
+      N.value = !0, r.value++;
+    }, n = t, d = ti(() => import("./GeoMapRenderer-CDCvLcNv.js")), l = ge(ye), h = nt(), { stripUnknownFilters: u } = bt(h), { i18n: f } = ae.useI18n(), m = H(), p = H({ status: "loading" }), y = H(!1), g = H(), k = H(!1), N = H(!0), v = E(() => s.definition.chart), M = E(() => "chart_title" in v.value ? v.value.chart_title : void 0), A = E(() => "description" in v.value ? v.value.description : void 0), le = E(() => v.value.type === "slottable"), xe = E(() => oe(s.definition) ? !1 : !("allow_csv_export" in v.value) || v.value.allow_csv_export !== !1), {
+      exploreLinkKebabMenu: Y,
+      requestsLinkKebabMenu: ve,
+      canShowKebabMenu: S,
+      canGenerateRequestsLink: I,
+      canGenerateExploreLink: Q,
+      requestsLinkZoomActions: D,
+      exploreLinkZoomActions: z,
+      buildExploreQuery: F,
+      buildExploreLink: P,
+      buildRequestLink: V,
+      buildRequestsQueryZoomActions: at
     } = ae.useContextLinks({
       queryBridge: l,
-      chartData: dt(g),
-      definition: dt(O),
-      context: dt(Ye(s, "context"))
-    }), { issueQuery: pi } = ae.useIssueQuery();
-    Ne(() => s.definition, async (C, S) => {
-      await vt(), m.value && (T.value = m.value.scrollWidth > m.value.clientWidth);
+      chartData: Ht(m),
+      definition: Ae(s, "definition"),
+      context: Ht(Ae(s, "context"))
+    }), { issueQuery: lt } = ae.useIssueQuery();
+    Oe(() => s.definition, async (x, T) => {
+      await yt(), g.value && (k.value = g.value.scrollWidth > g.value.clientWidth);
       try {
-        JSON.stringify(C == null ? void 0 : C.query) !== JSON.stringify(S == null ? void 0 : S.query) && (k.value = !0);
+        JSON.stringify(x == null ? void 0 : x.query) !== JSON.stringify(T == null ? void 0 : T.query) && (N.value = !0);
       } catch {
       }
     }, { immediate: !0, deep: !0 });
-    const yi = v(() => f.t("csvExport.defaultFilename")), lt = v(() => w.value ? s.context.editable : !!D.value || he.value || s.context.editable), vi = v(() => !w.value && F.value && lt.value), _i = v(() => w.value && s.context.editable), We = v(() => !s.hideActions && (vi.value || _i.value)), bi = v(() => We.value && lt.value && !s.isFullscreen), wi = v(() => !w.value && Q.value.type === "golden_signals" && !!z.value), Ei = {
-      timeseries_line: Ut,
-      timeseries_bar: Ut,
-      horizontal_bar: Gt,
-      vertical_bar: Gt,
-      gauge: Ft,
+    const Ue = E(() => f.t("csvExport.defaultFilename")), We = E(() => !!Y.value || xe.value || s.context.editable), we = E(() => !s.hideActions && S.value && We.value), yi = E(() => we.value && We.value && !s.isFullscreen), vi = E(() => v.value.type === "golden_signals" && !!A.value), _i = {
+      timeseries_line: Kt,
+      timeseries_bar: Kt,
+      horizontal_bar: Wt,
+      vertical_bar: Wt,
+      gauge: Ut,
       donut: or,
       golden_signals: Ys,
       top_n: Js,
+      table: rr,
       slottable: void 0,
-      single_value: Ft,
+      single_value: Ut,
       choropleth_map: d
-    }, xi = v(() => {
-      var C, S, G, Y;
+    }, bi = E(() => {
+      var x, T, G, W;
       return {
-        ...(C = be.value) != null && C.rendererEvents.supportsRequests ? { "select-chart-range": Ii } : {},
-        ...(S = be.value) != null && S.rendererEvents.supportsZoom ? { "zoom-time-range": Oi } : {},
-        ...(G = be.value) != null && G.rendererEvents.supportsBounds ? { "bounds-change": Hi } : {},
-        ...(Y = be.value) != null && Y.rendererEvents.supportsLoadingChange ? { "loading-change": Ni } : {}
+        ...(x = Ee.value) != null && x.rendererEvents.supportsRequests ? { "select-chart-range": Ai } : {},
+        ...(T = Ee.value) != null && T.rendererEvents.supportsZoom ? { "zoom-time-range": Ni } : {},
+        ...(G = Ee.value) != null && G.rendererEvents.supportsBounds ? { "bounds-change": Li } : {},
+        ...(W = Ee.value) != null && W.rendererEvents.supportsLoadingChange ? { "loading-change": Si } : {}
       };
-    }), be = v(() => {
-      var de, we;
-      if (w.value)
-        return {
-          component: rr,
-          rendererProps: {
-            context: s.context,
-            query: I.value.query,
-            queryReady: s.queryReady,
-            refreshCounter: r.value
-          },
-          rendererEvents: {
-            supportsRequests: !1,
-            supportsZoom: !1,
-            supportsBounds: !1,
-            supportsLoadingChange: !0
-          }
-        };
-      const C = O.value, S = Ei[C.chart.type], G = !!((de = S == null ? void 0 : S.emits) != null && de.includes("select-chart-range")), Y = !!((we = S == null ? void 0 : S.emits) != null && we.includes("zoom-time-range")), De = C.chart.type === "choropleth_map";
-      return S && {
-        component: S,
+    }), Ee = E(() => {
+      var Dt, zt, Nt;
+      const x = s.definition, T = _i[x.chart.type], G = oe(x), W = !!((Dt = T == null ? void 0 : T.emits) != null && Dt.includes("select-chart-range")), Ne = !!((zt = T == null ? void 0 : T.emits) != null && zt.includes("zoom-time-range")), me = x.chart.type === "choropleth_map", Ce = !!((Nt = T == null ? void 0 : T.emits) != null && Nt.includes("loading-change")), Oi = {
+        query: x.query,
+        context: s.context,
+        queryReady: s.queryReady,
+        height: s.height - i * 2,
+        refreshCounter: r.value
+      }, Hi = {
+        chartOptions: x.chart,
+        requestsLink: s.hideZoomActions ? void 0 : D.value,
+        exploreLink: s.hideZoomActions ? void 0 : z.value
+      };
+      return T && {
+        component: T,
         rendererProps: {
-          query: C.query,
-          context: s.context,
-          queryReady: s.queryReady,
-          chartOptions: C.chart,
-          height: s.height - i * 2,
-          refreshCounter: r.value,
-          requestsLink: s.hideZoomActions ? void 0 : Be.value,
-          exploreLink: s.hideZoomActions ? void 0 : Fe.value
+          ...Oi,
+          ...G ? {} : Hi
         },
         rendererEvents: {
-          supportsRequests: G,
-          supportsZoom: Y,
-          supportsBounds: De,
-          supportsLoadingChange: !1
+          supportsRequests: W,
+          supportsZoom: Ne,
+          supportsBounds: me,
+          supportsLoadingChange: Ce
         }
       };
-    }), ut = v(() => {
+    }), ut = E(() => {
       var G;
-      if (w.value)
+      if (oe(s.definition))
         return null;
-      const C = O.value.query, S = C == null ? void 0 : C.time_range;
-      if ((C == null ? void 0 : C.datasource) === "platform" && !((G = C.dimensions) != null && G.includes("time")))
+      const x = s.definition.query, T = x == null ? void 0 : x.time_range;
+      if ((x == null ? void 0 : x.datasource) === "platform" && !((G = x.dimensions) != null && G.includes("time")))
         return f.t("renderer.as_of_today");
-      if ((S == null ? void 0 : S.type) === "relative") {
-        const Y = Qi.get(Vi[S.time_range]);
-        return Y ? Y.display : (console.warn("Did not recognize the given relative time range:", S.time_range), S.time_range);
-      } else if ((S == null ? void 0 : S.type) === "absolute") {
-        const Y = S.tz || "Etc/UTC";
-        return `${Ht(S.start, { short: !0, tz: Y })} - ${Ht(S.end, { short: !0, tz: Y })}`;
+      if ((T == null ? void 0 : T.type) === "relative") {
+        const W = Ki.get(Qi[T.time_range]);
+        return W ? W.display : (console.warn("Did not recognize the given relative time range:", T.time_range), T.time_range);
+      } else if ((T == null ? void 0 : T.type) === "absolute") {
+        const W = T.tz || "Etc/UTC";
+        return `${Mt(T.start, { short: !0, tz: W })} - ${Mt(T.end, { short: !0, tz: W })}`;
       }
       return null;
-    }), Tt = v(() => W.value ? !1 : [
-      !!V.value,
-      bi.value,
+    }), Rt = E(() => le.value ? !1 : [
+      !!M.value,
+      yi.value,
       !!ut.value,
-      wi.value,
+      vi.value,
       s.showRefresh
-    ].some(Boolean)), St = v(() => g.value ? ct(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 || k.value)
+    ].some(Boolean)), kt = E(() => m.value ? dt(m.value.meta.granularity_ms) : void 0), wi = E(() => ["timeseries_line", "timeseries_bar"].includes(v.value.type)), Tt = E(() => {
+      if (oe(s.definition) || !wi.value || !s.queryReady || N.value)
         return !1;
-      const C = O.value.query.granularity;
-      return !C || !St.value ? !1 : C !== St.value;
-    }), Ri = v(() => {
+      const x = s.definition.query.granularity;
+      return !x || !kt.value ? !1 : x !== kt.value;
+    }), Ei = E(() => {
       var G;
-      const C = ct(((G = g.value) == null ? void 0 : G.meta.granularity_ms) ?? 0) ?? "unknown", S = O.value.query.granularity ?? "unknown";
+      const x = dt(((G = m.value) == null ? void 0 : G.meta.granularity_ms) ?? 0) ?? "unknown", T = oe(s.definition) ? "unknown" : s.definition.query.granularity ?? "unknown";
       return f.t("query_aged_out_warning", {
-        currentGranularity: f.t(`granularities.${C}`),
-        savedGranularity: f.t(`granularities.${S}`)
+        currentGranularity: f.t(`granularities.${x}`),
+        savedGranularity: f.t(`granularities.${T}`)
       });
-    }), ki = v(() => {
-      if (w.value)
-        return [];
-      const C = [...s.context.filters, ...O.value.query.filters ?? []], S = O.value.query.metrics, G = O.value.query.datasource ?? "api_usage";
+    }), xi = E(() => {
+      const x = s.definition, T = [...s.context.filters, ...x.query.filters ?? []], G = "metrics" in x.query ? x.query.metrics : void 0, W = x.query.datasource ?? "api_usage";
       return u.value({
-        datasource: G,
-        filters: C,
-        metrics: S
+        datasource: W,
+        filters: T,
+        metrics: G
       });
-    }), Ti = () => {
+    }), Ci = () => {
       n("edit-tile", s.definition);
-    }, Si = () => {
+    }, Ri = () => {
       n("duplicate-tile", s.definition);
-    }, Di = () => {
+    }, ki = () => {
       n("remove-tile", s.definition);
-    }, zi = (C) => {
-      g.value = C, k.value = !1, n("chart-data", C);
-    }, Ni = (C) => {
-      k.value = C;
-    }, Li = () => {
+    }, Ti = (x) => {
+      m.value = x, N.value = !1, n("chart-data", x);
+    }, Si = (x) => {
+      N.value = x;
+    }, Di = () => {
       y.value = !1;
-    }, zt = () => {
-      var G, Y;
-      const C = (G = s.definition.query.datasource) == null ? void 0 : G.startsWith("goap");
-      return ((Y = l == null ? void 0 : l.staticConfig) == null ? void 0 : Y.increaseCsvExportLimit) !== !1 && !C ? pi(s.definition.query, s.context, Yi) : g.value ? Promise.resolve(g.value) : new Promise((De) => {
-        const de = Ne(g, (we) => {
-          we && (De(we), de());
+    }, St = () => {
+      var G, W;
+      const x = (G = s.definition.query.datasource) == null ? void 0 : G.startsWith("goap");
+      return ((W = l == null ? void 0 : l.staticConfig) == null ? void 0 : W.increaseCsvExportLimit) !== !1 && !x ? lt(s.definition.query, s.context, Vi) : m.value ? Promise.resolve(m.value) : new Promise((Ne) => {
+        const me = Oe(m, (Ce) => {
+          Ce && (Ne(Ce), me());
         });
       });
-    }, Ai = async () => {
+    }, zi = async () => {
       y.value = !0, p.value = { status: "loading" };
       try {
-        const C = await zt();
-        p.value = { status: "success", chartData: C };
-      } catch (C) {
-        p.value = { status: "error", error: C };
+        const x = await St();
+        p.value = { status: "success", chartData: x };
+      } catch (x) {
+        p.value = { status: "error", error: x };
       }
-    }, Oi = (C) => {
-      const S = {
+    }, Ni = (x) => {
+      const T = {
         tileId: s.tileId.toString(),
-        timeRange: C
+        timeRange: x
       };
-      n("tile-time-range-zoom", S);
-    }, Hi = (C) => {
-      const S = {
+      n("tile-time-range-zoom", T);
+    }, Li = (x) => {
+      const T = {
         tileId: s.tileId.toString(),
-        bounds: C
+        bounds: x
       };
-      n("tile-bounds-change", S);
-    }, Ii = (C) => {
-      const S = ki.value, G = Ge(C, S);
-      Fe.value = ie.value ? { href: kt(G) } : void 0, Be.value = P.value ? { href: Ue(mi(C, S)) } : void 0;
+      n("tile-bounds-change", T);
+    }, Ai = (x) => {
+      const T = xi.value, G = F(x, T);
+      z.value = Q.value ? { href: P(G) } : void 0, D.value = I.value ? { href: V(at(x, T)) } : void 0;
     };
-    return e({ getExportData: zt }), (C, S) => {
-      const G = le("KTooltip"), Y = le("KBadge"), De = le("KButton"), de = le("KDropdownItem"), we = le("KDropdown");
-      return x(), B("div", {
-        class: Se(["tile-boundary", {
-          editable: a.context.editable,
-          headless: !Tt.value
+    return e({ getExportData: St }), (x, T) => {
+      const G = ue("KTooltip"), W = ue("KBadge"), Ne = ue("KButton"), me = ue("KDropdownItem"), Ce = ue("KDropdown");
+      return C(), B("div", {
+        class: ze(["tile-boundary", {
+          editable: o.context.editable,
+          headless: !Rt.value
         }]),
-        "data-testid": `tile-${a.tileId}`
+        "data-testid": `tile-${o.tileId}`
       }, [
-        Tt.value && !W.value ? (x(), B("div", lr, [
-          ge(G, {
+        Rt.value && !le.value ? (C(), B("div", lr, [
+          fe(G, {
             class: "title-tooltip",
-            disabled: !T.value,
+            disabled: !k.value,
             "max-width": "500",
-            text: V.value
+            text: M.value
           }, {
-            default: M(() => [
+            default: q(() => [
               te("div", {
                 ref_key: "titleRef",
-                ref: m,
+                ref: g,
                 class: "title"
-              }, J(V.value), 513)
+              }, J(M.value), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
           te("div", ur, [
-            ut.value ? (x(), L(Y, {
+            ut.value ? (C(), O(W, {
               key: 0,
               "data-testid": "time-range-badge",
-              tooltip: Dt.value ? Ri.value : void 0,
+              tooltip: Tt.value ? Ei.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
-            }, nt({
-              default: M(() => [
+            }, rt({
+              default: q(() => [
                 te("span", hr, J(ut.value), 1)
               ]),
               _: 2
             }, [
-              Dt.value ? {
+              Tt.value ? {
                 name: "icon",
-                fn: M(() => [
-                  ge(E(os), {
-                    size: `var(--kui-icon-size-20, ${E(nr)})`
+                fn: q(() => [
+                  fe(w(ns), {
+                    size: `var(--kui-icon-size-20, ${w(nr)})`
                   }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["tooltip"])) : X("", !0)
           ]),
-          a.showRefresh ? (x(), B("div", dr, [
-            ge(De, {
+          o.showRefresh ? (C(), B("div", dr, [
+            fe(Ne, {
               appearance: "secondary",
               class: "refresh-button",
-              "data-testid": `tile-refresh-button-${a.tileId}`,
-              disabled: k.value,
+              "data-testid": `tile-refresh-button-${o.tileId}`,
+              disabled: N.value,
               icon: "",
               size: "small",
-              onClick: o
+              onClick: a
             }, {
-              default: M(() => [
-                k.value ? (x(), L(E(as), {
+              default: q(() => [
+                N.value ? (C(), O(w(os), {
                   key: 0,
                   role: "button",
-                  size: `var(--kui-icon-size-60, ${E(Vt)})`,
+                  size: `var(--kui-icon-size-60, ${w(jt)})`,
                   tabindex: "0"
-                }, null, 8, ["size"])) : (x(), L(E(ls), {
+                }, null, 8, ["size"])) : (C(), O(w(as), {
                   key: 1,
                   role: "button",
-                  size: `var(--kui-icon-size-60, ${E(Vt)})`,
+                  size: `var(--kui-icon-size-60, ${w(jt)})`,
                   tabindex: "0"
                 }, null, 8, ["size"]))
               ]),
               _: 1
             }, 8, ["data-testid", "disabled"])
           ])) : X("", !0),
-          We.value ? (x(), B("div", {
+          we.value ? (C(), B("div", {
             key: 1,
             class: "tile-actions",
-            "data-testid": `tile-actions-${a.tileId}`
+            "data-testid": `tile-actions-${o.tileId}`
           }, [
-            We.value && a.context.editable && !a.isFullscreen ? (x(), L(E(us), {
+            we.value && o.context.editable && !o.isFullscreen ? (C(), O(w(ls), {
               key: 0,
               class: "edit-icon",
-              color: `var(--kui-color-text-neutral, ${E(Kt)})`,
-              "data-testid": `edit-tile-${a.tileId}`,
-              size: `var(--kui-icon-size-40, ${E(Qt)})`,
-              onClick: Ti
+              color: `var(--kui-color-text-neutral, ${w(Vt)})`,
+              "data-testid": `edit-tile-${o.tileId}`,
+              size: `var(--kui-icon-size-40, ${w(Yt)})`,
+              onClick: Ci
             }, null, 8, ["color", "data-testid", "size"])) : X("", !0),
-            We.value && lt.value && !a.isFullscreen ? (x(), L(we, {
+            we.value && We.value && !o.isFullscreen ? (C(), O(Ce, {
               key: 1,
               class: "dropdown",
-              "data-testid": `chart-action-menu-${a.tileId}`,
+              "data-testid": `chart-action-menu-${o.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
-              items: M(() => [
-                !w.value && E(D) ? (x(), L(de, {
+              items: q(() => [
+                w(Y) ? (C(), O(me, {
                   key: 0,
-                  "data-testid": `chart-jump-to-explore-${a.tileId}`,
-                  item: { label: E(f).t("jumpToExplore"), to: E(D) }
+                  "data-testid": `chart-jump-to-explore-${o.tileId}`,
+                  item: { label: w(f).t("jumpToExplore"), to: w(Y) }
                 }, null, 8, ["data-testid", "item"])) : X("", !0),
-                !w.value && E(H) ? (x(), L(de, {
+                !w(oe)(o.definition) && w(ve) ? (C(), O(me, {
                   key: 1,
-                  "data-testid": `chart-jump-to-requests-${a.tileId}`,
-                  item: { label: E(f).t("jumpToRequests"), to: E(H) }
+                  "data-testid": `chart-jump-to-requests-${o.tileId}`,
+                  item: { label: w(f).t("jumpToRequests"), to: w(ve) }
                 }, null, 8, ["data-testid", "item"])) : X("", !0),
-                he.value ? (x(), L(de, {
+                xe.value ? (C(), O(me, {
                   key: 2,
                   class: "chart-export-button",
-                  "data-testid": `chart-csv-export-${a.tileId}`,
-                  onClick: Ai
+                  "data-testid": `chart-csv-export-${o.tileId}`,
+                  onClick: zi
                 }, {
-                  default: M(() => [
+                  default: q(() => [
                     te("span", {
                       class: "chart-export-trigger",
-                      "data-testid": `csv-export-button-${a.tileId}`
-                    }, J(E(f).t("csvExport.exportAsCsv")), 9, fr)
+                      "data-testid": `csv-export-button-${o.tileId}`
+                    }, J(w(f).t("csvExport.exportAsCsv")), 9, fr)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0),
-                a.context.editable ? (x(), L(de, {
+                o.context.editable ? (C(), O(me, {
                   key: 3,
-                  "data-testid": `duplicate-tile-${a.tileId}`,
-                  onClick: Si
+                  "data-testid": `duplicate-tile-${o.tileId}`,
+                  onClick: Ri
                 }, {
-                  default: M(() => [
-                    mt(J(E(f).t("renderer.duplicateTile")), 1)
+                  default: q(() => [
+                    gt(J(w(f).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0),
-                a.context.editable ? (x(), L(de, {
+                o.context.editable ? (C(), O(me, {
                   key: 4,
-                  "data-testid": `remove-tile-${a.tileId}`,
-                  onClick: Di
+                  "data-testid": `remove-tile-${o.tileId}`,
+                  onClick: ki
                 }, {
-                  default: M(() => [
-                    te("span", gr, J(E(f).t("renderer.delete")), 1)
+                  default: q(() => [
+                    te("span", gr, J(w(f).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0)
               ]),
-              default: M(() => [
-                ge(E(hs), {
+              default: q(() => [
+                fe(w(us), {
                   class: "kebab-action-menu",
-                  color: `var(--kui-color-text-neutral, ${E(Kt)})`,
-                  "data-testid": `kebab-action-menu-${a.tileId}`,
-                  size: `var(--kui-icon-size-40, ${E(Qt)})`
+                  color: `var(--kui-color-text-neutral, ${w(Vt)})`,
+                  "data-testid": `kebab-action-menu-${o.tileId}`,
+                  size: `var(--kui-icon-size-40, ${w(Yt)})`
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
             }, 8, ["data-testid"])) : X("", !0)
-          ], 8, cr)) : z.value ? (x(), B("div", {
+          ], 8, cr)) : A.value ? (C(), B("div", {
             key: 2,
             class: "header-description",
-            "data-testid": `tile-description-${a.tileId}`
-          }, J(z.value), 9, mr)) : X("", !0),
-          y.value ? (x(), L(E(es), {
+            "data-testid": `tile-description-${o.tileId}`
+          }, J(A.value), 9, mr)) : X("", !0),
+          y.value ? (C(), O(w(Ji), {
             key: 3,
-            "data-testid": `csv-export-modal-${a.tileId}`,
+            "data-testid": `csv-export-modal-${o.tileId}`,
             "export-state": p.value,
-            filename: yi.value,
-            onCloseModal: Li
+            filename: Ue.value,
+            onCloseModal: Di
           }, null, 8, ["data-testid", "export-state", "filename"])) : X("", !0)
         ])) : X("", !0),
         te("div", {
-          class: Se(["tile-content", `type-${q.value}`]),
-          "data-testid": `tile-content-${a.tileId}`
+          class: ze(["tile-content", `type-${o.tileType}-${v.value.type}`]),
+          "data-testid": `tile-content-${o.tileId}`
         }, [
-          be.value ? (x(), L(ti(be.value.component), Zt({ key: 0 }, be.value.rendererProps, Ki(xi.value), { onChartData: zi }), null, 16)) : X("", !0)
+          Ee.value ? (C(), O(si(Ee.value.component), ei({ key: 0 }, Ee.value.rendererProps, Wi(bi.value), { onChartData: Ti }), null, 16)) : X("", !0)
         ], 10, pr)
       ], 10, ar);
     };
   }
-}), fi = /* @__PURE__ */ _e(yr, [["__scopeId", "data-v-af28753b"]]), vr = (a, e) => {
+}), mi = /* @__PURE__ */ be(yr, [["__scopeId", "data-v-14541de0"]]), vr = (o, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
-    const o = r.layout.position.row, n = i.get(o), d = r.layout.size.rows === 1 && !!r.layout.size.fit_to_content;
-    t = Math.max(t, o + r.layout.size.rows), n === void 0 ? i.set(o, d) : i.set(o, n && d);
+    const a = r.layout.position.row, n = i.get(a), d = r.layout.size.rows === 1 && !!r.layout.size.fit_to_content;
+    t = Math.max(t, a + r.layout.size.rows), n === void 0 ? i.set(a, d) : i.set(a, n && d);
   });
   const s = [];
   for (let r = 0; r < t; r++)
-    i.get(r) ? s.push("auto") : s.push(`${a}px`);
+    i.get(r) ? s.push("auto") : s.push(`${o}px`);
   return s;
 }, _r = /* @__PURE__ */ ee({
   __name: "GridLayout",
@@ -1766,34 +1762,34 @@ const ae = {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => $e
+      default: () => Ge
     },
     columns: {
       type: Number,
       required: !1,
-      default: () => bt
+      default: () => _t
     },
     tiles: {
       type: Array,
       required: !0
     }
   },
-  setup(a) {
-    yt((n) => ({
+  setup(o) {
+    pt((n) => ({
       v821fda82: e.columns,
       v0870d42d: r.value
     }));
-    const e = a, t = A(null), i = A(0), s = new ResizeObserver((n) => {
+    const e = o, t = H(null), i = H(0), s = new ResizeObserver((n) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(n) || !n.length || (i.value = n[0].contentRect.width);
       });
     });
-    rt(() => {
+    st(() => {
       t.value && s.observe(t.value);
-    }), Pe(() => {
+    }), Fe(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = v(() => vr(e.tileHeight, e.tiles).join(" ")), o = v(() => e.tiles.map((n, d) => ({
+    const r = E(() => vr(e.tileHeight, e.tiles).join(" ")), a = E(() => e.tiles.map((n, d) => ({
       key: `tile-${d}`,
       tile: n,
       style: {
@@ -1803,28 +1799,28 @@ const ae = {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, d) => (x(), B("div", {
+    return (n, d) => (C(), B("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (x(!0), B(pt, null, ii(o.value, (l) => (x(), B("div", {
+      (C(!0), B(mt, null, ri(a.value, (l) => (C(), B("div", {
         key: l.key,
-        class: Se(["grid-cell", {
+        class: ze(["grid-cell", {
           "empty-cell": !l.tile
         }]),
-        style: je(l.style)
+        style: Ye(l.style)
       }, [
-        Le(n.$slots, "tile", {
-          style: je(l.style),
+        He(n.$slots, "tile", {
+          style: Ye(l.style),
           tile: l.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), br = /* @__PURE__ */ _e(_r, [["__scopeId", "data-v-0271a8b9"]]);
-function wr(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));
+}), br = /* @__PURE__ */ be(_r, [["__scopeId", "data-v-0271a8b9"]]);
+function wr(o, e, t, i, s) {
+  const r = (...a) => (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(o, a));
   return r.prototype = e.prototype, r;
 }
 class c {
@@ -1887,8 +1883,8 @@ class c {
     const i = e.x > t.x ? e.x : t.x, s = e.x + e.w < t.x + t.w ? e.x + e.w : t.x + t.w;
     if (s <= i)
       return 0;
-    const r = e.y > t.y ? e.y : t.y, o = e.y + e.h < t.y + t.h ? e.y + e.h : t.y + t.h;
-    return o <= r ? 0 : (s - i) * (o - r);
+    const r = e.y > t.y ? e.y : t.y, a = e.y + e.h < t.y + t.h ? e.y + e.h : t.y + t.h;
+    return a <= r ? 0 : (s - i) * (a - r);
   }
   /** returns the area */
   static area(e) {
@@ -1901,8 +1897,8 @@ class c {
    **/
   static sort(e, t = 1) {
     return e.sort((s, r) => {
-      const o = t * ((s.y ?? 1e4) - (r.y ?? 1e4));
-      return o === 0 ? t * ((s.x ?? 1e4) - (r.x ?? 1e4)) : o;
+      const a = t * ((s.y ?? 1e4) - (r.y ?? 1e4));
+      return a === 0 ? t * ((s.x ?? 1e4) - (r.x ?? 1e4)) : a;
     });
   }
   /** find an item by id */
@@ -2030,10 +2026,10 @@ class c {
   static updateScrollPosition(e, t, i) {
     const s = e.getBoundingClientRect(), r = window.innerHeight || document.documentElement.clientHeight;
     if (s.top < 0 || s.bottom > r) {
-      const o = s.bottom - r, n = s.top, d = this.getScrollElement(e);
+      const a = s.bottom - r, n = s.top, d = this.getScrollElement(e);
       if (d !== null) {
         const l = d.scrollTop;
-        s.top < 0 && i < 0 ? e.offsetHeight > r ? d.scrollTop += i : d.scrollTop += Math.abs(n) > Math.abs(i) ? i : n : i > 0 && (e.offsetHeight > r ? d.scrollTop += i : d.scrollTop += o > i ? i : o), t.top += d.scrollTop - l;
+        s.top < 0 && i < 0 ? e.offsetHeight > r ? d.scrollTop += i : d.scrollTop += Math.abs(n) > Math.abs(i) ? i : n : i > 0 && (e.offsetHeight > r ? d.scrollTop += i : d.scrollTop += a > i ? i : a), t.top += d.scrollTop - l;
       }
     }
   }
@@ -2045,7 +2041,7 @@ class c {
    * @param distance Distance from the V edges to start scrolling
    */
   static updateScrollResize(e, t, i) {
-    const s = this.getScrollElement(t), r = s.clientHeight, o = s === this.getScrollElement() ? 0 : s.getBoundingClientRect().top, n = e.clientY - o, d = n < i, l = n > r - i;
+    const s = this.getScrollElement(t), r = s.clientHeight, a = s === this.getScrollElement() ? 0 : s.getBoundingClientRect().top, n = e.clientY - a, d = n < i, l = n > r - i;
     d ? s.scrollBy({ behavior: "smooth", top: n - i }) : l && s.scrollBy({ behavior: "smooth", top: i - (r - n) });
   }
   /** single level clone, returning a new object with same top fields. This will share sub objects and arrays */
@@ -2163,7 +2159,7 @@ class c {
     return !(!e || e.w === e.h || e.locked || e.noResize || (t = e.grid) != null && t.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class ce {
+class de {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -2183,7 +2179,7 @@ class ce {
       return !0;
     let r = t;
     !this._loading && this._useEntireRowArea(e, t) && (r = { x: 0, w: this.column, y: t.y, h: t.h }, i = this.collide(e, r, s.skip));
-    let o = !1;
+    let a = !1;
     const n = { nested: !0, pack: !1 };
     let d = 0;
     for (; i = i || this.collide(e, r, s.skip); ) {
@@ -2194,23 +2190,23 @@ class ce {
       (!this.collide(i, { ...i, y: e.y }, e) || !this.collide(i, { ...i, y: t.y - i.h }, e))) {
         e._skipDown = e._skipDown || t.y > e.y;
         const h = { ...t, y: i.y + i.h, ...n };
-        l = this._loading && c.samePos(e, h) ? !0 : this.moveNode(e, h), (i.locked || this._loading) && l ? c.copyPos(t, e) : !i.locked && l && s.pack && (this._packNodes(), t.y = i.y + i.h, c.copyPos(e, t)), o = o || l;
+        l = this._loading && c.samePos(e, h) ? !0 : this.moveNode(e, h), (i.locked || this._loading) && l ? c.copyPos(t, e) : !i.locked && l && s.pack && (this._packNodes(), t.y = i.y + i.h, c.copyPos(e, t)), a = a || l;
       } else
         l = this.moveNode(i, { ...i, y: t.y + t.h, skip: e, ...n });
       if (!l)
-        return o;
+        return a;
       i = void 0;
     }
-    return o;
+    return a;
   }
   /** return the nodes that intercept the given node. Optionally a different area can be used, as well as a second node to skip */
   collide(e, t = e, i) {
     const s = e._id, r = i == null ? void 0 : i._id;
-    return this.nodes.find((o) => o._id !== s && o._id !== r && c.isIntercepted(o, t));
+    return this.nodes.find((a) => a._id !== s && a._id !== r && c.isIntercepted(a, t));
   }
   collideAll(e, t = e, i) {
     const s = e._id, r = i == null ? void 0 : i._id;
-    return this.nodes.filter((o) => o._id !== s && o._id !== r && c.isIntercepted(o, t));
+    return this.nodes.filter((a) => a._id !== s && a._id !== r && c.isIntercepted(a, t));
   }
   /** does a pixel coverage collision based on where we started, returning the node that has the most coverage that is >50% mid line */
   directionCollideCoverage(e, t, i) {
@@ -2218,7 +2214,7 @@ class ce {
       return;
     const s = e._rect, r = { ...t.rect };
     r.y > s.y ? (r.h += r.y - s.y, r.y = s.y) : r.h += s.y - r.y, r.x > s.x ? (r.w += r.x - s.x, r.x = s.x) : r.w += s.x - r.x;
-    let o, n = 0.5;
+    let a, n = 0.5;
     for (let d of i) {
       if (d.locked || !d._rect)
         break;
@@ -2226,9 +2222,9 @@ class ce {
       let h = Number.MAX_VALUE, u = Number.MAX_VALUE;
       s.y < l.y ? h = (r.y + r.h - l.y) / l.h : s.y + s.h > l.y + l.h && (h = (l.y + l.h - r.y) / l.h), s.x < l.x ? u = (r.x + r.w - l.x) / l.w : s.x + s.w > l.x + l.w && (u = (l.x + l.w - r.x) / l.w);
       const f = Math.min(u, h);
-      f > n && (n = f, o = d);
+      f > n && (n = f, a = d);
     }
-    return t.collide = o, o;
+    return t.collide = a, a;
   }
   /** does a pixel coverage returning the node that has the most coverage by area */
   /*
@@ -2247,11 +2243,11 @@ class ce {
   }
   */
   /** called to cache the nodes pixel rectangles used for collision detection during drag */
-  cacheRects(e, t, i, s, r, o) {
+  cacheRects(e, t, i, s, r, a) {
     return this.nodes.forEach((n) => n._rect = {
       y: n.y * t + i,
-      x: n.x * e + o,
-      w: n.w * e - o - s,
+      x: n.x * e + a,
+      w: n.w * e - a - s,
       h: n.h * t - i - r
     }), this;
   }
@@ -2260,8 +2256,8 @@ class ce {
     if (!t || t.locked || !e || e.locked)
       return !1;
     function i() {
-      const r = t.x, o = t.y;
-      return t.x = e.x, t.y = e.y, e.h != t.h ? (e.x = r, e.y = t.y + t.h) : e.w != t.w ? (e.x = t.x + t.w, e.y = o) : (e.x = r, e.y = o), e._dirty = t._dirty = !0, !0;
+      const r = t.x, a = t.y;
+      return t.x = e.x, t.y = e.y, e.h != t.h ? (e.x = r, e.y = t.y + t.h) : e.w != t.w ? (e.x = t.x + t.w, e.y = a) : (e.x = r, e.y = a), e._dirty = t._dirty = !0, !0;
     }
     let s;
     if (e.w === t.w && e.h === t.h && (e.x === t.x || e.y === t.y) && (s = c.isTouching(e, t)))
@@ -2300,9 +2296,9 @@ class ce {
     const s = this._inColumnResize;
     s || (this._inColumnResize = !0);
     const r = this.nodes;
-    return this.nodes = [], r.forEach((o, n, d) => {
+    return this.nodes = [], r.forEach((a, n, d) => {
       let l;
-      o.locked || (o.autoPosition = !0, e === "list" && n && (l = d[n - 1])), this.addNode(o, !1, l);
+      a.locked || (a.autoPosition = !0, e === "list" && n && (l = d[n - 1])), this.addNode(a, !1, l);
     }), s || delete this._inColumnResize, i || this.batchUpdate(!1), this;
   }
   /** enable/disable floating widgets (default: `false`) See [example](http://gridstackjs.com/demo/float.html) */
@@ -2341,11 +2337,11 @@ class ce {
    * @param resizing if out of bound, resize down or move into the grid to fit ?
    */
   prepareNode(e, t) {
-    e._id = e._id ?? ce._idSeq++;
+    e._id = e._id ?? de._idSeq++;
     const i = e.id;
     if (i) {
       let r = 1;
-      for (; this.nodes.find((o) => o.id === e.id && o !== e); )
+      for (; this.nodes.find((a) => a.id === e.id && a !== e); )
         e.id = i + "_" + r++;
     }
     (e.x === void 0 || e.y === void 0 || e.x === null || e.y === null) && (e.autoPosition = !0);
@@ -2398,19 +2394,19 @@ class ce {
    */
   findEmptyPosition(e, t = this.nodes, i = this.column, s) {
     const r = s ? s.y * i + (s.x + s.w) : 0;
-    let o = !1;
-    for (let n = r; !o; ++n) {
+    let a = !1;
+    for (let n = r; !a; ++n) {
       const d = n % i, l = Math.floor(n / i);
       if (d + e.w > i)
         continue;
       const h = { x: d, y: l, w: e.w, h: e.h };
-      t.find((u) => c.isIntercepted(h, u)) || ((e.x !== d || e.y !== l) && (e._dirty = !0), e.x = d, e.y = l, delete e.autoPosition, o = !0);
+      t.find((u) => c.isIntercepted(h, u)) || ((e.x !== d || e.y !== l) && (e._dirty = !0), e.x = d, e.y = l, delete e.autoPosition, a = !0);
     }
-    return o;
+    return a;
   }
   /** call to add the given node to our list, fixing collision and re-packing */
   addNode(e, t = !1, i) {
-    const s = this.nodes.find((o) => o._id === e._id);
+    const s = this.nodes.find((a) => a._id === e._id);
     if (s)
       return s;
     this._inColumnResize ? this.nodeBoundFix(e) : this.prepareNode(e), delete e._temporaryRemoved, delete e._removeDOM;
@@ -2436,29 +2432,29 @@ class ce {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const s = new ce({
+    const s = new de({
       column: this.column,
       float: this.float,
-      nodes: this.nodes.map((o) => o._id === e._id ? (i = { ...o }, i) : { ...o })
+      nodes: this.nodes.map((a) => a._id === e._id ? (i = { ...a }, i) : { ...a })
     });
     if (!i)
       return !1;
     const r = s.moveNode(i, t) && s.getRow() <= Math.max(this.getRow(), this.maxRow);
     if (!r && !t.resizing && t.collide) {
-      const o = t.collide.el.gridstackNode;
-      if (this.swap(e, o))
+      const a = t.collide.el.gridstackNode;
+      if (this.swap(e, a))
         return this._notify(), !0;
     }
-    return r ? (s.nodes.filter((o) => o._dirty).forEach((o) => {
-      const n = this.nodes.find((d) => d._id === o._id);
-      n && (c.copyPos(n, o), n._dirty = !0);
+    return r ? (s.nodes.filter((a) => a._dirty).forEach((a) => {
+      const n = this.nodes.find((d) => d._id === a._id);
+      n && (c.copyPos(n, a), n._dirty = !0);
     }), this._notify(), !0) : !1;
   }
   /** return true if can fit in grid height constrain only (always true if no maxRow) */
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new ce({
+    const t = new de({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -2480,18 +2476,18 @@ class ce {
     const s = e.w !== t.w || e.h !== t.h, r = c.copyPos({}, e, !0);
     if (c.copyPos(r, t), this.nodeBoundFix(r, s), c.copyPos(t, r), !t.forceCollide && c.samePos(e, t))
       return !1;
-    const o = c.copyPos({}, e), n = this.collideAll(e, r, t.skip);
+    const a = c.copyPos({}, e), n = this.collideAll(e, r, t.skip);
     let d = !0;
     if (n.length) {
       const u = e._moving && !t.nested;
       let f = u ? this.directionCollideCoverage(e, t, n) : n[0];
       if (u && f && ((h = (l = e.grid) == null ? void 0 : l.opts) != null && h.subGridDynamic) && !e.grid._isTemp) {
-        const g = c.areaIntercept(t.rect, f._rect), p = c.area(t.rect), y = c.area(f._rect);
-        g / (p < y ? p : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
+        const m = c.areaIntercept(t.rect, f._rect), p = c.area(t.rect), y = c.area(f._rect);
+        m / (p < y ? p : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
       f ? d = !this._fixCollisions(e, r, f, t) : (d = !1, i && delete t.pack);
     }
-    return d && !c.samePos(e, r) && (e._dirty = !0, c.copyPos(e, r)), t.pack && this._packNodes()._notify(), !c.samePos(e, o);
+    return d && !c.samePos(e, r) && (e._dirty = !0, c.copyPos(e, r)), t.pack && this._packNodes()._notify(), !c.samePos(e, a);
   }
   getRow() {
     return this.nodes.reduce((e, t) => Math.max(e, t.y + t.h), 0);
@@ -2506,8 +2502,8 @@ class ce {
   /** saves a copy of the largest column layout (eg 12 even when rendering oneColumnMode) so we don't loose orig layout,
    * returning a list of widgets for serialization */
   save(e = !0, t) {
-    var o;
-    const i = (o = this._layouts) == null ? void 0 : o.length, s = i && this.column !== i - 1 ? this._layouts[i - 1] : null, r = [];
+    var a;
+    const i = (a = this._layouts) == null ? void 0 : a.length, s = i && this.column !== i - 1 ? this._layouts[i - 1] : null, r = [];
     return this.sortNodes(), this.nodes.forEach((n) => {
       const d = s == null ? void 0 : s.find((h) => h._id === n._id), l = { ...n, ...d || {} };
       c.removeInternalForSave(l, !e), t && t(n, l), r.push(l);
@@ -2525,8 +2521,8 @@ class ce {
         e.forEach((r) => {
           if (!r._orig)
             return;
-          const o = t.find((n) => n._id === r._id);
-          o && (o.y >= 0 && r.y !== r._orig.y && (o.y += r.y - r._orig.y), r.x !== r._orig.x && (o.x = Math.round(r.x * s)), r.w !== r._orig.w && (o.w = Math.round(r.w * s)));
+          const a = t.find((n) => n._id === r._id);
+          a && (a.y >= 0 && r.y !== r._orig.y && (a.y += r.y - r._orig.y), r.x !== r._orig.x && (a.x = Math.round(r.x * s)), r.w !== r._orig.w && (a.w = Math.round(r.w * s)));
         });
       }
     }), this);
@@ -2547,35 +2543,35 @@ class ce {
       return this;
     const s = i === "compact" || i === "list";
     s && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
-    let r = [], o = s ? this.nodes : c.sort(this.nodes, -1);
+    let r = [], a = s ? this.nodes : c.sort(this.nodes, -1);
     if (t > e && this._layouts) {
       const d = this._layouts[t] || [], l = this._layouts.length - 1;
       !d.length && e !== l && ((n = this._layouts[l]) != null && n.length) && (e = l, this._layouts[l].forEach((h) => {
-        const u = o.find((f) => f._id === h._id);
+        const u = a.find((f) => f._id === h._id);
         u && (!s && !h.autoPosition && (u.x = h.x ?? u.x, u.y = h.y ?? u.y), u.w = h.w ?? u.w, (h.x == null || h.y === void 0) && (u.autoPosition = !0));
       })), d.forEach((h) => {
-        const u = o.findIndex((f) => f._id === h._id);
+        const u = a.findIndex((f) => f._id === h._id);
         if (u !== -1) {
-          const f = o[u];
+          const f = a[u];
           if (s) {
             f.w = h.w;
             return;
           }
-          (h.autoPosition || isNaN(h.x) || isNaN(h.y)) && this.findEmptyPosition(h, r), h.autoPosition || (f.x = h.x ?? f.x, f.y = h.y ?? f.y, f.w = h.w ?? f.w, r.push(f)), o.splice(u, 1);
+          (h.autoPosition || isNaN(h.x) || isNaN(h.y)) && this.findEmptyPosition(h, r), h.autoPosition || (f.x = h.x ?? f.x, f.y = h.y ?? f.y, f.w = h.w ?? f.w, r.push(f)), a.splice(u, 1);
         }
       });
     }
     if (s)
       this.compact(i, !1);
     else {
-      if (o.length)
+      if (a.length)
         if (typeof i == "function")
-          i(t, e, r, o);
+          i(t, e, r, a);
         else {
           const d = s || i === "none" ? 1 : t / e, l = i === "move" || i === "moveScale", h = i === "scale" || i === "moveScale";
-          o.forEach((u) => {
+          a.forEach((u) => {
             u.x = t === 1 ? 0 : l ? Math.round(u.x * d) : Math.min(u.x, t - 1), u.w = t === 1 || e === 1 ? 1 : h ? Math.round(u.w * d) || 1 : Math.min(u.w, t), r.push(u);
-          }), o = [];
+          }), a = [];
         }
       r = c.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((d) => {
         this.addNode(d, !1), delete d._orig;
@@ -2591,12 +2587,12 @@ class ce {
    */
   cacheLayout(e, t, i = !1) {
     const s = [];
-    return e.forEach((r, o) => {
+    return e.forEach((r, a) => {
       if (r._id === void 0) {
         const n = r.id ? this.nodes.find((d) => d.id === r.id) : void 0;
-        r._id = (n == null ? void 0 : n._id) ?? ce._idSeq++;
+        r._id = (n == null ? void 0 : n._id) ?? de._idSeq++;
       }
-      s[o] = { x: r.x, y: r.y, w: r.w, _id: r._id };
+      s[a] = { x: r.x, y: r.y, w: r.w, _id: r._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
   }
   /**
@@ -2605,7 +2601,7 @@ class ce {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? ce._idSeq++;
+    e._id = e._id ?? de._idSeq++;
     const i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     const s = this.findCacheLayout(e, t);
@@ -2629,8 +2625,8 @@ class ce {
     return this;
   }
 }
-ce._idSeq = 0;
-const se = {
+de._idSeq = 0;
+const ie = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2662,55 +2658,55 @@ const se = {
 };
 class R {
 }
-const ue = 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 fe {
+const he = 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 ce {
 }
-function Ze(a, e) {
-  a.touches.length > 1 || (a.cancelable && a.preventDefault(), c.simulateMouseEvent(a.changedTouches[0], e));
+function Xe(o, e) {
+  o.touches.length > 1 || (o.cancelable && o.preventDefault(), c.simulateMouseEvent(o.changedTouches[0], e));
 }
-function gi(a, e) {
-  a.cancelable && a.preventDefault(), c.simulateMouseEvent(a, e);
+function pi(o, e) {
+  o.cancelable && o.preventDefault(), c.simulateMouseEvent(o, e);
 }
-function Je(a) {
-  fe.touchHandled || (fe.touchHandled = !0, Ze(a, "mousedown"));
+function Ze(o) {
+  ce.touchHandled || (ce.touchHandled = !0, Xe(o, "mousedown"));
 }
-function et(a) {
-  fe.touchHandled && Ze(a, "mousemove");
+function Je(o) {
+  ce.touchHandled && Xe(o, "mousemove");
 }
-function tt(a) {
-  if (!fe.touchHandled)
+function et(o) {
+  if (!ce.touchHandled)
     return;
-  fe.pointerLeaveTimeout && (window.clearTimeout(fe.pointerLeaveTimeout), delete fe.pointerLeaveTimeout);
+  ce.pointerLeaveTimeout && (window.clearTimeout(ce.pointerLeaveTimeout), delete ce.pointerLeaveTimeout);
   const e = !!R.dragElement;
-  Ze(a, "mouseup"), e || Ze(a, "click"), fe.touchHandled = !1;
+  Xe(o, "mouseup"), e || Xe(o, "click"), ce.touchHandled = !1;
 }
-function it(a) {
-  a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
+function tt(o) {
+  o.pointerType !== "mouse" && o.target.releasePointerCapture(o.pointerId);
 }
-function Yt(a) {
-  R.dragElement && a.pointerType !== "mouse" && gi(a, "mouseenter");
+function Xt(o) {
+  R.dragElement && o.pointerType !== "mouse" && pi(o, "mouseenter");
 }
-function jt(a) {
-  R.dragElement && a.pointerType !== "mouse" && (fe.pointerLeaveTimeout = window.setTimeout(() => {
-    delete fe.pointerLeaveTimeout, gi(a, "mouseleave");
+function Zt(o) {
+  R.dragElement && o.pointerType !== "mouse" && (ce.pointerLeaveTimeout = window.setTimeout(() => {
+    delete ce.pointerLeaveTimeout, pi(o, "mouseleave");
   }, 10));
 }
-class at {
+class ot {
   constructor(e, t, i) {
     this.host = e, this.dir = t, this.option = i, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
   }
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${at.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ue && (this.el.addEventListener("touchstart", Je), this.el.addEventListener("pointerdown", it)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${ot.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), he && (this.el.addEventListener("touchstart", Ze), this.el.addEventListener("pointerdown", tt)), 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), ue && (this.el.removeEventListener("touchstart", Je), this.el.removeEventListener("pointerdown", it)), 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), he && (this.el.removeEventListener("touchstart", Ze), this.el.removeEventListener("pointerdown", tt)), 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), ue && (this.el.addEventListener("touchmove", et), this.el.addEventListener("touchend", tt)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), he && (this.el.addEventListener("touchmove", Je), this.el.addEventListener("touchend", et)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2719,7 +2715,7 @@ class at {
   }
   /** @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), ue && (this.el.removeEventListener("touchmove", et), this.el.removeEventListener("touchend", tt)), 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), he && (this.el.removeEventListener("touchmove", Je), this.el.removeEventListener("touchend", et)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2731,8 +2727,8 @@ class at {
     return this.option[e] && this.option[e](t), this;
   }
 }
-at.prefix = "ui-resizable-";
-class Ct {
+ot.prefix = "ui-resizable-";
+class xt {
   constructor() {
     this._eventRegister = {};
   }
@@ -2760,7 +2756,7 @@ class Ct {
       return this._eventRegister[e](t);
   }
 }
-class Ae extends Ct {
+class Ie extends xt {
   // 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 = () => {
@@ -2769,15 +2765,15 @@ class Ae extends Ct {
         height: this.originalRect.height + this.scrolled,
         left: this.originalRect.left,
         top: this.originalRect.top - this.scrolled
-      }, o = this.temporalRect || r;
+      }, a = this.temporalRect || r;
       return {
         position: {
-          left: (o.left - s.left) * this.rectScale.x,
-          top: (o.top - s.top) * this.rectScale.y
+          left: (a.left - s.left) * this.rectScale.x,
+          top: (a.top - s.top) * this.rectScale.y
         },
         size: {
-          width: o.width * this.rectScale.x,
-          height: o.height * this.rectScale.y
+          width: a.width * this.rectScale.x,
+          height: a.height * this.rectScale.y
         }
         /* Gridstack ONLY needs position set above... keep around in case.
         element: [this.el], // The object representing the element to be resized
@@ -2830,7 +2826,7 @@ class Ae extends Ct {
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new at(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new ot(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -2861,7 +2857,7 @@ class Ae extends Ct {
   }
   /** @internal */
   _setupHelper() {
-    this.elOriginStyleVal = Ae._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
+    this.elOriginStyleVal = Ie._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,
@@ -2870,7 +2866,7 @@ class Ae extends Ct {
   }
   /** @internal */
   _cleanHelper() {
-    return Ae._originStyleProp.forEach((e, t) => {
+    return Ie._originStyleProp.forEach((e, t) => {
       this.el.style[e] = this.elOriginStyleVal[t] || null;
     }), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
   }
@@ -2881,15 +2877,15 @@ class Ae extends Ct {
       height: this.originalRect.height + this.scrolled,
       left: this.originalRect.left,
       top: this.originalRect.top - this.scrolled
-    }, r = e.clientX - i.clientX, o = this.sizeToContent ? 0 : e.clientY - i.clientY;
+    }, r = e.clientX - i.clientX, a = this.sizeToContent ? 0 : e.clientY - i.clientY;
     let n, d;
-    t.indexOf("e") > -1 ? s.width += r : t.indexOf("w") > -1 && (s.width -= r, s.left += r, n = !0), t.indexOf("s") > -1 ? s.height += o : t.indexOf("n") > -1 && (s.height -= o, s.top += o, d = !0);
+    t.indexOf("e") > -1 ? s.width += r : t.indexOf("w") > -1 && (s.width -= r, s.left += r, n = !0), t.indexOf("s") > -1 ? s.height += a : t.indexOf("n") > -1 && (s.height -= a, s.top += a, d = !0);
     const l = this._constrainSize(s.width, s.height, n, d);
     return Math.round(s.width) !== Math.round(l.width) && (t.indexOf("w") > -1 && (s.left += s.width - l.width), s.width = l.width), Math.round(s.height) !== Math.round(l.height) && (t.indexOf("n") > -1 && (s.top += s.height - l.height), s.height = l.height), s;
   }
   /** @internal constrain the size to the set min/max values */
   _constrainSize(e, t, i, s) {
-    const r = this.option, o = (i ? r.maxWidthMoveLeft : r.maxWidth) || Number.MAX_SAFE_INTEGER, n = r.minWidth / this.rectScale.x || e, d = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, l = r.minHeight / this.rectScale.y || t, h = Math.min(o, Math.max(n, e)), u = Math.min(d, Math.max(l, t));
+    const r = this.option, a = (i ? r.maxWidthMoveLeft : r.maxWidth) || Number.MAX_SAFE_INTEGER, n = r.minWidth / this.rectScale.x || e, d = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, l = r.minHeight / this.rectScale.y || t, h = Math.min(a, Math.max(n, e)), u = Math.min(d, Math.max(l, t));
     return { width: h, height: u };
   }
   /** @internal */
@@ -2909,9 +2905,9 @@ class Ae extends Ct {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-Ae._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
+Ie._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
 const Er = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Oe extends Ct {
+class Me extends xt {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -2931,12 +2927,12 @@ class Oe extends Ct {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), ue && (e.addEventListener("touchstart", Je), e.addEventListener("pointerdown", it));
+      e.addEventListener("mousedown", this._mouseDown), he && (e.addEventListener("touchstart", Ze), e.addEventListener("pointerdown", tt));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), ue && (t.removeEventListener("touchstart", Je), t.removeEventListener("pointerdown", it));
+      t.removeEventListener("mousedown", this._mouseDown), he && (t.removeEventListener("touchstart", Ze), t.removeEventListener("pointerdown", tt));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -2948,7 +2944,7 @@ class Oe extends Ct {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!R.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Er) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete R.dragElement, delete R.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ue && (e.currentTarget.addEventListener("touchmove", et), e.currentTarget.addEventListener("touchend", tt)), e.preventDefault(), document.activeElement && document.activeElement.blur(), R.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Er) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete R.dragElement, delete R.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), he && (e.currentTarget.addEventListener("touchmove", Je), e.currentTarget.addEventListener("touchend", et)), e.preventDefault(), document.activeElement && document.activeElement.blur(), R.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2979,7 +2975,7 @@ class Oe extends Ct {
   /** @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), ue && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", et, !0), e.currentTarget.removeEventListener("touchend", tt, !0)), this.dragging) {
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), he && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Je, !0), e.currentTarget.removeEventListener("touchend", et, !0)), this.dragging) {
       delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = R.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete R.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), R.dropElement && R.dropElement.drop(e);
@@ -3001,7 +2997,7 @@ class Oe extends Ct {
   /** @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 = Oe.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 = Me.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -3018,7 +3014,7 @@ class Oe extends Ct {
     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", Oe.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
+      i.style.transition = this.dragElementOriginStyle.transition = "none", Me.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -3035,14 +3031,14 @@ class Oe extends Ct {
   _getDragOffset(e, t, i) {
     let s = 0, r = 0;
     i && (s = this.dragTransform.xOffset, r = this.dragTransform.yOffset);
-    const o = t.getBoundingClientRect();
+    const a = t.getBoundingClientRect();
     return {
-      left: o.left,
-      top: o.top,
-      offsetLeft: -e.clientX + o.left - s,
-      offsetTop: -e.clientY + o.top - r,
-      width: o.width * this.dragTransform.xScale,
-      height: o.height * this.dragTransform.yScale
+      left: a.left,
+      top: a.top,
+      offsetLeft: -e.clientX + a.left - s,
+      offsetTop: -e.clientY + a.top - r,
+      width: a.width * this.dragTransform.xScale,
+      height: a.height * this.dragTransform.yScale
     };
   }
   /** @internal TODO: set to public as called by DDDroppable! */
@@ -3060,8 +3056,8 @@ class Oe extends Ct {
     };
   }
 }
-Oe.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class xr extends Ct {
+Me.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+class xr extends xt {
   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();
   }
@@ -3072,10 +3068,10 @@ class xr extends Ct {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), ue && (this.el.addEventListener("pointerenter", Yt), this.el.addEventListener("pointerleave", jt)));
+    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), he && (this.el.addEventListener("pointerenter", Xt), this.el.addEventListener("pointerleave", Zt)));
   }
   disable(e = !1) {
-    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), ue && (this.el.removeEventListener("pointerenter", Yt), this.el.removeEventListener("pointerleave", jt)));
+    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), he && (this.el.removeEventListener("pointerenter", Xt), this.el.removeEventListener("pointerleave", Zt)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -3099,9 +3095,9 @@ class xr extends Ct {
     e.preventDefault(), e.stopPropagation();
     const i = c.initEvent(e, { target: this.el, type: "dropout" });
     if (this.option.out && this.option.out(i, this._ui(R.dragElement)), this.triggerEvent("dropout", i), R.dropElement === this && (delete R.dropElement, !t)) {
-      let r, o = this.el.parentElement;
-      for (; !r && o; )
-        r = (s = o.ddElement) == null ? void 0 : s.ddDroppable, o = o.parentElement;
+      let r, a = this.el.parentElement;
+      for (; !r && a; )
+        r = (s = a.ddElement) == null ? void 0 : s.ddDroppable, a = a.parentElement;
       r && r._mouseEnter(e);
     }
   }
@@ -3127,9 +3123,9 @@ class xr extends Ct {
     };
   }
 }
-class Rt {
+class Ct {
   static init(e) {
-    return e.ddElement || (e.ddElement = new Rt(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new Ct(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -3141,13 +3137,13 @@ class Rt {
     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 Oe(this.el, e), this;
+    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Me(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 Ae(this.el, e), this;
+    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Ie(this.el, e), this;
   }
   cleanResizable() {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
@@ -3193,9 +3189,9 @@ class Cr {
       else if (t === "option")
         r.setupDraggable({ [i]: s });
       else {
-        const o = r.el.gridstackNode.grid;
+        const a = r.el.gridstackNode.grid;
         r.setupDraggable({
-          ...o.opts.draggable,
+          ...a.opts.draggable,
           // containment: (grid.parentGridNode && grid.opts.dragOut === false) ? grid.el.parentElement : (grid.opts.draggable.containment || null),
           start: t.start,
           stop: t.stop,
@@ -3238,7 +3234,7 @@ class Cr {
   /** @internal returns a list of DD elements, creating them on the fly by default unless option is to destroy or disable */
   _getDDElements(e, t) {
     const i = e.gridstack || t !== "destroy" && t !== "disable", s = c.getElements(e);
-    return s.length ? s.map((o) => o.ddElement || (i ? Rt.init(o) : null)).filter((o) => o) : [];
+    return s.length ? s.map((a) => a.ddElement || (i ? Ct.init(a) : null)).filter((a) => a) : [];
   }
 }
 /*!
@@ -3298,8 +3294,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       return null;
     let i = e;
     if (i.gridstack) {
-      const o = i.gridstack;
-      return t && (o.opts = { ...o.opts, ...t }), t.children !== void 0 && o.load(t.children), o;
+      const a = i.gridstack;
+      return t && (a.opts = { ...a.opts, ...t }), t.children !== void 0 && a.load(t.children), a;
     }
     return (!e.classList.contains("grid-stack") || b.addRemoveCB) && (b.addRemoveCB ? i = b.addRemoveCB(e, t, !0, !0) : i = c.createDiv(["grid-stack", t.class], e)), b.init(t, i);
   }
@@ -3313,7 +3309,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, se.itemClass, this.opts.itemClass]);
+      this._placeholder = c.createDiv([this.opts.placeholderClass, ie.itemClass, this.opts.itemClass]);
       const e = c.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
@@ -3325,7 +3321,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param opts grid options - public for classes to access, but use methods to modify!
    */
   constructor(e, t = {}) {
-    var u, f, g;
+    var u, f, m;
     this.el = e, this.opts = t, this.animationDelay = 310, this._gsEventHandler = {}, this._extraDragRow = 0, this.dragTransform = { xScale: 1, yScale: 1, xOffset: 0, yOffset: 0 }, e.gridstack = this, this.opts = t = t || {}, e.classList.contains("grid-stack") || this.el.classList.add("grid-stack"), t.row && (t.minRow = t.maxRow = t.row, delete t.row);
     const i = c.toNumber(e.getAttribute("gs-row"));
     t.column === "auto" && delete t.column, t.alwaysShowResizeHandle !== void 0 && (t._alwaysShowResizeHandle = t.alwaysShowResizeHandle);
@@ -3334,48 +3330,48 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (r.oneColumnModeDomSort && (delete r.oneColumnModeDomSort, console.log("warning: Gridstack oneColumnModeDomSort no longer supported. Use GridStackOptions.columnOpts instead.")), r.oneColumnSize || r.disableOneColumnMode === !1) {
       const p = r.oneColumnSize || 768;
       delete r.oneColumnSize, delete r.disableOneColumnMode, t.columnOpts = t.columnOpts || {}, s = t.columnOpts.breakpoints = t.columnOpts.breakpoints || [];
-      let y = s.find((m) => m.c === 1);
+      let y = s.find((g) => g.c === 1);
       y ? y.w = p : (y = { c: 1, w: p }, s.push(y, { c: 12, w: p + 1 }));
     }
-    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((p, y) => (y.w || 0) - (p.w || 0));
+    const a = t.columnOpts;
+    a && (!a.columnWidth && !((f = a.breakpoints) != null && f.length) ? (delete t.columnOpts, s = void 0) : a.columnMax = a.columnMax || 12), (s == null ? void 0 : s.length) > 1 && s.sort((p, y) => (y.w || 0) - (p.w || 0));
     const n = {
-      ...c.cloneDeep(se),
-      column: c.toNumber(e.getAttribute("gs-column")) || se.column,
-      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || se.minRow,
-      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || se.maxRow,
-      staticGrid: c.toBool(e.getAttribute("gs-static")) || se.staticGrid,
+      ...c.cloneDeep(ie),
+      column: c.toNumber(e.getAttribute("gs-column")) || ie.column,
+      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || ie.minRow,
+      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || ie.maxRow,
+      staticGrid: c.toBool(e.getAttribute("gs-static")) || ie.staticGrid,
       sizeToContent: c.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || se.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || ie.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || se.removableOptions.accept,
-        decline: se.removableOptions.decline
+        accept: t.itemClass || ie.removableOptions.accept,
+        decline: ie.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("." + se.itemClass), l = d == null ? void 0 : d.gridstackNode;
-    l && (l.subGrid = this, this.parentGridNode = l, this.el.classList.add("grid-stack-nested"), l.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 !== se.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ue), this._styleSheetClass = "gs-id-" + ce._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    const h = t.engineClass || b.engineClass || ce;
+    const d = this.el.closest("." + ie.itemClass), l = d == null ? void 0 : d.gridstackNode;
+    l && (l.subGrid = this, this.parentGridNode = l, this.el.classList.add("grid-stack-nested"), l.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 !== ie.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = he), this._styleSheetClass = "gs-id-" + de._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    const h = t.engineClass || b.engineClass || de;
     if (this.engine = new h({
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
       onChange: (p) => {
         let y = 0;
-        this.engine.nodes.forEach((m) => {
-          y = Math.max(y, m.y + m.h);
-        }), p.forEach((m) => {
-          const T = m.el;
-          T && (m._removeDOM ? (T && T.remove(), delete m._removeDOM) : this._writePosAttr(T, m));
+        this.engine.nodes.forEach((g) => {
+          y = Math.max(y, g.y + g.h);
+        }), p.forEach((g) => {
+          const k = g.el;
+          k && (g._removeDOM ? (k && k.remove(), delete g._removeDOM) : this._writePosAttr(k, g));
         }), 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) {
       const p = t.children;
       delete t.children, p.length && this.load(p);
     }
-    this.setAnimation(), t.subGridDynamic && !R.pauseDrag && (R.pauseDrag = !0), ((g = t.draggable) == null ? void 0 : g.pause) !== void 0 && (R.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !R.pauseDrag && (R.pauseDrag = !0), ((m = t.draggable) == null ? void 0 : m.pause) !== void 0 && (R.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   /**
    * add a new widget and returns it.
@@ -3409,8 +3405,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   createWidgetDivs(e) {
     const t = c.createDiv(["grid-stack-item", this.opts.itemClass]), i = c.createDiv(["grid-stack-item-content"], t);
     return c.lazyLoad(e) ? e.visibleObservable || (e.visibleObservable = new IntersectionObserver(([s]) => {
-      var r, o;
-      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, b.renderCB(i, e), (o = e.grid) == null || o.prepareDragDrop(e.el));
+      var r, a;
+      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, b.renderCB(i, e), (a = e.grid) == null || a.prepareDragDrop(e.el));
     }), window.setTimeout(() => {
       var s;
       return (s = e.visibleObservable) == null ? void 0 : s.observe(t);
@@ -3426,13 +3422,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @returns newly created grid
    */
   makeSubGrid(e, t, i, s = !0) {
-    var g, p, y;
+    var m, p, y;
     let r = e.gridstackNode;
-    if (r || (r = this.makeWidget(e).gridstackNode), (g = r.subGrid) != null && g.el)
+    if (r || (r = this.makeWidget(e).gridstackNode), (m = r.subGrid) != null && m.el)
       return r.subGrid;
-    let o, n = this;
-    for (; n && !o; )
-      o = (p = n.opts) == null ? void 0 : p.subGridOpts, n = (y = n.parentGridNode) == null ? void 0 : y.grid;
+    let a, n = this;
+    for (; n && !a; )
+      a = (p = n.opts) == null ? void 0 : p.subGridOpts, n = (y = n.parentGridNode) == null ? void 0 : y.grid;
     t = c.cloneDeep({
       // by default sub-grid inherit from us | parent, other than id, children, etc...
       ...this.opts,
@@ -3442,15 +3438,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       columnOpts: void 0,
       layout: "list",
       subGridOpts: void 0,
-      ...o || {},
+      ...a || {},
       ...t || r.subGridOpts || {}
     }), r.subGridOpts = t;
     let d;
     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, 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 g = d ? t.column : r.w, k = r.h + i.h, N = r.el.style;
+      N.transition = "none", this.update(r.el, { w: g, h: k }), setTimeout(() => N.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;
@@ -3478,11 +3474,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   save(e = !0, t = !1, i = b.saveCB) {
     const s = this.engine.save(e, i);
     if (s.forEach((r) => {
-      var o;
+      var a;
       if (e && r.el && !r.subGrid && !i) {
         const n = r.el.querySelector(".grid-stack-item-content");
         r.content = n == null ? void 0 : n.innerHTML, r.content || delete r.content;
-      } else if (!e && !i && delete r.content, (o = r.subGrid) != null && o.el) {
+      } else if (!e && !i && delete r.content, (a = r.subGrid) != null && a.el) {
         const n = r.subGrid.save(e, t, i);
         r.subGridOpts = t ? n : { children: n }, delete r.subGrid;
       }
@@ -3490,8 +3486,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     }), t) {
       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, se), r.children = s, r;
+      const a = r._alwaysShowResizeHandle;
+      return delete r._alwaysShowResizeHandle, a !== void 0 ? r.alwaysShowResizeHandle = a : delete r.alwaysShowResizeHandle, c.removeInternalAndSame(r, ie), r.children = s, r;
     }
     return s;
   }
@@ -3518,13 +3514,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     }), s > this.engine.defaultColumn && (this.engine.defaultColumn = s), s > i && this.engine.cacheLayout(e, s, !0);
     const r = b.addRemoveCB;
     typeof t == "function" && (b.addRemoveCB = t);
-    const o = [];
+    const a = [];
     this.batchUpdate();
     const n = !this.engine.nodes.length;
     n && this.setAnimation(!1), !n && t && [...this.engine.nodes].forEach((u) => {
       if (!u.id)
         return;
-      c.find(e, u.id) || (b.addRemoveCB && b.addRemoveCB(this.el, u, !1, !1), o.push(u), this.removeWidget(u.el, !0, !1));
+      c.find(e, u.id) || (b.addRemoveCB && b.addRemoveCB(this.el, u, !1, !1), a.push(u), this.removeWidget(u.el, !0, !1));
     }), this.engine._loading = !0;
     const d = [];
     return this.engine.nodes = this.engine.nodes.filter((h) => c.find(e, h.id) ? (d.push(h), !1) : !0), e.forEach((h) => {
@@ -3532,11 +3528,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const u = c.find(d, h.id);
       if (u) {
         if (c.shouldSizeToContent(u) && (h.h = u.h), this.engine.nodeBoundFix(h), (h.autoPosition || h.x === void 0 || h.y === void 0) && (h.w = h.w || u.w, h.h = h.h || u.h, this.engine.findEmptyPosition(h)), this.engine.nodes.push(u), c.samePos(u, h) && this.engine.nodes.length > 1 && (this.moveNode(u, { ...h, forceCollide: !0 }), c.copyPos(h, u)), this.update(u.el, h), (f = h.subGridOpts) != null && f.children) {
-          const g = u.el.querySelector(".grid-stack");
-          g && g.gridstack && g.gridstack.load(h.subGridOpts.children);
+          const m = u.el.querySelector(".grid-stack");
+          m && m.gridstack && m.gridstack.load(h.subGridOpts.children);
         }
       } else t && this.addWidget(h);
-    }), delete this.engine._loading, this.engine.removedNodes = o, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? b.addRemoveCB = r : delete b.addRemoveCB, n && ((l = this.opts) != null && l.animate) && this.setAnimation(this.opts.animate, !0), this;
+    }), delete this.engine._loading, this.engine.removedNodes = a, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? b.addRemoveCB = r : delete b.addRemoveCB, n && ((l = this.opts) != null && l.animate) && this.setAnimation(this.opts.animate, !0), this;
   }
   /**
    * use before calling a bunch of `addWidget()` to prevent un-necessary relayouts in between (more efficient)
@@ -3600,7 +3596,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** checks for dynamic column count for our current size, returning true if changed */
   checkDynamicColumn() {
-    var r, o;
+    var r, a;
     const e = this.opts.columnOpts;
     if (!e || !e.columnWidth && !((r = e.breakpoints) != null && r.length))
       return !1;
@@ -3616,7 +3612,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         i = e.breakpoints[n++].c || t;
     }
     if (i !== t) {
-      const n = (o = e.breakpoints) == null ? void 0 : o.find((d) => d.c === i);
+      const n = (a = e.breakpoints) == null ? void 0 : a.find((d) => d.c === i);
       return this.column(i, (n == null ? void 0 : n.layout) || e.layout), !0;
     }
     return !1;
@@ -3694,8 +3690,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const i = this.el.getBoundingClientRect();
     let s;
     t ? s = { top: i.top + document.documentElement.scrollTop, left: i.left } : s = { top: this.el.offsetTop, left: this.el.offsetLeft };
-    const r = e.left - s.left, o = e.top - s.top, n = i.width / this.getColumn(), d = i.height / parseInt(this.el.getAttribute("gs-current-row"));
-    return { x: Math.floor(r / n), y: Math.floor(o / d) };
+    const r = e.left - s.left, a = e.top - s.top, n = i.width / this.getColumn(), d = i.height / parseInt(this.el.getAttribute("gs-current-row"));
+    return { x: Math.floor(r / n), y: Math.floor(a / d) };
   }
   /** returns the current number of rows, which will be at least `minRow` if set */
   getRow() {
@@ -3761,7 +3757,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (s.parentElement && s.parentElement !== this.el)
         return;
       let r = s.gridstackNode;
-      r || (r = this.engine.nodes.find((o) => s === o.el)), r && (t && b.addRemoveCB && b.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
+      r || (r = this.engine.nodes.find((a) => s === a.el)), r && (t && b.addRemoveCB && b.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
     }), i && (this._triggerRemoveEvent(), this._triggerChangeEvent()), this) : (console.error("Error: GridStack.removeWidget(undefined) called"), this);
   }
   /**
@@ -3823,9 +3819,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       const r = { ...c.copyPos({}, s), ...c.cloneDeep(t) };
       this.engine.nodeBoundFix(r), delete r.autoPosition;
-      const o = ["x", "y", "w", "h"];
+      const a = ["x", "y", "w", "h"];
       let n;
-      if (o.some((u) => r[u] !== void 0 && r[u] !== s[u]) && (n = {}, o.forEach((u) => {
+      if (a.some((u) => r[u] !== void 0 && r[u] !== s[u]) && (n = {}, a.forEach((u) => {
         n[u] = r[u] !== void 0 ? r[u] : s[u], delete r[u];
       })), !n && (r.minW || r.minH || r.maxW || r.maxH) && (n = {}), r.content !== void 0) {
         const u = i.querySelector(".grid-stack-item-content");
@@ -3852,7 +3848,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param useNodeH set to true if GridStackNode.h should be used instead of actual container height when we don't need to wait for animation to finish to get actual DOM heights
    */
   resizeToContent(e) {
-    var f, g;
+    var f, m;
     if (!e || (e.classList.remove("size-to-content-max"), !e.clientHeight))
       return;
     const t = e.gridstackNode;
@@ -3864,20 +3860,20 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const s = i.getCellHeight(!0);
     if (!s)
       return;
-    let r = t.h ? t.h * s : e.clientHeight, o;
-    if (t.resizeToContentParent && (o = e.querySelector(t.resizeToContentParent)), o || (o = e.querySelector(b.resizeToContentParent)), !o)
+    let r = t.h ? t.h * s : e.clientHeight, a;
+    if (t.resizeToContentParent && (a = e.querySelector(t.resizeToContentParent)), a || (a = e.querySelector(b.resizeToContentParent)), !a)
       return;
-    const n = e.clientHeight - o.clientHeight, d = t.h ? t.h * s - n : o.clientHeight;
+    const n = e.clientHeight - a.clientHeight, d = t.h ? t.h * s - n : a.clientHeight;
     let l;
     if (t.subGrid) {
       l = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
       const p = t.subGrid.el.getBoundingClientRect(), y = t.subGrid.el.parentElement.getBoundingClientRect();
       l += p.top - y.top;
     } else {
-      if ((g = (f = t.subGridOpts) == null ? void 0 : f.children) != null && g.length)
+      if ((m = (f = t.subGridOpts) == null ? void 0 : f.children) != null && m.length)
         return;
       {
-        const p = o.firstElementChild;
+        const p = a.firstElementChild;
         if (!p) {
           console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${b.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
@@ -3913,8 +3909,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       Object.keys(r).forEach((n) => {
         r[n] === void 0 && delete r[n];
       });
-      const o = s._orig;
-      this.update(i, r), s._orig = o;
+      const a = s._orig;
+      this.update(i, r), s._orig = a;
     }), this;
   }
   /**
@@ -4005,8 +4001,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       return this;
     const i = this.opts.cellHeight, s = this.opts.cellHeightUnit, r = `.${this._styleSheetClass} > .${this.opts.itemClass}`;
     if (!this._styles) {
-      const o = this.opts.styleInHead ? void 0 : this.el.parentNode;
-      if (this._styles = c.createStylesheet(this._styleSheetClass, o, {
+      const a = this.opts.styleInHead ? void 0 : this.el.parentNode;
+      if (this._styles = c.createStylesheet(this._styleSheetClass, a, {
         nonce: this.opts.nonce
       }), !this._styles)
         return this;
@@ -4015,9 +4011,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       c.addCSSRule(this._styles, u, `top: ${n}; right: ${l}; bottom: ${d}; left: ${h};`), c.addCSSRule(this._styles, f, `top: ${n}; right: ${l}; bottom: ${d}; left: ${h};`), c.addCSSRule(this._styles, `${r} > .ui-resizable-n`, `top: ${n};`), c.addCSSRule(this._styles, `${r} > .ui-resizable-s`, `bottom: ${d}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-ne`, `right: ${l}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-e`, `right: ${l}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-se`, `right: ${l}; bottom: ${d}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-nw`, `left: ${h}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-w`, `left: ${h}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-sw`, `left: ${h}; bottom: ${d}`);
     }
     if (t = t || this._styles._max, t > this._styles._max) {
-      const o = (n) => i * n + s;
+      const a = (n) => i * n + s;
       for (let n = this._styles._max + 1; n <= t; n++)
-        c.addCSSRule(this._styles, `${r}[gs-y="${n}"]`, `top: ${o(n)}`), c.addCSSRule(this._styles, `${r}[gs-h="${n + 1}"]`, `height: ${o(n + 1)}`);
+        c.addCSSRule(this._styles, `${r}[gs-y="${n}"]`, `top: ${a(n)}`), c.addCSSRule(this._styles, `${r}[gs-h="${n + 1}"]`, `height: ${a(n + 1)}`);
       this._styles._max = t;
     }
     return this;
@@ -4034,15 +4030,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (!e) {
       const r = c.parseHeight(getComputedStyle(this.el).minHeight);
       if (r.h > 0 && r.unit === s) {
-        const o = Math.floor(r.h / i);
-        t < o && (t = o);
+        const a = Math.floor(r.h / i);
+        t < a && (t = a);
       }
     }
     return this.el.setAttribute("gs-current-row", String(t)), this.el.style.removeProperty("min-height"), this.el.style.removeProperty("height"), t && (this.el.style[e ? "minHeight" : "height"] = t * i + s), e && !e.grid.engine.batchMode && c.shouldSizeToContent(e) && e.grid.resizeToContentCBCheck(e.el), this;
   }
   /** @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(se.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(ie.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;
   }
@@ -4160,8 +4156,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param root optional root which defaults to document (for shadow dom pass the parent HTMLDocument)
    */
   static setupDragIn(e, t, i, s = document) {
-    (t == null ? void 0 : t.pause) !== void 0 && (R.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
-      j.isDraggable(o) || j.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
+    (t == null ? void 0 : t.pause) !== void 0 && (R.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((a, n) => {
+      j.isDraggable(a) || j.dragIn(a, t), i != null && i[n] && (a.gridstackNode = i[n]);
     });
   }
   /**
@@ -4247,18 +4243,18 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
       return j.droppable(this.el, "destroy"), this;
     let e, t;
-    const i = (s, r, o) => {
+    const i = (s, r, a) => {
       var f;
-      o = o || r;
-      const n = o.gridstackNode;
+      a = a || r;
+      const n = a.gridstackNode;
       if (!n)
         return;
       if (!((f = n.grid) != null && f.el)) {
-        o.style.transform = `scale(${1 / this.dragTransform.xScale},${1 / this.dragTransform.yScale})`;
-        const g = o.getBoundingClientRect();
-        o.style.left = g.x + (this.dragTransform.xScale - 1) * (s.clientX - g.x) / this.dragTransform.xScale + "px", o.style.top = g.y + (this.dragTransform.yScale - 1) * (s.clientY - g.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
+        a.style.transform = `scale(${1 / this.dragTransform.xScale},${1 / this.dragTransform.yScale})`;
+        const m = a.getBoundingClientRect();
+        a.style.left = m.x + (this.dragTransform.xScale - 1) * (s.clientX - m.x) / this.dragTransform.xScale + "px", a.style.top = m.y + (this.dragTransform.yScale - 1) * (s.clientY - m.y) / this.dragTransform.yScale + "px", a.style.transformOrigin = "0px 0px";
       }
-      let { top: d, left: l } = o.getBoundingClientRect();
+      let { top: d, left: l } = a.getBoundingClientRect();
       const h = this.el.getBoundingClientRect();
       l -= h.left, d -= h.top;
       const u = {
@@ -4275,9 +4271,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           }
           n._willFitPos && (c.copyPos(n, n._willFitPos), delete n._willFitPos);
         }
-        this._onStartMoving(o, s, u, n, t, e);
+        this._onStartMoving(a, s, u, n, t, e);
       } else
-        this._dragOrResize(o, s, u, n, t, e);
+        this._dragOrResize(a, s, u, n, t, e);
     };
     return j.droppable(this.el, {
       accept: (s) => {
@@ -4286,57 +4282,57 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           return !0;
         if (!this.opts.acceptWidgets)
           return !1;
-        let o = !0;
+        let a = !0;
         if (typeof this.opts.acceptWidgets == "function")
-          o = this.opts.acceptWidgets(s);
+          a = this.opts.acceptWidgets(s);
         else {
           const n = this.opts.acceptWidgets === !0 ? ".grid-stack-item" : this.opts.acceptWidgets;
-          o = s.matches(n);
+          a = s.matches(n);
         }
-        if (o && r && this.opts.maxRow) {
+        if (a && r && this.opts.maxRow) {
           const n = { w: r.w, h: r.h, minW: r.minW, minH: r.minH };
-          o = this.engine.willItFit(n);
+          a = this.engine.willItFit(n);
         }
-        return o;
+        return a;
       }
-    }).on(this.el, "dropover", (s, r, o) => {
-      let n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
+    }).on(this.el, "dropover", (s, r, a) => {
+      let n = (a == null ? void 0 : a.gridstackNode) || r.gridstackNode;
       if ((n == null ? void 0 : n.grid) === this && !n._temporaryRemoved)
         return !1;
-      if (n != null && n._sidebarOrig && (n.w = n._sidebarOrig.w, n.h = n._sidebarOrig.h), n != null && n.grid && n.grid !== this && !n._temporaryRemoved && n.grid._leave(r, o), o = o || r, t = this.cellWidth(), e = this.getCellHeight(!0), !n) {
-        const h = o.getAttribute("data-gs-widget") || o.getAttribute("gridstacknode");
+      if (n != null && n._sidebarOrig && (n.w = n._sidebarOrig.w, n.h = n._sidebarOrig.h), n != null && n.grid && n.grid !== this && !n._temporaryRemoved && n.grid._leave(r, a), a = a || r, t = this.cellWidth(), e = this.getCellHeight(!0), !n) {
+        const h = a.getAttribute("data-gs-widget") || a.getAttribute("gridstacknode");
         if (h) {
           try {
             n = JSON.parse(h);
           } catch {
             console.error("Gridstack dropover: Bad JSON format: ", h);
           }
-          o.removeAttribute("data-gs-widget"), o.removeAttribute("gridstacknode");
+          a.removeAttribute("data-gs-widget"), a.removeAttribute("gridstacknode");
         }
-        n || (n = this._readAttr(o)), n._sidebarOrig = { w: n.w, h: n.h };
+        n || (n = this._readAttr(a)), n._sidebarOrig = { w: n.w, h: n.h };
       }
-      n.grid || (n.el || (n = { ...n }), n._isExternal = !0, o.gridstackNode = n);
-      const d = n.w || Math.round(o.offsetWidth / t) || 1, l = n.h || Math.round(o.offsetHeight / e) || 1;
+      n.grid || (n.el || (n = { ...n }), n._isExternal = !0, a.gridstackNode = n);
+      const d = n.w || Math.round(a.offsetWidth / t) || 1, l = n.h || Math.round(a.offsetHeight / e) || 1;
       return n.grid && n.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = n), r.gridstackNode = n = { ...n, w: d, h: l, grid: this }, delete n.x, delete n.y, this.engine.cleanupNode(n).nodeBoundFix(n), n._initDD = n._isExternal = // DOM needs to be re-parented on a drop
-      n._temporaryRemoved = !0) : (n.w = d, n.h = l, n._temporaryRemoved = !0), b._itemRemoving(n.el, !1), j.on(r, "drag", i), i(s, r, o), !1;
-    }).on(this.el, "dropout", (s, r, o) => {
-      const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
-      return n && (!n.grid || n.grid === this) && (this._leave(r, o), this._isTemp && this.removeAsSubGrid(n)), !1;
-    }).on(this.el, "drop", (s, r, o) => {
-      var g, p, y;
-      const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
+      n._temporaryRemoved = !0) : (n.w = d, n.h = l, n._temporaryRemoved = !0), b._itemRemoving(n.el, !1), j.on(r, "drag", i), i(s, r, a), !1;
+    }).on(this.el, "dropout", (s, r, a) => {
+      const n = (a == null ? void 0 : a.gridstackNode) || r.gridstackNode;
+      return n && (!n.grid || n.grid === this) && (this._leave(r, a), this._isTemp && this.removeAsSubGrid(n)), !1;
+    }).on(this.el, "drop", (s, r, a) => {
+      var m, p, y;
+      const n = (a == null ? void 0 : a.gridstackNode) || r.gridstackNode;
       if ((n == null ? void 0 : n.grid) === this && !n._isExternal)
         return !1;
-      const d = !!this.placeholder.parentElement, l = r !== o;
+      const d = !!this.placeholder.parentElement, l = r !== a;
       this.placeholder.remove(), delete this.placeholder.gridstackNode;
       const h = d && this.opts.animate;
       h && this.setAnimation(!1);
       const u = r._gridstackNodeOrig;
       if (delete r._gridstackNodeOrig, d && (u != null && u.grid) && u.grid !== this) {
-        const m = u.grid;
-        m.engine.removeNodeFromLayoutCache(u), m.engine.removedNodes.push(u), m._triggerRemoveEvent()._triggerChangeEvent(), m.parentGridNode && !m.engine.nodes.length && m.opts.subGridDynamic && m.removeAsSubGrid();
+        const g = u.grid;
+        g.engine.removeNodeFromLayoutCache(u), g.engine.removedNodes.push(u), g._triggerRemoveEvent()._triggerChangeEvent(), g.parentGridNode && !g.engine.nodes.length && g.opts.subGridDynamic && g.removeAsSubGrid();
       }
-      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (g = n.grid) == null || delete g._isTemp, j.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
+      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (m = n.grid) == null || delete m._isTemp, j.off(r, "drag"), a !== r ? (a.remove(), r = a) : r.remove(), this._removeDD(r), !d))
         return !1;
       const f = (y = (p = n.subGrid) == null ? void 0 : p.el) == null ? void 0 : y.gridstack;
       return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), l && (n.content || n.subGridOpts || b.addRemoveCB) ? (delete n.el, r = this.addWidget(n)) : (this._prepareElement(r, !0, n), this.el.appendChild(r), this.resizeToContentCheck(!1, n), f && (f.parentGridNode = n, f.opts.styleInHead || f._updateStyles(!0)), this._updateContainerHeight()), this.engine.addedNodes.push(n), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, u && u.grid ? u : void 0, n), h && this.setAnimation(this.opts.animate, !0), !1;
@@ -4365,25 +4361,25 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const i = e == null ? void 0 : e.gridstackNode;
     if (!i)
       return;
-    const s = i.noMove || this.opts.disableDrag, r = i.noResize || this.opts.disableResize, o = this.opts.staticGrid || s && r;
-    if ((t || o) && (i._initDD && (this._removeDD(e), delete i._initDD), o && e.classList.add("ui-draggable-disabled", "ui-resizable-disabled"), !t))
+    const s = i.noMove || this.opts.disableDrag, r = i.noResize || this.opts.disableResize, a = this.opts.staticGrid || s && r;
+    if ((t || a) && (i._initDD && (this._removeDD(e), delete i._initDD), a && e.classList.add("ui-draggable-disabled", "ui-resizable-disabled"), !t))
       return this;
     if (!i._initDD) {
       let n, d;
-      const l = (f, g) => {
-        this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, f.target), n = this.cellWidth(), d = this.getCellHeight(!0), this._onStartMoving(e, f, g, i, n, d);
-      }, h = (f, g) => {
-        this._dragOrResize(e, f, g, i, n, d);
+      const l = (f, m) => {
+        this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, f.target), n = this.cellWidth(), d = this.getCellHeight(!0), this._onStartMoving(e, f, m, i, n, d);
+      }, h = (f, m) => {
+        this._dragOrResize(e, f, m, i, n, d);
       }, u = (f) => {
         this.placeholder.remove(), delete this.placeholder.gridstackNode, delete i._moving, delete i._event, delete i._lastTried;
-        const g = i.w !== i._orig.w, p = f.target;
+        const m = i.w !== i._orig.w, p = f.target;
         if (!(!p.gridstackNode || p.gridstackNode.grid !== this)) {
           if (i.el = p, i._isAboutToRemove) {
             const y = e.gridstackNode.grid;
             y._gsEventHandler[f.type] && y._gsEventHandler[f.type](f, p), y.engine.nodes.push(i), y.removeWidget(e, !0, !0);
           } else
             c.removePositioningStyles(p), i._temporaryRemoved ? (c.copyPos(i, i._orig), this._writePosAttr(p, i), this.engine.addNode(i)) : this._writePosAttr(p, i), this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, p);
-          this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(g, i));
+          this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(m, i));
         }
       };
       j.draggable(e, {
@@ -4399,7 +4395,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     return j.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
-  _onStartMoving(e, t, i, s, r, o) {
+  _onStartMoving(e, t, i, s, r, a) {
     var n;
     if (this.engine.cleanNodes().beginUpdate(s), this._writePosAttr(this.placeholder, s), this.el.appendChild(this.placeholder), this.placeholder.gridstackNode = s, (n = s.grid) != null && n.el)
       this.dragTransform = c.getValuesFromTransformedElement(e);
@@ -4413,49 +4409,49 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         yScale: 1,
         yOffset: 0
       };
-    if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, o, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
+    if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, a, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const d = this.getColumn() - s.x, l = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      j.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, l)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, l)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      j.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", a * Math.min(s.minH || 1, l)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", a * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, l)).resizable(e, "option", "maxHeightMoveUp", a * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
-  _dragOrResize(e, t, i, s, r, o) {
+  _dragOrResize(e, t, i, s, r, a) {
     const n = { ...s._orig };
     let d, l = this.opts.marginLeft, h = this.opts.marginRight, u = this.opts.marginTop, f = this.opts.marginBottom;
-    const g = Math.round(o * 0.1), p = Math.round(r * 0.1);
-    if (l = Math.min(l, p), h = Math.min(h, p), u = Math.min(u, g), f = Math.min(f, g), t.type === "drag") {
+    const m = Math.round(a * 0.1), p = Math.round(r * 0.1);
+    if (l = Math.min(l, p), h = Math.min(h, p), u = Math.min(u, m), f = Math.min(f, m), t.type === "drag") {
       if (s._temporaryRemoved)
         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 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;
+      const g = i.position.top - s._prevYPix;
+      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, g);
+      const k = i.position.left + (i.position.left > s._lastUiPosition.left ? -h : l), N = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : u);
+      n.x = Math.round(k / r), n.y = Math.round(N / a);
+      const v = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        const O = this.getRow();
-        let I = Math.max(0, n.y + s.h - O);
-        this.opts.maxRow && O + I > this.opts.maxRow && (I = Math.max(0, this.opts.maxRow - O)), this._extraDragRow = I;
+        const M = this.getRow();
+        let A = Math.max(0, n.y + s.h - M);
+        this.opts.maxRow && M + A > this.opts.maxRow && (A = Math.max(0, this.opts.maxRow - M)), this._extraDragRow = A;
       } else
         this._extraDragRow = 0;
-      if (this._extraDragRow !== w && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
+      if (this._extraDragRow !== v && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
         return;
     } 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)
+      if (n.x < 0 || (c.updateScrollResize(t, e, a), n.w = Math.round((i.size.width - l) / r), n.h = Math.round((i.size.height - u) / a), 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, T = i.position.top + u;
-      n.x = Math.round(m / r), n.y = Math.round(T / o), d = !0;
+      const g = i.position.left + l, k = i.position.top + u;
+      n.x = Math.round(g / r), n.y = Math.round(k / a), d = !0;
     }
     s._event = t, s._lastTried = n;
     const y = {
       x: i.position.left + l,
       y: i.position.top + u,
       w: (i.size ? i.size.width : s.w * r) - l - h,
-      h: (i.size ? i.size.height : s.h * o) - u - f
+      h: (i.size ? i.size.height : s.h * a) - u - f
     };
-    if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: o, rect: y, resizing: d })) {
-      s._lastUiPosition = i.position, this.engine.cacheRects(r, o, u, h, f, l), delete s._skipDown, d && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
-      const m = t.target;
-      s._sidebarOrig || this._writePosAttr(m, s), this._gsEventHandler[t.type] && this._gsEventHandler[t.type](t, m);
+    if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: a, rect: y, resizing: d })) {
+      s._lastUiPosition = i.position, this.engine.cacheRects(r, a, u, h, f, l), delete s._skipDown, d && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
+      const g = t.target;
+      s._sidebarOrig || this._writePosAttr(g, s), this._gsEventHandler[t.type] && this._gsEventHandler[t.type](t, g);
     }
   }
   /** @internal called when item leaving our area by either cursor dropout event
@@ -4476,27 +4472,27 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     return wr(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
-b.renderCB = (a, e) => {
-  a && (e != null && e.content) && (a.textContent = e.content);
+b.renderCB = (o, e) => {
+  o && (e != null && e.content) && (o.textContent = e.content);
 };
 b.resizeToContentParent = ".grid-stack-item-content";
 b.Utils = c;
-b.Engine = ce;
+b.Engine = de;
 b.GDRev = "11.5.1";
 const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { class: "grid-stack-item-content" }, Tr = /* @__PURE__ */ ee({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
-    tileHeight: { default: $e },
-    columns: { default: bt }
+    tileHeight: { default: Ge },
+    columns: { default: _t }
   },
   emits: ["update-tiles"],
-  setup(a, { expose: e, emit: t }) {
-    const i = a, s = t, r = A(null), o = A(new Map(i.tiles.map((g) => [`${g.id}`, g])));
+  setup(o, { expose: e, emit: t }) {
+    const i = o, s = t, r = H(null), a = H(new Map(i.tiles.map((m) => [`${m.id}`, m])));
     let n = null;
-    const d = (g) => `[data-id="${g}"]`, l = (g) => g.map((p) => {
-      var m;
-      const y = o.value.get(`${(m = p.el) == null ? void 0 : m.getAttribute("data-id")}`);
+    const d = (m) => `[data-id="${m}"]`, l = (m) => m.map((p) => {
+      var g;
+      const y = a.value.get(`${(g = p.el) == null ? void 0 : g.getAttribute("data-id")}`);
       if (y)
         return {
           ...y,
@@ -4505,17 +4501,17 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
             size: { cols: Number(p.w), rows: Number(p.h) }
           }
         };
-    }).filter((p) => p !== void 0), h = (g, p) => {
-      n && (l(p).forEach((m) => {
-        o.value.set(`${m.id}`, m);
-      }), s("update-tiles", Array.from(o.value.values())));
-    }, u = (g, p) => {
+    }).filter((p) => p !== void 0), h = (m, p) => {
+      n && (l(p).forEach((g) => {
+        a.value.set(`${g.id}`, g);
+      }), s("update-tiles", Array.from(a.value.values())));
+    }, u = (m, p) => {
       p.forEach((y) => {
-        var m;
-        o.value.delete(`${(m = y.el) == null ? void 0 : m.getAttribute("data-id")}`);
-      }), s("update-tiles", Array.from(o.value.values()));
+        var g;
+        a.value.delete(`${(g = y.el) == null ? void 0 : g.getAttribute("data-id")}`);
+      }), s("update-tiles", Array.from(a.value.values()));
     };
-    rt(() => {
+    st(() => {
       r.value && (n = b.init({
         margin: 10,
         column: i.columns,
@@ -4523,35 +4519,35 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
         resizable: { handles: "se, sw" },
         handle: ".tile-header"
       }, r.value), n.on("change", h), n.on("added", h), n.on("removed", u));
-    }), Pe(() => {
+    }), Fe(() => {
       n && n.destroy(!1);
     });
-    const f = (g) => {
+    const f = (m) => {
       if (n && r.value) {
-        const p = r.value.querySelector(d(g));
+        const p = r.value.querySelector(d(m));
         p && n.removeWidget(p);
       }
     };
-    return Ne(() => i.tiles.length, async (g, p) => {
-      if (g > p && n) {
+    return Oe(() => i.tiles.length, async (m, p) => {
+      if (m > p && n) {
         const y = i.tiles.slice(p);
-        for (const m of y)
-          o.value.set(`${m.id}`, m), await vt(), n.makeWidget(d(m.id), {
+        for (const g of y)
+          a.value.set(`${g.id}`, g), await yt(), n.makeWidget(d(g.id), {
             autoPosition: !0,
-            w: m.layout.size.cols,
-            h: m.layout.size.rows
+            w: g.layout.size.cols,
+            h: g.layout.size.rows
           });
       }
-    }), Xt(() => {
-      i.tiles.forEach((g) => {
-        o.value.set(`${g.id}`, g);
+    }), Jt(() => {
+      i.tiles.forEach((m) => {
+        a.value.set(`${m.id}`, m);
       });
-    }), e({ removeWidget: f }), (g, p) => (x(), B("div", {
+    }), e({ removeWidget: f }), (m, p) => (C(), B("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
     }, [
-      (x(!0), B(pt, null, ii(i.tiles, (y) => (x(), B("div", {
+      (C(!0), B(mt, null, ri(i.tiles, (y) => (C(), B("div", {
         key: y.id,
         class: "grid-stack-item",
         "data-id": `${y.id}`,
@@ -4563,201 +4559,178 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
         "gs-y": y.layout.position.row
       }, [
         te("div", kr, [
-          Le(g.$slots, "tile", { tile: y }, void 0, !0)
+          He(m.$slots, "tile", { tile: y }, void 0, !0)
         ])
       ], 8, Rr))), 128))
     ], 512));
   }
-}), Sr = /* @__PURE__ */ _e(Tr, [["__scopeId", "data-v-1fdec94c"]]), Dr = (a) => a.type === "slottable", zr = (a) => {
-  const e = a.meta, t = {
-    ...e.config,
-    title: e.config.title ? `Copy of ${e.config.title}` : ""
-  };
-  return {
-    id: crypto.randomUUID(),
-    type: "table",
-    definition: {
-      ...e,
-      config: t
-    },
-    layout: {
-      position: {
-        col: 0,
-        row: 0
-      },
-      size: a.layout.size
-    }
-  };
-}, Nr = (a) => {
-  const e = a.meta, t = Dr(e.chart) ? { ...e.chart } : {
-    ...e.chart,
-    chart_title: e.chart.chart_title ? `Copy of ${e.chart.chart_title}` : ""
+}), Sr = /* @__PURE__ */ be(Tr, [["__scopeId", "data-v-1fdec94c"]]), Dr = (o) => {
+  const e = {
+    ...o.meta,
+    chart: { ...o.meta.chart }
   };
-  return {
+  return "chart_title" in e.chart && (e.chart.chart_title = e.chart.chart_title ? `Copy of ${e.chart.chart_title}` : ""), {
     id: crypto.randomUUID(),
     type: "chart",
-    definition: {
-      ...e,
-      chart: t
-    },
+    definition: e,
     layout: {
       position: {
         col: 0,
         row: 0
       },
-      size: a.layout.size
+      size: o.layout.size
     }
   };
-}, Lr = {
+}, zr = {
   key: 0,
   class: "fullscreen-header"
-}, Ar = {
+}, Nr = {
   key: 0,
   class: "tile-container slottable-tile"
-}, Or = /* @__PURE__ */ ee({
+}, Lr = /* @__PURE__ */ ee({
   __name: "DashboardRenderer",
-  props: /* @__PURE__ */ Xe({
+  props: /* @__PURE__ */ je({
     context: {},
     preview: { type: Boolean, default: !1 }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Xe(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
-  setup(a, { expose: e, emit: t }) {
-    yt((D) => ({
-      v15268083: h.value
+  emits: /* @__PURE__ */ je(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
+  setup(o, { expose: e, emit: t }) {
+    pt((D) => ({
+      v39442668: 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);
+    const i = t, s = ii(o, "modelValue"), { i18n: r } = ae.useI18n(), a = H(0), n = H(null), d = H(), l = H(), h = H("scale(1)"), u = ge(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 F = D.layout.position.row - H.layout.position.row;
-      return F !== 0 ? F : D.layout.position.col - H.layout.position.col;
-    }, g = v(() => s.value.tiles.map((D) => {
-      var ie;
-      let H = D.definition;
-      const F = D.type ?? "chart", P = H.chart;
+    const f = (D, z) => {
+      const F = D.layout.position.row - z.layout.position.row;
+      return F !== 0 ? F : D.layout.position.col - z.layout.position.col;
+    }, m = E(() => s.value.tiles.map((D) => {
+      var V;
+      let z = D.definition;
+      const F = D.type ?? "chart", P = z.chart;
       if (F === "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) : "";
+        const at = z, lt = (V = P.description) == null ? void 0 : V.replace(Rs, () => {
+          const { timeSpec: Ue } = I.value, we = `renderer.trendRange.${Ue.type === "absolute" ? "custom" : Ue.time_range}`;
+          return r.te(we) ? r.t(we) : "";
         });
-        H = {
-          ...Be,
+        z = {
+          ...at,
           chart: {
             ...P,
-            description: Fe
+            description: lt
           }
         };
       }
-      return W.value.editable && !D.id && console.warn(
+      return I.value.editable && !D.id && console.warn(
         "No id provided for tile. One will be generated automatically,",
         "however tracking changes to this tile may not work as expected.",
         D
       ), {
         layout: D.layout,
-        meta: H,
+        meta: z,
         type: F,
         // 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", T = (D) => {
-      const H = D.meta.chart;
-      return m(H) ? H.id : void 0;
-    }, k = (D) => {
+    }, y = (D) => D.type === "chart" && D.meta.chart.type === "slottable", g = (D) => D.type === "slottable", k = (D) => {
+      const z = D.meta.chart;
+      return g(z) ? z.id : void 0;
+    }, N = (D) => {
       try {
-        const H = D.type === "table" ? zr(D) : Nr(D);
-        s.value.tiles.push(JSON.parse(JSON.stringify(H)));
-      } catch (H) {
-        console.warn(H);
+        const z = Dr(D);
+        s.value.tiles.push(JSON.parse(JSON.stringify(z)));
+      } catch (z) {
+        console.warn(z);
       }
-    }, w = (D) => {
+    }, v = (D) => {
       n.value && n.value.removeWidget(D.id);
-    }, O = () => {
-      o.value++;
-    }, I = (D) => {
-      const H = D.map((F) => ({
+    }, M = () => {
+      a.value++;
+    }, A = (D) => {
+      const z = D.map((F) => ({
         id: F.id,
         type: F.type,
         layout: F.layout,
         definition: F.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: F, height: P } = l.value.getBoundingClientRect(), ie = Math.min(H / P, D / F);
-        h.value = `scale(${ie})`;
+      s.value.tiles = z.sort(f);
+    }, le = async () => {
+      if (h.value = "scale(1)", await yt(), l.value) {
+        const { availWidth: D, availHeight: z } = window.screen, { width: F, height: P } = l.value.getBoundingClientRect(), V = Math.min(z / P, D / F);
+        h.value = `scale(${V})`;
       }
-    }, Ee = () => {
+    }, xe = () => {
       d.value && (document.fullscreenElement ? document.exitFullscreen() : d.value.requestFullscreen());
-    }, V = A(!1), z = () => {
-      V.value = document.fullscreenElement !== null, V.value && Q();
-    }, q = v(() => s.value.preset_filters ?? []), { internalContext: W, queryReady: he } = ae.useDashboardInternalContext({
-      globalFilters: q,
-      context: v(() => a.context),
-      isFullscreen: V,
-      preview: v(() => a.preview)
+    }, Y = H(!1), ve = () => {
+      Y.value = document.fullscreenElement !== null, Y.value && le();
+    }, S = E(() => s.value.preset_filters ?? []), { internalContext: I, queryReady: Q } = ae.useDashboardInternalContext({
+      globalFilters: S,
+      context: E(() => o.context),
+      isFullscreen: Y,
+      preview: E(() => o.preview)
     });
     return e({
-      refresh: O,
-      toggleFullscreen: Ee
-    }), (D, H) => {
-      const F = le("KAlert");
-      return x(), B("div", {
+      refresh: M,
+      toggleFullscreen: xe
+    }), (D, z) => {
+      const F = ue("KAlert");
+      return C(), B("div", {
         ref_key: "dashboardContainer",
         ref: d,
-        class: Se(["kong-ui-public-dashboard-renderer", { "is-fullscreen": V.value }]),
-        onFullscreenchange: z
+        class: ze(["kong-ui-public-dashboard-renderer", { "is-fullscreen": Y.value }]),
+        onFullscreenchange: ve
       }, [
         te("div", {
           ref_key: "layoutContainer",
           ref: l,
           class: "layout"
         }, [
-          E(u) && V.value ? (x(), B("div", Lr, [
-            Le(D.$slots, "fullscreenHeader", {}, void 0, !0)
+          w(u) && Y.value ? (C(), B("div", zr, [
+            He(D.$slots, "fullscreenHeader", {}, void 0, !0)
           ])) : X("", !0),
-          E(u) ? (x(), L(ti(E(W).editable && !V.value ? Sr : br), {
+          w(u) ? (C(), O(si(w(I).editable && !Y.value ? Sr : br), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: n,
             columns: s.value.columns,
             "tile-height": s.value.tile_height,
-            tiles: g.value,
-            onUpdateTiles: I
+            tiles: m.value,
+            onUpdateTiles: A
           }, {
-            tile: M(({ tile: P }) => [
-              y(P) ? (x(), B("div", Ar, [
-                Le(D.$slots, T(P), {}, void 0, !0)
-              ])) : (x(), L(fi, {
-                key: V.value ? `${P.id}-tile` : `${P.id}-tile-fullscreen`,
-                "refresh-counter": o.value,
-                "onUpdate:refreshCounter": H[0] || (H[0] = (ie) => o.value = ie),
+            tile: q(({ tile: P }) => [
+              y(P) ? (C(), B("div", Nr, [
+                He(D.$slots, k(P), {}, void 0, !0)
+              ])) : (C(), O(mi, {
+                key: Y.value ? `${P.id}-tile` : `${P.id}-tile-fullscreen`,
+                "refresh-counter": a.value,
+                "onUpdate:refreshCounter": z[0] || (z[0] = (V) => a.value = V),
                 class: "tile-container",
-                context: E(W),
+                context: w(I),
                 definition: P.meta,
-                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),
+                height: P.layout.size.rows * (s.value.tile_height || w(Ge)) + parseInt(w(gi), 10),
+                "hide-actions": !w(I).showTileActions,
+                "hide-zoom-actions": !w(I).showTileZoomActions,
+                "is-fullscreen": Y.value,
+                "query-ready": w(Q),
                 "tile-id": P.id,
                 "tile-type": P.type,
-                onDuplicateTile: (ie) => k(P),
-                onEditTile: (ie) => p(P),
-                onRemoveTile: (ie) => w(P),
-                onTileTimeRangeZoom: H[1] || (H[1] = (ie) => i("tile-time-range-zoom", ie))
+                onDuplicateTile: (V) => N(P),
+                onEditTile: (V) => p(P),
+                onRemoveTile: (V) => v(P),
+                onTileTimeRangeZoom: z[1] || (z[1] = (V) => i("tile-time-range-zoom", V))
               }, 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"])) : (x(), L(F, {
+          }, 40, ["columns", "tile-height", "tiles"])) : (C(), O(F, {
             key: 1,
             appearance: "danger"
           }, {
-            default: M(() => [
-              mt(J(E(r).t("renderer.noQueryBridge")), 1)
+            default: q(() => [
+              gt(J(w(r).t("renderer.noQueryBridge")), 1)
             ]),
             _: 1
           }))
@@ -4765,7 +4738,7 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
       ], 34);
     };
   }
-}), Yr = /* @__PURE__ */ _e(Or, [["__scopeId", "data-v-f3388dd7"]]), jr = /* @__PURE__ */ ee({
+}), Qr = /* @__PURE__ */ be(Lr, [["__scopeId", "data-v-33404a87"]]), Vr = /* @__PURE__ */ ee({
   __name: "DashboardTilePreview",
   props: {
     context: {},
@@ -4774,70 +4747,73 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
     preview: { type: Boolean, default: !1 }
   },
   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 = (k) => {
-      o("tile-time-range-zoom", k);
-    }, d = (k) => {
-      o("chart-data", k);
-    }, l = (k) => {
-      o("tile-bounds-change", k);
+  setup(o, { expose: e, emit: t }) {
+    const i = It("root"), s = It("dashboard-tile"), r = crypto.randomUUID(), a = t, n = (v) => {
+      a("tile-time-range-zoom", v);
+    }, d = (v) => {
+      a("chart-data", v);
+    }, l = (v) => {
+      a("tile-bounds-change", v);
     }, { 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($e);
-    let y;
-    rt(() => {
-      var w;
-      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(k));
-    }), Pe(() => y == null ? void 0 : y.disconnect());
-    const m = A(0);
+      globalFilters: Ae(() => o.globalFilters),
+      context: Ae(() => o.context),
+      preview: E(() => o.preview)
+    }), m = E(() => oe(o.definition)), p = E(() => {
+      var v;
+      return m.value ? "columns" in o.definition.query && !((v = o.definition.query.columns) != null && v.length) : !("metrics" in o.definition.query) || !o.definition.query.metrics || o.definition.query.metrics.length === 0;
+    }), y = H(Ge);
+    let g;
+    st(() => {
+      var M;
+      const v = (M = i.value) == null ? void 0 : M.parentElement;
+      v && (y.value = v.getBoundingClientRect().height, g = new ResizeObserver(([A]) => {
+        const { height: le } = A.contentRect;
+        y.value = le;
+      }), g.observe(v));
+    }), Fe(() => g == null ? void 0 : g.disconnect());
+    const k = H(0);
     return e({
       refresh: () => {
-        m.value++;
+        k.value++;
       },
       getExportData: () => {
-        var k;
-        return (k = s.value) == null ? void 0 : k.getExportData();
+        var v;
+        return (v = s.value) == null ? void 0 : v.getExportData();
       }
-    }), (k, w) => {
-      const O = le("KEmptyState");
-      return x(), B("div", {
+    }), (v, M) => {
+      const A = ue("KEmptyState");
+      return C(), B("div", {
         ref_key: "root",
         ref: i,
         "data-testid": "dashboard-tile-preview-root"
       }, [
-        g.value ? (x(), L(O, {
+        p.value ? (C(), O(A, {
           key: 0,
           "action-button-visible": !1,
           "data-testid": "chart-not-configured-empty-state"
         }, {
-          title: M(() => [
-            te("p", null, J(E(h).t("renderer.not_configured.title")), 1)
+          title: q(() => [
+            te("p", null, J(w(h).t("renderer.not_configured.title")), 1)
           ]),
-          default: M(() => [
-            te("p", null, J(E(h).t("renderer.not_configured.description")), 1)
+          default: q(() => [
+            te("p", null, J(w(h).t("renderer.not_configured.description")), 1)
           ]),
           _: 1
-        })) : (x(), L(fi, {
+        })) : (C(), O(mi, {
           key: 1,
           ref: "dashboard-tile",
-          "refresh-counter": m.value,
-          "onUpdate:refreshCounter": w[0] || (w[0] = (I) => m.value = I),
+          "refresh-counter": k.value,
+          "onUpdate:refreshCounter": M[0] || (M[0] = (le) => k.value = le),
           context: {
-            ...E(u),
+            ...w(u),
             editable: !1
           },
-          definition: a.definition,
-          height: p.value,
+          definition: o.definition,
+          height: y.value,
           "hide-actions": "",
-          "query-ready": E(f),
+          "query-ready": w(f),
           "show-refresh": "",
-          "tile-id": E(r),
+          "tile-id": w(r),
           onChartData: d,
           onTileBoundsChange: l,
           onTileTimeRangeZoom: n
@@ -4845,42 +4821,42 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
       ], 512);
     };
   }
-}), Hr = (a) => {
+}), Ar = (o) => {
   var t;
-  const e = (t = a.definition) == null ? void 0 : t.query;
+  const e = (t = o.definition) == null ? void 0 : t.query;
   if (!e)
-    return a;
+    return o;
   if (e.datasource === "api_usage") {
-    console.warn("[@kong-ui-public/dashboard-renderer] A tile was filtered out for the Basic Tier", a);
+    console.warn("[@kong-ui-public/dashboard-renderer] A tile was filtered out for the Basic Tier", o);
     return;
   }
-  return a;
-}, Ir = (a) => {
+  return o;
+}, Or = (o) => {
   var i;
-  if (a.type === "table")
-    return a;
-  const e = (i = a.definition) == null ? void 0 : i.query;
+  if (oe(o.definition))
+    return o;
+  const e = (i = o.definition) == null ? void 0 : i.query;
   if (!e)
-    return a;
+    return o;
   const t = {
     ...e,
     datasource: e.datasource === "basic" ? "api_usage" : e.datasource
   };
   return {
-    ...a,
+    ...o,
     definition: {
-      ...a.definition,
+      ...o.definition,
       query: t
     }
   };
-}, Mr = (a, e = bt) => {
-  var o, n, d, l, h;
-  if (!a.length)
+}, Hr = (o, e = _t) => {
+  var a, n, d, l, h;
+  if (!o.length)
     return [];
   let t = 0, i = 0, s = 0;
   const r = [];
-  for (const u of a) {
-    const f = ((n = (o = u.layout) == null ? void 0 : o.size) == null ? void 0 : n.cols) ?? 1, g = ((l = (d = u.layout) == null ? void 0 : d.size) == null ? void 0 : l.rows) ?? 1;
+  for (const u of o) {
+    const f = ((n = (a = u.layout) == null ? void 0 : a.size) == null ? void 0 : n.cols) ?? 1, m = ((l = (d = u.layout) == null ? void 0 : d.size) == null ? void 0 : l.rows) ?? 1;
     i + f > e && (t += s, i = 0, s = 0);
     const p = {
       ...u,
@@ -4893,36 +4869,36 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
         }
       }
     };
-    r.push(p), i += f, s = Math.max(s, g);
+    r.push(p), i += f, s = Math.max(s, m);
   }
   return r;
-}, Xr = (a, e) => {
+}, Yr = (o, e) => {
   if (e) {
-    const s = a.tiles.map(Ir);
+    const s = o.tiles.map(Or);
     return {
-      ...a,
+      ...o,
       tiles: s
     };
   }
-  const t = a.tiles.map(Hr).filter((s) => s !== void 0), i = Mr(t, a.columns);
+  const t = o.tiles.map(Ar).filter((s) => s !== void 0), i = Hr(t, o.columns);
   return {
-    ...a,
+    ...o,
     tiles: i
   };
 };
 export {
-  Rs as C,
-  bt as D,
-  It as E,
-  Ds as F,
+  Cs as C,
+  _t as D,
+  qt as E,
+  Ss as F,
   br as G,
   ye as I,
-  ks as T,
-  Et as _,
-  $e as a,
-  Ts as b,
-  Yr as c,
-  jr as d,
-  Ss as e,
-  Xr as f
+  Rs as T,
+  wt as _,
+  Ge as a,
+  ks as b,
+  Qr as c,
+  Vr as d,
+  Ts as e,
+  Yr as f
 };