@kong-ui-public/dashboard-renderer 8.14.0 → 8.15.1

package/dist/{index-B4TY20j4.js → index-XkPrCKGh.js}

@@ -1,18 +1,18 @@
-import { ref as O, watchEffect as Kt, inject as ue, provide as Di, toRaw as Oi, computed as w, isRef as zi, isReactive as Ni, toRef as Te, hasInjectionContext as vt, onMounted as Ke, watch as Se, onUnmounted as Le, getCurrentInstance as Mi, readonly as tt, defineComponent as V, resolveComponent as se, unref as x, openBlock as _, createBlock as z, createSlots as Qe, withCtx as I, createElementVNode as j, toDisplayString as Q, renderSlot as De, createCommentVNode as K, normalizeStyle as Ie, normalizeClass as Ce, createVNode as le, mergeProps as Qt, createTextVNode as st, createElementBlock as F, normalizeProps as Li, guardReactiveProps as Ai, defineAsyncComponent as Vt, Fragment as rt, useCssVars as nt, useModel as jt, nextTick as ot, resolveDynamicComponent as Xt, toHandlers as Pi, mergeModels as Fe, renderList as Zt, useTemplateRef as bt } from "vue";
-import { isPlatformDatasource as Jt, msToGranularity as it, restoreAfterCapture as wt, prepareForCapture as qi, TimePeriods as Hi, TIMEFRAME_LOOKUP as Ii, formatTime as _t, EXPORT_RECORD_LIMIT as Fi } from "@kong-ui-public/analytics-utilities";
+import { ref as z, watchEffect as Kt, inject as de, provide as Di, toRaw as Oi, computed as w, isRef as zi, isReactive as Ni, toRef as Se, hasInjectionContext as vt, onMounted as Ke, watch as De, onUnmounted as Ae, getCurrentInstance as Mi, readonly as it, defineComponent as K, resolveComponent as se, unref as x, openBlock as _, createBlock as N, createSlots as Qe, withCtx as I, createElementVNode as V, toDisplayString as Y, renderSlot as Oe, createCommentVNode as U, normalizeStyle as Ie, normalizeClass as ke, createVNode as ue, mergeProps as Qt, createTextVNode as rt, createElementBlock as F, normalizeProps as Li, guardReactiveProps as Ai, defineAsyncComponent as Vt, Fragment as nt, useCssVars as ot, useModel as jt, nextTick as at, resolveDynamicComponent as Xt, toHandlers as Pi, mergeModels as Fe, renderList as Zt, useTemplateRef as bt } from "vue";
+import { isPlatformDatasource as Jt, msToGranularity as st, restoreAfterCapture as wt, prepareForCapture as qi, TimePeriods as Hi, TIMEFRAME_LOOKUP as Ii, formatTime as _t, EXPORT_RECORD_LIMIT as Fi } from "@kong-ui-public/analytics-utilities";
 import { handleQueryError as Bi, SimpleChart as Wi, AnalyticsChart as $i, TopNTable as Gi, CsvExportModal as Ui } from "@kong-ui-public/analytics-chart";
 import Yi from "swrv";
 import "axios";
 import { createI18n as Ki, i18nTComponent as Qi } from "@kong-ui-public/i18n";
-import { useAnalyticsConfigStore as at, useDatasourceConfigStore as Ae } from "@kong-ui-public/analytics-config-store";
+import { useAnalyticsConfigStore as lt, useDatasourceConfigStore as Pe } from "@kong-ui-public/analytics-config-store";
 import { VisibilityOffIcon as Vi, WarningOutlineIcon as ji, WarningIcon as Xi, ProgressIcon as Zi, RefreshIcon as Ji, EditIcon as es, MoreIcon as ts } from "@kong/icons";
 import { MetricsProvider as is, MetricsConsumer as ss } from "@kong-ui-public/analytics-metric-provider";
 import { TableDataGrid as rs } from "@kong-ui-public/table-data-grid";
 var ei = /* @__PURE__ */ ((n) => (n.VALIDATING = "VALIDATING", n.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", n.PENDING = "PENDING", n.SUCCESS = "SUCCESS", n.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", n.ERROR = "ERROR", n.STALE_IF_ERROR = "STALE_IF_ERROR", n))(ei || {});
 const ns = (n) => n ? !!// TODO: revisit: currently only the first check ever matters?
 (Object.keys(n)?.length || n.data?.length || n.data?.data?.length || !n.data?.data && typeof n.data == "object" && Object.keys(n?.data).length) : !1;
-function os(n = O({}), e, t, i = ns) {
-  const s = O(
+function os(n = z({}), e, t, i = ns) {
+  const s = z(
     "PENDING"
     /* PENDING */
   );
@@ -66,9 +66,9 @@ function ti() {
     // Translation component <i18n-t>
   };
 }
-const Pe = 170, lt = 6, fe = "analytics-query-provider", xt = "{entity-id}", ps = "{cp-id}", ys = "{timeframe}", vs = 30 * 1e3, bs = 3e5, ws = 36e5;
+const qe = 170, ut = 6, ge = "analytics-query-provider", xt = "{entity-id}", ps = "{cp-id}", ys = "{timeframe}", vs = 30 * 1e3, bs = 3e5, ws = 36e5;
 function _s() {
-  const n = ue(fe);
+  const n = de(ge);
   return {
     evaluateFeatureFlag: (t, i) => n ? n.evaluateFeatureFlagFn(t, i) : i
   };
@@ -76,7 +76,7 @@ function _s() {
 function xs(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var Je = { exports: {} }, Et;
+var et = { exports: {} }, Et;
 function Es() {
   return Et || (Et = 1, (function(n) {
     var e = Object.prototype.hasOwnProperty, t = "~";
@@ -137,8 +137,8 @@ function Es() {
           E[y - 1] = arguments[y];
         p.fn.apply(p.context, E);
       } else {
-        var A = p.length, L;
-        for (y = 0; y < A; y++)
+        var P = p.length, D;
+        for (y = 0; y < P; y++)
           switch (p[y].once && this.removeListener(l, p[y].fn, void 0, !0), T) {
             case 1:
               p[y].fn.call(p[y].context);
@@ -153,8 +153,8 @@ function Es() {
               p[y].fn.call(p[y].context, u, c, f);
               break;
             default:
-              if (!E) for (L = 1, E = new Array(T - 1); L < T; L++)
-                E[L - 1] = arguments[L];
+              if (!E) for (D = 1, E = new Array(T - 1); D < T; D++)
+                E[D - 1] = arguments[D];
               p[y].fn.apply(p[y].context, E);
           }
       }
@@ -181,7 +181,7 @@ function Es() {
       var u;
       return l ? (u = t ? t + l : l, this._events[u] && a(this, u)) : (this._events = new i(), this._eventsCount = 0), this;
     }, o.prototype.off = o.prototype.removeListener, o.prototype.addListener = o.prototype.on, o.prefixed = t, o.EventEmitter = o, n.exports = o;
-  })(Je)), Je.exports;
+  })(et)), et.exports;
 }
 var Cs = Es();
 const ks = /* @__PURE__ */ xs(Cs);
@@ -545,7 +545,7 @@ class Os extends ks {
   }
 }
 const zs = () => {
-  const n = at(), e = ue(fe);
+  const n = lt(), e = de(ge);
   if (!e)
     return;
   if (e.queryFnOverride) {
@@ -562,7 +562,7 @@ const zs = () => {
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  Di(fe, i);
+  Di(ge, i);
 };
 const Ns = typeof window < "u";
 let Rt;
@@ -576,7 +576,7 @@ var St;
   n.direct = "direct", n.patchObject = "patch object", n.patchFunction = "patch function";
 })(St || (St = {}));
 process.env.NODE_ENV;
-function Oe(n) {
+function ze(n) {
   const e = Oi(n), t = {};
   for (const i in e) {
     const s = e[i];
@@ -587,11 +587,11 @@ function Oe(n) {
         n[i] = r;
       }
     }) : (zi(s) || Ni(s)) && (t[i] = // ---
-    Te(n, i));
+    Se(n, i));
   }
   return t;
 }
-const ee = (n) => n?.chart.type === "table", Ms = [
+const Z = (n) => n?.chart.type === "table", Ms = [
   "basic",
   "api_usage",
   "llm_usage",
@@ -606,97 +606,97 @@ function As({
   definition: t,
   chartData: i
 }) {
-  const s = O(""), r = O(""), a = O(void 0), o = O(void 0), d = at(), l = Ae(), { stripUnknownFilters: u, loading: c } = Oe(l), f = w(() => ee(t.value));
+  const s = z(""), r = z(""), a = z(void 0), o = z(void 0), d = lt(), l = Pe(), { stripUnknownFilters: u, loading: c } = ze(l), f = w(() => Z(t.value));
   Ke(async () => {
     s.value = await n?.exploreBaseUrl?.() ?? "", r.value = await n?.requestsBaseUrl?.() ?? "";
   });
   const g = w(() => d.analytics && d.percentiles), m = w(() => {
-    const R = t.value.chart.type;
-    return ["golden_signals", "gauge"].includes(R) ? !1 : R === "top_n" ? e.value.editable || e.value.showTileActions : !0;
-  }), v = w(() => r.value && t.value.query && !f.value && t.value.query.datasource !== "llm_usage" && !Jt(t.value.query.datasource) && g.value && !c.value), p = w(() => s.value && t.value.query && Ls(t.value.query.datasource) && g.value && !c.value), T = w(() => i.value ? it(i.value.meta.granularity_ms) : void 0), E = w(() => {
-    const R = t.value, H = [...e.value.filters, ...R.query.filters ?? []], P = "metrics" in R.query ? R.query.metrics : void 0, J = R.query?.datasource ?? "api_usage";
+    const k = t.value.chart.type;
+    return ["golden_signals", "gauge"].includes(k) ? !1 : k === "top_n" ? e.value.editable || e.value.showTileActions : !0;
+  }), v = w(() => r.value && t.value.query && !f.value && t.value.query.datasource !== "llm_usage" && !Jt(t.value.query.datasource) && g.value && !c.value), p = w(() => s.value && t.value.query && Ls(t.value.query.datasource) && g.value && !c.value), T = w(() => i.value ? st(i.value.meta.granularity_ms) : void 0), E = w(() => {
+    const k = t.value, H = [...e.value.filters, ...k.query.filters ?? []], q = "metrics" in k.query ? k.query.metrics : void 0, Q = k.query?.datasource ?? "api_usage";
     return u.value({
-      datasource: J,
+      datasource: Q,
       filters: H,
-      queryFields: P
+      queryFields: q
     });
   }), y = w(() => {
     if (!p.value || !m.value)
       return "";
-    const R = t.value;
-    if (ee(R))
-      return te({
-        ...R.query,
+    const k = t.value;
+    if (Z(k))
+      return ee({
+        ...k.query,
         filters: E.value
       });
-    const H = R.query.time_range || e.value.timeSpec, P = G(H, E.value);
-    return te(P);
-  }), A = w(() => {
+    const H = k.query.time_range || e.value.timeSpec, q = oe(H, E.value);
+    return ee(q);
+  }), P = w(() => {
     if (!v.value || !m.value)
       return "";
-    const R = E.value, H = t.value;
-    if (ee(H))
+    const k = E.value, H = t.value;
+    if (Z(H))
       return "";
-    const P = $(
+    const q = J(
       H.query.time_range || e.value.timeSpec,
-      R
+      k
     );
-    return L(P);
-  }), L = (R) => v.value ? `${r.value}?q=${JSON.stringify(R)}` : "", $ = (R, H) => {
-    const P = i.value?.meta?.start ? new Date(i.value.meta.start) : void 0, J = i.value?.meta?.end ? new Date(i.value.meta.end) : void 0;
+    return D(q);
+  }), D = (k) => v.value ? `${r.value}?q=${JSON.stringify(k)}` : "", J = (k, H) => {
+    const q = i.value?.meta?.start ? new Date(i.value.meta.start) : void 0, Q = i.value?.meta?.end ? new Date(i.value.meta.end) : void 0;
     return {
       filter: H,
       timeframe: {
-        timePeriodsKey: R.type === "relative" ? R.time_range : "custom",
-        start: R.type === "absolute" ? P : void 0,
-        end: R.type === "absolute" ? J : void 0
+        timePeriodsKey: k.type === "relative" ? k.time_range : "custom",
+        start: k.type === "absolute" ? q : void 0,
+        end: k.type === "absolute" ? Q : void 0
       }
     };
-  }, de = (R, H) => ({
+  }, ce = (k, H) => ({
     filter: H,
     timeframe: {
-      timePeriodsKey: R.type === "relative" ? R.time_range : "custom",
-      start: R.type === "absolute" ? R.start : void 0,
-      end: R.type === "absolute" ? R.end : void 0
+      timePeriodsKey: k.type === "relative" ? k.time_range : "custom",
+      start: k.type === "absolute" ? k.start : void 0,
+      end: k.type === "absolute" ? k.end : void 0
     }
-  }), G = (R, H) => {
-    const P = t.value;
-    if (ee(P))
+  }), oe = (k, H) => {
+    const q = t.value;
+    if (Z(q))
       throw new Error("Cannot build a chart explore query for table chart definitions");
-    const J = [...P.query.dimensions ?? []], ce = [...P.query.metrics ?? []];
+    const Q = [...q.query.dimensions ?? []], he = [...q.query.metrics ?? []];
     return {
       filters: H,
-      metrics: ce,
-      dimensions: J,
-      time_range: R,
-      granularity: P.query.granularity || T.value || void 0
+      metrics: he,
+      dimensions: Q,
+      time_range: k,
+      granularity: q.query.granularity || T.value || void 0
     };
-  }, te = (R) => {
+  }, ee = (k) => {
     if (!p.value)
       return "";
     const H = t.value.query.datasource && t.value.query.datasource !== "basic" ? t.value.query.datasource : "api_usage";
-    return `${s.value}?q=${JSON.stringify(R)}&d=${H}&c=${t.value.chart.type}`;
+    return `${s.value}?q=${JSON.stringify(k)}&d=${H}&c=${t.value.chart.type}`;
   };
-  return Se([v, p], ([R, H]) => {
-    R && (a.value = { href: "" }), H && (o.value = { href: "" });
+  return De([v, p], ([k, H]) => {
+    k && (a.value = { href: "" }), H && (o.value = { href: "" });
   }), {
     exploreLinkKebabMenu: y,
-    requestsLinkKebabMenu: A,
+    requestsLinkKebabMenu: P,
     canShowKebabMenu: m,
     canGenerateRequestsLink: v,
     canGenerateExploreLink: p,
     requestsLinkZoomActions: a,
     exploreLinkZoomActions: o,
-    buildExploreQuery: G,
-    buildRequestsQueryZoomActions: de,
-    buildExploreLink: te,
-    buildRequestLink: L
+    buildExploreQuery: oe,
+    buildRequestsQueryZoomActions: ce,
+    buildExploreLink: ee,
+    buildRequestLink: D
   };
 }
 function Ps() {
-  const n = ue(fe), e = Ae(), { stripUnknownFilters: t } = Oe(e);
+  const n = de(ge), e = Pe(), { stripUnknownFilters: t } = ze(e);
   let i = null;
-  return Le(() => {
+  return Ae(() => {
     i?.abort();
   }), { issueQuery: async (r, a, o) => {
     if (!n)
@@ -738,11 +738,11 @@ function Ps() {
 }
 function qs({
   context: n,
-  globalFilters: e = O([]),
-  isFullscreen: t = O(!1),
-  preview: i = O(!1)
+  globalFilters: e = z([]),
+  isFullscreen: t = z(!1),
+  preview: i = z(!1)
 }) {
-  const s = at(), r = Ae(), { loading: a } = Oe(s), { loading: o } = Oe(r), d = w(() => n.value.timeSpec ? n.value.timeSpec : {
+  const s = lt(), r = Pe(), { loading: a } = ze(s), { loading: o } = ze(r), d = w(() => n.value.timeSpec ? n.value.timeSpec : {
     type: "relative",
     time_range: s.defaultQueryTimeForOrg
   }), l = w(() => {
@@ -753,8 +753,8 @@ function qs({
       if (d.value.type === "relative")
         T = ["15m", "1h", "6h", "12h", "24h"].includes(d.value.time_range);
       else {
-        const A = d.value.start.getTime(), L = d.value.end.getTime();
-        T = Math.abs(L - A) <= 864e5;
+        const P = d.value.start.getTime(), D = d.value.end.getTime();
+        T = Math.abs(D - P) <= 864e5;
       }
       const E = (/* @__PURE__ */ new Date()).getTime();
       d.value.type === "absolute" && d.value.end.getTime() < E || d.value.type === "relative" && ["previous_week", "previous_month"].includes(d.value.time_range) ? f = 0 : T ? f = bs : f = ws;
@@ -778,27 +778,27 @@ function qs({
   };
 }
 const si = 6048e5, Hs = 864e5, Dt = /* @__PURE__ */ Symbol.for("constructDateFrom");
-function me(n, e) {
+function pe(n, e) {
   return typeof n == "function" ? n(e) : n && typeof n == "object" && Dt in n ? n[Dt](e) : n instanceof Date ? new n.constructor(e) : new Date(e);
 }
 function ne(n, e) {
-  return me(e || n, n);
+  return pe(e || n, n);
 }
 let Is = {};
 function Ve() {
   return Is;
 }
-function ze(n, e) {
+function Ne(n, e) {
   const t = Ve(), i = e?.weekStartsOn ?? e?.locale?.options?.weekStartsOn ?? t.weekStartsOn ?? t.locale?.options?.weekStartsOn ?? 0, s = ne(n, e?.in), r = s.getDay(), a = (r < i ? 7 : 0) + r - i;
   return s.setDate(s.getDate() - a), s.setHours(0, 0, 0, 0), s;
 }
 function Be(n, e) {
-  return ze(n, { ...e, weekStartsOn: 1 });
+  return Ne(n, { ...e, weekStartsOn: 1 });
 }
 function ri(n, e) {
-  const t = ne(n, e?.in), i = t.getFullYear(), s = me(t, 0);
+  const t = ne(n, e?.in), i = t.getFullYear(), s = pe(t, 0);
   s.setFullYear(i + 1, 0, 4), s.setHours(0, 0, 0, 0);
-  const r = Be(s), a = me(t, 0);
+  const r = Be(s), a = pe(t, 0);
   a.setFullYear(i, 0, 4), a.setHours(0, 0, 0, 0);
   const o = Be(a);
   return t.getTime() >= r.getTime() ? i + 1 : t.getTime() >= o.getTime() ? i : i - 1;
@@ -818,7 +818,7 @@ function Ot(n) {
   return t.setUTCFullYear(e.getFullYear()), +n - +t;
 }
 function Fs(n, ...e) {
-  const t = me.bind(
+  const t = pe.bind(
     null,
     e.find((i) => typeof i == "object")
   );
@@ -837,7 +837,7 @@ function Bs(n, e, t) {
   return Math.round((o - d) / Hs);
 }
 function Ws(n, e) {
-  const t = ri(n, e), i = me(n, 0);
+  const t = ri(n, e), i = pe(n, 0);
   return i.setFullYear(t, 0, 4), i.setHours(0, 0, 0, 0), Be(i);
 }
 function $s(n) {
@@ -917,7 +917,7 @@ const Ys = {
   const s = Ys[n];
   return typeof s == "string" ? i = s : e === 1 ? i = s.one : i = s.other.replace("{{count}}", e.toString()), t?.addSuffix ? t.comparison && t.comparison > 0 ? "in " + i : i + " ago" : i;
 };
-function et(n) {
+function tt(n) {
   return (e = {}) => {
     const t = e.width ? String(e.width) : n.defaultWidth;
     return n.formats[t] || n.formats[n.defaultWidth];
@@ -939,15 +939,15 @@ const Qs = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, Xs = {
-  date: et({
+  date: tt({
     formats: Qs,
     defaultWidth: "full"
   }),
-  time: et({
+  time: tt({
     formats: Vs,
     defaultWidth: "full"
   }),
-  dateTime: et({
+  dateTime: tt({
     formats: js,
     defaultWidth: "full"
   })
@@ -959,7 +959,7 @@ const Qs = {
   nextWeek: "eeee 'at' p",
   other: "P"
 }, Js = (n, e, t, i) => Zs[n];
-function ke(n) {
+function Re(n) {
   return (e, t) => {
     const i = t?.context ? String(t.context) : "standalone";
     let s;
@@ -1101,31 +1101,31 @@ const er = {
   return t + "th";
 }, ar = {
   ordinalNumber: or,
-  era: ke({
+  era: Re({
     values: er,
     defaultWidth: "wide"
   }),
-  quarter: ke({
+  quarter: Re({
     values: tr,
     defaultWidth: "wide",
     argumentCallback: (n) => n - 1
   }),
-  month: ke({
+  month: Re({
     values: ir,
     defaultWidth: "wide"
   }),
-  day: ke({
+  day: Re({
     values: sr,
     defaultWidth: "wide"
   }),
-  dayPeriod: ke({
+  dayPeriod: Re({
     values: rr,
     defaultWidth: "wide",
     formattingValues: nr,
     defaultFormattingWidth: "wide"
   })
 };
-function Re(n) {
+function Te(n) {
   return (e, t = {}) => {
     const i = t.width, s = i && n.matchPatterns[i] || n.matchPatterns[n.defaultMatchWidth], r = e.match(s);
     if (!r)
@@ -1238,32 +1238,32 @@ const cr = /^(\d+)(th|st|nd|rd)?/i, hr = /\d+/i, fr = {
     parsePattern: hr,
     valueCallback: (n) => parseInt(n, 10)
   }),
-  era: Re({
+  era: Te({
     matchPatterns: fr,
     defaultMatchWidth: "wide",
     parsePatterns: gr,
     defaultParseWidth: "any"
   }),
-  quarter: Re({
+  quarter: Te({
     matchPatterns: mr,
     defaultMatchWidth: "wide",
     parsePatterns: pr,
     defaultParseWidth: "any",
     valueCallback: (n) => n + 1
   }),
-  month: Re({
+  month: Te({
     matchPatterns: yr,
     defaultMatchWidth: "wide",
     parsePatterns: vr,
     defaultParseWidth: "any"
   }),
-  day: Re({
+  day: Te({
     matchPatterns: br,
     defaultMatchWidth: "wide",
     parsePatterns: wr,
     defaultParseWidth: "any"
   }),
-  dayPeriod: Re({
+  dayPeriod: Te({
     matchPatterns: _r,
     defaultMatchWidth: "any",
     parsePatterns: xr,
@@ -1290,39 +1290,39 @@ function Rr(n, e) {
   return Math.round(i / si) + 1;
 }
 function ni(n, e) {
-  const t = ne(n, e?.in), i = t.getFullYear(), s = Ve(), r = e?.firstWeekContainsDate ?? e?.locale?.options?.firstWeekContainsDate ?? s.firstWeekContainsDate ?? s.locale?.options?.firstWeekContainsDate ?? 1, a = me(e?.in || n, 0);
+  const t = ne(n, e?.in), i = t.getFullYear(), s = Ve(), r = e?.firstWeekContainsDate ?? e?.locale?.options?.firstWeekContainsDate ?? s.firstWeekContainsDate ?? s.locale?.options?.firstWeekContainsDate ?? 1, a = pe(e?.in || n, 0);
   a.setFullYear(i + 1, 0, r), a.setHours(0, 0, 0, 0);
-  const o = ze(a, e), d = me(e?.in || n, 0);
+  const o = Ne(a, e), d = pe(e?.in || n, 0);
   d.setFullYear(i, 0, r), d.setHours(0, 0, 0, 0);
-  const l = ze(d, e);
+  const l = Ne(d, e);
   return +t >= +o ? i + 1 : +t >= +l ? i : i - 1;
 }
 function Tr(n, e) {
-  const t = Ve(), i = e?.firstWeekContainsDate ?? e?.locale?.options?.firstWeekContainsDate ?? t.firstWeekContainsDate ?? t.locale?.options?.firstWeekContainsDate ?? 1, s = ni(n, e), r = me(e?.in || n, 0);
-  return r.setFullYear(s, 0, i), r.setHours(0, 0, 0, 0), ze(r, e);
+  const t = Ve(), i = e?.firstWeekContainsDate ?? e?.locale?.options?.firstWeekContainsDate ?? t.firstWeekContainsDate ?? t.locale?.options?.firstWeekContainsDate ?? 1, s = ni(n, e), r = pe(e?.in || n, 0);
+  return r.setFullYear(s, 0, i), r.setHours(0, 0, 0, 0), Ne(r, e);
 }
 function Sr(n, e) {
-  const t = ne(n, e?.in), i = +ze(t, e) - +Tr(t, e);
+  const t = ne(n, e?.in), i = +Ne(t, e) - +Tr(t, e);
   return Math.round(i / si) + 1;
 }
-function M(n, e) {
+function L(n, e) {
   const t = n < 0 ? "-" : "", i = Math.abs(n).toString().padStart(e, "0");
   return t + i;
 }
-const ge = {
+const me = {
   // Year
   y(n, e) {
     const t = n.getFullYear(), i = t > 0 ? t : 1 - t;
-    return M(e === "yy" ? i % 100 : i, e.length);
+    return L(e === "yy" ? i % 100 : i, e.length);
   },
   // Month
   M(n, e) {
     const t = n.getMonth();
-    return e === "M" ? String(t + 1) : M(t + 1, 2);
+    return e === "M" ? String(t + 1) : L(t + 1, 2);
   },
   // Day of the month
   d(n, e) {
-    return M(n.getDate(), e.length);
+    return L(n.getDate(), e.length);
   },
   // AM or PM
   a(n, e) {
@@ -1341,28 +1341,28 @@ const ge = {
   },
   // Hour [1-12]
   h(n, e) {
-    return M(n.getHours() % 12 || 12, e.length);
+    return L(n.getHours() % 12 || 12, e.length);
   },
   // Hour [0-23]
   H(n, e) {
-    return M(n.getHours(), e.length);
+    return L(n.getHours(), e.length);
   },
   // Minute
   m(n, e) {
-    return M(n.getMinutes(), e.length);
+    return L(n.getMinutes(), e.length);
   },
   // Second
   s(n, e) {
-    return M(n.getSeconds(), e.length);
+    return L(n.getSeconds(), e.length);
   },
   // Fraction of second
   S(n, e) {
     const t = e.length, i = n.getMilliseconds(), s = Math.trunc(
       i * Math.pow(10, t - 3)
     );
-    return M(s, e.length);
+    return L(s, e.length);
   }
-}, Ee = {
+}, Ce = {
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -1392,21 +1392,21 @@ const ge = {
       const i = n.getFullYear(), s = i > 0 ? i : 1 - i;
       return t.ordinalNumber(s, { unit: "year" });
     }
-    return ge.y(n, e);
+    return me.y(n, e);
   },
   // Local week-numbering year
   Y: function(n, e, t, i) {
     const s = ni(n, i), r = s > 0 ? s : 1 - s;
     if (e === "YY") {
       const a = r % 100;
-      return M(a, 2);
+      return L(a, 2);
     }
-    return e === "Yo" ? t.ordinalNumber(r, { unit: "year" }) : M(r, e.length);
+    return e === "Yo" ? t.ordinalNumber(r, { unit: "year" }) : L(r, e.length);
   },
   // ISO week-numbering year
   R: function(n, e) {
     const t = ri(n);
-    return M(t, e.length);
+    return L(t, e.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
   // The main difference between `y` and `u` localizers are B.C. years:
@@ -1419,7 +1419,7 @@ const ge = {
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
   u: function(n, e) {
     const t = n.getFullYear();
-    return M(t, e.length);
+    return L(t, e.length);
   },
   // Quarter
   Q: function(n, e, t) {
@@ -1430,7 +1430,7 @@ const ge = {
         return String(i);
       // 01, 02, 03, 04
       case "QQ":
-        return M(i, 2);
+        return L(i, 2);
       // 1st, 2nd, 3rd, 4th
       case "Qo":
         return t.ordinalNumber(i, { unit: "quarter" });
@@ -1462,7 +1462,7 @@ const ge = {
         return String(i);
       // 01, 02, 03, 04
       case "qq":
-        return M(i, 2);
+        return L(i, 2);
       // 1st, 2nd, 3rd, 4th
       case "qo":
         return t.ordinalNumber(i, { unit: "quarter" });
@@ -1491,7 +1491,7 @@ const ge = {
     switch (e) {
       case "M":
       case "MM":
-        return ge.M(n, e);
+        return me.M(n, e);
       // 1st, 2nd, ..., 12th
       case "Mo":
         return t.ordinalNumber(i + 1, { unit: "month" });
@@ -1520,7 +1520,7 @@ const ge = {
         return String(i + 1);
       // 01, 02, ..., 12
       case "LL":
-        return M(i + 1, 2);
+        return L(i + 1, 2);
       // 1st, 2nd, ..., 12th
       case "Lo":
         return t.ordinalNumber(i + 1, { unit: "month" });
@@ -1543,21 +1543,21 @@ const ge = {
   // Local week of year
   w: function(n, e, t, i) {
     const s = Sr(n, i);
-    return e === "wo" ? t.ordinalNumber(s, { unit: "week" }) : M(s, e.length);
+    return e === "wo" ? t.ordinalNumber(s, { unit: "week" }) : L(s, e.length);
   },
   // ISO week of year
   I: function(n, e, t) {
     const i = Rr(n);
-    return e === "Io" ? t.ordinalNumber(i, { unit: "week" }) : M(i, e.length);
+    return e === "Io" ? t.ordinalNumber(i, { unit: "week" }) : L(i, e.length);
   },
   // Day of the month
   d: function(n, e, t) {
-    return e === "do" ? t.ordinalNumber(n.getDate(), { unit: "date" }) : ge.d(n, e);
+    return e === "do" ? t.ordinalNumber(n.getDate(), { unit: "date" }) : me.d(n, e);
   },
   // Day of year
   D: function(n, e, t) {
     const i = kr(n);
-    return e === "Do" ? t.ordinalNumber(i, { unit: "dayOfYear" }) : M(i, e.length);
+    return e === "Do" ? t.ordinalNumber(i, { unit: "dayOfYear" }) : L(i, e.length);
   },
   // Day of week
   E: function(n, e, t) {
@@ -1599,7 +1599,7 @@ const ge = {
         return String(r);
       // Padded numerical value
       case "ee":
-        return M(r, 2);
+        return L(r, 2);
       // 1st, 2nd, ..., 7th
       case "eo":
         return t.ordinalNumber(r, { unit: "day" });
@@ -1636,7 +1636,7 @@ const ge = {
         return String(r);
       // Padded numerical value
       case "cc":
-        return M(r, e.length);
+        return L(r, e.length);
       // 1st, 2nd, ..., 7th
       case "co":
         return t.ordinalNumber(r, { unit: "day" });
@@ -1673,7 +1673,7 @@ const ge = {
         return String(s);
       // 02
       case "ii":
-        return M(s, e.length);
+        return L(s, e.length);
       // 2nd
       case "io":
         return t.ordinalNumber(s, { unit: "day" });
@@ -1733,7 +1733,7 @@ const ge = {
   b: function(n, e, t) {
     const i = n.getHours();
     let s;
-    switch (i === 12 ? s = Ee.noon : i === 0 ? s = Ee.midnight : s = i / 12 >= 1 ? "pm" : "am", e) {
+    switch (i === 12 ? s = Ce.noon : i === 0 ? s = Ce.midnight : s = i / 12 >= 1 ? "pm" : "am", e) {
       case "b":
       case "bb":
         return t.dayPeriod(s, {
@@ -1761,7 +1761,7 @@ const ge = {
   B: function(n, e, t) {
     const i = n.getHours();
     let s;
-    switch (i >= 17 ? s = Ee.evening : i >= 12 ? s = Ee.afternoon : i >= 4 ? s = Ee.morning : s = Ee.night, e) {
+    switch (i >= 17 ? s = Ce.evening : i >= 12 ? s = Ce.afternoon : i >= 4 ? s = Ce.morning : s = Ce.night, e) {
       case "B":
       case "BB":
       case "BBB":
@@ -1787,33 +1787,33 @@ const ge = {
       let i = n.getHours() % 12;
       return i === 0 && (i = 12), t.ordinalNumber(i, { unit: "hour" });
     }
-    return ge.h(n, e);
+    return me.h(n, e);
   },
   // Hour [0-23]
   H: function(n, e, t) {
-    return e === "Ho" ? t.ordinalNumber(n.getHours(), { unit: "hour" }) : ge.H(n, e);
+    return e === "Ho" ? t.ordinalNumber(n.getHours(), { unit: "hour" }) : me.H(n, e);
   },
   // Hour [0-11]
   K: function(n, e, t) {
     const i = n.getHours() % 12;
-    return e === "Ko" ? t.ordinalNumber(i, { unit: "hour" }) : M(i, e.length);
+    return e === "Ko" ? t.ordinalNumber(i, { unit: "hour" }) : L(i, e.length);
   },
   // Hour [1-24]
   k: function(n, e, t) {
     let i = n.getHours();
-    return i === 0 && (i = 24), e === "ko" ? t.ordinalNumber(i, { unit: "hour" }) : M(i, e.length);
+    return i === 0 && (i = 24), e === "ko" ? t.ordinalNumber(i, { unit: "hour" }) : L(i, e.length);
   },
   // Minute
   m: function(n, e, t) {
-    return e === "mo" ? t.ordinalNumber(n.getMinutes(), { unit: "minute" }) : ge.m(n, e);
+    return e === "mo" ? t.ordinalNumber(n.getMinutes(), { unit: "minute" }) : me.m(n, e);
   },
   // Second
   s: function(n, e, t) {
-    return e === "so" ? t.ordinalNumber(n.getSeconds(), { unit: "second" }) : ge.s(n, e);
+    return e === "so" ? t.ordinalNumber(n.getSeconds(), { unit: "second" }) : me.s(n, e);
   },
   // Fraction of second
   S: function(n, e) {
-    return ge.S(n, e);
+    return me.S(n, e);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function(n, e, t) {
@@ -1882,22 +1882,22 @@ const ge = {
   // Seconds timestamp
   t: function(n, e, t) {
     const i = Math.trunc(+n / 1e3);
-    return M(i, e.length);
+    return L(i, e.length);
   },
   // Milliseconds timestamp
   T: function(n, e, t) {
-    return M(+n, e.length);
+    return L(+n, e.length);
   }
 };
 function Mt(n, e = "") {
   const t = n > 0 ? "-" : "+", i = Math.abs(n), s = Math.trunc(i / 60), r = i % 60;
-  return r === 0 ? t + String(s) : t + String(s) + e + M(r, 2);
+  return r === 0 ? t + String(s) : t + String(s) + e + L(r, 2);
 }
 function Lt(n, e) {
-  return n % 60 === 0 ? (n > 0 ? "-" : "+") + M(Math.abs(n) / 60, 2) : _e(n, e);
+  return n % 60 === 0 ? (n > 0 ? "-" : "+") + L(Math.abs(n) / 60, 2) : _e(n, e);
 }
 function _e(n, e = "") {
-  const t = n > 0 ? "-" : "+", i = Math.abs(n), s = M(Math.trunc(i / 60), 2), r = M(i % 60, 2);
+  const t = n > 0 ? "-" : "+", i = Math.abs(n), s = L(Math.trunc(i / 60), 2), r = L(i % 60, 2);
   return t + s + e + r;
 }
 const At = (n, e) => {
@@ -2045,14 +2045,14 @@ function jr(n, e, t, i) {
   }
   const s = [];
   let r = 0;
-  for (let a = 0; a < n.length; a++) {
-    const o = n[a].top * i;
-    n[a].bottom * i - r > t && r < o && (s.push({ startY: r, height: o - r }), r = o);
+  for (const a of n) {
+    const o = a.top * i, d = a.bottom * i;
+    d - r > t && (o > r ? (s.push({ startY: r, height: o - r }), r = o) : (s.push({ startY: r, height: d - r }), r = d));
   }
   return r < e && s.push({ startY: r, height: e - r }), s;
 }
 function Xr(n) {
-  const { i18n: e } = ti(), t = O({ status: "idle" });
+  const { i18n: e } = ti(), t = z({ status: "idle" });
   async function i(s = {}) {
     const {
       filename: r,
@@ -2074,61 +2074,61 @@ function Xr(n) {
     }
     try {
       t.value = { status: "preparing" }, await v?.();
-      const E = Vr(T), [{ snapdom: y }, { jsPDF: A }] = await Promise.all([
+      const [{ snapdom: E }, { jsPDF: y }] = await Promise.all([
         import("@zumer/snapdom"),
         import("jspdf")
       ]);
       t.value = { status: "capturing" };
-      const L = {
+      const P = {
         name: "kong-webgl-snapshot",
         beforeClone: () => qi(),
         afterClone: () => wt()
-      }, $ = await y.toCanvas(T, { scale: f, exclude: g, plugins: [L] });
+      }, D = await E.toCanvas(T, { scale: f, exclude: g, plugins: [P] }), J = Vr(T), ce = T.getBoundingClientRect().width, oe = ce ? D.width / ce : f;
       t.value = { status: "generating" };
-      const de = /* @__PURE__ */ new Date(), G = new A({ orientation: l, unit: "mm", format: u }), te = G.internal.pageSize.getWidth(), R = G.internal.pageSize.getHeight(), H = Ur + (o ? li : 0), P = te - c * 2, J = R - c * 2 - H - ai, ce = $.width / P, ie = J * ce, he = jr(E, $.height, ie, f), S = {
+      const ee = /* @__PURE__ */ new Date(), k = new y({ orientation: l, unit: "mm", format: u }), H = k.internal.pageSize.getWidth(), q = k.internal.pageSize.getHeight(), Q = Ur + (o ? li : 0), he = H - c * 2, te = q - c * 2 - Q - ai, xe = D.width / he, S = te * xe, O = jr(J, D.height, S, oe), B = {
         title: a,
         subtitle: o,
         dashboardUrl: d,
         generatedAt: e.t("pdfExport.generated", {
-          timestamp: de.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" })
+          timestamp: ee.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" })
         }),
         branding: e.t("pdfExport.branding"),
         dashboardNote: e.t("pdfExport.dashboardNote"),
-        pageWidth: te,
-        pageHeight: R,
-        headerHeight: H,
+        pageWidth: H,
+        pageHeight: q,
+        headerHeight: Q,
         margin: c
       };
-      for (let D = 0; D < he.length; D++) {
-        D > 0 && G.addPage();
-        const { startY: B, height: q } = he[D], W = document.createElement("canvas");
-        W.width = $.width, W.height = q, W.getContext("2d").drawImage(
-          $,
+      for (let A = 0; A < O.length; A++) {
+        A > 0 && k.addPage();
+        const { startY: W, height: ie } = O[A], fe = document.createElement("canvas");
+        fe.width = D.width, fe.height = ie, fe.getContext("2d").drawImage(
+          D,
           0,
-          B,
-          $.width,
-          q,
+          W,
+          D.width,
+          ie,
           0,
           0,
-          $.width,
-          q
-        ), G.addImage(
-          W.toDataURL("image/png"),
+          D.width,
+          ie
+        ), k.addImage(
+          fe.toDataURL("image/png"),
           "PNG",
           c,
-          c + H,
-          P,
-          q / ce
-        ), Qr(G, {
-          ...S,
-          pageLabel: e.t("pdfExport.pageOf", { page: String(D + 1), total: String(he.length) })
+          c + Q,
+          he,
+          ie / xe
+        ), Qr(k, {
+          ...B,
+          pageLabel: e.t("pdfExport.pageOf", { page: String(A + 1), total: String(O.length) })
         });
       }
       if (m === "blob") {
-        const D = G.output("blob");
-        return t.value = { status: "complete", pageCount: he.length }, D;
+        const A = k.output("blob");
+        return t.value = { status: "complete", pageCount: O.length }, A;
       }
-      G.save(Kr(r, a, de)), t.value = { status: "complete", pageCount: he.length };
+      k.save(Kr(r, a, ee)), t.value = { status: "complete", pageCount: O.length };
     } catch (E) {
       t.value = { status: "error", error: E };
     } finally {
@@ -2137,10 +2137,10 @@ function Xr(n) {
   }
   return {
     exportPdf: i,
-    exportState: tt(t)
+    exportState: it(t)
   };
 }
-const Z = {
+const X = {
   useContextLinks: As,
   useDashboardInternalContext: qs,
   useEvaluateFeatureFlag: _s,
@@ -2148,7 +2148,7 @@ const Z = {
   useI18n: ti,
   useIssueQuery: Ps,
   useRequestQueue: zs
-}, ut = /* @__PURE__ */ V({
+}, dt = /* @__PURE__ */ K({
   __name: "QueryDataProvider",
   props: {
     context: {},
@@ -2159,7 +2159,7 @@ const Z = {
   },
   emits: ["chart-data", "query-complete"],
   setup(n, { emit: e }) {
-    const t = n, i = e, { i18n: s } = Z.useI18n(), { issueQuery: r } = Z.useIssueQuery(), a = ue(fe), o = () => t.queryReady && a ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: d, error: l, isValidating: u } = Yi(o, async () => {
+    const t = n, i = e, { i18n: s } = X.useI18n(), { issueQuery: r } = X.useIssueQuery(), a = de(ge), o = () => t.queryReady && a ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: d, error: l, isValidating: u } = Yi(o, async () => {
       const E = o();
       try {
         const y = await r(t.query, t.context, t.limitOverride);
@@ -2175,42 +2175,42 @@ const Z = {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1,
       shouldRetryOnError: !1
-    }), { state: c, swrvState: f } = os(d, l, u), g = O(null), m = w(() => c.value === f.ERROR || !!g.value), v = w(() => !t.queryReady || c.value === f.PENDING), p = O(), T = w(() => d.value ?? (t.queryReady && c.value === f.PENDING ? p.value : void 0));
-    return Se([() => d.value, () => c.value], ([E, y]) => {
+    }), { state: c, swrvState: f } = os(d, l, u), g = z(null), m = w(() => c.value === f.ERROR || !!g.value), v = w(() => !t.queryReady || c.value === f.PENDING), p = z(), T = w(() => d.value ?? (t.queryReady && c.value === f.PENDING ? p.value : void 0));
+    return De([() => d.value, () => c.value], ([E, y]) => {
       E && (y === "SUCCESS_HAS_DATA" || y === "SUCCESS") && E !== p.value && (p.value = E, i("chart-data", E));
     }), (E, y) => {
-      const A = se("KSkeleton"), L = se("KEmptyState");
-      return (v.value || !x(d) && !m.value) && !T.value ? (_(), z(A, {
+      const P = se("KSkeleton"), D = se("KEmptyState");
+      return (v.value || !x(d) && !m.value) && !T.value ? (_(), N(P, {
         key: 0,
         class: "chart-skeleton",
         type: "table"
-      })) : m.value && !v.value ? (_(), z(L, {
+      })) : m.value && !v.value ? (_(), N(D, {
         key: 1,
         "action-button-visible": !1,
         "data-testid": "chart-empty-state"
       }, Qe({
         icon: I(() => [
-          g.value?.type === "forbidden" ? (_(), z(x(Vi), { key: 0 })) : (_(), z(x(ji), { key: 1 }))
+          g.value?.type === "forbidden" ? (_(), N(x(Vi), { key: 0 })) : (_(), N(x(ji), { key: 1 }))
         ]),
         title: I(() => [
-          j("p", null, Q(g.value?.message || x(s).t("renderer.unexpectedError")), 1)
+          V("p", null, Y(g.value?.message || x(s).t("renderer.unexpectedError")), 1)
         ]),
         _: 2
       }, [
         g.value?.details ? {
           name: "default",
           fn: I(() => [
-            j("p", null, Q(g.value.details), 1)
+            V("p", null, Y(g.value.details), 1)
           ]),
           key: "0"
         } : void 0
-      ]), 1024)) : T.value ? De(E.$slots, "default", {
+      ]), 1024)) : T.value ? Oe(E.$slots, "default", {
         key: 2,
         data: T.value
-      }) : K("", !0);
+      }) : U("", !0);
     };
   }
-}), Zr = /* @__PURE__ */ V({
+}), Zr = /* @__PURE__ */ K({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -2224,18 +2224,18 @@ const Z = {
   },
   setup(n) {
     const e = n, t = w(() => e.chartOptions.type === "single_value");
-    return (i, s) => (_(), z(ut, {
+    return (i, s) => (_(), N(dt, {
       context: n.context,
       query: n.query,
       "query-ready": n.queryReady,
       "refresh-counter": n.refreshCounter
     }, {
       default: I(({ data: r }) => [
-        j("div", {
-          class: Ce(["analytics-chart", { "single-value": t.value }]),
+        V("div", {
+          class: ke(["analytics-chart", { "single-value": t.value }]),
           style: Ie(t.value ? void 0 : { height: `${n.height}px` })
         }, [
-          le(x(Wi), {
+          ue(x(Wi), {
             "chart-data": r,
             "chart-options": n.chartOptions,
             "synthetics-data-key": t.value ? void 0 : n.chartOptions.synthetics_data_key
@@ -2245,12 +2245,12 @@ const Z = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), pe = (n, e) => {
+}), ye = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, Pt = /* @__PURE__ */ pe(Zr, [["__scopeId", "data-v-2cbfac70"]]), Jr = { class: "analytics-chart" }, en = /* @__PURE__ */ V({
+}, Pt = /* @__PURE__ */ ye(Zr, [["__scopeId", "data-v-2cbfac70"]]), Jr = { class: "analytics-chart" }, en = /* @__PURE__ */ K({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -2265,7 +2265,7 @@ const Z = {
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range", "view-requests", "select-chart-range"],
   setup(n, { emit: e }) {
-    const t = n, i = e, { i18n: s } = Z.useI18n(), r = w(() => ({
+    const t = n, i = e, { i18n: s } = X.useI18n(), r = w(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chart_dataset_colors,
@@ -2278,7 +2278,7 @@ const Z = {
     };
     return (l, u) => {
       const c = se("KDropdownItem");
-      return _(), z(ut, {
+      return _(), N(dt, {
         context: n.context,
         query: n.query,
         "query-ready": n.queryReady,
@@ -2286,8 +2286,8 @@ const Z = {
         onChartData: d
       }, {
         default: I(({ data: f }) => [
-          j("div", Jr, [
-            le(x($i), Qt({
+          V("div", Jr, [
+            ue(x($i), Qt({
               "chart-data": f,
               "chart-options": r.value,
               "explore-link": n.exploreLink,
@@ -2303,9 +2303,9 @@ const Z = {
               n.context.editable ? {
                 name: "menu-items",
                 fn: I(() => [
-                  le(c, { onClick: o }, {
+                  ue(c, { onClick: o }, {
                     default: I(() => [
-                      st(Q(x(s).t("renderer.edit")), 1)
+                      rt(Y(x(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -2319,7 +2319,7 @@ const Z = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), dt = /* @__PURE__ */ pe(en, [["__scopeId", "data-v-e1e7f610"]]), qt = /* @__PURE__ */ V({
+}), ct = /* @__PURE__ */ ye(en, [["__scopeId", "data-v-e1e7f610"]]), qt = /* @__PURE__ */ K({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -2332,7 +2332,7 @@ const Z = {
     exploreLink: {}
   },
   setup(n) {
-    return (e, t) => (_(), z(dt, {
+    return (e, t) => (_(), N(ct, {
       "chart-options": n.chartOptions,
       context: n.context,
       "extra-props": { showAnnotations: !1 },
@@ -2342,7 +2342,7 @@ const Z = {
       "refresh-counter": n.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), Ht = /* @__PURE__ */ V({
+}), Ht = /* @__PURE__ */ K({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -2357,7 +2357,7 @@ const Z = {
   emits: ["zoom-time-range", "select-chart-range"],
   setup(n, { emit: e }) {
     const t = e;
-    return (i, s) => (_(), z(dt, {
+    return (i, s) => (_(), N(ct, {
       "chart-options": n.chartOptions,
       context: n.context,
       "explore-link": n.exploreLink,
@@ -2370,7 +2370,7 @@ const Z = {
       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"]));
   }
-}), tn = /* @__PURE__ */ V({
+}), tn = /* @__PURE__ */ K({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -2400,28 +2400,28 @@ const Z = {
       };
     });
     return (i, s) => (_(), F("div", {
-      class: Ce(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
+      class: ke(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
     }, [
-      le(x(is), Li(Ai(t.value)), {
+      ue(x(is), Li(Ai(t.value)), {
         default: I(() => [
-          le(x(ss))
+          ue(x(ss))
         ]),
         _: 1
       }, 16)
     ], 2));
   }
-}), sn = /* @__PURE__ */ pe(tn, [["__scopeId", "data-v-b77f52b8"]]), rn = {
+}), sn = /* @__PURE__ */ ye(tn, [["__scopeId", "data-v-b77f52b8"]]), rn = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
-}, It = /* @__PURE__ */ V({
+}, It = /* @__PURE__ */ K({
   __name: "FallbackEntityLink",
   props: {
     entityLinkData: {}
   },
   setup(n) {
-    return (e, t) => (_(), F("div", rn, Q(n.entityLinkData.label), 1));
+    return (e, t) => (_(), F("div", rn, Y(n.entityLinkData.label), 1));
   }
-}), nn = { key: 0 }, on = { key: 1 }, an = /* @__PURE__ */ V({
+}), nn = { key: 0 }, on = { key: 1 }, an = /* @__PURE__ */ K({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -2434,7 +2434,7 @@ const Z = {
     exploreLink: {}
   },
   setup(n) {
-    const e = n, t = ue(fe), i = Vt(async () => {
+    const e = n, t = de(ge), i = Vt(async () => {
       if (t?.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
@@ -2458,21 +2458,21 @@ const Z = {
           return u.replace(xt, l.id);
       return "";
     };
-    return (l, u) => (_(), z(ut, {
+    return (l, u) => (_(), N(dt, {
       context: n.context,
       query: n.query,
       "query-ready": n.queryReady,
       "refresh-counter": n.refreshCounter
     }, {
       default: I(({ data: c }) => [
-        le(x(Gi), {
+        ue(x(Gi), {
           data: c,
           "synthetics-data-key": n.chartOptions.synthetics_data_key
         }, Qe({ _: 2 }, [
           s.value ? {
             name: "name",
             fn: I(({ record: f }) => [
-              !f.isEmpty && o(f) ? (_(), z(x(i), {
+              !f.isEmpty && o(f) ? (_(), N(x(i), {
                 key: 0,
                 "entity-link-data": {
                   id: f.id,
@@ -2480,8 +2480,8 @@ const Z = {
                   deleted: f.deleted
                 },
                 "external-link": d(f)
-              }, null, 8, ["entity-link-data", "external-link"])) : (_(), F(rt, { key: 1 }, [
-                f.name === "empty" ? (_(), F("i", nn, Q(f.name), 1)) : (_(), F("span", on, Q(f.name), 1))
+              }, null, 8, ["entity-link-data", "external-link"])) : (_(), F(nt, { key: 1 }, [
+                f.name === "empty" ? (_(), F("i", nn, Y(f.name), 1)) : (_(), F("span", on, Y(f.name), 1))
               ], 64))
             ]),
             key: "0"
@@ -2551,7 +2551,7 @@ const Z = {
   /** @deprecated Use `platform_usage`. */
   platform: Bt,
   platform_usage: Bt
-}, cn = /* @__PURE__ */ V({
+}, cn = /* @__PURE__ */ K({
   __name: "TableDataGridRenderer",
   props: {
     query: {},
@@ -2562,7 +2562,7 @@ const Z = {
   },
   emits: ["loading-change"],
   setup(n, { emit: e }) {
-    const t = n, i = e, s = ue(fe), r = Ae(), { i18n: a } = Z.useI18n(), o = new AbortController(), d = O([]), l = O(!1), u = w(() => t.height === void 0 ? void 0 : { height: `${t.height}px` }), c = w(() => ({
+    const t = n, i = e, s = de(ge), r = Pe(), { i18n: a } = X.useI18n(), o = new AbortController(), d = z([]), l = z(!1), u = w(() => t.height === void 0 ? void 0 : { height: `${t.height}px` }), c = w(() => ({
       datasource: t.query.datasource,
       query: {
         columns: t.query.columns,
@@ -2586,7 +2586,7 @@ const Z = {
         tz: t.context.tz
       }
     }));
-    Le(() => {
+    Ae(() => {
       o.abort();
     });
     const g = w(() => un[t.query.datasource]({
@@ -2607,8 +2607,8 @@ const Z = {
           cursor: p,
           pageSize: T,
           query: c.value,
-          onResponseColumns: (A) => {
-            d.value = A;
+          onResponseColumns: (P) => {
+            d.value = P;
           },
           stripUnknownFilters: r.stripUnknownFilters,
           tabularQueryFn: s?.tabularQueryFn
@@ -2626,7 +2626,7 @@ const Z = {
         class: "table-data-grid-renderer",
         style: Ie(u.value)
       }, [
-        n.queryReady ? (_(), z(x(rs), {
+        n.queryReady ? (_(), N(x(rs), {
           key: 1,
           error: l.value,
           fetcher: m.value,
@@ -2634,7 +2634,7 @@ const Z = {
           "page-size": n.query.page_size,
           "refresh-key": f.value,
           onState: v
-        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (_(), z(E, {
+        }, null, 8, ["error", "fetcher", "headers", "page-size", "refresh-key"])) : (_(), N(E, {
           key: 0,
           "data-testid": "table-skeleton",
           type: "table"
@@ -2642,7 +2642,7 @@ const Z = {
       ], 4);
     };
   }
-}), hn = /* @__PURE__ */ pe(cn, [["__scopeId", "data-v-c49ff2eb"]]), Wt = "#6c7489", fn = "12px", $t = "20px", Gt = "32px", ui = "20px", gn = /* @__PURE__ */ V({
+}), hn = /* @__PURE__ */ ye(cn, [["__scopeId", "data-v-c49ff2eb"]]), Wt = "#6c7489", fn = "12px", $t = "20px", Gt = "32px", ui = "20px", gn = /* @__PURE__ */ K({
   __name: "DonutChartRenderer",
   props: {
     query: {},
@@ -2655,7 +2655,7 @@ const Z = {
     exploreLink: {}
   },
   setup(n) {
-    return (e, t) => (_(), z(dt, {
+    return (e, t) => (_(), N(ct, {
       "chart-options": n.chartOptions,
       context: n.context,
       height: n.height,
@@ -2667,12 +2667,12 @@ const Z = {
 }), mn = ["data-testid"], pn = {
   key: 0,
   class: "tile-header"
-}, yn = { class: "badge-container" }, vn = { class: "badge-text" }, bn = { key: 0 }, wn = ["data-testid"], _n = ["data-testid"], xn = { class: "delete-option" }, En = ["data-testid"], Cn = ["data-testid"], kn = /* @__PURE__ */ V({
+}, yn = { class: "badge-container" }, vn = { class: "badge-text" }, bn = { key: 0 }, wn = ["data-testid"], _n = ["data-testid"], xn = { class: "delete-option" }, En = ["data-testid"], Cn = ["data-testid"], kn = /* @__PURE__ */ K({
   __name: "DashboardTile",
   props: /* @__PURE__ */ Fe({
     context: {},
     definition: {},
-    height: { default: Pe },
+    height: { default: qe },
     isFullscreen: { type: Boolean },
     hideActions: { type: Boolean, default: !1 },
     hideZoomActions: { type: Boolean, default: !1 },
@@ -2686,37 +2686,37 @@ const Z = {
   }),
   emits: /* @__PURE__ */ Fe(["chart-data", "tile-loaded", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
   setup(n, { expose: e, emit: t }) {
-    nt((k) => ({
-      v6ce74284: `${k.height}px`
+    ot((R) => ({
+      v6ce74284: `${R.height}px`
     }));
     const i = parseInt(ui, 10), s = n, r = jt(n, "refreshCounter"), a = () => {
       E.value = !0, r.value++;
-    }, o = t, d = Vt(() => import("./GeoMapRenderer-DHLAIZPL.js")), l = ue(fe), u = Ae(), { stripUnknownFilters: c } = Oe(u), { i18n: f } = Z.useI18n(), g = O(), m = O({ status: "loading" }), v = O(!1), p = O(), T = O(!1), E = O(!0), y = w(() => s.definition.chart), A = w(() => "chart_title" in y.value ? y.value.chart_title : void 0), L = w(() => "description" in y.value ? y.value.description : void 0), $ = w(() => y.value.type === "slottable"), de = w(() => ee(s.definition) ? !1 : !("allow_csv_export" in y.value) || y.value.allow_csv_export !== !1), {
-      exploreLinkKebabMenu: G,
-      requestsLinkKebabMenu: te,
-      canShowKebabMenu: R,
+    }, o = t, d = Vt(() => import("./GeoMapRenderer-aSO9X_bk.js")), l = de(ge), u = Pe(), { stripUnknownFilters: c } = ze(u), { i18n: f } = X.useI18n(), g = z(), m = z({ status: "loading" }), v = z(!1), p = z(), T = z(!1), E = z(!0), y = w(() => s.definition.chart), P = w(() => "chart_title" in y.value ? y.value.chart_title : void 0), D = w(() => "description" in y.value ? y.value.description : void 0), J = w(() => y.value.type === "slottable"), ce = w(() => Z(s.definition) ? !1 : !("allow_csv_export" in y.value) || y.value.allow_csv_export !== !1), {
+      exploreLinkKebabMenu: oe,
+      requestsLinkKebabMenu: ee,
+      canShowKebabMenu: k,
       canGenerateRequestsLink: H,
-      canGenerateExploreLink: P,
-      requestsLinkZoomActions: J,
-      exploreLinkZoomActions: ce,
-      buildExploreQuery: ie,
-      buildExploreLink: he,
+      canGenerateExploreLink: q,
+      requestsLinkZoomActions: Q,
+      exploreLinkZoomActions: he,
+      buildExploreQuery: te,
+      buildExploreLink: xe,
       buildRequestLink: S,
-      buildRequestsQueryZoomActions: D
-    } = Z.useContextLinks({
+      buildRequestsQueryZoomActions: O
+    } = X.useContextLinks({
       queryBridge: l,
-      chartData: tt(g),
-      definition: Te(s, "definition"),
-      context: tt(Te(s, "context"))
-    }), { issueQuery: B } = Z.useIssueQuery();
-    Se(() => s.definition, async (k, N) => {
-      await ot(), p.value && (T.value = p.value.scrollWidth > p.value.clientWidth);
+      chartData: it(g),
+      definition: Se(s, "definition"),
+      context: it(Se(s, "context"))
+    }), { issueQuery: B } = X.useIssueQuery();
+    De(() => s.definition, async (R, M) => {
+      await at(), p.value && (T.value = p.value.scrollWidth > p.value.clientWidth);
       try {
-        JSON.stringify(k?.query) !== JSON.stringify(N?.query) && (E.value = !0);
+        JSON.stringify(R?.query) !== JSON.stringify(M?.query) && (E.value = !0);
       } catch {
       }
     }, { immediate: !0, deep: !0 });
-    const q = w(() => f.t("csvExport.defaultFilename")), W = w(() => !!G.value || de.value || s.context.editable), ye = w(() => !s.hideActions && R.value && W.value), qe = w(() => ye.value && W.value && !s.isFullscreen), ft = w(() => y.value.type === "golden_signals" && !!L.value), He = {
+    const A = w(() => f.t("csvExport.defaultFilename")), W = w(() => !!oe.value || ce.value || s.context.editable), ie = w(() => !s.hideActions && k.value && W.value), fe = w(() => ie.value && W.value && !s.isFullscreen), Xe = w(() => y.value.type === "golden_signals" && !!D.value), He = {
       timeseries_line: Ht,
       timeseries_bar: Ht,
       horizontal_bar: qt,
@@ -2735,67 +2735,67 @@ const Z = {
       ...ve.value?.rendererEvents.supportsBounds ? { "bounds-change": ki } : {},
       ...ve.value?.rendererEvents.supportsLoadingChange ? { "loading-change": _i } : {}
     })), ve = w(() => {
-      const k = s.definition, N = He[k.chart.type], U = ee(k), be = !!N?.emits?.includes("select-chart-range"), xe = !!N?.emits?.includes("zoom-time-range"), we = k.chart.type === "choropleth_map", Ze = !!N?.emits?.includes("loading-change"), Ti = {
-        query: k.query,
+      const R = s.definition, M = He[R.chart.type], $ = Z(R), be = !!M?.emits?.includes("select-chart-range"), Ee = !!M?.emits?.includes("zoom-time-range"), we = R.chart.type === "choropleth_map", Je = !!M?.emits?.includes("loading-change"), Ti = {
+        query: R.query,
         context: s.context,
         queryReady: s.queryReady,
         height: s.height - i * 2,
         refreshCounter: r.value
       }, Si = {
-        chartOptions: k.chart,
-        requestsLink: s.hideZoomActions ? void 0 : J.value,
-        exploreLink: s.hideZoomActions ? void 0 : ce.value
+        chartOptions: R.chart,
+        requestsLink: s.hideZoomActions ? void 0 : Q.value,
+        exploreLink: s.hideZoomActions ? void 0 : he.value
       };
-      return N && {
-        component: N,
+      return M && {
+        component: M,
         rendererProps: {
           ...Ti,
-          ...U ? {} : Si
+          ...$ ? {} : Si
         },
         rendererEvents: {
           supportsRequests: be,
-          supportsZoom: xe,
+          supportsZoom: Ee,
           supportsBounds: we,
-          supportsLoadingChange: Ze
+          supportsLoadingChange: Je
         }
       };
-    }), Xe = w(() => {
-      if (ee(s.definition))
+    }), Ze = w(() => {
+      if (Z(s.definition))
         return null;
-      const k = s.definition.query, N = k?.time_range;
-      if (Jt(k?.datasource) && !k.dimensions?.includes("time"))
+      const R = s.definition.query, M = R?.time_range;
+      if (Jt(R?.datasource) && !R.dimensions?.includes("time"))
         return f.t("renderer.as_of_today");
-      if (N?.type === "relative") {
-        const U = Hi.get(Ii[N.time_range]);
-        return U ? U.display : (console.warn("Did not recognize the given relative time range:", N.time_range), N.time_range);
-      } else if (N?.type === "absolute") {
-        const U = N.tz || "Etc/UTC";
-        return `${_t(N.start, { short: !0, tz: U })} - ${_t(N.end, { short: !0, tz: U })}`;
+      if (M?.type === "relative") {
+        const $ = Hi.get(Ii[M.time_range]);
+        return $ ? $.display : (console.warn("Did not recognize the given relative time range:", M.time_range), M.time_range);
+      } else if (M?.type === "absolute") {
+        const $ = M.tz || "Etc/UTC";
+        return `${_t(M.start, { short: !0, tz: $ })} - ${_t(M.end, { short: !0, tz: $ })}`;
       }
       return null;
-    }), gt = w(() => $.value ? !1 : [
-      !!A.value,
-      qe.value,
-      !!Xe.value,
-      ft.value,
+    }), gt = w(() => J.value ? !1 : [
+      !!P.value,
+      fe.value,
+      !!Ze.value,
+      Xe.value,
       s.showRefresh
-    ].some(Boolean)), mt = w(() => g.value ? it(g.value.meta.granularity_ms) : void 0), fi = w(() => ["timeseries_line", "timeseries_bar"].includes(y.value.type)), pt = w(() => {
-      if (ee(s.definition) || !fi.value || !s.queryReady || E.value)
+    ].some(Boolean)), mt = w(() => g.value ? st(g.value.meta.granularity_ms) : void 0), fi = w(() => ["timeseries_line", "timeseries_bar"].includes(y.value.type)), pt = w(() => {
+      if (Z(s.definition) || !fi.value || !s.queryReady || E.value)
         return !1;
-      const k = s.definition.query.granularity;
-      return !k || !mt.value ? !1 : k !== mt.value;
+      const R = s.definition.query.granularity;
+      return !R || !mt.value ? !1 : R !== mt.value;
     }), gi = w(() => {
-      const k = it(g.value?.meta.granularity_ms ?? 0) ?? "unknown", N = ee(s.definition) ? "unknown" : s.definition.query.granularity ?? "unknown";
+      const R = st(g.value?.meta.granularity_ms ?? 0) ?? "unknown", M = Z(s.definition) ? "unknown" : s.definition.query.granularity ?? "unknown";
       return f.t("query_aged_out_warning", {
-        currentGranularity: f.t(`granularities.${k}`),
-        savedGranularity: f.t(`granularities.${N}`)
+        currentGranularity: f.t(`granularities.${R}`),
+        savedGranularity: f.t(`granularities.${M}`)
       });
     }), mi = w(() => {
-      const k = s.definition, N = [...s.context.filters, ...k.query.filters ?? []], U = "metrics" in k.query ? k.query.metrics : void 0, be = k.query.datasource ?? "api_usage";
+      const R = s.definition, M = [...s.context.filters, ...R.query.filters ?? []], $ = "metrics" in R.query ? R.query.metrics : void 0, be = R.query.datasource ?? "api_usage";
       return c.value({
         datasource: be,
-        filters: N,
-        queryFields: U
+        filters: M,
+        queryFields: $
       });
     }), pi = () => {
       o("edit-tile", s.definition);
@@ -2803,95 +2803,95 @@ const Z = {
       o("duplicate-tile", s.definition);
     }, vi = () => {
       o("remove-tile", s.definition);
-    }, bi = (k) => {
-      g.value = k, E.value = !1, o("chart-data", k), o("tile-loaded");
+    }, bi = (R) => {
+      g.value = R, E.value = !1, o("chart-data", R), o("tile-loaded");
     }, wi = () => {
       E.value = !1, o("tile-loaded");
-    }, _i = (k) => {
-      E.value = k, k || o("tile-loaded");
+    }, _i = (R) => {
+      E.value = R, R || o("tile-loaded");
     }, xi = () => {
       v.value = !1;
     }, yt = () => {
-      const k = s.definition.query.datasource?.startsWith("goap");
-      return l?.staticConfig?.increaseCsvExportLimit !== !1 && !k ? B(s.definition.query, s.context, Fi) : g.value ? Promise.resolve(g.value) : new Promise((U) => {
-        const be = Se(g, (xe) => {
-          xe && (U(xe), be());
+      const R = s.definition.query.datasource?.startsWith("goap");
+      return l?.staticConfig?.increaseCsvExportLimit !== !1 && !R ? B(s.definition.query, s.context, Fi) : g.value ? Promise.resolve(g.value) : new Promise(($) => {
+        const be = De(g, (Ee) => {
+          Ee && ($(Ee), be());
         });
       });
     }, Ei = async () => {
       v.value = !0, m.value = { status: "loading" };
       try {
-        const k = await yt();
-        m.value = { status: "success", chartData: k };
-      } catch (k) {
-        m.value = { status: "error", error: k };
+        const R = await yt();
+        m.value = { status: "success", chartData: R };
+      } catch (R) {
+        m.value = { status: "error", error: R };
       }
-    }, Ci = (k) => {
-      const N = {
+    }, Ci = (R) => {
+      const M = {
         tileId: s.tileId.toString(),
-        timeRange: k
+        timeRange: R
       };
-      o("tile-time-range-zoom", N);
-    }, ki = (k) => {
-      const N = {
+      o("tile-time-range-zoom", M);
+    }, ki = (R) => {
+      const M = {
         tileId: s.tileId.toString(),
-        bounds: k
+        bounds: R
       };
-      o("tile-bounds-change", N);
-    }, Ri = (k) => {
-      const N = mi.value, U = ie(k, N);
-      ce.value = P.value ? { href: he(U) } : void 0, J.value = H.value ? { href: S(D(k, N)) } : void 0;
+      o("tile-bounds-change", M);
+    }, Ri = (R) => {
+      const M = mi.value, $ = te(R, M);
+      he.value = q.value ? { href: xe($) } : void 0, Q.value = H.value ? { href: S(O(R, M)) } : void 0;
     };
-    return e({ getExportData: yt }), (k, N) => {
-      const U = se("KTooltip"), be = se("KBadge"), xe = se("KButton"), we = se("KDropdownItem"), Ze = se("KDropdown");
+    return e({ getExportData: yt }), (R, M) => {
+      const $ = se("KTooltip"), be = se("KBadge"), Ee = se("KButton"), we = se("KDropdownItem"), Je = se("KDropdown");
       return _(), F("div", {
-        class: Ce(["tile-boundary", {
+        class: ke(["tile-boundary", {
           editable: n.context.editable,
           headless: !gt.value
         }]),
         "data-testid": `tile-${n.tileId}`
       }, [
-        gt.value && !$.value ? (_(), F("div", pn, [
-          le(U, {
+        gt.value && !J.value ? (_(), F("div", pn, [
+          ue($, {
             class: "title-tooltip",
             disabled: !T.value,
             "max-width": "500",
-            text: A.value
+            text: P.value
           }, {
             default: I(() => [
-              j("div", {
+              V("div", {
                 ref_key: "titleRef",
                 ref: p,
                 class: "title"
-              }, Q(A.value), 513)
+              }, Y(P.value), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          j("div", yn, [
-            Xe.value ? (_(), z(be, {
+          V("div", yn, [
+            Ze.value ? (_(), N(be, {
               key: 0,
               "data-testid": "time-range-badge",
               tooltip: pt.value ? gi.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
             }, Qe({
               default: I(() => [
-                j("span", vn, Q(Xe.value), 1)
+                V("span", vn, Y(Ze.value), 1)
               ]),
               _: 2
             }, [
               pt.value ? {
                 name: "icon",
                 fn: I(() => [
-                  le(x(Xi), {
+                  ue(x(Xi), {
                     size: `var(--kui-icon-size-20, ${x(fn)})`
                   }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["tooltip"])) : K("", !0)
+            ]), 1032, ["tooltip"])) : U("", !0)
           ]),
           n.showRefresh ? (_(), F("div", bn, [
-            le(xe, {
+            ue(Ee, {
               appearance: "secondary",
               class: "refresh-button",
               "data-testid": `tile-refresh-button-${n.tileId}`,
@@ -2901,12 +2901,12 @@ const Z = {
               onClick: a
             }, {
               default: I(() => [
-                E.value ? (_(), z(x(Zi), {
+                E.value ? (_(), N(x(Zi), {
                   key: 0,
                   role: "button",
                   size: `var(--kui-icon-size-60, ${x(Gt)})`,
                   tabindex: "0"
-                }, null, 8, ["size"])) : (_(), z(x(Ji), {
+                }, null, 8, ["size"])) : (_(), N(x(Ji), {
                   key: 1,
                   role: "button",
                   size: `var(--kui-icon-size-60, ${x(Gt)})`,
@@ -2915,74 +2915,74 @@ const Z = {
               ]),
               _: 1
             }, 8, ["data-testid", "disabled"])
-          ])) : K("", !0),
-          ye.value ? (_(), F("div", {
+          ])) : U("", !0),
+          ie.value ? (_(), F("div", {
             key: 1,
             class: "tile-actions",
             "data-testid": `tile-actions-${n.tileId}`
           }, [
-            ye.value && n.context.editable && !n.isFullscreen ? (_(), z(x(es), {
+            ie.value && n.context.editable && !n.isFullscreen ? (_(), N(x(es), {
               key: 0,
               class: "edit-icon",
               color: `var(--kui-color-text-neutral, ${x(Wt)})`,
               "data-testid": `edit-tile-${n.tileId}`,
               size: `var(--kui-icon-size-40, ${x($t)})`,
               onClick: pi
-            }, null, 8, ["color", "data-testid", "size"])) : K("", !0),
-            ye.value && W.value && !n.isFullscreen ? (_(), z(Ze, {
+            }, null, 8, ["color", "data-testid", "size"])) : U("", !0),
+            ie.value && W.value && !n.isFullscreen ? (_(), N(Je, {
               key: 1,
               class: "dropdown",
               "data-testid": `chart-action-menu-${n.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: I(() => [
-                x(G) ? (_(), z(we, {
+                x(oe) ? (_(), N(we, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${n.tileId}`,
-                  item: { label: x(f).t("jumpToExplore"), to: x(G) }
-                }, null, 8, ["data-testid", "item"])) : K("", !0),
-                !x(ee)(n.definition) && x(te) ? (_(), z(we, {
+                  item: { label: x(f).t("jumpToExplore"), to: x(oe) }
+                }, null, 8, ["data-testid", "item"])) : U("", !0),
+                !x(Z)(n.definition) && x(ee) ? (_(), N(we, {
                   key: 1,
                   "data-testid": `chart-jump-to-requests-${n.tileId}`,
-                  item: { label: x(f).t("jumpToRequests"), to: x(te) }
-                }, null, 8, ["data-testid", "item"])) : K("", !0),
-                de.value ? (_(), z(we, {
+                  item: { label: x(f).t("jumpToRequests"), to: x(ee) }
+                }, null, 8, ["data-testid", "item"])) : U("", !0),
+                ce.value ? (_(), N(we, {
                   key: 2,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${n.tileId}`,
                   onClick: Ei
                 }, {
                   default: I(() => [
-                    j("span", {
+                    V("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${n.tileId}`
-                    }, Q(x(f).t("csvExport.exportAsCsv")), 9, _n)
+                    }, Y(x(f).t("csvExport.exportAsCsv")), 9, _n)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : K("", !0),
-                n.context.editable ? (_(), z(we, {
+                }, 8, ["data-testid"])) : U("", !0),
+                n.context.editable ? (_(), N(we, {
                   key: 3,
                   "data-testid": `duplicate-tile-${n.tileId}`,
                   onClick: yi
                 }, {
                   default: I(() => [
-                    st(Q(x(f).t("renderer.duplicateTile")), 1)
+                    rt(Y(x(f).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : K("", !0),
-                n.context.editable ? (_(), z(we, {
+                }, 8, ["data-testid"])) : U("", !0),
+                n.context.editable ? (_(), N(we, {
                   key: 4,
                   "data-testid": `remove-tile-${n.tileId}`,
                   onClick: vi
                 }, {
                   default: I(() => [
-                    j("span", xn, Q(x(f).t("renderer.delete")), 1)
+                    V("span", xn, Y(x(f).t("renderer.delete")), 1)
                   ]),
                   _: 1
-                }, 8, ["data-testid"])) : K("", !0)
+                }, 8, ["data-testid"])) : U("", !0)
               ]),
               default: I(() => [
-                le(x(ts), {
+                ue(x(ts), {
                   class: "kebab-action-menu",
                   color: `var(--kui-color-text-neutral, ${x(Wt)})`,
                   "data-testid": `kebab-action-menu-${n.tileId}`,
@@ -2990,33 +2990,33 @@ const Z = {
                 }, null, 8, ["color", "data-testid", "size"])
               ]),
               _: 1
-            }, 8, ["data-testid"])) : K("", !0)
-          ], 8, wn)) : L.value ? (_(), F("div", {
+            }, 8, ["data-testid"])) : U("", !0)
+          ], 8, wn)) : D.value ? (_(), F("div", {
             key: 2,
             class: "header-description",
             "data-testid": `tile-description-${n.tileId}`
-          }, Q(L.value), 9, En)) : K("", !0),
-          v.value ? (_(), z(x(Ui), {
+          }, Y(D.value), 9, En)) : U("", !0),
+          v.value ? (_(), N(x(Ui), {
             key: 3,
             "data-testid": `csv-export-modal-${n.tileId}`,
             "export-state": m.value,
-            filename: q.value,
+            filename: A.value,
             onCloseModal: xi
-          }, null, 8, ["data-testid", "export-state", "filename"])) : K("", !0)
-        ])) : K("", !0),
-        j("div", {
-          class: Ce(["tile-content", `type-${n.tileType}-${y.value.type}`]),
+          }, null, 8, ["data-testid", "export-state", "filename"])) : U("", !0)
+        ])) : U("", !0),
+        V("div", {
+          class: ke(["tile-content", `type-${n.tileType}-${y.value.type}`]),
           "data-testid": `tile-content-${n.tileId}`
         }, [
-          ve.value ? (_(), z(Xt(ve.value.component), Qt({ key: 0 }, ve.value.rendererProps, Pi(hi.value), {
+          ve.value ? (_(), N(Xt(ve.value.component), Qt({ key: 0 }, ve.value.rendererProps, Pi(hi.value), {
             onChartData: bi,
             onQueryComplete: wi
-          }), null, 16)) : K("", !0)
+          }), null, 16)) : U("", !0)
         ], 10, Cn)
       ], 10, mn);
     };
   }
-}), di = /* @__PURE__ */ pe(kn, [["__scopeId", "data-v-fb1aa747"]]), Rn = (n, e) => {
+}), di = /* @__PURE__ */ ye(kn, [["__scopeId", "data-v-fb1aa747"]]), Rn = (n, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -3027,18 +3027,18 @@ const Z = {
   for (let r = 0; r < t; r++)
     i.get(r) ? s.push("auto") : s.push(`${n}px`);
   return s;
-}, Tn = /* @__PURE__ */ V({
+}, Tn = /* @__PURE__ */ K({
   __name: "GridLayout",
   props: {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => Pe
+      default: () => qe
     },
     columns: {
       type: Number,
       required: !1,
-      default: () => lt
+      default: () => ut
     },
     tiles: {
       type: Array,
@@ -3046,18 +3046,18 @@ const Z = {
     }
   },
   setup(n) {
-    nt((o) => ({
+    ot((o) => ({
       v821fda82: e.columns,
       v0870d42d: r.value
     }));
-    const e = n, t = O(null), i = O(0), s = new ResizeObserver((o) => {
+    const e = n, t = z(null), i = z(0), s = new ResizeObserver((o) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(o) || !o.length || (i.value = o[0].contentRect.width);
       });
     });
     Ke(() => {
       t.value && s.observe(t.value);
-    }), Le(() => {
+    }), Ae(() => {
       t.value && s.unobserve(t.value);
     });
     const r = w(() => Rn(e.tileHeight, e.tiles).join(" ")), a = w(() => e.tiles.map((o, d) => ({
@@ -3075,21 +3075,21 @@ const Z = {
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (_(!0), F(rt, null, Zt(a.value, (l) => (_(), F("div", {
+      (_(!0), F(nt, null, Zt(a.value, (l) => (_(), F("div", {
         key: l.key,
-        class: Ce(["grid-cell", {
+        class: ke(["grid-cell", {
           "empty-cell": !l.tile
         }]),
         style: Ie(l.style)
       }, [
-        De(o.$slots, "tile", {
+        Oe(o.$slots, "tile", {
           style: Ie(l.style),
           tile: l.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
   }
-}), Sn = /* @__PURE__ */ pe(Tn, [["__scopeId", "data-v-0271a8b9"]]);
+}), Sn = /* @__PURE__ */ ye(Tn, [["__scopeId", "data-v-0271a8b9"]]);
 function Dn(n, e, t, i, s) {
   const r = (...a) => (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(n, a));
   return r.prototype = e.prototype, r;
@@ -3428,7 +3428,7 @@ class h {
     return !(!e || e.w === e.h || e.locked || e.noResize || e.grid?.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class oe {
+class ae {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -3606,7 +3606,7 @@ class oe {
    * @param resizing if out of bound, resize down or move into the grid to fit ?
    */
   prepareNode(e, t) {
-    e._id = e._id ?? oe._idSeq++;
+    e._id = e._id ?? ae._idSeq++;
     const i = e.id;
     if (i) {
       let r = 1;
@@ -3701,7 +3701,7 @@ class oe {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const s = new oe({
+    const s = new ae({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((a) => a._id === e._id ? (i = { ...a }, i) : { ...a })
@@ -3723,7 +3723,7 @@ class oe {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new oe({
+    const t = new ae({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -3856,7 +3856,7 @@ class oe {
     return e.forEach((r, a) => {
       if (r._id === void 0) {
         const o = r.id ? this.nodes.find((d) => d.id === r.id) : void 0;
-        r._id = o?._id ?? oe._idSeq++;
+        r._id = o?._id ?? ae._idSeq++;
       }
       s[a] = { x: r.x, y: r.y, w: r.w, _id: r._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
@@ -3867,7 +3867,7 @@ class oe {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? oe._idSeq++;
+    e._id = e._id ?? ae._idSeq++;
     const i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     const s = this.findCacheLayout(e, t);
@@ -3890,8 +3890,8 @@ class oe {
     return this;
   }
 }
-oe._idSeq = 0;
-const X = {
+ae._idSeq = 0;
+const j = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -3924,7 +3924,7 @@ const X = {
 class C {
 }
 const re = 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 ae {
+class le {
 }
 function We(n, e) {
   n.touches.length > 1 || (n.cancelable && n.preventDefault(), h.simulateMouseEvent(n.changedTouches[0], e));
@@ -3933,17 +3933,17 @@ function ci(n, e) {
   n.cancelable && n.preventDefault(), h.simulateMouseEvent(n, e);
 }
 function $e(n) {
-  ae.touchHandled || (ae.touchHandled = !0, We(n, "mousedown"));
+  le.touchHandled || (le.touchHandled = !0, We(n, "mousedown"));
 }
 function Ge(n) {
-  ae.touchHandled && We(n, "mousemove");
+  le.touchHandled && We(n, "mousemove");
 }
 function Ue(n) {
-  if (!ae.touchHandled)
+  if (!le.touchHandled)
     return;
-  ae.pointerLeaveTimeout && (window.clearTimeout(ae.pointerLeaveTimeout), delete ae.pointerLeaveTimeout);
+  le.pointerLeaveTimeout && (window.clearTimeout(le.pointerLeaveTimeout), delete le.pointerLeaveTimeout);
   const e = !!C.dragElement;
-  We(n, "mouseup"), e || We(n, "click"), ae.touchHandled = !1;
+  We(n, "mouseup"), e || We(n, "click"), le.touchHandled = !1;
 }
 function Ye(n) {
   n.pointerType !== "mouse" && n.target.releasePointerCapture(n.pointerId);
@@ -3952,8 +3952,8 @@ function Ut(n) {
   C.dragElement && n.pointerType !== "mouse" && ci(n, "mouseenter");
 }
 function Yt(n) {
-  C.dragElement && n.pointerType !== "mouse" && (ae.pointerLeaveTimeout = window.setTimeout(() => {
-    delete ae.pointerLeaveTimeout, ci(n, "mouseleave");
+  C.dragElement && n.pointerType !== "mouse" && (le.pointerLeaveTimeout = window.setTimeout(() => {
+    delete le.pointerLeaveTimeout, ci(n, "mouseleave");
   }, 10));
 }
 class je {
@@ -3992,7 +3992,7 @@ class je {
   }
 }
 je.prefix = "ui-resizable-";
-class ct {
+class ht {
   constructor() {
     this._eventRegister = {};
   }
@@ -4020,7 +4020,7 @@ class ct {
       return this._eventRegister[e](t);
   }
 }
-class Ne extends ct {
+class Me extends ht {
   // have to be public else complains for HTMLElementExtendOpt ?
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.rectScale = { x: 1, y: 1 }, this._ui = () => {
@@ -4121,7 +4121,7 @@ class Ne extends ct {
   }
   /** @internal */
   _setupHelper() {
-    this.elOriginStyleVal = Ne._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
+    this.elOriginStyleVal = Me._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
     const e = this.el.parentElement, t = h.getValuesFromTransformedElement(e);
     return this.rectScale = {
       x: t.xScale,
@@ -4130,7 +4130,7 @@ class Ne extends ct {
   }
   /** @internal */
   _cleanHelper() {
-    return Ne._originStyleProp.forEach((e, t) => {
+    return Me._originStyleProp.forEach((e, t) => {
       this.el.style[e] = this.elOriginStyleVal[t] || null;
     }), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
   }
@@ -4169,9 +4169,9 @@ class Ne extends ct {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-Ne._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
+Me._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
 const On = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Me extends ct {
+class Le extends ht {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.dragTransform = {
       xScale: 1,
@@ -4257,7 +4257,7 @@ class Me extends ct {
   /** @internal create a clone copy (or user defined method) of the original drag item if set */
   _createHelper() {
     let e = this.el;
-    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = h.cloneNode(this.el)), e.parentElement || h.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Me.originStyleProp.map((t) => this.el.style[t]), e;
+    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = h.cloneNode(this.el)), e.parentElement || h.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Le.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -4271,7 +4271,7 @@ class Me extends ct {
   _removeHelperStyle() {
     if (this.helper.classList.remove("ui-draggable-dragging"), !this.helper?.gridstackNode?._isAboutToRemove && this.dragElementOriginStyle) {
       const t = this.helper, i = this.dragElementOriginStyle.transition || null;
-      t.style.transition = this.dragElementOriginStyle.transition = "none", Me.originStyleProp.forEach((s) => t.style[s] = this.dragElementOriginStyle[s] || null), setTimeout(() => t.style.transition = i, 50);
+      t.style.transition = this.dragElementOriginStyle.transition = "none", Le.originStyleProp.forEach((s) => t.style[s] = this.dragElementOriginStyle[s] || null), setTimeout(() => t.style.transition = i, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -4313,8 +4313,8 @@ class Me extends ct {
     };
   }
 }
-Me.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class zn extends ct {
+Le.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+class zn extends ht {
   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();
   }
@@ -4379,9 +4379,9 @@ class zn extends ct {
     };
   }
 }
-class ht {
+class ft {
   static init(e) {
-    return e.ddElement || (e.ddElement = new ht(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new ft(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -4393,13 +4393,13 @@ class ht {
     return this.ddDraggable && ["drag", "dragstart", "dragstop"].indexOf(e) > -1 ? this.ddDraggable.off(e) : this.ddDroppable && ["drop", "dropover", "dropout"].indexOf(e) > -1 ? this.ddDroppable.off(e) : this.ddResizable && ["resizestart", "resize", "resizestop"].indexOf(e) > -1 && this.ddResizable.off(e), this;
   }
   setupDraggable(e) {
-    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Me(this.el, e), this;
+    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new Le(this.el, e), this;
   }
   cleanDraggable() {
     return this.ddDraggable && (this.ddDraggable.destroy(), delete this.ddDraggable), this;
   }
   setupResizable(e) {
-    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Ne(this.el, e), this;
+    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new Me(this.el, e), this;
   }
   cleanResizable() {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
@@ -4487,10 +4487,10 @@ class Nn {
   /** @internal returns a list of DD elements, creating them on the fly by default unless option is to destroy or disable */
   _getDDElements(e, t) {
     const i = e.gridstack || t !== "destroy" && t !== "disable", s = h.getElements(e);
-    return s.length ? s.map((a) => a.ddElement || (i ? ht.init(a) : null)).filter((a) => a) : [];
+    return s.length ? s.map((a) => a.ddElement || (i ? ft.init(a) : null)).filter((a) => a) : [];
   }
 }
-const Y = new Nn();
+const G = new Nn();
 class b {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -4555,7 +4555,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   /** @internal create placeholder DIV as needed */
   get placeholder() {
     if (!this._placeholder) {
-      this._placeholder = h.createDiv([this.opts.placeholderClass, X.itemClass, this.opts.itemClass]);
+      this._placeholder = h.createDiv([this.opts.placeholderClass, j.itemClass, this.opts.itemClass]);
       const e = h.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
@@ -4581,24 +4581,24 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const a = t.columnOpts;
     a && (!a.columnWidth && !a.breakpoints?.length ? (delete t.columnOpts, s = void 0) : a.columnMax = a.columnMax || 12), s?.length > 1 && s.sort((c, f) => (f.w || 0) - (c.w || 0));
     const o = {
-      ...h.cloneDeep(X),
-      column: h.toNumber(e.getAttribute("gs-column")) || X.column,
-      minRow: i || h.toNumber(e.getAttribute("gs-min-row")) || X.minRow,
-      maxRow: i || h.toNumber(e.getAttribute("gs-max-row")) || X.maxRow,
-      staticGrid: h.toBool(e.getAttribute("gs-static")) || X.staticGrid,
+      ...h.cloneDeep(j),
+      column: h.toNumber(e.getAttribute("gs-column")) || j.column,
+      minRow: i || h.toNumber(e.getAttribute("gs-min-row")) || j.minRow,
+      maxRow: i || h.toNumber(e.getAttribute("gs-max-row")) || j.maxRow,
+      staticGrid: h.toBool(e.getAttribute("gs-static")) || j.staticGrid,
       sizeToContent: h.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || X.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || j.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || X.removableOptions.accept,
-        decline: X.removableOptions.decline
+        accept: t.itemClass || j.removableOptions.accept,
+        decline: j.removableOptions.decline
       }
     };
     e.getAttribute("gs-animate") && (o.animate = h.toBool(e.getAttribute("gs-animate"))), t = h.defaults(t, o), this._initMargin(), this.checkDynamicColumn(), this.el.classList.add("gs-" + t.column), t.rtl === "auto" && (t.rtl = e.style.direction === "rtl"), t.rtl && this.el.classList.add("grid-stack-rtl");
-    const l = this.el.closest("." + X.itemClass)?.gridstackNode;
-    l && (l.subGrid = this, this.parentGridNode = l, this.el.classList.add("grid-stack-nested"), l.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== X.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = re), this._styleSheetClass = "gs-id-" + oe._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    const u = t.engineClass || b.engineClass || oe;
+    const l = this.el.closest("." + j.itemClass)?.gridstackNode;
+    l && (l.subGrid = this, this.parentGridNode = l, this.el.classList.add("grid-stack-nested"), l.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial" ? this.cellHeight(void 0, !1) : (typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== j.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = re), this._styleSheetClass = "gs-id-" + ae._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    const u = t.engineClass || b.engineClass || ae;
     if (this.engine = new u({
       column: this.getColumn(),
       float: t.float,
@@ -4725,7 +4725,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const r = h.cloneDeep(this.opts);
       r.marginBottom === r.marginTop && r.marginRight === r.marginLeft && r.marginTop === r.marginRight && (r.margin = r.marginTop, delete r.marginTop, delete r.marginRight, delete r.marginBottom, delete r.marginLeft), r.rtl === (this.el.style.direction === "rtl") && (r.rtl = "auto"), this._isAutoCellHeight && (r.cellHeight = "auto"), this._autoColumn && (r.column = "auto");
       const a = r._alwaysShowResizeHandle;
-      return delete r._alwaysShowResizeHandle, a !== void 0 ? r.alwaysShowResizeHandle = a : delete r.alwaysShowResizeHandle, h.removeInternalAndSame(r, X), r.children = s, r;
+      return delete r._alwaysShowResizeHandle, a !== void 0 ? r.alwaysShowResizeHandle = a : delete r.alwaysShowResizeHandle, h.removeInternalAndSame(r, j), r.children = s, r;
     }
     return s;
   }
@@ -5266,7 +5266,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   _prepareElement(e, t = !1, i) {
-    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(X.itemClass, this.opts.itemClass);
+    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(j.itemClass, this.opts.itemClass);
     const s = h.shouldSizeToContent(i);
     return s ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), s && this.resizeToContentCheck(!1, i), h.lazyLoad(i) || this.prepareDragDrop(i.el), this;
   }
@@ -5372,7 +5372,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   /** get the global (but static to this code) DD implementation */
   static getDD() {
-    return Y;
+    return G;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -5385,7 +5385,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static setupDragIn(e, t, i, s = document) {
     t?.pause !== void 0 && (C.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? h.getElements(e, s) : e).forEach((a, o) => {
-      Y.isDraggable(a) || Y.dragIn(a, t), i?.[o] && (a.gridstackNode = i[o]);
+      G.isDraggable(a) || G.dragIn(a, t), i?.[o] && (a.gridstackNode = i[o]);
     });
   }
   /**
@@ -5463,12 +5463,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return Y.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return G.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
   }
   /** @internal called to add drag over to support widgets being added externally */
   _setupAcceptWidget() {
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
-      return Y.droppable(this.el, "destroy"), this;
+      return G.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, a) => {
       a = a || r;
@@ -5492,7 +5492,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (o._temporaryRemoved) {
         if (o.x = Math.max(0, Math.round(l / t)), o.y = Math.max(0, Math.round(d / e)), delete o.autoPosition, this.engine.nodeBoundFix(o), !this.engine.willItFit(o)) {
           if (o.autoPosition = !0, !this.engine.willItFit(o)) {
-            Y.off(r, "drag");
+            G.off(r, "drag");
             return;
           }
           o._willFitPos && (h.copyPos(o, o._willFitPos), delete o._willFitPos);
@@ -5501,7 +5501,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(a, s, c, o, t, e);
     };
-    return Y.droppable(this.el, {
+    return G.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if (r?.grid === this)
@@ -5540,7 +5540,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       o.grid || (o.el || (o = { ...o }), o._isExternal = !0, a.gridstackNode = o);
       const d = o.w || Math.round(a.offsetWidth / t) || 1, l = o.h || Math.round(a.offsetHeight / e) || 1;
       return o.grid && o.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = o), r.gridstackNode = o = { ...o, w: d, h: l, grid: this }, delete o.x, delete o.y, this.engine.cleanupNode(o).nodeBoundFix(o), o._initDD = o._isExternal = // DOM needs to be re-parented on a drop
-      o._temporaryRemoved = !0) : (o.w = d, o.h = l, o._temporaryRemoved = !0), b._itemRemoving(o.el, !1), Y.on(r, "drag", i), i(s, r, a), !1;
+      o._temporaryRemoved = !0) : (o.w = d, o.h = l, o._temporaryRemoved = !0), b._itemRemoving(o.el, !1), G.on(r, "drag", i), i(s, r, a), !1;
     }).on(this.el, "dropout", (s, r, a) => {
       const o = a?.gridstackNode || r.gridstackNode;
       return o && (!o.grid || o.grid === this) && (this._leave(r, a), this._isTemp && this.removeAsSubGrid(o)), !1;
@@ -5557,7 +5557,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const g = c.grid;
         g.engine.removeNodeFromLayoutCache(c), g.engine.removedNodes.push(c), g._triggerRemoveEvent()._triggerChangeEvent(), g.parentGridNode && !g.engine.nodes.length && g.opts.subGridDynamic && g.removeAsSubGrid();
       }
-      if (!o || (d && (this.engine.cleanupNode(o), o.grid = this), delete o.grid?._isTemp, Y.off(r, "drag"), a !== r ? (a.remove(), r = a) : r.remove(), this._removeDD(r), !d))
+      if (!o || (d && (this.engine.cleanupNode(o), o.grid = this), delete o.grid?._isTemp, G.off(r, "drag"), a !== r ? (a.remove(), r = a) : r.remove(), this._removeDD(r), !d))
         return !1;
       const f = o.subGrid?.el?.gridstack;
       return h.copyPos(o, this._readAttr(this.placeholder)), h.removePositioningStyles(r), l && (o.content || o.subGridOpts || b.addRemoveCB) ? (delete o.el, r = this.addWidget(o)) : (this._prepareElement(r, !0, o), this.el.appendChild(r), this.resizeToContentCheck(!1, o), f && (f.parentGridNode = o, f.opts.styleInHead || f._updateStyles(!0)), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, c && c.grid ? c : void 0, o), u && this.setAnimation(this.opts.animate, !0), !1;
@@ -5575,7 +5575,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (typeof this.opts.removable != "string")
       return this;
     const e = document.querySelector(this.opts.removable);
-    return e ? (!this.opts.staticGrid && !Y.isDroppable(e) && Y.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => b._itemRemoving(i, !0)).on(e, "dropout", (t, i) => b._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !G.isDroppable(e) && G.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => b._itemRemoving(i, !0)).on(e, "dropout", (t, i) => b._itemRemoving(i, !1)), this) : this;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -5607,7 +5607,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(g, i));
         }
       };
-      Y.draggable(e, {
+      G.draggable(e, {
         start: l,
         stop: c,
         drag: u
@@ -5617,7 +5617,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: u
       }), i._initDD = !0;
     }
-    return Y.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
+    return G.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, a) {
@@ -5635,7 +5635,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, a, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const o = this.getColumn() - s.x, d = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      Y.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, o)).resizable(e, "option", "minHeight", a * Math.min(s.minH || 1, d)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, o)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", a * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxHeightMoveUp", a * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      G.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, o)).resizable(e, "option", "minHeight", a * Math.min(s.minH || 1, d)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, o)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", a * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxHeightMoveUp", a * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
@@ -5652,9 +5652,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       o.x = Math.round(T / r), o.y = Math.round(E / a);
       const y = this._extraDragRow;
       if (this.engine.collide(s, o)) {
-        const A = this.getRow();
-        let L = Math.max(0, o.y + s.h - A);
-        this.opts.maxRow && A + L > this.opts.maxRow && (L = Math.max(0, this.opts.maxRow - A)), this._extraDragRow = L;
+        const P = this.getRow();
+        let D = Math.max(0, o.y + s.h - P);
+        this.opts.maxRow && P + D > this.opts.maxRow && (D = Math.max(0, this.opts.maxRow - P)), this._extraDragRow = D;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== y && this._updateContainerHeight(), s.x === o.x && s.y === o.y)
@@ -5685,7 +5685,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    if (!i || (t.style.transform = t.style.transformOrigin = null, Y.off(e, "drag"), i._temporaryRemoved))
+    if (!i || (t.style.transform = t.style.transformOrigin = null, G.off(e, "drag"), i._temporaryRemoved))
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
@@ -5701,18 +5701,18 @@ b.renderCB = (n, e) => {
 };
 b.resizeToContentParent = ".grid-stack-item-content";
 b.Utils = h;
-b.Engine = oe;
+b.Engine = ae;
 b.GDRev = "11.5.1";
-const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { class: "grid-stack-item-content" }, An = /* @__PURE__ */ V({
+const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { class: "grid-stack-item-content" }, An = /* @__PURE__ */ K({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
-    tileHeight: { default: Pe },
-    columns: { default: lt }
+    tileHeight: { default: qe },
+    columns: { default: ut }
   },
   emits: ["update-tiles"],
   setup(n, { expose: e, emit: t }) {
-    const i = n, s = t, r = O(null), a = O(new Map(i.tiles.map((g) => [`${g.id}`, g])));
+    const i = n, s = t, r = z(null), a = z(new Map(i.tiles.map((g) => [`${g.id}`, g])));
     let o = null;
     const d = (g) => `[data-id="${g}"]`, l = (g) => g.map((m) => {
       const v = a.value.get(`${m.el?.getAttribute("data-id")}`);
@@ -5741,7 +5741,7 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
         resizable: { handles: "se, sw" },
         handle: ".tile-header"
       }, r.value), o.on("change", u), o.on("added", u), o.on("removed", c));
-    }), Le(() => {
+    }), Ae(() => {
       o && o.destroy(!1);
     });
     const f = (g) => {
@@ -5750,11 +5750,11 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
         m && o.removeWidget(m);
       }
     };
-    return Se(() => i.tiles.length, async (g, m) => {
+    return De(() => i.tiles.length, async (g, m) => {
       if (g > m && o) {
         const v = i.tiles.slice(m);
         for (const p of v)
-          a.value.set(`${p.id}`, p), await ot(), o.makeWidget(d(p.id), {
+          a.value.set(`${p.id}`, p), await at(), o.makeWidget(d(p.id), {
             autoPosition: !0,
             w: p.layout.size.cols,
             h: p.layout.size.rows
@@ -5769,7 +5769,7 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
       ref: r,
       class: "grid-stack"
     }, [
-      (_(!0), F(rt, null, Zt(i.tiles, (v) => (_(), F("div", {
+      (_(!0), F(nt, null, Zt(i.tiles, (v) => (_(), F("div", {
         key: v.id,
         class: "grid-stack-item",
         "data-id": `${v.id}`,
@@ -5780,13 +5780,13 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
         "gs-x": v.layout.position.col,
         "gs-y": v.layout.position.row
       }, [
-        j("div", Ln, [
-          De(g.$slots, "tile", { tile: v }, void 0, !0)
+        V("div", Ln, [
+          Oe(g.$slots, "tile", { tile: v }, void 0, !0)
         ])
       ], 8, Mn))), 128))
     ], 512));
   }
-}), Pn = /* @__PURE__ */ pe(An, [["__scopeId", "data-v-1fdec94c"]]), qn = (n) => {
+}), Pn = /* @__PURE__ */ ye(An, [["__scopeId", "data-v-1fdec94c"]]), qn = (n) => {
   const e = {
     ...n.meta,
     chart: { ...n.meta.chart }
@@ -5809,7 +5809,7 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
 }, In = {
   key: 0,
   class: "tile-container slottable-tile"
-}, Fn = /* @__PURE__ */ V({
+}, Fn = /* @__PURE__ */ K({
   __name: "DashboardRenderer",
   props: /* @__PURE__ */ Fe({
     context: {},
@@ -5820,145 +5820,145 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
   }),
   emits: /* @__PURE__ */ Fe(["edit-tile", "tile-time-range-zoom", "tiles-loaded"], ["update:modelValue"]),
   setup(n, { expose: e, emit: t }) {
-    nt((S) => ({
+    ot((S) => ({
       v021bbed1: u.value
     }));
-    const i = t, s = jt(n, "modelValue"), { i18n: r } = Z.useI18n(), a = O(0), o = O(null), d = O(), l = O(), u = O("scale(1)"), c = /* @__PURE__ */ new Set(), f = ue(fe);
-    f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), Z.useRequestQueue();
-    const { exportPdf: g, exportState: m } = Z.useExportPdf(l), v = (S) => {
+    const i = t, s = jt(n, "modelValue"), { i18n: r } = X.useI18n(), a = z(0), o = z(null), d = z(), l = z(), u = z("scale(1)"), c = /* @__PURE__ */ new Set(), f = de(ge);
+    f || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements")), X.useRequestQueue();
+    const { exportPdf: g, exportState: m } = X.useExportPdf(l), v = (S) => {
       c.add(S.id);
-      const D = T.value.filter((B) => !y(B)).length;
-      c.size >= D && i("tiles-loaded", !0);
-    }, p = (S, D) => {
-      const B = S.layout.position.row - D.layout.position.row;
-      return B !== 0 ? B : S.layout.position.col - D.layout.position.col;
+      const O = T.value.filter((B) => !y(B)).length;
+      c.size >= O && i("tiles-loaded", !0);
+    }, p = (S, O) => {
+      const B = S.layout.position.row - O.layout.position.row;
+      return B !== 0 ? B : S.layout.position.col - O.layout.position.col;
     }, T = w(() => s.value.tiles.map((S) => {
-      let D = S.definition;
-      const B = S.type ?? "chart", q = D.chart;
-      if (B === "chart" && "description" in q) {
-        const W = D, ye = q.description?.replace(ys, () => {
-          const { timeSpec: qe } = ie.value, He = `renderer.trendRange.${qe.type === "absolute" ? "custom" : qe.time_range}`;
+      let O = S.definition;
+      const B = S.type ?? "chart", A = O.chart;
+      if (B === "chart" && "description" in A) {
+        const W = O, ie = A.description?.replace(ys, () => {
+          const { timeSpec: fe } = te.value, He = `renderer.trendRange.${fe.type === "absolute" ? "custom" : fe.time_range}`;
           return r.te(He) ? r.t(He) : "";
         });
-        D = {
+        O = {
           ...W,
           chart: {
-            ...q,
-            description: ye
+            ...A,
+            description: ie
           }
         };
       }
-      return ie.value.editable && !S.id && console.warn(
+      return te.value.editable && !S.id && console.warn(
         "No id provided for tile. One will be generated automatically,",
         "however tracking changes to this tile may not work as expected.",
         S
       ), {
         layout: S.layout,
-        meta: D,
+        meta: O,
         type: B,
         // Add a unique key to each tile internally.
         id: S.id ?? crypto.randomUUID()
       };
     })), E = (S) => {
       i("edit-tile", S);
-    }, y = (S) => S.type === "chart" && S.meta.chart.type === "slottable", A = (S) => S.type === "slottable", L = (S) => {
-      const D = S.meta.chart;
-      return A(D) ? D.id : void 0;
-    }, $ = (S) => {
+    }, y = (S) => S.type === "chart" && S.meta.chart.type === "slottable", P = (S) => S.type === "slottable", D = (S) => {
+      const O = S.meta.chart;
+      return P(O) ? O.id : void 0;
+    }, J = (S) => {
       try {
-        const D = qn(S);
-        s.value.tiles.push(JSON.parse(JSON.stringify(D)));
-      } catch (D) {
-        console.warn(D);
+        const O = qn(S);
+        s.value.tiles.push(JSON.parse(JSON.stringify(O)));
+      } catch (O) {
+        console.warn(O);
       }
-    }, de = (S) => {
+    }, ce = (S) => {
       o.value && o.value.removeWidget(S.id), c.delete(S.id);
-    }, G = () => {
+    }, oe = () => {
       c.clear(), a.value++;
-    }, te = (S) => {
-      const D = S.map((B) => ({
+    }, ee = (S) => {
+      const O = S.map((B) => ({
         id: B.id,
         type: B.type,
         layout: B.layout,
         definition: B.meta
       }));
-      s.value.tiles = D.sort(p);
-    }, R = async () => {
-      if (u.value = "scale(1)", await ot(), l.value) {
-        const { availWidth: S, availHeight: D } = window.screen, { width: B, height: q } = l.value.getBoundingClientRect(), W = Math.min(D / q, S / B);
+      s.value.tiles = O.sort(p);
+    }, k = async () => {
+      if (u.value = "scale(1)", await at(), l.value) {
+        const { availWidth: S, availHeight: O } = window.screen, { width: B, height: A } = l.value.getBoundingClientRect(), W = Math.min(O / A, S / B);
         u.value = `scale(${W})`;
       }
     }, H = () => {
       d.value && (document.fullscreenElement ? document.exitFullscreen() : d.value.requestFullscreen());
-    }, P = O(!1), J = () => {
-      P.value = document.fullscreenElement !== null, P.value && R();
-    }, ce = w(() => s.value.preset_filters ?? []), { internalContext: ie, queryReady: he } = Z.useDashboardInternalContext({
-      globalFilters: ce,
+    }, q = z(!1), Q = () => {
+      q.value = document.fullscreenElement !== null, q.value && k();
+    }, he = w(() => s.value.preset_filters ?? []), { internalContext: te, queryReady: xe } = X.useDashboardInternalContext({
+      globalFilters: he,
       context: w(() => n.context),
-      isFullscreen: P,
+      isFullscreen: q,
       preview: w(() => n.preview)
     });
     return e({
-      refresh: G,
+      refresh: oe,
       toggleFullscreen: H,
       exportPdf: g,
       pdfExportState: m
-    }), (S, D) => {
+    }), (S, O) => {
       const B = se("KAlert");
       return _(), F("div", {
         ref_key: "dashboardContainer",
         ref: d,
-        class: Ce(["kong-ui-public-dashboard-renderer", { "is-fullscreen": P.value }]),
-        onFullscreenchange: J
+        class: ke(["kong-ui-public-dashboard-renderer", { "is-fullscreen": q.value }]),
+        onFullscreenchange: Q
       }, [
-        j("div", {
+        V("div", {
           ref_key: "layoutContainer",
           ref: l,
           class: "layout"
         }, [
-          x(f) && P.value ? (_(), F("div", Hn, [
-            De(S.$slots, "fullscreenHeader", {}, void 0, !0)
-          ])) : K("", !0),
-          x(f) ? (_(), z(Xt(x(ie).editable && !P.value ? Pn : Sn), {
+          x(f) && q.value ? (_(), F("div", Hn, [
+            Oe(S.$slots, "fullscreenHeader", {}, void 0, !0)
+          ])) : U("", !0),
+          x(f) ? (_(), N(Xt(x(te).editable && !q.value ? Pn : Sn), {
             key: 2,
             ref_key: "gridLayoutRef",
             ref: o,
             columns: s.value.columns,
             "tile-height": s.value.tile_height,
             tiles: T.value,
-            onUpdateTiles: te
+            onUpdateTiles: ee
           }, {
-            tile: I(({ tile: q }) => [
-              y(q) ? (_(), F("div", In, [
-                De(S.$slots, L(q), {}, void 0, !0)
-              ])) : (_(), z(di, {
-                key: P.value ? `${q.id}-tile` : `${q.id}-tile-fullscreen`,
+            tile: I(({ tile: A }) => [
+              y(A) ? (_(), F("div", In, [
+                Oe(S.$slots, D(A), {}, void 0, !0)
+              ])) : (_(), N(di, {
+                key: q.value ? `${A.id}-tile` : `${A.id}-tile-fullscreen`,
                 "refresh-counter": a.value,
-                "onUpdate:refreshCounter": D[0] || (D[0] = (W) => a.value = W),
+                "onUpdate:refreshCounter": O[0] || (O[0] = (W) => a.value = W),
                 class: "tile-container",
-                context: x(ie),
-                definition: q.meta,
-                height: q.layout.size.rows * (s.value.tile_height || x(Pe)) + parseInt(x(ui), 10),
-                "hide-actions": !x(ie).showTileActions,
-                "hide-zoom-actions": !x(ie).showTileZoomActions,
-                "is-fullscreen": P.value,
-                "query-ready": x(he),
-                "tile-id": q.id,
-                "tile-type": q.type,
-                onDuplicateTile: (W) => $(q),
-                onEditTile: (W) => E(q),
-                onRemoveTile: (W) => de(q),
-                onTileLoaded: (W) => v(q),
-                onTileTimeRangeZoom: D[1] || (D[1] = (W) => i("tile-time-range-zoom", W))
+                context: x(te),
+                definition: A.meta,
+                height: A.layout.size.rows * (s.value.tile_height || x(qe)) + parseInt(x(ui), 10),
+                "hide-actions": !x(te).showTileActions,
+                "hide-zoom-actions": !x(te).showTileZoomActions,
+                "is-fullscreen": q.value,
+                "query-ready": x(xe),
+                "tile-id": A.id,
+                "tile-type": A.type,
+                onDuplicateTile: (W) => J(A),
+                onEditTile: (W) => E(A),
+                onRemoveTile: (W) => ce(A),
+                onTileLoaded: (W) => v(A),
+                onTileTimeRangeZoom: O[1] || (O[1] = (W) => i("tile-time-range-zoom", W))
               }, null, 8, ["refresh-counter", "context", "definition", "height", "hide-actions", "hide-zoom-actions", "is-fullscreen", "query-ready", "tile-id", "tile-type", "onDuplicateTile", "onEditTile", "onRemoveTile", "onTileLoaded"]))
             ]),
             _: 3
-          }, 40, ["columns", "tile-height", "tiles"])) : (_(), z(B, {
+          }, 40, ["columns", "tile-height", "tiles"])) : (_(), N(B, {
             key: 1,
             appearance: "danger"
           }, {
             default: I(() => [
-              st(Q(x(r).t("renderer.noQueryBridge")), 1)
+              rt(Y(x(r).t("renderer.noQueryBridge")), 1)
             ]),
             _: 1
           }))
@@ -5966,7 +5966,7 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
       ], 34);
     };
   }
-}), eo = /* @__PURE__ */ pe(Fn, [["__scopeId", "data-v-f028130a"]]), to = /* @__PURE__ */ V({
+}), eo = /* @__PURE__ */ ye(Fn, [["__scopeId", "data-v-f028130a"]]), to = /* @__PURE__ */ K({
   __name: "DashboardTilePreview",
   props: {
     context: {},
@@ -5982,49 +5982,49 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
       a("chart-data", y);
     }, l = (y) => {
       a("tile-bounds-change", y);
-    }, { i18n: u } = Z.useI18n(), { internalContext: c, queryReady: f } = Z.useDashboardInternalContext({
-      globalFilters: Te(() => n.globalFilters),
-      context: Te(() => n.context),
+    }, { i18n: u } = X.useI18n(), { internalContext: c, queryReady: f } = X.useDashboardInternalContext({
+      globalFilters: Se(() => n.globalFilters),
+      context: Se(() => n.context),
       preview: w(() => n.preview)
-    }), g = w(() => ee(n.definition)), m = w(() => g.value ? "columns" in n.definition.query && !n.definition.query.columns?.length : !("metrics" in n.definition.query) || !n.definition.query.metrics || n.definition.query.metrics.length === 0), v = O(Pe);
+    }), g = w(() => Z(n.definition)), m = w(() => g.value ? "columns" in n.definition.query && !n.definition.query.columns?.length : !("metrics" in n.definition.query) || !n.definition.query.metrics || n.definition.query.metrics.length === 0), v = z(qe);
     let p;
     Ke(() => {
       const y = i.value?.parentElement;
-      y && (v.value = y.getBoundingClientRect().height, p = new ResizeObserver(([A]) => {
-        const { height: L } = A.contentRect;
-        v.value = L;
+      y && (v.value = y.getBoundingClientRect().height, p = new ResizeObserver(([P]) => {
+        const { height: D } = P.contentRect;
+        v.value = D;
       }), p.observe(y));
-    }), Le(() => p?.disconnect());
-    const T = O(0);
+    }), Ae(() => p?.disconnect());
+    const T = z(0);
     return e({
       refresh: () => {
         T.value++;
       },
       getExportData: () => s.value?.getExportData()
-    }), (y, A) => {
-      const L = se("KEmptyState");
+    }), (y, P) => {
+      const D = se("KEmptyState");
       return _(), F("div", {
         ref_key: "root",
         ref: i,
         "data-testid": "dashboard-tile-preview-root"
       }, [
-        m.value ? (_(), z(L, {
+        m.value ? (_(), N(D, {
           key: 0,
           "action-button-visible": !1,
           "data-testid": "chart-not-configured-empty-state"
         }, {
           title: I(() => [
-            j("p", null, Q(x(u).t("renderer.not_configured.title")), 1)
+            V("p", null, Y(x(u).t("renderer.not_configured.title")), 1)
           ]),
           default: I(() => [
-            j("p", null, Q(x(u).t("renderer.not_configured.description")), 1)
+            V("p", null, Y(x(u).t("renderer.not_configured.description")), 1)
           ]),
           _: 1
-        })) : (_(), z(di, {
+        })) : (_(), N(di, {
           key: 1,
           ref: "dashboard-tile",
           "refresh-counter": T.value,
-          "onUpdate:refreshCounter": A[0] || (A[0] = ($) => T.value = $),
+          "onUpdate:refreshCounter": P[0] || (P[0] = (J) => T.value = J),
           context: {
             ...x(c),
             editable: !1
@@ -6052,7 +6052,7 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
   }
   return n;
 }, Wn = (n) => {
-  if (ee(n.definition))
+  if (Z(n.definition))
     return n;
   const e = n.definition?.query;
   if (!e)
@@ -6068,7 +6068,7 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
       query: t
     }
   };
-}, $n = (n, e = lt) => {
+}, $n = (n, e = ut) => {
   if (!n.length)
     return [];
   let t = 0, i = 0, s = 0;
@@ -6106,14 +6106,14 @@ const Mn = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Ln = { cl
 };
 export {
   ps as C,
-  lt as D,
+  ut as D,
   xt as E,
   ws as F,
   Sn as G,
-  fe as I,
+  ge as I,
   ys as T,
-  ut as _,
-  Pe as a,
+  dt as _,
+  qe as a,
   vs as b,
   eo as c,
   to as d,