@kong-ui-public/dashboard-renderer 0.32.21 → 0.32.22

package/dist/dashboard-renderer.es.js

@@ -1,25 +1,25 @@
-import { ref as I, watchEffect as ye, inject as j, defineComponent as S, onUnmounted as ae, computed as g, watch as he, resolveComponent as P, unref as l, openBlock as d, createBlock as v, withCtx as b, createTextVNode as G, toDisplayString as F, renderSlot as H, createCommentVNode as k, useCssVars as B, createElementVNode as N, createVNode as T, mergeProps as ie, createSlots as se, createElementBlock as E, normalizeProps as me, guardReactiveProps as fe, resolveDynamicComponent as ge, onMounted as ve, Fragment as be, renderList as _e, normalizeClass as qe, normalizeStyle as X } from "vue";
-import { SimpleChart as Ce, AnalyticsChart as Ee, TopNTable as Se, CsvExportModal as xe, ChartMetricDisplay as Te } from "@kong-ui-public/analytics-chart";
-import Ae from "swrv";
+import { ref as k, watchEffect as he, inject as j, defineComponent as S, onUnmounted as ie, computed as g, watch as me, resolveComponent as P, unref as l, openBlock as d, createBlock as v, withCtx as b, createTextVNode as G, toDisplayString as F, renderSlot as H, createCommentVNode as I, useCssVars as V, createElementVNode as N, createVNode as T, mergeProps as se, createSlots as ce, createElementBlock as E, normalizeProps as fe, guardReactiveProps as ge, resolveDynamicComponent as ve, onMounted as be, Fragment as _e, renderList as qe, normalizeClass as Ce, normalizeStyle as X } from "vue";
+import { SimpleChart as Ee, AnalyticsChart as Se, TopNTable as xe, CsvExportModal as Te, ChartMetricDisplay as Ae } from "@kong-ui-public/analytics-chart";
+import Re from "swrv";
 import "axios";
-import { createI18n as De, i18nTComponent as Re } from "@kong-ui-public/i18n";
-import { stripUnknownFilters as ke, Timeframe as Ie, TimePeriods as we, msToGranularity as Oe, granularityValues as Fe, exploreFilterTypesV2 as Pe, exploreAggregations as Le, queryableExploreDimensions as Ne, filterableExploreDimensions as je, basicExploreAggregations as ze, queryableBasicExploreDimensions as $e, filterableBasicExploreDimensions as Ke, aiExploreAggregations as Be, queryableAiExploreDimensions as Ve, filterableAiExploreDimensions as Me, relativeTimeRangeValuesV4 as Ue } from "@kong-ui-public/analytics-utilities";
-import { MetricsProvider as Ge, MetricsConsumer as He } from "@kong-ui-public/analytics-metric-provider";
-import { EntityLink as Qe } from "@kong-ui-public/entities-shared";
-import { EditIcon as Je, MoreIcon as Ze } from "@kong/icons";
-import { useAnalyticsConfigStore as We } from "@kong-ui-public/analytics-config-store";
-var ce = /* @__PURE__ */ ((e) => (e.VALIDATING = "VALIDATING", e.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", e.PENDING = "PENDING", e.SUCCESS = "SUCCESS", e.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", e.ERROR = "ERROR", e.STALE_IF_ERROR = "STALE_IF_ERROR", e))(ce || {});
-const Ye = (e) => {
+import { createI18n as De, i18nTComponent as Ie } from "@kong-ui-public/i18n";
+import { stripUnknownFilters as ke, Timeframe as we, TimePeriods as Oe, msToGranularity as Fe, granularityValues as Pe, exploreFilterTypesV2 as ee, requestFilterTypeEmptyV2 as Le, exploreAggregations as Ne, queryableExploreDimensions as je, filterableExploreDimensions as ze, basicExploreAggregations as $e, queryableBasicExploreDimensions as Ke, filterableBasicExploreDimensions as Ve, aiExploreAggregations as Be, queryableAiExploreDimensions as Me, filterableAiExploreDimensions as Ue, relativeTimeRangeValuesV4 as Ge } from "@kong-ui-public/analytics-utilities";
+import { MetricsProvider as He, MetricsConsumer as Qe } from "@kong-ui-public/analytics-metric-provider";
+import { EntityLink as Je } from "@kong-ui-public/entities-shared";
+import { EditIcon as Ze, MoreIcon as We } from "@kong/icons";
+import { useAnalyticsConfigStore as Ye } from "@kong-ui-public/analytics-config-store";
+var le = /* @__PURE__ */ ((e) => (e.VALIDATING = "VALIDATING", e.VALIDATING_HAS_DATA = "VALIDATING_HAS_DATA", e.PENDING = "PENDING", e.SUCCESS = "SUCCESS", e.SUCCESS_HAS_DATA = "SUCCESS_HAS_DATA", e.ERROR = "ERROR", e.STALE_IF_ERROR = "STALE_IF_ERROR", e))(le || {});
+const Xe = (e) => {
   var r, t, o, i, n;
   return e ? !!// TODO: revisit: currently only the first check ever matters?
   ((r = Object.keys(e)) != null && r.length || (t = e.data) != null && t.length || (i = (o = e.data) == null ? void 0 : o.data) != null && i.length || !((n = e.data) != null && n.data) && typeof e.data == "object" && Object.keys(e == null ? void 0 : e.data).length) : !1;
 };
-function Xe(e = I({}), r, t, o = Ye) {
-  const i = I(
+function et(e = k({}), r, t, o = Xe) {
+  const i = k(
     "PENDING"
     /* PENDING */
   );
-  return ye(() => {
+  return he(() => {
     const n = o(e.value);
     if (e.value && n && t.value) {
       i.value = "VALIDATING_HAS_DATA";
@@ -48,10 +48,10 @@ function Xe(e = I({}), r, t, o = Ye) {
     e.value === void 0 && r && (i.value = "ERROR");
   }), {
     state: i,
-    swrvState: ce
+    swrvState: le
   };
 }
-const et = {
+const tt = {
   noQueryBridge: "No query bridge provided.  Unable to render dashboard.",
   trendRange: {
     "24h": "Last 24-Hour Summary",
@@ -59,35 +59,35 @@ const et = {
     "30d": "Last 30-Day Summary"
   },
   edit: "Edit"
-}, tt = {
-  timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
 }, rt = {
+  timeRangeExceeded: "The time range for this report is outside of your organization's data retention period"
+}, ot = {
   defaultFilename: "Chart Export",
   exportAsCsv: "Export as CSV"
-}, ot = "Explore", nt = {
-  renderer: et,
-  queryDataProvider: tt,
-  csvExport: rt,
-  jumpToExplore: ot
+}, nt = "Explore", at = {
+  renderer: tt,
+  queryDataProvider: rt,
+  csvExport: ot,
+  jumpToExplore: nt
 };
-function at() {
-  const e = De("en-us", nt);
+function it() {
+  const e = De("en-us", at);
   return {
     i18n: e,
-    i18nT: Re(e)
+    i18nT: Ie(e)
     // Translation component <i18n-t>
   };
 }
-const V = 170, z = "analytics-query-provider", ee = "{entity-id}", it = "{cp-id}", st = "{timeframe}", ct = 30 * 1e3;
-function lt() {
+const B = 170, z = "analytics-query-provider", te = "{entity-id}", st = "{cp-id}", ct = "{timeframe}", lt = 30 * 1e3;
+function ut() {
   const e = j(z);
   return {
     evaluateFeatureFlag: (t, o) => e ? e.evaluateFeatureFlagFn(t, o) : o
   };
 }
 const w = {
-  useI18n: at,
-  useEvaluateFeatureFlag: lt
+  useI18n: it,
+  useEvaluateFeatureFlag: ut
 }, Q = /* @__PURE__ */ S({
   __name: "QueryDataProvider",
   props: {
@@ -99,13 +99,13 @@ const w = {
   emits: ["chart-data", "queryComplete"],
   setup(e, { emit: r }) {
     const t = e, o = r, { i18n: i } = w.useI18n(), n = j(z), c = () => t.queryReady && n ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, a = new AbortController();
-    ae(() => {
+    ie(() => {
       a.abort();
     });
     const u = (p, f, _) => {
       const q = [];
       return f && q.push(...f), q.push(...ke(p, _)), q;
-    }, { data: y, error: A, isValidating: D } = Ae(c, async () => {
+    }, { data: y, error: A, isValidating: R } = Re(c, async () => {
       var p, f, _, q;
       try {
         let {
@@ -126,15 +126,15 @@ const w = {
         };
         return n == null ? void 0 : n.queryFn(U, a);
       } catch (s) {
-        R.value = ((f = (p = s == null ? void 0 : s.response) == null ? void 0 : p.data) == null ? void 0 : f.message) === "Range not allowed for this tier" ? i.t("queryDataProvider.timeRangeExceeded") : ((q = (_ = s == null ? void 0 : s.response) == null ? void 0 : _.data) == null ? void 0 : q.message) || (s == null ? void 0 : s.message);
+        D.value = ((f = (p = s == null ? void 0 : s.response) == null ? void 0 : p.data) == null ? void 0 : f.message) === "Range not allowed for this tier" ? i.t("queryDataProvider.timeRangeExceeded") : ((q = (_ = s == null ? void 0 : s.response) == null ? void 0 : _.data) == null ? void 0 : q.message) || (s == null ? void 0 : s.message);
       } finally {
         o("queryComplete");
       }
     }, {
       refreshInterval: t.context.refreshInterval,
       revalidateOnFocus: !1
-    }), { state: m, swrvState: x } = Xe(y, A, D), R = I(null), h = g(() => m.value === x.ERROR || !!R.value), C = g(() => !t.queryReady || m.value === x.PENDING);
-    return he(y, (p) => {
+    }), { state: m, swrvState: x } = et(y, A, R), D = k(null), h = g(() => m.value === x.ERROR || !!D.value), C = g(() => !t.queryReady || m.value === x.PENDING);
+    return me(y, (p) => {
       p && o("chart-data", p);
     }), (p, f) => {
       const _ = P("KSkeleton"), q = P("KEmptyState");
@@ -149,16 +149,16 @@ const w = {
         "icon-variant": "error"
       }, {
         default: b(() => [
-          G(F(R.value), 1)
+          G(F(D.value), 1)
         ]),
         _: 1
       })) : l(y) ? H(p.$slots, "default", {
         key: 2,
         data: l(y)
-      }) : k("", !0);
+      }) : I("", !0);
     };
   }
-}), ut = { class: "analytics-chart" }, dt = /* @__PURE__ */ S({
+}), dt = { class: "analytics-chart" }, pt = /* @__PURE__ */ S({
   __name: "SimpleChartRenderer",
   props: {
     query: {},
@@ -169,7 +169,7 @@ const w = {
     refreshCounter: {}
   },
   setup(e) {
-    B((t) => ({
+    V((t) => ({
       bc149350: `${t.height}px`
     }));
     const r = e;
@@ -180,8 +180,8 @@ const w = {
       "refresh-counter": t.refreshCounter
     }, {
       default: b(({ data: i }) => [
-        N("div", ut, [
-          T(l(Ce), {
+        N("div", dt, [
+          T(l(Ee), {
             "chart-data": i,
             "chart-options": r.chartOptions,
             "synthetics-data-key": t.chartOptions.syntheticsDataKey
@@ -196,7 +196,7 @@ const w = {
   for (const [o, i] of r)
     t[o] = i;
   return t;
-}, pt = /* @__PURE__ */ L(dt, [["__scopeId", "data-v-e770c4a0"]]), yt = { class: "analytics-chart" }, ht = /* @__PURE__ */ S({
+}, yt = /* @__PURE__ */ L(pt, [["__scopeId", "data-v-e770c4a0"]]), ht = { class: "analytics-chart" }, mt = /* @__PURE__ */ S({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -227,21 +227,21 @@ const w = {
       return "";
     }), A = () => {
       o("edit-tile");
-    }, D = (m) => {
+    }, R = (m) => {
       o("chart-data", m);
     };
     return (m, x) => {
-      const R = P("KDropdownItem");
+      const D = P("KDropdownItem");
       return d(), v(Q, {
         context: m.context,
         query: m.query,
         "query-ready": m.queryReady,
         "refresh-counter": m.refreshCounter,
-        onChartData: D
+        onChartData: R
       }, {
         default: b(({ data: h }) => [
-          N("div", yt, [
-            T(l(Ee), ie({
+          N("div", ht, [
+            T(l(Se), se({
               "allow-csv-export": m.chartOptions.allowCsvExport,
               "chart-data": h,
               "chart-options": u.value,
@@ -251,11 +251,11 @@ const w = {
               "show-menu": m.context.editable,
               "synthetics-data-key": m.chartOptions.syntheticsDataKey,
               "tooltip-title": ""
-            }, m.extraProps), se({ _: 2 }, [
+            }, m.extraProps), ce({ _: 2 }, [
               m.context.editable ? {
                 name: "menu-items",
                 fn: b(() => [
-                  T(R, { onClick: A }, {
+                  T(D, { onClick: A }, {
                     default: b(() => [
                       G(F(l(n).t("renderer.edit")), 1)
                     ]),
@@ -271,7 +271,7 @@ const w = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), le = /* @__PURE__ */ L(ht, [["__scopeId", "data-v-1bc587d3"]]), te = /* @__PURE__ */ S({
+}), ue = /* @__PURE__ */ L(mt, [["__scopeId", "data-v-1bc587d3"]]), re = /* @__PURE__ */ S({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -282,7 +282,7 @@ const w = {
     refreshCounter: {}
   },
   setup(e) {
-    return (r, t) => (d(), v(le, {
+    return (r, t) => (d(), v(ue, {
       "chart-options": r.chartOptions,
       context: r.context,
       "extra-props": { showAnnotations: !1 },
@@ -292,7 +292,7 @@ const w = {
       "refresh-counter": r.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), re = /* @__PURE__ */ S({
+}), oe = /* @__PURE__ */ S({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -303,7 +303,7 @@ const w = {
     refreshCounter: {}
   },
   setup(e) {
-    return (r, t) => (d(), v(le, {
+    return (r, t) => (d(), v(ue, {
       "chart-options": r.chartOptions,
       context: r.context,
       height: r.height,
@@ -312,7 +312,7 @@ const w = {
       "refresh-counter": r.refreshCounter
     }, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
   }
-}), mt = { class: "metric-card-tile-wrapper" }, ft = /* @__PURE__ */ S({
+}), ft = { class: "metric-card-tile-wrapper" }, gt = /* @__PURE__ */ S({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -323,7 +323,7 @@ const w = {
     refreshCounter: {}
   },
   setup(e) {
-    B((c) => ({
+    V((c) => ({
       "3e99e905": l(o) ? "90%" : "100%",
       "345e89d8": l(o) ? "auto" : "100%",
       "7fa58fd9": l(o) ? "100%" : "none"
@@ -331,7 +331,7 @@ const w = {
     const r = e, { evaluateFeatureFlag: t } = w.useEvaluateFeatureFlag(), o = t("ma-3043-analytics-chart-kebab-menu", !1), i = g(() => {
       const c = r.context.timeSpec;
       if (c.type === "absolute")
-        return new Ie({
+        return new we({
           key: "custom",
           timeframeText: "custom",
           display: "custom",
@@ -343,7 +343,7 @@ const w = {
           isRelative: !1,
           allowedTiers: ["free", "plus", "enterprise"]
         });
-      const a = we.get(c.time_range);
+      const a = Oe.get(c.time_range);
       if (!a)
         throw new Error("Unknown time range");
       return a;
@@ -367,16 +367,16 @@ const w = {
         refreshCounter: r.refreshCounter
       };
     });
-    return (c, a) => (d(), E("div", mt, [
-      T(l(Ge), me(fe(n.value)), {
+    return (c, a) => (d(), E("div", ft, [
+      T(l(He), fe(ge(n.value)), {
         default: b(() => [
-          T(l(He))
+          T(l(Qe))
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), gt = /* @__PURE__ */ L(ft, [["__scopeId", "data-v-84c4c1c8"]]), oe = "#6c7489", ne = "20px", ue = "20px", vt = /* @__PURE__ */ S({
+}), vt = /* @__PURE__ */ L(gt, [["__scopeId", "data-v-84c4c1c8"]]), ne = "#6c7489", ae = "20px", de = "20px", bt = /* @__PURE__ */ S({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -392,9 +392,9 @@ const w = {
       if ((c = r.chartOptions) != null && c.entityLink)
         if (n.id.includes(":")) {
           const [a, u] = n.id.split(":");
-          return r.chartOptions.entityLink.replace(it, a).replace(ee, u);
+          return r.chartOptions.entityLink.replace(st, a).replace(te, u);
         } else
-          return r.chartOptions.entityLink.replace(ee, n.id);
+          return r.chartOptions.entityLink.replace(te, n.id);
       return "";
     };
     return (n, c) => (d(), v(Q, {
@@ -404,16 +404,16 @@ const w = {
       "refresh-counter": n.refreshCounter
     }, {
       default: b(({ data: a }) => [
-        T(l(Se), {
+        T(l(xe), {
           data: a,
           description: !l(o) && n.chartOptions.description || "",
           "synthetics-data-key": n.chartOptions.syntheticsDataKey,
           title: !l(o) && n.chartOptions.chartTitle || ""
-        }, se({ _: 2 }, [
+        }, ce({ _: 2 }, [
           r.chartOptions.entityLink ? {
             name: "name",
             fn: b(({ record: u }) => [
-              T(l(Qe), {
+              T(l(Je), {
                 "entity-link-data": {
                   id: u.id,
                   label: u.name,
@@ -429,33 +429,33 @@ const w = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), bt = { class: "tile-boundary" }, _t = {
+}), _t = { class: "tile-boundary" }, qt = {
   key: 0,
   class: "tile-header"
-}, qt = { class: "title" }, Ct = {
+}, Ct = { class: "title" }, Et = {
   key: 0,
   class: "tile-actions"
-}, Et = {
+}, St = {
   class: "chart-export-trigger",
   "data-testid": "csv-export-button"
-}, St = {
+}, xt = {
   key: 1,
   class: "header-description"
-}, xt = { class: "tile-content" }, Tt = /* @__PURE__ */ S({
+}, Tt = { class: "tile-content" }, At = /* @__PURE__ */ S({
   __name: "DashboardTile",
   props: {
     definition: {},
     context: {},
-    height: { default: V },
+    height: { default: B },
     queryReady: { type: Boolean },
     refreshCounter: {}
   },
   emits: ["edit-tile"],
   setup(e, { emit: r }) {
-    B((s) => ({
+    V((s) => ({
       "1cbe86ac": `${s.height}px`
     }));
-    const t = parseInt(ue, 10), o = e, i = r, n = j(z), { evaluateFeatureFlag: c } = w.useEvaluateFeatureFlag(), { i18n: a } = w.useI18n(), u = c("ma-3043-analytics-chart-kebab-menu", !1), y = I(), A = I(!1), D = g(() => {
+    const t = parseInt(de, 10), o = e, i = r, n = j(z), { evaluateFeatureFlag: c } = w.useEvaluateFeatureFlag(), { i18n: a } = w.useI18n(), u = c("ma-3043-analytics-chart-kebab-menu", !1), y = k(), A = k(!1), R = g(() => {
       if (n && n.exploreBaseUrl) {
         const s = {
           filters: [...o.context.filters, ...o.definition.query.filters ?? []],
@@ -467,17 +467,17 @@ const w = {
         return `${n.exploreBaseUrl()}?q=${JSON.stringify(s)}&d=${O}&c=${o.definition.chart.type}`;
       }
       return "";
-    }), m = g(() => a.t("csvExport.defaultFilename")), x = g(() => u && !["golden_signals", "top_n", "gauge"].includes(o.definition.chart.type)), R = {
-      timeseries_line: re,
-      timeseries_bar: re,
-      horizontal_bar: te,
-      vertical_bar: te,
-      gauge: pt,
-      golden_signals: gt,
-      top_n: vt,
+    }), m = g(() => a.t("csvExport.defaultFilename")), x = g(() => u && !["golden_signals", "top_n", "gauge"].includes(o.definition.chart.type)), D = {
+      timeseries_line: oe,
+      timeseries_bar: oe,
+      horizontal_bar: re,
+      vertical_bar: re,
+      gauge: yt,
+      golden_signals: vt,
+      top_n: bt,
       slottable: void 0
     }, h = g(() => {
-      const s = R[o.definition.chart.type];
+      const s = D[o.definition.chart.type];
       return s && {
         component: s,
         rendererProps: {
@@ -489,7 +489,7 @@ const w = {
           refreshCounter: o.refreshCounter
         }
       };
-    }), C = g(() => y.value ? Oe(y.value.meta.granularity_ms) : void 0), p = () => {
+    }), C = g(() => y.value ? Fe(y.value.meta.granularity_ms) : void 0), p = () => {
       i("edit-tile", o.definition);
     }, f = (s) => {
       y.value = s;
@@ -500,65 +500,65 @@ const w = {
     };
     return (s, O) => {
       const K = P("KDropdownItem"), U = P("KDropdown");
-      return d(), E("div", bt, [
-        l(u) && s.definition.chart.type !== "slottable" ? (d(), E("div", _t, [
-          N("div", qt, F(s.definition.chart.chartTitle), 1),
-          x.value ? (d(), E("div", Ct, [
-            s.context.editable ? (d(), v(l(Je), {
+      return d(), E("div", _t, [
+        l(u) && s.definition.chart.type !== "slottable" ? (d(), E("div", qt, [
+          N("div", Ct, F(s.definition.chart.chartTitle), 1),
+          x.value ? (d(), E("div", Et, [
+            s.context.editable ? (d(), v(l(Ze), {
               key: 0,
               class: "edit-icon",
-              color: l(oe),
-              size: l(ne),
+              color: l(ne),
+              size: l(ae),
               onClick: p
-            }, null, 8, ["color", "size"])) : k("", !0),
+            }, null, 8, ["color", "size"])) : I("", !0),
             T(U, {
               class: "dropdown",
               "data-testid": "chart-action-menu",
               "kpop-attributes": { placement: "bottom-end" }
             }, {
               items: b(() => [
-                D.value ? (d(), v(K, {
+                R.value ? (d(), v(K, {
                   key: 0,
                   "data-testid": "chart-jump-to-explore",
-                  item: { label: l(a).t("jumpToExplore"), to: D.value }
-                }, null, 8, ["item"])) : k("", !0),
+                  item: { label: l(a).t("jumpToExplore"), to: R.value }
+                }, null, 8, ["item"])) : I("", !0),
                 "allowCsvExport" in s.definition.chart && s.definition.chart.allowCsvExport ? (d(), v(K, {
                   key: 1,
                   class: "chart-export-button",
                   "data-testid": "chart-csv-export",
-                  onClick: O[0] || (O[0] = (Jt) => q())
+                  onClick: O[0] || (O[0] = (Zt) => q())
                 }, {
                   default: b(() => [
-                    N("span", Et, F(l(a).t("csvExport.exportAsCsv")), 1)
+                    N("span", St, F(l(a).t("csvExport.exportAsCsv")), 1)
                   ]),
                   _: 1
-                })) : k("", !0)
+                })) : I("", !0)
               ]),
               default: b(() => [
-                T(l(Ze), {
+                T(l(We), {
                   class: "kebab-action-menu",
-                  color: l(oe),
+                  color: l(ne),
                   "data-testid": "kebab-action-menu",
-                  size: l(ne)
+                  size: l(ae)
                 }, null, 8, ["color", "size"])
               ]),
               _: 1
             })
-          ])) : "description" in s.definition.chart ? (d(), E("div", St, F(s.definition.chart.description), 1)) : k("", !0),
-          A.value ? (d(), v(l(xe), {
+          ])) : "description" in s.definition.chart ? (d(), E("div", xt, F(s.definition.chart.description), 1)) : I("", !0),
+          A.value ? (d(), v(l(Te), {
             key: 2,
             "chart-data": y.value,
             filename: m.value,
             onToggleModal: _
-          }, null, 8, ["chart-data", "filename"])) : k("", !0)
-        ])) : k("", !0),
-        N("div", xt, [
-          h.value ? (d(), v(ge(h.value.component), ie({ key: 0 }, h.value.rendererProps, { onChartData: f }), null, 16)) : k("", !0)
+          }, null, 8, ["chart-data", "filename"])) : I("", !0)
+        ])) : I("", !0),
+        N("div", Tt, [
+          h.value ? (d(), v(ve(h.value.component), se({ key: 0 }, h.value.rendererProps, { onChartData: f }), null, 16)) : I("", !0)
         ])
       ]);
     };
   }
-}), At = /* @__PURE__ */ L(Tt, [["__scopeId", "data-v-94b33bca"]]), Dt = (e, r, t) => {
+}), Rt = /* @__PURE__ */ L(At, [["__scopeId", "data-v-94b33bca"]]), Dt = (e, r, t) => {
   const o = /* @__PURE__ */ new Map();
   t.forEach((n) => {
     const c = n.layout.position.row, a = o.get(c), u = n.layout.size.rows === 1 && !!n.layout.size.fitToContent;
@@ -568,7 +568,7 @@ const w = {
   for (let n = 0; n < e; n++)
     o.get(n) ? i.push("auto") : i.push(`${r}px`);
   return i;
-}, Rt = /* @__PURE__ */ S({
+}, It = /* @__PURE__ */ S({
   __name: "GridLayout",
   props: {
     gridSize: {
@@ -578,7 +578,7 @@ const w = {
     tileHeight: {
       type: Number,
       required: !1,
-      default: () => V
+      default: () => B
     },
     tiles: {
       type: Array,
@@ -586,18 +586,18 @@ const w = {
     }
   },
   setup(e) {
-    B((a) => ({
+    V((a) => ({
       "3bc5e939": e.gridSize.cols,
       "77aa3028": n.value
     }));
-    const r = e, t = I(null), o = I(0), i = new ResizeObserver((a) => {
+    const r = e, t = k(null), o = k(0), i = new ResizeObserver((a) => {
       window.requestAnimationFrame(() => {
         !Array.isArray(a) || !a.length || (o.value = a[0].contentRect.width);
       });
     });
-    ve(() => {
+    be(() => {
       t.value && i.observe(t.value);
-    }), ae(() => {
+    }), ie(() => {
       t.value && i.unobserve(t.value);
     });
     const n = g(() => {
@@ -618,9 +618,9 @@ const w = {
       ref: t,
       class: "kong-ui-public-grid-layout"
     }, [
-      (d(!0), E(be, null, _e(c.value, (y) => (d(), E("div", {
+      (d(!0), E(_e, null, qe(c.value, (y) => (d(), E("div", {
         key: y.key,
-        class: qe(["grid-cell", {
+        class: Ce(["grid-cell", {
           "empty-cell": !y.tile
         }]),
         style: X(y.style)
@@ -632,10 +632,10 @@ const w = {
       ], 6))), 128))
     ], 512));
   }
-}), kt = /* @__PURE__ */ L(Rt, [["__scopeId", "data-v-f43eb7b8"]]), It = { class: "kong-ui-public-dashboard-renderer" }, wt = {
+}), kt = /* @__PURE__ */ L(It, [["__scopeId", "data-v-f43eb7b8"]]), wt = { class: "kong-ui-public-dashboard-renderer" }, Ot = {
   key: 0,
   class: "tile-container"
-}, Ot = /* @__PURE__ */ S({
+}, Ft = /* @__PURE__ */ S({
   __name: "DashboardRenderer",
   props: {
     context: {},
@@ -643,16 +643,16 @@ const w = {
   },
   emits: ["edit-tile"],
   setup(e, { expose: r, emit: t }) {
-    const o = e, i = t, { i18n: n } = w.useI18n(), c = I(0), a = j(z);
+    const o = e, i = t, { i18n: n } = w.useI18n(), c = k(0), a = j(z);
     a || (console.warn("Analytics dashboards require a query bridge supplied via provide / inject."), console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"), console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));
-    const u = We(), y = g(() => o.context.timeSpec ? o.context.timeSpec : {
+    const u = Ye(), y = g(() => o.context.timeSpec ? o.context.timeSpec : {
       type: "relative",
       time_range: u.defaultQueryTimeForOrg
-    }), A = g(() => !!o.context.timeSpec || !u.loading), D = g(() => o.config.tiles.map((h, C) => {
+    }), A = g(() => !!o.context.timeSpec || !u.loading), R = g(() => o.config.tiles.map((h, C) => {
       var f;
       let p = h.definition;
       if ("description" in p.chart) {
-        const _ = (f = p.chart.description) == null ? void 0 : f.replace(st, () => {
+        const _ = (f = p.chart.description) == null ? void 0 : f.replace(ct, () => {
           const s = `renderer.trendRange.${y.value.type === "absolute" ? "custom" : y.value.time_range}`;
           return n.te(s) ? n.t(s) : "";
         });
@@ -672,7 +672,7 @@ const w = {
       };
     })), m = g(() => {
       let { tz: h, refreshInterval: C, editable: p } = o.context;
-      return h || (h = new Intl.DateTimeFormat().resolvedOptions().timeZone), C === void 0 && (C = ct), p === void 0 && (p = !1), {
+      return h || (h = new Intl.DateTimeFormat().resolvedOptions().timeZone), C === void 0 && (C = lt), p === void 0 && (p = !1), {
         ...o.context,
         tz: h,
         timeSpec: y.value,
@@ -686,22 +686,22 @@ const w = {
       c.value++;
     } }), (h, C) => {
       const p = P("KAlert");
-      return d(), E("div", It, [
+      return d(), E("div", wt, [
         l(a) ? (d(), v(kt, {
           key: 1,
           "grid-size": h.config.gridSize,
           "tile-height": h.config.tileHeight,
-          tiles: D.value
+          tiles: R.value
         }, {
           tile: b(({ tile: f }) => [
-            f.meta.chart.type === "slottable" ? (d(), E("div", wt, [
+            f.meta.chart.type === "slottable" ? (d(), E("div", Ot, [
               H(h.$slots, f.meta.chart.id, {}, void 0, !0)
-            ])) : (d(), v(At, {
+            ])) : (d(), v(Rt, {
               key: 1,
               class: "tile-container",
               context: m.value,
               definition: f.meta,
-              height: f.layout.size.rows * (h.config.tileHeight || l(V)) + parseInt(l(ue), 10),
+              height: f.layout.size.rows * (h.config.tileHeight || l(B)) + parseInt(l(de), 10),
               "query-ready": A.value,
               "refresh-counter": c.value,
               onEditTile: (_) => x(f)
@@ -720,7 +720,7 @@ const w = {
       ]);
     };
   }
-}), ir = /* @__PURE__ */ L(Ot, [["__scopeId", "data-v-26130807"]]), sr = [
+}), sr = /* @__PURE__ */ L(Ft, [["__scopeId", "data-v-26130807"]]), cr = [
   "horizontal_bar",
   "vertical_bar",
   "gauge",
@@ -733,9 +733,9 @@ const w = {
   type: "string"
 }, $ = {
   type: "string"
-}, de = {
-  type: "boolean"
 }, pe = {
+  type: "boolean"
+}, ye = {
   type: ["object", "array"],
   items: {
     type: "string"
@@ -743,7 +743,7 @@ const w = {
   additionalProperties: {
     type: "string"
   }
-}, Ft = {
+}, Pt = {
   type: "object",
   properties: {
     type: {
@@ -756,7 +756,7 @@ const w = {
   },
   required: ["type", "id"],
   additionalProperties: !1
-}, Pt = {
+}, Lt = {
   type: "object",
   properties: {
     type: {
@@ -766,14 +766,14 @@ const w = {
     stacked: {
       type: "boolean"
     },
-    chartDatasetColors: pe,
+    chartDatasetColors: ye,
     syntheticsDataKey: M,
     chartTitle: $,
-    allowCsvExport: de
+    allowCsvExport: pe
   },
   required: ["type"],
   additionalProperties: !1
-}, Lt = {
+}, Nt = {
   type: "object",
   properties: {
     type: {
@@ -789,14 +789,14 @@ const w = {
         type: "number"
       }
     },
-    chartDatasetColors: pe,
+    chartDatasetColors: ye,
     syntheticsDataKey: M,
     chartTitle: $,
-    allowCsvExport: de
+    allowCsvExport: pe
   },
   required: ["type"],
   additionalProperties: !1
-}, Nt = {
+}, jt = {
   type: "object",
   properties: {
     type: {
@@ -805,7 +805,7 @@ const w = {
     },
     metricDisplay: {
       type: "string",
-      enum: Object.values(Te)
+      enum: Object.values(Ae)
     },
     reverseDataset: {
       type: "boolean"
@@ -818,7 +818,7 @@ const w = {
   },
   required: ["type"],
   additionalProperties: !1
-}, jt = {
+}, zt = {
   type: "object",
   properties: {
     chartTitle: $,
@@ -836,7 +836,7 @@ const w = {
   },
   required: ["type"],
   additionalProperties: !1
-}, zt = {
+}, $t = {
   type: "object",
   properties: {
     chartTitle: $,
@@ -856,7 +856,7 @@ const w = {
   },
   required: ["type"],
   additionalProperties: !1
-}, $t = {
+}, Kt = {
   type: "object",
   properties: {
     tz: {
@@ -871,7 +871,7 @@ const w = {
     },
     time_range: {
       type: "string",
-      enum: Ue,
+      enum: Ge,
       default: "1h"
     }
   },
@@ -880,7 +880,7 @@ const w = {
     "time_range"
   ],
   additionalProperties: !1
-}, Kt = {
+}, Vt = {
   type: "object",
   description: "A duration representing an exact start and end time.",
   properties: {
@@ -910,14 +910,14 @@ const w = {
   granularity: {
     type: "string",
     description: 'Force time grouping into buckets of this duration. Only has an effect if "time" is in the "dimensions" list.',
-    enum: Fe
+    enum: Pe
   },
   time_range: {
     type: "object",
     description: "The time range to query.",
     anyOf: [
-      $t,
-      Kt
+      Kt,
+      Vt
     ],
     default: {
       type: "relative",
@@ -948,32 +948,78 @@ const w = {
   }
 }), Y = (e) => ({
   type: "array",
-  description: "A list of filters to apply to the query.",
+  description: "A list of filters to apply to the query",
   items: {
-    type: "object",
-    description: "A filter that specifies which data to include in the query",
-    properties: {
-      dimension: {
-        type: "string",
-        enum: e
+    oneOf: [
+      {
+        type: "object",
+        description: "A filter that specifies which data to include in the query",
+        properties: {
+          dimension: {
+            type: "string",
+            enum: e
+          },
+          type: {
+            type: "string",
+            enum: ee
+          },
+          values: {
+            type: "array",
+            items: {
+              type: ["string", "number", "null"]
+            }
+          }
+        },
+        required: [
+          "dimension",
+          "type",
+          "values"
+        ],
+        additionalProperties: !1
       },
-      type: {
-        type: "string",
-        enum: Pe
+      {
+        type: "object",
+        description: "In filter",
+        properties: {
+          field: {
+            type: "string",
+            enum: e
+          },
+          operator: {
+            type: "string",
+            enum: ee
+          },
+          value: {
+            type: ["string", "number", "null"]
+          }
+        },
+        required: [
+          "field",
+          "operator",
+          "value"
+        ],
+        additionalProperties: !1
       },
-      values: {
-        type: "array",
-        items: {
-          type: ["string", "number", "null"]
-        }
+      {
+        type: "object",
+        description: "Empty filter",
+        properties: {
+          field: {
+            type: "string",
+            enum: e
+          },
+          operator: {
+            type: "string",
+            enum: Le
+          }
+        },
+        required: [
+          "field",
+          "operator"
+        ],
+        additionalProperties: !1
       }
-    },
-    required: [
-      "dimension",
-      "type",
-      "values"
-    ],
-    additionalProperties: !1
+    ]
   }
 }), Bt = {
   type: "object",
@@ -985,14 +1031,14 @@ const w = {
         "advanced"
       ]
     },
-    metrics: Z(Le),
-    dimensions: W(Ne),
-    filters: Y(je),
+    metrics: Z(Ne),
+    dimensions: W(je),
+    filters: Y(ze),
     ...J
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Vt = {
+}, Mt = {
   type: "object",
   description: "A query to launch at the basic explore API",
   properties: {
@@ -1002,14 +1048,14 @@ const w = {
         "basic"
       ]
     },
-    metrics: Z(ze),
-    dimensions: W($e),
-    filters: Y(Ke),
+    metrics: Z($e),
+    dimensions: W(Ke),
+    filters: Y(Ve),
     ...J
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Mt = {
+}, Ut = {
   type: "object",
   description: "A query to launch at the AI explore API",
   properties: {
@@ -1020,25 +1066,25 @@ const w = {
       ]
     },
     metrics: Z(Be),
-    dimensions: W(Ve),
-    filters: Y(Me),
+    dimensions: W(Me),
+    filters: Y(Ue),
     ...J
   },
   required: ["datasource"],
   additionalProperties: !1
-}, Ut = {
-  anyOf: [Bt, Vt, Mt]
 }, Gt = {
+  anyOf: [Bt, Mt, Ut]
+}, Ht = {
   type: "object",
   properties: {
-    query: Ut,
+    query: Gt,
     chart: {
-      anyOf: [Pt, Nt, Lt, zt, jt, Ft]
+      anyOf: [Lt, jt, Nt, $t, zt, Pt]
     }
   },
   required: ["query", "chart"],
   additionalProperties: !1
-}, Ht = {
+}, Qt = {
   type: "object",
   properties: {
     position: {
@@ -1075,24 +1121,24 @@ const w = {
   },
   required: ["position", "size"],
   additionalProperties: !1
-}, Qt = {
+}, Jt = {
   type: "object",
   properties: {
-    definition: Gt,
-    layout: Ht
+    definition: Ht,
+    layout: Qt
   },
   required: ["definition", "layout"],
   additionalProperties: !1
-}, cr = {
+}, lr = {
   type: "object",
   properties: {
     tiles: {
       type: "array",
-      items: Qt
+      items: Jt
     },
     tileHeight: {
       type: "number",
-      description: `Height of each tile in pixels. Default: ${V}`
+      description: `Height of each tile in pixels. Default: ${B}`
     },
     gridSize: {
       type: "object",
@@ -1113,27 +1159,27 @@ const w = {
   additionalProperties: !1
 };
 export {
-  it as CP_ID_TOKEN,
-  V as DEFAULT_TILE_HEIGHT,
-  ct as DEFAULT_TILE_REFRESH_INTERVAL_MS,
-  ir as DashboardRenderer,
-  ee as ENTITY_ID_TOKEN,
+  st as CP_ID_TOKEN,
+  B as DEFAULT_TILE_HEIGHT,
+  lt as DEFAULT_TILE_REFRESH_INTERVAL_MS,
+  sr as DashboardRenderer,
+  te as ENTITY_ID_TOKEN,
   kt as GridLayout,
   z as INJECT_QUERY_PROVIDER,
-  st as TIMEFRAME_TOKEN,
-  Mt as aiQuerySchema,
-  Pt as barChartSchema,
-  Vt as basicQuerySchema,
-  cr as dashboardConfigSchema,
-  sr as dashboardTileTypes,
+  ct as TIMEFRAME_TOKEN,
+  Ut as aiQuerySchema,
+  Lt as barChartSchema,
+  Mt as basicQuerySchema,
+  lr as dashboardConfigSchema,
+  cr as dashboardTileTypes,
   Bt as exploreV4QuerySchema,
-  Nt as gaugeChartSchema,
-  zt as metricCardSchema,
-  Ft as slottableSchema,
-  Qt as tileConfigSchema,
-  Gt as tileDefinitionSchema,
-  Ht as tileLayoutSchema,
-  Lt as timeseriesChartSchema,
-  jt as topNTableSchema,
-  Ut as validDashboardQuery
+  jt as gaugeChartSchema,
+  $t as metricCardSchema,
+  Pt as slottableSchema,
+  Jt as tileConfigSchema,
+  Ht as tileDefinitionSchema,
+  Qt as tileLayoutSchema,
+  Nt as timeseriesChartSchema,
+  zt as topNTableSchema,
+  Gt as validDashboardQuery
 };