@kong-ui-public/dashboard-renderer 7.1.3 → 7.2.0

package/dist/{index-D8hJwMTc.js → index-DGR4QksL.js}

@@ -1,71 +1,71 @@
-var ei = Object.defineProperty;
-var nt = (c) => {
-  throw TypeError(c);
+var ni = Object.defineProperty;
+var dt = (u) => {
+  throw TypeError(u);
 };
-var ti = (c, e, t) => e in c ? ei(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
-var ot = (c, e, t) => ti(c, typeof e != "symbol" ? e + "" : e, t), Ge = (c, e, t) => e.has(c) || nt("Cannot " + t);
-var _ = (c, e, t) => (Ge(c, e, "read from private field"), t ? t.call(c) : e.get(c)), P = (c, e, t) => e.has(c) ? nt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(c) : e.set(c, t), L = (c, e, t, i) => (Ge(c, e, "write to private field"), i ? i.call(c, t) : e.set(c, t), t), $ = (c, e, t) => (Ge(c, e, "access private method"), t);
-var we = (c, e, t, i) => ({
+var oi = (u, e, t) => e in u ? ni(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var ut = (u, e, t) => oi(u, typeof e != "symbol" ? e + "" : e, t), Be = (u, e, t) => e.has(u) || dt("Cannot " + t);
+var _ = (u, e, t) => (Be(u, e, "read from private field"), t ? t.call(u) : e.get(u)), P = (u, e, t) => e.has(u) ? dt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(u) : e.set(u, t), H = (u, e, t, i) => (Be(u, e, "write to private field"), i ? i.call(u, t) : e.set(u, t), t), G = (u, e, t) => (Be(u, e, "access private method"), t);
+var we = (u, e, t, i) => ({
   set _(s) {
-    L(c, e, s, t);
+    H(u, e, s, t);
   },
   get _() {
-    return _(c, e, i);
+    return _(u, e, i);
   }
 });
-import { ref as B, watchEffect as Et, inject as be, provide as ii, defineComponent as Q, onUnmounted as We, computed as S, watch as Ke, resolveComponent as de, createBlock as M, renderSlot as Pe, createCommentVNode as X, unref as k, openBlock as C, withCtx as I, createVNode as se, createTextVNode as Ee, toDisplayString as te, useCssVars as Ve, createElementVNode as le, normalizeClass as Ye, mergeProps as xt, createSlots as je, createElementBlock as V, normalizeProps as si, guardReactiveProps as ri, defineAsyncComponent as Ct, onMounted as Xe, nextTick as Rt, resolveDynamicComponent as Tt, toHandlers as ni, Fragment as zt, renderList as Dt, normalizeStyle as at, mergeModels as lt, useModel as oi, getCurrentInstance as ai } from "vue";
-import { stripUnknownFilters as li, Timeframe as hi, TimePeriods as kt, TIMEFRAME_LOOKUP as di, formatTime as ht, msToGranularity as dt, getFieldDataSources as ui } from "@kong-ui-public/analytics-utilities";
-import { SimpleChart as ci, AnalyticsChart as fi, TopNTable as gi, CsvExportModal as mi } from "@kong-ui-public/analytics-chart";
-import pi from "swrv";
+import { ref as $, watchEffect as Tt, inject as _e, provide as ai, onMounted as Qe, computed as N, defineComponent as Q, onUnmounted as je, watch as Xe, resolveComponent as de, createBlock as M, renderSlot as $e, createCommentVNode as Y, unref as T, openBlock as z, withCtx as q, createVNode as se, createTextVNode as Ee, toDisplayString as te, useCssVars as Ze, createElementVNode as le, normalizeClass as Je, mergeProps as zt, createSlots as et, createElementBlock as W, normalizeProps as li, guardReactiveProps as hi, defineAsyncComponent as Dt, readonly as We, toRef as ct, nextTick as St, resolveDynamicComponent as Nt, toHandlers as di, Fragment as Lt, renderList as At, normalizeStyle as ft, mergeModels as gt, useModel as ui, getCurrentInstance as ci } from "vue";
+import { msToGranularity as Ke, getFieldDataSources as Ot, stripUnknownFilters as fi, Timeframe as gi, TimePeriods as Ht, TIMEFRAME_LOOKUP as mi, formatTime as mt } 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 yi, i18nTComponent as vi } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as St } from "@kong-ui-public/analytics-config-store";
-import { VisibilityOffIcon as _i, WarningIcon as bi, EditIcon as wi, MoreIcon as Ei } from "@kong/icons";
-import { MetricsProvider as xi, MetricsConsumer as Ci } from "@kong-ui-public/analytics-metric-provider";
-var Nt = /* @__PURE__ */ ((c) => (c.VALIDATING = "VALIDATING", c.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", c.PENDING = "PENDING", c.SUCCESS = "SUCCESS", c.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", c.ERROR = "ERROR", c.STALE_IF_ERROR = "STALE_IF_ERROR", c))(Nt || {});
-const Ri = (c) => {
+import { createI18n as wi, i18nTComponent as Ei } from "@kong-ui-public/i18n";
+import { useAnalyticsConfigStore as Mt } 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 It = /* @__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))(It || {});
+const Di = (u) => {
   var e, t, i, s, r;
-  return c ? !!// TODO: revisit: currently only the first check ever matters?
-  ((e = Object.keys(c)) != null && e.length || (t = c.data) != null && t.length || (s = (i = c.data) == null ? void 0 : i.data) != null && s.length || !((r = c.data) != null && r.data) && typeof c.data == "object" && Object.keys(c == null ? void 0 : c.data).length) : !1;
+  return u ? !!// TODO: revisit: currently only the first check ever matters?
+  ((e = Object.keys(u)) != null && e.length || (t = u.data) != null && t.length || (s = (i = u.data) == null ? void 0 : i.data) != null && s.length || !((r = u.data) != null && r.data) && typeof u.data == "object" && Object.keys(u == null ? void 0 : u.data).length) : !1;
 };
-function Ti(c = B({}), e, t, i = Ri) {
-  const s = B(
+function Si(u = $({}), e, t, i = Di) {
+  const s = $(
     "PENDING"
     /* PENDING */
   );
-  return Et(() => {
-    const r = i(c.value);
-    if (c.value && r && t.value) {
+  return Tt(() => {
+    const r = i(u.value);
+    if (u.value && r && t.value) {
       s.value = "VALIDATING_HAS_DATA";
       return;
     }
-    if (c.value && t.value) {
+    if (u.value && t.value) {
       s.value = "VALIDATING";
       return;
     }
-    if (c.value && e.value) {
+    if (u.value && e.value) {
       s.value = "STALE_IF_ERROR";
       return;
     }
-    if (c.value === void 0 && !e.value) {
+    if (u.value === void 0 && !e.value) {
       s.value = "PENDING";
       return;
     }
-    if (c.value && !e.value && r) {
+    if (u.value && !e.value && r) {
       s.value = "SUCCESS_HAS_DATA";
       return;
     }
-    if (c.value && !e.value) {
+    if (u.value && !e.value) {
       s.value = "SUCCESS";
       return;
     }
-    c.value === void 0 && e && (s.value = "ERROR");
+    u.value === void 0 && e && (s.value = "ERROR");
   }), {
     state: s,
-    swrvState: Nt
+    swrvState: It
   };
 }
-const zi = {
+const Ni = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard.",
   trendRange: {
     "24h": "Last 24-hour summary",
@@ -76,14 +76,14 @@ const zi = {
   duplicateTile: "Duplicate",
   remove: "Remove",
   delete: "Delete"
-}, Di = {
+}, Li = {
   forbidden: "To access this data, either filter for an entity you have access to or request analytics viewer access from your administrator.",
   timeRangeExceeded: "The time range for this report is outside of your organization's data retention period",
   timeout: "Query timed out.  Consider querying a shorter time range."
-}, ki = {
+}, Ai = {
   defaultFilename: "Chart export",
   exportAsCsv: "Export as CSV"
-}, Si = "Explore", Ni = "View requests", Ai = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", Oi = {
+}, Oi = "Explore", Hi = "View requests", Mi = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", Ii = {
   daily: "1 day",
   fiveMinutely: "5 minutes",
   hourly: "1 hour",
@@ -96,35 +96,35 @@ const zi = {
   twoHourly: "2 hours",
   weekly: "1 week",
   unknown: "Unknown"
-}, Hi = {
-  renderer: zi,
-  queryDataProvider: Di,
-  csvExport: ki,
-  jumpToExplore: Si,
-  jumpToRequests: Ni,
-  query_aged_out_warning: Ai,
-  granularities: Oi
+}, qi = {
+  renderer: Ni,
+  queryDataProvider: Li,
+  csvExport: Ai,
+  jumpToExplore: Oi,
+  jumpToRequests: Hi,
+  query_aged_out_warning: Mi,
+  granularities: Ii
 };
-function Li() {
-  const c = yi("en-us", Hi);
+function Pi() {
+  const u = wi("en-us", qi);
   return {
-    i18n: c,
-    i18nT: vi(c)
+    i18n: u,
+    i18nT: Ei(u)
     // Translation component <i18n-t>
   };
 }
-const $e = 170, At = 6, ue = "analytics-query-provider", ut = "{entity-id}", Mi = "{cp-id}", Ii = "{timeframe}", qi = 30 * 1e3;
-function Pi() {
-  const c = be(ue);
+const Ge = 170, qt = 6, ue = "analytics-query-provider", pt = "{entity-id}", $i = "{cp-id}", Gi = "{timeframe}", Ui = 30 * 1e3;
+function Fi() {
+  const u = _e(ue);
   return {
-    evaluateFeatureFlag: (t, i) => c ? c.evaluateFeatureFlagFn(t, i) : i
+    evaluateFeatureFlag: (t, i) => u ? u.evaluateFeatureFlagFn(t, i) : i
   };
 }
-function $i(c) {
-  return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
+function Bi(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var Ot = { exports: {} };
-(function(c) {
+var Pt = { exports: {} };
+(function(u) {
   var e = Object.prototype.hasOwnProperty, t = "~";
   function i() {
   }
@@ -135,8 +135,8 @@ var Ot = { exports: {} };
   function r(h, l, d, a, f) {
     if (typeof d != "function")
       throw new TypeError("The listener must be a function");
-    var y = new s(d, a || h, f), g = t ? t + l : l;
-    return h._events[g] ? h._events[g].fn ? h._events[g] = [h._events[g], y] : h._events[g].push(y) : (h._events[g] = y, h._eventsCount++), h;
+    var p = new s(d, a || h, f), g = t ? t + l : l;
+    return h._events[g] ? h._events[g].fn ? h._events[g] = [h._events[g], p] : h._events[g].push(p) : (h._events[g] = p, h._eventsCount++), h;
   }
   function o(h, l) {
     --h._eventsCount === 0 ? h._events = new i() : delete h._events[l];
@@ -154,54 +154,54 @@ var Ot = { exports: {} };
     var d = t ? t + l : l, a = this._events[d];
     if (!a) return [];
     if (a.fn) return [a.fn];
-    for (var f = 0, y = a.length, g = new Array(y); f < y; f++)
+    for (var f = 0, p = a.length, g = new Array(p); f < p; f++)
       g[f] = a[f].fn;
     return g;
   }, n.prototype.listenerCount = function(l) {
     var d = t ? t + l : l, a = this._events[d];
     return a ? a.fn ? 1 : a.length : 0;
-  }, n.prototype.emit = function(l, d, a, f, y, g) {
-    var v = t ? t + l : l;
-    if (!this._events[v]) return !1;
-    var p = this._events[v], R = arguments.length, H, T;
-    if (p.fn) {
-      switch (p.once && this.removeListener(l, p.fn, void 0, !0), R) {
+  }, 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], k = arguments.length, w, E;
+    if (m.fn) {
+      switch (m.once && this.removeListener(l, m.fn, void 0, !0), k) {
         case 1:
-          return p.fn.call(p.context), !0;
+          return m.fn.call(m.context), !0;
         case 2:
-          return p.fn.call(p.context, d), !0;
+          return m.fn.call(m.context, d), !0;
         case 3:
-          return p.fn.call(p.context, d, a), !0;
+          return m.fn.call(m.context, d, a), !0;
         case 4:
-          return p.fn.call(p.context, d, a, f), !0;
+          return m.fn.call(m.context, d, a, f), !0;
         case 5:
-          return p.fn.call(p.context, d, a, f, y), !0;
+          return m.fn.call(m.context, d, a, f, p), !0;
         case 6:
-          return p.fn.call(p.context, d, a, f, y, g), !0;
+          return m.fn.call(m.context, d, a, f, p, g), !0;
       }
-      for (T = 1, H = new Array(R - 1); T < R; T++)
-        H[T - 1] = arguments[T];
-      p.fn.apply(p.context, H);
+      for (E = 1, w = new Array(k - 1); E < k; E++)
+        w[E - 1] = arguments[E];
+      m.fn.apply(m.context, w);
     } else {
-      var q = p.length, x;
-      for (T = 0; T < q; T++)
-        switch (p[T].once && this.removeListener(l, p[T].fn, void 0, !0), R) {
+      var D = m.length, C;
+      for (E = 0; E < D; E++)
+        switch (m[E].once && this.removeListener(l, m[E].fn, void 0, !0), k) {
           case 1:
-            p[T].fn.call(p[T].context);
+            m[E].fn.call(m[E].context);
             break;
           case 2:
-            p[T].fn.call(p[T].context, d);
+            m[E].fn.call(m[E].context, d);
             break;
           case 3:
-            p[T].fn.call(p[T].context, d, a);
+            m[E].fn.call(m[E].context, d, a);
             break;
           case 4:
-            p[T].fn.call(p[T].context, d, a, f);
+            m[E].fn.call(m[E].context, d, a, f);
             break;
           default:
-            if (!H) for (x = 1, H = new Array(R - 1); x < R; x++)
-              H[x - 1] = arguments[x];
-            p[T].fn.apply(p[T].context, H);
+            if (!w) for (C = 1, w = new Array(k - 1); C < k; C++)
+              w[C - 1] = arguments[C];
+            m[E].fn.apply(m[E].context, w);
         }
     }
     return !0;
@@ -210,41 +210,41 @@ var Ot = { exports: {} };
   }, n.prototype.once = function(l, d, a) {
     return r(this, l, d, a, !0);
   }, n.prototype.removeListener = function(l, d, a, f) {
-    var y = t ? t + l : l;
-    if (!this._events[y]) return this;
+    var p = t ? t + l : l;
+    if (!this._events[p]) return this;
     if (!d)
-      return o(this, y), this;
-    var g = this._events[y];
+      return o(this, p), this;
+    var g = this._events[p];
     if (g.fn)
-      g.fn === d && (!f || g.once) && (!a || g.context === a) && o(this, y);
+      g.fn === d && (!f || g.once) && (!a || g.context === a) && o(this, p);
     else {
-      for (var v = 0, p = [], R = g.length; v < R; v++)
-        (g[v].fn !== d || f && !g[v].once || a && g[v].context !== a) && p.push(g[v]);
-      p.length ? this._events[y] = p.length === 1 ? p[0] : p : o(this, y);
+      for (var y = 0, m = [], k = g.length; y < k; y++)
+        (g[y].fn !== d || f && !g[y].once || a && g[y].context !== a) && m.push(g[y]);
+      m.length ? this._events[p] = m.length === 1 ? m[0] : m : o(this, p);
     }
     return this;
   }, n.prototype.removeAllListeners = function(l) {
     var d;
     return l ? (d = t ? t + l : l, this._events[d] && o(this, d)) : (this._events = new i(), this._eventsCount = 0), this;
-  }, n.prototype.off = n.prototype.removeListener, n.prototype.addListener = n.prototype.on, n.prefixed = t, n.EventEmitter = n, c.exports = n;
-})(Ot);
-var Bi = Ot.exports;
-const Gi = /* @__PURE__ */ $i(Bi);
-class Ht extends Error {
+  }, n.prototype.off = n.prototype.removeListener, n.prototype.addListener = n.prototype.on, n.prefixed = t, n.EventEmitter = n, u.exports = n;
+})(Pt);
+var Wi = Pt.exports;
+const Ki = /* @__PURE__ */ Bi(Wi);
+class $t extends Error {
   constructor(e) {
     super(e), this.name = "TimeoutError";
   }
 }
-class Ui extends Error {
+class Vi extends Error {
   constructor(e) {
     super(), this.name = "AbortError", this.message = e;
   }
 }
-const ct = (c) => globalThis.DOMException === void 0 ? new Ui(c) : new DOMException(c), ft = (c) => {
-  const e = c.reason === void 0 ? ct("This operation was aborted.") : c.reason;
-  return e instanceof Error ? e : ct(e);
+const yt = (u) => globalThis.DOMException === void 0 ? new Vi(u) : new DOMException(u), vt = (u) => {
+  const e = u.reason === void 0 ? yt("This operation was aborted.") : u.reason;
+  return e instanceof Error ? e : yt(e);
 };
-function Fi(c, e) {
+function Yi(u, e) {
   const {
     milliseconds: t,
     fallback: i,
@@ -256,31 +256,31 @@ function Fi(c, e) {
     if (typeof t != "number" || Math.sign(t) !== 1)
       throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);
     if (e.signal) {
-      const { signal: y } = e;
-      y.aborted && a(ft(y)), n = () => {
-        a(ft(y));
-      }, y.addEventListener("abort", n, { once: !0 });
+      const { signal: p } = e;
+      p.aborted && a(vt(p)), n = () => {
+        a(vt(p));
+      }, p.addEventListener("abort", n, { once: !0 });
     }
     if (t === Number.POSITIVE_INFINITY) {
-      c.then(d, a);
+      u.then(d, a);
       return;
     }
-    const f = new Ht();
+    const f = new $t();
     o = r.setTimeout.call(void 0, () => {
       if (i) {
         try {
           d(i());
-        } catch (y) {
-          a(y);
+        } catch (p) {
+          a(p);
         }
         return;
       }
-      typeof c.cancel == "function" && c.cancel(), s === !1 ? d() : s instanceof Error ? a(s) : (f.message = s ?? `Promise timed out after ${t} milliseconds`, a(f));
+      typeof u.cancel == "function" && u.cancel(), s === !1 ? d() : s instanceof Error ? a(s) : (f.message = s ?? `Promise timed out after ${t} milliseconds`, a(f));
     }, t), (async () => {
       try {
-        d(await c);
-      } catch (y) {
-        a(y);
+        d(await u);
+      } catch (p) {
+        a(p);
       }
     })();
   }).finally(() => {
@@ -290,19 +290,19 @@ function Fi(c, e) {
     r.clearTimeout.call(void 0, o), o = void 0;
   }, l;
 }
-function Wi(c, e, t) {
-  let i = 0, s = c.length;
+function Qi(u, e, t) {
+  let i = 0, s = u.length;
   for (; s > 0; ) {
     const r = Math.trunc(s / 2);
     let o = i + r;
-    t(c[o], e) <= 0 ? (i = ++o, s -= r + 1) : s = r;
+    t(u[o], e) <= 0 ? (i = ++o, s -= r + 1) : s = r;
   }
   return i;
 }
-var Z;
-class Ki {
+var X;
+class ji {
   constructor() {
-    P(this, Z, []);
+    P(this, X, []);
   }
   enqueue(e, t) {
     t = {
@@ -314,75 +314,75 @@ class Ki {
       id: t.id,
       run: e
     };
-    if (this.size === 0 || _(this, Z)[this.size - 1].priority >= t.priority) {
-      _(this, Z).push(i);
+    if (this.size === 0 || _(this, X)[this.size - 1].priority >= t.priority) {
+      _(this, X).push(i);
       return;
     }
-    const s = Wi(_(this, Z), i, (r, o) => o.priority - r.priority);
-    _(this, Z).splice(s, 0, i);
+    const s = Qi(_(this, X), i, (r, o) => o.priority - r.priority);
+    _(this, X).splice(s, 0, i);
   }
   setPriority(e, t) {
-    const i = _(this, Z).findIndex((r) => r.id === e);
+    const i = _(this, X).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, Z).splice(i, 1);
+    const [s] = _(this, X).splice(i, 1);
     this.enqueue(s.run, { priority: t, id: e });
   }
   dequeue() {
-    const e = _(this, Z).shift();
+    const e = _(this, X).shift();
     return e == null ? void 0 : e.run;
   }
   filter(e) {
-    return _(this, Z).filter((t) => t.priority === e.priority).map((t) => t.run);
+    return _(this, X).filter((t) => t.priority === e.priority).map((t) => t.run);
   }
   get size() {
-    return _(this, Z).length;
+    return _(this, X).length;
   }
 }
-Z = new WeakMap();
-var ge, me, he, Re, pe, Te, J, ye, K, ze, ee, ve, ae, De, qe, D, Lt, Mt, It, qt, Pt, Se, Ue, Fe, Ne, $t, Ae;
-class Vi extends Gi {
+X = new WeakMap();
+var ge, me, he, Re, pe, ke, Z, ye, B, Te, J, ve, oe, ze, Pe, S, Gt, Ut, Ft, Bt, Wt, Ne, Ve, Ye, Le, Kt, Ae;
+class Xi extends Ki {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
-    P(this, D);
+    P(this, S);
     P(this, ge);
     P(this, me);
     P(this, he, 0);
     P(this, Re);
     P(this, pe);
-    P(this, Te, 0);
-    P(this, J);
+    P(this, ke, 0);
+    P(this, Z);
     P(this, ye);
-    P(this, K);
-    P(this, ze);
-    P(this, ee, 0);
+    P(this, B);
+    P(this, Te);
+    P(this, J, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
     P(this, ve);
-    P(this, ae);
-    P(this, De);
+    P(this, oe);
+    P(this, ze);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
-    P(this, qe, 1n);
+    P(this, Pe, 1n);
     /**
         Per-operation timeout in milliseconds. Operations fulfill once `timeout` elapses if they haven't already.
     
         Applies to each future operation.
         */
-    ot(this, "timeout");
+    ut(this, "timeout");
     if (t = {
       carryoverConcurrencyCount: !1,
       intervalCap: Number.POSITIVE_INFINITY,
       interval: 0,
       concurrency: Number.POSITIVE_INFINITY,
       autoStart: !0,
-      queueClass: Ki,
+      queueClass: ji,
       ...t
     }, !(typeof t.intervalCap == "number" && t.intervalCap >= 1))
       throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${((i = t.intervalCap) == null ? void 0 : i.toString()) ?? ""}\` (${typeof t.intervalCap})`);
     if (t.interval === void 0 || !(Number.isFinite(t.interval) && t.interval >= 0))
       throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${((s = t.interval) == null ? void 0 : s.toString()) ?? ""}\` (${typeof t.interval})`);
-    L(this, ge, t.carryoverConcurrencyCount), L(this, me, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), L(this, Re, t.intervalCap), L(this, pe, t.interval), L(this, K, new t.queueClass()), L(this, ze, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, L(this, De, t.throwOnTimeout === !0), L(this, ae, t.autoStart === !1);
+    H(this, ge, t.carryoverConcurrencyCount), H(this, me, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), H(this, Re, t.intervalCap), H(this, pe, t.interval), H(this, B, new t.queueClass()), H(this, Te, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, H(this, ze, t.throwOnTimeout === !0), H(this, oe, t.autoStart === !1);
   }
   get concurrency() {
     return _(this, ve);
@@ -390,7 +390,7 @@ class Vi extends Gi {
   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})`);
-    L(this, ve, t), $(this, D, Ne).call(this);
+    H(this, ve, t), G(this, S, Le).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -429,33 +429,33 @@ class Vi extends Gi {
       Here, the promise function with `id: '🦀'` executes last.
       */
   setPriority(t, i) {
-    _(this, K).setPriority(t, i);
+    _(this, B).setPriority(t, i);
   }
   async add(t, i = {}) {
-    return i.id ?? (i.id = (we(this, qe)._++).toString()), i = {
+    return i.id ?? (i.id = (we(this, Pe)._++).toString()), i = {
       timeout: this.timeout,
-      throwOnTimeout: _(this, De),
+      throwOnTimeout: _(this, ze),
       ...i
     }, new Promise((s, r) => {
-      _(this, K).enqueue(async () => {
+      _(this, B).enqueue(async () => {
         var o;
-        we(this, ee)._++, we(this, he)._++;
+        we(this, J)._++, we(this, he)._++;
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
-          i.timeout && (n = Fi(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, $(this, D, $t).call(this, i.signal)]));
+          i.timeout && (n = Yi(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, G(this, S, Kt).call(this, i.signal)]));
           const h = await n;
           s(h), this.emit("completed", h);
         } catch (n) {
-          if (n instanceof Ht && !i.throwOnTimeout) {
+          if (n instanceof $t && !i.throwOnTimeout) {
             s();
             return;
           }
           r(n), this.emit("error", n);
         } finally {
-          $(this, D, It).call(this);
+          G(this, S, Ft).call(this);
         }
-      }, i), this.emit("add"), $(this, D, Se).call(this);
+      }, i), this.emit("add"), G(this, S, Ne).call(this);
     });
   }
   async addAll(t, i) {
@@ -465,19 +465,19 @@ class Vi extends Gi {
   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, ae) ? (L(this, ae, !1), $(this, D, Ne).call(this), this) : this;
+    return _(this, oe) ? (H(this, oe, !1), G(this, S, Le).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
   */
   pause() {
-    L(this, ae, !0);
+    H(this, oe, !0);
   }
   /**
   Clear the queue.
   */
   clear() {
-    L(this, K, new (_(this, ze))());
+    H(this, B, new (_(this, Te))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -485,7 +485,7 @@ class Vi extends Gi {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    _(this, K).size !== 0 && await $(this, D, Ae).call(this, "empty");
+    _(this, B).size !== 0 && await G(this, S, Ae).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -495,7 +495,7 @@ class Vi extends Gi {
       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, K).size < t || await $(this, D, Ae).call(this, "next", () => _(this, K).size < t);
+    _(this, B).size < t || await G(this, S, Ae).call(this, "next", () => _(this, B).size < t);
   }
   /**
       The difference with `.onEmpty` is that `.onIdle` guarantees that all work from the queue has finished. `.onEmpty` merely signals that the queue is empty, but it could mean that some promises haven't completed yet.
@@ -503,13 +503,13 @@ class Vi extends Gi {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    _(this, ee) === 0 && _(this, K).size === 0 || await $(this, D, Ae).call(this, "idle");
+    _(this, J) === 0 && _(this, B).size === 0 || await G(this, S, Ae).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
   */
   get size() {
-    return _(this, K).size;
+    return _(this, B).size;
   }
   /**
       Size of the queue, filtered by the given options.
@@ -517,65 +517,65 @@ class Vi extends Gi {
       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, K).filter(t).length;
+    return _(this, B).filter(t).length;
   }
   /**
   Number of running items (no longer in the queue).
   */
   get pending() {
-    return _(this, ee);
+    return _(this, J);
   }
   /**
   Whether the queue is currently paused.
   */
   get isPaused() {
-    return _(this, ae);
+    return _(this, oe);
   }
 }
-ge = new WeakMap(), me = new WeakMap(), he = new WeakMap(), Re = new WeakMap(), pe = new WeakMap(), Te = new WeakMap(), J = new WeakMap(), ye = new WeakMap(), K = new WeakMap(), ze = new WeakMap(), ee = new WeakMap(), ve = new WeakMap(), ae = new WeakMap(), De = new WeakMap(), qe = new WeakMap(), D = new WeakSet(), Lt = function() {
+ge = new WeakMap(), me = new WeakMap(), he = new WeakMap(), Re = new WeakMap(), pe = new WeakMap(), ke = new WeakMap(), Z = new WeakMap(), ye = new WeakMap(), B = new WeakMap(), Te = new WeakMap(), J = new WeakMap(), ve = new WeakMap(), oe = new WeakMap(), ze = new WeakMap(), Pe = new WeakMap(), S = new WeakSet(), Gt = function() {
   return _(this, me) || _(this, he) < _(this, Re);
-}, Mt = function() {
-  return _(this, ee) < _(this, ve);
-}, It = function() {
-  we(this, ee)._--, $(this, D, Se).call(this), this.emit("next");
-}, qt = function() {
-  $(this, D, Fe).call(this), $(this, D, Ue).call(this), L(this, ye, void 0);
-}, Pt = function() {
+}, Ut = function() {
+  return _(this, J) < _(this, ve);
+}, Ft = function() {
+  we(this, J)._--, G(this, S, Ne).call(this), this.emit("next");
+}, Bt = function() {
+  G(this, S, Ye).call(this), G(this, S, Ve).call(this), H(this, ye, void 0);
+}, Wt = function() {
   const t = Date.now();
-  if (_(this, J) === void 0) {
-    const i = _(this, Te) - t;
+  if (_(this, Z) === void 0) {
+    const i = _(this, ke) - t;
     if (i < 0)
-      L(this, he, _(this, ge) ? _(this, ee) : 0);
+      H(this, he, _(this, ge) ? _(this, J) : 0);
     else
-      return _(this, ye) === void 0 && L(this, ye, setTimeout(() => {
-        $(this, D, qt).call(this);
+      return _(this, ye) === void 0 && H(this, ye, setTimeout(() => {
+        G(this, S, Bt).call(this);
       }, i)), !0;
   }
   return !1;
-}, Se = function() {
-  if (_(this, K).size === 0)
-    return _(this, J) && clearInterval(_(this, J)), L(this, J, void 0), this.emit("empty"), _(this, ee) === 0 && this.emit("idle"), !1;
-  if (!_(this, ae)) {
-    const t = !_(this, D, Pt);
-    if (_(this, D, Lt) && _(this, D, Mt)) {
-      const i = _(this, K).dequeue();
-      return i ? (this.emit("active"), i(), t && $(this, D, Ue).call(this), !0) : !1;
+}, Ne = function() {
+  if (_(this, B).size === 0)
+    return _(this, Z) && clearInterval(_(this, Z)), H(this, Z, void 0), this.emit("empty"), _(this, J) === 0 && this.emit("idle"), !1;
+  if (!_(this, oe)) {
+    const t = !_(this, S, Wt);
+    if (_(this, S, Gt) && _(this, S, Ut)) {
+      const i = _(this, B).dequeue();
+      return i ? (this.emit("active"), i(), t && G(this, S, Ve).call(this), !0) : !1;
     }
   }
   return !1;
-}, Ue = function() {
-  _(this, me) || _(this, J) !== void 0 || (L(this, J, setInterval(() => {
-    $(this, D, Fe).call(this);
-  }, _(this, pe))), L(this, Te, Date.now() + _(this, pe)));
-}, Fe = function() {
-  _(this, he) === 0 && _(this, ee) === 0 && _(this, J) && (clearInterval(_(this, J)), L(this, J, void 0)), L(this, he, _(this, ge) ? _(this, ee) : 0), $(this, D, Ne).call(this);
+}, Ve = function() {
+  _(this, me) || _(this, Z) !== void 0 || (H(this, Z, setInterval(() => {
+    G(this, S, Ye).call(this);
+  }, _(this, pe))), H(this, ke, Date.now() + _(this, pe)));
+}, Ye = function() {
+  _(this, he) === 0 && _(this, J) === 0 && _(this, Z) && (clearInterval(_(this, Z)), H(this, Z, void 0)), H(this, he, _(this, ge) ? _(this, J) : 0), G(this, S, Le).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
-Ne = function() {
-  for (; $(this, D, Se).call(this); )
+Le = function() {
+  for (; G(this, S, Ne).call(this); )
     ;
-}, $t = async function(t) {
+}, Kt = async function(t) {
   return new Promise((i, s) => {
     t.addEventListener("abort", () => {
       s(t.reason);
@@ -589,30 +589,105 @@ Ne = function() {
     this.on(t, r);
   });
 };
-const Yi = () => {
-  const c = St(), e = be(ue);
+const Zi = () => {
+  const u = Mt(), e = _e(ue);
   if (!e)
     return;
   if (e.queryFnOverride) {
     console.warn("Detected incorrect use of useRequestQueue.  This composable should not be used in nested components.  Please discuss with team-data or report an issue if you feel you have a use case.");
     return;
   }
-  const t = new Vi({
+  const t = new Xi({
     carryoverConcurrencyCount: !0,
-    concurrency: c.maxParallelRequests,
-    interval: c.requestInterval,
-    intervalCap: c.requestIntervalCap
+    concurrency: u.maxParallelRequests,
+    interval: u.requestInterval,
+    intervalCap: u.requestIntervalCap
   }), i = {
     ...e,
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  ii(ue, i);
-}, _e = {
-  useI18n: Li,
-  useEvaluateFeatureFlag: Pi,
-  useRequestQueue: Yi
-}, Qe = /* @__PURE__ */ Q({
+  ai(ue, i);
+};
+function Ji({
+  queryBridge: u,
+  context: e,
+  definition: t,
+  chartData: i
+}) {
+  const s = $(""), r = $("");
+  Qe(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)) ?? "";
+  });
+  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 && ["api_usage", "llm_usage", "basic"].includes(t.value.query.datasource)), l = N(() => i.value ? Ke(i.value.meta.granularity_ms) : void 0), d = N(() => {
+    var D;
+    const w = [...e.value.filters, ...t.value.query.filters ?? []], E = ((D = t.value.query) == null ? void 0 : D.datasource) ?? "api_usage";
+    return w.filter((C) => Ot(C.field).some((A) => E === A));
+  }), a = N(() => {
+    if (!h.value || !o.value)
+      return "";
+    const w = d.value, E = t.value.query.time_range || e.value.timeSpec, D = m(E, w);
+    return k(D);
+  }), f = N(() => {
+    if (!n.value || !o.value)
+      return "";
+    const w = [...e.value.filters, ...t.value.query.filters ?? []], E = g(
+      t.value.query.time_range || e.value.timeSpec,
+      w
+    );
+    return p(E);
+  }), p = (w) => n.value ? `${r.value}?q=${JSON.stringify(w)}` : "", g = (w, E) => {
+    var D, C;
+    return {
+      filter: E,
+      timeframe: {
+        timePeriodsKey: w.type === "relative" ? w.time_range : "custom",
+        start: w.type === "absolute" ? (D = i.value) == null ? void 0 : D.meta.start_ms : void 0,
+        end: w.type === "absolute" ? (C = i.value) == null ? void 0 : C.meta.end_ms : void 0
+      }
+    };
+  }, y = (w, E) => ({
+    filter: E,
+    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
+    }
+  }), m = (w, E) => {
+    const D = t.value.query.dimensions ?? [];
+    return {
+      filters: E,
+      metrics: t.value.query.metrics ?? [],
+      dimensions: D,
+      time_range: w,
+      granularity: t.value.query.granularity || l.value
+    };
+  }, k = (w) => {
+    var D, C;
+    if (!h.value)
+      return "";
+    const E = ((D = t.value.query) == null ? void 0 : D.datasource) === "basic" ? "api_usage" : (C = t.value.query) == null ? void 0 : C.datasource;
+    return `${s.value}?q=${JSON.stringify(w)}&d=${E}&c=${t.value.chart.type}`;
+  };
+  return {
+    exploreLinkKebabMenu: a,
+    requestsLinkKebabMenu: f,
+    canShowKebabMenu: o,
+    canGenerateRequestsLink: n,
+    canGenerateExploreLink: h,
+    buildExploreQuery: m,
+    buildRequestsQueryZoomActions: y,
+    buildExploreLink: k,
+    buildRequestLink: p
+  };
+}
+const ce = {
+  useI18n: Pi,
+  useEvaluateFeatureFlag: Fi,
+  useRequestQueue: Zi,
+  useContextLinks: Ji
+}, tt = /* @__PURE__ */ Q({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -621,54 +696,54 @@ const Yi = () => {
     refreshCounter: {}
   },
   emits: ["chart-data", "queryComplete"],
-  setup(c, { emit: e }) {
-    const t = c, i = e, { i18n: s } = _e.useI18n(), r = be(ue), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
-    We(() => {
+  setup(u, { emit: e }) {
+    const t = u, i = e, { i18n: s } = ce.useI18n(), r = _e(ue), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
+    je(() => {
       n.abort();
     });
-    const h = (R, H, T) => {
-      const q = [];
-      return H && q.push(...H), q.push(...li(R, T)), q;
-    }, { data: l, error: d, isValidating: a } = pi(o, async () => {
-      var R, H, T, q;
+    const h = (k, w, E) => {
+      const D = [];
+      return w && D.push(...w), D.push(...fi(k, E)), D;
+    }, { data: l, error: d, isValidating: a } = bi(o, async () => {
+      var k, w, E, D;
       try {
         let {
-          datasource: x,
-          ...E
+          datasource: C,
+          ...R
         } = t.query;
-        x || (x = "basic");
-        const A = h(x, t.query.filters, t.context.filters);
-        let N = t.query.time_range;
-        N ? N.tz || (N = {
-          ...N,
+        C || (C = "basic");
+        const A = h(C, t.query.filters, t.context.filters);
+        let L = t.query.time_range;
+        L ? L.tz || (L = {
+          ...L,
           tz: t.context.tz
-        }) : N = {
+        }) : L = {
           ...t.context.timeSpec,
           tz: t.context.tz
         };
-        const G = {
-          datasource: x,
+        const U = {
+          datasource: C,
           query: {
-            ...E,
-            time_range: N,
+            ...R,
+            time_range: L,
             filters: A
           }
-        }, U = await (r == null ? void 0 : r.queryFn(G, n));
-        return g.value = null, U;
-      } catch (x) {
-        throw (x == null ? void 0 : x.status) === 403 ? g.value = {
+        }, ee = await (r == null ? void 0 : r.queryFn(U, n));
+        return g.value = null, ee;
+      } catch (C) {
+        throw (C == null ? void 0 : C.status) === 403 ? g.value = {
           message: s.t("queryDataProvider.forbidden"),
           type: "forbidden"
-        } : (x == null ? void 0 : x.status) === 408 ? g.value = {
+        } : (C == null ? void 0 : C.status) === 408 ? g.value = {
           message: s.t("queryDataProvider.timeout"),
           type: "timeout"
-        } : ((H = (R = x == null ? void 0 : x.response) == null ? void 0 : R.data) == null ? void 0 : H.message) === "Range not allowed for this tier" ? g.value = {
+        } : ((w = (k = C == null ? void 0 : C.response) == null ? void 0 : k.data) == null ? void 0 : w.message) === "Range not allowed for this tier" ? g.value = {
           message: s.t("queryDataProvider.timeRangeExceeded"),
           type: "range_exceeded"
         } : g.value = {
-          message: ((q = (T = x == null ? void 0 : x.response) == null ? void 0 : T.data) == null ? void 0 : q.message) || (x == null ? void 0 : x.message),
+          message: ((D = (E = C == null ? void 0 : C.response) == null ? void 0 : E.data) == null ? void 0 : D.message) || (C == null ? void 0 : C.message),
           type: "other"
-        }, x;
+        }, C;
       } finally {
         i("queryComplete");
       }
@@ -676,48 +751,48 @@ const Yi = () => {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
-    }), { state: f, swrvState: y } = Ti(l, d, a), g = B(null), v = S(() => f.value === y.ERROR || !!g.value), p = S(() => !t.queryReady || f.value === y.PENDING);
-    return Ke(l, (R) => {
-      R && i("chart-data", R);
-    }), (R, H) => {
-      var x;
-      const T = de("KSkeleton"), q = de("KEmptyState");
-      return p.value || !k(l) && !v.value ? (C(), M(T, {
+    }), { state: f, swrvState: p } = Si(l, d, a), g = $(null), y = N(() => f.value === p.ERROR || !!g.value), m = N(() => !t.queryReady || f.value === p.PENDING);
+    return Xe(l, (k) => {
+      k && i("chart-data", k);
+    }), (k, w) => {
+      var C;
+      const E = de("KSkeleton"), D = de("KEmptyState");
+      return m.value || !T(l) && !y.value ? (z(), M(E, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : v.value && ((x = g.value) == null ? void 0 : x.type) === "forbidden" ? (C(), M(q, {
+      })) : y.value && ((C = g.value) == null ? void 0 : C.type) === "forbidden" ? (z(), M(D, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-forbidden-state"
       }, {
-        default: I(() => [
+        default: q(() => [
           Ee(te(g.value.message), 1)
         ]),
-        icon: I(() => [
-          se(k(_i))
+        icon: q(() => [
+          se(T(xi))
         ]),
         _: 1
-      })) : v.value ? (C(), M(q, {
+      })) : y.value ? (z(), M(D, {
         key: 2,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state",
         "icon-variant": "error"
       }, {
-        default: I(() => {
-          var E;
+        default: q(() => {
+          var R;
           return [
-            Ee(te((E = g.value) == null ? void 0 : E.message), 1)
+            Ee(te((R = g.value) == null ? void 0 : R.message), 1)
           ];
         }),
         _: 1
-      })) : k(l) ? Pe(R.$slots, "default", {
+      })) : T(l) ? $e(k.$slots, "default", {
         key: 3,
-        data: k(l)
-      }) : X("", !0);
+        data: T(l)
+      }) : Y("", !0);
     };
   }
-}), ji = /* @__PURE__ */ Q({
+}), es = /* @__PURE__ */ Q({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -726,24 +801,25 @@ const Yi = () => {
     chartOptions: {},
     height: {},
     refreshCounter: {},
-    requestsLink: {}
+    requestsLink: {},
+    exploreLink: {}
   },
-  setup(c) {
-    Ve((i) => ({
+  setup(u) {
+    Ze((i) => ({
       "088169ae": `${i.height}px`
     }));
-    const e = c, t = S(() => e.chartOptions.type === "single_value");
-    return (i, s) => (C(), M(Qe, {
+    const e = u, t = N(() => e.chartOptions.type === "single_value");
+    return (i, s) => (z(), M(tt, {
       context: i.context,
       query: i.query,
       "query-ready": i.queryReady,
       "refresh-counter": i.refreshCounter
     }, {
-      default: I(({ data: r }) => [
+      default: q(({ data: r }) => [
         le("div", {
-          class: Ye(["analytics-chart", { "single-value": t.value }])
+          class: Je(["analytics-chart", { "single-value": t.value }])
         }, [
-          se(k(ci), {
+          se(T(pi), {
             "chart-data": r,
             "chart-options": i.chartOptions,
             "synthetics-data-key": t.value ? void 0 : i.chartOptions.synthetics_data_key
@@ -753,12 +829,12 @@ const Yi = () => {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), ce = (c, e) => {
-  const t = c.__vccOpts || c;
+}), fe = (u, e) => {
+  const t = u.__vccOpts || u;
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, gt = /* @__PURE__ */ ce(ji, [["__scopeId", "data-v-1e9ff912"]]), Xi = { class: "analytics-chart" }, Qi = /* @__PURE__ */ Q({
+}, _t = /* @__PURE__ */ fe(es, [["__scopeId", "data-v-1e9ff912"]]), ts = { class: "analytics-chart" }, is = /* @__PURE__ */ Q({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -768,63 +844,65 @@ const Yi = () => {
     height: {},
     refreshCounter: {},
     requestsLink: {},
+    exploreLink: {},
     extraProps: {}
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range", "view-requests", "select-chart-range"],
-  setup(c, { emit: e }) {
-    const t = c, i = e, { i18n: s } = _e.useI18n(), { evaluateFeatureFlag: r } = _e.useEvaluateFeatureFlag(), o = r("ma-4135-allow-zooming-all-dashboard-tiles", !1), n = S(() => ({
+  setup(u, { emit: e }) {
+    const t = u, i = e, { i18n: s } = ce.useI18n(), { evaluateFeatureFlag: r } = ce.useEvaluateFeatureFlag(), o = r("ma-4135-allow-zooming-all-dashboard-tiles", !1), n = N(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chart_dataset_colors,
       threshold: t.chartOptions.threshold
-    })), h = S(() => o ? t.context.zoomable : t.context.zoomable && !t.query.time_range), l = () => {
+    })), h = N(() => 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 y = de("KDropdownItem");
-      return C(), M(Qe, {
+      const p = de("KDropdownItem");
+      return z(), M(tt, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
         "refresh-counter": a.refreshCounter,
         onChartData: d
       }, {
-        default: I(({ data: g }) => [
-          le("div", Xi, [
-            se(k(fi), xt({
+        default: q(({ data: g }) => [
+          le("div", ts, [
+            se(T(yi), zt({
               "chart-data": g,
               "chart-options": n.value,
+              "explore-link": a.exploreLink,
               "legend-position": "bottom",
               "requests-link": a.requestsLink,
               "synthetics-data-key": a.chartOptions.synthetics_data_key,
               "timeseries-zoom": h.value,
               "tooltip-title": ""
             }, a.extraProps, {
-              onSelectChartRange: f[0] || (f[0] = (v) => i("select-chart-range", v)),
-              onZoomTimeRange: f[1] || (f[1] = (v) => i("zoom-time-range", v))
-            }), je({ _: 2 }, [
+              onSelectChartRange: f[0] || (f[0] = (y) => i("select-chart-range", y)),
+              onZoomTimeRange: f[1] || (f[1] = (y) => i("zoom-time-range", y))
+            }), et({ _: 2 }, [
               a.context.editable ? {
                 name: "menu-items",
-                fn: I(() => [
-                  se(y, { onClick: l }, {
-                    default: I(() => [
-                      Ee(te(k(s).t("renderer.edit")), 1)
+                fn: q(() => [
+                  se(p, { onClick: l }, {
+                    default: q(() => [
+                      Ee(te(T(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 key: "0"
               } : void 0
-            ]), 1040, ["chart-data", "chart-options", "requests-link", "synthetics-data-key", "timeseries-zoom"])
+            ]), 1040, ["chart-data", "chart-options", "explore-link", "requests-link", "synthetics-data-key", "timeseries-zoom"])
           ])
         ]),
         _: 1
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), Ze = /* @__PURE__ */ ce(Qi, [["__scopeId", "data-v-959ffa20"]]), mt = /* @__PURE__ */ Q({
+}), it = /* @__PURE__ */ fe(is, [["__scopeId", "data-v-965790dd"]]), bt = /* @__PURE__ */ Q({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -833,10 +911,11 @@ const Yi = () => {
     chartOptions: {},
     height: {},
     refreshCounter: {},
-    requestsLink: {}
+    requestsLink: {},
+    exploreLink: {}
   },
-  setup(c) {
-    return (e, t) => (C(), M(Ze, {
+  setup(u) {
+    return (e, t) => (z(), M(it, {
       "chart-options": e.chartOptions,
       context: e.context,
       "extra-props": { showAnnotations: !1 },
@@ -846,7 +925,7 @@ const Yi = () => {
       "refresh-counter": e.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), pt = /* @__PURE__ */ Q({
+}), wt = /* @__PURE__ */ Q({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -855,14 +934,16 @@ const Yi = () => {
     chartOptions: {},
     height: {},
     refreshCounter: {},
-    requestsLink: {}
+    requestsLink: {},
+    exploreLink: {}
   },
   emits: ["zoom-time-range", "select-chart-range"],
-  setup(c, { emit: e }) {
+  setup(u, { emit: e }) {
     const t = e;
-    return (i, s) => (C(), M(Ze, {
+    return (i, s) => (z(), M(it, {
       "chart-options": i.chartOptions,
       context: i.context,
+      "explore-link": i.exploreLink,
       height: i.height,
       query: i.query,
       "query-ready": i.queryReady,
@@ -870,9 +951,9 @@ const Yi = () => {
       "requests-link": i.requestsLink,
       onSelectChartRange: s[0] || (s[0] = (r) => t("select-chart-range", r)),
       onZoomTimeRange: s[1] || (s[1] = (r) => t("zoom-time-range", r))
-    }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter", "requests-link"]));
+    }, null, 8, ["chart-options", "context", "explore-link", "height", "query", "query-ready", "refresh-counter", "requests-link"]));
   }
-}), Zi = { class: "metric-card-tile-wrapper" }, Ji = /* @__PURE__ */ Q({
+}), ss = { class: "metric-card-tile-wrapper" }, rs = /* @__PURE__ */ Q({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -881,13 +962,14 @@ const Yi = () => {
     chartOptions: {},
     height: {},
     refreshCounter: {},
-    requestsLink: {}
+    requestsLink: {},
+    exploreLink: {}
   },
-  setup(c) {
-    const e = c, t = S(() => {
+  setup(u) {
+    const e = u, t = N(() => {
       const s = e.context.timeSpec;
       if (s.type === "absolute")
-        return new hi({
+        return new gi({
           key: "custom",
           timeframeText: "custom",
           display: "custom",
@@ -899,11 +981,11 @@ const Yi = () => {
           isRelative: !1,
           allowedTiers: ["free", "plus", "enterprise"]
         });
-      const r = kt.get(s.time_range);
+      const r = Ht.get(s.time_range);
       if (!r)
         throw new Error("Unknown time range");
       return r;
-    }), i = S(() => {
+    }), i = N(() => {
       var r, o;
       const s = (r = e.query) == null ? void 0 : r.datasource;
       if (s && s !== "api_usage" && s !== "basic")
@@ -921,27 +1003,27 @@ const Yi = () => {
         refreshCounter: e.refreshCounter
       };
     });
-    return (s, r) => (C(), V("div", Zi, [
-      se(k(xi), si(ri(i.value)), {
-        default: I(() => [
-          se(k(Ci))
+    return (s, r) => (z(), W("div", ss, [
+      se(T(Ti), li(hi(i.value)), {
+        default: q(() => [
+          se(T(zi))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), es = /* @__PURE__ */ ce(Ji, [["__scopeId", "data-v-7e1b1cc1"]]), yt = "#6c7489", ts = "12px", vt = "20px", Bt = "20px", is = {
+}), ns = /* @__PURE__ */ fe(rs, [["__scopeId", "data-v-7e1b1cc1"]]), Et = "#6c7489", os = "12px", xt = "20px", Vt = "20px", as = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, _t = /* @__PURE__ */ Q({
+}, Ct = /* @__PURE__ */ Q({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
-  setup(c) {
-    return (e, t) => (C(), V("div", is, te(e.entityLinkData.label), 1));
+  setup(u) {
+    return (e, t) => (z(), W("div", as, te(e.entityLinkData.label), 1));
   }
-}), ss = /* @__PURE__ */ Q({
+}), ls = /* @__PURE__ */ Q({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -950,42 +1032,43 @@ const Yi = () => {
     chartOptions: {},
     height: {},
     refreshCounter: {},
-    requestsLink: {}
+    requestsLink: {},
+    exploreLink: {}
   },
-  setup(c) {
-    const e = c, t = be(ue), i = Ct(async () => {
+  setup(u) {
+    const e = u, t = _e(ue), i = Dt(async () => {
       if (t != null && t.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
         } catch {
-          return _t;
+          return Ct;
         }
-      return _t;
+      return Ct;
     }), 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(Mi, n).replace(ut, h);
+          return e.chartOptions.entity_link.replace($i, n).replace(pt, h);
         } else
-          return e.chartOptions.entity_link.replace(ut, r.id);
+          return e.chartOptions.entity_link.replace(pt, r.id);
       return "";
     };
-    return (r, o) => (C(), M(Qe, {
+    return (r, o) => (z(), M(tt, {
       context: r.context,
       query: r.query,
       "query-ready": r.queryReady,
       "refresh-counter": r.refreshCounter
     }, {
-      default: I(({ data: n }) => [
-        se(k(gi), {
+      default: q(({ data: n }) => [
+        se(T(vi), {
           data: n,
           "synthetics-data-key": r.chartOptions.synthetics_data_key
-        }, je({ _: 2 }, [
+        }, et({ _: 2 }, [
           e.chartOptions.entity_link ? {
             name: "name",
-            fn: I(({ record: h }) => [
-              se(k(i), {
+            fn: q(({ record: h }) => [
+              se(T(i), {
                 "entity-link-data": {
                   id: h.id,
                   label: h.name,
@@ -1001,7 +1084,7 @@ const Yi = () => {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), rs = /* @__PURE__ */ Q({
+}), hs = /* @__PURE__ */ Q({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1010,10 +1093,11 @@ const Yi = () => {
     chartOptions: {},
     height: {},
     refreshCounter: {},
-    requestsLink: {}
+    requestsLink: {},
+    exploreLink: {}
   },
-  setup(c) {
-    return (e, t) => (C(), M(Ze, {
+  setup(u) {
+    return (e, t) => (z(), M(it, {
       "chart-options": e.chartOptions,
       context: e.context,
       height: e.height,
@@ -1022,76 +1106,66 @@ const Yi = () => {
       "refresh-counter": e.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), ns = ["data-testid"], os = {
+}), ds = ["data-testid"], us = {
   key: 0,
   class: "tile-header"
-}, as = ["data-testid"], ls = { class: "badge-text" }, hs = ["data-testid"], ds = { class: "delete-option" }, us = ["data-testid"], cs = ["data-testid"], fs = /* @__PURE__ */ Q({
+}, cs = ["data-testid"], fs = { class: "badge-text" }, gs = ["data-testid"], ms = { class: "delete-option" }, ps = ["data-testid"], ys = ["data-testid"], vs = /* @__PURE__ */ Q({
   __name: "DashboardTile",
   props: {
     definition: {},
     context: {},
-    height: { default: $e },
+    height: { default: Ge },
     queryReady: { type: Boolean },
     refreshCounter: {},
     tileId: {}
   },
   emits: ["edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom"],
-  setup(c, { emit: e }) {
-    Ve((m) => ({
-      "01c2c4e4": `${m.height}px`
+  setup(u, { emit: e }) {
+    Ze((v) => ({
+      "3d5e4dab": `${v.height}px`
     }));
-    const t = parseInt(Bt, 10), i = c, s = e, r = Ct(() => import("./GeoMapRenderer-DqEby8vN.js")), o = be(ue), n = o == null ? void 0 : o.evaluateFeatureFlagFn("analytics-chart-zoom-actions", !1), { i18n: h } = _e.useI18n(), l = B(), d = B(!1), a = B(), f = B(!1), y = B(""), g = B(""), v = B(void 0), p = B(!0);
-    Xe(async () => {
-      var m, z;
-      y.value = await ((m = o == null ? void 0 : o.exploreBaseUrl) == null ? void 0 : m.call(o)) ?? "", g.value = await ((z = o == null ? void 0 : o.requestsBaseUrl) == null ? void 0 : z.call(o)) ?? "";
-    }), Ke(() => i.definition, async () => {
-      await Rt(), a.value && (f.value = a.value.scrollWidth > a.value.clientWidth), p.value = !0;
+    const t = parseInt(Vt, 10), i = u, s = e, r = Dt(() => import("./GeoMapRenderer-ZojWjKPk.js")), o = _e(ue), n = o == null ? void 0 : o.evaluateFeatureFlagFn("analytics-chart-zoom-actions", !1), { i18n: h } = ce.useI18n(), l = $(), d = $(!1), a = $(), f = $(!1), p = $(void 0), g = $(void 0), y = $(!0), {
+      exploreLinkKebabMenu: m,
+      requestsLinkKebabMenu: k,
+      canShowKebabMenu: w,
+      canGenerateRequestsLink: E,
+      canGenerateExploreLink: D,
+      buildExploreQuery: C,
+      buildExploreLink: R,
+      buildRequestLink: A,
+      buildRequestsQueryZoomActions: L
+    } = ce.useContextLinks({
+      queryBridge: o,
+      chartData: We(l),
+      definition: We(ct(i, "definition")),
+      context: We(ct(i, "context"))
+    });
+    Xe(() => i.definition, async () => {
+      await St(), a.value && (f.value = a.value.scrollWidth > a.value.clientWidth), y.value = !0;
     }, { immediate: !0, deep: !0 });
-    const R = S(() => {
-      if (!y.value || !i.definition.query || !E.value)
-        return "";
-      const m = Ft.value, z = i.definition.query.dimensions ?? [], O = {
-        filters: m,
-        metrics: i.definition.query.metrics ?? [],
-        dimensions: z,
-        time_range: i.definition.query.time_range || i.context.timeSpec,
-        granularity: i.definition.query.granularity || fe.value
-      }, F = ["api_usage", "llm_usage"].includes(i.definition.query.datasource) ? i.definition.query.datasource : "api_usage";
-      return `${y.value}?q=${JSON.stringify(O)}&d=${F}&c=${i.definition.chart.type}`;
-    }), H = S(() => {
-      var m;
-      return g.value && i.definition.query && ((m = i.definition.query) == null ? void 0 : m.datasource) !== "llm_usage";
-    }), T = S(() => {
-      if (!H.value || !E.value)
-        return "";
-      const m = [...i.context.filters, ...i.definition.query.filters ?? []], z = Qt(
-        i.definition.query.time_range || i.context.timeSpec,
-        m
-      );
-      return `${g.value}?q=${JSON.stringify(z)}`;
-    }), q = S(() => h.t("csvExport.defaultFilename")), x = S(() => E.value && (A.value || i.context.editable) || !!oe.value), E = S(() => !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), A = S(() => !!R.value || "allow_csv_export" in i.definition.chart && i.definition.chart.allow_csv_export || i.context.editable), N = {
-      timeseries_line: pt,
-      timeseries_bar: pt,
-      horizontal_bar: mt,
-      vertical_bar: mt,
-      gauge: gt,
-      donut: rs,
-      golden_signals: es,
-      top_n: ss,
+    const U = N(() => h.t("csvExport.defaultFilename")), ee = N(() => w.value && (ae.value || i.context.editable) || !!Fe.value), ae = N(() => !!m.value || "allow_csv_export" in i.definition.chart && i.definition.chart.allow_csv_export || i.context.editable), De = {
+      timeseries_line: wt,
+      timeseries_bar: wt,
+      horizontal_bar: bt,
+      vertical_bar: bt,
+      gauge: _t,
+      donut: hs,
+      golden_signals: ns,
+      top_n: ls,
       slottable: void 0,
-      single_value: gt,
+      single_value: _t,
       choropleth_map: r
-    }, G = S(() => {
-      var m, z;
+    }, Se = N(() => {
+      var v, O;
       return {
-        ...(m = U.value) != null && m.rendererEvents.supportsRequests ? { "select-chart-range": Jt } : {},
-        ...(z = U.value) != null && z.rendererEvents.supportsZoom ? { "zoom-time-range": Xt } : {}
+        ...(v = be.value) != null && v.rendererEvents.supportsRequests ? { "select-chart-range": ri } : {},
+        ...(O = be.value) != null && O.rendererEvents.supportsZoom ? { "zoom-time-range": si } : {}
       };
-    }), U = S(() => {
-      var F, Y;
-      const m = N[i.definition.chart.type], z = !!((F = m == null ? void 0 : m.emits) != null && F.includes("select-chart-range")), O = !!((Y = m == null ? void 0 : m.emits) != null && Y.includes("zoom-time-range"));
-      return m && {
-        component: m,
+    }), be = N(() => {
+      var j, K;
+      const v = De[i.definition.chart.type], O = !!((j = v == null ? void 0 : v.emits) != null && j.includes("select-chart-range")), I = !!((K = v == null ? void 0 : v.emits) != null && K.includes("zoom-time-range"));
+      return v && {
+        component: v,
         rendererProps: {
           query: i.definition.query,
           context: i.context,
@@ -1099,223 +1173,203 @@ const Yi = () => {
           chartOptions: i.definition.chart,
           height: i.height - t * 2,
           refreshCounter: i.refreshCounter,
-          requestsLink: v.value
+          requestsLink: p.value,
+          exploreLink: g.value
         },
         rendererEvents: {
-          supportsRequests: z,
-          supportsZoom: O
+          supportsRequests: O,
+          supportsZoom: I
         }
       };
-    }), oe = S(() => {
-      var z;
-      const m = (z = i.definition.query) == null ? void 0 : z.time_range;
-      if ((m == null ? void 0 : m.type) === "relative") {
-        const O = kt.get(di[m.time_range]);
-        return O ? O.display : (console.warn("Did not recognize the given relative time range:", m.time_range), m.time_range);
-      } else if ((m == null ? void 0 : m.type) === "absolute") {
-        const O = m.tz || "Etc/UTC";
-        return `${ht(m.start, { short: !0, tz: O })} - ${ht(m.end, { short: !0, tz: O })}`;
+    }), Fe = N(() => {
+      var O;
+      const v = (O = i.definition.query) == null ? void 0 : O.time_range;
+      if ((v == null ? void 0 : v.type) === "relative") {
+        const I = Ht.get(mi[v.time_range]);
+        return I ? I.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 I = v.tz || "Etc/UTC";
+        return `${mt(v.start, { short: !0, tz: I })} - ${mt(v.end, { short: !0, tz: I })}`;
       }
       return null;
-    }), fe = S(() => l.value ? dt(l.value.meta.granularity_ms) : void 0), ke = S(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), tt = S(() => {
-      var z, O;
-      if (!ke.value || !i.queryReady || p.value)
+    }), nt = N(() => l.value ? Ke(l.value.meta.granularity_ms) : void 0), Qt = N(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), ot = N(() => {
+      var O, I;
+      if (!Qt.value || !i.queryReady || y.value)
         return !1;
-      const m = (O = (z = i.definition) == null ? void 0 : z.query) == null ? void 0 : O.granularity;
-      return !m || !fe.value ? !1 : m !== fe.value;
-    }), Ut = S(() => {
-      var O, F, Y;
-      const m = dt(((O = l.value) == null ? void 0 : O.meta.granularity_ms) ?? 0) ?? "unknown", z = ((Y = (F = i.definition) == null ? void 0 : F.query) == null ? void 0 : Y.granularity) ?? "unknown";
+      const v = (I = (O = i.definition) == null ? void 0 : O.query) == null ? void 0 : I.granularity;
+      return !v || !nt.value ? !1 : v !== nt.value;
+    }), jt = N(() => {
+      var I, j, K;
+      const v = Ke(((I = l.value) == null ? void 0 : I.meta.granularity_ms) ?? 0) ?? "unknown", O = ((K = (j = i.definition) == null ? void 0 : j.query) == null ? void 0 : K.granularity) ?? "unknown";
       return h.t("query_aged_out_warning", {
-        currentGranularity: h.t(`granularities.${m}`),
-        savedGranularity: h.t(`granularities.${z}`)
+        currentGranularity: h.t(`granularities.${v}`),
+        savedGranularity: h.t(`granularities.${O}`)
       });
-    }), Ft = S(() => {
-      var O, F;
-      const m = [...i.context.filters, ...i.definition.query.filters ?? []], z = ((F = (O = i.definition) == null ? void 0 : O.query) == null ? void 0 : F.datasource) ?? "api_usage";
-      return m.filter((Y) => ui(Y.field).some((rt) => z === rt));
-    }), Wt = () => {
+    }), Xt = N(() => {
+      var I, j;
+      const v = [...i.context.filters, ...i.definition.query.filters ?? []], O = ((j = (I = i.definition) == null ? void 0 : I.query) == null ? void 0 : j.datasource) ?? "api_usage";
+      return v.filter((K) => Ot(K.field).some((ht) => O === ht));
+    }), Zt = () => {
       s("edit-tile", i.definition);
-    }, Kt = () => {
+    }, Jt = () => {
       s("duplicate-tile", i.definition);
-    }, Vt = () => {
+    }, ei = () => {
       s("remove-tile", i.definition);
-    }, Yt = (m) => {
-      l.value = m, p.value = !1;
-    }, it = (m) => {
-      d.value = m;
-    }, jt = () => {
-      it(!0);
-    }, Xt = (m) => {
-      const z = {
+    }, ti = (v) => {
+      l.value = v, y.value = !1;
+    }, at = (v) => {
+      d.value = v;
+    }, ii = () => {
+      at(!0);
+    }, si = (v) => {
+      const O = {
         tileId: i.tileId.toString(),
-        timeRange: m
+        timeRange: v
       };
-      s("tile-time-range-zoom", z);
-    }, Qt = (m, z) => {
-      var O, F;
-      return {
-        filter: z,
-        timeframe: {
-          timePeriodsKey: m.type === "relative" ? m.time_range : "custom",
-          start: m.type === "absolute" ? (O = l.value) == null ? void 0 : O.meta.start_ms : void 0,
-          end: m.type === "absolute" ? (F = l.value) == null ? void 0 : F.meta.end_ms : void 0
-        }
-      };
-    }, Zt = (m, z) => ({
-      filter: z,
-      timeframe: {
-        timePeriodsKey: m.type === "relative" ? m.time_range : "custom",
-        start: m.type === "absolute" ? m.start : void 0,
-        end: m.type === "absolute" ? m.end : void 0
-      }
-    }), Jt = (m) => {
-      if (!H.value) {
-        v.value = void 0;
-        return;
-      }
-      const z = [...i.context.filters, ...i.definition.query.filters ?? []], O = Zt(m, z);
-      v.value = { href: `${g.value}?q=${JSON.stringify(O)}` };
+      s("tile-time-range-zoom", O);
+    }, ri = (v) => {
+      const O = Xt.value, I = L(v, O), j = C(v, O);
+      p.value = E.value ? { href: A(I) } : void 0, g.value = D.value ? { href: R(j) } : void 0;
     };
-    return (m, z) => {
-      const O = de("KTooltip"), F = de("KBadge"), Y = de("KDropdownItem"), st = de("KDropdown");
-      return C(), V("div", {
-        class: Ye(["tile-boundary", { editable: m.context.editable }]),
-        "data-testid": `tile-${m.tileId}`
+    return (v, O) => {
+      const I = de("KTooltip"), j = de("KBadge"), K = de("KDropdownItem"), lt = de("KDropdown");
+      return z(), W("div", {
+        class: Je(["tile-boundary", { editable: v.context.editable }]),
+        "data-testid": `tile-${v.tileId}`
       }, [
-        m.definition.chart.type !== "slottable" ? (C(), V("div", os, [
-          se(O, {
+        v.definition.chart.type !== "slottable" ? (z(), W("div", us, [
+          se(I, {
             class: "title-tooltip",
             disabled: !f.value,
             "max-width": "500",
-            text: m.definition.chart.chart_title
+            text: v.definition.chart.chart_title
           }, {
-            default: I(() => [
+            default: q(() => [
               le("div", {
                 ref_key: "titleRef",
                 ref: a,
                 class: "title"
-              }, te(m.definition.chart.chart_title), 513)
+              }, te(v.definition.chart.chart_title), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          x.value ? (C(), V("div", {
+          ee.value ? (z(), W("div", {
             key: 0,
             class: "tile-actions",
-            "data-testid": `tile-actions-${m.tileId}`
+            "data-testid": `tile-actions-${v.tileId}`
           }, [
-            oe.value ? (C(), M(F, {
+            Fe.value ? (z(), M(j, {
               key: 0,
               "data-testid": "time-range-badge",
-              tooltip: tt.value ? Ut.value : void 0,
+              tooltip: ot.value ? jt.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
-            }, je({
-              default: I(() => [
-                le("span", ls, te(oe.value), 1)
+            }, et({
+              default: q(() => [
+                le("span", fs, te(Fe.value), 1)
               ]),
               _: 2
             }, [
-              tt.value ? {
+              ot.value ? {
                 name: "icon",
-                fn: I(() => [
-                  se(k(bi), { size: k(ts) }, null, 8, ["size"])
+                fn: q(() => [
+                  se(T(Ci), { size: T(os) }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["tooltip"])) : X("", !0),
-            E.value && m.context.editable ? (C(), M(k(wi), {
+            ]), 1032, ["tooltip"])) : Y("", !0),
+            T(w) && v.context.editable ? (z(), M(T(Ri), {
               key: 1,
               class: "edit-icon",
-              color: k(yt),
-              "data-testid": `edit-tile-${m.tileId}`,
-              size: k(vt),
-              onClick: Wt
-            }, null, 8, ["color", "data-testid", "size"])) : X("", !0),
-            E.value && A.value ? (C(), M(st, {
+              color: T(Et),
+              "data-testid": `edit-tile-${v.tileId}`,
+              size: T(xt),
+              onClick: Zt
+            }, null, 8, ["color", "data-testid", "size"])) : Y("", !0),
+            T(w) && ae.value ? (z(), M(lt, {
               key: 2,
               class: "dropdown",
-              "data-testid": `chart-action-menu-${m.tileId}`,
+              "data-testid": `chart-action-menu-${v.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
-              items: I(() => [
-                R.value ? (C(), M(Y, {
+              items: q(() => [
+                T(m) ? (z(), M(K, {
                   key: 0,
-                  "data-testid": `chart-jump-to-explore-${m.tileId}`,
-                  item: { label: k(h).t("jumpToExplore"), to: R.value }
-                }, null, 8, ["data-testid", "item"])) : X("", !0),
-                k(n) && T.value ? (C(), M(Y, {
+                  "data-testid": `chart-jump-to-explore-${v.tileId}`,
+                  item: { label: T(h).t("jumpToExplore"), to: T(m) }
+                }, null, 8, ["data-testid", "item"])) : Y("", !0),
+                T(n) && T(k) ? (z(), M(K, {
                   key: 1,
-                  "data-testid": `chart-jump-to-requests-${m.tileId}`,
-                  item: { label: k(h).t("jumpToRequests"), to: T.value }
-                }, null, 8, ["data-testid", "item"])) : X("", !0),
-                !("allow_csv_export" in m.definition.chart) || m.definition.chart.allow_csv_export ? (C(), M(Y, {
+                  "data-testid": `chart-jump-to-requests-${v.tileId}`,
+                  item: { label: T(h).t("jumpToRequests"), to: T(k) }
+                }, null, 8, ["data-testid", "item"])) : Y("", !0),
+                !("allow_csv_export" in v.definition.chart) || v.definition.chart.allow_csv_export ? (z(), M(K, {
                   key: 2,
                   class: "chart-export-button",
-                  "data-testid": `chart-csv-export-${m.tileId}`,
-                  onClick: z[0] || (z[0] = (rt) => jt())
+                  "data-testid": `chart-csv-export-${v.tileId}`,
+                  onClick: O[0] || (O[0] = (ht) => ii())
                 }, {
-                  default: I(() => [
+                  default: q(() => [
                     le("span", {
                       class: "chart-export-trigger",
-                      "data-testid": `csv-export-button-${m.tileId}`
-                    }, te(k(h).t("csvExport.exportAsCsv")), 9, hs)
+                      "data-testid": `csv-export-button-${v.tileId}`
+                    }, te(T(h).t("csvExport.exportAsCsv")), 9, gs)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : X("", !0),
-                m.context.editable ? (C(), M(Y, {
+                }, 8, ["data-testid"])) : Y("", !0),
+                v.context.editable ? (z(), M(K, {
                   key: 3,
-                  "data-testid": `duplicate-tile-${m.tileId}`,
-                  onClick: Kt
+                  "data-testid": `duplicate-tile-${v.tileId}`,
+                  onClick: Jt
                 }, {
-                  default: I(() => [
-                    Ee(te(k(h).t("renderer.duplicateTile")), 1)
+                  default: q(() => [
+                    Ee(te(T(h).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : X("", !0),
-                m.context.editable ? (C(), M(Y, {
+                }, 8, ["data-testid"])) : Y("", !0),
+                v.context.editable ? (z(), M(K, {
                   key: 4,
-                  "data-testid": `remove-tile-${m.tileId}`,
-                  onClick: Vt
+                  "data-testid": `remove-tile-${v.tileId}`,
+                  onClick: ei
                 }, {
-                  default: I(() => [
-                    le("span", ds, te(k(h).t("renderer.delete")), 1)
+                  default: q(() => [
+                    le("span", ms, te(T(h).t("renderer.delete")), 1)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : X("", !0)
+                }, 8, ["data-testid"])) : Y("", !0)
               ]),
-              default: I(() => [
-                se(k(Ei), {
+              default: q(() => [
+                se(T(ki), {
                   class: "kebab-action-menu",
-                  color: k(yt),
-                  "data-testid": `kebab-action-menu-${m.tileId}`,
-                  size: k(vt)
+                  color: T(Et),
+                  "data-testid": `kebab-action-menu-${v.tileId}`,
+                  size: T(xt)
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
-            }, 8, ["data-testid"])) : X("", !0)
-          ], 8, as)) : "description" in m.definition.chart ? (C(), V("div", {
+            }, 8, ["data-testid"])) : Y("", !0)
+          ], 8, cs)) : "description" in v.definition.chart ? (z(), W("div", {
             key: 1,
             class: "header-description",
-            "data-testid": `tile-description-${m.tileId}`
-          }, te(m.definition.chart.description), 9, us)) : X("", !0),
-          d.value ? (C(), M(k(mi), {
+            "data-testid": `tile-description-${v.tileId}`
+          }, te(v.definition.chart.description), 9, ps)) : Y("", !0),
+          d.value ? (z(), M(T(_i), {
             key: 2,
             "chart-data": l.value,
-            "data-testid": `csv-export-modal-${m.tileId}`,
-            filename: q.value,
-            onToggleModal: it
-          }, null, 8, ["chart-data", "data-testid", "filename"])) : X("", !0)
-        ])) : X("", !0),
+            "data-testid": `csv-export-modal-${v.tileId}`,
+            filename: U.value,
+            onToggleModal: at
+          }, null, 8, ["chart-data", "data-testid", "filename"])) : Y("", !0)
+        ])) : Y("", !0),
         le("div", {
           class: "tile-content",
-          "data-testid": `tile-content-${m.tileId}`
+          "data-testid": `tile-content-${v.tileId}`
         }, [
-          U.value ? (C(), M(Tt(U.value.component), xt({ key: 0 }, U.value.rendererProps, ni(G.value), { onChartData: Yt }), null, 16)) : X("", !0)
-        ], 8, cs)
-      ], 10, ns);
+          be.value ? (z(), M(Nt(be.value.component), zt({ key: 0 }, be.value.rendererProps, di(Se.value), { onChartData: ti }), null, 16)) : Y("", !0)
+        ], 8, ys)
+      ], 10, ds);
     };
   }
-}), gs = /* @__PURE__ */ ce(fs, [["__scopeId", "data-v-81f91604"]]), ms = (c, e) => {
+}), _s = /* @__PURE__ */ fe(vs, [["__scopeId", "data-v-7a51e777"]]), bs = (u, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -1324,37 +1378,37 @@ const Yi = () => {
   });
   const s = [];
   for (let r = 0; r < t; r++)
-    i.get(r) ? s.push("auto") : s.push(`${c}px`);
+    i.get(r) ? s.push("auto") : s.push(`${u}px`);
   return s;
-}, ps = /* @__PURE__ */ Q({
+}, ws = /* @__PURE__ */ Q({
   __name: "GridLayout",
   props: {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => $e
+      default: () => Ge
     },
     tiles: {
       type: Array,
       required: !0
     }
   },
-  setup(c) {
-    Ve((n) => ({
-      "2a38e79e": k(At),
+  setup(u) {
+    Ze((n) => ({
+      "2a38e79e": T(qt),
       "4cc71de6": r.value
     }));
-    const e = c, t = B(null), i = B(0), s = new ResizeObserver((n) => {
+    const e = u, t = $(null), i = $(0), s = new ResizeObserver((n) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(n) || !n.length || (i.value = n[0].contentRect.width);
       });
     });
-    Xe(() => {
+    Qe(() => {
       t.value && s.observe(t.value);
-    }), We(() => {
+    }), je(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = S(() => ms(e.tileHeight, e.tiles).join(" ")), o = S(() => e.tiles.map((n, h) => ({
+    const r = N(() => bs(e.tileHeight, e.tiles).join(" ")), o = N(() => e.tiles.map((n, h) => ({
       key: `tile-${h}`,
       tile: n,
       style: {
@@ -1364,31 +1418,31 @@ const Yi = () => {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, h) => (C(), V("div", {
+    return (n, h) => (z(), W("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (C(!0), V(zt, null, Dt(o.value, (l) => (C(), V("div", {
+      (z(!0), W(Lt, null, At(o.value, (l) => (z(), W("div", {
         key: l.key,
-        class: Ye(["grid-cell", {
+        class: Je(["grid-cell", {
           "empty-cell": !l.tile
         }]),
-        style: at(l.style)
+        style: ft(l.style)
       }, [
-        Pe(n.$slots, "tile", {
-          style: at(l.style),
+        $e(n.$slots, "tile", {
+          style: ft(l.style),
           tile: l.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), ys = /* @__PURE__ */ ce(ps, [["__scopeId", "data-v-354b7177"]]);
-function vs(c, 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(c, o));
+}), Es = /* @__PURE__ */ fe(ws, [["__scopeId", "data-v-354b7177"]]);
+function xs(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;
 }
-class u {
+class c {
   /** convert a potential selector into actual list of html elements. optional root which defaults to document (for shadow dom) */
   static getElements(e, t = document) {
     if (typeof e == "string") {
@@ -1441,7 +1495,7 @@ class u {
   }
   /** returns true if a and b touch edges or corners */
   static isTouching(e, t) {
-    return u.isIntercepted(e, { x: t.x - 0.5, y: t.y - 0.5, w: t.w + 1, h: t.h + 1 });
+    return c.isIntercepted(e, { x: t.x - 0.5, y: t.y - 0.5, w: t.w + 1, h: t.h + 1 });
   }
   /** returns the area a and b overlap */
   static areaIntercept(e, t) {
@@ -1550,7 +1604,7 @@ class u {
     if (!(typeof e != "object" || typeof t != "object"))
       for (let i in e) {
         const s = e[i], r = t[i];
-        i[0] === "_" || s === r ? delete e[i] : s && typeof s == "object" && r !== void 0 && (u.removeInternalAndSame(s, r), Object.keys(s).length || delete e[i]);
+        i[0] === "_" || s === r ? delete e[i] : s && typeof s == "object" && r !== void 0 && (c.removeInternalAndSame(s, r), Object.keys(s).length || delete e[i]);
       }
   }
   /** removes internal fields '_' and default values for saving */
@@ -1618,9 +1672,9 @@ class u {
    * Note: this will use as-is any key starting with double __ (and not copy inside) some lib have circular dependencies.
    */
   static cloneDeep(e) {
-    const t = ["parentGrid", "el", "grid", "subGrid", "engine"], i = u.clone(e);
+    const t = ["parentGrid", "el", "grid", "subGrid", "engine"], i = c.clone(e);
     for (const s in i)
-      i.hasOwnProperty(s) && typeof i[s] == "object" && s.substring(0, 2) !== "__" && !t.find((r) => r === s) && (i[s] = u.cloneDeep(e[s]));
+      i.hasOwnProperty(s) && typeof i[s] == "object" && s.substring(0, 2) !== "__" && !t.find((r) => r === s) && (i[s] = c.cloneDeep(e[s]));
     return i;
   }
   /** deep clone the given HTML node, removing teh unique id field */
@@ -1630,7 +1684,7 @@ class u {
   }
   static appendTo(e, t) {
     let i;
-    typeof t == "string" ? i = u.getElement(t) : i = t, i && i.appendChild(e);
+    typeof t == "string" ? i = c.getElement(t) : i = t, i && i.appendChild(e);
   }
   // public static setPositionRelative(el: HTMLElement): void {
   //   if (!(/^(?:r|a|f)/).test(getComputedStyle(el).position)) {
@@ -1682,7 +1736,7 @@ class u {
   */
   static getValuesFromTransformedElement(e) {
     const t = document.createElement("div");
-    u.addElStyles(t, {
+    c.addElStyles(t, {
       opacity: "0",
       position: "fixed",
       top: "0px",
@@ -1755,7 +1809,7 @@ class re {
       (!this.collide(i, { ...i, y: e.y }, e) || !this.collide(i, { ...i, y: t.y - i.h }, e))) {
         e._skipDown = e._skipDown || t.y > e.y;
         const d = { ...t, y: i.y + i.h, ...n };
-        l = this._loading && u.samePos(e, d) ? !0 : this.moveNode(e, d), (i.locked || this._loading) && l ? u.copyPos(t, e) : !i.locked && l && s.pack && (this._packNodes(), t.y = i.y + i.h, u.copyPos(e, t)), o = o || l;
+        l = this._loading && c.samePos(e, d) ? !0 : this.moveNode(e, d), (i.locked || this._loading) && l ? c.copyPos(t, e) : !i.locked && l && s.pack && (this._packNodes(), t.y = i.y + i.h, c.copyPos(e, t)), o = o || l;
       } else
         l = this.moveNode(i, { ...i, y: t.y + t.h, skip: e, ...n });
       if (!l)
@@ -1767,11 +1821,11 @@ class re {
   /** return the nodes that intercept the given node. Optionally a different area can be used, as well as a second node to skip */
   collide(e, t = e, i) {
     const s = e._id, r = i == null ? void 0 : i._id;
-    return this.nodes.find((o) => o._id !== s && o._id !== r && u.isIntercepted(o, t));
+    return this.nodes.find((o) => o._id !== s && o._id !== r && c.isIntercepted(o, t));
   }
   collideAll(e, t = e, i) {
     const s = e._id, r = i == null ? void 0 : i._id;
-    return this.nodes.filter((o) => o._id !== s && o._id !== r && u.isIntercepted(o, t));
+    return this.nodes.filter((o) => o._id !== s && o._id !== r && c.isIntercepted(o, t));
   }
   /** does a pixel coverage collision based on where we started, returning the node that has the most coverage that is >50% mid line */
   directionCollideCoverage(e, t, i) {
@@ -1825,10 +1879,10 @@ class re {
       return t.x = e.x, t.y = e.y, e.h != t.h ? (e.x = r, e.y = t.y + t.h) : e.w != t.w ? (e.x = t.x + t.w, e.y = o) : (e.x = r, e.y = o), e._dirty = t._dirty = !0, !0;
     }
     let s;
-    if (e.w === t.w && e.h === t.h && (e.x === t.x || e.y === t.y) && (s = u.isTouching(e, t)))
+    if (e.w === t.w && e.h === t.h && (e.x === t.x || e.y === t.y) && (s = c.isTouching(e, t)))
       return i();
     if (s !== !1) {
-      if (e.w === t.w && e.x === t.x && (s || (s = u.isTouching(e, t)))) {
+      if (e.w === t.w && e.x === t.x && (s || (s = c.isTouching(e, t)))) {
         if (t.y < e.y) {
           const r = e;
           e = t, t = r;
@@ -1836,7 +1890,7 @@ class re {
         return i();
       }
       if (s !== !1) {
-        if (e.h === t.h && e.y === t.y && (s || (s = u.isTouching(e, t)))) {
+        if (e.h === t.h && e.y === t.y && (s || (s = c.isTouching(e, t)))) {
           if (t.x < e.x) {
             const r = e;
             e = t, t = r;
@@ -1876,7 +1930,7 @@ class re {
   }
   /** sort the nodes array from first to last, or reverse. Called during collision/placement to force an order */
   sortNodes(e = 1) {
-    return this.nodes = u.sort(this.nodes, e), this;
+    return this.nodes = c.sort(this.nodes, e), this;
   }
   /** @internal called to top gravity pack the items back OR revert back to original Y positions when floating */
   _packNodes() {
@@ -1911,20 +1965,20 @@ class re {
     }
     (e.x === void 0 || e.y === void 0 || e.x === null || e.y === null) && (e.autoPosition = !0);
     const s = { x: 0, y: 0, w: 1, h: 1 };
-    return u.defaults(e, s), e.autoPosition || delete e.autoPosition, e.noResize || delete e.noResize, e.noMove || delete e.noMove, u.sanitizeMinMax(e), typeof e.x == "string" && (e.x = Number(e.x)), typeof e.y == "string" && (e.y = Number(e.y)), typeof e.w == "string" && (e.w = Number(e.w)), typeof e.h == "string" && (e.h = Number(e.h)), isNaN(e.x) && (e.x = s.x, e.autoPosition = !0), isNaN(e.y) && (e.y = s.y, e.autoPosition = !0), isNaN(e.w) && (e.w = s.w), isNaN(e.h) && (e.h = s.h), this.nodeBoundFix(e, t), e;
+    return c.defaults(e, s), e.autoPosition || delete e.autoPosition, e.noResize || delete e.noResize, e.noMove || delete e.noMove, c.sanitizeMinMax(e), typeof e.x == "string" && (e.x = Number(e.x)), typeof e.y == "string" && (e.y = Number(e.y)), typeof e.w == "string" && (e.w = Number(e.w)), typeof e.h == "string" && (e.h = Number(e.h)), isNaN(e.x) && (e.x = s.x, e.autoPosition = !0), isNaN(e.y) && (e.y = s.y, e.autoPosition = !0), isNaN(e.w) && (e.w = s.w), isNaN(e.h) && (e.h = s.h), this.nodeBoundFix(e, t), e;
   }
   /** part2 of preparing a node to fit inside our grid - checks for x,y,w from grid dimensions */
   nodeBoundFix(e, t) {
-    const i = e._orig || u.copyPos({}, e);
+    const i = e._orig || c.copyPos({}, e);
     if (e.maxW && (e.w = Math.min(e.w || 1, e.maxW)), e.maxH && (e.h = Math.min(e.h || 1, e.maxH)), e.minW && (e.w = Math.max(e.w || 1, e.minW)), e.minH && (e.h = Math.max(e.h || 1, e.minH)), (e.x || 0) + (e.w || 1) > this.column && this.column < this.defaultColumn && !this._inColumnResize && !this.skipCacheUpdate && e._id && this.findCacheLayout(e, this.defaultColumn) === -1) {
       const r = { ...e };
       r.autoPosition || r.x === void 0 ? (delete r.x, delete r.y) : r.x = Math.min(this.defaultColumn - 1, r.x), r.w = Math.min(this.defaultColumn, r.w || 1), this.cacheOneLayout(r, this.defaultColumn);
     }
-    return e.w > this.column ? e.w = this.column : e.w < 1 && (e.w = 1), this.maxRow && e.h > this.maxRow ? e.h = this.maxRow : e.h < 1 && (e.h = 1), e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), e.x + e.w > this.column && (t ? e.w = this.column - e.x : e.x = this.column - e.w), this.maxRow && e.y + e.h > this.maxRow && (t ? e.h = this.maxRow - e.y : e.y = this.maxRow - e.h), u.samePos(e, i) || (e._dirty = !0), this;
+    return e.w > this.column ? e.w = this.column : e.w < 1 && (e.w = 1), this.maxRow && e.h > this.maxRow ? e.h = this.maxRow : e.h < 1 && (e.h = 1), e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), e.x + e.w > this.column && (t ? e.w = this.column - e.x : e.x = this.column - e.w), this.maxRow && e.y + e.h > this.maxRow && (t ? e.h = this.maxRow - e.y : e.y = this.maxRow - e.h), c.samePos(e, i) || (e._dirty = !0), this;
   }
   /** returns a list of modified nodes from their original values */
   getDirtyNodes(e) {
-    return e ? this.nodes.filter((t) => t._dirty && !u.samePos(t, t._orig)) : this.nodes.filter((t) => t._dirty);
+    return e ? this.nodes.filter((t) => t._dirty && !c.samePos(t, t._orig)) : this.nodes.filter((t) => t._dirty);
   }
   /** @internal call this to call onChange callback with dirty nodes so DOM can be updated */
   _notify(e) {
@@ -1944,13 +1998,13 @@ class re {
    * as well as right before we start move/resize/enter (so we can restore items to prev values) */
   saveInitial() {
     return this.nodes.forEach((e) => {
-      e._orig = u.copyPos({}, e), delete e._dirty;
+      e._orig = c.copyPos({}, e), delete e._dirty;
     }), this._hasLocked = this.nodes.some((e) => e.locked), this;
   }
   /** @internal restore all the nodes back to initial values (called when we leave) */
   restoreInitial() {
     return this.nodes.forEach((e) => {
-      !e._orig || u.samePos(e, e._orig) || (u.copyPos(e, e._orig), e._dirty = !0);
+      !e._orig || c.samePos(e, e._orig) || (c.copyPos(e, e._orig), e._dirty = !0);
     }), this._notify(), this;
   }
   /** find the first available empty spot for the given node width/height, updating the x,y attributes. return true if found.
@@ -1965,7 +2019,7 @@ class re {
       if (h + e.w > i)
         continue;
       const d = { x: h, y: l, w: e.w, h: e.h };
-      t.find((a) => u.isIntercepted(d, a)) || ((e.x !== h || e.y !== l) && (e._dirty = !0), e.x = h, e.y = l, delete e.autoPosition, o = !0);
+      t.find((a) => c.isIntercepted(d, a)) || ((e.x !== h || e.y !== l) && (e._dirty = !0), e.x = h, e.y = l, delete e.autoPosition, o = !0);
     }
     return o;
   }
@@ -2012,7 +2066,7 @@ class re {
     }
     return r ? (s.nodes.filter((o) => o._dirty).forEach((o) => {
       const n = this.nodes.find((h) => h._id === o._id);
-      n && (u.copyPos(n, o), n._dirty = !0);
+      n && (c.copyPos(n, o), n._dirty = !0);
     }), this._notify(), !0) : !1;
   }
   /** return true if can fit in grid height constrain only (always true if no maxRow) */
@@ -2024,7 +2078,7 @@ class re {
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
     }), i = { ...e };
-    return this.cleanupNode(i), delete i.el, delete i._id, delete i.content, delete i.grid, t.addNode(i), t.getRow() <= this.maxRow ? (e._willFitPos = u.copyPos({}, i), !0) : !1;
+    return this.cleanupNode(i), delete i.el, delete i._id, delete i.content, delete i.grid, t.addNode(i), t.getRow() <= this.maxRow ? (e._willFitPos = c.copyPos({}, i), !0) : !1;
   }
   /** true if x,y or w,h are different after clamping to min/max */
   changedPosConstrain(e, t) {
@@ -2038,21 +2092,21 @@ class re {
       return !1;
     let i;
     t.pack === void 0 && !this.batchMode && (i = t.pack = !0), typeof t.x != "number" && (t.x = e.x), typeof t.y != "number" && (t.y = e.y), typeof t.w != "number" && (t.w = e.w), typeof t.h != "number" && (t.h = e.h);
-    const s = e.w !== t.w || e.h !== t.h, r = u.copyPos({}, e, !0);
-    if (u.copyPos(r, t), this.nodeBoundFix(r, s), u.copyPos(t, r), !t.forceCollide && u.samePos(e, t))
+    const s = e.w !== t.w || e.h !== t.h, r = c.copyPos({}, e, !0);
+    if (c.copyPos(r, t), this.nodeBoundFix(r, s), c.copyPos(t, r), !t.forceCollide && c.samePos(e, t))
       return !1;
-    const o = u.copyPos({}, e), n = this.collideAll(e, r, t.skip);
+    const o = c.copyPos({}, e), n = this.collideAll(e, r, t.skip);
     let h = !0;
     if (n.length) {
       const a = e._moving && !t.nested;
       let f = a ? this.directionCollideCoverage(e, t, n) : n[0];
       if (a && f && ((d = (l = e.grid) == null ? void 0 : l.opts) != null && d.subGridDynamic) && !e.grid._isTemp) {
-        const y = u.areaIntercept(t.rect, f._rect), g = u.area(t.rect), v = u.area(f._rect);
-        y / (g < v ? g : v) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
+        const p = c.areaIntercept(t.rect, f._rect), g = c.area(t.rect), y = c.area(f._rect);
+        p / (g < y ? g : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
       f ? h = !this._fixCollisions(e, r, f, t) : (h = !1, i && delete t.pack);
     }
-    return h && !u.samePos(e, r) && (e._dirty = !0, u.copyPos(e, r)), t.pack && this._packNodes()._notify(), !u.samePos(e, o);
+    return h && !c.samePos(e, r) && (e._dirty = !0, c.copyPos(e, r)), t.pack && this._packNodes()._notify(), !c.samePos(e, o);
   }
   getRow() {
     return this.nodes.reduce((e, t) => Math.max(e, t.y + t.h), 0);
@@ -2071,7 +2125,7 @@ class re {
     const i = (o = this._layouts) == null ? void 0 : o.length, s = i && this.column !== i - 1 ? this._layouts[i - 1] : null, r = [];
     return this.sortNodes(), this.nodes.forEach((n) => {
       const h = s == null ? void 0 : s.find((d) => d._id === n._id), l = { ...n, ...h || {} };
-      u.removeInternalForSave(l, !e), t && t(n, l), r.push(l);
+      c.removeInternalForSave(l, !e), t && t(n, l), r.push(l);
     }), r;
   }
   /** @internal called whenever a node is added or moved - updates the cached layouts */
@@ -2108,7 +2162,7 @@ class re {
       return this;
     const s = i === "compact" || i === "list";
     s && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
-    let r = [], o = s ? this.nodes : u.sort(this.nodes, -1);
+    let r = [], o = s ? this.nodes : c.sort(this.nodes, -1);
     if (t > e && this._layouts) {
       const h = this._layouts[t] || [], l = this._layouts.length - 1;
       !h.length && e !== l && ((n = this._layouts[l]) != null && n.length) && (e = l, this._layouts[l].forEach((d) => {
@@ -2138,7 +2192,7 @@ class re {
             a.x = t === 1 ? 0 : l ? Math.round(a.x * h) : Math.min(a.x, t - 1), a.w = t === 1 || e === 1 ? 1 : d ? Math.round(a.w * h) || 1 : Math.min(a.w, t), r.push(a);
           }), o = [];
         }
-      r = u.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((h) => {
+      r = c.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((h) => {
         this.addNode(h, !1), delete h._orig;
       });
     }
@@ -2191,7 +2245,7 @@ class re {
   }
 }
 re._idSeq = 0;
-const j = {
+const V = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2221,57 +2275,57 @@ const j = {
   // styleInHead: false,
   //removable
 };
-class w {
+class x {
 }
 const ie = 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 ne {
 }
-function Oe(c, e) {
-  c.touches.length > 1 || (c.cancelable && c.preventDefault(), u.simulateMouseEvent(c.changedTouches[0], e));
+function Oe(u, e) {
+  u.touches.length > 1 || (u.cancelable && u.preventDefault(), c.simulateMouseEvent(u.changedTouches[0], e));
 }
-function Gt(c, e) {
-  c.cancelable && c.preventDefault(), u.simulateMouseEvent(c, e);
+function Yt(u, e) {
+  u.cancelable && u.preventDefault(), c.simulateMouseEvent(u, e);
 }
-function He(c) {
-  ne.touchHandled || (ne.touchHandled = !0, Oe(c, "mousedown"));
+function He(u) {
+  ne.touchHandled || (ne.touchHandled = !0, Oe(u, "mousedown"));
 }
-function Le(c) {
-  ne.touchHandled && Oe(c, "mousemove");
+function Me(u) {
+  ne.touchHandled && Oe(u, "mousemove");
 }
-function Me(c) {
+function Ie(u) {
   if (!ne.touchHandled)
     return;
   ne.pointerLeaveTimeout && (window.clearTimeout(ne.pointerLeaveTimeout), delete ne.pointerLeaveTimeout);
-  const e = !!w.dragElement;
-  Oe(c, "mouseup"), e || Oe(c, "click"), ne.touchHandled = !1;
+  const e = !!x.dragElement;
+  Oe(u, "mouseup"), e || Oe(u, "click"), ne.touchHandled = !1;
 }
-function Ie(c) {
-  c.pointerType !== "mouse" && c.target.releasePointerCapture(c.pointerId);
+function qe(u) {
+  u.pointerType !== "mouse" && u.target.releasePointerCapture(u.pointerId);
 }
-function bt(c) {
-  w.dragElement && c.pointerType !== "mouse" && Gt(c, "mouseenter");
+function Rt(u) {
+  x.dragElement && u.pointerType !== "mouse" && Yt(u, "mouseenter");
 }
-function wt(c) {
-  w.dragElement && c.pointerType !== "mouse" && (ne.pointerLeaveTimeout = window.setTimeout(() => {
-    delete ne.pointerLeaveTimeout, Gt(c, "mouseleave");
+function kt(u) {
+  x.dragElement && u.pointerType !== "mouse" && (ne.pointerLeaveTimeout = window.setTimeout(() => {
+    delete ne.pointerLeaveTimeout, Yt(u, "mouseleave");
   }, 10));
 }
-class Be {
+class Ue {
   constructor(e, t, i) {
     this.host = e, this.dir = t, this.option = i, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
   }
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Be.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ie && (this.el.addEventListener("touchstart", He), this.el.addEventListener("pointerdown", Ie)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ue.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ie && (this.el.addEventListener("touchstart", He), this.el.addEventListener("pointerdown", qe)), 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), ie && (this.el.removeEventListener("touchstart", He), this.el.removeEventListener("pointerdown", Ie)), 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), ie && (this.el.removeEventListener("touchstart", He), this.el.removeEventListener("pointerdown", qe)), 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), ie && (this.el.addEventListener("touchmove", Le), this.el.addEventListener("touchend", Me)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ie && (this.el.addEventListener("touchmove", Me), this.el.addEventListener("touchend", Ie)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2280,7 +2334,7 @@ class Be {
   }
   /** @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), ie && (this.el.removeEventListener("touchmove", Le), this.el.removeEventListener("touchend", Me)), 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), ie && (this.el.removeEventListener("touchmove", Me), this.el.removeEventListener("touchend", Ie)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2292,8 +2346,8 @@ class Be {
     return this.option[e] && this.option[e](t), this;
   }
 }
-Be.prefix = "ui-resizable-";
-class Je {
+Ue.prefix = "ui-resizable-";
+class st {
   constructor() {
     this._eventRegister = {};
   }
@@ -2321,7 +2375,7 @@ class Je {
       return this._eventRegister[e](t);
   }
 }
-class xe extends Je {
+class xe extends st {
   // 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 = () => {
@@ -2377,21 +2431,21 @@ class xe extends Je {
   }
   /** @internal turns auto hide on/off */
   _setupAutoHide(e) {
-    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), w.overResizeElement === this && delete w.overResizeElement), this;
+    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), x.overResizeElement === this && delete x.overResizeElement), this;
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOver(e) {
-    w.overResizeElement || w.dragElement || (w.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
+    x.overResizeElement || x.dragElement || (x.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOut(e) {
-    w.overResizeElement === this && (delete w.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
+    x.overResizeElement === this && (delete x.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Be(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Ue(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -2405,25 +2459,25 @@ class xe extends Je {
   }
   /** @internal */
   _resizeStart(e) {
-    this.sizeToContent = u.shouldSizeToContent(this.el.gridstackNode, !0), this.originalRect = this.el.getBoundingClientRect(), this.scrollEl = u.getScrollElement(this.el), this.scrollY = this.scrollEl.scrollTop, this.scrolled = 0, this.startEvent = e, this._setupHelper(), this._applyChange();
-    const t = u.initEvent(e, { type: "resizestart", target: this.el });
+    this.sizeToContent = c.shouldSizeToContent(this.el.gridstackNode, !0), this.originalRect = this.el.getBoundingClientRect(), this.scrollEl = c.getScrollElement(this.el), this.scrollY = this.scrollEl.scrollTop, this.scrolled = 0, this.startEvent = e, this._setupHelper(), this._applyChange();
+    const t = c.initEvent(e, { type: "resizestart", target: this.el });
     return this.option.start && this.option.start(t, this._ui()), this.el.classList.add("ui-resizable-resizing"), this.triggerEvent("resizestart", t), this;
   }
   /** @internal */
   _resizing(e, t) {
     this.scrolled = this.scrollEl.scrollTop - this.scrollY, this.temporalRect = this._getChange(e, t), this._applyChange();
-    const i = u.initEvent(e, { type: "resize", target: this.el });
+    const i = c.initEvent(e, { type: "resize", target: this.el });
     return this.option.resize && this.option.resize(i, this._ui()), this.triggerEvent("resize", i), this;
   }
   /** @internal */
   _resizeStop(e) {
-    const t = u.initEvent(e, { type: "resizestop", target: this.el });
+    const t = c.initEvent(e, { type: "resizestop", target: this.el });
     return this.option.stop && this.option.stop(t), this.el.classList.remove("ui-resizable-resizing"), this.triggerEvent("resizestop", t), this._cleanHelper(), delete this.startEvent, delete this.originalRect, delete this.temporalRect, delete this.scrollY, delete this.scrolled, this;
   }
   /** @internal */
   _setupHelper() {
     this.elOriginStyleVal = xe._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
-    const e = this.el.parentElement, t = u.getValuesFromTransformedElement(e);
+    const e = this.el.parentElement, t = c.getValuesFromTransformedElement(e);
     return this.rectScale = {
       x: t.xScale,
       y: t.yScale
@@ -2471,8 +2525,8 @@ class xe extends Je {
   }
 }
 xe._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const _s = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Ce extends Je {
+const Cs = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class Ce extends st {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -2492,12 +2546,12 @@ class Ce extends Je {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), ie && (e.addEventListener("touchstart", He), e.addEventListener("pointerdown", Ie));
+      e.addEventListener("mousedown", this._mouseDown), ie && (e.addEventListener("touchstart", He), e.addEventListener("pointerdown", qe));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), ie && (t.removeEventListener("touchstart", He), t.removeEventListener("pointerdown", Ie));
+      t.removeEventListener("mousedown", this._mouseDown), ie && (t.removeEventListener("touchstart", He), t.removeEventListener("pointerdown", qe));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -2508,14 +2562,14 @@ class Ce extends Je {
   }
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
-    if (!w.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(_s) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ie && (e.currentTarget.addEventListener("touchmove", Le), e.currentTarget.addEventListener("touchend", Me)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
+    if (!x.mouseHandled)
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Cs) || 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), ie && (e.currentTarget.addEventListener("touchmove", Me), e.currentTarget.addEventListener("touchend", Ie)), e.preventDefault(), document.activeElement && document.activeElement.blur(), x.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
     if (!this.dragging)
       return;
-    const t = u.initEvent(e, { target: this.el, type: "drag" });
+    const t = c.initEvent(e, { target: this.el, type: "drag" });
     this.option.drag && this.option.drag(t, this.ui()), this.triggerEvent("drag", t);
   }
   /** @internal called when the main page (after successful mousedown) receives a move event to drag the item around the screen */
@@ -2523,16 +2577,16 @@ class Ce extends Je {
     var i;
     const t = this.mouseDownEvent;
     if (this.lastDrag = e, this.dragging)
-      if (this._dragFollow(e), w.pauseDrag) {
-        const s = Number.isInteger(w.pauseDrag) ? w.pauseDrag : 100;
+      if (this._dragFollow(e), x.pauseDrag) {
+        const s = Number.isInteger(x.pauseDrag) ? x.pauseDrag : 100;
         this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), s);
       } else
         this._callDrag(e);
     else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-      this.dragging = !0, w.dragElement = this;
+      this.dragging = !0, x.dragElement = this;
       const s = (i = this.el.gridstackNode) == null ? void 0 : i.grid;
-      s ? w.dropElement = s.el.ddElement.ddDroppable : delete w.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = u.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
-      const r = u.initEvent(e, { target: this.el, type: "dragstart" });
+      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);
+      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);
     }
     return !0;
@@ -2540,29 +2594,29 @@ class Ce extends Je {
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
     var t, i;
-    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ie && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Le, !0), e.currentTarget.removeEventListener("touchend", Me, !0)), this.dragging) {
-      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = w.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete w.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
-      const s = u.initEvent(e, { target: this.el, type: "dragstop" });
-      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), w.dropElement && w.dropElement.drop(e);
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ie && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Me, !0), e.currentTarget.removeEventListener("touchend", Ie, !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();
+      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);
     }
-    delete this.helper, delete this.mouseDownEvent, delete w.dragElement, delete w.dropElement, delete w.mouseHandled, e.preventDefault();
+    delete this.helper, delete this.mouseDownEvent, delete x.dragElement, delete x.dropElement, delete x.mouseHandled, e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel, R to rotate */
   _keyEvent(e) {
     var s, r;
-    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = w.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
+    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = x.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")) {
-      if (!u.canBeRotated(t))
+      if (!c.canBeRotated(t))
         return;
-      t._origRotate = t._origRotate || { ...t._orig }, delete t._moving, i.setAnimation(!1).rotate(t.el, { top: -this.dragOffset.offsetTop, left: -this.dragOffset.offsetLeft }).setAnimation(), t._moving = !0, this.dragOffset = this._getDragOffset(this.lastDrag, t.el, this.helperContainment), this.helper.style.width = this.dragOffset.width + "px", this.helper.style.height = this.dragOffset.height + "px", u.swap(t._orig, "w", "h"), delete t._rect, this._mouseMove(this.lastDrag);
+      t._origRotate = t._origRotate || { ...t._orig }, delete t._moving, i.setAnimation(!1).rotate(t.el, { top: -this.dragOffset.offsetTop, left: -this.dragOffset.offsetLeft }).setAnimation(), t._moving = !0, this.dragOffset = this._getDragOffset(this.lastDrag, t.el, this.helperContainment), this.helper.style.width = this.dragOffset.width + "px", this.helper.style.height = this.dragOffset.height + "px", c.swap(t._orig, "w", "h"), delete t._rect, this._mouseMove(this.lastDrag);
     }
   }
   /** @internal create a clone copy (or user defined method) of the original drag item if set */
   _createHelper() {
     let e = this.el;
-    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = u.cloneNode(this.el)), e.parentElement || u.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Ce.originStyleProp.map((t) => this.el.style[t]), e;
+    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = c.cloneNode(this.el)), e.parentElement || c.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Ce.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -2622,7 +2676,7 @@ class Ce extends Je {
   }
 }
 Ce.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class bs extends Je {
+class Rs extends st {
   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();
   }
@@ -2633,10 +2687,10 @@ class bs extends Je {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), ie && (this.el.addEventListener("pointerenter", bt), this.el.addEventListener("pointerleave", wt)));
+    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), ie && (this.el.addEventListener("pointerenter", Rt), this.el.addEventListener("pointerleave", kt)));
   }
   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), ie && (this.el.removeEventListener("pointerenter", bt), this.el.removeEventListener("pointerleave", wt)));
+    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), ie && (this.el.removeEventListener("pointerenter", Rt), this.el.removeEventListener("pointerleave", kt)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -2646,20 +2700,20 @@ class bs extends Je {
   }
   /** @internal called when the cursor enters our area - prepare for a possible drop and track leaving */
   _mouseEnter(e) {
-    if (!w.dragElement || !this._canDrop(w.dragElement.el))
+    if (!x.dragElement || !this._canDrop(x.dragElement.el))
       return;
-    e.preventDefault(), e.stopPropagation(), w.dropElement && w.dropElement !== this && w.dropElement._mouseLeave(e, !0), w.dropElement = this;
-    const t = u.initEvent(e, { target: this.el, type: "dropover" });
-    this.option.over && this.option.over(t, this._ui(w.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
+    e.preventDefault(), e.stopPropagation(), x.dropElement && x.dropElement !== this && x.dropElement._mouseLeave(e, !0), x.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");
   }
   /** @internal called when the item is leaving our area, stop tracking if we had moving item */
   _mouseLeave(e, t = !1) {
     var s;
-    if (!w.dragElement || w.dropElement !== this)
+    if (!x.dragElement || x.dropElement !== this)
       return;
     e.preventDefault(), e.stopPropagation();
-    const i = u.initEvent(e, { target: this.el, type: "dropout" });
-    if (this.option.out && this.option.out(i, this._ui(w.dragElement)), this.triggerEvent("dropout", i), w.dropElement === this && (delete w.dropElement, !t)) {
+    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)) {
       let r, o = this.el.parentElement;
       for (; !r && o; )
         r = (s = o.ddElement) == null ? void 0 : s.ddDroppable, o = o.parentElement;
@@ -2669,8 +2723,8 @@ class bs extends Je {
   /** item is being dropped on us - called by the drag mouseup handler - this calls the client drop event */
   drop(e) {
     e.preventDefault();
-    const t = u.initEvent(e, { target: this.el, type: "drop" });
-    this.option.drop && this.option.drop(t, this._ui(w.dragElement)), this.triggerEvent("drop", t);
+    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);
   }
   /** @internal true if element matches the string/method accept option */
   _canDrop(e) {
@@ -2688,9 +2742,9 @@ class bs extends Je {
     };
   }
 }
-class et {
+class rt {
   static init(e) {
-    return e.ddElement || (e.ddElement = new et(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new rt(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -2714,13 +2768,13 @@ class et {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new bs(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Rs(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class ws {
+class ks {
   resizable(e, t, i, s) {
     return this._getDDElements(e, t).forEach((r) => {
       if (t === "disable" || t === "enable")
@@ -2790,7 +2844,7 @@ class ws {
   }
   on(e, t, i) {
     return this._getDDElements(e).forEach((s) => s.on(t, (r) => {
-      i(r, w.dragElement ? w.dragElement.el : r.target, w.dragElement ? w.dragElement.helper : null);
+      i(r, x.dragElement ? x.dragElement.el : r.target, x.dragElement ? x.dragElement.helper : null);
     })), this;
   }
   off(e, t) {
@@ -2798,8 +2852,8 @@ class ws {
   }
   /** @internal returns a list of DD elements, creating them on the fly by default unless option is to destroy or disable */
   _getDDElements(e, t) {
-    const i = e.gridstack || t !== "destroy" && t !== "disable", s = u.getElements(e);
-    return s.length ? s.map((o) => o.ddElement || (i ? et.init(o) : null)).filter((o) => o) : [];
+    const i = e.gridstack || t !== "destroy" && t !== "disable", s = c.getElements(e);
+    return s.length ? s.map((o) => o.ddElement || (i ? rt.init(o) : null)).filter((o) => o) : [];
   }
 }
 /*!
@@ -2809,7 +2863,7 @@ class ws {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const W = new ws();
+const F = new ks();
 class b {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -2828,7 +2882,7 @@ class b {
     if (typeof document > "u")
       return null;
     const i = b.getGridElement(t);
-    return i ? (i.gridstack || (i.gridstack = new b(i, u.cloneDeep(e))), i.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
+    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 ?
 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);
   }
   /**
@@ -2843,7 +2897,7 @@ 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, u.cloneDeep(e))), i.push(s.gridstack);
+      s.gridstack || (s.gridstack = new b(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;
   }
@@ -2862,7 +2916,7 @@ 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 = u.createDiv(["grid-stack", t.class], e)), b.init(t, i);
+    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);
   }
   /** call this method to register your engine instead of the default one.
    * See instead `GridStackOptions.engineClass` if you only need to
@@ -2874,8 +2928,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   /** @internal create placeholder DIV as needed */
   get placeholder() {
     if (!this._placeholder) {
-      this._placeholder = u.createDiv([this.opts.placeholderClass, j.itemClass, this.opts.itemClass]);
-      const e = u.createDiv(["placeholder-content"], this._placeholder);
+      this._placeholder = c.createDiv([this.opts.placeholderClass, V.itemClass, this.opts.itemClass]);
+      const e = c.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
     return this._placeholder;
@@ -2886,57 +2940,57 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param opts grid options - public for classes to access, but use methods to modify!
    */
   constructor(e, t = {}) {
-    var a, f, y;
+    var a, f, p;
     this.el = e, this.opts = t, this.animationDelay = 310, this._gsEventHandler = {}, this._extraDragRow = 0, this.dragTransform = { xScale: 1, yScale: 1, xOffset: 0, yOffset: 0 }, e.gridstack = this, this.opts = t = t || {}, e.classList.contains("grid-stack") || this.el.classList.add("grid-stack"), t.row && (t.minRow = t.maxRow = t.row, delete t.row);
-    const i = u.toNumber(e.getAttribute("gs-row"));
+    const i = c.toNumber(e.getAttribute("gs-row"));
     t.column === "auto" && delete t.column, t.alwaysShowResizeHandle !== void 0 && (t._alwaysShowResizeHandle = t.alwaysShowResizeHandle);
     let s = (a = t.columnOpts) == null ? void 0 : a.breakpoints;
     const r = t;
     if (r.oneColumnModeDomSort && (delete r.oneColumnModeDomSort, console.log("warning: Gridstack oneColumnModeDomSort no longer supported. Use GridStackOptions.columnOpts instead.")), r.oneColumnSize || r.disableOneColumnMode === !1) {
       const g = r.oneColumnSize || 768;
       delete r.oneColumnSize, delete r.disableOneColumnMode, t.columnOpts = t.columnOpts || {}, s = t.columnOpts.breakpoints = t.columnOpts.breakpoints || [];
-      let v = s.find((p) => p.c === 1);
-      v ? v.w = g : (v = { c: 1, w: g }, s.push(v, { c: 12, w: g + 1 }));
+      let y = s.find((m) => m.c === 1);
+      y ? y.w = g : (y = { c: 1, w: g }, s.push(y, { c: 12, w: g + 1 }));
     }
     const o = t.columnOpts;
-    o && (!o.columnWidth && !((f = o.breakpoints) != null && f.length) ? (delete t.columnOpts, s = void 0) : o.columnMax = o.columnMax || 12), (s == null ? void 0 : s.length) > 1 && s.sort((g, v) => (v.w || 0) - (g.w || 0));
+    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 = {
-      ...u.cloneDeep(j),
-      column: u.toNumber(e.getAttribute("gs-column")) || j.column,
-      minRow: i || u.toNumber(e.getAttribute("gs-min-row")) || j.minRow,
-      maxRow: i || u.toNumber(e.getAttribute("gs-max-row")) || j.maxRow,
-      staticGrid: u.toBool(e.getAttribute("gs-static")) || j.staticGrid,
-      sizeToContent: u.toBool(e.getAttribute("gs-size-to-content")) || void 0,
+      ...c.cloneDeep(V),
+      column: c.toNumber(e.getAttribute("gs-column")) || V.column,
+      minRow: i || c.toNumber(e.getAttribute("gs-min-row")) || V.minRow,
+      maxRow: i || c.toNumber(e.getAttribute("gs-max-row")) || V.maxRow,
+      staticGrid: c.toBool(e.getAttribute("gs-static")) || V.staticGrid,
+      sizeToContent: c.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || j.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || V.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || j.removableOptions.accept,
-        decline: j.removableOptions.decline
+        accept: t.itemClass || V.removableOptions.accept,
+        decline: V.removableOptions.decline
       }
     };
-    e.getAttribute("gs-animate") && (n.animate = u.toBool(e.getAttribute("gs-animate"))), t = u.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("." + j.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 !== j.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ie), this._styleSheetClass = "gs-id-" + re._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    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("." + V.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 !== V.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ie), this._styleSheetClass = "gs-id-" + re._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
     const d = t.engineClass || b.engineClass || re;
     if (this.engine = new d({
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
       onChange: (g) => {
-        let v = 0;
-        this.engine.nodes.forEach((p) => {
-          v = Math.max(v, p.y + p.h);
-        }), g.forEach((p) => {
-          const R = p.el;
-          R && (p._removeDOM ? (R && R.remove(), delete p._removeDOM) : this._writePosAttr(R, p));
-        }), this._updateStyles(!1, v);
+        let y = 0;
+        this.engine.nodes.forEach((m) => {
+          y = Math.max(y, m.y + m.h);
+        }), g.forEach((m) => {
+          const k = m.el;
+          k && (m._removeDOM ? (k && k.remove(), delete m._removeDOM) : this._writePosAttr(k, m));
+        }), this._updateStyles(!1, y);
       }
     }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((g) => this._prepareElement(g)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
       const g = t.children;
       delete t.children, g.length && this.load(g);
     }
-    this.setAnimation(), t.subGridDynamic && !w.pauseDrag && (w.pauseDrag = !0), ((y = t.draggable) == null ? void 0 : y.pause) !== void 0 && (w.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    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();
   }
   /**
    * add a new widget and returns it.
@@ -2964,12 +3018,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (i = t.gridstackNode, i && t.parentElement === this.el && this.engine.nodes.find((r) => r._id === i._id))
       return t;
     const s = this._readAttr(t);
-    return u.defaults(e, s), this.engine.prepareNode(e), this.el.appendChild(t), this.makeWidget(t, e), t;
+    return c.defaults(e, s), this.engine.prepareNode(e), this.el.appendChild(t), this.makeWidget(t, e), t;
   }
   /** create the default grid item divs, and content (possibly lazy loaded) by using GridStack.renderCB() */
   createWidgetDivs(e) {
-    const t = u.createDiv(["grid-stack-item", this.opts.itemClass]), i = u.createDiv(["grid-stack-item-content"], t);
-    return u.lazyLoad(e) ? e.visibleObservable || (e.visibleObservable = new IntersectionObserver(([s]) => {
+    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));
     }), window.setTimeout(() => {
@@ -2987,14 +3041,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @returns newly created grid
    */
   makeSubGrid(e, t, i, s = !0) {
-    var y, g, v;
+    var p, g, y;
     let r = e.gridstackNode;
-    if (r || (r = this.makeWidget(e).gridstackNode), (y = r.subGrid) != null && y.el)
+    if (r || (r = this.makeWidget(e).gridstackNode), (p = r.subGrid) != null && p.el)
       return r.subGrid;
     let o, n = this;
     for (; n && !o; )
-      o = (g = n.opts) == null ? void 0 : g.subGridOpts, n = (v = n.parentGridNode) == null ? void 0 : v.grid;
-    t = u.cloneDeep({
+      o = (g = n.opts) == null ? void 0 : g.subGridOpts, n = (y = n.parentGridNode) == null ? void 0 : y.grid;
+    t = c.cloneDeep({
       // by default sub-grid inherit from us | parent, other than id, children, etc...
       ...this.opts,
       id: void 0,
@@ -3009,12 +3063,12 @@ 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 }, u.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 = u.createDiv(["grid-stack-item"]), d.appendChild(l), l = u.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const p = h ? t.column : r.w, R = r.h + i.h, H = r.el.style;
-      H.transition = "none", this.update(r.el, { w: p, h: R }), setTimeout(() => H.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), 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, k = r.h + i.h, w = r.el.style;
+      w.transition = "none", this.update(r.el, { w: m, h: k }), setTimeout(() => w.transition = null);
     }
     const f = r.subGrid = b.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(() => u.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
+    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;
   }
   /**
    * called when an item was converted into a nested grid to accommodate a dragged over item, but then item leaves - return back
@@ -3025,7 +3079,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const t = (i = this.parentGridNode) == null ? void 0 : i.grid;
     t && (t.batchUpdate(), t.removeWidget(this.parentGridNode.el, !0, !0), this.engine.nodes.forEach((s) => {
       s.x += this.parentGridNode.x, s.y += this.parentGridNode.y, t.makeWidget(s.el, s);
-    }), t.batchUpdate(!1), this.parentGridNode && delete this.parentGridNode.subGrid, delete this.parentGridNode, e && window.setTimeout(() => u.simulateMouseEvent(e._event, "mouseenter", t.el), 0));
+    }), t.batchUpdate(!1), this.parentGridNode && delete this.parentGridNode.subGrid, delete this.parentGridNode, e && window.setTimeout(() => c.simulateMouseEvent(e._event, "mouseenter", t.el), 0));
   }
   /**
    * saves the current layout returning a list of widgets for serialization which might include any nested grids.
@@ -3049,10 +3103,10 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       }
       delete r.el;
     }), t) {
-      const r = u.cloneDeep(this.opts);
+      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, u.removeInternalAndSame(r, j), r.children = s, r;
+      return delete r._alwaysShowResizeHandle, o !== void 0 ? r.alwaysShowResizeHandle = o : delete r.alwaysShowResizeHandle, c.removeInternalAndSame(r, V), r.children = s, r;
     }
     return s;
   }
@@ -3068,11 +3122,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   load(e, t = b.addRemoveCB || !0) {
     var l;
-    e = u.cloneDeep(e);
+    e = c.cloneDeep(e);
     const i = this.getColumn();
     e.forEach((d) => {
       d.w = d.w || 1, d.h = d.h || 1;
-    }), e = u.sort(e), this.engine.skipCacheUpdate = this._ignoreLayoutsNodeChange = !0;
+    }), e = c.sort(e), this.engine.skipCacheUpdate = this._ignoreLayoutsNodeChange = !0;
     let s = 0;
     e.forEach((d) => {
       s = Math.max(s, (d.x || 0) + d.w);
@@ -3085,16 +3139,16 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     n && this.setAnimation(!1), !n && t && [...this.engine.nodes].forEach((a) => {
       if (!a.id)
         return;
-      u.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) || (b.addRemoveCB && b.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) => u.find(e, d.id) ? (h.push(d), !1) : !0), e.forEach((d) => {
+    return this.engine.nodes = this.engine.nodes.filter((d) => c.find(e, d.id) ? (h.push(d), !1) : !0), e.forEach((d) => {
       var f;
-      const a = u.find(h, d.id);
+      const a = c.find(h, d.id);
       if (a) {
-        if (u.shouldSizeToContent(a) && (d.h = a.h), this.engine.nodeBoundFix(d), (d.autoPosition || d.x === void 0 || d.y === void 0) && (d.w = d.w || a.w, d.h = d.h || a.h, this.engine.findEmptyPosition(d)), this.engine.nodes.push(a), u.samePos(a, d) && this.engine.nodes.length > 1 && (this.moveNode(a, { ...d, forceCollide: !0 }), u.copyPos(d, a)), this.update(a.el, d), (f = d.subGridOpts) != null && f.children) {
-          const y = a.el.querySelector(".grid-stack");
-          y && y.gridstack && y.gridstack.load(d.subGridOpts.children);
+        if (c.shouldSizeToContent(a) && (d.h = a.h), this.engine.nodeBoundFix(d), (d.autoPosition || d.x === void 0 || d.y === void 0) && (d.w = d.w || a.w, d.h = d.h || a.h, this.engine.findEmptyPosition(d)), this.engine.nodes.push(a), c.samePos(a, d) && this.engine.nodes.length > 1 && (this.moveNode(a, { ...d, forceCollide: !0 }), c.copyPos(d, a)), this.update(a.el, d), (f = d.subGridOpts) != null && f.children) {
+          const p = a.el.querySelector(".grid-stack");
+          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;
@@ -3122,7 +3176,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       return this.opts.cellHeight * (96 / 2.54) / 10;
     const t = this.el.querySelector("." + this.opts.itemClass);
     if (t) {
-      const s = u.toNumber(t.getAttribute("gs-h")) || 1;
+      const s = c.toNumber(t.getAttribute("gs-h")) || 1;
       return Math.round(t.offsetHeight / s);
     }
     const i = parseInt(this.el.getAttribute("gs-current-row"));
@@ -3147,7 +3201,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const s = -this.opts.marginRight - this.opts.marginLeft + this.opts.marginTop + this.opts.marginBottom;
       e = this.cellWidth() + s;
     }
-    const i = u.parseHeight(e);
+    const i = c.parseHeight(e);
     return this.opts.cellHeightUnit === i.unit && this.opts.cellHeight === i.h ? this : (this.opts.cellHeightUnit = i.unit, this.opts.cellHeight = i.h, this.resizeToContentCheck(), t && this._updateStyles(!0), this);
   }
   /** Gets current cell width. */
@@ -3382,7 +3436,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const s = i == null ? void 0 : i.gridstackNode;
       if (!s)
         return;
-      const r = { ...u.copyPos({}, s), ...u.cloneDeep(t) };
+      const r = { ...c.copyPos({}, s), ...c.cloneDeep(t) };
       this.engine.nodeBoundFix(r), delete r.autoPosition;
       const o = ["x", "y", "w", "h"];
       let n;
@@ -3395,7 +3449,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       let h = !1, l = !1;
       for (const a in r)
         a[0] !== "_" && s[a] !== r[a] && (s[a] = r[a], h = !0, l = l || !this.opts.staticGrid && (a === "noResize" || a === "noMove" || a === "locked"));
-      if (u.sanitizeMinMax(s), n) {
+      if (c.sanitizeMinMax(s), n) {
         const a = n.w !== void 0 && n.w !== s.w;
         this.moveNode(s, n), a && s.subGrid ? s.subGrid.onResize(this.hasAnimationCSS() ? s.w : void 0) : this.resizeToContentCheck(a, s), delete s._orig;
       }
@@ -3413,7 +3467,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param useNodeH set to true if GridStackNode.h should be used instead of actual container height when we don't need to wait for animation to finish to get actual DOM heights
    */
   resizeToContent(e) {
-    var f, y;
+    var f, p;
     if (!e || (e.classList.remove("size-to-content-max"), !e.clientHeight))
       return;
     const t = e.gridstackNode;
@@ -3432,10 +3486,10 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let l;
     if (t.subGrid) {
       l = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
-      const g = t.subGrid.el.getBoundingClientRect(), v = t.subGrid.el.parentElement.getBoundingClientRect();
-      l += g.top - v.top;
+      const g = t.subGrid.el.getBoundingClientRect(), y = t.subGrid.el.parentElement.getBoundingClientRect();
+      l += g.top - y.top;
     } else {
-      if ((y = (f = t.subGridOpts) == null ? void 0 : f.children) != null && y.length)
+      if ((p = (f = t.subGridOpts) == null ? void 0 : f.children) != null && p.length)
         return;
       {
         const g = o.firstElementChild;
@@ -3464,7 +3518,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   rotate(e, t) {
     return b.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
-      if (!u.canBeRotated(s))
+      if (!c.canBeRotated(s))
         return;
       const r = { w: s.h, h: s.w, minH: s.minW, minW: s.minH, maxH: s.maxW, maxW: s.maxH };
       if (t) {
@@ -3484,7 +3538,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   margin(e) {
     if (!(typeof e == "string" && e.split(" ").length > 1)) {
-      const i = u.parseHeight(e);
+      const i = c.parseHeight(e);
       if (this.opts.marginUnit === i.unit && this.opts.margin === i.h)
         return;
     }
@@ -3556,7 +3610,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _removeStylesheet() {
     if (this._styles) {
       const e = this.opts.styleInHead ? void 0 : this.el.parentNode;
-      u.removeStylesheet(this._styleSheetClass, e), delete this._styles;
+      c.removeStylesheet(this._styleSheetClass, e), delete this._styles;
     }
     return this;
   }
@@ -3567,18 +3621,18 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const i = this.opts.cellHeight, s = this.opts.cellHeightUnit, r = `.${this._styleSheetClass} > .${this.opts.itemClass}`;
     if (!this._styles) {
       const o = this.opts.styleInHead ? void 0 : this.el.parentNode;
-      if (this._styles = u.createStylesheet(this._styleSheetClass, o, {
+      if (this._styles = c.createStylesheet(this._styleSheetClass, o, {
         nonce: this.opts.nonce
       }), !this._styles)
         return this;
-      this._styles._max = 0, u.addCSSRule(this._styles, r, `height: ${i}${s}`);
+      this._styles._max = 0, c.addCSSRule(this._styles, r, `height: ${i}${s}`);
       const n = this.opts.marginTop + this.opts.marginUnit, h = this.opts.marginBottom + this.opts.marginUnit, l = this.opts.marginRight + this.opts.marginUnit, d = this.opts.marginLeft + this.opts.marginUnit, a = `${r} > .grid-stack-item-content`, f = `.${this._styleSheetClass} > .grid-stack-placeholder > .placeholder-content`;
-      u.addCSSRule(this._styles, a, `top: ${n}; right: ${l}; bottom: ${h}; left: ${d};`), u.addCSSRule(this._styles, f, `top: ${n}; right: ${l}; bottom: ${h}; left: ${d};`), u.addCSSRule(this._styles, `${r} > .ui-resizable-n`, `top: ${n};`), u.addCSSRule(this._styles, `${r} > .ui-resizable-s`, `bottom: ${h}`), u.addCSSRule(this._styles, `${r} > .ui-resizable-ne`, `right: ${l}; top: ${n}`), u.addCSSRule(this._styles, `${r} > .ui-resizable-e`, `right: ${l}`), u.addCSSRule(this._styles, `${r} > .ui-resizable-se`, `right: ${l}; bottom: ${h}`), u.addCSSRule(this._styles, `${r} > .ui-resizable-nw`, `left: ${d}; top: ${n}`), u.addCSSRule(this._styles, `${r} > .ui-resizable-w`, `left: ${d}`), u.addCSSRule(this._styles, `${r} > .ui-resizable-sw`, `left: ${d}; bottom: ${h}`);
+      c.addCSSRule(this._styles, a, `top: ${n}; right: ${l}; bottom: ${h}; left: ${d};`), c.addCSSRule(this._styles, f, `top: ${n}; right: ${l}; bottom: ${h}; left: ${d};`), c.addCSSRule(this._styles, `${r} > .ui-resizable-n`, `top: ${n};`), c.addCSSRule(this._styles, `${r} > .ui-resizable-s`, `bottom: ${h}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-ne`, `right: ${l}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-e`, `right: ${l}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-se`, `right: ${l}; bottom: ${h}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-nw`, `left: ${d}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-w`, `left: ${d}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-sw`, `left: ${d}; bottom: ${h}`);
     }
     if (t = t || this._styles._max, t > this._styles._max) {
       const o = (n) => i * n + s;
       for (let n = this._styles._max + 1; n <= t; n++)
-        u.addCSSRule(this._styles, `${r}[gs-y="${n}"]`, `top: ${o(n)}`), u.addCSSRule(this._styles, `${r}[gs-h="${n + 1}"]`, `height: ${o(n + 1)}`);
+        c.addCSSRule(this._styles, `${r}[gs-y="${n}"]`, `top: ${o(n)}`), c.addCSSRule(this._styles, `${r}[gs-h="${n + 1}"]`, `height: ${o(n + 1)}`);
       this._styles._max = t;
     }
     return this;
@@ -3593,19 +3647,19 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (!i)
       return this;
     if (!e) {
-      const r = u.parseHeight(getComputedStyle(this.el).minHeight);
+      const r = c.parseHeight(getComputedStyle(this.el).minHeight);
       if (r.h > 0 && r.unit === s) {
         const o = Math.floor(r.h / i);
         t < o && (t = o);
       }
     }
-    return this.el.setAttribute("gs-current-row", String(t)), this.el.style.removeProperty("min-height"), this.el.style.removeProperty("height"), t && (this.el.style[e ? "minHeight" : "height"] = t * i + s), e && !e.grid.engine.batchMode && u.shouldSizeToContent(e) && e.grid.resizeToContentCBCheck(e.el), this;
+    return this.el.setAttribute("gs-current-row", String(t)), this.el.style.removeProperty("min-height"), this.el.style.removeProperty("height"), t && (this.el.style[e ? "minHeight" : "height"] = t * i + s), e && !e.grid.engine.batchMode && c.shouldSizeToContent(e) && e.grid.resizeToContentCBCheck(e.el), this;
   }
   /** @internal */
   _prepareElement(e, t = !1, i) {
-    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(j.itemClass, this.opts.itemClass);
-    const s = u.shouldSizeToContent(i);
-    return s ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), s && this.resizeToContentCheck(!1, i), u.lazyLoad(i) || this.prepareDragDrop(i.el), this;
+    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(V.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;
   }
   /** @internal call to write position x,y,w,h attributes back to element */
   _writePosAttr(e, t) {
@@ -3631,9 +3685,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   /** @internal call to read any default attributes from element */
   _readAttr(e, t = !0) {
     const i = {};
-    i.x = u.toNumber(e.getAttribute("gs-x")), i.y = u.toNumber(e.getAttribute("gs-y")), i.w = u.toNumber(e.getAttribute("gs-w")), i.h = u.toNumber(e.getAttribute("gs-h")), i.autoPosition = u.toBool(e.getAttribute("gs-auto-position")), i.noResize = u.toBool(e.getAttribute("gs-no-resize")), i.noMove = u.toBool(e.getAttribute("gs-no-move")), i.locked = u.toBool(e.getAttribute("gs-locked"));
+    i.x = c.toNumber(e.getAttribute("gs-x")), i.y = c.toNumber(e.getAttribute("gs-y")), i.w = c.toNumber(e.getAttribute("gs-w")), i.h = c.toNumber(e.getAttribute("gs-h")), i.autoPosition = c.toBool(e.getAttribute("gs-auto-position")), i.noResize = c.toBool(e.getAttribute("gs-no-resize")), i.noMove = c.toBool(e.getAttribute("gs-no-move")), i.locked = c.toBool(e.getAttribute("gs-locked"));
     const s = e.getAttribute("gs-size-to-content");
-    s && (s === "true" || s === "false" ? i.sizeToContent = u.toBool(s) : i.sizeToContent = parseInt(s, 10)), i.id = e.getAttribute("gs-id"), i.maxW = u.toNumber(e.getAttribute("gs-max-w")), i.minW = u.toNumber(e.getAttribute("gs-min-w")), i.maxH = u.toNumber(e.getAttribute("gs-max-h")), i.minH = u.toNumber(e.getAttribute("gs-min-h")), t && (i.w === 1 && e.removeAttribute("gs-w"), i.h === 1 && e.removeAttribute("gs-h"), i.maxW && e.removeAttribute("gs-max-w"), i.minW && e.removeAttribute("gs-min-w"), i.maxH && e.removeAttribute("gs-max-h"), i.minH && e.removeAttribute("gs-min-h"));
+    s && (s === "true" || s === "false" ? i.sizeToContent = c.toBool(s) : i.sizeToContent = parseInt(s, 10)), i.id = e.getAttribute("gs-id"), i.maxW = c.toNumber(e.getAttribute("gs-max-w")), i.minW = c.toNumber(e.getAttribute("gs-min-w")), i.maxH = c.toNumber(e.getAttribute("gs-max-h")), i.minH = c.toNumber(e.getAttribute("gs-min-h")), t && (i.w === 1 && e.removeAttribute("gs-w"), i.h === 1 && e.removeAttribute("gs-h"), i.maxW && e.removeAttribute("gs-max-w"), i.minW && e.removeAttribute("gs-min-w"), i.maxH && e.removeAttribute("gs-max-h"), i.minH && e.removeAttribute("gs-min-h"));
     for (const r in i) {
       if (!i.hasOwnProperty(r))
         return;
@@ -3666,11 +3720,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (e && this.hasAnimationCSS())
         return setTimeout(() => this.resizeToContentCheck(!1, t), this.animationDelay);
       if (t)
-        u.shouldSizeToContent(t) && this.resizeToContentCBCheck(t.el);
-      else if (this.engine.nodes.some((i) => u.shouldSizeToContent(i))) {
+        c.shouldSizeToContent(t) && this.resizeToContentCBCheck(t.el);
+      else if (this.engine.nodes.some((i) => c.shouldSizeToContent(i))) {
         const i = [...this.engine.nodes];
         this.batchUpdate(), i.forEach((s) => {
-          u.shouldSizeToContent(s) && this.resizeToContentCBCheck(s.el);
+          c.shouldSizeToContent(s) && this.resizeToContentCBCheck(s.el);
         }), this.batchUpdate(!1);
       }
       this._gsEventHandler.resizecontent && this._gsEventHandler.resizecontent(null, t ? [t] : this.engine.nodes);
@@ -3679,15 +3733,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   /** add or remove the grid element size event handler */
   _updateResizeEvent(e = !1) {
     const t = !this.parentGridNode && (this._isAutoCellHeight || this.opts.sizeToContent || this.opts.columnOpts || this.engine.nodes.find((i) => i.sizeToContent));
-    return !e && t && !this.resizeObserver ? (this._sizeThrottle = u.throttle(() => this.onResize(), this.opts.cellHeightThrottle), this.resizeObserver = new ResizeObserver(() => this._sizeThrottle()), this.resizeObserver.observe(this.el), this._skipInitialResize = !0) : (e || !t) && this.resizeObserver && (this.resizeObserver.disconnect(), delete this.resizeObserver, delete this._sizeThrottle), this;
+    return !e && t && !this.resizeObserver ? (this._sizeThrottle = c.throttle(() => this.onResize(), this.opts.cellHeightThrottle), this.resizeObserver = new ResizeObserver(() => this._sizeThrottle()), this.resizeObserver.observe(this.el), this._skipInitialResize = !0) : (e || !t) && this.resizeObserver && (this.resizeObserver.disconnect(), delete this.resizeObserver, delete this._sizeThrottle), this;
   }
   /** @internal convert a potential selector into actual element */
   static getElement(e = ".grid-stack-item") {
-    return u.getElement(e);
+    return c.getElement(e);
   }
   /** @internal */
   static getElements(e = ".grid-stack-item") {
-    return u.getElements(e);
+    return c.getElements(e);
   }
   /** @internal */
   static getGridElement(e) {
@@ -3695,12 +3749,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   static getGridElements(e) {
-    return u.getElements(e);
+    return c.getElements(e);
   }
   /** @internal initialize margin top/bottom/left/right and units */
   _initMargin() {
     let e, t = 0, i = [];
-    return typeof this.opts.margin == "string" && (i = this.opts.margin.split(" ")), i.length === 2 ? (this.opts.marginTop = this.opts.marginBottom = i[0], this.opts.marginLeft = this.opts.marginRight = i[1]) : i.length === 4 ? (this.opts.marginTop = i[0], this.opts.marginRight = i[1], this.opts.marginBottom = i[2], this.opts.marginLeft = i[3]) : (e = u.parseHeight(this.opts.margin), this.opts.marginUnit = e.unit, t = this.opts.margin = e.h), this.opts.marginTop === void 0 ? this.opts.marginTop = t : (e = u.parseHeight(this.opts.marginTop), this.opts.marginTop = e.h, delete this.opts.margin), this.opts.marginBottom === void 0 ? this.opts.marginBottom = t : (e = u.parseHeight(this.opts.marginBottom), this.opts.marginBottom = e.h, delete this.opts.margin), this.opts.marginRight === void 0 ? this.opts.marginRight = t : (e = u.parseHeight(this.opts.marginRight), this.opts.marginRight = e.h, delete this.opts.margin), this.opts.marginLeft === void 0 ? this.opts.marginLeft = t : (e = u.parseHeight(this.opts.marginLeft), this.opts.marginLeft = e.h, delete this.opts.margin), this.opts.marginUnit = e.unit, this.opts.marginTop === this.opts.marginBottom && this.opts.marginLeft === this.opts.marginRight && this.opts.marginTop === this.opts.marginRight && (this.opts.margin = this.opts.marginTop), this;
+    return typeof this.opts.margin == "string" && (i = this.opts.margin.split(" ")), i.length === 2 ? (this.opts.marginTop = this.opts.marginBottom = i[0], this.opts.marginLeft = this.opts.marginRight = i[1]) : i.length === 4 ? (this.opts.marginTop = i[0], this.opts.marginRight = i[1], this.opts.marginBottom = i[2], this.opts.marginLeft = i[3]) : (e = c.parseHeight(this.opts.margin), this.opts.marginUnit = e.unit, t = this.opts.margin = e.h), this.opts.marginTop === void 0 ? this.opts.marginTop = t : (e = c.parseHeight(this.opts.marginTop), this.opts.marginTop = e.h, delete this.opts.margin), this.opts.marginBottom === void 0 ? this.opts.marginBottom = t : (e = c.parseHeight(this.opts.marginBottom), this.opts.marginBottom = e.h, delete this.opts.margin), this.opts.marginRight === void 0 ? this.opts.marginRight = t : (e = c.parseHeight(this.opts.marginRight), this.opts.marginRight = e.h, delete this.opts.margin), this.opts.marginLeft === void 0 ? this.opts.marginLeft = t : (e = c.parseHeight(this.opts.marginLeft), this.opts.marginLeft = e.h, delete this.opts.margin), this.opts.marginUnit = e.unit, this.opts.marginTop === this.opts.marginBottom && this.opts.marginLeft === this.opts.marginRight && this.opts.marginTop === this.opts.marginRight && (this.opts.margin = this.opts.marginTop), this;
   }
   /* ===========================================================================================
    * drag&drop methods that used to be stubbed out and implemented in dd-gridstack.ts
@@ -3709,7 +3763,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 W;
+    return F;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -3721,8 +3775,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 && (w.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? u.getElements(e, s) : e).forEach((o, n) => {
-      W.isDraggable(o) || W.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
+    (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) => {
+      F.isDraggable(o) || F.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
     });
   }
   /**
@@ -3801,12 +3855,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return W.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return F.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 W.droppable(this.el, "destroy"), this;
+      return F.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, o) => {
       var f;
@@ -3816,8 +3870,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       if (!((f = n.grid) != null && f.el)) {
         o.style.transform = `scale(${1 / this.dragTransform.xScale},${1 / this.dragTransform.yScale})`;
-        const y = o.getBoundingClientRect();
-        o.style.left = y.x + (this.dragTransform.xScale - 1) * (s.clientX - y.x) / this.dragTransform.xScale + "px", o.style.top = y.y + (this.dragTransform.yScale - 1) * (s.clientY - y.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
+        const p = o.getBoundingClientRect();
+        o.style.left = p.x + (this.dragTransform.xScale - 1) * (s.clientX - p.x) / this.dragTransform.xScale + "px", o.style.top = p.y + (this.dragTransform.yScale - 1) * (s.clientY - p.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
       }
       let { top: h, left: l } = o.getBoundingClientRect();
       const d = this.el.getBoundingClientRect();
@@ -3831,16 +3885,16 @@ 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)) {
-            W.off(r, "drag");
+            F.off(r, "drag");
             return;
           }
-          n._willFitPos && (u.copyPos(n, n._willFitPos), delete n._willFitPos);
+          n._willFitPos && (c.copyPos(n, n._willFitPos), delete n._willFitPos);
         }
         this._onStartMoving(o, s, a, n, t, e);
       } else
         this._dragOrResize(o, s, a, n, t, e);
     };
-    return W.droppable(this.el, {
+    return F.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -3879,12 +3933,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       n.grid || (n.el || (n = { ...n }), n._isExternal = !0, o.gridstackNode = n);
       const 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), W.on(r, "drag", i), i(s, r, o), !1;
+      n._temporaryRemoved = !0) : (n.w = h, n.h = l, n._temporaryRemoved = !0), b._itemRemoving(n.el, !1), F.on(r, "drag", i), i(s, r, o), !1;
     }).on(this.el, "dropout", (s, r, o) => {
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       return n && (!n.grid || n.grid === this) && (this._leave(r, o), this._isTemp && this.removeAsSubGrid(n)), !1;
     }).on(this.el, "drop", (s, r, o) => {
-      var y, g, v;
+      var p, g, y;
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       if ((n == null ? void 0 : n.grid) === this && !n._isExternal)
         return !1;
@@ -3894,13 +3948,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       d && this.setAnimation(!1);
       const a = r._gridstackNodeOrig;
       if (delete r._gridstackNodeOrig, h && (a != null && a.grid) && a.grid !== this) {
-        const p = a.grid;
-        p.engine.removeNodeFromLayoutCache(a), p.engine.removedNodes.push(a), p._triggerRemoveEvent()._triggerChangeEvent(), p.parentGridNode && !p.engine.nodes.length && p.opts.subGridDynamic && p.removeAsSubGrid();
+        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), (y = n.grid) == null || delete y._isTemp, W.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, F.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !h))
         return !1;
-      const f = (v = (g = n.subGrid) == null ? void 0 : g.el) == null ? void 0 : v.gridstack;
-      return u.copyPos(n, this._readAttr(this.placeholder)), u.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;
+      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;
     }), this;
   }
   /** @internal mark item for removal */
@@ -3915,7 +3969,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 && !W.isDroppable(e) && W.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 && !F.isDroppable(e) && F.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => b._itemRemoving(i, !0)).on(e, "dropout", (t, i) => b._itemRemoving(i, !1)), this) : this;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -3931,23 +3985,23 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       return this;
     if (!i._initDD) {
       let n, h;
-      const l = (f, y) => {
-        this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, f.target), n = this.cellWidth(), h = this.getCellHeight(!0), this._onStartMoving(e, f, y, i, n, h);
-      }, d = (f, y) => {
-        this._dragOrResize(e, f, y, i, n, h);
+      const l = (f, p) => {
+        this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, f.target), n = this.cellWidth(), h = this.getCellHeight(!0), this._onStartMoving(e, f, p, i, n, h);
+      }, d = (f, p) => {
+        this._dragOrResize(e, f, p, i, n, h);
       }, a = (f) => {
         this.placeholder.remove(), delete this.placeholder.gridstackNode, delete i._moving, delete i._event, delete i._lastTried;
-        const y = i.w !== i._orig.w, g = f.target;
+        const p = i.w !== i._orig.w, g = f.target;
         if (!(!g.gridstackNode || g.gridstackNode.grid !== this)) {
           if (i.el = g, i._isAboutToRemove) {
-            const v = e.gridstackNode.grid;
-            v._gsEventHandler[f.type] && v._gsEventHandler[f.type](f, g), v.engine.nodes.push(i), v.removeWidget(e, !0, !0);
+            const y = e.gridstackNode.grid;
+            y._gsEventHandler[f.type] && y._gsEventHandler[f.type](f, g), y.engine.nodes.push(i), y.removeWidget(e, !0, !0);
           } else
-            u.removePositioningStyles(g), i._temporaryRemoved ? (u.copyPos(i, i._orig), this._writePosAttr(g, i), this.engine.addNode(i)) : this._writePosAttr(g, i), this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, g);
-          this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(y, i));
+            c.removePositioningStyles(g), i._temporaryRemoved ? (c.copyPos(i, i._orig), this._writePosAttr(g, i), this.engine.addNode(i)) : this._writePosAttr(g, i), this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, g);
+          this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(p, i));
         }
       };
-      W.draggable(e, {
+      F.draggable(e, {
         start: l,
         stop: a,
         drag: d
@@ -3957,16 +4011,16 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: d
       }), i._initDD = !0;
     }
-    return W.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
+    return F.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, o) {
     var n;
     if (this.engine.cleanNodes().beginUpdate(s), this._writePosAttr(this.placeholder, s), this.el.appendChild(this.placeholder), this.placeholder.gridstackNode = s, (n = s.grid) != null && n.el)
-      this.dragTransform = u.getValuesFromTransformedElement(e);
+      this.dragTransform = c.getValuesFromTransformedElement(e);
     else if (this.placeholder && this.placeholder.closest(".grid-stack")) {
       const h = this.placeholder.closest(".grid-stack");
-      this.dragTransform = u.getValuesFromTransformedElement(h);
+      this.dragTransform = c.getValuesFromTransformedElement(h);
     } else
       this.dragTransform = {
         xScale: 1,
@@ -3976,47 +4030,47 @@ 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;
-      W.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));
+      F.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 */
   _dragOrResize(e, t, i, s, r, o) {
     const n = { ...s._orig };
     let h, l = this.opts.marginLeft, d = this.opts.marginRight, a = this.opts.marginTop, f = this.opts.marginBottom;
-    const y = Math.round(o * 0.1), g = Math.round(r * 0.1);
-    if (l = Math.min(l, g), d = Math.min(d, g), a = Math.min(a, y), f = Math.min(f, y), t.type === "drag") {
+    const p = Math.round(o * 0.1), g = Math.round(r * 0.1);
+    if (l = Math.min(l, g), d = Math.min(d, g), a = Math.min(a, p), f = Math.min(f, p), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
-      const p = i.position.top - s._prevYPix;
-      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && u.updateScrollPosition(e, i.position, p);
-      const R = i.position.left + (i.position.left > s._lastUiPosition.left ? -d : l), H = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : a);
-      n.x = Math.round(R / r), n.y = Math.round(H / o);
-      const T = this._extraDragRow;
+      const m = i.position.top - s._prevYPix;
+      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, m);
+      const k = 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(k / r), n.y = Math.round(w / o);
+      const E = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        const q = this.getRow();
-        let x = Math.max(0, n.y + s.h - q);
-        this.opts.maxRow && q + x > this.opts.maxRow && (x = Math.max(0, this.opts.maxRow - q)), this._extraDragRow = x;
+        const D = this.getRow();
+        let C = Math.max(0, n.y + s.h - D);
+        this.opts.maxRow && D + C > this.opts.maxRow && (C = Math.max(0, this.opts.maxRow - D)), this._extraDragRow = C;
       } else
         this._extraDragRow = 0;
-      if (this._extraDragRow !== T && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
+      if (this._extraDragRow !== E && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
         return;
     } else if (t.type === "resize") {
-      if (n.x < 0 || (u.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)
+      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)
         return;
-      const p = i.position.left + l, R = i.position.top + a;
-      n.x = Math.round(p / r), n.y = Math.round(R / o), h = !0;
+      const m = i.position.left + l, k = i.position.top + a;
+      n.x = Math.round(m / r), n.y = Math.round(k / o), h = !0;
     }
     s._event = t, s._lastTried = n;
-    const v = {
+    const y = {
       x: i.position.left + l,
       y: i.position.top + a,
       w: (i.size ? i.size.width : s.w * r) - l - d,
       h: (i.size ? i.size.height : s.h * o) - a - f
     };
-    if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: o, rect: v, resizing: h })) {
+    if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: o, rect: y, resizing: h })) {
       s._lastUiPosition = i.position, this.engine.cacheRects(r, o, a, d, f, l), delete s._skipDown, h && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
-      const p = t.target;
-      s._sidebarOrig || this._writePosAttr(p, s), this._gsEventHandler[t.type] && this._gsEventHandler[t.type](t, p);
+      const m = t.target;
+      s._sidebarOrig || this._writePosAttr(m, s), this._gsEventHandler[t.type] && this._gsEventHandler[t.type](t, m);
     }
   }
   /** @internal called when item leaving our area by either cursor dropout event
@@ -4026,7 +4080,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    if (!i || (t.style.transform = t.style.transformOrigin = null, W.off(e, "drag"), i._temporaryRemoved))
+    if (!i || (t.style.transform = t.style.transformOrigin = null, F.off(e, "drag"), i._temporaryRemoved))
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
@@ -4034,173 +4088,173 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return vs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return xs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
-b.renderCB = (c, e) => {
-  c && (e != null && e.content) && (c.textContent = e.content);
+b.renderCB = (u, e) => {
+  u && (e != null && e.content) && (u.textContent = e.content);
 };
 b.resizeToContentParent = ".grid-stack-item-content";
-b.Utils = u;
+b.Utils = c;
 b.Engine = re;
 b.GDRev = "11.5.1";
-const Es = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], xs = { class: "grid-stack-item-content" }, Cs = /* @__PURE__ */ Q({
+const Ts = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], zs = { class: "grid-stack-item-content" }, Ds = /* @__PURE__ */ Q({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
-    tileHeight: { default: $e }
+    tileHeight: { default: Ge }
   },
   emits: ["update-tiles"],
-  setup(c, { expose: e, emit: t }) {
-    const i = c, s = t, r = B(null), o = B(new Map(i.tiles.map((y) => [`${y.id}`, y])));
+  setup(u, { expose: e, emit: t }) {
+    const i = u, s = t, r = $(null), o = $(new Map(i.tiles.map((p) => [`${p.id}`, p])));
     let n = null;
-    const h = (y) => `[data-id="${y}"]`, l = (y) => y.map((g) => {
-      var p;
-      const v = o.value.get(`${(p = g.el) == null ? void 0 : p.getAttribute("data-id")}`);
-      if (v)
+    const h = (p) => `[data-id="${p}"]`, l = (p) => p.map((g) => {
+      var m;
+      const y = o.value.get(`${(m = g.el) == null ? void 0 : m.getAttribute("data-id")}`);
+      if (y)
         return {
-          ...v,
+          ...y,
           layout: {
             position: { col: Number(g.x), row: Number(g.y) },
             size: { cols: Number(g.w), rows: Number(g.h) }
           }
         };
-    }).filter((g) => g !== void 0), d = (y, g) => {
-      n && (l(g).forEach((p) => {
-        o.value.set(`${p.id}`, p);
+    }).filter((g) => g !== void 0), d = (p, g) => {
+      n && (l(g).forEach((m) => {
+        o.value.set(`${m.id}`, m);
       }), s("update-tiles", Array.from(o.value.values())));
-    }, a = (y, g) => {
-      g.forEach((v) => {
-        var p;
-        o.value.delete(`${(p = v.el) == null ? void 0 : p.getAttribute("data-id")}`);
+    }, a = (p, g) => {
+      g.forEach((y) => {
+        var m;
+        o.value.delete(`${(m = y.el) == null ? void 0 : m.getAttribute("data-id")}`);
       }), s("update-tiles", Array.from(o.value.values()));
     };
-    Xe(() => {
+    Qe(() => {
       r.value && (n = b.init({
         margin: 10,
-        column: At,
+        column: qt,
         cellHeight: i.tileHeight,
         resizable: { handles: "se, sw" },
         handle: ".tile-header"
       }, r.value), n.on("change", d), n.on("added", d), n.on("removed", a));
-    }), We(() => {
+    }), je(() => {
       n && n.destroy(!1);
     });
-    const f = (y) => {
+    const f = (p) => {
       if (n && r.value) {
-        const g = r.value.querySelector(h(y));
+        const g = r.value.querySelector(h(p));
         g && n.removeWidget(g);
       }
     };
-    return Ke(() => i.tiles.length, async (y, g) => {
-      if (y > g && n) {
-        const v = i.tiles.slice(g);
-        for (const p of v)
-          o.value.set(`${p.id}`, p), await Rt(), n.makeWidget(h(p.id), {
+    return Xe(() => i.tiles.length, async (p, g) => {
+      if (p > g && n) {
+        const y = i.tiles.slice(g);
+        for (const m of y)
+          o.value.set(`${m.id}`, m), await St(), n.makeWidget(h(m.id), {
             autoPosition: !0,
-            w: p.layout.size.cols,
-            h: p.layout.size.rows
+            w: m.layout.size.cols,
+            h: m.layout.size.rows
           });
       }
-    }), Et(() => {
-      i.tiles.forEach((y) => {
-        o.value.set(`${y.id}`, y);
+    }), Tt(() => {
+      i.tiles.forEach((p) => {
+        o.value.set(`${p.id}`, p);
       });
-    }), e({ removeWidget: f }), (y, g) => (C(), V("div", {
+    }), e({ removeWidget: f }), (p, g) => (z(), W("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
     }, [
-      (C(!0), V(zt, null, Dt(i.tiles, (v) => (C(), V("div", {
-        key: v.id,
+      (z(!0), W(Lt, null, At(i.tiles, (y) => (z(), W("div", {
+        key: y.id,
         class: "grid-stack-item",
-        "data-id": `${v.id}`,
-        "data-testid": `grid-stack-item-${v.id}`,
-        "gs-h": v.layout.size.rows,
+        "data-id": `${y.id}`,
+        "data-testid": `grid-stack-item-${y.id}`,
+        "gs-h": y.layout.size.rows,
         "gs-lazy-load": !0,
-        "gs-w": v.layout.size.cols,
-        "gs-x": v.layout.position.col,
-        "gs-y": v.layout.position.row
+        "gs-w": y.layout.size.cols,
+        "gs-x": y.layout.position.col,
+        "gs-y": y.layout.position.row
       }, [
-        le("div", xs, [
-          Pe(y.$slots, "tile", { tile: v }, void 0, !0)
+        le("div", zs, [
+          $e(p.$slots, "tile", { tile: y }, void 0, !0)
         ])
-      ], 8, Es))), 128))
+      ], 8, Ts))), 128))
     ], 512));
   }
-}), Rs = /* @__PURE__ */ ce(Cs, [["__scopeId", "data-v-a68d6821"]]), Ts = { class: "kong-ui-public-dashboard-renderer" }, zs = {
+}), Ss = /* @__PURE__ */ fe(Ds, [["__scopeId", "data-v-a68d6821"]]), Ns = { class: "kong-ui-public-dashboard-renderer" }, Ls = {
   key: 0,
   class: "tile-container slottable-tile"
-}, Ds = /* @__PURE__ */ Q({
+}, As = /* @__PURE__ */ Q({
   __name: "DashboardRenderer",
-  props: /* @__PURE__ */ lt({
+  props: /* @__PURE__ */ gt({
     context: {}
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ lt(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
-  setup(c, { expose: e, emit: t }) {
-    const i = c, s = t, r = oi(c, "modelValue"), { i18n: o } = _e.useI18n(), n = B(0), h = B(null), l = be(ue);
-    l || (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")), _e.useRequestQueue();
-    const d = St(), a = S(() => i.context.timeSpec ? i.context.timeSpec : {
+  emits: /* @__PURE__ */ gt(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
+  setup(u, { expose: e, emit: t }) {
+    const i = u, s = t, r = ui(u, "modelValue"), { i18n: o } = ce.useI18n(), n = $(0), h = $(null), l = _e(ue);
+    l || (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")), ce.useRequestQueue();
+    const d = Mt(), a = N(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
       time_range: d.defaultQueryTimeForOrg
-    }), f = S(() => !!i.context.timeSpec || !d.loading), y = (E, A) => {
-      const N = E.layout.position.row - A.layout.position.row;
-      return N !== 0 ? N : E.layout.position.col - A.layout.position.col;
-    }, g = S(() => r.value.tiles.map((E) => {
-      var N;
-      let A = E.definition;
+    }), f = N(() => !!i.context.timeSpec || !d.loading), p = (R, A) => {
+      const L = R.layout.position.row - A.layout.position.row;
+      return L !== 0 ? L : R.layout.position.col - A.layout.position.col;
+    }, g = N(() => r.value.tiles.map((R) => {
+      var L;
+      let A = R.definition;
       if ("description" in A.chart) {
-        const G = (N = A.chart.description) == null ? void 0 : N.replace(Ii, () => {
-          const oe = `renderer.trendRange.${a.value.type === "absolute" ? "custom" : a.value.time_range}`;
-          return o.te(oe) ? o.t(oe) : "";
+        const U = (L = A.chart.description) == null ? void 0 : L.replace(Gi, () => {
+          const ae = `renderer.trendRange.${a.value.type === "absolute" ? "custom" : a.value.time_range}`;
+          return o.te(ae) ? o.t(ae) : "";
         });
         A = {
           ...A,
           chart: {
             ...A.chart,
-            description: G
+            description: U
           }
         };
       }
-      return i.context.editable && !E.id && console.warn(
+      return i.context.editable && !R.id && console.warn(
         "No id provided for tile. One will be generated automatically,",
         "however tracking changes to this tile may not work as expected.",
-        E
+        R
       ), {
-        layout: E.layout,
+        layout: R.layout,
         meta: A,
-        type: E.type,
+        type: R.type,
         // Add a unique key to each tile internally.
-        id: E.id ?? crypto.randomUUID()
+        id: R.id ?? crypto.randomUUID()
       };
-    })), v = S(() => {
-      var oe, fe, ke;
-      let { tz: E, refreshInterval: A, editable: N } = i.context;
-      const G = [...i.context.filters ?? [], ...r.value.preset_filters ?? []];
-      E || (E = new Intl.DateTimeFormat().resolvedOptions().timeZone), A === void 0 && (A = qi), N === void 0 && (N = !1);
-      const U = !!((ke = (fe = (oe = ai()) == null ? void 0 : oe.vnode) == null ? void 0 : fe.props) != null && ke.onTileTimeRangeZoom);
+    })), y = N(() => {
+      var ae, De, Se;
+      let { tz: R, refreshInterval: A, editable: L } = i.context;
+      const U = [...i.context.filters ?? [], ...r.value.preset_filters ?? []];
+      R || (R = new Intl.DateTimeFormat().resolvedOptions().timeZone), A === void 0 && (A = Ui), L === void 0 && (L = !1);
+      const ee = !!((Se = (De = (ae = ci()) == null ? void 0 : ae.vnode) == null ? void 0 : De.props) != null && Se.onTileTimeRangeZoom);
       return {
-        filters: G,
-        tz: E,
+        filters: U,
+        tz: R,
         timeSpec: a.value,
         refreshInterval: A,
-        editable: N,
-        zoomable: U
+        editable: L,
+        zoomable: ee
       };
-    }), p = (E) => {
-      s("edit-tile", E);
-    }, R = (E) => E.type === "slottable", H = (E) => {
-      const A = R(E.meta.chart) ? { ...E.meta.chart } : {
-        ...E.meta.chart,
-        chart_title: E.meta.chart.chart_title ? `Copy of ${E.meta.chart.chart_title}` : ""
-      }, N = {
+    }), m = (R) => {
+      s("edit-tile", R);
+    }, k = (R) => R.type === "slottable", w = (R) => {
+      const A = k(R.meta.chart) ? { ...R.meta.chart } : {
+        ...R.meta.chart,
+        chart_title: R.meta.chart.chart_title ? `Copy of ${R.meta.chart.chart_title}` : ""
+      }, L = {
         id: crypto.randomUUID(),
         type: "chart",
         definition: {
-          ...E.meta,
+          ...R.meta,
           chart: A
         },
         layout: {
@@ -4208,75 +4262,75 @@ const Es = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], xs = { cl
             col: 0,
             row: 0
           },
-          size: E.layout.size
+          size: R.layout.size
         }
       };
-      r.value.tiles.push(N);
-    }, T = (E) => {
-      h.value && h.value.removeWidget(E.id);
-    }, q = () => {
+      r.value.tiles.push(L);
+    }, E = (R) => {
+      h.value && h.value.removeWidget(R.id);
+    }, D = () => {
       n.value++;
-    }, x = (E) => {
-      const A = E.map((N) => ({
-        id: N.id,
-        type: N.type,
-        layout: N.layout,
-        definition: N.meta
+    }, C = (R) => {
+      const A = R.map((L) => ({
+        id: L.id,
+        type: L.type,
+        layout: L.layout,
+        definition: L.meta
       }));
-      r.value.tiles = A.sort(y);
+      r.value.tiles = A.sort(p);
     };
-    return e({ refresh: q }), (E, A) => {
-      const N = de("KAlert");
-      return C(), V("div", Ts, [
-        k(l) ? (C(), M(Tt(E.context.editable ? Rs : ys), {
+    return e({ refresh: D }), (R, A) => {
+      const L = de("KAlert");
+      return z(), W("div", Ns, [
+        T(l) ? (z(), M(Nt(R.context.editable ? Ss : Es), {
           key: 1,
           ref_key: "gridLayoutRef",
           ref: h,
           "tile-height": r.value.tile_height,
           tiles: g.value,
-          onUpdateTiles: x
+          onUpdateTiles: C
         }, {
-          tile: I(({ tile: G }) => [
-            G.meta.chart.type === "slottable" ? (C(), V("div", zs, [
-              Pe(E.$slots, G.meta.chart.id, {}, void 0, !0)
-            ])) : (C(), M(gs, {
+          tile: q(({ tile: U }) => [
+            U.meta.chart.type === "slottable" ? (z(), W("div", Ls, [
+              $e(R.$slots, U.meta.chart.id, {}, void 0, !0)
+            ])) : (z(), M(_s, {
               key: 1,
               class: "tile-container",
-              context: v.value,
-              definition: G.meta,
-              height: G.layout.size.rows * (r.value.tile_height || k($e)) + parseInt(k(Bt), 10),
+              context: y.value,
+              definition: U.meta,
+              height: U.layout.size.rows * (r.value.tile_height || T(Ge)) + parseInt(T(Vt), 10),
               "query-ready": f.value,
               "refresh-counter": n.value,
-              "tile-id": G.id,
-              onDuplicateTile: (U) => H(G),
-              onEditTile: (U) => p(G),
-              onRemoveTile: (U) => T(G),
-              onTileTimeRangeZoom: A[0] || (A[0] = (U) => s("tile-time-range-zoom", U))
+              "tile-id": U.id,
+              onDuplicateTile: (ee) => w(U),
+              onEditTile: (ee) => m(U),
+              onRemoveTile: (ee) => E(U),
+              onTileTimeRangeZoom: A[0] || (A[0] = (ee) => s("tile-time-range-zoom", ee))
             }, null, 8, ["context", "definition", "height", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
           ]),
           _: 3
-        }, 40, ["tile-height", "tiles"])) : (C(), M(N, {
+        }, 40, ["tile-height", "tiles"])) : (z(), M(L, {
           key: 0,
           appearance: "danger"
         }, {
-          default: I(() => [
-            Ee(te(k(o).t("renderer.noQueryBridge")), 1)
+          default: q(() => [
+            Ee(te(T(o).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))
       ]);
     };
   }
-}), Ps = /* @__PURE__ */ ce(Ds, [["__scopeId", "data-v-c16badc2"]]);
+}), Bs = /* @__PURE__ */ fe(As, [["__scopeId", "data-v-c16badc2"]]);
 export {
-  Mi as C,
-  Ps as D,
-  ut as E,
-  ys as G,
+  $i as C,
+  Bs as D,
+  pt as E,
+  Es as G,
   ue as I,
-  Ii as T,
-  Qe as _,
-  $e as a,
-  At as b,
-  qi as c
+  Gi as T,
+  tt as _,
+  Ge as a,
+  qt as b,
+  Ui as c
 };