@kong-ui-public/dashboard-renderer 8.12.18 → 8.12.19

package/dist/{index-DhUhn-0L.js → index-kRIAUZSu.js}

@@ -2,8 +2,8 @@ var Ii = Object.defineProperty;
 var Lt = (o) => {
   throw TypeError(o);
 };
-var Mi = (o, e, t) => e in o ? Ii(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var At = (o, e, t) => Mi(o, typeof e != "symbol" ? e + "" : e, t), ht = (o, e, t) => e.has(o) || Lt("Cannot " + t);
+var qi = (o, e, t) => e in o ? Ii(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var At = (o, e, t) => qi(o, typeof e != "symbol" ? e + "" : e, t), ht = (o, e, t) => e.has(o) || Lt("Cannot " + t);
 var _ = (o, e, t) => (ht(o, e, "read from private field"), t ? t.call(o) : e.get(o)), U = (o, e, t) => e.has(o) ? Lt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), $ = (o, e, t, i) => (ht(o, e, "write to private field"), i ? i.call(o, t) : e.set(o, t), t), K = (o, e, t) => (ht(o, e, "access private method"), t);
 var Le = (o, e, t, i) => ({
   set _(s) {
@@ -13,8 +13,8 @@ var Le = (o, e, t, i) => ({
     return _(o, e, i);
   }
 });
-import { ref as H, watchEffect as Jt, inject as ge, provide as qi, toRaw as Pi, computed as w, isRef as $i, isReactive as Bi, toRef as Ae, hasInjectionContext as Ot, onMounted as st, watch as Oe, onUnmounted as Fe, getCurrentInstance as Fi, defineComponent as ee, resolveComponent as ue, unref as E, openBlock as C, createBlock as O, createSlots as rt, withCtx as q, createElementVNode as te, toDisplayString as J, renderSlot as He, createCommentVNode as X, normalizeStyle as Ye, normalizeClass as ze, createVNode as fe, mergeProps as ei, createTextVNode as gt, createElementBlock as B, normalizeProps as Gi, guardReactiveProps as Ui, defineAsyncComponent as ti, Fragment as mt, useCssVars as pt, useModel as ii, readonly as Ht, nextTick as yt, resolveDynamicComponent as si, toHandlers as Wi, mergeModels as je, renderList as ri, useTemplateRef as It } from "vue";
-import { msToGranularity as dt, TimePeriods as Ki, TIMEFRAME_LOOKUP as Qi, formatTime as Mt, EXPORT_RECORD_LIMIT as Vi } from "@kong-ui-public/analytics-utilities";
+import { ref as H, watchEffect as Jt, inject as ge, provide as Mi, toRaw as Pi, computed as w, isRef as $i, isReactive as Bi, toRef as Ae, hasInjectionContext as Ot, onMounted as st, watch as Oe, onUnmounted as Fe, getCurrentInstance as Fi, defineComponent as ee, resolveComponent as ue, unref as E, openBlock as C, createBlock as O, createSlots as rt, withCtx as M, createElementVNode as te, toDisplayString as J, renderSlot as He, createCommentVNode as X, normalizeStyle as Ye, normalizeClass as ze, createVNode as fe, mergeProps as ei, createTextVNode as gt, createElementBlock as B, normalizeProps as Gi, guardReactiveProps as Ui, defineAsyncComponent as ti, Fragment as mt, useCssVars as pt, useModel as ii, readonly as Ht, nextTick as yt, resolveDynamicComponent as si, toHandlers as Wi, mergeModels as je, renderList as ri, useTemplateRef as It } from "vue";
+import { msToGranularity as dt, TimePeriods as Ki, TIMEFRAME_LOOKUP as Qi, formatTime as qt, EXPORT_RECORD_LIMIT as Vi } from "@kong-ui-public/analytics-utilities";
 import { handleQueryError as Yi, SimpleChart as ji, AnalyticsChart as Xi, TopNTable as Zi, CsvExportModal as Ji } from "@kong-ui-public/analytics-chart";
 import es from "swrv";
 import "axios";
@@ -133,7 +133,7 @@ function xs() {
     // Translation component <i18n-t>
   };
 }
-const Ge = 170, _t = 6, ye = "analytics-query-provider", qt = "{entity-id}", Cs = "{cp-id}", Rs = "{timeframe}", ks = 30 * 1e3, Ts = 3e5, Ss = 36e5;
+const Ge = 170, _t = 6, ye = "analytics-query-provider", Mt = "{entity-id}", Cs = "{cp-id}", Rs = "{timeframe}", ks = 30 * 1e3, Ts = 3e5, Ss = 36e5;
 function Ds() {
   const o = ge(ye);
   return {
@@ -203,8 +203,8 @@ var oi = { exports: {} };
         z[v - 1] = arguments[v];
       g.fn.apply(g.context, z);
     } else {
-      var M = g.length, A;
-      for (v = 0; v < M; v++)
+      var q = g.length, A;
+      for (v = 0; v < q; v++)
         switch (g[v].once && this.removeListener(l, g[v].fn, void 0, !0), k) {
           case 1:
             g[v].fn.call(g[v].context);
@@ -360,8 +360,8 @@ class Is {
   }
 }
 se = new WeakMap();
-var Re, ke, _e, qe, Te, Pe, re, Se, Z, $e, ne, De, pe, Be, it, L, li, ui, hi, di, ci, Ke, ct, ft, Qe, fi, Ve;
-class Ms extends Ls {
+var Re, ke, _e, Me, Te, Pe, re, Se, Z, $e, ne, De, pe, Be, it, L, li, ui, hi, di, ci, Ke, ct, ft, Qe, fi, Ve;
+class qs extends Ls {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
     var i, s;
@@ -370,7 +370,7 @@ class Ms extends Ls {
     U(this, Re);
     U(this, ke);
     U(this, _e, 0);
-    U(this, qe);
+    U(this, Me);
     U(this, Te);
     U(this, Pe, 0);
     U(this, re);
@@ -402,7 +402,7 @@ class Ms extends Ls {
       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})`);
-    $(this, Re, t.carryoverConcurrencyCount), $(this, ke, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), $(this, qe, t.intervalCap), $(this, Te, t.interval), $(this, Z, new t.queueClass()), $(this, $e, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, $(this, Be, t.throwOnTimeout === !0), $(this, pe, t.autoStart === !1);
+    $(this, Re, t.carryoverConcurrencyCount), $(this, ke, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), $(this, Me, t.intervalCap), $(this, Te, t.interval), $(this, Z, new t.queueClass()), $(this, $e, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, $(this, Be, t.throwOnTimeout === !0), $(this, pe, t.autoStart === !1);
   }
   get concurrency() {
     return _(this, De);
@@ -552,8 +552,8 @@ class Ms extends Ls {
     return _(this, pe);
   }
 }
-Re = new WeakMap(), ke = new WeakMap(), _e = new WeakMap(), qe = new WeakMap(), Te = new WeakMap(), Pe = new WeakMap(), re = new WeakMap(), Se = new WeakMap(), Z = new WeakMap(), $e = new WeakMap(), ne = new WeakMap(), De = new WeakMap(), pe = new WeakMap(), Be = new WeakMap(), it = new WeakMap(), L = new WeakSet(), li = function() {
-  return _(this, ke) || _(this, _e) < _(this, qe);
+Re = new WeakMap(), ke = new WeakMap(), _e = new WeakMap(), Me = new WeakMap(), Te = new WeakMap(), Pe = new WeakMap(), re = new WeakMap(), Se = new WeakMap(), Z = new WeakMap(), $e = new WeakMap(), ne = new WeakMap(), De = new WeakMap(), pe = new WeakMap(), Be = new WeakMap(), it = new WeakMap(), L = new WeakSet(), li = function() {
+  return _(this, ke) || _(this, _e) < _(this, Me);
 }, ui = function() {
   return _(this, ne) < _(this, De);
 }, hi = function() {
@@ -609,7 +609,7 @@ Qe = function() {
     this.on(t, r);
   });
 };
-const qs = () => {
+const Ms = () => {
   const o = vt(), e = ge(ye);
   if (!e)
     return;
@@ -617,7 +617,7 @@ const qs = () => {
     console.warn("Detected incorrect use of useRequestQueue.  This composable should not be used in nested components.  Please discuss with team-data or report an issue if you feel you have a use case.");
     return;
   }
-  const t = new Ms({
+  const t = new qs({
     carryoverConcurrencyCount: !0,
     concurrency: o.maxParallelRequests,
     interval: o.requestInterval,
@@ -627,7 +627,7 @@ const qs = () => {
     queryFnOverride: !0,
     queryFn: (s, r) => t.add(() => e.queryFn(s, r), { throwOnTimeout: !0 })
   };
-  qi(ye, i);
+  Mi(ye, i);
 };
 /*!
  * pinia v3.0.4
@@ -692,7 +692,7 @@ function Fs({
     return h.value({
       datasource: D,
       filters: I,
-      metrics: Q
+      queryFields: Q
     });
   }), v = w(() => {
     if (!g.value || !p.value)
@@ -705,7 +705,7 @@ function Fs({
       });
     const I = S.query.time_range || e.value.timeSpec, Q = Y(I, z.value);
     return ve(Q);
-  }), M = w(() => {
+  }), q = w(() => {
     if (!y.value || !p.value)
       return "";
     const S = z.value, I = t.value;
@@ -756,7 +756,7 @@ function Fs({
     S && (a.value = { href: "" }), I && (n.value = { href: "" });
   }), {
     exploreLinkKebabMenu: v,
-    requestsLinkKebabMenu: M,
+    requestsLinkKebabMenu: q,
     canShowKebabMenu: p,
     canGenerateRequestsLink: y,
     canGenerateExploreLink: g,
@@ -786,7 +786,7 @@ function Gs() {
         ...r.filters ?? [],
         ...a.filters
       ],
-      metrics: r.metrics
+      queryFields: r.metrics
     });
     let m = r.time_range;
     m ? m.tz || (m = {
@@ -826,8 +826,8 @@ function Us({
       if (r.value.type === "relative")
         k = ["15m", "1h", "6h", "12h", "24h"].includes(r.value.time_range);
       else {
-        const M = r.value.start.getTime(), A = r.value.end.getTime();
-        k = Math.abs(A - M) <= 864e5;
+        const q = r.value.start.getTime(), A = r.value.end.getTime();
+        k = Math.abs(A - q) <= 864e5;
       }
       const z = (/* @__PURE__ */ new Date()).getTime();
       r.value.type === "absolute" && r.value.end.getTime() < z || r.value.type === "relative" && ["previous_week", "previous_month"].includes(r.value.time_range) ? l = 0 : k ? l = Ts : l = Ss;
@@ -856,7 +856,7 @@ const ae = {
   useEvaluateFeatureFlag: Ds,
   useI18n: xs,
   useIssueQuery: Gs,
-  useRequestQueue: qs
+  useRequestQueue: Ms
 }, wt = /* @__PURE__ */ ee({
   __name: "QueryDataProvider",
   props: {
@@ -885,7 +885,7 @@ const ae = {
     return Oe([() => d.value, () => u.value], ([g, k]) => {
       g && (k === "SUCCESS_HAS_DATA" || k === "SUCCESS") && i("chart-data", g);
     }), (g, k) => {
-      var M;
+      var q;
       const z = ue("KSkeleton"), v = ue("KEmptyState");
       return y.value || !E(d) && !p.value ? (C(), O(z, {
         key: 0,
@@ -896,13 +896,13 @@ const ae = {
         "action-button-visible": !1,
         "data-testid": "chart-empty-state"
       }, rt({
-        icon: q(() => {
+        icon: M(() => {
           var A;
           return [
             ((A = m.value) == null ? void 0 : A.type) === "forbidden" ? (C(), O(E(ss), { key: 0 })) : (C(), O(E(rs), { key: 1 }))
           ];
         }),
-        title: q(() => {
+        title: M(() => {
           var A;
           return [
             te("p", null, J(((A = m.value) == null ? void 0 : A.message) || E(s).t("renderer.unexpectedError")), 1)
@@ -910,9 +910,9 @@ const ae = {
         }),
         _: 2
       }, [
-        (M = m.value) != null && M.details ? {
+        (q = m.value) != null && q.details ? {
           name: "default",
-          fn: q(() => [
+          fn: M(() => [
             te("p", null, J(m.value.details), 1)
           ]),
           key: "0"
@@ -943,7 +943,7 @@ const ae = {
       "query-ready": o.queryReady,
       "refresh-counter": o.refreshCounter
     }, {
-      default: q(({ data: r }) => [
+      default: M(({ data: r }) => [
         te("div", {
           class: ze(["analytics-chart", { "single-value": t.value }]),
           style: Ye(t.value ? void 0 : { height: `${o.height}px` })
@@ -998,7 +998,7 @@ const ae = {
         "refresh-counter": o.refreshCounter,
         onChartData: d
       }, {
-        default: q(({ data: f }) => [
+        default: M(({ data: f }) => [
           te("div", Ks, [
             fe(E(Xi), ei({
               "chart-data": f,
@@ -1015,9 +1015,9 @@ const ae = {
             }), rt({ _: 2 }, [
               o.context.editable ? {
                 name: "menu-items",
-                fn: q(() => [
+                fn: M(() => [
                   fe(u, { onClick: n }, {
-                    default: q(() => [
+                    default: M(() => [
                       gt(J(E(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
@@ -1117,7 +1117,7 @@ const ae = {
       class: ze(["metric-card-tile-wrapper", { titled: !!e.chartOptions.chart_title }])
     }, [
       fe(E(hs), Gi(Ui(t.value)), {
-        default: q(() => [
+        default: M(() => [
           fe(E(ds))
         ]),
         _: 1
@@ -1169,9 +1169,9 @@ const ae = {
       if (h)
         if (l.id.includes(":")) {
           const [u, f] = l.id.split(":");
-          return h.replace(Cs, u).replace(qt, f);
+          return h.replace(Cs, u).replace(Mt, f);
         } else
-          return h.replace(qt, l.id);
+          return h.replace(Mt, l.id);
       return "";
     };
     return (l, h) => (C(), O(wt, {
@@ -1180,14 +1180,14 @@ const ae = {
       "query-ready": o.queryReady,
       "refresh-counter": o.refreshCounter
     }, {
-      default: q(({ data: u }) => [
+      default: M(({ data: u }) => [
         fe(E(Zi), {
           data: u,
           "synthetics-data-key": o.chartOptions.synthetics_data_key
         }, rt({ _: 2 }, [
           s.value ? {
             name: "name",
-            fn: q(({ record: f }) => [
+            fn: M(({ record: f }) => [
               !f.isEmpty && n(f) ? (C(), O(E(i), {
                 key: 0,
                 "entity-link-data": {
@@ -1272,7 +1272,8 @@ const ae = {
       filters: [
         ...d.filters ?? [],
         ...e.filters
-      ]
+      ],
+      queryFields: d.entity === void 0 ? void 0 : [d.entity]
     }), h = await n({
       datasource: s.datasource,
       query: {
@@ -1348,8 +1349,8 @@ const ae = {
           cursor: g,
           pageSize: k,
           query: u.value,
-          onResponseColumns: (M) => {
-            d.value = M;
+          onResponseColumns: (q) => {
+            d.value = q;
           },
           stripUnknownFilters: r.stripUnknownFilters,
           tabularQueryFn: s == null ? void 0 : s.tabularQueryFn
@@ -1428,11 +1429,11 @@ const ae = {
   emits: /* @__PURE__ */ je(["chart-data", "edit-tile", "duplicate-tile", "remove-tile", "tile-time-range-zoom", "tile-bounds-change"], ["update:refreshCounter"]),
   setup(o, { expose: e, emit: t }) {
     pt((x) => ({
-      v76e9feba: `${x.height}px`
+      v55ee0ccc: `${x.height}px`
     }));
     const i = parseInt(gi, 10), s = o, r = ii(o, "refreshCounter"), a = () => {
       z.value = !0, r.value++;
-    }, n = t, d = ti(() => import("./GeoMapRenderer-CpBFlElz.js")), l = ge(ye), h = nt(), { stripUnknownFilters: u } = bt(h), { i18n: f } = ae.useI18n(), m = H(), p = H({ status: "loading" }), y = H(!1), g = H(), k = H(!1), z = H(!0), v = w(() => s.definition.chart), M = w(() => "chart_title" in v.value ? v.value.chart_title : void 0), A = w(() => "description" in v.value ? v.value.description : void 0), le = w(() => v.value.type === "slottable"), xe = w(() => oe(s.definition) ? !1 : !("allow_csv_export" in v.value) || v.value.allow_csv_export !== !1), {
+    }, n = t, d = ti(() => import("./GeoMapRenderer-BSBPCCw4.js")), l = ge(ye), h = nt(), { stripUnknownFilters: u } = bt(h), { i18n: f } = ae.useI18n(), m = H(), p = H({ status: "loading" }), y = H(!1), g = H(), k = H(!1), z = H(!0), v = w(() => s.definition.chart), q = w(() => "chart_title" in v.value ? v.value.chart_title : void 0), A = w(() => "description" in v.value ? v.value.description : void 0), le = w(() => v.value.type === "slottable"), xe = w(() => oe(s.definition) ? !1 : !("allow_csv_export" in v.value) || v.value.allow_csv_export !== !1), {
       exploreLinkKebabMenu: Y,
       requestsLinkKebabMenu: ve,
       canShowKebabMenu: S,
@@ -1516,11 +1517,11 @@ const ae = {
         return W ? W.display : (console.warn("Did not recognize the given relative time range:", T.time_range), T.time_range);
       } else if ((T == null ? void 0 : T.type) === "absolute") {
         const W = T.tz || "Etc/UTC";
-        return `${Mt(T.start, { short: !0, tz: W })} - ${Mt(T.end, { short: !0, tz: W })}`;
+        return `${qt(T.start, { short: !0, tz: W })} - ${qt(T.end, { short: !0, tz: W })}`;
       }
       return null;
     }), Rt = w(() => le.value ? !1 : [
-      !!M.value,
+      !!q.value,
       yi.value,
       !!ut.value,
       vi.value,
@@ -1542,7 +1543,7 @@ const ae = {
       return u.value({
         datasource: W,
         filters: T,
-        metrics: G
+        queryFields: G
       });
     }), Ci = () => {
       n("edit-tile", s.definition);
@@ -1602,14 +1603,14 @@ const ae = {
             class: "title-tooltip",
             disabled: !k.value,
             "max-width": "500",
-            text: M.value
+            text: q.value
           }, {
-            default: q(() => [
+            default: M(() => [
               te("div", {
                 ref_key: "titleRef",
                 ref: g,
                 class: "title"
-              }, J(M.value), 513)
+              }, J(q.value), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
@@ -1620,14 +1621,14 @@ const ae = {
               tooltip: Tt.value ? Ei.value : void 0,
               "tooltip-attributes": { maxWidth: "320px" }
             }, rt({
-              default: q(() => [
+              default: M(() => [
                 te("span", hr, J(ut.value), 1)
               ]),
               _: 2
             }, [
               Tt.value ? {
                 name: "icon",
-                fn: q(() => [
+                fn: M(() => [
                   fe(E(ns), {
                     size: `var(--kui-icon-size-20, ${E(nr)})`
                   }, null, 8, ["size"])
@@ -1646,7 +1647,7 @@ const ae = {
               size: "small",
               onClick: a
             }, {
-              default: q(() => [
+              default: M(() => [
                 z.value ? (C(), O(E(os), {
                   key: 0,
                   role: "button",
@@ -1681,7 +1682,7 @@ const ae = {
               "data-testid": `chart-action-menu-${o.tileId}`,
               "kpop-attributes": { placement: "bottom-end" }
             }, {
-              items: q(() => [
+              items: M(() => [
                 E(Y) ? (C(), O(me, {
                   key: 0,
                   "data-testid": `chart-jump-to-explore-${o.tileId}`,
@@ -1698,7 +1699,7 @@ const ae = {
                   "data-testid": `chart-csv-export-${o.tileId}`,
                   onClick: zi
                 }, {
-                  default: q(() => [
+                  default: M(() => [
                     te("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${o.tileId}`
@@ -1711,7 +1712,7 @@ const ae = {
                   "data-testid": `duplicate-tile-${o.tileId}`,
                   onClick: Ri
                 }, {
-                  default: q(() => [
+                  default: M(() => [
                     gt(J(E(f).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
@@ -1721,13 +1722,13 @@ const ae = {
                   "data-testid": `remove-tile-${o.tileId}`,
                   onClick: ki
                 }, {
-                  default: q(() => [
+                  default: M(() => [
                     te("span", gr, J(E(f).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : X("", !0)
               ]),
-              default: q(() => [
+              default: M(() => [
                 fe(E(us), {
                   class: "kebab-action-menu",
                   color: `var(--kui-color-text-neutral, ${E(Vt)})`,
@@ -1759,7 +1760,7 @@ const ae = {
       ], 10, ar);
     };
   }
-}), mi = /* @__PURE__ */ be(yr, [["__scopeId", "data-v-14541de0"]]), vr = (o, e) => {
+}), mi = /* @__PURE__ */ be(yr, [["__scopeId", "data-v-ca900eba"]]), vr = (o, e) => {
   let t = 0;
   const i = /* @__PURE__ */ new Map();
   e.forEach((r) => {
@@ -2921,7 +2922,7 @@ class Ie extends xt {
 }
 Ie._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
 const Er = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class Me extends xt {
+class qe extends xt {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -3011,7 +3012,7 @@ class Me extends xt {
   /** @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 = c.cloneNode(this.el)), e.parentElement || c.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 = c.cloneNode(this.el)), e.parentElement || c.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = qe.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -3028,7 +3029,7 @@ class Me extends xt {
     const e = (t = this.helper) == null ? void 0 : t.gridstackNode;
     if (!(e != null && e._isAboutToRemove) && this.dragElementOriginStyle) {
       const i = this.helper, s = this.dragElementOriginStyle.transition || null;
-      i.style.transition = this.dragElementOriginStyle.transition = "none", Me.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
+      i.style.transition = this.dragElementOriginStyle.transition = "none", qe.originStyleProp.forEach((r) => i.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => i.style.transition = s, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -3070,7 +3071,7 @@ class Me extends xt {
     };
   }
 }
-Me.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+qe.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
 class xr extends xt {
   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();
@@ -3151,7 +3152,7 @@ class Ct {
     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 qe(this.el, e), this;
   }
   cleanDraggable() {
     return this.ddDraggable && (this.ddDraggable.destroy(), delete this.ddDraggable), this;
@@ -4442,9 +4443,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       n.x = Math.round(k / r), n.y = Math.round(z / a);
       const v = this._extraDragRow;
       if (this.engine.collide(s, n)) {
-        const M = this.getRow();
-        let A = Math.max(0, n.y + s.h - M);
-        this.opts.maxRow && M + A > this.opts.maxRow && (A = Math.max(0, this.opts.maxRow - M)), this._extraDragRow = A;
+        const q = this.getRow();
+        let A = Math.max(0, n.y + s.h - q);
+        this.opts.maxRow && q + A > this.opts.maxRow && (A = Math.max(0, this.opts.maxRow - q)), this._extraDragRow = A;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== v && this._updateContainerHeight(), s.x === n.x && s.y === n.y)
@@ -4662,7 +4663,7 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
       }
     }, v = (D) => {
       n.value && n.value.removeWidget(D.id);
-    }, M = () => {
+    }, q = () => {
       a.value++;
     }, A = (D) => {
       const N = D.map((F) => ({
@@ -4688,7 +4689,7 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
       preview: w(() => o.preview)
     });
     return e({
-      refresh: M,
+      refresh: q,
       toggleFullscreen: xe
     }), (D, N) => {
       const F = ue("KAlert");
@@ -4715,7 +4716,7 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
             tiles: m.value,
             onUpdateTiles: A
           }, {
-            tile: q(({ tile: P }) => [
+            tile: M(({ tile: P }) => [
               y(P) ? (C(), B("div", Nr, [
                 He(D.$slots, k(P), {}, void 0, !0)
               ])) : (C(), O(mi, {
@@ -4743,7 +4744,7 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
             key: 1,
             appearance: "danger"
           }, {
-            default: q(() => [
+            default: M(() => [
               gt(J(E(r).t("renderer.noQueryBridge")), 1)
             ]),
             _: 1
@@ -4778,8 +4779,8 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
     }), y = H(Ge);
     let g;
     st(() => {
-      var M;
-      const v = (M = i.value) == null ? void 0 : M.parentElement;
+      var q;
+      const v = (q = i.value) == null ? void 0 : q.parentElement;
       v && (y.value = v.getBoundingClientRect().height, g = new ResizeObserver(([A]) => {
         const { height: le } = A.contentRect;
         y.value = le;
@@ -4794,7 +4795,7 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
         var v;
         return (v = s.value) == null ? void 0 : v.getExportData();
       }
-    }), (v, M) => {
+    }), (v, q) => {
       const A = ue("KEmptyState");
       return C(), B("div", {
         ref_key: "root",
@@ -4806,10 +4807,10 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
           "action-button-visible": !1,
           "data-testid": "chart-not-configured-empty-state"
         }, {
-          title: q(() => [
+          title: M(() => [
             te("p", null, J(E(h).t("renderer.not_configured.title")), 1)
           ]),
-          default: q(() => [
+          default: M(() => [
             te("p", null, J(E(h).t("renderer.not_configured.description")), 1)
           ]),
           _: 1
@@ -4817,7 +4818,7 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
           key: 1,
           ref: "dashboard-tile",
           "refresh-counter": k.value,
-          "onUpdate:refreshCounter": M[0] || (M[0] = (le) => k.value = le),
+          "onUpdate:refreshCounter": q[0] || (q[0] = (le) => k.value = le),
           context: {
             ...E(u),
             editable: !1
@@ -4903,7 +4904,7 @@ const Rr = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], kr = { cl
 export {
   Cs as C,
   _t as D,
-  qt as E,
+  Mt as E,
   Ss as F,
   br as G,
   ye as I,