@kong-ui-public/dashboard-renderer 6.3.3 → 6.3.4

package/dist/dashboard-renderer.es.js

@@ -13,7 +13,7 @@ var _e = (u, e, t, i) => ({
     return _(u, e, i);
   }
 });
-import { ref as U, watchEffect as _t, inject as ye, provide as Gt, defineComponent as K, onUnmounted as Ve, computed as A, watch as Ke, resolveComponent as ae, createBlock as O, renderSlot as Ie, createCommentVNode as Y, unref as D, openBlock as R, withCtx as I, createTextVNode as Pe, toDisplayString as J, useCssVars as Ye, createElementVNode as ne, normalizeClass as Xe, createVNode as ie, mergeProps as wt, createSlots as je, createElementBlock as F, normalizeProps as Ut, guardReactiveProps as Ft, defineAsyncComponent as Wt, onMounted as Qe, nextTick as bt, resolveDynamicComponent as Et, Fragment as xt, renderList as Ct, normalizeStyle as nt, mergeModels as ot, useModel as Vt, getCurrentInstance as Kt } from "vue";
+import { ref as U, watchEffect as _t, inject as ye, provide as Gt, defineComponent as K, onUnmounted as Ve, computed as A, watch as Ke, resolveComponent as ae, createBlock as O, renderSlot as Ie, createCommentVNode as Y, unref as D, openBlock as R, withCtx as I, createTextVNode as Pe, toDisplayString as ee, useCssVars as Ye, createElementVNode as ne, normalizeClass as Xe, createVNode as se, mergeProps as wt, createSlots as je, createElementBlock as F, normalizeProps as Ut, guardReactiveProps as Ft, defineAsyncComponent as Wt, onMounted as Qe, nextTick as bt, resolveDynamicComponent as Et, Fragment as xt, renderList as Ct, normalizeStyle as nt, mergeModels as ot, useModel as Vt, getCurrentInstance as Kt } from "vue";
 import { stripUnknownFilters as Yt, Timeframe as Xt, TimePeriods as Rt, TIMEFRAME_LOOKUP as jt, formatTime as at, msToGranularity as Ue } from "@kong-ui-public/analytics-utilities";
 import { SimpleChart as Qt, AnalyticsChart as Zt, TopNTable as Jt, CsvExportModal as ei } from "@kong-ui-public/analytics-chart";
 import ti from "swrv";
@@ -133,8 +133,8 @@ var St = { exports: {} };
   function r(d, h, l, a, f) {
     if (typeof l != "function")
       throw new TypeError("The listener must be a function");
-    var m = new s(l, a || d, f), p = t ? t + h : h;
-    return d._events[p] ? d._events[p].fn ? d._events[p] = [d._events[p], m] : d._events[p].push(m) : (d._events[p] = m, d._eventsCount++), d;
+    var p = new s(l, a || d, f), m = t ? t + h : h;
+    return d._events[m] ? d._events[m].fn ? d._events[m] = [d._events[m], p] : d._events[m].push(p) : (d._events[m] = p, d._eventsCount++), d;
   }
   function o(d, h) {
     --d._eventsCount === 0 ? d._events = new i() : delete d._events[h];
@@ -152,13 +152,13 @@ var St = { exports: {} };
     var l = t ? t + h : h, a = this._events[l];
     if (!a) return [];
     if (a.fn) return [a.fn];
-    for (var f = 0, m = a.length, p = new Array(m); f < m; f++)
-      p[f] = a[f].fn;
-    return p;
+    for (var f = 0, p = a.length, m = new Array(p); f < p; f++)
+      m[f] = a[f].fn;
+    return m;
   }, n.prototype.listenerCount = function(h) {
     var l = t ? t + h : h, a = this._events[l];
     return a ? a.fn ? 1 : a.length : 0;
-  }, n.prototype.emit = function(h, l, a, f, m, p) {
+  }, n.prototype.emit = function(h, l, a, f, p, m) {
     var y = t ? t + h : h;
     if (!this._events[y]) return !1;
     var g = this._events[y], T = arguments.length, k, x;
@@ -173,9 +173,9 @@ var St = { exports: {} };
         case 4:
           return g.fn.call(g.context, l, a, f), !0;
         case 5:
-          return g.fn.call(g.context, l, a, f, m), !0;
+          return g.fn.call(g.context, l, a, f, p), !0;
         case 6:
-          return g.fn.call(g.context, l, a, f, m, p), !0;
+          return g.fn.call(g.context, l, a, f, p, m), !0;
       }
       for (x = 1, k = new Array(T - 1); x < T; x++)
         k[x - 1] = arguments[x];
@@ -208,17 +208,17 @@ var St = { exports: {} };
   }, n.prototype.once = function(h, l, a) {
     return r(this, h, l, a, !0);
   }, n.prototype.removeListener = function(h, l, a, f) {
-    var m = t ? t + h : h;
-    if (!this._events[m]) return this;
+    var p = t ? t + h : h;
+    if (!this._events[p]) return this;
     if (!l)
-      return o(this, m), this;
-    var p = this._events[m];
-    if (p.fn)
-      p.fn === l && (!f || p.once) && (!a || p.context === a) && o(this, m);
+      return o(this, p), this;
+    var m = this._events[p];
+    if (m.fn)
+      m.fn === l && (!f || m.once) && (!a || m.context === a) && o(this, p);
     else {
-      for (var y = 0, g = [], T = p.length; y < T; y++)
-        (p[y].fn !== l || f && !p[y].once || a && p[y].context !== a) && g.push(p[y]);
-      g.length ? this._events[m] = g.length === 1 ? g[0] : g : o(this, m);
+      for (var y = 0, g = [], T = m.length; y < T; y++)
+        (m[y].fn !== l || f && !m[y].once || a && m[y].context !== a) && g.push(m[y]);
+      g.length ? this._events[p] = g.length === 1 ? g[0] : g : o(this, p);
     }
     return this;
   }, n.prototype.removeAllListeners = function(h) {
@@ -254,10 +254,10 @@ function zi(u, e) {
     if (typeof t != "number" || Math.sign(t) !== 1)
       throw new TypeError(`Expected \`milliseconds\` to be a positive number, got \`${t}\``);
     if (e.signal) {
-      const { signal: m } = e;
-      m.aborted && a(dt(m)), n = () => {
-        a(dt(m));
-      }, m.addEventListener("abort", n, { once: !0 });
+      const { signal: p } = e;
+      p.aborted && a(dt(p)), n = () => {
+        a(dt(p));
+      }, p.addEventListener("abort", n, { once: !0 });
     }
     if (t === Number.POSITIVE_INFINITY) {
       u.then(l, a);
@@ -268,8 +268,8 @@ function zi(u, e) {
       if (i) {
         try {
           l(i());
-        } catch (m) {
-          a(m);
+        } catch (p) {
+          a(p);
         }
         return;
       }
@@ -277,8 +277,8 @@ function zi(u, e) {
     }, t), (async () => {
       try {
         l(await u);
-      } catch (m) {
-        a(m);
+      } catch (p) {
+        a(p);
       }
     })();
   }).finally(() => {
@@ -651,17 +651,17 @@ const Ni = () => {
             time_range: S,
             filters: N
           }
-        };
-        return await (r == null ? void 0 : r.queryFn(q, n));
+        }, Z = await (r == null ? void 0 : r.queryFn(q, n));
+        return m.value = null, Z;
       } catch (C) {
-        throw (C == null ? void 0 : C.status) === 403 ? p.value = s.t("queryDataProvider.forbidden") : (C == null ? void 0 : C.status) === 408 ? p.value = s.t("queryDataProvider.timeout") : ((k = (T = C == null ? void 0 : C.response) == null ? void 0 : T.data) == null ? void 0 : k.message) === "Range not allowed for this tier" ? p.value = s.t("queryDataProvider.timeRangeExceeded") : p.value = ((L = (x = C == null ? void 0 : C.response) == null ? void 0 : x.data) == null ? void 0 : L.message) || (C == null ? void 0 : C.message), C;
+        throw (C == null ? void 0 : C.status) === 403 ? m.value = s.t("queryDataProvider.forbidden") : (C == null ? void 0 : C.status) === 408 ? m.value = s.t("queryDataProvider.timeout") : ((k = (T = C == null ? void 0 : C.response) == null ? void 0 : T.data) == null ? void 0 : k.message) === "Range not allowed for this tier" ? m.value = s.t("queryDataProvider.timeRangeExceeded") : m.value = ((L = (x = C == null ? void 0 : C.response) == null ? void 0 : x.data) == null ? void 0 : L.message) || (C == null ? void 0 : C.message), C;
       } finally {
         i("queryComplete");
       }
     }, {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1
-    }), { state: f, swrvState: m } = di(h, l, a), p = U(null), y = A(() => f.value === m.ERROR || !!p.value), g = A(() => !t.queryReady || f.value === m.PENDING);
+    }), { state: f, swrvState: p } = di(h, l, a), m = U(null), y = A(() => f.value === p.ERROR || !!m.value), g = A(() => !t.queryReady || f.value === p.PENDING);
     return Ke(h, (T) => {
       T && i("chart-data", T);
     }), (T, k) => {
@@ -677,7 +677,7 @@ const Ni = () => {
         "icon-variant": "error"
       }, {
         default: I(() => [
-          Pe(J(p.value), 1)
+          Pe(ee(m.value), 1)
         ]),
         _: 1
       })) : D(h) ? Ie(T.$slots, "default", {
@@ -711,7 +711,7 @@ const Ni = () => {
         ne("div", {
           class: Xe(["analytics-chart", { "single-value": t.value }])
         }, [
-          ie(D(Qt), {
+          se(D(Qt), {
             "chart-data": r,
             "chart-options": i.chartOptions,
             "synthetics-data-key": t.value ? void 0 : i.chartOptions.synthetics_data_key
@@ -750,7 +750,7 @@ const Ni = () => {
       i("chart-data", a);
     };
     return (a, f) => {
-      const m = ae("KDropdownItem");
+      const p = ae("KDropdownItem");
       return R(), O(Ze, {
         context: a.context,
         query: a.query,
@@ -758,11 +758,11 @@ const Ni = () => {
         "refresh-counter": a.refreshCounter,
         onChartData: l
       }, {
-        default: I(({ data: p }) => [
+        default: I(({ data: m }) => [
           ne("div", Hi, [
-            ie(D(Zt), wt({
+            se(D(Zt), wt({
               "allow-csv-export": a.chartOptions.allow_csv_export,
-              "chart-data": p,
+              "chart-data": m,
               "chart-options": n.value,
               "legend-position": "bottom",
               "show-menu": a.context.editable,
@@ -775,9 +775,9 @@ const Ni = () => {
               a.context.editable ? {
                 name: "menu-items",
                 fn: I(() => [
-                  ie(m, { onClick: h }, {
+                  se(p, { onClick: h }, {
                     default: I(() => [
-                      Pe(J(D(s).t("renderer.edit")), 1)
+                      Pe(ee(D(s).t("renderer.edit")), 1)
                     ]),
                     _: 1
                   })
@@ -884,9 +884,9 @@ const Ni = () => {
       };
     });
     return (s, r) => (R(), F("div", Li, [
-      ie(D(ri), Ut(Ft(i.value)), {
+      se(D(ri), Ut(Ft(i.value)), {
         default: I(() => [
-          ie(D(ni))
+          se(D(ni))
         ]),
         _: 1
       }, 16)
@@ -901,7 +901,7 @@ const Ni = () => {
     entityLinkData: {}
   },
   setup(u) {
-    return (e, t) => (R(), F("div", qi, J(e.entityLinkData.label), 1));
+    return (e, t) => (R(), F("div", qi, ee(e.entityLinkData.label), 1));
   }
 }), Bi = /* @__PURE__ */ K({
   __name: "TopNTableRenderer",
@@ -939,14 +939,14 @@ const Ni = () => {
       "refresh-counter": r.refreshCounter
     }, {
       default: I(({ data: n }) => [
-        ie(D(Jt), {
+        se(D(Jt), {
           data: n,
           "synthetics-data-key": r.chartOptions.synthetics_data_key
         }, je({ _: 2 }, [
           e.chartOptions.entity_link ? {
             name: "name",
             fn: I(({ record: d }) => [
-              ie(D(i), {
+              se(D(i), {
                 "entity-link-data": {
                   id: d.id,
                   label: d.name,
@@ -1018,7 +1018,7 @@ const Ni = () => {
         granularity: i.definition.query.granularity || L.value
       }, $e = ["api_usage", "llm_usage"].includes(i.definition.query.datasource) ? i.definition.query.datasource : "api_usage";
       return `${a.value}?q=${JSON.stringify(B)}&d=${$e}&c=${i.definition.chart.type}`;
-    }), m = A(() => o.t("csvExport.defaultFilename")), p = A(() => y.value && (g.value || i.context.editable) || !!x.value), y = A(() => !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), g = A(() => !!f.value || "allow_csv_export" in i.definition.chart && i.definition.chart.allow_csv_export || i.context.editable), T = {
+    }), p = A(() => o.t("csvExport.defaultFilename")), m = A(() => y.value && (g.value || i.context.editable) || !!x.value), y = A(() => !["golden_signals", "top_n", "gauge"].includes(i.definition.chart.type)), g = A(() => !!f.value || "allow_csv_export" in i.definition.chart && i.definition.chart.allow_csv_export || i.context.editable), T = {
       timeseries_line: ft,
       timeseries_bar: ft,
       horizontal_bar: ct,
@@ -1068,7 +1068,7 @@ const Ni = () => {
       s("edit-tile", i.definition);
     }, q = () => {
       s("duplicate-tile", i.definition);
-    }, se = () => {
+    }, Z = () => {
       s("remove-tile", i.definition);
     }, le = (v) => {
       n.value = v;
@@ -1084,7 +1084,7 @@ const Ni = () => {
         "data-testid": `tile-${v.tileId}`
       }, [
         v.definition.chart.type !== "slottable" ? (R(), F("div", Ui, [
-          ie(B, {
+          se(B, {
             class: "title-tooltip",
             disabled: !l.value,
             "max-width": "500",
@@ -1095,11 +1095,11 @@ const Ni = () => {
                 ref_key: "titleRef",
                 ref: h,
                 class: "title"
-              }, J(v.definition.chart.chart_title), 513)
+              }, ee(v.definition.chart.chart_title), 513)
             ]),
             _: 1
           }, 8, ["disabled", "text"]),
-          p.value ? (R(), F("div", {
+          m.value ? (R(), F("div", {
             key: 0,
             class: "tile-actions",
             "data-testid": `tile-actions-${v.tileId}`
@@ -1111,14 +1111,14 @@ const Ni = () => {
               "tooltip-attributes": { maxWidth: "320px" }
             }, je({
               default: I(() => [
-                ne("span", Wi, J(x.value), 1)
+                ne("span", Wi, ee(x.value), 1)
               ]),
               _: 2
             }, [
               E.value ? {
                 name: "icon",
                 fn: I(() => [
-                  ie(D(oi), { size: D(Pi) }, null, 8, ["size"])
+                  se(D(oi), { size: D(Pi) }, null, 8, ["size"])
                 ]),
                 key: "0"
               } : void 0
@@ -1153,7 +1153,7 @@ const Ni = () => {
                     ne("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${v.tileId}`
-                    }, J(D(o).t("csvExport.exportAsCsv")), 9, Vi)
+                    }, ee(D(o).t("csvExport.exportAsCsv")), 9, Vi)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Y("", !0),
@@ -1163,23 +1163,23 @@ const Ni = () => {
                   onClick: q
                 }, {
                   default: I(() => [
-                    Pe(J(D(o).t("renderer.duplicateTile")), 1)
+                    Pe(ee(D(o).t("renderer.duplicateTile")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Y("", !0),
                 v.context.editable ? (R(), O(ze, {
                   key: 3,
                   "data-testid": `remove-tile-${v.tileId}`,
-                  onClick: se
+                  onClick: Z
                 }, {
                   default: I(() => [
-                    ne("span", Ki, J(D(o).t("renderer.delete")), 1)
+                    ne("span", Ki, ee(D(o).t("renderer.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["data-testid"])) : Y("", !0)
               ]),
               default: I(() => [
-                ie(D(li), {
+                se(D(li), {
                   class: "kebab-action-menu",
                   color: D(gt),
                   "data-testid": `kebab-action-menu-${v.tileId}`,
@@ -1192,12 +1192,12 @@ const Ni = () => {
             key: 1,
             class: "header-description",
             "data-testid": `tile-description-${v.tileId}`
-          }, J(v.definition.chart.description), 9, Yi)) : Y("", !0),
+          }, ee(v.definition.chart.description), 9, Yi)) : Y("", !0),
           d.value ? (R(), O(D(ei), {
             key: 2,
             "chart-data": n.value,
             "data-testid": `csv-export-modal-${v.tileId}`,
-            filename: m.value,
+            filename: p.value,
             onToggleModal: ve
           }, null, 8, ["chart-data", "data-testid", "filename"])) : Y("", !0)
         ])) : Y("", !0),
@@ -1644,7 +1644,7 @@ class c {
     return !(!e || e.w === e.h || e.locked || e.noResize || (t = e.grid) != null && t.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class ee {
+class te {
   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;
   }
@@ -1822,7 +1822,7 @@ class ee {
    * @param resizing if out of bound, resize down or move into the grid to fit ?
    */
   prepareNode(e, t) {
-    e._id = e._id ?? ee._idSeq++;
+    e._id = e._id ?? te._idSeq++;
     const i = e.id;
     if (i) {
       let r = 1;
@@ -1917,7 +1917,7 @@ class ee {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const s = new ee({
+    const s = new te({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((o) => o._id === e._id ? (i = { ...o }, i) : { ...o })
@@ -1939,7 +1939,7 @@ class ee {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new ee({
+    const t = new te({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -1967,8 +1967,8 @@ class ee {
       const a = e._moving && !t.nested;
       let f = a ? this.directionCollideCoverage(e, t, n) : n[0];
       if (a && f && ((l = (h = e.grid) == null ? void 0 : h.opts) != null && l.subGridDynamic) && !e.grid._isTemp) {
-        const m = c.areaIntercept(t.rect, f._rect), p = c.area(t.rect), y = c.area(f._rect);
-        m / (p < y ? p : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
+        const p = c.areaIntercept(t.rect, f._rect), m = c.area(t.rect), y = c.area(f._rect);
+        p / (m < y ? m : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
       f ? d = !this._fixCollisions(e, r, f, t) : (d = !1, i && delete t.pack);
     }
@@ -2075,7 +2075,7 @@ class ee {
     return e.forEach((r, o) => {
       if (r._id === void 0) {
         const n = r.id ? this.nodes.find((d) => d.id === r.id) : void 0;
-        r._id = (n == null ? void 0 : n._id) ?? ee._idSeq++;
+        r._id = (n == null ? void 0 : n._id) ?? te._idSeq++;
       }
       s[o] = { x: r.x, y: r.y, w: r.w, _id: r._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
@@ -2086,7 +2086,7 @@ class ee {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? ee._idSeq++;
+    e._id = e._id ?? te._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);
@@ -2110,7 +2110,7 @@ class ee {
     return this;
   }
 }
-ee._idSeq = 0;
+te._idSeq = 0;
 const V = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
@@ -2143,8 +2143,8 @@ const V = {
 };
 class b {
 }
-const Z = 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 te {
+const J = 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 ie {
 }
 function Ne(u, e) {
   if (u.touches.length > 1)
@@ -2221,17 +2221,17 @@ function Pt(u, e) {
   ), u.target.dispatchEvent(t);
 }
 function Ae(u) {
-  te.touchHandled || (te.touchHandled = !0, Ne(u, "mousedown"));
+  ie.touchHandled || (ie.touchHandled = !0, Ne(u, "mousedown"));
 }
 function He(u) {
-  te.touchHandled && Ne(u, "mousemove");
+  ie.touchHandled && Ne(u, "mousemove");
 }
 function Oe(u) {
-  if (!te.touchHandled)
+  if (!ie.touchHandled)
     return;
-  te.pointerLeaveTimeout && (window.clearTimeout(te.pointerLeaveTimeout), delete te.pointerLeaveTimeout);
+  ie.pointerLeaveTimeout && (window.clearTimeout(ie.pointerLeaveTimeout), delete ie.pointerLeaveTimeout);
   const e = !!b.dragElement;
-  Ne(u, "mouseup"), e || Ne(u, "click"), te.touchHandled = !1;
+  Ne(u, "mouseup"), e || Ne(u, "click"), ie.touchHandled = !1;
 }
 function Le(u) {
   u.pointerType !== "mouse" && u.target.releasePointerCapture(u.pointerId);
@@ -2240,8 +2240,8 @@ function yt(u) {
   b.dragElement && u.pointerType !== "mouse" && Pt(u, "mouseenter");
 }
 function vt(u) {
-  b.dragElement && u.pointerType !== "mouse" && (te.pointerLeaveTimeout = window.setTimeout(() => {
-    delete te.pointerLeaveTimeout, Pt(u, "mouseleave");
+  b.dragElement && u.pointerType !== "mouse" && (ie.pointerLeaveTimeout = window.setTimeout(() => {
+    delete ie.pointerLeaveTimeout, Pt(u, "mouseleave");
   }, 10));
 }
 class Be {
@@ -2251,15 +2251,15 @@ class Be {
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Be.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), Z && (this.el.addEventListener("touchstart", Ae), this.el.addEventListener("pointerdown", Le)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Be.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), J && (this.el.addEventListener("touchstart", Ae), this.el.addEventListener("pointerdown", Le)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
-    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), Z && (this.el.removeEventListener("touchstart", Ae), this.el.removeEventListener("pointerdown", Le)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
+    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), J && (this.el.removeEventListener("touchstart", Ae), this.el.removeEventListener("pointerdown", Le)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
   }
   /** @internal called on mouse down on us: capture move on the entire document (mouse might not stay on us) until we release the mouse */
   _mouseDown(e) {
-    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), Z && (this.el.addEventListener("touchmove", He), this.el.addEventListener("touchend", Oe)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), J && (this.el.addEventListener("touchmove", He), this.el.addEventListener("touchend", Oe)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2268,7 +2268,7 @@ class Be {
   }
   /** @internal */
   _mouseUp(e) {
-    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), Z && (this.el.removeEventListener("touchmove", He), this.el.removeEventListener("touchend", Oe)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), J && (this.el.removeEventListener("touchmove", He), this.el.removeEventListener("touchend", Oe)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2480,12 +2480,12 @@ class be extends et {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), Z && (e.addEventListener("touchstart", Ae), e.addEventListener("pointerdown", Le));
+      e.addEventListener("mousedown", this._mouseDown), J && (e.addEventListener("touchstart", Ae), e.addEventListener("pointerdown", Le));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), Z && (t.removeEventListener("touchstart", Ae), t.removeEventListener("pointerdown", Le));
+      t.removeEventListener("mousedown", this._mouseDown), J && (t.removeEventListener("touchstart", Ae), t.removeEventListener("pointerdown", Le));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -2497,7 +2497,7 @@ class be extends et {
   /** @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(is) || 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), Z && (e.currentTarget.addEventListener("touchmove", He), e.currentTarget.addEventListener("touchend", Oe)), 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(is) || 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", He), e.currentTarget.addEventListener("touchend", Oe)), e.preventDefault(), document.activeElement && document.activeElement.blur(), b.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2528,7 +2528,7 @@ class be extends et {
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
     var t, i;
-    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), Z && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", He, !0), e.currentTarget.removeEventListener("touchend", Oe, !0)), this.dragging) {
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), J && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", He, !0), e.currentTarget.removeEventListener("touchend", Oe, !0)), this.dragging) {
       delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = b.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete b.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const s = c.initEvent(e, { target: this.el, type: "dragstop" });
       this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), b.dropElement && b.dropElement.drop(e);
@@ -2621,10 +2621,10 @@ class ss extends et {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), Z && (this.el.addEventListener("pointerenter", yt), this.el.addEventListener("pointerleave", vt)));
+    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), J && (this.el.addEventListener("pointerenter", yt), this.el.addEventListener("pointerleave", vt)));
   }
   disable(e = !1) {
-    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), Z && (this.el.removeEventListener("pointerenter", yt), this.el.removeEventListener("pointerleave", vt)));
+    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), J && (this.el.removeEventListener("pointerenter", yt), this.el.removeEventListener("pointerleave", vt)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -2877,20 +2877,20 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param opts grid options - public for classes to access, but use methods to modify!
    */
   constructor(e, t = {}) {
-    var a, f, m;
+    var a, f, p;
     this.el = e, this.opts = t, this.animationDelay = 310, this._gsEventHandler = {}, this._extraDragRow = 0, this.dragTransform = { xScale: 1, yScale: 1, xOffset: 0, yOffset: 0 }, e.gridstack = this, this.opts = t = t || {}, e.classList.contains("grid-stack") || this.el.classList.add("grid-stack"), t.row && (t.minRow = t.maxRow = t.row, delete t.row);
     const i = c.toNumber(e.getAttribute("gs-row"));
     t.column === "auto" && delete t.column, t.alwaysShowResizeHandle !== void 0 && (t._alwaysShowResizeHandle = t.alwaysShowResizeHandle);
     let s = (a = t.columnOpts) == null ? void 0 : a.breakpoints;
     const r = t;
     if (r.oneColumnModeDomSort && (delete r.oneColumnModeDomSort, console.log("warning: Gridstack oneColumnModeDomSort no longer supported. Use GridStackOptions.columnOpts instead.")), r.oneColumnSize || r.disableOneColumnMode === !1) {
-      const p = r.oneColumnSize || 768;
+      const m = r.oneColumnSize || 768;
       delete r.oneColumnSize, delete r.disableOneColumnMode, t.columnOpts = t.columnOpts || {}, s = t.columnOpts.breakpoints = t.columnOpts.breakpoints || [];
       let y = s.find((g) => g.c === 1);
-      y ? y.w = p : (y = { c: 1, w: p }, s.push(y, { c: 12, w: p + 1 }));
+      y ? y.w = m : (y = { c: 1, w: m }, s.push(y, { c: 12, w: m + 1 }));
     }
     const o = t.columnOpts;
-    o && (!o.columnWidth && !((f = o.breakpoints) != null && f.length) ? (delete t.columnOpts, s = void 0) : o.columnMax = o.columnMax || 12), (s == null ? void 0 : s.length) > 1 && s.sort((p, y) => (y.w || 0) - (p.w || 0));
+    o && (!o.columnWidth && !((f = o.breakpoints) != null && f.length) ? (delete t.columnOpts, s = void 0) : o.columnMax = o.columnMax || 12), (s == null ? void 0 : s.length) > 1 && s.sort((m, y) => (y.w || 0) - (m.w || 0));
     const n = {
       ...c.cloneDeep(V),
       column: c.toNumber(e.getAttribute("gs-column")) || V.column,
@@ -2908,26 +2908,26 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     };
     e.getAttribute("gs-animate") && (n.animate = c.toBool(e.getAttribute("gs-animate"))), t = c.defaults(t, n), 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 d = this.el.closest("." + V.itemClass), h = d == null ? void 0 : d.gridstackNode;
-    h && (h.subGrid = this, this.parentGridNode = h, this.el.classList.add("grid-stack-nested"), h.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 !== V.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = Z), this._styleSheetClass = "gs-id-" + ee._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
-    const l = t.engineClass || w.engineClass || ee;
+    h && (h.subGrid = this, this.parentGridNode = h, this.el.classList.add("grid-stack-nested"), h.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 !== V.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit), this.cellHeight(t.cellHeight, !1)), t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = J), this._styleSheetClass = "gs-id-" + te._idSeq++, this.el.classList.add(this._styleSheetClass), this._setStaticClass();
+    const l = t.engineClass || w.engineClass || te;
     if (this.engine = new l({
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
-      onChange: (p) => {
+      onChange: (m) => {
         let y = 0;
         this.engine.nodes.forEach((g) => {
           y = Math.max(y, g.y + g.h);
-        }), p.forEach((g) => {
+        }), m.forEach((g) => {
           const T = g.el;
           T && (g._removeDOM ? (T && T.remove(), delete g._removeDOM) : this._writePosAttr(T, g));
         }), this._updateStyles(!1, y);
       }
-    }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((p) => this._prepareElement(p)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
-      const p = t.children;
-      delete t.children, p.length && this.load(p);
+    }), this._updateStyles(!1, 0), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((m) => this._prepareElement(m)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
+      const m = t.children;
+      delete t.children, m.length && this.load(m);
     }
-    this.setAnimation(), t.subGridDynamic && !b.pauseDrag && (b.pauseDrag = !0), ((m = t.draggable) == null ? void 0 : m.pause) !== void 0 && (b.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !b.pauseDrag && (b.pauseDrag = !0), ((p = t.draggable) == null ? void 0 : p.pause) !== void 0 && (b.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   /**
    * add a new widget and returns it.
@@ -2967,13 +2967,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @returns newly created grid
    */
   makeSubGrid(e, t, i, s = !0) {
-    var m, p, y;
+    var p, m, y;
     let r = e.gridstackNode;
-    if (r || (r = this.makeWidget(e).gridstackNode), (m = r.subGrid) != null && m.el)
+    if (r || (r = this.makeWidget(e).gridstackNode), (p = r.subGrid) != null && p.el)
       return r.subGrid;
     let o, n = this;
     for (; n && !o; )
-      o = (p = n.opts) == null ? void 0 : p.subGridOpts, n = (y = n.parentGridNode) == null ? void 0 : y.grid;
+      o = (m = n.opts) == null ? void 0 : m.subGridOpts, n = (y = n.parentGridNode) == null ? void 0 : y.grid;
     t = c.cloneDeep({
       // by default sub-grid inherit from us | parent, other than id, children, etc...
       ...this.opts,
@@ -3073,8 +3073,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const a = c.find(d, l.id);
       if (a) {
         if (c.shouldSizeToContent(a) && (l.h = a.h), this.engine.nodeBoundFix(l), (l.autoPosition || l.x === void 0 || l.y === void 0) && (l.w = l.w || a.w, l.h = l.h || a.h, this.engine.findEmptyPosition(l)), this.engine.nodes.push(a), c.samePos(a, l) && this.engine.nodes.length > 1 && (this.moveNode(a, { ...l, forceCollide: !0 }), c.copyPos(l, a)), this.update(a.el, l), (f = l.subGridOpts) != null && f.children) {
-          const m = a.el.querySelector(".grid-stack");
-          m && m.gridstack && m.gridstack.load(l.subGridOpts.children);
+          const p = a.el.querySelector(".grid-stack");
+          p && p.gridstack && p.gridstack.load(l.subGridOpts.children);
         }
       } else t && this.addWidget(l);
     }), delete this.engine._loading, this.engine.removedNodes = o, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? w.addRemoveCB = r : delete w.addRemoveCB, n && ((h = this.opts) != null && h.animate) && this.setAnimation(this.opts.animate, !0), this;
@@ -3389,7 +3389,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param useNodeH set to true if GridStackNode.h should be used instead of actual container height when we don't need to wait for animation to finish to get actual DOM heights
    */
   resizeToContent(e) {
-    var f, m;
+    var f, p;
     if (!e || (e.classList.remove("size-to-content-max"), !e.clientHeight))
       return;
     const t = e.gridstackNode;
@@ -3408,18 +3408,18 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let h;
     if (t.subGrid) {
       h = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
-      const p = t.subGrid.el.getBoundingClientRect(), y = t.subGrid.el.parentElement.getBoundingClientRect();
-      h += p.top - y.top;
+      const m = t.subGrid.el.getBoundingClientRect(), y = t.subGrid.el.parentElement.getBoundingClientRect();
+      h += m.top - y.top;
     } else {
-      if ((m = (f = t.subGridOpts) == null ? void 0 : f.children) != null && m.length)
+      if ((p = (f = t.subGridOpts) == null ? void 0 : f.children) != null && p.length)
         return;
       {
-        const p = o.firstElementChild;
-        if (!p) {
+        const m = o.firstElementChild;
+        if (!m) {
           console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${w.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
         }
-        h = p.getBoundingClientRect().height || d;
+        h = m.getBoundingClientRect().height || d;
       }
     }
     if (d === h)
@@ -3790,8 +3790,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       if (!((f = n.grid) != null && f.el)) {
         o.style.transform = `scale(${1 / this.dragTransform.xScale},${1 / this.dragTransform.yScale})`;
-        const m = o.getBoundingClientRect();
-        o.style.left = m.x + (this.dragTransform.xScale - 1) * (s.clientX - m.x) / this.dragTransform.xScale + "px", o.style.top = m.y + (this.dragTransform.yScale - 1) * (s.clientY - m.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
+        const p = o.getBoundingClientRect();
+        o.style.left = p.x + (this.dragTransform.xScale - 1) * (s.clientX - p.x) / this.dragTransform.xScale + "px", o.style.top = p.y + (this.dragTransform.yScale - 1) * (s.clientY - p.y) / this.dragTransform.yScale + "px", o.style.transformOrigin = "0px 0px";
       }
       let { top: d, left: h } = o.getBoundingClientRect();
       const l = this.el.getBoundingClientRect();
@@ -3858,7 +3858,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       return n && (!n.grid || n.grid === this) && (this._leave(r, o), this._isTemp && this.removeAsSubGrid(n)), !1;
     }).on(this.el, "drop", (s, r, o) => {
-      var m, p, y;
+      var p, m, y;
       const n = (o == null ? void 0 : o.gridstackNode) || r.gridstackNode;
       if ((n == null ? void 0 : n.grid) === this && !n._isExternal)
         return !1;
@@ -3871,9 +3871,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const g = a.grid;
         g.engine.removeNodeFromLayoutCache(a), g.engine.removedNodes.push(a), g._triggerRemoveEvent()._triggerChangeEvent(), g.parentGridNode && !g.engine.nodes.length && g.opts.subGridDynamic && g.removeAsSubGrid();
       }
-      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (m = n.grid) == null || delete m._isTemp, $.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
+      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (p = n.grid) == null || delete p._isTemp, $.off(r, "drag"), o !== r ? (o.remove(), r = o) : r.remove(), this._removeDD(r), !d))
         return !1;
-      const f = (y = (p = n.subGrid) == null ? void 0 : p.el) == null ? void 0 : y.gridstack;
+      const f = (y = (m = n.subGrid) == null ? void 0 : m.el) == null ? void 0 : y.gridstack;
       return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), h && (n.content || n.subGridOpts || w.addRemoveCB) ? (delete n.el, r = this.addWidget(n)) : (this._prepareElement(r, !0, n), this.el.appendChild(r), this.resizeToContentCheck(!1, n), f && (f.parentGridNode = n, f.opts.styleInHead || f._updateStyles(!0)), this._updateContainerHeight()), this.engine.addedNodes.push(n), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, a && a.grid ? a : void 0, n), l && this.setAnimation(this.opts.animate, !0), !1;
     }), this;
   }
@@ -3907,8 +3907,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const a = e.w !== e._orig.w, f = l.target;
         if (!(!f.gridstackNode || f.gridstackNode.grid !== this)) {
           if (e.el = f, e._isAboutToRemove) {
-            const m = t.gridstackNode.grid;
-            m._gsEventHandler[l.type] && m._gsEventHandler[l.type](l, f), m.engine.nodes.push(e), m.removeWidget(t, !0, !0);
+            const p = t.gridstackNode.grid;
+            p._gsEventHandler[l.type] && p._gsEventHandler[l.type](l, f), p.engine.nodes.push(e), p.removeWidget(t, !0, !0);
           } else
             c.removePositioningStyles(f), e._temporaryRemoved ? (c.copyPos(e, e._orig), this._writePosAttr(f, e), this.engine.addNode(e)) : this._writePosAttr(f, e), this._gsEventHandler[l.type] && this._gsEventHandler[l.type](l, f);
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), l.type === "resizestop" && (Number.isInteger(e.sizeToContent) && (e.sizeToContent = e.h), this.resizeToContentCheck(a, e));
@@ -3950,8 +3950,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _dragOrResize(e, t, i, s, r, o) {
     const n = { ...s._orig };
     let d, h = this.opts.marginLeft, l = this.opts.marginRight, a = this.opts.marginTop, f = this.opts.marginBottom;
-    const m = Math.round(o * 0.1), p = Math.round(r * 0.1);
-    if (h = Math.min(h, p), l = Math.min(l, p), a = Math.min(a, m), f = Math.min(f, m), t.type === "drag") {
+    const p = Math.round(o * 0.1), m = Math.round(r * 0.1);
+    if (h = Math.min(h, m), l = Math.min(l, m), a = Math.min(a, p), f = Math.min(f, p), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
       const g = i.position.top - s._prevYPix;
@@ -4005,7 +4005,7 @@ w.renderCB = (u, e) => {
 };
 w.resizeToContentParent = ".grid-stack-item-content";
 w.Utils = c;
-w.Engine = ee;
+w.Engine = te;
 w.GDRev = "11.3.0";
 const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { class: "grid-stack-item-content" }, as = /* @__PURE__ */ K({
   __name: "DraggableGridLayout",
@@ -4015,25 +4015,25 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
   },
   emits: ["update-tiles"],
   setup(u, { expose: e, emit: t }) {
-    const i = u, s = t, r = U(null), o = U(new Map(i.tiles.map((m) => [`${m.id}`, m])));
+    const i = u, s = t, r = U(null), o = U(new Map(i.tiles.map((p) => [`${p.id}`, p])));
     let n = null;
-    const d = (m) => `[data-id="${m}"]`, h = (m) => m.map((p) => {
+    const d = (p) => `[data-id="${p}"]`, h = (p) => p.map((m) => {
       var g;
-      const y = o.value.get(`${(g = p.el) == null ? void 0 : g.getAttribute("data-id")}`);
+      const y = o.value.get(`${(g = m.el) == null ? void 0 : g.getAttribute("data-id")}`);
       if (y)
         return {
           ...y,
           layout: {
-            position: { col: Number(p.x), row: Number(p.y) },
-            size: { cols: Number(p.w), rows: Number(p.h) }
+            position: { col: Number(m.x), row: Number(m.y) },
+            size: { cols: Number(m.w), rows: Number(m.h) }
           }
         };
-    }).filter((p) => p !== void 0), l = (m, p) => {
-      n && (h(p).forEach((g) => {
+    }).filter((m) => m !== void 0), l = (p, m) => {
+      n && (h(m).forEach((g) => {
         o.value.set(`${g.id}`, g);
       }), s("update-tiles", Array.from(o.value.values())));
-    }, a = (m, p) => {
-      p.forEach((y) => {
+    }, a = (p, m) => {
+      m.forEach((y) => {
         var g;
         o.value.delete(`${(g = y.el) == null ? void 0 : g.getAttribute("data-id")}`);
       }), s("update-tiles", Array.from(o.value.values()));
@@ -4049,15 +4049,15 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
     }), Ve(() => {
       n && n.destroy(!1);
     });
-    const f = (m) => {
+    const f = (p) => {
       if (n && r.value) {
-        const p = r.value.querySelector(d(m));
-        p && n.removeWidget(p);
+        const m = r.value.querySelector(d(p));
+        m && n.removeWidget(m);
       }
     };
-    return Ke(() => i.tiles.length, async (m, p) => {
-      if (m > p && n) {
-        const y = i.tiles.slice(p);
+    return Ke(() => i.tiles.length, async (p, m) => {
+      if (p > m && n) {
+        const y = i.tiles.slice(m);
         for (const g of y)
           o.value.set(`${g.id}`, g), await bt(), n.makeWidget(d(g.id), {
             autoPosition: !0,
@@ -4066,10 +4066,10 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
           });
       }
     }), _t(() => {
-      i.tiles.forEach((m) => {
-        o.value.set(`${m.id}`, m);
+      i.tiles.forEach((p) => {
+        o.value.set(`${p.id}`, p);
       });
-    }), e({ removeWidget: f }), (m, p) => (R(), F("div", {
+    }), e({ removeWidget: f }), (p, m) => (R(), F("div", {
       ref_key: "gridContainer",
       ref: r,
       class: "grid-stack"
@@ -4086,7 +4086,7 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
         "gs-y": y.layout.position.row
       }, [
         ne("div", os, [
-          Ie(m.$slots, "tile", { tile: y }, void 0, !0)
+          Ie(p.$slots, "tile", { tile: y }, void 0, !0)
         ])
       ], 8, ns))), 128))
     ], 512));
@@ -4109,10 +4109,10 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
     const l = Tt(), a = A(() => i.context.timeSpec ? i.context.timeSpec : {
       type: "relative",
       time_range: l.defaultQueryTimeForOrg
-    }), f = A(() => !!i.context.timeSpec || !l.loading), m = (E, N) => {
+    }), f = A(() => !!i.context.timeSpec || !l.loading), p = (E, N) => {
       const S = E.layout.position.row - N.layout.position.row;
       return S !== 0 ? S : E.layout.position.col - N.layout.position.col;
-    }, p = A(() => r.value.tiles.map((E) => {
+    }, m = A(() => r.value.tiles.map((E) => {
       var S;
       let N = E.definition;
       if ("description" in N.chart) {
@@ -4144,14 +4144,14 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
       let { tz: E, refreshInterval: N, editable: S } = i.context;
       const q = [...i.context.filters ?? [], ...r.value.preset_filters ?? []];
       E || (E = new Intl.DateTimeFormat().resolvedOptions().timeZone), N === void 0 && (N = bi), S === void 0 && (S = !1);
-      const se = !!((Te = (ve = (le = Kt()) == null ? void 0 : le.vnode) == null ? void 0 : ve.props) != null && Te.onZoomTimeRange);
+      const Z = !!((Te = (ve = (le = Kt()) == null ? void 0 : le.vnode) == null ? void 0 : ve.props) != null && Te.onZoomTimeRange);
       return {
         filters: q,
         tz: E,
         timeSpec: a.value,
         refreshInterval: N,
         editable: S,
-        zoomable: se
+        zoomable: Z
       };
     }), g = (E) => {
       s("edit-tile", E);
@@ -4186,7 +4186,7 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
         layout: S.layout,
         definition: S.meta
       }));
-      r.value.tiles = N.sort(m);
+      r.value.tiles = N.sort(p);
     };
     return e({ refresh: L }), (E, N) => {
       const S = ae("KAlert");
@@ -4196,7 +4196,7 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
           ref_key: "gridLayoutRef",
           ref: d,
           "tile-height": r.value.tile_height,
-          tiles: p.value,
+          tiles: m.value,
           onUpdateTiles: C
         }, {
           tile: I(({ tile: q }) => [
@@ -4211,10 +4211,10 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
               "query-ready": f.value,
               "refresh-counter": n.value,
               "tile-id": q.id,
-              onDuplicateTile: (se) => k(q),
-              onEditTile: (se) => g(q),
-              onRemoveTile: (se) => x(q),
-              onZoomTimeRange: N[0] || (N[0] = (se) => s("zoom-time-range", se))
+              onDuplicateTile: (Z) => k(q),
+              onEditTile: (Z) => g(q),
+              onRemoveTile: (Z) => x(q),
+              onZoomTimeRange: N[0] || (N[0] = (Z) => s("zoom-time-range", Z))
             }, null, 8, ["context", "definition", "height", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
           ]),
           _: 3
@@ -4223,7 +4223,7 @@ const ns = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], os = { cl
           appearance: "danger"
         }, {
           default: I(() => [
-            Pe(J(D(o).t("renderer.noQueryBridge")), 1)
+            Pe(ee(D(o).t("renderer.noQueryBridge")), 1)
           ]),
           _: 1
         }))