@kong-ui-public/entities-keys 3.2.0 → 3.2.1

package/dist/entities-keys.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, computed as S, openBlock as f, createBlock as U, resolveDynamicComponent as we, normalizeStyle as Ve, withCtx as k, createElementBlock as A, toDisplayString as E, createCommentVNode as J, pushScopeId as De, popScopeId as Pe, createElementVNode as L, ref as M, watch as he, renderSlot as ee, unref as m, resolveComponent as R, createVNode as x, createTextVNode as G, useCssVars as rn, useSlots as bt, createSlots as Me, normalizeProps as oi, guardReactiveProps as li, Fragment as me, renderList as fe, mergeProps as si, normalizeClass as $e, onBeforeMount as lt, withModifiers as yt, withDirectives as Ie, vShow as xe, withKeys as ci, inject as ui, onMounted as di, onUnmounted as pi, Teleport as fi, reactive as Tt } from "vue";
+import { defineComponent as Q, computed as S, openBlock as f, createBlock as U, resolveDynamicComponent as Ce, normalizeStyle as Ve, withCtx as k, createElementBlock as A, toDisplayString as E, createCommentVNode as J, pushScopeId as De, popScopeId as Pe, createElementVNode as L, ref as M, watch as he, renderSlot as ee, unref as m, resolveComponent as D, createVNode as x, createTextVNode as G, useCssVars as rn, useSlots as bt, createSlots as Me, normalizeProps as oi, guardReactiveProps as li, Fragment as me, renderList as fe, mergeProps as si, normalizeClass as $e, onBeforeMount as lt, withModifiers as yt, withDirectives as Ie, vShow as xe, withKeys as ci, inject as ui, onMounted as di, onUnmounted as pi, Teleport as fi, reactive as Tt } from "vue";
 import { useRouter as Ct } from "vue-router";
 import { createI18n as on, i18nTComponent as ln } from "@kong-ui-public/i18n";
 import Ot from "axios";
@@ -83,7 +83,7 @@ const Kt = "24px", mi = (e, t) => {
       lineHeight: "0",
       width: n.value
     }));
-    return (a, r) => (f(), U(we(e.as), {
+    return (a, r) => (f(), U(Ce(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
@@ -431,10 +431,10 @@ const $i = {
     fetch: "Could not fetch available items",
     invalid: "Please select a valid value"
   }
-}, qi = {
+}, Fi = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, Fi = {
+}, qi = {
   utf8Name: "The name can be any string containing characters, letters, numbers, or the following characters: ., -, _, or ~. Do not use spaces."
 }, Bi = {
   enable: {
@@ -455,8 +455,8 @@ const $i = {
   baseConfigCard: Ki,
   filter: Mi,
   debouncedFilter: Ei,
-  errors: qi,
-  validationErrors: Fi,
+  errors: Fi,
+  validationErrors: qi,
   toggleModal: Bi
 };
 function st() {
@@ -517,7 +517,7 @@ function Ui(e, t, n, i = {
 }) {
   n || (n = "1000");
   const { axiosInstance: a } = St(e.axiosRequestConfig), { i18n: { t: r } } = st(), { debounce: o } = xi(), l = o(async (h) => {
-    await V(h);
+    await R(h);
   }, 200), c = M(!1), u = M(""), s = M(""), d = M([]), v = M([]), y = M(void 0), I = m(t);
   let N = `${e.apiBaseUrl}${I}`;
   e.app === "konnect" ? N = N.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (N = N.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
@@ -531,28 +531,28 @@ function Ui(e, t, n, i = {
     } finally {
       c.value = !1;
     }
-  }, g = M(""), V = async (h) => {
+  }, g = M(""), R = async (h) => {
     var w, p, C;
     if (g.value !== h)
       if (g.value = h || "", y.value === void 0)
         try {
           if (c.value = !0, u.value = "", s.value = "", e.app === "konnect") {
-            let q = N + "";
-            h && (q += `/${h}`);
-            const { data: j } = await a.get(`${q}?size=${n}`);
+            let F = N + "";
+            h && (F += `/${h}`);
+            const { data: j } = await a.get(`${F}?size=${n}`);
             i.fetchedItemsKey in j ? d.value = j[i.fetchedItemsKey] : j != null && j.id ? d.value = [j] : d.value = [];
           } else if (h) {
-            const q = [];
-            _(h) && i.searchKeys.includes("id") ? q.push((async () => {
+            const F = [];
+            _(h) && i.searchKeys.includes("id") ? F.push((async () => {
               const { data: K } = await a.get(`${N}/${h}`);
               return [K[i.fetchedItemsKey] ?? K];
-            })()) : q.push(
+            })()) : F.push(
               ...i.searchKeys.filter((K) => K !== "id").map(async (K) => {
                 const { data: O } = await a.get(`${N}?${K}=${h}`);
                 return O[i.fetchedItemsKey];
               })
             );
-            const j = await Promise.all(q), P = /* @__PURE__ */ new Set();
+            const j = await Promise.all(F), P = /* @__PURE__ */ new Set();
             d.value = [], (w = j == null ? void 0 : j.forEach) == null || w.call(j, (K) => {
               var O;
               (O = K == null ? void 0 : K.forEach) == null || O.call(K, (z) => {
@@ -561,17 +561,17 @@ function Ui(e, t, n, i = {
             });
           } else
             d.value = v.value;
-        } catch (q) {
-          ((p = q == null ? void 0 : q.response) == null ? void 0 : p.status) === 404 ? s.value = r("debouncedFilter.errors.invalid") : (d.value = [], u.value = r("debouncedFilter.errors.fetch"));
+        } catch (F) {
+          ((p = F == null ? void 0 : F.response) == null ? void 0 : p.status) === 404 ? s.value = r("debouncedFilter.errors.invalid") : (d.value = [], u.value = r("debouncedFilter.errors.fetch"));
         } finally {
           c.value = !1;
         }
       else
-        c.value = !0, s.value = "", h ? (d.value = (C = y.value) == null ? void 0 : C.filter((q) => {
+        c.value = !0, s.value = "", h ? (d.value = (C = y.value) == null ? void 0 : C.filter((F) => {
           var j;
           let P = !1;
           for (const K of i.searchKeys) {
-            const O = typeof q[K] == "string" ? (j = q[K]) == null ? void 0 : j.toLowerCase() : q[K];
+            const O = typeof F[K] == "string" ? (j = F[K]) == null ? void 0 : j.toLowerCase() : F[K];
             O != null && O.includes(h.toLowerCase()) && (P = !0);
           }
           return P;
@@ -712,15 +712,15 @@ const dn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   if (!t)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return t.shift(), t;
-}, Et = (e) => e === "*" || e === "x" || e === "X", qt = (e) => {
+}, Et = (e) => e === "*" || e === "x" || e === "X", Ft = (e) => {
   const t = parseInt(e, 10);
   return isNaN(t) ? e : t;
 }, Ji = (e, t) => typeof e != typeof t ? [String(e), String(t)] : [e, t], Hi = (e, t) => {
   if (Et(e) || Et(t))
     return 0;
-  const [n, i] = Ji(qt(e), qt(t));
+  const [n, i] = Ji(Ft(e), Ft(t));
   return n > i ? 1 : n < i ? -1 : 0;
-}, Ft = (e, t) => {
+}, qt = (e, t) => {
   for (let n = 0; n < Math.max(e.length, t.length); n++) {
     const i = Hi(e[n] || "0", t[n] || "0");
     if (i !== 0)
@@ -728,8 +728,8 @@ const dn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   }
   return 0;
 }, Wi = (e, t) => {
-  const n = Mt(e), i = Mt(t), a = n.pop(), r = i.pop(), o = Ft(n, i);
-  return o !== 0 ? o : a && r ? Ft(a.split("."), r.split(".")) : a || r ? a ? -1 : 1 : 0;
+  const n = Mt(e), i = Mt(t), a = n.pop(), r = i.pop(), o = qt(n, i);
+  return o !== 0 ? o : a && r ? qt(a.split("."), r.split(".")) : a || r ? a ? -1 : 1 : 0;
 }, Bt = (e, t, n) => {
   Zi(n);
   const i = Wi(e, t);
@@ -815,7 +815,7 @@ const ae = {
       var c;
       return t.isArrayItem ? (c = r.value) != null && c.name ? i(r.value.name, "_") : n("baseConfigCard.general.entryTitle", { index: t.index }) : "";
     });
-    return (c, u) => (f(), U(we(e.isArrayItem ? "fieldset" : "div"), {
+    return (c, u) => (f(), U(Ce(e.isArrayItem ? "fieldset" : "div"), {
       class: $e(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: k(() => [
@@ -851,7 +851,7 @@ const ae = {
   setup(e) {
     const { i18n: { t } } = ae.useI18n();
     return (n, i) => {
-      const a = R("KButton");
+      const a = D("KButton");
       return f(), A("div", null, [
         x(a, {
           appearance: "tertiary",
@@ -877,7 +877,7 @@ const ae = {
   setup(e) {
     const { i18n: { t } } = ae.useI18n();
     return (n, i) => {
-      const a = R("KBadge");
+      const a = D("KBadge");
       return f(), U(a, {
         appearance: e.status ? "success" : "neutral"
       }, {
@@ -1029,7 +1029,7 @@ const ae = {
       }
     }), v = M(), { isTruncated: y } = ae.useTruncationDetector(v);
     return (I, N) => {
-      const _ = R("KLabel"), B = R("KBadge"), g = R("KCopy"), V = R("KTooltip");
+      const _ = D("KLabel"), B = D("KBadge"), g = D("KCopy"), R = D("KTooltip");
       return f(), A("div", ca, [
         L("div", {
           class: "config-card-details-label",
@@ -1066,7 +1066,7 @@ const ae = {
             rowValue: e.item.value
           }, () => [
             l.value ? (f(), A("div", ya, [
-              (f(), U(we(d.value.tag), oi(li(d.value.attrs)), {
+              (f(), U(Ce(d.value.tag), oi(li(d.value.attrs)), {
                 default: k(() => [
                   d.value.additionalComponent === "KBadge" ? (f(), A("div", {
                     key: 0,
@@ -1122,7 +1122,7 @@ const ae = {
                       "is-array-item": "",
                       item: h
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, va)) : (f(), U(V, {
+                  ], 8, va)) : (f(), U(R, {
                     key: 4,
                     text: m(y) ? e.item.value : ""
                   }, {
@@ -1189,7 +1189,7 @@ const ae = {
       return r.length < 2 ? 0 : 41 + (t.requestMethod === "post" ? r[r.length - 1] : r[r.length - 2]).length;
     });
     return (a, r) => {
-      const o = R("KBadge"), l = R("KCodeBlock");
+      const o = D("KBadge"), l = D("KCodeBlock");
       return f(), A("div", Ca, [
         t.fetcherUrl ? (f(), A("div", wa, [
           x(o, {
@@ -1310,7 +1310,7 @@ function Ma(e, t) {
 `;
   return l.replace(/\n$/, "");
 }
-var Ea = Ma, qa = [
+var Ea = Ma, Fa = [
   "kind",
   "multi",
   "resolve",
@@ -1321,7 +1321,7 @@ var Ea = Ma, qa = [
   "representName",
   "defaultStyle",
   "styleAliases"
-], Fa = [
+], qa = [
   "scalar",
   "sequence",
   "mapping"
@@ -1336,13 +1336,13 @@ function Ba(e) {
 }
 function La(e, t) {
   if (t = t || {}, Object.keys(t).forEach(function(n) {
-    if (qa.indexOf(n) === -1)
+    if (Fa.indexOf(n) === -1)
       throw new ce('Unknown option "' + n + '" 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(n) {
     return n;
-  }, 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 = Ba(t.styleAliases || null), Fa.indexOf(this.kind) === -1)
+  }, 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 = Ba(t.styleAliases || null), qa.indexOf(this.kind) === -1)
     throw new ce('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
 }
 var oe = La;
@@ -1793,7 +1793,7 @@ function Cr(e) {
 function wr(e) {
   return e !== null ? e : {};
 }
-var qn = new oe("tag:yaml.org,2002:set", {
+var Fn = new oe("tag:yaml.org,2002:set", {
   kind: "mapping",
   resolve: Cr,
   construct: wr
@@ -1806,9 +1806,9 @@ var qn = new oe("tag:yaml.org,2002:set", {
     Kn,
     Mn,
     En,
-    qn
+    Fn
   ]
-}), Ne = Object.prototype.hasOwnProperty, nt = 1, Fn = 2, Bn = 3, it = 4, ft = 1, Sr = 2, Rt = 3, _r = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, Ir = /[\x85\u2028\u2029]/, xr = /[,\[\]\{\}]/, Ln = /^(?:!|!!|![a-z\-]+!)$/i, Un = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
+}), Ne = Object.prototype.hasOwnProperty, nt = 1, qn = 2, Bn = 3, it = 4, ft = 1, Sr = 2, Rt = 3, _r = /[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/, Ir = /[\x85\u2028\u2029]/, xr = /[,\[\]\{\}]/, Ln = /^(?:!|!!|![a-z\-]+!)$/i, Un = /^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;
 function Vt(e) {
   return Object.prototype.toString.call(e);
 }
@@ -1845,8 +1845,8 @@ function Nr(e) {
   );
 }
 var Rn = new Array(256), Vn = new Array(256);
-for (var Fe = 0; Fe < 256; Fe++)
-  Rn[Fe] = Dt(Fe) ? 1 : 0, Vn[Fe] = Dt(Fe);
+for (var qe = 0; qe < 256; qe++)
+  Rn[qe] = Dt(qe) ? 1 : 0, Vn[qe] = Dt(qe);
 function Tr(e, t) {
   this.input = e, this.filename = t.filename || null, this.schema = t.schema || It, this.onWarning = t.onWarning || null, this.legacy = t.legacy || !1, this.json = t.json || !1, this.listener = t.listener || null, this.implicitTypes = this.schema.compiledImplicit, this.typeMap = this.schema.compiledTypeMap, this.length = e.length, this.position = 0, this.line = 0, this.lineStart = 0, this.lineIndent = 0, this.firstTabInLine = -1, this.documents = [];
 }
@@ -2027,7 +2027,7 @@ function Er(e, t) {
   }
   T(e, "unexpected end of the stream within a flow collection");
 }
-function qr(e, t) {
+function Fr(e, t) {
   var n, i, a = ft, r = !1, o = !1, l = t, c = 0, u = !1, s, d;
   if (d = e.input.charCodeAt(e.position), d === 124)
     i = !1;
@@ -2090,7 +2090,7 @@ function Jt(e, t) {
   }
   return l ? (e.tag = i, e.anchor = a, e.kind = "sequence", e.result = r, !0) : !1;
 }
-function Fr(e, t, n) {
+function qr(e, t, n) {
   var i, a, r, o, l, c, u = e.tag, s = e.anchor, d = {}, v = /* @__PURE__ */ Object.create(null), y = null, I = null, N = null, _ = !1, B = !1, g;
   if (e.firstTabInLine !== -1)
     return !1;
@@ -2098,7 +2098,7 @@ function Fr(e, t, n) {
     if (!_ && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, T(e, "tab characters must not be used in indentation")), i = e.input.charCodeAt(e.position + 1), r = e.line, (g === 63 || g === 58) && pe(i))
       g === 63 ? (_ && (Ue(e, d, v, y, I, null, o, l, c), y = I = N = null), B = !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, g = i;
     else {
-      if (o = e.line, l = e.lineStart, c = e.position, !Re(e, n, Fn, !1, !0))
+      if (o = e.line, l = e.lineStart, c = e.position, !Re(e, n, qn, !1, !0))
         break;
       if (e.line === r) {
         for (g = e.input.charCodeAt(e.position); Ke(g); )
@@ -2164,7 +2164,7 @@ function Re(e, t, n, i, a) {
   if (e.listener !== null && e.listener("open", e), e.tag = null, e.anchor = null, e.kind = null, e.result = null, r = o = l = it === n || Bn === n, i && ne(e, !0, -1) && (u = !0, e.lineIndent > t ? c = 1 : e.lineIndent === t ? c = 0 : e.lineIndent < t && (c = -1)), c === 1)
     for (; Br(e) || Lr(e); )
       ne(e, !0, -1) ? (u = !0, l = r, e.lineIndent > t ? c = 1 : e.lineIndent === t ? c = 0 : e.lineIndent < t && (c = -1)) : l = !1;
-  if (l && (l = u || a), (c === 1 || it === n) && (nt === n || Fn === n ? N = t : N = t + 1, _ = e.position - e.lineStart, c === 1 ? l && (Jt(e, _) || Fr(e, _, N)) || Er(e, N) ? s = !0 : (o && qr(e, N) || Kr(e, N) || Mr(e, N) ? s = !0 : Ur(e) ? (s = !0, (e.tag !== null || e.anchor !== null) && T(e, "alias node should not have any properties")) : Or(e, N, nt === n) && (s = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : c === 0 && (s = l && Jt(e, _))), e.tag === null)
+  if (l && (l = u || a), (c === 1 || it === n) && (nt === n || qn === n ? N = t : N = t + 1, _ = e.position - e.lineStart, c === 1 ? l && (Jt(e, _) || qr(e, _, N)) || Er(e, N) ? s = !0 : (o && Fr(e, N) || Kr(e, N) || Mr(e, N) ? s = !0 : Ur(e) ? (s = !0, (e.tag !== null || e.anchor !== null) && T(e, "alias node should not have any properties")) : Or(e, N, nt === n) && (s = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : c === 0 && (s = l && Jt(e, _))), e.tag === null)
     e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
   else if (e.tag === "?") {
     for (e.result !== null && e.kind !== "scalar" && T(e, 'unacceptable node kind for !<?> tag; it should be "scalar", not "' + e.kind + '"'), d = 0, v = e.implicitTypes.length; d < v; d += 1)
@@ -2454,19 +2454,19 @@ function Co(e) {
 function wo(e, t, n) {
   var i = "", a = e.tag, r, o, l;
   for (r = 0, o = n.length; r < o; r += 1)
-    l = n[r], e.replacer && (l = e.replacer.call(n, String(r), l)), (Ce(e, t, l, !1, !1) || typeof l > "u" && Ce(e, t, null, !1, !1)) && (i !== "" && (i += "," + (e.condenseFlow ? "" : " ")), i += e.dump);
+    l = n[r], e.replacer && (l = e.replacer.call(n, String(r), l)), (we(e, t, l, !1, !1) || typeof l > "u" && we(e, t, null, !1, !1)) && (i !== "" && (i += "," + (e.condenseFlow ? "" : " ")), i += e.dump);
   e.tag = a, e.dump = "[" + i + "]";
 }
 function Xt(e, t, n, i) {
   var a = "", r = e.tag, o, l, c;
   for (o = 0, l = n.length; o < l; o += 1)
-    c = n[o], e.replacer && (c = e.replacer.call(n, String(o), c)), (Ce(e, t + 1, c, !0, !0, !1, !0) || typeof c > "u" && Ce(e, t + 1, null, !0, !0, !1, !0)) && ((!i || a !== "") && (a += ht(e, t)), e.dump && We === e.dump.charCodeAt(0) ? a += "-" : a += "- ", a += e.dump);
+    c = n[o], e.replacer && (c = e.replacer.call(n, String(o), c)), (we(e, t + 1, c, !0, !0, !1, !0) || typeof c > "u" && we(e, t + 1, null, !0, !0, !1, !0)) && ((!i || a !== "") && (a += ht(e, t)), e.dump && We === e.dump.charCodeAt(0) ? a += "-" : a += "- ", a += e.dump);
   e.tag = r, e.dump = a || "[]";
 }
 function So(e, t, n) {
   var i = "", a = e.tag, r = Object.keys(n), o, l, c, u, s;
   for (o = 0, l = r.length; o < l; o += 1)
-    s = "", i !== "" && (s += ", "), e.condenseFlow && (s += '"'), c = r[o], u = n[c], e.replacer && (u = e.replacer.call(n, c, u)), Ce(e, t, c, !1, !1) && (e.dump.length > 1024 && (s += "? "), s += e.dump + (e.condenseFlow ? '"' : "") + ":" + (e.condenseFlow ? "" : " "), Ce(e, t, u, !1, !1) && (s += e.dump, i += s));
+    s = "", i !== "" && (s += ", "), e.condenseFlow && (s += '"'), c = r[o], u = n[c], e.replacer && (u = e.replacer.call(n, c, u)), we(e, t, c, !1, !1) && (e.dump.length > 1024 && (s += "? "), s += e.dump + (e.condenseFlow ? '"' : "") + ":" + (e.condenseFlow ? "" : " "), we(e, t, u, !1, !1) && (s += e.dump, i += s));
   e.tag = a, e.dump = "{" + i + "}";
 }
 function _o(e, t, n, i) {
@@ -2478,7 +2478,7 @@ function _o(e, t, n, i) {
   else if (e.sortKeys)
     throw new ce("sortKeys must be a boolean or a function");
   for (l = 0, c = o.length; l < c; l += 1)
-    v = "", (!i || a !== "") && (v += ht(e, t)), u = o[l], s = n[u], e.replacer && (s = e.replacer.call(n, u, s)), Ce(e, t + 1, u, !0, !0, !0) && (d = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, d && (e.dump && We === e.dump.charCodeAt(0) ? v += "?" : v += "? "), v += e.dump, d && (v += ht(e, t)), Ce(e, t + 1, s, !0, d) && (e.dump && We === e.dump.charCodeAt(0) ? v += ":" : v += ": ", v += e.dump, a += v));
+    v = "", (!i || a !== "") && (v += ht(e, t)), u = o[l], s = n[u], e.replacer && (s = e.replacer.call(n, u, s)), we(e, t + 1, u, !0, !0, !0) && (d = e.tag !== null && e.tag !== "?" || e.dump && e.dump.length > 1024, d && (e.dump && We === e.dump.charCodeAt(0) ? v += "?" : v += "? "), v += e.dump, d && (v += ht(e, t)), we(e, t + 1, s, !0, d) && (e.dump && We === e.dump.charCodeAt(0) ? v += ":" : v += ": ", v += e.dump, a += v));
   e.tag = r, e.dump = a || "{}";
 }
 function en(e, t, n) {
@@ -2498,7 +2498,7 @@ function en(e, t, n) {
     }
   return !1;
 }
-function Ce(e, t, n, i, a, r, o) {
+function we(e, t, n, i, a, r, o) {
   e.tag = null, e.dump = n, en(e, n, !1) || en(e, n, !0);
   var l = Jn.call(e.dump), c = i, u;
   i && (i = e.flowLevel < 0 || e.flowLevel > t);
@@ -2546,7 +2546,7 @@ function xo(e, t) {
   var n = new yo(t);
   n.noRefs || Io(e, n);
   var i = e;
-  return n.replacer && (i = n.replacer.call({ "": i }, "", i)), Ce(n, 0, i, !0, !0) ? n.dump + `
+  return n.replacer && (i = n.replacer.call({ "": i }, "", i)), we(n, 0, i, !0, !0) ? n.dump + `
 ` : "";
 }
 var Ao = xo, jo = {
@@ -2557,13 +2557,13 @@ function $t(e, t) {
     throw new Error("Function yaml." + e + " is removed in js-yaml 4. Use yaml." + t + " instead, which is now safe by default.");
   };
 }
-var $o = oe, No = vn, To = wn, Oo = An, Ko = jn, Mo = It, Eo = zn.load, qo = zn.loadAll, Fo = jo.dump, Bo = ce, Lo = {
+var $o = oe, No = vn, To = wn, Oo = An, Ko = jn, Mo = It, Eo = zn.load, Fo = zn.loadAll, qo = jo.dump, Bo = ce, Lo = {
   binary: Kn,
   float: xn,
   map: Cn,
   null: Sn,
   pairs: En,
-  set: qn,
+  set: Fn,
   timestamp: Tn,
   bool: _n,
   int: In,
@@ -2579,8 +2579,8 @@ var $o = oe, No = vn, To = wn, Oo = An, Ko = jn, Mo = It, Eo = zn.load, qo = zn.
   CORE_SCHEMA: Ko,
   DEFAULT_SCHEMA: Mo,
   load: Eo,
-  loadAll: qo,
-  dump: Fo,
+  loadAll: Fo,
+  dump: qo,
   YAMLException: Bo,
   types: Lo,
   safeLoad: Uo,
@@ -2602,7 +2602,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       return Object.keys(i).length === 0 && i.constructor === Object ? "" : Do.dump(i).trim();
     });
     return (i, a) => {
-      const r = R("KCodeBlock");
+      const r = D("KCodeBlock");
       return f(), A("div", Po, [
         t.yamlRecord ? (f(), U(r, {
           key: 0,
@@ -2791,7 +2791,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, r) => (f(), U(we(e.as), {
+    return (a, r) => (f(), U(Ce(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
@@ -2890,7 +2890,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, r) => (f(), U(we(e.as), {
+    return (a, r) => (f(), U(Ce(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon book-icon",
       "data-testid": "kui-icon-wrapper-book-icon",
@@ -2989,7 +2989,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, r) => (f(), U(we(e.as), {
+    return (a, r) => (f(), U(Ce(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-down-icon",
       "data-testid": "kui-icon-wrapper-chevron-down-icon",
@@ -3088,7 +3088,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, r) => (f(), U(we(e.as), {
+    return (a, r) => (f(), U(Ce(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon close-icon",
       "data-testid": "kui-icon-wrapper-close-icon",
@@ -3187,7 +3187,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, r) => (f(), U(we(e.as), {
+    return (a, r) => (f(), U(Ce(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon more-icon",
       "data-testid": "kui-icon-wrapper-more-icon",
@@ -3344,12 +3344,12 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
         section: se.Basic
       }
     }, y = M(!1), I = M(!1), N = M(""), _ = M({}), B = S(() => {
-      var p, C, q;
+      var p, C, F;
       if (!_.value)
         return [];
       const j = [], P = Object.keys(_.value).length;
       for (const K in _.value) {
-        const O = (C = (p = a.configSchema) == null ? void 0 : p[K]) == null ? void 0 : C.order, z = (q = v[K]) == null ? void 0 : q.order;
+        const O = (C = (p = a.configSchema) == null ? void 0 : p[K]) == null ? void 0 : C.order, z = (F = v[K]) == null ? void 0 : F.order;
         let W = P;
         (z || z === 0) && (W = z === -1 ? P + 1 : z), O && (W = O === -1 ? P + 1 : O), j.push([K, W]);
       }
@@ -3372,9 +3372,9 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       var p, C;
       if (!_.value || !a.pluginConfigKey)
         return [];
-      const q = _.value[a.pluginConfigKey] || {}, j = Object.keys(q).length, P = [];
-      for (const K in q) {
-        const O = (C = (p = a.pluginConfigSchema) == null ? void 0 : p[K]) == null ? void 0 : C.order, z = q[K];
+      const F = _.value[a.pluginConfigKey] || {}, j = Object.keys(F).length, P = [];
+      for (const K in F) {
+        const O = (C = (p = a.pluginConfigSchema) == null ? void 0 : p[K]) == null ? void 0 : C.order, z = F[K];
         let W = z != null && z !== "" ? j - 1 : j;
         O && (W = O === -1 ? j + 1 : O), P.push([K, W]);
       }
@@ -3382,7 +3382,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
         return K[1] - O[1];
       }), P.map((K) => {
         var O;
-        const z = K[0], W = q[z], ue = ((O = a.pluginConfigSchema) == null ? void 0 : O[z]) || {};
+        const z = K[0], W = F[z], ue = ((O = a.pluginConfigSchema) == null ? void 0 : O[z]) || {};
         return {
           key: z,
           value: W,
@@ -3393,20 +3393,20 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
           section: se.Plugin
         };
       }).filter((K) => !K.hidden);
-    }), V = S(() => {
-      var p, C, q, j;
+    }), R = S(() => {
+      var p, C, F, j;
       return {
         basic: (p = B.value) == null ? void 0 : p.filter((P) => P.section === se.Basic),
         advanced: (C = B.value) == null ? void 0 : C.filter((P) => P.section === se.Advanced),
-        plugin: (j = g.value) == null ? void 0 : j.concat((q = B.value) == null ? void 0 : q.filter((P) => P.section === se.Plugin))
+        plugin: (j = g.value) == null ? void 0 : j.concat((F = B.value) == null ? void 0 : F.filter((P) => P.section === se.Plugin))
       };
     }), h = S(() => {
       const p = [];
-      return V.value.basic.length && p.push("basic"), V.value.advanced.length && p.push("advanced"), V.value.plugin.length && p.push("plugin"), p;
+      return R.value.basic.length && p.push("basic"), R.value.advanced.length && p.push("advanced"), R.value.plugin.length && p.push("plugin"), p;
     }), w = S(() => {
       var p, C;
-      let q = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? q = q.replace(/{controlPlaneId}/gi, ((p = a.config) == null ? void 0 : p.controlPlaneId) || "") : a.config.app === "kongManager" && (q = q.replace(/\/{workspace}/gi, (C = a.config) != null && C.workspace ? `/${a.config.workspace}` : "")), q = q.replace(/{id}/gi, a.config.entityId), q;
+      let F = `${a.config.apiBaseUrl}${a.fetchUrl}`;
+      return a.config.app === "konnect" ? F = F.replace(/{controlPlaneId}/gi, ((p = a.config) == null ? void 0 : p.controlPlaneId) || "") : a.config.app === "kongManager" && (F = F.replace(/\/{workspace}/gi, (C = a.config) != null && C.workspace ? `/${a.config.workspace}` : "")), F = F.replace(/{id}/gi, a.config.entityId), F;
     });
     return he(y, (p) => {
       i("loading", p);
@@ -3431,7 +3431,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
         y.value = !1;
       }
     }), (p, C) => {
-      const q = R("KLabel"), j = R("KSelect"), P = R("KButton"), K = R("KSkeleton"), O = R("KEmptyState"), z = R("KCard");
+      const F = D("KLabel"), j = D("KSelect"), P = D("KButton"), K = D("KSkeleton"), O = D("KEmptyState"), z = D("KCard");
       return f(), U(z, {
         class: "kong-ui-entity-base-config-card",
         "title-tag": e.titleTag
@@ -3439,7 +3439,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
         actions: k(() => [
           L("div", Al, [
             ee(p.$slots, "actions", {}, void 0, !0),
-            x(q, {
+            x(F, {
               class: "config-format-select-label",
               "data-testid": "config-format-select-label"
             }, {
@@ -3494,7 +3494,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
               "fetcher-url": w.value,
               format: s.value,
               "prop-list-types": h.value,
-              "property-collections": V.value,
+              "property-collections": R.value,
               record: _.value
             }, Me({ _: 2 }, [
               fe(Object.keys(p.$slots), (W) => ({
@@ -3585,6 +3585,13 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
     noValidate: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Wrapper component to use at component's root level.
+     */
+    wrapperComponent: {
+      type: String,
+      default: "KCard"
     }
   },
   emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
@@ -3602,7 +3609,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       i("cancel");
     }, g = () => {
       v.value || i("submit");
-    }, V = M([
+    }, R = M([
       {
         title: o("baseForm.configuration.yaml"),
         hash: "#yaml"
@@ -3627,8 +3634,8 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
           u.value = !1;
         }
     }), (h, w) => {
-      const p = R("KSkeleton"), C = R("KEmptyState"), q = R("KAlert"), j = R("KButton"), P = R("KTabs"), K = R("KSlideout"), O = R("KCard");
-      return f(), U(O, { class: "kong-ui-entity-base-form" }, {
+      const p = D("KSkeleton"), C = D("KEmptyState"), F = D("KAlert"), j = D("KButton"), P = D("KTabs"), K = D("KSlideout");
+      return f(), U(Ce(e.wrapperComponent), { class: "kong-ui-entity-base-form" }, {
         default: k(() => [
           u.value ? (f(), U(p, {
             key: 0,
@@ -3652,7 +3659,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
             onSubmit: yt(g, ["prevent"])
           }, [
             ee(h.$slots, "default", {}, void 0, !0),
-            e.errorMessage ? (f(), U(q, {
+            e.errorMessage ? (f(), U(F, {
               key: 0,
               appearance: "danger",
               "data-testid": "form-error",
@@ -3663,7 +3670,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
                 x(j, {
                   appearance: "tertiary",
                   "data-testid": "form-view-configuration",
-                  onClick: w[0] || (w[0] = (z) => N())
+                  onClick: w[0] || (w[0] = (O) => N())
                 }, {
                   default: k(() => [
                     G(E(m(o)("baseForm.actions.viewConfiguration")), 1)
@@ -3702,13 +3709,13 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
             "offset-top": 60,
             title: m(o)("baseForm.configuration.title"),
             visible: y.value,
-            onClose: w[1] || (w[1] = (z) => N())
+            onClose: w[1] || (w[1] = (O) => N())
           }, {
             default: k(() => [
               L("div", null, E(m(o)("baseForm.configuration.message")), 1),
               x(P, {
                 "data-testid": "form-view-configuration-slideout-tabs",
-                tabs: V.value
+                tabs: R.value
               }, {
                 json: k(() => [
                   x(mn, {
@@ -3733,7 +3740,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       });
     };
   }
-}), El = /* @__PURE__ */ ve(Ml, [["__scopeId", "data-v-3def74fe"]]), ql = ["data-truncate"], Fl = /* @__PURE__ */ Q({
+}), El = /* @__PURE__ */ ve(Ml, [["__scopeId", "data-v-fd05df8e"]]), Fl = ["data-truncate"], ql = /* @__PURE__ */ Q({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3766,12 +3773,12 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       o && (o.disconnect(), o = void 0);
     }, c = () => {
       var _, B, g;
-      let V = ((_ = n.value) == null ? void 0 : _.clientWidth) || 0;
+      let R = ((_ = n.value) == null ? void 0 : _.clientWidth) || 0;
       if (n.value && "getComputedStyle" in window) {
         const h = window.getComputedStyle(n.value);
-        V -= (parseFloat(h.paddingLeft) || 0) + (parseFloat(h.paddingRight) || 0);
+        R -= (parseFloat(h.paddingLeft) || 0) + (parseFloat(h.paddingRight) || 0);
       }
-      s.value = ((B = i.value) == null ? void 0 : B.getBoundingClientRect().width) || 0, d.value = V, v.value = ((g = u.value) == null ? void 0 : g.innerText) || "";
+      s.value = ((B = i.value) == null ? void 0 : B.getBoundingClientRect().width) || 0, d.value = R, v.value = ((g = u.value) == null ? void 0 : g.innerText) || "";
     }, u = M({}), s = M(0), d = M(0), v = M(""), y = S(() => [i.value, n.value]), I = he(
       y,
       (_) => {
@@ -3792,7 +3799,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
     }), pi(() => {
       I();
     }), (_, B) => {
-      const g = R("KTooltip");
+      const g = D("KTooltip");
       return f(), A("span", {
         ref_key: "contentRef",
         ref: u,
@@ -3812,11 +3819,11 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
             ]),
             _: 3
           }, 8, ["text"])
-        ], 8, ql)) : ee(_.$slots, "default", { key: 1 }, void 0, !0)
+        ], 8, Fl)) : ee(_.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
-}), Bl = /* @__PURE__ */ ve(Fl, [["__scopeId", "data-v-471ce76e"]]), Ll = { class: "toolbar-container" }, Ul = {
+}), Bl = /* @__PURE__ */ ve(ql, [["__scopeId", "data-v-471ce76e"]]), Ll = { class: "toolbar-container" }, Ul = {
   key: 0,
   class: "toolbar-button-container"
 }, Rl = ["data-testid"], Vl = /* @__PURE__ */ Q({
@@ -3951,11 +3958,11 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
     }), o = S(() => n.cacheIdentifier || n.preferencesStorageKey), l = (p) => p.hasData || !!n.query, c = S(() => {
       const p = [];
       return Object.keys(n.tableHeaders).forEach((C) => {
-        const q = n.tableHeaders[C];
+        const F = n.tableHeaders[C];
         p.push({
-          label: q.label ?? C,
+          label: F.label ?? C,
           key: C,
-          sortable: q.sortable ?? !1,
+          sortable: F.sortable ?? !1,
           hidable: !0
         });
       }), n.enableEntityActions && p.push({
@@ -3987,17 +3994,17 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       i("click:row", C);
     }), _ = (p) => {
       i("sort", p);
-    }, { setTablePreferences: B, getTablePreferences: g } = ji(), V = M(g(o.value)), h = S(() => {
+    }, { setTablePreferences: B, getTablePreferences: g } = ji(), R = M(g(o.value)), h = S(() => {
       const p = g(o.value);
       return {
         ...n.initialFetcherParams,
         ...p
       };
     }), w = (p) => {
-      V.value = p, o.value && B(o.value, p);
+      R.value = p, o.value && B(o.value, p);
     };
     return (p, C) => {
-      const q = R("KButton"), j = R("KDropdown"), P = R("KTable"), K = R("KCard");
+      const F = D("KButton"), j = D("KDropdown"), P = D("KTable"), K = D("KCard");
       return f(), U(K, {
         class: "kong-ui-entity-base-table",
         title: e.title,
@@ -4031,7 +4038,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
             "search-input": e.query,
             "sort-handler-function": e.enableClientSort ? e.sortHandlerFunction : void 0,
             sortable: !e.disableSorting,
-            "table-preferences": V.value,
+            "table-preferences": R.value,
             onEmptyStateActionClick: y,
             "onRow:click": N.value,
             onSort: C[0] || (C[0] = (O) => _(O)),
@@ -4064,7 +4071,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
                     }, void 0, !0)
                   ]),
                   default: k(() => [
-                    x(q, {
+                    x(F, {
                       appearance: "tertiary",
                       class: "actions-trigger",
                       "data-testid": "overflow-actions-button",
@@ -4168,7 +4175,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       a("proceed");
     };
     return (c, u) => {
-      const s = R("KAlert"), d = R("KPrompt");
+      const s = D("KAlert"), d = D("KPrompt");
       return f(), U(d, {
         "action-button-appearance": "danger",
         "action-button-disabled": e.actionPending,
@@ -4321,15 +4328,15 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
       o.value = {
         ...o.value,
         [h]: ""
-      }, V();
+      }, R();
     }, g = () => {
-      o.value = {}, V(!0);
-    }, V = (h = !1) => {
+      o.value = {}, R(!0);
+    }, R = (h = !1) => {
       const w = Object.keys(o.value).reduce((p, C) => (o.value[C] && (p[C] = `${o.value[C]}`), p), {});
       h && (r.value = !1), a("update:modelValue", new URLSearchParams(w).toString());
     };
     return (h, w) => {
-      const p = R("KInput"), C = R("KButton"), q = R("KSelect");
+      const p = D("KInput"), C = D("KButton"), F = D("KSelect");
       return e.config.isExactMatch ? (f(), U(p, {
         key: 0,
         autocomplete: "off",
@@ -4398,7 +4405,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
                   class: "menu-item-label",
                   for: I(j.value)
                 }, E(m(n)("filter.fieldLabel")), 9, rs),
-                ((K = (P = e.config.schema) == null ? void 0 : P[j.value]) == null ? void 0 : K.type) === "select" ? (f(), U(q, {
+                ((K = (P = e.config.schema) == null ? void 0 : P[j.value]) == null ? void 0 : K.type) === "select" ? (f(), U(F, {
                   key: 0,
                   id: I(j.value),
                   modelValue: o.value[j.value],
@@ -4422,7 +4429,7 @@ const Po = { class: "yaml-config" }, ii = /* @__PURE__ */ Q({
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
-                  onClick: w[0] || (w[0] = (O) => V(!0))
+                  onClick: w[0] || (w[0] = (O) => R(!0))
                 }, {
                   default: k(() => [
                     G(E(m(n)("filter.applyButtonText")), 1)
@@ -4569,7 +4576,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
           key: 0,
           class: $e(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (f(), U(we(e.titleTag), {
+          e.title ? (f(), U(Ce(e.titleTag), {
             key: 0,
             id: m(n),
             class: "form-section-title"
@@ -4648,18 +4655,18 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       id: { label: a("keys.list.table_headers.id"), sortable: !0 }
     }, s = u, d = S(() => {
       var b, $, H, te;
-      let F = `${i.config.apiBaseUrl}${Ae.list[i.config.app][i.config.keySetId ? "forKeySet" : "all"]}`;
-      return i.config.app === "konnect" ? F = F.replace(/{controlPlaneId}/gi, ((b = i.config) == null ? void 0 : b.controlPlaneId) || "").replace(/{keySetId}/gi, (($ = i.config) == null ? void 0 : $.keySetId) || "") : i.config.app === "kongManager" && (F = F.replace(/\/{workspace}/gi, (H = i.config) != null && H.workspace ? `/${i.config.workspace}` : "").replace(/{keySetId}/gi, ((te = i.config) == null ? void 0 : te.keySetId) || "")), F;
+      let q = `${i.config.apiBaseUrl}${Ae.list[i.config.app][i.config.keySetId ? "forKeySet" : "all"]}`;
+      return i.config.app === "konnect" ? q = q.replace(/{controlPlaneId}/gi, ((b = i.config) == null ? void 0 : b.controlPlaneId) || "").replace(/{keySetId}/gi, (($ = i.config) == null ? void 0 : $.keySetId) || "") : i.config.app === "kongManager" && (q = q.replace(/\/{workspace}/gi, (H = i.config) != null && H.workspace ? `/${i.config.workspace}` : "").replace(/{keySetId}/gi, ((te = i.config) == null ? void 0 : te.keySetId) || "")), q;
     }), v = M(""), y = S(() => {
-      const F = i.config.app === "konnect" || i.config.isExactMatch;
-      if (F)
+      const q = i.config.app === "konnect" || i.config.isExactMatch;
+      if (q)
         return {
-          isExactMatch: F,
+          isExactMatch: q,
           placeholder: a("keys.search.placeholder")
         };
       const b = { name: u.name };
       return {
-        isExactMatch: F,
+        isExactMatch: q,
         fields: b,
         schema: i.config.filterSchema
       };
@@ -4667,54 +4674,54 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       v.value = "";
     }, B = () => {
       l.value++;
-    }, g = M(null), V = (F, b) => {
-      const $ = F.id;
+    }, g = M(null), R = (q, b) => {
+      const $ = q.id;
       if (!b($)) {
-        p(F, "id");
+        p(q, "id");
         return;
       }
-      w(F, "id");
-    }, h = (F, b) => {
-      const $ = JSON.stringify(F);
+      w(q, "id");
+    }, h = (q, b) => {
+      const $ = JSON.stringify(q);
       if (!b($)) {
         n("copy:error", {
-          entity: F,
+          entity: q,
           message: a("keys.errors.copy")
         });
         return;
       }
       n("copy:success", {
-        entity: F,
+        entity: q,
         message: a("keys.copy.success_brief")
       });
-    }, w = (F, b) => {
+    }, w = (q, b) => {
       n("copy:success", {
-        entity: F,
+        entity: q,
         field: b,
-        message: a("keys.copy.success", { val: F[b] })
+        message: a("keys.copy.success", { val: q[b] })
       });
-    }, p = (F, b) => {
+    }, p = (q, b) => {
       n("copy:error", {
-        entity: F,
+        entity: q,
         field: b,
         message: a("keys.errors.copy")
       });
-    }, C = async (F) => {
+    }, C = async (q) => {
       var $;
-      await (($ = i.canRetrieve) == null ? void 0 : $.call(i, F)) && r.push(i.config.getViewRoute(F.id));
-    }, q = (F) => ({
+      await (($ = i.canRetrieve) == null ? void 0 : $.call(i, q)) && r.push(i.config.getViewRoute(q.id));
+    }, F = (q) => ({
       label: a("keys.actions.view"),
-      to: i.config.getViewRoute(F)
-    }), j = (F) => ({
+      to: i.config.getViewRoute(q)
+    }), j = (q) => ({
       label: a("keys.actions.edit"),
-      to: i.config.getEditRoute(F)
-    }), P = M(void 0), K = M(!1), O = M(!1), z = M(""), W = Cs(i.config, d.value), ue = (F) => {
-      P.value = F, K.value = !0;
+      to: i.config.getEditRoute(q)
+    }), P = M(void 0), K = M(!1), O = M(!1), z = M(""), W = Cs(i.config, d.value), ue = (q) => {
+      P.value = q, K.value = !0;
     }, de = () => {
       K.value = !1;
     }, ye = async () => {
-      var F, b, $;
-      if ((F = P.value) != null && F.id) {
+      var q, b, $;
+      if ((q = P.value) != null && q.id) {
         O.value = !0;
         try {
           await o.delete(W(P.value.id)), O.value = !1, K.value = !1, l.value++, n("delete:success", P.value);
@@ -4725,32 +4732,32 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
         }
       }
     }, Ee = M(!0);
-    he(N, (F) => {
+    he(N, (q) => {
       var b, $, H, te;
-      if (Array.isArray((b = F == null ? void 0 : F.response) == null ? void 0 : b.data) && (Ee.value = F.response.data.length > 0), F.status === Oe.Error) {
+      if (Array.isArray((b = q == null ? void 0 : q.response) == null ? void 0 : b.data) && (Ee.value = q.response.data.length > 0), q.status === Oe.Error) {
         g.value = {
           title: a("keys.errors.general")
-        }, (te = (H = ($ = F.error) == null ? void 0 : $.response) == null ? void 0 : H.data) != null && te.message && (g.value.message = F.error.response.data.message), n("error", F.error);
+        }, (te = (H = ($ = q.error) == null ? void 0 : $.response) == null ? void 0 : H.data) != null && te.message && (g.value.message = q.error.response.data.message), n("error", q.error);
         return;
       }
       g.value = null;
     });
-    const qe = M({
+    const Fe = M({
       ctaPath: i.config.createRoute,
       ctaText: void 0,
       message: `${a("keys.list.empty_state.description")}${i.config.additionMessageForEmptyState ? ` ${i.config.additionMessageForEmptyState}` : ""}`,
       title: a("keys.title")
     });
     return lt(async () => {
-      await i.canCreate() && (qe.value.title = a("keys.list.empty_state.title"), qe.value.ctaText = a("keys.actions.create"));
-    }), (F, b) => {
-      const $ = R("KButton"), H = R("KCopy"), te = R("KBadge"), ge = R("KTruncate"), D = R("KDropdownItem"), Z = R("KClipboardProvider");
+      await i.canCreate() && (Fe.value.title = a("keys.list.empty_state.title"), Fe.value.ctaText = a("keys.actions.create"));
+    }), (q, b) => {
+      const $ = D("KButton"), H = D("KCopy"), te = D("KBadge"), ge = D("KTruncate"), V = D("KDropdownItem"), Z = D("KClipboardProvider");
       return f(), A("div", xs, [
         x(m(Dl), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination-page-jump": "",
           "disable-sorting": c.value,
-          "empty-state-options": qe.value,
+          "empty-state-options": Fe.value,
           "enable-entity-actions": "",
           "error-message": g.value,
           fetcher: m(I),
@@ -4831,9 +4838,9 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
           actions: k(({ row: X }) => [
             x(Z, null, {
               default: k(({ copyToClipboard: Te }) => [
-                x(D, {
+                x(V, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (ri) => V(X, Te)
+                  onClick: (ri) => R(X, Te)
                 }, {
                   default: k(() => [
                     G(E(m(a)("keys.actions.copy_id")), 1)
@@ -4845,7 +4852,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
             }, 1024),
             x(Z, null, {
               default: k(({ copyToClipboard: Te }) => [
-                x(D, {
+                x(V, {
                   "data-testid": "action-entity-copy-json",
                   onClick: (ri) => h(X, Te)
                 }, {
@@ -4861,10 +4868,10 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
               "auth-function": () => e.canRetrieve(X)
             }, {
               default: k(() => [
-                x(D, {
+                x(V, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: q(X.id)
+                  item: F(X.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
@@ -4873,7 +4880,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
               "auth-function": () => e.canEdit(X)
             }, {
               default: k(() => [
-                x(D, {
+                x(V, {
                   "data-testid": "action-entity-edit",
                   item: j(X.id)
                 }, null, 8, ["item"])
@@ -4884,7 +4891,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
               "auth-function": () => e.canDelete(X)
             }, {
               default: k(() => [
-                x(D, {
+                x(V, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
@@ -4925,7 +4932,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
   key: 0,
   class: "invalid-key-set-message",
   "data-testid": "invalid-key-set-message"
-}, Es = { "data-testid": "key-format-container" }, qs = /* @__PURE__ */ Q({
+}, Es = { "data-testid": "key-format-container" }, Fs = /* @__PURE__ */ Q({
   __name: "KeyForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -4955,8 +4962,8 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
   },
   emits: ["update", "error", "loading"],
   setup(e, { emit: t }) {
-    var F;
-    const n = t, i = e, a = Ct(), { i18n: { t: r } } = wt.useI18n(), { getMessageFromError: o } = ws(), { axiosInstance: l } = Nt((F = i.config) == null ? void 0 : F.axiosRequestConfig), c = S(() => i.keySetId ? Ae.form[i.config.app].edit.forKeySet.replace(/{keySetId}/gi, i.keySetId) : Ae.form[i.config.app].edit.all), u = S(() => i.keyId ? ze.Edit : ze.Create), s = Tt({
+    var q;
+    const n = t, i = e, a = Ct(), { i18n: { t: r } } = wt.useI18n(), { getMessageFromError: o } = ws(), { axiosInstance: l } = Nt((q = i.config) == null ? void 0 : q.axiosRequestConfig), c = S(() => i.keySetId ? Ae.form[i.config.app].edit.forKeySet.replace(/{keySetId}/gi, i.keySetId) : Ae.form[i.config.app].edit.all), u = S(() => i.keyId ? ze.Edit : ze.Create), s = Tt({
       fields: {
         name: "",
         tags: "",
@@ -5000,7 +5007,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       var $, H;
       let b = `${i.config.apiBaseUrl}${Ae.form[i.config.app][u.value][i.keySetId ? "forKeySet" : "all"]}`;
       return i.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, (($ = i.config) == null ? void 0 : $.controlPlaneId) || "") : i.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (H = i.config) != null && H.workspace ? `/${i.config.workspace}` : "")), b = b.replace(/{id}/gi, i.keyId).replace(/{keySetId}/gi, i.keySetId || ""), b;
-    }), V = S(() => {
+    }), R = S(() => {
       var b, $, H;
       return {
         kid: s.fields.key_id,
@@ -5014,13 +5021,13 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       var b, $, H, te, ge;
       try {
         s.isReadonly = !0;
-        let D;
-        if (u.value === "create" ? D = await l.post(g.value, V.value) : u.value === "edit" && (D = ((b = i.config) == null ? void 0 : b.app) === "konnect" ? await l.put(g.value, V.value) : await l.patch(g.value, V.value)), D) {
-          const { data: Z } = D;
-          s.fields.key_id = (Z == null ? void 0 : Z.kid) || "", s.fields.name = (Z == null ? void 0 : Z.name) || "", s.fields.tags = (($ = Z == null ? void 0 : Z.tags) == null ? void 0 : $.join(", ")) || "", s.fields.key_set = ((H = Z == null ? void 0 : Z.set) == null ? void 0 : H.id) || "", s.fields.key_format = Z != null && Z.pem ? "pem" : "jwk", s.fields.jwk = (Z == null ? void 0 : Z.jwk) || "", s.fields.private_key = ((te = Z == null ? void 0 : Z.pem) == null ? void 0 : te.private_key) || "", s.fields.public_key = ((ge = Z == null ? void 0 : Z.pem) == null ? void 0 : ge.public_key) || "", Object.assign(d, s.fields), n("update", D == null ? void 0 : D.data);
+        let V;
+        if (u.value === "create" ? V = await l.post(g.value, R.value) : u.value === "edit" && (V = ((b = i.config) == null ? void 0 : b.app) === "konnect" ? await l.put(g.value, R.value) : await l.patch(g.value, R.value)), V) {
+          const { data: Z } = V;
+          s.fields.key_id = (Z == null ? void 0 : Z.kid) || "", s.fields.name = (Z == null ? void 0 : Z.name) || "", s.fields.tags = (($ = Z == null ? void 0 : Z.tags) == null ? void 0 : $.join(", ")) || "", s.fields.key_set = ((H = Z == null ? void 0 : Z.set) == null ? void 0 : H.id) || "", s.fields.key_format = Z != null && Z.pem ? "pem" : "jwk", s.fields.jwk = (Z == null ? void 0 : Z.jwk) || "", s.fields.private_key = ((te = Z == null ? void 0 : Z.pem) == null ? void 0 : te.private_key) || "", s.fields.public_key = ((ge = Z == null ? void 0 : Z.pem) == null ? void 0 : ge.public_key) || "", Object.assign(d, s.fields), n("update", V == null ? void 0 : V.data);
         }
-      } catch (D) {
-        s.errorMessage = o(D), n("error", D);
+      } catch (V) {
+        s.errorMessage = o(V), n("error", V);
       } finally {
         s.isReadonly = !1;
       }
@@ -5028,7 +5035,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       debouncedQueryChange: w,
       loading: p,
       allRecords: C,
-      error: q,
+      error: F,
       validationError: j,
       loadItems: P,
       results: K
@@ -5037,10 +5044,10 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       searchKeys: ["id", "name"]
     }), O = (b) => {
       (!b || b !== s.fields.key_set && b !== d.key_set) && w(b);
-    }, z = S(() => q.value ? r("keys.errors.key_sets.fetch") : ""), W = S(() => j.value ? r("keys.errors.key_sets.invalid") : ""), ue = M(0), de = S(() => C.value === void 0), ye = S(() => {
+    }, z = S(() => F.value ? r("keys.errors.key_sets.fetch") : ""), W = S(() => j.value ? r("keys.errors.key_sets.invalid") : ""), ue = M(0), de = S(() => C.value === void 0), ye = S(() => {
       if (de.value)
         return i.config.app === "konnect" ? r("keys.form.fields.key_set.footer") : void 0;
-    }), Ee = M(/* @__PURE__ */ new Set()), qe = S(() => Array.from(Ee.value).map(($) => ({
+    }), Ee = M(/* @__PURE__ */ new Set()), Fe = S(() => Array.from(Ee.value).map(($) => ({
       name: $.name || "",
       // can't use name for label or it tries to search => 404
       label: "",
@@ -5055,12 +5062,12 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
     };
     return he(K, (b) => {
       Qe(b);
-    }, { immediate: !0, deep: !0 }), he(qe, () => {
+    }, { immediate: !0, deep: !0 }), he(Fe, () => {
       ue.value++;
     }, { immediate: !0, deep: !0 }), lt(async () => {
       await P();
     }), (b, $) => {
-      const H = R("KInput"), te = R("KSelect"), ge = R("KTextArea");
+      const H = D("KInput"), te = D("KSelect"), ge = D("KTextArea");
       return f(), A("div", $s, [
         x(m(El), {
           "can-submit": N.value,
@@ -5068,12 +5075,12 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
           "edit-id": e.keyId,
           "error-message": s.errorMessage || z.value,
           "fetch-url": c.value,
-          "form-fields": V.value,
+          "form-fields": R.value,
           "is-readonly": s.isReadonly,
           onCancel: B,
-          "onFetch:error": $[8] || ($[8] = (D) => b.$emit("error", D)),
+          "onFetch:error": $[8] || ($[8] = (V) => b.$emit("error", V)),
           "onFetch:success": _,
-          onLoading: $[9] || ($[9] = (D) => b.$emit("loading", D)),
+          onLoading: $[9] || ($[9] = (V) => b.$emit("loading", V)),
           onSubmit: h
         }, {
           default: k(() => [
@@ -5084,7 +5091,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
               default: k(() => [
                 x(H, {
                   modelValue: s.fields.key_id,
-                  "onUpdate:modelValue": $[0] || ($[0] = (D) => s.fields.key_id = D),
+                  "onUpdate:modelValue": $[0] || ($[0] = (V) => s.fields.key_id = V),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-id",
@@ -5098,7 +5105,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"]),
                 x(H, {
                   modelValue: s.fields.name,
-                  "onUpdate:modelValue": $[1] || ($[1] = (D) => s.fields.name = D),
+                  "onUpdate:modelValue": $[1] || ($[1] = (V) => s.fields.name = V),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-name",
@@ -5109,13 +5116,13 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
                 x(te, {
                   modelValue: s.fields.key_set,
-                  "onUpdate:modelValue": $[2] || ($[2] = (D) => s.fields.key_set = D),
+                  "onUpdate:modelValue": $[2] || ($[2] = (V) => s.fields.key_set = V),
                   clearable: I.value,
                   "data-testid": "key-form-key-set",
                   "dropdown-footer-text": ye.value,
                   "enable-filtering": "",
                   "filter-function": () => !0,
-                  items: qe.value,
+                  items: Fe.value,
                   label: m(r)("keys.form.fields.key_set.label"),
                   loading: m(p),
                   placeholder: m(r)("keys.form.fields.key_set.placeholder"),
@@ -5129,13 +5136,13 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                   empty: k(() => [
                     L("div", Ns, E(m(r)("keys.search.no_results")), 1)
                   ]),
-                  "selected-item-template": k(({ item: D }) => [
-                    L("div", null, E(D.name), 1)
+                  "selected-item-template": k(({ item: V }) => [
+                    L("div", null, E(V.name), 1)
                   ]),
-                  "item-template": k(({ item: D }) => [
+                  "item-template": k(({ item: V }) => [
                     L("div", Ts, [
-                      L("div", Os, E(D.name), 1),
-                      L("div", Ks, E(D.value), 1)
+                      L("div", Os, E(V.name), 1),
+                      L("div", Ks, E(V.value), 1)
                     ])
                   ]),
                   _: 1
@@ -5143,7 +5150,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                 W.value ? (f(), A("p", Ms, E(W.value), 1)) : J("", !0),
                 x(H, {
                   modelValue: s.fields.tags,
-                  "onUpdate:modelValue": $[3] || ($[3] = (D) => s.fields.tags = D),
+                  "onUpdate:modelValue": $[3] || ($[3] = (V) => s.fields.tags = V),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "key-form-tags",
@@ -5166,7 +5173,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                 L("div", Es, [
                   x(te, {
                     modelValue: s.fields.key_format,
-                    "onUpdate:modelValue": $[4] || ($[4] = (D) => s.fields.key_format = D),
+                    "onUpdate:modelValue": $[4] || ($[4] = (V) => s.fields.key_format = V),
                     "data-testid": "key-form-key-format",
                     items: v,
                     label: m(r)("keys.form.fields.key_format.label"),
@@ -5178,7 +5185,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                 s.fields.key_format === "jwk" ? (f(), U(ge, {
                   key: 0,
                   modelValue: s.fields.jwk,
-                  "onUpdate:modelValue": $[5] || ($[5] = (D) => s.fields.jwk = D),
+                  "onUpdate:modelValue": $[5] || ($[5] = (V) => s.fields.jwk = V),
                   modelModifiers: { trim: !0 },
                   class: "key-form-textarea",
                   "data-testid": "key-form-jwk",
@@ -5191,7 +5198,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                 s.fields.key_format === "pem" ? (f(), U(ge, {
                   key: 1,
                   modelValue: s.fields.private_key,
-                  "onUpdate:modelValue": $[6] || ($[6] = (D) => s.fields.private_key = D),
+                  "onUpdate:modelValue": $[6] || ($[6] = (V) => s.fields.private_key = V),
                   modelModifiers: { trim: !0 },
                   class: "key-form-textarea",
                   "data-testid": "key-form-private-key",
@@ -5203,7 +5210,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                 s.fields.key_format === "pem" ? (f(), U(ge, {
                   key: 2,
                   modelValue: s.fields.public_key,
-                  "onUpdate:modelValue": $[7] || ($[7] = (D) => s.fields.public_key = D),
+                  "onUpdate:modelValue": $[7] || ($[7] = (V) => s.fields.public_key = V),
                   modelModifiers: { trim: !0 },
                   class: "key-form-textarea",
                   "data-testid": "key-form-public-key",
@@ -5221,7 +5228,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       ]);
     };
   }
-}), Gs = /* @__PURE__ */ ai(qs, [["__scopeId", "data-v-e3c278d7"]]), Fs = { class: "kong-ui-entities-keys-entity-config-card" }, Bs = { key: 2 }, Qs = /* @__PURE__ */ Q({
+}), Gs = /* @__PURE__ */ ai(Fs, [["__scopeId", "data-v-e3c278d7"]]), qs = { class: "kong-ui-entities-keys-entity-config-card" }, Bs = { key: 2 }, Qs = /* @__PURE__ */ Q({
   __name: "KeyConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -5260,15 +5267,15 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       var g;
       return (g = Ae.form[i.config.app]) == null ? void 0 : g.getKeySet;
     }), u = M(), s = M({}), d = M(i.keySetId || ""), v = M(""), y = M(!1), I = async (g) => {
-      var V;
-      u.value = g, d.value = (V = g == null ? void 0 : g.set) == null ? void 0 : V.id, n("fetch:success", g), N(g);
+      var R;
+      u.value = g, d.value = (R = g == null ? void 0 : g.set) == null ? void 0 : R.id, n("fetch:success", g), N(g);
     };
     he(d, async () => {
-      var V, h;
+      var R, h;
       if (!d.value)
         return;
       let g = `${i.config.apiBaseUrl}${c.value}`;
-      i.config.app === "konnect" ? g = g.replace(/{controlPlaneId}/gi, ((V = i.config) == null ? void 0 : V.controlPlaneId) || "").replace(/{keySetId}/gi, d.value || "") : i.config.app === "kongManager" && (g = g.replace(/\/{workspace}/gi, (h = i.config) != null && h.workspace ? `/${i.config.workspace}` : "").replace(/{keySetId}/gi, d.value || ""));
+      i.config.app === "konnect" ? g = g.replace(/{controlPlaneId}/gi, ((R = i.config) == null ? void 0 : R.controlPlaneId) || "").replace(/{keySetId}/gi, d.value || "") : i.config.app === "kongManager" && (g = g.replace(/\/{workspace}/gi, (h = i.config) != null && h.workspace ? `/${i.config.workspace}` : "").replace(/{keySetId}/gi, d.value || ""));
       try {
         y.value = !0;
         const { data: w } = await a.get(g);
@@ -5280,7 +5287,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
       }
     }, { immediate: !0 });
     const N = (g) => {
-      var V, h;
+      var R, h;
       try {
         if (g.jwk) {
           const w = JSON.parse(g.jwk);
@@ -5292,7 +5299,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
           });
         } else
           s.value = {
-            "pem.public_key": (V = g == null ? void 0 : g.pem) == null ? void 0 : V.public_key,
+            "pem.public_key": (R = g == null ? void 0 : g.pem) == null ? void 0 : R.public_key,
             "pem.private_key": (h = g == null ? void 0 : g.pem) == null ? void 0 : h.private_key
           };
       } catch (w) {
@@ -5331,19 +5338,19 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
         type: Y.Json
       }
     });
-    return (g, V) => {
+    return (g, R) => {
       var w, p;
-      const h = R("KSkeleton");
-      return f(), A("div", Fs, [
+      const h = D("KSkeleton");
+      return f(), A("div", qs, [
         x(m(Tl), {
           config: e.config,
           "config-card-doc": e.configCardDoc,
           "config-schema": _.value,
           "fetch-url": l.value,
           "hide-title": e.hideTitle,
-          "onFetch:error": V[0] || (V[0] = (C) => g.$emit("fetch:error", C)),
+          "onFetch:error": R[0] || (R[0] = (C) => g.$emit("fetch:error", C)),
           "onFetch:success": I,
-          onLoading: V[1] || (V[1] = (C) => g.$emit("loading", C))
+          onLoading: R[1] || (R[1] = (C) => g.$emit("loading", C))
         }, Me({
           set: k(({ row: C }) => [
             y.value ? (f(), U(h, {
@@ -5357,7 +5364,7 @@ const ms = ["aria-labelledby"], gs = { class: "form-section-wrapper" }, hs = {
                 value: v.value,
                 type: m(Y).LinkInternal
               },
-              onClick: (q) => g.$emit("navigation-click", C.value.id, "key-sets")
+              onClick: (F) => g.$emit("navigation-click", C.value.id, "key-sets")
             }, null, 8, ["item", "onClick"])) : (f(), A("div", Bs, E("–")))
           ]),
           _: 2