@kong-ui-public/dashboard-renderer 6.1.2 → 6.1.4

package/dist/dashboard-renderer.es.js

@@ -13,7 +13,7 @@ var ye = (u, e, t, i) => ({
     return _(u, e, i);
   }
 });
-import { ref as U, watchEffect as vt, inject as pe, provide as Gt, defineComponent as K, onUnmounted as Fe, computed as A, watch as We, resolveComponent as oe, createBlock as O, renderSlot as Le, createCommentVNode as Y, unref as z, openBlock as C, withCtx as I, createTextVNode as Me, toDisplayString as J, useCssVars as Ve, createElementVNode as re, normalizeClass as Ke, createVNode as ie, mergeProps as _t, createSlots as Ye, createElementBlock as F, normalizeProps as Ut, guardReactiveProps as Ft, defineAsyncComponent as Wt, onMounted as Xe, nextTick as wt, resolveDynamicComponent as bt, Fragment as Et, renderList as xt, normalizeStyle as rt, mergeModels as nt, useModel as Vt } from "vue";
+import { ref as U, watchEffect as vt, inject as pe, provide as Gt, defineComponent as K, onUnmounted as Fe, computed as A, watch as We, resolveComponent as oe, createBlock as O, renderSlot as Le, createCommentVNode as Y, unref as D, openBlock as R, withCtx as I, createTextVNode as Me, toDisplayString as J, useCssVars as Ve, createElementVNode as re, normalizeClass as Ke, createVNode as ie, mergeProps as _t, createSlots as Ye, createElementBlock as F, normalizeProps as Ut, guardReactiveProps as Ft, defineAsyncComponent as Wt, onMounted as Xe, nextTick as wt, resolveDynamicComponent as bt, Fragment as Et, renderList as xt, normalizeStyle as rt, mergeModels as nt, useModel as Vt } from "vue";
 import { stripUnknownFilters as Kt, Timeframe as Yt, TimePeriods as Ct, TIMEFRAME_LOOKUP as Xt, formatTime as ot, msToGranularity as $e } from "@kong-ui-public/analytics-utilities";
 import { SimpleChart as jt, AnalyticsChart as Qt, TopNTable as Zt, CsvExportModal as Jt } from "@kong-ui-public/analytics-chart";
 import ei from "swrv";
@@ -77,7 +77,9 @@ const di = {
   remove: "Remove",
   delete: "Delete"
 }, ui = {
-  timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
+  forbidden: "You do not have permission to query this data.",
+  timeRangeExceeded: "The time range for this report is outside of your organization's data retention period",
+  timeout: "Query timed out.  Consider querying a shorter time range."
 }, ci = {
   defaultFilename: "Chart export",
   exportAsCsv: "Export as CSV"
@@ -159,9 +161,9 @@ var Dt = { exports: {} };
   }, n.prototype.emit = function(h, a, l, f, m, p) {
     var y = t ? t + h : h;
     if (!this._events[y]) return !1;
-    var g = this._events[y], R = arguments.length, k, x;
+    var g = this._events[y], T = arguments.length, k, x;
     if (g.fn) {
-      switch (g.once && this.removeListener(h, g.fn, void 0, !0), R) {
+      switch (g.once && this.removeListener(h, g.fn, void 0, !0), T) {
         case 1:
           return g.fn.call(g.context), !0;
         case 2:
@@ -175,13 +177,13 @@ var Dt = { exports: {} };
         case 6:
           return g.fn.call(g.context, a, l, f, m, p), !0;
       }
-      for (x = 1, k = new Array(R - 1); x < R; x++)
+      for (x = 1, k = new Array(T - 1); x < T; x++)
         k[x - 1] = arguments[x];
       g.fn.apply(g.context, k);
     } else {
-      var L = g.length, D;
+      var L = g.length, C;
       for (x = 0; x < L; x++)
-        switch (g[x].once && this.removeListener(h, g[x].fn, void 0, !0), R) {
+        switch (g[x].once && this.removeListener(h, g[x].fn, void 0, !0), T) {
           case 1:
             g[x].fn.call(g[x].context);
             break;
@@ -195,8 +197,8 @@ var Dt = { exports: {} };
             g[x].fn.call(g[x].context, a, l, f);
             break;
           default:
-            if (!k) for (D = 1, k = new Array(R - 1); D < R; D++)
-              k[D - 1] = arguments[D];
+            if (!k) for (C = 1, k = new Array(T - 1); C < T; C++)
+              k[C - 1] = arguments[C];
             g[x].fn.apply(g[x].context, k);
         }
     }
@@ -214,7 +216,7 @@ var Dt = { exports: {} };
     if (p.fn)
       p.fn === a && (!f || p.once) && (!l || p.context === l) && o(this, m);
     else {
-      for (var y = 0, g = [], R = p.length; y < R; y++)
+      for (var y = 0, g = [], T = p.length; y < T; y++)
         (p[y].fn !== a || f && !p[y].once || l && p[y].context !== l) && g.push(p[y]);
       g.length ? this._events[m] = g.length === 1 ? g[0] : g : o(this, m);
     }
@@ -336,13 +338,13 @@ class Di {
   }
 }
 X = new WeakMap();
-var de, ue, ne, we, ce, be, j, fe, G, Ee, Q, ge, se, xe, Oe, T, kt, Nt, At, Ht, Ot, Te, Ge, Ue, ze, Lt, De;
+var de, ue, ne, we, ce, be, j, fe, G, Ee, Q, ge, se, xe, Oe, z, kt, Nt, At, Ht, Ot, Te, Ge, Ue, ze, Lt, De;
 class Si extends Ci {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
-    M(this, T);
+    M(this, z);
     M(this, de);
     M(this, ue);
     M(this, ne, 0);
@@ -386,7 +388,7 @@ class Si extends Ci {
   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})`);
-    H(this, ge, t), P(this, T, ze).call(this);
+    H(this, ge, t), P(this, z, 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.
@@ -439,7 +441,7 @@ class Si extends Ci {
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
-          i.timeout && (n = Ti(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, P(this, T, Lt).call(this, i.signal)]));
+          i.timeout && (n = Ti(Promise.resolve(n), { milliseconds: i.timeout })), i.signal && (n = Promise.race([n, P(this, z, Lt).call(this, i.signal)]));
           const d = await n;
           s(d), this.emit("completed", d);
         } catch (n) {
@@ -449,9 +451,9 @@ class Si extends Ci {
           }
           r(n), this.emit("error", n);
         } finally {
-          P(this, T, At).call(this);
+          P(this, z, At).call(this);
         }
-      }, i), this.emit("add"), P(this, T, Te).call(this);
+      }, i), this.emit("add"), P(this, z, Te).call(this);
     });
   }
   async addAll(t, i) {
@@ -461,7 +463,7 @@ class Si extends Ci {
   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, se) ? (H(this, se, !1), P(this, T, ze).call(this), this) : this;
+    return _(this, se) ? (H(this, se, !1), P(this, z, ze).call(this), this) : this;
   }
   /**
   Put queue execution on hold.
@@ -481,7 +483,7 @@ class Si extends Ci {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    _(this, G).size !== 0 && await P(this, T, De).call(this, "empty");
+    _(this, G).size !== 0 && await P(this, z, De).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -491,7 +493,7 @@ class Si extends Ci {
       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, G).size < t || await P(this, T, De).call(this, "next", () => _(this, G).size < t);
+    _(this, G).size < t || await P(this, z, De).call(this, "next", () => _(this, G).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.
@@ -499,7 +501,7 @@ class Si extends Ci {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    _(this, Q) === 0 && _(this, G).size === 0 || await P(this, T, De).call(this, "idle");
+    _(this, Q) === 0 && _(this, G).size === 0 || await P(this, z, De).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
@@ -528,14 +530,14 @@ class Si extends Ci {
     return _(this, se);
   }
 }
-de = new WeakMap(), ue = new WeakMap(), ne = new WeakMap(), we = new WeakMap(), ce = new WeakMap(), be = new WeakMap(), j = new WeakMap(), fe = new WeakMap(), G = new WeakMap(), Ee = new WeakMap(), Q = new WeakMap(), ge = new WeakMap(), se = new WeakMap(), xe = new WeakMap(), Oe = new WeakMap(), T = new WeakSet(), kt = function() {
+de = new WeakMap(), ue = new WeakMap(), ne = new WeakMap(), we = new WeakMap(), ce = new WeakMap(), be = new WeakMap(), j = new WeakMap(), fe = new WeakMap(), G = new WeakMap(), Ee = new WeakMap(), Q = new WeakMap(), ge = new WeakMap(), se = new WeakMap(), xe = new WeakMap(), Oe = new WeakMap(), z = new WeakSet(), kt = function() {
   return _(this, ue) || _(this, ne) < _(this, we);
 }, Nt = function() {
   return _(this, Q) < _(this, ge);
 }, At = function() {
-  ye(this, Q)._--, P(this, T, Te).call(this), this.emit("next");
+  ye(this, Q)._--, P(this, z, Te).call(this), this.emit("next");
 }, Ht = function() {
-  P(this, T, Ue).call(this), P(this, T, Ge).call(this), H(this, fe, void 0);
+  P(this, z, Ue).call(this), P(this, z, Ge).call(this), H(this, fe, void 0);
 }, Ot = function() {
   const t = Date.now();
   if (_(this, j) === void 0) {
@@ -544,7 +546,7 @@ de = new WeakMap(), ue = new WeakMap(), ne = new WeakMap(), we = new WeakMap(),
       H(this, ne, _(this, de) ? _(this, Q) : 0);
     else
       return _(this, fe) === void 0 && H(this, fe, setTimeout(() => {
-        P(this, T, Ht).call(this);
+        P(this, z, Ht).call(this);
       }, i)), !0;
   }
   return !1;
@@ -552,24 +554,24 @@ de = new WeakMap(), ue = new WeakMap(), ne = new WeakMap(), we = new WeakMap(),
   if (_(this, G).size === 0)
     return _(this, j) && clearInterval(_(this, j)), H(this, j, void 0), this.emit("empty"), _(this, Q) === 0 && this.emit("idle"), !1;
   if (!_(this, se)) {
-    const t = !_(this, T, Ot);
-    if (_(this, T, kt) && _(this, T, Nt)) {
+    const t = !_(this, z, Ot);
+    if (_(this, z, kt) && _(this, z, Nt)) {
       const i = _(this, G).dequeue();
-      return i ? (this.emit("active"), i(), t && P(this, T, Ge).call(this), !0) : !1;
+      return i ? (this.emit("active"), i(), t && P(this, z, Ge).call(this), !0) : !1;
     }
   }
   return !1;
 }, Ge = function() {
   _(this, ue) || _(this, j) !== void 0 || (H(this, j, setInterval(() => {
-    P(this, T, Ue).call(this);
+    P(this, z, Ue).call(this);
   }, _(this, ce))), H(this, be, Date.now() + _(this, ce)));
 }, Ue = function() {
-  _(this, ne) === 0 && _(this, Q) === 0 && _(this, j) && (clearInterval(_(this, j)), H(this, j, void 0)), H(this, ne, _(this, de) ? _(this, Q) : 0), P(this, T, ze).call(this);
+  _(this, ne) === 0 && _(this, Q) === 0 && _(this, j) && (clearInterval(_(this, j)), H(this, j, void 0)), H(this, ne, _(this, de) ? _(this, Q) : 0), P(this, z, ze).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
 ze = function() {
-  for (; P(this, T, Te).call(this); )
+  for (; P(this, z, Te).call(this); )
     ;
 }, Lt = async function(t) {
   return new Promise((i, s) => {
@@ -622,18 +624,18 @@ const ki = () => {
     Fe(() => {
       n.abort();
     });
-    const d = (R, k, x) => {
+    const d = (T, k, x) => {
       const L = [];
-      return k && L.push(...k), L.push(...Kt(R, x)), L;
+      return k && L.push(...k), L.push(...Kt(T, x)), L;
     }, { data: h, error: a, isValidating: l } = ei(o, async () => {
-      var R, k, x, L;
+      var T, k, x, L;
       try {
         let {
-          datasource: D,
+          datasource: C,
           ...E
         } = t.query;
-        D || (D = "basic");
-        const N = d(D, t.query.filters, t.context.filters);
+        C || (C = "basic");
+        const N = d(C, t.query.filters, t.context.filters);
         let S = t.query.time_range;
         S ? S.tz || (S = {
           ...S,
@@ -643,16 +645,16 @@ const ki = () => {
           tz: t.context.tz
         };
         const q = {
-          datasource: D,
+          datasource: C,
           query: {
             ...E,
             time_range: S,
             filters: N
           }
         };
-        return r == null ? void 0 : r.queryFn(q, n);
-      } catch (D) {
-        p.value = ((k = (R = D == null ? void 0 : D.response) == null ? void 0 : R.data) == null ? void 0 : k.message) === "Range not allowed for this tier" ? s.t("queryDataProvider.timeRangeExceeded") : ((L = (x = D == null ? void 0 : D.response) == null ? void 0 : x.data) == null ? void 0 : L.message) || (D == null ? void 0 : D.message);
+        return await (r == null ? void 0 : r.queryFn(q, n));
+      } catch (C) {
+        throw (C == null ? void 0 : C.status) === 403 ? p.value = s.t("queryDataProvider.forbidden") : (C == null ? void 0 : C.status) === 408 ? p.value = s.t("queryDataProvider.timeout") : ((k = (T = C == null ? void 0 : C.response) == null ? void 0 : T.data) == null ? void 0 : k.message) === "Range not allowed for this tier" ? p.value = s.t("queryDataProvider.timeRangeExceeded") : p.value = ((L = (x = C == null ? void 0 : C.response) == null ? void 0 : x.data) == null ? void 0 : L.message) || (C == null ? void 0 : C.message), C;
       } finally {
         i("queryComplete");
       }
@@ -660,15 +662,15 @@ const ki = () => {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1
     }), { state: f, swrvState: m } = hi(h, a, l), p = U(null), y = A(() => f.value === m.ERROR || !!p.value), g = A(() => !t.queryReady || f.value === m.PENDING);
-    return We(h, (R) => {
-      R && i("chart-data", R);
-    }), (R, k) => {
+    return We(h, (T) => {
+      T && i("chart-data", T);
+    }), (T, k) => {
       const x = oe("KSkeleton"), L = oe("KEmptyState");
-      return g.value || !z(h) && !y.value ? (C(), O(x, {
+      return g.value || !D(h) && !y.value ? (R(), O(x, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : y.value ? (C(), O(L, {
+      })) : y.value ? (R(), O(L, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state",
@@ -678,9 +680,9 @@ const ki = () => {
           Me(J(p.value), 1)
         ]),
         _: 1
-      })) : z(h) ? Le(R.$slots, "default", {
+      })) : D(h) ? Le(T.$slots, "default", {
         key: 2,
-        data: z(h)
+        data: D(h)
       }) : Y("", !0);
     };
   }
@@ -699,7 +701,7 @@ const ki = () => {
       "088169ae": `${i.height}px`
     }));
     const e = u, t = A(() => e.chartOptions.type === "single_value");
-    return (i, s) => (C(), O(je, {
+    return (i, s) => (R(), O(je, {
       context: i.context,
       query: i.query,
       "query-ready": i.queryReady,
@@ -709,7 +711,7 @@ const ki = () => {
         re("div", {
           class: Ke(["analytics-chart", { "single-value": t.value }])
         }, [
-          ie(z(jt), {
+          ie(D(jt), {
             "chart-data": r,
             "chart-options": i.chartOptions,
             "synthetics-data-key": t.value ? void 0 : i.chartOptions.synthetics_data_key
@@ -749,7 +751,7 @@ const ki = () => {
     };
     return (a, l) => {
       const f = oe("KDropdownItem");
-      return C(), O(je, {
+      return R(), O(je, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
@@ -758,14 +760,14 @@ const ki = () => {
       }, {
         default: I(({ data: m }) => [
           re("div", Ai, [
-            ie(z(Qt), _t({
+            ie(D(Qt), _t({
               "allow-csv-export": a.chartOptions.allow_csv_export,
               "chart-data": m,
               "chart-options": n.value,
               "legend-position": "bottom",
               "show-menu": a.context.editable,
               "synthetics-data-key": a.chartOptions.synthetics_data_key,
-              "timeseries-zoom": z(o) && !a.query.time_range,
+              "timeseries-zoom": D(o) && !a.query.time_range,
               "tooltip-title": ""
             }, a.extraProps, {
               onZoomTimeRange: l[0] || (l[0] = (p) => i("zoom-time-range", p))
@@ -775,7 +777,7 @@ const ki = () => {
                 fn: I(() => [
                   ie(f, { onClick: d }, {
                     default: I(() => [
-                      Me(J(z(s).t("renderer.edit")), 1)
+                      Me(J(D(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -800,7 +802,7 @@ const ki = () => {
     refreshCounter: {}
   },
   setup(u) {
-    return (e, t) => (C(), O(Qe, {
+    return (e, t) => (R(), O(Qe, {
       "chart-options": e.chartOptions,
       context: e.context,
       "extra-props": { showAnnotations: !1 },
@@ -823,7 +825,7 @@ const ki = () => {
   emits: ["zoom-time-range"],
   setup(u, { emit: e }) {
     const t = e;
-    return (i, s) => (C(), O(Qe, {
+    return (i, s) => (R(), O(Qe, {
       "chart-options": i.chartOptions,
       context: i.context,
       height: i.height,
@@ -881,10 +883,10 @@ const ki = () => {
         refreshCounter: e.refreshCounter
       };
     });
-    return (s, r) => (C(), F("div", Oi, [
-      ie(z(si), Ut(Ft(i.value)), {
+    return (s, r) => (R(), F("div", Oi, [
+      ie(D(si), Ut(Ft(i.value)), {
         default: I(() => [
-          ie(z(ri))
+          ie(D(ri))
         ]),
         _: 1
       }, 16)
@@ -899,7 +901,7 @@ const ki = () => {
     entityLinkData: {}
   },
   setup(u) {
-    return (e, t) => (C(), F("div", Pi, J(e.entityLinkData.label), 1));
+    return (e, t) => (R(), F("div", Pi, J(e.entityLinkData.label), 1));
   }
 }), qi = /* @__PURE__ */ K({
   __name: "TopNTableRenderer",
@@ -930,21 +932,21 @@ const ki = () => {
           return e.chartOptions.entity_link.replace(at, r.id);
       return "";
     };
-    return (r, o) => (C(), O(je, {
+    return (r, o) => (R(), O(je, {
       context: r.context,
       query: r.query,
       "query-ready": r.queryReady,
       "refresh-counter": r.refreshCounter
     }, {
       default: I(({ data: n }) => [
-        ie(z(Zt), {
+        ie(D(Zt), {
           data: n,
           "synthetics-data-key": r.chartOptions.synthetics_data_key
         }, Ye({ _: 2 }, [
           e.chartOptions.entity_link ? {
             name: "name",
             fn: I(({ record: d }) => [
-              ie(z(i), {
+              ie(D(i), {
                 "entity-link-data": {
                   id: d.id,
                   label: d.name,
@@ -971,7 +973,7 @@ const ki = () => {
     refreshCounter: {}
   },
   setup(u) {
-    return (e, t) => (C(), O(Qe, {
+    return (e, t) => (R(), O(Qe, {
       "chart-options": e.chartOptions,
       context: e.context,
       height: e.height,
@@ -1016,7 +1018,7 @@ const ki = () => {
         granularity: i.definition.query.granularity || L.value
       }, qe = ["api_usage", "llm_usage"].includes(i.definition.query.datasource) ? i.definition.query.datasource : "api_usage";
       return `${l.value}?q=${JSON.stringify(B)}&d=${qe}&c=${i.definition.chart.type}`;
-    }), m = A(() => o.t("csvExport.defaultFilename")), p = A(() => y.value && (g.value || i.context.editable) || !!x.value), y = A(() => !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), g = A(() => !!f.value || "allow_csv_export" in i.definition.chart && i.definition.chart.allow_csv_export || i.context.editable), R = {
+    }), m = A(() => o.t("csvExport.defaultFilename")), p = A(() => y.value && (g.value || i.context.editable) || !!x.value), y = A(() => !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), g = A(() => !!f.value || "allow_csv_export" in i.definition.chart && i.definition.chart.allow_csv_export || i.context.editable), T = {
       timeseries_line: ct,
       timeseries_bar: ct,
       horizontal_bar: ut,
@@ -1028,7 +1030,7 @@ const ki = () => {
       slottable: void 0,
       single_value: dt
     }, k = A(() => {
-      const v = R[i.definition.chart.type];
+      const v = T[i.definition.chart.type];
       return v && {
         component: v,
         rendererProps: {
@@ -1051,10 +1053,10 @@ const ki = () => {
         return `${ot(v.start, { short: !0, tz: B })} - ${ot(v.end, { short: !0, tz: B })}`;
       }
       return null;
-    }), L = A(() => n.value ? $e(n.value.meta.granularity_ms) : void 0), D = A(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), E = A(() => {
+    }), L = A(() => n.value ? $e(n.value.meta.granularity_ms) : void 0), C = A(() => ["timeseries_line", "timeseries_bar"].includes(i.definition.chart.type)), E = A(() => {
       var B;
       const v = i.definition.query.granularity, W = $e(((B = n.value) == null ? void 0 : B.meta.granularity_ms) || 0);
-      return D.value && v !== W;
+      return C.value && v !== W;
     }), N = A(() => {
       var B;
       const v = $e(((B = n.value) == null ? void 0 : B.meta.granularity_ms) || 0), W = i.definition.query.granularity;
@@ -1077,11 +1079,11 @@ const ki = () => {
     };
     return (v, W) => {
       const B = oe("KTooltip"), qe = oe("KBadge"), Re = oe("KDropdownItem"), qt = oe("KDropdown");
-      return C(), F("div", {
+      return R(), F("div", {
         class: Ke(["tile-boundary", { editable: v.context.editable }]),
         "data-testid": `tile-${v.tileId}`
       }, [
-        v.definition.chart.type !== "slottable" ? (C(), F("div", Gi, [
+        v.definition.chart.type !== "slottable" ? (R(), F("div", Gi, [
           ie(B, {
             class: "title-tooltip",
             disabled: !a.value,
@@ -1097,12 +1099,12 @@ const ki = () => {
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          p.value ? (C(), F("div", {
+          p.value ? (R(), F("div", {
             key: 0,
             class: "tile-actions",
             "data-testid": `tile-actions-${v.tileId}`
           }, [
-            x.value ? (C(), O(qe, {
+            x.value ? (R(), O(qe, {
               key: 0,
               "data-testid": "time-range-badge",
               tooltip: E.value ? N.value : void 0,
@@ -1116,32 +1118,32 @@ const ki = () => {
               E.value ? {
                 name: "icon",
                 fn: I(() => [
-                  ie(z(ni), { size: z(Ii) }, null, 8, ["size"])
+                  ie(D(ni), { size: D(Ii) }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["tooltip"])) : Y("", !0),
-            y.value && v.context.editable ? (C(), O(z(oi), {
+            y.value && v.context.editable ? (R(), O(D(oi), {
               key: 1,
               class: "edit-icon",
-              color: z(ft),
+              color: D(ft),
               "data-testid": `edit-tile-${v.tileId}`,
-              size: z(gt),
+              size: D(gt),
               onClick: S
             }, null, 8, ["color", "data-testid", "size"])) : Y("", !0),
-            y.value && g.value ? (C(), O(qt, {
+            y.value && g.value ? (R(), O(qt, {
               key: 2,
               class: "dropdown",
               "data-testid": `chart-action-menu-${v.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: I(() => [
-                f.value ? (C(), O(Re, {
+                f.value ? (R(), O(Re, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${v.tileId}`,
-                  item: { label: z(o).t("jumpToExplore"), to: f.value }
+                  item: { label: D(o).t("jumpToExplore"), to: f.value }
                 }, null, 8, ["data-testid", "item"])) : Y("", !0),
-                !("allowCsvExport" in v.definition.chart) || v.definition.chart.allowCsvExport ? (C(), O(Re, {
+                !("allowCsvExport" in v.definition.chart) || v.definition.chart.allowCsvExport ? (R(), O(Re, {
                   key: 1,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${v.tileId}`,
@@ -1151,47 +1153,47 @@ const ki = () => {
                     re("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${v.tileId}`
-                    }, J(z(o).t("csvExport.exportAsCsv")), 9, Wi)
+                    }, J(D(o).t("csvExport.exportAsCsv")), 9, Wi)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Y("", !0),
-                v.context.editable ? (C(), O(Re, {
+                v.context.editable ? (R(), O(Re, {
                   key: 2,
                   "data-testid": `duplicate-tile-${v.tileId}`,
                   onClick: q
                 }, {
                   default: I(() => [
-                    Me(J(z(o).t("renderer.duplicateTile")), 1)
+                    Me(J(D(o).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Y("", !0),
-                v.context.editable ? (C(), O(Re, {
+                v.context.editable ? (R(), O(Re, {
                   key: 3,
                   "data-testid": `remove-tile-${v.tileId}`,
                   onClick: ae
                 }, {
                   default: I(() => [
-                    re("span", Vi, J(z(o).t("renderer.delete")), 1)
+                    re("span", Vi, J(D(o).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Y("", !0)
               ]),
               default: I(() => [
-                ie(z(ai), {
+                ie(D(ai), {
                   class: "kebab-action-menu",
-                  color: z(ft),
+                  color: D(ft),
                   "data-testid": `kebab-action-menu-${v.tileId}`,
-                  size: z(gt)
+                  size: D(gt)
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
             }, 8, ["data-testid"])) : Y("", !0)
-          ], 8, Ui)) : "description" in v.definition.chart ? (C(), F("div", {
+          ], 8, Ui)) : "description" in v.definition.chart ? (R(), F("div", {
             key: 1,
             class: "header-description",
             "data-testid": `tile-description-${v.tileId}`
           }, J(v.definition.chart.description), 9, Ki)) : Y("", !0),
-          d.value ? (C(), O(z(Jt), {
+          d.value ? (R(), O(D(Jt), {
             key: 2,
             "chart-data": n.value,
             "data-testid": `csv-export-modal-${v.tileId}`,
@@ -1203,7 +1205,7 @@ const ki = () => {
           class: "tile-content",
           "data-testid": `tile-content-${v.tileId}`
         }, [
-          k.value ? (C(), O(bt(k.value.component), _t({ key: 0 }, k.value.rendererProps, {
+          k.value ? (R(), O(bt(k.value.component), _t({ key: 0 }, k.value.rendererProps, {
             onChartData: Ce,
             onZoomTimeRange: W[1] || (W[1] = (tt) => s("zoom-time-range", tt))
           }), null, 16)) : Y("", !0)
@@ -1237,7 +1239,7 @@ const ki = () => {
   },
   setup(u) {
     Ve((n) => ({
-      "2a38e79e": z(zt),
+      "2a38e79e": D(zt),
       "4cc71de6": r.value
     }));
     const e = u, t = U(null), i = U(0), s = new ResizeObserver((n) => {
@@ -1260,12 +1262,12 @@ const ki = () => {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, d) => (C(), F("div", {
+    return (n, d) => (R(), F("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (C(!0), F(Et, null, xt(o.value, (h) => (C(), F("div", {
+      (R(!0), F(Et, null, xt(o.value, (h) => (R(), F("div", {
         key: h.key,
         class: Ke(["grid-cell", {
           "empty-cell": !h.tile
@@ -2917,8 +2919,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         this.engine.nodes.forEach((g) => {
           y = Math.max(y, g.y + g.h);
         }), p.forEach((g) => {
-          const R = g.el;
-          R && (g._removeDOM ? (R && R.remove(), delete g._removeDOM) : this._writePosAttr(R, g));
+          const T = g.el;
+          T && (g._removeDOM ? (T && T.remove(), delete g._removeDOM) : this._writePosAttr(T, g));
         }), this._updateStyles(!1, y);
       }
     }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((p) => this._prepareElement(p)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
@@ -2988,8 +2990,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 h = r.el.querySelector(".grid-stack-item-content"), a, l;
     if (s && (this._removeDD(r.el), l = { ...r, x: 0, y: 0 }, c.removeInternalForSave(l), delete l.subGridOpts, r.content && (l.content = r.content, delete r.content), w.addRemoveCB ? a = w.addRemoveCB(this.el, l, !0, !1) : (a = c.createDiv(["grid-stack-item"]), a.appendChild(h), h = c.createDiv(["grid-stack-item-content"], r.el)), this._prepareDragDropByNode(r)), i) {
-      const g = d ? t.column : r.w, R = r.h + i.h, k = r.el.style;
-      k.transition = "none", this.update(r.el, { w: g, h: R }), setTimeout(() => k.transition = null);
+      const g = d ? t.column : r.w, T = r.h + i.h, k = r.el.style;
+      k.transition = "none", this.update(r.el, { w: g, h: T }), setTimeout(() => k.transition = null);
     }
     const f = r.subGrid = w.addGrid(h, t);
     return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(a, l), i && (i._moving ? window.setTimeout(() => c.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
@@ -3954,13 +3956,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       const g = i.position.top - s._prevYPix;
       s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && c.updateScrollPosition(e, i.position, g);
-      const R = i.position.left + (i.position.left > s._lastUiPosition.left ? -a : h), k = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
-      n.x = Math.round(R / r), n.y = Math.round(k / o);
+      const T = i.position.left + (i.position.left > s._lastUiPosition.left ? -a : h), k = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : l);
+      n.x = Math.round(T / r), n.y = Math.round(k / o);
       const x = this._extraDragRow;
       if (this.engine.collide(s, n)) {
         const L = this.getRow();
-        let D = Math.max(0, n.y + s.h - L);
-        this.opts.maxRow && L + D > this.opts.maxRow && (D = Math.max(0, this.opts.maxRow - L)), this._extraDragRow = D;
+        let C = Math.max(0, n.y + s.h - L);
+        this.opts.maxRow && L + C > this.opts.maxRow && (C = Math.max(0, this.opts.maxRow - L)), this._extraDragRow = C;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== x && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
@@ -3968,8 +3970,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     } 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 - l) / o), s.w === n.w && s.h === n.h) || s._lastTried && s._lastTried.w === n.w && s._lastTried.h === n.h)
         return;
-      const g = i.position.left + h, R = i.position.top + l;
-      n.x = Math.round(g / r), n.y = Math.round(R / o), d = !0;
+      const g = i.position.left + h, T = i.position.top + l;
+      n.x = Math.round(g / r), n.y = Math.round(T / o), d = !0;
     }
     s._event = t, s._lastTried = n;
     const y = {
@@ -4067,12 +4069,12 @@ const rs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ns = { cl
       i.tiles.forEach((m) => {
         o.value.set(`${m.id}`, m);
       });
-    }), e({ removeWidget: f }), (m, p) => (C(), F("div", {
+    }), e({ removeWidget: f }), (m, p) => (R(), F("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
     }, [
-      (C(!0), F(Et, null, xt(i.tiles, (y) => (C(), F("div", {
+      (R(!0), F(Et, null, xt(i.tiles, (y) => (R(), F("div", {
         key: y.id,
         class: "grid-stack-item",
         "data-id": `${y.id}`,
@@ -4149,8 +4151,8 @@ const rs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ns = { cl
       };
     }), g = (E) => {
       s("edit-tile", E);
-    }, R = (E) => E.type === "slottable", k = (E) => {
-      const N = R(E.meta.chart) ? { ...E.meta.chart } : {
+    }, T = (E) => E.type === "slottable", k = (E) => {
+      const N = T(E.meta.chart) ? { ...E.meta.chart } : {
         ...E.meta.chart,
         chart_title: E.meta.chart.chart_title ? `Copy of ${E.meta.chart.chart_title}` : ""
       }, S = {
@@ -4173,7 +4175,7 @@ const rs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ns = { cl
       d.value && d.value.removeWidget(E.id);
     }, L = () => {
       n.value++;
-    }, D = (E) => {
+    }, C = (E) => {
       const N = E.map((S) => ({
         id: S.id,
         type: S.type,
@@ -4184,24 +4186,24 @@ const rs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ns = { cl
     };
     return e({ refresh: L }), (E, N) => {
       const S = oe("KAlert");
-      return C(), F("div", ls, [
-        z(h) ? (C(), O(bt(E.context.editable ? as : Ji), {
+      return R(), F("div", ls, [
+        D(h) ? (R(), O(bt(E.context.editable ? as : Ji), {
           key: 1,
           ref_key: "gridLayoutRef",
           ref: d,
           "tile-height": r.value.tile_height,
           tiles: p.value,
-          onUpdateTiles: D
+          onUpdateTiles: C
         }, {
           tile: I(({ tile: q }) => [
-            q.meta.chart.type === "slottable" ? (C(), F("div", hs, [
+            q.meta.chart.type === "slottable" ? (R(), F("div", hs, [
               Le(E.$slots, q.meta.chart.id, {}, void 0, !0)
-            ])) : (C(), O(ji, {
+            ])) : (R(), O(ji, {
               key: 1,
               class: "tile-container",
               context: y.value,
               definition: q.meta,
-              height: q.layout.size.rows * (r.value.tile_height || z(Ie)) + parseInt(z(Mt), 10),
+              height: q.layout.size.rows * (r.value.tile_height || D(Ie)) + parseInt(D(Mt), 10),
               "query-ready": f.value,
               "refresh-counter": n.value,
               "tile-id": q.id,
@@ -4212,12 +4214,12 @@ const rs = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ns = { cl
             }, null, 8, ["context", "definition", "height", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
           ]),
           _: 3
-        }, 40, ["tile-height", "tiles"])) : (C(), O(S, {
+        }, 40, ["tile-height", "tiles"])) : (R(), O(S, {
           key: 0,
           appearance: "danger"
         }, {
           default: I(() => [
-            Me(J(z(o).t("renderer.noQueryBridge")), 1)
+            Me(J(D(o).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))