@kong-ui-public/dashboard-renderer 0.23.34 → 0.23.35

package/dist/dashboard-renderer.es.js

@@ -1,5 +1,5 @@
-import { ref as v, watchEffect as Ve, defineComponent as E, inject as ie, onUnmounted as Se, computed as g, resolveComponent as U, unref as m, openBlock as h, createBlock as A, withCtx as x, createTextVNode as ke, toDisplayString as K, renderSlot as ae, createCommentVNode as M, useCssVars as G, createElementVNode as V, createVNode as N, createElementBlock as C, normalizeProps as xe, guardReactiveProps as Be, withModifiers as Me, watch as He, resolveDynamicComponent as Ie, normalizeStyle as te, pushScopeId as Ge, popScopeId as Ye, createSlots as We, mergeProps as Ze, onMounted as Qe, Fragment as Je, renderList as Xe, normalizeClass as et } from "vue";
-import { ChartMetricDisplay as tt, ChartTypesSimple as rt, SimpleChart as nt, ChartTypes as re, AnalyticsChart as Te, TopNTable as it } from "@kong-ui-public/analytics-chart";
+import { ref as v, watchEffect as Ve, defineComponent as E, inject as ie, onUnmounted as Se, computed as g, resolveComponent as F, unref as m, openBlock as h, createBlock as A, withCtx as x, createTextVNode as ke, toDisplayString as K, renderSlot as ae, createCommentVNode as M, useCssVars as G, createElementVNode as V, createVNode as N, createElementBlock as C, normalizeProps as xe, guardReactiveProps as Be, withModifiers as Me, watch as He, resolveDynamicComponent as Te, normalizeStyle as te, pushScopeId as Ge, popScopeId as Ye, createSlots as We, mergeProps as Ze, onMounted as Qe, Fragment as Je, renderList as Xe, normalizeClass as et } from "vue";
+import { ChartMetricDisplay as tt, ChartTypesSimple as rt, SimpleChart as nt, ChartTypes as re, AnalyticsChart as Ie, TopNTable as it } from "@kong-ui-public/analytics-chart";
 import at from "swrv";
 import ce from "axios";
 import { createI18n as Ae, i18nTComponent as Ce } from "@kong-ui-public/i18n";
@@ -9,7 +9,7 @@ import "@kong/kongponents";
 import "vue-router";
 import { useAnalyticsConfigStore as ut } from "@kong-ui-public/analytics-config-store";
 const Z = 170, Ee = "analytics-query-provider", ue = "{entity-id}", pt = "{cp-id}", dt = "{timeframe}", yt = 30 * 1e3;
-var T = /* @__PURE__ */ ((e) => (e.HorizontalBar = "horizontal_bar", e.VerticalBar = "vertical_bar", e.Gauge = "gauge", e.TimeseriesLine = "timeseries_line", e.GoldenSignals = "golden_signals", e.TopN = "top_n", e.Slottable = "slottable", e))(T || {});
+var I = /* @__PURE__ */ ((e) => (e.HorizontalBar = "horizontal_bar", e.VerticalBar = "vertical_bar", e.Gauge = "gauge", e.TimeseriesLine = "timeseries_line", e.GoldenSignals = "golden_signals", e.TopN = "top_n", e.Slottable = "slottable", e))(I || {});
 const Q = {
   type: "string"
 }, Y = {
@@ -348,7 +348,7 @@ const Q = {
 }, xt = {
   // TODO: Build out basic as its own schema.
   oneOf: [kt]
-}, It = {
+}, Tt = {
   type: "object",
   properties: {
     query: xt,
@@ -358,7 +358,7 @@ const Q = {
   },
   required: ["query", "chart"],
   additionalProperties: !1
-}, Tt = {
+}, It = {
   type: "object",
   properties: {
     position: {
@@ -398,8 +398,8 @@ const Q = {
 }, At = {
   type: "object",
   properties: {
-    definition: It,
-    layout: Tt
+    definition: Tt,
+    layout: It
   },
   required: ["definition", "layout"],
   additionalProperties: !1
@@ -511,7 +511,7 @@ const Re = {
     Se(() => {
       s.abort();
     });
-    const { data: u, error: c, isValidating: d } = at(o, async () => {
+    const { data: u, error: l, isValidating: d } = at(o, async () => {
       var O, R, $, f;
       try {
         const _ = [];
@@ -541,9 +541,9 @@ const Re = {
     }, {
       refreshInterval: r.context.refreshInterval,
       revalidateOnFocus: !1
-    }), { state: l, swrvState: y } = Et(u, c, d), p = v(null), w = g(() => l.value === y.ERROR || !!p.value), q = g(() => !r.queryReady || l.value === y.PENDING);
+    }), { state: c, swrvState: y } = Et(u, l, d), p = v(null), w = g(() => c.value === y.ERROR || !!p.value), q = g(() => !r.queryReady || c.value === y.PENDING);
     return (O, R) => {
-      const $ = U("KSkeleton"), f = U("KEmptyState");
+      const $ = F("KSkeleton"), f = F("KEmptyState");
       return q.value || !m(u) && !w.value ? (h(), A($, {
         key: 0,
         class: "chart-skeleton",
@@ -578,7 +578,7 @@ const Re = {
       "8c62ff26": `${n.height}px`
     }));
     const t = e, r = {
-      [T.Gauge]: rt.GAUGE
+      [I.Gauge]: rt.GAUGE
     }, i = g(() => ({
       ...t.chartOptions,
       type: r[t.chartOptions.type]
@@ -619,8 +619,8 @@ const Re = {
       "1eed717c": `${n.height}px`
     }));
     const t = e, r = {
-      [T.HorizontalBar]: re.HORIZONTAL_BAR,
-      [T.VerticalBar]: re.VERTICAL_BAR
+      [I.HorizontalBar]: re.HORIZONTAL_BAR,
+      [I.VerticalBar]: re.VERTICAL_BAR
     }, i = g(() => ({
       type: r[t.chartOptions.type],
       stacked: t.chartOptions.stacked,
@@ -633,7 +633,7 @@ const Re = {
     }, {
       default: x(({ data: o }) => [
         V("div", $t, [
-          N(m(Te), {
+          N(m(Ie), {
             "allow-csv-export": n.chartOptions.allowCsvExport,
             "chart-data": o,
             "chart-options": i.value,
@@ -648,7 +648,7 @@ const Re = {
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), pe = /* @__PURE__ */ j(zt, [["__scopeId", "data-v-36598a1b"]]), Pt = { class: "analytics-chart" }, Ft = /* @__PURE__ */ E({
+}), pe = /* @__PURE__ */ j(zt, [["__scopeId", "data-v-36598a1b"]]), Pt = { class: "analytics-chart" }, Ut = /* @__PURE__ */ E({
   __name: "TimeseriesChartRenderer",
   props: {
     query: {},
@@ -662,7 +662,7 @@ const Re = {
       "4efa9c90": `${n.height}px`
     }));
     const t = e, r = {
-      [T.TimeseriesLine]: re.TIMESERIES_LINE
+      [I.TimeseriesLine]: re.TIMESERIES_LINE
       // TODO: Timeseries bar
     }, i = g(() => {
       const n = t.chartOptions.stacked ?? !1;
@@ -679,7 +679,7 @@ const Re = {
     }, {
       default: x(({ data: o }) => [
         V("div", Pt, [
-          N(m(Te), {
+          N(m(Ie), {
             "allow-csv-export": n.chartOptions.allowCsvExport,
             "chart-data": o,
             "chart-options": i.value,
@@ -693,7 +693,7 @@ const Re = {
       _: 1
     }, 8, ["context", "query", "query-ready"]));
   }
-}), Ut = /* @__PURE__ */ j(Ft, [["__scopeId", "data-v-ceb07ca8"]]), Kt = { class: "metric-card-tile-wrapper" }, Vt = /* @__PURE__ */ E({
+}), Ft = /* @__PURE__ */ j(Ut, [["__scopeId", "data-v-ceb07ca8"]]), Kt = { class: "metric-card-tile-wrapper" }, Vt = /* @__PURE__ */ E({
   __name: "GoldenSignalsRenderer",
   props: {
     query: {},
@@ -747,7 +747,7 @@ const Re = {
     ]));
   }
 }), Bt = /* @__PURE__ */ j(Vt, [["__scopeId", "data-v-6d704e9d"]]), Le = "20px";
-var F = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(F || {});
+var U = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(U || {});
 function Mt() {
   return {
     getAxiosInstance: (e = {}) => {
@@ -955,35 +955,32 @@ function ir(e, t, r, i = {
   r || (r = "1000");
   const { axiosInstance: n } = oe(e.axiosRequestConfig), { i18n: { t: a } } = X(), { debounce: o } = Ht(), s = o(async (f) => {
     await $(f);
-  }, 200), u = v(!1), c = v(""), d = v(""), l = v([]), y = v([]), p = v(void 0), w = g(() => {
+  }, 200), u = v(!1), l = v(""), d = v(""), c = v([]), y = v([]), p = v(void 0), w = g(() => {
     const f = `${e.apiBaseUrl}${m(t)}`;
     return e.app === "konnect" ? f.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" ? f.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : "") : f;
   }), { isValidUuid: q } = De(), O = async () => {
     try {
       u.value = !0;
       const { data: f } = await n.get(`${w.value}?size=${r}`);
-      f != null && f.next || (p.value = i.fetchedItemsKey in f ? f[i.fetchedItemsKey] : []), y.value = i.fetchedItemsKey in f ? f[i.fetchedItemsKey] : [], l.value = y.value;
+      f != null && f.next || (p.value = i.fetchedItemsKey in f ? f[i.fetchedItemsKey] : []), y.value = i.fetchedItemsKey in f ? f[i.fetchedItemsKey] : [], c.value = y.value;
     } catch {
-      l.value = [], c.value = a("debouncedFilter.errors.fetch");
+      c.value = [], l.value = a("debouncedFilter.errors.fetch");
     } finally {
       u.value = !1;
     }
   }, R = v(""), $ = async (f) => {
     var _, z, W;
     if (R.value !== f) {
-      if (f === "") {
-        l.value = y.value;
+      if (R.value = f ?? "", !f) {
+        c.value = y.value;
         return;
-      } else
-        R.value = f || "";
+      }
       if (p.value === void 0)
         try {
-          if (u.value = !0, c.value = "", d.value = "", e.app === "konnect") {
-            let S = w.value + "";
-            f && (S += `/${f}`);
-            const { data: I } = await n.get(`${S}?size=${r}`);
-            i.fetchedItemsKey in I ? l.value = I[i.fetchedItemsKey] : I != null && I[i.exactMatchKey ?? "id"] ? l.value = [I] : l.value = [];
-          } else if (f) {
+          if (u.value = !0, l.value = "", d.value = "", e.app === "konnect") {
+            const S = `${w.value}/${f}`, { data: T } = await n.get(`${S}?size=${r}`);
+            i.fetchedItemsKey in T ? c.value = T[i.fetchedItemsKey] : T != null && T[i.exactMatchKey ?? "id"] ? c.value = [T] : c.value = [];
+          } else {
             const S = [];
             q(f) && i.searchKeys.includes("id") ? S.push((async () => {
               const { data: k } = await n.get(`${w.value}/${f}`);
@@ -994,37 +991,36 @@ function ir(e, t, r, i = {
                 return L[i.fetchedItemsKey];
               })
             );
-            const I = await Promise.all(S), B = /* @__PURE__ */ new Set();
-            l.value = [], (_ = I == null ? void 0 : I.forEach) == null || _.call(I, (k) => {
+            const T = await Promise.all(S), B = /* @__PURE__ */ new Set();
+            c.value = [], (_ = T == null ? void 0 : T.forEach) == null || _.call(T, (k) => {
               var L;
               (L = k == null ? void 0 : k.forEach) == null || L.call(k, (ee) => {
-                B.has(ee.id) || (B.add(ee.id), l.value.push(ee));
+                B.has(ee.id) || (B.add(ee.id), c.value.push(ee));
               });
             });
-          } else
-            l.value = y.value;
+          }
         } catch (S) {
-          ((z = S == null ? void 0 : S.response) == null ? void 0 : z.status) === 404 ? d.value = a("debouncedFilter.errors.invalid") : (l.value = [], c.value = a("debouncedFilter.errors.fetch"));
+          ((z = S == null ? void 0 : S.response) == null ? void 0 : z.status) === 404 ? d.value = a("debouncedFilter.errors.invalid") : (c.value = [], l.value = a("debouncedFilter.errors.fetch"));
         } finally {
           u.value = !1;
         }
       else
-        u.value = !0, d.value = "", f ? (l.value = (W = p.value) == null ? void 0 : W.filter((S) => {
-          var I;
+        u.value = !0, d.value = "", c.value = (W = p.value) == null ? void 0 : W.filter((S) => {
+          var T;
           let B = !1;
           for (const k of i.searchKeys) {
-            const L = typeof S[k] == "string" ? (I = S[k]) == null ? void 0 : I.toLowerCase() : S[k];
+            const L = typeof S[k] == "string" ? (T = S[k]) == null ? void 0 : T.toLowerCase() : S[k];
             L != null && L.includes(f.toLowerCase()) && (B = !0);
           }
           return B;
-        }), (!l.value || !l.value.length) && (d.value = a("debouncedFilter.errors.invalid"))) : l.value = p.value, u.value = !1;
+        }), (!c.value || !c.value.length) && (d.value = a("debouncedFilter.errors.invalid")), u.value = !1;
     }
   };
   return {
     loading: u,
-    error: c,
+    error: l,
     validationError: d,
-    results: l,
+    results: c,
     allRecords: p,
     loadItems: O,
     debouncedQueryChange: s
@@ -1084,12 +1080,12 @@ function je(e, t) {
     () => i.value.startsWith("/") ? new URL(`${window.location.origin}${i.value}`) : new URL(i.value)
   );
   return (o) => {
-    const { page: s, pageSize: u, offset: c, sortColumnKey: d, sortColumnOrder: l, query: y } = o;
+    const { page: s, pageSize: u, offset: l, sortColumnKey: d, sortColumnOrder: c, query: y } = o;
     try {
       let p = new URL(a.value.href);
       return n.value && y ? (p.search = "", p = r.value.isExactMatch ? new URL(`${p.href}/${y}/`) : new URL(`${p.href}?filter[name][contains]=${y}`)) : (n.value || new URLSearchParams(y).forEach((w, q) => {
         p.searchParams.append(q, w);
-      }), d && p.searchParams.append("sort_by", d), l === "desc" && p.searchParams.append("sort_desc", "1"), p.searchParams.append("size", String(u))), c && s !== 1 && p.searchParams.append("offset", String(c)), p.href;
+      }), d && p.searchParams.append("sort_by", d), c === "desc" && p.searchParams.append("sort_desc", "1"), p.searchParams.append("size", String(u))), l && s !== 1 && p.searchParams.append("offset", String(l)), p.href;
     } catch (p) {
       return console.error("RouteList(fetcher)", p), i.value;
     }
@@ -1097,46 +1093,46 @@ function je(e, t) {
 }
 function lr(e, t, r = "data") {
   const i = m(t), { axiosInstance: n } = oe(e.axiosRequestConfig), a = je(e, i), o = v({
-    status: F.Idle
+    status: U.Idle
   });
   return { fetcher: async (s) => {
     var u;
     try {
-      o.value = { status: F.Loading };
-      let c = a(s);
-      c.includes("filter[name]") && (c = `${c}&page[size]=${s.pageSize}&page[number]=${s.page}`);
-      const d = await n.get(c);
+      o.value = { status: U.Loading };
+      let l = a(s);
+      l.includes("filter[name]") && (l = `${l}&page[size]=${s.pageSize}&page[number]=${s.page}`);
+      const d = await n.get(l);
       if (d.status >= 400)
         throw d;
-      const l = d.data, y = r && r.replace(/[^\w-_]/gi, "");
+      const c = d.data, y = r && r.replace(/[^\w-_]/gi, "");
       let p;
-      l[y] && Array.isArray(l[y]) ? p = l[y] : Array.isArray(l) ? p = l : p = Object.keys(l).length ? [l] : [];
+      c[y] && Array.isArray(c[y]) ? p = c[y] : Array.isArray(c) ? p = c : p = Object.keys(c).length ? [c] : [];
       const w = {
         data: p,
         total: p.length,
-        ...l.offset ? {
+        ...c.offset ? {
           pagination: {
-            offset: l.offset
+            offset: c.offset
           }
         } : null
       };
       return o.value = {
-        status: F.Idle,
+        status: U.Idle,
         response: w
       }, w;
-    } catch (c) {
+    } catch (l) {
       const d = {
         data: [],
         total: 0
       };
-      return s.query && (((u = c.response) == null ? void 0 : u.status) === 404 || c.status === 404) ? (o.value = {
-        status: F.NoResults,
+      return s.query && (((u = l.response) == null ? void 0 : u.status) === 404 || l.status === 404) ? (o.value = {
+        status: U.NoResults,
         response: d,
-        error: c.response ? c : { response: c }
+        error: l.response ? l : { response: l }
       }, d) : (o.value = {
-        status: F.Error,
+        status: U.Error,
         response: d,
-        error: c.response ? c : { response: c }
+        error: l.response ? l : { response: l }
       }, d);
     }
   }, fetcherState: o };
@@ -1260,30 +1256,30 @@ function xr(e, t) {
     r += e;
   return r;
 }
-function Ir(e) {
+function Tr(e) {
   return e === 0 && Number.NEGATIVE_INFINITY === 1 / e;
 }
-var Tr = Pe, Ar = wr, Cr = Sr, Er = xr, qr = Ir, Nr = kr, se = {
-  isNothing: Tr,
+var Ir = Pe, Ar = wr, Cr = Sr, Er = xr, qr = Tr, Nr = kr, se = {
+  isNothing: Ir,
   isObject: Ar,
   toArray: Cr,
   repeat: Er,
   isNegativeZero: qr,
   extend: Nr
 };
-function Fe(e, t) {
+function Ue(e, t) {
   var r = "", i = e.reason || "(unknown reason)";
   return e.mark ? (e.mark.name && (r += 'in "' + e.mark.name + '" '), r += "(" + (e.mark.line + 1) + ":" + (e.mark.column + 1) + ")", !t && e.mark.snippet && (r += `
 
 ` + e.mark.snippet), i + " " + r) : i;
 }
 function H(e, t) {
-  Error.call(this), this.name = "YAMLException", this.reason = e, this.mark = t, this.message = Fe(this, !1), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack || "";
+  Error.call(this), this.name = "YAMLException", this.reason = e, this.mark = t, this.message = Ue(this, !1), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack || "";
 }
 H.prototype = Object.create(Error.prototype);
 H.prototype.constructor = H;
 H.prototype.toString = function(e) {
-  return this.name + ": " + Fe(this, e);
+  return this.name + ": " + Ue(this, e);
 };
 var D = H, Or = [
   "kind",
@@ -1387,16 +1383,16 @@ var $r = ne, zr = new b("tag:yaml.org,2002:str", {
   construct: function(e) {
     return e !== null ? e : [];
   }
-}), Fr = new b("tag:yaml.org,2002:map", {
+}), Ur = new b("tag:yaml.org,2002:map", {
   kind: "mapping",
   construct: function(e) {
     return e !== null ? e : {};
   }
-}), Ur = new $r({
+}), Fr = new $r({
   explicit: [
     zr,
     Pr,
-    Fr
+    Ur
   ]
 });
 function Kr(e) {
@@ -1609,24 +1605,24 @@ var un = new b("tag:yaml.org,2002:float", {
   predicate: cn,
   represent: ln,
   defaultStyle: "lowercase"
-}), pn = Ur.extend({
+}), pn = Fr.extend({
   implicit: [
     Mr,
     Wr,
     rn,
     un
   ]
-}), dn = pn, Ue = new RegExp(
+}), dn = pn, Fe = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"
 ), Ke = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"
 );
 function yn(e) {
-  return e === null ? !1 : Ue.exec(e) !== null || Ke.exec(e) !== null;
+  return e === null ? !1 : Fe.exec(e) !== null || Ke.exec(e) !== null;
 }
 function fn(e) {
-  var t, r, i, n, a, o, s, u = 0, c = null, d, l, y;
-  if (t = Ue.exec(e), t === null && (t = Ke.exec(e)), t === null) throw new Error("Date resolve error");
+  var t, r, i, n, a, o, s, u = 0, l = null, d, c, y;
+  if (t = Fe.exec(e), t === null && (t = Ke.exec(e)), t === null) throw new Error("Date resolve error");
   if (r = +t[1], i = +t[2] - 1, n = +t[3], !t[4])
     return new Date(Date.UTC(r, i, n));
   if (a = +t[4], o = +t[5], s = +t[6], t[7]) {
@@ -1634,7 +1630,7 @@ function fn(e) {
       u += "0";
     u = +u;
   }
-  return t[9] && (d = +t[10], l = +(t[11] || 0), c = (d * 60 + l) * 6e4, t[9] === "-" && (c = -c)), y = new Date(Date.UTC(r, i, n, a, o, s, u)), c && y.setTime(y.getTime() - c), y;
+  return t[9] && (d = +t[10], c = +(t[11] || 0), l = (d * 60 + c) * 6e4, t[9] === "-" && (l = -l)), y = new Date(Date.UTC(r, i, n, a, o, s, u)), l && y.setTime(y.getTime() - l), y;
 }
 function hn(e) {
   return e.toISOString();
@@ -1685,12 +1681,12 @@ var kn = new b("tag:yaml.org,2002:binary", {
   construct: bn,
   predicate: Sn,
   represent: wn
-}), xn = Object.prototype.hasOwnProperty, In = Object.prototype.toString;
-function Tn(e) {
+}), xn = Object.prototype.hasOwnProperty, Tn = Object.prototype.toString;
+function In(e) {
   if (e === null) return !0;
   var t = [], r, i, n, a, o, s = e;
   for (r = 0, i = s.length; r < i; r += 1) {
-    if (n = s[r], o = !1, In.call(n) !== "[object Object]") return !1;
+    if (n = s[r], o = !1, Tn.call(n) !== "[object Object]") return !1;
     for (a in n)
       if (xn.call(n, a))
         if (!o) o = !0;
@@ -1706,7 +1702,7 @@ function An(e) {
 }
 var Cn = new b("tag:yaml.org,2002:omap", {
   kind: "sequence",
-  resolve: Tn,
+  resolve: In,
   construct: An
 }), En = Object.prototype.toString;
 function qn(e) {
@@ -1770,10 +1766,10 @@ const we = "24px", Pn = (e, t) => {
   for (const [i, n] of t)
     r[i] = n;
   return r;
-}, Fn = (e) => (Ge("data-v-cd88dfcc"), e = e(), Ye(), e), Un = ["aria-hidden"], Kn = {
+}, Un = (e) => (Ge("data-v-cd88dfcc"), e = e(), Ye(), e), Fn = ["aria-hidden"], Kn = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Vn = /* @__PURE__ */ Fn(() => /* @__PURE__ */ V("path", {
+}, Vn = /* @__PURE__ */ Un(() => /* @__PURE__ */ V("path", {
   d: "M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",
   fill: "currentColor"
 }, null, -1)), Bn = /* @__PURE__ */ E({
@@ -1846,7 +1842,7 @@ const we = "24px", Pn = (e, t) => {
       lineHeight: "0",
       width: r.value
     }));
-    return (n, a) => (h(), A(Ie(e.as), {
+    return (n, a) => (h(), A(Te(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon copy-icon",
       "data-testid": "kui-icon-wrapper-copy-icon",
@@ -1865,7 +1861,7 @@ const we = "24px", Pn = (e, t) => {
         }, [
           e.title ? (h(), C("title", Kn, K(e.title), 1)) : M("", !0),
           Vn
-        ], 8, Un))
+        ], 8, Fn))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
@@ -1905,20 +1901,20 @@ const Gn = {
   },
   setup(e) {
     const t = e, r = v(), { isTruncated: i } = ve.useTruncationDetector(r), { i18n: { t: n } } = ve.useI18n(), a = n("global.actions.copyId"), o = v(a), s = g(() => t.entityLinkData.deleted ?? !1), u = g(() => {
-      var l;
-      return (l = t.entityLinkData.id) != null && l.toString().includes(":") ? t.entityLinkData.id.toString().split(":")[1] : t.entityLinkData.id;
-    }), c = g(() => {
-      var l;
-      return `${(l = u.value) == null ? void 0 : l.toString().slice(0, 5)} (deleted)`;
-    }), d = async (l) => {
-      await l(u.value || "") && (o.value = n("global.actions.copyToClipboard"), setTimeout(() => {
+      var c;
+      return (c = t.entityLinkData.id) != null && c.toString().includes(":") ? t.entityLinkData.id.toString().split(":")[1] : t.entityLinkData.id;
+    }), l = g(() => {
+      var c;
+      return `${(c = u.value) == null ? void 0 : c.toString().slice(0, 5)} (deleted)`;
+    }), d = async (c) => {
+      await c(u.value || "") && (o.value = n("global.actions.copyToClipboard"), setTimeout(() => {
         o.value = a;
       }, 1800));
     };
-    return (l, y) => {
-      const p = U("KTooltip"), w = U("KExternalLink"), q = U("KClipboardProvider");
+    return (c, y) => {
+      const p = F("KTooltip"), w = F("KExternalLink"), q = F("KClipboardProvider");
       return h(), C("div", Gn, [
-        s.value ? (h(), C("div", Yn, K(c.value), 1)) : u.value ? u.value ? (h(), A(w, {
+        s.value ? (h(), C("div", Yn, K(l.value), 1)) : u.value ? u.value ? (h(), A(w, {
           key: 2,
           class: "entity-link",
           "hide-icon": !e.newWindow,
@@ -2035,13 +2031,13 @@ const Gn = {
       58871060: `${a.height}px`
     }));
     const t = parseInt(Le, 10), r = e, i = {
-      [T.TimeseriesLine]: Ut,
-      [T.HorizontalBar]: pe,
-      [T.VerticalBar]: pe,
-      [T.Gauge]: jt,
-      [T.GoldenSignals]: Bt,
-      [T.TopN]: Xn,
-      [T.Slottable]: void 0
+      [I.TimeseriesLine]: Ft,
+      [I.HorizontalBar]: pe,
+      [I.VerticalBar]: pe,
+      [I.Gauge]: jt,
+      [I.GoldenSignals]: Bt,
+      [I.TopN]: Xn,
+      [I.Slottable]: void 0
     }, n = g(() => {
       const a = i[r.definition.chart.type];
       return a && {
@@ -2056,7 +2052,7 @@ const Gn = {
       };
     });
     return (a, o) => (h(), C("div", ei, [
-      n.value ? (h(), A(Ie(n.value.component), xe(Ze({ key: 0 }, n.value.rendererProps)), null, 16)) : M("", !0)
+      n.value ? (h(), A(Te(n.value.component), xe(Ze({ key: 0 }, n.value.rendererProps)), null, 16)) : M("", !0)
     ]));
   }
 }), ri = /* @__PURE__ */ j(ti, [["__scopeId", "data-v-69b5e552"]]), ni = (e, t, r) => {
@@ -2119,16 +2115,16 @@ const Gn = {
       ref: r,
       class: "kong-ui-public-grid-layout"
     }, [
-      (h(!0), C(Je, null, Xe(o.value, (c) => (h(), C("div", {
-        key: c.key,
+      (h(!0), C(Je, null, Xe(o.value, (l) => (h(), C("div", {
+        key: l.key,
         class: et(["grid-cell", {
-          "empty-cell": !c.tile
+          "empty-cell": !l.tile
         }]),
-        style: te(c.style)
+        style: te(l.style)
       }, [
         ae(s.$slots, "tile", {
-          style: te(c.style),
-          tile: c.tile
+          style: te(l.style),
+          tile: l.tile
         }, void 0, !0)
       ], 6))), 128))
     ], 512));
@@ -2148,60 +2144,60 @@ const Gn = {
     const n = ut(), a = g(() => t.context.timeSpec ? t.context.timeSpec : {
       type: "relative",
       time_range: n.defaultQueryTimeForOrg
-    }), o = g(() => !!t.context.timeSpec || !n.loading), s = g(() => t.config.tiles.map((c, d) => {
+    }), o = g(() => !!t.context.timeSpec || !n.loading), s = g(() => t.config.tiles.map((l, d) => {
       var y;
-      let l = c.definition;
-      if ("description" in l.chart) {
-        const p = (y = l.chart.description) == null ? void 0 : y.replace(dt, () => {
+      let c = l.definition;
+      if ("description" in c.chart) {
+        const p = (y = c.chart.description) == null ? void 0 : y.replace(dt, () => {
           const q = `renderer.trendRange.${a.value.type === "absolute" ? "custom" : a.value.time_range}`;
           return r.te(q) ? r.t(q) : "";
         });
-        l = {
-          ...l,
+        c = {
+          ...c,
           chart: {
-            ...l.chart,
+            ...c.chart,
             description: p
           }
         };
       }
       return {
-        layout: c.layout,
-        meta: l,
+        layout: l.layout,
+        meta: c,
         // Add a unique key to each tile internally.
         id: d
       };
     })), u = g(() => {
-      let { tz: c, refreshInterval: d } = t.context;
-      return c || (c = new Intl.DateTimeFormat().resolvedOptions().timeZone), d === void 0 && (d = yt), {
+      let { tz: l, refreshInterval: d } = t.context;
+      return l || (l = new Intl.DateTimeFormat().resolvedOptions().timeZone), d === void 0 && (d = yt), {
         ...t.context,
-        tz: c,
+        tz: l,
         timeSpec: a.value,
         refreshInterval: d
       };
     });
-    return (c, d) => {
-      const l = U("KAlert");
+    return (l, d) => {
+      const c = F("KAlert");
       return h(), C("div", oi, [
         m(i) ? (h(), A(ai, {
           key: 1,
-          "grid-size": c.config.gridSize,
-          "tile-height": c.config.tileHeight,
+          "grid-size": l.config.gridSize,
+          "tile-height": l.config.tileHeight,
           tiles: s.value
         }, {
           tile: x(({ tile: y }) => [
-            y.meta.chart.type === m(T).Slottable ? (h(), C("div", si, [
-              ae(c.$slots, y.meta.chart.id, {}, void 0, !0)
+            y.meta.chart.type === m(I).Slottable ? (h(), C("div", si, [
+              ae(l.$slots, y.meta.chart.id, {}, void 0, !0)
             ])) : (h(), A(ri, {
               key: 1,
               class: "tile-container",
               context: u.value,
               definition: y.meta,
-              height: y.layout.size.rows * (c.config.tileHeight || m(Z)) + parseInt(m(Le), 10),
+              height: y.layout.size.rows * (l.config.tileHeight || m(Z)) + parseInt(m(Le), 10),
               "query-ready": o.value
             }, null, 8, ["context", "definition", "height", "query-ready"]))
           ]),
           _: 3
-        }, 8, ["grid-size", "tile-height", "tiles"])) : (h(), A(l, {
+        }, 8, ["grid-size", "tile-height", "tiles"])) : (h(), A(c, {
           key: 0,
           appearance: "danger"
         }, {
@@ -2216,7 +2212,7 @@ const Gn = {
 }), bi = /* @__PURE__ */ j(li, [["__scopeId", "data-v-2dd03268"]]);
 export {
   pt as CP_ID_TOKEN,
-  T as ChartTypes,
+  I as ChartTypes,
   Z as DEFAULT_TILE_HEIGHT,
   yt as DEFAULT_TILE_REFRESH_INTERVAL_MS,
   bi as DashboardRenderer,
@@ -2231,8 +2227,8 @@ export {
   _t as metricCardSchema,
   ft as slottableSchema,
   At as tileConfigSchema,
-  It as tileDefinitionSchema,
-  Tt as tileLayoutSchema,
+  Tt as tileDefinitionSchema,
+  It as tileLayoutSchema,
   mt as timeseriesChartSchema,
   vt as topNTableSchema,
   xt as validDashboardQuery

package/dist/dashboard-renderer.umd.js

@@ -1,5 +1,5 @@
-(function(d,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-metric-provider"),require("@kong-ui-public/analytics-utilities"),require("@kong/kongponents"),require("vue-router"),require("@kong-ui-public/analytics-config-store")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-chart","swrv","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-metric-provider","@kong-ui-public/analytics-utilities","@kong/kongponents","vue-router","@kong-ui-public/analytics-config-store"],n):(d=typeof globalThis<"u"?globalThis:d||self,n(d["kong-ui-public-dashboard-renderer"]={},d.Vue,d["kong-ui-public-analytics-chart"],d.swrv,d.axios,d["kong-ui-public-i18n"],d["kong-ui-public-analytics-metric-provider"],d["kong-ui-public-analytics-utilities"],d.Kongponents,d.VueRouter,d["kong-ui-public-analytics-config-store"]))})(this,function(d,n,v,je,Q,V,W,J,yn,fn,Ve){"use strict";const P="analytics-query-provider",K="{entity-id}",X="{cp-id}",ee="{timeframe}";var w=(e=>(e.HorizontalBar="horizontal_bar",e.VerticalBar="vertical_bar",e.Gauge="gauge",e.TimeseriesLine="timeseries_line",e.GoldenSignals="golden_signals",e.TopN="top_n",e.Slottable="slottable",e))(w||{});const $={type:"string"},D={type:"string"},te={type:"boolean"},re={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},ne={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},ie={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:re,syntheticsDataKey:$,chartTitle:D,allowCsvExport:te},required:["type"],additionalProperties:!1},oe={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:re,syntheticsDataKey:$,chartTitle:D,allowCsvExport:te},required:["type"],additionalProperties:!1},ae={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(v.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:$,chartTitle:D},required:["type"],additionalProperties:!1},se={type:"object",properties:{chartTitle:D,syntheticsDataKey:$,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},ce={type:"object",properties:{chartTitle:D,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"]},le={type:"object",description:"A query to launch at the API",properties:{datasource:{type:"string",enum:["advanced","basic"]},metrics:{type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:["request_count","request_per_minute","response_latency_p99","response_latency_p95","response_latency_p50","response_latency_average","upstream_latency_p99","upstream_latency_p95","upstream_latency_p50","upstream_latency_average","kong_latency_p99","kong_latency_p95","kong_latency_p50","kong_latency_average","response_size_p99","response_size_p95","response_size_p50","request_size_p99","request_size_p95","request_size_p50","request_size_average","response_size_average"]}},dimensions:{type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:["api_product","api_product_version","application","consumer","control_plane","control_plane_group","data_plane_node","gateway_service","route","status_code","status_code_grouped","time"]}},filters:{type:"array",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:["api_product","api_product_version","application","consumer","control_plane","control_plane_group","data_plane_node","gateway_service","route","status_code","status_code_grouped","time"]},type:{type:"string",enum:["in","not_in","selector"]},values:{type:"array",items:{type:"string"}}},required:["dimension","type","values"]}},granularity_ms:{type:"number",description:'Force time grouping into buckets of this duration in milliseconds. Only has an effect if "time" is in the "dimensions" list.',minimum:6e4},time_range:{description:"The time range to query.",oneOf:[{type:"object",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["relative"]},time_range:{type:"string",enum:["15m","1h","6h","12h","24h","7d","30d","current_week","current_month","previous_week","previous_month"],default:"1h"}},required:["type","time_range"]},{type:"object",description:"A duration representing an exact start and end time.",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["absolute"]},start:{type:"string"},end:{type:"string"}},required:["type"]}],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},required:["datasource"],additionalProperties:!1},ue={oneOf:[le]},pe={type:"object",properties:{query:ue,chart:{oneOf:[ie,ae,oe,ce,se,ne]}},required:["query","chart"],additionalProperties:!1},de={type:"object",properties:{position:{type:"object",properties:{col:{type:"number"},row:{type:"number"}},description:"Position of the tile in the grid.",required:["col","row"],additionalProperties:!1},size:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"},fitToContent:{type:"boolean"}},description:"Number of columns and rows the tile occupies.  If fitToContent is true for every tile in a row, and each tile only occupies 1 row, then the row will auto-fit to its content.",required:["cols","rows"],additionalProperties:!1}},required:["position","size"],additionalProperties:!1},ye={type:"object",properties:{definition:pe,layout:de},required:["definition","layout"],additionalProperties:!1},$e={type:"object",properties:{tiles:{type:"array",items:ye},tileHeight:{type:"number",description:"Height of each tile in pixels. Default: 170"},gridSize:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"}},description:"Number of columns and rows in the grid.",required:["cols","rows"],additionalProperties:!1}},required:["tiles","gridSize"],additionalProperties:!1};var fe=(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))(fe||{});const Fe=e=>{var t,r,o,i,a;return e?!!((t=Object.keys(e))!=null&&t.length||(r=e.data)!=null&&r.length||(i=(o=e.data)==null?void 0:o.data)!=null&&i.length||!((a=e.data)!=null&&a.data)&&typeof e.data=="object"&&Object.keys(e==null?void 0:e.data).length):!1};function ze(e=n.ref({}),t,r,o=Fe){const i=n.ref("PENDING");return n.watchEffect(()=>{const a=o(e.value);if(e.value&&a&&r.value){i.value="VALIDATING_HAS_DATA";return}if(e.value&&r.value){i.value="VALIDATING";return}if(e.value&&t.value){i.value="STALE_IF_ERROR";return}if(e.value===void 0&&!t.value){i.value="PENDING";return}if(e.value&&!t.value&&a){i.value="SUCCESS_HAS_DATA";return}if(e.value&&!t.value){i.value="SUCCESS";return}e.value===void 0&&t&&(i.value="ERROR")}),{state:i,swrvState:fe}}const Ue={renderer:{noQueryBridge:"No query bridge provided.  Unable to render dashboard.",trendRange:{"24h":"Last 24-Hour Summary","7d":"Last 7-Day Summary","30d":"Last 30-Day Summary"}},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"}};function Pe(){const e=V.createI18n("en-us",Ue);return{i18n:e,i18nT:V.i18nTComponent(e)}}const me={useI18n:Pe},F=n.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean}},emits:["queryComplete"],setup(e,{emit:t}){const r=e,o=t,{i18n:i}=me.useI18n(),a=n.inject(P),s=()=>r.queryReady&&a?JSON.stringify([r.query,r.context]):null,c=new AbortController;n.onUnmounted(()=>{c.abort()});const{data:p,error:u,isValidating:f}=je(s,async()=>{var C,A,L,h;try{const _=[];r.query.filters&&_.push(...r.query.filters),_.push(...r.context.filters);let{datasource:O,...U}=r.query;!O&&a&&(O=a.evaluateFeatureFlagFn("MA-2527-analytics-sku-config-endpoint",!1)?"basic":"advanced");const k={datasource:O,query:{...U,time_range:{...r.context.timeSpec,tz:r.context.tz},filters:_}};return a==null?void 0:a.queryFn(k,c)}catch(_){y.value=((A=(C=_==null?void 0:_.response)==null?void 0:C.data)==null?void 0:A.message)==="Range not allowed for this tier"?i.t("queryDataProvider.timeRangeExceeded"):((h=(L=_==null?void 0:_.response)==null?void 0:L.data)==null?void 0:h.message)||(_==null?void 0:_.message)}finally{o("queryComplete")}},{refreshInterval:r.context.refreshInterval,revalidateOnFocus:!1}),{state:l,swrvState:m}=ze(p,u,f),y=n.ref(null),b=n.computed(()=>l.value===m.ERROR||!!y.value),T=n.computed(()=>!r.queryReady||l.value===m.PENDING);return(C,A)=>{const L=n.resolveComponent("KSkeleton"),h=n.resolveComponent("KEmptyState");return T.value||!n.unref(p)&&!b.value?(n.openBlock(),n.createBlock(L,{key:0,class:"chart-skeleton",type:"table"})):b.value?(n.openBlock(),n.createBlock(h,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(y.value),1)]),_:1})):n.unref(p)?n.renderSlot(C.$slots,"default",{key:2,data:n.unref(p)}):n.createCommentVNode("",!0)}}}),Ke={class:"analytics-chart"},He=n.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){n.useCssVars(i=>({"8c62ff26":`${i.height}px`}));const t=e,r={[w.Gauge]:v.ChartTypesSimple.GAUGE},o=n.computed(()=>({...t.chartOptions,type:r[t.chartOptions.type]}));return(i,a)=>(n.openBlock(),n.createBlock(F,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:n.withCtx(({data:s})=>[n.createElementVNode("div",Ke,[n.createVNode(n.unref(v.SimpleChart),{"chart-data":s,"chart-options":o.value,"synthetics-data-key":i.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),I=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Me=I(He,[["__scopeId","data-v-f0f6ed41"]]),Ge={class:"analytics-chart"},he=I(n.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){n.useCssVars(i=>({"1eed717c":`${i.height}px`}));const t=e,r={[w.HorizontalBar]:v.ChartTypes.HORIZONTAL_BAR,[w.VerticalBar]:v.ChartTypes.VERTICAL_BAR},o=n.computed(()=>({type:r[t.chartOptions.type],stacked:t.chartOptions.stacked,chartDatasetColors:t.chartOptions.chartDatasetColors}));return(i,a)=>(n.openBlock(),n.createBlock(F,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:n.withCtx(({data:s})=>[n.createElementVNode("div",Ge,[n.createVNode(n.unref(v.AnalyticsChart),{"allow-csv-export":i.chartOptions.allowCsvExport,"chart-data":s,"chart-options":o.value,"chart-title":i.chartOptions.chartTitle,"legend-position":"bottom","show-annotations":!1,"synthetics-data-key":i.chartOptions.syntheticsDataKey,"tooltip-title":""},null,8,["allow-csv-export","chart-data","chart-options","chart-title","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),[["__scopeId","data-v-36598a1b"]]),Ye={class:"analytics-chart"},Ze=I(n.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){n.useCssVars(i=>({"4efa9c90":`${i.height}px`}));const t=e,r={[w.TimeseriesLine]:v.ChartTypes.TIMESERIES_LINE},o=n.computed(()=>{const i=t.chartOptions.stacked??!1;return{type:r[t.chartOptions.type],stacked:i,chartDatasetColors:t.chartOptions.chartDatasetColors}});return(i,a)=>(n.openBlock(),n.createBlock(F,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:n.withCtx(({data:s})=>[n.createElementVNode("div",Ye,[n.createVNode(n.unref(v.AnalyticsChart),{"allow-csv-export":i.chartOptions.allowCsvExport,"chart-data":s,"chart-options":o.value,"chart-title":i.chartOptions.chartTitle,"legend-position":"bottom","synthetics-data-key":i.chartOptions.syntheticsDataKey,"tooltip-title":""},null,8,["allow-csv-export","chart-data","chart-options","chart-title","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),[["__scopeId","data-v-ceb07ca8"]]),Qe={class:"metric-card-tile-wrapper"},We=I(n.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){const t=e,r=n.computed(()=>{const i=t.context.timeSpec;if(i.type==="absolute")return new J.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:i.start,endCustom:i.end,timeframeLength:()=>0,defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const a=J.TimePeriods.get(i.time_range);if(!a)throw new Error("Unknown time range");return a}),o=n.computed(()=>{var i;return{datasource:(i=t.query)==null?void 0:i.datasource,overrideTimeframe:r.value,tz:t.context.tz,additionalFilter:t.context.filters,longCardTitles:t.chartOptions.longCardTitles,containerTitle:t.chartOptions.chartTitle,description:t.chartOptions.description,percentileLatency:t.chartOptions.percentileLatency,refreshInterval:t.context.refreshInterval,queryReady:t.queryReady}});return(i,a)=>(n.openBlock(),n.createElementBlock("div",Qe,[n.createVNode(n.unref(W.MetricsProvider),n.normalizeProps(n.guardReactiveProps(o.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(W.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-6d704e9d"]]),ge="20px";var q=(e=>(e[e.Loading=0]="Loading",e[e.Idle=1]="Idle",e[e.NoResults=2]="NoResults",e[e.Error=3]="Error",e))(q||{});function Je(){return{getAxiosInstance:(e={})=>{try{const t=n.inject("get-axios-instance",void 0);return typeof t=="function"?t(e):Q.create({withCredentials:!0,timeout:3e4,...e})}catch(t){return console.warn("getAxiosInstance:",t.message||t),Q.create({withCredentials:!0,timeout:3e4,...e})}},getTraceIdFromError:e=>{var t;return((t=e==null?void 0:e.response)==null?void 0:t.headers["x-datadog-trace-id"])||""}}}function Xe(){return{debounce:(e,t)=>{let r;return(...o)=>{clearTimeout(r),r=window==null?void 0:window.setTimeout(()=>{e(...o)},t)}}}}function H(e={}){const{getAxiosInstance:t}=Je();return{axiosInstance:t(e)}}const et={actions:{copyId:"Copy ID",copied_id:'Copied "{id}" to the clipboard',copyToClipboard:"Copied successfully!",copyToClipboardFailed:"Failed to copy to the clipboard"}},tt={message:"Are you sure you want to delete this {entityType}?",messageWithName:"Are you sure you want to delete this {entityType} {entityName}?"},rt={actions:{viewConfiguration:"View Configuration",save:"Save",cancel:"Cancel",back:"Back"},configuration:{title:"Configuration",message:"Export configurations for core Kong Gateway objects, like services, routes, and plugins, to either YAML or JSON. This allows for straightforward importing into APIOps tools like decK with YAML, or Insomnia and cURL with JSON.",yaml:"YAML",json:"JSON"},errors:{edit:"The entity could not be edited at this time."}},nt={emptyState:{noSearchResultsTitle:"No results found",noSearchResultsMessage:"Please adjust the criteria and try again.",noSearchResultsCtaText:"Clear"}},it={title:"Configuration",actions:{copy:"Copy JSON"},sections:{advanced:"Advanced",plugin:"Plugin Specific Configuration"},commonFields:{id_label:"ID",name_label:"Name",enabled_label:"Enabled",enabled_tooltip:"Enabled is FTW",updated_at_label:"Last Updated",created_at_label:"Created",tags_label:"Tags",link:"Link"},statusBadge:{enabledLabel:"Enabled",disabledLabel:"Disabled"},copy:{tooltip:"Copy {label}",success:"Copied!"},errors:{load:"The entity configuration data could not be loaded at this time.",copy:"Failed to copy to clipboard"},general:{entryTitle:"Entry {index}",structuredFormat:"Structured"}},ot={filterButtonText:"Filter",fieldLabel:"Filter by:",inputPlaceholder:"Enter a value",selectPlaceholder:"Select an item",applyButtonText:"Apply",clearButtonText:"Clear",clearAllButtonText:"Clear all filters"},at={errors:{fetch:"Could not fetch available items",invalid:"Please select a valid value"}},st={unexpected:"An unexpected error has occurred",dataKeyUndefined:'The data key "{dataKey}" does not exist in the response.'},ct={utf8Name:"The name can be any string containing characters, letters, numbers, or the following characters: ., -, _, or ~. Do not use spaces."},lt={enable:{title:"Enable {entityType}",message:"Are you sure you want to enable the {entityType} {entityName}?",confirmText:"Yes, enable"},disable:{title:"Disable {entityType}",message:"Are you sure you want to disable the {entityType} {entityName}?",confirmText:"Yes, disable"}},ut={global:et,deleteModal:tt,baseForm:rt,baseTable:nt,baseConfigCard:it,filter:ot,debouncedFilter:at,errors:st,validationErrors:ct,toggleModal:lt};function z(){const e=V.createI18n("en-us",ut);return{i18n:e,i18nT:V.i18nTComponent(e)}}function _e(){const e=(r,o)=>(o==null?void 0:o[r])??void 0,t=(r,o)=>{if(r.length!==o.length)return!1;const i=new Set([...r,...o]);for(const a of i){const s=r.filter(p=>p===a).length,c=o.filter(p=>p===a).length;if(s!==c)return!1}return!0};return{getPropValue:e,objectsAreEqual:(r,o,i)=>{if(i){if(Object.keys(r).length===Object.keys(o).length)for(const a in r)if(Array.isArray(r[a])&&Array.isArray(o[a])){if(t(r[a],o[a]))continue;return!1}else{if(r[a]===o[a])continue;return!1}else return!1;return!0}try{return JSON.stringify(r)===JSON.stringify(o)}catch{return!1}},sortAlpha:r=>(o,i)=>{let a=o[r]===void 0||o[r]===null?"":o[r],s=i[r]===void 0||i[r]===null?"":i[r];return Array.isArray(o[r])&&(a=o[r][0]),Array.isArray(i[r])&&(s=i[r][0]),a.localeCompare(s)},isValidUuid:r=>r?/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/.test(r):!1}}function pt(e,t,r,o={fetchedItemsKey:"data",searchKeys:["id"]}){r||(r="1000");const{axiosInstance:i}=H(e.axiosRequestConfig),{i18n:{t:a}}=z(),{debounce:s}=Xe(),c=s(async h=>{await L(h)},200),p=n.ref(!1),u=n.ref(""),f=n.ref(""),l=n.ref([]),m=n.ref([]),y=n.ref(void 0),b=n.computed(()=>{const h=`${e.apiBaseUrl}${n.unref(t)}`;return e.app==="konnect"?h.replace(/{controlPlaneId}/gi,(e==null?void 0:e.controlPlaneId)||""):e.app==="kongManager"?h.replace(/\/{workspace}/gi,e!=null&&e.workspace?`/${e.workspace}`:""):h}),{isValidUuid:T}=_e(),C=async()=>{try{p.value=!0;const{data:h}=await i.get(`${b.value}?size=${r}`);h!=null&&h.next||(y.value=o.fetchedItemsKey in h?h[o.fetchedItemsKey]:[]),m.value=o.fetchedItemsKey in h?h[o.fetchedItemsKey]:[],l.value=m.value}catch{l.value=[],u.value=a("debouncedFilter.errors.fetch")}finally{p.value=!1}},A=n.ref(""),L=async h=>{var _,O,U;if(A.value!==h){if(h===""){l.value=m.value;return}else A.value=h||"";if(y.value===void 0)try{if(p.value=!0,u.value="",f.value="",e.app==="konnect"){let k=b.value+"";h&&(k+=`/${h}`);const{data:E}=await i.get(`${k}?size=${r}`);o.fetchedItemsKey in E?l.value=E[o.fetchedItemsKey]:E!=null&&E[o.exactMatchKey??"id"]?l.value=[E]:l.value=[]}else if(h){const k=[];T(h)&&o.searchKeys.includes("id")?k.push((async()=>{const{data:S}=await i.get(`${b.value}/${h}`);return[S[o.fetchedItemsKey]??S]})()):k.push(...o.searchKeys.filter(S=>S!=="id").map(async S=>{const{data:N}=await i.get(`${b.value}?${S}=${h}`);return N[o.fetchedItemsKey]}));const E=await Promise.all(k),j=new Set;l.value=[],(_=E==null?void 0:E.forEach)==null||_.call(E,S=>{var N;(N=S==null?void 0:S.forEach)==null||N.call(S,Z=>{j.has(Z.id)||(j.add(Z.id),l.value.push(Z))})})}else l.value=m.value}catch(k){((O=k==null?void 0:k.response)==null?void 0:O.status)===404?f.value=a("debouncedFilter.errors.invalid"):(l.value=[],u.value=a("debouncedFilter.errors.fetch"))}finally{p.value=!1}else p.value=!0,f.value="",h?(l.value=(U=y.value)==null?void 0:U.filter(k=>{var E;let j=!1;for(const S of o.searchKeys){const N=typeof k[S]=="string"?(E=k[S])==null?void 0:E.toLowerCase():k[S];N!=null&&N.includes(h.toLowerCase())&&(j=!0)}return j}),(!l.value||!l.value.length)&&(f.value=a("debouncedFilter.errors.invalid"))):l.value=y.value,p.value=!1}};return{loading:p,error:u,validationError:f,results:l,allRecords:y,loadItems:C,debouncedQueryChange:c}}function dt(e,t){const r=n.unref(t),o=n.computed(()=>e.apiBaseUrl.startsWith("/")?new URL(`${window.location.origin}${r}`):new URL(r));return o.value.search="",i=>`${o.value.href}/${i}`}function yt(){const{i18n:{t:e}}=z();return{getMessageFromError:t=>{var r,o,i,a;if(!t)return e("errors.unexpected");if(((r=t==null?void 0:t.response)==null?void 0:r.status)===401)return console.warn("getMessageFromError: User auth token is expired or missing, returning empty message."),"";if((o=t==null?void 0:t.response)!=null&&o.data){if(t.response.data.detail)return t.response.data.detail;if((i=t.response.data.details)!=null&&i.length)return t.response.data.details.map(s=>{let c=e("errors.unexpected");return s.messages&&typeof s.messages=="object"&&s.messages.length&&(c=s.messages.join(", ")),s.field?`${s.field} - ${c}`:c}).join("; ");if(t.response.data.message){const{message:s}=t.response.data;return Array.isArray(s)?(a=s[0])!=null&&a.constraints?Object.values(s[0].constraints)[0]:s[0]:s}if(typeof t.response.data=="string")return t.response.data;if(typeof t.response.data=="object")return Object.keys(t.response.data).map(s=>`${s} ${t.response.data[s]}`).join(", ")}return t.message||e("errors.unexpected")}}}function ft(e){const t=window.location.origin,r=t.endsWith("/")?t:`${t}/`;try{const o=e.join("/"),i=`${r}${o}`,a=e.some(s=>s.trim()==="");if(/^(https:\/\/(www\.)?([a-zA-Z0-9-]+\.){1,}[a-zA-Z]{2,}(:[0-9]+)?(\/[^\/]+)*)$|^(https|http):\/\/localhost(:[0-9]+)?(\/[^\/]+)*$/.test(i)&&!a&&new URL(i))return`${r}${o}`;throw new Error("Invalid url")}catch(o){return console.warn("Failed to build valid URL:",o),""}}function be(e,t){const r=n.ref(n.unref(e)),o=n.ref(n.unref(t)),i=n.computed(()=>!!(r.value.app==="konnect"||r.value.isExactMatch)),a=n.computed(()=>o.value.startsWith("/")?new URL(`${window.location.origin}${o.value}`):new URL(o.value));return s=>{const{page:c,pageSize:p,offset:u,sortColumnKey:f,sortColumnOrder:l,query:m}=s;try{let y=new URL(a.value.href);return i.value&&m?(y.search="",y=r.value.isExactMatch?new URL(`${y.href}/${m}/`):new URL(`${y.href}?filter[name][contains]=${m}`)):(i.value||new URLSearchParams(m).forEach((b,T)=>{y.searchParams.append(T,b)}),f&&y.searchParams.append("sort_by",f),l==="desc"&&y.searchParams.append("sort_desc","1"),y.searchParams.append("size",String(p))),u&&c!==1&&y.searchParams.append("offset",String(u)),y.href}catch(y){return console.error("RouteList(fetcher)",y),o.value}}}function mt(e,t,r="data"){const o=n.unref(t),{axiosInstance:i}=H(e.axiosRequestConfig),a=be(e,o),s=n.ref({status:q.Idle});return{fetcher:async c=>{var p;try{s.value={status:q.Loading};let u=a(c);u.includes("filter[name]")&&(u=`${u}&page[size]=${c.pageSize}&page[number]=${c.page}`);const f=await i.get(u);if(f.status>=400)throw f;const l=f.data,m=r&&r.replace(/[^\w-_]/gi,"");let y;l[m]&&Array.isArray(l[m])?y=l[m]:Array.isArray(l)?y=l:y=Object.keys(l).length?[l]:[];const b={data:y,total:y.length,...l.offset?{pagination:{offset:l.offset}}:null};return s.value={status:q.Idle,response:b},b}catch(u){const f={data:[],total:0};return c.query&&(((p=u.response)==null?void 0:p.status)===404||u.status===404)?(s.value={status:q.NoResults,response:f,error:u.response?u:{response:u}},f):(s.value={status:q.Error,response:f,error:u.response?u:{response:u}},f)}},fetcherState:s}}function ht(){const e=(r,o="_")=>r?r.split(o).map(i=>i.toLowerCase()==="id"?i.toUpperCase():i.charAt(0).toUpperCase()+i.substring(1)).join(" "):"",t=/(?:^|[\s-:'"])\w/g;return{capitalize:r=>r?r.replace(t,o=>o.toUpperCase()):"",convertKeyToTitle:e}}const ke=/^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i,we=e=>{if(typeof e!="string")throw new TypeError("Invalid argument expected string");const t=e.match(ke);if(!t)throw new Error(`Invalid argument not valid semver ('${e}' received)`);return t.shift(),t},Se=e=>e==="*"||e==="x"||e==="X",Ee=e=>{const t=parseInt(e,10);return isNaN(t)?e:t},gt=(e,t)=>typeof e!=typeof t?[String(e),String(t)]:[e,t],_t=(e,t)=>{if(Se(e)||Se(t))return 0;const[r,o]=gt(Ee(e),Ee(t));return r>o?1:r<o?-1:0},Te=(e,t)=>{for(let r=0;r<Math.max(e.length,t.length);r++){const o=_t(e[r]||"0",t[r]||"0");if(o!==0)return o}return 0},bt=(e,t)=>{const r=we(e),o=we(t),i=r.pop(),a=o.pop(),s=Te(r,o);return s!==0?s:i&&a?Te(i.split("."),a.split(".")):i||a?i?-1:1:0},ve=(e,t,r)=>{kt(r);const o=bt(e,t);return Ce[r].includes(o)},Ce={">":[1],">=":[0,1],"=":[0],"<=":[-1,0],"<":[-1],"!=":[-1,1]},Ie=Object.keys(Ce),kt=e=>{if(typeof e!="string")throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);if(Ie.indexOf(e)===-1)throw new Error(`Invalid operator, expected one of ${Ie.join("|")}`)},wt=e=>typeof e=="string"&&/^[v\d]/.test(e)&&ke.test(e);function St(e){const{gatewayInfo:t,supportedRange:r}=e;if(!t)return!0;const{edition:o,version:i}=t;if(!wt(i))return console.error("Invalid version"),!1;const a=r[o];if(!a)return!1;const[s,c]=a;return!(s&&ve(i,s,"<")||c&&ve(i,c,">"))}function Et(e){const t=n.ref(0),r=n.ref(0),o=n.ref(!1);return n.watch(e,i=>{i&&!o.value&&(t.value=i.offsetWidth,r.value=i.scrollWidth,o.value=!0)}),{isTruncated:n.computed(()=>t.value<r.value)}}function Tt(){const{i18n:{t:e}}=z();return{utf8Name:t=>/^[\p{N}\p{L}.\-_~]*$/u.test(t)?"":e("validationErrors.utf8Name")}}const xe={useAxios:H,useDebouncedFilter:pt,useDeleteUrlBuilder:dt,useErrors:yt,useExternalLinkCreator:ft,useFetcher:mt,useFetchUrlBuilder:be,useHelpers:_e,useStringHelpers:ht,useI18n:z,useGatewayFeatureSupported:St,useTruncationDetector:Et,useValidators:Tt},vt=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Ct="#0044f4",It="16px";/*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */function Ae(e){return typeof e>"u"||e===null}function xt(e){return typeof e=="object"&&e!==null}function At(e){return Array.isArray(e)?e:Ae(e)?[]:[e]}function Nt(e,t){var r,o,i,a;if(t)for(a=Object.keys(t),r=0,o=a.length;r<o;r+=1)i=a[r],e[i]=t[i];return e}function qt(e,t){var r="",o;for(o=0;o<t;o+=1)r+=e;return r}function Rt(e){return e===0&&Number.NEGATIVE_INFINITY===1/e}var Lt=Ae,Ot=xt,Dt=At,Bt=qt,jt=Rt,Vt=Nt,M={isNothing:Lt,isObject:Ot,toArray:Dt,repeat:Bt,isNegativeZero:jt,extend:Vt};function Ne(e,t){var r="",o=e.reason||"(unknown reason)";return e.mark?(e.mark.name&&(r+='in "'+e.mark.name+'" '),r+="("+(e.mark.line+1)+":"+(e.mark.column+1)+")",!t&&e.mark.snippet&&(r+=`
+(function(d,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("@kong-ui-public/analytics-chart"),require("swrv"),require("axios"),require("@kong-ui-public/i18n"),require("@kong-ui-public/analytics-metric-provider"),require("@kong-ui-public/analytics-utilities"),require("@kong/kongponents"),require("vue-router"),require("@kong-ui-public/analytics-config-store")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/analytics-chart","swrv","axios","@kong-ui-public/i18n","@kong-ui-public/analytics-metric-provider","@kong-ui-public/analytics-utilities","@kong/kongponents","vue-router","@kong-ui-public/analytics-config-store"],n):(d=typeof globalThis<"u"?globalThis:d||self,n(d["kong-ui-public-dashboard-renderer"]={},d.Vue,d["kong-ui-public-analytics-chart"],d.swrv,d.axios,d["kong-ui-public-i18n"],d["kong-ui-public-analytics-metric-provider"],d["kong-ui-public-analytics-utilities"],d.Kongponents,d.VueRouter,d["kong-ui-public-analytics-config-store"]))})(this,function(d,n,v,je,Q,$,W,J,yn,fn,$e){"use strict";const P="analytics-query-provider",K="{entity-id}",X="{cp-id}",ee="{timeframe}";var k=(e=>(e.HorizontalBar="horizontal_bar",e.VerticalBar="vertical_bar",e.Gauge="gauge",e.TimeseriesLine="timeseries_line",e.GoldenSignals="golden_signals",e.TopN="top_n",e.Slottable="slottable",e))(k||{});const V={type:"string"},D={type:"string"},te={type:"boolean"},re={type:["object","array"],items:{type:"string"},additionalProperties:{type:"string"}},ne={type:"object",properties:{type:{type:"string",enum:["slottable"]},id:{type:"string"}},required:["type","id"],additionalProperties:!1},ie={type:"object",properties:{type:{type:"string",enum:["horizontal_bar","vertical_bar"]},stacked:{type:"boolean"},chartDatasetColors:re,syntheticsDataKey:V,chartTitle:D,allowCsvExport:te},required:["type"],additionalProperties:!1},oe={type:"object",properties:{type:{type:"string",enum:["timeseries_line"]},stacked:{type:"boolean"},chartDatasetColors:re,syntheticsDataKey:V,chartTitle:D,allowCsvExport:te},required:["type"],additionalProperties:!1},ae={type:"object",properties:{type:{type:"string",enum:["gauge"]},metricDisplay:{type:"string",enum:Object.values(v.ChartMetricDisplay)},reverseDataset:{type:"boolean"},numerator:{type:"number"},syntheticsDataKey:V,chartTitle:D},required:["type"],additionalProperties:!1},se={type:"object",properties:{chartTitle:D,syntheticsDataKey:V,type:{type:"string",enum:["top_n"]},description:{type:"string"},entityLink:{type:"string"}},required:["type"],additionalProperties:!1},ce={type:"object",properties:{chartTitle:D,type:{type:"string",enum:["golden_signals"]},longCardTitles:{type:"boolean"},description:{type:"string"},percentileLatency:{type:"boolean"}},required:["type"]},le={type:"object",description:"A query to launch at the API",properties:{datasource:{type:"string",enum:["advanced","basic"]},metrics:{type:"array",description:"List of aggregated metrics to collect across the requested time span.",items:{type:"string",enum:["request_count","request_per_minute","response_latency_p99","response_latency_p95","response_latency_p50","response_latency_average","upstream_latency_p99","upstream_latency_p95","upstream_latency_p50","upstream_latency_average","kong_latency_p99","kong_latency_p95","kong_latency_p50","kong_latency_average","response_size_p99","response_size_p95","response_size_p50","request_size_p99","request_size_p95","request_size_p50","request_size_average","response_size_average"]}},dimensions:{type:"array",description:"List of attributes or entity types to group by.",minItems:0,maxItems:2,items:{type:"string",enum:["api_product","api_product_version","application","consumer","control_plane","control_plane_group","data_plane_node","gateway_service","route","status_code","status_code_grouped","time"]}},filters:{type:"array",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:["api_product","api_product_version","application","consumer","control_plane","control_plane_group","data_plane_node","gateway_service","route","status_code","status_code_grouped","time"]},type:{type:"string",enum:["in","not_in","selector"]},values:{type:"array",items:{type:"string"}}},required:["dimension","type","values"]}},granularity_ms:{type:"number",description:'Force time grouping into buckets of this duration in milliseconds. Only has an effect if "time" is in the "dimensions" list.',minimum:6e4},time_range:{description:"The time range to query.",oneOf:[{type:"object",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["relative"]},time_range:{type:"string",enum:["15m","1h","6h","12h","24h","7d","30d","current_week","current_month","previous_week","previous_month"],default:"1h"}},required:["type","time_range"]},{type:"object",description:"A duration representing an exact start and end time.",properties:{tz:{type:"string",default:"Etc/UTC"},type:{type:"string",enum:["absolute"]},start:{type:"string"},end:{type:"string"}},required:["type"]}],default:{type:"relative",time_range:"1h"}},limit:{type:"number"},meta:{type:"object"}},required:["datasource"],additionalProperties:!1},ue={oneOf:[le]},pe={type:"object",properties:{query:ue,chart:{oneOf:[ie,ae,oe,ce,se,ne]}},required:["query","chart"],additionalProperties:!1},de={type:"object",properties:{position:{type:"object",properties:{col:{type:"number"},row:{type:"number"}},description:"Position of the tile in the grid.",required:["col","row"],additionalProperties:!1},size:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"},fitToContent:{type:"boolean"}},description:"Number of columns and rows the tile occupies.  If fitToContent is true for every tile in a row, and each tile only occupies 1 row, then the row will auto-fit to its content.",required:["cols","rows"],additionalProperties:!1}},required:["position","size"],additionalProperties:!1},ye={type:"object",properties:{definition:pe,layout:de},required:["definition","layout"],additionalProperties:!1},Ve={type:"object",properties:{tiles:{type:"array",items:ye},tileHeight:{type:"number",description:"Height of each tile in pixels. Default: 170"},gridSize:{type:"object",properties:{cols:{type:"number"},rows:{type:"number"}},description:"Number of columns and rows in the grid.",required:["cols","rows"],additionalProperties:!1}},required:["tiles","gridSize"],additionalProperties:!1};var fe=(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))(fe||{});const Fe=e=>{var t,r,o,i,a;return e?!!((t=Object.keys(e))!=null&&t.length||(r=e.data)!=null&&r.length||(i=(o=e.data)==null?void 0:o.data)!=null&&i.length||!((a=e.data)!=null&&a.data)&&typeof e.data=="object"&&Object.keys(e==null?void 0:e.data).length):!1};function ze(e=n.ref({}),t,r,o=Fe){const i=n.ref("PENDING");return n.watchEffect(()=>{const a=o(e.value);if(e.value&&a&&r.value){i.value="VALIDATING_HAS_DATA";return}if(e.value&&r.value){i.value="VALIDATING";return}if(e.value&&t.value){i.value="STALE_IF_ERROR";return}if(e.value===void 0&&!t.value){i.value="PENDING";return}if(e.value&&!t.value&&a){i.value="SUCCESS_HAS_DATA";return}if(e.value&&!t.value){i.value="SUCCESS";return}e.value===void 0&&t&&(i.value="ERROR")}),{state:i,swrvState:fe}}const Ue={renderer:{noQueryBridge:"No query bridge provided.  Unable to render dashboard.",trendRange:{"24h":"Last 24-Hour Summary","7d":"Last 7-Day Summary","30d":"Last 30-Day Summary"}},queryDataProvider:{timeRangeExceeded:"The time range for this report is outside of your organization's data retention period"}};function Pe(){const e=$.createI18n("en-us",Ue);return{i18n:e,i18nT:$.i18nTComponent(e)}}const me={useI18n:Pe},F=n.defineComponent({__name:"QueryDataProvider",props:{context:{},query:{},queryReady:{type:Boolean}},emits:["queryComplete"],setup(e,{emit:t}){const r=e,o=t,{i18n:i}=me.useI18n(),a=n.inject(P),s=()=>r.queryReady&&a?JSON.stringify([r.query,r.context]):null,c=new AbortController;n.onUnmounted(()=>{c.abort()});const{data:p,error:l,isValidating:f}=je(s,async()=>{var C,A,L,h;try{const _=[];r.query.filters&&_.push(...r.query.filters),_.push(...r.context.filters);let{datasource:O,...U}=r.query;!O&&a&&(O=a.evaluateFeatureFlagFn("MA-2527-analytics-sku-config-endpoint",!1)?"basic":"advanced");const w={datasource:O,query:{...U,time_range:{...r.context.timeSpec,tz:r.context.tz},filters:_}};return a==null?void 0:a.queryFn(w,c)}catch(_){y.value=((A=(C=_==null?void 0:_.response)==null?void 0:C.data)==null?void 0:A.message)==="Range not allowed for this tier"?i.t("queryDataProvider.timeRangeExceeded"):((h=(L=_==null?void 0:_.response)==null?void 0:L.data)==null?void 0:h.message)||(_==null?void 0:_.message)}finally{o("queryComplete")}},{refreshInterval:r.context.refreshInterval,revalidateOnFocus:!1}),{state:u,swrvState:m}=ze(p,l,f),y=n.ref(null),b=n.computed(()=>u.value===m.ERROR||!!y.value),E=n.computed(()=>!r.queryReady||u.value===m.PENDING);return(C,A)=>{const L=n.resolveComponent("KSkeleton"),h=n.resolveComponent("KEmptyState");return E.value||!n.unref(p)&&!b.value?(n.openBlock(),n.createBlock(L,{key:0,class:"chart-skeleton",type:"table"})):b.value?(n.openBlock(),n.createBlock(h,{key:1,"action-button-visible":!1,"data-testid":"chart-empty-state","icon-variant":"error"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(y.value),1)]),_:1})):n.unref(p)?n.renderSlot(C.$slots,"default",{key:2,data:n.unref(p)}):n.createCommentVNode("",!0)}}}),Ke={class:"analytics-chart"},He=n.defineComponent({__name:"SimpleChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){n.useCssVars(i=>({"8c62ff26":`${i.height}px`}));const t=e,r={[k.Gauge]:v.ChartTypesSimple.GAUGE},o=n.computed(()=>({...t.chartOptions,type:r[t.chartOptions.type]}));return(i,a)=>(n.openBlock(),n.createBlock(F,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:n.withCtx(({data:s})=>[n.createElementVNode("div",Ke,[n.createVNode(n.unref(v.SimpleChart),{"chart-data":s,"chart-options":o.value,"synthetics-data-key":i.chartOptions.syntheticsDataKey},null,8,["chart-data","chart-options","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),I=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Me=I(He,[["__scopeId","data-v-f0f6ed41"]]),Ge={class:"analytics-chart"},he=I(n.defineComponent({__name:"BarChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){n.useCssVars(i=>({"1eed717c":`${i.height}px`}));const t=e,r={[k.HorizontalBar]:v.ChartTypes.HORIZONTAL_BAR,[k.VerticalBar]:v.ChartTypes.VERTICAL_BAR},o=n.computed(()=>({type:r[t.chartOptions.type],stacked:t.chartOptions.stacked,chartDatasetColors:t.chartOptions.chartDatasetColors}));return(i,a)=>(n.openBlock(),n.createBlock(F,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:n.withCtx(({data:s})=>[n.createElementVNode("div",Ge,[n.createVNode(n.unref(v.AnalyticsChart),{"allow-csv-export":i.chartOptions.allowCsvExport,"chart-data":s,"chart-options":o.value,"chart-title":i.chartOptions.chartTitle,"legend-position":"bottom","show-annotations":!1,"synthetics-data-key":i.chartOptions.syntheticsDataKey,"tooltip-title":""},null,8,["allow-csv-export","chart-data","chart-options","chart-title","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),[["__scopeId","data-v-36598a1b"]]),Ye={class:"analytics-chart"},Ze=I(n.defineComponent({__name:"TimeseriesChartRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){n.useCssVars(i=>({"4efa9c90":`${i.height}px`}));const t=e,r={[k.TimeseriesLine]:v.ChartTypes.TIMESERIES_LINE},o=n.computed(()=>{const i=t.chartOptions.stacked??!1;return{type:r[t.chartOptions.type],stacked:i,chartDatasetColors:t.chartOptions.chartDatasetColors}});return(i,a)=>(n.openBlock(),n.createBlock(F,{context:i.context,query:i.query,"query-ready":i.queryReady},{default:n.withCtx(({data:s})=>[n.createElementVNode("div",Ye,[n.createVNode(n.unref(v.AnalyticsChart),{"allow-csv-export":i.chartOptions.allowCsvExport,"chart-data":s,"chart-options":o.value,"chart-title":i.chartOptions.chartTitle,"legend-position":"bottom","synthetics-data-key":i.chartOptions.syntheticsDataKey,"tooltip-title":""},null,8,["allow-csv-export","chart-data","chart-options","chart-title","synthetics-data-key"])])]),_:1},8,["context","query","query-ready"]))}}),[["__scopeId","data-v-ceb07ca8"]]),Qe={class:"metric-card-tile-wrapper"},We=I(n.defineComponent({__name:"GoldenSignalsRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){const t=e,r=n.computed(()=>{const i=t.context.timeSpec;if(i.type==="absolute")return new J.Timeframe({key:"custom",timeframeText:"custom",display:"custom",startCustom:i.start,endCustom:i.end,timeframeLength:()=>0,defaultResponseGranularity:"daily",dataGranularity:"daily",isRelative:!1,allowedTiers:["free","plus","enterprise"]});const a=J.TimePeriods.get(i.time_range);if(!a)throw new Error("Unknown time range");return a}),o=n.computed(()=>{var i;return{datasource:(i=t.query)==null?void 0:i.datasource,overrideTimeframe:r.value,tz:t.context.tz,additionalFilter:t.context.filters,longCardTitles:t.chartOptions.longCardTitles,containerTitle:t.chartOptions.chartTitle,description:t.chartOptions.description,percentileLatency:t.chartOptions.percentileLatency,refreshInterval:t.context.refreshInterval,queryReady:t.queryReady}});return(i,a)=>(n.openBlock(),n.createElementBlock("div",Qe,[n.createVNode(n.unref(W.MetricsProvider),n.normalizeProps(n.guardReactiveProps(o.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(W.MetricsConsumer))]),_:1},16)]))}}),[["__scopeId","data-v-6d704e9d"]]),ge="20px";var q=(e=>(e[e.Loading=0]="Loading",e[e.Idle=1]="Idle",e[e.NoResults=2]="NoResults",e[e.Error=3]="Error",e))(q||{});function Je(){return{getAxiosInstance:(e={})=>{try{const t=n.inject("get-axios-instance",void 0);return typeof t=="function"?t(e):Q.create({withCredentials:!0,timeout:3e4,...e})}catch(t){return console.warn("getAxiosInstance:",t.message||t),Q.create({withCredentials:!0,timeout:3e4,...e})}},getTraceIdFromError:e=>{var t;return((t=e==null?void 0:e.response)==null?void 0:t.headers["x-datadog-trace-id"])||""}}}function Xe(){return{debounce:(e,t)=>{let r;return(...o)=>{clearTimeout(r),r=window==null?void 0:window.setTimeout(()=>{e(...o)},t)}}}}function H(e={}){const{getAxiosInstance:t}=Je();return{axiosInstance:t(e)}}const et={actions:{copyId:"Copy ID",copied_id:'Copied "{id}" to the clipboard',copyToClipboard:"Copied successfully!",copyToClipboardFailed:"Failed to copy to the clipboard"}},tt={message:"Are you sure you want to delete this {entityType}?",messageWithName:"Are you sure you want to delete this {entityType} {entityName}?"},rt={actions:{viewConfiguration:"View Configuration",save:"Save",cancel:"Cancel",back:"Back"},configuration:{title:"Configuration",message:"Export configurations for core Kong Gateway objects, like services, routes, and plugins, to either YAML or JSON. This allows for straightforward importing into APIOps tools like decK with YAML, or Insomnia and cURL with JSON.",yaml:"YAML",json:"JSON"},errors:{edit:"The entity could not be edited at this time."}},nt={emptyState:{noSearchResultsTitle:"No results found",noSearchResultsMessage:"Please adjust the criteria and try again.",noSearchResultsCtaText:"Clear"}},it={title:"Configuration",actions:{copy:"Copy JSON"},sections:{advanced:"Advanced",plugin:"Plugin Specific Configuration"},commonFields:{id_label:"ID",name_label:"Name",enabled_label:"Enabled",enabled_tooltip:"Enabled is FTW",updated_at_label:"Last Updated",created_at_label:"Created",tags_label:"Tags",link:"Link"},statusBadge:{enabledLabel:"Enabled",disabledLabel:"Disabled"},copy:{tooltip:"Copy {label}",success:"Copied!"},errors:{load:"The entity configuration data could not be loaded at this time.",copy:"Failed to copy to clipboard"},general:{entryTitle:"Entry {index}",structuredFormat:"Structured"}},ot={filterButtonText:"Filter",fieldLabel:"Filter by:",inputPlaceholder:"Enter a value",selectPlaceholder:"Select an item",applyButtonText:"Apply",clearButtonText:"Clear",clearAllButtonText:"Clear all filters"},at={errors:{fetch:"Could not fetch available items",invalid:"Please select a valid value"}},st={unexpected:"An unexpected error has occurred",dataKeyUndefined:'The data key "{dataKey}" does not exist in the response.'},ct={utf8Name:"The name can be any string containing characters, letters, numbers, or the following characters: ., -, _, or ~. Do not use spaces."},lt={enable:{title:"Enable {entityType}",message:"Are you sure you want to enable the {entityType} {entityName}?",confirmText:"Yes, enable"},disable:{title:"Disable {entityType}",message:"Are you sure you want to disable the {entityType} {entityName}?",confirmText:"Yes, disable"}},ut={global:et,deleteModal:tt,baseForm:rt,baseTable:nt,baseConfigCard:it,filter:ot,debouncedFilter:at,errors:st,validationErrors:ct,toggleModal:lt};function z(){const e=$.createI18n("en-us",ut);return{i18n:e,i18nT:$.i18nTComponent(e)}}function _e(){const e=(r,o)=>(o==null?void 0:o[r])??void 0,t=(r,o)=>{if(r.length!==o.length)return!1;const i=new Set([...r,...o]);for(const a of i){const s=r.filter(p=>p===a).length,c=o.filter(p=>p===a).length;if(s!==c)return!1}return!0};return{getPropValue:e,objectsAreEqual:(r,o,i)=>{if(i){if(Object.keys(r).length===Object.keys(o).length)for(const a in r)if(Array.isArray(r[a])&&Array.isArray(o[a])){if(t(r[a],o[a]))continue;return!1}else{if(r[a]===o[a])continue;return!1}else return!1;return!0}try{return JSON.stringify(r)===JSON.stringify(o)}catch{return!1}},sortAlpha:r=>(o,i)=>{let a=o[r]===void 0||o[r]===null?"":o[r],s=i[r]===void 0||i[r]===null?"":i[r];return Array.isArray(o[r])&&(a=o[r][0]),Array.isArray(i[r])&&(s=i[r][0]),a.localeCompare(s)},isValidUuid:r=>r?/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/.test(r):!1}}function pt(e,t,r,o={fetchedItemsKey:"data",searchKeys:["id"]}){r||(r="1000");const{axiosInstance:i}=H(e.axiosRequestConfig),{i18n:{t:a}}=z(),{debounce:s}=Xe(),c=s(async h=>{await L(h)},200),p=n.ref(!1),l=n.ref(""),f=n.ref(""),u=n.ref([]),m=n.ref([]),y=n.ref(void 0),b=n.computed(()=>{const h=`${e.apiBaseUrl}${n.unref(t)}`;return e.app==="konnect"?h.replace(/{controlPlaneId}/gi,(e==null?void 0:e.controlPlaneId)||""):e.app==="kongManager"?h.replace(/\/{workspace}/gi,e!=null&&e.workspace?`/${e.workspace}`:""):h}),{isValidUuid:E}=_e(),C=async()=>{try{p.value=!0;const{data:h}=await i.get(`${b.value}?size=${r}`);h!=null&&h.next||(y.value=o.fetchedItemsKey in h?h[o.fetchedItemsKey]:[]),m.value=o.fetchedItemsKey in h?h[o.fetchedItemsKey]:[],u.value=m.value}catch{u.value=[],l.value=a("debouncedFilter.errors.fetch")}finally{p.value=!1}},A=n.ref(""),L=async h=>{var _,O,U;if(A.value!==h){if(A.value=h??"",!h){u.value=m.value;return}if(y.value===void 0)try{if(p.value=!0,l.value="",f.value="",e.app==="konnect"){const w=`${b.value}/${h}`,{data:T}=await i.get(`${w}?size=${r}`);o.fetchedItemsKey in T?u.value=T[o.fetchedItemsKey]:T!=null&&T[o.exactMatchKey??"id"]?u.value=[T]:u.value=[]}else{const w=[];E(h)&&o.searchKeys.includes("id")?w.push((async()=>{const{data:S}=await i.get(`${b.value}/${h}`);return[S[o.fetchedItemsKey]??S]})()):w.push(...o.searchKeys.filter(S=>S!=="id").map(async S=>{const{data:N}=await i.get(`${b.value}?${S}=${h}`);return N[o.fetchedItemsKey]}));const T=await Promise.all(w),j=new Set;u.value=[],(_=T==null?void 0:T.forEach)==null||_.call(T,S=>{var N;(N=S==null?void 0:S.forEach)==null||N.call(S,Z=>{j.has(Z.id)||(j.add(Z.id),u.value.push(Z))})})}}catch(w){((O=w==null?void 0:w.response)==null?void 0:O.status)===404?f.value=a("debouncedFilter.errors.invalid"):(u.value=[],l.value=a("debouncedFilter.errors.fetch"))}finally{p.value=!1}else p.value=!0,f.value="",u.value=(U=y.value)==null?void 0:U.filter(w=>{var T;let j=!1;for(const S of o.searchKeys){const N=typeof w[S]=="string"?(T=w[S])==null?void 0:T.toLowerCase():w[S];N!=null&&N.includes(h.toLowerCase())&&(j=!0)}return j}),(!u.value||!u.value.length)&&(f.value=a("debouncedFilter.errors.invalid")),p.value=!1}};return{loading:p,error:l,validationError:f,results:u,allRecords:y,loadItems:C,debouncedQueryChange:c}}function dt(e,t){const r=n.unref(t),o=n.computed(()=>e.apiBaseUrl.startsWith("/")?new URL(`${window.location.origin}${r}`):new URL(r));return o.value.search="",i=>`${o.value.href}/${i}`}function yt(){const{i18n:{t:e}}=z();return{getMessageFromError:t=>{var r,o,i,a;if(!t)return e("errors.unexpected");if(((r=t==null?void 0:t.response)==null?void 0:r.status)===401)return console.warn("getMessageFromError: User auth token is expired or missing, returning empty message."),"";if((o=t==null?void 0:t.response)!=null&&o.data){if(t.response.data.detail)return t.response.data.detail;if((i=t.response.data.details)!=null&&i.length)return t.response.data.details.map(s=>{let c=e("errors.unexpected");return s.messages&&typeof s.messages=="object"&&s.messages.length&&(c=s.messages.join(", ")),s.field?`${s.field} - ${c}`:c}).join("; ");if(t.response.data.message){const{message:s}=t.response.data;return Array.isArray(s)?(a=s[0])!=null&&a.constraints?Object.values(s[0].constraints)[0]:s[0]:s}if(typeof t.response.data=="string")return t.response.data;if(typeof t.response.data=="object")return Object.keys(t.response.data).map(s=>`${s} ${t.response.data[s]}`).join(", ")}return t.message||e("errors.unexpected")}}}function ft(e){const t=window.location.origin,r=t.endsWith("/")?t:`${t}/`;try{const o=e.join("/"),i=`${r}${o}`,a=e.some(s=>s.trim()==="");if(/^(https:\/\/(www\.)?([a-zA-Z0-9-]+\.){1,}[a-zA-Z]{2,}(:[0-9]+)?(\/[^\/]+)*)$|^(https|http):\/\/localhost(:[0-9]+)?(\/[^\/]+)*$/.test(i)&&!a&&new URL(i))return`${r}${o}`;throw new Error("Invalid url")}catch(o){return console.warn("Failed to build valid URL:",o),""}}function be(e,t){const r=n.ref(n.unref(e)),o=n.ref(n.unref(t)),i=n.computed(()=>!!(r.value.app==="konnect"||r.value.isExactMatch)),a=n.computed(()=>o.value.startsWith("/")?new URL(`${window.location.origin}${o.value}`):new URL(o.value));return s=>{const{page:c,pageSize:p,offset:l,sortColumnKey:f,sortColumnOrder:u,query:m}=s;try{let y=new URL(a.value.href);return i.value&&m?(y.search="",y=r.value.isExactMatch?new URL(`${y.href}/${m}/`):new URL(`${y.href}?filter[name][contains]=${m}`)):(i.value||new URLSearchParams(m).forEach((b,E)=>{y.searchParams.append(E,b)}),f&&y.searchParams.append("sort_by",f),u==="desc"&&y.searchParams.append("sort_desc","1"),y.searchParams.append("size",String(p))),l&&c!==1&&y.searchParams.append("offset",String(l)),y.href}catch(y){return console.error("RouteList(fetcher)",y),o.value}}}function mt(e,t,r="data"){const o=n.unref(t),{axiosInstance:i}=H(e.axiosRequestConfig),a=be(e,o),s=n.ref({status:q.Idle});return{fetcher:async c=>{var p;try{s.value={status:q.Loading};let l=a(c);l.includes("filter[name]")&&(l=`${l}&page[size]=${c.pageSize}&page[number]=${c.page}`);const f=await i.get(l);if(f.status>=400)throw f;const u=f.data,m=r&&r.replace(/[^\w-_]/gi,"");let y;u[m]&&Array.isArray(u[m])?y=u[m]:Array.isArray(u)?y=u:y=Object.keys(u).length?[u]:[];const b={data:y,total:y.length,...u.offset?{pagination:{offset:u.offset}}:null};return s.value={status:q.Idle,response:b},b}catch(l){const f={data:[],total:0};return c.query&&(((p=l.response)==null?void 0:p.status)===404||l.status===404)?(s.value={status:q.NoResults,response:f,error:l.response?l:{response:l}},f):(s.value={status:q.Error,response:f,error:l.response?l:{response:l}},f)}},fetcherState:s}}function ht(){const e=(r,o="_")=>r?r.split(o).map(i=>i.toLowerCase()==="id"?i.toUpperCase():i.charAt(0).toUpperCase()+i.substring(1)).join(" "):"",t=/(?:^|[\s-:'"])\w/g;return{capitalize:r=>r?r.replace(t,o=>o.toUpperCase()):"",convertKeyToTitle:e}}const ke=/^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i,we=e=>{if(typeof e!="string")throw new TypeError("Invalid argument expected string");const t=e.match(ke);if(!t)throw new Error(`Invalid argument not valid semver ('${e}' received)`);return t.shift(),t},Se=e=>e==="*"||e==="x"||e==="X",Te=e=>{const t=parseInt(e,10);return isNaN(t)?e:t},gt=(e,t)=>typeof e!=typeof t?[String(e),String(t)]:[e,t],_t=(e,t)=>{if(Se(e)||Se(t))return 0;const[r,o]=gt(Te(e),Te(t));return r>o?1:r<o?-1:0},Ee=(e,t)=>{for(let r=0;r<Math.max(e.length,t.length);r++){const o=_t(e[r]||"0",t[r]||"0");if(o!==0)return o}return 0},bt=(e,t)=>{const r=we(e),o=we(t),i=r.pop(),a=o.pop(),s=Ee(r,o);return s!==0?s:i&&a?Ee(i.split("."),a.split(".")):i||a?i?-1:1:0},ve=(e,t,r)=>{kt(r);const o=bt(e,t);return Ce[r].includes(o)},Ce={">":[1],">=":[0,1],"=":[0],"<=":[-1,0],"<":[-1],"!=":[-1,1]},Ie=Object.keys(Ce),kt=e=>{if(typeof e!="string")throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);if(Ie.indexOf(e)===-1)throw new Error(`Invalid operator, expected one of ${Ie.join("|")}`)},wt=e=>typeof e=="string"&&/^[v\d]/.test(e)&&ke.test(e);function St(e){const{gatewayInfo:t,supportedRange:r}=e;if(!t)return!0;const{edition:o,version:i}=t;if(!wt(i))return console.error("Invalid version"),!1;const a=r[o];if(!a)return!1;const[s,c]=a;return!(s&&ve(i,s,"<")||c&&ve(i,c,">"))}function Tt(e){const t=n.ref(0),r=n.ref(0),o=n.ref(!1);return n.watch(e,i=>{i&&!o.value&&(t.value=i.offsetWidth,r.value=i.scrollWidth,o.value=!0)}),{isTruncated:n.computed(()=>t.value<r.value)}}function Et(){const{i18n:{t:e}}=z();return{utf8Name:t=>/^[\p{N}\p{L}.\-_~]*$/u.test(t)?"":e("validationErrors.utf8Name")}}const xe={useAxios:H,useDebouncedFilter:pt,useDeleteUrlBuilder:dt,useErrors:yt,useExternalLinkCreator:ft,useFetcher:mt,useFetchUrlBuilder:be,useHelpers:_e,useStringHelpers:ht,useI18n:z,useGatewayFeatureSupported:St,useTruncationDetector:Tt,useValidators:Et},vt=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Ct="#0044f4",It="16px";/*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */function Ae(e){return typeof e>"u"||e===null}function xt(e){return typeof e=="object"&&e!==null}function At(e){return Array.isArray(e)?e:Ae(e)?[]:[e]}function Nt(e,t){var r,o,i,a;if(t)for(a=Object.keys(t),r=0,o=a.length;r<o;r+=1)i=a[r],e[i]=t[i];return e}function qt(e,t){var r="",o;for(o=0;o<t;o+=1)r+=e;return r}function Rt(e){return e===0&&Number.NEGATIVE_INFINITY===1/e}var Lt=Ae,Ot=xt,Dt=At,Bt=qt,jt=Rt,$t=Nt,M={isNothing:Lt,isObject:Ot,toArray:Dt,repeat:Bt,isNegativeZero:jt,extend:$t};function Ne(e,t){var r="",o=e.reason||"(unknown reason)";return e.mark?(e.mark.name&&(r+='in "'+e.mark.name+'" '),r+="("+(e.mark.line+1)+":"+(e.mark.column+1)+")",!t&&e.mark.snippet&&(r+=`
 
-`+e.mark.snippet),o+" "+r):o}function B(e,t){Error.call(this),this.name="YAMLException",this.reason=e,this.mark=t,this.message=Ne(this,!1),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack||""}B.prototype=Object.create(Error.prototype),B.prototype.constructor=B,B.prototype.toString=function(e){return this.name+": "+Ne(this,e)};var x=B,$t=["kind","multi","resolve","construct","instanceOf","predicate","represent","representName","defaultStyle","styleAliases"],Ft=["scalar","sequence","mapping"];function zt(e){var t={};return e!==null&&Object.keys(e).forEach(function(r){e[r].forEach(function(o){t[String(o)]=r})}),t}function Ut(e,t){if(t=t||{},Object.keys(t).forEach(function(r){if($t.indexOf(r)===-1)throw new x('Unknown option "'+r+'" is met in definition of "'+e+'" YAML type.')}),this.options=t,this.tag=e,this.kind=t.kind||null,this.resolve=t.resolve||function(){return!0},this.construct=t.construct||function(r){return r},this.instanceOf=t.instanceOf||null,this.predicate=t.predicate||null,this.represent=t.represent||null,this.representName=t.representName||null,this.defaultStyle=t.defaultStyle||null,this.multi=t.multi||!1,this.styleAliases=zt(t.styleAliases||null),Ft.indexOf(this.kind)===-1)throw new x('Unknown kind "'+this.kind+'" is specified for "'+e+'" YAML type.')}var g=Ut;function qe(e,t){var r=[];return e[t].forEach(function(o){var i=r.length;r.forEach(function(a,s){a.tag===o.tag&&a.kind===o.kind&&a.multi===o.multi&&(i=s)}),r[i]=o}),r}function Pt(){var e={scalar:{},sequence:{},mapping:{},fallback:{},multi:{scalar:[],sequence:[],mapping:[],fallback:[]}},t,r;function o(i){i.multi?(e.multi[i.kind].push(i),e.multi.fallback.push(i)):e[i.kind][i.tag]=e.fallback[i.tag]=i}for(t=0,r=arguments.length;t<r;t+=1)arguments[t].forEach(o);return e}function G(e){return this.extend(e)}G.prototype.extend=function(e){var t=[],r=[];if(e instanceof g)r.push(e);else if(Array.isArray(e))r=r.concat(e);else if(e&&(Array.isArray(e.implicit)||Array.isArray(e.explicit)))e.implicit&&(t=t.concat(e.implicit)),e.explicit&&(r=r.concat(e.explicit));else throw new x("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");t.forEach(function(i){if(!(i instanceof g))throw new x("Specified list of YAML types (or a single Type object) contains a non-Type object.");if(i.loadKind&&i.loadKind!=="scalar")throw new x("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");if(i.multi)throw new x("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.")}),r.forEach(function(i){if(!(i instanceof g))throw new x("Specified list of YAML types (or a single Type object) contains a non-Type object.")});var o=Object.create(G.prototype);return o.implicit=(this.implicit||[]).concat(t),o.explicit=(this.explicit||[]).concat(r),o.compiledImplicit=qe(o,"implicit"),o.compiledExplicit=qe(o,"explicit"),o.compiledTypeMap=Pt(o.compiledImplicit,o.compiledExplicit),o};var Kt=G,Ht=new g("tag:yaml.org,2002:str",{kind:"scalar",construct:function(e){return e!==null?e:""}}),Mt=new g("tag:yaml.org,2002:seq",{kind:"sequence",construct:function(e){return e!==null?e:[]}}),Gt=new g("tag:yaml.org,2002:map",{kind:"mapping",construct:function(e){return e!==null?e:{}}}),Yt=new Kt({explicit:[Ht,Mt,Gt]});function Zt(e){if(e===null)return!0;var t=e.length;return t===1&&e==="~"||t===4&&(e==="null"||e==="Null"||e==="NULL")}function Qt(){return null}function Wt(e){return e===null}var Jt=new g("tag:yaml.org,2002:null",{kind:"scalar",resolve:Zt,construct:Qt,predicate:Wt,represent:{canonical:function(){return"~"},lowercase:function(){return"null"},uppercase:function(){return"NULL"},camelcase:function(){return"Null"},empty:function(){return""}},defaultStyle:"lowercase"});function Xt(e){if(e===null)return!1;var t=e.length;return t===4&&(e==="true"||e==="True"||e==="TRUE")||t===5&&(e==="false"||e==="False"||e==="FALSE")}function er(e){return e==="true"||e==="True"||e==="TRUE"}function tr(e){return Object.prototype.toString.call(e)==="[object Boolean]"}var rr=new g("tag:yaml.org,2002:bool",{kind:"scalar",resolve:Xt,construct:er,predicate:tr,represent:{lowercase:function(e){return e?"true":"false"},uppercase:function(e){return e?"TRUE":"FALSE"},camelcase:function(e){return e?"True":"False"}},defaultStyle:"lowercase"});function nr(e){return 48<=e&&e<=57||65<=e&&e<=70||97<=e&&e<=102}function ir(e){return 48<=e&&e<=55}function or(e){return 48<=e&&e<=57}function ar(e){if(e===null)return!1;var t=e.length,r=0,o=!1,i;if(!t)return!1;if(i=e[r],(i==="-"||i==="+")&&(i=e[++r]),i==="0"){if(r+1===t)return!0;if(i=e[++r],i==="b"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(i!=="0"&&i!=="1")return!1;o=!0}return o&&i!=="_"}if(i==="x"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!nr(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}if(i==="o"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!ir(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}}if(i==="_")return!1;for(;r<t;r++)if(i=e[r],i!=="_"){if(!or(e.charCodeAt(r)))return!1;o=!0}return!(!o||i==="_")}function sr(e){var t=e,r=1,o;if(t.indexOf("_")!==-1&&(t=t.replace(/_/g,"")),o=t[0],(o==="-"||o==="+")&&(o==="-"&&(r=-1),t=t.slice(1),o=t[0]),t==="0")return 0;if(o==="0"){if(t[1]==="b")return r*parseInt(t.slice(2),2);if(t[1]==="x")return r*parseInt(t.slice(2),16);if(t[1]==="o")return r*parseInt(t.slice(2),8)}return r*parseInt(t,10)}function cr(e){return Object.prototype.toString.call(e)==="[object Number]"&&e%1===0&&!M.isNegativeZero(e)}var lr=new g("tag:yaml.org,2002:int",{kind:"scalar",resolve:ar,construct:sr,predicate:cr,represent:{binary:function(e){return e>=0?"0b"+e.toString(2):"-0b"+e.toString(2).slice(1)},octal:function(e){return e>=0?"0o"+e.toString(8):"-0o"+e.toString(8).slice(1)},decimal:function(e){return e.toString(10)},hexadecimal:function(e){return e>=0?"0x"+e.toString(16).toUpperCase():"-0x"+e.toString(16).toUpperCase().slice(1)}},defaultStyle:"decimal",styleAliases:{binary:[2,"bin"],octal:[8,"oct"],decimal:[10,"dec"],hexadecimal:[16,"hex"]}}),ur=new RegExp("^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$");function pr(e){return!(e===null||!ur.test(e)||e[e.length-1]==="_")}function dr(e){var t,r;return t=e.replace(/_/g,"").toLowerCase(),r=t[0]==="-"?-1:1,"+-".indexOf(t[0])>=0&&(t=t.slice(1)),t===".inf"?r===1?Number.POSITIVE_INFINITY:Number.NEGATIVE_INFINITY:t===".nan"?NaN:r*parseFloat(t,10)}var yr=/^[-+]?[0-9]+e/;function fr(e,t){var r;if(isNaN(e))switch(t){case"lowercase":return".nan";case"uppercase":return".NAN";case"camelcase":return".NaN"}else if(Number.POSITIVE_INFINITY===e)switch(t){case"lowercase":return".inf";case"uppercase":return".INF";case"camelcase":return".Inf"}else if(Number.NEGATIVE_INFINITY===e)switch(t){case"lowercase":return"-.inf";case"uppercase":return"-.INF";case"camelcase":return"-.Inf"}else if(M.isNegativeZero(e))return"-0.0";return r=e.toString(10),yr.test(r)?r.replace("e",".e"):r}function mr(e){return Object.prototype.toString.call(e)==="[object Number]"&&(e%1!==0||M.isNegativeZero(e))}var hr=new g("tag:yaml.org,2002:float",{kind:"scalar",resolve:pr,construct:dr,predicate:mr,represent:fr,defaultStyle:"lowercase"}),gr=Yt.extend({implicit:[Jt,rr,lr,hr]}),_r=gr,Re=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"),Le=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$");function br(e){return e===null?!1:Re.exec(e)!==null||Le.exec(e)!==null}function kr(e){var t,r,o,i,a,s,c,p=0,u=null,f,l,m;if(t=Re.exec(e),t===null&&(t=Le.exec(e)),t===null)throw new Error("Date resolve error");if(r=+t[1],o=+t[2]-1,i=+t[3],!t[4])return new Date(Date.UTC(r,o,i));if(a=+t[4],s=+t[5],c=+t[6],t[7]){for(p=t[7].slice(0,3);p.length<3;)p+="0";p=+p}return t[9]&&(f=+t[10],l=+(t[11]||0),u=(f*60+l)*6e4,t[9]==="-"&&(u=-u)),m=new Date(Date.UTC(r,o,i,a,s,c,p)),u&&m.setTime(m.getTime()-u),m}function wr(e){return e.toISOString()}var Sr=new g("tag:yaml.org,2002:timestamp",{kind:"scalar",resolve:br,construct:kr,instanceOf:Date,represent:wr});function Er(e){return e==="<<"||e===null}var Tr=new g("tag:yaml.org,2002:merge",{kind:"scalar",resolve:Er}),Y=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
-\r`;function vr(e){if(e===null)return!1;var t,r,o=0,i=e.length,a=Y;for(r=0;r<i;r++)if(t=a.indexOf(e.charAt(r)),!(t>64)){if(t<0)return!1;o+=6}return o%8===0}function Cr(e){var t,r,o=e.replace(/[\r\n=]/g,""),i=o.length,a=Y,s=0,c=[];for(t=0;t<i;t++)t%4===0&&t&&(c.push(s>>16&255),c.push(s>>8&255),c.push(s&255)),s=s<<6|a.indexOf(o.charAt(t));return r=i%4*6,r===0?(c.push(s>>16&255),c.push(s>>8&255),c.push(s&255)):r===18?(c.push(s>>10&255),c.push(s>>2&255)):r===12&&c.push(s>>4&255),new Uint8Array(c)}function Ir(e){var t="",r=0,o,i,a=e.length,s=Y;for(o=0;o<a;o++)o%3===0&&o&&(t+=s[r>>18&63],t+=s[r>>12&63],t+=s[r>>6&63],t+=s[r&63]),r=(r<<8)+e[o];return i=a%3,i===0?(t+=s[r>>18&63],t+=s[r>>12&63],t+=s[r>>6&63],t+=s[r&63]):i===2?(t+=s[r>>10&63],t+=s[r>>4&63],t+=s[r<<2&63],t+=s[64]):i===1&&(t+=s[r>>2&63],t+=s[r<<4&63],t+=s[64],t+=s[64]),t}function xr(e){return Object.prototype.toString.call(e)==="[object Uint8Array]"}var Ar=new g("tag:yaml.org,2002:binary",{kind:"scalar",resolve:vr,construct:Cr,predicate:xr,represent:Ir}),Nr=Object.prototype.hasOwnProperty,qr=Object.prototype.toString;function Rr(e){if(e===null)return!0;var t=[],r,o,i,a,s,c=e;for(r=0,o=c.length;r<o;r+=1){if(i=c[r],s=!1,qr.call(i)!=="[object Object]")return!1;for(a in i)if(Nr.call(i,a))if(!s)s=!0;else return!1;if(!s)return!1;if(t.indexOf(a)===-1)t.push(a);else return!1}return!0}function Lr(e){return e!==null?e:[]}var Or=new g("tag:yaml.org,2002:omap",{kind:"sequence",resolve:Rr,construct:Lr}),Dr=Object.prototype.toString;function Br(e){if(e===null)return!0;var t,r,o,i,a,s=e;for(a=new Array(s.length),t=0,r=s.length;t<r;t+=1){if(o=s[t],Dr.call(o)!=="[object Object]"||(i=Object.keys(o),i.length!==1))return!1;a[t]=[i[0],o[i[0]]]}return!0}function jr(e){if(e===null)return[];var t,r,o,i,a,s=e;for(a=new Array(s.length),t=0,r=s.length;t<r;t+=1)o=s[t],i=Object.keys(o),a[t]=[i[0],o[i[0]]];return a}var Vr=new g("tag:yaml.org,2002:pairs",{kind:"sequence",resolve:Br,construct:jr}),$r=Object.prototype.hasOwnProperty;function Fr(e){if(e===null)return!0;var t,r=e;for(t in r)if($r.call(r,t)&&r[t]!==null)return!1;return!0}function zr(e){return e!==null?e:{}}var Ur=new g("tag:yaml.org,2002:set",{kind:"mapping",resolve:Fr,construct:zr});_r.extend({implicit:[Sr,Tr],explicit:[Ar,Or,Vr,Ur]});function Oe(e){return e===48?"\0":e===97?"\x07":e===98?"\b":e===116||e===9?"	":e===110?`
-`:e===118?"\v":e===102?"\f":e===114?"\r":e===101?"\x1B":e===32?" ":e===34?'"':e===47?"/":e===92?"\\":e===78?"…":e===95?" ":e===76?"\u2028":e===80?"\u2029":""}for(var Pr=new Array(256),Kr=new Array(256),R=0;R<256;R++)Pr[R]=Oe(R)?1:0,Kr[R]=Oe(R);const De="24px",Hr=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Mr=e=>(n.pushScopeId("data-v-cd88dfcc"),e=e(),n.popScopeId(),e),Gr=["aria-hidden"],Yr={key:0,"data-testid":"kui-icon-svg-title"},Zr=Mr(()=>n.createElementVNode("path",{d:"M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",fill:"currentColor"},null,-1)),Qr=n.defineComponent({__name:"CopyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:De,validator:e=>{if(typeof e=="number"&&e>0)return!0;if(typeof e=="string"){const t=String(e).replace(/px/gi,""),r=Number(t);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(e){const t=e,r=n.computed(()=>{if(typeof t.size=="number"&&t.size>0)return`${t.size}px`;if(typeof t.size=="string"){const i=String(t.size).replace(/px/gi,""),a=Number(i);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return`${a}px`}return De}),o=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,flexShrink:"0",height:r.value,lineHeight:"0",width:r.value}));return(i,a)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.as),{"aria-hidden":e.decorative?"true":void 0,class:"kui-icon copy-icon","data-testid":"kui-icon-wrapper-copy-icon",style:n.normalizeStyle(o.value)},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":e.decorative?"true":void 0,"data-testid":"kui-icon-svg-copy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[e.title?(n.openBlock(),n.createElementBlock("title",Yr,n.toDisplayString(e.title),1)):n.createCommentVNode("",!0),Zr],8,Gr))]),_:1},8,["aria-hidden","style"]))}}),Wr=Hr(Qr,[["__scopeId","data-v-cd88dfcc"]]),Jr=[];for(let e=0;e<256;++e)Jr.push((e+256).toString(16).slice(1));typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const Xr={class:"kong-ui-public-entity-link","data-testid":"entity-link-parent"},en={key:0,class:"deleted-entity"},tn={key:1},rn=["onClick"],nn=n.defineComponent({__name:"EntityLink",props:{entityLinkData:{type:Object,required:!0},externalLink:{type:String,required:!1,default:""},newWindow:{type:Boolean,required:!1,default:!1},allowCopy:{type:Boolean,required:!1,default:!1}},setup(e){const t=e,r=n.ref(),{isTruncated:o}=xe.useTruncationDetector(r),{i18n:{t:i}}=xe.useI18n(),a=i("global.actions.copyId"),s=n.ref(a),c=n.computed(()=>t.entityLinkData.deleted??!1),p=n.computed(()=>{var l;return(l=t.entityLinkData.id)!=null&&l.toString().includes(":")?t.entityLinkData.id.toString().split(":")[1]:t.entityLinkData.id}),u=n.computed(()=>{var l;return`${(l=p.value)==null?void 0:l.toString().slice(0,5)} (deleted)`}),f=async l=>{await l(p.value||"")&&(s.value=i("global.actions.copyToClipboard"),setTimeout(()=>{s.value=a},1800))};return(l,m)=>{const y=n.resolveComponent("KTooltip"),b=n.resolveComponent("KExternalLink"),T=n.resolveComponent("KClipboardProvider");return n.openBlock(),n.createElementBlock("div",Xr,[c.value?(n.openBlock(),n.createElementBlock("div",en,n.toDisplayString(u.value),1)):p.value?p.value?(n.openBlock(),n.createBlock(b,{key:2,class:"entity-link","hide-icon":!e.newWindow,href:e.externalLink,target:e.newWindow?"_blank":"_self"},{default:n.withCtx(()=>[n.createVNode(y,{text:n.unref(o)&&e.entityLinkData.label||""},{default:n.withCtx(()=>[n.createElementVNode("span",{ref_key:"textContent",ref:r,class:"entity-link-label"},n.toDisplayString(e.entityLinkData.label),513)]),_:1},8,["text"])]),_:1},8,["hide-icon","href","target"])):n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",tn,n.toDisplayString(" – "))),p.value&&e.allowCopy?(n.openBlock(),n.createBlock(y,{key:s.value,class:"copy-uuid-tooltip","max-width":"160",placement:"bottom-end",text:s.value},{default:n.withCtx(()=>[n.createVNode(T,null,{default:n.withCtx(({copyToClipboard:C})=>[n.createElementVNode("span",{class:"entity-link-copy-id",onClick:n.withModifiers(A=>f(C),["stop"])},[n.createVNode(n.unref(Wr),{class:"copy-icon",color:n.unref(Ct),"data-testid":"copy-id",size:n.unref(It)},null,8,["color","size"])],8,rn)]),_:1})]),_:1},8,["text"])):n.createCommentVNode("",!0)])}}}),on=vt(nn,[["__scopeId","data-v-60e3ef7c"]]),an=n.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){const t=e,r=o=>{var i;if((i=t.chartOptions)!=null&&i.entityLink)if(o.id.includes(":")){const[a,s]=o.id.split(":");return t.chartOptions.entityLink.replace(X,a).replace(K,s)}else return t.chartOptions.entityLink.replace(K,o.id);return""};return(o,i)=>(n.openBlock(),n.createBlock(F,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:n.withCtx(({data:a})=>[n.createVNode(n.unref(v.TopNTable),{data:a,description:o.chartOptions.description,"synthetics-data-key":o.chartOptions.syntheticsDataKey,title:o.chartOptions.chartTitle||""},n.createSlots({_:2},[t.chartOptions.entityLink?{name:"name",fn:n.withCtx(({record:s})=>[n.createVNode(n.unref(on),{"entity-link-data":{id:s.id,label:s.name,deleted:s.deleted},"external-link":r(s)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),sn={class:"tile-boundary"},cn=I(n.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170},queryReady:{type:Boolean}},setup(e){n.useCssVars(a=>({58871060:`${a.height}px`}));const t=parseInt(ge,10),r=e,o={[w.TimeseriesLine]:Ze,[w.HorizontalBar]:he,[w.VerticalBar]:he,[w.Gauge]:Me,[w.GoldenSignals]:We,[w.TopN]:an,[w.Slottable]:void 0},i=n.computed(()=>{const a=o[r.definition.chart.type];return a&&{component:a,rendererProps:{query:r.definition.query,context:r.context,queryReady:r.queryReady,chartOptions:r.definition.chart,height:r.height-t*2}}});return(a,s)=>(n.openBlock(),n.createElementBlock("div",sn,[i.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.value.component),n.normalizeProps(n.mergeProps({key:0},i.value.rendererProps)),null,16)):n.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-69b5e552"]]),ln=(e,t,r)=>{const o=new Map;r.forEach(a=>{const s=a.layout.position.row,c=o.get(s),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?o.set(s,p):o.set(s,c&&p)});const i=[];for(let a=0;a<e;a++)o.get(a)?i.push("auto"):i.push(`${t}px`);return i},Be=I(n.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>170},tiles:{type:Array,required:!0}},setup(e){n.useCssVars(c=>({cfb759a4:e.gridSize.cols,"208951e1":a.value}));const t=e,r=n.ref(null),o=n.ref(0),i=new ResizeObserver(c=>{window.requestAnimationFrame(()=>{!Array.isArray(c)||!c.length||(o.value=c[0].contentRect.width)})});n.onMounted(()=>{r.value&&i.observe(r.value)}),n.onUnmounted(()=>{r.value&&i.unobserve(r.value)});const a=n.computed(()=>{var p;return ln((p=t.gridSize)==null?void 0:p.rows,t.tileHeight,t.tiles).join(" ")}),s=n.computed(()=>t.tiles.map((c,p)=>({key:`tile-${p}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,p)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:r,class:"kong-ui-public-grid-layout"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.value,u=>(n.openBlock(),n.createElementBlock("div",{key:u.key,class:n.normalizeClass(["grid-cell",{"empty-cell":!u.tile}]),style:n.normalizeStyle(u.style)},[n.renderSlot(c.$slots,"tile",{style:n.normalizeStyle(u.style),tile:u.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-056142a9"]]),un={class:"kong-ui-public-dashboard-renderer"},pn={key:0,class:"tile-container"},dn=I(n.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(e){const t=e,{i18n:r}=me.useI18n(),o=n.inject(P);o||(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 i=Ve.useAnalyticsConfigStore(),a=n.computed(()=>t.context.timeSpec?t.context.timeSpec:{type:"relative",time_range:i.defaultQueryTimeForOrg}),s=n.computed(()=>!!t.context.timeSpec||!i.loading),c=n.computed(()=>t.config.tiles.map((u,f)=>{var m;let l=u.definition;if("description"in l.chart){const y=(m=l.chart.description)==null?void 0:m.replace(ee,()=>{const T=`renderer.trendRange.${a.value.type==="absolute"?"custom":a.value.time_range}`;return r.te(T)?r.t(T):""});l={...l,chart:{...l.chart,description:y}}}return{layout:u.layout,meta:l,id:f}})),p=n.computed(()=>{let{tz:u,refreshInterval:f}=t.context;return u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),f===void 0&&(f=3e4),{...t.context,tz:u,timeSpec:a.value,refreshInterval:f}});return(u,f)=>{const l=n.resolveComponent("KAlert");return n.openBlock(),n.createElementBlock("div",un,[n.unref(o)?(n.openBlock(),n.createBlock(Be,{key:1,"grid-size":u.config.gridSize,"tile-height":u.config.tileHeight,tiles:c.value},{tile:n.withCtx(({tile:m})=>[m.meta.chart.type===n.unref(w).Slottable?(n.openBlock(),n.createElementBlock("div",pn,[n.renderSlot(u.$slots,m.meta.chart.id,{},void 0,!0)])):(n.openBlock(),n.createBlock(cn,{key:1,class:"tile-container",context:p.value,definition:m.meta,height:m.layout.size.rows*(u.config.tileHeight||n.unref(170))+parseInt(n.unref(ge),10),"query-ready":s.value},null,8,["context","definition","height","query-ready"]))]),_:3},8,["grid-size","tile-height","tiles"])):(n.openBlock(),n.createBlock(l,{key:0,appearance:"danger"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-2dd03268"]]);d.CP_ID_TOKEN=X,d.ChartTypes=w,d.DEFAULT_TILE_HEIGHT=170,d.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,d.DashboardRenderer=dn,d.ENTITY_ID_TOKEN=K,d.GridLayout=Be,d.INJECT_QUERY_PROVIDER=P,d.TIMEFRAME_TOKEN=ee,d.barChartSchema=ie,d.dashboardConfigSchema=$e,d.exploreV4QuerySchema=le,d.gaugeChartSchema=ae,d.metricCardSchema=ce,d.slottableSchema=ne,d.tileConfigSchema=ye,d.tileDefinitionSchema=pe,d.tileLayoutSchema=de,d.timeseriesChartSchema=oe,d.topNTableSchema=se,d.validDashboardQuery=ue,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+`+e.mark.snippet),o+" "+r):o}function B(e,t){Error.call(this),this.name="YAMLException",this.reason=e,this.mark=t,this.message=Ne(this,!1),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack||""}B.prototype=Object.create(Error.prototype),B.prototype.constructor=B,B.prototype.toString=function(e){return this.name+": "+Ne(this,e)};var x=B,Vt=["kind","multi","resolve","construct","instanceOf","predicate","represent","representName","defaultStyle","styleAliases"],Ft=["scalar","sequence","mapping"];function zt(e){var t={};return e!==null&&Object.keys(e).forEach(function(r){e[r].forEach(function(o){t[String(o)]=r})}),t}function Ut(e,t){if(t=t||{},Object.keys(t).forEach(function(r){if(Vt.indexOf(r)===-1)throw new x('Unknown option "'+r+'" is met in definition of "'+e+'" YAML type.')}),this.options=t,this.tag=e,this.kind=t.kind||null,this.resolve=t.resolve||function(){return!0},this.construct=t.construct||function(r){return r},this.instanceOf=t.instanceOf||null,this.predicate=t.predicate||null,this.represent=t.represent||null,this.representName=t.representName||null,this.defaultStyle=t.defaultStyle||null,this.multi=t.multi||!1,this.styleAliases=zt(t.styleAliases||null),Ft.indexOf(this.kind)===-1)throw new x('Unknown kind "'+this.kind+'" is specified for "'+e+'" YAML type.')}var g=Ut;function qe(e,t){var r=[];return e[t].forEach(function(o){var i=r.length;r.forEach(function(a,s){a.tag===o.tag&&a.kind===o.kind&&a.multi===o.multi&&(i=s)}),r[i]=o}),r}function Pt(){var e={scalar:{},sequence:{},mapping:{},fallback:{},multi:{scalar:[],sequence:[],mapping:[],fallback:[]}},t,r;function o(i){i.multi?(e.multi[i.kind].push(i),e.multi.fallback.push(i)):e[i.kind][i.tag]=e.fallback[i.tag]=i}for(t=0,r=arguments.length;t<r;t+=1)arguments[t].forEach(o);return e}function G(e){return this.extend(e)}G.prototype.extend=function(e){var t=[],r=[];if(e instanceof g)r.push(e);else if(Array.isArray(e))r=r.concat(e);else if(e&&(Array.isArray(e.implicit)||Array.isArray(e.explicit)))e.implicit&&(t=t.concat(e.implicit)),e.explicit&&(r=r.concat(e.explicit));else throw new x("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");t.forEach(function(i){if(!(i instanceof g))throw new x("Specified list of YAML types (or a single Type object) contains a non-Type object.");if(i.loadKind&&i.loadKind!=="scalar")throw new x("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");if(i.multi)throw new x("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.")}),r.forEach(function(i){if(!(i instanceof g))throw new x("Specified list of YAML types (or a single Type object) contains a non-Type object.")});var o=Object.create(G.prototype);return o.implicit=(this.implicit||[]).concat(t),o.explicit=(this.explicit||[]).concat(r),o.compiledImplicit=qe(o,"implicit"),o.compiledExplicit=qe(o,"explicit"),o.compiledTypeMap=Pt(o.compiledImplicit,o.compiledExplicit),o};var Kt=G,Ht=new g("tag:yaml.org,2002:str",{kind:"scalar",construct:function(e){return e!==null?e:""}}),Mt=new g("tag:yaml.org,2002:seq",{kind:"sequence",construct:function(e){return e!==null?e:[]}}),Gt=new g("tag:yaml.org,2002:map",{kind:"mapping",construct:function(e){return e!==null?e:{}}}),Yt=new Kt({explicit:[Ht,Mt,Gt]});function Zt(e){if(e===null)return!0;var t=e.length;return t===1&&e==="~"||t===4&&(e==="null"||e==="Null"||e==="NULL")}function Qt(){return null}function Wt(e){return e===null}var Jt=new g("tag:yaml.org,2002:null",{kind:"scalar",resolve:Zt,construct:Qt,predicate:Wt,represent:{canonical:function(){return"~"},lowercase:function(){return"null"},uppercase:function(){return"NULL"},camelcase:function(){return"Null"},empty:function(){return""}},defaultStyle:"lowercase"});function Xt(e){if(e===null)return!1;var t=e.length;return t===4&&(e==="true"||e==="True"||e==="TRUE")||t===5&&(e==="false"||e==="False"||e==="FALSE")}function er(e){return e==="true"||e==="True"||e==="TRUE"}function tr(e){return Object.prototype.toString.call(e)==="[object Boolean]"}var rr=new g("tag:yaml.org,2002:bool",{kind:"scalar",resolve:Xt,construct:er,predicate:tr,represent:{lowercase:function(e){return e?"true":"false"},uppercase:function(e){return e?"TRUE":"FALSE"},camelcase:function(e){return e?"True":"False"}},defaultStyle:"lowercase"});function nr(e){return 48<=e&&e<=57||65<=e&&e<=70||97<=e&&e<=102}function ir(e){return 48<=e&&e<=55}function or(e){return 48<=e&&e<=57}function ar(e){if(e===null)return!1;var t=e.length,r=0,o=!1,i;if(!t)return!1;if(i=e[r],(i==="-"||i==="+")&&(i=e[++r]),i==="0"){if(r+1===t)return!0;if(i=e[++r],i==="b"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(i!=="0"&&i!=="1")return!1;o=!0}return o&&i!=="_"}if(i==="x"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!nr(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}if(i==="o"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!ir(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}}if(i==="_")return!1;for(;r<t;r++)if(i=e[r],i!=="_"){if(!or(e.charCodeAt(r)))return!1;o=!0}return!(!o||i==="_")}function sr(e){var t=e,r=1,o;if(t.indexOf("_")!==-1&&(t=t.replace(/_/g,"")),o=t[0],(o==="-"||o==="+")&&(o==="-"&&(r=-1),t=t.slice(1),o=t[0]),t==="0")return 0;if(o==="0"){if(t[1]==="b")return r*parseInt(t.slice(2),2);if(t[1]==="x")return r*parseInt(t.slice(2),16);if(t[1]==="o")return r*parseInt(t.slice(2),8)}return r*parseInt(t,10)}function cr(e){return Object.prototype.toString.call(e)==="[object Number]"&&e%1===0&&!M.isNegativeZero(e)}var lr=new g("tag:yaml.org,2002:int",{kind:"scalar",resolve:ar,construct:sr,predicate:cr,represent:{binary:function(e){return e>=0?"0b"+e.toString(2):"-0b"+e.toString(2).slice(1)},octal:function(e){return e>=0?"0o"+e.toString(8):"-0o"+e.toString(8).slice(1)},decimal:function(e){return e.toString(10)},hexadecimal:function(e){return e>=0?"0x"+e.toString(16).toUpperCase():"-0x"+e.toString(16).toUpperCase().slice(1)}},defaultStyle:"decimal",styleAliases:{binary:[2,"bin"],octal:[8,"oct"],decimal:[10,"dec"],hexadecimal:[16,"hex"]}}),ur=new RegExp("^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$");function pr(e){return!(e===null||!ur.test(e)||e[e.length-1]==="_")}function dr(e){var t,r;return t=e.replace(/_/g,"").toLowerCase(),r=t[0]==="-"?-1:1,"+-".indexOf(t[0])>=0&&(t=t.slice(1)),t===".inf"?r===1?Number.POSITIVE_INFINITY:Number.NEGATIVE_INFINITY:t===".nan"?NaN:r*parseFloat(t,10)}var yr=/^[-+]?[0-9]+e/;function fr(e,t){var r;if(isNaN(e))switch(t){case"lowercase":return".nan";case"uppercase":return".NAN";case"camelcase":return".NaN"}else if(Number.POSITIVE_INFINITY===e)switch(t){case"lowercase":return".inf";case"uppercase":return".INF";case"camelcase":return".Inf"}else if(Number.NEGATIVE_INFINITY===e)switch(t){case"lowercase":return"-.inf";case"uppercase":return"-.INF";case"camelcase":return"-.Inf"}else if(M.isNegativeZero(e))return"-0.0";return r=e.toString(10),yr.test(r)?r.replace("e",".e"):r}function mr(e){return Object.prototype.toString.call(e)==="[object Number]"&&(e%1!==0||M.isNegativeZero(e))}var hr=new g("tag:yaml.org,2002:float",{kind:"scalar",resolve:pr,construct:dr,predicate:mr,represent:fr,defaultStyle:"lowercase"}),gr=Yt.extend({implicit:[Jt,rr,lr,hr]}),_r=gr,Re=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"),Le=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$");function br(e){return e===null?!1:Re.exec(e)!==null||Le.exec(e)!==null}function kr(e){var t,r,o,i,a,s,c,p=0,l=null,f,u,m;if(t=Re.exec(e),t===null&&(t=Le.exec(e)),t===null)throw new Error("Date resolve error");if(r=+t[1],o=+t[2]-1,i=+t[3],!t[4])return new Date(Date.UTC(r,o,i));if(a=+t[4],s=+t[5],c=+t[6],t[7]){for(p=t[7].slice(0,3);p.length<3;)p+="0";p=+p}return t[9]&&(f=+t[10],u=+(t[11]||0),l=(f*60+u)*6e4,t[9]==="-"&&(l=-l)),m=new Date(Date.UTC(r,o,i,a,s,c,p)),l&&m.setTime(m.getTime()-l),m}function wr(e){return e.toISOString()}var Sr=new g("tag:yaml.org,2002:timestamp",{kind:"scalar",resolve:br,construct:kr,instanceOf:Date,represent:wr});function Tr(e){return e==="<<"||e===null}var Er=new g("tag:yaml.org,2002:merge",{kind:"scalar",resolve:Tr}),Y=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
+\r`;function vr(e){if(e===null)return!1;var t,r,o=0,i=e.length,a=Y;for(r=0;r<i;r++)if(t=a.indexOf(e.charAt(r)),!(t>64)){if(t<0)return!1;o+=6}return o%8===0}function Cr(e){var t,r,o=e.replace(/[\r\n=]/g,""),i=o.length,a=Y,s=0,c=[];for(t=0;t<i;t++)t%4===0&&t&&(c.push(s>>16&255),c.push(s>>8&255),c.push(s&255)),s=s<<6|a.indexOf(o.charAt(t));return r=i%4*6,r===0?(c.push(s>>16&255),c.push(s>>8&255),c.push(s&255)):r===18?(c.push(s>>10&255),c.push(s>>2&255)):r===12&&c.push(s>>4&255),new Uint8Array(c)}function Ir(e){var t="",r=0,o,i,a=e.length,s=Y;for(o=0;o<a;o++)o%3===0&&o&&(t+=s[r>>18&63],t+=s[r>>12&63],t+=s[r>>6&63],t+=s[r&63]),r=(r<<8)+e[o];return i=a%3,i===0?(t+=s[r>>18&63],t+=s[r>>12&63],t+=s[r>>6&63],t+=s[r&63]):i===2?(t+=s[r>>10&63],t+=s[r>>4&63],t+=s[r<<2&63],t+=s[64]):i===1&&(t+=s[r>>2&63],t+=s[r<<4&63],t+=s[64],t+=s[64]),t}function xr(e){return Object.prototype.toString.call(e)==="[object Uint8Array]"}var Ar=new g("tag:yaml.org,2002:binary",{kind:"scalar",resolve:vr,construct:Cr,predicate:xr,represent:Ir}),Nr=Object.prototype.hasOwnProperty,qr=Object.prototype.toString;function Rr(e){if(e===null)return!0;var t=[],r,o,i,a,s,c=e;for(r=0,o=c.length;r<o;r+=1){if(i=c[r],s=!1,qr.call(i)!=="[object Object]")return!1;for(a in i)if(Nr.call(i,a))if(!s)s=!0;else return!1;if(!s)return!1;if(t.indexOf(a)===-1)t.push(a);else return!1}return!0}function Lr(e){return e!==null?e:[]}var Or=new g("tag:yaml.org,2002:omap",{kind:"sequence",resolve:Rr,construct:Lr}),Dr=Object.prototype.toString;function Br(e){if(e===null)return!0;var t,r,o,i,a,s=e;for(a=new Array(s.length),t=0,r=s.length;t<r;t+=1){if(o=s[t],Dr.call(o)!=="[object Object]"||(i=Object.keys(o),i.length!==1))return!1;a[t]=[i[0],o[i[0]]]}return!0}function jr(e){if(e===null)return[];var t,r,o,i,a,s=e;for(a=new Array(s.length),t=0,r=s.length;t<r;t+=1)o=s[t],i=Object.keys(o),a[t]=[i[0],o[i[0]]];return a}var $r=new g("tag:yaml.org,2002:pairs",{kind:"sequence",resolve:Br,construct:jr}),Vr=Object.prototype.hasOwnProperty;function Fr(e){if(e===null)return!0;var t,r=e;for(t in r)if(Vr.call(r,t)&&r[t]!==null)return!1;return!0}function zr(e){return e!==null?e:{}}var Ur=new g("tag:yaml.org,2002:set",{kind:"mapping",resolve:Fr,construct:zr});_r.extend({implicit:[Sr,Er],explicit:[Ar,Or,$r,Ur]});function Oe(e){return e===48?"\0":e===97?"\x07":e===98?"\b":e===116||e===9?"	":e===110?`
+`:e===118?"\v":e===102?"\f":e===114?"\r":e===101?"\x1B":e===32?" ":e===34?'"':e===47?"/":e===92?"\\":e===78?"…":e===95?" ":e===76?"\u2028":e===80?"\u2029":""}for(var Pr=new Array(256),Kr=new Array(256),R=0;R<256;R++)Pr[R]=Oe(R)?1:0,Kr[R]=Oe(R);const De="24px",Hr=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Mr=e=>(n.pushScopeId("data-v-cd88dfcc"),e=e(),n.popScopeId(),e),Gr=["aria-hidden"],Yr={key:0,"data-testid":"kui-icon-svg-title"},Zr=Mr(()=>n.createElementVNode("path",{d:"M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",fill:"currentColor"},null,-1)),Qr=n.defineComponent({__name:"CopyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:De,validator:e=>{if(typeof e=="number"&&e>0)return!0;if(typeof e=="string"){const t=String(e).replace(/px/gi,""),r=Number(t);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(e){const t=e,r=n.computed(()=>{if(typeof t.size=="number"&&t.size>0)return`${t.size}px`;if(typeof t.size=="string"){const i=String(t.size).replace(/px/gi,""),a=Number(i);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return`${a}px`}return De}),o=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,flexShrink:"0",height:r.value,lineHeight:"0",width:r.value}));return(i,a)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.as),{"aria-hidden":e.decorative?"true":void 0,class:"kui-icon copy-icon","data-testid":"kui-icon-wrapper-copy-icon",style:n.normalizeStyle(o.value)},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":e.decorative?"true":void 0,"data-testid":"kui-icon-svg-copy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[e.title?(n.openBlock(),n.createElementBlock("title",Yr,n.toDisplayString(e.title),1)):n.createCommentVNode("",!0),Zr],8,Gr))]),_:1},8,["aria-hidden","style"]))}}),Wr=Hr(Qr,[["__scopeId","data-v-cd88dfcc"]]),Jr=[];for(let e=0;e<256;++e)Jr.push((e+256).toString(16).slice(1));typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const Xr={class:"kong-ui-public-entity-link","data-testid":"entity-link-parent"},en={key:0,class:"deleted-entity"},tn={key:1},rn=["onClick"],nn=n.defineComponent({__name:"EntityLink",props:{entityLinkData:{type:Object,required:!0},externalLink:{type:String,required:!1,default:""},newWindow:{type:Boolean,required:!1,default:!1},allowCopy:{type:Boolean,required:!1,default:!1}},setup(e){const t=e,r=n.ref(),{isTruncated:o}=xe.useTruncationDetector(r),{i18n:{t:i}}=xe.useI18n(),a=i("global.actions.copyId"),s=n.ref(a),c=n.computed(()=>t.entityLinkData.deleted??!1),p=n.computed(()=>{var u;return(u=t.entityLinkData.id)!=null&&u.toString().includes(":")?t.entityLinkData.id.toString().split(":")[1]:t.entityLinkData.id}),l=n.computed(()=>{var u;return`${(u=p.value)==null?void 0:u.toString().slice(0,5)} (deleted)`}),f=async u=>{await u(p.value||"")&&(s.value=i("global.actions.copyToClipboard"),setTimeout(()=>{s.value=a},1800))};return(u,m)=>{const y=n.resolveComponent("KTooltip"),b=n.resolveComponent("KExternalLink"),E=n.resolveComponent("KClipboardProvider");return n.openBlock(),n.createElementBlock("div",Xr,[c.value?(n.openBlock(),n.createElementBlock("div",en,n.toDisplayString(l.value),1)):p.value?p.value?(n.openBlock(),n.createBlock(b,{key:2,class:"entity-link","hide-icon":!e.newWindow,href:e.externalLink,target:e.newWindow?"_blank":"_self"},{default:n.withCtx(()=>[n.createVNode(y,{text:n.unref(o)&&e.entityLinkData.label||""},{default:n.withCtx(()=>[n.createElementVNode("span",{ref_key:"textContent",ref:r,class:"entity-link-label"},n.toDisplayString(e.entityLinkData.label),513)]),_:1},8,["text"])]),_:1},8,["hide-icon","href","target"])):n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",tn,n.toDisplayString(" – "))),p.value&&e.allowCopy?(n.openBlock(),n.createBlock(y,{key:s.value,class:"copy-uuid-tooltip","max-width":"160",placement:"bottom-end",text:s.value},{default:n.withCtx(()=>[n.createVNode(E,null,{default:n.withCtx(({copyToClipboard:C})=>[n.createElementVNode("span",{class:"entity-link-copy-id",onClick:n.withModifiers(A=>f(C),["stop"])},[n.createVNode(n.unref(Wr),{class:"copy-icon",color:n.unref(Ct),"data-testid":"copy-id",size:n.unref(It)},null,8,["color","size"])],8,rn)]),_:1})]),_:1},8,["text"])):n.createCommentVNode("",!0)])}}}),on=vt(nn,[["__scopeId","data-v-60e3ef7c"]]),an=n.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){const t=e,r=o=>{var i;if((i=t.chartOptions)!=null&&i.entityLink)if(o.id.includes(":")){const[a,s]=o.id.split(":");return t.chartOptions.entityLink.replace(X,a).replace(K,s)}else return t.chartOptions.entityLink.replace(K,o.id);return""};return(o,i)=>(n.openBlock(),n.createBlock(F,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:n.withCtx(({data:a})=>[n.createVNode(n.unref(v.TopNTable),{data:a,description:o.chartOptions.description,"synthetics-data-key":o.chartOptions.syntheticsDataKey,title:o.chartOptions.chartTitle||""},n.createSlots({_:2},[t.chartOptions.entityLink?{name:"name",fn:n.withCtx(({record:s})=>[n.createVNode(n.unref(on),{"entity-link-data":{id:s.id,label:s.name,deleted:s.deleted},"external-link":r(s)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),sn={class:"tile-boundary"},cn=I(n.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170},queryReady:{type:Boolean}},setup(e){n.useCssVars(a=>({58871060:`${a.height}px`}));const t=parseInt(ge,10),r=e,o={[k.TimeseriesLine]:Ze,[k.HorizontalBar]:he,[k.VerticalBar]:he,[k.Gauge]:Me,[k.GoldenSignals]:We,[k.TopN]:an,[k.Slottable]:void 0},i=n.computed(()=>{const a=o[r.definition.chart.type];return a&&{component:a,rendererProps:{query:r.definition.query,context:r.context,queryReady:r.queryReady,chartOptions:r.definition.chart,height:r.height-t*2}}});return(a,s)=>(n.openBlock(),n.createElementBlock("div",sn,[i.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.value.component),n.normalizeProps(n.mergeProps({key:0},i.value.rendererProps)),null,16)):n.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-69b5e552"]]),ln=(e,t,r)=>{const o=new Map;r.forEach(a=>{const s=a.layout.position.row,c=o.get(s),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?o.set(s,p):o.set(s,c&&p)});const i=[];for(let a=0;a<e;a++)o.get(a)?i.push("auto"):i.push(`${t}px`);return i},Be=I(n.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>170},tiles:{type:Array,required:!0}},setup(e){n.useCssVars(c=>({cfb759a4:e.gridSize.cols,"208951e1":a.value}));const t=e,r=n.ref(null),o=n.ref(0),i=new ResizeObserver(c=>{window.requestAnimationFrame(()=>{!Array.isArray(c)||!c.length||(o.value=c[0].contentRect.width)})});n.onMounted(()=>{r.value&&i.observe(r.value)}),n.onUnmounted(()=>{r.value&&i.unobserve(r.value)});const a=n.computed(()=>{var p;return ln((p=t.gridSize)==null?void 0:p.rows,t.tileHeight,t.tiles).join(" ")}),s=n.computed(()=>t.tiles.map((c,p)=>({key:`tile-${p}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,p)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:r,class:"kong-ui-public-grid-layout"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.value,l=>(n.openBlock(),n.createElementBlock("div",{key:l.key,class:n.normalizeClass(["grid-cell",{"empty-cell":!l.tile}]),style:n.normalizeStyle(l.style)},[n.renderSlot(c.$slots,"tile",{style:n.normalizeStyle(l.style),tile:l.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-056142a9"]]),un={class:"kong-ui-public-dashboard-renderer"},pn={key:0,class:"tile-container"},dn=I(n.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(e){const t=e,{i18n:r}=me.useI18n(),o=n.inject(P);o||(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 i=$e.useAnalyticsConfigStore(),a=n.computed(()=>t.context.timeSpec?t.context.timeSpec:{type:"relative",time_range:i.defaultQueryTimeForOrg}),s=n.computed(()=>!!t.context.timeSpec||!i.loading),c=n.computed(()=>t.config.tiles.map((l,f)=>{var m;let u=l.definition;if("description"in u.chart){const y=(m=u.chart.description)==null?void 0:m.replace(ee,()=>{const E=`renderer.trendRange.${a.value.type==="absolute"?"custom":a.value.time_range}`;return r.te(E)?r.t(E):""});u={...u,chart:{...u.chart,description:y}}}return{layout:l.layout,meta:u,id:f}})),p=n.computed(()=>{let{tz:l,refreshInterval:f}=t.context;return l||(l=new Intl.DateTimeFormat().resolvedOptions().timeZone),f===void 0&&(f=3e4),{...t.context,tz:l,timeSpec:a.value,refreshInterval:f}});return(l,f)=>{const u=n.resolveComponent("KAlert");return n.openBlock(),n.createElementBlock("div",un,[n.unref(o)?(n.openBlock(),n.createBlock(Be,{key:1,"grid-size":l.config.gridSize,"tile-height":l.config.tileHeight,tiles:c.value},{tile:n.withCtx(({tile:m})=>[m.meta.chart.type===n.unref(k).Slottable?(n.openBlock(),n.createElementBlock("div",pn,[n.renderSlot(l.$slots,m.meta.chart.id,{},void 0,!0)])):(n.openBlock(),n.createBlock(cn,{key:1,class:"tile-container",context:p.value,definition:m.meta,height:m.layout.size.rows*(l.config.tileHeight||n.unref(170))+parseInt(n.unref(ge),10),"query-ready":s.value},null,8,["context","definition","height","query-ready"]))]),_:3},8,["grid-size","tile-height","tiles"])):(n.openBlock(),n.createBlock(u,{key:0,appearance:"danger"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-2dd03268"]]);d.CP_ID_TOKEN=X,d.ChartTypes=k,d.DEFAULT_TILE_HEIGHT=170,d.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,d.DashboardRenderer=dn,d.ENTITY_ID_TOKEN=K,d.GridLayout=Be,d.INJECT_QUERY_PROVIDER=P,d.TIMEFRAME_TOKEN=ee,d.barChartSchema=ie,d.dashboardConfigSchema=Ve,d.exploreV4QuerySchema=le,d.gaugeChartSchema=ae,d.metricCardSchema=ce,d.slottableSchema=ne,d.tileConfigSchema=ye,d.tileDefinitionSchema=pe,d.tileLayoutSchema=de,d.timeseriesChartSchema=oe,d.topNTableSchema=se,d.validDashboardQuery=ue,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/dashboard-renderer",
-  "version": "0.23.34",
+  "version": "0.23.35",
   "type": "module",
   "main": "./dist/dashboard-renderer.umd.js",
   "module": "./dist/dashboard-renderer.es.js",
@@ -29,8 +29,8 @@
     "vue": "^3.4.31",
     "@kong-ui-public/analytics-chart": "^4.2.20",
     "@kong-ui-public/analytics-config-store": "^0.7.11",
-    "@kong-ui-public/analytics-utilities": "^4.3.1",
     "@kong-ui-public/i18n": "^2.2.2",
+    "@kong-ui-public/analytics-utilities": "^4.3.1",
     "@kong-ui-public/sandbox-layout": "^2.1.19",
     "@kong-ui-public/analytics-metric-provider": "^8.0.19"
   },
@@ -58,13 +58,13 @@
     "@kong-ui-public/analytics-chart": "^4.2.20",
     "@kong-ui-public/analytics-config-store": "^0.7.11",
     "@kong-ui-public/analytics-metric-provider": "^8.0.19",
-    "@kong-ui-public/i18n": "^2.2.2",
-    "@kong-ui-public/analytics-utilities": "^4.3.1"
+    "@kong-ui-public/analytics-utilities": "^4.3.1",
+    "@kong-ui-public/i18n": "^2.2.2"
   },
   "dependencies": {
     "ajv": "^8.12.0",
     "@kong-ui-public/core": "^1.7.7",
-    "@kong-ui-public/entities-shared": "^3.6.2"
+    "@kong-ui-public/entities-shared": "^3.6.3"
   },
   "scripts": {
     "dev": "cross-env USE_SANDBOX=true vite",