@kong-ui-public/dashboard-renderer 8.12.2 → 8.12.3

package/dist/{index-Dd_Bn3Eb.js → index-uLaLZfM6.js}

@@ -3,8 +3,8 @@ var Nt = (a) => {
   throw TypeError(a);
 };
 var qi = (a, e, t) => e in a ? Mi(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var Lt = (a, e, t) => qi(a, typeof e != "symbol" ? e + "" : e, t), dt = (a, e, t) => e.has(a) || Nt("Cannot " + t);
-var _ = (a, e, t) => (dt(a, e, "read from private field"), t ? t.call(a) : e.get(a)), U = (a, e, t) => e.has(a) ? Nt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), $ = (a, e, t, i) => (dt(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), K = (a, e, t) => (dt(a, e, "access private method"), t);
+var Lt = (a, e, t) => qi(a, typeof e != "symbol" ? e + "" : e, t), ht = (a, e, t) => e.has(a) || Nt("Cannot " + t);
+var _ = (a, e, t) => (ht(a, e, "read from private field"), t ? t.call(a) : e.get(a)), U = (a, e, t) => e.has(a) ? Nt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), $ = (a, e, t, i) => (ht(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t), K = (a, e, t) => (ht(a, e, "access private method"), t);
 var ze = (a, e, t, i) => ({
   set _(s) {
     $(a, e, s, t);
@@ -13,13 +13,13 @@ var ze = (a, e, t, i) => ({
     return _(a, e, i);
   }
 });
-import { ref as A, watchEffect as Xt, inject as me, provide as Pi, toRaw as $i, computed as v, isRef as Bi, isReactive as Fi, toRef as Ye, hasInjectionContext as At, onMounted as rt, watch as Ne, onUnmounted as Pe, getCurrentInstance as Gi, defineComponent as J, resolveComponent as le, unref as E, openBlock as R, createBlock as L, createSlots as nt, withCtx as M, createElementVNode as ee, toDisplayString as te, renderSlot as Le, createCommentVNode as X, normalizeStyle as je, normalizeClass as Se, createVNode as ge, mergeProps as Zt, createTextVNode as ot, createElementBlock as G, normalizeProps as Ui, guardReactiveProps as Wi, defineAsyncComponent as Jt, Fragment as pt, useCssVars as yt, useModel as ei, readonly as ct, nextTick as vt, resolveDynamicComponent as ti, toHandlers as Ki, mergeModels as Xe, renderList as ii, useTemplateRef as Ot } from "vue";
-import { msToGranularity as ft, TimePeriods as Qi, TIMEFRAME_LOOKUP as Vi, formatTime as Ht, EXPORT_RECORD_LIMIT as Yi } from "@kong-ui-public/analytics-utilities";
+import { ref as A, watchEffect as Xt, inject as me, provide as Pi, toRaw as $i, computed as v, isRef as Bi, isReactive as Fi, toRef as Ye, hasInjectionContext as At, onMounted as rt, watch as Ne, onUnmounted as Pe, getCurrentInstance as Gi, defineComponent as ee, resolveComponent as le, unref as E, openBlock as x, createBlock as L, createSlots as nt, withCtx as M, createElementVNode as te, toDisplayString as J, renderSlot as Le, createCommentVNode as X, normalizeStyle as je, normalizeClass as Se, createVNode as ge, mergeProps as Zt, createTextVNode as mt, createElementBlock as B, normalizeProps as Ui, guardReactiveProps as Wi, defineAsyncComponent as Jt, Fragment as pt, useCssVars as yt, useModel as ei, readonly as dt, nextTick as vt, resolveDynamicComponent as ti, toHandlers as Ki, mergeModels as Xe, renderList as ii, useTemplateRef as Ot } from "vue";
+import { msToGranularity as ct, TimePeriods as Qi, TIMEFRAME_LOOKUP as Vi, formatTime as Ht, EXPORT_RECORD_LIMIT as Yi } from "@kong-ui-public/analytics-utilities";
 import { handleQueryError as ji, SimpleChart as Xi, AnalyticsChart as Zi, TopNTable as Ji, CsvExportModal as es } from "@kong-ui-public/analytics-chart";
 import ts from "swrv";
 import "axios";
 import { createI18n as is, i18nTComponent as ss } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as _t, useDatasourceConfigStore as at } from "@kong-ui-public/analytics-config-store";
+import { useAnalyticsConfigStore as _t, useDatasourceConfigStore as ot } from "@kong-ui-public/analytics-config-store";
 import { VisibilityOffIcon as rs, WarningOutlineIcon as ns, WarningIcon as os, ProgressIcon as as, RefreshIcon as ls, EditIcon as us, MoreIcon as hs } from "@kong/icons";
 import { MetricsProvider as ds, MetricsConsumer as cs } from "@kong-ui-public/analytics-metric-provider";
 import { TableDataGrid as fs } from "@kong-ui-public/table-data-grid";
@@ -360,7 +360,7 @@ class Ms {
   }
 }
 re = new WeakMap();
-var xe, Ce, ve, He, Re, Ie, ne, ke, Z, Me, oe, Te, pe, qe, st, N, oi, ai, li, ui, hi, Ke, gt, mt, Qe, di, Ve;
+var xe, Ce, ve, He, Re, Ie, ne, ke, Z, Me, oe, Te, pe, qe, st, N, oi, ai, li, ui, hi, Ke, ft, gt, Qe, di, Ve;
 class qs extends As {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
@@ -559,7 +559,7 @@ xe = new WeakMap(), Ce = new WeakMap(), ve = new WeakMap(), He = new WeakMap(),
 }, li = function() {
   ze(this, oe)._--, K(this, N, Ke).call(this), this.emit("next");
 }, ui = function() {
-  K(this, N, mt).call(this), K(this, N, gt).call(this), $(this, ke, void 0);
+  K(this, N, gt).call(this), K(this, N, ft).call(this), $(this, ke, void 0);
 }, hi = function() {
   const t = Date.now();
   if (_(this, ne) === void 0) {
@@ -579,15 +579,15 @@ xe = new WeakMap(), Ce = new WeakMap(), ve = new WeakMap(), He = new WeakMap(),
     const t = !_(this, N, hi);
     if (_(this, N, oi) && _(this, N, ai)) {
       const i = _(this, Z).dequeue();
-      return i ? (this.emit("active"), i(), t && K(this, N, gt).call(this), !0) : !1;
+      return i ? (this.emit("active"), i(), t && K(this, N, ft).call(this), !0) : !1;
     }
   }
   return !1;
-}, gt = function() {
+}, ft = function() {
   _(this, Ce) || _(this, ne) !== void 0 || ($(this, ne, setInterval(() => {
-    K(this, N, mt).call(this);
+    K(this, N, gt).call(this);
   }, _(this, Re))), $(this, Ie, Date.now() + _(this, Re)));
-}, mt = function() {
+}, gt = function() {
   _(this, ve) === 0 && _(this, oe) === 0 && _(this, ne) && (clearInterval(_(this, ne)), $(this, ne, void 0)), $(this, ve, _(this, xe) ? _(this, oe) : 0), K(this, N, Qe).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
@@ -678,7 +678,7 @@ function Fs({
   definition: t,
   chartData: i
 }) {
-  const s = A(""), r = A(""), o = A(void 0), n = A(void 0), d = _t(), l = at(), { stripUnknownFilters: h, loading: u } = wt(l);
+  const s = A(""), r = A(""), o = A(void 0), n = A(void 0), d = _t(), l = ot(), { stripUnknownFilters: h, loading: u } = wt(l);
   rt(async () => {
     var z, q;
     s.value = await ((z = a == null ? void 0 : a.exploreBaseUrl) == null ? void 0 : z.call(a)) ?? "", r.value = await ((q = a == null ? void 0 : a.requestsBaseUrl) == null ? void 0 : q.call(a)) ?? "";
@@ -686,7 +686,7 @@ function Fs({
   const f = v(() => d.analytics && d.percentiles), g = v(() => {
     const z = t.value.chart.type;
     return ["golden_signals", "gauge"].includes(z) ? !1 : z === "top_n" ? e.value.editable || e.value.showTileActions : !0;
-  }), p = v(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && t.value.query.datasource !== "platform" && f.value && !u.value), y = v(() => s.value && t.value.query && Bs.includes(t.value.query.datasource) && f.value && !u.value), m = v(() => i.value ? ft(i.value.meta.granularity_ms) : void 0), T = v(() => {
+  }), p = v(() => r.value && t.value.query && t.value.query.datasource !== "llm_usage" && t.value.query.datasource !== "platform" && f.value && !u.value), y = v(() => s.value && t.value.query && Bs.includes(t.value.query.datasource) && f.value && !u.value), m = v(() => i.value ? ct(i.value.meta.granularity_ms) : void 0), T = v(() => {
     var he;
     const z = [...e.value.filters, ...t.value.query.filters ?? []], q = t.value.query.metrics, W = ((he = t.value.query) == null ? void 0 : he.datasource) ?? "api_usage";
     return h.value({
@@ -708,8 +708,8 @@ function Fs({
     );
     return O(q);
   }), O = (z) => p.value ? `${r.value}?q=${JSON.stringify(z)}` : "", I = (z, q) => {
-    var D, H, B, P;
-    const W = (H = (D = i.value) == null ? void 0 : D.meta) != null && H.start ? new Date(i.value.meta.start) : void 0, he = (P = (B = i.value) == null ? void 0 : B.meta) != null && P.end ? new Date(i.value.meta.end) : void 0;
+    var D, H, F, P;
+    const W = (H = (D = i.value) == null ? void 0 : D.meta) != null && H.start ? new Date(i.value.meta.start) : void 0, he = (P = (F = i.value) == null ? void 0 : F.meta) != null && P.end ? new Date(i.value.meta.end) : void 0;
     return {
       filter: q,
       timeframe: {
@@ -757,7 +757,7 @@ function Fs({
   };
 }
 function Gs() {
-  const a = me(ye), e = at(), { stripUnknownFilters: t } = wt(e), i = new AbortController();
+  const a = me(ye), e = ot(), { stripUnknownFilters: t } = wt(e), i = new AbortController();
   return Pe(() => {
     i.abort();
   }), { issueQuery: async (r, o, n) => {
@@ -845,7 +845,7 @@ const ae = {
   useI18n: Cs,
   useIssueQuery: Gs,
   useRequestQueue: Ps
-}, Et = /* @__PURE__ */ J({
+}, Et = /* @__PURE__ */ ee({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -875,11 +875,11 @@ const ae = {
     }), (m, T) => {
       var O;
       const k = le("KSkeleton"), w = le("KEmptyState");
-      return y.value || !E(d) && !p.value ? (R(), L(k, {
+      return y.value || !E(d) && !p.value ? (x(), L(k, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : p.value ? (R(), L(w, {
+      })) : p.value ? (x(), L(w, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state"
@@ -887,13 +887,13 @@ const ae = {
         icon: M(() => {
           var I;
           return [
-            ((I = g.value) == null ? void 0 : I.type) === "forbidden" ? (R(), L(E(rs), { key: 0 })) : (R(), L(E(ns), { key: 1 }))
+            ((I = g.value) == null ? void 0 : I.type) === "forbidden" ? (x(), L(E(rs), { key: 0 })) : (x(), L(E(ns), { key: 1 }))
           ];
         }),
         title: M(() => {
           var I;
           return [
-            ee("p", null, te(((I = g.value) == null ? void 0 : I.message) || E(s).t("renderer.unexpectedError")), 1)
+            te("p", null, J(((I = g.value) == null ? void 0 : I.message) || E(s).t("renderer.unexpectedError")), 1)
           ];
         }),
         _: 2
@@ -901,7 +901,7 @@ const ae = {
         (O = g.value) != null && O.details ? {
           name: "default",
           fn: M(() => [
-            ee("p", null, te(g.value.details), 1)
+            te("p", null, J(g.value.details), 1)
           ]),
           key: "0"
         } : void 0
@@ -911,7 +911,7 @@ const ae = {
       }) : X("", !0);
     };
   }
-}), Ws = /* @__PURE__ */ J({
+}), Ws = /* @__PURE__ */ ee({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -925,14 +925,14 @@ const ae = {
   },
   setup(a) {
     const e = a, t = v(() => e.chartOptions.type === "single_value");
-    return (i, s) => (R(), L(Et, {
+    return (i, s) => (x(), L(Et, {
       context: a.context,
       query: a.query,
       "query-ready": a.queryReady,
       "refresh-counter": a.refreshCounter
     }, {
       default: M(({ data: r }) => [
-        ee("div", {
+        te("div", {
           class: Se(["analytics-chart", { "single-value": t.value }]),
           style: je(t.value ? void 0 : { height: `${a.height}px` })
         }, [
@@ -951,7 +951,7 @@ const ae = {
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, Ft = /* @__PURE__ */ _e(Ws, [["__scopeId", "data-v-2cbfac70"]]), Ks = { class: "analytics-chart" }, Qs = /* @__PURE__ */ J({
+}, Ft = /* @__PURE__ */ _e(Ws, [["__scopeId", "data-v-2cbfac70"]]), Ks = { class: "analytics-chart" }, Qs = /* @__PURE__ */ ee({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -979,7 +979,7 @@ const ae = {
     };
     return (l, h) => {
       const u = le("KDropdownItem");
-      return R(), L(Et, {
+      return x(), L(Et, {
         context: a.context,
         query: a.query,
         "query-ready": a.queryReady,
@@ -987,7 +987,7 @@ const ae = {
         onChartData: d
       }, {
         default: M(({ data: f }) => [
-          ee("div", Ks, [
+          te("div", Ks, [
             ge(E(Zi), Zt({
               "chart-data": f,
               "chart-options": r.value,
@@ -1006,7 +1006,7 @@ const ae = {
                 fn: M(() => [
                   ge(u, { onClick: n }, {
                     default: M(() => [
-                      ot(te(E(s).t("renderer.edit")), 1)
+                      mt(J(E(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -1020,7 +1020,7 @@ const ae = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), xt = /* @__PURE__ */ _e(Qs, [["__scopeId", "data-v-e1e7f610"]]), Gt = /* @__PURE__ */ J({
+}), xt = /* @__PURE__ */ _e(Qs, [["__scopeId", "data-v-e1e7f610"]]), Gt = /* @__PURE__ */ ee({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -1033,7 +1033,7 @@ const ae = {
     exploreLink: {}
   },
   setup(a) {
-    return (e, t) => (R(), L(xt, {
+    return (e, t) => (x(), L(xt, {
       "chart-options": a.chartOptions,
       context: a.context,
       "extra-props": { showAnnotations: !1 },
@@ -1043,7 +1043,7 @@ const ae = {
       "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), Ut = /* @__PURE__ */ J({
+}), Ut = /* @__PURE__ */ ee({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -1058,7 +1058,7 @@ const ae = {
   emits: ["zoom-time-range", "select-chart-range"],
   setup(a, { emit: e }) {
     const t = e;
-    return (i, s) => (R(), L(xt, {
+    return (i, s) => (x(), L(xt, {
       "chart-options": a.chartOptions,
       context: a.context,
       "explore-link": a.exploreLink,
@@ -1071,7 +1071,7 @@ const ae = {
       onZoomTimeRange: s[1] || (s[1] = (r) => t("zoom-time-range", r))
     }, null, 8, ["chart-options", "context", "explore-link", "height", "query", "query-ready", "refresh-counter", "requests-link"]));
   }
-}), Vs = /* @__PURE__ */ J({
+}), Vs = /* @__PURE__ */ ee({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -1101,7 +1101,7 @@ const ae = {
         refreshCounter: e.refreshCounter
       };
     });
-    return (i, s) => (R(), G("div", {
+    return (i, s) => (x(), B("div", {
       class: Se(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
     }, [
       ge(E(ds), Ui(Wi(t.value)), {
@@ -1115,15 +1115,15 @@ const ae = {
 }), Ys = /* @__PURE__ */ _e(Vs, [["__scopeId", "data-v-b77f52b8"]]), js = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, Wt = /* @__PURE__ */ J({
+}, Wt = /* @__PURE__ */ ee({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
   setup(a) {
-    return (e, t) => (R(), G("div", js, te(a.entityLinkData.label), 1));
+    return (e, t) => (x(), B("div", js, J(a.entityLinkData.label), 1));
   }
-}), Xs = /* @__PURE__ */ J({
+}), Xs = { key: 0 }, Zs = { key: 1 }, Js = /* @__PURE__ */ ee({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -1162,7 +1162,7 @@ const ae = {
           return h.replace(It, l.id);
       return "";
     };
-    return (l, h) => (R(), L(Et, {
+    return (l, h) => (x(), L(Et, {
       context: a.context,
       query: a.query,
       "query-ready": a.queryReady,
@@ -1176,7 +1176,7 @@ const ae = {
           s.value ? {
             name: "name",
             fn: M(({ record: f }) => [
-              n(f) ? (R(), L(E(i), {
+              !f.isEmpty && n(f) ? (x(), L(E(i), {
                 key: 0,
                 "entity-link-data": {
                   id: f.id,
@@ -1184,8 +1184,8 @@ const ae = {
                   deleted: f.deleted
                 },
                 "external-link": d(f)
-              }, null, 8, ["entity-link-data", "external-link"])) : (R(), G(pt, { key: 1 }, [
-                ot(te(f.name), 1)
+              }, null, 8, ["entity-link-data", "external-link"])) : (x(), B(pt, { key: 1 }, [
+                f.name === "empty" ? (x(), B("i", Xs, J(f.name), 1)) : (x(), B("span", Zs, J(f.name), 1))
               ], 64))
             ]),
             key: "0"
@@ -1195,7 +1195,7 @@ const ae = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), Zs = (a) => a.records.map((e) => {
+}), er = (a) => a.records.map((e) => {
   const t = { ...e };
   return Object.entries(e).forEach(([i, s]) => {
     var o, n, d;
@@ -1204,7 +1204,7 @@ const ae = {
     const r = (d = (n = (o = a.meta.display) == null ? void 0 : o[i]) == null ? void 0 : n[String(s)]) == null ? void 0 : d.name;
     r && (t[i] = r);
   }), t;
-}), Js = {
+}), tr = {
   /**
    * Builds platform table headers from configured or response-provided column names.
    * Known chart label translations are reused for user-facing labels, with the raw column as fallback.
@@ -1226,7 +1226,7 @@ const ae = {
       label: a(s) ? t(s) : i
     };
   })
-}, er = {
+}, ir = {
   /**
    * Fetches one page of platform tabular rows, applying dashboard context filters and
    * forwarding the datasource-aware query to AnalyticsBridge.tabularQueryFn.
@@ -1272,12 +1272,12 @@ const ae = {
       }
     }, a);
     return (u = h.meta.columns) != null && u.length && (r == null || r(h.meta.columns)), {
-      data: Zs(h),
+      data: er(h),
       cursor: h.meta.cursor,
       hasMore: !!h.meta.cursor
     };
   }
-}, tr = /* @__PURE__ */ J({
+}, sr = /* @__PURE__ */ ee({
   __name: "TableDataGridRenderer",
   props: {
     query: {},
@@ -1288,7 +1288,7 @@ const ae = {
   },
   emits: ["loading-change"],
   setup(a, { emit: e }) {
-    const t = a, i = e, s = me(ye), r = at(), { i18n: o } = ae.useI18n(), n = new AbortController(), d = A([]), l = A(!1), h = v(() => t.height === void 0 ? void 0 : { height: `${t.height}px` }), u = v(() => ({
+    const t = a, i = e, s = me(ye), r = ot(), { i18n: o } = ae.useI18n(), n = new AbortController(), d = A([]), l = A(!1), h = v(() => t.height === void 0 ? void 0 : { height: `${t.height}px` }), u = v(() => ({
       datasource: t.query.datasource,
       query: {
         columns: t.query.columns,
@@ -1303,7 +1303,7 @@ const ae = {
     });
     const f = v(() => {
       var y;
-      return Js[t.query.datasource]({
+      return tr[t.query.datasource]({
         // query.columns are optional in the API. If not provided, backend will return default columns.
         // If query columns are not provided, fallback to using columns from the response metadata for header configuration.
         columns: (y = t.query.columns) != null && y.length ? t.query.columns : d.value,
@@ -1313,7 +1313,7 @@ const ae = {
     }), g = v(() => async ({ cursor: y, pageSize: m }) => {
       try {
         await r.isReady();
-        const T = er[u.value.datasource];
+        const T = ir[u.value.datasource];
         if (!T)
           throw new Error(`No table data grid fetcher found for datasource: ${u.value.datasource}`);
         const k = await T({
@@ -1337,11 +1337,11 @@ const ae = {
     };
     return (y, m) => {
       const T = le("KSkeleton");
-      return R(), G("div", {
+      return x(), B("div", {
         class: "table-data-grid-renderer",
         style: je(h.value)
       }, [
-        a.queryReady ? (R(), L(E(fs), {
+        a.queryReady ? (x(), L(E(fs), {
           key: 1,
           error: l.value,
           fetcher: g.value,
@@ -1349,7 +1349,7 @@ const ae = {
           "page-size": a.query.page_size,
           "refresh-key": a.refreshCounter,
           onState: p
-        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (R(), L(T, {
+        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (x(), L(T, {
           key: 0,
           "data-testid": "table-skeleton",
           type: "table"
@@ -1357,7 +1357,7 @@ const ae = {
       ], 4);
     };
   }
-}), ir = /* @__PURE__ */ _e(tr, [["__scopeId", "data-v-9127c323"]]), Kt = "#6c7489", sr = "12px", Qt = "20px", Vt = "32px", ci = "20px", rr = /* @__PURE__ */ J({
+}), rr = /* @__PURE__ */ _e(sr, [["__scopeId", "data-v-9127c323"]]), Kt = "#6c7489", nr = "12px", Qt = "20px", Vt = "32px", ci = "20px", or = /* @__PURE__ */ ee({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -1370,7 +1370,7 @@ const ae = {
     exploreLink: {}
   },
   setup(a) {
-    return (e, t) => (R(), L(xt, {
+    return (e, t) => (x(), L(xt, {
       "chart-options": a.chartOptions,
       context: a.context,
       height: a.height,
@@ -1379,10 +1379,10 @@ const ae = {
       "refresh-counter": a.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), nr = ["data-testid"], or = {
+}), ar = ["data-testid"], lr = {
   key: 0,
   class: "tile-header"
-}, ar = { class: "badge-container" }, lr = { class: "badge-text" }, ur = { key: 0 }, hr = ["data-testid"], dr = ["data-testid"], cr = { class: "delete-option" }, fr = ["data-testid"], gr = ["data-testid"], mr = /* @__PURE__ */ J({
+}, ur = { class: "badge-container" }, hr = { class: "badge-text" }, dr = { key: 0 }, cr = ["data-testid"], fr = ["data-testid"], gr = { class: "delete-option" }, mr = ["data-testid"], pr = ["data-testid"], yr = /* @__PURE__ */ ee({
   __name: "DashboardTile",
   props: /* @__PURE__ */ Xe({
     context: {},
@@ -1401,18 +1401,18 @@ const ae = {
   }),
   emits: /* @__PURE__ */ Xe(["chart-data", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
   setup(a, { expose: e, emit: t }) {
-    yt((x) => ({
-      v12c7630b: `${x.height}px`
+    yt((C) => ({
+      v12c7630b: `${C.height}px`
     }));
     const i = parseInt(ci, 10), s = a, r = ei(a, "refreshCounter"), o = () => {
       k.value = !0, r.value++;
-    }, n = t, d = Jt(() => import("./GeoMapRenderer-BLA2uZXF.js")), l = me(ye), h = at(), { stripUnknownFilters: u } = wt(h), { i18n: f } = ae.useI18n(), g = A(), p = A({ status: "loading" }), y = A(!1), m = A(), T = A(!1), k = A(!0), w = v(() => s.tileType === "table"), O = v(() => s.definition), I = v(() => s.definition), Q = v(() => O.value.chart), Ee = v(() => "chart_title" in Q.value ? Q.value.chart_title : void 0), V = v(() => {
-      var x;
-      return w.value ? (x = I.value) == null ? void 0 : x.config.title : Ee.value;
+    }, n = t, d = Jt(() => import("./GeoMapRenderer-oORfnm0Z.js")), l = me(ye), h = ot(), { stripUnknownFilters: u } = wt(h), { i18n: f } = ae.useI18n(), g = A(), p = A({ status: "loading" }), y = A(!1), m = A(), T = A(!1), k = A(!0), w = v(() => s.tileType === "table"), O = v(() => s.definition), I = v(() => s.definition), Q = v(() => O.value.chart), Ee = v(() => "chart_title" in Q.value ? Q.value.chart_title : void 0), V = v(() => {
+      var C;
+      return w.value ? (C = I.value) == null ? void 0 : C.config.title : Ee.value;
     }), z = v(() => !w.value && "description" in Q.value ? Q.value.description : void 0), q = v(() => w.value ? "table" : Q.value.type), W = v(() => !w.value && Q.value.type === "slottable"), he = v(() => w.value ? !1 : !("allow_csv_export" in Q.value) || Q.value.allow_csv_export !== !1), {
       exploreLinkKebabMenu: D,
       requestsLinkKebabMenu: H,
-      canShowKebabMenu: B,
+      canShowKebabMenu: F,
       canGenerateRequestsLink: P,
       canGenerateExploreLink: ie,
       requestsLinkZoomActions: Be,
@@ -1423,42 +1423,42 @@ const ae = {
       buildRequestsQueryZoomActions: mi
     } = ae.useContextLinks({
       queryBridge: l,
-      chartData: ct(g),
-      definition: ct(O),
-      context: ct(Ye(s, "context"))
+      chartData: dt(g),
+      definition: dt(O),
+      context: dt(Ye(s, "context"))
     }), { issueQuery: pi } = ae.useIssueQuery();
-    Ne(() => s.definition, async (x, S) => {
+    Ne(() => s.definition, async (C, S) => {
       await vt(), m.value && (T.value = m.value.scrollWidth > m.value.clientWidth);
       try {
-        JSON.stringify(x == null ? void 0 : x.query) !== JSON.stringify(S == null ? void 0 : S.query) && (k.value = !0);
+        JSON.stringify(C == null ? void 0 : C.query) !== JSON.stringify(S == null ? void 0 : S.query) && (k.value = !0);
       } catch {
       }
     }, { immediate: !0, deep: !0 });
-    const yi = v(() => f.t("csvExport.defaultFilename")), ut = v(() => w.value ? s.context.editable : !!D.value || he.value || s.context.editable), vi = v(() => !w.value && B.value && ut.value), _i = v(() => w.value && s.context.editable), We = v(() => !s.hideActions && (vi.value || _i.value)), bi = v(() => We.value && ut.value && !s.isFullscreen), wi = v(() => !w.value && Q.value.type === "golden_signals" && !!z.value), Ei = {
+    const yi = v(() => f.t("csvExport.defaultFilename")), lt = v(() => w.value ? s.context.editable : !!D.value || he.value || s.context.editable), vi = v(() => !w.value && F.value && lt.value), _i = v(() => w.value && s.context.editable), We = v(() => !s.hideActions && (vi.value || _i.value)), bi = v(() => We.value && lt.value && !s.isFullscreen), wi = v(() => !w.value && Q.value.type === "golden_signals" && !!z.value), Ei = {
       timeseries_line: Ut,
       timeseries_bar: Ut,
       horizontal_bar: Gt,
       vertical_bar: Gt,
       gauge: Ft,
-      donut: rr,
+      donut: or,
       golden_signals: Ys,
-      top_n: Xs,
+      top_n: Js,
       slottable: void 0,
       single_value: Ft,
       choropleth_map: d
     }, xi = v(() => {
-      var x, S, F, Y;
+      var C, S, G, Y;
       return {
-        ...(x = be.value) != null && x.rendererEvents.supportsRequests ? { "select-chart-range": Ii } : {},
+        ...(C = be.value) != null && C.rendererEvents.supportsRequests ? { "select-chart-range": Ii } : {},
         ...(S = be.value) != null && S.rendererEvents.supportsZoom ? { "zoom-time-range": Oi } : {},
-        ...(F = be.value) != null && F.rendererEvents.supportsBounds ? { "bounds-change": Hi } : {},
+        ...(G = be.value) != null && G.rendererEvents.supportsBounds ? { "bounds-change": Hi } : {},
         ...(Y = be.value) != null && Y.rendererEvents.supportsLoadingChange ? { "loading-change": Ni } : {}
       };
     }), be = v(() => {
       var de, we;
       if (w.value)
         return {
-          component: ir,
+          component: rr,
           rendererProps: {
             context: s.context,
             query: I.value.query,
@@ -1472,32 +1472,32 @@ const ae = {
             supportsLoadingChange: !0
           }
         };
-      const x = O.value, S = Ei[x.chart.type], F = !!((de = S == null ? void 0 : S.emits) != null && de.includes("select-chart-range")), Y = !!((we = S == null ? void 0 : S.emits) != null && we.includes("zoom-time-range")), De = x.chart.type === "choropleth_map";
+      const C = O.value, S = Ei[C.chart.type], G = !!((de = S == null ? void 0 : S.emits) != null && de.includes("select-chart-range")), Y = !!((we = S == null ? void 0 : S.emits) != null && we.includes("zoom-time-range")), De = C.chart.type === "choropleth_map";
       return S && {
         component: S,
         rendererProps: {
-          query: x.query,
+          query: C.query,
           context: s.context,
           queryReady: s.queryReady,
-          chartOptions: x.chart,
+          chartOptions: C.chart,
           height: s.height - i * 2,
           refreshCounter: r.value,
           requestsLink: s.hideZoomActions ? void 0 : Be.value,
           exploreLink: s.hideZoomActions ? void 0 : Fe.value
         },
         rendererEvents: {
-          supportsRequests: F,
+          supportsRequests: G,
           supportsZoom: Y,
           supportsBounds: De,
           supportsLoadingChange: !1
         }
       };
-    }), ht = v(() => {
-      var F;
+    }), ut = v(() => {
+      var G;
       if (w.value)
         return null;
-      const x = O.value.query, S = x == null ? void 0 : x.time_range;
-      if ((x == null ? void 0 : x.datasource) === "platform" && !((F = x.dimensions) != null && F.includes("time")))
+      const C = O.value.query, S = C == null ? void 0 : C.time_range;
+      if ((C == null ? void 0 : C.datasource) === "platform" && !((G = C.dimensions) != null && G.includes("time")))
         return f.t("renderer.as_of_today");
       if ((S == null ? void 0 : S.type) === "relative") {
         const Y = Qi.get(Vi[S.time_range]);
@@ -1510,28 +1510,28 @@ const ae = {
     }), Tt = v(() => W.value ? !1 : [
       !!V.value,
       bi.value,
-      !!ht.value,
+      !!ut.value,
       wi.value,
       s.showRefresh
-    ].some(Boolean)), St = v(() => g.value ? ft(g.value.meta.granularity_ms) : void 0), Ci = v(() => !w.value && ["timeseries_line", "timeseries_bar"].includes(Q.value.type)), Dt = v(() => {
+    ].some(Boolean)), St = v(() => g.value ? ct(g.value.meta.granularity_ms) : void 0), Ci = v(() => !w.value && ["timeseries_line", "timeseries_bar"].includes(Q.value.type)), Dt = v(() => {
       if (!Ci.value || !s.queryReady || k.value)
         return !1;
-      const x = O.value.query.granularity;
-      return !x || !St.value ? !1 : x !== St.value;
+      const C = O.value.query.granularity;
+      return !C || !St.value ? !1 : C !== St.value;
     }), Ri = v(() => {
-      var F;
-      const x = ft(((F = g.value) == null ? void 0 : F.meta.granularity_ms) ?? 0) ?? "unknown", S = O.value.query.granularity ?? "unknown";
+      var G;
+      const C = ct(((G = g.value) == null ? void 0 : G.meta.granularity_ms) ?? 0) ?? "unknown", S = O.value.query.granularity ?? "unknown";
       return f.t("query_aged_out_warning", {
-        currentGranularity: f.t(`granularities.${x}`),
+        currentGranularity: f.t(`granularities.${C}`),
         savedGranularity: f.t(`granularities.${S}`)
       });
     }), ki = v(() => {
       if (w.value)
         return [];
-      const x = [...s.context.filters, ...O.value.query.filters ?? []], S = O.value.query.metrics, F = O.value.query.datasource ?? "api_usage";
+      const C = [...s.context.filters, ...O.value.query.filters ?? []], S = O.value.query.metrics, G = O.value.query.datasource ?? "api_usage";
       return u.value({
-        datasource: F,
-        filters: x,
+        datasource: G,
+        filters: C,
         metrics: S
       });
     }), Ti = () => {
@@ -1540,16 +1540,16 @@ const ae = {
       n("duplicate-tile", s.definition);
     }, Di = () => {
       n("remove-tile", s.definition);
-    }, zi = (x) => {
-      g.value = x, k.value = !1, n("chart-data", x);
-    }, Ni = (x) => {
-      k.value = x;
+    }, zi = (C) => {
+      g.value = C, k.value = !1, n("chart-data", C);
+    }, Ni = (C) => {
+      k.value = C;
     }, Li = () => {
       y.value = !1;
     }, zt = () => {
-      var F, Y;
-      const x = (F = s.definition.query.datasource) == null ? void 0 : F.startsWith("goap");
-      return ((Y = l == null ? void 0 : l.staticConfig) == null ? void 0 : Y.increaseCsvExportLimit) !== !1 && !x ? pi(s.definition.query, s.context, Yi) : g.value ? Promise.resolve(g.value) : new Promise((De) => {
+      var G, Y;
+      const C = (G = s.definition.query.datasource) == null ? void 0 : G.startsWith("goap");
+      return ((Y = l == null ? void 0 : l.staticConfig) == null ? void 0 : Y.increaseCsvExportLimit) !== !1 && !C ? pi(s.definition.query, s.context, Yi) : g.value ? Promise.resolve(g.value) : new Promise((De) => {
         const de = Ne(g, (we) => {
           we && (De(we), de());
         });
@@ -1557,61 +1557,61 @@ const ae = {
     }, Ai = async () => {
       y.value = !0, p.value = { status: "loading" };
       try {
-        const x = await zt();
-        p.value = { status: "success", chartData: x };
-      } catch (x) {
-        p.value = { status: "error", error: x };
+        const C = await zt();
+        p.value = { status: "success", chartData: C };
+      } catch (C) {
+        p.value = { status: "error", error: C };
       }
-    }, Oi = (x) => {
+    }, Oi = (C) => {
       const S = {
         tileId: s.tileId.toString(),
-        timeRange: x
+        timeRange: C
       };
       n("tile-time-range-zoom", S);
-    }, Hi = (x) => {
+    }, Hi = (C) => {
       const S = {
         tileId: s.tileId.toString(),
-        bounds: x
+        bounds: C
       };
       n("tile-bounds-change", S);
-    }, Ii = (x) => {
-      const S = ki.value, F = Ge(x, S);
-      Fe.value = ie.value ? { href: kt(F) } : void 0, Be.value = P.value ? { href: Ue(mi(x, S)) } : void 0;
+    }, Ii = (C) => {
+      const S = ki.value, G = Ge(C, S);
+      Fe.value = ie.value ? { href: kt(G) } : void 0, Be.value = P.value ? { href: Ue(mi(C, S)) } : void 0;
     };
-    return e({ getExportData: zt }), (x, S) => {
-      const F = le("KTooltip"), Y = le("KBadge"), De = le("KButton"), de = le("KDropdownItem"), we = le("KDropdown");
-      return R(), G("div", {
+    return e({ getExportData: zt }), (C, S) => {
+      const G = le("KTooltip"), Y = le("KBadge"), De = le("KButton"), de = le("KDropdownItem"), we = le("KDropdown");
+      return x(), B("div", {
         class: Se(["tile-boundary", {
           editable: a.context.editable,
           headless: !Tt.value
         }]),
         "data-testid": `tile-${a.tileId}`
       }, [
-        Tt.value && !W.value ? (R(), G("div", or, [
-          ge(F, {
+        Tt.value && !W.value ? (x(), B("div", lr, [
+          ge(G, {
             class: "title-tooltip",
             disabled: !T.value,
             "max-width": "500",
             text: V.value
           }, {
             default: M(() => [
-              ee("div", {
+              te("div", {
                 ref_key: "titleRef",
                 ref: m,
                 class: "title"
-              }, te(V.value), 513)
+              }, J(V.value), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          ee("div", ar, [
-            ht.value ? (R(), L(Y, {
+          te("div", ur, [
+            ut.value ? (x(), L(Y, {
               key: 0,
               "data-testid": "time-range-badge",
               tooltip: Dt.value ? Ri.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
             }, nt({
               default: M(() => [
-                ee("span", lr, te(ht.value), 1)
+                te("span", hr, J(ut.value), 1)
               ]),
               _: 2
             }, [
@@ -1619,14 +1619,14 @@ const ae = {
                 name: "icon",
                 fn: M(() => [
                   ge(E(os), {
-                    size: `var(--kui-icon-size-20, ${E(sr)})`
+                    size: `var(--kui-icon-size-20, ${E(nr)})`
                   }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["tooltip"])) : X("", !0)
           ]),
-          a.showRefresh ? (R(), G("div", ur, [
+          a.showRefresh ? (x(), B("div", dr, [
             ge(De, {
               appearance: "secondary",
               class: "refresh-button",
@@ -1637,12 +1637,12 @@ const ae = {
               onClick: o
             }, {
               default: M(() => [
-                k.value ? (R(), L(E(as), {
+                k.value ? (x(), L(E(as), {
                   key: 0,
                   role: "button",
                   size: `var(--kui-icon-size-60, ${E(Vt)})`,
                   tabindex: "0"
-                }, null, 8, ["size"])) : (R(), L(E(ls), {
+                }, null, 8, ["size"])) : (x(), L(E(ls), {
                   key: 1,
                   role: "button",
                   size: `var(--kui-icon-size-60, ${E(Vt)})`,
@@ -1652,12 +1652,12 @@ const ae = {
               _: 1
             }, 8, ["data-testid", "disabled"])
           ])) : X("", !0),
-          We.value ? (R(), G("div", {
+          We.value ? (x(), B("div", {
             key: 1,
             class: "tile-actions",
             "data-testid": `tile-actions-${a.tileId}`
           }, [
-            We.value && a.context.editable && !a.isFullscreen ? (R(), L(E(us), {
+            We.value && a.context.editable && !a.isFullscreen ? (x(), L(E(us), {
               key: 0,
               class: "edit-icon",
               color: `var(--kui-color-text-neutral, ${E(Kt)})`,
@@ -1665,54 +1665,54 @@ const ae = {
               size: `var(--kui-icon-size-40, ${E(Qt)})`,
               onClick: Ti
             }, null, 8, ["color", "data-testid", "size"])) : X("", !0),
-            We.value && ut.value && !a.isFullscreen ? (R(), L(we, {
+            We.value && lt.value && !a.isFullscreen ? (x(), L(we, {
               key: 1,
               class: "dropdown",
               "data-testid": `chart-action-menu-${a.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: M(() => [
-                !w.value && E(D) ? (R(), L(de, {
+                !w.value && E(D) ? (x(), L(de, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${a.tileId}`,
                   item: { label: E(f).t("jumpToExplore"), to: E(D) }
                 }, null, 8, ["data-testid", "item"])) : X("", !0),
-                !w.value && E(H) ? (R(), L(de, {
+                !w.value && E(H) ? (x(), L(de, {
                   key: 1,
                   "data-testid": `chart-jump-to-requests-${a.tileId}`,
                   item: { label: E(f).t("jumpToRequests"), to: E(H) }
                 }, null, 8, ["data-testid", "item"])) : X("", !0),
-                he.value ? (R(), L(de, {
+                he.value ? (x(), L(de, {
                   key: 2,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${a.tileId}`,
                   onClick: Ai
                 }, {
                   default: M(() => [
-                    ee("span", {
+                    te("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${a.tileId}`
-                    }, te(E(f).t("csvExport.exportAsCsv")), 9, dr)
+                    }, J(E(f).t("csvExport.exportAsCsv")), 9, fr)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0),
-                a.context.editable ? (R(), L(de, {
+                a.context.editable ? (x(), L(de, {
                   key: 3,
                   "data-testid": `duplicate-tile-${a.tileId}`,
                   onClick: Si
                 }, {
                   default: M(() => [
-                    ot(te(E(f).t("renderer.duplicateTile")), 1)
+                    mt(J(E(f).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0),
-                a.context.editable ? (R(), L(de, {
+                a.context.editable ? (x(), L(de, {
                   key: 4,
                   "data-testid": `remove-tile-${a.tileId}`,
                   onClick: Di
                 }, {
                   default: M(() => [
-                    ee("span", cr, te(E(f).t("renderer.delete")), 1)
+                    te("span", gr, J(E(f).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0)
@@ -1727,12 +1727,12 @@ const ae = {
               ]),
               _: 1
             }, 8, ["data-testid"])) : X("", !0)
-          ], 8, hr)) : z.value ? (R(), G("div", {
+          ], 8, cr)) : z.value ? (x(), B("div", {
             key: 2,
             class: "header-description",
             "data-testid": `tile-description-${a.tileId}`
-          }, te(z.value), 9, fr)) : X("", !0),
-          y.value ? (R(), L(E(es), {
+          }, J(z.value), 9, mr)) : X("", !0),
+          y.value ? (x(), L(E(es), {
             key: 3,
             "data-testid": `csv-export-modal-${a.tileId}`,
             "export-state": p.value,
@@ -1740,16 +1740,16 @@ const ae = {
             onCloseModal: Li
           }, null, 8, ["data-testid", "export-state", "filename"])) : X("", !0)
         ])) : X("", !0),
-        ee("div", {
+        te("div", {
           class: Se(["tile-content", `type-${q.value}`]),
           "data-testid": `tile-content-${a.tileId}`
         }, [
-          be.value ? (R(), L(ti(be.value.component), Zt({ key: 0 }, be.value.rendererProps, Ki(xi.value), { onChartData: zi }), null, 16)) : X("", !0)
-        ], 10, gr)
-      ], 10, nr);
+          be.value ? (x(), L(ti(be.value.component), Zt({ key: 0 }, be.value.rendererProps, Ki(xi.value), { onChartData: zi }), null, 16)) : X("", !0)
+        ], 10, pr)
+      ], 10, ar);
     };
   }
-}), fi = /* @__PURE__ */ _e(mr, [["__scopeId", "data-v-af28753b"]]), pr = (a, e) => {
+}), fi = /* @__PURE__ */ _e(yr, [["__scopeId", "data-v-af28753b"]]), vr = (a, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -1760,7 +1760,7 @@ const ae = {
   for (let r = 0; r < t; r++)
     i.get(r) ? s.push("auto") : s.push(`${a}px`);
   return s;
-}, yr = /* @__PURE__ */ J({
+}, _r = /* @__PURE__ */ ee({
   __name: "GridLayout",
   props: {
     tileHeight: {
@@ -1793,7 +1793,7 @@ const ae = {
     }), Pe(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = v(() => pr(e.tileHeight, e.tiles).join(" ")), o = v(() => e.tiles.map((n, d) => ({
+    const r = v(() => vr(e.tileHeight, e.tiles).join(" ")), o = v(() => e.tiles.map((n, d) => ({
       key: `tile-${d}`,
       tile: n,
       style: {
@@ -1803,12 +1803,12 @@ const ae = {
         "grid-row-end": n.layout.position.row + 1 + n.layout.size.rows
       }
     })));
-    return (n, d) => (R(), G("div", {
+    return (n, d) => (x(), B("div", {
       ref_key: "gridContainer",
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (R(!0), G(pt, null, ii(o.value, (l) => (R(), G("div", {
+      (x(!0), B(pt, null, ii(o.value, (l) => (x(), B("div", {
         key: l.key,
         class: Se(["grid-cell", {
           "empty-cell": !l.tile
@@ -1822,8 +1822,8 @@ const ae = {
       ], 6))), 128))
     ], 512));
   }
-}), vr = /* @__PURE__ */ _e(yr, [["__scopeId", "data-v-0271a8b9"]]);
-function _r(a, e, t, i, s) {
+}), br = /* @__PURE__ */ _e(_r, [["__scopeId", "data-v-0271a8b9"]]);
+function wr(a, e, t, i, s) {
   const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(a, o));
   return r.prototype = e.prototype, r;
 }
@@ -2660,7 +2660,7 @@ const se = {
   // styleInHead: false,
   //removable
 };
-class C {
+class R {
 }
 const ue = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
 class fe {
@@ -2681,28 +2681,28 @@ function tt(a) {
   if (!fe.touchHandled)
     return;
   fe.pointerLeaveTimeout && (window.clearTimeout(fe.pointerLeaveTimeout), delete fe.pointerLeaveTimeout);
-  const e = !!C.dragElement;
+  const e = !!R.dragElement;
   Ze(a, "mouseup"), e || Ze(a, "click"), fe.touchHandled = !1;
 }
 function it(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
 function Yt(a) {
-  C.dragElement && a.pointerType !== "mouse" && gi(a, "mouseenter");
+  R.dragElement && a.pointerType !== "mouse" && gi(a, "mouseenter");
 }
 function jt(a) {
-  C.dragElement && a.pointerType !== "mouse" && (fe.pointerLeaveTimeout = window.setTimeout(() => {
+  R.dragElement && a.pointerType !== "mouse" && (fe.pointerLeaveTimeout = window.setTimeout(() => {
     delete fe.pointerLeaveTimeout, gi(a, "mouseleave");
   }, 10));
 }
-class lt {
+class at {
   constructor(e, t, i) {
     this.host = e, this.dir = t, this.option = i, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
   }
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${lt.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ue && (this.el.addEventListener("touchstart", Je), this.el.addEventListener("pointerdown", it)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${at.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ue && (this.el.addEventListener("touchstart", Je), this.el.addEventListener("pointerdown", it)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
@@ -2731,7 +2731,7 @@ class lt {
     return this.option[e] && this.option[e](t), this;
   }
 }
-lt.prefix = "ui-resizable-";
+at.prefix = "ui-resizable-";
 class Ct {
   constructor() {
     this._eventRegister = {};
@@ -2816,21 +2816,21 @@ class Ae extends Ct {
   }
   /** @internal turns auto hide on/off */
   _setupAutoHide(e) {
-    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), C.overResizeElement === this && delete C.overResizeElement), this;
+    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), R.overResizeElement === this && delete R.overResizeElement), this;
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOver(e) {
-    C.overResizeElement || C.dragElement || (C.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
+    R.overResizeElement || R.dragElement || (R.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOut(e) {
-    C.overResizeElement === this && (delete C.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
+    R.overResizeElement === this && (delete R.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new lt(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new at(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -2910,7 +2910,7 @@ class Ae extends Ct {
   }
 }
 Ae._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const br = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+const Er = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
 class Oe extends Ct {
   constructor(e, t = {}) {
     var r;
@@ -2947,8 +2947,8 @@ class Oe extends Ct {
   }
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
-    if (!C.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(br) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete C.dragElement, delete C.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ue && (e.currentTarget.addEventListener("touchmove", et), e.currentTarget.addEventListener("touchend", tt)), e.preventDefault(), document.activeElement && document.activeElement.blur(), C.mouseHandled = !0), !0;
+    if (!R.mouseHandled)
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Er) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete R.dragElement, delete R.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ue && (e.currentTarget.addEventListener("touchmove", et), e.currentTarget.addEventListener("touchend", tt)), e.preventDefault(), document.activeElement && document.activeElement.blur(), R.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2962,15 +2962,15 @@ class Oe extends Ct {
     var i;
     const t = this.mouseDownEvent;
     if (this.lastDrag = e, this.dragging)
-      if (this._dragFollow(e), C.pauseDrag) {
-        const s = Number.isInteger(C.pauseDrag) ? C.pauseDrag : 100;
+      if (this._dragFollow(e), R.pauseDrag) {
+        const s = Number.isInteger(R.pauseDrag) ? R.pauseDrag : 100;
         this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), s);
       } else
         this._callDrag(e);
     else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-      this.dragging = !0, C.dragElement = this;
+      this.dragging = !0, R.dragElement = this;
       const s = (i = this.el.gridstackNode) == null ? void 0 : i.grid;
-      s ? C.dropElement = s.el.ddElement.ddDroppable : delete C.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = c.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
+      s ? R.dropElement = s.el.ddElement.ddDroppable : delete R.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = c.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
       const r = c.initEvent(e, { target: this.el, type: "dragstart" });
       this.option.start && this.option.start(r, this.ui()), this.triggerEvent("dragstart", r), document.addEventListener("keydown", this._keyEvent);
     }
@@ -2980,16 +2980,16 @@ class Oe extends Ct {
   _mouseUp(e) {
     var t, i;
     if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ue && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", et, !0), e.currentTarget.removeEventListener("touchend", tt, !0)), this.dragging) {
-      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = C.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete C.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
+      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = R.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete R.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const s = c.initEvent(e, { target: this.el, type: "dragstop" });
-      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), C.dropElement && C.dropElement.drop(e);
+      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), R.dropElement && R.dropElement.drop(e);
     }
-    delete this.helper, delete this.mouseDownEvent, delete C.dragElement, delete C.dropElement, delete C.mouseHandled, e.preventDefault();
+    delete this.helper, delete this.mouseDownEvent, delete R.dragElement, delete R.dropElement, delete R.mouseHandled, e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel, R to rotate */
   _keyEvent(e) {
     var s, r;
-    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = C.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
+    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = R.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
     if (e.key === "Escape")
       t && t._origRotate && (t._orig = t._origRotate, delete t._origRotate), i == null || i.cancelDrag(), this._mouseUp(this.mouseDownEvent);
     else if (t && i && (e.key === "r" || e.key === "R")) {
@@ -3061,7 +3061,7 @@ class Oe extends Ct {
   }
 }
 Oe.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class wr extends Ct {
+class xr extends Ct {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
   }
@@ -3085,20 +3085,20 @@ class wr extends Ct {
   }
   /** @internal called when the cursor enters our area - prepare for a possible drop and track leaving */
   _mouseEnter(e) {
-    if (!C.dragElement || !this._canDrop(C.dragElement.el))
+    if (!R.dragElement || !this._canDrop(R.dragElement.el))
       return;
-    e.preventDefault(), e.stopPropagation(), C.dropElement && C.dropElement !== this && C.dropElement._mouseLeave(e, !0), C.dropElement = this;
+    e.preventDefault(), e.stopPropagation(), R.dropElement && R.dropElement !== this && R.dropElement._mouseLeave(e, !0), R.dropElement = this;
     const t = c.initEvent(e, { target: this.el, type: "dropover" });
-    this.option.over && this.option.over(t, this._ui(C.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
+    this.option.over && this.option.over(t, this._ui(R.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
   }
   /** @internal called when the item is leaving our area, stop tracking if we had moving item */
   _mouseLeave(e, t = !1) {
     var s;
-    if (!C.dragElement || C.dropElement !== this)
+    if (!R.dragElement || R.dropElement !== this)
       return;
     e.preventDefault(), e.stopPropagation();
     const i = c.initEvent(e, { target: this.el, type: "dropout" });
-    if (this.option.out && this.option.out(i, this._ui(C.dragElement)), this.triggerEvent("dropout", i), C.dropElement === this && (delete C.dropElement, !t)) {
+    if (this.option.out && this.option.out(i, this._ui(R.dragElement)), this.triggerEvent("dropout", i), R.dropElement === this && (delete R.dropElement, !t)) {
       let r, o = this.el.parentElement;
       for (; !r && o; )
         r = (s = o.ddElement) == null ? void 0 : s.ddDroppable, o = o.parentElement;
@@ -3109,7 +3109,7 @@ class wr extends Ct {
   drop(e) {
     e.preventDefault();
     const t = c.initEvent(e, { target: this.el, type: "drop" });
-    this.option.drop && this.option.drop(t, this._ui(C.dragElement)), this.triggerEvent("drop", t);
+    this.option.drop && this.option.drop(t, this._ui(R.dragElement)), this.triggerEvent("drop", t);
   }
   /** @internal true if element matches the string/method accept option */
   _canDrop(e) {
@@ -3153,13 +3153,13 @@ class Rt {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new wr(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new xr(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Er {
+class Cr {
   resizable(e, t, i, s) {
     return this._getDDElements(e, t).forEach((r) => {
       if (t === "disable" || t === "enable")
@@ -3229,7 +3229,7 @@ class Er {
   }
   on(e, t, i) {
     return this._getDDElements(e).forEach((s) => s.on(t, (r) => {
-      i(r, C.dragElement ? C.dragElement.el : r.target, C.dragElement ? C.dragElement.helper : null);
+      i(r, R.dragElement ? R.dragElement.el : r.target, R.dragElement ? R.dragElement.helper : null);
     })), this;
   }
   off(e, t) {
@@ -3248,7 +3248,7 @@ class Er {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const j = new Er();
+const j = new Cr();
 class b {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -3375,7 +3375,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const p = t.children;
       delete t.children, p.length && this.load(p);
     }
-    this.setAnimation(), t.subGridDynamic && !C.pauseDrag && (C.pauseDrag = !0), ((g = t.draggable) == null ? void 0 : g.pause) !== void 0 && (C.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !R.pauseDrag && (R.pauseDrag = !0), ((g = t.draggable) == null ? void 0 : g.pause) !== void 0 && (R.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   /**
    * add a new widget and returns it.
@@ -4160,7 +4160,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param root optional root which defaults to document (for shadow dom pass the parent HTMLDocument)
    */
   static setupDragIn(e, t, i, s = document) {
-    (t == null ? void 0 : t.pause) !== void 0 && (C.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
+    (t == null ? void 0 : t.pause) !== void 0 && (R.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
       j.isDraggable(o) || j.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
     });
   }
@@ -4473,7 +4473,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return _r(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return wr(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 b.renderCB = (a, e) => {
@@ -4483,7 +4483,7 @@ b.resizeToContentParent = ".grid-stack-item-content";
 b.Utils = c;
 b.Engine = ce;
 b.GDRev = "11.5.1";
-const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { class: "grid-stack-item-content" }, Rr = /* @__PURE__ */ J({
+const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { class: "grid-stack-item-content" }, Tr = /* @__PURE__ */ ee({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
@@ -4546,12 +4546,12 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       i.tiles.forEach((g) => {
         o.value.set(`${g.id}`, g);
       });
-    }), e({ removeWidget: f }), (g, p) => (R(), G("div", {
+    }), e({ removeWidget: f }), (g, p) => (x(), B("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
     }, [
-      (R(!0), G(pt, null, ii(i.tiles, (y) => (R(), G("div", {
+      (x(!0), B(pt, null, ii(i.tiles, (y) => (x(), B("div", {
         key: y.id,
         class: "grid-stack-item",
         "data-id": `${y.id}`,
@@ -4562,13 +4562,13 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
         "gs-x": y.layout.position.col,
         "gs-y": y.layout.position.row
       }, [
-        ee("div", Cr, [
+        te("div", kr, [
           Le(g.$slots, "tile", { tile: y }, void 0, !0)
         ])
-      ], 8, xr))), 128))
+      ], 8, Rr))), 128))
     ], 512));
   }
-}), kr = /* @__PURE__ */ _e(Rr, [["__scopeId", "data-v-1fdec94c"]]), Tr = (a) => a.type === "slottable", Sr = (a) => {
+}), Sr = /* @__PURE__ */ _e(Tr, [["__scopeId", "data-v-1fdec94c"]]), Dr = (a) => a.type === "slottable", zr = (a) => {
   const e = a.meta, t = {
     ...e.config,
     title: e.config.title ? `Copy of ${e.config.title}` : ""
@@ -4588,8 +4588,8 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       size: a.layout.size
     }
   };
-}, Dr = (a) => {
-  const e = a.meta, t = Tr(e.chart) ? { ...e.chart } : {
+}, Nr = (a) => {
+  const e = a.meta, t = Dr(e.chart) ? { ...e.chart } : {
     ...e.chart,
     chart_title: e.chart.chart_title ? `Copy of ${e.chart.chart_title}` : ""
   };
@@ -4608,13 +4608,13 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       size: a.layout.size
     }
   };
-}, zr = {
+}, Lr = {
   key: 0,
   class: "fullscreen-header"
-}, Nr = {
+}, Ar = {
   key: 0,
   class: "tile-container slottable-tile"
-}, Lr = /* @__PURE__ */ J({
+}, Or = /* @__PURE__ */ ee({
   __name: "DashboardRenderer",
   props: /* @__PURE__ */ Xe({
     context: {},
@@ -4631,13 +4631,13 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
     const i = t, s = ei(a, "modelValue"), { i18n: r } = ae.useI18n(), o = A(0), n = A(null), d = A(), l = A(), h = A("scale(1)"), u = me(ye);
     u || (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")), ae.useRequestQueue();
     const f = (D, H) => {
-      const B = D.layout.position.row - H.layout.position.row;
-      return B !== 0 ? B : D.layout.position.col - H.layout.position.col;
+      const F = D.layout.position.row - H.layout.position.row;
+      return F !== 0 ? F : D.layout.position.col - H.layout.position.col;
     }, g = v(() => s.value.tiles.map((D) => {
       var ie;
       let H = D.definition;
-      const B = D.type ?? "chart", P = H.chart;
-      if (B === "chart" && "description" in P) {
+      const F = D.type ?? "chart", P = H.chart;
+      if (F === "chart" && "description" in P) {
         const Be = H, Fe = (ie = P.description) == null ? void 0 : ie.replace(ks, () => {
           const { timeSpec: Ge } = W.value, Ue = `renderer.trendRange.${Ge.type === "absolute" ? "custom" : Ge.time_range}`;
           return r.te(Ue) ? r.t(Ue) : "";
@@ -4657,7 +4657,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       ), {
         layout: D.layout,
         meta: H,
-        type: B,
+        type: F,
         // Add a unique key to each tile internally.
         id: D.id ?? crypto.randomUUID()
       };
@@ -4668,7 +4668,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       return m(H) ? H.id : void 0;
     }, k = (D) => {
       try {
-        const H = D.type === "table" ? Sr(D) : Dr(D);
+        const H = D.type === "table" ? zr(D) : Nr(D);
         s.value.tiles.push(JSON.parse(JSON.stringify(H)));
       } catch (H) {
         console.warn(H);
@@ -4678,16 +4678,16 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
     }, O = () => {
       o.value++;
     }, I = (D) => {
-      const H = D.map((B) => ({
-        id: B.id,
-        type: B.type,
-        layout: B.layout,
-        definition: B.meta
+      const H = D.map((F) => ({
+        id: F.id,
+        type: F.type,
+        layout: F.layout,
+        definition: F.meta
       }));
       s.value.tiles = H.sort(f);
     }, Q = async () => {
       if (h.value = "scale(1)", await vt(), l.value) {
-        const { availWidth: D, availHeight: H } = window.screen, { width: B, height: P } = l.value.getBoundingClientRect(), ie = Math.min(H / P, D / B);
+        const { availWidth: D, availHeight: H } = window.screen, { width: F, height: P } = l.value.getBoundingClientRect(), ie = Math.min(H / P, D / F);
         h.value = `scale(${ie})`;
       }
     }, Ee = () => {
@@ -4704,22 +4704,22 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       refresh: O,
       toggleFullscreen: Ee
     }), (D, H) => {
-      const B = le("KAlert");
-      return R(), G("div", {
+      const F = le("KAlert");
+      return x(), B("div", {
         ref_key: "dashboardContainer",
         ref: d,
         class: Se(["kong-ui-public-dashboard-renderer", { "is-fullscreen": V.value }]),
         onFullscreenchange: z
       }, [
-        ee("div", {
+        te("div", {
           ref_key: "layoutContainer",
           ref: l,
           class: "layout"
         }, [
-          E(u) && V.value ? (R(), G("div", zr, [
+          E(u) && V.value ? (x(), B("div", Lr, [
             Le(D.$slots, "fullscreenHeader", {}, void 0, !0)
           ])) : X("", !0),
-          E(u) ? (R(), L(ti(E(W).editable && !V.value ? kr : vr), {
+          E(u) ? (x(), L(ti(E(W).editable && !V.value ? Sr : br), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: n,
@@ -4729,9 +4729,9 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
             onUpdateTiles: I
           }, {
             tile: M(({ tile: P }) => [
-              y(P) ? (R(), G("div", Nr, [
+              y(P) ? (x(), B("div", Ar, [
                 Le(D.$slots, T(P), {}, void 0, !0)
-              ])) : (R(), L(fi, {
+              ])) : (x(), L(fi, {
                 key: V.value ? `${P.id}-tile` : `${P.id}-tile-fullscreen`,
                 "refresh-counter": o.value,
                 "onUpdate:refreshCounter": H[0] || (H[0] = (ie) => o.value = ie),
@@ -4752,12 +4752,12 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
               }, null, 8, ["refresh-counter", "context", "definition", "height", "hide-actions", "hide-zoom-actions", "is-fullscreen", "query-ready", "tile-id", "tile-type", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
             ]),
             _: 3
-          }, 40, ["columns", "tile-height", "tiles"])) : (R(), L(B, {
+          }, 40, ["columns", "tile-height", "tiles"])) : (x(), L(F, {
             key: 1,
             appearance: "danger"
           }, {
             default: M(() => [
-              ot(te(E(r).t("renderer.noQueryBridge")), 1)
+              mt(J(E(r).t("renderer.noQueryBridge")), 1)
             ]),
             _: 1
           }))
@@ -4765,7 +4765,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       ], 34);
     };
   }
-}), Qr = /* @__PURE__ */ _e(Lr, [["__scopeId", "data-v-50b17902"]]), Vr = /* @__PURE__ */ J({
+}), Yr = /* @__PURE__ */ _e(Or, [["__scopeId", "data-v-50b17902"]]), jr = /* @__PURE__ */ ee({
   __name: "DashboardTilePreview",
   props: {
     context: {},
@@ -4806,24 +4806,24 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       }
     }), (k, w) => {
       const O = le("KEmptyState");
-      return R(), G("div", {
+      return x(), B("div", {
         ref_key: "root",
         ref: i,
         "data-testid": "dashboard-tile-preview-root"
       }, [
-        g.value ? (R(), L(O, {
+        g.value ? (x(), L(O, {
           key: 0,
           "action-button-visible": !1,
           "data-testid": "chart-not-configured-empty-state"
         }, {
           title: M(() => [
-            ee("p", null, te(E(h).t("renderer.not_configured.title")), 1)
+            te("p", null, J(E(h).t("renderer.not_configured.title")), 1)
           ]),
           default: M(() => [
-            ee("p", null, te(E(h).t("renderer.not_configured.description")), 1)
+            te("p", null, J(E(h).t("renderer.not_configured.description")), 1)
           ]),
           _: 1
-        })) : (R(), L(fi, {
+        })) : (x(), L(fi, {
           key: 1,
           ref: "dashboard-tile",
           "refresh-counter": m.value,
@@ -4845,7 +4845,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       ], 512);
     };
   }
-}), Ar = (a) => {
+}), Hr = (a) => {
   var t;
   const e = (t = a.definition) == null ? void 0 : t.query;
   if (!e)
@@ -4855,7 +4855,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
     return;
   }
   return a;
-}, Or = (a) => {
+}, Ir = (a) => {
   var i;
   if (a.type === "table")
     return a;
@@ -4873,7 +4873,7 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
       query: t
     }
   };
-}, Hr = (a, e = bt) => {
+}, Mr = (a, e = bt) => {
   var o, n, d, l, h;
   if (!a.length)
     return [];
@@ -4896,15 +4896,15 @@ const xr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Cr = { cl
     r.push(p), i += f, s = Math.max(s, g);
   }
   return r;
-}, Yr = (a, e) => {
+}, Xr = (a, e) => {
   if (e) {
-    const s = a.tiles.map(Or);
+    const s = a.tiles.map(Ir);
     return {
       ...a,
       tiles: s
     };
   }
-  const t = a.tiles.map(Ar).filter((s) => s !== void 0), i = Hr(t, a.columns);
+  const t = a.tiles.map(Hr).filter((s) => s !== void 0), i = Mr(t, a.columns);
   return {
     ...a,
     tiles: i
@@ -4915,14 +4915,14 @@ export {
   bt as D,
   It as E,
   Ds as F,
-  vr as G,
+  br as G,
   ye as I,
   ks as T,
   Et as _,
   $e as a,
   Ts as b,
-  Qr as c,
-  Vr as d,
+  Yr as c,
+  jr as d,
   Ss as e,
-  Yr as f
+  Xr as f
 };