@kong-ui-public/dashboard-renderer 5.7.1 → 5.7.2

package/dist/dashboard-renderer.es.js

@@ -5,7 +5,7 @@ var Ze = (u) => {
 var It = (u, e, t) => e in u ? Mt(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
 var Je = (u, e, t) => It(u, typeof e != "symbol" ? e + "" : e, t), qe = (u, e, t) => e.has(u) || Ze("Cannot " + t);
 var v = (u, e, t) => (qe(u, e, "read from private field"), t ? t.call(u) : e.get(u)), M = (u, e, t) => e.has(u) ? Ze("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(u) : e.set(u, t), A = (u, e, t, i) => (qe(u, e, "write to private field"), i ? i.call(u, t) : e.set(u, t), t), P = (u, e, t) => (qe(u, e, "access private method"), t);
-var ve = (u, e, t, i) => ({
+var ye = (u, e, t, i) => ({
   set _(s) {
     A(u, e, s, t);
   },
@@ -13,7 +13,7 @@ var ve = (u, e, t, i) => ({
     return v(u, e, i);
   }
 });
-import { ref as U, watchEffect as gt, inject as ye, provide as Pt, defineComponent as W, onUnmounted as Ue, computed as O, watch as Fe, resolveComponent as ne, unref as z, openBlock as C, createBlock as H, withCtx as q, createTextVNode as he, toDisplayString as Q, renderSlot as Le, createCommentVNode as V, useCssVars as Ge, createElementVNode as de, normalizeClass as We, createVNode as se, mergeProps as mt, createSlots as pt, createElementBlock as F, normalizeProps as qt, guardReactiveProps as Bt, defineAsyncComponent as $t, onMounted as Ve, nextTick as yt, resolveDynamicComponent as vt, Fragment as _t, renderList as wt, normalizeStyle as et, mergeModels as tt, useModel as Ut } from "vue";
+import { ref as U, watchEffect as gt, inject as pe, provide as Pt, defineComponent as W, onUnmounted as Ue, computed as O, watch as Fe, resolveComponent as ne, unref as z, openBlock as C, createBlock as H, withCtx as q, createTextVNode as ve, toDisplayString as Q, renderSlot as Le, createCommentVNode as V, useCssVars as Ge, createElementVNode as ae, normalizeClass as We, createVNode as se, mergeProps as mt, createSlots as pt, createElementBlock as F, normalizeProps as qt, guardReactiveProps as Bt, defineAsyncComponent as $t, onMounted as Ve, nextTick as yt, resolveDynamicComponent as vt, Fragment as _t, renderList as wt, normalizeStyle as et, mergeModels as tt, useModel as Ut } from "vue";
 import { stripUnknownFilters as Ft, Timeframe as Gt, TimePeriods as bt, TIMEFRAME_LOOKUP as Wt, formatTime as it, msToGranularity as Vt } from "@kong-ui-public/analytics-utilities";
 import { SimpleChart as Kt, AnalyticsChart as Yt, TopNTable as Xt, CsvExportModal as jt } from "@kong-ui-public/analytics-chart";
 import Qt from "swrv";
@@ -74,7 +74,8 @@ const oi = {
   },
   edit: "Edit",
   duplicateTile: "Duplicate",
-  remove: "Remove"
+  remove: "Remove",
+  delete: "Delete"
 }, ai = {
   timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
 }, li = {
@@ -94,9 +95,9 @@ function ui() {
     // Translation component <i18n-t>
   };
 }
-const Me = 170, Ct = 6, ae = "analytics-query-provider", st = "{entity-id}", ci = "{cp-id}", fi = "{timeframe}", gi = 30 * 1e3;
+const Me = 170, Ct = 6, le = "analytics-query-provider", st = "{entity-id}", ci = "{cp-id}", fi = "{timeframe}", gi = 30 * 1e3;
 function mi() {
-  const u = ye(ae);
+  const u = pe(le);
   return {
     evaluateFeatureFlag: (t, i) => u ? u.evaluateFeatureFlagFn(t, i) : i
   };
@@ -321,26 +322,26 @@ class Ei {
   }
 }
 K = new WeakMap();
-var ue, ce, re, be, fe, Ee, Y, ge, $, xe, X, me, ie, Ce, Oe, T, Dt, zt, St, kt, Nt, Te, Be, $e, De, At, ze;
+var de, ue, re, be, ce, Ee, Y, fe, $, xe, X, ge, ie, Ce, Oe, T, Dt, zt, St, kt, Nt, Te, Be, $e, De, At, ze;
 class xi extends vi {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
     super();
     M(this, T);
+    M(this, de);
     M(this, ue);
-    M(this, ce);
     M(this, re, 0);
     M(this, be);
-    M(this, fe);
+    M(this, ce);
     M(this, Ee, 0);
     M(this, Y);
-    M(this, ge);
+    M(this, fe);
     M(this, $);
     M(this, xe);
     M(this, X, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
-    M(this, me);
+    M(this, ge);
     M(this, ie);
     M(this, Ce);
     // Use to assign a unique identifier to a promise function, if not explicitly specified
@@ -363,15 +364,15 @@ class xi extends vi {
       throw new TypeError(`Expected \`intervalCap\` to be a number from 1 and up, got \`${((i = t.intervalCap) == null ? void 0 : i.toString()) ?? ""}\` (${typeof t.intervalCap})`);
     if (t.interval === void 0 || !(Number.isFinite(t.interval) && t.interval >= 0))
       throw new TypeError(`Expected \`interval\` to be a finite number >= 0, got \`${((s = t.interval) == null ? void 0 : s.toString()) ?? ""}\` (${typeof t.interval})`);
-    A(this, ue, t.carryoverConcurrencyCount), A(this, ce, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), A(this, be, t.intervalCap), A(this, fe, t.interval), A(this, $, new t.queueClass()), A(this, xe, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, A(this, Ce, t.throwOnTimeout === !0), A(this, ie, t.autoStart === !1);
+    A(this, de, t.carryoverConcurrencyCount), A(this, ue, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), A(this, be, t.intervalCap), A(this, ce, t.interval), A(this, $, new t.queueClass()), A(this, xe, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, A(this, Ce, t.throwOnTimeout === !0), A(this, ie, t.autoStart === !1);
   }
   get concurrency() {
-    return v(this, me);
+    return v(this, ge);
   }
   set concurrency(t) {
     if (!(typeof t == "number" && t >= 1))
       throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${t}\` (${typeof t})`);
-    A(this, me, t), P(this, T, De).call(this);
+    A(this, ge, t), P(this, T, De).call(this);
   }
   /**
       Updates the priority of a promise function by its id, affecting its execution order. Requires a defined concurrency limit to take effect.
@@ -413,14 +414,14 @@ class xi extends vi {
     v(this, $).setPriority(t, i);
   }
   async add(t, i = {}) {
-    return i.id ?? (i.id = (ve(this, Oe)._++).toString()), i = {
+    return i.id ?? (i.id = (ye(this, Oe)._++).toString()), i = {
       timeout: this.timeout,
       throwOnTimeout: v(this, Ce),
       ...i
     }, new Promise((s, r) => {
       v(this, $).enqueue(async () => {
         var o;
-        ve(this, X)._++, ve(this, re)._++;
+        ye(this, X)._++, ye(this, re)._++;
         try {
           (o = i.signal) == null || o.throwIfAborted();
           let n = t({ signal: i.signal });
@@ -513,22 +514,22 @@ class xi extends vi {
     return v(this, ie);
   }
 }
-ue = new WeakMap(), ce = new WeakMap(), re = new WeakMap(), be = new WeakMap(), fe = new WeakMap(), Ee = new WeakMap(), Y = new WeakMap(), ge = new WeakMap(), $ = new WeakMap(), xe = new WeakMap(), X = new WeakMap(), me = new WeakMap(), ie = new WeakMap(), Ce = new WeakMap(), Oe = new WeakMap(), T = new WeakSet(), Dt = function() {
-  return v(this, ce) || v(this, re) < v(this, be);
+de = new WeakMap(), ue = new WeakMap(), re = new WeakMap(), be = new WeakMap(), ce = new WeakMap(), Ee = new WeakMap(), Y = new WeakMap(), fe = new WeakMap(), $ = new WeakMap(), xe = new WeakMap(), X = new WeakMap(), ge = new WeakMap(), ie = new WeakMap(), Ce = new WeakMap(), Oe = new WeakMap(), T = new WeakSet(), Dt = function() {
+  return v(this, ue) || v(this, re) < v(this, be);
 }, zt = function() {
-  return v(this, X) < v(this, me);
+  return v(this, X) < v(this, ge);
 }, St = function() {
-  ve(this, X)._--, P(this, T, Te).call(this), this.emit("next");
+  ye(this, X)._--, P(this, T, Te).call(this), this.emit("next");
 }, kt = function() {
-  P(this, T, $e).call(this), P(this, T, Be).call(this), A(this, ge, void 0);
+  P(this, T, $e).call(this), P(this, T, Be).call(this), A(this, fe, void 0);
 }, Nt = function() {
   const t = Date.now();
   if (v(this, Y) === void 0) {
     const i = v(this, Ee) - t;
     if (i < 0)
-      A(this, re, v(this, ue) ? v(this, X) : 0);
+      A(this, re, v(this, de) ? v(this, X) : 0);
     else
-      return v(this, ge) === void 0 && A(this, ge, setTimeout(() => {
+      return v(this, fe) === void 0 && A(this, fe, setTimeout(() => {
         P(this, T, kt).call(this);
       }, i)), !0;
   }
@@ -545,11 +546,11 @@ ue = new WeakMap(), ce = new WeakMap(), re = new WeakMap(), be = new WeakMap(),
   }
   return !1;
 }, Be = function() {
-  v(this, ce) || v(this, Y) !== void 0 || (A(this, Y, setInterval(() => {
+  v(this, ue) || v(this, Y) !== void 0 || (A(this, Y, setInterval(() => {
     P(this, T, $e).call(this);
-  }, v(this, fe))), A(this, Ee, Date.now() + v(this, fe)));
+  }, v(this, ce))), A(this, Ee, Date.now() + v(this, ce)));
 }, $e = function() {
-  v(this, re) === 0 && v(this, X) === 0 && v(this, Y) && (clearInterval(v(this, Y)), A(this, Y, void 0)), A(this, re, v(this, ue) ? v(this, X) : 0), P(this, T, De).call(this);
+  v(this, re) === 0 && v(this, X) === 0 && v(this, Y) && (clearInterval(v(this, Y)), A(this, Y, void 0)), A(this, re, v(this, de) ? v(this, X) : 0), P(this, T, De).call(this);
 }, /**
 Executes all queued functions until it reaches the limit.
 */
@@ -571,7 +572,7 @@ De = function() {
   });
 };
 const Ci = () => {
-  const u = Et(), e = ye(ae);
+  const u = Et(), e = pe(le);
   if (!e)
     return;
   if (e.queryFnOverride) {
@@ -588,8 +589,8 @@ const Ci = () => {
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  Pt(ae, i);
-}, pe = {
+  Pt(le, i);
+}, me = {
   useI18n: ui,
   useEvaluateFeatureFlag: mi,
   useRequestQueue: Ci
@@ -603,7 +604,7 @@ const Ci = () => {
   },
   emits: ["chart-data", "queryComplete"],
   setup(u, { emit: e }) {
-    const t = u, i = e, { i18n: s } = pe.useI18n(), r = ye(ae), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
+    const t = u, i = e, { i18n: s } = me.useI18n(), r = pe(le), o = () => t.queryReady && r ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, n = new AbortController();
     Ue(() => {
       n.abort();
     });
@@ -660,7 +661,7 @@ const Ci = () => {
         "icon-variant": "error"
       }, {
         default: q(() => [
-          he(Q(p.value), 1)
+          ve(Q(p.value), 1)
         ]),
         _: 1
       })) : z(h) ? Le(R.$slots, "default", {
@@ -691,7 +692,7 @@ const Ci = () => {
       "refresh-counter": i.refreshCounter
     }, {
       default: q(({ data: r }) => [
-        de("div", {
+        ae("div", {
           class: We(["analytics-chart", { "single-value": t.value }])
         }, [
           se(z(Kt), {
@@ -704,12 +705,12 @@ const Ci = () => {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), le = (u, e) => {
+}), he = (u, e) => {
   const t = u.__vccOpts || u;
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, ot = /* @__PURE__ */ le(Ri, [["__scopeId", "data-v-65cc8607"]]), Ti = { class: "analytics-chart" }, Di = /* @__PURE__ */ W({
+}, ot = /* @__PURE__ */ he(Ri, [["__scopeId", "data-v-65cc8607"]]), Ti = { class: "analytics-chart" }, Di = /* @__PURE__ */ W({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -722,7 +723,7 @@ const Ci = () => {
   },
   emits: ["edit-tile", "chart-data", "zoom-time-range"],
   setup(u, { emit: e }) {
-    const t = u, i = e, { i18n: s } = pe.useI18n(), { evaluateFeatureFlag: r } = pe.useEvaluateFeatureFlag(), o = r("explore-v4-fine-granularity", !1), n = O(() => ({
+    const t = u, i = e, { i18n: s } = me.useI18n(), { evaluateFeatureFlag: r } = me.useEvaluateFeatureFlag(), o = r("explore-v4-fine-granularity", !1), n = O(() => ({
       type: t.chartOptions.type,
       stacked: t.chartOptions.stacked ?? !1,
       chartDatasetColors: t.chartOptions.chartDatasetColors,
@@ -742,7 +743,7 @@ const Ci = () => {
         onChartData: h
       }, {
         default: q(({ data: m }) => [
-          de("div", Ti, [
+          ae("div", Ti, [
             se(z(Yt), mt({
               "allow-csv-export": a.chartOptions.allowCsvExport,
               "chart-data": m,
@@ -760,7 +761,7 @@ const Ci = () => {
                 fn: q(() => [
                   se(f, { onClick: d }, {
                     default: q(() => [
-                      he(Q(z(s).t("renderer.edit")), 1)
+                      ve(Q(z(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -774,7 +775,7 @@ const Ci = () => {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), Ye = /* @__PURE__ */ le(Di, [["__scopeId", "data-v-a9ee3db9"]]), at = /* @__PURE__ */ W({
+}), Ye = /* @__PURE__ */ he(Di, [["__scopeId", "data-v-a9ee3db9"]]), at = /* @__PURE__ */ W({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -875,7 +876,7 @@ const Ci = () => {
       }, 16)
     ]));
   }
-}), ki = /* @__PURE__ */ le(Si, [["__scopeId", "data-v-20c4f411"]]), ht = "#6c7489", dt = "20px", Ht = "20px", Ni = {
+}), ki = /* @__PURE__ */ he(Si, [["__scopeId", "data-v-20c4f411"]]), ht = "#6c7489", dt = "20px", Ht = "20px", Ni = {
   class: "fallback-entity-link",
   "data-testid": "entity-link-parent"
 }, ut = /* @__PURE__ */ W({
@@ -897,7 +898,7 @@ const Ci = () => {
     refreshCounter: {}
   },
   setup(u) {
-    const e = u, t = ye(ae), i = $t(async () => {
+    const e = u, t = pe(le), i = $t(async () => {
       if (t != null && t.fetchComponent)
         try {
           return await t.fetchComponent("EntityLink");
@@ -968,7 +969,7 @@ const Ci = () => {
 }), Oi = ["data-testid"], Li = {
   key: 0,
   class: "tile-header"
-}, Mi = ["data-testid"], Ii = ["data-testid"], Pi = ["data-testid"], qi = ["data-testid"], Bi = /* @__PURE__ */ W({
+}, Mi = ["data-testid"], Ii = ["data-testid"], Pi = { class: "delete-option" }, qi = ["data-testid"], Bi = ["data-testid"], $i = /* @__PURE__ */ W({
   __name: "DashboardTile",
   props: {
     definition: {},
@@ -981,9 +982,9 @@ const Ci = () => {
   emits: ["edit-tile", "duplicate-tile", "remove-tile", "zoom-time-range"],
   setup(u, { emit: e }) {
     Ge((_) => ({
-      "185a85ac": `${_.height}px`
+      "3da384ac": `${_.height}px`
     }));
-    const t = parseInt(Ht, 10), i = u, s = e, r = ye(ae), { i18n: o } = pe.useI18n(), n = U(), d = U(!1), h = U(), a = U(!1), l = U("");
+    const t = parseInt(Ht, 10), i = u, s = e, r = pe(le), { i18n: o } = me.useI18n(), n = U(), d = U(!1), h = U(), a = U(!1), l = U("");
     Ve(async () => {
       var _;
       l.value = await ((_ = r == null ? void 0 : r.exploreBaseUrl) == null ? void 0 : _.call(r)) ?? "";
@@ -1063,7 +1064,7 @@ const Ci = () => {
             text: _.definition.chart.chartTitle
           }, {
             default: q(() => [
-              de("div", {
+              ae("div", {
                 ref_key: "titleRef",
                 ref: h,
                 class: "title"
@@ -1078,7 +1079,7 @@ const Ci = () => {
           }, [
             E.value ? (C(), H(Pe, { key: 0 }, {
               default: q(() => [
-                he(Q(E.value), 1)
+                ve(Q(E.value), 1)
               ]),
               _: 1
             })) : V("", !0),
@@ -1109,7 +1110,7 @@ const Ci = () => {
                   onClick: ee[0] || (ee[0] = (Qe) => oe())
                 }, {
                   default: q(() => [
-                    de("span", {
+                    ae("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${_.tileId}`
                     }, Q(z(o).t("csvExport.exportAsCsv")), 9, Ii)
@@ -1122,7 +1123,7 @@ const Ci = () => {
                   onClick: x
                 }, {
                   default: q(() => [
-                    he(Q(z(o).t("renderer.duplicateTile")), 1)
+                    ve(Q(z(o).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0),
@@ -1132,7 +1133,7 @@ const Ci = () => {
                   onClick: N
                 }, {
                   default: q(() => [
-                    he(Q(z(o).t("renderer.remove")), 1)
+                    ae("span", Pi, Q(z(o).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : V("", !0)
@@ -1151,7 +1152,7 @@ const Ci = () => {
             key: 1,
             class: "header-description",
             "data-testid": `tile-description-${_.tileId}`
-          }, Q(_.definition.chart.description), 9, Pi)) : V("", !0),
+          }, Q(_.definition.chart.description), 9, qi)) : V("", !0),
           d.value ? (C(), H(z(jt), {
             key: 2,
             "chart-data": n.value,
@@ -1160,7 +1161,7 @@ const Ci = () => {
             onToggleModal: I
           }, null, 8, ["chart-data", "data-testid", "filename"])) : V("", !0)
         ])) : V("", !0),
-        de("div", {
+        ae("div", {
           class: "tile-content",
           "data-testid": `tile-content-${_.tileId}`
         }, [
@@ -1168,11 +1169,11 @@ const Ci = () => {
             onChartData: S,
             onZoomTimeRange: ee[1] || (ee[1] = (Qe) => s("zoom-time-range", Qe))
           }), null, 16)) : V("", !0)
-        ], 8, qi)
+        ], 8, Bi)
       ], 10, Oi);
     };
   }
-}), $i = /* @__PURE__ */ le(Bi, [["__scopeId", "data-v-86b6879a"]]), Ui = (u, e) => {
+}), Ui = /* @__PURE__ */ he($i, [["__scopeId", "data-v-4ddafde1"]]), Fi = (u, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -1183,7 +1184,7 @@ const Ci = () => {
   for (let r = 0; r < t; r++)
     i.get(r) ? s.push("auto") : s.push(`${u}px`);
   return s;
-}, Fi = /* @__PURE__ */ W({
+}, Gi = /* @__PURE__ */ W({
   __name: "GridLayout",
   props: {
     tileHeight: {
@@ -1211,7 +1212,7 @@ const Ci = () => {
     }), Ue(() => {
       t.value && s.unobserve(t.value);
     });
-    const r = O(() => Ui(e.tileHeight, e.tiles).join(" ")), o = O(() => e.tiles.map((n, d) => ({
+    const r = O(() => Fi(e.tileHeight, e.tiles).join(" ")), o = O(() => e.tiles.map((n, d) => ({
       key: `tile-${d}`,
       tile: n,
       style: {
@@ -1240,8 +1241,8 @@ const Ci = () => {
       ], 6))), 128))
     ], 512));
   }
-}), Gi = /* @__PURE__ */ le(Fi, [["__scopeId", "data-v-b27ebb1a"]]);
-function Wi(u, e, t, i, s) {
+}), Wi = /* @__PURE__ */ he(Gi, [["__scopeId", "data-v-b27ebb1a"]]);
+function Vi(u, e, t, i, s) {
   const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(u, o));
   return r.prototype = e.prototype, r;
 }
@@ -2418,7 +2419,7 @@ class _e extends Xe {
   }
 }
 _e._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Vi = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+const Ki = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
 class we extends Xe {
   constructor(e, t = {}) {
     var r;
@@ -2456,7 +2457,7 @@ class we extends Xe {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!b.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Vi) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete b.dragElement, delete b.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), j && (e.currentTarget.addEventListener("touchmove", Ne), e.currentTarget.addEventListener("touchend", Ae)), e.preventDefault(), document.activeElement && document.activeElement.blur(), b.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ki) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete b.dragElement, delete b.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), j && (e.currentTarget.addEventListener("touchmove", Ne), e.currentTarget.addEventListener("touchend", Ae)), e.preventDefault(), document.activeElement && document.activeElement.blur(), b.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2569,7 +2570,7 @@ class we extends Xe {
   }
 }
 we.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Ki extends Xe {
+class Yi extends Xe {
   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();
   }
@@ -2661,13 +2662,13 @@ class je {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Ki(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Yi(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Yi {
+class Xi {
   resizable(e, t, i, s) {
     return this._getDDElements(e).forEach((r) => {
       if (t === "disable" || t === "enable")
@@ -2759,7 +2760,7 @@ class Yi {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const B = new Yi();
+const B = new Xi();
 class w {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -3956,7 +3957,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return Wi(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Vi(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 w.renderCB = (u, e) => {
@@ -3966,7 +3967,7 @@ w.resizeToContentParent = ".grid-stack-item-content";
 w.Utils = c;
 w.Engine = Z;
 w.GDRev = "11.3.0";
-const Xi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ji = { class: "grid-stack-item-content" }, Qi = /* @__PURE__ */ W({
+const ji = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Qi = { class: "grid-stack-item-content" }, Zi = /* @__PURE__ */ W({
   __name: "DraggableGridLayout",
   props: {
     tiles: {},
@@ -4044,16 +4045,16 @@ const Xi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ji = { cl
         "gs-x": y.layout.position.col,
         "gs-y": y.layout.position.row
       }, [
-        de("div", ji, [
+        ae("div", Qi, [
           Le(m.$slots, "tile", { tile: y }, void 0, !0)
         ])
-      ], 8, Xi))), 128))
+      ], 8, ji))), 128))
     ], 512));
   }
-}), Zi = /* @__PURE__ */ le(Qi, [["__scopeId", "data-v-e4e1101d"]]), Ji = { class: "kong-ui-public-dashboard-renderer" }, es = {
+}), Ji = /* @__PURE__ */ he(Zi, [["__scopeId", "data-v-e4e1101d"]]), es = { class: "kong-ui-public-dashboard-renderer" }, ts = {
   key: 0,
   class: "tile-container slottable-tile"
-}, ts = /* @__PURE__ */ W({
+}, is = /* @__PURE__ */ W({
   __name: "DashboardRenderer",
   props: /* @__PURE__ */ tt({
     context: {}
@@ -4063,8 +4064,8 @@ const Xi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ji = { cl
   }),
   emits: /* @__PURE__ */ tt(["edit-tile", "zoom-time-range"], ["update:modelValue"]),
   setup(u, { expose: e, emit: t }) {
-    const i = u, s = t, r = Ut(u, "modelValue"), { i18n: o } = pe.useI18n(), n = U(0), d = U(null), h = ye(ae);
-    h || (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")), pe.useRequestQueue();
+    const i = u, s = t, r = Ut(u, "modelValue"), { i18n: o } = me.useI18n(), n = U(0), d = U(null), h = pe(le);
+    h || (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")), me.useRequestQueue();
     const a = Et(), l = O(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
       time_range: a.defaultQueryTimeForOrg
@@ -4142,8 +4143,8 @@ const Xi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ji = { cl
     };
     return e({ refresh: L }), (x, N) => {
       const S = ne("KAlert");
-      return C(), F("div", Ji, [
-        z(h) ? (C(), H(vt(x.context.editable ? Zi : Gi), {
+      return C(), F("div", es, [
+        z(h) ? (C(), H(vt(x.context.editable ? Ji : Wi), {
           key: 1,
           ref_key: "gridLayoutRef",
           ref: d,
@@ -4152,9 +4153,9 @@ const Xi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ji = { cl
           onUpdateTiles: D
         }, {
           tile: q(({ tile: I }) => [
-            I.meta.chart.type === "slottable" ? (C(), F("div", es, [
+            I.meta.chart.type === "slottable" ? (C(), F("div", ts, [
               Le(x.$slots, I.meta.chart.id, {}, void 0, !0)
-            ])) : (C(), H($i, {
+            ])) : (C(), H(Ui, {
               key: 1,
               class: "tile-container",
               context: y.value,
@@ -4175,22 +4176,22 @@ const Xi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], ji = { cl
           appearance: "danger"
         }, {
           default: q(() => [
-            he(Q(z(o).t("renderer.noQueryBridge")), 1)
+            ve(Q(z(o).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))
       ]);
     };
   }
-}), cs = /* @__PURE__ */ le(ts, [["__scopeId", "data-v-0bb82daa"]]);
+}), fs = /* @__PURE__ */ he(is, [["__scopeId", "data-v-0bb82daa"]]);
 export {
   ci as CP_ID_TOKEN,
   Ct as DASHBOARD_COLS,
   Me as DEFAULT_TILE_HEIGHT,
   gi as DEFAULT_TILE_REFRESH_INTERVAL_MS,
-  cs as DashboardRenderer,
+  fs as DashboardRenderer,
   st as ENTITY_ID_TOKEN,
-  Gi as GridLayout,
-  ae as INJECT_QUERY_PROVIDER,
+  Wi as GridLayout,
+  le as INJECT_QUERY_PROVIDER,
   fi as TIMEFRAME_TOKEN
 };