@kong-ui-public/dashboard-renderer 7.6.13 → 7.6.14

package/dist/{index-Dvjj5Eg5.js → index-DBLhgDhV.js}

@@ -3,33 +3,33 @@ var _t = (d) => {
   throw TypeError(d);
 };
 var li = (d, e, t) => e in d ? ai(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
-var bt = (d, e, t) => li(d, typeof e != "symbol" ? e + "" : e, t), st = (d, e, t) => e.has(d) || _t("Cannot " + t);
-var _ = (d, e, t) => (st(d, e, "read from private field"), t ? t.call(d) : e.get(d)), F = (d, e, t) => e.has(d) ? _t("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(d) : e.set(d, t), O = (d, e, t, i) => (st(d, e, "write to private field"), i ? i.call(d, t) : e.set(d, t), t), G = (d, e, t) => (st(d, e, "access private method"), t);
+var bt = (d, e, t) => li(d, typeof e != "symbol" ? e + "" : e, t), it = (d, e, t) => e.has(d) || _t("Cannot " + t);
+var _ = (d, e, t) => (it(d, e, "read from private field"), t ? t.call(d) : e.get(d)), F = (d, e, t) => e.has(d) ? _t("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(d) : e.set(d, t), M = (d, e, t, i) => (it(d, e, "write to private field"), i ? i.call(d, t) : e.set(d, t), t), G = (d, e, t) => (it(d, e, "access private method"), t);
 var ze = (d, e, t, i) => ({
   set _(s) {
-    O(d, e, s, t);
+    M(d, e, s, t);
   },
   get _() {
     return _(d, e, i);
   }
 });
-import { ref as N, watchEffect as Mt, inject as ye, provide as hi, onMounted as lt, computed as T, watch as Ve, onUnmounted as ht, defineComponent as J, resolveComponent as me, createBlock as M, renderSlot as Se, createCommentVNode as Q, unref as x, openBlock as C, withCtx as q, createVNode as le, createTextVNode as Qe, toDisplayString as ne, createSlots as Ye, createElementVNode as oe, useCssVars as je, normalizeClass as Xe, mergeProps as It, createElementBlock as V, normalizeProps as ui, guardReactiveProps as di, defineAsyncComponent as qt, readonly as rt, toRef as wt, nextTick as ut, resolveDynamicComponent as Pt, toHandlers as ci, Fragment as $t, renderList as Ft, normalizeStyle as Et, mergeModels as xt, useModel as fi, getCurrentInstance as gi } from "vue";
-import { msToGranularity as nt, getFieldDataSources as Gt, stripUnknownFilters as mi, Timeframe as pi, TimePeriods as Bt, TIMEFRAME_LOOKUP as yi, formatTime as Ct, EXPORT_RECORD_LIMIT as vi } from "@kong-ui-public/analytics-utilities";
+import { ref as L, watchEffect as Mt, inject as ye, provide as hi, onMounted as at, computed as k, watch as Ve, onUnmounted as lt, defineComponent as J, resolveComponent as me, createBlock as N, renderSlot as Se, createCommentVNode as Q, unref as x, openBlock as C, createSlots as Qe, withCtx as $, createElementVNode as oe, toDisplayString as ne, useCssVars as Ye, normalizeClass as je, createVNode as ue, mergeProps as It, createTextVNode as ht, createElementBlock as V, normalizeProps as ui, guardReactiveProps as di, defineAsyncComponent as qt, readonly as st, toRef as wt, nextTick as ut, resolveDynamicComponent as Pt, toHandlers as ci, Fragment as $t, renderList as Ft, normalizeStyle as Et, mergeModels as xt, useModel as fi, getCurrentInstance as gi } from "vue";
+import { msToGranularity as rt, getFieldDataSources as Gt, stripUnknownFilters as mi, Timeframe as pi, TimePeriods as Bt, TIMEFRAME_LOOKUP as yi, formatTime as Ct, EXPORT_RECORD_LIMIT as vi } from "@kong-ui-public/analytics-utilities";
 import { handleQueryError as _i, SimpleChart as bi, AnalyticsChart as wi, TopNTable as Ei, CsvExportModal as xi } from "@kong-ui-public/analytics-chart";
 import Ci from "swrv";
 import "axios";
 import { createI18n as Ri, i18nTComponent as ki } from "@kong-ui-public/i18n";
 import { useAnalyticsConfigStore as dt } from "@kong-ui-public/analytics-config-store";
-import { VisibilityOffIcon as Ti, WarningIcon as zi, EditIcon as Si, MoreIcon as Di } from "@kong/icons";
-import { MetricsProvider as Ni, MetricsConsumer as Li } from "@kong-ui-public/analytics-metric-provider";
+import { VisibilityOffIcon as Ti, WarningOutlineIcon as zi, WarningIcon as Si, EditIcon as Di, MoreIcon as Ni } from "@kong/icons";
+import { MetricsProvider as Li, MetricsConsumer as Ai } from "@kong-ui-public/analytics-metric-provider";
 var Ut = /* @__PURE__ */ ((d) => (d.VALIDATING = "VALIDATING", d.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", d.PENDING = "PENDING", d.SUCCESS = "SUCCESS", d.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", d.ERROR = "ERROR", d.STALE_IF_ERROR = "STALE_IF_ERROR", d))(Ut || {});
-const Ai = (d) => {
+const Oi = (d) => {
   var e, t, i, s, r;
   return d ? !!// TODO: revisit: currently only the first check ever matters?
   ((e = Object.keys(d)) != null && e.length || (t = d.data) != null && t.length || (s = (i = d.data) == null ? void 0 : i.data) != null && s.length || !((r = d.data) != null && r.data) && typeof d.data == "object" && Object.keys(d == null ? void 0 : d.data).length) : !1;
 };
-function Hi(d = N({}), e, t, i = Ai) {
-  const s = N(
+function Hi(d = L({}), e, t, i = Oi) {
+  const s = L(
     "PENDING"
     /* PENDING */
   );
@@ -65,7 +65,7 @@ function Hi(d = N({}), e, t, i = Ai) {
     swrvState: Ut
   };
 }
-const Oi = {
+const Mi = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard.",
   trendRange: {
     "24h": "Last 24-hour summary",
@@ -78,10 +78,10 @@ const Oi = {
   fullscreen: "Fullscreen",
   remove: "Remove",
   delete: "Delete"
-}, Mi = {
+}, Ii = {
   defaultFilename: "Chart export",
   exportAsCsv: "Export as CSV"
-}, Ii = "Explore", qi = "View requests", Pi = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", $i = {
+}, qi = "Explore", Pi = "View requests", $i = "This tile was configured with {savedGranularity} granularity, which is no longer available. It now shows {currentGranularity} data, the closest available granularity.", Fi = {
   daily: "1 day",
   fiveMinutely: "5 minutes",
   hourly: "1 hour",
@@ -94,30 +94,30 @@ const Oi = {
   twoHourly: "2 hours",
   weekly: "1 week",
   unknown: "Unknown"
-}, Fi = {
-  renderer: Oi,
-  csvExport: Mi,
-  jumpToExplore: Ii,
-  jumpToRequests: qi,
-  query_aged_out_warning: Pi,
-  granularities: $i
+}, Gi = {
+  renderer: Mi,
+  csvExport: Ii,
+  jumpToExplore: qi,
+  jumpToRequests: Pi,
+  query_aged_out_warning: $i,
+  granularities: Fi
 };
-function Gi() {
-  const d = Ri("en-us", Fi);
+function Bi() {
+  const d = Ri("en-us", Gi);
   return {
     i18n: d,
     i18nT: ki(d)
     // Translation component <i18n-t>
   };
 }
-const Ze = 170, Wt = 6, pe = "analytics-query-provider", Rt = "{entity-id}", Bi = "{cp-id}", Ui = "{timeframe}", Wi = 30 * 1e3, Ki = 3e5, Vi = 36e5;
-function Qi() {
+const Xe = 170, Wt = 6, pe = "analytics-query-provider", Rt = "{entity-id}", Ui = "{cp-id}", Wi = "{timeframe}", Ki = 30 * 1e3, Vi = 3e5, Qi = 36e5;
+function Yi() {
   const d = ye(pe);
   return {
     evaluateFeatureFlag: (t, i) => d ? d.evaluateFeatureFlagFn(t, i) : i
   };
 }
-function Yi(d) {
+function ji(d) {
   return d && d.__esModule && Object.prototype.hasOwnProperty.call(d, "default") ? d.default : d;
 }
 var Kt = { exports: {} };
@@ -160,9 +160,9 @@ var Kt = { exports: {} };
   }, n.prototype.emit = function(h, u, a, f, m, g) {
     var y = t ? t + h : h;
     if (!this._events[y]) return !1;
-    var p = this._events[y], S = arguments.length, I, R;
+    var p = this._events[y], z = arguments.length, I, S;
     if (p.fn) {
-      switch (p.once && this.removeListener(h, p.fn, void 0, !0), S) {
+      switch (p.once && this.removeListener(h, p.fn, void 0, !0), z) {
         case 1:
           return p.fn.call(p.context), !0;
         case 2:
@@ -176,29 +176,29 @@ var Kt = { exports: {} };
         case 6:
           return p.fn.call(p.context, u, a, f, m, g), !0;
       }
-      for (R = 1, I = new Array(S - 1); R < S; R++)
-        I[R - 1] = arguments[R];
+      for (S = 1, I = new Array(z - 1); S < z; S++)
+        I[S - 1] = arguments[S];
       p.fn.apply(p.context, I);
     } else {
       var ee = p.length, B;
-      for (R = 0; R < ee; R++)
-        switch (p[R].once && this.removeListener(h, p[R].fn, void 0, !0), S) {
+      for (S = 0; S < ee; S++)
+        switch (p[S].once && this.removeListener(h, p[S].fn, void 0, !0), z) {
           case 1:
-            p[R].fn.call(p[R].context);
+            p[S].fn.call(p[S].context);
             break;
           case 2:
-            p[R].fn.call(p[R].context, u);
+            p[S].fn.call(p[S].context, u);
             break;
           case 3:
-            p[R].fn.call(p[R].context, u, a);
+            p[S].fn.call(p[S].context, u, a);
             break;
           case 4:
-            p[R].fn.call(p[R].context, u, a, f);
+            p[S].fn.call(p[S].context, u, a, f);
             break;
           default:
-            if (!I) for (B = 1, I = new Array(S - 1); B < S; B++)
+            if (!I) for (B = 1, I = new Array(z - 1); B < z; B++)
               I[B - 1] = arguments[B];
-            p[R].fn.apply(p[R].context, I);
+            p[S].fn.apply(p[S].context, I);
         }
     }
     return !0;
@@ -215,7 +215,7 @@ var Kt = { exports: {} };
     if (g.fn)
       g.fn === u && (!f || g.once) && (!a || g.context === a) && o(this, m);
     else {
-      for (var y = 0, p = [], S = g.length; y < S; y++)
+      for (var y = 0, p = [], z = g.length; y < z; y++)
         (g[y].fn !== u || f && !g[y].once || a && g[y].context !== a) && p.push(g[y]);
       p.length ? this._events[m] = p.length === 1 ? p[0] : p : o(this, m);
     }
@@ -225,23 +225,23 @@ var Kt = { exports: {} };
     return h ? (u = t ? t + h : h, this._events[u] && o(this, u)) : (this._events = new i(), this._eventsCount = 0), this;
   }, n.prototype.off = n.prototype.removeListener, n.prototype.addListener = n.prototype.on, n.prefixed = t, n.EventEmitter = n, d.exports = n;
 })(Kt);
-var ji = Kt.exports;
-const Xi = /* @__PURE__ */ Yi(ji);
+var Xi = Kt.exports;
+const Zi = /* @__PURE__ */ ji(Xi);
 class Vt extends Error {
   constructor(e) {
     super(e), this.name = "TimeoutError";
   }
 }
-class Zi extends Error {
+class Ji extends Error {
   constructor(e) {
     super(), this.name = "AbortError", this.message = e;
   }
 }
-const kt = (d) => globalThis.DOMException === void 0 ? new Zi(d) : new DOMException(d), Tt = (d) => {
+const kt = (d) => globalThis.DOMException === void 0 ? new Ji(d) : new DOMException(d), Tt = (d) => {
   const e = d.reason === void 0 ? kt("This operation was aborted.") : d.reason;
   return e instanceof Error ? e : kt(e);
 };
-function Ji(d, e) {
+function es(d, e) {
   const {
     milliseconds: t,
     fallback: i,
@@ -287,7 +287,7 @@ function Ji(d, e) {
     r.clearTimeout.call(void 0, o), o = void 0;
   }, h;
 }
-function es(d, e, t) {
+function ts(d, e, t) {
   let i = 0, s = d.length;
   for (; s > 0; ) {
     const r = Math.trunc(s / 2);
@@ -297,7 +297,7 @@ function es(d, e, t) {
   return i;
 }
 var ie;
-class ts {
+class is {
   constructor() {
     F(this, ie, []);
   }
@@ -315,7 +315,7 @@ class ts {
       _(this, ie).push(i);
       return;
     }
-    const s = es(_(this, ie), i, (r, o) => o.priority - r.priority);
+    const s = ts(_(this, ie), i, (r, o) => o.priority - r.priority);
     _(this, ie).splice(s, 0, i);
   }
   setPriority(e, t) {
@@ -337,13 +337,13 @@ class ts {
   }
 }
 ie = new WeakMap();
-var we, Ee, ge, Le, xe, Ae, se, Ce, K, He, re, Re, de, Oe, Ke, z, Qt, Yt, jt, Xt, Zt, qe, ot, at, Pe, Jt, $e;
-class is extends Xi {
+var we, Ee, ge, Le, xe, Ae, se, Ce, K, Oe, re, Re, de, He, Ke, T, Qt, Yt, jt, Xt, Zt, qe, nt, ot, Pe, Jt, $e;
+class ss extends Zi {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
-    F(this, z);
+    F(this, T);
     F(this, we);
     F(this, Ee);
     F(this, ge, 0);
@@ -353,12 +353,12 @@ class is extends Xi {
     F(this, se);
     F(this, Ce);
     F(this, K);
-    F(this, He);
+    F(this, Oe);
     F(this, re, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
     F(this, Re);
     F(this, de);
-    F(this, Oe);
+    F(this, He);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
     F(this, Ke, 1n);
     /**
@@ -373,13 +373,13 @@ class is extends Xi {
       interval: 0,
       concurrency: Number.POSITIVE_INFINITY,
       autoStart: !0,
-      queueClass: ts,
+      queueClass: is,
       ...t
     }, !(typeof t.intervalCap == "number" && t.intervalCap >= 1))
       throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${((i = t.intervalCap) == null ? void 0 : i.toString()) ?? ""}\` (${typeof t.intervalCap})`);
     if (t.interval === void 0 || !(Number.isFinite(t.interval) && t.interval >= 0))
       throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${((s = t.interval) == null ? void 0 : s.toString()) ?? ""}\` (${typeof t.interval})`);
-    O(this, we, t.carryoverConcurrencyCount), O(this, Ee, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), O(this, Le, t.intervalCap), O(this, xe, t.interval), O(this, K, new t.queueClass()), O(this, He, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, O(this, Oe, t.throwOnTimeout === !0), O(this, de, t.autoStart === !1);
+    M(this, we, t.carryoverConcurrencyCount), M(this, Ee, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), M(this, Le, t.intervalCap), M(this, xe, t.interval), M(this, K, new t.queueClass()), M(this, Oe, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, M(this, He, t.throwOnTimeout === !0), M(this, de, t.autoStart === !1);
   }
   get concurrency() {
     return _(this, Re);
@@ -387,7 +387,7 @@ class is extends Xi {
   set concurrency(t) {
     if (!(typeof t == "number" && t >= 1))
       throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${t}\` (${typeof t})`);
-    O(this, Re, t), G(this, z, Pe).call(this);
+    M(this, Re, t), G(this, T, Pe).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -431,7 +431,7 @@ class is extends Xi {
   async add(t, i = {}) {
     return i.id ?? (i.id = (ze(this, Ke)._++).toString()), i = {
       timeout: this.timeout,
-      throwOnTimeout: _(this, Oe),
+      throwOnTimeout: _(this, He),
       ...i
     }, new Promise((s, r) => {
       _(this, K).enqueue(async () => {
@@ -440,7 +440,7 @@ class is extends Xi {
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
-          i.timeout && (n = Ji(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, G(this, z, Jt).call(this, i.signal)]));
+          i.timeout && (n = es(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, G(this, T, Jt).call(this, i.signal)]));
           const l = await n;
           s(l), this.emit("completed", l);
         } catch (n) {
@@ -450,9 +450,9 @@ class is extends Xi {
           }
           r(n), this.emit("error", n);
         } finally {
-          G(this, z, jt).call(this);
+          G(this, T, jt).call(this);
         }
-      }, i), this.emit("add"), G(this, z, qe).call(this);
+      }, i), this.emit("add"), G(this, T, qe).call(this);
     });
   }
   async addAll(t, i) {
@@ -462,19 +462,19 @@ class is extends Xi {
   Start (or resume) executing enqueued tasks within concurrency limit. No need to call this if queue is not paused (via `options.autoStart = false` or by `.pause()` method.)
   */
   start() {
-    return _(this, de) ? (O(this, de, !1), G(this, z, Pe).call(this), this) : this;
+    return _(this, de) ? (M(this, de, !1), G(this, T, Pe).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
   */
   pause() {
-    O(this, de, !0);
+    M(this, de, !0);
   }
   /**
   Clear the queue.
   */
   clear() {
-    O(this, K, new (_(this, He))());
+    M(this, K, new (_(this, Oe))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -482,7 +482,7 @@ class is extends Xi {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    _(this, K).size !== 0 && await G(this, z, $e).call(this, "empty");
+    _(this, K).size !== 0 && await G(this, T, $e).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -492,7 +492,7 @@ class is extends Xi {
       Note that this only limits the number of items waiting to start. There could still be up to `concurrency` jobs already running that this call does not include in its calculation.
       */
   async onSizeLessThan(t) {
-    _(this, K).size < t || await G(this, z, $e).call(this, "next", () => _(this, K).size < t);
+    _(this, K).size < t || await G(this, T, $e).call(this, "next", () => _(this, K).size < t);
   }
   /**
       The difference with `.onEmpty` is that `.onIdle` guarantees that all work from the queue has finished. `.onEmpty` merely signals that the queue is empty, but it could mean that some promises haven't completed yet.
@@ -500,7 +500,7 @@ class is extends Xi {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    _(this, re) === 0 && _(this, K).size === 0 || await G(this, z, $e).call(this, "idle");
+    _(this, re) === 0 && _(this, K).size === 0 || await G(this, T, $e).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
@@ -529,48 +529,48 @@ class is extends Xi {
     return _(this, de);
   }
 }
-we = new WeakMap(), Ee = new WeakMap(), ge = new WeakMap(), Le = new WeakMap(), xe = new WeakMap(), Ae = new WeakMap(), se = new WeakMap(), Ce = new WeakMap(), K = new WeakMap(), He = new WeakMap(), re = new WeakMap(), Re = new WeakMap(), de = new WeakMap(), Oe = new WeakMap(), Ke = new WeakMap(), z = new WeakSet(), Qt = function() {
+we = new WeakMap(), Ee = new WeakMap(), ge = new WeakMap(), Le = new WeakMap(), xe = new WeakMap(), Ae = new WeakMap(), se = new WeakMap(), Ce = new WeakMap(), K = new WeakMap(), Oe = new WeakMap(), re = new WeakMap(), Re = new WeakMap(), de = new WeakMap(), He = new WeakMap(), Ke = new WeakMap(), T = new WeakSet(), Qt = function() {
   return _(this, Ee) || _(this, ge) < _(this, Le);
 }, Yt = function() {
   return _(this, re) < _(this, Re);
 }, jt = function() {
-  ze(this, re)._--, G(this, z, qe).call(this), this.emit("next");
+  ze(this, re)._--, G(this, T, qe).call(this), this.emit("next");
 }, Xt = function() {
-  G(this, z, at).call(this), G(this, z, ot).call(this), O(this, Ce, void 0);
+  G(this, T, ot).call(this), G(this, T, nt).call(this), M(this, Ce, void 0);
 }, Zt = function() {
   const t = Date.now();
   if (_(this, se) === void 0) {
     const i = _(this, Ae) - t;
     if (i < 0)
-      O(this, ge, _(this, we) ? _(this, re) : 0);
+      M(this, ge, _(this, we) ? _(this, re) : 0);
     else
-      return _(this, Ce) === void 0 && O(this, Ce, setTimeout(() => {
-        G(this, z, Xt).call(this);
+      return _(this, Ce) === void 0 && M(this, Ce, setTimeout(() => {
+        G(this, T, Xt).call(this);
       }, i)), !0;
   }
   return !1;
 }, qe = function() {
   if (_(this, K).size === 0)
-    return _(this, se) && clearInterval(_(this, se)), O(this, se, void 0), this.emit("empty"), _(this, re) === 0 && this.emit("idle"), !1;
+    return _(this, se) && clearInterval(_(this, se)), M(this, se, void 0), this.emit("empty"), _(this, re) === 0 && this.emit("idle"), !1;
   if (!_(this, de)) {
-    const t = !_(this, z, Zt);
-    if (_(this, z, Qt) && _(this, z, Yt)) {
+    const t = !_(this, T, Zt);
+    if (_(this, T, Qt) && _(this, T, Yt)) {
       const i = _(this, K).dequeue();
-      return i ? (this.emit("active"), i(), t && G(this, z, ot).call(this), !0) : !1;
+      return i ? (this.emit("active"), i(), t && G(this, T, nt).call(this), !0) : !1;
     }
   }
   return !1;
+}, nt = function() {
+  _(this, Ee) || _(this, se) !== void 0 || (M(this, se, setInterval(() => {
+    G(this, T, ot).call(this);
+  }, _(this, xe))), M(this, Ae, Date.now() + _(this, xe)));
 }, ot = function() {
-  _(this, Ee) || _(this, se) !== void 0 || (O(this, se, setInterval(() => {
-    G(this, z, at).call(this);
-  }, _(this, xe))), O(this, Ae, Date.now() + _(this, xe)));
-}, at = function() {
-  _(this, ge) === 0 && _(this, re) === 0 && _(this, se) && (clearInterval(_(this, se)), O(this, se, void 0)), O(this, ge, _(this, we) ? _(this, re) : 0), G(this, z, Pe).call(this);
+  _(this, ge) === 0 && _(this, re) === 0 && _(this, se) && (clearInterval(_(this, se)), M(this, se, void 0)), M(this, ge, _(this, we) ? _(this, re) : 0), G(this, T, Pe).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
 Pe = function() {
-  for (; G(this, z, qe).call(this); )
+  for (; G(this, T, qe).call(this); )
     ;
 }, Jt = async function(t) {
   return new Promise((i, s) => {
@@ -586,7 +586,7 @@ Pe = function() {
     this.on(t, r);
   });
 };
-const ss = () => {
+const rs = () => {
   const d = dt(), e = ye(pe);
   if (!e)
     return;
@@ -594,7 +594,7 @@ const ss = () => {
     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 is({
+  const t = new ss({
     carryoverConcurrencyCount: !0,
     concurrency: d.maxParallelRequests,
     interval: d.requestInterval,
@@ -606,70 +606,70 @@ const ss = () => {
   };
   hi(pe, i);
 };
-function rs({
+function ns({
   queryBridge: d,
   context: e,
   definition: t,
   chartData: i
 }) {
-  const { evaluateFeatureFlag: s } = ce.useEvaluateFeatureFlag(), r = N(""), o = N(""), n = N(void 0), l = N(void 0), h = s("analytics-chart-zoom-actions", !0), u = dt();
-  lt(async () => {
-    var k, L;
-    r.value = await ((k = d == null ? void 0 : d.exploreBaseUrl) == null ? void 0 : k.call(d)) ?? "", o.value = await ((L = d == null ? void 0 : d.requestsBaseUrl) == null ? void 0 : L.call(d)) ?? "";
+  const { evaluateFeatureFlag: s } = ce.useEvaluateFeatureFlag(), r = L(""), o = L(""), n = L(void 0), l = L(void 0), h = s("analytics-chart-zoom-actions", !0), u = dt();
+  at(async () => {
+    var R, A;
+    r.value = await ((R = d == null ? void 0 : d.exploreBaseUrl) == null ? void 0 : R.call(d)) ?? "", o.value = await ((A = d == null ? void 0 : d.requestsBaseUrl) == null ? void 0 : A.call(d)) ?? "";
   });
-  const a = T(() => u.analytics && u.percentiles), f = T(() => !["golden_signals", "top_n", "gauge"].includes(t.value.chart.type)), m = T(() => h && o.value && t.value.query && t.value.query.datasource !== "llm_usage" && a.value), g = T(() => r.value && t.value.query && ["basic", "api_usage", "llm_usage", void 0].includes(t.value.query.datasource) && a.value), y = T(() => i.value ? nt(i.value.meta.granularity_ms) : void 0), p = T(() => {
+  const a = k(() => u.analytics && u.percentiles), f = k(() => !["golden_signals", "top_n", "gauge"].includes(t.value.chart.type)), m = k(() => h && o.value && t.value.query && t.value.query.datasource !== "llm_usage" && a.value), g = k(() => r.value && t.value.query && ["basic", "api_usage", "llm_usage", void 0].includes(t.value.query.datasource) && a.value), y = k(() => i.value ? rt(i.value.meta.granularity_ms) : void 0), p = k(() => {
     var Y;
-    const k = [...e.value.filters, ...t.value.query.filters ?? []], L = ((Y = t.value.query) == null ? void 0 : Y.datasource) ?? "api_usage";
-    return k.filter((U) => Gt(U.field).some((E) => L === E));
-  }), S = T(() => {
+    const R = [...e.value.filters, ...t.value.query.filters ?? []], A = ((Y = t.value.query) == null ? void 0 : Y.datasource) ?? "api_usage";
+    return R.filter((U) => Gt(U.field).some((E) => A === E));
+  }), z = k(() => {
     if (!g.value || !f.value)
       return "";
-    const k = p.value, L = t.value.query.time_range || e.value.timeSpec, Y = _e(L, k);
+    const R = p.value, A = t.value.query.time_range || e.value.timeSpec, Y = _e(A, R);
     return be(Y);
-  }), I = T(() => {
+  }), I = k(() => {
     if (!m.value || !f.value)
       return "";
-    const k = p.value, L = ee(
+    const R = p.value, A = ee(
       t.value.query.time_range || e.value.timeSpec,
-      k
+      R
     );
-    return R(L);
-  }), R = (k) => m.value ? `${o.value}?q=${JSON.stringify(k)}` : "", ee = (k, L) => {
+    return S(A);
+  }), S = (R) => m.value ? `${o.value}?q=${JSON.stringify(R)}` : "", ee = (R, A) => {
     var Y, U;
     return {
-      filter: L,
+      filter: A,
       timeframe: {
-        timePeriodsKey: k.type === "relative" ? k.time_range : "custom",
-        start: k.type === "absolute" ? (Y = i.value) == null ? void 0 : Y.meta.start_ms : void 0,
-        end: k.type === "absolute" ? (U = i.value) == null ? void 0 : U.meta.end_ms : void 0
+        timePeriodsKey: R.type === "relative" ? R.time_range : "custom",
+        start: R.type === "absolute" ? (Y = i.value) == null ? void 0 : Y.meta.start_ms : void 0,
+        end: R.type === "absolute" ? (U = i.value) == null ? void 0 : U.meta.end_ms : void 0
       }
     };
-  }, B = (k, L) => ({
-    filter: L,
+  }, B = (R, A) => ({
+    filter: A,
     timeframe: {
-      timePeriodsKey: k.type === "relative" ? k.time_range : "custom",
-      start: k.type === "absolute" ? k.start : void 0,
-      end: k.type === "absolute" ? k.end : void 0
+      timePeriodsKey: R.type === "relative" ? R.time_range : "custom",
+      start: R.type === "absolute" ? R.start : void 0,
+      end: R.type === "absolute" ? R.end : void 0
     }
-  }), _e = (k, L) => {
+  }), _e = (R, A) => {
     const Y = t.value.query.dimensions ?? [];
     return {
-      filters: L,
+      filters: A,
       metrics: t.value.query.metrics ?? [],
       dimensions: Y,
-      time_range: k,
+      time_range: R,
       granularity: t.value.query.granularity || y.value
     };
-  }, be = (k) => {
+  }, be = (R) => {
     if (!g.value)
       return "";
-    const L = ["api_usage", "llm_usage"].includes(t.value.query.datasource) ? t.value.query.datasource : "api_usage";
-    return `${r.value}?q=${JSON.stringify(k)}&d=${L}&c=${t.value.chart.type}`;
+    const A = ["api_usage", "llm_usage"].includes(t.value.query.datasource) ? t.value.query.datasource : "api_usage";
+    return `${r.value}?q=${JSON.stringify(R)}&d=${A}&c=${t.value.chart.type}`;
   };
-  return Ve([m, g], ([k, L]) => {
-    k && (n.value = { href: "" }), L && (l.value = { href: "" });
+  return Ve([m, g], ([R, A]) => {
+    R && (n.value = { href: "" }), A && (l.value = { href: "" });
   }), {
-    exploreLinkKebabMenu: S,
+    exploreLinkKebabMenu: z,
     requestsLinkKebabMenu: I,
     canShowKebabMenu: f,
     canGenerateRequestsLink: m,
@@ -679,16 +679,16 @@ function rs({
     buildExploreQuery: _e,
     buildRequestsQueryZoomActions: B,
     buildExploreLink: be,
-    buildRequestLink: R
+    buildRequestLink: S
   };
 }
-const ns = (d, e, t) => {
+const os = (d, e, t) => {
   const i = [];
   return e && i.push(...e), i.push(...mi(d, t)), i;
 };
-function os() {
+function as() {
   const d = ye(pe), e = new AbortController();
-  return ht(() => {
+  return lt(() => {
     e.abort();
   }), { issueQuery: async (i, s, r) => {
     if (!d)
@@ -697,7 +697,7 @@ function os() {
       datasource: o,
       limit: n,
       ...l
-    } = i, h = o || "basic", u = ns(h, i.filters, s.filters);
+    } = i, h = o || "basic", u = os(h, i.filters, s.filters);
     let a = i.time_range;
     a ? a.tz || (a = {
       ...a,
@@ -719,11 +719,11 @@ function os() {
   } };
 }
 const ce = {
-  useContextLinks: rs,
-  useEvaluateFeatureFlag: Qi,
-  useI18n: Gi,
-  useIssueQuery: os,
-  useRequestQueue: ss
+  useContextLinks: ns,
+  useEvaluateFeatureFlag: Yi,
+  useI18n: Bi,
+  useIssueQuery: as,
+  useRequestQueue: rs
 }, ct = /* @__PURE__ */ J({
   __name: "QueryDataProvider",
   props: {
@@ -747,53 +747,42 @@ const ce = {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
-    }), { state: u, swrvState: a } = Hi(n, l, h), f = N(null), m = T(() => u.value === a.ERROR || !!f.value), g = T(() => !t.queryReady || u.value === a.PENDING);
+    }), { state: u, swrvState: a } = Hi(n, l, h), f = L(null), m = k(() => u.value === a.ERROR || !!f.value), g = k(() => !t.queryReady || u.value === a.PENDING);
     return Ve(n, (y) => {
       y && i("chart-data", y);
     }), (y, p) => {
-      var R;
-      const S = me("KSkeleton"), I = me("KEmptyState");
-      return g.value || !x(n) && !m.value ? (C(), M(S, {
+      const z = me("KSkeleton"), I = me("KEmptyState");
+      return g.value || !x(n) && !m.value ? (C(), N(z, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : m.value && ((R = f.value) == null ? void 0 : R.type) === "forbidden" ? (C(), M(I, {
+      })) : m.value && f.value ? (C(), N(I, {
         key: 1,
         "action-button-visible": !1,
-        "data-testid": "chart-forbidden-state"
-      }, {
-        default: q(() => [
-          Qe(ne(f.value.message), 1)
-        ]),
-        icon: q(() => [
-          le(x(Ti))
+        "data-testid": "chart-empty-state"
+      }, Qe({
+        icon: $(() => [
+          f.value.type === "forbidden" ? (C(), N(x(Ti), { key: 0 })) : (C(), N(x(zi), { key: 1 }))
         ]),
-        _: 1
-      })) : m.value && f.value ? (C(), M(I, {
-        key: 2,
-        "action-button-visible": !1,
-        "data-testid": "chart-empty-state",
-        "icon-variant": "error"
-      }, Ye({
-        title: q(() => [
+        title: $(() => [
           oe("p", null, ne(f.value.message), 1)
         ]),
         _: 2
       }, [
         f.value.details ? {
           name: "default",
-          fn: q(() => [
+          fn: $(() => [
             oe("p", null, ne(f.value.details), 1)
           ]),
           key: "0"
         } : void 0
       ]), 1024)) : x(n) ? Se(y.$slots, "default", {
-        key: 3,
+        key: 2,
         data: x(n)
       }) : Q("", !0);
     };
   }
-}), as = /* @__PURE__ */ J({
+}), ls = /* @__PURE__ */ J({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -806,21 +795,21 @@ const ce = {
     exploreLink: {}
   },
   setup(d) {
-    je((i) => ({
+    Ye((i) => ({
       "088169ae": `${i.height}px`
     }));
-    const e = d, t = T(() => e.chartOptions.type === "single_value");
-    return (i, s) => (C(), M(ct, {
+    const e = d, t = k(() => e.chartOptions.type === "single_value");
+    return (i, s) => (C(), N(ct, {
       context: i.context,
       query: i.query,
       "query-ready": i.queryReady,
       "refresh-counter": i.refreshCounter
     }, {
-      default: q(({ data: r }) => [
+      default: $(({ data: r }) => [
         oe("div", {
-          class: Xe(["analytics-chart", { "single-value": t.value }])
+          class: je(["analytics-chart", { "single-value": t.value }])
         }, [
-          le(x(bi), {
+          ue(x(bi), {
             "chart-data": r,
             "chart-options": i.chartOptions,
             "synthetics-data-key": t.value ? void 0 : i.chartOptions.synthetics_data_key
@@ -835,7 +824,7 @@ const ce = {
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, zt = /* @__PURE__ */ ve(as, [["__scopeId", "data-v-1e9ff912"]]), ls = { class: "analytics-chart" }, hs = /* @__PURE__ */ J({
+}, zt = /* @__PURE__ */ ve(ls, [["__scopeId", "data-v-1e9ff912"]]), hs = { class: "analytics-chart" }, us = /* @__PURE__ */ J({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -850,28 +839,28 @@ const ce = {
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range", "view-requests", "select-chart-range"],
   setup(d, { emit: e }) {
-    const t = d, i = e, { i18n: s } = ce.useI18n(), { evaluateFeatureFlag: r } = ce.useEvaluateFeatureFlag(), o = r("ma-4135-allow-zooming-all-dashboard-tiles", !1), n = T(() => ({
+    const t = d, i = e, { i18n: s } = ce.useI18n(), { evaluateFeatureFlag: r } = ce.useEvaluateFeatureFlag(), o = r("ma-4135-allow-zooming-all-dashboard-tiles", !1), n = k(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chart_dataset_colors,
       threshold: t.chartOptions.threshold
-    })), l = T(() => o ? t.context.zoomable : t.context.zoomable && !t.query.time_range), h = () => {
+    })), l = k(() => o ? t.context.zoomable : t.context.zoomable && !t.query.time_range), h = () => {
       i("edit-tile");
     }, u = (a) => {
       i("chart-data", a);
     };
     return (a, f) => {
       const m = me("KDropdownItem");
-      return C(), M(ct, {
+      return C(), N(ct, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
         "refresh-counter": a.refreshCounter,
         onChartData: u
       }, {
-        default: q(({ data: g }) => [
-          oe("div", ls, [
-            le(x(wi), It({
+        default: $(({ data: g }) => [
+          oe("div", hs, [
+            ue(x(wi), It({
               "chart-data": g,
               "chart-options": n.value,
               "explore-link": a.exploreLink,
@@ -883,13 +872,13 @@ const ce = {
             }, a.extraProps, {
               onSelectChartRange: f[0] || (f[0] = (y) => i("select-chart-range", y)),
               onZoomTimeRange: f[1] || (f[1] = (y) => i("zoom-time-range", y))
-            }), Ye({ _: 2 }, [
+            }), Qe({ _: 2 }, [
               a.context.editable ? {
                 name: "menu-items",
-                fn: q(() => [
-                  le(m, { onClick: h }, {
-                    default: q(() => [
-                      Qe(ne(x(s).t("renderer.edit")), 1)
+                fn: $(() => [
+                  ue(m, { onClick: h }, {
+                    default: $(() => [
+                      ht(ne(x(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -903,7 +892,7 @@ const ce = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), ft = /* @__PURE__ */ ve(hs, [["__scopeId", "data-v-965790dd"]]), St = /* @__PURE__ */ J({
+}), ft = /* @__PURE__ */ ve(us, [["__scopeId", "data-v-965790dd"]]), St = /* @__PURE__ */ J({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -916,7 +905,7 @@ const ce = {
     exploreLink: {}
   },
   setup(d) {
-    return (e, t) => (C(), M(ft, {
+    return (e, t) => (C(), N(ft, {
       "chart-options": e.chartOptions,
       context: e.context,
       "extra-props": { showAnnotations: !1 },
@@ -941,7 +930,7 @@ const ce = {
   emits: ["zoom-time-range", "select-chart-range"],
   setup(d, { emit: e }) {
     const t = e;
-    return (i, s) => (C(), M(ft, {
+    return (i, s) => (C(), N(ft, {
       "chart-options": i.chartOptions,
       context: i.context,
       "explore-link": i.exploreLink,
@@ -954,7 +943,7 @@ const ce = {
       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"]));
   }
-}), us = { class: "metric-card-tile-wrapper" }, ds = /* @__PURE__ */ J({
+}), ds = { class: "metric-card-tile-wrapper" }, cs = /* @__PURE__ */ J({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -967,7 +956,7 @@ const ce = {
     exploreLink: {}
   },
   setup(d) {
-    const e = d, t = T(() => {
+    const e = d, t = k(() => {
       const s = e.context.timeSpec;
       if (s.type === "absolute")
         return new pi({
@@ -986,7 +975,7 @@ const ce = {
       if (!r)
         throw new Error("Unknown time range");
       return r;
-    }), i = T(() => {
+    }), i = k(() => {
       var r, o;
       const s = (r = e.query) == null ? void 0 : r.datasource;
       if (s && s !== "api_usage" && s !== "basic")
@@ -1004,16 +993,16 @@ const ce = {
         refreshCounter: e.refreshCounter
       };
     });
-    return (s, r) => (C(), V("div", us, [
-      le(x(Ni), ui(di(i.value)), {
-        default: q(() => [
-          le(x(Li))
+    return (s, r) => (C(), V("div", ds, [
+      ue(x(Li), ui(di(i.value)), {
+        default: $(() => [
+          ue(x(Ai))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), cs = /* @__PURE__ */ ve(ds, [["__scopeId", "data-v-7e1b1cc1"]]), Nt = "#6c7489", fs = "12px", Lt = "20px", ei = "20px", gs = {
+}), fs = /* @__PURE__ */ ve(cs, [["__scopeId", "data-v-7e1b1cc1"]]), Nt = "#6c7489", gs = "12px", Lt = "20px", ei = "20px", ms = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
 }, At = /* @__PURE__ */ J({
@@ -1022,9 +1011,9 @@ const ce = {
     entityLinkData: {}
   },
   setup(d) {
-    return (e, t) => (C(), V("div", gs, ne(e.entityLinkData.label), 1));
+    return (e, t) => (C(), V("div", ms, ne(e.entityLinkData.label), 1));
   }
-}), ms = /* @__PURE__ */ J({
+}), ps = /* @__PURE__ */ J({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1050,26 +1039,26 @@ const ce = {
       if ((o = e.chartOptions) != null && o.entity_link)
         if (r.id.includes(":")) {
           const [n, l] = r.id.split(":");
-          return e.chartOptions.entity_link.replace(Bi, n).replace(Rt, l);
+          return e.chartOptions.entity_link.replace(Ui, n).replace(Rt, l);
         } else
           return e.chartOptions.entity_link.replace(Rt, r.id);
       return "";
     };
-    return (r, o) => (C(), M(ct, {
+    return (r, o) => (C(), N(ct, {
       context: r.context,
       query: r.query,
       "query-ready": r.queryReady,
       "refresh-counter": r.refreshCounter
     }, {
-      default: q(({ data: n }) => [
-        le(x(Ei), {
+      default: $(({ data: n }) => [
+        ue(x(Ei), {
           data: n,
           "synthetics-data-key": r.chartOptions.synthetics_data_key
-        }, Ye({ _: 2 }, [
+        }, Qe({ _: 2 }, [
           e.chartOptions.entity_link ? {
             name: "name",
-            fn: q(({ record: l }) => [
-              le(x(i), {
+            fn: $(({ record: l }) => [
+              ue(x(i), {
                 "entity-link-data": {
                   id: l.id,
                   label: l.name,
@@ -1085,7 +1074,7 @@ const ce = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), ps = /* @__PURE__ */ J({
+}), ys = /* @__PURE__ */ J({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1098,7 +1087,7 @@ const ce = {
     exploreLink: {}
   },
   setup(d) {
-    return (e, t) => (C(), M(ft, {
+    return (e, t) => (C(), N(ft, {
       "chart-options": e.chartOptions,
       context: e.context,
       height: e.height,
@@ -1107,15 +1096,15 @@ const ce = {
       "refresh-counter": e.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), ys = ["data-testid"], vs = {
+}), vs = ["data-testid"], _s = {
   key: 0,
   class: "tile-header"
-}, _s = ["data-testid"], bs = { class: "badge-text" }, ws = ["data-testid"], Es = { class: "delete-option" }, xs = ["data-testid"], Cs = ["data-testid"], Rs = /* @__PURE__ */ J({
+}, bs = ["data-testid"], ws = { class: "badge-text" }, Es = ["data-testid"], xs = { class: "delete-option" }, Cs = ["data-testid"], Rs = ["data-testid"], ks = /* @__PURE__ */ J({
   __name: "DashboardTile",
   props: {
     definition: {},
     context: {},
-    height: { default: Ze },
+    height: { default: Xe },
     isFullscreen: { type: Boolean },
     queryReady: { type: Boolean },
     refreshCounter: {},
@@ -1123,51 +1112,51 @@ const ce = {
   },
   emits: ["edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom"],
   setup(d, { emit: e }) {
-    je((v) => ({
+    Ye((v) => ({
       "0b59d877": `${v.height}px`
     }));
-    const t = parseInt(ei, 10), i = d, s = e, r = qt(() => import("./GeoMapRenderer-B9ELIHrp.js")), o = ye(pe), n = o == null ? void 0 : o.evaluateFeatureFlagFn("analytics-chart-zoom-actions", !1), { i18n: l } = ce.useI18n(), h = N(), u = N({ status: "loading" }), a = N(!1), f = N(), m = N(!1), g = N(!0), {
+    const t = parseInt(ei, 10), i = d, s = e, r = qt(() => import("./GeoMapRenderer-BifWCeUK.js")), o = ye(pe), n = o == null ? void 0 : o.evaluateFeatureFlagFn("analytics-chart-zoom-actions", !1), { i18n: l } = ce.useI18n(), h = L(), u = L({ status: "loading" }), a = L(!1), f = L(), m = L(!1), g = L(!0), {
       exploreLinkKebabMenu: y,
       requestsLinkKebabMenu: p,
-      canShowKebabMenu: S,
+      canShowKebabMenu: z,
       canGenerateRequestsLink: I,
-      canGenerateExploreLink: R,
+      canGenerateExploreLink: S,
       requestsLinkZoomActions: ee,
       exploreLinkZoomActions: B,
       buildExploreQuery: _e,
       buildExploreLink: be,
-      buildRequestLink: k,
-      buildRequestsQueryZoomActions: L
+      buildRequestLink: R,
+      buildRequestsQueryZoomActions: A
     } = ce.useContextLinks({
       queryBridge: o,
-      chartData: rt(h),
-      definition: rt(wt(i, "definition")),
-      context: rt(wt(i, "context"))
+      chartData: st(h),
+      definition: st(wt(i, "definition")),
+      context: st(wt(i, "context"))
     }), { issueQuery: Y } = ce.useIssueQuery();
     Ve(() => i.definition, async () => {
       await ut(), f.value && (m.value = f.value.scrollWidth > f.value.clientWidth), g.value = !0;
     }, { immediate: !0, deep: !0 });
-    const U = T(() => l.t("csvExport.defaultFilename")), Me = T(() => S.value && (E.value || i.context.editable) || !!j.value), E = T(() => !!y.value || ("allow_csv_export" in i.definition.chart ? i.definition.chart.allow_csv_export : !0) || i.context.editable), D = {
+    const U = k(() => l.t("csvExport.defaultFilename")), Me = k(() => z.value && (E.value || i.context.editable) || !!j.value), E = k(() => !!y.value || ("allow_csv_export" in i.definition.chart ? i.definition.chart.allow_csv_export : !0) || i.context.editable), D = {
       timeseries_line: Dt,
       timeseries_bar: Dt,
       horizontal_bar: St,
       vertical_bar: St,
       gauge: zt,
-      donut: ps,
-      golden_signals: cs,
-      top_n: ms,
+      donut: ys,
+      golden_signals: fs,
+      top_n: ps,
       slottable: void 0,
       single_value: zt,
       choropleth_map: r
-    }, A = T(() => {
-      var v, P;
+    }, O = k(() => {
+      var v, q;
       return {
         ...(v = H.value) != null && v.rendererEvents.supportsRequests ? { "select-chart-range": ni } : {},
-        ...(P = H.value) != null && P.rendererEvents.supportsZoom ? { "zoom-time-range": ri } : {}
+        ...(q = H.value) != null && q.rendererEvents.supportsZoom ? { "zoom-time-range": ri } : {}
       };
-    }), H = T(() => {
+    }), H = k(() => {
       var te, X;
-      const v = D[i.definition.chart.type], P = !!((te = v == null ? void 0 : v.emits) != null && te.includes("select-chart-range")), $ = !!((X = v == null ? void 0 : v.emits) != null && X.includes("zoom-time-range"));
+      const v = D[i.definition.chart.type], q = !!((te = v == null ? void 0 : v.emits) != null && te.includes("select-chart-range")), P = !!((X = v == null ? void 0 : v.emits) != null && X.includes("zoom-time-range"));
       return v && {
         component: v,
         rendererProps: {
@@ -1181,43 +1170,43 @@ const ce = {
           exploreLink: B.value
         },
         rendererEvents: {
-          supportsRequests: P,
-          supportsZoom: $
+          supportsRequests: q,
+          supportsZoom: P
         }
       };
-    }), j = T(() => {
-      var P;
-      const v = (P = i.definition.query) == null ? void 0 : P.time_range;
+    }), j = k(() => {
+      var q;
+      const v = (q = i.definition.query) == null ? void 0 : q.time_range;
       if ((v == null ? void 0 : v.type) === "relative") {
-        const $ = Bt.get(yi[v.time_range]);
-        return $ ? $.display : (console.warn("Did not recognize the given relative time range:", v.time_range), v.time_range);
+        const P = Bt.get(yi[v.time_range]);
+        return P ? P.display : (console.warn("Did not recognize the given relative time range:", v.time_range), v.time_range);
       } else if ((v == null ? void 0 : v.type) === "absolute") {
-        const $ = v.tz || "Etc/UTC";
-        return `${Ct(v.start, { short: !0, tz: $ })} - ${Ct(v.end, { short: !0, tz: $ })}`;
+        const P = v.tz || "Etc/UTC";
+        return `${Ct(v.start, { short: !0, tz: P })} - ${Ct(v.end, { short: !0, tz: P })}`;
       }
       return null;
-    }), fe = T(() => h.value ? nt(h.value.meta.granularity_ms) : void 0), Ie = T(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), ke = T(() => {
-      var P, $;
+    }), fe = k(() => h.value ? rt(h.value.meta.granularity_ms) : void 0), Ie = k(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), ke = k(() => {
+      var q, P;
       if (!Ie.value || !i.queryReady || g.value)
         return !1;
-      const v = ($ = (P = i.definition) == null ? void 0 : P.query) == null ? void 0 : $.granularity;
+      const v = (P = (q = i.definition) == null ? void 0 : q.query) == null ? void 0 : P.granularity;
       return !v || !fe.value ? !1 : v !== fe.value;
-    }), Te = T(() => {
-      var $, te, X;
-      const v = nt((($ = h.value) == null ? void 0 : $.meta.granularity_ms) ?? 0) ?? "unknown", P = ((X = (te = i.definition) == null ? void 0 : te.query) == null ? void 0 : X.granularity) ?? "unknown";
+    }), Te = k(() => {
+      var P, te, X;
+      const v = rt(((P = h.value) == null ? void 0 : P.meta.granularity_ms) ?? 0) ?? "unknown", q = ((X = (te = i.definition) == null ? void 0 : te.query) == null ? void 0 : X.granularity) ?? "unknown";
       return l.t("query_aged_out_warning", {
         currentGranularity: l.t(`granularities.${v}`),
-        savedGranularity: l.t(`granularities.${P}`)
+        savedGranularity: l.t(`granularities.${q}`)
       });
-    }), et = T(() => {
-      var $, te;
-      const v = [...i.context.filters, ...i.definition.query.filters ?? []], P = ((te = ($ = i.definition) == null ? void 0 : $.query) == null ? void 0 : te.datasource) ?? "api_usage";
-      return v.filter((X) => Gt(X.field).some((oi) => P === oi));
+    }), Je = k(() => {
+      var P, te;
+      const v = [...i.context.filters, ...i.definition.query.filters ?? []], q = ((te = (P = i.definition) == null ? void 0 : P.query) == null ? void 0 : te.datasource) ?? "api_usage";
+      return v.filter((X) => Gt(X.field).some((oi) => q === oi));
     }), pt = () => {
       s("edit-tile", i.definition);
-    }, tt = () => {
+    }, et = () => {
       s("duplicate-tile", i.definition);
-    }, it = () => {
+    }, tt = () => {
       s("remove-tile", i.definition);
     }, yt = (v) => {
       h.value = v, g.value = !1;
@@ -1230,29 +1219,29 @@ const ce = {
         u.value = { status: "error", error: v };
       });
     }, ri = (v) => {
-      const P = {
+      const q = {
         tileId: i.tileId.toString(),
         timeRange: v
       };
-      s("tile-time-range-zoom", P);
+      s("tile-time-range-zoom", q);
     }, ni = (v) => {
-      const P = et.value, $ = L(v, P), te = _e(v, P);
-      ee.value = I.value ? { href: k($) } : void 0, B.value = R.value ? { href: be(te) } : void 0;
+      const q = Je.value, P = A(v, q), te = _e(v, q);
+      ee.value = I.value ? { href: R(P) } : void 0, B.value = S.value ? { href: be(te) } : void 0;
     };
-    return (v, P) => {
-      const $ = me("KTooltip"), te = me("KBadge"), X = me("KDropdownItem"), vt = me("KDropdown");
+    return (v, q) => {
+      const P = me("KTooltip"), te = me("KBadge"), X = me("KDropdownItem"), vt = me("KDropdown");
       return C(), V("div", {
-        class: Xe(["tile-boundary", { editable: v.context.editable }]),
+        class: je(["tile-boundary", { editable: v.context.editable }]),
         "data-testid": `tile-${v.tileId}`
       }, [
-        v.definition.chart.type !== "slottable" ? (C(), V("div", vs, [
-          le($, {
+        v.definition.chart.type !== "slottable" ? (C(), V("div", _s, [
+          ue(P, {
             class: "title-tooltip",
             disabled: !m.value,
             "max-width": "500",
             text: v.definition.chart.chart_title
           }, {
-            default: q(() => [
+            default: $(() => [
               oe("div", {
                 ref_key: "titleRef",
                 ref: f,
@@ -1266,26 +1255,26 @@ const ce = {
             class: "tile-actions",
             "data-testid": `tile-actions-${v.tileId}`
           }, [
-            j.value ? (C(), M(te, {
+            j.value ? (C(), N(te, {
               key: 0,
               "data-testid": "time-range-badge",
               tooltip: ke.value ? Te.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
-            }, Ye({
-              default: q(() => [
-                oe("span", bs, ne(j.value), 1)
+            }, Qe({
+              default: $(() => [
+                oe("span", ws, ne(j.value), 1)
               ]),
               _: 2
             }, [
               ke.value ? {
                 name: "icon",
-                fn: q(() => [
-                  le(x(zi), { size: x(fs) }, null, 8, ["size"])
+                fn: $(() => [
+                  ue(x(Si), { size: x(gs) }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["tooltip"])) : Q("", !0),
-            x(S) && v.context.editable && !v.isFullscreen ? (C(), M(x(Si), {
+            x(z) && v.context.editable && !v.isFullscreen ? (C(), N(x(Di), {
               key: 1,
               class: "edit-icon",
               color: x(Nt),
@@ -1293,60 +1282,60 @@ const ce = {
               size: x(Lt),
               onClick: pt
             }, null, 8, ["color", "data-testid", "size"])) : Q("", !0),
-            x(S) && E.value && !v.isFullscreen ? (C(), M(vt, {
+            x(z) && E.value && !v.isFullscreen ? (C(), N(vt, {
               key: 2,
               class: "dropdown",
               "data-testid": `chart-action-menu-${v.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
-              items: q(() => [
-                x(y) ? (C(), M(X, {
+              items: $(() => [
+                x(y) ? (C(), N(X, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${v.tileId}`,
                   item: { label: x(l).t("jumpToExplore"), to: x(y) }
                 }, null, 8, ["data-testid", "item"])) : Q("", !0),
-                x(n) && x(p) ? (C(), M(X, {
+                x(n) && x(p) ? (C(), N(X, {
                   key: 1,
                   "data-testid": `chart-jump-to-requests-${v.tileId}`,
                   item: { label: x(l).t("jumpToRequests"), to: x(p) }
                 }, null, 8, ["data-testid", "item"])) : Q("", !0),
-                !("allow_csv_export" in v.definition.chart) || v.definition.chart.allow_csv_export ? (C(), M(X, {
+                !("allow_csv_export" in v.definition.chart) || v.definition.chart.allow_csv_export ? (C(), N(X, {
                   key: 2,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${v.tileId}`,
                   onClick: si
                 }, {
-                  default: q(() => [
+                  default: $(() => [
                     oe("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${v.tileId}`
-                    }, ne(x(l).t("csvExport.exportAsCsv")), 9, ws)
+                    }, ne(x(l).t("csvExport.exportAsCsv")), 9, Es)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Q("", !0),
-                v.context.editable ? (C(), M(X, {
+                v.context.editable ? (C(), N(X, {
                   key: 3,
                   "data-testid": `duplicate-tile-${v.tileId}`,
-                  onClick: tt
+                  onClick: et
                 }, {
-                  default: q(() => [
-                    Qe(ne(x(l).t("renderer.duplicateTile")), 1)
+                  default: $(() => [
+                    ht(ne(x(l).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Q("", !0),
-                v.context.editable ? (C(), M(X, {
+                v.context.editable ? (C(), N(X, {
                   key: 4,
                   "data-testid": `remove-tile-${v.tileId}`,
-                  onClick: it
+                  onClick: tt
                 }, {
-                  default: q(() => [
-                    oe("span", Es, ne(x(l).t("renderer.delete")), 1)
+                  default: $(() => [
+                    oe("span", xs, ne(x(l).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Q("", !0)
               ]),
-              default: q(() => [
-                le(x(Di), {
+              default: $(() => [
+                ue(x(Ni), {
                   class: "kebab-action-menu",
                   color: x(Nt),
                   "data-testid": `kebab-action-menu-${v.tileId}`,
@@ -1355,12 +1344,12 @@ const ce = {
               ]),
               _: 1
             }, 8, ["data-testid"])) : Q("", !0)
-          ], 8, _s)) : "description" in v.definition.chart ? (C(), V("div", {
+          ], 8, bs)) : "description" in v.definition.chart ? (C(), V("div", {
             key: 1,
             class: "header-description",
             "data-testid": `tile-description-${v.tileId}`
-          }, ne(v.definition.chart.description), 9, xs)) : Q("", !0),
-          a.value ? (C(), M(x(xi), {
+          }, ne(v.definition.chart.description), 9, Cs)) : Q("", !0),
+          a.value ? (C(), N(x(xi), {
             key: 2,
             "data-testid": `csv-export-modal-${v.tileId}`,
             "export-state": u.value,
@@ -1372,12 +1361,12 @@ const ce = {
           class: "tile-content",
           "data-testid": `tile-content-${v.tileId}`
         }, [
-          H.value ? (C(), M(Pt(H.value.component), It({ key: 0 }, H.value.rendererProps, ci(A.value), { onChartData: yt }), null, 16)) : Q("", !0)
-        ], 8, Cs)
-      ], 10, ys);
+          H.value ? (C(), N(Pt(H.value.component), It({ key: 0 }, H.value.rendererProps, ci(O.value), { onChartData: yt }), null, 16)) : Q("", !0)
+        ], 8, Rs)
+      ], 10, vs);
     };
   }
-}), ks = /* @__PURE__ */ ve(Rs, [["__scopeId", "data-v-3751379a"]]), Ts = (d, e) => {
+}), Ts = /* @__PURE__ */ ve(ks, [["__scopeId", "data-v-3751379a"]]), zs = (d, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -1388,13 +1377,13 @@ const ce = {
   for (let r = 0; r < t; r++)
     i.get(r) ? s.push("auto") : s.push(`${d}px`);
   return s;
-}, zs = /* @__PURE__ */ J({
+}, Ss = /* @__PURE__ */ J({
   __name: "GridLayout",
   props: {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => Ze
+      default: () => Xe
     },
     tiles: {
       type: Array,
@@ -1402,21 +1391,21 @@ const ce = {
     }
   },
   setup(d) {
-    je((n) => ({
+    Ye((n) => ({
       "2a38e79e": x(Wt),
       "4cc71de6": r.value
     }));
-    const e = d, t = N(null), i = N(0), s = new ResizeObserver((n) => {
+    const e = d, t = L(null), i = L(0), s = new ResizeObserver((n) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(n) || !n.length || (i.value = n[0].contentRect.width);
       });
     });
-    lt(() => {
+    at(() => {
       t.value && s.observe(t.value);
-    }), ht(() => {
+    }), lt(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = T(() => Ts(e.tileHeight, e.tiles).join(" ")), o = T(() => e.tiles.map((n, l) => ({
+    const r = k(() => zs(e.tileHeight, e.tiles).join(" ")), o = k(() => e.tiles.map((n, l) => ({
       key: `tile-${l}`,
       tile: n,
       style: {
@@ -1433,7 +1422,7 @@ const ce = {
     }, [
       (C(!0), V($t, null, Ft(o.value, (h) => (C(), V("div", {
         key: h.key,
-        class: Xe(["grid-cell", {
+        class: je(["grid-cell", {
           "empty-cell": !h.tile
         }]),
         style: Et(h.style)
@@ -1445,8 +1434,8 @@ const ce = {
       ], 6))), 128))
     ], 512));
   }
-}), Ss = /* @__PURE__ */ ve(zs, [["__scopeId", "data-v-354b7177"]]);
-function Ds(d, e, t, i, s) {
+}), Ds = /* @__PURE__ */ ve(Ss, [["__scopeId", "data-v-354b7177"]]);
+function Ns(d, e, t, i, s) {
   const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(d, o));
   return r.prototype = e.prototype, r;
 }
@@ -1786,7 +1775,7 @@ class c {
     return !(!e || e.w === e.h || e.locked || e.noResize || (t = e.grid) != null && t.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class he {
+class le {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -1964,7 +1953,7 @@ class he {
    * @param resizing if out of bound, resize down or move into the grid to fit ?
    */
   prepareNode(e, t) {
-    e._id = e._id ?? he._idSeq++;
+    e._id = e._id ?? le._idSeq++;
     const i = e.id;
     if (i) {
       let r = 1;
@@ -2059,7 +2048,7 @@ class he {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const s = new he({
+    const s = new le({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((o) => o._id === e._id ? (i = { ...o }, i) : { ...o })
@@ -2081,7 +2070,7 @@ class he {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new he({
+    const t = new le({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -2217,7 +2206,7 @@ class he {
     return e.forEach((r, o) => {
       if (r._id === void 0) {
         const n = r.id ? this.nodes.find((l) => l.id === r.id) : void 0;
-        r._id = (n == null ? void 0 : n._id) ?? he._idSeq++;
+        r._id = (n == null ? void 0 : n._id) ?? le._idSeq++;
       }
       s[o] = { x: r.x, y: r.y, w: r.w, _id: r._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
@@ -2228,7 +2217,7 @@ class he {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? he._idSeq++;
+    e._id = e._id ?? le._idSeq++;
     const i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     const s = this.findCacheLayout(e, t);
@@ -2252,7 +2241,7 @@ class he {
     return this;
   }
 }
-he._idSeq = 0;
+le._idSeq = 0;
 const Z = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
@@ -2286,7 +2275,7 @@ const Z = {
 class w {
 }
 const ae = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
-class ue {
+class he {
 }
 function Fe(d, e) {
   d.touches.length > 1 || (d.cancelable && d.preventDefault(), c.simulateMouseEvent(d.changedTouches[0], e));
@@ -2295,37 +2284,37 @@ function ti(d, e) {
   d.cancelable && d.preventDefault(), c.simulateMouseEvent(d, e);
 }
 function Ge(d) {
-  ue.touchHandled || (ue.touchHandled = !0, Fe(d, "mousedown"));
+  he.touchHandled || (he.touchHandled = !0, Fe(d, "mousedown"));
 }
 function Be(d) {
-  ue.touchHandled && Fe(d, "mousemove");
+  he.touchHandled && Fe(d, "mousemove");
 }
 function Ue(d) {
-  if (!ue.touchHandled)
+  if (!he.touchHandled)
     return;
-  ue.pointerLeaveTimeout && (window.clearTimeout(ue.pointerLeaveTimeout), delete ue.pointerLeaveTimeout);
+  he.pointerLeaveTimeout && (window.clearTimeout(he.pointerLeaveTimeout), delete he.pointerLeaveTimeout);
   const e = !!w.dragElement;
-  Fe(d, "mouseup"), e || Fe(d, "click"), ue.touchHandled = !1;
+  Fe(d, "mouseup"), e || Fe(d, "click"), he.touchHandled = !1;
 }
 function We(d) {
   d.pointerType !== "mouse" && d.target.releasePointerCapture(d.pointerId);
 }
-function Ht(d) {
+function Ot(d) {
   w.dragElement && d.pointerType !== "mouse" && ti(d, "mouseenter");
 }
-function Ot(d) {
-  w.dragElement && d.pointerType !== "mouse" && (ue.pointerLeaveTimeout = window.setTimeout(() => {
-    delete ue.pointerLeaveTimeout, ti(d, "mouseleave");
+function Ht(d) {
+  w.dragElement && d.pointerType !== "mouse" && (he.pointerLeaveTimeout = window.setTimeout(() => {
+    delete he.pointerLeaveTimeout, ti(d, "mouseleave");
   }, 10));
 }
-class Je {
+class Ze {
   constructor(e, t, i) {
     this.host = e, this.dir = t, this.option = i, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
   }
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Je.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ae && (this.el.addEventListener("touchstart", Ge), this.el.addEventListener("pointerdown", We)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ze.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ae && (this.el.addEventListener("touchstart", Ge), this.el.addEventListener("pointerdown", We)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
@@ -2354,7 +2343,7 @@ class Je {
     return this.option[e] && this.option[e](t), this;
   }
 }
-Je.prefix = "ui-resizable-";
+Ze.prefix = "ui-resizable-";
 class gt {
   constructor() {
     this._eventRegister = {};
@@ -2453,7 +2442,7 @@ class De extends gt {
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Je(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new Ze(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -2533,7 +2522,7 @@ class De extends gt {
   }
 }
 De._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Ns = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+const Ls = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
 class Ne extends gt {
   constructor(e, t = {}) {
     var r;
@@ -2571,7 +2560,7 @@ class Ne extends gt {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!w.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ns) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (e.currentTarget.addEventListener("touchmove", Be), e.currentTarget.addEventListener("touchend", Ue)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ls) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ae && (e.currentTarget.addEventListener("touchmove", Be), e.currentTarget.addEventListener("touchend", Ue)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2684,7 +2673,7 @@ class Ne extends gt {
   }
 }
 Ne.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Ls extends gt {
+class As extends gt {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
   }
@@ -2695,10 +2684,10 @@ class Ls extends gt {
     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), ae && (this.el.addEventListener("pointerenter", Ht), this.el.addEventListener("pointerleave", Ot)));
+    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), ae && (this.el.addEventListener("pointerenter", Ot), this.el.addEventListener("pointerleave", Ht)));
   }
   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), ae && (this.el.removeEventListener("pointerenter", Ht), this.el.removeEventListener("pointerleave", Ot)));
+    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), ae && (this.el.removeEventListener("pointerenter", Ot), this.el.removeEventListener("pointerleave", Ht)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -2776,13 +2765,13 @@ class mt {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Ls(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new As(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class As {
+class Os {
   resizable(e, t, i, s) {
     return this._getDDElements(e, t).forEach((r) => {
       if (t === "disable" || t === "enable")
@@ -2871,7 +2860,7 @@ class As {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const W = new As();
+const W = new Os();
 class b {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -2979,8 +2968,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     };
     e.getAttribute("gs-animate") && (n.animate = c.toBool(e.getAttribute("gs-animate"))), t = c.defaults(t, n), this._initMargin(), this.checkDynamicColumn(), this.el.classList.add("gs-" + t.column), t.rtl === "auto" && (t.rtl = e.style.direction === "rtl"), t.rtl && this.el.classList.add("grid-stack-rtl");
     const l = this.el.closest("." + Z.itemClass), h = l == null ? void 0 : l.gridstackNode;
-    h && (h.subGrid = this, this.parentGridNode = h, this.el.classList.add("grid-stack-nested"), h.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== Z.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ae), this._styleSheetClass = "gs-id-" + he._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    const u = t.engineClass || b.engineClass || he;
+    h && (h.subGrid = this, this.parentGridNode = h, this.el.classList.add("grid-stack-nested"), h.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== Z.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = ae), this._styleSheetClass = "gs-id-" + le._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    const u = t.engineClass || b.engineClass || le;
     if (this.engine = new u({
       column: this.getColumn(),
       float: t.float,
@@ -2990,8 +2979,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         this.engine.nodes.forEach((p) => {
           y = Math.max(y, p.y + p.h);
         }), g.forEach((p) => {
-          const S = p.el;
-          S && (p._removeDOM ? (S && S.remove(), delete p._removeDOM) : this._writePosAttr(S, p));
+          const z = p.el;
+          z && (p._removeDOM ? (z && z.remove(), delete p._removeDOM) : this._writePosAttr(z, p));
         }), this._updateStyles(!1, y);
       }
     }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((g) => this._prepareElement(g)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
@@ -3072,8 +3061,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     t.column === "auto" && (l = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
     let h = r.el.querySelector(".grid-stack-item-content"), u, a;
     if (s && (this._removeDD(r.el), a = { ...r, x: 0, y: 0 }, c.removeInternalForSave(a), delete a.subGridOpts, r.content && (a.content = r.content, delete r.content), b.addRemoveCB ? u = b.addRemoveCB(this.el, a, !0, !1) : (u = c.createDiv(["grid-stack-item"]), u.appendChild(h), h = c.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const p = l ? t.column : r.w, S = r.h + i.h, I = r.el.style;
-      I.transition = "none", this.update(r.el, { w: p, h: S }), setTimeout(() => I.transition = null);
+      const p = l ? t.column : r.w, z = r.h + i.h, I = r.el.style;
+      I.transition = "none", this.update(r.el, { w: p, h: z }), setTimeout(() => I.transition = null);
     }
     const f = r.subGrid = b.addGrid(h, t);
     return i != null && i._moving && (f._isTemp = !0), l && (f._autoColumn = !0), s && f.makeWidget(u, a), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
@@ -4051,22 +4040,22 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         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 S = i.position.left + (i.position.left > s._lastUiPosition.left ? -u : h), I = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : a);
-      n.x = Math.round(S / r), n.y = Math.round(I / o);
-      const R = this._extraDragRow;
+      const z = i.position.left + (i.position.left > s._lastUiPosition.left ? -u : h), I = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : a);
+      n.x = Math.round(z / r), n.y = Math.round(I / o);
+      const S = this._extraDragRow;
       if (this.engine.collide(s, n)) {
         const ee = this.getRow();
         let B = Math.max(0, n.y + s.h - ee);
         this.opts.maxRow && ee + B > this.opts.maxRow && (B = Math.max(0, this.opts.maxRow - ee)), this._extraDragRow = B;
       } else
         this._extraDragRow = 0;
-      if (this._extraDragRow !== R && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
+      if (this._extraDragRow !== S && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
         return;
     } else if (t.type === "resize") {
       if (n.x < 0 || (c.updateScrollResize(t, e, o), n.w = Math.round((i.size.width - h) / r), n.h = Math.round((i.size.height - a) / o), s.w === n.w && s.h === n.h) || s._lastTried && s._lastTried.w === n.w && s._lastTried.h === n.h)
         return;
-      const p = i.position.left + h, S = i.position.top + a;
-      n.x = Math.round(p / r), n.y = Math.round(S / o), l = !0;
+      const p = i.position.left + h, z = i.position.top + a;
+      n.x = Math.round(p / r), n.y = Math.round(z / o), l = !0;
     }
     s._event = t, s._lastTried = n;
     const y = {
@@ -4096,7 +4085,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return Ds(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Ns(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 b.renderCB = (d, e) => {
@@ -4104,17 +4093,17 @@ b.renderCB = (d, e) => {
 };
 b.resizeToContentParent = ".grid-stack-item-content";
 b.Utils = c;
-b.Engine = he;
+b.Engine = le;
 b.GDRev = "11.5.1";
-const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { class: "grid-stack-item-content" }, Ms = /* @__PURE__ */ J({
+const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ms = { class: "grid-stack-item-content" }, Is = /* @__PURE__ */ J({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
-    tileHeight: { default: Ze }
+    tileHeight: { default: Xe }
   },
   emits: ["update-tiles"],
   setup(d, { expose: e, emit: t }) {
-    const i = d, s = t, r = N(null), o = N(new Map(i.tiles.map((m) => [`${m.id}`, m])));
+    const i = d, s = t, r = L(null), o = L(new Map(i.tiles.map((m) => [`${m.id}`, m])));
     let n = null;
     const l = (m) => `[data-id="${m}"]`, h = (m) => m.map((g) => {
       var p;
@@ -4137,7 +4126,7 @@ const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
         o.value.delete(`${(p = y.el) == null ? void 0 : p.getAttribute("data-id")}`);
       }), s("update-tiles", Array.from(o.value.values()));
     };
-    lt(() => {
+    at(() => {
       r.value && (n = b.init({
         margin: 10,
         column: Wt,
@@ -4145,7 +4134,7 @@ const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
         resizable: { handles: "se, sw" },
         handle: ".tile-header"
       }, r.value), n.on("change", u), n.on("added", u), n.on("removed", a));
-    }), ht(() => {
+    }), lt(() => {
       n && n.destroy(!1);
     });
     const f = (m) => {
@@ -4184,19 +4173,19 @@ const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
         "gs-x": y.layout.position.col,
         "gs-y": y.layout.position.row
       }, [
-        oe("div", Os, [
+        oe("div", Ms, [
           Se(m.$slots, "tile", { tile: y }, void 0, !0)
         ])
       ], 8, Hs))), 128))
     ], 512));
   }
-}), Is = /* @__PURE__ */ ve(Ms, [["__scopeId", "data-v-a68d6821"]]), qs = {
+}), qs = /* @__PURE__ */ ve(Is, [["__scopeId", "data-v-a68d6821"]]), Ps = {
   key: 0,
   class: "fullscreen-header"
-}, Ps = {
+}, $s = {
   key: 0,
   class: "tile-container slottable-tile"
-}, $s = /* @__PURE__ */ J({
+}, Fs = /* @__PURE__ */ J({
   __name: "DashboardRenderer",
   props: /* @__PURE__ */ xt({
     context: {}
@@ -4206,22 +4195,22 @@ const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
   }),
   emits: /* @__PURE__ */ xt(["edit-tile", "tile-time-range-zoom"], ["update:modelValue"]),
   setup(d, { expose: e, emit: t }) {
-    je((E) => ({
+    Ye((E) => ({
       "82baf22a": a.value
     }));
-    const i = d, s = t, r = fi(d, "modelValue"), { i18n: o } = ce.useI18n(), n = N(0), l = N(null), h = N(), u = N(), a = N("scale(1)"), f = ye(pe);
+    const i = d, s = t, r = fi(d, "modelValue"), { i18n: o } = ce.useI18n(), n = L(0), l = L(null), h = L(), u = L(), a = L("scale(1)"), f = ye(pe);
     f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), ce.useRequestQueue();
-    const m = dt(), g = T(() => i.context.timeSpec ? i.context.timeSpec : {
+    const m = dt(), g = k(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
       time_range: m.defaultQueryTimeForOrg
-    }), y = T(() => !!i.context.timeSpec || !m.loading), p = (E, D) => {
-      const A = E.layout.position.row - D.layout.position.row;
-      return A !== 0 ? A : E.layout.position.col - D.layout.position.col;
-    }, S = T(() => r.value.tiles.map((E) => {
-      var A;
+    }), y = k(() => !!i.context.timeSpec || !m.loading), p = (E, D) => {
+      const O = E.layout.position.row - D.layout.position.row;
+      return O !== 0 ? O : E.layout.position.col - D.layout.position.col;
+    }, z = k(() => r.value.tiles.map((E) => {
+      var O;
       let D = E.definition;
       if ("description" in D.chart) {
-        const H = (A = D.chart.description) == null ? void 0 : A.replace(Ui, () => {
+        const H = (O = D.chart.description) == null ? void 0 : O.replace(Wi, () => {
           const fe = `renderer.trendRange.${g.value.type === "absolute" ? "custom" : g.value.time_range}`;
           return o.te(fe) ? o.t(fe) : "";
         });
@@ -4244,38 +4233,38 @@ const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
         // Add a unique key to each tile internally.
         id: E.id ?? crypto.randomUUID()
       };
-    })), I = T(() => {
+    })), I = k(() => {
       var fe, Ie, ke;
-      let { tz: E, refreshInterval: D, editable: A } = i.context;
+      let { tz: E, refreshInterval: D, editable: O } = i.context;
       const H = [...i.context.filters ?? [], ...r.value.preset_filters ?? []];
-      if (E || (E = new Intl.DateTimeFormat().resolvedOptions().timeZone), D === void 0 && (D = Wi), U.value) {
+      if (E || (E = new Intl.DateTimeFormat().resolvedOptions().timeZone), D === void 0 && (D = Ki), U.value) {
         let Te = !1;
         if (g.value.type === "relative")
           Te = ["15m", "1h", "6h", "12h", "24h"].includes(g.value.time_range);
         else {
-          const tt = g.value.start.getTime(), it = g.value.end.getTime();
-          Te = Math.abs(it - tt) <= 864e5;
+          const et = g.value.start.getTime(), tt = g.value.end.getTime();
+          Te = Math.abs(tt - et) <= 864e5;
         }
-        const et = (/* @__PURE__ */ new Date()).getTime();
-        g.value.type === "absolute" && g.value.end.getTime() < et ? D = 0 : Te ? D = Ki : D = Vi;
+        const Je = (/* @__PURE__ */ new Date()).getTime();
+        g.value.type === "absolute" && g.value.end.getTime() < Je ? D = 0 : Te ? D = Vi : D = Qi;
       }
-      A === void 0 && (A = !1);
+      O === void 0 && (O = !1);
       const j = !!((ke = (Ie = (fe = gi()) == null ? void 0 : fe.vnode) == null ? void 0 : Ie.props) != null && ke.onTileTimeRangeZoom);
       return {
         filters: H,
         tz: E,
         timeSpec: g.value,
         refreshInterval: D,
-        editable: A,
+        editable: O,
         zoomable: j
       };
-    }), R = (E) => {
+    }), S = (E) => {
       s("edit-tile", E);
     }, ee = (E) => E.type === "slottable", B = (E) => {
       const D = ee(E.meta.chart) ? { ...E.meta.chart } : {
         ...E.meta.chart,
         chart_title: E.meta.chart.chart_title ? `Copy of ${E.meta.chart.chart_title}` : ""
-      }, A = {
+      }, O = {
         id: crypto.randomUUID(),
         type: "chart",
         definition: {
@@ -4290,38 +4279,38 @@ const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
           size: E.layout.size
         }
       };
-      r.value.tiles.push(A);
+      r.value.tiles.push(O);
     }, _e = (E) => {
       l.value && l.value.removeWidget(E.id);
     }, be = () => {
       n.value++;
-    }, k = (E) => {
-      const D = E.map((A) => ({
-        id: A.id,
-        type: A.type,
-        layout: A.layout,
-        definition: A.meta
+    }, R = (E) => {
+      const D = E.map((O) => ({
+        id: O.id,
+        type: O.type,
+        layout: O.layout,
+        definition: O.meta
       }));
       r.value.tiles = D.sort(p);
-    }, L = async () => {
+    }, A = async () => {
       if (a.value = "scale(1)", await ut(), u.value) {
-        const { availWidth: E, availHeight: D } = window.screen, { width: A, height: H } = u.value.getBoundingClientRect(), j = Math.min(D / H, E / A);
+        const { availWidth: E, availHeight: D } = window.screen, { width: O, height: H } = u.value.getBoundingClientRect(), j = Math.min(D / H, E / O);
         a.value = `scale(${j})`;
       }
     }, Y = () => {
       h.value && (document.fullscreenElement ? document.exitFullscreen() : h.value.requestFullscreen());
-    }, U = N(!1), Me = () => {
-      U.value = document.fullscreenElement !== null, U.value && L();
+    }, U = L(!1), Me = () => {
+      U.value = document.fullscreenElement !== null, U.value && A();
     };
     return e({
       refresh: be,
       toggleFullscreen: Y
     }), (E, D) => {
-      const A = me("KAlert");
+      const O = me("KAlert");
       return C(), V("div", {
         ref_key: "dashboardContainer",
         ref: h,
-        class: Xe(["kong-ui-public-dashboard-renderer", { "is-fullscreen": U.value }]),
+        class: je(["kong-ui-public-dashboard-renderer", { "is-fullscreen": U.value }]),
         onFullscreenchange: Me
       }, [
         oe("div", {
@@ -4329,43 +4318,43 @@ const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
           ref: u,
           class: "layout"
         }, [
-          x(f) && U.value ? (C(), V("div", qs, [
+          x(f) && U.value ? (C(), V("div", Ps, [
             Se(E.$slots, "fullscreenHeader", {}, void 0, !0)
           ])) : Q("", !0),
-          x(f) ? (C(), M(Pt(E.context.editable && !U.value ? Is : Ss), {
+          x(f) ? (C(), N(Pt(E.context.editable && !U.value ? qs : Ds), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: l,
             "tile-height": r.value.tile_height,
-            tiles: S.value,
-            onUpdateTiles: k
+            tiles: z.value,
+            onUpdateTiles: R
           }, {
-            tile: q(({ tile: H }) => [
-              H.meta.chart.type === "slottable" ? (C(), V("div", Ps, [
+            tile: $(({ tile: H }) => [
+              H.meta.chart.type === "slottable" ? (C(), V("div", $s, [
                 Se(E.$slots, H.meta.chart.id, {}, void 0, !0)
-              ])) : (C(), M(ks, {
+              ])) : (C(), N(Ts, {
                 key: U.value ? `${H.id}-tile` : `${H.id}-tile-fullscreen`,
                 class: "tile-container",
                 context: I.value,
                 definition: H.meta,
-                height: H.layout.size.rows * (r.value.tile_height || x(Ze)) + parseInt(x(ei), 10),
+                height: H.layout.size.rows * (r.value.tile_height || x(Xe)) + parseInt(x(ei), 10),
                 "is-fullscreen": U.value,
                 "query-ready": y.value,
                 "refresh-counter": n.value,
                 "tile-id": H.id,
                 onDuplicateTile: (j) => B(H),
-                onEditTile: (j) => R(H),
+                onEditTile: (j) => S(H),
                 onRemoveTile: (j) => _e(H),
                 onTileTimeRangeZoom: D[0] || (D[0] = (j) => s("tile-time-range-zoom", j))
               }, null, 8, ["context", "definition", "height", "is-fullscreen", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
             ]),
             _: 3
-          }, 40, ["tile-height", "tiles"])) : (C(), M(A, {
+          }, 40, ["tile-height", "tiles"])) : (C(), N(O, {
             key: 1,
             appearance: "danger"
           }, {
-            default: q(() => [
-              Qe(ne(x(o).t("renderer.noQueryBridge")), 1)
+            default: $(() => [
+              ht(ne(x(o).t("renderer.noQueryBridge")), 1)
             ]),
             _: 1
           }))
@@ -4373,18 +4362,18 @@ const Hs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Os = { cl
       ], 34);
     };
   }
-}), Xs = /* @__PURE__ */ ve($s, [["__scopeId", "data-v-8d8a6181"]]);
+}), Zs = /* @__PURE__ */ ve(Fs, [["__scopeId", "data-v-8d8a6181"]]);
 export {
-  Bi as C,
-  Xs as D,
+  Ui as C,
+  Zs as D,
   Rt as E,
-  Ki as F,
-  Ss as G,
+  Vi as F,
+  Ds as G,
   pe as I,
-  Ui as T,
+  Wi as T,
   ct as _,
-  Ze as a,
+  Xe as a,
   Wt as b,
-  Wi as c,
-  Vi as d
+  Ki as c,
+  Qi as d
 };