@kong-ui-public/dashboard-renderer 7.3.3 → 7.3.4

package/dist/{index-xMrKxWjm.js → index-CIqRDoFw.js}

@@ -1,25 +1,25 @@
 var ni = Object.defineProperty;
-var _t = (u) => {
+var bt = (u) => {
   throw TypeError(u);
 };
 var oi = (u, e, t) => e in u ? ni(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
-var bt = (u, e, t) => oi(u, typeof e != "symbol" ? e + "" : e, t), tt = (u, e, t) => e.has(u) || _t("Cannot " + t);
-var _ = (u, e, t) => (tt(u, e, "read from private field"), t ? t.call(u) : e.get(u)), F = (u, e, t) => e.has(u) ? _t("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(u) : e.set(u, t), O = (u, e, t, i) => (tt(u, e, "write to private field"), i ? i.call(u, t) : e.set(u, t), t), G = (u, e, t) => (tt(u, e, "access private method"), t);
+var wt = (u, e, t) => oi(u, typeof e != "symbol" ? e + "" : e, t), tt = (u, e, t) => e.has(u) || bt("Cannot " + t);
+var b = (u, e, t) => (tt(u, e, "read from private field"), t ? t.call(u) : e.get(u)), G = (u, e, t) => e.has(u) ? bt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(u) : e.set(u, t), O = (u, e, t, i) => (tt(u, e, "write to private field"), i ? i.call(u, t) : e.set(u, t), t), U = (u, e, t) => (tt(u, e, "access private method"), t);
 var Te = (u, e, t, i) => ({
   set _(s) {
     O(u, e, s, t);
   },
   get _() {
-    return _(u, e, i);
+    return b(u, e, i);
   }
 });
-import { ref as I, watchEffect as Mt, inject as xe, provide as ai, onMounted as ot, computed as N, defineComponent as Q, onUnmounted as at, watch as lt, resolveComponent as fe, createBlock as M, renderSlot as ze, createCommentVNode as K, unref as k, openBlock as z, withCtx as P, createVNode as re, createTextVNode as De, toDisplayString as ie, useCssVars as Ye, createElementVNode as de, normalizeClass as Qe, mergeProps as It, createSlots as ht, createElementBlock as W, normalizeProps as li, guardReactiveProps as hi, defineAsyncComponent as qt, readonly as it, toRef as wt, nextTick as dt, resolveDynamicComponent as Pt, toHandlers as di, Fragment as $t, renderList as Ft, normalizeStyle as Et, mergeModels as xt, useModel as ui, getCurrentInstance as ci } from "vue";
-import { msToGranularity as st, getFieldDataSources as Gt, stripUnknownFilters as fi, Timeframe as gi, TimePeriods as Ut, TIMEFRAME_LOOKUP as mi, formatTime as Ct } from "@kong-ui-public/analytics-utilities";
+import { ref as I, watchEffect as It, inject as Ce, provide as ai, onMounted as ot, computed as D, defineComponent as j, onUnmounted as at, watch as lt, resolveComponent as ge, createBlock as M, renderSlot as ze, createCommentVNode as V, unref as R, openBlock as k, withCtx as P, createVNode as ae, createTextVNode as De, toDisplayString as ne, useCssVars as Ye, createElementVNode as ue, normalizeClass as Qe, mergeProps as qt, createSlots as ht, createElementBlock as K, normalizeProps as li, guardReactiveProps as hi, defineAsyncComponent as Pt, readonly as it, toRef as Et, nextTick as dt, resolveDynamicComponent as $t, toHandlers as di, Fragment as Ft, renderList as Gt, normalizeStyle as xt, mergeModels as Ct, useModel as ui, getCurrentInstance as ci } from "vue";
+import { msToGranularity as st, getFieldDataSources as Ut, stripUnknownFilters as fi, Timeframe as gi, TimePeriods as Bt, TIMEFRAME_LOOKUP as mi, formatTime as Rt } from "@kong-ui-public/analytics-utilities";
 import { SimpleChart as pi, AnalyticsChart as yi, TopNTable as vi, CsvExportModal as _i } from "@kong-ui-public/analytics-chart";
 import bi from "swrv";
 import "axios";
 import { createI18n as wi, i18nTComponent as Ei } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as Bt } from "@kong-ui-public/analytics-config-store";
+import { useAnalyticsConfigStore as ut } from "@kong-ui-public/analytics-config-store";
 import { VisibilityOffIcon as xi, WarningIcon as Ci, EditIcon as Ri, MoreIcon as ki } from "@kong/icons";
 import { MetricsProvider as Ti, MetricsConsumer as zi } from "@kong-ui-public/analytics-metric-provider";
 var Wt = /* @__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))(Wt || {});
@@ -33,7 +33,7 @@ function Si(u = I({}), e, t, i = Di) {
     "PENDING"
     /* PENDING */
   );
-  return Mt(() => {
+  return It(() => {
     const r = i(u.value);
     if (u.value && r && t.value) {
       s.value = "VALIDATING_HAS_DATA";
@@ -115,9 +115,9 @@ function Pi() {
     // Translation component <i18n-t>
   };
 }
-const je = 170, Kt = 6, me = "analytics-query-provider", Rt = "{entity-id}", $i = "{cp-id}", Fi = "{timeframe}", Gi = 30 * 1e3, Ui = 3e5, Bi = 36e5;
+const je = 170, Kt = 6, pe = "analytics-query-provider", kt = "{entity-id}", $i = "{cp-id}", Fi = "{timeframe}", Gi = 30 * 1e3, Ui = 3e5, Bi = 36e5;
 function Wi() {
-  const u = xe(me);
+  const u = Ce(pe);
   return {
     evaluateFeatureFlag: (t, i) => u ? u.evaluateFeatureFlagFn(t, i) : i
   };
@@ -165,7 +165,7 @@ var Vt = { exports: {} };
   }, n.prototype.emit = function(l, d, a, f, p, g) {
     var y = t ? t + l : l;
     if (!this._events[y]) return !1;
-    var m = this._events[y], T = arguments.length, w, E;
+    var m = this._events[y], T = arguments.length, L, z;
     if (m.fn) {
       switch (m.once && this.removeListener(l, m.fn, void 0, !0), T) {
         case 1:
@@ -181,29 +181,29 @@ var Vt = { exports: {} };
         case 6:
           return m.fn.call(m.context, d, a, f, p, g), !0;
       }
-      for (E = 1, w = new Array(T - 1); E < T; E++)
-        w[E - 1] = arguments[E];
-      m.fn.apply(m.context, w);
+      for (z = 1, L = new Array(T - 1); z < T; z++)
+        L[z - 1] = arguments[z];
+      m.fn.apply(m.context, L);
     } else {
-      var L = m.length, C;
-      for (E = 0; E < L; E++)
-        switch (m[E].once && this.removeListener(l, m[E].fn, void 0, !0), T) {
+      var x = m.length, _;
+      for (z = 0; z < x; z++)
+        switch (m[z].once && this.removeListener(l, m[z].fn, void 0, !0), T) {
           case 1:
-            m[E].fn.call(m[E].context);
+            m[z].fn.call(m[z].context);
             break;
           case 2:
-            m[E].fn.call(m[E].context, d);
+            m[z].fn.call(m[z].context, d);
             break;
           case 3:
-            m[E].fn.call(m[E].context, d, a);
+            m[z].fn.call(m[z].context, d, a);
             break;
           case 4:
-            m[E].fn.call(m[E].context, d, a, f);
+            m[z].fn.call(m[z].context, d, a, f);
             break;
           default:
-            if (!w) for (C = 1, w = new Array(T - 1); C < T; C++)
-              w[C - 1] = arguments[C];
-            m[E].fn.apply(m[E].context, w);
+            if (!L) for (_ = 1, L = new Array(T - 1); _ < T; _++)
+              L[_ - 1] = arguments[_];
+            m[z].fn.apply(m[z].context, L);
         }
     }
     return !0;
@@ -242,9 +242,9 @@ class Qi extends Error {
     super(), this.name = "AbortError", this.message = e;
   }
 }
-const kt = (u) => globalThis.DOMException === void 0 ? new Qi(u) : new DOMException(u), Tt = (u) => {
-  const e = u.reason === void 0 ? kt("This operation was aborted.") : u.reason;
-  return e instanceof Error ? e : kt(e);
+const Tt = (u) => globalThis.DOMException === void 0 ? new Qi(u) : new DOMException(u), zt = (u) => {
+  const e = u.reason === void 0 ? Tt("This operation was aborted.") : u.reason;
+  return e instanceof Error ? e : Tt(e);
 };
 function ji(u, e) {
   const {
@@ -259,8 +259,8 @@ function ji(u, e) {
       throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);
     if (e.signal) {
       const { signal: p } = e;
-      p.aborted && a(Tt(p)), n = () => {
-        a(Tt(p));
+      p.aborted && a(zt(p)), n = () => {
+        a(zt(p));
       }, p.addEventListener("abort", n, { once: !0 });
     }
     if (t === Number.POSITIVE_INFINITY) {
@@ -301,10 +301,10 @@ function Xi(u, e, t) {
   }
   return i;
 }
-var X;
+var Z;
 class Zi {
   constructor() {
-    F(this, X, []);
+    G(this, Z, []);
   }
   enqueue(e, t) {
     t = {
@@ -316,62 +316,62 @@ class Zi {
       id: t.id,
       run: e
     };
-    if (this.size === 0 || _(this, X)[this.size - 1].priority >= t.priority) {
-      _(this, X).push(i);
+    if (this.size === 0 || b(this, Z)[this.size - 1].priority >= t.priority) {
+      b(this, Z).push(i);
       return;
     }
-    const s = Xi(_(this, X), i, (r, o) => o.priority - r.priority);
-    _(this, X).splice(s, 0, i);
+    const s = Xi(b(this, Z), i, (r, o) => o.priority - r.priority);
+    b(this, Z).splice(s, 0, i);
   }
   setPriority(e, t) {
-    const i = _(this, X).findIndex((r) => r.id === e);
+    const i = b(this, Z).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, X).splice(i, 1);
+    const [s] = b(this, Z).splice(i, 1);
     this.enqueue(s.run, { priority: t, id: e });
   }
   dequeue() {
-    const e = _(this, X).shift();
+    const e = b(this, Z).shift();
     return e == null ? void 0 : e.run;
   }
   filter(e) {
-    return _(this, X).filter((t) => t.priority === e.priority).map((t) => t.run);
+    return b(this, Z).filter((t) => t.priority === e.priority).map((t) => t.run);
   }
   get size() {
-    return _(this, X).length;
+    return b(this, Z).length;
   }
 }
-X = new WeakMap();
-var ve, _e, ce, Le, be, Ae, Z, we, B, He, J, Ee, he, Oe, Ve, D, Qt, jt, Xt, Zt, Jt, Pe, rt, nt, $e, ei, Fe;
+Z = new WeakMap();
+var _e, be, fe, Le, we, Ae, J, Ee, W, He, ee, xe, de, Oe, Ve, S, Qt, jt, Xt, Zt, Jt, Pe, rt, nt, $e, ei, Fe;
 class Ji extends Yi {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
-    F(this, D);
-    F(this, ve);
-    F(this, _e);
-    F(this, ce, 0);
-    F(this, Le);
-    F(this, be);
-    F(this, Ae, 0);
-    F(this, Z);
-    F(this, we);
-    F(this, B);
-    F(this, He);
-    F(this, J, 0);
+    G(this, S);
+    G(this, _e);
+    G(this, be);
+    G(this, fe, 0);
+    G(this, Le);
+    G(this, we);
+    G(this, Ae, 0);
+    G(this, J);
+    G(this, Ee);
+    G(this, W);
+    G(this, He);
+    G(this, ee, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
-    F(this, Ee);
-    F(this, he);
-    F(this, Oe);
+    G(this, xe);
+    G(this, de);
+    G(this, Oe);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
-    F(this, Ve, 1n);
+    G(this, Ve, 1n);
     /**
         Per-operation timeout in milliseconds. Operations fulfill once `timeout` elapses if they haven't already.
     
         Applies to each future operation.
         */
-    bt(this, "timeout");
+    wt(this, "timeout");
     if (t = {
       carryoverConcurrencyCount: !1,
       intervalCap: Number.POSITIVE_INFINITY,
@@ -384,15 +384,15 @@ class Ji extends Yi {
       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})`);
-    O(this, ve, t.carryoverConcurrencyCount), O(this, _e, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), O(this, Le, t.intervalCap), O(this, be, t.interval), O(this, B, new t.queueClass()), O(this, He, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, O(this, Oe, t.throwOnTimeout === !0), O(this, he, t.autoStart === !1);
+    O(this, _e, t.carryoverConcurrencyCount), O(this, be, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), O(this, Le, t.intervalCap), O(this, we, t.interval), O(this, W, new t.queueClass()), O(this, He, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, O(this, Oe, t.throwOnTimeout === !0), O(this, de, t.autoStart === !1);
   }
   get concurrency() {
-    return _(this, Ee);
+    return b(this, xe);
   }
   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})`);
-    O(this, Ee, t), G(this, D, $e).call(this);
+    O(this, xe, t), U(this, S, $e).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -431,21 +431,21 @@ class Ji extends Yi {
       Here, the promise function with `id: '🦀'` executes last.
       */
   setPriority(t, i) {
-    _(this, B).setPriority(t, i);
+    b(this, W).setPriority(t, i);
   }
   async add(t, i = {}) {
     return i.id ?? (i.id = (Te(this, Ve)._++).toString()), i = {
       timeout: this.timeout,
-      throwOnTimeout: _(this, Oe),
+      throwOnTimeout: b(this, Oe),
       ...i
     }, new Promise((s, r) => {
-      _(this, B).enqueue(async () => {
+      b(this, W).enqueue(async () => {
         var o;
-        Te(this, J)._++, Te(this, ce)._++;
+        Te(this, ee)._++, Te(this, fe)._++;
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
-          i.timeout && (n = ji(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, G(this, D, ei).call(this, i.signal)]));
+          i.timeout && (n = ji(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, U(this, S, ei).call(this, i.signal)]));
           const h = await n;
           s(h), this.emit("completed", h);
         } catch (n) {
@@ -455,9 +455,9 @@ class Ji extends Yi {
           }
           r(n), this.emit("error", n);
         } finally {
-          G(this, D, Xt).call(this);
+          U(this, S, Xt).call(this);
         }
-      }, i), this.emit("add"), G(this, D, Pe).call(this);
+      }, i), this.emit("add"), U(this, S, Pe).call(this);
     });
   }
   async addAll(t, i) {
@@ -467,19 +467,19 @@ class Ji 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, he) ? (O(this, he, !1), G(this, D, $e).call(this), this) : this;
+    return b(this, de) ? (O(this, de, !1), U(this, S, $e).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
   */
   pause() {
-    O(this, he, !0);
+    O(this, de, !0);
   }
   /**
   Clear the queue.
   */
   clear() {
-    O(this, B, new (_(this, He))());
+    O(this, W, new (b(this, He))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -487,7 +487,7 @@ class Ji extends Yi {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    _(this, B).size !== 0 && await G(this, D, Fe).call(this, "empty");
+    b(this, W).size !== 0 && await U(this, S, Fe).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -497,7 +497,7 @@ class Ji 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, B).size < t || await G(this, D, Fe).call(this, "next", () => _(this, B).size < t);
+    b(this, W).size < t || await U(this, S, Fe).call(this, "next", () => b(this, W).size < t);
   }
   /**
       The difference with `.onEmpty` is that `.onIdle` guarantees that all work from the queue has finished. `.onEmpty` merely signals that the queue is empty, but it could mean that some promises haven't completed yet.
@@ -505,13 +505,13 @@ class Ji 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, J) === 0 && _(this, B).size === 0 || await G(this, D, Fe).call(this, "idle");
+    b(this, ee) === 0 && b(this, W).size === 0 || await U(this, S, Fe).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
   */
   get size() {
-    return _(this, B).size;
+    return b(this, W).size;
   }
   /**
       Size of the queue, filtered by the given options.
@@ -519,63 +519,63 @@ class Ji 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, B).filter(t).length;
+    return b(this, W).filter(t).length;
   }
   /**
   Number of running items (no longer in the queue).
   */
   get pending() {
-    return _(this, J);
+    return b(this, ee);
   }
   /**
   Whether the queue is currently paused.
   */
   get isPaused() {
-    return _(this, he);
+    return b(this, de);
   }
 }
-ve = new WeakMap(), _e = new WeakMap(), ce = new WeakMap(), Le = new WeakMap(), be = new WeakMap(), Ae = new WeakMap(), Z = new WeakMap(), we = new WeakMap(), B = new WeakMap(), He = new WeakMap(), J = new WeakMap(), Ee = new WeakMap(), he = new WeakMap(), Oe = new WeakMap(), Ve = new WeakMap(), D = new WeakSet(), Qt = function() {
-  return _(this, _e) || _(this, ce) < _(this, Le);
+_e = new WeakMap(), be = new WeakMap(), fe = new WeakMap(), Le = new WeakMap(), we = new WeakMap(), Ae = new WeakMap(), J = new WeakMap(), Ee = new WeakMap(), W = new WeakMap(), He = new WeakMap(), ee = new WeakMap(), xe = new WeakMap(), de = new WeakMap(), Oe = new WeakMap(), Ve = new WeakMap(), S = new WeakSet(), Qt = function() {
+  return b(this, be) || b(this, fe) < b(this, Le);
 }, jt = function() {
-  return _(this, J) < _(this, Ee);
+  return b(this, ee) < b(this, xe);
 }, Xt = function() {
-  Te(this, J)._--, G(this, D, Pe).call(this), this.emit("next");
+  Te(this, ee)._--, U(this, S, Pe).call(this), this.emit("next");
 }, Zt = function() {
-  G(this, D, nt).call(this), G(this, D, rt).call(this), O(this, we, void 0);
+  U(this, S, nt).call(this), U(this, S, rt).call(this), O(this, Ee, void 0);
 }, Jt = function() {
   const t = Date.now();
-  if (_(this, Z) === void 0) {
-    const i = _(this, Ae) - t;
+  if (b(this, J) === void 0) {
+    const i = b(this, Ae) - t;
     if (i < 0)
-      O(this, ce, _(this, ve) ? _(this, J) : 0);
+      O(this, fe, b(this, _e) ? b(this, ee) : 0);
     else
-      return _(this, we) === void 0 && O(this, we, setTimeout(() => {
-        G(this, D, Zt).call(this);
+      return b(this, Ee) === void 0 && O(this, Ee, setTimeout(() => {
+        U(this, S, Zt).call(this);
       }, i)), !0;
   }
   return !1;
 }, Pe = function() {
-  if (_(this, B).size === 0)
-    return _(this, Z) && clearInterval(_(this, Z)), O(this, Z, void 0), this.emit("empty"), _(this, J) === 0 && this.emit("idle"), !1;
-  if (!_(this, he)) {
-    const t = !_(this, D, Jt);
-    if (_(this, D, Qt) && _(this, D, jt)) {
-      const i = _(this, B).dequeue();
-      return i ? (this.emit("active"), i(), t && G(this, D, rt).call(this), !0) : !1;
+  if (b(this, W).size === 0)
+    return b(this, J) && clearInterval(b(this, J)), O(this, J, void 0), this.emit("empty"), b(this, ee) === 0 && this.emit("idle"), !1;
+  if (!b(this, de)) {
+    const t = !b(this, S, Jt);
+    if (b(this, S, Qt) && b(this, S, jt)) {
+      const i = b(this, W).dequeue();
+      return i ? (this.emit("active"), i(), t && U(this, S, rt).call(this), !0) : !1;
     }
   }
   return !1;
 }, rt = function() {
-  _(this, _e) || _(this, Z) !== void 0 || (O(this, Z, setInterval(() => {
-    G(this, D, nt).call(this);
-  }, _(this, be))), O(this, Ae, Date.now() + _(this, be)));
+  b(this, be) || b(this, J) !== void 0 || (O(this, J, setInterval(() => {
+    U(this, S, nt).call(this);
+  }, b(this, we))), O(this, Ae, Date.now() + b(this, we)));
 }, nt = function() {
-  _(this, ce) === 0 && _(this, J) === 0 && _(this, Z) && (clearInterval(_(this, Z)), O(this, Z, void 0)), O(this, ce, _(this, ve) ? _(this, J) : 0), G(this, D, $e).call(this);
+  b(this, fe) === 0 && b(this, ee) === 0 && b(this, J) && (clearInterval(b(this, J)), O(this, J, void 0)), O(this, fe, b(this, _e) ? b(this, ee) : 0), U(this, S, $e).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
 $e = function() {
-  for (; G(this, D, Pe).call(this); )
+  for (; U(this, S, Pe).call(this); )
     ;
 }, ei = async function(t) {
   return new Promise((i, s) => {
@@ -592,7 +592,7 @@ $e = function() {
   });
 };
 const es = () => {
-  const u = Bt(), e = xe(me);
+  const u = ut(), e = Ce(pe);
   if (!e)
     return;
   if (e.queryFnOverride) {
@@ -609,7 +609,7 @@ const es = () => {
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  ai(me, i);
+  ai(pe, i);
 };
 function ts({
   queryBridge: u,
@@ -617,78 +617,78 @@ function ts({
   definition: t,
   chartData: i
 }) {
-  const s = I(""), r = I("");
+  const s = I(""), r = I(""), o = ut();
   ot(async () => {
-    var w, E;
-    s.value = await ((w = u == null ? void 0 : u.exploreBaseUrl) == null ? void 0 : w.call(u)) ?? "", r.value = await ((E = u == null ? void 0 : u.requestsBaseUrl) == null ? void 0 : E.call(u)) ?? "";
+    var x, _;
+    s.value = await ((x = u == null ? void 0 : u.exploreBaseUrl) == null ? void 0 : x.call(u)) ?? "", r.value = await ((_ = u == null ? void 0 : u.requestsBaseUrl) == null ? void 0 : _.call(u)) ?? "";
   });
-  const o = N(() => !["golden_signals", "top_n", "gauge"].includes(t.value.chart.type)), n = N(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage"), h = N(() => s.value && t.value.query && ["basic", "api_usage", "llm_usage", void 0].includes(t.value.query.datasource)), l = N(() => i.value ? st(i.value.meta.granularity_ms) : void 0), d = N(() => {
-    var L;
-    const w = [...e.value.filters, ...t.value.query.filters ?? []], E = ((L = t.value.query) == null ? void 0 : L.datasource) ?? "api_usage";
-    return w.filter((C) => Gt(C.field).some((ge) => E === ge));
-  }), a = N(() => {
-    if (!h.value || !o.value)
+  const n = D(() => o.analytics && o.percentiles), h = D(() => !["golden_signals", "top_n", "gauge"].includes(t.value.chart.type)), l = D(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && n.value), d = D(() => s.value && t.value.query && ["basic", "api_usage", "llm_usage", void 0].includes(t.value.query.datasource) && n.value), a = D(() => i.value ? st(i.value.meta.granularity_ms) : void 0), f = D(() => {
+    var F;
+    const x = [...e.value.filters, ...t.value.query.filters ?? []], _ = ((F = t.value.query) == null ? void 0 : F.datasource) ?? "api_usage";
+    return x.filter((te) => Ut(te.field).some((me) => _ === me));
+  }), p = D(() => {
+    if (!d.value || !h.value)
       return "";
-    const w = d.value, E = t.value.query.time_range || e.value.timeSpec, L = m(E, w);
-    return T(L);
-  }), f = N(() => {
-    if (!n.value || !o.value)
+    const x = f.value, _ = t.value.query.time_range || e.value.timeSpec, F = L(_, x);
+    return z(F);
+  }), g = D(() => {
+    if (!l.value || !h.value)
       return "";
-    const w = d.value, E = g(
+    const x = f.value, _ = m(
       t.value.query.time_range || e.value.timeSpec,
-      w
+      x
     );
-    return p(E);
-  }), p = (w) => n.value ? `${r.value}?q=${JSON.stringify(w)}` : "", g = (w, E) => {
-    var L, C;
+    return y(_);
+  }), y = (x) => l.value ? `${r.value}?q=${JSON.stringify(x)}` : "", m = (x, _) => {
+    var F, te;
     return {
-      filter: E,
+      filter: _,
       timeframe: {
-        timePeriodsKey: w.type === "relative" ? w.time_range : "custom",
-        start: w.type === "absolute" ? (L = i.value) == null ? void 0 : L.meta.start_ms : void 0,
-        end: w.type === "absolute" ? (C = i.value) == null ? void 0 : C.meta.end_ms : void 0
+        timePeriodsKey: x.type === "relative" ? x.time_range : "custom",
+        start: x.type === "absolute" ? (F = i.value) == null ? void 0 : F.meta.start_ms : void 0,
+        end: x.type === "absolute" ? (te = i.value) == null ? void 0 : te.meta.end_ms : void 0
       }
     };
-  }, y = (w, E) => ({
-    filter: E,
+  }, T = (x, _) => ({
+    filter: _,
     timeframe: {
-      timePeriodsKey: w.type === "relative" ? w.time_range : "custom",
-      start: w.type === "absolute" ? w.start : void 0,
-      end: w.type === "absolute" ? w.end : void 0
+      timePeriodsKey: x.type === "relative" ? x.time_range : "custom",
+      start: x.type === "absolute" ? x.start : void 0,
+      end: x.type === "absolute" ? x.end : void 0
     }
-  }), m = (w, E) => {
-    const L = t.value.query.dimensions ?? [];
+  }), L = (x, _) => {
+    const F = t.value.query.dimensions ?? [];
     return {
-      filters: E,
+      filters: _,
       metrics: t.value.query.metrics ?? [],
-      dimensions: L,
-      time_range: w,
-      granularity: t.value.query.granularity || l.value
+      dimensions: F,
+      time_range: x,
+      granularity: t.value.query.granularity || a.value
     };
-  }, T = (w) => {
-    if (!h.value)
+  }, z = (x) => {
+    if (!d.value)
       return "";
-    const E = ["api_usage", "llm_usage"].includes(t.value.query.datasource) ? t.value.query.datasource : "api_usage";
-    return `${s.value}?q=${JSON.stringify(w)}&d=${E}&c=${t.value.chart.type}`;
+    const _ = ["api_usage", "llm_usage"].includes(t.value.query.datasource) ? t.value.query.datasource : "api_usage";
+    return `${s.value}?q=${JSON.stringify(x)}&d=${_}&c=${t.value.chart.type}`;
   };
   return {
-    exploreLinkKebabMenu: a,
-    requestsLinkKebabMenu: f,
-    canShowKebabMenu: o,
-    canGenerateRequestsLink: n,
-    canGenerateExploreLink: h,
-    buildExploreQuery: m,
-    buildRequestsQueryZoomActions: y,
-    buildExploreLink: T,
-    buildRequestLink: p
+    exploreLinkKebabMenu: p,
+    requestsLinkKebabMenu: g,
+    canShowKebabMenu: h,
+    canGenerateRequestsLink: l,
+    canGenerateExploreLink: d,
+    buildExploreQuery: L,
+    buildRequestsQueryZoomActions: T,
+    buildExploreLink: z,
+    buildRequestLink: y
   };
 }
-const pe = {
+const ye = {
   useI18n: Pi,
   useEvaluateFeatureFlag: Wi,
   useRequestQueue: es,
   useContextLinks: ts
-}, ut = /* @__PURE__ */ Q({
+}, ct = /* @__PURE__ */ j({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -698,53 +698,53 @@ const pe = {
   },
   emits: ["chart-data", "queryComplete"],
   setup(u, { emit: e }) {
-    const t = u, i = e, { i18n: s } = pe.useI18n(), r = xe(me), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
+    const t = u, i = e, { i18n: s } = ye.useI18n(), r = Ce(pe), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
     at(() => {
       n.abort();
     });
-    const h = (T, w, E) => {
-      const L = [];
-      return w && L.push(...w), L.push(...fi(T, E)), L;
+    const h = (T, L, z) => {
+      const x = [];
+      return L && x.push(...L), x.push(...fi(T, z)), x;
     }, { data: l, error: d, isValidating: a } = bi(o, async () => {
-      var T, w, E, L;
+      var T, L, z, x;
       try {
         let {
-          datasource: C,
-          ...le
+          datasource: _,
+          ...F
         } = t.query;
-        C || (C = "basic");
-        const ge = h(C, t.query.filters, t.context.filters);
-        let ne = t.query.time_range;
-        ne ? ne.tz || (ne = {
-          ...ne,
+        _ || (_ = "basic");
+        const te = h(_, t.query.filters, t.context.filters);
+        let ie = t.query.time_range;
+        ie ? ie.tz || (ie = {
+          ...ie,
           tz: t.context.tz
-        }) : ne = {
+        }) : ie = {
           ...t.context.timeSpec,
           tz: t.context.tz
         };
-        const Ce = {
-          datasource: C,
+        const me = {
+          datasource: _,
           query: {
-            ...le,
-            time_range: ne,
-            filters: ge
+            ...F,
+            time_range: ie,
+            filters: te
           }
-        }, Re = await (r == null ? void 0 : r.queryFn(Ce, n));
+        }, Re = await (r == null ? void 0 : r.queryFn(me, n));
         return g.value = null, Re;
-      } catch (C) {
-        throw (C == null ? void 0 : C.status) === 403 ? g.value = {
+      } catch (_) {
+        throw (_ == null ? void 0 : _.status) === 403 ? g.value = {
           message: s.t("queryDataProvider.forbidden"),
           type: "forbidden"
-        } : (C == null ? void 0 : C.status) === 408 ? g.value = {
+        } : (_ == null ? void 0 : _.status) === 408 ? g.value = {
           message: s.t("queryDataProvider.timeout"),
           type: "timeout"
-        } : ((w = (T = C == null ? void 0 : C.response) == null ? void 0 : T.data) == null ? void 0 : w.message) === "Range not allowed for this tier" ? g.value = {
+        } : ((L = (T = _ == null ? void 0 : _.response) == null ? void 0 : T.data) == null ? void 0 : L.message) === "Range not allowed for this tier" ? g.value = {
           message: s.t("queryDataProvider.timeRangeExceeded"),
           type: "range_exceeded"
         } : g.value = {
-          message: ((L = (E = C == null ? void 0 : C.response) == null ? void 0 : E.data) == null ? void 0 : L.message) || (C == null ? void 0 : C.message),
+          message: ((x = (z = _ == null ? void 0 : _.response) == null ? void 0 : z.data) == null ? void 0 : x.message) || (_ == null ? void 0 : _.message),
           type: "other"
-        }, C;
+        }, _;
       } finally {
         i("queryComplete");
       }
@@ -752,48 +752,48 @@ const pe = {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
-    }), { state: f, swrvState: p } = Si(l, d, a), g = I(null), y = N(() => f.value === p.ERROR || !!g.value), m = N(() => !t.queryReady || f.value === p.PENDING);
+    }), { state: f, swrvState: p } = Si(l, d, a), g = I(null), y = D(() => f.value === p.ERROR || !!g.value), m = D(() => !t.queryReady || f.value === p.PENDING);
     return lt(l, (T) => {
       T && i("chart-data", T);
-    }), (T, w) => {
-      var C;
-      const E = fe("KSkeleton"), L = fe("KEmptyState");
-      return m.value || !k(l) && !y.value ? (z(), M(E, {
+    }), (T, L) => {
+      var _;
+      const z = ge("KSkeleton"), x = ge("KEmptyState");
+      return m.value || !R(l) && !y.value ? (k(), M(z, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : y.value && ((C = g.value) == null ? void 0 : C.type) === "forbidden" ? (z(), M(L, {
+      })) : y.value && ((_ = g.value) == null ? void 0 : _.type) === "forbidden" ? (k(), M(x, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-forbidden-state"
       }, {
         default: P(() => [
-          De(ie(g.value.message), 1)
+          De(ne(g.value.message), 1)
         ]),
         icon: P(() => [
-          re(k(xi))
+          ae(R(xi))
         ]),
         _: 1
-      })) : y.value ? (z(), M(L, {
+      })) : y.value ? (k(), M(x, {
         key: 2,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state",
         "icon-variant": "error"
       }, {
         default: P(() => {
-          var le;
+          var F;
           return [
-            De(ie((le = g.value) == null ? void 0 : le.message), 1)
+            De(ne((F = g.value) == null ? void 0 : F.message), 1)
           ];
         }),
         _: 1
-      })) : k(l) ? ze(T.$slots, "default", {
+      })) : R(l) ? ze(T.$slots, "default", {
         key: 3,
-        data: k(l)
-      }) : K("", !0);
+        data: R(l)
+      }) : V("", !0);
     };
   }
-}), is = /* @__PURE__ */ Q({
+}), is = /* @__PURE__ */ j({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -809,18 +809,18 @@ const pe = {
     Ye((i) => ({
       "088169ae": `${i.height}px`
     }));
-    const e = u, t = N(() => e.chartOptions.type === "single_value");
-    return (i, s) => (z(), M(ut, {
+    const e = u, t = D(() => e.chartOptions.type === "single_value");
+    return (i, s) => (k(), M(ct, {
       context: i.context,
       query: i.query,
       "query-ready": i.queryReady,
       "refresh-counter": i.refreshCounter
     }, {
       default: P(({ data: r }) => [
-        de("div", {
+        ue("div", {
           class: Qe(["analytics-chart", { "single-value": t.value }])
         }, [
-          re(k(pi), {
+          ae(R(pi), {
             "chart-data": r,
             "chart-options": i.chartOptions,
             "synthetics-data-key": t.value ? void 0 : i.chartOptions.synthetics_data_key
@@ -830,12 +830,12 @@ const pe = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), ye = (u, e) => {
+}), ve = (u, e) => {
   const t = u.__vccOpts || u;
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, zt = /* @__PURE__ */ ye(is, [["__scopeId", "data-v-1e9ff912"]]), ss = { class: "analytics-chart" }, rs = /* @__PURE__ */ Q({
+}, Dt = /* @__PURE__ */ ve(is, [["__scopeId", "data-v-1e9ff912"]]), ss = { class: "analytics-chart" }, rs = /* @__PURE__ */ j({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -850,19 +850,19 @@ const pe = {
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range", "view-requests", "select-chart-range"],
   setup(u, { emit: e }) {
-    const t = u, i = e, { i18n: s } = pe.useI18n(), { evaluateFeatureFlag: r } = pe.useEvaluateFeatureFlag(), o = r("ma-4135-allow-zooming-all-dashboard-tiles", !1), n = N(() => ({
+    const t = u, i = e, { i18n: s } = ye.useI18n(), { evaluateFeatureFlag: r } = ye.useEvaluateFeatureFlag(), o = r("ma-4135-allow-zooming-all-dashboard-tiles", !1), n = D(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chart_dataset_colors,
       threshold: t.chartOptions.threshold
-    })), h = N(() => o ? t.context.zoomable : t.context.zoomable && !t.query.time_range), l = () => {
+    })), h = D(() => o ? t.context.zoomable : t.context.zoomable && !t.query.time_range), l = () => {
       i("edit-tile");
     }, d = (a) => {
       i("chart-data", a);
     };
     return (a, f) => {
-      const p = fe("KDropdownItem");
-      return z(), M(ut, {
+      const p = ge("KDropdownItem");
+      return k(), M(ct, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
@@ -870,8 +870,8 @@ const pe = {
         onChartData: d
       }, {
         default: P(({ data: g }) => [
-          de("div", ss, [
-            re(k(yi), It({
+          ue("div", ss, [
+            ae(R(yi), qt({
               "chart-data": g,
               "chart-options": n.value,
               "explore-link": a.exploreLink,
@@ -887,9 +887,9 @@ const pe = {
               a.context.editable ? {
                 name: "menu-items",
                 fn: P(() => [
-                  re(p, { onClick: l }, {
+                  ae(p, { onClick: l }, {
                     default: P(() => [
-                      De(ie(k(s).t("renderer.edit")), 1)
+                      De(ne(R(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -903,7 +903,7 @@ const pe = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), ct = /* @__PURE__ */ ye(rs, [["__scopeId", "data-v-965790dd"]]), Dt = /* @__PURE__ */ Q({
+}), ft = /* @__PURE__ */ ve(rs, [["__scopeId", "data-v-965790dd"]]), St = /* @__PURE__ */ j({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -916,7 +916,7 @@ const pe = {
     exploreLink: {}
   },
   setup(u) {
-    return (e, t) => (z(), M(ct, {
+    return (e, t) => (k(), M(ft, {
       "chart-options": e.chartOptions,
       context: e.context,
       "extra-props": { showAnnotations: !1 },
@@ -926,7 +926,7 @@ const pe = {
       "refresh-counter": e.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), St = /* @__PURE__ */ Q({
+}), Nt = /* @__PURE__ */ j({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -941,7 +941,7 @@ const pe = {
   emits: ["zoom-time-range", "select-chart-range"],
   setup(u, { emit: e }) {
     const t = e;
-    return (i, s) => (z(), M(ct, {
+    return (i, s) => (k(), M(ft, {
       "chart-options": i.chartOptions,
       context: i.context,
       "explore-link": i.exploreLink,
@@ -954,7 +954,7 @@ const pe = {
       onZoomTimeRange: s[1] || (s[1] = (r) => t("zoom-time-range", r))
     }, null, 8, ["chart-options", "context", "explore-link", "height", "query", "query-ready", "refresh-counter", "requests-link"]));
   }
-}), ns = { class: "metric-card-tile-wrapper" }, os = /* @__PURE__ */ Q({
+}), ns = { class: "metric-card-tile-wrapper" }, os = /* @__PURE__ */ j({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -967,7 +967,7 @@ const pe = {
     exploreLink: {}
   },
   setup(u) {
-    const e = u, t = N(() => {
+    const e = u, t = D(() => {
       const s = e.context.timeSpec;
       if (s.type === "absolute")
         return new gi({
@@ -982,11 +982,11 @@ const pe = {
           isRelative: !1,
           allowedTiers: ["free", "plus", "enterprise"]
         });
-      const r = Ut.get(s.time_range);
+      const r = Bt.get(s.time_range);
       if (!r)
         throw new Error("Unknown time range");
       return r;
-    }), i = N(() => {
+    }), i = D(() => {
       var r, o;
       const s = (r = e.query) == null ? void 0 : r.datasource;
       if (s && s !== "api_usage" && s !== "basic")
@@ -1004,27 +1004,27 @@ const pe = {
         refreshCounter: e.refreshCounter
       };
     });
-    return (s, r) => (z(), W("div", ns, [
-      re(k(Ti), li(hi(i.value)), {
+    return (s, r) => (k(), K("div", ns, [
+      ae(R(Ti), li(hi(i.value)), {
         default: P(() => [
-          re(k(zi))
+          ae(R(zi))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), as = /* @__PURE__ */ ye(os, [["__scopeId", "data-v-7e1b1cc1"]]), Nt = "#6c7489", ls = "12px", Lt = "20px", ti = "20px", hs = {
+}), as = /* @__PURE__ */ ve(os, [["__scopeId", "data-v-7e1b1cc1"]]), Lt = "#6c7489", ls = "12px", At = "20px", ti = "20px", hs = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, At = /* @__PURE__ */ Q({
+}, Ht = /* @__PURE__ */ j({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
   setup(u) {
-    return (e, t) => (z(), W("div", hs, ie(e.entityLinkData.label), 1));
+    return (e, t) => (k(), K("div", hs, ne(e.entityLinkData.label), 1));
   }
-}), ds = /* @__PURE__ */ Q({
+}), ds = /* @__PURE__ */ j({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1037,39 +1037,39 @@ const pe = {
     exploreLink: {}
   },
   setup(u) {
-    const e = u, t = xe(me), i = qt(async () => {
+    const e = u, t = Ce(pe), i = Pt(async () => {
       if (t != null && t.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
         } catch {
-          return At;
+          return Ht;
         }
-      return At;
+      return Ht;
     }), s = (r) => {
       var o;
       if ((o = e.chartOptions) != null && o.entity_link)
         if (r.id.includes(":")) {
           const [n, h] = r.id.split(":");
-          return e.chartOptions.entity_link.replace($i, n).replace(Rt, h);
+          return e.chartOptions.entity_link.replace($i, n).replace(kt, h);
         } else
-          return e.chartOptions.entity_link.replace(Rt, r.id);
+          return e.chartOptions.entity_link.replace(kt, r.id);
       return "";
     };
-    return (r, o) => (z(), M(ut, {
+    return (r, o) => (k(), M(ct, {
       context: r.context,
       query: r.query,
       "query-ready": r.queryReady,
       "refresh-counter": r.refreshCounter
     }, {
       default: P(({ data: n }) => [
-        re(k(vi), {
+        ae(R(vi), {
           data: n,
           "synthetics-data-key": r.chartOptions.synthetics_data_key
         }, ht({ _: 2 }, [
           e.chartOptions.entity_link ? {
             name: "name",
             fn: P(({ record: h }) => [
-              re(k(i), {
+              ae(R(i), {
                 "entity-link-data": {
                   id: h.id,
                   label: h.name,
@@ -1085,7 +1085,7 @@ const pe = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), us = /* @__PURE__ */ Q({
+}), us = /* @__PURE__ */ j({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1098,7 +1098,7 @@ const pe = {
     exploreLink: {}
   },
   setup(u) {
-    return (e, t) => (z(), M(ct, {
+    return (e, t) => (k(), M(ft, {
       "chart-options": e.chartOptions,
       context: e.context,
       height: e.height,
@@ -1110,7 +1110,7 @@ const pe = {
 }), cs = ["data-testid"], fs = {
   key: 0,
   class: "tile-header"
-}, gs = ["data-testid"], ms = { class: "badge-text" }, ps = ["data-testid"], ys = { class: "delete-option" }, vs = ["data-testid"], _s = ["data-testid"], bs = /* @__PURE__ */ Q({
+}, gs = ["data-testid"], ms = { class: "badge-text" }, ps = ["data-testid"], ys = { class: "delete-option" }, vs = ["data-testid"], _s = ["data-testid"], bs = /* @__PURE__ */ j({
   __name: "DashboardTile",
   props: {
     definition: {},
@@ -1126,46 +1126,46 @@ const pe = {
     Ye((v) => ({
       "35c8e872": `${v.height}px`
     }));
-    const t = parseInt(ti, 10), i = u, s = e, r = qt(() => import("./GeoMapRenderer-Ct-nayUL.js")), o = xe(me), n = o == null ? void 0 : o.evaluateFeatureFlagFn("analytics-chart-zoom-actions", !1), { i18n: h } = pe.useI18n(), l = I(), d = I(!1), a = I(), f = I(!1), p = I(void 0), g = I(void 0), y = I(!0), {
+    const t = parseInt(ti, 10), i = u, s = e, r = Pt(() => import("./GeoMapRenderer-DYILqlnm.js")), o = Ce(pe), n = o == null ? void 0 : o.evaluateFeatureFlagFn("analytics-chart-zoom-actions", !1), { i18n: h } = ye.useI18n(), l = I(), d = I(!1), a = I(), f = I(!1), p = I(void 0), g = I(void 0), y = I(!0), {
       exploreLinkKebabMenu: m,
       requestsLinkKebabMenu: T,
-      canShowKebabMenu: w,
-      canGenerateRequestsLink: E,
-      canGenerateExploreLink: L,
-      buildExploreQuery: C,
-      buildExploreLink: le,
-      buildRequestLink: ge,
-      buildRequestsQueryZoomActions: ne
-    } = pe.useContextLinks({
+      canShowKebabMenu: L,
+      canGenerateRequestsLink: z,
+      canGenerateExploreLink: x,
+      buildExploreQuery: _,
+      buildExploreLink: F,
+      buildRequestLink: te,
+      buildRequestsQueryZoomActions: ie
+    } = ye.useContextLinks({
       queryBridge: o,
       chartData: it(l),
-      definition: it(wt(i, "definition")),
-      context: it(wt(i, "context"))
+      definition: it(Et(i, "definition")),
+      context: it(Et(i, "context"))
     });
     lt(() => i.definition, async () => {
       await dt(), a.value && (f.value = a.value.scrollWidth > a.value.clientWidth), y.value = !0;
     }, { immediate: !0, deep: !0 });
-    const Ce = N(() => h.t("csvExport.defaultFilename")), Re = N(() => w.value && (ee.value || i.context.editable) || !!A.value), ee = N(() => !!m.value || ("allow_csv_export" in i.definition.chart ? i.definition.chart.allow_csv_export : !0) || i.context.editable), Ze = {
-      timeseries_line: St,
-      timeseries_bar: St,
-      horizontal_bar: Dt,
-      vertical_bar: Dt,
-      gauge: zt,
+    const me = D(() => h.t("csvExport.defaultFilename")), Re = D(() => L.value && (se.value || i.context.editable) || !!A.value), se = D(() => !!m.value || ("allow_csv_export" in i.definition.chart ? i.definition.chart.allow_csv_export : !0) || i.context.editable), Ze = {
+      timeseries_line: Nt,
+      timeseries_bar: Nt,
+      horizontal_bar: St,
+      vertical_bar: St,
+      gauge: Dt,
       donut: us,
       golden_signals: as,
       top_n: ds,
       slottable: void 0,
-      single_value: zt,
+      single_value: Dt,
       choropleth_map: r
-    }, R = N(() => {
+    }, C = D(() => {
       var v, H;
       return {
-        ...(v = S.value) != null && v.rendererEvents.supportsRequests ? { "select-chart-range": ri } : {},
-        ...(H = S.value) != null && H.rendererEvents.supportsZoom ? { "zoom-time-range": si } : {}
+        ...(v = N.value) != null && v.rendererEvents.supportsRequests ? { "select-chart-range": ri } : {},
+        ...(H = N.value) != null && H.rendererEvents.supportsZoom ? { "zoom-time-range": si } : {}
       };
-    }), S = N(() => {
-      var j, V;
-      const v = Ze[i.definition.chart.type], H = !!((j = v == null ? void 0 : v.emits) != null && j.includes("select-chart-range")), q = !!((V = v == null ? void 0 : v.emits) != null && V.includes("zoom-time-range"));
+    }), N = D(() => {
+      var X, Y;
+      const v = Ze[i.definition.chart.type], H = !!((X = v == null ? void 0 : v.emits) != null && X.includes("select-chart-range")), q = !!((Y = v == null ? void 0 : v.emits) != null && Y.includes("zoom-time-range"));
       return v && {
         component: v,
         rendererProps: {
@@ -1183,45 +1183,45 @@ const pe = {
           supportsZoom: q
         }
       };
-    }), A = N(() => {
+    }), A = D(() => {
       var H;
       const v = (H = i.definition.query) == null ? void 0 : H.time_range;
       if ((v == null ? void 0 : v.type) === "relative") {
-        const q = Ut.get(mi[v.time_range]);
+        const q = Bt.get(mi[v.time_range]);
         return q ? q.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 q = v.tz || "Etc/UTC";
-        return `${Ct(v.start, { short: !0, tz: q })} - ${Ct(v.end, { short: !0, tz: q })}`;
+        return `${Rt(v.start, { short: !0, tz: q })} - ${Rt(v.end, { short: !0, tz: q })}`;
       }
       return null;
-    }), $ = N(() => l.value ? st(l.value.meta.granularity_ms) : void 0), te = N(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), ue = N(() => {
+    }), $ = D(() => l.value ? st(l.value.meta.granularity_ms) : void 0), re = D(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), ce = D(() => {
       var H, q;
-      if (!te.value || !i.queryReady || y.value)
+      if (!re.value || !i.queryReady || y.value)
         return !1;
       const v = (q = (H = i.definition) == null ? void 0 : H.query) == null ? void 0 : q.granularity;
       return !v || !$.value ? !1 : v !== $.value;
-    }), Me = N(() => {
-      var q, j, V;
-      const v = st(((q = l.value) == null ? void 0 : q.meta.granularity_ms) ?? 0) ?? "unknown", H = ((V = (j = i.definition) == null ? void 0 : j.query) == null ? void 0 : V.granularity) ?? "unknown";
+    }), Me = D(() => {
+      var q, X, Y;
+      const v = st(((q = l.value) == null ? void 0 : q.meta.granularity_ms) ?? 0) ?? "unknown", H = ((Y = (X = i.definition) == null ? void 0 : X.query) == null ? void 0 : Y.granularity) ?? "unknown";
       return h.t("query_aged_out_warning", {
         currentGranularity: h.t(`granularities.${v}`),
         savedGranularity: h.t(`granularities.${H}`)
       });
-    }), Ie = N(() => {
-      var q, j;
-      const v = [...i.context.filters, ...i.definition.query.filters ?? []], H = ((j = (q = i.definition) == null ? void 0 : q.query) == null ? void 0 : j.datasource) ?? "api_usage";
-      return v.filter((V) => Gt(V.field).some((vt) => H === vt));
+    }), Ie = D(() => {
+      var q, X;
+      const v = [...i.context.filters, ...i.definition.query.filters ?? []], H = ((X = (q = i.definition) == null ? void 0 : q.query) == null ? void 0 : X.datasource) ?? "api_usage";
+      return v.filter((Y) => Ut(Y.field).some((_t) => H === _t));
     }), ke = () => {
       s("edit-tile", i.definition);
     }, Je = () => {
       s("duplicate-tile", i.definition);
-    }, mt = () => {
+    }, pt = () => {
       s("remove-tile", i.definition);
     }, et = (v) => {
       l.value = v, y.value = !1;
     }, qe = (v) => {
       d.value = v;
-    }, pt = () => {
+    }, yt = () => {
       qe(!0);
     }, si = (v) => {
       const H = {
@@ -1230,148 +1230,148 @@ const pe = {
       };
       s("tile-time-range-zoom", H);
     }, ri = (v) => {
-      const H = Ie.value, q = ne(v, H), j = C(v, H);
-      p.value = E.value ? { href: ge(q) } : void 0, g.value = L.value ? { href: le(j) } : void 0;
+      const H = Ie.value, q = ie(v, H), X = _(v, H);
+      p.value = z.value ? { href: te(q) } : void 0, g.value = x.value ? { href: F(X) } : void 0;
     };
     return (v, H) => {
-      const q = fe("KTooltip"), j = fe("KBadge"), V = fe("KDropdownItem"), yt = fe("KDropdown");
-      return z(), W("div", {
+      const q = ge("KTooltip"), X = ge("KBadge"), Y = ge("KDropdownItem"), vt = ge("KDropdown");
+      return k(), K("div", {
         class: Qe(["tile-boundary", { editable: v.context.editable }]),
         "data-testid": `tile-${v.tileId}`
       }, [
-        v.definition.chart.type !== "slottable" ? (z(), W("div", fs, [
-          re(q, {
+        v.definition.chart.type !== "slottable" ? (k(), K("div", fs, [
+          ae(q, {
             class: "title-tooltip",
             disabled: !f.value,
             "max-width": "500",
             text: v.definition.chart.chart_title
           }, {
             default: P(() => [
-              de("div", {
+              ue("div", {
                 ref_key: "titleRef",
                 ref: a,
                 class: "title"
-              }, ie(v.definition.chart.chart_title), 513)
+              }, ne(v.definition.chart.chart_title), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          Re.value ? (z(), W("div", {
+          Re.value ? (k(), K("div", {
             key: 0,
             class: "tile-actions",
             "data-testid": `tile-actions-${v.tileId}`
           }, [
-            A.value ? (z(), M(j, {
+            A.value ? (k(), M(X, {
               key: 0,
               "data-testid": "time-range-badge",
-              tooltip: ue.value ? Me.value : void 0,
+              tooltip: ce.value ? Me.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
             }, ht({
               default: P(() => [
-                de("span", ms, ie(A.value), 1)
+                ue("span", ms, ne(A.value), 1)
               ]),
               _: 2
             }, [
-              ue.value ? {
+              ce.value ? {
                 name: "icon",
                 fn: P(() => [
-                  re(k(Ci), { size: k(ls) }, null, 8, ["size"])
+                  ae(R(Ci), { size: R(ls) }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["tooltip"])) : K("", !0),
-            k(w) && v.context.editable && !v.isFullscreen ? (z(), M(k(Ri), {
+            ]), 1032, ["tooltip"])) : V("", !0),
+            R(L) && v.context.editable && !v.isFullscreen ? (k(), M(R(Ri), {
               key: 1,
               class: "edit-icon",
-              color: k(Nt),
+              color: R(Lt),
               "data-testid": `edit-tile-${v.tileId}`,
-              size: k(Lt),
+              size: R(At),
               onClick: ke
-            }, null, 8, ["color", "data-testid", "size"])) : K("", !0),
-            k(w) && ee.value && !v.isFullscreen ? (z(), M(yt, {
+            }, null, 8, ["color", "data-testid", "size"])) : V("", !0),
+            R(L) && se.value && !v.isFullscreen ? (k(), M(vt, {
               key: 2,
               class: "dropdown",
               "data-testid": `chart-action-menu-${v.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: P(() => [
-                k(m) ? (z(), M(V, {
+                R(m) ? (k(), M(Y, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${v.tileId}`,
-                  item: { label: k(h).t("jumpToExplore"), to: k(m) }
-                }, null, 8, ["data-testid", "item"])) : K("", !0),
-                k(n) && k(T) ? (z(), M(V, {
+                  item: { label: R(h).t("jumpToExplore"), to: R(m) }
+                }, null, 8, ["data-testid", "item"])) : V("", !0),
+                R(n) && R(T) ? (k(), M(Y, {
                   key: 1,
                   "data-testid": `chart-jump-to-requests-${v.tileId}`,
-                  item: { label: k(h).t("jumpToRequests"), to: k(T) }
-                }, null, 8, ["data-testid", "item"])) : K("", !0),
-                !("allow_csv_export" in v.definition.chart) || v.definition.chart.allow_csv_export ? (z(), M(V, {
+                  item: { label: R(h).t("jumpToRequests"), to: R(T) }
+                }, null, 8, ["data-testid", "item"])) : V("", !0),
+                !("allow_csv_export" in v.definition.chart) || v.definition.chart.allow_csv_export ? (k(), M(Y, {
                   key: 2,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${v.tileId}`,
-                  onClick: H[0] || (H[0] = (vt) => pt())
+                  onClick: H[0] || (H[0] = (_t) => yt())
                 }, {
                   default: P(() => [
-                    de("span", {
+                    ue("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${v.tileId}`
-                    }, ie(k(h).t("csvExport.exportAsCsv")), 9, ps)
+                    }, ne(R(h).t("csvExport.exportAsCsv")), 9, ps)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : K("", !0),
-                v.context.editable ? (z(), M(V, {
+                }, 8, ["data-testid"])) : V("", !0),
+                v.context.editable ? (k(), M(Y, {
                   key: 3,
                   "data-testid": `duplicate-tile-${v.tileId}`,
                   onClick: Je
                 }, {
                   default: P(() => [
-                    De(ie(k(h).t("renderer.duplicateTile")), 1)
+                    De(ne(R(h).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : K("", !0),
-                v.context.editable ? (z(), M(V, {
+                }, 8, ["data-testid"])) : V("", !0),
+                v.context.editable ? (k(), M(Y, {
                   key: 4,
                   "data-testid": `remove-tile-${v.tileId}`,
-                  onClick: mt
+                  onClick: pt
                 }, {
                   default: P(() => [
-                    de("span", ys, ie(k(h).t("renderer.delete")), 1)
+                    ue("span", ys, ne(R(h).t("renderer.delete")), 1)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : K("", !0)
+                }, 8, ["data-testid"])) : V("", !0)
               ]),
               default: P(() => [
-                re(k(ki), {
+                ae(R(ki), {
                   class: "kebab-action-menu",
-                  color: k(Nt),
+                  color: R(Lt),
                   "data-testid": `kebab-action-menu-${v.tileId}`,
-                  size: k(Lt)
+                  size: R(At)
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
-            }, 8, ["data-testid"])) : K("", !0)
-          ], 8, gs)) : "description" in v.definition.chart ? (z(), W("div", {
+            }, 8, ["data-testid"])) : V("", !0)
+          ], 8, gs)) : "description" in v.definition.chart ? (k(), K("div", {
             key: 1,
             class: "header-description",
             "data-testid": `tile-description-${v.tileId}`
-          }, ie(v.definition.chart.description), 9, vs)) : K("", !0),
-          d.value ? (z(), M(k(_i), {
+          }, ne(v.definition.chart.description), 9, vs)) : V("", !0),
+          d.value ? (k(), M(R(_i), {
             key: 2,
             "chart-data": l.value,
             "data-testid": `csv-export-modal-${v.tileId}`,
-            filename: Ce.value,
+            filename: me.value,
             onToggleModal: qe
-          }, null, 8, ["chart-data", "data-testid", "filename"])) : K("", !0)
-        ])) : K("", !0),
-        de("div", {
+          }, null, 8, ["chart-data", "data-testid", "filename"])) : V("", !0)
+        ])) : V("", !0),
+        ue("div", {
           class: "tile-content",
           "data-testid": `tile-content-${v.tileId}`
         }, [
-          S.value ? (z(), M(Pt(S.value.component), It({ key: 0 }, S.value.rendererProps, di(R.value), { onChartData: et }), null, 16)) : K("", !0)
+          N.value ? (k(), M($t(N.value.component), qt({ key: 0 }, N.value.rendererProps, di(C.value), { onChartData: et }), null, 16)) : V("", !0)
         ], 8, _s)
       ], 10, cs);
     };
   }
-}), ws = /* @__PURE__ */ ye(bs, [["__scopeId", "data-v-c9bc38c8"]]), Es = (u, e) => {
+}), ws = /* @__PURE__ */ ve(bs, [["__scopeId", "data-v-c9bc38c8"]]), Es = (u, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -1382,7 +1382,7 @@ const pe = {
   for (let r = 0; r < t; r++)
     i.get(r) ? s.push("auto") : s.push(`${u}px`);
   return s;
-}, xs = /* @__PURE__ */ Q({
+}, xs = /* @__PURE__ */ j({
   __name: "GridLayout",
   props: {
     tileHeight: {
@@ -1397,7 +1397,7 @@ const pe = {
   },
   setup(u) {
     Ye((n) => ({
-      "2a38e79e": k(Kt),
+      "2a38e79e": R(Kt),
       "4cc71de6": r.value
     }));
     const e = u, t = I(null), i = I(0), s = new ResizeObserver((n) => {
@@ -1410,7 +1410,7 @@ const pe = {
     }), at(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = N(() => Es(e.tileHeight, e.tiles).join(" ")), o = N(() => e.tiles.map((n, h) => ({
+    const r = D(() => Es(e.tileHeight, e.tiles).join(" ")), o = D(() => e.tiles.map((n, h) => ({
       key: `tile-${h}`,
       tile: n,
       style: {
@@ -1420,26 +1420,26 @@ const pe = {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, h) => (z(), W("div", {
+    return (n, h) => (k(), K("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (z(!0), W($t, null, Ft(o.value, (l) => (z(), W("div", {
+      (k(!0), K(Ft, null, Gt(o.value, (l) => (k(), K("div", {
         key: l.key,
         class: Qe(["grid-cell", {
           "empty-cell": !l.tile
         }]),
-        style: Et(l.style)
+        style: xt(l.style)
       }, [
         ze(n.$slots, "tile", {
-          style: Et(l.style),
+          style: xt(l.style),
           tile: l.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), Cs = /* @__PURE__ */ ye(xs, [["__scopeId", "data-v-354b7177"]]);
+}), Cs = /* @__PURE__ */ ve(xs, [["__scopeId", "data-v-354b7177"]]);
 function Rs(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;
@@ -1780,7 +1780,7 @@ class c {
     return !(!e || e.w === e.h || e.locked || e.noResize || (t = e.grid) != null && t.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class oe {
+class le {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -1958,7 +1958,7 @@ class oe {
    * @param resizing if out of bound, resize down or move into the grid to fit ?
    */
   prepareNode(e, t) {
-    e._id = e._id ?? oe._idSeq++;
+    e._id = e._id ?? le._idSeq++;
     const i = e.id;
     if (i) {
       let r = 1;
@@ -2053,7 +2053,7 @@ class oe {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const s = new oe({
+    const s = new le({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((o) => o._id === e._id ? (i = { ...o }, i) : { ...o })
@@ -2075,7 +2075,7 @@ class oe {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new oe({
+    const t = new le({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -2211,7 +2211,7 @@ class oe {
     return e.forEach((r, o) => {
       if (r._id === void 0) {
         const n = r.id ? this.nodes.find((h) => h.id === r.id) : void 0;
-        r._id = (n == null ? void 0 : n._id) ?? oe._idSeq++;
+        r._id = (n == null ? void 0 : n._id) ?? le._idSeq++;
       }
       s[o] = { x: r.x, y: r.y, w: r.w, _id: r._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
@@ -2222,7 +2222,7 @@ class oe {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? oe._idSeq++;
+    e._id = e._id ?? le._idSeq++;
     const i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     const s = this.findCacheLayout(e, t);
@@ -2246,8 +2246,8 @@ class oe {
     return this;
   }
 }
-oe._idSeq = 0;
-const Y = {
+le._idSeq = 0;
+const Q = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2277,10 +2277,10 @@ const Y = {
   // styleInHead: false,
   //removable
 };
-class x {
+class E {
 }
-const se = 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 ae {
+const oe = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
+class he {
 }
 function Ge(u, e) {
   u.touches.length > 1 || (u.cancelable && u.preventDefault(), c.simulateMouseEvent(u.changedTouches[0], e));
@@ -2289,27 +2289,27 @@ function ii(u, e) {
   u.cancelable && u.preventDefault(), c.simulateMouseEvent(u, e);
 }
 function Ue(u) {
-  ae.touchHandled || (ae.touchHandled = !0, Ge(u, "mousedown"));
+  he.touchHandled || (he.touchHandled = !0, Ge(u, "mousedown"));
 }
 function Be(u) {
-  ae.touchHandled && Ge(u, "mousemove");
+  he.touchHandled && Ge(u, "mousemove");
 }
 function We(u) {
-  if (!ae.touchHandled)
+  if (!he.touchHandled)
     return;
-  ae.pointerLeaveTimeout && (window.clearTimeout(ae.pointerLeaveTimeout), delete ae.pointerLeaveTimeout);
-  const e = !!x.dragElement;
-  Ge(u, "mouseup"), e || Ge(u, "click"), ae.touchHandled = !1;
+  he.pointerLeaveTimeout && (window.clearTimeout(he.pointerLeaveTimeout), delete he.pointerLeaveTimeout);
+  const e = !!E.dragElement;
+  Ge(u, "mouseup"), e || Ge(u, "click"), he.touchHandled = !1;
 }
 function Ke(u) {
   u.pointerType !== "mouse" && u.target.releasePointerCapture(u.pointerId);
 }
-function Ht(u) {
-  x.dragElement && u.pointerType !== "mouse" && ii(u, "mouseenter");
-}
 function Ot(u) {
-  x.dragElement && u.pointerType !== "mouse" && (ae.pointerLeaveTimeout = window.setTimeout(() => {
-    delete ae.pointerLeaveTimeout, ii(u, "mouseleave");
+  E.dragElement && u.pointerType !== "mouse" && ii(u, "mouseenter");
+}
+function Mt(u) {
+  E.dragElement && u.pointerType !== "mouse" && (he.pointerLeaveTimeout = window.setTimeout(() => {
+    delete he.pointerLeaveTimeout, ii(u, "mouseleave");
   }, 10));
 }
 class Xe {
@@ -2319,15 +2319,15 @@ class Xe {
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Xe.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), se && (this.el.addEventListener("touchstart", Ue), this.el.addEventListener("pointerdown", Ke)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Xe.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), oe && (this.el.addEventListener("touchstart", Ue), this.el.addEventListener("pointerdown", Ke)), 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), se && (this.el.removeEventListener("touchstart", Ue), this.el.removeEventListener("pointerdown", Ke)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
+    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), oe && (this.el.removeEventListener("touchstart", Ue), this.el.removeEventListener("pointerdown", Ke)), 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), se && (this.el.addEventListener("touchmove", Be), this.el.addEventListener("touchend", We)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), oe && (this.el.addEventListener("touchmove", Be), this.el.addEventListener("touchend", We)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2336,7 +2336,7 @@ class Xe {
   }
   /** @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), se && (this.el.removeEventListener("touchmove", Be), this.el.removeEventListener("touchend", We)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), oe && (this.el.removeEventListener("touchmove", Be), this.el.removeEventListener("touchend", We)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2349,7 +2349,7 @@ class Xe {
   }
 }
 Xe.prefix = "ui-resizable-";
-class ft {
+class gt {
   constructor() {
     this._eventRegister = {};
   }
@@ -2377,7 +2377,7 @@ class ft {
       return this._eventRegister[e](t);
   }
 }
-class Se extends ft {
+class Se extends gt {
   // have to be public else complains for HTMLElementExtendOpt ?
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.rectScale = { x: 1, y: 1 }, this._ui = () => {
@@ -2433,17 +2433,17 @@ class Se extends ft {
   }
   /** @internal turns auto hide on/off */
   _setupAutoHide(e) {
-    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), x.overResizeElement === this && delete x.overResizeElement), this;
+    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), E.overResizeElement === this && delete E.overResizeElement), this;
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOver(e) {
-    x.overResizeElement || x.dragElement || (x.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
+    E.overResizeElement || E.dragElement || (E.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOut(e) {
-    x.overResizeElement === this && (delete x.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
+    E.overResizeElement === this && (delete E.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
   }
   /** @internal */
   _setupHandlers() {
@@ -2528,7 +2528,7 @@ class Se extends ft {
 }
 Se._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
 const ks = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Ne extends ft {
+class Ne extends gt {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -2548,12 +2548,12 @@ class Ne extends ft {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), se && (e.addEventListener("touchstart", Ue), e.addEventListener("pointerdown", Ke));
+      e.addEventListener("mousedown", this._mouseDown), oe && (e.addEventListener("touchstart", Ue), e.addEventListener("pointerdown", Ke));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), se && (t.removeEventListener("touchstart", Ue), t.removeEventListener("pointerdown", Ke));
+      t.removeEventListener("mousedown", this._mouseDown), oe && (t.removeEventListener("touchstart", Ue), t.removeEventListener("pointerdown", Ke));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -2564,8 +2564,8 @@ class Ne extends ft {
   }
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
-    if (!x.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(ks) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete x.dragElement, delete x.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), se && (e.currentTarget.addEventListener("touchmove", Be), e.currentTarget.addEventListener("touchend", We)), e.preventDefault(), document.activeElement && document.activeElement.blur(), x.mouseHandled = !0), !0;
+    if (!E.mouseHandled)
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(ks) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete E.dragElement, delete E.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), oe && (e.currentTarget.addEventListener("touchmove", Be), e.currentTarget.addEventListener("touchend", We)), e.preventDefault(), document.activeElement && document.activeElement.blur(), E.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2579,15 +2579,15 @@ class Ne extends ft {
     var i;
     const t = this.mouseDownEvent;
     if (this.lastDrag = e, this.dragging)
-      if (this._dragFollow(e), x.pauseDrag) {
-        const s = Number.isInteger(x.pauseDrag) ? x.pauseDrag : 100;
+      if (this._dragFollow(e), E.pauseDrag) {
+        const s = Number.isInteger(E.pauseDrag) ? E.pauseDrag : 100;
         this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), s);
       } else
         this._callDrag(e);
     else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-      this.dragging = !0, x.dragElement = this;
+      this.dragging = !0, E.dragElement = this;
       const s = (i = this.el.gridstackNode) == null ? void 0 : i.grid;
-      s ? x.dropElement = s.el.ddElement.ddDroppable : delete x.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = c.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
+      s ? E.dropElement = s.el.ddElement.ddDroppable : delete E.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = c.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
       const r = c.initEvent(e, { target: this.el, type: "dragstart" });
       this.option.start && this.option.start(r, this.ui()), this.triggerEvent("dragstart", r), document.addEventListener("keydown", this._keyEvent);
     }
@@ -2596,17 +2596,17 @@ class Ne extends ft {
   /** @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), se && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Be, !0), e.currentTarget.removeEventListener("touchend", We, !0)), this.dragging) {
-      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = x.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete x.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), oe && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Be, !0), e.currentTarget.removeEventListener("touchend", We, !0)), this.dragging) {
+      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = E.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete E.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const s = c.initEvent(e, { target: this.el, type: "dragstop" });
-      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), x.dropElement && x.dropElement.drop(e);
+      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), E.dropElement && E.dropElement.drop(e);
     }
-    delete this.helper, delete this.mouseDownEvent, delete x.dragElement, delete x.dropElement, delete x.mouseHandled, e.preventDefault();
+    delete this.helper, delete this.mouseDownEvent, delete E.dragElement, delete E.dropElement, delete E.mouseHandled, e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel, R to rotate */
   _keyEvent(e) {
     var s, r;
-    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = x.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
+    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = E.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
     if (e.key === "Escape")
       t && t._origRotate && (t._orig = t._origRotate, delete t._origRotate), i == null || i.cancelDrag(), this._mouseUp(this.mouseDownEvent);
     else if (t && i && (e.key === "r" || e.key === "R")) {
@@ -2678,7 +2678,7 @@ class Ne extends ft {
   }
 }
 Ne.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Ts extends ft {
+class Ts extends gt {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
   }
@@ -2689,10 +2689,10 @@ class Ts extends ft {
     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), se && (this.el.addEventListener("pointerenter", Ht), this.el.addEventListener("pointerleave", Ot)));
+    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), oe && (this.el.addEventListener("pointerenter", Ot), 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), se && (this.el.removeEventListener("pointerenter", Ht), this.el.removeEventListener("pointerleave", Ot)));
+    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), oe && (this.el.removeEventListener("pointerenter", Ot), this.el.removeEventListener("pointerleave", Mt)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -2702,20 +2702,20 @@ class Ts extends ft {
   }
   /** @internal called when the cursor enters our area - prepare for a possible drop and track leaving */
   _mouseEnter(e) {
-    if (!x.dragElement || !this._canDrop(x.dragElement.el))
+    if (!E.dragElement || !this._canDrop(E.dragElement.el))
       return;
-    e.preventDefault(), e.stopPropagation(), x.dropElement && x.dropElement !== this && x.dropElement._mouseLeave(e, !0), x.dropElement = this;
+    e.preventDefault(), e.stopPropagation(), E.dropElement && E.dropElement !== this && E.dropElement._mouseLeave(e, !0), E.dropElement = this;
     const t = c.initEvent(e, { target: this.el, type: "dropover" });
-    this.option.over && this.option.over(t, this._ui(x.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
+    this.option.over && this.option.over(t, this._ui(E.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
   }
   /** @internal called when the item is leaving our area, stop tracking if we had moving item */
   _mouseLeave(e, t = !1) {
     var s;
-    if (!x.dragElement || x.dropElement !== this)
+    if (!E.dragElement || E.dropElement !== this)
       return;
     e.preventDefault(), e.stopPropagation();
     const i = c.initEvent(e, { target: this.el, type: "dropout" });
-    if (this.option.out && this.option.out(i, this._ui(x.dragElement)), this.triggerEvent("dropout", i), x.dropElement === this && (delete x.dropElement, !t)) {
+    if (this.option.out && this.option.out(i, this._ui(E.dragElement)), this.triggerEvent("dropout", i), E.dropElement === this && (delete E.dropElement, !t)) {
       let r, o = this.el.parentElement;
       for (; !r && o; )
         r = (s = o.ddElement) == null ? void 0 : s.ddDroppable, o = o.parentElement;
@@ -2726,7 +2726,7 @@ class Ts extends ft {
   drop(e) {
     e.preventDefault();
     const t = c.initEvent(e, { target: this.el, type: "drop" });
-    this.option.drop && this.option.drop(t, this._ui(x.dragElement)), this.triggerEvent("drop", t);
+    this.option.drop && this.option.drop(t, this._ui(E.dragElement)), this.triggerEvent("drop", t);
   }
   /** @internal true if element matches the string/method accept option */
   _canDrop(e) {
@@ -2744,9 +2744,9 @@ class Ts extends ft {
     };
   }
 }
-class gt {
+class mt {
   static init(e) {
-    return e.ddElement || (e.ddElement = new gt(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new mt(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -2846,7 +2846,7 @@ class zs {
   }
   on(e, t, i) {
     return this._getDDElements(e).forEach((s) => s.on(t, (r) => {
-      i(r, x.dragElement ? x.dragElement.el : r.target, x.dragElement ? x.dragElement.helper : null);
+      i(r, E.dragElement ? E.dragElement.el : r.target, E.dragElement ? E.dragElement.helper : null);
     })), this;
   }
   off(e, t) {
@@ -2855,7 +2855,7 @@ class zs {
   /** @internal returns a list of DD elements, creating them on the fly by default unless option is to destroy or disable */
   _getDDElements(e, t) {
     const i = e.gridstack || t !== "destroy" && t !== "disable", s = c.getElements(e);
-    return s.length ? s.map((o) => o.ddElement || (i ? gt.init(o) : null)).filter((o) => o) : [];
+    return s.length ? s.map((o) => o.ddElement || (i ? mt.init(o) : null)).filter((o) => o) : [];
   }
 }
 /*!
@@ -2865,8 +2865,8 @@ class zs {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const U = new zs();
-class b {
+const B = new zs();
+class w {
   /**
    * 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
@@ -2883,8 +2883,8 @@ class b {
   static init(e = {}, t = ".grid-stack") {
     if (typeof document > "u")
       return null;
-    const i = b.getGridElement(t);
-    return i ? (i.gridstack || (i.gridstack = new b(i, c.cloneDeep(e))), i.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
+    const i = 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 ?
 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);
   }
   /**
@@ -2898,8 +2898,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static initAll(e = {}, t = ".grid-stack") {
     const i = [];
-    return typeof document > "u" || (b.getGridElements(t).forEach((s) => {
-      s.gridstack || (s.gridstack = new b(s, c.cloneDeep(e))), i.push(s.gridstack);
+    return typeof document > "u" || (w.getGridElements(t).forEach((s) => {
+      s.gridstack || (s.gridstack = new w(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;
   }
@@ -2918,19 +2918,19 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const o = i.gridstack;
       return t && (o.opts = { ...o.opts, ...t }), t.children !== void 0 && o.load(t.children), o;
     }
-    return (!e.classList.contains("grid-stack") || b.addRemoveCB) && (b.addRemoveCB ? i = b.addRemoveCB(e, t, !0, !0) : i = c.createDiv(["grid-stack", t.class], e)), b.init(t, i);
+    return (!e.classList.contains("grid-stack") || w.addRemoveCB) && (w.addRemoveCB ? i = w.addRemoveCB(e, t, !0, !0) : i = c.createDiv(["grid-stack", t.class], e)), w.init(t, i);
   }
   /** call this method to register your engine instead of the default one.
    * See instead `GridStackOptions.engineClass` if you only need to
    * replace just one instance.
    */
   static registerEngine(e) {
-    b.engineClass = e;
+    w.engineClass = e;
   }
   /** @internal create placeholder DIV as needed */
   get placeholder() {
     if (!this._placeholder) {
-      this._placeholder = c.createDiv([this.opts.placeholderClass, Y.itemClass, this.opts.itemClass]);
+      this._placeholder = c.createDiv([this.opts.placeholderClass, Q.itemClass, this.opts.itemClass]);
       const e = c.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
@@ -2957,24 +2957,24 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const o = t.columnOpts;
     o && (!o.columnWidth && !((f = o.breakpoints) != null && f.length) ? (delete t.columnOpts, s = void 0) : o.columnMax = o.columnMax || 12), (s == null ? void 0 : s.length) > 1 && s.sort((g, y) => (y.w || 0) - (g.w || 0));
     const n = {
-      ...c.cloneDeep(Y),
-      column: c.toNumber(e.getAttribute("gs-column")) || Y.column,
-      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || Y.minRow,
-      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || Y.maxRow,
-      staticGrid: c.toBool(e.getAttribute("gs-static")) || Y.staticGrid,
+      ...c.cloneDeep(Q),
+      column: c.toNumber(e.getAttribute("gs-column")) || Q.column,
+      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || Q.minRow,
+      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || Q.maxRow,
+      staticGrid: c.toBool(e.getAttribute("gs-static")) || Q.staticGrid,
       sizeToContent: c.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || Y.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || Q.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || Y.removableOptions.accept,
-        decline: Y.removableOptions.decline
+        accept: t.itemClass || Q.removableOptions.accept,
+        decline: Q.removableOptions.decline
       }
     };
     e.getAttribute("gs-animate") && (n.animate = c.toBool(e.getAttribute("gs-animate"))), t = c.defaults(t, n), this._initMargin(), this.checkDynamicColumn(), this.el.classList.add("gs-" + t.column), t.rtl === "auto" && (t.rtl = e.style.direction === "rtl"), t.rtl && this.el.classList.add("grid-stack-rtl");
-    const h = this.el.closest("." + Y.itemClass), l = h == null ? void 0 : h.gridstackNode;
-    l && (l.subGrid = this, this.parentGridNode = l, this.el.classList.add("grid-stack-nested"), l.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== Y.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = se), this._styleSheetClass = "gs-id-" + oe._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    const d = t.engineClass || b.engineClass || oe;
+    const h = this.el.closest("." + Q.itemClass), l = h == null ? void 0 : h.gridstackNode;
+    l && (l.subGrid = this, this.parentGridNode = l, this.el.classList.add("grid-stack-nested"), l.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== Q.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = oe), this._styleSheetClass = "gs-id-" + le._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    const d = t.engineClass || w.engineClass || le;
     if (this.engine = new d({
       column: this.getColumn(),
       float: t.float,
@@ -2992,7 +2992,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const g = t.children;
       delete t.children, g.length && this.load(g);
     }
-    this.setAnimation(), t.subGridDynamic && !x.pauseDrag && (x.pauseDrag = !0), ((p = t.draggable) == null ? void 0 : p.pause) !== void 0 && (x.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !E.pauseDrag && (E.pauseDrag = !0), ((p = t.draggable) == null ? void 0 : p.pause) !== void 0 && (E.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   /**
    * add a new widget and returns it.
@@ -3015,7 +3015,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (e.ELEMENT_NODE)
       return console.error("V11: GridStack.addWidget() does not support HTMLElement anymore. use makeWidget()"), this.makeWidget(e);
     let t, i = e;
-    if (i.grid = this, i != null && i.el ? t = i.el : b.addRemoveCB ? t = b.addRemoveCB(this.el, e, !0, !1) : t = this.createWidgetDivs(i), !t)
+    if (i.grid = this, i != null && i.el ? t = i.el : w.addRemoveCB ? t = w.addRemoveCB(this.el, e, !0, !1) : t = this.createWidgetDivs(i), !t)
       return;
     if (i = t.gridstackNode, i && t.parentElement === this.el && this.engine.nodes.find((r) => r._id === i._id))
       return t;
@@ -3027,11 +3027,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const t = c.createDiv(["grid-stack-item", this.opts.itemClass]), i = c.createDiv(["grid-stack-item-content"], t);
     return c.lazyLoad(e) ? e.visibleObservable || (e.visibleObservable = new IntersectionObserver(([s]) => {
       var r, o;
-      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, b.renderCB(i, e), (o = e.grid) == null || o.prepareDragDrop(e.el));
+      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, w.renderCB(i, e), (o = e.grid) == null || o.prepareDragDrop(e.el));
     }), window.setTimeout(() => {
       var s;
       return (s = e.visibleObservable) == null ? void 0 : s.observe(t);
-    })) : b.renderCB(i, e), t;
+    })) : w.renderCB(i, e), t;
   }
   /**
    * Convert an existing gridItem element into a sub-grid with the given (optional) options, else inherit them
@@ -3065,11 +3065,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let h;
     t.column === "auto" && (h = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
     let l = r.el.querySelector(".grid-stack-item-content"), d, a;
-    if (s && (this._removeDD(r.el), a = { ...r, x: 0, y: 0 }, c.removeInternalForSave(a), delete a.subGridOpts, r.content && (a.content = r.content, delete r.content), b.addRemoveCB ? d = b.addRemoveCB(this.el, a, !0, !1) : (d = c.createDiv(["grid-stack-item"]), d.appendChild(l), l = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const m = h ? t.column : r.w, T = r.h + i.h, w = r.el.style;
-      w.transition = "none", this.update(r.el, { w: m, h: T }), setTimeout(() => w.transition = null);
+    if (s && (this._removeDD(r.el), a = { ...r, x: 0, y: 0 }, c.removeInternalForSave(a), delete a.subGridOpts, r.content && (a.content = r.content, delete r.content), w.addRemoveCB ? d = w.addRemoveCB(this.el, a, !0, !1) : (d = c.createDiv(["grid-stack-item"]), d.appendChild(l), l = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
+      const m = h ? t.column : r.w, T = r.h + i.h, L = r.el.style;
+      L.transition = "none", this.update(r.el, { w: m, h: T }), setTimeout(() => L.transition = null);
     }
-    const f = r.subGrid = b.addGrid(l, t);
+    const f = r.subGrid = w.addGrid(l, t);
     return i != null && i._moving && (f._isTemp = !0), h && (f._autoColumn = !0), s && f.makeWidget(d, a), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
   }
   /**
@@ -3092,7 +3092,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param saveCB callback for each node -> widget, so application can insert additional data to be saved into the widget data structure.
    * @returns list of widgets or full grid option, including .children list of widgets
    */
-  save(e = !0, t = !1, i = b.saveCB) {
+  save(e = !0, t = !1, i = w.saveCB) {
     const s = this.engine.save(e, i);
     if (s.forEach((r) => {
       var o;
@@ -3108,7 +3108,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const r = c.cloneDeep(this.opts);
       r.marginBottom === r.marginTop && r.marginRight === r.marginLeft && r.marginTop === r.marginRight && (r.margin = r.marginTop, delete r.marginTop, delete r.marginRight, delete r.marginBottom, delete r.marginLeft), r.rtl === (this.el.style.direction === "rtl") && (r.rtl = "auto"), this._isAutoCellHeight && (r.cellHeight = "auto"), this._autoColumn && (r.column = "auto");
       const o = r._alwaysShowResizeHandle;
-      return delete r._alwaysShowResizeHandle, o !== void 0 ? r.alwaysShowResizeHandle = o : delete r.alwaysShowResizeHandle, c.removeInternalAndSame(r, Y), r.children = s, r;
+      return delete r._alwaysShowResizeHandle, o !== void 0 ? r.alwaysShowResizeHandle = o : delete r.alwaysShowResizeHandle, c.removeInternalAndSame(r, Q), r.children = s, r;
     }
     return s;
   }
@@ -3122,7 +3122,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 = b.addRemoveCB || !0) {
+  load(e, t = w.addRemoveCB || !0) {
     var l;
     e = c.cloneDeep(e);
     const i = this.getColumn();
@@ -3133,15 +3133,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     e.forEach((d) => {
       s = Math.max(s, (d.x || 0) + d.w);
     }), s > this.engine.defaultColumn && (this.engine.defaultColumn = s), s > i && this.engine.cacheLayout(e, s, !0);
-    const r = b.addRemoveCB;
-    typeof t == "function" && (b.addRemoveCB = t);
+    const r = w.addRemoveCB;
+    typeof t == "function" && (w.addRemoveCB = t);
     const o = [];
     this.batchUpdate();
     const n = !this.engine.nodes.length;
     n && this.setAnimation(!1), !n && t && [...this.engine.nodes].forEach((a) => {
       if (!a.id)
         return;
-      c.find(e, a.id) || (b.addRemoveCB && b.addRemoveCB(this.el, a, !1, !1), o.push(a), this.removeWidget(a.el, !0, !1));
+      c.find(e, a.id) || (w.addRemoveCB && w.addRemoveCB(this.el, a, !1, !1), o.push(a), this.removeWidget(a.el, !0, !1));
     }), this.engine._loading = !0;
     const h = [];
     return this.engine.nodes = this.engine.nodes.filter((d) => c.find(e, d.id) ? (h.push(d), !1) : !0), e.forEach((d) => {
@@ -3153,7 +3153,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           p && p.gridstack && p.gridstack.load(d.subGridOpts.children);
         }
       } else t && this.addWidget(d);
-    }), delete this.engine._loading, this.engine.removedNodes = o, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? b.addRemoveCB = r : delete b.addRemoveCB, n && ((l = this.opts) != null && l.animate) && this.setAnimation(this.opts.animate, !0), this;
+    }), delete this.engine._loading, this.engine.removedNodes = o, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? w.addRemoveCB = r : delete w.addRemoveCB, n && ((l = this.opts) != null && l.animate) && this.setAnimation(this.opts.animate, !0), this;
   }
   /**
    * use before calling a bunch of `addWidget()` to prevent un-necessary relayouts in between (more efficient)
@@ -3342,7 +3342,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.makeWidget('2', {w:2, content: 'hello'});
    */
   makeWidget(e, t) {
-    const i = b.getElement(e);
+    const i = w.getElement(e);
     if (!i)
       return;
     i.parentElement || this.el.appendChild(i), this._prepareElement(i, !0, t);
@@ -3374,11 +3374,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param triggerEvent if `false` (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true).
    */
   removeWidget(e, t = !0, i = !0) {
-    return e ? (b.getElements(e).forEach((s) => {
+    return e ? (w.getElements(e).forEach((s) => {
       if (s.parentElement && s.parentElement !== this.el)
         return;
       let r = s.gridstackNode;
-      r || (r = this.engine.nodes.find((o) => s === o.el)), r && (t && b.addRemoveCB && b.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
+      r || (r = this.engine.nodes.find((o) => s === o.el)), r && (t && 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());
     }), i && (this._triggerRemoveEvent(), this._triggerChangeEvent()), this) : (console.error("Error: GridStack.removeWidget(undefined) called"), this);
   }
   /**
@@ -3388,7 +3388,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   removeAll(e = !0, t = !0) {
     return this.engine.nodes.forEach((i) => {
-      e && b.addRemoveCB && b.addRemoveCB(this.el, i, !1, !1), delete i.el.gridstackNode, this.opts.staticGrid || this._removeDD(i.el);
+      e && w.addRemoveCB && w.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;
   }
   /**
@@ -3433,7 +3433,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param opt new widget options (x,y,w,h, etc..). Only those set will be updated.
    */
   update(e, t) {
-    return b.getElements(e).forEach((i) => {
+    return w.getElements(e).forEach((i) => {
       var d;
       const s = i == null ? void 0 : i.gridstackNode;
       if (!s)
@@ -3446,7 +3446,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         n[a] = r[a] !== void 0 ? r[a] : s[a], delete r[a];
       })), !n && (r.minW || r.minH || r.maxW || r.maxH) && (n = {}), r.content !== void 0) {
         const a = i.querySelector(".grid-stack-item-content");
-        a && a.textContent !== r.content && (s.content = r.content, b.renderCB(a, r), (d = s.subGrid) != null && d.el && (a.appendChild(s.subGrid.el), s.subGrid.opts.styleInHead || s.subGrid._updateStyles(!0))), delete r.content;
+        a && a.textContent !== r.content && (s.content = r.content, w.renderCB(a, r), (d = s.subGrid) != null && d.el && (a.appendChild(s.subGrid.el), s.subGrid.opts.styleInHead || s.subGrid._updateStyles(!0))), delete r.content;
       }
       let h = !1, l = !1;
       for (const a in r)
@@ -3482,7 +3482,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(b.resizeToContentParent)), !o)
+    if (t.resizeToContentParent && (o = e.querySelector(t.resizeToContentParent)), o || (o = e.querySelector(w.resizeToContentParent)), !o)
       return;
     const n = e.clientHeight - o.clientHeight, h = t.h ? t.h * s - n : o.clientHeight;
     let l;
@@ -3496,7 +3496,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       {
         const g = o.firstElementChild;
         if (!g) {
-          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${b.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
+          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${w.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
         }
         l = g.getBoundingClientRect().height || h;
@@ -3511,14 +3511,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) {
-    b.resizeToContentCB ? b.resizeToContentCB(e) : this.resizeToContent(e);
+    w.resizeToContentCB ? w.resizeToContentCB(e) : this.resizeToContent(e);
   }
   /** rotate (by swapping w & h) the passed in node - called when user press 'r' during dragging
    * @param els  widget or selector of objects to modify
    * @param relative optional pixel coord relative to upper/left corner to rotate around (will keep that cell under cursor)
    */
   rotate(e, t) {
-    return b.getElements(e).forEach((i) => {
+    return w.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       if (!c.canBeRotated(s))
         return;
@@ -3659,7 +3659,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   _prepareElement(e, t = !1, i) {
-    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(Y.itemClass, this.opts.itemClass);
+    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(Q.itemClass, this.opts.itemClass);
     const s = c.shouldSizeToContent(i);
     return s ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), s && this.resizeToContentCheck(!1, i), c.lazyLoad(i) || this.prepareDragDrop(i.el), this;
   }
@@ -3747,7 +3747,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   static getGridElement(e) {
-    return b.getElement(e);
+    return w.getElement(e);
   }
   /** @internal */
   static getGridElements(e) {
@@ -3765,7 +3765,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 U;
+    return B;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -3777,8 +3777,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param root optional root which defaults to document (for shadow dom pass the parent HTMLDocument)
    */
   static setupDragIn(e, t, i, s = document) {
-    (t == null ? void 0 : t.pause) !== void 0 && (x.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
-      U.isDraggable(o) || U.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
+    (t == null ? void 0 : t.pause) !== void 0 && (E.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
+      B.isDraggable(o) || B.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
     });
   }
   /**
@@ -3788,7 +3788,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param val if true widget will be draggable, assuming the parent grid isn't noMove or static.
    */
   movable(e, t) {
-    return this.opts.staticGrid ? this : (b.getElements(e).forEach((i) => {
+    return this.opts.staticGrid ? this : (w.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       s && (t ? delete s.noMove : s.noMove = !0, this.prepareDragDrop(s.el));
     }), this);
@@ -3799,7 +3799,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param val  if true widget will be resizable, assuming the parent grid isn't noResize or static.
    */
   resizable(e, t) {
-    return this.opts.staticGrid ? this : (b.getElements(e).forEach((i) => {
+    return this.opts.staticGrid ? this : (w.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       s && (t ? delete s.noResize : s.noResize = !0, this.prepareDragDrop(s.el));
     }), this);
@@ -3853,16 +3853,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 && b._itemRemoving(e.el, !1), this.engine.restoreInitial());
+    e && (e._isExternal ? (e._isAboutToRemove = !0, this.engine.removeNode(e)) : e._isAboutToRemove && w._itemRemoving(e.el, !1), this.engine.restoreInitial());
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return U.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return B.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 U.droppable(this.el, "destroy"), this;
+      return B.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, o) => {
       var f;
@@ -3887,7 +3887,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(l / t)), n.y = Math.max(0, Math.round(h / e)), delete n.autoPosition, this.engine.nodeBoundFix(n), !this.engine.willItFit(n)) {
           if (n.autoPosition = !0, !this.engine.willItFit(n)) {
-            U.off(r, "drag");
+            B.off(r, "drag");
             return;
           }
           n._willFitPos && (c.copyPos(n, n._willFitPos), delete n._willFitPos);
@@ -3896,7 +3896,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(o, s, a, n, t, e);
     };
-    return U.droppable(this.el, {
+    return B.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -3935,7 +3935,7 @@ 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 h = n.w || Math.round(o.offsetWidth / t) || 1, l = n.h || Math.round(o.offsetHeight / e) || 1;
       return n.grid && n.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = n), r.gridstackNode = n = { ...n, w: h, h: l, grid: this }, delete n.x, delete n.y, this.engine.cleanupNode(n).nodeBoundFix(n), n._initDD = n._isExternal = // DOM needs to be re-parented on a drop
-      n._temporaryRemoved = !0) : (n.w = h, n.h = l, n._temporaryRemoved = !0), b._itemRemoving(n.el, !1), U.on(r, "drag", i), i(s, r, o), !1;
+      n._temporaryRemoved = !0) : (n.w = h, n.h = l, n._temporaryRemoved = !0), w._itemRemoving(n.el, !1), B.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;
@@ -3953,10 +3953,10 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const m = a.grid;
         m.engine.removeNodeFromLayoutCache(a), m.engine.removedNodes.push(a), m._triggerRemoveEvent()._triggerChangeEvent(), m.parentGridNode && !m.engine.nodes.length && m.opts.subGridDynamic && m.removeAsSubGrid();
       }
-      if (!n || (h && (this.engine.cleanupNode(n), n.grid = this), (p = n.grid) == null || delete p._isTemp, U.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !h))
+      if (!n || (h && (this.engine.cleanupNode(n), n.grid = this), (p = n.grid) == null || delete p._isTemp, B.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !h))
         return !1;
       const f = (y = (g = n.subGrid) == null ? void 0 : g.el) == null ? void 0 : y.gridstack;
-      return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), l && (n.content || n.subGridOpts || b.addRemoveCB) ? (delete n.el, r = this.addWidget(n)) : (this._prepareElement(r, !0, n), this.el.appendChild(r), this.resizeToContentCheck(!1, n), f && (f.parentGridNode = n, f.opts.styleInHead || f._updateStyles(!0)), this._updateContainerHeight()), this.engine.addedNodes.push(n), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, a && a.grid ? a : void 0, n), d && this.setAnimation(this.opts.animate, !0), !1;
+      return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), l && (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" }, a && a.grid ? a : void 0, n), d && this.setAnimation(this.opts.animate, !0), !1;
     }), this;
   }
   /** @internal mark item for removal */
@@ -3971,7 +3971,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (typeof this.opts.removable != "string")
       return this;
     const e = document.querySelector(this.opts.removable);
-    return e ? (!this.opts.staticGrid && !U.isDroppable(e) && U.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => b._itemRemoving(i, !0)).on(e, "dropout", (t, i) => b._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !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;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -4003,7 +4003,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(p, i));
         }
       };
-      U.draggable(e, {
+      B.draggable(e, {
         start: l,
         stop: a,
         drag: d
@@ -4013,7 +4013,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: d
       }), i._initDD = !0;
     }
-    return U.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
+    return B.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, o) {
@@ -4032,7 +4032,7 @@ 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 h = this.getColumn() - s.x, l = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      U.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, h)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, l)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, l)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      B.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, h)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, l)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, l)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
@@ -4045,16 +4045,16 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       const m = i.position.top - s._prevYPix;
       s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, m);
-      const T = i.position.left + (i.position.left > s._lastUiPosition.left ? -d : l), w = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : a);
-      n.x = Math.round(T / r), n.y = Math.round(w / o);
-      const E = this._extraDragRow;
+      const T = i.position.left + (i.position.left > s._lastUiPosition.left ? -d : l), L = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : a);
+      n.x = Math.round(T / r), n.y = Math.round(L / o);
+      const z = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        const L = this.getRow();
-        let C = Math.max(0, n.y + s.h - L);
-        this.opts.maxRow && L + C > this.opts.maxRow && (C = Math.max(0, this.opts.maxRow - L)), this._extraDragRow = C;
+        const x = this.getRow();
+        let _ = Math.max(0, n.y + s.h - x);
+        this.opts.maxRow && x + _ > this.opts.maxRow && (_ = Math.max(0, this.opts.maxRow - x)), this._extraDragRow = _;
       } else
         this._extraDragRow = 0;
-      if (this._extraDragRow !== E && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
+      if (this._extraDragRow !== z && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
         return;
     } else if (t.type === "resize") {
       if (n.x < 0 || (c.updateScrollResize(t, e, o), n.w = Math.round((i.size.width - l) / r), n.h = Math.round((i.size.height - a) / o), s.w === n.w && s.h === n.h) || s._lastTried && s._lastTried.w === n.w && s._lastTried.h === n.h)
@@ -4082,25 +4082,25 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    if (!i || (t.style.transform = t.style.transformOrigin = null, U.off(e, "drag"), i._temporaryRemoved))
+    if (!i || (t.style.transform = t.style.transformOrigin = null, B.off(e, "drag"), i._temporaryRemoved))
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
-    i._isExternal && this.engine.cleanupNode(i), i._sidebarOrig = s, this.opts.removable === !0 && b._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial();
+    i._isExternal && this.engine.cleanupNode(i), i._sidebarOrig = s, this.opts.removable === !0 && w._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial();
   }
   // legacy method removed
   commit() {
     return Rs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
-b.renderCB = (u, e) => {
+w.renderCB = (u, e) => {
   u && (e != null && e.content) && (u.textContent = e.content);
 };
-b.resizeToContentParent = ".grid-stack-item-content";
-b.Utils = c;
-b.Engine = oe;
-b.GDRev = "11.5.1";
-const Ds = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ss = { class: "grid-stack-item-content" }, Ns = /* @__PURE__ */ Q({
+w.resizeToContentParent = ".grid-stack-item-content";
+w.Utils = c;
+w.Engine = le;
+w.GDRev = "11.5.1";
+const Ds = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ss = { class: "grid-stack-item-content" }, Ns = /* @__PURE__ */ j({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
@@ -4132,7 +4132,7 @@ const Ds = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ss = { cl
       }), s("update-tiles", Array.from(o.value.values()));
     };
     ot(() => {
-      r.value && (n = b.init({
+      r.value && (n = w.init({
         margin: 10,
         column: Kt,
         cellHeight: i.tileHeight,
@@ -4158,16 +4158,16 @@ const Ds = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ss = { cl
             h: m.layout.size.rows
           });
       }
-    }), Mt(() => {
+    }), It(() => {
       i.tiles.forEach((p) => {
         o.value.set(`${p.id}`, p);
       });
-    }), e({ removeWidget: f }), (p, g) => (z(), W("div", {
+    }), e({ removeWidget: f }), (p, g) => (k(), K("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
     }, [
-      (z(!0), W($t, null, Ft(i.tiles, (y) => (z(), W("div", {
+      (k(!0), K(Ft, null, Gt(i.tiles, (y) => (k(), K("div", {
         key: y.id,
         class: "grid-stack-item",
         "data-id": `${y.id}`,
@@ -4178,71 +4178,71 @@ const Ds = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ss = { cl
         "gs-x": y.layout.position.col,
         "gs-y": y.layout.position.row
       }, [
-        de("div", Ss, [
+        ue("div", Ss, [
           ze(p.$slots, "tile", { tile: y }, void 0, !0)
         ])
       ], 8, Ds))), 128))
     ], 512));
   }
-}), Ls = /* @__PURE__ */ ye(Ns, [["__scopeId", "data-v-a68d6821"]]), As = {
+}), Ls = /* @__PURE__ */ ve(Ns, [["__scopeId", "data-v-a68d6821"]]), As = {
   key: 0,
   class: "fullscreen-header"
 }, Hs = {
   key: 0,
   class: "tile-container slottable-tile"
-}, Os = /* @__PURE__ */ Q({
+}, Os = /* @__PURE__ */ j({
   __name: "DashboardRenderer",
-  props: /* @__PURE__ */ xt({
+  props: /* @__PURE__ */ Ct({
     context: {}
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ xt(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Ct(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
   setup(u, { expose: e, emit: t }) {
-    Ye((R) => ({
+    Ye((C) => ({
       "82baf22a": a.value
     }));
-    const i = u, s = t, r = ui(u, "modelValue"), { i18n: o } = pe.useI18n(), n = I(0), h = I(null), l = I(), d = I(), a = I("scale(1)"), f = xe(me);
-    f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), pe.useRequestQueue();
-    const p = Bt(), g = N(() => i.context.timeSpec ? i.context.timeSpec : {
+    const i = u, s = t, r = ui(u, "modelValue"), { i18n: o } = ye.useI18n(), n = I(0), h = I(null), l = I(), d = I(), a = I("scale(1)"), f = Ce(pe);
+    f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), ye.useRequestQueue();
+    const p = ut(), g = D(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
       time_range: p.defaultQueryTimeForOrg
-    }), y = N(() => !!i.context.timeSpec || !p.loading), m = (R, S) => {
-      const A = R.layout.position.row - S.layout.position.row;
-      return A !== 0 ? A : R.layout.position.col - S.layout.position.col;
-    }, T = N(() => r.value.tiles.map((R) => {
+    }), y = D(() => !!i.context.timeSpec || !p.loading), m = (C, N) => {
+      const A = C.layout.position.row - N.layout.position.row;
+      return A !== 0 ? A : C.layout.position.col - N.layout.position.col;
+    }, T = D(() => r.value.tiles.map((C) => {
       var A;
-      let S = R.definition;
-      if ("description" in S.chart) {
-        const $ = (A = S.chart.description) == null ? void 0 : A.replace(Fi, () => {
-          const ue = `renderer.trendRange.${g.value.type === "absolute" ? "custom" : g.value.time_range}`;
-          return o.te(ue) ? o.t(ue) : "";
+      let N = C.definition;
+      if ("description" in N.chart) {
+        const $ = (A = N.chart.description) == null ? void 0 : A.replace(Fi, () => {
+          const ce = `renderer.trendRange.${g.value.type === "absolute" ? "custom" : g.value.time_range}`;
+          return o.te(ce) ? o.t(ce) : "";
         });
-        S = {
-          ...S,
+        N = {
+          ...N,
           chart: {
-            ...S.chart,
+            ...N.chart,
             description: $
           }
         };
       }
-      return i.context.editable && !R.id && console.warn(
+      return i.context.editable && !C.id && console.warn(
         "No id provided for tile. One will be generated automatically,",
         "however tracking changes to this tile may not work as expected.",
-        R
+        C
       ), {
-        layout: R.layout,
-        meta: S,
-        type: R.type,
+        layout: C.layout,
+        meta: N,
+        type: C.type,
         // Add a unique key to each tile internally.
-        id: R.id ?? crypto.randomUUID()
+        id: C.id ?? crypto.randomUUID()
       };
-    })), w = N(() => {
-      var ue, Me, Ie;
-      let { tz: R, refreshInterval: S, editable: A } = i.context;
+    })), L = D(() => {
+      var ce, Me, Ie;
+      let { tz: C, refreshInterval: N, editable: A } = i.context;
       const $ = [...i.context.filters ?? [], ...r.value.preset_filters ?? []];
-      if (R || (R = new Intl.DateTimeFormat().resolvedOptions().timeZone), S === void 0 && (S = Gi), ee.value) {
+      if (C || (C = new Intl.DateTimeFormat().resolvedOptions().timeZone), N === void 0 && (N = Gi), se.value) {
         let ke = !1;
         if (g.value.type === "relative")
           ke = ["15m", "1h", "6h", "12h", "24h"].includes(g.value.time_range);
@@ -4251,115 +4251,115 @@ const Ds = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ss = { cl
           ke = Math.abs(qe - et) <= 864e5;
         }
         const Je = (/* @__PURE__ */ new Date()).getTime();
-        g.value.type === "absolute" && g.value.end.getTime() < Je ? S = 0 : ke ? S = Ui : S = Bi;
+        g.value.type === "absolute" && g.value.end.getTime() < Je ? N = 0 : ke ? N = Ui : N = Bi;
       }
       A === void 0 && (A = !1);
-      const te = !!((Ie = (Me = (ue = ci()) == null ? void 0 : ue.vnode) == null ? void 0 : Me.props) != null && Ie.onTileTimeRangeZoom);
+      const re = !!((Ie = (Me = (ce = ci()) == null ? void 0 : ce.vnode) == null ? void 0 : Me.props) != null && Ie.onTileTimeRangeZoom);
       return {
         filters: $,
-        tz: R,
+        tz: C,
         timeSpec: g.value,
-        refreshInterval: S,
+        refreshInterval: N,
         editable: A,
-        zoomable: te
+        zoomable: re
       };
-    }), E = (R) => {
-      s("edit-tile", R);
-    }, L = (R) => R.type === "slottable", C = (R) => {
-      const S = L(R.meta.chart) ? { ...R.meta.chart } : {
-        ...R.meta.chart,
-        chart_title: R.meta.chart.chart_title ? `Copy of ${R.meta.chart.chart_title}` : ""
+    }), z = (C) => {
+      s("edit-tile", C);
+    }, x = (C) => C.type === "slottable", _ = (C) => {
+      const N = x(C.meta.chart) ? { ...C.meta.chart } : {
+        ...C.meta.chart,
+        chart_title: C.meta.chart.chart_title ? `Copy of ${C.meta.chart.chart_title}` : ""
       }, A = {
         id: crypto.randomUUID(),
         type: "chart",
         definition: {
-          ...R.meta,
-          chart: S
+          ...C.meta,
+          chart: N
         },
         layout: {
           position: {
             col: 0,
             row: 0
           },
-          size: R.layout.size
+          size: C.layout.size
         }
       };
       r.value.tiles.push(A);
-    }, le = (R) => {
-      h.value && h.value.removeWidget(R.id);
-    }, ge = () => {
+    }, F = (C) => {
+      h.value && h.value.removeWidget(C.id);
+    }, te = () => {
       n.value++;
-    }, ne = (R) => {
-      const S = R.map((A) => ({
+    }, ie = (C) => {
+      const N = C.map((A) => ({
         id: A.id,
         type: A.type,
         layout: A.layout,
         definition: A.meta
       }));
-      r.value.tiles = S.sort(m);
-    }, Ce = async () => {
+      r.value.tiles = N.sort(m);
+    }, me = async () => {
       if (a.value = "scale(1)", await dt(), d.value) {
-        const { availWidth: R, availHeight: S } = window.screen, { width: A, height: $ } = d.value.getBoundingClientRect(), te = Math.min(S / $, R / A);
-        a.value = `scale(${te})`;
+        const { availWidth: C, availHeight: N } = window.screen, { width: A, height: $ } = d.value.getBoundingClientRect(), re = Math.min(N / $, C / A);
+        a.value = `scale(${re})`;
       }
     }, Re = () => {
       l.value && (document.fullscreenElement ? document.exitFullscreen() : l.value.requestFullscreen());
-    }, ee = I(!1), Ze = () => {
-      ee.value = document.fullscreenElement !== null, ee.value && Ce();
+    }, se = I(!1), Ze = () => {
+      se.value = document.fullscreenElement !== null, se.value && me();
     };
     return e({
-      refresh: ge,
+      refresh: te,
       toggleFullscreen: Re
-    }), (R, S) => {
-      const A = fe("KAlert");
-      return z(), W("div", {
+    }), (C, N) => {
+      const A = ge("KAlert");
+      return k(), K("div", {
         ref_key: "dashboardContainer",
         ref: l,
-        class: Qe(["kong-ui-public-dashboard-renderer", { "is-fullscreen": ee.value }]),
+        class: Qe(["kong-ui-public-dashboard-renderer", { "is-fullscreen": se.value }]),
         onFullscreenchange: Ze
       }, [
-        de("div", {
+        ue("div", {
           ref_key: "layoutContainer",
           ref: d,
           class: "layout"
         }, [
-          k(f) && ee.value ? (z(), W("div", As, [
-            ze(R.$slots, "fullscreenHeader", {}, void 0, !0)
-          ])) : K("", !0),
-          k(f) ? (z(), M(Pt(R.context.editable && !ee.value ? Ls : Cs), {
+          R(f) && se.value ? (k(), K("div", As, [
+            ze(C.$slots, "fullscreenHeader", {}, void 0, !0)
+          ])) : V("", !0),
+          R(f) ? (k(), M($t(C.context.editable && !se.value ? Ls : Cs), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: h,
             "tile-height": r.value.tile_height,
             tiles: T.value,
-            onUpdateTiles: ne
+            onUpdateTiles: ie
           }, {
             tile: P(({ tile: $ }) => [
-              $.meta.chart.type === "slottable" ? (z(), W("div", Hs, [
-                ze(R.$slots, $.meta.chart.id, {}, void 0, !0)
-              ])) : (z(), M(ws, {
-                key: ee.value ? `${$.id}-tile` : `${$.id}-tile-fullscreen`,
+              $.meta.chart.type === "slottable" ? (k(), K("div", Hs, [
+                ze(C.$slots, $.meta.chart.id, {}, void 0, !0)
+              ])) : (k(), M(ws, {
+                key: se.value ? `${$.id}-tile` : `${$.id}-tile-fullscreen`,
                 class: "tile-container",
-                context: w.value,
+                context: L.value,
                 definition: $.meta,
-                height: $.layout.size.rows * (r.value.tile_height || k(je)) + parseInt(k(ti), 10),
-                "is-fullscreen": ee.value,
+                height: $.layout.size.rows * (r.value.tile_height || R(je)) + parseInt(R(ti), 10),
+                "is-fullscreen": se.value,
                 "query-ready": y.value,
                 "refresh-counter": n.value,
                 "tile-id": $.id,
-                onDuplicateTile: (te) => C($),
-                onEditTile: (te) => E($),
-                onRemoveTile: (te) => le($),
-                onTileTimeRangeZoom: S[0] || (S[0] = (te) => s("tile-time-range-zoom", te))
+                onDuplicateTile: (re) => _($),
+                onEditTile: (re) => z($),
+                onRemoveTile: (re) => F($),
+                onTileTimeRangeZoom: N[0] || (N[0] = (re) => s("tile-time-range-zoom", re))
               }, null, 8, ["context", "definition", "height", "is-fullscreen", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
             ]),
             _: 3
-          }, 40, ["tile-height", "tiles"])) : (z(), M(A, {
+          }, 40, ["tile-height", "tiles"])) : (k(), M(A, {
             key: 1,
             appearance: "danger"
           }, {
             default: P(() => [
-              De(ie(k(o).t("renderer.noQueryBridge")), 1)
+              De(ne(R(o).t("renderer.noQueryBridge")), 1)
             ]),
             _: 1
           }))
@@ -4367,16 +4367,16 @@ const Ds = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ss = { cl
       ], 34);
     };
   }
-}), Ks = /* @__PURE__ */ ye(Os, [["__scopeId", "data-v-8d8a6181"]]);
+}), Ks = /* @__PURE__ */ ve(Os, [["__scopeId", "data-v-8d8a6181"]]);
 export {
   $i as C,
   Ks as D,
-  Rt as E,
+  kt as E,
   Ui as F,
   Cs as G,
-  me as I,
+  pe as I,
   Fi as T,
-  ut as _,
+  ct as _,
   je as a,
   Kt as b,
   Gi as c,