@kong-ui-public/entities-shared 3.30.4 → 3.30.5

package/dist/entities-shared.es.js

@@ -1,10 +1,10 @@
-import { inject as jt, ref as R, computed as E, unref as T, toValue as me, watch as ve, toRef as qn, provide as Dt, defineComponent as J, createBlock as N, openBlock as m, resolveDynamicComponent as je, normalizeClass as de, withCtx as w, createElementBlock as $, createCommentVNode as K, createElementVNode as O, toDisplayString as F, Fragment as ce, renderList as se, resolveComponent as D, createVNode as M, createTextVNode as U, useCssVars as Pt, useId as Hn, useSlots as De, renderSlot as j, createSlots as _e, normalizeProps as Vn, guardReactiveProps as Yn, mergeProps as Wn, onMounted as tt, onBeforeMount as nt, withModifiers as Le, Teleport as Ut, onUnmounted as Jn, withDirectives as be, vShow as xe, withKeys as Gn, warn as zn } from "vue";
+import { inject as jt, ref as R, computed as F, unref as T, toValue as me, watch as ve, toRef as qn, provide as Dt, defineComponent as J, createBlock as N, openBlock as m, resolveDynamicComponent as je, normalizeClass as de, withCtx as _, createElementBlock as $, createCommentVNode as K, createElementVNode as O, toDisplayString as E, Fragment as ce, renderList as se, resolveComponent as D, createVNode as M, createTextVNode as U, useCssVars as Pt, useId as Hn, useSlots as De, renderSlot as j, createSlots as _e, normalizeProps as Vn, guardReactiveProps as Yn, mergeProps as Wn, onMounted as tt, onBeforeMount as nt, withModifiers as Le, Teleport as Ut, onUnmounted as Jn, withDirectives as be, vShow as xe, withKeys as Gn, warn as zn } from "vue";
 import ft from "axios";
 import { createI18n as Qn, i18nTComponent as Zn } from "@kong-ui-public/i18n";
 import { BadgeMethodAppearances as Xn, KButton as pt, KTruncate as ei, KBadge as ti } from "@kong/kongponents";
 import { BookIcon as qt, AddIcon as Ht, CloseIcon as ni, ChevronDownIcon as ii, CopyIcon as ri } from "@kong/icons";
 import { useRouter as ai } from "vue-router";
-var oi = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e.Secret = "secret", e.RedisConfiguration = "redis configuration", e))(oi || {}), li = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(li || {}), pe = /* @__PURE__ */ ((e) => (e[e.InitialLoad = 0] = "InitialLoad", e[e.Loading = 1] = "Loading", e[e.Idle = 2] = "Idle", e[e.NoResults = 3] = "NoResults", e[e.NoRecords = 4] = "NoRecords", e[e.Error = 5] = "Error", e))(pe || {}), it = /* @__PURE__ */ ((e) => (e.CaCertificate = "ca_certificate", e.Certificate = "certificate", e.Consumer = "consumer", e.ConsumerGroup = "consumer_group", e.GatewayService = "service", e.Key = "key", e.KeySet = "set", e.Plugin = "plugin", e.Route = "route", e.SNI = "sni", e.Upstream = "upstream", e.Target = "target", e.Vault = "vault", e.RedisConfiguration = "redis_configuration", e.BackendCluster = "backend_cluster", e.VirtualCluster = "virtual_cluster", e.Listener = "listener", e.Policy = "policy", e.Other = "other", e))(it || {});
+var oi = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e.Secret = "secret", e.RedisConfiguration = "redis configuration", e))(oi || {}), li = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(li || {}), pe = /* @__PURE__ */ ((e) => (e[e.InitialLoad = 0] = "InitialLoad", e[e.Loading = 1] = "Loading", e[e.Idle = 2] = "Idle", e[e.NoResults = 3] = "NoResults", e[e.NoRecords = 4] = "NoRecords", e[e.Error = 5] = "Error", e))(pe || {}), it = /* @__PURE__ */ ((e) => (e.CaCertificate = "ca_certificate", e.Certificate = "certificate", e.Consumer = "consumer", e.ConsumerGroup = "consumer_group", e.GatewayService = "service", e.Key = "key", e.KeySet = "set", e.Plugin = "plugin", e.Route = "route", e.SNI = "sni", e.Upstream = "upstream", e.Target = "target", e.Vault = "vault", e.Partial = "partial", e.BackendCluster = "backend_cluster", e.VirtualCluster = "virtual_cluster", e.Listener = "listener", e.Policy = "policy", e.Other = "other", e))(it || {});
 const Pe = Object.values(it);
 var V = /* @__PURE__ */ ((e) => (e.ID = "id", e.IdArray = "id-array", e.Text = "plain-text", e.Date = "date", e.Redacted = "redacted", e.RedactedArray = "redacted-array", e.Json = "json", e.JsonArray = "json-array", e.BadgeTag = "badge-tag", e.CopyBadge = "copy-badge", e.BadgeStatus = "badge-status", e.BadgeMethod = "badge-method", e.LinkInternal = "link-internal", e.LinkExternal = "link-external", e))(V || {}), le = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e.Plugin = "plugin", e))(le || {});
 const mt = [
@@ -261,7 +261,7 @@ function wi(e, t, n, i = {
   n || (n = "1000");
   const { axiosInstance: r } = rt(e.axiosRequestConfig), { i18n: { t: o } } = Ue(), { debounce: a } = ci(), l = a(async (L) => {
     await x(L);
-  }, 200), s = R(!1), c = R(""), d = R(""), u = R([]), g = R([]), p = R(void 0), y = E(() => {
+  }, 200), s = R(!1), c = R(""), d = R(""), u = R([]), g = R([]), p = R(void 0), y = F(() => {
     const L = `${e.apiBaseUrl}${T(t)}`;
     return e.app === "konnect" ? L.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" ? L.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : "") : L;
   }), { isValidUuid: v } = Vt(), b = async () => {
@@ -284,20 +284,20 @@ function wi(e, t, n, i = {
       if (p.value === void 0)
         try {
           if (s.value = !0, c.value = "", d.value = "", e.app === "konnect") {
-            const _ = `${y.value}/${L}`, { data: f } = await r.get(`${_}?size=${n}`);
+            const w = `${y.value}/${L}`, { data: f } = await r.get(`${w}?size=${n}`);
             i.fetchedItemsKey in f ? u.value = f[i.fetchedItemsKey] : f != null && f[i.exactMatchKey ?? "id"] ? u.value = [f] : u.value = [];
           } else {
-            const _ = [];
-            v(L) && i.searchKeys.includes("id") ? _.push((async () => {
+            const w = [];
+            v(L) && i.searchKeys.includes("id") ? w.push((async () => {
               const { data: C } = await r.get(`${y.value}/${L}`);
               return [C[i.fetchedItemsKey] ?? C];
-            })()) : _.push(
+            })()) : w.push(
               ...i.searchKeys.filter((C) => C !== "id").map(async (C) => {
                 const { data: k } = await r.get(`${y.value}?${C}=${L}`);
                 return k[i.fetchedItemsKey];
               })
             );
-            const f = await Promise.all(_), h = /* @__PURE__ */ new Set();
+            const f = await Promise.all(w), h = /* @__PURE__ */ new Set();
             u.value = [], (q = f == null ? void 0 : f.forEach) == null || q.call(f, (C) => {
               var k;
               (k = C == null ? void 0 : C.forEach) == null || k.call(C, (H) => {
@@ -305,17 +305,17 @@ function wi(e, t, n, i = {
               });
             });
           }
-        } catch (_) {
-          ((ne = _ == null ? void 0 : _.response) == null ? void 0 : ne.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
+        } catch (w) {
+          ((ne = w == null ? void 0 : w.response) == null ? void 0 : ne.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
         } finally {
           s.value = !1;
         }
       else
-        s.value = !0, d.value = "", u.value = (A = p.value) == null ? void 0 : A.filter((_) => {
+        s.value = !0, d.value = "", u.value = (A = p.value) == null ? void 0 : A.filter((w) => {
           var h;
           let f = !1;
           for (const C of i.searchKeys) {
-            const k = typeof _[C] == "string" ? (h = _[C]) == null ? void 0 : h.toLowerCase() : _[C];
+            const k = typeof w[C] == "string" ? (h = w[C]) == null ? void 0 : h.toLowerCase() : w[C];
             k != null && k.includes(L.toLowerCase()) && (f = !0);
           }
           return f;
@@ -333,7 +333,7 @@ function wi(e, t, n, i = {
   };
 }
 function _i(e, t) {
-  const n = T(t), i = E(
+  const n = T(t), i = F(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${n}`) : new URL(n)
   );
   return i.value.search = "", (r) => `${i.value.href}/${r}`;
@@ -422,10 +422,10 @@ function $i(e) {
   }
 }
 function Yt(e, t) {
-  const n = E(() => {
+  const n = F(() => {
     const r = me(e);
     return r.app === "konnect" || !!r.isExactMatch;
-  }), i = E(() => {
+  }), i = F(() => {
     const r = me(t);
     return r.startsWith("/") ? new URL(`${window.location.origin}${r}`) : new URL(r);
   });
@@ -516,14 +516,14 @@ const Jt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
 }, yt = (e) => e === "*" || e === "x" || e === "X", vt = (e) => {
   const t = parseInt(e, 10);
   return isNaN(t) ? e : t;
-}, Ei = (e, t) => typeof e != typeof t ? [String(e), String(t)] : [e, t], Fi = (e, t) => {
+}, Fi = (e, t) => typeof e != typeof t ? [String(e), String(t)] : [e, t], Ei = (e, t) => {
   if (yt(e) || yt(t))
     return 0;
-  const [n, i] = Ei(vt(e), vt(t));
+  const [n, i] = Fi(vt(e), vt(t));
   return n > i ? 1 : n < i ? -1 : 0;
 }, bt = (e, t) => {
   for (let n = 0; n < Math.max(e.length, t.length); n++) {
-    const i = Fi(e[n] || "0", t[n] || "0");
+    const i = Ei(e[n] || "0", t[n] || "0");
     if (i !== 0)
       return i;
   }
@@ -566,7 +566,7 @@ function Ki(e) {
   return ve(e, (o) => {
     o && !i.value && (t.value = o.offsetWidth, n.value = o.scrollWidth, i.value = !0);
   }), {
-    isTruncated: E(() => t.value < n.value)
+    isTruncated: F(() => t.value < n.value)
   };
 }
 function Ni() {
@@ -584,7 +584,7 @@ const Ge = Symbol("schema"), Mi = (e) => {
 };
 function Di(e) {
   let t = "";
-  const n = R(!1), i = R(null), r = E(() => {
+  const n = R(!1), i = R(null), r = F(() => {
     let a;
     return n.value ? a = !0 : i.value ? a = i.value.hasData || e && me(e) : a = !1, !a;
   });
@@ -635,19 +635,19 @@ const Y = {
     }
   },
   setup(e) {
-    const t = e, { i18n: { t: n } } = Y.useI18n(), { convertKeyToTitle: i } = Y.useStringHelpers(), r = E(() => t.item.key ?? "json-array-item"), o = E(() => t.item.value ?? t.item), a = E(() => {
+    const t = e, { i18n: { t: n } } = Y.useI18n(), { convertKeyToTitle: i } = Y.useStringHelpers(), r = F(() => t.item.key ?? "json-array-item"), o = F(() => t.item.value ?? t.item), a = F(() => {
       const s = JSON.parse(JSON.stringify(o.value));
       return t.isArrayItem && delete s.name, s;
-    }), l = E(() => {
+    }), l = F(() => {
       var s;
       return t.isArrayItem ? (s = o.value) != null && s.name ? i(o.value.name, "_") : n("baseConfigCard.general.entryTitle", { index: t.index }) : "";
     });
     return (s, c) => (m(), N(je(e.isArrayItem ? "fieldset" : "div"), {
       class: de(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
-      default: w(() => [
+      default: _(() => [
         e.isArrayItem ? (m(), $("legend", Pi, [
-          O("b", null, F(l.value), 1)
+          O("b", null, E(l.value), 1)
         ])) : K("", !0),
         (m(!0), $(ce, null, se(Object.keys(a.value), (d, u) => (m(), N(Qt, {
           key: `${r.value}-property-${u}`,
@@ -685,8 +685,8 @@ const Y = {
           class: "navigation-button",
           onClick: i[0] || (i[0] = (o) => n.$emit("navigation-click", e.item))
         }, {
-          default: w(() => [
-            U(F(e.item.value || T(t)("baseConfigCard.commonFields.link")), 1)
+          default: _(() => [
+            U(E(e.item.value || T(t)("baseConfigCard.commonFields.link")), 1)
           ]),
           _: 1
         })
@@ -708,8 +708,8 @@ const Y = {
       return m(), N(r, {
         appearance: e.status ? "success" : "neutral"
       }, {
-        default: w(() => [
-          U(F(e.status ? T(t)("baseConfigCard.statusBadge.enabledLabel") : T(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
+        default: _(() => [
+          U(E(e.status ? T(t)("baseConfigCard.statusBadge.enabledLabel") : T(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
         ]),
         _: 1
       }, 8, ["appearance"]);
@@ -744,10 +744,10 @@ const Y = {
       "847b138c": u.value && c.value ? "100%" : n.slim ? "50%" : "25%",
       "847687d6": u.value && c.value ? "100%" : n.slim ? "50%" : "75%"
     }));
-    const n = e, i = t, r = Hn(), o = De(), { i18n: { t: a, formatIsoDate: l, formatUnixTimeStamp: s } } = Y.useI18n(), c = E(() => n.item.value !== void 0 && n.item.value !== null && n.item.value !== ""), d = E(() => !!(n.item.tooltip || o["label-tooltip"])), u = E(() => n.item.type === V.Json || n.item.type === V.JsonArray), g = E(() => n.item.type === V.JsonArray), p = Y.useSubSchema(n.item.key), y = E(() => {
+    const n = e, i = t, r = Hn(), o = De(), { i18n: { t: a, formatIsoDate: l, formatUnixTimeStamp: s } } = Y.useI18n(), c = F(() => n.item.value !== void 0 && n.item.value !== null && n.item.value !== ""), d = F(() => !!(n.item.tooltip || o["label-tooltip"])), u = F(() => n.item.type === V.Json || n.item.type === V.JsonArray), g = F(() => n.item.type === V.JsonArray), p = Y.useSubSchema(n.item.key), y = F(() => {
       var q;
       return n.item.type ? n.item.type : (q = p == null ? void 0 : p.value) != null && q.encrypted ? V.Redacted : void 0;
-    }), v = E(() => {
+    }), v = F(() => {
       switch (y.value) {
         case V.ID:
           return {
@@ -880,24 +880,24 @@ const Y = {
       }
     }), b = R(), S = R(), { isTruncated: x } = Y.useTruncationDetector(b), { isTruncated: L } = Y.useTruncationDetector(S);
     return (q, ne) => {
-      const A = D("KTooltip"), _ = D("KLabel"), f = D("KBadge"), h = D("KCopy");
+      const A = D("KTooltip"), w = D("KLabel"), f = D("KBadge"), h = D("KCopy");
       return m(), $("div", Xi, [
         O("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
         }, [
           j(q.$slots, "label", { item: e.item }, () => [
-            M(_, { "tooltip-attributes": { maxWidth: "500px" } }, _e({
-              default: w(() => [
+            M(w, { "tooltip-attributes": { maxWidth: "500px" } }, _e({
+              default: _(() => [
                 M(A, {
                   text: T(x) ? e.item.label : ""
                 }, {
-                  default: w(() => [
+                  default: _(() => [
                     O("span", {
                       ref_key: "labelContent",
                       ref: b,
                       class: "label-content"
-                    }, F(e.item.label), 513)
+                    }, E(e.item.label), 513)
                   ]),
                   _: 1
                 }, 8, ["text"])
@@ -906,12 +906,12 @@ const Y = {
             }, [
               d.value ? {
                 name: "tooltip",
-                fn: w(() => [
+                fn: _(() => [
                   O("div", {
                     "data-testid": `${e.item.key}-label-tooltip`
                   }, [
                     j(q.$slots, "label-tooltip", {}, () => [
-                      U(F(e.item.tooltip), 1)
+                      U(E(e.item.tooltip), 1)
                     ], !0)
                   ], 8, tr)
                 ]),
@@ -929,7 +929,7 @@ const Y = {
           }, () => [
             c.value ? (m(), $("div", rr, [
               (m(), N(je(v.value.tag), Vn(Yn(v.value.attrs)), {
-                default: w(() => [
+                default: _(() => [
                   v.value.additionalComponent === "KBadge" ? (m(), $("div", {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
@@ -941,8 +941,8 @@ const Y = {
                       tooltip: C,
                       "truncation-tooltip": ""
                     }, {
-                      default: w(() => [
-                        U(F(C), 1)
+                      default: _(() => [
+                        U(E(C), 1)
                       ]),
                       _: 2
                     }, 1032, ["data-testid", "tooltip"]))), 128))
@@ -967,8 +967,8 @@ const Y = {
                       class: "config-badge",
                       "data-testid": `${e.item.key}-badge-method-${k}`
                     }, {
-                      default: w(() => [
-                        U(F(C), 1)
+                      default: _(() => [
+                        U(E(C), 1)
                       ]),
                       _: 2
                     }, 1032, ["appearance", "data-testid"]))), 128))
@@ -986,12 +986,12 @@ const Y = {
                     key: 4,
                     text: T(L) ? e.item.value : ""
                   }, {
-                    default: w(() => [
+                    default: _(() => [
                       O("span", {
                         ref_key: "textContent",
                         ref: S,
                         class: de(["attrs-data-text", { truncated: e.truncated }])
-                      }, F(v.value.text), 3)
+                      }, E(v.value.text), 3)
                     ]),
                     _: 1
                   }, 8, ["text"]))
@@ -1041,7 +1041,7 @@ const Y = {
     Pt((r) => ({
       eca0976a: `${i.value}ch`
     }));
-    const t = e, n = E(() => t.entityRecord), i = E(() => {
+    const t = e, n = F(() => t.entityRecord), i = F(() => {
       var a;
       if (!t.fetcherUrl)
         return 0;
@@ -1055,8 +1055,8 @@ const Y = {
           M(a, {
             appearance: t.requestMethod
           }, {
-            default: w(() => [
-              U(F(t.requestMethod), 1)
+            default: _(() => [
+              U(E(t.requestMethod), 1)
             ]),
             _: 1
           }, 8, ["appearance"]),
@@ -1214,7 +1214,7 @@ function kt(e, t) {
     }), n[r] = i;
   }), n;
 }
-function Er() {
+function Fr() {
   var e = {
     scalar: {},
     sequence: {},
@@ -1259,7 +1259,7 @@ ze.prototype.extend = function(t) {
       throw new re("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
   var r = Object.create(ze.prototype);
-  return r.implicit = (this.implicit || []).concat(n), r.explicit = (this.explicit || []).concat(i), r.compiledImplicit = kt(r, "implicit"), r.compiledExplicit = kt(r, "explicit"), r.compiledTypeMap = Er(r.compiledImplicit, r.compiledExplicit), r;
+  return r.implicit = (this.implicit || []).concat(n), r.explicit = (this.explicit || []).concat(i), r.compiledImplicit = kt(r, "implicit"), r.compiledExplicit = kt(r, "explicit"), r.compiledTypeMap = Fr(r.compiledImplicit, r.compiledExplicit), r;
 };
 var tn = ze, nn = new ee("tag:yaml.org,2002:str", {
   kind: "scalar",
@@ -1283,7 +1283,7 @@ var tn = ze, nn = new ee("tag:yaml.org,2002:str", {
     an
   ]
 });
-function Fr(e) {
+function Er(e) {
   if (e === null) return !0;
   var t = e.length;
   return t === 1 && e === "~" || t === 4 && (e === "null" || e === "Null" || e === "NULL");
@@ -1296,7 +1296,7 @@ function Lr(e) {
 }
 var ln = new ee("tag:yaml.org,2002:null", {
   kind: "scalar",
-  resolve: Fr,
+  resolve: Er,
   construct: Or,
   predicate: Lr,
   represent: {
@@ -1976,7 +1976,7 @@ function Ia(e) {
     n = e.input.charCodeAt(++e.position);
   return e.position === t && I(e, "name of an anchor node must contain at least one character"), e.anchor = e.input.slice(t, e.position), !0;
 }
-function Ea(e) {
+function Fa(e) {
   var t, n, i;
   if (i = e.input.charCodeAt(e.position), i !== 42) return !1;
   for (i = e.input.charCodeAt(++e.position), t = e.position; i !== 0 && !ae(i) && !Ae(i); )
@@ -1988,7 +1988,7 @@ function Se(e, t, n, i, r) {
   if (e.listener !== null && e.listener("open", e), e.tag = null, e.anchor = null, e.kind = null, e.result = null, o = a = l = Re === n || kn === n, i && G(e, !0, -1) && (c = !0, e.lineIndent > t ? s = 1 : e.lineIndent === t ? s = 0 : e.lineIndent < t && (s = -1)), s === 1)
     for (; Ta(e) || Ia(e); )
       G(e, !0, -1) ? (c = !0, l = o, e.lineIndent > t ? s = 1 : e.lineIndent === t ? s = 0 : e.lineIndent < t && (s = -1)) : l = !1;
-  if (l && (l = c || r), (s === 1 || Re === n) && (Be === n || Cn === n ? v = t : v = t + 1, b = e.position - e.lineStart, s === 1 ? l && (Tt(e, b) || $a(e, b, v)) || _a(e, v) ? d = !0 : (a && Sa(e, v) || Aa(e, v) || wa(e, v) ? d = !0 : Ea(e) ? (d = !0, (e.tag !== null || e.anchor !== null) && I(e, "alias node should not have any properties")) : ka(e, v, Be === n) && (d = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : s === 0 && (d = l && Tt(e, b))), e.tag === null)
+  if (l && (l = c || r), (s === 1 || Re === n) && (Be === n || Cn === n ? v = t : v = t + 1, b = e.position - e.lineStart, s === 1 ? l && (Tt(e, b) || $a(e, b, v)) || _a(e, v) ? d = !0 : (a && Sa(e, v) || Aa(e, v) || wa(e, v) ? d = !0 : Fa(e) ? (d = !0, (e.tag !== null || e.anchor !== null) && I(e, "alias node should not have any properties")) : ka(e, v, Be === n) && (d = !0, e.tag === null && (e.tag = "?")), e.anchor !== null && (e.anchorMap[e.anchor] = e.result)) : s === 0 && (d = l && Tt(e, b))), e.tag === null)
     e.anchor !== null && (e.anchorMap[e.anchor] = e.result);
   else if (e.tag === "?") {
     for (e.result !== null && e.kind !== "scalar" && I(e, 'unacceptable node kind for !<?> tag; it should be "scalar", not "' + e.kind + '"'), u = 0, g = e.implicitTypes.length; u < g; u += 1)
@@ -2009,7 +2009,7 @@ function Se(e, t, n, i, r) {
   }
   return e.listener !== null && e.listener("close", e), e.tag !== null || e.anchor !== null || d;
 }
-function Fa(e) {
+function Ea(e) {
   var t = e.position, n, i, r, o = !1, a;
   for (e.version = null, e.checkLineBreaks = e.legacy, e.tagMap = /* @__PURE__ */ Object.create(null), e.anchorMap = /* @__PURE__ */ Object.create(null); (a = e.input.charCodeAt(e.position)) !== 0 && (G(e, !0, -1), a = e.input.charCodeAt(e.position), !(e.lineIndent > 0 || a !== 37)); ) {
     for (o = !0, a = e.input.charCodeAt(++e.position), n = e.position; a !== 0 && !ae(a); )
@@ -2046,7 +2046,7 @@ function Tn(e, t) {
   for (i !== -1 && (n.position = i, I(n, "null byte is not allowed in input")), n.input += "\0"; n.input.charCodeAt(n.position) === 32; )
     n.lineIndent += 1, n.position += 1;
   for (; n.position < n.length - 1; )
-    Fa(n);
+    Ea(n);
   return n.documents;
 }
 function Oa(e, t, n) {
@@ -2068,7 +2068,7 @@ function La(e, t) {
 var Ba = Oa, Ra = La, In = {
   loadAll: Ba,
   load: Ra
-}, En = Object.prototype.toString, Fn = Object.prototype.hasOwnProperty, ct = 65279, Ka = 9, Ie = 10, Na = 13, Ma = 32, ja = 33, Da = 34, Qe = 35, Pa = 37, Ua = 38, qa = 39, Ha = 42, On = 44, Va = 45, Ne = 58, Ya = 61, Wa = 62, Ja = 63, Ga = 64, Ln = 91, Bn = 93, za = 96, Rn = 123, Qa = 124, Kn = 125, te = {};
+}, Fn = Object.prototype.toString, En = Object.prototype.hasOwnProperty, ct = 65279, Ka = 9, Ie = 10, Na = 13, Ma = 32, ja = 33, Da = 34, Qe = 35, Pa = 37, Ua = 38, qa = 39, Ha = 42, On = 44, Va = 45, Ne = 58, Ya = 61, Wa = 62, Ja = 63, Ga = 64, Ln = 91, Bn = 93, za = 96, Rn = 123, Qa = 124, Kn = 125, te = {};
 te[0] = "\\0";
 te[7] = "\\a";
 te[8] = "\\b";
@@ -2106,7 +2106,7 @@ function eo(e, t) {
   var n, i, r, o, a, l, s;
   if (t === null) return {};
   for (n = {}, i = Object.keys(t), r = 0, o = i.length; r < o; r += 1)
-    a = i[r], l = String(t[a]), a.slice(0, 2) === "!!" && (a = "tag:yaml.org,2002:" + a.slice(2)), s = e.compiledTypeMap.fallback[a], s && Fn.call(s.styleAliases, l) && (l = s.styleAliases[l]), n[a] = l;
+    a = i[r], l = String(t[a]), a.slice(0, 2) === "!!" && (a = "tag:yaml.org,2002:" + a.slice(2)), s = e.compiledTypeMap.fallback[a], s && En.call(s.styleAliases, l) && (l = s.styleAliases[l]), n[a] = l;
   return n;
 }
 function to(e) {
@@ -2121,9 +2121,9 @@ function to(e) {
     throw new re("code point within a string may not be greater than 0xFFFFFFFF");
   return "\\" + n + z.repeat("0", i - t.length) + t;
 }
-var no = 1, Ee = 2;
+var no = 1, Fe = 2;
 function io(e) {
-  this.schema = e.schema || ot, this.indent = Math.max(1, e.indent || 2), this.noArrayIndent = e.noArrayIndent || !1, this.skipInvalid = e.skipInvalid || !1, this.flowLevel = z.isNothing(e.flowLevel) ? -1 : e.flowLevel, this.styleMap = eo(this.schema, e.styles || null), this.sortKeys = e.sortKeys || !1, this.lineWidth = e.lineWidth || 80, this.noRefs = e.noRefs || !1, this.noCompatMode = e.noCompatMode || !1, this.condenseFlow = e.condenseFlow || !1, this.quotingType = e.quotingType === '"' ? Ee : no, this.forceQuotes = e.forceQuotes || !1, this.replacer = typeof e.replacer == "function" ? e.replacer : null, this.implicitTypes = this.schema.compiledImplicit, this.explicitTypes = this.schema.compiledExplicit, this.tag = null, this.result = "", this.duplicates = [], this.usedDuplicates = null;
+  this.schema = e.schema || ot, this.indent = Math.max(1, e.indent || 2), this.noArrayIndent = e.noArrayIndent || !1, this.skipInvalid = e.skipInvalid || !1, this.flowLevel = z.isNothing(e.flowLevel) ? -1 : e.flowLevel, this.styleMap = eo(this.schema, e.styles || null), this.sortKeys = e.sortKeys || !1, this.lineWidth = e.lineWidth || 80, this.noRefs = e.noRefs || !1, this.noCompatMode = e.noCompatMode || !1, this.condenseFlow = e.condenseFlow || !1, this.quotingType = e.quotingType === '"' ? Fe : no, this.forceQuotes = e.forceQuotes || !1, this.replacer = typeof e.replacer == "function" ? e.replacer : null, this.implicitTypes = this.schema.compiledImplicit, this.explicitTypes = this.schema.compiledExplicit, this.tag = null, this.result = "", this.duplicates = [], this.usedDuplicates = null;
 }
 function It(e, t) {
   for (var n = z.repeat(" ", t), i = 0, r = -1, o = "", a, l = e.length; i < l; )
@@ -2146,24 +2146,24 @@ function ro(e, t) {
 function Me(e) {
   return e === Ma || e === Ka;
 }
-function Fe(e) {
+function Ee(e) {
   return 32 <= e && e <= 126 || 161 <= e && e <= 55295 && e !== 8232 && e !== 8233 || 57344 <= e && e <= 65533 && e !== ct || 65536 <= e && e <= 1114111;
 }
-function Et(e) {
-  return Fe(e) && e !== ct && e !== Na && e !== Ie;
+function Ft(e) {
+  return Ee(e) && e !== ct && e !== Na && e !== Ie;
 }
-function Ft(e, t, n) {
-  var i = Et(e), r = i && !Me(e);
+function Et(e, t, n) {
+  var i = Ft(e), r = i && !Me(e);
   return (
     // ns-plain-safe
     (n ? (
       // c = flow-in
       i
-    ) : i && e !== On && e !== Ln && e !== Bn && e !== Rn && e !== Kn) && e !== Qe && !(t === Ne && !r) || Et(t) && !Me(t) && e === Qe || t === Ne && r
+    ) : i && e !== On && e !== Ln && e !== Bn && e !== Rn && e !== Kn) && e !== Qe && !(t === Ne && !r) || Ft(t) && !Me(t) && e === Qe || t === Ne && r
   );
 }
 function ao(e) {
-  return Fe(e) && e !== ct && !Me(e) && e !== Va && e !== Ja && e !== Ne && e !== On && e !== Ln && e !== Bn && e !== Rn && e !== Kn && e !== Qe && e !== Ua && e !== Ha && e !== ja && e !== Qa && e !== Ya && e !== Wa && e !== qa && e !== Da && e !== Pa && e !== Ga && e !== za;
+  return Ee(e) && e !== ct && !Me(e) && e !== Va && e !== Ja && e !== Ne && e !== On && e !== Ln && e !== Bn && e !== Rn && e !== Kn && e !== Qe && e !== Ua && e !== Ha && e !== ja && e !== Qa && e !== Ya && e !== Wa && e !== qa && e !== Da && e !== Pa && e !== Ga && e !== za;
 }
 function oo(e) {
   return !Me(e) && e !== Ne;
@@ -2181,29 +2181,29 @@ function lo(e, t, n, i, r, o, a, l) {
   var s, c = 0, d = null, u = !1, g = !1, p = i !== -1, y = -1, v = ao($e(e, 0)) && oo($e(e, e.length - 1));
   if (t || a)
     for (s = 0; s < e.length; c >= 65536 ? s += 2 : s++) {
-      if (c = $e(e, s), !Fe(c))
+      if (c = $e(e, s), !Ee(c))
         return ke;
-      v = v && Ft(c, d, l), d = c;
+      v = v && Et(c, d, l), d = c;
     }
   else {
     for (s = 0; s < e.length; c >= 65536 ? s += 2 : s++) {
       if (c = $e(e, s), c === Ie)
         u = !0, p && (g = g || // Foldable line = too long, and not more-indented.
         s - y - 1 > i && e[y + 1] !== " ", y = s);
-      else if (!Fe(c))
+      else if (!Ee(c))
         return ke;
-      v = v && Ft(c, d, l), d = c;
+      v = v && Et(c, d, l), d = c;
     }
     g = g || p && s - y - 1 > i && e[y + 1] !== " ";
   }
-  return !u && !g ? v && !a && !r(e) ? Mn : o === Ee ? ke : Xe : n > 9 && Nn(e) ? ke : a ? o === Ee ? ke : Xe : g ? Dn : jn;
+  return !u && !g ? v && !a && !r(e) ? Mn : o === Fe ? ke : Xe : n > 9 && Nn(e) ? ke : a ? o === Fe ? ke : Xe : g ? Dn : jn;
 }
 function so(e, t, n, i, r) {
   e.dump = function() {
     if (t.length === 0)
-      return e.quotingType === Ee ? '""' : "''";
+      return e.quotingType === Fe ? '""' : "''";
     if (!e.noCompatMode && (Za.indexOf(t) !== -1 || Xa.test(t)))
-      return e.quotingType === Ee ? '"' + t + '"' : "'" + t + "'";
+      return e.quotingType === Fe ? '"' + t + '"' : "'" + t + "'";
     var o = e.indent * Math.max(1, n), a = e.lineWidth === -1 ? -1 : Math.max(Math.min(e.lineWidth, 40), e.lineWidth - o), l = i || e.flowLevel > -1 && n >= e.flowLevel;
     function s(c) {
       return ro(e, c);
@@ -2269,7 +2269,7 @@ function Bt(e, t) {
 }
 function uo(e) {
   for (var t = "", n = 0, i, r = 0; r < e.length; n >= 65536 ? r += 2 : r++)
-    n = $e(e, r), i = te[n], !i && Fe(n) ? (t += e[r], n >= 65536 && (t += e[r + 1])) : t += i || to(n);
+    n = $e(e, r), i = te[n], !i && Ee(n) ? (t += e[r], n >= 65536 && (t += e[r + 1])) : t += i || to(n);
   return t;
 }
 function fo(e, t, n) {
@@ -2307,9 +2307,9 @@ function Kt(e, t, n) {
   for (r = n ? e.explicitTypes : e.implicitTypes, o = 0, a = r.length; o < a; o += 1)
     if (l = r[o], (l.instanceOf || l.predicate) && (!l.instanceOf || typeof t == "object" && t instanceof l.instanceOf) && (!l.predicate || l.predicate(t))) {
       if (n ? l.multi && l.representName ? e.tag = l.representName(t) : e.tag = l.tag : e.tag = "?", l.represent) {
-        if (s = e.styleMap[l.tag] || l.defaultStyle, En.call(l.represent) === "[object Function]")
+        if (s = e.styleMap[l.tag] || l.defaultStyle, Fn.call(l.represent) === "[object Function]")
           i = l.represent(t, s);
-        else if (Fn.call(l.represent, s))
+        else if (En.call(l.represent, s))
           i = l.represent[s](t, s);
         else
           throw new re("!<" + l.tag + '> tag resolver accepts not "' + s + '" style');
@@ -2321,7 +2321,7 @@ function Kt(e, t, n) {
 }
 function fe(e, t, n, i, r, o, a) {
   e.tag = null, e.dump = n, Kt(e, n, !1) || Kt(e, n, !0);
-  var l = En.call(e.dump), s = i, c;
+  var l = Fn.call(e.dump), s = i, c;
   i && (i = e.flowLevel < 0 || e.flowLevel > t);
   var d = l === "[object Object]" || l === "[object Array]", u, g;
   if (d && (u = e.duplicates.indexOf(n), g = u !== -1), (e.tag !== null && e.tag !== "?" || g || e.indent !== 2 && t > 0) && (r = !1), g && e.usedDuplicates[u])
@@ -2393,7 +2393,7 @@ var bo = ee, xo = tn, Co = on, ko = dn, Ao = fn, wo = ot, _o = In.load, So = In.
   omap: vn,
   seq: rn,
   str: nn
-}, Eo = ut("safeLoad", "load"), Fo = ut("safeLoadAll", "loadAll"), Oo = ut("safeDump", "dump"), Lo = {
+}, Fo = ut("safeLoad", "load"), Eo = ut("safeLoadAll", "loadAll"), Oo = ut("safeDump", "dump"), Lo = {
   Type: bo,
   Schema: xo,
   FAILSAFE_SCHEMA: Co,
@@ -2405,8 +2405,8 @@ var bo = ee, xo = tn, Co = on, ko = dn, Ao = fn, wo = ot, _o = In.load, So = In.
   dump: $o,
   YAMLException: To,
   types: Io,
-  safeLoad: Eo,
-  safeLoadAll: Fo,
+  safeLoad: Fo,
+  safeLoadAll: Eo,
   safeDump: Oo
 };
 const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */ J({
@@ -2419,7 +2419,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
     }
   },
   setup(e) {
-    const t = e, n = E(() => {
+    const t = e, n = F(() => {
       const i = Object.fromEntries(Object.entries(t.entityRecord).filter(([, r]) => r !== null && r !== "" && (Array.isArray(r) ? r.length !== 0 : !0)));
       return Object.keys(i).length === 0 && i.constructor === Object ? "" : Lo.dump(i).trim();
     });
@@ -2499,7 +2499,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       for (const [c, d] of Object.entries(l))
         Array.isArray(d) ? s += r(d, c) : typeof d == "object" ? s += i(d, c) : s += n(d, c);
       return s;
-    }, a = E(() => {
+    }, a = F(() => {
       var u, g, p, y, v, b, S;
       const l = Object.fromEntries(Object.entries(t.entityRecord).filter(([, x]) => x != null)), s = t.entityRecord.config ? Object.fromEntries(Object.entries((u = t.entityRecord) == null ? void 0 : u.config).filter(([, x]) => x != null)) : void 0;
       if (s && (l.config = s), Object.keys(l).length === 0)
@@ -2591,7 +2591,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
     }
   },
   setup(e) {
-    const t = e, n = De(), { i18n: { t: i } } = Y.useI18n(), r = (a) => !!(a.tooltip || n[`${a.key}-label-tooltip`]), o = E(() => {
+    const t = e, n = De(), { i18n: { t: i } } = Y.useI18n(), r = (a) => !!(a.tooltip || n[`${a.key}-label-tooltip`]), o = F(() => {
       if (!t.record)
         return t.record;
       let a = t.record;
@@ -2606,15 +2606,15 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           class: de(`config-card-details-${s}-props`),
           "data-testid": `config-card-details-${s}-props`
         }, [
-          s !== "basic" ? (m(), $("div", Mo, F(s === "advanced" ? T(i)("baseConfigCard.sections.advanced") : T(i)("baseConfigCard.sections.plugin")), 1)) : K("", !0),
+          s !== "basic" ? (m(), $("div", Mo, E(s === "advanced" ? T(i)("baseConfigCard.sections.advanced") : T(i)("baseConfigCard.sections.plugin")), 1)) : K("", !0),
           (m(!0), $(ce, null, se(e.propertyCollections[s], (c) => (m(), N(Qt, {
             key: c.key,
             item: c
           }, _e({
-            label: w(() => [
+            label: _(() => [
               j(a.$slots, `${c.key}-label`, { row: c }, void 0, !0)
             ]),
-            [c.key]: w(({ rowValue: d }) => [
+            [c.key]: _(({ rowValue: d }) => [
               j(a.$slots, c.key, {
                 row: c,
                 rowValue: d
@@ -2624,7 +2624,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           }, [
             r(c) ? {
               name: "label-tooltip",
-              fn: w(() => [
+              fn: _(() => [
                 j(a.$slots, `${c.key}-label-tooltip`, { row: c }, void 0, !0)
               ]),
               key: "0"
@@ -2754,12 +2754,12 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       default: "h2"
     }
   },
-  emits: ["loading", "fetch:success", "fetch:error"],
+  emits: ["loading", "fetch:success", "fetch:error", "configFormatChange"],
   setup(e, { emit: t }) {
-    var _;
+    var w;
     const n = t, i = e, { i18n: { t: r } } = Y.useI18n(), { getMessageFromError: o } = Y.useErrors(), { convertKeyToTitle: a } = Y.useStringHelpers();
     Y.useSubSchema(i.pluginConfigKey);
-    const { axiosInstance: l } = Y.useAxios((_ = i.config) == null ? void 0 : _.axiosRequestConfig), s = [
+    const { axiosInstance: l } = Y.useAxios((w = i.config) == null ? void 0 : w.axiosRequestConfig), s = [
       {
         label: r("baseConfigCard.general.structuredFormat"),
         value: "structured",
@@ -2779,7 +2779,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       value: "terraform"
     });
     const c = s[0].value, d = R(c), u = (f) => {
-      d.value = f == null ? void 0 : f.value;
+      d.value = f == null ? void 0 : f.value, n("configFormatChange", d.value);
     }, g = (f, h) => {
       localStorage.setItem(f, h);
     };
@@ -2832,7 +2832,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         // the last property displayed
         section: le.Basic
       }
-    }, y = R(!1), v = R(!1), b = R(""), S = R({}), x = E(() => {
+    }, y = R(!1), v = R(!1), b = R(""), S = R({}), x = F(() => {
       var C, k, H;
       if (!S.value)
         return [];
@@ -2857,7 +2857,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           section: W.section ?? ((Z == null ? void 0 : Z.section) || le.Advanced)
         };
       }).filter((P) => !P.hidden && P.key !== i.pluginConfigKey);
-    }), L = E(() => {
+    }), L = F(() => {
       var k, H;
       if (!S.value || !i.pluginConfigKey)
         return [];
@@ -2882,17 +2882,17 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           section: le.Plugin
         };
       }).filter((P) => !P.hidden);
-    }), q = E(() => {
+    }), q = F(() => {
       var f, h, C, k;
       return {
         basic: (f = x.value) == null ? void 0 : f.filter((H) => H.section === le.Basic),
         advanced: (h = x.value) == null ? void 0 : h.filter((H) => H.section === le.Advanced),
         plugin: (k = L.value) == null ? void 0 : k.concat((C = x.value) == null ? void 0 : C.filter((H) => H.section === le.Plugin))
       };
-    }), ne = E(() => {
+    }), ne = F(() => {
       const f = [];
       return q.value.basic.length && f.push("basic"), q.value.advanced.length && f.push("advanced"), q.value.plugin.length && f.push("plugin"), f;
-    }), A = E(() => {
+    }), A = F(() => {
       var h, C;
       let f = `${i.config.apiBaseUrl}${i.fetchUrl}`;
       return i.config.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, ((h = i.config) == null ? void 0 : h.controlPlaneId) || "") : i.config.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, (C = i.config) != null && C.workspace ? `/${i.config.workspace}` : "")), f = f.replace(/{id}/gi, i.config.entityId), f;
@@ -2924,15 +2924,15 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         class: "kong-ui-entity-base-config-card",
         "title-tag": e.titleTag
       }, _e({
-        actions: w(() => [
+        actions: _(() => [
           O("div", Uo, [
             j(f.$slots, "actions", {}, void 0, !0),
             M(C, {
               class: "config-format-select-label",
               "data-testid": "config-format-select-label"
             }, {
-              default: w(() => [
-                U(F(e.label), 1)
+              default: _(() => [
+                U(E(e.label), 1)
               ]),
               _: 1
             }),
@@ -2949,7 +2949,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
               class: "book-icon",
               "data-testid": "book-icon"
             }, {
-              default: w(() => [
+              default: _(() => [
                 O("a", {
                   href: e.configCardDoc,
                   rel: "noopener",
@@ -2962,7 +2962,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             })) : K("", !0)
           ])
         ]),
-        default: w(() => [
+        default: _(() => [
           y.value ? (m(), N(P, {
             key: 0,
             "data-testid": "config-card-loader",
@@ -2973,8 +2973,8 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             "data-testid": "config-card-fetch-error",
             "icon-variant": "error"
           }, {
-            default: w(() => [
-              O("h3", null, F(b.value), 1)
+            default: _(() => [
+              O("h3", null, E(b.value), 1)
             ]),
             _: 1
           })) : K("", !0),
@@ -2991,7 +2991,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             }, _e({ _: 2 }, [
               se(Object.keys(f.$slots), (W) => ({
                 name: W,
-                fn: w(({ row: Z, rowValue: Oe }) => [
+                fn: _(({ row: Z, rowValue: Oe }) => [
                   j(f.$slots, W, {
                     row: Z,
                     rowValue: Oe
@@ -3005,10 +3005,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       }, [
         e.hideTitle ? void 0 : {
           name: "title",
-          fn: w(() => [
+          fn: _(() => [
             O("span", Po, [
               j(f.$slots, "title", {}, () => [
-                U(F(T(r)("baseConfigCard.title")), 1)
+                U(E(T(r)("baseConfigCard.title")), 1)
               ], !0)
             ])
           ]),
@@ -3017,7 +3017,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       ]), 1032, ["title-tag"]);
     };
   }
-}), ds = /* @__PURE__ */ oe(Vo, [["__scopeId", "data-v-9b9ea6f9"]]), Yo = ["novalidate"], Wo = /* @__PURE__ */ J({
+}), ds = /* @__PURE__ */ oe(Vo, [["__scopeId", "data-v-8dfcd755"]]), Yo = ["novalidate"], Wo = /* @__PURE__ */ J({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -3130,13 +3130,13 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       default: void 0
     }
   },
-  emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel"],
+  emits: ["loading", "fetch:success", "fetch:error", "submit", "cancel", "codeBlockTabChange"],
   setup(e, { expose: t, emit: n }) {
     var ne;
-    const i = n, r = e, o = ai(), { i18n: { t: a } } = Y.useI18n(), { getMessageFromError: l } = Y.useErrors(), { axiosInstance: s } = Y.useAxios((ne = r.config) == null ? void 0 : ne.axiosRequestConfig), c = R(!1), d = E(() => !!r.editId), u = R(!1), g = R(""), p = E(() => r.canSubmit === !1 || r.isReadonly), y = R(!1), v = E(() => {
-      var _, f;
+    const i = n, r = e, o = ai(), { i18n: { t: a } } = Y.useI18n(), { getMessageFromError: l } = Y.useErrors(), { axiosInstance: s } = Y.useAxios((ne = r.config) == null ? void 0 : ne.axiosRequestConfig), c = R(!1), d = F(() => !!r.editId), u = R(!1), g = R(""), p = F(() => r.canSubmit === !1 || r.isReadonly), y = R(!1), v = F(() => {
+      var w, f;
       let A = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? A = A.replace(/{controlPlaneId}/gi, ((_ = r.config) == null ? void 0 : _.controlPlaneId) || "") : r.config.app === "kongManager" && (A = A.replace(/\/{workspace}/gi, (f = r.config) != null && f.workspace ? `/${r.config.workspace}` : "")), r.editId ? (A = A.replace(/{id}/gi, r.editId), A) : (A = A.replace(/\/{id}/gi, ""), A);
+      return r.config.app === "konnect" ? A = A.replace(/{controlPlaneId}/gi, ((w = r.config) == null ? void 0 : w.controlPlaneId) || "") : r.config.app === "kongManager" && (A = A.replace(/\/{workspace}/gi, (f = r.config) != null && f.workspace ? `/${r.config.workspace}` : "")), r.editId ? (A = A.replace(/{id}/gi, r.editId), A) : (A = A.replace(/\/{id}/gi, ""), A);
     }), b = () => {
       y.value = !y.value;
     }, S = () => {
@@ -3167,8 +3167,8 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           const { data: A } = await s.get(v.value);
           i("fetch:success", A);
         } catch (A) {
-          const _ = l(A);
-          g.value = _.startsWith("code") ? a("baseForm.errors.edit") : _, u.value = !0, i("fetch:error", A);
+          const w = l(A);
+          g.value = w.startsWith("code") ? a("baseForm.errors.edit") : w, u.value = !0, i("fetch:error", A);
         } finally {
           c.value = !1;
         }
@@ -3176,10 +3176,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       viewConfig: b,
       formCancel: x,
       formSubmit: L
-    }), (A, _) => {
+    }), (A, w) => {
       const f = D("KSkeleton"), h = D("KEmptyState"), C = D("KAlert"), k = D("KButton"), H = D("KTabs"), P = D("KSlideout");
       return m(), N(je(e.wrapperComponent), { class: "kong-ui-entity-base-form" }, {
-        default: w(() => [
+        default: _(() => [
           c.value ? (m(), N(f, {
             key: 0,
             type: "form"
@@ -3190,8 +3190,8 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             "icon-variant": "error",
             onClickAction: S
           }, {
-            default: w(() => [
-              O("h3", null, F(g.value), 1)
+            default: _(() => [
+              O("h3", null, E(g.value), 1)
             ]),
             _: 1
           }, 8, ["action-button-text"])) : (m(), $("form", {
@@ -3221,10 +3221,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                   M(k, {
                     appearance: "tertiary",
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-view-configuration`,
-                    onClick: _[0] || (_[0] = (B) => b())
+                    onClick: w[0] || (w[0] = (B) => b())
                   }, {
-                    default: w(() => [
-                      U(F(T(a)("baseForm.actions.viewConfiguration")), 1)
+                    default: _(() => [
+                      U(E(T(a)("baseForm.actions.viewConfiguration")), 1)
                     ]),
                     _: 1
                   }, 8, ["data-testid"]),
@@ -3233,10 +3233,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-cancel`,
                     disabled: e.isReadonly,
                     type: "reset",
-                    onClick: _[1] || (_[1] = (B) => !!e.actionTeleportTarget && x())
+                    onClick: w[1] || (w[1] = (B) => !!e.actionTeleportTarget && x())
                   }, {
-                    default: w(() => [
-                      U(F(e.cancelButtonText ?? T(a)("baseForm.actions.cancel")), 1)
+                    default: _(() => [
+                      U(E(e.cancelButtonText ?? T(a)("baseForm.actions.cancel")), 1)
                     ]),
                     _: 1
                   }, 8, ["data-testid", "disabled"]),
@@ -3245,10 +3245,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                     "data-testid": `${e.entityType}-${d.value ? "edit" : "create"}-form-submit`,
                     disabled: p.value,
                     type: "submit",
-                    onClick: _[2] || (_[2] = (B) => !!e.actionTeleportTarget && L())
+                    onClick: w[2] || (w[2] = (B) => !!e.actionTeleportTarget && L())
                   }, {
-                    default: w(() => [
-                      U(F(e.saveButtonText ?? T(a)("baseForm.actions.save")), 1)
+                    default: _(() => [
+                      U(E(e.saveButtonText ?? T(a)("baseForm.actions.save")), 1)
                     ]),
                     _: 1
                   }, 8, ["data-testid", "disabled"])
@@ -3263,15 +3263,16 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             "offset-top": e.slidoutTopOffset,
             title: T(a)("baseForm.configuration.title"),
             visible: y.value,
-            onClose: _[3] || (_[3] = (B) => b())
+            onClose: w[4] || (w[4] = (B) => b())
           }, {
-            default: w(() => [
-              O("div", null, F(T(a)("baseForm.configuration.message")), 1),
+            default: _(() => [
+              O("div", null, E(T(a)("baseForm.configuration.message")), 1),
               M(H, {
                 "data-testid": "form-view-configuration-slideout-tabs",
-                tabs: q.value
+                tabs: q.value,
+                onChange: w[3] || (w[3] = (B) => i("codeBlockTabChange", B.replace("#", "")))
               }, {
-                json: w(() => [
+                json: _(() => [
                   M(Zt, {
                     config: e.config,
                     "entity-record": r.formFields,
@@ -3279,12 +3280,12 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                     "request-method": r.editId ? "put" : "post"
                   }, null, 8, ["config", "entity-record", "fetcher-url", "request-method"])
                 ]),
-                yaml: w(() => [
+                yaml: _(() => [
                   M(Pn, {
                     "entity-record": r.formFields
                   }, null, 8, ["entity-record"])
                 ]),
-                terraform: w(() => [
+                terraform: _(() => [
                   M(Un, {
                     "entity-record": r.formFields,
                     "entity-type": e.entityType
@@ -3300,7 +3301,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       });
     };
   }
-}), fs = /* @__PURE__ */ oe(Wo, [["__scopeId", "data-v-4f672e9f"]]), Jo = ["data-truncate"], Go = /* @__PURE__ */ J({
+}), fs = /* @__PURE__ */ oe(Wo, [["__scopeId", "data-v-7c5c8d6b"]]), Jo = ["data-truncate"], Go = /* @__PURE__ */ J({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -3317,17 +3318,17 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
     }
   },
   setup(e) {
-    const t = e, n = E(() => {
+    const t = e, n = F(() => {
       var b;
       return ((b = t.rowEl) == null ? void 0 : b.querySelector(`[data-testid="${t.keyName}"]`)) || null;
-    }), i = E(() => {
+    }), i = F(() => {
       var b;
       return ((b = n.value) == null ? void 0 : b.querySelector('[data-truncate="true"]')) || null;
-    }), r = E(() => {
+    }), r = F(() => {
       var S, x;
       const b = (S = t.rowEl) == null ? void 0 : S.querySelectorAll("td");
       return b ? ((x = b[0]) == null ? void 0 : x.getAttribute("data-testid")) === t.keyName : !0;
-    }), o = E(() => r.value || t.tooltip);
+    }), o = F(() => r.value || t.tooltip);
     let a;
     const l = () => {
       a && (a.disconnect(), a = void 0);
@@ -3339,7 +3340,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         b -= (parseFloat(q.paddingLeft) || 0) + (parseFloat(q.paddingRight) || 0);
       }
       d.value = ((x = i.value) == null ? void 0 : x.getBoundingClientRect().width) || 0, u.value = b, g.value = ((L = c.value) == null ? void 0 : L.innerText) || "";
-    }, c = R({}), d = R(0), u = R(0), g = R(""), p = E(() => [i.value, n.value]), y = ve(
+    }, c = R({}), d = R(0), u = R(0), g = R(""), p = F(() => [i.value, n.value]), y = ve(
       p,
       (b) => {
         if (o.value && (l(), "ResizeObserver" in window && window)) {
@@ -3353,7 +3354,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), v = E(() => o.value ? d.value > u.value : !1);
+    ), v = F(() => o.value ? d.value > u.value : !1);
     return tt(() => {
       s();
     }), Jn(() => {
@@ -3374,7 +3375,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             placement: "bottom-start",
             text: v.value ? g.value : ""
           }, {
-            default: w(() => [
+            default: _(() => [
               j(b.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
@@ -3534,7 +3535,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked", "state"],
   setup(e, { emit: t }) {
-    const n = e, i = t, { i18n: { t: r } } = Y.useI18n(), o = E(() => {
+    const n = e, i = t, { i18n: { t: r } } = Y.useI18n(), o = F(() => {
       var h, C;
       return typeof n.errorMessage == "string" ? {
         hasError: !!n.errorMessage,
@@ -3545,7 +3546,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         title: (h = n.errorMessage) == null ? void 0 : h.title,
         message: (C = n.errorMessage) == null ? void 0 : C.message
       };
-    }), a = E(() => n.cacheIdentifier || n.preferencesStorageKey), l = E(() => {
+    }), a = F(() => n.cacheIdentifier || n.preferencesStorageKey), l = F(() => {
       const h = [];
       return Object.keys(n.tableHeaders).forEach((k) => {
         const H = n.tableHeaders[k];
@@ -3582,21 +3583,21 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
       i("empty-state-cta-clicked"), y();
     }, y = () => {
       i("clear-search-input");
-    }, v = E(() => n.disableRowClick ? void 0 : (h, C) => {
+    }, v = F(() => n.disableRowClick ? void 0 : (h, C) => {
       i("click:row", C);
     }), b = (h) => {
       i("sort", h);
-    }, { hideTableToolbar: S, handleStateChange: x } = Y.useTableState(() => n.query), { setTablePreferences: L, getTablePreferences: q } = di(), ne = R(q(a.value, n.defaultTablePreferences)), A = E(() => {
+    }, { hideTableToolbar: S, handleStateChange: x } = Y.useTableState(() => n.query), { setTablePreferences: L, getTablePreferences: q } = di(), ne = R(q(a.value, n.defaultTablePreferences)), A = F(() => {
       const h = q(a.value);
       return {
         ...n.initialFetcherParams,
         ...h
       };
-    }), _ = (h) => {
+    }), w = (h) => {
       ne.value = h, l.value.forEach((C) => {
         !("hidable" in C) || !ne.value.columnVisibility || C.hidable === !1 && (ne.value.columnVisibility[C.key] = !0);
       }), a.value && L(a.value, h);
-    }, f = E(() => ({
+    }, f = F(() => ({
       disablePageJump: n.disablePaginationPageJump,
       offset: n.paginationType === "offset",
       ...n.paginationAttributes
@@ -3608,7 +3609,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         title: e.title,
         "title-tag": e.titleTag
       }, {
-        default: w(() => [
+        default: _(() => [
           M(k, {
             ref_key: "tableRefs",
             ref: c,
@@ -3643,9 +3644,9 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             "onRow:click": v.value,
             onSort: C[0] || (C[0] = (P) => b(P)),
             onState: g,
-            "onUpdate:tablePreferences": _
+            "onUpdate:tablePreferences": w
           }, _e({
-            toolbar: w(() => [
+            toolbar: _(() => [
               O("div", Qo, [
                 j(h.$slots, "toolbar-filter", {}, void 0, !0),
                 h.$slots["toolbar-button"] ? (m(), $("div", Zo, [
@@ -3653,33 +3654,33 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                 ])) : K("", !0)
               ])
             ]),
-            "action-items": w(({ row: P }) => [
+            "action-items": _(({ row: P }) => [
               j(h.$slots, "actions", { row: P }, void 0, !0)
             ]),
             _: 2
           }, [
             h.$slots["empty-state"] ? {
               name: "empty-state",
-              fn: w(() => [
+              fn: _(() => [
                 j(h.$slots, "empty-state", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             se(e.tableHeaders, (P, B) => ({
               name: B,
-              fn: w(({ row: Q, rowValue: W }) => [
+              fn: _(({ row: Q, rowValue: W }) => [
                 M(zo, {
                   "key-name": String(B),
                   "row-el": d(Q),
                   tooltip: P.tooltip
                 }, {
-                  default: w(() => [
+                  default: _(() => [
                     j(h.$slots, B, {
                       row: Q,
                       rowKey: e.rowKey,
                       rowValue: W
                     }, () => [
-                      U(F(W), 1)
+                      U(E(W), 1)
                     ], !0)
                   ]),
                   _: 2
@@ -3688,7 +3689,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             })),
             e.query ? void 0 : {
               name: "empty-state-action-icon",
-              fn: w(() => [
+              fn: _(() => [
                 M(T(Ht))
               ]),
               key: "1"
@@ -3747,7 +3748,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: t }) {
-    const { i18nT: n } = Y.useI18n(), i = e, r = t, o = E(() => i.needConfirm ? i.entityName : ""), a = () => {
+    const { i18nT: n } = Y.useI18n(), i = e, r = t, o = F(() => i.needConfirm ? i.entityName : ""), a = () => {
       r("cancel");
     }, l = () => {
       r("proceed");
@@ -3765,11 +3766,11 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         onCancel: a,
         onProceed: l
       }, {
-        default: w(() => [
+        default: _(() => [
           e.error ? (m(), $("div", tl, [
             M(d, { appearance: "danger" }, {
-              default: w(() => [
-                U(F(e.error), 1)
+              default: _(() => [
+                U(E(e.error), 1)
               ]),
               _: 1
             })
@@ -3779,22 +3780,22 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
             keypath: i.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
           }, _e({
-            entityType: w(() => [
-              U(F(i.entityType), 1)
+            entityType: _(() => [
+              U(E(i.entityType), 1)
             ]),
             _: 2
           }, [
             i.entityName ? {
               name: "entityName",
-              fn: w(() => [
-                O("strong", null, F(i.entityName), 1)
+              fn: _(() => [
+                O("strong", null, E(i.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
           i.description || s.$slots.description ? (m(), $("div", nl, [
             j(s.$slots, "description", {}, () => [
-              O("p", null, F(i.description), 1)
+              O("p", null, E(i.description), 1)
             ], !0)
           ])) : K("", !0)
         ]),
@@ -3864,25 +3865,25 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const { i18n: { t: n } } = Y.useI18n(), i = e, r = t, o = R(!1), a = R({}), l = R(/* @__PURE__ */ new Set()), s = E(() => {
+    const { i18n: { t: n } } = Y.useI18n(), i = e, r = t, o = R(!1), a = R({}), l = R(/* @__PURE__ */ new Set()), s = F(() => {
       const A = [];
-      return new URLSearchParams(i.modelValue).forEach((_, f) => {
-        _ !== "" && A.push(f);
+      return new URLSearchParams(i.modelValue).forEach((w, f) => {
+        w !== "" && A.push(f);
       }), A;
-    }), c = E(() => {
+    }), c = F(() => {
       const A = i.config.fields;
-      return Object.keys(A).filter((_) => {
+      return Object.keys(A).filter((w) => {
         var f;
-        return (f = A == null ? void 0 : A[_]) == null ? void 0 : f.searchable;
-      }).map((_) => ({
-        label: A[_].label || _,
-        value: _,
+        return (f = A == null ? void 0 : A[w]) == null ? void 0 : f.searchable;
+      }).map((w) => ({
+        label: A[w].label || w,
+        value: w,
         expanded: !1
       }));
     });
     ve(() => i.modelValue, (A) => {
-      a.value = {}, new URLSearchParams(A).forEach((_, f) => {
-        a.value[f] = _;
+      a.value = {}, new URLSearchParams(A).forEach((w, f) => {
+        a.value[f] = w;
       });
     });
     const d = () => {
@@ -3894,11 +3895,11 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
     }, p = () => {
       g("");
     }, y = (A) => `filter-${A}`, v = (A) => {
-      var _, f;
-      return (((f = (_ = i.config.schema) == null ? void 0 : _[A]) == null ? void 0 : f.values) ?? []).map((h) => typeof h == "string" ? { value: h, label: h } : h);
+      var w, f;
+      return (((f = (w = i.config.schema) == null ? void 0 : w[A]) == null ? void 0 : f.values) ?? []).map((h) => typeof h == "string" ? { value: h, label: h } : h);
     }, b = (A) => {
-      var _, f;
-      return ((f = (_ = i.config.schema) == null ? void 0 : _[A]) == null ? void 0 : f.type) ?? "text";
+      var w, f;
+      return ((f = (w = i.config.schema) == null ? void 0 : w[A]) == null ? void 0 : f.type) ?? "text";
     }, S = (A) => {
       a.value = {
         ...a.value,
@@ -3907,17 +3908,17 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
     }, x = () => {
       a.value = {}, L(!0);
     }, L = (A = !1) => {
-      const _ = Object.keys(a.value).reduce((f, h) => (a.value[h] && (f[h] = `${a.value[h]}`), f), {});
-      A && (o.value = !1), r("update:modelValue", new URLSearchParams(_).toString());
+      const w = Object.keys(a.value).reduce((f, h) => (a.value[h] && (f[h] = `${a.value[h]}`), f), {});
+      A && (o.value = !1), r("update:modelValue", new URLSearchParams(w).toString());
     }, q = (A) => {
-      var _, f;
-      return !!((f = (_ = i.config.schema) == null ? void 0 : _[A]) != null && f.filterFunction);
-    }, ne = (A, _) => {
+      var w, f;
+      return !!((f = (w = i.config.schema) == null ? void 0 : w[A]) != null && f.filterFunction);
+    }, ne = (A, w) => {
       var h;
       const f = (h = i.config.schema) == null ? void 0 : h[A];
-      return (f == null ? void 0 : f.filterFunction) === void 0 ? !0 : f.filterFunction(_);
+      return (f == null ? void 0 : f.filterFunction) === void 0 ? !0 : f.filterFunction(w);
     };
-    return (A, _) => {
+    return (A, w) => {
       const f = D("KInput"), h = D("KButton"), C = D("KSelect");
       return e.config.isExactMatch ? (m(), N(f, {
         key: 0,
@@ -3928,10 +3929,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
         placeholder: e.config.placeholder,
         "onUpdate:modelValue": g
       }, {
-        before: w(() => [
+        before: _(() => [
           M(Nt)
         ]),
-        after: w(() => [
+        after: _(() => [
           be(M(T(ni), {
             class: "kong-ui-entity-filter-clear",
             role: "button",
@@ -3948,9 +3949,9 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           "data-testid": "filter-button",
           onClick: d
         }, {
-          default: w(() => [
+          default: _(() => [
             M(Nt),
-            U(" " + F(T(n)("filter.filterButtonText")) + " " + F(s.value.length > 0 ? `(${s.value.length})` : ""), 1)
+            U(" " + E(T(n)("filter.filterButtonText")) + " " + E(s.value.length > 0 ? `(${s.value.length})` : ""), 1)
           ]),
           _: 1
         }),
@@ -3975,7 +3976,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                 onClick: (B) => u(k.value),
                 onKeydown: Gn((B) => u(k.value), ["enter"])
               }, [
-                U(F(k.label) + " ", 1),
+                U(E(k.label) + " ", 1),
                 be(O("span", pl, null, 512), [
                   [xe, s.value.includes(k.value)]
                 ]),
@@ -3988,7 +3989,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                 O("label", {
                   class: "menu-item-label",
                   for: y(k.value)
-                }, F(T(n)("filter.fieldLabel")), 9, hl),
+                }, E(T(n)("filter.fieldLabel")), 9, hl),
                 ((P = (H = e.config.schema) == null ? void 0 : H[k.value]) == null ? void 0 : P.type) === "select" ? (m(), N(C, {
                   key: 0,
                   id: y(k.value),
@@ -4015,10 +4016,10 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
-                  onClick: _[0] || (_[0] = (B) => L(!0))
+                  onClick: w[0] || (w[0] = (B) => L(!0))
                 }, {
-                  default: w(() => [
-                    U(F(T(n)("filter.applyButtonText")), 1)
+                  default: _(() => [
+                    U(E(T(n)("filter.applyButtonText")), 1)
                   ]),
                   _: 1
                 }),
@@ -4028,8 +4029,8 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
                   size: "small",
                   onClick: (B) => S(k.value)
                 }, {
-                  default: w(() => [
-                    U(F(T(n)("filter.clearButtonText")), 1)
+                  default: _(() => [
+                    U(E(T(n)("filter.clearButtonText")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -4044,8 +4045,8 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
               size: "small",
               onClick: x
             }, {
-              default: w(() => [
-                U(F(T(n)("filter.clearAllButtonText")), 1)
+              default: _(() => [
+                U(E(T(n)("filter.clearAllButtonText")), 1)
               ]),
               _: 1
             })
@@ -4088,9 +4089,9 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: t }) {
-    const { i18n: { t: n }, i18nT: i } = Y.useI18n(), r = e, o = t, a = R(!1), l = E(
+    const { i18n: { t: n }, i18nT: i } = Y.useI18n(), r = e, o = t, a = R(!1), l = F(
       () => r.action === "enable" ? n("toggleModal.enable.title", { entityType: r.entityType }) : n("toggleModal.disable.title", { entityType: r.entityType })
-    ), s = E(
+    ), s = F(
       () => r.action === "enable" ? n("toggleModal.enable.confirmText") : n("toggleModal.disable.confirmText")
     ), c = () => o("cancel"), d = async () => {
       if (r.onConfirm) {
@@ -4116,16 +4117,16 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
           onCancel: c,
           onProceed: d
         }, {
-          default: w(() => [
+          default: _(() => [
             M(T(i), {
               keypath: `toggleModal.${r.action}.message`,
               scope: "global"
             }, {
-              entityType: w(() => [
-                U(F(e.entityType), 1)
+              entityType: _(() => [
+                U(E(e.entityType), 1)
               ]),
-              entityName: w(() => [
-                O("strong", null, F(e.entityName), 1)
+              entityName: _(() => [
+                O("strong", null, E(e.entityName), 1)
               ]),
               _: 1
             }, 8, ["keypath"])
@@ -4157,7 +4158,7 @@ const Bo = { class: "yaml-config config-card-code-block" }, Pn = /* @__PURE__ */
     }
   },
   setup(e) {
-    const t = e, n = R(void 0), i = E(() => n.value === !0 || n.value !== void 0 && t.forceShow === !0);
+    const t = e, n = R(void 0), i = F(() => n.value === !0 || n.value !== void 0 && t.forceShow === !0);
     return ve(() => t.authFunction, async () => {
       n.value = await t.authFunction();
     }, { immediate: !0 }), (r, o) => i.value ? j(r.$slots, "default", {
@@ -4243,14 +4244,14 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
             id: T(n),
             class: "form-section-title"
           }, {
-            default: w(() => [
-              U(F(e.title), 1)
+            default: _(() => [
+              U(E(e.title), 1)
             ]),
             _: 1
           }, 8, ["id"])) : K("", !0),
           e.description || T(t).description ? (m(), $("div", Sl, [
             j(i.$slots, "description", {}, () => [
-              O("p", null, F(e.description), 1)
+              O("p", null, E(e.description), 1)
             ], !0)
           ])) : K("", !0),
           T(t).footer ? (m(), $("div", $l, [
@@ -4263,7 +4264,7 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
       ])
     ], 10, wl));
   }
-}), vs = /* @__PURE__ */ oe(Il, [["__scopeId", "data-v-b1f74200"]]), El = { class: "ff-form-section" }, Fl = { class: "header" }, Ol = {
+}), vs = /* @__PURE__ */ oe(Il, [["__scopeId", "data-v-b1f74200"]]), Fl = { class: "ff-form-section" }, El = { class: "header" }, Ol = {
   key: 0,
   class: "step"
 }, Ll = { class: "header-content" }, Bl = { class: "header-title" }, Rl = {
@@ -4281,18 +4282,18 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
   },
   setup(e) {
     const t = De();
-    return (n, i) => (m(), $("div", El, [
-      O("header", Fl, [
-        n.step != null ? (m(), $("div", Ol, F(n.step), 1)) : K("", !0),
+    return (n, i) => (m(), $("div", Fl, [
+      O("header", El, [
+        n.step != null ? (m(), $("div", Ol, E(n.step), 1)) : K("", !0),
         O("div", Ll, [
           O("h2", Bl, [
             j(n.$slots, "title", {}, () => [
-              U(F(n.title), 1)
+              U(E(n.title), 1)
             ], !0)
           ]),
           n.description || t.description ? (m(), $("div", Rl, [
             j(n.$slots, "description", {}, () => [
-              U(F(n.description), 1)
+              U(E(n.description), 1)
             ], !0)
           ])) : K("", !0)
         ]),
@@ -4335,10 +4336,10 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
     }
   },
   setup(e) {
-    const t = e, n = R(), { isTruncated: i } = Y.useTruncationDetector(n), { i18n: { t: r } } = Y.useI18n(), o = r("global.actions.copyId"), a = R(o), l = E(() => t.entityLinkData.deleted ?? !1), s = E(() => {
+    const t = e, n = R(), { isTruncated: i } = Y.useTruncationDetector(n), { i18n: { t: r } } = Y.useI18n(), o = r("global.actions.copyId"), a = R(o), l = F(() => t.entityLinkData.deleted ?? !1), s = F(() => {
       var u;
       return (u = t.entityLinkData.id) != null && u.toString().includes(":") ? t.entityLinkData.id.toString().split(":")[1] : t.entityLinkData.id;
-    }), c = E(() => {
+    }), c = F(() => {
       var u;
       return `${(u = s.value) == null ? void 0 : u.toString().slice(0, 5)} (deleted)`;
     }), d = async (u) => {
@@ -4349,29 +4350,29 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
     return (u, g) => {
       const p = D("KTooltip"), y = D("KExternalLink"), v = D("KClipboardProvider");
       return m(), $("div", jl, [
-        l.value ? (m(), $("div", Dl, F(c.value), 1)) : s.value ? s.value ? (m(), N(y, {
+        l.value ? (m(), $("div", Dl, E(c.value), 1)) : s.value ? s.value ? (m(), N(y, {
           key: 2,
           class: "entity-link",
           "hide-icon": !e.newWindow,
           href: e.externalLink,
           target: e.newWindow ? "_blank" : "_self"
         }, {
-          default: w(() => [
+          default: _(() => [
             M(p, {
               text: T(i) && e.entityLinkData.label || ""
             }, {
-              default: w(() => [
+              default: _(() => [
                 O("span", {
                   ref_key: "textContent",
                   ref: n,
                   class: "entity-link-label"
-                }, F(e.entityLinkData.label), 513)
+                }, E(e.entityLinkData.label), 513)
               ]),
               _: 1
             }, 8, ["text"])
           ]),
           _: 1
-        }, 8, ["hide-icon", "href", "target"])) : K("", !0) : (m(), $("div", Pl, F(" – "))),
+        }, 8, ["hide-icon", "href", "target"])) : K("", !0) : (m(), $("div", Pl, E(" – "))),
         s.value && e.allowCopy ? (m(), N(p, {
           key: a.value,
           class: "copy-uuid-tooltip",
@@ -4379,9 +4380,9 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
           placement: "bottom-end",
           text: a.value
         }, {
-          default: w(() => [
+          default: _(() => [
             M(v, null, {
-              default: w(({ copyToClipboard: b }) => [
+              default: _(({ copyToClipboard: b }) => [
                 O("span", {
                   class: "entity-link-copy-id",
                   onClick: Le((S) => d(b), ["stop"])
@@ -4470,7 +4471,7 @@ const wl = ["aria-labelledby"], _l = { class: "form-section-wrapper" }, Sl = {
   },
   emits: ["click:create", "click:learn-more"],
   setup(e) {
-    const t = e, { i18n: { t: n } } = Y.useI18n(), i = R(!1), r = E(() => i.value && !!t.actionButtonText), o = E(() => mt.includes(t.appearance) ? t.appearance : ["primary", t.appearance]);
+    const t = e, { i18n: { t: n } } = Y.useI18n(), i = R(!1), r = F(() => i.value && !!t.actionButtonText), o = F(() => mt.includes(t.appearance) ? t.appearance : ["primary", t.appearance]);
     return nt(async () => {
       i.value = await t.canCreate();
     }), tt(() => zn(`EntityEmptyState is deprecated and will be removed in future releases. Please use the KEmptyState component instead.
@@ -4486,21 +4487,21 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
               class: de(o.value)
             }, [
               j(a.$slots, "title", {}, () => [
-                U(F(e.title), 1)
+                U(E(e.title), 1)
               ], !0)
             ], 2)
           ])) : K("", !0),
           e.description || a.$slots.default ? (m(), $("div", Jl, [
             j(a.$slots, "default", {}, () => [
-              O("p", null, F(e.description), 1)
+              O("p", null, E(e.description), 1)
             ], !0)
           ])) : K("", !0),
           e.pricing || a.$slots.pricing ? (m(), $("div", Gl, [
             O("p", null, [
-              O("b", null, F(T(n)("emptyState.pricingTitle")), 1),
+              O("b", null, E(T(n)("emptyState.pricingTitle")), 1),
               l[2] || (l[2] = U()),
               j(a.$slots, "pricing", {}, () => [
-                U(F(e.pricing), 1)
+                U(E(e.pricing), 1)
               ], !0)
             ])
           ])) : K("", !0)
@@ -4517,9 +4518,9 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
               size: e.appearance === "secondary" ? "medium" : "large",
               onClick: l[0] || (l[0] = (c) => a.$emit("click:create"))
             }, {
-              default: w(() => [
+              default: _(() => [
                 M(T(Ht)),
-                U(" " + F(e.actionButtonText), 1)
+                U(" " + E(e.actionButtonText), 1)
               ]),
               _: 1
             }, 8, ["size"])) : K("", !0),
@@ -4530,9 +4531,9 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
               size: e.appearance === "secondary" ? "medium" : "large",
               onClick: l[1] || (l[1] = (c) => a.$emit("click:learn-more"))
             }, {
-              default: w(() => [
+              default: _(() => [
                 M(T(qt), { decorative: "" }),
-                U(" " + F(T(n)("emptyState.learnMore")), 1)
+                U(" " + E(T(n)("emptyState.learnMore")), 1)
               ]),
               _: 1
             }, 8, ["size"])) : K("", !0)
@@ -4543,16 +4544,16 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
             key: c,
             class: "entity-empty-state-card"
           }, {
-            title: w(() => [
+            title: _(() => [
               a.$slots[`feature-${d}-icon`] ? (m(), $("div", Xl, [
                 j(a.$slots, `feature-${d}-icon`, {}, void 0, !0)
               ])) : K("", !0),
-              O("div", es, F(c.title), 1)
+              O("div", es, E(c.title), 1)
             ]),
-            default: w(() => [
+            default: _(() => [
               O("div", {
                 title: c.description
-              }, F(c.description), 9, ts)
+              }, E(c.description), 9, ts)
             ]),
             _: 2
           }, 1024))), 128))
@@ -4577,7 +4578,7 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
     }
   },
   setup(e) {
-    const t = e, n = E(() => {
+    const t = e, n = F(() => {
       if (Array.isArray(t.tags))
         return t.tags;
       if (typeof t.tags == "string")
@@ -4592,15 +4593,15 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
     return (i, r) => {
       var o;
       return ((o = n.value) == null ? void 0 : o.length) > 0 ? (m(), N(T(ei), { key: 0 }, {
-        default: w(() => [
+        default: _(() => [
           (m(!0), $(ce, null, se(n.value, (a) => (m(), N(T(ti), {
             key: a,
             "max-width": e.tagMaxWidth,
             onClick: r[0] || (r[0] = Le(() => {
             }, ["stop"]))
           }, {
-            default: w(() => [
-              U(F(a), 1)
+            default: _(() => [
+              U(E(a), 1)
             ]),
             _: 2
           }, 1032, ["max-width"]))), 128))
@@ -4609,7 +4610,7 @@ Docs: https://kongponents.konghq.com/components/empty-state.html.`)), (a, l) =>
       })) : (m(), $("span", rs, "-"));
     };
   }
-}), { useAxios: As, useDeleteUrlBuilder: ws, useErrors: _s, useExternalLinkCreator: Ss, useFetchUrlBuilder: $s, useFetcher: Ts, useFetcherCacheKey: Is, useDebouncedFilter: Es, useStringHelpers: Fs, useHelpers: Os, useGatewayFeatureSupported: Ls, useTruncationDetector: Bs, useValidators: Rs, useSchemaProvider: Ks, useTableState: Ns } = Y;
+}), { useAxios: As, useDeleteUrlBuilder: ws, useErrors: _s, useExternalLinkCreator: Ss, useFetchUrlBuilder: $s, useFetcher: Ts, useFetcherCacheKey: Is, useDebouncedFilter: Fs, useStringHelpers: Es, useHelpers: Os, useGatewayFeatureSupported: Ls, useTruncationDetector: Bs, useValidators: Rs, useSchemaProvider: Ks, useTableState: Ns } = Y;
 export {
   mt as Appearances,
   Do as ConfigCardDisplay,
@@ -4638,7 +4639,7 @@ export {
   Un as TerraformCodeBlock,
   Pn as YamlCodeBlock,
   As as useAxios,
-  Es as useDebouncedFilter,
+  Fs as useDebouncedFilter,
   ws as useDeleteUrlBuilder,
   _s as useErrors,
   Ss as useExternalLinkCreator,
@@ -4648,7 +4649,7 @@ export {
   Ls as useGatewayFeatureSupported,
   Os as useHelpers,
   Ks as useSchemaProvider,
-  Fs as useStringHelpers,
+  Es as useStringHelpers,
   Ns as useTableState,
   Bs as useTruncationDetector,
   Rs as useValidators