@kong-ui-public/dashboard-renderer 5.5.0 → 5.6.0

package/dist/dashboard-renderer.es.js

@@ -321,7 +321,7 @@ class Ci {
   }
 }
 K = new WeakMap();
-var ge, me, re, Ce, pe, Re, Y, ye, B, Te, X, ve, ie, De, Me, T, St, kt, Nt, At, Ht, ze, Fe, Ue, Se, Ot, ke;
+var ge, me, re, Ce, pe, Re, Y, ye, $, Te, X, ve, ie, De, Me, T, St, kt, Nt, At, Ht, ze, Fe, Ue, Se, Ot, ke;
 class Ri extends wi {
   // TODO: The `throwOnTimeout` option should affect the return types of `add()` and `addAll()`
   constructor(t) {
@@ -336,7 +336,7 @@ class Ri extends wi {
     M(this, Re, 0);
     M(this, Y);
     M(this, ye);
-    M(this, B);
+    M(this, $);
     M(this, Te);
     M(this, X, 0);
     // The `!` is needed because of https://github.com/microsoft/TypeScript/issues/32194
@@ -363,7 +363,7 @@ class Ri extends wi {
       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, ge, t.carryoverConcurrencyCount), A(this, me, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), A(this, Ce, t.intervalCap), A(this, pe, t.interval), A(this, B, new t.queueClass()), A(this, Te, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, A(this, De, t.throwOnTimeout === !0), A(this, ie, t.autoStart === !1);
+    A(this, ge, t.carryoverConcurrencyCount), A(this, me, t.intervalCap === Number.POSITIVE_INFINITY || t.interval === 0), A(this, Ce, t.intervalCap), A(this, pe, t.interval), A(this, $, new t.queueClass()), A(this, Te, t.queueClass), this.concurrency = t.concurrency, this.timeout = t.timeout, A(this, De, t.throwOnTimeout === !0), A(this, ie, t.autoStart === !1);
   }
   get concurrency() {
     return v(this, ve);
@@ -410,7 +410,7 @@ class Ri extends wi {
       Here, the promise function with `id: '🦀'` executes last.
       */
   setPriority(t, i) {
-    v(this, B).setPriority(t, i);
+    v(this, $).setPriority(t, i);
   }
   async add(t, i = {}) {
     return i.id ?? (i.id = (be(this, Me)._++).toString()), i = {
@@ -418,7 +418,7 @@ class Ri extends wi {
       throwOnTimeout: v(this, De),
       ...i
     }, new Promise((s, r) => {
-      v(this, B).enqueue(async () => {
+      v(this, $).enqueue(async () => {
         var o;
         be(this, X)._++, be(this, re)._++;
         try {
@@ -458,7 +458,7 @@ class Ri extends wi {
   Clear the queue.
   */
   clear() {
-    A(this, B, new (v(this, Te))());
+    A(this, $, new (v(this, Te))());
   }
   /**
       Can be called multiple times. Useful if you for example add additional items at a later time.
@@ -466,7 +466,7 @@ class Ri extends wi {
       @returns A promise that settles when the queue becomes empty.
       */
   async onEmpty() {
-    v(this, B).size !== 0 && await I(this, T, ke).call(this, "empty");
+    v(this, $).size !== 0 && await I(this, T, ke).call(this, "empty");
   }
   /**
       @returns A promise that settles when the queue size is less than the given limit: `queue.size < limit`.
@@ -476,7 +476,7 @@ class Ri extends wi {
       Note that this only limits the number of items waiting to start. There could still be up to `concurrency` jobs already running that this call does not include in its calculation.
       */
   async onSizeLessThan(t) {
-    v(this, B).size < t || await I(this, T, ke).call(this, "next", () => v(this, B).size < t);
+    v(this, $).size < t || await I(this, T, ke).call(this, "next", () => v(this, $).size < t);
   }
   /**
       The difference with `.onEmpty` is that `.onIdle` guarantees that all work from the queue has finished. `.onEmpty` merely signals that the queue is empty, but it could mean that some promises haven't completed yet.
@@ -484,13 +484,13 @@ class Ri extends wi {
       @returns A promise that settles when the queue becomes empty, and all promises have completed; `queue.size === 0 && queue.pending === 0`.
       */
   async onIdle() {
-    v(this, X) === 0 && v(this, B).size === 0 || await I(this, T, ke).call(this, "idle");
+    v(this, X) === 0 && v(this, $).size === 0 || await I(this, T, ke).call(this, "idle");
   }
   /**
   Size of the queue, the number of queued items waiting to run.
   */
   get size() {
-    return v(this, B).size;
+    return v(this, $).size;
   }
   /**
       Size of the queue, filtered by the given options.
@@ -498,7 +498,7 @@ class Ri extends wi {
       For example, this can be used to find the number of items remaining in the queue with a specific priority level.
       */
   sizeBy(t) {
-    return v(this, B).filter(t).length;
+    return v(this, $).filter(t).length;
   }
   /**
   Number of running items (no longer in the queue).
@@ -513,7 +513,7 @@ class Ri extends wi {
     return v(this, ie);
   }
 }
-ge = new WeakMap(), me = new WeakMap(), re = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Re = new WeakMap(), Y = new WeakMap(), ye = new WeakMap(), B = new WeakMap(), Te = new WeakMap(), X = new WeakMap(), ve = new WeakMap(), ie = new WeakMap(), De = new WeakMap(), Me = new WeakMap(), T = new WeakSet(), St = function() {
+ge = new WeakMap(), me = new WeakMap(), re = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Re = new WeakMap(), Y = new WeakMap(), ye = new WeakMap(), $ = new WeakMap(), Te = new WeakMap(), X = new WeakMap(), ve = new WeakMap(), ie = new WeakMap(), De = new WeakMap(), Me = new WeakMap(), T = new WeakSet(), St = function() {
   return v(this, me) || v(this, re) < v(this, Ce);
 }, kt = function() {
   return v(this, X) < v(this, ve);
@@ -534,12 +534,12 @@ ge = new WeakMap(), me = new WeakMap(), re = new WeakMap(), Ce = new WeakMap(),
   }
   return !1;
 }, ze = function() {
-  if (v(this, B).size === 0)
+  if (v(this, $).size === 0)
     return v(this, Y) && clearInterval(v(this, Y)), A(this, Y, void 0), this.emit("empty"), v(this, X) === 0 && this.emit("idle"), !1;
   if (!v(this, ie)) {
     const t = !v(this, T, Ht);
     if (v(this, T, St) && v(this, T, kt)) {
-      const i = v(this, B).dequeue();
+      const i = v(this, $).dequeue();
       return i ? (this.emit("active"), i(), t && I(this, T, Fe).call(this), !0) : !1;
     }
   }
@@ -627,7 +627,7 @@ const Ti = () => {
           ...t.context.timeSpec,
           tz: t.context.tz
         };
-        const $ = {
+        const q = {
           datasource: D,
           query: {
             ...x,
@@ -635,7 +635,7 @@ const Ti = () => {
             filters: N
           }
         };
-        return r == null ? void 0 : r.queryFn($, n);
+        return r == null ? void 0 : r.queryFn(q, n);
       } catch (D) {
         p.value = ((k = (E = D == null ? void 0 : D.response) == null ? void 0 : E.data) == null ? void 0 : k.message) === "Range not allowed for this tier" ? s.t("queryDataProvider.timeRangeExceeded") : ((H = (R = D == null ? void 0 : D.response) == null ? void 0 : R.data) == null ? void 0 : H.message) || (D == null ? void 0 : D.message);
       } finally {
@@ -1043,7 +1043,7 @@ const Ti = () => {
       s("edit-tile", i.definition);
     }, S = () => {
       s("duplicate-tile", i.definition);
-    }, $ = () => {
+    }, q = () => {
       s("remove-tile", i.definition);
     }, oe = (w) => {
       h.value = w;
@@ -1132,7 +1132,7 @@ const Ti = () => {
                 w.context.editable ? (C(), O(de, {
                   key: 3,
                   "data-testid": `remove-tile-${w.tileId}`,
-                  onClick: $
+                  onClick: q
                 }, {
                   default: P(() => [
                     ce(J(z(o).t("renderer.remove")), 1)
@@ -2762,7 +2762,7 @@ class ji {
  * Copyright (c) 2021-2024  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const q = new ji();
+const B = new ji();
 class _ {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -3645,7 +3645,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   /** get the global (but static to this code) DD implementation */
   static getDD() {
-    return q;
+    return B;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -3658,7 +3658,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static setupDragIn(e, t, i, s = document) {
     (t == null ? void 0 : t.pause) !== void 0 && (b.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? c.getElements(e, s) : e).forEach((o, n) => {
-      q.isDraggable(o) || q.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
+      B.isDraggable(o) || B.dragIn(o, t), i != null && i[n] && (o.gridstackNode = i[n]);
     });
   }
   /**
@@ -3737,12 +3737,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return q.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return B.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
   }
   /** @internal called to add drag over to support widgets being added externally */
   _setupAcceptWidget() {
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
-      return q.droppable(this.el, "destroy"), this;
+      return B.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, o) => {
       var f;
@@ -3767,7 +3767,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (n._temporaryRemoved) {
         if (n.x = Math.max(0, Math.round(h / t)), n.y = Math.max(0, Math.round(d / e)), delete n.autoPosition, this.engine.nodeBoundFix(n), !this.engine.willItFit(n)) {
           if (n.autoPosition = !0, !this.engine.willItFit(n)) {
-            q.off(r, "drag");
+            B.off(r, "drag");
             return;
           }
           n._willFitPos && (c.copyPos(n, n._willFitPos), delete n._willFitPos);
@@ -3776,7 +3776,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(o, s, l, n, t, e);
     };
-    return q.droppable(this.el, {
+    return B.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -3815,7 +3815,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       n.grid || (n.el || (n = { ...n }), n._isExternal = !0, o.gridstackNode = n);
       const d = n.w || Math.round(o.offsetWidth / t) || 1, h = n.h || Math.round(o.offsetHeight / e) || 1;
       return n.grid && n.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = n), r.gridstackNode = n = { ...n, w: d, h, grid: this }, delete n.x, delete n.y, this.engine.cleanupNode(n).nodeBoundFix(n), n._initDD = n._isExternal = // DOM needs to be re-parented on a drop
-      n._temporaryRemoved = !0) : (n.w = d, n.h = h, n._temporaryRemoved = !0), _._itemRemoving(n.el, !1), q.on(r, "drag", i), i(s, r, o), !1;
+      n._temporaryRemoved = !0) : (n.w = d, n.h = h, n._temporaryRemoved = !0), _._itemRemoving(n.el, !1), B.on(r, "drag", i), i(s, r, o), !1;
     }).on(this.el, "dropout", (s, r, o) => {
       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;
@@ -3833,7 +3833,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const m = l.grid;
         m.engine.removeNodeFromLayoutCache(l), m.engine.removedNodes.push(l), m._triggerRemoveEvent()._triggerChangeEvent(), m.parentGridNode && !m.engine.nodes.length && m.opts.subGridDynamic && m.removeAsSubGrid();
       }
-      if (!n || (d && (this.engine.cleanupNode(n), n.grid = this), (g = n.grid) == null || delete g._isTemp, q.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), (g = n.grid) == null || delete g._isTemp, B.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;
       return c.copyPos(n, this._readAttr(this.placeholder)), c.removePositioningStyles(r), h && (n.content || n.subGridOpts || _.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" }, l && l.grid ? l : void 0, n), a && this.setAnimation(this.opts.animate, !0), !1;
@@ -3851,7 +3851,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (typeof this.opts.removable != "string")
       return this;
     const e = document.querySelector(this.opts.removable);
-    return e ? (!this.opts.staticGrid && !q.isDroppable(e) && q.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => _._itemRemoving(i, !0)).on(e, "dropout", (t, i) => _._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !B.isDroppable(e) && B.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => _._itemRemoving(i, !0)).on(e, "dropout", (t, i) => _._itemRemoving(i, !1)), this) : this;
   }
   /** @internal prepares the element for drag&drop */
   _prepareDragDropByNode(e) {
@@ -3876,7 +3876,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), a.type === "resizestop" && (Number.isInteger(e.sizeToContent) && (e.sizeToContent = e.h), this.resizeToContentCheck(l, e));
         }
       };
-      q.draggable(t, {
+      B.draggable(t, {
         start: n,
         stop: h,
         drag: d
@@ -3886,7 +3886,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: d
       }), e._initDD = !0;
     }
-    return q.draggable(t, i ? "disable" : "enable").resizable(t, s ? "disable" : "enable"), this;
+    return B.draggable(t, i ? "disable" : "enable").resizable(t, s ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, o) {
@@ -3905,7 +3905,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, o, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const d = this.getColumn() - s.x, h = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      q.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, h)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      B.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", o * Math.min(s.minH || 1, h)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxHeightMoveUp", o * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
@@ -3955,7 +3955,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    i && (t.style.transform = t.style.transformOrigin = null, q.off(e, "drag"), !i._temporaryRemoved && (i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e, i._isExternal && this.engine.cleanupNode(i), this.opts.removable === !0 && _._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial()));
+    i && (t.style.transform = t.style.transformOrigin = null, B.off(e, "drag"), !i._temporaryRemoved && (i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e, i._isExternal && this.engine.cleanupNode(i), this.opts.removable === !0 && _._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial()));
   }
   // legacy method removed
   commit() {
@@ -4078,7 +4078,7 @@ const Qi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Zi = { cl
       var S;
       let N = x.definition;
       if ("description" in N.chart) {
-        const $ = (S = N.chart.description) == null ? void 0 : S.replace(mi, () => {
+        const q = (S = N.chart.description) == null ? void 0 : S.replace(mi, () => {
           const we = `renderer.trendRange.${l.value.type === "absolute" ? "custom" : l.value.time_range}`;
           return o.te(we) ? o.t(we) : "";
         });
@@ -4086,7 +4086,7 @@ const Qi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Zi = { cl
           ...N,
           chart: {
             ...N.chart,
-            description: $
+            description: q
           }
         };
       }
@@ -4102,8 +4102,9 @@ const Qi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Zi = { cl
       };
     })), y = L(() => {
       let { tz: x, refreshInterval: N, editable: S } = i.context;
+      const q = [...i.context.filters ?? [], ...r.value.global_filters ?? []];
       return x || (x = new Intl.DateTimeFormat().resolvedOptions().timeZone), N === void 0 && (N = pi), S === void 0 && (S = !1), {
-        ...i.context,
+        filters: q,
         tz: x,
         timeSpec: l.value,
         refreshInterval: N,
@@ -4153,21 +4154,21 @@ const Qi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Zi = { cl
           tiles: p.value,
           onUpdateTiles: D
         }, {
-          tile: P(({ tile: $ }) => [
-            $.meta.chart.type === "slottable" ? (C(), U("div", is, [
-              Ie(x.$slots, $.meta.chart.id, {}, void 0, !0)
+          tile: P(({ tile: q }) => [
+            q.meta.chart.type === "slottable" ? (C(), U("div", is, [
+              Ie(x.$slots, q.meta.chart.id, {}, void 0, !0)
             ])) : (C(), O(Ui, {
               key: 1,
               class: "tile-container",
               context: y.value,
-              definition: $.meta,
-              height: $.layout.size.rows * (r.value.tileHeight || z(Pe)) + parseInt(z(Lt), 10),
+              definition: q.meta,
+              height: q.layout.size.rows * (r.value.tileHeight || z(Pe)) + parseInt(z(Lt), 10),
               "query-ready": f.value,
               "refresh-counter": n.value,
-              "tile-id": $.id,
-              onDuplicateTile: (oe) => k($),
-              onEditTile: (oe) => m($),
-              onRemoveTile: (oe) => R($),
+              "tile-id": q.id,
+              onDuplicateTile: (oe) => k(q),
+              onEditTile: (oe) => m(q),
+              onRemoveTile: (oe) => R(q),
               onZoomTimeRange: N[0] || (N[0] = (oe) => s("zoom-time-range", oe))
             }, null, 8, ["context", "definition", "height", "query-ready", "refresh-counter", "tile-id", "onDuplicateTile", "onEditTile", "onRemoveTile"]))
           ]),
@@ -4184,7 +4185,7 @@ const Qi = ["data-id", "data-testid", "gs-h", "gs-w", "gs-x", "gs-y"], Zi = { cl
       ]);
     };
   }
-}), gs = /* @__PURE__ */ he(ss, [["__scopeId", "data-v-02dbc3a2"]]);
+}), gs = /* @__PURE__ */ he(ss, [["__scopeId", "data-v-0bb82daa"]]);
 export {
   gi as CP_ID_TOKEN,
   Tt as DASHBOARD_COLS,