@kong-ui-public/entities-consumer-groups 3.0.1-pr.1253.cebdd2df.0 → 3.0.1

package/dist/entities-consumer-groups.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, ref as N, computed as I, watch as xe, renderSlot as ne, createCommentVNode as W, unref as h, onBeforeMount as ut, resolveComponent as P, openBlock as m, createBlock as D, createSlots as Ke, withCtx as b, createElementVNode as B, createVNode as $, createTextVNode as Z, toDisplayString as F, renderList as ye, createElementBlock as M, withModifiers as _t, withDirectives as Se, vShow as $e, Fragment as ve, normalizeClass as Me, withKeys as vr, useSlots as Tt, resolveDynamicComponent as Ne, useCssVars as gn, inject as br, onMounted as kr, onUnmounted as Cr, normalizeStyle as ct, normalizeProps as wr, guardReactiveProps as _r, mergeProps as Ar, pushScopeId as dt, popScopeId as pt, reactive as Vt } from "vue";
+import { defineComponent as X, ref as N, computed as I, watch as xe, renderSlot as ne, createCommentVNode as Y, unref as h, onBeforeMount as ut, resolveComponent as P, openBlock as m, createBlock as D, createSlots as Ke, withCtx as b, createElementVNode as B, createVNode as $, createTextVNode as Z, toDisplayString as F, renderList as ye, createElementBlock as M, withModifiers as _t, withDirectives as Se, vShow as $e, Fragment as ve, normalizeClass as Me, withKeys as vr, useSlots as Tt, resolveDynamicComponent as Ne, useCssVars as gn, inject as br, onMounted as kr, onUnmounted as Cr, normalizeStyle as ct, normalizeProps as wr, guardReactiveProps as _r, mergeProps as Ar, pushScopeId as dt, popScopeId as pt, reactive as Vt } from "vue";
 import { useRouter as jt } from "vue-router";
 import { createI18n as hn, i18nTComponent as yn } from "@kong-ui-public/i18n";
 import Dt from "axios";
@@ -382,7 +382,7 @@ function Dr(e, n, t, r = {
 }) {
   t || (t = "1000");
   const { axiosInstance: a } = Mt(e.axiosRequestConfig), { i18n: { t: i } } = mt(), { debounce: o } = jr(), s = o(async (v) => {
-    await Y(v);
+    await W(v);
   }, 200), l = N(!1), u = N(""), d = N(""), c = N([]), y = N([]), p = N(void 0), A = h(n);
   let w = `${e.apiBaseUrl}${A}`;
   e.app === "konnect" ? w = w.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (w = w.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
@@ -396,7 +396,7 @@ function Dr(e, n, t, r = {
     } finally {
       l.value = !1;
     }
-  }, K = N(""), Y = async (v) => {
+  }, K = N(""), W = async (v) => {
     var f, g, q;
     if (K.value !== v)
       if (K.value = v || "", p.value === void 0)
@@ -417,11 +417,11 @@ function Dr(e, n, t, r = {
                 return k[r.fetchedItemsKey];
               })
             );
-            const x = await Promise.all(L), z = /* @__PURE__ */ new Set();
+            const x = await Promise.all(L), G = /* @__PURE__ */ new Set();
             c.value = [], (f = x == null ? void 0 : x.forEach) == null || f.call(x, (E) => {
               var k;
               (k = E == null ? void 0 : E.forEach) == null || k.call(E, (j) => {
-                z.has(j.id) || (z.add(j.id), c.value.push(j));
+                G.has(j.id) || (G.add(j.id), c.value.push(j));
               });
             });
           } else
@@ -434,12 +434,12 @@ function Dr(e, n, t, r = {
       else
         l.value = !0, d.value = "", v ? (c.value = (q = p.value) == null ? void 0 : q.filter((L) => {
           var x;
-          let z = !1;
+          let G = !1;
           for (const E of r.searchKeys) {
             const k = typeof L[E] == "string" ? (x = L[E]) == null ? void 0 : x.toLowerCase() : L[E];
-            k != null && k.includes(v.toLowerCase()) && (z = !0);
+            k != null && k.includes(v.toLowerCase()) && (G = !0);
           }
-          return z;
+          return G;
         }), (!c.value || !c.value.length) && (d.value = i("debouncedFilter.errors.invalid"))) : c.value = p.value, l.value = !1;
   };
   return {
@@ -452,13 +452,13 @@ function Dr(e, n, t, r = {
     debouncedQueryChange: s
   };
 }
-function Gr(e, n) {
+function zr(e, n) {
   const t = h(n), r = I(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return r.value.search = "", (a) => `${r.value.href}/${a}`;
 }
-function zr() {
+function Gr() {
   const { i18n: { t: e } } = mt();
   return {
     getMessageFromError: (n) => {
@@ -563,27 +563,27 @@ function Hr(e, n, t = "data") {
     }
   }, fetcherState: o };
 }
-function Wr() {
+function Yr() {
   const e = (t, r = "_") => t ? t.split(r).map((a) => a.toLowerCase() === "id" ? a.toUpperCase() : a.charAt(0).toUpperCase() + a.substring(1)).join(" ") : "", n = /(?:^|[\s-:'"])\w/g;
   return {
     capitalize: (t) => t ? t.replace(n, (r) => r.toUpperCase()) : "",
     convertKeyToTitle: e
   };
 }
-const Cn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Gt = (e) => {
+const Cn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, zt = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
   const n = e.match(Cn);
   if (!n)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return n.shift(), n;
-}, zt = (e) => e === "*" || e === "x" || e === "X", Jt = (e) => {
+}, Gt = (e) => e === "*" || e === "x" || e === "X", Jt = (e) => {
   const n = parseInt(e, 10);
   return isNaN(n) ? e : n;
-}, Yr = (e, n) => typeof e != typeof n ? [String(e), String(n)] : [e, n], Zr = (e, n) => {
-  if (zt(e) || zt(n))
+}, Wr = (e, n) => typeof e != typeof n ? [String(e), String(n)] : [e, n], Zr = (e, n) => {
+  if (Gt(e) || Gt(n))
     return 0;
-  const [t, r] = Yr(Jt(e), Jt(n));
+  const [t, r] = Wr(Jt(e), Jt(n));
   return t > r ? 1 : t < r ? -1 : 0;
 }, Ht = (e, n) => {
   for (let t = 0; t < Math.max(e.length, n.length); t++) {
@@ -593,9 +593,9 @@ const Cn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   }
   return 0;
 }, Qr = (e, n) => {
-  const t = Gt(e), r = Gt(n), a = t.pop(), i = r.pop(), o = Ht(t, r);
+  const t = zt(e), r = zt(n), a = t.pop(), i = r.pop(), o = Ht(t, r);
   return o !== 0 ? o : a && i ? Ht(a.split("."), i.split(".")) : a || i ? a ? -1 : 1 : 0;
-}, Wt = (e, n, t) => {
+}, Yt = (e, n, t) => {
   Xr(t);
   const r = Qr(e, n);
   return wn[t].includes(r);
@@ -606,11 +606,11 @@ const Cn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Yt = Object.keys(wn), Xr = (e) => {
+}, Wt = Object.keys(wn), Xr = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
-  if (Yt.indexOf(e) === -1)
-    throw new Error(`Invalid operator, expected one of ${Yt.join("|")}`);
+  if (Wt.indexOf(e) === -1)
+    throw new Error(`Invalid operator, expected one of ${Wt.join("|")}`);
 }, ea = (e) => typeof e == "string" && /^[v\d]/.test(e) && Cn.test(e);
 function ta(e) {
   const { gatewayInfo: n, supportedRange: t } = e;
@@ -623,7 +623,7 @@ function ta(e) {
   if (!i)
     return !1;
   const [o, s] = i;
-  return !(o && Wt(a, o, "<") || s && Wt(a, s, ">"));
+  return !(o && Yt(a, o, "<") || s && Yt(a, s, ">"));
 }
 function na(e) {
   const n = N(0), t = N(0), r = N(!1);
@@ -642,13 +642,13 @@ function ra() {
 const se = {
   useAxios: Mt,
   useDebouncedFilter: Dr,
-  useDeleteUrlBuilder: Gr,
-  useErrors: zr,
+  useDeleteUrlBuilder: zr,
+  useErrors: Gr,
   useExternalLinkCreator: Jr,
   useFetcher: Hr,
   useFetchUrlBuilder: kn,
   useHelpers: bn,
-  useStringHelpers: Wr,
+  useStringHelpers: Yr,
   useI18n: mt,
   useGatewayFeatureSupported: ta,
   useTruncationDetector: na,
@@ -686,7 +686,7 @@ const se = {
       default: b(() => [
         e.isArrayItem ? (m(), M("legend", aa, [
           B("b", null, F(s.value), 1)
-        ])) : W("", !0),
+        ])) : Y("", !0),
         (m(!0), M(ve, null, ye(Object.keys(o.value), (d, c) => (m(), D(An, {
           key: `${a.value}-property-${c}`,
           item: {
@@ -894,7 +894,7 @@ const se = {
       }
     }), y = N(), { isTruncated: p } = se.useTruncationDetector(y);
     return (A, w) => {
-      const _ = P("KLabel"), R = P("KBadge"), K = P("KCopy"), Y = P("KTooltip");
+      const _ = P("KLabel"), R = P("KBadge"), K = P("KCopy"), W = P("KTooltip");
       return m(), M("div", ga, [
         B("div", {
           class: "config-card-details-label",
@@ -949,7 +949,7 @@ const se = {
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "tooltip"]))), 128))
-                  ], 8, Ca)) : W("", !0),
+                  ], 8, Ca)) : Y("", !0),
                   c.value.additionalComponent === "KCopy" ? (m(), M("div", {
                     key: 1,
                     class: "copy-uuid-array",
@@ -976,7 +976,7 @@ const se = {
                       ]),
                       _: 2
                     }, 1032, ["appearance", "data-testid"]))), 128))
-                  ], 8, _a)) : W("", !0),
+                  ], 8, _a)) : Y("", !0),
                   c.value.additionalComponent === "JsonCardItem" ? (m(), M("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
@@ -987,7 +987,7 @@ const se = {
                       "is-array-item": "",
                       item: v
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, Aa)) : (m(), D(Y, {
+                  ], 8, Aa)) : (m(), D(W, {
                     key: 4,
                     text: h(p) ? e.item.value : ""
                   }, {
@@ -1072,7 +1072,7 @@ const se = {
             language: "json",
             theme: "dark"
           }, null, 8, ["code"])
-        ])) : W("", !0),
+        ])) : Y("", !0),
         n.jsonRecord ? (m(), D(s, {
           key: 1,
           id: "json-codeblock",
@@ -1080,7 +1080,7 @@ const se = {
           code: JSON.stringify(t.value, null, 2),
           language: "json",
           theme: "dark"
-        }, null, 8, ["class", "code"])) : W("", !0)
+        }, null, 8, ["class", "code"])) : Y("", !0)
       ]);
     };
   }
@@ -1199,7 +1199,7 @@ function Da(e) {
     });
   }), n;
 }
-function Ga(e, n) {
+function za(e, n) {
   if (n = n || {}, Object.keys(n).forEach(function(t) {
     if (Ra.indexOf(t) === -1)
       throw new pe('Unknown option "' + t + '" is met in definition of "' + e + '" YAML type.');
@@ -1210,7 +1210,7 @@ function Ga(e, n) {
   }, this.instanceOf = n.instanceOf || null, this.predicate = n.predicate || null, this.represent = n.represent || null, this.representName = n.representName || null, this.defaultStyle = n.defaultStyle || null, this.multi = n.multi || !1, this.styleAliases = Da(n.styleAliases || null), Va.indexOf(this.kind) === -1)
     throw new pe('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
 }
-var ue = Ga;
+var ue = za;
 function Zt(e, n) {
   var t = [];
   return e[n].forEach(function(r) {
@@ -1220,7 +1220,7 @@ function Zt(e, n) {
     }), t[a] = r;
   }), t;
 }
-function za() {
+function Ga() {
   var e = {
     scalar: {},
     sequence: {},
@@ -1265,7 +1265,7 @@ At.prototype.extend = function(e) {
       throw new pe("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
   var r = Object.create(At.prototype);
-  return r.implicit = (this.implicit || []).concat(n), r.explicit = (this.explicit || []).concat(t), r.compiledImplicit = Zt(r, "implicit"), r.compiledExplicit = Zt(r, "explicit"), r.compiledTypeMap = za(r.compiledImplicit, r.compiledExplicit), r;
+  return r.implicit = (this.implicit || []).concat(n), r.explicit = (this.explicit || []).concat(t), r.compiledImplicit = Zt(r, "implicit"), r.compiledExplicit = Zt(r, "explicit"), r.compiledTypeMap = Ga(r.compiledImplicit, r.compiledExplicit), r;
 };
 var $n = At, Tn = new ue("tag:yaml.org,2002:str", {
   kind: "scalar",
@@ -1298,14 +1298,14 @@ function Ja(e) {
 function Ha() {
   return null;
 }
-function Wa(e) {
+function Ya(e) {
   return e === null;
 }
 var On = new ue("tag:yaml.org,2002:null", {
   kind: "scalar",
   resolve: Ja,
   construct: Ha,
-  predicate: Wa,
+  predicate: Ya,
   represent: {
     canonical: function() {
       return "~";
@@ -1325,7 +1325,7 @@ var On = new ue("tag:yaml.org,2002:null", {
   },
   defaultStyle: "lowercase"
 });
-function Ya(e) {
+function Wa(e) {
   if (e === null)
     return !1;
   var n = e.length;
@@ -1339,7 +1339,7 @@ function Qa(e) {
 }
 var Nn = new ue("tag:yaml.org,2002:bool", {
   kind: "scalar",
-  resolve: Ya,
+  resolve: Wa,
   construct: Za,
   predicate: Qa,
   represent: {
@@ -1641,7 +1641,7 @@ function Io(e) {
     r = o[n], a = Object.keys(r), i[n] = [a[0], r[a[0]]];
   return i;
 }
-var Gn = new ue("tag:yaml.org,2002:pairs", {
+var zn = new ue("tag:yaml.org,2002:pairs", {
   kind: "sequence",
   resolve: xo,
   construct: Io
@@ -1658,7 +1658,7 @@ function $o(e) {
 function To(e) {
   return e !== null ? e : {};
 }
-var zn = new ue("tag:yaml.org,2002:set", {
+var Gn = new ue("tag:yaml.org,2002:set", {
   kind: "mapping",
   resolve: $o,
   construct: To
@@ -1670,10 +1670,10 @@ var zn = new ue("tag:yaml.org,2002:set", {
   explicit: [
     Vn,
     Dn,
-    Gn,
-    zn
+    zn,
+    Gn
   ]
-}), Ee = Object.prototype.hasOwnProperty, at = 1, Jn = 2, Hn = 3, ot = 4, wt = 1, jo = 2, Qt = 3, Mo = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, Eo = /[\x85\u2028\u2029]/, Oo = /[,\[\]\{\}]/, Wn = /^(?:!|!!|![a-z\-]+!)$/i, Yn = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
+}), Ee = Object.prototype.hasOwnProperty, at = 1, Jn = 2, Hn = 3, ot = 4, wt = 1, jo = 2, Qt = 3, Mo = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, Eo = /[\x85\u2028\u2029]/, Oo = /[,\[\]\{\}]/, Yn = /^(?:!|!!|![a-z\-]+!)$/i, Wn = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
 function Xt(e) {
   return Object.prototype.toString.call(e);
 }
@@ -1739,7 +1739,7 @@ var tn = {
   },
   TAG: function(e, n, t) {
     var r, a;
-    t.length !== 2 && T(e, "TAG directive accepts exactly two arguments"), r = t[0], a = t[1], Wn.test(r) || T(e, "ill-formed tag handle (first argument) of the TAG directive"), Ee.call(e.tagMap, r) && T(e, 'there is a previously declared suffix for "' + r + '" tag handle'), Yn.test(a) || T(e, "ill-formed tag prefix (second argument) of the TAG directive");
+    t.length !== 2 && T(e, "TAG directive accepts exactly two arguments"), r = t[0], a = t[1], Yn.test(r) || T(e, "ill-formed tag handle (first argument) of the TAG directive"), Ee.call(e.tagMap, r) && T(e, 'there is a previously declared suffix for "' + r + '" tag handle'), Wn.test(a) || T(e, "ill-formed tag prefix (second argument) of the TAG directive");
     try {
       a = decodeURIComponent(a);
     } catch {
@@ -1888,7 +1888,7 @@ function Ro(e, n) {
   for (e.anchor !== null && (e.anchorMap[e.anchor] = s), K = e.input.charCodeAt(++e.position); K !== 0; ) {
     if (oe(e, !0, n), K = e.input.charCodeAt(e.position), K === d)
       return e.position++, e.tag = o, e.anchor = l, e.kind = p ? "mapping" : "sequence", e.result = s, !0;
-    t ? K === 44 && T(e, "expected the node content, but found ','") : T(e, "missed comma between flow collection entries"), _ = w = R = null, c = y = !1, K === 63 && (u = e.input.charCodeAt(e.position + 1), ge(u) && (c = y = !0, e.position++, oe(e, !0, n))), r = e.line, a = e.lineStart, i = e.position, Ge(e, n, at, !1, !0), _ = e.tag, w = e.result, oe(e, !0, n), K = e.input.charCodeAt(e.position), (y || e.line === r) && K === 58 && (c = !0, K = e.input.charCodeAt(++e.position), oe(e, !0, n), Ge(e, n, at, !1, !0), R = e.result), p ? De(e, s, A, _, w, R, r, a, i) : c ? s.push(De(e, null, A, _, w, R, r, a, i)) : s.push(w), oe(e, !0, n), K = e.input.charCodeAt(e.position), K === 44 ? (t = !0, K = e.input.charCodeAt(++e.position)) : t = !1;
+    t ? K === 44 && T(e, "expected the node content, but found ','") : T(e, "missed comma between flow collection entries"), _ = w = R = null, c = y = !1, K === 63 && (u = e.input.charCodeAt(e.position + 1), ge(u) && (c = y = !0, e.position++, oe(e, !0, n))), r = e.line, a = e.lineStart, i = e.position, ze(e, n, at, !1, !0), _ = e.tag, w = e.result, oe(e, !0, n), K = e.input.charCodeAt(e.position), (y || e.line === r) && K === 58 && (c = !0, K = e.input.charCodeAt(++e.position), oe(e, !0, n), ze(e, n, at, !1, !0), R = e.result), p ? De(e, s, A, _, w, R, r, a, i) : c ? s.push(De(e, null, A, _, w, R, r, a, i)) : s.push(w), oe(e, !0, n), K = e.input.charCodeAt(e.position), K === 44 ? (t = !0, K = e.input.charCodeAt(++e.position)) : t = !1;
   }
   T(e, "unexpected end of the stream within a flow collection");
 }
@@ -1948,7 +1948,7 @@ function rn(e, n) {
       i.push(null), l = e.input.charCodeAt(e.position);
       continue;
     }
-    if (t = e.line, Ge(e, n, Hn, !1, !0), i.push(e.result), oe(e, !0, -1), l = e.input.charCodeAt(e.position), (e.line === t || e.lineIndent > n) && l !== 0)
+    if (t = e.line, ze(e, n, Hn, !1, !0), i.push(e.result), oe(e, !0, -1), l = e.input.charCodeAt(e.position), (e.line === t || e.lineIndent > n) && l !== 0)
       T(e, "bad indentation of a sequence entry");
     else if (e.lineIndent < n)
       break;
@@ -1963,7 +1963,7 @@ function Do(e, n, t) {
     if (!_ && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, T(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), i = e.line, (K === 63 || K === 58) && ge(r))
       K === 63 ? (_ && (De(e, c, y, p, A, null, o, s, l), p = A = w = null), R = !0, _ = !0, a = !0) : _ ? (_ = !1, a = !0) : T(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, K = r;
     else {
-      if (o = e.line, s = e.lineStart, l = e.position, !Ge(e, t, Jn, !1, !0))
+      if (o = e.line, s = e.lineStart, l = e.position, !ze(e, t, Jn, !1, !0))
         break;
       if (e.line === i) {
         for (K = e.input.charCodeAt(e.position); qe(K); )
@@ -1979,14 +1979,14 @@ function Do(e, n, t) {
       else
         return e.tag = u, e.anchor = d, !0;
     }
-    if ((e.line === i || e.lineIndent > n) && (_ && (o = e.line, s = e.lineStart, l = e.position), Ge(e, n, ot, !0, a) && (_ ? A = e.result : w = e.result), _ || (De(e, c, y, p, A, w, o, s, l), p = A = w = null), oe(e, !0, -1), K = e.input.charCodeAt(e.position)), (e.line === i || e.lineIndent > n) && K !== 0)
+    if ((e.line === i || e.lineIndent > n) && (_ && (o = e.line, s = e.lineStart, l = e.position), ze(e, n, ot, !0, a) && (_ ? A = e.result : w = e.result), _ || (De(e, c, y, p, A, w, o, s, l), p = A = w = null), oe(e, !0, -1), K = e.input.charCodeAt(e.position)), (e.line === i || e.lineIndent > n) && K !== 0)
       T(e, "bad indentation of a mapping entry");
     else if (e.lineIndent < n)
       break;
   }
   return _ && De(e, c, y, p, A, null, o, s, l), R && (e.tag = u, e.anchor = d, e.kind = "mapping", e.result = c), R;
 }
-function Go(e) {
+function zo(e) {
   var n, t = !1, r = !1, a, i, o;
   if (o = e.input.charCodeAt(e.position), o !== 33)
     return !1;
@@ -1997,10 +1997,10 @@ function Go(e) {
     e.position < e.length ? (i = e.input.slice(n, e.position), o = e.input.charCodeAt(++e.position)) : T(e, "unexpected end of the stream within a verbatim tag");
   } else {
     for (; o !== 0 && !ge(o); )
-      o === 33 && (r ? T(e, "tag suffix cannot contain exclamation marks") : (a = e.input.slice(n - 1, e.position + 1), Wn.test(a) || T(e, "named tag handle cannot contain such characters"), r = !0, n = e.position + 1)), o = e.input.charCodeAt(++e.position);
+      o === 33 && (r ? T(e, "tag suffix cannot contain exclamation marks") : (a = e.input.slice(n - 1, e.position + 1), Yn.test(a) || T(e, "named tag handle cannot contain such characters"), r = !0, n = e.position + 1)), o = e.input.charCodeAt(++e.position);
     i = e.input.slice(n, e.position), Oo.test(i) && T(e, "tag suffix cannot contain flow indicator characters");
   }
-  i && !Yn.test(i) && T(e, "tag name cannot contain such characters: " + i);
+  i && !Wn.test(i) && T(e, "tag name cannot contain such characters: " + i);
   try {
     i = decodeURIComponent(i);
   } catch {
@@ -2008,7 +2008,7 @@ function Go(e) {
   }
   return t ? e.tag = i : Ee.call(e.tagMap, a) ? e.tag = e.tagMap[a] + i : a === "!" ? e.tag = "!" + i : a === "!!" ? e.tag = "tag:yaml.org,2002:" + i : T(e, 'undeclared tag handle "' + a + '"'), !0;
 }
-function zo(e) {
+function Go(e) {
   var n, t;
   if (t = e.input.charCodeAt(e.position), t !== 38)
     return !1;
@@ -2024,10 +2024,10 @@ function Jo(e) {
     r = e.input.charCodeAt(++e.position);
   return e.position === n && T(e, "name of an alias node must contain at least one character"), t = e.input.slice(n, e.position), Ee.call(e.anchorMap, t) || T(e, 'unidentified alias "' + t + '"'), e.result = e.anchorMap[t], oe(e, !0, -1), !0;
 }
-function Ge(e, n, t, r, a) {
+function ze(e, n, t, r, a) {
   var i, o, s, l = 1, u = !1, d = !1, c, y, p, A, w, _;
   if (e.listener !== null && e.listener("open", e), e.tag = null, e.anchor = null, e.kind = null, e.result = null, i = o = s = ot === t || Hn === t, r && oe(e, !0, -1) && (u = !0, e.lineIndent > n ? l = 1 : e.lineIndent === n ? l = 0 : e.lineIndent < n && (l = -1)), l === 1)
-    for (; Go(e) || zo(e); )
+    for (; zo(e) || Go(e); )
       oe(e, !0, -1) ? (u = !0, s = i, e.lineIndent > n ? l = 1 : e.lineIndent === n ? l = 0 : e.lineIndent < n && (l = -1)) : s = !1;
   if (s && (s = u || a), (l === 1 || ot === t) && (at === t || Jn === t ? w = n : w = n + 1, _ = e.position - e.lineStart, l === 1 ? s && (rn(e, _) || Do(e, _, w)) || Ro(e, w) ? d = !0 : (o && Vo(e, w) || Uo(e, w) || Po(e, w) ? d = !0 : Jo(e) ? (d = !0, (e.tag !== null || e.anchor !== null) && T(e, "alias node should not have any properties")) : Bo(e, w, at === t) && (d = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : l === 0 && (d = s && rn(e, _))), e.tag === null)
     e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
@@ -2072,7 +2072,7 @@ function Ho(e) {
     }
     o !== 0 && Nt(e), Ee.call(tn, r) ? tn[r](e, r, a) : it(e, 'unknown document directive "' + r + '"');
   }
-  if (oe(e, !0, -1), e.lineIndent === 0 && e.input.charCodeAt(e.position) === 45 && e.input.charCodeAt(e.position + 1) === 45 && e.input.charCodeAt(e.position + 2) === 45 ? (e.position += 3, oe(e, !0, -1)) : i && T(e, "directives end mark is expected"), Ge(e, e.lineIndent - 1, ot, !1, !0), oe(e, !0, -1), e.checkLineBreaks && Eo.test(e.input.slice(n, e.position)) && it(e, "non-ASCII line breaks are interpreted as content"), e.documents.push(e.result), e.position === e.lineStart && gt(e)) {
+  if (oe(e, !0, -1), e.lineIndent === 0 && e.input.charCodeAt(e.position) === 45 && e.input.charCodeAt(e.position + 1) === 45 && e.input.charCodeAt(e.position + 2) === 45 ? (e.position += 3, oe(e, !0, -1)) : i && T(e, "directives end mark is expected"), ze(e, e.lineIndent - 1, ot, !1, !0), oe(e, !0, -1), e.checkLineBreaks && Eo.test(e.input.slice(n, e.position)) && it(e, "non-ASCII line breaks are interpreted as content"), e.documents.push(e.result), e.position === e.lineStart && gt(e)) {
     e.input.charCodeAt(e.position) === 46 && (e.position += 3, oe(e, !0, -1));
     return;
   }
@@ -2091,7 +2091,7 @@ function er(e, n) {
     Ho(t);
   return t.documents;
 }
-function Wo(e, n, t) {
+function Yo(e, n, t) {
   n !== null && typeof n == "object" && typeof t > "u" && (t = n, n = null);
   var r = er(e, t);
   if (typeof n != "function")
@@ -2099,7 +2099,7 @@ function Wo(e, n, t) {
   for (var a = 0, i = r.length; a < i; a += 1)
     n(r[a]);
 }
-function Yo(e, n) {
+function Wo(e, n) {
   var t = er(e, n);
   if (t.length !== 0) {
     if (t.length === 1)
@@ -2107,7 +2107,7 @@ function Yo(e, n) {
     throw new pe("expected a single document in the stream, but found more");
   }
 }
-var Zo = Wo, Qo = Yo, tr = {
+var Zo = Yo, Qo = Wo, tr = {
   loadAll: Zo,
   load: Qo
 }, nr = Object.prototype.toString, rr = Object.prototype.hasOwnProperty, qt = 65279, Xo = 9, Qe = 10, ei = 13, ti = 32, ni = 33, ri = 34, xt = 35, ai = 37, oi = 38, ii = 39, si = 42, ar = 44, li = 45, st = 58, ui = 61, ci = 62, di = 63, pi = 64, or = 91, ir = 93, fi = 96, sr = 123, mi = 124, lr = 125, de = {};
@@ -2211,7 +2211,7 @@ function wi(e) {
 function _i(e) {
   return !lt(e) && e !== st;
 }
-function Ye(e, n) {
+function We(e, n) {
   var t = e.charCodeAt(n), r;
   return t >= 55296 && t <= 56319 && n + 1 < e.length && (r = e.charCodeAt(n + 1), r >= 56320 && r <= 57343) ? (t - 55296) * 1024 + r - 56320 + 65536 : t;
 }
@@ -2221,16 +2221,16 @@ function ur(e) {
 }
 var cr = 1, St = 2, dr = 3, pr = 4, Re = 5;
 function Ai(e, n, t, r, a, i, o, s) {
-  var l, u = 0, d = null, c = !1, y = !1, p = r !== -1, A = -1, w = wi(Ye(e, 0)) && _i(Ye(e, e.length - 1));
+  var l, u = 0, d = null, c = !1, y = !1, p = r !== -1, A = -1, w = wi(We(e, 0)) && _i(We(e, e.length - 1));
   if (n || o)
     for (l = 0; l < e.length; u >= 65536 ? l += 2 : l++) {
-      if (u = Ye(e, l), !et(u))
+      if (u = We(e, l), !et(u))
         return Re;
       w = w && sn(u, d, s), d = u;
     }
   else {
     for (l = 0; l < e.length; u >= 65536 ? l += 2 : l++) {
-      if (u = Ye(e, l), u === Qe)
+      if (u = We(e, l), u === Qe)
         c = !0, p && (y = y || // Foldable line = too long, and not more-indented.
         l - A - 1 > r && e[A + 1] !== " ", A = l);
       else if (!et(u))
@@ -2313,7 +2313,7 @@ function cn(e, n) {
 }
 function Si(e) {
   for (var n = "", t = 0, r, a = 0; a < e.length; t >= 65536 ? a += 2 : a++)
-    t = Ye(e, a), r = de[t], !r && et(t) ? (n += e[a], t >= 65536 && (n += e[a + 1])) : n += r || vi(t);
+    t = We(e, a), r = de[t], !r && et(t) ? (n += e[a], t >= 65536 && (n += e[a + 1])) : n += r || vi(t);
   return n;
 }
 function $i(e, n, t) {
@@ -2422,13 +2422,13 @@ function Kt(e, n) {
     throw new Error("Function yaml." + e + " is removed in js-yaml 4. Use yaml." + n + " instead, which is now safe by default.");
   };
 }
-var Fi = ue, qi = $n, Ki = En, Li = Kn, Bi = Ln, Ui = Ot, Pi = tr.load, Ri = tr.loadAll, Vi = Ni.dump, Di = pe, Gi = {
+var Fi = ue, qi = $n, Ki = En, Li = Kn, Bi = Ln, Ui = Ot, Pi = tr.load, Ri = tr.loadAll, Vi = Ni.dump, Di = pe, zi = {
   binary: Vn,
   float: qn,
   map: Mn,
   null: On,
-  pairs: Gn,
-  set: zn,
+  pairs: zn,
+  set: Gn,
   timestamp: Pn,
   bool: Nn,
   int: Fn,
@@ -2436,7 +2436,7 @@ var Fi = ue, qi = $n, Ki = En, Li = Kn, Bi = Ln, Ui = Ot, Pi = tr.load, Ri = tr.
   omap: Dn,
   seq: jn,
   str: Tn
-}, zi = Kt("safeLoad", "load"), Ji = Kt("safeLoadAll", "loadAll"), Hi = Kt("safeDump", "dump"), Wi = {
+}, Gi = Kt("safeLoad", "load"), Ji = Kt("safeLoadAll", "loadAll"), Hi = Kt("safeDump", "dump"), Yi = {
   Type: Fi,
   Schema: qi,
   FAILSAFE_SCHEMA: Ki,
@@ -2447,12 +2447,12 @@ var Fi = ue, qi = $n, Ki = En, Li = Kn, Bi = Ln, Ui = Ot, Pi = tr.load, Ri = tr.
   loadAll: Ri,
   dump: Vi,
   YAMLException: Di,
-  types: Gi,
-  safeLoad: zi,
+  types: zi,
+  safeLoad: Gi,
   safeLoadAll: Ji,
   safeDump: Hi
 };
-const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
+const Wi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
   __name: "YamlCodeBlock",
   props: {
     /** A record to indicate the entity's configuration, used to populate the YAML code block */
@@ -2464,18 +2464,18 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
   setup(e) {
     const n = e, t = I(() => {
       const r = Object.fromEntries(Object.entries(n.yamlRecord).filter(([, a]) => a && (Array.isArray(a) ? a.length !== 0 : !0)));
-      return Object.keys(r).length === 0 && r.constructor === Object ? "" : Wi.dump(r).trim();
+      return Object.keys(r).length === 0 && r.constructor === Object ? "" : Yi.dump(r).trim();
     });
     return (r, a) => {
       const i = P("KCodeBlock");
-      return m(), M("div", Yi, [
+      return m(), M("div", Wi, [
         n.yamlRecord ? (m(), D(i, {
           key: 0,
           id: "yaml-codeblock",
           code: t.value,
           language: "yaml",
           theme: "dark"
-        }, null, 8, ["code"])) : W("", !0)
+        }, null, 8, ["code"])) : Y("", !0)
       ]);
     };
   }
@@ -2537,7 +2537,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           class: Me(`config-card-details-${l}-props`),
           "data-testid": `config-card-details-${l}-props`
         }, [
-          l !== "basic" ? (m(), M("div", Xi, F(l === "advanced" ? h(r)("baseConfigCard.sections.advanced") : h(r)("baseConfigCard.sections.plugin")), 1)) : W("", !0),
+          l !== "basic" ? (m(), M("div", Xi, F(l === "advanced" ? h(r)("baseConfigCard.sections.advanced") : h(r)("baseConfigCard.sections.plugin")), 1)) : Y("", !0),
           (m(!0), M(ve, null, ye(e.propertyCollections[l], (u) => (m(), D(An, {
             key: u.key,
             item: u
@@ -2562,18 +2562,18 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
             } : void 0
           ]), 1032, ["item"]))), 128))
         ], 10, Qi))), 128))
-      ])) : W("", !0),
+      ])) : Y("", !0),
       e.format === "json" && n.record ? (m(), D(xn, {
         key: 1,
         config: n.config,
         "fetcher-url": n.fetcherUrl,
         "json-record": i.value,
         "request-method": "get"
-      }, null, 8, ["config", "fetcher-url", "json-record"])) : W("", !0),
+      }, null, 8, ["config", "fetcher-url", "json-record"])) : Y("", !0),
       e.format === "yaml" && n.record ? (m(), D(fr, {
         key: 2,
         "yaml-record": i.value
-      }, null, 8, ["yaml-record"])) : W("", !0)
+      }, null, 8, ["yaml-record"])) : Y("", !0)
     ], 64));
   }
 }), ts = /* @__PURE__ */ be(es, [["__scopeId", "data-v-147a2f70"]]), Oe = "24px", ht = (e, n) => {
@@ -2673,7 +2673,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), M("title", as, F(e.title), 1)) : W("", !0),
+          e.title ? (m(), M("title", as, F(e.title), 1)) : Y("", !0),
           os
         ], 8, rs))
       ]),
@@ -2772,7 +2772,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), M("title", cs, F(e.title), 1)) : W("", !0),
+          e.title ? (m(), M("title", cs, F(e.title), 1)) : Y("", !0),
           ds
         ], 8, us))
       ]),
@@ -2871,7 +2871,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), M("title", hs, F(e.title), 1)) : W("", !0),
+          e.title ? (m(), M("title", hs, F(e.title), 1)) : Y("", !0),
           ys
         ], 8, gs))
       ]),
@@ -2970,7 +2970,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (m(), M("title", ws, F(e.title), 1)) : W("", !0),
+          e.title ? (m(), M("title", ws, F(e.title), 1)) : Y("", !0),
           _s
         ], 8, Cs))
       ]),
@@ -3113,11 +3113,11 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       var g, q, L;
       if (!_.value)
         return [];
-      const x = [], z = Object.keys(_.value).length;
+      const x = [], G = Object.keys(_.value).length;
       for (const E in _.value) {
         const k = (q = (g = a.configSchema) == null ? void 0 : g[E]) == null ? void 0 : q.order, j = (L = y[E]) == null ? void 0 : L.order;
-        let O = z;
-        (j || j === 0) && (O = j === -1 ? z + 1 : j), k && (O = k === -1 ? z + 1 : k), x.push([E, O]);
+        let O = G;
+        (j || j === 0) && (O = j === -1 ? G + 1 : j), k && (O = k === -1 ? G + 1 : k), x.push([E, O]);
       }
       return x.sort(function(E, k) {
         return E[1] - k[1];
@@ -3138,15 +3138,15 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       var g, q;
       if (!_.value || !a.pluginConfigKey)
         return [];
-      const L = _.value[a.pluginConfigKey] || {}, x = Object.keys(L).length, z = [];
+      const L = _.value[a.pluginConfigKey] || {}, x = Object.keys(L).length, G = [];
       for (const E in L) {
         const k = (q = (g = a.pluginConfigSchema) == null ? void 0 : g[E]) == null ? void 0 : q.order, j = L[E];
         let O = j != null && j !== "" ? x - 1 : x;
-        k && (O = k === -1 ? x + 1 : k), z.push([E, O]);
+        k && (O = k === -1 ? x + 1 : k), G.push([E, O]);
       }
-      return z.sort(function(E, k) {
+      return G.sort(function(E, k) {
         return E[1] - k[1];
-      }), z.map((E) => {
+      }), G.map((E) => {
         var k;
         const j = E[0], O = L[j], J = ((k = a.pluginConfigSchema) == null ? void 0 : k[j]) || {};
         return {
@@ -3159,16 +3159,16 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           section: he.Plugin
         };
       }).filter((E) => !E.hidden);
-    }), Y = I(() => {
+    }), W = I(() => {
       var g, q, L, x;
       return {
-        basic: (g = R.value) == null ? void 0 : g.filter((z) => z.section === he.Basic),
-        advanced: (q = R.value) == null ? void 0 : q.filter((z) => z.section === he.Advanced),
-        plugin: (x = K.value) == null ? void 0 : x.concat((L = R.value) == null ? void 0 : L.filter((z) => z.section === he.Plugin))
+        basic: (g = R.value) == null ? void 0 : g.filter((G) => G.section === he.Basic),
+        advanced: (q = R.value) == null ? void 0 : q.filter((G) => G.section === he.Advanced),
+        plugin: (x = K.value) == null ? void 0 : x.concat((L = R.value) == null ? void 0 : L.filter((G) => G.section === he.Plugin))
       };
     }), v = I(() => {
       const g = [];
-      return Y.value.basic.length && g.push("basic"), Y.value.advanced.length && g.push("advanced"), Y.value.plugin.length && g.push("plugin"), g;
+      return W.value.basic.length && g.push("basic"), W.value.advanced.length && g.push("advanced"), W.value.plugin.length && g.push("plugin"), g;
     }), f = I(() => {
       var g, q;
       let L = `${a.config.apiBaseUrl}${a.fetchUrl}`;
@@ -3197,7 +3197,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         p.value = !1;
       }
     }), (g, q) => {
-      const L = P("KLabel"), x = P("KSelect"), z = P("KButton"), E = P("KSkeleton"), k = P("KEmptyState"), j = P("KCard");
+      const L = P("KLabel"), x = P("KSelect"), G = P("KButton"), E = P("KSkeleton"), k = P("KEmptyState"), j = P("KCard");
       return m(), D(j, {
         class: "kong-ui-entity-base-config-card",
         "title-tag": e.titleTag
@@ -3219,7 +3219,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               items: u,
               onChange: c
             }),
-            e.configCardDoc ? (m(), D(z, {
+            e.configCardDoc ? (m(), D(G, {
               key: 0,
               appearance: "tertiary",
               class: "book-icon",
@@ -3235,7 +3235,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
                 ], 8, $s)
               ]),
               _: 1
-            })) : W("", !0)
+            })) : Y("", !0)
           ])
         ]),
         default: b(() => [
@@ -3253,14 +3253,14 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               B("h3", null, F(w.value), 1)
             ]),
             _: 1
-          })) : W("", !0),
+          })) : Y("", !0),
           B("div", Ts, [
             $(ts, {
               config: e.config,
               "fetcher-url": f.value,
               format: d.value,
               "prop-list-types": v.value,
-              "property-collections": Y.value,
+              "property-collections": W.value,
               record: _.value
             }, Ke({ _: 2 }, [
               ye(Object.keys(g.$slots), (O) => ({
@@ -3291,10 +3291,10 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       ]), 1032, ["title-tag"]);
     };
   }
-}), Ms = /* @__PURE__ */ be(js, [["__scopeId", "data-v-f40a683b"]]), Es = {
+}), Ms = /* @__PURE__ */ be(js, [["__scopeId", "data-v-f40a683b"]]), Es = ["novalidate"], Os = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, Os = /* @__PURE__ */ X({
+}, Ns = /* @__PURE__ */ X({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -3344,6 +3344,13 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     formFields: {
       type: Object,
       required: !0
+    },
+    /**
+     * Set true to disable the form validation upon submission.
+     */
+    noValidate: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
@@ -3361,7 +3368,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       r("cancel");
     }, K = () => {
       y.value || r("submit");
-    }, Y = N([
+    }, W = N([
       {
         title: o("baseForm.configuration.yaml"),
         hash: "#yaml"
@@ -3386,7 +3393,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           u.value = !1;
         }
     }), (v, f) => {
-      const g = P("KSkeleton"), q = P("KEmptyState"), L = P("KAlert"), x = P("KButton"), z = P("KTabs"), E = P("KSlideout"), k = P("KCard");
+      const g = P("KSkeleton"), q = P("KEmptyState"), L = P("KAlert"), x = P("KButton"), G = P("KTabs"), E = P("KSlideout"), k = P("KCard");
       return m(), D(k, { class: "kong-ui-entity-base-form" }, {
         default: b(() => [
           u.value ? (m(), D(g, {
@@ -3406,6 +3413,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           }, 8, ["action-button-text"])) : (m(), M("form", {
             key: 2,
             "data-testid": "form-content",
+            novalidate: a.noValidate,
             onReset: _t(R, ["prevent"]),
             onSubmit: _t(K, ["prevent"])
           }, [
@@ -3415,8 +3423,8 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               appearance: "danger",
               "data-testid": "form-error",
               message: e.errorMessage
-            }, null, 8, ["message"])) : W("", !0),
-            B("div", Es, [
+            }, null, 8, ["message"])) : Y("", !0),
+            B("div", Os, [
               ne(v.$slots, "form-actions", {}, () => [
                 $(x, {
                   appearance: "tertiary",
@@ -3452,7 +3460,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
                 }, 8, ["disabled"])
               ], !0)
             ])
-          ], 32)),
+          ], 40, Es)),
           $(E, {
             "close-on-blur": !1,
             "data-testid": "form-view-configuration-slideout",
@@ -3464,9 +3472,9 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           }, {
             default: b(() => [
               B("div", null, F(h(o)("baseForm.configuration.message")), 1),
-              $(z, {
+              $(G, {
                 "data-testid": "form-view-configuration-slideout-tabs",
-                tabs: Y.value
+                tabs: W.value
               }, {
                 json: b(() => [
                   $(xn, {
@@ -3491,10 +3499,10 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       });
     };
   }
-}), Ns = /* @__PURE__ */ be(Os, [["__scopeId", "data-v-46e6a6e5"]]), Fs = {
+}), Fs = /* @__PURE__ */ be(Ns, [["__scopeId", "data-v-3def74fe"]]), qs = {
   key: 0,
   "data-testid": "first-col"
-}, qs = /* @__PURE__ */ X({
+}, Ks = /* @__PURE__ */ X({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3550,7 +3558,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         ref: l,
         class: "content-wrapper"
       }, [
-        a.value ? (m(), M("span", Fs, [
+        a.value ? (m(), M("span", qs, [
           $(R, {
             "max-width": "300",
             placement: "bottomStart",
@@ -3565,10 +3573,10 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       ], 512);
     };
   }
-}), Ks = /* @__PURE__ */ be(qs, [["__scopeId", "data-v-c4379fd4"]]), Ls = { class: "toolbar-container" }, Bs = {
+}), Ls = /* @__PURE__ */ be(Ks, [["__scopeId", "data-v-c4379fd4"]]), Bs = { class: "toolbar-container" }, Us = {
   key: 0,
   class: "toolbar-button-container"
-}, Us = ["data-testid"], Ps = /* @__PURE__ */ X({
+}, Ps = ["data-testid"], Rs = /* @__PURE__ */ X({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -3731,7 +3739,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       r("click:row", g);
     }), _ = (f) => {
       r("sort", f);
-    }, { setTablePreferences: R, getTablePreferences: K } = Er(), Y = I(() => {
+    }, { setTablePreferences: R, getTablePreferences: K } = Er(), W = I(() => {
       const f = K(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
@@ -3741,14 +3749,14 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       t.preferencesStorageKey && R(t.preferencesStorageKey, f);
     };
     return (f, g) => {
-      const q = P("KIcon"), L = P("KButton"), x = P("KDropdown"), z = P("KTable"), E = P("KCard");
+      const q = P("KIcon"), L = P("KButton"), x = P("KDropdown"), G = P("KTable"), E = P("KCard");
       return m(), D(E, {
         class: "kong-ui-entity-base-table",
         title: e.title,
         "title-tag": e.titleTag
       }, {
         default: b(() => [
-          $(z, {
+          $(G, {
             ref_key: "tableRefs",
             ref: d,
             "cache-identifier": o.value,
@@ -3768,7 +3776,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
             "has-error": i.value.hasError,
             headers: l.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": Y.value,
+            "initial-fetcher-params": W.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
             "row-attrs": u,
@@ -3779,11 +3787,11 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
             "onUpdate:tablePreferences": v
           }, Ke({
             toolbar: b(({ state: k }) => [
-              Se(B("div", Ls, [
+              Se(B("div", Bs, [
                 ne(f.$slots, "toolbar-filter", {}, void 0, !0),
-                f.$slots["toolbar-button"] ? (m(), M("div", Bs, [
+                f.$slots["toolbar-button"] ? (m(), M("div", Us, [
                   ne(f.$slots, "toolbar-button", {}, void 0, !0)
-                ])) : W("", !0)
+                ])) : Y("", !0)
               ], 512), [
                 [$e, s(k)]
               ])
@@ -3822,14 +3830,14 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, Us)
+              ], 8, Ps)
             ]),
             _: 2
           }, [
             ye(e.tableHeaders, (k, j) => ({
               name: j,
               fn: b(({ row: O, rowKey: J, rowValue: te }) => [
-                $(Ks, {
+                $(Ls, {
                   "key-name": String(j),
                   "row-el": c(O)
                 }, {
@@ -3859,10 +3867,10 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       }, 8, ["title", "title-tag"]);
     };
   }
-}), Rs = /* @__PURE__ */ be(Ps, [["__scopeId", "data-v-99908c24"]]), Vs = {
+}), Vs = /* @__PURE__ */ be(Rs, [["__scopeId", "data-v-99908c24"]]), Ds = {
   key: 0,
   class: "kong-ui-entity-delete-error"
-}, Ds = {
+}, zs = {
   key: 1,
   class: "description"
 }, Gs = /* @__PURE__ */ X({
@@ -3923,14 +3931,14 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         onProceed: s
       }, {
         default: b(() => [
-          e.error ? (m(), M("div", Vs, [
+          e.error ? (m(), M("div", Ds, [
             $(d, { appearance: "danger" }, {
               default: b(() => [
                 Z(F(e.error), 1)
               ]),
               _: 1
             })
-          ])) : W("", !0),
+          ])) : Y("", !0),
           $(h(t), {
             class: "message",
             keypath: r.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
@@ -3949,23 +3957,23 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          r.description || l.$slots.description ? (m(), M("div", Ds, [
+          r.description || l.$slots.description ? (m(), M("div", zs, [
             ne(l.$slots, "description", {}, () => [
               B("p", null, F(r.description), 1)
             ], !0)
-          ])) : W("", !0)
+          ])) : Y("", !0)
         ]),
         _: 3
       }, 8, ["action-button-disabled", "confirmation-text", "title", "visible"]);
     };
   }
-}), zs = /* @__PURE__ */ be(Gs, [["__scopeId", "data-v-4361d622"]]), Js = {
+}), Js = /* @__PURE__ */ be(Gs, [["__scopeId", "data-v-4361d622"]]), Hs = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
-}, Hs = {
+}, Ys = {
   id: "mask0_180_20349",
   height: "20",
   maskUnits: "userSpaceOnUse",
@@ -3973,7 +3981,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
   width: "20",
   x: "0",
   y: "0"
-}, Ws = ["fill"], Ys = { mask: "url(#mask0_180_20349)" }, Zs = ["fill"], fn = /* @__PURE__ */ X({
+}, Ws = ["fill"], Zs = { mask: "url(#mask0_180_20349)" }, Qs = ["fill"], fn = /* @__PURE__ */ X({
   __name: "IconFilter",
   props: {
     color: {
@@ -3982,26 +3990,26 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     }
   },
   setup(e) {
-    return (n, t) => (m(), M("svg", Js, [
-      B("mask", Hs, [
+    return (n, t) => (m(), M("svg", Hs, [
+      B("mask", Ys, [
         B("rect", {
           fill: e.color,
           height: "20",
           width: "20"
         }, null, 8, Ws)
       ]),
-      B("g", Ys, [
+      B("g", Zs, [
         B("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
-        }, null, 8, Zs)
+        }, null, 8, Qs)
       ])
     ]));
   }
-}), Qs = {
+}), Xs = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, Xs = { class: "kong-ui-entity-filter-menu" }, el = ["data-testid"], tl = ["onClick", "onKeydown"], nl = { class: "menu-item-indicator" }, rl = { class: "menu-item-body" }, al = ["for"], ol = { class: "menu-item-buttons" }, il = { class: "filter-clear-button-container" }, sl = /* @__PURE__ */ X({
+}, el = { class: "kong-ui-entity-filter-menu" }, tl = ["data-testid"], nl = ["onClick", "onKeydown"], rl = { class: "menu-item-indicator" }, al = { class: "menu-item-body" }, ol = ["for"], il = { class: "menu-item-buttons" }, sl = { class: "filter-clear-button-container" }, ll = /* @__PURE__ */ X({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -4060,10 +4068,10 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       o.value = {
         ...o.value,
         [v]: ""
-      }, Y();
+      }, W();
     }, K = () => {
-      o.value = {}, Y(!0);
-    }, Y = (v = !1) => {
+      o.value = {}, W(!0);
+    }, W = (v = !1) => {
       const f = Object.keys(o.value).reduce((g, q) => (o.value[q] && (g[q] = `${o.value[q]}`), g), {});
       v && (i.value = !1), a("update:modelValue", new URLSearchParams(f).toString());
     };
@@ -4090,7 +4098,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           ])
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (m(), M("div", Qs, [
+      }, 8, ["model-value", "placeholder"])) : (m(), M("div", Xs, [
         $(q, {
           appearance: "tertiary",
           "data-testid": "filter-button",
@@ -4108,9 +4116,9 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         }, null, 512), [
           [$e, i.value]
         ]),
-        Se(B("div", Xs, [
+        Se(B("div", el, [
           (m(!0), M(ve, null, ye(u.value, (x) => {
-            var z, E;
+            var G, E;
             return m(), M("div", {
               key: x.value,
               class: "kong-ui-entity-filter-menu-item",
@@ -4124,20 +4132,20 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
                 onKeydown: vr((k) => c(x.value), ["enter"])
               }, [
                 Z(F(x.label) + " ", 1),
-                Se(B("span", nl, null, 512), [
+                Se(B("span", rl, null, 512), [
                   [$e, l.value.includes(x.value)]
                 ]),
                 $(h(bs), {
                   class: Me(["menu-item-expand-icon", { expanded: s.value.has(x.value) }]),
                   color: h(pa)
                 }, null, 8, ["class", "color"])
-              ], 42, tl),
-              Se(B("div", rl, [
+              ], 42, nl),
+              Se(B("div", al, [
                 B("label", {
                   class: "menu-item-label",
                   for: A(x.value)
-                }, F(h(t)("filter.fieldLabel")), 9, al),
-                ((E = (z = e.config.schema) == null ? void 0 : z[x.value]) == null ? void 0 : E.type) === "select" ? (m(), D(L, {
+                }, F(h(t)("filter.fieldLabel")), 9, ol),
+                ((E = (G = e.config.schema) == null ? void 0 : G[x.value]) == null ? void 0 : E.type) === "select" ? (m(), D(L, {
                   key: 0,
                   id: A(x.value),
                   modelValue: o.value[x.value],
@@ -4156,12 +4164,12 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               ], 512), [
                 [$e, s.value.has(x.value)]
               ]),
-              Se(B("div", ol, [
+              Se(B("div", il, [
                 $(q, {
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
-                  onClick: f[0] || (f[0] = (k) => Y(!0))
+                  onClick: f[0] || (f[0] = (k) => W(!0))
                 }, {
                   default: b(() => [
                     Z(F(h(t)("filter.applyButtonText")), 1)
@@ -4182,9 +4190,9 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               ], 512), [
                 [$e, s.value.has(x.value)]
               ])
-            ], 8, el);
+            ], 8, tl);
           }), 128)),
-          B("div", il, [
+          B("div", sl, [
             $(q, {
               appearance: "tertiary",
               size: "small",
@@ -4202,7 +4210,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       ]));
     };
   }
-}), ll = /* @__PURE__ */ be(sl, [["__scopeId", "data-v-8cfadde3"]]), nt = /* @__PURE__ */ X({
+}), ul = /* @__PURE__ */ be(ll, [["__scopeId", "data-v-8cfadde3"]]), nt = /* @__PURE__ */ X({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -4230,15 +4238,15 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     }, { immediate: !0 }), (a, i) => r.value ? ne(a.$slots, "default", {
       key: 0,
       isAllowed: t.value
-    }) : W("", !0);
+    }) : Y("", !0);
   }
-}), ul = { class: "form-section-wrapper" }, cl = {
+}), cl = { class: "form-section-wrapper" }, dl = {
   key: 1,
   class: "form-section-description"
-}, dl = {
+}, pl = {
   key: 2,
   class: "form-section-footer"
-}, pl = { class: "form-section-content" }, fl = /* @__PURE__ */ X({
+}, fl = { class: "form-section-content" }, ml = /* @__PURE__ */ X({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -4271,8 +4279,8 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     return (t, r) => (m(), M("fieldset", {
       class: Me(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      B("div", ul, [
-        e.hideInfoHeader ? W("", !0) : (m(), M("div", {
+      B("div", cl, [
+        e.hideInfoHeader ? Y("", !0) : (m(), M("div", {
           key: 0,
           class: Me(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
@@ -4284,26 +4292,26 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               Z(F(e.title), 1)
             ]),
             _: 1
-          })) : W("", !0),
-          e.description || h(n).description ? (m(), M("div", cl, [
+          })) : Y("", !0),
+          e.description || h(n).description ? (m(), M("div", dl, [
             ne(t.$slots, "description", {}, () => [
               B("p", null, F(e.description), 1)
             ], !0)
-          ])) : W("", !0),
-          h(n).footer ? (m(), M("div", dl, [
+          ])) : Y("", !0),
+          h(n).footer ? (m(), M("div", pl, [
             ne(t.$slots, "footer", {}, void 0, !0)
-          ])) : W("", !0)
+          ])) : Y("", !0)
         ], 2)),
-        B("div", pl, [
+        B("div", fl, [
           ne(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), mn = /* @__PURE__ */ be(fl, [["__scopeId", "data-v-4bb31634"]]), { useAxios: Lt, useDeleteUrlBuilder: ml, useErrors: gl, useExternalLinkCreator: Ll, useFetchUrlBuilder: Bl, useFetcher: hl, useDebouncedFilter: mr, useStringHelpers: Ul, useHelpers: Pl, useGatewayFeatureSupported: Rl, useTruncationDetector: Vl, useValidators: yl } = se, vl = { class: "add-to-group-form-container" }, bl = { class: "add-to-group-cta-text" }, kl = {
+}), mn = /* @__PURE__ */ be(ml, [["__scopeId", "data-v-4bb31634"]]), { useAxios: Lt, useDeleteUrlBuilder: gl, useErrors: hl, useExternalLinkCreator: Bl, useFetchUrlBuilder: Ul, useFetcher: yl, useDebouncedFilter: mr, useStringHelpers: Pl, useHelpers: Rl, useGatewayFeatureSupported: Vl, useTruncationDetector: Dl, useValidators: vl } = se, bl = { class: "add-to-group-form-container" }, kl = { class: "add-to-group-cta-text" }, Cl = {
   key: 0,
   class: "kong-ui-entity-add-to-groups-error"
-}, Cl = { key: 0 }, wl = /* @__PURE__ */ X({
+}, wl = { key: 0 }, _l = /* @__PURE__ */ X({
   __name: "AddToGroupModal",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4347,19 +4355,19 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       const j = w.value ? y.value.find((J) => J.id === k) : (O = u.value) == null ? void 0 : O.find((J) => J.id === k);
       return j ? j.name : k;
     }, K = () => {
-      f.value = "", Y.value = [], x.value = [], a("cancel");
-    }, Y = N([]), v = N(!1), f = N(""), g = async () => {
+      f.value = "", W.value = [], x.value = [], a("cancel");
+    }, W = N([]), v = N(!1), f = N(""), g = async () => {
       if (!o.value.length) {
         f.value = "", x.value = [], a("cancel");
         return;
       }
-      v.value = !0, f.value = "", Y.value = [], x.value = [];
+      v.value = !0, f.value = "", W.value = [], x.value = [];
       try {
         const k = o.value.map((J) => L(J)), j = await Promise.allSettled(k);
         let O = !0;
         j.forEach((J) => {
           J.status !== "fulfilled" && (O = !1);
-        }), O ? (Y.value = [], x.value = [], a("add:success", o.value), o.value = []) : (Y.value.length && a("add:partial-success", Y.value), o.value = [], z(j));
+        }), O ? (W.value = [], x.value = [], a("add:success", o.value), o.value = []) : (W.value.length && a("add:partial-success", W.value), o.value = [], G(j));
       } catch {
         f.value = t("consumer_groups.errors.add"), a("error", f.value);
       } finally {
@@ -4375,12 +4383,12 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       };
       try {
         const O = await i.post(q.value, j);
-        return Y.value.push(k), O;
+        return W.value.push(k), O;
       } catch (O) {
         let J = `${R(k)} - ${O.message}`;
         return O.response.status === 409 && (J = `${R(k)} - ${t("consumer_groups.errors.already_added")}`), Promise.reject(Error(J));
       }
-    }, x = N([]), z = (k) => {
+    }, x = N([]), G = (k) => {
       x.value = k.map((j) => {
         var O;
         return (O = j.reason) == null ? void 0 : O.message;
@@ -4402,8 +4410,8 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         onProceed: g
       }, {
         default: b(() => [
-          B("div", vl, [
-            B("p", bl, F(h(t)("consumer_groups.consumers.add.ctaText")), 1),
+          B("div", bl, [
+            B("p", kl, F(h(t)("consumer_groups.consumers.add.ctaText")), 1),
             $(O, {
               modelValue: o.value,
               "onUpdate:modelValue": j[0] || (j[0] = (ce) => o.value = ce),
@@ -4419,18 +4427,18 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               width: "100%",
               onQueryChange: h(s)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            f.value || p.value || x.value.length ? (m(), M("div", kl, [
+            f.value || p.value || x.value.length ? (m(), M("div", Cl, [
               $(J, { appearance: "danger" }, {
                 default: b(() => [
                   B("p", null, F(h(t)("consumer_groups.errors.add")), 1),
-                  x.value.length ? (m(), M("ul", Cl, [
-                    (m(!0), M(ve, null, ye(x.value, (ce, ze) => (m(), M("li", { key: ze }, F(ce), 1))), 128))
-                  ])) : W("", !0),
+                  x.value.length ? (m(), M("ul", wl, [
+                    (m(!0), M(ve, null, ye(x.value, (ce, Ge) => (m(), M("li", { key: Ge }, F(ce), 1))), 128))
+                  ])) : Y("", !0),
                   B("div", null, F(f.value || p.value), 1)
                 ]),
                 _: 1
               })
-            ])) : W("", !0)
+            ])) : Y("", !0)
           ])
         ]),
         _: 1
@@ -4442,7 +4450,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
   for (const [r, a] of n)
     t[r] = a;
   return t;
-}, _l = /* @__PURE__ */ Bt(wl, [["__scopeId", "data-v-bb0a8037"]]), Al = { class: "kong-ui-entities-consumer-groups-list" }, xl = { key: 1 }, Il = /* @__PURE__ */ X({
+}, Al = /* @__PURE__ */ Bt(_l, [["__scopeId", "data-v-bb0a8037"]]), xl = { class: "kong-ui-entities-consumer-groups-list" }, Il = { key: 1 }, Sl = /* @__PURE__ */ X({
   __name: "ConsumerGroupList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4517,7 +4525,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         },
         schema: r.config.filterSchema
       };
-    }), K = I(() => u.value && !r.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: Y, fetcherState: v } = hl(r.config, w.value, K.value), f = () => {
+    }), K = I(() => u.value && !r.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: W, fetcherState: v } = yl(r.config, w.value, K.value), f = () => {
       _.value = "";
     }, g = () => {
       l.value++;
@@ -4549,7 +4557,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         entity: S,
         message: i("consumer_groups.copy.success_brief")
       });
-    }, z = async (S) => {
+    }, G = async (S) => {
       var re;
       await ((re = r.canRetrieve) == null ? void 0 : re.call(r, S)) && o.push(r.config.getViewRoute(S.id));
     }, E = (S) => ({
@@ -4558,7 +4566,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     }), k = (S) => ({
       label: i("consumer_groups.actions.edit"),
       to: r.config.getEditRoute(S)
-    }), j = N(void 0), O = N(!1), J = N(!1), te = N(""), ce = ml(r.config, w.value), ze = (S) => {
+    }), j = N(void 0), O = N(!1), J = N(!1), te = N(""), ce = gl(r.config, w.value), Ge = (S) => {
       j.value = S, O.value = !0;
     }, yt = () => {
       O.value = !1;
@@ -4582,10 +4590,10 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       H || C(), l.value++, t("add:success", S);
     }, ae = () => {
       u.value && Je();
-    }, V = N(void 0), G = N(!1), fe = N(""), ke = (S) => {
-      V.value = S, G.value = !0;
+    }, V = N(void 0), z = N(!1), fe = N(""), ke = (S) => {
+      V.value = S, z.value = !0;
     }, le = () => {
-      G.value = !1, V.value = void 0;
+      z.value = !1, V.value = void 0;
     }, Be = I(() => {
       var H, re, me, Ce;
       let S = `${r.config.apiBaseUrl}${Te.list[r.config.app].oneForConsumer}`;
@@ -4622,9 +4630,9 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     return ut(async () => {
       await r.canCreate() && (vt.value.title = u.value ? i("consumer_groups.list.empty_state.title_for_consumer") : i("consumer_groups.list.empty_state.title"), vt.value.ctaText = u.value ? i("consumer_groups.actions.add_to_group") : i("consumer_groups.actions.create"));
     }), (S, H) => {
-      const re = P("KButton"), me = P("KBadge"), Ce = P("KTruncate"), We = P("KDropdownItem"), Rt = P("KClipboardProvider"), hr = P("KPrompt");
-      return m(), M("div", Al, [
-        $(h(Rs), {
+      const re = P("KButton"), me = P("KBadge"), Ce = P("KTruncate"), Ye = P("KDropdownItem"), Rt = P("KClipboardProvider"), hr = P("KPrompt");
+      return m(), M("div", xl, [
+        $(h(Vs), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination": u.value && !e.config.paginatedEndpoint,
           "disable-pagination-page-jump": "",
@@ -4632,7 +4640,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           "empty-state-options": vt.value,
           "enable-entity-actions": "",
           "error-message": q.value,
-          fetcher: h(Y),
+          fetcher: h(W),
           "fetcher-cache-key": l.value,
           "pagination-type": "offset",
           "preferences-storage-key": d.value,
@@ -4641,12 +4649,12 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           "table-headers": h(p),
           "use-action-outside": e.useActionOutside,
           onClearSearchInput: f,
-          "onClick:row": H[3] || (H[3] = (Q) => z(Q)),
+          "onClick:row": H[3] || (H[3] = (Q) => G(Q)),
           onEmptyStateCtaClicked: ae,
           onSort: g
         }, {
           "toolbar-filter": b(() => [
-            u.value ? W("", !0) : (m(), D(h(ll), {
+            u.value ? Y("", !0) : (m(), D(h(ul), {
               key: 0,
               modelValue: _.value,
               "onUpdate:modelValue": H[0] || (H[0] = (Q) => _.value = Q),
@@ -4705,12 +4713,12 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (m(), M("span", xl, "-"))
+            }, 1024)) : (m(), M("span", Il, "-"))
           ]),
           actions: b(({ row: Q }) => [
             $(Rt, null, {
               default: b(({ copyToClipboard: Ue }) => [
-                $(We, {
+                $(Ye, {
                   "data-testid": "action-entity-copy-id",
                   onClick: (yr) => L(Q, Ue)
                 }, {
@@ -4724,7 +4732,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
             }, 1024),
             $(Rt, null, {
               default: b(({ copyToClipboard: Ue }) => [
-                $(We, {
+                $(Ye, {
                   "data-testid": "action-entity-copy-json",
                   onClick: (yr) => x(Q, Ue)
                 }, {
@@ -4740,7 +4748,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               "auth-function": () => e.canRetrieve(Q)
             }, {
               default: b(() => [
-                $(We, {
+                $(Ye, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
                   item: E(Q.id)
@@ -4752,7 +4760,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               "auth-function": () => e.canEdit(Q)
             }, {
               default: b(() => [
-                $(We, {
+                $(Ye, {
                   "data-testid": "action-entity-edit",
                   item: k(Q.id)
                 }, null, 8, ["item"])
@@ -4763,11 +4771,11 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               "auth-function": () => e.canDelete(Q)
             }, {
               default: b(() => [
-                $(We, {
+                $(Ye, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: () => e.config.consumerId ? ke(Q) : ze(Q)
+                  onClick: () => e.config.consumerId ? ke(Q) : Ge(Q)
                 }, {
                   default: b(() => [
                     Z(F(e.config.consumerId ? h(i)("consumer_groups.actions.exit") : h(i)("consumer_groups.actions.delete")), 1)
@@ -4780,7 +4788,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "preferences-storage-key", "query", "table-headers", "use-action-outside"]),
-        $(h(zs), {
+        $(h(Js), {
           "action-pending": J.value,
           "data-testid": "delete-consumer-group-modal",
           description: h(i)("consumer_groups.delete.description"),
@@ -4792,7 +4800,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           onCancel: yt,
           onProceed: tt
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"]),
-        e.config.consumerId ? (m(), D(_l, {
+        e.config.consumerId ? (m(), D(Al, {
           key: 0,
           config: e.config,
           "data-testid": "add-to-group-modal",
@@ -4800,13 +4808,13 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           "onAdd:partialSuccess": H[4] || (H[4] = (Q) => U(Q, !0)),
           "onAdd:success": H[5] || (H[5] = (Q) => U(Q)),
           onCancel: C
-        }, null, 8, ["config", "visible"])) : W("", !0),
+        }, null, 8, ["config", "visible"])) : Y("", !0),
         e.config.consumerId && V.value ? (m(), D(hr, {
           key: 1,
           "action-button-appearance": "danger",
           "data-testid": "exit-group-modal",
           title: h(i)("consumer_groups.consumers.exit.title"),
-          visible: G.value,
+          visible: z.value,
           onCancel: le,
           onProceed: gr
         }, {
@@ -4832,14 +4840,14 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
             B("p", null, F(h(i)("consumer_groups.consumers.exit.description")), 1)
           ]),
           _: 1
-        }, 8, ["title", "visible"])) : W("", !0)
+        }, 8, ["title", "visible"])) : Y("", !0)
       ]);
     };
   }
-}), Dl = /* @__PURE__ */ Bt(Il, [["__scopeId", "data-v-b3e86eed"]]), Sl = { class: "kong-ui-entities-consumer-group-form" }, $l = { class: "select-item-container" }, Tl = { class: "select-item-label" }, jl = {
+}), zl = /* @__PURE__ */ Bt(Sl, [["__scopeId", "data-v-b3e86eed"]]), $l = { class: "kong-ui-entities-consumer-group-form" }, Tl = { class: "select-item-container" }, jl = { class: "select-item-label" }, Ml = {
   key: 0,
   class: "select-item-description"
-}, Ml = /* @__PURE__ */ X({
+}, El = /* @__PURE__ */ X({
   __name: "ConsumerGroupForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4879,7 +4887,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     } = mr(t.config, (Le = Te.form[(tt = t.config) == null ? void 0 : tt.app]) == null ? void 0 : Le.consumersList, "", {
       fetchedItemsKey: "data",
       searchKeys: ["username", "custom_id", "id"]
-    }), { axiosInstance: p } = Lt((Je = t.config) == null ? void 0 : Je.axiosRequestConfig), { getMessageFromError: A } = gl(), w = yl(), _ = I(() => y.value.map((C) => ({
+    }), { axiosInstance: p } = Lt((Je = t.config) == null ? void 0 : Je.axiosRequestConfig), { getMessageFromError: A } = hl(), w = vl(), _ = I(() => y.value.map((C) => ({
       label: C.username || C.custom_id,
       value: C.id,
       selected: o.fields.consumers.includes(C.id),
@@ -4888,9 +4896,9 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     }))), R = I(() => {
       var C, U;
       return (U = Te.form[(C = t.config) == null ? void 0 : C.app]) == null ? void 0 : U.edit;
-    }), K = I(() => t.consumerGroupId ? rt.Edit : rt.Create), Y = I(() => !!o.fields.name && !z.value), v = I(() => JSON.stringify(o.fields) !== JSON.stringify(s)), f = (C, U = "", ae = "") => {
-      var G, fe, ke, le, Be, He;
-      let V = `${(G = t.config) == null ? void 0 : G.apiBaseUrl}${Te.form[(fe = t.config) == null ? void 0 : fe.app][C]}`;
+    }), K = I(() => t.consumerGroupId ? rt.Edit : rt.Create), W = I(() => !!o.fields.name && !G.value), v = I(() => JSON.stringify(o.fields) !== JSON.stringify(s)), f = (C, U = "", ae = "") => {
+      var z, fe, ke, le, Be, He;
+      let V = `${(z = t.config) == null ? void 0 : z.apiBaseUrl}${Te.form[(fe = t.config) == null ? void 0 : fe.app][C]}`;
       return ((ke = t.config) == null ? void 0 : ke.app) === "konnect" ? V = V.replace(/{controlPlaneId}/gi, ((le = t.config) == null ? void 0 : le.controlPlaneId) || "") : ((Be = t.config) == null ? void 0 : Be.app) === "kongManager" && (V = V.replace(/\/{workspace}/gi, (He = t.config) != null && He.workspace ? `/${t.config.workspace}` : "")), V = V.replace(/{id}/gi, U || t.consumerGroupId), (C === "addConsumer" || C === "removeConsumer") && (V = V.replace(/{consumerId}/gi, ae)), V;
     }, g = () => {
       var C;
@@ -4900,9 +4908,9 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     }, L = (C) => {
       r("loading", C);
     }, x = async (C) => {
-      var ae, V, G, fe, ke;
+      var ae, V, z, fe, ke;
       o.fields.name = ((ae = C == null ? void 0 : C.item) == null ? void 0 : ae.name) || ((V = C == null ? void 0 : C.consumer_group) == null ? void 0 : V.name) || (C == null ? void 0 : C.name) || "";
-      const U = ((G = C == null ? void 0 : C.item) == null ? void 0 : G.tags) || (C == null ? void 0 : C.consumer_group.tags) || (C == null ? void 0 : C.tags) || [];
+      const U = ((z = C == null ? void 0 : C.item) == null ? void 0 : z.tags) || (C == null ? void 0 : C.consumer_group.tags) || (C == null ? void 0 : C.tags) || [];
       if (o.fields.tags = (U == null ? void 0 : U.join(", ")) || "", "consumers" in C)
         o.fields.consumers = ((fe = C == null ? void 0 : C.consumers) == null ? void 0 : fe.map((le) => le.id)) || [];
       else
@@ -4913,7 +4921,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
           O(le);
         }
       Object.assign(s, o.fields);
-    }, z = I(() => w.utf8Name(o.fields.name)), E = I(() => {
+    }, G = I(() => w.utf8Name(o.fields.name)), E = I(() => {
       var C, U;
       return {
         name: o.fields.name,
@@ -4924,7 +4932,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
     }, J = (C = t.consumerGroupId) => {
       Object.assign(s, o.fields), r("update", { ...o.fields, id: C });
     }, te = (C, U, ae = t.consumerGroupId) => {
-      const V = C == null ? void 0 : C.find((G) => G.status !== "fulfilled");
+      const V = C == null ? void 0 : C.find((z) => z.status !== "fulfilled");
       V ? O({
         code: V.status,
         message: U
@@ -4946,7 +4954,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         }
       else
         o.fields.consumers.length === 0 && C && J(C);
-    }, ze = async () => {
+    }, Ge = async () => {
       var ae;
       try {
         ((ae = t.config) == null ? void 0 : ae.app) === "konnect" ? await p.put(f("edit"), E.value) : await p.patch(f("edit"), E.value);
@@ -4959,22 +4967,22 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       else {
         if (U.length > 0)
           try {
-            const V = U.map((fe) => j(fe)), G = await Promise.allSettled(V);
-            te(G, a("consumer_groups.errors.remove_consumer"));
+            const V = U.map((fe) => j(fe)), z = await Promise.allSettled(V);
+            te(z, a("consumer_groups.errors.remove_consumer"));
           } catch (V) {
             O(V);
           }
         if (C.length > 0)
           try {
-            const V = C.map((fe) => k(fe)), G = await Promise.allSettled(V);
-            te(G, a("consumer_groups.errors.add_consumer"));
+            const V = C.map((fe) => k(fe)), z = await Promise.allSettled(V);
+            te(z, a("consumer_groups.errors.add_consumer"));
           } catch (V) {
             O(V);
           }
       }
     }, yt = async () => {
       try {
-        o.readonly = !0, K.value === rt.Create ? await ce() : await ze();
+        o.readonly = !0, K.value === rt.Create ? await ce() : await Ge();
       } finally {
         o.readonly = !1;
       }
@@ -4983,19 +4991,19 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       await c();
     }), (C, U) => {
       const ae = P("KInput"), V = P("KMultiselect");
-      return m(), M("div", Sl, [
-        $(h(Ns), {
-          "can-submit": Y.value && v.value,
+      return m(), M("div", $l, [
+        $(h(Fs), {
+          "can-submit": W.value && v.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
-          "error-message": o.errorMessage || h(d) || z.value,
+          "error-message": o.errorMessage || h(d) || G.value,
           "fetch-url": R.value,
           "form-fields": E.value,
           "is-readonly": o.readonly,
           onCancel: g,
-          "onFetch:error": U[3] || (U[3] = (G) => q(G)),
+          "onFetch:error": U[3] || (U[3] = (z) => q(z)),
           "onFetch:success": x,
-          onLoading: U[4] || (U[4] = (G) => L(G)),
+          onLoading: U[4] || (U[4] = (z) => L(z)),
           onSubmit: yt
         }, {
           default: b(() => [
@@ -5006,7 +5014,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               default: b(() => [
                 $(ae, {
                   modelValue: o.fields.name,
-                  "onUpdate:modelValue": U[0] || (U[0] = (G) => o.fields.name = G),
+                  "onUpdate:modelValue": U[0] || (U[0] = (z) => o.fields.name = z),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "consumer-group-form-name",
@@ -5017,7 +5025,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
                 }, null, 8, ["modelValue", "label", "placeholder"]),
                 $(ae, {
                   modelValue: o.fields.tags,
-                  "onUpdate:modelValue": U[1] || (U[1] = (G) => o.fields.tags = G),
+                  "onUpdate:modelValue": U[1] || (U[1] = (z) => o.fields.tags = z),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "consumer-group-form-tags",
@@ -5041,7 +5049,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
               default: b(() => [
                 $(V, {
                   modelValue: o.fields.consumers,
-                  "onUpdate:modelValue": U[2] || (U[2] = (G) => o.fields.consumers = G),
+                  "onUpdate:modelValue": U[2] || (U[2] = (z) => o.fields.consumers = z),
                   appearance: "select",
                   autosuggest: "",
                   items: _.value,
@@ -5051,12 +5059,12 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
                   width: "auto",
                   onQueryChange: h(l)
                 }, {
-                  "item-template": b(({ item: G }) => {
+                  "item-template": b(({ item: z }) => {
                     var fe, ke, le;
                     return [
-                      B("div", $l, [
-                        B("div", Tl, F(G.label), 1),
-                        (fe = G == null ? void 0 : G.data) != null && fe.username && ((ke = G == null ? void 0 : G.data) != null && ke.custom_id) ? (m(), M("div", jl, F((le = G == null ? void 0 : G.data) == null ? void 0 : le.custom_id), 1)) : W("", !0)
+                      B("div", Tl, [
+                        B("div", jl, F(z.label), 1),
+                        (fe = z == null ? void 0 : z.data) != null && fe.username && ((ke = z == null ? void 0 : z.data) != null && ke.custom_id) ? (m(), M("div", Ml, F((le = z == null ? void 0 : z.data) == null ? void 0 : le.custom_id), 1)) : Y("", !0)
                       ])
                     ];
                   }),
@@ -5071,7 +5079,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
       ]);
     };
   }
-}), Gl = /* @__PURE__ */ Bt(Ml, [["__scopeId", "data-v-9681165d"]]), El = { class: "kong-ui-consumer-group-entity-config-card" }, zl = /* @__PURE__ */ X({
+}), Gl = /* @__PURE__ */ Bt(El, [["__scopeId", "data-v-9681165d"]]), Ol = { class: "kong-ui-consumer-group-entity-config-card" }, Jl = /* @__PURE__ */ X({
   __name: "ConsumerGroupConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -5107,7 +5115,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
         tooltip: t("consumer_groups.form.fields.tags.tooltip")
       }
     });
-    return (i, o) => (m(), M("div", El, [
+    return (i, o) => (m(), M("div", Ol, [
       $(h(Ms), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
@@ -5123,7 +5131,7 @@ const Yi = { class: "yaml-config" }, fr = /* @__PURE__ */ X({
   }
 });
 export {
-  zl as ConsumerGroupConfigCard,
+  Jl as ConsumerGroupConfigCard,
   Gl as ConsumerGroupForm,
-  Dl as ConsumerGroupList
+  zl as ConsumerGroupList
 };