@kong-ui-public/dashboard-renderer 8.9.10 → 8.9.11

package/dist/{index-Df_ifG7X.js → index-DGAMoPpS.js}

@@ -1,39 +1,39 @@
-var mi = Object.defineProperty;
-var wt = (a) => {
+var Ei = Object.defineProperty;
+var Ct = (a) => {
   throw TypeError(a);
 };
-var pi = (a, e, t) => e in a ? mi(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var Et = (a, e, t) => pi(a, typeof e != "symbol" ? e + "" : e, t), st = (a, e, t) => e.has(a) || wt("Cannot " + t);
-var _ = (a, e, t) => (st(a, e, "read from private field"), t ? t.call(a) : e.get(a)), F = (a, e, t) => e.has(a) ? wt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), $ = (a, e, t, i) => (st(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), U = (a, e, t) => (st(a, e, "access private method"), t);
+var xi = (a, e, t) => e in a ? Ei(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var Rt = (a, e, t) => xi(a, typeof e != "symbol" ? e + "" : e, t), nt = (a, e, t) => e.has(a) || Ct("Cannot " + t);
+var _ = (a, e, t) => (nt(a, e, "read from private field"), t ? t.call(a) : e.get(a)), U = (a, e, t) => e.has(a) ? Ct("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), B = (a, e, t, i) => (nt(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), G = (a, e, t) => (nt(a, e, "access private method"), t);
 var Ne = (a, e, t, i) => ({
   set _(s) {
-    $(a, e, s, t);
+    B(a, e, s, t);
   },
   get _() {
     return _(a, e, i);
   }
 });
-import { ref as A, watchEffect as Mt, inject as _e, provide as yi, onMounted as Je, computed as k, watch as Le, onUnmounted as et, getCurrentInstance as vi, defineComponent as J, resolveComponent as de, unref as x, openBlock as C, createBlock as L, createSlots as tt, withCtx as P, createElementVNode as Z, toDisplayString as ie, renderSlot as Ae, createCommentVNode as Y, normalizeStyle as nt, normalizeClass as De, createVNode as le, mergeProps as qt, createTextVNode as ht, createElementBlock as G, normalizeProps as _i, guardReactiveProps as bi, defineAsyncComponent as Pt, useCssVars as ut, useModel as $t, readonly as rt, toRef as Oe, nextTick as dt, resolveDynamicComponent as Bt, toHandlers as wi, mergeModels as Ke, Fragment as Ft, renderList as Ut, useTemplateRef as xt } from "vue";
-import { msToGranularity as ot, getFieldDataSources as Gt, stripUnknownFilters as Ei, TimePeriods as xi, TIMEFRAME_LOOKUP as Ci, formatTime as Ct, EXPORT_RECORD_LIMIT as Ri } from "@kong-ui-public/analytics-utilities";
-import { handleQueryError as Ti, SimpleChart as ki, AnalyticsChart as Si, TopNTable as zi, CsvExportModal as Di } from "@kong-ui-public/analytics-chart";
-import Ni from "swrv";
+import { ref as M, watchEffect as Gt, inject as pe, provide as Ci, toRaw as Ri, computed as R, isRef as ki, isReactive as Ti, toRef as De, hasInjectionContext as kt, onMounted as et, watch as Le, onUnmounted as tt, getCurrentInstance as Si, defineComponent as Z, resolveComponent as ue, unref as x, openBlock as C, createBlock as I, createSlots as it, withCtx as P, createElementVNode as X, toDisplayString as ee, renderSlot as Ae, createCommentVNode as V, normalizeStyle as at, normalizeClass as ze, createVNode as oe, mergeProps as Wt, createTextVNode as dt, createElementBlock as W, normalizeProps as Di, guardReactiveProps as zi, defineAsyncComponent as Kt, useCssVars as ct, useModel as Vt, readonly as ot, nextTick as ft, resolveDynamicComponent as Qt, toHandlers as Ni, mergeModels as Ve, Fragment as Yt, renderList as jt, useTemplateRef as Tt } from "vue";
+import { msToGranularity as lt, TimePeriods as Li, TIMEFRAME_LOOKUP as Ai, formatTime as St, EXPORT_RECORD_LIMIT as Oi } from "@kong-ui-public/analytics-utilities";
+import { handleQueryError as Hi, SimpleChart as Ii, AnalyticsChart as Mi, TopNTable as qi, CsvExportModal as Pi } from "@kong-ui-public/analytics-chart";
+import $i from "swrv";
 import "axios";
-import { createI18n as Li, i18nTComponent as Ai } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as Be } from "@kong-ui-public/analytics-config-store";
-import { VisibilityOffIcon as Oi, WarningOutlineIcon as Hi, WarningIcon as Ii, ProgressIcon as Mi, RefreshIcon as qi, EditIcon as Pi, MoreIcon as $i } from "@kong/icons";
-import { MetricsProvider as Bi, MetricsConsumer as Fi } from "@kong-ui-public/analytics-metric-provider";
-var Wt = /* @__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))(Wt || {});
-const Ui = (a) => {
+import { createI18n as Bi, i18nTComponent as Fi } from "@kong-ui-public/i18n";
+import { useAnalyticsConfigStore as $e, useDatasourceConfigStore as gt } from "@kong-ui-public/analytics-config-store";
+import { VisibilityOffIcon as Ui, WarningOutlineIcon as Gi, WarningIcon as Wi, ProgressIcon as Ki, RefreshIcon as Vi, EditIcon as Qi, MoreIcon as Yi } from "@kong/icons";
+import { MetricsProvider as ji, MetricsConsumer as Xi } from "@kong-ui-public/analytics-metric-provider";
+var Xt = /* @__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))(Xt || {});
+const Zi = (a) => {
   var e, t, i, s, r;
   return a ? !!// TODO: revisit: currently only the first check ever matters?
   ((e = Object.keys(a)) != null && e.length || (t = a.data) != null && t.length || (s = (i = a.data) == null ? void 0 : i.data) != null && s.length || !((r = a.data) != null && r.data) && typeof a.data == "object" && Object.keys(a == null ? void 0 : a.data).length) : !1;
 };
-function Gi(a = A({}), e, t, i = Ui) {
-  const s = A(
+function Ji(a = M({}), e, t, i = Zi) {
+  const s = M(
     "PENDING"
     /* PENDING */
   );
-  return Mt(() => {
+  return Gt(() => {
     const r = i(a.value);
     if (a.value && r && t.value) {
       s.value = "VALIDATING_HAS_DATA";
@@ -62,10 +62,10 @@ function Gi(a = A({}), e, t, i = Ui) {
     a.value === void 0 && e && (s.value = "ERROR");
   }), {
     state: s,
-    swrvState: Wt
+    swrvState: Xt
   };
 }
-const Wi = {
+const es = {
   not_configured: {
     title: "Chart is not fully configured",
     description: "Begin by choosing at least one metric"
@@ -83,10 +83,10 @@ const Wi = {
   fullscreen: "Fullscreen",
   remove: "Remove",
   delete: "Delete"
-}, Ki = {
+}, ts = {
   defaultFilename: "Chart export",
   exportAsCsv: "Export as CSV"
-}, Qi = "Explore", Vi = "View requests", Yi = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", Xi = {
+}, is = "Explore", ss = "View requests", rs = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", ns = {
   daily: "1 day",
   fiveMinutely: "5 minutes",
   hourly: "1 hour",
@@ -99,154 +99,154 @@ const Wi = {
   twoHourly: "2 hours",
   weekly: "1 week",
   unknown: "Unknown"
-}, ji = {
-  renderer: Wi,
-  csvExport: Ki,
-  jumpToExplore: Qi,
-  jumpToRequests: Vi,
-  query_aged_out_warning: Yi,
-  granularities: Xi
+}, os = {
+  renderer: es,
+  csvExport: ts,
+  jumpToExplore: is,
+  jumpToRequests: ss,
+  query_aged_out_warning: rs,
+  granularities: ns
 };
-function Zi() {
-  const a = Li("en-us", ji);
+function as() {
+  const a = Bi("en-us", os);
   return {
     i18n: a,
-    i18nT: Ai(a)
+    i18nT: Fi(a)
     // Translation component <i18n-t>
   };
 }
-const Fe = 170, ct = 6, ve = "analytics-query-provider", Rt = "{entity-id}", Ji = "{cp-id}", es = "{timeframe}", ts = 30 * 1e3, is = 3e5, ss = 36e5;
-function rs() {
-  const a = _e(ve);
+const Be = 170, mt = 6, ve = "analytics-query-provider", Dt = "{entity-id}", ls = "{cp-id}", hs = "{timeframe}", us = 30 * 1e3, ds = 3e5, cs = 36e5;
+function fs() {
+  const a = pe(ve);
   return {
     evaluateFeatureFlag: (t, i) => a ? a.evaluateFeatureFlagFn(t, i) : i
   };
 }
-function ns(a) {
+function gs(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var Kt = { exports: {} };
+var Zt = { exports: {} };
 (function(a) {
   var e = Object.prototype.hasOwnProperty, t = "~";
   function i() {
   }
   Object.create && (i.prototype = /* @__PURE__ */ Object.create(null), new i().__proto__ || (t = !1));
-  function s(d, u, h) {
-    this.fn = d, this.context = u, this.once = h || !1;
+  function s(d, h, u) {
+    this.fn = d, this.context = h, this.once = u || !1;
   }
-  function r(d, u, h, l, f) {
-    if (typeof h != "function")
+  function r(d, h, u, l, f) {
+    if (typeof u != "function")
       throw new TypeError("The listener must be a function");
-    var m = new s(h, l || d, f), p = t ? t + u : u;
-    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;
+    var g = new s(u, l || d, f), p = t ? t + h : h;
+    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;
   }
-  function o(d, u) {
-    --d._eventsCount === 0 ? d._events = new i() : delete d._events[u];
+  function o(d, h) {
+    --d._eventsCount === 0 ? d._events = new i() : delete d._events[h];
   }
   function n() {
     this._events = new i(), this._eventsCount = 0;
   }
   n.prototype.eventNames = function() {
-    var u = [], h, l;
-    if (this._eventsCount === 0) return u;
-    for (l in h = this._events)
-      e.call(h, l) && u.push(t ? l.slice(1) : l);
-    return Object.getOwnPropertySymbols ? u.concat(Object.getOwnPropertySymbols(h)) : u;
-  }, n.prototype.listeners = function(u) {
-    var h = t ? t + u : u, l = this._events[h];
+    var h = [], u, l;
+    if (this._eventsCount === 0) return h;
+    for (l in u = this._events)
+      e.call(u, l) && h.push(t ? l.slice(1) : l);
+    return Object.getOwnPropertySymbols ? h.concat(Object.getOwnPropertySymbols(u)) : h;
+  }, n.prototype.listeners = function(h) {
+    var u = t ? t + h : h, l = this._events[u];
     if (!l) return [];
     if (l.fn) return [l.fn];
-    for (var f = 0, m = l.length, p = new Array(m); f < m; f++)
+    for (var f = 0, g = l.length, p = new Array(g); f < g; f++)
       p[f] = l[f].fn;
     return p;
-  }, n.prototype.listenerCount = function(u) {
-    var h = t ? t + u : u, l = this._events[h];
+  }, n.prototype.listenerCount = function(h) {
+    var u = t ? t + h : h, l = this._events[u];
     return l ? l.fn ? 1 : l.length : 0;
-  }, n.prototype.emit = function(u, h, l, f, m, p) {
-    var y = t ? t + u : u;
+  }, n.prototype.emit = function(h, u, l, f, g, p) {
+    var y = t ? t + h : h;
     if (!this._events[y]) return !1;
-    var g = this._events[y], T = arguments.length, M, w;
-    if (g.fn) {
-      switch (g.once && this.removeListener(u, g.fn, void 0, !0), T) {
+    var m = this._events[y], k = arguments.length, L, w;
+    if (m.fn) {
+      switch (m.once && this.removeListener(h, m.fn, void 0, !0), k) {
         case 1:
-          return g.fn.call(g.context), !0;
+          return m.fn.call(m.context), !0;
         case 2:
-          return g.fn.call(g.context, h), !0;
+          return m.fn.call(m.context, u), !0;
         case 3:
-          return g.fn.call(g.context, h, l), !0;
+          return m.fn.call(m.context, u, l), !0;
         case 4:
-          return g.fn.call(g.context, h, l, f), !0;
+          return m.fn.call(m.context, u, l, f), !0;
         case 5:
-          return g.fn.call(g.context, h, l, f, m), !0;
+          return m.fn.call(m.context, u, l, f, g), !0;
         case 6:
-          return g.fn.call(g.context, h, l, f, m, p), !0;
+          return m.fn.call(m.context, u, l, f, g, p), !0;
       }
-      for (w = 1, M = new Array(T - 1); w < T; w++)
-        M[w - 1] = arguments[w];
-      g.fn.apply(g.context, M);
+      for (w = 1, L = new Array(k - 1); w < k; w++)
+        L[w - 1] = arguments[w];
+      m.fn.apply(m.context, L);
     } else {
-      var I = g.length, O;
-      for (w = 0; w < I; w++)
-        switch (g[w].once && this.removeListener(u, g[w].fn, void 0, !0), T) {
+      var q = m.length, A;
+      for (w = 0; w < q; w++)
+        switch (m[w].once && this.removeListener(h, m[w].fn, void 0, !0), k) {
           case 1:
-            g[w].fn.call(g[w].context);
+            m[w].fn.call(m[w].context);
             break;
           case 2:
-            g[w].fn.call(g[w].context, h);
+            m[w].fn.call(m[w].context, u);
             break;
           case 3:
-            g[w].fn.call(g[w].context, h, l);
+            m[w].fn.call(m[w].context, u, l);
             break;
           case 4:
-            g[w].fn.call(g[w].context, h, l, f);
+            m[w].fn.call(m[w].context, u, l, f);
             break;
           default:
-            if (!M) for (O = 1, M = new Array(T - 1); O < T; O++)
-              M[O - 1] = arguments[O];
-            g[w].fn.apply(g[w].context, M);
+            if (!L) for (A = 1, L = new Array(k - 1); A < k; A++)
+              L[A - 1] = arguments[A];
+            m[w].fn.apply(m[w].context, L);
         }
     }
     return !0;
-  }, n.prototype.on = function(u, h, l) {
-    return r(this, u, h, l, !1);
-  }, n.prototype.once = function(u, h, l) {
-    return r(this, u, h, l, !0);
-  }, n.prototype.removeListener = function(u, h, l, f) {
-    var m = t ? t + u : u;
-    if (!this._events[m]) return this;
-    if (!h)
-      return o(this, m), this;
-    var p = this._events[m];
+  }, n.prototype.on = function(h, u, l) {
+    return r(this, h, u, l, !1);
+  }, n.prototype.once = function(h, u, l) {
+    return r(this, h, u, l, !0);
+  }, n.prototype.removeListener = function(h, u, l, f) {
+    var g = t ? t + h : h;
+    if (!this._events[g]) return this;
+    if (!u)
+      return o(this, g), this;
+    var p = this._events[g];
     if (p.fn)
-      p.fn === h && (!f || p.once) && (!l || p.context === l) && o(this, m);
+      p.fn === u && (!f || p.once) && (!l || p.context === l) && o(this, g);
     else {
-      for (var y = 0, g = [], T = p.length; y < T; y++)
-        (p[y].fn !== h || f && !p[y].once || l && p[y].context !== l) && g.push(p[y]);
-      g.length ? this._events[m] = g.length === 1 ? g[0] : g : o(this, m);
+      for (var y = 0, m = [], k = p.length; y < k; y++)
+        (p[y].fn !== u || f && !p[y].once || l && p[y].context !== l) && m.push(p[y]);
+      m.length ? this._events[g] = m.length === 1 ? m[0] : m : o(this, g);
     }
     return this;
-  }, n.prototype.removeAllListeners = function(u) {
-    var h;
-    return u ? (h = t ? t + u : u, this._events[h] && o(this, h)) : (this._events = new i(), this._eventsCount = 0), this;
+  }, n.prototype.removeAllListeners = function(h) {
+    var u;
+    return h ? (u = t ? t + h : h, this._events[u] && o(this, u)) : (this._events = new i(), this._eventsCount = 0), this;
   }, n.prototype.off = n.prototype.removeListener, n.prototype.addListener = n.prototype.on, n.prefixed = t, n.EventEmitter = n, a.exports = n;
-})(Kt);
-var os = Kt.exports;
-const as = /* @__PURE__ */ ns(os);
-class Qt extends Error {
+})(Zt);
+var ms = Zt.exports;
+const ps = /* @__PURE__ */ gs(ms);
+class Jt extends Error {
   constructor(e) {
     super(e), this.name = "TimeoutError";
   }
 }
-class ls extends Error {
+class ys extends Error {
   constructor(e) {
     super(), this.name = "AbortError", this.message = e;
   }
 }
-const Tt = (a) => globalThis.DOMException === void 0 ? new ls(a) : new DOMException(a), kt = (a) => {
-  const e = a.reason === void 0 ? Tt("This operation was aborted.") : a.reason;
-  return e instanceof Error ? e : Tt(e);
+const zt = (a) => globalThis.DOMException === void 0 ? new ys(a) : new DOMException(a), Nt = (a) => {
+  const e = a.reason === void 0 ? zt("This operation was aborted.") : a.reason;
+  return e instanceof Error ? e : zt(e);
 };
-function hs(a, e) {
+function vs(a, e) {
   const {
     milliseconds: t,
     fallback: i,
@@ -254,45 +254,45 @@ function hs(a, e) {
     customTimers: r = { setTimeout, clearTimeout }
   } = e;
   let o, n;
-  const u = new Promise((h, l) => {
+  const h = new Promise((u, l) => {
     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: m } = e;
-      m.aborted && l(kt(m)), n = () => {
-        l(kt(m));
-      }, m.addEventListener("abort", n, { once: !0 });
+      const { signal: g } = e;
+      g.aborted && l(Nt(g)), n = () => {
+        l(Nt(g));
+      }, g.addEventListener("abort", n, { once: !0 });
     }
     if (t === Number.POSITIVE_INFINITY) {
-      a.then(h, l);
+      a.then(u, l);
       return;
     }
-    const f = new Qt();
+    const f = new Jt();
     o = r.setTimeout.call(void 0, () => {
       if (i) {
         try {
-          h(i());
-        } catch (m) {
-          l(m);
+          u(i());
+        } catch (g) {
+          l(g);
         }
         return;
       }
-      typeof a.cancel == "function" && a.cancel(), s === !1 ? h() : s instanceof Error ? l(s) : (f.message = s ?? `Promise timed out after ${t} milliseconds`, l(f));
+      typeof a.cancel == "function" && a.cancel(), s === !1 ? u() : s instanceof Error ? l(s) : (f.message = s ?? `Promise timed out after ${t} milliseconds`, l(f));
     }, t), (async () => {
       try {
-        h(await a);
-      } catch (m) {
-        l(m);
+        u(await a);
+      } catch (g) {
+        l(g);
       }
     })();
   }).finally(() => {
-    u.clear(), n && e.signal && e.signal.removeEventListener("abort", n);
+    h.clear(), n && e.signal && e.signal.removeEventListener("abort", n);
   });
-  return u.clear = () => {
+  return h.clear = () => {
     r.clearTimeout.call(void 0, o), o = void 0;
-  }, u;
+  }, h;
 }
-function us(a, e, t) {
+function _s(a, e, t) {
   let i = 0, s = a.length;
   for (; s > 0; ) {
     const r = Math.trunc(s / 2);
@@ -301,10 +301,10 @@ function us(a, e, t) {
   }
   return i;
 }
-var re;
-class ds {
+var te;
+class bs {
   constructor() {
-    F(this, re, []);
+    U(this, te, []);
   }
   enqueue(e, t) {
     t = {
@@ -316,83 +316,83 @@ class ds {
       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, te)[this.size - 1].priority >= t.priority) {
+      _(this, te).push(i);
       return;
     }
-    const s = us(_(this, re), i, (r, o) => o.priority - r.priority);
-    _(this, re).splice(s, 0, i);
+    const s = _s(_(this, te), i, (r, o) => o.priority - r.priority);
+    _(this, te).splice(s, 0, i);
   }
   setPriority(e, t) {
-    const i = _(this, re).findIndex((r) => r.id === e);
+    const i = _(this, te).findIndex((r) => r.id === e);
     if (i === -1)
       throw new ReferenceError(`No promise function with the id "${e}" exists in the queue.`);
-    const [s] = _(this, re).splice(i, 1);
+    const [s] = _(this, te).splice(i, 1);
     this.enqueue(s.run, { priority: t, id: e });
   }
   dequeue() {
-    const e = _(this, re).shift();
+    const e = _(this, te).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, te).filter((t) => t.priority === e.priority).map((t) => t.run);
   }
   get size() {
-    return _(this, re).length;
+    return _(this, te).length;
   }
 }
-re = new WeakMap();
-var Re, Te, ye, Me, ke, qe, ne, Se, X, Pe, oe, ze, ge, $e, Ze, z, Vt, Yt, Xt, jt, Zt, Ue, at, lt, Ge, Jt, We;
-class cs extends as {
+te = new WeakMap();
+var Ce, Re, ye, Ie, ke, Me, ie, Te, Q, qe, se, Se, me, Pe, Je, D, ei, ti, ii, si, ri, Ge, ht, ut, We, ni, Ke;
+class ws extends ps {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
-    F(this, z);
-    F(this, Re);
-    F(this, Te);
-    F(this, ye, 0);
-    F(this, Me);
-    F(this, ke);
-    F(this, qe, 0);
-    F(this, ne);
-    F(this, Se);
-    F(this, X);
-    F(this, Pe);
-    F(this, oe, 0);
+    U(this, D);
+    U(this, Ce);
+    U(this, Re);
+    U(this, ye, 0);
+    U(this, Ie);
+    U(this, ke);
+    U(this, Me, 0);
+    U(this, ie);
+    U(this, Te);
+    U(this, Q);
+    U(this, qe);
+    U(this, se, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
-    F(this, ze);
-    F(this, ge);
-    F(this, $e);
+    U(this, Se);
+    U(this, me);
+    U(this, Pe);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
-    F(this, Ze, 1n);
+    U(this, Je, 1n);
     /**
         Per-operation timeout in milliseconds. Operations fulfill once `timeout` elapses if they haven't already.
     
         Applies to each future operation.
         */
-    Et(this, "timeout");
+    Rt(this, "timeout");
     if (t = {
       carryoverConcurrencyCount: !1,
       intervalCap: Number.POSITIVE_INFINITY,
       interval: 0,
       concurrency: Number.POSITIVE_INFINITY,
       autoStart: !0,
-      queueClass: ds,
+      queueClass: bs,
       ...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, Re, t.carryoverConcurrencyCount), $(this, Te, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), $(this, Me, t.intervalCap), $(this, ke, t.interval), $(this, X, new t.queueClass()), $(this, Pe, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, $(this, $e, t.throwOnTimeout === !0), $(this, ge, t.autoStart === !1);
+    B(this, Ce, t.carryoverConcurrencyCount), B(this, Re, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), B(this, Ie, t.intervalCap), B(this, ke, t.interval), B(this, Q, new t.queueClass()), B(this, qe, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, B(this, Pe, t.throwOnTimeout === !0), B(this, me, t.autoStart === !1);
   }
   get concurrency() {
-    return _(this, ze);
+    return _(this, Se);
   }
   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, ze, t), U(this, z, Ge).call(this);
+    B(this, Se, t), G(this, D, We).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -431,33 +431,33 @@ class cs extends as {
       Here, the promise function with `id: '🦀'` executes last.
       */
   setPriority(t, i) {
-    _(this, X).setPriority(t, i);
+    _(this, Q).setPriority(t, i);
   }
   async add(t, i = {}) {
-    return i.id ?? (i.id = (Ne(this, Ze)._++).toString()), i = {
+    return i.id ?? (i.id = (Ne(this, Je)._++).toString()), i = {
       timeout: this.timeout,
-      throwOnTimeout: _(this, $e),
+      throwOnTimeout: _(this, Pe),
       ...i
     }, new Promise((s, r) => {
-      _(this, X).enqueue(async () => {
+      _(this, Q).enqueue(async () => {
         var o;
-        Ne(this, oe)._++;
+        Ne(this, se)._++;
         try {
           (o = i.signal) == null || o.throwIfAborted(), Ne(this, ye)._++;
           let n = t({ signal: i.signal });
-          i.timeout && (n = hs(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, U(this, z, Jt).call(this, i.signal)]));
+          i.timeout && (n = vs(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, G(this, D, ni).call(this, i.signal)]));
           const d = await n;
           s(d), this.emit("completed", d);
         } catch (n) {
-          if (n instanceof Qt && !i.throwOnTimeout) {
+          if (n instanceof Jt && !i.throwOnTimeout) {
             s();
             return;
           }
           r(n), this.emit("error", n);
         } finally {
-          U(this, z, Xt).call(this);
+          G(this, D, ii).call(this);
         }
-      }, i), this.emit("add"), U(this, z, Ue).call(this);
+      }, i), this.emit("add"), G(this, D, Ge).call(this);
     });
   }
   async addAll(t, i) {
@@ -467,19 +467,19 @@ class cs 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, ge) ? ($(this, ge, !1), U(this, z, Ge).call(this), this) : this;
+    return _(this, me) ? (B(this, me, !1), G(this, D, We).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
   */
   pause() {
-    $(this, ge, !0);
+    B(this, me, !0);
   }
   /**
   Clear the queue.
   */
   clear() {
-    $(this, X, new (_(this, Pe))());
+    B(this, Q, new (_(this, qe))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -487,7 +487,7 @@ class cs extends as {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    _(this, X).size !== 0 && await U(this, z, We).call(this, "empty");
+    _(this, Q).size !== 0 && await G(this, D, Ke).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -497,7 +497,7 @@ class cs 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, X).size < t || await U(this, z, We).call(this, "next", () => _(this, X).size < t);
+    _(this, Q).size < t || await G(this, D, Ke).call(this, "next", () => _(this, Q).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.
@@ -505,13 +505,13 @@ class cs 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, X).size === 0 || await U(this, z, We).call(this, "idle");
+    _(this, se) === 0 && _(this, Q).size === 0 || await G(this, D, Ke).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
   */
   get size() {
-    return _(this, X).size;
+    return _(this, Q).size;
   }
   /**
       Size of the queue, filtered by the given options.
@@ -519,71 +519,71 @@ class cs extends as {
       For example, this can be used to find the number of items remaining in the queue with a specific priority level.
       */
   sizeBy(t) {
-    return _(this, X).filter(t).length;
+    return _(this, Q).filter(t).length;
   }
   /**
   Number of running items (no longer in the queue).
   */
   get pending() {
-    return _(this, oe);
+    return _(this, se);
   }
   /**
   Whether the queue is currently paused.
   */
   get isPaused() {
-    return _(this, ge);
+    return _(this, me);
   }
 }
-Re = new WeakMap(), Te = new WeakMap(), ye = new WeakMap(), Me = new WeakMap(), ke = new WeakMap(), qe = new WeakMap(), ne = new WeakMap(), Se = new WeakMap(), X = new WeakMap(), Pe = new WeakMap(), oe = new WeakMap(), ze = new WeakMap(), ge = new WeakMap(), $e = new WeakMap(), Ze = new WeakMap(), z = new WeakSet(), Vt = function() {
-  return _(this, Te) || _(this, ye) < _(this, Me);
-}, Yt = function() {
-  return _(this, oe) < _(this, ze);
-}, Xt = function() {
-  Ne(this, oe)._--, U(this, z, Ue).call(this), this.emit("next");
-}, jt = function() {
-  U(this, z, lt).call(this), U(this, z, at).call(this), $(this, Se, void 0);
-}, Zt = function() {
+Ce = new WeakMap(), Re = new WeakMap(), ye = new WeakMap(), Ie = new WeakMap(), ke = new WeakMap(), Me = new WeakMap(), ie = new WeakMap(), Te = new WeakMap(), Q = new WeakMap(), qe = new WeakMap(), se = new WeakMap(), Se = new WeakMap(), me = new WeakMap(), Pe = new WeakMap(), Je = new WeakMap(), D = new WeakSet(), ei = function() {
+  return _(this, Re) || _(this, ye) < _(this, Ie);
+}, ti = function() {
+  return _(this, se) < _(this, Se);
+}, ii = function() {
+  Ne(this, se)._--, G(this, D, Ge).call(this), this.emit("next");
+}, si = function() {
+  G(this, D, ut).call(this), G(this, D, ht).call(this), B(this, Te, void 0);
+}, ri = function() {
   const t = Date.now();
-  if (_(this, ne) === void 0) {
-    const i = _(this, qe) - t;
+  if (_(this, ie) === void 0) {
+    const i = _(this, Me) - t;
     if (i < 0)
-      $(this, ye, _(this, Re) ? _(this, oe) : 0);
+      B(this, ye, _(this, Ce) ? _(this, se) : 0);
     else
-      return _(this, Se) === void 0 && $(this, Se, setTimeout(() => {
-        U(this, z, jt).call(this);
+      return _(this, Te) === void 0 && B(this, Te, setTimeout(() => {
+        G(this, D, si).call(this);
       }, i)), !0;
   }
   return !1;
-}, Ue = function() {
-  if (_(this, X).size === 0)
-    return _(this, ne) && clearInterval(_(this, ne)), $(this, ne, void 0), this.emit("empty"), _(this, oe) === 0 && this.emit("idle"), !1;
-  if (!_(this, ge)) {
-    const t = !_(this, z, Zt);
-    if (_(this, z, Vt) && _(this, z, Yt)) {
-      const i = _(this, X).dequeue();
-      return i ? (this.emit("active"), i(), t && U(this, z, at).call(this), !0) : !1;
+}, Ge = function() {
+  if (_(this, Q).size === 0)
+    return _(this, ie) && clearInterval(_(this, ie)), B(this, ie, void 0), this.emit("empty"), _(this, se) === 0 && this.emit("idle"), !1;
+  if (!_(this, me)) {
+    const t = !_(this, D, ri);
+    if (_(this, D, ei) && _(this, D, ti)) {
+      const i = _(this, Q).dequeue();
+      return i ? (this.emit("active"), i(), t && G(this, D, ht).call(this), !0) : !1;
     }
   }
   return !1;
-}, at = function() {
-  _(this, Te) || _(this, ne) !== void 0 || ($(this, ne, setInterval(() => {
-    U(this, z, lt).call(this);
-  }, _(this, ke))), $(this, qe, Date.now() + _(this, ke)));
-}, lt = function() {
-  _(this, ye) === 0 && _(this, oe) === 0 && _(this, ne) && (clearInterval(_(this, ne)), $(this, ne, void 0)), $(this, ye, _(this, Re) ? _(this, oe) : 0), U(this, z, Ge).call(this);
+}, ht = function() {
+  _(this, Re) || _(this, ie) !== void 0 || (B(this, ie, setInterval(() => {
+    G(this, D, ut).call(this);
+  }, _(this, ke))), B(this, Me, Date.now() + _(this, ke)));
+}, ut = function() {
+  _(this, ye) === 0 && _(this, se) === 0 && _(this, ie) && (clearInterval(_(this, ie)), B(this, ie, void 0)), B(this, ye, _(this, Ce) ? _(this, se) : 0), G(this, D, We).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
-Ge = function() {
-  for (; U(this, z, Ue).call(this); )
+We = function() {
+  for (; G(this, D, Ge).call(this); )
     ;
-}, Jt = async function(t) {
+}, ni = async function(t) {
   return new Promise((i, s) => {
     t.addEventListener("abort", () => {
       s(t.reason);
     }, { once: !0 });
   });
-}, We = async function(t, i) {
+}, Ke = async function(t, i) {
   return new Promise((s) => {
     const r = () => {
       i && !i() || (this.off(t, r), s());
@@ -591,15 +591,15 @@ Ge = function() {
     this.on(t, r);
   });
 };
-const fs = () => {
-  const a = Be(), e = _e(ve);
+const Es = () => {
+  const a = $e(), e = pe(ve);
   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 cs({
+  const t = new ws({
     carryoverConcurrencyCount: !0,
     concurrency: a.maxParallelRequests,
     interval: a.requestInterval,
@@ -609,8 +609,44 @@ const fs = () => {
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  yi(ve, i);
-}, gs = [
+  Ci(ve, i);
+};
+/*!
+ * pinia v3.0.4
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+const xs = typeof window < "u";
+let Lt;
+process.env.NODE_ENV;
+const At = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+  /* istanbul ignore next */
+  Symbol()
+);
+var Ot;
+(function(a) {
+  a.direct = "direct", a.patchObject = "patch object", a.patchFunction = "patch function";
+})(Ot || (Ot = {}));
+process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+  /* istanbul ignore next */
+  Symbol()
+);
+function oi(a) {
+  const e = Ri(a), t = {};
+  for (const i in e) {
+    const s = e[i];
+    s.effect ? t[i] = // ...
+    R({
+      get: () => a[i],
+      set(r) {
+        a[i] = r;
+      }
+    }) : (ki(s) || Ti(s)) && (t[i] = // ---
+    De(a, i));
+  }
+  return t;
+}
+const Cs = [
   "basic",
   "api_usage",
   "llm_usage",
@@ -618,169 +654,174 @@ const fs = () => {
   "platform",
   void 0
 ];
-function ms({
+function Rs({
   queryBridge: a,
   context: e,
   definition: t,
   chartData: i
 }) {
-  const s = A(""), r = A(""), o = A(void 0), n = A(void 0), d = Be();
-  Je(async () => {
-    var R, q;
-    s.value = await ((R = a == null ? void 0 : a.exploreBaseUrl) == null ? void 0 : R.call(a)) ?? "", r.value = await ((q = a == null ? void 0 : a.requestsBaseUrl) == null ? void 0 : q.call(a)) ?? "";
+  const s = M(""), r = M(""), o = M(void 0), n = M(void 0), d = $e(), h = gt(), { stripUnknownFilters: u, loading: l } = oi(h);
+  et(async () => {
+    var T, z;
+    s.value = await ((T = a == null ? void 0 : a.exploreBaseUrl) == null ? void 0 : T.call(a)) ?? "", r.value = await ((z = a == null ? void 0 : a.requestsBaseUrl) == null ? void 0 : z.call(a)) ?? "";
   });
-  const u = k(() => d.analytics && d.percentiles), h = k(() => {
-    const R = t.value.chart.type;
-    return ["golden_signals", "gauge"].includes(R) ? !1 : R === "top_n" ? e.value.editable || e.value.showTileActions : !0;
-  }), l = k(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && u.value), f = k(() => s.value && t.value.query && gs.includes(t.value.query.datasource) && u.value), m = k(() => i.value ? ot(i.value.meta.granularity_ms) : void 0), p = k(() => {
-    var se;
-    const R = [...e.value.filters, ...t.value.query.filters ?? []], q = ((se = t.value.query) == null ? void 0 : se.datasource) ?? "api_usage";
-    return R.filter((me) => Gt(me.field).some((pe) => q === pe));
-  }), y = k(() => {
-    if (!f.value || !h.value)
+  const f = R(() => d.analytics && d.percentiles), g = R(() => {
+    const T = t.value.chart.type;
+    return ["golden_signals", "gauge"].includes(T) ? !1 : T === "top_n" ? e.value.editable || e.value.showTileActions : !0;
+  }), p = R(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && t.value.query.datasource !== "platform" && f.value && !l.value), y = R(() => s.value && t.value.query && Cs.includes(t.value.query.datasource) && f.value && !l.value), m = R(() => i.value ? lt(i.value.meta.granularity_ms) : void 0), k = R(() => {
+    var ge;
+    const T = [...e.value.filters, ...t.value.query.filters ?? []], z = t.value.query.metrics, re = ((ge = t.value.query) == null ? void 0 : ge.datasource) ?? "api_usage";
+    return u.value({
+      datasource: re,
+      filters: T,
+      metrics: z
+    });
+  }), L = R(() => {
+    if (!y.value || !g.value)
       return "";
-    const R = p.value, q = t.value.query.time_range || e.value.timeSpec, se = I(q, R);
-    return O(se);
-  }), g = k(() => {
-    if (!l.value || !h.value)
+    const T = k.value, z = t.value.query.time_range || e.value.timeSpec, re = we(z, T);
+    return _e(re);
+  }), w = R(() => {
+    if (!p.value || !g.value)
       return "";
-    const R = p.value, q = M(
+    const T = k.value, z = A(
       t.value.query.time_range || e.value.timeSpec,
-      R
+      T
     );
-    return T(q);
-  }), T = (R) => l.value ? `${r.value}?q=${JSON.stringify(R)}` : "", M = (R, q) => {
-    var j, pe, we, Ee;
-    const se = (pe = (j = i.value) == null ? void 0 : j.meta) != null && pe.start ? new Date(i.value.meta.start) : void 0, me = (Ee = (we = i.value) == null ? void 0 : we.meta) != null && Ee.end ? new Date(i.value.meta.end) : void 0;
+    return q(z);
+  }), q = (T) => p.value ? `${r.value}?q=${JSON.stringify(T)}` : "", A = (T, z) => {
+    var Ee, S, O, $;
+    const re = (S = (Ee = i.value) == null ? void 0 : Ee.meta) != null && S.start ? new Date(i.value.meta.start) : void 0, ge = ($ = (O = i.value) == null ? void 0 : O.meta) != null && $.end ? new Date(i.value.meta.end) : void 0;
     return {
-      filter: q,
+      filter: z,
       timeframe: {
-        timePeriodsKey: R.type === "relative" ? R.time_range : "custom",
-        start: R.type === "absolute" ? se : void 0,
-        end: R.type === "absolute" ? me : void 0
+        timePeriodsKey: T.type === "relative" ? T.time_range : "custom",
+        start: T.type === "absolute" ? re : void 0,
+        end: T.type === "absolute" ? ge : void 0
       }
     };
-  }, w = (R, q) => ({
-    filter: q,
+  }, fe = (T, z) => ({
+    filter: z,
     timeframe: {
-      timePeriodsKey: R.type === "relative" ? R.time_range : "custom",
-      start: R.type === "absolute" ? R.start : void 0,
-      end: R.type === "absolute" ? R.end : void 0
+      timePeriodsKey: T.type === "relative" ? T.time_range : "custom",
+      start: T.type === "absolute" ? T.start : void 0,
+      end: T.type === "absolute" ? T.end : void 0
     }
-  }), I = (R, q) => {
-    const se = t.value.query.dimensions ?? [];
+  }), we = (T, z) => {
+    const re = t.value.query.dimensions ?? [];
     return {
-      filters: q,
+      filters: z,
       metrics: t.value.query.metrics ?? [],
-      dimensions: se,
-      time_range: R,
+      dimensions: re,
+      time_range: T,
       granularity: t.value.query.granularity || m.value
     };
-  }, O = (R) => {
-    if (!f.value)
+  }, _e = (T) => {
+    if (!y.value)
       return "";
-    const q = ["api_usage", "llm_usage", "agentic_usage"].includes(t.value.query.datasource) ? t.value.query.datasource : "api_usage";
-    return `${s.value}?q=${JSON.stringify(R)}&d=${q}&c=${t.value.chart.type}`;
+    const z = t.value.query.datasource && t.value.query.datasource !== "basic" ? t.value.query.datasource : "api_usage";
+    return `${s.value}?q=${JSON.stringify(T)}&d=${z}&c=${t.value.chart.type}`;
   };
-  return Le([l, f], ([R, q]) => {
-    R && (o.value = { href: "" }), q && (n.value = { href: "" });
+  return Le([p, y], ([T, z]) => {
+    T && (o.value = { href: "" }), z && (n.value = { href: "" });
   }), {
-    exploreLinkKebabMenu: y,
-    requestsLinkKebabMenu: g,
-    canShowKebabMenu: h,
-    canGenerateRequestsLink: l,
-    canGenerateExploreLink: f,
+    exploreLinkKebabMenu: L,
+    requestsLinkKebabMenu: w,
+    canShowKebabMenu: g,
+    canGenerateRequestsLink: p,
+    canGenerateExploreLink: y,
     requestsLinkZoomActions: o,
     exploreLinkZoomActions: n,
-    buildExploreQuery: I,
-    buildRequestsQueryZoomActions: w,
-    buildExploreLink: O,
-    buildRequestLink: T
+    buildExploreQuery: we,
+    buildRequestsQueryZoomActions: fe,
+    buildExploreLink: _e,
+    buildRequestLink: q
   };
 }
-const ps = (a, e, t) => {
-  const i = [];
-  return e && i.push(...e), i.push(...Ei(a, t)), i;
-};
-function ys() {
-  const a = _e(ve), e = new AbortController();
-  return et(() => {
-    e.abort();
-  }), { issueQuery: async (i, s, r) => {
+function ks() {
+  const a = pe(ve), e = gt(), t = new AbortController();
+  return tt(() => {
+    t.abort();
+  }), { issueQuery: async (s, r, o) => {
     if (!a)
       throw new Error("Query bridge is not defined");
+    await e.isReady();
     const {
-      datasource: o,
-      limit: n,
-      ...d
-    } = i, u = o || "basic", h = ps(u, i.filters, s.filters);
-    let l = i.time_range;
-    l ? l.tz || (l = {
-      ...l,
-      tz: s.tz
-    }) : l = {
-      ...s.timeSpec,
-      tz: s.tz
+      datasource: n,
+      limit: d,
+      ...h
+    } = s, u = n || "basic", l = [];
+    s.filters && l.push(...s.filters), l.push(...e.stripUnknownFilters({
+      datasource: u,
+      filters: r.filters
+    }));
+    let f = s.time_range;
+    f ? f.tz || (f = {
+      ...f,
+      tz: r.tz
+    }) : f = {
+      ...r.timeSpec,
+      tz: r.tz
     };
-    const f = {
+    const g = {
       datasource: u,
       query: {
-        ...d,
-        time_range: l,
-        filters: h,
-        limit: r ?? n
+        ...h,
+        time_range: f,
+        filters: l,
+        limit: o ?? d
       }
     };
-    return a.queryFn(f, e);
+    return a.queryFn(g, t);
   } };
 }
-function vs({
+function Ts({
   context: a,
-  globalFilters: e = A([]),
-  isFullscreen: t = A(!1)
+  globalFilters: e = M([]),
+  isFullscreen: t = M(!1)
 }) {
-  const i = Be(), s = k(() => a.value.timeSpec ? a.value.timeSpec : {
+  const i = $e(), s = R(() => a.value.timeSpec ? a.value.timeSpec : {
     type: "relative",
     time_range: i.defaultQueryTimeForOrg
   });
   return {
-    internalContext: k(() => {
-      var f, m, p;
-      let { tz: o, refreshInterval: n, editable: d, showTileActions: u } = a.value;
-      const h = [...a.value.filters ?? [], ...e.value];
-      if (o || (o = new Intl.DateTimeFormat().resolvedOptions().timeZone), n === void 0 && (n = ts), t.value) {
+    internalContext: R(() => {
+      var f, g, p;
+      let { tz: o, refreshInterval: n, editable: d, showTileActions: h } = a.value;
+      const u = [...a.value.filters ?? [], ...e.value];
+      if (o || (o = new Intl.DateTimeFormat().resolvedOptions().timeZone), n === void 0 && (n = us), t.value) {
         let y = !1;
         if (s.value.type === "relative")
           y = ["15m", "1h", "6h", "12h", "24h"].includes(s.value.time_range);
         else {
-          const M = s.value.start.getTime(), w = s.value.end.getTime();
-          y = Math.abs(w - M) <= 864e5;
+          const L = s.value.start.getTime(), w = s.value.end.getTime();
+          y = Math.abs(w - L) <= 864e5;
         }
-        const g = (/* @__PURE__ */ new Date()).getTime();
-        s.value.type === "absolute" && s.value.end.getTime() < g || s.value.type === "relative" && ["previous_week", "previous_month"].includes(s.value.time_range) ? n = 0 : y ? n = is : n = ss;
+        const m = (/* @__PURE__ */ new Date()).getTime();
+        s.value.type === "absolute" && s.value.end.getTime() < m || s.value.type === "relative" && ["previous_week", "previous_month"].includes(s.value.time_range) ? n = 0 : y ? n = ds : n = cs;
       }
-      d === void 0 && (d = !1), u === void 0 && (u = !0);
-      const l = !!((p = (m = (f = vi()) == null ? void 0 : f.vnode) == null ? void 0 : m.props) != null && p.onTileTimeRangeZoom);
+      d === void 0 && (d = !1), h === void 0 && (h = !0);
+      const l = !!((p = (g = (f = Si()) == null ? void 0 : f.vnode) == null ? void 0 : g.props) != null && p.onTileTimeRangeZoom);
       return {
-        filters: h,
+        filters: u,
         tz: o,
         timeSpec: s.value,
         refreshInterval: n,
         editable: d,
-        showTileActions: u,
+        showTileActions: h,
         zoomable: l
       };
     })
   };
 }
-const ue = {
-  useContextLinks: ms,
-  useDashboardInternalContext: vs,
-  useEvaluateFeatureFlag: rs,
-  useI18n: Zi,
-  useIssueQuery: ys,
-  useRequestQueue: fs
-}, ft = /* @__PURE__ */ J({
+const le = {
+  useContextLinks: Rs,
+  useDashboardInternalContext: Ts,
+  useEvaluateFeatureFlag: fs,
+  useI18n: as,
+  useIssueQuery: ks,
+  useRequestQueue: Es
+}, pt = /* @__PURE__ */ Z({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -791,12 +832,12 @@ const ue = {
   },
   emits: ["chart-data", "queryComplete"],
   setup(a, { emit: e }) {
-    const t = a, i = e, { i18n: s } = ue.useI18n(), { issueQuery: r } = ue.useIssueQuery(), o = _e(ve), n = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: d, error: u, isValidating: h } = Ni(n, async () => {
+    const t = a, i = e, { i18n: s } = le.useI18n(), { issueQuery: r } = le.useIssueQuery(), o = pe(ve), n = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: d, error: h, isValidating: u } = $i(n, async () => {
       try {
-        const g = await r(t.query, t.context, t.limitOverride);
-        return m.value = null, g;
-      } catch (g) {
-        throw m.value = Ti(g), g;
+        const m = await r(t.query, t.context, t.limitOverride);
+        return g.value = null, m;
+      } catch (m) {
+        throw g.value = Hi(m), m;
       } finally {
         i("queryComplete");
       }
@@ -804,49 +845,49 @@ const ue = {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
-    }), { state: l, swrvState: f } = Gi(d, u, h), m = A(null), p = k(() => l.value === f.ERROR || !!m.value), y = k(() => !t.queryReady || l.value === f.PENDING);
-    return Le([() => d.value, () => l.value], ([g, T]) => {
-      g && (T === "SUCCESS_HAS_DATA" || T === "SUCCESS") && i("chart-data", g);
-    }), (g, T) => {
-      var I;
-      const M = de("KSkeleton"), w = de("KEmptyState");
-      return y.value || !x(d) && !p.value ? (C(), L(M, {
+    }), { state: l, swrvState: f } = Ji(d, h, u), g = M(null), p = R(() => l.value === f.ERROR || !!g.value), y = R(() => !t.queryReady || l.value === f.PENDING);
+    return Le([() => d.value, () => l.value], ([m, k]) => {
+      m && (k === "SUCCESS_HAS_DATA" || k === "SUCCESS") && i("chart-data", m);
+    }), (m, k) => {
+      var q;
+      const L = ue("KSkeleton"), w = ue("KEmptyState");
+      return y.value || !x(d) && !p.value ? (C(), I(L, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : p.value ? (C(), L(w, {
+      })) : p.value ? (C(), I(w, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state"
-      }, tt({
+      }, it({
         icon: P(() => {
-          var O;
+          var A;
           return [
-            ((O = m.value) == null ? void 0 : O.type) === "forbidden" ? (C(), L(x(Oi), { key: 0 })) : (C(), L(x(Hi), { key: 1 }))
+            ((A = g.value) == null ? void 0 : A.type) === "forbidden" ? (C(), I(x(Ui), { key: 0 })) : (C(), I(x(Gi), { key: 1 }))
           ];
         }),
         title: P(() => {
-          var O;
+          var A;
           return [
-            Z("p", null, ie(((O = m.value) == null ? void 0 : O.message) || x(s).t("renderer.unexpectedError")), 1)
+            X("p", null, ee(((A = g.value) == null ? void 0 : A.message) || x(s).t("renderer.unexpectedError")), 1)
           ];
         }),
         _: 2
       }, [
-        (I = m.value) != null && I.details ? {
+        (q = g.value) != null && q.details ? {
           name: "default",
           fn: P(() => [
-            Z("p", null, ie(m.value.details), 1)
+            X("p", null, ee(g.value.details), 1)
           ]),
           key: "0"
         } : void 0
-      ]), 1024)) : x(d) ? Ae(g.$slots, "default", {
+      ]), 1024)) : x(d) ? Ae(m.$slots, "default", {
         key: 2,
         data: x(d)
-      }) : Y("", !0);
+      }) : V("", !0);
     };
   }
-}), _s = /* @__PURE__ */ J({
+}), Ss = /* @__PURE__ */ Z({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -859,19 +900,19 @@ const ue = {
     exploreLink: {}
   },
   setup(a) {
-    const e = a, t = k(() => e.chartOptions.type === "single_value");
-    return (i, s) => (C(), L(ft, {
+    const e = a, t = R(() => e.chartOptions.type === "single_value");
+    return (i, s) => (C(), I(pt, {
       context: a.context,
       query: a.query,
       "query-ready": a.queryReady,
       "refresh-counter": a.refreshCounter
     }, {
       default: P(({ data: r }) => [
-        Z("div", {
-          class: De(["analytics-chart", { "single-value": t.value }]),
-          style: nt(t.value ? void 0 : { height: `${a.height}px` })
+        X("div", {
+          class: ze(["analytics-chart", { "single-value": t.value }]),
+          style: at(t.value ? void 0 : { height: `${a.height}px` })
         }, [
-          le(x(ki), {
+          oe(x(Ii), {
             "chart-data": r,
             "chart-options": a.chartOptions,
             "synthetics-data-key": t.value ? void 0 : a.chartOptions.synthetics_data_key
@@ -886,7 +927,7 @@ const ue = {
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, St = /* @__PURE__ */ be(_s, [["__scopeId", "data-v-d4c69df4"]]), bs = { class: "analytics-chart" }, ws = /* @__PURE__ */ J({
+}, Ht = /* @__PURE__ */ be(Ss, [["__scopeId", "data-v-d4c69df4"]]), Ds = { class: "analytics-chart" }, zs = /* @__PURE__ */ Z({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -901,20 +942,20 @@ const ue = {
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range", "view-requests", "select-chart-range"],
   setup(a, { emit: e }) {
-    const t = a, i = e, { i18n: s } = ue.useI18n(), r = k(() => ({
+    const t = a, i = e, { i18n: s } = le.useI18n(), r = R(() => ({
       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 = k(() => t.context.zoomable), n = () => {
+    })), o = R(() => t.context.zoomable), n = () => {
       i("edit-tile");
-    }, d = (u) => {
-      i("chart-data", u);
+    }, d = (h) => {
+      i("chart-data", h);
     };
-    return (u, h) => {
-      const l = de("KDropdownItem");
-      return C(), L(ft, {
+    return (h, u) => {
+      const l = ue("KDropdownItem");
+      return C(), I(pt, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
@@ -922,8 +963,8 @@ const ue = {
         onChartData: d
       }, {
         default: P(({ data: f }) => [
-          Z("div", bs, [
-            le(x(Si), qt({
+          X("div", Ds, [
+            oe(x(Mi), Wt({
               "chart-data": f,
               "chart-options": r.value,
               "explore-link": a.exploreLink,
@@ -933,15 +974,15 @@ const ue = {
               "timeseries-zoom": o.value,
               "tooltip-title": ""
             }, a.extraProps, {
-              onSelectChartRange: h[0] || (h[0] = (m) => i("select-chart-range", m)),
-              onZoomTimeRange: h[1] || (h[1] = (m) => i("zoom-time-range", m))
-            }), tt({ _: 2 }, [
+              onSelectChartRange: u[0] || (u[0] = (g) => i("select-chart-range", g)),
+              onZoomTimeRange: u[1] || (u[1] = (g) => i("zoom-time-range", g))
+            }), it({ _: 2 }, [
               a.context.editable ? {
                 name: "menu-items",
                 fn: P(() => [
-                  le(l, { onClick: n }, {
+                  oe(l, { onClick: n }, {
                     default: P(() => [
-                      ht(ie(x(s).t("renderer.edit")), 1)
+                      dt(ee(x(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -955,7 +996,7 @@ const ue = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), gt = /* @__PURE__ */ be(ws, [["__scopeId", "data-v-52357845"]]), zt = /* @__PURE__ */ J({
+}), yt = /* @__PURE__ */ be(zs, [["__scopeId", "data-v-52357845"]]), It = /* @__PURE__ */ Z({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -968,7 +1009,7 @@ const ue = {
     exploreLink: {}
   },
   setup(a) {
-    return (e, t) => (C(), L(gt, {
+    return (e, t) => (C(), I(yt, {
       "chart-options": a.chartOptions,
       context: a.context,
       "extra-props": { showAnnotations: !1 },
@@ -978,7 +1019,7 @@ const ue = {
       "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), Dt = /* @__PURE__ */ J({
+}), Mt = /* @__PURE__ */ Z({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -993,7 +1034,7 @@ const ue = {
   emits: ["zoom-time-range", "select-chart-range"],
   setup(a, { emit: e }) {
     const t = e;
-    return (i, s) => (C(), L(gt, {
+    return (i, s) => (C(), I(yt, {
       "chart-options": a.chartOptions,
       context: a.context,
       "explore-link": a.exploreLink,
@@ -1006,7 +1047,7 @@ const ue = {
       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"]));
   }
-}), Es = /* @__PURE__ */ J({
+}), Ns = /* @__PURE__ */ Z({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -1019,7 +1060,7 @@ const ue = {
     exploreLink: {}
   },
   setup(a) {
-    const e = a, t = k(() => {
+    const e = a, t = R(() => {
       var s, r;
       const i = (s = e.query) == null ? void 0 : s.datasource;
       if (i && i !== "api_usage" && i !== "basic")
@@ -1036,29 +1077,29 @@ const ue = {
         refreshCounter: e.refreshCounter
       };
     });
-    return (i, s) => (C(), G("div", {
-      class: De(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
+    return (i, s) => (C(), W("div", {
+      class: ze(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
     }, [
-      le(x(Bi), _i(bi(t.value)), {
+      oe(x(ji), Di(zi(t.value)), {
         default: P(() => [
-          le(x(Fi))
+          oe(x(Xi))
         ]),
         _: 1
       }, 16)
     ], 2));
   }
-}), xs = /* @__PURE__ */ be(Es, [["__scopeId", "data-v-8a51fd28"]]), Cs = {
+}), Ls = /* @__PURE__ */ be(Ns, [["__scopeId", "data-v-8a51fd28"]]), As = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, Nt = /* @__PURE__ */ J({
+}, qt = /* @__PURE__ */ Z({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
   setup(a) {
-    return (e, t) => (C(), G("div", Cs, ie(a.entityLinkData.label), 1));
+    return (e, t) => (C(), W("div", As, ee(a.entityLinkData.label), 1));
   }
-}), Rs = /* @__PURE__ */ J({
+}), Os = /* @__PURE__ */ Z({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1071,39 +1112,39 @@ const ue = {
     exploreLink: {}
   },
   setup(a) {
-    const e = a, t = _e(ve), i = Pt(async () => {
+    const e = a, t = pe(ve), i = Kt(async () => {
       if (t != null && t.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
         } catch {
-          return Nt;
+          return qt;
         }
-      return Nt;
+      return qt;
     }), s = (r) => {
       var o;
       if ((o = e.chartOptions) != null && o.entity_link)
         if (r.id.includes(":")) {
           const [n, d] = r.id.split(":");
-          return e.chartOptions.entity_link.replace(Ji, n).replace(Rt, d);
+          return e.chartOptions.entity_link.replace(ls, n).replace(Dt, d);
         } else
-          return e.chartOptions.entity_link.replace(Rt, r.id);
+          return e.chartOptions.entity_link.replace(Dt, r.id);
       return "";
     };
-    return (r, o) => (C(), L(ft, {
+    return (r, o) => (C(), I(pt, {
       context: a.context,
       query: a.query,
       "query-ready": a.queryReady,
       "refresh-counter": a.refreshCounter
     }, {
       default: P(({ data: n }) => [
-        le(x(zi), {
+        oe(x(qi), {
           data: n,
           "synthetics-data-key": a.chartOptions.synthetics_data_key
-        }, tt({ _: 2 }, [
+        }, it({ _: 2 }, [
           e.chartOptions.entity_link ? {
             name: "name",
             fn: P(({ record: d }) => [
-              le(x(i), {
+              oe(x(i), {
                 "entity-link-data": {
                   id: d.id,
                   label: d.name,
@@ -1119,7 +1160,7 @@ const ue = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), Lt = "#6c7489", Ts = "12px", At = "20px", Ot = "32px", ei = "20px", ks = /* @__PURE__ */ J({
+}), Pt = "#6c7489", Hs = "12px", $t = "20px", Bt = "32px", ai = "20px", Is = /* @__PURE__ */ Z({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1132,7 +1173,7 @@ const ue = {
     exploreLink: {}
   },
   setup(a) {
-    return (e, t) => (C(), L(gt, {
+    return (e, t) => (C(), I(yt, {
       "chart-options": a.chartOptions,
       context: a.context,
       height: a.height,
@@ -1141,15 +1182,15 @@ const ue = {
       "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), Ss = ["data-testid"], zs = {
+}), Ms = ["data-testid"], qs = {
   key: 0,
   class: "tile-header"
-}, Ds = { class: "badge-container" }, Ns = { class: "badge-text" }, Ls = { key: 0 }, As = ["data-testid"], Os = ["data-testid"], Hs = { class: "delete-option" }, Is = ["data-testid"], Ms = ["data-testid"], qs = /* @__PURE__ */ J({
+}, Ps = { class: "badge-container" }, $s = { class: "badge-text" }, Bs = { key: 0 }, Fs = ["data-testid"], Us = ["data-testid"], Gs = { class: "delete-option" }, Ws = ["data-testid"], Ks = ["data-testid"], Vs = /* @__PURE__ */ Z({
   __name: "DashboardTile",
-  props: /* @__PURE__ */ Ke({
+  props: /* @__PURE__ */ Ve({
     context: {},
     definition: {},
-    height: { default: Fe },
+    height: { default: Be },
     isFullscreen: { type: Boolean },
     hideActions: { type: Boolean, default: !1 },
     queryReady: { type: Boolean },
@@ -1159,60 +1200,60 @@ const ue = {
     refreshCounter: { default: 0 },
     refreshCounterModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ke(["chart-data", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
+  emits: /* @__PURE__ */ Ve(["chart-data", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
   setup(a, { expose: e, emit: t }) {
-    ut((v) => ({
-      a3979a26: `${v.height}px`
+    ct((v) => ({
+      v57da23f2: `${v.height}px`
     }));
-    const i = parseInt(ei, 10), s = a, r = $t(a, "refreshCounter"), o = () => {
-      g.value = !0, r.value++;
-    }, n = t, d = Pt(() => import("./GeoMapRenderer-DwpwiD-Y.js")), u = _e(ve), { i18n: h } = ue.useI18n(), l = A(), f = A({ status: "loading" }), m = A(!1), p = A(), y = A(!1), g = A(!0), {
-      exploreLinkKebabMenu: T,
-      requestsLinkKebabMenu: M,
-      canShowKebabMenu: w,
-      canGenerateRequestsLink: I,
-      canGenerateExploreLink: O,
-      requestsLinkZoomActions: R,
-      exploreLinkZoomActions: q,
-      buildExploreQuery: se,
-      buildExploreLink: me,
-      buildRequestLink: j,
-      buildRequestsQueryZoomActions: pe
-    } = ue.useContextLinks({
-      queryBridge: u,
-      chartData: rt(l),
-      definition: rt(Oe(s, "definition")),
-      context: rt(Oe(s, "context"))
-    }), { issueQuery: we } = ue.useIssueQuery();
-    Le(() => s.definition, async (v, D) => {
-      await dt(), p.value && (y.value = p.value.scrollWidth > p.value.clientWidth);
+    const i = parseInt(ai, 10), s = a, r = Vt(a, "refreshCounter"), o = () => {
+      L.value = !0, r.value++;
+    }, n = t, d = Kt(() => import("./GeoMapRenderer-CTei4zeC.js")), h = pe(ve), u = gt(), { stripUnknownFilters: l } = oi(u), { i18n: f } = le.useI18n(), g = M(), p = M({ status: "loading" }), y = M(!1), m = M(), k = M(!1), L = M(!0), {
+      exploreLinkKebabMenu: w,
+      requestsLinkKebabMenu: q,
+      canShowKebabMenu: A,
+      canGenerateRequestsLink: fe,
+      canGenerateExploreLink: we,
+      requestsLinkZoomActions: _e,
+      exploreLinkZoomActions: T,
+      buildExploreQuery: z,
+      buildExploreLink: re,
+      buildRequestLink: ge,
+      buildRequestsQueryZoomActions: Ee
+    } = le.useContextLinks({
+      queryBridge: h,
+      chartData: ot(g),
+      definition: ot(De(s, "definition")),
+      context: ot(De(s, "context"))
+    }), { issueQuery: S } = le.useIssueQuery();
+    Le(() => s.definition, async (v, N) => {
+      await ft(), m.value && (k.value = m.value.scrollWidth > m.value.clientWidth);
       try {
-        JSON.stringify(v == null ? void 0 : v.query) !== JSON.stringify(D == null ? void 0 : D.query) && (g.value = !0);
+        JSON.stringify(v == null ? void 0 : v.query) !== JSON.stringify(N == null ? void 0 : N.query) && (L.value = !0);
       } catch {
       }
     }, { immediate: !0, deep: !0 });
-    const Ee = k(() => h.t("csvExport.defaultFilename")), S = k(() => w.value && !s.hideActions && (H.value || s.context.editable)), H = k(() => !!T.value || ("allow_csv_export" in s.definition.chart ? s.definition.chart.allow_csv_export : !0) || s.context.editable), B = {
-      timeseries_line: Dt,
-      timeseries_bar: Dt,
-      horizontal_bar: zt,
-      vertical_bar: zt,
-      gauge: St,
-      donut: ks,
-      golden_signals: xs,
-      top_n: Rs,
+    const O = R(() => f.t("csvExport.defaultFilename")), $ = R(() => A.value && !s.hideActions && (F.value || s.context.editable)), F = R(() => !!w.value || ("allow_csv_export" in s.definition.chart ? s.definition.chart.allow_csv_export : !0) || s.context.editable), ne = {
+      timeseries_line: Mt,
+      timeseries_bar: Mt,
+      horizontal_bar: It,
+      vertical_bar: It,
+      gauge: Ht,
+      donut: Is,
+      golden_signals: Ls,
+      top_n: Os,
       slottable: void 0,
-      single_value: St,
+      single_value: Ht,
       choropleth_map: d
-    }, W = k(() => {
-      var v, D, N;
+    }, Fe = R(() => {
+      var v, N, H;
       return {
-        ...(v = K.value) != null && v.rendererEvents.supportsRequests ? { "select-chart-range": gi } : {},
-        ...(D = K.value) != null && D.rendererEvents.supportsZoom ? { "zoom-time-range": ci } : {},
-        ...(N = K.value) != null && N.rendererEvents.supportsBounds ? { "bounds-change": fi } : {}
+        ...(v = xe.value) != null && v.rendererEvents.supportsRequests ? { "select-chart-range": wi } : {},
+        ...(N = xe.value) != null && N.rendererEvents.supportsZoom ? { "zoom-time-range": _i } : {},
+        ...(H = xe.value) != null && H.rendererEvents.supportsBounds ? { "bounds-change": bi } : {}
       };
-    }), K = k(() => {
-      var ee, ae;
-      const v = B[s.definition.chart.type], D = !!((ee = v == null ? void 0 : v.emits) != null && ee.includes("select-chart-range")), N = !!((ae = v == null ? void 0 : v.emits) != null && ae.includes("zoom-time-range")), Q = s.definition.chart.type === "choropleth_map";
+    }), xe = R(() => {
+      var j, he;
+      const v = ne[s.definition.chart.type], N = !!((j = v == null ? void 0 : v.emits) != null && j.includes("select-chart-range")), H = !!((he = v == null ? void 0 : v.emits) != null && he.includes("zoom-time-range")), Y = s.definition.chart.type === "choropleth_map";
       return v && {
         component: v,
         rendererProps: {
@@ -1222,260 +1263,264 @@ const ue = {
           chartOptions: s.definition.chart,
           height: s.height - i * 2,
           refreshCounter: r.value,
-          requestsLink: R.value,
-          exploreLink: q.value
+          requestsLink: _e.value,
+          exploreLink: T.value
         },
         rendererEvents: {
-          supportsRequests: D,
-          supportsZoom: N,
-          supportsBounds: Q
+          supportsRequests: N,
+          supportsZoom: H,
+          supportsBounds: Y
         }
       };
-    }), xe = k(() => {
-      var D;
-      const v = (D = s.definition.query) == null ? void 0 : D.time_range;
+    }), rt = R(() => {
+      var N;
+      const v = (N = s.definition.query) == null ? void 0 : N.time_range;
       if ((v == null ? void 0 : v.type) === "relative") {
-        const N = xi.get(Ci[v.time_range]);
-        return N ? N.display : (console.warn("Did not recognize the given relative time range:", v.time_range), v.time_range);
+        const H = Li.get(Ai[v.time_range]);
+        return H ? H.display : (console.warn("Did not recognize the given relative time range:", v.time_range), v.time_range);
       } else if ((v == null ? void 0 : v.type) === "absolute") {
-        const N = v.tz || "Etc/UTC";
-        return `${Ct(v.start, { short: !0, tz: N })} - ${Ct(v.end, { short: !0, tz: N })}`;
+        const H = v.tz || "Etc/UTC";
+        return `${St(v.start, { short: !0, tz: H })} - ${St(v.end, { short: !0, tz: H })}`;
       }
       return null;
-    }), yt = k(() => {
+    }), bt = R(() => {
       if (s.definition.chart.type === "slottable")
         return !1;
-      const v = !!s.definition.chart.chart_title, D = s.definition.chart.type === "golden_signals" && !!s.definition.chart.description, N = s.showRefresh, Q = S.value && H.value && !s.isFullscreen, ee = !!xe.value;
-      return v || Q || ee || D || N;
-    }), vt = k(() => l.value ? ot(l.value.meta.granularity_ms) : void 0), si = k(() => ["timeseries_line", "timeseries_bar"].includes(s.definition.chart.type)), _t = k(() => {
-      var D, N;
-      if (!si.value || !s.queryReady || g.value)
+      const v = !!s.definition.chart.chart_title, N = s.definition.chart.type === "golden_signals" && !!s.definition.chart.description, H = s.showRefresh, Y = $.value && F.value && !s.isFullscreen, j = !!rt.value;
+      return v || Y || j || N || H;
+    }), wt = R(() => g.value ? lt(g.value.meta.granularity_ms) : void 0), ui = R(() => ["timeseries_line", "timeseries_bar"].includes(s.definition.chart.type)), Et = R(() => {
+      var N, H;
+      if (!ui.value || !s.queryReady || L.value)
         return !1;
-      const v = (N = (D = s.definition) == null ? void 0 : D.query) == null ? void 0 : N.granularity;
-      return !v || !vt.value ? !1 : v !== vt.value;
-    }), ri = k(() => {
-      var N, Q, ee;
-      const v = ot(((N = l.value) == null ? void 0 : N.meta.granularity_ms) ?? 0) ?? "unknown", D = ((ee = (Q = s.definition) == null ? void 0 : Q.query) == null ? void 0 : ee.granularity) ?? "unknown";
-      return h.t("query_aged_out_warning", {
-        currentGranularity: h.t(`granularities.${v}`),
-        savedGranularity: h.t(`granularities.${D}`)
+      const v = (H = (N = s.definition) == null ? void 0 : N.query) == null ? void 0 : H.granularity;
+      return !v || !wt.value ? !1 : v !== wt.value;
+    }), di = R(() => {
+      var H, Y, j;
+      const v = lt(((H = g.value) == null ? void 0 : H.meta.granularity_ms) ?? 0) ?? "unknown", N = ((j = (Y = s.definition) == null ? void 0 : Y.query) == null ? void 0 : j.granularity) ?? "unknown";
+      return f.t("query_aged_out_warning", {
+        currentGranularity: f.t(`granularities.${v}`),
+        savedGranularity: f.t(`granularities.${N}`)
       });
-    }), ni = k(() => {
-      var N, Q;
-      const v = [...s.context.filters, ...s.definition.query.filters ?? []], D = ((Q = (N = s.definition) == null ? void 0 : N.query) == null ? void 0 : Q.datasource) ?? "api_usage";
-      return v.filter((ee) => Gt(ee.field).some((Ce) => D === Ce));
-    }), oi = () => {
+    }), ci = R(() => {
+      var Y, j;
+      const v = [...s.context.filters, ...s.definition.query.filters ?? []], N = s.definition.query.metrics, H = ((j = (Y = s.definition) == null ? void 0 : Y.query) == null ? void 0 : j.datasource) ?? "api_usage";
+      return l.value({
+        datasource: H,
+        filters: v,
+        metrics: N
+      });
+    }), fi = () => {
       n("edit-tile", s.definition);
-    }, ai = () => {
+    }, gi = () => {
       n("duplicate-tile", s.definition);
-    }, li = () => {
+    }, mi = () => {
       n("remove-tile", s.definition);
-    }, hi = (v) => {
-      l.value = v, g.value = !1, n("chart-data", v);
-    }, ui = () => {
-      m.value = !1;
-    }, bt = () => {
-      var N, Q;
-      const v = (N = s.definition.query.datasource) == null ? void 0 : N.startsWith("goap");
-      return ((Q = u == null ? void 0 : u.staticConfig) == null ? void 0 : Q.increaseCsvExportLimit) !== !1 && !v ? we(s.definition.query, s.context, Ri) : l.value ? Promise.resolve(l.value) : new Promise((ee) => {
-        const ae = Le(l, (Ce) => {
-          Ce && (ee(Ce), ae());
+    }, pi = (v) => {
+      g.value = v, L.value = !1, n("chart-data", v);
+    }, yi = () => {
+      y.value = !1;
+    }, xt = () => {
+      var H, Y;
+      const v = (H = s.definition.query.datasource) == null ? void 0 : H.startsWith("goap");
+      return ((Y = h == null ? void 0 : h.staticConfig) == null ? void 0 : Y.increaseCsvExportLimit) !== !1 && !v ? S(s.definition.query, s.context, Oi) : g.value ? Promise.resolve(g.value) : new Promise((j) => {
+        const he = Le(g, (Ue) => {
+          Ue && (j(Ue), he());
         });
       });
-    }, di = async () => {
-      m.value = !0, f.value = { status: "loading" };
+    }, vi = async () => {
+      y.value = !0, p.value = { status: "loading" };
       try {
-        const v = await bt();
-        f.value = { status: "success", chartData: v };
+        const v = await xt();
+        p.value = { status: "success", chartData: v };
       } catch (v) {
-        f.value = { status: "error", error: v };
+        p.value = { status: "error", error: v };
       }
-    }, ci = (v) => {
-      const D = {
+    }, _i = (v) => {
+      const N = {
         tileId: s.tileId.toString(),
         timeRange: v
       };
-      n("tile-time-range-zoom", D);
-    }, fi = (v) => {
-      const D = {
+      n("tile-time-range-zoom", N);
+    }, bi = (v) => {
+      const N = {
         tileId: s.tileId.toString(),
         bounds: v
       };
-      n("tile-bounds-change", D);
-    }, gi = (v) => {
-      const D = ni.value, N = pe(v, D), Q = se(v, D);
-      R.value = I.value ? { href: j(N) } : void 0, q.value = O.value ? { href: me(Q) } : void 0;
+      n("tile-bounds-change", N);
+    }, wi = (v) => {
+      const N = ci.value, H = z(v, N);
+      T.value = we.value ? { href: re(H) } : void 0, _e.value = fe.value ? { href: ge(Ee(v, N)) } : void 0;
     };
-    return e({ getExportData: bt }), (v, D) => {
-      const N = de("KTooltip"), Q = de("KBadge"), ee = de("KButton"), ae = de("KDropdownItem"), Ce = de("KDropdown");
-      return C(), G("div", {
-        class: De(["tile-boundary", {
+    return e({ getExportData: xt }), (v, N) => {
+      const H = ue("KTooltip"), Y = ue("KBadge"), j = ue("KButton"), he = ue("KDropdownItem"), Ue = ue("KDropdown");
+      return C(), W("div", {
+        class: ze(["tile-boundary", {
           editable: a.context.editable,
-          headless: !yt.value
+          headless: !bt.value
         }]),
         "data-testid": `tile-${a.tileId}`
       }, [
-        yt.value && a.definition.chart.type !== "slottable" ? (C(), G("div", zs, [
-          le(N, {
+        bt.value && a.definition.chart.type !== "slottable" ? (C(), W("div", qs, [
+          oe(H, {
             class: "title-tooltip",
-            disabled: !y.value,
+            disabled: !k.value,
             "max-width": "500",
             text: a.definition.chart.chart_title
           }, {
             default: P(() => [
-              Z("div", {
+              X("div", {
                 ref_key: "titleRef",
-                ref: p,
+                ref: m,
                 class: "title"
-              }, ie(a.definition.chart.chart_title), 513)
+              }, ee(a.definition.chart.chart_title), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          Z("div", Ds, [
-            xe.value ? (C(), L(Q, {
+          X("div", Ps, [
+            rt.value ? (C(), I(Y, {
               key: 0,
               "data-testid": "time-range-badge",
-              tooltip: _t.value ? ri.value : void 0,
+              tooltip: Et.value ? di.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
-            }, tt({
+            }, it({
               default: P(() => [
-                Z("span", Ns, ie(xe.value), 1)
+                X("span", $s, ee(rt.value), 1)
               ]),
               _: 2
             }, [
-              _t.value ? {
+              Et.value ? {
                 name: "icon",
                 fn: P(() => [
-                  le(x(Ii), { size: x(Ts) }, null, 8, ["size"])
+                  oe(x(Wi), { size: x(Hs) }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["tooltip"])) : Y("", !0)
+            ]), 1032, ["tooltip"])) : V("", !0)
           ]),
-          a.showRefresh ? (C(), G("div", Ls, [
-            le(ee, {
+          a.showRefresh ? (C(), W("div", Bs, [
+            oe(j, {
               appearance: "secondary",
               class: "refresh-button",
               "data-testid": `tile-refresh-button-${a.tileId}`,
-              disabled: g.value,
+              disabled: L.value,
               icon: "",
               size: "small",
               onClick: o
             }, {
               default: P(() => [
-                g.value ? (C(), L(x(Mi), {
+                L.value ? (C(), I(x(Ki), {
                   key: 0,
                   role: "button",
-                  size: x(Ot),
+                  size: x(Bt),
                   tabindex: "0"
-                }, null, 8, ["size"])) : (C(), L(x(qi), {
+                }, null, 8, ["size"])) : (C(), I(x(Vi), {
                   key: 1,
                   role: "button",
-                  size: x(Ot),
+                  size: x(Bt),
                   tabindex: "0"
                 }, null, 8, ["size"]))
               ]),
               _: 1
             }, 8, ["data-testid", "disabled"])
-          ])) : Y("", !0),
-          S.value ? (C(), G("div", {
+          ])) : V("", !0),
+          $.value ? (C(), W("div", {
             key: 1,
             class: "tile-actions",
             "data-testid": `tile-actions-${a.tileId}`
           }, [
-            x(w) && a.context.editable && !a.isFullscreen ? (C(), L(x(Pi), {
+            x(A) && a.context.editable && !a.isFullscreen ? (C(), I(x(Qi), {
               key: 0,
               class: "edit-icon",
-              color: x(Lt),
+              color: x(Pt),
               "data-testid": `edit-tile-${a.tileId}`,
-              size: x(At),
-              onClick: oi
-            }, null, 8, ["color", "data-testid", "size"])) : Y("", !0),
-            x(w) && H.value && !a.isFullscreen ? (C(), L(Ce, {
+              size: x($t),
+              onClick: fi
+            }, null, 8, ["color", "data-testid", "size"])) : V("", !0),
+            x(A) && F.value && !a.isFullscreen ? (C(), I(Ue, {
               key: 1,
               class: "dropdown",
               "data-testid": `chart-action-menu-${a.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: P(() => [
-                x(T) ? (C(), L(ae, {
+                x(w) ? (C(), I(he, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${a.tileId}`,
-                  item: { label: x(h).t("jumpToExplore"), to: x(T) }
-                }, null, 8, ["data-testid", "item"])) : Y("", !0),
-                x(M) ? (C(), L(ae, {
+                  item: { label: x(f).t("jumpToExplore"), to: x(w) }
+                }, null, 8, ["data-testid", "item"])) : V("", !0),
+                x(q) ? (C(), I(he, {
                   key: 1,
                   "data-testid": `chart-jump-to-requests-${a.tileId}`,
-                  item: { label: x(h).t("jumpToRequests"), to: x(M) }
-                }, null, 8, ["data-testid", "item"])) : Y("", !0),
-                !("allow_csv_export" in a.definition.chart) || a.definition.chart.allow_csv_export ? (C(), L(ae, {
+                  item: { label: x(f).t("jumpToRequests"), to: x(q) }
+                }, null, 8, ["data-testid", "item"])) : V("", !0),
+                !("allow_csv_export" in a.definition.chart) || a.definition.chart.allow_csv_export ? (C(), I(he, {
                   key: 2,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${a.tileId}`,
-                  onClick: di
+                  onClick: vi
                 }, {
                   default: P(() => [
-                    Z("span", {
+                    X("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${a.tileId}`
-                    }, ie(x(h).t("csvExport.exportAsCsv")), 9, Os)
+                    }, ee(x(f).t("csvExport.exportAsCsv")), 9, Us)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : Y("", !0),
-                a.context.editable ? (C(), L(ae, {
+                }, 8, ["data-testid"])) : V("", !0),
+                a.context.editable ? (C(), I(he, {
                   key: 3,
                   "data-testid": `duplicate-tile-${a.tileId}`,
-                  onClick: ai
+                  onClick: gi
                 }, {
                   default: P(() => [
-                    ht(ie(x(h).t("renderer.duplicateTile")), 1)
+                    dt(ee(x(f).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : Y("", !0),
-                a.context.editable ? (C(), L(ae, {
+                }, 8, ["data-testid"])) : V("", !0),
+                a.context.editable ? (C(), I(he, {
                   key: 4,
                   "data-testid": `remove-tile-${a.tileId}`,
-                  onClick: li
+                  onClick: mi
                 }, {
                   default: P(() => [
-                    Z("span", Hs, ie(x(h).t("renderer.delete")), 1)
+                    X("span", Gs, ee(x(f).t("renderer.delete")), 1)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : Y("", !0)
+                }, 8, ["data-testid"])) : V("", !0)
               ]),
               default: P(() => [
-                le(x($i), {
+                oe(x(Yi), {
                   class: "kebab-action-menu",
-                  color: x(Lt),
+                  color: x(Pt),
                   "data-testid": `kebab-action-menu-${a.tileId}`,
-                  size: x(At)
+                  size: x($t)
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
-            }, 8, ["data-testid"])) : Y("", !0)
-          ], 8, As)) : "description" in a.definition.chart ? (C(), G("div", {
+            }, 8, ["data-testid"])) : V("", !0)
+          ], 8, Fs)) : "description" in a.definition.chart ? (C(), W("div", {
             key: 2,
             class: "header-description",
             "data-testid": `tile-description-${a.tileId}`
-          }, ie(a.definition.chart.description), 9, Is)) : Y("", !0),
-          m.value ? (C(), L(x(Di), {
+          }, ee(a.definition.chart.description), 9, Ws)) : V("", !0),
+          y.value ? (C(), I(x(Pi), {
             key: 3,
             "data-testid": `csv-export-modal-${a.tileId}`,
-            "export-state": f.value,
-            filename: Ee.value,
-            onCloseModal: ui
-          }, null, 8, ["data-testid", "export-state", "filename"])) : Y("", !0)
-        ])) : Y("", !0),
-        Z("div", {
-          class: De(["tile-content", `type-${a.definition.chart.type}`]),
+            "export-state": p.value,
+            filename: O.value,
+            onCloseModal: yi
+          }, null, 8, ["data-testid", "export-state", "filename"])) : V("", !0)
+        ])) : V("", !0),
+        X("div", {
+          class: ze(["tile-content", `type-${a.definition.chart.type}`]),
           "data-testid": `tile-content-${a.tileId}`
         }, [
-          K.value ? (C(), L(Bt(K.value.component), qt({ key: 0 }, K.value.rendererProps, wi(W.value), { onChartData: hi }), null, 16)) : Y("", !0)
-        ], 10, Ms)
-      ], 10, Ss);
+          xe.value ? (C(), I(Qt(xe.value.component), Wt({ key: 0 }, xe.value.rendererProps, Ni(Fe.value), { onChartData: pi }), null, 16)) : V("", !0)
+        ], 10, Ks)
+      ], 10, Ms);
     };
   }
-}), ti = /* @__PURE__ */ be(qs, [["__scopeId", "data-v-5513f736"]]), Ps = (a, e) => {
+}), li = /* @__PURE__ */ be(Vs, [["__scopeId", "data-v-0b9bb668"]]), Qs = (a, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -1486,13 +1531,13 @@ const ue = {
   for (let r = 0; r < t; r++)
     i.get(r) ? s.push("auto") : s.push(`${a}px`);
   return s;
-}, $s = /* @__PURE__ */ J({
+}, Ys = /* @__PURE__ */ Z({
   __name: "GridLayout",
   props: {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => Fe
+      default: () => Be
     },
     tiles: {
       type: Array,
@@ -1500,21 +1545,21 @@ const ue = {
     }
   },
   setup(a) {
-    ut((n) => ({
-      v2a38e79e: x(ct),
+    ct((n) => ({
+      v2a38e79e: x(mt),
       v4cc71de6: r.value
     }));
-    const e = a, t = A(null), i = A(0), s = new ResizeObserver((n) => {
+    const e = a, t = M(null), i = M(0), s = new ResizeObserver((n) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(n) || !n.length || (i.value = n[0].contentRect.width);
       });
     });
-    Je(() => {
+    et(() => {
       t.value && s.observe(t.value);
-    }), et(() => {
+    }), tt(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = k(() => Ps(e.tileHeight, e.tiles).join(" ")), o = k(() => e.tiles.map((n, d) => ({
+    const r = R(() => Qs(e.tileHeight, e.tiles).join(" ")), o = R(() => e.tiles.map((n, d) => ({
       key: `tile-${d}`,
       tile: n,
       style: {
@@ -1524,27 +1569,27 @@ const ue = {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, d) => (C(), G("div", {
+    return (n, d) => (C(), W("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (C(!0), G(Ft, null, Ut(o.value, (u) => (C(), G("div", {
-        key: u.key,
-        class: De(["grid-cell", {
-          "empty-cell": !u.tile
+      (C(!0), W(Yt, null, jt(o.value, (h) => (C(), W("div", {
+        key: h.key,
+        class: ze(["grid-cell", {
+          "empty-cell": !h.tile
         }]),
-        style: nt(u.style)
+        style: at(h.style)
       }, [
         Ae(n.$slots, "tile", {
-          style: nt(u.style),
-          tile: u.tile
+          style: at(h.style),
+          tile: h.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), Bs = /* @__PURE__ */ be($s, [["__scopeId", "data-v-354b7177"]]);
-function Fs(a, e, t, i, s) {
+}), js = /* @__PURE__ */ be(Ys, [["__scopeId", "data-v-354b7177"]]);
+function Xs(a, e, t, i, s) {
   const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(a, o));
   return r.prototype = e.prototype, r;
 }
@@ -1753,8 +1798,8 @@ class c {
     if (s.top < 0 || s.bottom > r) {
       const o = s.bottom - r, n = s.top, d = this.getScrollElement(e);
       if (d !== null) {
-        const u = 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 - u;
+        const h = 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 - h;
       }
     }
   }
@@ -1766,8 +1811,8 @@ 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, u = n > r - i;
-    d ? s.scrollBy({ behavior: "smooth", top: n - i }) : u && s.scrollBy({ behavior: "smooth", top: i - (r - n) });
+    const s = this.getScrollElement(t), r = s.clientHeight, o = s === this.getScrollElement() ? 0 : s.getBoundingClientRect().top, n = e.clientY - o, d = n < i, h = n > r - i;
+    d ? s.scrollBy({ behavior: "smooth", top: n - i }) : h && 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 */
   static clone(e) {
@@ -1884,7 +1929,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;
   }
@@ -1910,15 +1955,15 @@ class ce {
     for (; i = i || this.collide(e, r, s.skip); ) {
       if (d++ > this.nodes.length * 2)
         throw new Error("Infinite collide check");
-      let u;
+      let h;
       if (i.locked || this._loading || e._moving && !e._skipDown && t.y > e.y && !this.float && // can take space we had, or before where we're going
       (!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 };
-        u = this._loading && c.samePos(e, h) ? !0 : this.moveNode(e, h), (i.locked || this._loading) && u ? c.copyPos(t, e) : !i.locked && u && s.pack && (this._packNodes(), t.y = i.y + i.h, c.copyPos(e, t)), o = o || u;
+        const u = { ...t, y: i.y + i.h, ...n };
+        h = this._loading && c.samePos(e, u) ? !0 : this.moveNode(e, u), (i.locked || this._loading) && h ? c.copyPos(t, e) : !i.locked && h && s.pack && (this._packNodes(), t.y = i.y + i.h, c.copyPos(e, t)), o = o || h;
       } else
-        u = this.moveNode(i, { ...i, y: t.y + t.h, skip: e, ...n });
-      if (!u)
+        h = this.moveNode(i, { ...i, y: t.y + t.h, skip: e, ...n });
+      if (!h)
         return o;
       i = void 0;
     }
@@ -1943,10 +1988,10 @@ class ce {
     for (let d of i) {
       if (d.locked || !d._rect)
         break;
-      const u = d._rect;
-      let h = Number.MAX_VALUE, l = Number.MAX_VALUE;
-      s.y < u.y ? h = (r.y + r.h - u.y) / u.h : s.y + s.h > u.y + u.h && (h = (u.y + u.h - r.y) / u.h), s.x < u.x ? l = (r.x + r.w - u.x) / u.w : s.x + s.w > u.x + u.w && (l = (u.x + u.w - r.x) / u.w);
-      const f = Math.min(l, h);
+      const h = d._rect;
+      let u = Number.MAX_VALUE, l = Number.MAX_VALUE;
+      s.y < h.y ? u = (r.y + r.h - h.y) / h.h : s.y + s.h > h.y + h.h && (u = (h.y + h.h - r.y) / h.h), s.x < h.x ? l = (r.x + r.w - h.x) / h.w : s.x + s.w > h.x + h.w && (l = (h.x + h.w - r.x) / h.w);
+      const f = Math.min(l, u);
       f > n && (n = f, o = d);
     }
     return t.collide = o, o;
@@ -2022,8 +2067,8 @@ class ce {
     s || (this._inColumnResize = !0);
     const r = this.nodes;
     return this.nodes = [], r.forEach((o, n, d) => {
-      let u;
-      o.locked || (o.autoPosition = !0, e === "list" && n && (u = d[n - 1])), this.addNode(o, !1, u);
+      let h;
+      o.locked || (o.autoPosition = !0, e === "list" && n && (h = d[n - 1])), this.addNode(o, !1, h);
     }), s || delete this._inColumnResize, i || this.batchUpdate(!1), this;
   }
   /** enable/disable floating widgets (default: `false`) See [example](http://gridstackjs.com/demo/float.html) */
@@ -2062,7 +2107,7 @@ 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;
@@ -2121,11 +2166,11 @@ class ce {
     const r = s ? s.y * i + (s.x + s.w) : 0;
     let o = !1;
     for (let n = r; !o; ++n) {
-      const d = n % i, u = Math.floor(n / i);
+      const d = n % i, h = Math.floor(n / i);
       if (d + e.w > i)
         continue;
-      const h = { x: d, y: u, w: e.w, h: e.h };
-      t.find((l) => c.isIntercepted(h, l)) || ((e.x !== d || e.y !== u) && (e._dirty = !0), e.x = d, e.y = u, delete e.autoPosition, o = !0);
+      const u = { x: d, y: h, w: e.w, h: e.h };
+      t.find((l) => c.isIntercepted(u, l)) || ((e.x !== d || e.y !== h) && (e._dirty = !0), e.x = d, e.y = h, delete e.autoPosition, o = !0);
     }
     return o;
   }
@@ -2157,7 +2202,7 @@ 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 })
@@ -2179,7 +2224,7 @@ class ce {
   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 }))
@@ -2192,7 +2237,7 @@ class ce {
   }
   /** return true if the passed in node was actually moved (checks for no-op and locked) */
   moveNode(e, t) {
-    var u, h;
+    var h, u;
     if (!e || /*node.locked ||*/
     !t)
       return !1;
@@ -2206,9 +2251,9 @@ class ce {
     if (n.length) {
       const l = e._moving && !t.nested;
       let f = l ? this.directionCollideCoverage(e, t, n) : n[0];
-      if (l && f && ((h = (u = e.grid) == null ? void 0 : u.opts) != null && h.subGridDynamic) && !e.grid._isTemp) {
-        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);
+      if (l && f && ((u = (h = e.grid) == null ? void 0 : h.opts) != null && u.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);
       }
       f ? d = !this._fixCollisions(e, r, f, t) : (d = !1, i && delete t.pack);
     }
@@ -2230,8 +2275,8 @@ class ce {
     var o;
     const i = (o = this._layouts) == null ? void 0 : o.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), u = { ...n, ...d || {} };
-      c.removeInternalForSave(u, !e), t && t(n, u), r.push(u);
+      const d = s == null ? void 0 : s.find((u) => u._id === n._id), h = { ...n, ...d || {} };
+      c.removeInternalForSave(h, !e), t && t(n, h), r.push(h);
     }), r;
   }
   /** @internal called whenever a node is added or moved - updates the cached layouts */
@@ -2270,19 +2315,19 @@ class ce {
     s && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
     let r = [], o = s ? this.nodes : c.sort(this.nodes, -1);
     if (t > e && this._layouts) {
-      const d = this._layouts[t] || [], u = this._layouts.length - 1;
-      !d.length && e !== u && ((n = this._layouts[u]) != null && n.length) && (e = u, this._layouts[u].forEach((h) => {
-        const l = o.find((f) => f._id === h._id);
-        l && (!s && !h.autoPosition && (l.x = h.x ?? l.x, l.y = h.y ?? l.y), l.w = h.w ?? l.w, (h.x == null || h.y === void 0) && (l.autoPosition = !0));
-      })), d.forEach((h) => {
-        const l = o.findIndex((f) => f._id === h._id);
+      const d = this._layouts[t] || [], h = this._layouts.length - 1;
+      !d.length && e !== h && ((n = this._layouts[h]) != null && n.length) && (e = h, this._layouts[h].forEach((u) => {
+        const l = o.find((f) => f._id === u._id);
+        l && (!s && !u.autoPosition && (l.x = u.x ?? l.x, l.y = u.y ?? l.y), l.w = u.w ?? l.w, (u.x == null || u.y === void 0) && (l.autoPosition = !0));
+      })), d.forEach((u) => {
+        const l = o.findIndex((f) => f._id === u._id);
         if (l !== -1) {
           const f = o[l];
           if (s) {
-            f.w = h.w;
+            f.w = u.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(l, 1);
+          (u.autoPosition || isNaN(u.x) || isNaN(u.y)) && this.findEmptyPosition(u, r), u.autoPosition || (f.x = u.x ?? f.x, f.y = u.y ?? f.y, f.w = u.w ?? f.w, r.push(f)), o.splice(l, 1);
         }
       });
     }
@@ -2293,9 +2338,9 @@ class ce {
         if (typeof i == "function")
           i(t, e, r, o);
         else {
-          const d = s || i === "none" ? 1 : t / e, u = i === "move" || i === "moveScale", h = i === "scale" || i === "moveScale";
+          const d = s || i === "none" ? 1 : t / e, h = i === "move" || i === "moveScale", u = i === "scale" || i === "moveScale";
           o.forEach((l) => {
-            l.x = t === 1 ? 0 : u ? Math.round(l.x * d) : Math.min(l.x, t - 1), l.w = t === 1 || e === 1 ? 1 : h ? Math.round(l.w * d) || 1 : Math.min(l.w, t), r.push(l);
+            l.x = t === 1 ? 0 : h ? Math.round(l.x * d) : Math.min(l.x, t - 1), l.w = t === 1 || e === 1 ? 1 : u ? Math.round(l.w * d) || 1 : Math.min(l.w, t), r.push(l);
           }), o = [];
         }
       r = c.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((d) => {
@@ -2315,7 +2360,7 @@ class ce {
     return e.forEach((r, o) => {
       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 };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
@@ -2326,7 +2371,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);
@@ -2350,8 +2395,8 @@ class ce {
     return this;
   }
 }
-ce._idSeq = 0;
-const te = {
+de._idSeq = 0;
+const J = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2383,55 +2428,55 @@ const te = {
 };
 class E {
 }
-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 fe {
+const ae = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
+class ce {
 }
 function Qe(a, e) {
   a.touches.length > 1 || (a.cancelable && a.preventDefault(), c.simulateMouseEvent(a.changedTouches[0], e));
 }
-function ii(a, e) {
+function hi(a, e) {
   a.cancelable && a.preventDefault(), c.simulateMouseEvent(a, e);
 }
-function Ve(a) {
-  fe.touchHandled || (fe.touchHandled = !0, Qe(a, "mousedown"));
-}
 function Ye(a) {
-  fe.touchHandled && Qe(a, "mousemove");
+  ce.touchHandled || (ce.touchHandled = !0, Qe(a, "mousedown"));
+}
+function je(a) {
+  ce.touchHandled && Qe(a, "mousemove");
 }
 function Xe(a) {
-  if (!fe.touchHandled)
+  if (!ce.touchHandled)
     return;
-  fe.pointerLeaveTimeout && (window.clearTimeout(fe.pointerLeaveTimeout), delete fe.pointerLeaveTimeout);
+  ce.pointerLeaveTimeout && (window.clearTimeout(ce.pointerLeaveTimeout), delete ce.pointerLeaveTimeout);
   const e = !!E.dragElement;
-  Qe(a, "mouseup"), e || Qe(a, "click"), fe.touchHandled = !1;
+  Qe(a, "mouseup"), e || Qe(a, "click"), ce.touchHandled = !1;
 }
-function je(a) {
+function Ze(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
-function Ht(a) {
-  E.dragElement && a.pointerType !== "mouse" && ii(a, "mouseenter");
+function Ft(a) {
+  E.dragElement && a.pointerType !== "mouse" && hi(a, "mouseenter");
 }
-function It(a) {
-  E.dragElement && a.pointerType !== "mouse" && (fe.pointerLeaveTimeout = window.setTimeout(() => {
-    delete fe.pointerLeaveTimeout, ii(a, "mouseleave");
+function Ut(a) {
+  E.dragElement && a.pointerType !== "mouse" && (ce.pointerLeaveTimeout = window.setTimeout(() => {
+    delete ce.pointerLeaveTimeout, hi(a, "mouseleave");
   }, 10));
 }
-class it {
+class st {
   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(`${it.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", Ve), this.el.addEventListener("pointerdown", je)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${st.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ae && (this.el.addEventListener("touchstart", Ye), this.el.addEventListener("pointerdown", Ze)), 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), he && (this.el.removeEventListener("touchstart", Ve), this.el.removeEventListener("pointerdown", je)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
+    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), ae && (this.el.removeEventListener("touchstart", Ye), this.el.removeEventListener("pointerdown", Ze)), 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), he && (this.el.addEventListener("touchmove", Ye), this.el.addEventListener("touchend", Xe)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (this.el.addEventListener("touchmove", je), this.el.addEventListener("touchend", Xe)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2440,7 +2485,7 @@ class it {
   }
   /** @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), he && (this.el.removeEventListener("touchmove", Ye), this.el.removeEventListener("touchend", Xe)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ae && (this.el.removeEventListener("touchmove", je), this.el.removeEventListener("touchend", Xe)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2452,8 +2497,8 @@ class it {
     return this.option[e] && this.option[e](t), this;
   }
 }
-it.prefix = "ui-resizable-";
-class mt {
+st.prefix = "ui-resizable-";
+class vt {
   constructor() {
     this._eventRegister = {};
   }
@@ -2481,7 +2526,7 @@ class mt {
       return this._eventRegister[e](t);
   }
 }
-class He extends mt {
+class Oe extends vt {
   // 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 = () => {
@@ -2551,7 +2596,7 @@ class He extends mt {
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new it(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new st(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -2582,7 +2627,7 @@ class He extends mt {
   }
   /** @internal */
   _setupHelper() {
-    this.elOriginStyleVal = He._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
+    this.elOriginStyleVal = Oe._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,
@@ -2591,7 +2636,7 @@ class He extends mt {
   }
   /** @internal */
   _cleanHelper() {
-    return He._originStyleProp.forEach((e, t) => {
+    return Oe._originStyleProp.forEach((e, t) => {
       this.el.style[e] = this.elOriginStyleVal[t] || null;
     }), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
   }
@@ -2605,13 +2650,13 @@ class He extends mt {
     }, r = e.clientX - i.clientX, o = 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);
-    const u = this._constrainSize(s.width, s.height, n, d);
-    return Math.round(s.width) !== Math.round(u.width) && (t.indexOf("w") > -1 && (s.left += s.width - u.width), s.width = u.width), Math.round(s.height) !== Math.round(u.height) && (t.indexOf("n") > -1 && (s.top += s.height - u.height), s.height = u.height), s;
+    const h = this._constrainSize(s.width, s.height, n, d);
+    return Math.round(s.width) !== Math.round(h.width) && (t.indexOf("w") > -1 && (s.left += s.width - h.width), s.width = h.width), Math.round(s.height) !== Math.round(h.height) && (t.indexOf("n") > -1 && (s.top += s.height - h.height), s.height = h.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, u = r.minHeight / this.rectScale.y || t, h = Math.min(o, Math.max(n, e)), l = Math.min(d, Math.max(u, t));
-    return { width: h, height: l };
+    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, h = r.minHeight / this.rectScale.y || t, u = Math.min(o, Math.max(n, e)), l = Math.min(d, Math.max(h, t));
+    return { width: u, height: l };
   }
   /** @internal */
   _applyChange() {
@@ -2630,9 +2675,9 @@ class He extends mt {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-He._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Us = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Ie extends mt {
+Oe._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
+const Zs = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class He extends vt {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -2652,12 +2697,12 @@ class Ie extends mt {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), he && (e.addEventListener("touchstart", Ve), e.addEventListener("pointerdown", je));
+      e.addEventListener("mousedown", this._mouseDown), ae && (e.addEventListener("touchstart", Ye), e.addEventListener("pointerdown", Ze));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), he && (t.removeEventListener("touchstart", Ve), t.removeEventListener("pointerdown", je));
+      t.removeEventListener("mousedown", this._mouseDown), ae && (t.removeEventListener("touchstart", Ye), t.removeEventListener("pointerdown", Ze));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -2669,7 +2714,7 @@ class Ie extends mt {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!E.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Us) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete E.dragElement, delete E.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), he && (e.currentTarget.addEventListener("touchmove", Ye), e.currentTarget.addEventListener("touchend", Xe)), e.preventDefault(), document.activeElement && document.activeElement.blur(), E.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Zs) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete E.dragElement, delete E.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (e.currentTarget.addEventListener("touchmove", je), e.currentTarget.addEventListener("touchend", Xe)), e.preventDefault(), document.activeElement && document.activeElement.blur(), E.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2700,7 +2745,7 @@ class Ie extends mt {
   /** @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), he && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Ye, !0), e.currentTarget.removeEventListener("touchend", Xe, !0)), this.dragging) {
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ae && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", je, !0), e.currentTarget.removeEventListener("touchend", Xe, !0)), this.dragging) {
       delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = E.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete E.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), E.dropElement && E.dropElement.drop(e);
@@ -2722,7 +2767,7 @@ class Ie extends mt {
   /** @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 = Ie.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 = He.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -2739,7 +2784,7 @@ class Ie extends mt {
     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", Ie.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
+      i.style.transition = this.dragElementOriginStyle.transition = "none", He.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -2781,8 +2826,8 @@ class Ie extends mt {
     };
   }
 }
-Ie.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Gs extends mt {
+He.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+class Js extends vt {
   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();
   }
@@ -2793,10 +2838,10 @@ class Gs extends mt {
     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), he && (this.el.addEventListener("pointerenter", Ht), this.el.addEventListener("pointerleave", It)));
+    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), ae && (this.el.addEventListener("pointerenter", Ft), this.el.addEventListener("pointerleave", Ut)));
   }
   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), he && (this.el.removeEventListener("pointerenter", Ht), this.el.removeEventListener("pointerleave", It)));
+    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), ae && (this.el.removeEventListener("pointerenter", Ft), this.el.removeEventListener("pointerleave", Ut)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -2848,9 +2893,9 @@ class Gs extends mt {
     };
   }
 }
-class pt {
+class _t {
   static init(e) {
-    return e.ddElement || (e.ddElement = new pt(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new _t(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -2862,25 +2907,25 @@ class pt {
     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 Ie(this.el, e), this;
+    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new He(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 He(this.el, e), this;
+    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Oe(this.el, e), this;
   }
   cleanResizable() {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Gs(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Js(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Ws {
+class er {
   resizable(e, t, i, s) {
     return this._getDDElements(e, t).forEach((r) => {
       if (t === "disable" || t === "enable")
@@ -2893,11 +2938,11 @@ class Ws {
         const n = r.el.gridstackNode.grid;
         let d = r.el.getAttribute("gs-resize-handles") || n.opts.resizable.handles || "e,s,se";
         d === "all" && (d = "n,e,s,w,se,sw,ne,nw");
-        const u = !n.opts.alwaysShowResizeHandle;
+        const h = !n.opts.alwaysShowResizeHandle;
         r.setupResizable({
           ...n.opts.resizable,
           handles: d,
-          autoHide: u,
+          autoHide: h,
           start: t.start,
           stop: t.stop,
           resize: t.resize
@@ -2959,7 +3004,7 @@ class Ws {
   /** @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 ? pt.init(o) : null)).filter((o) => o) : [];
+    return s.length ? s.map((o) => o.ddElement || (i ? _t.init(o) : null)).filter((o) => o) : [];
   }
 }
 /*!
@@ -2969,7 +3014,7 @@ class Ws {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const V = new Ws();
+const K = new er();
 class b {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -3034,7 +3079,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, te.itemClass, this.opts.itemClass]);
+      this._placeholder = c.createDiv([this.opts.placeholderClass, J.itemClass, this.opts.itemClass]);
       const e = c.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
@@ -3046,7 +3091,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 l, f, m;
+    var l, f, g;
     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);
@@ -3055,48 +3100,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((g) => g.c === 1);
+      let y = s.find((m) => m.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 n = {
-      ...c.cloneDeep(te),
-      column: c.toNumber(e.getAttribute("gs-column")) || te.column,
-      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || te.minRow,
-      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || te.maxRow,
-      staticGrid: c.toBool(e.getAttribute("gs-static")) || te.staticGrid,
+      ...c.cloneDeep(J),
+      column: c.toNumber(e.getAttribute("gs-column")) || J.column,
+      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || J.minRow,
+      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || J.maxRow,
+      staticGrid: c.toBool(e.getAttribute("gs-static")) || J.staticGrid,
       sizeToContent: c.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || te.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || J.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || te.removableOptions.accept,
-        decline: te.removableOptions.decline
+        accept: t.itemClass || J.removableOptions.accept,
+        decline: J.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("." + te.itemClass), u = d == null ? void 0 : d.gridstackNode;
-    u && (u.subGrid = this, this.parentGridNode = u, this.el.classList.add("grid-stack-nested"), u.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 !== te.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-" + ce._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    const h = t.engineClass || b.engineClass || ce;
-    if (this.engine = new h({
+    const d = this.el.closest("." + J.itemClass), h = d == null ? void 0 : d.gridstackNode;
+    h && (h.subGrid = this, this.parentGridNode = h, this.el.classList.add("grid-stack-nested"), h.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== J.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ae), this._styleSheetClass = "gs-id-" + de._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    const u = t.engineClass || b.engineClass || de;
+    if (this.engine = new u({
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
       onChange: (p) => {
         let y = 0;
-        this.engine.nodes.forEach((g) => {
-          y = Math.max(y, g.y + g.h);
-        }), p.forEach((g) => {
-          const T = g.el;
-          T && (g._removeDOM ? (T && T.remove(), delete g._removeDOM) : this._writePosAttr(T, g));
+        this.engine.nodes.forEach((m) => {
+          y = Math.max(y, m.y + m.h);
+        }), p.forEach((m) => {
+          const k = m.el;
+          k && (m._removeDOM ? (k && k.remove(), delete m._removeDOM) : this._writePosAttr(k, m));
         }), 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 && !E.pauseDrag && (E.pauseDrag = !0), ((m = t.draggable) == null ? void 0 : m.pause) !== void 0 && (E.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !E.pauseDrag && (E.pauseDrag = !0), ((g = t.draggable) == null ? void 0 : g.pause) !== void 0 && (E.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   /**
    * add a new widget and returns it.
@@ -3147,9 +3192,9 @@ 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 m, p, y;
+    var g, p, y;
     let r = e.gridstackNode;
-    if (r || (r = this.makeWidget(e).gridstackNode), (m = r.subGrid) != null && m.el)
+    if (r || (r = this.makeWidget(e).gridstackNode), (g = r.subGrid) != null && g.el)
       return r.subGrid;
     let o, n = this;
     for (; n && !o; )
@@ -3168,13 +3213,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     }), 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 u = r.el.querySelector(".grid-stack-item-content"), h, l;
-    if (s && (this._removeDD(r.el), l = { ...r, x: 0, y: 0 }, c.removeInternalForSave(l), delete l.subGridOpts, r.content && (l.content = r.content, delete r.content), b.addRemoveCB ? h = b.addRemoveCB(this.el, l, !0, !1) : (h = c.createDiv(["grid-stack-item"]), h.appendChild(u), u = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const g = d ? t.column : r.w, T = r.h + i.h, M = r.el.style;
-      M.transition = "none", this.update(r.el, { w: g, h: T }), setTimeout(() => M.transition = null);
+    let h = r.el.querySelector(".grid-stack-item-content"), u, l;
+    if (s && (this._removeDD(r.el), l = { ...r, x: 0, y: 0 }, c.removeInternalForSave(l), delete l.subGridOpts, r.content && (l.content = r.content, delete r.content), b.addRemoveCB ? u = b.addRemoveCB(this.el, l, !0, !1) : (u = c.createDiv(["grid-stack-item"]), u.appendChild(h), h = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
+      const m = d ? t.column : r.w, k = r.h + i.h, L = r.el.style;
+      L.transition = "none", this.update(r.el, { w: m, h: k }), setTimeout(() => L.transition = null);
     }
-    const f = r.subGrid = b.addGrid(u, t);
-    return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(h, l), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
+    const f = r.subGrid = b.addGrid(h, t);
+    return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(u, l), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
   }
   /**
    * called when an item was converted into a nested grid to accommodate a dragged over item, but then item leaves - return back
@@ -3212,7 +3257,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const r = c.cloneDeep(this.opts);
       r.marginBottom === r.marginTop && r.marginRight === r.marginLeft && r.marginTop === r.marginRight && (r.margin = r.marginTop, delete r.marginTop, delete r.marginRight, delete r.marginBottom, delete r.marginLeft), r.rtl === (this.el.style.direction === "rtl") && (r.rtl = "auto"), this._isAutoCellHeight && (r.cellHeight = "auto"), this._autoColumn && (r.column = "auto");
       const o = r._alwaysShowResizeHandle;
-      return delete r._alwaysShowResizeHandle, o !== void 0 ? r.alwaysShowResizeHandle = o : delete r.alwaysShowResizeHandle, c.removeInternalAndSame(r, te), r.children = s, r;
+      return delete r._alwaysShowResizeHandle, o !== void 0 ? r.alwaysShowResizeHandle = o : delete r.alwaysShowResizeHandle, c.removeInternalAndSame(r, J), r.children = s, r;
     }
     return s;
   }
@@ -3227,15 +3272,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * see http://gridstackjs.com/demo/serialization.html
    */
   load(e, t = b.addRemoveCB || !0) {
-    var u;
+    var h;
     e = c.cloneDeep(e);
     const i = this.getColumn();
-    e.forEach((h) => {
-      h.w = h.w || 1, h.h = h.h || 1;
+    e.forEach((u) => {
+      u.w = u.w || 1, u.h = u.h || 1;
     }), e = c.sort(e), this.engine.skipCacheUpdate = this._ignoreLayoutsNodeChange = !0;
     let s = 0;
-    e.forEach((h) => {
-      s = Math.max(s, (h.x || 0) + h.w);
+    e.forEach((u) => {
+      s = Math.max(s, (u.x || 0) + u.w);
     }), 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);
@@ -3248,16 +3293,16 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       c.find(e, l.id) || (b.addRemoveCB && b.addRemoveCB(this.el, l, !1, !1), o.push(l), this.removeWidget(l.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) => {
+    return this.engine.nodes = this.engine.nodes.filter((u) => c.find(e, u.id) ? (d.push(u), !1) : !0), e.forEach((u) => {
       var f;
-      const l = c.find(d, h.id);
+      const l = c.find(d, u.id);
       if (l) {
-        if (c.shouldSizeToContent(l) && (h.h = l.h), this.engine.nodeBoundFix(h), (h.autoPosition || h.x === void 0 || h.y === void 0) && (h.w = h.w || l.w, h.h = h.h || l.h, this.engine.findEmptyPosition(h)), this.engine.nodes.push(l), c.samePos(l, h) && this.engine.nodes.length > 1 && (this.moveNode(l, { ...h, forceCollide: !0 }), c.copyPos(h, l)), this.update(l.el, h), (f = h.subGridOpts) != null && f.children) {
-          const m = l.el.querySelector(".grid-stack");
-          m && m.gridstack && m.gridstack.load(h.subGridOpts.children);
+        if (c.shouldSizeToContent(l) && (u.h = l.h), this.engine.nodeBoundFix(u), (u.autoPosition || u.x === void 0 || u.y === void 0) && (u.w = u.w || l.w, u.h = u.h || l.h, this.engine.findEmptyPosition(u)), this.engine.nodes.push(l), c.samePos(l, u) && this.engine.nodes.length > 1 && (this.moveNode(l, { ...u, forceCollide: !0 }), c.copyPos(u, l)), this.update(l.el, u), (f = u.subGridOpts) != null && f.children) {
+          const g = l.el.querySelector(".grid-stack");
+          g && g.gridstack && g.gridstack.load(u.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 && ((u = this.opts) != null && u.animate) && this.setAnimation(this.opts.animate, !0), this;
+      } else t && this.addWidget(u);
+    }), 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 && ((h = this.opts) != null && h.animate) && this.setAnimation(this.opts.animate, !0), this;
   }
   /**
    * use before calling a bunch of `addWidget()` to prevent un-necessary relayouts in between (more efficient)
@@ -3538,7 +3583,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   update(e, t) {
     return b.getElements(e).forEach((i) => {
-      var h;
+      var u;
       const s = i == null ? void 0 : i.gridstackNode;
       if (!s)
         return;
@@ -3550,16 +3595,16 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         n[l] = r[l] !== void 0 ? r[l] : s[l], delete r[l];
       })), !n && (r.minW || r.minH || r.maxW || r.maxH) && (n = {}), r.content !== void 0) {
         const l = i.querySelector(".grid-stack-item-content");
-        l && l.textContent !== r.content && (s.content = r.content, b.renderCB(l, r), (h = s.subGrid) != null && h.el && (l.appendChild(s.subGrid.el), s.subGrid.opts.styleInHead || s.subGrid._updateStyles(!0))), delete r.content;
+        l && l.textContent !== r.content && (s.content = r.content, b.renderCB(l, r), (u = s.subGrid) != null && u.el && (l.appendChild(s.subGrid.el), s.subGrid.opts.styleInHead || s.subGrid._updateStyles(!0))), delete r.content;
       }
-      let d = !1, u = !1;
+      let d = !1, h = !1;
       for (const l in r)
-        l[0] !== "_" && s[l] !== r[l] && (s[l] = r[l], d = !0, u = u || !this.opts.staticGrid && (l === "noResize" || l === "noMove" || l === "locked"));
+        l[0] !== "_" && s[l] !== r[l] && (s[l] = r[l], d = !0, h = h || !this.opts.staticGrid && (l === "noResize" || l === "noMove" || l === "locked"));
       if (c.sanitizeMinMax(s), n) {
         const l = n.w !== void 0 && n.w !== s.w;
         this.moveNode(s, n), l && s.subGrid ? s.subGrid.onResize(this.hasAnimationCSS() ? s.w : void 0) : this.resizeToContentCheck(l, s), delete s._orig;
       }
-      (n || d) && this._writeAttr(i, s), u && this.prepareDragDrop(s.el);
+      (n || d) && this._writeAttr(i, s), h && this.prepareDragDrop(s.el);
     }), this;
   }
   moveNode(e, t) {
@@ -3573,7 +3618,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, m;
+    var f, g;
     if (!e || (e.classList.remove("size-to-content-max"), !e.clientHeight))
       return;
     const t = e.gridstackNode;
@@ -3589,13 +3634,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (t.resizeToContentParent && (o = e.querySelector(t.resizeToContentParent)), o || (o = e.querySelector(b.resizeToContentParent)), !o)
       return;
     const n = e.clientHeight - o.clientHeight, d = t.h ? t.h * s - n : o.clientHeight;
-    let u;
+    let h;
     if (t.subGrid) {
-      u = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
+      h = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
       const p = t.subGrid.el.getBoundingClientRect(), y = t.subGrid.el.parentElement.getBoundingClientRect();
-      u += p.top - y.top;
+      h += p.top - y.top;
     } else {
-      if ((m = (f = t.subGridOpts) == null ? void 0 : f.children) != null && m.length)
+      if ((g = (f = t.subGridOpts) == null ? void 0 : f.children) != null && g.length)
         return;
       {
         const p = o.firstElementChild;
@@ -3603,15 +3648,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           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;
         }
-        u = p.getBoundingClientRect().height || d;
+        h = p.getBoundingClientRect().height || d;
       }
     }
-    if (d === u)
+    if (d === h)
       return;
-    r += u - d;
-    let h = Math.ceil(r / s);
+    r += h - d;
+    let u = Math.ceil(r / s);
     const l = Number.isInteger(t.sizeToContent) ? t.sizeToContent : 0;
-    l && h > l && (h = l, e.classList.add("size-to-content-max")), t.minH && h < t.minH ? h = t.minH : t.maxH && h > t.maxH && (h = t.maxH), h !== t.h && (i._ignoreLayoutsNodeChange = !0, i.moveNode(t, { h }), delete i._ignoreLayoutsNodeChange);
+    l && u > l && (u = l, e.classList.add("size-to-content-max")), t.minH && u < t.minH ? u = t.minH : t.maxH && u > t.maxH && (u = t.maxH), u !== t.h && (i._ignoreLayoutsNodeChange = !0, i.moveNode(t, { h: u }), delete i._ignoreLayoutsNodeChange);
   }
   /** call the user resize (so they can do extra work) else our build in version */
   resizeToContentCBCheck(e) {
@@ -3732,8 +3777,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       }), !this._styles)
         return this;
       this._styles._max = 0, c.addCSSRule(this._styles, r, `height: ${i}${s}`);
-      const n = this.opts.marginTop + this.opts.marginUnit, d = this.opts.marginBottom + this.opts.marginUnit, u = this.opts.marginRight + this.opts.marginUnit, h = this.opts.marginLeft + this.opts.marginUnit, l = `${r} > .grid-stack-item-content`, f = `.${this._styleSheetClass} > .grid-stack-placeholder > .placeholder-content`;
-      c.addCSSRule(this._styles, l, `top: ${n}; right: ${u}; bottom: ${d}; left: ${h};`), c.addCSSRule(this._styles, f, `top: ${n}; right: ${u}; 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: ${u}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-e`, `right: ${u}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-se`, `right: ${u}; 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}`);
+      const n = this.opts.marginTop + this.opts.marginUnit, d = this.opts.marginBottom + this.opts.marginUnit, h = this.opts.marginRight + this.opts.marginUnit, u = this.opts.marginLeft + this.opts.marginUnit, l = `${r} > .grid-stack-item-content`, f = `.${this._styleSheetClass} > .grid-stack-placeholder > .placeholder-content`;
+      c.addCSSRule(this._styles, l, `top: ${n}; right: ${h}; bottom: ${d}; left: ${u};`), c.addCSSRule(this._styles, f, `top: ${n}; right: ${h}; bottom: ${d}; left: ${u};`), 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: ${h}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-e`, `right: ${h}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-se`, `right: ${h}; bottom: ${d}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-nw`, `left: ${u}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-w`, `left: ${u}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-sw`, `left: ${u}; bottom: ${d}`);
     }
     if (t = t || this._styles._max, t > this._styles._max) {
       const o = (n) => i * n + s;
@@ -3763,7 +3808,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   _prepareElement(e, t = !1, i) {
-    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(te.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(J.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;
   }
@@ -3869,7 +3914,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   /** get the global (but static to this code) DD implementation */
   static getDD() {
-    return V;
+    return K;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -3882,7 +3927,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static setupDragIn(e, t, i, s = document) {
     (t == null ? void 0 : t.pause) !== void 0 && (E.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
-      V.isDraggable(o) || V.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
+      K.isDraggable(o) || K.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
     });
   }
   /**
@@ -3961,12 +4006,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return V.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return K.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
   }
   /** @internal called to add drag over to support widgets being added externally */
   _setupAcceptWidget() {
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
-      return V.droppable(this.el, "destroy"), this;
+      return K.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, o) => {
       var f;
@@ -3976,22 +4021,22 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       if (!((f = n.grid) != null && f.el)) {
         o.style.transform = `scale(${1 / this.dragTransform.xScale},${1 / this.dragTransform.yScale})`;
-        const m = o.getBoundingClientRect();
-        o.style.left = m.x + (this.dragTransform.xScale - 1) * (s.clientX - m.x) / this.dragTransform.xScale + "px", o.style.top = m.y + (this.dragTransform.yScale - 1) * (s.clientY - m.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
+        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";
       }
-      let { top: d, left: u } = o.getBoundingClientRect();
-      const h = this.el.getBoundingClientRect();
-      u -= h.left, d -= h.top;
+      let { top: d, left: h } = o.getBoundingClientRect();
+      const u = this.el.getBoundingClientRect();
+      h -= u.left, d -= u.top;
       const l = {
         position: {
           top: d * this.dragTransform.xScale,
-          left: u * this.dragTransform.yScale
+          left: h * this.dragTransform.yScale
         }
       };
       if (n._temporaryRemoved) {
-        if (n.x = Math.max(0, Math.round(u / t)), n.y = Math.max(0, Math.round(d / e)), delete n.autoPosition, this.engine.nodeBoundFix(n), !this.engine.willItFit(n)) {
+        if (n.x = Math.max(0, Math.round(h / t)), n.y = Math.max(0, Math.round(d / e)), delete n.autoPosition, this.engine.nodeBoundFix(n), !this.engine.willItFit(n)) {
           if (n.autoPosition = !0, !this.engine.willItFit(n)) {
-            V.off(r, "drag");
+            K.off(r, "drag");
             return;
           }
           n._willFitPos && (c.copyPos(n, n._willFitPos), delete n._willFitPos);
@@ -4000,7 +4045,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(o, s, l, n, t, e);
     };
-    return V.droppable(this.el, {
+    return K.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -4025,42 +4070,42 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       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 (h) {
+        const u = o.getAttribute("data-gs-widget") || o.getAttribute("gridstacknode");
+        if (u) {
           try {
-            n = JSON.parse(h);
+            n = JSON.parse(u);
           } catch {
-            console.error("Gridstack dropover: Bad JSON format: ", h);
+            console.error("Gridstack dropover: Bad JSON format: ", u);
           }
           o.removeAttribute("data-gs-widget"), o.removeAttribute("gridstacknode");
         }
         n || (n = this._readAttr(o)), 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, u = n.h || Math.round(o.offsetHeight / e) || 1;
-      return n.grid && n.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = n), r.gridstackNode = n = { ...n, w: d, h: u, 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 = u, n._temporaryRemoved = !0), b._itemRemoving(n.el, !1), V.on(r, "drag", i), i(s, r, o), !1;
+      const d = n.w || Math.round(o.offsetWidth / t) || 1, h = n.h || Math.round(o.offsetHeight / e) || 1;
+      return n.grid && n.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = n), r.gridstackNode = n = { ...n, w: d, h, 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 = h, n._temporaryRemoved = !0), b._itemRemoving(n.el, !1), K.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 m, p, y;
+      var g, p, y;
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       if ((n == null ? void 0 : n.grid) === this && !n._isExternal)
         return !1;
-      const d = !!this.placeholder.parentElement, u = r !== o;
+      const d = !!this.placeholder.parentElement, h = r !== o;
       this.placeholder.remove(), delete this.placeholder.gridstackNode;
-      const h = d && this.opts.animate;
-      h && this.setAnimation(!1);
+      const u = d && this.opts.animate;
+      u && this.setAnimation(!1);
       const l = r._gridstackNodeOrig;
       if (delete r._gridstackNodeOrig, d && (l != null && l.grid) && l.grid !== this) {
-        const g = l.grid;
-        g.engine.removeNodeFromLayoutCache(l), g.engine.removedNodes.push(l), g._triggerRemoveEvent()._triggerChangeEvent(), g.parentGridNode && !g.engine.nodes.length && g.opts.subGridDynamic && g.removeAsSubGrid();
+        const m = l.grid;
+        m.engine.removeNodeFromLayoutCache(l), m.engine.removedNodes.push(l), m._triggerRemoveEvent()._triggerChangeEvent(), m.parentGridNode && !m.engine.nodes.length && m.opts.subGridDynamic && m.removeAsSubGrid();
       }
-      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (m = n.grid) == null || delete m._isTemp, V.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), (g = n.grid) == null || delete g._isTemp, K.off(r, "drag"), o !== r ? (o.remove(), r = o) : 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), u && (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" }, l && l.grid ? l : void 0, n), h && this.setAnimation(this.opts.animate, !0), !1;
+      return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), h && (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" }, l && l.grid ? l : void 0, n), u && this.setAnimation(this.opts.animate, !0), !1;
     }), this;
   }
   /** @internal mark item for removal */
@@ -4075,7 +4120,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (typeof this.opts.removable != "string")
       return this;
     const e = document.querySelector(this.opts.removable);
-    return e ? (!this.opts.staticGrid && !V.isDroppable(e) && V.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => b._itemRemoving(i, !0)).on(e, "dropout", (t, i) => b._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !K.isDroppable(e) && K.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => b._itemRemoving(i, !0)).on(e, "dropout", (t, i) => b._itemRemoving(i, !1)), this) : this;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -4091,33 +4136,33 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       return this;
     if (!i._initDD) {
       let n, d;
-      const u = (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);
+      const h = (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);
+      }, u = (f, g) => {
+        this._dragOrResize(e, f, g, i, n, d);
       }, l = (f) => {
         this.placeholder.remove(), delete this.placeholder.gridstackNode, delete i._moving, delete i._event, delete i._lastTried;
-        const m = i.w !== i._orig.w, p = f.target;
+        const g = 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(m, i));
+          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));
         }
       };
-      V.draggable(e, {
-        start: u,
+      K.draggable(e, {
+        start: h,
         stop: l,
-        drag: h
+        drag: u
       }).resizable(e, {
-        start: u,
+        start: h,
         stop: l,
-        resize: h
+        resize: u
       }), i._initDD = !0;
     }
-    return V.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
+    return K.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, o) {
@@ -4135,48 +4180,48 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         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") {
-      const d = this.getColumn() - s.x, u = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      V.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, u)).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, u)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      const d = this.getColumn() - s.x, h = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
+      K.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, h)).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, h)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
   _dragOrResize(e, t, i, s, r, o) {
     const n = { ...s._orig };
-    let d, u = this.opts.marginLeft, h = this.opts.marginRight, l = this.opts.marginTop, f = this.opts.marginBottom;
-    const m = Math.round(o * 0.1), p = Math.round(r * 0.1);
-    if (u = Math.min(u, p), h = Math.min(h, p), l = Math.min(l, m), f = Math.min(f, m), t.type === "drag") {
+    let d, h = this.opts.marginLeft, u = this.opts.marginRight, l = this.opts.marginTop, f = this.opts.marginBottom;
+    const g = Math.round(o * 0.1), p = Math.round(r * 0.1);
+    if (h = Math.min(h, p), u = Math.min(u, p), l = Math.min(l, g), f = Math.min(f, g), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
-      const g = i.position.top - s._prevYPix;
-      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, g);
-      const T = i.position.left + (i.position.left > s._lastUiPosition.left ? -h : u), M = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
-      n.x = Math.round(T / r), n.y = Math.round(M / o);
+      const m = i.position.top - s._prevYPix;
+      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, m);
+      const k = i.position.left + (i.position.left > s._lastUiPosition.left ? -u : h), L = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
+      n.x = Math.round(k / r), n.y = Math.round(L / o);
       const w = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        const I = this.getRow();
-        let O = Math.max(0, n.y + s.h - I);
-        this.opts.maxRow && I + O > this.opts.maxRow && (O = Math.max(0, this.opts.maxRow - I)), this._extraDragRow = O;
+        const q = this.getRow();
+        let A = Math.max(0, n.y + s.h - q);
+        this.opts.maxRow && q + A > this.opts.maxRow && (A = Math.max(0, this.opts.maxRow - q)), this._extraDragRow = A;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== w && 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 - u) / r), n.h = Math.round((i.size.height - l) / 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, o), n.w = Math.round((i.size.width - h) / r), n.h = Math.round((i.size.height - l) / o), s.w === n.w && s.h === n.h) || s._lastTried && s._lastTried.w === n.w && s._lastTried.h === n.h)
         return;
-      const g = i.position.left + u, T = i.position.top + l;
-      n.x = Math.round(g / r), n.y = Math.round(T / o), d = !0;
+      const m = i.position.left + h, k = i.position.top + l;
+      n.x = Math.round(m / r), n.y = Math.round(k / o), d = !0;
     }
     s._event = t, s._lastTried = n;
     const y = {
-      x: i.position.left + u,
+      x: i.position.left + h,
       y: i.position.top + l,
-      w: (i.size ? i.size.width : s.w * r) - u - h,
+      w: (i.size ? i.size.width : s.w * r) - h - u,
       h: (i.size ? i.size.height : s.h * o) - l - f
     };
     if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: o, rect: y, resizing: d })) {
-      s._lastUiPosition = i.position, this.engine.cacheRects(r, o, l, h, f, u), 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);
+      s._lastUiPosition = i.position, this.engine.cacheRects(r, o, l, u, f, h), 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);
     }
   }
   /** @internal called when item leaving our area by either cursor dropout event
@@ -4186,7 +4231,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    if (!i || (t.style.transform = t.style.transformOrigin = null, V.off(e, "drag"), i._temporaryRemoved))
+    if (!i || (t.style.transform = t.style.transformOrigin = null, K.off(e, "drag"), i._temporaryRemoved))
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
@@ -4194,7 +4239,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return Fs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Xs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 b.renderCB = (a, e) => {
@@ -4202,21 +4247,21 @@ b.renderCB = (a, e) => {
 };
 b.resizeToContentParent = ".grid-stack-item-content";
 b.Utils = c;
-b.Engine = ce;
+b.Engine = de;
 b.GDRev = "11.5.1";
-const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { class: "grid-stack-item-content" }, Vs = /* @__PURE__ */ J({
+const tr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ir = { class: "grid-stack-item-content" }, sr = /* @__PURE__ */ Z({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
-    tileHeight: { default: Fe }
+    tileHeight: { default: Be }
   },
   emits: ["update-tiles"],
   setup(a, { expose: e, emit: t }) {
-    const i = a, s = t, r = A(null), o = A(new Map(i.tiles.map((m) => [`${m.id}`, m])));
+    const i = a, s = t, r = M(null), o = M(new Map(i.tiles.map((g) => [`${g.id}`, g])));
     let n = null;
-    const d = (m) => `[data-id="${m}"]`, u = (m) => m.map((p) => {
-      var g;
-      const y = o.value.get(`${(g = p.el) == null ? void 0 : g.getAttribute("data-id")}`);
+    const d = (g) => `[data-id="${g}"]`, h = (g) => g.map((p) => {
+      var m;
+      const y = o.value.get(`${(m = p.el) == null ? void 0 : m.getAttribute("data-id")}`);
       if (y)
         return {
           ...y,
@@ -4225,53 +4270,53 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
             size: { cols: Number(p.w), rows: Number(p.h) }
           }
         };
-    }).filter((p) => p !== void 0), h = (m, p) => {
-      n && (u(p).forEach((g) => {
-        o.value.set(`${g.id}`, g);
+    }).filter((p) => p !== void 0), u = (g, p) => {
+      n && (h(p).forEach((m) => {
+        o.value.set(`${m.id}`, m);
       }), s("update-tiles", Array.from(o.value.values())));
-    }, l = (m, p) => {
+    }, l = (g, p) => {
       p.forEach((y) => {
-        var g;
-        o.value.delete(`${(g = y.el) == null ? void 0 : g.getAttribute("data-id")}`);
+        var m;
+        o.value.delete(`${(m = y.el) == null ? void 0 : m.getAttribute("data-id")}`);
       }), s("update-tiles", Array.from(o.value.values()));
     };
-    Je(() => {
+    et(() => {
       r.value && (n = b.init({
         margin: 10,
-        column: ct,
+        column: mt,
         cellHeight: i.tileHeight,
         resizable: { handles: "se, sw" },
         handle: ".tile-header"
-      }, r.value), n.on("change", h), n.on("added", h), n.on("removed", l));
-    }), et(() => {
+      }, r.value), n.on("change", u), n.on("added", u), n.on("removed", l));
+    }), tt(() => {
       n && n.destroy(!1);
     });
-    const f = (m) => {
+    const f = (g) => {
       if (n && r.value) {
-        const p = r.value.querySelector(d(m));
+        const p = r.value.querySelector(d(g));
         p && n.removeWidget(p);
       }
     };
-    return Le(() => i.tiles.length, async (m, p) => {
-      if (m > p && n) {
+    return Le(() => i.tiles.length, async (g, p) => {
+      if (g > p && n) {
         const y = i.tiles.slice(p);
-        for (const g of y)
-          o.value.set(`${g.id}`, g), await dt(), n.makeWidget(d(g.id), {
+        for (const m of y)
+          o.value.set(`${m.id}`, m), await ft(), n.makeWidget(d(m.id), {
             autoPosition: !0,
-            w: g.layout.size.cols,
-            h: g.layout.size.rows
+            w: m.layout.size.cols,
+            h: m.layout.size.rows
           });
       }
-    }), Mt(() => {
-      i.tiles.forEach((m) => {
-        o.value.set(`${m.id}`, m);
+    }), Gt(() => {
+      i.tiles.forEach((g) => {
+        o.value.set(`${g.id}`, g);
       });
-    }), e({ removeWidget: f }), (m, p) => (C(), G("div", {
+    }), e({ removeWidget: f }), (g, p) => (C(), W("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
     }, [
-      (C(!0), G(Ft, null, Ut(i.tiles, (y) => (C(), G("div", {
+      (C(!0), W(Yt, null, jt(i.tiles, (y) => (C(), W("div", {
         key: y.id,
         class: "grid-stack-item",
         "data-id": `${y.id}`,
@@ -4282,52 +4327,52 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
         "gs-x": y.layout.position.col,
         "gs-y": y.layout.position.row
       }, [
-        Z("div", Qs, [
-          Ae(m.$slots, "tile", { tile: y }, void 0, !0)
+        X("div", ir, [
+          Ae(g.$slots, "tile", { tile: y }, void 0, !0)
         ])
-      ], 8, Ks))), 128))
+      ], 8, tr))), 128))
     ], 512));
   }
-}), Ys = /* @__PURE__ */ be(Vs, [["__scopeId", "data-v-a68d6821"]]), Xs = {
+}), rr = /* @__PURE__ */ be(sr, [["__scopeId", "data-v-a68d6821"]]), nr = {
   key: 0,
   class: "fullscreen-header"
-}, js = {
+}, or = {
   key: 0,
   class: "tile-container slottable-tile"
-}, Zs = /* @__PURE__ */ J({
+}, ar = /* @__PURE__ */ Z({
   __name: "DashboardRenderer",
-  props: /* @__PURE__ */ Ke({
+  props: /* @__PURE__ */ Ve({
     context: {}
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ke(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Ve(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
   setup(a, { expose: e, emit: t }) {
-    ut((S) => ({
+    ct((S) => ({
       v3a012eda: l.value
     }));
-    const i = a, s = t, r = $t(a, "modelValue"), { i18n: o } = ue.useI18n(), n = A(0), d = A(null), u = A(), h = A(), l = A("scale(1)"), f = _e(ve);
-    f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), ue.useRequestQueue();
-    const m = Be(), p = k(() => i.context.timeSpec ? i.context.timeSpec : {
+    const i = a, s = t, r = Vt(a, "modelValue"), { i18n: o } = le.useI18n(), n = M(0), d = M(null), h = M(), u = M(), l = M("scale(1)"), f = pe(ve);
+    f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), le.useRequestQueue();
+    const g = $e(), p = R(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
-      time_range: m.defaultQueryTimeForOrg
-    }), y = k(() => !!i.context.timeSpec || !m.loading), g = (S, H) => {
-      const B = S.layout.position.row - H.layout.position.row;
-      return B !== 0 ? B : S.layout.position.col - H.layout.position.col;
-    }, T = k(() => r.value.tiles.map((S) => {
-      var B;
-      let H = S.definition;
-      if ("description" in H.chart) {
-        const W = (B = H.chart.description) == null ? void 0 : B.replace(es, () => {
-          const xe = `renderer.trendRange.${p.value.type === "absolute" ? "custom" : p.value.time_range}`;
-          return o.te(xe) ? o.t(xe) : "";
+      time_range: g.defaultQueryTimeForOrg
+    }), y = R(() => !!i.context.timeSpec || !g.loading), m = (S, O) => {
+      const $ = S.layout.position.row - O.layout.position.row;
+      return $ !== 0 ? $ : S.layout.position.col - O.layout.position.col;
+    }, k = R(() => r.value.tiles.map((S) => {
+      var $;
+      let O = S.definition;
+      if ("description" in O.chart) {
+        const F = ($ = O.chart.description) == null ? void 0 : $.replace(hs, () => {
+          const Fe = `renderer.trendRange.${p.value.type === "absolute" ? "custom" : p.value.time_range}`;
+          return o.te(Fe) ? o.t(Fe) : "";
         });
-        H = {
-          ...H,
+        O = {
+          ...O,
           chart: {
-            ...H.chart,
-            description: W
+            ...O.chart,
+            description: F
           }
         };
       }
@@ -4337,24 +4382,24 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
         S
       ), {
         layout: S.layout,
-        meta: H,
+        meta: O,
         type: S.type,
         // Add a unique key to each tile internally.
         id: S.id ?? crypto.randomUUID()
       };
-    })), M = (S) => {
+    })), L = (S) => {
       s("edit-tile", S);
-    }, w = (S) => S.type === "slottable", I = (S) => {
+    }, w = (S) => S.type === "slottable", q = (S) => {
       try {
-        const H = w(S.meta.chart) ? { ...S.meta.chart } : {
+        const O = w(S.meta.chart) ? { ...S.meta.chart } : {
           ...S.meta.chart,
           chart_title: S.meta.chart.chart_title ? `Copy of ${S.meta.chart.chart_title}` : ""
-        }, B = {
+        }, $ = {
           id: crypto.randomUUID(),
           type: "chart",
           definition: {
             ...S.meta,
-            chart: H
+            chart: O
           },
           layout: {
             position: {
@@ -4364,90 +4409,90 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
             size: S.layout.size
           }
         };
-        r.value.tiles.push(JSON.parse(JSON.stringify(B)));
-      } catch (H) {
-        console.warn(H);
+        r.value.tiles.push(JSON.parse(JSON.stringify($)));
+      } catch (O) {
+        console.warn(O);
       }
-    }, O = (S) => {
+    }, A = (S) => {
       d.value && d.value.removeWidget(S.id);
-    }, R = () => {
+    }, fe = () => {
       n.value++;
-    }, q = (S) => {
-      const H = S.map((B) => ({
-        id: B.id,
-        type: B.type,
-        layout: B.layout,
-        definition: B.meta
+    }, we = (S) => {
+      const O = S.map(($) => ({
+        id: $.id,
+        type: $.type,
+        layout: $.layout,
+        definition: $.meta
       }));
-      r.value.tiles = H.sort(g);
-    }, se = async () => {
-      if (l.value = "scale(1)", await dt(), h.value) {
-        const { availWidth: S, availHeight: H } = window.screen, { width: B, height: W } = h.value.getBoundingClientRect(), K = Math.min(H / W, S / B);
-        l.value = `scale(${K})`;
+      r.value.tiles = O.sort(m);
+    }, _e = async () => {
+      if (l.value = "scale(1)", await ft(), u.value) {
+        const { availWidth: S, availHeight: O } = window.screen, { width: $, height: F } = u.value.getBoundingClientRect(), ne = Math.min(O / F, S / $);
+        l.value = `scale(${ne})`;
       }
-    }, me = () => {
-      u.value && (document.fullscreenElement ? document.exitFullscreen() : u.value.requestFullscreen());
-    }, j = A(!1), pe = () => {
-      j.value = document.fullscreenElement !== null, j.value && se();
-    }, we = k(() => r.value.preset_filters ?? []), { internalContext: Ee } = ue.useDashboardInternalContext({
-      globalFilters: we,
-      context: Oe(i, "context"),
-      isFullscreen: j
+    }, T = () => {
+      h.value && (document.fullscreenElement ? document.exitFullscreen() : h.value.requestFullscreen());
+    }, z = M(!1), re = () => {
+      z.value = document.fullscreenElement !== null, z.value && _e();
+    }, ge = R(() => r.value.preset_filters ?? []), { internalContext: Ee } = le.useDashboardInternalContext({
+      globalFilters: ge,
+      context: De(i, "context"),
+      isFullscreen: z
     });
     return e({
-      refresh: R,
-      toggleFullscreen: me
-    }), (S, H) => {
-      const B = de("KAlert");
-      return C(), G("div", {
+      refresh: fe,
+      toggleFullscreen: T
+    }), (S, O) => {
+      const $ = ue("KAlert");
+      return C(), W("div", {
         ref_key: "dashboardContainer",
-        ref: u,
-        class: De(["kong-ui-public-dashboard-renderer", { "is-fullscreen": j.value }]),
-        onFullscreenchange: pe
+        ref: h,
+        class: ze(["kong-ui-public-dashboard-renderer", { "is-fullscreen": z.value }]),
+        onFullscreenchange: re
       }, [
-        Z("div", {
+        X("div", {
           ref_key: "layoutContainer",
-          ref: h,
+          ref: u,
           class: "layout"
         }, [
-          x(f) && j.value ? (C(), G("div", Xs, [
+          x(f) && z.value ? (C(), W("div", nr, [
             Ae(S.$slots, "fullscreenHeader", {}, void 0, !0)
-          ])) : Y("", !0),
-          x(f) ? (C(), L(Bt(a.context.editable && !j.value ? Ys : Bs), {
+          ])) : V("", !0),
+          x(f) ? (C(), I(Qt(a.context.editable && !z.value ? rr : js), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: d,
             "tile-height": r.value.tile_height,
-            tiles: T.value,
-            onUpdateTiles: q
+            tiles: k.value,
+            onUpdateTiles: we
           }, {
-            tile: P(({ tile: W }) => [
-              W.meta.chart.type === "slottable" ? (C(), G("div", js, [
-                Ae(S.$slots, W.meta.chart.id, {}, void 0, !0)
-              ])) : (C(), L(ti, {
-                key: j.value ? `${W.id}-tile` : `${W.id}-tile-fullscreen`,
+            tile: P(({ tile: F }) => [
+              F.meta.chart.type === "slottable" ? (C(), W("div", or, [
+                Ae(S.$slots, F.meta.chart.id, {}, void 0, !0)
+              ])) : (C(), I(li, {
+                key: z.value ? `${F.id}-tile` : `${F.id}-tile-fullscreen`,
                 "refresh-counter": n.value,
-                "onUpdate:refreshCounter": H[0] || (H[0] = (K) => n.value = K),
+                "onUpdate:refreshCounter": O[0] || (O[0] = (ne) => n.value = ne),
                 class: "tile-container",
                 context: x(Ee),
-                definition: W.meta,
-                height: W.layout.size.rows * (r.value.tile_height || x(Fe)) + parseInt(x(ei), 10),
-                "is-fullscreen": j.value,
+                definition: F.meta,
+                height: F.layout.size.rows * (r.value.tile_height || x(Be)) + parseInt(x(ai), 10),
+                "is-fullscreen": z.value,
                 "query-ready": y.value,
-                "tile-id": W.id,
-                onDuplicateTile: (K) => I(W),
-                onEditTile: (K) => M(W),
-                onRemoveTile: (K) => O(W),
-                onTileTimeRangeZoom: H[1] || (H[1] = (K) => s("tile-time-range-zoom", K))
+                "tile-id": F.id,
+                onDuplicateTile: (ne) => q(F),
+                onEditTile: (ne) => L(F),
+                onRemoveTile: (ne) => A(F),
+                onTileTimeRangeZoom: O[1] || (O[1] = (ne) => s("tile-time-range-zoom", ne))
               }, null, 8, ["refresh-counter", "context", "definition", "height", "is-fullscreen", "query-ready", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
             ]),
             _: 3
-          }, 40, ["tile-height", "tiles"])) : (C(), L(B, {
+          }, 40, ["tile-height", "tiles"])) : (C(), I($, {
             key: 1,
             appearance: "danger"
           }, {
             default: P(() => [
-              ht(ie(x(o).t("renderer.noQueryBridge")), 1)
+              dt(ee(x(o).t("renderer.noQueryBridge")), 1)
             ]),
             _: 1
           }))
@@ -4455,7 +4500,7 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
       ], 34);
     };
   }
-}), cr = /* @__PURE__ */ be(Zs, [["__scopeId", "data-v-50c8588f"]]), fr = /* @__PURE__ */ J({
+}), wr = /* @__PURE__ */ be(ar, [["__scopeId", "data-v-50c8588f"]]), Er = /* @__PURE__ */ Z({
   __name: "DashboardTilePreview",
   props: {
     context: {},
@@ -4464,61 +4509,61 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
   },
   emits: ["chart-data", "tile-time-range-zoom", "tile-bounds-change"],
   setup(a, { expose: e, emit: t }) {
-    const i = xt("root"), s = xt("dashboard-tile"), r = crypto.randomUUID(), o = t, n = (w) => {
+    const i = Tt("root"), s = Tt("dashboard-tile"), r = crypto.randomUUID(), o = t, n = (w) => {
       o("tile-time-range-zoom", w);
     }, d = (w) => {
       o("chart-data", w);
-    }, u = (w) => {
+    }, h = (w) => {
       o("tile-bounds-change", w);
-    }, { i18n: h } = ue.useI18n(), { internalContext: l } = ue.useDashboardInternalContext({
-      globalFilters: Oe(() => a.globalFilters),
-      context: Oe(() => a.context)
-    }), f = Be(), m = k(() => !!a.context.timeSpec || !f.loading), p = k(() => {
-      var w, I;
-      return !((I = (w = a.definition) == null ? void 0 : w.query) != null && I.metrics) || a.definition.query.metrics.length === 0;
-    }), y = A(Fe);
-    let g;
-    Je(() => {
-      var I;
-      const w = (I = i.value) == null ? void 0 : I.parentElement;
-      w && (y.value = w.getBoundingClientRect().height, g = new ResizeObserver(([O]) => {
-        const { height: R } = O.contentRect;
-        y.value = R;
-      }), g.observe(w));
-    }), et(() => g == null ? void 0 : g.disconnect());
-    const T = A(0);
+    }, { i18n: u } = le.useI18n(), { internalContext: l } = le.useDashboardInternalContext({
+      globalFilters: De(() => a.globalFilters),
+      context: De(() => a.context)
+    }), f = $e(), g = R(() => !!a.context.timeSpec || !f.loading), p = R(() => {
+      var w, q;
+      return !((q = (w = a.definition) == null ? void 0 : w.query) != null && q.metrics) || a.definition.query.metrics.length === 0;
+    }), y = M(Be);
+    let m;
+    et(() => {
+      var q;
+      const w = (q = i.value) == null ? void 0 : q.parentElement;
+      w && (y.value = w.getBoundingClientRect().height, m = new ResizeObserver(([A]) => {
+        const { height: fe } = A.contentRect;
+        y.value = fe;
+      }), m.observe(w));
+    }), tt(() => m == null ? void 0 : m.disconnect());
+    const k = M(0);
     return e({
       refresh: () => {
-        T.value++;
+        k.value++;
       },
       getExportData: () => {
         var w;
         return (w = s.value) == null ? void 0 : w.getExportData();
       }
-    }), (w, I) => {
-      const O = de("KEmptyState");
-      return C(), G("div", {
+    }), (w, q) => {
+      const A = ue("KEmptyState");
+      return C(), W("div", {
         ref_key: "root",
         ref: i,
         "data-testid": "dashboard-tile-preview-root"
       }, [
-        p.value ? (C(), L(O, {
+        p.value ? (C(), I(A, {
           key: 0,
           "action-button-visible": !1,
           "data-testid": "chart-not-configured-empty-state"
         }, {
           title: P(() => [
-            Z("p", null, ie(x(h).t("renderer.not_configured.title")), 1)
+            X("p", null, ee(x(u).t("renderer.not_configured.title")), 1)
           ]),
           default: P(() => [
-            Z("p", null, ie(x(h).t("renderer.not_configured.description")), 1)
+            X("p", null, ee(x(u).t("renderer.not_configured.description")), 1)
           ]),
           _: 1
-        })) : (C(), L(ti, {
+        })) : (C(), I(li, {
           key: 1,
           ref: "dashboard-tile",
-          "refresh-counter": T.value,
-          "onUpdate:refreshCounter": I[0] || (I[0] = (R) => T.value = R),
+          "refresh-counter": k.value,
+          "onUpdate:refreshCounter": q[0] || (q[0] = (fe) => k.value = fe),
           context: {
             ...x(l),
             editable: !1
@@ -4526,17 +4571,17 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
           definition: a.definition,
           height: y.value,
           "hide-actions": "",
-          "query-ready": m.value,
+          "query-ready": g.value,
           "show-refresh": "",
           "tile-id": x(r),
           onChartData: d,
-          onTileBoundsChange: u,
+          onTileBoundsChange: h,
           onTileTimeRangeZoom: n
         }, null, 8, ["refresh-counter", "context", "definition", "height", "query-ready", "tile-id"]))
       ], 512);
     };
   }
-}), Js = (a) => {
+}), lr = (a) => {
   var t;
   const e = (t = a.definition) == null ? void 0 : t.query;
   if (!e)
@@ -4546,7 +4591,7 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
     return;
   }
   return a;
-}, er = (a) => {
+}, hr = (a) => {
   var i;
   const e = (i = a.definition) == null ? void 0 : i.query;
   if (!e)
@@ -4562,56 +4607,56 @@ const Ks = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qs = { cl
       query: t
     }
   };
-}, tr = (a) => {
-  var r, o, n, d, u;
+}, ur = (a) => {
+  var r, o, n, d, h;
   if (!a.length)
     return [];
   let e = 0, t = 0, i = 0;
   const s = [];
-  for (const h of a) {
-    const l = ((o = (r = h.layout) == null ? void 0 : r.size) == null ? void 0 : o.cols) ?? 1, f = ((d = (n = h.layout) == null ? void 0 : n.size) == null ? void 0 : d.rows) ?? 1;
-    t + l > ct && (e += i, t = 0, i = 0);
-    const m = {
-      ...h,
+  for (const u of a) {
+    const l = ((o = (r = u.layout) == null ? void 0 : r.size) == null ? void 0 : o.cols) ?? 1, f = ((d = (n = u.layout) == null ? void 0 : n.size) == null ? void 0 : d.rows) ?? 1;
+    t + l > mt && (e += i, t = 0, i = 0);
+    const g = {
+      ...u,
       layout: {
-        ...h.layout,
+        ...u.layout,
         position: {
-          ...((u = h.layout) == null ? void 0 : u.position) ?? {},
+          ...((h = u.layout) == null ? void 0 : h.position) ?? {},
           col: t,
           row: e
         }
       }
     };
-    s.push(m), t += l, i = Math.max(i, f);
+    s.push(g), t += l, i = Math.max(i, f);
   }
   return s;
-}, gr = (a, e) => {
+}, xr = (a, e) => {
   if (e) {
-    const s = a.tiles.map(er);
+    const s = a.tiles.map(hr);
     return {
       ...a,
       tiles: s
     };
   }
-  const t = a.tiles.map(Js).filter((s) => s !== void 0), i = tr(t);
+  const t = a.tiles.map(lr).filter((s) => s !== void 0), i = ur(t);
   return {
     ...a,
     tiles: i
   };
 };
 export {
-  Ji as C,
-  ct as D,
-  Rt as E,
-  ss as F,
-  Bs as G,
+  ls as C,
+  mt as D,
+  Dt as E,
+  cs as F,
+  js as G,
   ve as I,
-  es as T,
-  ft as _,
-  Fe as a,
-  ts as b,
-  cr as c,
-  fr as d,
-  is as e,
-  gr as f
+  hs as T,
+  pt as _,
+  Be as a,
+  us as b,
+  wr as c,
+  Er as d,
+  ds as e,
+  xr as f
 };