@kong-ui-public/entities-snis 2.1.19 → 2.1.21

package/dist/entities-snis.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as ee, ref as x, computed as S, watch as ne, renderSlot as G, createCommentVNode as X, unref as s, onBeforeMount as xe, resolveComponent as j, openBlock as b, createBlock as V, withCtx as f, createElementVNode as K, toDisplayString as O, createElementBlock as F, withModifiers as be, createVNode as C, createTextVNode as J, createSlots as We, withDirectives as me, vShow as ye, renderList as Te, Fragment as Je, useSlots as ct, normalizeClass as ke, onMounted as ut, onUnmounted as dt, inject as pt, resolveDynamicComponent as Ie, mergeProps as Me, normalizeStyle as ft, pushScopeId as mt, popScopeId as yt, Teleport as gt, reactive as Ke } from "vue";
+import { defineComponent as ee, ref as x, computed as S, watch as ne, renderSlot as G, createCommentVNode as X, unref as s, onBeforeMount as xe, resolveComponent as j, openBlock as b, createBlock as V, withCtx as p, createElementVNode as K, toDisplayString as O, createElementBlock as F, withModifiers as be, createVNode as C, createTextVNode as J, createSlots as We, withDirectives as me, vShow as ye, renderList as Te, Fragment as Je, useSlots as ct, normalizeClass as ke, onMounted as ut, onUnmounted as dt, inject as pt, resolveDynamicComponent as we, mergeProps as Me, normalizeStyle as ft, pushScopeId as mt, popScopeId as yt, reactive as Ke } from "vue";
 import { createI18n as Ee, i18nTComponent as Ye } from "@kong-ui-public/i18n";
-import vt from "axios";
+import gt from "axios";
 import "@kong/kongponents";
 import { useRouter as Ze } from "vue-router";
-const ht = {
+const vt = {
   create: "New SNI",
   copy_id: "Copy ID",
   copy_json: "Copy JSON",
@@ -11,10 +11,10 @@ const ht = {
   delete: "Delete",
   clear: "Clear",
   loading: "Loading..."
-}, bt = {
+}, ht = {
   placeholder: "Filter by exact name or ID",
   no_results: "No results found"
-}, kt = {
+}, bt = {
   title: "SNIs",
   list: {
     toolbar_actions: {
@@ -31,7 +31,7 @@ const ht = {
       description: "SNIs are used to map hostnames to a certificate."
     }
   }
-}, wt = {
+}, kt = {
   sections: {
     general: {
       title: "General Information",
@@ -59,7 +59,7 @@ const ht = {
       footer: "Search by exact ID to find certificates not included in the list"
     }
   }
-}, St = {
+}, wt = {
   delete: "The SNI could not be deleted at this time.",
   general: "SNIs could not be retrieved",
   certificates: {
@@ -67,23 +67,23 @@ const ht = {
     invalid: "Please select a valid certificate ID"
   },
   copy: "Failed to copy to clipboard"
-}, _t = {
+}, St = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, It = {
-  actions: ht,
-  search: bt,
-  snis: kt,
-  form: wt,
+}, _t = {
+  actions: vt,
+  search: ht,
+  snis: bt,
+  form: kt,
   delete: {
     title: "Delete an SNI",
     description: "This action cannot be reversed so make sure to check the SNI usage before deleting."
   },
-  errors: St,
-  copy: _t
+  errors: wt,
+  copy: St
 };
-function Ct() {
-  const e = Ee("en-us", It);
+function It() {
+  const e = Ee("en-us", _t);
   return {
     i18n: e,
     i18nT: Ye(e)
@@ -91,7 +91,7 @@ function Ct() {
   };
 }
 const Ge = {
-  useI18n: Ct
+  useI18n: It
 }, fe = {
   list: {
     konnect: {
@@ -119,14 +119,14 @@ const Ge = {
 var Qe = /* @__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))(Qe || {}), he = /* @__PURE__ */ ((e) => (e.Edit = "edit", e.Create = "create", e))(he || {}), oe = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(oe || {});
 function Ne(e = {}) {
   return {
-    axiosInstance: vt.create({
+    axiosInstance: gt.create({
       withCredentials: !0,
       timeout: 3e4,
       ...e
     })
   };
 }
-function xt() {
+function Ct() {
   return {
     debounce: (e, a) => {
       let t;
@@ -138,12 +138,12 @@ function xt() {
     }
   };
 }
-const Se = "khcp-user-table-preferences", Tt = {
+const _e = "khcp-user-table-preferences", xt = {
   pageSize: 30,
   sortColumnKey: void 0,
   sortColumnOrder: void 0
 };
-function Et() {
+function Tt() {
   const e = (t) => {
     if (typeof t == "string")
       try {
@@ -153,38 +153,38 @@ function Et() {
         return;
       }
   }, a = () => {
-    const t = e(localStorage.getItem(Se));
+    const t = e(localStorage.getItem(_e));
     return !t || !Object.keys(t).length ? /* @__PURE__ */ new Map() : new Map(Object.entries(t));
   };
   return {
     setTablePreferences: (t, r) => {
       try {
         const n = a();
-        n.set(t, r), localStorage.setItem(Se, JSON.stringify(Object.fromEntries(n.entries())));
+        n.set(t, r), localStorage.setItem(_e, JSON.stringify(Object.fromEntries(n.entries())));
       } catch (n) {
         console.error("useTablePreferences(setTablePreferences)", n);
       }
     },
     getTablePreferences: (t) => {
       const r = a();
-      return (r == null ? void 0 : r.get(t)) || void 0 || Tt;
+      return (r == null ? void 0 : r.get(t)) || void 0 || xt;
     },
     deleteAllTablePreferences: () => {
-      localStorage.removeItem(Se);
+      localStorage.removeItem(_e);
     }
   };
 }
-const Nt = {
+const Et = {
   actions: {
     copyId: "Copy ID",
     copied_id: 'Copied "{id}" to the clipboard',
     copyToClipboard: "Copied successfully!",
     copyToClipboardFailed: "Failed to copy to the clipboard"
   }
-}, $t = {
+}, Nt = {
   message: "Are you sure you want to delete this {entityType}?",
   messageWithName: "Are you sure you want to delete this {entityType} {entityName}?"
-}, At = {
+}, $t = {
   actions: {
     save: "Save",
     cancel: "Cancel",
@@ -193,13 +193,13 @@ const Nt = {
   errors: {
     edit: "The entity could not be edited at this time."
   }
-}, Ot = {
+}, At = {
   emptyState: {
     noSearchResultsTitle: "No results found",
     noSearchResultsMessage: "Please adjust the criteria and try again.",
     noSearchResultsCtaText: "Clear"
   }
-}, Mt = {
+}, Ot = {
   title: "Configuration",
   actions: {
     copy: "Copy JSON"
@@ -237,7 +237,7 @@ const Nt = {
     entryTitle: "Entry {index}",
     structuredFormat: "Structured"
   }
-}, Kt = {
+}, Mt = {
   filterButtonText: "Filter",
   fieldLabel: "Filter by:",
   inputPlaceholder: "Enter a value",
@@ -245,15 +245,15 @@ const Nt = {
   applyButtonText: "Apply",
   clearButtonText: "Clear",
   clearAllButtonText: "Clear all filters"
-}, jt = {
+}, Kt = {
   errors: {
     fetch: "Could not fetch available items",
     invalid: "Please select a valid value"
   }
-}, qt = {
+}, jt = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, Pt = {
+}, qt = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -264,19 +264,19 @@ const Nt = {
     message: "Are you sure you want to disable the {entityType} {entityName}?",
     confirmText: "Yes, disable"
   }
-}, Rt = {
-  global: Nt,
-  deleteModal: $t,
-  baseForm: At,
-  baseTable: Ot,
-  baseConfigCard: Mt,
-  filter: Kt,
-  debouncedFilter: jt,
-  errors: qt,
-  toggleModal: Pt
+}, Pt = {
+  global: Et,
+  deleteModal: Nt,
+  baseForm: $t,
+  baseTable: At,
+  baseConfigCard: Ot,
+  filter: Mt,
+  debouncedFilter: Kt,
+  errors: jt,
+  toggleModal: qt
 };
 function $e() {
-  const e = Ee("en-us", Rt);
+  const e = Ee("en-us", Pt);
   return {
     i18n: e,
     i18nT: Ye(e)
@@ -327,16 +327,16 @@ function Xe() {
     isValidUuid: (t) => t ? /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/.test(t) : !1
   };
 }
-function Ft(e, a, t, r = {
+function Rt(e, a, t, r = {
   fetchedItemsKey: "data",
   searchKeys: ["id"]
 }) {
   t || (t = "100");
   const { axiosInstance: n } = Ne({
     headers: e.requestHeaders
-  }), { i18n: { t: i } } = $e(), { debounce: o } = xt(), u = o(async (w) => {
+  }), { i18n: { t: i } } = $e(), { debounce: o } = Ct(), u = o(async (w) => {
     await E(w);
-  }, 200), m = x(!1), p = x(""), _ = x(""), l = x([]), N = x([]), k = x(void 0), D = s(a);
+  }, 200), m = x(!1), f = x(""), _ = x(""), l = x([]), N = x([]), k = x(void 0), D = s(a);
   let y = `${e.apiBaseUrl}${D}`;
   e.app === "konnect" ? y = y.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (y = y.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const { isValidUuid: $ } = Xe(), d = async () => {
@@ -345,7 +345,7 @@ function Ft(e, a, t, r = {
       const { data: w } = await n.get(`${y}?size=${t}`);
       w != null && w.next || (k.value = r.fetchedItemsKey in w ? w[r.fetchedItemsKey] : []), N.value = r.fetchedItemsKey in w ? w[r.fetchedItemsKey] : [], l.value = N.value;
     } catch {
-      l.value = [], p.value = i("debouncedFilter.errors.fetch");
+      l.value = [], f.value = i("debouncedFilter.errors.fetch");
     } finally {
       m.value = !1;
     }
@@ -354,7 +354,7 @@ function Ft(e, a, t, r = {
     if (T.value !== w)
       if (T.value = w || "", k.value === void 0)
         try {
-          if (m.value = !0, p.value = "", _.value = "", e.app === "konnect") {
+          if (m.value = !0, f.value = "", _.value = "", e.app === "konnect") {
             let v = y + "";
             w && (v += `/${w}`);
             const { data: U } = await n.get(`${v}?size=${t}`);
@@ -380,7 +380,7 @@ function Ft(e, a, t, r = {
           } else
             l.value = N.value;
         } catch (v) {
-          ((A = v == null ? void 0 : v.response) == null ? void 0 : A.status) === 404 ? _.value = i("debouncedFilter.errors.invalid") : (l.value = [], p.value = i("debouncedFilter.errors.fetch"));
+          ((A = v == null ? void 0 : v.response) == null ? void 0 : A.status) === 404 ? _.value = i("debouncedFilter.errors.invalid") : (l.value = [], f.value = i("debouncedFilter.errors.fetch"));
         } finally {
           m.value = !1;
         }
@@ -397,7 +397,7 @@ function Ft(e, a, t, r = {
   };
   return {
     loading: m,
-    error: p,
+    error: f,
     validationError: _,
     results: l,
     allRecords: k,
@@ -405,13 +405,13 @@ function Ft(e, a, t, r = {
     debouncedQueryChange: u
   };
 }
-function Ut(e, a) {
+function Ft(e, a) {
   const t = s(a), r = S(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return r.value.search = "", (n) => `${r.value.href}/${n}`;
 }
-function Bt() {
+function Ut() {
   const { i18n: { t: e } } = $e();
   return {
     getMessageFromError: (a) => {
@@ -439,7 +439,7 @@ function Bt() {
     }
   };
 }
-function Dt(e) {
+function Bt(e) {
   const a = window.location.origin, t = a.endsWith("/") ? a : `${a}/`;
   try {
     const r = e.join("/"), n = `${t}${r}`, i = e.some((o) => o.trim() === "");
@@ -457,18 +457,18 @@ function et(e, a) {
     () => r.value.startsWith("/") ? new URL(`${window.location.origin}${r.value}`) : new URL(r.value)
   );
   return (o) => {
-    const { page: u, pageSize: m, offset: p, sortColumnKey: _, sortColumnOrder: l, query: N } = o;
+    const { page: u, pageSize: m, offset: f, sortColumnKey: _, sortColumnOrder: l, query: N } = o;
     try {
       let k = new URL(i.value.href);
       return n.value && N ? (k.search = "", k = t.value.app === "konnect" ? new URL(`${k.href}?filter[name][contains]=${N}`) : new URL(`${k.href}/${N}/`)) : (n.value || new URLSearchParams(N).forEach((D, y) => {
         k.searchParams.append(y, D);
-      }), _ && k.searchParams.append("sort_by", _), l === "desc" && k.searchParams.append("sort_desc", "1"), k.searchParams.append("size", String(m))), p && u !== 1 && k.searchParams.append("offset", String(p)), k.href;
+      }), _ && k.searchParams.append("sort_by", _), l === "desc" && k.searchParams.append("sort_desc", "1"), k.searchParams.append("size", String(m))), f && u !== 1 && k.searchParams.append("offset", String(f)), k.href;
     } catch (k) {
       return console.error("RouteList(fetcher)", k), r.value;
     }
   };
 }
-function Vt(e, a, t = "data") {
+function Dt(e, a, t = "data") {
   const r = s(a), { axiosInstance: n } = Ne({
     headers: e.requestHeaders
   }), i = et(e, r), o = x({
@@ -479,15 +479,15 @@ function Vt(e, a, t = "data") {
       o.value = { status: oe.Loading };
       let m = i(u);
       m.includes("filter[name]") && (m = `${m}&page[size]=${u.pageSize}&page[number]=${u.page}`);
-      const { data: p } = await n.get(m), _ = t && t.replace(/[^\w-_]/gi, "");
+      const { data: f } = await n.get(m), _ = t && t.replace(/[^\w-_]/gi, "");
       let l;
-      p[_] && Array.isArray(p[_]) ? l = p[_] : Array.isArray(p) ? l = p : l = Object.keys(p).length ? [p] : [];
+      f[_] && Array.isArray(f[_]) ? l = f[_] : Array.isArray(f) ? l = f : l = Object.keys(f).length ? [f] : [];
       const N = {
         data: l,
         total: l.length,
-        ...p.offset ? {
+        ...f.offset ? {
           pagination: {
-            offset: p.offset
+            offset: f.offset
           }
         } : null
       };
@@ -496,23 +496,23 @@ function Vt(e, a, t = "data") {
         response: N
       }, N;
     } catch (m) {
-      const p = {
+      const f = {
         data: [],
         total: 0
       };
       return u.query && m.response.status === 404 ? (o.value = {
         status: oe.NoResults,
-        response: p,
+        response: f,
         error: m
-      }, p) : (o.value = {
+      }, f) : (o.value = {
         status: oe.Error,
-        response: p,
+        response: f,
         error: m
-      }, p);
+      }, f);
     }
   }, fetcherState: o };
 }
-function Lt() {
+function Vt() {
   const e = (t, r = "_") => t ? t.split(r).map((n) => n.toLowerCase() === "id" ? n.toUpperCase() : n.charAt(0).toUpperCase() + n.substring(1)).join(" ") : "", a = /(?:^|[\s-:'"])\w/g;
   return {
     capitalize: (t) => t ? t.replace(a, (r) => r.toUpperCase()) : "",
@@ -529,24 +529,24 @@ const tt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
 }, qe = (e) => e === "*" || e === "x" || e === "X", Pe = (e) => {
   const a = parseInt(e, 10);
   return isNaN(a) ? e : a;
-}, zt = (e, a) => typeof e != typeof a ? [String(e), String(a)] : [e, a], Ht = (e, a) => {
+}, Lt = (e, a) => typeof e != typeof a ? [String(e), String(a)] : [e, a], zt = (e, a) => {
   if (qe(e) || qe(a))
     return 0;
-  const [t, r] = zt(Pe(e), Pe(a));
+  const [t, r] = Lt(Pe(e), Pe(a));
   return t > r ? 1 : t < r ? -1 : 0;
 }, Re = (e, a) => {
   for (let t = 0; t < Math.max(e.length, a.length); t++) {
-    const r = Ht(e[t] || "0", a[t] || "0");
+    const r = zt(e[t] || "0", a[t] || "0");
     if (r !== 0)
       return r;
   }
   return 0;
-}, Wt = (e, a) => {
+}, Ht = (e, a) => {
   const t = je(e), r = je(a), n = t.pop(), i = r.pop(), o = Re(t, r);
   return o !== 0 ? o : n && i ? Re(n.split("."), i.split(".")) : n || i ? n ? -1 : 1 : 0;
 }, Fe = (e, a, t) => {
-  Jt(t);
-  const r = Wt(e, a);
+  Wt(t);
+  const r = Ht(e, a);
   return rt[t].includes(r);
 }, rt = {
   ">": [1],
@@ -555,18 +555,18 @@ const tt = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Ue = Object.keys(rt), Jt = (e) => {
+}, Ue = Object.keys(rt), Wt = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
   if (Ue.indexOf(e) === -1)
     throw new Error(`Invalid operator, expected one of ${Ue.join("|")}`);
-}, Yt = (e) => typeof e == "string" && /^[v\d]/.test(e) && tt.test(e);
-function Zt(e) {
+}, Jt = (e) => typeof e == "string" && /^[v\d]/.test(e) && tt.test(e);
+function Yt(e) {
   const { gatewayInfo: a, supportedRange: t } = e;
   if (!a)
     return !0;
   const { edition: r, version: n } = a;
-  if (!Yt(n))
+  if (!Jt(n))
     return console.error("Invalid version"), !1;
   const i = t[r];
   if (!i)
@@ -574,7 +574,7 @@ function Zt(e) {
   const [o, u] = i;
   return !(o && Fe(n, o, "<") || u && Fe(n, u, ">"));
 }
-function Gt(e) {
+function Zt(e) {
   const a = x(0), t = x(0), r = x(!1);
   return ne(e, (n) => {
     n && !r.value && (a.value = n.offsetWidth, t.value = n.scrollWidth, r.value = !0);
@@ -584,56 +584,56 @@ function Gt(e) {
 }
 const se = {
   useAxios: Ne,
-  useDebouncedFilter: Ft,
-  useDeleteUrlBuilder: Ut,
-  useErrors: Bt,
-  useExternalLinkCreator: Dt,
-  useFetcher: Vt,
+  useDebouncedFilter: Rt,
+  useDeleteUrlBuilder: Ft,
+  useErrors: Ut,
+  useExternalLinkCreator: Bt,
+  useFetcher: Dt,
   useFetchUrlBuilder: et,
   useHelpers: Xe,
-  useStringHelpers: Lt,
+  useStringHelpers: Vt,
   useI18n: $e,
-  useGatewayFeatureSupported: Zt,
-  useTruncationDetector: Gt
+  useGatewayFeatureSupported: Yt,
+  useTruncationDetector: Zt
 }, ue = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [r, n] of a)
     t[r] = n;
   return t;
-}, Qt = "#0044f4", Xt = "#3a3f51";
+}, Gt = "#0044f4", Qt = "#3a3f51";
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
 function at(e) {
   return typeof e > "u" || e === null;
 }
-function er(e) {
+function Xt(e) {
   return typeof e == "object" && e !== null;
 }
-function tr(e) {
+function er(e) {
   return Array.isArray(e) ? e : at(e) ? [] : [e];
 }
-function rr(e, a) {
+function tr(e, a) {
   var t, r, n, i;
   if (a)
     for (i = Object.keys(a), t = 0, r = i.length; t < r; t += 1)
       n = i[t], e[n] = a[n];
   return e;
 }
-function ar(e, a) {
+function rr(e, a) {
   var t = "", r;
   for (r = 0; r < a; r += 1)
     t += e;
   return t;
 }
-function nr(e) {
+function ar(e) {
   return e === 0 && Number.NEGATIVE_INFINITY === 1 / e;
 }
-var ir = at, or = er, lr = tr, sr = ar, cr = nr, ur = rr, Ae = {
-  isNothing: ir,
-  isObject: or,
-  toArray: lr,
-  repeat: sr,
-  isNegativeZero: cr,
-  extend: ur
+var nr = at, ir = Xt, or = er, lr = rr, sr = ar, cr = tr, Ae = {
+  isNothing: nr,
+  isObject: ir,
+  toArray: or,
+  repeat: lr,
+  isNegativeZero: sr,
+  extend: cr
 };
 function nt(e, a) {
   var t = "", r = e.reason || "(unknown reason)";
@@ -649,7 +649,7 @@ ge.prototype.constructor = ge;
 ge.prototype.toString = function(e) {
   return this.name + ": " + nt(this, e);
 };
-var le = ge, dr = [
+var le = ge, ur = [
   "kind",
   "multi",
   "resolve",
@@ -660,12 +660,12 @@ var le = ge, dr = [
   "representName",
   "defaultStyle",
   "styleAliases"
-], pr = [
+], dr = [
   "scalar",
   "sequence",
   "mapping"
 ];
-function fr(e) {
+function pr(e) {
   var a = {};
   return e !== null && Object.keys(e).forEach(function(t) {
     e[t].forEach(function(r) {
@@ -673,18 +673,18 @@ function fr(e) {
     });
   }), a;
 }
-function mr(e, a) {
+function fr(e, a) {
   if (a = a || {}, Object.keys(a).forEach(function(t) {
-    if (dr.indexOf(t) === -1)
+    if (ur.indexOf(t) === -1)
       throw new le('Unknown option "' + t + '" is met in definition of "' + e + '" YAML type.');
   }), this.options = a, this.tag = e, this.kind = a.kind || null, this.resolve = a.resolve || function() {
     return !0;
   }, this.construct = a.construct || function(t) {
     return t;
-  }, this.instanceOf = a.instanceOf || null, this.predicate = a.predicate || null, this.represent = a.represent || null, this.representName = a.representName || null, this.defaultStyle = a.defaultStyle || null, this.multi = a.multi || !1, this.styleAliases = fr(a.styleAliases || null), pr.indexOf(this.kind) === -1)
+  }, this.instanceOf = a.instanceOf || null, this.predicate = a.predicate || null, this.represent = a.represent || null, this.representName = a.representName || null, this.defaultStyle = a.defaultStyle || null, this.multi = a.multi || !1, this.styleAliases = pr(a.styleAliases || null), dr.indexOf(this.kind) === -1)
     throw new le('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
 }
-var z = mr;
+var z = fr;
 function Be(e, a) {
   var t = [];
   return e[a].forEach(function(r) {
@@ -694,7 +694,7 @@ function Be(e, a) {
     }), t[n] = r;
   }), t;
 }
-function yr() {
+function mr() {
   var e = {
     scalar: {},
     sequence: {},
@@ -739,47 +739,47 @@ Ce.prototype.extend = function(e) {
       throw new le("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
   var r = Object.create(Ce.prototype);
-  return r.implicit = (this.implicit || []).concat(a), r.explicit = (this.explicit || []).concat(t), r.compiledImplicit = Be(r, "implicit"), r.compiledExplicit = Be(r, "explicit"), r.compiledTypeMap = yr(r.compiledImplicit, r.compiledExplicit), r;
+  return r.implicit = (this.implicit || []).concat(a), r.explicit = (this.explicit || []).concat(t), r.compiledImplicit = Be(r, "implicit"), r.compiledExplicit = Be(r, "explicit"), r.compiledTypeMap = mr(r.compiledImplicit, r.compiledExplicit), r;
 };
-var gr = Ce, vr = new z("tag:yaml.org,2002:str", {
+var yr = Ce, gr = new z("tag:yaml.org,2002:str", {
   kind: "scalar",
   construct: function(e) {
     return e !== null ? e : "";
   }
-}), hr = new z("tag:yaml.org,2002:seq", {
+}), vr = new z("tag:yaml.org,2002:seq", {
   kind: "sequence",
   construct: function(e) {
     return e !== null ? e : [];
   }
-}), br = new z("tag:yaml.org,2002:map", {
+}), hr = new z("tag:yaml.org,2002:map", {
   kind: "mapping",
   construct: function(e) {
     return e !== null ? e : {};
   }
-}), kr = new gr({
+}), br = new yr({
   explicit: [
+    gr,
     vr,
-    hr,
-    br
+    hr
   ]
 });
-function wr(e) {
+function kr(e) {
   if (e === null)
     return !0;
   var a = e.length;
   return a === 1 && e === "~" || a === 4 && (e === "null" || e === "Null" || e === "NULL");
 }
-function Sr() {
+function wr() {
   return null;
 }
-function _r(e) {
+function Sr(e) {
   return e === null;
 }
-var Ir = new z("tag:yaml.org,2002:null", {
+var _r = new z("tag:yaml.org,2002:null", {
   kind: "scalar",
-  resolve: wr,
-  construct: Sr,
-  predicate: _r,
+  resolve: kr,
+  construct: wr,
+  predicate: Sr,
   represent: {
     canonical: function() {
       return "~";
@@ -799,23 +799,23 @@ var Ir = new z("tag:yaml.org,2002:null", {
   },
   defaultStyle: "lowercase"
 });
-function Cr(e) {
+function Ir(e) {
   if (e === null)
     return !1;
   var a = e.length;
   return a === 4 && (e === "true" || e === "True" || e === "TRUE") || a === 5 && (e === "false" || e === "False" || e === "FALSE");
 }
-function xr(e) {
+function Cr(e) {
   return e === "true" || e === "True" || e === "TRUE";
 }
-function Tr(e) {
+function xr(e) {
   return Object.prototype.toString.call(e) === "[object Boolean]";
 }
-var Er = new z("tag:yaml.org,2002:bool", {
+var Tr = new z("tag:yaml.org,2002:bool", {
   kind: "scalar",
-  resolve: Cr,
-  construct: xr,
-  predicate: Tr,
+  resolve: Ir,
+  construct: Cr,
+  predicate: xr,
   represent: {
     lowercase: function(e) {
       return e ? "true" : "false";
@@ -829,16 +829,16 @@ var Er = new z("tag:yaml.org,2002:bool", {
   },
   defaultStyle: "lowercase"
 });
-function Nr(e) {
+function Er(e) {
   return 48 <= e && e <= 57 || 65 <= e && e <= 70 || 97 <= e && e <= 102;
 }
-function $r(e) {
+function Nr(e) {
   return 48 <= e && e <= 55;
 }
-function Ar(e) {
+function $r(e) {
   return 48 <= e && e <= 57;
 }
-function Or(e) {
+function Ar(e) {
   if (e === null)
     return !1;
   var a = e.length, t = 0, r = !1, n;
@@ -859,7 +859,7 @@ function Or(e) {
     if (n === "x") {
       for (t++; t < a; t++)
         if (n = e[t], n !== "_") {
-          if (!Nr(e.charCodeAt(t)))
+          if (!Er(e.charCodeAt(t)))
             return !1;
           r = !0;
         }
@@ -868,7 +868,7 @@ function Or(e) {
     if (n === "o") {
       for (t++; t < a; t++)
         if (n = e[t], n !== "_") {
-          if (!$r(e.charCodeAt(t)))
+          if (!Nr(e.charCodeAt(t)))
             return !1;
           r = !0;
         }
@@ -879,13 +879,13 @@ function Or(e) {
     return !1;
   for (; t < a; t++)
     if (n = e[t], n !== "_") {
-      if (!Ar(e.charCodeAt(t)))
+      if (!$r(e.charCodeAt(t)))
         return !1;
       r = !0;
     }
   return !(!r || n === "_");
 }
-function Mr(e) {
+function Or(e) {
   var a = e, t = 1, r;
   if (a.indexOf("_") !== -1 && (a = a.replace(/_/g, "")), r = a[0], (r === "-" || r === "+") && (r === "-" && (t = -1), a = a.slice(1), r = a[0]), a === "0")
     return 0;
@@ -899,14 +899,14 @@ function Mr(e) {
   }
   return t * parseInt(a, 10);
 }
-function Kr(e) {
+function Mr(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && e % 1 === 0 && !Ae.isNegativeZero(e);
 }
-var jr = new z("tag:yaml.org,2002:int", {
+var Kr = new z("tag:yaml.org,2002:int", {
   kind: "scalar",
-  resolve: Or,
-  construct: Mr,
-  predicate: Kr,
+  resolve: Ar,
+  construct: Or,
+  predicate: Mr,
   represent: {
     binary: function(e) {
       return e >= 0 ? "0b" + e.toString(2) : "-0b" + e.toString(2).slice(1);
@@ -929,21 +929,21 @@ var jr = new z("tag:yaml.org,2002:int", {
     decimal: [10, "dec"],
     hexadecimal: [16, "hex"]
   }
-}), qr = new RegExp(
+}), jr = new RegExp(
   // 2.5e4, 2.5 and integers
   "^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$"
 );
-function Pr(e) {
-  return !(e === null || !qr.test(e) || // Quick hack to not allow integers end with `_`
+function qr(e) {
+  return !(e === null || !jr.test(e) || // Quick hack to not allow integers end with `_`
   // Probably should update regexp & check speed
   e[e.length - 1] === "_");
 }
-function Rr(e) {
+function Pr(e) {
   var a, t;
   return a = e.replace(/_/g, "").toLowerCase(), t = a[0] === "-" ? -1 : 1, "+-".indexOf(a[0]) >= 0 && (a = a.slice(1)), a === ".inf" ? t === 1 ? Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY : a === ".nan" ? NaN : t * parseFloat(a, 10);
 }
-var Fr = /^[-+]?[0-9]+e/;
-function Ur(e, a) {
+var Rr = /^[-+]?[0-9]+e/;
+function Fr(e, a) {
   var t;
   if (isNaN(e))
     switch (a) {
@@ -974,35 +974,35 @@ function Ur(e, a) {
     }
   else if (Ae.isNegativeZero(e))
     return "-0.0";
-  return t = e.toString(10), Fr.test(t) ? t.replace("e", ".e") : t;
+  return t = e.toString(10), Rr.test(t) ? t.replace("e", ".e") : t;
 }
-function Br(e) {
+function Ur(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && (e % 1 !== 0 || Ae.isNegativeZero(e));
 }
-var Dr = new z("tag:yaml.org,2002:float", {
+var Br = new z("tag:yaml.org,2002:float", {
   kind: "scalar",
-  resolve: Pr,
-  construct: Rr,
-  predicate: Br,
-  represent: Ur,
+  resolve: qr,
+  construct: Pr,
+  predicate: Ur,
+  represent: Fr,
   defaultStyle: "lowercase"
-}), Vr = kr.extend({
+}), Dr = br.extend({
   implicit: [
-    Ir,
-    Er,
-    jr,
-    Dr
+    _r,
+    Tr,
+    Kr,
+    Br
   ]
-}), Lr = Vr, it = new RegExp(
+}), Vr = Dr, it = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"
 ), ot = new RegExp(
   "^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"
 );
-function zr(e) {
+function Lr(e) {
   return e === null ? !1 : it.exec(e) !== null || ot.exec(e) !== null;
 }
-function Hr(e) {
-  var a, t, r, n, i, o, u, m = 0, p = null, _, l, N;
+function zr(e) {
+  var a, t, r, n, i, o, u, m = 0, f = null, _, l, N;
   if (a = it.exec(e), a === null && (a = ot.exec(e)), a === null)
     throw new Error("Date resolve error");
   if (t = +a[1], r = +a[2] - 1, n = +a[3], !a[4])
@@ -1012,27 +1012,27 @@ function Hr(e) {
       m += "0";
     m = +m;
   }
-  return a[9] && (_ = +a[10], l = +(a[11] || 0), p = (_ * 60 + l) * 6e4, a[9] === "-" && (p = -p)), N = new Date(Date.UTC(t, r, n, i, o, u, m)), p && N.setTime(N.getTime() - p), N;
+  return a[9] && (_ = +a[10], l = +(a[11] || 0), f = (_ * 60 + l) * 6e4, a[9] === "-" && (f = -f)), N = new Date(Date.UTC(t, r, n, i, o, u, m)), f && N.setTime(N.getTime() - f), N;
 }
-function Wr(e) {
+function Hr(e) {
   return e.toISOString();
 }
-var Jr = new z("tag:yaml.org,2002:timestamp", {
+var Wr = new z("tag:yaml.org,2002:timestamp", {
   kind: "scalar",
-  resolve: zr,
-  construct: Hr,
+  resolve: Lr,
+  construct: zr,
   instanceOf: Date,
-  represent: Wr
+  represent: Hr
 });
-function Yr(e) {
+function Jr(e) {
   return e === "<<" || e === null;
 }
-var Zr = new z("tag:yaml.org,2002:merge", {
+var Yr = new z("tag:yaml.org,2002:merge", {
   kind: "scalar",
-  resolve: Yr
+  resolve: Jr
 }), Oe = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;
-function Gr(e) {
+function Zr(e) {
   if (e === null)
     return !1;
   var a, t, r = 0, n = e.length, i = Oe;
@@ -1044,37 +1044,37 @@ function Gr(e) {
     }
   return r % 8 === 0;
 }
-function Qr(e) {
+function Gr(e) {
   var a, t, r = e.replace(/[\r\n=]/g, ""), n = r.length, i = Oe, o = 0, u = [];
   for (a = 0; a < n; a++)
     a % 4 === 0 && a && (u.push(o >> 16 & 255), u.push(o >> 8 & 255), u.push(o & 255)), o = o << 6 | i.indexOf(r.charAt(a));
   return t = n % 4 * 6, t === 0 ? (u.push(o >> 16 & 255), u.push(o >> 8 & 255), u.push(o & 255)) : t === 18 ? (u.push(o >> 10 & 255), u.push(o >> 2 & 255)) : t === 12 && u.push(o >> 4 & 255), new Uint8Array(u);
 }
-function Xr(e) {
+function Qr(e) {
   var a = "", t = 0, r, n, i = e.length, o = Oe;
   for (r = 0; r < i; r++)
     r % 3 === 0 && r && (a += o[t >> 18 & 63], a += o[t >> 12 & 63], a += o[t >> 6 & 63], a += o[t & 63]), t = (t << 8) + e[r];
   return n = i % 3, n === 0 ? (a += o[t >> 18 & 63], a += o[t >> 12 & 63], a += o[t >> 6 & 63], a += o[t & 63]) : n === 2 ? (a += o[t >> 10 & 63], a += o[t >> 4 & 63], a += o[t << 2 & 63], a += o[64]) : n === 1 && (a += o[t >> 2 & 63], a += o[t << 4 & 63], a += o[64], a += o[64]), a;
 }
-function ea(e) {
+function Xr(e) {
   return Object.prototype.toString.call(e) === "[object Uint8Array]";
 }
-var ta = new z("tag:yaml.org,2002:binary", {
+var ea = new z("tag:yaml.org,2002:binary", {
   kind: "scalar",
-  resolve: Gr,
-  construct: Qr,
-  predicate: ea,
-  represent: Xr
-}), ra = Object.prototype.hasOwnProperty, aa = Object.prototype.toString;
-function na(e) {
+  resolve: Zr,
+  construct: Gr,
+  predicate: Xr,
+  represent: Qr
+}), ta = Object.prototype.hasOwnProperty, ra = Object.prototype.toString;
+function aa(e) {
   if (e === null)
     return !0;
   var a = [], t, r, n, i, o, u = e;
   for (t = 0, r = u.length; t < r; t += 1) {
-    if (n = u[t], o = !1, aa.call(n) !== "[object Object]")
+    if (n = u[t], o = !1, ra.call(n) !== "[object Object]")
       return !1;
     for (i in n)
-      if (ra.call(n, i))
+      if (ta.call(n, i))
         if (!o)
           o = !0;
         else
@@ -1088,26 +1088,26 @@ function na(e) {
   }
   return !0;
 }
-function ia(e) {
+function na(e) {
   return e !== null ? e : [];
 }
-var oa = new z("tag:yaml.org,2002:omap", {
+var ia = new z("tag:yaml.org,2002:omap", {
   kind: "sequence",
-  resolve: na,
-  construct: ia
-}), la = Object.prototype.toString;
-function sa(e) {
+  resolve: aa,
+  construct: na
+}), oa = Object.prototype.toString;
+function la(e) {
   if (e === null)
     return !0;
   var a, t, r, n, i, o = e;
   for (i = new Array(o.length), a = 0, t = o.length; a < t; a += 1) {
-    if (r = o[a], la.call(r) !== "[object Object]" || (n = Object.keys(r), n.length !== 1))
+    if (r = o[a], oa.call(r) !== "[object Object]" || (n = Object.keys(r), n.length !== 1))
       return !1;
     i[a] = [n[0], r[n[0]]];
   }
   return !0;
 }
-function ca(e) {
+function sa(e) {
   if (e === null)
     return [];
   var a, t, r, n, i, o = e;
@@ -1115,51 +1115,51 @@ function ca(e) {
     r = o[a], n = Object.keys(r), i[a] = [n[0], r[n[0]]];
   return i;
 }
-var ua = new z("tag:yaml.org,2002:pairs", {
+var ca = new z("tag:yaml.org,2002:pairs", {
   kind: "sequence",
-  resolve: sa,
-  construct: ca
-}), da = Object.prototype.hasOwnProperty;
-function pa(e) {
+  resolve: la,
+  construct: sa
+}), ua = Object.prototype.hasOwnProperty;
+function da(e) {
   if (e === null)
     return !0;
   var a, t = e;
   for (a in t)
-    if (da.call(t, a) && t[a] !== null)
+    if (ua.call(t, a) && t[a] !== null)
       return !1;
   return !0;
 }
-function fa(e) {
+function pa(e) {
   return e !== null ? e : {};
 }
-var ma = new z("tag:yaml.org,2002:set", {
+var fa = new z("tag:yaml.org,2002:set", {
   kind: "mapping",
-  resolve: pa,
-  construct: fa
+  resolve: da,
+  construct: pa
 });
-Lr.extend({
+Vr.extend({
   implicit: [
-    Jr,
-    Zr
+    Wr,
+    Yr
   ],
   explicit: [
-    ta,
-    oa,
-    ua,
-    ma
+    ea,
+    ia,
+    ca,
+    fa
   ]
 });
 function De(e) {
   return e === 48 ? "\0" : e === 97 ? "\x07" : e === 98 ? "\b" : e === 116 || e === 9 ? "	" : e === 110 ? `
 ` : e === 118 ? "\v" : e === 102 ? "\f" : e === 114 ? "\r" : e === 101 ? "\x1B" : e === 32 ? " " : e === 34 ? '"' : e === 47 ? "/" : e === 92 ? "\\" : e === 78 ? "…" : e === 95 ? " " : e === 76 ? "\u2028" : e === 80 ? "\u2029" : "";
 }
-var ya = new Array(256), ga = new Array(256);
+var ma = new Array(256), ya = new Array(256);
 for (var ce = 0; ce < 256; ce++)
-  ya[ce] = De(ce) ? 1 : 0, ga[ce] = De(ce);
-const va = {
+  ma[ce] = De(ce) ? 1 : 0, ya[ce] = De(ce);
+const ga = {
   class: "form-actions",
   "data-testid": "form-actions"
-}, ha = /* @__PURE__ */ ee({
+}, va = /* @__PURE__ */ ee({
   __name: "EntityBaseForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1211,7 +1211,7 @@ const va = {
     var t;
     const r = a, n = e, i = Ze(), { i18n: { t: o } } = se.useI18n(), { getMessageFromError: u } = se.useErrors(), { axiosInstance: m } = se.useAxios({
       headers: (t = n.config) == null ? void 0 : t.requestHeaders
-    }), p = x(!1), _ = x(!1), l = x(""), N = S(() => n.canSubmit === !1 || n.isReadonly), k = S(() => {
+    }), f = x(!1), _ = x(!1), l = x(""), N = S(() => n.canSubmit === !1 || n.isReadonly), k = S(() => {
       var d, T;
       if (!n.editId)
         return "";
@@ -1224,25 +1224,25 @@ const va = {
     }, $ = () => {
       N.value || r("submit");
     };
-    return ne(() => p.value, (d) => {
+    return ne(() => f.value, (d) => {
       r("loading", d);
     }, { immediate: !0 }), xe(async () => {
       if (n.editId)
         try {
-          _.value = !1, p.value = !0;
+          _.value = !1, f.value = !0;
           const { data: d } = await m.get(k.value);
           r("fetch:success", d);
         } catch (d) {
           const T = u(d);
           l.value = T.startsWith("code") ? o("baseForm.errors.edit") : T, _.value = !0, r("fetch:error", d);
         } finally {
-          p.value = !1;
+          f.value = !1;
         }
     }), (d, T) => {
       const E = j("KSkeleton"), w = j("KEmptyState"), g = j("KAlert"), A = j("KButton"), H = j("KCard");
       return b(), V(H, { class: "kong-ui-entity-base-form" }, {
-        default: f(() => [
-          p.value ? (b(), V(E, {
+        default: p(() => [
+          f.value ? (b(), V(E, {
             key: 0,
             type: "form"
           })) : _.value ? (b(), V(w, {
@@ -1252,7 +1252,7 @@ const va = {
             "handle-click": D,
             "is-error": !0
           }, {
-            message: f(() => [
+            message: p(() => [
               K("h3", null, O(l.value), 1)
             ]),
             _: 1
@@ -1269,7 +1269,7 @@ const va = {
               appearance: "danger",
               "data-testid": "form-error"
             }, null, 8, ["alert-message"])) : X("", !0),
-            K("div", va, [
+            K("div", ga, [
               G(d.$slots, "form-actions", {}, () => [
                 C(A, {
                   appearance: "secondary",
@@ -1277,7 +1277,7 @@ const va = {
                   disabled: e.isReadonly,
                   type: "reset"
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     J(O(s(o)("baseForm.actions.cancel")), 1)
                   ]),
                   _: 1
@@ -1288,7 +1288,7 @@ const va = {
                   disabled: N.value,
                   type: "submit"
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     J(O(s(o)("baseForm.actions.save")), 1)
                   ]),
                   _: 1
@@ -1301,10 +1301,10 @@ const va = {
       });
     };
   }
-}), ba = /* @__PURE__ */ ue(ha, [["__scopeId", "data-v-448d8512"]]), ka = {
+}), ha = /* @__PURE__ */ ue(va, [["__scopeId", "data-v-448d8512"]]), ba = {
   key: 0,
   "data-testid": "first-col"
-}, wa = /* @__PURE__ */ ee({
+}, ka = /* @__PURE__ */ ee({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -1333,8 +1333,8 @@ const va = {
       i && (i.disconnect(), i = void 0);
     }, u = () => {
       var y, $, d;
-      p.value = ((y = r.value) == null ? void 0 : y.getBoundingClientRect().width) || 0, _.value = (($ = t.value) == null ? void 0 : $.clientWidth) || 0, l.value = ((d = m.value) == null ? void 0 : d.innerText) || "";
-    }, m = x({}), p = x(0), _ = x(0), l = x(""), N = S(() => [r.value, t.value]), k = ne(
+      f.value = ((y = r.value) == null ? void 0 : y.getBoundingClientRect().width) || 0, _.value = (($ = t.value) == null ? void 0 : $.clientWidth) || 0, l.value = ((d = m.value) == null ? void 0 : d.innerText) || "";
+    }, m = x({}), f = x(0), _ = x(0), l = x(""), N = S(() => [r.value, t.value]), k = ne(
       N,
       (y) => {
         if (n.value && (o(), "ResizeObserver" in window && window)) {
@@ -1348,7 +1348,7 @@ const va = {
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), D = S(() => n.value ? p.value > _.value : !1);
+    ), D = S(() => n.value ? f.value > _.value : !1);
     return ut(() => {
       u();
     }), dt(() => {
@@ -1360,13 +1360,13 @@ const va = {
         ref: m,
         class: "content-wrapper"
       }, [
-        n.value ? (b(), F("span", ka, [
+        n.value ? (b(), F("span", ba, [
           C(d, {
             label: D.value ? l.value : "",
             "max-width": "300",
             placement: "bottomStart"
           }, {
-            default: f(() => [
+            default: p(() => [
               G(y.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
@@ -1375,10 +1375,10 @@ const va = {
       ], 512);
     };
   }
-}), Sa = /* @__PURE__ */ ue(wa, [["__scopeId", "data-v-e42a20c9"]]), _a = { class: "toolbar-container" }, Ia = {
+}), wa = /* @__PURE__ */ ue(ka, [["__scopeId", "data-v-e42a20c9"]]), Sa = { class: "toolbar-container" }, _a = {
   key: 0,
   class: "toolbar-button-container"
-}, Ca = ["data-testid"], xa = /* @__PURE__ */ ee({
+}, Ia = ["data-testid"], Ca = /* @__PURE__ */ ee({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -1512,7 +1512,7 @@ const va = {
         key: "actions",
         hideLabel: !0
       }), g;
-    }), p = (g) => ({
+    }), f = (g) => ({
       "data-rowid": g.id,
       "data-testid": g.name,
       ...t.rowAttributes(g)
@@ -1537,7 +1537,7 @@ const va = {
       r("click:row", A);
     }), $ = (g) => {
       r("sort", g);
-    }, { setTablePreferences: d, getTablePreferences: T } = Et(), E = S(() => {
+    }, { setTablePreferences: d, getTablePreferences: T } = Tt(), E = S(() => {
       const g = T(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
@@ -1552,7 +1552,7 @@ const va = {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
-        default: f(() => [
+        default: p(() => [
           C(L, {
             ref_key: "tableRefs",
             ref: _,
@@ -1578,24 +1578,24 @@ const va = {
             "initial-fetcher-params": E.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
-            "row-attrs": p,
+            "row-attrs": f,
             "search-input": e.query,
             onKtableEmptyStateCtaClicked: k,
             "onRow:click": y.value,
             onSort: A[0] || (A[0] = (q) => $(q)),
             "onUpdate:tablePreferences": w
           }, We({
-            toolbar: f(({ state: q }) => [
-              me(K("div", _a, [
+            toolbar: p(({ state: q }) => [
+              me(K("div", Sa, [
                 G(g.$slots, "toolbar-filter", {}, void 0, !0),
-                g.$slots["toolbar-button"] ? (b(), F("div", Ia, [
+                g.$slots["toolbar-button"] ? (b(), F("div", _a, [
                   G(g.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : X("", !0)
               ], 512), [
                 [ye, u(q)]
               ])
             ]),
-            actions: f(({ row: q, rowKey: Y, rowValue: te }) => [
+            actions: p(({ row: q, rowKey: Y, rowValue: te }) => [
               K("div", {
                 class: "actions-container",
                 "data-testid": q.name
@@ -1604,22 +1604,22 @@ const va = {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
-                  items: f(() => [
+                  items: p(() => [
                     G(g.$slots, "actions", {
                       row: q,
                       rowKey: Y,
                       rowValue: te
                     }, void 0, !0)
                   ]),
-                  default: f(() => [
+                  default: p(() => [
                     C(v, {
                       class: "actions-trigger",
                       "data-testid": "overflow-actions-button",
                       size: "small"
                     }, {
-                      icon: f(() => [
+                      icon: p(() => [
                         C(H, {
-                          color: s(Xt),
+                          color: s(Qt),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -1629,18 +1629,18 @@ const va = {
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, Ca)
+              ], 8, Ia)
             ]),
             _: 2
           }, [
             Te(e.tableHeaders, (q, Y) => ({
               name: Y,
-              fn: f(({ row: te, rowKey: de, rowValue: re }) => [
-                C(Sa, {
+              fn: p(({ row: te, rowKey: de, rowValue: re }) => [
+                C(wa, {
                   "key-name": String(Y),
                   "row-el": l(te)
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     G(g.$slots, Y, {
                       row: te,
                       rowKey: de,
@@ -1659,13 +1659,13 @@ const va = {
       }, 8, ["title"]);
     };
   }
-}), Ta = /* @__PURE__ */ ue(xa, [["__scopeId", "data-v-57b5a97b"]]), Ea = {
+}), xa = /* @__PURE__ */ ue(Ca, [["__scopeId", "data-v-57b5a97b"]]), Ta = {
   key: 0,
   class: "kong-ui-entity-delete-error"
-}, Na = {
+}, Ea = {
   key: 1,
   class: "description"
-}, $a = /* @__PURE__ */ ee({
+}, Na = /* @__PURE__ */ ee({
   __name: "EntityDeleteModal",
   props: {
     visible: {
@@ -1709,7 +1709,7 @@ const va = {
     }, u = () => {
       n("proceed");
     };
-    return (m, p) => {
+    return (m, f) => {
       const _ = j("KAlert"), l = j("KPrompt");
       return b(), V(l, {
         "action-button-text": "Yes, delete",
@@ -1722,10 +1722,10 @@ const va = {
         onCanceled: o,
         onProceed: u
       }, {
-        "body-content": f(() => [
-          e.error ? (b(), F("div", Ea, [
+        "body-content": p(() => [
+          e.error ? (b(), F("div", Ta, [
             C(_, { appearance: "danger" }, {
-              alertMessage: f(() => [
+              alertMessage: p(() => [
                 J(O(e.error), 1)
               ]),
               _: 1
@@ -1736,20 +1736,20 @@ const va = {
             keypath: r.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
           }, We({
-            entityType: f(() => [
+            entityType: p(() => [
               J(O(r.entityType), 1)
             ]),
             _: 2
           }, [
             r.entityName ? {
               name: "entityName",
-              fn: f(() => [
+              fn: p(() => [
                 K("strong", null, O(r.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          r.description || m.$slots.description ? (b(), F("div", Na, [
+          r.description || m.$slots.description ? (b(), F("div", Ea, [
             G(m.$slots, "description", {}, () => [
               K("p", null, O(r.description), 1)
             ], !0)
@@ -1759,13 +1759,13 @@ const va = {
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
     };
   }
-}), Aa = /* @__PURE__ */ ue($a, [["__scopeId", "data-v-1c9a2a07"]]), Oa = {
+}), $a = /* @__PURE__ */ ue(Na, [["__scopeId", "data-v-1c9a2a07"]]), Aa = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ma = {
+}, Oa = {
   id: "mask0_180_20349",
   height: "20",
   maskUnits: "userSpaceOnUse",
@@ -1773,35 +1773,35 @@ const va = {
   width: "20",
   x: "0",
   y: "0"
-}, Ka = ["fill"], ja = { mask: "url(#mask0_180_20349)" }, qa = ["fill"], Ve = /* @__PURE__ */ ee({
+}, Ma = ["fill"], Ka = { mask: "url(#mask0_180_20349)" }, ja = ["fill"], Ve = /* @__PURE__ */ ee({
   __name: "IconFilter",
   props: {
     color: {
       type: String,
-      default: `var(--kong-ui-entity-filter-color, ${Qt})`
+      default: `var(--kong-ui-entity-filter-color, ${Gt})`
     }
   },
   setup(e) {
-    return (a, t) => (b(), F("svg", Oa, [
-      K("mask", Ma, [
+    return (a, t) => (b(), F("svg", Aa, [
+      K("mask", Oa, [
         K("rect", {
           fill: e.color,
           height: "20",
           width: "20"
-        }, null, 8, Ka)
+        }, null, 8, Ma)
       ]),
-      K("g", ja, [
+      K("g", Ka, [
         K("path", {
           d: "M8 14.5V13H12V14.5H8ZM5 10.75V9.25H15V10.75H5ZM3 7V5.5H17V7H3Z",
           fill: e.color
-        }, null, 8, qa)
+        }, null, 8, ja)
       ])
     ]));
   }
-}), Pa = {
+}), qa = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, Ra = { class: "menu-item-title" }, Fa = { class: "menu-item-indicator" }, Ua = { class: "menu-item-body" }, Ba = ["for"], Da = { class: "menu-item-buttons" }, Va = { class: "filter-clear-button-container" }, La = /* @__PURE__ */ ee({
+}, Pa = { class: "menu-item-title" }, Ra = { class: "menu-item-indicator" }, Fa = { class: "menu-item-body" }, Ua = ["for"], Ba = { class: "menu-item-buttons" }, Da = { class: "filter-clear-button-container" }, Va = /* @__PURE__ */ ee({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -1838,7 +1838,7 @@ const va = {
         o.value[E] = T;
       });
     });
-    const p = () => {
+    const f = () => {
       i.value = !i.value;
     }, _ = (d) => {
       n("update:modelValue", d);
@@ -1873,17 +1873,17 @@ const va = {
         placeholder: e.config.placeholder,
         "onUpdate:modelValue": _
       }, {
-        before: f(() => [
+        before: p(() => [
           C(Ve)
         ]),
         _: 1
-      }, 8, ["model-value", "placeholder"])) : (b(), F("div", Pa, [
+      }, 8, ["model-value", "placeholder"])) : (b(), F("div", qa, [
         C(w, {
           appearance: "tertiary",
           "data-testid": "filter-button",
-          onClick: p
+          onClick: f
         }, {
-          default: f(() => [
+          default: p(() => [
             C(Ve),
             J(" " + O(s(t)("filter.filterButtonText")) + " " + O(u.value.length > 0 ? `(${u.value.length})` : ""), 1)
           ]),
@@ -1891,34 +1891,34 @@ const va = {
         }),
         me(K("div", {
           class: "kong-ui-entity-filter-backdrop",
-          onClick: p
+          onClick: f
         }, null, 512), [
           [ye, i.value]
         ]),
         me(C(H, { class: "kong-ui-entity-filter-menu" }, {
-          body: f(() => [
+          body: p(() => [
             (b(!0), F(Je, null, Te(m.value, (v, U) => (b(), V(A, {
               key: v.value,
               "data-testid": v.value,
               expandable: "",
               "last-menu-item": U === m.value.length - 1
             }, {
-              itemTitle: f(() => [
-                K("span", Ra, [
+              itemTitle: p(() => [
+                K("span", Pa, [
                   J(O(v.label) + " ", 1),
-                  me(K("span", Fa, null, 512), [
+                  me(K("span", Ra, null, 512), [
                     [ye, u.value.includes(v.value)]
                   ])
                 ])
               ]),
-              itemBody: f(() => {
+              itemBody: p(() => {
                 var L, P;
                 return [
-                  K("div", Ua, [
+                  K("div", Fa, [
                     K("label", {
                       class: "menu-item-label",
                       for: l(v.value)
-                    }, O(s(t)("filter.fieldLabel")), 9, Ba),
+                    }, O(s(t)("filter.fieldLabel")), 9, Ua),
                     ((P = (L = e.config.schema) == null ? void 0 : L[v.value]) == null ? void 0 : P.type) === "select" ? (b(), V(g, {
                       key: 0,
                       id: l(v.value),
@@ -1937,14 +1937,14 @@ const va = {
                       type: k(v.value)
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
-                  K("div", Da, [
+                  K("div", Ba, [
                     C(w, {
                       appearance: "tertiary",
                       "data-testid": "apply-filter",
                       size: "small",
                       onClick: T[0] || (T[0] = (q) => $(!0))
                     }, {
-                      default: f(() => [
+                      default: p(() => [
                         J(O(s(t)("filter.applyButtonText")), 1)
                       ]),
                       _: 1
@@ -1955,7 +1955,7 @@ const va = {
                       size: "small",
                       onClick: (q) => D(v.value)
                     }, {
-                      default: f(() => [
+                      default: p(() => [
                         J(O(s(t)("filter.clearButtonText")), 1)
                       ]),
                       _: 2
@@ -1966,14 +1966,14 @@ const va = {
               _: 2
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
-          actionButton: f(() => [
-            K("div", Va, [
+          actionButton: p(() => [
+            K("div", Da, [
               C(w, {
                 appearance: "tertiary",
                 size: "small",
                 onClick: y
               }, {
-                default: f(() => [
+                default: p(() => [
                   J(O(s(t)("filter.clearAllButtonText")), 1)
                 ]),
                 _: 1
@@ -1987,7 +1987,7 @@ const va = {
       ]));
     };
   }
-}), za = /* @__PURE__ */ ue(La, [["__scopeId", "data-v-15962ee2"]]), _e = /* @__PURE__ */ ee({
+}), La = /* @__PURE__ */ ue(Va, [["__scopeId", "data-v-15962ee2"]]), Ie = /* @__PURE__ */ ee({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -2017,16 +2017,16 @@ const va = {
       isAllowed: t.value
     }) : X("", !0);
   }
-}), Ha = { class: "form-section-wrapper" }, Wa = {
+}), za = { class: "form-section-wrapper" }, Ha = {
   key: 0,
   class: "form-section-title"
-}, Ja = {
+}, Wa = {
   key: 1,
   class: "form-section-description"
-}, Ya = {
+}, Ja = {
   key: 2,
   class: "form-section-footer"
-}, Za = { class: "form-section-content" }, Ga = /* @__PURE__ */ ee({
+}, Ya = { class: "form-section-content" }, Za = /* @__PURE__ */ ee({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -2055,48 +2055,48 @@ const va = {
     return (t, r) => (b(), F("fieldset", {
       class: ke(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }])
     }, [
-      K("div", Ha, [
+      K("div", za, [
         e.hideInfoHeader ? X("", !0) : (b(), F("div", {
           key: 0,
           class: ke(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (b(), F("h4", Wa, O(e.title), 1)) : X("", !0),
-          e.description || s(a).description ? (b(), F("div", Ja, [
+          e.title ? (b(), F("h4", Ha, O(e.title), 1)) : X("", !0),
+          e.description || s(a).description ? (b(), F("div", Wa, [
             G(t.$slots, "description", {}, () => [
               K("p", null, O(e.description), 1)
             ], !0)
           ])) : X("", !0),
-          s(a).footer ? (b(), F("div", Ya, [
+          s(a).footer ? (b(), F("div", Ja, [
             G(t.$slots, "footer", {}, void 0, !0)
           ])) : X("", !0)
         ], 2)),
-        K("div", Za, [
+        K("div", Ya, [
           G(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Le = /* @__PURE__ */ ue(Ga, [["__scopeId", "data-v-3565daa7"]]), { useAxios: lt, useDeleteUrlBuilder: Qa, useErrors: Xa, useExternalLinkCreator: Mn, useFetchUrlBuilder: Kn, useFetcher: en, useDebouncedFilter: tn, useStringHelpers: jn, useHelpers: qn, useGatewayFeatureSupported: Pn, useTruncationDetector: Rn } = se, rn = {
+}), Le = /* @__PURE__ */ ue(Za, [["__scopeId", "data-v-3565daa7"]]), { useAxios: lt, useDeleteUrlBuilder: Ga, useErrors: Qa, useExternalLinkCreator: On, useFetchUrlBuilder: Mn, useFetcher: Xa, useDebouncedFilter: en, useStringHelpers: Kn, useHelpers: jn, useGatewayFeatureSupported: qn, useTruncationDetector: Pn } = se, tn = {
   fail: "Failed to copy id to clipboard",
   success: {
     prefix: "Successfully",
     content: " copied to clipboard"
   }
-}, an = "Copy to clipboard", nn = {
-  message: rn,
-  iconTitle: an
-}, on = "kong-ui-copy-uuid-notify", ze = "24px", ln = (e, a) => {
+}, rn = "Copy to clipboard", an = {
+  message: tn,
+  iconTitle: rn
+}, nn = "kong-ui-copy-uuid-notify", ze = "24px", on = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [r, n] of a)
     t[r] = n;
   return t;
-}, sn = (e) => (mt("data-v-ac7fcfb4"), e = e(), yt(), e), cn = ["aria-hidden"], un = {
+}, ln = (e) => (mt("data-v-ac7fcfb4"), e = e(), yt(), e), sn = ["aria-hidden"], cn = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, dn = /* @__PURE__ */ sn(() => /* @__PURE__ */ K("path", {
+}, un = /* @__PURE__ */ ln(() => /* @__PURE__ */ K("path", {
   d: "M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",
   fill: "currentColor"
-}, null, -1)), pn = /* @__PURE__ */ ee({
+}, null, -1)), dn = /* @__PURE__ */ ee({
   __name: "CopyIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -2165,13 +2165,13 @@ const va = {
       lineHeight: "0",
       width: t.value
     }));
-    return (n, i) => (b(), V(Ie(e.as), {
+    return (n, i) => (b(), V(we(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon copy-icon",
       "data-testid": "kui-icon-wrapper-copy-icon",
       style: ft(r.value)
     }, {
-      default: f(() => [
+      default: p(() => [
         (b(), F("svg", {
           "aria-hidden": e.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-copy-icon",
@@ -2182,14 +2182,14 @@ const va = {
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (b(), F("title", un, O(e.title), 1)) : X("", !0),
-          dn
-        ], 8, cn))
+          e.title ? (b(), F("title", cn, O(e.title), 1)) : X("", !0),
+          un
+        ], 8, sn))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), fn = /* @__PURE__ */ ln(pn, [["__scopeId", "data-v-ac7fcfb4"]]), mn = "16px", yn = { class: "kong-ui-copy-uuid" }, gn = ["onClick"], He = 15, vn = /* @__PURE__ */ ee({
+}), pn = /* @__PURE__ */ on(dn, [["__scopeId", "data-v-ac7fcfb4"]]), fn = "16px", mn = { class: "kong-ui-copy-uuid" }, yn = ["onClick"], He = 15, gn = /* @__PURE__ */ ee({
   __name: "CopyUuid",
   props: {
     uuid: {
@@ -2233,14 +2233,14 @@ const va = {
   },
   emits: ["success", "error"],
   setup(e, { emit: a }) {
-    const { t } = Ee("en-us", nn), r = e, n = a, i = r.notify || pt(on, () => {
+    const { t } = Ee("en-us", an), r = e, n = a, i = r.notify || pt(nn, () => {
     }), o = S(() => r.idTooltip ? {
       label: r.idTooltip,
       positionFixed: !0,
       placement: "bottomStart"
     } : {
       title: r.uuid
-    }), u = S(() => !!(r.tooltip && r.successTooltip)), m = x(r.tooltip), p = S(() => r.tooltip ? {
+    }), u = S(() => !!(r.tooltip && r.successTooltip)), m = x(r.tooltip), f = S(() => r.tooltip ? {
       label: m.value,
       positionFixed: !0,
       maxWidth: "500px",
@@ -2269,9 +2269,9 @@ const va = {
     };
     return (k, D) => {
       const y = j("KClipboardProvider");
-      return b(), F("div", yn, [
-        e.format !== "hidden" ? (b(), V(Ie(e.idTooltip ? "KTooltip" : "div"), Me({ key: 0 }, o.value, { "data-testid": "copy-id" }), {
-          default: f(() => [
+      return b(), F("div", mn, [
+        e.format !== "hidden" ? (b(), V(we(e.idTooltip ? "KTooltip" : "div"), Me({ key: 0 }, o.value, { "data-testid": "copy-id" }), {
+          default: p(() => [
             K("div", {
               class: ke([
                 "uuid-container",
@@ -2282,24 +2282,24 @@ const va = {
           ]),
           _: 1
         }, 16)) : X("", !0),
-        (b(), V(Ie(e.tooltip ? "KTooltip" : "div"), Me(p.value, { class: "uuid-icon-wrapper" }), {
-          default: f(() => [
+        (b(), V(we(e.tooltip ? "KTooltip" : "div"), Me(f.value, { class: "uuid-icon-wrapper" }), {
+          default: p(() => [
             C(y, null, {
-              default: f(({ copyToClipboard: $ }) => [
+              default: p(({ copyToClipboard: $ }) => [
                 K("span", {
                   "data-testid": "copy-to-clipboard",
                   role: "button",
                   tabindex: "0",
                   onClick: be((d) => N($), ["stop"])
                 }, [
-                  C(s(fn), {
+                  C(s(pn), {
                     class: "uuid-icon",
                     color: e.iconColor,
                     decorative: !!e.tooltip,
-                    size: s(mn),
+                    size: s(fn),
                     title: s(t)("iconTitle")
                   }, null, 8, ["color", "decorative", "size", "title"])
-                ], 8, gn)
+                ], 8, yn)
               ]),
               _: 1
             })
@@ -2309,12 +2309,12 @@ const va = {
       ]);
     };
   }
-}), hn = (e, a) => {
+}), vn = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [r, n] of a)
     t[r] = n;
   return t;
-}, bn = /* @__PURE__ */ hn(vn, [["__scopeId", "data-v-0c07874b"]]), kn = { class: "kong-ui-entities-snis-list" }, wn = { key: 1 }, Sn = { key: 1 }, _n = /* @__PURE__ */ ee({
+}, hn = /* @__PURE__ */ vn(gn, [["__scopeId", "data-v-0c07874b"]]), bn = { class: "kong-ui-entities-snis-list" }, kn = { key: 1 }, wn = { key: 1 }, Sn = /* @__PURE__ */ ee({
   __name: "SniList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2374,11 +2374,11 @@ const va = {
       });
     }, { axiosInstance: o } = lt({
       headers: (pe = r.config) == null ? void 0 : pe.requestHeaders
-    }), u = x(1), m = S(() => r.config.app !== "kongManager" || !!r.config.disableSorting), p = {
+    }), u = x(1), m = S(() => r.config.app !== "kongManager" || !!r.config.disableSorting), f = {
       name: { label: n("snis.list.table_headers.name"), searchable: !0, sortable: !0 },
       certificate: { label: n("snis.list.table_headers.certificate_id"), sortable: !1 },
       tags: { label: n("snis.list.table_headers.tags"), sortable: !1 }
-    }, _ = p, l = (h) => ({
+    }, _ = f, l = (h) => ({
       style: {
         maxWidth: h.headerKey === "name" ? "250px" : h.headerKey === "certificate" ? "350px" : null
       }
@@ -2393,13 +2393,13 @@ const va = {
           isExactMatch: h,
           placeholder: n("search.placeholder")
         };
-      const { name: M } = p;
+      const { name: M } = f;
       return {
         isExactMatch: h,
         fields: { name: M },
         schema: r.config.filterSchema
       };
-    }), { fetcher: y, fetcherState: $ } = en(r.config, N.value), d = () => {
+    }), { fetcher: y, fetcherState: $ } = Xa(r.config, N.value), d = () => {
       k.value = "";
     }, T = () => {
       u.value++;
@@ -2439,7 +2439,7 @@ const va = {
     }, H = (h) => ({
       label: n("actions.edit"),
       to: r.config.getEditRoute(h)
-    }), v = x(void 0), U = x(!1), L = x(!1), P = x(""), q = Qa(r.config, N.value), Y = (h) => {
+    }), v = x(void 0), U = x(!1), L = x(!1), P = x(""), q = Ga(r.config, N.value), Y = (h) => {
       v.value = h, U.value = !0;
     }, te = () => {
       U.value = !1, v.value = void 0;
@@ -2469,8 +2469,8 @@ const va = {
       await r.canCreate() && (w.value.title = n("snis.list.empty_state.title"), w.value.ctaText = n("actions.create"));
     }), (h, M) => {
       const c = j("KButton"), I = j("KBadge"), B = j("KTruncate"), ae = j("KDropdownItem"), W = j("KClipboardProvider");
-      return b(), F("div", kn, [
-        C(s(Ta), {
+      return b(), F("div", bn, [
+        C(s(xa), {
           "cache-identifier": e.cacheIdentifier,
           "cell-attributes": l,
           "disable-pagination-page-jump": "",
@@ -2489,78 +2489,80 @@ const va = {
           onClearSearchInput: d,
           onSort: T
         }, {
-          "toolbar-filter": f(() => [
-            C(s(za), {
+          "toolbar-filter": p(() => [
+            C(s(La), {
               modelValue: k.value,
               "onUpdate:modelValue": M[0] || (M[0] = (R) => k.value = R),
               config: D.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": f(() => [
-            (b(), V(gt, {
-              disabled: !e.useActionOutside,
-              to: "#kong-ui-app-page-header-action-button"
-            }, [
-              C(s(_e), {
-                "auth-function": () => e.canCreate()
-              }, {
-                default: f(() => [
-                  me(C(c, {
-                    appearance: "primary",
-                    "data-testid": "toolbar-add-sni",
-                    icon: "plus",
-                    to: e.config.createRoute
-                  }, {
-                    default: f(() => [
-                      J(O(s(n)("snis.list.toolbar_actions.new")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["to"]), [
-                    [ye, re.value]
-                  ])
-                ]),
-                _: 1
-              }, 8, ["auth-function"])
-            ], 8, ["disabled"]))
+          "toolbar-button": p(() => [
+            (b(), V(we(e.useActionOutside ? "Teleport" : "div"), {
+              to: e.useActionOutside ? "#kong-ui-app-page-header-action-button" : void 0
+            }, {
+              default: p(() => [
+                C(s(Ie), {
+                  "auth-function": () => e.canCreate()
+                }, {
+                  default: p(() => [
+                    me(C(c, {
+                      appearance: "primary",
+                      "data-testid": "toolbar-add-sni",
+                      icon: "plus",
+                      to: e.config.createRoute
+                    }, {
+                      default: p(() => [
+                        J(O(s(n)("snis.list.toolbar_actions.new")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["to"]), [
+                      [ye, re.value]
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["auth-function"])
+              ]),
+              _: 1
+            }, 8, ["to"]))
           ]),
-          name: f(({ rowValue: R }) => [
+          name: p(({ rowValue: R }) => [
             K("b", null, O(R ?? "-"), 1)
           ]),
-          certificate: f(({ row: R }) => [
-            R.certificate && R.certificate.id ? (b(), V(s(bn), {
+          certificate: p(({ row: R }) => [
+            R.certificate && R.certificate.id ? (b(), V(s(hn), {
               key: 0,
               class: "copy-certificate-uuid",
               "data-testid": "copy-certificate-uuid",
               notify: (Q) => i(Q, R),
               truncated: !1,
               uuid: R.certificate.id
-            }, null, 8, ["notify", "uuid"])) : (b(), F("span", wn, "-"))
+            }, null, 8, ["notify", "uuid"])) : (b(), F("span", kn, "-"))
           ]),
-          tags: f(({ rowValue: R }) => [
+          tags: p(({ rowValue: R }) => [
             R != null && R.length ? (b(), V(B, { key: 0 }, {
-              default: f(() => [
+              default: p(() => [
                 (b(!0), F(Je, null, Te(R, (Q) => (b(), V(I, {
                   key: Q,
                   onClick: M[1] || (M[1] = be(() => {
                   }, ["stop"]))
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     J(O(Q), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (b(), F("span", Sn, "-"))
+            }, 1024)) : (b(), F("span", wn, "-"))
           ]),
-          actions: f(({ row: R }) => [
+          actions: p(({ row: R }) => [
             C(W, null, {
-              default: f(({ copyToClipboard: Q }) => [
+              default: p(({ copyToClipboard: Q }) => [
                 C(ae, {
                   "data-testid": "action-entity-copy-id",
                   onClick: (ve) => g(R, Q)
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     J(O(s(n)("actions.copy_id")), 1)
                   ]),
                   _: 2
@@ -2569,12 +2571,12 @@ const va = {
               _: 2
             }, 1024),
             C(W, null, {
-              default: f(({ copyToClipboard: Q }) => [
+              default: p(({ copyToClipboard: Q }) => [
                 C(ae, {
                   "data-testid": "action-entity-copy-json",
                   onClick: (ve) => A(R, Q)
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     J(O(s(n)("actions.copy_json")), 1)
                   ]),
                   _: 2
@@ -2582,10 +2584,10 @@ const va = {
               ]),
               _: 2
             }, 1024),
-            C(s(_e), {
+            C(s(Ie), {
               "auth-function": () => e.canEdit(R)
             }, {
-              default: f(() => [
+              default: p(() => [
                 C(ae, {
                   "data-testid": "action-entity-edit",
                   item: H(R.id)
@@ -2593,17 +2595,17 @@ const va = {
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            C(s(_e), {
+            C(s(Ie), {
               "auth-function": () => e.canDelete(R)
             }, {
-              default: f(() => [
+              default: p(() => [
                 C(ae, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
                   onClick: (Q) => Y(R)
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     J(O(s(n)("actions.delete")), 1)
                   ]),
                   _: 2
@@ -2614,7 +2616,7 @@ const va = {
           ]),
           _: 1
         }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "use-action-outside"]),
-        C(s(Aa), {
+        C(s($a), {
           "action-pending": L.value,
           description: s(n)("delete.description"),
           "entity-name": v.value && (v.value.name || v.value.id),
@@ -2634,11 +2636,11 @@ const va = {
   for (const [r, n] of a)
     t[r] = n;
   return t;
-}, Fn = /* @__PURE__ */ st(_n, [["__scopeId", "data-v-5470cca7"]]), In = { class: "kong-ui-entities-snis-form" }, Cn = { "data-testid": "no-search-results" }, xn = {
+}, Rn = /* @__PURE__ */ st(Sn, [["__scopeId", "data-v-117a5978"]]), _n = { class: "kong-ui-entities-snis-form" }, In = { "data-testid": "no-search-results" }, Cn = {
   key: 2,
   class: "invalid-certificate-message",
   "data-testid": "invalid-certificate-message"
-}, Tn = /* @__PURE__ */ ee({
+}, xn = /* @__PURE__ */ ee({
   __name: "SniForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -2657,9 +2659,9 @@ const va = {
   emits: ["update", "error", "loading"],
   setup(e, { emit: a }) {
     var M;
-    const t = a, r = e, n = Ze(), { i18n: { t: i } } = Ge.useI18n(), { getMessageFromError: o } = Xa(), { axiosInstance: u } = lt({
+    const t = a, r = e, n = Ze(), { i18n: { t: i } } = Ge.useI18n(), { getMessageFromError: o } = Qa(), { axiosInstance: u } = lt({
       headers: (M = r.config) == null ? void 0 : M.requestHeaders
-    }), m = S(() => fe.form[r.config.app].edit), p = S(() => r.sniId ? he.Edit : he.Create), _ = S(() => r.config.certificateId && p.value === he.Create ? r.config.certificateId : ""), l = Ke({
+    }), m = S(() => fe.form[r.config.app].edit), f = S(() => r.sniId ? he.Edit : he.Create), _ = S(() => r.config.certificateId && f.value === he.Create ? r.config.certificateId : ""), l = Ke({
       fields: {
         name: "",
         tags: "",
@@ -2682,7 +2684,7 @@ const va = {
       return r.config.app === "konnect" ? c = c.replace(/{controlPlaneId}/gi, ((I = r.config) == null ? void 0 : I.controlPlaneId) || "") : r.config.app === "kongManager" && (c = c.replace(/\/{workspace}/gi, (B = r.config) != null && B.workspace ? `/${r.config.workspace}` : "")), c = c.replace(/{id}/gi, r.sniId), c;
     }), d = S(() => {
       var I, B;
-      let c = `${r.config.apiBaseUrl}${fe.form[r.config.app][p.value]}`;
+      let c = `${r.config.apiBaseUrl}${fe.form[r.config.app][f.value]}`;
       return r.config.app === "konnect" ? c = c.replace(/{controlPlaneId}/gi, ((I = r.config) == null ? void 0 : I.controlPlaneId) || "") : r.config.app === "kongManager" && (c = c.replace(/\/{workspace}/gi, (B = r.config) != null && B.workspace ? `/${r.config.workspace}` : "")), c = c.replace(/{id}/gi, r.sniId), c;
     }), T = async () => {
       var c, I, B, ae, W, R, Q, ve;
@@ -2690,11 +2692,11 @@ const va = {
         l.isReadonly = !0;
         const ie = {
           name: l.fields.name,
-          tags: (I = (c = l.fields.tags.split(",")) == null ? void 0 : c.map((we) => String(we || "").trim())) == null ? void 0 : I.filter((we) => we !== ""),
+          tags: (I = (c = l.fields.tags.split(",")) == null ? void 0 : c.map((Se) => String(Se || "").trim())) == null ? void 0 : I.filter((Se) => Se !== ""),
           certificate: { id: _.value || l.fields.certificate_id }
         };
         let Z;
-        await u.post($.value, ie), p.value === "create" ? Z = await u.post(d.value, ie) : p.value === "edit" && (Z = ((B = r.config) == null ? void 0 : B.app) === "konnect" ? await u.put(d.value, ie) : await u.patch(d.value, ie)), l.fields.name = ((ae = Z == null ? void 0 : Z.data) == null ? void 0 : ae.name) || "", l.fields.tags = ((R = (W = Z == null ? void 0 : Z.data) == null ? void 0 : W.tags) == null ? void 0 : R.join(", ")) || "", l.fields.certificate_id = ((ve = (Q = Z == null ? void 0 : Z.data) == null ? void 0 : Q.certificate) == null ? void 0 : ve.id) || "", Object.assign(N, l.fields), t("update", Z == null ? void 0 : Z.data);
+        await u.post($.value, ie), f.value === "create" ? Z = await u.post(d.value, ie) : f.value === "edit" && (Z = ((B = r.config) == null ? void 0 : B.app) === "konnect" ? await u.put(d.value, ie) : await u.patch(d.value, ie)), l.fields.name = ((ae = Z == null ? void 0 : Z.data) == null ? void 0 : ae.name) || "", l.fields.tags = ((R = (W = Z == null ? void 0 : Z.data) == null ? void 0 : W.tags) == null ? void 0 : R.join(", ")) || "", l.fields.certificate_id = ((ve = (Q = Z == null ? void 0 : Z.data) == null ? void 0 : Q.certificate) == null ? void 0 : ve.id) || "", Object.assign(N, l.fields), t("update", Z == null ? void 0 : Z.data);
       } catch (ie) {
         l.errorMessage = o(ie), t("error", ie);
       } finally {
@@ -2708,7 +2710,7 @@ const va = {
       validationError: H,
       loadItems: v,
       results: U
-    } = tn(r.config, fe.form[r.config.app].certificates), L = x(!0), P = (c) => {
+    } = en(r.config, fe.form[r.config.app].certificates), L = x(!0), P = (c) => {
       L.value = !c, E(c);
     }, q = S(() => A.value ? i("errors.certificates.fetch") : ""), Y = S(() => H.value ? i("errors.certificates.invalid") : ""), te = x(0), de = S(() => g.value === void 0), re = x(/* @__PURE__ */ new Set()), pe = S(() => Array.from(re.value).map((I) => ({
       label: I,
@@ -2728,8 +2730,8 @@ const va = {
       await v();
     }), (c, I) => {
       const B = j("KInput"), ae = j("KSelect");
-      return b(), F("div", In, [
-        C(s(ba), {
+      return b(), F("div", _n, [
+        C(s(ha), {
           "can-submit": k.value,
           config: e.config,
           "edit-id": e.sniId,
@@ -2742,12 +2744,12 @@ const va = {
           onLoading: I[4] || (I[4] = (W) => c.$emit("loading", W)),
           onSubmit: T
         }, {
-          default: f(() => [
+          default: p(() => [
             C(s(Le), {
               description: s(i)("form.sections.general.description"),
               title: s(i)("form.sections.general.title")
             }, {
-              default: f(() => [
+              default: p(() => [
                 C(B, {
                   modelValue: l.fields.name,
                   "onUpdate:modelValue": I[0] || (I[0] = (W) => l.fields.name = W),
@@ -2781,7 +2783,7 @@ const va = {
               "has-divider": "",
               title: s(i)("form.sections.certificate.title")
             }, {
-              default: f(() => [
+              default: p(() => [
                 _.value ? (b(), V(B, {
                   key: 0,
                   "data-testid": "sni-form-certificate-id",
@@ -2810,15 +2812,15 @@ const va = {
                   width: "100%",
                   onQueryChange: P
                 }, {
-                  loading: f(() => [
+                  loading: p(() => [
                     K("div", null, O(s(i)("actions.loading")), 1)
                   ]),
-                  empty: f(() => [
-                    K("div", Cn, O(s(i)("search.no_results")), 1)
+                  empty: p(() => [
+                    K("div", In, O(s(i)("search.no_results")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "class", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"])),
-                Y.value ? (b(), F("p", xn, O(Y.value), 1)) : X("", !0)
+                Y.value ? (b(), F("p", Cn, O(Y.value), 1)) : X("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -2828,8 +2830,8 @@ const va = {
       ]);
     };
   }
-}), Un = /* @__PURE__ */ st(Tn, [["__scopeId", "data-v-576c2dac"]]);
+}), Fn = /* @__PURE__ */ st(xn, [["__scopeId", "data-v-576c2dac"]]);
 export {
-  Un as SniForm,
-  Fn as SniList
+  Fn as SniForm,
+  Rn as SniList
 };