@kong-ui-public/dashboard-renderer 7.7.3 → 7.7.5

package/dist/{index-BoHeOFji.js → index-BnpMzNRB.js}

@@ -1,20 +1,20 @@
 var oi = Object.defineProperty;
-var _t = (d) => {
-  throw TypeError(d);
+var _t = (a) => {
+  throw TypeError(a);
 };
-var ai = (d, e, t) => e in d ? oi(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
-var bt = (d, e, t) => ai(d, typeof e != "symbol" ? e + "" : e, t), it = (d, e, t) => e.has(d) || _t("Cannot " + t);
-var _ = (d, e, t) => (it(d, e, "read from private field"), t ? t.call(d) : e.get(d)), G = (d, e, t) => e.has(d) ? _t("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(d) : e.set(d, t), I = (d, e, t, i) => (it(d, e, "write to private field"), i ? i.call(d, t) : e.set(d, t), t), F = (d, e, t) => (it(d, e, "access private method"), t);
-var Te = (d, e, t, i) => ({
+var ai = (a, e, t) => e in a ? oi(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var bt = (a, e, t) => ai(a, typeof e != "symbol" ? e + "" : e, t), it = (a, e, t) => e.has(a) || _t("Cannot " + t);
+var v = (a, e, t) => (it(a, e, "read from private field"), t ? t.call(a) : e.get(a)), G = (a, e, t) => e.has(a) ? _t("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), I = (a, e, t, i) => (it(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), F = (a, e, t) => (it(a, e, "access private method"), t);
+var Te = (a, e, t, i) => ({
   set _(s) {
-    I(d, e, s, t);
+    I(a, e, s, t);
   },
   get _() {
-    return _(d, e, i);
+    return v(a, e, i);
   }
 });
-import { ref as H, watchEffect as Mt, inject as ve, provide as li, onMounted as at, computed as k, watch as ze, onUnmounted as lt, defineComponent as Z, resolveComponent as ge, createBlock as O, renderSlot as De, createCommentVNode as V, unref as x, openBlock as C, createSlots as Qe, withCtx as $, createElementVNode as oe, toDisplayString as ne, useCssVars as Ye, normalizeClass as je, createVNode as ue, mergeProps as It, createTextVNode as ht, createElementBlock as K, normalizeProps as hi, guardReactiveProps as ui, defineAsyncComponent as Pt, readonly as st, toRef as wt, nextTick as ut, resolveDynamicComponent as qt, toHandlers as di, Fragment as $t, renderList as Gt, normalizeStyle as Et, mergeModels as xt, useModel as ci, getCurrentInstance as fi } from "vue";
-import { msToGranularity as rt, getFieldDataSources as Ft, stripUnknownFilters as gi, Timeframe as pi, TimePeriods as Bt, TIMEFRAME_LOOKUP as mi, formatTime as Ct, EXPORT_RECORD_LIMIT as yi } from "@kong-ui-public/analytics-utilities";
+import { ref as H, watchEffect as Mt, inject as ve, provide as li, onMounted as at, computed as k, watch as ze, onUnmounted as lt, defineComponent as Z, resolveComponent as ge, createBlock as O, renderSlot as De, createCommentVNode as V, unref as E, openBlock as x, createSlots as Qe, withCtx as $, createElementVNode as oe, toDisplayString as ne, useCssVars as Ye, normalizeClass as je, createVNode as ue, mergeProps as It, createTextVNode as ht, createElementBlock as K, normalizeProps as hi, guardReactiveProps as ui, defineAsyncComponent as Pt, readonly as st, toRef as wt, nextTick as ut, resolveDynamicComponent as qt, toHandlers as di, Fragment as $t, renderList as Gt, normalizeStyle as Et, mergeModels as xt, useModel as ci, getCurrentInstance as fi } from "vue";
+import { msToGranularity as rt, getFieldDataSources as Ft, stripUnknownFilters as gi, Timeframe as mi, TimePeriods as Bt, TIMEFRAME_LOOKUP as pi, formatTime as Ct, EXPORT_RECORD_LIMIT as yi } from "@kong-ui-public/analytics-utilities";
 import { handleQueryError as vi, SimpleChart as _i, AnalyticsChart as bi, TopNTable as wi, CsvExportModal as Ei } from "@kong-ui-public/analytics-chart";
 import xi from "swrv";
 import "axios";
@@ -22,44 +22,44 @@ import { createI18n as Ci, i18nTComponent as Ri } from "@kong-ui-public/i18n";
 import { useAnalyticsConfigStore as dt } from "@kong-ui-public/analytics-config-store";
 import { VisibilityOffIcon as ki, WarningOutlineIcon as Ti, WarningIcon as zi, EditIcon as Di, MoreIcon as Si } from "@kong/icons";
 import { MetricsProvider as Ni, MetricsConsumer as Li } from "@kong-ui-public/analytics-metric-provider";
-var Ut = /* @__PURE__ */ ((d) => (d.VALIDATING = "VALIDATING", d.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", d.PENDING = "PENDING", d.SUCCESS = "SUCCESS", d.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", d.ERROR = "ERROR", d.STALE_IF_ERROR = "STALE_IF_ERROR", d))(Ut || {});
-const Ai = (d) => {
+var Ut = /* @__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))(Ut || {});
+const Ai = (a) => {
   var e, t, i, s, r;
-  return d ? !!// TODO: revisit: currently only the first check ever matters?
-  ((e = Object.keys(d)) != null && e.length || (t = d.data) != null && t.length || (s = (i = d.data) == null ? void 0 : i.data) != null && s.length || !((r = d.data) != null && r.data) && typeof d.data == "object" && Object.keys(d == null ? void 0 : d.data).length) : !1;
+  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 Oi(d = H({}), e, t, i = Ai) {
+function Oi(a = H({}), e, t, i = Ai) {
   const s = H(
     "PENDING"
     /* PENDING */
   );
   return Mt(() => {
-    const r = i(d.value);
-    if (d.value && r && t.value) {
+    const r = i(a.value);
+    if (a.value && r && t.value) {
       s.value = "VALIDATING_HAS_DATA";
       return;
     }
-    if (d.value && t.value) {
+    if (a.value && t.value) {
       s.value = "VALIDATING";
       return;
     }
-    if (d.value && e.value) {
+    if (a.value && e.value) {
       s.value = "STALE_IF_ERROR";
       return;
     }
-    if (d.value === void 0 && !e.value) {
+    if (a.value === void 0 && !e.value) {
       s.value = "PENDING";
       return;
     }
-    if (d.value && !e.value && r) {
+    if (a.value && !e.value && r) {
       s.value = "SUCCESS_HAS_DATA";
       return;
     }
-    if (d.value && !e.value) {
+    if (a.value && !e.value) {
       s.value = "SUCCESS";
       return;
     }
-    d.value === void 0 && e && (s.value = "ERROR");
+    a.value === void 0 && e && (s.value = "ERROR");
   }), {
     state: s,
     swrvState: Ut
@@ -103,127 +103,127 @@ const Hi = {
   granularities: $i
 };
 function Fi() {
-  const d = Ci("en-us", Gi);
+  const a = Ci("en-us", Gi);
   return {
-    i18n: d,
-    i18nT: Ri(d)
+    i18n: a,
+    i18nT: Ri(a)
     // Translation component <i18n-t>
   };
 }
-const Xe = 170, Wt = 6, pe = "analytics-query-provider", Rt = "{entity-id}", Bi = "{cp-id}", Ui = "{timeframe}", Wi = 30 * 1e3, Ki = 3e5, Vi = 36e5;
+const Xe = 170, Wt = 6, me = "analytics-query-provider", Rt = "{entity-id}", Bi = "{cp-id}", Ui = "{timeframe}", Wi = 30 * 1e3, Ki = 3e5, Vi = 36e5;
 function Qi() {
-  const d = ve(pe);
+  const a = ve(me);
   return {
-    evaluateFeatureFlag: (t, i) => d ? d.evaluateFeatureFlagFn(t, i) : i
+    evaluateFeatureFlag: (t, i) => a ? a.evaluateFeatureFlagFn(t, i) : i
   };
 }
-function Yi(d) {
-  return d && d.__esModule && Object.prototype.hasOwnProperty.call(d, "default") ? d.default : d;
+function Yi(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var Kt = { exports: {} };
-(function(d) {
+(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(u, a, h) {
-    this.fn = u, this.context = a, this.once = h || !1;
+  function s(d, h, u) {
+    this.fn = d, this.context = h, this.once = u || !1;
   }
-  function r(u, a, 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 p = new s(h, l || u, f), g = t ? t + a : a;
-    return u._events[g] ? u._events[g].fn ? u._events[g] = [u._events[g], p] : u._events[g].push(p) : (u._events[g] = p, u._eventsCount++), u;
+    var m = new s(u, l || d, f), g = t ? t + h : h;
+    return d._events[g] ? d._events[g].fn ? d._events[g] = [d._events[g], m] : d._events[g].push(m) : (d._events[g] = m, d._eventsCount++), d;
   }
-  function o(u, a) {
-    --u._eventsCount === 0 ? u._events = new i() : delete u._events[a];
+  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 a = [], h, l;
-    if (this._eventsCount === 0) return a;
-    for (l in h = this._events)
-      e.call(h, l) && a.push(t ? l.slice(1) : l);
-    return Object.getOwnPropertySymbols ? a.concat(Object.getOwnPropertySymbols(h)) : a;
-  }, n.prototype.listeners = function(a) {
-    var h = t ? t + a : a, 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, p = l.length, g = new Array(p); f < p; f++)
+    for (var f = 0, m = l.length, g = new Array(m); f < m; f++)
       g[f] = l[f].fn;
     return g;
-  }, n.prototype.listenerCount = function(a) {
-    var h = t ? t + a : a, 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(a, h, l, f, p, g) {
-    var y = t ? t + a : a;
+  }, n.prototype.emit = function(h, u, l, f, m, g) {
+    var y = t ? t + h : h;
     if (!this._events[y]) return !1;
-    var m = this._events[y], D = arguments.length, P, z;
-    if (m.fn) {
-      switch (m.once && this.removeListener(a, m.fn, void 0, !0), D) {
+    var p = this._events[y], D = arguments.length, P, z;
+    if (p.fn) {
+      switch (p.once && this.removeListener(h, p.fn, void 0, !0), D) {
         case 1:
-          return m.fn.call(m.context), !0;
+          return p.fn.call(p.context), !0;
         case 2:
-          return m.fn.call(m.context, h), !0;
+          return p.fn.call(p.context, u), !0;
         case 3:
-          return m.fn.call(m.context, h, l), !0;
+          return p.fn.call(p.context, u, l), !0;
         case 4:
-          return m.fn.call(m.context, h, l, f), !0;
+          return p.fn.call(p.context, u, l, f), !0;
         case 5:
-          return m.fn.call(m.context, h, l, f, p), !0;
+          return p.fn.call(p.context, u, l, f, m), !0;
         case 6:
-          return m.fn.call(m.context, h, l, f, p, g), !0;
+          return p.fn.call(p.context, u, l, f, m, g), !0;
       }
       for (z = 1, P = new Array(D - 1); z < D; z++)
         P[z - 1] = arguments[z];
-      m.fn.apply(m.context, P);
+      p.fn.apply(p.context, P);
     } else {
-      var Q = m.length, B;
+      var Q = p.length, B;
       for (z = 0; z < Q; z++)
-        switch (m[z].once && this.removeListener(a, m[z].fn, void 0, !0), D) {
+        switch (p[z].once && this.removeListener(h, p[z].fn, void 0, !0), D) {
           case 1:
-            m[z].fn.call(m[z].context);
+            p[z].fn.call(p[z].context);
             break;
           case 2:
-            m[z].fn.call(m[z].context, h);
+            p[z].fn.call(p[z].context, u);
             break;
           case 3:
-            m[z].fn.call(m[z].context, h, l);
+            p[z].fn.call(p[z].context, u, l);
             break;
           case 4:
-            m[z].fn.call(m[z].context, h, l, f);
+            p[z].fn.call(p[z].context, u, l, f);
             break;
           default:
             if (!P) for (B = 1, P = new Array(D - 1); B < D; B++)
               P[B - 1] = arguments[B];
-            m[z].fn.apply(m[z].context, P);
+            p[z].fn.apply(p[z].context, P);
         }
     }
     return !0;
-  }, n.prototype.on = function(a, h, l) {
-    return r(this, a, h, l, !1);
-  }, n.prototype.once = function(a, h, l) {
-    return r(this, a, h, l, !0);
-  }, n.prototype.removeListener = function(a, h, l, f) {
-    var p = t ? t + a : a;
-    if (!this._events[p]) return this;
-    if (!h)
-      return o(this, p), this;
-    var g = this._events[p];
+  }, 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 m = t ? t + h : h;
+    if (!this._events[m]) return this;
+    if (!u)
+      return o(this, m), this;
+    var g = this._events[m];
     if (g.fn)
-      g.fn === h && (!f || g.once) && (!l || g.context === l) && o(this, p);
+      g.fn === u && (!f || g.once) && (!l || g.context === l) && o(this, m);
     else {
-      for (var y = 0, m = [], D = g.length; y < D; y++)
-        (g[y].fn !== h || f && !g[y].once || l && g[y].context !== l) && m.push(g[y]);
-      m.length ? this._events[p] = m.length === 1 ? m[0] : m : o(this, p);
+      for (var y = 0, p = [], D = g.length; y < D; y++)
+        (g[y].fn !== u || f && !g[y].once || l && g[y].context !== l) && p.push(g[y]);
+      p.length ? this._events[m] = p.length === 1 ? p[0] : p : o(this, m);
     }
     return this;
-  }, n.prototype.removeAllListeners = function(a) {
-    var h;
-    return a ? (h = t ? t + a : a, this._events[h] && o(this, h)) : (this._events = new i(), this._eventsCount = 0), this;
-  }, n.prototype.off = n.prototype.removeListener, n.prototype.addListener = n.prototype.on, n.prefixed = t, n.EventEmitter = n, d.exports = n;
+  }, 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 ji = Kt.exports;
 const Xi = /* @__PURE__ */ Yi(ji);
@@ -237,11 +237,11 @@ class Zi extends Error {
     super(), this.name = "AbortError", this.message = e;
   }
 }
-const kt = (d) => globalThis.DOMException === void 0 ? new Zi(d) : new DOMException(d), Tt = (d) => {
-  const e = d.reason === void 0 ? kt("This operation was aborted.") : d.reason;
+const kt = (a) => globalThis.DOMException === void 0 ? new Zi(a) : new DOMException(a), Tt = (a) => {
+  const e = a.reason === void 0 ? kt("This operation was aborted.") : a.reason;
   return e instanceof Error ? e : kt(e);
 };
-function Ji(d, e) {
+function Ji(a, e) {
   const {
     milliseconds: t,
     fallback: i,
@@ -249,50 +249,50 @@ function Ji(d, e) {
     customTimers: r = { setTimeout, clearTimeout }
   } = e;
   let o, n;
-  const a = 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: p } = e;
-      p.aborted && l(Tt(p)), n = () => {
-        l(Tt(p));
-      }, p.addEventListener("abort", n, { once: !0 });
+      const { signal: m } = e;
+      m.aborted && l(Tt(m)), n = () => {
+        l(Tt(m));
+      }, m.addEventListener("abort", n, { once: !0 });
     }
     if (t === Number.POSITIVE_INFINITY) {
-      d.then(h, l);
+      a.then(u, l);
       return;
     }
     const f = new Vt();
     o = r.setTimeout.call(void 0, () => {
       if (i) {
         try {
-          h(i());
-        } catch (p) {
-          l(p);
+          u(i());
+        } catch (m) {
+          l(m);
         }
         return;
       }
-      typeof d.cancel == "function" && d.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 d);
-      } catch (p) {
-        l(p);
+        u(await a);
+      } catch (m) {
+        l(m);
       }
     })();
   }).finally(() => {
-    a.clear(), n && e.signal && e.signal.removeEventListener("abort", n);
+    h.clear(), n && e.signal && e.signal.removeEventListener("abort", n);
   });
-  return a.clear = () => {
+  return h.clear = () => {
     r.clearTimeout.call(void 0, o), o = void 0;
-  }, a;
+  }, h;
 }
-function es(d, e, t) {
-  let i = 0, s = d.length;
+function es(a, e, t) {
+  let i = 0, s = a.length;
   for (; s > 0; ) {
     const r = Math.trunc(s / 2);
     let o = i + r;
-    t(d[o], e) <= 0 ? (i = ++o, s -= r + 1) : s = r;
+    t(a[o], e) <= 0 ? (i = ++o, s -= r + 1) : s = r;
   }
   return i;
 }
@@ -311,29 +311,29 @@ class ts {
       id: t.id,
       run: e
     };
-    if (this.size === 0 || _(this, ie)[this.size - 1].priority >= t.priority) {
-      _(this, ie).push(i);
+    if (this.size === 0 || v(this, ie)[this.size - 1].priority >= t.priority) {
+      v(this, ie).push(i);
       return;
     }
-    const s = es(_(this, ie), i, (r, o) => o.priority - r.priority);
-    _(this, ie).splice(s, 0, i);
+    const s = es(v(this, ie), i, (r, o) => o.priority - r.priority);
+    v(this, ie).splice(s, 0, i);
   }
   setPriority(e, t) {
-    const i = _(this, ie).findIndex((r) => r.id === e);
+    const i = v(this, ie).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, ie).splice(i, 1);
+    const [s] = v(this, ie).splice(i, 1);
     this.enqueue(s.run, { priority: t, id: e });
   }
   dequeue() {
-    const e = _(this, ie).shift();
+    const e = v(this, ie).shift();
     return e == null ? void 0 : e.run;
   }
   filter(e) {
-    return _(this, ie).filter((t) => t.priority === e.priority).map((t) => t.run);
+    return v(this, ie).filter((t) => t.priority === e.priority).map((t) => t.run);
   }
   get size() {
-    return _(this, ie).length;
+    return v(this, ie).length;
   }
 }
 ie = new WeakMap();
@@ -382,7 +382,7 @@ class is extends Xi {
     I(this, be, t.carryoverConcurrencyCount), I(this, we, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), I(this, Le, t.intervalCap), I(this, Ee, t.interval), I(this, W, new t.queueClass()), I(this, Oe, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, I(this, He, t.throwOnTimeout === !0), I(this, ce, t.autoStart === !1);
   }
   get concurrency() {
-    return _(this, Ce);
+    return v(this, Ce);
   }
   set concurrency(t) {
     if (!(typeof t == "number" && t >= 1))
@@ -426,23 +426,23 @@ class is extends Xi {
       Here, the promise function with `id: '🦀'` executes last.
       */
   setPriority(t, i) {
-    _(this, W).setPriority(t, i);
+    v(this, W).setPriority(t, i);
   }
   async add(t, i = {}) {
     return i.id ?? (i.id = (Te(this, Ve)._++).toString()), i = {
       timeout: this.timeout,
-      throwOnTimeout: _(this, He),
+      throwOnTimeout: v(this, He),
       ...i
     }, new Promise((s, r) => {
-      _(this, W).enqueue(async () => {
+      v(this, W).enqueue(async () => {
         var o;
         Te(this, re)._++, Te(this, fe)._++;
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
           i.timeout && (n = Ji(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, F(this, T, Jt).call(this, i.signal)]));
-          const u = await n;
-          s(u), this.emit("completed", u);
+          const d = await n;
+          s(d), this.emit("completed", d);
         } catch (n) {
           if (n instanceof Vt && !i.throwOnTimeout) {
             s();
@@ -462,7 +462,7 @@ class is extends Xi {
   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, ce) ? (I(this, ce, !1), F(this, T, $e).call(this), this) : this;
+    return v(this, ce) ? (I(this, ce, !1), F(this, T, $e).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
@@ -474,7 +474,7 @@ class is extends Xi {
   Clear the queue.
   */
   clear() {
-    I(this, W, new (_(this, Oe))());
+    I(this, W, new (v(this, Oe))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -482,7 +482,7 @@ class is extends Xi {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    _(this, W).size !== 0 && await F(this, T, Ge).call(this, "empty");
+    v(this, W).size !== 0 && await F(this, T, Ge).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -492,7 +492,7 @@ class is extends Xi {
       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, W).size < t || await F(this, T, Ge).call(this, "next", () => _(this, W).size < t);
+    v(this, W).size < t || await F(this, T, Ge).call(this, "next", () => v(this, W).size < t);
   }
   /**
       The difference with `.onEmpty` is that `.onIdle` guarantees that all work from the queue has finished. `.onEmpty` merely signals that the queue is empty, but it could mean that some promises haven't completed yet.
@@ -500,13 +500,13 @@ class is extends Xi {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    _(this, re) === 0 && _(this, W).size === 0 || await F(this, T, Ge).call(this, "idle");
+    v(this, re) === 0 && v(this, W).size === 0 || await F(this, T, Ge).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
   */
   get size() {
-    return _(this, W).size;
+    return v(this, W).size;
   }
   /**
       Size of the queue, filtered by the given options.
@@ -514,58 +514,58 @@ class is extends Xi {
       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, W).filter(t).length;
+    return v(this, W).filter(t).length;
   }
   /**
   Number of running items (no longer in the queue).
   */
   get pending() {
-    return _(this, re);
+    return v(this, re);
   }
   /**
   Whether the queue is currently paused.
   */
   get isPaused() {
-    return _(this, ce);
+    return v(this, ce);
   }
 }
 be = new WeakMap(), we = new WeakMap(), fe = new WeakMap(), Le = new WeakMap(), Ee = new WeakMap(), Ae = new WeakMap(), se = new WeakMap(), xe = new WeakMap(), W = new WeakMap(), Oe = new WeakMap(), re = new WeakMap(), Ce = new WeakMap(), ce = new WeakMap(), He = new WeakMap(), Ve = new WeakMap(), T = new WeakSet(), Qt = function() {
-  return _(this, we) || _(this, fe) < _(this, Le);
+  return v(this, we) || v(this, fe) < v(this, Le);
 }, Yt = function() {
-  return _(this, re) < _(this, Ce);
+  return v(this, re) < v(this, Ce);
 }, jt = function() {
   Te(this, re)._--, F(this, T, qe).call(this), this.emit("next");
 }, Xt = function() {
   F(this, T, ot).call(this), F(this, T, nt).call(this), I(this, xe, void 0);
 }, Zt = function() {
   const t = Date.now();
-  if (_(this, se) === void 0) {
-    const i = _(this, Ae) - t;
+  if (v(this, se) === void 0) {
+    const i = v(this, Ae) - t;
     if (i < 0)
-      I(this, fe, _(this, be) ? _(this, re) : 0);
+      I(this, fe, v(this, be) ? v(this, re) : 0);
     else
-      return _(this, xe) === void 0 && I(this, xe, setTimeout(() => {
+      return v(this, xe) === void 0 && I(this, xe, setTimeout(() => {
         F(this, T, Xt).call(this);
       }, i)), !0;
   }
   return !1;
 }, qe = function() {
-  if (_(this, W).size === 0)
-    return _(this, se) && clearInterval(_(this, se)), I(this, se, void 0), this.emit("empty"), _(this, re) === 0 && this.emit("idle"), !1;
-  if (!_(this, ce)) {
-    const t = !_(this, T, Zt);
-    if (_(this, T, Qt) && _(this, T, Yt)) {
-      const i = _(this, W).dequeue();
+  if (v(this, W).size === 0)
+    return v(this, se) && clearInterval(v(this, se)), I(this, se, void 0), this.emit("empty"), v(this, re) === 0 && this.emit("idle"), !1;
+  if (!v(this, ce)) {
+    const t = !v(this, T, Zt);
+    if (v(this, T, Qt) && v(this, T, Yt)) {
+      const i = v(this, W).dequeue();
       return i ? (this.emit("active"), i(), t && F(this, T, nt).call(this), !0) : !1;
     }
   }
   return !1;
 }, nt = function() {
-  _(this, we) || _(this, se) !== void 0 || (I(this, se, setInterval(() => {
+  v(this, we) || v(this, se) !== void 0 || (I(this, se, setInterval(() => {
     F(this, T, ot).call(this);
-  }, _(this, Ee))), I(this, Ae, Date.now() + _(this, Ee)));
+  }, v(this, Ee))), I(this, Ae, Date.now() + v(this, Ee)));
 }, ot = function() {
-  _(this, fe) === 0 && _(this, re) === 0 && _(this, se) && (clearInterval(_(this, se)), I(this, se, void 0)), I(this, fe, _(this, be) ? _(this, re) : 0), F(this, T, $e).call(this);
+  v(this, fe) === 0 && v(this, re) === 0 && v(this, se) && (clearInterval(v(this, se)), I(this, se, void 0)), I(this, fe, v(this, be) ? v(this, re) : 0), F(this, T, $e).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
@@ -587,7 +587,7 @@ $e = function() {
   });
 };
 const ss = () => {
-  const d = dt(), e = ve(pe);
+  const a = dt(), e = ve(me);
   if (!e)
     return;
   if (e.queryFnOverride) {
@@ -596,38 +596,38 @@ const ss = () => {
   }
   const t = new is({
     carryoverConcurrencyCount: !0,
-    concurrency: d.maxParallelRequests,
-    interval: d.requestInterval,
-    intervalCap: d.requestIntervalCap
+    concurrency: a.maxParallelRequests,
+    interval: a.requestInterval,
+    intervalCap: a.requestIntervalCap
   }), i = {
     ...e,
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  li(pe, i);
+  li(me, i);
 };
 function rs({
-  queryBridge: d,
+  queryBridge: a,
   context: e,
   definition: t,
   chartData: i
 }) {
-  const s = H(""), r = H(""), o = H(void 0), n = H(void 0), u = dt();
+  const s = H(""), r = H(""), o = H(void 0), n = H(void 0), d = dt();
   at(async () => {
     var R, M;
-    s.value = await ((R = d == null ? void 0 : d.exploreBaseUrl) == null ? void 0 : R.call(d)) ?? "", r.value = await ((M = d == null ? void 0 : d.requestsBaseUrl) == null ? void 0 : M.call(d)) ?? "";
+    s.value = await ((R = a == null ? void 0 : a.exploreBaseUrl) == null ? void 0 : R.call(a)) ?? "", r.value = await ((M = a == null ? void 0 : a.requestsBaseUrl) == null ? void 0 : M.call(a)) ?? "";
   });
-  const a = k(() => u.analytics && u.percentiles), h = k(() => !["golden_signals", "top_n", "gauge"].includes(t.value.chart.type)), l = k(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && a.value), f = k(() => s.value && t.value.query && ["basic", "api_usage", "llm_usage", void 0].includes(t.value.query.datasource) && a.value), p = k(() => i.value ? rt(i.value.meta.granularity_ms) : void 0), g = k(() => {
+  const h = k(() => d.analytics && d.percentiles), u = k(() => !["golden_signals", "top_n", "gauge"].includes(t.value.chart.type)), l = k(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && h.value), f = k(() => s.value && t.value.query && ["basic", "api_usage", "llm_usage", void 0].includes(t.value.query.datasource) && h.value), m = k(() => i.value ? rt(i.value.meta.granularity_ms) : void 0), g = k(() => {
     var Y;
     const R = [...e.value.filters, ...t.value.query.filters ?? []], M = ((Y = t.value.query) == null ? void 0 : Y.datasource) ?? "api_usage";
     return R.filter((de) => Ft(de.field).some((J) => M === J));
   }), y = k(() => {
-    if (!f.value || !h.value)
+    if (!f.value || !u.value)
       return "";
     const R = g.value, M = t.value.query.time_range || e.value.timeSpec, Y = Q(M, R);
     return B(Y);
-  }), m = k(() => {
-    if (!l.value || !h.value)
+  }), p = k(() => {
+    if (!l.value || !u.value)
       return "";
     const R = g.value, M = P(
       t.value.query.time_range || e.value.timeSpec,
@@ -658,7 +658,7 @@ function rs({
       metrics: t.value.query.metrics ?? [],
       dimensions: Y,
       time_range: R,
-      granularity: t.value.query.granularity || p.value
+      granularity: t.value.query.granularity || m.value
     };
   }, B = (R) => {
     if (!f.value)
@@ -670,8 +670,8 @@ function rs({
     R && (o.value = { href: "" }), M && (n.value = { href: "" });
   }), {
     exploreLinkKebabMenu: y,
-    requestsLinkKebabMenu: m,
-    canShowKebabMenu: h,
+    requestsLinkKebabMenu: p,
+    canShowKebabMenu: u,
     canGenerateRequestsLink: l,
     canGenerateExploreLink: f,
     requestsLinkZoomActions: o,
@@ -682,22 +682,22 @@ function rs({
     buildRequestLink: D
   };
 }
-const ns = (d, e, t) => {
+const ns = (a, e, t) => {
   const i = [];
-  return e && i.push(...e), i.push(...gi(d, t)), i;
+  return e && i.push(...e), i.push(...gi(a, t)), i;
 };
 function os() {
-  const d = ve(pe), e = new AbortController();
+  const a = ve(me), e = new AbortController();
   return lt(() => {
     e.abort();
   }), { issueQuery: async (i, s, r) => {
-    if (!d)
+    if (!a)
       throw new Error("Query bridge is not defined");
     const {
       datasource: o,
       limit: n,
-      ...u
-    } = i, a = o || "basic", h = ns(a, i.filters, s.filters);
+      ...d
+    } = i, h = o || "basic", u = ns(h, i.filters, s.filters);
     let l = i.time_range;
     l ? l.tz || (l = {
       ...l,
@@ -707,15 +707,15 @@ function os() {
       tz: s.tz
     };
     const f = {
-      datasource: a,
+      datasource: h,
       query: {
-        ...u,
+        ...d,
         time_range: l,
-        filters: h,
+        filters: u,
         limit: r ?? n
       }
     };
-    return d.queryFn(f, e);
+    return a.queryFn(f, e);
   } };
 }
 const ye = {
@@ -734,8 +734,8 @@ const ye = {
     refreshCounter: {}
   },
   emits: ["chart-data", "queryComplete"],
-  setup(d, { emit: e }) {
-    const t = d, i = e, { issueQuery: s } = ye.useIssueQuery(), r = ve(pe), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: n, error: u, isValidating: a } = xi(o, async () => {
+  setup(a, { emit: e }) {
+    const t = a, i = e, { issueQuery: s } = ye.useIssueQuery(), r = ve(me), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: n, error: d, isValidating: h } = xi(o, async () => {
       try {
         const y = await s(t.query, t.context, t.limitOverride);
         return f.value = null, y;
@@ -748,22 +748,22 @@ const ye = {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
-    }), { state: h, swrvState: l } = Oi(n, u, a), f = H(null), p = k(() => h.value === l.ERROR || !!f.value), g = k(() => !t.queryReady || h.value === l.PENDING);
+    }), { state: u, swrvState: l } = Oi(n, d, h), f = H(null), m = k(() => u.value === l.ERROR || !!f.value), g = k(() => !t.queryReady || u.value === l.PENDING);
     return ze(n, (y) => {
       y && i("chart-data", y);
-    }), (y, m) => {
+    }), (y, p) => {
       const D = ge("KSkeleton"), P = ge("KEmptyState");
-      return g.value || !x(n) && !p.value ? (C(), O(D, {
+      return g.value || !E(n) && !m.value ? (x(), O(D, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : p.value && f.value ? (C(), O(P, {
+      })) : m.value && f.value ? (x(), O(P, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state"
       }, Qe({
         icon: $(() => [
-          f.value.type === "forbidden" ? (C(), O(x(ki), { key: 0 })) : (C(), O(x(Ti), { key: 1 }))
+          f.value.type === "forbidden" ? (x(), O(E(ki), { key: 0 })) : (x(), O(E(Ti), { key: 1 }))
         ]),
         title: $(() => [
           oe("p", null, ne(f.value.message), 1)
@@ -777,9 +777,9 @@ const ye = {
           ]),
           key: "0"
         } : void 0
-      ]), 1024)) : x(n) ? De(y.$slots, "default", {
+      ]), 1024)) : E(n) ? De(y.$slots, "default", {
         key: 2,
-        data: x(n)
+        data: E(n)
       }) : V("", !0);
     };
   }
@@ -795,33 +795,33 @@ const ye = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(d) {
+  setup(a) {
     Ye((i) => ({
-      "088169ae": `${i.height}px`
+      v088169ae: `${i.height}px`
     }));
-    const e = d, t = k(() => e.chartOptions.type === "single_value");
-    return (i, s) => (C(), O(ct, {
-      context: i.context,
-      query: i.query,
-      "query-ready": i.queryReady,
-      "refresh-counter": i.refreshCounter
+    const e = a, t = k(() => e.chartOptions.type === "single_value");
+    return (i, s) => (x(), O(ct, {
+      context: a.context,
+      query: a.query,
+      "query-ready": a.queryReady,
+      "refresh-counter": a.refreshCounter
     }, {
       default: $(({ data: r }) => [
         oe("div", {
           class: je(["analytics-chart", { "single-value": t.value }])
         }, [
-          ue(x(_i), {
+          ue(E(_i), {
             "chart-data": r,
-            "chart-options": i.chartOptions,
-            "synthetics-data-key": t.value ? void 0 : i.chartOptions.synthetics_data_key
+            "chart-options": a.chartOptions,
+            "synthetics-data-key": t.value ? void 0 : a.chartOptions.synthetics_data_key
           }, null, 8, ["chart-data", "chart-options", "synthetics-data-key"])
         ], 2)
       ]),
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), _e = (d, e) => {
-  const t = d.__vccOpts || d;
+}), _e = (a, e) => {
+  const t = a.__vccOpts || a;
   for (const [i, s] of e)
     t[i] = s;
   return t;
@@ -839,29 +839,29 @@ const ye = {
     extraProps: {}
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range", "view-requests", "select-chart-range"],
-  setup(d, { emit: e }) {
-    const t = d, i = e, { i18n: s } = ye.useI18n(), r = k(() => ({
+  setup(a, { emit: e }) {
+    const t = a, i = e, { i18n: s } = ye.useI18n(), r = k(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chart_dataset_colors,
       threshold: t.chartOptions.threshold
     })), o = k(() => t.context.zoomable), n = () => {
       i("edit-tile");
-    }, u = (a) => {
-      i("chart-data", a);
+    }, d = (h) => {
+      i("chart-data", h);
     };
-    return (a, h) => {
+    return (h, u) => {
       const l = ge("KDropdownItem");
-      return C(), O(ct, {
+      return x(), O(ct, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
         "refresh-counter": a.refreshCounter,
-        onChartData: u
+        onChartData: d
       }, {
         default: $(({ data: f }) => [
           oe("div", ls, [
-            ue(x(bi), It({
+            ue(E(bi), It({
               "chart-data": f,
               "chart-options": r.value,
               "explore-link": a.exploreLink,
@@ -871,15 +871,15 @@ const ye = {
               "timeseries-zoom": o.value,
               "tooltip-title": ""
             }, a.extraProps, {
-              onSelectChartRange: h[0] || (h[0] = (p) => i("select-chart-range", p)),
-              onZoomTimeRange: h[1] || (h[1] = (p) => i("zoom-time-range", p))
+              onSelectChartRange: u[0] || (u[0] = (m) => i("select-chart-range", m)),
+              onZoomTimeRange: u[1] || (u[1] = (m) => i("zoom-time-range", m))
             }), Qe({ _: 2 }, [
               a.context.editable ? {
                 name: "menu-items",
                 fn: $(() => [
                   ue(l, { onClick: n }, {
                     default: $(() => [
-                      ht(ne(x(s).t("renderer.edit")), 1)
+                      ht(ne(E(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -905,15 +905,15 @@ const ye = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(d) {
-    return (e, t) => (C(), O(ft, {
-      "chart-options": e.chartOptions,
-      context: e.context,
+  setup(a) {
+    return (e, t) => (x(), O(ft, {
+      "chart-options": a.chartOptions,
+      context: a.context,
       "extra-props": { showAnnotations: !1 },
-      height: e.height,
-      query: e.query,
-      "query-ready": e.queryReady,
-      "refresh-counter": e.refreshCounter
+      height: a.height,
+      query: a.query,
+      "query-ready": a.queryReady,
+      "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
 }), St = /* @__PURE__ */ Z({
@@ -929,17 +929,17 @@ const ye = {
     exploreLink: {}
   },
   emits: ["zoom-time-range", "select-chart-range"],
-  setup(d, { emit: e }) {
+  setup(a, { emit: e }) {
     const t = e;
-    return (i, s) => (C(), O(ft, {
-      "chart-options": i.chartOptions,
-      context: i.context,
-      "explore-link": i.exploreLink,
-      height: i.height,
-      query: i.query,
-      "query-ready": i.queryReady,
-      "refresh-counter": i.refreshCounter,
-      "requests-link": i.requestsLink,
+    return (i, s) => (x(), O(ft, {
+      "chart-options": a.chartOptions,
+      context: a.context,
+      "explore-link": a.exploreLink,
+      height: a.height,
+      query: a.query,
+      "query-ready": a.queryReady,
+      "refresh-counter": a.refreshCounter,
+      "requests-link": a.requestsLink,
       onSelectChartRange: s[0] || (s[0] = (r) => t("select-chart-range", r)),
       onZoomTimeRange: s[1] || (s[1] = (r) => t("zoom-time-range", r))
     }, null, 8, ["chart-options", "context", "explore-link", "height", "query", "query-ready", "refresh-counter", "requests-link"]));
@@ -956,11 +956,11 @@ const ye = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(d) {
-    const e = d, t = k(() => {
+  setup(a) {
+    const e = a, t = k(() => {
       const s = e.context.timeSpec;
       if (s.type === "absolute")
-        return new pi({
+        return new mi({
           key: "custom",
           timeframeText: "custom",
           display: "custom",
@@ -994,10 +994,10 @@ const ye = {
         refreshCounter: e.refreshCounter
       };
     });
-    return (s, r) => (C(), K("div", us, [
-      ue(x(Ni), hi(ui(i.value)), {
+    return (s, r) => (x(), K("div", us, [
+      ue(E(Ni), hi(ui(i.value)), {
         default: $(() => [
-          ue(x(Li))
+          ue(E(Li))
         ]),
         _: 1
       }, 16)
@@ -1011,10 +1011,10 @@ const ye = {
   props: {
     entityLinkData: {}
   },
-  setup(d) {
-    return (e, t) => (C(), K("div", gs, ne(e.entityLinkData.label), 1));
+  setup(a) {
+    return (e, t) => (x(), K("div", gs, ne(a.entityLinkData.label), 1));
   }
-}), ps = /* @__PURE__ */ Z({
+}), ms = /* @__PURE__ */ Z({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1026,8 +1026,8 @@ const ye = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(d) {
-    const e = d, t = ve(pe), i = Pt(async () => {
+  setup(a) {
+    const e = a, t = ve(me), i = Pt(async () => {
       if (t != null && t.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
@@ -1039,33 +1039,33 @@ const ye = {
       var o;
       if ((o = e.chartOptions) != null && o.entity_link)
         if (r.id.includes(":")) {
-          const [n, u] = r.id.split(":");
-          return e.chartOptions.entity_link.replace(Bi, n).replace(Rt, u);
+          const [n, d] = r.id.split(":");
+          return e.chartOptions.entity_link.replace(Bi, n).replace(Rt, d);
         } else
           return e.chartOptions.entity_link.replace(Rt, r.id);
       return "";
     };
-    return (r, o) => (C(), O(ct, {
-      context: r.context,
-      query: r.query,
-      "query-ready": r.queryReady,
-      "refresh-counter": r.refreshCounter
+    return (r, o) => (x(), O(ct, {
+      context: a.context,
+      query: a.query,
+      "query-ready": a.queryReady,
+      "refresh-counter": a.refreshCounter
     }, {
       default: $(({ data: n }) => [
-        ue(x(wi), {
+        ue(E(wi), {
           data: n,
-          "synthetics-data-key": r.chartOptions.synthetics_data_key
+          "synthetics-data-key": a.chartOptions.synthetics_data_key
         }, Qe({ _: 2 }, [
           e.chartOptions.entity_link ? {
             name: "name",
-            fn: $(({ record: u }) => [
-              ue(x(i), {
+            fn: $(({ record: d }) => [
+              ue(E(i), {
                 "entity-link-data": {
-                  id: u.id,
-                  label: u.name,
-                  deleted: u.deleted
+                  id: d.id,
+                  label: d.name,
+                  deleted: d.deleted
                 },
-                "external-link": s(u)
+                "external-link": s(d)
               }, null, 8, ["entity-link-data", "external-link"])
             ]),
             key: "0"
@@ -1075,7 +1075,7 @@ const ye = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), ms = /* @__PURE__ */ Z({
+}), ps = /* @__PURE__ */ Z({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1087,14 +1087,14 @@ const ye = {
     requestsLink: {},
     exploreLink: {}
   },
-  setup(d) {
-    return (e, t) => (C(), O(ft, {
-      "chart-options": e.chartOptions,
-      context: e.context,
-      height: e.height,
-      query: e.query,
-      "query-ready": e.queryReady,
-      "refresh-counter": e.refreshCounter
+  setup(a) {
+    return (e, t) => (x(), O(ft, {
+      "chart-options": a.chartOptions,
+      context: a.context,
+      height: a.height,
+      query: a.query,
+      "query-ready": a.queryReady,
+      "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
 }), ys = ["data-testid"], vs = {
@@ -1112,14 +1112,14 @@ const ye = {
     tileId: {}
   },
   emits: ["edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom"],
-  setup(d, { emit: e }) {
-    Ye((v) => ({
-      "1eb84fc4": `${v.height}px`
+  setup(a, { emit: e }) {
+    Ye((w) => ({
+      v1eb84fc4: `${w.height}px`
     }));
-    const t = parseInt(ei, 10), i = d, s = e, r = Pt(() => import("./GeoMapRenderer-Do3o2zvx.js")), o = ve(pe), { i18n: n } = ye.useI18n(), u = H(), a = H({ status: "loading" }), h = H(!1), l = H(), f = H(!1), p = H(!0), {
+    const t = parseInt(ei, 10), i = a, s = e, r = Pt(() => import("./GeoMapRenderer-BRvbFVZX.js")), o = ve(me), { i18n: n } = ye.useI18n(), d = H(), h = H({ status: "loading" }), u = H(!1), l = H(), f = H(!1), m = H(!0), {
       exploreLinkKebabMenu: g,
       requestsLinkKebabMenu: y,
-      canShowKebabMenu: m,
+      canShowKebabMenu: p,
       canGenerateRequestsLink: D,
       canGenerateExploreLink: P,
       requestsLinkZoomActions: z,
@@ -1130,36 +1130,36 @@ const ye = {
       buildRequestsQueryZoomActions: Y
     } = ye.useContextLinks({
       queryBridge: o,
-      chartData: st(u),
+      chartData: st(d),
       definition: st(wt(i, "definition")),
       context: st(wt(i, "context"))
     }), { issueQuery: de } = ye.useIssueQuery();
     ze(() => i.definition, async () => {
-      await ut(), l.value && (f.value = l.value.scrollWidth > l.value.clientWidth), p.value = !0;
+      await ut(), l.value && (f.value = l.value.scrollWidth > l.value.clientWidth), m.value = !0;
     }, { immediate: !0, deep: !0 });
-    const Me = k(() => n.t("csvExport.defaultFilename")), J = k(() => m.value && (Ie.value || i.context.editable) || !!q.value), Ie = k(() => !!g.value || ("allow_csv_export" in i.definition.chart ? i.definition.chart.allow_csv_export : !0) || i.context.editable), E = {
+    const Me = k(() => n.t("csvExport.defaultFilename")), J = k(() => p.value && (Ie.value || i.context.editable) || !!q.value), Ie = k(() => !!g.value || ("allow_csv_export" in i.definition.chart ? i.definition.chart.allow_csv_export : !0) || i.context.editable), C = {
       timeseries_line: St,
       timeseries_bar: St,
       horizontal_bar: Dt,
       vertical_bar: Dt,
       gauge: zt,
-      donut: ms,
+      donut: ps,
       golden_signals: cs,
-      top_n: ps,
+      top_n: ms,
       slottable: void 0,
       single_value: zt,
       choropleth_map: r
     }, S = k(() => {
-      var v, L;
+      var w, L;
       return {
-        ...(v = N.value) != null && v.rendererEvents.supportsRequests ? { "select-chart-range": ri } : {},
+        ...(w = N.value) != null && w.rendererEvents.supportsRequests ? { "select-chart-range": ri } : {},
         ...(L = N.value) != null && L.rendererEvents.supportsZoom ? { "zoom-time-range": si } : {}
       };
     }), N = k(() => {
       var te, j;
-      const v = E[i.definition.chart.type], L = !!((te = v == null ? void 0 : v.emits) != null && te.includes("select-chart-range")), A = !!((j = v == null ? void 0 : v.emits) != null && j.includes("zoom-time-range"));
-      return v && {
-        component: v,
+      const w = C[i.definition.chart.type], L = !!((te = w == null ? void 0 : w.emits) != null && te.includes("select-chart-range")), A = !!((j = w == null ? void 0 : w.emits) != null && j.includes("zoom-time-range"));
+      return w && {
+        component: w,
         rendererProps: {
           query: i.definition.query,
           context: i.context,
@@ -1177,95 +1177,95 @@ const ye = {
       };
     }), q = k(() => {
       var L;
-      const v = (L = i.definition.query) == null ? void 0 : L.time_range;
-      if ((v == null ? void 0 : v.type) === "relative") {
-        const A = Bt.get(mi[v.time_range]);
-        return A ? A.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 A = v.tz || "Etc/UTC";
-        return `${Ct(v.start, { short: !0, tz: A })} - ${Ct(v.end, { short: !0, tz: A })}`;
+      const w = (L = i.definition.query) == null ? void 0 : L.time_range;
+      if ((w == null ? void 0 : w.type) === "relative") {
+        const A = Bt.get(pi[w.time_range]);
+        return A ? A.display : (console.warn("Did not recognize the given relative time range:", w.time_range), w.time_range);
+      } else if ((w == null ? void 0 : w.type) === "absolute") {
+        const A = w.tz || "Etc/UTC";
+        return `${Ct(w.start, { short: !0, tz: A })} - ${Ct(w.end, { short: !0, tz: A })}`;
       }
       return null;
-    }), ee = k(() => u.value ? rt(u.value.meta.granularity_ms) : void 0), me = k(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), Re = k(() => {
+    }), ee = k(() => d.value ? rt(d.value.meta.granularity_ms) : void 0), pe = k(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), Re = k(() => {
       var L, A;
-      if (!me.value || !i.queryReady || p.value)
+      if (!pe.value || !i.queryReady || m.value)
         return !1;
-      const v = (A = (L = i.definition) == null ? void 0 : L.query) == null ? void 0 : A.granularity;
-      return !v || !ee.value ? !1 : v !== ee.value;
+      const w = (A = (L = i.definition) == null ? void 0 : L.query) == null ? void 0 : A.granularity;
+      return !w || !ee.value ? !1 : w !== ee.value;
     }), Pe = k(() => {
       var A, te, j;
-      const v = rt(((A = u.value) == null ? void 0 : A.meta.granularity_ms) ?? 0) ?? "unknown", L = ((j = (te = i.definition) == null ? void 0 : te.query) == null ? void 0 : j.granularity) ?? "unknown";
+      const w = rt(((A = d.value) == null ? void 0 : A.meta.granularity_ms) ?? 0) ?? "unknown", L = ((j = (te = i.definition) == null ? void 0 : te.query) == null ? void 0 : j.granularity) ?? "unknown";
       return n.t("query_aged_out_warning", {
-        currentGranularity: n.t(`granularities.${v}`),
+        currentGranularity: n.t(`granularities.${w}`),
         savedGranularity: n.t(`granularities.${L}`)
       });
     }), ke = k(() => {
       var A, te;
-      const v = [...i.context.filters, ...i.definition.query.filters ?? []], L = ((te = (A = i.definition) == null ? void 0 : A.query) == null ? void 0 : te.datasource) ?? "api_usage";
-      return v.filter((j) => Ft(j.field).some((ni) => L === ni));
+      const w = [...i.context.filters, ...i.definition.query.filters ?? []], L = ((te = (A = i.definition) == null ? void 0 : A.query) == null ? void 0 : te.datasource) ?? "api_usage";
+      return w.filter((j) => Ft(j.field).some((ni) => L === ni));
     }), Je = () => {
       s("edit-tile", i.definition);
-    }, mt = () => {
+    }, pt = () => {
       s("duplicate-tile", i.definition);
     }, et = () => {
       s("remove-tile", i.definition);
-    }, tt = (v) => {
-      u.value = v, p.value = !1;
+    }, tt = (w) => {
+      d.value = w, m.value = !1;
     }, yt = () => {
-      h.value = !1;
+      u.value = !1;
     }, ii = async () => {
-      var v;
-      if (h.value = !0, a.value = { status: "loading" }, ((v = o == null ? void 0 : o.staticConfig) == null ? void 0 : v.increaseCsvExportLimit) ?? !0)
+      var w;
+      if (u.value = !0, h.value = { status: "loading" }, ((w = o == null ? void 0 : o.staticConfig) == null ? void 0 : w.increaseCsvExportLimit) ?? !0)
         de(i.definition.query, i.context, yi).then((L) => {
-          a.value = { status: "success", chartData: L };
+          h.value = { status: "success", chartData: L };
         }).catch((L) => {
-          a.value = { status: "error", error: L };
+          h.value = { status: "error", error: L };
         });
-      else if (u.value)
-        a.value = { status: "success", chartData: u.value };
+      else if (d.value)
+        h.value = { status: "success", chartData: d.value };
       else {
-        const L = ze(u, (A) => {
-          A && (a.value = { status: "success", chartData: A }, L());
+        const L = ze(d, (A) => {
+          A && (h.value = { status: "success", chartData: A }, L());
         });
       }
-    }, si = (v) => {
+    }, si = (w) => {
       const L = {
         tileId: i.tileId.toString(),
-        timeRange: v
+        timeRange: w
       };
       s("tile-time-range-zoom", L);
-    }, ri = (v) => {
-      const L = ke.value, A = Y(v, L), te = B(v, L);
+    }, ri = (w) => {
+      const L = ke.value, A = Y(w, L), te = B(w, L);
       z.value = D.value ? { href: M(A) } : void 0, Q.value = P.value ? { href: R(te) } : void 0;
     };
-    return (v, L) => {
+    return (w, L) => {
       const A = ge("KTooltip"), te = ge("KBadge"), j = ge("KDropdownItem"), vt = ge("KDropdown");
-      return C(), K("div", {
-        class: je(["tile-boundary", { editable: v.context.editable }]),
-        "data-testid": `tile-${v.tileId}`
+      return x(), K("div", {
+        class: je(["tile-boundary", { editable: a.context.editable }]),
+        "data-testid": `tile-${a.tileId}`
       }, [
-        v.definition.chart.type !== "slottable" ? (C(), K("div", vs, [
+        a.definition.chart.type !== "slottable" ? (x(), K("div", vs, [
           ue(A, {
             class: "title-tooltip",
             disabled: !f.value,
             "max-width": "500",
-            text: v.definition.chart.chart_title
+            text: a.definition.chart.chart_title
           }, {
             default: $(() => [
               oe("div", {
                 ref_key: "titleRef",
                 ref: l,
                 class: "title"
-              }, ne(v.definition.chart.chart_title), 513)
+              }, ne(a.definition.chart.chart_title), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          J.value ? (C(), K("div", {
+          J.value ? (x(), K("div", {
             key: 0,
             class: "tile-actions",
-            "data-testid": `tile-actions-${v.tileId}`
+            "data-testid": `tile-actions-${a.tileId}`
           }, [
-            q.value ? (C(), O(te, {
+            q.value ? (x(), O(te, {
               key: 0,
               "data-testid": "time-range-badge",
               tooltip: Re.value ? Pe.value : void 0,
@@ -1279,113 +1279,113 @@ const ye = {
               Re.value ? {
                 name: "icon",
                 fn: $(() => [
-                  ue(x(zi), { size: x(fs) }, null, 8, ["size"])
+                  ue(E(zi), { size: E(fs) }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["tooltip"])) : V("", !0),
-            x(m) && v.context.editable && !v.isFullscreen ? (C(), O(x(Di), {
+            E(p) && a.context.editable && !a.isFullscreen ? (x(), O(E(Di), {
               key: 1,
               class: "edit-icon",
-              color: x(Nt),
-              "data-testid": `edit-tile-${v.tileId}`,
-              size: x(Lt),
+              color: E(Nt),
+              "data-testid": `edit-tile-${a.tileId}`,
+              size: E(Lt),
               onClick: Je
             }, null, 8, ["color", "data-testid", "size"])) : V("", !0),
-            x(m) && Ie.value && !v.isFullscreen ? (C(), O(vt, {
+            E(p) && Ie.value && !a.isFullscreen ? (x(), O(vt, {
               key: 2,
               class: "dropdown",
-              "data-testid": `chart-action-menu-${v.tileId}`,
+              "data-testid": `chart-action-menu-${a.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: $(() => [
-                x(g) ? (C(), O(j, {
+                E(g) ? (x(), O(j, {
                   key: 0,
-                  "data-testid": `chart-jump-to-explore-${v.tileId}`,
-                  item: { label: x(n).t("jumpToExplore"), to: x(g) }
+                  "data-testid": `chart-jump-to-explore-${a.tileId}`,
+                  item: { label: E(n).t("jumpToExplore"), to: E(g) }
                 }, null, 8, ["data-testid", "item"])) : V("", !0),
-                x(y) ? (C(), O(j, {
+                E(y) ? (x(), O(j, {
                   key: 1,
-                  "data-testid": `chart-jump-to-requests-${v.tileId}`,
-                  item: { label: x(n).t("jumpToRequests"), to: x(y) }
+                  "data-testid": `chart-jump-to-requests-${a.tileId}`,
+                  item: { label: E(n).t("jumpToRequests"), to: E(y) }
                 }, null, 8, ["data-testid", "item"])) : V("", !0),
-                !("allow_csv_export" in v.definition.chart) || v.definition.chart.allow_csv_export ? (C(), O(j, {
+                !("allow_csv_export" in a.definition.chart) || a.definition.chart.allow_csv_export ? (x(), O(j, {
                   key: 2,
                   class: "chart-export-button",
-                  "data-testid": `chart-csv-export-${v.tileId}`,
+                  "data-testid": `chart-csv-export-${a.tileId}`,
                   onClick: ii
                 }, {
                   default: $(() => [
                     oe("span", {
                       class: "chart-export-trigger",
-                      "data-testid": `csv-export-button-${v.tileId}`
-                    }, ne(x(n).t("csvExport.exportAsCsv")), 9, ws)
+                      "data-testid": `csv-export-button-${a.tileId}`
+                    }, ne(E(n).t("csvExport.exportAsCsv")), 9, ws)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0),
-                v.context.editable ? (C(), O(j, {
+                a.context.editable ? (x(), O(j, {
                   key: 3,
-                  "data-testid": `duplicate-tile-${v.tileId}`,
-                  onClick: mt
+                  "data-testid": `duplicate-tile-${a.tileId}`,
+                  onClick: pt
                 }, {
                   default: $(() => [
-                    ht(ne(x(n).t("renderer.duplicateTile")), 1)
+                    ht(ne(E(n).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0),
-                v.context.editable ? (C(), O(j, {
+                a.context.editable ? (x(), O(j, {
                   key: 4,
-                  "data-testid": `remove-tile-${v.tileId}`,
+                  "data-testid": `remove-tile-${a.tileId}`,
                   onClick: et
                 }, {
                   default: $(() => [
-                    oe("span", Es, ne(x(n).t("renderer.delete")), 1)
+                    oe("span", Es, ne(E(n).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0)
               ]),
               default: $(() => [
-                ue(x(Si), {
+                ue(E(Si), {
                   class: "kebab-action-menu",
-                  color: x(Nt),
-                  "data-testid": `kebab-action-menu-${v.tileId}`,
-                  size: x(Lt)
+                  color: E(Nt),
+                  "data-testid": `kebab-action-menu-${a.tileId}`,
+                  size: E(Lt)
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
             }, 8, ["data-testid"])) : V("", !0)
-          ], 8, _s)) : "description" in v.definition.chart ? (C(), K("div", {
+          ], 8, _s)) : "description" in a.definition.chart ? (x(), K("div", {
             key: 1,
             class: "header-description",
-            "data-testid": `tile-description-${v.tileId}`
-          }, ne(v.definition.chart.description), 9, xs)) : V("", !0),
-          h.value ? (C(), O(x(Ei), {
+            "data-testid": `tile-description-${a.tileId}`
+          }, ne(a.definition.chart.description), 9, xs)) : V("", !0),
+          u.value ? (x(), O(E(Ei), {
             key: 2,
-            "data-testid": `csv-export-modal-${v.tileId}`,
-            "export-state": a.value,
+            "data-testid": `csv-export-modal-${a.tileId}`,
+            "export-state": h.value,
             filename: Me.value,
             onCloseModal: yt
           }, null, 8, ["data-testid", "export-state", "filename"])) : V("", !0)
         ])) : V("", !0),
         oe("div", {
           class: "tile-content",
-          "data-testid": `tile-content-${v.tileId}`
+          "data-testid": `tile-content-${a.tileId}`
         }, [
-          N.value ? (C(), O(qt(N.value.component), It({ key: 0 }, N.value.rendererProps, di(S.value), { onChartData: tt }), null, 16)) : V("", !0)
+          N.value ? (x(), O(qt(N.value.component), It({ key: 0 }, N.value.rendererProps, di(S.value), { onChartData: tt }), null, 16)) : V("", !0)
         ], 8, Cs)
       ], 10, ys);
     };
   }
-}), ks = /* @__PURE__ */ _e(Rs, [["__scopeId", "data-v-543445fd"]]), Ts = (d, e) => {
+}), ks = /* @__PURE__ */ _e(Rs, [["__scopeId", "data-v-543445fd"]]), Ts = (a, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
-    const o = r.layout.position.row, n = i.get(o), u = r.layout.size.rows === 1 && !!r.layout.size.fit_to_content;
-    t = Math.max(t, o + r.layout.size.rows), n === void 0 ? i.set(o, u) : i.set(o, n && u);
+    const o = r.layout.position.row, n = i.get(o), d = r.layout.size.rows === 1 && !!r.layout.size.fit_to_content;
+    t = Math.max(t, o + r.layout.size.rows), n === void 0 ? i.set(o, d) : i.set(o, n && d);
   });
   const s = [];
   for (let r = 0; r < t; r++)
-    i.get(r) ? s.push("auto") : s.push(`${d}px`);
+    i.get(r) ? s.push("auto") : s.push(`${a}px`);
   return s;
 }, zs = /* @__PURE__ */ Z({
   __name: "GridLayout",
@@ -1400,12 +1400,12 @@ const ye = {
       required: !0
     }
   },
-  setup(d) {
+  setup(a) {
     Ye((n) => ({
-      "2a38e79e": x(Wt),
-      "4cc71de6": r.value
+      v2a38e79e: E(Wt),
+      v4cc71de6: r.value
     }));
-    const e = d, t = H(null), i = H(0), s = new ResizeObserver((n) => {
+    const e = a, t = H(null), i = H(0), s = new ResizeObserver((n) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(n) || !n.length || (i.value = n[0].contentRect.width);
       });
@@ -1415,8 +1415,8 @@ const ye = {
     }), lt(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = k(() => Ts(e.tileHeight, e.tiles).join(" ")), o = k(() => e.tiles.map((n, u) => ({
-      key: `tile-${u}`,
+    const r = k(() => Ts(e.tileHeight, e.tiles).join(" ")), o = k(() => e.tiles.map((n, d) => ({
+      key: `tile-${d}`,
       tile: n,
       style: {
         "grid-column-start": n.layout.position.col + 1,
@@ -1425,28 +1425,28 @@ const ye = {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, u) => (C(), K("div", {
+    return (n, d) => (x(), K("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (C(!0), K($t, null, Gt(o.value, (a) => (C(), K("div", {
-        key: a.key,
+      (x(!0), K($t, null, Gt(o.value, (h) => (x(), K("div", {
+        key: h.key,
         class: je(["grid-cell", {
-          "empty-cell": !a.tile
+          "empty-cell": !h.tile
         }]),
-        style: Et(a.style)
+        style: Et(h.style)
       }, [
         De(n.$slots, "tile", {
-          style: Et(a.style),
-          tile: a.tile
+          style: Et(h.style),
+          tile: h.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
 }), Ds = /* @__PURE__ */ _e(zs, [["__scopeId", "data-v-354b7177"]]);
-function Ss(d, 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(d, o));
+function Ss(a, e, t, i, s) {
+  const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(a, o));
   return r.prototype = e.prototype, r;
 }
 class c {
@@ -1652,10 +1652,10 @@ class c {
   static updateScrollPosition(e, t, i) {
     const s = e.getBoundingClientRect(), r = window.innerHeight || document.documentElement.clientHeight;
     if (s.top < 0 || s.bottom > r) {
-      const o = s.bottom - r, n = s.top, u = this.getScrollElement(e);
-      if (u !== null) {
-        const a = u.scrollTop;
-        s.top < 0 && i < 0 ? e.offsetHeight > r ? u.scrollTop += i : u.scrollTop += Math.abs(n) > Math.abs(i) ? i : n : i > 0 && (e.offsetHeight > r ? u.scrollTop += i : u.scrollTop += o > i ? i : o), t.top += u.scrollTop - a;
+      const o = s.bottom - r, n = s.top, d = this.getScrollElement(e);
+      if (d !== null) {
+        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;
       }
     }
   }
@@ -1667,8 +1667,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, u = n < i, a = n > r - i;
-    u ? s.scrollBy({ behavior: "smooth", top: n - i }) : a && 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) {
@@ -1807,19 +1807,19 @@ class le {
     !this._loading && this._useEntireRowArea(e, t) && (r = { x: 0, w: this.column, y: t.y, h: t.h }, i = this.collide(e, r, s.skip));
     let o = !1;
     const n = { nested: !0, pack: !1 };
-    let u = 0;
+    let d = 0;
     for (; i = i || this.collide(e, r, s.skip); ) {
-      if (u++ > this.nodes.length * 2)
+      if (d++ > this.nodes.length * 2)
         throw new Error("Infinite collide check");
-      let a;
+      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 };
-        a = this._loading && c.samePos(e, h) ? !0 : this.moveNode(e, h), (i.locked || this._loading) && a ? c.copyPos(t, e) : !i.locked && a && s.pack && (this._packNodes(), t.y = i.y + i.h, c.copyPos(e, t)), o = o || a;
+        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
-        a = this.moveNode(i, { ...i, y: t.y + t.h, skip: e, ...n });
-      if (!a)
+        h = this.moveNode(i, { ...i, y: t.y + t.h, skip: e, ...n });
+      if (!h)
         return o;
       i = void 0;
     }
@@ -1841,14 +1841,14 @@ class le {
     const s = e._rect, r = { ...t.rect };
     r.y > s.y ? (r.h += r.y - s.y, r.y = s.y) : r.h += s.y - r.y, r.x > s.x ? (r.w += r.x - s.x, r.x = s.x) : r.w += s.x - r.x;
     let o, n = 0.5;
-    for (let u of i) {
-      if (u.locked || !u._rect)
+    for (let d of i) {
+      if (d.locked || !d._rect)
         break;
-      const a = u._rect;
-      let h = Number.MAX_VALUE, l = Number.MAX_VALUE;
-      s.y < a.y ? h = (r.y + r.h - a.y) / a.h : s.y + s.h > a.y + a.h && (h = (a.y + a.h - r.y) / a.h), s.x < a.x ? l = (r.x + r.w - a.x) / a.w : s.x + s.w > a.x + a.w && (l = (a.x + a.w - r.x) / a.w);
-      const f = Math.min(l, h);
-      f > n && (n = f, o = u);
+      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;
   }
@@ -1922,9 +1922,9 @@ class le {
     const s = this._inColumnResize;
     s || (this._inColumnResize = !0);
     const r = this.nodes;
-    return this.nodes = [], r.forEach((o, n, u) => {
-      let a;
-      o.locked || (o.autoPosition = !0, e === "list" && n && (a = u[n - 1])), this.addNode(o, !1, a);
+    return this.nodes = [], r.forEach((o, n, d) => {
+      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) */
@@ -2022,11 +2022,11 @@ class le {
     const r = s ? s.y * i + (s.x + s.w) : 0;
     let o = !1;
     for (let n = r; !o; ++n) {
-      const u = n % i, a = Math.floor(n / i);
-      if (u + e.w > i)
+      const d = n % i, h = Math.floor(n / i);
+      if (d + e.w > i)
         continue;
-      const h = { x: u, y: a, w: e.w, h: e.h };
-      t.find((l) => c.isIntercepted(h, l)) || ((e.x !== u || e.y !== a) && (e._dirty = !0), e.x = u, e.y = a, 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;
   }
@@ -2072,7 +2072,7 @@ class le {
         return this._notify(), !0;
     }
     return r ? (s.nodes.filter((o) => o._dirty).forEach((o) => {
-      const n = this.nodes.find((u) => u._id === o._id);
+      const n = this.nodes.find((d) => d._id === o._id);
       n && (c.copyPos(n, o), n._dirty = !0);
     }), this._notify(), !0) : !1;
   }
@@ -2093,7 +2093,7 @@ class le {
   }
   /** return true if the passed in node was actually moved (checks for no-op and locked) */
   moveNode(e, t) {
-    var a, h;
+    var h, u;
     if (!e || /*node.locked ||*/
     !t)
       return !1;
@@ -2103,17 +2103,17 @@ class le {
     if (c.copyPos(r, t), this.nodeBoundFix(r, s), c.copyPos(t, r), !t.forceCollide && c.samePos(e, t))
       return !1;
     const o = c.copyPos({}, e), n = this.collideAll(e, r, t.skip);
-    let u = !0;
+    let d = !0;
     if (n.length) {
       const l = e._moving && !t.nested;
       let f = l ? this.directionCollideCoverage(e, t, n) : n[0];
-      if (l && f && ((h = (a = e.grid) == null ? void 0 : a.opts) != null && h.subGridDynamic) && !e.grid._isTemp) {
-        const p = c.areaIntercept(t.rect, f._rect), g = c.area(t.rect), y = c.area(f._rect);
-        p / (g < y ? g : 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 m = c.areaIntercept(t.rect, f._rect), g = c.area(t.rect), y = c.area(f._rect);
+        m / (g < y ? g : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
-      f ? u = !this._fixCollisions(e, r, f, t) : (u = !1, i && delete t.pack);
+      f ? d = !this._fixCollisions(e, r, f, t) : (d = !1, i && delete t.pack);
     }
-    return u && !c.samePos(e, r) && (e._dirty = !0, c.copyPos(e, r)), t.pack && this._packNodes()._notify(), !c.samePos(e, o);
+    return d && !c.samePos(e, r) && (e._dirty = !0, c.copyPos(e, r)), t.pack && this._packNodes()._notify(), !c.samePos(e, o);
   }
   getRow() {
     return this.nodes.reduce((e, t) => Math.max(e, t.y + t.h), 0);
@@ -2131,8 +2131,8 @@ class le {
     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 u = s == null ? void 0 : s.find((h) => h._id === n._id), a = { ...n, ...u || {} };
-      c.removeInternalForSave(a, !e), t && t(n, a), r.push(a);
+      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 */
@@ -2171,19 +2171,19 @@ class le {
     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 u = this._layouts[t] || [], a = this._layouts.length - 1;
-      !u.length && e !== a && ((n = this._layouts[a]) != null && n.length) && (e = a, this._layouts[a].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));
-      })), u.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);
         }
       });
     }
@@ -2194,16 +2194,16 @@ class le {
         if (typeof i == "function")
           i(t, e, r, o);
         else {
-          const u = s || i === "none" ? 1 : t / e, a = 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 : a ? Math.round(l.x * u) : Math.min(l.x, t - 1), l.w = t === 1 || e === 1 ? 1 : h ? Math.round(l.w * u) || 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((u) => {
-        this.addNode(u, !1), delete u._orig;
+      r = c.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((d) => {
+        this.addNode(d, !1), delete d._orig;
       });
     }
-    return this.nodes.forEach((u) => delete u._orig), this.batchUpdate(!1, !s), delete this._inColumnResize, this;
+    return this.nodes.forEach((d) => delete d._orig), this.batchUpdate(!1, !s), delete this._inColumnResize, this;
   }
   /**
    * call to cache the given layout internally to the given location so we can restore back when column changes size
@@ -2215,7 +2215,7 @@ class le {
     const s = [];
     return e.forEach((r, o) => {
       if (r._id === void 0) {
-        const n = r.id ? this.nodes.find((u) => u.id === 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) ?? le._idSeq++;
       }
       s[o] = { x: r.x, y: r.y, w: r.w, _id: r._id };
@@ -2282,39 +2282,39 @@ const X = {
   // styleInHead: false,
   //removable
 };
-class w {
+class b {
 }
 const ae = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
 class he {
 }
-function Fe(d, e) {
-  d.touches.length > 1 || (d.cancelable && d.preventDefault(), c.simulateMouseEvent(d.changedTouches[0], e));
+function Fe(a, e) {
+  a.touches.length > 1 || (a.cancelable && a.preventDefault(), c.simulateMouseEvent(a.changedTouches[0], e));
 }
-function ti(d, e) {
-  d.cancelable && d.preventDefault(), c.simulateMouseEvent(d, e);
+function ti(a, e) {
+  a.cancelable && a.preventDefault(), c.simulateMouseEvent(a, e);
 }
-function Be(d) {
-  he.touchHandled || (he.touchHandled = !0, Fe(d, "mousedown"));
+function Be(a) {
+  he.touchHandled || (he.touchHandled = !0, Fe(a, "mousedown"));
 }
-function Ue(d) {
-  he.touchHandled && Fe(d, "mousemove");
+function Ue(a) {
+  he.touchHandled && Fe(a, "mousemove");
 }
-function We(d) {
+function We(a) {
   if (!he.touchHandled)
     return;
   he.pointerLeaveTimeout && (window.clearTimeout(he.pointerLeaveTimeout), delete he.pointerLeaveTimeout);
-  const e = !!w.dragElement;
-  Fe(d, "mouseup"), e || Fe(d, "click"), he.touchHandled = !1;
+  const e = !!b.dragElement;
+  Fe(a, "mouseup"), e || Fe(a, "click"), he.touchHandled = !1;
 }
-function Ke(d) {
-  d.pointerType !== "mouse" && d.target.releasePointerCapture(d.pointerId);
+function Ke(a) {
+  a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
-function Ot(d) {
-  w.dragElement && d.pointerType !== "mouse" && ti(d, "mouseenter");
+function Ot(a) {
+  b.dragElement && a.pointerType !== "mouse" && ti(a, "mouseenter");
 }
-function Ht(d) {
-  w.dragElement && d.pointerType !== "mouse" && (he.pointerLeaveTimeout = window.setTimeout(() => {
-    delete he.pointerLeaveTimeout, ti(d, "mouseleave");
+function Ht(a) {
+  b.dragElement && a.pointerType !== "mouse" && (he.pointerLeaveTimeout = window.setTimeout(() => {
+    delete he.pointerLeaveTimeout, ti(a, "mouseleave");
   }, 10));
 }
 class Ze {
@@ -2438,17 +2438,17 @@ class Se extends gt {
   }
   /** @internal turns auto hide on/off */
   _setupAutoHide(e) {
-    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), w.overResizeElement === this && delete w.overResizeElement), this;
+    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), b.overResizeElement === this && delete b.overResizeElement), this;
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOver(e) {
-    w.overResizeElement || w.dragElement || (w.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
+    b.overResizeElement || b.dragElement || (b.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOut(e) {
-    w.overResizeElement === this && (delete w.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
+    b.overResizeElement === this && (delete b.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
   }
   /** @internal */
   _setupHandlers() {
@@ -2504,15 +2504,15 @@ class Se extends gt {
       left: this.originalRect.left,
       top: this.originalRect.top - this.scrolled
     }, r = e.clientX - i.clientX, o = this.sizeToContent ? 0 : e.clientY - i.clientY;
-    let n, u;
-    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, u = !0);
-    const a = this._constrainSize(s.width, s.height, n, u);
-    return Math.round(s.width) !== Math.round(a.width) && (t.indexOf("w") > -1 && (s.left += s.width - a.width), s.width = a.width), Math.round(s.height) !== Math.round(a.height) && (t.indexOf("n") > -1 && (s.top += s.height - a.height), s.height = a.height), s;
+    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 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, u = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, a = r.minHeight / this.rectScale.y || t, h = Math.min(o, Math.max(n, e)), l = Math.min(u, Math.max(a, 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() {
@@ -2569,8 +2569,8 @@ class Ne extends gt {
   }
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
-    if (!w.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ns) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (e.currentTarget.addEventListener("touchmove", Ue), e.currentTarget.addEventListener("touchend", We)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
+    if (!b.mouseHandled)
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ns) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete b.dragElement, delete b.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (e.currentTarget.addEventListener("touchmove", Ue), e.currentTarget.addEventListener("touchend", We)), e.preventDefault(), document.activeElement && document.activeElement.blur(), b.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2584,15 +2584,15 @@ class Ne extends gt {
     var i;
     const t = this.mouseDownEvent;
     if (this.lastDrag = e, this.dragging)
-      if (this._dragFollow(e), w.pauseDrag) {
-        const s = Number.isInteger(w.pauseDrag) ? w.pauseDrag : 100;
+      if (this._dragFollow(e), b.pauseDrag) {
+        const s = Number.isInteger(b.pauseDrag) ? b.pauseDrag : 100;
         this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), s);
       } else
         this._callDrag(e);
     else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-      this.dragging = !0, w.dragElement = this;
+      this.dragging = !0, b.dragElement = this;
       const s = (i = this.el.gridstackNode) == null ? void 0 : i.grid;
-      s ? w.dropElement = s.el.ddElement.ddDroppable : delete w.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = c.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
+      s ? b.dropElement = s.el.ddElement.ddDroppable : delete b.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = c.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
       const r = c.initEvent(e, { target: this.el, type: "dragstart" });
       this.option.start && this.option.start(r, this.ui()), this.triggerEvent("dragstart", r), document.addEventListener("keydown", this._keyEvent);
     }
@@ -2602,16 +2602,16 @@ class Ne extends gt {
   _mouseUp(e) {
     var t, i;
     if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ae && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Ue, !0), e.currentTarget.removeEventListener("touchend", We, !0)), this.dragging) {
-      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = w.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete w.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
+      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = b.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete b.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const s = c.initEvent(e, { target: this.el, type: "dragstop" });
-      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), w.dropElement && w.dropElement.drop(e);
+      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), b.dropElement && b.dropElement.drop(e);
     }
-    delete this.helper, delete this.mouseDownEvent, delete w.dragElement, delete w.dropElement, delete w.mouseHandled, e.preventDefault();
+    delete this.helper, delete this.mouseDownEvent, delete b.dragElement, delete b.dropElement, delete b.mouseHandled, e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel, R to rotate */
   _keyEvent(e) {
     var s, r;
-    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = w.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
+    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = b.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
     if (e.key === "Escape")
       t && t._origRotate && (t._orig = t._origRotate, delete t._origRotate), i == null || i.cancelDrag(), this._mouseUp(this.mouseDownEvent);
     else if (t && i && (e.key === "r" || e.key === "R")) {
@@ -2707,20 +2707,20 @@ class Ls extends gt {
   }
   /** @internal called when the cursor enters our area - prepare for a possible drop and track leaving */
   _mouseEnter(e) {
-    if (!w.dragElement || !this._canDrop(w.dragElement.el))
+    if (!b.dragElement || !this._canDrop(b.dragElement.el))
       return;
-    e.preventDefault(), e.stopPropagation(), w.dropElement && w.dropElement !== this && w.dropElement._mouseLeave(e, !0), w.dropElement = this;
+    e.preventDefault(), e.stopPropagation(), b.dropElement && b.dropElement !== this && b.dropElement._mouseLeave(e, !0), b.dropElement = this;
     const t = c.initEvent(e, { target: this.el, type: "dropover" });
-    this.option.over && this.option.over(t, this._ui(w.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
+    this.option.over && this.option.over(t, this._ui(b.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
   }
   /** @internal called when the item is leaving our area, stop tracking if we had moving item */
   _mouseLeave(e, t = !1) {
     var s;
-    if (!w.dragElement || w.dropElement !== this)
+    if (!b.dragElement || b.dropElement !== this)
       return;
     e.preventDefault(), e.stopPropagation();
     const i = c.initEvent(e, { target: this.el, type: "dropout" });
-    if (this.option.out && this.option.out(i, this._ui(w.dragElement)), this.triggerEvent("dropout", i), w.dropElement === this && (delete w.dropElement, !t)) {
+    if (this.option.out && this.option.out(i, this._ui(b.dragElement)), this.triggerEvent("dropout", i), b.dropElement === this && (delete b.dropElement, !t)) {
       let r, o = this.el.parentElement;
       for (; !r && o; )
         r = (s = o.ddElement) == null ? void 0 : s.ddDroppable, o = o.parentElement;
@@ -2731,7 +2731,7 @@ class Ls extends gt {
   drop(e) {
     e.preventDefault();
     const t = c.initEvent(e, { target: this.el, type: "drop" });
-    this.option.drop && this.option.drop(t, this._ui(w.dragElement)), this.triggerEvent("drop", t);
+    this.option.drop && this.option.drop(t, this._ui(b.dragElement)), this.triggerEvent("drop", t);
   }
   /** @internal true if element matches the string/method accept option */
   _canDrop(e) {
@@ -2749,9 +2749,9 @@ class Ls extends gt {
     };
   }
 }
-class pt {
+class mt {
   static init(e) {
-    return e.ddElement || (e.ddElement = new pt(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new mt(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -2792,13 +2792,13 @@ class As {
         r.setupResizable({ [i]: s });
       else {
         const n = r.el.gridstackNode.grid;
-        let u = r.el.getAttribute("gs-resize-handles") || n.opts.resizable.handles || "e,s,se";
-        u === "all" && (u = "n,e,s,w,se,sw,ne,nw");
-        const a = !n.opts.alwaysShowResizeHandle;
+        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 h = !n.opts.alwaysShowResizeHandle;
         r.setupResizable({
           ...n.opts.resizable,
-          handles: u,
-          autoHide: a,
+          handles: d,
+          autoHide: h,
           start: t.start,
           stop: t.stop,
           resize: t.resize
@@ -2851,7 +2851,7 @@ class As {
   }
   on(e, t, i) {
     return this._getDDElements(e).forEach((s) => s.on(t, (r) => {
-      i(r, w.dragElement ? w.dragElement.el : r.target, w.dragElement ? w.dragElement.helper : null);
+      i(r, b.dragElement ? b.dragElement.el : r.target, b.dragElement ? b.dragElement.helper : null);
     })), this;
   }
   off(e, t) {
@@ -2860,7 +2860,7 @@ class As {
   /** @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 ? mt.init(o) : null)).filter((o) => o) : [];
   }
 }
 /*!
@@ -2871,7 +2871,7 @@ class As {
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
 const U = new As();
-class b {
+class _ {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
    * simply return the existing instance (ignore any passed options). There is also an initAll() version that support
@@ -2888,8 +2888,8 @@ class b {
   static init(e = {}, t = ".grid-stack") {
     if (typeof document > "u")
       return null;
-    const i = b.getGridElement(t);
-    return i ? (i.gridstack || (i.gridstack = new b(i, c.cloneDeep(e))), i.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
+    const i = _.getGridElement(t);
+    return i ? (i.gridstack || (i.gridstack = new _(i, c.cloneDeep(e))), i.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
 Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.` : "GridStack.init() no grid element was passed."), null);
   }
   /**
@@ -2903,8 +2903,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static initAll(e = {}, t = ".grid-stack") {
     const i = [];
-    return typeof document > "u" || (b.getGridElements(t).forEach((s) => {
-      s.gridstack || (s.gridstack = new b(s, c.cloneDeep(e))), i.push(s.gridstack);
+    return typeof document > "u" || (_.getGridElements(t).forEach((s) => {
+      s.gridstack || (s.gridstack = new _(s, c.cloneDeep(e))), i.push(s.gridstack);
     }), i.length === 0 && console.error('GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
 Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.`)), i;
   }
@@ -2923,14 +2923,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const o = i.gridstack;
       return t && (o.opts = { ...o.opts, ...t }), t.children !== void 0 && o.load(t.children), o;
     }
-    return (!e.classList.contains("grid-stack") || b.addRemoveCB) && (b.addRemoveCB ? i = b.addRemoveCB(e, t, !0, !0) : i = c.createDiv(["grid-stack", t.class], e)), b.init(t, i);
+    return (!e.classList.contains("grid-stack") || _.addRemoveCB) && (_.addRemoveCB ? i = _.addRemoveCB(e, t, !0, !0) : i = c.createDiv(["grid-stack", t.class], e)), _.init(t, i);
   }
   /** call this method to register your engine instead of the default one.
    * See instead `GridStackOptions.engineClass` if you only need to
    * replace just one instance.
    */
   static registerEngine(e) {
-    b.engineClass = e;
+    _.engineClass = e;
   }
   /** @internal create placeholder DIV as needed */
   get placeholder() {
@@ -2947,7 +2947,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, p;
+    var l, f, m;
     this.el = e, this.opts = t, this.animationDelay = 310, this._gsEventHandler = {}, this._extraDragRow = 0, this.dragTransform = { xScale: 1, yScale: 1, xOffset: 0, yOffset: 0 }, e.gridstack = this, this.opts = t = t || {}, e.classList.contains("grid-stack") || this.el.classList.add("grid-stack"), t.row && (t.minRow = t.maxRow = t.row, delete t.row);
     const i = c.toNumber(e.getAttribute("gs-row"));
     t.column === "auto" && delete t.column, t.alwaysShowResizeHandle !== void 0 && (t._alwaysShowResizeHandle = t.alwaysShowResizeHandle);
@@ -2956,7 +2956,7 @@ 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 g = r.oneColumnSize || 768;
       delete r.oneColumnSize, delete r.disableOneColumnMode, t.columnOpts = t.columnOpts || {}, s = t.columnOpts.breakpoints = t.columnOpts.breakpoints || [];
-      let y = s.find((m) => m.c === 1);
+      let y = s.find((p) => p.c === 1);
       y ? y.w = g : (y = { c: 1, w: g }, s.push(y, { c: 12, w: g + 1 }));
     }
     const o = t.columnOpts;
@@ -2977,27 +2977,27 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       }
     };
     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 u = this.el.closest("." + X.itemClass), a = u == null ? void 0 : u.gridstackNode;
-    a && (a.subGrid = this, this.parentGridNode = a, this.el.classList.add("grid-stack-nested"), a.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== X.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ae), this._styleSheetClass = "gs-id-" + le._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    const h = t.engineClass || b.engineClass || le;
-    if (this.engine = new h({
+    const d = this.el.closest("." + X.itemClass), h = d == null ? void 0 : d.gridstackNode;
+    h && (h.subGrid = this, this.parentGridNode = h, this.el.classList.add("grid-stack-nested"), h.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== X.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ae), this._styleSheetClass = "gs-id-" + le._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    const u = t.engineClass || _.engineClass || le;
+    if (this.engine = new u({
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
       onChange: (g) => {
         let y = 0;
-        this.engine.nodes.forEach((m) => {
-          y = Math.max(y, m.y + m.h);
-        }), g.forEach((m) => {
-          const D = m.el;
-          D && (m._removeDOM ? (D && D.remove(), delete m._removeDOM) : this._writePosAttr(D, m));
+        this.engine.nodes.forEach((p) => {
+          y = Math.max(y, p.y + p.h);
+        }), g.forEach((p) => {
+          const D = p.el;
+          D && (p._removeDOM ? (D && D.remove(), delete p._removeDOM) : this._writePosAttr(D, p));
         }), this._updateStyles(!1, y);
       }
     }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((g) => this._prepareElement(g)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
       const g = t.children;
       delete t.children, g.length && this.load(g);
     }
-    this.setAnimation(), t.subGridDynamic && !w.pauseDrag && (w.pauseDrag = !0), ((p = t.draggable) == null ? void 0 : p.pause) !== void 0 && (w.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !b.pauseDrag && (b.pauseDrag = !0), ((m = t.draggable) == null ? void 0 : m.pause) !== void 0 && (b.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   /**
    * add a new widget and returns it.
@@ -3020,7 +3020,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (e.ELEMENT_NODE)
       return console.error("V11: GridStack.addWidget() does not support HTMLElement anymore. use makeWidget()"), this.makeWidget(e);
     let t, i = e;
-    if (i.grid = this, i != null && i.el ? t = i.el : b.addRemoveCB ? t = b.addRemoveCB(this.el, e, !0, !1) : t = this.createWidgetDivs(i), !t)
+    if (i.grid = this, i != null && i.el ? t = i.el : _.addRemoveCB ? t = _.addRemoveCB(this.el, e, !0, !1) : t = this.createWidgetDivs(i), !t)
       return;
     if (i = t.gridstackNode, i && t.parentElement === this.el && this.engine.nodes.find((r) => r._id === i._id))
       return t;
@@ -3032,11 +3032,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const t = c.createDiv(["grid-stack-item", this.opts.itemClass]), i = c.createDiv(["grid-stack-item-content"], t);
     return c.lazyLoad(e) ? e.visibleObservable || (e.visibleObservable = new IntersectionObserver(([s]) => {
       var r, o;
-      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, b.renderCB(i, e), (o = e.grid) == null || o.prepareDragDrop(e.el));
+      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, _.renderCB(i, e), (o = e.grid) == null || o.prepareDragDrop(e.el));
     }), window.setTimeout(() => {
       var s;
       return (s = e.visibleObservable) == null ? void 0 : s.observe(t);
-    })) : b.renderCB(i, e), t;
+    })) : _.renderCB(i, e), t;
   }
   /**
    * Convert an existing gridItem element into a sub-grid with the given (optional) options, else inherit them
@@ -3048,9 +3048,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 p, g, y;
+    var m, g, y;
     let r = e.gridstackNode;
-    if (r || (r = this.makeWidget(e).gridstackNode), (p = r.subGrid) != null && p.el)
+    if (r || (r = this.makeWidget(e).gridstackNode), (m = r.subGrid) != null && m.el)
       return r.subGrid;
     let o, n = this;
     for (; n && !o; )
@@ -3067,15 +3067,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       ...o || {},
       ...t || r.subGridOpts || {}
     }), r.subGridOpts = t;
-    let u;
-    t.column === "auto" && (u = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
-    let a = 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(a), a = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const m = u ? t.column : r.w, D = r.h + i.h, P = r.el.style;
-      P.transition = "none", this.update(r.el, { w: m, h: D }), setTimeout(() => P.transition = null);
+    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 h = r.el.querySelector(".grid-stack-item-content"), u, l;
+    if (s && (this._removeDD(r.el), l = { ...r, x: 0, y: 0 }, c.removeInternalForSave(l), delete l.subGridOpts, r.content && (l.content = r.content, delete r.content), _.addRemoveCB ? u = _.addRemoveCB(this.el, l, !0, !1) : (u = c.createDiv(["grid-stack-item"]), u.appendChild(h), h = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
+      const p = d ? t.column : r.w, D = r.h + i.h, P = r.el.style;
+      P.transition = "none", this.update(r.el, { w: p, h: D }), setTimeout(() => P.transition = null);
     }
-    const f = r.subGrid = b.addGrid(a, t);
-    return i != null && i._moving && (f._isTemp = !0), u && (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 = _.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
@@ -3097,7 +3097,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param saveCB callback for each node -> widget, so application can insert additional data to be saved into the widget data structure.
    * @returns list of widgets or full grid option, including .children list of widgets
    */
-  save(e = !0, t = !1, i = b.saveCB) {
+  save(e = !0, t = !1, i = _.saveCB) {
     const s = this.engine.save(e, i);
     if (s.forEach((r) => {
       var o;
@@ -3127,38 +3127,38 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @example
    * see http://gridstackjs.com/demo/serialization.html
    */
-  load(e, t = b.addRemoveCB || !0) {
-    var a;
+  load(e, t = _.addRemoveCB || !0) {
+    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);
+    const r = _.addRemoveCB;
+    typeof t == "function" && (_.addRemoveCB = t);
     const o = [];
     this.batchUpdate();
     const n = !this.engine.nodes.length;
     n && this.setAnimation(!1), !n && t && [...this.engine.nodes].forEach((l) => {
       if (!l.id)
         return;
-      c.find(e, l.id) || (b.addRemoveCB && b.addRemoveCB(this.el, l, !1, !1), o.push(l), this.removeWidget(l.el, !0, !1));
+      c.find(e, l.id) || (_.addRemoveCB && _.addRemoveCB(this.el, l, !1, !1), o.push(l), this.removeWidget(l.el, !0, !1));
     }), this.engine._loading = !0;
-    const u = [];
-    return this.engine.nodes = this.engine.nodes.filter((h) => c.find(e, h.id) ? (u.push(h), !1) : !0), e.forEach((h) => {
+    const d = [];
+    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(u, 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 p = l.el.querySelector(".grid-stack");
-          p && p.gridstack && p.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 m = l.el.querySelector(".grid-stack");
+          m && m.gridstack && m.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 && ((a = this.opts) != null && a.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 ? _.addRemoveCB = r : delete _.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)
@@ -3238,7 +3238,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         i = e.breakpoints[n++].c || t;
     }
     if (i !== t) {
-      const n = (o = e.breakpoints) == null ? void 0 : o.find((u) => u.c === i);
+      const n = (o = e.breakpoints) == null ? void 0 : o.find((d) => d.c === i);
       return this.column(i, (n == null ? void 0 : n.layout) || e.layout), !0;
     }
     return !1;
@@ -3316,8 +3316,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const i = this.el.getBoundingClientRect();
     let s;
     t ? s = { top: i.top + document.documentElement.scrollTop, left: i.left } : s = { top: this.el.offsetTop, left: this.el.offsetLeft };
-    const r = e.left - s.left, o = e.top - s.top, n = i.width / this.getColumn(), u = i.height / parseInt(this.el.getAttribute("gs-current-row"));
-    return { x: Math.floor(r / n), y: Math.floor(o / u) };
+    const r = e.left - s.left, o = e.top - s.top, n = i.width / this.getColumn(), d = i.height / parseInt(this.el.getAttribute("gs-current-row"));
+    return { x: Math.floor(r / n), y: Math.floor(o / d) };
   }
   /** returns the current number of rows, which will be at least `minRow` if set */
   getRow() {
@@ -3347,7 +3347,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.makeWidget('2', {w:2, content: 'hello'});
    */
   makeWidget(e, t) {
-    const i = b.getElement(e);
+    const i = _.getElement(e);
     if (!i)
       return;
     i.parentElement || this.el.appendChild(i), this._prepareElement(i, !0, t);
@@ -3379,11 +3379,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param triggerEvent if `false` (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true).
    */
   removeWidget(e, t = !0, i = !0) {
-    return e ? (b.getElements(e).forEach((s) => {
+    return e ? (_.getElements(e).forEach((s) => {
       if (s.parentElement && s.parentElement !== this.el)
         return;
       let r = s.gridstackNode;
-      r || (r = this.engine.nodes.find((o) => s === o.el)), r && (t && b.addRemoveCB && b.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
+      r || (r = this.engine.nodes.find((o) => s === o.el)), r && (t && _.addRemoveCB && _.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
     }), i && (this._triggerRemoveEvent(), this._triggerChangeEvent()), this) : (console.error("Error: GridStack.removeWidget(undefined) called"), this);
   }
   /**
@@ -3393,7 +3393,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   removeAll(e = !0, t = !0) {
     return this.engine.nodes.forEach((i) => {
-      e && b.addRemoveCB && b.addRemoveCB(this.el, i, !1, !1), delete i.el.gridstackNode, this.opts.staticGrid || this._removeDD(i.el);
+      e && _.addRemoveCB && _.addRemoveCB(this.el, i, !1, !1), delete i.el.gridstackNode, this.opts.staticGrid || this._removeDD(i.el);
     }), this.engine.removeAll(e, t), t && this._triggerRemoveEvent(), this;
   }
   /**
@@ -3438,8 +3438,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param opt new widget options (x,y,w,h, etc..). Only those set will be updated.
    */
   update(e, t) {
-    return b.getElements(e).forEach((i) => {
-      var h;
+    return _.getElements(e).forEach((i) => {
+      var u;
       const s = i == null ? void 0 : i.gridstackNode;
       if (!s)
         return;
@@ -3451,16 +3451,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, _.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 u = !1, a = !1;
+      let d = !1, h = !1;
       for (const l in r)
-        l[0] !== "_" && s[l] !== r[l] && (s[l] = r[l], u = !0, a = a || !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 || u) && this._writeAttr(i, s), a && this.prepareDragDrop(s.el);
+      (n || d) && this._writeAttr(i, s), h && this.prepareDragDrop(s.el);
     }), this;
   }
   moveNode(e, t) {
@@ -3474,7 +3474,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, p;
+    var f, m;
     if (!e || (e.classList.remove("size-to-content-max"), !e.clientHeight))
       return;
     const t = e.gridstackNode;
@@ -3487,50 +3487,50 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (!s)
       return;
     let r = t.h ? t.h * s : e.clientHeight, o;
-    if (t.resizeToContentParent && (o = e.querySelector(t.resizeToContentParent)), o || (o = e.querySelector(b.resizeToContentParent)), !o)
+    if (t.resizeToContentParent && (o = e.querySelector(t.resizeToContentParent)), o || (o = e.querySelector(_.resizeToContentParent)), !o)
       return;
-    const n = e.clientHeight - o.clientHeight, u = t.h ? t.h * s - n : o.clientHeight;
-    let a;
+    const n = e.clientHeight - o.clientHeight, d = t.h ? t.h * s - n : o.clientHeight;
+    let h;
     if (t.subGrid) {
-      a = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
+      h = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
       const g = t.subGrid.el.getBoundingClientRect(), y = t.subGrid.el.parentElement.getBoundingClientRect();
-      a += g.top - y.top;
+      h += g.top - y.top;
     } else {
-      if ((p = (f = t.subGridOpts) == null ? void 0 : f.children) != null && p.length)
+      if ((m = (f = t.subGridOpts) == null ? void 0 : f.children) != null && m.length)
         return;
       {
         const g = o.firstElementChild;
         if (!g) {
-          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${b.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
+          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${_.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
         }
-        a = g.getBoundingClientRect().height || u;
+        h = g.getBoundingClientRect().height || d;
       }
     }
-    if (u === a)
+    if (d === h)
       return;
-    r += a - u;
-    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) {
-    b.resizeToContentCB ? b.resizeToContentCB(e) : this.resizeToContent(e);
+    _.resizeToContentCB ? _.resizeToContentCB(e) : this.resizeToContent(e);
   }
   /** rotate (by swapping w & h) the passed in node - called when user press 'r' during dragging
    * @param els  widget or selector of objects to modify
    * @param relative optional pixel coord relative to upper/left corner to rotate around (will keep that cell under cursor)
    */
   rotate(e, t) {
-    return b.getElements(e).forEach((i) => {
+    return _.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       if (!c.canBeRotated(s))
         return;
       const r = { w: s.h, h: s.w, minH: s.minW, minW: s.minH, maxH: s.maxW, maxW: s.maxH };
       if (t) {
-        const n = t.left > 0 ? Math.floor(t.left / this.cellWidth()) : 0, u = t.top > 0 ? Math.floor(t.top / this.opts.cellHeight) : 0;
-        r.x = s.x + n - (s.h - (u + 1)), r.y = s.y + u - n;
+        const n = t.left > 0 ? Math.floor(t.left / this.cellWidth()) : 0, d = t.top > 0 ? Math.floor(t.top / this.opts.cellHeight) : 0;
+        r.x = s.x + n - (s.h - (d + 1)), r.y = s.y + d - n;
       }
       Object.keys(r).forEach((n) => {
         r[n] === void 0 && delete r[n];
@@ -3633,8 +3633,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, u = this.opts.marginBottom + this.opts.marginUnit, a = 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: ${a}; bottom: ${u}; left: ${h};`), c.addCSSRule(this._styles, f, `top: ${n}; right: ${a}; bottom: ${u}; left: ${h};`), c.addCSSRule(this._styles, `${r} > .ui-resizable-n`, `top: ${n};`), c.addCSSRule(this._styles, `${r} > .ui-resizable-s`, `bottom: ${u}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-ne`, `right: ${a}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-e`, `right: ${a}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-se`, `right: ${a}; bottom: ${u}`), 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: ${u}`);
+      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;
@@ -3752,7 +3752,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   static getGridElement(e) {
-    return b.getElement(e);
+    return _.getElement(e);
   }
   /** @internal */
   static getGridElements(e) {
@@ -3782,7 +3782,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param root optional root which defaults to document (for shadow dom pass the parent HTMLDocument)
    */
   static setupDragIn(e, t, i, s = document) {
-    (t == null ? void 0 : t.pause) !== void 0 && (w.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
+    (t == null ? void 0 : t.pause) !== void 0 && (b.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
       U.isDraggable(o) || U.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
     });
   }
@@ -3793,7 +3793,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param val if true widget will be draggable, assuming the parent grid isn't noMove or static.
    */
   movable(e, t) {
-    return this.opts.staticGrid ? this : (b.getElements(e).forEach((i) => {
+    return this.opts.staticGrid ? this : (_.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       s && (t ? delete s.noMove : s.noMove = !0, this.prepareDragDrop(s.el));
     }), this);
@@ -3804,7 +3804,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param val  if true widget will be resizable, assuming the parent grid isn't noResize or static.
    */
   resizable(e, t) {
-    return this.opts.staticGrid ? this : (b.getElements(e).forEach((i) => {
+    return this.opts.staticGrid ? this : (_.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       s && (t ? delete s.noResize : s.noResize = !0, this.prepareDragDrop(s.el));
     }), this);
@@ -3858,7 +3858,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   cancelDrag() {
     var t;
     const e = (t = this._placeholder) == null ? void 0 : t.gridstackNode;
-    e && (e._isExternal ? (e._isAboutToRemove = !0, this.engine.removeNode(e)) : e._isAboutToRemove && b._itemRemoving(e.el, !1), this.engine.restoreInitial());
+    e && (e._isExternal ? (e._isAboutToRemove = !0, this.engine.removeNode(e)) : e._isAboutToRemove && _._itemRemoving(e.el, !1), this.engine.restoreInitial());
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
@@ -3877,20 +3877,20 @@ 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 p = o.getBoundingClientRect();
-        o.style.left = p.x + (this.dragTransform.xScale - 1) * (s.clientX - p.x) / this.dragTransform.xScale + "px", o.style.top = p.y + (this.dragTransform.yScale - 1) * (s.clientY - p.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
+        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";
       }
-      let { top: u, left: a } = o.getBoundingClientRect();
-      const h = this.el.getBoundingClientRect();
-      a -= h.left, u -= h.top;
+      let { top: d, left: h } = o.getBoundingClientRect();
+      const u = this.el.getBoundingClientRect();
+      h -= u.left, d -= u.top;
       const l = {
         position: {
-          top: u * this.dragTransform.xScale,
-          left: a * this.dragTransform.yScale
+          top: d * this.dragTransform.xScale,
+          left: h * this.dragTransform.yScale
         }
       };
       if (n._temporaryRemoved) {
-        if (n.x = Math.max(0, Math.round(a / t)), n.y = Math.max(0, Math.round(u / 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)) {
             U.off(r, "drag");
             return;
@@ -3926,42 +3926,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 u = n.w || Math.round(o.offsetWidth / t) || 1, a = n.h || Math.round(o.offsetHeight / e) || 1;
-      return n.grid && n.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = n), r.gridstackNode = n = { ...n, w: u, h: a, 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 = u, n.h = a, n._temporaryRemoved = !0), b._itemRemoving(n.el, !1), U.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), _._itemRemoving(n.el, !1), U.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 p, g, y;
+      var m, g, y;
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       if ((n == null ? void 0 : n.grid) === this && !n._isExternal)
         return !1;
-      const u = !!this.placeholder.parentElement, a = r !== o;
+      const d = !!this.placeholder.parentElement, h = r !== o;
       this.placeholder.remove(), delete this.placeholder.gridstackNode;
-      const h = u && 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, u && (l != null && l.grid) && l.grid !== this) {
-        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 (delete r._gridstackNodeOrig, d && (l != null && l.grid) && l.grid !== this) {
+        const p = l.grid;
+        p.engine.removeNodeFromLayoutCache(l), p.engine.removedNodes.push(l), p._triggerRemoveEvent()._triggerChangeEvent(), p.parentGridNode && !p.engine.nodes.length && p.opts.subGridDynamic && p.removeAsSubGrid();
       }
-      if (!n || (u && (this.engine.cleanupNode(n), n.grid = this), (p = n.grid) == null || delete p._isTemp, U.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !u))
+      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (m = n.grid) == null || delete m._isTemp, U.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
         return !1;
       const f = (y = (g = n.subGrid) == null ? void 0 : g.el) == null ? void 0 : y.gridstack;
-      return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), a && (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 || _.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 */
@@ -3976,7 +3976,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 && !U.isDroppable(e) && U.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 && !U.isDroppable(e) && U.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => _._itemRemoving(i, !0)).on(e, "dropout", (t, i) => _._itemRemoving(i, !1)), this) : this;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -3991,31 +3991,31 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if ((t || o) && (i._initDD && (this._removeDD(e), delete i._initDD), o && e.classList.add("ui-draggable-disabled", "ui-resizable-disabled"), !t))
       return this;
     if (!i._initDD) {
-      let n, u;
-      const a = (f, p) => {
-        this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, f.target), n = this.cellWidth(), u = this.getCellHeight(!0), this._onStartMoving(e, f, p, i, n, u);
-      }, h = (f, p) => {
-        this._dragOrResize(e, f, p, i, n, u);
+      let n, d;
+      const h = (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);
+      }, u = (f, m) => {
+        this._dragOrResize(e, f, m, i, n, d);
       }, l = (f) => {
         this.placeholder.remove(), delete this.placeholder.gridstackNode, delete i._moving, delete i._event, delete i._lastTried;
-        const p = i.w !== i._orig.w, g = f.target;
+        const m = i.w !== i._orig.w, g = f.target;
         if (!(!g.gridstackNode || g.gridstackNode.grid !== this)) {
           if (i.el = g, i._isAboutToRemove) {
             const y = e.gridstackNode.grid;
             y._gsEventHandler[f.type] && y._gsEventHandler[f.type](f, g), y.engine.nodes.push(i), y.removeWidget(e, !0, !0);
           } else
             c.removePositioningStyles(g), i._temporaryRemoved ? (c.copyPos(i, i._orig), this._writePosAttr(g, i), this.engine.addNode(i)) : this._writePosAttr(g, i), this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, g);
-          this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(p, i));
+          this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(m, i));
         }
       };
       U.draggable(e, {
-        start: a,
+        start: h,
         stop: l,
-        drag: h
+        drag: u
       }).resizable(e, {
-        start: a,
+        start: h,
         stop: l,
-        resize: h
+        resize: u
       }), i._initDD = !0;
     }
     return U.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
@@ -4026,8 +4026,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (this.engine.cleanNodes().beginUpdate(s), this._writePosAttr(this.placeholder, s), this.el.appendChild(this.placeholder), this.placeholder.gridstackNode = s, (n = s.grid) != null && n.el)
       this.dragTransform = c.getValuesFromTransformedElement(e);
     else if (this.placeholder && this.placeholder.closest(".grid-stack")) {
-      const u = this.placeholder.closest(".grid-stack");
-      this.dragTransform = c.getValuesFromTransformedElement(u);
+      const d = this.placeholder.closest(".grid-stack");
+      this.dragTransform = c.getValuesFromTransformedElement(d);
     } else
       this.dragTransform = {
         xScale: 1,
@@ -4036,21 +4036,21 @@ 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 u = this.getColumn() - s.x, a = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      U.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, u)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, a)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, u)).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, a)).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;
+      U.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 u, a = this.opts.marginLeft, h = this.opts.marginRight, l = this.opts.marginTop, f = this.opts.marginBottom;
-    const p = Math.round(o * 0.1), g = Math.round(r * 0.1);
-    if (a = Math.min(a, g), h = Math.min(h, g), l = Math.min(l, p), f = Math.min(f, p), t.type === "drag") {
+    let d, h = this.opts.marginLeft, u = this.opts.marginRight, l = this.opts.marginTop, f = this.opts.marginBottom;
+    const m = Math.round(o * 0.1), g = Math.round(r * 0.1);
+    if (h = Math.min(h, g), u = Math.min(u, g), l = Math.min(l, m), f = Math.min(f, m), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
-      const m = i.position.top - s._prevYPix;
-      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, m);
-      const D = i.position.left + (i.position.left > s._lastUiPosition.left ? -h : a), P = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
+      const p = i.position.top - s._prevYPix;
+      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, p);
+      const D = i.position.left + (i.position.left > s._lastUiPosition.left ? -u : h), P = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
       n.x = Math.round(D / r), n.y = Math.round(P / o);
       const z = this._extraDragRow;
       if (this.engine.collide(s, n)) {
@@ -4062,22 +4062,22 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (this._extraDragRow !== z && 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 - a) / 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 m = i.position.left + a, D = i.position.top + l;
-      n.x = Math.round(m / r), n.y = Math.round(D / o), u = !0;
+      const p = i.position.left + h, D = i.position.top + l;
+      n.x = Math.round(p / r), n.y = Math.round(D / o), d = !0;
     }
     s._event = t, s._lastTried = n;
     const y = {
-      x: i.position.left + a,
+      x: i.position.left + h,
       y: i.position.top + l,
-      w: (i.size ? i.size.width : s.w * r) - a - 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: u })) {
-      s._lastUiPosition = i.position, this.engine.cacheRects(r, o, l, h, f, a), delete s._skipDown, u && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
-      const m = t.target;
-      s._sidebarOrig || this._writePosAttr(m, s), this._gsEventHandler[t.type] && this._gsEventHandler[t.type](t, m);
+    if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: o, rect: y, resizing: d })) {
+      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 p = t.target;
+      s._sidebarOrig || this._writePosAttr(p, s), this._gsEventHandler[t.type] && this._gsEventHandler[t.type](t, p);
     }
   }
   /** @internal called when item leaving our area by either cursor dropout event
@@ -4091,20 +4091,20 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
-    i._isExternal && this.engine.cleanupNode(i), i._sidebarOrig = s, this.opts.removable === !0 && b._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial();
+    i._isExternal && this.engine.cleanupNode(i), i._sidebarOrig = s, this.opts.removable === !0 && _._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial();
   }
   // legacy method removed
   commit() {
     return Ss(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
-b.renderCB = (d, e) => {
-  d && (e != null && e.content) && (d.textContent = e.content);
+_.renderCB = (a, e) => {
+  a && (e != null && e.content) && (a.textContent = e.content);
 };
-b.resizeToContentParent = ".grid-stack-item-content";
-b.Utils = c;
-b.Engine = le;
-b.GDRev = "11.5.1";
+_.resizeToContentParent = ".grid-stack-item-content";
+_.Utils = c;
+_.Engine = le;
+_.GDRev = "11.5.1";
 const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { class: "grid-stack-item-content" }, Ms = /* @__PURE__ */ Z({
   __name: "DraggableGridLayout",
   props: {
@@ -4112,12 +4112,12 @@ const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { cl
     tileHeight: { default: Xe }
   },
   emits: ["update-tiles"],
-  setup(d, { expose: e, emit: t }) {
-    const i = d, s = t, r = H(null), o = H(new Map(i.tiles.map((p) => [`${p.id}`, p])));
+  setup(a, { expose: e, emit: t }) {
+    const i = a, s = t, r = H(null), o = H(new Map(i.tiles.map((m) => [`${m.id}`, m])));
     let n = null;
-    const u = (p) => `[data-id="${p}"]`, a = (p) => p.map((g) => {
-      var m;
-      const y = o.value.get(`${(m = g.el) == null ? void 0 : m.getAttribute("data-id")}`);
+    const d = (m) => `[data-id="${m}"]`, h = (m) => m.map((g) => {
+      var p;
+      const y = o.value.get(`${(p = g.el) == null ? void 0 : p.getAttribute("data-id")}`);
       if (y)
         return {
           ...y,
@@ -4126,53 +4126,53 @@ const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { cl
             size: { cols: Number(g.w), rows: Number(g.h) }
           }
         };
-    }).filter((g) => g !== void 0), h = (p, g) => {
-      n && (a(g).forEach((m) => {
-        o.value.set(`${m.id}`, m);
+    }).filter((g) => g !== void 0), u = (m, g) => {
+      n && (h(g).forEach((p) => {
+        o.value.set(`${p.id}`, p);
       }), s("update-tiles", Array.from(o.value.values())));
-    }, l = (p, g) => {
+    }, l = (m, g) => {
       g.forEach((y) => {
-        var m;
-        o.value.delete(`${(m = y.el) == null ? void 0 : m.getAttribute("data-id")}`);
+        var p;
+        o.value.delete(`${(p = y.el) == null ? void 0 : p.getAttribute("data-id")}`);
       }), s("update-tiles", Array.from(o.value.values()));
     };
     at(() => {
-      r.value && (n = b.init({
+      r.value && (n = _.init({
         margin: 10,
         column: Wt,
         cellHeight: i.tileHeight,
         resizable: { handles: "se, sw" },
         handle: ".tile-header"
-      }, r.value), n.on("change", h), n.on("added", h), n.on("removed", l));
+      }, r.value), n.on("change", u), n.on("added", u), n.on("removed", l));
     }), lt(() => {
       n && n.destroy(!1);
     });
-    const f = (p) => {
+    const f = (m) => {
       if (n && r.value) {
-        const g = r.value.querySelector(u(p));
+        const g = r.value.querySelector(d(m));
         g && n.removeWidget(g);
       }
     };
-    return ze(() => i.tiles.length, async (p, g) => {
-      if (p > g && n) {
+    return ze(() => i.tiles.length, async (m, g) => {
+      if (m > g && n) {
         const y = i.tiles.slice(g);
-        for (const m of y)
-          o.value.set(`${m.id}`, m), await ut(), n.makeWidget(u(m.id), {
+        for (const p of y)
+          o.value.set(`${p.id}`, p), await ut(), n.makeWidget(d(p.id), {
             autoPosition: !0,
-            w: m.layout.size.cols,
-            h: m.layout.size.rows
+            w: p.layout.size.cols,
+            h: p.layout.size.rows
           });
       }
     }), Mt(() => {
-      i.tiles.forEach((p) => {
-        o.value.set(`${p.id}`, p);
+      i.tiles.forEach((m) => {
+        o.value.set(`${m.id}`, m);
       });
-    }), e({ removeWidget: f }), (p, g) => (C(), K("div", {
+    }), e({ removeWidget: f }), (m, g) => (x(), K("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
     }, [
-      (C(!0), K($t, null, Gt(i.tiles, (y) => (C(), K("div", {
+      (x(!0), K($t, null, Gt(i.tiles, (y) => (x(), K("div", {
         key: y.id,
         class: "grid-stack-item",
         "data-id": `${y.id}`,
@@ -4184,7 +4184,7 @@ const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { cl
         "gs-y": y.layout.position.row
       }, [
         oe("div", Hs, [
-          De(p.$slots, "tile", { tile: y }, void 0, !0)
+          De(m.$slots, "tile", { tile: y }, void 0, !0)
         ])
       ], 8, Os))), 128))
     ], 512));
@@ -4204,25 +4204,25 @@ const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { cl
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ xt(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
-  setup(d, { expose: e, emit: t }) {
-    Ye((E) => ({
-      "82baf22a": l.value
+  setup(a, { expose: e, emit: t }) {
+    Ye((C) => ({
+      v82baf22a: l.value
     }));
-    const i = d, s = t, r = ci(d, "modelValue"), { i18n: o } = ye.useI18n(), n = H(0), u = H(null), a = H(), h = H(), l = H("scale(1)"), f = ve(pe);
+    const i = a, s = t, r = ci(a, "modelValue"), { i18n: o } = ye.useI18n(), n = H(0), d = H(null), h = H(), u = H(), l = H("scale(1)"), f = ve(me);
     f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), ye.useRequestQueue();
-    const p = dt(), g = k(() => i.context.timeSpec ? i.context.timeSpec : {
+    const m = dt(), g = k(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
-      time_range: p.defaultQueryTimeForOrg
-    }), y = k(() => !!i.context.timeSpec || !p.loading), m = (E, S) => {
-      const N = E.layout.position.row - S.layout.position.row;
-      return N !== 0 ? N : E.layout.position.col - S.layout.position.col;
-    }, D = k(() => r.value.tiles.map((E) => {
+      time_range: m.defaultQueryTimeForOrg
+    }), y = k(() => !!i.context.timeSpec || !m.loading), p = (C, S) => {
+      const N = C.layout.position.row - S.layout.position.row;
+      return N !== 0 ? N : C.layout.position.col - S.layout.position.col;
+    }, D = k(() => r.value.tiles.map((C) => {
       var N;
-      let S = E.definition;
+      let S = C.definition;
       if ("description" in S.chart) {
         const q = (N = S.chart.description) == null ? void 0 : N.replace(Ui, () => {
-          const me = `renderer.trendRange.${g.value.type === "absolute" ? "custom" : g.value.time_range}`;
-          return o.te(me) ? o.t(me) : "";
+          const pe = `renderer.trendRange.${g.value.type === "absolute" ? "custom" : g.value.time_range}`;
+          return o.te(pe) ? o.t(pe) : "";
         });
         S = {
           ...S,
@@ -4232,22 +4232,22 @@ const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { cl
           }
         };
       }
-      return i.context.editable && !E.id && console.warn(
+      return i.context.editable && !C.id && console.warn(
         "No id provided for tile. One will be generated automatically,",
         "however tracking changes to this tile may not work as expected.",
-        E
+        C
       ), {
-        layout: E.layout,
+        layout: C.layout,
         meta: S,
-        type: E.type,
+        type: C.type,
         // Add a unique key to each tile internally.
-        id: E.id ?? crypto.randomUUID()
+        id: C.id ?? crypto.randomUUID()
       };
     })), P = k(() => {
-      var me, Re, Pe;
-      let { tz: E, refreshInterval: S, editable: N } = i.context;
+      var pe, Re, Pe;
+      let { tz: C, refreshInterval: S, editable: N } = i.context;
       const q = [...i.context.filters ?? [], ...r.value.preset_filters ?? []];
-      if (E || (E = new Intl.DateTimeFormat().resolvedOptions().timeZone), S === void 0 && (S = Wi), J.value) {
+      if (C || (C = new Intl.DateTimeFormat().resolvedOptions().timeZone), S === void 0 && (S = Wi), J.value) {
         let ke = !1;
         if (g.value.type === "relative")
           ke = ["15m", "1h", "6h", "12h", "24h"].includes(g.value.time_range);
@@ -4259,26 +4259,26 @@ const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { cl
         g.value.type === "absolute" && g.value.end.getTime() < Je ? S = 0 : ke ? S = Ki : S = Vi;
       }
       N === void 0 && (N = !1);
-      const ee = !!((Pe = (Re = (me = fi()) == null ? void 0 : me.vnode) == null ? void 0 : Re.props) != null && Pe.onTileTimeRangeZoom);
+      const ee = !!((Pe = (Re = (pe = fi()) == null ? void 0 : pe.vnode) == null ? void 0 : Re.props) != null && Pe.onTileTimeRangeZoom);
       return {
         filters: q,
-        tz: E,
+        tz: C,
         timeSpec: g.value,
         refreshInterval: S,
         editable: N,
         zoomable: ee
       };
-    }), z = (E) => {
-      s("edit-tile", E);
-    }, Q = (E) => E.type === "slottable", B = (E) => {
-      const S = Q(E.meta.chart) ? { ...E.meta.chart } : {
-        ...E.meta.chart,
-        chart_title: E.meta.chart.chart_title ? `Copy of ${E.meta.chart.chart_title}` : ""
+    }), z = (C) => {
+      s("edit-tile", C);
+    }, Q = (C) => C.type === "slottable", B = (C) => {
+      const S = Q(C.meta.chart) ? { ...C.meta.chart } : {
+        ...C.meta.chart,
+        chart_title: C.meta.chart.chart_title ? `Copy of ${C.meta.chart.chart_title}` : ""
       }, N = {
         id: crypto.randomUUID(),
         type: "chart",
         definition: {
-          ...E.meta,
+          ...C.meta,
           chart: S
         },
         layout: {
@@ -4286,68 +4286,68 @@ const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { cl
             col: 0,
             row: 0
           },
-          size: E.layout.size
+          size: C.layout.size
         }
       };
       r.value.tiles.push(N);
-    }, R = (E) => {
-      u.value && u.value.removeWidget(E.id);
+    }, R = (C) => {
+      d.value && d.value.removeWidget(C.id);
     }, M = () => {
       n.value++;
-    }, Y = (E) => {
-      const S = E.map((N) => ({
+    }, Y = (C) => {
+      const S = C.map((N) => ({
         id: N.id,
         type: N.type,
         layout: N.layout,
         definition: N.meta
       }));
-      r.value.tiles = S.sort(m);
+      r.value.tiles = S.sort(p);
     }, de = async () => {
-      if (l.value = "scale(1)", await ut(), h.value) {
-        const { availWidth: E, availHeight: S } = window.screen, { width: N, height: q } = h.value.getBoundingClientRect(), ee = Math.min(S / q, E / N);
+      if (l.value = "scale(1)", await ut(), u.value) {
+        const { availWidth: C, availHeight: S } = window.screen, { width: N, height: q } = u.value.getBoundingClientRect(), ee = Math.min(S / q, C / N);
         l.value = `scale(${ee})`;
       }
     }, Me = () => {
-      a.value && (document.fullscreenElement ? document.exitFullscreen() : a.value.requestFullscreen());
+      h.value && (document.fullscreenElement ? document.exitFullscreen() : h.value.requestFullscreen());
     }, J = H(!1), Ie = () => {
       J.value = document.fullscreenElement !== null, J.value && de();
     };
     return e({
       refresh: M,
       toggleFullscreen: Me
-    }), (E, S) => {
+    }), (C, S) => {
       const N = ge("KAlert");
-      return C(), K("div", {
+      return x(), K("div", {
         ref_key: "dashboardContainer",
-        ref: a,
+        ref: h,
         class: je(["kong-ui-public-dashboard-renderer", { "is-fullscreen": J.value }]),
         onFullscreenchange: Ie
       }, [
         oe("div", {
           ref_key: "layoutContainer",
-          ref: h,
+          ref: u,
           class: "layout"
         }, [
-          x(f) && J.value ? (C(), K("div", Ps, [
-            De(E.$slots, "fullscreenHeader", {}, void 0, !0)
+          E(f) && J.value ? (x(), K("div", Ps, [
+            De(C.$slots, "fullscreenHeader", {}, void 0, !0)
           ])) : V("", !0),
-          x(f) ? (C(), O(qt(E.context.editable && !J.value ? Is : Ds), {
+          E(f) ? (x(), O(qt(a.context.editable && !J.value ? Is : Ds), {
             key: 2,
             ref_key: "gridLayoutRef",
-            ref: u,
+            ref: d,
             "tile-height": r.value.tile_height,
             tiles: D.value,
             onUpdateTiles: Y
           }, {
             tile: $(({ tile: q }) => [
-              q.meta.chart.type === "slottable" ? (C(), K("div", qs, [
-                De(E.$slots, q.meta.chart.id, {}, void 0, !0)
-              ])) : (C(), O(ks, {
+              q.meta.chart.type === "slottable" ? (x(), K("div", qs, [
+                De(C.$slots, q.meta.chart.id, {}, void 0, !0)
+              ])) : (x(), O(ks, {
                 key: J.value ? `${q.id}-tile` : `${q.id}-tile-fullscreen`,
                 class: "tile-container",
                 context: P.value,
                 definition: q.meta,
-                height: q.layout.size.rows * (r.value.tile_height || x(Xe)) + parseInt(x(ei), 10),
+                height: q.layout.size.rows * (r.value.tile_height || E(Xe)) + parseInt(E(ei), 10),
                 "is-fullscreen": J.value,
                 "query-ready": y.value,
                 "refresh-counter": n.value,
@@ -4359,12 +4359,12 @@ const Os = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Hs = { cl
               }, null, 8, ["context", "definition", "height", "is-fullscreen", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
             ]),
             _: 3
-          }, 40, ["tile-height", "tiles"])) : (C(), O(N, {
+          }, 40, ["tile-height", "tiles"])) : (x(), O(N, {
             key: 1,
             appearance: "danger"
           }, {
             default: $(() => [
-              ht(ne(x(o).t("renderer.noQueryBridge")), 1)
+              ht(ne(E(o).t("renderer.noQueryBridge")), 1)
             ]),
             _: 1
           }))
@@ -4379,7 +4379,7 @@ export {
   Rt as E,
   Ki as F,
   Ds as G,
-  pe as I,
+  me as I,
   Ui as T,
   ct as _,
   Xe as a,