@kong-ui-public/dashboard-renderer 4.1.7 → 4.1.8

package/dist/dashboard-renderer.es.js

@@ -4,7 +4,7 @@ var Je = (u) => {
 };
 var Mt = (u, e, t) => e in u ? Lt(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
 var Ze = (u, e, t) => Mt(u, typeof e != "symbol" ? e + "" : e, t), Be = (u, e, t) => e.has(u) || Je("Cannot " + t);
-var v = (u, e, t) => (Be(u, e, "read from private field"), t ? t.call(u) : e.get(u)), L = (u, e, t) => e.has(u) ? Je("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(u) : e.set(u, t), N = (u, e, t, i) => (Be(u, e, "write to private field"), i ? i.call(u, t) : e.set(u, t), t), M = (u, e, t) => (Be(u, e, "access private method"), t);
+var v = (u, e, t) => (Be(u, e, "read from private field"), t ? t.call(u) : e.get(u)), O = (u, e, t) => e.has(u) ? Je("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(u) : e.set(u, t), N = (u, e, t, i) => (Be(u, e, "write to private field"), i ? i.call(u, t) : e.set(u, t), t), L = (u, e, t) => (Be(u, e, "access private method"), t);
 var ve = (u, e, t, i) => ({
   set _(s) {
     N(u, e, s, t);
@@ -13,8 +13,8 @@ var ve = (u, e, t, i) => ({
     return v(u, e, i);
   }
 });
-import { ref as B, watchEffect as gt, inject as pe, provide as It, defineComponent as G, onUnmounted as Ge, computed as H, watch as Ue, resolveComponent as oe, unref as D, openBlock as T, createBlock as O, withCtx as I, createTextVNode as _e, toDisplayString as ee, renderSlot as Me, createCommentVNode as X, useCssVars as Ie, createElementVNode as he, normalizeClass as We, createVNode as te, mergeProps as pt, createSlots as mt, createElementBlock as $, normalizeProps as Pt, guardReactiveProps as qt, defineAsyncComponent as Bt, onMounted as Ke, nextTick as yt, resolveDynamicComponent as vt, Fragment as _t, renderList as bt, normalizeStyle as et, mergeModels as tt, useModel as $t } from "vue";
-import { stripUnknownFilters as Ft, Timeframe as Gt, TimePeriods as wt, TIMEFRAME_LOOKUP as Ut, formatTime as it, msToGranularity as Wt } from "@kong-ui-public/analytics-utilities";
+import { ref as B, watchEffect as gt, inject as pe, provide as It, defineComponent as U, onUnmounted as Ue, computed as A, watch as Ge, resolveComponent as oe, unref as z, openBlock as T, createBlock as H, withCtx as M, createTextVNode as _e, toDisplayString as ee, renderSlot as Me, createCommentVNode as X, useCssVars as Ie, createElementVNode as he, normalizeClass as We, createVNode as te, mergeProps as pt, createSlots as mt, createElementBlock as $, normalizeProps as Pt, guardReactiveProps as qt, defineAsyncComponent as Bt, onMounted as Ke, nextTick as yt, resolveDynamicComponent as vt, Fragment as _t, renderList as bt, normalizeStyle as et, mergeModels as tt, useModel as $t } from "vue";
+import { stripUnknownFilters as Ft, Timeframe as Ut, TimePeriods as wt, TIMEFRAME_LOOKUP as Gt, formatTime as it, msToGranularity as Wt } from "@kong-ui-public/analytics-utilities";
 import { SimpleChart as Kt, AnalyticsChart as Vt, TopNTable as Yt, CsvExportModal as Xt } from "@kong-ui-public/analytics-chart";
 import jt from "swrv";
 import "axios";
@@ -143,7 +143,7 @@ var Ct = { exports: {} };
   }, n.prototype.emit = function(l, a, h, f, g, m) {
     var y = t ? t + l : l;
     if (!this._events[y]) return !1;
-    var p = this._events[y], C = arguments.length, S, R;
+    var p = this._events[y], C = arguments.length, k, R;
     if (p.fn) {
       switch (p.once && this.removeListener(l, p.fn, void 0, !0), C) {
         case 1:
@@ -159,12 +159,12 @@ var Ct = { exports: {} };
         case 6:
           return p.fn.call(p.context, a, h, f, g, m), !0;
       }
-      for (R = 1, S = new Array(C - 1); R < C; R++)
-        S[R - 1] = arguments[R];
-      p.fn.apply(p.context, S);
+      for (R = 1, k = new Array(C - 1); R < C; R++)
+        k[R - 1] = arguments[R];
+      p.fn.apply(p.context, k);
     } else {
-      var x = p.length, E;
-      for (R = 0; R < x; R++)
+      var E = p.length, x;
+      for (R = 0; R < E; R++)
         switch (p[R].once && this.removeListener(l, p[R].fn, void 0, !0), C) {
           case 1:
             p[R].fn.call(p[R].context);
@@ -179,9 +179,9 @@ var Ct = { exports: {} };
             p[R].fn.call(p[R].context, a, h, f);
             break;
           default:
-            if (!S) for (E = 1, S = new Array(C - 1); E < C; E++)
-              S[E - 1] = arguments[E];
-            p[R].fn.apply(p[R].context, S);
+            if (!k) for (x = 1, k = new Array(C - 1); x < C; x++)
+              k[x - 1] = arguments[x];
+            p[R].fn.apply(p[R].context, k);
         }
     }
     return !0;
@@ -282,7 +282,7 @@ function bi(u, e, t) {
 var W;
 class wi {
   constructor() {
-    L(this, W, []);
+    O(this, W, []);
   }
   enqueue(e, t) {
     t = {
@@ -320,30 +320,30 @@ class wi {
   }
 }
 W = new WeakMap();
-var de, ue, ne, Ee, ce, xe, K, fe, q, Ce, V, ge, Z, Re, Le, z, Tt, zt, Dt, St, kt, ze, $e, Fe, De, Nt, Se;
+var de, ue, ne, Ee, ce, xe, K, fe, P, Ce, V, ge, Z, Re, Le, D, Tt, Dt, zt, St, kt, De, $e, Fe, ze, Nt, Se;
 class Ei extends yi {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
-    L(this, z);
-    L(this, de);
-    L(this, ue);
-    L(this, ne, 0);
-    L(this, Ee);
-    L(this, ce);
-    L(this, xe, 0);
-    L(this, K);
-    L(this, fe);
-    L(this, q);
-    L(this, Ce);
-    L(this, V, 0);
+    O(this, D);
+    O(this, de);
+    O(this, ue);
+    O(this, ne, 0);
+    O(this, Ee);
+    O(this, ce);
+    O(this, xe, 0);
+    O(this, K);
+    O(this, fe);
+    O(this, P);
+    O(this, Ce);
+    O(this, V, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
-    L(this, ge);
-    L(this, Z);
-    L(this, Re);
+    O(this, ge);
+    O(this, Z);
+    O(this, Re);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
-    L(this, Le, 1n);
+    O(this, Le, 1n);
     /**
         Per-operation timeout in milliseconds. Operations fulfill once `timeout` elapses if they haven't already.
     
@@ -362,7 +362,7 @@ class Ei extends yi {
       throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${((i = t.intervalCap) == null ? void 0 : i.toString()) ?? ""}\` (${typeof t.intervalCap})`);
     if (t.interval === void 0 || !(Number.isFinite(t.interval) && t.interval >= 0))
       throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${((s = t.interval) == null ? void 0 : s.toString()) ?? ""}\` (${typeof t.interval})`);
-    N(this, de, t.carryoverConcurrencyCount), N(this, ue, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), N(this, Ee, t.intervalCap), N(this, ce, t.interval), N(this, q, new t.queueClass()), N(this, Ce, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, N(this, Re, t.throwOnTimeout === !0), N(this, Z, t.autoStart === !1);
+    N(this, de, t.carryoverConcurrencyCount), N(this, ue, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), N(this, Ee, t.intervalCap), N(this, ce, t.interval), N(this, P, new t.queueClass()), N(this, Ce, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, N(this, Re, t.throwOnTimeout === !0), N(this, Z, t.autoStart === !1);
   }
   get concurrency() {
     return v(this, ge);
@@ -370,7 +370,7 @@ class Ei extends yi {
   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})`);
-    N(this, ge, t), M(this, z, De).call(this);
+    N(this, ge, t), L(this, D, ze).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -409,7 +409,7 @@ class Ei extends yi {
       Here, the promise function with `id: '🦀'` executes last.
       */
   setPriority(t, i) {
-    v(this, q).setPriority(t, i);
+    v(this, P).setPriority(t, i);
   }
   async add(t, i = {}) {
     return i.id ?? (i.id = (ve(this, Le)._++).toString()), i = {
@@ -417,13 +417,13 @@ class Ei extends yi {
       throwOnTimeout: v(this, Re),
       ...i
     }, new Promise((s, r) => {
-      v(this, q).enqueue(async () => {
+      v(this, P).enqueue(async () => {
         var o;
         ve(this, V)._++, ve(this, ne)._++;
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
-          i.timeout && (n = _i(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, M(this, z, Nt).call(this, i.signal)]));
+          i.timeout && (n = _i(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, L(this, D, Nt).call(this, i.signal)]));
           const d = await n;
           s(d), this.emit("completed", d);
         } catch (n) {
@@ -433,9 +433,9 @@ class Ei extends yi {
           }
           r(n), this.emit("error", n);
         } finally {
-          M(this, z, Dt).call(this);
+          L(this, D, zt).call(this);
         }
-      }, i), this.emit("add"), M(this, z, ze).call(this);
+      }, i), this.emit("add"), L(this, D, De).call(this);
     });
   }
   async addAll(t, i) {
@@ -445,7 +445,7 @@ class Ei extends yi {
   Start (or resume) executing enqueued tasks within concurrency limit. No need to call this if queue is not paused (via `options.autoStart = false` or by `.pause()` method.)
   */
   start() {
-    return v(this, Z) ? (N(this, Z, !1), M(this, z, De).call(this), this) : this;
+    return v(this, Z) ? (N(this, Z, !1), L(this, D, ze).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
@@ -457,7 +457,7 @@ class Ei extends yi {
   Clear the queue.
   */
   clear() {
-    N(this, q, new (v(this, Ce))());
+    N(this, P, new (v(this, Ce))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -465,7 +465,7 @@ class Ei extends yi {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    v(this, q).size !== 0 && await M(this, z, Se).call(this, "empty");
+    v(this, P).size !== 0 && await L(this, D, Se).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -475,7 +475,7 @@ class Ei extends yi {
       Note that this only limits the number of items waiting to start. There could still be up to `concurrency` jobs already running that this call does not include in its calculation.
       */
   async onSizeLessThan(t) {
-    v(this, q).size < t || await M(this, z, Se).call(this, "next", () => v(this, q).size < t);
+    v(this, P).size < t || await L(this, D, Se).call(this, "next", () => v(this, P).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.
@@ -483,13 +483,13 @@ class Ei extends yi {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    v(this, V) === 0 && v(this, q).size === 0 || await M(this, z, Se).call(this, "idle");
+    v(this, V) === 0 && v(this, P).size === 0 || await L(this, D, Se).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
   */
   get size() {
-    return v(this, q).size;
+    return v(this, P).size;
   }
   /**
       Size of the queue, filtered by the given options.
@@ -497,7 +497,7 @@ class Ei extends yi {
       For example, this can be used to find the number of items remaining in the queue with a specific priority level.
       */
   sizeBy(t) {
-    return v(this, q).filter(t).length;
+    return v(this, P).filter(t).length;
   }
   /**
   Number of running items (no longer in the queue).
@@ -512,14 +512,14 @@ class Ei extends yi {
     return v(this, Z);
   }
 }
-de = new WeakMap(), ue = new WeakMap(), ne = new WeakMap(), Ee = new WeakMap(), ce = new WeakMap(), xe = new WeakMap(), K = new WeakMap(), fe = new WeakMap(), q = new WeakMap(), Ce = new WeakMap(), V = new WeakMap(), ge = new WeakMap(), Z = new WeakMap(), Re = new WeakMap(), Le = new WeakMap(), z = new WeakSet(), Tt = function() {
+de = new WeakMap(), ue = new WeakMap(), ne = new WeakMap(), Ee = new WeakMap(), ce = new WeakMap(), xe = new WeakMap(), K = new WeakMap(), fe = new WeakMap(), P = new WeakMap(), Ce = new WeakMap(), V = new WeakMap(), ge = new WeakMap(), Z = new WeakMap(), Re = new WeakMap(), Le = new WeakMap(), D = new WeakSet(), Tt = function() {
   return v(this, ue) || v(this, ne) < v(this, Ee);
-}, zt = function() {
-  return v(this, V) < v(this, ge);
 }, Dt = function() {
-  ve(this, V)._--, M(this, z, ze).call(this), this.emit("next");
+  return v(this, V) < v(this, ge);
+}, zt = function() {
+  ve(this, V)._--, L(this, D, De).call(this), this.emit("next");
 }, St = function() {
-  M(this, z, Fe).call(this), M(this, z, $e).call(this), N(this, fe, void 0);
+  L(this, D, Fe).call(this), L(this, D, $e).call(this), N(this, fe, void 0);
 }, kt = function() {
   const t = Date.now();
   if (v(this, K) === void 0) {
@@ -528,32 +528,32 @@ de = new WeakMap(), ue = new WeakMap(), ne = new WeakMap(), Ee = new WeakMap(),
       N(this, ne, v(this, de) ? v(this, V) : 0);
     else
       return v(this, fe) === void 0 && N(this, fe, setTimeout(() => {
-        M(this, z, St).call(this);
+        L(this, D, St).call(this);
       }, i)), !0;
   }
   return !1;
-}, ze = function() {
-  if (v(this, q).size === 0)
+}, De = function() {
+  if (v(this, P).size === 0)
     return v(this, K) && clearInterval(v(this, K)), N(this, K, void 0), this.emit("empty"), v(this, V) === 0 && this.emit("idle"), !1;
   if (!v(this, Z)) {
-    const t = !v(this, z, kt);
-    if (v(this, z, Tt) && v(this, z, zt)) {
-      const i = v(this, q).dequeue();
-      return i ? (this.emit("active"), i(), t && M(this, z, $e).call(this), !0) : !1;
+    const t = !v(this, D, kt);
+    if (v(this, D, Tt) && v(this, D, Dt)) {
+      const i = v(this, P).dequeue();
+      return i ? (this.emit("active"), i(), t && L(this, D, $e).call(this), !0) : !1;
     }
   }
   return !1;
 }, $e = function() {
   v(this, ue) || v(this, K) !== void 0 || (N(this, K, setInterval(() => {
-    M(this, z, Fe).call(this);
+    L(this, D, Fe).call(this);
   }, v(this, ce))), N(this, xe, Date.now() + v(this, ce)));
 }, Fe = function() {
-  v(this, ne) === 0 && v(this, V) === 0 && v(this, K) && (clearInterval(v(this, K)), N(this, K, void 0)), N(this, ne, v(this, de) ? v(this, V) : 0), M(this, z, De).call(this);
+  v(this, ne) === 0 && v(this, V) === 0 && v(this, K) && (clearInterval(v(this, K)), N(this, K, void 0)), N(this, ne, v(this, de) ? v(this, V) : 0), L(this, D, ze).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
-De = function() {
-  for (; M(this, z, ze).call(this); )
+ze = function() {
+  for (; L(this, D, De).call(this); )
     ;
 }, Nt = async function(t) {
   return new Promise((i, s) => {
@@ -592,7 +592,7 @@ const xi = () => {
   useI18n: di,
   useEvaluateFeatureFlag: gi,
   useRequestQueue: xi
-}, Ye = /* @__PURE__ */ G({
+}, Ye = /* @__PURE__ */ U({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -603,72 +603,72 @@ const xi = () => {
   emits: ["chart-data", "queryComplete"],
   setup(u, { emit: e }) {
     const t = u, i = e, { i18n: s } = ie.useI18n(), r = pe(ae), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
-    Ge(() => {
+    Ue(() => {
       n.abort();
     });
-    const d = (C, S, R) => {
-      const x = [];
-      return S && x.push(...S), x.push(...Ft(C, R)), x;
+    const d = (C, k, R) => {
+      const E = [];
+      return k && E.push(...k), E.push(...Ft(C, R)), E;
     }, { data: l, error: a, isValidating: h } = jt(o, async () => {
-      var C, S, R, x;
+      var C, k, R, E;
       try {
         let {
-          datasource: E,
-          ...A
+          datasource: x,
+          ...S
         } = t.query;
-        E || (E = "basic");
-        const k = d(E, t.query.filters, t.context.filters);
-        let U = t.query.time_range;
-        U ? U.tz || (U = {
-          ...U,
+        x || (x = "basic");
+        const q = d(x, t.query.filters, t.context.filters);
+        let G = t.query.time_range;
+        G ? G.tz || (G = {
+          ...G,
           tz: t.context.tz
-        }) : U = {
+        }) : G = {
           ...t.context.timeSpec,
           tz: t.context.tz
         };
         const Te = {
-          datasource: E,
+          datasource: x,
           query: {
-            ...A,
-            time_range: U,
-            filters: k
+            ...S,
+            time_range: G,
+            filters: q
           }
         };
         return r == null ? void 0 : r.queryFn(Te, n);
-      } catch (E) {
-        m.value = ((S = (C = E == null ? void 0 : E.response) == null ? void 0 : C.data) == null ? void 0 : S.message) === "Range not allowed for this tier" ? s.t("queryDataProvider.timeRangeExceeded") : ((x = (R = E == null ? void 0 : E.response) == null ? void 0 : R.data) == null ? void 0 : x.message) || (E == null ? void 0 : E.message);
+      } catch (x) {
+        m.value = ((k = (C = x == null ? void 0 : x.response) == null ? void 0 : C.data) == null ? void 0 : k.message) === "Range not allowed for this tier" ? s.t("queryDataProvider.timeRangeExceeded") : ((E = (R = x == null ? void 0 : x.response) == null ? void 0 : R.data) == null ? void 0 : E.message) || (x == null ? void 0 : x.message);
       } finally {
         i("queryComplete");
       }
     }, {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1
-    }), { state: f, swrvState: g } = ri(l, a, h), m = B(null), y = H(() => f.value === g.ERROR || !!m.value), p = H(() => !t.queryReady || f.value === g.PENDING);
-    return Ue(l, (C) => {
+    }), { state: f, swrvState: g } = ri(l, a, h), m = B(null), y = A(() => f.value === g.ERROR || !!m.value), p = A(() => !t.queryReady || f.value === g.PENDING);
+    return Ge(l, (C) => {
       C && i("chart-data", C);
-    }), (C, S) => {
-      const R = oe("KSkeleton"), x = oe("KEmptyState");
-      return p.value || !D(l) && !y.value ? (T(), O(R, {
+    }), (C, k) => {
+      const R = oe("KSkeleton"), E = oe("KEmptyState");
+      return p.value || !z(l) && !y.value ? (T(), H(R, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : y.value ? (T(), O(x, {
+      })) : y.value ? (T(), H(E, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state",
         "icon-variant": "error"
       }, {
-        default: I(() => [
+        default: M(() => [
           _e(ee(m.value), 1)
         ]),
         _: 1
-      })) : D(l) ? Me(C.$slots, "default", {
+      })) : z(l) ? Me(C.$slots, "default", {
         key: 2,
-        data: D(l)
+        data: z(l)
       }) : X("", !0);
     };
   }
-}), Ci = /* @__PURE__ */ G({
+}), Ci = /* @__PURE__ */ U({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -682,18 +682,18 @@ const xi = () => {
     Ie((i) => ({
       "35a26ebf": `${i.height}px`
     }));
-    const e = u, t = H(() => e.chartOptions.type === "single_value");
-    return (i, s) => (T(), O(Ye, {
+    const e = u, t = A(() => e.chartOptions.type === "single_value");
+    return (i, s) => (T(), H(Ye, {
       context: i.context,
       query: i.query,
       "query-ready": i.queryReady,
       "refresh-counter": i.refreshCounter
     }, {
-      default: I(({ data: r }) => [
+      default: M(({ data: r }) => [
         he("div", {
           class: We(["analytics-chart", { "single-value": t.value }])
         }, [
-          te(D(Kt), {
+          te(z(Kt), {
             "chart-data": r,
             "chart-options": i.chartOptions,
             "synthetics-data-key": t.value ? void 0 : i.chartOptions.syntheticsDataKey
@@ -708,7 +708,7 @@ const xi = () => {
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, ot = /* @__PURE__ */ le(Ci, [["__scopeId", "data-v-65cc8607"]]), Ri = { class: "analytics-chart" }, Ti = /* @__PURE__ */ G({
+}, ot = /* @__PURE__ */ le(Ci, [["__scopeId", "data-v-65cc8607"]]), Ri = { class: "analytics-chart" }, Ti = /* @__PURE__ */ U({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -721,7 +721,7 @@ const xi = () => {
   },
   emits: ["edit-tile", "chart-data"],
   setup(u, { emit: e }) {
-    const t = u, i = e, { i18n: s } = ie.useI18n(), { evaluateFeatureFlag: r } = ie.useEvaluateFeatureFlag(), o = r("ma-3043-analytics-chart-kebab-menu", !1), n = H(() => ({
+    const t = u, i = e, { i18n: s } = ie.useI18n(), { evaluateFeatureFlag: r } = ie.useEvaluateFeatureFlag(), o = r("ma-3043-analytics-chart-kebab-menu", !1), n = A(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chartDatasetColors,
@@ -733,20 +733,20 @@ const xi = () => {
     };
     return (a, h) => {
       const f = oe("KDropdownItem");
-      return T(), O(Ye, {
+      return T(), H(Ye, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
         "refresh-counter": a.refreshCounter,
         onChartData: l
       }, {
-        default: I(({ data: g }) => [
+        default: M(({ data: g }) => [
           he("div", Ri, [
-            te(D(Vt), pt({
+            te(z(Vt), pt({
               "allow-csv-export": a.chartOptions.allowCsvExport,
               "chart-data": g,
               "chart-options": n.value,
-              "chart-title": !D(o) && a.chartOptions.chartTitle || "",
+              "chart-title": !z(o) && a.chartOptions.chartTitle || "",
               "legend-position": "bottom",
               "show-menu": a.context.editable,
               "synthetics-data-key": a.chartOptions.syntheticsDataKey,
@@ -754,10 +754,10 @@ const xi = () => {
             }, a.extraProps), mt({ _: 2 }, [
               a.context.editable ? {
                 name: "menu-items",
-                fn: I(() => [
+                fn: M(() => [
                   te(f, { onClick: d }, {
-                    default: I(() => [
-                      _e(ee(D(s).t("renderer.edit")), 1)
+                    default: M(() => [
+                      _e(ee(z(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -771,7 +771,7 @@ const xi = () => {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), Xe = /* @__PURE__ */ le(Ti, [["__scopeId", "data-v-ac4da911"]]), at = /* @__PURE__ */ G({
+}), Xe = /* @__PURE__ */ le(Ti, [["__scopeId", "data-v-ac4da911"]]), at = /* @__PURE__ */ U({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -782,7 +782,7 @@ const xi = () => {
     refreshCounter: {}
   },
   setup(u) {
-    return (e, t) => (T(), O(Xe, {
+    return (e, t) => (T(), H(Xe, {
       "chart-options": e.chartOptions,
       context: e.context,
       "extra-props": { showAnnotations: !1 },
@@ -792,7 +792,7 @@ const xi = () => {
       "refresh-counter": e.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), lt = /* @__PURE__ */ G({
+}), lt = /* @__PURE__ */ U({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -803,7 +803,7 @@ const xi = () => {
     refreshCounter: {}
   },
   setup(u) {
-    return (e, t) => (T(), O(Xe, {
+    return (e, t) => (T(), H(Xe, {
       "chart-options": e.chartOptions,
       context: e.context,
       height: e.height,
@@ -812,7 +812,7 @@ const xi = () => {
       "refresh-counter": e.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), zi = { class: "metric-card-tile-wrapper" }, Di = /* @__PURE__ */ G({
+}), Di = { class: "metric-card-tile-wrapper" }, zi = /* @__PURE__ */ U({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -824,14 +824,14 @@ const xi = () => {
   },
   setup(u) {
     Ie((o) => ({
-      "926e3b48": D(i) ? "90%" : "100%",
-      "7be2893e": D(i) ? "auto" : "100%",
-      "0d55c162": D(i) ? "100%" : "none"
+      "926e3b48": z(i) ? "90%" : "100%",
+      "7be2893e": z(i) ? "auto" : "100%",
+      "0d55c162": z(i) ? "100%" : "none"
     }));
-    const e = u, { evaluateFeatureFlag: t } = ie.useEvaluateFeatureFlag(), i = t("ma-3043-analytics-chart-kebab-menu", !1), s = H(() => {
+    const e = u, { evaluateFeatureFlag: t } = ie.useEvaluateFeatureFlag(), i = t("ma-3043-analytics-chart-kebab-menu", !1), s = A(() => {
       const o = e.context.timeSpec;
       if (o.type === "absolute")
-        return new Gt({
+        return new Ut({
           key: "custom",
           timeframeText: "custom",
           display: "custom",
@@ -847,7 +847,7 @@ const xi = () => {
       if (!n)
         throw new Error("Unknown time range");
       return n;
-    }), r = H(() => {
+    }), r = A(() => {
       var n, d;
       const o = (n = e.query) == null ? void 0 : n.datasource;
       if (o && o !== "advanced" && o !== "basic")
@@ -867,19 +867,19 @@ const xi = () => {
         refreshCounter: e.refreshCounter
       };
     });
-    return (o, n) => (T(), $("div", zi, [
-      te(D(Zt), Pt(qt(r.value)), {
-        default: I(() => [
-          te(D(ei))
+    return (o, n) => (T(), $("div", Di, [
+      te(z(Zt), Pt(qt(r.value)), {
+        default: M(() => [
+          te(z(ei))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), Si = /* @__PURE__ */ le(Di, [["__scopeId", "data-v-0f571079"]]), ht = "#6c7489", dt = "20px", At = "20px", ki = {
+}), Si = /* @__PURE__ */ le(zi, [["__scopeId", "data-v-0f571079"]]), ht = "#6c7489", dt = "20px", At = "20px", ki = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, ut = /* @__PURE__ */ G({
+}, ut = /* @__PURE__ */ U({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
@@ -887,7 +887,7 @@ const xi = () => {
   setup(u) {
     return (e, t) => (T(), $("div", ki, ee(e.entityLinkData.label), 1));
   }
-}), Ni = /* @__PURE__ */ G({
+}), Ni = /* @__PURE__ */ U({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -916,23 +916,23 @@ const xi = () => {
           return e.chartOptions.entityLink.replace(st, n.id);
       return "";
     };
-    return (n, d) => (T(), O(Ye, {
+    return (n, d) => (T(), H(Ye, {
       context: n.context,
       query: n.query,
       "query-ready": n.queryReady,
       "refresh-counter": n.refreshCounter
     }, {
-      default: I(({ data: l }) => [
-        te(D(Yt), {
+      default: M(({ data: l }) => [
+        te(z(Yt), {
           data: l,
-          description: !D(i) && n.chartOptions.description || "",
+          description: !z(i) && n.chartOptions.description || "",
           "synthetics-data-key": n.chartOptions.syntheticsDataKey,
-          title: !D(i) && n.chartOptions.chartTitle || ""
+          title: !z(i) && n.chartOptions.chartTitle || ""
         }, mt({ _: 2 }, [
           e.chartOptions.entityLink ? {
             name: "name",
-            fn: I(({ record: a }) => [
-              te(D(r), {
+            fn: M(({ record: a }) => [
+              te(z(r), {
                 "entity-link-data": {
                   id: a.id,
                   label: a.name,
@@ -948,7 +948,7 @@ const xi = () => {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), Ai = /* @__PURE__ */ G({
+}), Ai = /* @__PURE__ */ U({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -959,7 +959,7 @@ const xi = () => {
     refreshCounter: {}
   },
   setup(u) {
-    return (e, t) => (T(), O(Xe, {
+    return (e, t) => (T(), H(Xe, {
       "chart-options": e.chartOptions,
       context: e.context,
       height: e.height,
@@ -971,7 +971,7 @@ const xi = () => {
 }), Hi = ["data-testid"], Oi = {
   key: 0,
   class: "tile-header"
-}, Li = ["data-testid"], Mi = ["data-testid"], Ii = ["data-testid"], Pi = ["data-testid"], qi = /* @__PURE__ */ G({
+}, Li = ["data-testid"], Mi = ["data-testid"], Ii = ["data-testid"], Pi = ["data-testid"], qi = /* @__PURE__ */ U({
   __name: "DashboardTile",
   props: {
     definition: {},
@@ -990,10 +990,10 @@ const xi = () => {
     Ke(async () => {
       var b;
       g.value = await ((b = r == null ? void 0 : r.exploreBaseUrl) == null ? void 0 : b.call(r)) ?? "";
-    }), Ue(() => i.definition, async () => {
+    }), Ge(() => i.definition, async () => {
       await yt(), h.value && (f.value = h.value.scrollWidth > h.value.clientWidth);
     }, { immediate: !0, deep: !0 });
-    const m = H(() => {
+    const m = A(() => {
       if (!g.value || !i.definition.query || !C.value)
         return "";
       const b = [...i.context.filters, ...i.definition.query.filters ?? []], se = i.definition.query.dimensions ?? [], Y = /* @__PURE__ */ new Set(["portal", "api"]);
@@ -1004,10 +1004,10 @@ const xi = () => {
         metrics: i.definition.query.metrics ?? [],
         dimensions: se,
         time_range: i.definition.query.time_range || i.context.timeSpec,
-        granularity: i.definition.query.granularity || A.value
+        granularity: i.definition.query.granularity || S.value
       }, ye = ["advanced", "ai"].includes(i.definition.query.datasource) ? i.definition.query.datasource : "advanced";
       return `${g.value}?q=${JSON.stringify(qe)}&d=${ye}&c=${i.definition.chart.type}`;
-    }), y = H(() => n.t("csvExport.defaultFilename")), p = H(() => C.value && (S.value || i.context.editable) || !!E.value), C = H(() => d && !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), S = H(() => !!m.value || "allowCsvExport" in i.definition.chart && i.definition.chart.allowCsvExport || i.context.editable), R = {
+    }), y = A(() => n.t("csvExport.defaultFilename")), p = A(() => C.value && (k.value || i.context.editable) || !!x.value), C = A(() => d && !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), k = A(() => !!m.value || "allowCsvExport" in i.definition.chart && i.definition.chart.allowCsvExport || i.context.editable), R = {
       timeseries_line: lt,
       timeseries_bar: lt,
       horizontal_bar: at,
@@ -1018,7 +1018,7 @@ const xi = () => {
       top_n: Ni,
       slottable: void 0,
       single_value: ot
-    }, x = H(() => {
+    }, E = A(() => {
       const b = R[i.definition.chart.type];
       return b && {
         component: b,
@@ -1031,20 +1031,20 @@ const xi = () => {
           refreshCounter: i.refreshCounter
         }
       };
-    }), E = H(() => {
+    }), x = A(() => {
       var se;
       const b = (se = i.definition.query) == null ? void 0 : se.time_range;
       if ((b == null ? void 0 : b.type) === "relative") {
-        const Y = wt.get(Ut[b.time_range]);
+        const Y = wt.get(Gt[b.time_range]);
         return Y ? Y.display : (console.warn("Did not recognize the given relative time range:", b.time_range), b.time_range);
       } else if ((b == null ? void 0 : b.type) === "absolute") {
         const Y = b.tz || "Etc/UTC";
         return `${it(b.start, { short: !0, tz: Y })} - ${it(b.end, { short: !0, tz: Y })}`;
       }
       return null;
-    }), A = H(() => l.value ? Wt(l.value.meta.granularity_ms) : void 0), k = () => {
+    }), S = A(() => l.value ? Wt(l.value.meta.granularity_ms) : void 0), q = () => {
       s("edit-tile", i.definition);
-    }, U = () => {
+    }, G = () => {
       s("remove-tile", i.definition);
     }, Te = (b) => {
       l.value = b;
@@ -1059,14 +1059,14 @@ const xi = () => {
         class: We(["tile-boundary", { editable: b.context.editable }]),
         "data-testid": `tile-${b.tileId}`
       }, [
-        D(d) && b.definition.chart.type !== "slottable" ? (T(), $("div", Oi, [
+        z(d) && b.definition.chart.type !== "slottable" ? (T(), $("div", Oi, [
           te(Y, {
             class: "title-tooltip",
             disabled: !f.value,
             "max-width": "500",
             text: b.definition.chart.chartTitle
           }, {
-            default: I(() => [
+            default: M(() => [
               he("div", {
                 ref_key: "titleRef",
                 ref: h,
@@ -1080,63 +1080,63 @@ const xi = () => {
             class: "tile-actions",
             "data-testid": `tile-actions-${b.tileId}`
           }, [
-            E.value ? (T(), O(qe, { key: 0 }, {
-              default: I(() => [
-                _e(ee(E.value), 1)
+            x.value ? (T(), H(qe, { key: 0 }, {
+              default: M(() => [
+                _e(ee(x.value), 1)
               ]),
               _: 1
             })) : X("", !0),
-            C.value && b.context.editable ? (T(), O(D(ti), {
+            C.value && b.context.editable ? (T(), H(z(ti), {
               key: 1,
               class: "edit-icon",
-              color: D(ht),
+              color: z(ht),
               "data-testid": `edit-tile-${b.tileId}`,
-              size: D(dt),
-              onClick: k
+              size: z(dt),
+              onClick: q
             }, null, 8, ["color", "data-testid", "size"])) : X("", !0),
-            C.value && S.value ? (T(), O(re, {
+            C.value && k.value ? (T(), H(re, {
               key: 2,
               class: "dropdown",
               "data-testid": `chart-action-menu-${b.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
-              items: I(() => [
-                m.value ? (T(), O(ye, {
+              items: M(() => [
+                m.value ? (T(), H(ye, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${b.tileId}`,
-                  item: { label: D(n).t("jumpToExplore"), to: m.value }
+                  item: { label: z(n).t("jumpToExplore"), to: m.value }
                 }, null, 8, ["data-testid", "item"])) : X("", !0),
-                "allowCsvExport" in b.definition.chart && b.definition.chart.allowCsvExport ? (T(), O(ye, {
+                "allowCsvExport" in b.definition.chart && b.definition.chart.allowCsvExport ? (T(), H(ye, {
                   key: 1,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${b.tileId}`,
                   onClick: se[0] || (se[0] = (ts) => Ot())
                 }, {
-                  default: I(() => [
+                  default: M(() => [
                     he("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${b.tileId}`
-                    }, ee(D(n).t("csvExport.exportAsCsv")), 9, Mi)
+                    }, ee(z(n).t("csvExport.exportAsCsv")), 9, Mi)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0),
-                b.context.editable ? (T(), O(ye, {
+                b.context.editable ? (T(), H(ye, {
                   key: 2,
                   "data-testid": `remove-tile-${b.tileId}`,
-                  onClick: U
+                  onClick: G
                 }, {
-                  default: I(() => [
-                    _e(ee(D(n).t("renderer.remove")), 1)
+                  default: M(() => [
+                    _e(ee(z(n).t("renderer.remove")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0)
               ]),
-              default: I(() => [
-                te(D(ii), {
+              default: M(() => [
+                te(z(ii), {
                   class: "kebab-action-menu",
-                  color: D(ht),
+                  color: z(ht),
                   "data-testid": `kebab-action-menu-${b.tileId}`,
-                  size: D(dt)
+                  size: z(dt)
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
@@ -1146,7 +1146,7 @@ const xi = () => {
             class: "header-description",
             "data-testid": `tile-description-${b.tileId}`
           }, ee(b.definition.chart.description), 9, Ii)) : X("", !0),
-          a.value ? (T(), O(D(Xt), {
+          a.value ? (T(), H(z(Xt), {
             key: 2,
             "chart-data": l.value,
             "data-testid": `csv-export-modal-${b.tileId}`,
@@ -1158,7 +1158,7 @@ const xi = () => {
           class: "tile-content",
           "data-testid": `tile-content-${b.tileId}`
         }, [
-          x.value ? (T(), O(vt(x.value.component), pt({ key: 0 }, x.value.rendererProps, { onChartData: Te }), null, 16)) : X("", !0)
+          E.value ? (T(), H(vt(E.value.component), pt({ key: 0 }, E.value.rendererProps, { onChartData: Te }), null, 16)) : X("", !0)
         ], 8, Pi)
       ], 10, Hi);
     };
@@ -1173,7 +1173,7 @@ const xi = () => {
   for (let r = 0; r < u; r++)
     i.get(r) ? s.push("auto") : s.push(`${e}px`);
   return s;
-}, Fi = /* @__PURE__ */ G({
+}, Fi = /* @__PURE__ */ U({
   __name: "GridLayout",
   props: {
     gridSize: {
@@ -1202,13 +1202,13 @@ const xi = () => {
     });
     Ke(() => {
       t.value && s.observe(t.value);
-    }), Ge(() => {
+    }), Ue(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = H(() => {
+    const r = A(() => {
       var d;
       return $i((d = e.gridSize) == null ? void 0 : d.rows, e.tileHeight, e.tiles).join(" ");
-    }), o = H(() => e.tiles.map((n, d) => ({
+    }), o = A(() => e.tiles.map((n, d) => ({
       key: `tile-${d}`,
       tile: n,
       style: {
@@ -1237,8 +1237,8 @@ const xi = () => {
       ], 6))), 128))
     ], 512));
   }
-}), Gi = /* @__PURE__ */ le(Fi, [["__scopeId", "data-v-f43eb7b8"]]);
-function Ui(u, e, t, i, s) {
+}), Ui = /* @__PURE__ */ le(Fi, [["__scopeId", "data-v-f43eb7b8"]]);
+function Gi(u, e, t, i, s) {
   const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(u, o));
   return r.prototype = e.prototype, r;
 }
@@ -2756,7 +2756,7 @@ class Vi {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const P = new Vi();
+const I = new Vi();
 class _ {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -2946,8 +2946,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     t.column === "auto" && (d = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
     let l = r.el.querySelector(".grid-stack-item-content"), a, 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 ? a = _.addRemoveCB(this.el, h, !0, !1) : (a = c.createDiv(["grid-stack-item"]), a.appendChild(l), l = c.createDiv(["grid-stack-item-content"], r.el)), this._prepareDragDropByNode(r)), i) {
-      const p = d ? t.column : r.w, C = r.h + i.h, S = r.el.style;
-      S.transition = "none", this.update(r.el, { w: p, h: C }), setTimeout(() => S.transition = null);
+      const p = d ? t.column : r.w, C = r.h + i.h, k = r.el.style;
+      k.transition = "none", this.update(r.el, { w: p, h: C }), setTimeout(() => k.transition = null);
     }
     const f = r.subGrid = _.addGrid(l, t);
     return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(a, h), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
@@ -3639,7 +3639,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   /** get the global (but static to this code) DD implementation */
   static getDD() {
-    return P;
+    return I;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -3652,7 +3652,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static setupDragIn(e, t, i, s = document) {
     (t == null ? void 0 : t.pause) !== void 0 && (w.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
-      P.isDraggable(o) || P.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
+      I.isDraggable(o) || I.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
     });
   }
   /**
@@ -3731,12 +3731,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return P.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return I.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
   }
   /** @internal called to add drag over to support widgets being added externally */
   _setupAcceptWidget() {
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
-      return P.droppable(this.el, "destroy"), this;
+      return I.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, o) => {
       var f;
@@ -3761,7 +3761,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (n._temporaryRemoved) {
         if (n.x = Math.max(0, Math.round(l / t)), n.y = Math.max(0, Math.round(d / e)), delete n.autoPosition, this.engine.nodeBoundFix(n), !this.engine.willItFit(n)) {
           if (n.autoPosition = !0, !this.engine.willItFit(n)) {
-            P.off(r, "drag");
+            I.off(r, "drag");
             return;
           }
           n._willFitPos && (c.copyPos(n, n._willFitPos), delete n._willFitPos);
@@ -3770,7 +3770,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(o, s, h, n, t, e);
     };
-    return P.droppable(this.el, {
+    return I.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -3809,7 +3809,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       n.grid || (n.el || (n = { ...n }), n._isExternal = !0, o.gridstackNode = n);
       const 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), P.on(r, "drag", i), i(s, r, o), !1;
+      n._temporaryRemoved = !0) : (n.w = d, n.h = l, n._temporaryRemoved = !0), _._itemRemoving(n.el, !1), I.on(r, "drag", i), i(s, r, o), !1;
     }).on(this.el, "dropout", (s, r, o) => {
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       return n && (!n.grid || n.grid === this) && (this._leave(r, o), this._isTemp && this.removeAsSubGrid(n)), !1;
@@ -3827,7 +3827,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const p = h.grid;
         p.engine.removeNodeFromLayoutCache(h), p.engine.removedNodes.push(h), p._triggerRemoveEvent()._triggerChangeEvent(), p.parentGridNode && !p.engine.nodes.length && p.opts.subGridDynamic && p.removeAsSubGrid();
       }
-      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (g = n.grid) == null || delete g._isTemp, P.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
+      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (g = n.grid) == null || delete g._isTemp, I.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
         return !1;
       const f = (y = (m = n.subGrid) == null ? void 0 : m.el) == null ? void 0 : y.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), a && this.setAnimation(this.opts.animate, !0), !1;
@@ -3845,7 +3845,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (typeof this.opts.removable != "string")
       return this;
     const e = document.querySelector(this.opts.removable);
-    return e ? (!this.opts.staticGrid && !P.isDroppable(e) && P.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => _._itemRemoving(i, !0)).on(e, "dropout", (t, i) => _._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !I.isDroppable(e) && I.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => _._itemRemoving(i, !0)).on(e, "dropout", (t, i) => _._itemRemoving(i, !1)), this) : this;
   }
   /** @internal prepares the element for drag&drop */
   _prepareDragDropByNode(e) {
@@ -3870,7 +3870,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), a.type === "resizestop" && (Number.isInteger(e.sizeToContent) && (e.sizeToContent = e.h), this.resizeToContentCheck(h, e));
         }
       };
-      P.draggable(t, {
+      I.draggable(t, {
         start: n,
         stop: l,
         drag: d
@@ -3880,7 +3880,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: d
       }), e._initDD = !0;
     }
-    return P.draggable(t, i ? "disable" : "enable").resizable(t, s ? "disable" : "enable"), this;
+    return I.draggable(t, i ? "disable" : "enable").resizable(t, s ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, o) {
@@ -3899,7 +3899,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, o, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const d = this.getColumn() - s.x, l = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      P.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, l)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, l)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      I.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, l)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, l)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
@@ -3912,13 +3912,13 @@ 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 C = i.position.left + (i.position.left > s._lastUiPosition.left ? -a : l), S = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : h);
-      n.x = Math.round(C / r), n.y = Math.round(S / o);
+      const C = i.position.left + (i.position.left > s._lastUiPosition.left ? -a : l), k = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : h);
+      n.x = Math.round(C / r), n.y = Math.round(k / o);
       const R = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        const x = this.getRow();
-        let E = Math.max(0, n.y + s.h - x);
-        this.opts.maxRow && x + E > this.opts.maxRow && (E = Math.max(0, this.opts.maxRow - x)), this._extraDragRow = E;
+        const E = this.getRow();
+        let x = Math.max(0, n.y + s.h - E);
+        this.opts.maxRow && E + x > this.opts.maxRow && (x = Math.max(0, this.opts.maxRow - E)), this._extraDragRow = x;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== R && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
@@ -3949,11 +3949,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    i && (t.style.transform = t.style.transformOrigin = null, P.off(e, "drag"), !i._temporaryRemoved && (i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e, i._isExternal && this.engine.cleanupNode(i), this.opts.removable === !0 && _._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial()));
+    i && (t.style.transform = t.style.transformOrigin = null, I.off(e, "drag"), !i._temporaryRemoved && (i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e, i._isExternal && this.engine.cleanupNode(i), this.opts.removable === !0 && _._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial()));
   }
   // legacy method removed
   commit() {
-    return Ui(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Gi(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 _.renderCB = (u, e) => {
@@ -3963,7 +3963,7 @@ _.resizeToContentParent = ".grid-stack-item-content";
 _.Utils = c;
 _.Engine = Q;
 _.GDRev = "11.3.0";
-const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { class: "grid-stack-item-content" }, ji = /* @__PURE__ */ G({
+const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { class: "grid-stack-item-content" }, ji = /* @__PURE__ */ U({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
@@ -4002,7 +4002,7 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
         resizable: { handles: "se, sw" },
         handle: ".tile-header"
       }, r.value), n.on("change", a), n.on("added", a), n.on("removed", h));
-    }), Ge(() => {
+    }), Ue(() => {
       n && n.destroy(!1);
     });
     const f = (g) => {
@@ -4011,7 +4011,7 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
         m && n.removeWidget(m);
       }
     };
-    return Ue(() => i.tiles.length, async (g, m) => {
+    return Ge(() => i.tiles.length, async (g, m) => {
       if (g > m && n) {
         const y = i.tiles.slice(m);
         for (const p of y)
@@ -4050,7 +4050,7 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
 }), Qi = /* @__PURE__ */ le(ji, [["__scopeId", "data-v-c88d02bb"]]), Ji = { class: "kong-ui-public-dashboard-renderer" }, Zi = {
   key: 0,
   class: "tile-container slottable-tile"
-}, es = /* @__PURE__ */ G({
+}, es = /* @__PURE__ */ U({
   __name: "DashboardRenderer",
   props: /* @__PURE__ */ tt({
     context: {}
@@ -4062,68 +4062,65 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
   setup(u, { expose: e, emit: t }) {
     const i = u, s = t, r = $t(u, "modelValue"), { i18n: o } = ie.useI18n(), n = B(0), d = B(null), l = pe(ae);
     l || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), ie.useRequestQueue();
-    const a = Et(), h = H(() => i.context.timeSpec ? i.context.timeSpec : {
+    const a = Et(), h = A(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
       time_range: a.defaultQueryTimeForOrg
-    }), f = H(() => !!i.context.timeSpec || !a.loading), g = (x, E) => {
-      const A = x.layout.position.row - E.layout.position.row;
-      return A !== 0 ? A : x.layout.position.col - E.layout.position.col;
-    }, m = H(() => r.value.tiles.map((x, E) => {
-      var k;
-      let A = x.definition;
-      if ("description" in A.chart) {
-        const U = (k = A.chart.description) == null ? void 0 : k.replace(ci, () => {
+    }), f = A(() => !!i.context.timeSpec || !a.loading), g = (E, x) => {
+      const S = E.layout.position.row - x.layout.position.row;
+      return S !== 0 ? S : E.layout.position.col - x.layout.position.col;
+    }, m = A(() => r.value.tiles.map((E, x) => {
+      var q;
+      let S = E.definition;
+      if ("description" in S.chart) {
+        const G = (q = S.chart.description) == null ? void 0 : q.replace(ci, () => {
           const me = `renderer.trendRange.${h.value.type === "absolute" ? "custom" : h.value.time_range}`;
           return o.te(me) ? o.t(me) : "";
         });
-        A = {
-          ...A,
+        S = {
+          ...S,
           chart: {
-            ...A.chart,
-            description: U
+            ...S.chart,
+            description: G
           }
         };
       }
-      return i.context.editable && !x.id && console.warn(
+      return i.context.editable && !E.id && console.warn(
         "No id provided for tile. One will be generated automatically,",
         "however tracking changes to this tile may not work as expected.",
-        x
+        E
       ), {
-        layout: x.layout,
-        meta: A,
+        layout: E.layout,
+        meta: S,
         // Add a unique key to each tile internally.
-        id: x.id ?? crypto.randomUUID()
+        id: E.id ?? crypto.randomUUID()
       };
-    })), y = H(() => {
-      let { tz: x, refreshInterval: E, editable: A } = i.context;
-      return x || (x = new Intl.DateTimeFormat().resolvedOptions().timeZone), E === void 0 && (E = fi), A === void 0 && (A = !1), {
+    })), y = A(() => {
+      let { tz: E, refreshInterval: x, editable: S } = i.context;
+      return E || (E = new Intl.DateTimeFormat().resolvedOptions().timeZone), x === void 0 && (x = fi), S === void 0 && (S = !1), {
         ...i.context,
-        tz: x,
+        tz: E,
         timeSpec: h.value,
-        refreshInterval: E,
-        editable: A
+        refreshInterval: x,
+        editable: S
       };
-    }), p = (x) => {
-      s("edit-tile", x);
-    }, C = (x) => {
-      d.value && d.value.removeWidget(x.id);
-    }, S = () => {
+    }), p = (E) => {
+      s("edit-tile", E);
+    }, C = (E) => {
+      d.value && d.value.removeWidget(E.id);
+    }, k = () => {
       n.value++;
-    }, R = (x) => {
-      const E = x.map((k) => ({
-        id: k.id,
-        layout: k.layout,
-        definition: k.meta
-      })), A = {
-        cols: Math.max(2, ...E.map((k) => k.layout.position.col + k.layout.size.cols)),
-        rows: Math.max(1, ...E.map((k) => k.layout.position.row + k.layout.size.rows))
-      };
-      r.value.gridSize = A, r.value.tiles = E.sort(g);
+    }, R = (E) => {
+      const x = E.map((S) => ({
+        id: S.id,
+        layout: S.layout,
+        definition: S.meta
+      }));
+      r.value.gridSize.rows = Math.max(1, ...x.map((S) => S.layout.position.row + S.layout.size.rows)), r.value.tiles = x.sort(g);
     };
-    return e({ refresh: S }), (x, E) => {
-      const A = oe("KAlert");
+    return e({ refresh: k }), (E, x) => {
+      const S = oe("KAlert");
       return T(), $("div", Ji, [
-        D(l) ? (T(), O(vt(x.context.editable ? Qi : Gi), {
+        z(l) ? (T(), H(vt(E.context.editable ? Qi : Ui), {
           key: 1,
           ref_key: "gridLayoutRef",
           ref: d,
@@ -4132,43 +4129,43 @@ const Yi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Xi = { cl
           tiles: m.value,
           onUpdateTiles: R
         }, {
-          tile: I(({ tile: k }) => [
-            k.meta.chart.type === "slottable" ? (T(), $("div", Zi, [
-              Me(x.$slots, k.meta.chart.id, {}, void 0, !0)
-            ])) : (T(), O(Bi, {
+          tile: M(({ tile: q }) => [
+            q.meta.chart.type === "slottable" ? (T(), $("div", Zi, [
+              Me(E.$slots, q.meta.chart.id, {}, void 0, !0)
+            ])) : (T(), H(Bi, {
               key: 1,
               class: "tile-container",
               context: y.value,
-              definition: k.meta,
-              height: k.layout.size.rows * (r.value.tileHeight || D(Ve)) + parseInt(D(At), 10),
+              definition: q.meta,
+              height: q.layout.size.rows * (r.value.tileHeight || z(Ve)) + parseInt(z(At), 10),
               "query-ready": f.value,
               "refresh-counter": n.value,
-              "tile-id": k.id,
-              onEditTile: (U) => p(k),
-              onRemoveTile: (U) => C(k)
+              "tile-id": q.id,
+              onEditTile: (G) => p(q),
+              onRemoveTile: (G) => C(q)
             }, null, 8, ["context", "definition", "height", "query-ready", "refresh-counter", "tile-id", "onEditTile", "onRemoveTile"]))
           ]),
           _: 3
-        }, 40, ["grid-size", "tile-height", "tiles"])) : (T(), O(A, {
+        }, 40, ["grid-size", "tile-height", "tiles"])) : (T(), H(S, {
           key: 0,
           appearance: "danger"
         }, {
-          default: I(() => [
-            _e(ee(D(o).t("renderer.noQueryBridge")), 1)
+          default: M(() => [
+            _e(ee(z(o).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))
       ]);
     };
   }
-}), cs = /* @__PURE__ */ le(es, [["__scopeId", "data-v-6ad939cd"]]);
+}), cs = /* @__PURE__ */ le(es, [["__scopeId", "data-v-ab93c61b"]]);
 export {
   ui as CP_ID_TOKEN,
   Ve as DEFAULT_TILE_HEIGHT,
   fi as DEFAULT_TILE_REFRESH_INTERVAL_MS,
   cs as DashboardRenderer,
   st as ENTITY_ID_TOKEN,
-  Gi as GridLayout,
+  Ui as GridLayout,
   ae as INJECT_QUERY_PROVIDER,
   ci as TIMEFRAME_TOKEN
 };