@kong-ui-public/dashboard-renderer 5.2.0 → 5.2.1

package/dist/dashboard-renderer.es.js

@@ -1,39 +1,39 @@
-var Lt = Object.defineProperty;
-var Je = (u) => {
+var It = Object.defineProperty;
+var et = (u) => {
   throw TypeError(u);
 };
-var Mt = (u, e, t) => e in u ? Lt(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
-var et = (u, e, t) => Mt(u, typeof e != "symbol" ? e + "" : e, t), qe = (u, e, t) => e.has(u) || Je("Cannot " + t);
-var _ = (u, e, t) => (qe(u, e, "read from private field"), t ? t.call(u) : e.get(u)), M = (u, e, t) => e.has(u) ? Je("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(u) : e.set(u, t), A = (u, e, t, i) => (qe(u, e, "write to private field"), i ? i.call(u, t) : e.set(u, t), t), I = (u, e, t) => (qe(u, e, "access private method"), t);
-var we = (u, e, t, i) => ({
+var Pt = (u, e, t) => e in u ? It(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var tt = (u, e, t) => Pt(u, typeof e != "symbol" ? e + "" : e, t), Be = (u, e, t) => e.has(u) || et("Cannot " + t);
+var v = (u, e, t) => (Be(u, e, "read from private field"), t ? t.call(u) : e.get(u)), M = (u, e, t) => e.has(u) ? et("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(u) : e.set(u, t), A = (u, e, t, i) => (Be(u, e, "write to private field"), i ? i.call(u, t) : e.set(u, t), t), I = (u, e, t) => (Be(u, e, "access private method"), t);
+var be = (u, e, t, i) => ({
   set _(s) {
     A(u, e, s, t);
   },
   get _() {
-    return _(u, e, i);
+    return v(u, e, i);
   }
 });
-import { ref as U, watchEffect as mt, inject as _e, provide as It, defineComponent as W, onUnmounted as Ue, computed as O, watch as Fe, resolveComponent as oe, unref as S, openBlock as C, createBlock as H, withCtx as P, createTextVNode as ue, toDisplayString as J, renderSlot as Me, createCommentVNode as V, useCssVars as Ge, createElementVNode as ce, normalizeClass as We, createVNode as se, mergeProps as pt, createSlots as yt, createElementBlock as F, normalizeProps as Pt, guardReactiveProps as qt, defineAsyncComponent as Bt, onMounted as Ve, nextTick as vt, resolveDynamicComponent as _t, Fragment as wt, renderList as bt, normalizeStyle as tt, mergeModels as it, useModel as $t } from "vue";
-import { stripUnknownFilters as Ut, Timeframe as Ft, TimePeriods as Et, TIMEFRAME_LOOKUP as Gt, formatTime as st, msToGranularity as Wt } from "@kong-ui-public/analytics-utilities";
-import { SimpleChart as Vt, AnalyticsChart as Kt, TopNTable as Yt, CsvExportModal as Xt } from "@kong-ui-public/analytics-chart";
-import jt from "swrv";
+import { ref as F, watchEffect as pt, inject as _e, provide as qt, defineComponent as W, onUnmounted as Ue, computed as L, watch as Ge, resolveComponent as oe, unref as S, openBlock as C, createBlock as O, withCtx as P, createTextVNode as ce, toDisplayString as J, renderSlot as Ie, createCommentVNode as V, useCssVars as We, createElementVNode as fe, normalizeClass as Ve, createVNode as se, mergeProps as yt, createSlots as vt, createElementBlock as U, normalizeProps as Bt, guardReactiveProps as $t, defineAsyncComponent as Ft, onMounted as Ke, nextTick as _t, resolveDynamicComponent as wt, Fragment as bt, renderList as Et, normalizeStyle as it, mergeModels as st, useModel as Ut } from "vue";
+import { stripUnknownFilters as Gt, Timeframe as Wt, TimePeriods as xt, TIMEFRAME_LOOKUP as Vt, formatTime as rt, msToGranularity as Kt } from "@kong-ui-public/analytics-utilities";
+import { SimpleChart as Yt, AnalyticsChart as Xt, TopNTable as jt, CsvExportModal as Qt } from "@kong-ui-public/analytics-chart";
+import Zt from "swrv";
 import "axios";
-import { createI18n as Qt, i18nTComponent as Zt } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as xt } from "@kong-ui-public/analytics-config-store";
-import { MetricsProvider as Jt, MetricsConsumer as ei } from "@kong-ui-public/analytics-metric-provider";
-import { EditIcon as ti, MoreIcon as ii } from "@kong/icons";
-var Ct = /* @__PURE__ */ ((u) => (u.VALIDATING = "VALIDATING", u.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", u.PENDING = "PENDING", u.SUCCESS = "SUCCESS", u.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", u.ERROR = "ERROR", u.STALE_IF_ERROR = "STALE_IF_ERROR", u))(Ct || {});
-const si = (u) => {
+import { createI18n as Jt, i18nTComponent as ei } from "@kong-ui-public/i18n";
+import { useAnalyticsConfigStore as Ct } from "@kong-ui-public/analytics-config-store";
+import { MetricsProvider as ti, MetricsConsumer as ii } from "@kong-ui-public/analytics-metric-provider";
+import { EditIcon as si, MoreIcon as ri } from "@kong/icons";
+var Rt = /* @__PURE__ */ ((u) => (u.VALIDATING = "VALIDATING", u.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", u.PENDING = "PENDING", u.SUCCESS = "SUCCESS", u.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", u.ERROR = "ERROR", u.STALE_IF_ERROR = "STALE_IF_ERROR", u))(Rt || {});
+const ni = (u) => {
   var e, t, i, s, r;
   return u ? !!// TODO: revisit: currently only the first check ever matters?
   ((e = Object.keys(u)) != null && e.length || (t = u.data) != null && t.length || (s = (i = u.data) == null ? void 0 : i.data) != null && s.length || !((r = u.data) != null && r.data) && typeof u.data == "object" && Object.keys(u == null ? void 0 : u.data).length) : !1;
 };
-function ri(u = U({}), e, t, i = si) {
-  const s = U(
+function oi(u = F({}), e, t, i = ni) {
+  const s = F(
     "PENDING"
     /* PENDING */
   );
-  return mt(() => {
+  return pt(() => {
     const r = i(u.value);
     if (u.value && r && t.value) {
       s.value = "VALIDATING_HAS_DATA";
@@ -62,10 +62,10 @@ function ri(u = U({}), e, t, i = si) {
     u.value === void 0 && e && (s.value = "ERROR");
   }), {
     state: s,
-    swrvState: Ct
+    swrvState: Rt
   };
 }
-const ni = {
+const ai = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard.",
   trendRange: {
     "24h": "Last 24-Hour Summary",
@@ -75,36 +75,36 @@ const ni = {
   edit: "Edit",
   duplicateTile: "Duplicate",
   remove: "Remove"
-}, oi = {
+}, li = {
   timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
-}, ai = {
+}, hi = {
   defaultFilename: "Chart Export",
   exportAsCsv: "Export as CSV"
-}, li = "Explore", hi = {
-  renderer: ni,
-  queryDataProvider: oi,
-  csvExport: ai,
-  jumpToExplore: li
+}, di = "Explore", ui = {
+  renderer: ai,
+  queryDataProvider: li,
+  csvExport: hi,
+  jumpToExplore: di
 };
-function di() {
-  const u = Qt("en-us", hi);
+function ci() {
+  const u = Jt("en-us", ui);
   return {
     i18n: u,
-    i18nT: Zt(u)
+    i18nT: ei(u)
     // Translation component <i18n-t>
   };
 }
-const Ke = 170, le = "analytics-query-provider", rt = "{entity-id}", ui = "{cp-id}", ci = "{timeframe}", fi = 30 * 1e3;
-function gi() {
+const Ye = 170, le = "analytics-query-provider", nt = "{entity-id}", fi = "{cp-id}", gi = "{timeframe}", mi = 30 * 1e3;
+function pi() {
   const u = _e(le);
   return {
     evaluateFeatureFlag: (t, i) => u ? u.evaluateFeatureFlagFn(t, i) : i
   };
 }
-function mi(u) {
+function yi(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var Rt = { exports: {} };
+var Tt = { exports: {} };
 (function(u) {
   var e = Object.prototype.hasOwnProperty, t = "~";
   function i() {
@@ -116,8 +116,8 @@ var Rt = { exports: {} };
   function r(d, h, a, l, f) {
     if (typeof a != "function")
       throw new TypeError("The listener must be a function");
-    var m = new s(a, l || d, f), p = t ? t + h : h;
-    return d._events[p] ? d._events[p].fn ? d._events[p] = [d._events[p], m] : d._events[p].push(m) : (d._events[p] = m, d._eventsCount++), d;
+    var g = new s(a, l || d, f), p = t ? t + h : h;
+    return d._events[p] ? d._events[p].fn ? d._events[p] = [d._events[p], g] : d._events[p].push(g) : (d._events[p] = g, d._eventsCount++), d;
   }
   function o(d, h) {
     --d._eventsCount === 0 ? d._events = new i() : delete d._events[h];
@@ -135,54 +135,54 @@ var Rt = { exports: {} };
     var a = t ? t + h : h, l = this._events[a];
     if (!l) return [];
     if (l.fn) return [l.fn];
-    for (var f = 0, m = l.length, p = new Array(m); f < m; f++)
+    for (var f = 0, g = l.length, p = new Array(g); f < g; f++)
       p[f] = l[f].fn;
     return p;
   }, n.prototype.listenerCount = function(h) {
     var a = t ? t + h : h, l = this._events[a];
     return l ? l.fn ? 1 : l.length : 0;
-  }, n.prototype.emit = function(h, a, l, f, m, p) {
+  }, n.prototype.emit = function(h, a, l, f, g, p) {
     var y = t ? t + h : h;
     if (!this._events[y]) return !1;
-    var g = this._events[y], R = arguments.length, k, E;
-    if (g.fn) {
-      switch (g.once && this.removeListener(h, g.fn, void 0, !0), R) {
+    var m = this._events[y], E = arguments.length, N, R;
+    if (m.fn) {
+      switch (m.once && this.removeListener(h, m.fn, void 0, !0), E) {
         case 1:
-          return g.fn.call(g.context), !0;
+          return m.fn.call(m.context), !0;
         case 2:
-          return g.fn.call(g.context, a), !0;
+          return m.fn.call(m.context, a), !0;
         case 3:
-          return g.fn.call(g.context, a, l), !0;
+          return m.fn.call(m.context, a, l), !0;
         case 4:
-          return g.fn.call(g.context, a, l, f), !0;
+          return m.fn.call(m.context, a, l, f), !0;
         case 5:
-          return g.fn.call(g.context, a, l, f, m), !0;
+          return m.fn.call(m.context, a, l, f, g), !0;
         case 6:
-          return g.fn.call(g.context, a, l, f, m, p), !0;
+          return m.fn.call(m.context, a, l, f, g, p), !0;
       }
-      for (E = 1, k = new Array(R - 1); E < R; E++)
-        k[E - 1] = arguments[E];
-      g.fn.apply(g.context, k);
+      for (R = 1, N = new Array(E - 1); R < E; R++)
+        N[R - 1] = arguments[R];
+      m.fn.apply(m.context, N);
     } else {
-      var L = g.length, D;
-      for (E = 0; E < L; E++)
-        switch (g[E].once && this.removeListener(h, g[E].fn, void 0, !0), R) {
+      var H = m.length, z;
+      for (R = 0; R < H; R++)
+        switch (m[R].once && this.removeListener(h, m[R].fn, void 0, !0), E) {
           case 1:
-            g[E].fn.call(g[E].context);
+            m[R].fn.call(m[R].context);
             break;
           case 2:
-            g[E].fn.call(g[E].context, a);
+            m[R].fn.call(m[R].context, a);
             break;
           case 3:
-            g[E].fn.call(g[E].context, a, l);
+            m[R].fn.call(m[R].context, a, l);
             break;
           case 4:
-            g[E].fn.call(g[E].context, a, l, f);
+            m[R].fn.call(m[R].context, a, l, f);
             break;
           default:
-            if (!k) for (D = 1, k = new Array(R - 1); D < R; D++)
-              k[D - 1] = arguments[D];
-            g[E].fn.apply(g[E].context, k);
+            if (!N) for (z = 1, N = new Array(E - 1); z < E; z++)
+              N[z - 1] = arguments[z];
+            m[R].fn.apply(m[R].context, N);
         }
     }
     return !0;
@@ -191,41 +191,41 @@ var Rt = { exports: {} };
   }, n.prototype.once = function(h, a, l) {
     return r(this, h, a, l, !0);
   }, n.prototype.removeListener = function(h, a, l, f) {
-    var m = t ? t + h : h;
-    if (!this._events[m]) return this;
+    var g = t ? t + h : h;
+    if (!this._events[g]) return this;
     if (!a)
-      return o(this, m), this;
-    var p = this._events[m];
+      return o(this, g), this;
+    var p = this._events[g];
     if (p.fn)
-      p.fn === a && (!f || p.once) && (!l || p.context === l) && o(this, m);
+      p.fn === a && (!f || p.once) && (!l || p.context === l) && o(this, g);
     else {
-      for (var y = 0, g = [], R = p.length; y < R; y++)
-        (p[y].fn !== a || f && !p[y].once || l && p[y].context !== l) && g.push(p[y]);
-      g.length ? this._events[m] = g.length === 1 ? g[0] : g : o(this, m);
+      for (var y = 0, m = [], E = p.length; y < E; y++)
+        (p[y].fn !== a || f && !p[y].once || l && p[y].context !== l) && m.push(p[y]);
+      m.length ? this._events[g] = m.length === 1 ? m[0] : m : o(this, g);
     }
     return this;
   }, n.prototype.removeAllListeners = function(h) {
     var a;
     return h ? (a = t ? t + h : h, this._events[a] && o(this, a)) : (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, u.exports = n;
-})(Rt);
-var pi = Rt.exports;
-const yi = /* @__PURE__ */ mi(pi);
-class Tt extends Error {
+})(Tt);
+var vi = Tt.exports;
+const _i = /* @__PURE__ */ yi(vi);
+class zt extends Error {
   constructor(e) {
     super(e), this.name = "TimeoutError";
   }
 }
-class vi extends Error {
+class wi extends Error {
   constructor(e) {
     super(), this.name = "AbortError", this.message = e;
   }
 }
-const nt = (u) => globalThis.DOMException === void 0 ? new vi(u) : new DOMException(u), ot = (u) => {
-  const e = u.reason === void 0 ? nt("This operation was aborted.") : u.reason;
-  return e instanceof Error ? e : nt(e);
+const ot = (u) => globalThis.DOMException === void 0 ? new wi(u) : new DOMException(u), at = (u) => {
+  const e = u.reason === void 0 ? ot("This operation was aborted.") : u.reason;
+  return e instanceof Error ? e : ot(e);
 };
-function _i(u, e) {
+function bi(u, e) {
   const {
     milliseconds: t,
     fallback: i,
@@ -237,22 +237,22 @@ function _i(u, e) {
     if (typeof t != "number" || Math.sign(t) !== 1)
       throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);
     if (e.signal) {
-      const { signal: m } = e;
-      m.aborted && l(ot(m)), n = () => {
-        l(ot(m));
-      }, m.addEventListener("abort", n, { once: !0 });
+      const { signal: g } = e;
+      g.aborted && l(at(g)), n = () => {
+        l(at(g));
+      }, g.addEventListener("abort", n, { once: !0 });
     }
     if (t === Number.POSITIVE_INFINITY) {
       u.then(a, l);
       return;
     }
-    const f = new Tt();
+    const f = new zt();
     o = r.setTimeout.call(void 0, () => {
       if (i) {
         try {
           a(i());
-        } catch (m) {
-          l(m);
+        } catch (g) {
+          l(g);
         }
         return;
       }
@@ -260,8 +260,8 @@ function _i(u, e) {
     }, t), (async () => {
       try {
         a(await u);
-      } catch (m) {
-        l(m);
+      } catch (g) {
+        l(g);
       }
     })();
   }).finally(() => {
@@ -271,7 +271,7 @@ function _i(u, e) {
     r.clearTimeout.call(void 0, o), o = void 0;
   }, h;
 }
-function wi(u, e, t) {
+function Ei(u, e, t) {
   let i = 0, s = u.length;
   for (; s > 0; ) {
     const r = Math.trunc(s / 2);
@@ -281,7 +281,7 @@ function wi(u, e, t) {
   return i;
 }
 var K;
-class bi {
+class xi {
   constructor() {
     M(this, K, []);
   }
@@ -295,83 +295,83 @@ class bi {
       id: t.id,
       run: e
     };
-    if (this.size === 0 || _(this, K)[this.size - 1].priority >= t.priority) {
-      _(this, K).push(i);
+    if (this.size === 0 || v(this, K)[this.size - 1].priority >= t.priority) {
+      v(this, K).push(i);
       return;
     }
-    const s = wi(_(this, K), i, (r, o) => o.priority - r.priority);
-    _(this, K).splice(s, 0, i);
+    const s = Ei(v(this, K), i, (r, o) => o.priority - r.priority);
+    v(this, K).splice(s, 0, i);
   }
   setPriority(e, t) {
-    const i = _(this, K).findIndex((r) => r.id === e);
+    const i = v(this, K).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, K).splice(i, 1);
+    const [s] = v(this, K).splice(i, 1);
     this.enqueue(s.run, { priority: t, id: e });
   }
   dequeue() {
-    const e = _(this, K).shift();
+    const e = v(this, K).shift();
     return e == null ? void 0 : e.run;
   }
   filter(e) {
-    return _(this, K).filter((t) => t.priority === e.priority).map((t) => t.run);
+    return v(this, K).filter((t) => t.priority === e.priority).map((t) => t.run);
   }
   get size() {
-    return _(this, K).length;
+    return v(this, K).length;
   }
 }
 K = new WeakMap();
-var fe, ge, ne, xe, me, Ce, Y, pe, $, Re, X, ye, ie, Te, Le, T, zt, Dt, St, kt, Nt, ze, Be, $e, De, At, Se;
-class Ei extends yi {
+var ge, me, ne, Ce, pe, Re, Y, ye, B, Te, X, ve, ie, ze, Me, T, Dt, St, kt, Nt, At, De, $e, Fe, Se, Ht, ke;
+class Ci extends _i {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
     M(this, T);
-    M(this, fe);
     M(this, ge);
-    M(this, ne, 0);
-    M(this, xe);
     M(this, me);
-    M(this, Ce, 0);
-    M(this, Y);
+    M(this, ne, 0);
+    M(this, Ce);
     M(this, pe);
-    M(this, $);
-    M(this, Re);
+    M(this, Re, 0);
+    M(this, Y);
+    M(this, ye);
+    M(this, B);
+    M(this, Te);
     M(this, X, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
-    M(this, ye);
+    M(this, ve);
     M(this, ie);
-    M(this, Te);
+    M(this, ze);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
-    M(this, Le, 1n);
+    M(this, Me, 1n);
     /**
         Per-operation timeout in milliseconds. Operations fulfill once `timeout` elapses if they haven't already.
     
         Applies to each future operation.
         */
-    et(this, "timeout");
+    tt(this, "timeout");
     if (t = {
       carryoverConcurrencyCount: !1,
       intervalCap: Number.POSITIVE_INFINITY,
       interval: 0,
       concurrency: Number.POSITIVE_INFINITY,
       autoStart: !0,
-      queueClass: bi,
+      queueClass: xi,
       ...t
     }, !(typeof t.intervalCap == "number" && t.intervalCap >= 1))
       throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${((i = t.intervalCap) == null ? void 0 : i.toString()) ?? ""}\` (${typeof t.intervalCap})`);
     if (t.interval === void 0 || !(Number.isFinite(t.interval) && t.interval >= 0))
       throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${((s = t.interval) == null ? void 0 : s.toString()) ?? ""}\` (${typeof t.interval})`);
-    A(this, fe, t.carryoverConcurrencyCount), A(this, ge, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), A(this, xe, t.intervalCap), A(this, me, t.interval), A(this, $, new t.queueClass()), A(this, Re, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, A(this, Te, t.throwOnTimeout === !0), A(this, ie, t.autoStart === !1);
+    A(this, ge, t.carryoverConcurrencyCount), A(this, me, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), A(this, Ce, t.intervalCap), A(this, pe, t.interval), A(this, B, new t.queueClass()), A(this, Te, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, A(this, ze, t.throwOnTimeout === !0), A(this, ie, t.autoStart === !1);
   }
   get concurrency() {
-    return _(this, ye);
+    return v(this, ve);
   }
   set concurrency(t) {
     if (!(typeof t == "number" && t >= 1))
       throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${t}\` (${typeof t})`);
-    A(this, ye, t), I(this, T, De).call(this);
+    A(this, ve, t), I(this, T, Se).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -410,33 +410,33 @@ class Ei extends yi {
       Here, the promise function with `id: '🦀'` executes last.
       */
   setPriority(t, i) {
-    _(this, $).setPriority(t, i);
+    v(this, B).setPriority(t, i);
   }
   async add(t, i = {}) {
-    return i.id ?? (i.id = (we(this, Le)._++).toString()), i = {
+    return i.id ?? (i.id = (be(this, Me)._++).toString()), i = {
       timeout: this.timeout,
-      throwOnTimeout: _(this, Te),
+      throwOnTimeout: v(this, ze),
       ...i
     }, new Promise((s, r) => {
-      _(this, $).enqueue(async () => {
+      v(this, B).enqueue(async () => {
         var o;
-        we(this, X)._++, we(this, ne)._++;
+        be(this, X)._++, be(this, ne)._++;
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
-          i.timeout && (n = _i(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, I(this, T, At).call(this, i.signal)]));
+          i.timeout && (n = bi(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, I(this, T, Ht).call(this, i.signal)]));
           const d = await n;
           s(d), this.emit("completed", d);
         } catch (n) {
-          if (n instanceof Tt && !i.throwOnTimeout) {
+          if (n instanceof zt && !i.throwOnTimeout) {
             s();
             return;
           }
           r(n), this.emit("error", n);
         } finally {
-          I(this, T, St).call(this);
+          I(this, T, kt).call(this);
         }
-      }, i), this.emit("add"), I(this, T, ze).call(this);
+      }, i), this.emit("add"), I(this, T, De).call(this);
     });
   }
   async addAll(t, i) {
@@ -446,7 +446,7 @@ class Ei extends yi {
   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, ie) ? (A(this, ie, !1), I(this, T, De).call(this), this) : this;
+    return v(this, ie) ? (A(this, ie, !1), I(this, T, Se).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
@@ -458,7 +458,7 @@ class Ei extends yi {
   Clear the queue.
   */
   clear() {
-    A(this, $, new (_(this, Re))());
+    A(this, B, new (v(this, Te))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -466,7 +466,7 @@ class Ei extends yi {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    _(this, $).size !== 0 && await I(this, T, Se).call(this, "empty");
+    v(this, B).size !== 0 && await I(this, T, ke).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -476,7 +476,7 @@ class Ei extends yi {
       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, $).size < t || await I(this, T, Se).call(this, "next", () => _(this, $).size < t);
+    v(this, B).size < t || await I(this, T, ke).call(this, "next", () => v(this, B).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.
@@ -484,13 +484,13 @@ class Ei extends yi {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    _(this, X) === 0 && _(this, $).size === 0 || await I(this, T, Se).call(this, "idle");
+    v(this, X) === 0 && v(this, B).size === 0 || await I(this, T, ke).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
   */
   get size() {
-    return _(this, $).size;
+    return v(this, B).size;
   }
   /**
       Size of the queue, filtered by the given options.
@@ -498,71 +498,71 @@ class Ei extends yi {
       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, $).filter(t).length;
+    return v(this, B).filter(t).length;
   }
   /**
   Number of running items (no longer in the queue).
   */
   get pending() {
-    return _(this, X);
+    return v(this, X);
   }
   /**
   Whether the queue is currently paused.
   */
   get isPaused() {
-    return _(this, ie);
+    return v(this, ie);
   }
 }
-fe = new WeakMap(), ge = new WeakMap(), ne = new WeakMap(), xe = new WeakMap(), me = new WeakMap(), Ce = new WeakMap(), Y = new WeakMap(), pe = new WeakMap(), $ = new WeakMap(), Re = new WeakMap(), X = new WeakMap(), ye = new WeakMap(), ie = new WeakMap(), Te = new WeakMap(), Le = new WeakMap(), T = new WeakSet(), zt = function() {
-  return _(this, ge) || _(this, ne) < _(this, xe);
-}, Dt = function() {
-  return _(this, X) < _(this, ye);
+ge = new WeakMap(), me = new WeakMap(), ne = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Re = new WeakMap(), Y = new WeakMap(), ye = new WeakMap(), B = new WeakMap(), Te = new WeakMap(), X = new WeakMap(), ve = new WeakMap(), ie = new WeakMap(), ze = new WeakMap(), Me = new WeakMap(), T = new WeakSet(), Dt = function() {
+  return v(this, me) || v(this, ne) < v(this, Ce);
 }, St = function() {
-  we(this, X)._--, I(this, T, ze).call(this), this.emit("next");
+  return v(this, X) < v(this, ve);
 }, kt = function() {
-  I(this, T, $e).call(this), I(this, T, Be).call(this), A(this, pe, void 0);
+  be(this, X)._--, I(this, T, De).call(this), this.emit("next");
 }, Nt = function() {
+  I(this, T, Fe).call(this), I(this, T, $e).call(this), A(this, ye, void 0);
+}, At = function() {
   const t = Date.now();
-  if (_(this, Y) === void 0) {
-    const i = _(this, Ce) - t;
+  if (v(this, Y) === void 0) {
+    const i = v(this, Re) - t;
     if (i < 0)
-      A(this, ne, _(this, fe) ? _(this, X) : 0);
+      A(this, ne, v(this, ge) ? v(this, X) : 0);
     else
-      return _(this, pe) === void 0 && A(this, pe, setTimeout(() => {
-        I(this, T, kt).call(this);
+      return v(this, ye) === void 0 && A(this, ye, setTimeout(() => {
+        I(this, T, Nt).call(this);
       }, i)), !0;
   }
   return !1;
-}, ze = function() {
-  if (_(this, $).size === 0)
-    return _(this, Y) && clearInterval(_(this, Y)), A(this, Y, void 0), this.emit("empty"), _(this, X) === 0 && this.emit("idle"), !1;
-  if (!_(this, ie)) {
-    const t = !_(this, T, Nt);
-    if (_(this, T, zt) && _(this, T, Dt)) {
-      const i = _(this, $).dequeue();
-      return i ? (this.emit("active"), i(), t && I(this, T, Be).call(this), !0) : !1;
+}, De = function() {
+  if (v(this, B).size === 0)
+    return v(this, Y) && clearInterval(v(this, Y)), A(this, Y, void 0), this.emit("empty"), v(this, X) === 0 && this.emit("idle"), !1;
+  if (!v(this, ie)) {
+    const t = !v(this, T, At);
+    if (v(this, T, Dt) && v(this, T, St)) {
+      const i = v(this, B).dequeue();
+      return i ? (this.emit("active"), i(), t && I(this, T, $e).call(this), !0) : !1;
     }
   }
   return !1;
-}, Be = function() {
-  _(this, ge) || _(this, Y) !== void 0 || (A(this, Y, setInterval(() => {
-    I(this, T, $e).call(this);
-  }, _(this, me))), A(this, Ce, Date.now() + _(this, me)));
 }, $e = function() {
-  _(this, ne) === 0 && _(this, X) === 0 && _(this, Y) && (clearInterval(_(this, Y)), A(this, Y, void 0)), A(this, ne, _(this, fe) ? _(this, X) : 0), I(this, T, De).call(this);
+  v(this, me) || v(this, Y) !== void 0 || (A(this, Y, setInterval(() => {
+    I(this, T, Fe).call(this);
+  }, v(this, pe))), A(this, Re, Date.now() + v(this, pe)));
+}, Fe = function() {
+  v(this, ne) === 0 && v(this, X) === 0 && v(this, Y) && (clearInterval(v(this, Y)), A(this, Y, void 0)), A(this, ne, v(this, ge) ? v(this, X) : 0), I(this, T, Se).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
-De = function() {
-  for (; I(this, T, ze).call(this); )
+Se = function() {
+  for (; I(this, T, De).call(this); )
     ;
-}, At = async function(t) {
+}, Ht = async function(t) {
   return new Promise((i, s) => {
     t.addEventListener("abort", () => {
       s(t.reason);
     }, { once: !0 });
   });
-}, Se = async function(t, i) {
+}, ke = async function(t, i) {
   return new Promise((s) => {
     const r = () => {
       i && !i() || (this.off(t, r), s());
@@ -570,15 +570,15 @@ De = function() {
     this.on(t, r);
   });
 };
-const xi = () => {
-  const u = xt(), e = _e(le);
+const Ri = () => {
+  const u = Ct(), e = _e(le);
   if (!e)
     return;
   if (e.queryFnOverride) {
     console.warn("Detected incorrect use of useRequestQueue.  This composable should not be used in nested components.  Please discuss with team-data or report an issue if you feel you have a use case.");
     return;
   }
-  const t = new Ei({
+  const t = new Ci({
     carryoverConcurrencyCount: !0,
     concurrency: u.maxParallelRequests,
     interval: u.requestInterval,
@@ -588,12 +588,12 @@ const xi = () => {
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  It(le, i);
-}, ve = {
-  useI18n: di,
-  useEvaluateFeatureFlag: gi,
-  useRequestQueue: xi
-}, Ye = /* @__PURE__ */ W({
+  qt(le, i);
+}, he = {
+  useI18n: ci,
+  useEvaluateFeatureFlag: pi,
+  useRequestQueue: Ri
+}, Xe = /* @__PURE__ */ W({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -603,73 +603,73 @@ const xi = () => {
   },
   emits: ["chart-data", "queryComplete"],
   setup(u, { emit: e }) {
-    const t = u, i = e, { i18n: s } = ve.useI18n(), r = _e(le), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
+    const t = u, i = e, { i18n: s } = he.useI18n(), r = _e(le), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
     Ue(() => {
       n.abort();
     });
-    const d = (R, k, E) => {
-      const L = [];
-      return k && L.push(...k), L.push(...Ut(R, E)), L;
-    }, { data: h, error: a, isValidating: l } = jt(o, async () => {
-      var R, k, E, L;
+    const d = (E, N, R) => {
+      const H = [];
+      return N && H.push(...N), H.push(...Gt(E, R)), H;
+    }, { data: h, error: a, isValidating: l } = Zt(o, async () => {
+      var E, N, R, H;
       try {
         let {
-          datasource: D,
+          datasource: z,
           ...x
         } = t.query;
-        D || (D = "basic");
-        const N = d(D, t.query.filters, t.context.filters);
-        let z = t.query.time_range;
-        z ? z.tz || (z = {
-          ...z,
+        z || (z = "basic");
+        const k = d(z, t.query.filters, t.context.filters);
+        let D = t.query.time_range;
+        D ? D.tz || (D = {
+          ...D,
           tz: t.context.tz
-        }) : z = {
+        }) : D = {
           ...t.context.timeSpec,
           tz: t.context.tz
         };
-        const q = {
-          datasource: D,
+        const $ = {
+          datasource: z,
           query: {
             ...x,
-            time_range: z,
-            filters: N
+            time_range: D,
+            filters: k
           }
         };
-        return r == null ? void 0 : r.queryFn(q, n);
-      } catch (D) {
-        p.value = ((k = (R = D == null ? void 0 : D.response) == null ? void 0 : R.data) == null ? void 0 : k.message) === "Range not allowed for this tier" ? s.t("queryDataProvider.timeRangeExceeded") : ((L = (E = D == null ? void 0 : D.response) == null ? void 0 : E.data) == null ? void 0 : L.message) || (D == null ? void 0 : D.message);
+        return r == null ? void 0 : r.queryFn($, n);
+      } catch (z) {
+        p.value = ((N = (E = z == null ? void 0 : z.response) == null ? void 0 : E.data) == null ? void 0 : N.message) === "Range not allowed for this tier" ? s.t("queryDataProvider.timeRangeExceeded") : ((H = (R = z == null ? void 0 : z.response) == null ? void 0 : R.data) == null ? void 0 : H.message) || (z == null ? void 0 : z.message);
       } finally {
         i("queryComplete");
       }
     }, {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1
-    }), { state: f, swrvState: m } = ri(h, a, l), p = U(null), y = O(() => f.value === m.ERROR || !!p.value), g = O(() => !t.queryReady || f.value === m.PENDING);
-    return Fe(h, (R) => {
-      R && i("chart-data", R);
-    }), (R, k) => {
-      const E = oe("KSkeleton"), L = oe("KEmptyState");
-      return g.value || !S(h) && !y.value ? (C(), H(E, {
+    }), { state: f, swrvState: g } = oi(h, a, l), p = F(null), y = L(() => f.value === g.ERROR || !!p.value), m = L(() => !t.queryReady || f.value === g.PENDING);
+    return Ge(h, (E) => {
+      E && i("chart-data", E);
+    }), (E, N) => {
+      const R = oe("KSkeleton"), H = oe("KEmptyState");
+      return m.value || !S(h) && !y.value ? (C(), O(R, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : y.value ? (C(), H(L, {
+      })) : y.value ? (C(), O(H, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state",
         "icon-variant": "error"
       }, {
         default: P(() => [
-          ue(J(p.value), 1)
+          ce(J(p.value), 1)
         ]),
         _: 1
-      })) : S(h) ? Me(R.$slots, "default", {
+      })) : S(h) ? Ie(E.$slots, "default", {
         key: 2,
         data: S(h)
       }) : V("", !0);
     };
   }
-}), Ci = /* @__PURE__ */ W({
+}), Ti = /* @__PURE__ */ W({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -680,21 +680,21 @@ const xi = () => {
     refreshCounter: {}
   },
   setup(u) {
-    Ge((i) => ({
+    We((i) => ({
       "35a26ebf": `${i.height}px`
     }));
-    const e = u, t = O(() => e.chartOptions.type === "single_value");
-    return (i, s) => (C(), H(Ye, {
+    const e = u, t = L(() => e.chartOptions.type === "single_value");
+    return (i, s) => (C(), O(Xe, {
       context: i.context,
       query: i.query,
       "query-ready": i.queryReady,
       "refresh-counter": i.refreshCounter
     }, {
       default: P(({ data: r }) => [
-        ce("div", {
-          class: We(["analytics-chart", { "single-value": t.value }])
+        fe("div", {
+          class: Ve(["analytics-chart", { "single-value": t.value }])
         }, [
-          se(S(Vt), {
+          se(S(Yt), {
             "chart-data": r,
             "chart-options": i.chartOptions,
             "synthetics-data-key": t.value ? void 0 : i.chartOptions.syntheticsDataKey
@@ -704,12 +704,12 @@ const xi = () => {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), he = (u, e) => {
+}), de = (u, e) => {
   const t = u.__vccOpts || u;
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, at = /* @__PURE__ */ he(Ci, [["__scopeId", "data-v-65cc8607"]]), Ri = { class: "analytics-chart" }, Ti = /* @__PURE__ */ W({
+}, lt = /* @__PURE__ */ de(Ti, [["__scopeId", "data-v-65cc8607"]]), zi = { class: "analytics-chart" }, Di = /* @__PURE__ */ W({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -722,7 +722,7 @@ const xi = () => {
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range"],
   setup(u, { emit: e }) {
-    const t = u, i = e, { i18n: s } = ve.useI18n(), { evaluateFeatureFlag: r } = ve.useEvaluateFeatureFlag(), o = r("explore-v4-fine-granularity", !1), n = O(() => ({
+    const t = u, i = e, { i18n: s } = he.useI18n(), { evaluateFeatureFlag: r } = he.useEvaluateFeatureFlag(), o = r("explore-v4-fine-granularity", !1), n = L(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chartDatasetColors,
@@ -734,18 +734,18 @@ const xi = () => {
     };
     return (a, l) => {
       const f = oe("KDropdownItem");
-      return C(), H(Ye, {
+      return C(), O(Xe, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
         "refresh-counter": a.refreshCounter,
         onChartData: h
       }, {
-        default: P(({ data: m }) => [
-          ce("div", Ri, [
-            se(S(Kt), pt({
+        default: P(({ data: g }) => [
+          fe("div", zi, [
+            se(S(Xt), yt({
               "allow-csv-export": a.chartOptions.allowCsvExport,
-              "chart-data": m,
+              "chart-data": g,
               "chart-options": n.value,
               "legend-position": "bottom",
               "show-menu": a.context.editable,
@@ -754,13 +754,13 @@ const xi = () => {
               "tooltip-title": ""
             }, a.extraProps, {
               onZoomTimeRange: l[0] || (l[0] = (p) => i("zoom-time-range", p))
-            }), yt({ _: 2 }, [
+            }), vt({ _: 2 }, [
               a.context.editable ? {
                 name: "menu-items",
                 fn: P(() => [
                   se(f, { onClick: d }, {
                     default: P(() => [
-                      ue(J(S(s).t("renderer.edit")), 1)
+                      ce(J(S(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -774,7 +774,7 @@ const xi = () => {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), Xe = /* @__PURE__ */ he(Ti, [["__scopeId", "data-v-a9ee3db9"]]), lt = /* @__PURE__ */ W({
+}), je = /* @__PURE__ */ de(Di, [["__scopeId", "data-v-a9ee3db9"]]), ht = /* @__PURE__ */ W({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -785,7 +785,7 @@ const xi = () => {
     refreshCounter: {}
   },
   setup(u) {
-    return (e, t) => (C(), H(Xe, {
+    return (e, t) => (C(), O(je, {
       "chart-options": e.chartOptions,
       context: e.context,
       "extra-props": { showAnnotations: !1 },
@@ -795,7 +795,7 @@ const xi = () => {
       "refresh-counter": e.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), ht = /* @__PURE__ */ W({
+}), dt = /* @__PURE__ */ W({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -808,7 +808,7 @@ const xi = () => {
   emits: ["zoom-time-range"],
   setup(u, { emit: e }) {
     const t = e;
-    return (i, s) => (C(), H(Xe, {
+    return (i, s) => (C(), O(je, {
       "chart-options": i.chartOptions,
       context: i.context,
       height: i.height,
@@ -818,7 +818,7 @@ const xi = () => {
       onZoomTimeRange: s[0] || (s[0] = (r) => t("zoom-time-range", r))
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), zi = { class: "metric-card-tile-wrapper" }, Di = /* @__PURE__ */ W({
+}), Si = { class: "metric-card-tile-wrapper" }, ki = /* @__PURE__ */ W({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -829,10 +829,10 @@ const xi = () => {
     refreshCounter: {}
   },
   setup(u) {
-    const e = u, t = O(() => {
+    const e = u, t = L(() => {
       const s = e.context.timeSpec;
       if (s.type === "absolute")
-        return new Ft({
+        return new Wt({
           key: "custom",
           timeframeText: "custom",
           display: "custom",
@@ -844,11 +844,11 @@ const xi = () => {
           isRelative: !1,
           allowedTiers: ["free", "plus", "enterprise"]
         });
-      const r = Et.get(s.time_range);
+      const r = xt.get(s.time_range);
       if (!r)
         throw new Error("Unknown time range");
       return r;
-    }), i = O(() => {
+    }), i = L(() => {
       var r, o;
       const s = (r = e.query) == null ? void 0 : r.datasource;
       if (s && s !== "advanced" && s !== "basic")
@@ -866,27 +866,27 @@ const xi = () => {
         refreshCounter: e.refreshCounter
       };
     });
-    return (s, r) => (C(), F("div", zi, [
-      se(S(Jt), Pt(qt(i.value)), {
+    return (s, r) => (C(), U("div", Si, [
+      se(S(ti), Bt($t(i.value)), {
         default: P(() => [
-          se(S(ei))
+          se(S(ii))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), Si = /* @__PURE__ */ he(Di, [["__scopeId", "data-v-bd5889d1"]]), dt = "#6c7489", ut = "20px", Ht = "20px", ki = {
+}), Ni = /* @__PURE__ */ de(ki, [["__scopeId", "data-v-bd5889d1"]]), ut = "#6c7489", ct = "20px", Ot = "20px", Ai = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, ct = /* @__PURE__ */ W({
+}, ft = /* @__PURE__ */ W({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
   setup(u) {
-    return (e, t) => (C(), F("div", ki, J(e.entityLinkData.label), 1));
+    return (e, t) => (C(), U("div", Ai, J(e.entityLinkData.label), 1));
   }
-}), Ni = /* @__PURE__ */ W({
+}), Hi = /* @__PURE__ */ W({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -897,35 +897,35 @@ const xi = () => {
     refreshCounter: {}
   },
   setup(u) {
-    const e = u, t = _e(le), i = Bt(async () => {
+    const e = u, t = _e(le), i = Ft(async () => {
       if (t != null && t.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
         } catch {
-          return ct;
+          return ft;
         }
-      return ct;
+      return ft;
     }), s = (r) => {
       var o;
       if ((o = e.chartOptions) != null && o.entityLink)
         if (r.id.includes(":")) {
           const [n, d] = r.id.split(":");
-          return e.chartOptions.entityLink.replace(ui, n).replace(rt, d);
+          return e.chartOptions.entityLink.replace(fi, n).replace(nt, d);
         } else
-          return e.chartOptions.entityLink.replace(rt, r.id);
+          return e.chartOptions.entityLink.replace(nt, r.id);
       return "";
     };
-    return (r, o) => (C(), H(Ye, {
+    return (r, o) => (C(), O(Xe, {
       context: r.context,
       query: r.query,
       "query-ready": r.queryReady,
       "refresh-counter": r.refreshCounter
     }, {
       default: P(({ data: n }) => [
-        se(S(Yt), {
+        se(S(jt), {
           data: n,
           "synthetics-data-key": r.chartOptions.syntheticsDataKey
-        }, yt({ _: 2 }, [
+        }, vt({ _: 2 }, [
           e.chartOptions.entityLink ? {
             name: "name",
             fn: P(({ record: d }) => [
@@ -945,7 +945,7 @@ const xi = () => {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), Ai = /* @__PURE__ */ W({
+}), Oi = /* @__PURE__ */ W({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -956,7 +956,7 @@ const xi = () => {
     refreshCounter: {}
   },
   setup(u) {
-    return (e, t) => (C(), H(Xe, {
+    return (e, t) => (C(), O(je, {
       "chart-options": e.chartOptions,
       context: e.context,
       height: e.height,
@@ -965,60 +965,60 @@ const xi = () => {
       "refresh-counter": e.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), Hi = ["data-testid"], Oi = {
+}), Li = ["data-testid"], Mi = {
   key: 0,
   class: "tile-header"
-}, Li = ["data-testid"], Mi = ["data-testid"], Ii = ["data-testid"], Pi = ["data-testid"], qi = /* @__PURE__ */ W({
+}, Ii = ["data-testid"], Pi = ["data-testid"], qi = ["data-testid"], Bi = ["data-testid"], $i = /* @__PURE__ */ W({
   __name: "DashboardTile",
   props: {
     definition: {},
     context: {},
-    height: { default: Ke },
+    height: { default: Ye },
     queryReady: { type: Boolean },
     refreshCounter: {},
     tileId: {}
   },
   emits: ["edit-tile", "duplicate-tile", "remove-tile", "zoom-time-range"],
   setup(u, { emit: e }) {
-    Ge((v) => ({
-      "32c3e459": `${v.height}px`
+    We((w) => ({
+      "43b43292": `${w.height}px`
     }));
-    const t = parseInt(Ht, 10), i = u, s = e, r = _e(le), { i18n: o } = ve.useI18n(), n = U(), d = U(!1), h = U(), a = U(!1), l = U("");
-    Ve(async () => {
-      var v;
-      l.value = await ((v = r == null ? void 0 : r.exploreBaseUrl) == null ? void 0 : v.call(r)) ?? "";
-    }), Fe(() => i.definition, async () => {
-      await vt(), h.value && (a.value = h.value.scrollWidth > h.value.clientWidth);
+    const t = parseInt(Ot, 10), i = u, s = e, r = _e(le), { i18n: o } = he.useI18n(), { evaluateFeatureFlag: n } = he.useEvaluateFeatureFlag(), d = n("ma-3630-portal-v3", !1), h = F(), a = F(!1), l = F(), f = F(!1), g = F("");
+    Ke(async () => {
+      var w;
+      g.value = await ((w = r == null ? void 0 : r.exploreBaseUrl) == null ? void 0 : w.call(r)) ?? "";
+    }), Ge(() => i.definition, async () => {
+      await _t(), l.value && (f.value = l.value.scrollWidth > l.value.clientWidth);
     }, { immediate: !0, deep: !0 });
-    const f = O(() => {
-      if (!l.value || !i.definition.query || !y.value)
+    const p = L(() => {
+      if (!g.value || !i.definition.query || !E.value)
         return "";
-      const v = [...i.context.filters, ...i.definition.query.filters ?? []], Z = i.definition.query.dimensions ?? [], j = /* @__PURE__ */ new Set(["portal", "api"]);
-      if (v.some((re) => "dimension" in re && j.has(re.dimension) || "field" in re && j.has(re.field)) || Z.some((re) => j.has(re)))
+      const w = [...i.context.filters, ...i.definition.query.filters ?? []], Z = i.definition.query.dimensions ?? [], j = new Set(d ? [] : ["portal", "api"]);
+      if (w.some((re) => "dimension" in re && j.has(re.dimension) || "field" in re && j.has(re.field)) || Z.some((re) => j.has(re)))
         return "";
-      const Pe = {
-        filters: v,
+      const qe = {
+        filters: w,
         metrics: i.definition.query.metrics ?? [],
         dimensions: Z,
         time_range: i.definition.query.time_range || i.context.timeSpec,
-        granularity: i.definition.query.granularity || L.value
-      }, de = ["advanced", "ai"].includes(i.definition.query.datasource) ? i.definition.query.datasource : "advanced";
-      return `${l.value}?q=${JSON.stringify(Pe)}&d=${de}&c=${i.definition.chart.type}`;
-    }), m = O(() => o.t("csvExport.defaultFilename")), p = O(() => y.value && (g.value || i.context.editable) || !!E.value), y = O(() => !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), g = O(() => !!f.value || "allowCsvExport" in i.definition.chart && i.definition.chart.allowCsvExport || i.context.editable), R = {
-      timeseries_line: ht,
-      timeseries_bar: ht,
-      horizontal_bar: lt,
-      vertical_bar: lt,
-      gauge: at,
-      donut: Ai,
-      golden_signals: Si,
-      top_n: Ni,
+        granularity: i.definition.query.granularity || x.value
+      }, ue = ["advanced", "ai"].includes(i.definition.query.datasource) ? i.definition.query.datasource : "advanced";
+      return `${g.value}?q=${JSON.stringify(qe)}&d=${ue}&c=${i.definition.chart.type}`;
+    }), y = L(() => o.t("csvExport.defaultFilename")), m = L(() => E.value && (N.value || i.context.editable) || !!z.value), E = L(() => !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), N = L(() => !!p.value || "allowCsvExport" in i.definition.chart && i.definition.chart.allowCsvExport || i.context.editable), R = {
+      timeseries_line: dt,
+      timeseries_bar: dt,
+      horizontal_bar: ht,
+      vertical_bar: ht,
+      gauge: lt,
+      donut: Oi,
+      golden_signals: Ni,
+      top_n: Hi,
       slottable: void 0,
-      single_value: at
-    }, k = O(() => {
-      const v = R[i.definition.chart.type];
-      return v && {
-        component: v,
+      single_value: lt
+    }, H = L(() => {
+      const w = R[i.definition.chart.type];
+      return w && {
+        component: w,
         rendererProps: {
           query: i.definition.query,
           context: i.context,
@@ -1028,154 +1028,154 @@ const xi = () => {
           refreshCounter: i.refreshCounter
         }
       };
-    }), E = O(() => {
+    }), z = L(() => {
       var Z;
-      const v = (Z = i.definition.query) == null ? void 0 : Z.time_range;
-      if ((v == null ? void 0 : v.type) === "relative") {
-        const j = Et.get(Gt[v.time_range]);
-        return j ? j.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 j = v.tz || "Etc/UTC";
-        return `${st(v.start, { short: !0, tz: j })} - ${st(v.end, { short: !0, tz: j })}`;
+      const w = (Z = i.definition.query) == null ? void 0 : Z.time_range;
+      if ((w == null ? void 0 : w.type) === "relative") {
+        const j = xt.get(Vt[w.time_range]);
+        return j ? j.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 j = w.tz || "Etc/UTC";
+        return `${rt(w.start, { short: !0, tz: j })} - ${rt(w.end, { short: !0, tz: j })}`;
       }
       return null;
-    }), L = O(() => n.value ? Wt(n.value.meta.granularity_ms) : void 0), D = () => {
+    }), x = L(() => h.value ? Kt(h.value.meta.granularity_ms) : void 0), k = () => {
       s("edit-tile", i.definition);
-    }, x = () => {
+    }, D = () => {
       s("duplicate-tile", i.definition);
-    }, N = () => {
+    }, $ = () => {
       s("remove-tile", i.definition);
-    }, z = (v) => {
-      n.value = v;
-    }, q = (v) => {
-      d.value = v;
-    }, ae = () => {
-      q(!0);
+    }, ae = (w) => {
+      h.value = w;
+    }, we = (w) => {
+      a.value = w;
+    }, Mt = () => {
+      we(!0);
     };
-    return (v, Z) => {
-      const j = oe("KTooltip"), Pe = oe("KBadge"), de = oe("KDropdownItem"), re = oe("KDropdown");
-      return C(), F("div", {
-        class: We(["tile-boundary", { editable: v.context.editable }]),
-        "data-testid": `tile-${v.tileId}`
+    return (w, Z) => {
+      const j = oe("KTooltip"), qe = oe("KBadge"), ue = oe("KDropdownItem"), re = oe("KDropdown");
+      return C(), U("div", {
+        class: Ve(["tile-boundary", { editable: w.context.editable }]),
+        "data-testid": `tile-${w.tileId}`
       }, [
-        v.definition.chart.type !== "slottable" ? (C(), F("div", Oi, [
+        w.definition.chart.type !== "slottable" ? (C(), U("div", Mi, [
           se(j, {
             class: "title-tooltip",
-            disabled: !a.value,
+            disabled: !f.value,
             "max-width": "500",
-            text: v.definition.chart.chartTitle
+            text: w.definition.chart.chartTitle
           }, {
             default: P(() => [
-              ce("div", {
+              fe("div", {
                 ref_key: "titleRef",
-                ref: h,
+                ref: l,
                 class: "title"
-              }, J(v.definition.chart.chartTitle), 513)
+              }, J(w.definition.chart.chartTitle), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          p.value ? (C(), F("div", {
+          m.value ? (C(), U("div", {
             key: 0,
             class: "tile-actions",
-            "data-testid": `tile-actions-${v.tileId}`
+            "data-testid": `tile-actions-${w.tileId}`
           }, [
-            E.value ? (C(), H(Pe, { key: 0 }, {
+            z.value ? (C(), O(qe, { key: 0 }, {
               default: P(() => [
-                ue(J(E.value), 1)
+                ce(J(z.value), 1)
               ]),
               _: 1
             })) : V("", !0),
-            y.value && v.context.editable ? (C(), H(S(ti), {
+            E.value && w.context.editable ? (C(), O(S(si), {
               key: 1,
               class: "edit-icon",
-              color: S(dt),
-              "data-testid": `edit-tile-${v.tileId}`,
-              size: S(ut),
-              onClick: D
+              color: S(ut),
+              "data-testid": `edit-tile-${w.tileId}`,
+              size: S(ct),
+              onClick: k
             }, null, 8, ["color", "data-testid", "size"])) : V("", !0),
-            y.value && g.value ? (C(), H(re, {
+            E.value && N.value ? (C(), O(re, {
               key: 2,
               class: "dropdown",
-              "data-testid": `chart-action-menu-${v.tileId}`,
+              "data-testid": `chart-action-menu-${w.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: P(() => [
-                f.value ? (C(), H(de, {
+                p.value ? (C(), O(ue, {
                   key: 0,
-                  "data-testid": `chart-jump-to-explore-${v.tileId}`,
-                  item: { label: S(o).t("jumpToExplore"), to: f.value }
+                  "data-testid": `chart-jump-to-explore-${w.tileId}`,
+                  item: { label: S(o).t("jumpToExplore"), to: p.value }
                 }, null, 8, ["data-testid", "item"])) : V("", !0),
-                !("allowCsvExport" in v.definition.chart) || v.definition.chart.allowCsvExport ? (C(), H(de, {
+                !("allowCsvExport" in w.definition.chart) || w.definition.chart.allowCsvExport ? (C(), O(ue, {
                   key: 1,
                   class: "chart-export-button",
-                  "data-testid": `chart-csv-export-${v.tileId}`,
-                  onClick: Z[0] || (Z[0] = (Ze) => ae())
+                  "data-testid": `chart-csv-export-${w.tileId}`,
+                  onClick: Z[0] || (Z[0] = (Je) => Mt())
                 }, {
                   default: P(() => [
-                    ce("span", {
+                    fe("span", {
                       class: "chart-export-trigger",
-                      "data-testid": `csv-export-button-${v.tileId}`
-                    }, J(S(o).t("csvExport.exportAsCsv")), 9, Mi)
+                      "data-testid": `csv-export-button-${w.tileId}`
+                    }, J(S(o).t("csvExport.exportAsCsv")), 9, Pi)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0),
-                v.context.editable ? (C(), H(de, {
+                w.context.editable ? (C(), O(ue, {
                   key: 2,
-                  "data-testid": `duplicate-tile-${v.tileId}`,
-                  onClick: x
+                  "data-testid": `duplicate-tile-${w.tileId}`,
+                  onClick: D
                 }, {
                   default: P(() => [
-                    ue(J(S(o).t("renderer.duplicateTile")), 1)
+                    ce(J(S(o).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0),
-                v.context.editable ? (C(), H(de, {
+                w.context.editable ? (C(), O(ue, {
                   key: 3,
-                  "data-testid": `remove-tile-${v.tileId}`,
-                  onClick: N
+                  "data-testid": `remove-tile-${w.tileId}`,
+                  onClick: $
                 }, {
                   default: P(() => [
-                    ue(J(S(o).t("renderer.remove")), 1)
+                    ce(J(S(o).t("renderer.remove")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0)
               ]),
               default: P(() => [
-                se(S(ii), {
+                se(S(ri), {
                   class: "kebab-action-menu",
-                  color: S(dt),
-                  "data-testid": `kebab-action-menu-${v.tileId}`,
-                  size: S(ut)
+                  color: S(ut),
+                  "data-testid": `kebab-action-menu-${w.tileId}`,
+                  size: S(ct)
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
             }, 8, ["data-testid"])) : V("", !0)
-          ], 8, Li)) : "description" in v.definition.chart ? (C(), F("div", {
+          ], 8, Ii)) : "description" in w.definition.chart ? (C(), U("div", {
             key: 1,
             class: "header-description",
-            "data-testid": `tile-description-${v.tileId}`
-          }, J(v.definition.chart.description), 9, Ii)) : V("", !0),
-          d.value ? (C(), H(S(Xt), {
+            "data-testid": `tile-description-${w.tileId}`
+          }, J(w.definition.chart.description), 9, qi)) : V("", !0),
+          a.value ? (C(), O(S(Qt), {
             key: 2,
-            "chart-data": n.value,
-            "data-testid": `csv-export-modal-${v.tileId}`,
-            filename: m.value,
-            onToggleModal: q
+            "chart-data": h.value,
+            "data-testid": `csv-export-modal-${w.tileId}`,
+            filename: y.value,
+            onToggleModal: we
           }, null, 8, ["chart-data", "data-testid", "filename"])) : V("", !0)
         ])) : V("", !0),
-        ce("div", {
+        fe("div", {
           class: "tile-content",
-          "data-testid": `tile-content-${v.tileId}`
+          "data-testid": `tile-content-${w.tileId}`
         }, [
-          k.value ? (C(), H(_t(k.value.component), pt({ key: 0 }, k.value.rendererProps, {
-            onChartData: z,
-            onZoomTimeRange: Z[1] || (Z[1] = (Ze) => s("zoom-time-range", Ze))
+          H.value ? (C(), O(wt(H.value.component), yt({ key: 0 }, H.value.rendererProps, {
+            onChartData: ae,
+            onZoomTimeRange: Z[1] || (Z[1] = (Je) => s("zoom-time-range", Je))
           }), null, 16)) : V("", !0)
-        ], 8, Pi)
-      ], 10, Hi);
+        ], 8, Bi)
+      ], 10, Li);
     };
   }
-}), Bi = /* @__PURE__ */ he(qi, [["__scopeId", "data-v-e670d00d"]]), $i = (u, e, t) => {
+}), Fi = /* @__PURE__ */ de($i, [["__scopeId", "data-v-27a60ade"]]), Ui = (u, e, t) => {
   const i = /* @__PURE__ */ new Map();
   t.forEach((r) => {
     const o = r.layout.position.row, n = i.get(o), d = r.layout.size.rows === 1 && !!r.layout.size.fitToContent;
@@ -1185,7 +1185,7 @@ const xi = () => {
   for (let r = 0; r < u; r++)
     i.get(r) ? s.push("auto") : s.push(`${e}px`);
   return s;
-}, Ui = /* @__PURE__ */ W({
+}, Gi = /* @__PURE__ */ W({
   __name: "GridLayout",
   props: {
     gridSize: {
@@ -1195,7 +1195,7 @@ const xi = () => {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => Ke
+      default: () => Ye
     },
     tiles: {
       type: Array,
@@ -1203,24 +1203,24 @@ const xi = () => {
     }
   },
   setup(u) {
-    Ge((n) => ({
+    We((n) => ({
       "3bc5e939": u.gridSize.cols,
       "77aa3028": r.value
     }));
-    const e = u, t = U(null), i = U(0), s = new ResizeObserver((n) => {
+    const e = u, t = F(null), i = F(0), s = new ResizeObserver((n) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(n) || !n.length || (i.value = n[0].contentRect.width);
       });
     });
-    Ve(() => {
+    Ke(() => {
       t.value && s.observe(t.value);
     }), Ue(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = O(() => {
+    const r = L(() => {
       var d;
-      return $i((d = e.gridSize) == null ? void 0 : d.rows, e.tileHeight, e.tiles).join(" ");
-    }), o = O(() => e.tiles.map((n, d) => ({
+      return Ui((d = e.gridSize) == null ? void 0 : d.rows, e.tileHeight, e.tiles).join(" ");
+    }), o = L(() => e.tiles.map((n, d) => ({
       key: `tile-${d}`,
       tile: n,
       style: {
@@ -1230,27 +1230,27 @@ const xi = () => {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, d) => (C(), F("div", {
+    return (n, d) => (C(), U("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (C(!0), F(wt, null, bt(o.value, (h) => (C(), F("div", {
+      (C(!0), U(bt, null, Et(o.value, (h) => (C(), U("div", {
         key: h.key,
-        class: We(["grid-cell", {
+        class: Ve(["grid-cell", {
           "empty-cell": !h.tile
         }]),
-        style: tt(h.style)
+        style: it(h.style)
       }, [
-        Me(n.$slots, "tile", {
-          style: tt(h.style),
+        Ie(n.$slots, "tile", {
+          style: it(h.style),
           tile: h.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), Fi = /* @__PURE__ */ he(Ui, [["__scopeId", "data-v-f43eb7b8"]]);
-function Gi(u, e, t, i, s) {
+}), Wi = /* @__PURE__ */ de(Gi, [["__scopeId", "data-v-f43eb7b8"]]);
+function Vi(u, 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(u, o));
   return r.prototype = e.prototype, r;
 }
@@ -1291,11 +1291,11 @@ class c {
     const i = c.createDiv(["grid-stack-item", e]), s = c.createDiv(["grid-stack-item-content"], i);
     return t.lazyLoad || ((n = (o = t.grid) == null ? void 0 : o.opts) == null ? void 0 : n.lazyLoad) && t.lazyLoad !== !1 ? t.visibleObservable || (t.visibleObservable = new IntersectionObserver(([d]) => {
       var h;
-      d.isIntersecting && ((h = t.visibleObservable) == null || h.disconnect(), delete t.visibleObservable, w.renderCB(s, t));
+      d.isIntersecting && ((h = t.visibleObservable) == null || h.disconnect(), delete t.visibleObservable, _.renderCB(s, t));
     }), window.setTimeout(() => {
       var d;
       return (d = t.visibleObservable) == null ? void 0 : d.observe(i);
-    })) : w.renderCB(s, t), i;
+    })) : _.renderCB(s, t), i;
   }
   /** create a div with the given classes */
   static createDiv(e, t) {
@@ -1935,8 +1935,8 @@ class ee {
       const l = e._moving && !t.nested;
       let f = l ? this.directionCollideCoverage(e, t, n) : n[0];
       if (l && f && ((a = (h = e.grid) == null ? void 0 : h.opts) != null && a.subGridDynamic) && !e.grid._isTemp) {
-        const m = c.areaIntercept(t.rect, f._rect), p = c.area(t.rect), y = c.area(f._rect);
-        m / (p < y ? p : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
+        const g = c.areaIntercept(t.rect, f._rect), p = c.area(t.rect), y = c.area(f._rect);
+        g / (p < y ? p : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
       f ? d = !this._fixCollisions(e, r, f, t) : (d = !1, i && delete t.pack);
     }
@@ -2114,7 +2114,7 @@ class b {
 const Q = 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 te {
 }
-function ke(u, e) {
+function Ne(u, e) {
   if (u.touches.length > 1)
     return;
   u.cancelable && u.preventDefault();
@@ -2152,7 +2152,7 @@ function ke(u, e) {
     // relatedTarget
   ), u.target.dispatchEvent(i);
 }
-function Ot(u, e) {
+function Lt(u, e) {
   u.cancelable && u.preventDefault();
   const t = document.createEvent("MouseEvents");
   t.initMouseEvent(
@@ -2188,46 +2188,46 @@ function Ot(u, e) {
     // relatedTarget
   ), u.target.dispatchEvent(t);
 }
-function Ne(u) {
-  te.touchHandled || (te.touchHandled = !0, ke(u, "mousedown"));
-}
 function Ae(u) {
-  te.touchHandled && ke(u, "mousemove");
+  te.touchHandled || (te.touchHandled = !0, Ne(u, "mousedown"));
 }
 function He(u) {
+  te.touchHandled && Ne(u, "mousemove");
+}
+function Oe(u) {
   if (!te.touchHandled)
     return;
   te.pointerLeaveTimeout && (window.clearTimeout(te.pointerLeaveTimeout), delete te.pointerLeaveTimeout);
   const e = !!b.dragElement;
-  ke(u, "mouseup"), e || ke(u, "click"), te.touchHandled = !1;
+  Ne(u, "mouseup"), e || Ne(u, "click"), te.touchHandled = !1;
 }
-function Oe(u) {
+function Le(u) {
   u.pointerType !== "mouse" && u.target.releasePointerCapture(u.pointerId);
 }
-function ft(u) {
-  b.dragElement && u.pointerType !== "mouse" && Ot(u, "mouseenter");
-}
 function gt(u) {
+  b.dragElement && u.pointerType !== "mouse" && Lt(u, "mouseenter");
+}
+function mt(u) {
   b.dragElement && u.pointerType !== "mouse" && (te.pointerLeaveTimeout = window.setTimeout(() => {
-    delete te.pointerLeaveTimeout, Ot(u, "mouseleave");
+    delete te.pointerLeaveTimeout, Lt(u, "mouseleave");
   }, 10));
 }
-class Ie {
+class Pe {
   constructor(e, t, i) {
     this.host = e, this.dir = t, this.option = i, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
   }
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ie.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), Q && (this.el.addEventListener("touchstart", Ne), this.el.addEventListener("pointerdown", Oe)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Pe.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), Q && (this.el.addEventListener("touchstart", Ae), this.el.addEventListener("pointerdown", Le)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
-    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), Q && (this.el.removeEventListener("touchstart", Ne), this.el.removeEventListener("pointerdown", Oe)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
+    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), Q && (this.el.removeEventListener("touchstart", Ae), this.el.removeEventListener("pointerdown", Le)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
   }
   /** @internal called on mouse down on us: capture move on the entire document (mouse might not stay on us) until we release the mouse */
   _mouseDown(e) {
-    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), Q && (this.el.addEventListener("touchmove", Ae), this.el.addEventListener("touchend", He)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), Q && (this.el.addEventListener("touchmove", He), this.el.addEventListener("touchend", Oe)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2236,7 +2236,7 @@ class Ie {
   }
   /** @internal */
   _mouseUp(e) {
-    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), Q && (this.el.removeEventListener("touchmove", Ae), this.el.removeEventListener("touchend", He)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), Q && (this.el.removeEventListener("touchmove", He), this.el.removeEventListener("touchend", Oe)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2248,8 +2248,8 @@ class Ie {
     return this.option[e] && this.option[e](t), this;
   }
 }
-Ie.prefix = "ui-resizable-";
-class je {
+Pe.prefix = "ui-resizable-";
+class Qe {
   constructor() {
     this._eventRegister = {};
   }
@@ -2277,7 +2277,7 @@ class je {
       return this._eventRegister[e](t);
   }
 }
-class be extends je {
+class Ee extends Qe {
   // have to be public else complains for HTMLElementExtendOpt ?
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.rectScale = { x: 1, y: 1 }, this._ui = () => {
@@ -2347,7 +2347,7 @@ class be extends je {
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Ie(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Pe(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -2378,7 +2378,7 @@ class be extends je {
   }
   /** @internal */
   _setupHelper() {
-    this.elOriginStyleVal = be._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
+    this.elOriginStyleVal = Ee._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
     const e = this.el.parentElement, t = c.getValuesFromTransformedElement(e);
     return this.rectScale = {
       x: t.xScale,
@@ -2387,7 +2387,7 @@ class be extends je {
   }
   /** @internal */
   _cleanHelper() {
-    return be._originStyleProp.forEach((e, t) => {
+    return Ee._originStyleProp.forEach((e, t) => {
       this.el.style[e] = this.elOriginStyleVal[t] || null;
     }), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
   }
@@ -2426,9 +2426,9 @@ class be extends je {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-be._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Wi = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Ee extends je {
+Ee._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
+const Ki = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class xe extends Qe {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -2448,12 +2448,12 @@ class Ee extends je {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), Q && (e.addEventListener("touchstart", Ne), e.addEventListener("pointerdown", Oe));
+      e.addEventListener("mousedown", this._mouseDown), Q && (e.addEventListener("touchstart", Ae), e.addEventListener("pointerdown", Le));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), Q && (t.removeEventListener("touchstart", Ne), t.removeEventListener("pointerdown", Oe));
+      t.removeEventListener("mousedown", this._mouseDown), Q && (t.removeEventListener("touchstart", Ae), t.removeEventListener("pointerdown", Le));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -2465,7 +2465,7 @@ class Ee extends je {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!b.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Wi) || 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), Q && (e.currentTarget.addEventListener("touchmove", Ae), e.currentTarget.addEventListener("touchend", He)), e.preventDefault(), document.activeElement && document.activeElement.blur(), b.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ki) || 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), Q && (e.currentTarget.addEventListener("touchmove", He), e.currentTarget.addEventListener("touchend", Oe)), e.preventDefault(), document.activeElement && document.activeElement.blur(), b.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2496,7 +2496,7 @@ class Ee extends je {
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
     var t, i;
-    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), Q && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Ae, !0), e.currentTarget.removeEventListener("touchend", He, !0)), this.dragging) {
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), Q && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", He, !0), e.currentTarget.removeEventListener("touchend", Oe, !0)), this.dragging) {
       delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = b.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete b.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const s = c.initEvent(e, { target: this.el, type: "dragstop" });
       this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), b.dropElement && b.dropElement.drop(e);
@@ -2518,7 +2518,7 @@ class Ee extends je {
   /** @internal create a clone copy (or user defined method) of the original drag item if set */
   _createHelper() {
     let e = this.el;
-    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = c.cloneNode(this.el)), document.body.contains(e) || c.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Ee.originStyleProp.map((t) => this.el.style[t]), e;
+    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = c.cloneNode(this.el)), document.body.contains(e) || c.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = xe.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -2535,7 +2535,7 @@ class Ee extends je {
     const e = (t = this.helper) == null ? void 0 : t.gridstackNode;
     if (!(e != null && e._isAboutToRemove) && this.dragElementOriginStyle) {
       const i = this.helper, s = this.dragElementOriginStyle.transition || null;
-      i.style.transition = this.dragElementOriginStyle.transition = "none", Ee.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
+      i.style.transition = this.dragElementOriginStyle.transition = "none", xe.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -2577,8 +2577,8 @@ class Ee extends je {
     };
   }
 }
-Ee.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Vi extends je {
+xe.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+class Yi extends Qe {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
   }
@@ -2589,10 +2589,10 @@ class Vi extends je {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), Q && (this.el.addEventListener("pointerenter", ft), this.el.addEventListener("pointerleave", gt)));
+    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), Q && (this.el.addEventListener("pointerenter", gt), this.el.addEventListener("pointerleave", mt)));
   }
   disable(e = !1) {
-    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), Q && (this.el.removeEventListener("pointerenter", ft), this.el.removeEventListener("pointerleave", gt)));
+    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), Q && (this.el.removeEventListener("pointerenter", gt), this.el.removeEventListener("pointerleave", mt)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -2644,9 +2644,9 @@ class Vi extends je {
     };
   }
 }
-class Qe {
+class Ze {
   static init(e) {
-    return e.ddElement || (e.ddElement = new Qe(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new Ze(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -2658,25 +2658,25 @@ class Qe {
     return this.ddDraggable && ["drag", "dragstart", "dragstop"].indexOf(e) > -1 ? this.ddDraggable.off(e) : this.ddDroppable && ["drop", "dropover", "dropout"].indexOf(e) > -1 ? this.ddDroppable.off(e) : this.ddResizable && ["resizestart", "resize", "resizestop"].indexOf(e) > -1 && this.ddResizable.off(e), this;
   }
   setupDraggable(e) {
-    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Ee(this.el, e), this;
+    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new xe(this.el, e), this;
   }
   cleanDraggable() {
     return this.ddDraggable && (this.ddDraggable.destroy(), delete this.ddDraggable), this;
   }
   setupResizable(e) {
-    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new be(this.el, e), this;
+    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Ee(this.el, e), this;
   }
   cleanResizable() {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Vi(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Yi(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Ki {
+class Xi {
   resizable(e, t, i, s) {
     return this._getDDElements(e).forEach((r) => {
       if (t === "disable" || t === "enable")
@@ -2757,7 +2757,7 @@ class Ki {
     const i = c.getElements(e);
     if (!i.length)
       return [];
-    const s = i.map((r) => r.ddElement || (t ? Qe.init(r) : null));
+    const s = i.map((r) => r.ddElement || (t ? Ze.init(r) : null));
     return t || s.filter((r) => r), s;
   }
 }
@@ -2768,8 +2768,8 @@ class Ki {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const B = new Ki();
-class w {
+const q = new Xi();
+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
@@ -2786,8 +2786,8 @@ class w {
   static init(e = {}, t = ".grid-stack") {
     if (typeof document > "u")
       return null;
-    const i = w.getGridElement(t);
-    return i ? (i.gridstack || (i.gridstack = new w(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);
   }
   /**
@@ -2801,8 +2801,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" || (w.getGridElements(t).forEach((s) => {
-      s.gridstack || (s.gridstack = new w(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;
   }
@@ -2821,14 +2821,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") || w.addRemoveCB) && (w.addRemoveCB ? i = w.addRemoveCB(e, t, !0, !0) : i = c.createDiv(["grid-stack", t.class], e)), w.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) {
-    w.engineClass = e;
+    _.engineClass = e;
   }
   /** @internal create placeholder DIV as needed */
   get placeholder() {
@@ -2845,7 +2845,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param opts grid options - public for classes to access, but use methods to modify!
    */
   constructor(e, t = {}) {
-    var l, f, m;
+    var l, f, g;
     this.el = e, this.opts = t, this.animationDelay = 310, this._gsEventHandler = {}, this._extraDragRow = 0, this.dragTransform = { xScale: 1, yScale: 1, xOffset: 0, yOffset: 0 }, e.gridstack = this, this.opts = t = t || {}, e.classList.contains("grid-stack") || this.el.classList.add("grid-stack"), t.row && (t.minRow = t.maxRow = t.row, delete t.row);
     const i = c.toNumber(e.getAttribute("gs-row"));
     t.column === "auto" && delete t.column, t.alwaysShowResizeHandle !== void 0 && (t._alwaysShowResizeHandle = t.alwaysShowResizeHandle);
@@ -2854,7 +2854,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 p = r.oneColumnSize || 768;
       delete r.oneColumnSize, delete r.disableOneColumnMode, t.columnOpts = t.columnOpts || {}, s = t.columnOpts.breakpoints = t.columnOpts.breakpoints || [];
-      let y = s.find((g) => g.c === 1);
+      let y = s.find((m) => m.c === 1);
       y ? y.w = p : (y = { c: 1, w: p }, s.push(y, { c: 12, w: p + 1 }));
     }
     const o = t.columnOpts;
@@ -2877,25 +2877,25 @@ 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 d = this.el.closest("." + G.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 !== G.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = Q), this._styleSheetClass = "gs-id-" + ee._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    const a = t.engineClass || w.engineClass || ee;
+    const a = t.engineClass || _.engineClass || ee;
     if (this.engine = new a({
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
       onChange: (p) => {
         let y = 0;
-        this.engine.nodes.forEach((g) => {
-          y = Math.max(y, g.y + g.h);
-        }), p.forEach((g) => {
-          const R = g.el;
-          R && (g._removeDOM ? (R && R.remove(), delete g._removeDOM) : this._writePosAttr(R, g));
+        this.engine.nodes.forEach((m) => {
+          y = Math.max(y, m.y + m.h);
+        }), p.forEach((m) => {
+          const E = m.el;
+          E && (m._removeDOM ? (E && E.remove(), delete m._removeDOM) : this._writePosAttr(E, m));
         }), this._updateStyles(!1, y);
       }
     }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((p) => this._prepareElement(p)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
       const p = t.children;
       delete t.children, p.length && this.load(p);
     }
-    this.setAnimation(), t.subGridDynamic && !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();
+    this.setAnimation(), t.subGridDynamic && !b.pauseDrag && (b.pauseDrag = !0), ((g = t.draggable) == null ? void 0 : g.pause) !== void 0 && (b.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   /**
    * add a new widget and returns it.
@@ -2918,7 +2918,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 : w.addRemoveCB ? t = w.addRemoveCB(this.el, e, !0, !1) : t = c.createWidgetDivs(this.opts.itemClass, i), !t)
+    if (i.grid = this, i != null && i.el ? t = i.el : _.addRemoveCB ? t = _.addRemoveCB(this.el, e, !0, !1) : t = c.createWidgetDivs(this.opts.itemClass, i), !t)
       return;
     if (i = t.gridstackNode, i && t.parentElement === this.el && this.engine.nodes.find((r) => r._id === i._id))
       return t;
@@ -2935,9 +2935,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @returns newly created grid
    */
   makeSubGrid(e, t, i, s = !0) {
-    var m, p, y;
+    var g, p, y;
     let r = e.gridstackNode;
-    if (r || (r = this.makeWidget(e).gridstackNode), (m = r.subGrid) != null && m.el)
+    if (r || (r = this.makeWidget(e).gridstackNode), (g = r.subGrid) != null && g.el)
       return r.subGrid;
     let o, n = this;
     for (; n && !o; )
@@ -2957,11 +2957,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     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"), a, 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), w.addRemoveCB ? a = w.addRemoveCB(this.el, l, !0, !1) : (a = c.createDiv(["grid-stack-item"]), a.appendChild(h), h = c.createDiv(["grid-stack-item-content"], r.el)), this._prepareDragDropByNode(r)), i) {
-      const g = d ? t.column : r.w, R = r.h + i.h, k = r.el.style;
-      k.transition = "none", this.update(r.el, { w: g, h: R }), setTimeout(() => k.transition = null);
+    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 ? a = _.addRemoveCB(this.el, l, !0, !1) : (a = c.createDiv(["grid-stack-item"]), a.appendChild(h), h = c.createDiv(["grid-stack-item-content"], r.el)), this._prepareDragDropByNode(r)), i) {
+      const m = d ? t.column : r.w, E = r.h + i.h, N = r.el.style;
+      N.transition = "none", this.update(r.el, { w: m, h: E }), setTimeout(() => N.transition = null);
     }
-    const f = r.subGrid = w.addGrid(h, t);
+    const f = r.subGrid = _.addGrid(h, t);
     return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(a, l), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
   }
   /**
@@ -2984,7 +2984,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 = w.saveCB) {
+  save(e = !0, t = !1, i = _.saveCB) {
     const s = this.engine.save(e, i);
     if (s.forEach((r) => {
       var o;
@@ -3014,7 +3014,7 @@ 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 = w.addRemoveCB || !0) {
+  load(e, t = _.addRemoveCB || !0) {
     var h;
     e = c.cloneDeep(e);
     const i = this.getColumn();
@@ -3025,15 +3025,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     e.forEach((a) => {
       s = Math.max(s, (a.x || 0) + a.w);
     }), s > this.engine.defaultColumn && (this.engine.defaultColumn = s), s > i && this.engine.cacheLayout(e, s, !0);
-    const r = w.addRemoveCB;
-    typeof t == "function" && (w.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) || (w.addRemoveCB && w.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 d = [];
     return this.engine.nodes = this.engine.nodes.filter((a) => c.find(e, a.id) ? (d.push(a), !1) : !0), e.forEach((a) => {
@@ -3041,11 +3041,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const l = c.find(d, a.id);
       if (l) {
         if (c.shouldSizeToContent(l) && (a.h = l.h), this.engine.nodeBoundFix(a), (a.autoPosition || a.x === void 0 || a.y === void 0) && (a.w = a.w || l.w, a.h = a.h || l.h, this.engine.findEmptyPosition(a)), this.engine.nodes.push(l), c.samePos(l, a) && this.engine.nodes.length > 1 && (this.moveNode(l, { ...a, forceCollide: !0 }), c.copyPos(a, l)), this.update(l.el, a), (f = a.subGridOpts) != null && f.children) {
-          const m = l.el.querySelector(".grid-stack");
-          m && m.gridstack && m.gridstack.load(a.subGridOpts.children);
+          const g = l.el.querySelector(".grid-stack");
+          g && g.gridstack && g.gridstack.load(a.subGridOpts.children);
         }
       } else t && this.addWidget(a);
-    }), delete this.engine._loading, this.engine.removedNodes = o, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? w.addRemoveCB = r : delete w.addRemoveCB, n && ((h = this.opts) != null && h.animate) && this.setAnimation(this.opts.animate, !0), this;
+    }), 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)
@@ -3234,7 +3234,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 = w.getElement(e);
+    const i = _.getElement(e);
     if (!i)
       return;
     i.parentElement || this.el.appendChild(i), this._prepareElement(i, !0, t);
@@ -3266,11 +3266,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 ? (w.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 && w.addRemoveCB && w.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);
   }
   /**
@@ -3280,7 +3280,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 && w.addRemoveCB && w.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;
   }
   /**
@@ -3321,7 +3321,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       let s = 1;
       return t = { x: i[s++], y: i[s++], w: i[s++], h: i[s++] }, this.update(e, t);
     }
-    return w.getElements(e).forEach((i) => {
+    return _.getElements(e).forEach((i) => {
       var a;
       const s = i == null ? void 0 : i.gridstackNode;
       if (!s)
@@ -3334,7 +3334,7 @@ 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, w.renderCB(l, r), (a = s.subGrid) != null && a.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), (a = s.subGrid) != null && a.el && (l.appendChild(s.subGrid.el), s.subGrid.opts.styleInHead || s.subGrid._updateStyles(!0))), delete r.content;
       }
       let d = !1, h = !1;
       for (const l in r)
@@ -3357,7 +3357,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param useNodeH set to true if GridStackNode.h should be used instead of actual container height when we don't need to wait for animation to finish to get actual DOM heights
    */
   resizeToContent(e) {
-    var f, m;
+    var f, g;
     if (!e || (e.classList.remove("size-to-content-max"), !e.clientHeight))
       return;
     const t = e.gridstackNode;
@@ -3370,7 +3370,7 @@ 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(w.resizeToContentParent)), !o)
+    if (t.resizeToContentParent && (o = e.querySelector(t.resizeToContentParent)), o || (o = e.querySelector(_.resizeToContentParent)), !o)
       return;
     const n = e.clientHeight - o.clientHeight, d = t.h ? t.h * s - n : o.clientHeight;
     let h;
@@ -3379,12 +3379,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const p = t.subGrid.el.getBoundingClientRect(), y = t.subGrid.el.parentElement.getBoundingClientRect();
       h += p.top - y.top;
     } else {
-      if ((m = (f = t.subGridOpts) == null ? void 0 : f.children) != null && m.length)
+      if ((g = (f = t.subGridOpts) == null ? void 0 : f.children) != null && g.length)
         return;
       {
         const p = o.firstElementChild;
         if (!p) {
-          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${w.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;
         }
         h = p.getBoundingClientRect().height || d;
@@ -3399,14 +3399,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** call the user resize (so they can do extra work) else our build in version */
   resizeToContentCBCheck(e) {
-    w.resizeToContentCB ? w.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 w.getElements(e).forEach((i) => {
+    return _.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       if (!c.canBeRotated(s))
         return;
@@ -3633,7 +3633,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   static getGridElement(e) {
-    return w.getElement(e);
+    return _.getElement(e);
   }
   /** @internal */
   static getGridElements(e) {
@@ -3651,7 +3651,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   /** get the global (but static to this code) DD implementation */
   static getDD() {
-    return B;
+    return q;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -3664,7 +3664,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static setupDragIn(e, t, i, s = document) {
     (t == null ? void 0 : t.pause) !== void 0 && (b.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
-      B.isDraggable(o) || B.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
+      q.isDraggable(o) || q.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
     });
   }
   /**
@@ -3674,7 +3674,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 : (w.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._prepareDragDropByNode(s));
     }), this);
@@ -3685,7 +3685,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 : (w.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._prepareDragDropByNode(s));
     }), this);
@@ -3739,16 +3739,16 @@ 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 && w._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) {
-    return B.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return q.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
   }
   /** @internal called to add drag over to support widgets being added externally */
   _setupAcceptWidget() {
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
-      return B.droppable(this.el, "destroy"), this;
+      return q.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, o) => {
       var f;
@@ -3758,8 +3758,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       if (!((f = n.grid) != null && f.el)) {
         o.style.transform = `scale(${1 / this.dragTransform.xScale},${1 / this.dragTransform.yScale})`;
-        const m = o.getBoundingClientRect();
-        o.style.left = m.x + (this.dragTransform.xScale - 1) * (s.clientX - m.x) / this.dragTransform.xScale + "px", o.style.top = m.y + (this.dragTransform.yScale - 1) * (s.clientY - m.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
+        const g = o.getBoundingClientRect();
+        o.style.left = g.x + (this.dragTransform.xScale - 1) * (s.clientX - g.x) / this.dragTransform.xScale + "px", o.style.top = g.y + (this.dragTransform.yScale - 1) * (s.clientY - g.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
       }
       let { top: d, left: h } = o.getBoundingClientRect();
       const a = this.el.getBoundingClientRect();
@@ -3773,7 +3773,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (n._temporaryRemoved) {
         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)) {
-            B.off(r, "drag");
+            q.off(r, "drag");
             return;
           }
           n._willFitPos && (c.copyPos(n, n._willFitPos), delete n._willFitPos);
@@ -3782,7 +3782,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(o, s, l, n, t, e);
     };
-    return B.droppable(this.el, {
+    return q.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -3821,12 +3821,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       n.grid || (n.el || (n = { ...n }), n._isExternal = !0, o.gridstackNode = n);
       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), w._itemRemoving(n.el, !1), B.on(r, "drag", i), i(s, r, o), !1;
+      n._temporaryRemoved = !0) : (n.w = d, n.h = h, n._temporaryRemoved = !0), _._itemRemoving(n.el, !1), q.on(r, "drag", i), i(s, r, o), !1;
     }).on(this.el, "dropout", (s, r, o) => {
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       return n && (!n.grid || n.grid === this) && (this._leave(r, o), this._isTemp && this.removeAsSubGrid(n)), !1;
     }).on(this.el, "drop", (s, r, o) => {
-      var m, p, y;
+      var g, p, y;
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       if ((n == null ? void 0 : n.grid) === this && !n._isExternal)
         return !1;
@@ -3836,13 +3836,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       a && this.setAnimation(!1);
       const l = r._gridstackNodeOrig;
       if (delete r._gridstackNodeOrig, d && (l != null && l.grid) && l.grid !== this) {
-        const g = l.grid;
-        g.engine.removeNodeFromLayoutCache(l), g.engine.removedNodes.push(l), g._triggerRemoveEvent()._triggerChangeEvent(), g.parentGridNode && !g.engine.nodes.length && g.opts.subGridDynamic && g.removeAsSubGrid();
+        const m = l.grid;
+        m.engine.removeNodeFromLayoutCache(l), m.engine.removedNodes.push(l), m._triggerRemoveEvent()._triggerChangeEvent(), m.parentGridNode && !m.engine.nodes.length && m.opts.subGridDynamic && m.removeAsSubGrid();
       }
-      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (m = n.grid) == null || delete m._isTemp, B.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
+      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (g = n.grid) == null || delete g._isTemp, q.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
         return !1;
       const f = (y = (p = n.subGrid) == null ? void 0 : p.el) == null ? void 0 : y.gridstack;
-      return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), h && (n.content || n.subGridOpts || w.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), a && 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), a && this.setAnimation(this.opts.animate, !0), !1;
     }), this;
   }
   /** @internal mark item for removal */
@@ -3857,7 +3857,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 && !B.isDroppable(e) && B.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => w._itemRemoving(i, !0)).on(e, "dropout", (t, i) => w._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !q.isDroppable(e) && q.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => _._itemRemoving(i, !0)).on(e, "dropout", (t, i) => _._itemRemoving(i, !1)), this) : this;
   }
   /** @internal prepares the element for drag&drop */
   _prepareDragDropByNode(e) {
@@ -3875,14 +3875,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const l = e.w !== e._orig.w, f = a.target;
         if (!(!f.gridstackNode || f.gridstackNode.grid !== this)) {
           if (e.el = f, e._isAboutToRemove) {
-            const m = t.gridstackNode.grid;
-            m._gsEventHandler[a.type] && m._gsEventHandler[a.type](a, f), m.engine.nodes.push(e), m.removeWidget(t, !0, !0);
+            const g = t.gridstackNode.grid;
+            g._gsEventHandler[a.type] && g._gsEventHandler[a.type](a, f), g.engine.nodes.push(e), g.removeWidget(t, !0, !0);
           } else
             c.removePositioningStyles(f), e._temporaryRemoved ? (c.copyPos(e, e._orig), this._writePosAttr(f, e), this.engine.addNode(e)) : this._writePosAttr(f, e), this._gsEventHandler[a.type] && this._gsEventHandler[a.type](a, f);
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), a.type === "resizestop" && (Number.isInteger(e.sizeToContent) && (e.sizeToContent = e.h), this.resizeToContentCheck(l, e));
         }
       };
-      B.draggable(t, {
+      q.draggable(t, {
         start: n,
         stop: h,
         drag: d
@@ -3892,7 +3892,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: d
       }), e._initDD = !0;
     }
-    return B.draggable(t, i ? "disable" : "enable").resizable(t, s ? "disable" : "enable"), this;
+    return q.draggable(t, i ? "disable" : "enable").resizable(t, s ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, o) {
@@ -3911,35 +3911,35 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, o, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const d = this.getColumn() - s.x, h = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      B.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));
+      q.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, h)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
   _dragOrResize(e, t, i, s, r, o) {
     const n = { ...s._orig };
     let d, h = this.opts.marginLeft, a = this.opts.marginRight, l = this.opts.marginTop, f = this.opts.marginBottom;
-    const m = Math.round(o * 0.1), p = Math.round(r * 0.1);
-    if (h = Math.min(h, p), a = Math.min(a, p), l = Math.min(l, m), f = Math.min(f, m), t.type === "drag") {
+    const g = Math.round(o * 0.1), p = Math.round(r * 0.1);
+    if (h = Math.min(h, p), a = Math.min(a, p), l = Math.min(l, g), f = Math.min(f, g), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
-      const g = i.position.top - s._prevYPix;
-      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, g);
-      const R = i.position.left + (i.position.left > s._lastUiPosition.left ? -a : h), k = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
-      n.x = Math.round(R / r), n.y = Math.round(k / o);
-      const E = this._extraDragRow;
+      const m = i.position.top - s._prevYPix;
+      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, m);
+      const E = i.position.left + (i.position.left > s._lastUiPosition.left ? -a : h), N = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
+      n.x = Math.round(E / r), n.y = Math.round(N / o);
+      const R = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        const L = this.getRow();
-        let D = Math.max(0, n.y + s.h - L);
-        this.opts.maxRow && L + D > this.opts.maxRow && (D = Math.max(0, this.opts.maxRow - L)), this._extraDragRow = D;
+        const H = this.getRow();
+        let z = Math.max(0, n.y + s.h - H);
+        this.opts.maxRow && H + z > this.opts.maxRow && (z = Math.max(0, this.opts.maxRow - H)), this._extraDragRow = z;
       } else
         this._extraDragRow = 0;
-      if (this._extraDragRow !== E && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
+      if (this._extraDragRow !== R && 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 - h) / r), n.h = Math.round((i.size.height - l) / o), s.w === n.w && s.h === n.h) || s._lastTried && s._lastTried.w === n.w && s._lastTried.h === n.h)
         return;
-      const g = i.position.left + h, R = i.position.top + l;
-      n.x = Math.round(g / r), n.y = Math.round(R / o), d = !0;
+      const m = i.position.left + h, E = i.position.top + l;
+      n.x = Math.round(m / r), n.y = Math.round(E / o), d = !0;
     }
     s._event = t, s._lastTried = n;
     const y = {
@@ -3950,8 +3950,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     };
     if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: o, rect: y, resizing: d })) {
       s._lastUiPosition = i.position, this.engine.cacheRects(r, o, l, a, f, h), delete s._skipDown, d && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
-      const g = t.target;
-      this._writePosAttr(g, s), this._gsEventHandler[t.type] && this._gsEventHandler[t.type](t, g);
+      const m = t.target;
+      this._writePosAttr(m, s), this._gsEventHandler[t.type] && this._gsEventHandler[t.type](t, m);
     }
   }
   /** @internal called when item leaving our area by either cursor dropout event
@@ -3961,21 +3961,21 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    i && (t.style.transform = t.style.transformOrigin = null, B.off(e, "drag"), !i._temporaryRemoved && (i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e, i._isExternal && this.engine.cleanupNode(i), this.opts.removable === !0 && w._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial()));
+    i && (t.style.transform = t.style.transformOrigin = null, q.off(e, "drag"), !i._temporaryRemoved && (i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e, i._isExternal && this.engine.cleanupNode(i), 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 Gi(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Vi(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
-w.renderCB = (u, e) => {
+_.renderCB = (u, e) => {
   u && (e != null && e.content) && (u.textContent = e.content);
 };
-w.resizeToContentParent = ".grid-stack-item-content";
-w.Utils = c;
-w.Engine = ee;
-w.GDRev = "11.3.0";
-const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { class: "grid-stack-item-content" }, ji = /* @__PURE__ */ W({
+_.resizeToContentParent = ".grid-stack-item-content";
+_.Utils = c;
+_.Engine = ee;
+_.GDRev = "11.3.0";
+const ji = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qi = { class: "grid-stack-item-content" }, Zi = /* @__PURE__ */ W({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
@@ -3984,11 +3984,11 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
   },
   emits: ["update-tiles"],
   setup(u, { expose: e, emit: t }) {
-    const i = u, s = t, r = U(null), o = U(new Map(i.tiles.map((m) => [`${m.id}`, m])));
+    const i = u, s = t, r = F(null), o = F(new Map(i.tiles.map((g) => [`${g.id}`, g])));
     let n = null;
-    const d = (m) => `[data-id="${m}"]`, h = (m) => m.map((p) => {
-      var g;
-      const y = o.value.get(`${(g = p.el) == null ? void 0 : g.getAttribute("data-id")}`);
+    const d = (g) => `[data-id="${g}"]`, h = (g) => g.map((p) => {
+      var m;
+      const y = o.value.get(`${(m = p.el) == null ? void 0 : m.getAttribute("data-id")}`);
       if (y)
         return {
           ...y,
@@ -3997,18 +3997,18 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
             size: { cols: Number(p.w), rows: Number(p.h) }
           }
         };
-    }).filter((p) => p !== void 0), a = (m, p) => {
-      n && (h(p).forEach((g) => {
-        o.value.set(`${g.id}`, g);
+    }).filter((p) => p !== void 0), a = (g, p) => {
+      n && (h(p).forEach((m) => {
+        o.value.set(`${m.id}`, m);
       }), s("update-tiles", Array.from(o.value.values())));
-    }, l = (m, p) => {
+    }, l = (g, p) => {
       p.forEach((y) => {
-        var g;
-        o.value.delete(`${(g = y.el) == null ? void 0 : g.getAttribute("data-id")}`);
+        var m;
+        o.value.delete(`${(m = y.el) == null ? void 0 : m.getAttribute("data-id")}`);
       }), s("update-tiles", Array.from(o.value.values()));
     };
-    Ve(() => {
-      r.value && (n = w.init({
+    Ke(() => {
+      r.value && (n = _.init({
         column: i.gridSize.cols,
         cellHeight: i.tileHeight,
         resizable: { handles: "se, sw" },
@@ -4017,32 +4017,32 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
     }), Ue(() => {
       n && n.destroy(!1);
     });
-    const f = (m) => {
+    const f = (g) => {
       if (n && r.value) {
-        const p = r.value.querySelector(d(m));
+        const p = r.value.querySelector(d(g));
         p && n.removeWidget(p);
       }
     };
-    return Fe(() => i.tiles.length, async (m, p) => {
-      if (m > p && n) {
+    return Ge(() => i.tiles.length, async (g, p) => {
+      if (g > p && n) {
         const y = i.tiles.slice(p);
-        for (const g of y)
-          o.value.set(`${g.id}`, g), await vt(), n.makeWidget(d(g.id), {
+        for (const m of y)
+          o.value.set(`${m.id}`, m), await _t(), n.makeWidget(d(m.id), {
             autoPosition: !0,
-            w: g.layout.size.cols,
-            h: g.layout.size.rows
+            w: m.layout.size.cols,
+            h: m.layout.size.rows
           });
       }
-    }), mt(() => {
-      i.tiles.forEach((m) => {
-        o.value.set(`${m.id}`, m);
+    }), pt(() => {
+      i.tiles.forEach((g) => {
+        o.value.set(`${g.id}`, g);
       });
-    }), e({ removeWidget: f }), (m, p) => (C(), F("div", {
+    }), e({ removeWidget: f }), (g, p) => (C(), U("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
     }, [
-      (C(!0), F(wt, null, bt(i.tiles, (y) => (C(), F("div", {
+      (C(!0), U(bt, null, Et(i.tiles, (y) => (C(), U("div", {
         key: y.id,
         class: "grid-stack-item",
         "data-id": `${y.id}`,
@@ -4053,46 +4053,46 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
         "gs-x": y.layout.position.col,
         "gs-y": y.layout.position.row
       }, [
-        ce("div", Xi, [
-          Me(m.$slots, "tile", { tile: y }, void 0, !0)
+        fe("div", Qi, [
+          Ie(g.$slots, "tile", { tile: y }, void 0, !0)
         ])
-      ], 8, Yi))), 128))
+      ], 8, ji))), 128))
     ], 512));
   }
-}), Qi = /* @__PURE__ */ he(ji, [["__scopeId", "data-v-f4f87f74"]]), Zi = { class: "kong-ui-public-dashboard-renderer" }, Ji = {
+}), Ji = /* @__PURE__ */ de(Zi, [["__scopeId", "data-v-f4f87f74"]]), es = { class: "kong-ui-public-dashboard-renderer" }, ts = {
   key: 0,
   class: "tile-container slottable-tile"
-}, es = /* @__PURE__ */ W({
+}, is = /* @__PURE__ */ W({
   __name: "DashboardRenderer",
-  props: /* @__PURE__ */ it({
+  props: /* @__PURE__ */ st({
     context: {}
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ it(["edit-tile", "zoom-time-range"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ st(["edit-tile", "zoom-time-range"], ["update:modelValue"]),
   setup(u, { expose: e, emit: t }) {
-    const i = u, s = t, r = $t(u, "modelValue"), { i18n: o } = ve.useI18n(), n = U(0), d = U(null), h = _e(le);
-    h || (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")), ve.useRequestQueue();
-    const a = xt(), l = O(() => i.context.timeSpec ? i.context.timeSpec : {
+    const i = u, s = t, r = Ut(u, "modelValue"), { i18n: o } = he.useI18n(), n = F(0), d = F(null), h = _e(le);
+    h || (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")), he.useRequestQueue();
+    const a = Ct(), l = L(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
       time_range: a.defaultQueryTimeForOrg
-    }), f = O(() => !!i.context.timeSpec || !a.loading), m = (x, N) => {
-      const z = x.layout.position.row - N.layout.position.row;
-      return z !== 0 ? z : x.layout.position.col - N.layout.position.col;
-    }, p = O(() => r.value.tiles.map((x) => {
-      var z;
-      let N = x.definition;
-      if ("description" in N.chart) {
-        const q = (z = N.chart.description) == null ? void 0 : z.replace(ci, () => {
-          const v = `renderer.trendRange.${l.value.type === "absolute" ? "custom" : l.value.time_range}`;
-          return o.te(v) ? o.t(v) : "";
+    }), f = L(() => !!i.context.timeSpec || !a.loading), g = (x, k) => {
+      const D = x.layout.position.row - k.layout.position.row;
+      return D !== 0 ? D : x.layout.position.col - k.layout.position.col;
+    }, p = L(() => r.value.tiles.map((x) => {
+      var D;
+      let k = x.definition;
+      if ("description" in k.chart) {
+        const $ = (D = k.chart.description) == null ? void 0 : D.replace(gi, () => {
+          const we = `renderer.trendRange.${l.value.type === "absolute" ? "custom" : l.value.time_range}`;
+          return o.te(we) ? o.t(we) : "";
         });
-        N = {
-          ...N,
+        k = {
+          ...k,
           chart: {
-            ...N.chart,
-            description: q
+            ...k.chart,
+            description: $
           }
         };
       }
@@ -4102,30 +4102,30 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
         x
       ), {
         layout: x.layout,
-        meta: N,
+        meta: k,
         // Add a unique key to each tile internally.
         id: x.id ?? crypto.randomUUID()
       };
-    })), y = O(() => {
-      let { tz: x, refreshInterval: N, editable: z } = i.context;
-      return x || (x = new Intl.DateTimeFormat().resolvedOptions().timeZone), N === void 0 && (N = fi), z === void 0 && (z = !1), {
+    })), y = L(() => {
+      let { tz: x, refreshInterval: k, editable: D } = i.context;
+      return x || (x = new Intl.DateTimeFormat().resolvedOptions().timeZone), k === void 0 && (k = mi), D === void 0 && (D = !1), {
         ...i.context,
         tz: x,
         timeSpec: l.value,
-        refreshInterval: N,
-        editable: z
+        refreshInterval: k,
+        editable: D
       };
-    }), g = (x) => {
+    }), m = (x) => {
       s("edit-tile", x);
-    }, R = (x) => x.type === "slottable", k = (x) => {
-      const N = R(x.meta.chart) ? { ...x.meta.chart } : {
+    }, E = (x) => x.type === "slottable", N = (x) => {
+      const k = E(x.meta.chart) ? { ...x.meta.chart } : {
         ...x.meta.chart,
         chartTitle: x.meta.chart.chartTitle ? `Copy of ${x.meta.chart.chartTitle}` : ""
-      }, z = {
+      }, D = {
         id: crypto.randomUUID(),
         definition: {
           ...x.meta,
-          chart: N
+          chart: k
         },
         layout: {
           position: {
@@ -4135,70 +4135,70 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
           size: x.layout.size
         }
       };
-      r.value.tiles.push(z);
-    }, E = (x) => {
+      r.value.tiles.push(D);
+    }, R = (x) => {
       d.value && d.value.removeWidget(x.id);
-    }, L = () => {
+    }, H = () => {
       n.value++;
-    }, D = (x) => {
-      const N = x.map((z) => ({
-        id: z.id,
-        layout: z.layout,
-        definition: z.meta
+    }, z = (x) => {
+      const k = x.map((D) => ({
+        id: D.id,
+        layout: D.layout,
+        definition: D.meta
       }));
-      r.value.gridSize.rows = Math.max(1, ...N.map((z) => z.layout.position.row + z.layout.size.rows)), r.value.tiles = N.sort(m);
+      r.value.gridSize.rows = Math.max(1, ...k.map((D) => D.layout.position.row + D.layout.size.rows)), r.value.tiles = k.sort(g);
     };
-    return e({ refresh: L }), (x, N) => {
-      const z = oe("KAlert");
-      return C(), F("div", Zi, [
-        S(h) ? (C(), H(_t(x.context.editable ? Qi : Fi), {
+    return e({ refresh: H }), (x, k) => {
+      const D = oe("KAlert");
+      return C(), U("div", es, [
+        S(h) ? (C(), O(wt(x.context.editable ? Ji : Wi), {
           key: 1,
           ref_key: "gridLayoutRef",
           ref: d,
           "grid-size": r.value.gridSize,
           "tile-height": r.value.tileHeight,
           tiles: p.value,
-          onUpdateTiles: D
+          onUpdateTiles: z
         }, {
-          tile: P(({ tile: q }) => [
-            q.meta.chart.type === "slottable" ? (C(), F("div", Ji, [
-              Me(x.$slots, q.meta.chart.id, {}, void 0, !0)
-            ])) : (C(), H(Bi, {
+          tile: P(({ tile: $ }) => [
+            $.meta.chart.type === "slottable" ? (C(), U("div", ts, [
+              Ie(x.$slots, $.meta.chart.id, {}, void 0, !0)
+            ])) : (C(), O(Fi, {
               key: 1,
               class: "tile-container",
               context: y.value,
-              definition: q.meta,
-              height: q.layout.size.rows * (r.value.tileHeight || S(Ke)) + parseInt(S(Ht), 10),
+              definition: $.meta,
+              height: $.layout.size.rows * (r.value.tileHeight || S(Ye)) + parseInt(S(Ot), 10),
               "query-ready": f.value,
               "refresh-counter": n.value,
-              "tile-id": q.id,
-              onDuplicateTile: (ae) => k(q),
-              onEditTile: (ae) => g(q),
-              onRemoveTile: (ae) => E(q),
-              onZoomTimeRange: N[0] || (N[0] = (ae) => s("zoom-time-range", ae))
+              "tile-id": $.id,
+              onDuplicateTile: (ae) => N($),
+              onEditTile: (ae) => m($),
+              onRemoveTile: (ae) => R($),
+              onZoomTimeRange: k[0] || (k[0] = (ae) => s("zoom-time-range", ae))
             }, null, 8, ["context", "definition", "height", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
           ]),
           _: 3
-        }, 40, ["grid-size", "tile-height", "tiles"])) : (C(), H(z, {
+        }, 40, ["grid-size", "tile-height", "tiles"])) : (C(), O(D, {
           key: 0,
           appearance: "danger"
         }, {
           default: P(() => [
-            ue(J(S(o).t("renderer.noQueryBridge")), 1)
+            ce(J(S(o).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))
       ]);
     };
   }
-}), us = /* @__PURE__ */ he(es, [["__scopeId", "data-v-d31fa719"]]);
+}), fs = /* @__PURE__ */ de(is, [["__scopeId", "data-v-d31fa719"]]);
 export {
-  ui as CP_ID_TOKEN,
-  Ke as DEFAULT_TILE_HEIGHT,
-  fi as DEFAULT_TILE_REFRESH_INTERVAL_MS,
-  us as DashboardRenderer,
-  rt as ENTITY_ID_TOKEN,
-  Fi as GridLayout,
+  fi as CP_ID_TOKEN,
+  Ye as DEFAULT_TILE_HEIGHT,
+  mi as DEFAULT_TILE_REFRESH_INTERVAL_MS,
+  fs as DashboardRenderer,
+  nt as ENTITY_ID_TOKEN,
+  Wi as GridLayout,
   le as INJECT_QUERY_PROVIDER,
-  ci as TIMEFRAME_TOKEN
+  gi as TIMEFRAME_TOKEN
 };