@kong-ui-public/dashboard-renderer 8.15.6 → 8.15.7

package/dist/{index-Cl2lalIu.js → index-CpkQ1yyT.js}

@@ -1,22 +1,22 @@
-import { ref as N, watchEffect as St, inject as le, provide as oi, toRaw as ai, computed as b, isRef as li, isReactive as ui, toRef as be, hasInjectionContext as ot, onMounted as Ie, watch as we, onUnmounted as ke, getCurrentInstance as di, readonly as Ue, defineComponent as K, resolveComponent as te, unref as E, openBlock as w, createBlock as L, createSlots as Me, withCtx as M, createElementVNode as Q, toDisplayString as W, renderSlot as Ee, createCommentVNode as U, normalizeStyle as ze, normalizeClass as _e, createVNode as ae, mergeProps as Dt, createTextVNode as Ke, createElementBlock as P, normalizeProps as hi, guardReactiveProps as ci, defineAsyncComponent as zt, Fragment as Ve, useCssVars as Qe, useModel as Nt, nextTick as Ye, resolveDynamicComponent as Lt, toHandlers as fi, mergeModels as Ne, renderList as At, useTemplateRef as at } from "vue";
-import { isPlatformDatasource as Ot, msToGranularity as We, restoreAfterCapture as lt, prepareForCapture as gi, TimePeriods as mi, TIMEFRAME_LOOKUP as pi, formatTime as ut, EXPORT_RECORD_LIMIT as yi } from "@kong-ui-public/analytics-utilities";
+import { ref as L, watchEffect as Dt, inject as le, provide as oi, toRaw as ai, computed as b, isRef as li, isReactive as ui, toRef as be, hasInjectionContext as at, onMounted as Oe, watch as we, onUnmounted as Te, getCurrentInstance as hi, readonly as Ue, defineComponent as K, resolveComponent as te, unref as E, openBlock as w, createBlock as N, createSlots as Me, withCtx as M, createElementVNode as Q, toDisplayString as W, renderSlot as Ee, createCommentVNode as U, normalizeStyle as ze, normalizeClass as _e, createVNode as ae, mergeProps as zt, createTextVNode as Ke, createElementBlock as P, normalizeProps as di, guardReactiveProps as ci, defineAsyncComponent as Lt, Fragment as Ve, useCssVars as Qe, useModel as Nt, nextTick as Ye, resolveDynamicComponent as At, toHandlers as fi, mergeModels as Le, renderList as Ht, useTemplateRef as lt } from "vue";
+import { isPlatformDatasource as It, msToGranularity as We, restoreAfterCapture as ut, prepareForCapture as gi, TimePeriods as mi, TIMEFRAME_LOOKUP as pi, formatTime as ht, EXPORT_RECORD_LIMIT as yi } from "@kong-ui-public/analytics-utilities";
 import { handleQueryError as vi, SimpleChart as _i, AnalyticsChart as bi, TopNTable as wi, CsvExportModal as Ei } from "@kong-ui-public/analytics-chart";
 import xi from "swrv";
 import "axios";
 import { createI18n as Ci, i18nTComponent as Ri } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as je, useDatasourceConfigStore as Te } from "@kong-ui-public/analytics-config-store";
-import { VisibilityOffIcon as ki, WarningOutlineIcon as Ti, WarningIcon as Si, ProgressIcon as Di, RefreshIcon as zi, EditIcon as Ni, MoreIcon as Li } from "@kong/icons";
-import { MetricsProvider as Ai, MetricsConsumer as Oi } from "@kong-ui-public/analytics-metric-provider";
-import { TableDataGrid as Hi } from "@kong-ui-public/table-data-grid";
-var Ht = /* @__PURE__ */ ((a) => (a.VALIDATING = "VALIDATING", a.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", a.PENDING = "PENDING", a.SUCCESS = "SUCCESS", a.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", a.ERROR = "ERROR", a.STALE_IF_ERROR = "STALE_IF_ERROR", a))(Ht || {});
+import { useAnalyticsConfigStore as je, useDatasourceConfigStore as ke } from "@kong-ui-public/analytics-config-store";
+import { VisibilityOffIcon as Ti, WarningOutlineIcon as ki, WarningIcon as Si, ProgressIcon as Di, RefreshIcon as zi, EditIcon as Li, MoreIcon as Ni } from "@kong/icons";
+import { MetricsProvider as Ai, MetricsConsumer as Hi } from "@kong-ui-public/analytics-metric-provider";
+import { TableDataGrid as Ii } from "@kong-ui-public/table-data-grid";
+var qt = /* @__PURE__ */ ((a) => (a.VALIDATING = "VALIDATING", a.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", a.PENDING = "PENDING", a.SUCCESS = "SUCCESS", a.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", a.ERROR = "ERROR", a.STALE_IF_ERROR = "STALE_IF_ERROR", a))(qt || {});
 const qi = (a) => a ? !!// TODO: revisit: currently only the first check ever matters?
 (Object.keys(a)?.length || a.data?.length || a.data?.data?.length || !a.data?.data && typeof a.data == "object" && Object.keys(a?.data).length) : !1;
-function Ii(a = N({}), e, t, i = qi) {
-  const s = N(
+function Oi(a = L({}), e, t, i = qi) {
+  const s = L(
     "PENDING"
     /* PENDING */
   );
-  return St(() => {
+  return Dt(() => {
     const r = i(a.value);
     if (a.value && r && t.value) {
       s.value = "VALIDATING_HAS_DATA";
@@ -45,7 +45,7 @@ function Ii(a = N({}), e, t, i = qi) {
     a.value === void 0 && e && (s.value = "ERROR");
   }), {
     state: s,
-    swrvState: Ht
+    swrvState: qt
   };
 }
 const Mi = { not_configured: { title: "Chart is not fully configured", description: "Begin by choosing at least one metric" }, noQueryBridge: "No query bridge provided.  Unable to render dashboard.", unexpectedError: "An unexpected error has occurred.", trendRange: { "24h": "Last 24-hour summary", "7d": "Last 7-day summary", "30d": "Last 30-day summary" }, edit: "Edit", duplicateTile: "Duplicate", exit_fullscreen: "Exit fullscreen", fullscreen: "Fullscreen", remove: "Remove", delete: "Delete", as_of_today: "As of today" }, Pi = { branding: "Kong Konnect", generated: "Generated {timestamp}", dashboardNote: "For a live, interactive experience, open this dashboard in Konnect", pageOf: "{page} / {total}" }, Bi = { defaultFilename: "Chart export", exportAsCsv: "Export as CSV" }, $i = { control_plane: "Control plane", data_plane_node_version: "Data plane node version", env: "Environment", gateway_service: "Gateway service", hostname: "Hostname", plugin: "Plugin", plugin_name: "Plugin name", plugin_scope: "Plugin scope", region: "Region", request_count: "Request count", route: "Route", status_code: "Status code", team: "Team", name: "Name" }, Fi = "Explore", Gi = "View requests", Ui = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", Wi = { daily: "1 day", fiveMinutely: "5 minutes", hourly: "1 hour", minutely: "1 minute", tenMinutely: "10 minutes", tenSecondly: "10 seconds", thirtyMinutely: "30 minutes", thirtySecondly: "30 seconds", twelveHourly: "12 hours", twoHourly: "2 hours", weekly: "1 week", unknown: "Unknown" }, Ki = {
@@ -58,7 +58,7 @@ const Mi = { not_configured: { title: "Chart is not fully configured", descripti
   query_aged_out_warning: Ui,
   granularities: Wi
 };
-function qt() {
+function Ot() {
   const a = Ci("en-us", Ki);
   return {
     i18n: a,
@@ -66,8 +66,8 @@ function qt() {
     // Translation component <i18n-t>
   };
 }
-const Se = 170, Xe = 6, ce = "analytics-query-provider", dt = "{entity-id}", Vi = "{cp-id}", Qi = "{timeframe}", Yi = 30 * 1e3, ji = 3e5, Xi = 36e5;
-function Zi() {
+const Se = 170, Ze = 6, ce = "analytics-query-provider", dt = "{entity-id}", Vi = "{cp-id}", Qi = "{timeframe}", Yi = 30 * 1e3, ji = 3e5, Zi = 36e5;
+function Xi() {
   const a = le(ce);
   return {
     evaluateFeatureFlag: (t, i) => a ? a.evaluateFeatureFlagFn(t, i) : i
@@ -76,70 +76,70 @@ function Zi() {
 function Ji(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var Ge = { exports: {} }, ht;
+var Ge = { exports: {} }, ct;
 function es() {
-  return ht || (ht = 1, (function(a) {
+  return ct || (ct = 1, (function(a) {
     var e = Object.prototype.hasOwnProperty, t = "~";
     function i() {
     }
     Object.create && (i.prototype = /* @__PURE__ */ Object.create(null), new i().__proto__ || (t = !1));
-    function s(d, l, u) {
-      this.fn = d, this.context = l, this.once = u || !1;
+    function s(h, l, u) {
+      this.fn = h, this.context = l, this.once = u || !1;
     }
-    function r(d, l, u, h, f) {
+    function r(h, l, u, d, f) {
       if (typeof u != "function")
         throw new TypeError("The listener must be a function");
-      var g = new s(u, h || d, f), m = t ? t + l : l;
-      return d._events[m] ? d._events[m].fn ? d._events[m] = [d._events[m], g] : d._events[m].push(g) : (d._events[m] = g, d._eventsCount++), d;
+      var g = new s(u, d || h, f), m = t ? t + l : l;
+      return h._events[m] ? h._events[m].fn ? h._events[m] = [h._events[m], g] : h._events[m].push(g) : (h._events[m] = g, h._eventsCount++), h;
     }
-    function o(d, l) {
-      --d._eventsCount === 0 ? d._events = new i() : delete d._events[l];
+    function o(h, l) {
+      --h._eventsCount === 0 ? h._events = new i() : delete h._events[l];
     }
     function n() {
       this._events = new i(), this._eventsCount = 0;
     }
     n.prototype.eventNames = function() {
-      var l = [], u, h;
+      var l = [], u, d;
       if (this._eventsCount === 0) return l;
-      for (h in u = this._events)
-        e.call(u, h) && l.push(t ? h.slice(1) : h);
+      for (d in u = this._events)
+        e.call(u, d) && l.push(t ? d.slice(1) : d);
       return Object.getOwnPropertySymbols ? l.concat(Object.getOwnPropertySymbols(u)) : l;
     }, n.prototype.listeners = function(l) {
-      var u = t ? t + l : l, h = this._events[u];
-      if (!h) return [];
-      if (h.fn) return [h.fn];
-      for (var f = 0, g = h.length, m = new Array(g); f < g; f++)
-        m[f] = h[f].fn;
+      var u = t ? t + l : l, d = this._events[u];
+      if (!d) return [];
+      if (d.fn) return [d.fn];
+      for (var f = 0, g = d.length, m = new Array(g); f < g; f++)
+        m[f] = d[f].fn;
       return m;
     }, n.prototype.listenerCount = function(l) {
-      var u = t ? t + l : l, h = this._events[u];
-      return h ? h.fn ? 1 : h.length : 0;
-    }, n.prototype.emit = function(l, u, h, f, g, m) {
+      var u = t ? t + l : l, d = this._events[u];
+      return d ? d.fn ? 1 : d.length : 0;
+    }, n.prototype.emit = function(l, u, d, f, g, m) {
       var v = t ? t + l : l;
       if (!this._events[v]) return !1;
-      var p = this._events[v], T = arguments.length, x, y;
+      var p = this._events[v], k = arguments.length, x, y;
       if (p.fn) {
-        switch (p.once && this.removeListener(l, p.fn, void 0, !0), T) {
+        switch (p.once && this.removeListener(l, p.fn, void 0, !0), k) {
           case 1:
             return p.fn.call(p.context), !0;
           case 2:
             return p.fn.call(p.context, u), !0;
           case 3:
-            return p.fn.call(p.context, u, h), !0;
+            return p.fn.call(p.context, u, d), !0;
           case 4:
-            return p.fn.call(p.context, u, h, f), !0;
+            return p.fn.call(p.context, u, d, f), !0;
           case 5:
-            return p.fn.call(p.context, u, h, f, g), !0;
+            return p.fn.call(p.context, u, d, f, g), !0;
           case 6:
-            return p.fn.call(p.context, u, h, f, g, m), !0;
+            return p.fn.call(p.context, u, d, f, g, m), !0;
         }
-        for (y = 1, x = new Array(T - 1); y < T; y++)
+        for (y = 1, x = new Array(k - 1); y < k; y++)
           x[y - 1] = arguments[y];
         p.fn.apply(p.context, x);
       } else {
-        var H = p.length, D;
-        for (y = 0; y < H; y++)
-          switch (p[y].once && this.removeListener(l, p[y].fn, void 0, !0), T) {
+        var I = p.length, D;
+        for (y = 0; y < I; y++)
+          switch (p[y].once && this.removeListener(l, p[y].fn, void 0, !0), k) {
             case 1:
               p[y].fn.call(p[y].context);
               break;
@@ -147,33 +147,33 @@ function es() {
               p[y].fn.call(p[y].context, u);
               break;
             case 3:
-              p[y].fn.call(p[y].context, u, h);
+              p[y].fn.call(p[y].context, u, d);
               break;
             case 4:
-              p[y].fn.call(p[y].context, u, h, f);
+              p[y].fn.call(p[y].context, u, d, f);
               break;
             default:
-              if (!x) for (D = 1, x = new Array(T - 1); D < T; D++)
+              if (!x) for (D = 1, x = new Array(k - 1); D < k; D++)
                 x[D - 1] = arguments[D];
               p[y].fn.apply(p[y].context, x);
           }
       }
       return !0;
-    }, n.prototype.on = function(l, u, h) {
-      return r(this, l, u, h, !1);
-    }, n.prototype.once = function(l, u, h) {
-      return r(this, l, u, h, !0);
-    }, n.prototype.removeListener = function(l, u, h, f) {
+    }, n.prototype.on = function(l, u, d) {
+      return r(this, l, u, d, !1);
+    }, n.prototype.once = function(l, u, d) {
+      return r(this, l, u, d, !0);
+    }, n.prototype.removeListener = function(l, u, d, f) {
       var g = t ? t + l : l;
       if (!this._events[g]) return this;
       if (!u)
         return o(this, g), this;
       var m = this._events[g];
       if (m.fn)
-        m.fn === u && (!f || m.once) && (!h || m.context === h) && o(this, g);
+        m.fn === u && (!f || m.once) && (!d || m.context === d) && o(this, g);
       else {
-        for (var v = 0, p = [], T = m.length; v < T; v++)
-          (m[v].fn !== u || f && !m[v].once || h && m[v].context !== h) && p.push(m[v]);
+        for (var v = 0, p = [], k = m.length; v < k; v++)
+          (m[v].fn !== u || f && !m[v].once || d && m[v].context !== d) && p.push(m[v]);
         p.length ? this._events[g] = p.length === 1 ? p[0] : p : o(this, g);
       }
       return this;
@@ -185,67 +185,53 @@ function es() {
 }
 var ts = es();
 const is = /* @__PURE__ */ Ji(ts);
-class It extends Error {
-  constructor(e) {
-    super(e), this.name = "TimeoutError";
+class Xe extends Error {
+  name = "TimeoutError";
+  constructor(e, t) {
+    super(e, t), Error.captureStackTrace?.(this, Xe);
   }
 }
-class ss extends Error {
-  constructor(e) {
-    super(), this.name = "AbortError", this.message = e;
-  }
-}
-const ct = (a) => globalThis.DOMException === void 0 ? new ss(a) : new DOMException(a), ft = (a) => {
-  const e = a.reason === void 0 ? ct("This operation was aborted.") : a.reason;
-  return e instanceof Error ? e : ct(e);
-};
-function rs(a, e) {
+const ft = (a) => a.reason ?? new DOMException("This operation was aborted.", "AbortError");
+function ss(a, e) {
   const {
     milliseconds: t,
     fallback: i,
     message: s,
-    customTimers: r = { setTimeout, clearTimeout }
+    customTimers: r = { setTimeout, clearTimeout },
+    signal: o
   } = e;
-  let o, n;
-  const l = new Promise((u, h) => {
+  let n, h;
+  const u = new Promise((d, f) => {
     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: g } = e;
-      g.aborted && h(ft(g)), n = () => {
-        h(ft(g));
-      }, g.addEventListener("abort", n, { once: !0 });
-    }
-    if (t === Number.POSITIVE_INFINITY) {
-      a.then(u, h);
+    if (o?.aborted) {
+      f(ft(o));
       return;
     }
-    const f = new It();
-    o = r.setTimeout.call(void 0, () => {
+    if (o && (h = () => {
+      f(ft(o));
+    }, o.addEventListener("abort", h, { once: !0 })), a.then(d, f), t === Number.POSITIVE_INFINITY)
+      return;
+    const g = new Xe();
+    n = r.setTimeout.call(void 0, () => {
       if (i) {
         try {
-          u(i());
-        } catch (g) {
-          h(g);
+          d(i());
+        } catch (m) {
+          f(m);
         }
         return;
       }
-      typeof a.cancel == "function" && a.cancel(), s === !1 ? u() : s instanceof Error ? h(s) : (f.message = s ?? `Promise timed out after ${t} milliseconds`, h(f));
-    }, t), (async () => {
-      try {
-        u(await a);
-      } catch (g) {
-        h(g);
-      }
-    })();
+      typeof a.cancel == "function" && a.cancel(), s === !1 ? d() : s instanceof Error ? f(s) : (g.message = s ?? `Promise timed out after ${t} milliseconds`, f(g));
+    }, t);
   }).finally(() => {
-    l.clear(), n && e.signal && e.signal.removeEventListener("abort", n);
+    u.clear(), h && o && o.removeEventListener("abort", h);
   });
-  return l.clear = () => {
-    r.clearTimeout.call(void 0, o), o = void 0;
-  }, l;
+  return u.clear = () => {
+    r.clearTimeout.call(void 0, n), n = void 0;
+  }, u;
 }
-function ns(a, e, t) {
+function rs(a, e, t) {
   let i = 0, s = a.length;
   for (; s > 0; ) {
     const r = Math.trunc(s / 2);
@@ -254,148 +240,234 @@ function ns(a, e, t) {
   }
   return i;
 }
-class os {
-  #e = [];
+const ns = 100;
+class gt {
+  #t = [];
+  // The queue is stored as a sorted array, but dequeued items are left before `#head` until compaction. Only items from `#head` onward are live, which keeps repeated dequeues amortized O(1).
+  #e = 0;
   enqueue(e, t) {
-    t = {
-      priority: 0,
-      ...t
-    };
-    const i = {
-      priority: t.priority,
-      id: t.id,
+    const { priority: i = 0, id: s } = t ?? {}, { size: r } = this, o = {
+      priority: i,
+      id: s,
       run: e
     };
-    if (this.size === 0 || this.#e[this.size - 1].priority >= t.priority) {
-      this.#e.push(i);
+    if (r === 0) {
+      this.#t.length = 0, this.#e = 0, this.#t.push(o);
       return;
     }
-    const s = ns(this.#e, i, (r, o) => o.priority - r.priority);
-    this.#e.splice(s, 0, i);
+    if (this.#t.at(-1).priority >= i) {
+      this.#t.push(o);
+      return;
+    }
+    this.#n();
+    const n = rs(this.#t, o, (h, l) => l.priority - h.priority);
+    this.#t.splice(n, 0, o);
   }
   setPriority(e, t) {
-    const i = this.#e.findIndex((r) => r.id === e);
+    const i = this.#t.findIndex((r, o) => o >= this.#e && r.id === e);
     if (i === -1)
       throw new ReferenceError(`No promise function with the id "${e}" exists in the queue.`);
-    const [s] = this.#e.splice(i, 1);
+    const [s] = this.#t.splice(i, 1);
     this.enqueue(s.run, { priority: t, id: e });
   }
+  remove(e) {
+    const t = this.#t.findIndex((i, s) => s < this.#e ? !1 : typeof e == "string" ? i.id === e : i.run === e);
+    t !== -1 && this.#t.splice(t, 1);
+  }
   dequeue() {
-    return this.#e.shift()?.run;
+    if (this.#e === this.#t.length)
+      return;
+    const e = this.#t[this.#e];
+    return this.#e++, this.#e === this.#t.length ? (this.#t.length = 0, this.#e = 0) : this.#e > ns && this.#e > this.#t.length / 2 && this.#n(), e?.run;
   }
   filter(e) {
-    return this.#e.filter((t) => t.priority === e.priority).map((t) => t.run);
+    const t = [];
+    for (let i = this.#e; i < this.#t.length; i++) {
+      const s = this.#t[i];
+      s.priority === e.priority && t.push(s.run);
+    }
+    return t;
   }
   get size() {
-    return this.#e.length;
+    return this.#t.length - this.#e;
+  }
+  #n() {
+    this.#e !== 0 && (this.#t.splice(0, this.#e), this.#e = 0);
   }
 }
-class as extends is {
+class os extends is {
+  #t;
   #e;
-  #o;
   #n = 0;
   #f;
+  #m = !1;
+  #_ = !1;
+  #l;
+  #k = 0;
+  #b = 0;
+  #u;
+  #h;
   #a;
-  #g = 0;
+  // Circular buffer implementation for better performance
+  #o = [];
+  #r = 0;
   #i;
-  #l;
-  #t;
-  #m;
+  #S;
   #s = 0;
   // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
-  #u;
-  #r;
   #p;
+  #d;
   // Use to assign a unique identifier to a promise function, if not explicitly specified
-  #_ = 1n;
+  #A = 1n;
+  // Track currently running tasks for debugging
+  #y = /* @__PURE__ */ new Map();
+  #w = /* @__PURE__ */ new Set();
   /**
-      Per-operation timeout in milliseconds. Operations fulfill once `timeout` elapses if they haven't already.
+      Get or set the default timeout for all tasks. Can be changed at runtime.
+  
+      Operations will throw a `TimeoutError` if they don't complete within the specified time.
+  
+      The timeout begins when the operation is dequeued and starts execution, not while it's waiting in the queue.
+  
+      @example
+      ```
+      const queue = new PQueue({timeout: 5000});
   
-      Applies to each future operation.
+      // Change timeout for all future tasks
+      queue.timeout = 10000;
+      ```
       */
   timeout;
-  // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(e) {
     if (super(), e = {
-      carryoverConcurrencyCount: !1,
+      carryoverIntervalCount: !1,
       intervalCap: Number.POSITIVE_INFINITY,
       interval: 0,
       concurrency: Number.POSITIVE_INFINITY,
       autoStart: !0,
-      queueClass: os,
+      queueClass: gt,
+      strict: !1,
       ...e
     }, !(typeof e.intervalCap == "number" && e.intervalCap >= 1))
       throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${e.intervalCap?.toString() ?? ""}\` (${typeof e.intervalCap})`);
     if (e.interval === void 0 || !(Number.isFinite(e.interval) && e.interval >= 0))
       throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${e.interval?.toString() ?? ""}\` (${typeof e.interval})`);
-    this.#e = e.carryoverConcurrencyCount, this.#o = e.intervalCap === Number.POSITIVE_INFINITY || e.interval === 0, this.#f = e.intervalCap, this.#a = e.interval, this.#t = new e.queueClass(), this.#m = e.queueClass, this.concurrency = e.concurrency, this.timeout = e.timeout, this.#p = e.throwOnTimeout === !0, this.#r = e.autoStart === !1;
-  }
-  get #b() {
-    return this.#o || this.#n < this.#f;
+    if (e.strict && e.interval === 0)
+      throw new TypeError("The `strict` option requires a non-zero `interval`");
+    if (e.strict && e.intervalCap === Number.POSITIVE_INFINITY)
+      throw new TypeError("The `strict` option requires a finite `intervalCap`");
+    if (this.#t = e.carryoverIntervalCount ?? e.carryoverConcurrencyCount ?? !1, this.#e = e.intervalCap === Number.POSITIVE_INFINITY || e.interval === 0, this.#f = e.intervalCap, this.#l = e.interval, this.#a = e.strict, this.#i = new e.queueClass(), this.#S = e.queueClass, this.concurrency = e.concurrency, e.timeout !== void 0 && !(Number.isFinite(e.timeout) && e.timeout > 0))
+      throw new TypeError(`Expected \`timeout\` to be a positive finite number, got \`${e.timeout}\` (${typeof e.timeout})`);
+    this.timeout = e.timeout, this.#d = e.autoStart === !1, this.#$();
+  }
+  #E(e) {
+    for (; this.#r < this.#o.length; ) {
+      const i = this.#o[this.#r];
+      if (i !== void 0 && e - i >= this.#l)
+        this.#r++;
+      else
+        break;
+    }
+    (this.#r > 100 && this.#r > this.#o.length / 2 || this.#r === this.#o.length) && (this.#o = this.#o.slice(this.#r), this.#r = 0);
   }
-  get #w() {
-    return this.#s < this.#u;
+  // Helper methods for interval consumption
+  #H(e) {
+    this.#a ? this.#o.push(e) : this.#n++;
   }
-  #E() {
-    this.#s--, this.#d(), this.emit("next");
+  #I() {
+    this.#a ? this.#o.length > this.#r && this.#o.pop() : this.#n > 0 && this.#n--;
   }
   #x() {
-    this.#v(), this.#y(), this.#l = void 0;
-  }
-  get #C() {
-    const e = Date.now();
-    if (this.#i === void 0) {
-      const t = this.#g - e;
-      if (t < 0)
-        this.#n = this.#e ? this.#s : 0;
-      else
-        return this.#l === void 0 && (this.#l = setTimeout(() => {
-          this.#x();
-        }, t)), !0;
-    }
-    return !1;
+    return this.#o.length - this.#r;
+  }
+  get #q() {
+    return this.#e ? !0 : this.#a ? this.#x() < this.#f : this.#n < this.#f;
   }
-  #d() {
-    if (this.#t.size === 0)
-      return this.#i && clearInterval(this.#i), this.#i = void 0, this.emit("empty"), this.#s === 0 && this.emit("idle"), !1;
-    if (!this.#r) {
-      const e = !this.#C;
-      if (this.#b && this.#w) {
-        const t = this.#t.dequeue();
-        return t ? (this.emit("active"), t(), e && this.#y(), !0) : !1;
+  get #O() {
+    return this.#s < this.#p;
+  }
+  #M() {
+    this.#s--, this.#s === 0 && this.emit("pendingZero"), this.#v(), this.emit("next");
+  }
+  #P() {
+    this.#h = void 0, this.#L(), this.#z();
+  }
+  #B(e) {
+    if (this.#a) {
+      if (this.#E(e), this.#x() >= this.#f) {
+        const i = this.#o[this.#r], s = this.#l - (e - i);
+        return this.#C(s), !0;
       }
+      return !1;
+    }
+    if (this.#u === void 0) {
+      const t = this.#k - e;
+      if (t < 0) {
+        if (this.#b > 0) {
+          const i = e - this.#b;
+          if (i < this.#l)
+            return this.#C(this.#l - i), !0;
+        }
+        this.#n = this.#t ? this.#s : 0;
+      } else
+        return this.#C(t), !0;
     }
     return !1;
   }
-  #y() {
-    this.#o || this.#i !== void 0 || (this.#i = setInterval(() => {
-      this.#v();
-    }, this.#a), this.#g = Date.now() + this.#a);
+  #C(e) {
+    this.#h === void 0 && (this.#h = setTimeout(() => {
+      this.#P();
+    }, e));
+  }
+  #R() {
+    this.#u && (clearInterval(this.#u), this.#u = void 0);
+  }
+  #D() {
+    this.#h && (clearTimeout(this.#h), this.#h = void 0);
   }
   #v() {
-    this.#n === 0 && this.#s === 0 && this.#i && (clearInterval(this.#i), this.#i = void 0), this.#n = this.#e ? this.#s : 0, this.#h();
+    if (this.#i.size === 0) {
+      if (this.#R(), this.emit("empty"), this.#s === 0) {
+        if (this.#D(), this.#a && this.#r > 0) {
+          const t = Date.now();
+          this.#E(t);
+        }
+        this.emit("idle");
+      }
+      return !1;
+    }
+    let e = !1;
+    if (!this.#d) {
+      const t = Date.now(), i = !this.#B(t);
+      if (this.#q && this.#O) {
+        const s = this.#i.dequeue();
+        this.#e || (this.#H(t), this.#g()), this.emit("active"), s(), i && this.#z(), e = !0;
+      }
+    }
+    return e;
+  }
+  #z() {
+    this.#e || this.#u !== void 0 || this.#a || (this.#u = setInterval(() => {
+      this.#L();
+    }, this.#l), this.#k = Date.now() + this.#l);
+  }
+  #L() {
+    this.#a || (this.#n === 0 && this.#s === 0 && this.#u && this.#R(), this.#n = this.#t ? this.#s : 0), this.#T(), this.#g();
   }
   /**
   Executes all queued functions until it reaches the limit.
   */
-  #h() {
-    for (; this.#d(); )
+  #T() {
+    for (; this.#v(); )
       ;
   }
   get concurrency() {
-    return this.#u;
+    return this.#p;
   }
   set concurrency(e) {
     if (!(typeof e == "number" && e >= 1))
       throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${e}\` (${typeof e})`);
-    this.#u = e, this.#h();
-  }
-  async #R(e) {
-    return new Promise((t, i) => {
-      e.addEventListener("abort", () => {
-        i(e.reason);
-      }, { once: !0 });
-    });
+    this.#p = e, this.#T();
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -434,32 +506,81 @@ class as extends is {
       Here, the promise function with `id: '🦀'` executes last.
       */
   setPriority(e, t) {
-    this.#t.setPriority(e, t);
+    if (typeof t != "number" || !Number.isFinite(t))
+      throw new TypeError(`Expected \`priority\` to be a finite number, got \`${t}\` (${typeof t})`);
+    this.#i.setPriority(e, t);
   }
   async add(e, t = {}) {
-    return t.id ??= (this.#_++).toString(), t = {
+    if (t = {
       timeout: this.timeout,
-      throwOnTimeout: this.#p,
-      ...t
-    }, new Promise((i, s) => {
-      this.#t.enqueue(async () => {
-        this.#s++;
+      ...t,
+      // Assign unique ID if not provided
+      id: t.id ?? (this.#A++).toString()
+    }, t.timeout !== void 0 && !(Number.isFinite(t.timeout) && t.timeout > 0))
+      throw new TypeError(`Expected \`timeout\` to be a positive finite number, got \`${t.timeout}\` (${typeof t.timeout})`);
+    return new Promise((i, s) => {
+      const r = /* @__PURE__ */ Symbol(`task-${t.id}`);
+      let o = () => {
+      };
+      const n = async () => {
+        o(), this.#s++, this.#y.set(r, {
+          id: t.id,
+          priority: t.priority ?? 0,
+          // Match priority-queue default
+          startTime: Date.now(),
+          timeout: t.timeout
+        });
+        let l;
         try {
-          t.signal?.throwIfAborted(), this.#n++;
-          let r = e({ signal: t.signal });
-          t.timeout && (r = rs(Promise.resolve(r), { milliseconds: t.timeout })), t.signal && (r = Promise.race([r, this.#R(t.signal)]));
-          const o = await r;
-          i(o), this.emit("completed", o);
-        } catch (r) {
-          if (r instanceof It && !t.throwOnTimeout) {
-            i();
-            return;
+          try {
+            t.signal?.throwIfAborted();
+          } catch (f) {
+            throw this.#F(), this.#y.delete(r), f;
+          }
+          this.#b = Date.now();
+          let u = e({ signal: t.signal });
+          if (t.timeout !== void 0 && (u = ss(Promise.resolve(u), {
+            milliseconds: t.timeout,
+            message: `Task timed out after ${t.timeout}ms (queue has ${this.#s} running, ${this.#i.size} waiting)`
+          })), t.signal) {
+            const { signal: f } = t;
+            u = Promise.race([u, new Promise((g, m) => {
+              l = () => {
+                m(f.reason);
+              }, f.addEventListener("abort", l, { once: !0 });
+            })]);
           }
-          s(r), this.emit("error", r);
+          const d = await u;
+          i(d), this.emit("completed", d);
+        } catch (u) {
+          s(u), this.emit("error", u);
         } finally {
-          this.#E();
+          l && t.signal?.removeEventListener("abort", l), this.#y.delete(r), queueMicrotask(() => {
+            this.#M();
+          });
+        }
+      };
+      this.#i.enqueue(n, t);
+      const h = () => {
+        if (this.#i instanceof gt) {
+          this.#i.remove(n);
+          return;
         }
-      }, t), this.emit("add"), this.#d();
+        this.#i.remove?.(t.id);
+      };
+      if (t.signal) {
+        const { signal: l } = t, u = () => {
+          o(), h(), s(l.reason), this.#v(), this.emit("next");
+        };
+        if (o = () => {
+          l.removeEventListener("abort", u), this.#w.delete(o);
+        }, l.aborted) {
+          u();
+          return;
+        }
+        l.addEventListener("abort", u, { once: !0 }), this.#w.add(o);
+      }
+      this.emit("add"), this.#v();
     });
   }
   async addAll(e, t) {
@@ -469,19 +590,21 @@ class as extends is {
   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.#r ? (this.#r = !1, this.#h(), this) : this;
+    return this.#d ? (this.#d = !1, this.#T(), this) : this;
   }
   /**
   Put queue execution on hold.
   */
   pause() {
-    this.#r = !0;
+    this.#d = !0;
   }
   /**
   Clear the queue.
   */
   clear() {
-    this.#t = new this.#m();
+    for (const e of this.#w)
+      e();
+    this.#i = new this.#S(), this.#R(), this.#N(), this.emit("empty"), this.#s === 0 && (this.#D(), this.emit("idle")), this.emit("next");
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -489,7 +612,7 @@ class as extends is {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    this.#t.size !== 0 && await this.#c("empty");
+    this.#i.size !== 0 && await this.#c("empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -499,7 +622,7 @@ class as extends is {
       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(e) {
-    this.#t.size < e || await this.#c("next", () => this.#t.size < e);
+    this.#i.size < e || await this.#c(["next", "active"], () => this.#i.size < e);
   }
   /**
       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.
@@ -507,21 +630,85 @@ class as extends is {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    this.#s === 0 && this.#t.size === 0 || await this.#c("idle");
+    this.#s === 0 && this.#i.size === 0 || await this.#c("idle");
+  }
+  /**
+      The difference with `.onIdle` is that `.onPendingZero` only waits for currently running tasks to finish, ignoring queued tasks.
+  
+      @returns A promise that settles when all currently running tasks have completed; `queue.pending === 0`.
+      */
+  async onPendingZero() {
+    this.#s !== 0 && await this.#c("pendingZero");
+  }
+  /**
+  @returns A promise that settles when the queue becomes rate-limited due to intervalCap.
+  */
+  async onRateLimit() {
+    this.isRateLimited || await this.#c("rateLimit");
+  }
+  /**
+  @returns A promise that settles when the queue is no longer rate-limited.
+  */
+  async onRateLimitCleared() {
+    this.isRateLimited && await this.#c("rateLimitCleared");
+  }
+  /**
+      @returns A promise that rejects when any task in the queue errors.
+  
+      Use with `Promise.race([queue.onError(), queue.onIdle()])` to fail fast on the first error while still resolving normally when the queue goes idle.
+  
+      Important: The promise returned by `add()` still rejects. You must handle each `add()` promise (for example, `.catch(() => {})`) to avoid unhandled rejections.
+  
+      @example
+      ```
+      import PQueue from 'p-queue';
+  
+      const queue = new PQueue({concurrency: 2});
+  
+      queue.add(() => fetchData(1)).catch(() => {});
+      queue.add(() => fetchData(2)).catch(() => {});
+      queue.add(() => fetchData(3)).catch(() => {});
+  
+      // Stop processing on first error
+      try {
+          await Promise.race([
+              queue.onError(),
+              queue.onIdle()
+          ]);
+      } catch (error) {
+          queue.pause(); // Stop processing remaining tasks
+          console.error('Queue failed:', error);
+      }
+      ```
+      */
+  // eslint-disable-next-line @typescript-eslint/promise-function-async
+  onError() {
+    return new Promise((e, t) => {
+      const i = (s) => {
+        this.off("error", i), t(s);
+      };
+      this.on("error", i);
+    });
   }
   async #c(e, t) {
-    return new Promise((i) => {
-      const s = () => {
-        t && !t() || (this.off(e, s), i());
+    const i = Array.isArray(e) ? e : [e];
+    return new Promise((s) => {
+      const r = () => {
+        if (!(t && !t())) {
+          for (const o of i)
+            this.off(o, r);
+          s();
+        }
       };
-      this.on(e, s);
+      for (const o of i)
+        this.on(o, r);
     });
   }
   /**
   Size of the queue, the number of queued items waiting to run.
   */
   get size() {
-    return this.#t.size;
+    return this.#i.size;
   }
   /**
       Size of the queue, filtered by the given options.
@@ -529,7 +716,7 @@ class as extends is {
       For example, this can be used to find the number of items remaining in the queue with a specific priority level.
       */
   sizeBy(e) {
-    return this.#t.filter(e).length;
+    return this.#i.filter(e).length;
   }
   /**
   Number of running items (no longer in the queue).
@@ -541,10 +728,112 @@ class as extends is {
   Whether the queue is currently paused.
   */
   get isPaused() {
-    return this.#r;
+    return this.#d;
+  }
+  #$() {
+    this.#e || (this.on("add", () => {
+      this.#i.size > 0 && this.#g();
+    }), this.on("next", () => {
+      this.#g();
+    }));
+  }
+  #g() {
+    this.#e || this.#_ || (this.#_ = !0, queueMicrotask(() => {
+      this.#_ = !1, this.#N();
+    }));
+  }
+  #F() {
+    this.#e || (this.#I(), this.#g());
+  }
+  #N() {
+    const e = this.#m;
+    if (this.#e || this.#i.size === 0) {
+      e && (this.#m = !1, this.emit("rateLimitCleared"));
+      return;
+    }
+    let t;
+    if (this.#a) {
+      const s = Date.now();
+      this.#E(s), t = this.#x();
+    } else
+      t = this.#n;
+    const i = t >= this.#f;
+    i !== e && (this.#m = i, this.emit(i ? "rateLimit" : "rateLimitCleared"));
+  }
+  /**
+  Whether the queue is currently rate-limited due to intervalCap.
+  */
+  get isRateLimited() {
+    return this.#m;
+  }
+  /**
+      Whether the queue is saturated. Returns `true` when:
+      - All concurrency slots are occupied and tasks are waiting, OR
+      - The queue is rate-limited and tasks are waiting
+  
+      Useful for detecting backpressure and potential hanging tasks.
+  
+      ```js
+      import PQueue from 'p-queue';
+  
+      const queue = new PQueue({concurrency: 2});
+  
+      // Backpressure handling
+      if (queue.isSaturated) {
+          console.log('Queue is saturated, waiting for capacity...');
+          await queue.onSizeLessThan(queue.concurrency);
+      }
+  
+      // Monitoring for stuck tasks
+      setInterval(() => {
+          if (queue.isSaturated) {
+              console.warn(`Queue saturated: ${queue.pending} running, ${queue.size} waiting`);
+          }
+      }, 60000);
+      ```
+      */
+  get isSaturated() {
+    return this.#s === this.#p && this.#i.size > 0 || this.isRateLimited && this.#i.size > 0;
+  }
+  /**
+      The tasks currently being executed. Each task includes its `id`, `priority`, `startTime`, `timeout` (if set), and `timeoutRemaining` (milliseconds until the task times out, or `undefined` if no timeout is set).
+  
+      Returns an array of task info objects.
+  
+      ```js
+      import PQueue from 'p-queue';
+  
+      const queue = new PQueue({concurrency: 2, timeout: 10000});
+  
+      // Add tasks with IDs for better debugging
+      queue.add(() => fetchUser(123), {id: 'user-123'});
+      queue.add(() => fetchPosts(456), {id: 'posts-456', priority: 1});
+  
+      // Check what's running
+      console.log(queue.runningTasks);
+      // => [{
+      //   id: 'user-123',
+      //   priority: 0,
+      //   startTime: 1759253001716,
+      //   timeout: 10000,
+      //   timeoutRemaining: 9700
+      // }, {
+      //   id: 'posts-456',
+      //   priority: 1,
+      //   startTime: 1759253001916,
+      //   timeout: 10000,
+      //   timeoutRemaining: 9900
+      // }]
+      ```
+      */
+  get runningTasks() {
+    return [...this.#y.values()].map((e) => ({
+      ...e,
+      timeoutRemaining: e.timeout ? Math.max(0, e.startTime + e.timeout - Date.now()) : void 0
+    }));
   }
 }
-const ls = () => {
+const as = () => {
   const a = je(), e = le(ce);
   if (!e)
     return;
@@ -552,7 +841,7 @@ const ls = () => {
     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 as({
+  const t = new os({
     carryoverConcurrencyCount: !0,
     concurrency: a.maxParallelRequests,
     interval: a.requestInterval,
@@ -560,21 +849,21 @@ const ls = () => {
   }), i = {
     ...e,
     queryFnOverride: !0,
-    queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
+    queryFn: (s, r) => t.add(() => e.queryFn(s, r))
   };
   oi(ce, i);
 };
-const us = typeof window < "u";
-let gt;
+const ls = typeof window < "u";
+let mt;
 process.env.NODE_ENV;
-const mt = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ Symbol("pinia") : (
+const pt = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ Symbol("pinia") : (
   /* istanbul ignore next */
   /* @__PURE__ */ Symbol()
 );
-var pt;
+var yt;
 (function(a) {
   a.direct = "direct", a.patchObject = "patch object", a.patchFunction = "patch function";
-})(pt || (pt = {}));
+})(yt || (yt = {}));
 process.env.NODE_ENV;
 function xe(a) {
   const e = ai(a), t = {};
@@ -591,7 +880,7 @@ function xe(a) {
   }
   return t;
 }
-const X = (a) => a?.chart.type === "table", ds = [
+const Z = (a) => a?.chart.type === "table", us = [
   "basic",
   "api_usage",
   "llm_usage",
@@ -599,89 +888,89 @@ const X = (a) => a?.chart.type === "table", ds = [
   "platform",
   "platform_usage",
   void 0
-], hs = (a) => ds.includes(a);
-function cs({
+], hs = (a) => us.includes(a);
+function ds({
   queryBridge: a,
   context: e,
   definition: t,
   chartData: i
 }) {
-  const s = N(""), r = N(""), o = N(void 0), n = N(void 0), d = je(), l = Te(), { stripUnknownFilters: u, loading: h } = xe(l), f = b(() => X(t.value));
-  Ie(async () => {
+  const s = L(""), r = L(""), o = L(void 0), n = L(void 0), h = je(), l = ke(), { stripUnknownFilters: u, loading: d } = xe(l), f = b(() => Z(t.value));
+  Oe(async () => {
     s.value = await a?.exploreBaseUrl?.() ?? "", r.value = await a?.requestsBaseUrl?.() ?? "";
   });
-  const g = b(() => d.analytics && d.percentiles), m = b(() => {
+  const g = b(() => h.analytics && h.percentiles), m = b(() => {
     const R = t.value.chart.type;
     return ["golden_signals", "gauge"].includes(R) ? !1 : R === "top_n" ? e.value.editable || e.value.showTileActions : !0;
-  }), v = b(() => r.value && t.value.query && !f.value && t.value.query.datasource !== "llm_usage" && !Ot(t.value.query.datasource) && g.value && !h.value), p = b(() => s.value && t.value.query && hs(t.value.query.datasource) && g.value && !h.value), T = b(() => i.value ? We(i.value.meta.granularity_ms) : void 0), x = b(() => {
-    const R = t.value, I = [...e.value.filters, ...R.query.filters ?? []], q = "metrics" in R.query ? R.query.metrics : void 0, V = R.query?.datasource ?? "api_usage";
+  }), v = b(() => r.value && t.value.query && !f.value && t.value.query.datasource !== "llm_usage" && !It(t.value.query.datasource) && g.value && !d.value), p = b(() => s.value && t.value.query && hs(t.value.query.datasource) && g.value && !d.value), k = b(() => i.value ? We(i.value.meta.granularity_ms) : void 0), x = b(() => {
+    const R = t.value, O = [...e.value.filters, ...R.query.filters ?? []], q = "metrics" in R.query ? R.query.metrics : void 0, V = R.query?.datasource ?? "api_usage";
     return u.value({
       datasource: V,
-      filters: I,
+      filters: O,
       queryFields: q
     });
   }), y = b(() => {
     if (!p.value || !m.value)
       return "";
     const R = t.value;
-    if (X(R))
+    if (Z(R))
       return re({
         ...R.query,
         filters: x.value
       });
-    const I = R.query.time_range || e.value.timeSpec, q = se(I, x.value);
+    const O = R.query.time_range || e.value.timeSpec, q = se(O, x.value);
     return re(q);
-  }), H = b(() => {
+  }), I = b(() => {
     if (!v.value || !m.value)
       return "";
-    const R = x.value, I = t.value;
-    if (X(I))
+    const R = x.value, O = t.value;
+    if (Z(O))
       return "";
-    const q = Z(
-      I.query.time_range || e.value.timeSpec,
+    const q = X(
+      O.query.time_range || e.value.timeSpec,
       R
     );
     return D(q);
-  }), D = (R) => v.value ? `${r.value}?q=${JSON.stringify(R)}` : "", Z = (R, I) => {
+  }), D = (R) => v.value ? `${r.value}?q=${JSON.stringify(R)}` : "", X = (R, O) => {
     const q = i.value?.meta?.start ? new Date(i.value.meta.start) : void 0, V = i.value?.meta?.end ? new Date(i.value.meta.end) : void 0;
     return {
-      filter: I,
+      filter: O,
       timeframe: {
         timePeriodsKey: R.type === "relative" ? R.time_range : "custom",
         start: R.type === "absolute" ? q : void 0,
         end: R.type === "absolute" ? V : void 0
       }
     };
-  }, ue = (R, I) => ({
-    filter: I,
+  }, ue = (R, O) => ({
+    filter: O,
     timeframe: {
       timePeriodsKey: R.type === "relative" ? R.time_range : "custom",
       start: R.type === "absolute" ? R.start : void 0,
       end: R.type === "absolute" ? R.end : void 0
     }
-  }), se = (R, I) => {
+  }), se = (R, O) => {
     const q = t.value;
-    if (X(q))
+    if (Z(q))
       throw new Error("Cannot build a chart explore query for table chart definitions");
-    const V = [...q.query.dimensions ?? []], de = [...q.query.metrics ?? []];
+    const V = [...q.query.dimensions ?? []], he = [...q.query.metrics ?? []];
     return {
-      filters: I,
-      metrics: de,
+      filters: O,
+      metrics: he,
       dimensions: V,
       time_range: R,
-      granularity: q.query.granularity || T.value || void 0
+      granularity: q.query.granularity || k.value || void 0
     };
   }, re = (R) => {
     if (!p.value)
       return "";
-    const I = t.value.query.datasource && t.value.query.datasource !== "basic" ? t.value.query.datasource : "api_usage";
-    return `${s.value}?q=${JSON.stringify(R)}&d=${I}&c=${t.value.chart.type}`;
+    const O = t.value.query.datasource && t.value.query.datasource !== "basic" ? t.value.query.datasource : "api_usage";
+    return `${s.value}?q=${JSON.stringify(R)}&d=${O}&c=${t.value.chart.type}`;
   };
-  return we([v, p], ([R, I]) => {
-    R && (o.value = { href: "" }), I && (n.value = { href: "" });
+  return we([v, p], ([R, O]) => {
+    R && (o.value = { href: "" }), O && (n.value = { href: "" });
   }), {
     exploreLinkKebabMenu: y,
-    requestsLinkKebabMenu: H,
+    requestsLinkKebabMenu: I,
     canShowKebabMenu: m,
     canGenerateRequestsLink: v,
     canGenerateExploreLink: p,
@@ -693,21 +982,21 @@ function cs({
     buildRequestLink: D
   };
 }
-function fs() {
-  const a = le(ce), e = Te(), { stripUnknownFilters: t } = xe(e);
+function cs() {
+  const a = le(ce), e = ke(), { stripUnknownFilters: t } = xe(e);
   let i = null;
-  return ke(() => {
+  return Te(() => {
     i?.abort();
   }), { issueQuery: async (r, o, n) => {
     if (!a)
       throw new Error("Query bridge is not defined");
     i?.abort();
-    const d = new AbortController();
-    i = d, await e.isReady();
+    const h = new AbortController();
+    i = h, await e.isReady();
     const {
       datasource: l,
       limit: u,
-      ...h
+      ...d
     } = r, f = l || "basic", g = t.value({
       datasource: f,
       filters: [
@@ -727,44 +1016,44 @@ function fs() {
     const v = {
       datasource: f,
       query: {
-        ...h,
+        ...d,
         time_range: m,
         filters: g,
         limit: n ?? u
       }
     };
-    return a.queryFn(v, d);
+    return a.queryFn(v, h);
   } };
 }
-function gs({
+function fs({
   context: a,
-  globalFilters: e = N([]),
-  isFullscreen: t = N(!1),
-  preview: i = N(!1)
+  globalFilters: e = L([]),
+  isFullscreen: t = L(!1),
+  preview: i = L(!1)
 }) {
-  const s = je(), r = Te(), { loading: o } = xe(s), { loading: n } = xe(r), d = b(() => a.value.timeSpec ? a.value.timeSpec : {
+  const s = je(), r = ke(), { loading: o } = xe(s), { loading: n } = xe(r), h = b(() => a.value.timeSpec ? a.value.timeSpec : {
     type: "relative",
     time_range: s.defaultQueryTimeForOrg
   }), l = b(() => {
-    let { tz: h, refreshInterval: f, editable: g, showTileActions: m } = a.value;
+    let { tz: d, refreshInterval: f, editable: g, showTileActions: m } = a.value;
     const v = [...a.value.filters ?? [], ...e.value];
-    if (h || (h = new Intl.DateTimeFormat().resolvedOptions().timeZone), f === void 0 && (f = Yi), t.value) {
-      let T = !1;
-      if (d.value.type === "relative")
-        T = ["15m", "1h", "6h", "12h", "24h"].includes(d.value.time_range);
+    if (d || (d = new Intl.DateTimeFormat().resolvedOptions().timeZone), f === void 0 && (f = Yi), t.value) {
+      let k = !1;
+      if (h.value.type === "relative")
+        k = ["15m", "1h", "6h", "12h", "24h"].includes(h.value.time_range);
       else {
-        const H = d.value.start.getTime(), D = d.value.end.getTime();
-        T = Math.abs(D - H) <= 864e5;
+        const I = h.value.start.getTime(), D = h.value.end.getTime();
+        k = Math.abs(D - I) <= 864e5;
       }
       const x = (/* @__PURE__ */ new Date()).getTime();
-      d.value.type === "absolute" && d.value.end.getTime() < x || d.value.type === "relative" && ["previous_week", "previous_month"].includes(d.value.time_range) ? f = 0 : T ? f = ji : f = Xi;
+      h.value.type === "absolute" && h.value.end.getTime() < x || h.value.type === "relative" && ["previous_week", "previous_month"].includes(h.value.time_range) ? f = 0 : k ? f = ji : f = Zi;
     }
     (g === void 0 || i.value) && (g = !1), m === void 0 && (m = !0);
-    const p = !i.value && !!di()?.vnode?.props?.onTileTimeRangeZoom;
+    const p = !i.value && !!hi()?.vnode?.props?.onTileTimeRangeZoom;
     return {
       filters: v,
-      tz: h,
-      timeSpec: d.value,
+      tz: d,
+      timeSpec: h.value,
       refreshInterval: f,
       editable: g,
       showTileActions: m && !i.value,
@@ -777,16 +1066,16 @@ function gs({
     queryReady: u
   };
 }
-const ms = 6, Mt = 6, Pt = 4;
-function ps(a, e) {
-  const { pageWidth: t, pageHeight: i, margin: s } = e, r = s + 1, o = s + e.headerHeight - 3, n = i - s - Mt + 3, d = n + 4;
-  e.title && (a.setFont("helvetica", "bold"), a.setFontSize(11), a.setTextColor(60), a.text(e.title, s, r)), a.setFont("helvetica", "normal"), a.setFontSize(8), a.setTextColor(120), a.text(e.generatedAt, t - s, r, { align: "right" }), e.subtitle && a.text(e.subtitle, s, r + Pt), a.setDrawColor(220), a.line(s, o, t - s, o), a.line(s, n, t - s, n), a.setFont("helvetica", "bold"), a.setTextColor(60), a.text(e.branding, s, d);
+const gs = 6, Mt = 6, Pt = 4;
+function ms(a, e) {
+  const { pageWidth: t, pageHeight: i, margin: s } = e, r = s + 1, o = s + e.headerHeight - 3, n = i - s - Mt + 3, h = n + 4;
+  e.title && (a.setFont("helvetica", "bold"), a.setFontSize(11), a.setTextColor(60), a.text(e.title, s, r)), a.setFont("helvetica", "normal"), a.setFontSize(8), a.setTextColor(120), a.text(e.generatedAt, t - s, r, { align: "right" }), e.subtitle && a.text(e.subtitle, s, r + Pt), a.setDrawColor(220), a.line(s, o, t - s, o), a.line(s, n, t - s, n), a.setFont("helvetica", "bold"), a.setTextColor(60), a.text(e.branding, s, h);
   const l = a.getTextWidth(e.branding);
   a.setFont("helvetica", "normal");
   const u = ` ${e.dashboardNote}`;
-  e.dashboardUrl ? (a.setTextColor(0, 68, 204), a.textWithLink(u, s + l, d, { url: e.dashboardUrl })) : (a.setTextColor(120), a.text(u, s + l, d)), a.setTextColor(120), a.text(e.pageLabel, t - s, d, { align: "right" });
+  e.dashboardUrl ? (a.setTextColor(0, 68, 204), a.textWithLink(u, s + l, h, { url: e.dashboardUrl })) : (a.setTextColor(120), a.text(u, s + l, h)), a.setTextColor(120), a.text(e.pageLabel, t - s, h, { align: "right" });
 }
-function ys(a) {
+function ps(a) {
   const e = a.querySelector(".kong-ui-public-grid-layout, .grid-stack");
   if (!e)
     return [];
@@ -795,46 +1084,46 @@ function ys(a) {
     return [];
   const i = a.getBoundingClientRect().top, s = /* @__PURE__ */ new Map();
   return t.forEach((r) => {
-    const o = r.getBoundingClientRect(), n = Math.round(o.top - i), d = Math.round(o.bottom - i), l = s.get(n);
-    s.set(n, l !== void 0 ? Math.max(l, d) : d);
+    const o = r.getBoundingClientRect(), n = Math.round(o.top - i), h = Math.round(o.bottom - i), l = s.get(n);
+    s.set(n, l !== void 0 ? Math.max(l, h) : h);
   }), [...s.entries()].map(([r, o]) => ({ top: r, bottom: o })).sort((r, o) => r.top - o.top);
 }
-function vs(a, e, t, i) {
+function ys(a, e, t, i) {
   if (!a.length) {
     const o = [];
     let n = 0;
     for (; n < e; ) {
-      const d = Math.min(t, e - n);
-      o.push({ startY: n, height: d }), n += d;
+      const h = Math.min(t, e - n);
+      o.push({ startY: n, height: h }), n += h;
     }
     return o;
   }
   const s = [];
   let r = 0;
   for (const o of a) {
-    const n = o.top * i, d = o.bottom * i;
-    d - r > t && (n > r ? (s.push({ startY: r, height: n - r }), r = n) : (s.push({ startY: r, height: d - r }), r = d));
+    const n = o.top * i, h = o.bottom * i;
+    h - r > t && (n > r ? (s.push({ startY: r, height: n - r }), r = n) : (s.push({ startY: r, height: h - r }), r = h));
   }
   return r < e && s.push({ startY: r, height: e - r }), s;
 }
-function _s(a) {
-  const { i18n: e } = qt(), t = N({ status: "idle" });
+function vs(a) {
+  const { i18n: e } = Ot(), t = L({ status: "idle" });
   async function i(s = {}) {
     const {
       filename: r = "dashboard-export",
       title: o,
       subtitle: n,
-      dashboardUrl: d,
+      dashboardUrl: h,
       orientation: l = "landscape",
       pageSize: u = "letter",
-      margin: h = 4,
+      margin: d = 4,
       scale: f = 2,
       exclude: g = [".tile-actions", ".tooltip", ".popover", ".dropdown-popover"],
       output: m = "download",
       onBeforeCapture: v,
       onAfterCapture: p
-    } = s, T = a.value;
-    if (!T) {
+    } = s, k = a.value;
+    if (!k) {
       t.value = { status: "error", error: new Error("Dashboard layout container not found.") };
       return;
     }
@@ -845,35 +1134,35 @@ function _s(a) {
         import("jspdf")
       ]);
       t.value = { status: "capturing" };
-      const H = {
+      const I = {
         name: "kong-webgl-snapshot",
         beforeClone: () => gi(),
-        afterClone: () => lt()
-      }, D = await x.toCanvas(T, {
+        afterClone: () => ut()
+      }, D = await x.toCanvas(k, {
         scale: f,
         exclude: g,
         embedFonts: !0,
-        plugins: [H]
-      }), Z = ys(T), ue = T.getBoundingClientRect().width, se = ue ? D.width / ue : f;
+        plugins: [I]
+      }), X = ps(k), ue = k.getBoundingClientRect().width, se = ue ? D.width / ue : f;
       t.value = { status: "generating" };
-      const re = /* @__PURE__ */ new Date(), R = new y({ orientation: l, unit: "mm", format: u }), I = R.internal.pageSize.getWidth(), q = R.internal.pageSize.getHeight(), V = ms + (n ? Pt : 0), de = I - h * 2, J = q - h * 2 - V - Mt, ye = D.width / de, S = J * ye, z = vs(Z, D.height, S, se), B = {
+      const re = /* @__PURE__ */ new Date(), R = new y({ orientation: l, unit: "mm", format: u }), O = R.internal.pageSize.getWidth(), q = R.internal.pageSize.getHeight(), V = gs + (n ? Pt : 0), he = O - d * 2, J = q - d * 2 - V - Mt, ye = D.width / he, S = J * ye, z = ys(X, D.height, S, se), B = {
         title: o,
         subtitle: n,
-        dashboardUrl: d,
+        dashboardUrl: h,
         generatedAt: e.t("pdfExport.generated", {
           timestamp: re.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" })
         }),
         branding: e.t("pdfExport.branding"),
         dashboardNote: e.t("pdfExport.dashboardNote"),
-        pageWidth: I,
+        pageWidth: O,
         pageHeight: q,
         headerHeight: V,
-        margin: h
+        margin: d
       };
-      for (let O = 0; O < z.length; O++) {
-        O > 0 && R.addPage();
-        const { startY: $, height: ee } = z[O], he = document.createElement("canvas");
-        he.width = D.width, he.height = ee, he.getContext("2d").drawImage(
+      for (let H = 0; H < z.length; H++) {
+        H > 0 && R.addPage();
+        const { startY: $, height: ee } = z[H], de = document.createElement("canvas");
+        de.width = D.width, de.height = ee, de.getContext("2d").drawImage(
           D,
           0,
           $,
@@ -884,26 +1173,26 @@ function _s(a) {
           D.width,
           ee
         ), R.addImage(
-          he.toDataURL("image/png"),
+          de.toDataURL("image/png"),
           "PNG",
-          h,
-          h + V,
-          de,
+          d,
+          d + V,
+          he,
           ee / ye
-        ), ps(R, {
+        ), ms(R, {
           ...B,
-          pageLabel: e.t("pdfExport.pageOf", { page: String(O + 1), total: String(z.length) })
+          pageLabel: e.t("pdfExport.pageOf", { page: String(H + 1), total: String(z.length) })
         });
       }
       if (m === "blob") {
-        const O = R.output("blob");
-        return t.value = { status: "complete", pageCount: z.length }, O;
+        const H = R.output("blob");
+        return t.value = { status: "complete", pageCount: z.length }, H;
       }
       R.save(r), t.value = { status: "complete", pageCount: z.length };
     } catch (x) {
       t.value = { status: "error", error: x };
     } finally {
-      lt(), await p?.();
+      ut(), await p?.();
     }
   }
   return {
@@ -912,14 +1201,14 @@ function _s(a) {
   };
 }
 const j = {
-  useContextLinks: cs,
-  useDashboardInternalContext: gs,
-  useEvaluateFeatureFlag: Zi,
-  useExportPdf: _s,
-  useI18n: qt,
-  useIssueQuery: fs,
-  useRequestQueue: ls
-}, Ze = /* @__PURE__ */ K({
+  useContextLinks: ds,
+  useDashboardInternalContext: fs,
+  useEvaluateFeatureFlag: Xi,
+  useExportPdf: vs,
+  useI18n: Ot,
+  useIssueQuery: cs,
+  useRequestQueue: as
+}, Je = /* @__PURE__ */ K({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -930,7 +1219,7 @@ const j = {
   },
   emits: ["chart-data", "query-complete"],
   setup(a, { emit: e }) {
-    const t = a, i = e, { i18n: s } = j.useI18n(), { issueQuery: r } = j.useIssueQuery(), o = le(ce), n = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: d, error: l, isValidating: u } = xi(n, async () => {
+    const t = a, i = e, { i18n: s } = j.useI18n(), { issueQuery: r } = j.useIssueQuery(), o = le(ce), n = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: h, error: l, isValidating: u } = xi(n, async () => {
       const x = n();
       try {
         const y = await r(t.query, t.context, t.limitOverride);
@@ -946,22 +1235,22 @@ const j = {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
-    }), { state: h, swrvState: f } = Ii(d, l, u), g = N(null), m = b(() => h.value === f.ERROR || !!g.value), v = b(() => !t.queryReady || h.value === f.PENDING), p = N(), T = b(() => d.value ?? (t.queryReady && h.value === f.PENDING ? p.value : void 0));
-    return we([() => d.value, () => h.value], ([x, y]) => {
+    }), { state: d, swrvState: f } = Oi(h, l, u), g = L(null), m = b(() => d.value === f.ERROR || !!g.value), v = b(() => !t.queryReady || d.value === f.PENDING), p = L(), k = b(() => h.value ?? (t.queryReady && d.value === f.PENDING ? p.value : void 0));
+    return we([() => h.value, () => d.value], ([x, y]) => {
       x && (y === "SUCCESS_HAS_DATA" || y === "SUCCESS") && x !== p.value && (p.value = x, i("chart-data", x));
     }), (x, y) => {
-      const H = te("KSkeleton"), D = te("KEmptyState");
-      return (v.value || !E(d) && !m.value) && !T.value ? (w(), L(H, {
+      const I = te("KSkeleton"), D = te("KEmptyState");
+      return (v.value || !E(h) && !m.value) && !k.value ? (w(), N(I, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : m.value && !v.value ? (w(), L(D, {
+      })) : m.value && !v.value ? (w(), N(D, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state"
       }, Me({
         icon: M(() => [
-          g.value?.type === "forbidden" ? (w(), L(E(ki), { key: 0 })) : (w(), L(E(Ti), { key: 1 }))
+          g.value?.type === "forbidden" ? (w(), N(E(Ti), { key: 0 })) : (w(), N(E(ki), { key: 1 }))
         ]),
         title: M(() => [
           Q("p", null, W(g.value?.message || E(s).t("renderer.unexpectedError")), 1)
@@ -975,13 +1264,13 @@ const j = {
           ]),
           key: "0"
         } : void 0
-      ]), 1024)) : T.value ? Ee(x.$slots, "default", {
+      ]), 1024)) : k.value ? Ee(x.$slots, "default", {
         key: 2,
-        data: T.value
+        data: k.value
       }) : U("", !0);
     };
   }
-}), bs = /* @__PURE__ */ K({
+}), _s = /* @__PURE__ */ K({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -995,7 +1284,7 @@ const j = {
   },
   setup(a) {
     const e = a, t = b(() => e.chartOptions.type === "single_value");
-    return (i, s) => (w(), L(Ze, {
+    return (i, s) => (w(), N(Je, {
       context: a.context,
       query: a.query,
       "query-ready": a.queryReady,
@@ -1021,7 +1310,7 @@ const j = {
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, yt = /* @__PURE__ */ fe(bs, [["__scopeId", "data-v-2cbfac70"]]), ws = { class: "analytics-chart" }, Es = /* @__PURE__ */ K({
+}, vt = /* @__PURE__ */ fe(_s, [["__scopeId", "data-v-2cbfac70"]]), bs = { class: "analytics-chart" }, ws = /* @__PURE__ */ K({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -1044,21 +1333,21 @@ const j = {
       hideTruncationWarning: t.query.limit !== void 0 && t.query.limit > 0
     })), o = b(() => t.context.zoomable), n = () => {
       i("edit-tile");
-    }, d = (l) => {
+    }, h = (l) => {
       i("chart-data", l);
     };
     return (l, u) => {
-      const h = te("KDropdownItem");
-      return w(), L(Ze, {
+      const d = te("KDropdownItem");
+      return w(), N(Je, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
         "refresh-counter": a.refreshCounter,
-        onChartData: d
+        onChartData: h
       }, {
         default: M(({ data: f }) => [
-          Q("div", ws, [
-            ae(E(bi), Dt({
+          Q("div", bs, [
+            ae(E(bi), zt({
               "chart-data": f,
               "chart-options": r.value,
               "explore-link": a.exploreLink,
@@ -1074,7 +1363,7 @@ const j = {
               a.context.editable ? {
                 name: "menu-items",
                 fn: M(() => [
-                  ae(h, { onClick: n }, {
+                  ae(d, { onClick: n }, {
                     default: M(() => [
                       Ke(W(E(s).t("renderer.edit")), 1)
                     ]),
@@ -1090,7 +1379,7 @@ const j = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), Je = /* @__PURE__ */ fe(Es, [["__scopeId", "data-v-e1e7f610"]]), vt = /* @__PURE__ */ K({
+}), et = /* @__PURE__ */ fe(ws, [["__scopeId", "data-v-e1e7f610"]]), _t = /* @__PURE__ */ K({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -1103,7 +1392,7 @@ const j = {
     exploreLink: {}
   },
   setup(a) {
-    return (e, t) => (w(), L(Je, {
+    return (e, t) => (w(), N(et, {
       "chart-options": a.chartOptions,
       context: a.context,
       "extra-props": { showAnnotations: !1 },
@@ -1113,7 +1402,7 @@ const j = {
       "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), _t = /* @__PURE__ */ K({
+}), bt = /* @__PURE__ */ K({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -1128,7 +1417,7 @@ const j = {
   emits: ["zoom-time-range", "select-chart-range"],
   setup(a, { emit: e }) {
     const t = e;
-    return (i, s) => (w(), L(Je, {
+    return (i, s) => (w(), N(et, {
       "chart-options": a.chartOptions,
       context: a.context,
       "explore-link": a.exploreLink,
@@ -1141,7 +1430,7 @@ const j = {
       onZoomTimeRange: s[1] || (s[1] = (r) => t("zoom-time-range", r))
     }, null, 8, ["chart-options", "context", "explore-link", "height", "query", "query-ready", "refresh-counter", "requests-link"]));
   }
-}), xs = /* @__PURE__ */ K({
+}), Es = /* @__PURE__ */ K({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -1173,26 +1462,26 @@ const j = {
     return (i, s) => (w(), P("div", {
       class: _e(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
     }, [
-      ae(E(Ai), hi(ci(t.value)), {
+      ae(E(Ai), di(ci(t.value)), {
         default: M(() => [
-          ae(E(Oi))
+          ae(E(Hi))
         ]),
         _: 1
       }, 16)
     ], 2));
   }
-}), Cs = /* @__PURE__ */ fe(xs, [["__scopeId", "data-v-b77f52b8"]]), Rs = {
+}), xs = /* @__PURE__ */ fe(Es, [["__scopeId", "data-v-b77f52b8"]]), Cs = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, bt = /* @__PURE__ */ K({
+}, wt = /* @__PURE__ */ K({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
   setup(a) {
-    return (e, t) => (w(), P("div", Rs, W(a.entityLinkData.label), 1));
+    return (e, t) => (w(), P("div", Cs, W(a.entityLinkData.label), 1));
   }
-}), ks = { key: 0 }, Ts = { key: 1 }, Ss = /* @__PURE__ */ K({
+}), Rs = { key: 0 }, Ts = { key: 1 }, ks = /* @__PURE__ */ K({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1205,54 +1494,54 @@ const j = {
     exploreLink: {}
   },
   setup(a) {
-    const e = a, t = le(ce), i = zt(async () => {
+    const e = a, t = le(ce), i = Lt(async () => {
       if (t?.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
         } catch {
-          return bt;
+          return wt;
         }
-      return bt;
+      return wt;
     }), s = b(() => !!e.chartOptions.entity_link || !!Object.keys(e.chartOptions.entity_links || {}).length), r = (l) => {
       const u = e.chartOptions.entity_links;
-      return u && (u[l] || Object.entries(u).find(([h]) => h.toLowerCase() === l.toLowerCase())?.[1]) || "";
+      return u && (u[l] || Object.entries(u).find(([d]) => d.toLowerCase() === l.toLowerCase())?.[1]) || "";
     }, o = (l) => {
       const u = l.dimensions?.[0]?.dimension;
       return !u || u === l.dimension;
-    }, n = (l) => r(l.dimension) || o(l) && e.chartOptions.entity_link || "", d = (l) => {
+    }, n = (l) => r(l.dimension) || o(l) && e.chartOptions.entity_link || "", h = (l) => {
       const u = n(l);
       if (u)
         if (l.id.includes(":")) {
-          const [h, f] = l.id.split(":");
-          return u.replace(Vi, h).replace(dt, f);
+          const [d, f] = l.id.split(":");
+          return u.replace(Vi, d).replace(dt, f);
         } else
           return u.replace(dt, l.id);
       return "";
     };
-    return (l, u) => (w(), L(Ze, {
+    return (l, u) => (w(), N(Je, {
       context: a.context,
       query: a.query,
       "query-ready": a.queryReady,
       "refresh-counter": a.refreshCounter
     }, {
-      default: M(({ data: h }) => [
+      default: M(({ data: d }) => [
         ae(E(wi), {
-          data: h,
+          data: d,
           "synthetics-data-key": a.chartOptions.synthetics_data_key
         }, Me({ _: 2 }, [
           s.value ? {
             name: "name",
             fn: M(({ record: f }) => [
-              !f.isEmpty && n(f) ? (w(), L(E(i), {
+              !f.isEmpty && n(f) ? (w(), N(E(i), {
                 key: 0,
                 "entity-link-data": {
                   id: f.id,
                   label: f.name,
                   deleted: f.deleted
                 },
-                "external-link": d(f)
+                "external-link": h(f)
               }, null, 8, ["entity-link-data", "external-link"])) : (w(), P(Ve, { key: 1 }, [
-                f.name === "empty" ? (w(), P("i", ks, W(f.name), 1)) : (w(), P("span", Ts, W(f.name), 1))
+                f.name === "empty" ? (w(), P("i", Rs, W(f.name), 1)) : (w(), P("span", Ts, W(f.name), 1))
               ], 64))
             ]),
             key: "0"
@@ -1262,7 +1551,7 @@ const j = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), Ds = (a) => a.records.map((e) => {
+}), Ss = (a) => a.records.map((e) => {
   const t = { ...e };
   return Object.entries(e).forEach(([i, s]) => {
     if (s === null)
@@ -1270,7 +1559,7 @@ const j = {
     const r = a.meta.display?.[i]?.[String(s)]?.name;
     r && (t[i] = r);
   }), t;
-}), wt = ({
+}), Et = ({
   canTranslate: a,
   columns: e,
   translate: t
@@ -1280,11 +1569,11 @@ const j = {
     key: i,
     label: a(s) ? t(s) : i
   };
-}), zs = {
+}), Ds = {
   /** @deprecated Use `platform_usage`. */
-  platform: wt,
-  platform_usage: wt
-}, Et = async ({
+  platform: Et,
+  platform_usage: Et
+}, xt = async ({
   abortController: a,
   context: e,
   cursor: t,
@@ -1296,32 +1585,32 @@ const j = {
 }) => {
   if (!n)
     throw new Error("AnalyticsBridge.tabularQueryFn is not defined");
-  const d = s.query, l = o({
+  const h = s.query, l = o({
     datasource: s.datasource,
     filters: [
-      ...d.filters ?? [],
+      ...h.filters ?? [],
       ...e.filters
     ],
-    queryFields: d.entity === void 0 ? void 0 : [d.entity]
+    queryFields: h.entity === void 0 ? void 0 : [h.entity]
   }), u = await n({
     datasource: s.datasource,
     query: {
-      columns: d.columns,
-      cursor: t === void 0 ? d.cursor : String(t),
-      entity: d.entity,
+      columns: h.columns,
+      cursor: t === void 0 ? h.cursor : String(t),
+      entity: h.entity,
       filters: l,
       page_size: i
     }
   }, a);
   return u.meta.columns?.length && r?.(u.meta.columns), {
-    data: Ds(u),
+    data: Ss(u),
     cursor: u.meta.cursor,
     hasMore: !!u.meta.cursor
   };
-}, Ns = {
+}, zs = {
   /** @deprecated Use `platform_usage`. */
-  platform: Et,
-  platform_usage: Et
+  platform: xt,
+  platform_usage: xt
 }, Ls = /* @__PURE__ */ K({
   __name: "TableDataGridRenderer",
   props: {
@@ -1333,7 +1622,7 @@ const j = {
   },
   emits: ["loading-change"],
   setup(a, { emit: e }) {
-    const t = a, i = e, s = le(ce), r = Te(), { i18n: o } = j.useI18n(), n = new AbortController(), d = N([]), l = N(!1), u = b(() => t.height === void 0 ? void 0 : { height: `${t.height}px` }), h = b(() => ({
+    const t = a, i = e, s = le(ce), r = ke(), { i18n: o } = j.useI18n(), n = new AbortController(), h = L([]), l = L(!1), u = b(() => t.height === void 0 ? void 0 : { height: `${t.height}px` }), d = b(() => ({
       datasource: t.query.datasource,
       query: {
         columns: t.query.columns,
@@ -1357,29 +1646,29 @@ const j = {
         tz: t.context.tz
       }
     }));
-    ke(() => {
+    Te(() => {
       n.abort();
     });
-    const g = b(() => zs[t.query.datasource]({
+    const g = b(() => Ds[t.query.datasource]({
       // query.columns are optional in the API. If not provided, backend will return default columns.
       // If query columns are not provided, fallback to using columns from the response metadata for header configuration.
-      columns: t.query.columns?.length ? t.query.columns : d.value,
+      columns: t.query.columns?.length ? t.query.columns : h.value,
       translate: (p) => o.t(p),
       canTranslate: (p) => o.te(p)
-    })), m = b(() => async ({ cursor: p, pageSize: T }) => {
+    })), m = b(() => async ({ cursor: p, pageSize: k }) => {
       try {
         await r.isReady();
-        const x = Ns[h.value.datasource];
+        const x = zs[d.value.datasource];
         if (!x)
-          throw new Error(`No table data grid fetcher found for datasource: ${h.value.datasource}`);
+          throw new Error(`No table data grid fetcher found for datasource: ${d.value.datasource}`);
         const y = await x({
           abortController: n,
           context: t.context,
           cursor: p,
-          pageSize: T,
-          query: h.value,
-          onResponseColumns: (H) => {
-            d.value = H;
+          pageSize: k,
+          query: d.value,
+          onResponseColumns: (I) => {
+            h.value = I;
           },
           stripUnknownFilters: r.stripUnknownFilters,
           tabularQueryFn: s?.tabularQueryFn
@@ -1391,13 +1680,13 @@ const j = {
     }), v = (p) => {
       p.state === "error" && (l.value = !0), i("loading-change", p.state === "loading");
     };
-    return (p, T) => {
+    return (p, k) => {
       const x = te("KSkeleton");
       return w(), P("div", {
         class: "table-data-grid-renderer",
         style: ze(u.value)
       }, [
-        a.queryReady ? (w(), L(E(Hi), {
+        a.queryReady ? (w(), N(E(Ii), {
           key: 1,
           error: l.value,
           fetcher: m.value,
@@ -1405,7 +1694,7 @@ const j = {
           "page-size": a.query.page_size,
           "refresh-key": f.value,
           onState: v
-        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (w(), L(x, {
+        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (w(), N(x, {
           key: 0,
           "data-testid": "table-skeleton",
           type: "table"
@@ -1413,7 +1702,7 @@ const j = {
       ], 4);
     };
   }
-}), As = /* @__PURE__ */ fe(Ls, [["__scopeId", "data-v-c49ff2eb"]]), xt = "#6c7489", Os = "12px", Ct = "20px", Rt = "32px", Bt = "20px", Hs = /* @__PURE__ */ K({
+}), Ns = /* @__PURE__ */ fe(Ls, [["__scopeId", "data-v-c49ff2eb"]]), Ct = "#6c7489", As = "12px", Rt = "20px", Tt = "32px", Bt = "20px", Hs = /* @__PURE__ */ K({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1426,7 +1715,7 @@ const j = {
     exploreLink: {}
   },
   setup(a) {
-    return (e, t) => (w(), L(Je, {
+    return (e, t) => (w(), N(et, {
       "chart-options": a.chartOptions,
       context: a.context,
       height: a.height,
@@ -1435,12 +1724,12 @@ const j = {
       "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), qs = ["data-testid"], Is = {
+}), Is = ["data-testid"], qs = {
   key: 0,
   class: "tile-header"
-}, Ms = { class: "badge-container" }, Ps = { class: "badge-text" }, Bs = { key: 0 }, $s = ["data-testid"], Fs = ["data-testid"], Gs = { class: "delete-option" }, Us = ["data-testid"], Ws = ["data-testid"], Ks = /* @__PURE__ */ K({
+}, Os = { class: "badge-container" }, Ms = { class: "badge-text" }, Ps = { key: 0 }, Bs = ["data-testid"], $s = ["data-testid"], Fs = { class: "delete-option" }, Gs = ["data-testid"], Us = ["data-testid"], Ws = /* @__PURE__ */ K({
   __name: "DashboardTile",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Le({
     context: {},
     definition: {},
     height: { default: Se },
@@ -1455,21 +1744,21 @@ const j = {
     refreshCounter: { default: 0 },
     refreshCounterModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ne(["chart-data", "tile-loaded", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
+  emits: /* @__PURE__ */ Le(["chart-data", "tile-loaded", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
   setup(a, { expose: e, emit: t }) {
-    Qe((k) => ({
-      v6ce74284: `${k.height}px`
+    Qe((T) => ({
+      v6ce74284: `${T.height}px`
     }));
     const i = parseInt(Bt, 10), s = a, r = Nt(a, "refreshCounter"), o = () => {
       x.value = !0, r.value++;
-    }, n = t, d = zt(() => import("./GeoMapRenderer-BU0zw5aS.js")), l = le(ce), u = Te(), { stripUnknownFilters: h } = xe(u), { i18n: f } = j.useI18n(), g = N(), m = N({ status: "loading" }), v = N(!1), p = N(), T = N(!1), x = N(!0), y = b(() => s.definition.chart), H = b(() => "chart_title" in y.value ? y.value.chart_title : void 0), D = b(() => "description" in y.value ? y.value.description : void 0), Z = b(() => y.value.type === "slottable"), ue = b(() => X(s.definition) ? !1 : !("allow_csv_export" in y.value) || y.value.allow_csv_export !== !1), {
+    }, n = t, h = Lt(() => import("./GeoMapRenderer-DY2m4Z8z.js")), l = le(ce), u = ke(), { stripUnknownFilters: d } = xe(u), { i18n: f } = j.useI18n(), g = L(), m = L({ status: "loading" }), v = L(!1), p = L(), k = L(!1), x = L(!0), y = b(() => s.definition.chart), I = b(() => "chart_title" in y.value ? y.value.chart_title : void 0), D = b(() => "description" in y.value ? y.value.description : void 0), X = b(() => y.value.type === "slottable"), ue = b(() => Z(s.definition) ? !1 : !("allow_csv_export" in y.value) || y.value.allow_csv_export !== !1), {
       exploreLinkKebabMenu: se,
       requestsLinkKebabMenu: re,
       canShowKebabMenu: R,
-      canGenerateRequestsLink: I,
+      canGenerateRequestsLink: O,
       canGenerateExploreLink: q,
       requestsLinkZoomActions: V,
-      exploreLinkZoomActions: de,
+      exploreLinkZoomActions: he,
       buildExploreQuery: J,
       buildExploreLink: ye,
       buildRequestLink: S,
@@ -1480,42 +1769,42 @@ const j = {
       definition: be(s, "definition"),
       context: Ue(be(s, "context"))
     }), { issueQuery: B } = j.useIssueQuery();
-    we(() => s.definition, async (k, A) => {
-      await Ye(), p.value && (T.value = p.value.scrollWidth > p.value.clientWidth);
+    we(() => s.definition, async (T, A) => {
+      await Ye(), p.value && (k.value = p.value.scrollWidth > p.value.clientWidth);
       try {
-        JSON.stringify(k?.query) !== JSON.stringify(A?.query) && (x.value = !0);
+        JSON.stringify(T?.query) !== JSON.stringify(A?.query) && (x.value = !0);
       } catch {
       }
     }, { immediate: !0, deep: !0 });
-    const O = b(() => f.t("csvExport.defaultFilename")), $ = b(() => !!se.value || ue.value || s.context.editable), ee = b(() => !s.hideActions && R.value && $.value), he = b(() => ee.value && $.value && !s.isFullscreen), Be = b(() => y.value.type === "golden_signals" && !!D.value), De = {
-      timeseries_line: _t,
-      timeseries_bar: _t,
-      horizontal_bar: vt,
-      vertical_bar: vt,
-      gauge: yt,
+    const H = b(() => f.t("csvExport.defaultFilename")), $ = b(() => !!se.value || ue.value || s.context.editable), ee = b(() => !s.hideActions && R.value && $.value), de = b(() => ee.value && $.value && !s.isFullscreen), Be = b(() => y.value.type === "golden_signals" && !!D.value), De = {
+      timeseries_line: bt,
+      timeseries_bar: bt,
+      horizontal_bar: _t,
+      vertical_bar: _t,
+      gauge: vt,
       donut: Hs,
-      golden_signals: Cs,
-      top_n: Ss,
-      table: As,
+      golden_signals: xs,
+      top_n: ks,
+      table: Ns,
       slottable: void 0,
-      single_value: yt,
-      choropleth_map: d
+      single_value: vt,
+      choropleth_map: h
     }, Gt = b(() => ({
       ...ge.value?.rendererEvents.supportsRequests ? { "select-chart-range": si } : {},
       ...ge.value?.rendererEvents.supportsZoom ? { "zoom-time-range": ti } : {},
       ...ge.value?.rendererEvents.supportsBounds ? { "bounds-change": ii } : {},
-      ...ge.value?.rendererEvents.supportsLoadingChange ? { "loading-change": Zt } : {}
+      ...ge.value?.rendererEvents.supportsLoadingChange ? { "loading-change": Xt } : {}
     })), ge = b(() => {
-      const k = s.definition, A = De[k.chart.type], F = X(k), me = !!A?.emits?.includes("select-chart-range"), ve = !!A?.emits?.includes("zoom-time-range"), pe = k.chart.type === "choropleth_map", Fe = !!A?.emits?.includes("loading-change"), ri = {
-        query: k.query,
+      const T = s.definition, A = De[T.chart.type], F = Z(T), me = !!A?.emits?.includes("select-chart-range"), ve = !!A?.emits?.includes("zoom-time-range"), pe = T.chart.type === "choropleth_map", Fe = !!A?.emits?.includes("loading-change"), ri = {
+        query: T.query,
         context: s.context,
         queryReady: s.queryReady,
         height: s.height - i * 2,
         refreshCounter: r.value
       }, ni = {
-        chartOptions: k.chart,
+        chartOptions: T.chart,
         requestsLink: s.hideZoomActions ? void 0 : V.value,
-        exploreLink: s.hideZoomActions ? void 0 : de.value
+        exploreLink: s.hideZoomActions ? void 0 : he.value
       };
       return A && {
         component: A,
@@ -1531,39 +1820,39 @@ const j = {
         }
       };
     }), $e = b(() => {
-      if (X(s.definition))
+      if (Z(s.definition))
         return null;
-      const k = s.definition.query, A = k?.time_range;
-      if (Ot(k?.datasource) && !k.dimensions?.includes("time"))
+      const T = s.definition.query, A = T?.time_range;
+      if (It(T?.datasource) && !T.dimensions?.includes("time"))
         return f.t("renderer.as_of_today");
       if (A?.type === "relative") {
         const F = mi.get(pi[A.time_range]);
         return F ? F.display : (console.warn("Did not recognize the given relative time range:", A.time_range), A.time_range);
       } else if (A?.type === "absolute") {
         const F = A.tz || "Etc/UTC";
-        return `${ut(A.start, { short: !0, tz: F })} - ${ut(A.end, { short: !0, tz: F })}`;
+        return `${ht(A.start, { short: !0, tz: F })} - ${ht(A.end, { short: !0, tz: F })}`;
       }
       return null;
-    }), it = b(() => Z.value ? !1 : [
-      !!H.value,
-      he.value,
+    }), st = b(() => X.value ? !1 : [
+      !!I.value,
+      de.value,
       !!$e.value,
       Be.value,
       s.showRefresh
-    ].some(Boolean)), st = b(() => g.value ? We(g.value.meta.granularity_ms) : void 0), Ut = b(() => ["timeseries_line", "timeseries_bar"].includes(y.value.type)), rt = b(() => {
-      if (X(s.definition) || !Ut.value || !s.queryReady || x.value)
+    ].some(Boolean)), rt = b(() => g.value ? We(g.value.meta.granularity_ms) : void 0), Ut = b(() => ["timeseries_line", "timeseries_bar"].includes(y.value.type)), nt = b(() => {
+      if (Z(s.definition) || !Ut.value || !s.queryReady || x.value)
         return !1;
-      const k = s.definition.query.granularity;
-      return !k || !st.value ? !1 : k !== st.value;
+      const T = s.definition.query.granularity;
+      return !T || !rt.value ? !1 : T !== rt.value;
     }), Wt = b(() => {
-      const k = We(g.value?.meta.granularity_ms ?? 0) ?? "unknown", A = X(s.definition) ? "unknown" : s.definition.query.granularity ?? "unknown";
+      const T = We(g.value?.meta.granularity_ms ?? 0) ?? "unknown", A = Z(s.definition) ? "unknown" : s.definition.query.granularity ?? "unknown";
       return f.t("query_aged_out_warning", {
-        currentGranularity: f.t(`granularities.${k}`),
+        currentGranularity: f.t(`granularities.${T}`),
         savedGranularity: f.t(`granularities.${A}`)
       });
     }), Kt = b(() => {
-      const k = s.definition, A = [...s.context.filters, ...k.query.filters ?? []], F = "metrics" in k.query ? k.query.metrics : void 0, me = k.query.datasource ?? "api_usage";
-      return h.value({
+      const T = s.definition, A = [...s.context.filters, ...T.query.filters ?? []], F = "metrics" in T.query ? T.query.metrics : void 0, me = T.query.datasource ?? "api_usage";
+      return d.value({
         datasource: me,
         filters: A,
         queryFields: F
@@ -1574,17 +1863,17 @@ const j = {
       n("duplicate-tile", s.definition);
     }, Yt = () => {
       n("remove-tile", s.definition);
-    }, jt = (k) => {
-      g.value = k, x.value = !1, n("chart-data", k), n("tile-loaded");
-    }, Xt = () => {
+    }, jt = (T) => {
+      g.value = T, x.value = !1, n("chart-data", T), n("tile-loaded");
+    }, Zt = () => {
       x.value = !1, n("tile-loaded");
-    }, Zt = (k) => {
-      x.value = k, k || n("tile-loaded");
+    }, Xt = (T) => {
+      x.value = T, T || n("tile-loaded");
     }, Jt = () => {
       v.value = !1;
-    }, nt = () => {
-      const k = s.definition.query.datasource?.startsWith("goap");
-      return l?.staticConfig?.increaseCsvExportLimit !== !1 && !k ? B(s.definition.query, s.context, yi) : g.value ? Promise.resolve(g.value) : new Promise((F) => {
+    }, ot = () => {
+      const T = s.definition.query.datasource?.startsWith("goap");
+      return l?.staticConfig?.increaseCsvExportLimit !== !1 && !T ? B(s.definition.query, s.context, yi) : g.value ? Promise.resolve(g.value) : new Promise((F) => {
         const me = we(g, (ve) => {
           ve && (F(ve), me());
         });
@@ -1592,76 +1881,76 @@ const j = {
     }, ei = async () => {
       v.value = !0, m.value = { status: "loading" };
       try {
-        const k = await nt();
-        m.value = { status: "success", chartData: k };
-      } catch (k) {
-        m.value = { status: "error", error: k };
+        const T = await ot();
+        m.value = { status: "success", chartData: T };
+      } catch (T) {
+        m.value = { status: "error", error: T };
       }
-    }, ti = (k) => {
+    }, ti = (T) => {
       const A = {
         tileId: s.tileId.toString(),
-        timeRange: k
+        timeRange: T
       };
       n("tile-time-range-zoom", A);
-    }, ii = (k) => {
+    }, ii = (T) => {
       const A = {
         tileId: s.tileId.toString(),
-        bounds: k
+        bounds: T
       };
       n("tile-bounds-change", A);
-    }, si = (k) => {
-      const A = Kt.value, F = J(k, A);
-      de.value = q.value ? { href: ye(F) } : void 0, V.value = I.value ? { href: S(z(k, A)) } : void 0;
+    }, si = (T) => {
+      const A = Kt.value, F = J(T, A);
+      he.value = q.value ? { href: ye(F) } : void 0, V.value = O.value ? { href: S(z(T, A)) } : void 0;
     };
-    return e({ getExportData: nt }), (k, A) => {
+    return e({ getExportData: ot }), (T, A) => {
       const F = te("KTooltip"), me = te("KBadge"), ve = te("KButton"), pe = te("KDropdownItem"), Fe = te("KDropdown");
       return w(), P("div", {
         class: _e(["tile-boundary", {
           editable: a.context.editable,
-          headless: !it.value
+          headless: !st.value
         }]),
         "data-testid": `tile-${a.tileId}`
       }, [
-        it.value && !Z.value ? (w(), P("div", Is, [
+        st.value && !X.value ? (w(), P("div", qs, [
           ae(F, {
             class: "title-tooltip",
-            disabled: !T.value,
+            disabled: !k.value,
             "max-width": "500",
-            text: H.value
+            text: I.value
           }, {
             default: M(() => [
               Q("div", {
                 ref_key: "titleRef",
                 ref: p,
                 class: "title"
-              }, W(H.value), 513)
+              }, W(I.value), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          Q("div", Ms, [
-            $e.value ? (w(), L(me, {
+          Q("div", Os, [
+            $e.value ? (w(), N(me, {
               key: 0,
               "data-testid": "time-range-badge",
-              tooltip: rt.value ? Wt.value : void 0,
+              tooltip: nt.value ? Wt.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
             }, Me({
               default: M(() => [
-                Q("span", Ps, W($e.value), 1)
+                Q("span", Ms, W($e.value), 1)
               ]),
               _: 2
             }, [
-              rt.value ? {
+              nt.value ? {
                 name: "icon",
                 fn: M(() => [
                   ae(E(Si), {
-                    size: `var(--kui-icon-size-20, ${E(Os)})`
+                    size: `var(--kui-icon-size-20, ${E(As)})`
                   }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["tooltip"])) : U("", !0)
           ]),
-          a.showRefresh ? (w(), P("div", Bs, [
+          a.showRefresh ? (w(), P("div", Ps, [
             ae(ve, {
               appearance: "secondary",
               class: "refresh-button",
@@ -1672,15 +1961,15 @@ const j = {
               onClick: o
             }, {
               default: M(() => [
-                x.value ? (w(), L(E(Di), {
+                x.value ? (w(), N(E(Di), {
                   key: 0,
                   role: "button",
-                  size: `var(--kui-icon-size-60, ${E(Rt)})`,
+                  size: `var(--kui-icon-size-60, ${E(Tt)})`,
                   tabindex: "0"
-                }, null, 8, ["size"])) : (w(), L(E(zi), {
+                }, null, 8, ["size"])) : (w(), N(E(zi), {
                   key: 1,
                   role: "button",
-                  size: `var(--kui-icon-size-60, ${E(Rt)})`,
+                  size: `var(--kui-icon-size-60, ${E(Tt)})`,
                   tabindex: "0"
                 }, null, 8, ["size"]))
               ]),
@@ -1692,32 +1981,32 @@ const j = {
             class: "tile-actions",
             "data-testid": `tile-actions-${a.tileId}`
           }, [
-            ee.value && a.context.editable && !a.isFullscreen ? (w(), L(E(Ni), {
+            ee.value && a.context.editable && !a.isFullscreen ? (w(), N(E(Li), {
               key: 0,
               class: "edit-icon",
-              color: `var(--kui-color-text-neutral, ${E(xt)})`,
+              color: `var(--kui-color-text-neutral, ${E(Ct)})`,
               "data-testid": `edit-tile-${a.tileId}`,
-              size: `var(--kui-icon-size-40, ${E(Ct)})`,
+              size: `var(--kui-icon-size-40, ${E(Rt)})`,
               onClick: Vt
             }, null, 8, ["color", "data-testid", "size"])) : U("", !0),
-            ee.value && $.value && !a.isFullscreen ? (w(), L(Fe, {
+            ee.value && $.value && !a.isFullscreen ? (w(), N(Fe, {
               key: 1,
               class: "dropdown",
               "data-testid": `chart-action-menu-${a.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: M(() => [
-                E(se) ? (w(), L(pe, {
+                E(se) ? (w(), N(pe, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${a.tileId}`,
                   item: { label: E(f).t("jumpToExplore"), to: E(se) }
                 }, null, 8, ["data-testid", "item"])) : U("", !0),
-                !E(X)(a.definition) && E(re) ? (w(), L(pe, {
+                !E(Z)(a.definition) && E(re) ? (w(), N(pe, {
                   key: 1,
                   "data-testid": `chart-jump-to-requests-${a.tileId}`,
                   item: { label: E(f).t("jumpToRequests"), to: E(re) }
                 }, null, 8, ["data-testid", "item"])) : U("", !0),
-                ue.value ? (w(), L(pe, {
+                ue.value ? (w(), N(pe, {
                   key: 2,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${a.tileId}`,
@@ -1727,11 +2016,11 @@ const j = {
                     Q("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${a.tileId}`
-                    }, W(E(f).t("csvExport.exportAsCsv")), 9, Fs)
+                    }, W(E(f).t("csvExport.exportAsCsv")), 9, $s)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : U("", !0),
-                a.context.editable ? (w(), L(pe, {
+                a.context.editable ? (w(), N(pe, {
                   key: 3,
                   "data-testid": `duplicate-tile-${a.tileId}`,
                   onClick: Qt
@@ -1741,37 +2030,37 @@ const j = {
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : U("", !0),
-                a.context.editable ? (w(), L(pe, {
+                a.context.editable ? (w(), N(pe, {
                   key: 4,
                   "data-testid": `remove-tile-${a.tileId}`,
                   onClick: Yt
                 }, {
                   default: M(() => [
-                    Q("span", Gs, W(E(f).t("renderer.delete")), 1)
+                    Q("span", Fs, W(E(f).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : U("", !0)
               ]),
               default: M(() => [
-                ae(E(Li), {
+                ae(E(Ni), {
                   class: "kebab-action-menu",
-                  color: `var(--kui-color-text-neutral, ${E(xt)})`,
+                  color: `var(--kui-color-text-neutral, ${E(Ct)})`,
                   "data-testid": `kebab-action-menu-${a.tileId}`,
-                  size: `var(--kui-icon-size-40, ${E(Ct)})`
+                  size: `var(--kui-icon-size-40, ${E(Rt)})`
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
             }, 8, ["data-testid"])) : U("", !0)
-          ], 8, $s)) : D.value ? (w(), P("div", {
+          ], 8, Bs)) : D.value ? (w(), P("div", {
             key: 2,
             class: "header-description",
             "data-testid": `tile-description-${a.tileId}`
-          }, W(D.value), 9, Us)) : U("", !0),
-          v.value ? (w(), L(E(Ei), {
+          }, W(D.value), 9, Gs)) : U("", !0),
+          v.value ? (w(), N(E(Ei), {
             key: 3,
             "data-testid": `csv-export-modal-${a.tileId}`,
             "export-state": m.value,
-            filename: O.value,
+            filename: H.value,
             onCloseModal: Jt
           }, null, 8, ["data-testid", "export-state", "filename"])) : U("", !0)
         ])) : U("", !0),
@@ -1779,26 +2068,26 @@ const j = {
           class: _e(["tile-content", `type-${a.tileType}-${y.value.type}`]),
           "data-testid": `tile-content-${a.tileId}`
         }, [
-          ge.value ? (w(), L(Lt(ge.value.component), Dt({ key: 0 }, ge.value.rendererProps, fi(Gt.value), {
+          ge.value ? (w(), N(At(ge.value.component), zt({ key: 0 }, ge.value.rendererProps, fi(Gt.value), {
             onChartData: jt,
-            onQueryComplete: Xt
+            onQueryComplete: Zt
           }), null, 16)) : U("", !0)
-        ], 10, Ws)
-      ], 10, qs);
+        ], 10, Us)
+      ], 10, Is);
     };
   }
-}), $t = /* @__PURE__ */ fe(Ks, [["__scopeId", "data-v-fb1aa747"]]), Vs = (a, e) => {
+}), $t = /* @__PURE__ */ fe(Ws, [["__scopeId", "data-v-fb1aa747"]]), Ks = (a, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
-    const o = r.layout.position.row, n = i.get(o), d = r.layout.size.rows === 1 && !!r.layout.size.fit_to_content;
-    t = Math.max(t, o + r.layout.size.rows), n === void 0 ? i.set(o, d) : i.set(o, n && d);
+    const o = r.layout.position.row, n = i.get(o), h = r.layout.size.rows === 1 && !!r.layout.size.fit_to_content;
+    t = Math.max(t, o + r.layout.size.rows), n === void 0 ? i.set(o, h) : i.set(o, n && h);
   });
   const s = [];
   for (let r = 0; r < t; r++)
     i.get(r) ? s.push("auto") : s.push(`${a}px`);
   return s;
-}, Qs = /* @__PURE__ */ K({
+}, Vs = /* @__PURE__ */ K({
   __name: "GridLayout",
   props: {
     tileHeight: {
@@ -1809,7 +2098,7 @@ const j = {
     columns: {
       type: Number,
       required: !1,
-      default: () => Xe
+      default: () => Ze
     },
     tiles: {
       type: Array,
@@ -1821,18 +2110,18 @@ const j = {
       v821fda82: e.columns,
       v0870d42d: r.value
     }));
-    const e = a, t = N(null), i = N(0), s = new ResizeObserver((n) => {
+    const e = a, t = L(null), i = L(0), s = new ResizeObserver((n) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(n) || !n.length || (i.value = n[0].contentRect.width);
       });
     });
-    Ie(() => {
+    Oe(() => {
       t.value && s.observe(t.value);
-    }), ke(() => {
+    }), Te(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = b(() => Vs(e.tileHeight, e.tiles).join(" ")), o = b(() => e.tiles.map((n, d) => ({
-      key: `tile-${d}`,
+    const r = b(() => Ks(e.tileHeight, e.tiles).join(" ")), o = b(() => e.tiles.map((n, h) => ({
+      key: `tile-${h}`,
       tile: n,
       style: {
         "grid-column-start": n.layout.position.col + 1,
@@ -1841,12 +2130,12 @@ const j = {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, d) => (w(), P("div", {
+    return (n, h) => (w(), P("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (w(!0), P(Ve, null, At(o.value, (l) => (w(), P("div", {
+      (w(!0), P(Ve, null, Ht(o.value, (l) => (w(), P("div", {
         key: l.key,
         class: _e(["grid-cell", {
           "empty-cell": !l.tile
@@ -1860,8 +2149,8 @@ const j = {
       ], 6))), 128))
     ], 512));
   }
-}), Ys = /* @__PURE__ */ fe(Qs, [["__scopeId", "data-v-0271a8b9"]]);
-function js(a, e, t, i, s) {
+}), Qs = /* @__PURE__ */ fe(Vs, [["__scopeId", "data-v-0271a8b9"]]);
+function Ys(a, e, t, i, s) {
   const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(a, o));
   return r.prototype = e.prototype, r;
 }
@@ -2067,10 +2356,10 @@ class c {
   static updateScrollPosition(e, t, i) {
     const s = e.getBoundingClientRect(), r = window.innerHeight || document.documentElement.clientHeight;
     if (s.top < 0 || s.bottom > r) {
-      const o = s.bottom - r, n = s.top, d = this.getScrollElement(e);
-      if (d !== null) {
-        const l = d.scrollTop;
-        s.top < 0 && i < 0 ? e.offsetHeight > r ? d.scrollTop += i : d.scrollTop += Math.abs(n) > Math.abs(i) ? i : n : i > 0 && (e.offsetHeight > r ? d.scrollTop += i : d.scrollTop += o > i ? i : o), t.top += d.scrollTop - l;
+      const o = s.bottom - r, n = s.top, h = this.getScrollElement(e);
+      if (h !== null) {
+        const l = h.scrollTop;
+        s.top < 0 && i < 0 ? e.offsetHeight > r ? h.scrollTop += i : h.scrollTop += Math.abs(n) > Math.abs(i) ? i : n : i > 0 && (e.offsetHeight > r ? h.scrollTop += i : h.scrollTop += o > i ? i : o), t.top += h.scrollTop - l;
       }
     }
   }
@@ -2082,8 +2371,8 @@ class c {
    * @param distance Distance from the V edges to start scrolling
    */
   static updateScrollResize(e, t, i) {
-    const s = this.getScrollElement(t), r = s.clientHeight, o = s === this.getScrollElement() ? 0 : s.getBoundingClientRect().top, n = e.clientY - o, d = n < i, l = n > r - i;
-    d ? s.scrollBy({ behavior: "smooth", top: n - i }) : l && s.scrollBy({ behavior: "smooth", top: i - (r - n) });
+    const s = this.getScrollElement(t), r = s.clientHeight, o = s === this.getScrollElement() ? 0 : s.getBoundingClientRect().top, n = e.clientY - o, h = n < i, l = n > r - i;
+    h ? s.scrollBy({ behavior: "smooth", top: n - i }) : l && s.scrollBy({ behavior: "smooth", top: i - (r - n) });
   }
   /** single level clone, returning a new object with same top fields. This will share sub objects and arrays */
   static clone(e) {
@@ -2221,9 +2510,9 @@ class ne {
     !this._loading && this._useEntireRowArea(e, t) && (r = { x: 0, w: this.column, y: t.y, h: t.h }, i = this.collide(e, r, s.skip));
     let o = !1;
     const n = { nested: !0, pack: !1 };
-    let d = 0;
+    let h = 0;
     for (; i = i || this.collide(e, r, s.skip); ) {
-      if (d++ > this.nodes.length * 2)
+      if (h++ > this.nodes.length * 2)
         throw new Error("Infinite collide check");
       let l;
       if (i.locked || this._loading || e._moving && !e._skipDown && t.y > e.y && !this.float && // can take space we had, or before where we're going
@@ -2255,14 +2544,14 @@ class ne {
     const s = e._rect, r = { ...t.rect };
     r.y > s.y ? (r.h += r.y - s.y, r.y = s.y) : r.h += s.y - r.y, r.x > s.x ? (r.w += r.x - s.x, r.x = s.x) : r.w += s.x - r.x;
     let o, n = 0.5;
-    for (let d of i) {
-      if (d.locked || !d._rect)
+    for (let h of i) {
+      if (h.locked || !h._rect)
         break;
-      const l = d._rect;
-      let u = Number.MAX_VALUE, h = Number.MAX_VALUE;
-      s.y < l.y ? u = (r.y + r.h - l.y) / l.h : s.y + s.h > l.y + l.h && (u = (l.y + l.h - r.y) / l.h), s.x < l.x ? h = (r.x + r.w - l.x) / l.w : s.x + s.w > l.x + l.w && (h = (l.x + l.w - r.x) / l.w);
-      const f = Math.min(h, u);
-      f > n && (n = f, o = d);
+      const l = h._rect;
+      let u = Number.MAX_VALUE, d = Number.MAX_VALUE;
+      s.y < l.y ? u = (r.y + r.h - l.y) / l.h : s.y + s.h > l.y + l.h && (u = (l.y + l.h - r.y) / l.h), s.x < l.x ? d = (r.x + r.w - l.x) / l.w : s.x + s.w > l.x + l.w && (d = (l.x + l.w - r.x) / l.w);
+      const f = Math.min(d, u);
+      f > n && (n = f, o = h);
     }
     return t.collide = o, o;
   }
@@ -2336,9 +2625,9 @@ class ne {
     const s = this._inColumnResize;
     s || (this._inColumnResize = !0);
     const r = this.nodes;
-    return this.nodes = [], r.forEach((o, n, d) => {
+    return this.nodes = [], r.forEach((o, n, h) => {
       let l;
-      o.locked || (o.autoPosition = !0, e === "list" && n && (l = d[n - 1])), this.addNode(o, !1, l);
+      o.locked || (o.autoPosition = !0, e === "list" && n && (l = h[n - 1])), this.addNode(o, !1, l);
     }), s || delete this._inColumnResize, i || this.batchUpdate(!1), this;
   }
   /** enable/disable floating widgets (default: `false`) See [example](http://gridstackjs.com/demo/float.html) */
@@ -2436,11 +2725,11 @@ class ne {
     const r = s ? s.y * i + (s.x + s.w) : 0;
     let o = !1;
     for (let n = r; !o; ++n) {
-      const d = n % i, l = Math.floor(n / i);
-      if (d + e.w > i)
+      const h = n % i, l = Math.floor(n / i);
+      if (h + e.w > i)
         continue;
-      const u = { x: d, y: l, w: e.w, h: e.h };
-      t.find((h) => c.isIntercepted(u, h)) || ((e.x !== d || e.y !== l) && (e._dirty = !0), e.x = d, e.y = l, delete e.autoPosition, o = !0);
+      const u = { x: h, y: l, w: e.w, h: e.h };
+      t.find((d) => c.isIntercepted(u, d)) || ((e.x !== h || e.y !== l) && (e._dirty = !0), e.x = h, e.y = l, delete e.autoPosition, o = !0);
     }
     return o;
   }
@@ -2486,7 +2775,7 @@ class ne {
         return this._notify(), !0;
     }
     return r ? (s.nodes.filter((o) => o._dirty).forEach((o) => {
-      const n = this.nodes.find((d) => d._id === o._id);
+      const n = this.nodes.find((h) => h._id === o._id);
       n && (c.copyPos(n, o), n._dirty = !0);
     }), this._notify(), !0) : !1;
   }
@@ -2516,17 +2805,17 @@ class ne {
     if (c.copyPos(r, t), this.nodeBoundFix(r, s), c.copyPos(t, r), !t.forceCollide && c.samePos(e, t))
       return !1;
     const o = c.copyPos({}, e), n = this.collideAll(e, r, t.skip);
-    let d = !0;
+    let h = !0;
     if (n.length) {
       const l = e._moving && !t.nested;
       let u = l ? this.directionCollideCoverage(e, t, n) : n[0];
       if (l && u && e.grid?.opts?.subGridDynamic && !e.grid._isTemp) {
-        const h = c.areaIntercept(t.rect, u._rect), f = c.area(t.rect), g = c.area(u._rect);
-        h / (f < g ? f : g) > 0.8 && (u.grid.makeSubGrid(u.el, void 0, e), u = void 0);
+        const d = c.areaIntercept(t.rect, u._rect), f = c.area(t.rect), g = c.area(u._rect);
+        d / (f < g ? f : g) > 0.8 && (u.grid.makeSubGrid(u.el, void 0, e), u = void 0);
       }
-      u ? d = !this._fixCollisions(e, r, u, t) : (d = !1, i && delete t.pack);
+      u ? h = !this._fixCollisions(e, r, u, t) : (h = !1, i && delete t.pack);
     }
-    return d && !c.samePos(e, r) && (e._dirty = !0, c.copyPos(e, r)), t.pack && this._packNodes()._notify(), !c.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);
@@ -2543,8 +2832,8 @@ class ne {
   save(e = !0, t) {
     const i = this._layouts?.length, s = i && this.column !== i - 1 ? this._layouts[i - 1] : null, r = [];
     return this.sortNodes(), this.nodes.forEach((o) => {
-      const n = s?.find((l) => l._id === o._id), d = { ...o, ...n || {} };
-      c.removeInternalForSave(d, !e), t && t(o, d), r.push(d);
+      const n = s?.find((l) => l._id === o._id), h = { ...o, ...n || {} };
+      c.removeInternalForSave(h, !e), t && t(o, h), r.push(h);
     }), r;
   }
   /** @internal called whenever a node is added or moved - updates the cached layouts */
@@ -2582,19 +2871,19 @@ class ne {
     s && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
     let r = [], o = s ? this.nodes : c.sort(this.nodes, -1);
     if (t > e && this._layouts) {
-      const n = this._layouts[t] || [], d = this._layouts.length - 1;
-      !n.length && e !== d && this._layouts[d]?.length && (e = d, this._layouts[d].forEach((l) => {
-        const u = o.find((h) => h._id === l._id);
+      const n = this._layouts[t] || [], h = this._layouts.length - 1;
+      !n.length && e !== h && this._layouts[h]?.length && (e = h, this._layouts[h].forEach((l) => {
+        const u = o.find((d) => d._id === l._id);
         u && (!s && !l.autoPosition && (u.x = l.x ?? u.x, u.y = l.y ?? u.y), u.w = l.w ?? u.w, (l.x == null || l.y === void 0) && (u.autoPosition = !0));
       })), n.forEach((l) => {
-        const u = o.findIndex((h) => h._id === l._id);
+        const u = o.findIndex((d) => d._id === l._id);
         if (u !== -1) {
-          const h = o[u];
+          const d = o[u];
           if (s) {
-            h.w = l.w;
+            d.w = l.w;
             return;
           }
-          (l.autoPosition || isNaN(l.x) || isNaN(l.y)) && this.findEmptyPosition(l, r), l.autoPosition || (h.x = l.x ?? h.x, h.y = l.y ?? h.y, h.w = l.w ?? h.w, r.push(h)), o.splice(u, 1);
+          (l.autoPosition || isNaN(l.x) || isNaN(l.y)) && this.findEmptyPosition(l, r), l.autoPosition || (d.x = l.x ?? d.x, d.y = l.y ?? d.y, d.w = l.w ?? d.w, r.push(d)), o.splice(u, 1);
         }
       });
     }
@@ -2605,9 +2894,9 @@ class ne {
         if (typeof i == "function")
           i(t, e, r, o);
         else {
-          const n = s || i === "none" ? 1 : t / e, d = i === "move" || i === "moveScale", l = i === "scale" || i === "moveScale";
+          const n = s || i === "none" ? 1 : t / e, h = i === "move" || i === "moveScale", l = i === "scale" || i === "moveScale";
           o.forEach((u) => {
-            u.x = t === 1 ? 0 : d ? Math.round(u.x * n) : Math.min(u.x, t - 1), u.w = t === 1 || e === 1 ? 1 : l ? Math.round(u.w * n) || 1 : Math.min(u.w, t), r.push(u);
+            u.x = t === 1 ? 0 : h ? Math.round(u.x * n) : Math.min(u.x, t - 1), u.w = t === 1 || e === 1 ? 1 : l ? Math.round(u.w * n) || 1 : Math.min(u.w, t), r.push(u);
           }), o = [];
         }
       r = c.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((n) => {
@@ -2626,7 +2915,7 @@ class ne {
     const s = [];
     return e.forEach((r, o) => {
       if (r._id === void 0) {
-        const n = r.id ? this.nodes.find((d) => d.id === r.id) : void 0;
+        const n = r.id ? this.nodes.find((h) => h.id === r.id) : void 0;
         r._id = n?._id ?? ne._idSeq++;
       }
       s[o] = { x: r.x, y: r.y, w: r.w, _id: r._id };
@@ -2697,24 +2986,24 @@ class C {
 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 oe {
 }
-function Le(a, e) {
+function Ne(a, e) {
   a.touches.length > 1 || (a.cancelable && a.preventDefault(), c.simulateMouseEvent(a.changedTouches[0], e));
 }
 function Ft(a, e) {
   a.cancelable && a.preventDefault(), c.simulateMouseEvent(a, e);
 }
 function Ae(a) {
-  oe.touchHandled || (oe.touchHandled = !0, Le(a, "mousedown"));
-}
-function Oe(a) {
-  oe.touchHandled && Le(a, "mousemove");
+  oe.touchHandled || (oe.touchHandled = !0, Ne(a, "mousedown"));
 }
 function He(a) {
+  oe.touchHandled && Ne(a, "mousemove");
+}
+function Ie(a) {
   if (!oe.touchHandled)
     return;
   oe.pointerLeaveTimeout && (window.clearTimeout(oe.pointerLeaveTimeout), delete oe.pointerLeaveTimeout);
   const e = !!C.dragElement;
-  Le(a, "mouseup"), e || Le(a, "click"), oe.touchHandled = !1;
+  Ne(a, "mouseup"), e || Ne(a, "click"), oe.touchHandled = !1;
 }
 function qe(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
@@ -2722,7 +3011,7 @@ function qe(a) {
 function kt(a) {
   C.dragElement && a.pointerType !== "mouse" && Ft(a, "mouseenter");
 }
-function Tt(a) {
+function St(a) {
   C.dragElement && a.pointerType !== "mouse" && (oe.pointerLeaveTimeout = window.setTimeout(() => {
     delete oe.pointerLeaveTimeout, Ft(a, "mouseleave");
   }, 10));
@@ -2742,7 +3031,7 @@ class Pe {
   }
   /** @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", Oe), this.el.addEventListener("touchend", He)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ie && (this.el.addEventListener("touchmove", He), this.el.addEventListener("touchend", Ie)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2751,7 +3040,7 @@ class Pe {
   }
   /** @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", Oe), this.el.removeEventListener("touchend", He)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ie && (this.el.removeEventListener("touchmove", He), 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) {
@@ -2763,7 +3052,7 @@ class Pe {
   }
 }
 Pe.prefix = "ui-resizable-";
-class et {
+class tt {
   constructor() {
     this._eventRegister = {};
   }
@@ -2791,7 +3080,7 @@ class et {
       return this._eventRegister[e](t);
   }
 }
-class Ce extends et {
+class Ce extends tt {
   // 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 = () => {
@@ -2913,15 +3202,15 @@ class Ce extends et {
       left: this.originalRect.left,
       top: this.originalRect.top - this.scrolled
     }, r = e.clientX - i.clientX, o = this.sizeToContent ? 0 : e.clientY - i.clientY;
-    let n, d;
-    t.indexOf("e") > -1 ? s.width += r : t.indexOf("w") > -1 && (s.width -= r, s.left += r, n = !0), t.indexOf("s") > -1 ? s.height += o : t.indexOf("n") > -1 && (s.height -= o, s.top += o, d = !0);
-    const l = this._constrainSize(s.width, s.height, n, d);
+    let n, h;
+    t.indexOf("e") > -1 ? s.width += r : t.indexOf("w") > -1 && (s.width -= r, s.left += r, n = !0), t.indexOf("s") > -1 ? s.height += o : t.indexOf("n") > -1 && (s.height -= o, s.top += o, h = !0);
+    const l = this._constrainSize(s.width, s.height, n, h);
     return Math.round(s.width) !== Math.round(l.width) && (t.indexOf("w") > -1 && (s.left += s.width - l.width), s.width = l.width), Math.round(s.height) !== Math.round(l.height) && (t.indexOf("n") > -1 && (s.top += s.height - l.height), s.height = l.height), s;
   }
   /** @internal constrain the size to the set min/max values */
   _constrainSize(e, t, i, s) {
-    const r = this.option, o = (i ? r.maxWidthMoveLeft : r.maxWidth) || Number.MAX_SAFE_INTEGER, n = r.minWidth / this.rectScale.x || e, d = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, l = r.minHeight / this.rectScale.y || t, u = Math.min(o, Math.max(n, e)), h = Math.min(d, Math.max(l, t));
-    return { width: u, height: h };
+    const r = this.option, o = (i ? r.maxWidthMoveLeft : r.maxWidth) || Number.MAX_SAFE_INTEGER, n = r.minWidth / this.rectScale.x || e, h = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, l = r.minHeight / this.rectScale.y || t, u = Math.min(o, Math.max(n, e)), d = Math.min(h, Math.max(l, t));
+    return { width: u, height: d };
   }
   /** @internal */
   _applyChange() {
@@ -2941,8 +3230,8 @@ class Ce extends et {
   }
 }
 Ce._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Xs = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Re extends et {
+const js = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class Re extends tt {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.dragTransform = {
       xScale: 1,
@@ -2978,7 +3267,7 @@ class Re extends et {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!C.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Xs) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete C.dragElement, delete C.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ie && (e.currentTarget.addEventListener("touchmove", Oe), e.currentTarget.addEventListener("touchend", He)), e.preventDefault(), document.activeElement && document.activeElement.blur(), C.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(js) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete C.dragElement, delete C.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ie && (e.currentTarget.addEventListener("touchmove", He), e.currentTarget.addEventListener("touchend", Ie)), e.preventDefault(), document.activeElement && document.activeElement.blur(), C.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -3007,7 +3296,7 @@ class Re extends et {
   }
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
-    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ie && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Oe, !0), e.currentTarget.removeEventListener("touchend", He, !0)), this.dragging) {
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ie && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", He, !0), e.currentTarget.removeEventListener("touchend", Ie, !0)), this.dragging) {
       delete this.dragging, delete this.el.gridstackNode?._origRotate, document.removeEventListener("keydown", this._keyEvent), C.dropElement?.el === this.el.parentElement && delete C.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const t = c.initEvent(e, { target: this.el, type: "dragstop" });
       this.option.stop && this.option.stop(t), this.triggerEvent("dragstop", t), C.dropElement && C.dropElement.drop(e);
@@ -3085,7 +3374,7 @@ class Re extends et {
   }
 }
 Re.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Zs extends et {
+class Zs extends tt {
   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();
   }
@@ -3096,10 +3385,10 @@ class Zs extends et {
     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", kt), this.el.addEventListener("pointerleave", Tt)));
+    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", kt), this.el.addEventListener("pointerleave", St)));
   }
   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", kt), this.el.removeEventListener("pointerleave", Tt)));
+    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", kt), this.el.removeEventListener("pointerleave", St)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -3150,9 +3439,9 @@ class Zs extends et {
     };
   }
 }
-class tt {
+class it {
   static init(e) {
-    return e.ddElement || (e.ddElement = new tt(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new it(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -3182,7 +3471,7 @@ class tt {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Js {
+class Xs {
   resizable(e, t, i, s) {
     return this._getDDElements(e, t).forEach((r) => {
       if (t === "disable" || t === "enable")
@@ -3193,12 +3482,12 @@ class Js {
         r.setupResizable({ [i]: s });
       else {
         const n = r.el.gridstackNode.grid;
-        let d = r.el.getAttribute("gs-resize-handles") || n.opts.resizable.handles || "e,s,se";
-        d === "all" && (d = "n,e,s,w,se,sw,ne,nw");
+        let h = r.el.getAttribute("gs-resize-handles") || n.opts.resizable.handles || "e,s,se";
+        h === "all" && (h = "n,e,s,w,se,sw,ne,nw");
         const l = !n.opts.alwaysShowResizeHandle;
         r.setupResizable({
           ...n.opts.resizable,
-          handles: d,
+          handles: h,
           autoHide: l,
           start: t.start,
           stop: t.stop,
@@ -3258,10 +3547,10 @@ class Js {
   /** @internal returns a list of DD elements, creating them on the fly by default unless option is to destroy or disable */
   _getDDElements(e, t) {
     const i = e.gridstack || t !== "destroy" && t !== "disable", s = c.getElements(e);
-    return s.length ? s.map((o) => o.ddElement || (i ? tt.init(o) : null)).filter((o) => o) : [];
+    return s.length ? s.map((o) => o.ddElement || (i ? it.init(o) : null)).filter((o) => o) : [];
   }
 }
-const G = new Js();
+const G = new Xs();
 class _ {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -3344,13 +3633,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let s = t.columnOpts?.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 h = r.oneColumnSize || 768;
+      const d = r.oneColumnSize || 768;
       delete r.oneColumnSize, delete r.disableOneColumnMode, t.columnOpts = t.columnOpts || {}, s = t.columnOpts.breakpoints = t.columnOpts.breakpoints || [];
       let f = s.find((g) => g.c === 1);
-      f ? f.w = h : (f = { c: 1, w: h }, s.push(f, { c: 12, w: h + 1 }));
+      f ? f.w = d : (f = { c: 1, w: d }, s.push(f, { c: 12, w: d + 1 }));
     }
     const o = t.columnOpts;
-    o && (!o.columnWidth && !o.breakpoints?.length ? (delete t.columnOpts, s = void 0) : o.columnMax = o.columnMax || 12), s?.length > 1 && s.sort((h, f) => (f.w || 0) - (h.w || 0));
+    o && (!o.columnWidth && !o.breakpoints?.length ? (delete t.columnOpts, s = void 0) : o.columnMax = o.columnMax || 12), s?.length > 1 && s.sort((d, f) => (f.w || 0) - (d.w || 0));
     const n = {
       ...c.cloneDeep(Y),
       column: c.toNumber(e.getAttribute("gs-column")) || Y.column,
@@ -3374,18 +3663,18 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
-      onChange: (h) => {
+      onChange: (d) => {
         let f = 0;
         this.engine.nodes.forEach((g) => {
           f = Math.max(f, g.y + g.h);
-        }), h.forEach((g) => {
+        }), d.forEach((g) => {
           const m = g.el;
           m && (g._removeDOM ? (m && m.remove(), delete g._removeDOM) : this._writePosAttr(m, g));
         }), this._updateStyles(!1, f);
       }
-    }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((h) => this._prepareElement(h)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
-      const h = t.children;
-      delete t.children, h.length && this.load(h);
+    }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((d) => this._prepareElement(d)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
+      const d = t.children;
+      delete t.children, d.length && this.load(d);
     }
     this.setAnimation(), t.subGridDynamic && !C.pauseDrag && (C.pauseDrag = !0), t.draggable?.pause !== void 0 && (C.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
@@ -3452,15 +3741,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       ...o || {},
       ...t || r.subGridOpts || {}
     }), r.subGridOpts = t;
-    let d;
-    t.column === "auto" && (d = !0, t.column = Math.max(r.w || 1, i?.w || 1), delete t.columnOpts);
-    let l = r.el.querySelector(".grid-stack-item-content"), u, h;
-    if (s && (this._removeDD(r.el), h = { ...r, x: 0, y: 0 }, c.removeInternalForSave(h), delete h.subGridOpts, r.content && (h.content = r.content, delete r.content), _.addRemoveCB ? u = _.addRemoveCB(this.el, h, !0, !1) : (u = c.createDiv(["grid-stack-item"]), u.appendChild(l), l = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const g = d ? t.column : r.w, m = r.h + i.h, v = r.el.style;
+    let h;
+    t.column === "auto" && (h = !0, t.column = Math.max(r.w || 1, i?.w || 1), delete t.columnOpts);
+    let l = r.el.querySelector(".grid-stack-item-content"), u, d;
+    if (s && (this._removeDD(r.el), d = { ...r, x: 0, y: 0 }, c.removeInternalForSave(d), delete d.subGridOpts, r.content && (d.content = r.content, delete r.content), _.addRemoveCB ? u = _.addRemoveCB(this.el, d, !0, !1) : (u = c.createDiv(["grid-stack-item"]), u.appendChild(l), l = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
+      const g = h ? t.column : r.w, m = r.h + i.h, v = r.el.style;
       v.transition = "none", this.update(r.el, { w: g, h: m }), setTimeout(() => v.transition = null);
     }
     const f = r.subGrid = _.addGrid(l, t);
-    return i?._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(u, h), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
+    return i?._moving && (f._isTemp = !0), h && (f._autoColumn = !0), s && f.makeWidget(u, d), 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
@@ -3530,13 +3819,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       c.find(e, u.id) || (_.addRemoveCB && _.addRemoveCB(this.el, u, !1, !1), o.push(u), this.removeWidget(u.el, !0, !1));
     }), this.engine._loading = !0;
-    const d = [];
-    return this.engine.nodes = this.engine.nodes.filter((l) => c.find(e, l.id) ? (d.push(l), !1) : !0), e.forEach((l) => {
-      const u = c.find(d, l.id);
+    const h = [];
+    return this.engine.nodes = this.engine.nodes.filter((l) => c.find(e, l.id) ? (h.push(l), !1) : !0), e.forEach((l) => {
+      const u = c.find(h, l.id);
       if (u) {
         if (c.shouldSizeToContent(u) && (l.h = u.h), this.engine.nodeBoundFix(l), (l.autoPosition || l.x === void 0 || l.y === void 0) && (l.w = l.w || u.w, l.h = l.h || u.h, this.engine.findEmptyPosition(l)), this.engine.nodes.push(u), c.samePos(u, l) && this.engine.nodes.length > 1 && (this.moveNode(u, { ...l, forceCollide: !0 }), c.copyPos(l, u)), this.update(u.el, l), l.subGridOpts?.children) {
-          const h = u.el.querySelector(".grid-stack");
-          h && h.gridstack && h.gridstack.load(l.subGridOpts.children);
+          const d = u.el.querySelector(".grid-stack");
+          d && d.gridstack && d.gridstack.load(l.subGridOpts.children);
         }
       } else t && this.addWidget(l);
     }), delete this.engine._loading, this.engine.removedNodes = o, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? _.addRemoveCB = r : delete _.addRemoveCB, n && this.opts?.animate && this.setAnimation(this.opts.animate, !0), this;
@@ -3694,8 +3983,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const i = this.el.getBoundingClientRect();
     let s;
     t ? s = { top: i.top + document.documentElement.scrollTop, left: i.left } : s = { top: this.el.offsetTop, left: this.el.offsetLeft };
-    const r = e.left - s.left, o = e.top - s.top, n = i.width / this.getColumn(), d = i.height / parseInt(this.el.getAttribute("gs-current-row"));
-    return { x: Math.floor(r / n), y: Math.floor(o / d) };
+    const r = e.left - s.left, o = e.top - s.top, n = i.width / this.getColumn(), h = i.height / parseInt(this.el.getAttribute("gs-current-row"));
+    return { x: Math.floor(r / n), y: Math.floor(o / h) };
   }
   /** returns the current number of rows, which will be at least `minRow` if set */
   getRow() {
@@ -3829,14 +4118,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const u = i.querySelector(".grid-stack-item-content");
         u && u.textContent !== r.content && (s.content = r.content, _.renderCB(u, r), s.subGrid?.el && (u.appendChild(s.subGrid.el), s.subGrid.opts.styleInHead || s.subGrid._updateStyles(!0))), delete r.content;
       }
-      let d = !1, l = !1;
+      let h = !1, l = !1;
       for (const u in r)
-        u[0] !== "_" && s[u] !== r[u] && (s[u] = r[u], d = !0, l = l || !this.opts.staticGrid && (u === "noResize" || u === "noMove" || u === "locked"));
+        u[0] !== "_" && s[u] !== r[u] && (s[u] = r[u], h = !0, l = l || !this.opts.staticGrid && (u === "noResize" || u === "noMove" || u === "locked"));
       if (c.sanitizeMinMax(s), n) {
         const u = n.w !== void 0 && n.w !== s.w;
         this.moveNode(s, n), u && s.subGrid ? s.subGrid.onResize(this.hasAnimationCSS() ? s.w : void 0) : this.resizeToContentCheck(u, s), delete s._orig;
       }
-      (n || d) && this._writeAttr(i, s), l && this.prepareDragDrop(s.el);
+      (n || h) && this._writeAttr(i, s), l && this.prepareDragDrop(s.el);
     }), this;
   }
   moveNode(e, t) {
@@ -3864,7 +4153,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let r = t.h ? t.h * s : e.clientHeight, o;
     if (t.resizeToContentParent && (o = e.querySelector(t.resizeToContentParent)), o || (o = e.querySelector(_.resizeToContentParent)), !o)
       return;
-    const n = e.clientHeight - o.clientHeight, d = t.h ? t.h * s - n : o.clientHeight;
+    const n = e.clientHeight - o.clientHeight, h = t.h ? t.h * s - n : o.clientHeight;
     let l;
     if (t.subGrid) {
       l = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
@@ -3879,15 +4168,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${_.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
         }
-        l = f.getBoundingClientRect().height || d;
+        l = f.getBoundingClientRect().height || h;
       }
     }
-    if (d === l)
+    if (h === l)
       return;
-    r += l - d;
+    r += l - h;
     let u = Math.ceil(r / s);
-    const h = Number.isInteger(t.sizeToContent) ? t.sizeToContent : 0;
-    h && u > h && (u = h, e.classList.add("size-to-content-max")), t.minH && u < t.minH ? u = t.minH : t.maxH && u > t.maxH && (u = t.maxH), u !== t.h && (i._ignoreLayoutsNodeChange = !0, i.moveNode(t, { h: u }), delete i._ignoreLayoutsNodeChange);
+    const d = Number.isInteger(t.sizeToContent) ? t.sizeToContent : 0;
+    d && u > d && (u = d, e.classList.add("size-to-content-max")), t.minH && u < t.minH ? u = t.minH : t.maxH && u > t.maxH && (u = t.maxH), u !== t.h && (i._ignoreLayoutsNodeChange = !0, i.moveNode(t, { h: u }), delete i._ignoreLayoutsNodeChange);
   }
   /** call the user resize (so they can do extra work) else our build in version */
   resizeToContentCBCheck(e) {
@@ -3904,8 +4193,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       const r = { w: s.h, h: s.w, minH: s.minW, minW: s.minH, maxH: s.maxW, maxW: s.maxH };
       if (t) {
-        const n = t.left > 0 ? Math.floor(t.left / this.cellWidth()) : 0, d = t.top > 0 ? Math.floor(t.top / this.opts.cellHeight) : 0;
-        r.x = s.x + n - (s.h - (d + 1)), r.y = s.y + d - n;
+        const n = t.left > 0 ? Math.floor(t.left / this.cellWidth()) : 0, h = t.top > 0 ? Math.floor(t.top / this.opts.cellHeight) : 0;
+        r.x = s.x + n - (s.h - (h + 1)), r.y = s.y + h - n;
       }
       Object.keys(r).forEach((n) => {
         r[n] === void 0 && delete r[n];
@@ -4006,8 +4295,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       }), !this._styles)
         return this;
       this._styles._max = 0, c.addCSSRule(this._styles, r, `height: ${i}${s}`);
-      const n = this.opts.marginTop + this.opts.marginUnit, d = this.opts.marginBottom + this.opts.marginUnit, l = this.opts.marginRight + this.opts.marginUnit, u = this.opts.marginLeft + this.opts.marginUnit, h = `${r} > .grid-stack-item-content`, f = `.${this._styleSheetClass} > .grid-stack-placeholder > .placeholder-content`;
-      c.addCSSRule(this._styles, h, `top: ${n}; right: ${l}; bottom: ${d}; left: ${u};`), c.addCSSRule(this._styles, f, `top: ${n}; right: ${l}; bottom: ${d}; left: ${u};`), c.addCSSRule(this._styles, `${r} > .ui-resizable-n`, `top: ${n};`), c.addCSSRule(this._styles, `${r} > .ui-resizable-s`, `bottom: ${d}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-ne`, `right: ${l}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-e`, `right: ${l}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-se`, `right: ${l}; bottom: ${d}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-nw`, `left: ${u}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-w`, `left: ${u}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-sw`, `left: ${u}; bottom: ${d}`);
+      const n = this.opts.marginTop + this.opts.marginUnit, h = this.opts.marginBottom + this.opts.marginUnit, l = this.opts.marginRight + this.opts.marginUnit, u = this.opts.marginLeft + this.opts.marginUnit, d = `${r} > .grid-stack-item-content`, f = `.${this._styleSheetClass} > .grid-stack-placeholder > .placeholder-content`;
+      c.addCSSRule(this._styles, d, `top: ${n}; right: ${l}; bottom: ${h}; left: ${u};`), c.addCSSRule(this._styles, f, `top: ${n}; right: ${l}; bottom: ${h}; left: ${u};`), 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: ${u}; top: ${n}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-w`, `left: ${u}`), c.addCSSRule(this._styles, `${r} > .ui-resizable-sw`, `left: ${u}; bottom: ${h}`);
     }
     if (t = t || this._styles._max, t > this._styles._max) {
       const o = (n) => i * n + s;
@@ -4251,26 +4540,26 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const f = o.getBoundingClientRect();
         o.style.left = f.x + (this.dragTransform.xScale - 1) * (s.clientX - f.x) / this.dragTransform.xScale + "px", o.style.top = f.y + (this.dragTransform.yScale - 1) * (s.clientY - f.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
       }
-      let { top: d, left: l } = o.getBoundingClientRect();
+      let { top: h, left: l } = o.getBoundingClientRect();
       const u = this.el.getBoundingClientRect();
-      l -= u.left, d -= u.top;
-      const h = {
+      l -= u.left, h -= u.top;
+      const d = {
         position: {
-          top: d * this.dragTransform.xScale,
+          top: h * this.dragTransform.xScale,
           left: l * this.dragTransform.yScale
         }
       };
       if (n._temporaryRemoved) {
-        if (n.x = Math.max(0, Math.round(l / t)), n.y = Math.max(0, Math.round(d / e)), delete n.autoPosition, this.engine.nodeBoundFix(n), !this.engine.willItFit(n)) {
+        if (n.x = Math.max(0, Math.round(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)) {
             G.off(r, "drag");
             return;
           }
           n._willFitPos && (c.copyPos(n, n._willFitPos), delete n._willFitPos);
         }
-        this._onStartMoving(o, s, h, n, t, e);
+        this._onStartMoving(o, s, d, n, t, e);
       } else
-        this._dragOrResize(o, s, h, n, t, e);
+        this._dragOrResize(o, s, d, n, t, e);
     };
     return G.droppable(this.el, {
       accept: (s) => {
@@ -4309,9 +4598,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         n || (n = this._readAttr(o)), n._sidebarOrig = { w: n.w, h: n.h };
       }
       n.grid || (n.el || (n = { ...n }), n._isExternal = !0, o.gridstackNode = n);
-      const d = n.w || Math.round(o.offsetWidth / t) || 1, 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: d, 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 = d, n.h = l, n._temporaryRemoved = !0), _._itemRemoving(n.el, !1), G.on(r, "drag", i), i(s, r, o), !1;
+      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), _._itemRemoving(n.el, !1), G.on(r, "drag", i), i(s, r, o), !1;
     }).on(this.el, "dropout", (s, r, o) => {
       const n = o?.gridstackNode || r.gridstackNode;
       return n && (!n.grid || n.grid === this) && (this._leave(r, o), this._isTemp && this.removeAsSubGrid(n)), !1;
@@ -4319,19 +4608,19 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const n = o?.gridstackNode || r.gridstackNode;
       if (n?.grid === this && !n._isExternal)
         return !1;
-      const d = !!this.placeholder.parentElement, l = r !== o;
+      const h = !!this.placeholder.parentElement, l = r !== o;
       this.placeholder.remove(), delete this.placeholder.gridstackNode;
-      const u = d && this.opts.animate;
+      const u = h && this.opts.animate;
       u && this.setAnimation(!1);
-      const h = r._gridstackNodeOrig;
-      if (delete r._gridstackNodeOrig, d && h?.grid && h.grid !== this) {
-        const g = h.grid;
-        g.engine.removeNodeFromLayoutCache(h), g.engine.removedNodes.push(h), g._triggerRemoveEvent()._triggerChangeEvent(), g.parentGridNode && !g.engine.nodes.length && g.opts.subGridDynamic && g.removeAsSubGrid();
+      const d = r._gridstackNodeOrig;
+      if (delete r._gridstackNodeOrig, h && d?.grid && d.grid !== this) {
+        const g = d.grid;
+        g.engine.removeNodeFromLayoutCache(d), g.engine.removedNodes.push(d), g._triggerRemoveEvent()._triggerChangeEvent(), g.parentGridNode && !g.engine.nodes.length && g.opts.subGridDynamic && g.removeAsSubGrid();
       }
-      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), delete n.grid?._isTemp, G.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
+      if (!n || (h && (this.engine.cleanupNode(n), n.grid = this), delete n.grid?._isTemp, G.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !h))
         return !1;
       const f = n.subGrid?.el?.gridstack;
-      return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), l && (n.content || n.subGridOpts || _.addRemoveCB) ? (delete n.el, r = this.addWidget(n)) : (this._prepareElement(r, !0, n), this.el.appendChild(r), this.resizeToContentCheck(!1, n), f && (f.parentGridNode = n, f.opts.styleInHead || f._updateStyles(!0)), this._updateContainerHeight()), this.engine.addedNodes.push(n), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, h && h.grid ? h : void 0, n), u && this.setAnimation(this.opts.animate, !0), !1;
+      return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), l && (n.content || n.subGridOpts || _.addRemoveCB) ? (delete n.el, r = this.addWidget(n)) : (this._prepareElement(r, !0, n), this.el.appendChild(r), this.resizeToContentCheck(!1, n), f && (f.parentGridNode = n, f.opts.styleInHead || f._updateStyles(!0)), this._updateContainerHeight()), this.engine.addedNodes.push(n), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, d && d.grid ? d : void 0, n), u && this.setAnimation(this.opts.animate, !0), !1;
     }), this;
   }
   /** @internal mark item for removal */
@@ -4361,12 +4650,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if ((t || o) && (i._initDD && (this._removeDD(e), delete i._initDD), o && e.classList.add("ui-draggable-disabled", "ui-resizable-disabled"), !t))
       return this;
     if (!i._initDD) {
-      let n, d;
+      let n, h;
       const l = (f, g) => {
-        this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, f.target), n = this.cellWidth(), d = this.getCellHeight(!0), this._onStartMoving(e, f, g, i, n, d);
+        this._gsEventHandler[f.type] && this._gsEventHandler[f.type](f, f.target), n = this.cellWidth(), h = this.getCellHeight(!0), this._onStartMoving(e, f, g, i, n, h);
       }, u = (f, g) => {
-        this._dragOrResize(e, f, g, i, n, d);
-      }, h = (f) => {
+        this._dragOrResize(e, f, g, i, n, h);
+      }, d = (f) => {
         this.placeholder.remove(), delete this.placeholder.gridstackNode, delete i._moving, delete i._event, delete i._lastTried;
         const g = i.w !== i._orig.w, m = f.target;
         if (!(!m.gridstackNode || m.gridstackNode.grid !== this)) {
@@ -4380,11 +4669,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       };
       G.draggable(e, {
         start: l,
-        stop: h,
+        stop: d,
         drag: u
       }).resizable(e, {
         start: l,
-        stop: h,
+        stop: d,
         resize: u
       }), i._initDD = !0;
     }
@@ -4405,46 +4694,46 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         yOffset: 0
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, o, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
-      const n = this.getColumn() - s.x, d = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      G.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, n)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, d)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, n)).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, d)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      const n = this.getColumn() - s.x, h = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
+      G.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, n)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, h)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, n)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
   _dragOrResize(e, t, i, s, r, o) {
     const n = { ...s._orig };
-    let d, l = this.opts.marginLeft, u = this.opts.marginRight, h = this.opts.marginTop, f = this.opts.marginBottom;
+    let h, l = this.opts.marginLeft, u = this.opts.marginRight, d = this.opts.marginTop, f = this.opts.marginBottom;
     const g = Math.round(o * 0.1), m = Math.round(r * 0.1);
-    if (l = Math.min(l, m), u = Math.min(u, m), h = Math.min(h, g), f = Math.min(f, g), t.type === "drag") {
+    if (l = Math.min(l, m), u = Math.min(u, m), d = Math.min(d, g), f = Math.min(f, g), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
       const p = i.position.top - s._prevYPix;
       s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, p);
-      const T = i.position.left + (i.position.left > s._lastUiPosition.left ? -u : l), x = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : h);
-      n.x = Math.round(T / r), n.y = Math.round(x / o);
+      const k = i.position.left + (i.position.left > s._lastUiPosition.left ? -u : l), x = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : d);
+      n.x = Math.round(k / r), n.y = Math.round(x / o);
       const y = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        const H = this.getRow();
-        let D = Math.max(0, n.y + s.h - H);
-        this.opts.maxRow && H + D > this.opts.maxRow && (D = Math.max(0, this.opts.maxRow - H)), this._extraDragRow = D;
+        const I = this.getRow();
+        let D = Math.max(0, n.y + s.h - I);
+        this.opts.maxRow && I + D > this.opts.maxRow && (D = Math.max(0, this.opts.maxRow - I)), this._extraDragRow = D;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== y && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
         return;
     } else if (t.type === "resize") {
-      if (n.x < 0 || (c.updateScrollResize(t, e, o), n.w = Math.round((i.size.width - l) / r), n.h = Math.round((i.size.height - h) / 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 - d) / 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, T = i.position.top + h;
-      n.x = Math.round(p / r), n.y = Math.round(T / o), d = !0;
+      const p = i.position.left + l, k = i.position.top + d;
+      n.x = Math.round(p / r), n.y = Math.round(k / o), h = !0;
     }
     s._event = t, s._lastTried = n;
     const v = {
       x: i.position.left + l,
-      y: i.position.top + h,
+      y: i.position.top + d,
       w: (i.size ? i.size.width : s.w * r) - l - u,
-      h: (i.size ? i.size.height : s.h * o) - h - f
+      h: (i.size ? i.size.height : s.h * o) - d - f
     };
-    if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: o, rect: v, resizing: d })) {
-      s._lastUiPosition = i.position, this.engine.cacheRects(r, o, h, u, f, l), delete s._skipDown, d && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
+    if (this.engine.moveNodeCheck(s, { ...n, cellWidth: r, cellHeight: o, rect: v, resizing: h })) {
+      s._lastUiPosition = i.position, this.engine.cacheRects(r, o, d, u, 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);
     }
@@ -4464,7 +4753,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return js(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Ys(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 _.renderCB = (a, e) => {
@@ -4474,18 +4763,18 @@ _.resizeToContentParent = ".grid-stack-item-content";
 _.Utils = c;
 _.Engine = ne;
 _.GDRev = "11.5.1";
-const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { class: "grid-stack-item-content" }, ir = /* @__PURE__ */ K({
+const Js = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], er = { class: "grid-stack-item-content" }, tr = /* @__PURE__ */ K({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
     tileHeight: { default: Se },
-    columns: { default: Xe }
+    columns: { default: Ze }
   },
   emits: ["update-tiles"],
   setup(a, { expose: e, emit: t }) {
-    const i = a, s = t, r = N(null), o = N(new Map(i.tiles.map((g) => [`${g.id}`, g])));
+    const i = a, s = t, r = L(null), o = L(new Map(i.tiles.map((g) => [`${g.id}`, g])));
     let n = null;
-    const d = (g) => `[data-id="${g}"]`, l = (g) => g.map((m) => {
+    const h = (g) => `[data-id="${g}"]`, l = (g) => g.map((m) => {
       const v = o.value.get(`${m.el?.getAttribute("data-id")}`);
       if (v)
         return {
@@ -4499,25 +4788,25 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
       n && (l(m).forEach((p) => {
         o.value.set(`${p.id}`, p);
       }), s("update-tiles", Array.from(o.value.values())));
-    }, h = (g, m) => {
+    }, d = (g, m) => {
       m.forEach((v) => {
         o.value.delete(`${v.el?.getAttribute("data-id")}`);
       }), s("update-tiles", Array.from(o.value.values()));
     };
-    Ie(() => {
+    Oe(() => {
       r.value && (n = _.init({
         margin: 10,
         column: i.columns,
         cellHeight: i.tileHeight,
         resizable: { handles: "se, sw" },
         handle: ".tile-header"
-      }, r.value), n.on("change", u), n.on("added", u), n.on("removed", h));
-    }), ke(() => {
+      }, r.value), n.on("change", u), n.on("added", u), n.on("removed", d));
+    }), Te(() => {
       n && n.destroy(!1);
     });
     const f = (g) => {
       if (n && r.value) {
-        const m = r.value.querySelector(d(g));
+        const m = r.value.querySelector(h(g));
         m && n.removeWidget(m);
       }
     };
@@ -4525,13 +4814,13 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
       if (g > m && n) {
         const v = i.tiles.slice(m);
         for (const p of v)
-          o.value.set(`${p.id}`, p), await Ye(), n.makeWidget(d(p.id), {
+          o.value.set(`${p.id}`, p), await Ye(), n.makeWidget(h(p.id), {
             autoPosition: !0,
             w: p.layout.size.cols,
             h: p.layout.size.rows
           });
       }
-    }), St(() => {
+    }), Dt(() => {
       i.tiles.forEach((g) => {
         o.value.set(`${g.id}`, g);
       });
@@ -4540,7 +4829,7 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
       ref: r,
       class: "grid-stack"
     }, [
-      (w(!0), P(Ve, null, At(i.tiles, (v) => (w(), P("div", {
+      (w(!0), P(Ve, null, Ht(i.tiles, (v) => (w(), P("div", {
         key: v.id,
         class: "grid-stack-item",
         "data-id": `${v.id}`,
@@ -4551,13 +4840,13 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
         "gs-x": v.layout.position.col,
         "gs-y": v.layout.position.row
       }, [
-        Q("div", tr, [
+        Q("div", er, [
           Ee(g.$slots, "tile", { tile: v }, void 0, !0)
         ])
-      ], 8, er))), 128))
+      ], 8, Js))), 128))
     ], 512));
   }
-}), sr = /* @__PURE__ */ fe(ir, [["__scopeId", "data-v-1fdec94c"]]), rr = (a) => {
+}), ir = /* @__PURE__ */ fe(tr, [["__scopeId", "data-v-1fdec94c"]]), sr = (a) => {
   const e = {
     ...a.meta,
     chart: { ...a.meta.chart }
@@ -4574,47 +4863,47 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
       size: a.layout.size
     }
   };
-}, nr = {
+}, rr = {
   key: 0,
   class: "fullscreen-header"
-}, or = {
+}, nr = {
   key: 0,
   class: "tile-container slottable-tile"
-}, ar = /* @__PURE__ */ K({
+}, or = /* @__PURE__ */ K({
   __name: "DashboardRenderer",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Le({
     context: {},
     preview: { type: Boolean, default: !1 }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ne(["edit-tile", "tile-time-range-zoom", "tiles-loaded"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Le(["edit-tile", "tile-time-range-zoom", "tiles-loaded"], ["update:modelValue"]),
   setup(a, { expose: e, emit: t }) {
     Qe((S) => ({
       v021bbed1: u.value
     }));
-    const i = t, s = Nt(a, "modelValue"), { i18n: r } = j.useI18n(), o = N(0), n = N(null), d = N(), l = N(), u = N("scale(1)"), h = /* @__PURE__ */ new Set(), f = le(ce);
+    const i = t, s = Nt(a, "modelValue"), { i18n: r } = j.useI18n(), o = L(0), n = L(null), h = L(), l = L(), u = L("scale(1)"), d = /* @__PURE__ */ new Set(), f = le(ce);
     f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), j.useRequestQueue();
     const { exportPdf: g, exportState: m } = j.useExportPdf(l), v = (S) => {
-      h.add(S.id);
-      const z = T.value.filter((B) => !y(B)).length;
-      h.size >= z && i("tiles-loaded", !0);
+      d.add(S.id);
+      const z = k.value.filter((B) => !y(B)).length;
+      d.size >= z && i("tiles-loaded", !0);
     }, p = (S, z) => {
       const B = S.layout.position.row - z.layout.position.row;
       return B !== 0 ? B : S.layout.position.col - z.layout.position.col;
-    }, T = b(() => s.value.tiles.map((S) => {
+    }, k = b(() => s.value.tiles.map((S) => {
       let z = S.definition;
-      const B = S.type ?? "chart", O = z.chart;
-      if (B === "chart" && "description" in O) {
-        const $ = z, ee = O.description?.replace(Qi, () => {
-          const { timeSpec: he } = J.value, De = `renderer.trendRange.${he.type === "absolute" ? "custom" : he.time_range}`;
+      const B = S.type ?? "chart", H = z.chart;
+      if (B === "chart" && "description" in H) {
+        const $ = z, ee = H.description?.replace(Qi, () => {
+          const { timeSpec: de } = J.value, De = `renderer.trendRange.${de.type === "absolute" ? "custom" : de.time_range}`;
           return r.te(De) ? r.t(De) : "";
         });
         z = {
           ...$,
           chart: {
-            ...O,
+            ...H,
             description: ee
           }
         };
@@ -4632,20 +4921,20 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
       };
     })), x = (S) => {
       i("edit-tile", S);
-    }, y = (S) => S.type === "chart" && S.meta.chart.type === "slottable", H = (S) => S.type === "slottable", D = (S) => {
+    }, y = (S) => S.type === "chart" && S.meta.chart.type === "slottable", I = (S) => S.type === "slottable", D = (S) => {
       const z = S.meta.chart;
-      return H(z) ? z.id : void 0;
-    }, Z = (S) => {
+      return I(z) ? z.id : void 0;
+    }, X = (S) => {
       try {
-        const z = rr(S);
+        const z = sr(S);
         s.value.tiles.push(JSON.parse(JSON.stringify(z)));
       } catch (z) {
         console.warn(z);
       }
     }, ue = (S) => {
-      n.value && n.value.removeWidget(S.id), h.delete(S.id);
+      n.value && n.value.removeWidget(S.id), d.delete(S.id);
     }, se = () => {
-      h.clear(), o.value++;
+      d.clear(), o.value++;
     }, re = (S) => {
       const z = S.map((B) => ({
         id: B.id,
@@ -4656,29 +4945,29 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
       s.value.tiles = z.sort(p);
     }, R = async () => {
       if (u.value = "scale(1)", await Ye(), l.value) {
-        const { availWidth: S, availHeight: z } = window.screen, { width: B, height: O } = l.value.getBoundingClientRect(), $ = Math.min(z / O, S / B);
+        const { availWidth: S, availHeight: z } = window.screen, { width: B, height: H } = l.value.getBoundingClientRect(), $ = Math.min(z / H, S / B);
         u.value = `scale(${$})`;
       }
-    }, I = () => {
-      d.value && (document.fullscreenElement ? document.exitFullscreen() : d.value.requestFullscreen());
-    }, q = N(!1), V = () => {
+    }, O = () => {
+      h.value && (document.fullscreenElement ? document.exitFullscreen() : h.value.requestFullscreen());
+    }, q = L(!1), V = () => {
       q.value = document.fullscreenElement !== null, q.value && R();
-    }, de = b(() => s.value.preset_filters ?? []), { internalContext: J, queryReady: ye } = j.useDashboardInternalContext({
-      globalFilters: de,
+    }, he = b(() => s.value.preset_filters ?? []), { internalContext: J, queryReady: ye } = j.useDashboardInternalContext({
+      globalFilters: he,
       context: b(() => a.context),
       isFullscreen: q,
       preview: b(() => a.preview)
     });
     return e({
       refresh: se,
-      toggleFullscreen: I,
+      toggleFullscreen: O,
       exportPdf: g,
       pdfExportState: m
     }), (S, z) => {
       const B = te("KAlert");
       return w(), P("div", {
         ref_key: "dashboardContainer",
-        ref: d,
+        ref: h,
         class: _e(["kong-ui-public-dashboard-renderer", { "is-fullscreen": q.value }]),
         onFullscreenchange: V
       }, [
@@ -4687,44 +4976,44 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
           ref: l,
           class: "layout"
         }, [
-          E(f) && q.value ? (w(), P("div", nr, [
+          E(f) && q.value ? (w(), P("div", rr, [
             Ee(S.$slots, "fullscreenHeader", {}, void 0, !0)
           ])) : U("", !0),
-          E(f) ? (w(), L(Lt(E(J).editable && !q.value ? sr : Ys), {
+          E(f) ? (w(), N(At(E(J).editable && !q.value ? ir : Qs), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: n,
             columns: s.value.columns,
             "tile-height": s.value.tile_height,
-            tiles: T.value,
+            tiles: k.value,
             onUpdateTiles: re
           }, {
-            tile: M(({ tile: O }) => [
-              y(O) ? (w(), P("div", or, [
-                Ee(S.$slots, D(O), {}, void 0, !0)
-              ])) : (w(), L($t, {
-                key: q.value ? `${O.id}-tile` : `${O.id}-tile-fullscreen`,
+            tile: M(({ tile: H }) => [
+              y(H) ? (w(), P("div", nr, [
+                Ee(S.$slots, D(H), {}, void 0, !0)
+              ])) : (w(), N($t, {
+                key: q.value ? `${H.id}-tile` : `${H.id}-tile-fullscreen`,
                 "refresh-counter": o.value,
                 "onUpdate:refreshCounter": z[0] || (z[0] = ($) => o.value = $),
                 class: "tile-container",
                 context: E(J),
-                definition: O.meta,
-                height: O.layout.size.rows * (s.value.tile_height || E(Se)) + parseInt(E(Bt), 10),
+                definition: H.meta,
+                height: H.layout.size.rows * (s.value.tile_height || E(Se)) + parseInt(E(Bt), 10),
                 "hide-actions": !E(J).showTileActions,
                 "hide-zoom-actions": !E(J).showTileZoomActions,
                 "is-fullscreen": q.value,
                 "query-ready": E(ye),
-                "tile-id": O.id,
-                "tile-type": O.type,
-                onDuplicateTile: ($) => Z(O),
-                onEditTile: ($) => x(O),
-                onRemoveTile: ($) => ue(O),
-                onTileLoaded: ($) => v(O),
+                "tile-id": H.id,
+                "tile-type": H.type,
+                onDuplicateTile: ($) => X(H),
+                onEditTile: ($) => x(H),
+                onRemoveTile: ($) => ue(H),
+                onTileLoaded: ($) => v(H),
                 onTileTimeRangeZoom: z[1] || (z[1] = ($) => i("tile-time-range-zoom", $))
               }, null, 8, ["refresh-counter", "context", "definition", "height", "hide-actions", "hide-zoom-actions", "is-fullscreen", "query-ready", "tile-id", "tile-type", "onDuplicateTile", "onEditTile", "onRemoveTile", "onTileLoaded"]))
             ]),
             _: 3
-          }, 40, ["columns", "tile-height", "tiles"])) : (w(), L(B, {
+          }, 40, ["columns", "tile-height", "tiles"])) : (w(), N(B, {
             key: 1,
             appearance: "danger"
           }, {
@@ -4737,7 +5026,7 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
       ], 34);
     };
   }
-}), wr = /* @__PURE__ */ fe(ar, [["__scopeId", "data-v-f028130a"]]), Er = /* @__PURE__ */ K({
+}), br = /* @__PURE__ */ fe(or, [["__scopeId", "data-v-f028130a"]]), wr = /* @__PURE__ */ K({
   __name: "DashboardTilePreview",
   props: {
     context: {},
@@ -4747,39 +5036,39 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
   },
   emits: ["chart-data", "tile-time-range-zoom", "tile-bounds-change"],
   setup(a, { expose: e, emit: t }) {
-    const i = at("root"), s = at("dashboard-tile"), r = crypto.randomUUID(), o = t, n = (y) => {
+    const i = lt("root"), s = lt("dashboard-tile"), r = crypto.randomUUID(), o = t, n = (y) => {
       o("tile-time-range-zoom", y);
-    }, d = (y) => {
+    }, h = (y) => {
       o("chart-data", y);
     }, l = (y) => {
       o("tile-bounds-change", y);
-    }, { i18n: u } = j.useI18n(), { internalContext: h, queryReady: f } = j.useDashboardInternalContext({
+    }, { i18n: u } = j.useI18n(), { internalContext: d, queryReady: f } = j.useDashboardInternalContext({
       globalFilters: be(() => a.globalFilters),
       context: be(() => a.context),
       preview: b(() => a.preview)
-    }), g = b(() => X(a.definition)), m = b(() => g.value ? "columns" in a.definition.query && !a.definition.query.columns?.length : !("metrics" in a.definition.query) || !a.definition.query.metrics || a.definition.query.metrics.length === 0), v = N(Se);
+    }), g = b(() => Z(a.definition)), m = b(() => g.value ? "columns" in a.definition.query && !a.definition.query.columns?.length : !("metrics" in a.definition.query) || !a.definition.query.metrics || a.definition.query.metrics.length === 0), v = L(Se);
     let p;
-    Ie(() => {
+    Oe(() => {
       const y = i.value?.parentElement;
-      y && (v.value = y.getBoundingClientRect().height, p = new ResizeObserver(([H]) => {
-        const { height: D } = H.contentRect;
+      y && (v.value = y.getBoundingClientRect().height, p = new ResizeObserver(([I]) => {
+        const { height: D } = I.contentRect;
         v.value = D;
       }), p.observe(y));
-    }), ke(() => p?.disconnect());
-    const T = N(0);
+    }), Te(() => p?.disconnect());
+    const k = L(0);
     return e({
       refresh: () => {
-        T.value++;
+        k.value++;
       },
       getExportData: () => s.value?.getExportData()
-    }), (y, H) => {
+    }), (y, I) => {
       const D = te("KEmptyState");
       return w(), P("div", {
         ref_key: "root",
         ref: i,
         "data-testid": "dashboard-tile-preview-root"
       }, [
-        m.value ? (w(), L(D, {
+        m.value ? (w(), N(D, {
           key: 0,
           "action-button-visible": !1,
           "data-testid": "chart-not-configured-empty-state"
@@ -4791,13 +5080,13 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
             Q("p", null, W(E(u).t("renderer.not_configured.description")), 1)
           ]),
           _: 1
-        })) : (w(), L($t, {
+        })) : (w(), N($t, {
           key: 1,
           ref: "dashboard-tile",
-          "refresh-counter": T.value,
-          "onUpdate:refreshCounter": H[0] || (H[0] = (Z) => T.value = Z),
+          "refresh-counter": k.value,
+          "onUpdate:refreshCounter": I[0] || (I[0] = (X) => k.value = X),
           context: {
-            ...E(h),
+            ...E(d),
             editable: !1
           },
           definition: a.definition,
@@ -4806,14 +5095,14 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
           "query-ready": E(f),
           "show-refresh": "",
           "tile-id": E(r),
-          onChartData: d,
+          onChartData: h,
           onTileBoundsChange: l,
           onTileTimeRangeZoom: n
         }, null, 8, ["refresh-counter", "context", "definition", "height", "query-ready", "tile-id"]))
       ], 512);
     };
   }
-}), lr = (a) => {
+}), ar = (a) => {
   const e = a.definition?.query;
   if (!e)
     return a;
@@ -4822,8 +5111,8 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
     return;
   }
   return a;
-}, ur = (a) => {
-  if (X(a.definition))
+}, lr = (a) => {
+  if (Z(a.definition))
     return a;
   const e = a.definition?.query;
   if (!e)
@@ -4839,13 +5128,13 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
       query: t
     }
   };
-}, dr = (a, e = Xe) => {
+}, ur = (a, e = Ze) => {
   if (!a.length)
     return [];
   let t = 0, i = 0, s = 0;
   const r = [];
   for (const o of a) {
-    const n = o.layout?.size?.cols ?? 1, d = o.layout?.size?.rows ?? 1;
+    const n = o.layout?.size?.cols ?? 1, h = o.layout?.size?.rows ?? 1;
     i + n > e && (t += s, i = 0, s = 0);
     const l = {
       ...o,
@@ -4858,18 +5147,18 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
         }
       }
     };
-    r.push(l), i += n, s = Math.max(s, d);
+    r.push(l), i += n, s = Math.max(s, h);
   }
   return r;
-}, xr = (a, e) => {
+}, Er = (a, e) => {
   if (e) {
-    const s = a.tiles.map(ur);
+    const s = a.tiles.map(lr);
     return {
       ...a,
       tiles: s
     };
   }
-  const t = a.tiles.map(lr).filter((s) => s !== void 0), i = dr(t, a.columns);
+  const t = a.tiles.map(ar).filter((s) => s !== void 0), i = ur(t, a.columns);
   return {
     ...a,
     tiles: i
@@ -4877,17 +5166,17 @@ const er = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], tr = { cl
 };
 export {
   Vi as C,
-  Xe as D,
+  Ze as D,
   dt as E,
-  Xi as F,
-  Ys as G,
+  Zi as F,
+  Qs as G,
   ce as I,
   Qi as T,
-  Ze as _,
+  Je as _,
   Se as a,
   Yi as b,
-  wr as c,
-  Er as d,
+  br as c,
+  wr as d,
   ji as e,
-  xr as f
+  Er as f
 };